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

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

@@ -0,0 +1,15 @@
+import Modal from './Modal';
+import ModalContent from './ModalContent';
+import ModalBody from './ModalBody';
+import ModalCloseButton from './ModalCloseButton';
+import ModalFooter from './ModalFooter';
+import ModalHeader from './ModalHeader';
+const ModalTemp = Modal;
+ModalTemp.Content = ModalContent;
+ModalTemp.CloseButton = ModalCloseButton;
+ModalTemp.Header = ModalHeader;
+ModalTemp.Footer = ModalFooter;
+ModalTemp.Body = ModalBody;
+const ModalMain = ModalTemp;
+export { ModalMain as Modal };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["Modal","ModalContent","ModalBody","ModalCloseButton","ModalFooter","ModalHeader","ModalTemp","Content","CloseButton","Header","Footer","Body","ModalMain"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,SAAlB;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,gBAAP,MAA6B,oBAA7B;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AAGA,MAAMC,SAAc,GAAGN,KAAvB;AAEAM,SAAS,CAACC,OAAV,GAAoBN,YAApB;AACAK,SAAS,CAACE,WAAV,GAAwBL,gBAAxB;AACAG,SAAS,CAACG,MAAV,GAAmBJ,WAAnB;AACAC,SAAS,CAACI,MAAV,GAAmBN,WAAnB;AACAE,SAAS,CAACK,IAAV,GAAiBT,SAAjB;AAEA,MAAMU,SAAS,GAAGN,SAAlB;AAEA,SAASM,SAAS,IAAIZ,KAAtB","sourcesContent":["import Modal from './Modal';\r\nimport ModalContent from './ModalContent';\r\nimport ModalBody from './ModalBody';\r\nimport ModalCloseButton from './ModalCloseButton';\r\nimport ModalFooter from './ModalFooter';\r\nimport ModalHeader from './ModalHeader';\r\nimport type { IModalComponentType } from './types';\r\n\r\nconst ModalTemp: any = Modal;\r\n\r\nModalTemp.Content = ModalContent;\r\nModalTemp.CloseButton = ModalCloseButton;\r\nModalTemp.Header = ModalHeader;\r\nModalTemp.Footer = ModalFooter;\r\nModalTemp.Body = ModalBody;\r\n\r\nconst ModalMain = ModalTemp as IModalComponentType;\r\n\r\nexport { ModalMain as Modal };\r\nexport type { IModalProps } from './types';\r\n"]}

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

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/module/components/composites/NumberInput/Context.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+export const NumberInputContext = /*#__PURE__*/createContext({});
+//# sourceMappingURL=Context.js.map

package/lib/module/components/composites/NumberInput/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Context.ts"],"names":["createContext","NumberInputContext"],"mappings":"AAAA,SAASA,aAAT,QAA8B,OAA9B;AAEA,OAAO,MAAMC,kBAAkB,gBAAGD,aAAa,CAAC,EAAD,CAAxC","sourcesContent":["import { createContext } from 'react';\r\n\r\nexport const NumberInputContext = createContext({});\r\n"]}

package/lib/module/components/composites/NumberInput/NumberDecrementStepper.js

@@ -0,0 +1,42 @@
+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); }
+
+import React from 'react';
+import { NBStepper } from './NumberInputStepper';
+import { NumberInputContext } from './Context';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const NumberDecrementStepper = ({
+  children,
+  isDisabled: pIsDisabled,
+  ...props
+}, ref) => {
+  const {
+    numberInputValue = 0,
+    step = 1,
+    min = -Infinity,
+    handleChange,
+    ...context
+  } = React.useContext(NumberInputContext);
+  const isDisabled = pIsDisabled || context.isDisabled;
+
+  const pressHandler = () => {
+    handleChange && handleChange(numberInputValue - step);
+  }; //TODO: refactor for responsive prop
+
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(NBStepper, _extends({
+    isIncrement: false,
+    isDisabled: isDisabled,
+    pressHandler: pressHandler,
+    disablitityCheck: numberInputValue - step < min
+  }, props, {
+    ref: ref
+  }), children);
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(NumberDecrementStepper));
+//# sourceMappingURL=NumberDecrementStepper.js.map

package/lib/module/components/composites/NumberInput/NumberDecrementStepper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["NumberDecrementStepper.tsx"],"names":["React","NBStepper","NumberInputContext","useHasResponsiveProps","NumberDecrementStepper","children","isDisabled","pIsDisabled","props","ref","numberInputValue","step","min","Infinity","handleChange","context","useContext","pressHandler","memo","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,SAAT,QAA0B,sBAA1B;AACA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,sBAAsB,GAAG,CAC7B;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,UAAU,EAAEC,WAAxB;AAAqC,KAAGC;AAAxC,CAD6B,EAE7BC,GAF6B,KAG1B;AACH,QAAM;AACJC,IAAAA,gBAAgB,GAAG,CADf;AAEJC,IAAAA,IAAI,GAAG,CAFH;AAGJC,IAAAA,GAAG,GAAG,CAACC,QAHH;AAIJC,IAAAA,YAJI;AAKJ,OAAGC;AALC,MAMmBf,KAAK,CAACgB,UAAN,CAAiBd,kBAAjB,CANzB;AAQA,QAAMI,UAAU,GAAGC,WAAW,IAAIQ,OAAO,CAACT,UAA1C;;AACA,QAAMW,YAAY,GAAG,MAAM;AACzBH,IAAAA,YAAY,IAAIA,YAAY,CAACJ,gBAAgB,GAAGC,IAApB,CAA5B;AACD,GAFD,CAVG,CAaH;;;AACA,MAAIR,qBAAqB,CAACK,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,SAAD;AACE,IAAA,WAAW,EAAE,KADf;AAEE,IAAA,UAAU,EAAEF,UAFd;AAGE,IAAA,YAAY,EAAEW,YAHhB;AAIE,IAAA,gBAAgB,EAAEP,gBAAgB,GAAGC,IAAnB,GAA0BC;AAJ9C,KAKMJ,KALN;AAME,IAAA,GAAG,EAAEC;AANP,MAQGJ,QARH,CADF;AAYD,CAhCD;;AAkCA,4BAAeL,KAAK,CAACkB,IAAN,eAAWlB,KAAK,CAACmB,UAAN,CAAiBf,sBAAjB,CAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport type { INumberInputContext, INumberInputStepperProps } from './types';\r\nimport { NBStepper } from './NumberInputStepper';\r\nimport { NumberInputContext } from './Context';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst NumberDecrementStepper = (\r\n  { children, isDisabled: pIsDisabled, ...props }: INumberInputStepperProps,\r\n  ref?: any\r\n) => {\r\n  const {\r\n    numberInputValue = 0,\r\n    step = 1,\r\n    min = -Infinity,\r\n    handleChange,\r\n    ...context\r\n  }: INumberInputContext = React.useContext(NumberInputContext);\r\n\r\n  const isDisabled = pIsDisabled || context.isDisabled;\r\n  const pressHandler = () => {\r\n    handleChange && handleChange(numberInputValue - step);\r\n  };\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <NBStepper\r\n      isIncrement={false}\r\n      isDisabled={isDisabled}\r\n      pressHandler={pressHandler}\r\n      disablitityCheck={numberInputValue - step < min}\r\n      {...props}\r\n      ref={ref}\r\n    >\r\n      {children}\r\n    </NBStepper>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(NumberDecrementStepper));\r\n"]}

