@quillsql/react 1.6.9 → 1.7.1

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 (201) hide show
  1. package/lib/AddToDashboardModal.js +249 -369
  2. package/lib/AddToDashboardModal.js.map +1 -1
  3. package/lib/BarList.js +92 -109
  4. package/lib/BarList.js.map +1 -1
  5. package/lib/Chart.js +378 -491
  6. package/lib/Chart.js.map +1 -1
  7. package/lib/Context.d.ts +3 -3
  8. package/lib/Context.js +94 -96
  9. package/lib/Context.js.map +1 -1
  10. package/lib/Dashboard.js +200 -217
  11. package/lib/Dashboard.js.map +1 -1
  12. package/lib/DateRangePicker/Calendar.js +87 -91
  13. package/lib/DateRangePicker/Calendar.js.map +1 -1
  14. package/lib/DateRangePicker/DateRangePicker.js +70 -68
  15. package/lib/DateRangePicker/DateRangePicker.js.map +1 -1
  16. package/lib/DateRangePicker/DateRangePickerButton.js +46 -57
  17. package/lib/DateRangePicker/DateRangePickerButton.js.map +1 -1
  18. package/lib/DateRangePicker/dateRangePickerUtils.js +105 -99
  19. package/lib/DateRangePicker/dateRangePickerUtils.js.map +1 -1
  20. package/lib/DateRangePicker/index.js +8 -1
  21. package/lib/DateRangePicker/index.js.map +1 -1
  22. package/lib/PieChart.js +221 -225
  23. package/lib/PieChart.js.map +1 -1
  24. package/lib/QuillProvider.d.ts +2 -1
  25. package/lib/QuillProvider.js +8 -18
  26. package/lib/QuillProvider.js.map +1 -1
  27. package/lib/ReportBuilder.d.ts +1 -1
  28. package/lib/ReportBuilder.js +430 -526
  29. package/lib/ReportBuilder.js.map +1 -1
  30. package/lib/SQLEditor.js +183 -268
  31. package/lib/SQLEditor.js.map +1 -1
  32. package/lib/Table.js +213 -256
  33. package/lib/Table.js.map +1 -1
  34. package/lib/TableChart.js +76 -75
  35. package/lib/TableChart.js.map +1 -1
  36. package/lib/assets/ArrowDownHeadIcon.js +5 -28
  37. package/lib/assets/ArrowDownHeadIcon.js.map +1 -1
  38. package/lib/assets/ArrowDownIcon.js +5 -28
  39. package/lib/assets/ArrowDownIcon.js.map +1 -1
  40. package/lib/assets/ArrowDownRightIcon.js +5 -28
  41. package/lib/assets/ArrowDownRightIcon.js.map +1 -1
  42. package/lib/assets/ArrowLeftHeadIcon.js +5 -28
  43. package/lib/assets/ArrowLeftHeadIcon.js.map +1 -1
  44. package/lib/assets/ArrowRightHeadIcon.js +5 -28
  45. package/lib/assets/ArrowRightHeadIcon.js.map +1 -1
  46. package/lib/assets/ArrowRightIcon.js +5 -28
  47. package/lib/assets/ArrowRightIcon.js.map +1 -1
  48. package/lib/assets/ArrowUpHeadIcon.js +5 -28
  49. package/lib/assets/ArrowUpHeadIcon.js.map +1 -1
  50. package/lib/assets/ArrowUpIcon.js +5 -28
  51. package/lib/assets/ArrowUpIcon.js.map +1 -1
  52. package/lib/assets/ArrowUpRightIcon.js +5 -28
  53. package/lib/assets/ArrowUpRightIcon.js.map +1 -1
  54. package/lib/assets/CalendarIcon.js +5 -28
  55. package/lib/assets/CalendarIcon.js.map +1 -1
  56. package/lib/assets/DoubleArrowLeftHeadIcon.js +5 -28
  57. package/lib/assets/DoubleArrowLeftHeadIcon.js.map +1 -1
  58. package/lib/assets/DoubleArrowRightHeadIcon.js +5 -28
  59. package/lib/assets/DoubleArrowRightHeadIcon.js.map +1 -1
  60. package/lib/assets/ExclamationFilledIcon.js +5 -28
  61. package/lib/assets/ExclamationFilledIcon.js.map +1 -1
  62. package/lib/assets/LoadingSpinner.js +5 -28
  63. package/lib/assets/LoadingSpinner.js.map +1 -1
  64. package/lib/assets/SearchIcon.js +5 -28
  65. package/lib/assets/SearchIcon.js.map +1 -1
  66. package/lib/assets/XCircleIcon.js +5 -28
  67. package/lib/assets/XCircleIcon.js.map +1 -1
  68. package/lib/assets/index.js +38 -16
  69. package/lib/assets/index.js.map +1 -1
  70. package/lib/components/BigModal/BigModal.js +45 -43
  71. package/lib/components/BigModal/BigModal.js.map +1 -1
  72. package/lib/components/Dropdown/Dropdown.js +57 -53
  73. package/lib/components/Dropdown/Dropdown.js.map +1 -1
  74. package/lib/components/Dropdown/DropdownItem.js +43 -40
  75. package/lib/components/Dropdown/DropdownItem.js.map +1 -1
  76. package/lib/components/Dropdown/index.js +10 -2
  77. package/lib/components/Dropdown/index.js.map +1 -1
  78. package/lib/components/Modal/Modal.js +45 -43
  79. package/lib/components/Modal/Modal.js.map +1 -1
  80. package/lib/components/Modal/index.js +8 -1
  81. package/lib/components/Modal/index.js.map +1 -1
  82. package/lib/components/selectUtils.js +20 -15
  83. package/lib/components/selectUtils.js.map +1 -1
  84. package/lib/contexts/BaseColorContext.js +5 -3
  85. package/lib/contexts/BaseColorContext.js.map +1 -1
  86. package/lib/contexts/HoveredValueContext.js +5 -3
  87. package/lib/contexts/HoveredValueContext.js.map +1 -1
  88. package/lib/contexts/RootStylesContext.js +5 -3
  89. package/lib/contexts/RootStylesContext.js.map +1 -1
  90. package/lib/contexts/SelectedValueContext.js +5 -3
  91. package/lib/contexts/SelectedValueContext.js.map +1 -1
  92. package/lib/contexts/index.js +14 -4
  93. package/lib/contexts/index.js.map +1 -1
  94. package/lib/hooks/index.js +14 -4
  95. package/lib/hooks/index.js.map +1 -1
  96. package/lib/hooks/useInternalState.js +9 -7
  97. package/lib/hooks/useInternalState.js.map +1 -1
  98. package/lib/hooks/useOnClickOutside.js +8 -6
  99. package/lib/hooks/useOnClickOutside.js.map +1 -1
  100. package/lib/hooks/useOnWindowResize.js +9 -7
  101. package/lib/hooks/useOnWindowResize.js.map +1 -1
  102. package/lib/hooks/useQuill.js +60 -111
  103. package/lib/hooks/useQuill.js.map +1 -1
  104. package/lib/hooks/useSelectOnKeyDown.js +17 -15
  105. package/lib/hooks/useSelectOnKeyDown.js.map +1 -1
  106. package/lib/index.js +22 -8
  107. package/lib/index.js.map +1 -1
  108. package/package.json +9 -2
  109. package/rollup.config.ts +21 -0
  110. package/src/AddToDashboardModal.tsx +10 -3
  111. package/src/Chart.tsx +66 -195
  112. package/src/Context.tsx +10 -27
  113. package/src/Dashboard.tsx +40 -23
  114. package/src/QuillProvider.tsx +3 -0
  115. package/src/ReportBuilder.tsx +10 -5
  116. package/src/SQLEditor.tsx +9 -4
  117. package/src/Table.tsx +0 -1
  118. package/src/hooks/useQuill.ts +2 -1
  119. package/lib/AddToDashboardButton.d.ts +0 -1
  120. package/lib/AddToDashboardButton.js +0 -2
  121. package/lib/AddToDashboardButton.js.map +0 -1
  122. package/lib/AppContext.d.ts +0 -29
  123. package/lib/AppContext.js +0 -94
  124. package/lib/AppContext.js.map +0 -1
  125. package/lib/Button.d.ts +0 -26
  126. package/lib/Button.js +0 -151
  127. package/lib/Button.js.map +0 -1
  128. package/lib/ContextProvider.d.ts +0 -28
  129. package/lib/ContextProvider.js +0 -93
  130. package/lib/ContextProvider.js.map +0 -1
  131. package/lib/DateRangePicker.d.ts +0 -32
  132. package/lib/DateRangePicker.js +0 -105
  133. package/lib/DateRangePicker.js.map +0 -1
  134. package/lib/Dialog.d.ts +0 -68
  135. package/lib/Dialog.js +0 -407
  136. package/lib/Dialog.js.map +0 -1
  137. package/lib/Portal.d.ts +0 -32
  138. package/lib/Portal.js +0 -171
  139. package/lib/Portal.js.map +0 -1
  140. package/lib/Props.d.ts +0 -0
  141. package/lib/Props.js +0 -2
  142. package/lib/Props.js.map +0 -1
  143. package/lib/components/BigModal/Modal.d.ts +0 -14
  144. package/lib/components/BigModal/Modal.js +0 -109
  145. package/lib/components/BigModal/Modal.js.map +0 -1
  146. package/lib/components/Modal/Dropdown/Dropdown.d.ts +0 -12
  147. package/lib/components/Modal/Dropdown/Dropdown.js +0 -52
  148. package/lib/components/Modal/Dropdown/Dropdown.js.map +0 -1
  149. package/lib/components/Modal/Dropdown/DropdownItem.d.ts +0 -8
  150. package/lib/components/Modal/Dropdown/DropdownItem.js +0 -51
  151. package/lib/components/Modal/Dropdown/DropdownItem.js.map +0 -1
  152. package/lib/components/Modal/Dropdown/index.d.ts +0 -2
  153. package/lib/components/Modal/Dropdown/index.js +0 -3
  154. package/lib/components/Modal/Dropdown/index.js.map +0 -1
  155. package/lib/hooks/useSyncRefs.d.ts +0 -5
  156. package/lib/hooks/useSyncRefs.js +0 -38
  157. package/lib/hooks/useSyncRefs.js.map +0 -1
  158. package/lib/lib/colorClassNames.d.ts +0 -19
  159. package/lib/lib/colorClassNames.js +0 -3175
  160. package/lib/lib/colorClassNames.js.map +0 -1
  161. package/lib/lib/constants.d.ts +0 -16
  162. package/lib/lib/constants.js +0 -47
  163. package/lib/lib/constants.js.map +0 -1
  164. package/lib/lib/font.d.ts +0 -13
  165. package/lib/lib/font.js +0 -14
  166. package/lib/lib/font.js.map +0 -1
  167. package/lib/lib/hexColors.d.ts +0 -3
  168. package/lib/lib/hexColors.js +0 -29
  169. package/lib/lib/hexColors.js.map +0 -1
  170. package/lib/lib/index.d.ts +0 -3
  171. package/lib/lib/index.js +0 -4
  172. package/lib/lib/index.js.map +0 -1
  173. package/lib/lib/inputTypes.d.ts +0 -20
  174. package/lib/lib/inputTypes.js +0 -56
  175. package/lib/lib/inputTypes.js.map +0 -1
  176. package/lib/lib/shape.d.ts +0 -73
  177. package/lib/lib/shape.js +0 -74
  178. package/lib/lib/shape.js.map +0 -1
  179. package/lib/lib/sizing.d.ts +0 -46
  180. package/lib/lib/sizing.js +0 -43
  181. package/lib/lib/sizing.js.map +0 -1
  182. package/lib/lib/spacing.d.ts +0 -264
  183. package/lib/lib/spacing.js +0 -265
  184. package/lib/lib/spacing.js.map +0 -1
  185. package/lib/lib/theme.d.ts +0 -22
  186. package/lib/lib/theme.js +0 -46
  187. package/lib/lib/theme.js.map +0 -1
  188. package/lib/lib/utils.d.ts +0 -9
  189. package/lib/lib/utils.js +0 -40
  190. package/lib/lib/utils.js.map +0 -1
  191. package/lib/styles.css +0 -15795
  192. package/lib/types/Props.d.ts +0 -0
  193. package/lib/types/Props.js +0 -2
  194. package/lib/types/Props.js.map +0 -1
  195. package/lib/types.d.ts +0 -27
  196. package/lib/types.js +0 -6
  197. package/lib/types.js.map +0 -1
  198. package/src/lib/font.ts +0 -14
  199. package/src/lib/index.ts +0 -3
  200. package/src/lib/inputTypes.ts +0 -81
  201. package/src/lib/utils.tsx +0 -46
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- import { HorizontalPosition } from '../../lib/inputTypes';
3
- export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
4
- showModal: boolean;
5
- setShowModal: React.Dispatch<React.SetStateAction<boolean>> | ((nextState: boolean) => void);
6
- parentRef?: React.RefObject<HTMLElement>;
7
- width?: number;
8
- maxHeight?: string;
9
- anchorPosition?: HorizontalPosition;
10
- children: React.ReactNode;
11
- theme: any;
12
- }
13
- declare const BigModal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
14
- export default BigModal;
@@ -1,109 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx } from "react/jsx-runtime";
24
- /* eslint-disable react/display-name */
25
- import React, { useCallback, useEffect, useRef, useState } from 'react';
26
- import { useOnClickOutside, useOnWindowResize } from '../../hooks';
27
- import { mergeRefs } from '../../lib';
28
- var BigModal = React.forwardRef(function (props, ref) {
29
- var showModal = props.showModal, setShowModal = props.setShowModal, parentRef = props.parentRef, width = props.width, _a = props.maxHeight, maxHeight = _a === void 0 ? '18rem' : _a, children = props.children, className = props.className, theme = props.theme, other = __rest(props, ["showModal", "setShowModal", "parentRef", "width", "maxHeight", "children", "className", "theme"]);
30
- var _b = useState(false), modalExceedsWindow = _b[0], setModalExceedsWindow = _b[1];
31
- var modalRef = useRef(null);
32
- var checkModalExceedsWindow = useCallback(function (modalWidth, windowWidth) {
33
- if (!parentRef.current) {
34
- return false;
35
- }
36
- var modalBoundingRight = parentRef.current.getBoundingClientRect().left + modalWidth;
37
- return windowWidth - modalBoundingRight < 0;
38
- }, [parentRef]);
39
- var getAbsoluteSpacing = function () {
40
- return modalExceedsWindow ? '0' : '0';
41
- };
42
- useOnClickOutside(modalRef, function (e) {
43
- var _a;
44
- // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
45
- var isTriggerElem = parentRef
46
- ? (_a = parentRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)
47
- : false;
48
- if (!isTriggerElem) {
49
- setShowModal(false);
50
- }
51
- });
52
- // Execute only when modal is of absolute size
53
- useEffect(function () {
54
- if (width) {
55
- setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
56
- }
57
- }, [checkModalExceedsWindow, parentRef, width]);
58
- useOnWindowResize(function () {
59
- if (width) {
60
- setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
61
- }
62
- });
63
- return showModal ? (_jsx("div", __assign({ ref: mergeRefs([modalRef, ref]), style: {
64
- position: 'absolute',
65
- zIndex: 10,
66
- overflowY: 'auto',
67
- width: width ? width : '100%',
68
- // left: getAbsoluteSpacing(),
69
- // right: getAbsoluteSpacing(),
70
- // maxHeight: maxHeight,
71
- backgroundColor: (theme === null || theme === void 0 ? void 0 : theme.backgroundColor) || 'white',
72
- borderColor: (theme === null || theme === void 0 ? void 0 : theme.borderColor) || '#E5E7EB',
73
- // borderTopColor: getColorClassNames(
74
- // DEFAULT_COLOR,
75
- // colorPalette.lightBorder
76
- // ).borderColor,
77
- // borderBottomColor: getColorClassNames(
78
- // DEFAULT_COLOR,
79
- // colorPalette.lightBorder
80
- // ).borderColor,
81
- // borderLeftColor: getColorClassNames(
82
- // DEFAULT_COLOR,
83
- // colorPalette.lightBorder
84
- // ).borderColor,
85
- // borderRightColor: getColorClassNames(
86
- // DEFAULT_COLOR,
87
- // colorPalette.lightBorder
88
- // ).borderColor,
89
- borderTopStyle: 'solid',
90
- borderBottomStyle: 'solid',
91
- borderLeftStyle: 'solid',
92
- borderRightStyle: 'solid',
93
- borderTopWidth: 1,
94
- borderBottomWidth: 1,
95
- borderLeftWidth: 1,
96
- borderRightWidth: 1,
97
- marginTop: '0.5rem',
98
- marginBottom: '0.5rem',
99
- borderRadius: '0.375rem',
100
- boxShadow: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
101
- // boxShadow: '0 1px 3px 0 #0000001A, 0 1px 2px 0 #0000000F',
102
- // borderTopWidth: '2px',
103
- // borderBottomWidth: '2px',
104
- // borderLeftWidth: '2px',
105
- // borderRightWidth: '2px',
106
- } }, other, { children: children }))) : null;
107
- });
108
- export default BigModal;
109
- //# sourceMappingURL=Modal.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/BigModal/Modal.tsx"],"names":[],"mappings":"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"}
@@ -1,12 +0,0 @@
1
- import React from "react";
2
- export interface DropdownProps extends React.HTMLAttributes<HTMLDivElement> {
3
- value?: string;
4
- defaultValue?: string;
5
- onValueChange?: (value: string) => void;
6
- placeholder?: string;
7
- disabled?: boolean;
8
- icon?: React.JSXElementConstructor<any>;
9
- children: React.ReactElement[] | React.ReactElement;
10
- }
11
- declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
12
- export default Dropdown;
@@ -1,52 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
24
- import React, { useRef, useState } from "react";
25
- import { twMerge } from "tailwind-merge";
26
- import { HoveredValueContext, SelectedValueContext } from "contexts";
27
- import { useInternalState, useSelectOnKeyDown } from "hooks";
28
- import { ArrowDownHeadIcon } from "assets";
29
- import { BaseColors, border, borderRadius, boxShadow, fontSize, fontWeight, getColorClassNames, makeClassName, mergeRefs, sizing, spacing, } from "lib";
30
- import { constructValueToNameMapping, getSelectButtonColors, hasValue } from "../selectUtils";
31
- import Modal from "components/util-elements/Modal";
32
- import { DEFAULT_COLOR, colorPalette } from "lib/theme";
33
- var makeDropdownClassName = makeClassName("Dropdown");
34
- var Dropdown = React.forwardRef(function (props, ref) {
35
- var defaultValue = props.defaultValue, value = props.value, onValueChange = props.onValueChange, _a = props.placeholder, placeholder = _a === void 0 ? "Select..." : _a, _b = props.disabled, disabled = _b === void 0 ? false : _b, icon = props.icon, children = props.children, className = props.className, other = __rest(props, ["defaultValue", "value", "onValueChange", "placeholder", "disabled", "icon", "children", "className"]);
36
- var _c = useInternalState(defaultValue, value), selectedValue = _c[0], setSelectedValue = _c[1];
37
- var _d = useState(false), isFocused = _d[0], setIsFocused = _d[1];
38
- var dropdownRef = useRef(null);
39
- var Icon = icon;
40
- var valueToNameMapping = constructValueToNameMapping(children);
41
- var optionValues = React.Children.map(children, function (child) { return child.props.value; });
42
- var handleValueChange = function (value) {
43
- setSelectedValue(value);
44
- setIsFocused(false);
45
- onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(value);
46
- };
47
- var _e = useSelectOnKeyDown(handleValueChange, optionValues, isFocused, setIsFocused, selectedValue), hoveredValue = _e[0], handleKeyDown = _e[1];
48
- var hasSelection = hasValue(selectedValue);
49
- return (_jsxs("div", __assign({ ref: mergeRefs([dropdownRef, ref]), onKeyDown: handleKeyDown, className: twMerge(makeDropdownClassName("root"), "relative w-full min-w-[10rem]", className) }, other, { children: [_jsxs("button", __assign({ type: "button", className: twMerge(makeDropdownClassName("button"), "flex justify-between items-center w-full focus:outline-none focus:ring-2", getSelectButtonColors(hasSelection, disabled), getColorClassNames(BaseColors.Blue, colorPalette.lightRing).focusRingColor, Icon ? spacing.xl.paddingLeft : spacing.twoXl.paddingLeft, spacing.twoXl.paddingRight, spacing.sm.paddingY, borderRadius.md.all, border.sm.all, boxShadow.sm), onClick: function () { return setIsFocused(!isFocused); }, disabled: disabled }, { children: [_jsxs("div", __assign({ className: "flex justify-start items-center truncate" }, { children: [Icon ? (_jsx(Icon, { className: twMerge(makeDropdownClassName("icon"), "shrink-0", sizing.lg.height, sizing.lg.width, getColorClassNames(DEFAULT_COLOR, colorPalette.lightText).textColor, spacing.lg.marginRight), "aria-hidden": "true" })) : null, _jsx("p", __assign({ className: twMerge(makeDropdownClassName("text"), "whitespace-nowrap truncate", fontSize.sm, fontWeight.md) }, { children: selectedValue ? valueToNameMapping.get(selectedValue) : placeholder }))] })), _jsx(ArrowDownHeadIcon, { className: twMerge(makeDropdownClassName("arrowDownIcon"), "flex-none", sizing.lg.height, sizing.lg.width, spacing.twoXs.negativeMarginRight, getColorClassNames(DEFAULT_COLOR, colorPalette.lightText).textColor), "aria-hidden": "true" })] })), _jsx(Modal, __assign({ showModal: isFocused, setShowModal: setIsFocused, parentRef: dropdownRef }, { children: _jsx(SelectedValueContext.Provider, __assign({ value: { selectedValue: selectedValue, handleValueChange: handleValueChange } }, { children: _jsx(HoveredValueContext.Provider, __assign({ value: { hoveredValue: hoveredValue } }, { children: React.Children.map(children, function (child) { return React.cloneElement(child); }) })) })) }))] })));
50
- });
51
- export default Dropdown;
52
- //# sourceMappingURL=Dropdown.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Modal/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
@@ -1,8 +0,0 @@
1
- import React from "react";
2
- export interface DropdownItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
3
- value: string;
4
- text?: string;
5
- icon?: React.ElementType;
6
- }
7
- declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLButtonElement>>;
8
- export default DropdownItem;
@@ -1,51 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
24
- import React, { useContext } from "react";
25
- import { twMerge } from "tailwind-merge";
26
- import { HoveredValueContext, SelectedValueContext } from "contexts";
27
- import { fontSize } from "lib/font";
28
- import { sizing } from "lib/sizing";
29
- import { spacing } from "lib/spacing";
30
- import { getColorClassNames, makeClassName } from "lib";
31
- import { DEFAULT_COLOR, colorPalette } from "lib/theme";
32
- var makeDropdownItemClassName = makeClassName("DropdownItem");
33
- var DropdownItem = React.forwardRef(function (props, ref) {
34
- var value = props.value, text = props.text, icon = props.icon, className = props.className, other = __rest(props, ["value", "text", "icon", "className"]);
35
- var _a = useContext(SelectedValueContext), selectedValue = _a.selectedValue, handleValueChange = _a.handleValueChange;
36
- var hoveredValue = useContext(HoveredValueContext).hoveredValue;
37
- var isActive = selectedValue === value;
38
- var isHovered = hoveredValue === value;
39
- var bgColor = isActive
40
- ? getColorClassNames(DEFAULT_COLOR, colorPalette.lightBackground).bgColor
41
- : isHovered
42
- ? getColorClassNames(DEFAULT_COLOR, colorPalette.canvasBackground).bgColor
43
- : getColorClassNames(DEFAULT_COLOR, colorPalette.canvasBackground).hoverBgColor;
44
- var textColor = isActive
45
- ? getColorClassNames(DEFAULT_COLOR, colorPalette.darkestText).textColor
46
- : getColorClassNames(DEFAULT_COLOR, colorPalette.darkText).textColor;
47
- var Icon = icon ? icon : null;
48
- return (_jsxs("button", __assign({ ref: ref, type: "button", onClick: function () { return handleValueChange === null || handleValueChange === void 0 ? void 0 : handleValueChange(value); }, className: twMerge(makeDropdownItemClassName("root"), "flex items-center justify-start w-full truncate", spacing.twoXl.paddingX, spacing.md.paddingY, fontSize.sm, bgColor, textColor, className) }, other, { children: [Icon ? (_jsx(Icon, { className: twMerge(makeDropdownItemClassName("icon"), "flex-none", sizing.lg.height, sizing.lg.width, spacing.lg.marginRight, getColorClassNames(DEFAULT_COLOR, colorPalette.lightText).textColor), "aria-hidden": "true" })) : null, _jsx("p", __assign({ className: twMerge(makeDropdownItemClassName("text"), "text-sm whitespace-nowrap truncate") }, { children: text !== null && text !== void 0 ? text : value }))] })));
49
- });
50
- export default DropdownItem;
51
- //# sourceMappingURL=DropdownItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../../src/components/Modal/Dropdown/DropdownItem.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export { default as Dropdown } from "./Dropdown";
2
- export { default as DropdownItem } from "./DropdownItem";
@@ -1,3 +0,0 @@
1
- export { default as Dropdown } from "./Dropdown";
2
- export { default as DropdownItem } from "./DropdownItem";
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function optionalRef<T>(cb: (ref: T) => void, isOptional?: boolean): ((ref: T) => void) & {
3
- [x: symbol]: boolean;
4
- };
5
- export declare function useSyncRefs<TType>(...refs: (React.MutableRefObject<TType | null> | ((instance: TType) => void) | null)[]): any;
@@ -1,38 +0,0 @@
1
- import { useRef, useEffect } from 'react';
2
- import { useEvent } from './use-event';
3
- var Optional = Symbol();
4
- export function optionalRef(cb, isOptional) {
5
- var _a;
6
- if (isOptional === void 0) { isOptional = true; }
7
- return Object.assign(cb, (_a = {}, _a[Optional] = isOptional, _a));
8
- }
9
- export function useSyncRefs() {
10
- var refs = [];
11
- for (var _i = 0; _i < arguments.length; _i++) {
12
- refs[_i] = arguments[_i];
13
- }
14
- var cache = useRef(refs);
15
- useEffect(function () {
16
- cache.current = refs;
17
- }, [refs]);
18
- var syncRefs = useEvent(function (value) {
19
- for (var _i = 0, _a = cache.current; _i < _a.length; _i++) {
20
- var ref = _a[_i];
21
- if (ref == null)
22
- continue;
23
- if (typeof ref === 'function')
24
- ref(value);
25
- else
26
- ref.current = value;
27
- }
28
- });
29
- return refs.every(function (ref) {
30
- return ref == null ||
31
- (
32
- // @ts-expect-error
33
- ref === null || ref === void 0 ? void 0 : ref[Optional]);
34
- })
35
- ? undefined
36
- : syncRefs;
37
- }
38
- //# sourceMappingURL=useSyncRefs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useSyncRefs.js","sourceRoot":"","sources":["../../src/hooks/useSyncRefs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,IAAI,QAAQ,GAAG,MAAM,EAAE,CAAC;AAExB,MAAM,UAAU,WAAW,CAAI,EAAoB,EAAE,UAAiB;;IAAjB,2BAAA,EAAA,iBAAiB;IACpE,OAAO,MAAM,CAAC,MAAM,CAAC,EAAE,YAAI,GAAC,QAAQ,IAAG,UAAU,MAAG,CAAC;AACvD,CAAC;AAED,MAAM,UAAU,WAAW;IACzB,cAIG;SAJH,UAIG,EAJH,qBAIG,EAJH,IAIG;QAJH,yBAIG;;IAEH,IAAI,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEzB,SAAS,CAAC;QACR,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;IACvB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,IAAI,QAAQ,GAAG,QAAQ,CAAC,UAAC,KAAY;QACnC,KAAgB,UAAa,EAAb,KAAA,KAAK,CAAC,OAAO,EAAb,cAAa,EAAb,IAAa,EAAE;YAA1B,IAAI,GAAG,SAAA;YACV,IAAI,GAAG,IAAI,IAAI;gBAAE,SAAS;YAC1B,IAAI,OAAO,GAAG,KAAK,UAAU;gBAAE,GAAG,CAAC,KAAK,CAAC,CAAC;;gBACrC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;SAC1B;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC,KAAK,CACf,UAAA,GAAG;QACD,OAAA,GAAG,IAAI,IAAI;;YACX,mBAAmB;YACnB,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAG,QAAQ,CAAC,CAAA;IAFf,CAEe,CAClB;QACC,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,QAAQ,CAAC;AACf,CAAC"}
@@ -1,19 +0,0 @@
1
- export type ColorTypes = {
2
- bgColor: string;
3
- hoverBgColor: string;
4
- textColor: string;
5
- hoverTextColor: string;
6
- borderColor: string;
7
- hoverBorderColor: string;
8
- ringRolor: string;
9
- ringColor: string;
10
- hoverRingColor: string;
11
- divideColor: string;
12
- outlineColor: string;
13
- focusRingColor: string;
14
- };
15
- export declare const colorClassNames: {
16
- [baseColor: string]: {
17
- [colorVariant: string]: ColorTypes;
18
- };
19
- };