@box/metadata-editor 0.65.1 → 0.66.0

package/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/metadata-instance-entry.js

@@ -1,15 +1,16 @@
 import "../../../../../../styles/metadata-instance-entry.css";
-import { Text as o } from "@box/blueprint-web";
-import { FormattedDate as m } from "react-intl";
-import d from "../../../interactive-text/interactive-text.js";
+import { Text as m } from "@box/blueprint-web";
+import { FormattedDate as d } from "react-intl";
+import y from "../../../interactive-text/interactive-text.js";
+import { TaxonomyValue as f } from "./taxonomy-value.js";
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
-const f = "_metadataInstanceEntry_kd217_1", y = {
-  metadataInstanceEntry: f
-}, D = ({
-  description: a,
-  name: e,
-  shouldHideEmptyValues: i,
-  type: c,
+const u = "_metadataInstanceEntry_kd217_1", x = {
+  metadataInstanceEntry: u
+}, V = ({
+  description: o,
+  name: a,
+  shouldHideEmptyValues: s,
+  type: e,
   value: t
 }) => {
   const n = (() => {
@@ -19,36 +20,41 @@ const f = "_metadataInstanceEntry_kd217_1", y = {
       return null;
     if (Array.isArray(t))
       return t.join(", ");
-    if (c === "date" && typeof t == "string") {
-      const s = new Date(t);
-      return /* @__PURE__ */ r(m, {
+    if (e === "date" && typeof t == "string") {
+      const i = new Date(t);
+      return /* @__PURE__ */ r(d, {
         day: "numeric",
         month: "long",
-        value: s,
+        value: i,
         year: "numeric"
       });
     }
     return t;
   })();
-  return i && !n ? null : /* @__PURE__ */ l("div", {
-    className: y.metadataInstanceEntry,
-    children: [/* @__PURE__ */ r(o, {
+  if (s && !n)
+    return null;
+  const c = () => e === "taxonomy" ? /* @__PURE__ */ r(f, {
+    value: t
+  }) : n && /* @__PURE__ */ r(m, {
+    as: "p",
+    children: n
+  });
+  return /* @__PURE__ */ l("div", {
+    className: x.metadataInstanceEntry,
+    children: [/* @__PURE__ */ r(m, {
       as: "p",
       color: "textOnLightSecondary",
       variant: "bodyDefaultBold",
-      children: a ? /* @__PURE__ */ r(d, {
+      children: o ? /* @__PURE__ */ r(y, {
         as: "span",
         color: "textOnLightSecondary",
-        tooltipText: a,
+        tooltipText: o,
         variant: "bodyDefaultBold",
-        children: e
-      }) : e
-    }), n && /* @__PURE__ */ r(o, {
-      as: "p",
-      children: n
-    })]
+        children: a
+      }) : a
+    }), c()]
   });
 };
 export {
-  D as MetadataInstanceEntry
+  V as MetadataInstanceEntry
 };

package/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/taxonomy-value.js

@@ -0,0 +1,25 @@
+import "../../../../../../styles/taxonomy-value.css";
+import { FilterChip as n } from "@box/blueprint-web";
+import { jsx as t } from "react/jsx-runtime";
+const l = "_taxonomyValueContainer_1m6f6_1", m = "_taxonomyValueButton_1m6f6_1", u = "_taxonomyValueLabel_1m6f6_8", e = {
+  taxonomyValueContainer: l,
+  taxonomyValueButton: m,
+  taxonomyValueLabel: u
+}, x = ({
+  value: a
+}) => !a || !Array.isArray(a) || !a.length ? null : /* @__PURE__ */ t(n.Group, {
+  className: e.taxonomyValueContainer,
+  name: "taxonomy-value",
+  type: "single",
+  children: a.map((o) => /* @__PURE__ */ t(n.ChipButton, {
+    className: e.taxonomyValueButton,
+    value: o.value,
+    children: /* @__PURE__ */ t(n.Label, {
+      className: e.taxonomyValueLabel,
+      children: o.displayValue
+    })
+  }, o.value))
+});
+export {
+  x as TaxonomyValue
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.65.1",
+  "version": "0.66.0",
   "peerDependencies": {
     "@ariakit/react": "0.4.5",
     "@box/blueprint-web": "^7.30.3",
@@ -14,7 +14,7 @@
   "devDependencies": {
     "@ariakit/react": "0.4.5",
     "@box/babel-plugin-target-attributes": "1.3.0",
-    "@box/blueprint-web": "^7.33.0",
+    "@box/blueprint-web": "^7.33.1",
     "@box/blueprint-web-assets": "^4.27.0",
     "@box/storybook-utils": "^0.6.1",
     "@testing-library/react": "^15.0.6",
@@ -53,5 +53,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "b3c8f235ca17a93a637e7f0adbd794c167d54795"
+  "gitHead": "fec5f60d64cecfdab83b9ec202aa14114171031f"
 }

package/styles/taxonomy-value.css

@@ -0,0 +1 @@
+._taxonomyValueContainer_1m6f6_1 ._taxonomyValueButton_1m6f6_1{overflow-x:hidden}._taxonomyValueContainer_1m6f6_1 ._taxonomyValueButton_1m6f6_1:focus-visible{overflow-x:hidden}._taxonomyValueButton_1m6f6_1 ._taxonomyValueLabel_1m6f6_8{overflow-x:hidden;text-overflow:ellipsis}

package/types/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/taxonomy-value.d.ts

@@ -0,0 +1,6 @@
+import { type MetadataFieldValue } from '../../../../types';
+type Props = {
+    value?: MetadataFieldValue;
+};
+export declare const TaxonomyValue: ({ value }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};