@new-black/lyra 1.8.0 → 1.9.0

package/dist/lyra133.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra94.cjs"),h=require("react"),R=require("./lyra96.cjs"),x=require("./lyra11.cjs");require("./lyra12.cjs");const f=require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const c=require("./lyra67.cjs");require("./lyra81.cjs");require("./lyra110.cjs");require("./lyra40.cjs");const S=require("./lyra74.cjs");require("./lyra75.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const b=require("./lyra36.cjs");require("react-dom");;/* empty css        */require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");require("./lyra57.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra62.cjs");require("./lyra63.cjs");require("./lyra64.cjs");require("./lyra66.cjs");require("./lyra69.cjs");const I=require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra73.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra80.cjs");require("./lyra82.cjs");require("./lyra99.cjs");require("./lyra89.cjs");require("./lyra90.cjs");require("./lyra111.cjs");require("./lyra112.cjs");require("./lyra113.cjs");require("./lyra114.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");const P=[{value:5,id:"5"},{value:10,id:"10"},{value:25,id:"25"},{value:50,id:"50"},{value:100,id:"100"}],y=({dataLength:i,hideLimitSelect:a,isLoading:t,table:r,total:g})=>{const{selectLimitWrapper:j,wrapper:s}=I.tablePaginationStyles(),{firstPage:d,lastPage:q,nextPage:l,previousPage:m,rowsPerPage:v}=R.useDictionary(),{lastClickedPaginationButton:u,setLastClickedPaginationButton:o}=E(t);return e.jsxRuntimeExports.jsxs("div",{className:s(),children:[e.jsxRuntimeExports.jsx("div",{className:j(),children:a?null:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx("div",{className:"min-w-16",children:e.jsxRuntimeExports.jsx(b.Select,{"aria-label":v,items:P,value:P.find(n=>n.value===r.getState().pagination.pageSize),onChange:n=>{if(!n)return;const p=n.value;r.setPageSize(p)},isDisabled:t,getItemId:n=>n.id,getLabel:n=>`${n.value}`,label:v,hideInputHeader:!0,disableClearLogic:!0,selectRenderElements:n=>({label:`${n.value}`})})}),e.jsxRuntimeExports.jsx("div",{className:"w-full flex-1 text-nowrap",children:e.jsxRuntimeExports.jsx(S.Text,{variant:"body-small",color:"secondary",children:v})})]})}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs(S.Text,{variant:"body-small",color:"secondary",children:[((r.getState().pagination.pageIndex+1)*r.getState().pagination.pageSize-(r.getState().pagination.pageSize-1)).toString()," - ",((r.getState().pagination.pageIndex+1)*r.getState().pagination.pageSize<(g??i)?(r.getState().pagination.pageIndex+1)*r.getState().pagination.pageSize:g??i).toString(),` of ${g??i}`]})}),e.jsxRuntimeExports.jsxs(f.ButtonGroup,{isDisabled:t,children:[e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:d,"aria-label":d,isDisabled:!r.getCanPreviousPage()||t,isLoading:t&&u==="firstPage",onPress:()=>{r.setPageIndex(0),t!==void 0&&o("firstPage")},children:e.jsxRuntimeExports.jsx(c.SvgIcon,{name:"chevron-first-page"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:m,"aria-label":m,isDisabled:!r.getCanPreviousPage()||t,isLoading:t&&u==="previousPage",onPress:()=>{r.previousPage(),t!==void 0&&o("previousPage")},children:e.jsxRuntimeExports.jsx(c.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:l,"aria-label":l,isDisabled:!r.getCanNextPage()||t,isLoading:t&&u==="nextPage",onPress:()=>{r.nextPage(),t!==void 0&&o("nextPage")},children:e.jsxRuntimeExports.jsx(c.SvgIcon,{name:"chevron-right"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:q,"aria-label":q,isDisabled:!r.getCanNextPage()||t,isLoading:t&&u==="lastPage",onPress:()=>{r.setPageIndex(r.getPageCount()-1),t!==void 0&&o("lastPage")},children:e.jsxRuntimeExports.jsx(c.SvgIcon,{name:"chevron-last-page"})})]})]})},N=({hideLimitSelect:i,isLoading:a,onNext:t,onPrevious:r,showNext:g=!0,showPrevious:j=!0,table:s})=>{const{nextPage:d,previousPage:q,rowsPerPage:l}=R.useDictionary(),{selectLimitWrapper:m,wrapper:v}=I.tablePaginationStyles(),{lastClickedPaginationButton:u,setLastClickedPaginationButton:o}=E(a);return e.jsxRuntimeExports.jsxs("div",{className:v(),children:[e.jsxRuntimeExports.jsx("div",{className:m(),children:i?null:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx("div",{className:"min-w-16",children:e.jsxRuntimeExports.jsx(b.Select,{"aria-label":l,items:P,value:P.find(n=>n.value===(s==null?void 0:s.getState().pagination.pageSize)),onChange:n=>{if(!n)return;const p=n.value;s==null||s.setPageSize(p)},isDisabled:a,getItemId:n=>n.id,getLabel:n=>`${n.value}`,label:l,hideInputHeader:!0,disableClearLogic:!0,selectRenderElements:n=>({label:`${n.value}`})})}),e.jsxRuntimeExports.jsx("div",{className:"w-full flex-1 text-nowrap",children:e.jsxRuntimeExports.jsx(S.Text,{variant:"body-small",color:"secondary",children:l})})]})}),e.jsxRuntimeExports.jsxs(f.ButtonGroup,{isDisabled:a,children:[e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:q,"aria-label":q,isDisabled:!j||a,isLoading:a&&u==="previousPage",onPress:()=>{r==null||r(),a!==void 0&&o("previousPage")},children:e.jsxRuntimeExports.jsx(c.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:d,"aria-label":d,isDisabled:!g||a,isLoading:a&&u==="nextPage",onPress:()=>{t==null||t(),a!==void 0&&o("nextPage")},children:e.jsxRuntimeExports.jsx(c.SvgIcon,{name:"chevron-right"})})]})]})},C=i=>h.useMemo(()=>i.hidePagination?"hidden":i.onPrevious&&i.onNext?"uncountable":"countable",[i.hidePagination,i.onNext,i.onPrevious]),B=i=>{var t;switch(C({hidePagination:i.hidePagination,onNext:i.onNext,onPrevious:i.onPrevious})){case"hidden":return null;case"countable":return e.jsxRuntimeExports.jsx(y,{table:i.table,total:i.total,dataLength:((t=i.data)==null?void 0:t.length)??0,isLoading:i.isLoading,hideLimitSelect:i.hideLimitSelect});case"uncountable":return e.jsxRuntimeExports.jsx(N,{hideLimitSelect:i.hideLimitSelect,onNext:i.onNext,onPrevious:i.onPrevious,showNext:i.showNext,showPrevious:i.showPrevious,table:i.table,isLoading:i.isLoading});default:return null}};function E(i){const[a,t]=h.useState();return h.useEffect(()=>{i||t(void 0)},[i]),{lastClickedPaginationButton:a,setLastClickedPaginationButton:t}}exports.CountablePagination=y;exports.TablePagination=B;exports.UncountablePagination=N;exports.useLoadingButtonState=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra94.cjs"),o=require("./lyra125.cjs"),n=require("./lyra107.cjs"),i=require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");const u=require("./lyra67.cjs"),c=({isOpen:s,...e})=>r.jsxRuntimeExports.jsx(i.Button,{variant:"icon-xs",className:n.twMerge("border-none","hover:border-none hover:!bg-transparent","active:hover:!bg-transparent focus-visible:!bg-transparent","focus-visible:-m-[1px] focus-visible:border focus-visible:border-solid focus-visible:border-focus focus-visible:shadow-highlight"),onPress:()=>{if(e.setIsOpen){e.setIsOpen(t=>!t);return}e.toggleIsOpen()},children:r.jsxRuntimeExports.jsx(u.SvgIcon,{name:"chevron-right",className:o.clsx("transition-all duration-100",s?"rotate-90":"rotate-0")})});exports.DisclosureButton=c;

