@drivenets/design-system 0.0.3 → 0.0.4

package/dist/components/ds-select/ds-select.js

@@ -8,6 +8,7 @@ import ds_checkbox_default from "../ds-checkbox/ds-checkbox.js";
 import "../ds-checkbox/index.js";
 import ds_select_module_default from "./ds-select.module.js";
 import { SelectItemsChips } from "./select-items-chips.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
@@ -21,46 +22,214 @@ const SELECT_ALL = {
 	label: "All",
 	value: SELECT_ALL_VALUE
 };
-const DsSelect = ({ id, options: userOptions, value, style, size, clearable, onClear, onBlur, className, placeholder = "Click to select a value", disabled, ...multiselectProps }) => {
+const DsSelect = (t0) => {
+	const $ = c(35);
+	const { id, options: userOptions, value, style, size, clearable, onClear, onBlur, className, placeholder: t1, disabled, ...multiselectProps } = t0;
+	const placeholder = t1 === void 0 ? "Click to select a value" : t1;
 	const [searchTerm, setSearchTerm] = useState("");
 	const [showAllItems, setShowAllItems] = useState(false);
 	const internalOptions = multiselectProps.multiple ? [SELECT_ALL, ...userOptions] : userOptions;
 	const collection = createListCollection({
 		items: internalOptions,
-		itemToValue: (item) => item.value
+		itemToValue: _temp
 	});
-	const filteredOptions = internalOptions.filter((option) => option.label.toLowerCase().includes(searchTerm.toLowerCase()));
-	const normalizedValue = Array.isArray(value) ? value : [value].filter((value$1) => !!value$1);
+	let t2;
+	if ($[0] !== searchTerm) {
+		t2 = (option) => option.label.toLowerCase().includes(searchTerm.toLowerCase());
+		$[0] = searchTerm;
+		$[1] = t2;
+	} else t2 = $[1];
+	const filteredOptions = internalOptions.filter(t2);
+	const normalizedValue = Array.isArray(value) ? value : [value].filter(_temp2);
+	let t3;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = () => {
+			setSearchTerm("");
+			setShowAllItems(false);
+		};
+		$[2] = t3;
+	} else t3 = $[2];
 	const select = useSelect({
 		collection,
 		disabled,
 		multiple: multiselectProps.multiple,
 		value: normalizedValue,
 		ids: { trigger: id },
-		onOpenChange: () => {
-			setSearchTerm("");
-			setShowAllItems(false);
-		},
+		onOpenChange: t3,
 		onValueChange: (details) => {
 			if (!multiselectProps.multiple) {
 				multiselectProps.onValueChange?.(details.value[0]);
 				return;
 			}
 			if (details.value.includes(SELECT_ALL_VALUE)) {
-				const newValues = select.selectedItems.length === userOptions.length ? [] : userOptions.map((opt) => opt.value);
+				const newValues = select.selectedItems.length === userOptions.length ? [] : userOptions.map(_temp3);
 				multiselectProps.onValueChange?.(newValues);
 				return;
 			}
-			const newValueWithoutSelectAll = details.value.filter((val) => val !== SELECT_ALL_VALUE);
+			const newValueWithoutSelectAll = details.value.filter(_temp4);
 			multiselectProps.onValueChange?.(newValueWithoutSelectAll);
 		}
 	});
+	const t4 = size === "small" && ds_select_module_default.small;
+	let t5;
+	if ($[3] !== className || $[4] !== t4) {
+		t5 = classNames(ds_select_module_default.control, t4, className);
+		$[3] = className;
+		$[4] = t4;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== placeholder) {
+		t6 = /* @__PURE__ */ jsx(ds_typography_default, {
+			className: ds_select_module_default.valueText,
+			variant: "body-sm-reg",
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Select.ValueText, { placeholder })
+		});
+		$[6] = placeholder;
+		$[7] = t6;
+	} else t6 = $[7];
+	const t7 = size === "small" ? "small" : "medium";
+	let t8;
+	if ($[8] !== t7) {
+		t8 = /* @__PURE__ */ jsx(Select.Indicator, {
+			className: ds_select_module_default.triggerIcon,
+			children: /* @__PURE__ */ jsx(ds_icon_default, {
+				icon: "keyboard_arrow_down",
+				size: t7
+			})
+		});
+		$[8] = t7;
+		$[9] = t8;
+	} else t8 = $[9];
+	let t9;
+	if ($[10] !== id || $[11] !== t6 || $[12] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(Select.Trigger, {
+			id,
+			className: ds_select_module_default.trigger,
+			"aria-labelledby": null,
+			children: [t6, t8]
+		});
+		$[10] = id;
+		$[11] = t6;
+		$[12] = t8;
+		$[13] = t9;
+	} else t9 = $[13];
+	let t10;
+	if ($[14] !== clearable || $[15] !== onClear || $[16] !== size) {
+		t10 = clearable && /* @__PURE__ */ jsx(Select.ClearTrigger, {
+			className: ds_select_module_default.clearIcon,
+			onClick: onClear,
+			children: /* @__PURE__ */ jsx(ds_icon_default, {
+				icon: "close",
+				size: size === "small" ? "small" : "medium"
+			})
+		});
+		$[14] = clearable;
+		$[15] = onClear;
+		$[16] = size;
+		$[17] = t10;
+	} else t10 = $[17];
+	const T0 = Portal;
+	const t11 = Select;
+	const t12 = ds_select_module_default;
+	const t13 = Select;
+	const t14 = ds_select_module_default;
+	let t15;
+	if ($[18] !== searchTerm || $[19] !== userOptions.length) {
+		t15 = userOptions.length > SEARCH_THRESHOLD && /* @__PURE__ */ jsx("div", {
+			className: ds_select_module_default.searchInput,
+			children: /* @__PURE__ */ jsx(ds_text_input_default, {
+				placeholder: "Search",
+				value: searchTerm,
+				onChange: (e_0) => setSearchTerm(e_0.target.value),
+				onKeyDown: _temp5,
+				slots: { startAdornment: /* @__PURE__ */ jsx(ds_icon_default, {
+					icon: "search",
+					size: "tiny"
+				}) }
+			})
+		});
+		$[18] = searchTerm;
+		$[19] = userOptions.length;
+		$[20] = t15;
+	} else t15 = $[20];
+	const t16 = multiselectProps.multiple && /* @__PURE__ */ jsx(SelectItemsChips, {
+		onValueChange: multiselectProps.onValueChange,
+		showAll: showAllItems,
+		onShowAll: () => setShowAllItems(true),
+		count: 6
+	});
+	const t17 = filteredOptions.map((item_0) => {
+		const checked = getItemCheckedState({
+			item: item_0,
+			select,
+			options: internalOptions
+		});
+		return /* @__PURE__ */ jsx(ds_typography_default, {
+			variant: "body-sm-reg",
+			asChild: true,
+			className: ds_select_module_default.item,
+			children: /* @__PURE__ */ jsxs(Select.Item, {
+				item: item_0,
+				children: [
+					multiselectProps.multiple && /* @__PURE__ */ jsx(ds_checkbox_default, { checked }),
+					item_0.icon && /* @__PURE__ */ jsx(ds_icon_default, {
+						className: ds_select_module_default.itemIcon,
+						icon: item_0.icon,
+						"aria-hidden": "true"
+					}),
+					/* @__PURE__ */ jsx(Select.ItemText, { children: item_0.label })
+				]
+			})
+		}, collection.getItemValue(item_0));
+	});
+	let t18;
+	if ($[21] !== t13.Content || $[22] !== t14.content || $[23] !== t15 || $[24] !== t16 || $[25] !== t17) {
+		t18 = /* @__PURE__ */ jsxs(t13.Content, {
+			className: t14.content,
+			children: [
+				t15,
+				t16,
+				t17
+			]
+		});
+		$[21] = t13.Content;
+		$[22] = t14.content;
+		$[23] = t15;
+		$[24] = t16;
+		$[25] = t17;
+		$[26] = t18;
+	} else t18 = $[26];
+	let t19;
+	if ($[27] !== t11.Positioner || $[28] !== t12.viewport || $[29] !== t18) {
+		t19 = /* @__PURE__ */ jsx(t11.Positioner, {
+			className: t12.viewport,
+			children: t18
+		});
+		$[27] = t11.Positioner;
+		$[28] = t12.viewport;
+		$[29] = t18;
+		$[30] = t19;
+	} else t19 = $[30];
+	let t20;
+	if ($[31] !== T0 || $[32] !== t19) {
+		t20 = /* @__PURE__ */ jsx(T0, { children: t19 });
+		$[31] = T0;
+		$[32] = t19;
+		$[33] = t20;
+	} else t20 = $[33];
+	let t21;
+	if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
+		t21 = /* @__PURE__ */ jsx(Select.HiddenSelect, { style: { display: "none" } });
+		$[34] = t21;
+	} else t21 = $[34];
 	return /* @__PURE__ */ jsxs(Select.RootProvider, {
 		value: select,
 		lazyMount: true,
 		children: [
 			/* @__PURE__ */ jsxs(Select.Control, {
-				className: classNames(ds_select_module_default.control, size === "small" && ds_select_module_default.small, className),
+				className: t5,
 				style,
 				onBlur,
 				onKeyDown: (e) => {
@@ -72,85 +241,10 @@ const DsSelect = ({ id, options: userOptions, value, style, size, clearable, onC
 						onClear?.();
 					}
 				},
-				children: [/* @__PURE__ */ jsxs(Select.Trigger, {
-					id,
-					className: ds_select_module_default.trigger,
-					"aria-labelledby": null,
-					children: [/* @__PURE__ */ jsx(ds_typography_default, {
-						className: ds_select_module_default.valueText,
-						variant: "body-sm-reg",
-						asChild: true,
-						children: /* @__PURE__ */ jsx(Select.ValueText, { placeholder })
-					}), /* @__PURE__ */ jsx(Select.Indicator, {
-						className: ds_select_module_default.triggerIcon,
-						children: /* @__PURE__ */ jsx(ds_icon_default, {
-							icon: "keyboard_arrow_down",
-							size: size === "small" ? "small" : "medium"
-						})
-					})]
-				}), clearable && /* @__PURE__ */ jsx(Select.ClearTrigger, {
-					className: ds_select_module_default.clearIcon,
-					onClick: onClear,
-					children: /* @__PURE__ */ jsx(ds_icon_default, {
-						icon: "close",
-						size: size === "small" ? "small" : "medium"
-					})
-				})]
+				children: [t9, t10]
 			}),
-			/* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Select.Positioner, {
-				className: ds_select_module_default.viewport,
-				children: /* @__PURE__ */ jsxs(Select.Content, {
-					className: ds_select_module_default.content,
-					children: [
-						userOptions.length > SEARCH_THRESHOLD && /* @__PURE__ */ jsx("div", {
-							className: ds_select_module_default.searchInput,
-							children: /* @__PURE__ */ jsx(ds_text_input_default, {
-								placeholder: "Search",
-								value: searchTerm,
-								onChange: (e) => setSearchTerm(e.target.value),
-								onKeyDown: (e) => {
-									if (e.key === " ") e.stopPropagation();
-								},
-								slots: { startAdornment: /* @__PURE__ */ jsx(ds_icon_default, {
-									icon: "search",
-									size: "tiny"
-								}) }
-							})
-						}),
-						multiselectProps.multiple && /* @__PURE__ */ jsx(SelectItemsChips, {
-							onValueChange: multiselectProps.onValueChange,
-							showAll: showAllItems,
-							onShowAll: () => setShowAllItems(true),
-							count: 6
-						}),
-						filteredOptions.map((item) => {
-							const checked = getItemCheckedState({
-								item,
-								select,
-								options: internalOptions
-							});
-							return /* @__PURE__ */ jsx(ds_typography_default, {
-								variant: "body-sm-reg",
-								asChild: true,
-								className: ds_select_module_default.item,
-								children: /* @__PURE__ */ jsxs(Select.Item, {
-									item,
-									children: [
-										multiselectProps.multiple && /* @__PURE__ */ jsx(ds_checkbox_default, { checked }),
-										item.icon && /* @__PURE__ */ jsx(ds_icon_default, {
-											className: ds_select_module_default.itemIcon,
-											icon: item.icon,
-											"aria-hidden": "true"
-										}),
-										/* @__PURE__ */ jsx(Select.ItemText, { children: item.label })
-									]
-								})
-							}, collection.getItemValue(item));
-						})
-					]
-				})
-			}) }),
-			/* @__PURE__ */ jsx(Select.HiddenSelect, { style: { display: "none" } })
+			t20,
+			t21
 		]
 	});
 };
