@box/metadata-editor 1.64.5 → 1.64.7
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.
- package/dist/chunks/ai-suggestion-field.js +83 -0
- package/dist/chunks/autofill-overlay.js +63 -0
- package/dist/chunks/combobox-with-api-pagination.js +162 -0
- package/dist/chunks/custom-instance-new-field.js +60 -0
- package/dist/chunks/custom-instance.js +74 -0
- package/dist/chunks/delete-confirmation-modal.js +76 -0
- package/dist/chunks/field-action-bar.module.js +6 -8
- package/dist/chunks/filter-dropdown-menu.module.js +14 -13
- package/dist/chunks/filter-instances-dropdown.js +84 -0
- package/dist/chunks/interactive-header-text.js +19 -0
- package/dist/chunks/interactive-text.js +17 -0
- package/dist/chunks/metadata-editor.js +9 -0
- package/dist/chunks/metadata-instance-content.js +29 -0
- package/dist/chunks/metadata-instance-entry.js +82 -0
- package/dist/chunks/metadata-instance-footer.js +25 -0
- package/dist/chunks/metadata-instance-form-autofill-button.js +113 -0
- package/dist/chunks/metadata-instance-form-card-wrapper.js +47 -70
- package/dist/chunks/metadata-instance-form-footer.js +43 -0
- package/dist/chunks/metadata-instance-form-header.js +45 -0
- package/dist/chunks/metadata-instance-header.js +52 -0
- package/dist/chunks/metadata-instance-list.js +19 -0
- package/dist/chunks/metadata-instance.js +59 -0
- package/dist/chunks/shared-field-styles.module.js +5 -7
- package/dist/chunks/taxonomy-ancestor-status-pill.js +88 -109
- package/dist/chunks/types.js +8 -12
- package/dist/chunks/update-mode-field-wrapper.js +80 -0
- package/dist/chunks/utils.js +57 -54
- package/dist/chunks/utils2.js +50 -70
- package/dist/esm/index.js +27 -52
- package/dist/esm/lib/components/add-metadata-template-dropdown/add-metadata-template-dropdown.js +31 -43
- package/dist/esm/lib/components/add-metadata-template-dropdown/index.js +1 -3
- package/dist/esm/lib/components/add-metadata-template-dropdown/messages.js +15 -17
- package/dist/esm/lib/components/combobox-with-api-pagination/combobox-with-api-pagination.js +2 -205
- package/dist/esm/lib/components/combobox-with-api-pagination/index.js +2 -4
- package/dist/esm/lib/components/combobox-with-api-pagination/messages.js +31 -33
- package/dist/esm/lib/components/combobox-with-api-pagination/request.js +4 -6
- package/dist/esm/lib/components/combobox-with-api-pagination/use-async-list.js +113 -128
- package/dist/esm/lib/components/combobox-with-api-pagination/utils/is-abort-error.js +8 -10
- package/dist/esm/lib/components/combobox-with-api-pagination/utils/use-controllable-state.js +32 -34
- package/dist/esm/lib/components/combobox-with-api-pagination/utils/use-intersection-observer.js +72 -82
- package/dist/esm/lib/components/filter-dropdown-menu/filter-dropdown-menu-content.js +13 -18
- package/dist/esm/lib/components/filter-dropdown-menu/filter-dropdown-menu-empty-state.js +16 -19
- package/dist/esm/lib/components/filter-dropdown-menu/filter-dropdown-menu-item.js +12 -17
- package/dist/esm/lib/components/filter-dropdown-menu/filter-dropdown-menu-list.js +15 -20
- package/dist/esm/lib/components/filter-dropdown-menu/filter-dropdown-menu-root.js +13 -18
- package/dist/esm/lib/components/filter-dropdown-menu/filter-dropdown-menu-search.js +36 -44
- package/dist/esm/lib/components/filter-dropdown-menu/filter-dropdown-menu-trigger.js +7 -12
- package/dist/esm/lib/components/filter-dropdown-menu/index.js +16 -18
- package/dist/esm/lib/components/filter-dropdown-menu/messages.js +10 -12
- package/dist/esm/lib/components/filter-instances-dropdown/filter-instances-dropdown.js +2 -93
- package/dist/esm/lib/components/filter-instances-dropdown/index.js +2 -4
- package/dist/esm/lib/components/filter-instances-dropdown/messages.js +18 -20
- package/dist/esm/lib/components/interactive-header-text/interactive-header-text.js +2 -28
- package/dist/esm/lib/components/interactive-text/interactive-text.js +2 -30
- package/dist/esm/lib/components/metadata-editor-fields/components/ai-logo-badge/ai-logo-badge.js +20 -32
- package/dist/esm/lib/components/metadata-editor-fields/components/ai-logo-badge/index.js +2 -4
- package/dist/esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/ai-suggestion-field.js +2 -110
- package/dist/esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/index.js +2 -4
- package/dist/esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/messages.js +50 -52
- package/dist/esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/utils.js +12 -17
- package/dist/esm/lib/components/metadata-editor-fields/components/constants.js +2 -6
- package/dist/esm/lib/components/metadata-editor-fields/components/low-confidence-badge/index.js +2 -4
- package/dist/esm/lib/components/metadata-editor-fields/components/low-confidence-badge/low-confidence-badge.js +20 -24
- package/dist/esm/lib/components/metadata-editor-fields/components/low-confidence-suggestion-field/index.js +2 -4
- package/dist/esm/lib/components/metadata-editor-fields/components/low-confidence-suggestion-field/low-confidence-suggestion-field.js +66 -75
- package/dist/esm/lib/components/metadata-editor-fields/components/low-confidence-suggestion-field/messages.js +30 -32
- package/dist/esm/lib/components/metadata-editor-fields/components/metadata-date-field/metadata-date-field.js +43 -60
- package/dist/esm/lib/components/metadata-editor-fields/components/metadata-enum-field/metadata-enum-field.js +47 -71
- package/dist/esm/lib/components/metadata-editor-fields/components/metadata-float-field/metadata-float-field.js +32 -54
- package/dist/esm/lib/components/metadata-editor-fields/components/metadata-float-field/use-float-validation.js +8 -14
- package/dist/esm/lib/components/metadata-editor-fields/components/metadata-multi-select-field/metadata-multi-select-field.js +40 -62
- package/dist/esm/lib/components/metadata-editor-fields/components/metadata-string-field/metadata-string-field.js +28 -44
- package/dist/esm/lib/components/metadata-editor-fields/components/metadata-taxonomy-field/metadata-taxonomy-field.js +66 -95
- package/dist/esm/lib/components/metadata-editor-fields/components/update-mode-field-wrapper/messages.js +30 -32
- package/dist/esm/lib/components/metadata-editor-fields/components/update-mode-field-wrapper/mulitple-values-utils.js +7 -11
- package/dist/esm/lib/components/metadata-editor-fields/components/update-mode-field-wrapper/update-mode-field-wrapper.js +2 -92
- package/dist/esm/lib/components/metadata-editor-fields/editor-field-types.js +30 -34
- package/dist/esm/lib/components/metadata-editor-fields/hooks/use-memoized-field-label.js +11 -7
- package/dist/esm/lib/components/metadata-editor-fields/hooks/use-review-field-filter.js +35 -40
- package/dist/esm/lib/components/metadata-editor-fields/hooks/use-view-reference-tooltip.js +39 -34
- package/dist/esm/lib/components/metadata-editor-fields/messages.js +5 -9
- package/dist/esm/lib/components/metadata-editor-fields/metadata-editor-field-wrapper.js +186 -176
- package/dist/esm/lib/components/metadata-editor-fields/metadata-editor-fields.js +30 -42
- package/dist/esm/lib/components/metadata-editor-fields/utils.js +2 -13
- package/dist/esm/lib/components/metadata-empty-state/messages.js +42 -44
- package/dist/esm/lib/components/metadata-empty-state/metadata-empty-state.js +46 -62
- package/dist/esm/lib/components/metadata-instance-editor/index.js +7 -14
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/autofill-overlay/autofill-overlay.js +2 -64
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/autofill-overlay/messages.js +39 -41
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/autofill-overlay/useErrorMessaging.js +21 -26
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/custom-instance/custom-instance.js +2 -86
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/custom-instance/messages.js +15 -17
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/custom-instance-new-field/custom-instance-new-field.js +2 -62
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/custom-instance-new-field/messages.js +42 -44
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/delete-confirmation-modal/delete-confirmation-modal.js +2 -91
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/delete-confirmation-modal/messages.js +50 -52
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/constants.js +2 -7
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/messages.js +0 -1
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form-card-wrapper.js +2 -10
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js +126 -155
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/utils.js +2 -9
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-autofill-button/messages.js +23 -25
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js +2 -128
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-footer/messages.js +19 -21
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-footer/metadata-instance-form-footer.js +2 -53
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/messages.js +6 -10
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js +2 -58
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-inline-notice/messages.js +18 -20
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-inline-notice/metadata-instance-form-inline-notice.js +30 -37
- package/dist/esm/lib/components/metadata-instance-list/index.js +4 -8
- package/dist/esm/lib/components/metadata-instance-list/metadata-instance-list.js +2 -35
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance/metadata-instance.js +2 -79
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-content/metadata-instance-content.js +2 -40
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/messages.js +5 -9
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/metadata-entry-display.js +14 -24
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/metadata-instance-entry.js +2 -112
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/taxonomy-entry/messages.js +22 -24
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/taxonomy-entry/taxonomy-ancestor-status-pill.js +2 -11
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/taxonomy-entry/taxonomy-value.js +24 -36
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-footer/messages.js +10 -12
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-footer/metadata-instance-footer.js +2 -31
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-header/messages.js +15 -17
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.js +2 -63
- package/dist/esm/lib/components/metadata-instance-review-notice/messages.js +30 -32
- package/dist/esm/lib/components/metadata-instance-review-notice/metadata-instance-review-notice.js +22 -32
- package/dist/esm/lib/components/unsaved-changes-modal/index.js +2 -4
- package/dist/esm/lib/components/unsaved-changes-modal/messages.js +23 -25
- package/dist/esm/lib/components/unsaved-changes-modal/unsaved-changes-modal.js +41 -57
- package/dist/esm/lib/components/unsaved-changes-modal/utils.js +3 -5
- package/dist/esm/lib/constants.js +14 -18
- package/dist/esm/lib/defaults.js +14 -17
- package/dist/esm/lib/mappers.js +22 -28
- package/dist/esm/lib/messages.js +123 -126
- package/dist/esm/lib/metadata-editor.js +2 -14
- package/dist/esm/lib/utils/api-wrapper.js +12 -18
- package/dist/esm/lib/utils/autofill-context.js +65 -67
- package/dist/esm/lib/utils/check-if-has-bounding-boxes.js +2 -4
- package/dist/esm/lib/utils/confidence-score/format-confidence-score-percent.js +3 -5
- package/dist/esm/lib/utils/confidence-score/get-confidence-score-tooltip.js +12 -19
- package/dist/esm/lib/utils/confidence-score/get-fields-needing-review.js +5 -7
- package/dist/esm/lib/utils/confidence-score/index.js +5 -10
- package/dist/esm/lib/utils/confidence-score/is-confidence-score-needing-review.js +4 -6
- package/dist/esm/lib/utils/confidence-score/messages.js +14 -16
- package/dist/esm/lib/utils/convertDate.js +20 -31
- package/dist/esm/lib/utils/is-interactive-form-element.js +2 -4
- package/dist/esm/lib/utils/utils.js +4 -9
- package/dist/styles/autofill-overlay.css +1 -1
- package/dist/styles/combobox-with-api-pagination.css +1 -1
- package/dist/styles/custom-instance-new-field.css +1 -1
- package/dist/styles/custom-instance.css +1 -1
- package/dist/styles/delete-confirmation-modal.css +1 -1
- package/dist/styles/field-action-bar.css +1 -1
- package/dist/styles/filter-dropdown-menu.css +1 -1
- package/dist/styles/filter-instances-dropdown.css +1 -1
- package/dist/styles/interactive-header-text.css +1 -1
- package/dist/styles/interactive-text.css +1 -1
- package/dist/styles/metadata-editor.css +1 -0
- package/dist/styles/metadata-instance-content.css +1 -1
- package/dist/styles/metadata-instance-entry.css +1 -1
- package/dist/styles/metadata-instance-footer.css +1 -1
- package/dist/styles/metadata-instance-form-autofill-button.css +1 -1
- package/dist/styles/metadata-instance-form-card-wrapper.css +1 -1
- package/dist/styles/metadata-instance-form-footer.css +1 -1
- package/dist/styles/metadata-instance-form-header.css +1 -1
- package/dist/styles/metadata-instance-header.css +1 -1
- package/dist/styles/metadata-instance-list.css +1 -1
- package/dist/styles/shared-field-styles.css +1 -1
- package/dist/styles/taxonomy-ancestor-status-pill.css +1 -1
- package/dist/styles/update-mode-field-wrapper.css +1 -1
- package/dist/styles/utils.css +1 -1
- package/dist/types/lib/test-utils/index.d.ts +1 -0
- package/dist/types/lib/test-utils/pending-promise.d.ts +19 -0
- package/package.json +9 -9
|
@@ -1,19 +1,14 @@
|
|
|
1
|
-
import { ComboboxProvider as
|
|
2
|
-
import { jsx as
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
children: e
|
|
13
|
-
})
|
|
14
|
-
});
|
|
15
|
-
};
|
|
16
|
-
d.displayName = "FilterDropdownMenuRoot";
|
|
17
|
-
export {
|
|
18
|
-
d as FilterDropdownMenuRoot
|
|
1
|
+
import { ComboboxProvider as e, MenuProvider as t } from "@ariakit/react";
|
|
2
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
3
|
+
var r = (r) => {
|
|
4
|
+
let { children: i, ...a } = r;
|
|
5
|
+
return /* @__PURE__ */ n(e, {
|
|
6
|
+
...a,
|
|
7
|
+
children: /* @__PURE__ */ n(t, {
|
|
8
|
+
focusLoop: !1,
|
|
9
|
+
children: i
|
|
10
|
+
})
|
|
11
|
+
});
|
|
19
12
|
};
|
|
13
|
+
r.displayName = "FilterDropdownMenuRoot";
|
|
14
|
+
export { r as FilterDropdownMenuRoot };
|
|
@@ -1,45 +1,37 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { useIntl as
|
|
6
|
-
import { s as
|
|
7
|
-
import
|
|
8
|
-
import {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
})
|
|
36
|
-
})]
|
|
37
|
-
}), /* @__PURE__ */ e(i, {
|
|
38
|
-
className: o.searchDivider
|
|
39
|
-
})]
|
|
40
|
-
});
|
|
41
|
-
};
|
|
42
|
-
x.displayName = "FilterDropdownMenuItem";
|
|
43
|
-
export {
|
|
44
|
-
x as FilterDropdownMenuSearch
|
|
1
|
+
import { t as e } from "../../../../chunks/filter-dropdown-menu.module.js";
|
|
2
|
+
import t from "./messages.js";
|
|
3
|
+
import { Divider as n, IconButton as r } from "@box/blueprint-web";
|
|
4
|
+
import { Search as i, XMark as a } from "@box/blueprint-web-assets/icons/Fill";
|
|
5
|
+
import { useIntl as o } from "react-intl";
|
|
6
|
+
import { Combobox as s, ComboboxCancel as c } from "@ariakit/react";
|
|
7
|
+
import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
|
|
8
|
+
import { IconCtaIcon as f, IconIconOnLightSecondary as p } from "@box/blueprint-web-assets/tokens/tokens";
|
|
9
|
+
var m = () => /* @__PURE__ */ u(a, { role: "presentation" }), h = (a) => {
|
|
10
|
+
let { ...h } = a, g = o().formatMessage(t.cancelButtonAriaLabel);
|
|
11
|
+
return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d("div", {
|
|
12
|
+
className: e.search,
|
|
13
|
+
children: [
|
|
14
|
+
/* @__PURE__ */ u(i, {
|
|
15
|
+
className: e.searchIcon,
|
|
16
|
+
color: p,
|
|
17
|
+
role: "presentation"
|
|
18
|
+
}),
|
|
19
|
+
/* @__PURE__ */ u(s, {
|
|
20
|
+
"aria-haspopup": "false",
|
|
21
|
+
autoSelect: !0,
|
|
22
|
+
className: e.searchInput,
|
|
23
|
+
...h
|
|
24
|
+
}),
|
|
25
|
+
/* @__PURE__ */ u(c, { render: /* @__PURE__ */ u(r, {
|
|
26
|
+
"aria-label": g,
|
|
27
|
+
className: e.clearSearchIcon,
|
|
28
|
+
color: f,
|
|
29
|
+
icon: m,
|
|
30
|
+
size: "x-small",
|
|
31
|
+
"data-target-id": "IconButton-cancelButtonAriaLabel"
|
|
32
|
+
}) })
|
|
33
|
+
]
|
|
34
|
+
}), /* @__PURE__ */ u(n, { className: e.searchDivider })] });
|
|
45
35
|
};
|
|
36
|
+
h.displayName = "FilterDropdownMenuItem";
|
|
37
|
+
export { h as FilterDropdownMenuSearch };
|
|
@@ -1,13 +1,8 @@
|
|
|
1
|
-
import { MenuButton as
|
|
2
|
-
import { jsx as
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}) => /* @__PURE__ */ n(o, {
|
|
7
|
-
...e,
|
|
8
|
-
render: r
|
|
1
|
+
import { MenuButton as e } from "@ariakit/react";
|
|
2
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
3
|
+
var n = ({ triggerButton: n, ...r }) => /* @__PURE__ */ t(e, {
|
|
4
|
+
...r,
|
|
5
|
+
render: n
|
|
9
6
|
});
|
|
10
|
-
|
|
11
|
-
export {
|
|
12
|
-
t as FilterDropdownMenuTrigger
|
|
13
|
-
};
|
|
7
|
+
n.displayName = "FilterDropdownMenuTrigger";
|
|
8
|
+
export { n as FilterDropdownMenuTrigger };
|
|
@@ -1,19 +1,17 @@
|
|
|
1
|
-
import { FilterDropdownMenuContent as
|
|
2
|
-
import { FilterDropdownMenuItem as
|
|
3
|
-
import { FilterDropdownMenuList as
|
|
4
|
-
import { FilterDropdownMenuRoot as
|
|
5
|
-
import { FilterDropdownMenuSearch as
|
|
6
|
-
import { FilterDropdownMenuTrigger as
|
|
7
|
-
import { FilterDropdownMenuEmptyState as
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
};
|
|
17
|
-
export {
|
|
18
|
-
M as FilterDropdownMenu
|
|
1
|
+
import { FilterDropdownMenuContent as e } from "./filter-dropdown-menu-content.js";
|
|
2
|
+
import { FilterDropdownMenuItem as t } from "./filter-dropdown-menu-item.js";
|
|
3
|
+
import { FilterDropdownMenuList as n } from "./filter-dropdown-menu-list.js";
|
|
4
|
+
import { FilterDropdownMenuRoot as r } from "./filter-dropdown-menu-root.js";
|
|
5
|
+
import { FilterDropdownMenuSearch as i } from "./filter-dropdown-menu-search.js";
|
|
6
|
+
import { FilterDropdownMenuTrigger as a } from "./filter-dropdown-menu-trigger.js";
|
|
7
|
+
import { FilterDropdownMenuEmptyState as o } from "./filter-dropdown-menu-empty-state.js";
|
|
8
|
+
var s = {
|
|
9
|
+
Root: r,
|
|
10
|
+
Trigger: a,
|
|
11
|
+
Content: e,
|
|
12
|
+
Item: t,
|
|
13
|
+
List: n,
|
|
14
|
+
Search: i,
|
|
15
|
+
EmptyState: o
|
|
19
16
|
};
|
|
17
|
+
export { s as FilterDropdownMenu };
|
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
import { defineMessages as e } from "react-intl";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
2
|
+
var t = e({
|
|
3
|
+
cancelButtonAriaLabel: {
|
|
4
|
+
id: "metadataEditor.filterDropdownMenuSearch.iconButtonAriaLabel",
|
|
5
|
+
defaultMessage: "Clear search"
|
|
6
|
+
},
|
|
7
|
+
noResultsFound: {
|
|
8
|
+
id: "metadataEditor.filterDropdownMenuSearch.noResultsFound",
|
|
9
|
+
defaultMessage: "No results found"
|
|
10
|
+
}
|
|
11
11
|
});
|
|
12
|
-
export {
|
|
13
|
-
t as default
|
|
14
|
-
};
|
|
12
|
+
export { t as default };
|
|
@@ -1,93 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
import { SelectProvider as B, Select as b, SelectPopover as z, SelectItem as g, SelectItemCheck as I } from "@ariakit/react";
|
|
4
|
-
import { Space1 as k } from "@box/blueprint-web-assets/tokens/px-tokens";
|
|
5
|
-
import { useEffect as M } from "react";
|
|
6
|
-
import S from "clsx";
|
|
7
|
-
import { Checkmark as p } from "@box/blueprint-web-assets/icons/Fill";
|
|
8
|
-
import { getVisibleTemplates as y, getTemplateDisplayName as u } from "../../utils/utils.js";
|
|
9
|
-
import s from "./messages.js";
|
|
10
|
-
import { jsxs as o, jsx as t } from "react/jsx-runtime";
|
|
11
|
-
import '../../../../styles/filter-instances-dropdown.css';const D = "_details_106jz_2", w = "_triggerContainer_106jz_6", F = "_triggerButton_106jz_11", O = "_popover_106jz_17", P = "_divider_106jz_34", L = "_scrollableContainer_106jz_37", V = "_item_106jz_41", E = "_indicator_106jz_68", G = "_indicatorIcon_106jz_77", e = {
|
|
12
|
-
details: D,
|
|
13
|
-
triggerContainer: w,
|
|
14
|
-
triggerButton: F,
|
|
15
|
-
popover: O,
|
|
16
|
-
divider: P,
|
|
17
|
-
scrollableContainer: L,
|
|
18
|
-
item: V,
|
|
19
|
-
indicator: E,
|
|
20
|
-
indicatorIcon: G
|
|
21
|
-
}, R = parseInt(k, 10);
|
|
22
|
-
function Z({
|
|
23
|
-
appliedTemplates: _,
|
|
24
|
-
selectedTemplates: l,
|
|
25
|
-
setSelectedTemplates: c
|
|
26
|
-
}) {
|
|
27
|
-
const a = x(), d = a.formatMessage(s.customMetadataName), n = y(_), i = l.length, m = n.length, h = i === 0 ? a.formatMessage(s.allTemplatesTriggerButtonText) : a.formatMessage(s.selectedTemplatesTriggerButtonText, {
|
|
28
|
-
selectedTemplatesNumber: i,
|
|
29
|
-
visibleTemplatesNumber: m
|
|
30
|
-
}), T = () => {
|
|
31
|
-
c([]);
|
|
32
|
-
};
|
|
33
|
-
return M(() => {
|
|
34
|
-
i === m && c([]);
|
|
35
|
-
}, [i, m]), /* @__PURE__ */ o(B, {
|
|
36
|
-
setValue: c,
|
|
37
|
-
value: l,
|
|
38
|
-
children: [/* @__PURE__ */ o("div", {
|
|
39
|
-
className: e.triggerContainer,
|
|
40
|
-
children: [/* @__PURE__ */ t(b, {
|
|
41
|
-
render: /* @__PURE__ */ t(v, {
|
|
42
|
-
caretDirection: "down",
|
|
43
|
-
className: e.triggerButton,
|
|
44
|
-
label: h,
|
|
45
|
-
size: "small",
|
|
46
|
-
variant: "tertiary",
|
|
47
|
-
"data-target-id": "TriggerButton-allTemplatesTriggerButtonText|selectedTemplatesTriggerButtonText"
|
|
48
|
-
})
|
|
49
|
-
}), n.length > 0 && /* @__PURE__ */ t(N, {
|
|
50
|
-
as: "p",
|
|
51
|
-
className: e.details,
|
|
52
|
-
color: "textOnLightSecondary",
|
|
53
|
-
"data-testid": "detailsList",
|
|
54
|
-
variant: "caption",
|
|
55
|
-
children: n.filter((r) => l.some((f) => f === r.id)).map((r) => u(r, d)).join(", ")
|
|
56
|
-
})]
|
|
57
|
-
}), /* @__PURE__ */ t(z, {
|
|
58
|
-
className: e.popover,
|
|
59
|
-
gutter: R,
|
|
60
|
-
children: /* @__PURE__ */ o(C, {
|
|
61
|
-
className: e.scrollableContainer,
|
|
62
|
-
children: [/* @__PURE__ */ o(g, {
|
|
63
|
-
autoFocus: i === 0,
|
|
64
|
-
className: e.item,
|
|
65
|
-
hideOnClick: !0,
|
|
66
|
-
onClick: T,
|
|
67
|
-
children: [i === 0 && /* @__PURE__ */ t(p, {
|
|
68
|
-
className: S(e.indicator, e.indicatorIcon)
|
|
69
|
-
}), a.formatMessage(s.allTemplatesTriggerButtonText)]
|
|
70
|
-
}), /* @__PURE__ */ t(j, {
|
|
71
|
-
className: e.divider
|
|
72
|
-
}), n.map((r) => /* @__PURE__ */ o(g, {
|
|
73
|
-
className: e.item,
|
|
74
|
-
hideOnClick: !0,
|
|
75
|
-
value: r.id,
|
|
76
|
-
children: [/* @__PURE__ */ t(I, {
|
|
77
|
-
className: e.indicator,
|
|
78
|
-
style: {
|
|
79
|
-
width: "none",
|
|
80
|
-
height: "none"
|
|
81
|
-
},
|
|
82
|
-
children: /* @__PURE__ */ t(p, {
|
|
83
|
-
className: e.indicatorIcon
|
|
84
|
-
})
|
|
85
|
-
}), u(r, d)]
|
|
86
|
-
}, r.id))]
|
|
87
|
-
})
|
|
88
|
-
})]
|
|
89
|
-
});
|
|
90
|
-
}
|
|
91
|
-
export {
|
|
92
|
-
Z as FilterInstancesDropdown
|
|
93
|
-
};
|
|
1
|
+
import { t as e } from "../../../../chunks/filter-instances-dropdown.js";
|
|
2
|
+
export { e as FilterInstancesDropdown };
|
|
@@ -1,22 +1,20 @@
|
|
|
1
1
|
import { defineMessages as e } from "react-intl";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
2
|
+
var t = e({
|
|
3
|
+
customMetadataName: {
|
|
4
|
+
id: "metadataEditor.filterInstancesDropdown.customMetadataName",
|
|
5
|
+
defaultMessage: "Custom Metadata"
|
|
6
|
+
},
|
|
7
|
+
allTemplatesTriggerButtonText: {
|
|
8
|
+
id: "metadataEditor.filterInstancesDropdown.triggerButton.allTemplates",
|
|
9
|
+
defaultMessage: "All Templates"
|
|
10
|
+
},
|
|
11
|
+
selectedTemplatesTriggerButtonText: {
|
|
12
|
+
id: "metadataEditor.filterInstancesDropdown.triggerButton.selectedTemplates",
|
|
13
|
+
defaultMessage: "{selectedTemplatesNumber} of {visibleTemplatesNumber} Templates"
|
|
14
|
+
},
|
|
15
|
+
detailsTextAriaLabel: {
|
|
16
|
+
id: "metadataEditor.filterInstancesDropdown.detailsTextAriaLabel",
|
|
17
|
+
defaultMessage: "Aria label for subtitle with filtering details. Informs user which templates were chosen."
|
|
18
|
+
}
|
|
19
19
|
});
|
|
20
|
-
export {
|
|
21
|
-
a as default
|
|
22
|
-
};
|
|
20
|
+
export { t as default };
|
|
@@ -1,28 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
import d from "clsx";
|
|
4
|
-
import { useRef as m } from "react";
|
|
5
|
-
import { jsx as e } from "react/jsx-runtime";
|
|
6
|
-
import '../../../../styles/interactive-header-text.css';const f = "_header_qqeyd_1", p = {
|
|
7
|
-
header: f
|
|
8
|
-
}, q = ({
|
|
9
|
-
className: s,
|
|
10
|
-
title: t
|
|
11
|
-
}) => {
|
|
12
|
-
const r = m(null), i = l(r), o = /* @__PURE__ */ e(n, {
|
|
13
|
-
render: /* @__PURE__ */ e(a, {
|
|
14
|
-
ref: r,
|
|
15
|
-
as: "h4",
|
|
16
|
-
className: d(p.header, s),
|
|
17
|
-
variant: "titleMedium",
|
|
18
|
-
children: t
|
|
19
|
-
})
|
|
20
|
-
});
|
|
21
|
-
return i ? /* @__PURE__ */ e(c, {
|
|
22
|
-
content: t,
|
|
23
|
-
children: o
|
|
24
|
-
}) : o;
|
|
25
|
-
};
|
|
26
|
-
export {
|
|
27
|
-
q as default
|
|
28
|
-
};
|
|
1
|
+
import { t as e } from "../../../../chunks/interactive-header-text.js";
|
|
2
|
+
export { e as default };
|
|
@@ -1,30 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
import m from "clsx";
|
|
4
|
-
import { jsx as t } from "react/jsx-runtime";
|
|
5
|
-
import '../../../../styles/interactive-text.css';const x = "_interactiveText_1i8lr_1", l = {
|
|
6
|
-
interactiveText: x
|
|
7
|
-
}, d = ({
|
|
8
|
-
tooltipText: r,
|
|
9
|
-
className: i,
|
|
10
|
-
children: o,
|
|
11
|
-
...e
|
|
12
|
-
}) => {
|
|
13
|
-
const {
|
|
14
|
-
as: n = "span"
|
|
15
|
-
} = e;
|
|
16
|
-
return /* @__PURE__ */ t(s, {
|
|
17
|
-
content: r,
|
|
18
|
-
children: /* @__PURE__ */ t(c, {
|
|
19
|
-
render: /* @__PURE__ */ t(a, {
|
|
20
|
-
as: n,
|
|
21
|
-
className: m(l.interactiveText, i),
|
|
22
|
-
...e,
|
|
23
|
-
children: o
|
|
24
|
-
})
|
|
25
|
-
})
|
|
26
|
-
});
|
|
27
|
-
};
|
|
28
|
-
export {
|
|
29
|
-
d as default
|
|
30
|
-
};
|
|
1
|
+
import { t as e } from "../../../../chunks/interactive-text.js";
|
|
2
|
+
export { e as default };
|
package/dist/esm/lib/components/metadata-editor-fields/components/ai-logo-badge/ai-logo-badge.js
CHANGED
|
@@ -1,33 +1,21 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { jsx as
|
|
6
|
-
import {
|
|
7
|
-
function
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
content: n,
|
|
21
|
-
children: /* @__PURE__ */ o(a, {
|
|
22
|
-
hideText: !0,
|
|
23
|
-
icon: r,
|
|
24
|
-
interactive: !0,
|
|
25
|
-
text: "",
|
|
26
|
-
color: m,
|
|
27
|
-
"data-testid": "ai-confidence-badge"
|
|
28
|
-
})
|
|
29
|
-
});
|
|
1
|
+
import { getConfidenceScoreTooltip as e } from "../../../../utils/confidence-score/get-confidence-score-tooltip.js";
|
|
2
|
+
import { Status as t, Tooltip as n } from "@box/blueprint-web";
|
|
3
|
+
import { useIntl as r } from "react-intl";
|
|
4
|
+
import { BoxAiLogo as i } from "@box/blueprint-web-assets/icons/Logo";
|
|
5
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
6
|
+
import { SurfaceStatusSurfaceGray as o } from "@box/blueprint-web-assets/tokens/tokens";
|
|
7
|
+
function s({ confidenceScore: s, className: c }) {
|
|
8
|
+
let { formatMessage: l } = r();
|
|
9
|
+
return s ? /* @__PURE__ */ a(n, {
|
|
10
|
+
content: e(l, s),
|
|
11
|
+
children: /* @__PURE__ */ a(t, {
|
|
12
|
+
hideText: !0,
|
|
13
|
+
icon: i,
|
|
14
|
+
interactive: !0,
|
|
15
|
+
text: "",
|
|
16
|
+
color: o,
|
|
17
|
+
"data-testid": "ai-confidence-badge"
|
|
18
|
+
})
|
|
19
|
+
}) : /* @__PURE__ */ a(i, { className: c });
|
|
30
20
|
}
|
|
31
|
-
export {
|
|
32
|
-
T as AiLogoBadge
|
|
33
|
-
};
|
|
21
|
+
export { s as AiLogoBadge };
|
|
@@ -1,110 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
import A from "clsx";
|
|
4
|
-
import { useIntl as b, FormattedMessage as d } from "react-intl";
|
|
5
|
-
import { C as B } from "../../../../../../chunks/types.js";
|
|
6
|
-
import { s } from "../../../../../../chunks/field-action-bar.module.js";
|
|
7
|
-
import t from "./messages.js";
|
|
8
|
-
import { formatSuggestionValue as T } from "./utils.js";
|
|
9
|
-
import { jsx as e, jsxs as r, Fragment as h } from "react/jsx-runtime";
|
|
10
|
-
import '../../../../../../styles/ai-suggestion-field.css';const _ = "_wrapper_132y2_1", L = "_selectTrigger_132y2_1", f = {
|
|
11
|
-
wrapper: _,
|
|
12
|
-
selectTrigger: L
|
|
13
|
-
};
|
|
14
|
-
function y({
|
|
15
|
-
aiSuggestion: C,
|
|
16
|
-
onAiSuggestionAppend: m,
|
|
17
|
-
onAiSuggestionReplace: l,
|
|
18
|
-
onAiSuggestionIgnore: p,
|
|
19
|
-
type: n,
|
|
20
|
-
isSameValue: M,
|
|
21
|
-
confidenceLevel: o
|
|
22
|
-
}) {
|
|
23
|
-
const a = b(), {
|
|
24
|
-
enableModernizedComponents: I
|
|
25
|
-
} = w(), v = o === B.High ? t.confidenceLevelHigh : t.confidenceLevelLow, u = o ? a.formatMessage(v) : void 0;
|
|
26
|
-
return /* @__PURE__ */ e("div", {
|
|
27
|
-
className: s.wrapperGradient,
|
|
28
|
-
"data-modern": I,
|
|
29
|
-
children: /* @__PURE__ */ e("div", {
|
|
30
|
-
className: A(s.wrapper, f.wrapper),
|
|
31
|
-
children: M ? /* @__PURE__ */ r(h, {
|
|
32
|
-
children: [/* @__PURE__ */ e(g, {
|
|
33
|
-
as: "p",
|
|
34
|
-
color: "textOnLightSecondary",
|
|
35
|
-
variant: "caption",
|
|
36
|
-
children: o ? a.formatMessage(t.sameValueAiSuggestionCaptionWithLevel, {
|
|
37
|
-
level: u
|
|
38
|
-
}) : a.formatMessage(t.sameValueAiSuggestionCaption)
|
|
39
|
-
}), /* @__PURE__ */ e("div", {
|
|
40
|
-
className: s.buttons,
|
|
41
|
-
children: /* @__PURE__ */ e(c, {
|
|
42
|
-
"aria-label": o ? a.formatMessage(t.aiSuggestionAccept) : a.formatMessage(t.aiSuggestionConfirm),
|
|
43
|
-
icon: S,
|
|
44
|
-
onClick: o ? l : p,
|
|
45
|
-
size: "x-small",
|
|
46
|
-
"data-target-id": "IconButton-aiSuggestionAccept|aiSuggestionConfirm"
|
|
47
|
-
})
|
|
48
|
-
})]
|
|
49
|
-
}) : /* @__PURE__ */ r(h, {
|
|
50
|
-
children: [/* @__PURE__ */ r("div", {
|
|
51
|
-
children: [/* @__PURE__ */ e(g, {
|
|
52
|
-
as: "p",
|
|
53
|
-
color: "textOnLightSecondary",
|
|
54
|
-
variant: "caption",
|
|
55
|
-
children: o ? a.formatMessage(t.aiSuggestionCaptionWithLevel, {
|
|
56
|
-
level: u
|
|
57
|
-
}) : a.formatMessage(t.aiSuggestionCaption)
|
|
58
|
-
}), /* @__PURE__ */ e(g, {
|
|
59
|
-
as: "p",
|
|
60
|
-
children: T(C, {
|
|
61
|
-
type: n,
|
|
62
|
-
locale: a.locale
|
|
63
|
-
})
|
|
64
|
-
})]
|
|
65
|
-
}), /* @__PURE__ */ r("div", {
|
|
66
|
-
className: s.buttons,
|
|
67
|
-
children: [/* @__PURE__ */ e(c, {
|
|
68
|
-
"aria-label": a.formatMessage(n === "multiSelect" ? t.aiSuggestionAppend : t.aiSuggestionClearAndReplace),
|
|
69
|
-
"data-target-id": n === "multiSelect" ? "IconButton-aiSuggestionAppend" : "IconButton-aiSuggestionClearAndReplace",
|
|
70
|
-
icon: S,
|
|
71
|
-
onClick: n === "multiSelect" ? m : l,
|
|
72
|
-
size: "x-small"
|
|
73
|
-
}), /* @__PURE__ */ r(i.Root, {
|
|
74
|
-
children: [/* @__PURE__ */ e(i.Trigger, {
|
|
75
|
-
className: f.selectTrigger,
|
|
76
|
-
children: /* @__PURE__ */ e(c, {
|
|
77
|
-
"aria-label": a.formatMessage(t.aiSuggestionOptions),
|
|
78
|
-
icon: x,
|
|
79
|
-
"data-target-id": "IconButton-aiSuggestionOptions"
|
|
80
|
-
})
|
|
81
|
-
}), /* @__PURE__ */ r(i.Content, {
|
|
82
|
-
children: [n === "multiSelect" && /* @__PURE__ */ e(i.Item, {
|
|
83
|
-
onSelect: m,
|
|
84
|
-
"data-target-id": "DropdownMenu.Item-aiSuggestionAppend",
|
|
85
|
-
children: /* @__PURE__ */ e(d, {
|
|
86
|
-
...t.aiSuggestionAppend
|
|
87
|
-
})
|
|
88
|
-
}), /* @__PURE__ */ e(i.Item, {
|
|
89
|
-
onSelect: l,
|
|
90
|
-
"data-target-id": "DropdownMenu.Item-aiSuggestionClearAndReplace",
|
|
91
|
-
children: /* @__PURE__ */ e(d, {
|
|
92
|
-
...t.aiSuggestionClearAndReplace
|
|
93
|
-
})
|
|
94
|
-
}), /* @__PURE__ */ e(i.Separator, {}), /* @__PURE__ */ e(i.Item, {
|
|
95
|
-
onSelect: p,
|
|
96
|
-
"data-target-id": "DropdownMenu.Item-aiSuggestionIgnore",
|
|
97
|
-
children: /* @__PURE__ */ e(d, {
|
|
98
|
-
...t.aiSuggestionIgnore
|
|
99
|
-
})
|
|
100
|
-
})]
|
|
101
|
-
})]
|
|
102
|
-
})]
|
|
103
|
-
})]
|
|
104
|
-
})
|
|
105
|
-
})
|
|
106
|
-
});
|
|
107
|
-
}
|
|
108
|
-
export {
|
|
109
|
-
y as AiSuggestionField
|
|
110
|
-
};
|
|
1
|
+
import { t as e } from "../../../../../../chunks/ai-suggestion-field.js";
|
|
2
|
+
export { e as AiSuggestionField };
|