@react-native-ohos/native-base 3.4.29-rc.1 → 3.4.29-rc.3

package/lib/module/components/composites/FormControl/FormControlErrorMessage.js

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { memo, forwardRef } from 'react';
 import Box from '../../primitives/Box';
 import { HStack } from '../../primitives/Stack';
@@ -8,7 +7,6 @@ import { useFormControlContext } from './useFormControl';
 import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
 import { combineContextAndProps } from '../../../utils';
 import Text from '../../primitives/Text';
-
 const FormControlErrorMessage = (props, ref) => {
   const formControlContext = useFormControlContext();
   const combinedProps = combineContextAndProps(formControlContext, props);
@@ -22,59 +20,52 @@ const FormControlErrorMessage = (props, ref) => {
   } = usePropsResolution('FormControlErrorMessage', combinedProps, {
     isDisabled: combinedProps.isDisabled,
     isReadOnly: combinedProps.isReadOnly,
-    isInvalid: combinedProps.isInvalid // isRequired: combinedProps.isRequired,
-
+    isInvalid: combinedProps.isInvalid
+    // isRequired: combinedProps.isRequired,
   });
   let {
     startIcon,
     endIcon
   } = resolvedProps;
-
   if (rightIcon) {
     endIcon = rightIcon;
   }
-
   if (leftIcon) {
     startIcon = leftIcon;
   }
-
   if (endIcon && /*#__PURE__*/React.isValidElement(endIcon)) {
     endIcon = React.Children.map(endIcon, (child, index) => {
       return /*#__PURE__*/React.cloneElement(child, {
-        key: "button-end-icon-".concat(index),
+        key: `button-end-icon-${index}`,
         ..._text,
         ...child.props
       });
     });
   }
-
   if (startIcon && /*#__PURE__*/React.isValidElement(startIcon)) {
     startIcon = React.Children.map(startIcon, (child, index) => {
       return /*#__PURE__*/React.cloneElement(child, {
-        key: "button-start-icon-".concat(index),
+        key: `button-start-icon-${index}`,
         ..._text,
         ...child.props
       });
     });
   }
-
   React.useEffect(() => {
-    resolvedProps === null || resolvedProps === void 0 ? void 0 : resolvedProps.setHasFeedbackText(true);
+    resolvedProps === null || resolvedProps === void 0 || resolvedProps.setHasFeedbackText(true);
     return () => {
-      resolvedProps === null || resolvedProps === void 0 ? void 0 : resolvedProps.setHasFeedbackText(false);
+      resolvedProps === null || resolvedProps === void 0 || resolvedProps.setHasFeedbackText(false);
     };
-  }); //TODO: refactor for responsive prop
-
+  });
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return null;
   }
-
   return resolvedProps !== null && resolvedProps !== void 0 && resolvedProps.isInvalid && children ? /*#__PURE__*/React.createElement(Box, _extends({
     nativeID: resolvedProps === null || resolvedProps === void 0 ? void 0 : resolvedProps.helpTextId
   }, resolvedProps, {
     ref: ref
   }), /*#__PURE__*/React.createElement(HStack, _stack, startIcon, /*#__PURE__*/React.createElement(Text, _text, children), endIcon)) : null;
 };
-
-export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(FormControlErrorMessage));
+export default /*#__PURE__*/memo(/*#__PURE__*/forwardRef(FormControlErrorMessage));
 //# sourceMappingURL=FormControlErrorMessage.js.map

