@veracity/vui 2.21.0 → 2.21.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAoB,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAQ9D;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CA2GxC;yBA3Ge,MAAM;;;;;;;;;;AAmHtB,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAoB,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAQ9D;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CA4GxC;yBA5Ge,MAAM;;;;;;;;;;AAoHtB,eAAe,MAAM,CAAA"}
@@ -37,7 +37,7 @@ const useSelect_1 = __importDefault(require("./useSelect"));
37
37
  */
38
38
  function Select(props) {
39
39
  var _a;
40
- const { children, defaultValue, disabled, errorText, helpText, id: idProp, isInvalid, isMultiple, label, labelMarkOptional, labelTooltipText, maxHeight, name, onChange, options, placeholder = 'Please select', readOnly, selectButton, selectButtonProps, showOptionsFilter, size = 'lg', value, variant } = props, rest = __rest(props, ["children", "defaultValue", "disabled", "errorText", "helpText", "id", "isInvalid", "isMultiple", "label", "labelMarkOptional", "labelTooltipText", "maxHeight", "name", "onChange", "options", "placeholder", "readOnly", "selectButton", "selectButtonProps", "showOptionsFilter", "size", "value", "variant"]);
40
+ const { children, defaultValue, disabled, errorText, closeOnScroll, helpText, id: idProp, isInvalid, isMultiple, label, labelMarkOptional, labelTooltipText, maxHeight, name, onChange, options, placeholder = 'Please select', readOnly, selectButton, selectButtonProps, showOptionsFilter, size = 'lg', value, variant } = props, rest = __rest(props, ["children", "defaultValue", "disabled", "errorText", "closeOnScroll", "helpText", "id", "isInvalid", "isMultiple", "label", "labelMarkOptional", "labelTooltipText", "maxHeight", "name", "onChange", "options", "placeholder", "readOnly", "selectButton", "selectButtonProps", "showOptionsFilter", "size", "value", "variant"]);
41
41
  const selectProps = (0, useSelect_1.default)({ defaultValue, isMultiple, onChange, value, options, children });
42
42
  if (utils_1.__DEV__ && isMultiple && !Array.isArray(selectProps.value)) {
43
43
  console.error('<Select /> is used with isMultiple but its value is not an array: ', value);
@@ -55,15 +55,12 @@ function Select(props) {
55
55
  readOnly,
56
56
  size,
57
57
  variant }, selectProps);
58
- const onQueryChange = (e) => {
59
- var _a;
60
- setQuery((_a = e.target.value) === null || _a === void 0 ? void 0 : _a.toLowerCase());
61
- };
58
+ const onQueryChange = (e) => { var _a; return setQuery((_a = e.target.value) === null || _a === void 0 ? void 0 : _a.toLowerCase()); };
62
59
  const filterOptions = (i) => { var _a, _b; return !showOptionsFilter || !(query === null || query === void 0 ? void 0 : query.length) ? true : (_b = (_a = i === null || i === void 0 ? void 0 : i.text) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes(query); };
63
60
  (0, react_1.useEffect)(() => {
64
61
  setFilteredOptions(options === null || options === void 0 ? void 0 : options.filter(filterOptions));
65
62
  }, [query, options]);
66
- return ((0, jsx_runtime_1.jsxs)(context_1.SelectProvider, { value: context, children: [label && ((0, jsx_runtime_1.jsx)(selectLabel_1.default, { disabled: disabled, id: id, label: label, labelMarkOptional: labelMarkOptional, labelTooltipText: labelTooltipText })), (0, jsx_runtime_1.jsx)(popover_1.Popover, Object.assign({ matchWidth: true }, rest, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [selectButton !== null && selectButton !== void 0 ? selectButton : (0, jsx_runtime_1.jsx)(selectButton_1.default, Object.assign({}, selectButtonProps)), (0, jsx_runtime_1.jsxs)(selectContent_1.default, { children: [showOptionsFilter && ((0, jsx_runtime_1.jsx)(box_1.Box, { mr: 2, children: (0, jsx_runtime_1.jsx)(input_1.Input, { iconLeft: "falSearch", id: id, m: 1, mt: 0, onChange: onQueryChange, placeholder: "Filter\u2026", size: size, value: query }) })), (0, jsx_runtime_1.jsx)(selectGroup_1.default, { maxH: maxHeight, tabIndex: 1000, children: children !== null && children !== void 0 ? children : (_a = filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.map) === null || _a === void 0 ? void 0 : _a.call(filteredOptions, option => (0, jsx_runtime_1.jsx)(selectOption_1.default, Object.assign({ title: option.text }, option), option.value)) })] })] }) })), !!helpText && (0, jsx_runtime_1.jsx)(helpText_1.default, { size: consts_1.helpTextSize[size], children: helpText }), !!errorText && ((0, jsx_runtime_1.jsx)(helpText_1.default, { isError: true, size: consts_1.helpTextSize[size], children: errorText }))] }));
63
+ return ((0, jsx_runtime_1.jsxs)(context_1.SelectProvider, { value: context, children: [label && ((0, jsx_runtime_1.jsx)(selectLabel_1.default, { disabled: disabled, id: id, label: label, labelMarkOptional: labelMarkOptional, labelTooltipText: labelTooltipText })), (0, jsx_runtime_1.jsx)(popover_1.Popover, Object.assign({ matchWidth: true }, rest, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [selectButton !== null && selectButton !== void 0 ? selectButton : (0, jsx_runtime_1.jsx)(selectButton_1.default, Object.assign({}, selectButtonProps)), (0, jsx_runtime_1.jsxs)(selectContent_1.default, { children: [showOptionsFilter && ((0, jsx_runtime_1.jsx)(box_1.Box, { mr: 2, children: (0, jsx_runtime_1.jsx)(input_1.Input, { iconLeft: "falSearch", id: id, m: 1, mt: 0, onChange: onQueryChange, placeholder: "Filter\u2026", size: size, value: query }) })), (0, jsx_runtime_1.jsx)(selectGroup_1.default, { maxH: maxHeight, tabIndex: 1000, children: children !== null && children !== void 0 ? children : (_a = filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.map) === null || _a === void 0 ? void 0 : _a.call(filteredOptions, option => ((0, jsx_runtime_1.jsx)(selectOption_1.default, Object.assign({ closeOnScroll: closeOnScroll, title: option.text }, option), option.value))) })] })] }) })), !!helpText && (0, jsx_runtime_1.jsx)(helpText_1.default, { size: consts_1.helpTextSize[size], children: helpText }), !!errorText && ((0, jsx_runtime_1.jsx)(helpText_1.default, { isError: true, size: consts_1.helpTextSize[size], children: errorText }))] }));
67
64
  }
