@arbor-education/design-system.components 0.25.7 → 0.25.9
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/CODEOWNERS +1 -0
- package/.snyk +3 -0
- package/CHANGELOG.md +12 -0
- package/CODEOWNERS +2 -1
- package/dist/components/datePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/datePicker/DatePicker.js +8 -6
- package/dist/components/datePicker/DatePicker.js.map +1 -1
- package/dist/components/datePicker/DatePickerCalendar.d.ts +10 -0
- package/dist/components/datePicker/DatePickerCalendar.d.ts.map +1 -0
- package/dist/components/datePicker/DatePickerCalendar.js +9 -0
- package/dist/components/datePicker/DatePickerCalendar.js.map +1 -0
- package/dist/components/dateTimePicker/DateTimePicker.d.ts.map +1 -1
- package/dist/components/dateTimePicker/DateTimePicker.js +11 -8
- package/dist/components/dateTimePicker/DateTimePicker.js.map +1 -1
- package/dist/components/table/Table.d.ts +6 -0
- package/dist/components/table/Table.d.ts.map +1 -1
- package/dist/components/table/Table.js +3 -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 +41 -0
- package/dist/components/table/Table.stories.js.map +1 -1
- package/dist/components/table/cellRenderers/NumberInputCellRenderer.d.ts +10 -0
- package/dist/components/table/cellRenderers/NumberInputCellRenderer.d.ts.map +1 -0
- package/dist/components/table/cellRenderers/NumberInputCellRenderer.js +13 -0
- package/dist/components/table/cellRenderers/NumberInputCellRenderer.js.map +1 -0
- package/dist/components/table/cellRenderers/NumberInputCellRenderer.stories.d.ts +90 -0
- package/dist/components/table/cellRenderers/NumberInputCellRenderer.stories.d.ts.map +1 -0
- package/dist/components/table/cellRenderers/NumberInputCellRenderer.stories.js +243 -0
- package/dist/components/table/cellRenderers/NumberInputCellRenderer.stories.js.map +1 -0
- package/dist/components/table/cellRenderers/NumberInputCellRenderer.test.d.ts +2 -0
- package/dist/components/table/cellRenderers/NumberInputCellRenderer.test.d.ts.map +1 -0
- package/dist/components/table/cellRenderers/NumberInputCellRenderer.test.js +72 -0
- package/dist/components/table/cellRenderers/NumberInputCellRenderer.test.js.map +1 -0
- package/dist/index.css +0 -33
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/datePicker/DatePicker.tsx +30 -35
- package/src/components/datePicker/DatePickerCalendar.tsx +46 -0
- package/src/components/dateTimePicker/DateTimePicker.tsx +66 -38
- package/src/components/dateTimePicker/dateTimePicker.scss +0 -2
- package/src/components/table/Table.stories.tsx +45 -0
- package/src/components/table/Table.tsx +3 -0
- package/src/components/table/cellRenderers/NumberInputCellRenderer.stories.tsx +346 -0
- package/src/components/table/cellRenderers/NumberInputCellRenderer.test.tsx +99 -0
- package/src/components/table/cellRenderers/NumberInputCellRenderer.tsx +36 -0
- package/src/index.ts +1 -0
package/.github/CODEOWNERS
CHANGED
package/.snyk
ADDED
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.25.9
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#229](https://github.com/arbor-education/design-system.components/pull/229) [`7a32632`](https://github.com/arbor-education/design-system.components/commit/7a3263280ffa9be97fce06a1f19e3de1efe0a52e) Thanks [@AmeeMorris](https://github.com/AmeeMorris)! - MIS-71974 fix DatePicker dropdown shift when navigating through months, abstract calendar out for neatness
|
|
8
|
+
|
|
9
|
+
## 0.25.8
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#221](https://github.com/arbor-education/design-system.components/pull/221) [`be1b2d5`](https://github.com/arbor-education/design-system.components/commit/be1b2d5f201e86987f2e3a0ec76c3cac59c3e9c9) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-71431 ✨ add NumberInputCellRenderer for table
|
|
14
|
+
|
|
3
15
|
## 0.25.7
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
package/CODEOWNERS
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":"AAaA,OAAO,EAML,KAAK,iBAAiB,EACvB,MAAM,qBAAqB,CAAC;AAM7B,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,iBAAiB,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,cAAc,CAAC,EAAE,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CAmMhD,CAAC;AAEF,yBAAiB,UAAU,CAAC;IAC1B,KAAY,KAAK,GAAG,eAAe,CAAC;CACrC"}
|
|
@@ -3,11 +3,11 @@ import classNames from 'classnames';
|
|
|
3
3
|
import { Button } from '../button/Button.js';
|
|
4
4
|
import { TextInput } from '../formField/inputs/text/TextInput.js';
|
|
5
5
|
import { Popover } from 'radix-ui';
|
|
6
|
-
import { useContext, useEffect, useRef, useState } from 'react';
|
|
7
|
-
import { DayPicker } from 'react-day-picker';
|
|
6
|
+
import { useContext, useEffect, useRef, useState, } from 'react';
|
|
8
7
|
import { PopupParentContext } from '../../utils/popupParent/PopupParentContext.js';
|
|
9
8
|
import { formatNativeDateInputValue, formatTimeInputValue, getDatePlaceholder, mergeDateAndTime, parseNativeDateInputValue, } from './dateInputUtils.js';
|
|
10
9
|
import { DatePickerCalendarHeader } from './DatePickerCalendarHeader.js';
|
|
10
|
+
import { DatePickerCalendar } from './DatePickerCalendar.js';
|
|
11
11
|
const TIME_PRESERVATION_GRANULARITY = 'minute';
|
|
12
12
|
export const DatePicker = (props) => {
|
|
13
13
|
const { className, displayFormat = 'default', onChange, id, hasError, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, value, defaultValue, placeholder, autoFocus, } = props;
|
|
@@ -36,9 +36,9 @@ export const DatePicker = (props) => {
|
|
|
36
36
|
setInputValue(value ? formatNativeDateInputValue(value) : '');
|
|
37
37
|
}
|
|
38
38
|
}, [value, isControlled]);
|
|
39
|
-
const mergeParsedDateWithExistingTime = (parsedDay) =>
|
|
39
|
+
const mergeParsedDateWithExistingTime = (parsedDay) => selectedDate
|
|
40
40
|
? mergeDateAndTime(parsedDay, formatTimeInputValue(selectedDate, TIME_PRESERVATION_GRANULARITY), TIME_PRESERVATION_GRANULARITY)
|
|
41
|
-
: parsedDay
|
|
41
|
+
: parsedDay;
|
|
42
42
|
const onInputChange = (e) => {
|
|
43
43
|
const nextInputValue = e.target.value;
|
|
44
44
|
setInputValue(nextInputValue);
|
|
@@ -90,11 +90,13 @@ export const DatePicker = (props) => {
|
|
|
90
90
|
}
|
|
91
91
|
};
|
|
92
92
|
const popupParentRef = useContext(PopupParentContext);
|
|
93
|
-
return (_jsxs("div", { className: classNames('ds-date-picker', className), children: [_jsxs("div", { className: classNames('ds-date-picker__field', {
|
|
93
|
+
return (_jsxs("div", { className: classNames('ds-date-picker', className), children: [_jsxs("div", { className: classNames('ds-date-picker__field', {
|
|
94
|
+
'ds-date-picker__field--show-hint': showFieldHint,
|
|
95
|
+
}), children: [_jsx(TextInput, { ref: inputRef, type: "date", value: inputValue, onChange: onInputChange, onPointerDown: onFieldHintInputPointerDown, readOnly: hasCustomEmptyHint, id: id, placeholder: showFieldHint ? '' : resolvedPlaceholder, hasError: hasError, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, className: "ds-date-picker__input", autoFocus: autoFocus }), showFieldHint
|
|
94
96
|
? (_jsx("span", { className: "ds-date-picker__field-hint", "aria-hidden": "true", children: overlayHint }))
|
|
95
97
|
: null] }), _jsxs(Popover.Root, { open: isPickerOpen, onOpenChange: open => setIsPickerOpen(open), children: [_jsx(Popover.Trigger, { asChild: true, children: _jsx(Button, { className: "ds-date-picker__button", variant: "text-link", iconLeftName: "date", iconLeftScreenReaderText: "Open date picker" }) }), _jsx(Popover.Portal, { container: popupParentRef.current, children: _jsx(Popover.Content, { align: "end", sideOffset: 5, onOpenAutoFocus: e => e.preventDefault(), onCloseAutoFocus: (e) => {
|
|
96
98
|
e.preventDefault();
|
|
97
99
|
inputRef.current?.focus();
|
|
98
|
-
}, children: _jsxs("div", { className: "ds-date-picker__popup", children: [_jsx(DatePickerCalendarHeader, { month: month, onMonthChange: setMonth }), _jsx(
|
|
100
|
+
}, children: _jsxs("div", { className: "ds-date-picker__popup", children: [_jsx(DatePickerCalendarHeader, { month: month, onMonthChange: setMonth }), _jsx(DatePickerCalendar, { month: month, setMonth: setMonth, selectedDate: selectedDate, onDayPickerSelect: onDayPickerSelect, handleTodayClick: handleTodayClick })] }) }) })] })] }));
|
|
99
101
|
};
|
|
100
102
|
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export type DatePickerCalendarProps = {
|
|
2
|
+
month: Date;
|
|
3
|
+
setMonth: (month: Date) => void;
|
|
4
|
+
selectedDate: Date | undefined;
|
|
5
|
+
onDayPickerSelect: (date?: Date) => void;
|
|
6
|
+
handleTodayClick: () => void;
|
|
7
|
+
className?: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const DatePickerCalendar: (props: DatePickerCalendarProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
//# sourceMappingURL=DatePickerCalendar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePickerCalendar.d.ts","sourceRoot":"","sources":["../../../src/components/datePicker/DatePickerCalendar.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,YAAY,EAAE,IAAI,GAAG,SAAS,CAAC;IAC/B,iBAAiB,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IACzC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,4CAgChE,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { Button } from '../button/Button.js';
|
|
4
|
+
import { DayPicker } from 'react-day-picker';
|
|
5
|
+
export const DatePickerCalendar = (props) => {
|
|
6
|
+
const { month, setMonth, selectedDate, onDayPickerSelect, handleTodayClick, className, } = props;
|
|
7
|
+
return (_jsx(DayPicker, { fixedWeeks: true, className: classNames('ds-date-picker__calendar', className), month: month, onMonthChange: setMonth, autoFocus: true, role: "application", mode: "single", selected: selectedDate, onSelect: onDayPickerSelect, hideNavigation: true, footer: (_jsx(Button, { variant: "text-link", onClick: handleTodayClick, className: "ds-date-picker__today-button", children: "Today" })) }));
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=DatePickerCalendar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePickerCalendar.js","sourceRoot":"","sources":["../../../src/components/datePicker/DatePickerCalendar.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAW7C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACnE,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EAChB,SAAS,GACV,GAAG,KAAK,CAAC;IACV,OAAO,CACL,KAAC,SAAS,IACR,UAAU,QACV,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,SAAS,CAAC,EAC5D,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,QAAQ,EACvB,SAAS,QACT,IAAI,EAAC,aAAa,EAClB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,iBAAiB,EAC3B,cAAc,QACd,MAAM,EAAE,CACN,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAC,8BAA8B,sBAGjC,CACV,GACD,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/dateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAUL,KAAK,2BAA2B,EACjC,MAAM,sCAAsC,CAAC;
|
|
1
|
+
{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/dateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAUL,KAAK,2BAA2B,EACjC,MAAM,sCAAsC,CAAC;AAI9C,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,SAAS,EACf,MAAM,4CAA4C,CAAC;AAapD,MAAM,MAAM,mBAAmB,GAAG;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,cAAc,CAAC,EAAE,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,eAAe,CAAC,EAAE,2BAA2B,CAAC;IAC9C,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,4CA4QxD,CAAC;AAEF,yBAAiB,cAAc,CAAC;IAC9B,KAAY,KAAK,GAAG,mBAAmB,CAAC;IACxC,KAAY,aAAa,GAAG,2BAA2B,CAAC;CACzD"}
|
|
@@ -2,12 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { Button } from '../button/Button.js';
|
|
4
4
|
import { formatDateTimeInputValue, formatNativeDateTimeInputValue, formatTimeInputValue, getDateTimePlaceholder, getNativeDateTimePlaceholder, mergeDateAndTime, parseDateTimeInputValue, parseNativeDateTimeInputValue, } from '../datePicker/dateInputUtils.js';
|
|
5
|
+
import { DatePickerCalendar } from '../datePicker/DatePickerCalendar.js';
|
|
5
6
|
import { DatePickerCalendarHeader } from '../datePicker/DatePickerCalendarHeader.js';
|
|
6
7
|
import { TextInput } from '../formField/inputs/text/TextInput.js';
|
|
7
|
-
import { TimeInput } from '../formField/inputs/time/TimeInput.js';
|
|
8
|
+
import { TimeInput, } from '../formField/inputs/time/TimeInput.js';
|
|
8
9
|
import { Popover } from 'radix-ui';
|
|
9
|
-
import { useCallback, useContext, useEffect, useRef, useState } from 'react';
|
|
10
|
-
import { DayPicker } from 'react-day-picker';
|
|
10
|
+
import { useCallback, useContext, useEffect, useRef, useState, } from 'react';
|
|
11
11
|
import { PopupParentContext } from '../../utils/popupParent/PopupParentContext.js';
|
|
12
12
|
export const DateTimePicker = (props) => {
|
|
13
13
|
const { className, onChange, id, hasError, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, value, defaultValue, displayFormat = 'native', granularity = 'minute', timeOptions, searchType = 'prefix', highlightStringMatches = false, placeholder, } = props;
|
|
@@ -18,9 +18,10 @@ export const DateTimePicker = (props) => {
|
|
|
18
18
|
const parseInputValue = useCallback((raw) => displayFormat === 'native'
|
|
19
19
|
? parseNativeDateTimeInputValue(raw, granularity)
|
|
20
20
|
: parseDateTimeInputValue(raw, displayFormat, granularity), [displayFormat, granularity]);
|
|
21
|
-
const resolvedPlaceholder = placeholder
|
|
22
|
-
|
|
23
|
-
|
|
21
|
+
const resolvedPlaceholder = placeholder
|
|
22
|
+
?? (isNative
|
|
23
|
+
? getNativeDateTimePlaceholder(granularity)
|
|
24
|
+
: getDateTimePlaceholder(displayFormat, granularity));
|
|
24
25
|
const initialValue = value ?? defaultValue;
|
|
25
26
|
const isControlled = value !== undefined;
|
|
26
27
|
const [month, setMonth] = useState(initialValue ?? new Date());
|
|
@@ -123,11 +124,13 @@ export const DateTimePicker = (props) => {
|
|
|
123
124
|
};
|
|
124
125
|
const popupParentRef = useContext(PopupParentContext);
|
|
125
126
|
const nativeStep = granularity === 'second' ? 1 : 60;
|
|
126
|
-
return (_jsxs("div", { className: classNames('ds-date-time-picker', className), children: [_jsxs("div", { className: classNames('ds-date-time-picker__field', {
|
|
127
|
+
return (_jsxs("div", { className: classNames('ds-date-time-picker', className), children: [_jsxs("div", { className: classNames('ds-date-time-picker__field', {
|
|
128
|
+
'ds-date-time-picker__field--show-hint': showFieldHint,
|
|
129
|
+
}), children: [_jsx(TextInput, { ref: inputRef, type: isNative ? 'datetime-local' : 'text', value: inputValue, onChange: onInputChange, onPointerDown: onNativeFieldHintPointerDown, readOnly: hasCustomEmptyHint, id: id, step: isNative ? nativeStep : undefined, placeholder: showFieldHint ? '' : resolvedPlaceholder, hasError: hasError, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, className: "ds-date-time-picker__input" }), showFieldHint
|
|
127
130
|
? (_jsx("span", { className: "ds-date-time-picker__field-hint", "aria-hidden": "true", children: resolvedPlaceholder }))
|
|
128
131
|
: null] }), _jsxs(Popover.Root, { open: isPickerOpen, onOpenChange: open => setIsPickerOpen(open), children: [_jsx(Popover.Trigger, { asChild: true, children: _jsx(Button, { className: "ds-date-time-picker__button", variant: "text-link", iconLeftName: "date", iconLeftScreenReaderText: "Open date and time picker" }) }), _jsx(Popover.Portal, { container: popupParentRef.current, children: _jsx(Popover.Content, { align: "end", sideOffset: 5, onOpenAutoFocus: e => e.preventDefault(), onCloseAutoFocus: (e) => {
|
|
129
132
|
e.preventDefault();
|
|
130
133
|
inputRef.current?.focus();
|
|
131
|
-
}, children: _jsxs("div", { className: "ds-date-time-picker__popup", children: [_jsx(TimeInput, { className: "ds-date-time-picker__time", "aria-label": "Select time", value: timeInputValue, onValueChange: handleTimeChange, granularity: granularity, options: timeOptions, searchType: searchType, highlightStringMatches: highlightStringMatches, hasError: hasError }), _jsx(DatePickerCalendarHeader, { month: month, onMonthChange: setMonth }), _jsx(
|
|
134
|
+
}, children: _jsxs("div", { className: "ds-date-time-picker__popup", children: [_jsx(TimeInput, { className: "ds-date-time-picker__time", "aria-label": "Select time", value: timeInputValue, onValueChange: handleTimeChange, granularity: granularity, options: timeOptions, searchType: searchType, highlightStringMatches: highlightStringMatches, hasError: hasError }), _jsx(DatePickerCalendarHeader, { month: month, onMonthChange: setMonth }), _jsx(DatePickerCalendar, { month: month, setMonth: setMonth, selectedDate: selectedDateTime, onDayPickerSelect: handleDayPickerSelect, handleTodayClick: handleTodayClick })] }) }) })] })] }));
|
|
132
135
|
};
|
|
133
136
|
//# sourceMappingURL=DateTimePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimePicker.js","sourceRoot":"","sources":["../../../src/components/dateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,OAAO,EACL,wBAAwB,EACxB,8BAA8B,EAC9B,oBAAoB,EACpB,sBAAsB,EACtB,4BAA4B,EAC5B,gBAAgB,EAChB,uBAAuB,EACvB,6BAA6B,GAG9B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,gDAAgD,CAAC;AAC1F,OAAO,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AACvE,OAAO,
|
|
1
|
+
{"version":3,"file":"DateTimePicker.js","sourceRoot":"","sources":["../../../src/components/dateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -58,6 +58,12 @@ export declare const Table: {
|
|
|
58
58
|
DefaultValueFormatter: import("ag-grid-community").ValueFormatterFunc<any, any, any>;
|
|
59
59
|
TableSettingsDropdown: ({ items }: import("./tableControls/TableSettingsDropdown.js").TableSettingsDropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
60
60
|
TableControls: (props: TableControlsProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
61
|
+
NumberInputCellRenderer: (props: {
|
|
62
|
+
value: number | null;
|
|
63
|
+
min?: number;
|
|
64
|
+
max?: number;
|
|
65
|
+
disabled?: boolean;
|
|
66
|
+
} & import("ag-grid-react").CustomCellRendererProps<any, any, any>) => import("react/jsx-runtime").JSX.Element;
|
|
61
67
|
Spacing: typeof TABLE_SPACING;
|
|
62
68
|
SettingsItems: readonly ["tableSpacing", "separator", "style"];
|
|
63
69
|
};
|
|
@@ -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,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUrE,OAAO,EAAoB,KAAK,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAetF,OAAO,EAAiB,KAAK,kBAAkB,EAAE,KAAK,UAAU,IAAI,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC7H,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,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,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUrE,OAAO,EAAoB,KAAK,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAetF,OAAO,EAAiB,KAAK,kBAAkB,EAAE,KAAK,UAAU,IAAI,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC7H,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AASjD,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;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,GAAG,sBAAsB,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;AAMrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,eAAO,MAAM,KAAK;YAAW,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwKtC,CAAC;AA0BF,yBAAiB,KAAK,CAAC;IAErB,KAAY,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC;IACnD,KAAY,aAAa,GAAG,kBAAkB,CAAC;IAC/C,KAAY,UAAU,GAAG,cAAc,CAAC;IACxC,KAAY,gBAAgB,GAAG,wBAAwB,CAAC;IACxD,KAAY,OAAO,GAAG,aAAa,CAAC;CACrC"}
|
|
@@ -35,6 +35,7 @@ import { BooleanCellRenderer } from './cellRenderers/BooleanCellRenderer.js';
|
|
|
35
35
|
import { CheckboxCellRenderer } from './cellRenderers/CheckboxCellRenderer.js';
|
|
36
36
|
import { ComboboxCellRenderer } from './cellRenderers/ComboboxCellRenderer.js';
|
|
37
37
|
import { DefaultCellRenderer } from './cellRenderers/DefaultCellRenderer.js';
|
|
38
|
+
import { NumberInputCellRenderer } from './cellRenderers/NumberInputCellRenderer.js';
|
|
38
39
|
setAgGridLicenseKey();
|
|
39
40
|
ModuleRegistry.registerModules([AllEnterpriseModule]);
|
|
40
41
|
export { TableSettingsContext } from './TableSettingsContext.js';
|
|
@@ -115,6 +116,7 @@ export const Table = (props) => {
|
|
|
115
116
|
dsCheckboxCellRenderer: CheckboxCellRenderer,
|
|
116
117
|
dsBooleanCellRenderer: BooleanCellRenderer,
|
|
117
118
|
dsComboboxCellRenderer: ComboboxCellRenderer,
|
|
119
|
+
dsNumberInputCellRenderer: NumberInputCellRenderer,
|
|
118
120
|
...components,
|
|
119
121
|
}, ...rest, ...(hasSearch && { quickFilterText: searchValue }) }), footerContent && (_jsx(TableFooter, { "data-testid": footerTestId, children: footerContent }))] }) }) }));
|
|
120
122
|
};
|
|
@@ -137,6 +139,7 @@ Table.ComboboxCellRenderer = ComboboxCellRenderer;
|
|
|
137
139
|
Table.DefaultValueFormatter = defaultValueFormatter;
|
|
138
140
|
Table.TableSettingsDropdown = TableSettingsDropdown;
|
|
139
141
|
Table.TableControls = TableControls;
|
|
142
|
+
Table.NumberInputCellRenderer = NumberInputCellRenderer;
|
|
140
143
|
Table.Spacing = TABLE_SPACING;
|
|
141
144
|
Table.SettingsItems = TABLE_SETTINGS_ITEMS;
|
|
142
145
|
//# sourceMappingURL=Table.js.map
|
|
@@ -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,yBAAyB,CAAC;AACvD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAA+B,MAAM,uBAAuB,CAAC;AACtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AACzF,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AACnG,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACnF,OAAO,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAC3F,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AACvG,OAAO,EAAE,aAAa,EAA8D,MAAM,kCAAkC,CAAC;AAE7H,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -36,5 +36,6 @@ export declare const WithTableSettingsDropdownCustomItems: Story;
|
|
|
36
36
|
export declare const WithCheckboxCellRenderer: Story;
|
|
37
37
|
export declare const WithSelectDropdownCellRenderer: Story;
|
|
38
38
|
export declare const WithComboboxCellRenderer: Story;
|
|
39
|
+
export declare const WithNumberInputCellRenderer: Story;
|
|
39
40
|
export default meta;
|
|
40
41
|
//# 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;AAY5D,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAGnC,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAmBtD,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,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;AAY5D,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAGnC,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAmBtD,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAiO/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAuH1B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AA4NpC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAoBpC,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,KAkC7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA8B/B,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,KA0B7C,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,KAwB3C,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KA4CrC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KA4CxC,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;AA0JF,eAAO,MAAM,SAAS,EAAE,KAiCvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAsHtC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KA0DrC,CAAC;AAoFF,eAAO,MAAM,kBAAkB,EAAE,KAkBhC,CAAC;AAiCF,eAAO,MAAM,uBAAuB,EAAE,KAerC,CAAC;AAiFF,eAAO,MAAM,8BAA8B,EAAE,KAoB5C,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,KA8ClD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAetC,CAAC;AA8DF,eAAO,MAAM,8BAA8B,EAAE,KAe5C,CAAC;AAoFF,eAAO,MAAM,wBAAwB,EAAE,KAetC,CAAC;AA6BF,eAAO,MAAM,2BAA2B,EAAE,KAezC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -62,6 +62,7 @@ const DEVELOPER_NOTES = [
|
|
|
62
62
|
'| `dsSelectDropdownCellRenderer` | `Table.SelectDropdownCellRenderer` | Renders a `SelectDropdown` in a cell |',
|
|
63
63
|
'| `dsBooleanCellRenderer` | `Table.BooleanCellRenderer` | Read-only boolean display |',
|
|
64
64
|
'| `dsCheckboxCellRenderer` | `Table.CheckboxCellRenderer` | Editable boolean checkbox |',
|
|
65
|
+
'| `dsNumberInputCellRenderer` | `Table.NumberInputCellRenderer` | Editable numeric input |',
|
|
65
66
|
'| `dsDateCellEditor` | `Table.DateCellEditor` | Date picker cell editor |',
|
|
66
67
|
'',
|
|
67
68
|
'---',
|
|
@@ -2008,5 +2009,45 @@ export const WithComboboxCellRenderer = {
|
|
|
2008
2009
|
domLayout: 'autoHeight',
|
|
2009
2010
|
},
|
|
2010
2011
|
};
|
|
2012
|
+
const numberInputSampleData = [
|
|
2013
|
+
{ name: 'Alice Johnson', sessions: 12, score: 95 },
|
|
2014
|
+
{ name: 'Bob Smith', sessions: 8, score: 72 },
|
|
2015
|
+
{ name: 'Charlie Brown', sessions: 15, score: 88 },
|
|
2016
|
+
{ name: 'Diana Prince', sessions: 3, score: 60 },
|
|
2017
|
+
];
|
|
2018
|
+
const numberInputColDefs = [
|
|
2019
|
+
{ field: 'name', headerName: 'Name', flex: 2 },
|
|
2020
|
+
{
|
|
2021
|
+
field: 'sessions',
|
|
2022
|
+
headerName: 'Sessions',
|
|
2023
|
+
flex: 1,
|
|
2024
|
+
editable: false,
|
|
2025
|
+
cellRenderer: 'dsNumberInputCellRenderer',
|
|
2026
|
+
cellRendererParams: { min: 0, suppressCellFocusAndFocusFirstElement: true },
|
|
2027
|
+
},
|
|
2028
|
+
{
|
|
2029
|
+
field: 'score',
|
|
2030
|
+
headerName: 'Score (/100)',
|
|
2031
|
+
flex: 1,
|
|
2032
|
+
editable: false,
|
|
2033
|
+
cellRenderer: 'dsNumberInputCellRenderer',
|
|
2034
|
+
cellRendererParams: { min: 0, max: 100, suppressCellFocusAndFocusFirstElement: true },
|
|
2035
|
+
},
|
|
2036
|
+
];
|
|
2037
|
+
export const WithNumberInputCellRenderer = {
|
|
2038
|
+
parameters: {
|
|
2039
|
+
docs: {
|
|
2040
|
+
description: {
|
|
2041
|
+
story: 'Columns can use the `dsNumberInputCellRenderer` cell renderer to display an editable numeric input inside the cell. Pass `min` and `max` via `cellRendererParams` to constrain the allowed range — the spinners disable at the bounds.',
|
|
2042
|
+
},
|
|
2043
|
+
},
|
|
2044
|
+
},
|
|
2045
|
+
args: {
|
|
2046
|
+
rowData: numberInputSampleData,
|
|
2047
|
+
columnDefs: numberInputColDefs,
|
|
2048
|
+
defaultColDef,
|
|
2049
|
+
domLayout: 'autoHeight',
|
|
2050
|
+
},
|
|
2051
|
+
};
|
|
2011
2052
|
export default meta;
|
|
2012
2053
|
//# sourceMappingURL=Table.stories.js.map
|