@box/combobox-with-api 0.25.0

package/i18n/pl-PL.properties

@@ -0,0 +1,16 @@
+# Error message displayed as combobox item when an API failed and the suggestions could not load
+comboboxWithApi.apiError = Nie można wczytać wyników. Kliknij, aby spróbować ponownie.
+# Aria label for the clear button visible at the end of the combobox. When clicked, it will clear all text in the input, as well as the current selection.
+comboboxWithApiPagination.clearButtonAriaLabel = Wyczyść wprowadzone dane i wybór
+# Error message displayed resembling button that calls to action to reload the results
+comboboxWithApiPagination.errorAction = Wczytaj ponownie
+# Aria-label text for the error icon in the loading results error message
+comboboxWithApiPagination.errorIconLabel = Błąd
+# Error message displayed as inline notice that informs the user that the options failed to load
+comboboxWithApiPagination.errorMessage = Nie udało się wczytać opcji
+# Visually hidden aria-label text for the loading spinner
+comboboxWithApiPagination.loadingAriaLabel = Wczytywanie...
+# Visually hidden aria-label text for the loading spinner show when loading more results from infinite scrolling list
+comboboxWithApiPagination.loadingMoreAriaLabel = Wczytywanie kolejnych...
+# Message displayed when no results are found in the combobox
+comboboxWithApiPagination.noResults = Brak wyników

package/i18n/pt-BR.js

@@ -0,0 +1,10 @@
+export default {
+  "comboboxWithApi.apiError": "Não foi possível carregar os resultados. Clique para tentar novamente.",
+  "comboboxWithApiPagination.clearButtonAriaLabel": "Limpar entrada e seleção",
+  "comboboxWithApiPagination.errorAction": "Recarregar",
+  "comboboxWithApiPagination.errorIconLabel": "Erro",
+  "comboboxWithApiPagination.errorMessage": "Falha ao carregar opções",
+  "comboboxWithApiPagination.loadingAriaLabel": "Carregando...",
+  "comboboxWithApiPagination.loadingMoreAriaLabel": "Carregando mais...",
+  "comboboxWithApiPagination.noResults": "Nenhum resultado encontrado"
+}

package/i18n/pt-BR.properties

@@ -0,0 +1,16 @@
+# Error message displayed as combobox item when an API failed and the suggestions could not load
+comboboxWithApi.apiError = Não foi possível carregar os resultados. Clique para tentar novamente.
+# Aria label for the clear button visible at the end of the combobox. When clicked, it will clear all text in the input, as well as the current selection.
+comboboxWithApiPagination.clearButtonAriaLabel = Limpar entrada e seleção
+# Error message displayed resembling button that calls to action to reload the results
+comboboxWithApiPagination.errorAction = Recarregar
+# Aria-label text for the error icon in the loading results error message
+comboboxWithApiPagination.errorIconLabel = Erro
+# Error message displayed as inline notice that informs the user that the options failed to load
+comboboxWithApiPagination.errorMessage = Falha ao carregar opções
+# Visually hidden aria-label text for the loading spinner
+comboboxWithApiPagination.loadingAriaLabel = Carregando...
+# Visually hidden aria-label text for the loading spinner show when loading more results from infinite scrolling list
+comboboxWithApiPagination.loadingMoreAriaLabel = Carregando mais...
+# Message displayed when no results are found in the combobox
+comboboxWithApiPagination.noResults = Nenhum resultado encontrado

package/i18n/ru-RU.js

@@ -0,0 +1,10 @@
+export default {
+  "comboboxWithApi.apiError": "Не удалось загрузить результаты. Нажмите, чтобы повторить попытку.",
+  "comboboxWithApiPagination.clearButtonAriaLabel": "Очистить ввод и выбор",
+  "comboboxWithApiPagination.errorAction": "Перезагрузить",
+  "comboboxWithApiPagination.errorIconLabel": "Ошибка",
+  "comboboxWithApiPagination.errorMessage": "Не удалось загрузить параметры",
+  "comboboxWithApiPagination.loadingAriaLabel": "Загрузка...",
+  "comboboxWithApiPagination.loadingMoreAriaLabel": "Загрузка больше...",
+  "comboboxWithApiPagination.noResults": "Результаты не найдены"
+}

package/i18n/ru-RU.properties

