@opengovsg/oui 0.0.0-snapshot-20250314033410 → 0.0.0-snapshot-20250318052429
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/banner/banner.cjs +1 -1
- package/dist/cjs/button/button.cjs +1 -1
- package/dist/cjs/combo-box/combo-box-fuzzy.cjs +52 -30
- package/dist/cjs/combo-box/combo-box-item.cjs +70 -0
- package/dist/cjs/combo-box/combo-box-variant-context.cjs +13 -0
- package/dist/cjs/combo-box/combo-box.cjs +46 -100
- package/dist/cjs/combo-box/index.cjs +5 -1
- package/dist/cjs/index.cjs +10 -1
- package/dist/cjs/select/index.cjs +5 -0
- package/dist/cjs/select/select-item.cjs +38 -26
- package/dist/cjs/select/select-variant-context.cjs +13 -0
- package/dist/cjs/select/select.cjs +6 -19
- package/dist/cjs/system/react-utils/context.cjs +1 -5
- package/dist/cjs/tag-field/tag-field-list.cjs +1 -0
- package/dist/cjs/tag-field/tag-field-trigger.cjs +1 -0
- package/dist/cjs/tag-field/tag-field.cjs +2 -2
- 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/banner/banner.js +1 -1
- package/dist/esm/button/button.js +1 -1
- package/dist/esm/combo-box/combo-box-fuzzy.js +55 -33
- package/dist/esm/combo-box/combo-box-item.js +68 -0
- package/dist/esm/combo-box/combo-box-variant-context.js +10 -0
- package/dist/esm/combo-box/combo-box.js +48 -101
- package/dist/esm/combo-box/index.js +3 -1
- package/dist/esm/index.js +5 -1
- package/dist/esm/select/index.js +2 -0
- package/dist/esm/select/select-item.js +40 -28
- package/dist/esm/select/select-variant-context.js +10 -0
- package/dist/esm/select/select.js +8 -21
- package/dist/esm/system/react-utils/context.js +1 -5
- package/dist/esm/tag-field/tag-field-list.js +1 -0
- package/dist/esm/tag-field/tag-field-trigger.js +1 -0
- package/dist/esm/tag-field/tag-field.js +2 -2
- 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/combo-box/combo-box-fuzzy.d.ts +12 -4
- package/dist/types/combo-box/combo-box-fuzzy.d.ts.map +1 -1
- package/dist/types/combo-box/combo-box-item.d.ts +11 -0
- package/dist/types/combo-box/combo-box-item.d.ts.map +1 -0
- package/dist/types/combo-box/combo-box-variant-context.d.ts +4 -0
- package/dist/types/combo-box/combo-box-variant-context.d.ts.map +1 -0
- package/dist/types/combo-box/combo-box.d.ts +5 -21
- package/dist/types/combo-box/combo-box.d.ts.map +1 -1
- package/dist/types/combo-box/index.d.ts +2 -0
- package/dist/types/combo-box/index.d.ts.map +1 -1
- package/dist/types/select/index.d.ts +2 -0
- package/dist/types/select/index.d.ts.map +1 -1
- package/dist/types/select/select-item.d.ts +3 -3
- package/dist/types/select/select-item.d.ts.map +1 -1
- package/dist/types/select/select-variant-context.d.ts +4 -0
- package/dist/types/select/select-variant-context.d.ts.map +1 -0
- package/dist/types/select/select.d.ts +3 -10
- package/dist/types/select/select.d.ts.map +1 -1
- package/dist/types/system/react-utils/context.d.ts +1 -5
- package/dist/types/system/react-utils/context.d.ts.map +1 -1
- package/dist/types/tag-field/tag-field-list.d.ts.map +1 -1
- package/dist/types/tag-field/tag-field-trigger.d.ts.map +1 -1
- package/package.json +4 -4
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
"use client";
|
|
2
3
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
3
|
-
import { ListBoxItem } from 'react-aria-components';
|
|
4
|
+
import { useContextProps, ListBoxItem } from 'react-aria-components';
|
|
4
5
|
import { selectItemStyles, composeRenderProps } from '@opengovsg/oui-theme';
|
|
5
|
-
import { mapPropsVariants } from '../system/utils.js';
|
|
6
|
+
import { forwardRef, mapPropsVariants } from '../system/utils.js';
|
|
7
|
+
import { SelectVariantContext } from './select-variant-context.js';
|
|
6
8
|
import Check from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/check.js';
|
|
7
9
|
|
|
8
|
-
|
|
10
|
+
const SelectItem = forwardRef(function SelectItem2({ classNames, ...originalProps }, ref) {
|
|
11
|
+
[originalProps, ref] = useContextProps(
|
|
12
|
+
originalProps,
|
|
13
|
+
ref,
|
|
14
|
+
SelectVariantContext
|
|
15
|
+
);
|
|
9
16
|
const [props, variantProps] = mapPropsVariants(
|
|
10
17
|
originalProps,
|
|
11
18
|
selectItemStyles.variantKeys
|
|
@@ -15,36 +22,41 @@ function SelectItem({ classNames, ...originalProps }) {
|
|
|
15
22
|
ListBoxItem,
|
|
16
23
|
{
|
|
17
24
|
...props,
|
|
18
|
-
|
|
25
|
+
ref,
|
|
19
26
|
className: composeRenderProps(
|
|
20
27
|
props.className ?? classNames?.base,
|
|
21
28
|
(className, renderProps) => styles.base({ className, ...renderProps })
|
|
22
29
|
),
|
|
23
|
-
children: (renderProps) =>
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
30
|
+
children: (renderProps) => {
|
|
31
|
+
if (typeof props.children === "function") {
|
|
32
|
+
return props.children(renderProps);
|
|
33
|
+
}
|
|
34
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
35
|
+
/* @__PURE__ */ jsx(
|
|
36
|
+
"span",
|
|
37
|
+
{
|
|
38
|
+
className: styles.text({
|
|
39
|
+
className: classNames?.text,
|
|
40
|
+
...renderProps
|
|
41
|
+
}),
|
|
42
|
+
children: props.children
|
|
43
|
+
}
|
|
44
|
+
),
|
|
45
|
+
renderProps.isSelected && /* @__PURE__ */ jsx(
|
|
46
|
+
"span",
|
|
47
|
+
{
|
|
48
|
+
"aria-hidden": true,
|
|
49
|
+
className: styles.icon({
|
|
50
|
+
className: classNames?.icon,
|
|
51
|
+
...renderProps
|
|
52
|
+
}),
|
|
53
|
+
children: /* @__PURE__ */ jsx(Check, {})
|
|
54
|
+
}
|
|
55
|
+
)
|
|
56
|
+
] });
|
|
57
|
+
}
|
|
46
58
|
}
|
|
47
59
|
);
|
|
48
|
-
}
|
|
60
|
+
});
|
|
49
61
|
|
|
50
62
|
export { SelectItem };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
"use client";
|
|
3
|
+
import { createContext } from '../system/react-utils/context.js';
|
|
4
|
+
|
|
5
|
+
const [SelectVariantContext, useSelectVariantContext] = createContext({
|
|
6
|
+
name: "SelectVariantContext",
|
|
7
|
+
strict: true
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
export { SelectVariantContext, useSelectVariantContext };
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
"use client";
|
|
3
|
-
import {
|
|
3
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
4
4
|
import { useMemo } from 'react';
|
|
5
|
-
import { ListLayout, Select as Select$1, SelectValue, Popover, Virtualizer, ListBox } from 'react-aria-components';
|
|
5
|
+
import { ListLayout, Provider, Select as Select$1, SelectValue, Popover, Virtualizer, ListBox } from 'react-aria-components';
|
|
6
6
|
import { selectStyles, composeRenderProps } from '@opengovsg/oui-theme';
|
|
7
|
+
import { Button } from '../button/button.js';
|
|
8
|
+
import { Label, Description } from '../field/field.js';
|
|
7
9
|
import { mapPropsVariants } from '../system/utils.js';
|
|
8
|
-
import {
|
|
10
|
+
import { SelectVariantContext } from './select-variant-context.js';
|
|
9
11
|
import ChevronsUpDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevrons-up-down.js';
|
|
10
|
-
import { Label, Description } from '../field/field.js';
|
|
11
|
-
import { Button } from '../button/button.js';
|
|
12
12
|
|
|
13
13
|
const calculateEstimatedRowHeight = (size) => {
|
|
14
14
|
switch (size) {
|
|
@@ -24,7 +24,6 @@ function Select({
|
|
|
24
24
|
label,
|
|
25
25
|
description,
|
|
26
26
|
classNames,
|
|
27
|
-
itemClassNames,
|
|
28
27
|
...originalProps
|
|
29
28
|
}) {
|
|
30
29
|
const [_props, variantProps] = mapPropsVariants(
|
|
@@ -41,7 +40,7 @@ function Select({
|
|
|
41
40
|
...listLayoutOptions
|
|
42
41
|
});
|
|
43
42
|
}, [listLayoutOptions, variantProps.size]);
|
|
44
|
-
return /* @__PURE__ */ jsxs(
|
|
43
|
+
return /* @__PURE__ */ jsx(Provider, { values: [[SelectVariantContext, variantProps]], children: /* @__PURE__ */ jsxs(
|
|
45
44
|
Select$1,
|
|
46
45
|
{
|
|
47
46
|
className: composeRenderProps(
|
|
@@ -91,24 +90,12 @@ function Select({
|
|
|
91
90
|
classNames?.list,
|
|
92
91
|
(className, renderProps) => styles.list({ className, ...renderProps })
|
|
93
92
|
),
|
|
94
|
-
children
|
|
95
|
-
if (typeof children === "function") {
|
|
96
|
-
return children(item);
|
|
97
|
-
}
|
|
98
|
-
return /* @__PURE__ */ jsx(
|
|
99
|
-
SelectItem,
|
|
100
|
-
{
|
|
101
|
-
classNames: itemClassNames,
|
|
102
|
-
size: variantProps.size,
|
|
103
|
-
children: item.textValue
|
|
104
|
-
}
|
|
105
|
-
);
|
|
106
|
-
}
|
|
93
|
+
children
|
|
107
94
|
}
|
|
108
95
|
) }) })
|
|
109
96
|
]
|
|
110
97
|
}
|
|
111
|
-
);
|
|
98
|
+
) });
|
|
112
99
|
}
|
|
113
100
|
|
|
114
101
|
export { Select };
|
|
@@ -4,13 +4,13 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
4
4
|
import { createElement } from 'react';
|
|
5
5
|
import { composeRenderProps, Popover } 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';
|
|
7
9
|
import { TagFieldList, TagFieldListItem } from './tag-field-list.js';
|
|
8
10
|
import { TagFieldRoot } from './tag-field-root.js';
|
|
9
11
|
import { TagFieldTagList } from './tag-field-tag-list.js';
|
|
10
12
|
import { TagFieldTrigger } from './tag-field-trigger.js';
|
|
11
13
|
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';
|
|
12
|
-
import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
|
|
13
|
-
import { Input } from '../input/input.js';
|
|
14
14
|
|
|
15
15
|
function TagField({
|
|
16
16
|
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,
|
|
@@ -1,12 +1,20 @@
|
|
|
1
|
+
import type { Key } from "react-aria";
|
|
1
2
|
import type { SetRequired } from "type-fest";
|
|
2
|
-
import type { SlotsToClasses } from "@opengovsg/oui-theme";
|
|
3
|
+
import type { ComboBoxItemSlots, SlotsToClasses } from "@opengovsg/oui-theme";
|
|
3
4
|
import type { ComboBoxProps } from "./combo-box";
|
|
4
|
-
import { ComboBoxItem } from "./combo-box";
|
|
5
|
+
import { ComboBoxItem } from "./combo-box-item";
|
|
6
|
+
type ComboBoxItem = {
|
|
7
|
+
id: Key;
|
|
8
|
+
textValue: string;
|
|
9
|
+
description?: string;
|
|
10
|
+
};
|
|
5
11
|
export interface ComboBoxFuzzyProps<T extends ComboBoxItem = ComboBoxItem> extends SetRequired<ComboBoxProps<T>, "inputValue" | "onInputChange" | "onSelectionChange" | "selectedKey" | "items"> {
|
|
6
|
-
itemClassNames?:
|
|
12
|
+
itemClassNames?: SlotsToClasses<ComboBoxItemSlots> & SlotsToClasses<"highlight">;
|
|
7
13
|
}
|
|
8
14
|
/**
|
|
9
15
|
* Controlled variant of ComboBox, allows for fuzzy search and item highlight.
|
|
16
|
+
* @deprecated Use ComboBox instead (and bring your own fuzzysearch).
|
|
10
17
|
*/
|
|
11
|
-
export declare function ComboBoxFuzzy<T extends ComboBoxItem = ComboBoxItem>(
|
|
18
|
+
export declare function ComboBoxFuzzy<T extends ComboBoxItem = ComboBoxItem>(originalProps: ComboBoxFuzzyProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export {};
|
|
12
20
|
//# sourceMappingURL=combo-box-fuzzy.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combo-box-fuzzy.d.ts","sourceRoot":"","sources":["../../../src/combo-box/combo-box-fuzzy.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"combo-box-fuzzy.d.ts","sourceRoot":"","sources":["../../../src/combo-box/combo-box-fuzzy.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAK5C,OAAO,KAAK,EAEV,iBAAiB,EACjB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAO7B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAGhD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAQ/C,KAAK,YAAY,GAAG;IAClB,EAAE,EAAE,GAAG,CAAA;IACP,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAwBD,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY,CACvE,SAAQ,WAAW,CACjB,aAAa,CAAC,CAAC,CAAC,EACd,YAAY,GACZ,eAAe,GACf,mBAAmB,GACnB,aAAa,GACb,OAAO,CACV;IACD,cAAc,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,GAChD,cAAc,CAAC,WAAW,CAAC,CAAA;CAC9B;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY,EACjE,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAC,2CAwGrC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ListBoxItemProps } from "react-aria-components";
|
|
2
|
+
import type { ComboBoxItemSlots, ComboBoxItemVariantProps, SlotsToClasses } from "@opengovsg/oui-theme";
|
|
3
|
+
export interface ComboBoxItemProps extends ListBoxItemProps, ComboBoxItemVariantProps {
|
|
4
|
+
/**
|
|
5
|
+
* Description for the item, if any
|
|
6
|
+
*/
|
|
7
|
+
description?: React.ReactNode;
|
|
8
|
+
classNames?: SlotsToClasses<ComboBoxItemSlots>;
|
|
9
|
+
}
|
|
10
|
+
export declare const ComboBoxItem: import("../system/utils").InternalForwardRefRenderFunction<import("../system/types").As, ComboBoxItemProps, never>;
|
|
11
|
+
//# sourceMappingURL=combo-box-item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combo-box-item.d.ts","sourceRoot":"","sources":["../../../src/combo-box/combo-box-item.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAS7D,OAAO,KAAK,EACV,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAM7B,MAAM,WAAW,iBACf,SAAQ,gBAAgB,EACtB,wBAAwB;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,UAAU,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAA;CAC/C;AAED,eAAO,MAAM,YAAY,oHAgEvB,CAAA"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ContextValue } from "react-aria-components";
|
|
2
|
+
import type { ComboBoxVariantProps } from "@opengovsg/oui-theme";
|
|
3
|
+
export declare const ComboBoxVariantContext: import("react").Context<ContextValue<ComboBoxVariantProps, any>>, useComboBoxVariantContext: () => ContextValue<ComboBoxVariantProps, any>;
|
|
4
|
+
//# sourceMappingURL=combo-box-variant-context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combo-box-variant-context.d.ts","sourceRoot":"","sources":["../../../src/combo-box/combo-box-variant-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAIhE,eAAO,MAAO,sBAAsB,oEAAE,yBAAyB,+CAO3D,CAAA"}
|
|
@@ -1,12 +1,6 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import type {
|
|
3
|
-
|
|
4
|
-
export type ComboBoxItem = {
|
|
5
|
-
value: string;
|
|
6
|
-
name: string;
|
|
7
|
-
description?: string;
|
|
8
|
-
};
|
|
9
|
-
export interface ComboBoxProps<T extends ComboBoxItem = ComboBoxItem> extends ComboBoxVariantProps, Omit<AriaComboBoxProps<T>, "children"> {
|
|
1
|
+
import type { ComboBoxProps as AriaComboBoxProps, ListBoxProps, ListLayoutOptions, ValidationResult } from "react-aria-components";
|
|
2
|
+
import type { ComboBoxSlots, ComboBoxVariantProps, SlotsToClasses } from "@opengovsg/oui-theme";
|
|
3
|
+
export interface ComboBoxProps<T extends object> extends ComboBoxVariantProps, Omit<AriaComboBoxProps<T>, "children"> {
|
|
10
4
|
label?: string;
|
|
11
5
|
/** The list of ComboBox items (uncontrolled). */
|
|
12
6
|
defaultItems?: T[];
|
|
@@ -15,12 +9,10 @@ export interface ComboBoxProps<T extends ComboBoxItem = ComboBoxItem> extends Co
|
|
|
15
9
|
description?: string | null;
|
|
16
10
|
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
17
11
|
classNames?: SlotsToClasses<ComboBoxSlots> & SlotsToClasses<"clearButton" | "emptyState">;
|
|
18
|
-
itemClassNames?: SlotsToClasses<ComboBoxItemSlots>;
|
|
19
12
|
/**
|
|
20
13
|
* Any additional props to be spread to the list layout.
|
|
21
14
|
*/
|
|
22
15
|
listLayoutOptions?: ListLayoutOptions;
|
|
23
|
-
children?: (item: T) => JSX.Element;
|
|
24
16
|
/** Values that should invalidate the item cache when using dynamic collections. */
|
|
25
17
|
dependencies?: ListBoxProps<T>["dependencies"];
|
|
26
18
|
/**
|
|
@@ -33,18 +25,10 @@ export interface ComboBoxProps<T extends ComboBoxItem = ComboBoxItem> extends Co
|
|
|
33
25
|
*/
|
|
34
26
|
onClear?: () => void;
|
|
35
27
|
renderEmptyState?: ListBoxProps<T>["renderEmptyState"];
|
|
28
|
+
children?: ListBoxProps<T>["children"];
|
|
36
29
|
}
|
|
37
30
|
export declare function ComboBoxEmptyState({ size, className, }: Pick<ComboBoxVariantProps, "size"> & {
|
|
38
31
|
className?: string;
|
|
39
32
|
}): import("react/jsx-runtime").JSX.Element;
|
|
40
|
-
export declare function ComboBox<T extends
|
|
41
|
-
export interface ComboBoxItemProps extends ListBoxItemProps, ComboBoxItemVariantProps {
|
|
42
|
-
label: React.ReactNode | ((props: ListBoxItemRenderProps) => React.ReactNode);
|
|
43
|
-
/**
|
|
44
|
-
* Description for the item, if any
|
|
45
|
-
*/
|
|
46
|
-
description?: React.ReactNode | ((props: ListBoxItemRenderProps) => React.ReactNode);
|
|
47
|
-
classNames?: SlotsToClasses<ComboBoxItemSlots>;
|
|
48
|
-
}
|
|
49
|
-
export declare function ComboBoxItem({ className, size, description, label, classNames, ...props }: ComboBoxItemProps): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
export declare function ComboBox<T extends object>(originalProps: ComboBoxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
50
34
|
//# sourceMappingURL=combo-box.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combo-box.d.ts","sourceRoot":"","sources":["../../../src/combo-box/combo-box.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"combo-box.d.ts","sourceRoot":"","sources":["../../../src/combo-box/combo-box.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAClC,YAAY,EAEZ,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAe9B,OAAO,KAAK,EACV,aAAa,EACb,oBAAoB,EACpB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAc7B,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM,CAC7C,SAAQ,oBAAoB,EAC1B,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,EAAE,CAAA;IAClB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,CAAC,EAAE,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,UAAU,EAAE,gBAAgB,KAAK,MAAM,CAAC,CAAA;IAClE,UAAU,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,GACxC,cAAc,CAAC,aAAa,GAAG,YAAY,CAAC,CAAA;IAC9C;;OAEG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IAErC,mFAAmF;IACnF,YAAY,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAA;IAE9C;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB,gBAAgB,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAA;IAEtD,QAAQ,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAA;CACvC;AAkCD,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,SAAS,GACV,EAAE,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAY7D;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,2CA6JzE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/combo-box/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/combo-box/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,6BAA6B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/select/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/select/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,0BAA0B,CAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
+
import type { ReactElement } from "react";
|
|
1
2
|
import type { ListBoxItemProps } from "react-aria-components";
|
|
2
3
|
import type { SelectItemVariantProps, SelectItemVariantSlots, SlotsToClasses } from "@opengovsg/oui-theme";
|
|
3
|
-
interface SelectItemProps extends ListBoxItemProps
|
|
4
|
+
interface SelectItemProps<T extends object> extends ListBoxItemProps<T>, SelectItemVariantProps {
|
|
4
5
|
classNames?: SlotsToClasses<SelectItemVariantSlots>;
|
|
5
|
-
children: string;
|
|
6
6
|
}
|
|
7
|
-
export declare
|
|
7
|
+
export declare const SelectItem: <T extends object>(props: SelectItemProps<T>) => ReactElement;
|
|
8
8
|
export {};
|
|
9
9
|
//# sourceMappingURL=select-item.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-item.d.ts","sourceRoot":"","sources":["../../../src/select/select-item.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"select-item.d.ts","sourceRoot":"","sources":["../../../src/select/select-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAgB,YAAY,EAAE,MAAM,OAAO,CAAA;AACvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAI7D,OAAO,KAAK,EACV,sBAAsB,EACtB,sBAAsB,EACtB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAM7B,UAAU,eAAe,CAAC,CAAC,SAAS,MAAM,CACxC,SAAQ,gBAAgB,CAAC,CAAC,CAAC,EACzB,sBAAsB;IACxB,UAAU,CAAC,EAAE,cAAc,CAAC,sBAAsB,CAAC,CAAA;CACpD;AAED,eAAO,MAAM,UAAU,EAwDjB,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,YAAY,CAAA"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ContextValue } from "react-aria-components";
|
|
2
|
+
import type { SelectVariantProps } from "@opengovsg/oui-theme";
|
|
3
|
+
export declare const SelectVariantContext: import("react").Context<ContextValue<SelectVariantProps, any>>, useSelectVariantContext: () => ContextValue<SelectVariantProps, any>;
|
|
4
|
+
//# sourceMappingURL=select-variant-context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-variant-context.d.ts","sourceRoot":"","sources":["../../../src/select/select-variant-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAI9D,eAAO,MAAO,oBAAoB,kEAAE,uBAAuB,6CAMzD,CAAA"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import type { Key } from "react-aria";
|
|
2
1
|
import type { SelectProps as AriaSelectProps, ListBoxProps, ListLayoutOptions } from "react-aria-components";
|
|
3
|
-
import type {
|
|
2
|
+
import type { SelectVariantSlots, SlotsToClasses, VariantProps } from "@opengovsg/oui-theme";
|
|
4
3
|
import { selectStyles } from "@opengovsg/oui-theme";
|
|
5
|
-
export interface SelectProps<T
|
|
4
|
+
export interface SelectProps<T> extends Omit<AriaSelectProps, "children">, VariantProps<typeof selectStyles> {
|
|
6
5
|
classNames?: SlotsToClasses<SelectVariantSlots>;
|
|
7
|
-
itemClassNames?: SlotsToClasses<SelectItemVariantSlots>;
|
|
8
6
|
/**
|
|
9
7
|
* Any additional props to be spread to the list layout.
|
|
10
8
|
*/
|
|
@@ -15,10 +13,5 @@ export interface SelectProps<T extends SelectItemType = SelectItemType> extends
|
|
|
15
13
|
items: NonNullable<ListBoxProps<T>["items"]>;
|
|
16
14
|
children?: ListBoxProps<T>["children"];
|
|
17
15
|
}
|
|
18
|
-
|
|
19
|
-
textValue: string;
|
|
20
|
-
id: Key;
|
|
21
|
-
};
|
|
22
|
-
export declare function Select<T extends SelectItemType>({ label, description, classNames, itemClassNames, ...originalProps }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
export {};
|
|
16
|
+
export declare function Select<T extends object>({ label, description, classNames, ...originalProps }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
24
17
|
//# sourceMappingURL=select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,WAAW,IAAI,eAAe,EAC9B,YAAY,EACZ,iBAAiB,EAClB,MAAM,uBAAuB,CAAA;AAa9B,OAAO,KAAK,EAEV,kBAAkB,EAClB,cAAc,EACd,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAsB,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAOvE,MAAM,WAAW,WAAW,CAAC,CAAC,CAC5B,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,UAAU,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAA;IAE/C;;OAEG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IAErC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAE3B,2CAA2C;IAC3C,KAAK,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;IAE5C,QAAQ,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAA;CACvC;AAeD,wBAAgB,MAAM,CAAC,CAAC,SAAS,MAAM,EAAE,EACvC,KAAK,EACL,WAAW,EACX,UAAU,EACV,GAAG,aAAa,EACjB,EAAE,WAAW,CAAC,CAAC,CAAC,2CA4EhB"}
|
|
@@ -13,11 +13,7 @@ export interface CreateContextOptions {
|
|
|
13
13
|
*/
|
|
14
14
|
name?: string;
|
|
15
15
|
}
|
|
16
|
-
export type CreateContextReturn<T> = [
|
|
17
|
-
React.Provider<T>,
|
|
18
|
-
() => T,
|
|
19
|
-
React.Context<T>
|
|
20
|
-
];
|
|
16
|
+
export type CreateContextReturn<T> = [React.Context<T>, () => T];
|
|
21
17
|
/**
|
|
22
18
|
* Creates a named context, provider, and hook.
|
|
23
19
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/system/react-utils/context.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/system/react-utils/context.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAA;AAEhE;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,WAAW,EACvC,OAAO,GAAE,oBAAyB,GACjC,mBAAmB,CAAC,WAAW,CAAC,CA0BlC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag-field-list.d.ts","sourceRoot":"","sources":["../../../src/tag-field/tag-field-list.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tag-field-list.d.ts","sourceRoot":"","sources":["../../../src/tag-field/tag-field-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AACvD,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAIpE,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAG7E,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAIpE,MAAM,WAAW,wBACf,SAAQ,SAAS,EACf,UAAU,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,CAAC;IAC5D,cAAc,EAAE,WAAW,CAAC,WAAW,EAAE,OAAO,CAAC,CAAA;CAClD;AAED,eAAO,MAAM,mBAAmB,mFAC+C,CAAA;AAE/E,UAAU,iBAAiB,CAAC,CAAC,SAAS,YAAY,CAChD,SAAQ,OAAO,CAAC,wBAAwB,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAClD,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAA;CAC3E;AAED,UAAU,qBAAqB,CAAC,CAAC,SAAS,YAAY,CACpD,SAAQ,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;IAC/C,UAAU,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAA;CACpD;AAuBD,eAAO,MAAM,gBAAgB,GArBE,CAAC,SAAS,YAAY,qFAeW,MACxD,SAKgE,CAAA;AAsDxE,eAAO,MAAM,YAAY,GApDE,CAAC,SAAS,YAAY,oFARe,MACxD,SA2DwD,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag-field-trigger.d.ts","sourceRoot":"","sources":["../../../src/tag-field/tag-field-trigger.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tag-field-trigger.d.ts","sourceRoot":"","sources":["../../../src/tag-field/tag-field-trigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAMpE,MAAM,MAAM,oBAAoB,GAAG,SAAS,CAAA;AAE5C,MAAM,WAAW,2BAA2B,CAAC,CAAC,SAAS,MAAM,CAC3D,SAAQ,oBAAoB,EAC1B,UAAU,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC;CAAG;AAEpE,eAAO,MAAM,sBAAsB,4FAG9B,CAAA;AAEL,eAAO,MAAM,eAAe,wFAc3B,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opengovsg/oui",
|
|
3
|
-
"version": "0.0.0-snapshot-
|
|
3
|
+
"version": "0.0.0-snapshot-20250318052429",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"type": "module",
|
|
@@ -47,10 +47,10 @@
|
|
|
47
47
|
"prettier": "^3.5.0",
|
|
48
48
|
"tsx": "^4.19.2",
|
|
49
49
|
"typescript": "5.7.3",
|
|
50
|
-
"@opengovsg/oui-theme": "0.0.
|
|
51
|
-
"@oui/chromatic": "0.0.0",
|
|
50
|
+
"@opengovsg/oui-theme": "0.0.5",
|
|
52
51
|
"@oui/eslint-config": "0.0.0",
|
|
53
52
|
"@oui/prettier-config": "0.0.0",
|
|
53
|
+
"@oui/chromatic": "0.0.0",
|
|
54
54
|
"@oui/typescript-config": "0.0.0"
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"peerDependencies": {
|
|
79
79
|
"motion": ">=11.12.0 || >=12.0.0-alpha.1",
|
|
80
80
|
"react-aria-components": "^1.7.1",
|
|
81
|
-
"@opengovsg/oui-theme": "0.0.
|
|
81
|
+
"@opengovsg/oui-theme": "0.0.5"
|
|
82
82
|
},
|
|
83
83
|
"prettier": "@oui/prettier-config",
|
|
84
84
|
"scripts": {
|