@bacon-pos/ui 0.1.0

package/lib/commonjs/components/Chip/ChipGroup.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChipGroup = ChipGroup;
+var _reactNative = require("react-native");
+var _Chip = require("./Chip.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * A wrapping row of Chips with single- or multi-select behavior. Set `multiple`
+ * to toggle several; otherwise selecting a chip replaces the selection (and
+ * re-tapping the active one clears it).
+ */
+function ChipGroup(props) {
+  const {
+    options,
+    tone,
+    size,
+    showCheck,
+    disabled,
+    gap = 8,
+    style
+  } = props;
+  const isSelected = value => props.multiple ? props.value.includes(value) : props.value === value;
+  const handlePress = value => {
+    if (props.multiple) {
+      const set = new Set(props.value);
+      if (set.has(value)) set.delete(value);else set.add(value);
+      props.onChange(Array.from(set));
+    } else {
+      props.onChange(props.value === value ? null : value);
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [{
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      gap
+    }, style],
+    children: options.map(option => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.Chip, {
+      label: option.label,
+      swatchColor: option.swatchColor,
+      icon: option.icon,
+      tone: tone,
+      size: size,
+      showCheck: showCheck,
+      active: isSelected(option.value),
+      disabled: disabled || option.disabled,
+      onPress: () => handlePress(option.value)
+    }, option.value))
+  });
+}
+//# sourceMappingURL=ChipGroup.js.map

package/lib/commonjs/components/Chip/ChipGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Chip","_jsxRuntime","ChipGroup","props","options","tone","size","showCheck","disabled","gap","style","isSelected","value","multiple","includes","handlePress","set","Set","has","delete","add","onChange","Array","from","jsx","View","flexDirection","flexWrap","children","map","option","Chip","label","swatchColor","icon","active","onPress"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Chip/ChipGroup.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAA4D,IAAAE,WAAA,GAAAF,OAAA;AA6C5D;AACA;AACA;AACA;AACA;AACO,SAASG,SAASA,CAACC,KAAqB,EAAE;EAC/C,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC,IAAI;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,GAAG,GAAG,CAAC;IAAEC;EAAM,CAAC,GAAGP,KAAK;EAE1E,MAAMQ,UAAU,GAAIC,KAAa,IAC/BT,KAAK,CAACU,QAAQ,GAAGV,KAAK,CAACS,KAAK,CAACE,QAAQ,CAACF,KAAK,CAAC,GAAGT,KAAK,CAACS,KAAK,KAAKA,KAAK;EAEtE,MAAMG,WAAW,GAAIH,KAAa,IAAK;IACrC,IAAIT,KAAK,CAACU,QAAQ,EAAE;MAClB,MAAMG,GAAG,GAAG,IAAIC,GAAG,CAACd,KAAK,CAACS,KAAK,CAAC;MAChC,IAAII,GAAG,CAACE,GAAG,CAACN,KAAK,CAAC,EAAEI,GAAG,CAACG,MAAM,CAACP,KAAK,CAAC,CAAC,KACjCI,GAAG,CAACI,GAAG,CAACR,KAAK,CAAC;MACnBT,KAAK,CAACkB,QAAQ,CAACC,KAAK,CAACC,IAAI,CAACP,GAAG,CAAC,CAAC;IACjC,CAAC,MAAM;MACLb,KAAK,CAACkB,QAAQ,CAAClB,KAAK,CAACS,KAAK,KAAKA,KAAK,GAAG,IAAI,GAAGA,KAAK,CAAC;IACtD;EACF,CAAC;EAED,oBACE,IAAAX,WAAA,CAAAuB,GAAA,EAAC1B,YAAA,CAAA2B,IAAI;IAACf,KAAK,EAAE,CAAC;MAAEgB,aAAa,EAAE,KAAK;MAAEC,QAAQ,EAAE,MAAM;MAAElB;IAAI,CAAC,EAAEC,KAAK,CAAE;IAAAkB,QAAA,EACnExB,OAAO,CAACyB,GAAG,CAAEC,MAAM,iBAClB,IAAA7B,WAAA,CAAAuB,GAAA,EAACxB,KAAA,CAAA+B,IAAI;MAEHC,KAAK,EAAEF,MAAM,CAACE,KAAM;MACpBC,WAAW,EAAEH,MAAM,CAACG,WAAY;MAChCC,IAAI,EAAEJ,MAAM,CAACI,IAAK;MAClB7B,IAAI,EAAEA,IAAK;MACXC,IAAI,EAAEA,IAAK;MACXC,SAAS,EAAEA,SAAU;MACrB4B,MAAM,EAAExB,UAAU,CAACmB,MAAM,CAAClB,KAAK,CAAE;MACjCJ,QAAQ,EAAEA,QAAQ,IAAIsB,MAAM,CAACtB,QAAS;MACtC4B,OAAO,EAAEA,CAAA,KAAMrB,WAAW,CAACe,MAAM,CAAClB,KAAK;IAAE,GATpCkB,MAAM,CAAClB,KAUb,CACF;EAAC,CACE,CAAC;AAEX","ignoreList":[]}