package/lib/module/components/composites/NumberInput/NumberIncrementStepper.js

@@ -0,0 +1,42 @@
+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); }
+
+import React from 'react';
+import { NBStepper } from './NumberInputStepper';
+import { NumberInputContext } from './Context';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const NumberIncrementStepper = ({
+  children,
+  isDisabled: pIsDisabled,
+  ...props
+}, ref) => {
+  const {
+    numberInputValue = 0,
+    step = 1,
+    max = +Infinity,
+    handleChange,
+    ...context
+  } = React.useContext(NumberInputContext);
+  const isDisabled = pIsDisabled || context.isDisabled;
+
+  const pressHandler = () => {
+    handleChange && handleChange(numberInputValue + step);
+  }; //TODO: refactor for responsive prop
+
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(NBStepper, _extends({
+    isIncrement: true,
+    isDisabled: isDisabled,
+    pressHandler: pressHandler,
+    disablitityCheck: numberInputValue + step > max
+  }, props, {
+    ref: ref
+  }), children);
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(NumberIncrementStepper));
+//# sourceMappingURL=NumberIncrementStepper.js.map

package/lib/module/components/composites/NumberInput/NumberIncrementStepper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["NumberIncrementStepper.tsx"],"names":["React","NBStepper","NumberInputContext","useHasResponsiveProps","NumberIncrementStepper","children","isDisabled","pIsDisabled","props","ref","numberInputValue","step","max","Infinity","handleChange","context","useContext","pressHandler","memo","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,SAAT,QAA0B,sBAA1B;AACA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,sBAAsB,GAAG,CAC7B;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,UAAU,EAAEC,WAAxB;AAAqC,KAAGC;AAAxC,CAD6B,EAE7BC,GAF6B,KAG1B;AACH,QAAM;AACJC,IAAAA,gBAAgB,GAAG,CADf;AAEJC,IAAAA,IAAI,GAAG,CAFH;AAGJC,IAAAA,GAAG,GAAG,CAACC,QAHH;AAIJC,IAAAA,YAJI;AAKJ,OAAGC;AALC,MAMmBf,KAAK,CAACgB,UAAN,CAAiBd,kBAAjB,CANzB;AAQA,QAAMI,UAAU,GAAGC,WAAW,IAAIQ,OAAO,CAACT,UAA1C;;AACA,QAAMW,YAAY,GAAG,MAAM;AACzBH,IAAAA,YAAY,IAAIA,YAAY,CAACJ,gBAAgB,GAAGC,IAApB,CAA5B;AACD,GAFD,CAVG,CAaH;;;AACA,MAAIR,qBAAqB,CAACK,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,SAAD;AACE,IAAA,WAAW,MADb;AAEE,IAAA,UAAU,EAAEF,UAFd;AAGE,IAAA,YAAY,EAAEW,YAHhB;AAIE,IAAA,gBAAgB,EAAEP,gBAAgB,GAAGC,IAAnB,GAA0BC;AAJ9C,KAKMJ,KALN;AAME,IAAA,GAAG,EAAEC;AANP,MAQGJ,QARH,CADF;AAYD,CAhCD;;AAiCA,4BAAeL,KAAK,CAACkB,IAAN,eAAWlB,KAAK,CAACmB,UAAN,CAAiBf,sBAAjB,CAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport type { INumberInputContext, INumberInputStepperProps } from './types';\r\nimport { NBStepper } from './NumberInputStepper';\r\nimport { NumberInputContext } from './Context';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst NumberIncrementStepper = (\r\n  { children, isDisabled: pIsDisabled, ...props }: INumberInputStepperProps,\r\n  ref?: any\r\n) => {\r\n  const {\r\n    numberInputValue = 0,\r\n    step = 1,\r\n    max = +Infinity,\r\n    handleChange,\r\n    ...context\r\n  }: INumberInputContext = React.useContext(NumberInputContext);\r\n\r\n  const isDisabled = pIsDisabled || context.isDisabled;\r\n  const pressHandler = () => {\r\n    handleChange && handleChange(numberInputValue + step);\r\n  };\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <NBStepper\r\n      isIncrement\r\n      isDisabled={isDisabled}\r\n      pressHandler={pressHandler}\r\n      disablitityCheck={numberInputValue + step > max}\r\n      {...props}\r\n      ref={ref}\r\n    >\r\n      {children}\r\n    </NBStepper>\r\n  );\r\n};\r\nexport default React.memo(React.forwardRef(NumberIncrementStepper));\r\n"]}

package/lib/module/components/composites/NumberInput/NumberInput.js

@@ -0,0 +1,68 @@
+import React from 'react';
+import { useThemeProps } from '../../../hooks';
+import { useFormControlContext } from '../FormControl';
+import { NumberInputContext } from './Context';
+import Box from '../../primitives/Box';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const NumberInput = ({
+  children,
+  ...props
+}, ref) => {
+  const {
+    defaultValue,
+    keepWithinRange,
+    value,
+    min,
+    max,
+    onChange,
+    ...newProps
+  } = useThemeProps('NumberInput', props);
+  const formControlContext = useFormControlContext();
+  const [numberInputValue, setNumberInputValue] = React.useState(parseInt(value || defaultValue, 10));
+  const [numberInputStepper, setNumberInputStepper] = React.useState(null);
+
+  const handleChange = newValue => {
+    const temp = newValue;
+    setNumberInputValue(temp);
+
+    if (keepWithinRange) {
+      if (newValue < min) setNumberInputValue(min);else if (newValue > max) setNumberInputValue(max);
+    } //NOTE: only calling onChange on stepper click or blur event of input.
+
+
+    onChange && onChange(temp);
+  };
+
+  const handleChangeWithoutCheck = newValue => {
+    const temp = newValue;
+    setNumberInputValue(temp);
+  };
+
+  React.useEffect(() => {
+    if (value !== undefined && value != numberInputValue) setNumberInputValue(value);
+  }, [value, numberInputValue, setNumberInputValue]); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Box, {
+    ref: ref
+  }, /*#__PURE__*/React.createElement(NumberInputContext.Provider, {
+    value: { ...formControlContext,
+      ...newProps,
+      min,
+      max,
+      handleChange,
+      handleChangeWithoutCheck,
+      numberInputValue,
+      numberInputStepper,
+      setNumberInputStepper,
+      isControlled: value !== undefined
+    }
+  }, children));
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(NumberInput));
+//# sourceMappingURL=NumberInput.js.map

