dgz-ui-shared 1.2.35 → 1.2.37

package/dist/chunks/{Search-BtiKC-dt.es.js → Search-DunDXQgP.es.js}

@@ -2,17 +2,16 @@ import { jsxs as l, jsx as s } from "react/jsx-runtime";
 import { Button as c } from "dgz-ui/button";
 import { Form as B, Input as O } from "dgz-ui/form";
 import { Popover as C, PopoverTrigger as L, PopoverContent as W } from "dgz-ui/popover";
-import { l as k } from "./lodash-CRDOWzbs.es.js";
-import { ListFilterPlusIcon as U, ListFilterIcon as $, ChevronDown as q } from "lucide-react";
-import { memo as G, useState as h, useEffect as x, useCallback as E } from "react";
+import { g as E, M as U } from "./MyInput-ByJ5vTAN.es.js";
+import { ListFilterPlusIcon as $, ListFilterIcon as q, ChevronDown as G } from "lucide-react";
+import { memo as H, useState as h, useEffect as x, useCallback as S } from "react";
 import { useTranslation as w } from "react-i18next";
-import { u as H } from "./useFilter-C_K_3fQu.es.js";
-import { M as J } from "./MyInput-Cb0FlVxQ.es.js";
-import { M as Q } from "./MySelect-5DHBVlKZ.es.js";
+import { u as J } from "./useFilter-DpCwY1KO.es.js";
+import { M as Q } from "./MySelect-CRXtMlbf.es.js";
 import { p as V } from "./index-E1NtSoNr.es.js";
 import { cn as X } from "dgz-ui/utils";
