@quillsql/react 2.8.7 → 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 (81) 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 +211 -178
  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.js +64 -59
  20. package/dist/Table.js.map +1 -1
  21. package/dist/TableChart.js +45 -17
  22. package/dist/assets/ArrowDownHeadIcon.js +6 -3
  23. package/dist/assets/ArrowDownIcon.js +6 -3
  24. package/dist/assets/ArrowDownRightIcon.js +6 -3
  25. package/dist/assets/ArrowLeftHeadIcon.js +6 -3
  26. package/dist/assets/ArrowRightHeadIcon.js +6 -3
  27. package/dist/assets/ArrowRightIcon.js +6 -3
  28. package/dist/assets/ArrowUpHeadIcon.js +6 -3
  29. package/dist/assets/ArrowUpIcon.js +6 -3
  30. package/dist/assets/ArrowUpRightIcon.js +6 -3
  31. package/dist/assets/CalendarIcon.js +6 -3
  32. package/dist/assets/CalendarNormalIcon.js +6 -3
  33. package/dist/assets/DoubleArrowLeftHeadIcon.js +6 -3
  34. package/dist/assets/DoubleArrowRightHeadIcon.js +6 -3
  35. package/dist/assets/ExclamationFilledIcon.js +6 -3
  36. package/dist/assets/FilterIcon.js +6 -3
  37. package/dist/assets/LoadingSpinner.js +6 -3
  38. package/dist/assets/RefreshIcon.js +6 -3
  39. package/dist/assets/SearchIcon.js +6 -3
  40. package/dist/assets/UpLeftArrowsIcon.js +6 -3
  41. package/dist/assets/XCircleIcon.js +6 -3
  42. package/dist/assets/XIcon.js +6 -3
  43. package/dist/assets/index.js +49 -21
  44. package/dist/components/BigModal/BigModal.js +39 -13
  45. package/dist/components/Dropdown/Dropdown.js +53 -24
  46. package/dist/components/Dropdown/DropdownItem.js +35 -9
  47. package/dist/components/Dropdown/index.js +11 -2
  48. package/dist/components/Modal/Modal.js +39 -13
  49. package/dist/components/Modal/index.js +9 -1
  50. package/dist/components/QuillCard.js +13 -8
  51. package/dist/components/SqlTextEditor.js +11 -4
  52. package/dist/components/SqlTextEditor.js.map +1 -0
  53. package/dist/components/UiComponents.js +51 -37
  54. package/dist/components/selectUtils.js +17 -6
  55. package/dist/contexts/BaseColorContext.js +6 -3
  56. package/dist/contexts/HoveredValueContext.js +6 -3
  57. package/dist/contexts/RootStylesContext.js +6 -3
  58. package/dist/contexts/SelectedValueContext.js +6 -3
  59. package/dist/contexts/index.js +15 -4
  60. package/dist/hooks/index.js +15 -4
  61. package/dist/hooks/useDashboard.js +15 -10
  62. package/dist/hooks/useDashboard.js.map +1 -0
  63. package/dist/hooks/useInternalState.js +6 -3
  64. package/dist/hooks/useOnClickOutside.js +6 -3
  65. package/dist/hooks/useOnWindowResize.js +7 -4
  66. package/dist/hooks/useQuill.js +16 -11
  67. package/dist/hooks/useSelectOnKeyDown.js +7 -4
  68. package/dist/index.js +33 -13
  69. package/dist/index.js.map +1 -1
  70. package/dist/internals/ReportBuilder/PivotList.js +20 -14
  71. package/dist/internals/ReportBuilder/PivotModal.js +92 -84
  72. package/dist/internals/ReportBuilder/PivotModal.spec.js +73 -70
  73. package/dist/lib/font.js +6 -2
  74. package/dist/lib/index.js +20 -3
  75. package/dist/lib/inputTypes.js +3 -1
  76. package/dist/lib/utils.js +19 -8
  77. package/dist/utils/aggregate.js +35 -28
  78. package/dist/utils/colorToHex.js +5 -1
  79. package/dist/utils/dataFetcher.js +8 -2
  80. package/dist/utils/downloadCSV.js +6 -1
  81. package/package.json +2 -1
@@ -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
@@ -1,32 +1,60 @@
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
+ var __importDefault = (this && this.__importDefault) || function (mod) {
26
+ return (mod && mod.__esModule) ? mod : { "default": mod };
27
+ };
28
+ Object.defineProperty(exports, "__esModule", { value: true });
29
+ const jsx_runtime_1 = require("react/jsx-runtime");
2
30
  /* eslint-disable react/display-name */