68
65
  exports.Select = Select;
69
66
  Select.Button = selectButton_1.default;
@@ -1 +1 @@
1
- {"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAkD;AAElD,gCAA4B;AAE5B,oCAAgC;AAChC,4CAA8C;AAC9C,iEAAwC;AACxC,wCAAoC;AACpC,oCAAkC;AAClC,uCAA4D;AAE5D,kEAAyC;AACzC,oEAA2C;AAC3C,gEAAuC;AACvC,gEAAuC;AACvC,kEAAyC;AACzC,4DAAmC;AAEnC;;;;GAIG;AACH,SAAgB,MAAM,CAAC,KAAkB;;IACvC,MAAM,EACJ,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,SAAS,EACT,UAAU,EACV,KAAK,EACL,iBAAiB,EACjB,gBAAgB,EAChB,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,GAAG,eAAe,EAC7B,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,IAAI,GAAG,IAAI,EACX,KAAK,EACL,OAAO,KAEL,KAAK,EADJ,IAAI,UACL,KAAK,EA1BH,kUA0BL,CAAQ,CAAA;IAET,MAAM,WAAW,GAAG,IAAA,mBAAS,EAAC,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAA;IAE/F,IAAI,eAAO,IAAI,UAAU,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;QAC/D,OAAO,CAAC,KAAK,CAAC,oEAAoE,EAAE,KAAK,CAAC,CAAA;IAC5F,CAAC;IAED,MAAM,WAAW,GAAG,IAAA,aAAK,GAAE,CAAA;IAC3B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAA;IAC9C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAA;IAE/D,MAAM,EAAE,GAAG,MAAM,IAAI,WAAW,CAAA;IAEhC,MAAM,OAAO,mBACX,QAAQ;QACR,SAAS;QACT,UAAU;QACV,IAAI;QACJ,OAAO;QACP,WAAW;QACX,QAAQ;QACR,IAAI;QACJ,OAAO,IACJ,WAAW,CACf,CAAA;IACD,MAAM,aAAa,GAAG,CAAC,CAAM,EAAE,EAAE,WAAC,OAAA,QAAQ,CAAC,MAAA,CAAC,CAAC,MAAM,CAAC,KAAK,0CAAE,WAAW,EAAE,CAAC,CAAA,EAAA,CAAA;IAEzE,MAAM,aAAa,GAAG,CAAC,CAAmB,EAAE,EAAE,eAC5C,OAAA,CAAC,iBAAiB,IAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAA,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAA,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,0CAAE,WAAW,EAAE,0CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA,EAAA,CAAA;IAEvF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,kBAAkB,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,aAAa,CAAC,CAAC,CAAA;IACpD,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAA;IAEpB,OAAO,CACL,wBAAC,wBAAc,IAAC,KAAK,EAAE,OAAO,aAC3B,KAAK,IAAI,CACR,uBAAC,qBAAW,IACV,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,GAClC,CACH,EACD,uBAAC,iBAAO,kBAAC,UAAU,UAAK,IAAI,cAC1B,6DACG,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,uBAAC,sBAAY,oBAAK,iBAAiB,EAAI,EACxD,wBAAC,uBAAa,eACX,iBAAiB,IAAI,CACpB,uBAAC,SAAG,IAAC,EAAE,EAAE,CAAC,YACR,uBAAC,aAAK,IACJ,QAAQ,EAAC,WAAW,EACpB,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,CAAC,EACJ,EAAE,EAAE,CAAC,EACL,QAAQ,EAAE,aAAa,EACvB,WAAW,EAAC,cAAS,EACrB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,GACZ,GACE,CACP,EACD,uBAAC,qBAAW,IAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,YACzC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GACP,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,GAAG,gEAAG,MAAM,CAAC,EAAE,CAAC,CAC/B,uBAAC,sBAAY,kBAAC,aAAa,EAAE,aAAa,EAAqB,KAAK,EAAE,MAAM,CAAC,IAAI,IAAM,MAAM,GAA5C,MAAM,CAAC,KAAK,CAAoC,CAClG,CAAC,GACQ,IACA,IACf,IACK,EACT,CAAC,CAAC,QAAQ,IAAI,uBAAC,kBAAQ,IAAC,IAAI,EAAE,qBAAY,CAAC,IAAI,CAAC,YAAG,QAAQ,GAAY,EACvE,CAAC,CAAC,SAAS,IAAI,CACd,uBAAC,kBAAQ,IAAC,OAAO,QAAC,IAAI,EAAE,qBAAY,CAAC,IAAI,CAAC,YACvC,SAAS,GACD,CACZ,IACc,CAClB,CAAA;AACH,CAAC;AA5GD,wBA4GC;AAED,MAAM,CAAC,MAAM,GAAG,sBAAY,CAAA;AAC5B,MAAM,CAAC,OAAO,GAAG,uBAAa,CAAA;AAC9B,MAAM,CAAC,KAAK,GAAG,qBAAW,CAAA;AAC1B,MAAM,CAAC,MAAM,GAAG,sBAAY,CAAA;AAC5B,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,kBAAe,MAAM,CAAA"}
@@ -12,6 +12,8 @@ export type SelectGroupProps = ListProps;
12
12
  export type SelectProps = ThemingProps<'Select'> & PopoverProps & UseSelectProps & {
13
13
  /** Select cannot be opened and is styled accordingly. */
14
14
  disabled?: boolean;
15
+ /** Hiding the options list on scroll event. Recommended for scrollable containers. */
16
+ closeOnScroll?: boolean;
15
17
  /** Socket displaying error text below an input. */
16
18
  errorText?: string | React.ReactNode;
17
19
  /** Socket displaying help text below an input. */
@@ -50,6 +52,8 @@ export type SelectOptionData = {
50
52
  value: SelectValue;
51
53
  };
52
54
  export type SelectOptionProps = ListItemProps & {
55
+ /** Hiding the options list on scroll event. */
56
+ closeOnScroll?: boolean;
53
57
  /** Currently selected value. Can be a string/number or array of those when using 'isMultiple'. */
54
58
  value?: SelectValue;
55
59
  /** Hover title text. */
@@ -1 +1 @@
1
- {"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../src/select/select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAA;AAE3C,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAA;AAEpD,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,WAAW,EACX,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAC/G,GACC,mBAAmB,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAA;AAExC,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,GAC9C,YAAY,GACZ,cAAc,GAAG;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACpC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACnC,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,gIAAgI;IAChI,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,+BAA+B;IAC/B,KAAK,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG;IAC9C,mGAAmG;IACnG,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,IAAI,GAAG,OAAO,GAAG,mBAAmB,GAAG,kBAAkB,CAAC,CAAA;AAExH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA"}
1
+ {"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../src/select/select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAA;AAE3C,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAA;AAEpD,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,WAAW,EACX,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAC/G,GACC,mBAAmB,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAA;AAExC,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,GAC9C,YAAY,GACZ,cAAc,GAAG;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sFAAsF;IACtF,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACpC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACnC,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,gIAAgI;IAChI,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,+BAA+B;IAC/B,KAAK,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG;IAC9C,+CAA+C;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mGAAmG;IACnG,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,IAAI,GAAG,OAAO,GAAG,mBAAmB,GAAG,kBAAkB,CAAC,CAAA;AAExH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"selectOption.d.ts","sourceRoot":"","sources":["../../../src/select/selectOption.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAElD;;;;GAIG;AACH,eAAO,MAAM,YAAY,yDAoDvB,CAAA;AAIF,eAAe,YAAY,CAAA"}
1
+ {"version":3,"file":"selectOption.d.ts","sourceRoot":"","sources":["../../../src/select/selectOption.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAElD;;;;GAIG;AACH,eAAO,MAAM,YAAY,yDA+DvB,CAAA;AAIF,eAAe,YAAY,CAAA"}
@@ -13,6 +13,7 @@ var __rest = (this && this.__rest) || function (s, e) {
13
13
  Object.defineProperty(exports, "__esModule", { value: true });
14
14
  exports.SelectOption = void 0;
15
15
  const jsx_runtime_1 = require("react/jsx-runtime");
16
+ const react_1 = require("react");
16
17
  const checkbox_1 = require("../checkbox");
17
18
  const core_1 = require("../core");
18
19
  const list_1 = require("../list");
@@ -26,11 +27,12 @@ const context_1 = require("./context");
26
27
  */
27
28
  exports.SelectOption = (0, core_1.vui)((props, ref) => {
28
29
  var _a, _b;
29
- const { children, className, disabled, title, onClick: onClickProp, value: valueProp } = props, rest = __rest(props, ["children", "className", "disabled", "title", "onClick", "value"]);
30
+ const { children, closeOnScroll, className, disabled, title, onClick: onClickProp, value: valueProp } = props, rest = __rest(props, ["children", "closeOnScroll", "className", "disabled", "title", "onClick", "value"]);
30
31
  const { instance } = (_a = (0, popover_1.usePopoverContext)()) !== null && _a !== void 0 ? _a : {};
31
32
  const { isMultiple, name, onChange, value } = (_b = (0, context_1.useSelectContext)()) !== null && _b !== void 0 ? _b : {};
32
33
  const styles = (0, core_1.useStyleConfig)('Select', (0, context_1.useSelectContext)());
33
34
  const isSelected = Array.isArray(value) && valueProp ? value.includes(valueProp) : value === valueProp;
35
+ const hide = () => instance === null || instance === void 0 ? void 0 : instance.hide();
34
36
  const onClick = (0, utils_1.useCallbackRef)((e) => {
35
37
  const nativeEvent = e.nativeEvent || e;
36
38
  const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);
@@ -40,9 +42,18 @@ exports.SelectOption = (0, core_1.vui)((props, ref) => {
40
42
  });
41
43
  onClickProp === null || onClickProp === void 0 ? void 0 : onClickProp(e);
42
44
  onChange === null || onChange === void 0 ? void 0 : onChange(clonedEvent);
43
- !isMultiple && (instance === null || instance === void 0 ? void 0 : instance.hide());
45
+ !isMultiple && hide();
44
46
  });
45
47
  const onKeyDown = (0, utils_1.useCallbackRef)((e) => e.key === 'Enter' && onClick(e));
48
+ // Hiding the popover on scroll
49
+ (0, react_1.useEffect)(() => {
50
+ if (closeOnScroll)
51
+ document.addEventListener('scroll', hide, true);
52
+ return () => {
53
+ if (closeOnScroll)
54
+ document.removeEventListener('scroll', hide, true);
55
+ };
56
+ }, [closeOnScroll]);
46
57
  return ((0, jsx_runtime_1.jsx)(list_1.ListItem, Object.assign({ activeBg: "skyBlue.active", className: (0, utils_1.cs)('vui-selectOption', className), disabled: disabled, hoverBg: "skyBlue.hover", isInteractive: true, isSelected: isSelected, onClick: onClick, onKeyDown: onKeyDown, ref: ref, selectedBg: "skyBlue.selected", tabIndex: 0, title: title, value: valueProp }, styles.option, rest, utils_1.ellipsisOverflow, { children: children !== null && children !== void 0 ? children : (isMultiple && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, Object.assign({ checked: isSelected, disabled: disabled, mr: 1 }, styles.option)), (0, jsx_runtime_1.jsx)(list_1.List.Text, { children: props.text })] }))) })));
47
58
  });