package/lib/commonjs/components/Chip/ChipGroup.stories.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SingleSelectWithCheck = exports.SingleSelect = exports.PrimaryTone = exports.MultiSelect = void 0;
+var _react = require("react");
+var _ChipGroup = require("./ChipGroup.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const meta = {
+  title: 'Components/ChipGroup',
+  component: _ChipGroup.ChipGroup
+};
+var _default = exports.default = meta;
+const CATEGORIES = [{
+  value: 'starters',
+  label: 'Starters',
+  swatchColor: '#F89191'
+}, {
+  value: 'mains',
+  label: 'Mains',
+  swatchColor: '#C9FF00'
+}, {
+  value: 'drinks',
+  label: 'Drinks',
+  swatchColor: '#66BA9A'
+}, {
+  value: 'desserts',
+  label: 'Desserts',
+  swatchColor: '#F6B242'
+}];
+const SingleSelect = exports.SingleSelect = {
+  render: () => {
+    const [value, setValue] = (0, _react.useState)('mains');
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChipGroup.ChipGroup, {
+      options: CATEGORIES,
+      value: value,
+      onChange: setValue
+    });
+  }
+};
+const SingleSelectWithCheck = exports.SingleSelectWithCheck = {
+  render: () => {
+    const [value, setValue] = (0, _react.useState)('mains');
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChipGroup.ChipGroup, {
+      options: CATEGORIES,
+      value: value,
+      onChange: setValue,
+      showCheck: true
+    });
+  }
+};
+const MultiSelect = exports.MultiSelect = {
+  render: () => {
+    const [value, setValue] = (0, _react.useState)(['starters', 'drinks']);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChipGroup.ChipGroup, {
+      options: CATEGORIES,
+      multiple: true,
+      value: value,
+      onChange: setValue,
+      showCheck: true
+    });
+  }
+};
+const PrimaryTone = exports.PrimaryTone = {
+  render: () => {
+    const [value, setValue] = (0, _react.useState)(['mains']);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChipGroup.ChipGroup, {
+      options: CATEGORIES,
+      multiple: true,
+      value: value,
+      onChange: setValue,
+      tone: "primary",
+      showCheck: true
+    });
+  }
+};
+//# sourceMappingURL=ChipGroup.stories.js.map

