@qoretechnologies/reqore 0.47.1 → 0.47.3
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/dist/components/DatePicker/MonthYearDropdowns.d.ts +13 -0
- package/dist/components/DatePicker/MonthYearDropdowns.d.ts.map +1 -0
- package/dist/components/DatePicker/MonthYearDropdowns.js +63 -0
- package/dist/components/DatePicker/MonthYearDropdowns.js.map +1 -0
- package/dist/components/DatePicker/index.d.ts +6 -4
- package/dist/components/DatePicker/index.d.ts.map +1 -1
- package/dist/components/DatePicker/index.js +59 -41
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/Dropdown/index.d.ts +1 -1
- package/dist/components/Dropdown/index.d.ts.map +1 -1
- package/dist/components/Dropdown/index.js +2 -2
- package/dist/components/Dropdown/index.js.map +1 -1
- package/dist/components/Dropdown/item.d.ts +3 -3
- package/dist/components/Dropdown/item.d.ts.map +1 -1
- package/dist/components/Dropdown/item.js +2 -2
- package/dist/components/Dropdown/item.js.map +1 -1
- package/dist/components/Dropdown/list.d.ts +1 -1
- package/dist/components/Dropdown/list.d.ts.map +1 -1
- package/dist/components/Dropdown/list.js +3 -3
- package/dist/components/Dropdown/list.js.map +1 -1
- package/dist/components/Panel/index.d.ts +2 -0
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +2 -2
- package/dist/components/Panel/index.js.map +1 -1
- package/dist/components/Tree/index.d.ts +1 -0
- package/dist/components/Tree/index.d.ts.map +1 -1
- package/dist/components/Tree/index.js +21 -22
- package/dist/components/Tree/index.js.map +1 -1
- package/dist/containers/PopoverProvider.d.ts.map +1 -1
- package/dist/containers/PopoverProvider.js +6 -1
- package/dist/containers/PopoverProvider.js.map +1 -1
- package/dist/helpers/dates.d.ts +4 -0
- package/dist/helpers/dates.d.ts.map +1 -0
- package/dist/helpers/dates.js +32 -0
- package/dist/helpers/dates.js.map +1 -0
- package/dist/hooks/usePopover.d.ts +2 -0
- package/dist/hooks/usePopover.d.ts.map +1 -1
- package/dist/hooks/usePopover.js +11 -11
- package/dist/hooks/usePopover.js.map +1 -1
- package/package.json +1 -1
- package/tests.json +1 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ZonedDateTime } from '@internationalized/date';
|
|
2
|
+
import { TDateValue } from '.';
|
|
3
|
+
import { IReqoreButtonProps } from '../Button';
|
|
4
|
+
export interface IYearMonthDropdownsProps extends IReqoreButtonProps {
|
|
5
|
+
value?: ZonedDateTime;
|
|
6
|
+
onValueChange(value: ZonedDateTime, close: boolean): void;
|
|
7
|
+
setIsMonthDropdownOpen(open: boolean): void;
|
|
8
|
+
setIsYearDropdownOpen(open: boolean): void;
|
|
9
|
+
minValue: TDateValue;
|
|
10
|
+
maxValue: TDateValue;
|
|
11
|
+
}
|
|
12
|
+
export declare const YearMonthDropdowns: ({ value: _value, onValueChange, setIsYearDropdownOpen, setIsMonthDropdownOpen, minValue: _minValue, maxValue: _maxValue, ...rest }: IYearMonthDropdownsProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
//# sourceMappingURL=MonthYearDropdowns.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MonthYearDropdowns.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/MonthYearDropdowns.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAI/C,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,aAAa,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1D,sBAAsB,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5C,qBAAqB,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3C,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;CACtB;AACD,eAAO,MAAM,kBAAkB,uIAQ5B,wBAAwB,4CA2D1B,CAAC"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
27
|
+
exports.__esModule = true;
|
|
28
|
+
exports.YearMonthDropdowns = void 0;
|
|
29
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
30
|
+
var dates_1 = require("../../helpers/dates");
|
|
31
|
+
var ControlGroup_1 = __importDefault(require("../ControlGroup"));
|
|
32
|
+
var Dropdown_1 = __importDefault(require("../Dropdown"));
|
|
33
|
+
var YearMonthDropdowns = function (_a) {
|
|
34
|
+
var _b, _c;
|
|
35
|
+
var _value = _a.value, onValueChange = _a.onValueChange, setIsYearDropdownOpen = _a.setIsYearDropdownOpen, setIsMonthDropdownOpen = _a.setIsMonthDropdownOpen, _d = _a.minValue, _minValue = _d === void 0 ? new Date(1970, 0, 1) : _d, _e = _a.maxValue, _maxValue = _e === void 0 ? new Date(new Date().getFullYear() + 5, 11, 31) : _e, rest = __rest(_a, ["value", "onValueChange", "setIsYearDropdownOpen", "setIsMonthDropdownOpen", "minValue", "maxValue"]);
|
|
36
|
+
var value = _value !== null && _value !== void 0 ? _value : (0, dates_1.toDate)(new Date());
|
|
37
|
+
var minValue = (0, dates_1.toDate)(_minValue);
|
|
38
|
+
var maxValue = (0, dates_1.toDate)(_maxValue);
|
|
39
|
+
var currentYear = new Date().getFullYear();
|
|
40
|
+
var years = (0, dates_1.getPreviousYears)(minValue.year, maxValue.year);
|
|
41
|
+
return ((0, jsx_runtime_1.jsxs)(ControlGroup_1["default"], __assign({ gapSize: 'small' }, { children: [(0, jsx_runtime_1.jsx)(Dropdown_1["default"], __assign({ delay: 0, compact: true, filterable: true, caretPosition: 'right', label: (_b = dates_1.months[(value === null || value === void 0 ? void 0 : value.month) - 1]) !== null && _b !== void 0 ? _b : 'Month', inputProps: {
|
|
42
|
+
focusRules: {
|
|
43
|
+
type: 'auto'
|
|
44
|
+
}
|
|
45
|
+
} }, rest, { scrollToSelected: true, items: dates_1.months.map(function (month, index) { return ({
|
|
46
|
+
value: month,
|
|
47
|
+
selected: index === (value === null || value === void 0 ? void 0 : value.month) - 1,
|
|
48
|
+
disabled: value.set({ month: index + 1 }).compare(minValue) < 1 ||
|
|
49
|
+
value.set({ month: index + 1 }).compare(maxValue) > 1
|
|
50
|
+
}); }), onItemSelect: function (item) {
|
|
51
|
+
return onValueChange(value.set({ month: dates_1.months.findIndex(function (m) { return m === item.value; }) + 1 }), false);
|
|
52
|
+
}, onToggleChange: setIsMonthDropdownOpen })), (0, jsx_runtime_1.jsx)(Dropdown_1["default"], __assign({ delay: 0, compact: true, filterable: true, caretPosition: 'right', label: (_c = value === null || value === void 0 ? void 0 : value.year) !== null && _c !== void 0 ? _c : currentYear, inputProps: {
|
|
53
|
+
focusRules: {
|
|
54
|
+
type: 'auto'
|
|
55
|
+
}
|
|
56
|
+
} }, rest, { scrollToSelected: true, items: years.map(function (year) { return ({
|
|
57
|
+
value: year,
|
|
58
|
+
selected: year === (value === null || value === void 0 ? void 0 : value.year),
|
|
59
|
+
disabled: value.set({ year: year }).compare(minValue) < 1 || value.set({ year: year }).compare(maxValue) > 1
|
|
60
|
+
}); }), onItemSelect: function (item) { return onValueChange(value.set({ year: item.value }), false); }, onToggleChange: setIsYearDropdownOpen }))] })));
|
|
61
|
+
};
|
|
62
|
+
exports.YearMonthDropdowns = YearMonthDropdowns;
|
|
63
|
+
//# sourceMappingURL=MonthYearDropdowns.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MonthYearDropdowns.js","sourceRoot":"","sources":["../../../src/components/DatePicker/MonthYearDropdowns.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,8 +6,8 @@ import { IReqoreButtonProps } from '../Button';
|
|
|
6
6
|
import { IReqoreTextEffectProps } from '../Effect';
|
|
7
7
|
import { IReqorePanelProps } from '../Panel';
|
|
8
8
|
import { IReqorePopoverProps } from '../Popover';
|
|
9
|
-
type TDateValue = string | Date | null;
|
|
10
|
-
export interface IDatePickerProps<T extends TDateValue> extends Omit<DatePickerProps<ZonedDateTime>, 'value' | 'onChange' | 'defaultValue'>, IWithReqoreSize, IWithReqoreTooltip, IWithReqoreFlat, IWithReqoreMinimal, IWithReqoreFluid, IWithReqoreCustomTheme, IReqoreIntent {
|
|
9
|
+
export type TDateValue = string | Date | null;
|
|
10
|
+
export interface IDatePickerProps<T extends TDateValue> extends Omit<DatePickerProps<ZonedDateTime>, 'value' | 'onChange' | 'defaultValue' | 'minValue' | 'maxValue'>, IWithReqoreSize, IWithReqoreTooltip, IWithReqoreFlat, IWithReqoreMinimal, IWithReqoreFluid, IWithReqoreCustomTheme, IReqoreIntent {
|
|
11
11
|
value: T;
|
|
12
12
|
onChange(value: T): void;
|
|
13
13
|
rounded?: boolean;
|
|
@@ -23,7 +23,9 @@ export interface IDatePickerProps<T extends TDateValue> extends Omit<DatePickerP
|
|
|
23
23
|
timeFieldProps?: React.ComponentProps<typeof TimeField<Time>>;
|
|
24
24
|
pickerDayProps?: IReqoreButtonProps;
|
|
25
25
|
pickerActiveDayProps?: IReqoreButtonProps;
|
|
26
|
+
yearMonthPickerProps?: IReqoreButtonProps;
|
|
27
|
+
minValue?: TDateValue;
|
|
28
|
+
maxValue?: TDateValue;
|
|
26
29
|
}
|
|
27
|
-
export declare const DatePicker: <T extends TDateValue>({ value: _value, onChange, fluid, flat, rounded, minimal, size, pill, intent, customTheme, granularity, hourCycle, hideTimeZone, shouldForceLeadingZeros, onClearClick, closeOnSelect, tooltip, popoverProps, inputProps, pickerProps, timeInputProps, timeFieldProps, pickerActiveDayProps, pickerDayProps, ...props }: IDatePickerProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
28
|
-
export {};
|
|
30
|
+
export declare const DatePicker: <T extends TDateValue>({ value: _value, onChange, fluid, flat, rounded, minimal, size, pill, intent, customTheme, granularity, hourCycle, hideTimeZone, shouldForceLeadingZeros, onClearClick, closeOnSelect, tooltip, popoverProps, inputProps, pickerProps, timeInputProps, timeFieldProps, pickerActiveDayProps, pickerDayProps, yearMonthPickerProps, minValue, maxValue, ...props }: IDatePickerProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
29
31
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,IAAI,EAGJ,aAAa,EACd,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAqD,MAAM,OAAO,CAAC;AAC1E,OAAO,EAEL,QAAQ,EAIR,eAAe,EAGf,SAAS,EACV,MAAM,uBAAuB,CAAC;AAQ/B,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAEnB,MAAM,oBAAoB,CAAC;AAC5B,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAIjD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,UAAU,CACpD,SAAQ,IAAI,CACR,eAAe,CAAC,aAAa,CAAC,EAC9B,OAAO,GAAG,UAAU,GAAG,cAAc,GAAG,UAAU,GAAG,UAAU,CAChE,EACD,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,aAAa;IACf,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAEzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,IAAI,IAAI,CAAC;IAEtB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAC5C,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC;IACtD,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9D,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,oBAAoB,CAAC,EAAE,kBAAkB,CAAC;IAC1C,oBAAoB,CAAC,EAAE,kBAAkB,CAAC;IAE1C,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,QAAQ,CAAC,EAAE,UAAU,CAAC;CACvB;AAiDD,eAAO,MAAM,UAAU,2bA8QtB,CAAC"}
|
|
@@ -43,30 +43,22 @@ var styles_1 = require("../../styles");
|
|
|
43
43
|
var Button_1 = __importDefault(require("../Button"));
|
|
44
44
|
var ControlGroup_1 = __importDefault(require("../ControlGroup"));
|
|
45
45
|
var Input_1 = __importDefault(require("../Input"));
|
|
46
|
+
var MonthYearDropdowns_1 = require("./MonthYearDropdowns");
|
|
47
|
+
var dates_1 = require("../../helpers/dates");
|
|
46
48
|
var StyledRADatePicker = (0, styled_components_1["default"])(react_aria_components_1.DatePicker)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &[data-fluid='false'] {\n min-width: 220px;\n width: fit-content;\n }\n"], ["\n &[data-fluid='false'] {\n min-width: 220px;\n width: fit-content;\n }\n"])));
|
|
47
49
|
var StyledDateSegment = (0, styled_components_1["default"])(react_aria_components_1.DateSegment)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding: 2px;\n\n &:focus {\n background-color: ", ";\n outline: none;\n border-radius: 4px;\n }\n"], ["\n padding: 2px;\n\n &:focus {\n background-color: ", ";\n outline: none;\n border-radius: 4px;\n }\n"])), function (props) { return (0, colors_1.changeLightness)(props.theme.main, 0.1); });
|
|
48
50
|
var StyledDateInput = (0, styled_components_1["default"])(react_aria_components_1.DateInput)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n"], ["\n display: inline-flex;\n align-items: center;\n"])));
|
|
49
|
-
var
|
|
50
|
-
|
|
51
|
-
var
|
|
52
|
-
if (date) {
|
|
53
|
-
return (0, date_1.parseAbsoluteToLocal)(typeof date === 'string' ? date : date.toISOString());
|
|
54
|
-
}
|
|
55
|
-
return undefined;
|
|
56
|
-
};
|
|
57
|
-
var StyledCalendarCell = (0, styled_components_1["default"])(react_aria_components_1.CalendarCell)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n &[data-disabled='true']:not([data-selected='true']) {\n ", "\n }\n &:focus {\n outline: none;\n }\n"], ["\n &[data-disabled='true']:not([data-selected='true']) {\n ", "\n }\n &:focus {\n outline: none;\n }\n"])), styles_1.DisabledElement);
|
|
58
|
-
var Heading = function (props) {
|
|
59
|
-
props = (0, react_aria_components_1.useContextProps)(props, undefined, react_aria_components_1.HeadingContext)[0];
|
|
60
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.children });
|
|
61
|
-
};
|
|
51
|
+
var StyledCalendarGrid = (0, styled_components_1["default"])(react_aria_components_1.CalendarGrid)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
52
|
+
var StyledTimeField = (0, styled_components_1["default"])(react_aria_components_1.TimeField)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n flex: 1 auto;\n"], ["\n display: flex;\n flex: 1 auto;\n"])));
|
|
53
|
+
var StyledCalendarCell = (0, styled_components_1["default"])(react_aria_components_1.CalendarCell)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n &[data-disabled='true']:not([data-selected='true']) {\n ", "\n }\n &:focus {\n outline: none;\n }\n"], ["\n &[data-disabled='true']:not([data-selected='true']) {\n ", "\n }\n &:focus {\n outline: none;\n }\n"])), styles_1.DisabledElement);
|
|
62
54
|
var DatePickerTooltip = function (_a) {
|
|
63
55
|
var targetElement = _a.targetElement, tooltip = _a.tooltip;
|
|
64
56
|
(0, useTooltip_1.useTooltip)(targetElement, tooltip);
|
|
65
57
|
return null;
|
|
66
58
|
};
|
|
67
59
|
var DatePicker = function (_a) {
|
|
68
|
-
var _value = _a.value, onChange = _a.onChange, _b = _a.fluid, fluid = _b === void 0 ? true : _b, flat = _a.flat, rounded = _a.rounded, minimal = _a.minimal, _c = _a.size, size = _c === void 0 ? 'normal' : _c, pill = _a.pill, intent = _a.intent, customTheme = _a.customTheme, _d = _a.granularity, granularity = _d === void 0 ? 'minute' : _d, _e = _a.hourCycle, hourCycle = _e === void 0 ? 24 : _e, _f = _a.hideTimeZone, hideTimeZone = _f === void 0 ? true : _f, _g = _a.shouldForceLeadingZeros, shouldForceLeadingZeros = _g === void 0 ? true : _g, onClearClick = _a.onClearClick, _h = _a.closeOnSelect, closeOnSelect = _h === void 0 ? true : _h, tooltip = _a.tooltip, popoverProps = _a.popoverProps, inputProps = _a.inputProps, pickerProps = _a.pickerProps, timeInputProps = _a.timeInputProps, timeFieldProps = _a.timeFieldProps, pickerActiveDayProps = _a.pickerActiveDayProps, pickerDayProps = _a.pickerDayProps, props = __rest(_a, ["value", "onChange", "fluid", "flat", "rounded", "minimal", "size", "pill", "intent", "customTheme", "granularity", "hourCycle", "hideTimeZone", "shouldForceLeadingZeros", "onClearClick", "closeOnSelect", "tooltip", "popoverProps", "inputProps", "pickerProps", "timeInputProps", "timeFieldProps", "pickerActiveDayProps", "pickerDayProps"]);
|
|
69
|
-
var value = (0, react_1.useMemo)(function () { return (_value ? toDate(_value) : null); }, [_value]);
|
|
60
|
+
var _value = _a.value, onChange = _a.onChange, _b = _a.fluid, fluid = _b === void 0 ? true : _b, flat = _a.flat, rounded = _a.rounded, minimal = _a.minimal, _c = _a.size, size = _c === void 0 ? 'normal' : _c, pill = _a.pill, intent = _a.intent, customTheme = _a.customTheme, _d = _a.granularity, granularity = _d === void 0 ? 'minute' : _d, _e = _a.hourCycle, hourCycle = _e === void 0 ? 24 : _e, _f = _a.hideTimeZone, hideTimeZone = _f === void 0 ? true : _f, _g = _a.shouldForceLeadingZeros, shouldForceLeadingZeros = _g === void 0 ? true : _g, onClearClick = _a.onClearClick, _h = _a.closeOnSelect, closeOnSelect = _h === void 0 ? true : _h, tooltip = _a.tooltip, popoverProps = _a.popoverProps, inputProps = _a.inputProps, pickerProps = _a.pickerProps, timeInputProps = _a.timeInputProps, timeFieldProps = _a.timeFieldProps, pickerActiveDayProps = _a.pickerActiveDayProps, pickerDayProps = _a.pickerDayProps, yearMonthPickerProps = _a.yearMonthPickerProps, minValue = _a.minValue, maxValue = _a.maxValue, props = __rest(_a, ["value", "onChange", "fluid", "flat", "rounded", "minimal", "size", "pill", "intent", "customTheme", "granularity", "hourCycle", "hideTimeZone", "shouldForceLeadingZeros", "onClearClick", "closeOnSelect", "tooltip", "popoverProps", "inputProps", "pickerProps", "timeInputProps", "timeFieldProps", "pickerActiveDayProps", "pickerDayProps", "yearMonthPickerProps", "minValue", "maxValue"]);
|
|
61
|
+
var value = (0, react_1.useMemo)(function () { return (_value ? (0, dates_1.toDate)(_value) : null); }, [_value]);
|
|
70
62
|
// save time in separate state because date can be cleared and equals to null
|
|
71
63
|
var _j = (0, react_1.useState)(function () {
|
|
72
64
|
var _a, _b, _c, _d;
|
|
@@ -74,18 +66,23 @@ var DatePicker = function (_a) {
|
|
|
74
66
|
return undefined;
|
|
75
67
|
return new date_1.Time((_a = value === null || value === void 0 ? void 0 : value.hour) !== null && _a !== void 0 ? _a : 0, (_b = value === null || value === void 0 ? void 0 : value.minute) !== null && _b !== void 0 ? _b : 0, (_c = value === null || value === void 0 ? void 0 : value.second) !== null && _c !== void 0 ? _c : 0, (_d = value === null || value === void 0 ? void 0 : value.millisecond) !== null && _d !== void 0 ? _d : 0);
|
|
76
68
|
}), time = _j[0], setTime = _j[1];
|
|
69
|
+
var _k = (0, react_1.useState)(value), focusedValue = _k[0], setFocusedValue = _k[1];
|
|
70
|
+
var _l = (0, react_1.useState)(false), isMonthDropdownOpen = _l[0], setIsMonthDropdownOpen = _l[1];
|
|
71
|
+
var _m = (0, react_1.useState)(false), isYearDropdownOpen = _m[0], setIsYearDropdownOpen = _m[1];
|
|
72
|
+
var _o = (0, react_1.useState)(undefined), containerRef = _o[0], setContainerRef = _o[1];
|
|
77
73
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
|
|
78
74
|
var popoverData = (0, react_1.useRef)({});
|
|
79
|
-
var _k = (0, react_1.useState)(undefined), containerRef = _k[0], setContainerRef = _k[1];
|
|
80
|
-
var showTime = granularity === 'minute' || granularity === 'second' || granularity === 'hour';
|
|
81
75
|
// use ref to save value type since datepicker can have null values
|
|
82
76
|
var isStringRef = (0, react_1.useRef)(typeof _value === 'string');
|
|
83
77
|
(0, react_1.useLayoutEffect)(function () {
|
|
84
|
-
if (value)
|
|
78
|
+
if (value) {
|
|
85
79
|
isStringRef.current = typeof _value === 'string';
|
|
80
|
+
}
|
|
86
81
|
});
|
|
87
|
-
var
|
|
82
|
+
var showTime = granularity === 'minute' || granularity === 'second' || granularity === 'hour';
|
|
83
|
+
var handleDateChange = function (value, close) {
|
|
88
84
|
var _a;
|
|
85
|
+
if (close === void 0) { close = true; }
|
|
89
86
|
var date;
|
|
90
87
|
// if previous value is null apply saved time state
|
|
91
88
|
if (!_value && time) {
|
|
@@ -98,7 +95,8 @@ var DatePicker = function (_a) {
|
|
|
98
95
|
setTime(new date_1.Time(value === null || value === void 0 ? void 0 : value.hour, value === null || value === void 0 ? void 0 : value.minute, value === null || value === void 0 ? void 0 : value.second, value === null || value === void 0 ? void 0 : value.millisecond));
|
|
99
96
|
}
|
|
100
97
|
onChange === null || onChange === void 0 ? void 0 : onChange((isStringRef.current ? date === null || date === void 0 ? void 0 : date.toISOString() : date));
|
|
101
|
-
|
|
98
|
+
setFocusedValue(value);
|
|
99
|
+
if (closeOnSelect && !showTime && close) {
|
|
102
100
|
(_a = popoverData.current) === null || _a === void 0 ? void 0 : _a.close();
|
|
103
101
|
}
|
|
104
102
|
};
|
|
@@ -118,30 +116,50 @@ var DatePicker = function (_a) {
|
|
|
118
116
|
setTime(new date_1.Time(0, 0, 0, 0));
|
|
119
117
|
onClearClick === null || onClearClick === void 0 ? void 0 : onClearClick();
|
|
120
118
|
};
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
119
|
+
var onMonthYearChange = function (date) {
|
|
120
|
+
handleDateChange(date, false);
|
|
121
|
+
};
|
|
122
|
+
var onToggleChange = function (open) {
|
|
123
|
+
// reset focusedvalue state on popover close
|
|
124
|
+
if (!open) {
|
|
125
|
+
setFocusedValue(null);
|
|
126
|
+
}
|
|
127
|
+
};
|
|
128
|
+
var handleCalendarDateChange = function (date) {
|
|
129
|
+
handleDateChange(value ? (0, date_1.toZoned)((0, date_1.toCalendarDateTime)(date, time), (0, date_1.getLocalTimeZone)()) : date);
|
|
130
|
+
};
|
|
131
|
+
return ((0, jsx_runtime_1.jsxs)(StyledRADatePicker, __assign({ value: value, onChange: handleDateChange, granularity: granularity, hideTimeZone: hideTimeZone, shouldForceLeadingZeros: shouldForceLeadingZeros, hourCycle: hourCycle, "data-fluid": fluid, "aria-label": 'Date', ref: function (node) { return setContainerRef(node); }, minValue: (0, dates_1.toDate)(minValue), maxValue: (0, dates_1.toDate)(maxValue) }, props, { children: [tooltip && (0, jsx_runtime_1.jsx)(DatePickerTooltip, { targetElement: containerRef, tooltip: tooltip }), (0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ component: Input_1["default"], componentProps: __assign({ as: StyledDateInput, onClearClick: handleClearClick, fluid: fluid, value: value, rounded: rounded, size: size, pill: pill, minimal: minimal, intent: intent, flat: flat, icon: 'CalendarLine' }, inputProps), closeOnOutsideClick: !isMonthDropdownOpen && !isYearDropdownOpen, closeOnAnyClick: false, passPopoverData: function (data) { return (popoverData.current = data); }, isReqoreComponent: true, noWrapper: true, handler: 'click', placement: 'bottom-start', noArrow: true, onToggleChange: onToggleChange }, popoverProps, { content: (0, react_1.useMemo)(function () { return ((0, jsx_runtime_1.jsx)(react_aria_components_1.Calendar, __assign({ defaultFocusedValue: value, onChange: handleCalendarDateChange, focusedValue: focusedValue, onFocusChange: function (date) { return setFocusedValue((0, date_1.toZoned)(date, (0, date_1.getLocalTimeZone)())); }, minValue: (0, dates_1.toDate)(minValue), maxValue: (0, dates_1.toDate)(maxValue) }, { children: (0, jsx_runtime_1.jsxs)(__1.ReqorePanel, __assign({ responsiveActionsWrapperProps: { fluid: false }, minimal: true, size: 'small', responsiveTitle: false, intent: intent, label: (0, jsx_runtime_1.jsx)(MonthYearDropdowns_1.YearMonthDropdowns, __assign({ value: focusedValue, onValueChange: onMonthYearChange, setIsMonthDropdownOpen: setIsMonthDropdownOpen, setIsYearDropdownOpen: setIsYearDropdownOpen, minValue: minValue, maxValue: maxValue, intent: intent, customTheme: theme }, yearMonthPickerProps)) }, pickerProps, { actions: [
|
|
131
132
|
{
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
133
|
+
group: [
|
|
134
|
+
{
|
|
135
|
+
as: Button_1["default"],
|
|
136
|
+
props: {
|
|
137
|
+
as: react_aria_components_1.Button,
|
|
138
|
+
customTheme: theme,
|
|
139
|
+
slot: 'previous',
|
|
140
|
+
icon: 'ArrowLeftFill',
|
|
141
|
+
size: 'normal',
|
|
142
|
+
compact: true
|
|
143
|
+
}
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
as: Button_1["default"],
|
|
147
|
+
props: {
|
|
148
|
+
as: react_aria_components_1.Button,
|
|
149
|
+
customTheme: theme,
|
|
150
|
+
slot: 'next',
|
|
151
|
+
icon: 'ArrowRightFill',
|
|
152
|
+
size: 'normal',
|
|
153
|
+
compact: true
|
|
154
|
+
}
|
|
155
|
+
},
|
|
156
|
+
]
|
|
139
157
|
},
|
|
140
|
-
] }, { children: [(0, jsx_runtime_1.jsx)(
|
|
158
|
+
] }, { children: [(0, jsx_runtime_1.jsx)(StyledCalendarGrid, { children: function (date) {
|
|
141
159
|
var isSelected = value && (0, date_1.isSameDay)(date, value);
|
|
142
|
-
return ((0, jsx_runtime_1.jsx)(StyledCalendarCell, __assign({ "data-selected": isSelected, date: date }, { children: (0, jsx_runtime_1.jsx)(Button_1["default"], __assign({ customTheme: isSelected ? theme : { main: 'transparent' }, label: date.day,
|
|
143
|
-
} }), showTime && ((0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ fluid: true }, { children: (0, jsx_runtime_1.jsx)(StyledTimeField, __assign({ value: time, onChange: onTimeChange, granularity: granularity, hideTimeZone: hideTimeZone, shouldForceLeadingZeros: shouldForceLeadingZeros, hourCycle: hourCycle, "aria-label": 'Time' }, timeFieldProps, { children: (0, jsx_runtime_1.jsx)(Input_1["default"], __assign({ icon: 'TimeLine', fluid: true, as: StyledDateInput, flat: flat, rounded: rounded, minimal: minimal, size: size, pill: pill, intent: intent, theme: theme }, timeInputProps, { children: function (segment) { return (0, jsx_runtime_1.jsx)(StyledDateSegment, { segment: segment }); } })) })) })))] })) })) }, { children: function (segment) { return (0, jsx_runtime_1.jsx)(StyledDateSegment, { segment: segment }); } }))] })));
|
|
160
|
+
return ((0, jsx_runtime_1.jsx)(StyledCalendarCell, __assign({ "data-selected": isSelected, date: date }, { children: (0, jsx_runtime_1.jsx)(Button_1["default"], __assign({ customTheme: isSelected ? theme : { main: 'transparent' }, label: date.day, active: isSelected, textAlign: 'center', circle: true, minimal: true, flat: true, compact: true }, (isSelected ? pickerActiveDayProps : pickerDayProps)), date.toString()) })));
|
|
161
|
+
} }), showTime && ((0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ fluid: true }, { children: (0, jsx_runtime_1.jsx)(StyledTimeField, __assign({ value: time, onChange: onTimeChange, granularity: granularity, hideTimeZone: hideTimeZone, shouldForceLeadingZeros: shouldForceLeadingZeros, hourCycle: hourCycle, "aria-label": 'Time' }, timeFieldProps, { children: (0, jsx_runtime_1.jsx)(Input_1["default"], __assign({ icon: 'TimeLine', fluid: true, as: StyledDateInput, flat: flat, rounded: rounded, minimal: minimal, size: size, pill: pill, intent: intent, theme: theme }, timeInputProps, { children: function (segment) { return (0, jsx_runtime_1.jsx)(StyledDateSegment, { segment: segment }); } })) })) })))] })) }))); }, [value, !isMonthDropdownOpen && !isYearDropdownOpen, focusedValue, time]) }, { children: function (segment) { return (0, jsx_runtime_1.jsx)(StyledDateSegment, { segment: segment }); } }))] })));
|
|
144
162
|
};
|
|
145
163
|
exports.DatePicker = DatePicker;
|
|
146
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
164
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
147
165
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -31,7 +31,7 @@ export interface IReqoreDropdownProps extends Partial<Omit<IPopoverOptions, 'ope
|
|
|
31
31
|
scrollToSelected?: boolean;
|
|
32
32
|
paging?: TReqorePaginationType<IReqoreDropdownItem>;
|
|
33
33
|
}
|
|
34
|
-
declare function ReqoreDropdown<T = IReqoreButtonProps>({ items, component, label, children, multiSelect, buttonStyle, listStyle, handler, placement, filterable, onFilterChange, filterPlaceholder, filter, icon, rightIcon, caretPosition, isDefaultOpen, onItemSelect, closeOnOutsideClick, blur, closeOnAnyClick, delay, maxHeight, maxWidth, noArrow, transparent, useTargetWidth, listWidth, listHeight, passPopoverData, inputProps, scrollToSelected, paging, show, ...rest }: IReqoreDropdownProps & T): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
declare function ReqoreDropdown<T = IReqoreButtonProps>({ items, component, label, children, multiSelect, buttonStyle, listStyle, handler, placement, filterable, onFilterChange, filterPlaceholder, filter, icon, rightIcon, caretPosition, isDefaultOpen, onItemSelect, closeOnOutsideClick, blur, closeOnAnyClick, delay, maxHeight, maxWidth, noArrow, transparent, useTargetWidth, listWidth, listHeight, passPopoverData, inputProps, scrollToSelected, paging, show, onToggleChange, ...rest }: IReqoreDropdownProps & T): import("react/jsx-runtime").JSX.Element;
|
|
35
35
|
declare const _default: typeof ReqoreDropdown;
|
|
36
36
|
export default _default;
|
|
37
37
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAA2B,EACzB,mBAAmB,EAEnB,oBAAoB,EACrB,MAAM,QAAQ,CAAC;AAEhB,MAAM,WAAW,oBACf,SAAQ,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,aAAa,GAAG,eAAe,GAAG,cAAc,CAAC,CAAC;IACxF,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAC;CACrD;AAeD,iBAAS,cAAc,CAAC,CAAC,GAAG,kBAAkB,EAAE,EAC9C,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,SAAS,EACT,OAAO,EACP,SAAS,EACT,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,MAAM,EACN,IAAI,EACJ,SAAS,EACT,aAAsB,EACtB,aAAqB,EACrB,YAAY,EACZ,mBAAmB,EACnB,IAAI,EACJ,eAAe,EACf,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAc,EACd,WAAW,EACX,cAAc,EACd,SAAS,EACT,UAAU,EACV,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,oBAAoB,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAA2B,EACzB,mBAAmB,EAEnB,oBAAoB,EACrB,MAAM,QAAQ,CAAC;AAEhB,MAAM,WAAW,oBACf,SAAQ,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,aAAa,GAAG,eAAe,GAAG,cAAc,CAAC,CAAC;IACxF,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAC;CACrD;AAeD,iBAAS,cAAc,CAAC,CAAC,GAAG,kBAAkB,EAAE,EAC9C,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,SAAS,EACT,OAAO,EACP,SAAS,EACT,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,MAAM,EACN,IAAI,EACJ,SAAS,EACT,aAAsB,EACtB,aAAqB,EACrB,YAAY,EACZ,mBAAmB,EACnB,IAAI,EACJ,eAAe,EACf,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAc,EACd,WAAW,EACX,cAAc,EACd,SAAS,EACT,UAAU,EACV,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,cAAc,EACd,GAAG,IAAI,EACR,EAAE,oBAAoB,GAAG,CAAC,2CA4D1B;;AAED,wBAA6D"}
|
|
@@ -36,14 +36,14 @@ var ReqoreDropdownListWrapper = (0, react_1.memo)(function (_a) {
|
|
|
36
36
|
return ((0, jsx_runtime_1.jsx)(__1.ReqorePanel, __assign({ flat: true, size: 'small' }, wrapperProps, { children: (0, jsx_runtime_1.jsx)(list_1["default"], __assign({}, rest)) })));
|
|
37
37
|
});
|
|
38
38
|
function ReqoreDropdown(_a) {
|
|
39
|
-
var items = _a.items, component = _a.component, label = _a.label, children = _a.children, multiSelect = _a.multiSelect, buttonStyle = _a.buttonStyle, listStyle = _a.listStyle, handler = _a.handler, placement = _a.placement, filterable = _a.filterable, onFilterChange = _a.onFilterChange, filterPlaceholder = _a.filterPlaceholder, filter = _a.filter, icon = _a.icon, rightIcon = _a.rightIcon, _b = _a.caretPosition, caretPosition = _b === void 0 ? 'left' : _b, _c = _a.isDefaultOpen, isDefaultOpen = _c === void 0 ? false : _c, onItemSelect = _a.onItemSelect, closeOnOutsideClick = _a.closeOnOutsideClick, blur = _a.blur, closeOnAnyClick = _a.closeOnAnyClick, delay = _a.delay, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth, _d = _a.noArrow, noArrow = _d === void 0 ? true : _d, transparent = _a.transparent, useTargetWidth = _a.useTargetWidth, listWidth = _a.listWidth, listHeight = _a.listHeight, passPopoverData = _a.passPopoverData, inputProps = _a.inputProps, scrollToSelected = _a.scrollToSelected, paging = _a.paging, show = _a.show, rest = __rest(_a, ["items", "component", "label", "children", "multiSelect", "buttonStyle", "listStyle", "handler", "placement", "filterable", "onFilterChange", "filterPlaceholder", "filter", "icon", "rightIcon", "caretPosition", "isDefaultOpen", "onItemSelect", "closeOnOutsideClick", "blur", "closeOnAnyClick", "delay", "maxHeight", "maxWidth", "noArrow", "transparent", "useTargetWidth", "listWidth", "listHeight", "passPopoverData", "inputProps", "scrollToSelected", "paging", "show"]);
|
|
39
|
+
var items = _a.items, component = _a.component, label = _a.label, children = _a.children, multiSelect = _a.multiSelect, buttonStyle = _a.buttonStyle, listStyle = _a.listStyle, handler = _a.handler, placement = _a.placement, filterable = _a.filterable, onFilterChange = _a.onFilterChange, filterPlaceholder = _a.filterPlaceholder, filter = _a.filter, icon = _a.icon, rightIcon = _a.rightIcon, _b = _a.caretPosition, caretPosition = _b === void 0 ? 'left' : _b, _c = _a.isDefaultOpen, isDefaultOpen = _c === void 0 ? false : _c, onItemSelect = _a.onItemSelect, closeOnOutsideClick = _a.closeOnOutsideClick, blur = _a.blur, closeOnAnyClick = _a.closeOnAnyClick, delay = _a.delay, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth, _d = _a.noArrow, noArrow = _d === void 0 ? true : _d, transparent = _a.transparent, useTargetWidth = _a.useTargetWidth, listWidth = _a.listWidth, listHeight = _a.listHeight, passPopoverData = _a.passPopoverData, inputProps = _a.inputProps, scrollToSelected = _a.scrollToSelected, paging = _a.paging, show = _a.show, onToggleChange = _a.onToggleChange, rest = __rest(_a, ["items", "component", "label", "children", "multiSelect", "buttonStyle", "listStyle", "handler", "placement", "filterable", "onFilterChange", "filterPlaceholder", "filter", "icon", "rightIcon", "caretPosition", "isDefaultOpen", "onItemSelect", "closeOnOutsideClick", "blur", "closeOnAnyClick", "delay", "maxHeight", "maxWidth", "noArrow", "transparent", "useTargetWidth", "listWidth", "listHeight", "passPopoverData", "inputProps", "scrollToSelected", "paging", "show", "onToggleChange"]);
|
|
40
40
|
var componentProps = (0, react_1.useMemo)(function () {
|
|
41
41
|
return (__assign(__assign({}, rest), { icon: caretPosition === 'left' ? icon || 'ArrowDownSFill' : rightIcon, rightIcon: caretPosition === 'right' ? icon || 'ArrowDownSFill' : rightIcon, style: buttonStyle || rest.style, disabled: !(0, lodash_1.size)(items) || rest.disabled, className: "".concat((rest === null || rest === void 0 ? void 0 : rest.className) || '', " reqore-dropdown-control") }));
|
|
42
42
|
}, [items, icon, rightIcon, buttonStyle, caretPosition, rest]);
|
|
43
43
|
var popoverContent = (0, react_1.useMemo)(function () {
|
|
44
44
|
return (0, lodash_1.size)(items) ? ((0, jsx_runtime_1.jsx)(ReqoreDropdownListWrapper, { multiSelect: multiSelect, listStyle: listStyle, width: useTargetWidth ? '100%' : listWidth, height: listHeight, items: items, filterable: filterable, onItemSelect: onItemSelect, inputProps: inputProps, scrollToSelected: scrollToSelected, paging: paging, onFilterChange: onFilterChange, filterPlaceholder: filterPlaceholder, filter: filter })) : undefined;
|
|
45
45
|
}, [items, onItemSelect]);
|
|
46
|
-
return ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ closeOnOutsideClick: closeOnOutsideClick, blur: blur, closeOnAnyClick: closeOnAnyClick, delay: delay, maxHeight: maxHeight, maxWidth: maxWidth, noArrow: noArrow, transparent: transparent, useTargetWidth: useTargetWidth, component: component || Button_1["default"], componentProps: componentProps, isReqoreComponent: true, noWrapper: true, placement: placement || 'bottom-start', handler: handler || 'click', openOnMount: isDefaultOpen, content: popoverContent, passPopoverData: passPopoverData, show: show }, { children: children || label })));
|
|
46
|
+
return ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ closeOnOutsideClick: closeOnOutsideClick, blur: blur, closeOnAnyClick: closeOnAnyClick, delay: delay, maxHeight: maxHeight, maxWidth: maxWidth, noArrow: noArrow, transparent: transparent, useTargetWidth: useTargetWidth, component: component || Button_1["default"], componentProps: componentProps, isReqoreComponent: true, noWrapper: true, placement: placement || 'bottom-start', handler: handler || 'click', openOnMount: isDefaultOpen, content: popoverContent, passPopoverData: passPopoverData, show: show, onToggleChange: onToggleChange }, { children: children || label })));
|
|
47
47
|
}
|
|
48
48
|
exports["default"] = (0, react_1.memo)(ReqoreDropdown);
|
|
49
49
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA8B;AAC9B,+BAA6C;AAC7C,2BAAmD;AAInD,qDAA6D;AAG7D,gDAIgB;AA6BhB,IAAM,yBAAyB,GAAG,IAAA,YAAI,EACpC,UAAC,EAGoF;IAFnF,IAAA,YAAY,kBAAA,EACT,IAAI,cAFR,gBAGA,CADQ;IAEP,OAAO,CACL,uBAAC,eAAW,aAAC,IAAI,QAAC,IAAI,EAAC,OAAO,IAAK,YAAY,cAC7C,uBAAC,iBAAkB,eAAK,IAAI,EAAI,IACpB,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,cAAc,CAAyB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IReqoreMenuDividerProps } from '../Menu/divider';
|
|
3
3
|
import { IReqoreDropdownItem } from './list';
|
|
4
4
|
export interface IReqoreDropdownItemProps extends IReqoreDropdownItem {
|
|
5
|
-
onItemClick: (item: IReqoreDropdownItem) => void;
|
|
5
|
+
onItemClick: (item: IReqoreDropdownItem, event: React.MouseEvent<HTMLElement>) => void;
|
|
6
6
|
scrollIntoView?: boolean;
|
|
7
7
|
}
|
|
8
|
-
export declare const ReqoreDropdownItem:
|
|
8
|
+
export declare const ReqoreDropdownItem: React.MemoExoticComponent<({ onItemClick, scrollIntoView, ...rest }: IReqoreDropdownItemProps) => import("react/jsx-runtime").JSX.Element>;
|
|
9
9
|
export declare const ReqoreDropdownDivider: (props: IReqoreMenuDividerProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
//# sourceMappingURL=item.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/item.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/item.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAA0B,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAE7C,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACnE,WAAW,EAAE,CAAC,IAAI,EAAE,mBAAmB,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACvF,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,kBAAkB,uEACc,wBAAwB,6CAmBpE,CAAC;AAEF,eAAO,MAAM,qBAAqB,UAAW,uBAAuB,4CAEnE,CAAC"}
|
|
@@ -33,8 +33,8 @@ var __1 = require("../..");
|
|
|
33
33
|
var divider_1 = __importDefault(require("../Menu/divider"));
|
|
34
34
|
exports.ReqoreDropdownItem = (0, react_1.memo)(function (_a) {
|
|
35
35
|
var onItemClick = _a.onItemClick, scrollIntoView = _a.scrollIntoView, rest = __rest(_a, ["onItemClick", "scrollIntoView"]);
|
|
36
|
-
var handleItemClick = (0, react_1.useCallback)(function () {
|
|
37
|
-
onItemClick(rest);
|
|
36
|
+
var handleItemClick = (0, react_1.useCallback)(function (event) {
|
|
37
|
+
onItemClick(rest, event);
|
|
38
38
|
}, [onItemClick, rest]);
|
|
39
39
|
return ((0, jsx_runtime_1.jsx)(__1.ReqoreMenuItem, __assign({}, rest, { _insidePopover: (0, lodash_1.size)(rest.items) ? false : rest._insidePopover, label: rest.label || rest.value, onClick: handleItemClick, rightIcon: rest.selected ? 'CheckLine' : rest.rightIcon, scrollIntoView: scrollIntoView })));
|
|
40
40
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Dropdown/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA8B;AAC9B,+
|
|
1
|
+
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Dropdown/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA8B;AAC9B,+BAAiD;AACjD,2BAAuC;AACvC,4DAA6E;AAQhE,QAAA,kBAAkB,GAAG,IAAA,YAAI,EACpC,UAAC,EAAkE;IAAhE,IAAA,WAAW,iBAAA,EAAE,cAAc,oBAAA,EAAK,IAAI,cAAtC,iCAAwC,CAAF;IACrC,IAAM,eAAe,GAAG,IAAA,mBAAW,EACjC,UAAC,KAAoC;QACnC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC3B,CAAC,EACD,CAAC,WAAW,EAAE,IAAI,CAAC,CACpB,CAAC;IAEF,OAAO,CACL,uBAAC,kBAAc,eACT,IAAI,IACR,cAAc,EAAE,IAAA,aAAI,EAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAC9D,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAC/B,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EACvD,cAAc,EAAE,cAAc,IAC9B,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEK,IAAM,qBAAqB,GAAG,UAAC,KAA8B,IAAK,OAAA,CACvE,uBAAC,oBAAiB,eAAK,KAAK,EAAI,CACjC,EAFwE,CAExE,CAAC;AAFW,QAAA,qBAAqB,yBAEhC"}
|
|
@@ -3,7 +3,7 @@ import { TReqorePaginationType } from '../../constants/paging';
|
|
|
3
3
|
import { IReqoreComponent } from '../../types/global';
|
|
4
4
|
import { IReqoreInputProps } from '../Input';
|
|
5
5
|
import { IReqoreMenuItemProps } from '../Menu/item';
|
|
6
|
-
export type TDropdownItemOnClick = (item: IReqoreDropdownItem) => void;
|
|
6
|
+
export type TDropdownItemOnClick = (item: IReqoreDropdownItem, event?: React.MouseEvent<HTMLElement>) => void;
|
|
7
7
|
export interface IReqoreDropdownItem extends Omit<IReqoreMenuItemProps, 'onClick' | 'onRightIconClick'> {
|
|
8
8
|
value?: any;
|
|
9
9
|
items?: TReqoreDropdownItems;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAG/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAoB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAG1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,MAAM,oBAAoB,GAAG,
|
|
1
|
+
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAG/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAoB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAG1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,MAAM,oBAAoB,GAAG,CACjC,IAAI,EAAE,mBAAmB,EACzB,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAClC,IAAI,CAAC;AACV,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,kBAAkB,CAAC;IAClE,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3C,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;AACtD,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,EAAE,CAAC;AAEzD,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAC;IAEpD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,QAAA,MAAM,kBAAkB,qNAiBnB,wBAAwB,6CAwJ5B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -69,16 +69,16 @@ var ReqoreDropdownList = (0, react_1.memo)(function (_a) {
|
|
|
69
69
|
setQuery(event.target.value);
|
|
70
70
|
}
|
|
71
71
|
};
|
|
72
|
-
var handleItemClick = (0, react_1.useCallback)(function (item) {
|
|
72
|
+
var handleItemClick = (0, react_1.useCallback)(function (item, event) {
|
|
73
73
|
if ((0, lodash_1.size)(item.items)) {
|
|
74
74
|
setSelectedItem(item);
|
|
75
75
|
return;
|
|
76
76
|
}
|
|
77
77
|
if (item.onClick) {
|
|
78
|
-
item.onClick(item);
|
|
78
|
+
item.onClick(item, event);
|
|
79
79
|
}
|
|
80
80
|
if (onItemSelect) {
|
|
81
|
-
onItemSelect(item);
|
|
81
|
+
onItemSelect(item, event);
|
|
82
82
|
}
|
|
83
83
|
}, [onItemSelect, selectedItem]);
|
|
84
84
|
if (selectedItem) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA8B;AAC9B,+BAA+E;AAE/E,+CAA0D;AAC1D,kDAAoE;AAEpE,qDAAqC;AACrC,iEAAiD;AACjD,mDAA0D;AAC1D,iDAAiC;AACjC,4DAA6E;AAE7E,oCAAiD;AACjD,+BAA4C;
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@ import { IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreFlat, IWithReqoreFlui
|
|
|
6
6
|
import { IReqoreIconName } from '../../types/icons';
|
|
7
7
|
import { IReqoreBreadcrumbsProps } from '../Breadcrumbs';
|
|
8
8
|
import { IReqoreButtonProps, TReqoreBadge } from '../Button';
|
|
9
|
+
import { IReqoreControlGroupProps } from '../ControlGroup';
|
|
9
10
|
import { IReqoreDropdownItem } from '../Dropdown/list';
|
|
10
11
|
import { IReqoreEffect, TReqoreEffectColor } from '../Effect';
|
|
11
12
|
import { IReqoreIconProps } from '../Icon';
|
|
@@ -70,6 +71,7 @@ export interface IReqorePanelProps extends IWithReqoreSize, IWithReqoreCustomThe
|
|
|
70
71
|
getContentRef?: (ref: HTMLDivElement) => any;
|
|
71
72
|
headerProps?: React.HTMLAttributes<unknown>;
|
|
72
73
|
showHeaderTooltip?: boolean;
|
|
74
|
+
responsiveActionsWrapperProps?: Partial<IReqoreControlGroupProps>;
|
|
73
75
|
}
|
|
74
76
|
export interface IStyledPanel extends IReqorePanelProps {
|
|
75
77
|
theme: IReqoreTheme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"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"}
|