@teamturing/react-native-kit 0.1.0 → 1.2.0

package/lib/commonjs/component/Tag.js

@@ -0,0 +1,159 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tag = void 0;
+var _core = require("@react-native-styled-system/core");
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _GradientCollection = require("./GradientCollection.js");
+var _index = require("./Icon/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const commonStyle = {
+  alignSelf: 'flex-start',
+  flexDirection: 'row',
+  alignItems: 'center',
+  justifyContent: 'center',
+  borderRadius: 9999,
+  overflow: 'hidden',
+  backgroundColor: _reactNativeKit.palette.transparent,
+  borderWidth: 1,
+  borderColor: _reactNativeKit.palette.gray200
+};
+const stylesByFullWidth = {
+  true: {
+    alignSelf: 'stretch'
+  },
+  false: {}
+};
+const styleBySize = {
+  m: {
+    paddingVertical: _reactNativeKit.spacing['2'],
+    minHeight: 38,
+    paddingHorizontal: _reactNativeKit.spacing['3']
+  },
+  s: {
+    paddingVertical: _reactNativeKit.spacing['2'],
+    minHeight: 34,
+    paddingHorizontal: _reactNativeKit.spacing['3']
+  }
+};
+const additionalStyleByVariant = {
+  'gray-900': {},
+  'violet-500': {},
+  'outlined': {},
+  'gradient1': {},
+  'plain': {
+    borderColor: _reactNativeKit.palette.transparent
+  }
+};
+const selectedStyleByVariant = {
+  'gray-900': {
+    backgroundColor: _reactNativeKit.palette.gray900,
+    borderColor: _reactNativeKit.palette.gray900
+  },
+  'violet-500': {
+    backgroundColor: _reactNativeKit.palette.violet50,
+    borderColor: _reactNativeKit.palette.violet50
+  },
+  'outlined': {
+    borderColor: _reactNativeKit.palette.violet500
+  },
+  'gradient1': {},
+  'plain': {}
+};
+const selectedGradientCollectionPropsByVarient = {
+  'gray-900': undefined,
+  'violet-500': undefined,
+  'outlined': undefined,
+  'gradient1': {
+    style: [_reactNative.StyleSheet.absoluteFill],
+    ..._reactNativeKit.gradient.gradient1
+  },
+  'plain': undefined
+};
+const txtBySize = {
+  m: _reactNativeKit.Txt.S.Medium,
+  s: _reactNativeKit.Txt.XS.Medium
+};
+const txtConfigByVariant = {
+  'gray-900': {
+    color: _reactNativeKit.palette.gray500
+  },
+  'violet-500': {
+    color: _reactNativeKit.palette.gray500
+  },
+  'outlined': {
+    color: _reactNativeKit.palette.gray500
+  },
+  'gradient1': {
+    color: _reactNativeKit.palette.gray500
+  },
+  'plain': {
+    color: _reactNativeKit.palette.gray500
+  }
+};
+const selectedTxtConfigByVariant = {
+  'gray-900': {
+    color: _reactNativeKit.palette.white
+  },
+  'violet-500': {
+    color: _reactNativeKit.palette.violet500
+  },
+  'outlined': {
+    color: _reactNativeKit.palette.violet500
+  },
+  'gradient1': {
+    color: _reactNativeKit.palette.white
+  },
+  'plain': {
+    color: _reactNativeKit.palette.gray900
+  }
+};
+const Tag = props => {
+  const {
+    getStyle,
+    filteredProps
+  } = (0, _core.useSx)(props);
+  const {
+    size = 'm',
+    variant = 'gray-900',
+    text,
+    leadingIcon,
+    renderLeadingIcon = iconProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Icon, {
+      ...iconProps
+    }),
+    trailingIcon,
+    renderTrailingIcon = iconProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Icon, {
+      ...iconProps
+    }),
+    value = false,
+    onPress,
+    layout,
+    fullWidth,
+    testID
+  } = filteredProps;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeKit.Touch, {
+    testID: testID,
+    style: [getStyle(), commonStyle, additionalStyleByVariant[variant], stylesByFullWidth[fullWidth ? 'true' : 'false'], styleBySize[size], value ? selectedStyleByVariant[variant] : undefined, layout],
+    onPress: onPress,
+    children: [variant === 'gradient1' && value === true ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientCollection.GradientCollection, {
+      ...selectedGradientCollectionPropsByVarient[variant]
+    }) : null, leadingIcon ? renderLeadingIcon({
+      name: leadingIcon,
+      size: 16,
+      mr: 1,
+      fill: (value ? selectedTxtConfigByVariant[variant] : txtConfigByVariant[variant]).color
+    }) : null, txtBySize[size].render(text, value ? selectedTxtConfigByVariant[variant] : txtConfigByVariant[variant]), trailingIcon ? renderTrailingIcon({
+      name: trailingIcon,
+      size: 16,
+      ml: 1,
+      fill: (value ? selectedTxtConfigByVariant[variant] : txtConfigByVariant[variant]).color
+    }) : null]
+  });
+};
+exports.Tag = Tag;
+//# sourceMappingURL=Tag.js.map

