blend-native 0.0.1-beta.0 → 0.0.1-beta.2

package/lib/commonjs/components/shared/dropdown/index.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DropdownContent", {
+  enumerable: true,
+  get: function () {
+    return _DropdownContent.DropdownContent;
+  }
+});
+Object.defineProperty(exports, "DropdownItem", {
+  enumerable: true,
+  get: function () {
+    return _DropdownItem.DropdownItem;
+  }
+});
+Object.defineProperty(exports, "DropdownList", {
+  enumerable: true,
+  get: function () {
+    return _DropdownList.DropdownList;
+  }
+});
+Object.defineProperty(exports, "DropdownSearch", {
+  enumerable: true,
+  get: function () {
+    return _DropdownSearch.DropdownSearch;
+  }
+});
+Object.defineProperty(exports, "DropdownSeparator", {
+  enumerable: true,
+  get: function () {
+    return _DropdownSeparator.DropdownSeparator;
+  }
+});
+Object.defineProperty(exports, "filterGroups", {
+  enumerable: true,
+  get: function () {
+    return _dropdownFilter.filterGroups;
+  }
+});
+Object.defineProperty(exports, "filterItem", {
+  enumerable: true,
+  get: function () {
+    return _dropdownFilter.filterItem;
+  }
+});
+Object.defineProperty(exports, "flattenGroups", {
+  enumerable: true,
+  get: function () {
+    return _dropdownFlatten.flattenGroups;
+  }
+});
+Object.defineProperty(exports, "useDropdown", {
+  enumerable: true,
+  get: function () {
+    return _useDropdown.useDropdown;
+  }
+});
+var _useDropdown = require("./useDropdown.js");
+var _DropdownContent = require("./DropdownContent.js");
+var _DropdownItem = require("./DropdownItem.js");
+var _DropdownSearch = require("./DropdownSearch.js");
+var _DropdownList = require("./DropdownList.js");
+var _DropdownSeparator = require("./DropdownSeparator.js");
+var _dropdownFilter = require("./dropdownFilter.js");
+var _dropdownFlatten = require("./dropdownFlatten.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/shared/dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useDropdown","require","_DropdownContent","_DropdownItem","_DropdownSearch","_DropdownList","_DropdownSeparator","_dropdownFilter","_dropdownFlatten"],"sourceRoot":"../../../../../src","sources":["components/shared/dropdown/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAEA,IAAAG,eAAA,GAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AAEA,IAAAK,kBAAA,GAAAL,OAAA;AAEA,IAAAM,eAAA,GAAAN,OAAA;AAEA,IAAAO,gBAAA,GAAAP,OAAA","ignoreList":[]}

package/lib/commonjs/components/shared/dropdown/useDropdown.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDropdown = useDropdown;
+var _react = require("react");
+var _useControllableState = require("../../../hooks/useControllableState.js");
+var _useAnchoredPosition = require("../../../overlay/useAnchoredPosition.js");
+var _useNativeBreakpoint = require("../../../theme/useNativeBreakpoint.js");
+/**
+ * Open state + anchored positioning + mobile breakpoint, wired together.
+ *
+ * The shared hook behind Menu, SingleSelect, and MultiSelect. Each
+ * component passes its `open`/`onOpenChange` (controlled or not), the
+ * placement/alignment/offset from its props, and `usePanelOnMobile`; the
+ * hook returns the anchor ref, the content layout handler, the resolved
+ * `position`, and `shouldUseSheet` (true when the breakpoint is `sm` and
+ * `usePanelOnMobile` is set).
+ */
+function useDropdown(options) {
+  const {
+    open: openProp,
+    defaultOpen = false,
+    onOpenChange,
+    placement = 'bottom',
+    alignment = 'start',
+    offset = 8,
+    usePanelOnMobile = true
+  } = options;
+  const [open, setOpen] = (0, _useControllableState.useControllableState)(openProp, defaultOpen, onOpenChange);
+  const positioning = (0, _useAnchoredPosition.useAnchoredPosition)({
+    open,
+    placement,
+    alignment,
+    offset
+  });
+  const breakpoint = (0, _useNativeBreakpoint.useNativeBreakpoint)();
+  const shouldUseSheet = usePanelOnMobile && breakpoint === 'sm';
+  const handleOpen = (0, _react.useCallback)(() => {
+    setOpen(!open);
+  }, [open, setOpen]);
+  return (0, _react.useMemo)(() => ({
+    open,
+    setOpen,
+    handleOpen,
+    anchorRef: positioning.anchorRef,
+    onContentLayout: positioning.onContentLayout,
+    position: positioning.position,
+    shouldUseSheet
+  }), [open, setOpen, handleOpen, positioning.anchorRef, positioning.onContentLayout, positioning.position, shouldUseSheet]);
+}
+//# sourceMappingURL=useDropdown.js.map