package/lib/module/components/composites/NumberInput/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["NumberInput.tsx"],"names":["React","useThemeProps","useFormControlContext","NumberInputContext","Box","useHasResponsiveProps","NumberInput","children","props","ref","defaultValue","keepWithinRange","value","min","max","onChange","newProps","formControlContext","numberInputValue","setNumberInputValue","useState","parseInt","numberInputStepper","setNumberInputStepper","handleChange","newValue","temp","handleChangeWithoutCheck","useEffect","undefined","isControlled","memo","forwardRef"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,aAAT,QAA8B,gBAA9B;AACA,SAASC,qBAAT,QAAsC,gBAAtC;AAEA,SAASC,kBAAT,QAAmC,WAAnC;AACA,OAAOC,GAAP,MAAgB,sBAAhB;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,WAAW,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAA4CC,GAA5C,KAA0D;AAC5E,QAAM;AACJC,IAAAA,YADI;AAEJC,IAAAA,eAFI;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,GAJI;AAKJC,IAAAA,GALI;AAMJC,IAAAA,QANI;AAOJ,OAAGC;AAPC,MAQFf,aAAa,CAAC,aAAD,EAAgBO,KAAhB,CARjB;AASA,QAAMS,kBAAkB,GAAGf,qBAAqB,EAAhD;AAEA,QAAM,CAACgB,gBAAD,EAAmBC,mBAAnB,IAA0CnB,KAAK,CAACoB,QAAN,CAC9CC,QAAQ,CAACT,KAAK,IAAIF,YAAV,EAAwB,EAAxB,CADsC,CAAhD;AAGA,QAAM,CAACY,kBAAD,EAAqBC,qBAArB,IAA8CvB,KAAK,CAACoB,QAAN,CAAe,IAAf,CAApD;;AACA,QAAMI,YAAY,GAAIC,QAAD,IAAsB;AACzC,UAAMC,IAAI,GAAGD,QAAb;AACAN,IAAAA,mBAAmB,CAACO,IAAD,CAAnB;;AACA,QAAIf,eAAJ,EAAqB;AACnB,UAAIc,QAAQ,GAAGZ,GAAf,EAAoBM,mBAAmB,CAACN,GAAD,CAAnB,CAApB,KACK,IAAIY,QAAQ,GAAGX,GAAf,EAAoBK,mBAAmB,CAACL,GAAD,CAAnB;AAC1B,KANwC,CAOzC;;;AACAC,IAAAA,QAAQ,IAAIA,QAAQ,CAACW,IAAD,CAApB;AACD,GATD;;AAUA,QAAMC,wBAAwB,GAAIF,QAAD,IAAsB;AACrD,UAAMC,IAAI,GAAGD,QAAb;AACAN,IAAAA,mBAAmB,CAACO,IAAD,CAAnB;AACD,GAHD;;AAKA1B,EAAAA,KAAK,CAAC4B,SAAN,CAAgB,MAAM;AACpB,QAAIhB,KAAK,KAAKiB,SAAV,IAAuBjB,KAAK,IAAIM,gBAApC,EACEC,mBAAmB,CAACP,KAAD,CAAnB;AACH,GAHD,EAGG,CAACA,KAAD,EAAQM,gBAAR,EAA0BC,mBAA1B,CAHH,EA/B4E,CAmC5E;;AACA,MAAId,qBAAqB,CAACG,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,GAAD;AAAK,IAAA,GAAG,EAAEC;AAAV,kBACE,oBAAC,kBAAD,CAAoB,QAApB;AACE,IAAA,KAAK,EAAE,EACL,GAAGQ,kBADE;AAEL,SAAGD,QAFE;AAGLH,MAAAA,GAHK;AAILC,MAAAA,GAJK;AAKLU,MAAAA,YALK;AAMLG,MAAAA,wBANK;AAOLT,MAAAA,gBAPK;AAQLI,MAAAA,kBARK;AASLC,MAAAA,qBATK;AAULO,MAAAA,YAAY,EAAElB,KAAK,KAAKiB;AAVnB;AADT,KAcGtB,QAdH,CADF,CADF;AAoBD,CA3DD;;AA6DA,4BAAeP,KAAK,CAAC+B,IAAN,eAAW/B,KAAK,CAACgC,UAAN,CAAiB1B,WAAjB,CAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport { useFormControlContext } from '../FormControl';\r\nimport type { INumberInputProps } from './types';\r\nimport { NumberInputContext } from './Context';\r\nimport Box from '../../primitives/Box';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst NumberInput = ({ children, ...props }: INumberInputProps, ref?: any) => {\r\n  const {\r\n    defaultValue,\r\n    keepWithinRange,\r\n    value,\r\n    min,\r\n    max,\r\n    onChange,\r\n    ...newProps\r\n  } = useThemeProps('NumberInput', props);\r\n  const formControlContext = useFormControlContext();\r\n\r\n  const [numberInputValue, setNumberInputValue] = React.useState(\r\n    parseInt(value || defaultValue, 10)\r\n  );\r\n  const [numberInputStepper, setNumberInputStepper] = React.useState(null);\r\n  const handleChange = (newValue: number) => {\r\n    const temp = newValue;\r\n    setNumberInputValue(temp);\r\n    if (keepWithinRange) {\r\n      if (newValue < min) setNumberInputValue(min);\r\n      else if (newValue > max) setNumberInputValue(max);\r\n    }\r\n    //NOTE: only calling onChange on stepper click or blur event of input.\r\n    onChange && onChange(temp);\r\n  };\r\n  const handleChangeWithoutCheck = (newValue: number) => {\r\n    const temp = newValue;\r\n    setNumberInputValue(temp);\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    if (value !== undefined && value != numberInputValue)\r\n      setNumberInputValue(value);\r\n  }, [value, numberInputValue, setNumberInputValue]);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <Box ref={ref}>\r\n      <NumberInputContext.Provider\r\n        value={{\r\n          ...formControlContext,\r\n          ...newProps,\r\n          min,\r\n          max,\r\n          handleChange,\r\n          handleChangeWithoutCheck,\r\n          numberInputValue,\r\n          numberInputStepper,\r\n          setNumberInputStepper,\r\n          isControlled: value !== undefined,\r\n        }}\r\n      >\r\n        {children}\r\n      </NumberInputContext.Provider>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(NumberInput));\r\n"]}

package/lib/module/components/composites/NumberInput/NumberInputField.js

@@ -0,0 +1,57 @@
+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); }
+
+import React from 'react';
+import { Input } from '../../primitives/Input';
+import { NumberInputContext } from './Context';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const NumberInputFiled = ({
+  isDisabled,
+  ...props
+}, ref) => {
+  const {
+    handleChange,
+    handleChangeWithoutCheck,
+    numberInputStepper,
+    numberInputValue,
+    isControlled,
+    ...context
+  } = React.useContext(NumberInputContext);
+
+  const changeHandler = inputValue => {
+    let minusIndex = inputValue.indexOf('-');
+
+    if (minusIndex !== -1 && minusIndex !== 0) {
+      inputValue = inputValue.replace('-', '');
+      inputValue = '-' + inputValue;
+    }
+
+    const value = parseInt(inputValue, 10);
+    if (isControlled) handleChange && handleChange(value);else if (value) handleChangeWithoutCheck && handleChangeWithoutCheck(value);else handleChangeWithoutCheck && handleChangeWithoutCheck(0);
+  };
+
+  const blurHandler = () => {
+    if (numberInputValue) handleChange && handleChange(numberInputValue);
+  }; //TODO: refactor for responsive prop
+
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, _extends({
+    p: 0,
+    pl: 2
+  }, context, props, {
+    onBlur: () => blurHandler(),
+    isDisabled: isDisabled || context.isDisabled,
+    onChangeText: inputValue => changeHandler(inputValue),
+    keyboardType: "numeric",
+    value: "".concat(numberInputValue),
+    InputRightElement: numberInputStepper,
+    ref: ref
+  })));
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(NumberInputFiled));
+//# sourceMappingURL=NumberInputField.js.map

