@opengovsg/oui 0.0.0-snapshot-20250318093226 → 0.0.0-snapshot-20250319053540

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.
@@ -7,9 +7,9 @@ var react = require('react');
7
7
  var utils = require('@react-aria/utils');
8
8
  var reactAriaComponents = require('react-aria-components');
9
9
  var ouiTheme = require('@opengovsg/oui-theme');
10
+ var ripple = require('../ripple/ripple.cjs');
10
11
  var useRipple = require('../ripple/use-ripple.cjs');
11
12
  var spinner = require('../spinner/spinner.cjs');
12
- var ripple = require('../ripple/ripple.cjs');
13
13
 
14
14
  const Button = react.forwardRef(
15
15
  ({
@@ -1,11 +1,11 @@
1
1
  "use strict";
2
2
  'use strict';
3
3
 
4
+ var ripple = require('./ripple/ripple.cjs');
5
+ var useRipple = require('./ripple/use-ripple.cjs');
4
6
  var useControllableState = require('./hooks/use-controllable-state.cjs');
5
7
  var button = require('./button/button.cjs');
6
8
  var govtBanner = require('./govt-banner/govt-banner.cjs');
7
- var ripple = require('./ripple/ripple.cjs');
8
- var useRipple = require('./ripple/use-ripple.cjs');
9
9
  var spinner = require('./spinner/spinner.cjs');
10
10
  var useSpinner = require('./spinner/use-spinner.cjs');
11
11
  var toggle = require('./toggle/toggle.cjs');
@@ -28,11 +28,11 @@ var badge = require('./badge/badge.cjs');
28
28
 
29
29
 
30
30
 
31
+ exports.Ripple = ripple.Ripple;
32
+ exports.useRipple = useRipple.useRipple;
31
33
  exports.useControllableState = useControllableState.useControllableState;
32
34
  exports.Button = button.Button;
33
35
  exports.GovtBanner = govtBanner.GovtBanner;
34
- exports.Ripple = ripple.Ripple;
35
- exports.useRipple = useRipple.useRipple;
36
36
  exports.Spinner = spinner.Spinner;
37
37
  exports.useSpinner = useSpinner.useSpinner;
38
38
  exports.Toggle = toggle.Toggle;
@@ -15,7 +15,8 @@ const TagFieldTagList = ({
15
15
  getSelectedItemProps,
16
16
  removeSelectedItem,
17
17
  isDisabled,
18
- isReadOnly
18
+ isReadOnly,
19
+ itemToText
19
20
  } = react.useContext(tagFieldStateContext.TagFieldStateContext);
20
21
  const handleRemoveSelectedItem = react.useCallback(
21
22
  (item) => () => {
@@ -49,7 +50,7 @@ const TagFieldTagList = ({
49
50
  className: classNames?.tag,
50
51
  ...itemProps,
51
52
  children: [
52
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: classNames?.tagText, children: selectedItem.textValue }),
53
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: classNames?.tagText, children: itemToText(selectedItem) }),
53
54
  /* @__PURE__ */ jsxRuntime.jsx(
54
55
  x.default,
55
56
  {
@@ -5,9 +5,9 @@ import { forwardRef, useMemo } from 'react';
5
5
  import { chain } from '@react-aria/utils';
6
6
  import { Button as Button$1, composeRenderProps } from 'react-aria-components';
7
7
  import { buttonStyles } from '@opengovsg/oui-theme';
8
+ import { Ripple } from '../ripple/ripple.js';
8
9
  import { useRipple } from '../ripple/use-ripple.js';
9
10
  import { Spinner } from '../spinner/spinner.js';
10
- import { Ripple } from '../ripple/ripple.js';
11
11
 
12
12
  const Button = forwardRef(
13
13
  ({
package/dist/esm/index.js CHANGED
@@ -1,9 +1,9 @@
1
1
  "use strict";
2
+ export { Ripple } from './ripple/ripple.js';
3
+ export { useRipple } from './ripple/use-ripple.js';
2
4
  export { useControllableState } from './hooks/use-controllable-state.js';
3
5
  export { Button } from './button/button.js';
4
6
  export { GovtBanner } from './govt-banner/govt-banner.js';
5
- export { Ripple } from './ripple/ripple.js';
6
- export { useRipple } from './ripple/use-ripple.js';
7
7
  export { Spinner } from './spinner/spinner.js';
8
8
  export { useSpinner } from './spinner/use-spinner.js';
9
9
  export { Toggle } from './toggle/toggle.js';
@@ -13,7 +13,8 @@ const TagFieldTagList = ({
13
13
  getSelectedItemProps,
14
14
  removeSelectedItem,
15
15
  isDisabled,
16
- isReadOnly
16
+ isReadOnly,
17
+ itemToText
17
18
  } = useContext(TagFieldStateContext);
18
19
  const handleRemoveSelectedItem = useCallback(
19
20
  (item) => () => {
@@ -47,7 +48,7 @@ const TagFieldTagList = ({
47
48
  className: classNames?.tag,
48
49
  ...itemProps,
49
50
  children: [
50
- /* @__PURE__ */ jsx("span", { className: classNames?.tagText, children: selectedItem.textValue }),
51
+ /* @__PURE__ */ jsx("span", { className: classNames?.tagText, children: itemToText(selectedItem) }),
51
52
  /* @__PURE__ */ jsx(
52
53
  X,
53
54
  {
@@ -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 { TagFieldItem, TagFieldListRenderProps } from "./types";
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 TagFieldItem> extends Partial<TagFieldListContextValue> {
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 TagFieldItem> extends Omit<TagFieldListRenderProps<T>, "key"> {
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 TagFieldItem>(props: TagFieldListItemProps<T> & import("react").RefAttributes<HTMLLIElement>) => React.ReactNode;
20
- export declare const TagFieldList: <T extends TagFieldItem>(props: TagFieldListProps<T> & import("react").RefAttributes<HTMLUListElement>) => React.ReactNode;
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":"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
+ {"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 { TagFieldItem, TagFieldProps } from "./types";
5
- interface TagFieldRootRenderProps<T extends TagFieldItem> extends ComboBoxRenderProps, Pick<UseMultipleSelectionReturnValue<T>, "getSelectedItemProps" | "removeSelectedItem"> {
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 TagFieldItem> extends Omit<TagFieldProps<T>, "children">, RenderProps<TagFieldRootRenderProps<T>> {
10
+ export interface TagFieldRootProps<T extends object> extends Omit<TagFieldProps<T>, "children">, RenderProps<TagFieldRootRenderProps<T>> {
11
11
  }
12
- export declare function TagFieldRoot<T extends TagFieldItem>({ children, virtualRowHeight: _virtualRowHeight, ...props }: TagFieldRootProps<T>): import("react/jsx-runtime").JSX.Element;
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,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAQ1D,UAAU,uBAAuB,CAAC,CAAC,SAAS,YAAY,CACtD,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,YAAY,CACvD,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,YAAY,EAAE,EACnD,QAAQ,EACR,gBAAgB,EAAE,iBAAiB,EACnC,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAyKtB"}
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,12 +1,11 @@
1
1
  import type { UseComboboxReturnValue, UseMultipleSelectionReturnValue } from "downshift";
2
2
  import type { TagFieldVariantProps } from "@opengovsg/oui-theme";
3
3
  import type { TagFieldState } from "./use-tag-field-state";
4
- interface TagFieldStateContextValue<T> extends TagFieldState<T>, Pick<UseComboboxReturnValue<T>, "getItemProps" | "highlightedIndex">, Pick<UseMultipleSelectionReturnValue<T>, "getSelectedItemProps" | "removeSelectedItem">, TagFieldVariantProps {
4
+ export interface TagFieldStateContextValue<T> extends TagFieldState<T>, Pick<UseComboboxReturnValue<T>, "getItemProps" | "highlightedIndex">, Pick<UseMultipleSelectionReturnValue<T>, "getSelectedItemProps" | "removeSelectedItem">, TagFieldVariantProps {
5
5
  isOpen: boolean;
6
6
  isInvalid: boolean;
7
7
  isDisabled: boolean;
8
8
  isReadOnly: boolean;
9
9
  }
10
10
  export declare const TagFieldStateContext: import("react").Context<TagFieldStateContextValue<any> | null>;
11
- export {};
12
11
  //# sourceMappingURL=tag-field-state-context.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"tag-field-state-context.d.ts","sourceRoot":"","sources":["../../../src/tag-field/tag-field-state-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,+BAA+B,EAChC,MAAM,WAAW,CAAA;AAGlB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAEhE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAE1D,UAAU,yBAAyB,CAAC,CAAC,CACnC,SAAQ,aAAa,CAAC,CAAC,CAAC,EACtB,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,cAAc,GAAG,kBAAkB,CAAC,EACpE,IAAI,CACF,+BAA+B,CAAC,CAAC,CAAC,EAClC,sBAAsB,GAAG,oBAAoB,CAC9C,EACD,oBAAoB;IACtB,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,oBAAoB,gEAE2B,CAAA"}
1
+ {"version":3,"file":"tag-field-state-context.d.ts","sourceRoot":"","sources":["../../../src/tag-field/tag-field-state-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,+BAA+B,EAChC,MAAM,WAAW,CAAA;AAGlB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAEhE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAE1D,MAAM,WAAW,yBAAyB,CAAC,CAAC,CAC1C,SAAQ,aAAa,CAAC,CAAC,CAAC,EACtB,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,cAAc,GAAG,kBAAkB,CAAC,EACpE,IAAI,CACF,+BAA+B,CAAC,CAAC,CAAC,EAClC,sBAAsB,GAAG,oBAAoB,CAC9C,EACD,oBAAoB;IACtB,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,oBAAoB,gEAE2B,CAAA"}
@@ -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 TagFieldItem> {
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 TagFieldItem>({ 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;
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;AAEzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,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,YAAY;IAC1D,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,YAAY,4BAGnD,oBAAoB,CAAC,CAAC,CAAC,iwBAwDzB,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;AAKhE,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAKzE,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,iwBAyDzB,CAAA"}
@@ -1,3 +1,3 @@
1
- import type { TagFieldItem, TagFieldProps } from "./types";
2
- export declare function TagField<T extends TagFieldItem>({ classNames, children, ...props }: TagFieldProps<T>): import("react/jsx-runtime").JSX.Element;
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,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAQ1D,wBAAgB,QAAQ,CAAC,CAAC,SAAS,YAAY,EAAE,EAC/C,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,CAAC,CAAC,2CA8ElB"}
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,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,EAAE,EAAE,GAAG,CAAA;IACP,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,CAC9B,SAAQ,IAAI,CACR,iBAAiB,EACf,wBAAwB,GACxB,mBAAmB,GACnB,eAAe,GACf,cAAc,GACd,qBAAqB,CACxB,EACD,SAAS,EACT,aAAa,EACb,UAAU,CAAC,uBAAuB,CAAC,EACnC,cAAc,CAAC,gBAAgB,CAAC,EAChC,cAAc,EACd,aAAa,EACb,oBAAoB;IACtB,UAAU,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;IAC1C,cAAc,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAClD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAA;IACxD,kGAAkG;IAClG,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAA;IAClE;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAA;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,CAAA;IAC5B,kEAAkE;IAClE,YAAY,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAA;IACvB,kEAAkE;IAClE,mBAAmB,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAA;IAC9B,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,EAAE,CAAA;IAClB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,CAAC,EAAE,CAAA;IACX,oJAAoJ;IACpJ,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACxC,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAA;IAC5C,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,oEAAoE;IACpE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAEvC;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B"}
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.0-snapshot-20250318093226",
3
+ "version": "0.0.0-snapshot-20250319053540",
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
+ "@opengovsg/oui-theme": "0.0.6",
50
51
  "@oui/chromatic": "0.0.0",
52
+ "@oui/typescript-config": "0.0.0",
51
53
  "@oui/eslint-config": "0.0.0",
52
- "@opengovsg/oui-theme": "0.0.0-snapshot-20250318093226",
53
- "@oui/prettier-config": "0.0.0",
54
- "@oui/typescript-config": "0.0.0"
54
+ "@oui/prettier-config": "0.0.0"
55
55
  },
56
56
  "dependencies": {
57
57
  "@internationalized/date": "^3.7.0",
@@ -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.0-snapshot-20250318093226"
81
+ "@opengovsg/oui-theme": "0.0.6"
82
82
  },
83
83
  "prettier": "@oui/prettier-config",
84
84
  "scripts": {