norma-library 0.6.894 → 0.6.982

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/dist/esm/components/Accordion.js +2 -3
  2. package/dist/esm/components/Accordion.js.map +1 -1
  3. package/dist/esm/components/ProgressBar.js +6 -7
  4. package/dist/esm/components/ProgressBar.js.map +1 -1
  5. package/dist/esm/components/UncontrolledTable/{index.js → UncontrolledTable.js} +22 -24
  6. package/dist/esm/components/UncontrolledTable/UncontrolledTable.js.map +1 -0
  7. package/dist/esm/components/UncontrolledTable/{styles.d.ts → UncontrolledTable.style.d.ts} +3 -1
  8. package/dist/esm/components/UncontrolledTable/{styles.js → UncontrolledTable.style.js} +10 -7
  9. package/dist/esm/components/UncontrolledTable/UncontrolledTable.style.js.map +1 -0
  10. package/dist/esm/components/UncontrolledTable/components/TableButton/TableButton.d.ts +15 -0
  11. package/dist/esm/components/UncontrolledTable/components/TableButton/TableButton.js +45 -0
  12. package/dist/esm/components/UncontrolledTable/components/TableButton/TableButton.js.map +1 -0
  13. package/dist/esm/components/UncontrolledTable/components/TableButton/TableButton.style.d.ts +16 -0
  14. package/dist/esm/components/UncontrolledTable/components/TableButton/TableButton.style.js +9 -0
  15. package/dist/esm/components/UncontrolledTable/components/TableButton/TableButton.style.js.map +1 -0
  16. package/dist/esm/components/UncontrolledTable/components/header/header.d.ts +15 -0
  17. package/dist/esm/components/UncontrolledTable/components/header/header.js +48 -0
  18. package/dist/esm/components/UncontrolledTable/components/header/header.js.map +1 -0
  19. package/dist/esm/components/UncontrolledTable/components/header/header.styles.d.ts +4 -0
  20. package/dist/esm/components/UncontrolledTable/components/header/header.styles.js +8 -0
  21. package/dist/esm/components/UncontrolledTable/components/header/header.styles.js.map +1 -0
  22. package/dist/esm/components/UncontrolledTable/components/index.d.ts +4 -3
  23. package/dist/esm/components/UncontrolledTable/components/index.js +4 -3
  24. package/dist/esm/components/UncontrolledTable/components/index.js.map +1 -1
  25. package/dist/esm/components/UncontrolledTable/components/pagination/{index.js → pagination.js} +2 -2
  26. package/dist/esm/components/UncontrolledTable/components/pagination/pagination.js.map +1 -0
  27. package/dist/esm/components/UncontrolledTable/components/pagination/{styles.js → pagination.styles.js} +1 -1
  28. package/dist/esm/components/UncontrolledTable/components/pagination/pagination.styles.js.map +1 -0
  29. package/dist/esm/components/UncontrolledTable/components/row/DraggableRow.js +1 -1
  30. package/dist/esm/components/UncontrolledTable/components/row/DraggableRow.js.map +1 -1
  31. package/dist/esm/components/UncontrolledTable/components/row/SimpleRow.js +1 -1
  32. package/dist/esm/components/UncontrolledTable/components/row/SimpleRow.js.map +1 -1
  33. package/dist/esm/components/UncontrolledTable/components/row/styles.d.ts +1 -1
  34. package/dist/esm/components/UncontrolledTable/components/row/styles.js +2 -8
  35. package/dist/esm/components/UncontrolledTable/components/row/styles.js.map +1 -1
  36. package/dist/esm/components/UncontrolledTable/interface.d.ts +37 -19
  37. package/dist/esm/hooks/useClickOutside.js.map +1 -1
  38. package/dist/esm/hooks/useOutsideScreen.d.ts +7 -0
  39. package/dist/esm/hooks/useOutsideScreen.js +30 -0
  40. package/dist/esm/hooks/useOutsideScreen.js.map +1 -0
  41. package/dist/esm/index.d.ts +1 -1
  42. package/dist/esm/index.js +1 -1
  43. package/dist/esm/index.js.map +1 -1
  44. package/package.json +3 -3
  45. package/src/components/Accordion.tsx +19 -15
  46. package/src/components/ProgressBar.tsx +28 -28
  47. package/src/components/UncontrolledTable/{styles.tsx → UncontrolledTable.style.tsx} +29 -18
  48. package/src/components/UncontrolledTable/{index.tsx → UncontrolledTable.tsx} +82 -91
  49. package/src/components/UncontrolledTable/components/TableButton/TableButton.style.tsx +50 -0
  50. package/src/components/UncontrolledTable/components/TableButton/TableButton.tsx +83 -0
  51. package/src/components/UncontrolledTable/components/header/header.styles.tsx +26 -0
  52. package/src/components/UncontrolledTable/components/header/header.tsx +85 -0
  53. package/src/components/UncontrolledTable/components/index.tsx +6 -3
  54. package/src/components/UncontrolledTable/components/pagination/{index.tsx → pagination.tsx} +1 -1
  55. package/src/components/UncontrolledTable/components/row/DraggableRow.tsx +11 -11
  56. package/src/components/UncontrolledTable/components/row/SimpleRow.tsx +7 -8
  57. package/src/components/UncontrolledTable/components/row/styles.tsx +5 -15
  58. package/src/components/UncontrolledTable/interface.ts +59 -38
  59. package/src/hooks/useClickOutside.tsx +9 -9
  60. package/src/hooks/useOutsideScreen.tsx +35 -0
  61. package/src/index.ts +1 -1
  62. package/src/stories/UncontrolledTable.stories.tsx +330 -25
  63. package/dist/esm/components/UncontrolledTable/components/header/index.d.ts +0 -3
  64. package/dist/esm/components/UncontrolledTable/components/header/index.js +0 -39
  65. package/dist/esm/components/UncontrolledTable/components/header/index.js.map +0 -1
  66. package/dist/esm/components/UncontrolledTable/components/header/styles.d.ts +0 -8
  67. package/dist/esm/components/UncontrolledTable/components/header/styles.js +0 -12
  68. package/dist/esm/components/UncontrolledTable/components/header/styles.js.map +0 -1
  69. package/dist/esm/components/UncontrolledTable/components/pagination/index.js.map +0 -1
  70. package/dist/esm/components/UncontrolledTable/components/pagination/styles.js.map +0 -1
  71. package/dist/esm/components/UncontrolledTable/index.js.map +0 -1
  72. package/dist/esm/components/UncontrolledTable/styles.js.map +0 -1
  73. package/src/components/UncontrolledTable/components/header/index.tsx +0 -89
  74. package/src/components/UncontrolledTable/components/header/styles.tsx +0 -67
  75. /package/dist/esm/components/UncontrolledTable/{index.d.ts → UncontrolledTable.d.ts} +0 -0
  76. /package/dist/esm/components/UncontrolledTable/components/pagination/{index.d.ts → pagination.d.ts} +0 -0
  77. /package/dist/esm/components/UncontrolledTable/components/pagination/{styles.d.ts → pagination.styles.d.ts} +0 -0
  78. /package/src/components/UncontrolledTable/components/pagination/{styles.tsx → pagination.styles.tsx} +0 -0
@@ -1,14 +1,13 @@
1
1
  import { __assign, __rest } from "tslib";
2
2
  import React from 'react';
