@opengovsg/oui 0.0.7 → 0.0.8
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/badge/badge.cjs +42 -0
- package/dist/cjs/badge/index.cjs +8 -0
- package/dist/cjs/badge/use-badge.cjs +111 -0
- 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 +14 -3
- package/dist/cjs/select/index.cjs +5 -0
- package/dist/cjs/select/select-item.cjs +1 -0
- package/dist/cjs/select/select-variant-context.cjs +1 -0
- package/dist/cjs/system/react-utils/index.cjs +2 -0
- package/dist/cjs/system/react-utils/refs.cjs +12 -0
- package/dist/cjs/tag-field/tag-field-list.cjs +3 -2
- package/dist/cjs/tag-field/tag-field-trigger.cjs +1 -0
- package/dist/cjs/tag-field/tag-field.cjs +1 -1
- package/dist/esm/badge/badge.js +40 -0
- package/dist/esm/badge/index.js +2 -0
- package/dist/esm/badge/use-badge.js +109 -0
- 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 +7 -2
- package/dist/esm/select/index.js +2 -0
- package/dist/esm/select/select-item.js +1 -0
- package/dist/esm/select/select-variant-context.js +1 -0
- package/dist/esm/system/react-utils/index.js +1 -0
- package/dist/esm/system/react-utils/refs.js +10 -0
- package/dist/esm/tag-field/tag-field-list.js +3 -2
- package/dist/esm/tag-field/tag-field-trigger.js +1 -0
- package/dist/esm/tag-field/tag-field.js +1 -1
- package/dist/types/badge/badge.d.ts +3 -0
- package/dist/types/badge/badge.d.ts.map +1 -0
- package/dist/types/badge/index.d.ts +2 -0
- package/dist/types/badge/index.d.ts.map +1 -0
- package/dist/types/badge/use-badge.d.ts +166 -0
- package/dist/types/badge/use-badge.d.ts.map +1 -0
- 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/index.d.mts +1 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/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.map +1 -1
- package/dist/types/select/select-variant-context.d.ts.map +1 -1
- package/dist/types/system/react-utils/index.d.ts +1 -0
- package/dist/types/system/react-utils/index.d.ts.map +1 -1
- package/dist/types/system/react-utils/refs.d.ts +4 -0
- package/dist/types/system/react-utils/refs.d.ts.map +1 -0
- package/dist/types/tag-field/tag-field-list.d.ts +5 -5
- package/dist/types/tag-field/tag-field-list.d.ts.map +1 -1
- package/dist/types/tag-field/tag-field-root.d.ts +4 -4
- package/dist/types/tag-field/tag-field-root.d.ts.map +1 -1
- package/dist/types/tag-field/tag-field-tag-list.d.ts +2 -3
- package/dist/types/tag-field/tag-field-tag-list.d.ts.map +1 -1
- package/dist/types/tag-field/tag-field-trigger.d.ts.map +1 -1
- package/dist/types/tag-field/tag-field.d.ts +2 -2
- package/dist/types/tag-field/tag-field.d.ts.map +1 -1
- package/dist/types/tag-field/types.d.ts +0 -5
- package/dist/types/tag-field/types.d.ts.map +1 -1
- package/package.json +6 -5
|
@@ -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"}
|
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"}
|
|
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"}
|
|
@@ -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 +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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-variant-context.d.ts","sourceRoot":"","sources":["../../../src/select/select-variant-context.tsx"],"names":[],"mappings":"
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/system/react-utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/system/react-utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"refs.d.ts","sourceRoot":"","sources":["../../../../src/system/react-utils/refs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;AAE3D,wBAAgB,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAC3D,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,6BAOzB"}
|
|
@@ -3,20 +3,20 @@ import type { UseComboboxPropGetters } from "downshift";
|
|
|
3
3
|
import type { ReactNode } from "react";
|
|
4
4
|
import type { ContextValue, SlotProps } from "react-aria-components";
|
|
5
5
|
import type { SlotsToClasses, TagFieldItemSlots } from "@opengovsg/oui-theme";
|
|
6
|
-
import type {
|
|
6
|
+
import type { TagFieldListRenderProps } from "./types";
|
|
7
7
|
export interface TagFieldListContextValue extends SlotProps, ReturnType<UseComboboxPropGetters<object>["getMenuProps"]> {
|
|
8
8
|
rowVirtualizer: Virtualizer<HTMLElement, Element>;
|
|
9
9
|
}
|
|
10
10
|
export declare const TagFieldListContext: import("react").Context<ContextValue<TagFieldListContextValue, HTMLUListElement>>;
|
|
11
|
-
interface TagFieldListProps<T extends
|
|
11
|
+
interface TagFieldListProps<T extends object> extends Partial<TagFieldListContextValue> {
|
|
12
12
|
className?: string;
|
|
13
13
|
itemClassNames?: SlotsToClasses<TagFieldItemSlots>;
|
|
14
14
|
children?: ReactNode | ((values: TagFieldListRenderProps<T>) => ReactNode);
|
|
15
15
|
}
|
|
16
|
-
interface TagFieldListItemProps<T extends
|
|
16
|
+
interface TagFieldListItemProps<T extends object> extends Omit<TagFieldListRenderProps<T>, "key"> {
|
|
17
17
|
classNames?: TagFieldListProps<T>["itemClassNames"];
|
|
18
18
|
}
|
|
19
|
-
export declare const TagFieldListItem: <T extends
|
|
20
|
-
export declare const TagFieldList: <T extends
|
|
19
|
+
export declare const TagFieldListItem: <T extends object>(props: TagFieldListItemProps<T> & import("react").RefAttributes<HTMLLIElement>) => React.ReactNode;
|
|
20
|
+
export declare const TagFieldList: <T extends object>(props: TagFieldListProps<T> & import("react").RefAttributes<HTMLUListElement>) => React.ReactNode;
|
|
21
21
|
export {};
|
|
22
22
|
//# sourceMappingURL=tag-field-list.d.ts.map
|
|
@@ -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,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAItD,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,MAAM,CAC1C,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,MAAM,CAC9C,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,MAAM,qFAgBvB,MAClB,SAIkE,CAAA;AAsDxE,eAAO,MAAM,YAAY,GApDE,CAAC,SAAS,MAAM,oFAPnB,MAClB,SA0D0D,CAAA"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import type { UseMultipleSelectionReturnValue } from "downshift";
|
|
2
2
|
import type { ComboBoxRenderProps } from "react-aria-components";
|
|
3
3
|
import type { RenderProps } from "../system/types";
|
|
4
|
-
import type {
|
|
5
|
-
interface TagFieldRootRenderProps<T extends
|
|
4
|
+
import type { TagFieldProps } from "./types";
|
|
5
|
+
interface TagFieldRootRenderProps<T extends object> extends ComboBoxRenderProps, Pick<UseMultipleSelectionReturnValue<T>, "getSelectedItemProps" | "removeSelectedItem"> {
|
|
6
6
|
highlightedIndex?: number;
|
|
7
7
|
selectedItems: T[];
|
|
8
8
|
items?: T[];
|
|
9
9
|
}
|
|
10
|
-
export interface TagFieldRootProps<T extends
|
|
10
|
+
export interface TagFieldRootProps<T extends object> extends Omit<TagFieldProps<T>, "children">, RenderProps<TagFieldRootRenderProps<T>> {
|
|
11
11
|
}
|
|
12
|
-
export declare function TagFieldRoot<T extends
|
|
12
|
+
export declare function TagFieldRoot<T extends object>({ children, virtualRowHeight: _virtualRowHeight, ...props }: TagFieldRootProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
export {};
|
|
14
14
|
//# sourceMappingURL=tag-field-root.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag-field-root.d.ts","sourceRoot":"","sources":["../../../src/tag-field/tag-field-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,WAAW,CAAA;AAChE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAmBhE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"tag-field-root.d.ts","sourceRoot":"","sources":["../../../src/tag-field/tag-field-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,WAAW,CAAA;AAChE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAmBhE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAQ5C,UAAU,uBAAuB,CAAC,CAAC,SAAS,MAAM,CAChD,SAAQ,mBAAmB,EACzB,IAAI,CACF,+BAA+B,CAAC,CAAC,CAAC,EAClC,sBAAsB,GAAG,oBAAoB,CAC9C;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,aAAa,EAAE,CAAC,EAAE,CAAA;IAClB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAA;CACZ;AAeD,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,CACjD,SAAQ,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,EACxC,WAAW,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC;CAAG;AAE9C,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,EAC7C,QAAQ,EACR,gBAAgB,EAAE,iBAAiB,EACnC,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAyKtB"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import type { UseMultipleSelectionReturnValue } from "downshift";
|
|
2
2
|
import type { SlotsToClasses, TagFieldSlots } from "@opengovsg/oui-theme";
|
|
3
|
-
import type { TagFieldItem } from "./types";
|
|
4
3
|
interface TagFieldTagListRenderProps<T> {
|
|
5
4
|
item: T;
|
|
6
5
|
itemProps: ReturnType<UseMultipleSelectionReturnValue<T>["getSelectedItemProps"]>;
|
|
@@ -8,10 +7,10 @@ interface TagFieldTagListRenderProps<T> {
|
|
|
8
7
|
isDisabled: boolean;
|
|
9
8
|
isReadOnly: boolean;
|
|
10
9
|
}
|
|
11
|
-
export interface TagFieldTagListProps<T extends
|
|
10
|
+
export interface TagFieldTagListProps<T extends object> {
|
|
12
11
|
classNames?: Pick<SlotsToClasses<TagFieldSlots>, "tag" | "tagIcon" | "tagText">;
|
|
13
12
|
children?: React.ReactNode | ((values: TagFieldTagListRenderProps<T>) => React.ReactNode);
|
|
14
13
|
}
|
|
15
|
-
export declare const TagFieldTagList: <T extends
|
|
14
|
+
export declare const TagFieldTagList: <T extends object>({ classNames, ...props }: TagFieldTagListProps<T>) => string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | (string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined)[] | null;
|
|
16
15
|
export {};
|
|
17
16
|
//# sourceMappingURL=tag-field-tag-list.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag-field-tag-list.d.ts","sourceRoot":"","sources":["../../../src/tag-field/tag-field-tag-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,WAAW,CAAA;AAIhE,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"tag-field-tag-list.d.ts","sourceRoot":"","sources":["../../../src/tag-field/tag-field-tag-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,WAAW,CAAA;AAIhE,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAIzE,UAAU,0BAA0B,CAAC,CAAC;IACpC,IAAI,EAAE,CAAC,CAAA;IACP,SAAS,EAAE,UAAU,CACnB,+BAA+B,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAC3D,CAAA;IACD,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,UAAU,EAAE,OAAO,CAAA;IACnB,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,MAAM;IACpD,UAAU,CAAC,EAAE,IAAI,CACf,cAAc,CAAC,aAAa,CAAC,EAC7B,KAAK,GAAG,SAAS,GAAG,SAAS,CAC9B,CAAA;IACD,QAAQ,CAAC,EACL,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,MAAM,EAAE,0BAA0B,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;CACjE;AAED,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,MAAM,4BAG7C,oBAAoB,CAAC,CAAC,CAAC,iwBAwDzB,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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
export declare function TagField<T extends
|
|
1
|
+
import type { TagFieldProps } from "./types";
|
|
2
|
+
export declare function TagField<T extends object>({ classNames, children, ...props }: TagFieldProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=tag-field.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag-field.d.ts","sourceRoot":"","sources":["../../../src/tag-field/tag-field.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"tag-field.d.ts","sourceRoot":"","sources":["../../../src/tag-field/tag-field.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAQ5C,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,EACzC,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,CAAC,CAAC,2CA8ElB"}
|
|
@@ -19,11 +19,6 @@ export interface TagFieldListRenderProps<T> extends ReturnType<UseComboboxReturn
|
|
|
19
19
|
}
|
|
20
20
|
export interface TagFieldRenderProps<T> extends TagFieldListRenderProps<T> {
|
|
21
21
|
}
|
|
22
|
-
export type TagFieldItem = {
|
|
23
|
-
textValue: string;
|
|
24
|
-
id: Key;
|
|
25
|
-
description?: string;
|
|
26
|
-
};
|
|
27
22
|
export interface TagFieldProps<T> extends Omit<MultipleSelection, "disallowEmptySelection" | "onSelectionChange" | "selectionMode" | "selectedKeys" | "defaultSelectedKeys">, InputBase, TextInputBase, Validation<TagFieldValidationValue>, FocusableProps<HTMLInputElement>, LabelableProps, HelpTextProps, TagFieldVariantProps {
|
|
28
23
|
classNames?: SlotsToClasses<TagFieldSlots>;
|
|
29
24
|
itemClassNames?: SlotsToClasses<TagFieldItemSlots>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tag-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,SAAS,EACT,GAAG,EACH,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,UAAU,EACX,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,oBAAoB,EACrB,MAAM,sBAAsB,CAAA;AAE7B,MAAM,WAAW,uBAAuB;IACtC,wCAAwC;IACxC,YAAY,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAA;IAC7B,uCAAuC;IACvC,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,uBAAuB,CAAC,CAAC,CACxC,SAAQ,UAAU,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;IAC7D,IAAI,EAAE,CAAC,CAAA;IACP,GAAG,EAAE,WAAW,CAAC,KAAK,CAAC,CAAA;IACvB,aAAa,EAAE,OAAO,CAAA;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAA;CACnD;AAGD,MAAM,WAAW,mBAAmB,CAAC,CAAC,CAAE,SAAQ,uBAAuB,CAAC,CAAC,CAAC;CAAG;AAE7E,MAAM,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tag-field/types.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opengovsg/oui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.8",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"type": "module",
|
|
@@ -47,11 +47,11 @@
|
|
|
47
47
|
"prettier": "^3.5.0",
|
|
48
48
|
"tsx": "^4.19.2",
|
|
49
49
|
"typescript": "5.7.3",
|
|
50
|
-
"@oui/eslint-config": "0.0.0",
|
|
51
50
|
"@oui/chromatic": "0.0.0",
|
|
52
|
-
"@opengovsg/oui-theme": "0.0.
|
|
51
|
+
"@opengovsg/oui-theme": "0.0.6",
|
|
53
52
|
"@oui/prettier-config": "0.0.0",
|
|
54
|
-
"@oui/typescript-config": "0.0.0"
|
|
53
|
+
"@oui/typescript-config": "0.0.0",
|
|
54
|
+
"@oui/eslint-config": "0.0.0"
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
57
57
|
"@internationalized/date": "^3.7.0",
|
|
@@ -78,11 +78,12 @@
|
|
|
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.6"
|
|
82
82
|
},
|
|
83
83
|
"prettier": "@oui/prettier-config",
|
|
84
84
|
"scripts": {
|
|
85
85
|
"build": "tsx ../../tooling/build-scripts/main.ts --dts --clean",
|
|
86
|
+
"changeset": "cd ../.. && pnpm changeset",
|
|
86
87
|
"dev": "tsx ../../tooling/build-scripts/main.ts --watch",
|
|
87
88
|
"lint": "eslint . --max-warnings 0",
|
|
88
89
|
"lint:fix": "eslint . --fix",
|