package/lib/module/components/composites/FormControl/FormControlErrorMessage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FormControlErrorMessage.tsx"],"names":["React","memo","forwardRef","Box","HStack","usePropsResolution","useFormControlContext","useHasResponsiveProps","combineContextAndProps","Text","FormControlErrorMessage","props","ref","formControlContext","combinedProps","leftIcon","rightIcon","children","_text","_stack","resolvedProps","isDisabled","isReadOnly","isInvalid","startIcon","endIcon","isValidElement","Children","map","child","index","cloneElement","key","useEffect","setHasFeedbackText","helpTextId"],"mappings":"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","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport { HStack } from '../../primitives/Stack';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useFormControlContext } from './useFormControl';\r\nimport type { IFormControlErrorMessageProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { combineContextAndProps } from '../../../utils';\r\nimport Text from '../../primitives/Text';\r\n\r\nconst FormControlErrorMessage = (\r\n  props: IFormControlErrorMessageProps,\r\n  ref: any\r\n) => {\r\n  const formControlContext = useFormControlContext();\r\n  const combinedProps = combineContextAndProps(formControlContext, props);\r\n  const {\r\n    leftIcon,\r\n    rightIcon,\r\n    children,\r\n    _text,\r\n    _stack,\r\n    ...resolvedProps\r\n  } = usePropsResolution('FormControlErrorMessage', combinedProps, {\r\n    isDisabled: combinedProps.isDisabled,\r\n    isReadOnly: combinedProps.isReadOnly,\r\n    isInvalid: combinedProps.isInvalid,\r\n    // isRequired: combinedProps.isRequired,\r\n  });\r\n  let { startIcon, endIcon } = resolvedProps;\r\n\r\n  if (rightIcon) {\r\n    endIcon = rightIcon;\r\n  }\r\n  if (leftIcon) {\r\n    startIcon = leftIcon;\r\n  }\r\n  if (endIcon && React.isValidElement(endIcon)) {\r\n    endIcon = React.Children.map(\r\n      endIcon,\r\n      (child: JSX.Element, index: number) => {\r\n        return React.cloneElement(child, {\r\n          key: `button-end-icon-${index}`,\r\n          ..._text,\r\n          ...child.props,\r\n        });\r\n      }\r\n    );\r\n  }\r\n  if (startIcon && React.isValidElement(startIcon)) {\r\n    startIcon = React.Children.map(\r\n      startIcon,\r\n      (child: JSX.Element, index: number) => {\r\n        return React.cloneElement(child, {\r\n          key: `button-start-icon-${index}`,\r\n          ..._text,\r\n          ...child.props,\r\n        });\r\n      }\r\n    );\r\n  }\r\n\r\n  React.useEffect(() => {\r\n    resolvedProps?.setHasFeedbackText(true);\r\n    return () => {\r\n      resolvedProps?.setHasFeedbackText(false);\r\n    };\r\n  });\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return resolvedProps?.isInvalid && children ? (\r\n    <Box nativeID={resolvedProps?.helpTextId} {...resolvedProps} ref={ref}>\r\n      <HStack {..._stack}>\r\n        {startIcon}\r\n        <Text {..._text}>{children}</Text>\r\n        {endIcon}\r\n      </HStack>\r\n    </Box>\r\n  ) : null;\r\n};\r\n\r\nexport default memo(forwardRef(FormControlErrorMessage));\r\n"]}
+{"version":3,"names":["React","memo","forwardRef","Box","HStack","usePropsResolution","useFormControlContext","useHasResponsiveProps","combineContextAndProps","Text","FormControlErrorMessage","props","ref","formControlContext","combinedProps","leftIcon","rightIcon","children","_text","_stack","resolvedProps","isDisabled","isReadOnly","isInvalid","startIcon","endIcon","isValidElement","Children","map","child","index","cloneElement","key","useEffect","setHasFeedbackText","createElement","_extends","nativeID","helpTextId"],"sources":["FormControlErrorMessage.tsx"],"sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport { HStack } from '../../primitives/Stack';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useFormControlContext } from './useFormControl';\r\nimport type { IFormControlErrorMessageProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { combineContextAndProps } from '../../../utils';\r\nimport Text from '../../primitives/Text';\r\n\r\nconst FormControlErrorMessage = (\r\n  props: IFormControlErrorMessageProps,\r\n  ref: any\r\n) => {\r\n  const formControlContext = useFormControlContext();\r\n  const combinedProps = combineContextAndProps(formControlContext, props);\r\n  const {\r\n    leftIcon,\r\n    rightIcon,\r\n    children,\r\n    _text,\r\n    _stack,\r\n    ...resolvedProps\r\n  } = usePropsResolution('FormControlErrorMessage', combinedProps, {\r\n    isDisabled: combinedProps.isDisabled,\r\n    isReadOnly: combinedProps.isReadOnly,\r\n    isInvalid: combinedProps.isInvalid,\r\n    // isRequired: combinedProps.isRequired,\r\n  });\r\n  let { startIcon, endIcon } = resolvedProps;\r\n\r\n  if (rightIcon) {\r\n    endIcon = rightIcon;\r\n  }\r\n  if (leftIcon) {\r\n    startIcon = leftIcon;\r\n  }\r\n  if (endIcon && React.isValidElement(endIcon)) {\r\n    endIcon = React.Children.map(\r\n      endIcon,\r\n      (child: JSX.Element, index: number) => {\r\n        return React.cloneElement(child, {\r\n          key: `button-end-icon-${index}`,\r\n          ..._text,\r\n          ...child.props,\r\n        });\r\n      }\r\n    );\r\n  }\r\n  if (startIcon && React.isValidElement(startIcon)) {\r\n    startIcon = React.Children.map(\r\n      startIcon,\r\n      (child: JSX.Element, index: number) => {\r\n        return React.cloneElement(child, {\r\n          key: `button-start-icon-${index}`,\r\n          ..._text,\r\n          ...child.props,\r\n        });\r\n      }\r\n    );\r\n  }\r\n\r\n  React.useEffect(() => {\r\n    resolvedProps?.setHasFeedbackText(true);\r\n    return () => {\r\n      resolvedProps?.setHasFeedbackText(false);\r\n    };\r\n  });\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return resolvedProps?.isInvalid && children ? (\r\n    <Box nativeID={resolvedProps?.helpTextId} {...resolvedProps} ref={ref}>\r\n      <HStack {..._stack}>\r\n        {startIcon}\r\n        <Text {..._text}>{children}</Text>\r\n        {endIcon}\r\n      </HStack>\r\n    </Box>\r\n  ) : null;\r\n};\r\n\r\nexport default memo(forwardRef(FormControlErrorMessage));\r\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/composites/FormControl/FormControlHelperText.js

@@ -1,37 +1,33 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { memo, forwardRef } from 'react';
 import Box from '../../primitives/Box';
 import { usePropsResolution } from '../../../hooks/useThemeProps';
 import { useFormControlContext } from './useFormControl';
 import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
 import { combineContextAndProps } from '../../../utils';
-
 const FormControlHelperText = (props, ref) => {
   const formControlContext = useFormControlContext();
   const combinedProps = combineContextAndProps(formControlContext, props);
   const resolvedProps = usePropsResolution('FormControlHelperText', combinedProps, {
     isDisabled: combinedProps.isDisabled,
     isReadOnly: combinedProps.isReadOnly,
-    isInvalid: combinedProps.isInvalid // isRequired: combinedProps.isRequired,
-
+    isInvalid: combinedProps.isInvalid
+    // isRequired: combinedProps.isRequired,
   });
   React.useEffect(() => {
-    resolvedProps === null || resolvedProps === void 0 ? void 0 : resolvedProps.setHasHelpText(true);
+    resolvedProps === null || resolvedProps === void 0 || resolvedProps.setHasHelpText(true);
     return () => {
-      resolvedProps === null || resolvedProps === void 0 ? void 0 : resolvedProps.setHasHelpText(false);
+      resolvedProps === null || resolvedProps === void 0 || resolvedProps.setHasHelpText(false);
     };
-  }); //TODO: refactor for responsive prop
-
+  });
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(Box, _extends({}, resolvedProps, {
     nativeID: resolvedProps === null || resolvedProps === void 0 ? void 0 : resolvedProps.feedbackId,
     ref: ref
   }));
 };
-
-export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(FormControlHelperText));
+export default /*#__PURE__*/memo(/*#__PURE__*/forwardRef(FormControlHelperText));
 //# sourceMappingURL=FormControlHelperText.js.map

package/lib/module/components/composites/FormControl/FormControlHelperText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FormControlHelperText.tsx"],"names":["React","memo","forwardRef","Box","usePropsResolution","useFormControlContext","useHasResponsiveProps","combineContextAndProps","FormControlHelperText","props","ref","formControlContext","combinedProps","resolvedProps","isDisabled","isReadOnly","isInvalid","useEffect","setHasHelpText","feedbackId"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,OAAOC,GAAP,MAAgB,sBAAhB;AACA,SAASC,kBAAT,QAAmC,8BAAnC;AACA,SAASC,qBAAT,QAAsC,kBAAtC;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;AACA,SAASC,sBAAT,QAAuC,gBAAvC;;AAEA,MAAMC,qBAAqB,GAAG,CAC5BC,KAD4B,EAE5BC,GAF4B,KAGzB;AACH,QAAMC,kBAAkB,GAAGN,qBAAqB,EAAhD;AACA,QAAMO,aAAa,GAAGL,sBAAsB,CAACI,kBAAD,EAAqBF,KAArB,CAA5C;AACA,QAAMI,aAAa,GAAGT,kBAAkB,CACtC,uBADsC,EAEtCQ,aAFsC,EAGtC;AACEE,IAAAA,UAAU,EAAEF,aAAa,CAACE,UAD5B;AAEEC,IAAAA,UAAU,EAAEH,aAAa,CAACG,UAF5B;AAGEC,IAAAA,SAAS,EAAEJ,aAAa,CAACI,SAH3B,CAIE;;AAJF,GAHsC,CAAxC;AAWAhB,EAAAA,KAAK,CAACiB,SAAN,CAAgB,MAAM;AACpBJ,IAAAA,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAEK,cAAf,CAA8B,IAA9B;AACA,WAAO,MAAM;AACXL,MAAAA,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAEK,cAAf,CAA8B,KAA9B;AACD,KAFD;AAGD,GALD,EAdG,CAoBH;;AACA,MAAIZ,qBAAqB,CAACG,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,sBACE,oBAAC,GAAD,eAASI,aAAT;AAAwB,IAAA,QAAQ,EAAEA,aAAF,aAAEA,aAAF,uBAAEA,aAAa,CAAEM,UAAjD;AAA6D,IAAA,GAAG,EAAET;AAAlE,KADF;AAGD,CA/BD;;AAiCA,4BAAeT,IAAI,eAACC,UAAU,CAACM,qBAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useFormControlContext } from './useFormControl';\r\nimport type { IFormControlHelperTextProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { combineContextAndProps } from '../../../utils';\r\n\r\nconst FormControlHelperText = (\r\n  props: IFormControlHelperTextProps,\r\n  ref: any\r\n) => {\r\n  const formControlContext = useFormControlContext();\r\n  const combinedProps = combineContextAndProps(formControlContext, props);\r\n  const resolvedProps = usePropsResolution(\r\n    'FormControlHelperText',\r\n    combinedProps,\r\n    {\r\n      isDisabled: combinedProps.isDisabled,\r\n      isReadOnly: combinedProps.isReadOnly,\r\n      isInvalid: combinedProps.isInvalid,\r\n      // isRequired: combinedProps.isRequired,\r\n    }\r\n  );\r\n\r\n  React.useEffect(() => {\r\n    resolvedProps?.setHasHelpText(true);\r\n    return () => {\r\n      resolvedProps?.setHasHelpText(false);\r\n    };\r\n  });\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Box {...resolvedProps} nativeID={resolvedProps?.feedbackId} ref={ref} />\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(FormControlHelperText));\r\n"]}
+{"version":3,"names":["React","memo","forwardRef","Box","usePropsResolution","useFormControlContext","useHasResponsiveProps","combineContextAndProps","FormControlHelperText","props","ref","formControlContext","combinedProps","resolvedProps","isDisabled","isReadOnly","isInvalid","useEffect","setHasHelpText","createElement","_extends","nativeID","feedbackId"],"sources":["FormControlHelperText.tsx"],"sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useFormControlContext } from './useFormControl';\r\nimport type { IFormControlHelperTextProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { combineContextAndProps } from '../../../utils';\r\n\r\nconst FormControlHelperText = (\r\n  props: IFormControlHelperTextProps,\r\n  ref: any\r\n) => {\r\n  const formControlContext = useFormControlContext();\r\n  const combinedProps = combineContextAndProps(formControlContext, props);\r\n  const resolvedProps = usePropsResolution(\r\n    'FormControlHelperText',\r\n    combinedProps,\r\n    {\r\n      isDisabled: combinedProps.isDisabled,\r\n      isReadOnly: combinedProps.isReadOnly,\r\n      isInvalid: combinedProps.isInvalid,\r\n      // isRequired: combinedProps.isRequired,\r\n    }\r\n  );\r\n\r\n  React.useEffect(() => {\r\n    resolvedProps?.setHasHelpText(true);\r\n    return () => {\r\n      resolvedProps?.setHasHelpText(false);\r\n    };\r\n  });\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Box {...resolvedProps} nativeID={resolvedProps?.feedbackId} ref={ref} />\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(FormControlHelperText));\r\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,UAAU,QAAQ,OAAO;AAC/C,OAAOC,GAAG,MAAM,sBAAsB;AACtC,SAASC,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,qBAAqB,QAAQ,kBAAkB;AAExD,SAASC,qBAAqB,QAAQ,sCAAsC;AAC5E,SAASC,sBAAsB,QAAQ,gBAAgB;AAEvD,MAAMC,qBAAqB,GAAGA,CAC5BC,KAAkC,EAClCC,GAAQ,KACL;EACH,MAAMC,kBAAkB,GAAGN,qBAAqB,CAAC,CAAC;EAClD,MAAMO,aAAa,GAAGL,sBAAsB,CAACI,kBAAkB,EAAEF,KAAK,CAAC;EACvE,MAAMI,aAAa,GAAGT,kBAAkB,CACtC,uBAAuB,EACvBQ,aAAa,EACb;IACEE,UAAU,EAAEF,aAAa,CAACE,UAAU;IACpCC,UAAU,EAAEH,aAAa,CAACG,UAAU;IACpCC,SAAS,EAAEJ,aAAa,CAACI;IACzB;EACF,CACF,CAAC;EAEDhB,KAAK,CAACiB,SAAS,CAAC,MAAM;IACpBJ,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEK,cAAc,CAAC,IAAI,CAAC;IACnC,OAAO,MAAM;MACXL,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEK,cAAc,CAAC,KAAK,CAAC;IACtC,CAAC;EACH,CAAC,CAAC;EACF;EACA,IAAIZ,qBAAqB,CAACG,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACb;EAEA,oBACET,KAAA,CAAAmB,aAAA,CAAChB,GAAG,EAAAiB,QAAA,KAAKP,aAAa;IAAEQ,QAAQ,EAAER,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,UAAW;IAACZ,GAAG,EAAEA;EAAI,EAAE,CAAC;AAE7E,CAAC;AAED,4BAAeT,IAAI,cAACC,UAAU,CAACM,qBAAqB,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/composites/FormControl/FormControlLabel.js

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { memo, forwardRef } from 'react';
 import Box from '../../primitives/Box';
 import Text from '../../primitives/Text';
@@ -7,26 +6,22 @@ import { useFormControlContext } from './useFormControl';
 import { usePropsResolution } from '../../../hooks/useThemeProps';
 import { mergeRefs } from '../../../utils';
 import { combineContextAndProps } from '../../../utils';
-
 const FormControlLabel = ({
   children,
   ...props
 }, ref) => {
   const formControlContext = useFormControlContext();
   const combinedProps = combineContextAndProps(formControlContext, props);
-
   const _ref = React.useRef(null);
-
   const {
     _astrick,
     ...resolvedProps
   } = usePropsResolution('FormControlLabel', combinedProps, {
     isDisabled: combinedProps.isDisabled,
     isReadOnly: combinedProps.isReadOnly,
-    isInvalid: combinedProps.isInvalid // isRequired: combinedProps.isRequired,
-
+    isInvalid: combinedProps.isInvalid
+    // isRequired: combinedProps.isRequired,
   });
-
   const requiredAsterisk = () => /*#__PURE__*/React.createElement(Text, _extends({
     _web: {
       accessibilityHidden: true,
@@ -34,7 +29,6 @@ const FormControlLabel = ({
       accessibilityRole: 'presentation'
     }
   }, _astrick), "*");
-
   const mergedRef = mergeRefs([_ref, ref]);
   React.useEffect(() => {
     if (_ref.current) {
@@ -56,6 +50,5 @@ const FormControlLabel = ({
     ref: mergedRef
   }), children, (resolvedProps === null || resolvedProps === void 0 ? void 0 : resolvedProps.isRequired) && requiredAsterisk());
 };
-
-export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(FormControlLabel));
+export default /*#__PURE__*/memo(/*#__PURE__*/forwardRef(FormControlLabel));
 //# sourceMappingURL=FormControlLabel.js.map

package/lib/module/components/composites/FormControl/FormControlLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FormControlLabel.tsx"],"names":["React","memo","forwardRef","Box","Text","useFormControlContext","usePropsResolution","mergeRefs","combineContextAndProps","FormControlLabel","children","props","ref","formControlContext","combinedProps","_ref","useRef","_astrick","resolvedProps","isDisabled","isReadOnly","isInvalid","requiredAsterisk","accessibilityHidden","accessibilityRole","mergedRef","useEffect","current","htmlFor","nativeID","labelId","isRequired"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,OAAOC,GAAP,MAAgB,sBAAhB;AACA,OAAOC,IAAP,MAAiB,uBAAjB;AACA,SAASC,qBAAT,QAAsC,kBAAtC;AACA,SAASC,kBAAT,QAAmC,8BAAnC;AAEA,SAASC,SAAT,QAA0B,gBAA1B;AACA,SAASC,sBAAT,QAAuC,gBAAvC;;AAEA,MAAMC,gBAAgB,GAAG,CACvB;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CADuB,EAEvBC,GAFuB,KAGpB;AACH,QAAMC,kBAAkB,GAAGR,qBAAqB,EAAhD;AACA,QAAMS,aAAa,GAAGN,sBAAsB,CAACK,kBAAD,EAAqBF,KAArB,CAA5C;;AACA,QAAMI,IAAI,GAAGf,KAAK,CAACgB,MAAN,CAA+B,IAA/B,CAAb;;AACA,QAAM;AAAEC,IAAAA,QAAF;AAAY,OAAGC;AAAf,MAAiCZ,kBAAkB,CACvD,kBADuD,EAEvDQ,aAFuD,EAGvD;AACEK,IAAAA,UAAU,EAAEL,aAAa,CAACK,UAD5B;AAEEC,IAAAA,UAAU,EAAEN,aAAa,CAACM,UAF5B;AAGEC,IAAAA,SAAS,EAAEP,aAAa,CAACO,SAH3B,CAIE;;AAJF,GAHuD,CAAzD;;AAWA,QAAMC,gBAAgB,GAAG,mBACvB,oBAAC,IAAD;AACE,IAAA,IAAI,EAAE;AACJC,MAAAA,mBAAmB,EAAE,IADjB;AAEJ;AACAC,MAAAA,iBAAiB,EAAE;AAHf;AADR,KAMMP,QANN,OADF;;AAYA,QAAMQ,SAAS,GAAGlB,SAAS,CAAC,CAACQ,IAAD,EAAOH,GAAP,CAAD,CAA3B;AACAZ,EAAAA,KAAK,CAAC0B,SAAN,CAAgB,MAAM;AACpB,QAAIX,IAAI,CAACY,OAAT,EAAkB;AAChB;AACA,UAAIhB,KAAK,CAACiB,OAAV,EAAmB;AACjBb,QAAAA,IAAI,CAACY,OAAL,CAAaC,OAAb,GAAuBjB,KAAK,CAACiB,OAA7B;AACD,OAFD,MAEO,IAAIV,aAAJ,aAAIA,aAAJ,eAAIA,aAAa,CAAEW,QAAnB,EAA6B;AAClCd,QAAAA,IAAI,CAACY,OAAL,CAAaC,OAAb,GAAuBV,aAAa,CAACW,QAArC;AACD;AACF;AACF,GATD,EASG,CAACX,aAAD,aAACA,aAAD,uBAACA,aAAa,CAAEW,QAAhB,EAA0BlB,KAAK,CAACiB,OAAhC,CATH;AAWA,sBACE,oBAAC,GAAD;AACE,IAAA,IAAI,EAAE;AACJ;AACAJ,MAAAA,iBAAiB,EAAE;AAFf;AADR,KAKMN,aALN;AAME,IAAA,QAAQ,EAAEA,aAAF,aAAEA,aAAF,uBAAEA,aAAa,CAAEY,OAN3B;AAOE,IAAA,GAAG,EAAEL;AAPP,MASGf,QATH,EAUG,CAAAQ,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAEa,UAAf,KAA6BT,gBAAgB,EAVhD,CADF;AAcD,CAxDD;;AAyDA,4BAAerB,IAAI,eAACC,UAAU,CAACO,gBAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport Text from '../../primitives/Text';\r\nimport { useFormControlContext } from './useFormControl';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport type { IFormControlLabelProps } from './types';\r\nimport { mergeRefs } from '../../../utils';\r\nimport { combineContextAndProps } from '../../../utils';\r\n\r\nconst FormControlLabel = (\r\n  { children, ...props }: IFormControlLabelProps,\r\n  ref: any\r\n) => {\r\n  const formControlContext = useFormControlContext();\r\n  const combinedProps = combineContextAndProps(formControlContext, props);\r\n  const _ref = React.useRef<HTMLLabelElement>(null);\r\n  const { _astrick, ...resolvedProps } = usePropsResolution(\r\n    'FormControlLabel',\r\n    combinedProps,\r\n    {\r\n      isDisabled: combinedProps.isDisabled,\r\n      isReadOnly: combinedProps.isReadOnly,\r\n      isInvalid: combinedProps.isInvalid,\r\n      // isRequired: combinedProps.isRequired,\r\n    }\r\n  );\r\n\r\n  const requiredAsterisk = () => (\r\n    <Text\r\n      _web={{\r\n        accessibilityHidden: true,\r\n        //@ts-ignore\r\n        accessibilityRole: 'presentation',\r\n      }}\r\n      {..._astrick}\r\n    >\r\n      *\r\n    </Text>\r\n  );\r\n  const mergedRef = mergeRefs([_ref, ref]);\r\n  React.useEffect(() => {\r\n    if (_ref.current) {\r\n      // RN web doesn't support htmlFor for Label element yet\r\n      if (props.htmlFor) {\r\n        _ref.current.htmlFor = props.htmlFor;\r\n      } else if (resolvedProps?.nativeID) {\r\n        _ref.current.htmlFor = resolvedProps.nativeID;\r\n      }\r\n    }\r\n  }, [resolvedProps?.nativeID, props.htmlFor]);\r\n\r\n  return (\r\n    <Box\r\n      _web={{\r\n        //@ts-ignore\r\n        accessibilityRole: 'label',\r\n      }}\r\n      {...resolvedProps}\r\n      nativeID={resolvedProps?.labelId}\r\n      ref={mergedRef}\r\n    >\r\n      {children}\r\n      {resolvedProps?.isRequired && requiredAsterisk()}\r\n    </Box>\r\n  );\r\n};\r\nexport default memo(forwardRef(FormControlLabel));\r\n"]}
+{"version":3,"names":["React","memo","forwardRef","Box","Text","useFormControlContext","usePropsResolution","mergeRefs","combineContextAndProps","FormControlLabel","children","props","ref","formControlContext","combinedProps","_ref","useRef","_astrick","resolvedProps","isDisabled","isReadOnly","isInvalid","requiredAsterisk","createElement","_extends","_web","accessibilityHidden","accessibilityRole","mergedRef","useEffect","current","htmlFor","nativeID","labelId","isRequired"],"sources":["FormControlLabel.tsx"],"sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport Text from '../../primitives/Text';\r\nimport { useFormControlContext } from './useFormControl';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport type { IFormControlLabelProps } from './types';\r\nimport { mergeRefs } from '../../../utils';\r\nimport { combineContextAndProps } from '../../../utils';\r\n\r\nconst FormControlLabel = (\r\n  { children, ...props }: IFormControlLabelProps,\r\n  ref: any\r\n) => {\r\n  const formControlContext = useFormControlContext();\r\n  const combinedProps = combineContextAndProps(formControlContext, props);\r\n  const _ref = React.useRef<HTMLLabelElement>(null);\r\n  const { _astrick, ...resolvedProps } = usePropsResolution(\r\n    'FormControlLabel',\r\n    combinedProps,\r\n    {\r\n      isDisabled: combinedProps.isDisabled,\r\n      isReadOnly: combinedProps.isReadOnly,\r\n      isInvalid: combinedProps.isInvalid,\r\n      // isRequired: combinedProps.isRequired,\r\n    }\r\n  );\r\n\r\n  const requiredAsterisk = () => (\r\n    <Text\r\n      _web={{\r\n        accessibilityHidden: true,\r\n        //@ts-ignore\r\n        accessibilityRole: 'presentation',\r\n      }}\r\n      {..._astrick}\r\n    >\r\n      *\r\n    </Text>\r\n  );\r\n  const mergedRef = mergeRefs([_ref, ref]);\r\n  React.useEffect(() => {\r\n    if (_ref.current) {\r\n      // RN web doesn't support htmlFor for Label element yet\r\n      if (props.htmlFor) {\r\n        _ref.current.htmlFor = props.htmlFor;\r\n      } else if (resolvedProps?.nativeID) {\r\n        _ref.current.htmlFor = resolvedProps.nativeID;\r\n      }\r\n    }\r\n  }, [resolvedProps?.nativeID, props.htmlFor]);\r\n\r\n  return (\r\n    <Box\r\n      _web={{\r\n        //@ts-ignore\r\n        accessibilityRole: 'label',\r\n      }}\r\n      {...resolvedProps}\r\n      nativeID={resolvedProps?.labelId}\r\n      ref={mergedRef}\r\n    >\r\n      {children}\r\n      {resolvedProps?.isRequired && requiredAsterisk()}\r\n    </Box>\r\n  );\r\n};\r\nexport default memo(forwardRef(FormControlLabel));\r\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,UAAU,QAAQ,OAAO;AAC/C,OAAOC,GAAG,MAAM,sBAAsB;AACtC,OAAOC,IAAI,MAAM,uBAAuB;AACxC,SAASC,qBAAqB,QAAQ,kBAAkB;AACxD,SAASC,kBAAkB,QAAQ,8BAA8B;AAEjE,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,SAASC,sBAAsB,QAAQ,gBAAgB;AAEvD,MAAMC,gBAAgB,GAAGA,CACvB;EAAEC,QAAQ;EAAE,GAAGC;AAA8B,CAAC,EAC9CC,GAAQ,KACL;EACH,MAAMC,kBAAkB,GAAGR,qBAAqB,CAAC,CAAC;EAClD,MAAMS,aAAa,GAAGN,sBAAsB,CAACK,kBAAkB,EAAEF,KAAK,CAAC;EACvE,MAAMI,IAAI,GAAGf,KAAK,CAACgB,MAAM,CAAmB,IAAI,CAAC;EACjD,MAAM;IAAEC,QAAQ;IAAE,GAAGC;EAAc,CAAC,GAAGZ,kBAAkB,CACvD,kBAAkB,EAClBQ,aAAa,EACb;IACEK,UAAU,EAAEL,aAAa,CAACK,UAAU;IACpCC,UAAU,EAAEN,aAAa,CAACM,UAAU;IACpCC,SAAS,EAAEP,aAAa,CAACO;IACzB;EACF,CACF,CAAC;EAED,MAAMC,gBAAgB,GAAGA,CAAA,kBACvBtB,KAAA,CAAAuB,aAAA,CAACnB,IAAI,EAAAoB,QAAA;IACHC,IAAI,EAAE;MACJC,mBAAmB,EAAE,IAAI;MACzB;MACAC,iBAAiB,EAAE;IACrB;EAAE,GACEV,QAAQ,GACb,GAEK,CACP;EACD,MAAMW,SAAS,GAAGrB,SAAS,CAAC,CAACQ,IAAI,EAAEH,GAAG,CAAC,CAAC;EACxCZ,KAAK,CAAC6B,SAAS,CAAC,MAAM;IACpB,IAAId,IAAI,CAACe,OAAO,EAAE;MAChB;MACA,IAAInB,KAAK,CAACoB,OAAO,EAAE;QACjBhB,IAAI,CAACe,OAAO,CAACC,OAAO,GAAGpB,KAAK,CAACoB,OAAO;MACtC,CAAC,MAAM,IAAIb,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEc,QAAQ,EAAE;QAClCjB,IAAI,CAACe,OAAO,CAACC,OAAO,GAAGb,aAAa,CAACc,QAAQ;MAC/C;IACF;EACF,CAAC,EAAE,CAACd,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEc,QAAQ,EAAErB,KAAK,CAACoB,OAAO,CAAC,CAAC;EAE5C,oBACE/B,KAAA,CAAAuB,aAAA,CAACpB,GAAG,EAAAqB,QAAA;IACFC,IAAI,EAAE;MACJ;MACAE,iBAAiB,EAAE;IACrB;EAAE,GACET,aAAa;IACjBc,QAAQ,EAAEd,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEe,OAAQ;IACjCrB,GAAG,EAAEgB;EAAU,IAEdlB,QAAQ,EACR,CAAAQ,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEgB,UAAU,KAAIZ,gBAAgB,CAAC,CAC5C,CAAC;AAEV,CAAC;AACD,4BAAerB,IAAI,cAACC,UAAU,CAACO,gBAAgB,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/composites/FormControl/index.js

@@ -5,8 +5,9 @@ import { default as FormControlHelperText } from './FormControlHelperText';
 let FormControlTemp = FormControlBase;
 FormControlTemp.Label = FormControlLabel;
 FormControlTemp.ErrorMessage = FormControlErrorMessage;
-FormControlTemp.HelperText = FormControlHelperText; // To add typings
+FormControlTemp.HelperText = FormControlHelperText;
 
+// To add typings
 const FormControl = FormControlTemp;
 export { FormControl };
 export { FormControlContext, useFormControl, useFormControlProvider, useFormControlContext } from './useFormControl';

package/lib/module/components/composites/FormControl/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["default","FormControlBase","FormControlLabel","FormControlErrorMessage","FormControlHelperText","FormControlTemp","Label","ErrorMessage","HelperText","FormControl","FormControlContext","useFormControl","useFormControlProvider","useFormControlContext"],"mappings":"AAAA,SAASA,OAAO,IAAIC,eAApB,QAA2C,eAA3C;AACA,SAASD,OAAO,IAAIE,gBAApB,QAA4C,oBAA5C;AACA,SAASF,OAAO,IAAIG,uBAApB,QAAmD,2BAAnD;AACA,SAASH,OAAO,IAAII,qBAApB,QAAiD,yBAAjD;AAGA,IAAIC,eAAoB,GAAGJ,eAA3B;AACAI,eAAe,CAACC,KAAhB,GAAwBJ,gBAAxB;AACAG,eAAe,CAACE,YAAhB,GAA+BJ,uBAA/B;AACAE,eAAe,CAACG,UAAhB,GAA6BJ,qBAA7B,C,CAEA;;AACA,MAAMK,WAAW,GAAGJ,eAApB;AAEA,SAASI,WAAT;AACA,SACEC,kBADF,EAEEC,cAFF,EAGEC,sBAHF,EAIEC,qBAJF,QAKO,kBALP","sourcesContent":["import { default as FormControlBase } from './FormControl';\r\nimport { default as FormControlLabel } from './FormControlLabel';\r\nimport { default as FormControlErrorMessage } from './FormControlErrorMessage';\r\nimport { default as FormControlHelperText } from './FormControlHelperText';\r\nimport type { FormControlComponentType } from './types';\r\n\r\nlet FormControlTemp: any = FormControlBase;\r\nFormControlTemp.Label = FormControlLabel;\r\nFormControlTemp.ErrorMessage = FormControlErrorMessage;\r\nFormControlTemp.HelperText = FormControlHelperText;\r\n\r\n// To add typings\r\nconst FormControl = FormControlTemp as FormControlComponentType;\r\n\r\nexport { FormControl };\r\nexport {\r\n  FormControlContext,\r\n  useFormControl,\r\n  useFormControlProvider,\r\n  useFormControlContext,\r\n} from './useFormControl';\r\n\r\nexport type { IFormControlContext } from './useFormControl';\r\n\r\nexport type {\r\n  IFormControlProps,\r\n  IFormControlLabelProps,\r\n  IFormControlErrorMessageProps,\r\n  IFormControlHelperTextProps,\r\n} from './types';\r\n"]}
+{"version":3,"names":["default","FormControlBase","FormControlLabel","FormControlErrorMessage","FormControlHelperText","FormControlTemp","Label","ErrorMessage","HelperText","FormControl","FormControlContext","useFormControl","useFormControlProvider","useFormControlContext"],"sources":["index.tsx"],"sourcesContent":["import { default as FormControlBase } from './FormControl';\r\nimport { default as FormControlLabel } from './FormControlLabel';\r\nimport { default as FormControlErrorMessage } from './FormControlErrorMessage';\r\nimport { default as FormControlHelperText } from './FormControlHelperText';\r\nimport type { FormControlComponentType } from './types';\r\n\r\nlet FormControlTemp: any = FormControlBase;\r\nFormControlTemp.Label = FormControlLabel;\r\nFormControlTemp.ErrorMessage = FormControlErrorMessage;\r\nFormControlTemp.HelperText = FormControlHelperText;\r\n\r\n// To add typings\r\nconst FormControl = FormControlTemp as FormControlComponentType;\r\n\r\nexport { FormControl };\r\nexport {\r\n  FormControlContext,\r\n  useFormControl,\r\n  useFormControlProvider,\r\n  useFormControlContext,\r\n} from './useFormControl';\r\n\r\nexport type { IFormControlContext } from './useFormControl';\r\n\r\nexport type {\r\n  IFormControlProps,\r\n  IFormControlLabelProps,\r\n  IFormControlErrorMessageProps,\r\n  IFormControlHelperTextProps,\r\n} from './types';\r\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,eAAe,QAAQ,eAAe;AAC1D,SAASD,OAAO,IAAIE,gBAAgB,QAAQ,oBAAoB;AAChE,SAASF,OAAO,IAAIG,uBAAuB,QAAQ,2BAA2B;AAC9E,SAASH,OAAO,IAAII,qBAAqB,QAAQ,yBAAyB;AAG1E,IAAIC,eAAoB,GAAGJ,eAAe;AAC1CI,eAAe,CAACC,KAAK,GAAGJ,gBAAgB;AACxCG,eAAe,CAACE,YAAY,GAAGJ,uBAAuB;AACtDE,eAAe,CAACG,UAAU,GAAGJ,qBAAqB;;AAElD;AACA,MAAMK,WAAW,GAAGJ,eAA2C;AAE/D,SAASI,WAAW;AACpB,SACEC,kBAAkB,EAClBC,cAAc,EACdC,sBAAsB,EACtBC,qBAAqB,QAChB,kBAAkB","ignoreList":[]}

package/lib/module/components/composites/FormControl/test/FormControl.test.js

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import { FormControl, useFormControl } from '../index';
 import { TextInput } from 'react-native';
@@ -18,7 +17,7 @@ const Input = /*#__PURE__*/React.forwardRef((props, ref) => {
 it('a11y test in when required', async () => {
   let {
     getByPlaceholderText
-  } = render( /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(FormControl, {
+  } = render(/*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(FormControl, {
     nativeID: "name",
     isRequired: true
   }, /*#__PURE__*/React.createElement(FormControl.Label, null, "Name"), /*#__PURE__*/React.createElement(Input, {
@@ -31,7 +30,7 @@ it('a11y test in when required', async () => {
 it('a11y test in when invalid', async () => {
   let {
     getByPlaceholderText
-  } = render( /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(FormControl, {
+  } = render(/*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(FormControl, {
     nativeID: "name",
     isInvalid: true
   }, /*#__PURE__*/React.createElement(FormControl.Label, null, "Name"), /*#__PURE__*/React.createElement(Input, {
@@ -43,7 +42,7 @@ it('a11y test in when invalid', async () => {
 it('a11y test in when readOnly', async () => {
   let {
     getByPlaceholderText
-  } = render( /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(FormControl, {
+  } = render(/*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(FormControl, {
     nativeID: "name",
     isReadOnly: true
   }, /*#__PURE__*/React.createElement(FormControl.Label, null, "Name"), /*#__PURE__*/React.createElement(Input, {
@@ -56,7 +55,7 @@ it('a11y test in when readOnly', async () => {
 it('a11y test in when disabled', async () => {
   let {
     getByPlaceholderText
-  } = render( /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(FormControl, {
+  } = render(/*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(FormControl, {
     nativeID: "name",
     isDisabled: true
   }, /*#__PURE__*/React.createElement(FormControl.Label, null, "Name"), /*#__PURE__*/React.createElement(Input, {
@@ -68,7 +67,7 @@ it('a11y test in when disabled', async () => {
 it('a11y test when helper text is present', async () => {
   let {
     getByPlaceholderText
-  } = render( /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(FormControl, {
+  } = render(/*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(FormControl, {
     nativeID: "name",
     isDisabled: true
   }, /*#__PURE__*/React.createElement(FormControl.Label, null, "Name"), /*#__PURE__*/React.createElement(Input, {
@@ -85,7 +84,7 @@ it('sets htmlFor of FormLabel ref to nativeID of Input', async () => {
   const inputID = 'name';
   let {
     getByPlaceholderText
-  } = render( /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(FormControl, {
+  } = render(/*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(FormControl, {
     nativeID: inputID,
     isInvalid: true
   }, /*#__PURE__*/React.createElement(FormControl.Label, {
@@ -94,8 +93,8 @@ it('sets htmlFor of FormLabel ref to nativeID of Input', async () => {
   }, "Name"), /*#__PURE__*/React.createElement(Input, {
     placeholder: "Name"
   }), /*#__PURE__*/React.createElement(FormControl.HelperText, null, "Enter your name please!"), /*#__PURE__*/React.createElement(FormControl.ErrorMessage, null, "Your name is invalid"))));
-  const textInput = getByPlaceholderText('Name'); //@ts-ignore
-
+  const textInput = getByPlaceholderText('Name');
+  //@ts-ignore
   expect(textInput.props.nativeID).toBe(ref.htmlFor);
 });
 //# sourceMappingURL=FormControl.test.js.map

package/lib/module/components/composites/FormControl/test/FormControl.test.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FormControl.test.tsx"],"names":["React","FormControl","useFormControl","TextInput","render","Wrapper","Input","forwardRef","props","ref","inputProps","it","getByPlaceholderText","textInput","expect","accessibilityRequired","toBe","required","accessibilityInvalid","accessibilityReadOnly","readOnly","disabled","accessibilityDescribedBy","toBeUndefined","inputID","_ref","nativeID","htmlFor"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAT,EAAsBC,cAAtB,QAA4C,UAA5C;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,MAAT,QAAuB,+BAAvB;AACA,SAASC,OAAT,QAAwB,8BAAxB;AAEA,MAAMC,KAAK,gBAAGN,KAAK,CAACO,UAAN,CAAiB,CAACC,KAAD,EAAaC,GAAb,KAA0B;AACvD,QAAMC,UAAU,GAAGR,cAAc,CAACM,KAAD,CAAjC;AACA;AAAA;AACE;AACA,wBAAC,SAAD;AAAW,MAAA,GAAG,EAAEC;AAAhB,OAAyBC,UAAzB;AAFF;AAID,CANa,CAAd;AAQAC,EAAE,CAAC,4BAAD,EAA+B,YAAY;AAC3C,MAAI;AAAEC,IAAAA;AAAF,MAA2BR,MAAM,eACnC,oBAAC,OAAD,qBACE,oBAAC,WAAD;AAAa,IAAA,QAAQ,EAAC,MAAtB;AAA6B,IAAA,UAAU;AAAvC,kBACE,oBAAC,WAAD,CAAa,KAAb,eADF,eAEE,oBAAC,KAAD;AAAO,IAAA,WAAW,EAAC;AAAnB,IAFF,eAGE,oBAAC,WAAD,CAAa,UAAb,kCAHF,eAIE,oBAAC,WAAD,CAAa,YAAb,+BAJF,CADF,CADmC,CAArC;AAYA,QAAMS,SAAS,GAAGD,oBAAoB,CAAC,MAAD,CAAtC;AACAE,EAAAA,MAAM,CAACD,SAAS,CAACL,KAAV,CAAgBO,qBAAjB,CAAN,CAA8CC,IAA9C,CAAmD,IAAnD;AACAF,EAAAA,MAAM,CAACD,SAAS,CAACL,KAAV,CAAgBS,QAAjB,CAAN,CAAiCD,IAAjC,CAAsC,IAAtC;AACD,CAhBC,CAAF;AAkBAL,EAAE,CAAC,2BAAD,EAA8B,YAAY;AAC1C,MAAI;AAAEC,IAAAA;AAAF,MAA2BR,MAAM,eACnC,oBAAC,OAAD,qBACE,oBAAC,WAAD;AAAa,IAAA,QAAQ,EAAC,MAAtB;AAA6B,IAAA,SAAS;AAAtC,kBACE,oBAAC,WAAD,CAAa,KAAb,eADF,eAEE,oBAAC,KAAD;AAAO,IAAA,WAAW,EAAC;AAAnB,IAFF,eAGE,oBAAC,WAAD,CAAa,UAAb,kCAHF,eAIE,oBAAC,WAAD,CAAa,YAAb,+BAJF,CADF,CADmC,CAArC;AAYA,QAAMS,SAAS,GAAGD,oBAAoB,CAAC,MAAD,CAAtC;AACAE,EAAAA,MAAM,CAACD,SAAS,CAACL,KAAV,CAAgBU,oBAAjB,CAAN,CAA6CF,IAA7C,CAAkD,IAAlD;AACD,CAfC,CAAF;AAiBAL,EAAE,CAAC,4BAAD,EAA+B,YAAY;AAC3C,MAAI;AAAEC,IAAAA;AAAF,MAA2BR,MAAM,eACnC,oBAAC,OAAD,qBACE,oBAAC,WAAD;AAAa,IAAA,QAAQ,EAAC,MAAtB;AAA6B,IAAA,UAAU;AAAvC,kBACE,oBAAC,WAAD,CAAa,KAAb,eADF,eAEE,oBAAC,KAAD;AAAO,IAAA,WAAW,EAAC;AAAnB,IAFF,eAGE,oBAAC,WAAD,CAAa,UAAb,kCAHF,eAIE,oBAAC,WAAD,CAAa,YAAb,+BAJF,CADF,CADmC,CAArC;AAYA,QAAMS,SAAS,GAAGD,oBAAoB,CAAC,MAAD,CAAtC;AACAE,EAAAA,MAAM,CAACD,SAAS,CAACL,KAAV,CAAgBW,qBAAjB,CAAN,CAA8CH,IAA9C,CAAmD,IAAnD;AACAF,EAAAA,MAAM,CAACD,SAAS,CAACL,KAAV,CAAgBY,QAAjB,CAAN,CAAiCJ,IAAjC,CAAsC,IAAtC;AACD,CAhBC,CAAF;AAkBAL,EAAE,CAAC,4BAAD,EAA+B,YAAY;AAC3C,MAAI;AAAEC,IAAAA;AAAF,MAA2BR,MAAM,eACnC,oBAAC,OAAD,qBACE,oBAAC,WAAD;AAAa,IAAA,QAAQ,EAAC,MAAtB;AAA6B,IAAA,UAAU;AAAvC,kBACE,oBAAC,WAAD,CAAa,KAAb,eADF,eAEE,oBAAC,KAAD;AAAO,IAAA,WAAW,EAAC;AAAnB,IAFF,eAGE,oBAAC,WAAD,CAAa,UAAb,kCAHF,eAIE,oBAAC,WAAD,CAAa,YAAb,+BAJF,CADF,CADmC,CAArC;AAYA,QAAMS,SAAS,GAAGD,oBAAoB,CAAC,MAAD,CAAtC;AACAE,EAAAA,MAAM,CAACD,SAAS,CAACL,KAAV,CAAgBa,QAAjB,CAAN,CAAiCL,IAAjC,CAAsC,IAAtC;AACD,CAfC,CAAF;AAiBAL,EAAE,CAAC,uCAAD,EAA0C,YAAY;AACtD,MAAI;AAAEC,IAAAA;AAAF,MAA2BR,MAAM,eACnC,oBAAC,OAAD,qBACE,oBAAC,WAAD;AAAa,IAAA,QAAQ,EAAC,MAAtB;AAA6B,IAAA,UAAU;AAAvC,kBACE,oBAAC,WAAD,CAAa,KAAb,eADF,eAEE,oBAAC,KAAD;AAAO,IAAA,WAAW,EAAC;AAAnB,IAFF,eAGE,oBAAC,WAAD,CAAa,UAAb,kCAHF,CADF,CADmC,CAArC;AASA,QAAMS,SAAS,GAAGD,oBAAoB,CAAC,MAAD,CAAtC;AACAE,EAAAA,MAAM,CAACD,SAAS,CAACL,KAAV,CAAgBc,wBAAjB,CAAN,CAAiDN,IAAjD,CAAsD,eAAtD;AACAF,EAAAA,MAAM,CAACD,SAAS,CAACL,KAAV,CAAgBW,qBAAjB,CAAN,CAA8CI,aAA9C;AACAT,EAAAA,MAAM,CAACD,SAAS,CAACL,KAAV,CAAgBU,oBAAjB,CAAN,CAA6CK,aAA7C;AACAT,EAAAA,MAAM,CAACD,SAAS,CAACL,KAAV,CAAgBO,qBAAjB,CAAN,CAA8CQ,aAA9C;AACD,CAfC,CAAF;AAiBAZ,EAAE,CAAC,oDAAD,EAAuD,YAAY;AACnE,MAAIF,GAAJ;AACA,QAAMe,OAAO,GAAG,MAAhB;AACA,MAAI;AAAEZ,IAAAA;AAAF,MAA2BR,MAAM,eACnC,oBAAC,OAAD,qBACE,oBAAC,WAAD;AAAa,IAAA,QAAQ,EAAEoB,OAAvB;AAAgC,IAAA,SAAS;AAAzC,kBACE,oBAAC,WAAD,CAAa,KAAb;AACE;AACA,IAAA,GAAG,EAAGC,IAAD,IAAWhB,GAAG,GAAGgB;AAFxB,YADF,eAOE,oBAAC,KAAD;AAAO,IAAA,WAAW,EAAC;AAAnB,IAPF,eAQE,oBAAC,WAAD,CAAa,UAAb,kCARF,eASE,oBAAC,WAAD,CAAa,YAAb,+BATF,CADF,CADmC,CAArC;AAiBA,QAAMZ,SAAS,GAAGD,oBAAoB,CAAC,MAAD,CAAtC,CApBmE,CAqBnE;;AACAE,EAAAA,MAAM,CAACD,SAAS,CAACL,KAAV,CAAgBkB,QAAjB,CAAN,CAAiCV,IAAjC,CAAsCP,GAAG,CAACkB,OAA1C;AACD,CAvBC,CAAF","sourcesContent":["import React from 'react';\r\nimport { FormControl, useFormControl } from '../index';\r\nimport { TextInput } from 'react-native';\r\nimport { render } from '@testing-library/react-native';\r\nimport { Wrapper } from '../../../../utils/test-utils';\r\n\r\nconst Input = React.forwardRef((props: any, ref: any) => {\r\n  const inputProps = useFormControl(props);\r\n  return (\r\n    //@ts-ignore\r\n    <TextInput ref={ref} {...inputProps} />\r\n  );\r\n});\r\n\r\nit('a11y test in when required', async () => {\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID=\"name\" isRequired>\r\n        <FormControl.Label>Name</FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n        <FormControl.ErrorMessage>\r\n          Your name is invalid\r\n        </FormControl.ErrorMessage>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  expect(textInput.props.accessibilityRequired).toBe(true);\r\n  expect(textInput.props.required).toBe(true);\r\n});\r\n\r\nit('a11y test in when invalid', async () => {\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID=\"name\" isInvalid>\r\n        <FormControl.Label>Name</FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n        <FormControl.ErrorMessage>\r\n          Your name is invalid\r\n        </FormControl.ErrorMessage>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  expect(textInput.props.accessibilityInvalid).toBe(true);\r\n});\r\n\r\nit('a11y test in when readOnly', async () => {\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID=\"name\" isReadOnly>\r\n        <FormControl.Label>Name</FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n        <FormControl.ErrorMessage>\r\n          Your name is invalid\r\n        </FormControl.ErrorMessage>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  expect(textInput.props.accessibilityReadOnly).toBe(true);\r\n  expect(textInput.props.readOnly).toBe(true);\r\n});\r\n\r\nit('a11y test in when disabled', async () => {\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID=\"name\" isDisabled>\r\n        <FormControl.Label>Name</FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n        <FormControl.ErrorMessage>\r\n          Your name is invalid\r\n        </FormControl.ErrorMessage>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  expect(textInput.props.disabled).toBe(true);\r\n});\r\n\r\nit('a11y test when helper text is present', async () => {\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID=\"name\" isDisabled>\r\n        <FormControl.Label>Name</FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  expect(textInput.props.accessibilityDescribedBy).toBe('name-helptext');\r\n  expect(textInput.props.accessibilityReadOnly).toBeUndefined();\r\n  expect(textInput.props.accessibilityInvalid).toBeUndefined();\r\n  expect(textInput.props.accessibilityRequired).toBeUndefined();\r\n});\r\n\r\nit('sets htmlFor of FormLabel ref to nativeID of Input', async () => {\r\n  let ref: HTMLLabelElement;\r\n  const inputID = 'name';\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID={inputID} isInvalid>\r\n        <FormControl.Label\r\n          //@ts-ignore\r\n          ref={(_ref) => (ref = _ref)}\r\n        >\r\n          Name\r\n        </FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n        <FormControl.ErrorMessage>\r\n          Your name is invalid\r\n        </FormControl.ErrorMessage>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  //@ts-ignore\r\n  expect(textInput.props.nativeID).toBe(ref.htmlFor);\r\n});\r\n"]}
+{"version":3,"names":["React","FormControl","useFormControl","TextInput","render","Wrapper","Input","forwardRef","props","ref","inputProps","createElement","_extends","it","getByPlaceholderText","nativeID","isRequired","Label","placeholder","HelperText","ErrorMessage","textInput","expect","accessibilityRequired","toBe","required","isInvalid","accessibilityInvalid","isReadOnly","accessibilityReadOnly","readOnly","isDisabled","disabled","accessibilityDescribedBy","toBeUndefined","inputID","_ref","htmlFor"],"sources":["FormControl.test.tsx"],"sourcesContent":["import React from 'react';\r\nimport { FormControl, useFormControl } from '../index';\r\nimport { TextInput } from 'react-native';\r\nimport { render } from '@testing-library/react-native';\r\nimport { Wrapper } from '../../../../utils/test-utils';\r\n\r\nconst Input = React.forwardRef((props: any, ref: any) => {\r\n  const inputProps = useFormControl(props);\r\n  return (\r\n    //@ts-ignore\r\n    <TextInput ref={ref} {...inputProps} />\r\n  );\r\n});\r\n\r\nit('a11y test in when required', async () => {\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID=\"name\" isRequired>\r\n        <FormControl.Label>Name</FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n        <FormControl.ErrorMessage>\r\n          Your name is invalid\r\n        </FormControl.ErrorMessage>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  expect(textInput.props.accessibilityRequired).toBe(true);\r\n  expect(textInput.props.required).toBe(true);\r\n});\r\n\r\nit('a11y test in when invalid', async () => {\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID=\"name\" isInvalid>\r\n        <FormControl.Label>Name</FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n        <FormControl.ErrorMessage>\r\n          Your name is invalid\r\n        </FormControl.ErrorMessage>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  expect(textInput.props.accessibilityInvalid).toBe(true);\r\n});\r\n\r\nit('a11y test in when readOnly', async () => {\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID=\"name\" isReadOnly>\r\n        <FormControl.Label>Name</FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n        <FormControl.ErrorMessage>\r\n          Your name is invalid\r\n        </FormControl.ErrorMessage>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  expect(textInput.props.accessibilityReadOnly).toBe(true);\r\n  expect(textInput.props.readOnly).toBe(true);\r\n});\r\n\r\nit('a11y test in when disabled', async () => {\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID=\"name\" isDisabled>\r\n        <FormControl.Label>Name</FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n        <FormControl.ErrorMessage>\r\n          Your name is invalid\r\n        </FormControl.ErrorMessage>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  expect(textInput.props.disabled).toBe(true);\r\n});\r\n\r\nit('a11y test when helper text is present', async () => {\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID=\"name\" isDisabled>\r\n        <FormControl.Label>Name</FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  expect(textInput.props.accessibilityDescribedBy).toBe('name-helptext');\r\n  expect(textInput.props.accessibilityReadOnly).toBeUndefined();\r\n  expect(textInput.props.accessibilityInvalid).toBeUndefined();\r\n  expect(textInput.props.accessibilityRequired).toBeUndefined();\r\n});\r\n\r\nit('sets htmlFor of FormLabel ref to nativeID of Input', async () => {\r\n  let ref: HTMLLabelElement;\r\n  const inputID = 'name';\r\n  let { getByPlaceholderText } = render(\r\n    <Wrapper>\r\n      <FormControl nativeID={inputID} isInvalid>\r\n        <FormControl.Label\r\n          //@ts-ignore\r\n          ref={(_ref) => (ref = _ref)}\r\n        >\r\n          Name\r\n        </FormControl.Label>\r\n        <Input placeholder=\"Name\" />\r\n        <FormControl.HelperText>Enter your name please!</FormControl.HelperText>\r\n        <FormControl.ErrorMessage>\r\n          Your name is invalid\r\n        </FormControl.ErrorMessage>\r\n      </FormControl>\r\n    </Wrapper>\r\n  );\r\n  const textInput = getByPlaceholderText('Name');\r\n  //@ts-ignore\r\n  expect(textInput.props.nativeID).toBe(ref.htmlFor);\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/composites/FormControl/types.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=types.js.map

package/lib/module/components/composites/FormControl/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.tsx"],"sourcesContent":["import type { ITextProps } from '../../primitives';\r\nimport type { CustomProps } from '../../../components/types/utils';\r\nimport type { IBoxProps, IStackProps } from '../../primitives';\r\nimport type { InterfaceBoxProps } from '../../../components/primitives/Box';\r\n\r\nexport interface InterfaceFormControlProps\r\n  extends InterfaceBoxProps<IFormControlProps> {\r\n  /**\r\n   * If provided, this prop is passed to its children.\r\n   */\r\n  nativeID?: string;\r\n  /**\r\n   * If true, this prop is passed to its children.\r\n   */\r\n  isInvalid?: boolean;\r\n  /**\r\n   * If true, this prop is passed to its children.\r\n   */\r\n  isRequired?: boolean;\r\n  /**\r\n   * If true, this prop is passed to its children.\r\n   */\r\n  isDisabled?: boolean;\r\n  /**\r\n   * If true, this prop is passed to its children.\r\n   */\r\n  isReadOnly?: boolean;\r\n}\r\n\r\nexport interface IFormControlLabelProps extends IFormControlProps {\r\n  /**\r\n   * Passed props will be applied on disabled state.\r\n   */\r\n  _disabled?: Partial<IBoxProps<IFormControlLabelProps>>;\r\n  // _focus?: any;\r\n  /**\r\n   * Passed props will be applied on invalid state.\r\n   */\r\n  _invalid?: Partial<IBoxProps<IFormControlLabelProps>>;\r\n  /**\r\n   * Reflects the value of the 'for' content property.\r\n   */\r\n  htmlFor?: string;\r\n  /**\r\n   * Props applied to astrick text\r\n   */\r\n  _astrick?: Partial<ITextProps>;\r\n}\r\nexport interface IFormControlErrorMessageProps extends IFormControlProps {\r\n  /**\r\n   * Passed props will be applied on disabled state.\r\n   */\r\n  _disabled?: Partial<IBoxProps<IFormControlLabelProps>>;\r\n  /**\r\n   * The right icon element to use in the FormControl.ErrorMessage.\r\n   */\r\n  rightIcon?: JSX.Element | Array<JSX.Element>;\r\n  /**\r\n   * The left icon element to use in the FormControl.ErrorMessage.\r\n   */\r\n  leftIcon?: JSX.Element | Array<JSX.Element>;\r\n  /**\r\n   * The start icon element to use in the FormControl.ErrorMessage.\r\n   */\r\n  startIcon?: JSX.Element | Array<JSX.Element>;\r\n  /**\r\n   * The end icon element to use in the FormControl.ErrorMessage.\r\n   */\r\n  endIcon?: JSX.Element | Array<JSX.Element>;\r\n  /**\r\n   * Props to be passed to the HStack used inside of FormControl.ErrorMessage.\r\n   */\r\n  _stack?: Partial<IStackProps>;\r\n}\r\nexport interface IFormControlHelperTextProps extends IFormControlProps {\r\n  /**\r\n   * Passed props will be applied on disabled state.\r\n   */\r\n  _disabled?: Partial<IBoxProps<IFormControlLabelProps>>;\r\n  // _focus?: any;\r\n  /**\r\n   * Passed props will be applied on invalid state.\r\n   */\r\n  _invalid?: Partial<IBoxProps<IFormControlLabelProps>>;\r\n}\r\n\r\nexport type FormControlComponentType = ((\r\n  props: IFormControlProps\r\n) => JSX.Element) & {\r\n  Label: React.MemoExoticComponent<\r\n    (props: IFormControlLabelProps) => JSX.Element\r\n  >;\r\n  ErrorMessage: React.MemoExoticComponent<\r\n    (props: IFormControlErrorMessageProps) => JSX.Element\r\n  >;\r\n  HelperText: React.MemoExoticComponent<\r\n    (props: IFormControlHelperTextProps) => JSX.Element\r\n  >;\r\n};\r\n\r\nexport type IFormControlProps = InterfaceFormControlProps &\r\n  CustomProps<'FormControl'>;\r\n"],"mappings":"","ignoreList":[]}

package/lib/module/components/composites/FormControl/useFormControl.js

@@ -17,31 +17,30 @@ export function useFormControlProvider(props) {
   let id = uniqueId();
   const responsiveQueryContext = React.useContext(ResponsiveQueryContext);
   const disableCSSMediaQueries = responsiveQueryContext.disableCSSMediaQueries;
-
   if (!disableCSSMediaQueries) {
     // This if statement technically breaks the rules of hooks, but is safe
     // because the condition never changes after mounting.
     // eslint-disable-next-line react-hooks/rules-of-hooks
     id = useId();
-  } // const id = '';
-  // Generate all the required ids
+  }
 
+  // const id = '';
+  // Generate all the required ids
+  const nativeID = idProp || `field-${id}`;
+  const labelId = `${nativeID}-label`;
+  const feedbackId = `${nativeID}-feedback`;
+  const helpTextId = `${nativeID}-helptext`;
 
-  const nativeID = idProp || "field-".concat(id);
-  const labelId = "".concat(nativeID, "-label");
-  const feedbackId = "".concat(nativeID, "-feedback");
-  const helpTextId = "".concat(nativeID, "-helptext");
   /**
    * Track whether the `FormErrorMessage` has been rendered.
    * We use this to append its id the the `aria-describedby` of the `input`.
    */
-
   const [hasFeedbackText, setHasFeedbackText] = React.useState(false);
+
   /**
    * Track whether the `FormHelperText` has been rendered.
    * We use this to append its id the the `aria-describedby` of the `input`.
    */
-
   const [hasHelpText, setHasHelpText] = React.useState(false);
   const context = {
     isRequired: !!isRequired,
@@ -60,6 +59,7 @@ export function useFormControlProvider(props) {
   };
   return context;
 }
+
 /**
  * React hook that provides the props that should be spread on to
  * input fields (`input`, `select`, `textarea`, etc.).
@@ -67,22 +67,21 @@ export function useFormControlProvider(props) {
  * It provides a convenient way to control a form fields, validation
  * and helper text.
  */
-
 export function useFormControl(props) {
   const field = useFormControlContext();
-  const describedBy = []; // Error message must be described first in all scenarios.
+  const describedBy = [];
 
+  // Error message must be described first in all scenarios.
   if (field !== null && field !== void 0 && field.hasFeedbackText) describedBy.push(field === null || field === void 0 ? void 0 : field.feedbackId);
   if (field !== null && field !== void 0 && field.hasHelpText) describedBy.push(field === null || field === void 0 ? void 0 : field.helpTextId);
   const ariaDescribedBy = describedBy.join(' ');
   const cleanProps = omit(props, ['isInvalid', 'isDisabled', 'isReadOnly', 'isRequired']);
   let nativeID = props === null || props === void 0 ? void 0 : props.nativeID;
-
   if (!nativeID && field !== null && field !== void 0 && field.nativeID) {
-    nativeID = "".concat(field === null || field === void 0 ? void 0 : field.nativeID, "-input");
+    nativeID = `${field === null || field === void 0 ? void 0 : field.nativeID}-input`;
   }
-
-  return { ...cleanProps,
+  return {
+    ...cleanProps,
     nativeID: nativeID,
     disabled: props.isDisabled || (field === null || field === void 0 ? void 0 : field.isDisabled),
     readOnly: props.isReadOnly || (field === null || field === void 0 ? void 0 : field.isReadOnly),

package/lib/module/components/composites/FormControl/useFormControl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useFormControl.tsx"],"names":["React","useId","omit","ariaAttr","ResponsiveQueryContext","uniqueId","FormControlContext","createContext","useFormControlProvider","props","nativeID","idProp","isRequired","isInvalid","isDisabled","isReadOnly","htmlProps","id","responsiveQueryContext","useContext","disableCSSMediaQueries","labelId","feedbackId","helpTextId","hasFeedbackText","setHasFeedbackText","useState","hasHelpText","setHasHelpText","context","useFormControl","field","useFormControlContext","describedBy","push","ariaDescribedBy","join","cleanProps","disabled","readOnly","required","accessibilityInvalid","accessibilityRequired","accessibilityReadOnly","accessibilityDescribedBy","undefined"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { useId } from '@react-native-aria/utils';\r\nimport omit from 'lodash.omit';\r\nimport type { IFormControlProps } from './types';\r\nimport { ariaAttr } from '../../../utils';\r\nimport { ResponsiveQueryContext } from '../../../utils/useResponsiveQuery/ResponsiveQueryProvider';\r\nimport uniqueId from 'lodash.uniqueid';\r\n\r\nexport type IFormControlContext = Omit<\r\n  ReturnType<typeof useFormControlProvider>,\r\n  'htmlProps'\r\n>;\r\n\r\nexport const FormControlContext = React.createContext({});\r\n\r\nexport function useFormControlProvider(props: IFormControlProps) {\r\n  const {\r\n    nativeID: idProp,\r\n    isRequired,\r\n    isInvalid,\r\n    isDisabled,\r\n    isReadOnly,\r\n    ...htmlProps\r\n  } = props;\r\n\r\n  let id = uniqueId();\r\n  const responsiveQueryContext = React.useContext(ResponsiveQueryContext);\r\n  const disableCSSMediaQueries = responsiveQueryContext.disableCSSMediaQueries;\r\n\r\n  if (!disableCSSMediaQueries) {\r\n    // This if statement technically breaks the rules of hooks, but is safe\r\n    // because the condition never changes after mounting.\r\n    // eslint-disable-next-line react-hooks/rules-of-hooks\r\n    id = useId();\r\n  }\r\n\r\n  // const id = '';\r\n  // Generate all the required ids\r\n  const nativeID = idProp || `field-${id}`;\r\n\r\n  const labelId = `${nativeID}-label`;\r\n  const feedbackId = `${nativeID}-feedback`;\r\n  const helpTextId = `${nativeID}-helptext`;\r\n\r\n  /**\r\n   * Track whether the `FormErrorMessage` has been rendered.\r\n   * We use this to append its id the the `aria-describedby` of the `input`.\r\n   */\r\n  const [hasFeedbackText, setHasFeedbackText] = React.useState(false);\r\n\r\n  /**\r\n   * Track whether the `FormHelperText` has been rendered.\r\n   * We use this to append its id the the `aria-describedby` of the `input`.\r\n   */\r\n  const [hasHelpText, setHasHelpText] = React.useState(false);\r\n\r\n  const context = {\r\n    isRequired: !!isRequired,\r\n    isInvalid: !!isInvalid,\r\n    isReadOnly: !!isReadOnly,\r\n    isDisabled: !!isDisabled,\r\n    hasFeedbackText,\r\n    setHasFeedbackText,\r\n    hasHelpText,\r\n    setHasHelpText,\r\n    nativeID,\r\n    labelId,\r\n    feedbackId,\r\n    helpTextId,\r\n    htmlProps,\r\n  };\r\n\r\n  return context;\r\n}\r\n\r\n/**\r\n * React hook that provides the props that should be spread on to\r\n * input fields (`input`, `select`, `textarea`, etc.).\r\n *\r\n * It provides a convenient way to control a form fields, validation\r\n * and helper text.\r\n */\r\nexport function useFormControl(props: IFormControlProps) {\r\n  const field = useFormControlContext();\r\n  const describedBy: any[] = [];\r\n\r\n  // Error message must be described first in all scenarios.\r\n  if (field?.hasFeedbackText) describedBy.push(field?.feedbackId);\r\n  if (field?.hasHelpText) describedBy.push(field?.helpTextId);\r\n  const ariaDescribedBy = describedBy.join(' ');\r\n\r\n  const cleanProps = omit(props, [\r\n    'isInvalid',\r\n    'isDisabled',\r\n    'isReadOnly',\r\n    'isRequired',\r\n  ]);\r\n\r\n  let nativeID = props?.nativeID;\r\n\r\n  if (!nativeID && field?.nativeID) {\r\n    nativeID = `${field?.nativeID}-input`;\r\n  }\r\n\r\n  return {\r\n    ...cleanProps,\r\n    nativeID: nativeID,\r\n    disabled: props.isDisabled || field?.isDisabled,\r\n    readOnly: props.isReadOnly || field?.isReadOnly,\r\n    required: props.isRequired || field?.isRequired,\r\n    accessibilityInvalid: ariaAttr(props.isInvalid || field?.isInvalid),\r\n    accessibilityRequired: ariaAttr(props.isRequired || field?.isRequired),\r\n    accessibilityReadOnly: ariaAttr(props.isReadOnly || field?.isReadOnly),\r\n    accessibilityDescribedBy: ariaDescribedBy || undefined,\r\n  };\r\n}\r\n\r\nexport const useFormControlContext = () => {\r\n  return (React.useContext(\r\n    FormControlContext\r\n  ) as unknown) as IFormControlContext;\r\n};\r\n"]}
+{"version":3,"names":["React","useId","omit","ariaAttr","ResponsiveQueryContext","uniqueId","FormControlContext","createContext","useFormControlProvider","props","nativeID","idProp","isRequired","isInvalid","isDisabled","isReadOnly","htmlProps","id","responsiveQueryContext","useContext","disableCSSMediaQueries","labelId","feedbackId","helpTextId","hasFeedbackText","setHasFeedbackText","useState","hasHelpText","setHasHelpText","context","useFormControl","field","useFormControlContext","describedBy","push","ariaDescribedBy","join","cleanProps","disabled","readOnly","required","accessibilityInvalid","accessibilityRequired","accessibilityReadOnly","accessibilityDescribedBy","undefined"],"sources":["useFormControl.tsx"],"sourcesContent":["import React from 'react';\r\nimport { useId } from '@react-native-aria/utils';\r\nimport omit from 'lodash.omit';\r\nimport type { IFormControlProps } from './types';\r\nimport { ariaAttr } from '../../../utils';\r\nimport { ResponsiveQueryContext } from '../../../utils/useResponsiveQuery/ResponsiveQueryProvider';\r\nimport uniqueId from 'lodash.uniqueid';\r\n\r\nexport type IFormControlContext = Omit<\r\n  ReturnType<typeof useFormControlProvider>,\r\n  'htmlProps'\r\n>;\r\n\r\nexport const FormControlContext = React.createContext({});\r\n\r\nexport function useFormControlProvider(props: IFormControlProps) {\r\n  const {\r\n    nativeID: idProp,\r\n    isRequired,\r\n    isInvalid,\r\n    isDisabled,\r\n    isReadOnly,\r\n    ...htmlProps\r\n  } = props;\r\n\r\n  let id = uniqueId();\r\n  const responsiveQueryContext = React.useContext(ResponsiveQueryContext);\r\n  const disableCSSMediaQueries = responsiveQueryContext.disableCSSMediaQueries;\r\n\r\n  if (!disableCSSMediaQueries) {\r\n    // This if statement technically breaks the rules of hooks, but is safe\r\n    // because the condition never changes after mounting.\r\n    // eslint-disable-next-line react-hooks/rules-of-hooks\r\n    id = useId();\r\n  }\r\n\r\n  // const id = '';\r\n  // Generate all the required ids\r\n  const nativeID = idProp || `field-${id}`;\r\n\r\n  const labelId = `${nativeID}-label`;\r\n  const feedbackId = `${nativeID}-feedback`;\r\n  const helpTextId = `${nativeID}-helptext`;\r\n\r\n  /**\r\n   * Track whether the `FormErrorMessage` has been rendered.\r\n   * We use this to append its id the the `aria-describedby` of the `input`.\r\n   */\r\n  const [hasFeedbackText, setHasFeedbackText] = React.useState(false);\r\n\r\n  /**\r\n   * Track whether the `FormHelperText` has been rendered.\r\n   * We use this to append its id the the `aria-describedby` of the `input`.\r\n   */\r\n  const [hasHelpText, setHasHelpText] = React.useState(false);\r\n\r\n  const context = {\r\n    isRequired: !!isRequired,\r\n    isInvalid: !!isInvalid,\r\n    isReadOnly: !!isReadOnly,\r\n    isDisabled: !!isDisabled,\r\n    hasFeedbackText,\r\n    setHasFeedbackText,\r\n    hasHelpText,\r\n    setHasHelpText,\r\n    nativeID,\r\n    labelId,\r\n    feedbackId,\r\n    helpTextId,\r\n    htmlProps,\r\n  };\r\n\r\n  return context;\r\n}\r\n\r\n/**\r\n * React hook that provides the props that should be spread on to\r\n * input fields (`input`, `select`, `textarea`, etc.).\r\n *\r\n * It provides a convenient way to control a form fields, validation\r\n * and helper text.\r\n */\r\nexport function useFormControl(props: IFormControlProps) {\r\n  const field = useFormControlContext();\r\n  const describedBy: any[] = [];\r\n\r\n  // Error message must be described first in all scenarios.\r\n  if (field?.hasFeedbackText) describedBy.push(field?.feedbackId);\r\n  if (field?.hasHelpText) describedBy.push(field?.helpTextId);\r\n  const ariaDescribedBy = describedBy.join(' ');\r\n\r\n  const cleanProps = omit(props, [\r\n    'isInvalid',\r\n    'isDisabled',\r\n    'isReadOnly',\r\n    'isRequired',\r\n  ]);\r\n\r\n  let nativeID = props?.nativeID;\r\n\r\n  if (!nativeID && field?.nativeID) {\r\n    nativeID = `${field?.nativeID}-input`;\r\n  }\r\n\r\n  return {\r\n    ...cleanProps,\r\n    nativeID: nativeID,\r\n    disabled: props.isDisabled || field?.isDisabled,\r\n    readOnly: props.isReadOnly || field?.isReadOnly,\r\n    required: props.isRequired || field?.isRequired,\r\n    accessibilityInvalid: ariaAttr(props.isInvalid || field?.isInvalid),\r\n    accessibilityRequired: ariaAttr(props.isRequired || field?.isRequired),\r\n    accessibilityReadOnly: ariaAttr(props.isReadOnly || field?.isReadOnly),\r\n    accessibilityDescribedBy: ariaDescribedBy || undefined,\r\n  };\r\n}\r\n\r\nexport const useFormControlContext = () => {\r\n  return (React.useContext(\r\n    FormControlContext\r\n  ) as unknown) as IFormControlContext;\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/composites/IconButton/index.js

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { memo, forwardRef } from 'react';
 import { Pressable } from '../../primitives/Pressable';
 import { Icon } from '../../primitives/Icon';
@@ -9,7 +8,6 @@ import { composeEventHandlers } from '../../../utils';
 import { useHover, useFocus, useIsPressed } from '../../primitives/Pressable/Pressable';
 import { useFocusRing } from '@react-native-aria/focus';
 import merge from 'lodash.merge';
-
 const IconButton = ({
   icon,
   _icon: pseudoIconProp,
@@ -46,7 +44,8 @@ const IconButton = ({
     onFocus,
     onBlur,
     ...resolvedProps
-  } = usePropsResolution('IconButton', { ...props,
+  } = usePropsResolution('IconButton', {
+    ...props,
     _icon: merge({}, pseudoIconProp, icon === null || icon === void 0 ? void 0 : icon.props)
   }, {
     isHovered: isHoveredProp || isHovered,
@@ -56,33 +55,35 @@ const IconButton = ({
     isDisabled
   });
   let clonedIcon;
-
   if (icon) {
-    clonedIcon = /*#__PURE__*/React.cloneElement(icon, { ..._icon
+    clonedIcon = /*#__PURE__*/React.cloneElement(icon, {
+      ..._icon
     });
-  } //TODO: refactor for responsive prop
-
+  }
 
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(Pressable, _extends({
     disabled: isDisabled,
     accessibilityRole: "button",
     ref: ref,
     onPressIn: composeEventHandlers(onPressIn, pressableProps.onPressIn),
-    onPressOut: composeEventHandlers(onPressOut, pressableProps.onPressOut) // @ts-ignore - web only
+    onPressOut: composeEventHandlers(onPressOut, pressableProps.onPressOut)
+    // @ts-ignore - web only
     ,
-    onHoverIn: composeEventHandlers(onHoverIn, hoverProps.onHoverIn) // @ts-ignore - web only
+    onHoverIn: composeEventHandlers(onHoverIn, hoverProps.onHoverIn)
+    // @ts-ignore - web only
     ,
-    onHoverOut: composeEventHandlers(onHoverOut, hoverProps.onHoverOut) // @ts-ignore - web only
+    onHoverOut: composeEventHandlers(onHoverOut, hoverProps.onHoverOut)
+    // @ts-ignore - web only
     ,
-    onFocus: composeEventHandlers(composeEventHandlers(onFocus, focusProps.onFocus), focusRingProps.onFocus) // @ts-ignore - web only
+    onFocus: composeEventHandlers(composeEventHandlers(onFocus, focusProps.onFocus), focusRingProps.onFocus)
+    // @ts-ignore - web only
     ,
     onBlur: composeEventHandlers(composeEventHandlers(onBlur, focusProps.onBlur), focusRingProps.onBlur)
   }, resolvedProps), clonedIcon || /*#__PURE__*/React.createElement(Icon, _icon, children));
 };
-
-export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(IconButton));
+export default /*#__PURE__*/memo(/*#__PURE__*/forwardRef(IconButton));
 //# sourceMappingURL=index.js.map