@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
package/lib/ContextProvider.js
DELETED
|
@@ -1,93 +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
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
import React, { useEffect, useState } from 'react';
|
|
14
|
-
export var SchemaContext = React.createContext();
|
|
15
|
-
export var ColumnsContext = React.createContext();
|
|
16
|
-
export var RowsContext = React.createContext();
|
|
17
|
-
export var SelectedSidebarIndexContext = React.createContext();
|
|
18
|
-
export var HistoryContext = React.createContext();
|
|
19
|
-
export var SavedQueriesContext = React.createContext();
|
|
20
|
-
export var SaveQueryModalStatusContext = React.createContext();
|
|
21
|
-
export var EditorQueryContext = React.createContext();
|
|
22
|
-
export var ThemeContext = React.createContext();
|
|
23
|
-
export var ClientContext = React.createContext();
|
|
24
|
-
export var CreateVisualizationModalVisibleContext = React.createContext();
|
|
25
|
-
export var ActiveVisualizationContext = React.createContext();
|
|
26
|
-
export var QueryResultsLoadingContext = React.createContext();
|
|
27
|
-
export var EditVisualizationModalVisibleContext = React.createContext();
|
|
28
|
-
export var ReportBuilderQueryContext = React.createContext();
|
|
29
|
-
export var SavedReportsQueryContext = React.createContext();
|
|
30
|
-
export var DashboardUpdateContext = React.createContext();
|
|
31
|
-
export var DashboardStateContext = React.createContext();
|
|
32
|
-
export var ContextProvider = function (_a) {
|
|
33
|
-
var children = _a.children, containerStyle = _a.containerStyle, initialTheme = _a.initialTheme, publicKey = _a.publicKey, authToken = _a.authToken, customerId = _a.customerId, userId = _a.userId;
|
|
34
|
-
var _b = useState(null), client = _b[0], setClient = _b[1];
|
|
35
|
-
var _c = useState(null), theme = _c[0], setTheme = _c[1];
|
|
36
|
-
var _d = useState(null), columns = _d[0], setColumns = _d[1];
|
|
37
|
-
var _e = useState(null), rows = _e[0], setRows = _e[1];
|
|
38
|
-
var _f = useState([]), schema = _f[0], setSchema = _f[1];
|
|
39
|
-
var _g = useState(0), selectedSidebarIndex = _g[0], setSelectedSidebarIndex = _g[1];
|
|
40
|
-
var _h = useState([]), history = _h[0], setHistory = _h[1];
|
|
41
|
-
var _j = useState([]), savedQueries = _j[0], setSavedQueries = _j[1];
|
|
42
|
-
// REPORT_BUILDER, SQL_EDITOR, HIDDEN
|
|
43
|
-
var _k = useState('HIDDEN'), saveQueryModalStatus = _k[0], setSaveQueryModalStatus = _k[1];
|
|
44
|
-
var _l = useState(''), editorQuery = _l[0], setEditorQuery = _l[1];
|
|
45
|
-
var _m = useState(''), savedReportsQuery = _m[0], setSavedReportsQuery = _m[1];
|
|
46
|
-
var _o = useState(''), reportBuilderQuery = _o[0], setReportBuilderQuery = _o[1];
|
|
47
|
-
var _p = useState(false), createVisualizationModalVisible = _p[0], setCreateVisualizationModalVisible = _p[1];
|
|
48
|
-
var _q = useState(null), activeVisualization = _q[0], setActiveVisualization = _q[1];
|
|
49
|
-
var _r = useState(false), queryResultsLoading = _r[0], setQueryResultsLoading = _r[1];
|
|
50
|
-
var _s = useState(false), editVisualizationModalVisible = _s[0], setEditVisualizationModalVisible = _s[1];
|
|
51
|
-
// SEPARATED INTO TWO CONTEXTS TO PREVENT RERENDER
|
|
52
|
-
var _t = useState({}), dashboard = _t[0], setDashboard = _t[1];
|
|
53
|
-
// SETS INITIAL THEME
|
|
54
|
-
useEffect(function () {
|
|
55
|
-
if (!theme) {
|
|
56
|
-
setTheme(__assign(__assign({}, initialTheme), { containerStyle: containerStyle }));
|
|
57
|
-
}
|
|
58
|
-
}, [initialTheme, containerStyle]);
|
|
59
|
-
// SETS INITIAL CLIENT
|
|
60
|
-
useEffect(function () {
|
|
61
|
-
if (!client) {
|
|
62
|
-
setClient({
|
|
63
|
-
customerId: customerId,
|
|
64
|
-
userId: userId,
|
|
65
|
-
authToken: authToken,
|
|
66
|
-
publicKey: publicKey,
|
|
67
|
-
});
|
|
68
|
-
}
|
|
69
|
-
}, [customerId, userId, authToken, publicKey, client]);
|
|
70
|
-
if (!theme || !client) {
|
|
71
|
-
return null;
|
|
72
|
-
}
|
|
73
|
-
return (_jsx(ClientContext.Provider, __assign({ value: [client, setClient] }, { children: _jsx(ThemeContext.Provider, __assign({ value: [theme, setTheme] }, { children: _jsx(SchemaContext.Provider, __assign({ value: [schema, setSchema] }, { children: _jsx(ColumnsContext.Provider, __assign({ value: [columns, setColumns] }, { children: _jsx(RowsContext.Provider, __assign({ value: [rows, setRows] }, { children: _jsx(SelectedSidebarIndexContext.Provider, __assign({ value: [selectedSidebarIndex, setSelectedSidebarIndex] }, { children: _jsx(HistoryContext.Provider, __assign({ value: [history, setHistory] }, { children: _jsx(SavedQueriesContext.Provider, __assign({ value: [savedQueries, setSavedQueries] }, { children: _jsx(SaveQueryModalStatusContext.Provider, __assign({ value: [saveQueryModalStatus, setSaveQueryModalStatus] }, { children: _jsx(CreateVisualizationModalVisibleContext.Provider, __assign({ value: [
|
|
74
|
-
createVisualizationModalVisible,
|
|
75
|
-
setCreateVisualizationModalVisible,
|
|
76
|
-
] }, { children: _jsx(EditorQueryContext.Provider, __assign({ value: [editorQuery, setEditorQuery] }, { children: _jsx(ActiveVisualizationContext.Provider, __assign({ value: [
|
|
77
|
-
activeVisualization,
|
|
78
|
-
setActiveVisualization,
|
|
79
|
-
] }, { children: _jsx(QueryResultsLoadingContext.Provider, __assign({ value: [
|
|
80
|
-
queryResultsLoading,
|
|
81
|
-
setQueryResultsLoading,
|
|
82
|
-
] }, { children: _jsx(EditVisualizationModalVisibleContext.Provider, __assign({ value: [
|
|
83
|
-
editVisualizationModalVisible,
|
|
84
|
-
setEditVisualizationModalVisible,
|
|
85
|
-
] }, { children: _jsx(ReportBuilderQueryContext.Provider, __assign({ value: [
|
|
86
|
-
reportBuilderQuery,
|
|
87
|
-
setReportBuilderQuery,
|
|
88
|
-
] }, { children: _jsx(SavedReportsQueryContext.Provider, __assign({ value: [
|
|
89
|
-
savedReportsQuery,
|
|
90
|
-
setSavedReportsQuery,
|
|
91
|
-
] }, { children: _jsx(DashboardStateContext.Provider, __assign({ value: dashboard }, { children: _jsx(DashboardUpdateContext.Provider, __assign({ value: setDashboard }, { children: children })) })) })) })) })) })) })) })) })) })) })) })) })) })) })) })) })) })));
|
|
92
|
-
};
|
|
93
|
-
//# sourceMappingURL=ContextProvider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ContextProvider.js","sourceRoot":"","sources":["../src/ContextProvider.tsx"],"names":[],"mappings":"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"}
|
package/lib/DateRangePicker.d.ts
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { enUS } from 'date-fns/locale';
|
|
3
|
-
import { Color } from '../../../lib/inputTypes';
|
|
4
|
-
export type Locale = typeof enUS;
|
|
5
|
-
export type DateRangePickerValue = [
|
|
6
|
-
(Date | null)?,
|
|
7
|
-
(Date | null)?,
|
|
8
|
-
(string | null)?
|
|
9
|
-
];
|
|
10
|
-
export type DateRangePickerOption = {
|
|
11
|
-
value: string;
|
|
12
|
-
text: string;
|
|
13
|
-
startDate: Date;
|
|
14
|
-
endDate?: Date;
|
|
15
|
-
};
|
|
16
|
-
export interface DateRangePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue'> {
|
|
17
|
-
value?: DateRangePickerValue;
|
|
18
|
-
defaultValue?: DateRangePickerValue;
|
|
19
|
-
onValueChange?: (value: DateRangePickerValue) => void;
|
|
20
|
-
enableDropdown?: boolean;
|
|
21
|
-
options?: DateRangePickerOption[];
|
|
22
|
-
minDate?: Date | null;
|
|
23
|
-
maxDate?: Date | null;
|
|
24
|
-
placeholder?: string;
|
|
25
|
-
dropdownPlaceholder?: string;
|
|
26
|
-
enableYearPagination?: boolean;
|
|
27
|
-
disabled?: boolean;
|
|
28
|
-
color?: Color;
|
|
29
|
-
locale?: Locale;
|
|
30
|
-
}
|
|
31
|
-
declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLDivElement>>;
|
|
32
|
-
export default DateRangePicker;
|
package/lib/DateRangePicker.js
DELETED
|
@@ -1,105 +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 { startOfMonth, startOfToday } from 'date-fns';
|
|
27
|
-
import { enUS } from 'date-fns/locale';
|
|
28
|
-
import { BaseColorContext, HoveredValueContext, SelectedValueContext, } from 'contexts';
|
|
29
|
-
import { useInternalState, useSelectOnKeyDown } from 'hooks';
|
|
30
|
-
import { BaseColors } from 'lib';
|
|
31
|
-
import { defaultOptions, getEndDateByDropdownValue, getStartDateByDropdownValue, makeDateRangePickerClassName, parseEndDate, parseStartDate, } from './dateRangePickerUtils';
|
|
32
|
-
import Calendar from './Calendar';
|
|
33
|
-
import DateRangePickerButton from './DateRangePickerButton';
|
|
34
|
-
import { DropdownItem } from 'components/input-elements/Dropdown';
|
|
35
|
-
import Modal from 'components/util-elements/Modal';
|
|
36
|
-
var DateRangePicker = React.forwardRef(function (props, ref) {
|
|
37
|
-
var _a, _b, _c;
|
|
38
|
-
var value = props.value, defaultValue = props.defaultValue, onValueChange = props.onValueChange, _d = props.enableDropdown, enableDropdown = _d === void 0 ? true : _d, options = props.options, _e = props.minDate, minDate = _e === void 0 ? null : _e, _f = props.maxDate, maxDate = _f === void 0 ? null : _f, _g = props.placeholder, placeholder = _g === void 0 ? 'Select' : _g, _h = props.dropdownPlaceholder, dropdownPlaceholder = _h === void 0 ? 'Select' : _h, _j = props.disabled, disabled = _j === void 0 ? false : _j, _k = props.color, color = _k === void 0 ? BaseColors.Blue : _k, _l = props.enableYearPagination, enableYearPagination = _l === void 0 ? false : _l, _m = props.locale, locale = _m === void 0 ? enUS : _m, className = props.className, other = __rest(props, ["value", "defaultValue", "onValueChange", "enableDropdown", "options", "minDate", "maxDate", "placeholder", "dropdownPlaceholder", "disabled", "color", "enableYearPagination", "locale", "className"]);
|
|
39
|
-
var TODAY = startOfToday();
|
|
40
|
-
var calendarRef = useRef(null);
|
|
41
|
-
var dropdownRef = useRef(null);
|
|
42
|
-
var _o = useInternalState(defaultValue, value), selectedValue = _o[0], setSelectedValue = _o[1];
|
|
43
|
-
var _p = useState(null), startOfCurrMonth = _p[0], setStartOfCurrMonth = _p[1];
|
|
44
|
-
var _q = useState(false), showCalendar = _q[0], setShowCalendar = _q[1];
|
|
45
|
-
var _r = useState(false), showDropdown = _r[0], setShowDropdown = _r[1];
|
|
46
|
-
var dropdownOptions = options !== null && options !== void 0 ? options : defaultOptions;
|
|
47
|
-
var selectedDropdownValue = selectedValue
|
|
48
|
-
? (_a = selectedValue[2]) !== null && _a !== void 0 ? _a : null
|
|
49
|
-
: null;
|
|
50
|
-
var selectedStartDate = selectedValue
|
|
51
|
-
? parseStartDate(selectedValue[0], minDate, selectedDropdownValue, dropdownOptions)
|
|
52
|
-
: null;
|
|
53
|
-
var selectedEndDate = selectedValue
|
|
54
|
-
? parseEndDate(selectedValue[1], maxDate, selectedDropdownValue, dropdownOptions)
|
|
55
|
-
: null;
|
|
56
|
-
var anchorDate = (_c = (_b = startOfCurrMonth !== null && startOfCurrMonth !== void 0 ? startOfCurrMonth : selectedEndDate) !== null && _b !== void 0 ? _b : selectedStartDate) !== null && _c !== void 0 ? _c : TODAY;
|
|
57
|
-
var handleDateClick = function (date) {
|
|
58
|
-
if (!selectedStartDate) {
|
|
59
|
-
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange([date, selectedEndDate, null]);
|
|
60
|
-
setSelectedValue([date, selectedEndDate, null]);
|
|
61
|
-
}
|
|
62
|
-
else if (selectedStartDate && !selectedEndDate) {
|
|
63
|
-
if (date < selectedStartDate) {
|
|
64
|
-
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange([date, selectedEndDate, null]);
|
|
65
|
-
setSelectedValue([date, selectedEndDate, null]);
|
|
66
|
-
// Selection complete
|
|
67
|
-
}
|
|
68
|
-
else {
|
|
69
|
-
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange([selectedStartDate, date, null]);
|
|
70
|
-
setSelectedValue([selectedStartDate, date, null]);
|
|
71
|
-
setShowCalendar(false);
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
else if (selectedStartDate && selectedEndDate) {
|
|
75
|
-
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange([date, null, null]);
|
|
76
|
-
setSelectedValue([date, null, null]);
|
|
77
|
-
}
|
|
78
|
-
};
|
|
79
|
-
var handleCalendarKeyDown = function (e) {
|
|
80
|
-
if (e.key === 'Escape') {
|
|
81
|
-
e.preventDefault();
|
|
82
|
-
setShowCalendar(false);
|
|
83
|
-
}
|
|
84
|
-
};
|
|
85
|
-
var handleDropdownOptionClick = function (dropdownValue) {
|
|
86
|
-
var selectedStartDate = getStartDateByDropdownValue(dropdownValue, dropdownOptions);
|
|
87
|
-
var selectedEndDate = getEndDateByDropdownValue(dropdownValue, dropdownOptions);
|
|
88
|
-
setSelectedValue([selectedStartDate, selectedEndDate, dropdownValue]);
|
|
89
|
-
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange([selectedStartDate, selectedEndDate, dropdownValue]);
|
|
90
|
-
setStartOfCurrMonth(startOfMonth(selectedEndDate));
|
|
91
|
-
setShowDropdown(false);
|
|
92
|
-
};
|
|
93
|
-
var _s = useSelectOnKeyDown(handleDropdownOptionClick, dropdownOptions.map(function (option) { return option.value; }), showDropdown, setShowDropdown, selectedDropdownValue), hoveredDropdownValue = _s[0], handleDropdownKeyDown = _s[1];
|
|
94
|
-
return (_jsx(BaseColorContext.Provider, __assign({ value: color }, { children: _jsxs("div", __assign({ ref: ref, className: twMerge(makeDateRangePickerClassName('root'), 'relative w-full', className) }, other, { children: [_jsx(DateRangePickerButton, { value: [selectedStartDate, selectedEndDate, selectedDropdownValue], options: dropdownOptions, placeholder: placeholder, disabled: disabled, calendarRef: calendarRef, showCalendar: showCalendar, setShowCalendar: setShowCalendar, onCalendarKeyDown: handleCalendarKeyDown, enableDropdown: enableDropdown, dropdownRef: dropdownRef, showDropdown: showDropdown, setShowDropdown: setShowDropdown, onDropdownKeyDown: handleDropdownKeyDown, locale: locale, dropdownPlaceholder: dropdownPlaceholder }), _jsx(Modal, __assign({ className: makeDateRangePickerClassName('calendarModal'), showModal: showCalendar, setShowModal: setShowCalendar, parentRef: calendarRef, width: 288, maxHeight: "max-h-fit" }, { children: _jsx(Calendar, { enableYearPagination: enableYearPagination, anchorDate: anchorDate,
|
|
95
|
-
// setAnchorDate={setAnchorDate}
|
|
96
|
-
startDate: selectedStartDate, endDate: selectedEndDate, minDate: minDate, maxDate: maxDate, onDateClick: handleDateClick, locale: locale, setStartOfCurrMonth: setStartOfCurrMonth }) })), _jsx(Modal, __assign({ className: makeDateRangePickerClassName('dropdownModal'), showModal: showDropdown, setShowModal: setShowDropdown, parentRef: dropdownRef }, { children: _jsx(SelectedValueContext.Provider, __assign({ value: {
|
|
97
|
-
selectedValue: selectedDropdownValue,
|
|
98
|
-
handleValueChange: handleDropdownOptionClick,
|
|
99
|
-
} }, { children: _jsx(HoveredValueContext.Provider, __assign({ value: { hoveredValue: hoveredDropdownValue } }, { children: dropdownOptions.map(function (_a) {
|
|
100
|
-
var value = _a.value, text = _a.text;
|
|
101
|
-
return (_jsx(DropdownItem, { value: value, text: text }, value));
|
|
102
|
-
}) })) })) }))] })) })));
|
|
103
|
-
});
|
|
104
|
-
export default DateRangePicker;
|
|
105
|
-
//# sourceMappingURL=DateRangePicker.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../src/DateRangePicker.tsx"],"names":[],"mappings":"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"}
|
package/lib/Dialog.d.ts
DELETED
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { ElementType, MutableRefObject, Ref } from 'react';
|
|
2
|
-
import { Props } from '../../types';
|
|
3
|
-
import { PropsForFeatures, HasDisplayName, RefProp } from '../../utils/render';
|
|
4
|
-
import { ComponentDescription } from '../description/description';
|
|
5
|
-
declare let DEFAULT_DIALOG_TAG: "div";
|
|
6
|
-
interface DialogRenderPropArg {
|
|
7
|
-
open: boolean;
|
|
8
|
-
}
|
|
9
|
-
type DialogPropsWeControl = 'role' | 'aria-describedby' | 'aria-labelledby' | 'aria-modal';
|
|
10
|
-
declare let DialogRenderFeatures: number;
|
|
11
|
-
export type DialogProps<TTag extends ElementType> = Props<TTag, DialogRenderPropArg, DialogPropsWeControl, PropsForFeatures<typeof DialogRenderFeatures> & {
|
|
12
|
-
open?: boolean;
|
|
13
|
-
onClose(value: boolean): void;
|
|
14
|
-
initialFocus?: MutableRefObject<HTMLElement | null>;
|
|
15
|
-
__demoMode?: boolean;
|
|
16
|
-
}>;
|
|
17
|
-
declare function DialogFn<TTag extends ElementType = typeof DEFAULT_DIALOG_TAG>(props: DialogProps<TTag>, ref: Ref<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
declare let DEFAULT_OVERLAY_TAG: "div";
|
|
19
|
-
interface OverlayRenderPropArg {
|
|
20
|
-
open: boolean;
|
|
21
|
-
}
|
|
22
|
-
type OverlayPropsWeControl = 'aria-hidden';
|
|
23
|
-
export type DialogOverlayProps<TTag extends ElementType> = Props<TTag, OverlayRenderPropArg, OverlayPropsWeControl>;
|
|
24
|
-
declare function OverlayFn<TTag extends ElementType = typeof DEFAULT_OVERLAY_TAG>(props: DialogOverlayProps<TTag>, ref: Ref<HTMLDivElement>): any;
|
|
25
|
-
declare let DEFAULT_BACKDROP_TAG: "div";
|
|
26
|
-
interface BackdropRenderPropArg {
|
|
27
|
-
open: boolean;
|
|
28
|
-
}
|
|
29
|
-
type BackdropPropsWeControl = 'aria-hidden';
|
|
30
|
-
export type DialogBackdropProps<TTag extends ElementType> = Props<TTag, BackdropRenderPropArg, BackdropPropsWeControl>;
|
|
31
|
-
declare function BackdropFn<TTag extends ElementType = typeof DEFAULT_BACKDROP_TAG>(props: DialogBackdropProps<TTag>, ref: Ref<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
declare let DEFAULT_PANEL_TAG: "div";
|
|
33
|
-
interface PanelRenderPropArg {
|
|
34
|
-
open: boolean;
|
|
35
|
-
}
|
|
36
|
-
export type DialogPanelProps<TTag extends ElementType> = Props<TTag, PanelRenderPropArg>;
|
|
37
|
-
declare function PanelFn<TTag extends ElementType = typeof DEFAULT_PANEL_TAG>(props: DialogPanelProps<TTag>, ref: Ref<HTMLDivElement>): any;
|
|
38
|
-
declare let DEFAULT_TITLE_TAG: "h2";
|
|
39
|
-
interface TitleRenderPropArg {
|
|
40
|
-
open: boolean;
|
|
41
|
-
}
|
|
42
|
-
export type DialogTitleProps<TTag extends ElementType> = Props<TTag, TitleRenderPropArg>;
|
|
43
|
-
declare function TitleFn<TTag extends ElementType = typeof DEFAULT_TITLE_TAG>(props: DialogTitleProps<TTag>, ref: Ref<HTMLHeadingElement>): any;
|
|
44
|
-
interface ComponentDialog extends HasDisplayName {
|
|
45
|
-
<TTag extends ElementType = typeof DEFAULT_DIALOG_TAG>(props: DialogProps<TTag> & RefProp<typeof DialogFn>): JSX.Element;
|
|
46
|
-
}
|
|
47
|
-
interface ComponentDialogBackdrop extends HasDisplayName {
|
|
48
|
-
<TTag extends ElementType = typeof DEFAULT_BACKDROP_TAG>(props: DialogBackdropProps<TTag> & RefProp<typeof BackdropFn>): JSX.Element;
|
|
49
|
-
}
|
|
50
|
-
interface ComponentDialogPanel extends HasDisplayName {
|
|
51
|
-
<TTag extends ElementType = typeof DEFAULT_PANEL_TAG>(props: DialogPanelProps<TTag> & RefProp<typeof PanelFn>): JSX.Element;
|
|
52
|
-
}
|
|
53
|
-
interface ComponentDialogOverlay extends HasDisplayName {
|
|
54
|
-
<TTag extends ElementType = typeof DEFAULT_OVERLAY_TAG>(props: DialogOverlayProps<TTag> & RefProp<typeof OverlayFn>): JSX.Element;
|
|
55
|
-
}
|
|
56
|
-
interface ComponentDialogTitle extends HasDisplayName {
|
|
57
|
-
<TTag extends ElementType = typeof DEFAULT_TITLE_TAG>(props: DialogTitleProps<TTag> & RefProp<typeof TitleFn>): JSX.Element;
|
|
58
|
-
}
|
|
59
|
-
interface ComponentDialogDescription extends ComponentDescription {
|
|
60
|
-
}
|
|
61
|
-
export declare let Dialog: ComponentDialog & {
|
|
62
|
-
Backdrop: ComponentDialogBackdrop;
|
|
63
|
-
Panel: ComponentDialogPanel;
|
|
64
|
-
Overlay: ComponentDialogOverlay;
|
|
65
|
-
Title: ComponentDialogTitle;
|
|
66
|
-
Description: ComponentDialogDescription;
|
|
67
|
-
};
|
|
68
|
-
export {};
|