@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.
Files changed (82) hide show
  1. package/dist/AddToDashboardModal.js +181 -146
  2. package/dist/BarList.js +44 -36
  3. package/dist/Chart.js +132 -99
  4. package/dist/ChartBuilder.js +89 -80
  5. package/dist/ChartEditor.js +21 -14
  6. package/dist/Context.js +57 -52
  7. package/dist/Dashboard.js +213 -180
  8. package/dist/Dashboard.js.map +1 -1
  9. package/dist/DateRangePicker/Calendar.js +46 -41
  10. package/dist/DateRangePicker/DateRangePicker.js +61 -32
  11. package/dist/DateRangePicker/DateRangePickerButton.js +17 -14
  12. package/dist/DateRangePicker/dateRangePickerUtils.js +90 -76
  13. package/dist/DateRangePicker/dateRangePickerUtils.js.map +1 -1
  14. package/dist/DateRangePicker/index.js +9 -1
  15. package/dist/PieChart.js +70 -35
  16. package/dist/QuillProvider.js +7 -4
  17. package/dist/ReportBuilder.js +129 -120
  18. package/dist/SQLEditor.js +65 -56
  19. package/dist/Table.d.ts.map +1 -1
  20. package/dist/Table.js +71 -60
  21. package/dist/Table.js.map +1 -1
  22. package/dist/TableChart.js +45 -17
  23. package/dist/assets/ArrowDownHeadIcon.js +6 -3
  24. package/dist/assets/ArrowDownIcon.js +6 -3
  25. package/dist/assets/ArrowDownRightIcon.js +6 -3
  26. package/dist/assets/ArrowLeftHeadIcon.js +6 -3
  27. package/dist/assets/ArrowRightHeadIcon.js +6 -3
  28. package/dist/assets/ArrowRightIcon.js +6 -3
  29. package/dist/assets/ArrowUpHeadIcon.js +6 -3
  30. package/dist/assets/ArrowUpIcon.js +6 -3
  31. package/dist/assets/ArrowUpRightIcon.js +6 -3
  32. package/dist/assets/CalendarIcon.js +6 -3
  33. package/dist/assets/CalendarNormalIcon.js +6 -3
  34. package/dist/assets/DoubleArrowLeftHeadIcon.js +6 -3
  35. package/dist/assets/DoubleArrowRightHeadIcon.js +6 -3
  36. package/dist/assets/ExclamationFilledIcon.js +6 -3
  37. package/dist/assets/FilterIcon.js +6 -3
  38. package/dist/assets/LoadingSpinner.js +6 -3
  39. package/dist/assets/RefreshIcon.js +6 -3
  40. package/dist/assets/SearchIcon.js +6 -3
  41. package/dist/assets/UpLeftArrowsIcon.js +6 -3
  42. package/dist/assets/XCircleIcon.js +6 -3
  43. package/dist/assets/XIcon.js +6 -3
  44. package/dist/assets/index.js +49 -21
  45. package/dist/components/BigModal/BigModal.js +39 -13
  46. package/dist/components/Dropdown/Dropdown.js +53 -24
  47. package/dist/components/Dropdown/DropdownItem.js +35 -9
  48. package/dist/components/Dropdown/index.js +11 -2
  49. package/dist/components/Modal/Modal.js +39 -13
  50. package/dist/components/Modal/index.js +9 -1
  51. package/dist/components/QuillCard.js +13 -8
  52. package/dist/components/SqlTextEditor.js +11 -4
  53. package/dist/components/SqlTextEditor.js.map +1 -0
  54. package/dist/components/UiComponents.js +51 -37
  55. package/dist/components/selectUtils.js +17 -6
  56. package/dist/contexts/BaseColorContext.js +6 -3
  57. package/dist/contexts/HoveredValueContext.js +6 -3
  58. package/dist/contexts/RootStylesContext.js +6 -3
  59. package/dist/contexts/SelectedValueContext.js +6 -3
  60. package/dist/contexts/index.js +15 -4
  61. package/dist/hooks/index.js +15 -4
  62. package/dist/hooks/useDashboard.js +17 -11
  63. package/dist/hooks/useDashboard.js.map +1 -0
  64. package/dist/hooks/useInternalState.js +6 -3
  65. package/dist/hooks/useOnClickOutside.js +6 -3
  66. package/dist/hooks/useOnWindowResize.js +7 -4
  67. package/dist/hooks/useQuill.js +16 -11
  68. package/dist/hooks/useSelectOnKeyDown.js +7 -4
  69. package/dist/index.js +33 -13
  70. package/dist/index.js.map +1 -1
  71. package/dist/internals/ReportBuilder/PivotList.js +20 -14
  72. package/dist/internals/ReportBuilder/PivotModal.js +92 -84
  73. package/dist/internals/ReportBuilder/PivotModal.spec.js +73 -70
  74. package/dist/lib/font.js +6 -2
  75. package/dist/lib/index.js +20 -3
  76. package/dist/lib/inputTypes.js +3 -1
  77. package/dist/lib/utils.js +19 -8
  78. package/dist/utils/aggregate.js +35 -28
  79. package/dist/utils/colorToHex.js +5 -1
  80. package/dist/utils/dataFetcher.js +8 -2
  81. package/dist/utils/downloadCSV.js +6 -1
  82. package/package.json +2 -1
