@box/metadata-template-editor 1.20.8 → 1.20.10

package/dist/esm/lib/components/metadata-field-configurator/components/type-specific-configuration/taxonomy/taxonomy-field-configuration.js

@@ -1,149 +1,2 @@
-import { InlineNotice as I, Switch as M, TextButton as h, Radio as y, DropdownMenu as x } from "@box/blueprint-web";
-import { Caret as p } from "@box/blueprint-web-assets/icons/Fill";
-import { useMemo as R, useEffect as V } from "react";
-import { useIntl as A } from "react-intl";
-import { useFieldConfigurator as q } from "../../../context/field-configurator-context.js";
-import { useTaxonomyOptions as N } from "../../../context/taxonomy-options-context.js";
-import t from "../../../messages/taxonomy-messages.js";
-import { TaxonomyFieldConfiguratorInitialState as k } from "./taxonomy-field-configurator-initial-state.js";
-import { TaxonomySelector as E } from "./taxonomy-selector.js";
-import { T as a } from "../../../../../../../chunks/types.js";
-import { useTaxonomySelect as K } from "./useTaxonomySelect.js";
-import { filterTaxonomiesByValue as B } from "./utils.js";
-import { jsxs as c, Fragment as v, jsx as l } from "react/jsx-runtime";
-import { LevelsChain as O } from "../../levels-chain/levels-chain.js";
-import '../../../../../../../styles/taxonomy-field-configuration.css';const _ = "_taxonomyFieldConfiguration_ylhrs_1", j = {
-  taxonomyFieldConfiguration: _
-}, oe = () => {
-  const {
-    formatMessage: n
-  } = A(), {
-    values: e,
-    errors: S,
-    touched: g,
-    setFieldValue: r
-  } = q(), {
-    onTaxonomySelect: T
-  } = K({
-    values: e,
-    setFieldValue: r
-  }), {
-    options: u
-  } = N(), i = e.taxonomy.availableTaxonomies.find((o) => o.selected), {
-    selectedLevels: f
-  } = e.taxonomy, m = R(() => i ? i.levels : [], [i]), C = e.taxonomy.selection === a.RequireSpecific && f.length > 0 ? m[f[0] - 1]?.name : void 0;
-  V(
-    () => {
-      if (u.length > 0) {
-        const o = {
-          ...e.taxonomy,
-          availableTaxonomies: u.map((d) => ({
-            ...d,
-            selected: d.taxonomyKey === e.taxonomy.taxonomyKey
-          })),
-          selectedLevels: e.taxonomy.selectedLevels,
-          selection: e.taxonomy.selectedLevels.length > 1 ? a.AllowAny : a.RequireSpecific
-        };
-        r("taxonomy", o);
-      }
-    },
-    /* eslint-disable-next-line react-hooks/exhaustive-deps */
-    [u]
-  );
-  const b = (o) => {
-    const d = o === a.AllowAny ? m.map((F) => F.level) : [m[0].level];
-    r("taxonomy", {
-      ...e.taxonomy,
-      selection: o,
-      selectedLevels: d
-    });
-  }, L = i?.label ?? n(t.chooseTaxonomyLevel), w = !!S.taxonomy?.taxonomyKey && !!g.taxonomy?.taxonomyKey;
-  if (!i && e.isFieldNew)
-    return /* @__PURE__ */ c(v, {
-      children: [w && /* @__PURE__ */ l(I, {
-        variant: "error",
-        variantIconAriaLabel: n(t.noTaxonomySelectedError),
-        children: n(t.noTaxonomySelectedError)
-      }), /* @__PURE__ */ l(k, {})]
-    });
-  const s = e.isFieldReadOnly || !e.isFieldNew;
-  return /* @__PURE__ */ c("div", {
-    className: j.taxonomyFieldConfiguration,
-    children: [/* @__PURE__ */ l(M.Item, {
-      name: "allowMultipleSelections",
-      disabled: s,
-      checked: e.taxonomy.allowMultipleSelections,
-      label: n(t.allowMultipleTaxonomySelections),
-      onCheckedChange: (o) => {
-        r("taxonomy", {
-          ...e.taxonomy,
-          allowMultipleSelections: o
-        });
-      },
-      value: e.taxonomy.allowMultipleSelections.toString()
-    }), /* @__PURE__ */ l("div", {
-      children: /* @__PURE__ */ l(E, {
-        triggerButton: /* @__PURE__ */ l(h, {
-          disabled: s,
-          icon: p,
-          children: L
-        }),
-        data: B(e.taxonomy.availableTaxonomies, e.taxonomy.taxonomySearchValue),
-        onClick: T,
-        onSearchValue: (o) => {
-          r("taxonomy", {
-            ...e.taxonomy,
-            taxonomySearchValue: o
-          });
-        }
-      })
-    }), m.length > 0 && /* @__PURE__ */ l(O, {
-      levels: m,
-      selectedLevels: f
-    }), i && m.length > 1 && /* @__PURE__ */ l(y.Legend, {
-      header: n(t.selection),
-      children: /* @__PURE__ */ c(y.Group, {
-        disabled: s,
-        defaultValue: a.RequireSpecific,
-        loop: !0,
-        name: "selection",
-        onValueChange: b,
-        orientation: "vertical",
-        value: e.taxonomy.selection,
-        children: [/* @__PURE__ */ l(y.Item, {
-          label: /* @__PURE__ */ c(v, {
-            children: [n(t.requiredSelection), /* @__PURE__ */ c(x.Root, {
-              modal: !1,
-              children: [/* @__PURE__ */ l(x.Trigger, {
-                disabled: e.taxonomy.selection !== a.RequireSpecific || s,
-                children: /* @__PURE__ */ l(h, {
-                  icon: p,
-                  children: C ?? n(t.chooseTaxonomyLevel)
-                })
-              }), /* @__PURE__ */ l(x.Content, {
-                align: "start",
-                children: i?.levels?.map((o) => /* @__PURE__ */ l(x.Item, {
-                  onClick: () => {
-                    r("taxonomy", {
-                      ...e.taxonomy,
-                      selectedLevels: [o.level]
-                    });
-                  },
-                  children: o.name
-                }, o.level))
-              })]
-            })]
-          }),
-          value: a.RequireSpecific
-        }), /* @__PURE__ */ l(y.Item, {
-          disabled: s,
-          label: n(t.anyLevelSelection),
-          value: a.AllowAny
-        })]
-      })
-    })]
-  });
-};
-export {
-  oe as TaxonomyFieldConfiguration
-};
+import { t as e } from "../../../../../../../chunks/taxonomy-field-configuration.js";
+export { e as TaxonomyFieldConfiguration };