package/lib/commonjs/components/Chip/ChipGroup.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_ChipGroup","_jsxRuntime","meta","title","component","ChipGroup","_default","exports","default","CATEGORIES","value","label","swatchColor","SingleSelect","render","setValue","useState","jsx","options","onChange","SingleSelectWithCheck","showCheck","MultiSelect","multiple","PrimaryTone","tone"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Chip/ChipGroup.stories.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAAyD,IAAAE,WAAA,GAAAF,OAAA;AAEzD,MAAMG,IAAI,GAAG;EACXC,KAAK,EAAE,sBAAsB;EAC7BC,SAAS,EAAEC;AACb,CAAkC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEpBN,IAAI;AAGnB,MAAMO,UAAwB,GAAG,CAC/B;EAAEC,KAAK,EAAE,UAAU;EAAEC,KAAK,EAAE,UAAU;EAAEC,WAAW,EAAE;AAAU,CAAC,EAChE;EAAEF,KAAK,EAAE,OAAO;EAAEC,KAAK,EAAE,OAAO;EAAEC,WAAW,EAAE;AAAU,CAAC,EAC1D;EAAEF,KAAK,EAAE,QAAQ;EAAEC,KAAK,EAAE,QAAQ;EAAEC,WAAW,EAAE;AAAU,CAAC,EAC5D;EAAEF,KAAK,EAAE,UAAU;EAAEC,KAAK,EAAE,UAAU;EAAEC,WAAW,EAAE;AAAU,CAAC,CACjE;AAEM,MAAMC,YAAmB,GAAAN,OAAA,CAAAM,YAAA,GAAG;EACjCC,MAAM,EAAEA,CAAA,KAAM;IACZ,MAAM,CAACJ,KAAK,EAAEK,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAgB,OAAO,CAAC;IAC1D,oBAAO,IAAAf,WAAA,CAAAgB,GAAA,EAACjB,UAAA,CAAAK,SAAS;MAACa,OAAO,EAAET,UAAW;MAACC,KAAK,EAAEA,KAAM;MAACS,QAAQ,EAAEJ;IAAS,CAAE,CAAC;EAC7E;AACF,CAAC;AAEM,MAAMK,qBAA4B,GAAAb,OAAA,CAAAa,qBAAA,GAAG;EAC1CN,MAAM,EAAEA,CAAA,KAAM;IACZ,MAAM,CAACJ,KAAK,EAAEK,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAgB,OAAO,CAAC;IAC1D,oBAAO,IAAAf,WAAA,CAAAgB,GAAA,EAACjB,UAAA,CAAAK,SAAS;MAACa,OAAO,EAAET,UAAW;MAACC,KAAK,EAAEA,KAAM;MAACS,QAAQ,EAAEJ,QAAS;MAACM,SAAS;IAAA,CAAE,CAAC;EACvF;AACF,CAAC;AAEM,MAAMC,WAAkB,GAAAf,OAAA,CAAAe,WAAA,GAAG;EAChCR,MAAM,EAAEA,CAAA,KAAM;IACZ,MAAM,CAACJ,KAAK,EAAEK,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAW,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IACpE,oBAAO,IAAAf,WAAA,CAAAgB,GAAA,EAACjB,UAAA,CAAAK,SAAS;MAACa,OAAO,EAAET,UAAW;MAACc,QAAQ;MAACb,KAAK,EAAEA,KAAM;MAACS,QAAQ,EAAEJ,QAAS;MAACM,SAAS;IAAA,CAAE,CAAC;EAChG;AACF,CAAC;AAEM,MAAMG,WAAkB,GAAAjB,OAAA,CAAAiB,WAAA,GAAG;EAChCV,MAAM,EAAEA,CAAA,KAAM;IACZ,MAAM,CAACJ,KAAK,EAAEK,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAW,CAAC,OAAO,CAAC,CAAC;IACvD,oBACE,IAAAf,WAAA,CAAAgB,GAAA,EAACjB,UAAA,CAAAK,SAAS;MAACa,OAAO,EAAET,UAAW;MAACc,QAAQ;MAACb,KAAK,EAAEA,KAAM;MAACS,QAAQ,EAAEJ,QAAS;MAACU,IAAI,EAAC,SAAS;MAACJ,SAAS;IAAA,CAAE,CAAC;EAE1G;AACF,CAAC","ignoreList":[]}

package/lib/commonjs/components/Chip/ChipGroup.test.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("@testing-library/react-native");
+var _ChipGroup = require("./ChipGroup.js");
+var _index = require("../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function renderWithTheme(ui) {
+  return (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
+    children: ui
+  }));
+}
+const OPTIONS = [{
+  value: 'a',
+  label: 'A'
+}, {
+  value: 'b',
+  label: 'B'
+}, {
+  value: 'c',
+  label: 'C'
+}];
+describe('ChipGroup', () => {
+  it('single-select: selecting replaces the value', () => {
+    const onChange = jest.fn();
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChipGroup.ChipGroup, {
+      options: OPTIONS,
+      value: "a",
+      onChange: onChange
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('B'));
+    expect(onChange).toHaveBeenCalledWith('b');
+  });
+  it('single-select: re-tapping the active chip clears it', () => {
+    const onChange = jest.fn();
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChipGroup.ChipGroup, {
+      options: OPTIONS,
+      value: "a",
+      onChange: onChange
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('A'));
+    expect(onChange).toHaveBeenCalledWith(null);
+  });
+  it('multi-select: toggles values in the array', () => {
+    const onChange = jest.fn();
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChipGroup.ChipGroup, {
+      options: OPTIONS,
+      multiple: true,
+      value: ['a'],
+      onChange: onChange
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('B'));
+    expect(onChange).toHaveBeenCalledWith(['a', 'b']);
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('A'));
+    expect(onChange).toHaveBeenCalledWith([]);
+  });
+  it('reflects selection via accessibility state', () => {
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChipGroup.ChipGroup, {
+      options: OPTIONS,
+      multiple: true,
+      value: ['b'],
+      onChange: () => {}
+    }));
+    const chips = _reactNative.screen.getAllByRole('button');
+    expect(chips[1].props.accessibilityState.selected).toBe(true);
+    expect(chips[0].props.accessibilityState.selected).toBe(false);
+  });
+});
+//# sourceMappingURL=ChipGroup.test.js.map