@@ -1,8 +1,34 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
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
- import React, { useMemo } from 'react';
5
- import { valueFormatter } from './Chart';
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
- export function hexToRgbaWith10PercentAlpha(hex) {
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 (_jsx("div", { style: {
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) => (_jsx(Column, { column: elem, data: data, theme: theme }, elem.field))) }));
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 (_jsxs("div", { style: {
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: [_jsx("div", { style: {
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) => (_jsx(Cell, { item: elem[column.field], theme: theme })))] }));
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 (_jsx("div", { style: {
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 = React.forwardRef((props, ref) => {
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 (_jsx("div", { ref: ref, style: {
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 (_jsxs("div", { style: {
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: [_jsx(Columns, { columns: yAxisFields, data: memoizedData, theme: theme }), data.length > NUM_TO_SHOW && (_jsxs("div", { style: {
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
- export default TableChart;
317
+ exports.default = TableChart;
318
+ //# sourceMappingURL=TableChart.js.map
@@ -1,3 +1,6 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- const ArrowDownHeadIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", children: [_jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), _jsx("path", { fill: "currentColor", d: "M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z" })] }));
3
- export default ArrowDownHeadIcon;
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
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- const ArrowDownIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", children: [_jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), _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" })] }));
3
- export default ArrowDownIcon;
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
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- const ArrowDownRightIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", children: [_jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), _jsx("path", { fill: "currentColor", d: "M14.59 16.004L5.982 7.397l1.414-1.414 8.607 8.606V7.004h2v11h-11v-2z" })] }));
3
- export default ArrowDownRightIcon;
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
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- const ArrowLeftHeadIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: [_jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), _jsx("path", { d: "M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z" })] }));
3
- export default ArrowLeftHeadIcon;
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
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- const ArrowRightHeadIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: [_jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), _jsx("path", { d: "M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z" })] }));
3
- export default ArrowRightHeadIcon;
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
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- const ArrowRightIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", children: [_jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), _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" })] }));
3
- export default ArrowRightIcon;
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
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- const ArrowUpHeadIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", children: [_jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), _jsx("path", { fill: "currentColor", d: "M12 10.828l-4.95 4.95-1.414-1.414L12 8l6.364 6.364-1.414 1.414z" })] }));
3
- export default ArrowUpHeadIcon;
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
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- const ArrowUpIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", children: [_jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), _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" })] }));
3
- export default ArrowUpIcon;
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
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- const ArrowUpRightIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", children: [_jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), _jsx("path", { fill: "currentColor", d: "M16.004 9.414l-8.607 8.607-1.414-1.414L14.589 8H7.004V6h11v11h-2V9.414z" })] }));
3
- export default ArrowUpRightIcon;
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
- import { jsx as _jsx } from "react/jsx-runtime";
2
- const CalendarIcon = ({ ...props }) => (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", children: _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" }) }));
3
- export default CalendarIcon;
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
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- const CalendarNormalIcon = ({ ...props }) => (_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: [_jsx("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", ry: "2" }), _jsx("line", { x1: "16", x2: "16", y1: "2", y2: "6" }), _jsx("line", { x1: "8", x2: "8", y1: "2", y2: "6" }), _jsx("line", { x1: "3", x2: "21", y1: "10", y2: "10" })] }));
3
- export default CalendarNormalIcon;
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
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- const DoubleArrowLeftHeadIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: [_jsx("path", { id: "svg_1", d: "m0,0l24,0l0,24l-24,0l0,-24z", fill: "none" }), _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" }), _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" })] }));
3
- export default DoubleArrowLeftHeadIcon;
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
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- const DoubleArrowRightHeadIcon = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: [_jsx("path", { id: "svg_1", d: "m0,0l24,0l0,24l-24,0l0,-24z", fill: "none" }), _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" }), _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" })] }));
3
- export default DoubleArrowRightHeadIcon;
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
- import { jsx as _jsx } from "react/jsx-runtime";
2
- const ExclamationFilledIcon = ({ ...props }) => (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: _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" }) }));
3
- export default ExclamationFilledIcon;
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
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- const FilterIcon = ({ ...props }) => (_jsxs("svg", { ...props, width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { y: "2", width: "8", height: "1", fill: "#373531" }), _jsx("rect", { x: "8", y: "1", width: "3", height: "3", rx: "1.5", stroke: "#373531" }), _jsx("rect", { x: "11.5", y: "8.5", width: "8", height: "1", transform: "rotate(-180 11.5 8.5)", fill: "#373531" }), _jsx("rect", { x: "3.5", y: "9.5", width: "3", height: "3", rx: "1.5", transform: "rotate(-180 3.5 9.5)", stroke: "#373531" })] }));
3
- export default FilterIcon;
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
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- const LoadingSpinner = ({ ...props }) => (_jsxs("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: [_jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), _jsx("path", { d: "M18.364 5.636L16.95 7.05A7 7 0 1 0 19 12h2a9 9 0 1 1-2.636-6.364z" })] }));
3
- export default LoadingSpinner;
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
- import { jsx as _jsx } from "react/jsx-runtime";
2
- const RefreshIcon = ({ ...props }) => (_jsx("svg", { ...props, width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _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" }) }));
3
- export default RefreshIcon;
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
- import { jsx as _jsx } from "react/jsx-runtime";
2
- const SearchIcon = ({ ...props }) => (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", children: _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" }) }));
3
- export default SearchIcon;
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
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- const UpLeftArrowsIcon = ({ ...props }) => (_jsxs("svg", { ...props, width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { x: "2.125", y: "8", width: "1", height: "3", rx: "0.5", transform: "rotate(45 2.125 8)", fill: "#373531" }), _jsx("rect", { y: "10.125", width: "1", height: "3", rx: "0.5", transform: "rotate(-45 0 10.125)", fill: "#373531" }), _jsx("rect", { x: "12.0977", y: "2.125", width: "1", height: "3", rx: "0.5", transform: "rotate(135 12.0977 2.125)", fill: "#373531" }), _jsx("rect", { x: "9.97266", width: "1", height: "3", rx: "0.5", transform: "rotate(45 9.97266 0)", fill: "#373531" }), _jsx("path", { d: "M10 1.125V9.125C10 9.67728 9.55228 10.125 9 10.125H1", stroke: "#373531" })] }));
3
- export default UpLeftArrowsIcon;
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
- import { jsx as _jsx } from "react/jsx-runtime";
2
- const XCircleIcon = ({ ...props }) => (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", children: _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" }) }));
3
- export default XCircleIcon;
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
@@ -1,3 +1,6 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- const XIcon = ({ ...props }) => (_jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", height: "20", width: "20", children: _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" }) }));
3
- export default XIcon;
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
@@ -1,21 +1,49 @@
1
- export { default as ArrowDownHeadIcon } from './ArrowDownHeadIcon';
2
- export { default as ArrowDownRightIcon } from './ArrowDownRightIcon';
3
- export { default as ArrowDownIcon } from './ArrowDownIcon';
4
- export { default as ArrowRightIcon } from './ArrowRightIcon';
5
- export { default as ArrowRightHeadIcon } from './ArrowRightHeadIcon';
6
- export { default as ArrowLeftHeadIcon } from './ArrowLeftHeadIcon';
7
- export { default as DoubleArrowLeftHeadIcon } from './DoubleArrowLeftHeadIcon';
8
- export { default as DoubleArrowRightHeadIcon } from './DoubleArrowRightHeadIcon';
9
- export { default as ArrowUpHeadIcon } from './ArrowUpHeadIcon';
10
- export { default as ArrowUpIcon } from './ArrowUpIcon';
11
- export { default as ArrowUpRightIcon } from './ArrowUpRightIcon';
12
- export { default as CalendarIcon } from './CalendarIcon';
13
- export { default as CalendarNormalIcon } from './CalendarNormalIcon';
14
- export { default as ExclamationFilledIcon } from './ExclamationFilledIcon';
15
- export { default as LoadingSpinner } from './LoadingSpinner';
16
- export { default as SearchIcon } from './SearchIcon';
17
- export { default as XCircleIcon } from './XCircleIcon';
18
- export { default as RefreshIcon } from './RefreshIcon';
19
- export { default as FilterIcon } from './FilterIcon';
20
- export { default as UpLeftArrowsIcon } from './UpLeftArrowsIcon';
21
- export { default as XIcon } from './XIcon';
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
- import { jsx as _jsx } from "react/jsx-runtime";
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
- import React, { useCallback, useEffect, useRef, useState } from 'react';
5
- import { useOnClickOutside, useOnWindowResize } from '../../hooks';
6
- import { mergeRefs } from '../../lib';
7
- const BigModal = React.forwardRef((props, ref) => {
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 ? (_jsx("div", { ref: mergeRefs([modalRef, ref]), style: {
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
- export default BigModal;
87
+ exports.default = BigModal;
88
+ //# sourceMappingURL=BigModal.js.map