@@ -0,0 +1,16 @@
+# Error message displayed as combobox item when an API failed and the suggestions could not load
+comboboxWithApi.apiError = Не удалось загрузить результаты. Нажмите, чтобы повторить попытку.
+# Aria label for the clear button visible at the end of the combobox. When clicked, it will clear all text in the input, as well as the current selection.
+comboboxWithApiPagination.clearButtonAriaLabel = Очистить ввод и выбор
+# Error message displayed resembling button that calls to action to reload the results
+comboboxWithApiPagination.errorAction = Перезагрузить
+# Aria-label text for the error icon in the loading results error message
+comboboxWithApiPagination.errorIconLabel = Ошибка
+# Error message displayed as inline notice that informs the user that the options failed to load
+comboboxWithApiPagination.errorMessage = Не удалось загрузить параметры
+# Visually hidden aria-label text for the loading spinner
+comboboxWithApiPagination.loadingAriaLabel = Загрузка...
+# Visually hidden aria-label text for the loading spinner show when loading more results from infinite scrolling list
+comboboxWithApiPagination.loadingMoreAriaLabel = Загрузка больше...
+# Message displayed when no results are found in the combobox
+comboboxWithApiPagination.noResults = Результаты не найдены

package/i18n/sv-SE.js

@@ -0,0 +1,10 @@
+export default {
+  "comboboxWithApi.apiError": "Det gick inte att läsa in resultat. Klicka för att försöka igen.",
+  "comboboxWithApiPagination.clearButtonAriaLabel": "Rensa indata val",
+  "comboboxWithApiPagination.errorAction": "Läsa in igen",
+  "comboboxWithApiPagination.errorIconLabel": "Fel",
+  "comboboxWithApiPagination.errorMessage": "Det gick inte att läsa in tillval",
+  "comboboxWithApiPagination.loadingAriaLabel": "Läser in...",
+  "comboboxWithApiPagination.loadingMoreAriaLabel": "Läser in mer...",
+  "comboboxWithApiPagination.noResults": "Inga resultat hittades"
+}

package/i18n/sv-SE.properties

@@ -0,0 +1,16 @@
+# Error message displayed as combobox item when an API failed and the suggestions could not load
+comboboxWithApi.apiError = Det gick inte att läsa in resultat. Klicka för att försöka igen.
+# Aria label for the clear button visible at the end of the combobox. When clicked, it will clear all text in the input, as well as the current selection.
+comboboxWithApiPagination.clearButtonAriaLabel = Rensa indata val
+# Error message displayed resembling button that calls to action to reload the results
+comboboxWithApiPagination.errorAction = Läsa in igen
+# Aria-label text for the error icon in the loading results error message
+comboboxWithApiPagination.errorIconLabel = Fel
+# Error message displayed as inline notice that informs the user that the options failed to load
+comboboxWithApiPagination.errorMessage = Det gick inte att läsa in tillval
+# Visually hidden aria-label text for the loading spinner
+comboboxWithApiPagination.loadingAriaLabel = Läser in...
+# Visually hidden aria-label text for the loading spinner show when loading more results from infinite scrolling list
+comboboxWithApiPagination.loadingMoreAriaLabel = Läser in mer...
+# Message displayed when no results are found in the combobox
+comboboxWithApiPagination.noResults = Inga resultat hittades

package/i18n/tr-TR.js

@@ -0,0 +1,10 @@
+export default {
+  "comboboxWithApi.apiError": "Sonuçlar yüklenemedi. Tekrar denemek için tıklayın.",
+  "comboboxWithApiPagination.clearButtonAriaLabel": "Giriş ve seçimi temizle",
+  "comboboxWithApiPagination.errorAction": "Yeniden Yükle",
+  "comboboxWithApiPagination.errorIconLabel": "Hata",
+  "comboboxWithApiPagination.errorMessage": "Seçenekler yüklenemedi",
+  "comboboxWithApiPagination.loadingAriaLabel": "Yükleniyor...",
+  "comboboxWithApiPagination.loadingMoreAriaLabel": "Daha fazlası yükleniyor...",
+  "comboboxWithApiPagination.noResults": "Hiçbir sonuç bulunamadı"
+}

package/i18n/tr-TR.properties

