@box/combobox-with-api 0.25.0 → 0.26.1
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/chunks/dynamic-loading-tree.js +159 -173
- package/chunks/mocks.js +204 -0
- package/chunks/shared.js +448 -0
- package/chunks/web.dom-exception.stack.js +426 -0
- package/esm/index.js +12 -4
- package/esm/lib/components/combobox-with-api-pagination/index.js +6 -2
- package/esm/lib/components/combobox-with-api-tree-view/combobox-with-api-tree-view.js +89 -79
- package/esm/lib/components/combobox-with-api-tree-view/index.js +6 -2
- package/package.json +5 -5
- package/styles/dynamic-loading-tree.css +1 -1
- package/types/lib/components/combobox-with-api-pagination/index.d.ts +2 -1
- package/types/lib/components/combobox-with-api-pagination/stories/mocks.d.ts +16 -0
- package/types/lib/components/combobox-with-api-pagination/stories/shared.d.ts +4 -17
- package/types/lib/components/combobox-with-api-tree-view/index.d.ts +2 -0
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
import { ComboboxWithApiTreeView as
|
|
1
|
+
import { ComboboxWithApiTreeView as r } from "./combobox-with-api-tree-view.js";
|
|
2
|
+
import { a as i, f as m, m as p } from "../../../../chunks/shared.js";
|
|
2
3
|
export {
|
|
3
|
-
|
|
4
|
+
r as ComboboxWithApiTreeView,
|
|
5
|
+
i as apiResponse,
|
|
6
|
+
m as findNode,
|
|
7
|
+
p as mockTreeFetcher
|
|
4
8
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/combobox-with-api",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.26.1",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@ariakit/react": "0.4.15",
|
|
6
6
|
"@box/blueprint-web": "^7.8.0",
|
|
@@ -11,11 +11,11 @@
|
|
|
11
11
|
"react-intl": "^6.4.2"
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"@box/tree": "^0.38.
|
|
14
|
+
"@box/tree": "^0.38.2"
|
|
15
15
|
},
|
|
16
16
|
"devDependencies": {
|
|
17
|
-
"@box/blueprint-web": "^9.18.
|
|
18
|
-
"@box/blueprint-web-assets": "^4.
|
|
17
|
+
"@box/blueprint-web": "^9.18.8",
|
|
18
|
+
"@box/blueprint-web-assets": "^4.35.0",
|
|
19
19
|
"@box/storybook-utils": "^0.8.3",
|
|
20
20
|
"react": "^18.3.0",
|
|
21
21
|
"react-dom": "^18.3.0"
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"**/*.css"
|
|
52
52
|
],
|
|
53
53
|
"license": "SEE LICENSE IN LICENSE",
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "6e3fffa688deb1364211bbbc68fbb9098060d97f"
|
|
55
55
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_bezt1_1{font-weight:400;font-size:.875rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.25rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none;display:flex;flex-direction:column}._container_bezt1_1._disabled_bezt1_12{opacity:.1}._container_bezt1_1 ._label_bezt1_15{font-weight:700;font-size:.875rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.25rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none;flex:0 0 fit-content;color:var(--text-text-on-light);overflow-wrap:break-word}._container_bezt1_1 ._label_bezt1_15:not(._hiddenLabel_bezt1_27){margin-block-end:var(--space-2)}._container_bezt1_1 ._comboboxContainer_bezt1_30{position:relative;display:flex;flex-wrap:wrap;gap:var(--space-2);overflow-y:auto;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)}._container_bezt1_1 ._comboboxContainer_bezt1_30._withComboboxButtons_bezt1_46{padding-inline-end:var(--space-10)}._container_bezt1_1 ._comboboxContainer_bezt1_30: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_bezt1_1 ._comboboxContainer_bezt1_30:not(:disabled)._error_bezt1_54,._container_bezt1_1 ._comboboxContainer_bezt1_30: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_bezt1_1 ._comboboxContainer_bezt1_30 ._textInputWrapper_bezt1_62{display:flex;flex:content;gap:var(--space-2);align-items:center}._container_bezt1_1 ._comboboxContainer_bezt1_30 ._textInputWrapper_bezt1_62 ._textInput_bezt1_62{font-weight:400;font-size:.875rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.25rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none;width:100%;height:var(--space-5);padding:0;color:var(--text-text-on-light);background-color:transparent;border:none;outline:none}._container_bezt1_1 ._comboboxContainer_bezt1_30 ._textInputWrapper_bezt1_62 ._errorIcon_bezt1_84 path{fill:var(--icon-icon-error-on-light)}._container_bezt1_1 ._comboboxContainer_bezt1_30 ._textInputWrapper_bezt1_62 ._comboboxButtons_bezt1_87{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center}._container_bezt1_1 ._comboboxContainer_bezt1_30._withChips_bezt1_94{max-height:calc(2 * var(--space-2) + 3 * var(--space-6));padding-block:calc((40px - var(--space-7)) / 2 - var(--border-1))}._container_bezt1_1 ._comboboxContainer_bezt1_30._withChips_bezt1_94:not(:disabled)._error_bezt1_54{padding-block:calc((40px - var(--space-7)) / 2 - var(--border-2))}._container_bezt1_1 ._comboboxContainer_bezt1_30._withChips_bezt1_94:not(:disabled):has(input:focus){padding-block:calc((40px - var(--space-7)) / 2 - var(--border-2))}._container_bezt1_1 ._inlineError_bezt1_104{margin-block-start:var(--space-2)}._popover_bezt1_108{font-weight:400;font-size:.875rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.25rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none;z-index:380;max-height:min(var(--popover-available-height, 36px),200px);overflow:auto;background-color:var(--surface-menu-surface);border:var(--border-1) solid var(--border-card-border);border-radius:var(--radius-3);padding-block:var(--space-3);padding-inline:var(--space-3);box-shadow:var(--dropshadow-3)}._popover_bezt1_108 ul{padding-inline-start:0}._popover_bezt1_108 ._option_bezt1_134{position:relative;box-sizing:border-box;width:100%;overflow-wrap:break-word;border:var(--border-2) solid transparent;border-radius:var(--radius-3);outline:none;cursor:pointer;-webkit-user-select:none;user-select:none;padding-block:var(--space-2);padding-inline:var(--space-2)}._popover_bezt1_108 ._option_bezt1_134[aria-disabled]{opacity:.1}._popover_bezt1_108 ._option_bezt1_134[data-active-item]:not([aria-disabled]){background-color:var(--surface-menu-surface-focus);border:var(--border-2) solid var(--outline-focus-on-light)}._popover_bezt1_108 ._option_bezt1_134:hover{background-color:var(--surface-menu-surface-hover)}._popover_bezt1_108 ._option_bezt1_134 ._indicator_bezt1_157{position:absolute;top:0;left:var(--space-2);display:flex;align-items:center;justify-content:center;height:var(--size-9)}._popover_bezt1_108 ._option_bezt1_134 ._indicator_bezt1_157 ._indicatorIcon_bezt1_166 path{fill:var(--icon-icon-on-light)}._popover_bezt1_108 ._optionWithIndicator_bezt1_169{padding-inline:var(--space-10) var(--space-2)}._popover_bezt1_108 ._loadingIndicator_bezt1_172{position:unset}._popover_bezt1_108 ._noResultOption_bezt1_175{color:var(--text-text-on-light);text-align:center;-webkit-user-select:none;user-select:none}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
export { ComboboxWithApiPagination } from './combobox-with-api-pagination';
|
|
2
|
-
export
|
|
2
|
+
export { findState, mockFetcher, states } from './stories/mocks';
|
|
3
|
+
export type { BaseOptionType, ComboboxWithApiPaginationProps, FetcherResponse, PaginationQueryInput } from './types';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { BaseOptionType, PaginationQueryInput } from '../types';
|
|
2
|
+
export interface FetcherResponse {
|
|
3
|
+
marker?: string;
|
|
4
|
+
options: BaseOptionType[];
|
|
5
|
+
}
|
|
6
|
+
export interface MockFetcherProps extends PaginationQueryInput {
|
|
7
|
+
options?: BaseOptionType[];
|
|
8
|
+
delay?: number;
|
|
9
|
+
failOnLoadMore?: boolean;
|
|
10
|
+
failOnLoadMoreTimes?: number;
|
|
11
|
+
}
|
|
12
|
+
export declare const states: BaseOptionType[];
|
|
13
|
+
declare const findState: (name: string) => BaseOptionType;
|
|
14
|
+
declare const mockFetcher: ({ delay, signal, searchInput, marker, failOnLoadMore, failOnLoadMoreTimes, options, }: MockFetcherProps) => Promise<FetcherResponse>;
|
|
15
|
+
declare const mockRejectedFetcher: ({ delay }: MockFetcherProps) => Promise<FetcherResponse>;
|
|
16
|
+
export { findState, mockFetcher, mockRejectedFetcher };
|
|
@@ -1,30 +1,17 @@
|
|
|
1
1
|
import { StoryObj } from '@storybook/react';
|
|
2
2
|
import { ComboboxWithApiPagination } from '../combobox-with-api-pagination';
|
|
3
|
-
import {
|
|
4
|
-
interface FetcherResponse {
|
|
5
|
-
marker?: string;
|
|
6
|
-
options: BaseOptionType[];
|
|
7
|
-
}
|
|
3
|
+
import { mockFetcher } from './mocks';
|
|
8
4
|
declare const combineSpanTextContent: (text: string) => (_content: string, element: HTMLElement) => boolean;
|
|
9
|
-
interface MockFetcherProps extends PaginationQueryInput {
|
|
10
|
-
options?: BaseOptionType[];
|
|
11
|
-
delay?: number;
|
|
12
|
-
failOnLoadMore?: boolean;
|
|
13
|
-
failOnLoadMoreTimes?: number;
|
|
14
|
-
}
|
|
15
|
-
declare const findState: (name: string) => BaseOptionType;
|
|
16
|
-
declare const mockFetcher: ({ delay, signal, searchInput, marker, failOnLoadMore, failOnLoadMoreTimes, options, }: MockFetcherProps) => Promise<FetcherResponse>;
|
|
17
|
-
declare const mockRejectedFetcher: ({ delay }: MockFetcherProps) => Promise<FetcherResponse>;
|
|
18
5
|
declare const defaultArgs: {
|
|
19
6
|
label: string;
|
|
20
|
-
defaultFetcher: ({ ...options }: PaginationQueryInput) => Promise<FetcherResponse>;
|
|
7
|
+
defaultFetcher: ({ ...options }: import('../types').PaginationQueryInput) => Promise<import('./mocks').FetcherResponse>;
|
|
21
8
|
portalElement: () => HTMLElement;
|
|
22
9
|
multiselect: false;
|
|
23
10
|
};
|
|
24
11
|
declare const withoutDisplayValueArgs: {
|
|
25
12
|
defaultFetcher: ({ ...options }: {
|
|
26
13
|
[x: string]: any;
|
|
27
|
-
}) => Promise<FetcherResponse>;
|
|
14
|
+
}) => Promise<import('./mocks').FetcherResponse>;
|
|
28
15
|
label: string;
|
|
29
16
|
portalElement: () => HTMLElement;
|
|
30
17
|
multiselect: false;
|
|
@@ -35,4 +22,4 @@ declare function getComboboxElements({ canvasElement }: Parameters<Story['play']
|
|
|
35
22
|
listbox: HTMLElement;
|
|
36
23
|
readonly loadingIndicator: HTMLElement;
|
|
37
24
|
};
|
|
38
|
-
export {
|
|
25
|
+
export { combineSpanTextContent, defaultArgs, getComboboxElements, mockFetcher, withoutDisplayValueArgs };
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
export type { TreeOptionType, TreeQueryInput } from '../combobox-with-api-pagination/types';
|
|
2
2
|
export { ComboboxWithApiTreeView } from './combobox-with-api-tree-view';
|
|
3
|
+
export * from './stories/mock-api-response';
|
|
4
|
+
export { findNode, mockTreeFetcher } from './stories/shared';
|
|
3
5
|
export type { ComboboxWithApiTreeViewProps, Level } from './types';
|