package/lib/commonjs/components/Chip/ChipGroup.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ChipGroup","_index","_jsxRuntime","e","__esModule","default","renderWithTheme","ui","render","jsx","ThemeProvider","children","OPTIONS","value","label","describe","it","onChange","jest","fn","ChipGroup","options","fireEvent","press","screen","getByText","expect","toHaveBeenCalledWith","multiple","chips","getAllByRole","props","accessibilityState","selected","toBe"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Chip/ChipGroup.test.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Chip/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Chip", {
+  enumerable: true,
+  get: function () {
+    return _Chip.Chip;
+  }
+});
+Object.defineProperty(exports, "ChipGroup", {
+  enumerable: true,
+  get: function () {
+    return _ChipGroup.ChipGroup;
+  }
+});
+var _Chip = require("./Chip.js");
+var _ChipGroup = require("./ChipGroup.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Chip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Chip","require","_ChipGroup"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Chip/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA","ignoreList":[]}

package/lib/commonjs/components/CodeInput/CodeInput.js

@@ -0,0 +1,163 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CodeInput = CodeInput;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../../theme/index.js");
+var _Icon = require("../Icon/Icon.js");
+var _Text = require("../Text/Text.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Removes the browser's default focus outline on web (no-op on native). */const WEB_NO_OUTLINE = {
+  outlineStyle: 'none',
+  outlineWidth: 0
+};
+
+/** Where the reveal (eye) toggle sits relative to the code cells. */
+
+function Cell({
+  char,
+  filled,
+  revealed,
+  disabled,
+  theme
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    testID: "code-input-cell",
+    style: {
+      width: 20,
+      height: 20,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: revealed && filled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "bodyMedium",
+      weight: "medium",
+      color: disabled ? 'tertiary' : 'primary',
+      children: char
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: 20,
+        height: 20,
+        borderRadius: 10,
+        borderWidth: 1.5,
+        backgroundColor: filled ? theme.colors.text.primary : theme.colors.background.default,
+        borderColor: filled ? theme.colors.text.primary : theme.colors.border.strong,
+        opacity: disabled ? 0.5 : 1
+      }
+    })
+  });
+}
+
+/**
+ * Code / PIN input — faithful to the Bacon POS Figma "Acceso code input".
+ * Shows `length` cells that fill as digits are entered; a hidden numeric field
+ * captures input. With `revealable`, an eye toggle switches between hidden dots
+ * and the visible digits (position configurable). Controlled via
+ * `value` / `onChangeText`.
+ */
+function CodeInput({
+  value,
+  onChangeText,
+  length = 4,
+  onComplete,
+  disabled = false,
+  autoFocus = false,
+  revealable = false,
+  revealed: revealedProp,
+  onRevealChange,
+  revealPosition = 'right',
+  accessibilityLabel = 'Code',
+  revealLabel = 'Show code',
+  hideLabel = 'Hide code',
+  style
+}) {
+  const theme = (0, _index.useTheme)();
+  const inputRef = (0, _react.useRef)(null);
+  const [internalRevealed, setInternalRevealed] = (0, _react.useState)(false);
+  const revealed = revealedProp ?? internalRevealed;
+  const filled = Math.min(value.length, length);
+  const handleChange = text => {
+    const digits = text.replace(/[^0-9]/g, '').slice(0, length);
+    onChangeText(digits);
+    if (digits.length === length) onComplete?.(digits);
+  };
+  const toggleReveal = () => {
+    const next = !revealed;
+    onRevealChange?.(next);
+    if (revealedProp === undefined) setInternalRevealed(next);
+  };
+  const cells = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    onPress: () => inputRef.current?.focus(),
+    disabled: disabled,
+    style: {
+      position: 'relative'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        gap: 16,
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      children: Array.from({
+        length
+      }).map((_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Cell, {
+        char: value[i] ?? '',
+        filled: i < filled,
+        revealed: revealed,
+        disabled: disabled,
+        theme: theme
+      }, i))
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+      ref: inputRef,
+      value: value,
+      onChangeText: handleChange,
+      keyboardType: "number-pad",
+      maxLength: length,
+      editable: !disabled,
+      caretHidden: true,
+      autoFocus: autoFocus,
+      accessibilityLabel: accessibilityLabel,
+      style: [{
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        opacity: 0
+      }, WEB_NO_OUTLINE]
+    })]
+  });
+  const eyeToggle = revealable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: toggleReveal,
+    disabled: disabled,
+    hitSlop: 8,
+    accessibilityRole: "button",
+    accessibilityLabel: revealed ? hideLabel : revealLabel,
+    style: {
+      padding: 4,
+      opacity: disabled ? 0.5 : 1
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      name: revealed ? 'eye' : 'eye-hide',
+      size: 24,
+      color: "secondary"
+    })
+  }) : null;
+  const vertical = revealPosition === 'top' || revealPosition === 'bottom';
+  const eyeFirst = revealPosition === 'top' || revealPosition === 'left';
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      flexDirection: vertical ? 'column' : 'row',
+      alignItems: 'center',
+      gap: 12,
+      alignSelf: 'flex-start',
+      paddingVertical: 8
+    }, style],
+    children: [eyeFirst ? eyeToggle : null, cells, eyeFirst ? null : eyeToggle]
+  });
+}
+//# sourceMappingURL=CodeInput.js.map

