@box/metadata-editor 2.3.9 → 2.3.10
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/add-metadata-template-dropdown-with-browser.js +1 -34
- package/dist/chunks/ai-suggestion-field.js +1 -100
- package/dist/chunks/autofill-overlay.js +1 -63
- package/dist/chunks/combobox-with-api-pagination.js +1 -161
- package/dist/chunks/custom-instance-new-field.js +1 -60
- package/dist/chunks/custom-instance.js +1 -74
- package/dist/chunks/delete-confirmation-modal.js +1 -76
- package/dist/chunks/field-action-bar.module.js +1 -7
- package/dist/chunks/filter-dropdown-menu.module.js +1 -12
- package/dist/chunks/filter-instances-dropdown.js +1 -84
- package/dist/chunks/interactive-header-text.js +1 -19
- package/dist/chunks/interactive-text.module.js +1 -5
- package/dist/chunks/metadata-editor.js +1 -9
- package/dist/chunks/metadata-instance-content.js +1 -43
- package/dist/chunks/metadata-instance-entry.js +1 -104
- package/dist/chunks/metadata-instance-footer.js +1 -25
- package/dist/chunks/metadata-instance-form-ai-disclaimer.js +1 -28
- package/dist/chunks/metadata-instance-form-autofill-button.js +1 -113
- package/dist/chunks/metadata-instance-form-card-wrapper.js +1 -54
- package/dist/chunks/metadata-instance-form-footer.js +1 -43
- package/dist/chunks/metadata-instance-form-header.js +1 -45
- package/dist/chunks/metadata-instance-header.js +1 -52
- package/dist/chunks/metadata-instance-list.js +1 -20
- package/dist/chunks/metadata-instance.js +1 -60
- package/dist/chunks/shared-field-styles.module.js +1 -6
- package/dist/chunks/taxonomy-ancestor-status-pill.js +1 -90
- package/dist/chunks/types.js +1 -8
- package/dist/chunks/update-mode-field-wrapper.js +1 -80
- package/dist/chunks/utils.js +1 -88
- package/dist/chunks/utils2.js +1 -53
- package/dist/esm/index.js +1 -25
- package/dist/esm/lib/components/add-metadata-template-dropdown/add-metadata-template-dropdown-with-browser.js +1 -2
- package/dist/esm/lib/components/add-metadata-template-dropdown/add-metadata-template-dropdown.js +1 -24
- package/dist/esm/lib/components/add-metadata-template-dropdown/index.js +1 -3
- package/dist/esm/lib/components/add-metadata-template-dropdown/messages.js +1 -20
- package/dist/esm/lib/components/add-metadata-template-dropdown/shared/dropdown-trigger.js +1 -16
- package/dist/esm/lib/components/combobox-with-api-pagination/combobox-with-api-pagination.js +1 -2
- package/dist/esm/lib/components/combobox-with-api-pagination/index.js +1 -2
- package/dist/esm/lib/components/combobox-with-api-pagination/messages.js +1 -32
- package/dist/esm/lib/components/combobox-with-api-pagination/request.js +1 -4
- package/dist/esm/lib/components/combobox-with-api-pagination/use-async-list.js +1 -118
- package/dist/esm/lib/components/combobox-with-api-pagination/utils/is-abort-error.js +1 -11
- package/dist/esm/lib/components/combobox-with-api-pagination/utils/use-controllable-state.js +1 -35
- package/dist/esm/lib/components/combobox-with-api-pagination/utils/use-intersection-observer.js +1 -75
- package/dist/esm/lib/components/filter-dropdown-menu/filter-dropdown-menu-content.js +1 -14
- package/dist/esm/lib/components/filter-dropdown-menu/filter-dropdown-menu-empty-state.js +1 -17
- package/dist/esm/lib/components/filter-dropdown-menu/filter-dropdown-menu-item.js +1 -15
- package/dist/esm/lib/components/filter-dropdown-menu/filter-dropdown-menu-list.js +1 -17
- package/dist/esm/lib/components/filter-dropdown-menu/filter-dropdown-menu-root.js +1 -14
- package/dist/esm/lib/components/filter-dropdown-menu/filter-dropdown-menu-search.js +1 -37
- package/dist/esm/lib/components/filter-dropdown-menu/filter-dropdown-menu-trigger.js +1 -8
- package/dist/esm/lib/components/filter-dropdown-menu/index.js +1 -17
- package/dist/esm/lib/components/filter-dropdown-menu/messages.js +1 -12
- package/dist/esm/lib/components/filter-instances-dropdown/filter-instances-dropdown.js +1 -2
- package/dist/esm/lib/components/filter-instances-dropdown/index.js +1 -2
- package/dist/esm/lib/components/filter-instances-dropdown/messages.js +1 -20
- package/dist/esm/lib/components/interactive-header-text/interactive-header-text.js +1 -2
- package/dist/esm/lib/components/interactive-text/interactive-text.js +1 -18
- package/dist/esm/lib/components/metadata-editor-fields/components/ai-logo-badge/ai-logo-badge.js +1 -36
- package/dist/esm/lib/components/metadata-editor-fields/components/ai-logo-badge/index.js +1 -2
- package/dist/esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/ai-suggestion-field.js +1 -2
- package/dist/esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/index.js +1 -2
- package/dist/esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/messages.js +1 -52
- package/dist/esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/utils.js +1 -13
- package/dist/esm/lib/components/metadata-editor-fields/components/constants.js +1 -2
- package/dist/esm/lib/components/metadata-editor-fields/components/low-confidence-badge/index.js +1 -2
- package/dist/esm/lib/components/metadata-editor-fields/components/low-confidence-badge/low-confidence-badge.js +1 -24
- package/dist/esm/lib/components/metadata-editor-fields/components/low-confidence-suggestion-field/index.js +1 -2
- package/dist/esm/lib/components/metadata-editor-fields/components/low-confidence-suggestion-field/low-confidence-suggestion-field.js +1 -68
- package/dist/esm/lib/components/metadata-editor-fields/components/low-confidence-suggestion-field/messages.js +1 -32
- package/dist/esm/lib/components/metadata-editor-fields/components/metadata-date-field/metadata-date-field.js +1 -44
- package/dist/esm/lib/components/metadata-editor-fields/components/metadata-enum-field/metadata-enum-field.js +1 -48
- package/dist/esm/lib/components/metadata-editor-fields/components/metadata-float-field/metadata-float-field.js +1 -34
- package/dist/esm/lib/components/metadata-editor-fields/components/metadata-float-field/use-float-validation.js +1 -9
- package/dist/esm/lib/components/metadata-editor-fields/components/metadata-multi-select-field/metadata-multi-select-field.js +1 -41
- package/dist/esm/lib/components/metadata-editor-fields/components/metadata-string-field/metadata-string-field.js +1 -29
- package/dist/esm/lib/components/metadata-editor-fields/components/metadata-taxonomy-field/legacy-metadata-taxonomy-field.js +1 -67
- package/dist/esm/lib/components/metadata-editor-fields/components/metadata-taxonomy-field/metadata-taxonomy-field.js +1 -16
- package/dist/esm/lib/components/metadata-editor-fields/components/metadata-taxonomy-field/metadata-taxonomy-picker-field/metadata-taxonomy-picker-field.js +1 -53
- package/dist/esm/lib/components/metadata-editor-fields/components/metadata-taxonomy-field/metadata-taxonomy-picker-field/value-mapping.js +1 -30
- package/dist/esm/lib/components/metadata-editor-fields/components/update-mode-field-wrapper/messages.js +1 -32
- package/dist/esm/lib/components/metadata-editor-fields/components/update-mode-field-wrapper/mulitple-values-utils.js +1 -8
- package/dist/esm/lib/components/metadata-editor-fields/components/update-mode-field-wrapper/update-mode-field-wrapper.js +1 -2
- package/dist/esm/lib/components/metadata-editor-fields/editor-field-types.js +1 -32
- package/dist/esm/lib/components/metadata-editor-fields/hooks/use-memoized-field-label.js +1 -12
- package/dist/esm/lib/components/metadata-editor-fields/hooks/use-review-field-filter.js +1 -36
- package/dist/esm/lib/components/metadata-editor-fields/hooks/use-view-reference-tooltip.js +1 -41
- package/dist/esm/lib/components/metadata-editor-fields/messages.js +1 -12
- package/dist/esm/lib/components/metadata-editor-fields/metadata-editor-field-wrapper.js +1 -189
- package/dist/esm/lib/components/metadata-editor-fields/metadata-editor-fields.js +1 -31
- package/dist/esm/lib/components/metadata-editor-fields/utils.js +1 -2
- package/dist/esm/lib/components/metadata-empty-state/messages.js +1 -44
- package/dist/esm/lib/components/metadata-empty-state/metadata-empty-state.js +1 -47
- package/dist/esm/lib/components/metadata-instance-editor/index.js +1 -9
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/autofill-overlay/autofill-overlay.js +1 -2
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/autofill-overlay/messages.js +1 -40
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/autofill-overlay/useErrorMessaging.js +1 -23
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/custom-instance/custom-instance.js +1 -2
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/custom-instance/messages.js +1 -16
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/custom-instance-new-field/custom-instance-new-field.js +1 -2
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/custom-instance-new-field/messages.js +1 -44
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/delete-confirmation-modal/delete-confirmation-modal.js +1 -2
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/delete-confirmation-modal/messages.js +1 -52
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/constants.js +1 -2
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form-card-wrapper.js +1 -2
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js +1 -136
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/utils.js +1 -2
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-ai-disclaimer/metadata-instance-form-ai-disclaimer.js +1 -2
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-autofill-button/messages.js +1 -24
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js +1 -2
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-footer/messages.js +1 -20
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-footer/metadata-instance-form-footer.js +1 -2
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/messages.js +1 -6
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js +1 -2
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-inline-notice/messages.js +1 -20
- package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-inline-notice/metadata-instance-form-inline-notice.js +1 -31
- package/dist/esm/lib/components/metadata-instance-list/index.js +1 -6
- package/dist/esm/lib/components/metadata-instance-list/metadata-instance-list.js +1 -2
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance/metadata-instance.js +1 -2
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-content/metadata-instance-content.js +1 -2
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/messages.js +1 -6
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/metadata-entry-display.js +1 -15
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/metadata-instance-entry.js +1 -2
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/taxonomy-entry/messages.js +1 -24
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/taxonomy-entry/taxonomy-ancestor-status-pill.js +1 -2
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/taxonomy-entry/taxonomy-value.js +1 -25
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-footer/messages.js +1 -12
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-footer/metadata-instance-footer.js +1 -2
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-header/messages.js +1 -16
- package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.js +1 -2
- package/dist/esm/lib/components/metadata-instance-review-notice/messages.js +1 -32
- package/dist/esm/lib/components/metadata-instance-review-notice/metadata-instance-review-notice.js +1 -24
- package/dist/esm/lib/components/unsaved-changes-modal/index.js +1 -2
- package/dist/esm/lib/components/unsaved-changes-modal/messages.js +1 -24
- package/dist/esm/lib/components/unsaved-changes-modal/unsaved-changes-modal.js +1 -45
- package/dist/esm/lib/components/unsaved-changes-modal/utils.js +1 -4
- package/dist/esm/lib/constants.js +1 -15
- package/dist/esm/lib/defaults.js +1 -16
- package/dist/esm/lib/mappers.js +1 -23
- package/dist/esm/lib/messages.js +1 -129
- package/dist/esm/lib/metadata-editor.js +1 -2
- package/dist/esm/lib/utils/analytics/analytics-context.js +1 -11
- package/dist/esm/lib/utils/analytics/events.js +1 -9
- package/dist/esm/lib/utils/analytics/index.js +1 -4
- package/dist/esm/lib/utils/analytics/with-analytics.js +1 -11
- package/dist/esm/lib/utils/api-wrapper.js +1 -13
- package/dist/esm/lib/utils/autofill-context.js +1 -66
- package/dist/esm/lib/utils/check-if-has-bounding-boxes.js +1 -2
- package/dist/esm/lib/utils/confidence-score/format-confidence-score-percent.js +1 -4
- package/dist/esm/lib/utils/confidence-score/get-confidence-score-tooltip.js +1 -13
- package/dist/esm/lib/utils/confidence-score/get-fields-needing-review.js +1 -6
- package/dist/esm/lib/utils/confidence-score/index.js +1 -5
- package/dist/esm/lib/utils/confidence-score/is-confidence-score-needing-review.js +1 -5
- package/dist/esm/lib/utils/confidence-score/messages.js +1 -16
- package/dist/esm/lib/utils/convertDate.js +1 -24
- package/dist/esm/lib/utils/is-interactive-form-element.js +1 -2
- package/dist/esm/lib/utils/utils.js +1 -4
- package/package.json +13 -13
|
@@ -1,16 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import t from "../messages.js";
|
|
3
|
-
import { useIntl as n } from "react-intl";
|
|
4
|
-
import { jsx as r } from "react/jsx-runtime";
|
|
5
|
-
import { IconButton as i } from "@box/blueprint-web";
|
|
6
|
-
import { Plus as a } from "@box/blueprint-web-assets/icons/Fill";
|
|
7
|
-
function o() {
|
|
8
|
-
let o = n();
|
|
9
|
-
return /* @__PURE__ */ r(e.Trigger, { triggerButton: /* @__PURE__ */ r(i, {
|
|
10
|
-
"aria-label": o.formatMessage(t.addMetadataTemplatesTriggerButtonLabel),
|
|
11
|
-
icon: a,
|
|
12
|
-
size: "x-small",
|
|
13
|
-
"data-target-id": "IconButton-addMetadataTemplatesTriggerButtonLabel"
|
|
14
|
-
}) });
|
|
15
|
-
}
|
|
16
|
-
export { o as DropdownTrigger };
|
|
1
|
+
import{FilterDropdownMenu}from"../../filter-dropdown-menu/index.js";import messages from"../messages.js";import{useIntl}from"react-intl";import{jsx}from"react/jsx-runtime";import{IconButton}from"@box/blueprint-web";import{Plus}from"@box/blueprint-web-assets/icons/Fill";function DropdownTrigger(){let intl=useIntl();return jsx(FilterDropdownMenu.Trigger,{triggerButton:jsx(IconButton,{"aria-label":intl.formatMessage(messages.addMetadataTemplatesTriggerButtonLabel),icon:Plus,size:`x-small`,"data-target-id":`IconButton-addMetadataTemplatesTriggerButtonLabel`})})}export{DropdownTrigger};
|
package/dist/esm/lib/components/combobox-with-api-pagination/combobox-with-api-pagination.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as ComboboxWithApiPagination };
|
|
1
|
+
import{t as ComboboxWithApiPagination}from"../../../../chunks/combobox-with-api-pagination.js";export{ComboboxWithApiPagination};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as ComboboxWithApiPagination };
|
|
1
|
+
import{t as ComboboxWithApiPagination}from"../../../../chunks/combobox-with-api-pagination.js";export{ComboboxWithApiPagination};
|
|
@@ -1,32 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
var t = e({
|
|
3
|
-
loadingResultsErrorAction: {
|
|
4
|
-
id: "comboboxWithApiPagination.errorAction",
|
|
5
|
-
defaultMessage: "Reload"
|
|
6
|
-
},
|
|
7
|
-
loadingResultsErrorMessage: {
|
|
8
|
-
id: "comboboxWithApiPagination.errorMessage",
|
|
9
|
-
defaultMessage: "Failed to load options"
|
|
10
|
-
},
|
|
11
|
-
loadingResultsErrorIconLabel: {
|
|
12
|
-
id: "comboboxWithApiPagination.errorIconLabel",
|
|
13
|
-
defaultMessage: "Error"
|
|
14
|
-
},
|
|
15
|
-
loadingAriaLabel: {
|
|
16
|
-
id: "comboboxWithApiPagination.loadingAriaLabel",
|
|
17
|
-
defaultMessage: "Loading..."
|
|
18
|
-
},
|
|
19
|
-
loadingMoreAriaLabel: {
|
|
20
|
-
id: "comboboxWithApiPagination.loadingMoreAriaLabel",
|
|
21
|
-
defaultMessage: "Loading more..."
|
|
22
|
-
},
|
|
23
|
-
noResults: {
|
|
24
|
-
id: "comboboxWithApiPagination.noResults",
|
|
25
|
-
defaultMessage: "No results found"
|
|
26
|
-
},
|
|
27
|
-
clearButtonAriaLabel: {
|
|
28
|
-
id: "comboboxWithApiPagination.clearButtonAriaLabel",
|
|
29
|
-
defaultMessage: "Clear input and selection"
|
|
30
|
-
}
|
|
31
|
-
});
|
|
32
|
-
export { t as default };
|
|
1
|
+
import{defineMessages}from"react-intl";var messages=defineMessages({loadingResultsErrorAction:{id:`comboboxWithApiPagination.errorAction`,defaultMessage:`Reload`},loadingResultsErrorMessage:{id:`comboboxWithApiPagination.errorMessage`,defaultMessage:`Failed to load options`},loadingResultsErrorIconLabel:{id:`comboboxWithApiPagination.errorIconLabel`,defaultMessage:`Error`},loadingAriaLabel:{id:`comboboxWithApiPagination.loadingAriaLabel`,defaultMessage:`Loading...`},loadingMoreAriaLabel:{id:`comboboxWithApiPagination.loadingMoreAriaLabel`,defaultMessage:`Loading more...`},noResults:{id:`comboboxWithApiPagination.noResults`,defaultMessage:`No results found`},clearButtonAriaLabel:{id:`comboboxWithApiPagination.clearButtonAriaLabel`,defaultMessage:`Clear input and selection`}});export{messages as default};
|
|
@@ -1,4 +1 @@
|
|
|
1
|
-
var
|
|
2
|
-
return e.NOT_STARTED = "NOT_STARTED", e.IN_PROGRESS = "IN_PROGRESS", e.ERROR = "ERROR", e.SUCCESS = "SUCCESS", e.CANCELLED = "CANCELLED", e;
|
|
3
|
-
}({});
|
|
4
|
-
export { e as RequestStates };
|
|
1
|
+
var RequestStates=function(RequestStates){return RequestStates.NOT_STARTED=`NOT_STARTED`,RequestStates.IN_PROGRESS=`IN_PROGRESS`,RequestStates.ERROR=`ERROR`,RequestStates.SUCCESS=`SUCCESS`,RequestStates.CANCELLED=`CANCELLED`,RequestStates}({});export{RequestStates};
|
|
@@ -1,118 +1 @@
|
|
|
1
|
-
import { RequestStates
|
|
2
|
-
import { isAbortError as t } from "./utils/is-abort-error.js";
|
|
3
|
-
import { useReducer as n } from "react";
|
|
4
|
-
function r(t, n) {
|
|
5
|
-
switch (n.type) {
|
|
6
|
-
case "LOAD_MORE": return {
|
|
7
|
-
...t,
|
|
8
|
-
abortController: n.abortController,
|
|
9
|
-
error: null,
|
|
10
|
-
items: [...t.items, ...n.items],
|
|
11
|
-
marker: n.marker,
|
|
12
|
-
requestState: e.SUCCESS
|
|
13
|
-
};
|
|
14
|
-
case "RELOAD": return n.abortController === t.abortController ? {
|
|
15
|
-
...t,
|
|
16
|
-
abortController: null,
|
|
17
|
-
error: null,
|
|
18
|
-
items: [...n.items],
|
|
19
|
-
marker: n.marker,
|
|
20
|
-
requestState: e.SUCCESS,
|
|
21
|
-
searchInput: ""
|
|
22
|
-
} : t;
|
|
23
|
-
case "SEARCH": return {
|
|
24
|
-
...t,
|
|
25
|
-
abortController: n.abortController,
|
|
26
|
-
error: null,
|
|
27
|
-
items: [...n.items],
|
|
28
|
-
marker: n.marker,
|
|
29
|
-
requestState: e.SUCCESS,
|
|
30
|
-
searchInput: n.searchInput ?? t.searchInput
|
|
31
|
-
};
|
|
32
|
-
case "SET_ERROR": return {
|
|
33
|
-
...t,
|
|
34
|
-
items: t.items,
|
|
35
|
-
error: n.error,
|
|
36
|
-
requestState: e.ERROR
|
|
37
|
-
};
|
|
38
|
-
case "SET_LOADING": return {
|
|
39
|
-
...t,
|
|
40
|
-
requestInitiator: n.requestInitiator,
|
|
41
|
-
requestState: e.IN_PROGRESS,
|
|
42
|
-
abortController: n.abortController
|
|
43
|
-
};
|
|
44
|
-
default: throw Error(`Invalid action type "${n.type}"`);
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
function i(t, n) {
|
|
48
|
-
return t.type === "SEARCH" && n.requestState === e.IN_PROGRESS;
|
|
49
|
-
}
|
|
50
|
-
function a(t, n) {
|
|
51
|
-
return n.requestInitiator === "LOAD_MORE" && n.requestState === e.IN_PROGRESS && t.type === "LOAD_MORE";
|
|
52
|
-
}
|
|
53
|
-
function o(e, t) {
|
|
54
|
-
return i(e, t) || a(e, t);
|
|
55
|
-
}
|
|
56
|
-
function s(e, t) {
|
|
57
|
-
i(e, t) && t.abortController.abort(), a(e, t) && e.abortController?.abort();
|
|
58
|
-
}
|
|
59
|
-
function c(e, t) {
|
|
60
|
-
return a(e, t);
|
|
61
|
-
}
|
|
62
|
-
async function l(e, n, r, i) {
|
|
63
|
-
let a = new AbortController();
|
|
64
|
-
if (o(e, r) && s(e, r), !c(e, r)) {
|
|
65
|
-
i({
|
|
66
|
-
type: "SET_LOADING",
|
|
67
|
-
requestInitiator: e.type,
|
|
68
|
-
abortController: a
|
|
69
|
-
});
|
|
70
|
-
try {
|
|
71
|
-
let t = await n({
|
|
72
|
-
items: r.items.slice(),
|
|
73
|
-
signal: a.signal,
|
|
74
|
-
marker: e.type === "LOAD_MORE" ? r.marker : null,
|
|
75
|
-
searchInput: e.searchInput ?? r.searchInput
|
|
76
|
-
}), o = t.searchInput ?? e.searchInput ?? r.searchInput;
|
|
77
|
-
i({
|
|
78
|
-
type: e.type,
|
|
79
|
-
...t,
|
|
80
|
-
searchInput: o,
|
|
81
|
-
abortController: a
|
|
82
|
-
});
|
|
83
|
-
} catch (e) {
|
|
84
|
-
if (t(e)) return;
|
|
85
|
-
i({
|
|
86
|
-
type: "SET_ERROR",
|
|
87
|
-
error: e,
|
|
88
|
-
abortController: a
|
|
89
|
-
});
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
function u(t) {
|
|
94
|
-
let { load: i } = t, [a, o] = n(r, {
|
|
95
|
-
error: null,
|
|
96
|
-
items: [],
|
|
97
|
-
requestInitiator: null,
|
|
98
|
-
requestState: e.NOT_STARTED,
|
|
99
|
-
searchInput: ""
|
|
100
|
-
});
|
|
101
|
-
return {
|
|
102
|
-
hasError: a.requestState === e.ERROR,
|
|
103
|
-
hasNextPage: a.requestState === e.ERROR ? !1 : a.marker != null,
|
|
104
|
-
isEmpty: a.items.length === 0,
|
|
105
|
-
isLoading: a.requestState === e.IN_PROGRESS,
|
|
106
|
-
isReloading: a.requestState === e.IN_PROGRESS && (a.requestInitiator === "RELOAD" || a.requestInitiator === "SEARCH"),
|
|
107
|
-
items: a.items,
|
|
108
|
-
loadMore: () => l({ type: "LOAD_MORE" }, i, a, o),
|
|
109
|
-
reload: () => l({ type: "RELOAD" }, i, a, o),
|
|
110
|
-
requestInitiator: a.requestInitiator,
|
|
111
|
-
searchInput: a.searchInput,
|
|
112
|
-
search: (e) => l({
|
|
113
|
-
type: "SEARCH",
|
|
114
|
-
searchInput: e
|
|
115
|
-
}, i, a, o)
|
|
116
|
-
};
|
|
117
|
-
}
|
|
118
|
-
export { u as useAsyncList };
|
|
1
|
+
import{RequestStates}from"./request.js";import{isAbortError}from"./utils/is-abort-error.js";import{useReducer}from"react";function reducer(data,action){switch(action.type){case`LOAD_MORE`:return{...data,abortController:action.abortController,error:null,items:[...data.items,...action.items],marker:action.marker,requestState:RequestStates.SUCCESS};case`RELOAD`:return action.abortController===data.abortController?{...data,abortController:null,error:null,items:[...action.items],marker:action.marker,requestState:RequestStates.SUCCESS,searchInput:``}:data;case`SEARCH`:return{...data,abortController:action.abortController,error:null,items:[...action.items],marker:action.marker,requestState:RequestStates.SUCCESS,searchInput:action.searchInput??data.searchInput};case`SET_ERROR`:return{...data,items:data.items,error:action.error,requestState:RequestStates.ERROR};case`SET_LOADING`:return{...data,requestInitiator:action.requestInitiator,requestState:RequestStates.IN_PROGRESS,abortController:action.abortController};default:throw Error(`Invalid action type "${action.type}"`)}}function hasPendingSearch(action,data){return action.type===`SEARCH`&&data.requestState===RequestStates.IN_PROGRESS}function hasPendingLoadMore(action,data){return data.requestInitiator===`LOAD_MORE`&&data.requestState===RequestStates.IN_PROGRESS&&action.type===`LOAD_MORE`}function shouldAbort(action,data){return hasPendingSearch(action,data)||hasPendingLoadMore(action,data)}function handleAbort(action,data){hasPendingSearch(action,data)&&data.abortController.abort(),hasPendingLoadMore(action,data)&&action.abortController?.abort()}function shouldPreventDispatch(action,data){return hasPendingLoadMore(action,data)}async function fetchData(action,fn,data,dispatch){let abortController=new AbortController;if(shouldAbort(action,data)&&handleAbort(action,data),!shouldPreventDispatch(action,data)){dispatch({type:`SET_LOADING`,requestInitiator:action.type,abortController});try{let response=await fn({items:data.items.slice(),signal:abortController.signal,marker:action.type===`LOAD_MORE`?data.marker:null,searchInput:action.searchInput??data.searchInput}),searchInput=response.searchInput??action.searchInput??data.searchInput;dispatch({type:action.type,...response,searchInput,abortController})}catch(error){if(isAbortError(error))return;dispatch({type:`SET_ERROR`,error,abortController})}}}function useAsyncList(options){let{load}=options,[data,dispatch]=useReducer(reducer,{error:null,items:[],requestInitiator:null,requestState:RequestStates.NOT_STARTED,searchInput:``});return{hasError:data.requestState===RequestStates.ERROR,hasNextPage:data.requestState===RequestStates.ERROR?!1:data.marker!=null,isEmpty:data.items.length===0,isLoading:data.requestState===RequestStates.IN_PROGRESS,isReloading:data.requestState===RequestStates.IN_PROGRESS&&(data.requestInitiator===`RELOAD`||data.requestInitiator===`SEARCH`),items:data.items,loadMore:()=>fetchData({type:`LOAD_MORE`},load,data,dispatch),reload:()=>fetchData({type:`RELOAD`},load,data,dispatch),requestInitiator:data.requestInitiator,searchInput:data.searchInput,search:searchInput=>fetchData({type:`SEARCH`,searchInput},load,data,dispatch)}}export{useAsyncList};
|
|
@@ -1,11 +1 @@
|
|
|
1
|
-
var
|
|
2
|
-
function t(e) {
|
|
3
|
-
return !!(e && e.__CANCEL__);
|
|
4
|
-
}
|
|
5
|
-
function n(t) {
|
|
6
|
-
return !!(t && typeof t == "object" && t.name === e);
|
|
7
|
-
}
|
|
8
|
-
function r(e) {
|
|
9
|
-
return t(e) || n(e);
|
|
10
|
-
}
|
|
11
|
-
export { r as isAbortError };
|
|
1
|
+
var ABORT_ERROR_NAME=`AbortError`;function isAxiosCancelError(value){return!!(value&&value.__CANCEL__)}function isFetchAbortError(value){return!!(value&&typeof value==`object`&&value.name===ABORT_ERROR_NAME)}function isAbortError(error){return isAxiosCancelError(error)||isFetchAbortError(error)}export{isAbortError};
|
package/dist/esm/lib/components/combobox-with-api-pagination/utils/use-controllable-state.js
CHANGED
|
@@ -1,35 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
function t(t) {
|
|
3
|
-
let n = e.useRef(t);
|
|
4
|
-
return e.useEffect(() => {
|
|
5
|
-
n.current = t;
|
|
6
|
-
}), e.useMemo(() => ((...e) => n.current?.(...e)), []);
|
|
7
|
-
}
|
|
8
|
-
function n({ prop: n, defaultProp: i, onChange: a = () => {} }) {
|
|
9
|
-
let [o, s] = r({
|
|
10
|
-
defaultProp: i,
|
|
11
|
-
onChange: a
|
|
12
|
-
}), c = n !== void 0, l = c ? n : o, u = t(a);
|
|
13
|
-
return [l, e.useCallback((e) => {
|
|
14
|
-
if (c) {
|
|
15
|
-
let t = typeof e == "function" ? e(n) : e;
|
|
16
|
-
t !== n && u(t);
|
|
17
|
-
} else s(e);
|
|
18
|
-
}, [
|
|
19
|
-
c,
|
|
20
|
-
n,
|
|
21
|
-
s,
|
|
22
|
-
u
|
|
23
|
-
])];
|
|
24
|
-
}
|
|
25
|
-
function r({ defaultProp: n, onChange: r }) {
|
|
26
|
-
let i = e.useState(n), [a] = i, o = e.useRef(a), s = t(r);
|
|
27
|
-
return e.useEffect(() => {
|
|
28
|
-
o.current !== a && (s(a), o.current = a);
|
|
29
|
-
}, [
|
|
30
|
-
a,
|
|
31
|
-
o,
|
|
32
|
-
s
|
|
33
|
-
]), i;
|
|
34
|
-
}
|
|
35
|
-
export { n as useControllableState };
|
|
1
|
+
import*as React$1 from"react";function useCallbackRef(callback){let callbackRef=React$1.useRef(callback);return React$1.useEffect(()=>{callbackRef.current=callback}),React$1.useMemo(()=>((...args)=>callbackRef.current?.(...args)),[])}function useControllableState({prop,defaultProp,onChange=()=>{}}){let[uncontrolledProp,setUncontrolledProp]=useUncontrolledState({defaultProp,onChange}),isControlled=prop!==void 0,value=isControlled?prop:uncontrolledProp,handleChange=useCallbackRef(onChange);return[value,React$1.useCallback(nextValue=>{if(isControlled){let internalValue=typeof nextValue==`function`?nextValue(prop):nextValue;internalValue!==prop&&handleChange(internalValue)}else setUncontrolledProp(nextValue)},[isControlled,prop,setUncontrolledProp,handleChange])]}function useUncontrolledState({defaultProp,onChange}){let uncontrolledState=React$1.useState(defaultProp),[value]=uncontrolledState,prevValueRef=React$1.useRef(value),handleChange=useCallbackRef(onChange);return React$1.useEffect(()=>{prevValueRef.current!==value&&(handleChange(value),prevValueRef.current=value)},[value,prevValueRef,handleChange]),uncontrolledState}export{useControllableState};
|
package/dist/esm/lib/components/combobox-with-api-pagination/utils/use-intersection-observer.js
CHANGED
|
@@ -1,75 +1 @@
|
|
|
1
|
-
import {
|
|
2
|
-
var r = "0px", i = [0];
|
|
3
|
-
function a() {
|
|
4
|
-
let e = /* @__PURE__ */ new Map();
|
|
5
|
-
function t({ root: t, rootMargin: n, threshold: r }) {
|
|
6
|
-
let i = e.get(t);
|
|
7
|
-
i || (i = /* @__PURE__ */ new Map(), e.set(t, i));
|
|
8
|
-
let a = JSON.stringify({
|
|
9
|
-
rootMargin: n,
|
|
10
|
-
threshold: r
|
|
11
|
-
}), o = i.get(a);
|
|
12
|
-
if (!o) {
|
|
13
|
-
let e = /* @__PURE__ */ new Map();
|
|
14
|
-
o = {
|
|
15
|
-
observer: new IntersectionObserver((t) => {
|
|
16
|
-
t.forEach((t) => {
|
|
17
|
-
e.get(t.target)?.(t);
|
|
18
|
-
});
|
|
19
|
-
}, {
|
|
20
|
-
root: t,
|
|
21
|
-
rootMargin: n,
|
|
22
|
-
threshold: r
|
|
23
|
-
}),
|
|
24
|
-
entryCallbacks: e
|
|
25
|
-
}, i.set(a, o);
|
|
26
|
-
}
|
|
27
|
-
return {
|
|
28
|
-
observe: (e, t) => {
|
|
29
|
-
o?.entryCallbacks.set(e, t), o?.observer.observe(e);
|
|
30
|
-
},
|
|
31
|
-
unobserve: (e) => {
|
|
32
|
-
o?.entryCallbacks.delete(e), o?.observer.unobserve(e);
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
}
|
|
36
|
-
return { getObserver: t };
|
|
37
|
-
}
|
|
38
|
-
var o = a();
|
|
39
|
-
function s(a) {
|
|
40
|
-
let s = a?.rootMargin ?? r, c = a?.threshold ?? i, l = t(null), u = t(null), d = t(null), [f, p] = n(), m = e(() => {
|
|
41
|
-
let e = l.current;
|
|
42
|
-
if (!e) {
|
|
43
|
-
p(void 0);
|
|
44
|
-
return;
|
|
45
|
-
}
|
|
46
|
-
let t = o.getObserver({
|
|
47
|
-
root: u.current,
|
|
48
|
-
rootMargin: s,
|
|
49
|
-
threshold: c
|
|
50
|
-
});
|
|
51
|
-
t.observe(e, (e) => {
|
|
52
|
-
p(e);
|
|
53
|
-
}), d.current = t;
|
|
54
|
-
}, [s, c]), h = e(() => {
|
|
55
|
-
let e = d.current, t = l.current;
|
|
56
|
-
t && e?.unobserve(t), d.current = null;
|
|
57
|
-
}, []);
|
|
58
|
-
return [e((e) => {
|
|
59
|
-
h(), l.current = e, m();
|
|
60
|
-
}, [m, h]), {
|
|
61
|
-
entry: f,
|
|
62
|
-
rootRef: e((e) => {
|
|
63
|
-
h(), u.current = e, m();
|
|
64
|
-
}, [m, h])
|
|
65
|
-
}];
|
|
66
|
-
}
|
|
67
|
-
function c(e) {
|
|
68
|
-
let [t, r] = s(e), i = !!r.entry?.isIntersecting, [a, o] = n(i);
|
|
69
|
-
return i && !a && o(!0), [t, {
|
|
70
|
-
...r,
|
|
71
|
-
isVisible: i,
|
|
72
|
-
wasEverVisible: a
|
|
73
|
-
}];
|
|
74
|
-
}
|
|
75
|
-
export { a as createObserverCache, c as useTrackVisibility };
|
|
1
|
+
import{useCallback,useRef,useState}from"react";var DEFAULT_ROOT_MARGIN=`0px`,DEFAULT_THRESHOLD=[0];function createObserverCache(){let cachesByRoot=new Map;function getObserver({root,rootMargin,threshold}){let cacheByRoot=cachesByRoot.get(root);cacheByRoot||(cacheByRoot=new Map,cachesByRoot.set(root,cacheByRoot));let cacheKey=JSON.stringify({rootMargin,threshold}),cachedObserver=cacheByRoot.get(cacheKey);if(!cachedObserver){let entryCallbacks=new Map;cachedObserver={observer:new IntersectionObserver(entries=>{entries.forEach(entry=>{entryCallbacks.get(entry.target)?.(entry)})},{root,rootMargin,threshold}),entryCallbacks},cacheByRoot.set(cacheKey,cachedObserver)}return{observe:(node,callback)=>{cachedObserver?.entryCallbacks.set(node,callback),cachedObserver?.observer.observe(node)},unobserve:node=>{cachedObserver?.entryCallbacks.delete(node),cachedObserver?.observer.unobserve(node)}}}return{getObserver}}var observerCache=createObserverCache();function useIntersectionObserver(args){let rootMargin=args?.rootMargin??DEFAULT_ROOT_MARGIN,threshold=args?.threshold??DEFAULT_THRESHOLD,nodeRef=useRef(null),rootRef=useRef(null),observerRef=useRef(null),[entry,setEntry]=useState(),observe=useCallback(()=>{let node=nodeRef.current;if(!node){setEntry(void 0);return}let observer=observerCache.getObserver({root:rootRef.current,rootMargin,threshold});observer.observe(node,observedEntry=>{setEntry(observedEntry)}),observerRef.current=observer},[rootMargin,threshold]),unobserve=useCallback(()=>{let currentObserver=observerRef.current,node=nodeRef.current;node&¤tObserver?.unobserve(node),observerRef.current=null},[]);return[useCallback(node=>{unobserve(),nodeRef.current=node,observe()},[observe,unobserve]),{entry,rootRef:useCallback(rootNode=>{unobserve(),rootRef.current=rootNode,observe()},[observe,unobserve])}]}function useTrackVisibility(args){let[ref,result]=useIntersectionObserver(args),isVisible=!!result.entry?.isIntersecting,[wasEverVisible,setWasEverVisible]=useState(isVisible);return isVisible&&!wasEverVisible&&setWasEverVisible(!0),[ref,{...result,isVisible,wasEverVisible}]}export{createObserverCache,useTrackVisibility};
|
|
@@ -1,14 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Menu as t } from "@ariakit/react";
|
|
3
|
-
import { jsx as n } from "react/jsx-runtime";
|
|
4
|
-
var r = (r) => {
|
|
5
|
-
let { children: i, ...a } = r;
|
|
6
|
-
return /* @__PURE__ */ n(t, {
|
|
7
|
-
...a,
|
|
8
|
-
className: e.content,
|
|
9
|
-
hideOnHoverOutside: !0,
|
|
10
|
-
children: i
|
|
11
|
-
});
|
|
12
|
-
};
|
|
13
|
-
r.displayName = "FilterDropdownMenuContent";
|
|
14
|
-
export { r as FilterDropdownMenuContent };
|
|
1
|
+
import{t as filter_dropdown_menu_module_default}from"../../../../chunks/filter-dropdown-menu.module.js";import{Menu}from"@ariakit/react";import{jsx}from"react/jsx-runtime";var FilterDropdownMenuContent=props=>{let{children,...rest}=props;return jsx(Menu,{...rest,className:filter_dropdown_menu_module_default.content,hideOnHoverOutside:!0,children})};FilterDropdownMenuContent.displayName=`FilterDropdownMenuContent`;export{FilterDropdownMenuContent};
|
|
@@ -1,17 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import t from "./messages.js";
|
|
3
|
-
import { useIntl as n } from "react-intl";
|
|
4
|
-
import { jsx as r } from "react/jsx-runtime";
|
|
5
|
-
import { Text as i } from "@box/blueprint-web";
|
|
6
|
-
var a = () => {
|
|
7
|
-
let a = n().formatMessage(t.noResultsFound);
|
|
8
|
-
return /* @__PURE__ */ r(i, {
|
|
9
|
-
as: "p",
|
|
10
|
-
className: e.item,
|
|
11
|
-
color: "textOnLightSecondary",
|
|
12
|
-
variant: "bodyDefault",
|
|
13
|
-
children: a
|
|
14
|
-
});
|
|
15
|
-
};
|
|
16
|
-
a.displayName = "FilterDropdownMenuEmptyState";
|
|
17
|
-
export { a as FilterDropdownMenuEmptyState, a as default };
|
|
1
|
+
import{t as filter_dropdown_menu_module_default}from"../../../../chunks/filter-dropdown-menu.module.js";import messages from"./messages.js";import{useIntl}from"react-intl";import{jsx}from"react/jsx-runtime";import{Text}from"@box/blueprint-web";var FilterDropdownMenuEmptyState=()=>{let noResultMessage=useIntl().formatMessage(messages.noResultsFound);return jsx(Text,{as:`p`,className:filter_dropdown_menu_module_default.item,color:`textOnLightSecondary`,variant:`bodyDefault`,children:noResultMessage})};FilterDropdownMenuEmptyState.displayName=`FilterDropdownMenuEmptyState`;export{FilterDropdownMenuEmptyState,FilterDropdownMenuEmptyState as default};
|
|
@@ -1,15 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { ComboboxItem as t } from "@ariakit/react";
|
|
3
|
-
import { jsx as n } from "react/jsx-runtime";
|
|
4
|
-
import r from "clsx";
|
|
5
|
-
var i = (i) => {
|
|
6
|
-
let { children: a, ...o } = i;
|
|
7
|
-
return /* @__PURE__ */ n(t, {
|
|
8
|
-
...o,
|
|
9
|
-
className: r(e.item, e.option),
|
|
10
|
-
focusOnHover: !0,
|
|
11
|
-
setValueOnClick: !1
|
|
12
|
-
});
|
|
13
|
-
};
|
|
14
|
-
i.displayName = "FilterDropdownMenuItem";
|
|
15
|
-
export { i as FilterDropdownMenuItem };
|
|
1
|
+
import{t as filter_dropdown_menu_module_default}from"../../../../chunks/filter-dropdown-menu.module.js";import{ComboboxItem}from"@ariakit/react";import{jsx}from"react/jsx-runtime";import clsx from"clsx";var FilterDropdownMenuItem=props=>{let{children,...rest}=props;return jsx(ComboboxItem,{...rest,className:clsx(filter_dropdown_menu_module_default.item,filter_dropdown_menu_module_default.option),focusOnHover:!0,setValueOnClick:!1})};FilterDropdownMenuItem.displayName=`FilterDropdownMenuItem`;export{FilterDropdownMenuItem};
|
|
@@ -1,17 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { ComboboxList as t } from "@ariakit/react";
|
|
3
|
-
import { jsx as n } from "react/jsx-runtime";
|
|
4
|
-
import { ScrollableContainer as r } from "@box/blueprint-web";
|
|
5
|
-
var i = (i) => {
|
|
6
|
-
let { children: a, ...o } = i;
|
|
7
|
-
return /* @__PURE__ */ n(t, {
|
|
8
|
-
className: e.comboboxList,
|
|
9
|
-
...o,
|
|
10
|
-
children: /* @__PURE__ */ n(r, {
|
|
11
|
-
className: e.scrollableContainer,
|
|
12
|
-
children: a
|
|
13
|
-
})
|
|
14
|
-
});
|
|
15
|
-
};
|
|
16
|
-
i.displayName = "FilterDropdownMenuList";
|
|
17
|
-
export { i as FilterDropdownMenuList };
|
|
1
|
+
import{t as filter_dropdown_menu_module_default}from"../../../../chunks/filter-dropdown-menu.module.js";import{ComboboxList}from"@ariakit/react";import{jsx}from"react/jsx-runtime";import{ScrollableContainer}from"@box/blueprint-web";var FilterDropdownMenuList=props=>{let{children,...rest}=props;return jsx(ComboboxList,{className:filter_dropdown_menu_module_default.comboboxList,...rest,children:jsx(ScrollableContainer,{className:filter_dropdown_menu_module_default.scrollableContainer,children})})};FilterDropdownMenuList.displayName=`FilterDropdownMenuList`;export{FilterDropdownMenuList};
|
|
@@ -1,14 +1 @@
|
|
|
1
|
-
import
|
|
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
|
-
});
|
|
12
|
-
};
|
|
13
|
-
r.displayName = "FilterDropdownMenuRoot";
|
|
14
|
-
export { r as FilterDropdownMenuRoot };
|
|
1
|
+
import{ComboboxProvider,MenuProvider}from"@ariakit/react";import{jsx}from"react/jsx-runtime";var FilterDropdownMenuRoot=props=>{let{children,...rest}=props;return jsx(ComboboxProvider,{...rest,children:jsx(MenuProvider,{focusLoop:!1,children})})};FilterDropdownMenuRoot.displayName=`FilterDropdownMenuRoot`;export{FilterDropdownMenuRoot};
|
|
@@ -1,37 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import t from "./messages.js";
|
|
3
|
-
import { useIntl as n } from "react-intl";
|
|
4
|
-
import { Combobox as r, ComboboxCancel as i } from "@ariakit/react";
|
|
5
|
-
import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
6
|
-
import { Divider as c, IconButton as l } from "@box/blueprint-web";
|
|
7
|
-
import { Search as u, XMark as d } from "@box/blueprint-web-assets/icons/Fill";
|
|
8
|
-
import { IconCtaIcon as f, IconIconOnLightSecondary as p } from "@box/blueprint-web-assets/tokens/tokens";
|
|
9
|
-
var m = () => /* @__PURE__ */ o(d, { role: "presentation" }), h = (d) => {
|
|
10
|
-
let { ...h } = d, g = n().formatMessage(t.cancelButtonAriaLabel);
|
|
11
|
-
return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s("div", {
|
|
12
|
-
className: e.search,
|
|
13
|
-
children: [
|
|
14
|
-
/* @__PURE__ */ o(u, {
|
|
15
|
-
className: e.searchIcon,
|
|
16
|
-
color: p,
|
|
17
|
-
role: "presentation"
|
|
18
|
-
}),
|
|
19
|
-
/* @__PURE__ */ o(r, {
|
|
20
|
-
"aria-haspopup": "false",
|
|
21
|
-
autoSelect: !0,
|
|
22
|
-
className: e.searchInput,
|
|
23
|
-
...h
|
|
24
|
-
}),
|
|
25
|
-
/* @__PURE__ */ o(i, { render: /* @__PURE__ */ o(l, {
|
|
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__ */ o(c, { className: e.searchDivider })] });
|
|
35
|
-
};
|
|
36
|
-
h.displayName = "FilterDropdownMenuItem";
|
|
37
|
-
export { h as FilterDropdownMenuSearch };
|
|
1
|
+
import{t as filter_dropdown_menu_module_default}from"../../../../chunks/filter-dropdown-menu.module.js";import messages from"./messages.js";import{useIntl}from"react-intl";import{Combobox,ComboboxCancel}from"@ariakit/react";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{Divider,IconButton}from"@box/blueprint-web";import{Search,XMark}from"@box/blueprint-web-assets/icons/Fill";import{IconCtaIcon,IconIconOnLightSecondary}from"@box/blueprint-web-assets/tokens/tokens";var AccessibleXMark=()=>jsx(XMark,{role:`presentation`}),FilterDropdownMenuSearch=props=>{let{...rest}=props,cancelButtonAriaLabel=useIntl().formatMessage(messages.cancelButtonAriaLabel);return jsxs(Fragment,{children:[jsxs(`div`,{className:filter_dropdown_menu_module_default.search,children:[jsx(Search,{className:filter_dropdown_menu_module_default.searchIcon,color:IconIconOnLightSecondary,role:`presentation`}),jsx(Combobox,{"aria-haspopup":`false`,autoSelect:!0,className:filter_dropdown_menu_module_default.searchInput,...rest}),jsx(ComboboxCancel,{render:jsx(IconButton,{"aria-label":cancelButtonAriaLabel,className:filter_dropdown_menu_module_default.clearSearchIcon,color:IconCtaIcon,icon:AccessibleXMark,size:`x-small`,"data-target-id":`IconButton-cancelButtonAriaLabel`})})]}),jsx(Divider,{className:filter_dropdown_menu_module_default.searchDivider})]})};FilterDropdownMenuSearch.displayName=`FilterDropdownMenuItem`;export{FilterDropdownMenuSearch};
|
|
@@ -1,8 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { jsx as t } from "react/jsx-runtime";
|
|
3
|
-
var n = ({ triggerButton: n, ...r }) => /* @__PURE__ */ t(e, {
|
|
4
|
-
...r,
|
|
5
|
-
render: n
|
|
6
|
-
});
|
|
7
|
-
n.displayName = "FilterDropdownMenuTrigger";
|
|
8
|
-
export { n as FilterDropdownMenuTrigger };
|
|
1
|
+
import{MenuButton}from"@ariakit/react";import{jsx}from"react/jsx-runtime";var FilterDropdownMenuTrigger=({triggerButton,...rest})=>jsx(MenuButton,{...rest,render:triggerButton});FilterDropdownMenuTrigger.displayName=`FilterDropdownMenuTrigger`;export{FilterDropdownMenuTrigger};
|
|
@@ -1,17 +1 @@
|
|
|
1
|
-
import
|
|
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
|
|
16
|
-
};
|
|
17
|
-
export { s as FilterDropdownMenu };
|
|
1
|
+
import{FilterDropdownMenuContent}from"./filter-dropdown-menu-content.js";import{FilterDropdownMenuItem}from"./filter-dropdown-menu-item.js";import{FilterDropdownMenuList}from"./filter-dropdown-menu-list.js";import{FilterDropdownMenuRoot}from"./filter-dropdown-menu-root.js";import{FilterDropdownMenuSearch}from"./filter-dropdown-menu-search.js";import{FilterDropdownMenuTrigger}from"./filter-dropdown-menu-trigger.js";import{FilterDropdownMenuEmptyState}from"./filter-dropdown-menu-empty-state.js";var FilterDropdownMenu={Root:FilterDropdownMenuRoot,Trigger:FilterDropdownMenuTrigger,Content:FilterDropdownMenuContent,Item:FilterDropdownMenuItem,List:FilterDropdownMenuList,Search:FilterDropdownMenuSearch,EmptyState:FilterDropdownMenuEmptyState};export{FilterDropdownMenu};
|
|
@@ -1,12 +1 @@
|
|
|
1
|
-
import
|
|
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
|
-
});
|
|
12
|
-
export { t as default };
|
|
1
|
+
import{defineMessages}from"react-intl";var messages=defineMessages({cancelButtonAriaLabel:{id:`metadataEditor.filterDropdownMenuSearch.iconButtonAriaLabel`,defaultMessage:`Clear search`},noResultsFound:{id:`metadataEditor.filterDropdownMenuSearch.noResultsFound`,defaultMessage:`No results found`}});export{messages as default};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as FilterInstancesDropdown };
|
|
1
|
+
import{t as FilterInstancesDropdown}from"../../../../chunks/filter-instances-dropdown.js";export{FilterInstancesDropdown};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as FilterInstancesDropdown };
|
|
1
|
+
import{t as FilterInstancesDropdown}from"../../../../chunks/filter-instances-dropdown.js";export{FilterInstancesDropdown};
|
|
@@ -1,20 +1 @@
|
|
|
1
|
-
import
|
|
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
|
-
});
|
|
20
|
-
export { t as default };
|
|
1
|
+
import{defineMessages}from"react-intl";var messages=defineMessages({customMetadataName:{id:`metadataEditor.filterInstancesDropdown.customMetadataName`,defaultMessage:`Custom Metadata`},allTemplatesTriggerButtonText:{id:`metadataEditor.filterInstancesDropdown.triggerButton.allTemplates`,defaultMessage:`All Templates`},selectedTemplatesTriggerButtonText:{id:`metadataEditor.filterInstancesDropdown.triggerButton.selectedTemplates`,defaultMessage:`{selectedTemplatesNumber} of {visibleTemplatesNumber} Templates`},detailsTextAriaLabel:{id:`metadataEditor.filterInstancesDropdown.detailsTextAriaLabel`,defaultMessage:`Aria label for subtitle with filtering details. Informs user which templates were chosen.`}});export{messages as default};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as default };
|
|
1
|
+
import{t as InteractiveHeaderText}from"../../../../chunks/interactive-header-text.js";export{InteractiveHeaderText as default};
|
|
@@ -1,18 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Focusable as t } from "@ariakit/react";
|
|
3
|
-
import { jsx as n } from "react/jsx-runtime";
|
|
4
|
-
import r from "clsx";
|
|
5
|
-
import { Text as i, Tooltip as a } from "@box/blueprint-web";
|
|
6
|
-
var o = ({ tooltipText: o, className: s, children: c, ...l }) => {
|
|
7
|
-
let { as: u = "span" } = l;
|
|
8
|
-
return /* @__PURE__ */ n(a, {
|
|
9
|
-
content: o,
|
|
10
|
-
children: /* @__PURE__ */ n(t, { render: /* @__PURE__ */ n(i, {
|
|
11
|
-
as: u,
|
|
12
|
-
className: r(e.interactiveText, s),
|
|
13
|
-
...l,
|
|
14
|
-
children: c
|
|
15
|
-
}) })
|
|
16
|
-
});
|
|
17
|
-
};
|
|
18
|
-
export { o as default };
|
|
1
|
+
import{t as interactive_text_module_default}from"../../../../chunks/interactive-text.module.js";import{Focusable}from"@ariakit/react";import{jsx}from"react/jsx-runtime";import clsx from"clsx";import{Text,Tooltip}from"@box/blueprint-web";var InteractiveText=({tooltipText,className,children,...props})=>{let{as=`span`}=props;return jsx(Tooltip,{content:tooltipText,children:jsx(Focusable,{render:jsx(Text,{as,className:clsx(interactive_text_module_default.interactiveText,className),...props,children})})})};export{InteractiveText as default};
|
package/dist/esm/lib/components/metadata-editor-fields/components/ai-logo-badge/ai-logo-badge.js
CHANGED
|
@@ -1,36 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { useMetadataEditorAnalytics as t } from "../../../../utils/analytics/analytics-context.js";
|
|
3
|
-
import { getConfidenceScoreTooltip as n } from "../../../../utils/confidence-score/get-confidence-score-tooltip.js";
|
|
4
|
-
import r from "../../messages.js";
|
|
5
|
-
import { useIntl as i } from "react-intl";
|
|
6
|
-
import { BoxAiLogo as a } from "@box/blueprint-web-assets/icons/Logo";
|
|
7
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
8
|
-
import { Status as s, Tooltip as c } from "@box/blueprint-web";
|
|
9
|
-
import { SurfaceStatusSurfaceGray as l } from "@box/blueprint-web-assets/tokens/tokens";
|
|
10
|
-
function u({ confidenceScore: u }) {
|
|
11
|
-
let { formatMessage: d } = i(), { trackEvent: f } = t(), p = () => f(e.AI_LOGO_BADGE_HOVER, { confidenceLevel: u?.level });
|
|
12
|
-
return u ? /* @__PURE__ */ o(c, {
|
|
13
|
-
content: n(d, u),
|
|
14
|
-
children: /* @__PURE__ */ o(s, {
|
|
15
|
-
hideText: !0,
|
|
16
|
-
icon: a,
|
|
17
|
-
interactive: !0,
|
|
18
|
-
text: "",
|
|
19
|
-
color: l,
|
|
20
|
-
"data-testid": "ai-confidence-badge",
|
|
21
|
-
onMouseEnter: p
|
|
22
|
-
})
|
|
23
|
-
}) : /* @__PURE__ */ o(c, {
|
|
24
|
-
content: d(r.aiExtractedBadgeTooltip),
|
|
25
|
-
children: /* @__PURE__ */ o(s, {
|
|
26
|
-
hideText: !0,
|
|
27
|
-
icon: a,
|
|
28
|
-
interactive: !0,
|
|
29
|
-
text: "",
|
|
30
|
-
color: l,
|
|
31
|
-
"data-testid": "ai-extracted-badge",
|
|
32
|
-
onMouseEnter: p
|
|
33
|
-
})
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
export { u as AiLogoBadge };
|
|
1
|
+
import{EVENT_NAMES}from"../../../../utils/analytics/events.js";import{useMetadataEditorAnalytics}from"../../../../utils/analytics/analytics-context.js";import{getConfidenceScoreTooltip}from"../../../../utils/confidence-score/get-confidence-score-tooltip.js";import messages_default from"../../messages.js";import{useIntl}from"react-intl";import{BoxAiLogo}from"@box/blueprint-web-assets/icons/Logo";import{jsx}from"react/jsx-runtime";import{Status,Tooltip}from"@box/blueprint-web";import{SurfaceStatusSurfaceGray}from"@box/blueprint-web-assets/tokens/tokens";function AiLogoBadge({confidenceScore}){let{formatMessage}=useIntl(),{trackEvent}=useMetadataEditorAnalytics(),handleHover=()=>trackEvent(EVENT_NAMES.AI_LOGO_BADGE_HOVER,{confidenceLevel:confidenceScore?.level});return confidenceScore?jsx(Tooltip,{content:getConfidenceScoreTooltip(formatMessage,confidenceScore),children:jsx(Status,{hideText:!0,icon:BoxAiLogo,interactive:!0,text:``,color:SurfaceStatusSurfaceGray,"data-testid":`ai-confidence-badge`,onMouseEnter:handleHover})}):jsx(Tooltip,{content:formatMessage(messages_default.aiExtractedBadgeTooltip),children:jsx(Status,{hideText:!0,icon:BoxAiLogo,interactive:!0,text:``,color:SurfaceStatusSurfaceGray,"data-testid":`ai-extracted-badge`,onMouseEnter:handleHover})})}export{AiLogoBadge};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as AiLogoBadge };
|
|
1
|
+
import{AiLogoBadge}from"./ai-logo-badge.js";export{AiLogoBadge};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as AiSuggestionField };
|
|
1
|
+
import{t as AiSuggestionField}from"../../../../../../chunks/ai-suggestion-field.js";export{AiSuggestionField};
|
package/dist/esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/index.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as AiSuggestionField };
|
|
1
|
+
import{t as AiSuggestionField}from"../../../../../../chunks/ai-suggestion-field.js";export{AiSuggestionField};
|