norma-library 0.5.811 → 0.5.812

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 (239) hide show
  1. package/dist/esm/components/Box/index.d.ts +4 -0
  2. package/dist/esm/components/Box/index.js +8 -0
  3. package/dist/esm/components/Box/index.js.map +1 -0
  4. package/dist/esm/components/Box/interfaces.d.ts +5 -0
  5. package/dist/esm/components/Box/interfaces.js +2 -0
  6. package/dist/esm/components/Box/interfaces.js.map +1 -0
  7. package/dist/esm/components/Box/styles.d.ts +3 -0
  8. package/dist/esm/components/Box/styles.js +17 -0
  9. package/dist/esm/components/Box/styles.js.map +1 -0
  10. package/dist/esm/components/Breadcrumb/index.d.ts +4 -0
  11. package/dist/esm/components/Breadcrumb/index.js +18 -0
  12. package/dist/esm/components/Breadcrumb/index.js.map +1 -0
  13. package/dist/esm/components/Breadcrumb/interface.d.ts +8 -0
  14. package/dist/esm/components/Breadcrumb/interface.js +2 -0
  15. package/dist/esm/components/Breadcrumb/interface.js.map +1 -0
  16. package/dist/esm/components/Breadcrumb/styles.d.ts +5 -0
  17. package/dist/esm/components/Breadcrumb/styles.js +8 -0
  18. package/dist/esm/components/Breadcrumb/styles.js.map +1 -0
  19. package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.style.d.ts +1 -1
  20. package/dist/esm/components/DataGrid/base/dropdown.d.ts +4 -4
  21. package/dist/esm/components/DataGrid/base/dropdown.js +125 -125
  22. package/dist/esm/components/DataGrid/base/dropdown.js.map +1 -1
  23. package/dist/esm/components/DataGrid/base/number-filter.d.ts +4 -4
  24. package/dist/esm/components/DataGrid/base/number-filter.js +29 -29
  25. package/dist/esm/components/DataGrid/base/sorting.d.ts +5 -5
  26. package/dist/esm/components/DataGrid/base/sorting.js +14 -14
  27. package/dist/esm/components/DataGrid/icons.d.ts +5 -4
  28. package/dist/esm/components/DataGrid/icons.js +19 -14
  29. package/dist/esm/components/DataGrid/icons.js.map +1 -1
  30. package/dist/esm/components/DataGrid/index.d.ts +3 -5
  31. package/dist/esm/components/DataGrid/index.js +213 -145
  32. package/dist/esm/components/DataGrid/index.js.map +1 -1
  33. package/dist/esm/components/DataGrid/shared.d.ts +20 -20
  34. package/dist/esm/components/DataGrid/shared.js +118 -127
  35. package/dist/esm/components/DataGrid/shared.js.map +1 -1
  36. package/dist/esm/components/DataGrid/styled.d.ts +11 -11
  37. package/dist/esm/components/DataGrid/styled.js +85 -85
  38. package/dist/esm/components/DateInput/index.d.ts +4 -0
  39. package/dist/esm/components/DateInput/index.js +15 -0
  40. package/dist/esm/components/DateInput/index.js.map +1 -0
  41. package/dist/esm/components/DateInput/interface.d.ts +12 -0
  42. package/dist/esm/components/DateInput/interface.js +2 -0
  43. package/dist/esm/components/DateInput/interface.js.map +1 -0
  44. package/dist/esm/components/DateInput/styles.d.ts +5 -0
  45. package/dist/esm/components/DateInput/styles.js +7 -0
  46. package/dist/esm/components/DateInput/styles.js.map +1 -0
  47. package/dist/esm/components/Icons.d.ts +1 -1
  48. package/dist/esm/components/Icons.js.map +1 -1
  49. package/dist/esm/components/MultiSelectInput/components/MultiValue/index.d.ts +3 -0
  50. package/dist/esm/components/MultiSelectInput/components/MultiValue/index.js +30 -0
  51. package/dist/esm/components/MultiSelectInput/components/MultiValue/index.js.map +1 -0
  52. package/dist/esm/components/MultiSelectInput/components/Option/index.d.ts +3 -0
  53. package/dist/esm/components/MultiSelectInput/components/Option/index.js +36 -0
  54. package/dist/esm/components/MultiSelectInput/components/Option/index.js.map +1 -0
  55. package/dist/esm/components/MultiSelectInput/components/Option/styles.d.ts +2 -0
  56. package/dist/esm/components/MultiSelectInput/components/Option/styles.js +5 -0
  57. package/dist/esm/components/MultiSelectInput/components/Option/styles.js.map +1 -0
  58. package/dist/esm/components/MultiSelectInput/index.d.ts +4 -0
  59. package/dist/esm/components/MultiSelectInput/index.js +33 -0
  60. package/dist/esm/components/MultiSelectInput/index.js.map +1 -0
  61. package/dist/esm/components/MultiSelectInput/interfaces.d.ts +15 -0
  62. package/dist/esm/components/MultiSelectInput/interfaces.js +2 -0
  63. package/dist/esm/components/MultiSelectInput/interfaces.js.map +1 -0
  64. package/dist/esm/components/MultiSelectInput/styles.d.ts +3 -0
  65. package/dist/esm/components/MultiSelectInput/styles.js +6 -0
  66. package/dist/esm/components/MultiSelectInput/styles.js.map +1 -0
  67. package/dist/esm/components/SelectInput/components/Option/index.d.ts +3 -0
  68. package/dist/esm/components/SelectInput/components/Option/index.js +34 -0
  69. package/dist/esm/components/SelectInput/components/Option/index.js.map +1 -0
  70. package/dist/esm/components/SelectInput/components/Option/styles.d.ts +2 -0
  71. package/dist/esm/components/SelectInput/components/Option/styles.js +5 -0
  72. package/dist/esm/components/SelectInput/components/Option/styles.js.map +1 -0
  73. package/dist/esm/components/SelectInput/index.d.ts +4 -0
  74. package/dist/esm/components/SelectInput/index.js +19 -0
  75. package/dist/esm/components/SelectInput/index.js.map +1 -0
  76. package/dist/esm/components/SelectInput/interfaces.d.ts +15 -0
  77. package/dist/esm/components/SelectInput/interfaces.js +2 -0
  78. package/dist/esm/components/SelectInput/interfaces.js.map +1 -0
  79. package/dist/esm/components/SelectInput/styles.d.ts +3 -0
  80. package/dist/esm/components/SelectInput/styles.js +6 -0
  81. package/dist/esm/components/SelectInput/styles.js.map +1 -0
  82. package/dist/esm/components/Table/components/header/index.d.ts +3 -0
  83. package/dist/esm/components/Table/components/header/index.js +35 -0
  84. package/dist/esm/components/Table/components/header/index.js.map +1 -0
  85. package/dist/esm/components/Table/components/header/styles.d.ts +8 -0
  86. package/dist/esm/components/Table/components/header/styles.js +11 -0
  87. package/dist/esm/components/Table/components/header/styles.js.map +1 -0
  88. package/dist/esm/components/Table/components/index.d.ts +4 -0
  89. package/dist/esm/components/Table/components/index.js +5 -0
  90. package/dist/esm/components/Table/components/index.js.map +1 -0
  91. package/dist/esm/components/Table/components/pagination/index.d.ts +3 -0
  92. package/dist/esm/components/Table/components/pagination/index.js +16 -0
  93. package/dist/esm/components/Table/components/pagination/index.js.map +1 -0
  94. package/dist/esm/components/Table/components/pagination/styles.d.ts +2 -0
  95. package/dist/esm/components/Table/components/pagination/styles.js +5 -0
  96. package/dist/esm/components/Table/components/pagination/styles.js.map +1 -0
  97. package/dist/esm/components/Table/components/tbody/index.d.ts +3 -0
  98. package/dist/esm/components/Table/components/tbody/index.js +8 -0
  99. package/dist/esm/components/Table/components/tbody/index.js.map +1 -0
  100. package/dist/esm/components/Table/components/tbody/styles.d.ts +0 -0
  101. package/dist/esm/components/Table/components/tbody/styles.js +2 -0
  102. package/dist/esm/components/Table/components/tbody/styles.js.map +1 -0
  103. package/dist/esm/components/Table/index-old.d.ts +4 -0
  104. package/dist/esm/components/Table/index-old.js +249 -0
  105. package/dist/esm/components/Table/index-old.js.map +1 -0
  106. package/dist/esm/components/Table/index.d.ts +4 -0
  107. package/dist/esm/components/Table/index.js +215 -0
  108. package/dist/esm/components/Table/index.js.map +1 -0
  109. package/dist/esm/components/Table/interface.d.ts +12 -0
  110. package/dist/esm/components/Table/interface.js +2 -0
  111. package/dist/esm/components/Table/interface.js.map +1 -0
  112. package/dist/esm/components/Table/styles.d.ts +10 -0
  113. package/dist/esm/components/Table/styles.js +13 -0
  114. package/dist/esm/components/Table/styles.js.map +1 -0
  115. package/dist/esm/components/Table-old/index.d.ts +3 -0
  116. package/dist/esm/components/Table-old/index.js +71 -0
  117. package/dist/esm/components/Table-old/index.js.map +1 -0
  118. package/dist/esm/components/Table-old/styles.d.ts +3004 -0
  119. package/dist/esm/components/Table-old/styles.js +15 -0
  120. package/dist/esm/components/Table-old/styles.js.map +1 -0
  121. package/dist/esm/components/TextInput/index.d.ts +4 -0
  122. package/dist/esm/components/TextInput/index.js +16 -0
  123. package/dist/esm/components/TextInput/index.js.map +1 -0
  124. package/dist/esm/components/TextInput/interface.d.ts +10 -0
  125. package/dist/esm/components/TextInput/interface.js +2 -0
  126. package/dist/esm/components/TextInput/interface.js.map +1 -0
  127. package/dist/esm/components/TextInput/styles.d.ts +4 -0
  128. package/dist/esm/components/TextInput/styles.js +7 -0
  129. package/dist/esm/components/TextInput/styles.js.map +1 -0
  130. package/dist/esm/components/Typography/Text/index.d.ts +4 -0
  131. package/dist/esm/components/Typography/Text/index.js +8 -0
  132. package/dist/esm/components/Typography/Text/index.js.map +1 -0
  133. package/dist/esm/components/Typography/Text/interfaces.d.ts +7 -0
  134. package/dist/esm/components/Typography/Text/interfaces.js +2 -0
  135. package/dist/esm/components/Typography/Text/interfaces.js.map +1 -0
  136. package/dist/esm/components/Typography/Text/styles.d.ts +3 -0
  137. package/dist/esm/components/Typography/Text/styles.js +35 -0
  138. package/dist/esm/components/Typography/Text/styles.js.map +1 -0
  139. package/dist/esm/components/Typography/Title/index.d.ts +4 -0
  140. package/dist/esm/components/Typography/Title/index.js +8 -0
  141. package/dist/esm/components/Typography/Title/index.js.map +1 -0
  142. package/dist/esm/components/Typography/Title/interfaces.d.ts +8 -0
  143. package/dist/esm/components/Typography/Title/interfaces.js +2 -0
  144. package/dist/esm/components/Typography/Title/interfaces.js.map +1 -0
  145. package/dist/esm/components/Typography/Title/styles.d.ts +3 -0
  146. package/dist/esm/components/Typography/Title/styles.js +35 -0
  147. package/dist/esm/components/Typography/Title/styles.js.map +1 -0
  148. package/dist/esm/components/Typography/index.d.ts +3 -0
  149. package/dist/esm/components/Typography/index.js +4 -0
  150. package/dist/esm/components/Typography/index.js.map +1 -0
  151. package/dist/esm/components/index.d.ts +1 -1
  152. package/dist/esm/components/index.js +1 -1
  153. package/dist/esm/components/index.js.map +1 -1
  154. package/dist/esm/helpers/alignments.js.map +1 -1
  155. package/dist/esm/helpers/borders.js.map +1 -1
  156. package/dist/esm/helpers/colors.js.map +1 -1
  157. package/dist/esm/helpers/radios.js.map +1 -1
  158. package/dist/esm/helpers/sizes.js.map +1 -1
  159. package/dist/esm/index.d.ts +10 -2
  160. package/dist/esm/index.js +10 -2
  161. package/dist/esm/index.js.map +1 -1
  162. package/dist/esm/interfaces/DataGrid.d.ts +42 -42
  163. package/dist/esm/interfaces/DataGrid.js +1 -1
  164. package/dist/esm/interfaces/index.d.ts +0 -1
  165. package/dist/esm/interfaces/index.js +0 -1
  166. package/dist/esm/interfaces/index.js.map +1 -1
  167. package/package.json +6 -4
  168. package/src/components/Box/index.tsx +13 -0
  169. package/src/components/Box/interfaces.ts +4 -0
  170. package/src/components/Box/styles.tsx +23 -0
  171. package/src/components/Breadcrumb/index.tsx +27 -0
  172. package/src/components/Breadcrumb/interface.ts +9 -0
  173. package/src/components/Breadcrumb/styles.tsx +33 -0
  174. package/src/components/DateInput/index.tsx +35 -0
  175. package/src/components/DateInput/interface.ts +14 -0
  176. package/src/components/DateInput/styles.tsx +28 -0
  177. package/src/components/MultiSelectInput/components/MultiValue/index.tsx +44 -0
  178. package/src/components/MultiSelectInput/components/Option/index.tsx +63 -0
  179. package/src/components/MultiSelectInput/components/Option/styles.tsx +9 -0
  180. package/src/components/MultiSelectInput/index.tsx +61 -0
  181. package/src/components/MultiSelectInput/interfaces.ts +16 -0
  182. package/src/components/MultiSelectInput/styles.tsx +44 -0
  183. package/src/components/SelectInput/components/Option/index.tsx +62 -0
  184. package/src/components/SelectInput/components/Option/styles.tsx +9 -0
  185. package/src/components/SelectInput/index.tsx +46 -0
  186. package/src/components/SelectInput/interfaces.ts +16 -0
  187. package/src/components/SelectInput/styles.tsx +32 -0
  188. package/src/components/Table/components/header/index.tsx +59 -0
  189. package/src/components/Table/components/header/styles.tsx +55 -0
  190. package/src/components/Table/components/index.tsx +9 -0
  191. package/src/components/Table/components/pagination/index.tsx +42 -0
  192. package/src/components/Table/components/pagination/styles.tsx +19 -0
  193. package/src/components/Table/components/tbody/index.tsx +20 -0
  194. package/src/components/Table/components/tbody/styles.tsx +0 -0
  195. package/src/components/Table/index.tsx +295 -0
  196. package/src/components/Table/interface.ts +14 -0
  197. package/src/components/Table/styles.tsx +113 -0
  198. package/src/components/TextInput/index.tsx +38 -0
  199. package/src/components/TextInput/interface.ts +10 -0
  200. package/src/components/TextInput/styles.tsx +24 -0
  201. package/src/components/Typography/Text/index.tsx +21 -0
  202. package/src/components/Typography/Text/interfaces.ts +6 -0
  203. package/src/components/Typography/Text/styles.tsx +41 -0
  204. package/src/components/Typography/Title/index.tsx +23 -0
  205. package/src/components/Typography/Title/interfaces.ts +7 -0
  206. package/src/components/Typography/Title/styles.tsx +41 -0
  207. package/src/components/Typography/index.tsx +7 -0
  208. package/src/components/index.ts +1 -1
  209. package/src/index.css +0 -2
  210. package/src/index.ts +19 -2
  211. package/src/interfaces/index.ts +0 -1
  212. package/src/sample-data.json +2 -3
  213. package/src/stories/Box.stories.tsx +36 -0
  214. package/src/stories/Breadcrumb.stories.tsx +45 -0
  215. package/src/stories/DateInput.stories.tsx +52 -0
  216. package/src/stories/MultiSelectInput.stories.tsx +91 -0
  217. package/src/stories/SelectInput.stories.tsx +79 -0
  218. package/src/stories/Table.stories.tsx +222 -0
  219. package/src/stories/Text.stories.tsx +38 -0
  220. package/src/stories/TextInput.stories.tsx +53 -0
  221. package/src/stories/Title.stories.tsx +44 -0
  222. package/src/styles/custom.css +1 -0
  223. package/src/styles/{globals.css → globals.scss} +1 -4
  224. package/tsconfig.json +1 -1
  225. package/vite.config.ts +15 -0
  226. package/.husky/commit-msg +0 -4
  227. package/src/components/DataGrid/allData.json +0 -2918
  228. package/src/components/DataGrid/base/dropdown.tsx +0 -212
  229. package/src/components/DataGrid/base/number-filter.tsx +0 -43
  230. package/src/components/DataGrid/base/sorting.tsx +0 -29
  231. package/src/components/DataGrid/icons.tsx +0 -53
  232. package/src/components/DataGrid/index.tsx +0 -259
  233. package/src/components/DataGrid/shared.ts +0 -154
  234. package/src/components/DataGrid/styled.ts +0 -107
  235. package/src/components/DataGrid/styles/dropdown.module.css +0 -86
  236. package/src/components/DataGrid/styles/number-filter.module.css +0 -16
  237. package/src/components/DataGrid/styles/styles.module.css +0 -107
  238. package/src/interfaces/DataGrid.ts +0 -47
  239. package/src/stories/DataGrid.stories.tsx +0 -31