package/dist/esm/lib/components/metadata-field-configurator/components/type-specific-configuration/taxonomy/taxonomy-field-configurator-initial-state.js

@@ -1,54 +1,2 @@
-import { Text as a } from "@box/blueprint-web";
-import { FormattedMessage as r } from "react-intl";
-import { useFieldConfigurator as s } from "../../../context/field-configurator-context.js";
-import i from "../../../messages/taxonomy-messages.js";
-import { useTaxonomySelect as u } from "./useTaxonomySelect.js";
-import { filterTaxonomiesByValue as c } from "./utils.js";
-import { TaxonomySelector as d } from "./taxonomy-selector.js";
-import { jsxs as x, jsx as o } from "react/jsx-runtime";
-import '../../../../../../../styles/taxonomy-field-configurator-initial-state.css';const f = "_taxonomyFieldConfiguratorInitialState_il5v7_1", y = "_subheader_il5v7_10", n = {
-  taxonomyFieldConfiguratorInitialState: f,
-  subheader: y
-}, C = () => {
-  const {
-    values: t,
-    setFieldValue: e
-  } = s(), {
-    onTaxonomySelect: l
-  } = u({
-    values: t,
-    setFieldValue: e
-  });
-  return /* @__PURE__ */ x("div", {
-    className: n.taxonomyFieldConfiguratorInitialState,
-    children: [/* @__PURE__ */ o(a, {
-      as: "h1",
-      color: "textOnLightDefault",
-      variant: "titleMedium",
-      children: /* @__PURE__ */ o(r, {
-        ...i.callToActionHeader
-      })
-    }), /* @__PURE__ */ o(a, {
-      as: "p",
-      className: n.subheader,
-      color: "textOnLightDefault",
-      variant: "bodyDefault",
-      children: /* @__PURE__ */ o(r, {
-        ...i.callToActionSubheader
-      })
-    }), /* @__PURE__ */ o(d, {
-      data: c(t.taxonomy.availableTaxonomies, t.taxonomy.taxonomySearchValue),
-      onClick: l,
-      resetValueOnHide: !0,
-      onSearchValue: (m) => {
-        e("taxonomy", {
-          ...t.taxonomy,
-          taxonomySearchValue: m
-        });
-      }
-    })]
-  });
-};
-export {
-  C as TaxonomyFieldConfiguratorInitialState
-};
+import { t as e } from "../../../../../../../chunks/taxonomy-field-configurator-initial-state.js";
+export { e as TaxonomyFieldConfiguratorInitialState };