package/lib/module/components/composites/NumberInput/NumberInputField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["NumberInputField.tsx"],"names":["React","Input","NumberInputContext","useHasResponsiveProps","NumberInputFiled","isDisabled","props","ref","handleChange","handleChangeWithoutCheck","numberInputStepper","numberInputValue","isControlled","context","useContext","changeHandler","inputValue","minusIndex","indexOf","replace","value","parseInt","blurHandler","memo","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,QAAsB,wBAAtB;AAEA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,gBAAgB,GAAG,CACvB;AAAEC,EAAAA,UAAF;AAAc,KAAGC;AAAjB,CADuB,EAEvBC,GAFuB,KAGpB;AACH,QAAM;AACJC,IAAAA,YADI;AAEJC,IAAAA,wBAFI;AAGJC,IAAAA,kBAHI;AAIJC,IAAAA,gBAJI;AAKJC,IAAAA,YALI;AAMJ,OAAGC;AANC,MAUFb,KAAK,CAACc,UAAN,CAAiBZ,kBAAjB,CAVJ;;AAWA,QAAMa,aAAa,GAAIC,UAAD,IAAqB;AACzC,QAAIC,UAAU,GAAGD,UAAU,CAACE,OAAX,CAAmB,GAAnB,CAAjB;;AACA,QAAID,UAAU,KAAK,CAAC,CAAhB,IAAqBA,UAAU,KAAK,CAAxC,EAA2C;AACzCD,MAAAA,UAAU,GAAGA,UAAU,CAACG,OAAX,CAAmB,GAAnB,EAAwB,EAAxB,CAAb;AACAH,MAAAA,UAAU,GAAG,MAAMA,UAAnB;AACD;;AACD,UAAMI,KAAK,GAAGC,QAAQ,CAACL,UAAD,EAAa,EAAb,CAAtB;AACA,QAAIJ,YAAJ,EAAkBJ,YAAY,IAAIA,YAAY,CAACY,KAAD,CAA5B,CAAlB,KACK,IAAIA,KAAJ,EAAWX,wBAAwB,IAAIA,wBAAwB,CAACW,KAAD,CAApD,CAAX,KACAX,wBAAwB,IAAIA,wBAAwB,CAAC,CAAD,CAApD;AACN,GAVD;;AAWA,QAAMa,WAAW,GAAG,MAAM;AACxB,QAAIX,gBAAJ,EAAsBH,YAAY,IAAIA,YAAY,CAACG,gBAAD,CAA5B;AACvB,GAFD,CAvBG,CA0BH;;;AACA,MAAIR,qBAAqB,CAACG,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,uDACE,oBAAC,KAAD;AACE,IAAA,CAAC,EAAE,CADL;AAEE,IAAA,EAAE,EAAE;AAFN,KAGMO,OAHN,EAIMP,KAJN;AAKE,IAAA,MAAM,EAAE,MAAMgB,WAAW,EAL3B;AAME,IAAA,UAAU,EAAEjB,UAAU,IAAIQ,OAAO,CAACR,UANpC;AAOE,IAAA,YAAY,EAAGW,UAAD,IAAqBD,aAAa,CAACC,UAAD,CAPlD;AAQE,IAAA,YAAY,EAAC,SARf;AASE,IAAA,KAAK,YAAKL,gBAAL,CATP;AAUE,IAAA,iBAAiB,EAAED,kBAVrB;AAWE,IAAA,GAAG,EAAEH;AAXP,KADF,CADF;AAiBD,CAlDD;;AAoDA,4BAAeP,KAAK,CAACuB,IAAN,eAAWvB,KAAK,CAACwB,UAAN,CAAiBpB,gBAAjB,CAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport { Input } from '../../primitives/Input';\r\nimport type { INumberInputContext, INumberInputFieldProps } from './types';\r\nimport { NumberInputContext } from './Context';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst NumberInputFiled = (\r\n  { isDisabled, ...props }: INumberInputFieldProps,\r\n  ref: any\r\n) => {\r\n  const {\r\n    handleChange,\r\n    handleChangeWithoutCheck,\r\n    numberInputStepper,\r\n    numberInputValue,\r\n    isControlled,\r\n    ...context\r\n  }: INumberInputContext & {\r\n    handleChange?: (value: string | number) => void;\r\n    numberInputStepper?: any;\r\n  } = React.useContext(NumberInputContext);\r\n  const changeHandler = (inputValue: any) => {\r\n    let minusIndex = inputValue.indexOf('-');\r\n    if (minusIndex !== -1 && minusIndex !== 0) {\r\n      inputValue = inputValue.replace('-', '');\r\n      inputValue = '-' + inputValue;\r\n    }\r\n    const value = parseInt(inputValue, 10);\r\n    if (isControlled) handleChange && handleChange(value);\r\n    else if (value) handleChangeWithoutCheck && handleChangeWithoutCheck(value);\r\n    else handleChangeWithoutCheck && handleChangeWithoutCheck(0);\r\n  };\r\n  const blurHandler = () => {\r\n    if (numberInputValue) handleChange && handleChange(numberInputValue);\r\n  };\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <>\r\n      <Input\r\n        p={0}\r\n        pl={2}\r\n        {...context}\r\n        {...props}\r\n        onBlur={() => blurHandler()}\r\n        isDisabled={isDisabled || context.isDisabled}\r\n        onChangeText={(inputValue: any) => changeHandler(inputValue)}\r\n        keyboardType=\"numeric\"\r\n        value={`${numberInputValue}`}\r\n        InputRightElement={numberInputStepper}\r\n        ref={ref}\r\n      />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(NumberInputFiled));\r\n"]}

package/lib/module/components/composites/NumberInput/NumberInputStepper.js

@@ -0,0 +1,70 @@
+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); }
+
+import React from 'react';
+import { TouchableOpacity, Platform } from 'react-native';
+import { VStack, Box } from '../../primitives';
+import { useThemeProps } from '../../../hooks';
+import { NumberInputContext } from './Context';
+import { ChevronUpIcon, ChevronDownIcon } from '../../primitives/Icon/Icons';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+export const NBStepper = /*#__PURE__*/React.forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  const {
+    style,
+    isIncrement,
+    disablitityCheck,
+    _active,
+    _disabled,
+    isDisabled,
+    accessibilityLabel,
+    pressHandler,
+    iconColor,
+    ...newProps
+  } = useThemeProps('NumberInputStepper', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    activeOpacity: 0.2,
+    disabled: disablitityCheck || isDisabled,
+    onPress: pressHandler,
+    accessible: true,
+    accessibilityLabel: accessibilityLabel,
+    ref: ref
+  }, /*#__PURE__*/React.createElement(Box, _extends({}, newProps, _active, disablitityCheck || isDisabled ? _disabled : {}, {
+    borderColor: "transparent",
+    style: style,
+    opacity: disablitityCheck || isDisabled ? 0.4 : 1
+  }, Platform.OS === 'web' ? {
+    disabled: disablitityCheck || isDisabled,
+    cursor: disablitityCheck || isDisabled ? 'not-allowed' : 'auto'
+  } : {}), children || isIncrement ? /*#__PURE__*/React.createElement(ChevronUpIcon, {
+    color: iconColor
+  }) : /*#__PURE__*/React.createElement(ChevronDownIcon, {
+    color: iconColor
+  })));
+});
+
+const NumberInputStepper = ({
+  children,
+  ...props
+}, ref) => {
+  const {
+    //@ts-ignore
+    numberInputStepper,
+    setNumberInputStepper
+  } = React.useContext(NumberInputContext);
+  React.useEffect(() => {
+    !numberInputStepper && setNumberInputStepper( /*#__PURE__*/React.createElement(VStack, _extends({}, props, {
+      ref: ref
+    }), children));
+  }, [numberInputStepper, setNumberInputStepper, props, children, ref]);
+  return null;
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(NumberInputStepper));
+//# sourceMappingURL=NumberInputStepper.js.map

