@arbor-education/design-system.components 0.8.1 → 0.10.0
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/.github/workflows/release.yml +1 -1
- package/CHANGELOG.md +22 -0
- package/dist/components/button/Button.d.ts.map +1 -1
- package/dist/components/button/Button.js +2 -2
- package/dist/components/button/Button.js.map +1 -1
- package/dist/components/combobox/Combobox.d.ts.map +1 -1
- package/dist/components/combobox/Combobox.js +10 -8
- package/dist/components/combobox/Combobox.js.map +1 -1
- package/dist/components/combobox/Combobox.stories.d.ts +1 -0
- package/dist/components/combobox/Combobox.stories.d.ts.map +1 -1
- package/dist/components/combobox/Combobox.stories.js +16 -0
- package/dist/components/combobox/Combobox.stories.js.map +1 -1
- package/dist/components/combobox/Combobox.test.js +107 -61
- package/dist/components/combobox/Combobox.test.js.map +1 -1
- package/dist/components/combobox/ComboboxButtonTrigger.d.ts +4 -2
- package/dist/components/combobox/ComboboxButtonTrigger.d.ts.map +1 -1
- package/dist/components/combobox/ComboboxButtonTrigger.js +11 -4
- package/dist/components/combobox/ComboboxButtonTrigger.js.map +1 -1
- package/dist/components/combobox/ComboboxTrigger.d.ts +3 -1
- package/dist/components/combobox/ComboboxTrigger.d.ts.map +1 -1
- package/dist/components/combobox/ComboboxTrigger.js +10 -2
- package/dist/components/combobox/ComboboxTrigger.js.map +1 -1
- package/dist/components/combobox/types.d.ts +3 -0
- package/dist/components/combobox/types.d.ts.map +1 -1
- package/dist/components/combobox/useComboboxPopoverBehavior.d.ts +3 -1
- package/dist/components/combobox/useComboboxPopoverBehavior.d.ts.map +1 -1
- package/dist/components/combobox/useComboboxPopoverBehavior.js +7 -6
- package/dist/components/combobox/useComboboxPopoverBehavior.js.map +1 -1
- package/dist/components/combobox/useComboboxState.d.ts.map +1 -1
- package/dist/components/combobox/useComboboxState.js +4 -1
- package/dist/components/combobox/useComboboxState.js.map +1 -1
- package/dist/components/datePicker/DatePicker.d.ts +4 -1
- package/dist/components/datePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/datePicker/DatePicker.js +77 -37
- package/dist/components/datePicker/DatePicker.js.map +1 -1
- package/dist/components/datePicker/DatePicker.stories.d.ts +28 -3
- package/dist/components/datePicker/DatePicker.stories.d.ts.map +1 -1
- package/dist/components/datePicker/DatePicker.stories.js +62 -9
- package/dist/components/datePicker/DatePicker.stories.js.map +1 -1
- package/dist/components/datePicker/DatePicker.test.js +133 -66
- package/dist/components/datePicker/DatePicker.test.js.map +1 -1
- package/dist/components/datePicker/DatePickerCalendarHeader.d.ts +8 -0
- package/dist/components/datePicker/DatePickerCalendarHeader.d.ts.map +1 -0
- package/dist/components/datePicker/DatePickerCalendarHeader.js +36 -0
- package/dist/components/datePicker/DatePickerCalendarHeader.js.map +1 -0
- package/dist/components/datePicker/dateInputUtils.d.ts +25 -0
- package/dist/components/datePicker/dateInputUtils.d.ts.map +1 -0
- package/dist/components/datePicker/dateInputUtils.js +60 -0
- package/dist/components/datePicker/dateInputUtils.js.map +1 -0
- package/dist/components/datePicker/datePickerTestUtils.test-helpers.d.ts +2 -0
- package/dist/components/datePicker/datePickerTestUtils.test-helpers.d.ts.map +1 -0
- package/dist/components/datePicker/datePickerTestUtils.test-helpers.js +4 -0
- package/dist/components/datePicker/datePickerTestUtils.test-helpers.js.map +1 -0
- package/dist/components/dateTimePicker/DateTimePicker.d.ts +22 -0
- package/dist/components/dateTimePicker/DateTimePicker.d.ts.map +1 -0
- package/dist/components/dateTimePicker/DateTimePicker.js +132 -0
- package/dist/components/dateTimePicker/DateTimePicker.js.map +1 -0
- package/dist/components/dateTimePicker/DateTimePicker.stories.d.ts +77 -0
- package/dist/components/dateTimePicker/DateTimePicker.stories.d.ts.map +1 -0
- package/dist/components/dateTimePicker/DateTimePicker.stories.js +163 -0
- package/dist/components/dateTimePicker/DateTimePicker.stories.js.map +1 -0
- package/dist/components/dateTimePicker/DateTimePicker.test.d.ts +2 -0
- package/dist/components/dateTimePicker/DateTimePicker.test.d.ts.map +1 -0
- package/dist/components/dateTimePicker/DateTimePicker.test.js +235 -0
- package/dist/components/dateTimePicker/DateTimePicker.test.js.map +1 -0
- package/dist/components/formField/FormField.d.ts +4 -0
- package/dist/components/formField/FormField.d.ts.map +1 -1
- package/dist/components/formField/FormField.js +2 -1
- package/dist/components/formField/FormField.js.map +1 -1
- package/dist/components/formField/FormField.stories.d.ts.map +1 -1
- package/dist/components/formField/FormField.stories.js +4 -1
- package/dist/components/formField/FormField.stories.js.map +1 -1
- package/dist/components/formField/FormField.test.d.ts.map +1 -1
- package/dist/components/formField/FormField.test.js +10 -5
- package/dist/components/formField/FormField.test.js.map +1 -1
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.d.ts +1 -0
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.d.ts.map +1 -1
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.js +7 -3
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.js.map +1 -1
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.test.js +12 -0
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.test.js.map +1 -1
- package/dist/components/formField/inputs/text/TextInput.d.ts +4 -1
- package/dist/components/formField/inputs/text/TextInput.d.ts.map +1 -1
- package/dist/components/formField/inputs/text/TextInput.js +5 -4
- package/dist/components/formField/inputs/text/TextInput.js.map +1 -1
- package/dist/components/formField/inputs/text/TextInput.stories.d.ts +4 -1
- package/dist/components/formField/inputs/text/TextInput.stories.d.ts.map +1 -1
- package/dist/components/formField/inputs/time/TimeInput.d.ts +29 -0
- package/dist/components/formField/inputs/time/TimeInput.d.ts.map +1 -0
- package/dist/components/formField/inputs/time/TimeInput.js +67 -0
- package/dist/components/formField/inputs/time/TimeInput.js.map +1 -0
- package/dist/components/formField/inputs/time/TimeInput.stories.d.ts +60 -0
- package/dist/components/formField/inputs/time/TimeInput.stories.d.ts.map +1 -0
- package/dist/components/formField/inputs/time/TimeInput.stories.js +132 -0
- package/dist/components/formField/inputs/time/TimeInput.stories.js.map +1 -0
- package/dist/components/formField/inputs/time/TimeInput.test.d.ts +2 -0
- package/dist/components/formField/inputs/time/TimeInput.test.d.ts.map +1 -0
- package/dist/components/formField/inputs/time/TimeInput.test.js +58 -0
- package/dist/components/formField/inputs/time/TimeInput.test.js.map +1 -0
- package/dist/components/table/Table.d.ts.map +1 -1
- package/dist/components/table/Table.js +2 -0
- package/dist/components/table/Table.js.map +1 -1
- package/dist/components/table/Table.stories.d.ts +1 -0
- package/dist/components/table/Table.stories.d.ts.map +1 -1
- package/dist/components/table/Table.stories.js +37 -0
- package/dist/components/table/Table.stories.js.map +1 -1
- package/dist/components/table/cellRenderers/BooleanCellRenderer.d.ts +3 -0
- package/dist/components/table/cellRenderers/BooleanCellRenderer.d.ts.map +1 -0
- package/dist/components/table/cellRenderers/BooleanCellRenderer.js +15 -0
- package/dist/components/table/cellRenderers/BooleanCellRenderer.js.map +1 -0
- package/dist/components/table/cellRenderers/BooleanCellRenderer.test.d.ts +2 -0
- package/dist/components/table/cellRenderers/BooleanCellRenderer.test.d.ts.map +1 -0
- package/dist/components/table/cellRenderers/BooleanCellRenderer.test.js +31 -0
- package/dist/components/table/cellRenderers/BooleanCellRenderer.test.js.map +1 -0
- package/dist/index.css +309 -4
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +5 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/button/Button.tsx +2 -1
- package/src/components/combobox/Combobox.stories.tsx +18 -0
- package/src/components/combobox/Combobox.test.tsx +131 -61
- package/src/components/combobox/Combobox.tsx +15 -6
- package/src/components/combobox/ComboboxButtonTrigger.tsx +54 -25
- package/src/components/combobox/ComboboxTrigger.tsx +39 -15
- package/src/components/combobox/combobox.scss +18 -0
- package/src/components/combobox/types.ts +3 -0
- package/src/components/combobox/useComboboxPopoverBehavior.ts +10 -5
- package/src/components/combobox/useComboboxState.ts +4 -1
- package/src/components/datePicker/DatePicker.stories.tsx +67 -9
- package/src/components/datePicker/DatePicker.test.tsx +157 -72
- package/src/components/datePicker/DatePicker.tsx +163 -69
- package/src/components/datePicker/DatePickerCalendarHeader.tsx +82 -0
- package/src/components/datePicker/date-field-hint.scss +152 -0
- package/src/components/datePicker/dateInputUtils.ts +117 -0
- package/src/components/datePicker/datePicker.scss +53 -29
- package/src/components/datePicker/datePickerTestUtils.test-helpers.ts +6 -0
- package/src/components/dateTimePicker/DateTimePicker.stories.tsx +202 -0
- package/src/components/dateTimePicker/DateTimePicker.test.tsx +295 -0
- package/src/components/dateTimePicker/DateTimePicker.tsx +293 -0
- package/src/components/dateTimePicker/dateTimePicker.scss +17 -0
- package/src/components/formField/FormField.stories.tsx +10 -1
- package/src/components/formField/FormField.test.tsx +11 -5
- package/src/components/formField/FormField.tsx +5 -0
- package/src/components/formField/inputs/selectDropdown/SelectDropdown.test.tsx +28 -0
- package/src/components/formField/inputs/selectDropdown/SelectDropdown.tsx +8 -2
- package/src/components/formField/inputs/text/TextInput.tsx +6 -3
- package/src/components/formField/inputs/time/TimeInput.stories.tsx +170 -0
- package/src/components/formField/inputs/time/TimeInput.test.tsx +86 -0
- package/src/components/formField/inputs/time/TimeInput.tsx +168 -0
- package/src/components/formField/inputs/time/timeInput.scss +33 -0
- package/src/components/row/row.scss +2 -2
- package/src/components/table/Table.stories.tsx +48 -0
- package/src/components/table/Table.tsx +2 -0
- package/src/components/table/cellRenderers/BooleanCellRenderer.test.tsx +37 -0
- package/src/components/table/cellRenderers/BooleanCellRenderer.tsx +34 -0
- package/src/components/table/cellRenderers/booleanCellRenderer.scss +7 -0
- package/src/index.scss +3 -0
- package/src/index.ts +5 -0
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import type { StoryObj } from '@storybook/react-vite';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
component:
|
|
4
|
+
component: import("react").ForwardRefExoticComponent<{
|
|
5
|
+
size?: "M" | "S";
|
|
6
|
+
hasError?: boolean;
|
|
7
|
+
} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
5
8
|
parameters: {
|
|
6
9
|
layout: string;
|
|
7
10
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/text/TextInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D,QAAA,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"TextInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/text/TextInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import type { ComboboxSearchType } from '../../../combobox/types';
|
|
2
|
+
import { type InputHTMLAttributes } from 'react';
|
|
3
|
+
/** Expected string `HH:MM` or `HH:MM:SS`; format-shaped versus strict time validation. */
|
|
4
|
+
export type TimeValue = `${string}:${string}` | `${string}:${string}:${string}`;
|
|
5
|
+
export type TimeGranularity = 'minute' | 'second';
|
|
6
|
+
export type TimeInputProps = {
|
|
7
|
+
options?: TimeValue[];
|
|
8
|
+
granularity?: TimeGranularity;
|
|
9
|
+
hasError?: boolean;
|
|
10
|
+
onValueChange?: (value: string) => void;
|
|
11
|
+
searchType?: ComboboxSearchType;
|
|
12
|
+
highlightStringMatches?: boolean;
|
|
13
|
+
} & Omit<InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'size' | 'type' | 'value'> & {
|
|
14
|
+
value?: TimeValue | '';
|
|
15
|
+
defaultValue?: TimeValue | '';
|
|
16
|
+
};
|
|
17
|
+
/** The forwarded ref is attached in native mode but when `options` is provided, no input ref is exposed. */
|
|
18
|
+
export declare const TimeInput: import("react").ForwardRefExoticComponent<{
|
|
19
|
+
options?: TimeValue[];
|
|
20
|
+
granularity?: TimeGranularity;
|
|
21
|
+
hasError?: boolean;
|
|
22
|
+
onValueChange?: (value: string) => void;
|
|
23
|
+
searchType?: ComboboxSearchType;
|
|
24
|
+
highlightStringMatches?: boolean;
|
|
25
|
+
} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "type" | "value"> & {
|
|
26
|
+
value?: TimeValue | "";
|
|
27
|
+
defaultValue?: TimeValue | "";
|
|
28
|
+
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
29
|
+
//# sourceMappingURL=TimeInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/time/TimeInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAkB,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEpF,OAAO,EAAwE,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEvH,0FAA0F;AAC1F,MAAM,MAAM,SAAS,GAAG,GAAG,MAAM,IAAI,MAAM,EAAE,GAAG,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,EAAE,CAAC;AAChF,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAElD,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,GAAG;IAC5F,KAAK,CAAC,EAAE,SAAS,GAAG,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,GAAG,EAAE,CAAC;CAC/B,CAAC;AAIF,4GAA4G;AAC5G,eAAO,MAAM,SAAS;cAdV,SAAS,EAAE;kBACP,eAAe;eAClB,OAAO;oBACF,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;iBAC1B,kBAAkB;6BACN,OAAO;;YAExB,SAAS,GAAG,EAAE;mBACP,SAAS,GAAG,EAAE;oDAkJ7B,CAAC"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { Combobox } from '../../../combobox/Combobox';
|
|
4
|
+
import { Icon } from '../../../icon/Icon';
|
|
5
|
+
import { forwardRef, useCallback, useMemo, useRef, useState } from 'react';
|
|
6
|
+
const clockIcon = _jsx(Icon, { name: "clock-3", size: 16 });
|
|
7
|
+
/** The forwarded ref is attached in native mode but when `options` is provided, no input ref is exposed. */
|
|
8
|
+
export const TimeInput = forwardRef((props, ref) => {
|
|
9
|
+
const { options, granularity = 'minute', hasError = false, onValueChange, searchType = 'prefix', highlightStringMatches = false, onChange, className, disabled = false, id, name, placeholder, value: controlledValue, defaultValue = '', 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, ...rest } = props;
|
|
10
|
+
const isControlled = controlledValue !== undefined;
|
|
11
|
+
const [internalValue, setInternalValue] = useState(defaultValue);
|
|
12
|
+
const currentValue = isControlled ? controlledValue ?? '' : internalValue;
|
|
13
|
+
const inputRef = useRef(null);
|
|
14
|
+
const setRefs = useCallback((node) => {
|
|
15
|
+
inputRef.current = node;
|
|
16
|
+
if (typeof ref === 'function') {
|
|
17
|
+
ref(node);
|
|
18
|
+
}
|
|
19
|
+
else if (ref) {
|
|
20
|
+
ref.current = node;
|
|
21
|
+
}
|
|
22
|
+
}, [ref]);
|
|
23
|
+
const updateValue = useCallback((nextValue, nativeEvent) => {
|
|
24
|
+
if (!isControlled) {
|
|
25
|
+
setInternalValue(nextValue);
|
|
26
|
+
}
|
|
27
|
+
onValueChange?.(nextValue);
|
|
28
|
+
if (nativeEvent) {
|
|
29
|
+
onChange?.(nativeEvent);
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
// Combobox-driven updates only provide compatibility with common form handlers.
|
|
33
|
+
onChange?.({
|
|
34
|
+
currentTarget: { value: nextValue },
|
|
35
|
+
target: { value: nextValue },
|
|
36
|
+
});
|
|
37
|
+
}, [isControlled, onChange, onValueChange]);
|
|
38
|
+
const handleNativeChange = useCallback((event) => {
|
|
39
|
+
updateValue(event.currentTarget.value, event);
|
|
40
|
+
}, [updateValue]);
|
|
41
|
+
const focusAndSelectHours = useCallback(() => {
|
|
42
|
+
const input = inputRef.current;
|
|
43
|
+
if (!input)
|
|
44
|
+
return;
|
|
45
|
+
input.focus();
|
|
46
|
+
try {
|
|
47
|
+
input.setSelectionRange(0, 2);
|
|
48
|
+
}
|
|
49
|
+
catch {
|
|
50
|
+
// Some browsers do not expose selection APIs on time inputs.
|
|
51
|
+
}
|
|
52
|
+
}, []);
|
|
53
|
+
const timeOptions = useMemo(() => (options ?? []).map(time => ({ value: time, label: time })), [options]);
|
|
54
|
+
const selectedTimeValue = options?.includes(currentValue) ? [currentValue] : [];
|
|
55
|
+
const handleTimeListChange = useCallback((values) => {
|
|
56
|
+
const nextValue = values[0] ?? '';
|
|
57
|
+
updateValue(nextValue);
|
|
58
|
+
}, [updateValue]);
|
|
59
|
+
if (options) {
|
|
60
|
+
return (_jsxs("div", { className: classNames('ds-time-input', className), children: [name && _jsx("input", { type: "hidden", name: name, value: selectedTimeValue[0] ?? '' }), _jsx(Combobox, { id: id, options: timeOptions, value: selectedTimeValue, onValueChange: handleTimeListChange, searchType: searchType, highlightStringMatches: highlightStringMatches, placeholder: placeholder ?? 'Select time', disabled: disabled, hasError: hasError, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, triggerVariant: "button", selectedValueDisplay: "text", showDropdownTrigger: false, triggerEndContent: clockIcon })] }));
|
|
61
|
+
}
|
|
62
|
+
return (_jsxs("div", { className: classNames('ds-time-input', className), children: [_jsx("input", { ...rest, ref: setRefs, id: id, name: name, type: "time", value: currentValue, step: granularity === 'second' ? 1 : 60, disabled: disabled, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, placeholder: placeholder, className: classNames('ds-input', 'ds-input--M', 'ds-time-input__input', {
|
|
63
|
+
'ds-input--error': hasError,
|
|
64
|
+
}), onChange: handleNativeChange }), _jsx("button", { type: "button", className: "ds-time-input__icon-button", onClick: focusAndSelectHours, "aria-label": "Select time", disabled: disabled, children: clockIcon })] }));
|
|
65
|
+
});
|
|
66
|
+
TimeInput.displayName = 'TimeInput';
|
|
67
|
+
//# sourceMappingURL=TimeInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeInput.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/time/TimeInput.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAA8C,MAAM,OAAO,CAAC;AAkBvH,MAAM,SAAS,GAAG,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,GAAI,CAAC;AAEpD,4GAA4G;AAC5G,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACnF,MAAM,EACJ,OAAO,EACP,WAAW,GAAG,QAAQ,EACtB,QAAQ,GAAG,KAAK,EAChB,aAAa,EACb,UAAU,GAAG,QAAQ,EACrB,sBAAsB,GAAG,KAAK,EAC9B,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,EAAE,EACF,IAAI,EACJ,WAAW,EACX,KAAK,EAAE,eAAe,EACtB,YAAY,GAAG,EAAE,EACjB,kBAAkB,EAAE,eAAe,EACnC,cAAc,EAAE,WAAW,EAC3B,YAAY,EAAE,SAAS,EACvB,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,YAAY,GAAG,eAAe,KAAK,SAAS,CAAC;IACnD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAS,YAAY,CAAC,CAAC;IACzE,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC;IAC1E,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,IAA6B,EAAE,EAAE;QAC5D,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;QACxB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;YAC9B,GAAG,CAAC,IAAI,CAAC,CAAC;QACZ,CAAC;aACI,IAAI,GAAG,EAAE,CAAC;YACb,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,SAAiB,EAAE,WAA2C,EAAE,EAAE;QACjG,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAC9B,CAAC;QACD,aAAa,EAAE,CAAC,SAAS,CAAC,CAAC;QAC3B,IAAI,WAAW,EAAE,CAAC;YAChB,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;YACxB,OAAO;QACT,CAAC;QACD,gFAAgF;QAChF,QAAQ,EAAE,CAAC;YACT,aAAa,EAAE,EAAE,KAAK,EAAE,SAAS,EAAoC;YACrE,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,EAAoC;SAC9B,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;IAE5C,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,KAAoC,EAAE,EAAE;QAC9E,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,KAAK;YAAE,OAAO;QAEnB,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,IAAI,CAAC;YACH,KAAK,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAChC,CAAC;QACD,MAAM,CAAC;YACL,6DAA6D;QAC/D,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,EACjE,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,iBAAiB,GAAG,OAAO,EAAE,QAAQ,CAAC,YAAyB,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE7F,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,MAAgB,EAAE,EAAE;QAC5D,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QAClC,WAAW,CAAC,SAAS,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,aACnD,IAAI,IAAI,gBAAO,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,IAAI,EAAE,GAAI,EAC/E,KAAC,QAAQ,IACP,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,iBAAiB,EACxB,aAAa,EAAE,oBAAoB,EACnC,UAAU,EAAE,UAAU,EACtB,sBAAsB,EAAE,sBAAsB,EAC9C,WAAW,EAAE,WAAW,IAAI,aAAa,EACzC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,sBACA,eAAe,kBACnB,WAAW,gBACb,SAAS,EACrB,cAAc,EAAC,QAAQ,EACvB,oBAAoB,EAAC,MAAM,EAC3B,mBAAmB,EAAE,KAAK,EAC1B,iBAAiB,EAAE,SAAS,GAC5B,IACE,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,aACpD,mBACM,IAAI,EACR,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EACvC,QAAQ,EAAE,QAAQ,sBACA,eAAe,kBACnB,WAAW,gBACb,SAAS,EACrB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,aAAa,EAAE,sBAAsB,EAAE;oBACvE,iBAAiB,EAAE,QAAQ;iBAC5B,CAAC,EACF,QAAQ,EAAE,kBAAkB,GAC5B,EACF,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAE,mBAAmB,gBACjB,aAAa,EACxB,QAAQ,EAAE,QAAQ,YAEjB,SAAS,GACH,IACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { type TimeValue } from './TimeInput';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").ForwardRefExoticComponent<{
|
|
6
|
+
options?: TimeValue[];
|
|
7
|
+
granularity?: import("./TimeInput").TimeGranularity;
|
|
8
|
+
hasError?: boolean;
|
|
9
|
+
onValueChange?: (value: string) => void;
|
|
10
|
+
searchType?: import("../../../..").ComboboxSearchType;
|
|
11
|
+
highlightStringMatches?: boolean;
|
|
12
|
+
} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "type" | "value"> & {
|
|
13
|
+
value?: TimeValue | "";
|
|
14
|
+
defaultValue?: TimeValue | "";
|
|
15
|
+
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
16
|
+
parameters: {
|
|
17
|
+
layout: string;
|
|
18
|
+
docs: {
|
|
19
|
+
description: {
|
|
20
|
+
component: string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
tags: string[];
|
|
25
|
+
args: {
|
|
26
|
+
onValueChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
|
|
27
|
+
};
|
|
28
|
+
argTypes: {
|
|
29
|
+
granularity: {
|
|
30
|
+
control: "inline-radio";
|
|
31
|
+
options: string[];
|
|
32
|
+
description: string;
|
|
33
|
+
};
|
|
34
|
+
options: {
|
|
35
|
+
control: "object";
|
|
36
|
+
description: string;
|
|
37
|
+
};
|
|
38
|
+
value: {
|
|
39
|
+
control: "text";
|
|
40
|
+
description: string;
|
|
41
|
+
};
|
|
42
|
+
defaultValue: {
|
|
43
|
+
control: "text";
|
|
44
|
+
description: string;
|
|
45
|
+
};
|
|
46
|
+
onValueChange: {
|
|
47
|
+
action: string;
|
|
48
|
+
description: string;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
export default meta;
|
|
53
|
+
type Story = StoryObj<typeof meta>;
|
|
54
|
+
export declare const NativeMinute: Story;
|
|
55
|
+
export declare const NativeSecond: Story;
|
|
56
|
+
export declare const NativeWithBounds: Story;
|
|
57
|
+
export declare const TimeList: Story;
|
|
58
|
+
export declare const TimeListHighlightedMatches: Story;
|
|
59
|
+
export declare const UncontrolledNative: Story;
|
|
60
|
+
//# sourceMappingURL=TimeInput.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/time/TimeInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAI7E,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAmEnC,eAAO,MAAM,YAAY,EAAE,KAMyI,CAAC;AAErK,eAAO,MAAM,YAAY,EAAE,KAM6F,CAAC;AAEzH,eAAO,MAAM,gBAAgB,EAAE,KAQqJ,CAAC;AAErL,eAAO,MAAM,QAAQ,EAAE,KAO+H,CAAC;AAEvJ,eAAO,MAAM,0BAA0B,EAAE,KASwI,CAAC;AAElL,eAAO,MAAM,kBAAkB,EAAE,KAKkH,CAAC"}
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Button } from '../../../button/Button';
|
|
3
|
+
import { useEffect, useState } from 'react';
|
|
4
|
+
import { fn } from 'storybook/test';
|
|
5
|
+
import { TimeInput } from './TimeInput';
|
|
6
|
+
const timeOptions = ['09:00', '09:30', '10:00', '10:30', '11:00'];
|
|
7
|
+
const meta = {
|
|
8
|
+
title: 'Components/FormField/Inputs/TimeInput',
|
|
9
|
+
component: TimeInput,
|
|
10
|
+
parameters: {
|
|
11
|
+
layout: 'centered',
|
|
12
|
+
docs: {
|
|
13
|
+
description: {
|
|
14
|
+
component: '`TimeInput` supports both native time entry and a combobox-backed time list. When you pass `value`, treat it as a controlled component and update it in `onValueChange`; use `defaultValue` for uncontrolled usage.',
|
|
15
|
+
},
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
tags: ['autodocs'],
|
|
19
|
+
args: {
|
|
20
|
+
onValueChange: fn(),
|
|
21
|
+
},
|
|
22
|
+
argTypes: {
|
|
23
|
+
granularity: {
|
|
24
|
+
control: 'inline-radio',
|
|
25
|
+
options: ['minute', 'second'],
|
|
26
|
+
description: 'Controls whether the native time input works in minute or second increments.',
|
|
27
|
+
},
|
|
28
|
+
options: {
|
|
29
|
+
control: 'object',
|
|
30
|
+
description: 'When provided, `TimeInput` switches from native `input[type="time"]` to the combobox-backed time list mode.',
|
|
31
|
+
},
|
|
32
|
+
value: {
|
|
33
|
+
control: 'text',
|
|
34
|
+
description: 'Controlled value. If you provide this, update it from `onValueChange` in your app or story state.',
|
|
35
|
+
},
|
|
36
|
+
defaultValue: {
|
|
37
|
+
control: 'text',
|
|
38
|
+
description: 'Uncontrolled initial value. Use this when you want the component to manage its own state.',
|
|
39
|
+
},
|
|
40
|
+
onValueChange: {
|
|
41
|
+
action: 'value changed',
|
|
42
|
+
description: 'Called with the next string value (`HH:MM` or `HH:MM:SS`).',
|
|
43
|
+
},
|
|
44
|
+
},
|
|
45
|
+
};
|
|
46
|
+
export default meta;
|
|
47
|
+
const withDescription = (story, description) => ({
|
|
48
|
+
...story,
|
|
49
|
+
parameters: {
|
|
50
|
+
...story.parameters,
|
|
51
|
+
docs: {
|
|
52
|
+
...story.parameters?.docs,
|
|
53
|
+
description: {
|
|
54
|
+
story: description,
|
|
55
|
+
},
|
|
56
|
+
},
|
|
57
|
+
},
|
|
58
|
+
});
|
|
59
|
+
const ControlledTimeInput = (args) => {
|
|
60
|
+
const [value, setValue] = useState(args.value ?? args.defaultValue ?? '');
|
|
61
|
+
useEffect(() => {
|
|
62
|
+
setValue(args.value ?? args.defaultValue ?? '');
|
|
63
|
+
}, [args.defaultValue, args.value]);
|
|
64
|
+
return (_jsx(TimeInput, { ...args, value: value, onValueChange: (nextValue) => {
|
|
65
|
+
setValue(nextValue);
|
|
66
|
+
args.onValueChange?.(nextValue);
|
|
67
|
+
} }));
|
|
68
|
+
};
|
|
69
|
+
const NativeValidationDemo = (args) => {
|
|
70
|
+
const [value, setValue] = useState(args.value ?? '');
|
|
71
|
+
useEffect(() => {
|
|
72
|
+
setValue(args.value ?? '');
|
|
73
|
+
}, [args.value]);
|
|
74
|
+
return (_jsxs("form", { style: { display: 'grid', gap: 12, width: 280 }, onSubmit: (event) => {
|
|
75
|
+
event.preventDefault();
|
|
76
|
+
const form = event.currentTarget;
|
|
77
|
+
if (!form.reportValidity()) {
|
|
78
|
+
return;
|
|
79
|
+
}
|
|
80
|
+
}, children: [_jsx(TimeInput, { ...args, value: value, onValueChange: (nextValue) => {
|
|
81
|
+
setValue(nextValue);
|
|
82
|
+
args.onValueChange?.(nextValue);
|
|
83
|
+
} }), _jsx(Button, { variant: "primary", size: "M", type: "submit", children: "Submit" })] }));
|
|
84
|
+
};
|
|
85
|
+
export const NativeMinute = withDescription({
|
|
86
|
+
args: {
|
|
87
|
+
value: '14:30',
|
|
88
|
+
granularity: 'minute',
|
|
89
|
+
},
|
|
90
|
+
render: args => _jsx(ControlledTimeInput, { ...args }),
|
|
91
|
+
}, 'Controlled native time input in minute mode. This story keeps local state on purpose to demonstrate the correct `value` + `onValueChange` integration pattern.');
|
|
92
|
+
export const NativeSecond = withDescription({
|
|
93
|
+
args: {
|
|
94
|
+
value: '14:30:15',
|
|
95
|
+
granularity: 'second',
|
|
96
|
+
},
|
|
97
|
+
render: args => _jsx(ControlledTimeInput, { ...args }),
|
|
98
|
+
}, 'Controlled native time input in second mode, showing the same parent-managed state pattern with `HH:MM:SS` values.');
|
|
99
|
+
export const NativeWithBounds = withDescription({
|
|
100
|
+
args: {
|
|
101
|
+
value: '08:30',
|
|
102
|
+
granularity: 'minute',
|
|
103
|
+
min: '09:00',
|
|
104
|
+
max: '17:30',
|
|
105
|
+
},
|
|
106
|
+
render: args => _jsx(NativeValidationDemo, { ...args }),
|
|
107
|
+
}, 'Demonstrates the browser-native min/max validation flow. Enter a time outside the allowed range and submit the form to let the browser show its own native validation message.');
|
|
108
|
+
export const TimeList = withDescription({
|
|
109
|
+
args: {
|
|
110
|
+
options: [...timeOptions],
|
|
111
|
+
value: '10:00',
|
|
112
|
+
placeholder: 'Select time',
|
|
113
|
+
},
|
|
114
|
+
render: args => _jsx(ControlledTimeInput, { ...args }),
|
|
115
|
+
}, 'Controlled time-list mode using the combobox-backed variant. Selecting a time updates the local story state the same way an app component would.');
|
|
116
|
+
export const TimeListHighlightedMatches = withDescription({
|
|
117
|
+
args: {
|
|
118
|
+
options: [...timeOptions],
|
|
119
|
+
value: '',
|
|
120
|
+
placeholder: 'Search times',
|
|
121
|
+
searchType: 'substring',
|
|
122
|
+
highlightStringMatches: true,
|
|
123
|
+
},
|
|
124
|
+
render: args => _jsx(ControlledTimeInput, { ...args }),
|
|
125
|
+
}, 'Combobox-backed time-list mode with substring matching and highlighted text so consumers can review how search behaves when users type partial time fragments such as `30`.');
|
|
126
|
+
export const UncontrolledNative = withDescription({
|
|
127
|
+
args: {
|
|
128
|
+
defaultValue: '09:30',
|
|
129
|
+
granularity: 'minute',
|
|
130
|
+
},
|
|
131
|
+
}, 'Uncontrolled native usage using `defaultValue`. This is useful when the parent does not need to drive the current value after initial render.');
|
|
132
|
+
//# sourceMappingURL=TimeInput.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeInput.stories.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/time/TimeInput.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeInput.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/time/TimeInput.test.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import '@testing-library/jest-dom/vitest';
|
|
3
|
+
import { fireEvent, render, screen } from '@testing-library/react';
|
|
4
|
+
import userEvent from '@testing-library/user-event';
|
|
5
|
+
import { afterEach, beforeEach, describe, expect, test, vi } from 'vitest';
|
|
6
|
+
import { TimeInput } from './TimeInput';
|
|
7
|
+
describe('TimeInput', () => {
|
|
8
|
+
beforeEach(() => {
|
|
9
|
+
globalThis.ResizeObserver = class {
|
|
10
|
+
observe() { }
|
|
11
|
+
unobserve() { }
|
|
12
|
+
disconnect() { }
|
|
13
|
+
};
|
|
14
|
+
});
|
|
15
|
+
afterEach(() => {
|
|
16
|
+
vi.restoreAllMocks();
|
|
17
|
+
});
|
|
18
|
+
test('renders a native time input by default', () => {
|
|
19
|
+
render(_jsx(TimeInput, { "aria-label": "Start time" }));
|
|
20
|
+
const input = screen.getByLabelText('Start time');
|
|
21
|
+
expect(input).toHaveAttribute('type', 'time');
|
|
22
|
+
expect(input).toHaveAttribute('step', '60');
|
|
23
|
+
});
|
|
24
|
+
test('uses one-second stepping when granularity is second', () => {
|
|
25
|
+
render(_jsx(TimeInput, { "aria-label": "Start time", granularity: "second" }));
|
|
26
|
+
expect(screen.getByLabelText('Start time')).toHaveAttribute('step', '1');
|
|
27
|
+
});
|
|
28
|
+
test('native mode emits the string value when changed', () => {
|
|
29
|
+
const onValueChange = vi.fn();
|
|
30
|
+
render(_jsx(TimeInput, { "aria-label": "Start time", onValueChange: onValueChange }));
|
|
31
|
+
fireEvent.change(screen.getByLabelText('Start time'), {
|
|
32
|
+
target: { value: '14:30' },
|
|
33
|
+
});
|
|
34
|
+
expect(onValueChange).toHaveBeenCalledWith('14:30');
|
|
35
|
+
});
|
|
36
|
+
test('clicking the clock icon focuses the input and selects the hour segment when supported', async () => {
|
|
37
|
+
const user = userEvent.setup();
|
|
38
|
+
const setSelectionRange = vi.spyOn(HTMLInputElement.prototype, 'setSelectionRange').mockImplementation(() => { });
|
|
39
|
+
render(_jsx(TimeInput, { "aria-label": "Start time" }));
|
|
40
|
+
await user.click(screen.getByRole('button', { name: 'Select time' }));
|
|
41
|
+
expect(screen.getByLabelText('Start time')).toHaveFocus();
|
|
42
|
+
expect(setSelectionRange).toHaveBeenCalledWith(0, 2);
|
|
43
|
+
});
|
|
44
|
+
test('options mode renders the combobox-backed time list with plain text selection', () => {
|
|
45
|
+
render(_jsx(TimeInput, { "aria-label": "Start time", options: ['13:00', '13:30', '14:00'], value: "13:30" }));
|
|
46
|
+
expect(screen.getByRole('button', { name: 'Start time' })).toHaveTextContent('13:30');
|
|
47
|
+
expect(document.querySelector('.ds-tag')).not.toBeInTheDocument();
|
|
48
|
+
});
|
|
49
|
+
test('options mode emits the selected allowed time', async () => {
|
|
50
|
+
const user = userEvent.setup();
|
|
51
|
+
const onValueChange = vi.fn();
|
|
52
|
+
render(_jsx(TimeInput, { "aria-label": "Start time", options: ['13:00', '13:30', '14:00'], onValueChange: onValueChange }));
|
|
53
|
+
await user.click(screen.getByRole('button', { name: 'Start time' }));
|
|
54
|
+
await user.click(screen.getByText('13:30'));
|
|
55
|
+
expect(onValueChange).toHaveBeenCalledWith('13:30');
|
|
56
|
+
});
|
|
57
|
+
});
|
|
58
|
+
//# sourceMappingURL=TimeInput.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeInput.test.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/time/TimeInput.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGnE,OAAO,EAAmC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUxE,OAAO,EAAoB,KAAK,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGnE,OAAO,EAAmC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUxE,OAAO,EAAoB,KAAK,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAenF,KAAK,UAAU,CAAC,KAAK,GAAG,GAAG,IAAI;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wCAAwC,CAAC,EAAE,OAAO,CAAC;IACnD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,sBAAsB,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;AAMrD,oBAAY,aAAa;IACvB,EAAE,OAAO;IACT,CAAC,MAAM;IACP,CAAC,MAAM;IACP,CAAC,MAAM;CACR;AAED,eAAO,MAAM,oBAAoB;;;;;;;;;;EAU/B,CAAC;AAEH,eAAO,MAAM,KAAK;YAAW,UAAU;;;;;;;;;;;;;;;;;;;;;;;;CAmJtC,CAAC"}
|
|
@@ -25,6 +25,7 @@ import { focusFirstFocusableElement } from '../../utils/focusFirstFocusableEleme
|
|
|
25
25
|
import { BooleanFilter } from './columnFilters/BooleanFilter/BooleanFilter';
|
|
26
26
|
import { TimeFilter } from './columnFilters/TimeFilter/TimeFilter';
|
|
27
27
|
import { TableSettingsDropdown } from './TableSettingsDropdown';
|
|
28
|
+
import { BooleanCellRenderer } from './cellRenderers/BooleanCellRenderer';
|
|
28
29
|
setAgGridLicenseKey();
|
|
29
30
|
ModuleRegistry.registerModules([AllEnterpriseModule]);
|
|
30
31
|
export var TABLE_SPACING;
|
|
@@ -106,6 +107,7 @@ export const Table = (props) => {
|
|
|
106
107
|
dsSelectDropdownCellRenderer: SelectDropdownCellRenderer,
|
|
107
108
|
dsBooleanFilter: BooleanFilter,
|
|
108
109
|
dsTimeFilter: TimeFilter,
|
|
110
|
+
dsBooleanCellRenderer: BooleanCellRenderer,
|
|
109
111
|
...components,
|
|
110
112
|
}, ...rest, ...(hasSearch && { quickFilterText: searchValue }) }), footerContent && (_jsx(TableFooter, { "data-testid": footerTestId, children: footerContent }))] }) }) }));
|
|
111
113
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAgB,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAA+B,MAAM,oBAAoB,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAChG,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,0BAA0B,EAAE,MAAM,4CAA4C,CAAC;AACxF,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,5 +24,6 @@ export declare const WithValidationClassesAdded: Story;
|
|
|
24
24
|
export declare const TidyTable: Story;
|
|
25
25
|
export declare const TableWithExplicitColours: Story;
|
|
26
26
|
export declare const TableWithSemanticColors: Story;
|
|
27
|
+
export declare const WithBooleanCellRenderer: Story;
|
|
27
28
|
export default meta;
|
|
28
29
|
//# sourceMappingURL=Table.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAKhC,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAmBtD,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAY1B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AA6JpC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KASnC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAmC7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KA4CrC,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,KAmD/C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,UAAU,CAsBzD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,UAAU,CAqDzD,CAAC;AA6FF,eAAO,MAAM,sBAAsB,EAAE,KASpC,CAAC;AAEF,eAAO,MAAM,qDAAqD,EAAE,QAAQ,CAAC,UAAU,CAqGpF,CAAC;AAEJ,eAAO,MAAM,wDAAwD,EAAE,QAAQ,CAAC,UAAU,CA0HvF,CAAC;AAEJ,eAAO,MAAM,0BAA0B,EAAE,KAkBxC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA0E1B,CAAC;AA0BF,eAAO,MAAM,cAAc,EAAE,KAiB5B,CAAC;AA8BF,eAAO,MAAM,0BAA0B,EAAE,KAiBxC,CAAC;AAwJF,eAAO,MAAM,SAAS,EAAE,KAiCvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAsHtC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KA0DrC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
1
|
+
{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAKhC,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAmBtD,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAY1B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AA6JpC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KASnC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAmC7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KA4CrC,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,KAmD/C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,UAAU,CAsBzD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,UAAU,CAqDzD,CAAC;AA6FF,eAAO,MAAM,sBAAsB,EAAE,KASpC,CAAC;AAEF,eAAO,MAAM,qDAAqD,EAAE,QAAQ,CAAC,UAAU,CAqGpF,CAAC;AAEJ,eAAO,MAAM,wDAAwD,EAAE,QAAQ,CAAC,UAAU,CA0HvF,CAAC;AAEJ,eAAO,MAAM,0BAA0B,EAAE,KAkBxC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA0E1B,CAAC;AA0BF,eAAO,MAAM,cAAc,EAAE,KAiB5B,CAAC;AA8BF,eAAO,MAAM,0BAA0B,EAAE,KAiBxC,CAAC;AAwJF,eAAO,MAAM,SAAS,EAAE,KAiCvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAsHtC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KA0DrC,CAAC;AAiCF,eAAO,MAAM,uBAAuB,EAAE,KAerC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1132,5 +1132,42 @@ export const TableWithSemanticColors = {
|
|
|
1132
1132
|
},
|
|
1133
1133
|
},
|
|
1134
1134
|
};
|
|
1135
|
+
const booleanCellRendererData = [
|
|
1136
|
+
{ id: 1, name: 'Alice Johnson', hasPet: true, isEnrolled: true },
|
|
1137
|
+
{ id: 2, name: 'Bob Smith', hasPet: false, isEnrolled: false },
|
|
1138
|
+
{ id: 3, name: 'Charlie Brown', hasPet: null, isEnrolled: undefined },
|
|
1139
|
+
{ id: 4, name: 'Diana Prince', hasPet: true, isEnrolled: null },
|
|
1140
|
+
{ id: 5, name: 'Ethan Hunt', hasPet: undefined, isEnrolled: true },
|
|
1141
|
+
];
|
|
1142
|
+
const booleanCellRendererColumnDefs = [
|
|
1143
|
+
{ field: 'name', headerName: 'Name' },
|
|
1144
|
+
{
|
|
1145
|
+
field: 'hasPet',
|
|
1146
|
+
headerName: 'Has Pet',
|
|
1147
|
+
cellRenderer: 'dsBooleanCellRenderer',
|
|
1148
|
+
editable: false,
|
|
1149
|
+
},
|
|
1150
|
+
{
|
|
1151
|
+
field: 'isEnrolled',
|
|
1152
|
+
headerName: 'Is Enrolled',
|
|
1153
|
+
cellRenderer: 'dsBooleanCellRenderer',
|
|
1154
|
+
editable: false,
|
|
1155
|
+
},
|
|
1156
|
+
];
|
|
1157
|
+
export const WithBooleanCellRenderer = {
|
|
1158
|
+
parameters: {
|
|
1159
|
+
docs: {
|
|
1160
|
+
description: {
|
|
1161
|
+
story: 'The BooleanCellRenderer displays a true or false icon for boolean values, and renders nothing for any other value regardless of truthiness. Only explicit true and false are accepted, anything else is treated as nullish',
|
|
1162
|
+
},
|
|
1163
|
+
},
|
|
1164
|
+
},
|
|
1165
|
+
args: {
|
|
1166
|
+
rowData: booleanCellRendererData,
|
|
1167
|
+
columnDefs: booleanCellRendererColumnDefs,
|
|
1168
|
+
defaultColDef,
|
|
1169
|
+
domLayout: 'autoHeight',
|
|
1170
|
+
},
|
|
1171
|
+
};
|
|
1135
1172
|
export default meta;
|
|
1136
1173
|
//# sourceMappingURL=Table.stories.js.map
|