shad-m 1.0.0 → 1.0.2

package/dist/common/interactive/select/select-content-group-auto-layout.mjs

@@ -1,389 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useDevice } from '@/hooks/useDevice';
-import { debounce, useCallbackRef } from '@/lib/helpers';
-import { TRACKING_TYPE } from '@/lib/types';
-import { cn } from '@/lib/utils';
-import { useUISystemContext } from '@/providers/UISystemProvider';
-import { Check, Minus } from 'lucide-react';
-import * as React from 'react';
-import { GroupedVirtuoso, Virtuoso } from 'react-virtuoso';
-import { Checkbox } from '../../../components/checkbox';
-import { ListItem, ListItemValueText } from '../list';
-import { useSelectContext, SelectTrackingContext } from './context';
-import { SelectContent } from './select-content';
-import { SelectItem } from './select-item';
-import { SelectGroupTitle, SelectSeparator, SelectList } from './select-layout';
-import { SelectSearch } from './select-search';
-import { SelectEmptyState } from './select-states';
-import { removeDiacritics } from './utils';
-
-const ItemHeight = 48;
-const ItemHeightWithDescription = 68;
-const VirtualSoEmptyPlaceholder = React.forwardRef((_, ref) => {
-  return /* @__PURE__ */ jsx(SelectEmptyState, { ref });
-});
-VirtualSoEmptyPlaceholder.displayName = "VirtualSoEmptyPlaceholder";
-function GroupCheckbox({
-  group,
-  className
-}) {
-  const { name, options = [], value: valueOfGroup } = group;
-  const { value = [], setValue, groupValue = {}, setGroupValue } = useSelectContext();
-  let numOfItemChecked = 0;
-  const _values = value.map((item) => item.value);
-  options.forEach((item) => {
-    if (_values?.includes(item.value)) numOfItemChecked++;
-  });
-  const isChecked = React.useMemo(() => {
-    return numOfItemChecked === options.length && options.length > 0 || !!valueOfGroup && options.length === 0 && groupValue?.group?.map((grVal) => grVal?.value)?.includes(valueOfGroup);
-  }, [options, valueOfGroup, groupValue, numOfItemChecked]);
-  const hasItemChecked = !isChecked && numOfItemChecked > 0;
-  const IndicatorComp = isChecked ? Check : Minus;
-  const {
-    blockSendTracking,
-    keyForName,
-    keyForValue,
-    sendIfUnCheck,
-    trackingData: trackingDataContext,
-    trackingIndex,
-    trackingName,
-    trackingGroupName
-  } = React.useContext(SelectTrackingContext);
-  const { sendTrack } = useUISystemContext() || {};
-  const sendTracking = useCallbackRef((options2, checked) => {
-    if (!(trackingName && trackingGroupName) || blockSendTracking) return;
-    const optionsFilter = options2.filter((item) => !value.some((elm) => elm.value === item.value));
-    if (trackingGroupName) {
-      sendTrack?.(trackingGroupName, TRACKING_TYPE.click, {
-        [keyForName || "name"]: name
-      });
-    }
-    optionsFilter.forEach((item) => {
-      const trackingData = {
-        ...trackingDataContext || {},
-        status: checked ? "checked" : "unchecked",
-        [keyForValue || "value"]: item?.value,
-        [keyForName || "name"]: item?.name
-      };
-      sendTrack?.(trackingName, TRACKING_TYPE.click, {
-        ...trackingData,
-        trackingIndex
-      });
-    });
-  });
-  const onClickFn = React.useCallback(() => {
-    const optionValues = options.map((item) => item.value);
-    if (isChecked) {
-      setGroupValue?.((prev = { group: [], child: [] }) => {
-        const listGroupItemUnchecked = prev?.group?.filter((item) => item?.value !== valueOfGroup);
-        return {
-          group: listGroupItemUnchecked,
-          child: value?.filter((item) => !optionValues.includes(item.value))?.map((item) => ({ ...item, parentValue: group?.value }))
-        };
-      });
-      setValue?.((prevValue = []) => {
-        const listItemUnchecked = prevValue.filter((item) => !optionValues.includes(item.value));
-        sendIfUnCheck && sendTracking(listItemUnchecked, false);
-        return listItemUnchecked;
-      });
-    } else {
-      setGroupValue?.((prev = { group: [], child: [] }) => {
-        const resultGroup = [...prev?.group || []];
-        if (!resultGroup?.includes(group)) {
-          resultGroup?.push(group);
-        }
-        const resultChild = [...value];
-        const resultValue = resultChild.map((item) => item.value);
-        optionValues.forEach((item, index) => {
-          if (!resultValue.includes(item)) {
-            resultChild.push({ ...options[index], parentValue: group?.value });
-          }
-        });
-        return { group: resultGroup, child: resultChild };
-      });
-      setValue?.((prevValue = []) => {
-        const result = [...prevValue];
-        const resultValue = result.map((item) => item.value);
-        optionValues.forEach((item, index) => {
-          if (!resultValue.includes(item)) {
-            const option = options[index];
-            if (option) {
-              result.push(option);
-            }
-          }
-        });
-        sendTracking(result, true);
-        return result;
-      });
-    }
-  }, [
-    isChecked,
-    options,
-    sendIfUnCheck,
-    sendTracking,
-    setValue,
-    setGroupValue,
-    value,
-    group,
-    valueOfGroup
-  ]);
-  return /* @__PURE__ */ jsxs(
-    ListItem,
-    {
-      activated: isChecked,
-      className: cn("cursor-pointer space-x-3"),
-      size: "normal",
-      onClick: onClickFn,
-      children: [
-        /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            checked: isChecked || hasItemChecked,
-            indicator: /* @__PURE__ */ jsx(IndicatorComp, { color: "#ffffff", className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ jsx(ListItemValueText, { className: cn("flex-1 font-medium", className), children: name })
-      ]
-    }
-  );
-}
-const defaultItemContentGroupRenderer = ({
-  option,
-  multiple,
-  inGroupCheckbox,
-  group
-}) => {
-  if (!option || !option.value) return null;
-  return /* @__PURE__ */ jsx(
-    SelectItem,
-    {
-      className: cn({ "pl-6": inGroupCheckbox }),
-      multiple,
-      option,
-      group,
-      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-foreground text-base", children: option?.name || option.value }),
-        option?.description && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground mt-0.5 text-sm", children: option.description })
-      ] })
-    }
-  );
-};
-const SelectContentGroupAutoLayout = React.forwardRef(
-  ({
-    hasSearch: hasSearchProp,
-    searchGroup: searchGroupProp,
-    autoSearch = true,
-    multiple,
-    options: optionsProps,
-    searchPlaceholder = "T\xECm ki\u1EBFm",
-    isGroupCheckbox,
-    classNameTitle,
-    itemContentRenderer = defaultItemContentGroupRenderer,
-    onSearchChange,
-    additionalContent,
-    closeAfterClear,
-    ...props
-  }, ref) => {
-    const { isDesktop } = useDevice();
-    const { setAvailableOptions } = useSelectContext();
-    const [optionsState, setOptionsState] = React.useState(optionsProps || []);
-    const optionsPropFlat = React.useMemo(
-      () => (optionsProps || []).map((item, groupIndex) => {
-        return item.options?.map((subItem, index) => ({
-          ...subItem,
-          groupName: item.name,
-          isLastItemInGroup: index === item.options.length - 1
-        }));
-      }).flat(),
-      [optionsProps]
-    );
-    React.useEffect(() => {
-      if (optionsPropFlat && setAvailableOptions) {
-        setAvailableOptions(optionsPropFlat);
-      }
-    }, [optionsPropFlat, setAvailableOptions]);
-    const [searchKeyword, setSearchKeyword] = React.useState("");
-    const [searchKeywordDebounced, setSearchKeywordDebounced] = React.useState("");
-    const [options, setOptions] = React.useState(optionsPropFlat || []);
-    const onSearchChangeInternal = React.useMemo(() => {
-      return debounce(async (value2) => {
-        const valueSearch = value2.trim();
-        if (onSearchChange) {
-          onSearchChange(valueSearch);
-          return;
-        }
-        if (!valueSearch) {
-          setSearchKeywordDebounced("");
-          searchGroupProp && setOptionsState(optionsProps);
-          setOptions(
-            (optionsProps || []).map((item) => {
-              return item.options?.map((subItem, index) => ({
-                ...subItem,
-                groupName: item.name,
-                isLastItemInGroup: index === item.options.length - 1
-              }));
-            }).flat()
-          );
-          return;
-        }
-        const Fuse = (await import('fuse.js')).default;
-        const fuseOptions = new Fuse(optionsPropFlat, {
-          keys: [
-            { name: "name", weight: 0.7 },
-            { name: "value", weight: 0.5 },
-            { name: "description", weight: 0.3 },
-            { name: "groupName", weight: 0.4 }
-          ],
-          threshold: 0.3,
-          includeScore: true,
-          ignoreLocation: true,
-          findAllMatches: true,
-          getFn: (obj, path) => {
-            const value3 = Fuse.config.getFn(obj, path);
-            if (typeof value3 === "string") {
-              return removeDiacritics(value3);
-            }
-            return value3;
-          }
-        });
-        const newOptions = fuseOptions.search(removeDiacritics(valueSearch)).map((item) => item.item);
-        const fuseOptionsState = new Fuse(optionsState, {
-          keys: [{ name: "name", weight: 1 }],
-          threshold: 0.3,
-          includeScore: true,
-          ignoreLocation: true,
-          findAllMatches: true,
-          getFn: (obj, path) => {
-            const value3 = Fuse.config.getFn(obj, path);
-            if (typeof value3 === "string") {
-              return removeDiacritics(value3);
-            }
-            return value3;
-          }
-        });
-        const newOptionsState = fuseOptionsState.search(removeDiacritics(valueSearch)).map((item) => item.item);
-        setOptions(newOptions);
-        searchGroupProp && setOptionsState(newOptionsState);
-        setSearchKeywordDebounced(valueSearch);
-      }, 300);
-    }, [optionsPropFlat, optionsProps, searchGroupProp, optionsState, onSearchChange]);
-    const onSearchInputChange = React.useCallback(
-      (e) => {
-        setSearchKeyword(e.target.value);
-        onSearchChangeInternal(e.target.value);
-      },
-      [onSearchChangeInternal]
-    );
-    const { value } = useSelectContext();
-    const initialTopMostItemIndex = React.useMemo(() => {
-      const lastValue = value?.[value?.length - 1];
-      if (!lastValue) return 0;
-      const lastValueIndex = options.findIndex((item) => item.value === lastValue.value);
-      return lastValueIndex;
-    }, [options, value]);
-    const context = React.useMemo(
-      () => ({
-        searchKeyword: ""
-      }),
-      []
-    );
-    const groupContent = React.useCallback(
-      (groupIndex) => {
-        const group = optionsState[groupIndex];
-        if (!group) return null;
-        if (isGroupCheckbox) {
-          return /* @__PURE__ */ jsx(GroupCheckbox, { className: classNameTitle, group });
-        }
-        return /* @__PURE__ */ jsx(
-          SelectGroupTitle,
-          {
-            className: cn("bg-white py-3 text-base"),
-            style: {
-              background: !group.name ? "transparent" : void 0,
-              height: !group.name ? "1px" : void 0
-            },
-            children: group.name
-          }
-        );
-      },
-      [isGroupCheckbox, optionsState, classNameTitle]
-    );
-    const itemContent = React.useCallback(
-      (index, _groupIndex) => {
-        const group = optionsState[_groupIndex];
-        const option = options[index];
-        if (!option) return null;
-        const isLastGroup = options?.length === index + 1;
-        const isLastItem = option?.isLastItemInGroup;
-        const selectItemNode = itemContentRenderer({
-          multiple,
-          option,
-          inGroupCheckbox: isGroupCheckbox,
-          group
-        });
-        return /* @__PURE__ */ jsxs("div", { children: [
-          selectItemNode,
-          isLastItem && !isLastGroup && !searchKeyword && /* @__PURE__ */ jsx(SelectSeparator, {})
-        ] });
-      },
-      [isGroupCheckbox, itemContentRenderer, multiple, options, searchKeyword, optionsState]
-    );
-    const hasFooter = multiple && options.length > 0;
-    const listHeight = React.useMemo(() => {
-      const numberGroup = optionsState?.length ?? 0;
-      const numberOptions = optionsPropFlat?.length ?? 0;
-      const hasDescription = optionsPropFlat?.some((option) => option.description);
-      const itemHeight = hasDescription ? ItemHeightWithDescription : ItemHeight;
-      const totalHeight = (numberGroup + numberOptions) * itemHeight;
-      const maxHeight = !isDesktop ? typeof window !== "undefined" ? window.innerHeight * 0.5 : 400 : 250;
-      return Math.min(totalHeight, maxHeight);
-    }, [optionsPropFlat, optionsState?.length, isDesktop]);
-    const groupCounts = React.useMemo(
-      () => optionsState?.map((item) => item.options.length),
-      [optionsState]
-    );
-    const commonProps = {
-      style: {
-        height: listHeight
-      },
-      initialTopMostItemIndex,
-      itemContent,
-      defaultItemHeight: ItemHeight,
-      components: {
-        // Scroller: ScrollArea,
-        List: SelectList,
-        EmptyPlaceholder: VirtualSoEmptyPlaceholder
-      },
-      context,
-      className: "custom-select-scroll max-h-[50vh] lg:max-h-[250px]"
-    };
-    const hasSearch = !!searchKeywordDebounced;
-    return /* @__PURE__ */ jsxs(
-      SelectContent,
-      {
-        searchElm: hasSearchProp ? /* @__PURE__ */ jsx(
-          SelectSearch,
-          {
-            placeholder: searchPlaceholder,
-            value: searchKeyword,
-            onChange: onSearchInputChange
-          }
-        ) : null,
-        additionalContent,
-        ref,
-        hasFooter,
-        closeAfterClear,
-        ...props,
-        children: [
-          (!hasSearch || searchGroupProp) && listHeight > 0 && /* @__PURE__ */ jsx(GroupedVirtuoso, { ...commonProps, groupCounts, groupContent }),
-          hasSearch && !searchGroupProp && listHeight > 0 && /* @__PURE__ */ jsx(Virtuoso, { ...commonProps, totalCount: options.length })
-        ]
-      }
-    );
-  }
-);
-SelectContentGroupAutoLayout.displayName = "SelectContentGroupAutoLayout";
-
-export { SelectContentGroupAutoLayout };
-//# sourceMappingURL=select-content-group-auto-layout.mjs.map
-//# sourceMappingURL=select-content-group-auto-layout.mjs.map

