@box/combobox-with-api 1.46.11 → 1.46.13
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,13 @@ 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
|
-
container: "
|
|
15
|
-
disabled: "
|
|
16
|
-
highlightOptionText: "
|
|
17
|
-
selected: "
|
|
18
|
-
option: "
|
|
19
|
-
errorComboboxOption: "
|
|
20
|
-
errorComboboxOptionText: "
|
|
14
|
+
container: "_container_5alez_5",
|
|
15
|
+
disabled: "_disabled_5alez_11",
|
|
16
|
+
highlightOptionText: "_highlightOptionText_5alez_15",
|
|
17
|
+
selected: "_selected_5alez_27",
|
|
18
|
+
option: "_option_5alez_38",
|
|
19
|
+
errorComboboxOption: "_errorComboboxOption_5alez_42",
|
|
20
|
+
errorComboboxOptionText: "_errorComboboxOptionText_5alez_47"
|
|
21
21
|
}, D = /* @__PURE__ */ h(({ onTryAgain: t }, n) => {
|
|
22
22
|
let { formatMessage: r } = S();
|
|
23
23
|
return /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(a, {
|
|
@@ -5,26 +5,26 @@ 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
|
-
error: "
|
|
15
|
-
textInputWrapper: "
|
|
16
|
-
textInput: "
|
|
17
|
-
errorIcon: "
|
|
18
|
-
comboboxButtons: "
|
|
19
|
-
withChips: "
|
|
20
|
-
inlineError: "
|
|
21
|
-
popover: "
|
|
22
|
-
option: "
|
|
23
|
-
indicator: "
|
|
24
|
-
indicatorIcon: "
|
|
25
|
-
optionWithIndicator: "
|
|
26
|
-
loadingIndicator: "
|
|
27
|
-
noResultOption: "
|
|
8
|
+
container: "_container_1aemy_5",
|
|
9
|
+
disabled: "_disabled_1aemy_16",
|
|
10
|
+
label: "_label_1aemy_19",
|
|
11
|
+
hiddenLabel: "_hiddenLabel_1aemy_31",
|
|
12
|
+
comboboxContainer: "_comboboxContainer_1aemy_34",
|
|
13
|
+
withComboboxButtons: "_withComboboxButtons_1aemy_50",
|
|
14
|
+
error: "_error_1aemy_61",
|
|
15
|
+
textInputWrapper: "_textInputWrapper_1aemy_72",
|
|
16
|
+
textInput: "_textInput_1aemy_72",
|
|
17
|
+
errorIcon: "_errorIcon_1aemy_94",
|
|
18
|
+
comboboxButtons: "_comboboxButtons_1aemy_97",
|
|
19
|
+
withChips: "_withChips_1aemy_104",
|
|
20
|
+
inlineError: "_inlineError_1aemy_114",
|
|
21
|
+
popover: "_popover_1aemy_118",
|
|
22
|
+
option: "_option_1aemy_144",
|
|
23
|
+
indicator: "_indicator_1aemy_167",
|
|
24
|
+
indicatorIcon: "_indicatorIcon_1aemy_176",
|
|
25
|
+
optionWithIndicator: "_optionWithIndicator_1aemy_179",
|
|
26
|
+
loadingIndicator: "_loadingIndicator_1aemy_182",
|
|
27
|
+
noResultOption: "_noResultOption_1aemy_185"
|
|
28
28
|
}, v = (e) => {
|
|
29
29
|
let t = [...e.children], { metadata: n } = e;
|
|
30
30
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_5alez_5{gap:var(--space-1);justify-content:center;display:flex}._disabled_5alez_11._disabled_5alez_11{opacity:unset}._highlightOptionText_5alez_15 [data-user-value]{font-weight:var(--body-default-bold-font-weight);font-size:var(--body-default-bold-font-size);font-family:var(--body-default-bold-font-family);line-height:var(--body-default-bold-line-height);letter-spacing:var(--body-default-bold-letter-spacing);text-transform:var(--body-default-bold-text-case);-webkit-text-decoration:var(--body-default-bold-text-decoration);text-decoration:var(--body-default-bold-text-decoration)}._highlightOptionText_5alez_15 [data-autocomplete-value]{color:var(--text-text-on-light-secondary)}._highlightOptionText_5alez_15._selected_5alez_27,._highlightOptionText_5alez_15._selected_5alez_27 span{color:var(--text-text-on-light);font-weight:var(--body-default-bold-font-weight);font-size:var(--body-default-bold-font-size);font-family:var(--body-default-bold-font-family);line-height:var(--body-default-bold-line-height);letter-spacing:var(--body-default-bold-letter-spacing);text-transform:var(--body-default-bold-text-case);-webkit-text-decoration:var(--body-default-bold-text-decoration);text-decoration:var(--body-default-bold-text-decoration)}._option_5alez_38:nth-last-child(1 of ._option_5alez_38){scroll-margin-block-end:var(--space-12)}._errorComboboxOption_5alez_42[role=option]{justify-content:center;align-items:center;display:flex}._errorComboboxOption_5alez_42[role=option] ._errorComboboxOptionText_5alez_47{gap:var(--space-1);align-items:center;display:flex}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_1aemy_5{font-weight:var(--body-default-font-weight);font-size:var(--body-default-font-size);font-family:var(--body-default-font-family);line-height:var(--body-default-line-height);letter-spacing:var(--body-default-letter-spacing);text-transform:var(--body-default-text-case);-webkit-text-decoration:var(--body-default-text-decoration);text-decoration:var(--body-default-text-decoration);flex-direction:column;display:flex}._container_1aemy_5._disabled_1aemy_16{opacity:.6}._container_1aemy_5 ._label_1aemy_19{font-weight:var(--body-default-bold-font-weight);font-size:var(--body-default-bold-font-size);font-family:var(--body-default-bold-font-family);line-height:var(--body-default-bold-line-height);letter-spacing:var(--body-default-bold-letter-spacing);text-transform:var(--body-default-bold-text-case);-webkit-text-decoration:var(--body-default-bold-text-decoration);text-decoration:var(--body-default-bold-text-decoration);flex:0 0 fit-content;color:var(--text-text-on-light);overflow-wrap:break-word}._container_1aemy_5 ._label_1aemy_19:not(._hiddenLabel_1aemy_31){margin-block-end:var(--space-2)}._container_1aemy_5 ._comboboxContainer_1aemy_34{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_1aemy_5 ._comboboxContainer_1aemy_34._withComboboxButtons_1aemy_50{padding-inline-end:var(--space-10)}._container_1aemy_5 ._comboboxContainer_1aemy_34: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_1aemy_5 ._comboboxContainer_1aemy_34:not(:disabled)._error_1aemy_61{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_1aemy_5 ._comboboxContainer_1aemy_34: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_1aemy_5 ._comboboxContainer_1aemy_34 ._textInputWrapper_1aemy_72{flex:content;gap:var(--space-2);align-items:center;display:flex}._container_1aemy_5 ._comboboxContainer_1aemy_34 ._textInputWrapper_1aemy_72 ._textInput_1aemy_72{font-weight:var(--body-default-font-weight);font-size:var(--body-default-font-size);font-family:var(--body-default-font-family);line-height:var(--body-default-line-height);letter-spacing:var(--body-default-letter-spacing);text-transform:var(--body-default-text-case);-webkit-text-decoration:var(--body-default-text-decoration);text-decoration:var(--body-default-text-decoration);width:100%;height:var(--space-5);color:var(--text-text-on-light);background-color:#0000;border:none;outline:none;padding:0}._container_1aemy_5 ._comboboxContainer_1aemy_34 ._textInputWrapper_1aemy_72 ._errorIcon_1aemy_94 path{fill:var(--icon-icon-error-on-light)}._container_1aemy_5 ._comboboxContainer_1aemy_34 ._textInputWrapper_1aemy_72 ._comboboxButtons_1aemy_97{top:var(--space-2);right:var(--space-2);align-items:center;display:flex;position:absolute}._container_1aemy_5 ._comboboxContainer_1aemy_34._withChips_1aemy_104{max-height:calc(2 * var(--space-2) + 3 * var(--space-6));padding-block:calc((40px - var(--space-7)) / 2 - var(--border-1))}._container_1aemy_5 ._comboboxContainer_1aemy_34._withChips_1aemy_104:not(:disabled)._error_1aemy_61{padding-block:calc((40px - var(--space-7)) / 2 - var(--border-2))}._container_1aemy_5 ._comboboxContainer_1aemy_34._withChips_1aemy_104:not(:disabled):has(input:focus){padding-block:calc((40px - var(--space-7)) / 2 - var(--border-2))}._container_1aemy_5 ._inlineError_1aemy_114{margin-block-start:var(--space-2)}._popover_1aemy_118{font-weight:var(--body-default-font-weight);font-size:var(--body-default-font-size);font-family:var(--body-default-font-family);line-height:var(--body-default-line-height);letter-spacing:var(--body-default-letter-spacing);text-transform:var(--body-default-text-case);-webkit-text-decoration:var(--body-default-text-decoration);text-decoration:var(--body-default-text-decoration);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_1aemy_118 ul{padding-inline-start:0}._popover_1aemy_118 ._option_1aemy_144{box-sizing:border-box;overflow-wrap:break-word;border:var(--border-2) solid transparent;border-radius:var(--radius-3);cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;padding-block:var(--space-2);padding-inline:var(--space-2);outline:none;position:relative}._popover_1aemy_118 ._option_1aemy_144[aria-disabled]{opacity:.6}._popover_1aemy_118 ._option_1aemy_144[data-active-item]:not([aria-disabled]){background-color:var(--surface-menu-surface-focus);border:var(--border-2) solid var(--outline-focus-on-light)}._popover_1aemy_118 ._option_1aemy_144:hover{background-color:var(--surface-menu-surface-hover)}._popover_1aemy_118 ._option_1aemy_144 ._indicator_1aemy_167{top:0;left:var(--space-2);height:var(--size-9);justify-content:center;align-items:center;display:flex;position:absolute}._popover_1aemy_118 ._option_1aemy_144 ._indicator_1aemy_167 ._indicatorIcon_1aemy_176 path{fill:var(--icon-icon-on-light)}._popover_1aemy_118 ._optionWithIndicator_1aemy_179{padding-inline:var(--space-10) var(--space-2)}._popover_1aemy_118 ._loadingIndicator_1aemy_182{position:unset}._popover_1aemy_118 ._noResultOption_1aemy_185{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": "1.46.
|
|
3
|
+
"version": "1.46.13",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@ariakit/react": "0.4.21",
|
|
6
|
-
"@box/blueprint-web": "^15.
|
|
7
|
-
"@box/blueprint-web-assets": "^4.
|
|
6
|
+
"@box/blueprint-web": "^15.10.0",
|
|
7
|
+
"@box/blueprint-web-assets": "^4.131.1",
|
|
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": "^1.42.
|
|
14
|
+
"@box/tree": "^1.42.13",
|
|
15
15
|
"react-accessible-treeview": "2.9.0"
|
|
16
16
|
},
|
|
17
17
|
"devDependencies": {
|
|
18
|
-
"@box/blueprint-web": "^15.
|
|
19
|
-
"@box/blueprint-web-assets": "^4.
|
|
20
|
-
"@box/storybook-utils": "^0.21.
|
|
18
|
+
"@box/blueprint-web": "^15.10.0",
|
|
19
|
+
"@box/blueprint-web-assets": "^4.131.1",
|
|
20
|
+
"@box/storybook-utils": "^0.21.13",
|
|
21
21
|
"react": "^18.3.0",
|
|
22
22
|
"react-dom": "^18.3.0"
|
|
23
23
|
},
|