Modifiers - expose extractAccessibilityProps & extractComponentProps

generatedTypes/commons/modifiers.d.ts

@@ -93,7 +93,7 @@ export declare function extractModifierProps(props: Dictionary<any>): _.Dictiona
  * @deprecated switch to Modifiers#extractComponentProps
  */
 export declare function extractOwnProps(props: Dictionary<any>, ignoreProps: string[]): Pick<Partial<Dictionary<any>>, number>;
-export declare function extractComponentProps(component: any, props: Dictionary<any>, ignoreProps: string[]): Pick<Partial<Dictionary<any>>, number>;
+export declare function extractComponentProps(component: any, props: Dictionary<any>, ignoreProps?: string[]): Pick<Partial<Dictionary<any>>, number>;
 export declare function getThemeProps(props?: any, context?: any): any;
 export declare function generateModifiersStyle(options: {
     color: boolean;

generatedTypes/commons/new.d.ts

@@ -3,4 +3,4 @@ export { default as asBaseComponent, BaseComponentInjectedProps } from './asBase
 export { default as forwardRef, ForwardRefInjectedProps } from './forwardRef';
 export { default as withScrollEnabler, WithScrollEnablerProps } from './withScrollEnabler';
 export { default as withScrollReached, WithScrollReachedProps } from './withScrollReached';
-export { ContainerModifiers, MarginModifiers, PaddingModifiers, TypographyModifiers, ColorsModifiers, BackgroundColorModifier } from './modifiers';
+export { ContainerModifiers, MarginModifiers, PaddingModifiers, TypographyModifiers, ColorsModifiers, BackgroundColorModifier, extractAccessibilityProps, extractComponentProps } from './modifiers';

src/commons/index.js

@@ -27,5 +27,11 @@ module.exports = {
   },
   get withScrollReached() {
     return require('./withScrollReached').default;
+  },
+  get extractAccessibilityProps() {
+    return require('./modifiers').extractAccessibilityProps;
+  },
+  get extractComponentProps() {
+    return require('./modifiers').extractComponentProps;
   }
 };

src/commons/modifiers.ts

@@ -319,7 +319,7 @@ export function extractOwnProps(props: Dictionary<any>, ignoreProps: string[]) {
   return ownProps;
 }
 
-export function extractComponentProps(component: any, props: Dictionary<any>, ignoreProps: string[]) {
+export function extractComponentProps(component: any, props: Dictionary<any>, ignoreProps: string[] = []) {
   const componentPropTypes = component.propTypes;
   const componentProps = _.chain(props)
     .pickBy((_value, key) => _.includes(Object.keys(componentPropTypes), key))

src/commons/new.ts

@@ -11,5 +11,7 @@ export {
   PaddingModifiers,
   TypographyModifiers,
   ColorsModifiers,
-  BackgroundColorModifier
+  BackgroundColorModifier,
+  extractAccessibilityProps,
+  extractComponentProps
 } from './modifiers';

src/index.js

@@ -226,6 +226,12 @@ export default {
   get withScrollReached() {
     return require('./commons').withScrollReached;
   },
+  get extractAccessibilityProps() {
+    return require('./commons').extractAccessibilityProps;
+  },
+  get extractComponentProps() {
+    return require('./commons').extractComponentProps;
+  },
 
   // Helpers
   get AvatarHelper() {

src/index.ts

@@ -14,7 +14,9 @@ export {
   PaddingModifiers,
   TypographyModifiers,
   ColorsModifiers,
-  BackgroundColorModifier
+  BackgroundColorModifier,
+  extractAccessibilityProps,
+  extractComponentProps
 } from './commons/new';
 export * as Incubator from './incubator';
 export * as Hooks from './hooks';