package/lib/commonjs/components/CodeInput/CodeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_Icon","_Text","_jsxRuntime","WEB_NO_OUTLINE","outlineStyle","outlineWidth","Cell","char","filled","revealed","disabled","theme","jsx","View","testID","style","width","height","alignItems","justifyContent","children","Text","variant","weight","color","borderRadius","borderWidth","backgroundColor","colors","text","primary","background","default","borderColor","border","strong","opacity","CodeInput","value","onChangeText","length","onComplete","autoFocus","revealable","revealedProp","onRevealChange","revealPosition","accessibilityLabel","revealLabel","hideLabel","useTheme","inputRef","useRef","internalRevealed","setInternalRevealed","useState","Math","min","handleChange","digits","replace","slice","toggleReveal","next","undefined","cells","jsxs","Pressable","onPress","current","focus","position","flexDirection","gap","Array","from","map","_","i","TextInput","ref","keyboardType","maxLength","editable","caretHidden","top","left","right","bottom","eyeToggle","hitSlop","accessibilityRole","padding","Icon","name","size","vertical","eyeFirst","alignSelf","paddingVertical"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeInput/CodeInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/CodeInput/CodeInput.stories.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SixDigits = exports.Revealable = exports.RevealPositions = exports.Prefilled = exports.Disabled = exports.Default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _CodeInput = require("./CodeInput.js");
+var _Text = require("../Text/Text.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const meta = {
+  title: 'Components/CodeInput',
+  component: _CodeInput.CodeInput
+};
+var _default = exports.default = meta;
+function Demo({
+  length = 4,
+  disabled,
+  revealable,
+  revealPosition
+}) {
+  const [value, setValue] = (0, _react.useState)('');
+  const [done, setDone] = (0, _react.useState)('');
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      gap: 8,
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeInput.CodeInput, {
+      value: value,
+      onChangeText: setValue,
+      length: length,
+      disabled: disabled,
+      revealable: revealable,
+      revealPosition: revealPosition,
+      onComplete: setDone
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Text.Text, {
+      variant: "caption",
+      color: "secondary",
+      children: ["value: \"", value, "\"", done ? ` · complete: ${done}` : '']
+    })]
+  });
+}
+const Default = exports.Default = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {})
+};
+const SixDigits = exports.SixDigits = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+    length: 6
+  })
+};
+const Revealable = exports.Revealable = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+    revealable: true
+  })
+};
+const RevealPositions = exports.RevealPositions = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      gap: 24,
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      revealable: true,
+      revealPosition: "right"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      revealable: true,
+      revealPosition: "left"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      revealable: true,
+      revealPosition: "top"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Demo, {
+      revealable: true,
+      revealPosition: "bottom"
+    })]
+  })
+};
+const Prefilled = exports.Prefilled = {
+  render: () => {
+    const [value, setValue] = (0, _react.useState)('12');
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeInput.CodeInput, {
+      value: value,
+      onChangeText: setValue
+    });
+  }
+};
+const Disabled = exports.Disabled = {
+  render: () => {
+    const [value, setValue] = (0, _react.useState)('34');
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeInput.CodeInput, {
+      value: value,
+      onChangeText: setValue,
+      disabled: true
+    });
+  }
+};
+//# sourceMappingURL=CodeInput.stories.js.map

