@box/combobox-with-api 2.1.30 → 2.1.32
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_tudii_27",
|
|
15
|
+
disabled: "_disabled_tudii_33",
|
|
16
|
+
highlightOptionText: "_highlightOptionText_tudii_37",
|
|
17
|
+
selected: "_selected_tudii_59",
|
|
18
|
+
option: "_option_tudii_79",
|
|
19
|
+
errorComboboxOption: "_errorComboboxOption_tudii_83",
|
|
20
|
+
errorComboboxOptionText: "_errorComboboxOptionText_tudii_88"
|
|
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_sn4qd_27",
|
|
9
|
+
disabled: "_disabled_sn4qd_50",
|
|
10
|
+
label: "_label_sn4qd_53",
|
|
11
|
+
hiddenLabel: "_hiddenLabel_sn4qd_77",
|
|
12
|
+
comboboxContainer: "_comboboxContainer_sn4qd_80",
|
|
13
|
+
withComboboxButtons: "_withComboboxButtons_sn4qd_96",
|
|
14
|
+
error: "_error_sn4qd_107",
|
|
15
|
+
textInputWrapper: "_textInputWrapper_sn4qd_118",
|
|
16
|
+
textInput: "_textInput_sn4qd_118",
|
|
17
|
+
errorIcon: "_errorIcon_sn4qd_152",
|
|
18
|
+
comboboxButtons: "_comboboxButtons_sn4qd_155",
|
|
19
|
+
withChips: "_withChips_sn4qd_162",
|
|
20
|
+
inlineError: "_inlineError_sn4qd_172",
|
|
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"
|
|
28
28
|
}, v = (e) => {
|
|
29
29
|
let t = [...e.children], { metadata: n } = e;
|
|
30
30
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_tudii_27{gap:var(--space-1);justify-content:center;display:flex}._disabled_tudii_33._disabled_tudii_33{opacity:unset}._highlightOptionText_tudii_37 [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_tudii_37 [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_tudii_37 [data-autocomplete-value]{color:var(--text-text-on-light-secondary)}._highlightOptionText_tudii_37._selected_tudii_59,._highlightOptionText_tudii_37._selected_tudii_59 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_tudii_37._selected_tudii_59,:where(body.is-inter-font) ._highlightOptionText_tudii_37._selected_tudii_59 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_tudii_79:nth-last-child(1 of ._option_tudii_79){scroll-margin-block-end:var(--space-12)}._errorComboboxOption_tudii_83[role=option]{justify-content:center;align-items:center;display:flex}._errorComboboxOption_tudii_83[role=option] ._errorComboboxOptionText_tudii_88{gap:var(--space-1);align-items:center;display:flex}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_sn4qd_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_sn4qd_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_sn4qd_27{flex-direction:column;display:flex}._container_sn4qd_27._disabled_sn4qd_50{opacity:.6}._container_sn4qd_27 ._label_sn4qd_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_sn4qd_27 ._label_sn4qd_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_sn4qd_27 ._label_sn4qd_53{flex:0 0 fit-content;color:var(--text-text-on-light);overflow-wrap:break-word}._container_sn4qd_27 ._label_sn4qd_53:not(._hiddenLabel_sn4qd_77){margin-block-end:var(--space-2)}._container_sn4qd_27 ._comboboxContainer_sn4qd_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_sn4qd_27 ._comboboxContainer_sn4qd_80._withComboboxButtons_sn4qd_96{padding-inline-end:var(--space-10)}._container_sn4qd_27 ._comboboxContainer_sn4qd_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_sn4qd_27 ._comboboxContainer_sn4qd_80:not(:disabled)._error_sn4qd_107{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_sn4qd_27 ._comboboxContainer_sn4qd_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_sn4qd_27 ._comboboxContainer_sn4qd_80 ._textInputWrapper_sn4qd_118{flex:content;gap:var(--space-2);align-items:center;display:flex}._container_sn4qd_27 ._comboboxContainer_sn4qd_80 ._textInputWrapper_sn4qd_118 ._textInput_sn4qd_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_sn4qd_27 ._comboboxContainer_sn4qd_80 ._textInputWrapper_sn4qd_118 ._textInput_sn4qd_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_sn4qd_27 ._comboboxContainer_sn4qd_80 ._textInputWrapper_sn4qd_118 ._textInput_sn4qd_118{width:100%;height:var(--space-5);color:var(--text-text-on-light);background-color:#0000;border:none;outline:none;padding:0}._container_sn4qd_27 ._comboboxContainer_sn4qd_80 ._textInputWrapper_sn4qd_118 ._errorIcon_sn4qd_152 path{fill:var(--icon-icon-error-on-light)}._container_sn4qd_27 ._comboboxContainer_sn4qd_80 ._textInputWrapper_sn4qd_118 ._comboboxButtons_sn4qd_155{top:var(--space-2);right:var(--space-2);align-items:center;display:flex;position:absolute}._container_sn4qd_27 ._comboboxContainer_sn4qd_80._withChips_sn4qd_162{max-height:calc(2 * var(--space-2) + 3 * var(--space-6));padding-block:calc((40px - var(--space-7)) / 2 - var(--border-1))}._container_sn4qd_27 ._comboboxContainer_sn4qd_80._withChips_sn4qd_162:not(:disabled)._error_sn4qd_107{padding-block:calc((40px - var(--space-7)) / 2 - var(--border-2))}._container_sn4qd_27 ._comboboxContainer_sn4qd_80._withChips_sn4qd_162:not(:disabled):has(input:focus){padding-block:calc((40px - var(--space-7)) / 2 - var(--border-2))}._container_sn4qd_27 ._inlineError_sn4qd_172{margin-block-start:var(--space-2)}._popover_sn4qd_176{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_sn4qd_176{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_sn4qd_176{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_sn4qd_176 ul{padding-inline-start:0}._popover_sn4qd_176 ._option_sn4qd_214{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_sn4qd_176 ._option_sn4qd_214[aria-disabled]{opacity:.6}._popover_sn4qd_176 ._option_sn4qd_214[data-active-item]:not([aria-disabled]){background-color:var(--surface-menu-surface-focus);border:var(--border-2) solid var(--outline-focus-on-light)}._popover_sn4qd_176 ._option_sn4qd_214:hover{background-color:var(--surface-menu-surface-hover)}._popover_sn4qd_176 ._option_sn4qd_214 ._indicator_sn4qd_237{top:0;left:var(--space-2);height:var(--size-9);justify-content:center;align-items:center;display:flex;position:absolute}._popover_sn4qd_176 ._option_sn4qd_214 ._indicator_sn4qd_237 ._indicatorIcon_sn4qd_246 path{fill:var(--icon-icon-on-light)}._popover_sn4qd_176 ._optionWithIndicator_sn4qd_249{padding-inline:var(--space-10) var(--space-2)}._popover_sn4qd_176 ._loadingIndicator_sn4qd_252{position:unset}._popover_sn4qd_176 ._noResultOption_sn4qd_255{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.32",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@ariakit/react": "0.4.21",
|
|
6
|
-
"@box/blueprint-web": "^16.
|
|
7
|
-
"@box/blueprint-web-assets": "^5.5.
|
|
6
|
+
"@box/blueprint-web": "^16.10.0",
|
|
7
|
+
"@box/blueprint-web-assets": "^5.5.5",
|
|
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.32",
|
|
15
15
|
"react-accessible-treeview": "2.9.0"
|
|
16
16
|
},
|
|
17
17
|
"devDependencies": {
|
|
18
|
-
"@box/blueprint-web": "^16.
|
|
19
|
-
"@box/blueprint-web-assets": "^5.5.
|
|
20
|
-
"@box/storybook-utils": "^1.1.
|
|
18
|
+
"@box/blueprint-web": "^16.10.0",
|
|
19
|
+
"@box/blueprint-web-assets": "^5.5.5",
|
|
20
|
+
"@box/storybook-utils": "^1.1.29",
|
|
21
21
|
"react": "^18.3.0",
|
|
22
22
|
"react-dom": "^18.3.0"
|
|
23
23
|
},
|