package/dist/esm/lib/components/metadata-field-configurator/components/type-specific-configuration/taxonomy/taxonomy-selector-messages.js

@@ -1,38 +1,36 @@
 import { defineMessages as e } from "react-intl";
-const o = e({
-  taxonomySelectorAriaLabel: {
-    id: "groupSharedFeatures.metadataTemplateEditor.taxonomySelectorAriaLabel",
-    defaultMessage: "Open taxonomy selector"
-  },
-  taxonomySelector: {
-    id: "groupSharedFeatures.metadataTemplateEditor.taxonomySelector",
-    defaultMessage: "Choose a Taxonomy"
-  },
-  recentlyUsedTaxonomies: {
-    id: "groupSharedFeatures.metadataTemplateEditor.recentlyUsedTaxonomies",
-    defaultMessage: "Recents"
-  },
-  allTaxonomies: {
-    id: "groupSharedFeatures.metadataTemplateEditor.allTaxonomies",
-    defaultMessage: "All taxonomies"
-  },
-  searchTaxonomiesInputPlaceholder: {
-    id: "groupSharedFeatures.metadataTemplateEditor.searchTaxonomiesInputPlaceholder",
-    defaultMessage: "Search taxonomies"
-  },
-  loadingTaxonomies: {
-    id: "groupSharedFeatures.metadataTemplateEditor.loadingTaxonomies",
-    defaultMessage: "Loading taxonomies…"
-  },
-  loadTaxonomiesError: {
-    id: "groupSharedFeatures.metadataTemplateEditor.loadTaxonomiesError",
-    defaultMessage: "Failed to load taxonomies."
-  },
-  retryLoadTaxonomies: {
-    id: "groupSharedFeatures.metadataTemplateEditor.retryLoadTaxonomies",
-    defaultMessage: "Retry"
-  }
+var t = e({
+	taxonomySelectorAriaLabel: {
+		id: "groupSharedFeatures.metadataTemplateEditor.taxonomySelectorAriaLabel",
+		defaultMessage: "Open taxonomy selector"
+	},
+	taxonomySelector: {
+		id: "groupSharedFeatures.metadataTemplateEditor.taxonomySelector",
+		defaultMessage: "Choose a Taxonomy"
+	},
+	recentlyUsedTaxonomies: {
+		id: "groupSharedFeatures.metadataTemplateEditor.recentlyUsedTaxonomies",
+		defaultMessage: "Recents"
+	},
+	allTaxonomies: {
+		id: "groupSharedFeatures.metadataTemplateEditor.allTaxonomies",
+		defaultMessage: "All taxonomies"
+	},
+	searchTaxonomiesInputPlaceholder: {
+		id: "groupSharedFeatures.metadataTemplateEditor.searchTaxonomiesInputPlaceholder",
+		defaultMessage: "Search taxonomies"
+	},
+	loadingTaxonomies: {
+		id: "groupSharedFeatures.metadataTemplateEditor.loadingTaxonomies",
+		defaultMessage: "Loading taxonomies…"
+	},
+	loadTaxonomiesError: {
+		id: "groupSharedFeatures.metadataTemplateEditor.loadTaxonomiesError",
+		defaultMessage: "Failed to load taxonomies."
+	},
+	retryLoadTaxonomies: {
+		id: "groupSharedFeatures.metadataTemplateEditor.retryLoadTaxonomies",
+		defaultMessage: "Retry"
+	}
 });
-export {
-  o as default
-};
+export { t as default };

package/dist/esm/lib/components/metadata-field-configurator/components/type-specific-configuration/taxonomy/taxonomy-selector.js

@@ -1,103 +1,2 @@
-import { Button as n, Popover as s, LoadingIndicator as w, Text as h, TextInput as L } from "@box/blueprint-web";
-import { Plus as P } from "@box/blueprint-web-assets/icons/Fill";
-import { useState as x } from "react";
-import { useIntl as O } from "react-intl";
-import { useTaxonomyOptions as N } from "../../../context/taxonomy-options-context.js";
-import o from "./taxonomy-selector-messages.js";
-import { jsx as a, jsxs as l, Fragment as k } from "react/jsx-runtime";
-import '../../../../../../../styles/taxonomy-selector.css';const z = "_taxonomySelectorLabel_b3aww_1", j = "_listWrapper_b3aww_14", M = "_listWrapperWithPadding_b3aww_19", $ = "_taxonomyItem_b3aww_24", q = "_statusContainer_b3aww_30", r = {
-  taxonomySelectorLabel: z,
-  listWrapper: j,
-  listWrapperWithPadding: M,
-  taxonomyItem: $,
-  statusContainer: q
-}, G = ({
-  data: g,
-  onClick: u,
-  onSearchValue: i,
-  triggerButton: y,
-  disabled: b,
-  resetValueOnHide: f
-}) => {
-  const {
-    formatMessage: t
-  } = O(), {
-    status: c,
-    onSelectorOpen: d
-  } = N(), [C, m] = x(""), [_, p] = x(!1), v = (e) => {
-    m(e), i(e);
-  }, I = (e) => {
-    p(e), e && d(), !e && f && (m(""), i(""));
-  }, S = (e) => {
-    u(e), p(!1);
-  }, W = y ?? /* @__PURE__ */ a(n, {
-    variant: "secondary",
-    size: "large",
-    endIcon: P,
-    "aria-label": t(o.taxonomySelectorAriaLabel),
-    children: t(o.taxonomySelector)
-  }), T = () => c === "loading" ? /* @__PURE__ */ a("div", {
-    className: r.statusContainer,
-    children: /* @__PURE__ */ a(w, {
-      "aria-label": t(o.loadingTaxonomies)
-    })
-  }) : c === "error" ? /* @__PURE__ */ l("div", {
-    className: r.statusContainer,
-    children: [/* @__PURE__ */ a(h, {
-      as: "p",
-      variant: "bodyDefault",
-      color: "textOnLightSecondary",
-      children: t(o.loadTaxonomiesError)
-    }), /* @__PURE__ */ a(n, {
-      variant: "secondary",
-      size: "small",
-      onClick: d,
-      children: t(o.retryLoadTaxonomies)
-    })]
-  }) : /* @__PURE__ */ l(k, {
-    children: [/* @__PURE__ */ a("div", {
-      className: `${r.listWrapper} ${r.listWrapperWithPadding}`,
-      children: /* @__PURE__ */ a(L, {
-        label: t(o.searchTaxonomiesInputPlaceholder),
-        placeholder: t(o.searchTaxonomiesInputPlaceholder),
-        value: C,
-        onChange: (e) => v(e.target.value),
-        hideLabel: !0,
-        "aria-label": t(o.searchTaxonomiesInputPlaceholder)
-      })
-    }), /* @__PURE__ */ a(h, {
-      as: "span",
-      variant: "caption",
-      color: "textOnLightSecondary",
-      className: r.taxonomySelectorLabel,
-      children: t(o.allTaxonomies)
-    }), /* @__PURE__ */ a("div", {
-      className: r.listWrapper,
-      children: g.map((e) => /* @__PURE__ */ a(n, {
-        type: "button",
-        variant: "quaternary",
-        size: "large",
-        disabled: e?.levels?.length === 0,
-        onClick: () => S(e),
-        className: r.taxonomyItem,
-        children: e.label
-      }, e.id))
-    })]
-  });
-  return /* @__PURE__ */ l(s.Root, {
-    modal: !1,
-    open: _,
-    onOpenChange: I,
-    children: [/* @__PURE__ */ a(s.Trigger, {
-      disabled: b,
-      children: W
-    }), /* @__PURE__ */ a(s.ContentContainer, {
-      align: "start",
-      "aria-label": t(o.taxonomySelector),
-      children: T()
-    })]
-  });
-};
-export {
-  G as TaxonomySelector
-};
+import { t as e } from "../../../../../../../chunks/taxonomy-selector.js";
+export { e as TaxonomySelector };

package/dist/esm/lib/components/metadata-field-configurator/components/type-specific-configuration/taxonomy/useTaxonomySelect.js

@@ -1,19 +1,15 @@
-import { taxonomyDefaultValues as s } from "./taxonomy-default-values.js";
-const m = (o) => ({
-  onTaxonomySelect: (l) => {
-    const e = o.values.taxonomy.availableTaxonomies.find((a) => a.id === l.id);
-    o.setFieldValue("taxonomy", {
-      ...s.taxonomy,
-      availableTaxonomies: o.values.taxonomy.availableTaxonomies.map((a) => ({
-        ...a,
-        selected: a.id === l.id
-      })),
-      selectedLevels: e?.levels[0] ? [e.levels[0].level] : [],
-      taxonomyKey: e?.taxonomyKey ?? "",
-      namespace: e?.namespace ?? ""
-    });
-  }
-});
-export {
-  m as useTaxonomySelect
-};
+import { taxonomyDefaultValues as e } from "./taxonomy-default-values.js";
+var t = (t) => ({ onTaxonomySelect: (n) => {
+	let r = t.values.taxonomy.availableTaxonomies.find((e) => e.id === n.id);
+	t.setFieldValue("taxonomy", {
+		...e.taxonomy,
+		availableTaxonomies: t.values.taxonomy.availableTaxonomies.map((e) => ({
+			...e,
+			selected: e.id === n.id
+		})),
+		selectedLevels: r?.levels[0] ? [r.levels[0].level] : [],
+		taxonomyKey: r?.taxonomyKey ?? "",
+		namespace: r?.namespace ?? ""
+	});
+} });
+export { t as useTaxonomySelect };

package/dist/esm/lib/components/metadata-field-configurator/components/type-specific-configuration/taxonomy/utils.js

@@ -1,4 +1,2 @@
-const t = (e, o) => e.filter((l) => l.label.toLowerCase().includes(o.toLowerCase()));
-export {
-  t as filterTaxonomiesByValue
-};
+var e = (e, t) => e.filter((e) => e.label.toLowerCase().includes(t.toLowerCase()));
+export { e as filterTaxonomiesByValue };

package/dist/esm/lib/components/metadata-field-configurator/context/field-configurator-context.js

@@ -1,68 +1,62 @@
-import c from "lodash/cloneDeep";
-import i from "lodash/set";
-import { createContext as P, useState as l, useCallback as n, useMemo as j, useContext as k } from "react";
-import { jsx as y } from "react/jsx-runtime";
-const V = /* @__PURE__ */ P(null);
-function q() {
-  const s = k(V);
-  if (!s)
-    throw new Error("useFieldConfigurator must be used within a FieldConfiguratorContext provider");
-  return s;
+import { jsx as e } from "react/jsx-runtime";
+import { createContext as t, useCallback as n, useContext as r, useMemo as i, useState as a } from "react";
+import o from "lodash/cloneDeep";
+import s from "lodash/set";
+var c = /* @__PURE__ */ t(null);
+function l() {
+	let e = r(c);
+	if (!e) throw Error("useFieldConfigurator must be used within a FieldConfiguratorContext provider");
+	return e;
 }
-const z = ({
-  initialValues: s,
-  initialErrors: w = {},
-  initialTouched: S = {},
-  children: T
-}) => {
-  const [d, u] = l(s), [m] = l(w), [f, a] = l(S), x = n((t, e) => {
-    u((o) => ({
-      ...o,
-      [t]: e
-    }));
-  }, []), C = n((t) => u(t), []), g = n((t, e = !0) => {
-    a((o) => {
-      const r = c(o);
-      return i(r, t, e), r;
-    });
-  }, []), h = n((t) => a(t), []), F = n((t) => {
-    const {
-      name: e,
-      value: o
-    } = t.target;
-    u((r) => {
-      const v = c(r);
-      return i(v, e, o), v;
-    });
-  }, []), p = n((t) => {
-    const e = t.target;
-    e.name && a((o) => {
-      const r = c(o);
-      return i(r, e.name, !0), r;
-    });
-  }, []), b = j(() => ({
-    values: d,
-    errors: m,
-    touched: f,
-    isValid: !0,
-    setFieldValue: x,
-    setValues: C,
-    setFieldTouched: g,
-    setTouched: h,
-    handleChange: F,
-    handleBlur: p,
-    // No-op: FieldConfiguratorProvider has no validation layer.
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    validateForm: async () => {
-    }
-  }), [d, m, f, x, C, g, h, F, p]);
-  return /* @__PURE__ */ y(V.Provider, {
-    value: b,
-    children: T
-  });
-};
-export {
-  V as FieldConfiguratorContext,
-  z as FieldConfiguratorProvider,
-  q as useFieldConfigurator
+var u = ({ initialValues: t, initialErrors: r = {}, initialTouched: l = {}, children: u }) => {
+	let [d, f] = a(t), [p] = a(r), [m, h] = a(l), g = n((e, t) => {
+		f((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, []), _ = n((e) => f(e), []), v = n((e, t = !0) => {
+		h((n) => {
+			let r = o(n);
+			return s(r, e, t), r;
+		});
+	}, []), y = n((e) => h(e), []), b = n((e) => {
+		let { name: t, value: n } = e.target;
+		f((e) => {
+			let r = o(e);
+			return s(r, t, n), r;
+		});
+	}, []), x = n((e) => {
+		let t = e.target;
+		t.name && h((e) => {
+			let n = o(e);
+			return s(n, t.name, !0), n;
+		});
+	}, []), S = i(() => ({
+		values: d,
+		errors: p,
+		touched: m,
+		isValid: !0,
+		setFieldValue: g,
+		setValues: _,
+		setFieldTouched: v,
+		setTouched: y,
+		handleChange: b,
+		handleBlur: x,
+		validateForm: async () => {}
+	}), [
+		d,
+		p,
+		m,
+		g,
+		_,
+		v,
+		y,
+		b,
+		x
+	]);
+	return /* @__PURE__ */ e(c.Provider, {
+		value: S,
+		children: u
+	});
 };
+export { c as FieldConfiguratorContext, u as FieldConfiguratorProvider, l as useFieldConfigurator };

package/dist/esm/lib/components/metadata-field-configurator/context/field-extensions-context.js

@@ -1,9 +1,6 @@
-import { createContext as t, useContext as e } from "react";
-const n = /* @__PURE__ */ t([]);
-function s() {
-  return e(n);
+import { createContext as e, useContext as t } from "react";
+var n = /* @__PURE__ */ e([]);
+function r() {
+	return t(n);
 }
-export {
-  n as FieldExtensionsContext,
-  s as useFieldExtensions
-};
+export { n as FieldExtensionsContext, r as useFieldExtensions };

package/dist/esm/lib/components/metadata-field-configurator/context/taxonomy-options-context.js

@@ -1,23 +1,17 @@
-import { createContext as o, useContext as n } from "react";
-const e = {
-  options: [],
-  status: "success",
-  onSelectorOpen: () => {
-  }
-}, s = /* @__PURE__ */ o(e);
+import { createContext as e, useContext as t } from "react";
+var n = /* @__PURE__ */ e({
+	options: [],
+	status: "success",
+	onSelectorOpen: () => {}
+});
 function r() {
-  return n(s);
+	return t(n);
 }
-function u(t) {
-  return {
-    options: t,
-    status: "success",
-    onSelectorOpen: () => {
-    }
-  };
+function i(e) {
+	return {
+		options: e,
+		status: "success",
+		onSelectorOpen: () => {}
+	};
 }
-export {
-  s as TaxonomyOptionsContext,
-  u as createStaticTaxonomyContext,
-  r as useTaxonomyOptions
-};
+export { n as TaxonomyOptionsContext, i as createStaticTaxonomyContext, r as useTaxonomyOptions };