exploreda 0.0.6 → 0.1.0

package/dist/chunk-SWLNKY6R.js

@@ -0,0 +1,477 @@
+import { Command, CommandInput, CommandList, CommandItem, CommandGroup } from './chunk-JQMG4ZR7.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-MJPDJ5AS.js';
+import { cn, Button, useDataLayer } from './chunk-JNO7OXCC.js';
+import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter } from '@dnd-kit/core';
+import { sortableKeyboardCoordinates, SortableContext, horizontalListSortingStrategy, arrayMove, useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { useCommandState } from 'cmdk';
+import { X } from 'lucide-react';
+import * as React from 'react';
+import { forwardRef, useEffect } from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var badgeVariants = cva(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-semibold w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 focus-visible:ring-4 focus-visible:outline-1 aria-invalid:focus-visible:ring-0 transition-[color,box-shadow]",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground shadow-sm [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-destructive-foreground shadow-sm [a&]:hover:bg-destructive/90",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function useDebounce(value, delay) {
+  const [debouncedValue, setDebouncedValue] = React.useState(value);
+  useEffect(() => {
+    const timer = setTimeout(() => setDebouncedValue(value), delay);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+}
+function transToGroupOption(options, groupBy) {
+  if (options.length === 0) {
+    return {};
+  }
+  if (!groupBy) {
+    return {
+      "": options
+    };
+  }
+  const groupOption = {};
+  options.forEach((option) => {
+    const key = option[groupBy] || "";
+    if (!groupOption[key]) {
+      groupOption[key] = [];
+    }
+    groupOption[key]?.push(option);
+  });
+  return groupOption;
+}
+function removePickedOption(groupOption, picked) {
+  const cloneOption = JSON.parse(JSON.stringify(groupOption));
+  for (const [key, value] of Object.entries(cloneOption)) {
+    cloneOption[key] = value.filter(
+      (val) => !picked.find((p) => p.value === val.value)
+    );
+  }
+  return cloneOption;
+}
+var CommandEmpty = forwardRef(({ className, ...props }, forwardedRef) => {
+  const render = useCommandState((state) => state.filtered.count === 0);
+  if (!render) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: forwardedRef,
+      className: cn("py-6 text-center text-sm", className),
+      "cmdk-empty": "",
+      role: "presentation",
+      ...props
+    }
+  );
+});
+CommandEmpty.displayName = "CommandEmpty";
+var SortableBadge = ({
+  option,
+  disabled,
+  onUnselect,
+  badgeClassName
+}) => {
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform,
+    transition,
+    isDragging
+  } = useSortable({ id: option.value });
+  const style = {
+    transform: CSS.Transform.toString(transform),
+    transition,
+    zIndex: isDragging ? 1 : 0
+  };
+  return /* @__PURE__ */ jsxs(
+    Badge,
+    {
+      ref: setNodeRef,
+      style,
+      className: cn(
+        "data-[disabled]:bg-muted-foreground data-[disabled]:text-muted data-[disabled]:hover:bg-muted-foreground",
+        "data-[fixed]:bg-muted-foreground data-[fixed]:text-muted data-[fixed]:hover:bg-muted-foreground",
+        "flex items-center gap-1",
+        isDragging && "opacity-50",
+        badgeClassName
+      ),
+      "data-fixed": option.fixed,
+      "data-disabled": disabled || void 0,
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: cn(
+              "flex cursor-grab items-center gap-1",
+              disabled && "hidden"
+            ),
+            ...attributes,
+            ...listeners,
+            children: option.label
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: cn(
+              "ml-1 rounded-full outline-none ring-offset-background focus:ring-2 focus:ring-ring focus:ring-offset-2",
+              (disabled || option.fixed) && "hidden"
+            ),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                onUnselect(option);
+              }
+            },
+            onMouseDown: (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+            },
+            onClick: () => onUnselect(option),
+            children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3 text-muted-foreground hover:text-foreground" })
+          }
+        )
+      ]
+    }
+  );
+};
+var MultipleSelector = React.forwardRef(
+  ({
+    value,
+    onChange,
+    placeholder,
+    defaultOptions: arrayDefaultOptions = [],
+    options: arrayOptions,
+    delay,
+    onSearch,
+    onSearchSync,
+    loadingIndicator,
+    emptyIndicator,
+    maxSelected = Number.MAX_SAFE_INTEGER,
+    onMaxSelected,
+    hidePlaceholderWhenSelected,
+    disabled,
+    groupBy,
+    className,
+    badgeClassName,
+    selectFirstItem = true,
+    creatable = false,
+    triggerSearchOnFocus = false,
+    commandProps,
+    inputProps,
+    hideClearAllButton = false
+  }, ref) => {
+    const inputRef = React.useRef(null);
+    const [open, setOpen] = React.useState(false);
+    const [isLoading, setIsLoading] = React.useState(false);
+    const [selected, setSelected] = React.useState(value || []);
+    const [options, setOptions] = React.useState(
+      transToGroupOption(arrayDefaultOptions, groupBy)
+    );
+    const [inputValue, setInputValue] = React.useState("");
+    const debouncedSearchTerm = useDebounce(inputValue, delay || 500);
+    React.useImperativeHandle(
+      ref,
+      () => ({
+        selectedValue: [...selected],
+        input: inputRef.current,
+        focus: () => inputRef?.current?.focus(),
+        reset: () => setSelected([])
+      }),
+      [selected]
+    );
+    const handleUnselect = React.useCallback(
+      (option) => {
+        const newOptions = selected.filter((s) => s.value !== option.value);
+        setSelected(newOptions);
+        onChange?.(newOptions);
+      },
+      [onChange, selected]
+    );
+    const handleKeyDown = React.useCallback(
+      (e) => {
+        const input = inputRef.current;
+        if (input) {
+          if (e.key === "Delete" || e.key === "Backspace") {
+            if (input.value === "" && selected.length > 0) {
+              const lastSelectOption = selected[selected.length - 1];
+              if (!lastSelectOption?.fixed && lastSelectOption) {
+                handleUnselect(lastSelectOption);
+              }
+            }
+          }
+          if (e.key === "Escape") {
+            input.blur();
+            setOpen(false);
+          }
+        }
+      },
+      [handleUnselect, selected]
+    );
+    useEffect(() => {
+      if (value) {
+        setSelected(value);
+      }
+    }, [value]);
+    useEffect(() => {
+      if (!arrayOptions || onSearch) {
+        return;
+      }
+      const newOption = transToGroupOption(arrayOptions || [], groupBy);
+      if (JSON.stringify(newOption) !== JSON.stringify(options)) {
+        setOptions(newOption);
+      }
+    }, [arrayDefaultOptions, arrayOptions, groupBy, onSearch, options]);
+    useEffect(() => {
+      const doSearchSync = () => {
+        const res = onSearchSync?.(debouncedSearchTerm);
+        setOptions(transToGroupOption(res || [], groupBy));
+      };
+      const exec = async () => {
+        if (!onSearchSync || !open) {
+          return;
+        }
+        if (triggerSearchOnFocus) {
+          doSearchSync();
+        }
+        if (debouncedSearchTerm) {
+          doSearchSync();
+        }
+      };
+      void exec();
+    }, [
+      debouncedSearchTerm,
+      groupBy,
+      onSearchSync,
+      open,
+      triggerSearchOnFocus
+    ]);
+    useEffect(() => {
+      const doSearch = async () => {
+        setIsLoading(true);
+        const res = await onSearch?.(debouncedSearchTerm);
+        setOptions(transToGroupOption(res || [], groupBy));
+        setIsLoading(false);
+      };
+      const exec = async () => {
+        if (!onSearch || !open) {
+          return;
+        }
+        if (triggerSearchOnFocus) {
+          await doSearch();
+        }
+        if (debouncedSearchTerm) {
+          await doSearch();
+        }
+      };
+      void exec();
+    }, [debouncedSearchTerm, groupBy, onSearch, open, triggerSearchOnFocus]);
+    const EmptyItem = () => {
+      if (emptyIndicator) {
+        return emptyIndicator;
+      }
+      return null;
+    };
+    const selectables = React.useMemo(
+      () => removePickedOption(options, selected),
+      [options, selected]
+    );
+    const commandFilter = React.useCallback(() => {
+      if (commandProps?.filter) {
+        return commandProps.filter;
+      }
+      if (creatable) {
+        return (value2, search) => {
+          return value2.toLowerCase().includes(search.toLowerCase()) ? 1 : -1;
+        };
+      }
+      return void 0;
+    }, [creatable, commandProps?.filter]);
+    const sensors = useSensors(
+      useSensor(PointerSensor),
+      useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates
+      })
+    );
+    const handleDragEnd = (event) => {
+      const { active, over } = event;
+      if (!over) {
+        return;
+      }
+      if (active.id !== over.id) {
+        const oldIndex = selected.findIndex((item) => item.value === active.id);
+        const newIndex = selected.findIndex((item) => item.value === over.id);
+        const newSelected = arrayMove(selected, oldIndex, newIndex);
+        setSelected(newSelected);
+        onChange?.(newSelected);
+      }
+    };
+    return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "min-h-10 rounded-md border border-input text-base ring-offset-background focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 md:text-sm",
+            {
+              "px-1 py-1": selected.length !== 0,
+              "cursor-text": !disabled && selected.length !== 0
+            },
+            className
+          ),
+          onClick: () => {
+            if (disabled) {
+              return;
+            }
+            inputRef?.current?.focus();
+          },
+          onKeyDown: handleKeyDown,
+          children: /* @__PURE__ */ jsxs("div", { className: "relative flex flex-wrap items-center gap-1", children: [
+            /* @__PURE__ */ jsx(
+              DndContext,
+              {
+                sensors,
+                collisionDetection: closestCenter,
+                onDragEnd: handleDragEnd,
+                children: /* @__PURE__ */ jsx(
+                  SortableContext,
+                  {
+                    items: selected.map((s) => s.value),
+                    strategy: horizontalListSortingStrategy,
+                    children: selected.map((option) => /* @__PURE__ */ jsx(
+                      SortableBadge,
+                      {
+                        option,
+                        disabled,
+                        onUnselect: handleUnselect,
+                        badgeClassName
+                      },
+                      option.value
+                    ))
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                onClick: () => {
+                  setSelected(selected.filter((s) => s.fixed));
+                  onChange?.(selected.filter((s) => s.fixed));
+                },
+                className: cn(
+                  "absolute right-0 h-6 w-6 p-0",
+                  (hideClearAllButton || disabled || selected.length < 1 || selected.filter((s) => s.fixed).length === selected.length) && "hidden"
+                ),
+                children: /* @__PURE__ */ jsx(X, {})
+              }
+            )
+          ] })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(PopoverContent, { className: "w-full p-0", align: "start", children: /* @__PURE__ */ jsxs(
+        Command,
+        {
+          ...commandProps,
+          shouldFilter: commandProps?.shouldFilter !== void 0 ? commandProps.shouldFilter : !onSearch,
+          filter: commandFilter(),
+          children: [
+            /* @__PURE__ */ jsx(
+              CommandInput,
+              {
+                placeholder: hidePlaceholderWhenSelected && selected.length > 0 ? "" : placeholder,
+                ...inputProps
+              }
+            ),
+            /* @__PURE__ */ jsx(CommandList, { children: isLoading ? loadingIndicator : /* @__PURE__ */ jsxs(Fragment, { children: [
+              EmptyItem(),
+              !selectFirstItem && /* @__PURE__ */ jsx(CommandItem, { value: "-", className: "hidden" }),
+              Object.entries(selectables).map(([key, dropdowns]) => /* @__PURE__ */ jsx(
+                CommandGroup,
+                {
+                  heading: key,
+                  className: "h-full overflow-auto",
+                  children: dropdowns.map((option) => /* @__PURE__ */ jsx(
+                    CommandItem,
+                    {
+                      value: option.label,
+                      disabled: option.disable,
+                      onMouseDown: (e) => {
+                        e.preventDefault();
+                        e.stopPropagation();
+                      },
+                      onSelect: () => {
+                        if (selected.length >= maxSelected) {
+                          onMaxSelected?.(selected.length);
+                          return;
+                        }
+                        setInputValue("");
+                        const newOptions = [...selected, option];
+                        setSelected(newOptions);
+                        onChange?.(newOptions);
+                      },
+                      className: cn(
+                        "cursor-pointer",
+                        option.disable && "cursor-default text-muted-foreground"
+                      ),
+                      children: option.label
+                    },
+                    option.value
+                  ))
+                },
+                key
+              ))
+            ] }) })
+          ]
+        }
+      ) })
+    ] });
+  }
+);
+MultipleSelector.displayName = "MultipleSelector";
+var multi_select_default = MultipleSelector;
+
+// src/components/charts/PivotTable/useColumnNames.tsx
+function useColumnNames() {
+  const getColumnNames = useDataLayer((state) => state.getColumnNames);
+  const availableFields = getColumnNames();
+  return availableFields;
+}
+
+export { multi_select_default, useColumnNames };
+//# sourceMappingURL=chunk-SWLNKY6R.js.map
+//# sourceMappingURL=chunk-SWLNKY6R.js.map