package/dist/common/interactive/select/select-content-group-auto-layout.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/common/interactive/select/select-content-group-auto-layout.tsx"],"names":["options","value"],"mappings":";;;;;;;;;;;;;;;;;;;AAyBA,MAAM,UAAA,GAAa,EAAA;AACnB,MAAM,yBAAA,GAA4B,EAAA;AAElC,MAAM,yBAAA,GACJ,KAAA,CAAM,UAAA,CAAW,CAAC,GAAG,GAAA,KAAmC;AACtD,EAAA,uBAAO,GAAA,CAAC,oBAAiB,GAAA,EAAU,CAAA;AACrC,CAAC,CAAA;AAEH,yBAAA,CAA0B,WAAA,GAAc,2BAAA;AAExC,SAAS,aAAA,CAAc;AAAA,EACrB,KAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,GAAU,EAAC,EAAG,KAAA,EAAO,cAAa,GAAI,KAAA;AACpD,EAAA,MAAM,EAAE,KAAA,GAAQ,EAAC,EAAG,QAAA,EAAU,aAAa,EAAC,EAAG,aAAA,EAAc,GAAI,gBAAA,EAAiB;AAClF,EAAA,IAAI,gBAAA,GAAmB,CAAA;AACvB,EAAA,MAAM,UAAU,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,KAAS,KAAK,KAAK,CAAA;AAC9C,EAAA,OAAA,CAAQ,OAAA,CAAQ,CAAC,IAAA,KAAS;AACxB,IAAA,IAAI,OAAA,EAAS,QAAA,CAAS,IAAA,CAAK,KAAK,CAAA,EAAG,gBAAA,EAAA;AAAA,EACrC,CAAC,CAAA;AACD,EAAA,MAAM,SAAA,GAAY,KAAA,CAAM,OAAA,CAAQ,MAAM;AACpC,IAAA,OACG,gBAAA,KAAqB,QAAQ,MAAA,IAAU,OAAA,CAAQ,SAAS,CAAA,IACxD,CAAC,CAAC,YAAA,IACD,OAAA,CAAQ,WAAW,CAAA,IACnB,UAAA,EAAY,OAAO,GAAA,CAAI,CAAC,UAAU,KAAA,EAAO,KAAK,CAAA,EAAG,QAAA,CAAS,YAAsB,CAAA;AAAA,EAEtF,GAAG,CAAC,OAAA,EAAS,YAAA,EAAc,UAAA,EAAY,gBAAgB,CAAC,CAAA;AACxD,EAAA,MAAM,cAAA,GAAiB,CAAC,SAAA,IAAa,gBAAA,GAAmB,CAAA;AACxD,EAAA,MAAM,aAAA,GAAgB,YAAY,KAAA,GAAQ,KAAA;AAE1C,EAAA,MAAM;AAAA,IACJ,iBAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA,EAAc,mBAAA;AAAA,IACd,aAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACF,GAAI,KAAA,CAAM,UAAA,CAAW,qBAAqB,CAAA;AAC1C,EAAA,MAAM,EAAE,SAAA,EAAU,GAAI,kBAAA,MAAwB,EAAC;AAG/C,EAAA,MAAM,YAAA,GAAe,cAAA,CAAe,CAACA,QAAAA,EAAmB,OAAA,KAAqB;AAC3E,IAAA,IAAI,EAAE,YAAA,IAAgB,iBAAA,CAAA,IAAsB,iBAAA,EAAmB;AAC/D,IAAA,MAAM,aAAA,GAAgBA,QAAAA,CAAQ,MAAA,CAAO,CAAC,SAAS,CAAC,KAAA,CAAM,IAAA,CAAK,CAAC,GAAA,KAAQ,GAAA,CAAI,KAAA,KAAU,IAAA,CAAK,KAAK,CAAC,CAAA;AAC7F,IAAA,IAAI,iBAAA,EAAmB;AACrB,MAAA,SAAA,GAAY,iBAAA,EAAmB,cAAc,KAAA,EAAO;AAAA,QAClD,CAAC,UAAA,IAAc,MAAM,GAAG;AAAA,OACzB,CAAA;AAAA,IACH;AACA,IAAA,aAAA,CAAc,OAAA,CAAQ,CAAC,IAAA,KAAS;AAC9B,MAAA,MAAM,YAAA,GAAe;AAAA,QACnB,GAAI,uBAAuB,EAAC;AAAA,QAC5B,MAAA,EAAQ,UAAU,SAAA,GAAY,WAAA;AAAA,QAC9B,CAAC,WAAA,IAAe,OAAO,GAAG,IAAA,EAAM,KAAA;AAAA,QAChC,CAAC,UAAA,IAAc,MAAM,GAAG,IAAA,EAAM;AAAA,OAChC;AACA,MAAA,SAAA,GAAY,YAAA,EAAc,cAAc,KAAA,EAAO;AAAA,QAC7C,GAAG,YAAA;AAAA,QACH;AAAA,OACD,CAAA;AAAA,IACH,CAAC,CAAA;AAAA,EACH,CAAC,CAAA;AAED,EAAA,MAAM,SAAA,GAAY,KAAA,CAAM,WAAA,CAAY,MAAM;AACxC,IAAA,MAAM,eAAe,OAAA,CAAQ,GAAA,CAAI,CAAC,IAAA,KAAS,KAAK,KAAK,CAAA;AACrD,IAAA,IAAI,SAAA,EAAW;AAEb,MAAA,aAAA,GAAgB,CAAC,OAAO,EAAE,KAAA,EAAO,EAAC,EAAG,KAAA,EAAO,EAAC,EAAE,KAAM;AACnD,QAAA,MAAM,sBAAA,GAAyB,MAAM,KAAA,EAAO,MAAA,CAAO,CAAC,IAAA,KAAS,IAAA,EAAM,UAAU,YAAY,CAAA;AACzF,QAAA,OAAO;AAAA,UACL,KAAA,EAAO,sBAAA;AAAA,UACP,KAAA,EAAO,OACH,MAAA,CAAO,CAAC,SAAS,CAAC,YAAA,CAAa,SAAS,IAAA,CAAK,KAAK,CAAC,CAAA,EACnD,GAAA,CAAI,CAAC,IAAA,MAAU,EAAE,GAAG,IAAA,EAAM,WAAA,EAAa,KAAA,EAAO,KAAA,EAAM,CAAE;AAAA,SAC5D;AAAA,MACF,CAAC,CAAA;AACD,MAAA,QAAA,GAAW,CAAC,SAAA,GAAY,EAAC,KAAM;AAC7B,QAAA,MAAM,iBAAA,GAAoB,SAAA,CAAU,MAAA,CAAO,CAAC,IAAA,KAAS,CAAC,YAAA,CAAa,QAAA,CAAS,IAAA,CAAK,KAAK,CAAC,CAAA;AAGvF,QAAA,aAAA,IAAiB,YAAA,CAAa,mBAAmB,KAAK,CAAA;AACtD,QAAA,OAAO,iBAAA;AAAA,MACT,CAAC,CAAA;AAAA,IACH,CAAA,MAAO;AAEL,MAAA,aAAA,GAAgB,CAAC,OAAO,EAAE,KAAA,EAAO,EAAC,EAAG,KAAA,EAAO,EAAC,EAAE,KAAM;AACnD,QAAA,MAAM,cAAc,CAAC,GAAI,IAAA,EAAM,KAAA,IAAS,EAAG,CAAA;AAC3C,QAAA,IAAI,CAAC,WAAA,EAAa,QAAA,CAAS,KAA4B,CAAA,EAAG;AACxD,UAAA,WAAA,EAAa,KAAK,KAA4B,CAAA;AAAA,QAChD;AACA,QAAA,MAAM,WAAA,GAAc,CAAC,GAAG,KAAK,CAAA;AAC7B,QAAA,MAAM,cAAc,WAAA,CAAY,GAAA,CAAI,CAAC,IAAA,KAAS,KAAK,KAAK,CAAA;AACxD,QAAA,YAAA,CAAa,OAAA,CAAQ,CAAC,IAAA,EAAM,KAAA,KAAU;AACpC,UAAA,IAAI,CAAC,WAAA,CAAY,QAAA,CAAS,IAAI,CAAA,EAAG;AAC/B,YAAA,WAAA,CAAY,IAAA,CAAK,EAAE,GAAG,OAAA,CAAQ,KAAK,CAAA,EAAG,WAAA,EAAa,KAAA,EAAO,KAAA,EAAiB,CAAA;AAAA,UAC7E;AAAA,QACF,CAAC,CAAA;AACD,QAAA,OAAO,EAAE,KAAA,EAAO,WAAA,EAAa,KAAA,EAAO,WAAA,EAAY;AAAA,MAClD,CAAC,CAAA;AACD,MAAA,QAAA,GAAW,CAAC,SAAA,GAAY,EAAC,KAAM;AAC7B,QAAA,MAAM,MAAA,GAAS,CAAC,GAAG,SAAS,CAAA;AAC5B,QAAA,MAAM,cAAc,MAAA,CAAO,GAAA,CAAI,CAAC,IAAA,KAAS,KAAK,KAAK,CAAA;AACnD,QAAA,YAAA,CAAa,OAAA,CAAQ,CAAC,IAAA,EAAM,KAAA,KAAU;AACpC,UAAA,IAAI,CAAC,WAAA,CAAY,QAAA,CAAS,IAAI,CAAA,EAAG;AAC/B,YAAA,MAAM,MAAA,GAAS,QAAQ,KAAK,CAAA;AAC5B,YAAA,IAAI,MAAA,EAAQ;AACV,cAAA,MAAA,CAAO,KAAK,MAAM,CAAA;AAAA,YACpB;AAAA,UACF;AAAA,QACF,CAAC,CAAA;AACD,QAAA,YAAA,CAAa,QAAQ,IAAI,CAAA;AACzB,QAAA,OAAO,MAAA;AAAA,MACT,CAAC,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG;AAAA,IACD,SAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,uBACE,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,SAAA;AAAA,MACX,SAAA,EAAW,GAAG,0BAA0B,CAAA;AAAA,MACxC,IAAA,EAAK,QAAA;AAAA,MACL,OAAA,EAAS,SAAA;AAAA,MAET,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,SAAS,SAAA,IAAa,cAAA;AAAA,YACtB,2BAAW,GAAA,CAAC,aAAA,EAAA,EAAc,KAAA,EAAM,SAAA,EAAU,WAAU,SAAA,EAAU;AAAA;AAAA,SAChE;AAAA,4BACC,iBAAA,EAAA,EAAkB,SAAA,EAAW,GAAG,oBAAA,EAAsB,SAAS,GAAI,QAAA,EAAA,IAAA,EAAK;AAAA;AAAA;AAAA,GAC3E;AAEJ;AAEA,MAAM,kCAAoE,CAAC;AAAA,EACzE,MAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA;AAAA,EACA;AACF,CAAA,KAAM;AACJ,EAAA,IAAI,CAAC,MAAA,IAAU,CAAC,MAAA,CAAO,OAAO,OAAO,IAAA;AACrC,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,EAAE,MAAA,EAAQ,iBAAiB,CAAA;AAAA,MACzC,QAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MAEA,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,eAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,2BAAA,EAA6B,QAAA,EAAA,MAAA,EAAQ,IAAA,IAAQ,OAAO,KAAA,EAAM,CAAA;AAAA,QACxE,QAAQ,WAAA,oBACP,GAAA,CAAC,SAAI,SAAA,EAAU,sCAAA,EAAwC,iBAAO,WAAA,EAAY;AAAA,OAAA,EAE9E;AAAA;AAAA,GACF;AAEJ,CAAA;AAEA,MAAM,+BAA+B,KAAA,CAAM,UAAA;AAAA,EAIzC,CACE;AAAA,IACE,SAAA,EAAW,aAAA;AAAA,IACX,WAAA,EAAa,eAAA;AAAA,IACb,UAAA,GAAa,IAAA;AAAA,IACb,QAAA;AAAA,IACA,OAAA,EAAS,YAAA;AAAA,IACT,iBAAA,GAAoB,kBAAA;AAAA,IACpB,eAAA;AAAA,IACA,cAAA;AAAA,IACA,mBAAA,GAAsB,+BAAA;AAAA,IACtB,cAAA;AAAA,IACA,iBAAA;AAAA,IACA,eAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,EAAE,SAAA,EAAU,GAAI,SAAA,EAAU;AAChC,IAAA,MAAM,EAAE,mBAAA,EAAoB,GAAI,gBAAA,EAAiB;AAEjD,IAAA,MAAM,CAAC,cAAc,eAAe,CAAA,GAAI,MAAM,QAAA,CAAS,YAAA,IAAgB,EAAE,CAAA;AACzE,IAAA,MAAM,kBAAkB,KAAA,CAAM,OAAA;AAAA,MAC5B,OACG,YAAA,IAAgB,IACd,GAAA,CAAI,CAAC,MAAM,UAAA,KAAe;AACzB,QAAA,OAAO,IAAA,CAAK,OAAA,EAAS,GAAA,CAAI,CAAC,SAAS,KAAA,MAAW;AAAA,UAC5C,GAAG,OAAA;AAAA,UACH,WAAW,IAAA,CAAK,IAAA;AAAA,UAChB,iBAAA,EAAmB,KAAA,KAAU,IAAA,CAAK,OAAA,CAAQ,MAAA,GAAS;AAAA,SACrD,CAAE,CAAA;AAAA,MACJ,CAAC,EACA,IAAA,EAAK;AAAA,MACV,CAAC,YAAY;AAAA,KACf;AAGA,IAAA,KAAA,CAAM,UAAU,MAAM;AACpB,MAAA,IAAI,mBAAmB,mBAAA,EAAqB;AAC1C,QAAA,mBAAA,CAAoB,eAAe,CAAA;AAAA,MACrC;AAAA,IACF,CAAA,EAAG,CAAC,eAAA,EAAiB,mBAAmB,CAAC,CAAA;AACzC,IAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,KAAA,CAAM,SAAS,EAAE,CAAA;AAC3D,IAAA,MAAM,CAAC,sBAAA,EAAwB,yBAAyB,CAAA,GAAI,KAAA,CAAM,SAAS,EAAE,CAAA;AAC7E,IAAA,MAAM,CAAC,SAAS,UAAU,CAAA,GAAI,MAAM,QAAA,CAAS,eAAA,IAAmB,EAAE,CAAA;AAElE,IAAA,MAAM,sBAAA,GAAyB,KAAA,CAAM,OAAA,CAAQ,MAAM;AACjD,MAAA,OAAO,QAAA,CAAS,OAAOC,MAAAA,KAAkB;AACvC,QAAA,MAAM,WAAA,GAAcA,OAAM,IAAA,EAAK;AAG/B,QAAA,IAAI,cAAA,EAAgB;AAClB,UAAA,cAAA,CAAe,WAAW,CAAA;AAC1B,UAAA;AAAA,QACF;AAGA,QAAA,IAAI,CAAC,WAAA,EAAa;AAChB,UAAA,yBAAA,CAA0B,EAAE,CAAA;AAC5B,UAAA,eAAA,IAAmB,gBAAgB,YAAY,CAAA;AAC/C,UAAA,UAAA;AAAA,YAAA,CACG,YAAA,IAAgB,EAAC,EACf,GAAA,CAAI,CAAC,IAAA,KAAS;AACb,cAAA,OAAO,IAAA,CAAK,OAAA,EAAS,GAAA,CAAI,CAAC,SAAS,KAAA,MAAW;AAAA,gBAC5C,GAAG,OAAA;AAAA,gBACH,WAAW,IAAA,CAAK,IAAA;AAAA,gBAChB,iBAAA,EAAmB,KAAA,KAAU,IAAA,CAAK,OAAA,CAAQ,MAAA,GAAS;AAAA,eACrD,CAAE,CAAA;AAAA,YACJ,CAAC,EACA,IAAA;AAAK,WACV;AACA,UAAA;AAAA,QACF;AACA,QAAA,MAAM,IAAA,GAAA,CAAQ,MAAM,OAAO,SAAS,CAAA,EAAG,OAAA;AAGvC,QAAA,MAAM,WAAA,GAAc,IAAI,IAAA,CAAK,eAAA,EAAiB;AAAA,UAC5C,IAAA,EAAM;AAAA,YACJ,EAAE,IAAA,EAAM,MAAA,EAAQ,MAAA,EAAQ,GAAA,EAAI;AAAA,YAC5B,EAAE,IAAA,EAAM,OAAA,EAAS,MAAA,EAAQ,GAAA,EAAI;AAAA,YAC7B,EAAE,IAAA,EAAM,aAAA,EAAe,MAAA,EAAQ,GAAA,EAAI;AAAA,YACnC,EAAE,IAAA,EAAM,WAAA,EAAa,MAAA,EAAQ,GAAA;AAAI,WACnC;AAAA,UACA,SAAA,EAAW,GAAA;AAAA,UACX,YAAA,EAAc,IAAA;AAAA,UACd,cAAA,EAAgB,IAAA;AAAA,UAChB,cAAA,EAAgB,IAAA;AAAA,UAChB,KAAA,EAAO,CAAC,GAAA,EAAK,IAAA,KAAS;AACpB,YAAA,MAAMA,MAAAA,GAAQ,IAAA,CAAK,MAAA,CAAO,KAAA,CAAM,KAAK,IAAI,CAAA;AACzC,YAAA,IAAI,OAAOA,WAAU,QAAA,EAAU;AAC7B,cAAA,OAAO,iBAAiBA,MAAK,CAAA;AAAA,YAC/B;AACA,YAAA,OAAOA,MAAAA;AAAA,UACT;AAAA,SACD,CAAA;AACD,QAAA,MAAM,UAAA,GAAa,WAAA,CAChB,MAAA,CAAO,gBAAA,CAAiB,WAAW,CAAC,CAAA,CACpC,GAAA,CAAI,CAAC,IAAA,KAAc,IAAA,CAAK,IAAI,CAAA;AAG/B,QAAA,MAAM,gBAAA,GAAmB,IAAI,IAAA,CAAK,YAAA,EAAc;AAAA,UAC9C,MAAM,CAAC,EAAE,MAAM,MAAA,EAAQ,MAAA,EAAQ,GAAK,CAAA;AAAA,UACpC,SAAA,EAAW,GAAA;AAAA,UACX,YAAA,EAAc,IAAA;AAAA,UACd,cAAA,EAAgB,IAAA;AAAA,UAChB,cAAA,EAAgB,IAAA;AAAA,UAChB,KAAA,EAAO,CAAC,GAAA,EAAK,IAAA,KAAS;AACpB,YAAA,MAAMA,MAAAA,GAAQ,IAAA,CAAK,MAAA,CAAO,KAAA,CAAM,KAAK,IAAI,CAAA;AACzC,YAAA,IAAI,OAAOA,WAAU,QAAA,EAAU;AAC7B,cAAA,OAAO,iBAAiBA,MAAK,CAAA;AAAA,YAC/B;AACA,YAAA,OAAOA,MAAAA;AAAA,UACT;AAAA,SACD,CAAA;AACD,QAAA,MAAM,eAAA,GAAkB,gBAAA,CACrB,MAAA,CAAO,gBAAA,CAAiB,WAAW,CAAC,CAAA,CACpC,GAAA,CAAI,CAAC,IAAA,KAAc,IAAA,CAAK,IAAI,CAAA;AAC/B,QAAA,UAAA,CAAW,UAAU,CAAA;AACrB,QAAA,eAAA,IAAmB,gBAAgB,eAAe,CAAA;AAClD,QAAA,yBAAA,CAA0B,WAAW,CAAA;AAAA,MACvC,GAAG,GAAG,CAAA;AAAA,IACR,GAAG,CAAC,eAAA,EAAiB,cAAc,eAAA,EAAiB,YAAA,EAAc,cAAc,CAAC,CAAA;AAEjF,IAAA,MAAM,sBAAsB,KAAA,CAAM,WAAA;AAAA,MAChC,CAAC,CAAA,KAA2C;AAC1C,QAAA,gBAAA,CAAiB,CAAA,CAAE,OAAO,KAAK,CAAA;AAC/B,QAAA,sBAAA,CAAuB,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,MACvC,CAAA;AAAA,MACA,CAAC,sBAAsB;AAAA,KACzB;AAEA,IAAA,MAAM,EAAE,KAAA,EAAM,GAAI,gBAAA,EAAiB;AAEnC,IAAA,MAAM,uBAAA,GAA0B,KAAA,CAAM,OAAA,CAAQ,MAAM;AAClD,MAAA,MAAM,SAAA,GAAY,KAAA,GAAQ,KAAA,EAAO,MAAA,GAAS,CAAC,CAAA;AAC3C,MAAA,IAAI,CAAC,WAAW,OAAO,CAAA;AACvB,MAAA,MAAM,cAAA,GAAiB,QAAQ,SAAA,CAAU,CAAC,SAAS,IAAA,CAAK,KAAA,KAAU,UAAU,KAAK,CAAA;AACjF,MAAA,OAAO,cAAA;AAAA,IACT,CAAA,EAAG,CAAC,OAAA,EAAS,KAAK,CAAC,CAAA;AAEnB,IAAA,MAAM,UAAU,KAAA,CAAM,OAAA;AAAA,MACpB,OAAO;AAAA,QACL,aAAA,EAAe;AAAA,OACjB,CAAA;AAAA,MACA;AAAC,KACH;AAEA,IAAA,MAAM,eAAe,KAAA,CAAM,WAAA;AAAA,MACzB,CAAC,UAAA,KAAuB;AACtB,QAAA,MAAM,KAAA,GAAQ,aAAa,UAAU,CAAA;AACrC,QAAA,IAAI,CAAC,OAAO,OAAO,IAAA;AAEnB,QAAA,IAAI,eAAA,EAAiB;AACnB,UAAA,uBAAO,GAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAW,cAAA,EAAgB,KAAA,EAAc,CAAA;AAAA,QACjE;AACA,QAAA,uBACE,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,GAAG,yBAAyB,CAAA;AAAA,YACvC,KAAA,EAAO;AAAA,cACL,UAAA,EAAY,CAAC,KAAA,CAAM,IAAA,GAAO,aAAA,GAAgB,MAAA;AAAA,cAC1C,MAAA,EAAQ,CAAC,KAAA,CAAM,IAAA,GAAO,KAAA,GAAQ;AAAA,aAChC;AAAA,YAEC,QAAA,EAAA,KAAA,CAAM;AAAA;AAAA,SACT;AAAA,MAEJ,CAAA;AAAA,MACA,CAAC,eAAA,EAAiB,YAAA,EAAc,cAAc;AAAA,KAChD;AAEA,IAAA,MAAM,cAAc,KAAA,CAAM,WAAA;AAAA,MACxB,CAAC,OAAe,WAAA,KAAwB;AACtC,QAAA,MAAM,KAAA,GAAQ,aAAa,WAAW,CAAA;AACtC,QAAA,MAAM,MAAA,GAAS,QAAQ,KAAK,CAAA;AAC5B,QAAA,IAAI,CAAC,QAAQ,OAAO,IAAA;AAEpB,QAAA,MAAM,WAAA,GAAc,OAAA,EAAS,MAAA,KAAW,KAAA,GAAQ,CAAA;AAChD,QAAA,MAAM,aAAa,MAAA,EAAQ,iBAAA;AAC3B,QAAA,MAAM,iBAAiB,mBAAA,CAAoB;AAAA,UACzC,QAAA;AAAA,UACA,MAAA;AAAA,UACA,eAAA,EAAiB,eAAA;AAAA,UACjB;AAAA,SACD,CAAA;AACD,QAAA,4BACG,KAAA,EAAA,EACE,QAAA,EAAA;AAAA,UAAA,cAAA;AAAA,UACA,cAAc,CAAC,WAAA,IAAe,CAAC,aAAA,wBAAkB,eAAA,EAAA,EAAgB;AAAA,SAAA,EACpE,CAAA;AAAA,MAEJ,CAAA;AAAA,MACA,CAAC,eAAA,EAAiB,mBAAA,EAAqB,QAAA,EAAU,OAAA,EAAS,eAAe,YAAY;AAAA,KACvF;AAEA,IAAA,MAAM,SAAA,GAAY,QAAA,IAAY,OAAA,CAAQ,MAAA,GAAS,CAAA;AAE/C,IAAA,MAAM,UAAA,GAAa,KAAA,CAAM,OAAA,CAAQ,MAAM;AACrC,MAAA,MAAM,WAAA,GAAc,cAAc,MAAA,IAAU,CAAA;AAC5C,MAAA,MAAM,aAAA,GAAgB,iBAAiB,MAAA,IAAU,CAAA;AAGjD,MAAA,MAAM,iBAAiB,eAAA,EAAiB,IAAA,CAAK,CAAC,MAAA,KAAW,OAAO,WAAW,CAAA;AAC3E,MAAA,MAAM,UAAA,GAAa,iBAAiB,yBAAA,GAA4B,UAAA;AAEhE,MAAA,MAAM,WAAA,GAAA,CAAe,cAAc,aAAA,IAAiB,UAAA;AACpD,MAAA,MAAM,SAAA,GAAY,CAAC,SAAA,GACf,OAAO,WAAW,WAAA,GAChB,MAAA,CAAO,WAAA,GAAc,GAAA,GACrB,GAAA,GACF,GAAA;AACJ,MAAA,OAAO,IAAA,CAAK,GAAA,CAAI,WAAA,EAAa,SAAS,CAAA;AAAA,IACxC,GAAG,CAAC,eAAA,EAAiB,YAAA,EAAc,MAAA,EAAQ,SAAS,CAAC,CAAA;AAErD,IAAA,MAAM,cAAc,KAAA,CAAM,OAAA;AAAA,MACxB,MAAM,YAAA,EAAc,GAAA,CAAI,CAAC,IAAA,KAAS,IAAA,CAAK,QAAQ,MAAM,CAAA;AAAA,MACrD,CAAC,YAAY;AAAA,KACf;AACA,IAAA,MAAM,WAAA,GAAc;AAAA,MAClB,KAAA,EAAO;AAAA,QACL,MAAA,EAAQ;AAAA,OACV;AAAA,MACA,uBAAA;AAAA,MACA,WAAA;AAAA,MACA,iBAAA,EAAmB,UAAA;AAAA,MACnB,UAAA,EAAY;AAAA;AAAA,QAEV,IAAA,EAAM,UAAA;AAAA,QACN,gBAAA,EAAkB;AAAA,OACpB;AAAA,MACA,OAAA;AAAA,MACA,SAAA,EAAW;AAAA,KACb;AACA,IAAA,MAAM,SAAA,GAAY,CAAC,CAAC,sBAAA;AAEpB,IAAA,uBACE,IAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,WACE,aAAA,mBACE,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,WAAA,EAAa,iBAAA;AAAA,YACb,KAAA,EAAO,aAAA;AAAA,YACP,QAAA,EAAU;AAAA;AAAA,SACZ,GACE,IAAA;AAAA,QAEN,iBAAA;AAAA,QACA,GAAA;AAAA,QACA,SAAA;AAAA,QACA,eAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAGF,QAAA,EAAA;AAAA,UAAA,CAAA,CAAC,SAAA,IAAa,oBAAoB,UAAA,GAAa,CAAA,wBAC9C,eAAA,EAAA,EAAiB,GAAG,WAAA,EAAa,WAAA,EAA0B,YAAA,EAA4B,CAAA;AAAA,UAGzF,SAAA,IAAa,CAAC,eAAA,IAAmB,UAAA,GAAa,CAAA,oBAC7C,GAAA,CAAC,QAAA,EAAA,EAAU,GAAG,WAAA,EAAa,UAAA,EAAY,OAAA,CAAQ,MAAA,EAAQ;AAAA;AAAA;AAAA,KAE3D;AAAA,EAEJ;AACF;AAEA,4BAAA,CAA6B,WAAA,GAAc,8BAAA","file":"select-content-group-auto-layout.mjs","sourcesContent":["import { useDevice } from '@/hooks/useDevice';\nimport { debounce, useCallbackRef } from '@/lib/helpers';\nimport { TRACKING_TYPE } from '@/lib/types';\nimport { cn } from '@/lib/utils';\nimport { useUISystemContext } from '@/providers/UISystemProvider';\nimport { Check, Minus } from 'lucide-react';\nimport * as React from 'react';\nimport { Components, GroupedVirtuoso, Virtuoso } from 'react-virtuoso';\nimport { Checkbox } from '../../../components/checkbox';\nimport { ListItem, ListItemValueText } from '../list';\nimport { SelectTrackingContext, useSelectContext } from './context';\nimport { SelectContent } from './select-content';\nimport { SelectItem } from './select-item';\nimport { SelectGroupTitle, SelectList, SelectSeparator } from './select-layout';\nimport { SelectSearch } from './select-search';\nimport { SelectEmptyState } from './select-states';\nimport { removeDiacritics } from './utils';\nimport {\n  ItemContentGroupRenderer,\n  Option,\n  OptionGroup,\n  SelectContentGroupAutoLayoutProps,\n  SelectVirtuasoContextType,\n} from './types';\n\nconst ItemHeight = 48;\nconst ItemHeightWithDescription = 68; // Height when item has description\n\nconst VirtualSoEmptyPlaceholder: Components<Option, SelectVirtuasoContextType>['EmptyPlaceholder'] =\n  React.forwardRef((_, ref: React.Ref<HTMLDivElement>) => {\n    return <SelectEmptyState ref={ref} />;\n  });\n\nVirtualSoEmptyPlaceholder.displayName = 'VirtualSoEmptyPlaceholder';\n\nfunction GroupCheckbox({\n  group,\n  className,\n}: {\n  group: OptionGroup<Option>;\n  className?: string | undefined;\n}) {\n  const { name, options = [], value: valueOfGroup } = group;\n  const { value = [], setValue, groupValue = {}, setGroupValue } = useSelectContext();\n  let numOfItemChecked = 0;\n  const _values = value.map((item) => item.value);\n  options.forEach((item) => {\n    if (_values?.includes(item.value)) numOfItemChecked++;\n  });\n  const isChecked = React.useMemo(() => {\n    return (\n      (numOfItemChecked === options.length && options.length > 0) ||\n      (!!valueOfGroup &&\n        options.length === 0 &&\n        groupValue?.group?.map((grVal) => grVal?.value)?.includes(valueOfGroup as string))\n    );\n  }, [options, valueOfGroup, groupValue, numOfItemChecked]);\n  const hasItemChecked = !isChecked && numOfItemChecked > 0;\n  const IndicatorComp = isChecked ? Check : Minus;\n\n  const {\n    blockSendTracking,\n    keyForName,\n    keyForValue,\n    sendIfUnCheck,\n    trackingData: trackingDataContext,\n    trackingIndex,\n    trackingName,\n    trackingGroupName,\n  } = React.useContext(SelectTrackingContext);\n  const { sendTrack } = useUISystemContext() || {};\n\n  // Function send tracking with list options\n  const sendTracking = useCallbackRef((options: Option[], checked: boolean) => {\n    if (!(trackingName && trackingGroupName) || blockSendTracking) return;\n    const optionsFilter = options.filter((item) => !value.some((elm) => elm.value === item.value));\n    if (trackingGroupName) {\n      sendTrack?.(trackingGroupName, TRACKING_TYPE.click, {\n        [keyForName || 'name']: name,\n      });\n    }\n    optionsFilter.forEach((item) => {\n      const trackingData = {\n        ...(trackingDataContext || {}),\n        status: checked ? 'checked' : 'unchecked',\n        [keyForValue || 'value']: item?.value,\n        [keyForName || 'name']: item?.name,\n      };\n      sendTrack?.(trackingName, TRACKING_TYPE.click, {\n        ...trackingData,\n        trackingIndex,\n      });\n    });\n  });\n\n  const onClickFn = React.useCallback(() => {\n    const optionValues = options.map((item) => item.value);\n    if (isChecked) {\n      // case uncheck\n      setGroupValue?.((prev = { group: [], child: [] }) => {\n        const listGroupItemUnchecked = prev?.group?.filter((item) => item?.value !== valueOfGroup);\n        return {\n          group: listGroupItemUnchecked,\n          child: value\n            ?.filter((item) => !optionValues.includes(item.value))\n            ?.map((item) => ({ ...item, parentValue: group?.value })),\n        };\n      });\n      setValue?.((prevValue = []) => {\n        const listItemUnchecked = prevValue.filter((item) => !optionValues.includes(item.value));\n        // send tracking uncheck\n        // Only send if sendIfUncheck = true\n        sendIfUnCheck && sendTracking(listItemUnchecked, false);\n        return listItemUnchecked;\n      });\n    } else {\n      // case checked\n      setGroupValue?.((prev = { group: [], child: [] }) => {\n        const resultGroup = [...(prev?.group || [])];\n        if (!resultGroup?.includes(group as OptionGroup<Option>)) {\n          resultGroup?.push(group as OptionGroup<Option>);\n        }\n        const resultChild = [...value];\n        const resultValue = resultChild.map((item) => item.value);\n        optionValues.forEach((item, index) => {\n          if (!resultValue.includes(item)) {\n            resultChild.push({ ...options[index], parentValue: group?.value } as Option);\n          }\n        });\n        return { group: resultGroup, child: resultChild };\n      });\n      setValue?.((prevValue = []) => {\n        const result = [...prevValue];\n        const resultValue = result.map((item) => item.value);\n        optionValues.forEach((item, index) => {\n          if (!resultValue.includes(item)) {\n            const option = options[index];\n            if (option) {\n              result.push(option);\n            }\n          }\n        });\n        sendTracking(result, true); // Send item checked\n        return result;\n      });\n    }\n  }, [\n    isChecked,\n    options,\n    sendIfUnCheck,\n    sendTracking,\n    setValue,\n    setGroupValue,\n    value,\n    group,\n    valueOfGroup,\n  ]);\n\n  return (\n    <ListItem\n      activated={isChecked}\n      className={cn('cursor-pointer space-x-3')}\n      size=\"normal\"\n      onClick={onClickFn}\n    >\n      <Checkbox\n        checked={isChecked || hasItemChecked}\n        indicator={<IndicatorComp color=\"#ffffff\" className=\"h-4 w-4\" />}\n      />\n      <ListItemValueText className={cn('flex-1 font-medium', className)}>{name}</ListItemValueText>\n    </ListItem>\n  );\n}\n\nconst defaultItemContentGroupRenderer: ItemContentGroupRenderer<Option> = ({\n  option,\n  multiple,\n  inGroupCheckbox,\n  group,\n}) => {\n  if (!option || !option.value) return null;\n  return (\n    <SelectItem\n      className={cn({ 'pl-6': inGroupCheckbox })}\n      multiple={multiple}\n      option={option}\n      group={group}\n    >\n      <div className=\"flex flex-col\">\n        <div className=\"text-foreground text-base\">{option?.name || option.value}</div>\n        {option?.description && (\n          <div className=\"text-muted-foreground mt-0.5 text-sm\">{option.description}</div>\n        )}\n      </div>\n    </SelectItem>\n  );\n};\n\nconst SelectContentGroupAutoLayout = React.forwardRef<\n  HTMLDivElement,\n  SelectContentGroupAutoLayoutProps<Option>\n>(\n  (\n    {\n      hasSearch: hasSearchProp,\n      searchGroup: searchGroupProp,\n      autoSearch = true,\n      multiple,\n      options: optionsProps,\n      searchPlaceholder = 'Tìm kiếm',\n      isGroupCheckbox,\n      classNameTitle,\n      itemContentRenderer = defaultItemContentGroupRenderer,\n      onSearchChange,\n      additionalContent,\n      closeAfterClear,\n      ...props\n    },\n    ref,\n  ) => {\n    const { isDesktop } = useDevice();\n    const { setAvailableOptions } = useSelectContext();\n\n    const [optionsState, setOptionsState] = React.useState(optionsProps || []);\n    const optionsPropFlat = React.useMemo(\n      () =>\n        (optionsProps || [])\n          .map((item, groupIndex) => {\n            return item.options?.map((subItem, index) => ({\n              ...subItem,\n              groupName: item.name,\n              isLastItemInGroup: index === item.options.length - 1,\n            }));\n          })\n          .flat(),\n      [optionsProps],\n    );\n\n    // Auto-populate available options for value normalization\n    React.useEffect(() => {\n      if (optionsPropFlat && setAvailableOptions) {\n        setAvailableOptions(optionsPropFlat);\n      }\n    }, [optionsPropFlat, setAvailableOptions]);\n    const [searchKeyword, setSearchKeyword] = React.useState('');\n    const [searchKeywordDebounced, setSearchKeywordDebounced] = React.useState('');\n    const [options, setOptions] = React.useState(optionsPropFlat || []);\n\n    const onSearchChangeInternal = React.useMemo(() => {\n      return debounce(async (value: string) => {\n        const valueSearch = value.trim();\n\n        // If external onSearchChange is provided, use it (for API search)\n        if (onSearchChange) {\n          onSearchChange(valueSearch);\n          return;\n        }\n\n        // Otherwise, use internal search logic (for static data)\n        if (!valueSearch) {\n          setSearchKeywordDebounced('');\n          searchGroupProp && setOptionsState(optionsProps);\n          setOptions(\n            (optionsProps || [])\n              .map((item) => {\n                return item.options?.map((subItem, index) => ({\n                  ...subItem,\n                  groupName: item.name,\n                  isLastItemInGroup: index === item.options.length - 1,\n                }));\n              })\n              .flat(),\n          );\n          return;\n        }\n        const Fuse = (await import('fuse.js')).default;\n\n        // Search in options (items)\n        const fuseOptions = new Fuse(optionsPropFlat, {\n          keys: [\n            { name: 'name', weight: 0.7 },\n            { name: 'value', weight: 0.5 },\n            { name: 'description', weight: 0.3 },\n            { name: 'groupName', weight: 0.4 },\n          ],\n          threshold: 0.3,\n          includeScore: true,\n          ignoreLocation: true,\n          findAllMatches: true,\n          getFn: (obj, path) => {\n            const value = Fuse.config.getFn(obj, path);\n            if (typeof value === 'string') {\n              return removeDiacritics(value);\n            }\n            return value;\n          },\n        });\n        const newOptions = fuseOptions\n          .search(removeDiacritics(valueSearch))\n          .map((item: any) => item.item);\n\n        // Search in groups\n        const fuseOptionsState = new Fuse(optionsState, {\n          keys: [{ name: 'name', weight: 1.0 }],\n          threshold: 0.3,\n          includeScore: true,\n          ignoreLocation: true,\n          findAllMatches: true,\n          getFn: (obj, path) => {\n            const value = Fuse.config.getFn(obj, path);\n            if (typeof value === 'string') {\n              return removeDiacritics(value);\n            }\n            return value;\n          },\n        });\n        const newOptionsState = fuseOptionsState\n          .search(removeDiacritics(valueSearch))\n          .map((item: any) => item.item);\n        setOptions(newOptions);\n        searchGroupProp && setOptionsState(newOptionsState);\n        setSearchKeywordDebounced(valueSearch);\n      }, 300);\n    }, [optionsPropFlat, optionsProps, searchGroupProp, optionsState, onSearchChange]);\n\n    const onSearchInputChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        setSearchKeyword(e.target.value);\n        onSearchChangeInternal(e.target.value);\n      },\n      [onSearchChangeInternal],\n    );\n\n    const { value } = useSelectContext();\n\n    const initialTopMostItemIndex = React.useMemo(() => {\n      const lastValue = value?.[value?.length - 1];\n      if (!lastValue) return 0;\n      const lastValueIndex = options.findIndex((item) => item.value === lastValue.value);\n      return lastValueIndex;\n    }, [options, value]);\n\n    const context = React.useMemo<SelectVirtuasoContextType>(\n      () => ({\n        searchKeyword: '',\n      }),\n      [],\n    );\n\n    const groupContent = React.useCallback(\n      (groupIndex: number) => {\n        const group = optionsState[groupIndex];\n        if (!group) return null;\n\n        if (isGroupCheckbox) {\n          return <GroupCheckbox className={classNameTitle} group={group} />;\n        }\n        return (\n          <SelectGroupTitle\n            className={cn('bg-white py-3 text-base')}\n            style={{\n              background: !group.name ? 'transparent' : undefined,\n              height: !group.name ? '1px' : undefined,\n            }}\n          >\n            {group.name}\n          </SelectGroupTitle>\n        );\n      },\n      [isGroupCheckbox, optionsState, classNameTitle],\n    );\n\n    const itemContent = React.useCallback(\n      (index: number, _groupIndex: number) => {\n        const group = optionsState[_groupIndex];\n        const option = options[index];\n        if (!option) return null;\n\n        const isLastGroup = options?.length === index + 1;\n        const isLastItem = option?.isLastItemInGroup;\n        const selectItemNode = itemContentRenderer({\n          multiple,\n          option,\n          inGroupCheckbox: isGroupCheckbox,\n          group: group,\n        });\n        return (\n          <div>\n            {selectItemNode}\n            {isLastItem && !isLastGroup && !searchKeyword && <SelectSeparator />}\n          </div>\n        );\n      },\n      [isGroupCheckbox, itemContentRenderer, multiple, options, searchKeyword, optionsState],\n    );\n\n    const hasFooter = multiple && options.length > 0;\n\n    const listHeight = React.useMemo(() => {\n      const numberGroup = optionsState?.length ?? 0;\n      const numberOptions = optionsPropFlat?.length ?? 0;\n\n      // Check if any option has description\n      const hasDescription = optionsPropFlat?.some((option) => option.description);\n      const itemHeight = hasDescription ? ItemHeightWithDescription : ItemHeight;\n\n      const totalHeight = (numberGroup + numberOptions) * itemHeight;\n      const maxHeight = !isDesktop\n        ? typeof window !== 'undefined'\n          ? window.innerHeight * 0.5\n          : 400\n        : 250;\n      return Math.min(totalHeight, maxHeight);\n    }, [optionsPropFlat, optionsState?.length, isDesktop]);\n\n    const groupCounts = React.useMemo(\n      () => optionsState?.map((item) => item.options.length),\n      [optionsState],\n    );\n    const commonProps = {\n      style: {\n        height: listHeight,\n      },\n      initialTopMostItemIndex: initialTopMostItemIndex,\n      itemContent: itemContent,\n      defaultItemHeight: ItemHeight,\n      components: {\n        // Scroller: ScrollArea,\n        List: SelectList,\n        EmptyPlaceholder: VirtualSoEmptyPlaceholder,\n      },\n      context: context,\n      className: 'custom-select-scroll max-h-[50vh] lg:max-h-[250px]',\n    };\n    const hasSearch = !!searchKeywordDebounced;\n\n    return (\n      <SelectContent\n        searchElm={\n          hasSearchProp ? (\n            <SelectSearch\n              placeholder={searchPlaceholder}\n              value={searchKeyword}\n              onChange={onSearchInputChange}\n            />\n          ) : null\n        }\n        additionalContent={additionalContent}\n        ref={ref}\n        hasFooter={hasFooter}\n        closeAfterClear={closeAfterClear}\n        {...props}\n      >\n        {/* // Display in group when not search  */}\n        {(!hasSearch || searchGroupProp) && listHeight > 0 && (\n          <GroupedVirtuoso {...commonProps} groupCounts={groupCounts} groupContent={groupContent} />\n        )}\n        {/* Display when searching  */}\n        {hasSearch && !searchGroupProp && listHeight > 0 && (\n          <Virtuoso {...commonProps} totalCount={options.length} />\n        )}\n      </SelectContent>\n    );\n  },\n);\n\nSelectContentGroupAutoLayout.displayName = 'SelectContentGroupAutoLayout';\n\nexport { SelectContentGroupAutoLayout };\n"]}