package/lib/commonjs/component/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_reactNativeKit","_react","_interopRequireDefault","_reactNative","_GradientCollection","_index","_jsxRuntime","e","__esModule","default","commonStyle","alignSelf","flexDirection","alignItems","justifyContent","borderRadius","overflow","backgroundColor","palette","transparent","borderWidth","borderColor","gray200","stylesByFullWidth","true","false","styleBySize","m","paddingVertical","spacing","minHeight","paddingHorizontal","s","additionalStyleByVariant","selectedStyleByVariant","gray900","violet50","violet500","selectedGradientCollectionPropsByVarient","undefined","style","StyleSheet","absoluteFill","gradient","gradient1","txtBySize","Txt","S","Medium","XS","txtConfigByVariant","color","gray500","selectedTxtConfigByVariant","white","Tag","props","getStyle","filteredProps","useSx","size","variant","text","leadingIcon","renderLeadingIcon","iconProps","jsx","Icon","trailingIcon","renderTrailingIcon","value","onPress","layout","fullWidth","testID","jsxs","Touch","children","GradientCollection","name","mr","fill","render","ml","exports"],"sourceRoot":"../../../src","sources":["component/Tag.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/component/TagHorizontalList.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TagHorizontalList = void 0;
+var _core = require("@react-native-styled-system/core");
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _is = _interopRequireDefault(require("../util/is.js"));
+var _LayoutProvider = require("./Layout/Layout/LayoutProvider.js");
+var _Row = require("./Layout/Row.js");
+var _index = require("./StyledScrollView/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const _TagHorizontalList = (props, ref) => {
+  const {
+    tags,
+    autoScrollToCenter = true
+  } = props;
+  const {
+    getStyle
+  } = (0, _core.useSx)(props, {
+    fallback: {
+      flexGrow: 0
+    }
+  });
+  const {
+    screenWidth
+  } = (0, _LayoutProvider.useDynamicLayout)();
+  const scrollView = (0, _react.useRef)(null);
+  const tagCenterXOffset = (0, _react.useRef)({});
+  const scrollToKey = (0, _react.useCallback)(({
+    key
+  }) => {
+    if (key in tagCenterXOffset.current && _is.default.number(tagCenterXOffset.current[key])) {
+      scrollView.current?.scrollTo({
+        x: tagCenterXOffset.current[key],
+        animated: true
+      });
+    }
+  }, []);
+  const initialScrollKey = (0, _react.useRef)(-1);
+  const {
+    clearTimerAtUnmount,
+    clearAllTimers: clearAllTimers
+  } = (0, _reactNativeKit.useTimeoutHandlers)();
+  (0, _react.useImperativeHandle)(ref, () => ({
+    scrollTo: scrollToKey
+  }), [scrollToKey]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledScrollView, {
+    ref: scrollView,
+    horizontal: true,
+    style: getStyle(),
+    contentContainerSx: props.contentContainerSx,
+    showsHorizontalScrollIndicator: false,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Row.RowCenter, {
+      gapX: 2,
+      children: tags.map((tag, i) => {
+        if (autoScrollToCenter && tag.value && initialScrollKey.current === -1) {
+          initialScrollKey.current = tag.key;
+          clearTimerAtUnmount(setTimeout(() => scrollToKey({
+            key: tag.key
+          }), 500));
+        }
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          onLayout: ({
+            nativeEvent: {
+              layout: {
+                x,
+                width
+              }
+            }
+          }) => {
+            tagCenterXOffset.current[tag.key] = Math.max(0, x - (screenWidth - width) / 2 + _reactNativeKit.spacing[i ? 1 : 0]);
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeKit.Tag, {
+            variant: 'gray-900',
+            size: 'm',
+            ...tag,
+            onPress: autoScrollToCenter ? () => {
+              clearAllTimers();
+              scrollToKey({
+                key: tag.key
+              });
+              tag.onPress?.();
+            } : tag.onPress
+          })
+        }, tag.key);
+      })
+    })
+  });
+};
+const TagHorizontalList = exports.TagHorizontalList = /*#__PURE__*/(0, _react.forwardRef)(_TagHorizontalList);
+//# sourceMappingURL=TagHorizontalList.js.map

