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

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

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Input = require("../../primitives/Input");
-
 var _Context = require("./Context");
-
 var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
 const NumberInputFiled = ({
   isDisabled,
   ...props
@@ -29,28 +22,22 @@ const NumberInputFiled = ({
     isControlled,
     ...context
   } = _react.default.useContext(_Context.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
-
-
+  };
+  //TODO: refactor for responsive prop
   if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Input.Input, _extends({
     p: 0,
     pl: 2
@@ -59,13 +46,10 @@ const NumberInputFiled = ({
     isDisabled: isDisabled || context.isDisabled,
     onChangeText: inputValue => changeHandler(inputValue),
     keyboardType: "numeric",
-    value: "".concat(numberInputValue),
+    value: `${numberInputValue}`,
     InputRightElement: numberInputStepper,
     ref: ref
   })));
 };
-
-var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(NumberInputFiled));
-
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef(NumberInputFiled));
 //# sourceMappingURL=NumberInputField.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["NumberInputField.tsx"],"names":["NumberInputFiled","isDisabled","props","ref","handleChange","handleChangeWithoutCheck","numberInputStepper","numberInputValue","isControlled","context","React","useContext","NumberInputContext","changeHandler","inputValue","minusIndex","indexOf","replace","value","parseInt","blurHandler","memo","forwardRef"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAEA,MAAMA,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,MAUFC,eAAMC,UAAN,CAAiBC,2BAAjB,CAVJ;;AAWA,QAAMC,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,QAAIN,YAAJ,EAAkBJ,YAAY,IAAIA,YAAY,CAACc,KAAD,CAA5B,CAAlB,KACK,IAAIA,KAAJ,EAAWb,wBAAwB,IAAIA,wBAAwB,CAACa,KAAD,CAApD,CAAX,KACAb,wBAAwB,IAAIA,wBAAwB,CAAC,CAAD,CAApD;AACN,GAVD;;AAWA,QAAMe,WAAW,GAAG,MAAM;AACxB,QAAIb,gBAAJ,EAAsBH,YAAY,IAAIA,YAAY,CAACG,gBAAD,CAA5B;AACvB,GAFD,CAvBG,CA0BH;;;AACA,MAAI,kDAAsBL,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,yEACE,6BAAC,YAAD;AACE,IAAA,CAAC,EAAE,CADL;AAEE,IAAA,EAAE,EAAE;AAFN,KAGMO,OAHN,EAIMP,KAJN;AAKE,IAAA,MAAM,EAAE,MAAMkB,WAAW,EAL3B;AAME,IAAA,UAAU,EAAEnB,UAAU,IAAIQ,OAAO,CAACR,UANpC;AAOE,IAAA,YAAY,EAAGa,UAAD,IAAqBD,aAAa,CAACC,UAAD,CAPlD;AAQE,IAAA,YAAY,EAAC,SARf;AASE,IAAA,KAAK,YAAKP,gBAAL,CATP;AAUE,IAAA,iBAAiB,EAAED,kBAVrB;AAWE,IAAA,GAAG,EAAEH;AAXP,KADF,CADF;AAiBD,CAlDD;;4BAoDeO,eAAMW,IAAN,eAAWX,eAAMY,UAAN,CAAiBtB,gBAAjB,CAAX,C","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"]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Input","_Context","_useHasResponsiveProps","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","NumberInputFiled","isDisabled","props","ref","handleChange","handleChangeWithoutCheck","numberInputStepper","numberInputValue","isControlled","context","React","useContext","NumberInputContext","changeHandler","inputValue","minusIndex","indexOf","replace","value","parseInt","blurHandler","useHasResponsiveProps","createElement","Fragment","Input","p","pl","onBlur","onChangeText","keyboardType","InputRightElement","_default","exports","memo","forwardRef"],"sources":["NumberInputField.tsx"],"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"],"mappings":"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","ignoreList":[]}

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