package/dist/common/interactive/select/select-content.js

@@ -1,187 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var useDevice = require('@/hooks/useDevice');
-var utils = require('@/lib/utils');
-var lucideReact = require('lucide-react');
-var React = require('react');
-var sheet = require('../../../components/sheet');
-var context = require('./context');
-var selectFooter = require('./select-footer');
-var selectStates = require('./select-states');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-const SelectContent = React__namespace.forwardRef(
-  ({
-    children,
-    searchElm,
-    additionalContent,
-    hasFooter,
-    className,
-    title: titleProp,
-    loading,
-    footerClassName,
-    backIcon,
-    onBack,
-    cancelTracking,
-    applyTracking,
-    closeAfterClear,
-    ...props
-  }, ref) => {
-    const { isDesktop } = useDevice.useDevice();
-    const { label: selectLabel } = context.useSelectContext();
-    const CompHeader = !isDesktop ? sheet.SheetHeader : "div";
-    const CompTitle = !isDesktop ? sheet.SheetTitle : "span";
-    const CompFooter = !isDesktop ? sheet.SheetFooter : "div";
-    const title = React__namespace.useMemo(() => {
-      if (titleProp) return titleProp;
-      if (!isDesktop) return selectLabel || "Ch\u1ECDn m\u1EE5c";
-      return "";
-    }, [selectLabel, titleProp]);
-    const contentElm = isDesktop ? /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: utils.cn(
-          "overflow-y-auto [&>*>*:first-child]:rounded-t [&>*>*:last-child]:rounded-b [&>*>*:only-child]:rounded",
-          className
-        ),
-        ...props,
-        children
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsxs(sheet.SheetContent, { ref, ...props, className: utils.cn("overflow-y-auto", className), side: "bottom", children: [
-      title && /* @__PURE__ */ jsxRuntime.jsx(sheet.SheetHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(sheet.SheetTitle, { className: "text-center", children: title }) }),
-      searchElm,
-      additionalContent,
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto", children }),
-      hasFooter && /* @__PURE__ */ jsxRuntime.jsx(
-        sheet.SheetFooter,
-        {
-          className: utils.cn(
-            "shadow-up-shadow-8 relative !mt-0 w-full border-t p-3 sm:justify-start",
-            footerClassName
-          ),
-          children: /* @__PURE__ */ jsxRuntime.jsx(selectFooter.SelectFooter, { cancelTracking, applyTracking })
-        }
-      )
-    ] });
-    const headerElm = /* @__PURE__ */ jsxRuntime.jsxs(
-      CompHeader,
-      {
-        className: utils.cn(
-          "lg:flex lg:space-x-1 lg:px-2 lg:pb-1 lg:pt-3 lg:text-lg lg:font-medium lg:leading-[26px]",
-          {
-            "lg:hidden": !title
-          }
-        ),
-        children: [
-          backIcon && /* @__PURE__ */ jsxRuntime.jsx(
-            lucideReact.ChevronLeft,
-            {
-              className: "absolute left-2 cursor-pointer lg:relative lg:left-auto",
-              onClick: onBack
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            CompTitle,
-            {
-              className: utils.cn({
-                "lg:hidden": !title
-                // Chỉ ẩn trên desktop khi không có title
-              }),
-              children: title
-            }
-          )
-        ]
-      }
-    );
-    if (loading) {
-      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        isDesktop && headerElm,
-        isDesktop && searchElm,
-        isDesktop && additionalContent,
-        isDesktop ? /* @__PURE__ */ jsxRuntime.jsx(selectStates.SelectLoading, {}) : /* @__PURE__ */ jsxRuntime.jsxs(sheet.SheetContent, { side: "bottom", children: [
-          title && /* @__PURE__ */ jsxRuntime.jsx(sheet.SheetHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(sheet.SheetTitle, { className: "text-center", children: title }) }),
-          searchElm,
-          additionalContent,
-          /* @__PURE__ */ jsxRuntime.jsx(selectStates.SelectLoading, {}),
-          hasFooter && /* @__PURE__ */ jsxRuntime.jsx(
-            sheet.SheetFooter,
-            {
-              className: utils.cn(
-                "shadow-up-shadow-8 relative !mt-0 w-full border-t p-3 sm:justify-start",
-                footerClassName
-              ),
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                selectFooter.SelectFooter,
-                {
-                  cancelTracking,
-                  applyTracking,
-                  closeAfterClear
-                }
-              )
-            }
-          )
-        ] }),
-        hasFooter && isDesktop && /* @__PURE__ */ jsxRuntime.jsx(
-          CompFooter,
-          {
-            className: utils.cn("shadow-up-shadow-8 relative !mt-0 border-t p-3", footerClassName),
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              selectFooter.SelectFooter,
-              {
-                cancelTracking,
-                applyTracking,
-                closeAfterClear
-              }
-            )
-          }
-        )
-      ] });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      isDesktop && headerElm,
-      isDesktop && searchElm,
-      isDesktop && additionalContent,
-      contentElm,
-      hasFooter && isDesktop && /* @__PURE__ */ jsxRuntime.jsx(
-        CompFooter,
-        {
-          className: utils.cn("shadow-up-shadow-8 relative !mt-0 border-t p-3", footerClassName),
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            selectFooter.SelectFooter,
-            {
-              cancelTracking,
-              applyTracking,
-              closeAfterClear
-            }
-          )
-        }
-      )
-    ] });
-  }
-);
-SelectContent.displayName = "SelectContent";
-
-exports.SelectContent = SelectContent;
-//# sourceMappingURL=select-content.js.map
-//# sourceMappingURL=select-content.js.map

