@aivenio/aquarium 1.77.1 → 1.79.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/README.md +19 -2
- package/dist/atoms.cjs +131 -3
- package/dist/atoms.mjs +131 -3
- package/dist/charts.cjs +1 -0
- package/dist/charts.mjs +1 -0
- package/dist/src/atoms/utils/index.d.ts +234 -0
- package/dist/src/atoms/utils/index.js +32 -0
- package/dist/src/molecules/Context/Context.d.ts +2 -1
- package/dist/src/molecules/Context/Context.js +6 -4
- package/dist/src/molecules/DateField/DateField.d.ts +10 -0
- package/dist/src/molecules/DateField/DateField.js +33 -0
- package/dist/src/molecules/DateField/DateInput.d.ts +3 -0
- package/dist/src/molecules/DateField/DateInput.js +22 -0
- package/dist/src/molecules/DatePicker/Button.d.ts +4 -0
- package/dist/src/molecules/DatePicker/Button.js +12 -0
- package/dist/src/molecules/DatePicker/Calendar.d.ts +6 -0
- package/dist/src/molecules/DatePicker/Calendar.js +44 -0
- package/dist/src/molecules/DatePicker/DatePicker.d.ts +12 -0
- package/dist/src/molecules/DatePicker/DatePicker.js +63 -0
- package/dist/src/molecules/DatePicker/DateRangePicker.d.ts +12 -0
- package/dist/src/molecules/DatePicker/DateRangePicker.js +68 -0
- package/dist/src/molecules/DatePicker/Dialog.d.ts +3 -0
- package/dist/src/molecules/DatePicker/Dialog.js +7 -0
- package/dist/src/molecules/DatePicker/Popover.d.ts +7 -0
- package/dist/src/molecules/DatePicker/Popover.js +27 -0
- package/dist/src/molecules/DatePicker/RangeCalendar.d.ts +4 -0
- package/dist/src/molecules/DatePicker/RangeCalendar.js +51 -0
- package/dist/src/molecules/Field/Field.d.ts +3 -0
- package/dist/src/molecules/Field/Field.js +7 -0
- package/dist/src/molecules/Popover/PopoverOverlay.d.ts +1 -1
- package/dist/src/molecules/TimeField/TimeField.d.ts +10 -0
- package/dist/src/molecules/TimeField/TimeField.js +33 -0
- package/dist/src/molecules/TimePicker/TimePicker.d.ts +6 -0
- package/dist/src/molecules/TimePicker/TimePicker.js +4 -0
- package/dist/src/molecules/Typography/Typography.d.ts +1 -1
- package/dist/src/molecules/Typography/Typography.js +11 -1
- package/dist/src/molecules/index.d.ts +3 -0
- package/dist/src/molecules/index.js +4 -1
- package/dist/src/tokens/tokens.json +20 -0
- package/dist/src/utils/mocks/mockDynamicIds.js +1 -2
- package/dist/src/utils/tailwind.d.ts +1 -0
- package/dist/src/utils/tailwind.js +6 -1
- package/dist/styles.css +1938 -1488
- package/dist/system.cjs +1061 -505
- package/dist/system.mjs +1047 -474
- package/dist/tailwind.config.js +2 -1
- package/dist/tailwind.theme.json +93 -3
- package/dist/tokens.json +20 -0
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/designTokens.d.ts +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +6 -4
@@ -0,0 +1,68 @@
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
+
var t = {};
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
+
t[p] = s[p];
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
+
t[p[i]] = s[p[i]];
|
9
|
+
}
|
10
|
+
return t;
|
11
|
+
};
|
12
|
+
import React from 'react';
|
13
|
+
import { DateRangePicker as AriaDateRangePicker, DateRangePickerStateContext, } from 'react-aria-components';
|
14
|
+
import { useLabel } from '@react-aria/label';
|
15
|
+
import { useId } from '@react-aria/utils';
|
16
|
+
import omit from 'lodash/omit';
|
17
|
+
import { DateInput } from '../../../src/molecules/DateField/DateInput';
|
18
|
+
import { FieldGroup } from '../../../src/molecules/Field/Field';
|
19
|
+
import { Icon } from '../../../src/molecules/Icon/Icon';
|
20
|
+
import { Spacing } from '../../../src/molecules/Spacing/Spacing';
|
21
|
+
import { TimeField } from '../../../src/molecules/TimeField/TimeField';
|
22
|
+
import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
|
23
|
+
import { tw } from '../../../src/utils/tailwind';
|
24
|
+
import calendarIcon from '../../../src/icons/calendar';
|
25
|
+
import { Button } from './Button';
|
26
|
+
import { Dialog } from './Dialog';
|
27
|
+
import { Popover } from './Popover';
|
28
|
+
import { RangeCalendar } from './RangeCalendar';
|
29
|
+
const createDateRangePickerBase = (variant) => (_a) => {
|
30
|
+
var { disabled, valid, granularity, shouldCloseOnSelect } = _a, props = __rest(_a, ["disabled", "valid", "granularity", "shouldCloseOnSelect"]);
|
31
|
+
const hasSomeValue = props.value || props.defaultValue || props.placeholderValue;
|
32
|
+
return (React.createElement(AriaDateRangePicker, Object.assign({}, props, { shouldCloseOnSelect: shouldCloseOnSelect !== null && shouldCloseOnSelect !== void 0 ? shouldCloseOnSelect : variant === 'date', isDisabled: disabled, isInvalid: valid === false,
|
33
|
+
// Set the granularity to minute if the variant is 'datetime' and there is no any value provided.
|
34
|
+
// This will display the time component in the picker by default in <DateTimeRangePicker>.
|
35
|
+
granularity: granularity !== null && granularity !== void 0 ? granularity : (variant === 'datetime' && !hasSomeValue ? 'minute' : undefined), className: tw('group flex flex-col gap-1') }),
|
36
|
+
React.createElement(FieldGroup, { className: tw('min-w-[200px] w-auto') },
|
37
|
+
React.createElement(DateInput, { slot: "start", className: tw('px-2 py-1') }),
|
38
|
+
React.createElement("span", { "aria-hidden": true, className: tw('text-muted') }, "-"),
|
39
|
+
React.createElement(DateInput, { slot: "end", className: tw('flex-1 px-2 py-1') }),
|
40
|
+
React.createElement(Button, null,
|
41
|
+
React.createElement(Icon, { icon: calendarIcon }))),
|
42
|
+
React.createElement(Popover, null,
|
43
|
+
React.createElement(Dialog, null,
|
44
|
+
React.createElement(Spacing, { gap: "6" },
|
45
|
+
React.createElement(RangeCalendar, null),
|
46
|
+
variant === 'datetime' && (React.createElement(Spacing, { gap: "6", row: true },
|
47
|
+
React.createElement(PickerTimeField, { granularity: granularity, part: "start" }),
|
48
|
+
React.createElement(PickerTimeField, { granularity: granularity, part: "end" }))))))));
|
49
|
+
};
|
50
|
+
const PickerTimeField = ({ granularity, part }) => {
|
51
|
+
var _a;
|
52
|
+
const { timeRange, setTime } = React.useContext(DateRangePickerStateContext);
|
53
|
+
return (React.createElement(TimeField, { labelText: part === 'start' ? 'Start time' : 'End time', granularity: granularity !== 'day' ? granularity : undefined, value: (_a = timeRange === null || timeRange === void 0 ? void 0 : timeRange[part]) !== null && _a !== void 0 ? _a : null, onChange: (value) => setTime(part, value), reserveSpaceForError: false }));
|
54
|
+
};
|
55
|
+
export const DateRangePickerBase = createDateRangePickerBase('date');
|
56
|
+
export const DateTimeRangePickerBase = createDateRangePickerBase('datetime');
|
57
|
+
const createDateRangePicker = (variant) => (props) => {
|
58
|
+
const { labelProps, fieldProps } = useLabel({ label: props.labelText });
|
59
|
+
const errorMessageId = useId();
|
60
|
+
const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
|
61
|
+
const _a = getLabelControlProps(props), { 'data-testid': dataTestId } = _a, labelControlProps = __rest(_a, ['data-testid']);
|
62
|
+
const baseProps = omit(props, Object.keys(labelControlProps));
|
63
|
+
const allProps = Object.assign(Object.assign(Object.assign(Object.assign({}, baseProps), fieldProps), errorProps), { disabled: props.disabled, valid: props.valid });
|
64
|
+
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))));
|
65
|
+
};
|
66
|
+
export const DateRangePicker = createDateRangePicker('date');
|
67
|
+
export const DateTimeRangePicker = createDateRangePicker('datetime');
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVJhbmdlUGlja2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRlUGlja2VyL0RhdGVSYW5nZVBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUNMLGVBQWUsSUFBSSxtQkFBbUIsRUFFdEMsMkJBQTJCLEdBRTVCLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUUxQyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFFL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzlELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUU5RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsWUFBWSxFQUEwQixNQUFNLDRCQUE0QixDQUFDO0FBQ3hHLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLFlBQVksTUFBTSxvQkFBb0IsQ0FBQztBQUU5QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDbEMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUNwQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFvQmhELE1B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
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { Dialog as AriaDialog } from 'react-aria-components';
|
3
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
4
|
+
export function Dialog(props) {
|
5
|
+
return (React.createElement(AriaDialog, Object.assign({}, props, { className: classNames(props.className, tw('outline outline-0 p-5 [[data-placement]>&]:px-5 [[data-placement]>&]:py-6 max-h-[inherit] overflow-auto relative')) })));
|
6
|
+
}
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGlhbG9nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRlUGlja2VyL0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLElBQUksVUFBVSxFQUFvQixNQUFNLHVCQUF1QixDQUFDO0FBRS9FLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsTUFBTSxVQUFVLE1BQU0sQ0FBQyxLQUFrQjtJQUN2QyxPQUFPLENBQ0wsb0JBQUMsVUFBVSxvQkFDTCxLQUFLLElBQ1QsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsS0FBSyxDQUFDLFNBQVMsRUFDZixFQUFFLENBQ0Esa0hBQWtILENBQ25ILENBQ0YsSUFDRCxDQUNILENBQUM7QUFDSixDQUFDIn0=
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { type PopoverProps as AriaPopoverProps } from 'react-aria-components';
|
3
|
+
export declare type PopoverProps = Omit<AriaPopoverProps, 'children'> & {
|
4
|
+
showArrow?: boolean;
|
5
|
+
children: React.ReactNode;
|
6
|
+
};
|
7
|
+
export declare const Popover: React.FC<PopoverProps>;
|
@@ -0,0 +1,27 @@
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
+
var t = {};
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
+
t[p] = s[p];
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
+
t[p[i]] = s[p[i]];
|
9
|
+
}
|
10
|
+
return t;
|
11
|
+
};
|
12
|
+
import React from 'react';
|
13
|
+
import { OverlayArrow, Popover as AriaPopover, PopoverContext, useSlottedContext, } from 'react-aria-components';
|
14
|
+
import { tw } from '../../../src/utils/tailwind';
|
15
|
+
export const Popover = (_a) => {
|
16
|
+
var { children, showArrow, className } = _a, props = __rest(_a, ["children", "showArrow", "className"]);
|
17
|
+
const popoverContext = useSlottedContext(PopoverContext);
|
18
|
+
const isSubmenu = (popoverContext === null || popoverContext === void 0 ? void 0 : popoverContext.trigger) === 'SubmenuTrigger';
|
19
|
+
let offset = showArrow ? 12 : 8;
|
20
|
+
offset = isSubmenu ? offset - 6 : offset;
|
21
|
+
return (React.createElement(AriaPopover, Object.assign({ offset: offset }, props, { className: tw('rounded-sm shadow-16dp bg-popover-content mt-1 overflow-y-auto flex flex-col border border-default outline-none') }),
|
22
|
+
showArrow && (React.createElement(OverlayArrow, { className: "group" },
|
23
|
+
React.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", className: "block fill-white stroke-1 stroke-black group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90" },
|
24
|
+
React.createElement("path", { d: "M0 0 L6 6 L12 0" })))),
|
25
|
+
children));
|
26
|
+
};
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRGF0ZVBpY2tlci9Qb3BvdmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQ0wsWUFBWSxFQUNaLE9BQU8sSUFBSSxXQUFXLEVBQ3RCLGNBQWMsRUFFZCxpQkFBaUIsR0FDbEIsTUFBTSx1QkFBdUIsQ0FBQztBQUUvQixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFPeEMsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUEyQixDQUFDLEVBQTRDLEVBQUUsRUFBRTtRQUFoRCxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsU0FBUyxPQUFZLEVBQVAsS0FBSyxjQUExQyxzQ0FBNEMsQ0FBRjtJQUN4RixNQUFNLGNBQWMsR0FBRyxpQkFBaUIsQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUN6RCxNQUFNLFNBQVMsR0FBRyxDQUFBLGNBQWMsYUFBZCxjQUFjLHVCQUFkLGNBQWMsQ0FBRSxPQUFPLE1BQUssZ0JBQWdCLENBQUM7SUFDL0QsSUFBSSxNQUFNLEdBQUcsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNoQyxNQUFNLEdBQUcsU0FBUyxDQUFDLENBQUMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7SUFFekMsT0FBTyxDQUNMLG9CQUFDLFdBQVcsa0JBQ1YsTUFBTSxFQUFFLE1BQU0sSUFDVixLQUFLLElBQ1QsU0FBUyxFQUFFLEVBQUUsQ0FDWCxpSEFBaUgsQ0FDbEg7UUFFQSxTQUFTLElBQUksQ0FDWixvQkFBQyxZQUFZLElBQUMsU0FBUyxFQUFDLE9BQU87WUFDN0IsNkJBQ0UsS0FBSyxFQUFFLEVBQUUsRUFDVCxNQUFNLEVBQUUsRUFBRSxFQUNWLE9BQU8sRUFBQyxXQUFXLEVBQ25CLFNBQVMsRUFBQywwSUFBMEk7Z0JBRXBKLDhCQUFNLENBQUMsRUFBQyxpQkFBaUIsR0FBRyxDQUN4QixDQUNPLENBQ2hCO1FBQ0EsUUFBUSxDQUNHLENBQ2YsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
@@ -0,0 +1,4 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { type DateValue, type RangeCalendarProps as AriaRangeCalendarProps } from 'react-aria-components';
|
3
|
+
export declare type RangeCalendarProps<T extends DateValue> = Omit<AriaRangeCalendarProps<T>, 'visibleDuration'>;
|
4
|
+
export declare function RangeCalendar<T extends DateValue>(props: RangeCalendarProps<T>): React.JSX.Element;
|
@@ -0,0 +1,51 @@
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
+
var t = {};
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
+
t[p] = s[p];
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
+
t[p[i]] = s[p[i]];
|
9
|
+
}
|
10
|
+
return t;
|
11
|
+
};
|
12
|
+
import React from 'react';
|
13
|
+
import { CalendarCell, CalendarGrid, CalendarGridBody, RangeCalendar as AriaRangeCalendar, } from 'react-aria-components';
|
14
|
+
import { tv } from 'tailwind-variants';
|
15
|
+
import { focusRing } from '../../../src/atoms/utils';
|
16
|
+
import { tw } from '../../../src/utils/tailwind';
|
17
|
+
import { CalendarGridHeader, CalendarHeader } from './Calendar';
|
18
|
+
const cell = tv({
|
19
|
+
extend: focusRing,
|
20
|
+
base: 'w-full h-full flex items-center justify-center rounded text-default',
|
21
|
+
variants: {
|
22
|
+
selectionState: {
|
23
|
+
none: 'group-hover:bg-default group-pressed:bg-intense',
|
24
|
+
middle: [
|
25
|
+
'text-white',
|
26
|
+
'group-hover:bg-primary-default',
|
27
|
+
'group-invalid:group-hover:bg-danger-default',
|
28
|
+
'group-pressed:bg-primary-intense',
|
29
|
+
'group-invalid:group-pressed:bg-danger-intense',
|
30
|
+
],
|
31
|
+
cap: 'text-white bg-primary-default group-invalid:bg-danger-default',
|
32
|
+
},
|
33
|
+
isUnavailable: {
|
34
|
+
true: 'text-inactive',
|
35
|
+
},
|
36
|
+
isDisabled: {
|
37
|
+
true: 'text-inactive',
|
38
|
+
},
|
39
|
+
},
|
40
|
+
});
|
41
|
+
export function RangeCalendar(props) {
|
42
|
+
return (React.createElement(AriaRangeCalendar, Object.assign({}, props),
|
43
|
+
React.createElement(CalendarHeader, null),
|
44
|
+
React.createElement(CalendarGrid, { className: "[&_td]:px-0" },
|
45
|
+
React.createElement(CalendarGridHeader, null),
|
46
|
+
React.createElement(CalendarGridBody, null, (date) => (React.createElement(CalendarCell, { date: date, className: tw('group w-8 h-8 typography-small outline outline-0 cursor-default', 'outside-month:text-inactive selected:bg-primary-default', 'invalid:selected:bg-danger-default', 'selection-start:rounded-s selection-end:rounded-e') }, (_a) => {
|
47
|
+
var { formattedDate, isSelected, isSelectionStart, isSelectionEnd } = _a, rest = __rest(_a, ["formattedDate", "isSelected", "isSelectionStart", "isSelectionEnd"]);
|
48
|
+
return (React.createElement("span", { className: cell(Object.assign({ selectionState: isSelected && (isSelectionStart || isSelectionEnd) ? 'cap' : isSelected ? 'middle' : 'none' }, rest)) }, formattedDate));
|
49
|
+
}))))));
|
50
|
+
}
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2VDYWxlbmRhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRGF0ZVBpY2tlci9SYW5nZUNhbGVuZGFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQ0wsWUFBWSxFQUNaLFlBQVksRUFDWixnQkFBZ0IsRUFFaEIsYUFBYSxJQUFJLGlCQUFpQixHQUVuQyxNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFNUMsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxjQUFjLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFJaEUsTUFBTSxJQUFJLEdBQUcsRUFBRSxDQUFDO0lBQ2QsTUFBTSxFQUFFLFNBQVM7SUFDakIsSUFBSSxFQUFFLHFFQUFxRTtJQUMzRSxRQUFRLEVBQUU7UUFDUixjQUFjLEVBQUU7WUFDZCxJQUFJLEVBQUUsaURBQWlEO1lBQ3ZELE1BQU0sRUFBRTtnQkFDTixZQUFZO2dCQUNaLGdDQUFnQztnQkFDaEMsNkNBQTZDO2dCQUM3QyxrQ0FBa0M7Z0JBQ2xDLCtDQUErQzthQUNoRDtZQUNELEdBQUcsRUFBRSwrREFBK0Q7U0FDckU7UUFDRCxhQUFhLEVBQUU7WUFDYixJQUFJLEVBQUUsZUFBZTtTQUN0QjtRQUNELFVBQVUsRUFBRTtZQUNWLElBQUksRUFBRSxlQUFlO1NBQ3RCO0tBQ0Y7Q0FDRixDQUFDLENBQUM7QUFFSCxNQUFNLFVBQVUsYUFBYSxDQUFzQixLQUE0QjtJQUM3RSxPQUFPLENBQ0wsb0JBQUMsaUJBQWlCLG9CQUFLLEtBQUs7UUFDMUIsb0JBQUMsY0FBYyxPQUFHO1FBQ2xCLG9CQUFDLFlBQVksSUFBQyxTQUFTLEVBQUMsYUFBYTtZQUNuQyxvQkFBQyxrQkFBa0IsT0FBRztZQUN0QixvQkFBQyxnQkFBZ0IsUUFDZCxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FDVCxvQkFBQyxZQUFZLElBQ1gsSUFBSSxFQUFFLElBQUksRUFDVixTQUFTLEVBQUUsRUFBRSxDQUNYLGlFQUFpRSxFQUNqRSx5REFBeUQsRUFDekQsb0NBQW9DLEVBQ3BDLG1EQUFtRCxDQUNwRCxJQUVBLENBQUMsRUFBd0UsRUFBRSxFQUFFO29CQUE1RSxFQUFFLGFBQWEsRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsY0FBYyxPQUFXLEVBQU4sSUFBSSxjQUF0RSxxRUFBd0UsQ0FBRjtnQkFBTyxPQUFBLENBQzdFLDhCQUNFLFNBQVMsRUFBRSxJQUFJLGlCQUNiLGNBQWMsRUFDWixVQUFVLElBQUksQ0FBQyxnQkFBZ0IsSUFBSSxjQUFjLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTSxJQUMxRixJQUFJLEVBQ1AsSUFFRCxhQUFhLENBQ1QsQ0FDUixDQUFBO2FBQUEsQ0FDWSxDQUNoQixDQUNnQixDQUNOLENBQ0csQ0FDckIsQ0FBQztBQUNKLENBQUMifQ==
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { Group } from 'react-aria-components';
|
3
|
+
import { fieldGroup } from '../../../src/atoms/utils';
|
4
|
+
export const FieldGroup = (props) => {
|
5
|
+
return React.createElement(Group, Object.assign({}, props, { className: (renderProps) => fieldGroup(renderProps) }));
|
6
|
+
};
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0ZpZWxkL0ZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEtBQUssRUFBcUMsTUFBTSx1QkFBdUIsQ0FBQztBQUVqRixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFN0MsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLENBQUMsS0FBcUIsRUFBRSxFQUFFO0lBQ2xELE9BQU8sb0JBQUMsS0FBSyxvQkFBSyxLQUFLLElBQUUsU0FBUyxFQUFFLENBQUMsV0FBVyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQztBQUNuRixDQUFDLENBQUMifQ==
|
@@ -3,7 +3,7 @@ import { type AriaOverlayProps } from '@react-aria/overlays';
|
|
3
3
|
import { type OverlayTriggerState } from '@react-stately/overlays';
|
4
4
|
import { type PositionProps } from '@react-types/overlays';
|
5
5
|
import { type PopoverPlacement } from './Popover';
|
6
|
-
export declare const PopoverOverlay: React.ForwardRefExoticComponent<AriaOverlayProps & Pick<PositionProps, "offset" | "
|
6
|
+
export declare const PopoverOverlay: React.ForwardRefExoticComponent<AriaOverlayProps & Pick<PositionProps, "offset" | "shouldFlip" | "crossOffset"> & {
|
7
7
|
id?: string | undefined;
|
8
8
|
role?: React.AriaRole | undefined;
|
9
9
|
triggerRef: React.RefObject<Element>;
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { type TimeFieldProps as AriaTimeFieldProps, type TimeValue } from 'react-aria-components';
|
3
|
+
import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
|
4
|
+
export declare type TimeFieldBaseProps<T extends TimeValue> = Omit<AriaTimeFieldProps<T>, 'children' | 'className' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'isRequired' | 'isValid' | 'slot' | 'style' | 'validate' | 'validationBehavior'> & {
|
5
|
+
disabled?: boolean;
|
6
|
+
valid?: boolean;
|
7
|
+
};
|
8
|
+
export declare function TimeFieldBase<T extends TimeValue>({ disabled, valid, ...props }: TimeFieldBaseProps<T>): React.JSX.Element;
|
9
|
+
export declare type TimeFieldProps<T extends TimeValue> = Omit<LabelControlProps, 'length'> & TimeFieldBaseProps<T>;
|
10
|
+
export declare function TimeField<T extends TimeValue>(props: TimeFieldProps<T>): React.JSX.Element;
|
@@ -0,0 +1,33 @@
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
+
var t = {};
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
+
t[p] = s[p];
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
+
t[p[i]] = s[p[i]];
|
9
|
+
}
|
10
|
+
return t;
|
11
|
+
};
|
12
|
+
import React from 'react';
|
13
|
+
import { TimeField as AriaTimeField, } from 'react-aria-components';
|
14
|
+
import { useLabel } from '@react-aria/label';
|
15
|
+
import { useId } from '@react-aria/utils';
|
16
|
+
import omit from 'lodash/omit';
|
17
|
+
import { DateInput } from '../../../src/molecules/DateField/DateInput';
|
18
|
+
import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
|
19
|
+
export function TimeFieldBase(_a) {
|
20
|
+
var { disabled, valid } = _a, props = __rest(_a, ["disabled", "valid"]);
|
21
|
+
return (React.createElement(AriaTimeField, Object.assign({}, props, { isInvalid: valid === false, isDisabled: disabled }),
|
22
|
+
React.createElement(DateInput, null)));
|
23
|
+
}
|
24
|
+
export function TimeField(props) {
|
25
|
+
const { labelProps, fieldProps } = useLabel({ label: props.labelText });
|
26
|
+
const errorMessageId = useId();
|
27
|
+
const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
|
28
|
+
const _a = getLabelControlProps(props), { 'data-testid': dataTestId } = _a, labelControlProps = __rest(_a, ['data-testid']);
|
29
|
+
const baseProps = omit(props, Object.keys(labelControlProps));
|
30
|
+
return (React.createElement(LabelControl, Object.assign({}, labelProps, labelControlProps, { messageId: errorMessageId, className: "Aquarium-DateField" }),
|
31
|
+
React.createElement(TimeFieldBase, Object.assign({}, baseProps, fieldProps, errorProps, { disabled: props.disabled, valid: props.valid }))));
|
32
|
+
}
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZUZpZWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9UaW1lRmllbGQvVGltZUZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQ0wsU0FBUyxJQUFJLGFBQWEsR0FHM0IsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDN0MsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFOUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFlBQVksRUFBMEIsTUFBTSw0QkFBNEIsQ0FBQztBQW9CeEcsTUFBTSxVQUFVLGFBQWEsQ0FBc0IsRUFBb0Q7UUFBcEQsRUFBRSxRQUFRLEVBQUUsS0FBSyxPQUFtQyxFQUE5QixLQUFLLGNBQTNCLHFCQUE2QixDQUFGO0lBQzVFLE9BQU8sQ0FDTCxvQkFBQyxhQUFhLG9CQUFLLEtBQUssSUFBRSxTQUFTLEVBQUUsS0FBSyxLQUFLLEtBQUssRUFBRSxVQUFVLEVBQUUsUUFBUTtRQUN4RSxvQkFBQyxTQUFTLE9BQUcsQ0FDQyxDQUNqQixDQUFDO0FBQ0osQ0FBQztBQUlELE1BQU0sVUFBVSxTQUFTLENBQXNCLEtBQXdCO0lBQ3JFLE1BQU0sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLEdBQUcsUUFBUSxDQUFDLEVBQUUsS0FBSyxFQUFFLEtBQUssQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDO0lBQ3hFLE1BQU0sY0FBYyxHQUFHLEtBQUssRUFBRSxDQUFDO0lBQy9CLE1BQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxLQUFLLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLGNBQWMsRUFBRSxJQUFJLEVBQUUsa0JBQWtCLEVBQUUsY0FBYyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUM3RyxNQUFNLEtBQXNELG9CQUFvQixDQUFDLEtBQUssQ0FBQyxFQUFqRixFQUFFLGFBQWEsRUFBRSxVQUFVLE9BQXNELEVBQWpELGlCQUFpQixjQUFqRCxlQUFtRCxDQUE4QixDQUFDO0lBQ3hGLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUM7SUFFOUQsT0FBTyxDQUNMLG9CQUFDLFlBQVksb0JBQUssVUFBVSxFQUFNLGlCQUFpQixJQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUUsU0FBUyxFQUFDLG9CQUFvQjtRQUM1RyxvQkFBQyxhQUFhLG9CQUFLLFNBQVMsRUFBTSxVQUFVLEVBQU0sVUFBVSxJQUFFLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUSxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxJQUFJLENBQ2pHLENBQ2hCLENBQUM7QUFDSixDQUFDIn0=
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { type TimeValue } from 'react-aria-components';
|
3
|
+
import { type TimeFieldProps } from '../../../src/molecules/TimeField/TimeField';
|
4
|
+
declare type TimePickerProps<T extends TimeValue> = TimeFieldProps<T>;
|
5
|
+
export declare const TimePicker: <T extends TimeValue>(props: TimePickerProps<T>) => React.JSX.Element;
|
6
|
+
export {};
|
@@ -0,0 +1,4 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { TimeField } from '../../../src/molecules/TimeField/TimeField';
|
3
|
+
export const TimePicker = (props) => React.createElement(TimeField, Object.assign({}, props));
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZVBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVGltZVBpY2tlci9UaW1lUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFHMUIsT0FBTyxFQUFFLFNBQVMsRUFBdUIsTUFBTSxtQ0FBbUMsQ0FBQztBQUluRixNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsQ0FBc0IsS0FBeUIsRUFBRSxFQUFFLENBQUMsb0JBQUMsU0FBUyxvQkFBSyxLQUFLLEVBQUksQ0FBQyJ9
|
@@ -5,7 +5,7 @@ declare type Props = Omit<TypographyProps, 'fontWeight' | 'variant'>;
|
|
5
5
|
declare type LegacyProps = Omit<TypographyProps, 'variant'>;
|
6
6
|
declare type Header = 'LargeHeading';
|
7
7
|
declare type Body = 'Default' | 'DefaultStrong' | 'Large' | 'LargeStrong' | 'Small' | 'SmallStrong';
|
8
|
-
declare type Monospace = 'Code' | 'CodeStrong';
|
8
|
+
declare type Monospace = 'Code' | 'CodeSmall' | 'CodeSmallStrong' | 'CodeStrong';
|
9
9
|
declare type Formatting = 'Strong';
|
10
10
|
declare type ComposedTypographyProps = {
|
11
11
|
[key in Body | Header | Monospace]: React.FC<Props>;
|
@@ -94,6 +94,16 @@ Typography.CodeStrong = (_a) => {
|
|
94
94
|
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "code-strong" })));
|
95
95
|
};
|
96
96
|
Typography.CodeStrong.displayName = 'Typography.CodeStrong';
|
97
|
+
Typography.CodeSmall = (_a) => {
|
98
|
+
var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
|
99
|
+
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "code-small" })));
|
100
|
+
};
|
101
|
+
Typography.CodeSmall.displayName = 'Typography.Code';
|
102
|
+
Typography.CodeSmallStrong = (_a) => {
|
103
|
+
var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
|
104
|
+
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "code-small-strong" })));
|
105
|
+
};
|
106
|
+
Typography.CodeSmallStrong.displayName = 'Typography.CodeSmallStrong';
|
97
107
|
// Legacy variants
|
98
108
|
Typography.LargeText = (_a) => {
|
99
109
|
var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
|
@@ -120,4 +130,4 @@ Typography.SmallTextBold = (_a) => {
|
|
120
130
|
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "small-strong" })));
|
121
131
|
};
|
122
132
|
Typography.SmallTextBold.displayName = 'Typography.SmallTextBold';
|
123
|
-
//# sourceMappingURL=data:application/json;base64,
|
133
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFVBQVUsTUFBTSxZQUFZLENBQUM7QUFFcEMsT0FBTyxFQUFFLFVBQVUsSUFBSSxjQUFjLEVBQXdCLE1BQU0saUNBQWlDLENBQUM7QUFFckcsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBNkR4QyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQXdELENBQUMsS0FBc0IsRUFBRSxFQUFFLENBQUMsQ0FDekcsb0JBQUMsY0FBYyxvQkFBSyxLQUFLLEVBQUksQ0FDOUIsQ0FBQztBQUNGLFVBQVUsQ0FBQyxXQUFXLEdBQUcsWUFBWSxDQUFDO0FBRXRDLFVBQVUsQ0FBQyxZQUFZLEdBQUcsQ0FBQyxFQUFtQyxFQUFFLEVBQUU7UUFBdkMsRUFBRSxPQUFPLEdBQUcsSUFBSSxPQUFtQixFQUFkLEtBQUssY0FBMUIsV0FBNEIsQ0FBRjtJQUFjLE9BQUEsQ0FDakUsb0JBQUMsY0FBYyxvQkFBSyxLQUFLLElBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUMsZUFBZSxJQUFHLENBQ3hFLENBQUE7Q0FBQSxDQUFDO0FBQ0YsVUFBVSxDQUFDLFlBQVksQ0FBQyxXQUFXLEdBQUcseUJBQXlCLENBQUM7QUFFaEU7Ozs7Ozs7R0FPRztBQUNILFVBQVUsQ0FBQyxPQUFPLEdBQUcsQ0FBQyxFQUFxRCxFQUFFLEVBQUU7UUFBekQsRUFBRSxPQUFPLEdBQUcsSUFBSSxFQUFFLFVBQVUsT0FBeUIsRUFBcEIsS0FBSyxjQUF0Qyx5QkFBd0MsQ0FBRjtJQUFvQixPQUFBLENBQzlFLG9CQUFDLGNBQWMsb0JBQUssS0FBSyxJQUFFLE9BQU8sRUFBRSxPQUFPLEVB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
|
@@ -19,6 +19,8 @@ export * from './Context/Context';
|
|
19
19
|
export * from './ControlLabel/ControlLabel';
|
20
20
|
export * from './DataList/DataList';
|
21
21
|
export * from './DataTable/DataTable';
|
22
|
+
export * from './DatePicker/DatePicker';
|
23
|
+
export * from './DatePicker/DateRangePicker';
|
22
24
|
export * from './Dialog/Dialog';
|
23
25
|
export * from './Divider/Divider';
|
24
26
|
export * from './Drawer/Drawer';
|
@@ -66,6 +68,7 @@ export * from './Tailwindify/Tailwindify';
|
|
66
68
|
export * from './Template/Template';
|
67
69
|
export * from './Textarea/Textarea';
|
68
70
|
export * from './Timeline/Timeline';
|
71
|
+
export * from './TimePicker/TimePicker';
|
69
72
|
export * from './Toast/Toast';
|
70
73
|
export * from './Tooltip/Tooltip';
|
71
74
|
export * from './Typography/Typography';
|
@@ -20,6 +20,8 @@ export * from './Context/Context';
|
|
20
20
|
export * from './ControlLabel/ControlLabel';
|
21
21
|
export * from './DataList/DataList';
|
22
22
|
export * from './DataTable/DataTable';
|
23
|
+
export * from './DatePicker/DatePicker';
|
24
|
+
export * from './DatePicker/DateRangePicker';
|
23
25
|
export * from './Dialog/Dialog';
|
24
26
|
export * from './Divider/Divider';
|
25
27
|
export * from './Drawer/Drawer';
|
@@ -67,6 +69,7 @@ export * from './Tailwindify/Tailwindify';
|
|
67
69
|
export * from './Template/Template';
|
68
70
|
export * from './Textarea/Textarea';
|
69
71
|
export * from './Timeline/Timeline';
|
72
|
+
export * from './TimePicker/TimePicker';
|
70
73
|
export * from './Toast/Toast';
|
71
74
|
export * from './Tooltip/Tooltip';
|
72
75
|
export * from './Typography/Typography';
|
@@ -77,4 +80,4 @@ export * from '../utils/table/useTableSelect';
|
|
77
80
|
export * from '../utils/table/useTableSort';
|
78
81
|
export * from './Pagination/usePagination';
|
79
82
|
export const SelectItem = Select.Item;
|
80
|
-
//# sourceMappingURL=data:application/json;base64,
|
83
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbW9sZWN1bGVzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVoRCxzREFBc0Q7QUFDdEQsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLFdBQVcsQ0FBQztBQUMxQixjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzdELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHlCQUF5QixDQUFDO0FBRXhDLHVDQUF1QztBQUN2QyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNEJBQTRCLENBQUM7QUFFM0MsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMifQ==
|
@@ -460,6 +460,26 @@
|
|
460
460
|
"lineHeight": 1.5,
|
461
461
|
"textTransform": "none"
|
462
462
|
},
|
463
|
+
"code-small": {
|
464
|
+
"fontFamily": [
|
465
|
+
"Source Code Pro"
|
466
|
+
],
|
467
|
+
"fontSize": "14px",
|
468
|
+
"fontWeight": 400,
|
469
|
+
"fontStyle": "normal",
|
470
|
+
"lineHeight": 1.42,
|
471
|
+
"textTransform": "none"
|
472
|
+
},
|
473
|
+
"code-small-strong": {
|
474
|
+
"fontFamily": [
|
475
|
+
"Source Code Pro"
|
476
|
+
],
|
477
|
+
"fontSize": "14px",
|
478
|
+
"fontWeight": 600,
|
479
|
+
"fontStyle": "normal",
|
480
|
+
"lineHeight": 1.42,
|
481
|
+
"textTransform": "none"
|
482
|
+
},
|
463
483
|
"caption-small": {
|
464
484
|
"fontFamily": [
|
465
485
|
"Inter"
|
@@ -1,7 +1,6 @@
|
|
1
1
|
export const mockDynamicIds = () => {
|
2
2
|
let id = 0;
|
3
3
|
const generateID = () => `id-${++id}`;
|
4
|
-
jest.mock('@react-aria/utils', () => (Object.assign(Object.assign({}, jest.requireActual('@react-aria/utils')), { useId: generateID })));
|
5
4
|
jest.mock('lodash/uniqueId', () => {
|
6
5
|
return {
|
7
6
|
__esModule: true,
|
@@ -12,4 +11,4 @@ export const mockDynamicIds = () => {
|
|
12
11
|
id = 0;
|
13
12
|
});
|
14
13
|
};
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ja0R5bmFtaWNJZHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdXRpbHMvbW9ja3MvbW9ja0R5bmFtaWNJZHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLEdBQUcsRUFBRTtJQUNqQyxJQUFJLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDWCxNQUFNLFVBQVUsR0FBRyxHQUFHLEVBQUUsQ0FBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUM7SUFFdEMsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxHQUFHLEVBQUU7UUFDaEMsT0FBTztZQUNMLFVBQVUsRUFBRSxJQUFJO1lBQ2hCLE9BQU8sRUFBRSxJQUFJLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQztTQUM3QixDQUFDO0lBQ0osQ0FBQyxDQUFDLENBQUM7SUFFSCxVQUFVLENBQUMsR0FBRyxFQUFFO1FBQ2QsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNULENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDIn0=
|
@@ -2,3 +2,4 @@ import { type Argument } from 'classnames';
|
|
2
2
|
import { type TailwindClassParameterValue } from '../../types/tailwind';
|
3
3
|
export declare function tw<S1, S2, S3, S4, S5, S6, S7, S8, S9, S10>(classesOrModifiers1?: TailwindClassParameterValue<S1>, classesOrModifiers2?: TailwindClassParameterValue<S2>, classesOrModifiers3?: TailwindClassParameterValue<S3>, classesOrModifiers4?: TailwindClassParameterValue<S4>, classesOrModifiers5?: TailwindClassParameterValue<S5>, classesOrModifiers6?: TailwindClassParameterValue<S6>, classesOrModifiers7?: TailwindClassParameterValue<S7>, classesOrModifiers8?: TailwindClassParameterValue<S8>, classesOrModifiers9?: TailwindClassParameterValue<S9>, classesOrModifiers10?: TailwindClassParameterValue<S10>): string;
|
4
4
|
export declare const classNames: (...args: Argument[]) => string;
|
5
|
+
export declare const composeTailwindRenderProps: <T>(className: string | ((v: T) => string) | undefined, tw: string) => string | ((v: T) => string);
|
@@ -1,4 +1,6 @@
|
|
1
|
+
import { composeRenderProps } from 'react-aria-components';
|
1
2
|
import originalClassNames from 'classnames';
|
3
|
+
import { twMerge } from 'tailwind-merge';
|
2
4
|
function cleanClassNames(classNames) {
|
3
5
|
const tokens = classNames.split(/\s+/);
|
4
6
|
return tokens.filter((item) => item).join(' ');
|
@@ -17,4 +19,7 @@ export const classNames = (...args) => {
|
|
17
19
|
const result = originalClassNames(...args);
|
18
20
|
return cleanClassNames(result);
|
19
21
|
};
|
20
|
-
|
22
|
+
export const composeTailwindRenderProps = (className, tw) => {
|
23
|
+
return composeRenderProps(className, (className) => twMerge(tw, className));
|
24
|
+
};
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpbHdpbmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdXRpbHMvdGFpbHdpbmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDM0QsT0FBTyxrQkFBcUMsTUFBTSxZQUFZLENBQUM7QUFDL0QsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBSXpDLFNBQVMsZUFBZSxDQUFDLFVBQWtCO0lBQ3pDLE1BQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdkMsT0FBTyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7QUFDakQsQ0FBQztBQUVEOzs7O0dBSUc7QUFDSCxNQUFNLFVBQVUsRUFBRSxDQUNoQixtQkFBcUQsRUFDckQsbUJBQXFELEVBQ3JELG1CQUFxRCxFQUNyRCxtQkFBcUQsRUFDckQsbUJBQXFELEVBQ3JELG1CQUFxRCxFQUNyRCxtQkFBcUQsRUFDckQsbUJBQXFELEVBQ3JELG1CQUFxRCxFQUNyRCxvQkFBdUQ7SUFFdkQsTUFBTSxNQUFNLEdBQUcsa0JBQWtCLENBQy9CLG1CQUFtQixFQUNuQixtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLG1CQUFtQixFQUNuQixtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLG1CQUFtQixFQUNuQixtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLG9CQUFvQixDQUNyQixDQUFDO0lBRUYsT0FBTyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7QUFDakMsQ0FBQztBQUVELDRDQUE0QztBQUM1QyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsQ0FBQyxHQUFHLElBQWdCLEVBQVUsRUFBRTtJQUN4RCxNQUFNLE1BQU0sR0FBRyxrQkFBa0IsQ0FBQyxHQUFHLElBQUksQ0FBQyxDQUFDO0lBQzNDLE9BQU8sZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0FBQ2pDLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLDBCQUEwQixHQUFHLENBQ3hDLFNBQWtELEVBQ2xELEVBQVUsRUFDbUIsRUFBRTtJQUMvQixPQUFPLGtCQUFrQixDQUFDLFNBQVMsRUFBRSxDQUFDLFNBQVMsRUFBRSxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQUUsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDO0FBQzlFLENBQUMsQ0FBQyJ9
|