@box/metadata-view 1.33.2 → 1.33.3

package/dist/esm/lib/components/metadata-table/metadata-table.js

@@ -1,16 +1,16 @@
-import { useRef as v } from "react";
-import { useIntl as B } from "react-intl";
-import { Text as O, ListCheckbox as Z, DataTableWrapper as _, TableHeader as q, Column as E } from "@box/blueprint-web";
-import { useInfiniteScrollTableItems as F } from "./hooks/useInfiniteScrollTableItems.js";
+import { useRef as O } from "react";
+import { useIntl as Z } from "react-intl";
+import { Text as _, ListCheckbox as q, DataTableWrapper as E, TableHeader as F, Column as G } from "@box/blueprint-web";
+import { useInfiniteScrollTableItems as J } from "./hooks/useInfiniteScrollTableItems.js";
 import { TableRenderer as R } from "./table-renderer.js";
-import { I as G } from "../../../../chunks/types.js";
-import { THUMBNAIL_WIDTHS as J } from "../constants.js";
+import { I as K } from "../../../../chunks/types.js";
+import { THUMBNAIL_WIDTHS as Q } from "../constants.js";
 import { s as i } from "../../../../chunks/index.js";
-import { getShouldRenderActionColumn as K } from "./actionColumn.js";
-import Q from "./messages.js";
-import { jsx as t, jsxs as X } from "react/jsx-runtime";
+import { getShouldRenderActionColumn as X } from "./actionColumn.js";
+import Y from "./messages.js";
+import { jsx as t, jsxs as $ } from "react/jsx-runtime";
 import "./table-body/inline-editing-cell/inline-editing-cell.js";