package/lib/commonjs/component/TagHorizontalList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_reactNativeKit","_react","_reactNative","_is","_interopRequireDefault","_LayoutProvider","_Row","_index","_jsxRuntime","e","__esModule","default","_TagHorizontalList","props","ref","tags","autoScrollToCenter","getStyle","useSx","fallback","flexGrow","screenWidth","useDynamicLayout","scrollView","useRef","tagCenterXOffset","scrollToKey","useCallback","key","current","is","number","scrollTo","x","animated","initialScrollKey","clearTimerAtUnmount","clearAllTimers","useTimeoutHandlers","useImperativeHandle","jsx","StyledScrollView","horizontal","style","contentContainerSx","showsHorizontalScrollIndicator","children","RowCenter","gapX","map","tag","i","value","setTimeout","View","onLayout","nativeEvent","layout","width","Math","max","spacing","Tag","variant","size","onPress","TagHorizontalList","exports","forwardRef"],"sourceRoot":"../../../src","sources":["component/TagHorizontalList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/component/TextField/BaseTextField.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../Btn/index.js");
+var _index2 = require("../Icon/index.js");
+var _CoreTextField = _interopRequireDefault(require("./CoreTextField.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const BaseTextField = ({
+  label,
+  leadingIcon,
+  trailingIcon,
+  trailingIconFill,
+  trailingElements = [],
+  disabled = false,
+  readonly = false,
+  helpText,
+  errorText,
+  successText,
+  onPress,
+  style,
+  textFieldStyle,
+  ...props
+}, ref) => {
+  const isError = _reactNativeKit.is.notEmptyString(errorText);
+  const isSuccess = _reactNativeKit.is.notEmptyString(successText);
+  const shake = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (isError) {
+      shake.current?.start();
+    }
+  }, [isError]);
+  const trailingElementList = (() => {
+    const ret = [];
+    if (_reactNativeKit.is.notEmptyArray(trailingElements)) {
+      ret.push(...trailingElements);
+    }
+    if (trailingIcon) {
+      ret.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Icon, {
+        name: trailingIcon,
+        size: 24,
+        fill: trailingIconFill || _reactNativeKit.palette.gray300
+      }));
+    }
+    if (_reactNativeKit.is.emptyArray(ret) && !disabled && !readonly && _reactNativeKit.is.notEmptyString(props.value)) {
+      ret.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.IconBtn, {
+        name: 'close_in_circle',
+        size: 'm',
+        variant: 'plain-gray300',
+        onPress: () => props.onChangeText?.('', ''),
+        layout: {
+          marginRight: -_reactNativeKit.spacing[1]
+        }
+      }));
+    }
+    return ret;
+  })();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeKit.Shake, {
+    ref: shake,
+    style: style,
+    disableFirstAnimation: true,
+    children: [label ? _reactNativeKit.Txt.XS.Medium.Gray700.render(label, {
+      style: {
+        marginBottom: _reactNativeKit.spacing[1]
+      }
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        height: !props.multiline ? 54 : undefined,
+        borderWidth: 1,
+        borderColor: disabled ? _reactNativeKit.palette.gray200 : isError ? _reactNativeKit.palette.red500 : _reactNativeKit.palette.gray200,
+        borderRadius: 12,
+        justifyContent: 'center',
+        backgroundColor: disabled ? _reactNativeKit.palette.gray100 : _reactNativeKit.palette.white
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeKit.Grid, {
+        spacing: 2,
+        layout: {
+          marginHorizontal: _reactNativeKit.spacing[5]
+        },
+        children: [leadingIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeKit.Grid.Unit, {
+          size: 'min',
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Icon, {
+            name: leadingIcon,
+            size: 24,
+            fill: _reactNativeKit.palette.gray300
+          })
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeKit.Grid.Unit, {
+          size: 'max',
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CoreTextField.default, {
+            ref: ref,
+            style: [{
+              paddingTop: props.multiline ? _reactNativeKit.spacing[4] : undefined,
+              paddingBottom: props.multiline ? _reactNativeKit.spacing[4] : undefined
+            }, textFieldStyle],
+            readonly: readonly,
+            disabled: disabled,
+            ...props
+          })
+        }), trailingElementList.map((element, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeKit.Grid.Unit, {
+          size: 'min',
+          children: element
+        }, i))]
+      })
+    }), isError || isSuccess || _reactNativeKit.is.notEmptyString(helpText) ? _reactNativeKit.Txt.XS.Medium.Color(isError ? _reactNativeKit.palette.red500 : isSuccess ? _reactNativeKit.palette.green500 : _reactNativeKit.palette.gray400).render(errorText || helpText || successText, {
+      style: {
+        marginTop: _reactNativeKit.spacing[1]
+      },
+      testID: errorText ? `${props.testID}/error` : isSuccess ? `${props.testID}/success` : `${props.testID}/helper`
+    }) : null, !disabled && onPress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeKit.Touch, {
+      testID: `${props?.testID}/button`,
+      activeOpacity: 0,
+      onPress: onPress,
+      style: {
+        position: 'absolute',
+        left: 0,
+        top: 0,
+        right: 0,
+        bottom: 0
+      }
+    }) : null]
+  });
+};
+var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(BaseTextField);
+//# sourceMappingURL=BaseTextField.js.map