@@ -0,0 +1,16 @@
+# Error message displayed as combobox item when an API failed and the suggestions could not load
+comboboxWithApi.apiError = Sonuçlar yüklenemedi. Tekrar denemek için tıklayın.
+# Aria label for the clear button visible at the end of the combobox. When clicked, it will clear all text in the input, as well as the current selection.
+comboboxWithApiPagination.clearButtonAriaLabel = Giriş ve seçimi temizle
+# Error message displayed resembling button that calls to action to reload the results
+comboboxWithApiPagination.errorAction = Yeniden Yükle
+# Aria-label text for the error icon in the loading results error message
+comboboxWithApiPagination.errorIconLabel = Hata
+# Error message displayed as inline notice that informs the user that the options failed to load
+comboboxWithApiPagination.errorMessage = Seçenekler yüklenemedi
+# Visually hidden aria-label text for the loading spinner
+comboboxWithApiPagination.loadingAriaLabel = Yükleniyor...
+# Visually hidden aria-label text for the loading spinner show when loading more results from infinite scrolling list
+comboboxWithApiPagination.loadingMoreAriaLabel = Daha fazlası yükleniyor...
+# Message displayed when no results are found in the combobox
+comboboxWithApiPagination.noResults = Hiçbir sonuç bulunamadı

package/i18n/zh-CN.js

@@ -0,0 +1,10 @@
+export default {
+  "comboboxWithApi.apiError": "无法加载结果。单击以重试。",
+  "comboboxWithApiPagination.clearButtonAriaLabel": "清除输入和选择",
+  "comboboxWithApiPagination.errorAction": "重新加载",
+  "comboboxWithApiPagination.errorIconLabel": "错误",
+  "comboboxWithApiPagination.errorMessage": "无法加载选项",
+  "comboboxWithApiPagination.loadingAriaLabel": "正在加载...",
+  "comboboxWithApiPagination.loadingMoreAriaLabel": "加载更多...",
+  "comboboxWithApiPagination.noResults": "未找到结果"
+}

package/i18n/zh-CN.properties

@@ -0,0 +1,16 @@
+# Error message displayed as combobox item when an API failed and the suggestions could not load
+comboboxWithApi.apiError = 无法加载结果。单击以重试。
+# Aria label for the clear button visible at the end of the combobox. When clicked, it will clear all text in the input, as well as the current selection.
+comboboxWithApiPagination.clearButtonAriaLabel = 清除输入和选择
+# Error message displayed resembling button that calls to action to reload the results
+comboboxWithApiPagination.errorAction = 重新加载
+# Aria-label text for the error icon in the loading results error message
+comboboxWithApiPagination.errorIconLabel = 错误
+# Error message displayed as inline notice that informs the user that the options failed to load
+comboboxWithApiPagination.errorMessage = 无法加载选项
+# Visually hidden aria-label text for the loading spinner
+comboboxWithApiPagination.loadingAriaLabel = 正在加载...
+# Visually hidden aria-label text for the loading spinner show when loading more results from infinite scrolling list
+comboboxWithApiPagination.loadingMoreAriaLabel = 加载更多...
+# Message displayed when no results are found in the combobox
+comboboxWithApiPagination.noResults = 未找到结果

package/i18n/zh-TW.js

@@ -0,0 +1,10 @@
+export default {
+  "comboboxWithApi.apiError": "無法載入結果。按一下以重試。",
+  "comboboxWithApiPagination.clearButtonAriaLabel": "清除輸入和選擇",
+  "comboboxWithApiPagination.errorAction": "重新載入",
+  "comboboxWithApiPagination.errorIconLabel": "錯誤",
+  "comboboxWithApiPagination.errorMessage": "載入選項失敗",
+  "comboboxWithApiPagination.loadingAriaLabel": "正在載入...",
+  "comboboxWithApiPagination.loadingMoreAriaLabel": "正在載入更多...",
+  "comboboxWithApiPagination.noResults": "找不到結果"
+}

package/i18n/zh-TW.properties