package/lib/module/components/composites/NumberInput/NumberInputStepper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["NumberInputStepper.tsx"],"names":["React","TouchableOpacity","Platform","VStack","Box","useThemeProps","NumberInputContext","ChevronUpIcon","ChevronDownIcon","useHasResponsiveProps","NBStepper","forwardRef","children","props","ref","style","isIncrement","disablitityCheck","_active","_disabled","isDisabled","accessibilityLabel","pressHandler","iconColor","newProps","OS","disabled","cursor","NumberInputStepper","numberInputStepper","setNumberInputStepper","useContext","useEffect","memo"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,gBAAT,EAA2BC,QAA3B,QAA2C,cAA3C;AACA,SAASC,MAAT,EAAiBC,GAAjB,QAA4B,kBAA5B;AACA,SAASC,aAAT,QAA8B,gBAA9B;AAEA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,aAAT,EAAwBC,eAAxB,QAA+C,6BAA/C;AACA,SAASC,qBAAT,QAAsC,sCAAtC;AAEA,OAAO,MAAMC,SAAS,gBAAGV,KAAK,CAACW,UAAN,CACvB,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAA8BC,GAA9B,KAA4C;AAC1C,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,WAFI;AAGJC,IAAAA,gBAHI;AAIJC,IAAAA,OAJI;AAKJC,IAAAA,SALI;AAMJC,IAAAA,UANI;AAOJC,IAAAA,kBAPI;AAQJC,IAAAA,YARI;AASJC,IAAAA,SATI;AAUJ,OAAGC;AAVC,MAWFnB,aAAa,CAAC,oBAAD,EAAuBQ,KAAvB,CAXjB,CAD0C,CAa1C;;AACA,MAAIJ,qBAAqB,CAACI,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,gBAAD;AACE,IAAA,aAAa,EAAE,GADjB;AAEE,IAAA,QAAQ,EAAEI,gBAAgB,IAAIG,UAFhC;AAGE,IAAA,OAAO,EAAEE,YAHX;AAIE,IAAA,UAAU,MAJZ;AAKE,IAAA,kBAAkB,EAAED,kBALtB;AAME,IAAA,GAAG,EAAEP;AANP,kBAQE,oBAAC,GAAD,eACMU,QADN,EAEMN,OAFN,EAGOD,gBAAgB,IAAIG,UAApB,GAAiCD,SAAjC,GAA6C,EAHpD;AAIE,IAAA,WAAW,EAAC,aAJd;AAKE,IAAA,KAAK,EAAEJ,KALT;AAME,IAAA,OAAO,EAAEE,gBAAgB,IAAIG,UAApB,GAAiC,GAAjC,GAAuC;AANlD,KAOOlB,QAAQ,CAACuB,EAAT,KAAgB,KAAhB,GACD;AACEC,IAAAA,QAAQ,EAAET,gBAAgB,IAAIG,UADhC;AAEEO,IAAAA,MAAM,EAAEV,gBAAgB,IAAIG,UAApB,GAAiC,aAAjC,GAAiD;AAF3D,GADC,GAKD,EAZN,GAcGR,QAAQ,IAAII,WAAZ,gBACC,oBAAC,aAAD;AAAe,IAAA,KAAK,EAAEO;AAAtB,IADD,gBAGC,oBAAC,eAAD;AAAiB,IAAA,KAAK,EAAEA;AAAxB,IAjBJ,CARF,CADF;AA+BD,CAjDsB,CAAlB;;AAoDP,MAAMK,kBAAkB,GAAG,CACzB;AAAEhB,EAAAA,QAAF;AAAY,KAAGC;AAAf,CADyB,EAEzBC,GAFyB,KAGtB;AACH,QAAM;AACJ;AACAe,IAAAA,kBAFI;AAGJC,IAAAA;AAHI,MAImB9B,KAAK,CAAC+B,UAAN,CAAiBzB,kBAAjB,CAJzB;AAMAN,EAAAA,KAAK,CAACgC,SAAN,CAAgB,MAAM;AACpB,KAACH,kBAAD,IACEC,qBAAqB,eACnB,oBAAC,MAAD,eAAYjB,KAAZ;AAAmB,MAAA,GAAG,EAAEC;AAAxB,QACGF,QADH,CADmB,CADvB;AAMD,GAPD,EAOG,CAACiB,kBAAD,EAAqBC,qBAArB,EAA4CjB,KAA5C,EAAmDD,QAAnD,EAA6DE,GAA7D,CAPH;AAQA,SAAO,IAAP;AACD,CAnBD;;AAqBA,4BAAed,KAAK,CAACiC,IAAN,eAAWjC,KAAK,CAACW,UAAN,CAAiBiB,kBAAjB,CAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport { TouchableOpacity, Platform } from 'react-native';\r\nimport { VStack, Box } from '../../primitives';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport type { INumberInputSteppersProps, INumberInputContext } from './types';\r\nimport { NumberInputContext } from './Context';\r\nimport { ChevronUpIcon, ChevronDownIcon } from '../../primitives/Icon/Icons';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nexport const NBStepper = React.forwardRef(\r\n  ({ children, ...props }: any, ref?: any) => {\r\n    const {\r\n      style,\r\n      isIncrement,\r\n      disablitityCheck,\r\n      _active,\r\n      _disabled,\r\n      isDisabled,\r\n      accessibilityLabel,\r\n      pressHandler,\r\n      iconColor,\r\n      ...newProps\r\n    } = useThemeProps('NumberInputStepper', props);\r\n    //TODO: refactor for responsive prop\r\n    if (useHasResponsiveProps(props)) {\r\n      return null;\r\n    }\r\n    return (\r\n      <TouchableOpacity\r\n        activeOpacity={0.2}\r\n        disabled={disablitityCheck || isDisabled}\r\n        onPress={pressHandler}\r\n        accessible\r\n        accessibilityLabel={accessibilityLabel}\r\n        ref={ref}\r\n      >\r\n        <Box\r\n          {...newProps}\r\n          {..._active}\r\n          {...(disablitityCheck || isDisabled ? _disabled : {})}\r\n          borderColor=\"transparent\"\r\n          style={style}\r\n          opacity={disablitityCheck || isDisabled ? 0.4 : 1}\r\n          {...(Platform.OS === 'web'\r\n            ? {\r\n                disabled: disablitityCheck || isDisabled,\r\n                cursor: disablitityCheck || isDisabled ? 'not-allowed' : 'auto',\r\n              }\r\n            : {})}\r\n        >\r\n          {children || isIncrement ? (\r\n            <ChevronUpIcon color={iconColor} />\r\n          ) : (\r\n            <ChevronDownIcon color={iconColor} />\r\n          )}\r\n        </Box>\r\n      </TouchableOpacity>\r\n    );\r\n  }\r\n);\r\n\r\nconst NumberInputStepper = (\r\n  { children, ...props }: INumberInputSteppersProps,\r\n  ref?: any\r\n) => {\r\n  const {\r\n    //@ts-ignore\r\n    numberInputStepper,\r\n    setNumberInputStepper,\r\n  }: INumberInputContext = React.useContext(NumberInputContext);\r\n\r\n  React.useEffect(() => {\r\n    !numberInputStepper &&\r\n      setNumberInputStepper(\r\n        <VStack {...props} ref={ref}>\r\n          {children}\r\n        </VStack>\r\n      );\r\n  }, [numberInputStepper, setNumberInputStepper, props, children, ref]);\r\n  return null;\r\n};\r\n\r\nexport default React.memo(React.forwardRef(NumberInputStepper));\r\n"]}

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

@@ -0,0 +1,7 @@
+export { NumberInputContext } from './Context';
+export { default as NumberDecrementStepper } from './NumberDecrementStepper';
+export { default as NumberIncrementStepper } from './NumberIncrementStepper';
+export { default as NumberInput } from './NumberInput';
+export { default as NumberInputField } from './NumberInputField';
+export { default as NumberInputStepper } from './NumberInputStepper';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["NumberInputContext","default","NumberDecrementStepper","NumberIncrementStepper","NumberInput","NumberInputField","NumberInputStepper"],"mappings":"AAAA,SAASA,kBAAT,QAAmC,WAAnC;AACA,SAASC,OAAO,IAAIC,sBAApB,QAAkD,0BAAlD;AACA,SAASD,OAAO,IAAIE,sBAApB,QAAkD,0BAAlD;AACA,SAASF,OAAO,IAAIG,WAApB,QAAuC,eAAvC;AACA,SAASH,OAAO,IAAII,gBAApB,QAA4C,oBAA5C;AACA,SAASJ,OAAO,IAAIK,kBAApB,QAA8C,sBAA9C","sourcesContent":["export { NumberInputContext } from './Context';\r\nexport { default as NumberDecrementStepper } from './NumberDecrementStepper';\r\nexport { default as NumberIncrementStepper } from './NumberIncrementStepper';\r\nexport { default as NumberInput } from './NumberInput';\r\nexport { default as NumberInputField } from './NumberInputField';\r\nexport { default as NumberInputStepper } from './NumberInputStepper';\r\nexport type {\r\n  INumberInputContext,\r\n  INumberInputFieldProps,\r\n  INumberInputProps,\r\n  INumberInputStepperProps,\r\n  INumberInputSteppersProps,\r\n} from './types';\r\n"]}

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

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/module/components/composites/PinInput/Context.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+export const PinInputContext = /*#__PURE__*/createContext({});
+//# sourceMappingURL=Context.js.map

package/lib/module/components/composites/PinInput/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Context.ts"],"names":["createContext","PinInputContext"],"mappings":"AAAA,SAASA,aAAT,QAA8B,OAA9B;AAEA,OAAO,MAAMC,eAAe,gBAAGD,aAAa,CAAC,EAAD,CAArC","sourcesContent":["import { createContext } from 'react';\r\n\r\nexport const PinInputContext = createContext({});\r\n"]}

package/lib/module/components/composites/PinInput/PinInput.js

@@ -0,0 +1,107 @@
+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); }
+
+import React from 'react';
+import { HStack } from '../../primitives/Stack';
+import { useThemeProps } from '../../../hooks';
+import { useFormControlContext } from '../FormControl';
+import { Platform } from 'react-native';
+import { PinInputContext } from './Context';
+import { themeTools } from '../../../theme';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const PinInput = ({
+  children,
+  ...props
+}, ref) => {
+  let [padding, remProps] = themeTools.extractInObject(props, ['p', 'px', 'py', 'pt', 'pb', 'pl', 'pr']);
+  const {
+    manageFocus,
+    defaultValue,
+    value,
+    space,
+    onChange,
+    ...newProps
+  } = useThemeProps('PinInput', remProps);
+  const formControlContext = useFormControlContext();
+  const RefList = [];
+
+  const setRefList = (ref, index) => {
+    RefList[index] = ref;
+  };
+
+  const [pinInputValue, setPinInputValue] = React.useState(value || defaultValue);
+
+  const handleChange = (newValue, fieldIndex) => {
+    let temp = pinInputValue && [...pinInputValue] || [];
+    temp[fieldIndex] = newValue;
+    value === undefined && setPinInputValue(temp.join(''));
+    onChange && onChange(temp.join(''));
+    if (newValue === '' && manageFocus && fieldIndex - 1 > -1) RefList[fieldIndex - 1].current.focus();else if (newValue && manageFocus && fieldIndex + 1 < RefList.length) RefList[fieldIndex + 1].current.focus();
+    return temp.join('');
+  };
+
+  const handleMultiValueChange = (newValue, fieldIndex) => {
+    const pinFieldLength = RefList.length;
+    const newValueLength = newValue.length;
+
+    if (newValueLength >= pinFieldLength && newValueLength > 2) {
+      let splicedValue = newValue ? [...newValue] : [];
+      splicedValue.splice(pinFieldLength);
+      RefList[pinFieldLength - 1].current.focus();
+      setPinInputValue(splicedValue.join(''));
+      onChange && onChange(splicedValue.join(''));
+    }
+
+    if (Platform.OS !== 'ios') {
+      let temp = pinInputValue ? [...pinInputValue] : [];
+
+      if (newValue === '') {
+        // Handling Backward focus.
+        temp = temp.filter((_n, i) => i !== fieldIndex);
+        if (manageFocus && fieldIndex - 1 > -1) RefList[fieldIndex - 1].current.focus();
+      } else {
+        temp[fieldIndex] = JSON.stringify(parseInt(newValue, 10) % 10);
+        if (manageFocus && fieldIndex + 1 < RefList.length) RefList[fieldIndex + 1].current.focus();
+      }
+
+      value === undefined && setPinInputValue(temp.join(''));
+      onChange && onChange(temp.join(''));
+    }
+  };
+
+  const indexSetter = allChildren => {
+    let pinInputFiledCounter = -1;
+    return React.Children.map(allChildren, child => {
+      pinInputFiledCounter++;
+      return /*#__PURE__*/React.cloneElement(child, {
+        fieldIndex: pinInputFiledCounter
+      }, child.props.children);
+    });
+  };
+
+  React.useEffect(() => {
+    if (value !== undefined && value != pinInputValue) setPinInputValue(value);
+  }, [value, pinInputValue, setPinInputValue]); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(PinInputContext.Provider, {
+    value: { ...formControlContext,
+      ...newProps,
+      setRefList,
+      handleChange,
+      handleMultiValueChange,
+      value: pinInputValue
+    }
+  }, children && /*#__PURE__*/React.createElement(HStack, _extends({
+    flexDirection: "row",
+    space: space
+  }, padding, {
+    ref: ref
+  }), indexSetter(children)));
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(PinInput));
+//# sourceMappingURL=PinInput.js.map

