@box/box-item-type-selector 1.3.3 → 1.4.1

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 (5) hide show
  1. package/dist/esm/lib/box-item-type-selector.js +20 -20
  2. package/dist/i18n/en-x-pseudo.js +16 -16
  3. package/dist/i18n/en-x-pseudo.properties +16 -16
  4. package/dist/styles/box-item-type-selector.css +1 -1
  5. package/package.json +4 -4
package/dist/esm/lib/box-item-type-selector.js CHANGED
@@ -1,16 +1,16 @@
1
- import { Checkbox as f, Text as S } from "@box/blueprint-web";
1
+ import { Checkbox as f, Text as I } from "@box/blueprint-web";
2
2
  import d from "clsx";
3
- import { forwardRef as T, useCallback as b } from "react";
3
+ import { forwardRef as S, useCallback as T } from "react";
4
4
  import { useIntl as v } from "react-intl";
5
5
  import { b as _, I as x } from "../../chunks/constants.js";
6
- import { jsx as a, jsxs as y } from "react/jsx-runtime";
7
- import '../../styles/box-item-type-selector.css';const k = "_boxItemTypeSelectorContainer_1kmgh_1", g = "_parentItemTypeSelectorContainer_1kmgh_5", N = "_itemTypeSelector_1kmgh_15", E = "_selectorLabel_1kmgh_21", L = "_disabled_1kmgh_35", w = "_childItemTypeSelectorContainer_1kmgh_38", i = {
6
+ import { jsx as a, jsxs as b } from "react/jsx-runtime";
7
+ import '../../styles/box-item-type-selector.css';const k = "_boxItemTypeSelectorContainer_kpwbf_2", w = "_parentItemTypeSelectorContainer_kpwbf_6", N = "_itemTypeSelector_kpwbf_16", g = "_selectorLabel_kpwbf_22", E = "_disabled_kpwbf_36", L = "_childItemTypeSelectorContainer_kpwbf_39", i = {
8
8
  boxItemTypeSelectorContainer: k,
9
- parentItemTypeSelectorContainer: g,
9
+ parentItemTypeSelectorContainer: w,
10
10
  itemTypeSelector: N,
11
- selectorLabel: E,
12
- disabled: L,
13
- childItemTypeSelectorContainer: w
11
+ selectorLabel: g,
12
+ disabled: E,
13
+ childItemTypeSelectorContainer: L
14
14
  }, M = (s, o) => {
15
15
  const r = [...o];
16
16
  return s.forEach((l) => {
@@ -25,48 +25,48 @@ import '../../styles/box-item-type-selector.css';const k = "_boxItemTypeSelector
25
25
  }, $ = (s, o, r) => {
26
26
  let l = [...r];
27
27
  return s ? l.push(o) : l = l.filter((n) => n !== o), l;
28
- }, W = /* @__PURE__ */ T((s, o) => {
28
+ }, W = /* @__PURE__ */ S((s, o) => {
29
29
  const {
30
30
  className: r,
31
31
  onSelectionChange: l,
32
32
  selected: n,
33
33
  disabled: m = !1,
34
- ...C
35
- } = s, I = v(), h = (e) => e.children ? e.children.every((t) => n.includes(t.value)) ? !0 : e.children.every((t) => !n.includes(t.value)) ? !1 : x : n.includes(e.value), p = b((e, t) => {
34
+ ...y
35
+ } = s, C = v(), p = (e) => e.children ? e.children.every((t) => n.includes(t.value)) ? !0 : e.children.every((t) => !n.includes(t.value)) ? !1 : x : n.includes(e.value), h = T((e, t) => {
36
36
  let c = [...n];
37
37
  t.children ? e ? c = M(t.children, c) : c = R(t.children, c) : c = $(e, t.value, c), l(c);
38
- }, [l, n]), u = (e) => /* @__PURE__ */ y("span", {
38
+ }, [l, n]), u = (e) => /* @__PURE__ */ b("span", {
39
39
  className: d(i.selectorLabel, {
40
40
  [i.disabled]: m
41
41
  }),
42
- children: [e.icon, /* @__PURE__ */ a(S, {
42
+ children: [e.icon, /* @__PURE__ */ a(I, {
43
43
  as: "span",
44
- children: I.formatMessage(e.title)
44
+ children: C.formatMessage(e.title)
45
45
  })]
46
46
  });
47
47
  return /* @__PURE__ */ a("div", {
48
48
  ref: o,
49
49
  className: d(r, i.boxItemTypeSelectorContainer),
50
- ...C,
50
+ ...y,
51
51
  children: /* @__PURE__ */ a("ul", {
52
- children: _.map((e) => /* @__PURE__ */ y("li", {
52
+ children: _.map((e) => /* @__PURE__ */ b("li", {
53
53
  className: d(i.parentItemTypeSelectorContainer),
54
54
  children: [/* @__PURE__ */ a(f.Item, {
55
- checked: h(e),
55
+ checked: p(e),
56
56
  className: d(i.itemTypeSelector),
57
57
  disabled: m,
58
58
  label: u(e),
59
- onCheckedChange: (t) => p(t, e),
59
+ onCheckedChange: (t) => h(t, e),
60
60
  value: e.value
61
61
  }, `box-item-type-selector-${e.value}`), e.children && /* @__PURE__ */ a("ul", {
62
62
  className: d(i.childItemTypeSelectorContainer),
63
63
  children: e.children.map((t) => /* @__PURE__ */ a("li", {
64
64
  children: /* @__PURE__ */ a(f.Item, {
65
- checked: h(t),
65
+ checked: p(t),
66
66
  className: d(i.itemTypeSelector),
67
67
  disabled: m,
68
68
  label: u(t),
69
- onCheckedChange: (c) => p(c, t),
69
+ onCheckedChange: (c) => h(c, t),
70
70
  value: t.value
71
71
  })
72
72
  }, `box-item-type-selector-${t.value}`))
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ēňŧ 國國⟧",
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ŗêѕĕπţāţïõπ 國國國⟧",
11
- "groupSharedFeatures.boxItemTypeSelector.boxFileType.spreadsheetType": "⟦萬萬萬 ЅΡŗéåďŝħěėŧ 國國國⟧",
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": "⟦萬萬 ₣ìľĕ ŢУΡε 國國⟧"
9
+ "groupSharedFeatures.boxItemTypeSelector.boxFileType.pdfType": "⟦ PÐ₣ ⟧",
10
+ "groupSharedFeatures.boxItemTypeSelector.boxFileType.presentationType": "⟦萬萬萬 Pŕęŝéйţąţϊőη 國國國⟧",
11
+ "groupSharedFeatures.boxItemTypeSelector.boxFileType.spreadsheetType": "⟦萬萬萬 ЅΡгëąďŝнёеŧ 國國國⟧",
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": "⟦萬萬 ₣їľę ŦУΡе 國國⟧"
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ēňŧ 國國⟧
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ŗêѕĕπţāţïõπ 國國國⟧
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
- groupSharedFeatures.boxItemTypeSelector.boxFileType.threedType = ⟦ 3Ď ⟧
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/dist/styles/box-item-type-selector.css CHANGED
@@ -1 +1 @@
1
- ._boxItemTypeSelectorContainer_1kmgh_1{display:flex;flex-direction:column}._boxItemTypeSelectorContainer_1kmgh_1 ._parentItemTypeSelectorContainer_1kmgh_5{display:flex;flex-direction:column;min-height:0}@container (min-width: 374px){._boxItemTypeSelectorContainer_1kmgh_1 ._parentItemTypeSelectorContainer_1kmgh_5{max-height:255px}}._boxItemTypeSelectorContainer_1kmgh_1 ._itemTypeSelector_1kmgh_15{margin:var(--space-1) 0}._boxItemTypeSelectorContainer_1kmgh_1 ._itemTypeSelector_1kmgh_15 label{gap:var(--space-2)}._boxItemTypeSelectorContainer_1kmgh_1 ._selectorLabel_1kmgh_21{font-weight:var(--body-default-font-weight);font-size:var(--body-default-font-size);font-family:var(--body-default-font-family);line-height:var(--body-default-line-height);letter-spacing:var(--body-default-letter-spacing);text-transform:var(--body-default-text-case);text-decoration:var(--body-default-text-decoration);display:flex}._boxItemTypeSelectorContainer_1kmgh_1 ._selectorLabel_1kmgh_21 svg{margin-inline-end:var(--space-2);font-size:var(--size-5)}._boxItemTypeSelectorContainer_1kmgh_1 ._selectorLabel_1kmgh_21._disabled_1kmgh_35{opacity:60%}._boxItemTypeSelectorContainer_1kmgh_1 ._childItemTypeSelectorContainer_1kmgh_38{margin-inline-start:var(--space-7);display:flex;flex-direction:column;flex-wrap:wrap;min-height:0}._boxItemTypeSelectorContainer_1kmgh_1 ul,._boxItemTypeSelectorContainer_1kmgh_1 li{display:contents;margin:0;padding:0}
1
+ ._boxItemTypeSelectorContainer_kpwbf_2{display:flex;flex-direction:column}._boxItemTypeSelectorContainer_kpwbf_2 ._parentItemTypeSelectorContainer_kpwbf_6{display:flex;flex-direction:column;min-height:0}@container (min-width: 374px){._boxItemTypeSelectorContainer_kpwbf_2 ._parentItemTypeSelectorContainer_kpwbf_6{max-height:255px}}._boxItemTypeSelectorContainer_kpwbf_2 ._itemTypeSelector_kpwbf_16{margin:var(--space-1) 0}._boxItemTypeSelectorContainer_kpwbf_2 ._itemTypeSelector_kpwbf_16 label{gap:var(--space-2)}._boxItemTypeSelectorContainer_kpwbf_2 ._selectorLabel_kpwbf_22{font-weight:var(--body-default-font-weight);font-size:var(--body-default-font-size);font-family:var(--body-default-font-family);line-height:var(--body-default-line-height);letter-spacing:var(--body-default-letter-spacing);text-transform:var(--body-default-text-case);text-decoration:var(--body-default-text-decoration);display:flex}._boxItemTypeSelectorContainer_kpwbf_2 ._selectorLabel_kpwbf_22 svg{margin-inline-end:var(--space-2);font-size:var(--size-5)}._boxItemTypeSelectorContainer_kpwbf_2 ._selectorLabel_kpwbf_22._disabled_kpwbf_36{opacity:60%}._boxItemTypeSelectorContainer_kpwbf_2 ._childItemTypeSelectorContainer_kpwbf_39{margin-inline-start:var(--space-7);display:flex;flex-direction:column;flex-wrap:wrap;min-height:0}._boxItemTypeSelectorContainer_kpwbf_2 ul,._boxItemTypeSelectorContainer_kpwbf_2 li{display:contents;margin:0;padding:0}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/box-item-type-selector",
3
- "version": "1.3.3",
3
+ "version": "1.4.1",
4
4
  "peerDependencies": {
5
5
  "@box/blueprint-web": "^7.8.0",
6
6
  "@box/blueprint-web-assets": "^4.16.0",
@@ -9,9 +9,9 @@
9
9
  "react-intl": "6.4.2"
10
10
  },
11
11
  "devDependencies": {
12
- "@box/blueprint-web": "^12.92.0",
13
- "@box/blueprint-web-assets": "^4.76.0",
14
- "@box/storybook-utils": "^0.14.12",
12
+ "@box/blueprint-web": "^12.92.1",
13
+ "@box/blueprint-web-assets": "^4.76.2",
14
+ "@box/storybook-utils": "^0.14.13",
15
15
  "react": "^18.3.0",
16
16
  "react-dom": "^18.3.0",
17
17
  "react-intl": "6.4.2"