@@ -0,0 +1,16 @@
+# Error message displayed as combobox item when an API failed and the suggestions could not load
+comboboxWithApi.apiError = 無法載入結果。按一下以重試。
+# Aria label for the clear button visible at the end of the combobox. When clicked, it will clear all text in the input, as well as the current selection.
+comboboxWithApiPagination.clearButtonAriaLabel = 清除輸入和選擇
+# Error message displayed resembling button that calls to action to reload the results
+comboboxWithApiPagination.errorAction = 重新載入
+# Aria-label text for the error icon in the loading results error message
+comboboxWithApiPagination.errorIconLabel = 錯誤
+# Error message displayed as inline notice that informs the user that the options failed to load
+comboboxWithApiPagination.errorMessage = 載入選項失敗
+# Visually hidden aria-label text for the loading spinner
+comboboxWithApiPagination.loadingAriaLabel = 正在載入...
+# Visually hidden aria-label text for the loading spinner show when loading more results from infinite scrolling list
+comboboxWithApiPagination.loadingMoreAriaLabel = 正在載入更多...
+# Message displayed when no results are found in the combobox
+comboboxWithApiPagination.noResults = 找不到結果

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@box/combobox-with-api",
+  "version": "0.25.0",
+  "peerDependencies": {
+    "@ariakit/react": "0.4.15",
+    "@box/blueprint-web": "^7.8.0",
+    "@box/blueprint-web-assets": "^4.16.0",
+    "lodash": "^4.17.15",
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0",
+    "react-intl": "^6.4.2"
+  },
+  "dependencies": {
+    "@box/tree": "^0.38.0"
+  },
+  "devDependencies": {
+    "@box/blueprint-web": "^9.18.6",
+    "@box/blueprint-web-assets": "^4.34.0",
+    "@box/storybook-utils": "^0.8.3",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0"
+  },
+  "scripts": {
+    "prepare": "yarn nx run combobox-with-api:prepare"
+  },
+  "publishConfig": {
+    "access": "public",
+    "directory": "dist",
+    "registry": "https://registry.npmjs.org"
+  },
+  "main": "./esm/index.js",
+  "module": "./esm/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./esm/index.js",
+      "import": "./esm/index.js",
+      "types": "./types/index.d.ts"
+    },
+    "./*": {
+      "require": "./esm/*",
+      "import": "./esm/*",
+      "types": "./types/*"
+    },
+    "./i18n/*": {
+      "require": "./i18n/*",
+      "import": "./i18n/*"
+    }
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "license": "SEE LICENSE IN LICENSE",
+  "gitHead": "79df9d03b4f09ec7f33ee7195e9654b9123c55d4"
+}

package/styles/combobox-with-api-error.css

@@ -0,0 +1 @@
+._container_1ozsi_1{display:flex;gap:var(--space-1);justify-content:center}

package/styles/combobox-with-api-pagination.css

@@ -0,0 +1 @@
+._container_1m7se_1{display:flex;gap:var(--space-1);justify-content:center}._disabled_1m7se_7._disabled_1m7se_7{opacity:unset}._highlightOptionText_1m7se_11 [data-user-value]{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}._highlightOptionText_1m7se_11 [data-autocomplete-value]{color:var(--text-text-on-light-secondary)}._highlightOptionText_1m7se_11._selected_1m7se_23,._highlightOptionText_1m7se_11._selected_1m7se_23 span{color:var(--text-text-on-light);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}._option_1m7se_34:nth-last-child(1 of._option_1m7se_34){scroll-margin-block-end:var(--space-12)}._errorComboboxOption_1m7se_38[role=option]{display:flex;align-items:center;justify-content:center}._errorComboboxOption_1m7se_38[role=option] ._errorComboboxOptionText_1m7se_43{display:flex;gap:var(--space-1);align-items:center}

package/styles/dynamic-loading-tree.css

