@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.
- package/lib/AddToDashboardModal.js +249 -369
- package/lib/AddToDashboardModal.js.map +1 -1
- package/lib/BarList.js +92 -109
- package/lib/BarList.js.map +1 -1
- package/lib/Chart.js +378 -491
- package/lib/Chart.js.map +1 -1
- package/lib/Context.d.ts +3 -3
- package/lib/Context.js +94 -96
- package/lib/Context.js.map +1 -1
- package/lib/Dashboard.js +200 -217
- package/lib/Dashboard.js.map +1 -1
- package/lib/DateRangePicker/Calendar.js +87 -91
- package/lib/DateRangePicker/Calendar.js.map +1 -1
- package/lib/DateRangePicker/DateRangePicker.js +70 -68
- package/lib/DateRangePicker/DateRangePicker.js.map +1 -1
- package/lib/DateRangePicker/DateRangePickerButton.js +46 -57
- package/lib/DateRangePicker/DateRangePickerButton.js.map +1 -1
- package/lib/DateRangePicker/dateRangePickerUtils.js +105 -99
- package/lib/DateRangePicker/dateRangePickerUtils.js.map +1 -1
- package/lib/DateRangePicker/index.js +8 -1
- package/lib/DateRangePicker/index.js.map +1 -1
- package/lib/PieChart.js +221 -225
- package/lib/PieChart.js.map +1 -1
- package/lib/QuillProvider.d.ts +2 -1
- package/lib/QuillProvider.js +8 -18
- package/lib/QuillProvider.js.map +1 -1
- package/lib/ReportBuilder.d.ts +1 -1
- package/lib/ReportBuilder.js +430 -526
- package/lib/ReportBuilder.js.map +1 -1
- package/lib/SQLEditor.js +183 -268
- package/lib/SQLEditor.js.map +1 -1
- package/lib/Table.js +213 -256
- package/lib/Table.js.map +1 -1
- package/lib/TableChart.js +76 -75
- package/lib/TableChart.js.map +1 -1
- package/lib/assets/ArrowDownHeadIcon.js +5 -28
- package/lib/assets/ArrowDownHeadIcon.js.map +1 -1
- package/lib/assets/ArrowDownIcon.js +5 -28
- package/lib/assets/ArrowDownIcon.js.map +1 -1
- package/lib/assets/ArrowDownRightIcon.js +5 -28
- package/lib/assets/ArrowDownRightIcon.js.map +1 -1
- package/lib/assets/ArrowLeftHeadIcon.js +5 -28
- package/lib/assets/ArrowLeftHeadIcon.js.map +1 -1
- package/lib/assets/ArrowRightHeadIcon.js +5 -28
- package/lib/assets/ArrowRightHeadIcon.js.map +1 -1
- package/lib/assets/ArrowRightIcon.js +5 -28
- package/lib/assets/ArrowRightIcon.js.map +1 -1
- package/lib/assets/ArrowUpHeadIcon.js +5 -28
- package/lib/assets/ArrowUpHeadIcon.js.map +1 -1
- package/lib/assets/ArrowUpIcon.js +5 -28
- package/lib/assets/ArrowUpIcon.js.map +1 -1
- package/lib/assets/ArrowUpRightIcon.js +5 -28
- package/lib/assets/ArrowUpRightIcon.js.map +1 -1
- package/lib/assets/CalendarIcon.js +5 -28
- package/lib/assets/CalendarIcon.js.map +1 -1
- package/lib/assets/DoubleArrowLeftHeadIcon.js +5 -28
- package/lib/assets/DoubleArrowLeftHeadIcon.js.map +1 -1
- package/lib/assets/DoubleArrowRightHeadIcon.js +5 -28
- package/lib/assets/DoubleArrowRightHeadIcon.js.map +1 -1
- package/lib/assets/ExclamationFilledIcon.js +5 -28
- package/lib/assets/ExclamationFilledIcon.js.map +1 -1
- package/lib/assets/LoadingSpinner.js +5 -28
- package/lib/assets/LoadingSpinner.js.map +1 -1
- package/lib/assets/SearchIcon.js +5 -28
- package/lib/assets/SearchIcon.js.map +1 -1
- package/lib/assets/XCircleIcon.js +5 -28
- package/lib/assets/XCircleIcon.js.map +1 -1
- package/lib/assets/index.js +38 -16
- package/lib/assets/index.js.map +1 -1
- package/lib/components/BigModal/BigModal.js +45 -43
- package/lib/components/BigModal/BigModal.js.map +1 -1
- package/lib/components/Dropdown/Dropdown.js +57 -53
- package/lib/components/Dropdown/Dropdown.js.map +1 -1
- package/lib/components/Dropdown/DropdownItem.js +43 -40
- package/lib/components/Dropdown/DropdownItem.js.map +1 -1
- package/lib/components/Dropdown/index.js +10 -2
- package/lib/components/Dropdown/index.js.map +1 -1
- package/lib/components/Modal/Modal.js +45 -43
- package/lib/components/Modal/Modal.js.map +1 -1
- package/lib/components/Modal/index.js +8 -1
- package/lib/components/Modal/index.js.map +1 -1
- package/lib/components/selectUtils.js +20 -15
- package/lib/components/selectUtils.js.map +1 -1
- package/lib/contexts/BaseColorContext.js +5 -3
- package/lib/contexts/BaseColorContext.js.map +1 -1
- package/lib/contexts/HoveredValueContext.js +5 -3
- package/lib/contexts/HoveredValueContext.js.map +1 -1
- package/lib/contexts/RootStylesContext.js +5 -3
- package/lib/contexts/RootStylesContext.js.map +1 -1
- package/lib/contexts/SelectedValueContext.js +5 -3
- package/lib/contexts/SelectedValueContext.js.map +1 -1
- package/lib/contexts/index.js +14 -4
- package/lib/contexts/index.js.map +1 -1
- package/lib/hooks/index.js +14 -4
- package/lib/hooks/index.js.map +1 -1
- package/lib/hooks/useInternalState.js +9 -7
- package/lib/hooks/useInternalState.js.map +1 -1
- package/lib/hooks/useOnClickOutside.js +8 -6
- package/lib/hooks/useOnClickOutside.js.map +1 -1
- package/lib/hooks/useOnWindowResize.js +9 -7
- package/lib/hooks/useOnWindowResize.js.map +1 -1
- package/lib/hooks/useQuill.js +60 -111
- package/lib/hooks/useQuill.js.map +1 -1
- package/lib/hooks/useSelectOnKeyDown.js +17 -15
- package/lib/hooks/useSelectOnKeyDown.js.map +1 -1
- package/lib/index.js +22 -8
- package/lib/index.js.map +1 -1
- package/package.json +9 -2
- package/rollup.config.ts +21 -0
- package/src/AddToDashboardModal.tsx +10 -3
- package/src/Chart.tsx +66 -195
- package/src/Context.tsx +10 -27
- package/src/Dashboard.tsx +40 -23
- package/src/QuillProvider.tsx +3 -0
- package/src/ReportBuilder.tsx +10 -5
- package/src/SQLEditor.tsx +9 -4
- package/src/Table.tsx +0 -1
- package/src/hooks/useQuill.ts +2 -1
- package/lib/AddToDashboardButton.d.ts +0 -1
- package/lib/AddToDashboardButton.js +0 -2
- package/lib/AddToDashboardButton.js.map +0 -1
- package/lib/AppContext.d.ts +0 -29
- package/lib/AppContext.js +0 -94
- package/lib/AppContext.js.map +0 -1
- package/lib/Button.d.ts +0 -26
- package/lib/Button.js +0 -151
- package/lib/Button.js.map +0 -1
- package/lib/ContextProvider.d.ts +0 -28
- package/lib/ContextProvider.js +0 -93
- package/lib/ContextProvider.js.map +0 -1
- package/lib/DateRangePicker.d.ts +0 -32
- package/lib/DateRangePicker.js +0 -105
- package/lib/DateRangePicker.js.map +0 -1
- package/lib/Dialog.d.ts +0 -68
- package/lib/Dialog.js +0 -407
- package/lib/Dialog.js.map +0 -1
- package/lib/Portal.d.ts +0 -32
- package/lib/Portal.js +0 -171
- package/lib/Portal.js.map +0 -1
- package/lib/Props.d.ts +0 -0
- package/lib/Props.js +0 -2
- package/lib/Props.js.map +0 -1
- package/lib/components/BigModal/Modal.d.ts +0 -14
- package/lib/components/BigModal/Modal.js +0 -109
- package/lib/components/BigModal/Modal.js.map +0 -1
- package/lib/components/Modal/Dropdown/Dropdown.d.ts +0 -12
- package/lib/components/Modal/Dropdown/Dropdown.js +0 -52
- package/lib/components/Modal/Dropdown/Dropdown.js.map +0 -1
- package/lib/components/Modal/Dropdown/DropdownItem.d.ts +0 -8
- package/lib/components/Modal/Dropdown/DropdownItem.js +0 -51
- package/lib/components/Modal/Dropdown/DropdownItem.js.map +0 -1
- package/lib/components/Modal/Dropdown/index.d.ts +0 -2
- package/lib/components/Modal/Dropdown/index.js +0 -3
- package/lib/components/Modal/Dropdown/index.js.map +0 -1
- package/lib/hooks/useSyncRefs.d.ts +0 -5
- package/lib/hooks/useSyncRefs.js +0 -38
- package/lib/hooks/useSyncRefs.js.map +0 -1
- package/lib/lib/colorClassNames.d.ts +0 -19
- package/lib/lib/colorClassNames.js +0 -3175
- package/lib/lib/colorClassNames.js.map +0 -1
- package/lib/lib/constants.d.ts +0 -16
- package/lib/lib/constants.js +0 -47
- package/lib/lib/constants.js.map +0 -1
- package/lib/lib/font.d.ts +0 -13
- package/lib/lib/font.js +0 -14
- package/lib/lib/font.js.map +0 -1
- package/lib/lib/hexColors.d.ts +0 -3
- package/lib/lib/hexColors.js +0 -29
- package/lib/lib/hexColors.js.map +0 -1
- package/lib/lib/index.d.ts +0 -3
- package/lib/lib/index.js +0 -4
- package/lib/lib/index.js.map +0 -1
- package/lib/lib/inputTypes.d.ts +0 -20
- package/lib/lib/inputTypes.js +0 -56
- package/lib/lib/inputTypes.js.map +0 -1
- package/lib/lib/shape.d.ts +0 -73
- package/lib/lib/shape.js +0 -74
- package/lib/lib/shape.js.map +0 -1
- package/lib/lib/sizing.d.ts +0 -46
- package/lib/lib/sizing.js +0 -43
- package/lib/lib/sizing.js.map +0 -1
- package/lib/lib/spacing.d.ts +0 -264
- package/lib/lib/spacing.js +0 -265
- package/lib/lib/spacing.js.map +0 -1
- package/lib/lib/theme.d.ts +0 -22
- package/lib/lib/theme.js +0 -46
- package/lib/lib/theme.js.map +0 -1
- package/lib/lib/utils.d.ts +0 -9
- package/lib/lib/utils.js +0 -40
- package/lib/lib/utils.js.map +0 -1
- package/lib/styles.css +0 -15795
- package/lib/types/Props.d.ts +0 -0
- package/lib/types/Props.js +0 -2
- package/lib/types/Props.js.map +0 -1
- package/lib/types.d.ts +0 -27
- package/lib/types.js +0 -6
- package/lib/types.js.map +0 -1
- package/src/lib/font.ts +0 -14
- package/src/lib/index.ts +0 -3
- package/src/lib/inputTypes.ts +0 -81
- 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 +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;
|
package/lib/hooks/useSyncRefs.js
DELETED
|
@@ -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
|
-
};
|