package/dist/lyra133.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra133.cjs","sources":["../src/components/table/table-pagination.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button, ButtonGroup } from \"../button\";\nimport { Select } from \"../inputs\";\nimport { SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { tablePaginationStyles } from \"./table.styles\";\nimport {\n  CountablePaginationProps,\n  LoadingButtonState,\n  TablePaginationProps,\n  UncountablePaginationProps,\n  usePaginationSettingsProps,\n} from \"./table.types\";\n\ntype PaginationSize = {\n  value: number;\n  id: string;\n};\n\nconst DEFAULT_PAGINATION_SIZES: PaginationSize[] = [\n  { value: 5, id: \"5\" },\n  { value: 10, id: \"10\" },\n  { value: 25, id: \"25\" },\n  { value: 50, id: \"50\" },\n  { value: 100, id: \"100\" },\n];\n\nexport const CountablePagination = ({\n  dataLength,\n  hideLimitSelect,\n  isLoading,\n  table,\n  total,\n}: CountablePaginationProps) => {\n  const { selectLimitWrapper, wrapper } = tablePaginationStyles();\n  const { firstPage, lastPage, nextPage, previousPage, rowsPerPage } = useDictionary();\n  const { lastClickedPaginationButton, setLastClickedPaginationButton } =\n    useLoadingButtonState(isLoading);\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"min-w-16\">\n              <Select\n                aria-label={rowsPerPage}\n                items={DEFAULT_PAGINATION_SIZES}\n                value={DEFAULT_PAGINATION_SIZES.find(\n                  (item) => item.value === table.getState().pagination.pageSize,\n                )}\n                onChange={(changedValue) => {\n                  if (!changedValue) return;\n                  const value = changedValue.value;\n                  table.setPageSize(value);\n                }}\n                isDisabled={isLoading}\n                getItemId={(item) => item.id}\n                getLabel={(item) => `${item.value}`}\n                label={rowsPerPage}\n                hideInputHeader\n                disableClearLogic\n                selectRenderElements={(item) => ({ label: `${item.value}` })}\n              />\n            </div>\n            <div className=\"w-full flex-1 text-nowrap\">\n              <Text variant=\"body-small\" color=\"secondary\">\n                {rowsPerPage}\n              </Text>\n            </div>\n          </div>\n        )}\n      </div>\n      <div>\n        <Text variant=\"body-small\" color=\"secondary\">\n          {(\n            (table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize -\n            (table.getState().pagination.pageSize - 1)\n          ).toString()}\n          {\" - \"}\n          {((table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize <\n          (total ?? dataLength)\n            ? (table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize\n            : total ?? dataLength\n          ).toString()}\n          {` of ${total ?? dataLength}`}\n        </Text>\n      </div>\n      <ButtonGroup isDisabled={isLoading}>\n        <Button\n          variant=\"icon\"\n          tooltip={firstPage}\n          aria-label={firstPage}\n          isDisabled={!table.getCanPreviousPage() || isLoading}\n          isLoading={isLoading && lastClickedPaginationButton === \"firstPage\"}\n          onPress={() => {\n            table.setPageIndex(0);\n            if (isLoading !== undefined) {\n              setLastClickedPaginationButton(\"firstPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-first-page\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          aria-label={previousPage}\n          isDisabled={!table.getCanPreviousPage() || isLoading}\n          isLoading={isLoading && lastClickedPaginationButton === \"previousPage\"}\n          onPress={() => {\n            table.previousPage();\n            if (isLoading !== undefined) {\n              setLastClickedPaginationButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          aria-label={nextPage}\n          isDisabled={!table.getCanNextPage() || isLoading}\n          isLoading={isLoading && lastClickedPaginationButton === \"nextPage\"}\n          onPress={() => {\n            table.nextPage();\n            if (isLoading !== undefined) {\n              setLastClickedPaginationButton(\"nextPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-right\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={lastPage}\n          aria-label={lastPage}\n          isDisabled={!table.getCanNextPage() || isLoading}\n          isLoading={isLoading && lastClickedPaginationButton === \"lastPage\"}\n          onPress={() => {\n            table.setPageIndex(table.getPageCount() - 1);\n            if (isLoading !== undefined) {\n              setLastClickedPaginationButton(\"lastPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-last-page\" />\n        </Button>\n      </ButtonGroup>\n    </div>\n  );\n};\n\nexport const UncountablePagination = ({\n  hideLimitSelect,\n  isLoading,\n  onNext,\n  onPrevious,\n  showNext = true,\n  showPrevious = true,\n  table,\n}: UncountablePaginationProps) => {\n  const { nextPage, previousPage, rowsPerPage } = useDictionary();\n  const { selectLimitWrapper, wrapper } = tablePaginationStyles();\n  const { lastClickedPaginationButton, setLastClickedPaginationButton } =\n    useLoadingButtonState(isLoading);\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"min-w-16\">\n              <Select\n                aria-label={rowsPerPage}\n                items={DEFAULT_PAGINATION_SIZES}\n                value={DEFAULT_PAGINATION_SIZES.find(\n                  (item) => item.value === table?.getState().pagination.pageSize,\n                )}\n                onChange={(changedValue) => {\n                  if (!changedValue) return;\n                  const value = changedValue.value;\n                  table?.setPageSize(value);\n                }}\n                isDisabled={isLoading}\n                getItemId={(item) => item.id}\n                getLabel={(item) => `${item.value}`}\n                label={rowsPerPage}\n                hideInputHeader\n                disableClearLogic\n                selectRenderElements={(item) => ({ label: `${item.value}` })}\n              />\n            </div>\n            <div className=\"w-full flex-1 text-nowrap\">\n              <Text variant=\"body-small\" color=\"secondary\">\n                {rowsPerPage}\n              </Text>\n            </div>\n          </div>\n        )}\n      </div>\n      <ButtonGroup isDisabled={isLoading}>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          aria-label={previousPage}\n          isDisabled={!showPrevious || isLoading}\n          isLoading={isLoading && lastClickedPaginationButton === \"previousPage\"}\n          onPress={() => {\n            onPrevious?.();\n            if (isLoading !== undefined) {\n              setLastClickedPaginationButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          aria-label={nextPage}\n          isDisabled={!showNext || isLoading}\n          isLoading={isLoading && lastClickedPaginationButton === \"nextPage\"}\n          onPress={() => {\n            onNext?.();\n            if (isLoading !== undefined) {\n              setLastClickedPaginationButton(\"nextPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-right\" />\n        </Button>\n      </ButtonGroup>\n    </div>\n  );\n};\n\nconst usePaginationSettings = (props: usePaginationSettingsProps) => {\n  const paginationType = useMemo<\"countable\" | \"uncountable\" | \"hidden\">(() => {\n    if (props.hidePagination) return \"hidden\";\n\n    if (!!props.onPrevious && !!props.onNext) return \"uncountable\";\n\n    return \"countable\";\n  }, [props.hidePagination, props.onNext, props.onPrevious]);\n\n  return paginationType;\n};\n\nexport const TablePagination = <T extends object>(props: TablePaginationProps<T>) => {\n  const paginationType = usePaginationSettings({\n    hidePagination: props.hidePagination,\n    onNext: props.onNext,\n    onPrevious: props.onPrevious,\n  });\n\n  switch (paginationType) {\n    case \"hidden\":\n      return null;\n\n    case \"countable\":\n      return (\n        <CountablePagination\n          table={props.table}\n          total={props.total}\n          dataLength={props.data?.length ?? 0}\n          isLoading={props.isLoading}\n          hideLimitSelect={props.hideLimitSelect}\n        />\n      );\n\n    case \"uncountable\": {\n      return (\n        <UncountablePagination\n          hideLimitSelect={props.hideLimitSelect}\n          onNext={props.onNext}\n          onPrevious={props.onPrevious}\n          showNext={props.showNext}\n          showPrevious={props.showPrevious}\n          table={props.table}\n          isLoading={props.isLoading}\n        />\n      );\n    }\n\n    default:\n      return null;\n  }\n};\n\n/**\n * Custom hook that manages the loading state of pagination buttons.\n *\n * @param {boolean} isLoading - Optional boolean flag indicating if the pagination is in loading state (defined from the outside)\n *\n * @returns {Object} An object containing:\n * - `lastClickedPaginationButton`: The last clicked pagination button\n * - `setLastClickedPaginationButton`: Function to update the last clicked pagination button state\n *\n * @example\n * const { lastClickedPaginationButton, setLastClickedPaginationButton } = useLoadingButtonState({\n *   isLoading: false\n * });\n * @remarks\n * This hook automatically resets the `lastClickedPaginationButton` state to `undefined`\n * when the loading state changes from `true` to `false` or `undefined`.\n */\nexport function useLoadingButtonState(isLoading?: boolean) {\n  const [lastClickedPaginationButton, setLastClickedPaginationButton] =\n    useState<LoadingButtonState>();\n\n  useEffect(() => {\n    if (!isLoading) {\n      setLastClickedPaginationButton(undefined);\n    }\n  }, [isLoading]);\n\n  return {\n    lastClickedPaginationButton,\n    setLastClickedPaginationButton,\n  };\n}\n"],"names":["DEFAULT_PAGINATION_SIZES","CountablePagination","dataLength","hideLimitSelect","isLoading","table","total","selectLimitWrapper","wrapper","tablePaginationStyles","firstPage","lastPage","nextPage","previousPage","rowsPerPage","useDictionary","lastClickedPaginationButton","setLastClickedPaginationButton","useLoadingButtonState","jsxs","jsx","Select","item","changedValue","value","Text","ButtonGroup","Button","SvgIcon","UncountablePagination","onNext","onPrevious","showNext","showPrevious","usePaginationSettings","props","useMemo","TablePagination","_a","useState","useEffect"],"mappings":"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"}
+{"version":3,"file":"lyra133.cjs","sources":["../src/components/table/disclosure-button.tsx"],"sourcesContent":["import { Dispatch, SetStateAction } from \"react\";\n\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { Button } from \"../button\";\nimport { SvgIcon } from \"../svg-icon\";\n\ntype ClickHandler =\n  | { toggleIsOpen?: never; setIsOpen: Dispatch<SetStateAction<boolean>> }\n  | { setIsOpen?: never; toggleIsOpen: () => void };\n\nexport type IDisclosureButtonProps = ClickHandler & {\n  isOpen: boolean;\n};\n\nexport const DisclosureButton = ({ isOpen, ...props }: IDisclosureButtonProps) => (\n  <Button\n    variant=\"icon-xs\"\n    className={twMerge(\n      // Remove button styling\n      \"border-none\",\n      \"hover:border-none hover:!bg-transparent\",\n      \"active:hover:!bg-transparent focus-visible:!bg-transparent\",\n      // Add focus styling (also account for the added width of the border so the button doesn't shift when focused)\n      \"focus-visible:-m-[1px] focus-visible:border focus-visible:border-solid focus-visible:border-focus focus-visible:shadow-highlight\",\n    )}\n    onPress={() => {\n      if (props.setIsOpen) {\n        props.setIsOpen((prev) => !prev);\n        return;\n      }\n      props.toggleIsOpen();\n    }}\n  >\n    <SvgIcon\n      name=\"chevron-right\"\n      className={clsx(\"transition-all duration-100\", isOpen ? \"rotate-90\" : \"rotate-0\")}\n    />\n  </Button>\n);\n"],"names":["DisclosureButton","isOpen","props","jsx","Button","twMerge","prev","SvgIcon","clsx"],"mappings":"wSAgBaA,EAAmB,CAAC,CAAE,OAAAC,EAAQ,GAAGC,CAC5C,IAAAC,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,QAAQ,UACR,UAAWC,EAAA,QAET,cACA,0CACA,6DAEA,kIACF,EACA,QAAS,IAAM,CACb,GAAIH,EAAM,UAAW,CACnBA,EAAM,UAAWI,GAAS,CAACA,CAAI,EAC/B,MAAA,CAEFJ,EAAM,aAAa,CACrB,EAEA,SAAAC,EAAA,kBAAA,IAACI,EAAA,QAAA,CACC,KAAK,gBACL,UAAWC,EAAAA,KAAK,8BAA+BP,EAAS,YAAc,UAAU,CAAA,CAAA,CAClF,CACF"}