package/lib/module/components/composites/PinInput/PinInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PinInput.tsx"],"names":["React","HStack","useThemeProps","useFormControlContext","Platform","PinInputContext","themeTools","useHasResponsiveProps","PinInput","children","props","ref","padding","remProps","extractInObject","manageFocus","defaultValue","value","space","onChange","newProps","formControlContext","RefList","setRefList","index","pinInputValue","setPinInputValue","useState","handleChange","newValue","fieldIndex","temp","undefined","join","current","focus","length","handleMultiValueChange","pinFieldLength","newValueLength","splicedValue","splice","OS","filter","_n","i","JSON","stringify","parseInt","indexSetter","allChildren","pinInputFiledCounter","Children","map","child","cloneElement","useEffect","memo","forwardRef"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { HStack } from '../../primitives/Stack';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport type { IPinInputProps } from './types';\r\nimport { useFormControlContext } from '../FormControl';\r\nimport { Platform } from 'react-native';\r\nimport { PinInputContext } from './Context';\r\nimport { themeTools } from '../../../theme';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst PinInput = ({ children, ...props }: IPinInputProps, ref?: any) => {\r\n  let [padding, remProps] = themeTools.extractInObject(props, [\r\n    'p',\r\n    'px',\r\n    'py',\r\n    'pt',\r\n    'pb',\r\n    'pl',\r\n    'pr',\r\n  ]);\r\n  const {\r\n    manageFocus,\r\n    defaultValue,\r\n    value,\r\n    space,\r\n    onChange,\r\n    ...newProps\r\n  } = useThemeProps('PinInput', remProps);\r\n  const formControlContext = useFormControlContext();\r\n\r\n  const RefList: Array<any> = [];\r\n  const setRefList = (ref: any, index: number) => {\r\n    RefList[index] = ref;\r\n  };\r\n  const [pinInputValue, setPinInputValue] = React.useState(\r\n    value || defaultValue\r\n  );\r\n\r\n  const handleChange = (newValue: string, fieldIndex: number) => {\r\n    let temp = (pinInputValue && [...pinInputValue]) || [];\r\n    temp[fieldIndex] = newValue;\r\n    value === undefined && setPinInputValue(temp.join(''));\r\n    onChange && onChange(temp.join(''));\r\n    if (newValue === '' && manageFocus && fieldIndex - 1 > -1)\r\n      RefList[fieldIndex - 1].current.focus();\r\n    else if (newValue && manageFocus && fieldIndex + 1 < RefList.length)\r\n      RefList[fieldIndex + 1].current.focus();\r\n    return temp.join('');\r\n  };\r\n  const handleMultiValueChange = (newValue: string, fieldIndex: number) => {\r\n    const pinFieldLength = RefList.length;\r\n    const newValueLength = newValue.length;\r\n    if (newValueLength >= pinFieldLength && newValueLength > 2) {\r\n      let splicedValue = newValue ? [...newValue] : [];\r\n      splicedValue.splice(pinFieldLength);\r\n      RefList[pinFieldLength - 1].current.focus();\r\n      setPinInputValue(splicedValue.join(''));\r\n      onChange && onChange(splicedValue.join(''));\r\n    }\r\n\r\n    if (Platform.OS !== 'ios') {\r\n      let temp = pinInputValue ? [...pinInputValue] : [];\r\n      if (newValue === '') {\r\n        // Handling Backward focus.\r\n        temp = temp.filter((_n, i) => i !== fieldIndex);\r\n        if (manageFocus && fieldIndex - 1 > -1)\r\n          RefList[fieldIndex - 1].current.focus();\r\n      } else {\r\n        temp[fieldIndex] = JSON.stringify(parseInt(newValue, 10) % 10);\r\n        if (manageFocus && fieldIndex + 1 < RefList.length)\r\n          RefList[fieldIndex + 1].current.focus();\r\n      }\r\n      value === undefined && setPinInputValue(temp.join(''));\r\n      onChange && onChange(temp.join(''));\r\n    }\r\n  };\r\n\r\n  const indexSetter = (allChildren: JSX.Element | JSX.Element[]) => {\r\n    let pinInputFiledCounter = -1;\r\n    return React.Children.map(allChildren, (child: JSX.Element) => {\r\n      pinInputFiledCounter++;\r\n      return React.cloneElement(\r\n        child,\r\n        {\r\n          fieldIndex: pinInputFiledCounter,\r\n        },\r\n        child.props.children\r\n      );\r\n    });\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    if (value !== undefined && value != pinInputValue) setPinInputValue(value);\r\n  }, [value, pinInputValue, setPinInputValue]);\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    <PinInputContext.Provider\r\n      value={{\r\n        ...formControlContext,\r\n        ...newProps,\r\n        setRefList,\r\n        handleChange,\r\n        handleMultiValueChange,\r\n        value: pinInputValue,\r\n      }}\r\n    >\r\n      {children && (\r\n        <HStack flexDirection=\"row\" space={space} {...padding} ref={ref}>\r\n          {indexSetter(children)}\r\n        </HStack>\r\n      )}\r\n    </PinInputContext.Provider>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(PinInput));\r\n"]}

