@box/box-item-type-selector 1.15.0 → 1.18.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 (4) hide show
  1. package/dist/esm/lib/box-item-type-selector-quick-filter.js +49 -46
  2. package/dist/i18n/en-x-pseudo.js +15 -15
  3. package/dist/i18n/en-x-pseudo.properties +15 -15
  4. package/package.json +6 -6
package/dist/esm/lib/box-item-type-selector-quick-filter.js CHANGED
@@ -1,19 +1,20 @@
1
- import { BoxItemTypeSelector as k } from "./box-item-type-selector.js";
2
- import { Popover as n, FilterChip as p, Button as y } from "@box/blueprint-web";
3
- import { FileDefault as x } from "@box/blueprint-web-assets/icons/Line";
4
- import I from "clsx";
5
- import g from "react";
6
- import { useIntl as M } from "react-intl";
7
- import { b as F } from "../../chunks/constants.js";
1
+ import { BoxItemTypeSelector as I } from "./box-item-type-selector.js";
2
+ import { useBlueprintModernization as x, Popover as i, FilterChip as p, Button as y } from "@box/blueprint-web";
3
+ import { FileDefault as _ } from "@box/blueprint-web-assets/icons/Line";
4
+ import { File as Q } from "@box/blueprint-web-assets/icons/Medium";
5
+ import L from "clsx";
6
+ import F from "react";
7
+ import { useIntl as j } from "react-intl";
8
+ import { b as g } from "../../chunks/constants.js";
8
9
  import m from "./messages.js";
9
10
  import { jsx as r, jsxs as u } from "react/jsx-runtime";