package/lib/commonjs/components/shared/dropdown/useDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_useControllableState","_useAnchoredPosition","_useNativeBreakpoint","useDropdown","options","open","openProp","defaultOpen","onOpenChange","placement","alignment","offset","usePanelOnMobile","setOpen","useControllableState","positioning","useAnchoredPosition","breakpoint","useNativeBreakpoint","shouldUseSheet","handleOpen","useCallback","useMemo","anchorRef","onContentLayout","position"],"sourceRoot":"../../../../../src","sources":["components/shared/dropdown/useDropdown.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,WAAWA,CAACC,OAQ3B,EAAE;EACC,MAAM;IACFC,IAAI,EAAEC,QAAQ;IACdC,WAAW,GAAG,KAAK;IACnBC,YAAY;IACZC,SAAS,GAAG,QAAQ;IACpBC,SAAS,GAAG,OAAO;IACnBC,MAAM,GAAG,CAAC;IACVC,gBAAgB,GAAG;EACvB,CAAC,GAAGR,OAAO;EAEX,MAAM,CAACC,IAAI,EAAEQ,OAAO,CAAC,GAAG,IAAAC,0CAAoB,EACxCR,QAAQ,EACRC,WAAW,EACXC,YACJ,CAAC;EAED,MAAMO,WAAW,GAAG,IAAAC,wCAAmB,EAAC;IACpCX,IAAI;IACJI,SAAS;IACTC,SAAS;IACTC;EACJ,CAAC,CAAC;EAEF,MAAMM,UAAU,GAAG,IAAAC,wCAAmB,EAAC,CAAC;EACxC,MAAMC,cAAc,GAAGP,gBAAgB,IAAIK,UAAU,KAAK,IAAI;EAE9D,MAAMG,UAAU,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACjCR,OAAO,CAAC,CAACR,IAAI,CAAC;EAClB,CAAC,EAAE,CAACA,IAAI,EAAEQ,OAAO,CAAC,CAAC;EAEnB,OAAO,IAAAS,cAAO,EACV,OAAO;IACHjB,IAAI;IACJQ,OAAO;IACPO,UAAU;IACVG,SAAS,EAAER,WAAW,CAACQ,SAAS;IAChCC,eAAe,EAAET,WAAW,CAACS,eAAe;IAC5CC,QAAQ,EAAEV,WAAW,CAACU,QAAQ;IAC9BN;EACJ,CAAC,CAAC,EACF,CACId,IAAI,EACJQ,OAAO,EACPO,UAAU,EACVL,WAAW,CAACQ,SAAS,EACrBR,WAAW,CAACS,eAAe,EAC3BT,WAAW,CAACU,QAAQ,EACpBN,cAAc,CAEtB,CAAC;AACL","ignoreList":[]}

package/lib/commonjs/components/shared/group.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getGroupPosition = getGroupPosition;
 exports.getGroupedBorderRadius = getGroupedBorderRadius;
 exports.getGroupedBorderWidths = getGroupedBorderWidths;
 /**
@@ -70,4 +71,26 @@ function getGroupedBorderWidths(position) {
     borderRightWidth: 0
   };
 }
+
+/**
+ * A member's position from its index — what a group container injects into
+ * each child. Reimplements web's `Primitives/Group/utils.ts
+ * getGroupPosition`, horizontal-only (native groups have no vertical
+ * orientation yet); web does not export it from `/node`.
+ *
+ * A single member gets `undefined` so it keeps its full, ungrouped radius.
+ *
+ * ```
+ * getGroupPosition(0, 1) -> undefined
+ * getGroupPosition(0, 3) -> 'left'
+ * getGroupPosition(1, 3) -> 'center'
+ * getGroupPosition(2, 3) -> 'right'
+ * ```
+ */
+function getGroupPosition(index, totalCount) {
+  if (totalCount <= 1) return undefined;
+  if (index === 0) return 'left';
+  if (index === totalCount - 1) return 'right';
+  return 'center';
+}
 //# sourceMappingURL=group.js.map