package/lib/commonjs/components/CodeInput/CodeInput.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_CodeInput","_Text","_jsxRuntime","meta","title","component","CodeInput","_default","exports","default","Demo","length","disabled","revealable","revealPosition","value","setValue","useState","done","setDone","jsxs","View","style","gap","alignItems","children","jsx","onChangeText","onComplete","Text","variant","color","Default","render","SixDigits","Revealable","RevealPositions","Prefilled","Disabled"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeInput/CodeInput.stories.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/CodeInput/CodeInput.test.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("@testing-library/react-native");
+var _CodeInput = require("./CodeInput.js");
+var _index = require("../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function renderWithTheme(ui) {
+  return (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
+    children: ui
+  }));
+}
+describe('CodeInput', () => {
+  it('renders one dot per cell (default 4)', () => {
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeInput.CodeInput, {
+      value: "",
+      onChangeText: () => {}
+    }));
+    expect(_reactNative.screen.getAllByTestId('code-input-cell')).toHaveLength(4);
+  });
+  it('honors a custom length', () => {
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeInput.CodeInput, {
+      value: "",
+      onChangeText: () => {},
+      length: 6
+    }));
+    expect(_reactNative.screen.getAllByTestId('code-input-cell')).toHaveLength(6);
+  });
+  it('reports typed digits', () => {
+    const onChangeText = jest.fn();
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeInput.CodeInput, {
+      value: "",
+      onChangeText: onChangeText
+    }));
+    _reactNative.fireEvent.changeText(_reactNative.screen.getByLabelText('Code'), '12');
+    expect(onChangeText).toHaveBeenCalledWith('12');
+  });
+  it('strips non-digits and caps to length, firing onComplete', () => {
+    const onChangeText = jest.fn();
+    const onComplete = jest.fn();
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeInput.CodeInput, {
+      value: "",
+      onChangeText: onChangeText,
+      onComplete: onComplete,
+      length: 4
+    }));
+    _reactNative.fireEvent.changeText(_reactNative.screen.getByLabelText('Code'), '1a2b3c4d5');
+    expect(onChangeText).toHaveBeenCalledWith('1234');
+    expect(onComplete).toHaveBeenCalledWith('1234');
+  });
+  it('is not editable when disabled', () => {
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeInput.CodeInput, {
+      value: "",
+      onChangeText: () => {},
+      disabled: true
+    }));
+    expect(_reactNative.screen.getByLabelText('Code').props.editable).toBe(false);
+  });
+  it('reveals digits when the eye toggle is pressed', () => {
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeInput.CodeInput, {
+      value: "12",
+      onChangeText: () => {},
+      revealable: true
+    }));
+    expect(_reactNative.screen.queryByText('1')).toBeNull();
+    _reactNative.fireEvent.press(_reactNative.screen.getByLabelText('Show code'));
+    expect(_reactNative.screen.getByText('1')).toBeTruthy();
+    expect(_reactNative.screen.getByText('2')).toBeTruthy();
+    _reactNative.fireEvent.press(_reactNative.screen.getByLabelText('Hide code'));
+    expect(_reactNative.screen.queryByText('1')).toBeNull();
+  });
+});
+//# sourceMappingURL=CodeInput.test.js.map

package/lib/commonjs/components/CodeInput/CodeInput.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_CodeInput","_index","_jsxRuntime","e","__esModule","default","renderWithTheme","ui","render","jsx","ThemeProvider","children","describe","it","CodeInput","value","onChangeText","expect","screen","getAllByTestId","toHaveLength","length","jest","fn","fireEvent","changeText","getByLabelText","toHaveBeenCalledWith","onComplete","disabled","props","editable","toBe","revealable","queryByText","toBeNull","press","getByText","toBeTruthy"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeInput/CodeInput.test.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/CodeInput/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CodeInput", {
+  enumerable: true,
+  get: function () {
+    return _CodeInput.CodeInput;
+  }
+});
+var _CodeInput = require("./CodeInput.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/CodeInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_CodeInput","require"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeInput/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA","ignoreList":[]}