package/dist/lyra133.js

@@ -1,308 +1,39 @@
-import { j as e } from "./lyra94.js";
-import { useMemo as I, useState as y, useEffect as D } from "react";
-import { useDictionary as S } from "./lyra96.js";
-import { Button as p } from "./lyra11.js";
+import { j as r } from "./lyra94.js";
+import { clsx as t } from "./lyra125.js";
+import { twMerge as i } from "./lyra107.js";
+import { Button as n } from "./lyra11.js";
 import "./lyra12.js";
-import { ButtonGroup as N } from "./lyra13.js";
+import "./lyra13.js";
 import "./lyra14.js";
-import "./lyra21.js";
-import "./lyra22.js";
-import "./lyra23.js";
-import "./lyra24.js";
-import "./lyra25.js";
-import "./lyra26.js";
-import "./lyra27.js";
-import "./lyra28.js";
-import "./lyra29.js";
-import { SvgIcon as c } from "./lyra67.js";
-import "./lyra81.js";
-import "./lyra110.js";
-import "./lyra40.js";
-import { Text as j } from "./lyra74.js";
-import "./lyra75.js";
-import "./lyra44.js";
-import "./lyra31.js";
-import "./lyra32.js";
-import "./lyra33.js";
-import "./lyra34.js";
-import "./lyra35.js";
-import { Select as C } from "./lyra36.js";
-import "react-dom";
-/* empty css      */
-import "./lyra3.js";
-import "./lyra4.js";
-import "./lyra5.js";
-import "./lyra6.js";
-import "./lyra8.js";
-import "./lyra9.js";
-import "./lyra10.js";
-import "./lyra15.js";
-import "./lyra16.js";
-import "./lyra17.js";
-import "./lyra18.js";
-import "./lyra19.js";
-import "./lyra20.js";
-import "./lyra48.js";
-import "./lyra49.js";
-import "./lyra50.js";
-import "./lyra51.js";
-import "./lyra52.js";
-import "./lyra53.js";
-import "./lyra54.js";
-import "./lyra55.js";
-import "./lyra56.js";
-import "./lyra57.js";
-import "./lyra59.js";
-import "./lyra60.js";
-import "./lyra61.js";
-import "./lyra62.js";
-import "./lyra63.js";
-import "./lyra64.js";
-import "./lyra66.js";
-import "./lyra69.js";
-import { tablePaginationStyles as b } from "./lyra70.js";
-import "./lyra71.js";
-import "./lyra72.js";
-import "./lyra73.js";
-import "./lyra77.js";
-import "./lyra78.js";
-import "./lyra79.js";
-import "./lyra80.js";
-import "./lyra82.js";
-import "./lyra99.js";
-import "./lyra89.js";
-import "./lyra90.js";
-import "./lyra111.js";
-import "./lyra112.js";
-import "./lyra113.js";
-import "./lyra114.js";
-import "./lyra41.js";
-import "./lyra42.js";
-import "./lyra43.js";
-import "./lyra45.js";
-import "./lyra46.js";
-import "./lyra47.js";
-const x = [
-  { value: 5, id: "5" },
-  { value: 10, id: "10" },
-  { value: 25, id: "25" },
-  { value: 50, id: "50" },
-  { value: 100, id: "100" }
-], B = ({
-  dataLength: i,
-  hideLimitSelect: r,
-  isLoading: t,
-  table: a,
-  total: g
-}) => {
-  const { selectLimitWrapper: h, wrapper: n } = b(), { firstPage: d, lastPage: u, nextPage: m, previousPage: P, rowsPerPage: v } = S(), { lastClickedPaginationButton: s, setLastClickedPaginationButton: l } = w(t);
-  return /* @__PURE__ */ e.jsxs("div", { className: n(), children: [
-    /* @__PURE__ */ e.jsx("div", { className: h(), children: r ? null : /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "min-w-16", children: /* @__PURE__ */ e.jsx(
-        C,
-        {
-          "aria-label": v,
-          items: x,
-          value: x.find(
-            (o) => o.value === a.getState().pagination.pageSize
-          ),
-          onChange: (o) => {
-            if (!o) return;
-            const f = o.value;
-            a.setPageSize(f);
-          },
-          isDisabled: t,
-          getItemId: (o) => o.id,
-          getLabel: (o) => `${o.value}`,
-          label: v,
-          hideInputHeader: !0,
-          disableClearLogic: !0,
-          selectRenderElements: (o) => ({ label: `${o.value}` })
-        }
-      ) }),
-      /* @__PURE__ */ e.jsx("div", { className: "w-full flex-1 text-nowrap", children: /* @__PURE__ */ e.jsx(j, { variant: "body-small", color: "secondary", children: v }) })
-    ] }) }),
-    /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(j, { variant: "body-small", color: "secondary", children: [
-      ((a.getState().pagination.pageIndex + 1) * a.getState().pagination.pageSize - (a.getState().pagination.pageSize - 1)).toString(),
-      " - ",
-      ((a.getState().pagination.pageIndex + 1) * a.getState().pagination.pageSize < (g ?? i) ? (a.getState().pagination.pageIndex + 1) * a.getState().pagination.pageSize : g ?? i).toString(),
-      ` of ${g ?? i}`
-    ] }) }),
-    /* @__PURE__ */ e.jsxs(N, { isDisabled: t, children: [
-      /* @__PURE__ */ e.jsx(
-        p,
-        {
-          variant: "icon",
-          tooltip: d,
-          "aria-label": d,
-          isDisabled: !a.getCanPreviousPage() || t,
-          isLoading: t && s === "firstPage",
-          onPress: () => {
-            a.setPageIndex(0), t !== void 0 && l("firstPage");
-          },
-          children: /* @__PURE__ */ e.jsx(c, { name: "chevron-first-page" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        p,
-        {
-          variant: "icon",
-          tooltip: P,
-          "aria-label": P,
-          isDisabled: !a.getCanPreviousPage() || t,
-          isLoading: t && s === "previousPage",
-          onPress: () => {
-            a.previousPage(), t !== void 0 && l("previousPage");
-          },
-          children: /* @__PURE__ */ e.jsx(c, { name: "chevron-left" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        p,
-        {
-          variant: "icon",
-          tooltip: m,
-          "aria-label": m,
-          isDisabled: !a.getCanNextPage() || t,
-          isLoading: t && s === "nextPage",
-          onPress: () => {
-            a.nextPage(), t !== void 0 && l("nextPage");
-          },
-          children: /* @__PURE__ */ e.jsx(c, { name: "chevron-right" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        p,
-        {
-          variant: "icon",
-          tooltip: u,
-          "aria-label": u,
-          isDisabled: !a.getCanNextPage() || t,
-          isLoading: t && s === "lastPage",
-          onPress: () => {
-            a.setPageIndex(a.getPageCount() - 1), t !== void 0 && l("lastPage");
-          },
-          children: /* @__PURE__ */ e.jsx(c, { name: "chevron-last-page" })
-        }
-      )
-    ] })
-  ] });
-}, z = ({
-  hideLimitSelect: i,
-  isLoading: r,
-  onNext: t,
-  onPrevious: a,
-  showNext: g = !0,
-  showPrevious: h = !0,
-  table: n
-}) => {
-  const { nextPage: d, previousPage: u, rowsPerPage: m } = S(), { selectLimitWrapper: P, wrapper: v } = b(), { lastClickedPaginationButton: s, setLastClickedPaginationButton: l } = w(r);
-  return /* @__PURE__ */ e.jsxs("div", { className: v(), children: [
-    /* @__PURE__ */ e.jsx("div", { className: P(), children: i ? null : /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "min-w-16", children: /* @__PURE__ */ e.jsx(
-        C,
-        {
-          "aria-label": m,
-          items: x,
-          value: x.find(
-            (o) => o.value === (n == null ? void 0 : n.getState().pagination.pageSize)
-          ),
-          onChange: (o) => {
-            if (!o) return;
-            const f = o.value;
-            n == null || n.setPageSize(f);
-          },
-          isDisabled: r,
-          getItemId: (o) => o.id,
-          getLabel: (o) => `${o.value}`,
-          label: m,
-          hideInputHeader: !0,
-          disableClearLogic: !0,
-          selectRenderElements: (o) => ({ label: `${o.value}` })
-        }
-      ) }),
-      /* @__PURE__ */ e.jsx("div", { className: "w-full flex-1 text-nowrap", children: /* @__PURE__ */ e.jsx(j, { variant: "body-small", color: "secondary", children: m }) })
-    ] }) }),
-    /* @__PURE__ */ e.jsxs(N, { isDisabled: r, children: [
-      /* @__PURE__ */ e.jsx(
-        p,
-        {
-          variant: "icon",
-          tooltip: u,
-          "aria-label": u,
-          isDisabled: !h || r,
-          isLoading: r && s === "previousPage",
-          onPress: () => {
-            a == null || a(), r !== void 0 && l("previousPage");
-          },
-          children: /* @__PURE__ */ e.jsx(c, { name: "chevron-left" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        p,
-        {
-          variant: "icon",
-          tooltip: d,
-          "aria-label": d,
-          isDisabled: !g || r,
-          isLoading: r && s === "nextPage",
-          onPress: () => {
-            t == null || t(), r !== void 0 && l("nextPage");
-          },
-          children: /* @__PURE__ */ e.jsx(c, { name: "chevron-right" })
-        }
-      )
-    ] })
-  ] });
-}, T = (i) => I(() => i.hidePagination ? "hidden" : i.onPrevious && i.onNext ? "uncountable" : "countable", [i.hidePagination, i.onNext, i.onPrevious]), li = (i) => {
-  var t;
-  switch (T({
-    hidePagination: i.hidePagination,
-    onNext: i.onNext,
-    onPrevious: i.onPrevious
-  })) {
-    case "hidden":
-      return null;
-    case "countable":
-      return /* @__PURE__ */ e.jsx(
-        B,
-        {
-          table: i.table,
-          total: i.total,
-          dataLength: ((t = i.data) == null ? void 0 : t.length) ?? 0,
-          isLoading: i.isLoading,
-          hideLimitSelect: i.hideLimitSelect
-        }
-      );
-    case "uncountable":
-      return /* @__PURE__ */ e.jsx(
-        z,
-        {
-          hideLimitSelect: i.hideLimitSelect,
-          onNext: i.onNext,
-          onPrevious: i.onPrevious,
-          showNext: i.showNext,
-          showPrevious: i.showPrevious,
-          table: i.table,
-          isLoading: i.isLoading
-        }
-      );
-    default:
-      return null;
+import { SvgIcon as a } from "./lyra67.js";
+const g = ({ isOpen: e, ...o }) => /* @__PURE__ */ r.jsx(
+  n,
+  {
+    variant: "icon-xs",
+    className: i(
+      // Remove button styling
+      "border-none",
+      "hover:border-none hover:!bg-transparent",
+      "active:hover:!bg-transparent focus-visible:!bg-transparent",
+      // Add focus styling (also account for the added width of the border so the button doesn't shift when focused)
+      "focus-visible:-m-[1px] focus-visible:border focus-visible:border-solid focus-visible:border-focus focus-visible:shadow-highlight"
+    ),
+    onPress: () => {
+      if (o.setIsOpen) {
+        o.setIsOpen((s) => !s);
+        return;
+      }
+      o.toggleIsOpen();
+    },
+    children: /* @__PURE__ */ r.jsx(
+      a,
+      {
+        name: "chevron-right",
+        className: t("transition-all duration-100", e ? "rotate-90" : "rotate-0")
+      }
+    )
   }
-};
-function w(i) {
-  const [r, t] = y();
-  return D(() => {
-    i || t(void 0);
-  }, [i]), {
-    lastClickedPaginationButton: r,
-    setLastClickedPaginationButton: t
-  };
-}
+);
 export {
-  B as CountablePagination,
-  li as TablePagination,
-  z as UncountablePagination,
-  w as useLoadingButtonState
+  g as DisclosureButton
 };

package/dist/lyra133.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra133.js","sources":["../src/components/table/table-pagination.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button, ButtonGroup } from \"../button\";\nimport { Select } from \"../inputs\";\nimport { SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { tablePaginationStyles } from \"./table.styles\";\nimport {\n  CountablePaginationProps,\n  LoadingButtonState,\n  TablePaginationProps,\n  UncountablePaginationProps,\n  usePaginationSettingsProps,\n} from \"./table.types\";\n\ntype PaginationSize = {\n  value: number;\n  id: string;\n};\n\nconst DEFAULT_PAGINATION_SIZES: PaginationSize[] = [\n  { value: 5, id: \"5\" },\n  { value: 10, id: \"10\" },\n  { value: 25, id: \"25\" },\n  { value: 50, id: \"50\" },\n  { value: 100, id: \"100\" },\n];\n\nexport const CountablePagination = ({\n  dataLength,\n  hideLimitSelect,\n  isLoading,\n  table,\n  total,\n}: CountablePaginationProps) => {\n  const { selectLimitWrapper, wrapper } = tablePaginationStyles();\n  const { firstPage, lastPage, nextPage, previousPage, rowsPerPage } = useDictionary();\n  const { lastClickedPaginationButton, setLastClickedPaginationButton } =\n    useLoadingButtonState(isLoading);\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"min-w-16\">\n              <Select\n                aria-label={rowsPerPage}\n                items={DEFAULT_PAGINATION_SIZES}\n                value={DEFAULT_PAGINATION_SIZES.find(\n                  (item) => item.value === table.getState().pagination.pageSize,\n                )}\n                onChange={(changedValue) => {\n                  if (!changedValue) return;\n                  const value = changedValue.value;\n                  table.setPageSize(value);\n                }}\n                isDisabled={isLoading}\n                getItemId={(item) => item.id}\n                getLabel={(item) => `${item.value}`}\n                label={rowsPerPage}\n                hideInputHeader\n                disableClearLogic\n                selectRenderElements={(item) => ({ label: `${item.value}` })}\n              />\n            </div>\n            <div className=\"w-full flex-1 text-nowrap\">\n              <Text variant=\"body-small\" color=\"secondary\">\n                {rowsPerPage}\n              </Text>\n            </div>\n          </div>\n        )}\n      </div>\n      <div>\n        <Text variant=\"body-small\" color=\"secondary\">\n          {(\n            (table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize -\n            (table.getState().pagination.pageSize - 1)\n          ).toString()}\n          {\" - \"}\n          {((table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize <\n          (total ?? dataLength)\n            ? (table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize\n            : total ?? dataLength\n          ).toString()}\n          {` of ${total ?? dataLength}`}\n        </Text>\n      </div>\n      <ButtonGroup isDisabled={isLoading}>\n        <Button\n          variant=\"icon\"\n          tooltip={firstPage}\n          aria-label={firstPage}\n          isDisabled={!table.getCanPreviousPage() || isLoading}\n          isLoading={isLoading && lastClickedPaginationButton === \"firstPage\"}\n          onPress={() => {\n            table.setPageIndex(0);\n            if (isLoading !== undefined) {\n              setLastClickedPaginationButton(\"firstPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-first-page\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          aria-label={previousPage}\n          isDisabled={!table.getCanPreviousPage() || isLoading}\n          isLoading={isLoading && lastClickedPaginationButton === \"previousPage\"}\n          onPress={() => {\n            table.previousPage();\n            if (isLoading !== undefined) {\n              setLastClickedPaginationButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          aria-label={nextPage}\n          isDisabled={!table.getCanNextPage() || isLoading}\n          isLoading={isLoading && lastClickedPaginationButton === \"nextPage\"}\n          onPress={() => {\n            table.nextPage();\n            if (isLoading !== undefined) {\n              setLastClickedPaginationButton(\"nextPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-right\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={lastPage}\n          aria-label={lastPage}\n          isDisabled={!table.getCanNextPage() || isLoading}\n          isLoading={isLoading && lastClickedPaginationButton === \"lastPage\"}\n          onPress={() => {\n            table.setPageIndex(table.getPageCount() - 1);\n            if (isLoading !== undefined) {\n              setLastClickedPaginationButton(\"lastPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-last-page\" />\n        </Button>\n      </ButtonGroup>\n    </div>\n  );\n};\n\nexport const UncountablePagination = ({\n  hideLimitSelect,\n  isLoading,\n  onNext,\n  onPrevious,\n  showNext = true,\n  showPrevious = true,\n  table,\n}: UncountablePaginationProps) => {\n  const { nextPage, previousPage, rowsPerPage } = useDictionary();\n  const { selectLimitWrapper, wrapper } = tablePaginationStyles();\n  const { lastClickedPaginationButton, setLastClickedPaginationButton } =\n    useLoadingButtonState(isLoading);\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"min-w-16\">\n              <Select\n                aria-label={rowsPerPage}\n                items={DEFAULT_PAGINATION_SIZES}\n                value={DEFAULT_PAGINATION_SIZES.find(\n                  (item) => item.value === table?.getState().pagination.pageSize,\n                )}\n                onChange={(changedValue) => {\n                  if (!changedValue) return;\n                  const value = changedValue.value;\n                  table?.setPageSize(value);\n                }}\n                isDisabled={isLoading}\n                getItemId={(item) => item.id}\n                getLabel={(item) => `${item.value}`}\n                label={rowsPerPage}\n                hideInputHeader\n                disableClearLogic\n                selectRenderElements={(item) => ({ label: `${item.value}` })}\n              />\n            </div>\n            <div className=\"w-full flex-1 text-nowrap\">\n              <Text variant=\"body-small\" color=\"secondary\">\n                {rowsPerPage}\n              </Text>\n            </div>\n          </div>\n        )}\n      </div>\n      <ButtonGroup isDisabled={isLoading}>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          aria-label={previousPage}\n          isDisabled={!showPrevious || isLoading}\n          isLoading={isLoading && lastClickedPaginationButton === \"previousPage\"}\n          onPress={() => {\n            onPrevious?.();\n            if (isLoading !== undefined) {\n              setLastClickedPaginationButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          aria-label={nextPage}\n          isDisabled={!showNext || isLoading}\n          isLoading={isLoading && lastClickedPaginationButton === \"nextPage\"}\n          onPress={() => {\n            onNext?.();\n            if (isLoading !== undefined) {\n              setLastClickedPaginationButton(\"nextPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-right\" />\n        </Button>\n      </ButtonGroup>\n    </div>\n  );\n};\n\nconst usePaginationSettings = (props: usePaginationSettingsProps) => {\n  const paginationType = useMemo<\"countable\" | \"uncountable\" | \"hidden\">(() => {\n    if (props.hidePagination) return \"hidden\";\n\n    if (!!props.onPrevious && !!props.onNext) return \"uncountable\";\n\n    return \"countable\";\n  }, [props.hidePagination, props.onNext, props.onPrevious]);\n\n  return paginationType;\n};\n\nexport const TablePagination = <T extends object>(props: TablePaginationProps<T>) => {\n  const paginationType = usePaginationSettings({\n    hidePagination: props.hidePagination,\n    onNext: props.onNext,\n    onPrevious: props.onPrevious,\n  });\n\n  switch (paginationType) {\n    case \"hidden\":\n      return null;\n\n    case \"countable\":\n      return (\n        <CountablePagination\n          table={props.table}\n          total={props.total}\n          dataLength={props.data?.length ?? 0}\n          isLoading={props.isLoading}\n          hideLimitSelect={props.hideLimitSelect}\n        />\n      );\n\n    case \"uncountable\": {\n      return (\n        <UncountablePagination\n          hideLimitSelect={props.hideLimitSelect}\n          onNext={props.onNext}\n          onPrevious={props.onPrevious}\n          showNext={props.showNext}\n          showPrevious={props.showPrevious}\n          table={props.table}\n          isLoading={props.isLoading}\n        />\n      );\n    }\n\n    default:\n      return null;\n  }\n};\n\n/**\n * Custom hook that manages the loading state of pagination buttons.\n *\n * @param {boolean} isLoading - Optional boolean flag indicating if the pagination is in loading state (defined from the outside)\n *\n * @returns {Object} An object containing:\n * - `lastClickedPaginationButton`: The last clicked pagination button\n * - `setLastClickedPaginationButton`: Function to update the last clicked pagination button state\n *\n * @example\n * const { lastClickedPaginationButton, setLastClickedPaginationButton } = useLoadingButtonState({\n *   isLoading: false\n * });\n * @remarks\n * This hook automatically resets the `lastClickedPaginationButton` state to `undefined`\n * when the loading state changes from `true` to `false` or `undefined`.\n */\nexport function useLoadingButtonState(isLoading?: boolean) {\n  const [lastClickedPaginationButton, setLastClickedPaginationButton] =\n    useState<LoadingButtonState>();\n\n  useEffect(() => {\n    if (!isLoading) {\n      setLastClickedPaginationButton(undefined);\n    }\n  }, [isLoading]);\n\n  return {\n    lastClickedPaginationButton,\n    setLastClickedPaginationButton,\n  };\n}\n"],"names":["DEFAULT_PAGINATION_SIZES","CountablePagination","dataLength","hideLimitSelect","isLoading","table","total","selectLimitWrapper","wrapper","tablePaginationStyles","firstPage","lastPage","nextPage","previousPage","rowsPerPage","useDictionary","lastClickedPaginationButton","setLastClickedPaginationButton","useLoadingButtonState","jsxs","jsx","Select","item","changedValue","value","Text","ButtonGroup","Button","SvgIcon","UncountablePagination","onNext","onPrevious","showNext","showPrevious","usePaginationSettings","props","useMemo","TablePagination","_a","useState","useEffect"],"mappings":"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"}
+{"version":3,"file":"lyra133.js","sources":["../src/components/table/disclosure-button.tsx"],"sourcesContent":["import { Dispatch, SetStateAction } from \"react\";\n\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { Button } from \"../button\";\nimport { SvgIcon } from \"../svg-icon\";\n\ntype ClickHandler =\n  | { toggleIsOpen?: never; setIsOpen: Dispatch<SetStateAction<boolean>> }\n  | { setIsOpen?: never; toggleIsOpen: () => void };\n\nexport type IDisclosureButtonProps = ClickHandler & {\n  isOpen: boolean;\n};\n\nexport const DisclosureButton = ({ isOpen, ...props }: IDisclosureButtonProps) => (\n  <Button\n    variant=\"icon-xs\"\n    className={twMerge(\n      // Remove button styling\n      \"border-none\",\n      \"hover:border-none hover:!bg-transparent\",\n      \"active:hover:!bg-transparent focus-visible:!bg-transparent\",\n      // Add focus styling (also account for the added width of the border so the button doesn't shift when focused)\n      \"focus-visible:-m-[1px] focus-visible:border focus-visible:border-solid focus-visible:border-focus focus-visible:shadow-highlight\",\n    )}\n    onPress={() => {\n      if (props.setIsOpen) {\n        props.setIsOpen((prev) => !prev);\n        return;\n      }\n      props.toggleIsOpen();\n    }}\n  >\n    <SvgIcon\n      name=\"chevron-right\"\n      className={clsx(\"transition-all duration-100\", isOpen ? \"rotate-90\" : \"rotate-0\")}\n    />\n  </Button>\n);\n"],"names":["DisclosureButton","isOpen","props","jsx","Button","twMerge","prev","SvgIcon","clsx"],"mappings":";;;;;;;;AAgBO,MAAMA,IAAmB,CAAC,EAAE,QAAAC,GAAQ,GAAGC,EAC5C,MAAAC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAQ;AAAA,IACR,WAAWC;AAAA;AAAA,MAET;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAEA;AAAA,IACF;AAAA,IACA,SAAS,MAAM;AACb,UAAIH,EAAM,WAAW;AACnB,QAAAA,EAAM,UAAU,CAACI,MAAS,CAACA,CAAI;AAC/B;AAAA,MAAA;AAEF,MAAAJ,EAAM,aAAa;AAAA,IACrB;AAAA,IAEA,UAAAC,gBAAAA,EAAA;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAWC,EAAK,+BAA+BP,IAAS,cAAc,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAClF;AACF;"}

package/dist/lyra134.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra94.cjs"),c=require("react");;/* empty css        */require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");require("./lyra67.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");const x=require("./lyra11.cjs");require("./lyra12.cjs");const S=require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const z=require("./lyra96.cjs"),M=require("./lyra81.cjs");require("./lyra110.cjs");require("./lyra40.cjs");require("./lyra74.cjs");require("./lyra75.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");require("./lyra111.cjs");require("./lyra112.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");require("./lyra57.cjs");require("./lyra113.cjs");require("./lyra114.cjs");require("react-dom");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");const T=require("./lyra62.cjs");require("./lyra63.cjs");require("./lyra64.cjs");require("./lyra66.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra73.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra80.cjs");require("./lyra82.cjs");require("./lyra99.cjs");require("./lyra89.cjs");require("./lyra90.cjs");const E=({allColumns:n,columnOrder:s,onChangeOrderOfColumns:r,onChangeOrderOfColumnsError:o,onLoadMore:b,onQueryChange:j,searchFieldIsLoading:f,searchItems:v,setActive:d})=>{var m;const{cancel:R,save:h}=z.useDictionary(),l=c.useMemo(()=>G(n),[n]),[a,y]=c.useState(()=>{const e=[];return s.forEach(i=>{if(i!=="select"&&i!=="actions"){const t=l.find(g=>g.value===i);t&&e.push(t)}}),e}),p=c.useMemo(()=>{let e=[];return s.includes("select")&&e.push("select"),e=e.concat(a.map(i=>i.value)),s.includes("actions")&&e.push("actions"),e},[s,a]),q=(m=M.useLyraContext().componentDefaults)==null?void 0:m.Table;return u.jsxRuntimeExports.jsxs("div",{className:"rounded-t-lg border-b border-b-default bg-surface-primary p-4 shadow-md",children:[u.jsxRuntimeExports.jsx(T.SortableGrid,{selectedItems:a,setSelectedItems:y,items:l??[],searchItems:v,searchFieldIsLoading:f,onLoadMore:b,onQueryChange:j,"aria-label":"table-reorganize-columns"}),u.jsxRuntimeExports.jsx("div",{className:"mt-4 flex justify-end",children:u.jsxRuntimeExports.jsxs(S.ButtonGroup,{children:[u.jsxRuntimeExports.jsx(x.Button,{variant:"secondary",onPress:()=>d(!1),children:R}),u.jsxRuntimeExports.jsx(x.Button,{variant:"primary",onPress:()=>{var i;p.filter(t=>t!=="actions"&&t!=="select").length?(r(p),d(!1)):(o==null?void 0:o())??((i=q==null?void 0:q.onChangeOrderOfColumnsError)==null||i.call(q))},children:h})]})})]})},G=n=>n.filter(r=>r.id!=="select"&&r.id!=="actions").map(r=>({value:r.id,label:r.header||r.id}));exports.TableReorganizeColumns=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra94.cjs"),h=require("react"),R=require("./lyra96.cjs"),x=require("./lyra11.cjs");require("./lyra12.cjs");const f=require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const c=require("./lyra67.cjs");require("./lyra81.cjs");require("./lyra109.cjs");require("./lyra40.cjs");const S=require("./lyra74.cjs");require("./lyra75.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const b=require("./lyra36.cjs");require("react-dom");;/* empty css        */require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");require("./lyra57.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra62.cjs");require("./lyra63.cjs");require("./lyra64.cjs");require("./lyra66.cjs");require("./lyra69.cjs");const I=require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra73.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra80.cjs");require("./lyra82.cjs");require("./lyra99.cjs");require("./lyra89.cjs");require("./lyra90.cjs");require("./lyra110.cjs");require("./lyra111.cjs");require("./lyra112.cjs");require("./lyra113.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");const P=[{value:5,id:"5"},{value:10,id:"10"},{value:25,id:"25"},{value:50,id:"50"},{value:100,id:"100"}],y=({dataLength:i,hideLimitSelect:a,isLoading:t,table:r,total:g})=>{const{selectLimitWrapper:j,wrapper:s}=I.tablePaginationStyles(),{firstPage:d,lastPage:q,nextPage:l,previousPage:m,rowsPerPage:v}=R.useDictionary(),{lastClickedPaginationButton:u,setLastClickedPaginationButton:o}=E(t);return e.jsxRuntimeExports.jsxs("div",{className:s(),children:[e.jsxRuntimeExports.jsx("div",{className:j(),children:a?null:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx("div",{className:"min-w-16",children:e.jsxRuntimeExports.jsx(b.Select,{"aria-label":v,items:P,value:P.find(n=>n.value===r.getState().pagination.pageSize),onChange:n=>{if(!n)return;const p=n.value;r.setPageSize(p)},isDisabled:t,getItemId:n=>n.id,getLabel:n=>`${n.value}`,label:v,hideInputHeader:!0,disableClearLogic:!0,selectRenderElements:n=>({label:`${n.value}`})})}),e.jsxRuntimeExports.jsx("div",{className:"w-full flex-1 text-nowrap",children:e.jsxRuntimeExports.jsx(S.Text,{variant:"body-small",color:"secondary",children:v})})]})}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs(S.Text,{variant:"body-small",color:"secondary",children:[((r.getState().pagination.pageIndex+1)*r.getState().pagination.pageSize-(r.getState().pagination.pageSize-1)).toString()," - ",((r.getState().pagination.pageIndex+1)*r.getState().pagination.pageSize<(g??i)?(r.getState().pagination.pageIndex+1)*r.getState().pagination.pageSize:g??i).toString(),` of ${g??i}`]})}),e.jsxRuntimeExports.jsxs(f.ButtonGroup,{isDisabled:t,children:[e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:d,"aria-label":d,isDisabled:!r.getCanPreviousPage()||t,isLoading:t&&u==="firstPage",onPress:()=>{r.setPageIndex(0),t!==void 0&&o("firstPage")},children:e.jsxRuntimeExports.jsx(c.SvgIcon,{name:"chevron-first-page"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:m,"aria-label":m,isDisabled:!r.getCanPreviousPage()||t,isLoading:t&&u==="previousPage",onPress:()=>{r.previousPage(),t!==void 0&&o("previousPage")},children:e.jsxRuntimeExports.jsx(c.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:l,"aria-label":l,isDisabled:!r.getCanNextPage()||t,isLoading:t&&u==="nextPage",onPress:()=>{r.nextPage(),t!==void 0&&o("nextPage")},children:e.jsxRuntimeExports.jsx(c.SvgIcon,{name:"chevron-right"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:q,"aria-label":q,isDisabled:!r.getCanNextPage()||t,isLoading:t&&u==="lastPage",onPress:()=>{r.setPageIndex(r.getPageCount()-1),t!==void 0&&o("lastPage")},children:e.jsxRuntimeExports.jsx(c.SvgIcon,{name:"chevron-last-page"})})]})]})},N=({hideLimitSelect:i,isLoading:a,onNext:t,onPrevious:r,showNext:g=!0,showPrevious:j=!0,table:s})=>{const{nextPage:d,previousPage:q,rowsPerPage:l}=R.useDictionary(),{selectLimitWrapper:m,wrapper:v}=I.tablePaginationStyles(),{lastClickedPaginationButton:u,setLastClickedPaginationButton:o}=E(a);return e.jsxRuntimeExports.jsxs("div",{className:v(),children:[e.jsxRuntimeExports.jsx("div",{className:m(),children:i?null:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx("div",{className:"min-w-16",children:e.jsxRuntimeExports.jsx(b.Select,{"aria-label":l,items:P,value:P.find(n=>n.value===(s==null?void 0:s.getState().pagination.pageSize)),onChange:n=>{if(!n)return;const p=n.value;s==null||s.setPageSize(p)},isDisabled:a,getItemId:n=>n.id,getLabel:n=>`${n.value}`,label:l,hideInputHeader:!0,disableClearLogic:!0,selectRenderElements:n=>({label:`${n.value}`})})}),e.jsxRuntimeExports.jsx("div",{className:"w-full flex-1 text-nowrap",children:e.jsxRuntimeExports.jsx(S.Text,{variant:"body-small",color:"secondary",children:l})})]})}),e.jsxRuntimeExports.jsxs(f.ButtonGroup,{isDisabled:a,children:[e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:q,"aria-label":q,isDisabled:!j||a,isLoading:a&&u==="previousPage",onPress:()=>{r==null||r(),a!==void 0&&o("previousPage")},children:e.jsxRuntimeExports.jsx(c.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:d,"aria-label":d,isDisabled:!g||a,isLoading:a&&u==="nextPage",onPress:()=>{t==null||t(),a!==void 0&&o("nextPage")},children:e.jsxRuntimeExports.jsx(c.SvgIcon,{name:"chevron-right"})})]})]})},C=i=>h.useMemo(()=>i.hidePagination?"hidden":i.onPrevious&&i.onNext?"uncountable":"countable",[i.hidePagination,i.onNext,i.onPrevious]),B=i=>{var t;switch(C({hidePagination:i.hidePagination,onNext:i.onNext,onPrevious:i.onPrevious})){case"hidden":return null;case"countable":return e.jsxRuntimeExports.jsx(y,{table:i.table,total:i.total,dataLength:((t=i.data)==null?void 0:t.length)??0,isLoading:i.isLoading,hideLimitSelect:i.hideLimitSelect});case"uncountable":return e.jsxRuntimeExports.jsx(N,{hideLimitSelect:i.hideLimitSelect,onNext:i.onNext,onPrevious:i.onPrevious,showNext:i.showNext,showPrevious:i.showPrevious,table:i.table,isLoading:i.isLoading});default:return null}};function E(i){const[a,t]=h.useState();return h.useEffect(()=>{i||t(void 0)},[i]),{lastClickedPaginationButton:a,setLastClickedPaginationButton:t}}exports.CountablePagination=y;exports.TablePagination=B;exports.UncountablePagination=N;exports.useLoadingButtonState=E;