package/lib/commonjs/components/shared/group.js.map

@@ -1 +1 @@
-{"version":3,"names":["ALL_SQUARE","getGroupedBorderRadius","radius","position","value","String","undefined","getGroupedBorderWidths","borderLeftWidth","borderRightWidth"],"sourceRoot":"../../../../src","sources":["components/shared/group.ts"],"mappings":";;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;AACA,MAAMA,UAAU,GAAG,iBAAiB;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,sBAAsBA,CAClCC,MAAuB,EACvBC,QAAmC,EAC7B;EACN,MAAMC,KAAK,GAAGC,MAAM,CAACH,MAAM,CAAC;EAE5B,IAAIC,QAAQ,KAAKG,SAAS,EAAE,OAAOF,KAAK;EACxC,IAAID,QAAQ,KAAK,MAAM,EAAE,OAAO,GAAGC,KAAK,QAAQA,KAAK,EAAE;EACvD,IAAID,QAAQ,KAAK,OAAO,EAAE,OAAO,KAAKC,KAAK,IAAIA,KAAK,IAAI;EAExD,OAAOJ,UAAU;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASO,sBAAsBA,CAClCJ,QAAmC,EACoB;EACvD,IAAIA,QAAQ,KAAK,QAAQ,EAAE,OAAO,CAAC,CAAC;EACpC,OAAO;IAAEK,eAAe,EAAE,CAAC;IAAEC,gBAAgB,EAAE;EAAE,CAAC;AACtD","ignoreList":[]}
+{"version":3,"names":["ALL_SQUARE","getGroupedBorderRadius","radius","position","value","String","undefined","getGroupedBorderWidths","borderLeftWidth","borderRightWidth","getGroupPosition","index","totalCount"],"sourceRoot":"../../../../src","sources":["components/shared/group.ts"],"mappings":";;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;AACA,MAAMA,UAAU,GAAG,iBAAiB;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,sBAAsBA,CAClCC,MAAuB,EACvBC,QAAmC,EAC7B;EACN,MAAMC,KAAK,GAAGC,MAAM,CAACH,MAAM,CAAC;EAE5B,IAAIC,QAAQ,KAAKG,SAAS,EAAE,OAAOF,KAAK;EACxC,IAAID,QAAQ,KAAK,MAAM,EAAE,OAAO,GAAGC,KAAK,QAAQA,KAAK,EAAE;EACvD,IAAID,QAAQ,KAAK,OAAO,EAAE,OAAO,KAAKC,KAAK,IAAIA,KAAK,IAAI;EAExD,OAAOJ,UAAU;AACrB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASO,sBAAsBA,CAClCJ,QAAmC,EACoB;EACvD,IAAIA,QAAQ,KAAK,QAAQ,EAAE,OAAO,CAAC,CAAC;EACpC,OAAO;IAAEK,eAAe,EAAE,CAAC;IAAEC,gBAAgB,EAAE;EAAE,CAAC;AACtD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,gBAAgBA,CAC5BC,KAAa,EACbC,UAAkB,EACO;EACzB,IAAIA,UAAU,IAAI,CAAC,EAAE,OAAON,SAAS;EACrC,IAAIK,KAAK,KAAK,CAAC,EAAE,OAAO,MAAM;EAC9B,IAAIA,KAAK,KAAKC,UAAU,GAAG,CAAC,EAAE,OAAO,OAAO;EAC5C,OAAO,QAAQ;AACnB","ignoreList":[]}

package/lib/commonjs/components/shared/select/SelectOptionList.js