10
- 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 = {
11
- itemTypeSelectorQuickFilterPopoverContainer: _,
12
- popoverMainContent: Q,
13
- boxItemTypeSelectorQuickFilter: L,
14
- popoverFooterInline: j
15
- }, 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();
16
- function J(t) {
11
+ import '../../styles/box-item-type-selector-quick-filter.css';const N = "_itemTypeSelectorQuickFilterPopoverContainer_10sjf_1", P = "_popoverMainContent_10sjf_4", B = "_boxItemTypeSelectorQuickFilter_10sjf_8", z = "_popoverFooterInline_10sjf_11", a = {
12
+ itemTypeSelectorQuickFilterPopoverContainer: N,
13
+ popoverMainContent: P,
14
+ boxItemTypeSelectorQuickFilter: B,
15
+ popoverFooterInline: z
16
+ }, A = () => g.reduce((t, l) => t + (l.children ? l.children.length : 1), 0), D = (t) => g.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(), w = (t, l) => t.length !== l.length ? !1 : t.every((o) => l.includes(o)), R = A();
17
+ function X(t) {
17
18
  const {
18
19
  allowAllOptionsSelect: l = !1,
19
20
  applyButtonType: o = "button",
@@ -22,62 +23,64 @@ function J(t) {
22
23
  onApply: C,
23
24
  onFocus: v,
24
25
  className: b
25
- } = t, i = M(), [c, s] = g.useState(e);
26
- g.useEffect(() => {
27
- s(e);
26
+ } = t, n = j(), [s, c] = F.useState(e), {
27
+ enableModernizedComponents: T
28
+ } = x();
29
+ F.useEffect(() => {
30
+ c(e);
28
31
  }, [e]);
29
- const T = () => {
30
- const d = P(e), f = d.length;
31
- return f ? f === 1 ? i.formatMessage(d[0]) : i.formatMessage(m.multipleFiles, {
32
+ const S = () => {
33
+ const d = D(e), f = d.length;
34
+ return f ? f === 1 ? n.formatMessage(d[0]) : n.formatMessage(m.multipleFiles, {
32
35
  count: f - 1,
33
- fileType: i.formatMessage(d[0])
34
- }) : i.formatMessage(m.fileTypeLabelDropdown);
35
- }, S = () => {
36
- !l && c.length === A ? (s([]), C([])) : C(c);
37
- };
36
+ fileType: n.formatMessage(d[0])
37
+ }) : n.formatMessage(m.fileTypeLabelDropdown);
38
+ }, M = () => {
39
+ !l && s.length === R ? (c([]), C([])) : C(s);
40
+ }, k = T ? Q : _;
38
41
  return /* @__PURE__ */ r("div", {
39
- className: I(b, a.boxItemTypeSelectorQuickFilterContainer),
40
- children: /* @__PURE__ */ u(n.Root, {
42
+ className: L(b, a.boxItemTypeSelectorQuickFilterContainer),
43
+ children: /* @__PURE__ */ u(i.Root, {
41
44
  modal: !1,
42
- children: [/* @__PURE__ */ r(n.Trigger, {
45
+ children: [/* @__PURE__ */ r(i.Trigger, {
43
46
  children: /* @__PURE__ */ u(p.TriggerChip, {
44
47
  autoFocus: h,
45
- onClick: () => s(e),
48
+ onClick: () => c(e),
46
49
  onFocus: v,
47
50
  selected: !!e.length,
48
51
  value: "trigger-chip",
49
52
  children: [/* @__PURE__ */ r(p.Icon, {
50
- icon: x
53
+ icon: k
51
54
  }), /* @__PURE__ */ r(p.Label, {
52
- children: T()
55
+ children: S()
53
56
  }), /* @__PURE__ */ r(p.DropdownIndicator, {})]
54
57
  })
55
- }), /* @__PURE__ */ u(n.ContentContainer, {
58
+ }), /* @__PURE__ */ u(i.ContentContainer, {
56
59
  align: "start",
57
60
  className: a.itemTypeSelectorQuickFilterPopoverContainer,
58
- children: [/* @__PURE__ */ r(n.MainContent, {
61
+ children: [/* @__PURE__ */ r(i.MainContent, {
59
62
  className: a.popoverMainContent,
60
- children: /* @__PURE__ */ r(k, {
63
+ children: /* @__PURE__ */ r(I, {
61
64
  className: a.boxItemTypeSelectorQuickFilter,
62
- onSelectionChange: s,
63
- selected: c
65
+ onSelectionChange: c,
66
+ selected: s
64
67
  })
65
- }), /* @__PURE__ */ u(n.Footer, {
68
+ }), /* @__PURE__ */ u(i.Footer, {
66
69
  className: a.popoverFooterInline,
67
70
  children: [/* @__PURE__ */ r(y, {
68
- disabled: !c.length,
69
- onClick: () => s([]),
71
+ disabled: !s.length,
72
+ onClick: () => c([]),
70
73
  size: "small",
71
74
  variant: "secondary",
72
- children: i.formatMessage(m.clear)
73
- }), /* @__PURE__ */ r(n.Close, {
75
+ children: n.formatMessage(m.clear)
76
+ }), /* @__PURE__ */ r(i.Close, {
74
77
  children: /* @__PURE__ */ r(y, {
75
- disabled: B(c, e),
76
- onClick: S,
78
+ disabled: w(s, e),
79
+ onClick: M,
77
80
  size: "small",
78
81
  type: o,
79
82
  variant: "primary",
80
- children: i.formatMessage(m.apply)
83
+ children: n.formatMessage(m.apply)
81
84
  })
82
85
  })]
83
86
  })]
@@ -86,6 +89,6 @@ function J(t) {
86
89
  });
87
90
  }
88
91
  export {
89
- J as BoxItemTypeSelectorQuickFilter,
90
- J as default
92
+ X as BoxItemTypeSelectorQuickFilter,
93
+ X as default
91
94
  };
package/dist/i18n/en-x-pseudo.js CHANGED
@@ -1,19 +1,19 @@
1
1
  export default {
2
- "groupSharedFeatures.boxItemTypeSelector.boxFileType.audioType": "⟦萬 Âŭďîø 國⟧",
3
- "groupSharedFeatures.boxItemTypeSelector.boxFileType.boxcanvasType": "⟦萬萬 βô× Ċăлνâѕ 國國⟧",
4
- "groupSharedFeatures.boxItemTypeSelector.boxFileType.boxnoteType": "⟦萬萬 ßö× Ñöŧĕ 國國⟧",
5
- "groupSharedFeatures.boxItemTypeSelector.boxFileType.documentType": "⟦萬萬 Ðòĉµmеʼnţ 國國⟧",
6
- "groupSharedFeatures.boxItemTypeSelector.boxFileType.drawingType": "⟦萬萬 Ďŗăŵιηĝ 國國⟧",
7
- "groupSharedFeatures.boxItemTypeSelector.boxFileType.imageType": "⟦萬 Ímáġé 國⟧",
2
+ "groupSharedFeatures.boxItemTypeSelector.boxFileType.audioType": "⟦萬 Ǻųďïõ 國⟧",
3
+ "groupSharedFeatures.boxItemTypeSelector.boxFileType.boxcanvasType": "⟦萬萬 Βò× Ćαлνάѕ 國國⟧",
4
+ "groupSharedFeatures.boxItemTypeSelector.boxFileType.boxnoteType": "⟦萬萬 Βσх Йøťє 國國⟧",
5
+ "groupSharedFeatures.boxItemTypeSelector.boxFileType.documentType": "⟦萬萬 Ďοĉųmέπŧ 國國⟧",
6
+ "groupSharedFeatures.boxItemTypeSelector.boxFileType.drawingType": "⟦萬萬 Ďŗãωίņğ 國國⟧",
7
+ "groupSharedFeatures.boxItemTypeSelector.boxFileType.imageType": "⟦萬 Ϊmāğе 國⟧",
8
8
  "groupSharedFeatures.boxItemTypeSelector.boxFileType.multipleFiles": "⟦萬萬萬 {fileType} +{count} 國國國⟧",
9
- "groupSharedFeatures.boxItemTypeSelector.boxFileType.pdfType": "⟦ PÐ₣ ⟧",
10
- "groupSharedFeatures.boxItemTypeSelector.boxFileType.presentationType": "⟦萬萬萬 Pгěѕēлτàŧįōʼn 國國國⟧",
11
- "groupSharedFeatures.boxItemTypeSelector.boxFileType.spreadsheetType": "⟦萬萬萬 ЅΡѓëāďŝнëèţ 國國國⟧",
9
+ "groupSharedFeatures.boxItemTypeSelector.boxFileType.pdfType": "⟦ PĎ₣ ⟧",
10
+ "groupSharedFeatures.boxItemTypeSelector.boxFileType.presentationType": "⟦萬萬萬 Pяēśėпŧäţïòη 國國國⟧",
11
+ "groupSharedFeatures.boxItemTypeSelector.boxFileType.spreadsheetType": "⟦萬萬萬 ŜΡґěàďѕнėēŧ 國國國⟧",
12
12
  "groupSharedFeatures.boxItemTypeSelector.boxFileType.threedType": "⟦ 3Ð ⟧",
13
- "groupSharedFeatures.boxItemTypeSelector.boxFileType.videoType": "⟦萬 Vîďеσ 國⟧",
14
- "groupSharedFeatures.boxItemTypeSelector.itemType.fileType": "⟦萬 ₣іĺεś 國⟧",
15
- "groupSharedFeatures.boxItemTypeSelector.itemType.folderType": "⟦萬萬 ₣ôľďèгś 國國⟧",
16
- "groupSharedFeatures.boxItemTypeSelector.quickFilter.apply": "⟦萬 ÂΡΡļý 國⟧",
17
- "groupSharedFeatures.boxItemTypeSelector.quickFilter.clear": "⟦萬 Ċĺεåŗ 國⟧",
18
- "groupSharedFeatures.boxItemTypeSelector.quickFilter.fileTypeLabelDropdown": "⟦萬萬 ₣ïľè ŦýΡè 國國⟧"
13
+ "groupSharedFeatures.boxItemTypeSelector.boxFileType.videoType": "⟦萬 Vĩďëο 國⟧",
14
+ "groupSharedFeatures.boxItemTypeSelector.itemType.fileType": "⟦萬 ₣ïľĕŝ 國⟧",
15
+ "groupSharedFeatures.boxItemTypeSelector.itemType.folderType": "⟦萬萬 ₣òĺďèґѕ 國國⟧",
16
+ "groupSharedFeatures.boxItemTypeSelector.quickFilter.apply": "⟦萬 ÄΡΡļУ 國⟧",
17
+ "groupSharedFeatures.boxItemTypeSelector.quickFilter.clear": "⟦萬 Çľĕâŗ 國⟧",
18
+ "groupSharedFeatures.boxItemTypeSelector.quickFilter.fileTypeLabelDropdown": "⟦萬萬 ₣ĩĺё ΤУΡё 國國⟧"
19
19
  }
package/dist/i18n/en-x-pseudo.properties CHANGED
@@ -1,34 +1,34 @@
1
1
  # Label for the audio file type
2
- groupSharedFeatures.boxItemTypeSelector.boxFileType.audioType = ⟦萬 Âŭďîø 國⟧
2
+ groupSharedFeatures.boxItemTypeSelector.boxFileType.audioType = ⟦萬 Ǻųďïõ 國⟧
3
3
  # Label for the Box Canvas file type
4
- groupSharedFeatures.boxItemTypeSelector.boxFileType.boxcanvasType = ⟦萬萬 βô× Ċăлνâѕ 國國⟧
4
+ groupSharedFeatures.boxItemTypeSelector.boxFileType.boxcanvasType = ⟦萬萬 Βò× Ćαлνάѕ 國國⟧
5
5
  # Label for the Box Note file type
6
- groupSharedFeatures.boxItemTypeSelector.boxFileType.boxnoteType = ⟦萬萬 ßö× Ñöŧĕ 國國⟧
6
+ groupSharedFeatures.boxItemTypeSelector.boxFileType.boxnoteType = ⟦萬萬 Βσх Йøťє 國國⟧
7
7
  # Label for the document file type
8
- groupSharedFeatures.boxItemTypeSelector.boxFileType.documentType = ⟦萬萬 Ðòĉµmеʼnţ 國國⟧
8
+ groupSharedFeatures.boxItemTypeSelector.boxFileType.documentType = ⟦萬萬 Ďοĉųmέπŧ 國國⟧
9
9
  # Label for the drawing file type
10
- groupSharedFeatures.boxItemTypeSelector.boxFileType.drawingType = ⟦萬萬 Ďŗăŵιηĝ 國國⟧
10
+ groupSharedFeatures.boxItemTypeSelector.boxFileType.drawingType = ⟦萬萬 Ďŗãωίņğ 國國⟧
11
11
  # Label for the image file type
12
- groupSharedFeatures.boxItemTypeSelector.boxFileType.imageType = ⟦萬 Ímáġé 國⟧
12
+ groupSharedFeatures.boxItemTypeSelector.boxFileType.imageType = ⟦萬 Ϊmāğе 國⟧
13
13
  # Label for multiple file types
14
14
  groupSharedFeatures.boxItemTypeSelector.boxFileType.multipleFiles = ⟦萬萬萬 {fileType} +{count} 國國國⟧
15
15
  # Label for the PDF file type
16
- groupSharedFeatures.boxItemTypeSelector.boxFileType.pdfType = ⟦ PÐ₣ ⟧
16
+ groupSharedFeatures.boxItemTypeSelector.boxFileType.pdfType = ⟦ PĎ₣ ⟧
17
17
  # Label for the presentation file type
18
- groupSharedFeatures.boxItemTypeSelector.boxFileType.presentationType = ⟦萬萬萬 Pгěѕēлτàŧįōʼn 國國國⟧
18
+ groupSharedFeatures.boxItemTypeSelector.boxFileType.presentationType = ⟦萬萬萬 Pяēśėпŧäţïòη 國國國⟧
19
19
  # Label for the spreadsheet file type
20
- groupSharedFeatures.boxItemTypeSelector.boxFileType.spreadsheetType = ⟦萬萬萬 ЅΡѓëāďŝнëèţ 國國國⟧
20
+ groupSharedFeatures.boxItemTypeSelector.boxFileType.spreadsheetType = ⟦萬萬萬 ŜΡґěàďѕнėēŧ 國國國⟧
21
21
  # Label for the 3D file type
22
22
  groupSharedFeatures.boxItemTypeSelector.boxFileType.threedType = ⟦ 3Ð ⟧
23
23
  # Label for the video file type
24
- groupSharedFeatures.boxItemTypeSelector.boxFileType.videoType = ⟦萬 Vîďеσ 國⟧
24
+ groupSharedFeatures.boxItemTypeSelector.boxFileType.videoType = ⟦萬 Vĩďëο 國⟧
25
25
  # Label for the checkbox item type selector representing files
26
- groupSharedFeatures.boxItemTypeSelector.itemType.fileType = ⟦萬 ₣іĺεś 國⟧
26
+ groupSharedFeatures.boxItemTypeSelector.itemType.fileType = ⟦萬 ₣ïľĕŝ 國⟧
27
27
  # Label for the checkbox item type selector representing folders
28
- groupSharedFeatures.boxItemTypeSelector.itemType.folderType = ⟦萬萬 ₣ôľďèгś 國國⟧
28
+ groupSharedFeatures.boxItemTypeSelector.itemType.folderType = ⟦萬萬 ₣òĺďèґѕ 國國⟧
29
29
  # Label for the button in the selector to apply the selected filters
30
- groupSharedFeatures.boxItemTypeSelector.quickFilter.apply = ⟦萬 ÂΡΡļý 國⟧
30
+ groupSharedFeatures.boxItemTypeSelector.quickFilter.apply = ⟦萬 ÄΡΡļУ 國⟧
31
31
  # Label for the button in the selector to clear all the selected filters
32
- groupSharedFeatures.boxItemTypeSelector.quickFilter.clear = ⟦萬 Ċĺεåŗ 國⟧
32
+ groupSharedFeatures.boxItemTypeSelector.quickFilter.clear = ⟦萬 Çľĕâŗ 國⟧
33
33
  # Label for the dropdown chip when no specific selection has been made
34
- groupSharedFeatures.boxItemTypeSelector.quickFilter.fileTypeLabelDropdown = ⟦萬萬 ₣ïľè ŦýΡè 國國⟧
34
+ groupSharedFeatures.boxItemTypeSelector.quickFilter.fileTypeLabelDropdown = ⟦萬萬 ₣ĩĺё ΤУΡё 國國⟧
package/package.json CHANGED
@@ -1,17 +1,17 @@
1
1
  {
2
2
  "name": "@box/box-item-type-selector",
3
- "version": "1.15.0",
3
+ "version": "1.18.0",
4
4
  "peerDependencies": {
5
- "@box/blueprint-web": "^12.103.3",
6
- "@box/blueprint-web-assets": "^4.86.3",
5
+ "@box/blueprint-web": "^12.105.0",
6
+ "@box/blueprint-web-assets": "^4.88.0",
7
7
  "react": "^17.0.0 || ^18.0.0",
8
8
  "react-dom": "^17.0.0 || ^18.0.0",
9
9
  "react-intl": "6.4.2"
10
10
  },
11
11
  "devDependencies": {
12
- "@box/blueprint-web": "^12.103.3",
13
- "@box/blueprint-web-assets": "^4.86.3",
14
- "@box/storybook-utils": "^0.14.24",
12
+ "@box/blueprint-web": "^12.105.0",
13
+ "@box/blueprint-web-assets": "^4.88.0",
14
+ "@box/storybook-utils": "^0.14.28",
15
15
  "react": "^18.3.0",
16
16
  "react-dom": "^18.3.0",
17
17
  "react-intl": "6.4.2"