-import { K as S } from "./Keyboard-CJVAJWdO.es.js";
-const pe = G(function({
+import { K as k } from "./Keyboard-CJVAJWdO.es.js";
+const me = H(function({
   filters: t,
   params: n,
   onFilter: o,
@@ -25,11 +24,11 @@ const pe = G(function({
   applyText: M,
   ...P
 }) {
-  const { t: p } = w(), [z, T] = h(!1), [j, d] = h(!1), { form: v } = H({ params: n }), { watch: D, handleSubmit: F, control: b, reset: N } = v;
+  const { t: p } = w(), [z, T] = h(!1), [j, d] = h(!1), { form: v } = J({ params: n }), { watch: D, handleSubmit: F, control: b, reset: N } = v;
   x(() => {
     let e = !1;
     t.map((A) => {
-      const u = k.get(n, `${A.name}`);
+      const u = E(n, `${A.name}`);
       (Array.isArray(u) ? u.length > 0 : u) && (e = !0), T(e);
     });
   }, [t, n]);
@@ -37,12 +36,12 @@ const pe = G(function({
   x(() => {
     r == null || r(g);
   }, [g, r]);
-  const K = E(
+  const K = S(
     (e = {}) => {
       o == null || o(e), d(!1);
     },
     [o]
-  ), R = E(() => {
+  ), R = S(() => {
     N(), o && o({
       ...Object.fromEntries(
         t.map((e) => [e.name, void 0])
@@ -59,10 +58,10 @@ const pe = G(function({
         className: "ml-auto w-full px-3",
         ...P,
         children: /* @__PURE__ */ l("div", { className: "flex items-center", children: [
-          z ? /* @__PURE__ */ s(U, { className: "size-5" }) : /* @__PURE__ */ s($, { className: "size-5" }),
+          z ? /* @__PURE__ */ s($, { className: "size-5" }) : /* @__PURE__ */ s(q, { className: "size-5" }),
           " ",
           /* @__PURE__ */ s("span", { className: "hidden md:inline!", children: a || p("Filter") }),
-          /* @__PURE__ */ s(q, {})
+          /* @__PURE__ */ s(G, {})
         ] })
       }
     ) }),
@@ -81,7 +80,7 @@ const pe = G(function({
           },
           e.name
         ) : /* @__PURE__ */ s(
-          J,
+          U,
           {
             control: b,
             placeholder: e.placeholder,
@@ -106,7 +105,7 @@ const pe = G(function({
       ] })
     ] }) }) })
   ] });
-}), de = ({
+}), pe = ({
   placeholder: f,
   onSearchChange: t,
   className: n,
@@ -120,12 +119,12 @@ const pe = G(function({
       {
         ...o,
         placeholder: f || y("Type text and press Enter"),
-        onInput: (a) => m(k.get(a, "target.value", "")),
+        onInput: (a) => m(E(a, "target.value", "")),
         onKeyUp: (a) => {
-          a.key === S.ENTER && (t(i || void 0), a.stopPropagation(), a.preventDefault());
+          a.key === k.ENTER && (t(i || void 0), a.stopPropagation(), a.preventDefault());
         },
         onKeyDown: (a) => {
-          a.key === S.ENTER && (a.stopPropagation(), a.preventDefault());
+          a.key === k.ENTER && (a.stopPropagation(), a.preventDefault());
         }
       }
     ),
@@ -142,7 +141,7 @@ const pe = G(function({
   ] });
 };
 export {
-  pe as F,
-  de as S
+  me as F,
+  pe as S
 };
-//# sourceMappingURL=Search-BtiKC-dt.es.js.map
+//# sourceMappingURL=Search-DunDXQgP.es.js.map

package/dist/chunks/Search-DunDXQgP.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search-DunDXQgP.es.js","sources":["../../src/components/filters/FilterWrapper.tsx","../../src/components/filters/Search.tsx"],"sourcesContent":["import { Button, type ButtonProps } from 'dgz-ui/button';\nimport { Form, type Option } from 'dgz-ui/form';\nimport {\n  Popover,\n  type PopoverContainerProps,\n  PopoverContent,\n  PopoverTrigger,\n} from 'dgz-ui/popover';\nimport get from 'lodash.get';\nimport { ChevronDown, ListFilterIcon, ListFilterPlusIcon } from 'lucide-react';\nimport { memo, type ReactNode, useCallback, useEffect, useState } from 'react';\nimport type { FieldValues } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { useFilter } from '../../hooks';\nimport { MyInput, MySelect } from '../form';\n\n/**\n * Interface representing a filter configuration.\n */\nexport interface FilterInterface {\n  /** Label for the filter field. */\n  label?: ReactNode;\n  /** Placeholder text for the input/select. */\n  placeholder?: string;\n  /** Default value for the filter. */\n  value?: string | string[];\n  /** Name of the filter field (used as key). */\n  name: string;\n  /** Whether the filter supports multiple values (for select inputs). */\n  isMulti?: boolean;\n  /** Whether the filter supports searchable inputs (for select inputs). */\n  isSearchable?: boolean;\n  /** Options for select inputs. */\n  options?: Option[];\n}\n\n/**\n * Props for the FilterWrapper component.\n */\nexport interface FilterWrapperProps\n  extends Omit<ButtonProps, 'title'>, PopoverContainerProps {\n  /** Array of filter definitions to render. */\n  filters: FilterInterface[];\n  /** Current active parameters/filters. */\n  params?: Record<string, unknown>;\n  /** Callback fired when filters are applied. */\n  onFilter?: (filters: Record<string, unknown>) => void;\n  /** Callback fired when the filter popover is closed/cancelled. */\n  onCancel?: () => void;\n  /** Callback fired when filter form values change. */\n  onChange?: (filters: FieldValues) => void;\n  /** Title for the filter button. */\n  title?: ReactNode;\n  /** Text for the reset button. */\n  resetText?: ReactNode;\n  /** Text for the apply button. */\n  applyText?: ReactNode;\n}\n\n/**\n * FilterWrapper shows a popover with a dynamic list of field filters and emits selected filter values.\n *\n * @param props.filters - Array of filter definitions to render.\n * @param props.params - Current params used to detect active filters.\n * @param props.onFilter - Callback fired when user applies filters.\n * @param props.onCancel - Callback fired on cancel.\n * @param props.onChange - Callback fired whenever filter form values change.\n * @returns {JSX.Element} A filter button that opens a popover with filter controls\n */\nexport const FilterWrapper = memo(function FilterWrapper({\n  filters,\n  params,\n  onFilter,\n  onChange,\n  onCancel,\n  triggerProps,\n  contentProps,\n  title,\n  resetText,\n  applyText,\n  ...btnProps\n}: FilterWrapperProps) {\n  const { t } = useTranslation();\n  const [isFiltered, setIsFiltered] = useState(false);\n  const [open, setOpen] = useState(false);\n  const { form } = useFilter({ params });\n\n  const { watch, handleSubmit, control, reset } = form;\n\n  useEffect(() => {\n    let hasFilter = false;\n    filters.map((filter) => {\n      const value = get(params, `${filter.name}`);\n      if (Array.isArray(value) ? value.length > 0 : Boolean(value)) {\n        hasFilter = true;\n      }\n\n      setIsFiltered(hasFilter);\n    });\n  }, [filters, params]);\n\n  const values = watch();\n\n  useEffect(() => {\n    onChange?.(values);\n  }, [values, onChange]);\n\n  const handleFilter = useCallback(\n    (data = {}) => {\n      onFilter?.(data);\n      setOpen(false);\n    },\n    [onFilter]\n  );\n\n  const handleReset = useCallback(() => {\n    reset();\n    if (onFilter) {\n      onFilter({\n        ...Object.fromEntries(\n          filters.map((filter) => [filter.name, undefined])\n        ),\n      });\n    }\n    setOpen(false);\n  }, [onFilter, reset, filters]);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger {...triggerProps} className={'grow'}>\n        <Button\n          asChild\n          size={'sm'}\n          variant=\"secondary\"\n          className={'ml-auto w-full px-3'}\n          {...btnProps}\n        >\n          <div className={'flex items-center'}>\n            {isFiltered ? (\n              <ListFilterPlusIcon className={'size-5'} />\n            ) : (\n              <ListFilterIcon className={'size-5'} />\n            )}{' '}\n            <span className={'hidden md:inline!'}>{title || t('Filter')}</span>\n            <ChevronDown />\n          </div>\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent side={'bottom'} align={'end'} {...contentProps}>\n        <Form {...form}>\n          <form onSubmit={handleSubmit(handleFilter)} className={'space-y-4'}>\n            <div className={'h-full shrink space-y-6 p-1'}>\n              {filters.map((filter) =>\n                filter.options ? (\n                  <MySelect\n                    key={filter.name}\n                    control={control}\n                    name={filter.name}\n                    isSearchable={Boolean(filter.isSearchable)}\n                    placeholder={filter.placeholder}\n                    isMulti={filter.isMulti}\n                    options={filter.options}\n                    label={filter.label}\n                  />\n                ) : (\n                  <MyInput\n                    key={filter.name}\n                    control={control}\n                    placeholder={filter.placeholder}\n                    name={filter.name}\n                    label={filter.label}\n                  />\n                )\n              )}\n            </div>\n            <div className={'flex shrink-0 justify-end gap-2'}>\n              <Button\n                variant={'destructive'}\n                type=\"reset\"\n                size={'sm'}\n                onClick={handleReset}\n              >\n                {resetText || t('Reset')}\n              </Button>\n              <Button type=\"submit\" size={'sm'}>\n                {applyText || t('Apply')}\n              </Button>\n            </div>\n          </form>\n        </Form>\n      </PopoverContent>\n    </Popover>\n  );\n});\n","import { RiSearchLine } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport type { CardProps } from 'dgz-ui/card';\nimport { Input, type InputProps } from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport get from 'lodash.get';\nimport { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Keyboard } from '../../enums';\n\n/**\n * Props for the Search component.\n */\nexport type SearchProps = Omit<CardProps, 'title'> & {\n  /** Custom placeholder text for the input. */\n  placeholder?: string;\n  /** Callback fired when the search is triggered. */\n  onSearchChange: (search?: string) => void;\n  inputProps?: InputProps;\n};\n\n/**\n * Search input with a submit button that triggers a search action.\n *\n * This component renders a search input field and a search button. The search\n * is triggered when the user presses Enter or clicks the button. The search\n * value is then passed to the `onSearchChange` callback.\n *\n * @param {SearchProps} props - The props for the component.\n * @param {string} [props.placeholder] - Optional placeholder text for the input field.\n * @param {Function} props.onSearchChange - Callback function that is called when a search is performed.\n * @param {string} [props.className] - Optional class name for the component.\n * @param {InputProps} [props.inputProps] - Optional props to pass to the underlying Input component.\n * @returns {JSX.Element} A search input field with submit button\n */\nexport const Search = ({\n  placeholder,\n  onSearchChange,\n  className,\n  inputProps,\n  ...props\n}: SearchProps) => {\n  const { t } = useTranslation();\n  const [search, setSearch] = useState('');\n\n  return (\n    <div {...props} className={cn('relative w-full', className)}>\n      <Input\n        {...inputProps}\n        placeholder={placeholder || t('Type text and press Enter')}\n        onInput={(evt) => setSearch(get(evt, 'target.value', ''))}\n        onKeyUp={(evt) => {\n          if (evt.key === Keyboard.ENTER) {\n            onSearchChange(search || undefined);\n            evt.stopPropagation();\n            evt.preventDefault();\n          }\n        }}\n        onKeyDown={(event) => {\n          if (event.key === Keyboard.ENTER) {\n            event.stopPropagation();\n            event.preventDefault();\n          }\n        }}\n      />\n      <Button\n        type={'button'}\n        variant={'ghost'}\n        className={\n          'text-foreground absolute top-0 right-0 cursor-pointer rounded-md bg-transparent!'\n        }\n        onClick={() => onSearchChange(search)}\n      >\n        <RiSearchLine />\n      </Button>\n    </div>\n  );\n};\n"],"names":["FilterWrapper","memo","filters","params","onFilter","onChange","onCancel","triggerProps","contentProps","title","resetText","applyText","btnProps","t","useTranslation","isFiltered","setIsFiltered","useState","open","setOpen","form","useFilter","watch","handleSubmit","control","reset","useEffect","hasFilter","filter","value","get","values","handleFilter","useCallback","data","handleReset","jsxs","Popover","jsx","PopoverTrigger","Button","ListFilterPlusIcon","ListFilterIcon","ChevronDown","PopoverContent","Form","MySelect","MyInput","Search","placeholder","onSearchChange","className","inputProps","props","search","setSearch","cn","Input","evt","Keyboard","event","RiSearchLine"],"mappings":"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"}

package/dist/chunks/Search-kbkeTeSI.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("dgz-ui/button"),g=require("dgz-ui/form"),h=require("dgz-ui/popover"),j=require("./MyInput-mL2G5h2s.cjs.js"),x=require("lucide-react"),r=require("react"),k=require("react-i18next"),D=require("./useFilter-D93ncAmn.cjs.js"),$=require("./MySelect-CmLxmNJz.cjs.js"),A=require("./index-ClQFzqcq.cjs.js"),C=require("dgz-ui/utils"),S=require("./Keyboard-kyPAAQWP.cjs.js"),O=r.memo(function({filters:a,params:c,onFilter:n,onChange:o,onCancel:b,triggerProps:l,contentProps:u,title:t,resetText:E,applyText:I,...w}){const{t:p}=k.useTranslation(),[B,M]=r.useState(!1),[P,d]=r.useState(!1),{form:v}=D.useFilter({params:c}),{watch:R,handleSubmit:T,control:f,reset:q}=v;r.useEffect(()=>{let s=!1;a.map(K=>{const m=j.get(c,`${K.name}`);(Array.isArray(m)?m.length>0:m)&&(s=!0),M(s)})},[a,c]);const N=R();r.useEffect(()=>{o==null||o(N)},[N,o]);const z=r.useCallback((s={})=>{n==null||n(s),d(!1)},[n]),F=r.useCallback(()=>{q(),n&&n({...Object.fromEntries(a.map(s=>[s.name,void 0]))}),d(!1)},[n,q,a]);return e.jsxs(h.Popover,{open:P,onOpenChange:d,children:[e.jsx(h.PopoverTrigger,{...l,className:"grow",children:e.jsx(i.Button,{asChild:!0,size:"sm",variant:"secondary",className:"ml-auto w-full px-3",...w,children:e.jsxs("div",{className:"flex items-center",children:[B?e.jsx(x.ListFilterPlusIcon,{className:"size-5"}):e.jsx(x.ListFilterIcon,{className:"size-5"})," ",e.jsx("span",{className:"hidden md:inline!",children:t||p("Filter")}),e.jsx(x.ChevronDown,{})]})})}),e.jsx(h.PopoverContent,{side:"bottom",align:"end",...u,children:e.jsx(g.Form,{...v,children:e.jsxs("form",{onSubmit:T(z),className:"space-y-4",children:[e.jsx("div",{className:"h-full shrink space-y-6 p-1",children:a.map(s=>s.options?e.jsx($.MySelect,{control:f,name:s.name,isSearchable:!!s.isSearchable,placeholder:s.placeholder,isMulti:s.isMulti,options:s.options,label:s.label},s.name):e.jsx(j.MyInput,{control:f,placeholder:s.placeholder,name:s.name,label:s.label},s.name))}),e.jsxs("div",{className:"flex shrink-0 justify-end gap-2",children:[e.jsx(i.Button,{variant:"destructive",type:"reset",size:"sm",onClick:F,children:E||p("Reset")}),e.jsx(i.Button,{type:"submit",size:"sm",children:I||p("Apply")})]})]})})})]})}),W=({placeholder:y,onSearchChange:a,className:c,inputProps:n,...o})=>{const{t:b}=k.useTranslation(),[l,u]=r.useState("");return e.jsxs("div",{...o,className:C.cn("relative w-full",c),children:[e.jsx(g.Input,{...n,placeholder:y||b("Type text and press Enter"),onInput:t=>u(j.get(t,"target.value","")),onKeyUp:t=>{t.key===S.Keyboard.ENTER&&(a(l||void 0),t.stopPropagation(),t.preventDefault())},onKeyDown:t=>{t.key===S.Keyboard.ENTER&&(t.stopPropagation(),t.preventDefault())}}),e.jsx(i.Button,{type:"button",variant:"ghost",className:"text-foreground absolute top-0 right-0 cursor-pointer rounded-md bg-transparent!",onClick:()=>a(l),children:e.jsx(A.pv,{})})]})};exports.FilterWrapper=O;exports.Search=W;
+//# sourceMappingURL=Search-kbkeTeSI.cjs.js.map

package/dist/chunks/Search-kbkeTeSI.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search-kbkeTeSI.cjs.js","sources":["../../src/components/filters/FilterWrapper.tsx","../../src/components/filters/Search.tsx"],"sourcesContent":["import { Button, type ButtonProps } from 'dgz-ui/button';\nimport { Form, type Option } from 'dgz-ui/form';\nimport {\n  Popover,\n  type PopoverContainerProps,\n  PopoverContent,\n  PopoverTrigger,\n} from 'dgz-ui/popover';\nimport get from 'lodash.get';\nimport { ChevronDown, ListFilterIcon, ListFilterPlusIcon } from 'lucide-react';\nimport { memo, type ReactNode, useCallback, useEffect, useState } from 'react';\nimport type { FieldValues } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { useFilter } from '../../hooks';\nimport { MyInput, MySelect } from '../form';\n\n/**\n * Interface representing a filter configuration.\n */\nexport interface FilterInterface {\n  /** Label for the filter field. */\n  label?: ReactNode;\n  /** Placeholder text for the input/select. */\n  placeholder?: string;\n  /** Default value for the filter. */\n  value?: string | string[];\n  /** Name of the filter field (used as key). */\n  name: string;\n  /** Whether the filter supports multiple values (for select inputs). */\n  isMulti?: boolean;\n  /** Whether the filter supports searchable inputs (for select inputs). */\n  isSearchable?: boolean;\n  /** Options for select inputs. */\n  options?: Option[];\n}\n\n/**\n * Props for the FilterWrapper component.\n */\nexport interface FilterWrapperProps\n  extends Omit<ButtonProps, 'title'>, PopoverContainerProps {\n  /** Array of filter definitions to render. */\n  filters: FilterInterface[];\n  /** Current active parameters/filters. */\n  params?: Record<string, unknown>;\n  /** Callback fired when filters are applied. */\n  onFilter?: (filters: Record<string, unknown>) => void;\n  /** Callback fired when the filter popover is closed/cancelled. */\n  onCancel?: () => void;\n  /** Callback fired when filter form values change. */\n  onChange?: (filters: FieldValues) => void;\n  /** Title for the filter button. */\n  title?: ReactNode;\n  /** Text for the reset button. */\n  resetText?: ReactNode;\n  /** Text for the apply button. */\n  applyText?: ReactNode;\n}\n\n/**\n * FilterWrapper shows a popover with a dynamic list of field filters and emits selected filter values.\n *\n * @param props.filters - Array of filter definitions to render.\n * @param props.params - Current params used to detect active filters.\n * @param props.onFilter - Callback fired when user applies filters.\n * @param props.onCancel - Callback fired on cancel.\n * @param props.onChange - Callback fired whenever filter form values change.\n * @returns {JSX.Element} A filter button that opens a popover with filter controls\n */\nexport const FilterWrapper = memo(function FilterWrapper({\n  filters,\n  params,\n  onFilter,\n  onChange,\n  onCancel,\n  triggerProps,\n  contentProps,\n  title,\n  resetText,\n  applyText,\n  ...btnProps\n}: FilterWrapperProps) {\n  const { t } = useTranslation();\n  const [isFiltered, setIsFiltered] = useState(false);\n  const [open, setOpen] = useState(false);\n  const { form } = useFilter({ params });\n\n  const { watch, handleSubmit, control, reset } = form;\n\n  useEffect(() => {\n    let hasFilter = false;\n    filters.map((filter) => {\n      const value = get(params, `${filter.name}`);\n      if (Array.isArray(value) ? value.length > 0 : Boolean(value)) {\n        hasFilter = true;\n      }\n\n      setIsFiltered(hasFilter);\n    });\n  }, [filters, params]);\n\n  const values = watch();\n\n  useEffect(() => {\n    onChange?.(values);\n  }, [values, onChange]);\n\n  const handleFilter = useCallback(\n    (data = {}) => {\n      onFilter?.(data);\n      setOpen(false);\n    },\n    [onFilter]\n  );\n\n  const handleReset = useCallback(() => {\n    reset();\n    if (onFilter) {\n      onFilter({\n        ...Object.fromEntries(\n          filters.map((filter) => [filter.name, undefined])\n        ),\n      });\n    }\n    setOpen(false);\n  }, [onFilter, reset, filters]);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger {...triggerProps} className={'grow'}>\n        <Button\n          asChild\n          size={'sm'}\n          variant=\"secondary\"\n          className={'ml-auto w-full px-3'}\n          {...btnProps}\n        >\n          <div className={'flex items-center'}>\n            {isFiltered ? (\n              <ListFilterPlusIcon className={'size-5'} />\n            ) : (\n              <ListFilterIcon className={'size-5'} />\n            )}{' '}\n            <span className={'hidden md:inline!'}>{title || t('Filter')}</span>\n            <ChevronDown />\n          </div>\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent side={'bottom'} align={'end'} {...contentProps}>\n        <Form {...form}>\n          <form onSubmit={handleSubmit(handleFilter)} className={'space-y-4'}>\n            <div className={'h-full shrink space-y-6 p-1'}>\n              {filters.map((filter) =>\n                filter.options ? (\n                  <MySelect\n                    key={filter.name}\n                    control={control}\n                    name={filter.name}\n                    isSearchable={Boolean(filter.isSearchable)}\n                    placeholder={filter.placeholder}\n                    isMulti={filter.isMulti}\n                    options={filter.options}\n                    label={filter.label}\n                  />\n                ) : (\n                  <MyInput\n                    key={filter.name}\n                    control={control}\n                    placeholder={filter.placeholder}\n                    name={filter.name}\n                    label={filter.label}\n                  />\n                )\n              )}\n            </div>\n            <div className={'flex shrink-0 justify-end gap-2'}>\n              <Button\n                variant={'destructive'}\n                type=\"reset\"\n                size={'sm'}\n                onClick={handleReset}\n              >\n                {resetText || t('Reset')}\n              </Button>\n              <Button type=\"submit\" size={'sm'}>\n                {applyText || t('Apply')}\n              </Button>\n            </div>\n          </form>\n        </Form>\n      </PopoverContent>\n    </Popover>\n  );\n});\n","import { RiSearchLine } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport type { CardProps } from 'dgz-ui/card';\nimport { Input, type InputProps } from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport get from 'lodash.get';\nimport { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Keyboard } from '../../enums';\n\n/**\n * Props for the Search component.\n */\nexport type SearchProps = Omit<CardProps, 'title'> & {\n  /** Custom placeholder text for the input. */\n  placeholder?: string;\n  /** Callback fired when the search is triggered. */\n  onSearchChange: (search?: string) => void;\n  inputProps?: InputProps;\n};\n\n/**\n * Search input with a submit button that triggers a search action.\n *\n * This component renders a search input field and a search button. The search\n * is triggered when the user presses Enter or clicks the button. The search\n * value is then passed to the `onSearchChange` callback.\n *\n * @param {SearchProps} props - The props for the component.\n * @param {string} [props.placeholder] - Optional placeholder text for the input field.\n * @param {Function} props.onSearchChange - Callback function that is called when a search is performed.\n * @param {string} [props.className] - Optional class name for the component.\n * @param {InputProps} [props.inputProps] - Optional props to pass to the underlying Input component.\n * @returns {JSX.Element} A search input field with submit button\n */\nexport const Search = ({\n  placeholder,\n  onSearchChange,\n  className,\n  inputProps,\n  ...props\n}: SearchProps) => {\n  const { t } = useTranslation();\n  const [search, setSearch] = useState('');\n\n  return (\n    <div {...props} className={cn('relative w-full', className)}>\n      <Input\n        {...inputProps}\n        placeholder={placeholder || t('Type text and press Enter')}\n        onInput={(evt) => setSearch(get(evt, 'target.value', ''))}\n        onKeyUp={(evt) => {\n          if (evt.key === Keyboard.ENTER) {\n            onSearchChange(search || undefined);\n            evt.stopPropagation();\n            evt.preventDefault();\n          }\n        }}\n        onKeyDown={(event) => {\n          if (event.key === Keyboard.ENTER) {\n            event.stopPropagation();\n            event.preventDefault();\n          }\n        }}\n      />\n      <Button\n        type={'button'}\n        variant={'ghost'}\n        className={\n          'text-foreground absolute top-0 right-0 cursor-pointer rounded-md bg-transparent!'\n        }\n        onClick={() => onSearchChange(search)}\n      >\n        <RiSearchLine />\n      </Button>\n    </div>\n  );\n};\n"],"names":["FilterWrapper","memo","filters","params","onFilter","onChange","onCancel","triggerProps","contentProps","title","resetText","applyText","btnProps","t","useTranslation","isFiltered","setIsFiltered","useState","open","setOpen","form","useFilter","watch","handleSubmit","control","reset","useEffect","hasFilter","filter","value","get","values","handleFilter","useCallback","data","handleReset","jsxs","Popover","jsx","PopoverTrigger","Button","ListFilterPlusIcon","ListFilterIcon","ChevronDown","PopoverContent","Form","MySelect","MyInput","Search","placeholder","onSearchChange","className","inputProps","props","search","setSearch","cn","Input","evt","Keyboard","event","RiSearchLine"],"mappings":"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"}

package/dist/chunks/SortOrder-81BrXp3i.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortOrder-81BrXp3i.cjs.js","sources":["../../src/enums/SortOrder.ts"],"sourcesContent":["/**\n * SortOrder enum for ascending/descending sort.\n */\nexport enum SortOrder {\n  ASC = 'ASC',\n  DESC = 'DESC',\n}\n"],"names":["SortOrder"],"mappings":"aAGO,IAAKA,GAAAA,IACVA,EAAA,IAAM,MACNA,EAAA,KAAO,OAFGA,IAAAA,GAAA,CAAA,CAAA"}
+{"version":3,"file":"SortOrder-81BrXp3i.cjs.js","sources":["../../src/enums/SortOrder.ts"],"sourcesContent":["/**\n * SortOrder enum for ascending/descending sort.\n */\nexport enum SortOrder {\n  /** Ascending sort order (A-Z, 0-9, oldest to newest) */\n  ASC = 'ASC',\n  /** Descending sort order (Z-A, 9-0, newest to oldest) */\n  DESC = 'DESC',\n}\n"],"names":["SortOrder"],"mappings":"aAGO,IAAKA,GAAAA,IAEVA,EAAA,IAAM,MAENA,EAAA,KAAO,OAJGA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/chunks/SortOrder-CwuehjY1.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortOrder-CwuehjY1.es.js","sources":["../../src/enums/SortOrder.ts"],"sourcesContent":["/**\n * SortOrder enum for ascending/descending sort.\n */\nexport enum SortOrder {\n  ASC = 'ASC',\n  DESC = 'DESC',\n}\n"],"names":["SortOrder"],"mappings":"AAGO,IAAKA,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,OAAO,QAFGA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"SortOrder-CwuehjY1.es.js","sources":["../../src/enums/SortOrder.ts"],"sourcesContent":["/**\n * SortOrder enum for ascending/descending sort.\n */\nexport enum SortOrder {\n  /** Ascending sort order (A-Z, 0-9, oldest to newest) */\n  ASC = 'ASC',\n  /** Descending sort order (Z-A, 9-0, newest to oldest) */\n  DESC = 'DESC',\n}\n"],"names":["SortOrder"],"mappings":"AAGO,IAAKA,sBAAAA,OAEVA,EAAA,MAAM,OAENA,EAAA,OAAO,QAJGA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/chunks/Spin-DUK1prd9.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spin-DUK1prd9.cjs.js","sources":["../../src/components/loader/Spin.tsx"],"sourcesContent":["import { cn } from 'dgz-ui/utils';\nimport type { HTMLAttributes } from 'react';\n\n/**\n * Props for the Spin component.\n */\nexport type SpinProps = HTMLAttributes<HTMLOrSVGElement>;\n\n/**\n * Spin renders a simple SVG spinner. You can override className to change size/color.\n *\n * @param props - Optional HTML/SVG attributes applied to the svg element.\n * @returns An SVG spinner element.\n */\nconst Spin = (props?: SpinProps) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      {...props}\n      className={cn('mr-1 size-5 animate-spin text-white', props?.className)}\n    >\n      <circle\n        className=\"opacity-25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      ></circle>\n      <path\n        className=\"opacity-75\"\n        fill=\"currentColor\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n      ></path>\n    </svg>\n  );\n};\n\nexport default Spin;\n"],"names":["Spin","props","jsxs","cn","jsx"],"mappings":"4EAcMA,EAAQC,GAEVC,EAAAA,KAAC,MAAA,CACC,MAAM,6BACN,KAAK,OACL,QAAQ,YACP,GAAGD,EACJ,UAAWE,EAAAA,GAAG,sCAAuCF,GAAA,YAAAA,EAAO,SAAS,EAErE,SAAA,CAAAG,EAAAA,IAAC,SAAA,CACC,UAAU,aACV,GAAG,KACH,GAAG,KACH,EAAE,KACF,OAAO,eACP,YAAY,GAAA,CAAA,EAEdA,EAAAA,IAAC,OAAA,CACC,UAAU,aACV,KAAK,eACL,EAAE,iHAAA,CAAA,CACH,CAAA,CAAA"}
+{"version":3,"file":"Spin-DUK1prd9.cjs.js","sources":["../../src/components/loader/Spin.tsx"],"sourcesContent":["import { cn } from 'dgz-ui/utils';\nimport type { HTMLAttributes } from 'react';\n\n/**\n * Props for the Spin component.\n */\nexport type SpinProps = HTMLAttributes<HTMLOrSVGElement>;\n\n/**\n * Spin renders a simple SVG spinner. You can override className to change size/color.\n *\n * @param props - Optional HTML/SVG attributes applied to the svg element.\n * @returns {JSX.Element} An SVG spinner element.\n */\nconst Spin = (props?: SpinProps) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      {...props}\n      className={cn('mr-1 size-5 animate-spin text-white', props?.className)}\n    >\n      <circle\n        className=\"opacity-25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      ></circle>\n      <path\n        className=\"opacity-75\"\n        fill=\"currentColor\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n      ></path>\n    </svg>\n  );\n};\n\nexport default Spin;\n"],"names":["Spin","props","jsxs","cn","jsx"],"mappings":"4EAcMA,EAAQC,GAEVC,EAAAA,KAAC,MAAA,CACC,MAAM,6BACN,KAAK,OACL,QAAQ,YACP,GAAGD,EACJ,UAAWE,EAAAA,GAAG,sCAAuCF,GAAA,YAAAA,EAAO,SAAS,EAErE,SAAA,CAAAG,EAAAA,IAAC,SAAA,CACC,UAAU,aACV,GAAG,KACH,GAAG,KACH,EAAE,KACF,OAAO,eACP,YAAY,GAAA,CAAA,EAEdA,EAAAA,IAAC,OAAA,CACC,UAAU,aACV,KAAK,eACL,EAAE,iHAAA,CAAA,CACH,CAAA,CAAA"}

package/dist/chunks/Spin-DtW_edOq.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spin-DtW_edOq.es.js","sources":["../../src/components/loader/Spin.tsx"],"sourcesContent":["import { cn } from 'dgz-ui/utils';\nimport type { HTMLAttributes } from 'react';\n\n/**\n * Props for the Spin component.\n */\nexport type SpinProps = HTMLAttributes<HTMLOrSVGElement>;\n\n/**\n * Spin renders a simple SVG spinner. You can override className to change size/color.\n *\n * @param props - Optional HTML/SVG attributes applied to the svg element.\n * @returns An SVG spinner element.\n */\nconst Spin = (props?: SpinProps) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      {...props}\n      className={cn('mr-1 size-5 animate-spin text-white', props?.className)}\n    >\n      <circle\n        className=\"opacity-25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      ></circle>\n      <path\n        className=\"opacity-75\"\n        fill=\"currentColor\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n      ></path>\n    </svg>\n  );\n};\n\nexport default Spin;\n"],"names":["Spin","props","jsxs","cn","jsx"],"mappings":";;AAcA,MAAMA,IAAO,CAACC,MAEV,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,SAAQ;AAAA,IACP,GAAGD;AAAA,IACJ,WAAWE,EAAG,uCAAuCF,KAAA,gBAAAA,EAAO,SAAS;AAAA,IAErE,UAAA;AAAA,MAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"Spin-DtW_edOq.es.js","sources":["../../src/components/loader/Spin.tsx"],"sourcesContent":["import { cn } from 'dgz-ui/utils';\nimport type { HTMLAttributes } from 'react';\n\n/**\n * Props for the Spin component.\n */\nexport type SpinProps = HTMLAttributes<HTMLOrSVGElement>;\n\n/**\n * Spin renders a simple SVG spinner. You can override className to change size/color.\n *\n * @param props - Optional HTML/SVG attributes applied to the svg element.\n * @returns {JSX.Element} An SVG spinner element.\n */\nconst Spin = (props?: SpinProps) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      {...props}\n      className={cn('mr-1 size-5 animate-spin text-white', props?.className)}\n    >\n      <circle\n        className=\"opacity-25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      ></circle>\n      <path\n        className=\"opacity-75\"\n        fill=\"currentColor\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n      ></path>\n    </svg>\n  );\n};\n\nexport default Spin;\n"],"names":["Spin","props","jsxs","cn","jsx"],"mappings":";;AAcA,MAAMA,IAAO,CAACC,MAEV,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,SAAQ;AAAA,IACP,GAAGD;AAAA,IACJ,WAAWE,EAAG,uCAAuCF,KAAA,gBAAAA,EAAO,SAAS;AAAA,IAErE,UAAA;AAAA,MAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAAA;"}

package/dist/chunks/ThemeMode-BO6tit_Z.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeMode-BO6tit_Z.cjs.js","sources":["../../src/enums/ThemeMode.ts"],"sourcesContent":["/**\n * Enum for supported theme modes.\n */\nexport enum ThemeMode {\n  LIGHT = 'light',\n  DARK = 'dark',\n  SYSTEM = 'system',\n}\n"],"names":["ThemeMode"],"mappings":"aAGO,IAAKA,GAAAA,IACVA,EAAA,MAAQ,QACRA,EAAA,KAAO,OACPA,EAAA,OAAS,SAHCA,IAAAA,GAAA,CAAA,CAAA"}
+{"version":3,"file":"ThemeMode-BO6tit_Z.cjs.js","sources":["../../src/enums/ThemeMode.ts"],"sourcesContent":["/**\n * Enum for supported theme modes.\n */\nexport enum ThemeMode {\n  /** Light theme with bright colors */\n  LIGHT = 'light',\n  /** Dark theme with dark colors */\n  DARK = 'dark',\n  /** Follow system/OS theme preference */\n  SYSTEM = 'system',\n}\n"],"names":["ThemeMode"],"mappings":"aAGO,IAAKA,GAAAA,IAEVA,EAAA,MAAQ,QAERA,EAAA,KAAO,OAEPA,EAAA,OAAS,SANCA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/chunks/ThemeMode-CqURAYDL.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeMode-CqURAYDL.es.js","sources":["../../src/enums/ThemeMode.ts"],"sourcesContent":["/**\n * Enum for supported theme modes.\n */\nexport enum ThemeMode {\n  LIGHT = 'light',\n  DARK = 'dark',\n  SYSTEM = 'system',\n}\n"],"names":["ThemeMode"],"mappings":"AAGO,IAAKA,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,SAAS,UAHCA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"ThemeMode-CqURAYDL.es.js","sources":["../../src/enums/ThemeMode.ts"],"sourcesContent":["/**\n * Enum for supported theme modes.\n */\nexport enum ThemeMode {\n  /** Light theme with bright colors */\n  LIGHT = 'light',\n  /** Dark theme with dark colors */\n  DARK = 'dark',\n  /** Follow system/OS theme preference */\n  SYSTEM = 'system',\n}\n"],"names":["ThemeMode"],"mappings":"AAGO,IAAKA,sBAAAA,OAEVA,EAAA,QAAQ,SAERA,EAAA,OAAO,QAEPA,EAAA,SAAS,UANCA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/chunks/_commonjsHelpers-DKOUU3wS.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var o=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}exports.commonjsGlobal=o;exports.getDefaultExportFromCjs=l;
+//# sourceMappingURL=_commonjsHelpers-DKOUU3wS.cjs.js.map

package/dist/chunks/_commonjsHelpers-DKOUU3wS.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_commonjsHelpers-DKOUU3wS.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/chunks/_commonjsHelpers-DaMA6jEr.es.js

@@ -0,0 +1,9 @@
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+export {
+  o as c,
+  l as g
+};
+//# sourceMappingURL=_commonjsHelpers-DaMA6jEr.es.js.map

package/dist/chunks/_commonjsHelpers-DaMA6jEr.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_commonjsHelpers-DaMA6jEr.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/chunks/useFilter-D93ncAmn.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const o=require("react"),c=require("react-hook-form"),n=({params:t})=>{const e=c.useForm({mode:"onChange"});return o.useEffect(()=>{Object.entries(t||{}).forEach(([r,s])=>{/[[\]]$/g.test(r)&&!(s instanceof Array)?e.setValue(r,[s]):e.setValue(r,s)})},[t,e]),{params:t,form:e}};exports.useFilter=n;
+//# sourceMappingURL=useFilter-D93ncAmn.cjs.js.map

package/dist/chunks/useFilter-D93ncAmn.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilter-D93ncAmn.cjs.js","sources":["../../src/hooks/useFilter.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { useForm } from 'react-hook-form';\n\n/**\n * Props for the useFilter hook.\n */\nexport interface UseFilterProps {\n  /** Initial filter parameters. */\n  params?: Record<string, unknown>;\n}\n\n/**\n * useFilter syncs URL parameters or object params with a react-hook-form instance.\n * Useful for initializing filter forms with data from URL or state.\n *\n * @param params - Key-value pairs to set as form values.\n * @returns {Object} Filter state object\n * @returns {Record<string, unknown> | undefined} params - The passed parameters\n * @returns {UseFormReturn} form - React Hook Form instance with params set as values\n * @example\n * ```tsx\n * // Initialize filter with URL params\n * const { form } = useFilter({ params: { status: 'active', tags: ['featured'] } });\n *\n * // Access form values\n * const status = form.watch('status');\n * ```\n */\nexport const useFilter = ({ params }: UseFilterProps): object => {\n  const form = useForm({ mode: 'onChange' });\n\n  useEffect(() => {\n    Object.entries(params || {}).forEach(([key, value]) => {\n      if (/[[\\]]$/g.test(key) && !(value instanceof Array)) {\n        form.setValue(key, [value]);\n      } else {\n        form.setValue(key, value);\n      }\n    });\n  }, [params, form]);\n\n  return {\n    params,\n    form,\n  };\n};\n"],"names":["useFilter","params","form","useForm","useEffect","key","value"],"mappings":"mEA4BaA,EAAY,CAAC,CAAE,OAAAC,KAAqC,CAC/D,MAAMC,EAAOC,EAAAA,QAAQ,CAAE,KAAM,WAAY,EAEzCC,OAAAA,EAAAA,UAAU,IAAM,CACd,OAAO,QAAQH,GAAU,CAAA,CAAE,EAAE,QAAQ,CAAC,CAACI,EAAKC,CAAK,IAAM,CACjD,UAAU,KAAKD,CAAG,GAAK,EAAEC,aAAiB,OAC5CJ,EAAK,SAASG,EAAK,CAACC,CAAK,CAAC,EAE1BJ,EAAK,SAASG,EAAKC,CAAK,CAE5B,CAAC,CACH,EAAG,CAACL,EAAQC,CAAI,CAAC,EAEV,CACL,OAAAD,EACA,KAAAC,CAAA,CAEJ"}

package/dist/chunks/useFilter-DpCwY1KO.es.js

@@ -0,0 +1,17 @@
+import { useEffect as s } from "react";
+import { useForm as f } from "react-hook-form";
+const i = ({ params: t }) => {
+  const e = f({ mode: "onChange" });
+  return s(() => {
+    Object.entries(t || {}).forEach(([o, r]) => {
+      /[[\]]$/g.test(o) && !(r instanceof Array) ? e.setValue(o, [r]) : e.setValue(o, r);
+    });
+  }, [t, e]), {
+    params: t,
+    form: e
+  };
+};
+export {
+  i as u
+};
+//# sourceMappingURL=useFilter-DpCwY1KO.es.js.map

package/dist/chunks/useFilter-DpCwY1KO.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilter-DpCwY1KO.es.js","sources":["../../src/hooks/useFilter.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { useForm } from 'react-hook-form';\n\n/**\n * Props for the useFilter hook.\n */\nexport interface UseFilterProps {\n  /** Initial filter parameters. */\n  params?: Record<string, unknown>;\n}\n\n/**\n * useFilter syncs URL parameters or object params with a react-hook-form instance.\n * Useful for initializing filter forms with data from URL or state.\n *\n * @param params - Key-value pairs to set as form values.\n * @returns {Object} Filter state object\n * @returns {Record<string, unknown> | undefined} params - The passed parameters\n * @returns {UseFormReturn} form - React Hook Form instance with params set as values\n * @example\n * ```tsx\n * // Initialize filter with URL params\n * const { form } = useFilter({ params: { status: 'active', tags: ['featured'] } });\n *\n * // Access form values\n * const status = form.watch('status');\n * ```\n */\nexport const useFilter = ({ params }: UseFilterProps): object => {\n  const form = useForm({ mode: 'onChange' });\n\n  useEffect(() => {\n    Object.entries(params || {}).forEach(([key, value]) => {\n      if (/[[\\]]$/g.test(key) && !(value instanceof Array)) {\n        form.setValue(key, [value]);\n      } else {\n        form.setValue(key, value);\n      }\n    });\n  }, [params, form]);\n\n  return {\n    params,\n    form,\n  };\n};\n"],"names":["useFilter","params","form","useForm","useEffect","key","value"],"mappings":";;AA4BO,MAAMA,IAAY,CAAC,EAAE,QAAAC,QAAqC;AAC/D,QAAMC,IAAOC,EAAQ,EAAE,MAAM,YAAY;AAEzC,SAAAC,EAAU,MAAM;AACd,WAAO,QAAQH,KAAU,CAAA,CAAE,EAAE,QAAQ,CAAC,CAACI,GAAKC,CAAK,MAAM;AACrD,MAAI,UAAU,KAAKD,CAAG,KAAK,EAAEC,aAAiB,SAC5CJ,EAAK,SAASG,GAAK,CAACC,CAAK,CAAC,IAE1BJ,EAAK,SAASG,GAAKC,CAAK;AAAA,IAE5B,CAAC;AAAA,EACH,GAAG,CAACL,GAAQC,CAAI,CAAC,GAEV;AAAA,IACL,QAAAD;AAAA,IACA,MAAAC;AAAA,EAAA;AAEJ;"}

package/dist/chunks/useSortable-8RrwFw05.es.js

@@ -0,0 +1,263 @@
+import { g as A } from "./MyInput-ByJ5vTAN.es.js";
+import { c as w, g as St } from "./_commonjsHelpers-DaMA6jEr.es.js";
+import { useEffect as B, useMemo as Tt, useCallback as d, useState as X } from "react";
+import { u as At } from "./useColumnsStore-ByK5r4ZY.es.js";
+import { isEqual as wt } from "../utils/index.es.js";
+import { S as D } from "./SortOrder-CwuehjY1.es.js";
+var E = { exports: {} };
+E.exports;
+var z;
+function Pt() {
+  return z || (z = 1, (function(o, s) {
+    var n = 9007199254740991, u = "[object Arguments]", p = "[object Function]", l = "[object GeneratorFunction]", c = "[object Map]", i = "[object Object]", r = "[object Promise]", a = "[object Set]", f = "[object WeakMap]", b = "[object DataView]", h = /[\\^$.*+?()[\]{}|]/g, O = /^\[object .+?Constructor\]$/, Q = typeof w == "object" && w && w.Object === Object && w, U = typeof self == "object" && self && self.Object === Object && self, m = Q || U || Function("return this")(), L = s && !s.nodeType && s, V = L && !0 && o && !o.nodeType && o, Y = V && V.exports === L;
+    function Z(t, e) {
+      return t == null ? void 0 : t[e];
+    }
+    function v(t) {
+      var e = !1;
+      if (t != null && typeof t.toString != "function")
+        try {
+          e = !!(t + "");
+        } catch {
+        }
+      return e;
+    }
+    function tt(t, e) {
+      return function(g) {
+        return t(e(g));
+      };
+    }
+    var rt = Function.prototype, S = Object.prototype, P = m["__core-js_shared__"], G = (function() {
+      var t = /[^.]+$/.exec(P && P.keys && P.keys.IE_PROTO || "");
+      return t ? "Symbol(src)_1." + t : "";
+    })(), K = rt.toString, x = S.hasOwnProperty, T = S.toString, et = RegExp(
+      "^" + K.call(x).replace(h, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+    ), N = Y ? m.Buffer : void 0, $ = S.propertyIsEnumerable, nt = N ? N.isBuffer : void 0, ot = tt(Object.keys, Object), _ = C(m, "DataView"), M = C(m, "Map"), F = C(m, "Promise"), k = C(m, "Set"), I = C(m, "WeakMap"), st = !$.call({ valueOf: 1 }, "valueOf"), it = y(_), ct = y(M), at = y(F), ft = y(k), ut = y(I);
+    function bt(t) {
+      return T.call(t);
+    }
+    function gt(t) {
+      if (!W(t) || pt(t))
+        return !1;
+      var e = R(t) || v(t) ? et : O;
+      return e.test(y(t));
+    }
+    function C(t, e) {
+      var g = Z(t, e);
+      return gt(g) ? g : void 0;
+    }
+    var j = bt;
+    (_ && j(new _(new ArrayBuffer(1))) != b || M && j(new M()) != c || F && j(F.resolve()) != r || k && j(new k()) != a || I && j(new I()) != f) && (j = function(t) {
+      var e = T.call(t), g = e == i ? t.constructor : void 0, H = g ? y(g) : void 0;
+      if (H)
+        switch (H) {
+          case it:
+            return b;
+          case ct:
+            return c;
+          case at:
+            return r;
+          case ft:
+            return a;
+          case ut:
+            return f;
+        }
+      return e;
+    });
+    function pt(t) {
+      return !!G && G in t;
+    }
+    function lt(t) {
+      var e = t && t.constructor, g = typeof e == "function" && e.prototype || S;
+      return t === g;
+    }
+    function y(t) {
+      if (t != null) {
+        try {
+          return K.call(t);
+        } catch {
+        }
+        try {
+          return t + "";
+        } catch {
+        }
+      }
+      return "";
+    }
+    function mt(t) {
+      return yt(t) && x.call(t, "callee") && (!$.call(t, "callee") || T.call(t) == u);
+    }
+    var jt = Array.isArray;
+    function q(t) {
+      return t != null && Ot(t.length) && !R(t);
+    }
+    function yt(t) {
+      return Ct(t) && q(t);
+    }
+    var dt = nt || Et;
+    function ht(t) {
+      if (q(t) && (jt(t) || typeof t == "string" || typeof t.splice == "function" || dt(t) || mt(t)))
+        return !t.length;
+      var e = j(t);
+      if (e == c || e == a)
+        return !t.size;
+      if (st || lt(t))
+        return !ot(t).length;
+      for (var g in t)
+        if (x.call(t, g))
+          return !1;
+      return !0;
+    }
+    function R(t) {
+      var e = W(t) ? T.call(t) : "";
+      return e == p || e == l;
+    }
+    function Ot(t) {
+      return typeof t == "number" && t > -1 && t % 1 == 0 && t <= n;
+    }
+    function W(t) {
+      var e = typeof t;
+      return !!t && (e == "object" || e == "function");
+    }
+    function Ct(t) {
+      return !!t && typeof t == "object";
+    }
+    function Et() {
+      return !1;
+    }
+    o.exports = ht;
+  })(E, E.exports)), E.exports;
+}
+var xt = Pt();
+const J = /* @__PURE__ */ St(xt), Bt = ({
+  key: o,
+  columns: s = []
+}) => {
+  const { storedColumns: n, setColumns: u } = At();
+  B(() => {
+    if (J(A(n, o)) && !J(s)) {
+      const i = {};
+      s.forEach((r) => {
+        Object.assign(i, { [r.key]: !!r.hidden });
+      }), u({
+        ...n,
+        [o]: i
+      });
+    }
+  }, [o, s, n, u]);
+  const p = Tt(() => {
+    const i = A(n, o, {});
+    return s.filter((r) => r.type !== "action").map((r) => {
+      const { hidden: a, ...f } = r;
+      return {
+        ...f,
+        hidden: A(i, r.key, !!a)
+      };
+    });
+  }, [o, n, s]), l = d(
+    (i, r) => {
+      const a = A(n, o, {});
+      Object.assign(a, { [i.key]: r }), u({
+        ...n,
+        [o]: a
+      });
+    },
+    [o, u, n]
+  ), c = d(() => {
+    const i = {};
+    s.forEach((r) => {
+      Object.assign(i, { [r.key]: !!r.hidden });
+    }), u({
+      ...n,
+      [o]: i
+    });
+  }, [o, u, n, s]);
+  return {
+    formattedColumns: p,
+    handleColumnsChange: l,
+    resetColumns: c
+  };
+}, Lt = ({
+  rows: o = [],
+  defaultSelectedRows: s
+}) => {
+  const [n, u] = X(), p = d(
+    (r, a) => {
+      u((f) => {
+        const b = o.map((O) => O[r]) || [], h = (f == null ? void 0 : f.filter((O) => !b.includes(O))) || [];
+        return a ? [...h, ...b] : h;
+      });
+    },
+    [o]
+  );
+  B(() => {
+    s && u(
+      (r) => wt(r, s) ? r : s
+    );
+  }, [s]);
+  const l = d(
+    (r, a) => {
+      u((f) => {
+        const b = f || [];
+        return a ? [...b, r] : b.filter((h) => h !== r);
+      });
+    },
+    []
+  ), c = d(
+    (r) => !!(n != null && n.includes(r)),
+    [n]
+  ), i = d(
+    (r) => {
+      const a = o.map((b) => b[r]) || [];
+      let f = 0;
+      for (const b of a)
+        n != null && n.includes(b) && f++;
+      return a.length === f ? !0 : f ? "indeterminate" : !1;
+    },
+    [n, o]
+  );
+  return {
+    selectedRows: n,
+    isRowSelected: c,
+    isAllRowsSelected: i,
+    handleSelectAllRows: p,
+    handleSelectRow: l
+  };
+}, Vt = ({
+  sortField: o,
+  sortOrder: s,
+  onSortOrderChange: n
+}) => {
+  const [u, p] = X();
+  B(() => {
+    o && p(
+      (c) => (c == null ? void 0 : c.sortField) === s && (c == null ? void 0 : c.sortOrder) === s ? c : {
+        sortField: o,
+        sortOrder: s || void 0
+      }
+    );
+  }, [o, s]);
+  const l = d(
+    (c) => {
+      p((i) => {
+        const a = (i == null ? void 0 : i.sortField) === c ? (i == null ? void 0 : i.sortOrder) === D.ASC ? D.DESC : void 0 : D.ASC, f = {
+          sortField: a ? c : void 0,
+          sortOrder: a
+        };
+        return n && n(f), f;
+      });
+    },
+    [n]
+  );
+  return {
+    sortObject: u,
+    handleSort: l
+  };
+};
+export {
+  Lt as a,
+  Bt as b,
+  J as i,
+  Vt as u
+};
+//# sourceMappingURL=useSortable-8RrwFw05.es.js.map