@box/metadata-view 1.4.0 → 1.5.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/components/filter-sidepanel/filter.js +57 -50
  2. package/dist/esm/lib/components/metadata-value/metadata-radio-field.js +24 -20
  3. package/dist/types/lib/components/filter-row/types.d.ts +1 -0
  4. package/dist/types/lib/components/metadata-value/metadata-radio-field.d.ts +2 -1
  5. package/package.json +5 -5
package/dist/esm/lib/components/filter-sidepanel/filter.js CHANGED
@@ -1,143 +1,150 @@
1
- import { MetadataStringField as f, MetadataMultiSelectField as s, MetadataEnumField as m, MetadataFloatField as F, MetadataDateField as M } from "@box/metadata-filter";
2
- import { useIntl as d } from "react-intl";
1
+ import { MetadataStringField as f, MetadataMultiSelectField as m, MetadataEnumField as s, MetadataFloatField as F, MetadataDateField as M } from "@box/metadata-filter";
2
+ import { useIntl as o } from "react-intl";
3
3
  import { MetadataFileField as x } from "../metadata-value/metadata-file-field.js";
4
4
  import { MetadataLocationField as b } from "../metadata-value/metadata-location-field.js";
5
- import { MetadataRadioField as h } from "../metadata-value/metadata-radio-field.js";
6
- import { MetadataCheckboxField as S } from "../metadata-value/metadata-checkbox-field.js";
7
- import { MetadataSearchField as g } from "../metadata-value/metadata-search-field.js";
8
- import { jsx as t } from "react/jsx-runtime";
9
- const i = (e) => `metadata.fields.${e}`, P = ({
5
+ import { MetadataRadioField as S } from "../metadata-value/metadata-radio-field.js";
6
+ import { MetadataCheckboxField as h } from "../metadata-value/metadata-checkbox-field.js";
7
+ import { MetadataSearchField as P } from "../metadata-value/metadata-search-field.js";
8
+ import { jsx as a } from "react/jsx-runtime";
9
+ const i = (e) => `metadata.fields.${e}`, g = ({
10
10
  id: e,
11
- name: a,
11
+ name: t,
12
12
  placeholder: l,
13
13
  variant: r
14
14
  }) => {
15
15
  switch (r) {
16
16
  case "search":
17
- return /* @__PURE__ */ t(g, {
17
+ return /* @__PURE__ */ a(P, {
18
18
  id: e,
19
- name: a,
19
+ name: t,
20
20
  placeholder: l
21
21
  });
22
22
  case "default":
23
23
  default:
24
- return /* @__PURE__ */ t(f, {
24
+ return /* @__PURE__ */ a(f, {
25
25
  fieldNamePrefix: i(e),
26
- label: a || "",
26
+ label: t || "",
27
27
  placeholder: l
28
28
  });
29
29
  }
30
30
  }, N = ({
31
31
  id: e,
32
- name: a,
32
+ name: t,
33
33
  variant: l,
34
34
  parentRef: r
35
35
  }) => {
36
36
  switch (l) {
37
37
  case "file":
38
- return /* @__PURE__ */ t(x, {
38
+ return /* @__PURE__ */ a(x, {
39
39
  id: e
40
40
  });
41
41
  case "checkbox":
42
- return /* @__PURE__ */ t(S, {
42
+ return /* @__PURE__ */ a(h, {
43
43
  id: e,
44
- name: a
44
+ name: t
45
45
  });
46
46
  case "default":
47
47
  default:
48
- return /* @__PURE__ */ t(s, {
48
+ return /* @__PURE__ */ a(m, {
49
49
  fieldNamePrefix: i(e),
50
- label: a || "",
50
+ label: t || "",
51
51
  portalElement: r
52
52
  });
53
53
  }
54
54
  }, w = ({
55
55
  id: e,
56
- name: a,
56
+ name: t,
57
57
  parentRef: l,
58
58
  variant: r,
59
59
  renderer: c,
60
- triggerCallback: o,
61
- placeholder: n
60
+ triggerCallback: n,
61
+ placeholder: d
62
62
  }) => {
63
63
  const {
64
64
  locale: u
65
- } = d();
65
+ } = o();
66
66
  switch (r) {
67
67
  case "file":
68
- return /* @__PURE__ */ t(b, {
68
+ return /* @__PURE__ */ a(b, {
69
69
  id: e,
70
70
  renderer: c,
71
- triggerSetValueCallback: o
71
+ triggerSetValueCallback: n
72
72
  });
73
73
  case "radio":
74
- return /* @__PURE__ */ t(h, {
74
+ return /* @__PURE__ */ a(S, {
75
75
  id: e,
76
- name: a
76
+ name: t,
77
+ placeholder: d
77
78
  });
78
79
  case "default":
79
80
  default:
80
- return /* @__PURE__ */ t(m, {
81
+ return /* @__PURE__ */ a(s, {
81
82
  fieldNamePrefix: i(e),
82
- label: a || "",
83
+ label: t || "",
83
84
  locale: u,
84
- placeholder: n,
85
+ placeholder: d,
85
86
  portalElement: l
86
87
  });
87
88
  }
88
89
  }, E = ({
89
90
  id: e,
90
- name: a
91
- }) => /* @__PURE__ */ t(F, {
91
+ name: t
92
+ }) => /* @__PURE__ */ a(F, {
92
93
  fieldNamePrefix: i(e),
93
- label: a || ""
94
+ label: t || ""
94
95
  }), k = ({
95
96
  customLabels: e,
96
- canUseRelativeDates: a,
97
+ canUseRelativeDates: t,
97
98
  customDateFilterOptions: l,
98
99
  id: r,
99
100
  name: c
100
101
  }) => {
101
102
  const {
102
- locale: o
103
- } = d();
104
- return /* @__PURE__ */ t(M, {
105
- canUseRelativeDates: a,
103
+ locale: n
104
+ } = o();
105
+ return /* @__PURE__ */ a(M, {
106
+ canUseRelativeDates: t,
106
107
  customDateFilterOptions: l,
107
108
  customFieldLabels: e,
108
109
  direction: "vertical",
109
110
  fieldNamePrefix: i(r),
110
111
  label: c || "",
111
- locale: o
112
+ locale: n
112
113
  });
113
- }, R = ({
114
+ }, T = ({
114
115
  ...e
115
116
  }) => {
117
+ const t = e.shouldRenderNameInSidePanel === !1 ? "" : e.name;
116
118
  switch (e.fieldType) {
117
119
  case "string":
118
- return /* @__PURE__ */ t(P, {
119
- ...e
120
+ return /* @__PURE__ */ a(g, {
121
+ ...e,
122
+ name: t
120
123
  });
121
124
  case "float":
122
- return /* @__PURE__ */ t(E, {
123
- ...e
125
+ return /* @__PURE__ */ a(E, {
126
+ ...e,
127
+ name: t
124
128
  });
125
129
  case "date":
126
- return /* @__PURE__ */ t(k, {
127
- ...e
130
+ return /* @__PURE__ */ a(k, {
131
+ ...e,
132
+ name: t
128
133
  });
129
134
  case "multiSelect":
130
- return /* @__PURE__ */ t(N, {
131
- ...e
135
+ return /* @__PURE__ */ a(N, {
136
+ ...e,
137
+ name: t
132
138
  });
133
139
  case "enum":
134
- return /* @__PURE__ */ t(w, {
135
- ...e
140
+ return /* @__PURE__ */ a(w, {
141
+ ...e,
142
+ name: t
136
143
  });
137
144
  default:
138
145
  return null;
139
146
  }
140
147
  };
141
148
  export {
142
- R as Filter
149
+ T as Filter
143
150
  };
package/dist/esm/lib/components/metadata-value/metadata-radio-field.js CHANGED
@@ -1,33 +1,37 @@
1
- import { useFormikContext as f } from "formik";
2
- import { Radio as t } from "@box/blueprint-web";
3
- import { jsx as o } from "react/jsx-runtime";
4
- const x = ({
5
- id: a,
6
- name: l
1
+ import { useFormikContext as v } from "formik";
2
+ import { Radio as a } from "@box/blueprint-web";
3
+ import { jsx as l, jsxs as c } from "react/jsx-runtime";
4
+ const b = ({
5
+ id: t,
6
+ name: i,
7
+ placeholder: o
7
8
  }) => {
8
- var i, r, n, u;
9
+ var u, m, n, d;
9
10
  const {
10
- values: d,
11
- setFieldValue: m
12
- } = f(), s = (n = (r = (i = d.metadata.fields[a]) == null ? void 0 : i.value) == null ? void 0 : r.enum) == null ? void 0 : n[0], p = ((u = d.metadata.fields[a]) == null ? void 0 : u.options) || [];
13
- return /* @__PURE__ */ o(t.Legend, {
14
- header: l,
15
- children: /* @__PURE__ */ o(t.Group, {
11
+ values: s,
12
+ setFieldValue: r
13
+ } = v(), f = ((n = (m = (u = s.metadata.fields[t]) == null ? void 0 : u.value) == null ? void 0 : m.enum) == null ? void 0 : n[0]) || "", p = ((d = s.metadata.fields[t]) == null ? void 0 : d.options) || [];
14
+ return /* @__PURE__ */ l(a.Legend, {
15
+ header: i,
16
+ children: /* @__PURE__ */ c(a.Group, {
16
17
  loop: !0,
17
- name: l,
18
+ name: i,
18
19
  onValueChange: (e) => {
19
- m(`metadata.fields.${a}.value.enum[0]`, e);
20
+ r(`metadata.fields.${t}.value.enum[0]`, e);
20
21
  },
21
- value: s,
22
- children: p.map(({
22
+ value: f,
23
+ children: [o && /* @__PURE__ */ l(a.Item, {
24
+ label: o,
25
+ value: ""
26
+ }, o), p.map(({
23
27
  key: e
24
- }) => /* @__PURE__ */ o(t.Item, {
28
+ }) => /* @__PURE__ */ l(a.Item, {
25
29
  label: e,
26
30
  value: e
27
- }, e))
31
+ }, e))]
28
32
  })
29
33
  });
30
34
  };
31
35
  export {
32
- x as MetadataRadioField
36
+ b as MetadataRadioField
33
37
  };
package/dist/types/lib/components/filter-row/types.d.ts CHANGED
@@ -34,6 +34,7 @@ export interface FilterOption {
34
34
  variant?: FilterVariant;
35
35
  renderer?: (component: ReactNode) => ReactNode;
36
36
  triggerCallback?: (...args: unknown[]) => unknown;
37
+ shouldRenderNameInSidePanel?: boolean;
37
38
  }
38
39
  export interface FilterChipProps {
39
40
  formRef: React.RefObject<HTMLFormElement>;
package/dist/types/lib/components/metadata-value/metadata-radio-field.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export interface MetadataRadioFieldProps {
2
2
  id: string;
3
3
  name: string;
4
+ placeholder?: string;
4
5
  }
5
- export declare const MetadataRadioField: ({ id, name }: MetadataRadioFieldProps) => import("react/jsx-runtime").JSX.Element;
6
+ export declare const MetadataRadioField: ({ id, name, placeholder }: MetadataRadioFieldProps) => import("react/jsx-runtime").JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/metadata-view",
3
- "version": "1.4.0",
3
+ "version": "1.5.1",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "peerDependencies": {
6
6
  "@box/blueprint-web": "^12.76.2",
@@ -18,12 +18,12 @@
18
18
  "react-intl": "^6.4.2"
19
19
  },
20
20
  "devDependencies": {
21
- "@box/blueprint-web": "^12.86.0",
21
+ "@box/blueprint-web": "^12.87.0",
22
22
  "@box/blueprint-web-assets": "^4.73.0",
23
- "@box/box-item-type-selector": "^1.2.0",
23
+ "@box/box-item-type-selector": "^1.2.1",
24
24
  "@box/eslint-plugin-blueprint": "1.0.5",
25
- "@box/item-icon": "^1.3.0",
26
- "@box/metadata-filter": "^1.39.0",
25
+ "@box/item-icon": "^1.3.1",
26
+ "@box/metadata-filter": "^1.39.1",
27
27
  "@box/storybook-utils": "0.14.9",
28
28
  "@box/types": "1.0.0",
29
29
  "@tanstack/react-virtual": "^3.10.8",