@@ -0,0 +1,200 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectOptionList = SelectOptionList;
+exports.default = void 0;
+exports.flattenSelectGroups = flattenSelectGroups;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _lucideReactNative = require("lucide-react-native");
+var _cssStringAdapter = require("../../../adapters/cssStringAdapter.js");
+var _Text = _interopRequireDefault(require("../../../primitives/Text.js"));
+var _Slot = _interopRequireDefault(require("../../../primitives/Slot.js"));
+var _Separator = _interopRequireDefault(require("../../../primitives/Separator.js"));
+var _index = require("../../SearchInput/index.js");
+var _SheetScrollable = require("../../../overlay/sheet/SheetScrollable.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * The option-list core both Selects share on both presentations: optional
+ * search pinned above one FlatList over flattened group rows. The list IS
+ * a FlatList (inherently windowed), which is the whole native
+ * virtualization policy. `renderIndicator` lets MultiSelect swap the
+ * default selected-checkmark for its Checkbox; `listHeader` covers the
+ * select-all row injection.
+ */
+
+/**
+ * Structural slice of the option-list token tree — both select token
+ * types satisfy it (MultiSelect's `menu.item` differs only in extras).
+ */
+
+function flattenSelectGroups(groups) {
+  const rows = [];
+  groups.forEach((group, groupIndex) => {
+    if (group.groupLabel) {
+      rows.push({
+        type: 'label',
+        id: `label-${groupIndex}`,
+        label: group.groupLabel
+      });
+    }
+    group.items.forEach((option, index) => {
+      rows.push({
+        type: 'option',
+        id: `option-${groupIndex}-${index}-${option.value}`,
+        option
+      });
+    });
+    if (groupIndex < groups.length - 1 && group.showSeparator) {
+      rows.push({
+        type: 'separator',
+        id: `separator-${groupIndex}`
+      });
+    }
+  });
+  return rows;
+}
+function SelectOptionList({
+  groups,
+  selectedValues,
+  onOptionPress,
+  search,
+  isSelected,
+  keepOpenOnPress = false,
+  allowCustomValue = false,
+  customValueLabel,
+  tokens,
+  listHeader,
+  listFooter,
+  showItemDividers = false,
+  renderIndicator,
+  testID
+}) {
+  const [searchText, setSearchText] = (0, _react.useState)('');
+  const filteredGroups = (0, _react.useMemo)(() => {
+    if (!searchText) return groups;
+    const lower = searchText.toLowerCase();
+    return groups.map(group => ({
+      ...group,
+      items: group.items.filter(option => option.label.toLowerCase().includes(lower))
+    })).filter(group => group.items.length > 0);
+  }, [groups, searchText]);
+  const rows = (0, _react.useMemo)(() => {
+    const flattened = flattenSelectGroups(filteredGroups);
+    const hasExact = filteredGroups.some(group => group.items.some(option => option.label.toLowerCase() === searchText.toLowerCase()));
+    if (allowCustomValue && searchText && !hasExact) {
+      flattened.push({
+        type: 'option',
+        id: `custom-${searchText}`,
+        option: {
+          label: `${customValueLabel ?? 'Use'} "${searchText}"`,
+          value: searchText
+        }
+      });
+    }
+    return flattened;
+  }, [filteredGroups, allowCustomValue, customValueLabel, searchText]);
+  const item = tokens.menu.item;
+  const selectedSet = (0, _react.useMemo)(() => new Set(selectedValues), [selectedValues]);
+  const checkSelected = isSelected ?? (value => selectedSet.has(value));
+  const renderRow = ({
+    item: row,
+    index
+  }) => {
+    if (row.type === 'label') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        color: String(tokens.menu.groupLabel?.color ?? '#99A0AE'),
+        fontSize: tokens.menu.groupLabel?.fontSize ?? 12,
+        style: {
+          paddingHorizontal: 8,
+          paddingVertical: 6
+        },
+        children: row.label
+      });
+    }
+    if (row.type === 'separator') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Separator.default, {
+        orientation: "horizontal",
+        style: {
+          alignSelf: 'stretch',
+          marginVertical: 4
+        }
+      });
+    }
+    const option = row.option;
+    const selected = checkSelected(option.value);
+    const state = option.disabled ? 'disabled' : selected ? 'selected' : 'default';
+    const optionColor = String(item.option?.color?.[state] ?? '#525866');
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      onPress: () => onOptionPress(option.value, option),
+      disabled: option.disabled,
+      accessibilityRole: "menuitem",
+      accessibilityState: {
+        disabled: option.disabled,
+        selected
+      },
+      accessibilityLabel: option.label,
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: (0, _cssStringAdapter.parseDimension)(item.gap) ?? 8,
+        backgroundColor: String(item.backgroundColor?.[state] ?? 'transparent'),
+        borderRadius: (0, _cssStringAdapter.parseDimension)(item.borderRadius) ?? 4,
+        paddingTop: (0, _cssStringAdapter.parseDimension)(item.paddingTop),
+        paddingBottom: (0, _cssStringAdapter.parseDimension)(item.paddingBottom),
+        paddingLeft: (0, _cssStringAdapter.parseDimension)(item.paddingLeft),
+        paddingRight: (0, _cssStringAdapter.parseDimension)(item.paddingRight),
+        borderBottomWidth: showItemDividers && index < rows.length - 1 ? 1 : 0,
+        borderBottomColor: String(item.separator?.color ?? '#E1E4EA')
+      },
+      testID: testID ? `${testID}-option-${index}` : undefined,
+      children: [option.slot1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slot.default, {
+        maxHeight: 16,
+        color: optionColor,
+        children: option.slot1
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flex: 1
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+          color: optionColor,
+          fontSize: item.option?.fontSize,
+          fontWeight: item.option?.fontWeight,
+          numberOfLines: 1,
+          children: option.label
+        }), option.subLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+          color: String(item.description?.color?.[state] ?? '#99A0AE'),
+          fontSize: item.description?.fontSize ?? 12,
+          numberOfLines: 1,
+          children: option.subLabel
+        }) : null]
+      }), renderIndicator ? renderIndicator(selected, option) : selected ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Check, {
+        size: 16,
+        color: optionColor
+      }) : null]
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [listHeader, search?.show ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.SearchInput, {
+      value: searchText,
+      onChangeText: setSearchText,
+      placeholder: search.placeholder,
+      testID: testID ? `${testID}-search` : undefined
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_SheetScrollable.BottomSheetScrollable, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+        data: rows,
+        keyExtractor: row => row.id,
+        renderItem: renderRow,
+        keyboardShouldPersistTaps: "handled",
+        accessibilityRole: "menu",
+        extraData: [selectedValues, keepOpenOnPress],
+        testID: testID ? `${testID}-list` : undefined
+      })
+    }), listFooter]
+  });
+}
+var _default = exports.default = SelectOptionList;
+//# sourceMappingURL=SelectOptionList.js.map

