norma-library 0.5.811 → 0.5.813
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.
- package/dist/esm/components/Box/index.d.ts +4 -0
- package/dist/esm/components/Box/index.js +8 -0
- package/dist/esm/components/Box/index.js.map +1 -0
- package/dist/esm/components/Box/interfaces.d.ts +5 -0
- package/dist/esm/components/Box/interfaces.js +2 -0
- package/dist/esm/components/Box/interfaces.js.map +1 -0
- package/dist/esm/components/Box/styles.d.ts +3 -0
- package/dist/esm/components/Box/styles.js +17 -0
- package/dist/esm/components/Box/styles.js.map +1 -0
- package/dist/esm/components/Breadcrumb/index.d.ts +4 -0
- package/dist/esm/components/Breadcrumb/index.js +18 -0
- package/dist/esm/components/Breadcrumb/index.js.map +1 -0
- package/dist/esm/components/Breadcrumb/interface.d.ts +8 -0
- package/dist/esm/components/Breadcrumb/interface.js +2 -0
- package/dist/esm/components/Breadcrumb/interface.js.map +1 -0
- package/dist/esm/components/Breadcrumb/styles.d.ts +5 -0
- package/dist/esm/components/Breadcrumb/styles.js +8 -0
- package/dist/esm/components/Breadcrumb/styles.js.map +1 -0
- package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.style.d.ts +1 -1
- package/dist/esm/components/DataGrid/base/dropdown.d.ts +4 -4
- package/dist/esm/components/DataGrid/base/dropdown.js +125 -125
- package/dist/esm/components/DataGrid/base/dropdown.js.map +1 -1
- package/dist/esm/components/DataGrid/base/number-filter.d.ts +4 -4
- package/dist/esm/components/DataGrid/base/number-filter.js +29 -29
- package/dist/esm/components/DataGrid/base/sorting.d.ts +5 -5
- package/dist/esm/components/DataGrid/base/sorting.js +14 -14
- package/dist/esm/components/DataGrid/icons.d.ts +5 -4
- package/dist/esm/components/DataGrid/icons.js +19 -14
- package/dist/esm/components/DataGrid/icons.js.map +1 -1
- package/dist/esm/components/DataGrid/index.d.ts +3 -5
- package/dist/esm/components/DataGrid/index.js +213 -145
- package/dist/esm/components/DataGrid/index.js.map +1 -1
- package/dist/esm/components/DataGrid/shared.d.ts +20 -20
- package/dist/esm/components/DataGrid/shared.js +118 -127
- package/dist/esm/components/DataGrid/shared.js.map +1 -1
- package/dist/esm/components/DataGrid/styled.d.ts +11 -11
- package/dist/esm/components/DataGrid/styled.js +85 -85
- package/dist/esm/components/DateInput/index.d.ts +4 -0
- package/dist/esm/components/DateInput/index.js +15 -0
- package/dist/esm/components/DateInput/index.js.map +1 -0
- package/dist/esm/components/DateInput/interface.d.ts +12 -0
- package/dist/esm/components/DateInput/interface.js +2 -0
- package/dist/esm/components/DateInput/interface.js.map +1 -0
- package/dist/esm/components/DateInput/styles.d.ts +5 -0
- package/dist/esm/components/DateInput/styles.js +7 -0
- package/dist/esm/components/DateInput/styles.js.map +1 -0
- package/dist/esm/components/Icons.d.ts +1 -1
- package/dist/esm/components/Icons.js.map +1 -1
- package/dist/esm/components/MultiSelectInput/components/MultiValue/index.d.ts +3 -0
- package/dist/esm/components/MultiSelectInput/components/MultiValue/index.js +30 -0
- package/dist/esm/components/MultiSelectInput/components/MultiValue/index.js.map +1 -0
- package/dist/esm/components/MultiSelectInput/components/Option/index.d.ts +3 -0
- package/dist/esm/components/MultiSelectInput/components/Option/index.js +36 -0
- package/dist/esm/components/MultiSelectInput/components/Option/index.js.map +1 -0
- package/dist/esm/components/MultiSelectInput/components/Option/styles.d.ts +2 -0
- package/dist/esm/components/MultiSelectInput/components/Option/styles.js +5 -0
- package/dist/esm/components/MultiSelectInput/components/Option/styles.js.map +1 -0
- package/dist/esm/components/MultiSelectInput/index.d.ts +4 -0
- package/dist/esm/components/MultiSelectInput/index.js +33 -0
- package/dist/esm/components/MultiSelectInput/index.js.map +1 -0
- package/dist/esm/components/MultiSelectInput/interfaces.d.ts +15 -0
- package/dist/esm/components/MultiSelectInput/interfaces.js +2 -0
- package/dist/esm/components/MultiSelectInput/interfaces.js.map +1 -0
- package/dist/esm/components/MultiSelectInput/styles.d.ts +3 -0
- package/dist/esm/components/MultiSelectInput/styles.js +6 -0
- package/dist/esm/components/MultiSelectInput/styles.js.map +1 -0
- package/dist/esm/components/SelectInput/components/Option/index.d.ts +3 -0
- package/dist/esm/components/SelectInput/components/Option/index.js +34 -0
- package/dist/esm/components/SelectInput/components/Option/index.js.map +1 -0
- package/dist/esm/components/SelectInput/components/Option/styles.d.ts +2 -0
- package/dist/esm/components/SelectInput/components/Option/styles.js +5 -0
- package/dist/esm/components/SelectInput/components/Option/styles.js.map +1 -0
- package/dist/esm/components/SelectInput/index.d.ts +4 -0
- package/dist/esm/components/SelectInput/index.js +19 -0
- package/dist/esm/components/SelectInput/index.js.map +1 -0
- package/dist/esm/components/SelectInput/interfaces.d.ts +15 -0
- package/dist/esm/components/SelectInput/interfaces.js +2 -0
- package/dist/esm/components/SelectInput/interfaces.js.map +1 -0
- package/dist/esm/components/SelectInput/styles.d.ts +3 -0
- package/dist/esm/components/SelectInput/styles.js +6 -0
- package/dist/esm/components/SelectInput/styles.js.map +1 -0
- package/dist/esm/components/Table/components/header/index.d.ts +3 -0
- package/dist/esm/components/Table/components/header/index.js +35 -0
- package/dist/esm/components/Table/components/header/index.js.map +1 -0
- package/dist/esm/components/Table/components/header/styles.d.ts +8 -0
- package/dist/esm/components/Table/components/header/styles.js +11 -0
- package/dist/esm/components/Table/components/header/styles.js.map +1 -0
- package/dist/esm/components/Table/components/index.d.ts +4 -0
- package/dist/esm/components/Table/components/index.js +5 -0
- package/dist/esm/components/Table/components/index.js.map +1 -0
- package/dist/esm/components/Table/components/pagination/index.d.ts +3 -0
- package/dist/esm/components/Table/components/pagination/index.js +16 -0
- package/dist/esm/components/Table/components/pagination/index.js.map +1 -0
- package/dist/esm/components/Table/components/pagination/styles.d.ts +2 -0
- package/dist/esm/components/Table/components/pagination/styles.js +5 -0
- package/dist/esm/components/Table/components/pagination/styles.js.map +1 -0
- package/dist/esm/components/Table/components/tbody/index.d.ts +3 -0
- package/dist/esm/components/Table/components/tbody/index.js +8 -0
- package/dist/esm/components/Table/components/tbody/index.js.map +1 -0
- package/dist/esm/components/Table/components/tbody/styles.d.ts +0 -0
- package/dist/esm/components/Table/components/tbody/styles.js +2 -0
- package/dist/esm/components/Table/components/tbody/styles.js.map +1 -0
- package/dist/esm/components/Table/index-old.d.ts +4 -0
- package/dist/esm/components/Table/index-old.js +249 -0
- package/dist/esm/components/Table/index-old.js.map +1 -0
- package/dist/esm/components/Table/index.d.ts +4 -0
- package/dist/esm/components/Table/index.js +215 -0
- package/dist/esm/components/Table/index.js.map +1 -0
- package/dist/esm/components/Table/interface.d.ts +12 -0
- package/dist/esm/components/Table/interface.js +2 -0
- package/dist/esm/components/Table/interface.js.map +1 -0
- package/dist/esm/components/Table/styles.d.ts +10 -0
- package/dist/esm/components/Table/styles.js +13 -0
- package/dist/esm/components/Table/styles.js.map +1 -0
- package/dist/esm/components/Table-old/index.d.ts +3 -0
- package/dist/esm/components/Table-old/index.js +71 -0
- package/dist/esm/components/Table-old/index.js.map +1 -0
- package/dist/esm/components/Table-old/styles.d.ts +3004 -0
- package/dist/esm/components/Table-old/styles.js +15 -0
- package/dist/esm/components/Table-old/styles.js.map +1 -0
- package/dist/esm/components/TextInput/index.d.ts +4 -0
- package/dist/esm/components/TextInput/index.js +16 -0
- package/dist/esm/components/TextInput/index.js.map +1 -0
- package/dist/esm/components/TextInput/interface.d.ts +10 -0
- package/dist/esm/components/TextInput/interface.js +2 -0
- package/dist/esm/components/TextInput/interface.js.map +1 -0
- package/dist/esm/components/TextInput/styles.d.ts +4 -0
- package/dist/esm/components/TextInput/styles.js +7 -0
- package/dist/esm/components/TextInput/styles.js.map +1 -0
- package/dist/esm/components/Typography/Text/index.d.ts +4 -0
- package/dist/esm/components/Typography/Text/index.js +8 -0
- package/dist/esm/components/Typography/Text/index.js.map +1 -0
- package/dist/esm/components/Typography/Text/interfaces.d.ts +7 -0
- package/dist/esm/components/Typography/Text/interfaces.js +2 -0
- package/dist/esm/components/Typography/Text/interfaces.js.map +1 -0
- package/dist/esm/components/Typography/Text/styles.d.ts +3 -0
- package/dist/esm/components/Typography/Text/styles.js +35 -0
- package/dist/esm/components/Typography/Text/styles.js.map +1 -0
- package/dist/esm/components/Typography/Title/index.d.ts +4 -0
- package/dist/esm/components/Typography/Title/index.js +8 -0
- package/dist/esm/components/Typography/Title/index.js.map +1 -0
- package/dist/esm/components/Typography/Title/interfaces.d.ts +8 -0
- package/dist/esm/components/Typography/Title/interfaces.js +2 -0
- package/dist/esm/components/Typography/Title/interfaces.js.map +1 -0
- package/dist/esm/components/Typography/Title/styles.d.ts +3 -0
- package/dist/esm/components/Typography/Title/styles.js +35 -0
- package/dist/esm/components/Typography/Title/styles.js.map +1 -0
- package/dist/esm/components/Typography/index.d.ts +3 -0
- package/dist/esm/components/Typography/index.js +4 -0
- package/dist/esm/components/Typography/index.js.map +1 -0
- package/dist/esm/components/index.d.ts +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/helpers/alignments.js.map +1 -1
- package/dist/esm/helpers/borders.js.map +1 -1
- package/dist/esm/helpers/colors.js.map +1 -1
- package/dist/esm/helpers/radios.js.map +1 -1
- package/dist/esm/helpers/sizes.js.map +1 -1
- package/dist/esm/index.d.ts +10 -2
- package/dist/esm/index.js +10 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/interfaces/DataGrid.d.ts +42 -42
- package/dist/esm/interfaces/DataGrid.js +1 -1
- package/dist/esm/interfaces/index.d.ts +0 -1
- package/dist/esm/interfaces/index.js +0 -1
- package/dist/esm/interfaces/index.js.map +1 -1
- package/package.json +6 -4
- package/src/components/Box/index.tsx +13 -0
- package/src/components/Box/interfaces.ts +4 -0
- package/src/components/Box/styles.tsx +23 -0
- package/src/components/Breadcrumb/index.tsx +27 -0
- package/src/components/Breadcrumb/interface.ts +9 -0
- package/src/components/Breadcrumb/styles.tsx +33 -0
- package/src/components/DateInput/index.tsx +35 -0
- package/src/components/DateInput/interface.ts +14 -0
- package/src/components/DateInput/styles.tsx +28 -0
- package/src/components/MultiSelectInput/components/MultiValue/index.tsx +44 -0
- package/src/components/MultiSelectInput/components/Option/index.tsx +63 -0
- package/src/components/MultiSelectInput/components/Option/styles.tsx +9 -0
- package/src/components/MultiSelectInput/index.tsx +61 -0
- package/src/components/MultiSelectInput/interfaces.ts +16 -0
- package/src/components/MultiSelectInput/styles.tsx +44 -0
- package/src/components/SelectInput/components/Option/index.tsx +62 -0
- package/src/components/SelectInput/components/Option/styles.tsx +9 -0
- package/src/components/SelectInput/index.tsx +46 -0
- package/src/components/SelectInput/interfaces.ts +16 -0
- package/src/components/SelectInput/styles.tsx +32 -0
- package/src/components/Table/components/header/index.tsx +59 -0
- package/src/components/Table/components/header/styles.tsx +55 -0
- package/src/components/Table/components/index.tsx +9 -0
- package/src/components/Table/components/pagination/index.tsx +42 -0
- package/src/components/Table/components/pagination/styles.tsx +19 -0
- package/src/components/Table/components/tbody/index.tsx +20 -0
- package/src/components/Table/components/tbody/styles.tsx +0 -0
- package/src/components/Table/index.tsx +295 -0
- package/src/components/Table/interface.ts +14 -0
- package/src/components/Table/styles.tsx +113 -0
- package/src/components/TextInput/index.tsx +38 -0
- package/src/components/TextInput/interface.ts +10 -0
- package/src/components/TextInput/styles.tsx +24 -0
- package/src/components/Typography/Text/index.tsx +21 -0
- package/src/components/Typography/Text/interfaces.ts +6 -0
- package/src/components/Typography/Text/styles.tsx +41 -0
- package/src/components/Typography/Title/index.tsx +23 -0
- package/src/components/Typography/Title/interfaces.ts +7 -0
- package/src/components/Typography/Title/styles.tsx +41 -0
- package/src/components/Typography/index.tsx +7 -0
- package/src/components/index.ts +1 -1
- package/src/index.css +0 -2
- package/src/index.ts +19 -2
- package/src/interfaces/index.ts +0 -1
- package/src/sample-data.json +2 -3
- package/src/stories/Box.stories.tsx +36 -0
- package/src/stories/Breadcrumb.stories.tsx +45 -0
- package/src/stories/DateInput.stories.tsx +52 -0
- package/src/stories/MultiSelectInput.stories.tsx +91 -0
- package/src/stories/SelectInput.stories.tsx +79 -0
- package/src/stories/Table.stories.tsx +222 -0
- package/src/stories/Text.stories.tsx +38 -0
- package/src/stories/TextInput.stories.tsx +53 -0
- package/src/stories/Title.stories.tsx +44 -0
- package/src/styles/custom.css +1 -0
- package/src/styles/{globals.css → globals.scss} +1 -4
- package/tsconfig.json +1 -1
- package/vite.config.ts +15 -0
- package/.husky/commit-msg +0 -4
- package/src/components/DataGrid/allData.json +0 -2918
- package/src/components/DataGrid/base/dropdown.tsx +0 -212
- package/src/components/DataGrid/base/number-filter.tsx +0 -43
- package/src/components/DataGrid/base/sorting.tsx +0 -29
- package/src/components/DataGrid/icons.tsx +0 -53
- package/src/components/DataGrid/index.tsx +0 -259
- package/src/components/DataGrid/shared.ts +0 -154
- package/src/components/DataGrid/styled.ts +0 -107
- package/src/components/DataGrid/styles/dropdown.module.css +0 -86
- package/src/components/DataGrid/styles/number-filter.module.css +0 -16
- package/src/components/DataGrid/styles/styles.module.css +0 -107
- package/src/interfaces/DataGrid.ts +0 -47
- 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,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,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 @@
|
|
|
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,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,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,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 @@
|
|
|
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,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 @@
|
|
|
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,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,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,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"}
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/Table/components/tbody/styles.tsx"],"names":[],"mappings":""}
|