48
59
  exports.SelectOption.displayName = 'SelectOption';
@@ -1 +1 @@
1
- {"version":3,"file":"selectOption.js","sourceRoot":"","sources":["../../../src/select/selectOption.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"selectOption.js","sourceRoot":"","sources":["../../../src/select/selectOption.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAoB,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAQ9D;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CA2GxC;yBA3Ge,MAAM;;;;;;;;;;AAmHtB,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAoB,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAQ9D;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CA4GxC;yBA5Ge,MAAM;;;;;;;;;;AAoHtB,eAAe,MAAM,CAAA"}
@@ -19,7 +19,7 @@ import useSelect from './useSelect';
19
19
  * Supports single select and multi select, as well as controlled and uncontrolled modes.
20
20
  */
21
21
  export function Select(props) {
22
- const { children, defaultValue, disabled, errorText, helpText, id: idProp, isInvalid, isMultiple, label, labelMarkOptional, labelTooltipText, maxHeight, name, onChange, options, placeholder = 'Please select', readOnly, selectButton, selectButtonProps, showOptionsFilter, size = 'lg', value, variant, ...rest } = props;
22
+ const { children, defaultValue, disabled, errorText, closeOnScroll, helpText, id: idProp, isInvalid, isMultiple, label, labelMarkOptional, labelTooltipText, maxHeight, name, onChange, options, placeholder = 'Please select', readOnly, selectButton, selectButtonProps, showOptionsFilter, size = 'lg', value, variant, ...rest } = props;
23
23
  const selectProps = useSelect({ defaultValue, isMultiple, onChange, value, options, children });
24
24
  if (__DEV__ && isMultiple && !Array.isArray(selectProps.value)) {
25
25
  console.error('<Select /> is used with isMultiple but its value is not an array: ', value);
@@ -40,15 +40,13 @@ export function Select(props) {
40
40
  variant,
41
41
  ...selectProps,
42
42
  };
43
- const onQueryChange = (e) => {
44
- setQuery(e.target.value?.toLowerCase());
45
- };
43
+ const onQueryChange = (e) => setQuery(e.target.value?.toLowerCase());
46
44
  const filterOptions = (i) => !showOptionsFilter || !query?.length ? true : i?.text?.toLowerCase()?.includes(query);
47
45
  useEffect(() => {
48
46
  setFilteredOptions(options?.filter(filterOptions));
49
47
  }, [query, options]);
50
48
  return (_jsxs(SelectProvider, { value: context, children: [label && (_jsx(SelectLabel, { disabled: disabled, id: id, label: label, labelMarkOptional: labelMarkOptional, labelTooltipText: labelTooltipText })), _jsx(Popover, { matchWidth: true, ...rest, children: _jsxs(_Fragment, { children: [selectButton ?? _jsx(SelectButton, { ...selectButtonProps }), _jsxs(SelectContent, { children: [showOptionsFilter && (_jsx(Box, { mr: 2, children: _jsx(Input, { iconLeft: "falSearch", id: id, m: 1, mt: 0, onChange: onQueryChange, placeholder: "Filter\u2026", size: size, value: query }) })), _jsx(SelectGroup, { maxH: maxHeight, tabIndex: 1000, children: children ??
51
- filteredOptions?.map?.(option => _jsx(SelectOption, { title: option.text, ...option }, option.value)) })] })] }) }), !!helpText && _jsx(HelpText, { size: helpTextSize[size], children: helpText }), !!errorText && (_jsx(HelpText, { isError: true, size: helpTextSize[size], children: errorText }))] }));
49
+ filteredOptions?.map?.(option => (_jsx(SelectOption, { closeOnScroll: closeOnScroll, title: option.text, ...option }, option.value))) })] })] }) }), !!helpText && _jsx(HelpText, { size: helpTextSize[size], children: helpText }), !!errorText && (_jsx(HelpText, { isError: true, size: helpTextSize[size], children: errorText }))] }));
52
50
  }