@@ -0,0 +1 @@
+._container_sdpm3_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_sdpm3_1._disabled_sdpm3_12{opacity:.1}._container_sdpm3_1 ._label_sdpm3_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_sdpm3_1 ._label_sdpm3_15:not(._hiddenLabel_sdpm3_27){margin-block-end:var(--space-2)}._container_sdpm3_1 ._comboboxContainer_sdpm3_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_sdpm3_1 ._comboboxContainer_sdpm3_30._withComboboxButtons_sdpm3_46{padding-inline-end:var(--space-10)}._container_sdpm3_1 ._comboboxContainer_sdpm3_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_sdpm3_1 ._comboboxContainer_sdpm3_30:not(:disabled)._error_sdpm3_54,._container_sdpm3_1 ._comboboxContainer_sdpm3_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_sdpm3_1 ._comboboxContainer_sdpm3_30 ._textInputWrapper_sdpm3_62{display:flex;flex:content;gap:var(--space-2);align-items:center}._container_sdpm3_1 ._comboboxContainer_sdpm3_30 ._textInputWrapper_sdpm3_62 ._textInput_sdpm3_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_sdpm3_1 ._comboboxContainer_sdpm3_30 ._textInputWrapper_sdpm3_62 ._errorIcon_sdpm3_84 path{fill:var(--icon-icon-error-on-light)}._container_sdpm3_1 ._comboboxContainer_sdpm3_30 ._textInputWrapper_sdpm3_62 ._comboboxButtons_sdpm3_87{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center}._container_sdpm3_1 ._comboboxContainer_sdpm3_30._withChips_sdpm3_94{max-height:calc(2 * var(--space-2) + 3 * var(--space-6));padding-block:calc((40px - var(--space-7)) / 2 - var(--border-1))}._container_sdpm3_1 ._comboboxContainer_sdpm3_30._withChips_sdpm3_94:not(:disabled)._error_sdpm3_54{padding-block:calc((40px - var(--space-7)) / 2 - var(--border-2))}._container_sdpm3_1 ._comboboxContainer_sdpm3_30._withChips_sdpm3_94:not(:disabled):has(input:focus){padding-block:calc((40px - var(--space-7)) / 2 - var(--border-2))}._container_sdpm3_1 ._inlineError_sdpm3_104{margin-block-start:var(--space-2)}._popover_sdpm3_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_sdpm3_108 ul{padding-inline-start:0}._popover_sdpm3_108 ._option_sdpm3_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_sdpm3_108 ._option_sdpm3_134[aria-disabled]{opacity:.1}._popover_sdpm3_108 ._option_sdpm3_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_sdpm3_108 ._option_sdpm3_134:hover{background-color:var(--surface-menu-surface-hover)}._popover_sdpm3_108 ._option_sdpm3_134 ._indicator_sdpm3_157{position:absolute;top:0;left:var(--space-2);display:flex;align-items:center;justify-content:center;height:var(--size-9)}._popover_sdpm3_108 ._option_sdpm3_134 ._indicator_sdpm3_157 ._indicatorIcon_sdpm3_166 path{fill:var(--icon-icon-on-light)}._popover_sdpm3_108 ._optionWithIndicator_sdpm3_169{padding-inline:var(--space-10) var(--space-2)}._popover_sdpm3_108 ._loadingIndicator_sdpm3_172{position:unset}._popover_sdpm3_108 ._noResultOption_sdpm3_175{width:90vw;color:var(--text-text-on-light);text-align:center;-webkit-user-select:none;user-select:none}._popover_sdpm3_108 ._treeContainer_sdpm3_181{width:90vw}

package/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './lib/components/combobox-with-api-pagination';
+export * from './lib/components/combobox-with-api-tree-view';
+export { ComboboxWithApiContainer as ComboboxWithApi } from './lib/components/combobox-with-api/combobox-with-api-container';
+export { type ComboboxWithApiContainerProps as ComboboxWithApiProps } from './lib/components/combobox-with-api/types';

package/types/lib/components/combobox-with-api/combobox-with-api-container.d.ts

@@ -0,0 +1,3 @@
+import { OptionValue } from '@box/blueprint-web';
+import { ComboboxWithApiContainerProps } from './types';
+export declare const ComboboxWithApiContainer: <Multiple extends boolean, FreeInput extends boolean, T extends OptionValue>(props: ComboboxWithApiContainerProps<Multiple, FreeInput, T>) => import("react/jsx-runtime").JSX.Element;

package/types/lib/components/combobox-with-api/combobox-with-api-error.d.ts

@@ -0,0 +1,3 @@
+import { ComboboxWithApiErrorProps } from './types';
+declare const ComboboxWithApiError: import('react').ForwardRefExoticComponent<ComboboxWithApiErrorProps & import('react').RefAttributes<HTMLDivElement>>;
+export default ComboboxWithApiError;

package/types/lib/components/combobox-with-api/combobox-with-api.d.ts

@@ -0,0 +1,3 @@
+import { OptionValue } from '@box/blueprint-web';
+import { ComboboxWithApiProps } from './types';
+export declare const ComboboxWithApi: <Multiple extends boolean, FreeInput extends boolean, T extends OptionValue>(props: ComboboxWithApiProps<Multiple, FreeInput, T>) => import("react/jsx-runtime").JSX.Element;

package/types/lib/components/combobox-with-api/messages.d.ts

@@ -0,0 +1,8 @@
+declare const messages: {
+    loadingResultsError: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+};
+export default messages;

package/types/lib/components/combobox-with-api/stories/shared.d.ts

