@opengovsg/oui 0.0.0-snapshot-20250311073924 → 0.0.0-snapshot-20250312061410

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.
@@ -73,7 +73,7 @@ function ComboBox({
73
73
  const formatMessage = reactAria.useMessageFormatter(i18nStrings);
74
74
  const styles = ouiTheme.comboBoxStyles({ size });
75
75
  const layout = react.useMemo(() => {
76
- return new reactAriaComponents.UNSTABLE_ListLayout({
76
+ return new reactAriaComponents.ListLayout({
77
77
  estimatedRowHeight: calculateEstimatedRowHeight(size ?? "md"),
78
78
  ...listLayoutOptions
79
79
  });
@@ -189,7 +189,7 @@ function ComboBox({
189
189
  ] }),
190
190
  description && /* @__PURE__ */ jsxRuntime.jsx(field.Description, { size, children: description }),
191
191
  /* @__PURE__ */ jsxRuntime.jsx(field.FieldError, { size, children: errorMessage }),
192
- /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.UNSTABLE_Virtualizer, { layout, children: /* @__PURE__ */ jsxRuntime.jsx(
192
+ /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Virtualizer, { layout, children: /* @__PURE__ */ jsxRuntime.jsx(
193
193
  reactAriaComponents.Popover,
194
194
  {
195
195
  className: ouiTheme.composeRenderProps(
@@ -127,6 +127,7 @@ function useTagField(props, state) {
127
127
  });
128
128
  const { isInvalid, validationErrors, validationDetails } = state.displayValidation;
129
129
  const inputProps = getInputProps({
130
+ placeholder: props.placeholder,
130
131
  ref: inputRef,
131
132
  "aria-label": props["aria-label"],
132
133
  "aria-labelledby": props["aria-labelledby"],
@@ -4,7 +4,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
4
4
  import { useMemo, useCallback } from 'react';
5
5
  import { comboBoxItemStyles, cn, comboBoxStyles, composeTailwindRenderProps, composeRenderProps, comboBoxClearButtonStyles } from '@opengovsg/oui-theme';
6
6
  import { useMessageFormatter } from 'react-aria';
7
- import { UNSTABLE_ListLayout, ComboBox as ComboBox$1, Input, Button, UNSTABLE_Virtualizer, Popover, ListBox, ListBoxItem, Text } from 'react-aria-components';
7
+ import { ListLayout, ComboBox as ComboBox$1, Input, Button, Virtualizer, Popover, ListBox, ListBoxItem, Text } from 'react-aria-components';
8
8
  import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
9
9
  import ChevronUp from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-up.js';
10
10
  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';
@@ -71,7 +71,7 @@ function ComboBox({
71
71
  const formatMessage = useMessageFormatter(i18nStrings);
72
72
  const styles = comboBoxStyles({ size });
73
73
  const layout = useMemo(() => {
74
- return new UNSTABLE_ListLayout({
74
+ return new ListLayout({
75
75
  estimatedRowHeight: calculateEstimatedRowHeight(size ?? "md"),
76
76
  ...listLayoutOptions
77
77
  });
@@ -187,7 +187,7 @@ function ComboBox({
187
187
  ] }),
188
188
  description && /* @__PURE__ */ jsx(Description, { size, children: description }),
189
189
  /* @__PURE__ */ jsx(FieldError, { size, children: errorMessage }),
190
- /* @__PURE__ */ jsx(UNSTABLE_Virtualizer, { layout, children: /* @__PURE__ */ jsx(
190
+ /* @__PURE__ */ jsx(Virtualizer, { layout, children: /* @__PURE__ */ jsx(
191
191
  Popover,
192
192
  {
193
193
  className: composeRenderProps(
@@ -125,6 +125,7 @@ function useTagField(props, state) {
125
125
  });
126
126
  const { isInvalid, validationErrors, validationDetails } = state.displayValidation;
127
127
  const inputProps = getInputProps({
128
+ placeholder: props.placeholder,
128
129
  ref: inputRef,
129
130
  "aria-label": props["aria-label"],
130
131
  "aria-labelledby": props["aria-labelledby"],
@@ -1 +1 @@
1
- {"version":3,"file":"combo-box.d.ts","sourceRoot":"","sources":["../../../src/combo-box/combo-box.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,GAAG,EAAwB,MAAM,OAAO,CAAA;AACxD,OAAO,EAGL,iBAAiB,EAEjB,wBAAwB,EACxB,aAAa,EAEb,oBAAoB,EAGpB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAG7B,OAAO,EAGL,aAAa,IAAI,iBAAiB,EAIlC,gBAAgB,EAChB,sBAAsB,EACtB,YAAY,EAEZ,iBAAiB,EAKjB,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAI9B,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY,CAClE,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,cAAc,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAClD;;OAEG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IAErC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAAA;IAEnC,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;CACvD;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,YAAY,EAAE,EAC/C,KAAK,EACL,WAAW,EACX,YAAY,EACZ,UAAU,EACV,cAAc,EACd,IAAI,EACJ,iBAAiB,EACjB,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,gBAAgB,EAAE,oBAAoB,EACtC,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,CAAC,CAAC,2CAwJlB;AAED,MAAM,WAAW,iBACf,SAAQ,gBAAgB,EACtB,wBAAwB;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,sBAAsB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAC7E;;OAEG;IACH,WAAW,CAAC,EACR,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,sBAAsB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IACxD,UAAU,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAA;CAC/C;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,IAAI,EACJ,WAAW,EACX,KAAK,EACL,UAAU,EACV,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAqCnB"}
1
+ {"version":3,"file":"combo-box.d.ts","sourceRoot":"","sources":["../../../src/combo-box/combo-box.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,GAAG,EAAwB,MAAM,OAAO,CAAA;AACxD,OAAO,EAGL,iBAAiB,EAEjB,wBAAwB,EACxB,aAAa,EAEb,oBAAoB,EAGpB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAG7B,OAAO,EAGL,aAAa,IAAI,iBAAiB,EAIlC,gBAAgB,EAChB,sBAAsB,EACtB,YAAY,EAGZ,iBAAiB,EAGjB,gBAAgB,EAEjB,MAAM,uBAAuB,CAAA;AAI9B,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY,CAClE,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,cAAc,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAClD;;OAEG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IAErC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAAA;IAEnC,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;CACvD;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,YAAY,EAAE,EAC/C,KAAK,EACL,WAAW,EACX,YAAY,EACZ,UAAU,EACV,cAAc,EACd,IAAI,EACJ,iBAAiB,EACjB,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,gBAAgB,EAAE,oBAAoB,EACtC,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,CAAC,CAAC,2CAwJlB;AAED,MAAM,WAAW,iBACf,SAAQ,gBAAgB,EACtB,wBAAwB;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,sBAAsB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAC7E;;OAEG;IACH,WAAW,CAAC,EACR,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,sBAAsB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IACxD,UAAU,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAA;CAC/C;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,IAAI,EACJ,WAAW,EACX,KAAK,EACL,UAAU,EACV,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAqCnB"}
@@ -1 +1 @@
1
- {"version":3,"file":"use-tag-field.d.ts","sourceRoot":"","sources":["../../../src/tag-field/use-tag-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAgC,MAAM,OAAO,CAAA;AAEzE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAChF,OAAO,EAAkB,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrE,OAAO,EAEL,sBAAsB,EACtB,sBAAsB,EAEtB,+BAA+B,EAChC,MAAM,WAAW,CAAA;AAGlB,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAErD,MAAM,WAAW,mBAAmB,CAAC,CAAC,CACpC,SAAQ,WAAW,CACjB,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,EAClC,WAAW,GAAG,YAAY,CAC3B;IACD,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IAC7C,qCAAqC;IACrC,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IAC5C,gCAAgC;IAChC,UAAU,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACzC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;CAChD;AAED,MAAM,WAAW,YAAY,CAAC,CAAC,CAAE,SAAQ,gBAAgB;IACvD,mCAAmC;IACnC,UAAU,EAAE,aAAa,CAAA;IACzB,6CAA6C;IAC7C,UAAU,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;IACjD,6BAA6B;IAC7B,YAAY,EAAE,UAAU,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAA;IAEnE,wCAAwC;IACxC,aAAa,EAAE,IAAI,CACjB,sBAAsB,CAAC,CAAC,CAAC,EACzB,cAAc,GAAG,kBAAkB,CACpC,GACC,IAAI,CACF,+BAA+B,CAAC,CAAC,CAAC,EAClC,sBAAsB,GAAG,oBAAoB,CAC9C,GAAG;QACF,mCAAmC;QACnC,MAAM,EAAE,OAAO,CAAA;QACf,SAAS,EAAE,OAAO,CAAA;QAClB,UAAU,EAAE,OAAO,CAAA;QACnB,UAAU,EAAE,OAAO,CAAA;KACpB,CAAA;IAEH,0FAA0F;IAC1F,WAAW,EAAE,UAAU,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAC1E,2DAA2D;IAC3D,gBAAgB,EAAE,aAAa,CAAA;IAC/B,6DAA6D;IAC7D,iBAAiB,EAAE,aAAa,CAAA;IAEhC,cAAc,EAAE,WAAW,CAAC,WAAW,EAAE,OAAO,CAAC,CAAA;CAClD;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAC3B,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAC7B,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GACtB,YAAY,CAAC,CAAC,CAAC,CAkMjB"}
1
+ {"version":3,"file":"use-tag-field.d.ts","sourceRoot":"","sources":["../../../src/tag-field/use-tag-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAgC,MAAM,OAAO,CAAA;AAEzE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAChF,OAAO,EAAkB,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrE,OAAO,EAEL,sBAAsB,EACtB,sBAAsB,EAEtB,+BAA+B,EAChC,MAAM,WAAW,CAAA;AAGlB,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAErD,MAAM,WAAW,mBAAmB,CAAC,CAAC,CACpC,SAAQ,WAAW,CACjB,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,EAClC,WAAW,GAAG,YAAY,CAC3B;IACD,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IAC7C,qCAAqC;IACrC,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IAC5C,gCAAgC;IAChC,UAAU,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACzC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;CAChD;AAED,MAAM,WAAW,YAAY,CAAC,CAAC,CAAE,SAAQ,gBAAgB;IACvD,mCAAmC;IACnC,UAAU,EAAE,aAAa,CAAA;IACzB,6CAA6C;IAC7C,UAAU,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;IACjD,6BAA6B;IAC7B,YAAY,EAAE,UAAU,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAA;IAEnE,wCAAwC;IACxC,aAAa,EAAE,IAAI,CACjB,sBAAsB,CAAC,CAAC,CAAC,EACzB,cAAc,GAAG,kBAAkB,CACpC,GACC,IAAI,CACF,+BAA+B,CAAC,CAAC,CAAC,EAClC,sBAAsB,GAAG,oBAAoB,CAC9C,GAAG;QACF,mCAAmC;QACnC,MAAM,EAAE,OAAO,CAAA;QACf,SAAS,EAAE,OAAO,CAAA;QAClB,UAAU,EAAE,OAAO,CAAA;QACnB,UAAU,EAAE,OAAO,CAAA;KACpB,CAAA;IAEH,0FAA0F;IAC1F,WAAW,EAAE,UAAU,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAC1E,2DAA2D;IAC3D,gBAAgB,EAAE,aAAa,CAAA;IAC/B,6DAA6D;IAC7D,iBAAiB,EAAE,aAAa,CAAA;IAEhC,cAAc,EAAE,WAAW,CAAC,WAAW,EAAE,OAAO,CAAC,CAAA;CAClD;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAC3B,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAC7B,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GACtB,YAAY,CAAC,CAAC,CAAC,CAmMjB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opengovsg/oui",
3
- "version": "0.0.0-snapshot-20250311073924",
3
+ "version": "0.0.0-snapshot-20250312061410",
4
4
  "sideEffects": false,
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "type": "module",
@@ -47,7 +47,7 @@
47
47
  "prettier": "^3.5.0",
48
48
  "tsx": "^4.19.2",
49
49
  "typescript": "5.7.3",
50
- "@opengovsg/oui-theme": "0.0.0-snapshot-20250311073924",
50
+ "@opengovsg/oui-theme": "0.0.4",
51
51
  "@oui/chromatic": "0.0.0",
52
52
  "@oui/eslint-config": "0.0.0",
53
53
  "@oui/prettier-config": "0.0.0",
@@ -69,16 +69,16 @@
69
69
  "lodash-es": "^4.17.21",
70
70
  "nanoid": "^5.0.9",
71
71
  "react": "^19.0.0",
72
- "react-aria": "^3.37.0",
73
- "react-aria-components": "^1.6.0",
72
+ "react-aria": "^3.38.1",
73
+ "react-aria-components": "^1.7.1",
74
74
  "react-stately": "^3.35.0",
75
75
  "type-fest": "^4.34.1",
76
76
  "use-deep-compare": "^1.3.0"
77
77
  },
78
78
  "peerDependencies": {
79
79
  "motion": ">=11.12.0 || >=12.0.0-alpha.1",
80
- "react-aria-components": "^1.6.0",
81
- "@opengovsg/oui-theme": "0.0.0-snapshot-20250311073924"
80
+ "react-aria-components": "^1.7.1",
81
+ "@opengovsg/oui-theme": "0.0.4"
82
82
  },
83
83
  "prettier": "@oui/prettier-config",
84
84
  "scripts": {