package/lib/commonjs/component/TextField/BaseTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","_react","_interopRequireWildcard","_reactNative","_index","_index2","_CoreTextField","_interopRequireDefault","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","BaseTextField","label","leadingIcon","trailingIcon","trailingIconFill","trailingElements","disabled","readonly","helpText","errorText","successText","onPress","style","textFieldStyle","props","ref","isError","is","notEmptyString","isSuccess","shake","useRef","useEffect","current","start","trailingElementList","ret","notEmptyArray","push","jsx","Icon","name","size","fill","palette","gray300","emptyArray","value","IconBtn","variant","onChangeText","layout","marginRight","spacing","jsxs","Shake","disableFirstAnimation","children","Txt","XS","Medium","Gray700","render","marginBottom","View","height","multiline","undefined","borderWidth","borderColor","gray200","red500","borderRadius","justifyContent","backgroundColor","gray100","white","Grid","marginHorizontal","Unit","paddingTop","paddingBottom","map","element","Color","green500","gray400","marginTop","testID","Touch","activeOpacity","position","left","top","right","bottom","_default","exports","React","forwardRef"],"sourceRoot":"../../../../src","sources":["component/TextField/BaseTextField.tsx"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAUA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAGA,IAAAM,cAAA,GAAAC,sBAAA,CAAAP,OAAA;AAA4C,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAO,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAkB5C,MAAMW,aAAa,GAAGA,CACpB;EACEC,KAAK;EACLC,WAAW;EACXC,YAAY;EACZC,gBAAgB;EAChBC,gBAAgB,GAAG,EAAE;EACrBC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EACRC,SAAS;EACTC,WAAW;EACXC,OAAO;EACPC,KAAK;EACLC,cAAc;EACd,GAAGC;AACE,CAAC,EACRC,GAAyB,KACtB;EACH,MAAMC,OAAO,GAAGC,kBAAE,CAACC,cAAc,CAACT,SAAS,CAAC;EAC5C,MAAMU,SAAS,GAAGF,kBAAE,CAACC,cAAc,CAACR,WAAW,CAAC;EAEhD,MAAMU,KAAK,GAAG,IAAAC,aAAM,EAAyB,IAAI,CAAC;EAClD,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIN,OAAO,EAAE;MACXI,KAAK,CAACG,OAAO,EAAEC,KAAK,CAAC,CAAC;IACxB;EACF,CAAC,EAAE,CAACR,OAAO,CAAC,CAAC;EAEb,MAAMS,mBAAmB,GAAG,CAAC,MAAM;IACjC,MAAMC,GAAyB,GAAG,EAAE;IACpC,IAAIT,kBAAE,CAACU,aAAa,CAACtB,gBAAgB,CAAC,EAAE;MACtCqB,GAAG,CAACE,IAAI,CAAC,GAAGvB,gBAAgB,CAAC;IAC/B;IACA,IAAIF,YAAY,EAAE;MAChBuB,GAAG,CAACE,IAAI,eAAC,IAAAjD,WAAA,CAAAkD,GAAA,EAACrD,OAAA,CAAAsD,IAAI;QAACC,IAAI,EAAE5B,YAAa;QAAC6B,IAAI,EAAE,EAAG;QAACC,IAAI,EAAE7B,gBAAgB,IAAI8B,uBAAO,CAACC;MAAQ,CAAE,CAAC,CAAC;IAC7F;IAEA,IAAIlB,kBAAE,CAACmB,UAAU,CAACV,GAAG,CAAC,IAAI,CAACpB,QAAQ,IAAI,CAACC,QAAQ,IAAIU,kBAAE,CAACC,cAAc,CAACJ,KAAK,CAACuB,KAAK,CAAC,EAAE;MAClFX,GAAG,CAACE,IAAI,eACN,IAAAjD,WAAA,CAAAkD,GAAA,EAACtD,MAAA,CAAA+D,OAAO;QACNP,IAAI,EAAE,iBAAkB;QACxBC,IAAI,EAAE,GAAI;QACVO,OAAO,EAAE,eAAgB;QACzB5B,OAAO,EAAEA,CAAA,KAAMG,KAAK,CAAC0B,YAAY,GAAG,EAAE,EAAE,EAAE,CAAE;QAC5CC,MAAM,EAAE;UAAEC,WAAW,EAAE,CAACC,uBAAO,CAAC,CAAC;QAAE;MAAE,CACtC,CACH,CAAC;IACH;IACA,OAAOjB,GAAG;EACZ,CAAC,EAAE,CAAC;EAEJ,oBACE,IAAA/C,WAAA,CAAAiE,IAAA,EAAC1E,eAAA,CAAA2E,KAAK;IAAC9B,GAAG,EAAEK,KAAM;IAACR,KAAK,EAAEA,KAAM;IAACkC,qBAAqB;IAAAC,QAAA,GACnD9C,KAAK,GAAG+C,mBAAG,CAACC,EAAE,CAACC,MAAM,CAACC,OAAO,CAACC,MAAM,CAACnD,KAAK,EAAE;MAAEW,KAAK,EAAE;QAAEyC,YAAY,EAAEV,uBAAO,CAAC,CAAC;MAAE;IAAE,CAAC,CAAC,GAAG,IAAI,eAC5F,IAAAhE,WAAA,CAAAkD,GAAA,EAACvD,YAAA,CAAAgF,IAAI;MACH1C,KAAK,EAAE;QACL2C,MAAM,EAAE,CAACzC,KAAK,CAAC0C,SAAS,GAAG,EAAE,GAAGC,SAAS;QAEzCC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAErD,QAAQ,GAAG4B,uBAAO,CAAC0B,OAAO,GAAG5C,OAAO,GAAGkB,uBAAO,CAAC2B,MAAM,GAAG3B,uBAAO,CAAC0B,OAAO;QACpFE,YAAY,EAAE,EAAE;QAChBC,cAAc,EAAE,QAAQ;QACxBC,eAAe,EAAE1D,QAAQ,GAAG4B,uBAAO,CAAC+B,OAAO,GAAG/B,uBAAO,CAACgC;MACxD,CAAE;MAAAnB,QAAA,eAEF,IAAApE,WAAA,CAAAiE,IAAA,EAAC1E,eAAA,CAAAiG,IAAI;QAACxB,OAAO,EAAE,CAAE;QAACF,MAAM,EAAE;UAAE2B,gBAAgB,EAAEzB,uBAAO,CAAC,CAAC;QAAE,CAAE;QAAAI,QAAA,GACxD7C,WAAW,gBACV,IAAAvB,WAAA,CAAAkD,GAAA,EAAC3D,eAAA,CAAAiG,IAAI,CAACE,IAAI;UAACrC,IAAI,EAAE,KAAM;UAAAe,QAAA,eACrB,IAAApE,WAAA,CAAAkD,GAAA,EAACrD,OAAA,CAAAsD,IAAI;YAACC,IAAI,EAAE7B,WAAY;YAAC8B,IAAI,EAAE,EAAG;YAACC,IAAI,EAAEC,uBAAO,CAACC;UAAQ,CAAE;QAAC,CACnD,CAAC,GACV,IAAI,eACR,IAAAxD,WAAA,CAAAkD,GAAA,EAAC3D,eAAA,CAAAiG,IAAI,CAACE,IAAI;UAACrC,IAAI,EAAE,KAAM;UAAAe,QAAA,eACrB,IAAApE,WAAA,CAAAkD,GAAA,EAACpD,cAAA,CAAAK,OAAa;YACZiC,GAAG,EAAEA,GAAI;YACTH,KAAK,EAAE,CACL;cACE0D,UAAU,EAAExD,KAAK,CAAC0C,SAAS,GAAGb,uBAAO,CAAC,CAAC,CAAC,GAAGc,SAAS;cACpDc,aAAa,EAAEzD,KAAK,CAAC0C,SAAS,GAAGb,uBAAO,CAAC,CAAC,CAAC,GAAGc;YAChD,CAAC,EACD5C,cAAc,CACd;YACFN,QAAQ,EAAEA,QAAS;YACnBD,QAAQ,EAAEA,QAAS;YAAA,GACfQ;UAAK,CACV;QAAC,CACO,CAAC,EACXW,mBAAmB,CAAC+C,GAAG,CAAC,CAACC,OAAO,EAAE3E,CAAC,kBAClC,IAAAnB,WAAA,CAAAkD,GAAA,EAAC3D,eAAA,CAAAiG,IAAI,CAACE,IAAI;UAACrC,IAAI,EAAE,KAAM;UAAAe,QAAA,EACpB0B;QAAO,GADmB3E,CAElB,CACZ,CAAC;MAAA,CACE;IAAC,CACH,CAAC,EACNkB,OAAO,IAAIG,SAAS,IAAIF,kBAAE,CAACC,cAAc,CAACV,QAAQ,CAAC,GAChDwC,mBAAG,CAACC,EAAE,CAACC,MAAM,CAACwB,KAAK,CAAC1D,OAAO,GAAGkB,uBAAO,CAAC2B,MAAM,GAAG1C,SAAS,GAAGe,uBAAO,CAACyC,QAAQ,GAAGzC,uBAAO,CAAC0C,OAAO,CAAC,CAACxB,MAAM,CACnG3C,SAAS,IAAID,QAAQ,IAAIE,WAAW,EACpC;MACEE,KAAK,EAAE;QAAEiE,SAAS,EAAElC,uBAAO,CAAC,CAAC;MAAE,CAAC;MAChCmC,MAAM,EAAErE,SAAS,GACb,GAAGK,KAAK,CAACgE,MAAM,QAAQ,GACvB3D,SAAS,GACT,GAAGL,KAAK,CAACgE,MAAM,UAAU,GACzB,GAAGhE,KAAK,CAACgE,MAAM;IACrB,CACF,CAAC,GACD,IAAI,EACP,CAACxE,QAAQ,IAAIK,OAAO,gBACnB,IAAAhC,WAAA,CAAAkD,GAAA,EAAC3D,eAAA,CAAA6G,KAAK;MACJD,MAAM,EAAE,GAAGhE,KAAK,EAAEgE,MAAM,SAAU;MAClCE,aAAa,EAAE,CAAE;MACjBrE,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAE;QAAEqE,QAAQ,EAAE,UAAU;QAAEC,IAAI,EAAE,CAAC;QAAEC,GAAG,EAAE,CAAC;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE;IAAE,CACvE,CAAC,GACA,IAAI;EAAA,CACH,CAAC;AAEZ,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAzG,OAAA,gBAEa0G,cAAK,CAACC,UAAU,CAACzF,aAAa,CAAC","ignoreList":[]}

