@new-black/lyra 1.0.1 → 1.0.2

package/dist/lyra467.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra467.js","sources":["../node_modules/@tanstack/react-table/build/lib/index.mjs"],"sourcesContent":["/**\n   * react-table\n   *\n   * Copyright (c) TanStack\n   *\n   * This source code is licensed under the MIT license found in the\n   * LICENSE.md file in the root directory of this source tree.\n   *\n   * @license MIT\n   */\nimport * as React from 'react';\nimport { createTable } from '@tanstack/table-core';\nexport * from '@tanstack/table-core';\n\n//\n\n/**\n * If rendering headers, cells, or footers with custom markup, use flexRender instead of `cell.getValue()` or `cell.renderValue()`.\n */\nfunction flexRender(Comp, props) {\n  return !Comp ? null : isReactComponent(Comp) ? /*#__PURE__*/React.createElement(Comp, props) : Comp;\n}\nfunction isReactComponent(component) {\n  return isClassComponent(component) || typeof component === 'function' || isExoticComponent(component);\n}\nfunction isClassComponent(component) {\n  return typeof component === 'function' && (() => {\n    const proto = Object.getPrototypeOf(component);\n    return proto.prototype && proto.prototype.isReactComponent;\n  })();\n}\nfunction isExoticComponent(component) {\n  return typeof component === 'object' && typeof component.$$typeof === 'symbol' && ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description);\n}\nfunction useReactTable(options) {\n  // Compose in the generic options to the user options\n  const resolvedOptions = {\n    state: {},\n    // Dummy state\n    onStateChange: () => {},\n    // noop\n    renderFallbackValue: null,\n    ...options\n  };\n\n  // Create a new table and store it in state\n  const [tableRef] = React.useState(() => ({\n    current: createTable(resolvedOptions)\n  }));\n\n  // By default, manage table state here using the table's initial state\n  const [state, setState] = React.useState(() => tableRef.current.initialState);\n\n  // Compose the default state above with any user state. This will allow the user\n  // to only control a subset of the state if desired.\n  tableRef.current.setOptions(prev => ({\n    ...prev,\n    ...options,\n    state: {\n      ...state,\n      ...options.state\n    },\n    // Similarly, we'll maintain both our internal state and any user-provided\n    // state.\n    onStateChange: updater => {\n      setState(updater);\n      options.onStateChange == null || options.onStateChange(updater);\n    }\n  }));\n  return tableRef.current;\n}\n\nexport { flexRender, useReactTable };\n//# sourceMappingURL=index.mjs.map\n"],"names":["flexRender","Comp","props","isReactComponent","React","component","isClassComponent","isExoticComponent","proto","useReactTable","options","resolvedOptions","tableRef","createTable","state","setState","prev","updater"],"mappings":";;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBA,SAASA,EAAWC,GAAMC,GAAO;AAC/B,SAAQD,IAAcE,EAAiBF,CAAI,IAAiB,gBAAAG,EAAM,cAAcH,GAAMC,CAAK,IAAID,IAAhF;AACjB;AACA,SAASE,EAAiBE,GAAW;AACnC,SAAOC,EAAiBD,CAAS,KAAK,OAAOA,KAAc,cAAcE,EAAkBF,CAAS;AACtG;AACA,SAASC,EAAiBD,GAAW;AACnC,SAAO,OAAOA,KAAc,eAAe,MAAM;AAC/C,UAAMG,IAAQ,OAAO,eAAeH,CAAS;AAC7C,WAAOG,EAAM,aAAaA,EAAM,UAAU;AAAA,EAC9C;AACA;AACA,SAASD,EAAkBF,GAAW;AACpC,SAAO,OAAOA,KAAc,YAAY,OAAOA,EAAU,YAAa,YAAY,CAAC,cAAc,mBAAmB,EAAE,SAASA,EAAU,SAAS,WAAW;AAC/J;AACA,SAASI,EAAcC,GAAS;AAE9B,QAAMC,IAAkB;AAAA,IACtB,OAAO,CAAE;AAAA;AAAA,IAET,eAAe,MAAM;AAAA,IAAE;AAAA;AAAA,IAEvB,qBAAqB;AAAA,IACrB,GAAGD;AAAA,EACP,GAGQ,CAACE,CAAQ,IAAIR,EAAM,SAAS,OAAO;AAAA,IACvC,SAASS,EAAYF,CAAe;AAAA,EACrC,EAAC,GAGI,CAACG,GAAOC,CAAQ,IAAIX,EAAM,SAAS,MAAMQ,EAAS,QAAQ,YAAY;AAI5E,SAAAA,EAAS,QAAQ,WAAW,CAAAI,OAAS;AAAA,IACnC,GAAGA;AAAA,IACH,GAAGN;AAAA,IACH,OAAO;AAAA,MACL,GAAGI;AAAA,MACH,GAAGJ,EAAQ;AAAA,IACZ;AAAA;AAAA;AAAA,IAGD,eAAe,CAAAO,MAAW;AACxB,MAAAF,EAASE,CAAO,GAChBP,EAAQ,iBAAiB,QAAQA,EAAQ,cAAcO,CAAO;AAAA,IAC/D;AAAA,EACF,EAAC,GACKL,EAAS;AAClB;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra467.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 { loadingButton, setLoadingButton } = useLoadingButtonState({\n    isLoading,\n    data: table.options.data,\n  });\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <>\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          </>\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={!!loadingButton}>\n        <Button\n          variant=\"icon\"\n          tooltip={firstPage}\n          isDisabled={!table.getCanPreviousPage() || !!loadingButton}\n          isLoading={loadingButton === \"firstPage\"}\n          onPress={() => {\n            table.setPageIndex(0);\n            if (isLoading !== undefined) {\n              setLoadingButton(\"firstPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-first-page\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          isDisabled={!table.getCanPreviousPage() || !!loadingButton}\n          isLoading={loadingButton === \"previousPage\"}\n          onPress={() => {\n            table.previousPage();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          isDisabled={!table.getCanNextPage() || !!loadingButton}\n          isLoading={loadingButton === \"nextPage\"}\n          onPress={() => {\n            table.nextPage();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"nextPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-right\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={lastPage}\n          isDisabled={!table.getCanNextPage() || !!loadingButton}\n          isLoading={loadingButton === \"lastPage\"}\n          onPress={() => {\n            table.setPageIndex(table.getPageCount() - 1);\n            if (isLoading !== undefined) {\n              setLoadingButton(\"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 { loadingButton, setLoadingButton } = useLoadingButtonState({\n    isLoading,\n    data: table?.options.data,\n  });\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <>\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          </>\n        )}\n      </div>\n      <ButtonGroup isDisabled={!!loadingButton}>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          isDisabled={!showPrevious || !!loadingButton}\n          isLoading={loadingButton === \"previousPage\"}\n          onPress={() => {\n            onPrevious?.();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          isDisabled={!showNext || !!loadingButton}\n          isLoading={loadingButton === \"nextPage\"}\n          onPress={() => {\n            onNext?.();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"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        />\n      );\n\n    case \"uncountable\": {\n      return (\n        <UncountablePagination\n          hideLimitSelect={props.hidePagination}\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\nexport const useLoadingButtonState = ({\n  data,\n  isLoading,\n}: {\n  isLoading?: boolean;\n  data?: any[];\n}) => {\n  const [loadingButton, setLoadingButton] = useState<LoadingButtonState>();\n\n  useEffect(() => {\n    if (!isLoading) {\n      setLoadingButton(undefined);\n    }\n  }, [isLoading, data]);\n  /**Added a dependency on the table data, to make sure the loading button is reset to 'undefined' even if the isLoading prop doesn't change.\n   * (For instance when it's passed as 'false' and it doesn't update its state. )\n   */\n\n  return {\n    loadingButton,\n    setLoadingButton,\n  };\n};\n"],"names":["DEFAULT_PAGINATION_SIZES","CountablePagination","dataLength","hideLimitSelect","isLoading","table","total","selectLimitWrapper","wrapper","tablePaginationStyles","firstPage","lastPage","nextPage","previousPage","rowsPerPage","useDictionary","loadingButton","setLoadingButton","useLoadingButtonState","jsxs","jsx","Fragment","Select","item","changedValue","value","Text","ButtonGroup","Button","SvgIcon","UncountablePagination","onNext","onPrevious","showNext","showPrevious","usePaginationSettings","props","useMemo","TablePagination","_a","data","useState","useEffect"],"mappings":"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"}