package/lib/commonjs/components/shared/select/SelectOptionList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_lucideReactNative","_cssStringAdapter","_Text","_interopRequireDefault","_Slot","_Separator","_index","_SheetScrollable","_jsxRuntime","e","__esModule","default","flattenSelectGroups","groups","rows","forEach","group","groupIndex","groupLabel","push","type","id","label","items","option","index","value","length","showSeparator","SelectOptionList","selectedValues","onOptionPress","search","isSelected","keepOpenOnPress","allowCustomValue","customValueLabel","tokens","listHeader","listFooter","showItemDividers","renderIndicator","testID","searchText","setSearchText","useState","filteredGroups","useMemo","lower","toLowerCase","map","filter","includes","flattened","hasExact","some","item","menu","selectedSet","Set","checkSelected","has","renderRow","row","jsx","color","String","fontSize","style","paddingHorizontal","paddingVertical","children","orientation","alignSelf","marginVertical","selected","state","disabled","optionColor","jsxs","Pressable","onPress","accessibilityRole","accessibilityState","accessibilityLabel","flexDirection","alignItems","gap","parseDimension","backgroundColor","borderRadius","paddingTop","paddingBottom","paddingLeft","paddingRight","borderBottomWidth","borderBottomColor","separator","undefined","slot1","maxHeight","View","flex","fontWeight","numberOfLines","subLabel","description","Check","size","show","SearchInput","onChangeText","placeholder","BottomSheetScrollable","FlatList","data","keyExtractor","renderItem","keyboardShouldPersistTaps","extraData","_default","exports"],"sourceRoot":"../../../../../src","sources":["components/shared/select/SelectOptionList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/shared/select/SelectTrigger.js

