@cimpress-ui/react 1.21.0 → 1.23.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cimpress-ui/react",
-  "version": "1.21.0",
+  "version": "1.23.0",
   "description": "Library of React components for building Cimpress UI interfaces.",
   "author": "Cimpress",
   "license": "Apache-2.0",
@@ -166,17 +166,17 @@
     }
   },
   "dependencies": {
-    "@internationalized/date": "^3.10.1",
-    "@react-aria/focus": "^3.21.3",
-    "@react-aria/form": "^3.1.3",
-    "@react-aria/interactions": "^3.26.0",
-    "@react-aria/live-announcer": "^3.4.4",
-    "@react-aria/utils": "^3.32.0",
-    "@react-stately/form": "^3.2.2",
-    "@react-stately/utils": "^3.11.0",
+    "@internationalized/date": "^3.12.1",
+    "@react-aria/focus": "^3.22.0",
+    "@react-aria/form": "^3.2.0",
+    "@react-aria/interactions": "^3.28.0",
+    "@react-aria/live-announcer": "^3.5.0",
+    "@react-aria/utils": "^3.34.0",
+    "@react-stately/form": "^3.3.0",
+    "@react-stately/utils": "^3.12.0",
     "clsx": "^2.1.1",
-    "react-aria": "^3.45.0",
-    "react-aria-components": "1.14.0"
+    "react-aria": "^3.48.0",
+    "react-aria-components": "1.17.0"
   },
   "peerDependencies": {
     "react": "^16.14 || ^17 || ^18 || ^19",
@@ -184,7 +184,7 @@
   },
   "devDependencies": {
     "@figma/code-connect": "^1.3.12",
-    "@internationalized/string-compiler": "^3.2.6",
+    "@internationalized/string-compiler": "^3.4.0",
     "@svgr/cli": "^8.1.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",

package/dist/commonjs/components/tag-field/tag-field-tags.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=tag-field-tags.d.ts.map

package/dist/commonjs/components/tag-field/tag-field-tags.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tag-field-tags.d.ts","sourceRoot":"","sources":["../../../../src/components/tag-field/tag-field-tags.tsx"],"names":[],"mappings":""}

package/dist/commonjs/components/tag-field/tag-field-tags.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TagFieldTags = TagFieldTags;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_components_1 = require("react-aria-components");
-const tag_group_js_1 = require("../tag/tag-group.js");
-const tag_js_1 = require("../tag/tag.js");
-/** @internal */
-function TagFieldTags({ inputId, selectedKeys, isDisabled, isReadOnly, renderEmptyState, onRemove, }) {
-    const listState = (0, react_1.useContext)(react_aria_components_1.ListStateContext);
-    // The plugin doesn't see `selectedKeys` as a legitimate dependency
-    // eslint-disable-next-line react-hooks/preserve-manual-memoization
-    const selectedItems = (0, react_1.useMemo)(() => {
-        return [...selectedKeys.values()]
-            .map((key) => listState?.selectionManager.collection.getItem(key))
-            .filter((value) => !!value);
-    }, [selectedKeys, listState?.selectionManager.collection]);
-    return ((0, jsx_runtime_1.jsx)(react_aria_components_1.Provider, { values: [
-            // Reset contexts so that TagGroup doesn't inherit any data from RACComboBox
-            [react_aria_components_1.LabelContext, null],
-            [react_aria_components_1.ButtonContext, null],
-            [react_aria_components_1.TextContext, null],
-            [react_aria_components_1.ListStateContext, null],
-        ], children: (0, jsx_runtime_1.jsx)(tag_group_js_1.TagGroup, { "aria-labelledby": inputId, disabledKeys: isDisabled ? selectedKeys : undefined, renderEmptyState: renderEmptyState, onRemove: isReadOnly
-                ? undefined
-                : (keys) => {
-                    keys.forEach(onRemove);
-                }, children: selectedItems.map((item) => ((0, jsx_runtime_1.jsx)(tag_js_1.Tag, { id: item.key, isDisabled: item.props.isDisabled, children: item.textValue }, item.key))) }) }));
-}
-//# sourceMappingURL=tag-field-tags.js.map

package/dist/commonjs/components/tag-field/tag-field-tags.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tag-field-tags.js","sourceRoot":"","sources":["../../../../src/components/tag-field/tag-field-tags.tsx"],"names":[],"mappings":";;AAcA,oCAoDC;;AAlED,iCAA4C;AAC5C,iEAM+B;AAC/B,sDAA+C;AAC/C,0CAAmD;AAInD,gBAAgB;AAChB,SAAgB,YAAY,CAA2B,EACrD,OAAO,EACP,YAAY,EACZ,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,QAAQ,GAKT;IACC,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,wCAAmB,CAAC,CAAC;IAElD,mEAAmE;IACnE,mEAAmE;IACnE,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,OAAO,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC;aAC9B,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,SAAS,EAAE,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;aACjE,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAC;IAE3D,OAAO,CACL,uBAAC,gCAAW,IACV,MAAM,EAAE;YACN,4EAA4E;YAC5E,CAAC,oCAAe,EAAE,IAAI,CAAC;YACvB,CAAC,qCAAgB,EAAE,IAAI,CAAC;YACxB,CAAC,mCAAc,EAAE,IAAI,CAAC;YACtB,CAAC,wCAAmB,EAAE,IAAI,CAAC;SAC5B,YAED,uBAAC,uBAAQ,uBACU,OAAO,EACxB,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACnD,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EACN,UAAU;gBACR,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE;oBACP,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;gBACzB,CAAC,YAGN,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC3B,uBAAC,YAAG,IAAgB,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,UAAU,EAAG,IAAI,CAAC,KAAkB,CAAC,UAAU,YAC9E,IAAI,CAAC,SAAS,IADP,IAAI,CAAC,GAAG,CAEZ,CACP,CAAC,GACO,GACC,CACf,CAAC;AACJ,CAAC","sourcesContent":["import { useContext, useMemo } from 'react';\nimport {\n  ButtonContext as RACButtonContext,\n  LabelContext as RACLabelContext,\n  ListStateContext as RACListStateContext,\n  Provider as RACProvider,\n  TextContext as RACTextContext,\n} from 'react-aria-components';\nimport { TagGroup } from '../tag/tag-group.js';\nimport { Tag, type TagProps } from '../tag/tag.js';\nimport type { CollectionItem, Key } from '../types.js';\nimport type { TagFieldProps } from './tag-field.js';\n\n/** @internal */\nexport function TagFieldTags<T extends CollectionItem>({\n  inputId,\n  selectedKeys,\n  isDisabled,\n  isReadOnly,\n  renderEmptyState,\n  onRemove,\n}: Pick<TagFieldProps<T>, 'isDisabled' | 'isReadOnly' | 'renderEmptyState'> & {\n  inputId: string;\n  selectedKeys: Set<Key>;\n  onRemove: (key: Key) => void;\n}) {\n  const listState = useContext(RACListStateContext);\n\n  // The plugin doesn't see `selectedKeys` as a legitimate dependency\n  // eslint-disable-next-line react-hooks/preserve-manual-memoization\n  const selectedItems = useMemo(() => {\n    return [...selectedKeys.values()]\n      .map((key) => listState?.selectionManager.collection.getItem(key))\n      .filter((value) => !!value);\n  }, [selectedKeys, listState?.selectionManager.collection]);\n\n  return (\n    <RACProvider\n      values={[\n        // Reset contexts so that TagGroup doesn't inherit any data from RACComboBox\n        [RACLabelContext, null],\n        [RACButtonContext, null],\n        [RACTextContext, null],\n        [RACListStateContext, null],\n      ]}\n    >\n      <TagGroup\n        aria-labelledby={inputId}\n        disabledKeys={isDisabled ? selectedKeys : undefined}\n        renderEmptyState={renderEmptyState}\n        onRemove={\n          isReadOnly\n            ? undefined\n            : (keys) => {\n                keys.forEach(onRemove);\n              }\n        }\n      >\n        {selectedItems.map((item) => (\n          <Tag key={item.key} id={item.key} isDisabled={(item.props as TagProps).isDisabled}>\n            {item.textValue}\n          </Tag>\n        ))}\n      </TagGroup>\n    </RACProvider>\n  );\n}\n"]}

package/dist/esm/components/tag-field/tag-field-tags.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=tag-field-tags.d.ts.map

package/dist/esm/components/tag-field/tag-field-tags.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tag-field-tags.d.ts","sourceRoot":"","sources":["../../../../src/components/tag-field/tag-field-tags.tsx"],"names":[],"mappings":""}

package/dist/esm/components/tag-field/tag-field-tags.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext, useMemo } from 'react';
-import { ButtonContext as RACButtonContext, LabelContext as RACLabelContext, ListStateContext as RACListStateContext, Provider as RACProvider, TextContext as RACTextContext, } from 'react-aria-components';
-import { TagGroup } from '../tag/tag-group.js';
-import { Tag } from '../tag/tag.js';
-/** @internal */
-export function TagFieldTags({ inputId, selectedKeys, isDisabled, isReadOnly, renderEmptyState, onRemove, }) {
-    const listState = useContext(RACListStateContext);
-    // The plugin doesn't see `selectedKeys` as a legitimate dependency
-    // eslint-disable-next-line react-hooks/preserve-manual-memoization
-    const selectedItems = useMemo(() => {
-        return [...selectedKeys.values()]
-            .map((key) => listState?.selectionManager.collection.getItem(key))
-            .filter((value) => !!value);
-    }, [selectedKeys, listState?.selectionManager.collection]);
-    return (_jsx(RACProvider, { values: [
-            // Reset contexts so that TagGroup doesn't inherit any data from RACComboBox
-            [RACLabelContext, null],
-            [RACButtonContext, null],
-            [RACTextContext, null],
-            [RACListStateContext, null],
-        ], children: _jsx(TagGroup, { "aria-labelledby": inputId, disabledKeys: isDisabled ? selectedKeys : undefined, renderEmptyState: renderEmptyState, onRemove: isReadOnly
-                ? undefined
-                : (keys) => {
-                    keys.forEach(onRemove);
-                }, children: selectedItems.map((item) => (_jsx(Tag, { id: item.key, isDisabled: item.props.isDisabled, children: item.textValue }, item.key))) }) }));
-}
-//# sourceMappingURL=tag-field-tags.js.map

package/dist/esm/components/tag-field/tag-field-tags.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tag-field-tags.js","sourceRoot":"","sources":["../../../../src/components/tag-field/tag-field-tags.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EACL,aAAa,IAAI,gBAAgB,EACjC,YAAY,IAAI,eAAe,EAC/B,gBAAgB,IAAI,mBAAmB,EACvC,QAAQ,IAAI,WAAW,EACvB,WAAW,IAAI,cAAc,GAC9B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,GAAG,EAAiB,MAAM,eAAe,CAAC;AAInD,gBAAgB;AAChB,MAAM,UAAU,YAAY,CAA2B,EACrD,OAAO,EACP,YAAY,EACZ,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,QAAQ,GAKT;IACC,MAAM,SAAS,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAElD,mEAAmE;IACnE,mEAAmE;IACnE,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC;aAC9B,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,SAAS,EAAE,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;aACjE,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAC;IAE3D,OAAO,CACL,KAAC,WAAW,IACV,MAAM,EAAE;YACN,4EAA4E;YAC5E,CAAC,eAAe,EAAE,IAAI,CAAC;YACvB,CAAC,gBAAgB,EAAE,IAAI,CAAC;YACxB,CAAC,cAAc,EAAE,IAAI,CAAC;YACtB,CAAC,mBAAmB,EAAE,IAAI,CAAC;SAC5B,YAED,KAAC,QAAQ,uBACU,OAAO,EACxB,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACnD,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EACN,UAAU;gBACR,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE;oBACP,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;gBACzB,CAAC,YAGN,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC3B,KAAC,GAAG,IAAgB,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,UAAU,EAAG,IAAI,CAAC,KAAkB,CAAC,UAAU,YAC9E,IAAI,CAAC,SAAS,IADP,IAAI,CAAC,GAAG,CAEZ,CACP,CAAC,GACO,GACC,CACf,CAAC;AACJ,CAAC","sourcesContent":["import { useContext, useMemo } from 'react';\nimport {\n  ButtonContext as RACButtonContext,\n  LabelContext as RACLabelContext,\n  ListStateContext as RACListStateContext,\n  Provider as RACProvider,\n  TextContext as RACTextContext,\n} from 'react-aria-components';\nimport { TagGroup } from '../tag/tag-group.js';\nimport { Tag, type TagProps } from '../tag/tag.js';\nimport type { CollectionItem, Key } from '../types.js';\nimport type { TagFieldProps } from './tag-field.js';\n\n/** @internal */\nexport function TagFieldTags<T extends CollectionItem>({\n  inputId,\n  selectedKeys,\n  isDisabled,\n  isReadOnly,\n  renderEmptyState,\n  onRemove,\n}: Pick<TagFieldProps<T>, 'isDisabled' | 'isReadOnly' | 'renderEmptyState'> & {\n  inputId: string;\n  selectedKeys: Set<Key>;\n  onRemove: (key: Key) => void;\n}) {\n  const listState = useContext(RACListStateContext);\n\n  // The plugin doesn't see `selectedKeys` as a legitimate dependency\n  // eslint-disable-next-line react-hooks/preserve-manual-memoization\n  const selectedItems = useMemo(() => {\n    return [...selectedKeys.values()]\n      .map((key) => listState?.selectionManager.collection.getItem(key))\n      .filter((value) => !!value);\n  }, [selectedKeys, listState?.selectionManager.collection]);\n\n  return (\n    <RACProvider\n      values={[\n        // Reset contexts so that TagGroup doesn't inherit any data from RACComboBox\n        [RACLabelContext, null],\n        [RACButtonContext, null],\n        [RACTextContext, null],\n        [RACListStateContext, null],\n      ]}\n    >\n      <TagGroup\n        aria-labelledby={inputId}\n        disabledKeys={isDisabled ? selectedKeys : undefined}\n        renderEmptyState={renderEmptyState}\n        onRemove={\n          isReadOnly\n            ? undefined\n            : (keys) => {\n                keys.forEach(onRemove);\n              }\n        }\n      >\n        {selectedItems.map((item) => (\n          <Tag key={item.key} id={item.key} isDisabled={(item.props as TagProps).isDisabled}>\n            {item.textValue}\n          </Tag>\n        ))}\n      </TagGroup>\n    </RACProvider>\n  );\n}\n"]}