@box/combobox-with-api 2.1.34 → 2.1.35
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.
|
@@ -11,13 +11,12 @@ import { forwardRef as h, useCallback as g, useEffect as _, useMemo as v, useRef
|
|
|
11
11
|
import { FormattedMessage as x, useIntl as S } from "react-intl";
|
|
12
12
|
import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
|
|
13
13
|
import '../styles/combobox-with-api-pagination.css';var E = {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
errorComboboxOptionText: "_errorComboboxOptionText_tudii_88"
|
|
14
|
+
disabled: "_disabled_9lkdk_27",
|
|
15
|
+
highlightOptionText: "_highlightOptionText_9lkdk_31",
|
|
16
|
+
selected: "_selected_9lkdk_53",
|
|
17
|
+
option: "_option_9lkdk_73",
|
|
18
|
+
errorComboboxOption: "_errorComboboxOption_9lkdk_77",
|
|
19
|
+
errorComboboxOptionText: "_errorComboboxOptionText_9lkdk_82"
|
|
21
20
|
}, D = /*#__PURE__*/ h(({ onTryAgain: t }, n) => {
|
|
22
21
|
let { formatMessage: r } = S();
|
|
23
22
|
return /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(a, {
|
|
@@ -5,26 +5,19 @@ import { forwardRef as s, useCallback as c, useEffect as l, useMemo as u, useRed
|
|
|
5
5
|
import { jsx as p, jsxs as m } from "react/jsx-runtime";
|
|
6
6
|
import { InlineError as h, Tree as g } from "@box/tree";
|
|
7
7
|
import '../styles/dynamic-loading-tree.css';var _ = {
|
|
8
|
-
container: "
|
|
9
|
-
disabled: "
|
|
10
|
-
label: "
|
|
11
|
-
hiddenLabel: "
|
|
12
|
-
comboboxContainer: "
|
|
13
|
-
withComboboxButtons: "
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
popover: "_popover_sn4qd_176",
|
|
22
|
-
option: "_option_sn4qd_214",
|
|
23
|
-
indicator: "_indicator_sn4qd_237",
|
|
24
|
-
indicatorIcon: "_indicatorIcon_sn4qd_246",
|
|
25
|
-
optionWithIndicator: "_optionWithIndicator_sn4qd_249",
|
|
26
|
-
loadingIndicator: "_loadingIndicator_sn4qd_252",
|
|
27
|
-
noResultOption: "_noResultOption_sn4qd_255"
|
|
8
|
+
container: "_container_ajuss_27",
|
|
9
|
+
disabled: "_disabled_ajuss_50",
|
|
10
|
+
label: "_label_ajuss_53",
|
|
11
|
+
hiddenLabel: "_hiddenLabel_ajuss_77",
|
|
12
|
+
comboboxContainer: "_comboboxContainer_ajuss_80",
|
|
13
|
+
withComboboxButtons: "_withComboboxButtons_ajuss_96",
|
|
14
|
+
textInputWrapper: "_textInputWrapper_ajuss_118",
|
|
15
|
+
textInput: "_textInput_ajuss_118",
|
|
16
|
+
comboboxButtons: "_comboboxButtons_ajuss_152",
|
|
17
|
+
withChips: "_withChips_ajuss_159",
|
|
18
|
+
popover: "_popover_ajuss_167",
|
|
19
|
+
loadingIndicator: "_loadingIndicator_ajuss_205",
|
|
20
|
+
noResultOption: "_noResultOption_ajuss_208"
|
|
28
21
|
}, v = (e) => {
|
|
29
22
|
let t = [...e.children], { metadata: n } = e;
|
|
30
23
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._disabled_9lkdk_27._disabled_9lkdk_27{opacity:unset}._highlightOptionText_9lkdk_31 [data-user-value]{font-weight:var(--bp-font-weight-bold);font-size:var(--bp-font-size-05);font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;font-style:normal;line-height:var(--bp-font-line-height-04);letter-spacing:var(--bp-font-letter-spacing-01)}:where(body.is-inter-font) ._highlightOptionText_9lkdk_31 [data-user-value]{letter-spacing:0;text-transform:none;font-family:InterVariable,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:.875rem;font-style:normal;font-weight:600;line-height:1.25rem;text-decoration:none}._highlightOptionText_9lkdk_31 [data-autocomplete-value]{color:var(--text-text-on-light-secondary)}._highlightOptionText_9lkdk_31._selected_9lkdk_53,._highlightOptionText_9lkdk_31._selected_9lkdk_53 span{color:var(--text-text-on-light);font-weight:var(--bp-font-weight-bold);font-size:var(--bp-font-size-05);font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;font-style:normal;line-height:var(--bp-font-line-height-04);letter-spacing:var(--bp-font-letter-spacing-01)}:where(body.is-inter-font) ._highlightOptionText_9lkdk_31._selected_9lkdk_53,:where(body.is-inter-font) ._highlightOptionText_9lkdk_31._selected_9lkdk_53 span{letter-spacing:0;text-transform:none;font-family:InterVariable,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:.875rem;font-style:normal;font-weight:600;line-height:1.25rem;text-decoration:none}._option_9lkdk_73:nth-last-child(1 of ._option_9lkdk_73){scroll-margin-block-end:var(--space-12)}._errorComboboxOption_9lkdk_77[role=option]{justify-content:center;align-items:center;display:flex}._errorComboboxOption_9lkdk_77[role=option] ._errorComboboxOptionText_9lkdk_82{gap:var(--space-1);align-items:center;display:flex}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_ajuss_27{font-weight:var(--bp-font-weight-regular);font-size:var(--bp-font-size-05);font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;font-style:normal;line-height:var(--bp-font-line-height-04);letter-spacing:var(--bp-font-letter-spacing-01)}:where(body.is-inter-font) ._container_ajuss_27{letter-spacing:0;text-transform:none;font-family:InterVariable,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:.875rem;font-style:normal;font-weight:450;line-height:1.25rem;text-decoration:none}._container_ajuss_27{flex-direction:column;display:flex}._container_ajuss_27._disabled_ajuss_50{opacity:.6}._container_ajuss_27 ._label_ajuss_53{font-weight:var(--bp-font-weight-bold);font-size:var(--bp-font-size-05);font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;font-style:normal;line-height:var(--bp-font-line-height-04);letter-spacing:var(--bp-font-letter-spacing-01)}:where(body.is-inter-font) ._container_ajuss_27 ._label_ajuss_53{letter-spacing:0;text-transform:none;font-family:InterVariable,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:.875rem;font-style:normal;font-weight:600;line-height:1.25rem;text-decoration:none}._container_ajuss_27 ._label_ajuss_53{flex:0 0 fit-content;color:var(--text-text-on-light);overflow-wrap:break-word}._container_ajuss_27 ._label_ajuss_53:not(._hiddenLabel_ajuss_77){margin-block-end:var(--space-2)}._container_ajuss_27 ._comboboxContainer_ajuss_80{gap:var(--space-2);background-color:var(--surface-dropdown-surface);border-top:var(--blueprint-combobox-border-top-width,var(--border-1)) solid var(--blueprint-combobox-border-color,var(--border-input-border));border-right:var(--blueprint-combobox-border-right-width,var(--border-1)) solid var(--blueprint-combobox-border-color,var(--border-input-border));border-bottom:var(--blueprint-combobox-border-bottom-width,var(--border-1)) solid var(--blueprint-combobox-border-color,var(--border-input-border));border-left:var(--blueprint-combobox-border-left-width,var(--border-1)) solid var(--blueprint-combobox-border-color,var(--border-input-border));border-radius:var(--blueprint-combobox-input-radius,var(--radius-2));box-shadow:var(--innershadow-1);padding-block:calc((40px - var(--space-5)) / 2 - var(--border-1));padding-inline:var(--space-3);flex-wrap:wrap;display:flex;position:relative;overflow-y:auto}._container_ajuss_27 ._comboboxContainer_ajuss_80._withComboboxButtons_ajuss_96{padding-inline-end:var(--space-10)}._container_ajuss_27 ._comboboxContainer_ajuss_80:not(:disabled):has(input:focus){background-color:var(--surface-dropdown-surface-focus);border:var(--border-2) solid var(--outline-focus-on-light);padding-block:calc((40px - var(--space-5)) / 2 - var(--border-2))}._container_ajuss_27 ._comboboxContainer_ajuss_80:not(:disabled):has([aria-invalid=true]){background-color:var(--surface-dropdown-surface-error);border-top:var(--blueprint-combobox-border-error-top-width,var(--border-2)) solid var(--border-input-border-error);border-right:var(--blueprint-combobox-border-error-right-width,var(--border-2)) solid var(--border-input-border-error);border-bottom:var(--blueprint-combobox-border-error-bottom-width,var(--border-2)) solid var(--border-input-border-error);border-left:var(--blueprint-combobox-border-error-left-width,var(--border-2)) solid var(--border-input-border-error);padding-block:calc((40px - var(--space-5)) / 2 - var(--border-2))}._container_ajuss_27 ._comboboxContainer_ajuss_80 ._textInputWrapper_ajuss_118{flex:content;gap:var(--space-2);align-items:center;display:flex}._container_ajuss_27 ._comboboxContainer_ajuss_80 ._textInputWrapper_ajuss_118 ._textInput_ajuss_118{font-weight:var(--bp-font-weight-regular);font-size:var(--bp-font-size-05);font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;font-style:normal;line-height:var(--bp-font-line-height-04);letter-spacing:var(--bp-font-letter-spacing-01)}:where(body.is-inter-font) ._container_ajuss_27 ._comboboxContainer_ajuss_80 ._textInputWrapper_ajuss_118 ._textInput_ajuss_118{letter-spacing:0;text-transform:none;font-family:InterVariable,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:.875rem;font-style:normal;font-weight:450;line-height:1.25rem;text-decoration:none}._container_ajuss_27 ._comboboxContainer_ajuss_80 ._textInputWrapper_ajuss_118 ._textInput_ajuss_118{width:100%;height:var(--space-5);color:var(--text-text-on-light);background-color:#0000;border:none;outline:none;padding:0}._container_ajuss_27 ._comboboxContainer_ajuss_80 ._textInputWrapper_ajuss_118 ._comboboxButtons_ajuss_152{top:var(--space-2);right:var(--space-2);align-items:center;display:flex;position:absolute}._container_ajuss_27 ._comboboxContainer_ajuss_80._withChips_ajuss_159{max-height:calc(2 * var(--space-2) + 3 * var(--space-6));padding-block:calc((40px - var(--space-7)) / 2 - var(--border-1))}._container_ajuss_27 ._comboboxContainer_ajuss_80._withChips_ajuss_159:not(:disabled):has(input:focus){padding-block:calc((40px - var(--space-7)) / 2 - var(--border-2))}._popover_ajuss_167{font-weight:var(--bp-font-weight-regular);font-size:var(--bp-font-size-05);font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;font-style:normal;line-height:var(--bp-font-line-height-04);letter-spacing:var(--bp-font-letter-spacing-01)}:where(body.is-inter-font) ._popover_ajuss_167{letter-spacing:0;text-transform:none;font-family:InterVariable,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:.875rem;font-style:normal;font-weight:450;line-height:1.25rem;text-decoration:none}._popover_ajuss_167{z-index:380;background-color:var(--surface-menu-surface);border:var(--border-1) solid var(--border-card-border);border-radius:var(--radius-3);max-height:300px;padding-block:var(--space-3);padding-inline:var(--space-3);box-shadow:var(--dropshadow-3);overflow:auto}._popover_ajuss_167 ul{padding-inline-start:0}._popover_ajuss_167 ._loadingIndicator_ajuss_205{position:unset}._popover_ajuss_167 ._noResultOption_ajuss_208{color:var(--text-text-on-light);text-align:center;-webkit-user-select:none;user-select:none}
|
package/package.json
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/combobox-with-api",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.35",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@ariakit/react": "0.4.21",
|
|
6
|
-
"@box/blueprint-web": "^16.12.
|
|
7
|
-
"@box/blueprint-web-assets": "^5.5.
|
|
6
|
+
"@box/blueprint-web": "^16.12.1",
|
|
7
|
+
"@box/blueprint-web-assets": "^5.5.8",
|
|
8
8
|
"lodash": "^4.17.15",
|
|
9
9
|
"react": "^17.0.0 || ^18.0.0",
|
|
10
10
|
"react-dom": "^17.0.0 || ^18.0.0",
|
|
11
11
|
"react-intl": "^6.4.2"
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"@box/tree": "^2.1.
|
|
14
|
+
"@box/tree": "^2.1.35",
|
|
15
15
|
"react-accessible-treeview": "2.9.0"
|
|
16
16
|
},
|
|
17
17
|
"devDependencies": {
|
|
18
|
-
"@box/blueprint-web": "^16.12.
|
|
19
|
-
"@box/blueprint-web-assets": "^5.5.
|
|
20
|
-
"@box/storybook-utils": "^1.1.
|
|
18
|
+
"@box/blueprint-web": "^16.12.1",
|
|
19
|
+
"@box/blueprint-web-assets": "^5.5.8",
|
|
20
|
+
"@box/storybook-utils": "^1.1.32",
|
|
21
21
|
"react": "^18.3.0",
|
|
22
22
|
"react-dom": "^18.3.0"
|
|
23
23
|
},
|