@@ -0,0 +1,8 @@
+import { OptionValue } from '@box/blueprint-web';
+import { ComboboxWithApiContainerProps, ComboboxWithApiProps } from '../types';
+export type ContainerTemplateProps = Omit<ComboboxWithApiContainerProps<true, false, OptionValue>, 'value' | 'onValueChange'>;
+export declare const defaultContainerTemplateProps: ContainerTemplateProps;
+export declare const ContainerTemplate: (props: ContainerTemplateProps) => import("react/jsx-runtime").JSX.Element;
+export type ComponentTemplateProps = Omit<ComboboxWithApiProps<true, false, OptionValue>, 'value' | 'onValueChange'>;
+export declare const defaultComponentTemplateProps: ComponentTemplateProps;
+export declare const ComponentTemplate: (props: ComponentTemplateProps) => import("react/jsx-runtime").JSX.Element;

package/types/lib/components/combobox-with-api/types.d.ts

@@ -0,0 +1,39 @@
+import { ComboboxProps, OptionValue } from '@box/blueprint-web';
+export type ComboboxWithApiProps<Multiple extends boolean, FreeInput extends boolean, T extends OptionValue> = Omit<ComboboxProps<Multiple, FreeInput, T>, 'error' | 'hideSelectedOptions'> & Required<Pick<ComboboxProps<Multiple, FreeInput, T>, 'value' | 'onValueChange' | 'loadingAriaLabel'>> & {
+    /**
+     * Displays error state
+     */
+    isError?: boolean;
+    /**
+     * Displays empty state
+     */
+    isEmpty?: boolean;
+    /**
+     * Displays loading state
+     */
+    isLoading?: boolean;
+    /**
+     * Function called when user clicks try again in error state
+     */
+    onTryAgain: () => void;
+};
+export type ComboboxWithApiContainerProps<Multiple extends boolean, FreeInput extends boolean, T extends OptionValue> = Omit<ComboboxWithApiProps<Multiple, FreeInput, T>, 'options' | 'onTryAgain'> & {
+    /**
+     * Debounce time in ms for the fetcher call. Defaults to 250ms.
+     */
+    debounceTime?: number;
+    /**
+     * Function to fetch options for the Combobox
+     */
+    fetcher: (inputValue: string) => Promise<T[]>;
+    /**
+     * Boolean to show a dropdown option for text input
+     */
+    includeTextInputOption?: boolean;
+};
+export type ComboboxWithApiErrorProps = {
+    /**
+     * onClick function for the try again button
+     */
+    onTryAgain: () => void;
+};

package/types/lib/components/combobox-with-api-pagination/combobox-with-api-pagination.d.ts

@@ -0,0 +1,17 @@
+import { BaseOptionType } from './types';
+export declare const ComboboxWithApiPagination: import('react').ForwardRefExoticComponent<{
+    defaultFetcher(input: import('./types').PaginationQueryInput): Promise<import('./types').FetcherResponse<BaseOptionType>>;
+    placeholder?: string;
+    includeTextInputOption?: boolean;
+    noResultMessage?: import('react').ReactElement | string;
+    onInputValueChange?: (inputValue: string) => void;
+    multiselect?: boolean;
+    onValueChange?: (selectedOptions: BaseOptionType[]) => void;
+    value?: BaseOptionType[];
+    defaultValue?: BaseOptionType[];
+    disabled?: boolean;
+    loadingAriaLabel?: string;
+    portalElement?: HTMLElement | (() => HTMLElement);
+    experimentalVirtualization?: boolean;
+    className?: string;
+} & import('@box/blueprint-web').Labelable & import('react').RefAttributes<HTMLInputElement>>;

package/types/lib/components/combobox-with-api-pagination/index.d.ts

@@ -0,0 +1,2 @@
+export { ComboboxWithApiPagination } from './combobox-with-api-pagination';
+export type { ComboboxWithApiPaginationProps, PaginationQueryInput, BaseOptionType, FetcherResponse } from './types';

package/types/lib/components/combobox-with-api-pagination/messages.d.ts

@@ -0,0 +1,38 @@
+declare const messages: {
+    loadingResultsErrorAction: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    loadingResultsErrorMessage: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    loadingResultsErrorIconLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    loadingAriaLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    loadingMoreAriaLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    noResults: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    clearButtonAriaLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+};
+export default messages;

package/types/lib/components/combobox-with-api-pagination/request.d.ts

@@ -0,0 +1,7 @@
+export declare enum RequestStates {
+    NOT_STARTED = "NOT_STARTED",
+    IN_PROGRESS = "IN_PROGRESS",
+    ERROR = "ERROR",
+    SUCCESS = "SUCCESS",
+    CANCELLED = "CANCELLED"
+}