package/dist/lyra468.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra87.cjs"),h=require("react"),S=require("./lyra92.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 l=require("./lyra63.cjs");require("./lyra78.cjs");require("./lyra452.cjs");require("./lyra40.cjs");const E=require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const I=require("./lyra36.cjs");require("react-dom");require("./lyra2.cjs");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("./lyra46.cjs");require("./lyra47.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("./lyra57.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra62.cjs");require("./lyra65.cjs");const y=require("./lyra66.cjs");require("./lyra68.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra74.cjs");require("./lyra75.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra79.cjs");require("./lyra95.cjs");require("./lyra450.cjs");require("./lyra451.cjs");require("./lyra453.cjs");require("./lyra454.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");const q=[{value:5,id:"5"},{value:10,id:"10"},{value:25,id:"25"},{value:50,id:"50"},{value:100,id:"100"}],B=({dataLength:i,hideLimitSelect:a,isLoading:n,table:t,total:g})=>{const{selectLimitWrapper:v,wrapper:u}=y.tablePaginationStyles(),{firstPage:j,lastPage:m,nextPage:c,previousPage:P,rowsPerPage:d}=S.useDictionary(),{loadingButton:s,setLoadingButton:o}=R({isLoading:n,data:t.options.data});return e.jsxRuntimeExports.jsxs("div",{className:u(),children:[e.jsxRuntimeExports.jsx("div",{className:v(),children:a?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:"min-w-16",children:e.jsxRuntimeExports.jsx(I.Select,{"aria-label":d,items:q,value:q.find(r=>r.value===t.getState().pagination.pageSize),onChange:r=>{if(!r)return;const p=r.value;t.setPageSize(p)},isDisabled:n,getItemId:r=>r.id,getLabel:r=>`${r.value}`,label:d,hideInputHeader:!0,disableClearLogic:!0,selectRenderElements:r=>({label:`${r.value}`})})}),e.jsxRuntimeExports.jsx("div",{className:"w-full flex-1 text-nowrap",children:e.jsxRuntimeExports.jsx(E.Text,{variant:"body-small",color:"secondary",children:d})})]})}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs(E.Text,{variant:"body-small",color:"secondary",children:[((t.getState().pagination.pageIndex+1)*t.getState().pagination.pageSize-(t.getState().pagination.pageSize-1)).toString()," - ",((t.getState().pagination.pageIndex+1)*t.getState().pagination.pageSize<(g??i)?(t.getState().pagination.pageIndex+1)*t.getState().pagination.pageSize:g??i).toString(),` of ${g??i}`]})}),e.jsxRuntimeExports.jsxs(f.ButtonGroup,{isDisabled:!!s,children:[e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:j,isDisabled:!t.getCanPreviousPage()||!!s,isLoading:s==="firstPage",onPress:()=>{t.setPageIndex(0),n!==void 0&&o("firstPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-first-page"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:P,isDisabled:!t.getCanPreviousPage()||!!s,isLoading:s==="previousPage",onPress:()=>{t.previousPage(),n!==void 0&&o("previousPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:c,isDisabled:!t.getCanNextPage()||!!s,isLoading:s==="nextPage",onPress:()=>{t.nextPage(),n!==void 0&&o("nextPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-right"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:m,isDisabled:!t.getCanNextPage()||!!s,isLoading:s==="lastPage",onPress:()=>{t.setPageIndex(t.getPageCount()-1),n!==void 0&&o("lastPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-last-page"})})]})]})},N=({hideLimitSelect:i,isLoading:a,onNext:n,onPrevious:t,showNext:g=!0,showPrevious:v=!0,table:u})=>{const{nextPage:j,previousPage:m,rowsPerPage:c}=S.useDictionary(),{selectLimitWrapper:P,wrapper:d}=y.tablePaginationStyles(),{loadingButton:s,setLoadingButton:o}=R({isLoading:a,data:u==null?void 0:u.options.data});return e.jsxRuntimeExports.jsxs("div",{className:d(),children:[e.jsxRuntimeExports.jsx("div",{className:P(),children:i?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:"min-w-16",children:e.jsxRuntimeExports.jsx(I.Select,{"aria-label":c,items:q,value:q.find(r=>r.value===(u==null?void 0:u.getState().pagination.pageSize)),onChange:r=>{if(!r)return;const p=r.value;u==null||u.setPageSize(p)},isDisabled:a,getItemId:r=>r.id,getLabel:r=>`${r.value}`,label:c,hideInputHeader:!0,disableClearLogic:!0,selectRenderElements:r=>({label:`${r.value}`})})}),e.jsxRuntimeExports.jsx("div",{className:"w-full flex-1 text-nowrap",children:e.jsxRuntimeExports.jsx(E.Text,{variant:"body-small",color:"secondary",children:c})})]})}),e.jsxRuntimeExports.jsxs(f.ButtonGroup,{isDisabled:!!s,children:[e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:m,isDisabled:!v||!!s,isLoading:s==="previousPage",onPress:()=>{t==null||t(),a!==void 0&&o("previousPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:j,isDisabled:!g||!!s,isLoading:s==="nextPage",onPress:()=>{n==null||n(),a!==void 0&&o("nextPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-right"})})]})]})},w=i=>h.useMemo(()=>i.hidePagination?"hidden":i.onPrevious&&i.onNext?"uncountable":"countable",[i.hidePagination,i.onNext,i.onPrevious]),D=i=>{var n;switch(w({hidePagination:i.hidePagination,onNext:i.onNext,onPrevious:i.onPrevious})){case"hidden":return null;case"countable":return e.jsxRuntimeExports.jsx(B,{table:i.table,total:i.total,dataLength:((n=i.data)==null?void 0:n.length)??0,isLoading:i.isLoading});case"uncountable":return e.jsxRuntimeExports.jsx(N,{hideLimitSelect:i.hidePagination,onNext:i.onNext,onPrevious:i.onPrevious,showNext:i.showNext,showPrevious:i.showPrevious,table:i.table,isLoading:i.isLoading});default:return null}},R=({data:i,isLoading:a})=>{const[n,t]=h.useState();return h.useEffect(()=>{a||t(void 0)},[a,i]),{loadingButton:n,setLoadingButton:t}};exports.CountablePagination=B;exports.TablePagination=D;exports.UncountablePagination=N;exports.useLoadingButtonState=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra87.cjs"),i=require("react"),b=require("./lyra92.cjs"),p=require("./lyra11.cjs");require("./lyra12.cjs");const h=require("./lyra13.cjs");require("./lyra14.cjs");const R=require("./lyra59.cjs"),v=({allColumns:o,columnOrder:t,onChangeOrderOfColumns:e,setActive:c})=>{const{cancel:m,save:x}=b.useDictionary(),a=i.useMemo(()=>q(o),[o]),[u,d]=i.useState([]);i.useEffect(()=>{const s=[];t.forEach(n=>{if(n!=="select"&&n!=="actions"){const l=a.find(j=>j.value===n);l&&s.push(l)}}),d(s)},[t,a]);const f=i.useMemo(()=>{let s=[];return t.includes("select")&&s.push("select"),s=s.concat(u.map(n=>n.value)),t.includes("actions")&&s.push("actions"),s},[t,u]);return r.jsxRuntimeExports.jsxs("div",{className:"border-b border-b-default bg-surface-primary p-4 shadow-md",children:[r.jsxRuntimeExports.jsx(R.SortableGrid,{selectedItems:u,setSelectedItems:d,items:a??[]}),r.jsxRuntimeExports.jsx("div",{className:"flex justify-end",children:r.jsxRuntimeExports.jsxs(h.ButtonGroup,{children:[r.jsxRuntimeExports.jsx(p.Button,{variant:"secondary",onPress:()=>c(!1),children:m}),r.jsxRuntimeExports.jsx(p.Button,{variant:"primary",onPress:()=>{e(f),c(!1)},children:x})]})})]})},q=o=>o.filter(e=>e.id!=="select"&&e.id!=="actions").map(e=>({value:e.id,label:e.header||e.id}));exports.TableReorganizeColumns=v;

package/dist/lyra468.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra468.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 { loadingButton, setLoadingButton } = useLoadingButtonState({\n    isLoading,\n    data: table.options.data,\n  });\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <>\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          </>\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={!!loadingButton}>\n        <Button\n          variant=\"icon\"\n          tooltip={firstPage}\n          isDisabled={!table.getCanPreviousPage() || !!loadingButton}\n          isLoading={loadingButton === \"firstPage\"}\n          onPress={() => {\n            table.setPageIndex(0);\n            if (isLoading !== undefined) {\n              setLoadingButton(\"firstPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-first-page\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          isDisabled={!table.getCanPreviousPage() || !!loadingButton}\n          isLoading={loadingButton === \"previousPage\"}\n          onPress={() => {\n            table.previousPage();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          isDisabled={!table.getCanNextPage() || !!loadingButton}\n          isLoading={loadingButton === \"nextPage\"}\n          onPress={() => {\n            table.nextPage();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"nextPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-right\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={lastPage}\n          isDisabled={!table.getCanNextPage() || !!loadingButton}\n          isLoading={loadingButton === \"lastPage\"}\n          onPress={() => {\n            table.setPageIndex(table.getPageCount() - 1);\n            if (isLoading !== undefined) {\n              setLoadingButton(\"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 { loadingButton, setLoadingButton } = useLoadingButtonState({\n    isLoading,\n    data: table?.options.data,\n  });\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <>\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          </>\n        )}\n      </div>\n      <ButtonGroup isDisabled={!!loadingButton}>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          isDisabled={!showPrevious || !!loadingButton}\n          isLoading={loadingButton === \"previousPage\"}\n          onPress={() => {\n            onPrevious?.();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          isDisabled={!showNext || !!loadingButton}\n          isLoading={loadingButton === \"nextPage\"}\n          onPress={() => {\n            onNext?.();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"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        />\n      );\n\n    case \"uncountable\": {\n      return (\n        <UncountablePagination\n          hideLimitSelect={props.hidePagination}\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\nexport const useLoadingButtonState = ({\n  data,\n  isLoading,\n}: {\n  isLoading?: boolean;\n  data?: any[];\n}) => {\n  const [loadingButton, setLoadingButton] = useState<LoadingButtonState>();\n\n  useEffect(() => {\n    if (!isLoading) {\n      setLoadingButton(undefined);\n    }\n  }, [isLoading, data]);\n  /**Added a dependency on the table data, to make sure the loading button is reset to 'undefined' even if the isLoading prop doesn't change.\n   * (For instance when it's passed as 'false' and it doesn't update its state. )\n   */\n\n  return {\n    loadingButton,\n    setLoadingButton,\n  };\n};\n"],"names":["DEFAULT_PAGINATION_SIZES","CountablePagination","dataLength","hideLimitSelect","isLoading","table","total","selectLimitWrapper","wrapper","tablePaginationStyles","firstPage","lastPage","nextPage","previousPage","rowsPerPage","useDictionary","loadingButton","setLoadingButton","useLoadingButtonState","jsxs","jsx","Fragment","Select","item","changedValue","value","Text","ButtonGroup","Button","SvgIcon","UncountablePagination","onNext","onPrevious","showNext","showPrevious","usePaginationSettings","props","useMemo","TablePagination","_a","data","useState","useEffect"],"mappings":"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"}
+{"version":3,"file":"lyra468.cjs","sources":["../src/components/table/table-reorganize-columns.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\n\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  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\n  // Map the column order to the sortable items to be used in the SortableGrid.\n  // Using an effect to make sure the columnOrderMapped is updated when the columnOrder changes.\n  useEffect(() => {\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    setColumnOrderMapped(colOrderToSet);\n  }, [columnOrder, mappedColumns]);\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  return (\n    <div className=\"border-b border-b-default bg-surface-primary p-4 shadow-md\">\n      <SortableGrid\n        selectedItems={columnOrderMapped}\n        setSelectedItems={setColumnOrderMapped}\n        items={mappedColumns ?? []}\n      />\n      <div className=\"flex justify-end\">\n        <ButtonGroup>\n          <Button variant=\"secondary\" onPress={() => setActive(false)}>\n            {cancel}\n          </Button>\n          <Button\n            variant=\"primary\"\n            onPress={() => {\n              onChangeOrderOfColumns(newOrder);\n              setActive(false);\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","setActive","cancel","save","useDictionary","mappedColumns","useMemo","mapColumns","columnOrderMapped","setColumnOrderMapped","useState","useEffect","colOrderToSet","col","found","item","newOrder","order","column","jsxs","jsx","SortableGrid","ButtonGroup","Button","columns"],"mappings":"uSAQaA,EAAyB,CAAsB,CAC1D,WAAAC,EACA,YAAAC,EACA,uBAAAC,EACA,UAAAC,CACF,IAAyC,CACvC,KAAM,CAAE,OAAAC,EAAQ,KAAAC,CAAK,EAAIC,EAAc,cAAA,EAEjCC,EAAgBC,EAAAA,QAAQ,IAAMC,EAAWT,CAAU,EAAG,CAACA,CAAU,CAAC,EAElE,CAACU,EAAmBC,CAAoB,EAAIC,EAAA,SAAyB,CAAE,CAAA,EAI7EC,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAgC,CAAA,EAC1Bb,EAAA,QAASc,GAAQ,CACvB,GAAAA,IAAQ,UAAYA,IAAQ,UAAW,CACzC,MAAMC,EAAQT,EAAc,KAAMU,GAASA,EAAK,QAAUF,CAAG,EAEzDC,GACFF,EAAc,KAAKE,CAAK,CAE5B,CAAA,CACD,EACDL,EAAqBG,CAAa,CAAA,EACjC,CAACb,EAAaM,CAAa,CAAC,EAIzB,MAAAW,EAAWV,EAAAA,QAAQ,IAAM,CAC7B,IAAIW,EAAkB,CAAA,EAClB,OAAAlB,EAAY,SAAS,QAAQ,GAC/BkB,EAAM,KAAK,QAAQ,EAGbA,EAAAA,EAAM,OAAOT,EAAkB,IAAKU,GAAWA,EAAO,KAAK,CAAC,EAEhEnB,EAAY,SAAS,SAAS,GAChCkB,EAAM,KAAK,SAAS,EAGfA,CAAA,EACN,CAAClB,EAAaS,CAAiB,CAAC,EAGjC,OAAAW,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,6DACb,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,aAAA,CACC,cAAeb,EACf,iBAAkBC,EAClB,MAAOJ,GAAiB,CAAC,CAAA,CAC3B,EACCe,wBAAA,MAAA,CAAI,UAAU,mBACb,kCAACE,cACC,CAAA,SAAA,CAACF,EAAAA,kBAAAA,IAAAG,EAAA,OAAA,CAAO,QAAQ,YAAY,QAAS,IAAMtB,EAAU,EAAK,EACvD,SACHC,CAAA,CAAA,EACAkB,EAAA,kBAAA,IAACG,EAAA,OAAA,CACC,QAAQ,UACR,QAAS,IAAM,CACbvB,EAAuBgB,CAAQ,EAC/Bf,EAAU,EAAK,CACjB,EAEC,SAAAE,CAAA,CACH,CAAA,CAAA,CACF,CACF,CAAA,CACF,CAAA,CAAA,CAEJ,EAEMI,EAAmCiB,GACxBA,EACZ,OAAQT,GAASA,EAAK,KAAO,UAAYA,EAAK,KAAO,SAAS,EAC9D,IAAKA,IAAU,CACd,MAAOA,EAAK,GACZ,MAAQA,EAAK,QAAqBA,EAAK,EACvC,EAAA"}

package/dist/lyra468.js

@@ -1,305 +1,58 @@
-import { j as i } from "./lyra87.js";
-import { useMemo as D, useState as L, useEffect as C } from "react";
-import { useDictionary as S } from "./lyra92.js";
+import { j as t } from "./lyra87.js";
+import { useMemo as m, useState as j, useEffect as b } from "react";
+import { useDictionary as v } from "./lyra92.js";
 import { Button as l } from "./lyra11.js";
 import "./lyra12.js";
-import { ButtonGroup as N } from "./lyra13.js";
+import { ButtonGroup as y } from "./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 g } from "./lyra63.js";
-import "./lyra78.js";
-import "./lyra452.js";
-import "./lyra40.js";
-import { Text as j } from "./lyra71.js";
-import "./lyra72.js";
-import "./lyra44.js";
-import "./lyra31.js";
-import "./lyra32.js";
-import "./lyra33.js";
-import "./lyra34.js";
-import "./lyra35.js";
-import { Select as w } from "./lyra36.js";
-import "react-dom";
-import "./lyra2.js";
-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 "./lyra46.js";
-import "./lyra47.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 "./lyra57.js";
-import "./lyra58.js";
-import "./lyra59.js";
-import "./lyra60.js";
-import "./lyra62.js";
-import "./lyra65.js";
-import { tablePaginationStyles as I } from "./lyra66.js";
-import "./lyra68.js";
-import "./lyra69.js";
-import "./lyra70.js";
-import "./lyra74.js";
-import "./lyra75.js";
-import "./lyra76.js";
-import "./lyra77.js";
-import "./lyra79.js";
-import "./lyra95.js";
-import "./lyra450.js";
-import "./lyra451.js";
-import "./lyra453.js";
-import "./lyra454.js";
-import "./lyra41.js";
-import "./lyra42.js";
-import "./lyra43.js";
-import "./lyra45.js";
-const u = [
-  { value: 5, id: "5" },
-  { value: 10, id: "10" },
-  { value: 25, id: "25" },
-  { value: 50, id: "50" },
-  { value: 100, id: "100" }
-], B = ({
-  dataLength: e,
-  hideLimitSelect: r,
-  isLoading: n,
-  table: t,
-  total: p
+import { SortableGrid as S } from "./lyra59.js";
+const P = ({
+  allColumns: a,
+  columnOrder: r,
+  onChangeOrderOfColumns: e,
+  setActive: c
 }) => {
-  const { selectLimitWrapper: v, wrapper: s } = I(), { firstPage: x, lastPage: P, nextPage: d, previousPage: h, rowsPerPage: c } = S(), { loadingButton: a, setLoadingButton: m } = y({
-    isLoading: n,
-    data: t.options.data
-  });
-  return /* @__PURE__ */ i.jsxs("div", { className: s(), children: [
-    /* @__PURE__ */ i.jsx("div", { className: v(), children: r ? null : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-      /* @__PURE__ */ i.jsx("div", { className: "min-w-16", children: /* @__PURE__ */ i.jsx(
-        w,
-        {
-          "aria-label": c,
-          items: u,
-          value: u.find(
-            (o) => o.value === t.getState().pagination.pageSize
-          ),
-          onChange: (o) => {
-            if (!o)
-              return;
-            const f = o.value;
-            t.setPageSize(f);
-          },
-          isDisabled: n,
-          getItemId: (o) => o.id,
-          getLabel: (o) => `${o.value}`,
-          label: c,
-          hideInputHeader: !0,
-          disableClearLogic: !0,
-          selectRenderElements: (o) => ({ label: `${o.value}` })
-        }
-      ) }),
-      /* @__PURE__ */ i.jsx("div", { className: "w-full flex-1 text-nowrap", children: /* @__PURE__ */ i.jsx(j, { variant: "body-small", color: "secondary", children: c }) })
-    ] }) }),
-    /* @__PURE__ */ i.jsx("div", { children: /* @__PURE__ */ i.jsxs(j, { variant: "body-small", color: "secondary", children: [
-      ((t.getState().pagination.pageIndex + 1) * t.getState().pagination.pageSize - (t.getState().pagination.pageSize - 1)).toString(),
-      " - ",
-      ((t.getState().pagination.pageIndex + 1) * t.getState().pagination.pageSize < (p ?? e) ? (t.getState().pagination.pageIndex + 1) * t.getState().pagination.pageSize : p ?? e).toString(),
-      ` of ${p ?? e}`
-    ] }) }),
-    /* @__PURE__ */ i.jsxs(N, { isDisabled: !!a, children: [
-      /* @__PURE__ */ i.jsx(
-        l,
-        {
-          variant: "icon",
-          tooltip: x,
-          isDisabled: !t.getCanPreviousPage() || !!a,
-          isLoading: a === "firstPage",
-          onPress: () => {
-            t.setPageIndex(0), n !== void 0 && m("firstPage");
-          },
-          children: /* @__PURE__ */ i.jsx(g, { name: "chevron-first-page" })
-        }
-      ),
-      /* @__PURE__ */ i.jsx(
-        l,
-        {
-          variant: "icon",
-          tooltip: h,
-          isDisabled: !t.getCanPreviousPage() || !!a,
-          isLoading: a === "previousPage",
-          onPress: () => {
-            t.previousPage(), n !== void 0 && m("previousPage");
-          },
-          children: /* @__PURE__ */ i.jsx(g, { name: "chevron-left" })
-        }
-      ),
-      /* @__PURE__ */ i.jsx(
-        l,
-        {
-          variant: "icon",
-          tooltip: d,
-          isDisabled: !t.getCanNextPage() || !!a,
-          isLoading: a === "nextPage",
-          onPress: () => {
-            t.nextPage(), n !== void 0 && m("nextPage");
-          },
-          children: /* @__PURE__ */ i.jsx(g, { name: "chevron-right" })
-        }
-      ),
-      /* @__PURE__ */ i.jsx(
-        l,
-        {
-          variant: "icon",
-          tooltip: P,
-          isDisabled: !t.getCanNextPage() || !!a,
-          isLoading: a === "lastPage",
-          onPress: () => {
-            t.setPageIndex(t.getPageCount() - 1), n !== void 0 && m("lastPage");
-          },
-          children: /* @__PURE__ */ i.jsx(g, { name: "chevron-last-page" })
-        }
-      )
-    ] })
-  ] });
-}, z = ({
-  hideLimitSelect: e,
-  isLoading: r,
-  onNext: n,
-  onPrevious: t,
-  showNext: p = !0,
-  showPrevious: v = !0,
-  table: s
-}) => {
-  const { nextPage: x, previousPage: P, rowsPerPage: d } = S(), { selectLimitWrapper: h, wrapper: c } = I(), { loadingButton: a, setLoadingButton: m } = y({
-    isLoading: r,
-    data: s == null ? void 0 : s.options.data
-  });
-  return /* @__PURE__ */ i.jsxs("div", { className: c(), children: [
-    /* @__PURE__ */ i.jsx("div", { className: h(), children: e ? null : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-      /* @__PURE__ */ i.jsx("div", { className: "min-w-16", children: /* @__PURE__ */ i.jsx(
-        w,
-        {
-          "aria-label": d,
-          items: u,
-          value: u.find(
-            (o) => o.value === (s == null ? void 0 : s.getState().pagination.pageSize)
-          ),
-          onChange: (o) => {
-            if (!o)
-              return;
-            const f = o.value;
-            s == null || s.setPageSize(f);
-          },
-          isDisabled: r,
-          getItemId: (o) => o.id,
-          getLabel: (o) => `${o.value}`,
-          label: d,
-          hideInputHeader: !0,
-          disableClearLogic: !0,
-          selectRenderElements: (o) => ({ label: `${o.value}` })
-        }
-      ) }),
-      /* @__PURE__ */ i.jsx("div", { className: "w-full flex-1 text-nowrap", children: /* @__PURE__ */ i.jsx(j, { variant: "body-small", color: "secondary", children: d }) })
-    ] }) }),
-    /* @__PURE__ */ i.jsxs(N, { isDisabled: !!a, children: [
-      /* @__PURE__ */ i.jsx(
-        l,
-        {
-          variant: "icon",
-          tooltip: P,
-          isDisabled: !v || !!a,
-          isLoading: a === "previousPage",
-          onPress: () => {
-            t == null || t(), r !== void 0 && m("previousPage");
-          },
-          children: /* @__PURE__ */ i.jsx(g, { name: "chevron-left" })
-        }
-      ),
-      /* @__PURE__ */ i.jsx(
+  const { cancel: u, save: f } = v(), n = m(() => C(a), [a]), [i, d] = j([]);
+  b(() => {
+    const s = [];
+    r.forEach((o) => {
+      if (o !== "select" && o !== "actions") {
+        const p = n.find((x) => x.value === o);
+        p && s.push(p);
+      }
+    }), d(s);
+  }, [r, n]);
+  const h = m(() => {
+    let s = [];
+    return r.includes("select") && s.push("select"), s = s.concat(i.map((o) => o.value)), r.includes("actions") && s.push("actions"), s;
+  }, [r, i]);
+  return /* @__PURE__ */ t.jsxs("div", { className: "border-b border-b-default bg-surface-primary p-4 shadow-md", children: [
+    /* @__PURE__ */ t.jsx(
+      S,
+      {
+        selectedItems: i,
+        setSelectedItems: d,
+        items: n ?? []
+      }
+    ),
+    /* @__PURE__ */ t.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ t.jsxs(y, { children: [
+      /* @__PURE__ */ t.jsx(l, { variant: "secondary", onPress: () => c(!1), children: u }),
+      /* @__PURE__ */ t.jsx(
         l,
         {
-          variant: "icon",
-          tooltip: x,
-          isDisabled: !p || !!a,
-          isLoading: a === "nextPage",
+          variant: "primary",
           onPress: () => {
-            n == null || n(), r !== void 0 && m("nextPage");
+            e(h), c(!1);
           },
-          children: /* @__PURE__ */ i.jsx(g, { name: "chevron-right" })
+          children: f
         }
       )
-    ] })
+    ] }) })
   ] });
-}, T = (e) => D(() => e.hidePagination ? "hidden" : e.onPrevious && e.onNext ? "uncountable" : "countable", [e.hidePagination, e.onNext, e.onPrevious]), te = (e) => {
-  var n;
-  switch (T({
-    hidePagination: e.hidePagination,
-    onNext: e.onNext,
-    onPrevious: e.onPrevious
-  })) {
-    case "hidden":
-      return null;
-    case "countable":
-      return /* @__PURE__ */ i.jsx(
-        B,
-        {
-          table: e.table,
-          total: e.total,
-          dataLength: ((n = e.data) == null ? void 0 : n.length) ?? 0,
-          isLoading: e.isLoading
-        }
-      );
-    case "uncountable":
-      return /* @__PURE__ */ i.jsx(
-        z,
-        {
-          hideLimitSelect: e.hidePagination,
-          onNext: e.onNext,
-          onPrevious: e.onPrevious,
-          showNext: e.showNext,
-          showPrevious: e.showPrevious,
-          table: e.table,
-          isLoading: e.isLoading
-        }
-      );
-    default:
-      return null;
-  }
-}, y = ({
-  data: e,
-  isLoading: r
-}) => {
-  const [n, t] = L();
-  return C(() => {
-    r || t(void 0);
-  }, [r, e]), {
-    loadingButton: n,
-    setLoadingButton: t
-  };
-};
+}, C = (a) => a.filter((e) => e.id !== "select" && e.id !== "actions").map((e) => ({
+  value: e.id,
+  label: e.header || e.id
+}));
 export {
-  B as CountablePagination,
-  te as TablePagination,
-  z as UncountablePagination,
-  y as useLoadingButtonState
+  P as TableReorganizeColumns
 };