package/lib/module/components/composites/PinInput/PinInputField.js

@@ -0,0 +1,64 @@
+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); }
+
+import React from 'react';
+import { Input } from '../../primitives/Input';
+import { PinInputContext } from './Context';
+import { Platform } from 'react-native';
+import { mergeRefs } from '../../../utils';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const PinInputFiled = ({
+  fieldIndex = 0,
+  defaultValue: pDefaultValue,
+  ...props
+}, ref) => {
+  let {
+    handleChange,
+    value: cValue,
+    setRefList,
+    defaultValue: cDefaultValue,
+    handleMultiValueChange,
+    ...context
+  } = React.useContext(PinInputContext);
+  cDefaultValue = cDefaultValue && cDefaultValue[fieldIndex];
+  let defaultValue = pDefaultValue || cDefaultValue;
+  let value = cValue && cValue[fieldIndex];
+
+  const keyPressHandler = event => {
+    if (Platform.OS !== 'web') {
+      if (event.nativeEvent.key >= 0 && event.nativeEvent.key <= 9) {
+        handleChange && handleChange(event.nativeEvent.key, fieldIndex);
+      } else if (event.nativeEvent.key === 'Backspace') {
+        handleChange && handleChange('', fieldIndex);
+      }
+    }
+  };
+
+  const textChangeHandler = value => {
+    // Also used to handle change for Android.
+    handleMultiValueChange && handleMultiValueChange(value, fieldIndex);
+  };
+
+  const myRef = React.useRef(null);
+  React.useEffect(() => {
+    setRefList && setRefList(myRef, fieldIndex);
+  }, [myRef, fieldIndex, setRefList]); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Input //@ts-ignore
+  , _extends({
+    ref: mergeRefs([myRef, ref])
+  }, context, props, {
+    onKeyPress: event => keyPressHandler(event),
+    onChangeText: value => textChangeHandler(value),
+    keyboardType: "numeric",
+    defaultValue: defaultValue,
+    value: value
+  }));
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(PinInputFiled));
+//# sourceMappingURL=PinInputField.js.map