53
51
  Select.Button = SelectButton;
54
52
  Select.Content = SelectContent;
@@ -1 +1 @@
1
- {"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"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"}
@@ -12,6 +12,8 @@ export type SelectGroupProps = ListProps;
12
12
  export type SelectProps = ThemingProps<'Select'> & PopoverProps & UseSelectProps & {
13
13
  /** Select cannot be opened and is styled accordingly. */
14
14
  disabled?: boolean;
15
+ /** Hiding the options list on scroll event. Recommended for scrollable containers. */
16
+ closeOnScroll?: boolean;
15
17
  /** Socket displaying error text below an input. */
16
18
  errorText?: string | React.ReactNode;
17
19
  /** Socket displaying help text below an input. */
@@ -50,6 +52,8 @@ export type SelectOptionData = {
50
52
  value: SelectValue;
51
53
  };
52
54
  export type SelectOptionProps = ListItemProps & {
55
+ /** Hiding the options list on scroll event. */
56
+ closeOnScroll?: boolean;
53
57
  /** Currently selected value. Can be a string/number or array of those when using 'isMultiple'. */
54
58
  value?: SelectValue;
55
59
  /** Hover title text. */
@@ -1 +1 @@
1
- {"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../src/select/select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAA;AAE3C,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAA;AAEpD,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,WAAW,EACX,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAC/G,GACC,mBAAmB,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAA;AAExC,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,GAC9C,YAAY,GACZ,cAAc,GAAG;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACpC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACnC,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,gIAAgI;IAChI,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,+BAA+B;IAC/B,KAAK,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG;IAC9C,mGAAmG;IACnG,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,IAAI,GAAG,OAAO,GAAG,mBAAmB,GAAG,kBAAkB,CAAC,CAAA;AAExH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA"}
1
+ {"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../src/select/select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAA;AAE3C,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAA;AAEpD,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,WAAW,EACX,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAC/G,GACC,mBAAmB,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAA;AAExC,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,GAC9C,YAAY,GACZ,cAAc,GAAG;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sFAAsF;IACtF,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACpC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACnC,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,gIAAgI;IAChI,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,+BAA+B;IAC/B,KAAK,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG;IAC9C,+CAA+C;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mGAAmG;IACnG,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,IAAI,GAAG,OAAO,GAAG,mBAAmB,GAAG,kBAAkB,CAAC,CAAA;AAExH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"selectOption.d.ts","sourceRoot":"","sources":["../../../src/select/selectOption.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAElD;;;;GAIG;AACH,eAAO,MAAM,YAAY,yDAoDvB,CAAA;AAIF,eAAe,YAAY,CAAA"}
1
+ {"version":3,"file":"selectOption.d.ts","sourceRoot":"","sources":["../../../src/select/selectOption.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAElD;;;;GAIG;AACH,eAAO,MAAM,YAAY,yDA+DvB,CAAA;AAIF,eAAe,YAAY,CAAA"}
@@ -1,4 +1,5 @@
1
1
  import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useEffect } from 'react';
2
3
  import { Checkbox } from '../checkbox';
3
4
  import { useStyleConfig, vui } from '../core';
4
5
  import { List, ListItem } from '../list';
@@ -11,11 +12,12 @@ import { useSelectContext } from './context';
11
12
  * 'onChange' is triggered with a modified click event, which adds 'value' and 'name' properties.
12
13
  */
13
14
  export const SelectOption = vui((props, ref) => {
14
- const { children, className, disabled, title, onClick: onClickProp, value: valueProp, ...rest } = props;
15
+ const { children, closeOnScroll, className, disabled, title, onClick: onClickProp, value: valueProp, ...rest } = props;
15
16
  const { instance } = usePopoverContext() ?? {};
16
17
  const { isMultiple, name, onChange, value } = useSelectContext() ?? {};
17
18
  const styles = useStyleConfig('Select', useSelectContext());
18
19
  const isSelected = Array.isArray(value) && valueProp ? value.includes(valueProp) : value === valueProp;
20
+ const hide = () => instance?.hide();
19
21
  const onClick = useCallbackRef((e) => {
20
22
  const nativeEvent = e.nativeEvent || e;
21
23
  const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);
@@ -25,9 +27,18 @@ export const SelectOption = vui((props, ref) => {
25
27
  });
26
28
  onClickProp?.(e);
27
29
  onChange?.(clonedEvent);
28
- !isMultiple && instance?.hide();
30
+ !isMultiple && hide();
29
31
  });
30
32
  const onKeyDown = useCallbackRef((e) => e.key === 'Enter' && onClick(e));
33
+ // Hiding the popover on scroll
34
+ useEffect(() => {
35
+ if (closeOnScroll)
36
+ document.addEventListener('scroll', hide, true);
37
+ return () => {
38
+ if (closeOnScroll)
39
+ document.removeEventListener('scroll', hide, true);
40
+ };
41
+ }, [closeOnScroll]);
31
42
  return (_jsx(ListItem, { activeBg: "skyBlue.active", className: cs('vui-selectOption', className), disabled: disabled, hoverBg: "skyBlue.hover", isInteractive: true, isSelected: isSelected, onClick: onClick, onKeyDown: onKeyDown, ref: ref, selectedBg: "skyBlue.selected", tabIndex: 0, title: title, value: valueProp, ...styles.option, ...rest, ...ellipsisOverflow, children: children ??
32
43
  (isMultiple && (_jsxs(_Fragment, { children: [_jsx(Checkbox, { checked: isSelected, disabled: disabled, mr: 1, ...styles.option }), _jsx(List.Text, { children: props.text })] }))) }));
33
44
  });
@@ -1 +1 @@
1
- {"version":3,"file":"selectOption.js","sourceRoot":"","sources":["../../../src/select/selectOption.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"selectOption.js","sourceRoot":"","sources":["../../../src/select/selectOption.tsx"],"names":[],"mappings":"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"}