package/dist/common/interactive/select/select-content.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/common/interactive/select/select-content.tsx"],"names":["React","useDevice","useSelectContext","SheetHeader","SheetTitle","SheetFooter","jsx","cn","jsxs","SheetContent","SelectFooter","ChevronLeft","Fragment","SelectLoading"],"mappings":"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","file":"select-content.js","sourcesContent":["import { useDevice } from '@/hooks/useDevice';\nimport { cn } from '@/lib/utils';\nimport { ChevronLeft } from 'lucide-react';\nimport * as React from 'react';\nimport { SheetContent, SheetFooter, SheetHeader, SheetTitle } from '../../../components/sheet';\nimport { useSelectContext } from './context';\nimport { SelectContentProps } from './types';\nimport { SelectFooter } from './select-footer';\nimport { SelectLoading } from './select-states';\n\nconst SelectContent = React.forwardRef<HTMLDivElement, SelectContentProps>(\n  (\n    {\n      children,\n      searchElm,\n      additionalContent,\n      hasFooter,\n      className,\n      title: titleProp,\n      loading,\n      footerClassName,\n      backIcon,\n      onBack,\n      cancelTracking,\n      applyTracking,\n      closeAfterClear,\n      ...props\n    },\n    ref,\n  ) => {\n    const { isDesktop } = useDevice();\n    const { label: selectLabel } = useSelectContext();\n\n    const CompHeader = !isDesktop ? SheetHeader : 'div';\n\n    const CompTitle = !isDesktop ? SheetTitle : 'span';\n\n    const CompFooter = !isDesktop ? SheetFooter : 'div';\n\n    const title = React.useMemo(() => {\n      if (titleProp) return titleProp;\n      if (!isDesktop) return selectLabel || 'Chọn mục';\n      return '';\n    }, [selectLabel, titleProp]);\n\n    const contentElm = isDesktop ? (\n      <div\n        ref={ref}\n        className={cn(\n          'overflow-y-auto [&>*>*:first-child]:rounded-t [&>*>*:last-child]:rounded-b [&>*>*:only-child]:rounded',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    ) : (\n      <SheetContent ref={ref} {...props} className={cn('overflow-y-auto', className)} side=\"bottom\">\n        {title && (\n          <SheetHeader>\n            <SheetTitle className=\"text-center\">{title}</SheetTitle>\n          </SheetHeader>\n        )}\n        {/* Render search and additional content inside SheetContent on mobile */}\n        {searchElm}\n        {additionalContent}\n        <div className=\"flex-1 overflow-y-auto\">{children}</div>\n        {hasFooter && (\n          <SheetFooter\n            className={cn(\n              'shadow-up-shadow-8 relative !mt-0 w-full border-t p-3 sm:justify-start',\n              footerClassName,\n            )}\n          >\n            <SelectFooter cancelTracking={cancelTracking} applyTracking={applyTracking} />\n          </SheetFooter>\n        )}\n      </SheetContent>\n    );\n    const headerElm = (\n      <CompHeader\n        className={cn(\n          'lg:flex lg:space-x-1 lg:px-2 lg:pb-1 lg:pt-3 lg:text-lg lg:font-medium lg:leading-[26px]',\n          {\n            'lg:hidden': !title,\n          },\n        )}\n      >\n        {backIcon && (\n          <ChevronLeft\n            className=\"absolute left-2 cursor-pointer lg:relative lg:left-auto\"\n            onClick={onBack}\n          />\n        )}\n        <CompTitle\n          className={cn({\n            'lg:hidden': !title, // Chỉ ẩn trên desktop khi không có title\n          })}\n        >\n          {title}\n        </CompTitle>\n      </CompHeader>\n    );\n\n    if (loading) {\n      return (\n        <>\n          {isDesktop && headerElm}\n          {/* Only render search and additional content outside on desktop */}\n          {isDesktop && searchElm}\n          {isDesktop && additionalContent}\n          {isDesktop ? (\n            <SelectLoading />\n          ) : (\n            <SheetContent side=\"bottom\">\n              {title && (\n                <SheetHeader>\n                  <SheetTitle className=\"text-center\">{title}</SheetTitle>\n                </SheetHeader>\n              )}\n              {/* Render search and additional content inside SheetContent on mobile */}\n              {searchElm}\n              {additionalContent}\n              <SelectLoading />\n              {hasFooter && (\n                <SheetFooter\n                  className={cn(\n                    'shadow-up-shadow-8 relative !mt-0 w-full border-t p-3 sm:justify-start',\n                    footerClassName,\n                  )}\n                >\n                  <SelectFooter\n                    cancelTracking={cancelTracking}\n                    applyTracking={applyTracking}\n                    closeAfterClear={closeAfterClear}\n                  />\n                </SheetFooter>\n              )}\n            </SheetContent>\n          )}\n          {hasFooter && isDesktop && (\n            <CompFooter\n              className={cn('shadow-up-shadow-8 relative !mt-0 border-t p-3', footerClassName)}\n            >\n              <SelectFooter\n                cancelTracking={cancelTracking}\n                applyTracking={applyTracking}\n                closeAfterClear={closeAfterClear}\n              />\n            </CompFooter>\n          )}\n        </>\n      );\n    }\n\n    return (\n      <>\n        {isDesktop && headerElm}\n        {/* Only render search and additional content outside on desktop */}\n        {isDesktop && searchElm}\n        {isDesktop && additionalContent}\n        {contentElm}\n        {hasFooter && isDesktop && (\n          <CompFooter\n            className={cn('shadow-up-shadow-8 relative !mt-0 border-t p-3', footerClassName)}\n          >\n            <SelectFooter\n              cancelTracking={cancelTracking}\n              applyTracking={applyTracking}\n              closeAfterClear={closeAfterClear}\n            />\n          </CompFooter>\n        )}\n      </>\n    );\n  },\n);\n\nSelectContent.displayName = 'SelectContent';\n\nexport { SelectContent };\n"]}