@quillsql/react 2.8.6 → 2.8.8
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/AddToDashboardModal.js +181 -146
- package/dist/BarList.js +44 -36
- package/dist/Chart.js +132 -99
- package/dist/ChartBuilder.js +89 -80
- package/dist/ChartEditor.js +21 -14
- package/dist/Context.js +57 -52
- package/dist/Dashboard.js +213 -180
- package/dist/Dashboard.js.map +1 -1
- package/dist/DateRangePicker/Calendar.js +46 -41
- package/dist/DateRangePicker/DateRangePicker.js +61 -32
- package/dist/DateRangePicker/DateRangePickerButton.js +17 -14
- package/dist/DateRangePicker/dateRangePickerUtils.js +90 -76
- package/dist/DateRangePicker/dateRangePickerUtils.js.map +1 -1
- package/dist/DateRangePicker/index.js +9 -1
- package/dist/PieChart.js +70 -35
- package/dist/QuillProvider.js +7 -4
- package/dist/ReportBuilder.js +129 -120
- package/dist/SQLEditor.js +65 -56
- package/dist/Table.d.ts.map +1 -1
- package/dist/Table.js +71 -60
- package/dist/Table.js.map +1 -1
- package/dist/TableChart.js +45 -17
- package/dist/assets/ArrowDownHeadIcon.js +6 -3
- package/dist/assets/ArrowDownIcon.js +6 -3
- package/dist/assets/ArrowDownRightIcon.js +6 -3
- package/dist/assets/ArrowLeftHeadIcon.js +6 -3
- package/dist/assets/ArrowRightHeadIcon.js +6 -3
- package/dist/assets/ArrowRightIcon.js +6 -3
- package/dist/assets/ArrowUpHeadIcon.js +6 -3
- package/dist/assets/ArrowUpIcon.js +6 -3
- package/dist/assets/ArrowUpRightIcon.js +6 -3
- package/dist/assets/CalendarIcon.js +6 -3
- package/dist/assets/CalendarNormalIcon.js +6 -3
- package/dist/assets/DoubleArrowLeftHeadIcon.js +6 -3
- package/dist/assets/DoubleArrowRightHeadIcon.js +6 -3
- package/dist/assets/ExclamationFilledIcon.js +6 -3
- package/dist/assets/FilterIcon.js +6 -3
- package/dist/assets/LoadingSpinner.js +6 -3
- package/dist/assets/RefreshIcon.js +6 -3
- package/dist/assets/SearchIcon.js +6 -3
- package/dist/assets/UpLeftArrowsIcon.js +6 -3
- package/dist/assets/XCircleIcon.js +6 -3
- package/dist/assets/XIcon.js +6 -3
- package/dist/assets/index.js +49 -21
- package/dist/components/BigModal/BigModal.js +39 -13
- package/dist/components/Dropdown/Dropdown.js +53 -24
- package/dist/components/Dropdown/DropdownItem.js +35 -9
- package/dist/components/Dropdown/index.js +11 -2
- package/dist/components/Modal/Modal.js +39 -13
- package/dist/components/Modal/index.js +9 -1
- package/dist/components/QuillCard.js +13 -8
- package/dist/components/SqlTextEditor.js +11 -4
- package/dist/components/SqlTextEditor.js.map +1 -0
- package/dist/components/UiComponents.js +51 -37
- package/dist/components/selectUtils.js +17 -6
- package/dist/contexts/BaseColorContext.js +6 -3
- package/dist/contexts/HoveredValueContext.js +6 -3
- package/dist/contexts/RootStylesContext.js +6 -3
- package/dist/contexts/SelectedValueContext.js +6 -3
- package/dist/contexts/index.js +15 -4
- package/dist/hooks/index.js +15 -4
- package/dist/hooks/useDashboard.js +17 -11
- package/dist/hooks/useDashboard.js.map +1 -0
- package/dist/hooks/useInternalState.js +6 -3
- package/dist/hooks/useOnClickOutside.js +6 -3
- package/dist/hooks/useOnWindowResize.js +7 -4
- package/dist/hooks/useQuill.js +16 -11
- package/dist/hooks/useSelectOnKeyDown.js +7 -4
- package/dist/index.js +33 -13
- package/dist/index.js.map +1 -1
- package/dist/internals/ReportBuilder/PivotList.js +20 -14
- package/dist/internals/ReportBuilder/PivotModal.js +92 -84
- package/dist/internals/ReportBuilder/PivotModal.spec.js +73 -70
- package/dist/lib/font.js +6 -2
- package/dist/lib/index.js +20 -3
- package/dist/lib/inputTypes.js +3 -1
- package/dist/lib/utils.js +19 -8
- package/dist/utils/aggregate.js +35 -28
- package/dist/utils/colorToHex.js +5 -1
- package/dist/utils/dataFetcher.js +8 -2
- package/dist/utils/downloadCSV.js +6 -1
- package/package.json +2 -1
package/dist/TableChart.js
CHANGED
|
@@ -1,8 +1,34 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.hexToRgbaWith10PercentAlpha = void 0;
|
|
27
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
2
28
|
/* eslint-disable react/display-name */
|
|
3
29
|
// @ts-nocheck
|
|
4
|
-
|
|
5
|
-
|
|
30
|
+
const react_1 = __importStar(require("react"));
|
|
31
|
+
const Chart_1 = require("./Chart");
|
|
6
32
|
const getWidthsFromValues = (dataValues) => {
|
|
7
33
|
let maxValue = -Infinity;
|
|
8
34
|
dataValues.forEach((value) => {
|
|
@@ -14,7 +40,7 @@ const getWidthsFromValues = (dataValues) => {
|
|
|
14
40
|
return Math.max((value / maxValue) * 100, 1);
|
|
15
41
|
});
|
|
16
42
|
};
|
|
17
|
-
|
|
43
|
+
function hexToRgbaWith10PercentAlpha(hex) {
|
|
18
44
|
// Convert the hex color to RGB
|
|
19
45
|
const r = parseInt(hex.slice(1, 3), 16);
|
|
20
46
|
const g = parseInt(hex.slice(3, 5), 16);
|
|
@@ -24,25 +50,26 @@ export function hexToRgbaWith10PercentAlpha(hex) {
|
|
|
24
50
|
// Return the color as an rgba string
|
|
25
51
|
return `rgba(${r}, ${g}, ${b}, ${alpha})`;
|
|
26
52
|
}
|
|
53
|
+
exports.hexToRgbaWith10PercentAlpha = hexToRgbaWith10PercentAlpha;
|
|
27
54
|
function Columns({ columns, data, theme }) {
|
|
28
|
-
return (
|
|
55
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
29
56
|
display: 'flex',
|
|
30
57
|
flexDirection: 'row',
|
|
31
58
|
// overflowX: 'scroll',
|
|
32
59
|
// overflowY: 'hidden',
|
|
33
60
|
overflow: 'scroll',
|
|
34
61
|
height: '100%',
|
|
35
|
-
}, children: columns.map((elem) => (
|
|
62
|
+
}, children: columns.map((elem) => ((0, jsx_runtime_1.jsx)(Column, { column: elem, data: data, theme: theme }, elem.field))) }));
|
|
36
63
|
}
|
|
37
64
|
function Column({ column, data, theme }) {
|
|
38
|
-
return (
|
|
65
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
39
66
|
paddingLeft: 20,
|
|
40
67
|
paddingRight: 20,
|
|
41
68
|
// width: 'max-content',
|
|
42
69
|
display: 'inline-flex',
|
|
43
70
|
flexDirection: 'column',
|
|
44
71
|
whiteSpace: 'nowrap',
|
|
45
|
-
}, children: [
|
|
72
|
+
}, children: [(0, jsx_runtime_1.jsx)("div", { style: {
|
|
46
73
|
height: 40,
|
|
47
74
|
minHeight: 40,
|
|
48
75
|
color: theme?.primaryTextColor,
|
|
@@ -50,10 +77,10 @@ function Column({ column, data, theme }) {
|
|
|
50
77
|
fontFamily: theme?.chartLabelFontFamily || theme?.fontFamily,
|
|
51
78
|
fontSize: theme?.fontSizeSmall || '0.875rem',
|
|
52
79
|
fontWeight: theme?.fontWeightMedium || '500',
|
|
53
|
-
}, children: column.label }), data.map((elem) => (
|
|
80
|
+
}, children: column.label }), data.map((elem) => ((0, jsx_runtime_1.jsx)(Cell, { item: elem[column.field], theme: theme })))] }));
|
|
54
81
|
}
|
|
55
82
|
function Cell({ item, theme }) {
|
|
56
|
-
return (
|
|
83
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
57
84
|
height: 40,
|
|
58
85
|
minHeight: 40,
|
|
59
86
|
whiteSpace: 'nowrap',
|
|
@@ -63,18 +90,18 @@ function Cell({ item, theme }) {
|
|
|
63
90
|
color: theme?.chartLabelColor,
|
|
64
91
|
}, children: item }));
|
|
65
92
|
}
|
|
66
|
-
const TableChart =
|
|
93
|
+
const TableChart = react_1.default.forwardRef((props, ref) => {
|
|
67
94
|
const { data = [], yAxisFields, containerStyle, theme, ...other } = props;
|
|
68
95
|
// const widths = getWidthsFromValues(
|
|
69
96
|
// data.map(item => item[yAxisFields[0].field])
|
|
70
97
|
// );
|
|
71
98
|
const NUM_TO_SHOW = Math.floor(containerStyle?.height / 40) - 1 || 6;
|
|
72
|
-
const memoizedData = useMemo(() => {
|
|
99
|
+
const memoizedData = (0, react_1.useMemo)(() => {
|
|
73
100
|
return data.slice(0, NUM_TO_SHOW).map((item) => {
|
|
74
101
|
const fieldsWithFormattedValues = {};
|
|
75
102
|
for (const field of yAxisFields) {
|
|
76
103
|
const value = item[field.field];
|
|
77
|
-
fieldsWithFormattedValues[field.field] = valueFormatter({
|
|
104
|
+
fieldsWithFormattedValues[field.field] = (0, Chart_1.valueFormatter)({
|
|
78
105
|
value,
|
|
79
106
|
field: field.field,
|
|
80
107
|
fields: yAxisFields,
|
|
@@ -84,7 +111,7 @@ const TableChart = React.forwardRef((props, ref) => {
|
|
|
84
111
|
});
|
|
85
112
|
}, [data, NUM_TO_SHOW]);
|
|
86
113
|
if (!memoizedData.length) {
|
|
87
|
-
return (
|
|
114
|
+
return ((0, jsx_runtime_1.jsx)("div", { ref: ref, style: {
|
|
88
115
|
// width: '100%',
|
|
89
116
|
boxSizing: 'content-box',
|
|
90
117
|
height: '100%',
|
|
@@ -99,7 +126,7 @@ const TableChart = React.forwardRef((props, ref) => {
|
|
|
99
126
|
justifyContent: 'space-between',
|
|
100
127
|
}, ...other }));
|
|
101
128
|
}
|
|
102
|
-
return (
|
|
129
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
103
130
|
boxSizing: 'content-box',
|
|
104
131
|
height: containerStyle?.height || '100%',
|
|
105
132
|
marginTop: 20,
|
|
@@ -108,7 +135,7 @@ const TableChart = React.forwardRef((props, ref) => {
|
|
|
108
135
|
marginLeft: '1rem',
|
|
109
136
|
flexDirection: 'column',
|
|
110
137
|
// justifyContent: 'space-between',
|
|
111
|
-
}, children: [
|
|
138
|
+
}, children: [(0, jsx_runtime_1.jsx)(Columns, { columns: yAxisFields, data: memoizedData, theme: theme }), data.length > NUM_TO_SHOW && ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
112
139
|
color: theme?.chartLabelColor,
|
|
113
140
|
boxSizing: 'content-box',
|
|
114
141
|
fontFamily: theme?.chartLabelFontFamily || theme?.fontFamily,
|
|
@@ -287,4 +314,5 @@ const TableChart = React.forwardRef((props, ref) => {
|
|
|
287
314
|
// </div>
|
|
288
315
|
// );
|
|
289
316
|
});
|
|
290
|
-
|
|
317
|
+
exports.default = TableChart;
|
|
318
|
+
//# sourceMappingURL=TableChart.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const ArrowDownHeadIcon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", children: [(0, jsx_runtime_1.jsx)("path", { fill: "none", d: "M0 0h24v24H0z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z" })] }));
|
|
5
|
+
exports.default = ArrowDownHeadIcon;
|
|
6
|
+
//# sourceMappingURL=ArrowDownHeadIcon.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const ArrowDownIcon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", children: [(0, jsx_runtime_1.jsx)("path", { fill: "none", d: "M0 0h24v24H0z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M13 16.172l5.364-5.364 1.414 1.414L12 20l-7.778-7.778 1.414-1.414L11 16.172V4h2v12.172z" })] }));
|
|
5
|
+
exports.default = ArrowDownIcon;
|
|
6
|
+
//# sourceMappingURL=ArrowDownIcon.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const ArrowDownRightIcon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", children: [(0, jsx_runtime_1.jsx)("path", { fill: "none", d: "M0 0h24v24H0z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M14.59 16.004L5.982 7.397l1.414-1.414 8.607 8.606V7.004h2v11h-11v-2z" })] }));
|
|
5
|
+
exports.default = ArrowDownRightIcon;
|
|
6
|
+
//# sourceMappingURL=ArrowDownRightIcon.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const ArrowLeftHeadIcon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: [(0, jsx_runtime_1.jsx)("path", { fill: "none", d: "M0 0h24v24H0z" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z" })] }));
|
|
5
|
+
exports.default = ArrowLeftHeadIcon;
|
|
6
|
+
//# sourceMappingURL=ArrowLeftHeadIcon.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const ArrowRightHeadIcon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: [(0, jsx_runtime_1.jsx)("path", { fill: "none", d: "M0 0h24v24H0z" }), (0, jsx_runtime_1.jsx)("path", { d: "M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z" })] }));
|
|
5
|
+
exports.default = ArrowRightHeadIcon;
|
|
6
|
+
//# sourceMappingURL=ArrowRightHeadIcon.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const ArrowRightIcon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", children: [(0, jsx_runtime_1.jsx)("path", { fill: "none", d: "M0 0h24v24H0z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z" })] }));
|
|
5
|
+
exports.default = ArrowRightIcon;
|
|
6
|
+
//# sourceMappingURL=ArrowRightIcon.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const ArrowUpHeadIcon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", children: [(0, jsx_runtime_1.jsx)("path", { fill: "none", d: "M0 0h24v24H0z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M12 10.828l-4.95 4.95-1.414-1.414L12 8l6.364 6.364-1.414 1.414z" })] }));
|
|
5
|
+
exports.default = ArrowUpHeadIcon;
|
|
6
|
+
//# sourceMappingURL=ArrowUpHeadIcon.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const ArrowUpIcon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", children: [(0, jsx_runtime_1.jsx)("path", { fill: "none", d: "M0 0h24v24H0z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M13 7.828V20h-2V7.828l-5.364 5.364-1.414-1.414L12 4l7.778 7.778-1.414 1.414L13 7.828z" })] }));
|
|
5
|
+
exports.default = ArrowUpIcon;
|
|
6
|
+
//# sourceMappingURL=ArrowUpIcon.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const ArrowUpRightIcon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", children: [(0, jsx_runtime_1.jsx)("path", { fill: "none", d: "M0 0h24v24H0z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M16.004 9.414l-8.607 8.607-1.414-1.414L14.589 8H7.004V6h11v11h-2V9.414z" })] }));
|
|
5
|
+
exports.default = ArrowUpRightIcon;
|
|
6
|
+
//# sourceMappingURL=ArrowUpRightIcon.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const CalendarIcon = ({ ...props }) => ((0, jsx_runtime_1.jsx)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z", clipRule: "evenodd" }) }));
|
|
5
|
+
exports.default = CalendarIcon;
|
|
6
|
+
//# sourceMappingURL=CalendarIcon.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const CalendarNormalIcon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, jsx_runtime_1.jsx)("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", ry: "2" }), (0, jsx_runtime_1.jsx)("line", { x1: "16", x2: "16", y1: "2", y2: "6" }), (0, jsx_runtime_1.jsx)("line", { x1: "8", x2: "8", y1: "2", y2: "6" }), (0, jsx_runtime_1.jsx)("line", { x1: "3", x2: "21", y1: "10", y2: "10" })] }));
|
|
5
|
+
exports.default = CalendarNormalIcon;
|
|
6
|
+
//# sourceMappingURL=CalendarNormalIcon.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const DoubleArrowLeftHeadIcon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: [(0, jsx_runtime_1.jsx)("path", { id: "svg_1", d: "m0,0l24,0l0,24l-24,0l0,-24z", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { id: "svg_2", d: "m14.1247,12l4.95,4.95l-1.414,1.414l-6.364,-6.364l6.364,-6.364l1.414,1.414l-4.95,4.95z" }), (0, jsx_runtime_1.jsx)("path", { id: "svg_3", d: "m7.31152,12l4.95,4.95l-1.414,1.414l-6.364,-6.364l6.364,-6.364l1.414,1.414l-4.95,4.95z" })] }));
|
|
5
|
+
exports.default = DoubleArrowLeftHeadIcon;
|
|
6
|
+
//# sourceMappingURL=DoubleArrowLeftHeadIcon.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const DoubleArrowRightHeadIcon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: [(0, jsx_runtime_1.jsx)("path", { id: "svg_1", d: "m0,0l24,0l0,24l-24,0l0,-24z", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { transform: "rotate(180 15.1857 12)", id: "svg_2", d: "m14.1247,12l4.95,4.95l-1.414,1.414l-6.364,-6.364l6.364,-6.364l1.414,1.414l-4.95,4.95z" }), (0, jsx_runtime_1.jsx)("path", { transform: "rotate(180 8.37252 12)", id: "svg_3", d: "m7.31152,12l4.95,4.95l-1.414,1.414l-6.364,-6.364l6.364,-6.364l1.414,1.414l-4.95,4.95z" })] }));
|
|
5
|
+
exports.default = DoubleArrowRightHeadIcon;
|
|
6
|
+
//# sourceMappingURL=DoubleArrowRightHeadIcon.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const ExclamationFilledIcon = ({ ...props }) => ((0, jsx_runtime_1.jsx)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z", clipRule: "evenodd" }) }));
|
|
5
|
+
exports.default = ExclamationFilledIcon;
|
|
6
|
+
//# sourceMappingURL=ExclamationFilledIcon.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const FilterIcon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { ...props, width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("rect", { y: "2", width: "8", height: "1", fill: "#373531" }), (0, jsx_runtime_1.jsx)("rect", { x: "8", y: "1", width: "3", height: "3", rx: "1.5", stroke: "#373531" }), (0, jsx_runtime_1.jsx)("rect", { x: "11.5", y: "8.5", width: "8", height: "1", transform: "rotate(-180 11.5 8.5)", fill: "#373531" }), (0, jsx_runtime_1.jsx)("rect", { x: "3.5", y: "9.5", width: "3", height: "3", rx: "1.5", transform: "rotate(-180 3.5 9.5)", stroke: "#373531" })] }));
|
|
5
|
+
exports.default = FilterIcon;
|
|
6
|
+
//# sourceMappingURL=FilterIcon.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const LoadingSpinner = ({ ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: [(0, jsx_runtime_1.jsx)("path", { fill: "none", d: "M0 0h24v24H0z" }), (0, jsx_runtime_1.jsx)("path", { d: "M18.364 5.636L16.95 7.05A7 7 0 1 0 19 12h2a9 9 0 1 1-2.636-6.364z" })] }));
|
|
5
|
+
exports.default = LoadingSpinner;
|
|
6
|
+
//# sourceMappingURL=LoadingSpinner.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const RefreshIcon = ({ ...props }) => ((0, jsx_runtime_1.jsx)("svg", { ...props, width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M8.0115 4.674H10.5075L8.917 3.0825C8.40495 2.57044 7.76711 2.2022 7.06761 2.0148C6.36811 1.82741 5.63161 1.82746 4.93214 2.01496C4.23267 2.20246 3.59489 2.57079 3.0829 3.08293C2.57092 3.59507 2.20279 4.23297 2.0155 4.9325M1.4925 9.822V7.326M1.4925 7.326H3.9885M1.4925 7.326L3.0825 8.9175C3.59456 9.42956 4.2324 9.7978 4.9319 9.9852C5.6314 10.1726 6.3679 10.1725 7.06737 9.98504C7.76684 9.79754 8.40462 9.42921 8.9166 8.91707C9.42859 8.40493 9.79672 7.76703 9.984 7.0675M10.5075 2.178V4.673", stroke: "#384151", strokeOpacity: "0.85", strokeWidth: "0.75", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
5
|
+
exports.default = RefreshIcon;
|
|
6
|
+
//# sourceMappingURL=RefreshIcon.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const SearchIcon = ({ ...props }) => ((0, jsx_runtime_1.jsx)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z", clipRule: "evenodd" }) }));
|
|
5
|
+
exports.default = SearchIcon;
|
|
6
|
+
//# sourceMappingURL=SearchIcon.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const UpLeftArrowsIcon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { ...props, width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("rect", { x: "2.125", y: "8", width: "1", height: "3", rx: "0.5", transform: "rotate(45 2.125 8)", fill: "#373531" }), (0, jsx_runtime_1.jsx)("rect", { y: "10.125", width: "1", height: "3", rx: "0.5", transform: "rotate(-45 0 10.125)", fill: "#373531" }), (0, jsx_runtime_1.jsx)("rect", { x: "12.0977", y: "2.125", width: "1", height: "3", rx: "0.5", transform: "rotate(135 12.0977 2.125)", fill: "#373531" }), (0, jsx_runtime_1.jsx)("rect", { x: "9.97266", width: "1", height: "3", rx: "0.5", transform: "rotate(45 9.97266 0)", fill: "#373531" }), (0, jsx_runtime_1.jsx)("path", { d: "M10 1.125V9.125C10 9.67728 9.55228 10.125 9 10.125H1", stroke: "#373531" })] }));
|
|
5
|
+
exports.default = UpLeftArrowsIcon;
|
|
6
|
+
//# sourceMappingURL=UpLeftArrowsIcon.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const XCircleIcon = ({ ...props }) => ((0, jsx_runtime_1.jsx)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }) }));
|
|
5
|
+
exports.default = XCircleIcon;
|
|
6
|
+
//# sourceMappingURL=XCircleIcon.js.map
|
package/dist/assets/XIcon.js
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const XIcon = ({ ...props }) => ((0, jsx_runtime_1.jsx)("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", height: "20", width: "20", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z", clipRule: "evenodd" }) }));
|
|
5
|
+
exports.default = XIcon;
|
|
6
|
+
//# sourceMappingURL=XIcon.js.map
|
package/dist/assets/index.js
CHANGED
|
@@ -1,21 +1,49 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.XIcon = exports.UpLeftArrowsIcon = exports.FilterIcon = exports.RefreshIcon = exports.XCircleIcon = exports.SearchIcon = exports.LoadingSpinner = exports.ExclamationFilledIcon = exports.CalendarNormalIcon = exports.CalendarIcon = exports.ArrowUpRightIcon = exports.ArrowUpIcon = exports.ArrowUpHeadIcon = exports.DoubleArrowRightHeadIcon = exports.DoubleArrowLeftHeadIcon = exports.ArrowLeftHeadIcon = exports.ArrowRightHeadIcon = exports.ArrowRightIcon = exports.ArrowDownIcon = exports.ArrowDownRightIcon = exports.ArrowDownHeadIcon = void 0;
|
|
7
|
+
var ArrowDownHeadIcon_1 = require("./ArrowDownHeadIcon");
|
|
8
|
+
Object.defineProperty(exports, "ArrowDownHeadIcon", { enumerable: true, get: function () { return __importDefault(ArrowDownHeadIcon_1).default; } });
|
|
9
|
+
var ArrowDownRightIcon_1 = require("./ArrowDownRightIcon");
|
|
10
|
+
Object.defineProperty(exports, "ArrowDownRightIcon", { enumerable: true, get: function () { return __importDefault(ArrowDownRightIcon_1).default; } });
|
|
11
|
+
var ArrowDownIcon_1 = require("./ArrowDownIcon");
|
|
12
|
+
Object.defineProperty(exports, "ArrowDownIcon", { enumerable: true, get: function () { return __importDefault(ArrowDownIcon_1).default; } });
|
|
13
|
+
var ArrowRightIcon_1 = require("./ArrowRightIcon");
|
|
14
|
+
Object.defineProperty(exports, "ArrowRightIcon", { enumerable: true, get: function () { return __importDefault(ArrowRightIcon_1).default; } });
|
|
15
|
+
var ArrowRightHeadIcon_1 = require("./ArrowRightHeadIcon");
|
|
16
|
+
Object.defineProperty(exports, "ArrowRightHeadIcon", { enumerable: true, get: function () { return __importDefault(ArrowRightHeadIcon_1).default; } });
|
|
17
|
+
var ArrowLeftHeadIcon_1 = require("./ArrowLeftHeadIcon");
|
|
18
|
+
Object.defineProperty(exports, "ArrowLeftHeadIcon", { enumerable: true, get: function () { return __importDefault(ArrowLeftHeadIcon_1).default; } });
|
|
19
|
+
var DoubleArrowLeftHeadIcon_1 = require("./DoubleArrowLeftHeadIcon");
|
|
20
|
+
Object.defineProperty(exports, "DoubleArrowLeftHeadIcon", { enumerable: true, get: function () { return __importDefault(DoubleArrowLeftHeadIcon_1).default; } });
|
|
21
|
+
var DoubleArrowRightHeadIcon_1 = require("./DoubleArrowRightHeadIcon");
|
|
22
|
+
Object.defineProperty(exports, "DoubleArrowRightHeadIcon", { enumerable: true, get: function () { return __importDefault(DoubleArrowRightHeadIcon_1).default; } });
|
|
23
|
+
var ArrowUpHeadIcon_1 = require("./ArrowUpHeadIcon");
|
|
24
|
+
Object.defineProperty(exports, "ArrowUpHeadIcon", { enumerable: true, get: function () { return __importDefault(ArrowUpHeadIcon_1).default; } });
|
|
25
|
+
var ArrowUpIcon_1 = require("./ArrowUpIcon");
|
|
26
|
+
Object.defineProperty(exports, "ArrowUpIcon", { enumerable: true, get: function () { return __importDefault(ArrowUpIcon_1).default; } });
|
|
27
|
+
var ArrowUpRightIcon_1 = require("./ArrowUpRightIcon");
|
|
28
|
+
Object.defineProperty(exports, "ArrowUpRightIcon", { enumerable: true, get: function () { return __importDefault(ArrowUpRightIcon_1).default; } });
|
|
29
|
+
var CalendarIcon_1 = require("./CalendarIcon");
|
|
30
|
+
Object.defineProperty(exports, "CalendarIcon", { enumerable: true, get: function () { return __importDefault(CalendarIcon_1).default; } });
|
|
31
|
+
var CalendarNormalIcon_1 = require("./CalendarNormalIcon");
|
|
32
|
+
Object.defineProperty(exports, "CalendarNormalIcon", { enumerable: true, get: function () { return __importDefault(CalendarNormalIcon_1).default; } });
|
|
33
|
+
var ExclamationFilledIcon_1 = require("./ExclamationFilledIcon");
|
|
34
|
+
Object.defineProperty(exports, "ExclamationFilledIcon", { enumerable: true, get: function () { return __importDefault(ExclamationFilledIcon_1).default; } });
|
|
35
|
+
var LoadingSpinner_1 = require("./LoadingSpinner");
|
|
36
|
+
Object.defineProperty(exports, "LoadingSpinner", { enumerable: true, get: function () { return __importDefault(LoadingSpinner_1).default; } });
|
|
37
|
+
var SearchIcon_1 = require("./SearchIcon");
|
|
38
|
+
Object.defineProperty(exports, "SearchIcon", { enumerable: true, get: function () { return __importDefault(SearchIcon_1).default; } });
|
|
39
|
+
var XCircleIcon_1 = require("./XCircleIcon");
|
|
40
|
+
Object.defineProperty(exports, "XCircleIcon", { enumerable: true, get: function () { return __importDefault(XCircleIcon_1).default; } });
|
|
41
|
+
var RefreshIcon_1 = require("./RefreshIcon");
|
|
42
|
+
Object.defineProperty(exports, "RefreshIcon", { enumerable: true, get: function () { return __importDefault(RefreshIcon_1).default; } });
|
|
43
|
+
var FilterIcon_1 = require("./FilterIcon");
|
|
44
|
+
Object.defineProperty(exports, "FilterIcon", { enumerable: true, get: function () { return __importDefault(FilterIcon_1).default; } });
|
|
45
|
+
var UpLeftArrowsIcon_1 = require("./UpLeftArrowsIcon");
|
|
46
|
+
Object.defineProperty(exports, "UpLeftArrowsIcon", { enumerable: true, get: function () { return __importDefault(UpLeftArrowsIcon_1).default; } });
|
|
47
|
+
var XIcon_1 = require("./XIcon");
|
|
48
|
+
Object.defineProperty(exports, "XIcon", { enumerable: true, get: function () { return __importDefault(XIcon_1).default; } });
|
|
49
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1,14 +1,39 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
2
27
|
// @ts-nocheck
|
|
3
28
|
/* eslint-disable react/display-name */
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const BigModal =
|
|
29
|
+
const react_1 = __importStar(require("react"));
|
|
30
|
+
const hooks_1 = require("../../hooks");
|
|
31
|
+
const lib_1 = require("../../lib");
|
|
32
|
+
const BigModal = react_1.default.forwardRef((props, ref) => {
|
|
8
33
|
const { showModal, setShowModal, parentRef, width, maxHeight = '18rem', children, className, theme, ...other } = props;
|
|
9
|
-
const [modalExceedsWindow, setModalExceedsWindow] = useState(false);
|
|
10
|
-
const modalRef = useRef(null);
|
|
11
|
-
const checkModalExceedsWindow = useCallback((modalWidth, windowWidth) => {
|
|
34
|
+
const [modalExceedsWindow, setModalExceedsWindow] = (0, react_1.useState)(false);
|
|
35
|
+
const modalRef = (0, react_1.useRef)(null);
|
|
36
|
+
const checkModalExceedsWindow = (0, react_1.useCallback)((modalWidth, windowWidth) => {
|
|
12
37
|
if (!parentRef.current) {
|
|
13
38
|
return false;
|
|
14
39
|
}
|
|
@@ -18,7 +43,7 @@ const BigModal = React.forwardRef((props, ref) => {
|
|
|
18
43
|
const getAbsoluteSpacing = () => {
|
|
19
44
|
return modalExceedsWindow ? '0' : '0';
|
|
20
45
|
};
|
|
21
|
-
useOnClickOutside(modalRef, e => {
|
|
46
|
+
(0, hooks_1.useOnClickOutside)(modalRef, e => {
|
|
22
47
|
// Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
|
|
23
48
|
const isTriggerElem = parentRef
|
|
24
49
|
? parentRef.current?.contains(e.target)
|
|
@@ -28,17 +53,17 @@ const BigModal = React.forwardRef((props, ref) => {
|
|
|
28
53
|
}
|
|
29
54
|
});
|
|
30
55
|
// Execute only when modal is of absolute size
|
|
31
|
-
useEffect(() => {
|
|
56
|
+
(0, react_1.useEffect)(() => {
|
|
32
57
|
if (width) {
|
|
33
58
|
setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
|
|
34
59
|
}
|
|
35
60
|
}, [checkModalExceedsWindow, parentRef, width]);
|
|
36
|
-
useOnWindowResize(() => {
|
|
61
|
+
(0, hooks_1.useOnWindowResize)(() => {
|
|
37
62
|
if (width) {
|
|
38
63
|
setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
|
|
39
64
|
}
|
|
40
65
|
});
|
|
41
|
-
return showModal ? (
|
|
66
|
+
return showModal ? ((0, jsx_runtime_1.jsx)("div", { ref: (0, lib_1.mergeRefs)([modalRef, ref]), style: {
|
|
42
67
|
position: 'absolute',
|
|
43
68
|
zIndex: 10,
|
|
44
69
|
overflowY: 'auto',
|
|
@@ -59,4 +84,5 @@ const BigModal = React.forwardRef((props, ref) => {
|
|
|
59
84
|
transform: 'translate(-50%, -50%)',
|
|
60
85
|
}, ...other, children: children })) : null;
|
|
61
86
|
});
|
|
62
|
-
|
|
87
|
+
exports.default = BigModal;
|
|
88
|
+
//# sourceMappingURL=BigModal.js.map
|