@box/metadata-editor 0.65.2 → 0.66.1

package/esm/lib/components/metadata-editor-fields/components/metadata-enum-field/metadata-enum-field.js

@@ -1,26 +1,26 @@
-import { Select as l, SELECT_EMPTY_VALUE as o } from "@box/blueprint-web";
+import { Select as l, SELECT_EMPTY_VALUE as r } from "@box/blueprint-web";
 import { useFormikContext as M, getIn as V, Field as C } from "formik";
-import { useIntl as L, FormattedMessage as $ } from "react-intl";
-import { forwardRef as b } from "react";
-import c from "../../../../messages.js";
-import { getFieldLabel as j } from "../../utils.js";
-import { jsx as t, jsxs as I } from "react/jsx-runtime";
-const U = /* @__PURE__ */ b(({
-  className: u,
-  description: i,
-  disableForm: f,
+import { forwardRef as L } from "react";
+import { useIntl as P, FormattedMessage as $ } from "react-intl";
+import d from "../../../../messages.js";
+import { getFieldLabel as b } from "../../utils.js";
+import { jsx as t, jsxs as j } from "react/jsx-runtime";
+const O = /* @__PURE__ */ L(({
+  className: i,
+  description: u,
+  disableForm: p,
   fieldNamePrefix: s,
   label: n,
-  options: h,
-  portalElement: p,
+  options: f,
+  portalElement: h,
   updateModePrefix: v
 }, g) => {
   const {
-    setFieldValue: F,
-    values: x
-  } = M(), E = L(), m = `${v ?? s}.value`, r = h || V(x, `${s}.options`, []).map(({
+    setFieldValue: E,
+    values: F
+  } = M(), x = P(), m = `${v ?? s}.value`, o = f || V(F, `${s}.options`, []).map(({
     key: a
-  }) => a), d = E.formatMessage(c.selectValuePlaceholder);
+  }) => a), c = x.formatMessage(d.selectValuePlaceholder);
   return /* @__PURE__ */ t("div", {
     "data-testid": `${n}-field`,
     children: /* @__PURE__ */ t(C, {
@@ -29,24 +29,25 @@ const U = /* @__PURE__ */ b(({
         field: a
       }) => /* @__PURE__ */ t(l, {
         ref: g,
-        className: u,
-        disabled: f,
-        label: j(n, i),
+        className: i,
+        disabled: p,
+        label: b(n, u),
         onValueChange: (e) => {
-          F(m, e === o ? "" : e);
+          E(m, e === r ? "" : e);
         },
-        placeholder: d,
+        placeholder: c,
         ...a,
-        value: a.value === o ? "" : a.value,
-        children: /* @__PURE__ */ I(l.Content, {
-          container: p,
+        value: a.value === r ? "" : a.value,
+        children: /* @__PURE__ */ j(l.Content, {
+          container: h,
+          onEscapeKeyDown: (e) => e.stopPropagation(),
           children: [/* @__PURE__ */ t(l.Option, {
-            text: d,
-            value: o,
+            text: c,
+            value: r,
             children: /* @__PURE__ */ t($, {
-              ...c.selectValuePlaceholder
+              ...d.selectValuePlaceholder
             })
-          }), r == null ? void 0 : r.map((e) => /* @__PURE__ */ t(l.Option, {
+          }), o == null ? void 0 : o.map((e) => /* @__PURE__ */ t(l.Option, {
             text: e,
             value: e,
             children: e
@@ -57,6 +58,6 @@ const U = /* @__PURE__ */ b(({
   });
 });
 export {
-  U as MetadataEnumField,
-  U as default
+  O as MetadataEnumField,
+  O as default
 };

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.2",
+  "version": "0.66.1",
   "peerDependencies": {
     "@ariakit/react": "0.4.5",
     "@box/blueprint-web": "^7.30.3",
@@ -53,5 +53,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "e77ce4a2951397e35430076450d0390e3ef81d46"
+  "gitHead": "322d297c0f3b9276c89abc74a8889e21150482e4"
 }

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 {};