@@ -0,0 +1,36 @@
1
+ import { __assign, __rest } from "tslib";
2
+ import React, { useState } from "react";
3
+ import { components } from "react-select";
4
+ import * as S from "./styles";
5
+ var Option = function (_a) {
6
+ var isFocused = _a.isFocused, isSelected = _a.isSelected, innerProps = _a.innerProps, children = _a.children, getStyles = _a.getStyles, isDisabled = _a.isDisabled, rest = __rest(_a, ["isFocused", "isSelected", "innerProps", "children", "getStyles", "isDisabled"]);
7
+ var _b = useState(false), isActive = _b[0], setIsActive = _b[1];
8
+ var onMouseDown = function () { return setIsActive(true); };
9
+ var onMouseUp = function () { return setIsActive(false); };
10
+ var onMouseLeave = function () { return setIsActive(false); };
11
+ var bg = "transparent";
12
+ var color = "#000";
13
+ if (isFocused) {
14
+ bg = "#f1f1f1";
15
+ }
16
+ ;
17
+ if (isActive) {
18
+ bg = "#F8F9FA";
19
+ }
20
+ ;
21
+ var style = {
22
+ alignItems: "center",
23
+ transition: "0.3s",
24
+ backgroundColor: bg,
25
+ color: color,
26
+ display: "flex ",
27
+ gap: '8px'
28
+ };
29
+ var props = __assign(__assign(__assign({}, innerProps), { onMouseDown: onMouseDown, onMouseUp: onMouseUp, onMouseLeave: onMouseLeave, style: style }), rest);
30
+ return (React.createElement(S.Container, null,
31
+ React.createElement(components.Option, __assign({}, rest, { isDisabled: isDisabled, isFocused: isFocused, isSelected: isSelected, getStyles: getStyles, innerProps: props }),
32
+ React.createElement("input", { type: "checkbox", checked: isSelected, onChange: function () { return null; } }),
33
+ children)));
34
+ };
35
+ export default Option;
36
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/MultiSelectInput/components/Option/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAE9B,IAAM,MAAM,GAAiB,UAAC,EAQ7B;IAPC,IAAA,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,UAAU,gBAAA,EACP,IAAI,cAPqB,gFAQ7B,CADQ;IAED,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAChD,IAAM,WAAW,GAAG,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,CAAC;IAC5C,IAAM,SAAS,GAAG,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,CAAC;IAC3C,IAAM,YAAY,GAAG,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,CAAC;IAE9C,IAAI,EAAE,GAAG,aAAa,CAAA;IACtB,IAAI,KAAK,GAAG,MAAM,CAAA;IAElB,IAAI,SAAS,EAAE,CAAC;QACd,EAAE,GAAG,SAAS,CAAA;IAChB,CAAC;IAAA,CAAC;IACF,IAAI,QAAQ,EAAE,CAAC;QACb,EAAE,GAAG,SAAS,CAAA;IAChB,CAAC;IAAA,CAAC;IAEF,IAAM,KAAK,GAAG;QACZ,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,MAAM;QAClB,eAAe,EAAE,EAAE;QACnB,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,OAAO;QAChB,GAAG,EAAE,KAAK;KACX,CAAC;IAEF,IAAM,KAAK,kCACN,UAAU,KACb,WAAW,aAAA,EACX,SAAS,WAAA,EACT,YAAY,cAAA,EACZ,KAAK,OAAA,KACF,IAAI,CACR,CAAC;IAEF,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS;QACV,oBAAC,UAAU,CAAC,MAAM,eACZ,IAAI,IACR,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,KAAK;YACjB,+BAAO,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI,GAAG;YAClE,QAAQ,CACS,CACR,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAA"}
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
@@ -0,0 +1,5 @@
1
+ import { __makeTemplateObject } from "tslib";
2
+ import styled from "styled-components";
3
+ export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-size: 16px;\n color: #666666;\n &:nth-child(even) {\n background: #F8F9FA;\n }\n"], ["\n font-size: 16px;\n color: #666666;\n &:nth-child(even) {\n background: #F8F9FA;\n }\n"])));
4
+ var templateObject_1;
5
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/MultiSelectInput/components/Option/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,oKAAA,iGAMlC,IAAA,CAAA"}
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { MultiSelectProps } from "./interfaces";
3
+ declare const MultiSelectInput: React.FC<MultiSelectProps>;
4
+ export default MultiSelectInput;
@@ -0,0 +1,33 @@
1
+ import React, { useState } from "react";
2
+ import Select from "react-select";
3
+ import * as S from "./styles";
4
+ import Option from "./components/Option";
5
+ import MultiValue from "./components/MultiValue";
6
+ var MultiSelectInput = function (_a) {
7
+ var className = _a.className, label = _a.label, onChange = _a.onChange, placeholder = _a.placeholder, disabled = _a.disabled, options = _a.options, value = _a.value, isSearchable = _a.isSearchable, isClearable = _a.isClearable;
8
+ var _b = useState(value), valueSelected = _b[0], setValueSelected = _b[1];
9
+ var components = {
10
+ MultiValueContainer: function (_a) {
11
+ var _b;
12
+ var selectProps = _a.selectProps, data = _a.data;
13
+ var values = selectProps.value;
14
+ if (values) {
15
+ var separator = values.length > 1 ? ', ' : '';
16
+ return ((_b = values[values.length - 1]) === null || _b === void 0 ? void 0 : _b.label) === (data === null || data === void 0 ? void 0 : data.label)
17
+ ? data === null || data === void 0 ? void 0 : data.label
18
+ : (data === null || data === void 0 ? void 0 : data.label) + "".concat(separator);
19
+ }
20
+ return;
21
+ },
22
+ Option: Option,
23
+ MultiValue: MultiValue
24
+ };
25
+ return (React.createElement(S.Container, { className: className },
26
+ label ? React.createElement(S.Label, null, label) : null,
27
+ React.createElement(Select, { placeholder: placeholder, className: "react-select-container", classNamePrefix: "react-select", defaultValue: valueSelected || [], options: options, isMulti: true, closeMenuOnSelect: false, hideSelectedOptions: false, isDisabled: disabled, isSearchable: isSearchable, isClearable: isClearable, components: components, onChange: function (values) {
28
+ setValueSelected(values);
29
+ onChange(values);
30
+ } })));
31
+ };
32
+ export default MultiSelectInput;
33
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MultiSelectInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,MAAM,MAAM,cAAc,CAAA;AAEjC,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAC7B,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,UAAU,MAAM,yBAAyB,CAAA;AAEhD,IAAM,gBAAgB,GAA8B,UAAC,EAUpD;QATC,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,WAAW,iBAAA;IAEL,IAAA,KAAoC,QAAQ,CAAC,KAAK,CAAC,EAAlD,aAAa,QAAA,EAAE,gBAAgB,QAAmB,CAAA;IAEzD,IAAM,UAAU,GAAG;QACjB,mBAAmB,EAAE,UAAC,EAA0B;;gBAAxB,WAAW,iBAAA,EAAE,IAAI,UAAA;YACvC,IAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC;YACjC,IAAI,MAAM,EAAE,CAAC;gBACX,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAA;gBAC/C,OAAO,CAAA,MAAA,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,0CAAE,KAAK,OAAK,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAA;oBACrD,CAAC,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK;oBACb,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,IAAG,UAAG,SAAS,CAAE,CAAC;YACnC,CAAC;YACD,OAAM;QACR,CAAC;QACD,MAAM,QAAA;QACN,UAAU,YAAA;KACX,CAAC;IAEF,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS,IAAC,SAAS,EAAE,SAAS;QAC7B,KAAK,CAAC,CAAC,CAAC,oBAAC,CAAC,CAAC,KAAK,QAAE,KAAK,CAAW,CAAC,CAAC,CAAC,IAAI;QAC3C,oBAAC,MAAM,IACL,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,wBAAwB,EAClC,eAAe,EAAC,cAAc,EAC9B,YAAY,EAAE,aAAa,IAAI,EAAE,EACjC,OAAO,EAAE,OAAO,EAChB,OAAO,QACP,iBAAiB,EAAE,KAAK,EACxB,mBAAmB,EAAE,KAAK,EAC1B,UAAU,EAAE,QAAQ,EACpB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,UAAC,MAAW;gBACpB,gBAAgB,CAAC,MAAM,CAAC,CAAA;gBACxB,QAAQ,CAAC,MAAM,CAAC,CAAA;YAClB,CAAC,GACD,CACU,CACf,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}
@@ -0,0 +1,15 @@
1
+ export interface Option {
2
+ value: string | number;
3
+ label: string;
4
+ }
5
+ export interface MultiSelectProps {
6
+ className?: string;
7
+ label?: string;
8
+ onChange: Function;
9
+ placeholder?: string;
10
+ disabled?: boolean;
11
+ options: Option[];
12
+ value: Option;
13
+ isSearchable?: boolean;
14
+ isClearable?: boolean;
15
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=interfaces.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/components/MultiSelectInput/interfaces.ts"],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
3
+ export declare const Label: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>>;
@@ -0,0 +1,6 @@
1
+ import { __makeTemplateObject } from "tslib";
2
+ import styled from "styled-components";
3
+ export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n flex-direction: column;\n .react-select {\n &__control {\n border-radius: 0;\n border: none;\n border-bottom: 1px solid #00000033;\n }\n &__control--is-focused {\n border-bottom: 1px solid #00000033;\n box-shadow: none;\n }\n &__control:hover {\n border: none;\n border-bottom: 1px solid #00000033 !important;\n box-shadow: 0 0 0 #fff;\n }\n &__indicator-separator {\n background: #fff;\n }\n &__multi-value {\n background: transparent;\n border-radius: 4px;\n &__label {\n color: #4D4F5C;\n font-size: 18px;\n padding: 0;\n }\n &__remove {\n display: none;\n }\n }\n }\n"], ["\n width: 100%;\n display: flex;\n flex-direction: column;\n .react-select {\n &__control {\n border-radius: 0;\n border: none;\n border-bottom: 1px solid #00000033;\n }\n &__control--is-focused {\n border-bottom: 1px solid #00000033;\n box-shadow: none;\n }\n &__control:hover {\n border: none;\n border-bottom: 1px solid #00000033 !important;\n box-shadow: 0 0 0 #fff;\n }\n &__indicator-separator {\n background: #fff;\n }\n &__multi-value {\n background: transparent;\n border-radius: 4px;\n &__label {\n color: #4D4F5C;\n font-size: 18px;\n padding: 0;\n }\n &__remove {\n display: none;\n }\n }\n }\n"])));
4
+ export var Label = styled.label(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-size: 14px;\n margin: 0 0 4px 0;\n color: #4D4F5C;\n"], ["\n font-size: 14px;\n margin: 0 0 4px 0;\n color: #4D4F5C;\n"])));
5
+ var templateObject_1, templateObject_2;
6
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/MultiSelectInput/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,6yBAAA,0uBAmClC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,oIAAA,iEAIhC,IAAA,CAAA"}
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ declare const Option: React.FC<any>;
3
+ export default Option;
@@ -0,0 +1,34 @@
1
+ import { __assign, __rest } from "tslib";
2
+ import React, { useState } from "react";
3
+ import { components } from "react-select";
4
+ import * as S from "./styles";
5
+ var Option = function (_a) {
6
+ var isFocused = _a.isFocused, isSelected = _a.isSelected, innerProps = _a.innerProps, children = _a.children, getStyles = _a.getStyles, isDisabled = _a.isDisabled, rest = __rest(_a, ["isFocused", "isSelected", "innerProps", "children", "getStyles", "isDisabled"]);
7
+ var _b = useState(false), isActive = _b[0], setIsActive = _b[1];
8
+ var onMouseDown = function () { return setIsActive(true); };
9
+ var onMouseUp = function () { return setIsActive(false); };
10
+ var onMouseLeave = function () { return setIsActive(false); };
11
+ var bg = "transparent";
12
+ var color = "#000";
13
+ if (isFocused) {
14
+ bg = "#f1f1f1";
15
+ }
16
+ ;
17
+ if (isActive) {
18
+ bg = "#F8F9FA";
19
+ }
20
+ ;
21
+ var style = {
22
+ alignItems: "center",
23
+ transition: "0.3s",
24
+ backgroundColor: bg,
25
+ color: color,
26
+ display: "flex ",
27
+ gap: '8px'
28
+ };
29
+ var props = __assign(__assign(__assign({}, innerProps), { onMouseDown: onMouseDown, onMouseUp: onMouseUp, onMouseLeave: onMouseLeave, style: style }), rest);
30
+ return (React.createElement(S.Container, null,
31
+ React.createElement(components.Option, __assign({}, rest, { isDisabled: isDisabled, isFocused: isFocused, isSelected: isSelected, getStyles: getStyles, innerProps: props }), children)));
32
+ };
33
+ export default Option;
34
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/SelectInput/components/Option/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAE9B,IAAM,MAAM,GAAiB,UAAC,EAQ7B;IAPC,IAAA,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,UAAU,gBAAA,EACP,IAAI,cAPqB,gFAQ7B,CADQ;IAED,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAChD,IAAM,WAAW,GAAG,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,CAAC;IAC5C,IAAM,SAAS,GAAG,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,CAAC;IAC3C,IAAM,YAAY,GAAG,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,CAAC;IAE9C,IAAI,EAAE,GAAG,aAAa,CAAA;IACtB,IAAI,KAAK,GAAG,MAAM,CAAA;IAElB,IAAI,SAAS,EAAE,CAAC;QACd,EAAE,GAAG,SAAS,CAAA;IAChB,CAAC;IAAA,CAAC;IACF,IAAI,QAAQ,EAAE,CAAC;QACb,EAAE,GAAG,SAAS,CAAA;IAChB,CAAC;IAAA,CAAC;IAEF,IAAM,KAAK,GAAG;QACZ,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,MAAM;QAClB,eAAe,EAAE,EAAE;QACnB,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,OAAO;QAChB,GAAG,EAAE,KAAK;KACX,CAAC;IAEF,IAAM,KAAK,kCACN,UAAU,KACb,WAAW,aAAA,EACX,SAAS,WAAA,EACT,YAAY,cAAA,EACZ,KAAK,OAAA,KACF,IAAI,CACR,CAAC;IAEF,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS;QACV,oBAAC,UAAU,CAAC,MAAM,eACZ,IAAI,IACR,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,KAAK,KAChB,QAAQ,CACS,CACR,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAA"}
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
@@ -0,0 +1,5 @@
1
+ import { __makeTemplateObject } from "tslib";
2
+ import styled from "styled-components";
3
+ export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-size: 16px;\n color: #666666;\n &:nth-child(even) {\n background: #F8F9FA;\n }\n"], ["\n font-size: 16px;\n color: #666666;\n &:nth-child(even) {\n background: #F8F9FA;\n }\n"])));
4
+ var templateObject_1;
5
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/SelectInput/components/Option/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,oKAAA,iGAMlC,IAAA,CAAA"}
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { SelectInputProps } from "./interfaces";
3
+ declare const SelectInput: React.FC<SelectInputProps>;
4
+ export default SelectInput;
@@ -0,0 +1,19 @@
1
+ import React, { useState } from "react";
2
+ import Select from "react-select";
3
+ import * as S from "./styles";
4
+ import Option from "./components/Option";
5
+ var SelectInput = function (_a) {
6
+ var className = _a.className, label = _a.label, onChange = _a.onChange, placeholder = _a.placeholder, disabled = _a.disabled, options = _a.options, value = _a.value, isSearchable = _a.isSearchable, isClearable = _a.isClearable;
7
+ var _b = useState(value), valueSelected = _b[0], setValueSelected = _b[1];
8
+ var components = {
9
+ Option: Option
10
+ };
11
+ return (React.createElement(S.Container, { className: className },
12
+ label ? React.createElement(S.Label, null, label) : null,
13
+ React.createElement(Select, { placeholder: placeholder, className: "react-select-container", classNamePrefix: "react-select", defaultValue: valueSelected || '', options: options, isDisabled: disabled, isSearchable: isSearchable, isClearable: isClearable, components: components, onChange: function (values) {
14
+ setValueSelected(values);
15
+ onChange(values);
16
+ } })));
17
+ };
18
+ export default SelectInput;
19
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SelectInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,MAAM,MAAM,cAAc,CAAA;AAEjC,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAC7B,OAAO,MAAM,MAAM,qBAAqB,CAAA;AAExC,IAAM,WAAW,GAA8B,UAAC,EAU/C;QATC,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,WAAW,iBAAA;IAEL,IAAA,KAAoC,QAAQ,CAAC,KAAK,CAAC,EAAlD,aAAa,QAAA,EAAE,gBAAgB,QAAmB,CAAA;IAEzD,IAAM,UAAU,GAAG;QACjB,MAAM,QAAA;KACP,CAAA;IAED,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS,IAAC,SAAS,EAAE,SAAS;QAC7B,KAAK,CAAC,CAAC,CAAC,oBAAC,CAAC,CAAC,KAAK,QAAE,KAAK,CAAW,CAAC,CAAC,CAAC,IAAI;QAC3C,oBAAC,MAAM,IACL,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,wBAAwB,EAClC,eAAe,EAAC,cAAc,EAC9B,YAAY,EAAE,aAAa,IAAI,EAAE,EACjC,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,QAAQ,EACpB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,UAAC,MAAW;gBACpB,gBAAgB,CAAC,MAAM,CAAC,CAAA;gBACxB,QAAQ,CAAC,MAAM,CAAC,CAAA;YAClB,CAAC,GACD,CACU,CACf,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
@@ -0,0 +1,15 @@
1
+ export interface Option {
2
+ value: string | number;
3
+ label: string;
4
+ }
5
+ export interface SelectInputProps {
6
+ className?: string;
7
+ label?: string;
8
+ onChange: Function;
9
+ placeholder?: string;
10
+ disabled?: boolean;
11
+ options: Option[];
12
+ value: Option;
13
+ isSearchable?: boolean;
14
+ isClearable?: boolean;
15
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=interfaces.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/components/SelectInput/interfaces.ts"],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
3
+ export declare const Label: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>>;
@@ -0,0 +1,6 @@
1
+ import { __makeTemplateObject } from "tslib";
2
+ import styled from "styled-components";
3
+ export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n flex-direction: column;\n .react-select {\n &__control {\n border-radius: 0;\n border: none;\n border-bottom: 1px solid #00000033;\n }\n &__control--is-focused {\n border-bottom: 1px solid #00000033;\n box-shadow: none;\n }\n &__control:hover {\n border: none;\n border-bottom: 1px solid #00000033;\n box-shadow: 0 0 0 #fff;\n }\n &__indicator-separator {\n background: #fff;\n }\n }\n"], ["\n width: 100%;\n display: flex;\n flex-direction: column;\n .react-select {\n &__control {\n border-radius: 0;\n border: none;\n border-bottom: 1px solid #00000033;\n }\n &__control--is-focused {\n border-bottom: 1px solid #00000033;\n box-shadow: none;\n }\n &__control:hover {\n border: none;\n border-bottom: 1px solid #00000033;\n box-shadow: 0 0 0 #fff;\n }\n &__indicator-separator {\n background: #fff;\n }\n }\n"])));
4
+ export var Label = styled.label(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-size: 14px;\n margin: 0 0 4px 0;\n color: #666;\n"], ["\n font-size: 14px;\n margin: 0 0 4px 0;\n color: #666;\n"])));
5
+ var templateObject_1, templateObject_2;
6
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/SelectInput/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,mjBAAA,gfAuBlC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,iIAAA,8DAIhC,IAAA,CAAA"}
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ declare const Header: React.FC<any>;
3
+ export default Header;
@@ -0,0 +1,35 @@
1
+ import React, { useState } from "react";
2
+ import * as S from "./styles";
3
+ import SettingsIcon from '@mui/icons-material/Settings';
4
+ var Header = function (_a) {
5
+ var table = _a.table, globalFilters = _a.globalFilters, orderSmallest = _a.orderSmallest, orderLargest = _a.orderLargest, setGlobalFilters = _a.setGlobalFilters, setOrderLargest = _a.setOrderLargest, setOrderSmallest = _a.setOrderSmallest;
6
+ var _b = useState(false), openTools = _b[0], setOpenTools = _b[1];
7
+ return (React.createElement(S.Header, null,
8
+ React.createElement(S.Results, null,
9
+ React.createElement(S.TextResult, null,
10
+ table.getRowModel().rows.length,
11
+ " resultados encontrados."),
12
+ globalFilters.length || !!orderSmallest || !!orderLargest ? React.createElement(S.TextClearSearch, { onClick: function () {
13
+ table.resetColumnFilters(true);
14
+ setGlobalFilters([]);
15
+ setOrderLargest(false);
16
+ setOrderSmallest(false);
17
+ table.resetSorting(true);
18
+ } }, "Limpar busca") : null),
19
+ React.createElement(S.Tools, null,
20
+ React.createElement(S.IconTools, { onClick: function () { return setOpenTools(!openTools); } },
21
+ React.createElement(SettingsIcon, { sx: { fontSize: 24 }, color: 'primary' })),
22
+ openTools
23
+ ? React.createElement(S.ListTools, null, table.getAllLeafColumns().map(function (column) {
24
+ return (React.createElement("div", { key: column.id, className: "px-1" },
25
+ React.createElement("label", null,
26
+ React.createElement("input", { type: 'checkbox',
27
+ checked: column.getIsVisible(),
28
+ onChange: column.getToggleVisibilityHandler() }),
29
+ ' ',
30
+ column.id)));
31
+ }))
32
+ : null)));
33
+ };
34
+ export default Header;
35
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAC7B,OAAO,YAAY,MAAM,8BAA8B,CAAC;AAExD,IAAM,MAAM,GAAiB,UAAC,EAQ7B;QAPC,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,YAAY,kBAAA,EACZ,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACf,gBAAgB,sBAAA;IAEV,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAA;IAEjD,OAAO,CACL,oBAAC,CAAC,CAAC,MAAM;QACP,oBAAC,CAAC,CAAC,OAAO;YACR,oBAAC,CAAC,CAAC,UAAU;gBAAG,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,MAAM;2CAAyC;YACtF,aAAa,CAAC,MAAM,IAAI,CAAC,CAAC,aAAa,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,oBAAC,CAAC,CAAC,eAAe,IAAC,OAAO,EAAE;oBACxF,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAA;oBAC9B,gBAAgB,CAAC,EAAE,CAAC,CAAA;oBACpB,eAAe,CAAC,KAAK,CAAC,CAAA;oBACtB,gBAAgB,CAAC,KAAK,CAAC,CAAA;oBACvB,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;gBAC1B,CAAC,mBAAkC,CAAC,CAAC,CAAC,IAAI,CAChC;QACZ,oBAAC,CAAC,CAAC,KAAK;YACN,oBAAC,CAAC,CAAC,SAAS,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB;gBAClD,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,GAAG,CAC1C;YAEZ,SAAS;gBACP,CAAC,CAAC,oBAAC,CAAC,CAAC,SAAS,QACR,KAAK,CAAC,iBAAiB,EAAE,CAAC,GAAG,CAAC,UAAC,MAAW;oBAC1C,OAAO,CACL,6BAAK,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,SAAS,EAAC,MAAM;wBACnC;4BACE,+BAEI,IAAI,EAAE,UAAU;gCAChB,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE;gCAC9B,QAAQ,EAAE,MAAM,CAAC,0BAA0B,EAAE,GAE/C;4BAAC,GAAG;4BACL,MAAM,CAAC,EAAE,CACJ,CACJ,CACP,CAAA;gBACH,CAAC,CAAC,CACU;gBAChB,CAAC,CAAC,IAAI,CAEF,CACD,CACZ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export declare const Header: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
3
+ export declare const Results: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
4
+ export declare const Tools: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
5
+ export declare const TextResult: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
6
+ export declare const TextClearSearch: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>;
7
+ export declare const IconTools: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
8
+ export declare const ListTools: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
@@ -0,0 +1,11 @@
1
+ import { __makeTemplateObject } from "tslib";
2
+ import styled from "styled-components";
3
+ export var Header = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: 0 16px 32px 16px;\n display: flex;\n justify-content: space-between;\n"], ["\n margin: 0 16px 32px 16px;\n display: flex;\n justify-content: space-between;\n"])));
4
+ export var Results = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 8px;\n"])));
5
+ export var Tools = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\n"], ["\n\n"])));
6
+ export var TextResult = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: #666666;\n font-size: 16px;\n"], ["\n color: #666666;\n font-size: 16px;\n"])));
7
+ export var TextClearSearch = styled.p(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n color: #DE8B50;\n font-size: 14px;\n cursor: pointer;\n &:hover {\n text-decoration: underline;\n }\n"], ["\n color: #DE8B50;\n font-size: 14px;\n cursor: pointer;\n &:hover {\n text-decoration: underline;\n }\n"])));
8
+ export var IconTools = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n width: 24px;\n height: 24px;\n cursor: pointer;\n"], ["\n width: 24px;\n height: 24px;\n cursor: pointer;\n"])));
9
+ export var ListTools = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n padding: 12px;\n margin: 6px 0px 0 0;\n position: absolute;\n background: #fff;\n box-shadow: 0px 3px 6px #00000029;\n border: 1px solid #E0E0E0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n font-size: 14px;\n label {\n display: flex;\n gap: 8px;\n align-items: center;\n }\n"], ["\n padding: 12px;\n margin: 6px 0px 0 0;\n position: absolute;\n background: #fff;\n box-shadow: 0px 3px 6px #00000029;\n border: 1px solid #E0E0E0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n font-size: 14px;\n label {\n display: flex;\n gap: 8px;\n align-items: center;\n }\n"])));
10
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
11
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/header/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,MAAM,GAAG,MAAM,CAAC,GAAG,yJAAA,sFAI/B,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,iIAAA,8DAIhC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,yEAAA,MAE9B,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,8GAAA,2CAGnC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,CAAC,qLAAA,kHAOtC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,4HAAA,yDAIlC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,4XAAA,yTAgBlC,IAAA,CAAA"}
@@ -0,0 +1,4 @@
1
+ import Pagination from "./pagination";
2
+ import Header from "./header";
3
+ import TBody from "./tbody";
4
+ export { Pagination, Header, TBody };
@@ -0,0 +1,5 @@
1
+ import Pagination from "./pagination";
2
+ import Header from "./header";
3
+ import TBody from "./tbody";
4
+ export { Pagination, Header, TBody };
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Table/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,OAAO,EACL,UAAU,EACV,MAAM,EACN,KAAK,EACN,CAAA"}
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ declare const Pagination: React.FC<any>;
3
+ export default Pagination;
@@ -0,0 +1,16 @@
1
+ import React from "react";
2
+ import * as S from "./styles";
3
+ var Pagination = function (_a) {
4
+ var table = _a.table;
5
+ return (React.createElement(S.Pagination, null,
6
+ React.createElement("div", { className: 'content' },
7
+ React.createElement("button", { className: 'button', onClick: function () { return table.previousPage(); }, disabled: !table.getCanPreviousPage() }, '<'),
8
+ table.getPageCount()
9
+ ? new Array(table.getPageCount()).fill(0).map(function (item, index) {
10
+ return (React.createElement("button", { key: item, className: 'button', onClick: function () { return table.previousPage(); } }, index));
11
+ })
12
+ : null,
13
+ React.createElement("button", { className: 'button', onClick: function () { return table.nextPage(); }, disabled: !table.getCanNextPage() }, '>'))));
14
+ };
15
+ export default Pagination;
16
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/pagination/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAE7B,IAAM,UAAU,GAAiB,UAAC,EAAS;QAAP,KAAK,WAAA;IACvC,OAAO,CACL,oBAAC,CAAC,CAAC,UAAU;QACX,6BAAK,SAAS,EAAC,SAAS;YACtB,gCACE,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,cAAM,OAAA,KAAK,CAAC,YAAY,EAAE,EAApB,CAAoB,EACnC,QAAQ,EAAE,CAAC,KAAK,CAAC,kBAAkB,EAAE,IAEpC,GAAG,CACG;YAEP,KAAK,CAAC,YAAY,EAAE;gBAClB,CAAC,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;oBACxD,OAAO,CACL,gCACE,GAAG,EAAE,IAAI,EACT,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,cAAM,OAAA,KAAK,CAAC,YAAY,EAAE,EAApB,CAAoB,IAElC,KAAK,CACC,CACV,CAAA;gBACH,CAAC,CAAC;gBACF,CAAC,CAAC,IAAI;YAEV,gCACE,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,cAAM,OAAA,KAAK,CAAC,QAAQ,EAAE,EAAhB,CAAgB,EAC/B,QAAQ,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,IAEhC,GAAG,CACG,CACL,CACO,CAChB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const Pagination: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
@@ -0,0 +1,5 @@
1
+ import { __makeTemplateObject } from "tslib";
2
+ import styled from "styled-components";
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 padding: 12px 16px;\n border-radius: 4px;\n color: #4D4F5C;\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 padding: 12px 16px;\n border-radius: 4px;\n color: #4D4F5C;\n }\n }\n"])));
4
+ var templateObject_1;
5
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/pagination/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,gXAAA,6SAgBnC,IAAA,CAAA"}
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ declare const TBody: React.FC<any>;
3
+ export default TBody;
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ import { flexRender } from '@tanstack/react-table';
3
+ var TBody = function (_a) {
4
+ var table = _a.table;
5
+ return (React.createElement("tbody", null, table.getRowModel().rows.map(function (row) { return (React.createElement("tr", { key: row.id }, row.getVisibleCells().map(function (cell) { return (React.createElement("td", { key: cell.id }, flexRender(cell.column.columnDef.cell, cell.getContext()))); }))); })));
6
+ };
7
+ export default TBody;
8
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/tbody/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAElD,IAAM,KAAK,GAAiB,UAAC,EAAS;QAAP,KAAK,WAAA;IAClC,OAAO,CACL,mCACI,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,GAAQ,IAAK,OAAA,CAC3C,4BAAI,GAAG,EAAE,GAAG,CAAC,EAAE,IACX,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACzC,4BAAI,GAAG,EAAE,IAAI,CAAC,EAAE,IACZ,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CACxD,CACN,EAJ0C,CAI1C,CAAC,CACC,CACN,EAR4C,CAQ5C,CAAC,CACI,CACT,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/tbody/styles.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { TablePropos } from './interface';
3
+ declare const Table: React.FC<TablePropos>;
4
+ export default Table;