dgz-ui-shared 1.2.43 → 1.2.44

package/dist/chunks/Actions-Du8iQ3WR.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions-Du8iQ3WR.es.js","sources":["../../src/components/actions/Actions.tsx"],"sourcesContent":["import { RiArrowDownSLine, RiPlayList2Line } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport type { ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\n\n/**\n * Interface representing a single action item.\n */\nexport interface ActionInterface {\n  /** The content to display for the action item. */\n  label: ReactNode;\n  /** Callback function to execute when the action is clicked. */\n  onClick: () => void;\n}\n\n/**\n * Props for the Actions component.\n */\nexport interface ActionsProps extends DropdownContainerProps {\n  /** Array of action items to be displayed in the dropdown. */\n  actions: ActionInterface[];\n  /** Title for the actions button. */\n  title?: ReactNode;\n}\n\n/**\n * Actions renders a dropdown menu with a list of action items.\n *\n * @param actions - Array of actions with label and onClick handler.\n * @param triggerProps - Props passed to the dropdown trigger.\n * @param contentProps - Props passed to the dropdown content.\n * @param title - Optional title for the actions button.\n * @returns {JSX.Element} React element rendering the actions dropdown.\n */\nexport const Actions = ({\n  actions,\n  triggerProps,\n  contentProps,\n  title,\n}: ActionsProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild className={'grow'} {...triggerProps}>\n        <Button\n          variant=\"secondary\"\n          size={'sm'}\n          className={'ml-auto rounded-lg px-3'}\n        >\n          <RiPlayList2Line />{' '}\n          <span className={'hidden md:inline!'}>{title || t('Actions')}</span>\n          <RiArrowDownSLine />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" {...contentProps}>\n        {actions.map((action, index) => {\n          return (\n            <DropdownMenuItem key={index} onClick={() => action.onClick()}>\n              {action.label}\n            </DropdownMenuItem>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":["Actions","actions","triggerProps","contentProps","title","t","useTranslation","DropdownMenu","jsx","DropdownMenuTrigger","jsxs","Button","RiPlayList2Line","RiArrowDownSLine","DropdownMenuContent","action","index","DropdownMenuItem"],"mappings":";;;;;AAyCO,MAAMA,IAAU,CAAC;AAAA,EACtB,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AACF,MAAoB;AAClB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAoB,SAAO,IAAC,WAAW,QAAS,GAAGP,GAClD,UAAA,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAM;AAAA,QACN,WAAW;AAAA,QAEX,UAAA;AAAA,UAAA,gBAAAH,EAACI,GAAA,EAAgB;AAAA,UAAG;AAAA,4BACnB,QAAA,EAAK,WAAW,qBAAsB,UAAAR,KAASC,EAAE,SAAS,GAAE;AAAA,4BAC5DQ,GAAA,CAAA,CAAiB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEtB;AAAA,IACA,gBAAAL,EAACM,GAAA,EAAoB,OAAM,OAAO,GAAGX,GAClC,UAAAF,EAAQ,IAAI,CAACc,GAAQC,MAElB,gBAAAR,EAACS,KAA6B,SAAS,MAAMF,EAAO,QAAA,GACjD,UAAAA,EAAO,MAAA,GADaC,CAEvB,CAEH,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"Actions-Du8iQ3WR.es.js","sources":["../../src/components/actions/Actions.tsx"],"sourcesContent":["import { RiArrowDownSLine, RiPlayList2Line } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport type { ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\n\n/**\n * Interface representing a single action item.\n */\nexport interface ActionInterface {\n  /** The content to display for the action item. */\n  label: ReactNode;\n  /** Callback function to execute when the action is clicked. */\n  onClick: () => void;\n  access?: string[];\n}\n\n/**\n * Props for the Actions component.\n */\nexport interface ActionsProps extends DropdownContainerProps {\n  /** Array of action items to be displayed in the dropdown. */\n  actions: ActionInterface[];\n  /** Title for the actions button. */\n  title?: ReactNode;\n}\n\n/**\n * Actions renders a dropdown menu with a list of action items.\n *\n * @param actions - Array of actions with label and onClick handler.\n * @param triggerProps - Props passed to the dropdown trigger.\n * @param contentProps - Props passed to the dropdown content.\n * @param title - Optional title for the actions button.\n * @returns {JSX.Element} React element rendering the actions dropdown.\n */\nexport const Actions = ({\n  actions,\n  triggerProps,\n  contentProps,\n  title,\n}: ActionsProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild className={'grow'} {...triggerProps}>\n        <Button\n          variant=\"secondary\"\n          size={'sm'}\n          className={'ml-auto rounded-lg px-3'}\n        >\n          <RiPlayList2Line />{' '}\n          <span className={'hidden md:inline!'}>{title || t('Actions')}</span>\n          <RiArrowDownSLine />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" {...contentProps}>\n        {actions.map((action, index) => {\n          return (\n            <DropdownMenuItem key={index} onClick={() => action.onClick()}>\n              {action.label}\n            </DropdownMenuItem>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":["Actions","actions","triggerProps","contentProps","title","t","useTranslation","DropdownMenu","jsx","DropdownMenuTrigger","jsxs","Button","RiPlayList2Line","RiArrowDownSLine","DropdownMenuContent","action","index","DropdownMenuItem"],"mappings":";;;;;AA0CO,MAAMA,IAAU,CAAC;AAAA,EACtB,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AACF,MAAoB;AAClB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAoB,SAAO,IAAC,WAAW,QAAS,GAAGP,GAClD,UAAA,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAM;AAAA,QACN,WAAW;AAAA,QAEX,UAAA;AAAA,UAAA,gBAAAH,EAACI,GAAA,EAAgB;AAAA,UAAG;AAAA,4BACnB,QAAA,EAAK,WAAW,qBAAsB,UAAAR,KAASC,EAAE,SAAS,GAAE;AAAA,4BAC5DQ,GAAA,CAAA,CAAiB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEtB;AAAA,IACA,gBAAAL,EAACM,GAAA,EAAoB,OAAM,OAAO,GAAGX,GAClC,UAAAF,EAAQ,IAAI,CAACc,GAAQC,MAElB,gBAAAR,EAACS,KAA6B,SAAS,MAAMF,EAAO,QAAA,GACjD,UAAAA,EAAO,MAAA,GADaC,CAEvB,CAEH,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/chunks/Actions-bpMDyl5M.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions-bpMDyl5M.cjs.js","sources":["../../src/components/actions/Actions.tsx"],"sourcesContent":["import { RiArrowDownSLine, RiPlayList2Line } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport type { ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\n\n/**\n * Interface representing a single action item.\n */\nexport interface ActionInterface {\n  /** The content to display for the action item. */\n  label: ReactNode;\n  /** Callback function to execute when the action is clicked. */\n  onClick: () => void;\n}\n\n/**\n * Props for the Actions component.\n */\nexport interface ActionsProps extends DropdownContainerProps {\n  /** Array of action items to be displayed in the dropdown. */\n  actions: ActionInterface[];\n  /** Title for the actions button. */\n  title?: ReactNode;\n}\n\n/**\n * Actions renders a dropdown menu with a list of action items.\n *\n * @param actions - Array of actions with label and onClick handler.\n * @param triggerProps - Props passed to the dropdown trigger.\n * @param contentProps - Props passed to the dropdown content.\n * @param title - Optional title for the actions button.\n * @returns {JSX.Element} React element rendering the actions dropdown.\n */\nexport const Actions = ({\n  actions,\n  triggerProps,\n  contentProps,\n  title,\n}: ActionsProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild className={'grow'} {...triggerProps}>\n        <Button\n          variant=\"secondary\"\n          size={'sm'}\n          className={'ml-auto rounded-lg px-3'}\n        >\n          <RiPlayList2Line />{' '}\n          <span className={'hidden md:inline!'}>{title || t('Actions')}</span>\n          <RiArrowDownSLine />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" {...contentProps}>\n        {actions.map((action, index) => {\n          return (\n            <DropdownMenuItem key={index} onClick={() => action.onClick()}>\n              {action.label}\n            </DropdownMenuItem>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":["Actions","actions","triggerProps","contentProps","title","t","useTranslation","DropdownMenu","jsx","DropdownMenuTrigger","jsxs","Button","RiPlayList2Line","RiArrowDownSLine","DropdownMenuContent","action","index","DropdownMenuItem"],"mappings":"0KAyCaA,EAAU,CAAC,CACtB,QAAAC,EACA,aAAAC,EACA,aAAAC,EACA,MAAAC,CACF,IAAoB,CAClB,KAAM,CAAE,EAAAC,CAAA,EAAMC,iBAAA,EAEd,cACGC,eAAA,CACC,SAAA,CAAAC,MAACC,EAAAA,qBAAoB,QAAO,GAAC,UAAW,OAAS,GAAGP,EAClD,SAAAQ,EAAAA,KAACC,EAAAA,OAAA,CACC,QAAQ,YACR,KAAM,KACN,UAAW,0BAEX,SAAA,CAAAH,EAAAA,IAACI,EAAAA,GAAA,EAAgB,EAAG,UACnB,OAAA,CAAK,UAAW,oBAAsB,SAAAR,GAASC,EAAE,SAAS,EAAE,QAC5DQ,EAAAA,GAAA,CAAA,CAAiB,CAAA,CAAA,CAAA,EAEtB,EACAL,EAAAA,IAACM,EAAAA,oBAAA,CAAoB,MAAM,MAAO,GAAGX,EAClC,SAAAF,EAAQ,IAAI,CAACc,EAAQC,IAElBR,MAACS,EAAAA,kBAA6B,QAAS,IAAMF,EAAO,QAAA,EACjD,SAAAA,EAAO,KAAA,EADaC,CAEvB,CAEH,CAAA,CACH,CAAA,EACF,CAEJ"}
+{"version":3,"file":"Actions-bpMDyl5M.cjs.js","sources":["../../src/components/actions/Actions.tsx"],"sourcesContent":["import { RiArrowDownSLine, RiPlayList2Line } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport type { ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\n\n/**\n * Interface representing a single action item.\n */\nexport interface ActionInterface {\n  /** The content to display for the action item. */\n  label: ReactNode;\n  /** Callback function to execute when the action is clicked. */\n  onClick: () => void;\n  access?: string[];\n}\n\n/**\n * Props for the Actions component.\n */\nexport interface ActionsProps extends DropdownContainerProps {\n  /** Array of action items to be displayed in the dropdown. */\n  actions: ActionInterface[];\n  /** Title for the actions button. */\n  title?: ReactNode;\n}\n\n/**\n * Actions renders a dropdown menu with a list of action items.\n *\n * @param actions - Array of actions with label and onClick handler.\n * @param triggerProps - Props passed to the dropdown trigger.\n * @param contentProps - Props passed to the dropdown content.\n * @param title - Optional title for the actions button.\n * @returns {JSX.Element} React element rendering the actions dropdown.\n */\nexport const Actions = ({\n  actions,\n  triggerProps,\n  contentProps,\n  title,\n}: ActionsProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild className={'grow'} {...triggerProps}>\n        <Button\n          variant=\"secondary\"\n          size={'sm'}\n          className={'ml-auto rounded-lg px-3'}\n        >\n          <RiPlayList2Line />{' '}\n          <span className={'hidden md:inline!'}>{title || t('Actions')}</span>\n          <RiArrowDownSLine />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" {...contentProps}>\n        {actions.map((action, index) => {\n          return (\n            <DropdownMenuItem key={index} onClick={() => action.onClick()}>\n              {action.label}\n            </DropdownMenuItem>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":["Actions","actions","triggerProps","contentProps","title","t","useTranslation","DropdownMenu","jsx","DropdownMenuTrigger","jsxs","Button","RiPlayList2Line","RiArrowDownSLine","DropdownMenuContent","action","index","DropdownMenuItem"],"mappings":"0KA0CaA,EAAU,CAAC,CACtB,QAAAC,EACA,aAAAC,EACA,aAAAC,EACA,MAAAC,CACF,IAAoB,CAClB,KAAM,CAAE,EAAAC,CAAA,EAAMC,iBAAA,EAEd,cACGC,eAAA,CACC,SAAA,CAAAC,MAACC,EAAAA,qBAAoB,QAAO,GAAC,UAAW,OAAS,GAAGP,EAClD,SAAAQ,EAAAA,KAACC,EAAAA,OAAA,CACC,QAAQ,YACR,KAAM,KACN,UAAW,0BAEX,SAAA,CAAAH,EAAAA,IAACI,EAAAA,GAAA,EAAgB,EAAG,UACnB,OAAA,CAAK,UAAW,oBAAsB,SAAAR,GAASC,EAAE,SAAS,EAAE,QAC5DQ,EAAAA,GAAA,CAAA,CAAiB,CAAA,CAAA,CAAA,EAEtB,EACAL,EAAAA,IAACM,EAAAA,oBAAA,CAAoB,MAAM,MAAO,GAAGX,EAClC,SAAAF,EAAQ,IAAI,CAACc,EAAQC,IAElBR,MAACS,EAAAA,kBAA6B,QAAS,IAAMF,EAAO,QAAA,EACjD,SAAAA,EAAO,KAAA,EADaC,CAEvB,CAEH,CAAA,CACH,CAAA,EACF,CAEJ"}

package/dist/chunks/ExportData-CwotVgye.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExportData-CwotVgye.es.js","sources":["../../src/components/export/ExportData.tsx"],"sourcesContent":["import { RiArrowDownSLine, RiFileChartLine } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport type { ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Spin } from '../loader';\n\n/**\n * Describes a single export option in the ExportData dropdown.\n *\n * - Use `label` to render the visible option content (text or any React node).\n * - Provide `onClick` to trigger the export logic (CSV/XLS/PDF, etc.).\n */\nexport interface ExportDataInterface {\n  /** Visible content for the dropdown item (text, icon, etc.). */\n  label: ReactNode;\n  /** Callback executed when the export option is selected. */\n  onClick: () => void;\n}\n\n/**\n * Props for the `ExportData` component.\n *\n * - `options` — A list of export actions displayed in the dropdown.\n * - `loading` — When `true`, shows a small spinner in the button to indicate an export is in progress.\n */\nexport interface ExportDataProps extends DropdownContainerProps {\n  /** Export actions displayed in the dropdown. */\n  options: ExportDataInterface[];\n  /** If `true`, renders a spinner icon in the button. */\n  loading?: boolean;\n  /** Title for the export button. */\n  title?: ReactNode;\n}\n\n/**\n * ExportData renders a compact dropdown button for exporting data in various formats.\n *\n * Behavior\n * - Shows a button with an export icon and localized \"Export\" label.\n * - Clicking opens a dropdown with the provided `options` list.\n * - Each option calls its `onClick` handler when selected.\n *\n * Accessibility\n * - Uses the shared Dropdown primitives and Button which provide keyboard and ARIA support.\n *\n * Internationalization\n * - The button label is translated via `react-i18next` using the `Export` key.\n *\n * @param options - Array of export actions with label and onClick handler.\n * @param loading - When true, shows a spinner in the button.\n * @param triggerProps - Props passed to the dropdown trigger.\n * @param contentProps - Props passed to the dropdown content.\n * @param title - Optional title for the export button.\n * @returns {JSX.Element} React element rendering the export data dropdown.\n */\nexport const ExportData = ({\n  options,\n  loading = false,\n  triggerProps,\n  contentProps,\n  title,\n}: ExportDataProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild {...triggerProps} className={'grow'}>\n        <Button\n          variant=\"secondary\"\n          size={'sm'}\n          className={'ml-auto rounded-lg px-3'}\n        >\n          {loading ? (\n            <Spin className={'text-item-primary'} />\n          ) : (\n            <RiFileChartLine />\n          )}{' '}\n          <span className={'hidden md:inline!'}>{title || t('Export')}</span>\n          <RiArrowDownSLine />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" {...contentProps}>\n        {options.map((option, index) => {\n          return (\n            <DropdownMenuItem key={index} onClick={() => option.onClick()}>\n              {option.label}\n            </DropdownMenuItem>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":["ExportData","options","loading","triggerProps","contentProps","title","t","useTranslation","DropdownMenu","jsx","DropdownMenuTrigger","jsxs","Button","Spin","RiFileChartLine","RiArrowDownSLine","DropdownMenuContent","option","index","DropdownMenuItem"],"mappings":";;;;;;AA8DO,MAAMA,IAAa,CAAC;AAAA,EACzB,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AACF,MAAuB;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAoB,SAAO,IAAE,GAAGP,GAAc,WAAW,QACxD,UAAA,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAM;AAAA,QACN,WAAW;AAAA,QAEV,UAAA;AAAA,UAAAV,sBACEW,GAAA,EAAK,WAAW,oBAAA,CAAqB,sBAErCC,GAAA,EAAgB;AAAA,UAChB;AAAA,4BACF,QAAA,EAAK,WAAW,qBAAsB,UAAAT,KAASC,EAAE,QAAQ,GAAE;AAAA,4BAC3DS,GAAA,CAAA,CAAiB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEtB;AAAA,IACA,gBAAAN,EAACO,GAAA,EAAoB,OAAM,OAAO,GAAGZ,GAClC,UAAAH,EAAQ,IAAI,CAACgB,GAAQC,MAElB,gBAAAT,EAACU,KAA6B,SAAS,MAAMF,EAAO,QAAA,GACjD,UAAAA,EAAO,MAAA,GADaC,CAEvB,CAEH,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"ExportData-CwotVgye.es.js","sources":["../../src/components/export/ExportData.tsx"],"sourcesContent":["import { RiArrowDownSLine, RiFileChartLine } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport type { ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Spin } from '../loader';\n\n/**\n * Describes a single export option in the ExportData dropdown.\n *\n * - Use `label` to render the visible option content (text or any React node).\n * - Provide `onClick` to trigger the export logic (CSV/XLS/PDF, etc.).\n */\nexport interface ExportDataInterface {\n  /** Visible content for the dropdown item (text, icon, etc.). */\n  label: ReactNode;\n  /** Callback executed when the export option is selected. */\n  onClick: () => void;\n  access?: string[];\n}\n\n/**\n * Props for the `ExportData` component.\n *\n * - `options` — A list of export actions displayed in the dropdown.\n * - `loading` — When `true`, shows a small spinner in the button to indicate an export is in progress.\n */\nexport interface ExportDataProps extends DropdownContainerProps {\n  /** Export actions displayed in the dropdown. */\n  options: ExportDataInterface[];\n  /** If `true`, renders a spinner icon in the button. */\n  loading?: boolean;\n  /** Title for the export button. */\n  title?: ReactNode;\n}\n\n/**\n * ExportData renders a compact dropdown button for exporting data in various formats.\n *\n * Behavior\n * - Shows a button with an export icon and localized \"Export\" label.\n * - Clicking opens a dropdown with the provided `options` list.\n * - Each option calls its `onClick` handler when selected.\n *\n * Accessibility\n * - Uses the shared Dropdown primitives and Button which provide keyboard and ARIA support.\n *\n * Internationalization\n * - The button label is translated via `react-i18next` using the `Export` key.\n *\n * @param options - Array of export actions with label and onClick handler.\n * @param loading - When true, shows a spinner in the button.\n * @param triggerProps - Props passed to the dropdown trigger.\n * @param contentProps - Props passed to the dropdown content.\n * @param title - Optional title for the export button.\n * @returns {JSX.Element} React element rendering the export data dropdown.\n */\nexport const ExportData = ({\n  options,\n  loading = false,\n  triggerProps,\n  contentProps,\n  title,\n}: ExportDataProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild {...triggerProps} className={'grow'}>\n        <Button\n          variant=\"secondary\"\n          size={'sm'}\n          className={'ml-auto rounded-lg px-3'}\n        >\n          {loading ? (\n            <Spin className={'text-item-primary'} />\n          ) : (\n            <RiFileChartLine />\n          )}{' '}\n          <span className={'hidden md:inline!'}>{title || t('Export')}</span>\n          <RiArrowDownSLine />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" {...contentProps}>\n        {options.map((option, index) => {\n          return (\n            <DropdownMenuItem key={index} onClick={() => option.onClick()}>\n              {option.label}\n            </DropdownMenuItem>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":["ExportData","options","loading","triggerProps","contentProps","title","t","useTranslation","DropdownMenu","jsx","DropdownMenuTrigger","jsxs","Button","Spin","RiFileChartLine","RiArrowDownSLine","DropdownMenuContent","option","index","DropdownMenuItem"],"mappings":";;;;;;AA+DO,MAAMA,IAAa,CAAC;AAAA,EACzB,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AACF,MAAuB;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAoB,SAAO,IAAE,GAAGP,GAAc,WAAW,QACxD,UAAA,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAM;AAAA,QACN,WAAW;AAAA,QAEV,UAAA;AAAA,UAAAV,sBACEW,GAAA,EAAK,WAAW,oBAAA,CAAqB,sBAErCC,GAAA,EAAgB;AAAA,UAChB;AAAA,4BACF,QAAA,EAAK,WAAW,qBAAsB,UAAAT,KAASC,EAAE,QAAQ,GAAE;AAAA,4BAC3DS,GAAA,CAAA,CAAiB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEtB;AAAA,IACA,gBAAAN,EAACO,GAAA,EAAoB,OAAM,OAAO,GAAGZ,GAClC,UAAAH,EAAQ,IAAI,CAACgB,GAAQC,MAElB,gBAAAT,EAACU,KAA6B,SAAS,MAAMF,EAAO,QAAA,GACjD,UAAAA,EAAO,MAAA,GADaC,CAEvB,CAEH,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/chunks/ExportData-DJE0jOHc.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExportData-DJE0jOHc.cjs.js","sources":["../../src/components/export/ExportData.tsx"],"sourcesContent":["import { RiArrowDownSLine, RiFileChartLine } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport type { ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Spin } from '../loader';\n\n/**\n * Describes a single export option in the ExportData dropdown.\n *\n * - Use `label` to render the visible option content (text or any React node).\n * - Provide `onClick` to trigger the export logic (CSV/XLS/PDF, etc.).\n */\nexport interface ExportDataInterface {\n  /** Visible content for the dropdown item (text, icon, etc.). */\n  label: ReactNode;\n  /** Callback executed when the export option is selected. */\n  onClick: () => void;\n}\n\n/**\n * Props for the `ExportData` component.\n *\n * - `options` — A list of export actions displayed in the dropdown.\n * - `loading` — When `true`, shows a small spinner in the button to indicate an export is in progress.\n */\nexport interface ExportDataProps extends DropdownContainerProps {\n  /** Export actions displayed in the dropdown. */\n  options: ExportDataInterface[];\n  /** If `true`, renders a spinner icon in the button. */\n  loading?: boolean;\n  /** Title for the export button. */\n  title?: ReactNode;\n}\n\n/**\n * ExportData renders a compact dropdown button for exporting data in various formats.\n *\n * Behavior\n * - Shows a button with an export icon and localized \"Export\" label.\n * - Clicking opens a dropdown with the provided `options` list.\n * - Each option calls its `onClick` handler when selected.\n *\n * Accessibility\n * - Uses the shared Dropdown primitives and Button which provide keyboard and ARIA support.\n *\n * Internationalization\n * - The button label is translated via `react-i18next` using the `Export` key.\n *\n * @param options - Array of export actions with label and onClick handler.\n * @param loading - When true, shows a spinner in the button.\n * @param triggerProps - Props passed to the dropdown trigger.\n * @param contentProps - Props passed to the dropdown content.\n * @param title - Optional title for the export button.\n * @returns {JSX.Element} React element rendering the export data dropdown.\n */\nexport const ExportData = ({\n  options,\n  loading = false,\n  triggerProps,\n  contentProps,\n  title,\n}: ExportDataProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild {...triggerProps} className={'grow'}>\n        <Button\n          variant=\"secondary\"\n          size={'sm'}\n          className={'ml-auto rounded-lg px-3'}\n        >\n          {loading ? (\n            <Spin className={'text-item-primary'} />\n          ) : (\n            <RiFileChartLine />\n          )}{' '}\n          <span className={'hidden md:inline!'}>{title || t('Export')}</span>\n          <RiArrowDownSLine />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" {...contentProps}>\n        {options.map((option, index) => {\n          return (\n            <DropdownMenuItem key={index} onClick={() => option.onClick()}>\n              {option.label}\n            </DropdownMenuItem>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":["ExportData","options","loading","triggerProps","contentProps","title","t","useTranslation","DropdownMenu","jsx","DropdownMenuTrigger","jsxs","Button","Spin","RiFileChartLine","RiArrowDownSLine","DropdownMenuContent","option","index","DropdownMenuItem"],"mappings":"8MA8DaA,EAAa,CAAC,CACzB,QAAAC,EACA,QAAAC,EAAU,GACV,aAAAC,EACA,aAAAC,EACA,MAAAC,CACF,IAAuB,CACrB,KAAM,CAAE,EAAAC,CAAA,EAAMC,iBAAA,EAEd,cACGC,eAAA,CACC,SAAA,CAAAC,MAACC,EAAAA,qBAAoB,QAAO,GAAE,GAAGP,EAAc,UAAW,OACxD,SAAAQ,EAAAA,KAACC,EAAAA,OAAA,CACC,QAAQ,YACR,KAAM,KACN,UAAW,0BAEV,SAAA,CAAAV,QACEW,EAAAA,KAAA,CAAK,UAAW,mBAAA,CAAqB,QAErCC,EAAAA,GAAA,EAAgB,EAChB,UACF,OAAA,CAAK,UAAW,oBAAsB,SAAAT,GAASC,EAAE,QAAQ,EAAE,QAC3DS,EAAAA,GAAA,CAAA,CAAiB,CAAA,CAAA,CAAA,EAEtB,EACAN,EAAAA,IAACO,EAAAA,oBAAA,CAAoB,MAAM,MAAO,GAAGZ,EAClC,SAAAH,EAAQ,IAAI,CAACgB,EAAQC,IAElBT,MAACU,EAAAA,kBAA6B,QAAS,IAAMF,EAAO,QAAA,EACjD,SAAAA,EAAO,KAAA,EADaC,CAEvB,CAEH,CAAA,CACH,CAAA,EACF,CAEJ"}
+{"version":3,"file":"ExportData-DJE0jOHc.cjs.js","sources":["../../src/components/export/ExportData.tsx"],"sourcesContent":["import { RiArrowDownSLine, RiFileChartLine } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport type { ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Spin } from '../loader';\n\n/**\n * Describes a single export option in the ExportData dropdown.\n *\n * - Use `label` to render the visible option content (text or any React node).\n * - Provide `onClick` to trigger the export logic (CSV/XLS/PDF, etc.).\n */\nexport interface ExportDataInterface {\n  /** Visible content for the dropdown item (text, icon, etc.). */\n  label: ReactNode;\n  /** Callback executed when the export option is selected. */\n  onClick: () => void;\n  access?: string[];\n}\n\n/**\n * Props for the `ExportData` component.\n *\n * - `options` — A list of export actions displayed in the dropdown.\n * - `loading` — When `true`, shows a small spinner in the button to indicate an export is in progress.\n */\nexport interface ExportDataProps extends DropdownContainerProps {\n  /** Export actions displayed in the dropdown. */\n  options: ExportDataInterface[];\n  /** If `true`, renders a spinner icon in the button. */\n  loading?: boolean;\n  /** Title for the export button. */\n  title?: ReactNode;\n}\n\n/**\n * ExportData renders a compact dropdown button for exporting data in various formats.\n *\n * Behavior\n * - Shows a button with an export icon and localized \"Export\" label.\n * - Clicking opens a dropdown with the provided `options` list.\n * - Each option calls its `onClick` handler when selected.\n *\n * Accessibility\n * - Uses the shared Dropdown primitives and Button which provide keyboard and ARIA support.\n *\n * Internationalization\n * - The button label is translated via `react-i18next` using the `Export` key.\n *\n * @param options - Array of export actions with label and onClick handler.\n * @param loading - When true, shows a spinner in the button.\n * @param triggerProps - Props passed to the dropdown trigger.\n * @param contentProps - Props passed to the dropdown content.\n * @param title - Optional title for the export button.\n * @returns {JSX.Element} React element rendering the export data dropdown.\n */\nexport const ExportData = ({\n  options,\n  loading = false,\n  triggerProps,\n  contentProps,\n  title,\n}: ExportDataProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild {...triggerProps} className={'grow'}>\n        <Button\n          variant=\"secondary\"\n          size={'sm'}\n          className={'ml-auto rounded-lg px-3'}\n        >\n          {loading ? (\n            <Spin className={'text-item-primary'} />\n          ) : (\n            <RiFileChartLine />\n          )}{' '}\n          <span className={'hidden md:inline!'}>{title || t('Export')}</span>\n          <RiArrowDownSLine />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" {...contentProps}>\n        {options.map((option, index) => {\n          return (\n            <DropdownMenuItem key={index} onClick={() => option.onClick()}>\n              {option.label}\n            </DropdownMenuItem>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":["ExportData","options","loading","triggerProps","contentProps","title","t","useTranslation","DropdownMenu","jsx","DropdownMenuTrigger","jsxs","Button","Spin","RiFileChartLine","RiArrowDownSLine","DropdownMenuContent","option","index","DropdownMenuItem"],"mappings":"8MA+DaA,EAAa,CAAC,CACzB,QAAAC,EACA,QAAAC,EAAU,GACV,aAAAC,EACA,aAAAC,EACA,MAAAC,CACF,IAAuB,CACrB,KAAM,CAAE,EAAAC,CAAA,EAAMC,iBAAA,EAEd,cACGC,eAAA,CACC,SAAA,CAAAC,MAACC,EAAAA,qBAAoB,QAAO,GAAE,GAAGP,EAAc,UAAW,OACxD,SAAAQ,EAAAA,KAACC,EAAAA,OAAA,CACC,QAAQ,YACR,KAAM,KACN,UAAW,0BAEV,SAAA,CAAAV,QACEW,EAAAA,KAAA,CAAK,UAAW,mBAAA,CAAqB,QAErCC,EAAAA,GAAA,EAAgB,EAChB,UACF,OAAA,CAAK,UAAW,oBAAsB,SAAAT,GAASC,EAAE,QAAQ,EAAE,QAC3DS,EAAAA,GAAA,CAAA,CAAiB,CAAA,CAAA,CAAA,EAEtB,EACAN,EAAAA,IAACO,EAAAA,oBAAA,CAAoB,MAAM,MAAO,GAAGZ,EAClC,SAAAH,EAAQ,IAAI,CAACgB,EAAQC,IAElBT,MAACU,EAAAA,kBAA6B,QAAS,IAAMF,EAAO,QAAA,EACjD,SAAAA,EAAO,KAAA,EADaC,CAEvB,CAEH,CAAA,CACH,CAAA,EACF,CAEJ"}

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

@@ -1 +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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"}
+{"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  access?: string[];\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.map

@@ -1 +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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"}
+{"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  access?: string[];\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/useSortable-B1BtakAy.es.js

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