Modifiers - expose extractAccessibilityProps & extractComponentProps (#1043)

* Modifiers - expose extractAccessibilityProps & extractComponentProps

* Import from commons and not commons/new

* Export the whole Modifiers file

Author: M-i-k-e-l

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/index.d.ts

@@ -7,6 +7,7 @@ export * from './style';
 export * from './services';
 export * as Incubator from './incubator';
 export * as Hooks from './hooks';
+export * as Modifiers from './commons/modifiers';
 export {
   asBaseComponent,
   withScrollEnabler,

src/commons/index.js

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

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/index.js

@@ -226,6 +226,9 @@ export default {
   get withScrollReached() {
     return require('./commons').withScrollReached;
   },
+  get Modifiers() {
+    return require('./commons').modifiers;
+  },
 
   // Helpers
   get AvatarHelper() {

src/index.ts

@@ -18,6 +18,7 @@ export {
 } from './commons/new';
 export * as Incubator from './incubator';
 export * as Hooks from './hooks';
+export * as Modifiers from './commons/modifiers';
 export {default as ActionBar, ActionBarProps} from './components/actionBar';
 export {default as Avatar, AvatarPropTypes, AvatarProps} from './components/avatar';
 export {default as Badge, BadgeProps} from './components/badge';