@aivenio/aquarium 2.3.0 → 2.3.2
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/src/molecules/DatePicker/DatePicker.d.ts +3 -2
- package/dist/src/molecules/DatePicker/DatePicker.js +12 -8
- package/dist/src/molecules/DatePicker/DateRangePicker.d.ts +3 -2
- package/dist/src/molecules/DatePicker/DateRangePicker.js +12 -8
- package/dist/src/molecules/ItemList/ItemList.js +13 -15
- package/dist/src/molecules/PageHeader/PageHeader.d.ts +1 -1
- package/dist/src/molecules/PageHeader/PageHeader.js +1 -1
- package/dist/system.cjs +40 -18
- package/dist/system.mjs +44 -20
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -4,9 +4,10 @@ import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
|
|
|
4
4
|
export type DatePickerBaseProps<T extends DateValue> = Omit<AriaDatePickerProps<T>, 'children' | 'className' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'isRequired' | 'pageBehavior' | 'slot' | 'style' | 'validate' | 'validationBehavior'> & {
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
valid?: boolean;
|
|
7
|
+
errorMessage?: string;
|
|
7
8
|
};
|
|
8
|
-
export declare const DatePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, ...props }: DatePickerBaseProps<T>) => React.JSX.Element;
|
|
9
|
-
export declare const DateTimePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, ...props }: DatePickerBaseProps<T>) => React.JSX.Element;
|
|
9
|
+
export declare const DatePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, errorMessage, ...props }: DatePickerBaseProps<T>) => React.JSX.Element;
|
|
10
|
+
export declare const DateTimePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, errorMessage, ...props }: DatePickerBaseProps<T>) => React.JSX.Element;
|
|
10
11
|
export type DatePickerProps<T extends DateValue> = DatePickerBaseProps<T> & Omit<LabelControlProps, 'length'>;
|
|
11
12
|
export declare const DatePicker: <T extends DateValue>(props: DatePickerProps<T>) => React.JSX.Element;
|
|
12
13
|
export declare const DateTimePicker: <T extends DateValue>(props: DatePickerProps<T>) => React.JSX.Element;
|
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import { DatePicker as AriaDatePicker, DatePickerStateContext, } from 'react-aria-components';
|
|
13
|
+
import { DatePicker as AriaDatePicker, DatePickerStateContext, Text, } from 'react-aria-components';
|
|
14
14
|
import { useLabel } from '@react-aria/label';
|
|
15
15
|
import { useId } from '@react-aria/utils';
|
|
16
16
|
import omit from 'lodash/omit';
|
|
@@ -28,7 +28,7 @@ import { Dialog } from './Dialog';
|
|
|
28
28
|
import { Popover } from './Popover';
|
|
29
29
|
const createDatePickerBase = (variant) => (_a) => {
|
|
30
30
|
var _b, _c;
|
|
31
|
-
var { disabled, valid, granularity, shouldCloseOnSelect } = _a, props = __rest(_a, ["disabled", "valid", "granularity", "shouldCloseOnSelect"]);
|
|
31
|
+
var { disabled, valid, granularity, shouldCloseOnSelect, errorMessage } = _a, props = __rest(_a, ["disabled", "valid", "granularity", "shouldCloseOnSelect", "errorMessage"]);
|
|
32
32
|
const hasSomeValue = (_c = (_b = props.value) !== null && _b !== void 0 ? _b : props.defaultValue) !== null && _c !== void 0 ? _c : props.placeholderValue;
|
|
33
33
|
return (React.createElement(AriaDatePicker, Object.assign({}, props, { shouldCloseOnSelect: shouldCloseOnSelect !== null && shouldCloseOnSelect !== void 0 ? shouldCloseOnSelect : variant === 'date', isDisabled: disabled, isInvalid: valid === false,
|
|
34
34
|
// Set the granularity to minute if the variant is 'datetime' and there is no any value provided.
|
|
@@ -38,11 +38,12 @@ const createDatePickerBase = (variant) => (_a) => {
|
|
|
38
38
|
React.createElement(DateInput, { className: tw('flex-1') }),
|
|
39
39
|
React.createElement(Button, null,
|
|
40
40
|
React.createElement(Icon, { icon: calendarIcon }))),
|
|
41
|
-
React.createElement(Popover, { offset:
|
|
41
|
+
React.createElement(Popover, { offset: 0 },
|
|
42
42
|
React.createElement(Dialog, null,
|
|
43
|
-
React.createElement(Spacing, { gap: "
|
|
43
|
+
React.createElement(Spacing, { gap: "3" },
|
|
44
44
|
React.createElement(Calendar, null),
|
|
45
|
-
variant === 'datetime' && React.createElement(PickerTimeField, { granularity: granularity })
|
|
45
|
+
variant === 'datetime' && React.createElement(PickerTimeField, { granularity: granularity }),
|
|
46
|
+
errorMessage && (React.createElement(Text, { slot: "errorMessage", className: tw('typography-caption text-danger-default max-w-[300px]') }, errorMessage)))))));
|
|
46
47
|
};
|
|
47
48
|
export const DatePickerBase = createDatePickerBase('date');
|
|
48
49
|
export const DateTimePickerBase = createDatePickerBase('datetime');
|
|
@@ -51,14 +52,17 @@ const PickerTimeField = ({ granularity }) => {
|
|
|
51
52
|
return (React.createElement(TimeField, { labelText: "Time", granularity: granularity !== 'day' ? granularity : undefined, value: state.timeValue, onChange: state.setTimeValue, reserveSpaceForError: false }));
|
|
52
53
|
};
|
|
53
54
|
const createDatePicker = (variant) => (props) => {
|
|
55
|
+
var _a;
|
|
54
56
|
const { labelProps, fieldProps } = useLabel({ label: props.labelText });
|
|
55
57
|
const errorMessageId = useId();
|
|
56
|
-
const errorProps = props.valid === false
|
|
57
|
-
|
|
58
|
+
const errorProps = props.valid === false
|
|
59
|
+
? { 'aria-invalid': true, 'aria-describedby': errorMessageId, 'errorMessage': (_a = props.helperText) !== null && _a !== void 0 ? _a : props.error }
|
|
60
|
+
: {};
|
|
61
|
+
const _b = getLabelControlProps(props), { 'data-testid': dataTestId } = _b, labelControlProps = __rest(_b, ['data-testid']);
|
|
58
62
|
const baseProps = omit(props, Object.keys(labelControlProps));
|
|
59
63
|
const allProps = Object.assign(Object.assign(Object.assign(Object.assign({}, baseProps), fieldProps), errorProps), { disabled: props.disabled, valid: props.valid });
|
|
60
64
|
return (React.createElement(LabelControl, Object.assign({}, labelProps, labelControlProps, { messageId: errorMessageId, className: "Aquarium-DatePicker" }), variant === 'date' ? React.createElement(DatePickerBase, Object.assign({}, allProps)) : React.createElement(DateTimePickerBase, Object.assign({}, allProps))));
|
|
61
65
|
};
|
|
62
66
|
export const DatePicker = createDatePicker('date');
|
|
63
67
|
export const DateTimePicker = createDatePicker('datetime');
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRGF0ZVBpY2tlci9EYXRlUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQ0wsVUFBVSxJQUFJLGNBQWMsRUFFNUIsc0JBQXNCLEVBRXRCLElBQUksR0FDTCxNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUM3QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUM5RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDdkQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQy9DLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFOUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFlBQVksRUFBMEIsTUFBTSw0QkFBNEIsQ0FBQztBQUN4RyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsT0FBTyxZQUFZLE1BQU0sb0JBQW9CLENBQUM7QUFFOUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUNsQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ3RDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDbEMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFdBQVcsQ0FBQztBQXVCcEMsTUFBTSxv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
|
|
@@ -4,9 +4,10 @@ import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
|
|
|
4
4
|
export type DateRangePickerBaseProps<T extends DateValue> = Omit<AriaDateRangePickerProps<T>, 'children' | 'className' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'isRequired' | 'pageBehavior' | 'slot' | 'style' | 'validate' | 'validationBehavior'> & {
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
valid?: boolean;
|
|
7
|
+
errorMessage?: string;
|
|
7
8
|
};
|
|
8
|
-
export declare const DateRangePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, ...props }: DateRangePickerBaseProps<T>) => React.JSX.Element;
|
|
9
|
-
export declare const DateTimeRangePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, ...props }: DateRangePickerBaseProps<T>) => React.JSX.Element;
|
|
9
|
+
export declare const DateRangePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, errorMessage, ...props }: DateRangePickerBaseProps<T>) => React.JSX.Element;
|
|
10
|
+
export declare const DateTimeRangePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, errorMessage, ...props }: DateRangePickerBaseProps<T>) => React.JSX.Element;
|
|
10
11
|
export type DateRangePickerProps<T extends DateValue> = DateRangePickerBaseProps<T> & Omit<LabelControlProps, 'length'>;
|
|
11
12
|
export declare const DateRangePicker: <T extends DateValue>(props: DateRangePickerProps<T>) => React.JSX.Element;
|
|
12
13
|
export declare const DateTimeRangePicker: <T extends DateValue>(props: DateRangePickerProps<T>) => React.JSX.Element;
|
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import { DateRangePicker as AriaDateRangePicker, DateRangePickerStateContext, } from 'react-aria-components';
|
|
13
|
+
import { DateRangePicker as AriaDateRangePicker, DateRangePickerStateContext, Text, } from 'react-aria-components';
|
|
14
14
|
import { useLabel } from '@react-aria/label';
|
|
15
15
|
import { useId } from '@react-aria/utils';
|
|
16
16
|
import omit from 'lodash/omit';
|
|
@@ -28,7 +28,7 @@ import { Popover } from './Popover';
|
|
|
28
28
|
import { RangeCalendar } from './RangeCalendar';
|
|
29
29
|
const createDateRangePickerBase = (variant) => (_a) => {
|
|
30
30
|
var _b, _c;
|
|
31
|
-
var { disabled, valid, granularity, shouldCloseOnSelect } = _a, props = __rest(_a, ["disabled", "valid", "granularity", "shouldCloseOnSelect"]);
|
|
31
|
+
var { disabled, valid, granularity, shouldCloseOnSelect, errorMessage } = _a, props = __rest(_a, ["disabled", "valid", "granularity", "shouldCloseOnSelect", "errorMessage"]);
|
|
32
32
|
const hasSomeValue = (_c = (_b = props.value) !== null && _b !== void 0 ? _b : props.defaultValue) !== null && _c !== void 0 ? _c : props.placeholderValue;
|
|
33
33
|
return (React.createElement(AriaDateRangePicker, Object.assign({}, props, { shouldCloseOnSelect: shouldCloseOnSelect !== null && shouldCloseOnSelect !== void 0 ? shouldCloseOnSelect : variant === 'date', isDisabled: disabled, isInvalid: valid === false,
|
|
34
34
|
// Set the granularity to minute if the variant is 'datetime' and there is no any value provided.
|
|
@@ -40,13 +40,14 @@ const createDateRangePickerBase = (variant) => (_a) => {
|
|
|
40
40
|
React.createElement(DateInput, { slot: "end", className: tw('flex-1 px-2 py-1') }),
|
|
41
41
|
React.createElement(Button, null,
|
|
42
42
|
React.createElement(Icon, { icon: calendarIcon }))),
|
|
43
|
-
React.createElement(Popover,
|
|
43
|
+
React.createElement(Popover, { offset: 0 },
|
|
44
44
|
React.createElement(Dialog, null,
|
|
45
|
-
React.createElement(Spacing, { gap: "
|
|
45
|
+
React.createElement(Spacing, { gap: "3" },
|
|
46
46
|
React.createElement(RangeCalendar, null),
|
|
47
47
|
variant === 'datetime' && (React.createElement(Spacing, { gap: "6", row: true },
|
|
48
48
|
React.createElement(PickerTimeField, { granularity: granularity, part: "start" }),
|
|
49
|
-
React.createElement(PickerTimeField, { granularity: granularity, part: "end" })))
|
|
49
|
+
React.createElement(PickerTimeField, { granularity: granularity, part: "end" }))),
|
|
50
|
+
errorMessage && (React.createElement(Text, { slot: "errorMessage", className: tw('typography-caption text-danger-default max-w-[300px]') }, errorMessage)))))));
|
|
50
51
|
};
|
|
51
52
|
const PickerTimeField = ({ granularity, part }) => {
|
|
52
53
|
var _a;
|
|
@@ -56,14 +57,17 @@ const PickerTimeField = ({ granularity, part }) => {
|
|
|
56
57
|
export const DateRangePickerBase = createDateRangePickerBase('date');
|
|
57
58
|
export const DateTimeRangePickerBase = createDateRangePickerBase('datetime');
|
|
58
59
|
const createDateRangePicker = (variant) => (props) => {
|
|
60
|
+
var _a;
|
|
59
61
|
const { labelProps, fieldProps } = useLabel({ label: props.labelText });
|
|
60
62
|
const errorMessageId = useId();
|
|
61
|
-
const errorProps = props.valid === false
|
|
62
|
-
|
|
63
|
+
const errorProps = props.valid === false
|
|
64
|
+
? { 'aria-invalid': true, 'aria-describedby': errorMessageId, 'errorMessage': (_a = props.helperText) !== null && _a !== void 0 ? _a : props.error }
|
|
65
|
+
: {};
|
|
66
|
+
const _b = getLabelControlProps(props), { 'data-testid': dataTestId } = _b, labelControlProps = __rest(_b, ['data-testid']);
|
|
63
67
|
const baseProps = omit(props, Object.keys(labelControlProps));
|
|
64
68
|
const allProps = Object.assign(Object.assign(Object.assign(Object.assign({}, baseProps), fieldProps), errorProps), { disabled: props.disabled, valid: props.valid });
|
|
65
69
|
return (React.createElement(LabelControl, Object.assign({}, labelProps, labelControlProps, { messageId: errorMessageId, className: "Aquarium-DatePicker" }), variant === 'date' ? React.createElement(DateRangePickerBase, Object.assign({}, allProps)) : React.createElement(DateTimeRangePickerBase, Object.assign({}, allProps))));
|
|
66
70
|
};
|
|
67
71
|
export const DateRangePicker = createDateRangePicker('date');
|
|
68
72
|
export const DateTimeRangePicker = createDateRangePicker('datetime');
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVJhbmdlUGlja2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRlUGlja2VyL0RhdGVSYW5nZVBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUNMLGVBQWUsSUFBSSxtQkFBbUIsRUFFdEMsMkJBQTJCLEVBRTNCLElBQUksR0FDTCxNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUM3QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUM5RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDdkQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQy9DLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFOUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFlBQVksRUFBMEIsTUFBTSw0QkFBNEIsQ0FBQztBQUN4RyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsT0FBTyxZQUFZLE1BQU0sb0JBQW9CLENBQUM7QUFFOUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUNsQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDcEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFD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
|
|
@@ -26,20 +26,18 @@ export const ItemList = (_a) => {
|
|
|
26
26
|
React.createElement(DataList.Row, { header: true }, columns.map((column) => {
|
|
27
27
|
if (columnHasSort(column)) {
|
|
28
28
|
return (React.createElement(DataList.SortCell, Object.assign({ sticky: sticky, direction: (sortState === null || sortState === void 0 ? void 0 : sortState.headerName) === column.headerName ? sortState.direction : 'none', onClick: () => {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
?
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
:
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
return newState;
|
|
42
|
-
});
|
|
29
|
+
const newState =
|
|
30
|
+
// In case column is already sorted, either ascending or descending
|
|
31
|
+
sortState && sortState.headerName === column.headerName
|
|
32
|
+
? sortState.direction === 'ascending'
|
|
33
|
+
? // In case column is sorted ascending, sort it descending
|
|
34
|
+
{ headerName: column.headerName, direction: 'descending' }
|
|
35
|
+
: // In case column is sorted ascending, sort it descending
|
|
36
|
+
undefined
|
|
37
|
+
: // Nothing is set, sort it ascending
|
|
38
|
+
{ headerName: column.headerName, direction: 'ascending' };
|
|
39
|
+
setSortState(newState);
|
|
40
|
+
onSortChanged === null || onSortChanged === void 0 ? void 0 : onSortChanged(newState);
|
|
43
41
|
} }, cellProps(column)), column.headerName));
|
|
44
42
|
}
|
|
45
43
|
return (React.createElement(DataList.HeadCell, Object.assign({}, cellProps(column), { sticky: sticky }), column.headerName));
|
|
@@ -71,4 +69,4 @@ const Rows = (_a) => {
|
|
|
71
69
|
};
|
|
72
70
|
// rowgroups are not allowed to contain other rowgroups so we will only use this role for first level groups
|
|
73
71
|
const WithGroup = ({ level, children }) => level === 0 ? React.createElement(DataList.Row, { isGroup: true }, children) : children;
|
|
74
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSXRlbUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0l0ZW1MaXN0L0l0ZW1MaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQTBCLElBQUksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUzRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFdkQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFDTCxTQUFTLEVBQ1QsYUFBYSxHQUlkLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFrQixZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUU1RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUF3QzlELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxDQUFpQixFQU10QixFQUFFLEVBQUU7UUFOa0IsRUFDdkMsT0FBTyxFQUNQLEtBQUssRUFDTCxhQUFhLEVBQ2IsTUFBTSxPQUVXLEVBRGQsYUFBYSxjQUx1QiwrQ0FNeEMsQ0FEaUI7SUFFaEIsTUFBTSxlQUFlLEdBQUcsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLFdBQUMsT0FBQSxNQUFBLE1BQU0sQ0FBQyxLQUFLLG1DQUFJLE1BQU0sQ0FBQSxFQUFBLENBQUMsQ0FBQztJQUN4RSxNQUFNLENBQUMsU0FBUyxFQUFFLFlBQVksQ0FBQyxHQUFHLFlBQVksRUFBRSxDQUFDO0lBQ2pELE1BQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFLE9BQU8sRUFBRSxTQUFTLENB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
|
|
@@ -36,7 +36,7 @@ export type PageHeaderProps = CommonPageHeaderProps & {
|
|
|
36
36
|
* This can either be a callback function or a link.
|
|
37
37
|
* Use "menu" props instead if there are more than 2 secondary actions.
|
|
38
38
|
*/
|
|
39
|
-
secondaryActions?: AsyncActionType | LinkActionType |
|
|
39
|
+
secondaryActions?: Array<AsyncActionType | LinkActionType> | AsyncActionType | LinkActionType;
|
|
40
40
|
/**
|
|
41
41
|
* Optional list of chips, which will be rendered as chips underneath the page title.
|
|
42
42
|
*/
|
|
@@ -44,4 +44,4 @@ PageHeader.displayName = 'PageHeader';
|
|
|
44
44
|
const SubHeader = (props) => React.createElement(CommonPageHeader, Object.assign({}, props, { isSubHeader: true }));
|
|
45
45
|
PageHeader.SubHeader = SubHeader;
|
|
46
46
|
PageHeader.SubHeader.displayName = 'PageHeader.SubHeader';
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUGFnZUhlYWRlci9QYWdlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxTQUFTLE1BQU0sa0JBQWtCLENBQUM7QUFFekMsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzdDLE9BQU8sRUFBRSxXQUFXLEVBQXlCLE1BQU0sdUNBQXVDLENBQUM7QUFDM0YsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRXhELE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN4QyxPQUFPLEVBQWtDLDhCQUE4QixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFFdEcsT0FBTyxJQUFJLE1BQU0sZ0JBQWdCLENBQUM7QUE4RGxDLE1BQU0sZ0JBQWdCLEdBQTBELENBQUMsRUFDL0UsS0FBSyxFQUNMLFFBQVEsRUFDUixLQUFLLEVBQ0wsUUFBUSxFQUNSLGFBQWEsRUFDYixlQUFlLEVBQ2YsZ0JBQWdCLEdBQUcsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQ2xFLEtBQUssR0FBRyxFQUFFLEVBQ1YsV0FBVyxFQUNYLElBQUksRUFDSixTQUFTLEVBQ1Qs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
|
package/dist/system.cjs
CHANGED
|
@@ -13363,7 +13363,19 @@ var Popover2 = (_a) => {
|
|
|
13363
13363
|
|
|
13364
13364
|
// src/molecules/DatePicker/DatePicker.tsx
|
|
13365
13365
|
var createDatePickerBase = (variant) => (_a) => {
|
|
13366
|
-
var _b = _a, {
|
|
13366
|
+
var _b = _a, {
|
|
13367
|
+
disabled,
|
|
13368
|
+
valid,
|
|
13369
|
+
granularity,
|
|
13370
|
+
shouldCloseOnSelect,
|
|
13371
|
+
errorMessage
|
|
13372
|
+
} = _b, props = __objRest(_b, [
|
|
13373
|
+
"disabled",
|
|
13374
|
+
"valid",
|
|
13375
|
+
"granularity",
|
|
13376
|
+
"shouldCloseOnSelect",
|
|
13377
|
+
"errorMessage"
|
|
13378
|
+
]);
|
|
13367
13379
|
var _a2, _b2;
|
|
13368
13380
|
const hasSomeValue = (_b2 = (_a2 = props.value) != null ? _a2 : props.defaultValue) != null ? _b2 : props.placeholderValue;
|
|
13369
13381
|
return /* @__PURE__ */ import_react91.default.createElement(import_react_aria_components8.DatePicker, __spreadProps(__spreadValues({}, props), {
|
|
@@ -13378,12 +13390,15 @@ var createDatePickerBase = (variant) => (_a) => {
|
|
|
13378
13390
|
}), /* @__PURE__ */ import_react91.default.createElement(Button2, null, /* @__PURE__ */ import_react91.default.createElement(Icon, {
|
|
13379
13391
|
icon: import_calendar2.default
|
|
13380
13392
|
}))), /* @__PURE__ */ import_react91.default.createElement(Popover2, {
|
|
13381
|
-
offset:
|
|
13393
|
+
offset: 0
|
|
13382
13394
|
}, /* @__PURE__ */ import_react91.default.createElement(Dialog, null, /* @__PURE__ */ import_react91.default.createElement(Spacing, {
|
|
13383
|
-
gap: "
|
|
13395
|
+
gap: "3"
|
|
13384
13396
|
}, /* @__PURE__ */ import_react91.default.createElement(Calendar, null), variant === "datetime" && /* @__PURE__ */ import_react91.default.createElement(PickerTimeField, {
|
|
13385
13397
|
granularity
|
|
13386
|
-
})
|
|
13398
|
+
}), errorMessage && /* @__PURE__ */ import_react91.default.createElement(import_react_aria_components8.Text, {
|
|
13399
|
+
slot: "errorMessage",
|
|
13400
|
+
className: tw("typography-caption text-danger-default max-w-[300px]")
|
|
13401
|
+
}, errorMessage)))));
|
|
13387
13402
|
};
|
|
13388
13403
|
var DatePickerBase = createDatePickerBase("date");
|
|
13389
13404
|
var DateTimePickerBase = createDatePickerBase("datetime");
|
|
@@ -13398,10 +13413,11 @@ var PickerTimeField = ({ granularity }) => {
|
|
|
13398
13413
|
});
|
|
13399
13414
|
};
|
|
13400
13415
|
var createDatePicker = (variant) => (props) => {
|
|
13416
|
+
var _a;
|
|
13401
13417
|
const { labelProps, fieldProps } = (0, import_label2.useLabel)({ label: props.labelText });
|
|
13402
13418
|
const errorMessageId = (0, import_utils24.useId)();
|
|
13403
|
-
const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
|
|
13404
|
-
const
|
|
13419
|
+
const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId, "errorMessage": (_a = props.helperText) != null ? _a : props.error } : {};
|
|
13420
|
+
const _b = getLabelControlProps(props), { "data-testid": dataTestId } = _b, labelControlProps = __objRest(_b, ["data-testid"]);
|
|
13405
13421
|
const baseProps = (0, import_omit9.default)(props, Object.keys(labelControlProps));
|
|
13406
13422
|
const allProps = __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, baseProps), fieldProps), errorProps), { disabled: props.disabled, valid: props.valid });
|
|
13407
13423
|
return /* @__PURE__ */ import_react91.default.createElement(LabelControl, __spreadProps(__spreadValues(__spreadValues({}, labelProps), labelControlProps), {
|
|
@@ -13474,12 +13490,14 @@ var createDateRangePickerBase = (variant) => (_a) => {
|
|
|
13474
13490
|
disabled,
|
|
13475
13491
|
valid,
|
|
13476
13492
|
granularity,
|
|
13477
|
-
shouldCloseOnSelect
|
|
13493
|
+
shouldCloseOnSelect,
|
|
13494
|
+
errorMessage
|
|
13478
13495
|
} = _b, props = __objRest(_b, [
|
|
13479
13496
|
"disabled",
|
|
13480
13497
|
"valid",
|
|
13481
13498
|
"granularity",
|
|
13482
|
-
"shouldCloseOnSelect"
|
|
13499
|
+
"shouldCloseOnSelect",
|
|
13500
|
+
"errorMessage"
|
|
13483
13501
|
]);
|
|
13484
13502
|
var _a2, _b2;
|
|
13485
13503
|
const hasSomeValue = (_b2 = (_a2 = props.value) != null ? _a2 : props.defaultValue) != null ? _b2 : props.placeholderValue;
|
|
@@ -13502,8 +13520,10 @@ var createDateRangePickerBase = (variant) => (_a) => {
|
|
|
13502
13520
|
className: tw("flex-1 px-2 py-1")
|
|
13503
13521
|
}), /* @__PURE__ */ import_react93.default.createElement(Button2, null, /* @__PURE__ */ import_react93.default.createElement(Icon, {
|
|
13504
13522
|
icon: import_calendar3.default
|
|
13505
|
-
}))), /* @__PURE__ */ import_react93.default.createElement(Popover2,
|
|
13506
|
-
|
|
13523
|
+
}))), /* @__PURE__ */ import_react93.default.createElement(Popover2, {
|
|
13524
|
+
offset: 0
|
|
13525
|
+
}, /* @__PURE__ */ import_react93.default.createElement(Dialog, null, /* @__PURE__ */ import_react93.default.createElement(Spacing, {
|
|
13526
|
+
gap: "3"
|
|
13507
13527
|
}, /* @__PURE__ */ import_react93.default.createElement(RangeCalendar, null), variant === "datetime" && /* @__PURE__ */ import_react93.default.createElement(Spacing, {
|
|
13508
13528
|
gap: "6",
|
|
13509
13529
|
row: true
|
|
@@ -13513,7 +13533,10 @@ var createDateRangePickerBase = (variant) => (_a) => {
|
|
|
13513
13533
|
}), /* @__PURE__ */ import_react93.default.createElement(PickerTimeField2, {
|
|
13514
13534
|
granularity,
|
|
13515
13535
|
part: "end"
|
|
13516
|
-
}))
|
|
13536
|
+
})), errorMessage && /* @__PURE__ */ import_react93.default.createElement(import_react_aria_components10.Text, {
|
|
13537
|
+
slot: "errorMessage",
|
|
13538
|
+
className: tw("typography-caption text-danger-default max-w-[300px]")
|
|
13539
|
+
}, errorMessage)))));
|
|
13517
13540
|
};
|
|
13518
13541
|
var PickerTimeField2 = ({ granularity, part }) => {
|
|
13519
13542
|
var _a;
|
|
@@ -13529,10 +13552,11 @@ var PickerTimeField2 = ({ granularity, part }) => {
|
|
|
13529
13552
|
var DateRangePickerBase = createDateRangePickerBase("date");
|
|
13530
13553
|
var DateTimeRangePickerBase = createDateRangePickerBase("datetime");
|
|
13531
13554
|
var createDateRangePicker = (variant) => (props) => {
|
|
13555
|
+
var _a;
|
|
13532
13556
|
const { labelProps, fieldProps } = (0, import_label3.useLabel)({ label: props.labelText });
|
|
13533
13557
|
const errorMessageId = (0, import_utils26.useId)();
|
|
13534
|
-
const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
|
|
13535
|
-
const
|
|
13558
|
+
const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId, "errorMessage": (_a = props.helperText) != null ? _a : props.error } : {};
|
|
13559
|
+
const _b = getLabelControlProps(props), { "data-testid": dataTestId } = _b, labelControlProps = __objRest(_b, ["data-testid"]);
|
|
13536
13560
|
const baseProps = (0, import_omit10.default)(props, Object.keys(labelControlProps));
|
|
13537
13561
|
const allProps = __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, baseProps), fieldProps), errorProps), { disabled: props.disabled, valid: props.valid });
|
|
13538
13562
|
return /* @__PURE__ */ import_react93.default.createElement(LabelControl, __spreadProps(__spreadValues(__spreadValues({}, labelProps), labelControlProps), {
|
|
@@ -16800,11 +16824,9 @@ var ItemList = (_a) => {
|
|
|
16800
16824
|
sticky,
|
|
16801
16825
|
direction: (sortState == null ? void 0 : sortState.headerName) === column.headerName ? sortState.direction : "none",
|
|
16802
16826
|
onClick: () => {
|
|
16803
|
-
|
|
16804
|
-
|
|
16805
|
-
|
|
16806
|
-
return newState;
|
|
16807
|
-
});
|
|
16827
|
+
const newState = sortState && sortState.headerName === column.headerName ? sortState.direction === "ascending" ? { headerName: column.headerName, direction: "descending" } : void 0 : { headerName: column.headerName, direction: "ascending" };
|
|
16828
|
+
setSortState(newState);
|
|
16829
|
+
onSortChanged == null ? void 0 : onSortChanged(newState);
|
|
16808
16830
|
}
|
|
16809
16831
|
}, cellProps(column)), column.headerName);
|
|
16810
16832
|
}
|
package/dist/system.mjs
CHANGED
|
@@ -12988,7 +12988,8 @@ DataTable.Skeleton = DataListSkeleton;
|
|
|
12988
12988
|
import React83 from "react";
|
|
12989
12989
|
import {
|
|
12990
12990
|
DatePicker as AriaDatePicker,
|
|
12991
|
-
DatePickerStateContext
|
|
12991
|
+
DatePickerStateContext,
|
|
12992
|
+
Text
|
|
12992
12993
|
} from "react-aria-components";
|
|
12993
12994
|
import { useLabel as useLabel2 } from "@react-aria/label";
|
|
12994
12995
|
import { useId as useId10 } from "@react-aria/utils";
|
|
@@ -13218,7 +13219,19 @@ var Popover2 = (_a) => {
|
|
|
13218
13219
|
|
|
13219
13220
|
// src/molecules/DatePicker/DatePicker.tsx
|
|
13220
13221
|
var createDatePickerBase = (variant) => (_a) => {
|
|
13221
|
-
var _b = _a, {
|
|
13222
|
+
var _b = _a, {
|
|
13223
|
+
disabled,
|
|
13224
|
+
valid,
|
|
13225
|
+
granularity,
|
|
13226
|
+
shouldCloseOnSelect,
|
|
13227
|
+
errorMessage
|
|
13228
|
+
} = _b, props = __objRest(_b, [
|
|
13229
|
+
"disabled",
|
|
13230
|
+
"valid",
|
|
13231
|
+
"granularity",
|
|
13232
|
+
"shouldCloseOnSelect",
|
|
13233
|
+
"errorMessage"
|
|
13234
|
+
]);
|
|
13222
13235
|
var _a2, _b2;
|
|
13223
13236
|
const hasSomeValue = (_b2 = (_a2 = props.value) != null ? _a2 : props.defaultValue) != null ? _b2 : props.placeholderValue;
|
|
13224
13237
|
return /* @__PURE__ */ React83.createElement(AriaDatePicker, __spreadProps(__spreadValues({}, props), {
|
|
@@ -13233,12 +13246,15 @@ var createDatePickerBase = (variant) => (_a) => {
|
|
|
13233
13246
|
}), /* @__PURE__ */ React83.createElement(Button2, null, /* @__PURE__ */ React83.createElement(Icon, {
|
|
13234
13247
|
icon: import_calendar2.default
|
|
13235
13248
|
}))), /* @__PURE__ */ React83.createElement(Popover2, {
|
|
13236
|
-
offset:
|
|
13249
|
+
offset: 0
|
|
13237
13250
|
}, /* @__PURE__ */ React83.createElement(Dialog, null, /* @__PURE__ */ React83.createElement(Spacing, {
|
|
13238
|
-
gap: "
|
|
13251
|
+
gap: "3"
|
|
13239
13252
|
}, /* @__PURE__ */ React83.createElement(Calendar, null), variant === "datetime" && /* @__PURE__ */ React83.createElement(PickerTimeField, {
|
|
13240
13253
|
granularity
|
|
13241
|
-
})
|
|
13254
|
+
}), errorMessage && /* @__PURE__ */ React83.createElement(Text, {
|
|
13255
|
+
slot: "errorMessage",
|
|
13256
|
+
className: tw("typography-caption text-danger-default max-w-[300px]")
|
|
13257
|
+
}, errorMessage)))));
|
|
13242
13258
|
};
|
|
13243
13259
|
var DatePickerBase = createDatePickerBase("date");
|
|
13244
13260
|
var DateTimePickerBase = createDatePickerBase("datetime");
|
|
@@ -13253,10 +13269,11 @@ var PickerTimeField = ({ granularity }) => {
|
|
|
13253
13269
|
});
|
|
13254
13270
|
};
|
|
13255
13271
|
var createDatePicker = (variant) => (props) => {
|
|
13272
|
+
var _a;
|
|
13256
13273
|
const { labelProps, fieldProps } = useLabel2({ label: props.labelText });
|
|
13257
13274
|
const errorMessageId = useId10();
|
|
13258
|
-
const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
|
|
13259
|
-
const
|
|
13275
|
+
const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId, "errorMessage": (_a = props.helperText) != null ? _a : props.error } : {};
|
|
13276
|
+
const _b = getLabelControlProps(props), { "data-testid": dataTestId } = _b, labelControlProps = __objRest(_b, ["data-testid"]);
|
|
13260
13277
|
const baseProps = omit9(props, Object.keys(labelControlProps));
|
|
13261
13278
|
const allProps = __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, baseProps), fieldProps), errorProps), { disabled: props.disabled, valid: props.valid });
|
|
13262
13279
|
return /* @__PURE__ */ React83.createElement(LabelControl, __spreadProps(__spreadValues(__spreadValues({}, labelProps), labelControlProps), {
|
|
@@ -13271,7 +13288,8 @@ var DateTimePicker = createDatePicker("datetime");
|
|
|
13271
13288
|
import React85 from "react";
|
|
13272
13289
|
import {
|
|
13273
13290
|
DateRangePicker as AriaDateRangePicker,
|
|
13274
|
-
DateRangePickerStateContext
|
|
13291
|
+
DateRangePickerStateContext,
|
|
13292
|
+
Text as Text2
|
|
13275
13293
|
} from "react-aria-components";
|
|
13276
13294
|
import { useLabel as useLabel3 } from "@react-aria/label";
|
|
13277
13295
|
import { useId as useId11 } from "@react-aria/utils";
|
|
@@ -13337,12 +13355,14 @@ var createDateRangePickerBase = (variant) => (_a) => {
|
|
|
13337
13355
|
disabled,
|
|
13338
13356
|
valid,
|
|
13339
13357
|
granularity,
|
|
13340
|
-
shouldCloseOnSelect
|
|
13358
|
+
shouldCloseOnSelect,
|
|
13359
|
+
errorMessage
|
|
13341
13360
|
} = _b, props = __objRest(_b, [
|
|
13342
13361
|
"disabled",
|
|
13343
13362
|
"valid",
|
|
13344
13363
|
"granularity",
|
|
13345
|
-
"shouldCloseOnSelect"
|
|
13364
|
+
"shouldCloseOnSelect",
|
|
13365
|
+
"errorMessage"
|
|
13346
13366
|
]);
|
|
13347
13367
|
var _a2, _b2;
|
|
13348
13368
|
const hasSomeValue = (_b2 = (_a2 = props.value) != null ? _a2 : props.defaultValue) != null ? _b2 : props.placeholderValue;
|
|
@@ -13365,8 +13385,10 @@ var createDateRangePickerBase = (variant) => (_a) => {
|
|
|
13365
13385
|
className: tw("flex-1 px-2 py-1")
|
|
13366
13386
|
}), /* @__PURE__ */ React85.createElement(Button2, null, /* @__PURE__ */ React85.createElement(Icon, {
|
|
13367
13387
|
icon: import_calendar3.default
|
|
13368
|
-
}))), /* @__PURE__ */ React85.createElement(Popover2,
|
|
13369
|
-
|
|
13388
|
+
}))), /* @__PURE__ */ React85.createElement(Popover2, {
|
|
13389
|
+
offset: 0
|
|
13390
|
+
}, /* @__PURE__ */ React85.createElement(Dialog, null, /* @__PURE__ */ React85.createElement(Spacing, {
|
|
13391
|
+
gap: "3"
|
|
13370
13392
|
}, /* @__PURE__ */ React85.createElement(RangeCalendar, null), variant === "datetime" && /* @__PURE__ */ React85.createElement(Spacing, {
|
|
13371
13393
|
gap: "6",
|
|
13372
13394
|
row: true
|
|
@@ -13376,7 +13398,10 @@ var createDateRangePickerBase = (variant) => (_a) => {
|
|
|
13376
13398
|
}), /* @__PURE__ */ React85.createElement(PickerTimeField2, {
|
|
13377
13399
|
granularity,
|
|
13378
13400
|
part: "end"
|
|
13379
|
-
}))
|
|
13401
|
+
})), errorMessage && /* @__PURE__ */ React85.createElement(Text2, {
|
|
13402
|
+
slot: "errorMessage",
|
|
13403
|
+
className: tw("typography-caption text-danger-default max-w-[300px]")
|
|
13404
|
+
}, errorMessage)))));
|
|
13380
13405
|
};
|
|
13381
13406
|
var PickerTimeField2 = ({ granularity, part }) => {
|
|
13382
13407
|
var _a;
|
|
@@ -13392,10 +13417,11 @@ var PickerTimeField2 = ({ granularity, part }) => {
|
|
|
13392
13417
|
var DateRangePickerBase = createDateRangePickerBase("date");
|
|
13393
13418
|
var DateTimeRangePickerBase = createDateRangePickerBase("datetime");
|
|
13394
13419
|
var createDateRangePicker = (variant) => (props) => {
|
|
13420
|
+
var _a;
|
|
13395
13421
|
const { labelProps, fieldProps } = useLabel3({ label: props.labelText });
|
|
13396
13422
|
const errorMessageId = useId11();
|
|
13397
|
-
const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
|
|
13398
|
-
const
|
|
13423
|
+
const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId, "errorMessage": (_a = props.helperText) != null ? _a : props.error } : {};
|
|
13424
|
+
const _b = getLabelControlProps(props), { "data-testid": dataTestId } = _b, labelControlProps = __objRest(_b, ["data-testid"]);
|
|
13399
13425
|
const baseProps = omit10(props, Object.keys(labelControlProps));
|
|
13400
13426
|
const allProps = __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, baseProps), fieldProps), errorProps), { disabled: props.disabled, valid: props.valid });
|
|
13401
13427
|
return /* @__PURE__ */ React85.createElement(LabelControl, __spreadProps(__spreadValues(__spreadValues({}, labelProps), labelControlProps), {
|
|
@@ -16663,11 +16689,9 @@ var ItemList = (_a) => {
|
|
|
16663
16689
|
sticky,
|
|
16664
16690
|
direction: (sortState == null ? void 0 : sortState.headerName) === column.headerName ? sortState.direction : "none",
|
|
16665
16691
|
onClick: () => {
|
|
16666
|
-
|
|
16667
|
-
|
|
16668
|
-
|
|
16669
|
-
return newState;
|
|
16670
|
-
});
|
|
16692
|
+
const newState = sortState && sortState.headerName === column.headerName ? sortState.direction === "ascending" ? { headerName: column.headerName, direction: "descending" } : void 0 : { headerName: column.headerName, direction: "ascending" };
|
|
16693
|
+
setSortState(newState);
|
|
16694
|
+
onSortChanged == null ? void 0 : onSortChanged(newState);
|
|
16671
16695
|
}
|
|
16672
16696
|
}, cellProps(column)), column.headerName);
|
|
16673
16697
|
}
|