package/lib/module/components/composites/PinInput/PinInputField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PinInputField.tsx"],"names":["React","Input","PinInputContext","Platform","mergeRefs","useHasResponsiveProps","PinInputFiled","fieldIndex","defaultValue","pDefaultValue","props","ref","handleChange","value","cValue","setRefList","cDefaultValue","handleMultiValueChange","context","useContext","keyPressHandler","event","OS","nativeEvent","key","textChangeHandler","myRef","useRef","useEffect","memo","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,QAAsB,wBAAtB;AAEA,SAASC,eAAT,QAAgC,WAAhC;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,SAASC,SAAT,QAA0B,gBAA1B;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,aAAa,GAAG,CACpB;AACEC,EAAAA,UAAU,GAAG,CADf;AAEEC,EAAAA,YAAY,EAAEC,aAFhB;AAGE,KAAGC;AAHL,CADoB,EAMpBC,GANoB,KAOjB;AACH,MAAI;AACFC,IAAAA,YADE;AAEFC,IAAAA,KAAK,EAAEC,MAFL;AAGFC,IAAAA,UAHE;AAIFP,IAAAA,YAAY,EAAEQ,aAJZ;AAKFC,IAAAA,sBALE;AAMF,OAAGC;AAND,MAOkBlB,KAAK,CAACmB,UAAN,CAAiBjB,eAAjB,CAPtB;AAQAc,EAAAA,aAAa,GAAGA,aAAa,IAAIA,aAAa,CAACT,UAAD,CAA9C;AACA,MAAIC,YAAY,GAAGC,aAAa,IAAIO,aAApC;AACA,MAAIH,KAAK,GAAGC,MAAM,IAAIA,MAAM,CAACP,UAAD,CAA5B;;AAEA,QAAMa,eAAe,GAAIC,KAAD,IAAgB;AACtC,QAAIlB,QAAQ,CAACmB,EAAT,KAAgB,KAApB,EAA2B;AACzB,UAAID,KAAK,CAACE,WAAN,CAAkBC,GAAlB,IAAyB,CAAzB,IAA8BH,KAAK,CAACE,WAAN,CAAkBC,GAAlB,IAAyB,CAA3D,EAA8D;AAC5DZ,QAAAA,YAAY,IAAIA,YAAY,CAACS,KAAK,CAACE,WAAN,CAAkBC,GAAnB,EAAwBjB,UAAxB,CAA5B;AACD,OAFD,MAEO,IAAIc,KAAK,CAACE,WAAN,CAAkBC,GAAlB,KAA0B,WAA9B,EAA2C;AAChDZ,QAAAA,YAAY,IAAIA,YAAY,CAAC,EAAD,EAAKL,UAAL,CAA5B;AACD;AACF;AACF,GARD;;AASA,QAAMkB,iBAAiB,GAAIZ,KAAD,IAAgB;AACxC;AACAI,IAAAA,sBAAsB,IAAIA,sBAAsB,CAACJ,KAAD,EAAQN,UAAR,CAAhD;AACD,GAHD;;AAIA,QAAMmB,KAAK,GAAG1B,KAAK,CAAC2B,MAAN,CAAa,IAAb,CAAd;AACA3B,EAAAA,KAAK,CAAC4B,SAAN,CAAgB,MAAM;AACpBb,IAAAA,UAAU,IAAIA,UAAU,CAACW,KAAD,EAAQnB,UAAR,CAAxB;AACD,GAFD,EAEG,CAACmB,KAAD,EAAQnB,UAAR,EAAoBQ,UAApB,CAFH,EA3BG,CA+BH;;AACA,MAAIV,qBAAqB,CAACK,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,KAAD,CACE;AADF;AAEE,IAAA,GAAG,EAAEN,SAAS,CAAC,CAACsB,KAAD,EAAQf,GAAR,CAAD;AAFhB,KAGMO,OAHN,EAIMR,KAJN;AAKE,IAAA,UAAU,EAAGW,KAAD,IAAWD,eAAe,CAACC,KAAD,CALxC;AAME,IAAA,YAAY,EAAGR,KAAD,IAAWY,iBAAiB,CAACZ,KAAD,CAN5C;AAOE,IAAA,YAAY,EAAC,SAPf;AAQE,IAAA,YAAY,EAAEL,YARhB;AASE,IAAA,KAAK,EAAEK;AATT,KADF;AAaD,CAvDD;;AAyDA,4BAAeb,KAAK,CAAC6B,IAAN,eAAW7B,KAAK,CAAC8B,UAAN,CAAiBxB,aAAjB,CAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport { Input } from '../../primitives/Input';\r\nimport type { IPinInputFieldProps, IPinInputContext } from './types';\r\nimport { PinInputContext } from './Context';\r\nimport { Platform } from 'react-native';\r\nimport { mergeRefs } from '../../../utils';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst PinInputFiled = (\r\n  {\r\n    fieldIndex = 0,\r\n    defaultValue: pDefaultValue,\r\n    ...props\r\n  }: IPinInputFieldProps,\r\n  ref?: any\r\n) => {\r\n  let {\r\n    handleChange,\r\n    value: cValue,\r\n    setRefList,\r\n    defaultValue: cDefaultValue,\r\n    handleMultiValueChange,\r\n    ...context\r\n  }: IPinInputContext = React.useContext(PinInputContext);\r\n  cDefaultValue = cDefaultValue && cDefaultValue[fieldIndex];\r\n  let defaultValue = pDefaultValue || cDefaultValue;\r\n  let value = cValue && cValue[fieldIndex];\r\n\r\n  const keyPressHandler = (event: any) => {\r\n    if (Platform.OS !== 'web') {\r\n      if (event.nativeEvent.key >= 0 && event.nativeEvent.key <= 9) {\r\n        handleChange && handleChange(event.nativeEvent.key, fieldIndex);\r\n      } else if (event.nativeEvent.key === 'Backspace') {\r\n        handleChange && handleChange('', fieldIndex);\r\n      }\r\n    }\r\n  };\r\n  const textChangeHandler = (value: any) => {\r\n    // Also used to handle change for Android.\r\n    handleMultiValueChange && handleMultiValueChange(value, fieldIndex);\r\n  };\r\n  const myRef = React.useRef(null);\r\n  React.useEffect(() => {\r\n    setRefList && setRefList(myRef, fieldIndex);\r\n  }, [myRef, fieldIndex, setRefList]);\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <Input\r\n      //@ts-ignore\r\n      ref={mergeRefs([myRef, ref])}\r\n      {...context}\r\n      {...props}\r\n      onKeyPress={(event) => keyPressHandler(event)}\r\n      onChangeText={(value) => textChangeHandler(value)}\r\n      keyboardType=\"numeric\"\r\n      defaultValue={defaultValue}\r\n      value={value}\r\n    />\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(PinInputFiled));\r\n"]}

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

@@ -0,0 +1,8 @@
+import PinInputField from './PinInputField';
+import PinInputMain from './PinInput';
+let PinInputTemp = PinInputMain;
+PinInputTemp.Field = PinInputField; // To add typings
+
+const PinInput = PinInputTemp;
+export { PinInput };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["PinInputField","PinInputMain","PinInputTemp","Field","PinInput"],"mappings":"AAAA,OAAOA,aAAP,MAA0B,iBAA1B;AACA,OAAOC,YAAP,MAAyB,YAAzB;AAQA,IAAIC,YAAiB,GAAGD,YAAxB;AACAC,YAAY,CAACC,KAAb,GAAqBH,aAArB,C,CAEA;;AACA,MAAMI,QAAQ,GAAGF,YAAjB;AACA,SAASE,QAAT","sourcesContent":["import PinInputField from './PinInputField';\r\nimport PinInputMain from './PinInput';\r\nexport type {\r\n  IPinInputContext,\r\n  IPinInputFieldProps,\r\n  IPinInputProps,\r\n} from './types';\r\nimport type { IPinInputComponentType } from './types';\r\n\r\nlet PinInputTemp: any = PinInputMain;\r\nPinInputTemp.Field = PinInputField;\r\n\r\n// To add typings\r\nconst PinInput = PinInputTemp as IPinInputComponentType;\r\nexport { PinInput };\r\n"]}

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

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map