@@ -0,0 +1,155 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectTrigger = SelectTrigger;
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _lucideReactNative = require("lucide-react-native");
+var _node = require("@juspay/blend-design-system/node");
+var _cssStringAdapter = require("../../../adapters/cssStringAdapter.js");
+var _Text = _interopRequireDefault(require("../../../primitives/Text.js"));
+var _Slot = _interopRequireDefault(require("../../../primitives/Slot.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * The field-shaped trigger both Selects share: label row above, the
+ * token-styled pressable surface (slot + value/placeholder + chevron),
+ * hint/error row below.
+ *
+ * Deliberately NOT built on the input field chrome (`FieldLabels`/
+ * `FieldFooter`): the select token trees carry their own label/hintText/
+ * errorMessage subtrees with a different shape, and reusing the input
+ * chrome would silently restyle selects from the wrong slot.
+ *
+ * Web's `outline` trigger-border tokens carry an ` !important` suffix —
+ * a CSS-specificity artifact with no RN meaning — stripped before
+ * `parseBorder`.
+ */
+
+/**
+ * Structural slice of the trigger-relevant token tree — both
+ * `SingleSelectV2TokensType` and `MultiSelectV2TokensType` satisfy it, so
+ * the one trigger serves both selects without a union of the full types.
+ */
+
+function triggerState(open, error) {
+  if (error) return 'error';
+  return open ? 'open' : 'closed';
+}
+function SelectTrigger({
+  label,
+  subLabel,
+  hintText,
+  errorMessage,
+  required = false,
+  error = false,
+  disabled = false,
+  open,
+  placeholder,
+  valueText,
+  slot,
+  customTrigger,
+  size = _node.SelectV2Size.MD,
+  variant = _node.SelectV2Variant.CONTAINER,
+  onPress,
+  tokens,
+  testID
+}) {
+  const trigger = tokens.trigger;
+  const state = triggerState(open, error);
+  const labelState = disabled ? 'disabled' : 'default';
+  const outline = String(trigger.outline?.[variant]?.[state] ?? 'none'
+  // Linear-time strip (a leading \s* here is a polynomial-ReDoS
+  // pattern per CodeQL, even on trusted token strings).
+  ).replace(/!important\s*$/, '').trimEnd();
+  const backgroundColor = String(trigger.backgroundColor?.[variant]?.[state] ?? 'transparent');
+  const surface = customTrigger ?? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    onPress: onPress,
+    disabled: disabled,
+    accessibilityRole: "button",
+    accessibilityState: {
+      disabled,
+      expanded: open
+    },
+    accessibilityLabel: label ?? placeholder,
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: (0, _cssStringAdapter.parseDimension)(trigger.slot?.gap) ?? 8,
+      height: (0, _cssStringAdapter.parseDimension)(trigger.height?.[size]?.[variant]),
+      borderRadius: (0, _cssStringAdapter.parseDimension)(trigger.borderRadius?.[size]?.[variant]) ?? 10,
+      backgroundColor,
+      ...(outline !== 'none' ? (0, _cssStringAdapter.parseBorder)(outline) : null),
+      paddingTop: (0, _cssStringAdapter.parseDimension)(trigger.padding?.[size]?.[variant]?.top),
+      paddingBottom: (0, _cssStringAdapter.parseDimension)(trigger.padding?.[size]?.[variant]?.bottom),
+      paddingLeft: (0, _cssStringAdapter.parseDimension)(trigger.padding?.[size]?.[variant]?.left),
+      paddingRight: (0, _cssStringAdapter.parseDimension)(trigger.padding?.[size]?.[variant]?.right),
+      opacity: disabled ? 0.5 : 1
+    },
+    testID: testID ? `${testID}-trigger` : undefined,
+    children: [slot ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slot.default, {
+      maxHeight: (0, _cssStringAdapter.parseDimension)(trigger.slot?.width) ?? 20,
+      color: String(trigger.placeholder?.color ?? '#99A0AE'),
+      children: slot
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flex: 1
+      },
+      children: valueText ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        color: String(trigger.placeholder?.color ?? '#99A0AE'),
+        fontSize: trigger.placeholder?.fontSize,
+        numberOfLines: 1,
+        children: placeholder
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.ChevronDown, {
+      size: 16,
+      color: String(trigger.placeholder?.color ?? '#99A0AE')
+    })]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      gap: (0, _cssStringAdapter.parseDimension)(tokens.gap) ?? 8,
+      // A field fills its container like the web trigger does,
+      // even under a centering parent.
+      alignSelf: 'stretch'
+    },
+    testID: testID,
+    children: [label ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 4
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        color: String(tokens.label?.color?.[labelState] ?? '#2B303B'),
+        fontSize: tokens.label?.fontSize,
+        fontWeight: tokens.label?.fontWeight,
+        children: label
+      }), required ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        color: String(tokens.required?.color ?? '#E7000B'),
+        fontSize: tokens.label?.fontSize,
+        "aria-hidden": true,
+        children: "*"
+      }) : null, subLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        color: String(tokens.subLabel?.color?.[labelState] ?? '#717784'),
+        fontSize: tokens.subLabel?.fontSize,
+        children: subLabel
+      }) : null]
+    }) : null, surface, error && errorMessage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+      color: String(tokens.errorMessage?.color ?? '#E7000B'),
+      fontSize: tokens.errorMessage?.fontSize,
+      accessibilityLiveRegion: "polite",
+      testID: testID ? `${testID}-error` : undefined,
+      children: errorMessage
+    }) : hintText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+      color: String(tokens.hintText?.color?.[labelState] ?? '#717784'),
+      fontSize: tokens.hintText?.fontSize,
+      testID: testID ? `${testID}-hint` : undefined,
+      children: hintText
+    }) : null]
+  });
+}
+var _default = exports.default = SelectTrigger;
+//# sourceMappingURL=SelectTrigger.js.map