3
- import { AccordionDetails, AccordionSummary, Accordion as MuiAccordion, Typography } from '@mui/material';
3
+ import { AccordionDetails, AccordionSummary, Accordion as MuiAccordion, Typography, } from '@mui/material';
4
4
  import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
5
5
  import { styled } from '@mui/material/styles';
6
6
  var AccordionStyled = styled(MuiAccordion)({});
7
7
  export var Accordion = function (_a) {
8
8
  var _b = _a.data, data = _b === void 0 ? [] : _b, _c = _a.defaultExpanded, defaultExpanded = _c === void 0 ? false : _c, props = __rest(_a, ["data", "defaultExpanded"]);
9
9
  var _d = React.useState(defaultExpanded), expanded = _d[0], setExpanded = _d[1];
10
- var handleChange = function (panel) { return function (event, isExpanded) {
11
- console.log('Event ==> ', event);
10
+ var handleChange = function (panel) { return function (_, isExpanded) {
12
11
  setExpanded(isExpanded ? panel : false);
13
12
  }; };
14
13
  return (React.createElement(React.Fragment, null, data &&
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/Accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,IAAI,YAAY,EACzB,UAAU,EACX,MAAM,eAAe,CAAC;AACvB,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,eAAe,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC;AAEjD,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAAoE;IAAlE,IAAA,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA,EAAK,KAAK,cAA9C,2BAAgD,CAAF;IAChE,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAmB,eAAe,CAAC,EAA1E,QAAQ,QAAA,EAAE,WAAW,QAAqD,CAAC;IAElF,IAAM,YAAY,GAAG,UAAC,KAAa,IAAK,OAAA,UAAC,KAA2B,EAAE,UAAmB;QACvF,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QACjC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EAHuC,CAGvC,CAAC;IAEF,OAAO,CACL,0CACG,IAAI;QACH,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CACtB,oBAAC,eAAe,aAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK;YACnG,oBAAC,gBAAgB,IACf,UAAU,EAAE,oBAAC,cAAc,OAAG,mBACf,gBAAS,GAAG,aAAU,EACrC,EAAE,EAAE,gBAAS,GAAG,YAAS;gBAEzB,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,IAAG,IAAI,CAAC,KAAK,CAAc,CACzD;YACnB,oBAAC,gBAAgB,QAAE,IAAI,CAAC,QAAQ,CAAoB,CACpC,CACnB,EAXuB,CAWvB,CAAC,CACH,CACJ,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/Accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,IAAI,YAAY,EACzB,UAAU,GACX,MAAM,eAAe,CAAA;AACtB,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAE3D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAE7C,IAAM,eAAe,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAA;AAEhD,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAAoE;IAAlE,IAAA,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA,EAAK,KAAK,cAA9C,2BAAgD,CAAF;IAChE,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAmB,eAAe,CAAC,EAA1E,QAAQ,QAAA,EAAE,WAAW,QAAqD,CAAA;IAEjF,IAAM,YAAY,GAAG,UAAC,KAAa,IAAK,OAAA,UAAC,CAAM,EAAE,UAAmB;QAClE,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;IACzC,CAAC,EAFuC,CAEvC,CAAA;IAED,OAAO,CACL,0CACG,IAAI;QACH,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CACtB,oBAAC,eAAe,aACd,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC,EAAE,EAC9B,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,EAC/B,GAAG,EAAE,GAAG,IACJ,KAAK;YAET,oBAAC,gBAAgB,IACf,UAAU,EAAE,oBAAC,cAAc,OAAG,mBACf,gBAAS,GAAG,aAAU,EACrC,EAAE,EAAE,gBAAS,GAAG,YAAS;gBAEzB,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,IAAG,IAAI,CAAC,KAAK,CAAc,CACzD;YACnB,oBAAC,gBAAgB,QAAE,IAAI,CAAC,QAAQ,CAAoB,CACpC,CACnB,EAhBuB,CAgBvB,CAAC,CACH,CACJ,CAAA;AACH,CAAC,CAAA"}
@@ -29,13 +29,12 @@ export var ProgressBar = function (_a) {
29
29
  var percentage = value && total ? (value / total) * 100 : 0;
30
30
  return (React.createElement("div", { className: className, style: { minWidth: '100px' } },
31
31
  label ? (React.createElement(ProgressBarLabelStyled, { "$fSize": props.fSize, className: "ProgressBarLabel" },
32
- React.createElement(React.Fragment, null,
33
- label,
34
- !props.hideValue && (React.createElement("span", { style: { right: 0 } },
35
- localeString ? value.toLocaleString() : value,
36
- " (",
37
- percentage.toFixed(2),
38
- "%)"))))) : (htmlLabel),
32
+ label,
33
+ !props.hideValue && (React.createElement("span", { style: { right: 0 } },
34
+ localeString ? value.toLocaleString() : value,
35
+ " (",
36
+ percentage.toFixed(2),
37
+ "%)")))) : (htmlLabel),
39
38
  React.createElement(ProgressBarStyled, __assign({ value: percentage, variant: variant, colorCustom: colorCustom, "$h": props.h, color: colorCustom ? undefined : color }, props))));
40
39
  };
41
40
  var templateObject_1;
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGpG,IAAM,iBAAiB,GAAG,MAAM,CAAC,cAAc,CAAC,CAA6C,UAAC,EAAmB;;QAAjB,WAAW,iBAAA,EAAE,EAAE,QAAA;IAAO,OAAA;YACpH,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,UAAG,EAAE,OAAI,CAAC,CAAC,CAAC,MAAM;YAC/B,YAAY,EAAE,MAAM;YACpB,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;;QAC3D,GAAC,YAAK,qBAAqB,CAAC,WAAW,CAAE,IAAG;YAC1C,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;SAC5D;QACD,GAAC,aAAM,qBAAqB,CAAC,GAAG,CAAE,IAAG;YACnC,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;SAC3D;WACD;AAZoH,CAYpH,CAAC,CAAC;AAEJ,IAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,2OAAqB,iKAOvD,EAAgC,KAC9C,KADc,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,MAAM,IAAI,MAAM;AAAhB,CAAgB,CAC9C,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAWL;IAVrB,IAAA,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EACT,KAAK,WAAA,EACL,eAAuB,EAAvB,OAAO,mBAAG,aAAa,KAAA,EACvB,KAAK,WAAA,EACL,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,SAAS,eAAA,EACN,KAAK,cAVkB,wGAW3B,CADS;IAER,IAAM,UAAU,GAAG,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAE9D,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QACpD,KAAK,CAAC,CAAC,CAAC,CACP,oBAAC,sBAAsB,cAAS,KAAK,CAAC,KAAK,EAAE,SAAS,EAAC,kBAAkB;YACvE;gBACG,KAAK;gBACL,CAAC,KAAK,CAAC,SAAS,IAAI,CACnB,8BAAM,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;oBACtB,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,KAAK;;oBAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;yBAClE,CACR,CACA,CACoB,CAC1B,CAAC,CAAC,CAAC,CACF,SAAS,CACV;QAED,oBAAC,iBAAiB,aAChB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,QACpB,KAAK,CAAC,CAAC,EACX,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,IAClC,KAAK,EACT,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAGnG,IAAM,iBAAiB,GAAG,MAAM,CAAC,cAAc,CAAC,CAC9C,UAAC,EAAmB;;QAAjB,WAAW,iBAAA,EAAE,EAAE,QAAA;IAAO,OAAA;YACvB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,UAAG,EAAE,OAAI,CAAC,CAAC,CAAC,MAAM;YAC/B,YAAY,EAAE,MAAM;YACpB,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;;QAC3D,GAAC,YAAK,qBAAqB,CAAC,WAAW,CAAE,IAAG;YAC1C,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;SAC5D;QACD,GAAC,aAAM,qBAAqB,CAAC,GAAG,CAAE,IAAG;YACnC,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;SAC3D;WACD;AAZuB,CAYvB,CACH,CAAA;AAED,IAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,2OAAqB,iKAOvD,EAAgC,KAC9C,KADc,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,MAAM,IAAI,MAAM;AAAhB,CAAgB,CAC9C,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAWL;IAVrB,IAAA,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EACT,KAAK,WAAA,EACL,eAAuB,EAAvB,OAAO,mBAAG,aAAa,KAAA,EACvB,KAAK,WAAA,EACL,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,SAAS,eAAA,EACN,KAAK,cAVkB,wGAW3B,CADS;IAER,IAAM,UAAU,GAAG,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;IAE7D,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QACpD,KAAK,CAAC,CAAC,CAAC,CACP,oBAAC,sBAAsB,cAAS,KAAK,CAAC,KAAK,EAAE,SAAS,EAAC,kBAAkB;YACtE,KAAK;YACL,CAAC,KAAK,CAAC,SAAS,IAAI,CACnB,8BAAM,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;gBACtB,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,KAAK;;gBAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;qBAClE,CACR,CACsB,CAC1B,CAAC,CAAC,CAAC,CACF,SAAS,CACV;QAED,oBAAC,iBAAiB,aAChB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,QACpB,KAAK,CAAC,CAAC,EACX,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,IAClC,KAAK,EACT,CACE,CACP,CAAA;AACH,CAAC,CAAA"}
@@ -1,20 +1,18 @@
1
1
  import { __assign, __spreadArray } from "tslib";
2
2
  import React, { useState, useMemo, useRef } from 'react';
3
- import * as S from './styles';
4
3
  import { flexRender, getCoreRowModel, getSortedRowModel, useReactTable, } from '@tanstack/react-table';
5
4
  import { DndContext, MouseSensor, closestCenter, useSensor, useSensors, TouchSensor, KeyboardSensor, } from '@dnd-kit/core';
6
5
  import { restrictToVerticalAxis } from '@dnd-kit/modifiers';
7
6
  import { arrayMove, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
8
- import { Pagination, Header, SimpleRow, DraggableRow, RowDragHandleCell } from './components';
9
7
  import useClickOutside from '../../hooks/useClickOutside';
8
+ import { Pagination, Header, SimpleRow, DraggableRow, RowDragHandleCell } from './components';
9
+ import * as S from './UncontrolledTable.style';
10
10
  var UncontrolledTable = function (props) {
11
- var data = props.data, columns = props.columns, onClick = props.onClick, onMouseOver = props.onMouseOver, onMouseOut = props.onMouseOut, showTotalResults = props.showTotalResults, showSettings = props.showSettings, onChangePage = props.onChangePage, pagination = props.pagination, totalPages = props.totalPages, showClearFields = props.showClearFields, onClearFieldsClick = props.onClearFieldsClick, onFilterClick = props.onFilterClick, onSortClick = props.onSortClick, customTotalResults = props.customTotalResults, labels = props.labels, tableClassName = props.tableClassName, stickyHeader = props.stickyHeader, stickyHeaderP = props.stickyHeaderP, draggable = props.draggable, onDragEnd = props.onDragEnd;
11
+ var data = props.data, columns = props.columns, pagination = props.pagination, totalPages = props.totalPages, labels = props.labels, tableClassName = props.tableClassName, sticky = props.sticky, draggable = props.draggable, buttons = props.buttons, configs = props.configs, hideColumns = props.hideColumns;
12
+ var onClick = props.onClick, onMouseOver = props.onMouseOver, onMouseOut = props.onMouseOut, onChangePage = props.onChangePage, onFilterClick = props.onFilterClick, onSortClick = props.onSortClick, onDragEnd = props.onDragEnd, onColumnVisibilityChange = props.onColumnVisibilityChange;
12
13
  var _a = useState(''), openFilterDialog = _a[0], setOpenFilterDialog = _a[1];
13
14
  var _b = useState([]), sorting = _b[0], setSorting = _b[1];
14
15
  var _c = useState([]), filterByColumn = _c[0], setFilterByColumn = _c[1];
15
- var _d = useState([]), globalFilters = _d[0], setGlobalFilters = _d[1];
16
- var _e = useState(false), orderSmallest = _e[0], setOrderSmallest = _e[1];
17
- var _f = useState(false), orderLargest = _f[0], setOrderLargest = _f[1];
18
16
  var _columns = useMemo(function () {
19
17
  return draggable
20
18
  ? __spreadArray([
@@ -39,15 +37,15 @@ var UncontrolledTable = function (props) {
39
37
  pagination: pagination,
40
38
  },
41
39
  rowCount: totalPages,
42
- getCoreRowModel: getCoreRowModel(),
43
- getSortedRowModel: getSortedRowModel(),
44
- onSortingChange: setSorting,
45
- onColumnFiltersChange: setFilterByColumn,
46
40
  manualPagination: true,
47
- getRowId: function (row) { return row.id; },
48
41
  debugTable: true,
49
42
  debugHeaders: true,
50
43
  debugColumns: true,
44
+ getRowId: function (row) { return row.id; },
45
+ getCoreRowModel: getCoreRowModel(),
46
+ getSortedRowModel: getSortedRowModel(),
47
+ onSortingChange: setSorting,
48
+ onColumnFiltersChange: setFilterByColumn,
51
49
  };
52
50
  return config;
53
51
  }, [data, sorting, filterByColumn, _columns, pagination]);
@@ -65,11 +63,13 @@ var UncontrolledTable = function (props) {
65
63
  };
66
64
  var sensors = useSensors(useSensor(MouseSensor, {}), useSensor(TouchSensor, {}), useSensor(KeyboardSensor, {}));
67
65
  var dataIds = useMemo(function () { return (data === null || data === void 0 ? void 0 : data.map(function (item) { return item.id; })) || []; }, [data]);
68
- return (React.createElement(S.Container, null,
69
- React.createElement(Header, { table: table, globalFilters: globalFilters, orderSmallest: orderSmallest, orderLargest: orderLargest, showTotalResults: showTotalResults, showSettings: showSettings, setGlobalFilters: setGlobalFilters, setOrderLargest: setOrderLargest, setOrderSmallest: setOrderSmallest, showClearFiels: showClearFields, customTotalResults: customTotalResults, clearLabel: labels === null || labels === void 0 ? void 0 : labels.clearFilter, onClearFieldsClick: function () { return onClearFieldsClick && onClearFieldsClick(); }, customIcons: props.customIcons, hideColumns: props.hideColumns, onColumnVisibilityChange: props.onColumnVisibilityChange }),
66
+ return (React.createElement(S.Container, { className: "Norma__Table" },
67
+ React.createElement(Header, { table: table, labels: {
68
+ columns: (labels === null || labels === void 0 ? void 0 : labels.columns) || 'Colunas',
69
+ }, configs: configs, menus: buttons, hideColumns: hideColumns, onColumnVisibilityChange: onColumnVisibilityChange }),
70
70
  React.createElement(DndContext, { collisionDetection: closestCenter, modifiers: [restrictToVerticalAxis], onDragEnd: handleDragEnd, sensors: sensors },
71
71
  React.createElement(S.Table, { className: tableClassName || '' },
72
- React.createElement(S.Thead, { "$sticky": stickyHeader, "$stickyTopP": stickyHeaderP }, table.getHeaderGroups().map(function (headerGroup) { return (React.createElement(S.TableRow, { key: headerGroup.id }, headerGroup.headers.map(function (header) {
72
+ React.createElement(S.Thead, { "$sticky": sticky === null || sticky === void 0 ? void 0 : sticky.enabled, "$stickyTopP": sticky === null || sticky === void 0 ? void 0 : sticky.top }, table.getHeaderGroups().map(function (headerGroup) { return (React.createElement(S.TableRow, { key: headerGroup.id }, headerGroup.headers.map(function (header) {
73
73
  var _a, _b, _c, _d;
74
74
  return (React.createElement(S.Th, { key: header.id },
75
75
  React.createElement(S.ColumnContent, { onClick: function () {
@@ -77,15 +77,14 @@ var UncontrolledTable = function (props) {
77
77
  if (!((_b = (_a = header === null || header === void 0 ? void 0 : header.column) === null || _a === void 0 ? void 0 : _a.columnDef) === null || _b === void 0 ? void 0 : _b.disableMenu))
78
78
  setOpenFilterDialog(header.column.columnDef.accessorKey);
79
79
  } },
80
- React.createElement(S.TextColumn, null, !header.isPlaceholder && flexRender(header.column.columnDef.header, header.getContext())),
80
+ React.createElement(S.TextColumn, { title: header.column.columnDef.header, "$size": header.column.columnDef.width }, !header.isPlaceholder &&
81
+ flexRender(header.column.columnDef.header, header.getContext())),
81
82
  !((_b = (_a = header === null || header === void 0 ? void 0 : header.column) === null || _a === void 0 ? void 0 : _a.columnDef) === null || _b === void 0 ? void 0 : _b.disableMenu) && (React.createElement(S.IconFilterDialog, null,
82
83
  React.createElement("svg", { fill: "#666", focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" },
83
84
  React.createElement("path", { d: "m7 10 5 5 5-5z" }))))),
84
85
  openFilterDialog === header.column.columnDef.accessorKey && (React.createElement(S.FilterDialog, { ref: filterRef },
85
86
  React.createElement(S.ListFilterDialog, null,
86
- React.createElement(S.OptionFilterDialog, { style: {
87
- background: orderSmallest ? 'rgba(0, 0, 0, 0.04)' : '',
88
- }, onClick: function () {
87
+ React.createElement(S.OptionFilterDialog, { onClick: function () {
89
88
  onSortClick && onSortClick(header.column.columnDef.accessorKey, 'asc');
90
89
  setOpenFilterDialog('');
91
90
  } },
@@ -93,10 +92,9 @@ var UncontrolledTable = function (props) {
93
92
  React.createElement("svg", { fill: "#666", stroke: "currentColor", strokeWidth: "1.5", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", width: "20", height: "20" },
94
93
  React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m0 0l6.75-6.75M12 19.5l-6.75-6.75" }))),
95
94
  React.createElement("p", null, (labels === null || labels === void 0 ? void 0 : labels.orderAsc) || 'Menor primeiro')),
96
- React.createElement(S.OptionFilterDialog, { style: {
97
- background: orderLargest ? 'rgba(0, 0, 0, 0.04)' : '',
98
- }, onClick: function () {
99
- onSortClick && onSortClick(header.column.columnDef.accessorKey, 'desc');
95
+ React.createElement(S.OptionFilterDialog, { onClick: function () {
96
+ onSortClick &&
97
+ onSortClick(header.column.columnDef.accessorKey, 'desc');
100
98
  setOpenFilterDialog('');
101
99
  } },
102
100
  React.createElement("div", { className: "icon rotate" },
@@ -116,7 +114,7 @@ var UncontrolledTable = function (props) {
116
114
  React.createElement(SortableContext, { items: dataIds, strategy: verticalListSortingStrategy }, table.getRowModel().rows.map(function (row) {
117
115
  return draggable ? (React.createElement(DraggableRow, { key: row.id, row: row, onClick: onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut })) : (React.createElement(SimpleRow, { key: row.id, row: row, onClick: onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut }));
118
116
  }))))),
119
- pagination && (React.createElement(Pagination, { pagination: pagination, count: totalPages, onChangePage: function (page) { return onChangePage(__assign(__assign({}, pagination), { pageIndex: page })); } }))));
117
+ pagination && (React.createElement(Pagination, { pagination: pagination, count: totalPages || 0, onChangePage: function (page) { return onChangePage === null || onChangePage === void 0 ? void 0 : onChangePage(__assign(__assign({}, pagination), { pageIndex: page })); } }))));
120
118
  };
121
119
  export default UncontrolledTable;
122
- //# sourceMappingURL=index.js.map
120
+ //# sourceMappingURL=UncontrolledTable.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UncontrolledTable.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/UncontrolledTable.tsx"],"names":[],"mappings":"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"}
@@ -7,7 +7,9 @@ export declare const Thead: import("styled-components/dist/types").IStyledCompon
7
7
  export declare const TableRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
8
8
  export declare const Th: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, never>> & string;
9
9
  export declare const ColumnContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
10
- export declare const TextColumn: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
10
+ export declare const TextColumn: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
11
+ $size?: string;
12
+ }>> & string;
11
13
  export declare const IconFilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
12
14
  export declare const FilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
13
15
  export declare const ListFilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1,22 +1,25 @@
1
1
  import { __makeTemplateObject } from "tslib";
2
2
  import { breakpoints } from '../../utils/styledBreakpoints';
3
3
  import styled from 'styled-components';
4
- export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: #fff;\n"], ["\n background-color: #fff;\n"])));
4
+ export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: #fff;\n padding: 15px;\n"], ["\n background-color: #fff;\n padding: 15px;\n"])));
5
5
  export var Table = styled.table(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: table;\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n min-width: 650px;\n border: none;\n"], ["\n display: table;\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n min-width: 650px;\n border: none;\n"])));
6
- var StickyStyles = function (top) { return "\n position: sticky;\n top: ".concat(top, "px;\n z-index: 1;\n background: #fff;\n"); };
7
- export var Thead = styled.thead(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: table-header-group;\n ", ";\n"], ["\n display: table-header-group;\n ", ";\n"])), function (props) { return props.$sticky && StickyStyles(props.$stickyTopP || 0); });
6
+ var StickyStyles = function (top) { return "\n position: sticky;\n top: ".concat(top, "px;\n z-index: 1;\n"); };
7
+ export var Thead = styled.thead(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: table-header-group;\n background-color: #fafafa;\n ", ";\n"], ["\n display: table-header-group;\n background-color: #fafafa;\n ", ";\n"])), function (props) { return props.$sticky && StickyStyles(props.$stickyTopP || 0); });
8
8
  export var TableRow = styled.tr(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: inherit;\n display: table-row;\n vertical-align: middle;\n outline: 0;\n"], ["\n color: inherit;\n display: table-row;\n vertical-align: middle;\n outline: 0;\n"])));
9
- export var Th = styled.th(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.5rem;\n letter-spacing: 0.01071em;\n display: table-cell;\n vertical-align: inherit;\n border-bottom: 1px solid rgba(224, 224, 224, 1);\n text-align: left;\n padding: 16px;\n ", ";\n color: rgba(0, 0, 0, 0.87);\n color: #666666;\n font-size: 0.875rem;\n font-weight: 700;\n"], ["\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.5rem;\n letter-spacing: 0.01071em;\n display: table-cell;\n vertical-align: inherit;\n border-bottom: 1px solid rgba(224, 224, 224, 1);\n text-align: left;\n padding: 16px;\n ", ";\n color: rgba(0, 0, 0, 0.87);\n color: #666666;\n font-size: 0.875rem;\n font-weight: 700;\n"])), breakpoints({
9
+ export var Th = styled.th(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.5rem;\n letter-spacing: 0.01071em;\n display: table-cell;\n vertical-align: inherit;\n border-bottom: 1px solid rgba(224, 224, 224, 1);\n text-align: left;\n padding: 16px 8px;\n ", ";\n color: rgba(0, 0, 0, 0.87);\n color: #666666;\n font-size: 0.875rem;\n font-weight: 700;\n"], ["\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.5rem;\n letter-spacing: 0.01071em;\n display: table-cell;\n vertical-align: inherit;\n border-bottom: 1px solid rgba(224, 224, 224, 1);\n text-align: left;\n padding: 16px 8px;\n ", ";\n color: rgba(0, 0, 0, 0.87);\n color: #666666;\n font-size: 0.875rem;\n font-weight: 700;\n"])), breakpoints({
10
10
  cssProp: 'padding',
11
11
  cssPropUnits: 'px',
12
12
  values: [{ 1440: 8 }],
13
13
  mediaQueryType: 'max-width',
14
14
  }));
15
15
  export var ColumnContent = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 5px;\n"], ["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
16
- export var TextColumn = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject([""], [""])));
17
- export var IconFilterDialog = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n height: 20px;\n width: 20px;\n"], ["\n height: 20px;\n width: 20px;\n"])));
16
+ export var TextColumn = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n line-height: 1.3;\n ", "\n"], ["\n line-height: 1.3;\n ", "\n"])), function (props) {
17
+ return props.$size &&
18
+ " white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: ".concat(props.$size, ";\n ");
19
+ });
20
+ export var IconFilterDialog = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n height: 20px;\n width: 20px;\n min-width: 20px;\n"], ["\n height: 20px;\n width: 20px;\n min-width: 20px;\n"])));
18
21
  export var FilterDialog = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n position: absolute;\n padding: 10px 0;\n margin: 6px 0px 0 0;\n width: max-content;\n background: #fff;\n box-shadow: 0px 3px 6px #00000029;\n border: 1px solid #e0e0e0;\n z-index: 99;\n"], ["\n position: absolute;\n padding: 10px 0;\n margin: 6px 0px 0 0;\n width: max-content;\n background: #fff;\n box-shadow: 0px 3px 6px #00000029;\n border: 1px solid #e0e0e0;\n z-index: 99;\n"])));
19
22
  export var ListFilterDialog = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n .label {\n margin: 0 0 8px 0;\n color: #666666;\n font-size: 14px;\n font-weight: 400;\n text-align: left;\n }\n .select {\n border: 1px solid #e0e0e0;\n padding: 8px 12px;\n }\n"], ["\n display: flex;\n flex-direction: column;\n .label {\n margin: 0 0 8px 0;\n color: #666666;\n font-size: 14px;\n font-weight: 400;\n text-align: left;\n }\n .select {\n border: 1px solid #e0e0e0;\n padding: 8px 12px;\n }\n"])));
20
23
  export var OptionFilterDialog = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: flex;\n gap: 16px;\n align-items: center;\n padding: 6px 15px;\n cursor: pointer;\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n .icon {\n color: #666;\n }\n .rotate {\n rotate: 180deg;\n }\n div {\n width: 20px;\n height: 20px;\n }\n p {\n margin: 0;\n color: #666666;\n font-size: 16px;\n font-weight: 400;\n }\n"], ["\n display: flex;\n gap: 16px;\n align-items: center;\n padding: 6px 15px;\n cursor: pointer;\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n .icon {\n color: #666;\n }\n .rotate {\n rotate: 180deg;\n }\n div {\n width: 20px;\n height: 20px;\n }\n p {\n margin: 0;\n color: #666666;\n font-size: 16px;\n font-weight: 400;\n }\n"])));
21
24
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
22
- //# sourceMappingURL=styles.js.map
25
+ //# sourceMappingURL=UncontrolledTable.style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UncontrolledTable.style.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/UncontrolledTable.style.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAC3D,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,oHAAA,iDAGlC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,oMAAA,iIAOhC,IAAA,CAAA;AAED,IAAM,YAAY,GAAG,UAAC,GAAW,IAAK,OAAA,wCAE7B,GAAG,yBAEX,EAJqC,CAIrC,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,8IAA6C,oEAG1E,EAAgE,KACnE,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,IAAI,YAAY,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC,EAArD,CAAqD,CACnE,CAAA;AAED,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,2JAAA,wFAKhC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,qaAAA,4PAUvB,EAKA,oGAKH,KAVG,WAAW,CAAC;IACZ,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,IAAI;IAClB,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;IACrB,cAAc,EAAE,WAAW;CAC5B,CAAC,CAKH,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,8HAAA,2DAItC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,oGAAoB,2BAErD,EAMC,IACJ,KAPG,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,KAAK;QACX,uGAGW,KAAK,CAAC,KAAK,YACrB;AALD,CAKC,CACJ,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,4HAAA,yDAIzC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,0QAAA,uMASrC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,kUAAA,6PAczC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,6bAAA,wXAyB3C,IAAA,CAAA"}
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { TableList } from '../../interface';
3
+ interface TableButtonProps {
4
+ children: React.ReactNode;
5
+ theme: 'menu' | 'config';
6
+ list?: {
7
+ options: TableList[];
8
+ toggleableList?: boolean;
9
+ closeOnClick?: boolean;
10
+ };
11
+ onClick?: () => void;
12
+ disabled?: boolean;
13
+ }
14
+ declare const TableButton: (props: TableButtonProps) => React.JSX.Element;
15
+ export default TableButton;
@@ -0,0 +1,45 @@
1
+ import React, { useEffect, useRef, useState } from 'react';
2
+ import * as S from './TableButton.style';
3
+ import { Switch } from '@mui/material';
4
+ import useClickOutside from '../../../../hooks/useClickOutside';
5
+ var TableButton = function (props) {
6
+ var children = props.children, theme = props.theme, list = props.list, disabled = props.disabled, onClick = props.onClick;
7
+ var _a = useState(false), isOpen = _a[0], setIsOpen = _a[1];
8
+ var TableListItemRef = useRef(null);
9
+ var ListRef = useRef(null);
10
+ var _b = useState(true), isOutside = _b[0], setIsOutside = _b[1];
11
+ useClickOutside(TableListItemRef, function () {
12
+ if (isOpen)
13
+ setIsOpen(false);
14
+ });
15
+ useEffect(function () {
16
+ if (isOpen && ListRef.current) {
17
+ var listRect = ListRef.current.getBoundingClientRect();
18
+ var viewportWidth = window.innerWidth;
19
+ setIsOutside(listRect.right < viewportWidth);
20
+ return function () {
21
+ setIsOutside(true);
22
+ };
23
+ }
24
+ }, [isOpen]);
25
+ return (React.createElement(S.TableButtonContainer, { ref: TableListItemRef, "$disabled": disabled },
26
+ React.createElement(S.TableButton, { ref: TableListItemRef, "$config": theme === 'config', "$list": !!list, "$disabled": disabled, onClick: function () {
27
+ setIsOpen(!isOpen);
28
+ if (!list)
29
+ onClick === null || onClick === void 0 ? void 0 : onClick();
30
+ } },
31
+ React.createElement(S.TableLabel, null, children)),
32
+ list && (React.createElement(S.TableList, { ref: ListRef, "$position": isOutside ? 'left' : 'right', "$visible": isOpen }, list === null || list === void 0 ? void 0 : list.options.map(function (item, index) {
33
+ var _a;
34
+ return (React.createElement(S.TableListItem, { key: index, onClick: function () {
35
+ var _a;
36
+ (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item, item.id);
37
+ if (list.closeOnClick)
38
+ setIsOpen(false);
39
+ }, "$disabled": item.disabled },
40
+ React.createElement("span", null, item.label),
41
+ list.toggleableList && (React.createElement(Switch, { size: "small", checked: typeof item.checked === 'function' ? (_a = item.checked) === null || _a === void 0 ? void 0 : _a.call(item) : item.checked }))));
42
+ })))));
43
+ };
44
+ export default TableButton;
45
+ //# sourceMappingURL=TableButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableButton.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/TableButton/TableButton.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,16 @@
1
+ export declare const TableButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
2
+ $disabled?: boolean;
3
+ }>> & string;
4
+ export declare const TableButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
5
+ $config?: boolean;
6
+ $list?: boolean;
7
+ $disabled?: boolean;
8
+ }>> & string;
9
+ export declare const TableLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
10
+ export declare const TableList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
11
+ $position?: "left" | "right";
12
+ $visible?: boolean;
13
+ }>> & string;
14
+ export declare const TableListItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
15
+ $disabled?: boolean;
16
+ }>> & string;
@@ -0,0 +1,9 @@
1
+ import { __makeTemplateObject } from "tslib";
2
+ import styled from 'styled-components';
3
+ export var TableButtonContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n position: relative;\n cursor: ", ";\n"], ["\n display: block;\n position: relative;\n cursor: ", ";\n"])), function (props) { return (props.$disabled ? 'not-allowed' : 'pointer'); });
4
+ export var TableButton = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n border: ", ";\n box-sizing: border-box;\n padding: 10px;\n border-radius: 4px;\n pointer-events: ", ";\n opacity: ", ";\n &:hover {\n background-color: ", ";\n }\n"], ["\n background-color: ", ";\n border: ", ";\n box-sizing: border-box;\n padding: 10px;\n border-radius: 4px;\n pointer-events: ", ";\n opacity: ", ";\n &:hover {\n background-color: ", ";\n }\n"])), function (props) { return (!props.$config ? '#f0f0f0' : '#fff'); }, function (props) { return (props.$config ? '1px solid #ccc' : 'none'); }, function (props) { return (props.$disabled ? 'none' : 'auto'); }, function (props) { return (props.$disabled ? 0.3 : 1); }, function (props) { return (!props.$config ? '#e0e0e0' : '#f9f9f9'); });
5
+ export var TableLabel = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-size: 14px;\n color: #333;\n font-weight: 500;\n"], ["\n font-size: 14px;\n color: #333;\n font-weight: 500;\n"])));
6
+ export var TableList = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n visibility: ", ";\n position: absolute;\n background-color: #fff;\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n border-radius: 4px;\n padding: 10px;\n z-index: 1000;\n ", "\n top: calc(100% + 10px);\n width: 200px;\n"], ["\n visibility: ", ";\n position: absolute;\n background-color: #fff;\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n border-radius: 4px;\n padding: 10px;\n z-index: 1000;\n ", "\n top: calc(100% + 10px);\n width: 200px;\n"])), function (props) { return (props.$visible ? 'visible' : 'hidden'); }, function (props) { return (props.$position === 'left' ? 'left: 0;' : 'right: 0;'); });
7
+ export var TableListItem = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n filter: ", ";\n pointer-events: ", ";\n color: ", ";\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 5px 10px;\n cursor: pointer;\n"], ["\n filter: ", ";\n pointer-events: ", ";\n color: ", ";\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 5px 10px;\n cursor: pointer;\n"])), function (props) { return (props.$disabled ? 'grayscale(1)' : 'none'); }, function (props) { return (props.$disabled ? 'none' : 'auto'); }, function (props) { return (props.$disabled ? '#999' : '#333'); });
8
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
9
+ //# sourceMappingURL=TableButton.style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableButton.style.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/TableButton/TableButton.style.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,kIAAuB,wDAGzD,EAAwD,KACnE,KADW,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,EAA7C,CAA6C,CACnE,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,iRAA6D,wBAC5E,EAAgD,eAC1D,EAAsD,2FAI9C,EAA8C,gBACrD,EAAsC,wCAE3B,EAAmD,UAE1E,KAVqB,UAAC,KAAK,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EAArC,CAAqC,EAC1D,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,EAA3C,CAA2C,EAI9C,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAnC,CAAmC,EACrD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAA3B,CAA2B,EAE3B,UAAC,KAAK,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EAAxC,CAAwC,CAE1E,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,gIAAA,6DAInC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,4SAAsD,kBACzE,EAAkD,mKAO9D,EAAkE,gDAGrE,KAVe,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAvC,CAAuC,EAO9D,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,EAAvD,CAAuD,CAGrE,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,wPAAyB,cACpD,EAAsD,uBAC9C,EAA8C,cACvD,EAA8C,4HAMxD,KARW,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,EAA3C,CAA2C,EAC9C,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAnC,CAAmC,EACvD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAnC,CAAmC,CAMxD,CAAA"}
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { Table } from '@tanstack/react-table';
3
+ import { TableButton as TypeTableButton } from '../../interface';
4
+ interface HeaderProps {
5
+ table: Table<unknown>;
6
+ menus?: TypeTableButton[];
7
+ configs?: TypeTableButton[];
8
+ labels: {
9
+ columns: string;
10
+ };
11
+ hideColumns?: string[];
12
+ onColumnVisibilityChange?: (column: string, value: boolean) => void;
13
+ }
14
+ declare const Header: (props: HeaderProps) => React.JSX.Element;
15
+ export default Header;
@@ -0,0 +1,48 @@
1
+ import { __spreadArray } from "tslib";
2
+ import React, { useCallback, useEffect, useMemo } from 'react';
3
+ import TableButton from '../TableButton/TableButton';
4
+ import TableChartIcon from '@mui/icons-material/TableChart';
5
+ import * as S from './header.styles';
6
+ var Header = function (props) {
7
+ var table = props.table, menus = props.menus, configs = props.configs, labels = props.labels, hideColumns = props.hideColumns, onColumnVisibilityChange = props.onColumnVisibilityChange;
8
+ useEffect(function () {
9
+ if (!hideColumns)
10
+ return;
11
+ table
12
+ .getAllLeafColumns()
13
+ .filter(function (column) { return hideColumns.includes(column.id); })
14
+ .forEach(function (column) { return column.toggleVisibility(false); });
15
+ }, [hideColumns, table]);
16
+ var _tableFields = useCallback(function () {
17
+ return table.getAllLeafColumns().map(function (column) { return ({
18
+ id: column.id,
19
+ label: column.columnDef.header || column.id,
20
+ onClick: function () {
21
+ var isVisible = !column.getIsVisible();
22
+ column.toggleVisibility(isVisible);
23
+ onColumnVisibilityChange === null || onColumnVisibilityChange === void 0 ? void 0 : onColumnVisibilityChange(column.id, isVisible);
24
+ },
25
+ checked: function () { return column.getIsVisible(); },
26
+ }); });
27
+ }, [table]);
28
+ var _menus = useMemo(function () {
29
+ return menus;
30
+ }, [menus]);
31
+ var _configs = useMemo(function () {
32
+ var _fields = {
33
+ render: function () { return (React.createElement(S.BtnColumns, null,
34
+ React.createElement(TableChartIcon, { style: { fontSize: '1rem' } }),
35
+ labels.columns)); },
36
+ list: {
37
+ options: _tableFields(),
38
+ toggleableList: true,
39
+ },
40
+ };
41
+ return __spreadArray(__spreadArray([], (configs || []), true), [_fields], false);
42
+ }, [configs]);
43
+ return (React.createElement(S.Header, null,
44
+ React.createElement(S.HeaderMenus, null, _menus === null || _menus === void 0 ? void 0 : _menus.map(function (menu, index) { return (React.createElement(TableButton, { key: index, theme: "menu", onClick: function () { var _a; return (_a = menu.onClick) === null || _a === void 0 ? void 0 : _a.call(menu); }, list: menu.list, disabled: menu.disabled }, menu.render())); })),
45
+ React.createElement(S.HeaderConfigs, null, _configs === null || _configs === void 0 ? void 0 : _configs.map(function (config, index) { return (React.createElement(TableButton, { key: index, theme: "config", onClick: function () { var _a; return (_a = config.onClick) === null || _a === void 0 ? void 0 : _a.call(config); }, list: config.list, disabled: config.disabled }, config.render())); }))));
46
+ };
47
+ export default Header;
48
+ //# sourceMappingURL=header.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/header.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
+ export declare const HeaderMenus: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
+ export declare const BtnColumns: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
4
+ export declare const HeaderConfigs: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -0,0 +1,8 @@
1
+ import { __makeTemplateObject } from "tslib";
2
+ import styled from 'styled-components';
3
+ export var Header = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n padding: 10px 0;\n border-bottom: 1px solid #e0e0e0;\n justify-content: space-between;\n"], ["\n display: flex;\n padding: 10px 0;\n border-bottom: 1px solid #e0e0e0;\n justify-content: space-between;\n"])));
4
+ export var HeaderMenus = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n gap: 10px;\n align-items: center;\n"], ["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
5
+ export var BtnColumns = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n gap: 5px;\n align-items: center;\n"], ["\n display: flex;\n gap: 5px;\n align-items: center;\n"])));
6
+ export var HeaderConfigs = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n gap: 10px;\n align-items: center;\n"], ["\n display: flex;\n gap: 10px;\n align-items: center;\n"])));
7
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
8
+ //# sourceMappingURL=header.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"header.styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/header.styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,MAAM,GAAG,MAAM,CAAC,GAAG,qLAAA,kHAK/B,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,+HAAA,4DAIpC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,8HAAA,2DAInC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,+HAAA,4DAItC,IAAA,CAAA"}
@@ -1,6 +1,7 @@
1
- import Pagination from "./pagination";
2
- import Header from "./header";
1
+ import Pagination from "./pagination/pagination";
2
+ import Header from "./header/header";
3
3
  import SimpleRow from "./row/SimpleRow";
4
4
  import DraggableRow from "./row/DraggableRow";
5
5
  import RowDragHandleCell from "./row/RowDragHandleCell";
6
- export { Pagination, Header, SimpleRow, DraggableRow, RowDragHandleCell };
6
+ import TableButton from "./TableButton/TableButton";
7
+ export { Pagination, Header, SimpleRow, DraggableRow, RowDragHandleCell, TableButton };
@@ -1,7 +1,8 @@
1
- import Pagination from "./pagination";
2
- import Header from "./header";
1
+ import Pagination from "./pagination/pagination";
2
+ import Header from "./header/header";
3
3
  import SimpleRow from "./row/SimpleRow";
4
4
  import DraggableRow from "./row/DraggableRow";
5
5
  import RowDragHandleCell from "./row/RowDragHandleCell";
6
- export { Pagination, Header, SimpleRow, DraggableRow, RowDragHandleCell };
6
+ import TableButton from "./TableButton/TableButton";
7
+ export { Pagination, Header, SimpleRow, DraggableRow, RowDragHandleCell, TableButton };
7
8
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/UncontrolledTable/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,SAAS,MAAM,iBAAiB,CAAC;AACxC,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AAExD,OAAO,EACL,UAAU,EACV,MAAM,EACN,SAAS,EACT,YAAY,EACZ,iBAAiB,EAClB,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/UncontrolledTable/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,SAAS,MAAM,iBAAiB,CAAC;AACxC,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AACxD,OAAO,WAAW,MAAM,2BAA2B,CAAC;AAGpD,OAAO,EACL,UAAU,EACV,MAAM,EACN,SAAS,EACT,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACZ,CAAA"}
@@ -1,7 +1,7 @@
1
1
  import { __assign } from "tslib";
2
2
  import React from 'react';
3
3
  import { Pagination as MuiPagination, PaginationItem } from '@mui/material';
4
- import * as S from './styles';
4
+ import * as S from './pagination.styles';
5
5
  var Pagination = function (props) {
6
6
  var count = props.count, pagination = props.pagination, onChangePage = props.onChangePage;
7
7
  var PreviousPagination = function () {
@@ -15,4 +15,4 @@ var Pagination = function (props) {
15
15
  React.createElement(MuiPagination, { onChange: function (_event, page) { return onChangePage(page); }, page: pagination.pageIndex, count: count, renderItem: function (item) { return (React.createElement(PaginationItem, __assign({ classes: { root: 'button', selected: 'button-active' }, slots: { previous: PreviousPagination, next: NextPagination }, sx: { height: '35px', minWidth: '35px' } }, item))); } }))));
16
16
  };
17
17
  export default Pagination;
18
- //# sourceMappingURL=index.js.map
18
+ //# sourceMappingURL=pagination.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/pagination/pagination.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC5E,OAAO,KAAK,CAAC,MAAM,qBAAqB,CAAC;AAQzC,IAAM,UAAU,GAAG,UAAC,KAAsB;IAChC,IAAA,KAAK,GAA+B,KAAK,MAApC,EAAE,UAAU,GAAmB,KAAK,WAAxB,EAAE,YAAY,GAAK,KAAK,aAAV,CAAW;IAElD,IAAM,kBAAkB,GAAkB;QACxC,OAAO,kCAAO,GAAG,CAAQ,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,cAAc,GAAkB;QACpC,OAAO,kCAAO,GAAG,CAAQ,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,CAAC,CAAC,UAAU;QACX,6BAAK,SAAS,EAAC,SAAS;YACtB,oBAAC,aAAa,IACZ,QAAQ,EAAE,UAAC,MAAkC,EAAE,IAAY,IAAK,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EAClF,IAAI,EAAE,UAAU,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAC,IAAS,IAAK,OAAA,CACzB,oBAAC,cAAc,aACb,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,EACtD,KAAK,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE,IAAI,EAAE,cAAc,EAAE,EAC7D,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IACpC,IAAI,EACR,CACH,EAP0B,CAO1B,GACD,CACE,CACO,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -2,4 +2,4 @@ import { __makeTemplateObject } from "tslib";
2
2
  import styled from "styled-components";
3
3
  export var Pagination = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n margin: 24px 0 0 0;\n display: flex;\n justify-content: center;\n .content {\n display: flex;\n gap: 8px;\n .button {\n border: 1px solid #E8E9EC;\n background: #fff;\n border-radius: 4px;\n color: #4D4F5C;\n cursor: pointer;\n &:disabled {\n opacity: 0.4;\n }\n }\n .button-active {\n border: 1px solid #FFDB9F;\n background: #FFDB9F;\n color: #B74616;\n border-radius: 4px;\n cursor: pointer;\n }\n }\n"], ["\n width: 100%;\n margin: 24px 0 0 0;\n display: flex;\n justify-content: center;\n .content {\n display: flex;\n gap: 8px;\n .button {\n border: 1px solid #E8E9EC;\n background: #fff;\n border-radius: 4px;\n color: #4D4F5C;\n cursor: pointer;\n &:disabled {\n opacity: 0.4;\n }\n }\n .button-active {\n border: 1px solid #FFDB9F;\n background: #FFDB9F;\n color: #B74616;\n border-radius: 4px;\n cursor: pointer;\n }\n }\n"])));
4
4
  var templateObject_1;
5
- //# sourceMappingURL=styles.js.map
5
+ //# sourceMappingURL=pagination.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pagination.styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/pagination/pagination.styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,skBAAA,mgBA0BnC,IAAA,CAAA"}
@@ -15,7 +15,7 @@ var DraggableRow = function (_a) {
15
15
  zIndex: isDragging ? 1 : 0,
16
16
  position: 'relative',
17
17
  };
18
- return (React.createElement(S.Tr, { "$hasAction": !!onClick || !!onMouseOver || !!onMouseOut, ref: setNodeRef, style: style }, row.getVisibleCells().map(function (cell) { return (React.createElement(S.Td, { key: cell.id, onClick: onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut }, cell.column.columnDef.type == 'action'
18
+ return (React.createElement(S.Tr, { ref: setNodeRef, style: style }, row.getVisibleCells().map(function (cell) { return (React.createElement(S.Td, { key: cell.id, onClick: onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut }, cell.column.columnDef.type == 'action'
19
19
  ? cell.getValue()
20
20
  : flexRender(cell.column.columnDef.cell, cell.getContext()))); })));
21
21
  };
@@ -1 +1 @@
1
- {"version":3,"file":"DraggableRow.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/row/DraggableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,IAAM,YAAY,GAAkB,UAAC,EAAyC;QAAvC,GAAG,SAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,UAAU,gBAAA;IACpE,IAAA,KAAoD,WAAW,CAAC;QACpE,EAAE,EAAE,GAAG,CAAC,EAAE;KACX,CAAC,EAFM,SAAS,eAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAEnD,CAAC;IAEH,IAAM,KAAK,GAAkB;QAC3B,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU,EAAE,UAAU;QACtB,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC7B,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1B,QAAQ,EAAE,UAAU;KACrB,CAAC;IAEF,OAAO,CACL,oBAAC,CAAC,CAAC,EAAE,kBAAa,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,IACxF,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACxC,oBAAC,CAAC,CAAC,EAAE,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,IACnF,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,IAAI,QAAQ;QACrC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;QACjB,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CACxD,CACR,EANyC,CAMzC,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"DraggableRow.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/row/DraggableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAE7B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAA;AAExC,IAAM,YAAY,GAAkB,UAAC,EAAyC;QAAvC,GAAG,SAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,UAAU,gBAAA;IACpE,IAAA,KAAoD,WAAW,CAAC;QACpE,EAAE,EAAE,GAAG,CAAC,EAAE;KACX,CAAC,EAFM,SAAS,eAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAEnD,CAAA;IAEF,IAAM,KAAK,GAAkB;QAC3B,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU,EAAE,UAAU;QACtB,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC7B,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1B,QAAQ,EAAE,UAAU;KACrB,CAAA;IAED,OAAO,CACL,oBAAC,CAAC,CAAC,EAAE,IAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,IAChC,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACxC,oBAAC,CAAC,CAAC,EAAE,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,IACnF,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,IAAI,QAAQ;QACrC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;QACjB,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CACxD,CACR,EANyC,CAMzC,CAAC,CACG,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
@@ -3,7 +3,7 @@ import { flexRender } from '@tanstack/react-table';
3
3
  import * as S from './styles';
4
4
  var SimpleRow = function (_a) {
5
5
  var row = _a.row, onClick = _a.onClick, onMouseOver = _a.onMouseOver, onMouseOut = _a.onMouseOut;
6
- return (React.createElement(S.Tr, { "$hasAction": !!onClick || !!onMouseOver || !!onMouseOut, onClick: function () { return (onClick ? onClick(row.original) : null); }, onMouseOver: function () { return (onMouseOver ? onMouseOver(row.original) : null); }, onMouseOut: function () { return (onMouseOut ? onMouseOut(row.original) : null); } }, row.getVisibleCells().map(function (cell, index) {
6
+ return (React.createElement(S.Tr, { onClick: function () { return (onClick ? onClick(row.original) : null); }, onMouseOver: function () { return (onMouseOver ? onMouseOver(row.original) : null); }, onMouseOut: function () { return (onMouseOut ? onMouseOut(row.original) : null); } }, row.getVisibleCells().map(function (cell, index) {
7
7
  return (React.createElement(S.Td, { key: index }, cell.column.columnDef.type == 'action'
8
8
  ? cell.getValue()
9
9
  : flexRender(cell.column.columnDef.cell, cell.getContext())));
@@ -1 +1 @@
1
- {"version":3,"file":"SimpleRow.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/row/SimpleRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAE9B,IAAM,SAAS,GAAkB,UAAC,EAAyC;QAAvC,GAAG,SAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,UAAU,gBAAA;IACvE,OAAO,CACL,oBAAC,CAAC,CAAC,EAAE,kBACS,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,UAAU,EACtD,OAAO,EAAE,cAAM,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAxC,CAAwC,EACvD,WAAW,EAAE,cAAM,OAAA,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAhD,CAAgD,EACnE,UAAU,EAAE,cAAM,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAA9C,CAA8C,IAE/D,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa;QAClD,OAAO,CACL,oBAAC,CAAC,CAAC,EAAE,IAAC,GAAG,EAAE,KAAK,IACb,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,IAAI,QAAQ;YACrC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;YACjB,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CACxD,CACR,CAAC;IACJ,CAAC,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"SimpleRow.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/row/SimpleRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAE7B,IAAM,SAAS,GAAkB,UAAC,EAAyC;QAAvC,GAAG,SAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,UAAU,gBAAA;IACvE,OAAO,CACL,oBAAC,CAAC,CAAC,EAAE,IACH,OAAO,EAAE,cAAM,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAxC,CAAwC,EACvD,WAAW,EAAE,cAAM,OAAA,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAhD,CAAgD,EACnE,UAAU,EAAE,cAAM,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAA9C,CAA8C,IAE/D,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa;QAClD,OAAO,CACL,oBAAC,CAAC,CAAC,EAAE,IAAC,GAAG,EAAE,KAAK,IACb,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,IAAI,QAAQ;YACrC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;YACjB,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CACxD,CACR,CAAA;IACH,CAAC,CAAC,CACG,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
@@ -1,2 +1,2 @@
1
- export declare const Tr: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
1
+ export declare const Tr: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
2
2
  export declare const Td: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>> & string;