package/lib/commonjs/component/TextField/CoreTextField.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _textFieldNumericFormatUtils = require("./textFieldNumericFormatUtils.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const CoreTextField = ({
+  disabled,
+  readonly,
+  style,
+  value,
+  onChangeText,
+  numericFormatType,
+  keyboardType,
+  maxLength,
+  textContentType,
+  ...props
+}, ref) => {
+  const isFormattingEnabled = _reactNativeKit.is.notEmptyString(numericFormatType);
+  const [formattedValue, setFormattedValue] = (0, _react.useState)(value || '');
+  const editable = !(disabled || readonly);
+  (0, _react.useEffect)(() => {
+    if (isFormattingEnabled) {
+      const formatted = _textFieldNumericFormatUtils.TextFieldNumericFormatUtil.formatWithType(numericFormatType, value || '', '');
+      setFormattedValue(formatted);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [value, isFormattingEnabled, numericFormatType]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+    allowFontScaling: false,
+    ref: ref,
+    style: [{
+      fontWeight: _reactNativeKit.FontWeight.Medium,
+      fontSize: 16,
+      color: disabled ? _reactNativeKit.palette.gray400 : _reactNativeKit.palette.gray900,
+      lineHeight: props.multiline && formattedValue?.includes('\n') ? 16 * 1.5 : undefined,
+      includeFontPadding: false
+    }, style],
+    placeholderTextColor: _reactNativeKit.palette.gray400,
+    autoCapitalize: 'none',
+    autoCorrect: false,
+    editable: editable,
+    focusable: editable,
+    hitSlop: {
+      left: _reactNativeKit.spacing[5],
+      top: _reactNativeKit.spacing[3],
+      bottom: _reactNativeKit.spacing[3]
+    },
+    returnKeyType: 'done',
+    value: isFormattingEnabled ? formattedValue : value,
+    onChangeText: value => {
+      if (!isFormattingEnabled) {
+        onChangeText?.(value, value);
+      } else {
+        const formatted = _textFieldNumericFormatUtils.TextFieldNumericFormatUtil.formatWithType(numericFormatType, value, formattedValue);
+        setFormattedValue(formatted);
+        onChangeText?.(formatted, _textFieldNumericFormatUtils.TextFieldNumericFormatUtil.parseOnlyEscapeCharacters(formatted));
+      }
+    },
+    ...props,
+    keyboardType: isFormattingEnabled ? 'number-pad' : keyboardType,
+    maxLength: isFormattingEnabled ? numericFormatType.length : maxLength
+    // Only iOS prop for auto complete id/password, sms code
+    ,
+    textContentType: _reactNativeKit.is.iOS() ? textContentType : undefined
+  });
+};
+var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(CoreTextField);
+//# sourceMappingURL=CoreTextField.js.map

package/lib/commonjs/component/TextField/CoreTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","_react","_interopRequireWildcard","_reactNative","_textFieldNumericFormatUtils","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CoreTextField","disabled","readonly","style","value","onChangeText","numericFormatType","keyboardType","maxLength","textContentType","props","ref","isFormattingEnabled","is","notEmptyString","formattedValue","setFormattedValue","useState","editable","useEffect","formatted","TextFieldNumericFormatUtil","formatWithType","jsx","TextInput","allowFontScaling","fontWeight","FontWeight","Medium","fontSize","color","palette","gray400","gray900","lineHeight","multiline","includes","undefined","includeFontPadding","placeholderTextColor","autoCapitalize","autoCorrect","focusable","hitSlop","left","spacing","top","bottom","returnKeyType","parseOnlyEscapeCharacters","length","iOS","_default","exports","React","forwardRef"],"sourceRoot":"../../../../src","sources":["component/TextField/CoreTextField.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/component/TextField/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TextField", {
+  enumerable: true,
+  get: function () {
+    return _BaseTextField.default;
+  }
+});
+var _BaseTextField = _interopRequireDefault(require("./BaseTextField.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/component/TextField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_BaseTextField","_interopRequireDefault","require","e","__esModule","default"],"sourceRoot":"../../../../src","sources":["component/TextField/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAwC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/component/TextField/textFieldNumericFormatUtils.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextFieldNumericFormatUtil = void 0;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+function isEscapeChar(char) {
+  return char.length === 1 && _reactNativeKit.is.integerString(char);
+}
+function parseOnlyEscapeCharacters(value) {
+  let ret = '';
+  for (let i = 0; i < value.length; i++) {
+    if (isEscapeChar(value[i])) {
+      ret += value[i];
+    }
+  }
+  return ret;
+}
+function isPrefixOf(check, source) {
+  if (check.length > source.length) {
+    return false;
+  }
+  for (let i = 0; i < check.length; i++) {
+    if (check[i] !== source[i]) {
+      return false;
+    }
+  }
+  return true;
+}
+function formatWithType(type, value, previousValue) {
+  const isDeleteNotNumericCharacter = previousValue.length === value.length + 1 && isPrefixOf(value, previousValue) && !isEscapeChar(previousValue[previousValue.length - 1]);
+  value = parseOnlyEscapeCharacters(value).slice(0, countEscapeCharacters(type));
+  let ret = '';
+  let i = 0,
+    j = 0;
+  while (i < value.length && j < type.length) {
+    while (j < type.length && !isEscapeChar(type[j])) {
+      ret += type[j++];
+    }
+    if (j >= type.length) {
+      break;
+    }
+    ret += value[i++];
+    j += 1;
+  }
+  while (j < type.length && !isEscapeChar(type[j])) {
+    ret += type[j++];
+  }
+  if (isDeleteNotNumericCharacter) {
+    while (ret.length >= 1 && !isEscapeChar(ret[ret.length - 1])) {
+      ret = ret.slice(0, ret.length - 1);
+    }
+    if (ret.length >= 1) {
+      ret = ret.slice(0, ret.length - 1);
+    }
+  }
+  return ret;
+  function countEscapeCharacters(value) {
+    let ret = 0;
+    for (let i = 0; i < value.length; i++) {
+      if (isEscapeChar(value[i])) {
+        ret++;
+      }
+    }
+    return ret;
+  }
+}
+const TextFieldNumericFormatUtil = exports.TextFieldNumericFormatUtil = {
+  formatWithType,
+  parseOnlyEscapeCharacters
+};
+//# sourceMappingURL=textFieldNumericFormatUtils.js.map

package/lib/commonjs/component/TextField/textFieldNumericFormatUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","isEscapeChar","char","length","is","integerString","parseOnlyEscapeCharacters","value","ret","i","isPrefixOf","check","source","formatWithType","type","previousValue","isDeleteNotNumericCharacter","slice","countEscapeCharacters","j","TextFieldNumericFormatUtil","exports"],"sourceRoot":"../../../../src","sources":["component/TextField/textFieldNumericFormatUtils.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/component/TextField/textFieldNumericFormatUtils.test.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _textFieldNumericFormatUtils = require("./textFieldNumericFormatUtils.js");
+it('parse only escape characters', () => {
+  expect(_textFieldNumericFormatUtils.TextFieldNumericFormatUtil.parseOnlyEscapeCharacters('00 / 00')).toBe('0000');
+});
+it('format appended', () => {
+  expect(_textFieldNumericFormatUtils.TextFieldNumericFormatUtil.formatWithType('00 / 00', '1234', '123')).toBe('12 / 34');
+});
+it('format popped', () => {
+  expect(_textFieldNumericFormatUtils.TextFieldNumericFormatUtil.formatWithType('00 / 00', '123', '1234')).toBe('12 / 3');
+});
+it('paste', () => {
+  expect(_textFieldNumericFormatUtils.TextFieldNumericFormatUtil.formatWithType('00 / 00', '1234', '1231241')).toBe('12 / 34');
+});
+//# sourceMappingURL=textFieldNumericFormatUtils.test.js.map

package/lib/commonjs/component/TextField/textFieldNumericFormatUtils.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_textFieldNumericFormatUtils","require","it","expect","TextFieldNumericFormatUtil","parseOnlyEscapeCharacters","toBe","formatWithType"],"sourceRoot":"../../../../src","sources":["component/TextField/textFieldNumericFormatUtils.test.ts"],"mappings":";;AAAA,IAAAA,4BAAA,GAAAC,OAAA;AAEAC,EAAE,CAAC,8BAA8B,EAAE,MAAM;EACvCC,MAAM,CAACC,uDAA0B,CAACC,yBAAyB,CAAC,SAAS,CAAC,CAAC,CAACC,IAAI,CAAC,MAAM,CAAC;AACtF,CAAC,CAAC;AAEFJ,EAAE,CAAC,iBAAiB,EAAE,MAAM;EAC1BC,MAAM,CAACC,uDAA0B,CAACG,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAACD,IAAI,CAAC,SAAS,CAAC;AAC7F,CAAC,CAAC;AAEFJ,EAAE,CAAC,eAAe,EAAE,MAAM;EACxBC,MAAM,CAACC,uDAA0B,CAACG,cAAc,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAACD,IAAI,CAAC,QAAQ,CAAC;AAC5F,CAAC,CAAC;AAEFJ,EAAE,CAAC,OAAO,EAAE,MAAM;EAChBC,MAAM,CAACC,uDAA0B,CAACG,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAACD,IAAI,CAAC,SAAS,CAAC;AACjG,CAAC,CAAC","ignoreList":[]}