package/types/lib/components/combobox-with-api-pagination/stories/shared.d.ts

@@ -0,0 +1,38 @@
+import { StoryObj } from '@storybook/react';
+import { ComboboxWithApiPagination } from '../combobox-with-api-pagination';
+import { BaseOptionType, PaginationQueryInput } from '../types';
+interface FetcherResponse {
+    marker?: string;
+    options: BaseOptionType[];
+}
+declare const combineSpanTextContent: (text: string) => (_content: string, element: HTMLElement) => boolean;
+interface MockFetcherProps extends PaginationQueryInput {
+    options?: BaseOptionType[];
+    delay?: number;
+    failOnLoadMore?: boolean;
+    failOnLoadMoreTimes?: number;
+}
+declare const findState: (name: string) => BaseOptionType;
+declare const mockFetcher: ({ delay, signal, searchInput, marker, failOnLoadMore, failOnLoadMoreTimes, options, }: MockFetcherProps) => Promise<FetcherResponse>;
+declare const mockRejectedFetcher: ({ delay }: MockFetcherProps) => Promise<FetcherResponse>;
+declare const defaultArgs: {
+    label: string;
+    defaultFetcher: ({ ...options }: PaginationQueryInput) => Promise<FetcherResponse>;
+    portalElement: () => HTMLElement;
+    multiselect: false;
+};
+declare const withoutDisplayValueArgs: {
+    defaultFetcher: ({ ...options }: {
+        [x: string]: any;
+    }) => Promise<FetcherResponse>;
+    label: string;
+    portalElement: () => HTMLElement;
+    multiselect: false;
+};
+type Story = StoryObj<typeof ComboboxWithApiPagination>;
+declare function getComboboxElements({ canvasElement }: Parameters<Story['play']>[0]): {
+    input: HTMLElement;
+    listbox: HTMLElement;
+    readonly loadingIndicator: HTMLElement;
+};
+export { findState, mockFetcher, mockRejectedFetcher, combineSpanTextContent, defaultArgs, getComboboxElements, withoutDisplayValueArgs, };

package/types/lib/components/combobox-with-api-pagination/types.d.ts

@@ -0,0 +1,49 @@
+import { Labelable } from '@box/blueprint-web';
+import { ReactElement } from 'react';
+export interface PaginationQueryInput {
+    marker?: string;
+    searchInput?: string;
+    /**
+     * Abort signal that will be used to cancel the request in your fetching function
+     */
+    signal?: AbortSignal;
+}
+export interface TreeQueryInput extends PaginationQueryInput {
+    onlySelectableOptions?: boolean;
+    level?: number;
+    ancestorId?: string;
+}
+export interface FetcherResponse<T> {
+    marker?: string;
+    options: T[];
+}
+export interface BaseOptionType {
+    displayValue?: string;
+    value: string;
+}
+export interface TreeAncestor {
+    id: string;
+    displayName: string;
+    level: number;
+}
+export interface TreeOptionType extends BaseOptionType {
+    level: number;
+    ancestors?: TreeAncestor[];
+    selectable: boolean;
+}
+export type ComboboxWithApiPaginationProps<T extends BaseOptionType> = {
+    defaultFetcher(input: PaginationQueryInput): Promise<FetcherResponse<T>>;
+    placeholder?: string;
+    includeTextInputOption?: boolean;
+    noResultMessage?: ReactElement | string;
+    onInputValueChange?: (inputValue: string) => void;
+    multiselect?: boolean;
+    onValueChange?: (selectedOptions: T[]) => void;
+    value?: T[];
+    defaultValue?: T[];
+    disabled?: boolean;
+    loadingAriaLabel?: string;
+    portalElement?: HTMLElement | (() => HTMLElement);
+    experimentalVirtualization?: boolean;
+    className?: string;
+} & Labelable;

package/types/lib/components/combobox-with-api-pagination/use-async-list.d.ts