@@ -4,26 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.NBStepper = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _primitives = require("../../primitives");
-
 var _hooks = require("../../../hooks");
-
 var _Context = require("./Context");
-
 var _Icons = require("../../primitives/Icon/Icons");
-
 var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-const NBStepper = /*#__PURE__*/_react.default.forwardRef(({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+const NBStepper = exports.NBStepper = /*#__PURE__*/_react.default.forwardRef(({
   children,
   ...props
 }, ref) => {
@@ -38,12 +28,11 @@ const NBStepper = /*#__PURE__*/_react.default.forwardRef(({
     pressHandler,
     iconColor,
     ...newProps
-  } = (0, _hooks.useThemeProps)('NumberInputStepper', props); //TODO: refactor for responsive prop
-
+  } = (0, _hooks.useThemeProps)('NumberInputStepper', props);
+  //TODO: refactor for responsive prop
   if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
     activeOpacity: 0.2,
     disabled: disablitityCheck || isDisabled,
@@ -64,9 +53,6 @@ const NBStepper = /*#__PURE__*/_react.default.forwardRef(({
     color: iconColor
   })));
 });
-
-exports.NBStepper = NBStepper;
-
 const NumberInputStepper = ({
   children,
   ...props
@@ -76,17 +62,12 @@ const NumberInputStepper = ({
     numberInputStepper,
     setNumberInputStepper
   } = _react.default.useContext(_Context.NumberInputContext);
-
   _react.default.useEffect(() => {
-    !numberInputStepper && setNumberInputStepper( /*#__PURE__*/_react.default.createElement(_primitives.VStack, _extends({}, props, {
+    !numberInputStepper && setNumberInputStepper(/*#__PURE__*/_react.default.createElement(_primitives.VStack, _extends({}, props, {
       ref: ref
     }), children));
   }, [numberInputStepper, setNumberInputStepper, props, children, ref]);
-
   return null;
 };
-
-var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(NumberInputStepper));
-
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef(NumberInputStepper));
 //# sourceMappingURL=NumberInputStepper.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["NumberInputStepper.tsx"],"names":["NBStepper","React","forwardRef","children","props","ref","style","isIncrement","disablitityCheck","_active","_disabled","isDisabled","accessibilityLabel","pressHandler","iconColor","newProps","Platform","OS","disabled","cursor","NumberInputStepper","numberInputStepper","setNumberInputStepper","useContext","NumberInputContext","useEffect","memo"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEO,MAAMA,SAAS,gBAAGC,eAAMC,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,MAWF,0BAAc,oBAAd,EAAoCX,KAApC,CAXJ,CAD0C,CAa1C;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,6BAAD;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,6BAAC,eAAD,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,KAOOK,sBAASC,EAAT,KAAgB,KAAhB,GACD;AACEC,IAAAA,QAAQ,EAAEV,gBAAgB,IAAIG,UADhC;AAEEQ,IAAAA,MAAM,EAAEX,gBAAgB,IAAIG,UAApB,GAAiC,aAAjC,GAAiD;AAF3D,GADC,GAKD,EAZN,GAcGR,QAAQ,IAAII,WAAZ,gBACC,6BAAC,oBAAD;AAAe,IAAA,KAAK,EAAEO;AAAtB,IADD,gBAGC,6BAAC,sBAAD;AAAiB,IAAA,KAAK,EAAEA;AAAxB,IAjBJ,CARF,CADF;AA+BD,CAjDsB,CAAlB;;;;AAoDP,MAAMM,kBAAkB,GAAG,CACzB;AAAEjB,EAAAA,QAAF;AAAY,KAAGC;AAAf,CADyB,EAEzBC,GAFyB,KAGtB;AACH,QAAM;AACJ;AACAgB,IAAAA,kBAFI;AAGJC,IAAAA;AAHI,MAImBrB,eAAMsB,UAAN,CAAiBC,2BAAjB,CAJzB;;AAMAvB,iBAAMwB,SAAN,CAAgB,MAAM;AACpB,KAACJ,kBAAD,IACEC,qBAAqB,eACnB,6BAAC,kBAAD,eAAYlB,KAAZ;AAAmB,MAAA,GAAG,EAAEC;AAAxB,QACGF,QADH,CADmB,CADvB;AAMD,GAPD,EAOG,CAACkB,kBAAD,EAAqBC,qBAArB,EAA4ClB,KAA5C,EAAmDD,QAAnD,EAA6DE,GAA7D,CAPH;;AAQA,SAAO,IAAP;AACD,CAnBD;;4BAqBeJ,eAAMyB,IAAN,eAAWzB,eAAMC,UAAN,CAAiBkB,kBAAjB,CAAX,C","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"]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_primitives","_hooks","_Context","_Icons","_useHasResponsiveProps","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","NBStepper","exports","React","forwardRef","children","props","ref","style","isIncrement","disablitityCheck","_active","_disabled","isDisabled","accessibilityLabel","pressHandler","iconColor","newProps","useThemeProps","useHasResponsiveProps","createElement","TouchableOpacity","activeOpacity","disabled","onPress","accessible","Box","borderColor","opacity","Platform","OS","cursor","ChevronUpIcon","color","ChevronDownIcon","NumberInputStepper","numberInputStepper","setNumberInputStepper","useContext","NumberInputContext","useEffect","VStack","_default","memo"],"sources":["NumberInputStepper.tsx"],"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"],"mappings":"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","ignoreList":[]}

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

@@ -3,12 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "NumberInputContext", {
-  enumerable: true,
-  get: function () {
-    return _Context.NumberInputContext;
-  }
-});
 Object.defineProperty(exports, "NumberDecrementStepper", {
   enumerable: true,
   get: function () {
@@ -27,6 +21,12 @@ Object.defineProperty(exports, "NumberInput", {
     return _NumberInput.default;
   }
 });
+Object.defineProperty(exports, "NumberInputContext", {
+  enumerable: true,
+  get: function () {
+    return _Context.NumberInputContext;
+  }
+});
 Object.defineProperty(exports, "NumberInputField", {
   enumerable: true,
   get: function () {
@@ -39,18 +39,11 @@ Object.defineProperty(exports, "NumberInputStepper", {
     return _NumberInputStepper.default;
   }
 });
-
 var _Context = require("./Context");
-
 var _NumberDecrementStepper = _interopRequireDefault(require("./NumberDecrementStepper"));
-
 var _NumberIncrementStepper = _interopRequireDefault(require("./NumberIncrementStepper"));
-
 var _NumberInput = _interopRequireDefault(require("./NumberInput"));
-
 var _NumberInputField = _interopRequireDefault(require("./NumberInputField"));
-
 var _NumberInputStepper = _interopRequireDefault(require("./NumberInputStepper"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA","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"]}
+{"version":3,"names":["_Context","require","_NumberDecrementStepper","_interopRequireDefault","_NumberIncrementStepper","_NumberInput","_NumberInputField","_NumberInputStepper","e","__esModule","default"],"sources":["index.tsx"],"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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,YAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,iBAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,mBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAAqE,SAAAE,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

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

@@ -1,2 +1,6 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.tsx"],"sourcesContent":["import type { IInputProps, IStackProps } from '../../primitives';\r\nimport type { InterfaceInputProps } from '../../primitives/Input/types';\r\nimport type { InterfaceBoxProps } from '../../primitives/Box/types';\r\nimport type { CustomProps } from '../../../components/types';\r\n\r\nexport type INumberInputProps = (InterfaceInputProps &\r\n  InterfaceBoxProps<INumberInputProps> & {\r\n    onChange?: (value: number) => void;\r\n    min?: number;\r\n    max?: number;\r\n    step?: number;\r\n    precision?: number;\r\n    isReadOnly?: boolean;\r\n    isInvalid?: boolean;\r\n    isDisabled?: boolean;\r\n    keepWithinRange?: boolean;\r\n    allowMouseWheel?: boolean;\r\n    clampValueOnBlur?: boolean;\r\n    focusInputOnChange?: boolean;\r\n    getAriaValueText?: boolean;\r\n    children?: JSX.Element[] | JSX.Element;\r\n  }) &\r\n  CustomProps<'NumberInput'>;\r\n\r\nexport type INumberInputFieldProps = IInputProps & {};\r\nexport type INumberInputSteppersProps = IStackProps & {\r\n  children: JSX.Element[] | JSX.Element;\r\n};\r\nexport type INumberInputStepperProps = InterfaceBoxProps<INumberInputStepperProps> & {\r\n  isDisabled?: boolean;\r\n  _disabled?: Omit<INumberInputStepperProps, '_disabled'>;\r\n  _active?: Omit<INumberInputStepperProps, '_active'>;\r\n};\r\nexport type INumberInputContext = INumberInputProps & {\r\n  numberInputValue?: number;\r\n  value?: number;\r\n  handleChange?: (value: number) => void;\r\n  handleChangeWithoutCheck?: (value: number) => void;\r\n  numberInputStepper?: any;\r\n  setNumberInputStepper?: any;\r\n  isControlled?: boolean;\r\n};\r\n"],"mappings":"","ignoreList":[]}

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

@@ -4,9 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PinInputContext = void 0;
-
 var _react = require("react");
-
-const PinInputContext = /*#__PURE__*/(0, _react.createContext)({});
-exports.PinInputContext = PinInputContext;
+const PinInputContext = exports.PinInputContext = /*#__PURE__*/(0, _react.createContext)({});
 //# sourceMappingURL=Context.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["Context.ts"],"names":["PinInputContext"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,eAAe,gBAAG,0BAAc,EAAd,CAAxB","sourcesContent":["import { createContext } from 'react';\r\n\r\nexport const PinInputContext = createContext({});\r\n"]}
+{"version":3,"names":["_react","require","PinInputContext","exports","createContext"],"sources":["Context.ts"],"sourcesContent":["import { createContext } from 'react';\r\n\r\nexport const PinInputContext = createContext({});\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,oBAAa,EAAC,CAAC,CAAC,CAAC","ignoreList":[]}

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

@@ -4,33 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Stack = require("../../primitives/Stack");
-
 var _hooks = require("../../../hooks");
-
 var _FormControl = require("../FormControl");
-
 var _reactNative = require("react-native");
-
 var _Context = require("./Context");
-
 var _theme = require("../../../theme");
-
 var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
 const PinInput = ({
   children,
   ...props
 }, ref) => {
   let [padding, remProps] = _theme.themeTools.extractInObject(props, ['p', 'px', 'py', 'pt', 'pb', 'pl', 'pr']);
-
   const {
     manageFocus,
     defaultValue,
@@ -41,13 +29,10 @@ const PinInput = ({
   } = (0, _hooks.useThemeProps)('PinInput', remProps);
   const formControlContext = (0, _FormControl.useFormControlContext)();
   const RefList = [];
-
   const setRefList = (ref, index) => {
     RefList[index] = ref;
   };
-
   const [pinInputValue, setPinInputValue] = _react.default.useState(value || defaultValue);
-
   const handleChange = (newValue, fieldIndex) => {
     let temp = pinInputValue && [...pinInputValue] || [];
     temp[fieldIndex] = newValue;
@@ -56,11 +41,9 @@ const PinInput = ({
     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);
@@ -68,10 +51,8 @@ const PinInput = ({
       setPinInputValue(splicedValue.join(''));
       onChange && onChange(splicedValue.join(''));
     }
-
     if (_reactNative.Platform.OS !== 'ios') {
       let temp = pinInputValue ? [...pinInputValue] : [];
-
       if (newValue === '') {
         // Handling Backward focus.
         temp = temp.filter((_n, i) => i !== fieldIndex);
@@ -80,12 +61,10 @@ const PinInput = ({
         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.default.Children.map(allChildren, child => {
@@ -95,18 +74,17 @@ const PinInput = ({
       }, child.props.children);
     });
   };
-
   _react.default.useEffect(() => {
     if (value !== undefined && value != pinInputValue) setPinInputValue(value);
-  }, [value, pinInputValue, setPinInputValue]); //TODO: refactor for responsive prop
-
+  }, [value, pinInputValue, setPinInputValue]);
 
+  //TODO: refactor for responsive prop
   if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(_Context.PinInputContext.Provider, {
-    value: { ...formControlContext,
+    value: {
+      ...formControlContext,
       ...newProps,
       setRefList,
       handleChange,
@@ -120,8 +98,5 @@ const PinInput = ({
     ref: ref
   }), indexSetter(children)));
 };
-
-var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(PinInput));
-
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef(PinInput));
 //# sourceMappingURL=PinInput.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["PinInput.tsx"],"names":["PinInput","children","props","ref","padding","remProps","themeTools","extractInObject","manageFocus","defaultValue","value","space","onChange","newProps","formControlContext","RefList","setRefList","index","pinInputValue","setPinInputValue","React","useState","handleChange","newValue","fieldIndex","temp","undefined","join","current","focus","length","handleMultiValueChange","pinFieldLength","newValueLength","splicedValue","splice","Platform","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"]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Stack","_hooks","_FormControl","_reactNative","_Context","_theme","_useHasResponsiveProps","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","PinInput","children","props","ref","padding","remProps","themeTools","extractInObject","manageFocus","defaultValue","value","space","onChange","newProps","useThemeProps","formControlContext","useFormControlContext","RefList","setRefList","index","pinInputValue","setPinInputValue","React","useState","handleChange","newValue","fieldIndex","temp","undefined","join","current","focus","handleMultiValueChange","pinFieldLength","newValueLength","splicedValue","splice","Platform","OS","filter","_n","i","JSON","stringify","parseInt","indexSetter","allChildren","pinInputFiledCounter","Children","map","child","cloneElement","useEffect","useHasResponsiveProps","createElement","PinInputContext","Provider","HStack","flexDirection","_default","exports","memo","forwardRef"],"sources":["PinInput.tsx"],"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"],"mappings":"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","ignoreList":[]}

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

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Input = require("../../primitives/Input");
-
 var _Context = require("./Context");
-
 var _reactNative = require("react-native");
-
 var _utils = require("../../../utils");
-
 var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
 const PinInputFiled = ({
   fieldIndex = 0,
   defaultValue: pDefaultValue,
@@ -34,11 +25,9 @@ const PinInputFiled = ({
     handleMultiValueChange,
     ...context
   } = _react.default.useContext(_Context.PinInputContext);
-
   cDefaultValue = cDefaultValue && cDefaultValue[fieldIndex];
   let defaultValue = pDefaultValue || cDefaultValue;
   let value = cValue && cValue[fieldIndex];
-
   const keyPressHandler = event => {
     if (_reactNative.Platform.OS !== 'web') {
       if (event.nativeEvent.key >= 0 && event.nativeEvent.key <= 9) {
@@ -48,24 +37,21 @@ const PinInputFiled = ({
       }
     }
   };
-
   const textChangeHandler = value => {
     // Also used to handle change for Android.
     handleMultiValueChange && handleMultiValueChange(value, fieldIndex);
   };
-
   const myRef = _react.default.useRef(null);
-
   _react.default.useEffect(() => {
     setRefList && setRefList(myRef, fieldIndex);
-  }, [myRef, fieldIndex, setRefList]); //TODO: refactor for responsive prop
-
+  }, [myRef, fieldIndex, setRefList]);
 
+  //TODO: refactor for responsive prop
   if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
     return null;
   }
-
-  return /*#__PURE__*/_react.default.createElement(_Input.Input //@ts-ignore
+  return /*#__PURE__*/_react.default.createElement(_Input.Input
+  //@ts-ignore
   , _extends({
     ref: (0, _utils.mergeRefs)([myRef, ref])
   }, context, props, {
@@ -76,8 +62,5 @@ const PinInputFiled = ({
     value: value
   }));
 };
-
-var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(PinInputFiled));
-
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef(PinInputFiled));
 //# sourceMappingURL=PinInputField.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["PinInputField.tsx"],"names":["PinInputFiled","fieldIndex","defaultValue","pDefaultValue","props","ref","handleChange","value","cValue","setRefList","cDefaultValue","handleMultiValueChange","context","React","useContext","PinInputContext","keyPressHandler","event","Platform","OS","nativeEvent","key","textChangeHandler","myRef","useRef","useEffect","memo","forwardRef"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,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,MAOkBC,eAAMC,UAAN,CAAiBC,wBAAjB,CAPtB;;AAQAL,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,QAAMe,eAAe,GAAIC,KAAD,IAAgB;AACtC,QAAIC,sBAASC,EAAT,KAAgB,KAApB,EAA2B;AACzB,UAAIF,KAAK,CAACG,WAAN,CAAkBC,GAAlB,IAAyB,CAAzB,IAA8BJ,KAAK,CAACG,WAAN,CAAkBC,GAAlB,IAAyB,CAA3D,EAA8D;AAC5Df,QAAAA,YAAY,IAAIA,YAAY,CAACW,KAAK,CAACG,WAAN,CAAkBC,GAAnB,EAAwBpB,UAAxB,CAA5B;AACD,OAFD,MAEO,IAAIgB,KAAK,CAACG,WAAN,CAAkBC,GAAlB,KAA0B,WAA9B,EAA2C;AAChDf,QAAAA,YAAY,IAAIA,YAAY,CAAC,EAAD,EAAKL,UAAL,CAA5B;AACD;AACF;AACF,GARD;;AASA,QAAMqB,iBAAiB,GAAIf,KAAD,IAAgB;AACxC;AACAI,IAAAA,sBAAsB,IAAIA,sBAAsB,CAACJ,KAAD,EAAQN,UAAR,CAAhD;AACD,GAHD;;AAIA,QAAMsB,KAAK,GAAGV,eAAMW,MAAN,CAAa,IAAb,CAAd;;AACAX,iBAAMY,SAAN,CAAgB,MAAM;AACpBhB,IAAAA,UAAU,IAAIA,UAAU,CAACc,KAAD,EAAQtB,UAAR,CAAxB;AACD,GAFD,EAEG,CAACsB,KAAD,EAAQtB,UAAR,EAAoBQ,UAApB,CAFH,EA3BG,CA+BH;;;AACA,MAAI,kDAAsBL,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,YAAD,CACE;AADF;AAEE,IAAA,GAAG,EAAE,sBAAU,CAACmB,KAAD,EAAQlB,GAAR,CAAV;AAFP,KAGMO,OAHN,EAIMR,KAJN;AAKE,IAAA,UAAU,EAAGa,KAAD,IAAWD,eAAe,CAACC,KAAD,CALxC;AAME,IAAA,YAAY,EAAGV,KAAD,IAAWe,iBAAiB,CAACf,KAAD,CAN5C;AAOE,IAAA,YAAY,EAAC,SAPf;AAQE,IAAA,YAAY,EAAEL,YARhB;AASE,IAAA,KAAK,EAAEK;AATT,KADF;AAaD,CAvDD;;4BAyDeM,eAAMa,IAAN,eAAWb,eAAMc,UAAN,CAAiB3B,aAAjB,CAAX,C","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"]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Input","_Context","_reactNative","_utils","_useHasResponsiveProps","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","PinInputFiled","fieldIndex","defaultValue","pDefaultValue","props","ref","handleChange","value","cValue","setRefList","cDefaultValue","handleMultiValueChange","context","React","useContext","PinInputContext","keyPressHandler","event","Platform","OS","nativeEvent","key","textChangeHandler","myRef","useRef","useEffect","useHasResponsiveProps","createElement","Input","mergeRefs","onKeyPress","onChangeText","keyboardType","_default","exports","memo","forwardRef"],"sources":["PinInputField.tsx"],"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"],"mappings":"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","ignoreList":[]}

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

@@ -4,16 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PinInput = void 0;
-
 var _PinInputField = _interopRequireDefault(require("./PinInputField"));
-
 var _PinInput = _interopRequireDefault(require("./PinInput"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 let PinInputTemp = _PinInput.default;
-PinInputTemp.Field = _PinInputField.default; // To add typings
+PinInputTemp.Field = _PinInputField.default;
 
-const PinInput = PinInputTemp;
-exports.PinInput = PinInput;
+// To add typings
+const PinInput = exports.PinInput = PinInputTemp;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["PinInputTemp","PinInputMain","Field","PinInputField","PinInput"],"mappings":";;;;;;;AAAA;;AACA;;;;AAQA,IAAIA,YAAiB,GAAGC,iBAAxB;AACAD,YAAY,CAACE,KAAb,GAAqBC,sBAArB,C,CAEA;;AACA,MAAMC,QAAQ,GAAGJ,YAAjB","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"]}
+{"version":3,"names":["_PinInputField","_interopRequireDefault","require","_PinInput","e","__esModule","default","PinInputTemp","PinInputMain","Field","PinInputField","PinInput","exports"],"sources":["index.tsx"],"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"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAsC,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQtC,IAAIG,YAAiB,GAAGC,iBAAY;AACpCD,YAAY,CAACE,KAAK,GAAGC,sBAAa;;AAElC;AACA,MAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAGJ,YAAsC","ignoreList":[]}

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

@@ -1,2 +1,6 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=types.js.map

package/lib/commonjs/components/composites/PinInput/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.tsx"],"sourcesContent":["import type { MutableRefObject } from 'react';\r\nimport type { InterfaceInputProps } from '../../primitives/Input/types';\r\nimport type { CustomProps, ResponsiveValue } from '../../../components/types';\r\nimport type { ISizes } from '../../../theme/base/sizes';\r\n\r\nexport type IPinInputProps = (InterfaceInputProps & {\r\n  onChange?: (value: string) => void;\r\n  children?: JSX.Element[] | JSX.Element;\r\n  manageFocus?: boolean;\r\n}) &\r\n  CustomProps<'PinInput'>;\r\n\r\nexport type IPinInputFieldProps = InterfaceInputProps & {\r\n  fieldIndex?: number;\r\n  inputSize?: number | string;\r\n};\r\nexport type IPinInputComponentType = ((\r\n  props: IPinInputProps & { ref?: MutableRefObject<any> }\r\n) => JSX.Element) & {\r\n  Field: React.MemoExoticComponent<\r\n    (\r\n      props: IPinInputFieldProps & { ref?: MutableRefObject<any> }\r\n    ) => JSX.Element\r\n  >;\r\n};\r\nexport type IPinInputContext = IPinInputProps & {\r\n  handleChange?: (value: string, index: number) => void;\r\n  handleMultiValueChange?: (value: string, index: number) => void;\r\n  value?: string[] | string;\r\n  size?: ResponsiveValue<ISizes | (string & {}) | number>;\r\n  defaultValue?: string[] | string;\r\n  setRefList?: (ref: any, index: number) => void;\r\n};\r\n"],"mappings":"","ignoreList":[]}