package/dist/lyra468.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra468.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 { loadingButton, setLoadingButton } = useLoadingButtonState({\n    isLoading,\n    data: table.options.data,\n  });\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <>\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          </>\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={!!loadingButton}>\n        <Button\n          variant=\"icon\"\n          tooltip={firstPage}\n          isDisabled={!table.getCanPreviousPage() || !!loadingButton}\n          isLoading={loadingButton === \"firstPage\"}\n          onPress={() => {\n            table.setPageIndex(0);\n            if (isLoading !== undefined) {\n              setLoadingButton(\"firstPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-first-page\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          isDisabled={!table.getCanPreviousPage() || !!loadingButton}\n          isLoading={loadingButton === \"previousPage\"}\n          onPress={() => {\n            table.previousPage();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          isDisabled={!table.getCanNextPage() || !!loadingButton}\n          isLoading={loadingButton === \"nextPage\"}\n          onPress={() => {\n            table.nextPage();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"nextPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-right\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={lastPage}\n          isDisabled={!table.getCanNextPage() || !!loadingButton}\n          isLoading={loadingButton === \"lastPage\"}\n          onPress={() => {\n            table.setPageIndex(table.getPageCount() - 1);\n            if (isLoading !== undefined) {\n              setLoadingButton(\"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 { loadingButton, setLoadingButton } = useLoadingButtonState({\n    isLoading,\n    data: table?.options.data,\n  });\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <>\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          </>\n        )}\n      </div>\n      <ButtonGroup isDisabled={!!loadingButton}>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          isDisabled={!showPrevious || !!loadingButton}\n          isLoading={loadingButton === \"previousPage\"}\n          onPress={() => {\n            onPrevious?.();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          isDisabled={!showNext || !!loadingButton}\n          isLoading={loadingButton === \"nextPage\"}\n          onPress={() => {\n            onNext?.();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"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        />\n      );\n\n    case \"uncountable\": {\n      return (\n        <UncountablePagination\n          hideLimitSelect={props.hidePagination}\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\nexport const useLoadingButtonState = ({\n  data,\n  isLoading,\n}: {\n  isLoading?: boolean;\n  data?: any[];\n}) => {\n  const [loadingButton, setLoadingButton] = useState<LoadingButtonState>();\n\n  useEffect(() => {\n    if (!isLoading) {\n      setLoadingButton(undefined);\n    }\n  }, [isLoading, data]);\n  /**Added a dependency on the table data, to make sure the loading button is reset to 'undefined' even if the isLoading prop doesn't change.\n   * (For instance when it's passed as 'false' and it doesn't update its state. )\n   */\n\n  return {\n    loadingButton,\n    setLoadingButton,\n  };\n};\n"],"names":["DEFAULT_PAGINATION_SIZES","CountablePagination","dataLength","hideLimitSelect","isLoading","table","total","selectLimitWrapper","wrapper","tablePaginationStyles","firstPage","lastPage","nextPage","previousPage","rowsPerPage","useDictionary","loadingButton","setLoadingButton","useLoadingButtonState","jsxs","jsx","Fragment","Select","item","changedValue","value","Text","ButtonGroup","Button","SvgIcon","UncountablePagination","onNext","onPrevious","showNext","showPrevious","usePaginationSettings","props","useMemo","TablePagination","_a","data","useState","useEffect"],"mappings":"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"}
+{"version":3,"file":"lyra468.js","sources":["../src/components/table/table-reorganize-columns.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\n\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  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\n  // Map the column order to the sortable items to be used in the SortableGrid.\n  // Using an effect to make sure the columnOrderMapped is updated when the columnOrder changes.\n  useEffect(() => {\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    setColumnOrderMapped(colOrderToSet);\n  }, [columnOrder, mappedColumns]);\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  return (\n    <div className=\"border-b border-b-default bg-surface-primary p-4 shadow-md\">\n      <SortableGrid\n        selectedItems={columnOrderMapped}\n        setSelectedItems={setColumnOrderMapped}\n        items={mappedColumns ?? []}\n      />\n      <div className=\"flex justify-end\">\n        <ButtonGroup>\n          <Button variant=\"secondary\" onPress={() => setActive(false)}>\n            {cancel}\n          </Button>\n          <Button\n            variant=\"primary\"\n            onPress={() => {\n              onChangeOrderOfColumns(newOrder);\n              setActive(false);\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","setActive","cancel","save","useDictionary","mappedColumns","useMemo","mapColumns","columnOrderMapped","setColumnOrderMapped","useState","useEffect","colOrderToSet","col","found","item","newOrder","order","column","jsxs","jsx","SortableGrid","ButtonGroup","Button","columns"],"mappings":";;;;;;;;AAQO,MAAMA,IAAyB,CAAsB;AAAA,EAC1D,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,WAAAC;AACF,MAAyC;AACvC,QAAM,EAAE,QAAAC,GAAQ,MAAAC,EAAK,IAAIC,EAAc,GAEjCC,IAAgBC,EAAQ,MAAMC,EAAWT,CAAU,GAAG,CAACA,CAAU,CAAC,GAElE,CAACU,GAAmBC,CAAoB,IAAIC,EAAyB,CAAE,CAAA;AAI7E,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAgC,CAAA;AAC1B,IAAAb,EAAA,QAAQ,CAACc,MAAQ;AACvB,UAAAA,MAAQ,YAAYA,MAAQ,WAAW;AACzC,cAAMC,IAAQT,EAAc,KAAK,CAACU,MAASA,EAAK,UAAUF,CAAG;AAE7D,QAAIC,KACFF,EAAc,KAAKE,CAAK;AAAA,MAE5B;AAAA,IAAA,CACD,GACDL,EAAqBG,CAAa;AAAA,EAAA,GACjC,CAACb,GAAaM,CAAa,CAAC;AAIzB,QAAAW,IAAWV,EAAQ,MAAM;AAC7B,QAAIW,IAAkB,CAAA;AAClB,WAAAlB,EAAY,SAAS,QAAQ,KAC/BkB,EAAM,KAAK,QAAQ,GAGbA,IAAAA,EAAM,OAAOT,EAAkB,IAAI,CAACU,MAAWA,EAAO,KAAK,CAAC,GAEhEnB,EAAY,SAAS,SAAS,KAChCkB,EAAM,KAAK,SAAS,GAGfA;AAAA,EAAA,GACN,CAAClB,GAAaS,CAAiB,CAAC;AAGjC,SAAAW,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,8DACb,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,eAAeb;AAAA,QACf,kBAAkBC;AAAA,QAClB,OAAOJ,KAAiB,CAAC;AAAA,MAAA;AAAA,IAC3B;AAAA,IACCe,gBAAAA,MAAA,OAAA,EAAI,WAAU,oBACb,iCAACE,GACC,EAAA,UAAA;AAAA,MAACF,gBAAAA,EAAAA,IAAAG,GAAA,EAAO,SAAQ,aAAY,SAAS,MAAMtB,EAAU,EAAK,GACvD,UACHC,EAAA,CAAA;AAAA,MACAkB,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAvB,EAAuBgB,CAAQ,GAC/Bf,EAAU,EAAK;AAAA,UACjB;AAAA,UAEC,UAAAE;AAAA,QAAA;AAAA,MACH;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,GAEMI,IAAa,CAAsBiB,MACxBA,EACZ,OAAO,CAACT,MAASA,EAAK,OAAO,YAAYA,EAAK,OAAO,SAAS,EAC9D,IAAI,CAACA,OAAU;AAAA,EACd,OAAOA,EAAK;AAAA,EACZ,OAAQA,EAAK,UAAqBA,EAAK;AACvC,EAAA;"}