package/dist/lyra134.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra134.cjs","sources":["../src/components/table/table-reorganize-columns.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\n\nimport { useLyraContext } from \"../..\";\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button, ButtonGroup } from \"../button\";\nimport { SortableGrid } from \"../sortable/sortable-grid\";\n\nimport { SortableItem, TableColumnDef, TableReorganizeColumnsProps } from \"./table.types\";\n\nexport const TableReorganizeColumns = <Data extends object>({\n  allColumns,\n  columnOrder,\n  onChangeOrderOfColumns,\n  onChangeOrderOfColumnsError,\n  onLoadMore,\n  onQueryChange,\n  searchFieldIsLoading,\n  searchItems,\n  setActive,\n}: TableReorganizeColumnsProps<Data>) => {\n  const { cancel, save } = useDictionary();\n\n  const mappedColumns = useMemo(() => mapColumns(allColumns), [allColumns]);\n\n  const [columnOrderMapped, setColumnOrderMapped] = useState<SortableItem[]>(() => {\n    const colOrderToSet: SortableItem[] = [];\n    columnOrder.forEach((col) => {\n      if (col !== \"select\" && col !== \"actions\") {\n        const found = mappedColumns.find((item) => item.value === col);\n\n        if (found) {\n          colOrderToSet.push(found);\n        }\n      }\n    });\n    return colOrderToSet;\n  });\n\n  // Create a new order based on the columnOrder and the columnOrderMapped\n  // This is used to update the columnOrder when the user saves the new order.\n  const newOrder = useMemo(() => {\n    let order: string[] = [];\n    if (columnOrder.includes(\"select\")) {\n      order.push(\"select\");\n    }\n\n    order = order.concat(columnOrderMapped.map((column) => column.value));\n\n    if (columnOrder.includes(\"actions\")) {\n      order.push(\"actions\");\n    }\n\n    return order;\n  }, [columnOrder, columnOrderMapped]);\n\n  const tableDefaults = useLyraContext().componentDefaults?.Table;\n\n  return (\n    <div className=\"rounded-t-lg border-b border-b-default bg-surface-primary p-4 shadow-md\">\n      <SortableGrid\n        selectedItems={columnOrderMapped}\n        setSelectedItems={setColumnOrderMapped}\n        items={mappedColumns ?? []}\n        searchItems={searchItems}\n        searchFieldIsLoading={searchFieldIsLoading}\n        onLoadMore={onLoadMore}\n        onQueryChange={onQueryChange}\n        aria-label=\"table-reorganize-columns\"\n      />\n      <div className=\"mt-4 flex justify-end\">\n        <ButtonGroup>\n          <Button variant=\"secondary\" onPress={() => setActive(false)}>\n            {cancel}\n          </Button>\n          <Button\n            variant=\"primary\"\n            onPress={() => {\n              const reorganizableColumns = newOrder.filter(\n                (column) => column !== \"actions\" && column !== \"select\",\n              );\n\n              if (reorganizableColumns.length) {\n                onChangeOrderOfColumns(newOrder);\n                setActive(false);\n              } else {\n                onChangeOrderOfColumnsError?.() ?? tableDefaults?.onChangeOrderOfColumnsError?.();\n              }\n            }}\n          >\n            {save}\n          </Button>\n        </ButtonGroup>\n      </div>\n    </div>\n  );\n};\n\nconst mapColumns = <Data extends object>(columns: TableColumnDef<Data>[]) => {\n  const mapped = columns\n    .filter((item) => item.id !== \"select\" && item.id !== \"actions\")\n    .map((item) => ({\n      value: item.id,\n      label: (item.header as string) || item.id,\n    }));\n  return mapped;\n};\n"],"names":["TableReorganizeColumns","allColumns","columnOrder","onChangeOrderOfColumns","onChangeOrderOfColumnsError","onLoadMore","onQueryChange","searchFieldIsLoading","searchItems","setActive","cancel","save","useDictionary","mappedColumns","useMemo","mapColumns","columnOrderMapped","setColumnOrderMapped","useState","colOrderToSet","col","found","item","newOrder","order","column","tableDefaults","useLyraContext","jsxs","jsx","SortableGrid","ButtonGroup","Button","_a","columns"],"mappings":"wjEASO,MAAMA,EAAyB,CAAsB,CAC1D,WAAAC,EACA,YAAAC,EACA,uBAAAC,EACA,4BAAAC,EACA,WAAAC,EACA,cAAAC,EACA,qBAAAC,EACA,YAAAC,EACA,UAAAC,CACF,IAAyC,OACvC,KAAM,CAAE,OAAAC,EAAQ,KAAAC,CAAK,EAAIC,gBAAc,EAEjCC,EAAgBC,EAAAA,QAAQ,IAAMC,EAAWd,CAAU,EAAG,CAACA,CAAU,CAAC,EAElE,CAACe,EAAmBC,CAAoB,EAAIC,WAAyB,IAAM,CAC/E,MAAMC,EAAgC,CAAC,EAC3B,OAAAjB,EAAA,QAASkB,GAAQ,CACvB,GAAAA,IAAQ,UAAYA,IAAQ,UAAW,CACzC,MAAMC,EAAQR,EAAc,KAAMS,GAASA,EAAK,QAAUF,CAAG,EAEzDC,GACFF,EAAc,KAAKE,CAAK,CAC1B,CACF,CACD,EACMF,CAAA,CACR,EAIKI,EAAWT,EAAAA,QAAQ,IAAM,CAC7B,IAAIU,EAAkB,CAAC,EACnB,OAAAtB,EAAY,SAAS,QAAQ,GAC/BsB,EAAM,KAAK,QAAQ,EAGbA,EAAAA,EAAM,OAAOR,EAAkB,IAAKS,GAAWA,EAAO,KAAK,CAAC,EAEhEvB,EAAY,SAAS,SAAS,GAChCsB,EAAM,KAAK,SAAS,EAGfA,CAAA,EACN,CAACtB,EAAac,CAAiB,CAAC,EAE7BU,GAAgBC,EAAAA,EAAAA,iBAAiB,oBAAjBA,YAAAA,EAAoC,MAGxD,OAAAC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,0EACb,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,aAAA,CACC,cAAed,EACf,iBAAkBC,EAClB,MAAOJ,GAAiB,CAAC,EACzB,YAAAL,EACA,qBAAAD,EACA,WAAAF,EACA,cAAAC,EACA,aAAW,0BAAA,CACb,EACCuB,wBAAA,MAAA,CAAI,UAAU,wBACb,kCAACE,cACC,CAAA,SAAA,CAACF,EAAAA,kBAAAA,IAAAG,EAAA,OAAA,CAAO,QAAQ,YAAY,QAAS,IAAMvB,EAAU,EAAK,EACvD,SACHC,CAAA,CAAA,EACAmB,EAAA,kBAAA,IAACG,EAAA,OAAA,CACC,QAAQ,UACR,QAAS,IAAM,OACgBT,EAAS,OACnCE,GAAWA,IAAW,WAAaA,IAAW,QACjD,EAEyB,QACvBtB,EAAuBoB,CAAQ,EAC/Bd,EAAU,EAAK,IAEeL,GAAA,YAAAA,QAAK6B,EAAAP,GAAA,YAAAA,EAAe,8BAAf,MAAAO,EAAA,KAAAP,GAEvC,EAEC,SAAAf,CAAA,CAAA,CACH,CAAA,CACF,CACF,CAAA,CAAA,EACF,CAEJ,EAEMI,EAAmCmB,GACxBA,EACZ,OAAQZ,GAASA,EAAK,KAAO,UAAYA,EAAK,KAAO,SAAS,EAC9D,IAAKA,IAAU,CACd,MAAOA,EAAK,GACZ,MAAQA,EAAK,QAAqBA,EAAK,EAAA,EACvC"}
+{"version":3,"file":"lyra134.cjs","sources":["../src/components/table/table-pagination.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button, ButtonGroup } from \"../button\";\nimport { Select } from \"../inputs\";\nimport { SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { tablePaginationStyles } from \"./table.styles\";\nimport {\n  CountablePaginationProps,\n  LoadingButtonState,\n  TablePaginationProps,\n  UncountablePaginationProps,\n  usePaginationSettingsProps,\n} from \"./table.types\";\n\ntype PaginationSize = {\n  value: number;\n  id: string;\n};\n\nconst DEFAULT_PAGINATION_SIZES: PaginationSize[] = [\n  { value: 5, id: \"5\" },\n  { value: 10, id: \"10\" },\n  { value: 25, id: \"25\" },\n  { value: 50, id: \"50\" },\n  { value: 100, id: \"100\" },\n];\n\nexport const CountablePagination = ({\n  dataLength,\n  hideLimitSelect,\n  isLoading,\n  table,\n  total,\n}: CountablePaginationProps) => {\n  const { selectLimitWrapper, wrapper } = tablePaginationStyles();\n  const { firstPage, lastPage, nextPage, previousPage, rowsPerPage } = useDictionary();\n  const { lastClickedPaginationButton, setLastClickedPaginationButton } =\n    useLoadingButtonState(isLoading);\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"min-w-16\">\n              <Select\n                aria-label={rowsPerPage}\n                items={DEFAULT_PAGINATION_SIZES}\n                value={DEFAULT_PAGINATION_SIZES.find(\n                  (item) => item.value === table.getState().pagination.pageSize,\n                )}\n                onChange={(changedValue) => {\n                  if (!changedValue) return;\n                  const value = changedValue.value;\n                  table.setPageSize(value);\n                }}\n                isDisabled={isLoading}\n                getItemId={(item) => item.id}\n                getLabel={(item) => `${item.value}`}\n                label={rowsPerPage}\n                hideInputHeader\n                disableClearLogic\n                selectRenderElements={(item) => ({ label: `${item.value}` })}\n              />\n            </div>\n            <div className=\"w-full flex-1 text-nowrap\">\n              <Text variant=\"body-small\" color=\"secondary\">\n                {rowsPerPage}\n              </Text>\n            </div>\n          </div>\n        )}\n      </div>\n      <div>\n        <Text variant=\"body-small\" color=\"secondary\">\n          {(\n            (table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize -\n            (table.getState().pagination.pageSize - 1)\n          ).toString()}\n          {\" - \"}\n          {((table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize <\n          (total ?? dataLength)\n            ? (table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize\n            : total ?? dataLength\n          ).toString()}\n          {` of ${total ?? dataLength}`}\n        </Text>\n      </div>\n      <ButtonGroup isDisabled={isLoading}>\n        <Button\n          variant=\"icon\"\n          tooltip={firstPage}\n          aria-label={firstPage}\n          isDisabled={!table.getCanPreviousPage() || isLoading}\n          isLoading={isLoading && lastClickedPaginationButton === \"firstPage\"}\n          onPress={() => {\n            table.setPageIndex(0);\n            if (isLoading !== undefined) {\n              setLastClickedPaginationButton(\"firstPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-first-page\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          aria-label={previousPage}\n          isDisabled={!table.getCanPreviousPage() || isLoading}\n          isLoading={isLoading && lastClickedPaginationButton === \"previousPage\"}\n          onPress={() => {\n            table.previousPage();\n            if (isLoading !== undefined) {\n              setLastClickedPaginationButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          aria-label={nextPage}\n          isDisabled={!table.getCanNextPage() || isLoading}\n          isLoading={isLoading && lastClickedPaginationButton === \"nextPage\"}\n          onPress={() => {\n            table.nextPage();\n            if (isLoading !== undefined) {\n              setLastClickedPaginationButton(\"nextPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-right\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={lastPage}\n          aria-label={lastPage}\n          isDisabled={!table.getCanNextPage() || isLoading}\n          isLoading={isLoading && lastClickedPaginationButton === \"lastPage\"}\n          onPress={() => {\n            table.setPageIndex(table.getPageCount() - 1);\n            if (isLoading !== undefined) {\n              setLastClickedPaginationButton(\"lastPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-last-page\" />\n        </Button>\n      </ButtonGroup>\n    </div>\n  );\n};\n\nexport const UncountablePagination = ({\n  hideLimitSelect,\n  isLoading,\n  onNext,\n  onPrevious,\n  showNext = true,\n  showPrevious = true,\n  table,\n}: UncountablePaginationProps) => {\n  const { nextPage, previousPage, rowsPerPage } = useDictionary();\n  const { selectLimitWrapper, wrapper } = tablePaginationStyles();\n  const { lastClickedPaginationButton, setLastClickedPaginationButton } =\n    useLoadingButtonState(isLoading);\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"min-w-16\">\n              <Select\n                aria-label={rowsPerPage}\n                items={DEFAULT_PAGINATION_SIZES}\n                value={DEFAULT_PAGINATION_SIZES.find(\n                  (item) => item.value === table?.getState().pagination.pageSize,\n                )}\n                onChange={(changedValue) => {\n                  if (!changedValue) return;\n                  const value = changedValue.value;\n                  table?.setPageSize(value);\n                }}\n                isDisabled={isLoading}\n                getItemId={(item) => item.id}\n                getLabel={(item) => `${item.value}`}\n                label={rowsPerPage}\n                hideInputHeader\n                disableClearLogic\n                selectRenderElements={(item) => ({ label: `${item.value}` })}\n              />\n            </div>\n            <div className=\"w-full flex-1 text-nowrap\">\n              <Text variant=\"body-small\" color=\"secondary\">\n                {rowsPerPage}\n              </Text>\n            </div>\n          </div>\n        )}\n      </div>\n      <ButtonGroup isDisabled={isLoading}>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          aria-label={previousPage}\n          isDisabled={!showPrevious || isLoading}\n          isLoading={isLoading && lastClickedPaginationButton === \"previousPage\"}\n          onPress={() => {\n            onPrevious?.();\n            if (isLoading !== undefined) {\n              setLastClickedPaginationButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          aria-label={nextPage}\n          isDisabled={!showNext || isLoading}\n          isLoading={isLoading && lastClickedPaginationButton === \"nextPage\"}\n          onPress={() => {\n            onNext?.();\n            if (isLoading !== undefined) {\n              setLastClickedPaginationButton(\"nextPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-right\" />\n        </Button>\n      </ButtonGroup>\n    </div>\n  );\n};\n\nconst usePaginationSettings = (props: usePaginationSettingsProps) => {\n  const paginationType = useMemo<\"countable\" | \"uncountable\" | \"hidden\">(() => {\n    if (props.hidePagination) return \"hidden\";\n\n    if (!!props.onPrevious && !!props.onNext) return \"uncountable\";\n\n    return \"countable\";\n  }, [props.hidePagination, props.onNext, props.onPrevious]);\n\n  return paginationType;\n};\n\nexport const TablePagination = <T extends object>(props: TablePaginationProps<T>) => {\n  const paginationType = usePaginationSettings({\n    hidePagination: props.hidePagination,\n    onNext: props.onNext,\n    onPrevious: props.onPrevious,\n  });\n\n  switch (paginationType) {\n    case \"hidden\":\n      return null;\n\n    case \"countable\":\n      return (\n        <CountablePagination\n          table={props.table}\n          total={props.total}\n          dataLength={props.data?.length ?? 0}\n          isLoading={props.isLoading}\n          hideLimitSelect={props.hideLimitSelect}\n        />\n      );\n\n    case \"uncountable\": {\n      return (\n        <UncountablePagination\n          hideLimitSelect={props.hideLimitSelect}\n          onNext={props.onNext}\n          onPrevious={props.onPrevious}\n          showNext={props.showNext}\n          showPrevious={props.showPrevious}\n          table={props.table}\n          isLoading={props.isLoading}\n        />\n      );\n    }\n\n    default:\n      return null;\n  }\n};\n\n/**\n * Custom hook that manages the loading state of pagination buttons.\n *\n * @param {boolean} isLoading - Optional boolean flag indicating if the pagination is in loading state (defined from the outside)\n *\n * @returns {Object} An object containing:\n * - `lastClickedPaginationButton`: The last clicked pagination button\n * - `setLastClickedPaginationButton`: Function to update the last clicked pagination button state\n *\n * @example\n * const { lastClickedPaginationButton, setLastClickedPaginationButton } = useLoadingButtonState({\n *   isLoading: false\n * });\n * @remarks\n * This hook automatically resets the `lastClickedPaginationButton` state to `undefined`\n * when the loading state changes from `true` to `false` or `undefined`.\n */\nexport function useLoadingButtonState(isLoading?: boolean) {\n  const [lastClickedPaginationButton, setLastClickedPaginationButton] =\n    useState<LoadingButtonState>();\n\n  useEffect(() => {\n    if (!isLoading) {\n      setLastClickedPaginationButton(undefined);\n    }\n  }, [isLoading]);\n\n  return {\n    lastClickedPaginationButton,\n    setLastClickedPaginationButton,\n  };\n}\n"],"names":["DEFAULT_PAGINATION_SIZES","CountablePagination","dataLength","hideLimitSelect","isLoading","table","total","selectLimitWrapper","wrapper","tablePaginationStyles","firstPage","lastPage","nextPage","previousPage","rowsPerPage","useDictionary","lastClickedPaginationButton","setLastClickedPaginationButton","useLoadingButtonState","jsxs","jsx","Select","item","changedValue","value","Text","ButtonGroup","Button","SvgIcon","UncountablePagination","onNext","onPrevious","showNext","showPrevious","usePaginationSettings","props","useMemo","TablePagination","_a","useState","useEffect"],"mappings":"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"}