-const ie = ({
+const me = ({
   areSelectionCheckboxesDisabled: n = !1,
   columns: m,
   hasNextPage: b = !1,
@@ -18,33 +18,33 @@ const ie = ({
   isInfiniteScrollEnabled: T = !1,
   isLoading: s = !1,
   isSelectAllEnabled: W,
-  itemActionMenuProps: x,
+  itemActionMenuProps: w,
   items: c,
-  maxActionColumnWidth: A,
-  minActionColumnWidth: w,
-  onGetNextPage: C,
-  onInlineEditChange: S,
-  onTableRowClick: N,
-  placeholderRowsCount: g,
+  maxActionColumnWidth: x,
+  minActionColumnWidth: A,
+  onGetNextPage: S,
+  onInlineEditChange: g,
+  onTableRowClick: C,
+  placeholderRowsCount: N,
   zoomLevel: a,
   ...l
 }) => {
   const {
     formatMessage: f
-  } = B(), p = v(null), {
+  } = Z(), u = O(null), {
     virtualItemsToDisplay: y,
     totalVirtualSize: D
-  } = F({
+  } = J({
     items: c,
     hasNextPage: b,
     isLoading: s,
-    parentRef: p,
-    onGetNextPage: C,
-    placeholderRowsCount: g
+    parentRef: u,
+    onGetNextPage: S,
+    placeholderRowsCount: N
   }), r = [], M = 0;
-  if (d === G.COLUMN) {
+  if (d === K.COLUMN) {
     a = a || M;
-    const e = parseInt(J[a], 10) + 24;
+    const e = parseInt(Q[a], 10) + 24;
     r.push({
       id: "item-type-icon",
       isRowHeader: !1,
@@ -60,27 +60,28 @@ const ie = ({
       headerRenderer: H,
       textValue: o,
       type: I,
-      ...k
-    } = e;
+      allowsSorting: k,
+      ...v
+    } = e, B = I !== "multiSelect" && I !== "enum" && k === !0;
     return {
-      ...k,
-      children: H ? H(o, e) : /* @__PURE__ */ t(O, {
+      ...v,
+      children: H ? H(o, e) : /* @__PURE__ */ t(_, {
         as: "span",
         children: o
       }),
       isRowHeader: h === "name" || V,
       id: h,
       textValue: o,
-      allowsSorting: I !== "multiSelect" && I !== "enum"
+      allowsSorting: B
     };
   });
-  r.push(...j), K(l) && r.push({
+  r.push(...j), X(l) && r.push({
     id: "actions",
     className: i.tableHeaderActions,
-    children: /* @__PURE__ */ X("div", {
+    children: /* @__PURE__ */ $("div", {
       className: i.tableHeaderActionsWrapper,
-      children: [l.HeaderActions, W ? /* @__PURE__ */ t(Z, {
-        "aria-label": f(Q.selectAll),
+      children: [l.HeaderActions, W ? /* @__PURE__ */ t(q, {
+        "aria-label": f(Y.selectAll),
         className: i.selectAllCheckbox,
         isDisabled: s || n
       }) : null]
@@ -88,40 +89,40 @@ const ie = ({
     isRowHeader: !1,
     hideHeader: !1,
     allowsSorting: !1,
-    maxWidth: A,
-    minWidth: w
+    maxWidth: x,
+    minWidth: A
   });
-  const U = /* @__PURE__ */ t(q, {
+  const U = /* @__PURE__ */ t(F, {
     columns: r,
-    children: (e) => /* @__PURE__ */ t(E, {
+    children: (e) => /* @__PURE__ */ t(G, {
       ...e
     })
-  }), u = {
+  }), p = {
     columnCount: r.length,
     columns: m,
     formatMessage: f,
     iconColumnVariant: d,
     isLoading: s,
     areSelectionCheckboxesDisabled: n,
-    itemActionMenuProps: x,
+    itemActionMenuProps: w,
     items: c,
-    onInlineEditChange: S,
-    onTableRowClick: N,
+    onInlineEditChange: g,
+    onTableRowClick: C,
     tableHeader: U,
     tableProps: l,
     zoomLevel: a
   };
-  return T ? /* @__PURE__ */ t(_, {
-    ref: p,
+  return T ? /* @__PURE__ */ t(E, {
+    ref: u,
     children: /* @__PURE__ */ t(R, {
-      ...u,
+      ...p,
       totalVirtualSize: D,
       virtualItems: y
     })
   }) : /* @__PURE__ */ t(R, {
-    ...u
+    ...p
   });
 };
 export {
-  ie as MetadataTable
+  me as MetadataTable
 };

package/dist/esm/lib/metadata-view.js

@@ -1,4 +1,4 @@
-import { V as t, I as O } from "../../chunks/types.js";
+import { V as e, I as O } from "../../chunks/types.js";
 import { ActionBar as Z } from "./components/action-bar/action-bar.js";
 import "./components/filter-row/filter-row.js";
 import "./components/filter-row/form-filter-chip.js";
@@ -25,7 +25,7 @@ import "./components/sort-dropdown/sort-dropdown.js";
 import { SwitchCase as A, Case as c } from "./components/switch-case/switch-case.js";
 import { TooltipProvider as F } from "@box/blueprint-web";
 import { useState as p, useRef as U, useCallback as q } from "react";
-import { jsx as o, jsxs as w, Fragment as H } from "react/jsx-runtime";
+import { jsx as o, jsxs as v, Fragment as H } from "react/jsx-runtime";
 import { ErrorState as J } from "./components/error-state/error-state.js";
 import K from "./components/empty-state/empty-state.js";
 import '../../styles/metadata-view.css';const Q = "_container_1o9go_5", W = "_contentContainer_1o9go_15", T = {
@@ -38,7 +38,7 @@ function _o({
   tableProps: i,
   hasError: V,
   onRefresh: L,
-  initialViewMode: _ = t.LIST,
+  initialViewMode: _ = e.LIST,
   paginationProps: l,
   isLoading: d,
   isSelectAllEnabled: y = !0,
@@ -46,52 +46,52 @@ function _o({
   areSelectionCheckboxesDisabled: h,
   ...m
 }) {
-  const [n, f] = p(_), [u, S] = p(void 0), [a, D] = p(0), M = U(null), R = () => {
-    n === t.LIST ? f(t.GRID) : f(t.LIST);
-  }, x = !d && m.items.length === 0, E = r && r.sortDropdownProps && s.filter((e) => e.type !== "multiSelect" && e.type !== "enum"), {
-    iconColumnVariant: g
-  } = i || {}, G = g && g === O.COLUMN, I = i?.onSortChange, N = q(({
-    column: e,
-    direction: v
+  const [n, f] = p(_), [S, u] = p(void 0), [a, D] = p(0), g = U(null), R = () => {
+    n === e.LIST ? f(e.GRID) : f(e.LIST);
+  }, x = !d && m.items.length === 0, E = r && r.sortDropdownProps && s.filter((t) => t.type !== "multiSelect" && t.type !== "enum" && t.allowsSorting === !0), {
+    iconColumnVariant: M
+  } = i || {}, G = M && M === O.COLUMN, w = i?.onSortChange, N = q(({
+    column: t,
+    direction: I
   }) => {
-    S({
-      column: e,
-      direction: v
-    }), I?.({
-      column: e,
-      direction: v
+    u({
+      column: t,
+      direction: I
+    }), w?.({
+      column: t,
+      direction: I
     });
-  }, [I]), j = {
+  }, [w]), j = {
     ...i,
-    sortDescriptor: u,
+    sortDescriptor: S,
     onSortChange: N
   };
   return /* @__PURE__ */ o(F, {
     children: /* @__PURE__ */ o("div", {
-      ref: M,
+      ref: g,
       className: T.container,
       children: V ? /* @__PURE__ */ o(J, {
         onRefresh: L
-      }) : /* @__PURE__ */ w(H, {
+      }) : /* @__PURE__ */ v(H, {
         children: [/* @__PURE__ */ o(Z, {
           ...r,
-          containerRef: M,
+          containerRef: g,
           isIconColumnEnabled: G,
-          onSortDescriptorChange: S,
+          onSortDescriptorChange: u,
           onViewModeClick: R,
           onZoomLevelChange: D,
           sortableColumns: E,
-          sortDescriptor: u,
+          sortDescriptor: S,
           viewMode: n,
           zoomLevel: a
         }), /* @__PURE__ */ o("div", {
           className: T.contentContainer,
-          children: /* @__PURE__ */ w(A, {
+          children: /* @__PURE__ */ v(A, {
             children: [/* @__PURE__ */ o(c, {
               condition: x,
               children: /* @__PURE__ */ o(K, {})
             }), /* @__PURE__ */ o(c, {
-              condition: n === t.LIST,
+              condition: n === e.LIST,
               children: /* @__PURE__ */ o(k, {
                 areSelectionCheckboxesDisabled: h,
                 columns: s,
@@ -103,7 +103,7 @@ function _o({
                 ...j
               })
             }), /* @__PURE__ */ o(c, {
-              condition: n === t.GRID,
+              condition: n === e.GRID,
               children: /* @__PURE__ */ o(b, {
                 areSelectionCheckboxesDisabled: h,
                 selectionMode: C ? "multiple" : "none",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "1.33.2",
+    "version": "1.33.3",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^12.112.2",