package/lib/commonjs/components/shared/select/SelectTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_lucideReactNative","_node","_cssStringAdapter","_Text","_interopRequireDefault","_Slot","_jsxRuntime","e","__esModule","default","triggerState","open","error","SelectTrigger","label","subLabel","hintText","errorMessage","required","disabled","placeholder","valueText","slot","customTrigger","size","SelectV2Size","MD","variant","SelectV2Variant","CONTAINER","onPress","tokens","testID","trigger","state","labelState","outline","String","replace","trimEnd","backgroundColor","surface","jsxs","Pressable","accessibilityRole","accessibilityState","expanded","accessibilityLabel","style","flexDirection","alignItems","gap","parseDimension","height","borderRadius","parseBorder","paddingTop","padding","top","paddingBottom","bottom","paddingLeft","left","paddingRight","right","opacity","undefined","children","jsx","maxHeight","width","color","View","flex","fontSize","numberOfLines","ChevronDown","alignSelf","fontWeight","accessibilityLiveRegion","_default","exports"],"sourceRoot":"../../../../../src","sources":["components/shared/select/SelectTrigger.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/shared/selector/SelectorContent.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectorContent = SelectorContent;
+var _reactNative = require("react-native");
+var _Text = _interopRequireDefault(require("../../../primitives/Text.js"));
+var _cssStringAdapter = require("../../../adapters/cssStringAdapter.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Label / subLabel / required-marker column shared by Checkbox, Radio and
+ * Switch — the native counterpart of web's `SelectorsLabel`/`SelectorsSubLabel`.
+ * Internal; the whole control row (including this content) is one Pressable,
+ * so tapping the label toggles the control (web's label-click parity).
+ *
+ * Typed structurally against the `content` subtree the three selector token
+ * types share, so no one component's token type is privileged.
+ */
+
+function SelectorContent({
+  label,
+  subLabel,
+  required = false,
+  size,
+  state,
+  tokens,
+  testID
+}) {
+  if (!label && !subLabel) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      flexShrink: 1,
+      gap: (0, _cssStringAdapter.parseDimension)(tokens.gap) ?? 0
+    },
+    testID: testID,
+    children: [label ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: (0, _cssStringAdapter.parseDimension)(tokens.label.gap) ?? 4
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        fontSize: tokens.label.fontSize[size],
+        fontWeight: tokens.label.fontWeight[size],
+        lineHeight: tokens.label.lineHeight[size],
+        color: String(tokens.label.color[state]),
+        style: {
+          flexShrink: 1
+        },
+        children: label
+      }), required &&
+      /*#__PURE__*/
+      // Visual-only: "required" reaches assistive tech
+      // through the control's accessibility props.
+      (0, _jsxRuntime.jsx)(_Text.default, {
+        color: String(tokens.required.color),
+        accessible: false,
+        importantForAccessibility: "no-hide-descendants",
+        children: "*"
+      })]
+    }) : null, subLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+      fontSize: tokens.subLabel.fontSize[size],
+      fontWeight: tokens.subLabel.fontWeight[size],
+      lineHeight: tokens.subLabel.lineHeight[size],
+      color: String(tokens.subLabel.color[state]),
+      style: {
+        flexShrink: 1
+      },
+      children: subLabel
+    }) : null]
+  });
+}
+SelectorContent.displayName = 'SelectorContent';
+//# sourceMappingURL=SelectorContent.js.map