@@ -0,0 +1,63 @@
+import { RequestStates } from './request';
+interface AsyncListOptions<T, C> {
+    /** A function that loads the data for the items in the list. */
+    load: AsyncListLoadFunction<T, C>;
+}
+type AsyncListLoadFunction<T, C> = (state: AsyncListLoadOptions<T, C>) => AsyncListStateUpdate<T, C> | Promise<AsyncListStateUpdate<T, C>>;
+interface AsyncListLoadOptions<T, C> {
+    /** The items currently in the list. */
+    items: T[];
+    /** The pagination marker returned from the last page load. */
+    marker?: C;
+    /** The current request state of the list. */
+    requestState?: RequestStates;
+    /** The current filter text used to perform server side filtering. */
+    searchInput?: string;
+    /** An abort signal used to notify the load function that the request has been aborted. */
+    signal: AbortSignal;
+}
+interface AsyncListStateUpdate<T, C> {
+    /** The new items to append to the list. */
+    items: Iterable<T>;
+    /** The pagination marker to be used for the next page load. */
+    marker?: C;
+    /** The updated filter text for the list. */
+    searchInput?: string;
+}
+declare enum ActionTypes {
+    LOAD_MORE = "LOAD_MORE",
+    RELOAD = "RELOAD",
+    SEARCH = "SEARCH",
+    SET_ERROR = "SET_ERROR",
+    SET_LOADING = "SET_LOADING"
+}
+interface AsyncListData<T> {
+    /** If loading data failed, then this contains the error that occurred. */
+    hasError: boolean;
+    /** Whether marker is expecting a next page. */
+    hasNextPage: boolean;
+    /** Whether data is populated. */
+    isEmpty: boolean;
+    /** Whether request is in a loading state. */
+    isLoading: boolean;
+    /** Wether all options are hidden and a loading indicator is all that appears */
+    isReloading: boolean;
+    /** The items in the list. */
+    items: T[];
+    /** Loads the next page of data in the list. */
+    loadMore(): void;
+    /** Reloads the data in the list. */
+    reload(): void;
+    /** Return the last action used in the reducer. */
+    requestInitiator: ActionTypes;
+    /** The current filter text. */
+    searchInput: string;
+    /** Sets the filter text. */
+    search(searchInput: string): void;
+}
+/**
+ * Manages state for an immutable async loaded list data structure, and provides convenience methods to
+ * update the data over time. Manages request states and pagination.
+ */
+export declare function useAsyncList<T, C = string>(options: AsyncListOptions<T, C>): AsyncListData<T>;
+export {};

package/types/lib/components/combobox-with-api-pagination/utils/is-abort-error.d.ts

@@ -0,0 +1 @@
+export declare function isAbortError(error: unknown): boolean;

package/types/lib/components/combobox-with-api-pagination/utils/use-controllable-state.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface UseControllableStateParams<T> {
+    prop?: T | undefined;
+    defaultProp?: T | undefined;
+    onChange?: (state: T) => void;
+}
+declare function useControllableState<T>({ prop, defaultProp, onChange }: UseControllableStateParams<T>): readonly [T, React.Dispatch<React.SetStateAction<T>>];
+export { useControllableState };

package/types/lib/components/combobox-with-api-pagination/utils/use-intersection-observer.d.ts

@@ -0,0 +1,28 @@
+export type IntersectionObserverHookArgs = Omit<IntersectionObserverInit, 'root'>;
+export type IntersectionObserverHookRefCallbackNode = Element | null;
+export type IntersectionObserverHookRefCallback = (node: IntersectionObserverHookRefCallbackNode) => void;
+export type IntersectionObserverHookRootRefCallbackNode = IntersectionObserverInit['root'];
+export type IntersectionObserverHookRootRefCallback = (node: IntersectionObserverHookRootRefCallbackNode) => void;
+export type IntersectionObserverHookResult = [
+    IntersectionObserverHookRefCallback,
+    {
+        entry: IntersectionObserverEntry | undefined;
+        rootRef: IntersectionObserverHookRootRefCallback;
+    }
+];
+export interface CachedIntersectionObserver {
+    observe: (node: Element, callback: (entry: IntersectionObserverEntry) => void) => void;
+    unobserve: (node: Element) => void;
+}
+export declare function createObserverCache(): {
+    getObserver: ({ root, rootMargin, threshold }: IntersectionObserverInit) => CachedIntersectionObserver;
+};
+export type TrackVisibilityHookArgs = IntersectionObserverHookArgs;
+export type TrackVisibilityHookResult = [
+    IntersectionObserverHookResult[0],
+    IntersectionObserverHookResult[1] & {
+        isVisible: boolean;
+        wasEverVisible: boolean;
+    }
+];
+export declare function useTrackVisibility(args?: IntersectionObserverHookArgs): TrackVisibilityHookResult;