feat(carbon): make prepareProps available externally

Author: skateman

packages/carbon-component-mapper/src/files/checkbox.js

@@ -6,7 +6,7 @@ import MultipleChoiceListCommon from '@data-driven-forms/common/src/multiple-cho
 import { Checkbox as CarbonCheckbox, FormGroup } from 'carbon-components-react';
 
 import WithDescription from '../common/with-description';
-import prepareProps, { buildLabel } from '../common/prepare-props';
+import prepareProps, { buildLabel } from './prepare-props';
 import HelperTextBlock from '../common/helper-text-block';
 
 const Wrapper = ({ label, description, children, helperText, error, showError, isRequired }) => (

packages/carbon-component-mapper/src/files/date-picker.js

@@ -4,7 +4,7 @@ import { useFieldApi } from '@data-driven-forms/react-form-renderer';
 
 import { DatePicker as CarbonDatePicker, DatePickerInput } from 'carbon-components-react';
 
-import prepareProps from '../common/prepare-props';
+import prepareProps from './prepare-props';
 import HelperTextBlock from '../common/helper-text-block';
 
 const DatePicker = (props) => {

packages/carbon-component-mapper/src/files/dual-list-select.js

@@ -13,7 +13,7 @@ import {
   StructuredListCell
 } from 'carbon-components-react/lib/components/StructuredList/StructuredList';
 
-import { buildLabel } from '../common/prepare-props';
+import { buildLabel } from './prepare-props';
 import './dual-list-select.scss';
 
 const EmptyList = ({ message }) => (

packages/carbon-component-mapper/src/files/field-array.js

@@ -9,7 +9,7 @@ import { AddAlt32, Subtract32 } from '@carbon/icons-react';
 
 import './field-array.scss';
 
-import prepareProps from '../common/prepare-props';
+import prepareProps from './prepare-props';
 
 const ArrayItem = ({ remove, fields, name, removeText, buttonDisabled, RemoveButtonProps, ArrayItemProps }) => {
   const formOptions = useFormApi();

packages/carbon-component-mapper/src/files/prepare-props.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { AnyObject } from '@data-driven-forms/react-form-renderer';
+
+export function buildLabel(label: React.ReactNode, isRequired: boolean): React.ReactNode | undefined;
+
+export type PreparePropsConfig<T = AnyObject> = T & {
+  isDisabled?: boolean;
+  isReadOnly?: boolean;
+  isRequired?: boolean;
+  label: React.ReactNode;
+  description: React.ReactNode;
+}
+
+type PreparePropsMappedOutput<T> = T & {
+  disabled?: boolean;
+  labelText?: React.ReactNode;
+  readOnly?: boolean;
+  description?: React.ReactNode;
+}
+
+declare function prepareProps<T = AnyObject>({ isDisabled, isReadOnly, isRequired, label, description, ...props }: PreparePropsConfig<T>): PreparePropsMappedOutput<T>
+
+export default prepareProps;

packages/carbon-component-mapper/src/common/prepare-props.js renamed to packages/carbon-component-mapper/src/files/prepare-props.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import WithDescription from './with-description';
-import IsRequired from './is-required';
+import WithDescription from '../common/with-description';
+import IsRequired from '../common/is-required';
 
 export const buildLabel = (label, isRequired) => (label && (isRequired ? <IsRequired>{label}</IsRequired> : label)) || undefined;
 

packages/carbon-component-mapper/src/files/radio.js

@@ -4,7 +4,7 @@ import { useFieldApi } from '@data-driven-forms/react-form-renderer';
 
 import { FormGroup, RadioButtonGroup, RadioButton } from 'carbon-components-react';
 
-import prepareProps from '../common/prepare-props';
+import prepareProps from './prepare-props';
 import HelperTextBlock from '../common/helper-text-block';
 
 const Radio = (props) => {

packages/carbon-component-mapper/src/files/select.js

@@ -6,7 +6,7 @@ import DataDrivenSelect from '@data-driven-forms/common/src/select';
 import fnToString from '@data-driven-forms/common/src/utils/fn-to-string';
 
 import { Select as CarbonSelect, MultiSelect, SelectItem, ComboBox } from 'carbon-components-react';
-import prepareProps from '../common/prepare-props';
+import prepareProps from './prepare-props';
 
 export const multiOnChange = (input, simpleValue) => ({ selectedItems }) => {
   if (simpleValue) {

packages/carbon-component-mapper/src/files/slider.js

@@ -4,7 +4,7 @@ import { useFieldApi } from '@data-driven-forms/react-form-renderer';
 
 import { Slider as CarbonSlider } from 'carbon-components-react';
 
-import prepareProps from '../common/prepare-props';
+import prepareProps from './/prepare-props';
 import HelperTextBlock from '../common/helper-text-block';
 
 const Slider = (props) => {

packages/carbon-component-mapper/src/files/switch.js

@@ -4,7 +4,7 @@ import { useFieldApi } from '@data-driven-forms/react-form-renderer';
 
 import { Toggle } from 'carbon-components-react';
 
-import prepareProps from '../common/prepare-props';
+import prepareProps from './prepare-props';
 import HelperTextBlock from '../common/helper-text-block';
 
 const Switch = (props) => {