package/lib/commonjs/components/shared/selector/SelectorContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Text","_interopRequireDefault","_cssStringAdapter","_jsxRuntime","e","__esModule","default","SelectorContent","label","subLabel","required","size","state","tokens","testID","jsxs","View","style","flexShrink","gap","parseDimension","children","flexDirection","alignItems","jsx","fontSize","fontWeight","lineHeight","color","String","accessible","importantForAccessibility","displayName"],"sourceRoot":"../../../../../src","sources":["components/shared/selector/SelectorContent.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAmE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA8BO,SAASG,eAAeA,CAAC;EAC5BC,KAAK;EACLC,QAAQ;EACRC,QAAQ,GAAG,KAAK;EAChBC,IAAI;EACJC,KAAK;EACLC,MAAM;EACNC;AACkB,CAAC,EAAE;EACrB,IAAI,CAACN,KAAK,IAAI,CAACC,QAAQ,EAAE,OAAO,IAAI;EAEpC,oBACI,IAAAN,WAAA,CAAAY,IAAA,EAACjB,YAAA,CAAAkB,IAAI;IACDC,KAAK,EAAE;MACHC,UAAU,EAAE,CAAC;MACbC,GAAG,EAAE,IAAAC,gCAAc,EAACP,MAAM,CAACM,GAAsB,CAAC,IAAI;IAC1D,CAAE;IACFL,MAAM,EAAEA,MAAO;IAAAO,QAAA,GAEdb,KAAK,gBACF,IAAAL,WAAA,CAAAY,IAAA,EAACjB,YAAA,CAAAkB,IAAI;MACDC,KAAK,EAAE;QACHK,aAAa,EAAE,KAAK;QACpBC,UAAU,EAAE,QAAQ;QACpBJ,GAAG,EACC,IAAAC,gCAAc,EACVP,MAAM,CAACL,KAAK,CAACW,GACjB,CAAC,IAAI;MACb,CAAE;MAAAE,QAAA,gBAEF,IAAAlB,WAAA,CAAAqB,GAAA,EAACxB,KAAA,CAAAM,OAAI;QACDmB,QAAQ,EACJZ,MAAM,CAACL,KAAK,CAACiB,QAAQ,CAACd,IAAI,CAC7B;QACDe,UAAU,EACNb,MAAM,CAACL,KAAK,CAACkB,UAAU,CAACf,IAAI,CAC/B;QACDgB,UAAU,EACNd,MAAM,CAACL,KAAK,CAACmB,UAAU,CAAChB,IAAI,CAC/B;QACDiB,KAAK,EAAEC,MAAM,CAAChB,MAAM,CAACL,KAAK,CAACoB,KAAK,CAAChB,KAAK,CAAC,CAAE;QACzCK,KAAK,EAAE;UAAEC,UAAU,EAAE;QAAE,CAAE;QAAAG,QAAA,EAExBb;MAAK,CACJ,CAAC,EACNE,QAAQ;MAAA;MACL;MACA;MACA,IAAAP,WAAA,CAAAqB,GAAA,EAACxB,KAAA,CAAAM,OAAI;QACDsB,KAAK,EAAEC,MAAM,CAAChB,MAAM,CAACH,QAAQ,CAACkB,KAAK,CAAE;QACrCE,UAAU,EAAE,KAAM;QAClBC,yBAAyB,EAAC,qBAAqB;QAAAV,QAAA,EAClD;MAED,CAAM,CACT;IAAA,CACC,CAAC,GACP,IAAI,EACPZ,QAAQ,gBACL,IAAAN,WAAA,CAAAqB,GAAA,EAACxB,KAAA,CAAAM,OAAI;MACDmB,QAAQ,EAAEZ,MAAM,CAACJ,QAAQ,CAACgB,QAAQ,CAACd,IAAI,CAAqB;MAC5De,UAAU,EACNb,MAAM,CAACJ,QAAQ,CAACiB,UAAU,CAACf,IAAI,CAClC;MACDgB,UAAU,EACNd,MAAM,CAACJ,QAAQ,CAACkB,UAAU,CAAChB,IAAI,CAClC;MACDiB,KAAK,EAAEC,MAAM,CAAChB,MAAM,CAACJ,QAAQ,CAACmB,KAAK,CAAChB,KAAK,CAAC,CAAE;MAC5CK,KAAK,EAAE;QAAEC,UAAU,EAAE;MAAE,CAAE;MAAAG,QAAA,EAExBZ;IAAQ,CACP,CAAC,GACP,IAAI;EAAA,CACN,CAAC;AAEf;AAEAF,eAAe,CAACyB,WAAW,GAAG,iBAAiB","ignoreList":[]}