@reportportal/ui-kit 0.0.1-alpha.14 → 0.0.1-alpha.141
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/README.md +28 -2
- package/dist/adaptiveTagList.cjs +1 -0
- package/dist/attachedFile.cjs +1 -0
- package/dist/autocompletes.cjs +1 -0
- package/dist/baseIconButton-263e74dc.js +1 -0
- package/dist/baseIconButton.cjs +1 -0
- package/dist/bind-29baac98.js +5 -0
- package/dist/breadcrumbs-a11e7e56.js +1 -0
- package/dist/breadcrumbs.cjs +1 -0
- package/dist/bubblesLoader-98fdf0af.js +1 -0
- package/dist/bubblesLoader.cjs +1 -0
- package/dist/button-8456d133.js +1 -0
- package/dist/button.cjs +1 -0
- package/dist/calendarArrow-6c6d9356.js +1 -0
- package/dist/checkbox-d4cc648d.js +1 -0
- package/dist/checkbox.cjs +1 -0
- package/dist/chevronDownDropdown-6196562c.js +1 -0
- package/dist/clear-07e1c174.js +1 -0
- package/dist/close-82e2e274.js +1 -0
- package/dist/common/constants/floatingUi.d.ts +8 -0
- package/dist/common/constants/sortable.d.ts +1 -0
- package/dist/common/hooks/index.d.ts +1 -0
- package/dist/common/hooks/useOnClickOutside.d.ts +5 -1
- package/dist/common/hooks/useSortable.d.ts +3 -0
- package/dist/common/types/commonTypes.d.ts +4 -0
- package/dist/common/types/index.d.ts +2 -0
- package/dist/common/types/sortableTypes.d.ts +69 -0
- package/dist/common/utils/floatingUi.d.ts +3 -0
- package/dist/common/utils/getFileExtension.d.ts +1 -0
- package/dist/common/utils/index.d.ts +3 -0
- package/dist/common/utils/isString.d.ts +1 -0
- package/dist/common/utils/testUtils.d.ts +3 -0
- package/dist/components/adaptiveTagList/adaptiveTagList.d.ts +11 -0
- package/dist/components/adaptiveTagList/constants.d.ts +6 -0
- package/dist/components/adaptiveTagList/index.d.ts +2 -0
- package/dist/components/attachedFile/attachedFile.d.ts +14 -0
- package/dist/components/attachedFile/index.d.ts +2 -0
- package/dist/components/autocompletes/common/autocompleteMenu/autocompleteMenu.d.ts +10 -0
- package/dist/components/autocompletes/common/autocompleteMenu/index.d.ts +1 -0
- package/dist/components/autocompletes/common/autocompleteOption/autocompleteOption.d.ts +13 -0
- package/dist/components/autocompletes/common/autocompleteOption/index.d.ts +1 -0
- package/dist/components/autocompletes/common/autocompleteOptions.d.ts +19 -0
- package/dist/components/autocompletes/common/autocompletePrompt/autocompletePrompt.d.ts +7 -0
- package/dist/components/autocompletes/common/autocompletePrompt/index.d.ts +1 -0
- package/dist/components/autocompletes/common/index.d.ts +19 -0
- package/dist/components/autocompletes/constants.d.ts +2 -0
- package/dist/components/autocompletes/index.d.ts +3 -0
- package/dist/components/autocompletes/multipleAutocomplete/index.d.ts +17 -0
- package/dist/components/autocompletes/multipleAutocomplete/multipleAutocomplete.d.ts +53 -0
- package/dist/components/autocompletes/multipleAutocomplete/multipleDownshift.d.ts +25 -0
- package/dist/components/autocompletes/multipleAutocomplete/selectedItems/index.d.ts +1 -0
- package/dist/components/autocompletes/multipleAutocomplete/selectedItems/selectedItems.d.ts +41 -0
- package/dist/components/autocompletes/singleAutocomplete/index.d.ts +1 -0
- package/dist/components/autocompletes/singleAutocomplete/singleAutocomplete.d.ts +42 -0
- package/dist/components/autocompletes/types.d.ts +8 -0
- package/dist/components/autocompletes/utils.d.ts +5 -0
- package/dist/components/{icons/baseIconButton → baseIconButton}/baseIconButton.d.ts +1 -0
- package/dist/components/{icons/baseIconButton → baseIconButton}/index.d.ts +1 -0
- package/dist/components/breadcrumbs/breadcrumb/breadcrumb.d.ts +10 -0
- package/dist/components/breadcrumbs/breadcrumb/index.d.ts +1 -0
- package/dist/components/breadcrumbs/breadcrumbs.d.ts +3 -0
- package/dist/components/breadcrumbs/breadcrumbsProvider/breadcrumbsProvider.d.ts +13 -0
- package/dist/components/breadcrumbs/breadcrumbsProvider/hooks.d.ts +3 -0
- package/dist/components/breadcrumbs/breadcrumbsProvider/index.d.ts +1 -0
- package/dist/components/breadcrumbs/hiddenBreadcrumbs/hiddenBreadcrumbs.d.ts +6 -0
- package/dist/components/breadcrumbs/hiddenBreadcrumbs/index.d.ts +2 -0
- package/dist/components/breadcrumbs/index.d.ts +5 -0
- package/dist/components/breadcrumbs/tree/index.d.ts +1 -0
- package/dist/components/breadcrumbs/tree/tree.d.ts +7 -0
- package/dist/components/breadcrumbs/types.d.ts +24 -0
- package/dist/components/bubblesLoader/bubblesLoader.d.ts +2 -0
- package/dist/components/bubblesLoader/index.d.ts +1 -0
- package/dist/components/button/button.d.ts +5 -4
- package/dist/components/button/index.d.ts +1 -0
- package/dist/components/checkbox/checkbox.d.ts +2 -1
- package/dist/components/checkbox/index.d.ts +1 -0
- package/dist/components/datePicker/datePicker.d.ts +2 -1
- package/dist/components/datePicker/header/datePickerHeader.d.ts +1 -0
- package/dist/components/datePicker/header/index.d.ts +1 -0
- package/dist/components/datePicker/index.d.ts +3 -1
- package/dist/components/datePicker/utils.d.ts +1 -0
- package/dist/components/dropdown/constants.d.ts +4 -0
- package/dist/components/dropdown/dropdown.d.ts +38 -4
- package/dist/components/dropdown/dropdownOption/dropdownOption.d.ts +1 -0
- package/dist/components/dropdown/dropdownOption/index.d.ts +1 -0
- package/dist/components/dropdown/index.d.ts +2 -0
- package/dist/components/dropdown/types.d.ts +11 -0
- package/dist/components/dropdown/utils.d.ts +6 -2
- package/dist/components/fieldLabel/fieldLabel.d.ts +7 -0
- package/dist/components/fieldLabel/index.d.ts +1 -0
- package/dist/components/fieldNumber/constants.d.ts +1 -0
- package/dist/components/fieldNumber/fieldNumber.d.ts +3 -3
- package/dist/components/fieldNumber/index.d.ts +1 -0
- package/dist/components/fieldText/fieldText.d.ts +12 -4
- package/dist/components/fieldText/index.d.ts +1 -0
- package/dist/components/fieldTextFlex/fieldTextFlex.d.ts +5 -2
- package/dist/components/fieldTextFlex/index.d.ts +1 -0
- package/dist/components/fileDropArea/attachedFilesList/attachedFilesList.d.ts +21 -0
- package/dist/components/fileDropArea/attachedFilesList/index.d.ts +5 -0
- package/dist/components/fileDropArea/browseButton/browseButton.d.ts +9 -0
- package/dist/components/fileDropArea/browseButton/index.d.ts +4 -0
- package/dist/components/fileDropArea/constants.d.ts +2 -0
- package/dist/components/fileDropArea/dropZone/dropZone.d.ts +10 -0
- package/dist/components/fileDropArea/dropZone/index.d.ts +4 -0
- package/dist/components/fileDropArea/errorMessage/errorMessage.d.ts +5 -0
- package/dist/components/fileDropArea/errorMessage/index.d.ts +4 -0
- package/dist/components/fileDropArea/fileDropArea.d.ts +19 -0
- package/dist/components/fileDropArea/fileDropAreaProvider/fileDropAreaProvider.d.ts +17 -0
- package/dist/components/fileDropArea/fileDropAreaProvider/index.d.ts +1 -0
- package/dist/components/fileDropArea/fileDropAreaProvider/useFileDropAreaContext.d.ts +3 -0
- package/dist/components/fileDropArea/hooks/index.d.ts +1 -0
- package/dist/components/fileDropArea/hooks/useFileDropArea.d.ts +13 -0
- package/dist/components/fileDropArea/hooks/useFileProcessing.d.ts +13 -0
- package/dist/components/fileDropArea/hooks/useOverlayDropArea.d.ts +22 -0
- package/dist/components/fileDropArea/index.d.ts +6 -0
- package/dist/components/fileDropArea/types.d.ts +58 -0
- package/dist/components/fileDropArea/utils/getValidationErrorMessage.d.ts +3 -0
- package/dist/components/fileDropArea/utils/index.d.ts +2 -0
- package/dist/components/fileDropArea/utils/validateFile.d.ts +3 -0
- package/dist/components/filtersButton/filtersButton.d.ts +9 -0
- package/dist/components/filtersButton/index.d.ts +2 -0
- package/dist/components/icons/index.d.ts +63 -9
- package/dist/components/index.d.ts +24 -10
- package/dist/components/maxValueDisplay/index.d.ts +4 -0
- package/dist/components/maxValueDisplay/maxValueDisplay.d.ts +8 -0
- package/dist/components/maxValueDisplay/utils/index.d.ts +1 -0
- package/dist/components/maxValueDisplay/utils/isPositiveInteger.d.ts +1 -0
- package/dist/components/modal/index.d.ts +1 -0
- package/dist/components/modal/modal.d.ts +4 -4
- package/dist/components/modal/modalContent/modalContent.d.ts +2 -0
- package/dist/components/modal/modalFooter/modalFooter.d.ts +3 -1
- package/dist/components/modal/modalHeader/modalHeader.d.ts +1 -0
- package/dist/components/modal/types.d.ts +6 -0
- package/dist/components/pagination/index.d.ts +1 -0
- package/dist/components/pagination/itemsCounter/itemCounter.d.ts +1 -0
- package/dist/components/pagination/pageControls/activePage/activePage.d.ts +1 -0
- package/dist/components/pagination/pageControls/activePage/pageSelector/pageSelector.d.ts +1 -0
- package/dist/components/pagination/pageControls/pageControls.d.ts +1 -0
- package/dist/components/pagination/pageControls/pageNavigator/bar/bar.d.ts +1 -0
- package/dist/components/pagination/pageControls/pageNavigator/pageNavigator.d.ts +1 -0
- package/dist/components/pagination/pageSizeControl/pageSizeControl.d.ts +1 -0
- package/dist/components/pagination/pageSizeControl/sizeSelector/sizeSelector.d.ts +1 -0
- package/dist/components/pagination/pagination.d.ts +1 -0
- package/dist/components/popover/index.d.ts +4 -1
- package/dist/components/popover/popover.d.ts +3 -2
- package/dist/components/radio/index.d.ts +1 -0
- package/dist/components/radio/radio.d.ts +1 -0
- package/dist/components/radio/radioGroup.d.ts +1 -0
- package/dist/components/selection/index.d.ts +5 -0
- package/dist/components/selection/selection.d.ts +12 -0
- package/dist/components/selection/types.d.ts +1 -0
- package/dist/components/sidePanel/index.d.ts +2 -0
- package/dist/components/sidePanel/sidePanel.d.ts +17 -0
- package/dist/components/sortable/dragLayer/dragLayer.d.ts +3 -0
- package/dist/components/sortable/dragLayer/index.d.ts +1 -0
- package/dist/components/sortable/helpers.d.ts +4 -0
- package/dist/components/sortable/index.d.ts +3 -0
- package/dist/components/sortable/sortableItem/index.d.ts +1 -0
- package/dist/components/sortable/sortableItem/sortableItem.d.ts +3 -0
- package/dist/components/sortable/sortableList/index.d.ts +1 -0
- package/dist/components/sortable/sortableList/sortableList.d.ts +5 -0
- package/dist/components/spinLoader/index.d.ts +4 -0
- package/dist/components/spinLoader/spinLoader.d.ts +8 -0
- package/dist/components/systemAlert/index.d.ts +1 -0
- package/dist/components/systemAlert/systemAlert.d.ts +4 -0
- package/dist/components/systemAlert/types.d.ts +22 -0
- package/dist/components/systemMessage/index.d.ts +1 -0
- package/dist/components/systemMessage/systemMessage.d.ts +1 -0
- package/dist/components/table/constants.d.ts +5 -0
- package/dist/components/table/hooks/index.d.ts +4 -0
- package/dist/components/table/hooks/useColumnWidths.d.ts +8 -0
- package/dist/components/table/hooks/useTableColumns.d.ts +13 -0
- package/dist/components/table/hooks/useTableExpansion.d.ts +15 -0
- package/dist/components/table/hooks/useTableHover.d.ts +10 -0
- package/dist/components/table/index.d.ts +2 -0
- package/dist/components/table/table.d.ts +1 -0
- package/dist/components/table/types.d.ts +28 -9
- package/dist/components/table/utils.d.ts +10 -1
- package/dist/components/themeProvider/index.d.ts +1 -0
- package/dist/components/themeProvider/themeProvider.d.ts +1 -0
- package/dist/components/toggle/index.d.ts +1 -0
- package/dist/components/toggle/toggle.d.ts +1 -0
- package/dist/components/tooltip/tooltip.d.ts +12 -2
- package/dist/datePicker-245e845d.js +1 -0
- package/dist/datePicker.cjs +1 -0
- package/dist/dropdown-b56964c6.js +1 -0
- package/dist/dropdown-fa4cd19c.js +1 -0
- package/dist/dropdown.cjs +1 -0
- package/dist/fieldLabel.cjs +1 -0
- package/dist/fieldNumber-9fe044df.js +1 -0
- package/dist/fieldNumber.cjs +1 -0
- package/dist/fieldText-2af0d7db.js +1 -0
- package/dist/fieldText.cjs +1 -0
- package/dist/fieldTextFlex-c26b190d.js +1 -0
- package/dist/fieldTextFlex.cjs +1 -0
- package/dist/fileDropArea.cjs +1 -0
- package/dist/filterOutline-5f3f8591.js +1 -0
- package/dist/filtersButton.cjs +1 -0
- package/dist/floatingUi-97183bba.js +1 -0
- package/dist/fonts/OpenSans/OpenSans-Bold.ttf +0 -0
- package/dist/fonts/OpenSans/OpenSans-Medium.ttf +0 -0
- package/dist/icons.cjs +1 -0
- package/dist/index-4c0424bf.js +1 -0
- package/dist/index.cjs +1 -0
- package/dist/isEmpty-fe949e63.js +1 -0
- package/dist/keyCodes-b188a920.js +1 -0
- package/dist/maxValueDisplay-68f1f114.js +1 -0
- package/dist/maxValueDisplay.cjs +1 -0
- package/dist/minus-0debd2c6.js +1 -0
- package/dist/modal.cjs +1 -0
- package/dist/openEye-737c72d6.js +1 -0
- package/dist/pagination-fc5189f7.js +1 -0
- package/dist/pagination.cjs +1 -0
- package/dist/plus-b12abe9f.js +1 -0
- package/dist/popover.cjs +1 -0
- package/dist/prevPage-063b5d63.js +1 -0
- package/dist/radio-aba4677b.js +1 -0
- package/dist/radio.cjs +1 -0
- package/dist/selection-49b927d0.js +1 -0
- package/dist/selection.cjs +1 -0
- package/dist/sidePanel.cjs +1 -0
- package/dist/sortable.cjs +1 -0
- package/dist/spinLoader-9ebd776a.js +1 -0
- package/dist/spinLoader.cjs +1 -0
- package/dist/style.css +1 -1
- package/dist/success-823e5446.js +1 -0
- package/dist/systemAlert.cjs +1 -0
- package/dist/systemMessage-1ae2764d.js +1 -0
- package/dist/systemMessage.cjs +1 -0
- package/dist/table-cd9f0ff3.js +1 -0
- package/dist/table.cjs +1 -0
- package/dist/themeProvider-4dfafca5.js +1 -0
- package/dist/themeProvider.cjs +1 -0
- package/dist/toggle-359b70d4.js +1 -0
- package/dist/toggle.cjs +1 -0
- package/dist/tooltip.cjs +1 -0
- package/dist/tree-4610ac42.js +1 -0
- package/dist/xls-3ed747b0.js +1 -0
- package/package.json +47 -19
- package/dist/baseIconButton-7bc53dec.js +0 -25
- package/dist/baseIconButton.js +0 -7
- package/dist/bind-06a7ff84.js +0 -41
- package/dist/bubblesLoader-a7e709d4.js +0 -17
- package/dist/bubblesLoader.js +0 -7
- package/dist/button-7fb84fde.js +0 -62
- package/dist/button.js +0 -8
- package/dist/checkbox-6777be17.js +0 -73
- package/dist/checkbox.js +0 -9
- package/dist/dropdown-c3ca9c1a.js +0 -212
- package/dist/dropdown.js +0 -14
- package/dist/fieldNumber-46fe79b9.js +0 -127
- package/dist/fieldNumber.js +0 -10
- package/dist/fieldText-d80b29ba.js +0 -102
- package/dist/fieldText.js +0 -9
- package/dist/fieldTextFlex-5bddf46a.js +0 -67
- package/dist/fieldTextFlex.js +0 -8
- package/dist/index-0be12e80.js +0 -145
- package/dist/index.js +0 -247
- package/dist/keyCodes-f63c0e11.js +0 -4
- package/dist/modal.js +0 -16
- package/dist/pagination-5449cd03.js +0 -346
- package/dist/pagination.js +0 -15
- package/dist/popover.js +0 -95
- package/dist/radio-fd49a09c.js +0 -76
- package/dist/radio.js +0 -9
- package/dist/systemMessage-1ced6079.js +0 -30
- package/dist/systemMessage.js +0 -7
- package/dist/table-83e050dc.js +0 -147
- package/dist/table.js +0 -11
- package/dist/themeProvider-46c2be7b.js +0 -23
- package/dist/themeProvider.js +0 -7
- package/dist/toggle-707ecb74.js +0 -67
- package/dist/toggle.js +0 -9
- package/dist/tooltip.js +0 -70
- package/dist/useOnClickOutside-c332f7d3.js +0 -16
package/README.md
CHANGED
|
@@ -45,7 +45,7 @@ const MyComponent = () => (
|
|
|
45
45
|
|
|
46
46
|
### Theming
|
|
47
47
|
|
|
48
|
-
All components are provided with the `light
|
|
48
|
+
All components are provided with the `light` theme by default.
|
|
49
49
|
To use the `dark` theme, you need to wrap your application with the `ThemeProvider` component and pass the `dark` theme as a prop:
|
|
50
50
|
|
|
51
51
|
```jsx
|
|
@@ -234,4 +234,30 @@ The CSS custom properties that come from DS are prefixed with `rp-ui-base` to av
|
|
|
234
234
|
|
|
235
235
|
### Testing
|
|
236
236
|
|
|
237
|
-
|
|
237
|
+
Each new component/hook/utility **must be** covered by unit/component tests.
|
|
238
|
+
All existing uncovered stuff will be tested gradually in the scope of tech-debt elimination activities.
|
|
239
|
+
|
|
240
|
+
#### Testing Tools
|
|
241
|
+
|
|
242
|
+
The project uses the following testing tools:
|
|
243
|
+
- **Vitest**: Fast testing framework, compatible with Vite
|
|
244
|
+
- **React Testing Library**: For testing React components with a focus on user interactions
|
|
245
|
+
- **@testing-library/user-event**: For simulating user events in tests
|
|
246
|
+
- **JSDOM**: For simulating a DOM environment in Node.js
|
|
247
|
+
- **@vitest/coverage-v8**: For code coverage reporting
|
|
248
|
+
|
|
249
|
+
#### Test Scripts
|
|
250
|
+
|
|
251
|
+
Available npm scripts for testing:
|
|
252
|
+
- `npm run test` - Run tests in watch mode
|
|
253
|
+
- `npm run test:coverage` - Run tests with coverage report
|
|
254
|
+
- `npm run test:ci` - Run tests once (for CI environments)
|
|
255
|
+
- `npm run test:ui` - Run tests with UI interface
|
|
256
|
+
|
|
257
|
+
#### Test Coverage
|
|
258
|
+
|
|
259
|
+
The project maintains a minimum of 80% test coverage threshold for:
|
|
260
|
+
- Statements
|
|
261
|
+
- Branches
|
|
262
|
+
- Functions
|
|
263
|
+
- Lines
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),z=require("./bind-29baac98.js"),M=require("./button-8456d133.js"),J=require("./close-82e2e274.js"),K=require("./isEmpty-fe949e63.js"),Q=3,X=22,Z=8,A=0,V=100,tt=20,et={"tag-list-wrapper":"_tag-list-wrapper_1yg21_16","tag-list-wrapper--show-all-view":"_tag-list-wrapper--show-all-view_1yg21_19","tag-list":"_tag-list_1yg21_16","tag-list--full-width":"_tag-list--full-width_1yg21_31","tag-list--show-all-view":"_tag-list--show-all-view_1yg21_34","tag-list--expanded":"_tag-list--expanded_1yg21_40","tag-list--no-tags":"_tag-list--no-tags_1yg21_45","tag-list__item":"_tag-list__item_1yg21_49","tag-list__item-title":"_tag-list__item-title_1yg21_78","tag-list__item--is-editable":"_tag-list__item--is-editable_1yg21_93","tag-list__item-remove":"_tag-list__item-remove_1yg21_99","tag-list__item--count":"_tag-list__item--count_1yg21_123","tag-list__item--button-show-all-view":"_tag-list__item--button-show-all-view_1yg21_137","tag-list__item--button-wrapper":"_tag-list__item--button-wrapper_1yg21_141","no-tags-message":"_no-tags-message_1yg21_158"},o=z.classNames.bind(et),st=({tags:v,isShowAllView:s=!1,defaultVisibleLines:a=Q,onRemoveTag:_,noTagsMessage:F="No tags added",showAllText:b="Show all",hideAllText:C="Hide all",showLessText:T="Show less"})=>{const u=n.useRef(null),[f,N]=n.useState(0),[c,q]=n.useState(!1),[D,j]=n.useState(new Set),[I,G]=n.useState(!1),R=n.useCallback((t,i)=>{t.stopPropagation(),_==null||_(i)},[_]),O=n.useCallback(()=>{const t=u.current,i=new Set;if(!t)return;const l=[...t.children].filter(r=>!r.classList.contains("tag-list__item--button"));if(l.length===0)return;const d=l[0].offsetTop,E=t.getBoundingClientRect().right;let m=0;l.forEach((r,p)=>{const y=r.getBoundingClientRect(),L=r.offsetTop!==d,U=y.right>E;(L||U)&&(i.add(p),m+=1)}),j(i),N(m)},[]),H=n.useCallback(()=>{const t=u.current,i=new Set;if(!t||!a)return;const l=[...t.children].filter(p=>!p.classList.contains("tag-list__item--button"));if(l.length===0)return;const d=l[0].offsetTop,g=l[0].offsetHeight,E=d+g*(a-1);let m=0,r=!1;l.forEach((p,y)=>{p.offsetTop>E+tt&&(i.add(y),m+=1,r=!0)}),j(i),N(m),G(r)},[a]),P=n.useMemo(()=>s&&a&&!c?{maxHeight:`${X*a+Z*(a-1)}px`,overflow:"hidden"}:{},[s,a,c]);n.useEffect(()=>{if(!u.current)return;const l=setTimeout(()=>{s&&a?H():O()},s&&a?A:V);return()=>clearTimeout(l)},[u,s,a,O,H,f]);const x=n.useCallback(()=>{q(t=>!t)},[]),W=t=>{t.stopPropagation(),x()},h=n.useCallback(t=>{t.stopPropagation(),x()},[x]),S=n.useMemo(()=>f>0&&!c,[f,c]),k=n.useMemo(()=>s&&a&&I&&!c,[s,a,I,c]),w=n.useMemo(()=>e.jsx("div",{className:o("tag-list__item--button-wrapper"),children:e.jsx(M.Button,{className:o("tag-list__item--button","tag-list__item--button-show-all-view"),onClick:h,variant:"text",children:b})}),[h,b]),B=n.useMemo(()=>e.jsx("div",{className:o({"tag-list__item--button-wrapper":s}),children:e.jsx(M.Button,{className:o("tag-list__item--button",{"tag-list__item--button-show-all-view":s&&a}),onClick:h,variant:"text",children:s&&a?C:T})}),[h,s,a,C,T]),$=n.useCallback((t,i)=>{t&&(t.scrollWidth>t.clientWidth?t.setAttribute("title",i):t.removeAttribute("title"))},[]);return K.isEmpty(v)?e.jsx("div",{className:o("tag-list-wrapper"),children:e.jsx("div",{className:o("tag-list","tag-list--no-tags","tag-list--full-width"),children:e.jsx("div",{className:o("no-tags-message"),children:F})})}):e.jsxs("div",{className:o("tag-list-wrapper",{"tag-list-wrapper--show-all-view":s}),children:[e.jsxs("div",{className:o("tag-list","tag-list--full-width",{"tag-list--expanded":c,"tag-list--show-all-view":s&&!c}),style:P,ref:u,children:[v.map((t,i)=>{const l=!c&&D.has(i),d=!s&&l;return e.jsxs("div",{className:o("tag-list__item",{"tag-list__item--is-editable":!!_}),style:{display:d?"none":"flex"},children:[e.jsx("div",{className:o("tag-list__item-title"),ref:g=>$(g,t),children:t}),_&&e.jsx("button",{type:"button",className:o("tag-list__item-remove"),onClick:g=>R(g,t),children:e.jsx(J.SvgClose,{})})]},`${i}-${t}`)}),!s&&e.jsxs(e.Fragment,{children:[c&&B,k&&w]})]}),s&&e.jsxs(e.Fragment,{children:[c&&B,k&&w]}),S&&!s?e.jsxs("button",{type:"button",className:o("tag-list__item","tag-list__item--count"),onClick:W,children:["+",f]}):null]})};exports.AdaptiveTagList=st;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-4c0424bf.js");require("react/jsx-runtime");require("react");require("./bind-29baac98.js");require("./close-82e2e274.js");require("./xls-3ed747b0.js");exports.AttachedFile=e.AttachedFile;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),N=require("react"),G=require("./bind-29baac98.js"),Ae=require("rc-scrollbars"),Re=require("./bubblesLoader-98fdf0af.js"),Fe=require("./button-8456d133.js"),Me=require("./plus-b12abe9f.js"),_e=require("./isEmpty-fe949e63.js"),ne=require("downshift"),re=require("@floating-ui/react"),De=require("./fieldText-2af0d7db.js"),je=require("./dropdown-fa4cd19c.js"),$e=require("./close-82e2e274.js"),Be=require("./clear-07e1c174.js");require("./openEye-737c72d6.js");require("./baseIconButton-263e74dc.js");require("./spinLoader-9ebd776a.js");require("./maxValueDisplay-68f1f114.js");require("./fieldLabel.cjs");const Pe="_disabled_1rpph_43",Oe="_input_1rpph_107",ze={"selected-item":"_selected-item_1rpph_16","validation-error":"_validation-error_1rpph_35","highlight-un-stored-item":"_highlight-un-stored-item_1rpph_40",disabled:Pe,"mobile-disabled":"_mobile-disabled_1rpph_48","selected-item-text":"_selected-item-text_1rpph_54","single-line":"_single-line_1rpph_58","cross-icon":"_cross-icon_1rpph_64",input:Oe},oe=G.classNames.bind(ze),He=s=>s.scrollWidth>s.clientWidth,Le=({item:s,onRemoveItem:e,disabled:a=!1,mobileDisabled:r=!1,parseValueToString:n,error:d=!1,editItem:x,editable:f=!1,getAdditionalCreationCondition:v=()=>!0,storedOption:j=!0,highlightUnStoredItem:p=!1,variant:q="light",getItemName:w,singleLine:u=!1,className:A,textClassName:k})=>{const[g,b]=N.useState(!1),[C,S]=N.useState(""),[l,c]=N.useState(!1),o=N.useRef(null),i=()=>{!a&&f&&!j&&(S((w==null?void 0:w(s))||(n==null?void 0:n(s))||""),b(!0))},_=I=>{S(I.target.value)},P=I=>{const O=v(C);I.key==="Enter"&&O&&(x(s,C),b(!1),S(""))},H=()=>{b(!1),S("")},B=I=>{I.stopPropagation(),e(s)},L=(n==null?void 0:n(s))||"";N.useEffect(()=>{if(o.current&&u){const I=()=>{o.current&&c(He(o.current))};if(I(),typeof ResizeObserver<"u"){const O=new ResizeObserver(I);return O.observe(o.current),()=>O.disconnect()}}else c(!1)},[L,u]);const J=oe("selected-item-text",{"single-line":u},k),ee=oe("selected-item",q,{[`validation-${d}`]:d,disabled:a,"mobile-disabled":r,"highlight-un-stored-item":p&&!j},A);return g?t.jsx("input",{autoFocus:!0,value:C,onChange:_,onKeyDown:P,onBlur:H,className:oe("input")}):t.jsxs("div",{className:ee,onClick:i,children:[t.jsx("span",{ref:o,className:J,title:u&&l?L:void 0,children:L}),!a&&t.jsx("button",{type:"button",className:oe("cross-icon",{[`validation-${d}`]:d,"mobile-disabled":r,disabled:a}),onClick:B,children:t.jsx($e.SvgClose,{})})]})},We=({items:s=[],parseValueToString:e,getItemValidationErrorType:a,storedItemsMap:r={},highlightUnStoredItem:n=!1,renderCustomSelectedItem:d,selectedItemSingleLine:x,selectedItemClassName:f,selectedItemTextClassName:v,...j})=>s.map(p=>d?d(p):t.jsx(Le,{parseValueToString:e,error:(a==null?void 0:a(p))||"",item:p,storedOption:!!r[e(p)],highlightUnStoredItem:n,singleLine:x,className:f,textClassName:v,...j},e==null?void 0:e(p))),Te="_prompt_1xfmd_16",Ke={prompt:Te},Ye=G.classNames.bind(Ke),we=({children:s=null})=>t.jsx("div",{className:Ye("prompt"),children:s}),Xe="_item_1qhaq_16",Ge="_divider_1qhaq_24",Je="_active_1qhaq_48",Qe="_value_1qhaq_60",Ze="_tag_1qhaq_78",Ue="_disabled_1qhaq_89",Ve={item:Xe,divider:Ge,"new-item":"_new-item_1qhaq_31",active:Je,value:Qe,"key-variant":"_key-variant_1qhaq_75",tag:Ze,"button-active":"_button-active_1qhaq_89",disabled:Ue,"value-variant":"_value-variant_1qhaq_109"},V=G.classNames.bind(Ve),fe=({isActive:s=!1,isSelected:e=!1,isNew:a=!1,children:r=null,disabled:n=!1,optionVariant:d="",newItemButtonText:x="",...f})=>{const v=()=>x||(d==="key-variant"?"New key":"New value");return a?t.jsxs(t.Fragment,{children:[t.jsx("div",{className:V("divider")}),t.jsxs("li",{className:V("new-item",d,{active:s,selected:e,disabled:n}),...f,children:[t.jsx("span",{className:V("value"),children:r}),t.jsx(Fe.Button,{...!n&&f,className:V({"button-active":s}),icon:t.jsx(Me.SvgPlus,{}),variant:"text",children:v()})]})]}):t.jsx("li",{className:V("item",d,{active:s,selected:e,disabled:n}),...n?{}:f,children:t.jsx("span",{className:V("label","tag"),children:r})})},et="_container_5088x_16",tt={container:et,"empty-list-message":"_empty-list-message_5088x_20"},pe=G.classNames.bind(tt),Ne=s=>{const{options:e,async:a,inputValue:r,loading:n,createWithoutConfirmation:d,customEmptyListMessage:x,customNoMatchesMessage:f,optionVariant:v,newItemButtonText:j,renderOption:p,getUniqKey:q,getItemProps:w,parseValueToString:u}=s,A=N.useCallback(()=>(e||[]).filter(o=>u(o).toUpperCase().indexOf((r.toUpperCase()||"").trim())>-1),[r,e,u]),k=N.useCallback((o,i,_=!1)=>p?p(o,i,_,w):t.jsx(fe,{optionVariant:v,...w({item:o,index:i}),isNew:_,newItemButtonText:j,children:u(o)},(q==null?void 0:q(o))||u(o)),[w,q,j,v,u,p]),g=N.useCallback(o=>o.length?o.map((i,_)=>k(i,_)):"",[k]),b=N.useCallback(o=>{const i=o.length;return t.jsx("div",{className:pe({container:!i}),children:t.jsx(fe,{optionVariant:v,isNew:!0,...w({item:r,index:i}),children:u(r)},u(r))})},[w,r,v,u]),C=N.useCallback(o=>n?t.jsxs(t.Fragment,{children:[t.jsx(we,{children:t.jsx(Re.BubblesLoader,{})}),!d&&b(o)]}):"",[d,n,b]),S=N.useCallback(()=>{const o=(e==null?void 0:e.length)===0?x||"No available options":f||"No matches found";return t.jsx("div",{className:pe("empty-list-message"),children:o})},[x,f,e==null?void 0:e.length]),l=a?e:A(),c=C(e);return c||t.jsxs("div",{className:pe({container:e.length}),children:[t.jsx(Ae.Scrollbars,{autoHeight:!0,autoHeightMax:216,hideTracksWhenNotNeeded:!0,children:_e.isEmpty(l)?S():g(l)}),!d&&b(l)]})},st="_menu_f64z5_16",ot="_opened_f64z5_34",nt="_dark_f64z5_37",rt={menu:st,opened:ot,dark:nt},lt=G.classNames.bind(rt),ct=(s,e)=>!s||s<=e.trim().length,he=N.forwardRef(({isOpen:s=!1,style:e={},minLength:a=1,isDropdownMode:r,inputValue:n="",className:d="",...x},f)=>t.jsx("ul",{ref:f,className:lt("menu",{opened:s&&(r||ct(a,n))},d),style:e,children:t.jsx(Ne,{inputValue:n,...x})})),ge=(s,e)=>typeof s=="string"?s:e?String(s[e(s)]):"",le=(s,e)=>{var r;return s===e?!0:!!(s&&e&&typeof s=="object"&&typeof e=="object"&&Object.keys(s).length===Object.keys(e).length&&((r=Object.entries(s))!=null&&r.every(([n,d])=>le(d,e[n]))))},at=(s,e,a)=>typeof s=="string"?s===e:a?(()=>{const r=a(s);return s[r]===e[r]})():!1,it=({options:s=[],onChange:e,selectedItems:a=[],handleUnStoredItemCb:r=null,existingItemsMap:n={},children:d,customizeNewSelectedValue:x=p=>p,getOptionUniqKey:f,getOptionUniqKeyValue:v,...j})=>{const[p,q]=N.useState(n),w=(l,c)=>{const o={...p};l.forEach(i=>{if(s.find(_=>at(_,i,f))){const _=ge(i,f);o[_]=!0}}),q(o),c(o)},u=(l,c)=>{const o=ge(l,f);if(o in p){const i={...p};delete i[o],q(i),c(i)}else c(p)},A=(l,c)=>{const o=x(l),i=Array.isArray(o)?o:[o],P=[...a.filter(B=>i.indexOf(B)<0),...i];e==null||e(P,c),w(i,B=>r==null?void 0:r(P,B))},k=(l,c)=>{const o=a.indexOf(l),i=[...a];i.splice(o,1,c),e==null||e(i,null)},g=(l,c)=>{const o=a.filter(_=>!le(_,l));e==null||e(o,c),u(l,_=>r==null?void 0:r(o,_))},b=(l,c)=>{l&&A(l,c)},C=l=>({removeItem:g,editItem:k,handleChange:e,getOptionUniqKeyValue:v,storedItemsMap:p,...l}),S=(l,c)=>{switch(c.type){case ne.stateChangeTypes.keyDownEnter:case ne.stateChangeTypes.clickItem:return{...c,highlightedIndex:l.highlightedIndex,inputValue:""};default:return c}};return t.jsx(ne,{...j,stateReducer:S,onChange:b,selectedItem:null,children:l=>d==null?void 0:d(C(l))})},qe="Enter",dt="Tab",ut="_autocomplete_1so4a_16",mt="_disabled_1so4a_32",pt="_error_1so4a_35",ft="_touched_1so4a_35",_t="_input_1so4a_77",ht={autocomplete:ut,"autocomplete-wrapper":"_autocomplete-wrapper_1so4a_28",disabled:mt,error:pt,touched:ft,"clear-icon":"_clear-icon_1so4a_46","clear-icon--disabled":"_clear-icon--disabled_1so4a_56","autocomplete-input":"_autocomplete-input_1so4a_60","single-line-mode":"_single-line-mode_1so4a_68","mobile-disabled":"_mobile-disabled_1so4a_72",input:_t,"type-number":"_type-number_1so4a_101","error-text":"_error-text_1so4a_112","dropdown-button":"_dropdown-button_1so4a_121","icon-reversed":"_icon-reversed_1so4a_129"},X=G.classNames.bind(ht),bt=s=>{const{options:e=[],loading:a=!1,onStateChange:r=()=>{},value:n=[],placeholder:d="",error:x="",touched:f=!1,creatable:v=!1,editable:j=!1,onChange:p=()=>{},onFocus:q=()=>{},onBlur:w=()=>{},disabled:u=!1,isDropdownMode:A=!1,mobileDisabled:k=!1,inputProps:g={},parseValueToString:b=h=>h==null?"":String(h),maxLength:C=null,async:S=!1,customClass:l="",createWithoutConfirmation:c=!1,getItemValidationErrorType:o=null,clearItemsError:i=()=>{},getAdditionalCreationCondition:_=()=>!0,highlightUnStoredItem:P=!1,parseInputValueFn:H=null,handleUnStoredItemCb:B=null,dataAutomationId:L="",existingItemsMap:J={},customizeNewSelectedValue:ee=h=>h,renderCustomSelectedItem:I,useFixedPositioning:O,newItemButtonText:R="",menuClassName:W="",selectedItemSingleLine:T,selectedItemClassName:K,selectedItemTextClassName:Q,...M}=s,{refs:Z,floatingStyles:ce}=re.useFloating({placement:"bottom-start",strategy:O?"fixed":"absolute",whileElementsMounted:re.autoUpdate}),ae=n.length===0&&!u?d:"",z=N.useRef(null);N.useEffect(()=>{i()},[i,n]);const se=(h,y)=>{p(h,y)},ie=(h,y,E)=>({item:m,index:D,...$})=>h({item:m,index:D,isSelected:E.some(U=>le(U,m)),...$,isActive:y===D}),de=({event:h,removeItem:y,inputValue:E})=>{h.key==="Backspace"&&!E&&n.length&&y(n[n.length-1],null)},Y=({inputValue:h,selectItem:y,clearSelection:E})=>{if(H){const m=H(h);(m.length?m:[h]).forEach($=>y($)),E()}else y(h),E()},ue=h=>y=>{h(y,null),z.current&&z.current.focus()},me=e.filter(h=>n.every(y=>!le(y,h)));return t.jsx(it,{onChange:se,itemToString:b,selectedItems:n,onStateChange:r,options:e,existingItemsMap:J,handleUnStoredItemCb:B,customizeNewSelectedValue:ee,children:({getInputProps:h,getItemProps:y,isOpen:E,inputValue:m="",highlightedIndex:D,removeItem:$,editItem:U,openMenu:te,selectItem:be,clearSelection:xe,toggleMenu:ke,storedItemsMap:Ce,getRootProps:Se})=>{const ve=Se(void 0,{suppressRefError:!0}),Ie={...ve,ref:F=>(Z.setReference(F),ve.ref(F))},Ee=m??"";return t.jsxs("div",{...Ie,className:X("autocomplete-wrapper"),children:[t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:X("autocomplete",l,{"mobile-disabled":k,error:x,touched:f,disabled:u}),children:[t.jsxs("div",{className:X("autocomplete-input",{"mobile-disabled":k,"single-line-mode":T}),children:[t.jsx(We,{items:n,onRemoveItem:ue($),disabled:u,mobileDisabled:k,parseValueToString:b,getItemValidationErrorType:o,renderCustomSelectedItem:I,editItem:U,editable:j,getAdditionalCreationCondition:_,storedItemsMap:Ce,highlightUnStoredItem:P,selectedItemSingleLine:T,selectedItemClassName:K,selectedItemTextClassName:Q}),t.jsx("input",{...h({ref:z,placeholder:ae,maxLength:C,onFocus:()=>{A&&te(),q()},onKeyDown:F=>{F.key===qe&&m&&v&&_(m)&&Y({inputValue:m,selectItem:be,clearSelection:xe}),de({event:F,removeItem:$,inputValue:m})},onBlur:()=>{w(),m&&v&&_(m)&&Y({inputValue:m,selectItem:be,clearSelection:xe})},disabled:u,...g}),className:X("input",{disabled:u}),"data-automation-id":L})]}),(g==null?void 0:g.clearable)&&!_e.isEmpty(n)&&t.jsx("button",{type:"button",className:X("clear-icon",{"clear-icon--disabled":u}),onClick:()=>{var F;return!u&&((F=g==null?void 0:g.onClear)==null?void 0:F.call(g))},onMouseDown:F=>F.preventDefault(),children:t.jsx(Be.SvgClear,{})}),A&&t.jsx("button",{type:"button",className:X("dropdown-button",{"icon-reversed":E}),onClick:()=>ke(),"aria-label":"Toggle dropdown","aria-expanded":E,children:t.jsx(je.SvgDropdown,{})})]}),x&&f&&t.jsx("span",{className:X("error-text"),children:x})]}),t.jsx(he,{isOpen:E,loading:a,async:S,ref:Z.setFloating,newItemButtonText:R,isDropdownMode:A,style:ce,inputValue:Ee.trim(),getItemProps:ie(y,D,n),parseValueToString:b,createWithoutConfirmation:c,options:me,className:W,...M})]})}})},xt={"input-wrapper":"_input-wrapper_d9vma_1","dropdown-button":"_dropdown-button_d9vma_6","icon-reversed":"_icon-reversed_d9vma_14"},ye=G.classNames.bind(xt),vt=0,gt=s=>{const{options:e=[],value:a,placeholder:r="",onChange:n=()=>{},onFocus:d=()=>{},onBlur:x=()=>{},disabled:f=!1,inputProps:v={},parseValueToString:j=R=>R===null?"":String(R),minLength:p=1,skipOptionCreation:q=!1,maxLength:w=null,optionVariant:u="",isRequired:A=!1,error:k="",touched:g=!1,setTouch:b=()=>{},createWithoutConfirmation:C=!1,menuClassName:S="",icon:l,isDropdownMode:c=!1,isOptionUnique:o,refFunction:i,stateReducer:_,onStateChange:P,useFixedPositioning:H,newItemButtonText:B="",...L}=s,{refs:J,floatingStyles:ee}=re.useFloating({placement:"bottom-start",strategy:H?"fixed":"absolute",whileElementsMounted:re.autoUpdate}),I=(R,W,T)=>({item:K,index:Q,...M})=>R({item:K,index:Q,isSelected:T!==null&&T===K,...M,isActive:W===Q}),O=(R,W)=>{R.key===dt&&(R.preventDefault(),W(e.length))};return t.jsx(ne,{onChange:n,itemToString:j,selectedItem:a,onStateChange:P,defaultHighlightedIndex:vt,stateReducer:_,children:({getInputProps:R,getItemProps:W,setHighlightedIndex:T,toggleMenu:K,openMenu:Q,isOpen:M,inputValue:Z,highlightedIndex:ce,getRootProps:ae,selectItem:z})=>{const se=ae(void 0,{suppressRefError:!0}),ie={...se,ref:m=>(J.setReference(m),se.ref(m))},de=Z??"",{onClear:Y,clearable:ue,...me}=v,y=ue&&a!==null,E=(...m)=>{z(null),Y==null||Y(...m)};return t.jsx(t.Fragment,{children:t.jsxs("div",{className:ye("input-wrapper"),...ie,children:[t.jsx(De.FieldText,{...R({placeholder:f?"":r,maxLength:w||void 0,onFocus:()=>{c&&!M&&(Q(),b==null||b(!0)),d()},ref:i,onKeyDown:m=>{m.key===qe&&m.preventDefault(),Z&&M&&O(m,T)},onBlur:m=>{const D=de.trim(),$=!_e.isEmpty(D),U=$?e.find(te=>j(te)===D):void 0;z(U||(!q&&C&&$?D:null)),x(m),o==null||o($?!e.some(te=>j(te)===D):null),c&&M&&K(),b==null||b(!0)},disabled:f,defaultWidth:!1,isRequired:A,touched:g,error:k,...me,clearable:y,onClear:y?E:Y,endIcon:c&&!l?t.jsx("button",{type:"button",className:ye("dropdown-button",{"icon-reversed":M}),onClick:()=>K(),"aria-label":"Toggle dropdown","aria-expanded":M,children:t.jsx(je.SvgDropdown,{})}):l,minLength:c?0:p})}),t.jsx(he,{isOpen:M,isDropdownMode:c,style:ee,ref:J.setFloating,minLength:p,inputValue:(Z||"").trim(),getItemProps:I(W,ce,a),parseValueToString:j,optionVariant:u,createWithoutConfirmation:C,className:S,options:e,newItemButtonText:B,...L})]})})}})};exports.AutocompleteMenu=he;exports.AutocompleteOption=fe;exports.AutocompleteOptions=Ne;exports.AutocompletePrompt=we;exports.MultipleAutocomplete=bt;exports.SingleAutocomplete=gt;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const c=require("react/jsx-runtime"),a=require("./bind-29baac98.js"),b="_disabled_1q88n_12",i={"base-icon-button":"_base-icon-button_1q88n_1",disabled:b},u=a.classNames.bind(i),d=({children:t,className:n,disabled:s=!1,onClick:e,...o})=>c.jsx("button",{className:u("base-icon-button",n,{disabled:s}),type:"button",disabled:s,onClick:e,...o,children:t});exports.BaseIconButton=d;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./baseIconButton-263e74dc.js");require("react/jsx-runtime");require("./bind-29baac98.js");exports.BaseIconButton=e.BaseIconButton;exports.default=e.BaseIconButton;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";function a(s){return s&&s.__esModule&&Object.prototype.hasOwnProperty.call(s,"default")?s.default:s}var u={exports:{}};/*!
|
|
2
|
+
Copyright (c) 2018 Jed Watson.
|
|
3
|
+
Licensed under the MIT License (MIT), see
|
|
4
|
+
http://jedwatson.github.io/classnames
|
|
5
|
+
*/(function(s){(function(){var c={}.hasOwnProperty;function e(){for(var n=[],i=0;i<arguments.length;i++){var t=arguments[i];if(t){var r=typeof t;if(r==="string"||r==="number")n.push(this&&this[t]||t);else if(Array.isArray(t))n.push(e.apply(this,t));else if(r==="object"){if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]")){n.push(t.toString());continue}for(var o in t)c.call(t,o)&&t[o]&&n.push(this&&this[o]||o)}}}return n.join(" ")}s.exports?(e.default=e,s.exports=e):window.classNames=e})()})(u);var l=u.exports;const f=a(l);exports.classNames=f;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),h=require("./bind-29baac98.js"),i=require("react"),N=require("./popover.cjs"),g=require("./tree-4610ac42.js"),f=i.createContext(void 0),S=({children:l,LinkComponent:r})=>e.jsx(f.Provider,{value:{LinkComponent:r},children:l}),y=()=>{const l=i.useContext(f);if(l===void 0)throw new Error("useBreadcrumbsContext must be used within a BreadcrumbsProvider");return l},T="_breadcrumb_1cva8_1",w="_link_1cva8_5",P="_dark_1cva8_30",q={breadcrumb:T,link:w,"breadcrumb-text":"_breadcrumb-text_1cva8_10",dark:P},u=h.classNames.bind(q),o=({titleTailNumChars:l=8,descriptor:{title:r,link:s,onClick:_},isClickable:k=!0,variant:t="default"})=>{const{LinkComponent:d}=y(),b=i.useRef(null),[m,v]=i.useState(null);i.useEffect(()=>{if(b.current){const{offsetWidth:a,scrollWidth:C,dataset:$}=b.current;if(a<C){const j=typeof r=="string"?r:"";$.tail=j.slice(j.length-l),v(j)}}},[r,l]);const n=e.jsx("div",{ref:b,className:u("breadcrumb-text",t),children:r});return e.jsx("div",{className:u("breadcrumb",t),title:m||void 0,"data-testid":"breadcrumb",children:k?d&&s?e.jsx(d,{className:u("link"),to:s,onClick:_,children:n}):s?e.jsx("a",{className:u("link"),href:typeof s=="string"?s:"#",onClick:_,children:n}):e.jsx("button",{type:"button",className:u("link"),onClick:_,children:n}):n})},R={"hidden-breadcrumbs-trigger":"_hidden-breadcrumbs-trigger_14kki_1","hidden-breadcrumbs-content":"_hidden-breadcrumbs-content_14kki_8","hidden-breadcrumb-item":"_hidden-breadcrumb-item_14kki_14","level-2":"_level-2_14kki_18","level-3":"_level-3_14kki_31","level-4":"_level-4_14kki_44","level-5":"_level-5_14kki_57","level-6":"_level-6_14kki_70","level-7":"_level-7_14kki_83","level-8":"_level-8_14kki_96","level-9":"_level-9_14kki_109","level-10":"_level-10_14kki_122","level-11":"_level-11_14kki_135","level-12":"_level-12_14kki_148","level-13":"_level-13_14kki_161","level-14":"_level-14_14kki_174","level-15":"_level-15_14kki_187","level-16":"_level-16_14kki_200","level-17":"_level-17_14kki_213","level-18":"_level-18_14kki_226","level-19":"_level-19_14kki_239","level-20":"_level-20_14kki_252","level-21":"_level-21_14kki_265","level-22":"_level-22_14kki_278","level-23":"_level-23_14kki_291","level-24":"_level-24_14kki_304","level-25":"_level-25_14kki_317"},p=h.classNames.bind(R),D=({descriptors:l})=>e.jsx("div",{className:p("hidden-breadcrumbs-content"),"data-testid":"hidden-breadcrumbs-content",children:l.map((r,s)=>e.jsx("div",{className:p("hidden-breadcrumb-item",`level-${s+1}`),children:e.jsx(o,{descriptor:r})},s))}),O=({descriptors:l})=>e.jsx(N.Popover,{content:e.jsx(D,{descriptors:l}),placement:"bottom-start",children:e.jsx("div",{className:p("hidden-breadcrumbs-trigger"),"data-testid":"hidden-breadcrumbs-trigger",children:e.jsx(g.SvgMeatballMenu,{})})}),E="_opened_zxn5r_1",H={"tree-button":"_tree-button_zxn5r_1",opened:E,"tree-menu-node":"_tree-menu-node_zxn5r_8","tree-menu-children":"_tree-menu-children_zxn5r_9","tree-menu-item":"_tree-menu-item_zxn5r_15","level-2":"_level-2_zxn5r_19","level-3":"_level-3_zxn5r_32","level-4":"_level-4_zxn5r_45","level-5":"_level-5_zxn5r_58","level-6":"_level-6_zxn5r_71","level-7":"_level-7_zxn5r_84","level-8":"_level-8_zxn5r_97","level-9":"_level-9_zxn5r_110","level-10":"_level-10_zxn5r_123","level-11":"_level-11_zxn5r_136","level-12":"_level-12_zxn5r_149","level-13":"_level-13_zxn5r_162","level-14":"_level-14_zxn5r_175","level-15":"_level-15_zxn5r_188","level-16":"_level-16_zxn5r_201","level-17":"_level-17_zxn5r_214","level-18":"_level-18_zxn5r_227","level-19":"_level-19_zxn5r_240","level-20":"_level-20_zxn5r_253","level-21":"_level-21_zxn5r_266","level-22":"_level-22_zxn5r_279","level-23":"_level-23_zxn5r_292","level-24":"_level-24_zxn5r_305","level-25":"_level-25_zxn5r_318"},x=h.classNames.bind(H),M=({descriptor:l,level:r})=>e.jsx("div",{className:x("tree-menu-item",`level-${r}`),children:e.jsx(o,{descriptor:l,variant:"dark"})}),B=(l,r)=>l.map((s,_)=>e.jsxs("div",{className:x("tree-menu-node"),children:[e.jsx(M,{descriptor:s,level:r}),s.children&&s.children.length>0&&e.jsx("div",{className:x("tree-menu-children"),children:B(s.children,r+1)})]},_)),W=({tree:l})=>{const[r,s]=i.useState(!1);return e.jsx(N.Popover,{content:e.jsx("div",{className:x("tree-menu"),children:B(l,1)}),placement:"bottom-start",isOpened:r,setIsOpened:s,children:e.jsx("div",{className:x("tree-button",{opened:r}),children:e.jsx(g.SvgTree,{})})})},I="_breadcrumbs_pxlum_1",F={"breadcrumbs-container":"_breadcrumbs-container_pxlum_1",breadcrumbs:I,"breadcrumb-item":"_breadcrumb-item_pxlum_15","hidden-breadcrumbs":"_hidden-breadcrumbs_pxlum_23","back-button":"_back-button_pxlum_40","breadcrumbs-2":"_breadcrumbs-2_pxlum_49","breadcrumbs-3":"_breadcrumbs-3_pxlum_52","breadcrumbs-4":"_breadcrumbs-4_pxlum_55","breadcrumbs-5":"_breadcrumbs-5_pxlum_58","breadcrumbs-6-plus":"_breadcrumbs-6-plus_pxlum_58"},c=h.classNames.bind(F),z=5,L=({descriptors:l=[],dataAutomationId:r,LinkComponent:s,tree:_,isBackButton:k=!1})=>{const t=[...l],d=t.shift(),b=n=>`breadcrumbs-${n>5?"6-plus":n}`,m=(n=>({1:55,2:24,3:18,4:13})[n]??12)(l.length);let v=[];return t.length>z-1&&(v=t.splice(0,t.length-(z-1))),e.jsx(S,{LinkComponent:s,children:e.jsx("div",{className:c("breadcrumbs-container"),"data-automation-id":r,"data-testid":r,children:k&&d?e.jsx("div",{className:c("breadcrumbs"),children:e.jsx("div",{className:c("breadcrumb-item","back-button"),"data-testid":"back-breadcrumb",children:e.jsx(o,{descriptor:d,titleTailNumChars:m})})}):e.jsxs(e.Fragment,{children:[_&&e.jsx("div",{className:c("tree"),children:e.jsx(W,{tree:_})}),e.jsxs("div",{className:c("breadcrumbs",b(l.length)),children:[d&&e.jsx("div",{className:c("breadcrumb-item"),children:e.jsx(o,{descriptor:d,titleTailNumChars:m,isClickable:!!t.length})}),v.length>0&&e.jsx("div",{className:c("breadcrumb-item","hidden-breadcrumbs"),children:e.jsx(O,{descriptors:v})}),t.length>0&&t.map((n,a)=>e.jsx("div",{className:c("breadcrumb-item"),children:e.jsx(o,{descriptor:n,titleTailNumChars:m,isClickable:a!==t.length-1})},a))]})]})})})};exports.Breadcrumbs=L;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./breadcrumbs-a11e7e56.js");require("react/jsx-runtime");require("./bind-29baac98.js");require("react");require("./popover.cjs");require("@floating-ui/react");require("./floatingUi-97183bba.js");require("./tree-4610ac42.js");exports.Breadcrumbs=e.Breadcrumbs;exports.default=e.Breadcrumbs;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),a=require("./bind-29baac98.js"),n="_bubble_1nqxs_1",r="_bubbles_1nqxs_1",_={"bubbles-loader":"_bubbles-loader_1nqxs_1","color-topaz":"_color-topaz_1nqxs_6",bubble:n,"bubbles-large":"_bubbles-large_1nqxs_9",bubbles:r},l=a.classNames.bind(_),c=7,t=({color:b="topaz",className:o,variant:s="standard"})=>e.jsx("div",{className:l("bubbles-loader",o,{[`color-${b}`]:b,[`bubbles-${s}`]:s}),children:Array(c).fill(void 0).map((d,u)=>e.jsx("div",{className:l("bubble")},u))});exports.BubblesLoader=t;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./bubblesLoader-98fdf0af.js");require("react/jsx-runtime");require("./bind-29baac98.js");exports.BubblesLoader=e.BubblesLoader;exports.default=e.BubblesLoader;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),u=require("react"),g=require("./bind-29baac98.js"),m="_button_j5f2i_1",b="_primary_j5f2i_18",l="_disabled_j5f2i_23",x="_ghost_j5f2i_38",p="_danger_j5f2i_59",y="_text_j5f2i_79",q="_icon_j5f2i_180",N={button:m,primary:b,disabled:l,ghost:x,danger:p,text:y,"ghost-danger":"_ghost-danger_j5f2i_108","text-danger":"_text-danger_j5f2i_128","width-min-width":"_width-min-width_j5f2i_162","width-content":"_width-content_j5f2i_166","width-wide-content":"_width-wide-content_j5f2i_170","width-parent":"_width-parent_j5f2i_175",icon:q,"icon-start":"_icon-start_j5f2i_186","icon-end":"_icon-end_j5f2i_190"},s=g.classNames.bind(N),R=u.forwardRef(({variant:o="primary",icon:t,iconPlace:n="start",adjustWidthOn:i="min-width",type:c="button",children:r,disabled:_=!1,onClick:d,title:a,className:f,...h},j)=>{const w=s("button",o,f,{disabled:_,[`width-${i}`]:i});return e.jsxs("button",{ref:j,type:c,disabled:_,className:w,onClick:d,title:a,...h,children:[t&&e.jsx("i",{className:s("icon",{[`icon-${n}`]:n}),children:t}),r]})});exports.Button=R;
|
package/dist/button.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./button-8456d133.js");require("react/jsx-runtime");require("react");require("./bind-29baac98.js");exports.Button=e.Button;exports.default=e.Button;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const o=require("react");function c(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=c(o),a=e=>l.createElement("svg",{width:8,height:13,viewBox:"0 0 8 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.54134 12.2173C6.69755 12.3735 6.95081 12.3735 7.10702 12.2173L7.24844 12.0759C7.40465 11.9197 7.40465 11.6664 7.24844 11.5102L1.90539 6.16715L7.24844 0.824097C7.40465 0.667887 7.40465 0.41462 7.24844 0.258411L7.10702 0.116989C6.95081 -0.0392199 6.69755 -0.0392199 6.54134 0.116989L0.998591 5.65973L0.999562 5.6607L0.767094 5.89317C0.610884 6.04938 0.610884 6.30265 0.767093 6.45886L1.48425 7.17602L1.49215 7.16813L6.54134 12.2173Z",fill:"#C1C7D0"}));exports.SvgCalendarArrow=a;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),C=require("./bind-29baac98.js"),d=require("react"),h=require("./keyCodes-b188a920.js"),f="_checkbox_rvc2u_1",E="_disabled_rvc2u_11",m="_input_rvc2u_16",D="_control_rvc2u_23",K="_children_rvc2u_155",N={checkbox:f,disabled:E,input:m,control:D,"partially-checked":"_partially-checked_rvc2u_78",children:K},n=C.classNames.bind(N),j=({children:r,disabled:c=!1,onChange:k,className:b,value:t,partiallyChecked:x,title:l,...p})=>{const s=d.useRef(null),a=d.useId(),y=o=>{var u,_;const{keyCode:i}=o;if(i===h.KeyCodes.SPACE_KEY_CODE){o.preventDefault(),(u=s.current)==null||u.click();return}i===h.KeyCodes.ENTER_KEY_CODE&&(o.preventDefault(),(_=s.current)==null||_.click())};return e.jsxs("label",{id:a,className:n("checkbox",b,{disabled:c}),title:l,children:[e.jsx("input",{ref:s,tabIndex:0,type:"checkbox",onKeyDown:y,className:n("input",{"partially-checked":x}),disabled:c,onChange:k,checked:t,title:l,...p}),e.jsx("span",{"aria-labelledby":a,role:"checkbox","aria-checked":t,className:n("control",{disabled:c})}),r&&e.jsx("span",{className:n("children",{disabled:c}),children:r})]})};exports.Checkbox=j;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./checkbox-d4cc648d.js");require("react/jsx-runtime");require("./bind-29baac98.js");require("react");require("./keyCodes-b188a920.js");exports.Checkbox=e.Checkbox;exports.default=e.Checkbox;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const r=require("react");function i(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(o,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return o.default=e,Object.freeze(o)}const t=i(r),w=e=>t.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.85355 12.8536C7.65829 13.0488 7.34171 13.0488 7.14645 12.8536L4.14645 9.85355C3.95118 9.65829 3.95118 9.34171 4.14645 9.14645C4.34171 8.95118 4.65829 8.95118 4.85355 9.14645L7 11.2929L7 3.5C7 3.22386 7.22386 3 7.5 3C7.77614 3 8 3.22386 8 3.5L8 11.2929L10.1464 9.14645C10.3417 8.95119 10.6583 8.95118 10.8536 9.14645C11.0488 9.34171 11.0488 9.65829 10.8536 9.85355L7.85355 12.8536Z",fill:"#A2AAB5"})),c=e=>t.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.14645 3.14645C7.34171 2.95118 7.65829 2.95118 7.85355 3.14645L10.8536 6.14645C11.0488 6.34171 11.0488 6.65829 10.8536 6.85355C10.6583 7.04882 10.3417 7.04882 10.1464 6.85355L8 4.70711V12.5C8 12.7761 7.77614 13 7.5 13C7.22386 13 7 12.7761 7 12.5L7 4.70711L4.85355 6.85355C4.65829 7.04882 4.34171 7.04882 4.14645 6.85355C3.95118 6.65829 3.95118 6.34171 4.14645 6.14645L7.14645 3.14645Z",fill:"#A2AAB5"})),g=e=>t.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("path",{d:"M14.2174 5.82426C14.3736 5.66805 14.3736 5.41479 14.2174 5.25858L14.0759 5.11716C13.9197 4.96095 13.6665 4.96095 13.5103 5.11716L8.16726 10.4602L2.82426 5.11716C2.66805 4.96095 2.41479 4.96095 2.25858 5.11716L2.11716 5.25858C1.96095 5.41479 1.96095 5.66805 2.11716 5.82426L7.89176 11.5989C8.04797 11.7551 8.30124 11.7551 8.45745 11.5989L8.88171 11.1746L8.87436 11.1673L14.2174 5.82426Z",fill:"#A2AAB5"}));exports.SvgArrowDown=w;exports.SvgArrowUp=c;exports.SvgChevronDownDropdown=g;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const c=require("react");function o(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=o(c),a=e=>r.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1 8C1 4.14001 4.14001 1 8 1C11.86 1 15 4.14001 15 8C15 11.8595 11.86 15 8 15C4.14001 15 1 11.8595 1 8ZM5 5.54545L5.54545 5L8 7.45455L10.4545 5L11 5.54545L8.54545 8L11 10.4545L10.4545 11L8 8.54545L5.54545 11L5 10.4545L7.45455 8L5 5.54545Z",fill:"#A2AAB5"}));exports.SvgClear=a;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const c=require("react");function r(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const o=r(c),i=e=>o.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.732184 15.2698C0.330645 14.8683 0.330646 14.2172 0.732185 13.8157L6.54859 7.99928L0.732185 2.18288C0.330646 1.78134 0.330645 1.13031 0.732184 0.728774C1.13372 0.327235 1.78475 0.327235 2.18629 0.728774L8.00269 6.54518L13.8191 0.728767C14.2206 0.327229 14.8717 0.327228 15.2732 0.728767C15.6747 1.13031 15.6747 1.78133 15.2732 2.18287L9.45679 7.99928L15.2732 13.8157C15.6747 14.2172 15.6747 14.8683 15.2732 15.2698C14.8717 15.6713 14.2206 15.6713 13.8191 15.2698L8.00269 9.45338L2.18629 15.2698C1.78475 15.6713 1.13372 15.6713 0.732184 15.2698Z",fill:"#A2AAB5"}));exports.SvgClose=i;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Placement } from '@floating-ui/react';
|
|
2
|
+
|
|
3
|
+
export declare const TRIANGLE_WIDTH = 16;
|
|
4
|
+
export declare const TRIANGLE_HEIGHT = 8;
|
|
5
|
+
export declare const ARROW_OFFSET = 16;
|
|
6
|
+
export declare const middlePlacements: Placement[];
|
|
7
|
+
export declare const verticalPlacements: Placement[];
|
|
8
|
+
export declare const allPlacements: Placement[];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const DEFAULT_SORTABLE_TYPE = "SORTABLE_ITEM";
|
|
@@ -1,2 +1,6 @@
|
|
|
1
1
|
import { RefObject } from 'react';
|
|
2
|
-
|
|
2
|
+
|
|
3
|
+
export interface UseOnClickOutsideOptions {
|
|
4
|
+
ignoreSelectors?: string[];
|
|
5
|
+
}
|
|
6
|
+
export declare function useOnClickOutside<T extends HTMLElement = HTMLDivElement>(ref: RefObject<T>, handler?: (e?: MouseEvent) => void, options?: UseOnClickOutsideOptions): void;
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { ReactNode, Ref } from 'react';
|
|
2
|
+
import { XYCoord, ConnectDragSource, ConnectDropTarget, ConnectDragPreview } from 'react-dnd';
|
|
3
|
+
|
|
4
|
+
export interface SortableItemData {
|
|
5
|
+
id: string | number;
|
|
6
|
+
index: number;
|
|
7
|
+
}
|
|
8
|
+
export interface DragItem extends SortableItemData {
|
|
9
|
+
type: string;
|
|
10
|
+
}
|
|
11
|
+
export interface UseSortableOptions {
|
|
12
|
+
id: string | number;
|
|
13
|
+
index: number;
|
|
14
|
+
type?: string;
|
|
15
|
+
isDisabled?: boolean;
|
|
16
|
+
onDrop?: (fromIndex: number, toIndex: number) => void;
|
|
17
|
+
hideDefaultPreview?: boolean;
|
|
18
|
+
}
|
|
19
|
+
export interface UseSortableReturn {
|
|
20
|
+
isDragging: boolean;
|
|
21
|
+
isOver: boolean;
|
|
22
|
+
draggedItemIndex: number | null;
|
|
23
|
+
dropPosition: 'top' | 'bottom' | null;
|
|
24
|
+
dragRef: ConnectDragSource;
|
|
25
|
+
dropRef: ConnectDropTarget;
|
|
26
|
+
previewRef: ConnectDragPreview;
|
|
27
|
+
}
|
|
28
|
+
export interface SortableItemRenderProps {
|
|
29
|
+
isDragging: boolean;
|
|
30
|
+
isOver: boolean;
|
|
31
|
+
dragRef: Ref<HTMLElement>;
|
|
32
|
+
}
|
|
33
|
+
export interface SortableItemProps {
|
|
34
|
+
id: string | number;
|
|
35
|
+
index: number;
|
|
36
|
+
type?: string;
|
|
37
|
+
isDisabled?: boolean;
|
|
38
|
+
className?: string;
|
|
39
|
+
draggingClassName?: string;
|
|
40
|
+
dropTargetClassName?: string;
|
|
41
|
+
onDrop?: (fromIndex: number, toIndex: number) => void;
|
|
42
|
+
hideDefaultPreview?: boolean;
|
|
43
|
+
children: ReactNode | ((props: SortableItemRenderProps) => ReactNode);
|
|
44
|
+
}
|
|
45
|
+
export interface SortableListProps<T extends {
|
|
46
|
+
id: string | number;
|
|
47
|
+
}> {
|
|
48
|
+
items: T[];
|
|
49
|
+
type?: string;
|
|
50
|
+
isDisabled?: boolean;
|
|
51
|
+
className?: string;
|
|
52
|
+
itemClassName?: string;
|
|
53
|
+
onReorder: (reorderedItems: T[]) => void;
|
|
54
|
+
renderItem: (item: T, index: number, dragRef: Ref<HTMLElement>, isDragging: boolean) => ReactNode;
|
|
55
|
+
keyExtractor?: (item: T) => string | number;
|
|
56
|
+
}
|
|
57
|
+
export interface DragLayerProps {
|
|
58
|
+
type: string;
|
|
59
|
+
renderPreview: (item: DragItem) => ReactNode;
|
|
60
|
+
className?: string;
|
|
61
|
+
previewClassName?: string;
|
|
62
|
+
portalTarget?: Element | null;
|
|
63
|
+
}
|
|
64
|
+
export interface DragLayerCollectedProps {
|
|
65
|
+
item: DragItem | null;
|
|
66
|
+
itemType: string | symbol | null;
|
|
67
|
+
clientOffset: XYCoord | null;
|
|
68
|
+
isDragging: boolean;
|
|
69
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const getFileExtension: (fileName: string) => string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const isString: (value: unknown) => value is string;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export interface AdaptiveTagListProps {
|
|
2
|
+
tags: string[];
|
|
3
|
+
isShowAllView?: boolean;
|
|
4
|
+
defaultVisibleLines?: number;
|
|
5
|
+
onRemoveTag?: (tag: string) => void;
|
|
6
|
+
noTagsMessage?: string;
|
|
7
|
+
showAllText?: string;
|
|
8
|
+
hideAllText?: string;
|
|
9
|
+
showLessText?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const AdaptiveTagList: ({ tags, isShowAllView, defaultVisibleLines, onRemoveTag, noTagsMessage, showAllText, hideAllText, showLessText, }: AdaptiveTagListProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const DEFAULT_VISIBLE_LINES = 3;
|
|
2
|
+
export declare const TAG_LINE_HEIGHT = 22;
|
|
3
|
+
export declare const TAG_GAP_HEIGHT = 8;
|
|
4
|
+
export declare const IMMEDIATE_DELAY = 0;
|
|
5
|
+
export declare const FONT_LOADING_DELAY = 100;
|
|
6
|
+
export declare const OFFSET_TOLERANCE = 20;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { VoidFn } from '../../common/types';
|
|
2
|
+
|
|
3
|
+
export interface AttachedFileProps {
|
|
4
|
+
fileName: string;
|
|
5
|
+
size: number;
|
|
6
|
+
isFullWidth?: boolean;
|
|
7
|
+
uploadingProgress?: number;
|
|
8
|
+
isUploading?: boolean;
|
|
9
|
+
isUploadFailed?: boolean;
|
|
10
|
+
uploadFailedMessage?: string;
|
|
11
|
+
onRemove?: VoidFn;
|
|
12
|
+
onDownload?: VoidFn;
|
|
13
|
+
}
|
|
14
|
+
export declare const AttachedFile: ({ fileName, size, uploadingProgress, isUploadFailed, uploadFailedMessage, isUploading, isFullWidth, onDownload, onRemove, }: AttachedFileProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { AutocompleteOptionsProps } from '../autocompleteOptions';
|
|
2
|
+
|
|
3
|
+
export declare const AutocompleteMenu: <T>(props: {
|
|
4
|
+
isOpen?: boolean | undefined;
|
|
5
|
+
style?: import('react').CSSProperties | undefined;
|
|
6
|
+
isDropdownMode?: boolean | undefined;
|
|
7
|
+
minLength?: number | null | undefined;
|
|
8
|
+
inputValue?: string | undefined;
|
|
9
|
+
className?: string | undefined;
|
|
10
|
+
} & AutocompleteOptionsProps<T> & import('react').RefAttributes<HTMLUListElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | null;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AutocompleteMenu } from './autocompleteMenu';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
|
|
3
|
+
type AutocompleteOptionProps = {
|
|
4
|
+
isActive?: boolean;
|
|
5
|
+
isSelected?: boolean;
|
|
6
|
+
isNew?: boolean;
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
optionVariant?: 'key-variant' | 'value-variant' | '';
|
|
10
|
+
newItemButtonText?: string;
|
|
11
|
+
} & HTMLAttributes<HTMLLIElement | HTMLButtonElement>;
|
|
12
|
+
export declare const AutocompleteOption: ({ isActive, isSelected, isNew, children, disabled, optionVariant, newItemButtonText, ...props }: AutocompleteOptionProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AutocompleteOption } from './autocompleteOption';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { GetItemPropsT } from '../types';
|
|
3
|
+
|
|
4
|
+
export interface AutocompleteOptionsProps<T> {
|
|
5
|
+
options: T[];
|
|
6
|
+
loading?: boolean;
|
|
7
|
+
inputValue: string;
|
|
8
|
+
parseValueToString: (value: T | null) => string;
|
|
9
|
+
getItemProps: GetItemPropsT<T>;
|
|
10
|
+
renderOption?: (item: T, index: number, isNew: boolean, getItemProps: GetItemPropsT<T>) => ReactNode;
|
|
11
|
+
async?: boolean;
|
|
12
|
+
optionVariant: 'key-variant' | 'value-variant' | '';
|
|
13
|
+
createWithoutConfirmation: boolean;
|
|
14
|
+
customEmptyListMessage?: string;
|
|
15
|
+
customNoMatchesMessage?: string;
|
|
16
|
+
getUniqKey?: (item: T) => string;
|
|
17
|
+
newItemButtonText: string;
|
|
18
|
+
}
|
|
19
|
+
export declare const AutocompleteOptions: <T>(props: AutocompleteOptionsProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AutocompletePrompt } from './autocompletePrompt';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Copyright 2025 EPAM Systems
|
|
3
|
+
*
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
+
* you may not use this file except in compliance with the License.
|
|
6
|
+
* You may obtain a copy of the License at
|
|
7
|
+
*
|
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
+
*
|
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
* See the License for the specific language governing permissions and
|
|
14
|
+
* limitations under the License.
|
|
15
|
+
*/
|
|
16
|
+
export { AutocompleteMenu } from './autocompleteMenu';
|
|
17
|
+
export { AutocompletePrompt } from './autocompletePrompt';
|
|
18
|
+
export { AutocompleteOption } from './autocompleteOption';
|
|
19
|
+
export { AutocompleteOptions } from './autocompleteOptions';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Copyright 2025 EPAM Systems
|
|
3
|
+
*
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
+
* you may not use this file except in compliance with the License.
|
|
6
|
+
* You may obtain a copy of the License at
|
|
7
|
+
*
|
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
+
*
|
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
* See the License for the specific language governing permissions and
|
|
14
|
+
* limitations under the License.
|
|
15
|
+
*/
|
|
16
|
+
export { SelectedItems } from './selectedItems';
|
|
17
|
+
export { MultipleAutocomplete } from './multipleAutocomplete';
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { ComponentProps, ReactNode } from 'react';
|
|
2
|
+
import { ControllerStateAndHelpers } from 'downshift';
|
|
3
|
+
import { default as FieldText } from '../../fieldText';
|
|
4
|
+
import { AutocompleteMenu } from '../common/autocompleteMenu';
|
|
5
|
+
import { DownshiftStore, MultipleDownshiftProps } from './multipleDownshift';
|
|
6
|
+
import { GetItemPropsT } from '../types';
|
|
7
|
+
|
|
8
|
+
export interface MultipleAutocompleteProps<T> {
|
|
9
|
+
options: T[];
|
|
10
|
+
loading: boolean;
|
|
11
|
+
onStateChange: MultipleDownshiftProps<T>['onStateChange'];
|
|
12
|
+
value: T[];
|
|
13
|
+
placeholder: string;
|
|
14
|
+
error: string | boolean;
|
|
15
|
+
touched: boolean;
|
|
16
|
+
creatable: boolean;
|
|
17
|
+
editable: boolean;
|
|
18
|
+
renderOption?: (value: T, index: number, isNew: boolean, getItemProps: GetItemPropsT<T>) => ReactNode;
|
|
19
|
+
onChange: (selectedItems: T | T[] | null, downshift: ControllerStateAndHelpers<T> | null) => void;
|
|
20
|
+
onFocus: () => void;
|
|
21
|
+
onBlur: () => void;
|
|
22
|
+
disabled: boolean;
|
|
23
|
+
mobileDisabled: boolean;
|
|
24
|
+
inputProps: ComponentProps<typeof FieldText>;
|
|
25
|
+
parseValueToString: (value: T | null) => string;
|
|
26
|
+
minLength?: number | null;
|
|
27
|
+
maxLength?: number | null;
|
|
28
|
+
async?: boolean;
|
|
29
|
+
customClass: string;
|
|
30
|
+
createWithoutConfirmation: boolean;
|
|
31
|
+
getItemValidationErrorType?: (item: T) => string;
|
|
32
|
+
clearItemsError: () => void;
|
|
33
|
+
isDropdownMode?: boolean;
|
|
34
|
+
getAdditionalCreationCondition: (value: string) => boolean;
|
|
35
|
+
highlightUnStoredItem: boolean;
|
|
36
|
+
parseInputValueFn: ((value: string) => T[]) | null;
|
|
37
|
+
handleUnStoredItemCb: ((newSelectedItems: DownshiftStore<T>, prevSelectedItems: DownshiftStore<T>) => void) | null;
|
|
38
|
+
dataAutomationId?: string;
|
|
39
|
+
existingItemsMap: Record<string | number, boolean>;
|
|
40
|
+
optionVariant: ComponentProps<typeof AutocompleteMenu>['optionVariant'];
|
|
41
|
+
customizeNewSelectedValue: (value: T) => T;
|
|
42
|
+
renderCustomSelectedItem?: (item: T) => ReactNode;
|
|
43
|
+
getUniqKey?: (item: T) => string;
|
|
44
|
+
customEmptyListMessage?: string;
|
|
45
|
+
customNoMatchesMessage?: string;
|
|
46
|
+
useFixedPositioning?: boolean;
|
|
47
|
+
newItemButtonText?: string;
|
|
48
|
+
menuClassName?: string;
|
|
49
|
+
selectedItemSingleLine?: boolean;
|
|
50
|
+
selectedItemClassName?: string;
|
|
51
|
+
selectedItemTextClassName?: string;
|
|
52
|
+
}
|
|
53
|
+
export declare const MultipleAutocomplete: <T>(componentsProps: MultipleAutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { ControllerStateAndHelpers, DownshiftProps } from 'downshift';
|
|
2
|
+
|
|
3
|
+
export type DownshiftStore<T> = {
|
|
4
|
+
[key: string]: boolean;
|
|
5
|
+
} | T[];
|
|
6
|
+
export interface MultipleDownshiftProps<T> extends Partial<DownshiftProps<T>> {
|
|
7
|
+
options: T[];
|
|
8
|
+
selectedItems: T[];
|
|
9
|
+
handleUnStoredItemCb: ((newSelectedItems: DownshiftStore<T>, prevSelectedItems: DownshiftStore<T>) => void) | null;
|
|
10
|
+
existingItemsMap: {
|
|
11
|
+
[key: string]: boolean;
|
|
12
|
+
};
|
|
13
|
+
customizeNewSelectedValue: (value: T) => T;
|
|
14
|
+
getOptionUniqKey?: (option: T) => keyof T;
|
|
15
|
+
getOptionUniqKeyValue?: (option: T) => string;
|
|
16
|
+
onChange: (selectedItems: T | T[] | null, downshift: ControllerStateAndHelpers<T> | null) => void;
|
|
17
|
+
}
|
|
18
|
+
export type GetStateAndHelpersT<T> = ControllerStateAndHelpers<T> & {
|
|
19
|
+
removeItem: (removedItem: T, downshift: ControllerStateAndHelpers<T> | null) => void;
|
|
20
|
+
editItem: (oldItem: T, newValue: string) => void;
|
|
21
|
+
handleChange: MultipleDownshiftProps<T>['onChange'];
|
|
22
|
+
getOptionUniqKeyValue?: (option: T) => string;
|
|
23
|
+
storedItemsMap: MultipleDownshiftProps<T>['existingItemsMap'];
|
|
24
|
+
};
|
|
25
|
+
export declare const MultipleDownshift: <T>({ options, onChange, selectedItems, handleUnStoredItemCb, existingItemsMap, children, customizeNewSelectedValue, getOptionUniqKey, getOptionUniqKeyValue, ...props }: MultipleDownshiftProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SelectedItems } from './selectedItems';
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
|
|
3
|
+
type VariantType = 'light' | 'dark';
|
|
4
|
+
interface SelectedItemProps<T> {
|
|
5
|
+
item: T;
|
|
6
|
+
onRemoveItem: (item: T) => void;
|
|
7
|
+
parseValueToString?: (value: T) => string;
|
|
8
|
+
editItem: (oldItem: T, newValue: string) => void;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
mobileDisabled?: boolean;
|
|
11
|
+
error?: string | boolean;
|
|
12
|
+
editable?: boolean;
|
|
13
|
+
getAdditionalCreationCondition?: (value: string) => boolean;
|
|
14
|
+
storedOption?: boolean;
|
|
15
|
+
highlightUnStoredItem?: boolean;
|
|
16
|
+
variant?: VariantType;
|
|
17
|
+
getItemName?: (item: T) => string;
|
|
18
|
+
changeItemHandler?: (item: T, value: string) => T;
|
|
19
|
+
singleLine?: boolean;
|
|
20
|
+
className?: string;
|
|
21
|
+
textClassName?: string;
|
|
22
|
+
}
|
|
23
|
+
type SelectedItemsProps<T> = Omit<SelectedItemProps<T>, 'item' | 'editItem'> & {
|
|
24
|
+
items?: T[];
|
|
25
|
+
onRemoveItem?: (item: T) => void;
|
|
26
|
+
parseValueToString: (value: T | null) => string;
|
|
27
|
+
editItem: (oldItem: T, newValue: string) => void;
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
mobileDisabled?: boolean;
|
|
30
|
+
storedItemsMap?: Record<string, boolean>;
|
|
31
|
+
highlightUnStoredItem?: boolean;
|
|
32
|
+
editable?: boolean;
|
|
33
|
+
variant?: VariantType;
|
|
34
|
+
getItemValidationErrorType?: ((item: T) => string) | null;
|
|
35
|
+
renderCustomSelectedItem?: (item: T) => ReactNode;
|
|
36
|
+
selectedItemSingleLine?: boolean;
|
|
37
|
+
selectedItemClassName?: string;
|
|
38
|
+
selectedItemTextClassName?: string;
|
|
39
|
+
};
|
|
40
|
+
export declare const SelectedItems: <T>({ items, parseValueToString, getItemValidationErrorType, storedItemsMap, highlightUnStoredItem, renderCustomSelectedItem, selectedItemSingleLine, selectedItemClassName, selectedItemTextClassName, ...props }: SelectedItemsProps<T>) => (string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined)[];
|
|
41
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SingleAutocomplete } from './singleAutocomplete';
|