@box/metadata-template-editor 1.20.9 → 1.20.11

package/dist/esm/lib/components/metadata-field-configurator/components/levels-chain/utils.js

@@ -1,34 +1,17 @@
-const C = ({
-  isMeasured: h,
-  leftLevelWidths: t,
-  rightLevelWidths: o,
-  containerWidthPx: s,
-  buttonWidthPx: r,
-  gapBetweenItems: a
-}) => {
-  if (!h)
-    return [0, 0];
-  const b = t.length + o.length;
-  if ([...t, ...o].reduce((u, c) => u + c, 0) + (b - 1) * a <= s)
-    return [0, 0];
-  let n = 0, e = 0, l = 0;
-  for (; n < t.length || e < o.length; ) {
-    const u = t.slice(0, t.length - n), c = o.slice(e), f = u.length + c.length + 1;
-    if (u.reduce((i, g) => i + g, 0) + r + c.reduce((i, g) => i + g, 0) + (f - 1) * a <= s)
-      break;
-    if (l === 0 && n < t.length)
-      n += 1, l = 1;
-    else if (l === 1 && e < o.length)
-      e += 1, l = 0;
-    else if (n < t.length)
-      n += 1;
-    else if (e < o.length)
-      e += 1;
-    else
-      break;
-  }
-  return [n, e];
-};
-export {
-  C as getHideCounts
+var e = ({ isMeasured: e, leftLevelWidths: t, rightLevelWidths: n, containerWidthPx: r, buttonWidthPx: i, gapBetweenItems: a }) => {
+	if (!e) return [0, 0];
+	let o = t.length + n.length;
+	if ([...t, ...n].reduce((e, t) => e + t, 0) + (o - 1) * a <= r) return [0, 0];
+	let s = 0, c = 0, l = 0;
+	for (; s < t.length || c < n.length;) {
+		let e = t.slice(0, t.length - s), o = n.slice(c), u = e.length + o.length + 1;
+		if (e.reduce((e, t) => e + t, 0) + i + o.reduce((e, t) => e + t, 0) + (u - 1) * a <= r) break;
+		if (l === 0 && s < t.length) s += 1, l = 1;
+		else if (l === 1 && c < n.length) c += 1, l = 0;
+		else if (s < t.length) s += 1;
+		else if (c < n.length) c += 1;
+		else break;
+	}
+	return [s, c];
 };
+export { e as getHideCounts };

package/dist/esm/lib/components/metadata-field-configurator/components/type-specific-configuration/dropdown/__mocks__/getInitialValues.js

@@ -1,33 +1,35 @@
-import { F as e } from "../../../../../../../../chunks/types.js";
-import { taxonomyDefaultValues as o } from "../../taxonomy/taxonomy-default-values.js";
-const i = [{
-  id: "option1",
-  key: "Option 1",
-  isNew: !0
-}, {
-  id: "option2",
-  key: "Option 2",
-  isNew: !0
-}, {
-  id: "option3",
-  key: "Option 3",
-  isNew: !0
-}], l = () => ({
-  id: "mock-dropdown-field",
-  key: "test",
-  type: e.Dropdown,
-  name: "Test",
-  description: "",
-  hidden: !1,
-  isFieldNew: !0,
-  isFieldReadOnly: !1,
-  dropdown: {
-    options: i,
-    allowMultipleSelections: !1,
-    isAllowMultipleSelectionsEnabled: !0
-  },
-  taxonomy: o.taxonomy
+import { a as e } from "../../../../../../../../chunks/types.js";
+import { taxonomyDefaultValues as t } from "../../taxonomy/taxonomy-default-values.js";
+var n = [
+	{
+		id: "option1",
+		key: "Option 1",
+		isNew: !0
+	},
+	{
+		id: "option2",
+		key: "Option 2",
+		isNew: !0
+	},
+	{
+		id: "option3",
+		key: "Option 3",
+		isNew: !0
+	}
+], r = () => ({
+	id: "mock-dropdown-field",
+	key: "test",
+	type: e.Dropdown,
+	name: "Test",
+	description: "",
+	hidden: !1,
+	isFieldNew: !0,
+	isFieldReadOnly: !1,
+	dropdown: {
+		options: n,
+		allowMultipleSelections: !1,
+		isAllowMultipleSelectionsEnabled: !0
+	},
+	taxonomy: t.taxonomy
 });
-export {
-  l as getInitialValues
-};
+export { r as getInitialValues };

package/dist/esm/lib/components/metadata-field-configurator/components/type-specific-configuration/dropdown/dropdown-default-values.js

@@ -1,15 +1,11 @@
 import e from "lodash/uniqueId";
-const l = () => ({
-  dropdown: {
-    options: [{
-      id: e(),
-      key: "Option 1",
-      isNew: !0
-    }],
-    allowMultipleSelections: !1,
-    isAllowMultipleSelectionsEnabled: !0
-  }
-});
-export {
-  l as getDropdownDefaultValues
-};
+var t = () => ({ dropdown: {
+	options: [{
+		id: e(),
+		key: "Option 1",
+		isNew: !0
+	}],
+	allowMultipleSelections: !1,
+	isAllowMultipleSelectionsEnabled: !0
+} });
+export { t as getDropdownDefaultValues };

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

@@ -1,66 +1,2 @@
-import { InlineNotice as g, TextButton as v, Switch as S } from "@box/blueprint-web";
-import k from "lodash/uniqueId";
-import { useState as L, useCallback as l, useEffect as _ } from "react";
-import { useIntl as b } from "react-intl";
-import { useFieldConfigurator as y } from "../../../context/field-configurator-context.js";
-import d from "../../../messages/dropdown-messages.js";
-import { SortableOptionList as B } from "./sortable-option-list.js";
-import { jsxs as E, jsx as i } from "react/jsx-runtime";
-import '../../../../../../../styles/dropdown-field-configuration.css';const I = "_dropdownFieldConfiguration_rjv8w_1", N = "_addOptionButton_rjv8w_7", p = {
-  dropdownFieldConfiguration: I,
-  addOptionButton: N
-}, R = () => {
-  const {
-    formatMessage: t
-  } = b(), {
-    values: o,
-    errors: u,
-    touched: c,
-    setFieldValue: r
-  } = y(), [w, a] = L(!1), s = o.dropdown.options.length > 0, m = u.dropdown, f = c.dropdown, h = m?.options?.some((n, C) => n?.key && f?.options?.[C]), e = l((n = !1) => {
-    r("dropdown", {
-      ...o.dropdown,
-      options: [...o.dropdown.options, {
-        id: k(),
-        key: "",
-        isNew: !0
-      }]
-    }), a(n);
-  }, [o.dropdown, r]), F = l(() => {
-    e(!0);
-  }, [e]);
-  _(() => {
-    s || e(!1);
-  }, [s, e]);
-  const O = l(() => {
-    a(!1);
-  }, []);
-  return /* @__PURE__ */ E("div", {
-    className: p.dropdownFieldConfiguration,
-    children: [h && /* @__PURE__ */ i(g, {
-      variant: "error",
-      variantIconAriaLabel: t(d.optionListValidationError),
-      children: t(d.optionListValidationError)
-    }), s && /* @__PURE__ */ i(B, {
-      shouldFocusLastOption: w,
-      onFocusConsumed: O
-    }), /* @__PURE__ */ i(v, {
-      className: p.addOptionButton,
-      onClick: F,
-      children: t(d.addOption)
-    }), /* @__PURE__ */ i(S.Item, {
-      name: "dropdown.allowMultipleSelections",
-      checked: o.dropdown.allowMultipleSelections,
-      disabled: !o.isFieldNew || o.isFieldReadOnly,
-      label: t(d.allowMultipleSelection),
-      onCheckedChange: (n) => r("dropdown", {
-        ...o.dropdown,
-        allowMultipleSelections: n
-      }),
-      value: "true"
-    })]
-  });
-};
-export {
-  R as DropdownFieldConfiguration
-};
+import { t as e } from "../../../../../../../chunks/dropdown-field-configuration.js";
+export { e as DropdownFieldConfiguration };

package/dist/esm/lib/components/metadata-field-configurator/components/type-specific-configuration/dropdown/sortable-option-list.js

@@ -1,294 +1,2 @@
-import { TextInput as K, IconButton as $ } from "@box/blueprint-web";
-import { DragDots as F } from "@box/blueprint-web-assets/icons/Fill";
-import { Trash as V } from "@box/blueprint-web-assets/icons/Line";
-import { useSensors as te, useSensor as B, PointerSensor as ne, TouchSensor as oe, KeyboardSensor as re, DndContext as ie, closestCenter as ae, DragOverlay as le } from "@dnd-kit/core";
-import { sortableKeyboardCoordinates as de, SortableContext as se, verticalListSortingStrategy as ce, arrayMove as R, useSortable as ue } from "@dnd-kit/sortable";
-import { CSS as pe } from "@dnd-kit/utilities";
-import J from "clsx";
-import me from "lodash/uniqueId";
-import { useState as S, useRef as fe, useEffect as E, useCallback as G } from "react";
-import { useIntl as ge } from "react-intl";
-import { useFieldConfigurator as he } from "../../../context/field-configurator-context.js";
-import v from "../../../messages/dropdown-messages.js";
-import be from "../../confirmation-modal/confirmation-modal.js";
-import { jsxs as L, Fragment as ye, jsx as o } from "react/jsx-runtime";
-import '../../../../../../../styles/sortable-option-list.css';const Ce = "_sortableOptionList_1cieq_1", ve = "_option_1cieq_9", De = "_editable_1cieq_9", _e = "_dragging_1cieq_22", Oe = "_dragHandle_1cieq_26", we = "_input_1cieq_41", Ie = "_deleteButtonContainer_1cieq_52", Se = "_optionDragOverlay_1cieq_58", r = {
-  sortableOptionList: Ce,
-  option: ve,
-  editable: De,
-  dragging: _e,
-  dragHandle: Oe,
-  input: we,
-  deleteButtonContainer: Ie,
-  optionDragOverlay: Se
-};
-function Ne(a, u, t, s, D, l) {
-  const p = (
-    // Guard 1: was this option's field interacted with?
-    u?.dropdown?.options?.[t] && // Guard 2: errors is a non-null object (required for property access below)
-    typeof a == "object" && a !== null && // Guard 3: errors.dropdown is an object (i.e. there are dropdown-level errors)
-    typeof a.dropdown == "object" && // Finally: read the `key` validation error for this specific option, if present
-    a.dropdown?.options?.[t]?.key
-  );
-  if (typeof p != "string")
-    return "";
-  if (l !== null && s.id !== l) {
-    const h = D.find((b) => b.id === l)?.key;
-    if (
-      // Guard 1: lastChangedKey is non-null (i.e. the user has edited an option)
-      !!h && // Guard 2: the current option's key matches the last-edited option's key
-      s.key === h && // Guard 3: there is at least one other option in the group with the same key
-      D.some((b, _) => _ !== t && b.key === h)
-    )
-      return "";
-  }
-  return p;
-}
-function Te({
-  option: a,
-  index: u,
-  isFieldReadOnly: t,
-  onInputChange: s,
-  onDelete: D,
-  onInputRef: l,
-  error: p,
-  handleBlur: h,
-  canDelete: w,
-  dragAriaLabel: b,
-  inputPlaceholder: _,
-  deleteAriaLabel: I
-}) {
-  const {
-    attributes: y,
-    listeners: n,
-    setNodeRef: O,
-    transform: N,
-    transition: T,
-    isDragging: m
-  } = ue({
-    id: a.id
-  }), k = {
-    transform: pe.Translate.toString(N),
-    transition: T
-  };
-  return /* @__PURE__ */ L("li", {
-    ref: O,
-    style: k,
-    className: J(r.option, {
-      [r.dragging]: m,
-      [r.editable]: !t
-    }),
-    children: [!t && /* @__PURE__ */ o("div", {
-      className: r.dragHandle,
-      ...n,
-      ...y,
-      "aria-label": b,
-      tabIndex: -1,
-      children: /* @__PURE__ */ o(F, {
-        fontSize: 20,
-        "aria-hidden": "true"
-      })
-    }), /* @__PURE__ */ o(K, {
-      disabled: t,
-      placeholder: _,
-      label: _,
-      hideLabel: !0,
-      onBlur: h,
-      id: `dropdown.options.${u}.key`,
-      name: `dropdown.options.${u}.key`,
-      value: a.key,
-      className: r.input,
-      onChange: (C) => s(C, a.id),
-      ref: (C) => l(C, u),
-      error: p
-    }), !t && /* @__PURE__ */ o("div", {
-      className: r.deleteButtonContainer,
-      children: /* @__PURE__ */ o($, {
-        onClick: () => D(a),
-        "aria-label": I,
-        icon: V,
-        size: "x-small",
-        variant: "default",
-        tabIndex: -1,
-        focusable: !0,
-        disabled: !w,
-        className: r.deleteButton
-      })
-    })]
-  });
-}
-function Ke({
-  shouldFocusLastOption: a = !1,
-  onFocusConsumed: u
-}) {
-  const {
-    formatMessage: t
-  } = ge(), {
-    values: s,
-    errors: D,
-    touched: l,
-    setFieldValue: p,
-    setFieldTouched: h,
-    setTouched: w,
-    handleBlur: b
-  } = he(), _ = te(B(ne, {
-    activationConstraint: {
-      distance: 8
-    }
-  }), B(oe, {
-    activationConstraint: {
-      delay: 250,
-      tolerance: 5
-    }
-  }), B(re, {
-    coordinateGetter: de
-  })), {
-    options: I
-  } = s.dropdown, {
-    isFieldReadOnly: y
-  } = s, [n, O] = S(I), [N, T] = S(null), m = fe(null), [k, C] = S(null), [Q, q] = S(!1), [M, H] = S(null);
-  E(() => {
-    O(I);
-  }, [I]), E(() => () => {
-    m.current && clearTimeout(m.current);
-  }, []);
-  const x = G((e) => {
-    p("dropdown", {
-      ...s.dropdown,
-      options: e
-    });
-  }, [s.dropdown, p]), U = (e, i) => {
-    T(i);
-    const c = n.map((d, f) => d.id === i ? (h(`dropdown.options.${f}.key`, !0), {
-      ...d,
-      key: e.target.value
-    }) : d);
-    O(c), x(c);
-  }, j = () => {
-    H(null), q(!1);
-  }, z = (e) => {
-    if (!e)
-      return;
-    const i = n.filter((f) => f.id !== e);
-    O(i), x(i), e === N && T(null);
-    const c = {
-      ...l
-    }, d = c.dropdown;
-    d?.options && (d.options = d.options.filter((f, g) => n[g]?.id !== e)), w(c), i.length === 0 && p("dropdown", {
-      ...s.dropdown,
-      options: [{
-        id: me(),
-        key: "",
-        isNew: !0
-      }]
-    }), j();
-  }, W = (e) => {
-    e.isNew ? z(e.id) : (H(e), q(!0));
-  }, X = ({
-    active: e
-  }) => {
-    C(String(e.id));
-  }, Y = () => {
-    C(null);
-  }, Z = (e) => {
-    C(null);
-    const {
-      active: i,
-      over: c
-    } = e;
-    if (c && i.id !== c.id) {
-      const d = n.findIndex((g) => g.id === i.id), f = n.findIndex((g) => g.id === c.id);
-      if (d !== -1 && f !== -1) {
-        const g = R(n, d, f);
-        O(g), x(g);
-        const A = l?.dropdown?.options;
-        A && A.length > 0 && w({
-          ...l,
-          dropdown: {
-            ...l.dropdown ?? {},
-            options: R(A, d, f)
-          }
-        });
-      }
-    }
-  }, ee = G((e, i) => {
-    e && a && i === n.length - 1 && (m.current && clearTimeout(m.current), m.current = setTimeout(() => {
-      e.focus(), u(), m.current = null;
-    }, 0));
-  }, [a, u, n.length]), P = k ? n.find((e) => e.id === k) : null;
-  return /* @__PURE__ */ L(ye, {
-    children: [/* @__PURE__ */ L(ie, {
-      sensors: _,
-      collisionDetection: ae,
-      onDragStart: X,
-      onDragEnd: Z,
-      onDragCancel: Y,
-      children: [/* @__PURE__ */ o(se, {
-        items: n.map((e) => e.id),
-        strategy: ce,
-        children: /* @__PURE__ */ o("ul", {
-          className: r.sortableOptionList,
-          children: n.map((e, i) => /* @__PURE__ */ o(Te, {
-            option: e,
-            index: i,
-            isFieldReadOnly: !!y,
-            onInputChange: U,
-            onDelete: W,
-            onInputRef: ee,
-            error: Ne(D, l, i, e, n, N),
-            handleBlur: b,
-            canDelete: n.length >= 2,
-            dragAriaLabel: t(v.dragAndDropOptionAriaLabel),
-            inputPlaceholder: t(v.addAnOptionOptionPlaceholder),
-            deleteAriaLabel: t(v.deleteDropdownOptionAriaLabel)
-          }, e.id))
-        })
-      }), /* @__PURE__ */ o(le, {
-        dropAnimation: null,
-        children: P ? /* @__PURE__ */ L("li", {
-          className: J(r.option, r.optionDragOverlay, {
-            [r.editable]: !y
-          }),
-          children: [!y && /* @__PURE__ */ o("div", {
-            className: r.dragHandle,
-            children: /* @__PURE__ */ o(F, {
-              fontSize: 20,
-              "aria-hidden": "true"
-            })
-          }), /* @__PURE__ */ o(K, {
-            disabled: y,
-            placeholder: t(v.addAnOptionOptionPlaceholder),
-            label: t(v.addAnOptionOptionPlaceholder),
-            hideLabel: !0,
-            id: "drag-overlay-option",
-            name: "drag-overlay-option",
-            value: P.key,
-            className: r.input
-          }), !y && /* @__PURE__ */ o("div", {
-            className: r.deleteButtonContainer,
-            children: /* @__PURE__ */ o($, {
-              icon: V,
-              size: "x-small",
-              variant: "default",
-              tabIndex: -1,
-              focusable: !0,
-              disabled: n.length < 2,
-              className: r.deleteButton,
-              "aria-label": ""
-            })
-          })]
-        }) : null
-      })]
-    }), Q && /* @__PURE__ */ o(be, {
-      onClose: j,
-      onConfirm: () => z(M?.id ?? null),
-      title: t(v.deleteOptionTitle, {
-        optionName: M?.key ?? ""
-      }),
-      body: t(v.deleteOptionDescription)
-    })]
-  });
-}
-export {
-  Ke as SortableOptionList
-};
+import { t as e } from "../../../../../../../chunks/sortable-option-list.js";
+export { e as SortableOptionList };

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

@@ -1,6 +1,3 @@
-import { DropdownFieldConfiguration as i } from "./dropdown/dropdown-field-configuration.js";
-import { TaxonomyFieldConfiguration as e } from "./taxonomy/taxonomy-field-configuration.js";
-export {
-  i as DropdownFieldConfiguration,
-  e as TaxonomyFieldConfiguration
-};
+import { t as e } from "../../../../../../chunks/dropdown-field-configuration.js";
+import { t } from "../../../../../../chunks/taxonomy-field-configuration.js";
+export { e as DropdownFieldConfiguration, t as TaxonomyFieldConfiguration };

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

@@ -1,15 +1,11 @@
-import { T as e } from "../../../../../../../chunks/types.js";
-const a = {
-  taxonomy: {
-    availableTaxonomies: [],
-    allowMultipleSelections: !1,
-    selection: e.RequireSpecific,
-    selectedLevels: [],
-    taxonomySearchValue: "",
-    taxonomyKey: "",
-    namespace: ""
-  }
-};
-export {
-  a as taxonomyDefaultValues
-};
+import { c as e } from "../../../../../../../chunks/types.js";
+var t = { taxonomy: {
+	availableTaxonomies: [],
+	allowMultipleSelections: !1,
+	selection: e.RequireSpecific,
+	selectedLevels: [],
+	taxonomySearchValue: "",
+	taxonomyKey: "",
+	namespace: ""
+} };
+export { t as taxonomyDefaultValues };