@opengovsg/oui 0.0.11 → 0.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/button/button.cjs +3 -1
- package/dist/cjs/calendar/calendar-month-day-selector.cjs +2 -2
- package/dist/cjs/calendar/calendar.cjs +1 -1
- package/dist/cjs/combo-box/combo-box.cjs +2 -2
- package/dist/cjs/date-field/date-field.cjs +81 -0
- package/dist/cjs/date-field/index.cjs +9 -0
- package/dist/cjs/date-picker/date-picker.cjs +85 -0
- package/dist/cjs/date-picker/index.cjs +8 -0
- package/dist/cjs/date-range-picker/date-range-picker.cjs +128 -0
- package/dist/cjs/date-range-picker/index.cjs +8 -0
- package/dist/cjs/govt-banner/govt-banner.cjs +24 -59
- package/dist/cjs/index.cjs +40 -33
- package/dist/cjs/menu/menu.cjs +1 -1
- package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/calendar.cjs +24 -0
- package/dist/cjs/range-calendar/range-calendar.cjs +1 -1
- package/dist/cjs/select/select.cjs +2 -2
- package/dist/cjs/tag-field/tag-field.cjs +3 -3
- package/dist/cjs/text-area-field/text-area-field.cjs +1 -1
- package/dist/cjs/text-field/text-field.cjs +1 -1
- package/dist/esm/button/button.js +3 -1
- package/dist/esm/calendar/calendar-month-day-selector.js +2 -2
- package/dist/esm/calendar/calendar.js +2 -2
- package/dist/esm/combo-box/combo-box.js +2 -2
- package/dist/esm/date-field/date-field.js +78 -0
- package/dist/esm/date-field/index.js +2 -0
- package/dist/esm/date-picker/date-picker.js +83 -0
- package/dist/esm/date-picker/index.js +2 -0
- package/dist/esm/date-range-picker/date-range-picker.js +126 -0
- package/dist/esm/date-range-picker/index.js +2 -0
- package/dist/esm/govt-banner/govt-banner.js +25 -60
- package/dist/esm/index.js +13 -10
- package/dist/esm/menu/menu.js +1 -1
- package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/calendar.js +19 -0
- package/dist/esm/range-calendar/range-calendar.js +3 -3
- package/dist/esm/select/select.js +2 -2
- package/dist/esm/tag-field/tag-field.js +3 -3
- package/dist/esm/text-area-field/text-area-field.js +1 -1
- package/dist/esm/text-field/text-field.js +1 -1
- package/dist/types/badge/use-badge.d.ts +7 -48
- package/dist/types/badge/use-badge.d.ts.map +1 -1
- package/dist/types/button/button.d.ts.map +1 -1
- package/dist/types/calendar/calendar.d.ts +2 -3
- package/dist/types/calendar/calendar.d.ts.map +1 -1
- package/dist/types/calendar/types.d.ts +2 -13
- package/dist/types/calendar/types.d.ts.map +1 -1
- package/dist/types/date-field/date-field.d.ts +19 -0
- package/dist/types/date-field/date-field.d.ts.map +1 -0
- package/dist/types/date-field/index.d.ts +2 -0
- package/dist/types/date-field/index.d.ts.map +1 -0
- package/dist/types/date-picker/date-picker.d.ts +20 -0
- package/dist/types/date-picker/date-picker.d.ts.map +1 -0
- package/dist/types/date-picker/index.d.ts +2 -0
- package/dist/types/date-picker/index.d.ts.map +1 -0
- package/dist/types/date-range-picker/date-range-picker.d.ts +19 -0
- package/dist/types/date-range-picker/date-range-picker.d.ts.map +1 -0
- package/dist/types/date-range-picker/index.d.ts +2 -0
- package/dist/types/date-range-picker/index.d.ts.map +1 -0
- package/dist/types/govt-banner/govt-banner.d.ts.map +1 -1
- package/dist/types/index.d.mts +3 -0
- package/dist/types/index.d.ts +3 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/menu/menu.d.ts +1 -1
- package/dist/types/menu/menu.d.ts.map +1 -1
- package/dist/types/range-calendar/range-calendar.d.ts +2 -13
- package/dist/types/range-calendar/range-calendar.d.ts.map +1 -1
- package/dist/types/spinner/use-spinner.d.ts +8 -8
- package/package.json +28 -28
package/dist/esm/index.js
CHANGED
|
@@ -1,34 +1,37 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
export { useControllableState } from './hooks/use-controllable-state.js';
|
|
3
|
+
export { GovtBanner } from './govt-banner/govt-banner.js';
|
|
2
4
|
export { Ripple } from './ripple/ripple.js';
|
|
3
5
|
export { useRipple } from './ripple/use-ripple.js';
|
|
4
6
|
export { Spinner } from './spinner/spinner.js';
|
|
5
7
|
export { useSpinner } from './spinner/use-spinner.js';
|
|
6
8
|
export { Toggle } from './toggle/toggle.js';
|
|
7
9
|
export { SkipNavLink } from './skip-nav-link/skip-nav-link.js';
|
|
10
|
+
export { Input } from './input/input.js';
|
|
8
11
|
export { TextField } from './text-field/text-field.js';
|
|
12
|
+
export { Description, FieldError, FieldGroup, Label } from './field/field.js';
|
|
9
13
|
export { TextArea } from './text-area/text-area.js';
|
|
10
14
|
export { TextAreaField } from './text-area-field/text-area-field.js';
|
|
11
15
|
export { TagField } from './tag-field/tag-field.js';
|
|
12
16
|
export { TagFieldItem } from './tag-field/tag-field-item.js';
|
|
17
|
+
export { Select } from './select/select.js';
|
|
18
|
+
export { SelectItem } from './select/select-item.js';
|
|
19
|
+
export { SelectVariantContext, useSelectVariantContext } from './select/select-variant-context.js';
|
|
20
|
+
export { RangeCalendar, RangeCalendarCell, RangeCalendarStateWrapper } from './range-calendar/range-calendar.js';
|
|
21
|
+
export { Menu, MenuItem, MenuSection, MenuSeparator, MenuTrigger, MenuVariantContext, SubmenuTrigger, useMenuVariantContext } from './menu/menu.js';
|
|
22
|
+
export { Popover } from './popover/popover.js';
|
|
13
23
|
export { Tab, TabList, TabPanel, Tabs, TabsVariantContext, useTabsVariantContext } from './tabs/tabs.js';
|
|
14
|
-
export {
|
|
24
|
+
export { DateRangePicker } from './date-range-picker/date-range-picker.js';
|
|
15
25
|
export { Button } from './button/button.js';
|
|
16
|
-
export { GovtBanner } from './govt-banner/govt-banner.js';
|
|
17
|
-
export { Input } from './input/input.js';
|
|
18
|
-
export { Description, FieldError, FieldGroup, Label } from './field/field.js';
|
|
19
26
|
export { ComboBox, ComboBoxEmptyState } from './combo-box/combo-box.js';
|
|
20
27
|
export { ComboBoxFuzzy } from './combo-box/combo-box-fuzzy.js';
|
|
21
28
|
export { ComboBoxItem } from './combo-box/combo-box-item.js';
|
|
22
29
|
export { ComboBoxVariantContext, useComboBoxVariantContext } from './combo-box/combo-box-variant-context.js';
|
|
23
30
|
export { Banner } from './banner/banner.js';
|
|
24
|
-
export { Select } from './select/select.js';
|
|
25
|
-
export { SelectItem } from './select/select-item.js';
|
|
26
|
-
export { SelectVariantContext, useSelectVariantContext } from './select/select-variant-context.js';
|
|
27
31
|
export { Badge } from './badge/badge.js';
|
|
28
32
|
export { CalendarDate } from '@internationalized/date';
|
|
29
33
|
export { Calendar, CalendarStateWrapper } from './calendar/calendar.js';
|
|
30
34
|
export { CalendarStyleContext, useCalendarStyleContext } from './calendar/calendar-style-context.js';
|
|
31
35
|
export { getEraFormat, useGenerateLocalizedMonths, useGenerateLocalizedYears, useLocalizedMonthYear } from './calendar/utils.js';
|
|
32
|
-
export {
|
|
33
|
-
export {
|
|
34
|
-
export { Popover } from './popover/popover.js';
|
|
36
|
+
export { DateField, DateInput } from './date-field/date-field.js';
|
|
37
|
+
export { DatePicker } from './date-picker/date-picker.js';
|
package/dist/esm/menu/menu.js
CHANGED
|
@@ -4,11 +4,11 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
|
4
4
|
import { forwardRef, useMemo, useCallback } from 'react';
|
|
5
5
|
import { useContextProps, MenuItem as MenuItem$1, composeRenderProps, Provider, Menu as Menu$1, MenuSection as MenuSection$1, Header, Collection, MenuTrigger as MenuTrigger$1, SubmenuTrigger as SubmenuTrigger$1, Separator } from 'react-aria-components';
|
|
6
6
|
import { listBoxItemStyles, menuItemStyles, menuStyles, menuSectionStyles, menuDividerStyles } from '@opengovsg/oui-theme';
|
|
7
|
+
import { Popover } from '../popover/popover.js';
|
|
7
8
|
import { forwardRefGeneric, mapPropsVariants } from '../system/utils.js';
|
|
8
9
|
import Check from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/check.js';
|
|
9
10
|
import ChevronRight from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-right.js';
|
|
10
11
|
import { createContext } from '../system/react-utils/context.js';
|
|
11
|
-
import { Popover } from '../popover/popover.js';
|
|
12
12
|
|
|
13
13
|
const [MenuVariantContext, useMenuVariantContext] = createContext({
|
|
14
14
|
name: "MenuVariantContext",
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import createLucideIcon from '../createLucideIcon.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @license lucide-react v0.475.0 - ISC
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the ISC license.
|
|
7
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
const __iconNode = [
|
|
12
|
+
["path", { d: "M8 2v4", key: "1cmpym" }],
|
|
13
|
+
["path", { d: "M16 2v4", key: "4m81vk" }],
|
|
14
|
+
["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
|
|
15
|
+
["path", { d: "M3 10h18", key: "8toen8" }]
|
|
16
|
+
];
|
|
17
|
+
const Calendar = createLucideIcon("Calendar", __iconNode);
|
|
18
|
+
|
|
19
|
+
export { __iconNode, Calendar as default };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
"use client";
|
|
3
3
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
-
import {
|
|
4
|
+
import { useMemo, useContext } from 'react';
|
|
5
5
|
import { CalendarDate, today, getLocalTimeZone, getDayOfWeek } from '@internationalized/date';
|
|
6
6
|
import { RangeCalendar as RangeCalendar$1, Provider, CalendarGrid, CalendarGridBody, Text, RangeCalendarStateContext, useLocale, CalendarCell } from 'react-aria-components';
|
|
7
7
|
import { useDeepCompareMemo } from 'use-deep-compare';
|
|
@@ -10,10 +10,10 @@ import { AgnosticCalendarStateContext } from '../calendar/agnostic-calendar-stat
|
|
|
10
10
|
import { CalendarBottomContent } from '../calendar/calendar-bottom-content.js';
|
|
11
11
|
import { CalendarGridHeader } from '../calendar/calendar-grid-header.js';
|
|
12
12
|
import { CalendarHeader } from '../calendar/calendar-header.js';
|
|
13
|
-
import { mapPropsVariants } from '../system/utils.js';
|
|
13
|
+
import { forwardRefGeneric, mapPropsVariants } from '../system/utils.js';
|
|
14
14
|
import { CalendarStyleContext, useCalendarStyleContext } from '../calendar/calendar-style-context.js';
|
|
15
15
|
|
|
16
|
-
const RangeCalendar =
|
|
16
|
+
const RangeCalendar = forwardRefGeneric(function RangeCalendar2(originalProps, ref) {
|
|
17
17
|
const [props, variantProps] = mapPropsVariants(
|
|
18
18
|
originalProps,
|
|
19
19
|
calendarStyles.variantKeys
|
|
@@ -4,11 +4,11 @@ import { jsx, jsxs } from 'react/jsx-runtime';
|
|
|
4
4
|
import { useMemo } from 'react';
|
|
5
5
|
import { Provider, Select as Select$1, SelectValue, Virtualizer, ListLayout, ListBox } from 'react-aria-components';
|
|
6
6
|
import { selectStyles, composeRenderProps } from '@opengovsg/oui-theme';
|
|
7
|
+
import { Label, Description, FieldError } from '../field/field.js';
|
|
8
|
+
import { Popover } from '../popover/popover.js';
|
|
7
9
|
import { mapPropsVariants } from '../system/utils.js';
|
|
8
10
|
import { SelectVariantContext } from './select-variant-context.js';
|
|
9
|
-
import { Label, Description, FieldError } from '../field/field.js';
|
|
10
11
|
import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
|
|
11
|
-
import { Popover } from '../popover/popover.js';
|
|
12
12
|
import { Button } from '../button/button.js';
|
|
13
13
|
|
|
14
14
|
const calculateEstimatedRowHeight = (size) => {
|
|
@@ -4,15 +4,15 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
4
4
|
import { createElement } from 'react';
|
|
5
5
|
import { composeRenderProps } from 'react-aria-components';
|
|
6
6
|
import { tagFieldStyles } from '@opengovsg/oui-theme';
|
|
7
|
+
import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
|
|
8
|
+
import { Input } from '../input/input.js';
|
|
9
|
+
import { Popover } from '../popover/popover.js';
|
|
7
10
|
import { TagFieldItem } from './tag-field-item.js';
|
|
8
11
|
import { TagFieldList } from './tag-field-list.js';
|
|
9
12
|
import { TagFieldRoot } from './tag-field-root.js';
|
|
10
13
|
import { TagFieldTagList } from './tag-field-tag-list.js';
|
|
11
14
|
import { TagFieldTrigger } from './tag-field-trigger.js';
|
|
12
15
|
import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
|
|
13
|
-
import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
|
|
14
|
-
import { Input } from '../input/input.js';
|
|
15
|
-
import { Popover } from '../popover/popover.js';
|
|
16
16
|
|
|
17
17
|
function TagField({
|
|
18
18
|
classNames,
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
4
|
import { TextField } from 'react-aria-components';
|
|
5
5
|
import { composeTailwindRenderProps } from '@opengovsg/oui-theme';
|
|
6
|
-
import { TextArea } from '../text-area/text-area.js';
|
|
7
6
|
import { Label, Description, FieldError } from '../field/field.js';
|
|
7
|
+
import { TextArea } from '../text-area/text-area.js';
|
|
8
8
|
|
|
9
9
|
function TextAreaField({
|
|
10
10
|
label,
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
4
|
import { TextField as TextField$1 } from 'react-aria-components';
|
|
5
5
|
import { composeTailwindRenderProps } from '@opengovsg/oui-theme';
|
|
6
|
-
import { Input } from '../input/input.js';
|
|
7
6
|
import { Label, Description, FieldError } from '../field/field.js';
|
|
7
|
+
import { Input } from '../input/input.js';
|
|
8
8
|
|
|
9
9
|
function TextField({
|
|
10
10
|
label,
|
|
@@ -49,22 +49,6 @@ export declare function useBadge(originalProps: UseBadgeProps): {
|
|
|
49
49
|
md: string;
|
|
50
50
|
};
|
|
51
51
|
}, undefined, string, {
|
|
52
|
-
responsiveVariants?: boolean | (string | number | symbol)[] | {
|
|
53
|
-
size?: boolean | (string | number | symbol)[] | undefined;
|
|
54
|
-
isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
|
|
55
|
-
} | undefined;
|
|
56
|
-
} & import("tailwind-variants/dist/config.js").TWMConfig & {
|
|
57
|
-
twMergeConfig: {
|
|
58
|
-
extend: {
|
|
59
|
-
theme: {};
|
|
60
|
-
classGroups: {
|
|
61
|
-
prose: {
|
|
62
|
-
prose: (() => boolean)[];
|
|
63
|
-
}[];
|
|
64
|
-
};
|
|
65
|
-
};
|
|
66
|
-
};
|
|
67
|
-
}, {
|
|
68
52
|
isFocusVisible: {
|
|
69
53
|
false: string;
|
|
70
54
|
true: string;
|
|
@@ -75,21 +59,6 @@ export declare function useBadge(originalProps: UseBadgeProps): {
|
|
|
75
59
|
true: string;
|
|
76
60
|
};
|
|
77
61
|
}, undefined, "outline-offset-2 outline-none", {
|
|
78
|
-
responsiveVariants?: boolean | (string | number | symbol)[] | {
|
|
79
|
-
isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
|
|
80
|
-
} | undefined;
|
|
81
|
-
} & import("tailwind-variants/dist/config.js").TWMConfig & {
|
|
82
|
-
twMergeConfig: {
|
|
83
|
-
extend: {
|
|
84
|
-
theme: {};
|
|
85
|
-
classGroups: {
|
|
86
|
-
prose: {
|
|
87
|
-
prose: (() => boolean)[];
|
|
88
|
-
}[];
|
|
89
|
-
};
|
|
90
|
-
};
|
|
91
|
-
};
|
|
92
|
-
}, {
|
|
93
62
|
isFocusVisible: {
|
|
94
63
|
false: string;
|
|
95
64
|
true: string;
|
|
@@ -99,17 +68,7 @@ export declare function useBadge(originalProps: UseBadgeProps): {
|
|
|
99
68
|
false: string;
|
|
100
69
|
true: string;
|
|
101
70
|
};
|
|
102
|
-
}, undefined, "outline-offset-2 outline-none",
|
|
103
|
-
isFocusVisible: {
|
|
104
|
-
false: string;
|
|
105
|
-
true: string;
|
|
106
|
-
};
|
|
107
|
-
}, {
|
|
108
|
-
isFocusVisible: {
|
|
109
|
-
false: string;
|
|
110
|
-
true: string;
|
|
111
|
-
};
|
|
112
|
-
}>, unknown, unknown, undefined>>>;
|
|
71
|
+
}, undefined, "outline-offset-2 outline-none", unknown, unknown, undefined>>>;
|
|
113
72
|
base: ((slotProps?: ({
|
|
114
73
|
size?: "md" | "sm" | "xs" | undefined;
|
|
115
74
|
color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
|
|
@@ -117,14 +76,14 @@ export declare function useBadge(originalProps: UseBadgeProps): {
|
|
|
117
76
|
variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
|
|
118
77
|
isDisabled?: boolean | undefined;
|
|
119
78
|
isCloseable?: boolean | undefined;
|
|
120
|
-
} & import("tailwind-variants").ClassProp<import("tailwind-
|
|
79
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string) & ((slotProps?: ({
|
|
121
80
|
size?: "md" | "sm" | "xs" | undefined;
|
|
122
81
|
color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
|
|
123
82
|
radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
|
|
124
83
|
variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
|
|
125
84
|
isDisabled?: boolean | undefined;
|
|
126
85
|
isCloseable?: boolean | undefined;
|
|
127
|
-
} & import("tailwind-variants").ClassProp<import("tailwind-
|
|
86
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string);
|
|
128
87
|
dot: ((slotProps?: ({
|
|
129
88
|
size?: "md" | "sm" | "xs" | undefined;
|
|
130
89
|
color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
|
|
@@ -132,14 +91,14 @@ export declare function useBadge(originalProps: UseBadgeProps): {
|
|
|
132
91
|
variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
|
|
133
92
|
isDisabled?: boolean | undefined;
|
|
134
93
|
isCloseable?: boolean | undefined;
|
|
135
|
-
} & import("tailwind-variants").ClassProp<import("tailwind-
|
|
94
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string) & ((slotProps?: ({
|
|
136
95
|
size?: "md" | "sm" | "xs" | undefined;
|
|
137
96
|
color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
|
|
138
97
|
radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
|
|
139
98
|
variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
|
|
140
99
|
isDisabled?: boolean | undefined;
|
|
141
100
|
isCloseable?: boolean | undefined;
|
|
142
|
-
} & import("tailwind-variants").ClassProp<import("tailwind-
|
|
101
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string);
|
|
143
102
|
content: ((slotProps?: ({
|
|
144
103
|
size?: "md" | "sm" | "xs" | undefined;
|
|
145
104
|
color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
|
|
@@ -147,14 +106,14 @@ export declare function useBadge(originalProps: UseBadgeProps): {
|
|
|
147
106
|
variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
|
|
148
107
|
isDisabled?: boolean | undefined;
|
|
149
108
|
isCloseable?: boolean | undefined;
|
|
150
|
-
} & import("tailwind-variants").ClassProp<import("tailwind-
|
|
109
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string) & ((slotProps?: ({
|
|
151
110
|
size?: "md" | "sm" | "xs" | undefined;
|
|
152
111
|
color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
|
|
153
112
|
radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
|
|
154
113
|
variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
|
|
155
114
|
isDisabled?: boolean | undefined;
|
|
156
115
|
isCloseable?: boolean | undefined;
|
|
157
|
-
} & import("tailwind-variants").ClassProp<import("tailwind-
|
|
116
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string);
|
|
158
117
|
};
|
|
159
118
|
classNames: SlotsToClasses<"content" | "base" | "dot" | "closeButton"> | undefined;
|
|
160
119
|
isCloseable: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-badge.d.ts","sourceRoot":"","sources":["../../../src/badge/use-badge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtC,OAAO,KAAK,EACV,UAAU,EACV,iBAAiB,EACjB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAG7B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAI9D,MAAM,WAAW,aAAc,SAAQ,WAAW,EAAE,iBAAiB;IACnE,GAAG,CAAC,EAAE,QAAQ,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACrC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE5B;;;;;;;;;;;;;OAaG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,UAAU,GAAG,aAAa,CAAC,CAAA;IACvD;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;CAClC;AAiBD,wBAAgB,QAAQ,CAAC,aAAa,EAAE,aAAa
|
|
1
|
+
{"version":3,"file":"use-badge.d.ts","sourceRoot":"","sources":["../../../src/badge/use-badge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtC,OAAO,KAAK,EACV,UAAU,EACV,iBAAiB,EACjB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAG7B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAI9D,MAAM,WAAW,aAAc,SAAQ,WAAW,EAAE,iBAAiB;IACnE,GAAG,CAAC,EAAE,QAAQ,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACrC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE5B;;;;;;;;;;;;;OAaG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,UAAU,GAAG,aAAa,CAAC,CAAA;IACvD;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;CAClC;AAiBD,wBAAgB,QAAQ,CAAC,aAAa,EAAE,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiGpD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAK3E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAO9D,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,kBAAkB;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAElC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAK3E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAO9D,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,kBAAkB;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAElC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,2GA0ElB,CAAA"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import { CalendarDate } from "@internationalized/date";
|
|
1
|
+
import type { DateValue } from "react-aria-components";
|
|
3
2
|
import type { CalendarProps } from "./types";
|
|
4
|
-
export declare const Calendar: <T extends
|
|
3
|
+
export declare const Calendar: <T extends DateValue>(props: CalendarProps<T> & import("react").RefAttributes<HTMLDivElement>) => React.ReactNode;
|
|
5
4
|
export declare const CalendarStateWrapper: ({ children, }: {
|
|
6
5
|
children: React.ReactNode;
|
|
7
6
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAiBtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAQ5C,eAAO,MAAM,QAAQ,GACnB,CAAC,SAAS,SAAS,8EAqCJ,MAAO,SAuFtB,CAAA;AAEF,eAAO,MAAM,oBAAoB,kBAE9B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,4CAQA,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import type { CalendarDate } from "@internationalized/date";
|
|
2
1
|
import type { ReactNode } from "react";
|
|
3
|
-
import type { CalendarProps as AriaCalendarProps, CalendarGridProps } from "react-aria-components";
|
|
2
|
+
import type { CalendarProps as AriaCalendarProps, CalendarGridProps, DateValue } from "react-aria-components";
|
|
4
3
|
import type { CalendarSlots, CalendarVariantProps, SlotsToClasses } from "@opengovsg/oui-theme";
|
|
5
|
-
export interface CalendarProps<T extends
|
|
4
|
+
export interface CalendarProps<T extends DateValue> extends AriaCalendarProps<T>, CalendarVariantProps, Pick<CalendarGridProps, "weekdayStyle"> {
|
|
6
5
|
errorMessage?: string;
|
|
7
6
|
/**
|
|
8
7
|
* List of classes to change the classNames of the element.
|
|
@@ -38,16 +37,6 @@ export interface CalendarProps<T extends CalendarDate> extends AriaCalendarProps
|
|
|
38
37
|
* ```
|
|
39
38
|
*/
|
|
40
39
|
classNames?: SlotsToClasses<CalendarSlots>;
|
|
41
|
-
/**
|
|
42
|
-
* The minimum allowed date that a user may select.
|
|
43
|
-
* @defaultValue `new CalendarDate(1900, 0, 1)`
|
|
44
|
-
*/
|
|
45
|
-
minValue?: T;
|
|
46
|
-
/**
|
|
47
|
-
* The maximum allowed date that a user may select.
|
|
48
|
-
* @defaultValue `new CalendarDate(2100, 12, 31)`
|
|
49
|
-
*/
|
|
50
|
-
maxValue?: T;
|
|
51
40
|
/**
|
|
52
41
|
* If provided, there will be a button below the calendar for users to jump to today's date.
|
|
53
42
|
* @defaultValue `true`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/calendar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/calendar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAClC,iBAAiB,EACjB,SAAS,EACV,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAAK,EACV,aAAa,EACb,oBAAoB,EACpB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,SAAS,CAChD,SAAQ,iBAAiB,CAAC,CAAC,CAAC,EAC1B,oBAAoB,EACpB,IAAI,CAAC,iBAAiB,EAAE,cAAc,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAgCG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;IAE1C;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,aAAa,CAAC,EAAE,SAAS,CAAA;CAC1B"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { DateFieldProps as AriaDateFieldProps, DateInputProps as AriaDateInputProps, DateValue, ValidationResult } from "react-aria-components";
|
|
2
|
+
import type { DateInputSlots, SlotsToClasses, VariantProps } from "@opengovsg/oui-theme";
|
|
3
|
+
import { dateFieldStyles, dateInputStyles } from "@opengovsg/oui-theme";
|
|
4
|
+
interface DateFieldProps<T extends DateValue> extends AriaDateFieldProps<T>, VariantProps<typeof dateFieldStyles> {
|
|
5
|
+
label?: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
8
|
+
classNames?: SlotsToClasses<"base" | "label" | "input" | "description" | "error">;
|
|
9
|
+
}
|
|
10
|
+
export declare function DateField<T extends DateValue>(originalProps: DateFieldProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
interface DateInputProps extends Omit<AriaDateInputProps, "children">, VariantProps<typeof dateInputStyles> {
|
|
12
|
+
label?: string;
|
|
13
|
+
description?: string;
|
|
14
|
+
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
15
|
+
classNames?: SlotsToClasses<DateInputSlots>;
|
|
16
|
+
}
|
|
17
|
+
export declare function DateInput(originalProps: DateInputProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=date-field.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-field.d.ts","sourceRoot":"","sources":["../../../src/date-field/date-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,cAAc,IAAI,kBAAkB,EACpC,cAAc,IAAI,kBAAkB,EACpC,SAAS,EACT,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAQ9B,OAAO,KAAK,EACV,cAAc,EACd,cAAc,EACd,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAGL,eAAe,EACf,eAAe,EAChB,MAAM,sBAAsB,CAAA;AAK7B,UAAU,cAAc,CAAC,CAAC,SAAS,SAAS,CAC1C,SAAQ,kBAAkB,CAAC,CAAC,CAAC,EAC3B,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,UAAU,EAAE,gBAAgB,KAAK,MAAM,CAAC,CAAA;IAClE,UAAU,CAAC,EAAE,cAAc,CACzB,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa,GAAG,OAAO,CACrD,CAAA;CACF;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,SAAS,EAC3C,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC,2CA2CjC;AAED,UAAU,cACR,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,EAC1C,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,UAAU,EAAE,gBAAgB,KAAK,MAAM,CAAC,CAAA;IAClE,UAAU,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;CAC5C;AAED,wBAAgB,SAAS,CAAC,aAAa,EAAE,cAAc,2CA8BtD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-field/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { DatePickerProps as AriaDatePickerProps, DateValue, ValidationResult } from "react-aria-components";
|
|
2
|
+
import type { CalendarSlots, DatePickerSlots, SlotsToClasses, VariantProps } from "@opengovsg/oui-theme";
|
|
3
|
+
import { datePickerStyles } from "@opengovsg/oui-theme";
|
|
4
|
+
import type { ButtonProps } from "../button";
|
|
5
|
+
import type { CalendarProps } from "../calendar";
|
|
6
|
+
import type { PopoverProps } from "../popover";
|
|
7
|
+
interface DatePickerProps<T extends DateValue> extends VariantProps<typeof datePickerStyles>, AriaDatePickerProps<T> {
|
|
8
|
+
label?: string;
|
|
9
|
+
description?: string;
|
|
10
|
+
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
11
|
+
calendarProps?: CalendarProps<T>;
|
|
12
|
+
popoverProps?: PopoverProps;
|
|
13
|
+
calendarButtonProps?: ButtonProps;
|
|
14
|
+
classNames?: SlotsToClasses<DatePickerSlots> & {
|
|
15
|
+
calendar?: SlotsToClasses<CalendarSlots>;
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
export declare function DatePicker<T extends DateValue>(originalProps: DatePickerProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=date-picker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,eAAe,IAAI,mBAAmB,EACtC,SAAS,EACT,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAK9B,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EACf,cAAc,EACd,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAEL,gBAAgB,EACjB,MAAM,sBAAsB,CAAA;AAE7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAQ9C,UAAU,eAAe,CAAC,CAAC,SAAS,SAAS,CAC3C,SAAQ,YAAY,CAAC,OAAO,gBAAgB,CAAC,EAC3C,mBAAmB,CAAC,CAAC,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,UAAU,EAAE,gBAAgB,KAAK,MAAM,CAAC,CAAA;IAClE,aAAa,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAA;IAChC,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,mBAAmB,CAAC,EAAE,WAAW,CAAA;IACjC,UAAU,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,GAAG;QAC7C,QAAQ,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;KACzC,CAAA;CACF;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,SAAS,EAC5C,aAAa,EAAE,eAAe,CAAC,CAAC,CAAC,2CAgElC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-picker/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { DateRangePickerProps as AriaDateRangePickerProps, DateValue, ValidationResult } from "react-aria-components";
|
|
2
|
+
import type { CalendarSlots, DateRangePickerSlots, SlotsToClasses, VariantProps } from "@opengovsg/oui-theme";
|
|
3
|
+
import { dateRangePickerStyles } from "@opengovsg/oui-theme";
|
|
4
|
+
import type { ButtonProps } from "../button";
|
|
5
|
+
import type { PopoverProps } from "../popover";
|
|
6
|
+
import type { RangeCalendarProps } from "../range-calendar";
|
|
7
|
+
export interface DateRangePickerProps<T extends DateValue> extends AriaDateRangePickerProps<T>, VariantProps<typeof dateRangePickerStyles> {
|
|
8
|
+
label?: string;
|
|
9
|
+
description?: string;
|
|
10
|
+
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
11
|
+
calendarProps?: RangeCalendarProps<T>;
|
|
12
|
+
popoverProps?: PopoverProps;
|
|
13
|
+
calendarButtonProps?: ButtonProps;
|
|
14
|
+
classNames?: SlotsToClasses<DateRangePickerSlots> & {
|
|
15
|
+
calendar?: SlotsToClasses<CalendarSlots>;
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
export declare function DateRangePicker<T extends DateValue>(originalProps: DateRangePickerProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
//# sourceMappingURL=date-range-picker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/date-range-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,oBAAoB,IAAI,wBAAwB,EAChD,SAAS,EACT,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAS9B,OAAO,KAAK,EACV,aAAa,EACb,oBAAoB,EACpB,cAAc,EACd,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAEL,qBAAqB,EACtB,MAAM,sBAAsB,CAAA;AAE7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAQ3D,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,SAAS,CACvD,SAAQ,wBAAwB,CAAC,CAAC,CAAC,EACjC,YAAY,CAAC,OAAO,qBAAqB,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,UAAU,EAAE,gBAAgB,KAAK,MAAM,CAAC,CAAA;IAClE,aAAa,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAA;IACrC,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,mBAAmB,CAAC,EAAE,WAAW,CAAA;IACjC,UAAU,CAAC,EAAE,cAAc,CAAC,oBAAoB,CAAC,GAAG;QAClD,QAAQ,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;KACzC,CAAA;CACF;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS,SAAS,EACjD,aAAa,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAgGvC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/index.tsx"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"govt-banner.d.ts","sourceRoot":"","sources":["../../../src/govt-banner/govt-banner.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"govt-banner.d.ts","sourceRoot":"","sources":["../../../src/govt-banner/govt-banner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAM7C,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAG3E,UAAU,eAAgB,SAAQ,eAAe;IAC/C;;;;;OAKG;IACH,WAAW,CAAC,EAAE,YAAY,CACxB,YAAY,GAAG,SAAS,GAAG,KAAK,GAAG,SAAS,EAC5C,MAAM,CACP,CAAA;IAED;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;CAC7C;AAED,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,UAAU,EACV,GAAG,KAAK,EACT,EAAE,eAAe,2CAkJjB"}
|
package/dist/types/index.d.mts
CHANGED
package/dist/types/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA"}
|
|
@@ -34,5 +34,5 @@ export interface MenuSectionProps<T> extends AriaMenuSectionProps<T>, MenuSectio
|
|
|
34
34
|
}
|
|
35
35
|
export declare const MenuSection: <T extends object>(props: MenuSectionProps<T> & import("react").RefAttributes<HTMLElement>) => React.ReactNode;
|
|
36
36
|
export declare const MenuTrigger: typeof AriaMenuTrigger;
|
|
37
|
-
export declare const SubmenuTrigger: (props: import("react-aria-components").SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) =>
|
|
37
|
+
export declare const SubmenuTrigger: (props: import("react-aria-components").SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;
|
|
38
38
|
//# sourceMappingURL=menu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAClC,SAAS,IAAI,aAAa,EAC1B,gBAAgB,IAAI,oBAAoB,EACxC,YAAY,EAEZ,cAAc,EACf,MAAM,uBAAuB,CAAA;AAG9B,OAAO,EAIL,WAAW,IAAI,eAAe,EAQ/B,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAAK,EACV,uBAAuB,EACvB,oBAAoB,EACpB,uBAAuB,EACvB,uBAAuB,EACvB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAS7B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAK9C,eAAO,MAAO,kBAAkB,gEAAE,qBAAqB,2CAMrD,CAAA;AACF,MAAM,WAAW,SAAS,CAAC,CAAC,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC,EAAE,gBAAgB;IACtE,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IACrC,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;CAC9C;AA4CD,eAAO,MAAM,IAAI,GA1CE,CAAC,SAAS,MAAM,0EAgBhC,MAAO,SA0BsC,CAAA;AAEhD,MAAM,WAAW,aACf,SAAQ,iBAAiB,EACvB,uBAAuB;IACzB,UAAU,CAAC,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAA;IACjD,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;IAC9C,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;IAE5C;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAED,eAAO,MAAM,QAAQ,kGA+HnB,CAAA;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,2CASlD;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,CACjC,SAAQ,oBAAoB,CAAC,CAAC,CAAC,EAC7B,uBAAuB;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,CAAC,EAAE,CAAA;IACX,UAAU,CAAC,EAAE,cAAc,CAAC,uBAAuB,CAAC,CAAA;CACrD;AAwCD,eAAO,MAAM,WAAW,GAtCE,CAAC,SAAS,MAAM,8EArMvC,MAAO,SA2OoD,CAAA;AAE9D,eAAO,MAAM,WAAW,wBAAkB,CAAA;AAC1C,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAClC,SAAS,IAAI,aAAa,EAC1B,gBAAgB,IAAI,oBAAoB,EACxC,YAAY,EAEZ,cAAc,EACf,MAAM,uBAAuB,CAAA;AAG9B,OAAO,EAIL,WAAW,IAAI,eAAe,EAQ/B,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAAK,EACV,uBAAuB,EACvB,oBAAoB,EACpB,uBAAuB,EACvB,uBAAuB,EACvB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAS7B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAK9C,eAAO,MAAO,kBAAkB,gEAAE,qBAAqB,2CAMrD,CAAA;AACF,MAAM,WAAW,SAAS,CAAC,CAAC,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC,EAAE,gBAAgB;IACtE,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IACrC,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;CAC9C;AA4CD,eAAO,MAAM,IAAI,GA1CE,CAAC,SAAS,MAAM,0EAgBhC,MAAO,SA0BsC,CAAA;AAEhD,MAAM,WAAW,aACf,SAAQ,iBAAiB,EACvB,uBAAuB;IACzB,UAAU,CAAC,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAA;IACjD,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;IAC9C,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;IAE5C;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAED,eAAO,MAAM,QAAQ,kGA+HnB,CAAA;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,2CASlD;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,CACjC,SAAQ,oBAAoB,CAAC,CAAC,CAAC,EAC7B,uBAAuB;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,CAAC,EAAE,CAAA;IACX,UAAU,CAAC,EAAE,cAAc,CAAC,uBAAuB,CAAC,CAAA;CACrD;AAwCD,eAAO,MAAM,WAAW,GAtCE,CAAC,SAAS,MAAM,8EArMvC,MAAO,SA2OoD,CAAA;AAE9D,eAAO,MAAM,WAAW,wBAAkB,CAAA;AAC1C,eAAO,MAAM,cAAc,gEACgvrD,MAAO,aAAa,wDAD/urD,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { RangeCalendarProps as AriaRangeCalendarProps, CalendarGridProps, DateValue } from "react-aria-components";
|
|
2
2
|
import { CalendarDate } from "@internationalized/date";
|
|
3
3
|
import type { CalendarSlots, CalendarVariantProps, SlotsToClasses } from "@opengovsg/oui-theme";
|
|
4
|
-
interface RangeCalendarProps<T extends
|
|
4
|
+
export interface RangeCalendarProps<T extends DateValue> extends CalendarVariantProps, Pick<CalendarGridProps, "weekdayStyle">, AriaRangeCalendarProps<T> {
|
|
5
5
|
/**
|
|
6
6
|
* List of classes to change the classNames of the element.
|
|
7
7
|
* if `className` is passed, it will be added to the base slot.
|
|
@@ -36,16 +36,6 @@ interface RangeCalendarProps<T extends CalendarDate> extends CalendarVariantProp
|
|
|
36
36
|
* ```
|
|
37
37
|
*/
|
|
38
38
|
classNames?: SlotsToClasses<CalendarSlots>;
|
|
39
|
-
/**
|
|
40
|
-
* The minimum allowed date that a user may select.
|
|
41
|
-
* @defaultValue `new CalendarDate(1900, 0, 1)`
|
|
42
|
-
*/
|
|
43
|
-
minValue?: T;
|
|
44
|
-
/**
|
|
45
|
-
* The maximum allowed date that a user may select.
|
|
46
|
-
* @defaultValue `new CalendarDate(2100, 12, 31)`
|
|
47
|
-
*/
|
|
48
|
-
maxValue?: T;
|
|
49
39
|
/**
|
|
50
40
|
* If provided, there will be a button below the calendar for users to jump to today's date.
|
|
51
41
|
* @defaultValue `true`
|
|
@@ -55,7 +45,7 @@ interface RangeCalendarProps<T extends CalendarDate> extends CalendarVariantProp
|
|
|
55
45
|
bottomContent?: React.ReactNode;
|
|
56
46
|
errorMessage?: string;
|
|
57
47
|
}
|
|
58
|
-
export declare const RangeCalendar:
|
|
48
|
+
export declare const RangeCalendar: <T extends DateValue>(props: RangeCalendarProps<T> & import("react").RefAttributes<HTMLDivElement>) => React.ReactNode;
|
|
59
49
|
export declare const RangeCalendarStateWrapper: ({ children, }: {
|
|
60
50
|
children: React.ReactNode;
|
|
61
51
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -65,5 +55,4 @@ export declare const RangeCalendarCell: <T extends CalendarDate>({ date, isMulti
|
|
|
65
55
|
dateToHighlight: DateValue | null;
|
|
66
56
|
firstDayOfWeek?: RangeCalendarProps<T>["firstDayOfWeek"];
|
|
67
57
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
68
|
-
export {};
|
|
69
58
|
//# sourceMappingURL=range-calendar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"range-calendar.d.ts","sourceRoot":"","sources":["../../../src/range-calendar/range-calendar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,kBAAkB,IAAI,sBAAsB,EAC5C,iBAAiB,EACjB,SAAS,EACV,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EACL,YAAY,EAIb,MAAM,yBAAyB,CAAA;AAahC,OAAO,KAAK,EACV,aAAa,EACb,oBAAoB,EACpB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAe7B,
|
|
1
|
+
{"version":3,"file":"range-calendar.d.ts","sourceRoot":"","sources":["../../../src/range-calendar/range-calendar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,kBAAkB,IAAI,sBAAsB,EAC5C,iBAAiB,EACjB,SAAS,EACV,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EACL,YAAY,EAIb,MAAM,yBAAyB,CAAA;AAahC,OAAO,KAAK,EACV,aAAa,EACb,oBAAoB,EACpB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAe7B,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,SAAS,CACrD,SAAQ,oBAAoB,EAC1B,IAAI,CAAC,iBAAiB,EAAE,cAAc,CAAC,EACvC,sBAAsB,CAAC,CAAC,CAAC;IAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAgCG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;IAE1C;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE/B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,eAAO,MAAM,aAAa,GACxB,CAAC,SAAS,SAAS,mFA7BE,MAAO,SA6I5B,CAAA;AAEF,eAAO,MAAM,yBAAyB,kBAEnC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,4CAQA,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,YAAY,gEAKrD;IACD,IAAI,EAAE,YAAY,CAAA;IAClB,gBAAgB,EAAE,OAAO,CAAA;IACzB,eAAe,EAAE,SAAS,GAAG,IAAI,CAAA;IACjC,cAAc,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAA;CACzD,4CAuDA,CAAA"}
|
|
@@ -28,36 +28,36 @@ export declare const useSpinner: (originalProps: UseSpinnerProps) => {
|
|
|
28
28
|
base: (slotProps?: ({
|
|
29
29
|
size?: "lg" | "md" | "sm" | undefined;
|
|
30
30
|
color?: "current" | "white" | undefined;
|
|
31
|
-
} & import("tailwind-variants").ClassProp<import("tailwind-
|
|
31
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
|
|
32
32
|
wrapper: (slotProps?: ({
|
|
33
33
|
size?: "lg" | "md" | "sm" | undefined;
|
|
34
34
|
color?: "current" | "white" | undefined;
|
|
35
|
-
} & import("tailwind-variants").ClassProp<import("tailwind-
|
|
35
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
|
|
36
36
|
circle1: (slotProps?: ({
|
|
37
37
|
size?: "lg" | "md" | "sm" | undefined;
|
|
38
38
|
color?: "current" | "white" | undefined;
|
|
39
|
-
} & import("tailwind-variants").ClassProp<import("tailwind-
|
|
39
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
|
|
40
40
|
circle2: (slotProps?: ({
|
|
41
41
|
size?: "lg" | "md" | "sm" | undefined;
|
|
42
42
|
color?: "current" | "white" | undefined;
|
|
43
|
-
} & import("tailwind-variants").ClassProp<import("tailwind-
|
|
43
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
|
|
44
44
|
} & {
|
|
45
45
|
base: (slotProps?: ({
|
|
46
46
|
size?: "lg" | "md" | "sm" | undefined;
|
|
47
47
|
color?: "current" | "white" | undefined;
|
|
48
|
-
} & import("tailwind-variants").ClassProp<import("tailwind-
|
|
48
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
|
|
49
49
|
wrapper: (slotProps?: ({
|
|
50
50
|
size?: "lg" | "md" | "sm" | undefined;
|
|
51
51
|
color?: "current" | "white" | undefined;
|
|
52
|
-
} & import("tailwind-variants").ClassProp<import("tailwind-
|
|
52
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
|
|
53
53
|
circle1: (slotProps?: ({
|
|
54
54
|
size?: "lg" | "md" | "sm" | undefined;
|
|
55
55
|
color?: "current" | "white" | undefined;
|
|
56
|
-
} & import("tailwind-variants").ClassProp<import("tailwind-
|
|
56
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
|
|
57
57
|
circle2: (slotProps?: ({
|
|
58
58
|
size?: "lg" | "md" | "sm" | undefined;
|
|
59
59
|
color?: "current" | "white" | undefined;
|
|
60
|
-
} & import("tailwind-variants").ClassProp<import("tailwind-
|
|
60
|
+
} & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
|
|
61
61
|
} & {};
|
|
62
62
|
classNames: SlotsToClasses<"base" | "wrapper" | "circle1" | "circle2"> | undefined;
|
|
63
63
|
getSpinnerProps: PropGetter;
|