3
- import React, { useRef, useState } from 'react';
4
- import { HoveredValueContext, SelectedValueContext } from '../../contexts';
5
- import { useInternalState, useSelectOnKeyDown } from '../../hooks';
6
- import { ArrowDownHeadIcon } from '../../assets';
7
- import { mergeRefs } from '../../lib';
8
- import { constructValueToNameMapping, hasValue } from '../selectUtils';
9
- import Modal from '../Modal';
10
- const Dropdown = React.forwardRef((props, ref) => {
31
+ const react_1 = __importStar(require("react"));
32
+ const contexts_1 = require("../../contexts");
33
+ const hooks_1 = require("../../hooks");
34
+ const assets_1 = require("../../assets");
35
+ const lib_1 = require("../../lib");
36
+ const selectUtils_1 = require("../selectUtils");
37
+ const Modal_1 = __importDefault(require("../Modal"));
38
+ const Dropdown = react_1.default.forwardRef((props, ref) => {
11
39
  const { defaultValue, value, onValueChange, placeholder = 'Select...', disabled = false, icon, children, className, theme, ...other } = props;
12
- const [selectedValue, setSelectedValue] = useInternalState(defaultValue, value);
13
- const [isFocused, setIsFocused] = useState(false);
14
- const dropdownRef = useRef(null);
40
+ const [selectedValue, setSelectedValue] = (0, hooks_1.useInternalState)(defaultValue, value);
41
+ const [isFocused, setIsFocused] = (0, react_1.useState)(false);
42
+ const dropdownRef = (0, react_1.useRef)(null);
15
43
  const Icon = icon;
16
- const valueToNameMapping = constructValueToNameMapping(children);
17
- const optionValues = React.Children.map(children, (child) => child.props.value);
44
+ const valueToNameMapping = (0, selectUtils_1.constructValueToNameMapping)(children);
45
+ const optionValues = react_1.default.Children.map(children, (child) => child.props.value);
18
46
  const handleValueChange = (value) => {
19
47
  setSelectedValue(value);
20
48
  setIsFocused(false);
21
49
  onValueChange?.(value);
22
50
  };
23
- const [hoveredValue, handleKeyDown] = useSelectOnKeyDown(handleValueChange, optionValues, isFocused, setIsFocused, selectedValue);
24
- const hasSelection = hasValue(selectedValue);
25
- return (_jsxs("div", { ref: mergeRefs([dropdownRef, ref]), onKeyDown: handleKeyDown, style: {
51
+ const [hoveredValue, handleKeyDown] = (0, hooks_1.useSelectOnKeyDown)(handleValueChange, optionValues, isFocused, setIsFocused, selectedValue);
52
+ const hasSelection = (0, selectUtils_1.hasValue)(selectedValue);
53
+ return ((0, jsx_runtime_1.jsxs)("div", { ref: (0, lib_1.mergeRefs)([dropdownRef, ref]), onKeyDown: handleKeyDown, style: {
26
54
  position: 'relative',
27
55
  width: '100%',
28
56
  minWidth: '10rem',
29
- }, ...other, children: [_jsxs("button", { style: {
57
+ }, ...other, children: [(0, jsx_runtime_1.jsxs)("button", { style: {
30
58
  display: 'flex',
31
59
  justifyContent: 'space-between',
32
60
  alignItems: 'center',
@@ -38,20 +66,20 @@ const Dropdown = React.forwardRef((props, ref) => {
38
66
  boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
39
67
  cursor: 'pointer',
40
68
  background: 'white',
41
- }, type: "button", onClick: () => setIsFocused(!isFocused), disabled: disabled, children: [_jsxs("div", { style: {
69
+ }, type: "button", onClick: () => setIsFocused(!isFocused), disabled: disabled, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
42
70
  display: 'flex',
43
71
  justifyContent: 'start',
44
72
  alignItems: 'center',
45
73
  whiteSpace: 'nowrap',
46
74
  overflow: 'hidden',
47
75
  textOverflow: 'ellipsis',
48
- }, children: [Icon ? (_jsx(Icon, { style: {
76
+ }, children: [Icon ? ((0, jsx_runtime_1.jsx)(Icon, { style: {
49
77
  flexShrink: 0,
50
78
  height: '1.5rem',
51
79
  width: '1.5rem',
52
80
  color: theme?.secondaryTextColor || '#6C727F',
53
81
  marginRight: '1.5rem',
54
- }, "aria-hidden": "true" })) : null, _jsx("p", { style: {
82
+ }, "aria-hidden": "true" })) : null, (0, jsx_runtime_1.jsx)("p", { style: {
55
83
  margin: 0,
56
84
  fontSize: '13px',
57
85
  fontWeight: '500',
@@ -60,12 +88,13 @@ const Dropdown = React.forwardRef((props, ref) => {
60
88
  textOverflow: 'ellipsis',
61
89
  }, children: selectedValue
62
90
  ? valueToNameMapping.get(selectedValue)
63
- : placeholder })] }), _jsx(ArrowDownHeadIcon, { style: {
91
+ : placeholder })] }), (0, jsx_runtime_1.jsx)(assets_1.ArrowDownHeadIcon, { style: {
64
92
  flexShrink: 0,
65
93
  height: '1.5rem',
66
94
  width: '1.5rem',
67
95
  marginRight: '-0.25rem',
68
96
  color: theme?.secondaryTextColor || '#6C727F',
69
- }, "aria-hidden": "true" })] }), _jsx(Modal, { theme: theme, showModal: isFocused, setShowModal: setIsFocused, parentRef: dropdownRef, children: _jsx(SelectedValueContext.Provider, { value: { selectedValue, handleValueChange }, children: _jsx(HoveredValueContext.Provider, { value: { hoveredValue }, children: React.Children.map(children, (child) => React.cloneElement(child)) }) }) })] }));
97
+ }, "aria-hidden": "true" })] }), (0, jsx_runtime_1.jsx)(Modal_1.default, { theme: theme, showModal: isFocused, setShowModal: setIsFocused, parentRef: dropdownRef, children: (0, jsx_runtime_1.jsx)(contexts_1.SelectedValueContext.Provider, { value: { selectedValue, handleValueChange }, children: (0, jsx_runtime_1.jsx)(contexts_1.HoveredValueContext.Provider, { value: { hoveredValue }, children: react_1.default.Children.map(children, (child) => react_1.default.cloneElement(child)) }) }) })] }));
70
98
  });
71
- export default Dropdown;
99
+ exports.default = Dropdown;
100
+ //# sourceMappingURL=Dropdown.js.map