npm - @box/box-item-type-selector - Versions diffs - 0.62.3 → 0.63.0 - Mend

@box/box-item-type-selector 0.62.3 → 0.63.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/esm/lib/box-item-type-selector-quick-filter.js CHANGED Viewed

@@ -1,82 +1,83 @@
-import { BoxItemTypeSelector as S } from "./box-item-type-selector.js";
-import { Popover as c, FilterChip as m, Button as C } from "@box/blueprint-web";
-import { FileDefault as k } from "@box/blueprint-web-assets/icons/Line";
-import x from "clsx";
-import y from "react";
-import { useIntl as I } from "react-intl";
-import { b as g } from "../../chunks/constants.js";
-import u from "./messages.js";
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import '../../styles/box-item-type-selector-quick-filter.css';const M = "_itemTypeSelectorQuickFilterPopoverContainer_10sjf_1", _ = "_popoverMainContent_10sjf_4", Q = "_boxItemTypeSelectorQuickFilter_10sjf_8", L = "_popoverFooterInline_10sjf_11", p = {
-  itemTypeSelectorQuickFilterPopoverContainer: M,
-  popoverMainContent: _,
-  boxItemTypeSelectorQuickFilter: Q,
-  popoverFooterInline: L
-}, j = () => g.reduce((e, r) => e + (r.children ? r.children.length : 1), 0), N = (e) => g.map((t) => t.children ? t.children.every((i) => e.includes(i.value)) ? t.title : t.children.filter((i) => e.includes(i.value)).map((i) => i.title) : e.includes(t.value) ? t.title : []).flat(), P = (e, r) => e.length !== r.length ? !1 : e.every((t) => r.includes(t)), B = j();
-function J(e) {
+import { BoxItemTypeSelector as k } from "./box-item-type-selector.js";
+import { Popover as n, FilterChip as p, Button as y } from "@box/blueprint-web";
+import { FileDefault as x } from "@box/blueprint-web-assets/icons/Line";
+import I from "clsx";
+import g from "react";
+import { useIntl as M } from "react-intl";
+import { b as F } from "../../chunks/constants.js";
+import m from "./messages.js";
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import '../../styles/box-item-type-selector-quick-filter.css';const _ = "_itemTypeSelectorQuickFilterPopoverContainer_10sjf_1", Q = "_popoverMainContent_10sjf_4", L = "_boxItemTypeSelectorQuickFilter_10sjf_8", j = "_popoverFooterInline_10sjf_11", a = {
+  itemTypeSelectorQuickFilterPopoverContainer: _,
+  popoverMainContent: Q,
+  boxItemTypeSelectorQuickFilter: L,
+  popoverFooterInline: j
+}, N = () => F.reduce((t, l) => t + (l.children ? l.children.length : 1), 0), P = (t) => F.map((o) => o.children ? o.children.every((e) => t.includes(e.value)) ? o.title : o.children.filter((e) => t.includes(e.value)).map((e) => e.title) : t.includes(o.value) ? o.title : []).flat(), B = (t, l) => t.length !== l.length ? !1 : t.every((o) => l.includes(o)), A = N();
+function J(t) {
   const {
-    applyButtonType: r = "button",
-    autoFocus: t,
-    selected: l,
-    onApply: i,
-    onFocus: F,
-    className: v
-  } = e, n = I(), [s, a] = y.useState(l);
-  y.useEffect(() => {
-    a(l);
-  }, [l]);
-  const b = () => {
-    const f = N(l), h = f.length;
-    return h ? h === 1 ? n.formatMessage(f[0]) : n.formatMessage(u.multipleFiles, {
-      count: h - 1,
-      fileType: n.formatMessage(f[0])
-    }) : n.formatMessage(u.fileTypeLabelDropdown);
-  }, T = () => {
-    s.length === B ? (a([]), i([])) : i(s);
+    allowAllOptionsSelect: l = !1,
+    applyButtonType: o = "button",
+    autoFocus: h,
+    selected: e,
+    onApply: C,
+    onFocus: v,
+    className: b
+  } = t, i = M(), [c, s] = g.useState(e);
+  g.useEffect(() => {
+    s(e);
+  }, [e]);
+  const T = () => {
+    const d = P(e), f = d.length;
+    return f ? f === 1 ? i.formatMessage(d[0]) : i.formatMessage(m.multipleFiles, {
+      count: f - 1,
+      fileType: i.formatMessage(d[0])
+    }) : i.formatMessage(m.fileTypeLabelDropdown);
+  }, S = () => {
+    !l && c.length === A ? (s([]), C([])) : C(c);
   };
-  return /* @__PURE__ */ o("div", {
-    className: x(v, p.boxItemTypeSelectorQuickFilterContainer),
-    children: /* @__PURE__ */ d(c.Root, {
+  return /* @__PURE__ */ r("div", {
+    className: I(b, a.boxItemTypeSelectorQuickFilterContainer),
+    children: /* @__PURE__ */ u(n.Root, {
       modal: !1,
-      children: [/* @__PURE__ */ o(c.Trigger, {
-        children: /* @__PURE__ */ d(m.TriggerChip, {
-          autoFocus: t,
-          onClick: () => a(l),
-          onFocus: F,
-          selected: !!l.length,
+      children: [/* @__PURE__ */ r(n.Trigger, {
+        children: /* @__PURE__ */ u(p.TriggerChip, {
+          autoFocus: h,
+          onClick: () => s(e),
+          onFocus: v,
+          selected: !!e.length,
           value: "trigger-chip",
-          children: [/* @__PURE__ */ o(m.Icon, {
-            icon: k
-          }), /* @__PURE__ */ o(m.Label, {
-            children: b()
-          }), /* @__PURE__ */ o(m.DropdownIndicator, {})]
+          children: [/* @__PURE__ */ r(p.Icon, {
+            icon: x
+          }), /* @__PURE__ */ r(p.Label, {
+            children: T()
+          }), /* @__PURE__ */ r(p.DropdownIndicator, {})]
         })
-      }), /* @__PURE__ */ d(c.ContentContainer, {
+      }), /* @__PURE__ */ u(n.ContentContainer, {
         align: "start",
-        className: p.itemTypeSelectorQuickFilterPopoverContainer,
-        children: [/* @__PURE__ */ o(c.MainContent, {
-          className: p.popoverMainContent,
-          children: /* @__PURE__ */ o(S, {
-            className: p.boxItemTypeSelectorQuickFilter,
-            onSelectionChange: a,
-            selected: s
+        className: a.itemTypeSelectorQuickFilterPopoverContainer,
+        children: [/* @__PURE__ */ r(n.MainContent, {
+          className: a.popoverMainContent,
+          children: /* @__PURE__ */ r(k, {
+            className: a.boxItemTypeSelectorQuickFilter,
+            onSelectionChange: s,
+            selected: c
           })
-        }), /* @__PURE__ */ d(c.Footer, {
-          className: p.popoverFooterInline,
-          children: [/* @__PURE__ */ o(C, {
-            disabled: !s.length,
-            onClick: () => a([]),
+        }), /* @__PURE__ */ u(n.Footer, {
+          className: a.popoverFooterInline,
+          children: [/* @__PURE__ */ r(y, {
+            disabled: !c.length,
+            onClick: () => s([]),
             size: "small",
             variant: "secondary",
-            children: n.formatMessage(u.clear)
-          }), /* @__PURE__ */ o(c.Close, {
-            children: /* @__PURE__ */ o(C, {
-              disabled: P(s, l),
-              onClick: T,
+            children: i.formatMessage(m.clear)
+          }), /* @__PURE__ */ r(n.Close, {
+            children: /* @__PURE__ */ r(y, {
+              disabled: B(c, e),
+              onClick: S,
               size: "small",
-              type: r,
+              type: o,
               variant: "primary",
-              children: n.formatMessage(u.apply)
+              children: i.formatMessage(m.apply)
             })
           })]
         })]

package/dist/types/lib/box-item-type-selector-quick-filter.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import { BoxItemSelection } from './types';
 type ButtonType = 'button' | 'submit' | 'reset';
 export interface BoxItemTypeSelectorQuickFilterProps {
+    allowAllOptionsSelect?: boolean;
     applyButtonType?: ButtonType;
     autoFocus?: boolean;
     selected: BoxItemSelection;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@box/box-item-type-selector",
-    "version": "0.62.3",
+    "version": "0.63.0",
     "peerDependencies": {
         "@box/blueprint-web": "^7.8.0",
         "@box/blueprint-web-assets": "^4.16.0",