package/dist/chunk-SWLNKY6R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/badge.tsx","../src/components/ui/multi-select.tsx","../src/components/charts/PivotTable/useColumnNames.tsx"],"names":["forwardRef","jsx","value"],"mappings":"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","file":"chunk-SWLNKY6R.js","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-semibold w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 focus-visible:ring-4 focus-visible:outline-1 aria-invalid:focus-visible:ring-0 transition-[color,box-shadow]\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-primary text-primary-foreground shadow-sm [a&]:hover:bg-primary/90\",\n        secondary:\n          \"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n        destructive:\n          \"border-transparent bg-destructive text-destructive-foreground shadow-sm [a&]:hover:bg-destructive/90\",\n        outline:\n          \"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"span\";\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Badge, badgeVariants };\n","\"use client\";\n\nimport {\n  closestCenter,\n  DndContext,\n  type DragEndEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport {\n  arrayMove,\n  horizontalListSortingStrategy,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  useSortable,\n} from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { Command as CommandPrimitive, useCommandState } from \"cmdk\";\nimport { X } from \"lucide-react\";\nimport * as React from \"react\";\nimport { forwardRef, useEffect } from \"react\";\n\nimport { Badge } from \"./badge\";\nimport {\n  Command,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from \"./command\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"./button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\n\nexport interface Option {\n  value: string;\n  label: string;\n  disable?: boolean;\n  /** fixed option that can't be removed. */\n  fixed?: boolean;\n  /** Group the options by providing key. */\n  [key: string]: string | boolean | undefined;\n}\ntype GroupOption = Record<string, Option[]>;\n\ninterface MultipleSelectorProps {\n  value?: Option[];\n  defaultOptions?: Option[];\n  /** manually controlled options */\n  options?: Option[];\n  placeholder?: string;\n  /** Loading component. */\n  loadingIndicator?: React.ReactNode;\n  /** Empty component. */\n  emptyIndicator?: React.ReactNode;\n  /** Debounce time for async search. Only work with `onSearch`. */\n  delay?: number;\n  /**\n   * Only work with `onSearch` prop. Trigger search when `onFocus`.\n   * For example, when user click on the input, it will trigger the search to get initial options.\n   **/\n  triggerSearchOnFocus?: boolean;\n  /** async search */\n  onSearch?: (value: string) => Promise<Option[]>;\n  /**\n   * sync search. This search will not showing loadingIndicator.\n   * The rest props are the same as async search.\n   * i.e.: creatable, groupBy, delay.\n   **/\n  onSearchSync?: (value: string) => Option[];\n  onChange?: (options: Option[]) => void;\n  /** Limit the maximum number of selected options. */\n  maxSelected?: number;\n  /** When the number of selected options exceeds the limit, the onMaxSelected will be called. */\n  onMaxSelected?: (maxLimit: number) => void;\n  /** Hide the placeholder when there are options selected. */\n  hidePlaceholderWhenSelected?: boolean;\n  disabled?: boolean;\n  /** Group the options base on provided key. */\n  groupBy?: string;\n  className?: string;\n  badgeClassName?: string;\n  /**\n   * First item selected is a default behavior by cmdk. That is why the default is true.\n   * This is a workaround solution by add a dummy item.\n   *\n   * @reference: https://github.com/pacocoursey/cmdk/issues/171\n   */\n  selectFirstItem?: boolean;\n  /** Allow user to create option when there is no option matched. */\n  creatable?: boolean;\n  /** Props of `Command` */\n  commandProps?: React.ComponentPropsWithoutRef<typeof Command>;\n  /** Props of `CommandInput` */\n  inputProps?: Omit<\n    React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>,\n    \"value\" | \"placeholder\" | \"disabled\"\n  >;\n  /** hide the clear all button. */\n  hideClearAllButton?: boolean;\n}\n\nexport interface MultipleSelectorRef {\n  selectedValue: Option[];\n  input: HTMLInputElement;\n  focus: () => void;\n  reset: () => void;\n}\n\nfunction useDebounce<T>(value: T, delay?: number): T {\n  const [debouncedValue, setDebouncedValue] = React.useState<T>(value);\n\n  useEffect(() => {\n    const timer = setTimeout(() => setDebouncedValue(value), delay || 500);\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}\n\nfunction transToGroupOption(options: Option[], groupBy?: string) {\n  if (options.length === 0) {\n    return {};\n  }\n  if (!groupBy) {\n    return {\n      \"\": options,\n    };\n  }\n\n  const groupOption: GroupOption = {};\n  options.forEach((option) => {\n    const key = (option[groupBy] as string) || \"\";\n    if (!groupOption[key]) {\n      groupOption[key] = [];\n    }\n    groupOption[key]?.push(option);\n  });\n  return groupOption;\n}\n\nfunction removePickedOption(groupOption: GroupOption, picked: Option[]) {\n  const cloneOption = JSON.parse(JSON.stringify(groupOption)) as GroupOption;\n\n  for (const [key, value] of Object.entries(cloneOption)) {\n    cloneOption[key] = value.filter(\n      (val) => !picked.find((p) => p.value === val.value)\n    );\n  }\n  return cloneOption;\n}\n\n/**\n * The `CommandEmpty` of shadcn/ui will cause the cmdk empty not rendering correctly.\n * So we create one and copy the `Empty` implementation from `cmdk`.\n *\n * @reference: https://github.com/hsuanyi-chou/shadcn-ui-expansions/issues/34#issuecomment-1949561607\n **/\nconst CommandEmpty = forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof CommandPrimitive.Empty>\n>(({ className, ...props }, forwardedRef) => {\n  const render = useCommandState((state) => state.filtered.count === 0);\n\n  if (!render) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={forwardedRef}\n      className={cn(\"py-6 text-center text-sm\", className)}\n      cmdk-empty=\"\"\n      role=\"presentation\"\n      {...props}\n    />\n  );\n});\n\nCommandEmpty.displayName = \"CommandEmpty\";\n\ninterface SortableBadgeProps {\n  option: Option;\n  disabled?: boolean;\n  onUnselect: (option: Option) => void;\n  badgeClassName?: string;\n}\n\nconst SortableBadge = ({\n  option,\n  disabled,\n  onUnselect,\n  badgeClassName,\n}: SortableBadgeProps) => {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id: option.value });\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n    zIndex: isDragging ? 1 : 0,\n  };\n\n  return (\n    <Badge\n      ref={setNodeRef}\n      style={style}\n      className={cn(\n        \"data-[disabled]:bg-muted-foreground data-[disabled]:text-muted data-[disabled]:hover:bg-muted-foreground\",\n        \"data-[fixed]:bg-muted-foreground data-[fixed]:text-muted data-[fixed]:hover:bg-muted-foreground\",\n        \"flex items-center gap-1\",\n        isDragging && \"opacity-50\",\n        badgeClassName\n      )}\n      data-fixed={option.fixed}\n      data-disabled={disabled || undefined}\n    >\n      <button\n        className={cn(\n          \"flex cursor-grab items-center gap-1\",\n          disabled && \"hidden\"\n        )}\n        {...attributes}\n        {...listeners}\n      >\n        {option.label}\n      </button>\n      <button\n        className={cn(\n          \"ml-1 rounded-full outline-none ring-offset-background focus:ring-2 focus:ring-ring focus:ring-offset-2\",\n          (disabled || option.fixed) && \"hidden\"\n        )}\n        onKeyDown={(e) => {\n          if (e.key === \"Enter\") {\n            onUnselect(option);\n          }\n        }}\n        onMouseDown={(e: React.MouseEvent) => {\n          e.preventDefault();\n          e.stopPropagation();\n        }}\n        onClick={() => onUnselect(option)}\n      >\n        <X className=\"h-3 w-3 text-muted-foreground hover:text-foreground\" />\n      </button>\n    </Badge>\n  );\n};\n\nconst MultipleSelector = React.forwardRef<\n  MultipleSelectorRef,\n  MultipleSelectorProps\n>(\n  (\n    {\n      value,\n      onChange,\n      placeholder,\n      defaultOptions: arrayDefaultOptions = [],\n      options: arrayOptions,\n      delay,\n      onSearch,\n      onSearchSync,\n      loadingIndicator,\n      emptyIndicator,\n      maxSelected = Number.MAX_SAFE_INTEGER,\n      onMaxSelected,\n      hidePlaceholderWhenSelected,\n      disabled,\n      groupBy,\n      className,\n      badgeClassName,\n      selectFirstItem = true,\n      creatable = false,\n      triggerSearchOnFocus = false,\n      commandProps,\n      inputProps,\n      hideClearAllButton = false,\n    }: MultipleSelectorProps,\n    ref: React.Ref<MultipleSelectorRef>\n  ) => {\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const [open, setOpen] = React.useState(false);\n    const [isLoading, setIsLoading] = React.useState(false);\n\n    const [selected, setSelected] = React.useState<Option[]>(value || []);\n    const [options, setOptions] = React.useState<GroupOption>(\n      transToGroupOption(arrayDefaultOptions, groupBy)\n    );\n    const [inputValue, setInputValue] = React.useState(\"\");\n    const debouncedSearchTerm = useDebounce(inputValue, delay || 500);\n\n    React.useImperativeHandle(\n      ref,\n      () => ({\n        selectedValue: [...selected],\n        input: inputRef.current!,\n        focus: () => inputRef?.current?.focus(),\n        reset: () => setSelected([]),\n      }),\n      [selected]\n    );\n\n    const handleUnselect = React.useCallback(\n      (option: Option) => {\n        const newOptions = selected.filter((s) => s.value !== option.value);\n        setSelected(newOptions);\n        onChange?.(newOptions);\n      },\n      [onChange, selected]\n    );\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLDivElement>) => {\n        const input = inputRef.current;\n        if (input) {\n          if (e.key === \"Delete\" || e.key === \"Backspace\") {\n            if (input.value === \"\" && selected.length > 0) {\n              const lastSelectOption = selected[selected.length - 1];\n              if (!lastSelectOption?.fixed && lastSelectOption) {\n                handleUnselect(lastSelectOption);\n              }\n            }\n          }\n          if (e.key === \"Escape\") {\n            input.blur();\n            setOpen(false);\n          }\n        }\n      },\n      [handleUnselect, selected]\n    );\n\n    useEffect(() => {\n      if (value) {\n        setSelected(value);\n      }\n    }, [value]);\n\n    useEffect(() => {\n      /** If `onSearch` is provided, do not trigger options updated. */\n      if (!arrayOptions || onSearch) {\n        return;\n      }\n      const newOption = transToGroupOption(arrayOptions || [], groupBy);\n      if (JSON.stringify(newOption) !== JSON.stringify(options)) {\n        setOptions(newOption);\n      }\n    }, [arrayDefaultOptions, arrayOptions, groupBy, onSearch, options]);\n\n    useEffect(() => {\n      /** sync search */\n      const doSearchSync = () => {\n        const res = onSearchSync?.(debouncedSearchTerm);\n        setOptions(transToGroupOption(res || [], groupBy));\n      };\n\n      const exec = async () => {\n        if (!onSearchSync || !open) {\n          return;\n        }\n\n        if (triggerSearchOnFocus) {\n          doSearchSync();\n        }\n\n        if (debouncedSearchTerm) {\n          doSearchSync();\n        }\n      };\n\n      void exec();\n    }, [\n      debouncedSearchTerm,\n      groupBy,\n      onSearchSync,\n      open,\n      triggerSearchOnFocus,\n    ]);\n\n    useEffect(() => {\n      /** async search */\n      const doSearch = async () => {\n        setIsLoading(true);\n        const res = await onSearch?.(debouncedSearchTerm);\n        setOptions(transToGroupOption(res || [], groupBy));\n        setIsLoading(false);\n      };\n\n      const exec = async () => {\n        if (!onSearch || !open) {\n          return;\n        }\n\n        if (triggerSearchOnFocus) {\n          await doSearch();\n        }\n\n        if (debouncedSearchTerm) {\n          await doSearch();\n        }\n      };\n\n      void exec();\n    }, [debouncedSearchTerm, groupBy, onSearch, open, triggerSearchOnFocus]);\n\n    const EmptyItem = () => {\n      if (emptyIndicator) {\n        return emptyIndicator;\n      }\n      return null;\n    };\n\n    const selectables = React.useMemo<GroupOption>(\n      () => removePickedOption(options, selected),\n      [options, selected]\n    );\n\n    const commandFilter = React.useCallback(() => {\n      if (commandProps?.filter) {\n        return commandProps.filter;\n      }\n\n      if (creatable) {\n        return (value: string, search: string) => {\n          return value.toLowerCase().includes(search.toLowerCase()) ? 1 : -1;\n        };\n      }\n      return undefined;\n    }, [creatable, commandProps?.filter]);\n\n    const sensors = useSensors(\n      useSensor(PointerSensor),\n      useSensor(KeyboardSensor, {\n        coordinateGetter: sortableKeyboardCoordinates,\n      })\n    );\n\n    const handleDragEnd = (event: DragEndEvent) => {\n      const { active, over } = event;\n      if (!over) {\n        return;\n      }\n\n      if (active.id !== over.id) {\n        const oldIndex = selected.findIndex((item) => item.value === active.id);\n        const newIndex = selected.findIndex((item) => item.value === over.id);\n\n        const newSelected = arrayMove(selected, oldIndex, newIndex);\n        setSelected(newSelected);\n        onChange?.(newSelected);\n      }\n    };\n\n    return (\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <div\n            className={cn(\n              \"min-h-10 rounded-md border border-input text-base ring-offset-background focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 md:text-sm\",\n              {\n                \"px-1 py-1\": selected.length !== 0,\n                \"cursor-text\": !disabled && selected.length !== 0,\n              },\n              className\n            )}\n            onClick={() => {\n              if (disabled) {\n                return;\n              }\n              inputRef?.current?.focus();\n            }}\n            onKeyDown={handleKeyDown}\n          >\n            <div className=\"relative flex flex-wrap items-center gap-1\">\n              <DndContext\n                sensors={sensors}\n                collisionDetection={closestCenter}\n                onDragEnd={handleDragEnd}\n              >\n                <SortableContext\n                  items={selected.map((s) => s.value)}\n                  strategy={horizontalListSortingStrategy}\n                >\n                  {selected.map((option) => (\n                    <SortableBadge\n                      key={option.value}\n                      option={option}\n                      disabled={disabled}\n                      onUnselect={handleUnselect}\n                      badgeClassName={badgeClassName}\n                    />\n                  ))}\n                </SortableContext>\n              </DndContext>\n\n              <Button\n                variant=\"ghost\"\n                onClick={() => {\n                  setSelected(selected.filter((s) => s.fixed));\n                  onChange?.(selected.filter((s) => s.fixed));\n                }}\n                className={cn(\n                  \"absolute right-0 h-6 w-6 p-0\",\n                  (hideClearAllButton ||\n                    disabled ||\n                    selected.length < 1 ||\n                    selected.filter((s) => s.fixed).length ===\n                      selected.length) &&\n                    \"hidden\"\n                )}\n              >\n                <X />\n              </Button>\n            </div>\n          </div>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-full p-0\" align=\"start\">\n          <Command\n            {...commandProps}\n            shouldFilter={\n              commandProps?.shouldFilter !== undefined\n                ? commandProps.shouldFilter\n                : !onSearch\n            }\n            filter={commandFilter()}\n          >\n            <CommandInput\n              placeholder={\n                hidePlaceholderWhenSelected && selected.length > 0\n                  ? \"\"\n                  : placeholder\n              }\n              {...inputProps}\n            />\n            <CommandList>\n              {isLoading ? (\n                loadingIndicator\n              ) : (\n                <>\n                  {EmptyItem()}\n\n                  {!selectFirstItem && (\n                    <CommandItem value=\"-\" className=\"hidden\" />\n                  )}\n                  {Object.entries(selectables).map(([key, dropdowns]) => (\n                    <CommandGroup\n                      key={key}\n                      heading={key}\n                      className=\"h-full overflow-auto\"\n                    >\n                      {dropdowns.map((option) => (\n                        <CommandItem\n                          key={option.value}\n                          value={option.label}\n                          disabled={option.disable}\n                          onMouseDown={(e: React.MouseEvent) => {\n                            e.preventDefault();\n                            e.stopPropagation();\n                          }}\n                          onSelect={() => {\n                            if (selected.length >= maxSelected) {\n                              onMaxSelected?.(selected.length);\n                              return;\n                            }\n                            setInputValue(\"\");\n                            const newOptions = [...selected, option];\n                            setSelected(newOptions);\n                            onChange?.(newOptions);\n                          }}\n                          className={cn(\n                            \"cursor-pointer\",\n                            option.disable &&\n                              \"cursor-default text-muted-foreground\"\n                          )}\n                        >\n                          {option.label}\n                        </CommandItem>\n                      ))}\n                    </CommandGroup>\n                  ))}\n                </>\n              )}\n            </CommandList>\n          </Command>\n        </PopoverContent>\n      </Popover>\n    );\n  }\n);\n\nMultipleSelector.displayName = \"MultipleSelector\";\nexport default MultipleSelector;\n","import { useDataLayer } from \"@/providers/DataLayerProvider\";\n\nexport function useColumnNames() {\n  const getColumnNames = useDataLayer((state) => state.getColumnNames);\n  const availableFields = getColumnNames();\n\n  return availableFields;\n}\n"]}