@oneplatformdev/ui 0.1.99-beta.56 → 0.1.99-beta.59

package/TablePagination/TablePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.js","sources":["../../src/TablePagination/TablePagination.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '../Button';\nimport { Select } from '../Select';\nimport { FC } from 'react';\n\ninterface IProps {\n  limit: number;\n  offset: number;\n  totalRows: number;\n  setLimit: (limit: number) => void;\n  setOffset: (offset: number) => void;\n  tRowsPerPage?: string;\n  tPrevious?: string;\n  tPage?:string;\n  tNext?:string;\n  tOf?:string\n}\n\nexport const TablePagination: FC<IProps> = ({\n  offset,\n  limit,\n  totalRows,\n  setLimit,\n  setOffset,\n  tRowsPerPage= \"Rows per page\",\n  tPrevious= \"Previous\",\n  tPage= \"Page\",\n  tNext= \"Next\",\n  tOf= \"Of\",\n}) => {\n  const currentPage = Math.ceil(offset / limit) + 1;\n  const totalPages = Math.ceil(totalRows / limit);\n  const isLastPage = currentPage === totalPages;\n\n  const onChangeLimit = (value: string) => {\n    setOffset(0);\n    setLimit(parseInt(value));\n  };\n\n  const onPrevious = () => {\n    let nextOffset = offset - limit;\n    if (nextOffset < 0) {\n      nextOffset = 0;\n    }\n    setOffset(nextOffset);\n  };\n\n  const onNext = () => {\n    let nextOffset = offset + limit;\n    if (nextOffset > totalRows) {\n      nextOffset = totalRows - limit;\n    }\n    setOffset(nextOffset);\n  };\n\n  return (\n    <div className=\"flex items-center justify-end space-x-2 py-4\">\n      <div className=\"flex items-center space-x-2\">\n        <span className=\"text-sm text-nowrap\">{tRowsPerPage}</span>\n        <Select\n          value={limit?.toString()}\n          options={[\n            { value: '5', label: '5' },\n            { value: '10', label: '10' },\n            { value: '20', label: '20' },\n            { value: '30', label: '30' },\n            { value: '50', label: '50' },\n          ]}\n          onChange={onChangeLimit}\n          placeholder=\"6\"\n          nullable={false}\n        />\n      </div>\n      <div className=\"space-x-2\">\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={!offset}\n          onClick={onPrevious}\n        >\n          {tPrevious}\n        </Button>\n        <span className=\"text-sm\">{`${tPage} ${currentPage} ${tOf} ${totalPages}`}</span>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={isLastPage}\n          onClick={onNext}\n        >\n          {tNext}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["TablePagination","offset","limit","totalRows","setLimit","setOffset","tRowsPerPage","tPrevious","tPage","tNext","tOf","currentPage","totalPages","isLastPage","onChangeLimit","value","onPrevious","nextOffset","onNext","jsxs","jsx","Select","Button"],"mappings":";;;;;;;AAmBO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC,IAAc;AAAA,EACd,WAAAC,IAAW;AAAA,EACX,OAAAC,IAAO;AAAA,EACP,OAAAC,IAAO;AAAA,EACP,KAAAC,IAAK;AACP,MAAM;AACJ,QAAMC,IAAc,KAAK,KAAKV,IAASC,CAAK,IAAI,GAC1CU,IAAa,KAAK,KAAKT,IAAYD,CAAK,GACxCW,IAAaF,MAAgBC,GAE7BE,IAAgB,CAACC,MAAkB;AACvC,IAAAV,EAAU,CAAC,GACXD,EAAS,SAASW,CAAK,CAAC;AAAA,EAC1B,GAEMC,IAAa,MAAM;AACvB,QAAIC,IAAahB,IAASC;AAC1B,IAAIe,IAAa,MACfA,IAAa,IAEfZ,EAAUY,CAAU;AAAA,EACtB,GAEMC,IAAS,MAAM;AACnB,QAAID,IAAahB,IAASC;AAC1B,IAAIe,IAAad,MACfc,IAAad,IAAYD,IAE3BG,EAAUY,CAAU;AAAA,EACtB;AAEA,SACE,gBAAAE,EAAC,OAAA,EAAI,WAAU,gDACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,+BACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,uBAAuB,UAAAd,GAAa;AAAA,MACpD,gBAAAc;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAOnB,GAAO,SAAA;AAAA,UACd,SAAS;AAAA,YACP,EAAE,OAAO,KAAK,OAAO,IAAA;AAAA,YACrB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,YACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,YACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,YACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,UAAK;AAAA,UAE7B,UAAUY;AAAA,UACV,aAAY;AAAA,UACZ,UAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ,GACF;AAAA,IACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAU,CAACrB;AAAA,UACX,SAASe;AAAA,UAER,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,gBAAAa,EAAC,QAAA,EAAK,WAAU,WAAW,UAAA,GAAGZ,CAAK,IAAIG,CAAW,IAAID,CAAG,IAAIE,CAAU,IAAG;AAAA,MAC1E,gBAAAQ;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAUT;AAAA,UACV,SAASK;AAAA,UAER,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"TablePagination.js","sources":["../../src/TablePagination/TablePagination.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '../Button';\nimport { Select } from '../Select';\nimport { FC } from 'react';\n\ninterface IProps {\n  limit: number;\n  offset: number;\n  totalRows: number;\n  setLimit: (limit: number) => void;\n  setOffset: (offset: number) => void;\n  tRowsPerPage?: string;\n  tPrevious?: string;\n  tPage?:string;\n  tNext?:string;\n  tOf?:string\n}\n\nexport const TablePagination: FC<IProps> = ({\n  offset,\n  limit,\n  totalRows,\n  setLimit,\n  setOffset,\n  tRowsPerPage= \"Rows per page\",\n  tPrevious= \"Previous\",\n  tPage= \"Page\",\n  tNext= \"Next\",\n  tOf= \"Of\",\n}) => {\n  const currentPage = Math.ceil(offset / limit) + 1;\n  const totalPages = Math.ceil(totalRows / limit);\n  const isLastPage = currentPage === totalPages;\n\n  const onChangeLimit = (value: string) => {\n    setOffset(0);\n    setLimit(parseInt(value));\n  };\n\n  const onPrevious = () => {\n    let nextOffset = offset - limit;\n    if (nextOffset < 0) {\n      nextOffset = 0;\n    }\n    setOffset(nextOffset);\n  };\n\n  const onNext = () => {\n    let nextOffset = offset + limit;\n    if (nextOffset > totalRows) {\n      nextOffset = totalRows - limit;\n    }\n    setOffset(nextOffset);\n  };\n\n  return (\n    <div className=\"flex items-center justify-end space-x-2 py-4\">\n      <div className=\"flex items-center space-x-2\">\n        <span className=\"text-sm text-nowrap\">{tRowsPerPage}</span>\n        <Select\n          value={limit?.toString()}\n          options={[\n            { value: '5', label: '5' },\n            { value: '10', label: '10' },\n            { value: '20', label: '20' },\n            { value: '30', label: '30' },\n            { value: '50', label: '50' },\n          ]}\n          onChange={onChangeLimit}\n          placeholder=\"6\"\n          nullable={false}\n        />\n      </div>\n      <div className=\"space-x-2\">\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={!offset}\n          onClick={onPrevious}\n        >\n          {tPrevious}\n        </Button>\n        <span className=\"text-sm\">{`${tPage} ${currentPage} ${tOf} ${totalPages}`}</span>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={isLastPage}\n          onClick={onNext}\n        >\n          {tNext}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["TablePagination","offset","limit","totalRows","setLimit","setOffset","tRowsPerPage","tPrevious","tPage","tNext","tOf","currentPage","totalPages","isLastPage","onChangeLimit","value","onPrevious","nextOffset","onNext","jsxs","jsx","Select","Button"],"mappings":";;;;;;;;AAmBO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC,IAAc;AAAA,EACd,WAAAC,IAAW;AAAA,EACX,OAAAC,IAAO;AAAA,EACP,OAAAC,IAAO;AAAA,EACP,KAAAC,IAAK;AACP,MAAM;AACJ,QAAMC,IAAc,KAAK,KAAKV,IAASC,CAAK,IAAI,GAC1CU,IAAa,KAAK,KAAKT,IAAYD,CAAK,GACxCW,IAAaF,MAAgBC,GAE7BE,IAAgB,CAACC,MAAkB;AACvC,IAAAV,EAAU,CAAC,GACXD,EAAS,SAASW,CAAK,CAAC;AAAA,EAC1B,GAEMC,IAAa,MAAM;AACvB,QAAIC,IAAahB,IAASC;AAC1B,IAAIe,IAAa,MACfA,IAAa,IAEfZ,EAAUY,CAAU;AAAA,EACtB,GAEMC,IAAS,MAAM;AACnB,QAAID,IAAahB,IAASC;AAC1B,IAAIe,IAAad,MACfc,IAAad,IAAYD,IAE3BG,EAAUY,CAAU;AAAA,EACtB;AAEA,SACE,gBAAAE,EAAC,OAAA,EAAI,WAAU,gDACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,+BACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,uBAAuB,UAAAd,GAAa;AAAA,MACpD,gBAAAc;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAOnB,GAAO,SAAA;AAAA,UACd,SAAS;AAAA,YACP,EAAE,OAAO,KAAK,OAAO,IAAA;AAAA,YACrB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,YACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,YACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,YACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,UAAK;AAAA,UAE7B,UAAUY;AAAA,UACV,aAAY;AAAA,UACZ,UAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ,GACF;AAAA,IACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAU,CAACrB;AAAA,UACX,SAASe;AAAA,UAER,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,gBAAAa,EAAC,QAAA,EAAK,WAAU,WAAW,UAAA,GAAGZ,CAAK,IAAIG,CAAW,IAAID,CAAG,IAAIE,CAAU,IAAG;AAAA,MAC1E,gBAAAQ;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAUT;AAAA,UACV,SAASK;AAAA,UAER,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}