@@ -160,6 +254,21 @@ function getItemCheckedState({ item, select, options }) {
 	return select.hasSelectedItems ? "indeterminate" : false;
 }
 var ds_select_default = DsSelect;
+function _temp(item) {
+	return item.value;
+}
+function _temp2(value_0) {
+	return !!value_0;
+}
+function _temp3(opt) {
+	return opt.value;
+}
+function _temp4(val) {
+	return val !== SELECT_ALL_VALUE;
+}
+function _temp5(e_1) {
+	if (e_1.key === " ") e_1.stopPropagation();
+}
 
 //#endregion
 export { ds_select_default as default };

package/dist/components/ds-select/ds-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-select.js","names":["SELECT_ALL: DsSelectOption","value","styles","DsTypography","DsIcon","DsTextInput","DsCheckbox"],"sources":["../../../src/components/ds-select/ds-select.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { type UseSelectReturn, Select, createListCollection, useSelect } from '@ark-ui/react/select';\nimport { Portal } from '@ark-ui/react/portal';\nimport classNames from 'classnames';\nimport styles from './ds-select.module.scss';\nimport type { DsSelectOption, DsSelectProps } from './ds-select.types';\nimport { DsIcon } from '../ds-icon';\nimport { type DsCheckboxProps, DsCheckbox } from '../ds-checkbox';\nimport { SelectItemsChips } from './select-items-chips';\nimport { DsTypography } from '../ds-typography';\nimport { DsTextInput } from '../ds-text-input';\n\nconst SEARCH_THRESHOLD = 13;\nconst SELECT_ALL_VALUE = '__INTERNAL_SELECT_ALL_VALUE__';\n\nconst SELECT_ALL: DsSelectOption = {\n\tlabel: 'All',\n\tvalue: SELECT_ALL_VALUE,\n};\n\nconst DsSelect = ({\n\tid,\n\toptions: userOptions,\n\tvalue,\n\tstyle,\n\tsize,\n\tclearable,\n\tonClear,\n\tonBlur,\n\tclassName,\n\tplaceholder = 'Click to select a value',\n\tdisabled,\n\t...multiselectProps\n}: DsSelectProps) => {\n\tconst [searchTerm, setSearchTerm] = useState('');\n\tconst [showAllItems, setShowAllItems] = useState(false);\n\n\tconst internalOptions = multiselectProps.multiple ? [SELECT_ALL, ...userOptions] : userOptions;\n\n\tconst collection = createListCollection({\n\t\titems: internalOptions,\n\t\titemToValue: (item) => item.value,\n\t});\n\n\tconst filteredOptions = internalOptions.filter((option) =>\n\t\toption.label.toLowerCase().includes(searchTerm.toLowerCase()),\n\t);\n\n\tconst normalizedValue = Array.isArray(value) ? value : [value].filter((value) => !!value);\n\n\tconst select = useSelect({\n\t\tcollection,\n\t\tdisabled,\n\t\tmultiple: multiselectProps.multiple,\n\t\tvalue: normalizedValue,\n\n\t\t// Override Ark's auto-generated trigger id if an id provided by the user.\n\t\t// See: https://github.com/chakra-ui/zag/blob/f6e079095/packages/machines/select/src/select.dom.ts#L5\n\t\tids: { trigger: id },\n\n\t\tonOpenChange: () => {\n\t\t\tsetSearchTerm('');\n\t\t\tsetShowAllItems(false);\n\t\t},\n\n\t\tonValueChange: (details) => {\n\t\t\t// Single select mode.\n\t\t\tif (!multiselectProps.multiple) {\n\t\t\t\tmultiselectProps.onValueChange?.(details.value[0]);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// \"Select All\" clicked in multi select mode.\n\t\t\tconst isSelectAllClicked = details.value.includes(SELECT_ALL_VALUE);\n\n\t\t\tif (isSelectAllClicked) {\n\t\t\t\tconst areAllOptionsSelected = select.selectedItems.length === userOptions.length;\n\n\t\t\t\tconst newValues = areAllOptionsSelected ? [] : userOptions.map((opt) => opt.value);\n\n\t\t\t\tmultiselectProps.onValueChange?.(newValues);\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// \"Regular\" multi select mode.\n\t\t\tconst newValueWithoutSelectAll = details.value.filter((val) => val !== SELECT_ALL_VALUE);\n\n\t\t\tmultiselectProps.onValueChange?.(newValueWithoutSelectAll);\n\t\t},\n\t});\n\n\treturn (\n\t\t<Select.RootProvider\n\t\t\tvalue={select}\n\t\t\t// When rendering the Select inside a Modal, it has an `aria-hidden=\"true\"` attribute\n\t\t\t// which causes screen readers to ignore it.\n\t\t\t//\n\t\t\t// See: https://github.com/chakra-ui/ark/issues/3728\n\t\t\tlazyMount\n\t\t>\n\t\t\t<Select.Control\n\t\t\t\tclassName={classNames(styles.control, size === 'small' && styles.small, className)}\n\t\t\t\tstyle={style}\n\t\t\t\tonBlur={onBlur}\n\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\tif (!clearable) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (select.open) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (e.key === 'Backspace' || e.key === 'Delete') {\n\t\t\t\t\t\tif (multiselectProps.multiple) {\n\t\t\t\t\t\t\tmultiselectProps.onValueChange?.([]);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tmultiselectProps.onValueChange?.('');\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tonClear?.();\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Select.Trigger\n\t\t\t\t\tid={id}\n\t\t\t\t\tclassName={styles.trigger}\n\t\t\t\t\t// Ark expects a `Select.Label` component to exist and automatically label the trigger\n\t\t\t\t\t// with it. We're using the `DsFormControl` label handling instead, so we disable the\n\t\t\t\t\t// automatic labelling here.\n\t\t\t\t\taria-labelledby={null as never}\n\t\t\t\t>\n\t\t\t\t\t<DsTypography className={styles.valueText} variant=\"body-sm-reg\" asChild>\n\t\t\t\t\t\t<Select.ValueText placeholder={placeholder} />\n\t\t\t\t\t</DsTypography>\n\n\t\t\t\t\t<Select.Indicator className={styles.triggerIcon}>\n\t\t\t\t\t\t<DsIcon icon=\"keyboard_arrow_down\" size={size === 'small' ? 'small' : 'medium'} />\n\t\t\t\t\t</Select.Indicator>\n\t\t\t\t</Select.Trigger>\n\n\t\t\t\t{clearable && (\n\t\t\t\t\t<Select.ClearTrigger className={styles.clearIcon} onClick={onClear}>\n\t\t\t\t\t\t<DsIcon icon=\"close\" size={size === 'small' ? 'small' : 'medium'} />\n\t\t\t\t\t</Select.ClearTrigger>\n\t\t\t\t)}\n\t\t\t</Select.Control>\n\t\t\t<Portal>\n\t\t\t\t<Select.Positioner className={styles.viewport}>\n\t\t\t\t\t<Select.Content className={styles.content}>\n\t\t\t\t\t\t{userOptions.length > SEARCH_THRESHOLD && (\n\t\t\t\t\t\t\t<div className={styles.searchInput}>\n\t\t\t\t\t\t\t\t<DsTextInput\n\t\t\t\t\t\t\t\t\tplaceholder=\"Search\"\n\t\t\t\t\t\t\t\t\tvalue={searchTerm}\n\t\t\t\t\t\t\t\t\tonChange={(e) => setSearchTerm(e.target.value)}\n\t\t\t\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\t\t\t\t// Prevent the select from opening/closing when pressing space in the search input.\n\t\t\t\t\t\t\t\t\t\tif (e.key === ' ') {\n\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tslots={{\n\t\t\t\t\t\t\t\t\t\tstartAdornment: <DsIcon icon=\"search\" size=\"tiny\" />,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{multiselectProps.multiple && (\n\t\t\t\t\t\t\t<SelectItemsChips\n\t\t\t\t\t\t\t\tonValueChange={multiselectProps.onValueChange}\n\t\t\t\t\t\t\t\tshowAll={showAllItems}\n\t\t\t\t\t\t\t\tonShowAll={() => setShowAllItems(true)}\n\t\t\t\t\t\t\t\t// TODO: Find a way to calculate this based on the size of the select.\n\t\t\t\t\t\t\t\tcount={6}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{filteredOptions.map((item) => {\n\t\t\t\t\t\t\tconst checked = getItemCheckedState({ item, select, options: internalOptions });\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<DsTypography\n\t\t\t\t\t\t\t\t\tvariant=\"body-sm-reg\"\n\t\t\t\t\t\t\t\t\tasChild\n\t\t\t\t\t\t\t\t\tkey={collection.getItemValue(item)}\n\t\t\t\t\t\t\t\t\tclassName={styles.item}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Select.Item item={item}>\n\t\t\t\t\t\t\t\t\t\t{multiselectProps.multiple && <DsCheckbox checked={checked} />}\n\t\t\t\t\t\t\t\t\t\t{item.icon && <DsIcon className={styles.itemIcon} icon={item.icon} aria-hidden=\"true\" />}\n\t\t\t\t\t\t\t\t\t\t<Select.ItemText>{item.label}</Select.ItemText>\n\t\t\t\t\t\t\t\t\t</Select.Item>\n\t\t\t\t\t\t\t\t</DsTypography>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Select.Content>\n\t\t\t\t</Select.Positioner>\n\t\t\t</Portal>\n\n\t\t\t{/*\n\t\t\t\tThis element isn't properly hidden by Zag, so we hide it manually.\n\t\t\t \tFor more information, see: https://github.com/chakra-ui/zag/issues/2865\n\t\t\t*/}\n\t\t\t<Select.HiddenSelect style={{ display: 'none' }} />\n\t\t</Select.RootProvider>\n\t);\n};\n\nfunction getItemCheckedState({\n\titem,\n\tselect,\n\toptions,\n}: {\n\titem: DsSelectOption;\n\tselect: UseSelectReturn<DsSelectOption>;\n\toptions: DsSelectOption[];\n}): DsCheckboxProps['checked'] {\n\tconst isRegularItem = item.value !== SELECT_ALL_VALUE;\n\n\tif (isRegularItem) {\n\t\treturn select.getItemState({ item }).selected;\n\t}\n\n\t// Doing -1 since it contains the \"Select All\" option itself.\n\tconst allSelected = select.selectedItems.length === options.length - 1;\n\n\tif (allSelected) {\n\t\treturn true;\n\t}\n\n\tconst someSelected = select.hasSelectedItems;\n\n\treturn someSelected ? 'indeterminate' : false;\n}\n\nexport default DsSelect;\n"],"mappings":"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"}
+{"version":3,"file":"ds-select.js","names":["useState","UseSelectReturn","Select","createListCollection","useSelect","Portal","classNames","styles","DsSelectOption","DsSelectProps","DsIcon","DsCheckboxProps","DsCheckbox","SelectItemsChips","DsTypography","DsTextInput","SEARCH_THRESHOLD","SELECT_ALL_VALUE","SELECT_ALL","label","value","DsSelect","t0","$","_c","id","options","userOptions","style","size","clearable","onClear","onBlur","className","placeholder","t1","disabled","multiselectProps","undefined","searchTerm","setSearchTerm","showAllItems","setShowAllItems","internalOptions","multiple","collection","items","itemToValue","_temp","t2","option","toLowerCase","includes","filteredOptions","filter","normalizedValue","Array","isArray","_temp2","t3","Symbol","for","select","ids","trigger","onOpenChange","onValueChange","details","isSelectAllClicked","areAllOptionsSelected","selectedItems","length","newValues","map","_temp3","newValueWithoutSelectAll","_temp4","t4","small","t5","control","t6","valueText","t7","t8","triggerIcon","t9","t10","clearIcon","T0","t11","t13","t15","searchInput","e_0","e","target","_temp5","startAdornment","t16","t17","item_0","checked","getItemCheckedState","item","getItemValue","icon","itemIcon","t18","Content","t14","content","t19","Positioner","t12","viewport","t20","t21","display","open","key","isRegularItem","getItemState","selected","allSelected","someSelected","hasSelectedItems","value_0","opt","val","e_1","stopPropagation"],"sources":["../../../src/components/ds-select/ds-select.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { type UseSelectReturn, Select, createListCollection, useSelect } from '@ark-ui/react/select';\nimport { Portal } from '@ark-ui/react/portal';\nimport classNames from 'classnames';\nimport styles from './ds-select.module.scss';\nimport type { DsSelectOption, DsSelectProps } from './ds-select.types';\nimport { DsIcon } from '../ds-icon';\nimport { type DsCheckboxProps, DsCheckbox } from '../ds-checkbox';\nimport { SelectItemsChips } from './select-items-chips';\nimport { DsTypography } from '../ds-typography';\nimport { DsTextInput } from '../ds-text-input';\n\nconst SEARCH_THRESHOLD = 13;\nconst SELECT_ALL_VALUE = '__INTERNAL_SELECT_ALL_VALUE__';\n\nconst SELECT_ALL: DsSelectOption = {\n\tlabel: 'All',\n\tvalue: SELECT_ALL_VALUE,\n};\n\nconst DsSelect = ({\n\tid,\n\toptions: userOptions,\n\tvalue,\n\tstyle,\n\tsize,\n\tclearable,\n\tonClear,\n\tonBlur,\n\tclassName,\n\tplaceholder = 'Click to select a value',\n\tdisabled,\n\t...multiselectProps\n}: DsSelectProps) => {\n\tconst [searchTerm, setSearchTerm] = useState('');\n\tconst [showAllItems, setShowAllItems] = useState(false);\n\n\tconst internalOptions = multiselectProps.multiple ? [SELECT_ALL, ...userOptions] : userOptions;\n\n\tconst collection = createListCollection({\n\t\titems: internalOptions,\n\t\titemToValue: (item) => item.value,\n\t});\n\n\tconst filteredOptions = internalOptions.filter((option) =>\n\t\toption.label.toLowerCase().includes(searchTerm.toLowerCase()),\n\t);\n\n\tconst normalizedValue = Array.isArray(value) ? value : [value].filter((value) => !!value);\n\n\tconst select = useSelect({\n\t\tcollection,\n\t\tdisabled,\n\t\tmultiple: multiselectProps.multiple,\n\t\tvalue: normalizedValue,\n\n\t\t// Override Ark's auto-generated trigger id if an id provided by the user.\n\t\t// See: https://github.com/chakra-ui/zag/blob/f6e079095/packages/machines/select/src/select.dom.ts#L5\n\t\tids: { trigger: id },\n\n\t\tonOpenChange: () => {\n\t\t\tsetSearchTerm('');\n\t\t\tsetShowAllItems(false);\n\t\t},\n\n\t\tonValueChange: (details) => {\n\t\t\t// Single select mode.\n\t\t\tif (!multiselectProps.multiple) {\n\t\t\t\tmultiselectProps.onValueChange?.(details.value[0]);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// \"Select All\" clicked in multi select mode.\n\t\t\tconst isSelectAllClicked = details.value.includes(SELECT_ALL_VALUE);\n\n\t\t\tif (isSelectAllClicked) {\n\t\t\t\tconst areAllOptionsSelected = select.selectedItems.length === userOptions.length;\n\n\t\t\t\tconst newValues = areAllOptionsSelected ? [] : userOptions.map((opt) => opt.value);\n\n\t\t\t\tmultiselectProps.onValueChange?.(newValues);\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// \"Regular\" multi select mode.\n\t\t\tconst newValueWithoutSelectAll = details.value.filter((val) => val !== SELECT_ALL_VALUE);\n\n\t\t\tmultiselectProps.onValueChange?.(newValueWithoutSelectAll);\n\t\t},\n\t});\n\n\treturn (\n\t\t<Select.RootProvider\n\t\t\tvalue={select}\n\t\t\t// When rendering the Select inside a Modal, it has an `aria-hidden=\"true\"` attribute\n\t\t\t// which causes screen readers to ignore it.\n\t\t\t//\n\t\t\t// See: https://github.com/chakra-ui/ark/issues/3728\n\t\t\tlazyMount\n\t\t>\n\t\t\t<Select.Control\n\t\t\t\tclassName={classNames(styles.control, size === 'small' && styles.small, className)}\n\t\t\t\tstyle={style}\n\t\t\t\tonBlur={onBlur}\n\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\tif (!clearable) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (select.open) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (e.key === 'Backspace' || e.key === 'Delete') {\n\t\t\t\t\t\tif (multiselectProps.multiple) {\n\t\t\t\t\t\t\tmultiselectProps.onValueChange?.([]);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tmultiselectProps.onValueChange?.('');\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tonClear?.();\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Select.Trigger\n\t\t\t\t\tid={id}\n\t\t\t\t\tclassName={styles.trigger}\n\t\t\t\t\t// Ark expects a `Select.Label` component to exist and automatically label the trigger\n\t\t\t\t\t// with it. We're using the `DsFormControl` label handling instead, so we disable the\n\t\t\t\t\t// automatic labelling here.\n\t\t\t\t\taria-labelledby={null as never}\n\t\t\t\t>\n\t\t\t\t\t<DsTypography className={styles.valueText} variant=\"body-sm-reg\" asChild>\n\t\t\t\t\t\t<Select.ValueText placeholder={placeholder} />\n\t\t\t\t\t</DsTypography>\n\n\t\t\t\t\t<Select.Indicator className={styles.triggerIcon}>\n\t\t\t\t\t\t<DsIcon icon=\"keyboard_arrow_down\" size={size === 'small' ? 'small' : 'medium'} />\n\t\t\t\t\t</Select.Indicator>\n\t\t\t\t</Select.Trigger>\n\n\t\t\t\t{clearable && (\n\t\t\t\t\t<Select.ClearTrigger className={styles.clearIcon} onClick={onClear}>\n\t\t\t\t\t\t<DsIcon icon=\"close\" size={size === 'small' ? 'small' : 'medium'} />\n\t\t\t\t\t</Select.ClearTrigger>\n\t\t\t\t)}\n\t\t\t</Select.Control>\n\t\t\t<Portal>\n\t\t\t\t<Select.Positioner className={styles.viewport}>\n\t\t\t\t\t<Select.Content className={styles.content}>\n\t\t\t\t\t\t{userOptions.length > SEARCH_THRESHOLD && (\n\t\t\t\t\t\t\t<div className={styles.searchInput}>\n\t\t\t\t\t\t\t\t<DsTextInput\n\t\t\t\t\t\t\t\t\tplaceholder=\"Search\"\n\t\t\t\t\t\t\t\t\tvalue={searchTerm}\n\t\t\t\t\t\t\t\t\tonChange={(e) => setSearchTerm(e.target.value)}\n\t\t\t\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\t\t\t\t// Prevent the select from opening/closing when pressing space in the search input.\n\t\t\t\t\t\t\t\t\t\tif (e.key === ' ') {\n\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tslots={{\n\t\t\t\t\t\t\t\t\t\tstartAdornment: <DsIcon icon=\"search\" size=\"tiny\" />,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{multiselectProps.multiple && (\n\t\t\t\t\t\t\t<SelectItemsChips\n\t\t\t\t\t\t\t\tonValueChange={multiselectProps.onValueChange}\n\t\t\t\t\t\t\t\tshowAll={showAllItems}\n\t\t\t\t\t\t\t\tonShowAll={() => setShowAllItems(true)}\n\t\t\t\t\t\t\t\t// TODO: Find a way to calculate this based on the size of the select.\n\t\t\t\t\t\t\t\tcount={6}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{filteredOptions.map((item) => {\n\t\t\t\t\t\t\tconst checked = getItemCheckedState({ item, select, options: internalOptions });\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<DsTypography\n\t\t\t\t\t\t\t\t\tvariant=\"body-sm-reg\"\n\t\t\t\t\t\t\t\t\tasChild\n\t\t\t\t\t\t\t\t\tkey={collection.getItemValue(item)}\n\t\t\t\t\t\t\t\t\tclassName={styles.item}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Select.Item item={item}>\n\t\t\t\t\t\t\t\t\t\t{multiselectProps.multiple && <DsCheckbox checked={checked} />}\n\t\t\t\t\t\t\t\t\t\t{item.icon && <DsIcon className={styles.itemIcon} icon={item.icon} aria-hidden=\"true\" />}\n\t\t\t\t\t\t\t\t\t\t<Select.ItemText>{item.label}</Select.ItemText>\n\t\t\t\t\t\t\t\t\t</Select.Item>\n\t\t\t\t\t\t\t\t</DsTypography>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Select.Content>\n\t\t\t\t</Select.Positioner>\n\t\t\t</Portal>\n\n\t\t\t{/*\n\t\t\t\tThis element isn't properly hidden by Zag, so we hide it manually.\n\t\t\t \tFor more information, see: https://github.com/chakra-ui/zag/issues/2865\n\t\t\t*/}\n\t\t\t<Select.HiddenSelect style={{ display: 'none' }} />\n\t\t</Select.RootProvider>\n\t);\n};\n\nfunction getItemCheckedState({\n\titem,\n\tselect,\n\toptions,\n}: {\n\titem: DsSelectOption;\n\tselect: UseSelectReturn<DsSelectOption>;\n\toptions: DsSelectOption[];\n}): DsCheckboxProps['checked'] {\n\tconst isRegularItem = item.value !== SELECT_ALL_VALUE;\n\n\tif (isRegularItem) {\n\t\treturn select.getItemState({ item }).selected;\n\t}\n\n\t// Doing -1 since it contains the \"Select All\" option itself.\n\tconst allSelected = select.selectedItems.length === options.length - 1;\n\n\tif (allSelected) {\n\t\treturn true;\n\t}\n\n\tconst someSelected = select.hasSelectedItems;\n\n\treturn someSelected ? 'indeterminate' : false;\n}\n\nexport default DsSelect;\n"],"mappings":"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"}

package/dist/components/ds-select/select-items-chips.cjs

@@ -2,18 +2,30 @@ const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_ds_button = require('../ds-button/ds-button.cjs');
 const require_ds_chip = require('../ds-chip/ds-chip.cjs');
 const require_ds_select_module = require('./ds-select.module.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
 let react_jsx_runtime = require("react/jsx-runtime");
 let __ark_ui_react_select = require("@ark-ui/react/select");
 
 //#region src/components/ds-select/select-items-chips.tsx
-function SelectItemsChips({ showAll, onShowAll, onValueChange, count }) {
+function SelectItemsChips(t0) {
+	const $ = (0, react_compiler_runtime.c)(24);
+	const { showAll, onShowAll, onValueChange, count } = t0;
 	const { collection, value: selectedItems } = (0, __ark_ui_react_select.useSelectContext)();
 	if (!selectedItems.length) return null;
-	const itemsToShow = showAll ? selectedItems : selectedItems.slice(0, count);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_ds_select_module.default.multiSelectItemsContainer,
-		children: [
-			itemsToShow.map((itemValue) => {
+	let t1;
+	if ($[0] !== count || $[1] !== selectedItems || $[2] !== showAll) {
+		t1 = showAll ? selectedItems : selectedItems.slice(0, count);
+		$[0] = count;
+		$[1] = selectedItems;
+		$[2] = showAll;
+		$[3] = t1;
+	} else t1 = $[3];
+	const itemsToShow = t1;
+	let t2;
+	if ($[4] !== collection || $[5] !== itemsToShow || $[6] !== onValueChange || $[7] !== selectedItems) {
+		let t3$1;
+		if ($[9] !== collection || $[10] !== onValueChange || $[11] !== selectedItems) {
+			t3$1 = (itemValue) => {
 				const item = collection.find(itemValue);
 				if (!item) return null;
 				const onDelete = () => {
@@ -24,22 +36,61 @@ function SelectItemsChips({ showAll, onShowAll, onValueChange, count }) {
 					label: item.label,
 					onDelete
 				}, itemValue);
-			}),
-			!showAll && selectedItems.length > count && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_chip.default, {
-				label: `+${String(selectedItems.length - count)}`,
-				onClick: onShowAll,
-				size: "small"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button.default, {
-				design: "v1.2",
-				buttonType: "tertiary",
-				variant: "ghost",
-				size: "small",
-				onClick: () => onValueChange?.([]),
-				children: "Clear All"
-			})
-		]
-	});
+			};
+			$[9] = collection;
+			$[10] = onValueChange;
+			$[11] = selectedItems;
+			$[12] = t3$1;
+		} else t3$1 = $[12];
+		t2 = itemsToShow.map(t3$1);
+		$[4] = collection;
+		$[5] = itemsToShow;
+		$[6] = onValueChange;
+		$[7] = selectedItems;
+		$[8] = t2;
+	} else t2 = $[8];
+	let t3;
+	if ($[13] !== count || $[14] !== onShowAll || $[15] !== selectedItems.length || $[16] !== showAll) {
+		t3 = !showAll && selectedItems.length > count && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_chip.default, {
+			label: `+${String(selectedItems.length - count)}`,
+			onClick: onShowAll,
+			size: "small"
+		});
+		$[13] = count;
+		$[14] = onShowAll;
+		$[15] = selectedItems.length;
+		$[16] = showAll;
+		$[17] = t3;
+	} else t3 = $[17];
+	let t4;
+	if ($[18] !== onValueChange) {
+		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button.default, {
+			design: "v1.2",
+			buttonType: "tertiary",
+			variant: "ghost",
+			size: "small",
+			onClick: () => onValueChange?.([]),
+			children: "Clear All"
+		});
+		$[18] = onValueChange;
+		$[19] = t4;
+	} else t4 = $[19];
+	let t5;
+	if ($[20] !== t2 || $[21] !== t3 || $[22] !== t4) {
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_ds_select_module.default.multiSelectItemsContainer,
+			children: [
+				t2,
+				t3,
+				t4
+			]
+		});
+		$[20] = t2;
+		$[21] = t3;
+		$[22] = t4;
+		$[23] = t5;
+	} else t5 = $[23];
+	return t5;
 }
 
 //#endregion

