@box/metadata-view 1.53.18 → 1.53.19

package/dist/esm/lib/components/header/header.js

@@ -1,72 +1,74 @@
-import { PageHeader as t, IconButton as b, Text as h, Status as H } from "@box/blueprint-web";
+import { Text as u, PageHeader as t, IconButton as x, Status as H } from "@box/blueprint-web";
 import { XMark as y } from "@box/blueprint-web-assets/icons/Fill";
-import { useIntl as C } from "react-intl";
-import { SwitchCase as L, Case as S } from "../switch-case/switch-case.js";
+import { useIntl as b } from "react-intl";
+import { SwitchCase as L, Case as h } from "../switch-case/switch-case.js";
 import s from "./messages.js";
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import '../../../../styles/header.css';const M = "_viewHeader_11wvf_1", I = "_titleBar_11wvf_5", N = "_clearSelectionButton_11wvf_11", n = {
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import '../../../../styles/header.css';const M = "_viewHeader_11wvf_1", C = "_titleBar_11wvf_5", I = "_clearSelectionButton_11wvf_11", o = {
   viewHeader: M,
-  titleBar: I,
-  clearSelectionButton: N
+  titleBar: C,
+  clearSelectionButton: I
 };
 function A({
   title: r,
-  itemCount: i,
-  isItemCountVisible: f = !0,
-  onClearSelection: v,
-  selectionCount: c = 0,
-  isSelectionCountVisible: w = !0,
-  selectedItemName: d,
+  itemCount: l,
+  isItemCountVisible: S = !0,
+  onClearSelection: f,
+  selectionCount: i = 0,
+  isSelectionCountVisible: v = !0,
+  selectedItemName: c,
   rightSlot: a
 }) {
   const {
-    formatMessage: m
-  } = C(), u = w && c > 0, B = f && i != null;
-  if (!(!!r || u || !!a))
+    formatMessage: d
+  } = b(), m = v && i > 0, w = S && l != null;
+  if (!(!!r || m || !!a))
     return null;
-  const l = (_) => /* @__PURE__ */ e(h, {
-    color: "textOnLightDefault",
-    variant: "bodyLargeBold",
-    as: "span",
-    children: _
-  }), [g, p] = d ? [s.singleItemSelected, {
-    boldName: l(d)
+  const [B, g] = c ? [s.singleItemSelected, {
+    name: c
   }] : [s.itemsSelected, {
-    boldCount: l(c),
-    b: l
-  }], x = m(g, p);
-  return /* @__PURE__ */ o(t.Root, {
+    count: i
+  }], p = d(B, {
+    ...g,
+    b: (_) => /* @__PURE__ */ e(u, {
+      color: "textOnLightDefault",
+      variant: "bodyLargeBold",
+      as: "span",
+      children: _
+    })
+  });
+  return /* @__PURE__ */ n(t.Root, {
     variant: "inline",
     sticky: !1,
-    className: n.viewHeader,
-    children: [/* @__PURE__ */ o(L, {
-      children: [/* @__PURE__ */ o(S, {
-        condition: u,
+    className: o.viewHeader,
+    children: [/* @__PURE__ */ n(L, {
+      children: [/* @__PURE__ */ n(h, {
+        condition: m,
         children: [/* @__PURE__ */ e(t.Corner, {
-          children: /* @__PURE__ */ e(b, {
-            "aria-label": m(s.clearSelectionAriaLabel),
+          children: /* @__PURE__ */ e(x, {
+            "aria-label": d(s.clearSelectionAriaLabel),
             icon: y,
-            onClick: v,
+            onClick: f,
             size: "small",
             variant: "small-utility",
-            className: n.clearSelectionButton
+            className: o.clearSelectionButton
           })
         }), /* @__PURE__ */ e(t.StartElements, {
-          children: /* @__PURE__ */ e(h, {
+          children: /* @__PURE__ */ e(u, {
             as: "span",
             color: "textOnLightSecondary",
             variant: "bodyLarge",
-            children: x
+            children: p
           })
         })]
-      }), /* @__PURE__ */ e(S, {
+      }), /* @__PURE__ */ e(h, {
         condition: !!r,
-        children: /* @__PURE__ */ o("div", {
-          className: n.titleBar,
-          children: [r, B && /* @__PURE__ */ e(H, {
-            className: n.itemCount,
+        children: /* @__PURE__ */ n("div", {
+          className: o.titleBar,
+          children: [r, w && /* @__PURE__ */ e(H, {
+            className: o.itemCount,
             colorIndex: 0,
-            text: String(i)
+            text: String(l)
           })]
         })
       })]

package/dist/esm/lib/components/header/messages.js

@@ -6,11 +6,11 @@ const t = e({
   },
   itemsSelected: {
     id: "groupSharedFeatures.metadataView.header.itemsSelected",
-    defaultMessage: "{boldCount} <b>items</b> are selected"
+    defaultMessage: "{count, plural, one {<b># item</b> is selected} other {<b># items</b> are selected}}"
   },
   singleItemSelected: {
     id: "groupSharedFeatures.metadataView.header.singleItemSelected",
-    defaultMessage: "{boldName} is selected"
+    defaultMessage: "<b>{name}</b> is selected"
   }
 });
 export {

package/dist/i18n/en-US.js

@@ -21,8 +21,8 @@ export default {
   "groupSharedFeatures.metadataView.filterSidepanel.showResultsButton": "Search",
   "groupSharedFeatures.metadataView.gridList.gridView": "Grid View",
   "groupSharedFeatures.metadataView.header.clearSelectionAriaLabel": "Clear selection",
-  "groupSharedFeatures.metadataView.header.itemsSelected": "{boldCount} <b>items</b> are selected",
-  "groupSharedFeatures.metadataView.header.singleItemSelected": "{boldName} is selected",
+  "groupSharedFeatures.metadataView.header.itemsSelected": "{count, plural, one {<b># item</b> is selected} other {<b># items</b> are selected}}",
+  "groupSharedFeatures.metadataView.header.singleItemSelected": "<b>{name}</b> is selected",
   "groupSharedFeatures.metadataView.inlineEditingCell.unselectedOptionLabel": "--",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.errorMessage": "Something went wrong. Please refresh this page.",

package/dist/i18n/en-US.properties

@@ -42,10 +42,10 @@ groupSharedFeatures.metadataView.filterSidepanel.showResultsButton = Search
 groupSharedFeatures.metadataView.gridList.gridView = Grid View
 # Aria label for the clear selection button
 groupSharedFeatures.metadataView.header.clearSelectionAriaLabel = Clear selection
-# Selection count text in the header when items are selected or item name is unavailable
-groupSharedFeatures.metadataView.header.itemsSelected = {boldCount} <b>items</b> are selected
+# Selection count text in the header when multiple items are selected or item name is unavailable
+groupSharedFeatures.metadataView.header.itemsSelected = {count, plural, one {<b># item</b> is selected} other {<b># items</b> are selected}}
 # Selection text in the header when a single item is selected, showing the item name
-groupSharedFeatures.metadataView.header.singleItemSelected = {boldName} is selected
+groupSharedFeatures.metadataView.header.singleItemSelected = <b>{name}</b> is selected
 # Label for the default unselected option in inline editing dropdowns
 groupSharedFeatures.metadataView.inlineEditingCell.unselectedOptionLabel = --
 # Label for the action menu for an item in the metadata view list

package/dist/i18n/json/src/lib/components/header/messages.json

@@ -1 +1 @@
-[{"id":"groupSharedFeatures.metadataView.header.clearSelectionAriaLabel","description":"Aria label for the clear selection button","defaultMessage":"Clear selection"},{"id":"groupSharedFeatures.metadataView.header.itemsSelected","description":"Selection count text in the header when items are selected or item name is unavailable","defaultMessage":"{boldCount} <b>items</b> are selected"},{"id":"groupSharedFeatures.metadataView.header.singleItemSelected","description":"Selection text in the header when a single item is selected, showing the item name","defaultMessage":"{boldName} is selected"}]
+[{"id":"groupSharedFeatures.metadataView.header.clearSelectionAriaLabel","description":"Aria label for the clear selection button","defaultMessage":"Clear selection"},{"id":"groupSharedFeatures.metadataView.header.itemsSelected","description":"Selection count text in the header when multiple items are selected or item name is unavailable","defaultMessage":"{count, plural, one {<b># item</b> is selected} other {<b># items</b> are selected}}"},{"id":"groupSharedFeatures.metadataView.header.singleItemSelected","description":"Selection text in the header when a single item is selected, showing the item name","defaultMessage":"<b>{name}</b> is selected"}]

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "1.53.18",
+    "version": "1.53.19",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^13.17.0",