package/dist/components/ds-select/select-items-chips.js

@@ -1,18 +1,30 @@
 import ds_button_default from "../ds-button/ds-button.js";
 import ds_chip_default from "../ds-chip/ds-chip.js";
 import ds_select_module_default from "./ds-select.module.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useSelectContext } from "@ark-ui/react/select";
 
 //#region src/components/ds-select/select-items-chips.tsx
-function SelectItemsChips({ showAll, onShowAll, onValueChange, count }) {
+function SelectItemsChips(t0) {
+	const $ = c(24);
+	const { showAll, onShowAll, onValueChange, count } = t0;
 	const { collection, value: selectedItems } = useSelectContext();
 	if (!selectedItems.length) return null;
-	const itemsToShow = showAll ? selectedItems : selectedItems.slice(0, count);
-	return /* @__PURE__ */ jsxs("div", {
-		className: ds_select_module_default.multiSelectItemsContainer,
-		children: [
-			itemsToShow.map((itemValue) => {
+	let t1;
+	if ($[0] !== count || $[1] !== selectedItems || $[2] !== showAll) {
+		t1 = showAll ? selectedItems : selectedItems.slice(0, count);
+		$[0] = count;
+		$[1] = selectedItems;
+		$[2] = showAll;
+		$[3] = t1;
+	} else t1 = $[3];
+	const itemsToShow = t1;
+	let t2;
+	if ($[4] !== collection || $[5] !== itemsToShow || $[6] !== onValueChange || $[7] !== selectedItems) {
+		let t3$1;
+		if ($[9] !== collection || $[10] !== onValueChange || $[11] !== selectedItems) {
+			t3$1 = (itemValue) => {
 				const item = collection.find(itemValue);
 				if (!item) return null;
 				const onDelete = () => {
@@ -23,22 +35,61 @@ function SelectItemsChips({ showAll, onShowAll, onValueChange, count }) {
 					label: item.label,
 					onDelete
 				}, itemValue);
-			}),
-			!showAll && selectedItems.length > count && /* @__PURE__ */ jsx(ds_chip_default, {
-				label: `+${String(selectedItems.length - count)}`,
-				onClick: onShowAll,
-				size: "small"
-			}),
-			/* @__PURE__ */ jsx(ds_button_default, {
-				design: "v1.2",
-				buttonType: "tertiary",
-				variant: "ghost",
-				size: "small",
-				onClick: () => onValueChange?.([]),
-				children: "Clear All"
-			})
-		]
-	});
+			};
+			$[9] = collection;
+			$[10] = onValueChange;
+			$[11] = selectedItems;
+			$[12] = t3$1;
+		} else t3$1 = $[12];
+		t2 = itemsToShow.map(t3$1);
+		$[4] = collection;
+		$[5] = itemsToShow;
+		$[6] = onValueChange;
+		$[7] = selectedItems;
+		$[8] = t2;
+	} else t2 = $[8];
+	let t3;
+	if ($[13] !== count || $[14] !== onShowAll || $[15] !== selectedItems.length || $[16] !== showAll) {
+		t3 = !showAll && selectedItems.length > count && /* @__PURE__ */ jsx(ds_chip_default, {
+			label: `+${String(selectedItems.length - count)}`,
+			onClick: onShowAll,
+			size: "small"
+		});
+		$[13] = count;
+		$[14] = onShowAll;
+		$[15] = selectedItems.length;
+		$[16] = showAll;
+		$[17] = t3;
+	} else t3 = $[17];
+	let t4;
+	if ($[18] !== onValueChange) {
+		t4 = /* @__PURE__ */ jsx(ds_button_default, {
+			design: "v1.2",
+			buttonType: "tertiary",
+			variant: "ghost",
+			size: "small",
+			onClick: () => onValueChange?.([]),
+			children: "Clear All"
+		});
+		$[18] = onValueChange;
+		$[19] = t4;
+	} else t4 = $[19];
+	let t5;
+	if ($[20] !== t2 || $[21] !== t3 || $[22] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("div", {
+			className: ds_select_module_default.multiSelectItemsContainer,
+			children: [
+				t2,
+				t3,
+				t4
+			]
+		});
+		$[20] = t2;
+		$[21] = t3;
+		$[22] = t4;
+		$[23] = t5;
+	} else t5 = $[23];
+	return t5;
 }
 
 //#endregion

package/dist/components/ds-select/select-items-chips.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-items-chips.js","names":["styles","DsChip","DsButton"],"sources":["../../../src/components/ds-select/select-items-chips.tsx"],"sourcesContent":["import { useSelectContext, type UseSelectContext } from '@ark-ui/react/select';\nimport styles from './ds-select.module.scss';\nimport DsButton from '../ds-button/ds-button';\nimport DsChip from '../ds-chip/ds-chip';\nimport type { DsSelectOption, SelectOptionValue } from './ds-select.types';\n\ntype SelectItemsChipsProps = {\n\tshowAll: boolean;\n\tonValueChange?: (value: SelectOptionValue[]) => void;\n\tonShowAll: () => void;\n\tcount: number;\n};\n\nexport function SelectItemsChips({ showAll, onShowAll, onValueChange, count }: SelectItemsChipsProps) {\n\tconst { collection, value: selectedItems } = useSelectContext() as UseSelectContext<DsSelectOption>;\n\n\tif (!selectedItems.length) {\n\t\treturn null;\n\t}\n\n\tconst itemsToShow = showAll ? selectedItems : selectedItems.slice(0, count);\n\n\treturn (\n\t\t<div className={styles.multiSelectItemsContainer}>\n\t\t\t{itemsToShow.map((itemValue) => {\n\t\t\t\tconst item = collection.find(itemValue);\n\n\t\t\t\tif (!item) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tconst onDelete = () => {\n\t\t\t\t\tconst filteredValue = selectedItems.filter((v) => v !== item.value);\n\n\t\t\t\t\tonValueChange?.(filteredValue);\n\t\t\t\t};\n\n\t\t\t\treturn <DsChip key={itemValue} label={item.label} onDelete={onDelete} />;\n\t\t\t})}\n\n\t\t\t{!showAll && selectedItems.length > count && (\n\t\t\t\t<DsChip label={`+${String(selectedItems.length - count)}`} onClick={onShowAll} size=\"small\" />\n\t\t\t)}\n\n\t\t\t<DsButton\n\t\t\t\tdesign=\"v1.2\"\n\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\tvariant=\"ghost\"\n\t\t\t\tsize=\"small\"\n\t\t\t\tonClick={() => onValueChange?.([])}\n\t\t\t>\n\t\t\t\tClear All\n\t\t\t</DsButton>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAaA,SAAgB,iBAAiB,EAAE,SAAS,WAAW,eAAe,SAAgC;CACrG,MAAM,EAAE,YAAY,OAAO,kBAAkB,kBAAkB;AAE/D,KAAI,CAAC,cAAc,OAClB,QAAO;CAGR,MAAM,cAAc,UAAU,gBAAgB,cAAc,MAAM,GAAG,MAAM;AAE3E,QACC,qBAAC;EAAI,WAAWA,yBAAO;;GACrB,YAAY,KAAK,cAAc;IAC/B,MAAM,OAAO,WAAW,KAAK,UAAU;AAEvC,QAAI,CAAC,KACJ,QAAO;IAGR,MAAM,iBAAiB;KACtB,MAAM,gBAAgB,cAAc,QAAQ,MAAM,MAAM,KAAK,MAAM;AAEnE,qBAAgB,cAAc;;AAG/B,WAAO,oBAACC;KAAuB,OAAO,KAAK;KAAiB;OAAxC,UAAoD;KACvE;GAED,CAAC,WAAW,cAAc,SAAS,SACnC,oBAACA;IAAO,OAAO,IAAI,OAAO,cAAc,SAAS,MAAM;IAAI,SAAS;IAAW,MAAK;KAAU;GAG/F,oBAACC;IACA,QAAO;IACP,YAAW;IACX,SAAQ;IACR,MAAK;IACL,eAAe,gBAAgB,EAAE,CAAC;cAClC;KAEU;;GACN"}
+{"version":3,"file":"select-items-chips.js","names":["useSelectContext","UseSelectContext","styles","DsButton","DsChip","DsSelectOption","SelectOptionValue","SelectItemsChipsProps","showAll","onValueChange","value","onShowAll","count","SelectItemsChips","t0","$","_c","collection","selectedItems","length","t1","slice","itemsToShow","t2","t3","itemValue","item","find","onDelete","filteredValue","filter","v","label","map","String","t4","t5","multiSelectItemsContainer"],"sources":["../../../src/components/ds-select/select-items-chips.tsx"],"sourcesContent":["import { useSelectContext, type UseSelectContext } from '@ark-ui/react/select';\nimport styles from './ds-select.module.scss';\nimport DsButton from '../ds-button/ds-button';\nimport DsChip from '../ds-chip/ds-chip';\nimport type { DsSelectOption, SelectOptionValue } from './ds-select.types';\n\ntype SelectItemsChipsProps = {\n\tshowAll: boolean;\n\tonValueChange?: (value: SelectOptionValue[]) => void;\n\tonShowAll: () => void;\n\tcount: number;\n};\n\nexport function SelectItemsChips({ showAll, onShowAll, onValueChange, count }: SelectItemsChipsProps) {\n\tconst { collection, value: selectedItems } = useSelectContext() as UseSelectContext<DsSelectOption>;\n\n\tif (!selectedItems.length) {\n\t\treturn null;\n\t}\n\n\tconst itemsToShow = showAll ? selectedItems : selectedItems.slice(0, count);\n\n\treturn (\n\t\t<div className={styles.multiSelectItemsContainer}>\n\t\t\t{itemsToShow.map((itemValue) => {\n\t\t\t\tconst item = collection.find(itemValue);\n\n\t\t\t\tif (!item) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tconst onDelete = () => {\n\t\t\t\t\tconst filteredValue = selectedItems.filter((v) => v !== item.value);\n\n\t\t\t\t\tonValueChange?.(filteredValue);\n\t\t\t\t};\n\n\t\t\t\treturn <DsChip key={itemValue} label={item.label} onDelete={onDelete} />;\n\t\t\t})}\n\n\t\t\t{!showAll && selectedItems.length > count && (\n\t\t\t\t<DsChip label={`+${String(selectedItems.length - count)}`} onClick={onShowAll} size=\"small\" />\n\t\t\t)}\n\n\t\t\t<DsButton\n\t\t\t\tdesign=\"v1.2\"\n\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\tvariant=\"ghost\"\n\t\t\t\tsize=\"small\"\n\t\t\t\tonClick={() => onValueChange?.([])}\n\t\t\t>\n\t\t\t\tClear All\n\t\t\t</DsButton>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;AAaA,SAAOa,iBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAA0B,MAAA,EAAAR,SAAAG,WAAAF,eAAAG,UAAAE;CAChC,MAAA,EAAAG,YAAAP,OAAAQ,kBAA6ClB,kBAAkB;AAE/D,KAAI,CAACkB,cAAaC,OAAO,QACjB;CACP,IAAAC;AAAA,KAAAL,EAAA,OAAAH,SAAAG,EAAA,OAAAG,iBAAAH,EAAA,OAAAP,SAAA;AAEmBY,OAAAZ,UAAAU,gBAA0BA,cAAaG,MAAO,GAAGT,MAAM;AAAAG,IAAA,KAAAH;AAAAG,IAAA,KAAAG;AAAAH,IAAA,KAAAP;AAAAO,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAA3E,MAAAO,cAAoBF;CAAwD,IAAAG;AAAA,KAAAR,EAAA,OAAAE,cAAAF,EAAA,OAAAO,eAAAP,EAAA,OAAAN,iBAAAM,EAAA,OAAAG,eAAA;EAAA,IAAAM;AAAA,MAAAT,EAAA,OAAAE,cAAAF,EAAA,QAAAN,iBAAAM,EAAA,QAAAG,eAAA;AAIzDM,WAAAC,cAAA;IAChB,MAAAC,OAAaT,WAAUU,KAAMF,UAAU;AAEvC,QAAI,CAACC,KAAI,QACD;IAGR,MAAAE,iBAAiB;KAChB,MAAAC,gBAAsBX,cAAaY,QAAQC,MAAOA,MAAML,KAAIhB,MAAO;AAEnED,qBAAgBoB,cAAc;;AAC7B,WAEK,oBAAC;KAA8B,OAAAH,KAAIM;KAAkBJ;OAAxCH,UAAoD;;AACxEV,KAAA,KAAAE;AAAAF,KAAA,MAAAN;AAAAM,KAAA,MAAAG;AAAAH,KAAA,MAAAS;QAAAA,QAAAT,EAAA;AAdAQ,OAAAD,YAAWW,IAAKT,KAcf;AAAAT,IAAA,KAAAE;AAAAF,IAAA,KAAAO;AAAAP,IAAA,KAAAN;AAAAM,IAAA,KAAAG;AAAAH,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,QAAAH,SAAAG,EAAA,QAAAJ,aAAAI,EAAA,QAAAG,cAAAC,UAAAJ,EAAA,QAAAP,SAAA;AAEDgB,OAAA,CAAChB,WAAWU,cAAaC,SAAUP,SACnC,oBAAC;GAAc,OAAA,IAAIsB,OAAOhB,cAAaC,SAAUP,MAAM;GAAaD,SAAAA;GAAgB,MAAA;IACpF;AAAAI,IAAA,MAAAH;AAAAG,IAAA,MAAAJ;AAAAI,IAAA,MAAAG,cAAAC;AAAAJ,IAAA,MAAAP;AAAAO,IAAA,MAAAS;OAAAA,MAAAT,EAAA;CAAA,IAAAoB;AAAA,KAAApB,EAAA,QAAAN,eAAA;AAED0B,OAAA,oBAAC;GACO,QAAA;GACI,YAAA;GACH,SAAA;GACH,MAAA;GACI,eAAM1B,gBAAgB,EAAE,CAAA;aACjC;IAEU;AAAAM,IAAA,MAAAN;AAAAM,IAAA,MAAAoB;OAAAA,MAAApB,EAAA;CAAA,IAAAqB;AAAA,KAAArB,EAAA,QAAAQ,MAAAR,EAAA,QAAAS,MAAAT,EAAA,QAAAoB,IAAA;AA7BZC,OAAA,qBAAA;GAAgB,WAAAlC,yBAAMmC;;IACpBd;IAgBAC;IAIDW;;IASK;AAAApB,IAAA,MAAAQ;AAAAR,IAAA,MAAAS;AAAAT,IAAA,MAAAoB;AAAApB,IAAA,MAAAqB;OAAAA,MAAArB,EAAA;AAAA,QA9BNqB"}