@alixpartners/ui-components 2.4.0 → 2.4.2
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 +97 -97
- package/dist/assets/Dropdown.css +1 -1
- package/dist/assets/FilePicker.css +1 -1
- package/dist/components/Creatable/Creatable.js +1 -1
- package/dist/components/Dropdown/Dropdown.js +31 -31
- package/dist/components/FilePicker/FilePicker.d.ts +1 -1
- package/dist/components/FilePicker/FilePicker.js +87 -86
- package/dist/components/NavBar/NavBar.js +1 -1
- package/dist/components/SplitButton/SplitButton.js +1 -1
- package/dist/components/TagsFields/TagsFields.js +1 -1
- package/dist/components/Tooltip/Tooltip.js +1 -1
- package/dist/{index-D34Qo5Qx.js → index-C-3_YVJ1.js} +473 -478
- package/dist/{index-DZ4Gof57.js → index-C4ffg1vf.js} +1 -1
- package/dist/{index-DgdVwltD.js → index-D_3jWVyV.js} +1 -1
- package/dist/web.config +8 -8
- package/package.json +87 -87
package/README.md
CHANGED
|
@@ -1,97 +1,97 @@
|
|
|
1
|
-
# AlixPartners UI Component Library
|
|
2
|
-
|
|
3
|
-
A modern, reusable component library built with **[ReactJS](https://react.dev/)**.
|
|
4
|
-
|
|
5
|
-
Version **2.0** has been **rebuilt from the ground up** to align with the latest **AlixPartners Design System** and deliver improved developer experience, accessibility, and performance.
|
|
6
|
-
|
|
7
|
-
## ✨ What’s New in 2.0
|
|
8
|
-
|
|
9
|
-
- Completely redesigned architecture with modern build tooling ([Vite](https://vitejs.dev/))
|
|
10
|
-
- Updated design tokens and styles aligned with AlixPartners Design System
|
|
11
|
-
- Improved accessibility (a11y) and semantic HTML usage
|
|
12
|
-
- Streamlined props API for cleaner integration
|
|
13
|
-
- Enhanced Storybook documentation
|
|
14
|
-
- Faster build & development workflows
|
|
15
|
-
|
|
16
|
-
### Version Support
|
|
17
|
-
|
|
18
|
-
- v2.x — Active development (BETA)
|
|
19
|
-
- v1.x — Maintained for legacy projects (no new features, critical fixes only)
|
|
20
|
-
|
|
21
|
-
---
|
|
22
|
-
|
|
23
|
-
## 🚀 Installation
|
|
24
|
-
|
|
25
|
-
```bash
|
|
26
|
-
npm install @alixpartners/ui-components
|
|
27
|
-
```
|
|
28
|
-
|
|
29
|
-
## 🔧 Usage
|
|
30
|
-
|
|
31
|
-
```tsx
|
|
32
|
-
import { YourComponent } from '@alixpartners/ui-components'
|
|
33
|
-
|
|
34
|
-
function App() {
|
|
35
|
-
return <YourComponent />
|
|
36
|
-
}
|
|
37
|
-
```
|
|
38
|
-
|
|
39
|
-
## 🧱 Components
|
|
40
|
-
|
|
41
|
-
Explore all available components and documentation in Storybook.
|
|
42
|
-
|
|
43
|
-
To run it locally:
|
|
44
|
-
|
|
45
|
-
```bash
|
|
46
|
-
npm run storybook
|
|
47
|
-
```
|
|
48
|
-
|
|
49
|
-
---
|
|
50
|
-
|
|
51
|
-
## 📦 Build
|
|
52
|
-
|
|
53
|
-
To bundle the library for publishing:
|
|
54
|
-
|
|
55
|
-
```bash
|
|
56
|
-
npm run build
|
|
57
|
-
```
|
|
58
|
-
|
|
59
|
-
The output will be in the `dist/` directory.
|
|
60
|
-
|
|
61
|
-
### Usage in projects while developing
|
|
62
|
-
|
|
63
|
-
When working on the library and testing it in another project:
|
|
64
|
-
|
|
65
|
-
```bash
|
|
66
|
-
# In the component library root:
|
|
67
|
-
npm link
|
|
68
|
-
|
|
69
|
-
# In the consuming project's root:
|
|
70
|
-
npm link alix-partners-react-components-test
|
|
71
|
-
```
|
|
72
|
-
|
|
73
|
-
Then import components using the `alix-partners-react-components-test` import.
|
|
74
|
-
|
|
75
|
-
## 🧪 Testing
|
|
76
|
-
|
|
77
|
-
```bash
|
|
78
|
-
npm run test
|
|
79
|
-
```
|
|
80
|
-
|
|
81
|
-
#### 🧪 Test Coverage
|
|
82
|
-
|
|
83
|
-
```bash
|
|
84
|
-
npm run coverage
|
|
85
|
-
```
|
|
86
|
-
|
|
87
|
-
## 📚 Publish
|
|
88
|
-
|
|
89
|
-
To publish to npm:
|
|
90
|
-
|
|
91
|
-
1. Bump the version in `package.json`
|
|
92
|
-
2. Create a pull request in Azure DevOps to the `main` branch
|
|
93
|
-
3. This will automatically publish the library to `npm` once approved
|
|
94
|
-
|
|
95
|
-
## 🤝 Contributing
|
|
96
|
-
|
|
97
|
-
The **AlixPartners UI Component Library** is a collaborative, community-driven project where contributions from all team members are encouraged and valued. If you’d like to add new components or improve existing ones, please see the CONTRIBUTING.md file.
|
|
1
|
+
# AlixPartners UI Component Library
|
|
2
|
+
|
|
3
|
+
A modern, reusable component library built with **[ReactJS](https://react.dev/)**.
|
|
4
|
+
|
|
5
|
+
Version **2.0** has been **rebuilt from the ground up** to align with the latest **AlixPartners Design System** and deliver improved developer experience, accessibility, and performance.
|
|
6
|
+
|
|
7
|
+
## ✨ What’s New in 2.0
|
|
8
|
+
|
|
9
|
+
- Completely redesigned architecture with modern build tooling ([Vite](https://vitejs.dev/))
|
|
10
|
+
- Updated design tokens and styles aligned with AlixPartners Design System
|
|
11
|
+
- Improved accessibility (a11y) and semantic HTML usage
|
|
12
|
+
- Streamlined props API for cleaner integration
|
|
13
|
+
- Enhanced Storybook documentation
|
|
14
|
+
- Faster build & development workflows
|
|
15
|
+
|
|
16
|
+
### Version Support
|
|
17
|
+
|
|
18
|
+
- v2.x — Active development (BETA)
|
|
19
|
+
- v1.x — Maintained for legacy projects (no new features, critical fixes only)
|
|
20
|
+
|
|
21
|
+
---
|
|
22
|
+
|
|
23
|
+
## 🚀 Installation
|
|
24
|
+
|
|
25
|
+
```bash
|
|
26
|
+
npm install @alixpartners/ui-components
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
## 🔧 Usage
|
|
30
|
+
|
|
31
|
+
```tsx
|
|
32
|
+
import { YourComponent } from '@alixpartners/ui-components'
|
|
33
|
+
|
|
34
|
+
function App() {
|
|
35
|
+
return <YourComponent />
|
|
36
|
+
}
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
## 🧱 Components
|
|
40
|
+
|
|
41
|
+
Explore all available components and documentation in Storybook.
|
|
42
|
+
|
|
43
|
+
To run it locally:
|
|
44
|
+
|
|
45
|
+
```bash
|
|
46
|
+
npm run storybook
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
---
|
|
50
|
+
|
|
51
|
+
## 📦 Build
|
|
52
|
+
|
|
53
|
+
To bundle the library for publishing:
|
|
54
|
+
|
|
55
|
+
```bash
|
|
56
|
+
npm run build
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
The output will be in the `dist/` directory.
|
|
60
|
+
|
|
61
|
+
### Usage in projects while developing
|
|
62
|
+
|
|
63
|
+
When working on the library and testing it in another project:
|
|
64
|
+
|
|
65
|
+
```bash
|
|
66
|
+
# In the component library root:
|
|
67
|
+
npm link
|
|
68
|
+
|
|
69
|
+
# In the consuming project's root:
|
|
70
|
+
npm link alix-partners-react-components-test
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
Then import components using the `alix-partners-react-components-test` import.
|
|
74
|
+
|
|
75
|
+
## 🧪 Testing
|
|
76
|
+
|
|
77
|
+
```bash
|
|
78
|
+
npm run test
|
|
79
|
+
```
|
|
80
|
+
|
|
81
|
+
#### 🧪 Test Coverage
|
|
82
|
+
|
|
83
|
+
```bash
|
|
84
|
+
npm run coverage
|
|
85
|
+
```
|
|
86
|
+
|
|
87
|
+
## 📚 Publish
|
|
88
|
+
|
|
89
|
+
To publish to npm:
|
|
90
|
+
|
|
91
|
+
1. Bump the version in `package.json`
|
|
92
|
+
2. Create a pull request in Azure DevOps to the `main` branch
|
|
93
|
+
3. This will automatically publish the library to `npm` once approved
|
|
94
|
+
|
|
95
|
+
## 🤝 Contributing
|
|
96
|
+
|
|
97
|
+
The **AlixPartners UI Component Library** is a collaborative, community-driven project where contributions from all team members are encouraged and valued. If you’d like to add new components or improve existing ones, please see the CONTRIBUTING.md file.
|
package/dist/assets/Dropdown.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.Dropdown-module__dropdownContainer___beNhQ{display:flex;flex-direction:column;gap:4px;width:100%;position:relative;gap:6px}.Dropdown-module__dropdownLabel___T9FmB{font-size:14px;font-weight:500;color:#4a4a4a;line-height:1.2;display:flex;align-items:center;gap:4px}.Dropdown-module__dropdownLabel___T9FmB .Dropdown-module__label-text___VEqG-{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__dropdownLabel___T9FmB.Dropdown-module__dropdownLabelDisabled___SLRmM{pointer-events:none;color:#b2b2b2}.Dropdown-module__dropdownLabel___T9FmB.Dropdown-module__dropdownLabelDisabled___SLRmM .Dropdown-module__label-tooltip-icon___JYVOm{color:#ccc}.Dropdown-module__required___ChI1m{color:#cb282e;font-weight:600}.Dropdown-module__label-tooltip-icon___JYVOm{color:#4a4a4a;font-size:16px;cursor:pointer}.Dropdown-module__dropdownWrapper___AUuWD{position:relative;width:100%}.Dropdown-module__dropdown-menu-trigger___fgqVT{display:inline-block;width:100%}.Dropdown-module__dropdownTrigger___Rue93{width:100%;height:32px;padding:6px 8px;background-color:#fff;border:1px solid #cccccc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:240px;box-sizing:border-box}.Dropdown-module__dropdownTrigger___Rue93:hover:not(.Dropdown-module__dropdownTriggerDisabled___63wkd){border-color:#5cb335}.Dropdown-module__dropdownTrigger___Rue93:focus{outline:none;border-color:#5cb335}.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerOpen___cbm8V{border-color:#5cb335;border-radius:4px}.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerDisabled___63wkd{border-color:#ccc;cursor:not-allowed}.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerDisabled___63wkd .Dropdown-module__placeholder___fWdch,.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerDisabled___63wkd .Dropdown-module__dropdownSelectedItems___iXnpQ{color:#b2b2b2}.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerError___Uu02x{border-color:#bf494e}.Dropdown-module__dropdownContent___zLMhL{display:flex;align-items:center;gap:8px;width:100%;min-height:20px}.Dropdown-module__dropdownSelectedItems___iXnpQ{flex:1;min-width:0;display:flex;align-items:center;color:#28292c;font-size:14px}.Dropdown-module__selectedItemsList___uBD7x{display:flex;flex-wrap:wrap;gap:4px;width:100%}.Dropdown-module__selectedItemsCreatable___SCjLK{display:flex;align-items:center;gap:4px;flex:1}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z{border-radius:240px;height:20px;padding:0 5px 0 9px}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z .Dropdown-module__selectedItemLabel___efVI-{color:#3f7b25}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z .Dropdown-module__removeButton___9r85B{border:none;background:none;cursor:pointer;padding:0;margin:0;display:flex;align-items:center}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z .Dropdown-module__removeIcon___st3b-{font-size:12px;height:12px;width:12px;color:#727272}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__singleSelectedCreatableItem___BKFLb{display:flex;justify-content:space-between;align-items:center;flex:1;border-right:solid 1px #cccccc;padding-right:3px}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__singleSelectedCreatableItem___BKFLb .Dropdown-module__selectedItemLabel___efVI-{color:#28292c;font-size:14px}.Dropdown-module__singleSelectedCreatableItemRemoveButton___w3XXp{transform:rotate(45deg)}.Dropdown-module__selectedItem___2jO4z{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background-color:#dff0db;border:1px solid #dff0db;border-radius:12px;font-size:12px;color:#4a4a4a;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__selectedOptionLabel___7Zdh3{color:#28292c;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.Dropdown-module__placeholder___fWdch{color:#878787;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__dropdownActions___d55Fa{display:flex;align-items:center;gap:4px;flex-shrink:0}.Dropdown-module__dropdownArrow___dLbrb{color:#4a4a4a;font-size:16px!important;transition:transform .2s ease}.Dropdown-module__dropdownArrow___dLbrb.Dropdown-module__dropdownArrowOpen___Z4Nh1{transform:rotate(180deg)}.Dropdown-module__dropdownMenu___toYcy{background-color:#fff;border:1px solid #cccccc;border-radius:4px;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column;width:fit-content;max-width:640px;min-width:80x;box-sizing:border-box;box-shadow:0 0 4px #00000029}.Dropdown-module__dropdown-container-grouped___1twhU .Dropdown-module__dropdownMenu___toYcy{min-width:212px}.Dropdown-module__dropdown-container-multi-select___zdaum .Dropdown-module__dropdownMenu___toYcy{min-width:224px}.Dropdown-module__dropdownMenuToolbar___gFne0{display:flex;flex-direction:column;gap:16px;padding:8px 12px;border-bottom:1px solid #cccccc}.Dropdown-module__searchContainer___4kUvD{position:relative;display:flex;align-items:center;gap:16px}.Dropdown-module__searchContainer___4kUvD .Dropdown-module__search___JmgDx{flex:1}.Dropdown-module__dropdownCreatableSearchContainer___sbs0F{min-width:300px;display:flex;align-items:center;flex-wrap:wrap;gap:4px;background:#fff;border:1px solid #cccccc;border-radius:4px;min-height:32px;padding:0 8px}.Dropdown-module__dropdownCreatableSearchContainer___sbs0F:focus-within{border-color:#5cb335}.Dropdown-module__dropdownCreatableSearchContainer___sbs0F.Dropdown-module__disabled___0FjAX{cursor:not-allowed;opacity:.6}.Dropdown-module__dropdownCreatableError___gwBGw{border-color:#bf494e}.Dropdown-module__creatableInput___meKz6{flex:1 1 120px;min-width:80px;border:none;outline:none;background:transparent;height:20px;padding:6px 0;color:#28292c;font-size:14px}.Dropdown-module__creatableInput___meKz6::placeholder{color:#878787}.Dropdown-module__creatableInput___meKz6:disabled{color:#b2b2b2}.Dropdown-module__searchInput___2Ad09{width:100%;padding:8px 32px 8px 12px;border:1px solid #cccccc;border-radius:4px;font-size:14px;color:#28292c;background-color:#fff}.Dropdown-module__searchInput___2Ad09:focus{outline:none;border-color:#5cb335}.Dropdown-module__searchInput___2Ad09::placeholder{color:#878787}.Dropdown-module__searchIcon___QxaFA{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#4a4a4a;font-size:16px;pointer-events:none}.Dropdown-module__optionsList___rk2hi{padding:8px;flex:1;overflow-y:auto;max-height:200px}.Dropdown-module__categoryGroup___Np2bP{display:flex;flex-direction:column}.Dropdown-module__optionsList___rk2hi .Dropdown-module__categoryGroup___Np2bP:first-child .Dropdown-module__categoryDivider___Gh6F0{border-top:none}.Dropdown-module__categoryDivider___Gh6F0{padding:8px;border-top:1px solid #cccccc;background-color:#fff;display:flex;align-items:center}.Dropdown-module__categoryLabel___B9IDR{font-size:12px;font-weight:600;color:#727272;text-transform:uppercase;letter-spacing:.5px}.Dropdown-module__optionItem___7pi10{width:100%;padding:8px;border:none;background:none;cursor:pointer;display:flex;align-items:center;transition:background-color .2s ease;text-align:left;font-size:14px;color:#4a4a4a;min-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;box-sizing:border-box}.Dropdown-module__optionItem___7pi10:hover:not(.Dropdown-module__optionItemDisabled___aepUD){background-color:#dff0db}.Dropdown-module__optionItem___7pi10:focus{outline:none}.Dropdown-module__optionItem___7pi10.Dropdown-module__optionItemDisabled___aepUD{color:#b2b2b2;cursor:not-allowed;opacity:.6}.Dropdown-module__optionItem___7pi10.Dropdown-module__optionItemFocused___u2781{background-color:#dff0db}.Dropdown-module__optionContent___nf1VC{display:flex;align-items:center;justify-content:space-between;width:100%}.Dropdown-module__optionLabel___sJerM{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto,sans-serif!important}.Dropdown-module__tickIcon___hYdCr{color:inherit;font-size:14px;flex-shrink:0;margin-left:8px}.Dropdown-module__creatableIcon___3zxIF{color:inherit;font-size:14px;flex-shrink:0;margin-right:8px}.Dropdown-module__noOptions___8vmhM{padding:8px;text-align:center;color:#878787;font-size:14px;font-style:italic}.Dropdown-module__maxItemsWarning___4F7o-{padding:8px;border-top:1px solid #cccccc;background-color:#f8f9fa;font-size:12px;color:#727272;text-align:center}.Dropdown-module__helpers___s4ulA{display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0}.Dropdown-module__helpText___YooJE{font-size:12px;color:#727272;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__helpTextDisabled___Ct4qq{color:#b2b2b2}.Dropdown-module__helpLink___-Zwpq{color:#0369a3;font-size:12px;font-weight:500;line-height:1;text-decoration:none;flex-shrink:0}.Dropdown-module__helpLink___-Zwpq:hover{text-decoration:underline}.Dropdown-module__helpLinkDisabled___r-opC{color:#878787}.Dropdown-module__errorMessage___3Mopi{font-size:12px;color:#bf494e;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar{width:4px}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-track{background:transparent}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:240px}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-thumb:hover{background-color:#878787}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-thumb:active{background-color:#4a4a4a}.Dropdown-module__selectAllContainer___Dlk3J{display:flex;gap:16px;background-color:#fff;justify-content:space-between;align-items:center;padding-bottom:8px}.Dropdown-module__searchContainer___4kUvD:has(+.Dropdown-module__selectAllContainer___Dlk3J){border-bottom:none}.Dropdown-module__actionButtons___-2nvr{display:flex;justify-content:space-between;gap:8px;padding:12px;border-top:1px solid #cccccc;background-color:#fff}
|
|
1
|
+
.Dropdown-module__dropdownContainer___beNhQ{display:flex;flex-direction:column;gap:4px;width:100%;position:relative;gap:6px}.Dropdown-module__dropdownLabel___T9FmB{font-size:14px;font-weight:500;color:#4a4a4a;line-height:1.2;display:flex;align-items:center;gap:4px}.Dropdown-module__dropdownLabel___T9FmB .Dropdown-module__label-text___VEqG-{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__dropdownLabel___T9FmB.Dropdown-module__dropdownLabelDisabled___SLRmM{pointer-events:none;color:#b2b2b2}.Dropdown-module__dropdownLabel___T9FmB.Dropdown-module__dropdownLabelDisabled___SLRmM .Dropdown-module__label-tooltip-icon___JYVOm{color:#ccc}.Dropdown-module__required___ChI1m{color:#cb282e;font-weight:600}.Dropdown-module__label-tooltip-icon___JYVOm{color:#4a4a4a;font-size:16px;cursor:pointer}.Dropdown-module__dropdownWrapper___AUuWD{position:relative;width:100%}.Dropdown-module__dropdown-menu-trigger___fgqVT{display:inline-block;width:100%}.Dropdown-module__dropdownTrigger___Rue93{width:100%;height:32px;padding:6px 8px;background-color:#fff;border:1px solid #cccccc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:240px;box-sizing:border-box}.Dropdown-module__dropdownTrigger___Rue93:hover:not(.Dropdown-module__dropdownTriggerDisabled___63wkd){border-color:#5cb335}.Dropdown-module__dropdownTrigger___Rue93:focus{outline:none;border-color:#5cb335}.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerOpen___cbm8V{border-color:#5cb335;border-radius:4px}.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerDisabled___63wkd{border-color:#ccc;cursor:not-allowed}.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerDisabled___63wkd .Dropdown-module__placeholder___fWdch,.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerDisabled___63wkd .Dropdown-module__selectedOptionLabel___7Zdh3,.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerDisabled___63wkd .Dropdown-module__dropdownSelectedItems___iXnpQ{color:#b2b2b2}.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerError___Uu02x{border-color:#bf494e}.Dropdown-module__dropdownContent___zLMhL{display:flex;align-items:center;gap:8px;width:100%;min-height:20px}.Dropdown-module__dropdownSelectedItems___iXnpQ{flex:1;min-width:0;display:flex;align-items:center;color:#28292c;font-size:14px}.Dropdown-module__selectedItemsList___uBD7x{display:flex;flex-wrap:wrap;gap:4px;width:100%}.Dropdown-module__selectedItemsCreatable___SCjLK{display:flex;align-items:center;gap:4px;flex:1}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z{border-radius:240px;height:20px;padding:0 5px 0 9px}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z .Dropdown-module__selectedItemLabel___efVI-{color:#3f7b25}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z .Dropdown-module__removeButton___9r85B{border:none;background:none;cursor:pointer;padding:0;margin:0;display:flex;align-items:center}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z .Dropdown-module__removeIcon___st3b-{font-size:12px;height:12px;width:12px;color:#727272}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__singleSelectedCreatableItem___BKFLb{display:flex;justify-content:space-between;align-items:center;flex:1;border-right:solid 1px #cccccc;padding-right:3px}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__singleSelectedCreatableItem___BKFLb .Dropdown-module__selectedItemLabel___efVI-{color:#28292c;font-size:14px}.Dropdown-module__singleSelectedCreatableItemRemoveButton___w3XXp{transform:rotate(45deg)}.Dropdown-module__selectedItem___2jO4z{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background-color:#dff0db;border:1px solid #dff0db;border-radius:12px;font-size:12px;color:#4a4a4a;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__selectedOptionLabel___7Zdh3{color:#28292c;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.Dropdown-module__placeholder___fWdch{color:#878787;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__dropdownActions___d55Fa{display:flex;align-items:center;gap:4px;flex-shrink:0}.Dropdown-module__dropdownArrow___dLbrb{color:#4a4a4a;font-size:16px!important;transition:transform .2s ease}.Dropdown-module__dropdownArrow___dLbrb.Dropdown-module__dropdownArrowOpen___Z4Nh1{transform:rotate(180deg)}.Dropdown-module__dropdownMenu___toYcy{background-color:#fff;border:1px solid #cccccc;border-radius:4px;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column;width:fit-content;max-width:640px;min-width:80x;box-sizing:border-box;box-shadow:0 0 4px #00000029}.Dropdown-module__dropdown-container-grouped___1twhU .Dropdown-module__dropdownMenu___toYcy{min-width:212px}.Dropdown-module__dropdown-container-multi-select___zdaum .Dropdown-module__dropdownMenu___toYcy{min-width:224px}.Dropdown-module__dropdownMenuToolbar___gFne0{display:flex;flex-direction:column;gap:16px;padding:8px 12px;border-bottom:1px solid #cccccc}.Dropdown-module__searchContainer___4kUvD{position:relative;display:flex;align-items:center;gap:16px}.Dropdown-module__searchContainer___4kUvD .Dropdown-module__search___JmgDx{flex:1}.Dropdown-module__dropdownCreatableSearchContainer___sbs0F{min-width:300px;display:flex;align-items:center;flex-wrap:wrap;gap:4px;background:#fff;border:1px solid #cccccc;border-radius:4px;min-height:32px;padding:0 8px}.Dropdown-module__dropdownCreatableSearchContainer___sbs0F:focus-within{border-color:#5cb335}.Dropdown-module__dropdownCreatableSearchContainer___sbs0F.Dropdown-module__disabled___0FjAX{cursor:not-allowed;opacity:.6}.Dropdown-module__dropdownCreatableError___gwBGw{border-color:#bf494e}.Dropdown-module__creatableInput___meKz6{flex:1 1 120px;min-width:80px;border:none;outline:none;background:transparent;height:20px;padding:6px 0;color:#28292c;font-size:14px}.Dropdown-module__creatableInput___meKz6::placeholder{color:#878787}.Dropdown-module__creatableInput___meKz6:disabled{color:#b2b2b2}.Dropdown-module__searchInput___2Ad09{width:100%;padding:8px 32px 8px 12px;border:1px solid #cccccc;border-radius:4px;font-size:14px;color:#28292c;background-color:#fff}.Dropdown-module__searchInput___2Ad09:focus{outline:none;border-color:#5cb335}.Dropdown-module__searchInput___2Ad09::placeholder{color:#878787}.Dropdown-module__searchIcon___QxaFA{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#4a4a4a;font-size:16px;pointer-events:none}.Dropdown-module__optionsList___rk2hi{padding:8px;flex:1;overflow-y:auto;max-height:200px}.Dropdown-module__categoryGroup___Np2bP{display:flex;flex-direction:column}.Dropdown-module__optionsList___rk2hi .Dropdown-module__categoryGroup___Np2bP:first-child .Dropdown-module__categoryDivider___Gh6F0{border-top:none}.Dropdown-module__categoryDivider___Gh6F0{padding:8px;border-top:1px solid #cccccc;background-color:#fff;display:flex;align-items:center}.Dropdown-module__categoryLabel___B9IDR{font-size:12px;font-weight:600;color:#727272;text-transform:uppercase;letter-spacing:.5px}.Dropdown-module__optionItem___7pi10{width:100%;padding:8px;border:none;background:none;cursor:pointer;display:flex;align-items:center;transition:background-color .2s ease;text-align:left;font-size:14px;color:#4a4a4a;min-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;box-sizing:border-box}.Dropdown-module__optionItem___7pi10:hover:not(.Dropdown-module__optionItemDisabled___aepUD){background-color:#dff0db}.Dropdown-module__optionItem___7pi10:focus{outline:none}.Dropdown-module__optionItem___7pi10.Dropdown-module__optionItemDisabled___aepUD{color:#b2b2b2;cursor:not-allowed;opacity:.6}.Dropdown-module__optionItem___7pi10.Dropdown-module__optionItemFocused___u2781{background-color:#dff0db}.Dropdown-module__optionContent___nf1VC{display:flex;align-items:center;justify-content:space-between;width:100%}.Dropdown-module__optionLabel___sJerM{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto,sans-serif!important}.Dropdown-module__tickIcon___hYdCr{color:inherit;font-size:14px;flex-shrink:0;margin-left:8px}.Dropdown-module__creatableIcon___3zxIF{color:inherit;font-size:14px;flex-shrink:0;margin-right:8px}.Dropdown-module__noOptions___8vmhM{padding:8px;text-align:center;color:#878787;font-size:14px;font-style:italic}.Dropdown-module__maxItemsWarning___4F7o-{padding:8px;border-top:1px solid #cccccc;background-color:#f8f9fa;font-size:12px;color:#727272;text-align:center}.Dropdown-module__helpers___s4ulA{display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0}.Dropdown-module__helpText___YooJE{font-size:12px;color:#727272;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__helpTextDisabled___Ct4qq{color:#b2b2b2}.Dropdown-module__helpLink___-Zwpq{color:#0369a3;font-size:12px;font-weight:500;line-height:1;text-decoration:none;flex-shrink:0}.Dropdown-module__helpLink___-Zwpq:hover{text-decoration:underline}.Dropdown-module__helpLinkDisabled___r-opC{color:#878787}.Dropdown-module__errorMessage___3Mopi{font-size:12px;color:#bf494e;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar{width:4px}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-track{background:transparent}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:240px}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-thumb:hover{background-color:#878787}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-thumb:active{background-color:#4a4a4a}.Dropdown-module__selectAllContainer___Dlk3J{display:flex;gap:16px;background-color:#fff;justify-content:space-between;align-items:center;padding-bottom:8px}.Dropdown-module__searchContainer___4kUvD:has(+.Dropdown-module__selectAllContainer___Dlk3J){border-bottom:none}.Dropdown-module__actionButtons___-2nvr{display:flex;justify-content:space-between;gap:8px;padding:12px;border-top:1px solid #cccccc;background-color:#fff}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.FilePicker-module__container___knCCi{display:flex;flex-direction:column;gap:6px}.FilePicker-module__label___al7Xe{color:#4a4a4a;font-size:14px;font-weight:500;line-height:1.2;display:flex;align-items:center;gap:4px;min-width:0}.FilePicker-module__required___41Vjd{color:#cb282e}.FilePicker-module__labelTooltipIcon___Cc1QF{color:#4a4a4a;font-size:16px;cursor:pointer}.FilePicker-module__helpers___79-g5{display:flex;justify-content:space-between;align-items:center;min-width:0;height:14px}.FilePicker-module__helperText___ja9Rr{color:#727272;font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.FilePicker-module__errorMessage___TvHrL{color:#bf494e;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.FilePicker-module__singleFileHelpLinkContainer___mpjUf{display:flex;align-items:center;gap:6px}.FilePicker-module__singleFileHelpLinkReservedSpace___r8j2b{width:32px;flex-shrink:0}.FilePicker-module__helpLink___uu45D{color:#0369a3;font-size:12px;font-weight:500;text-decoration:none;flex-shrink:0;margin-left:auto;line-height:1.2}.FilePicker-module__helpLink___uu45D:hover{text-decoration:underline}.FilePicker-module__input___cL1Hs{display:none}.FilePicker-module__singleFileContainer___OFSDt{display:flex;align-items:center;gap:
|
|
1
|
+
.FilePicker-module__container___knCCi{display:flex;flex-direction:column;gap:6px}.FilePicker-module__containerMultiple___Psi5u{gap:12px}.FilePicker-module__label___al7Xe{color:#4a4a4a;font-size:14px;font-weight:500;line-height:1.2;display:flex;align-items:center;gap:4px;min-width:0}.FilePicker-module__required___41Vjd{color:#cb282e}.FilePicker-module__labelTooltipIcon___Cc1QF{color:#4a4a4a;font-size:16px;cursor:pointer}.FilePicker-module__helpers___79-g5{display:flex;justify-content:space-between;align-items:center;min-width:0;height:14px}.FilePicker-module__helperText___ja9Rr{color:#727272;font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.FilePicker-module__errorMessage___TvHrL{color:#bf494e;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.FilePicker-module__singleFileHelpLinkContainer___mpjUf{display:flex;align-items:center;gap:6px}.FilePicker-module__singleFileHelpLinkReservedSpace___r8j2b{width:32px;flex-shrink:0}.FilePicker-module__helpLink___uu45D{color:#0369a3;font-size:12px;font-weight:500;text-decoration:none;flex-shrink:0;margin-left:auto;line-height:1.2}.FilePicker-module__helpLink___uu45D:hover{text-decoration:underline}.FilePicker-module__input___cL1Hs{display:none}.FilePicker-module__singleFileContainer___OFSDt{display:flex;align-items:center;gap:8px}.FilePicker-module__singleFileInputContainer___MOkES{display:flex;align-items:center;width:100%;height:32px;border:1px solid #cccccc;border-radius:4px;background-color:#fff}.FilePicker-module__singleFileInputContainer___MOkES:focus,.FilePicker-module__singleFileInputContainer___MOkES:focus-within{border-color:#5cb335;outline:none}.FilePicker-module__inputFileName___sMs7R{display:flex;align-items:center;flex:1;height:100%;font-size:14px;font-weight:400;color:#28292c;border-right:1px solid #cccccc;padding-left:6px}.FilePicker-module__inputFileNamePlaceholder___-mkDD{color:#878787}.FilePicker-module__inputButton___ghLlD{margin-left:6px;margin-right:6px}.FilePicker-module__multipleHelpText___5tnnn{color:#727272;text-align:center;font-family:Roboto;font-size:13px;font-style:normal;font-weight:400;line-height:100%}.FilePicker-module__multipleInputButton___WCJp9{align-self:flex-start}ul.FilePicker-module__multipleFilesList___Kim0I{display:flex;flex-direction:column;list-style:none;padding-left:0;margin:0}.FilePicker-module__multipleFilesListItem___01PDS{padding-bottom:12px;padding-top:12px}.FilePicker-module__multipleFilesListItem___01PDS:first-child{padding-top:0}.FilePicker-module__multipleFilesListItem___01PDS .FilePicker-module__multipleFilesListItemContent___pKbho{display:flex;align-items:start;gap:8px}.FilePicker-module__multipleFilesListItem___01PDS .FilePicker-module__multipleFilesListItemContentData___5GC-C{display:flex;align-items:center;justify-content:space-between;width:100%}.FilePicker-module__multipleFilesListItem___01PDS .FilePicker-module__multipleFilesListItemIconContainer___7sUL5{background-color:#f1f1f1;border-radius:4px}.FilePicker-module__multipleFilesListItem___01PDS .FilePicker-module__multipleFilesListItemIcon___nfMX9{display:flex;align-items:center;justify-content:center;color:#878787;font-size:20px;height:34px;width:32px}.FilePicker-module__multipleFilesListItem___01PDS .FilePicker-module__multipleFilesListItemText___nPqrL{display:flex;flex-direction:column;gap:3px}.FilePicker-module__multipleFilesListItem___01PDS .FilePicker-module__multipleFilesListItemName___NjHhX{color:#4a4a4a;font-size:14px}.FilePicker-module__multipleFilesListItem___01PDS .FilePicker-module__multipleFilesListItemSize___wc8LJ{color:#727272;font-size:12px}.FilePicker-module__multipleFilesListItem___01PDS .FilePicker-module__multipleFilesListItemError___x9qkT{display:flex;align-items:center;gap:3px;color:#cb282e;font-size:12px;font-weight:500}.FilePicker-module__multipleFilesListItem___01PDS .FilePicker-module__multipleFilesListItemIconError___0RO46{color:#cb282e;font-size:16px}.FilePicker-module__multipleFilesListItem___01PDS:not(:last-child){border-bottom:2px solid #cccccc}.FilePicker-module__multipleFilesListItemIconDelete___9Z9Dl{font-size:20px!important}.FilePicker-module__disabled___szMiq .FilePicker-module__label___al7Xe,.FilePicker-module__disabled___szMiq .FilePicker-module__required___41Vjd{color:#b2b2b2}.FilePicker-module__disabled___szMiq .FilePicker-module__labelTooltipIcon___Cc1QF{color:#ccc}.FilePicker-module__disabled___szMiq .FilePicker-module__inputFileName___sMs7R,.FilePicker-module__disabled___szMiq .FilePicker-module__helperText___ja9Rr{color:#b2b2b2}.FilePicker-module__disabled___szMiq .FilePicker-module__helpLink___uu45D{pointer-events:none;color:#878787}.FilePicker-module__disabled___szMiq .FilePicker-module__errorMessage___TvHrL{color:#b2b2b2}.FilePicker-module__disabled___szMiq .FilePicker-module__singleFileInputContainer___MOkES:focus,.FilePicker-module__disabled___szMiq .FilePicker-module__singleFileInputContainer___MOkES:focus-within{border:1px solid #cccccc;border-color:none;outline:none}.FilePicker-module__disabled___szMiq .FilePicker-module__multipleHelpText___5tnnn{color:#b2b2b2}.FilePicker-module__flex___l1rtG{display:flex}
|
|
@@ -5,7 +5,7 @@ import B from "../Icon/Icon.js";
|
|
|
5
5
|
import he from "../Button/Button.js";
|
|
6
6
|
import "../Input/Input.js";
|
|
7
7
|
import Ie from "../Tooltip/Tooltip.js";
|
|
8
|
-
import { R as ve, A as Le, P as Ne, C as ge } from "../../index-
|
|
8
|
+
import { R as ve, A as Le, P as Ne, C as ge } from "../../index-C4ffg1vf.js";
|
|
9
9
|
import '../../assets/Creatable.css';const ye = "Creatable-module__dropdownContainer___y0ptC", De = "Creatable-module__dropdownLabel___RyuSY", ke = "Creatable-module__dropdownLabelDisabled___nhYc0", xe = "Creatable-module__required___g26DB", Oe = "Creatable-module__dropdownWrapper___wu-B3", Ae = "Creatable-module__selectedItemsCreatable___P0mME", Re = "Creatable-module__selectedItem___0LADh", Ve = "Creatable-module__selectedItemLabel___m0LSV", Ee = "Creatable-module__removeButton___tjxwh", Fe = "Creatable-module__removeIcon___KQKbD", Se = "Creatable-module__singleSelectedCreatableItem___tanxX", Me = "Creatable-module__singleSelectedCreatableItemRemoveButton___Qi9Si", Be = "Creatable-module__dropdownActions___FmHZe", Ge = "Creatable-module__dropdownArrow___SJmKg", Ke = "Creatable-module__dropdownArrowOpen___T3E0S", je = "Creatable-module__dropdownMenu___HEhC3", Ue = "Creatable-module__dropdownCreatableSearchContainer___AgXA3", We = "Creatable-module__disabled___ZIdus", $e = "Creatable-module__dropdownCreatableError___FYVla", Je = "Creatable-module__creatableInput___KaKxv", Pe = "Creatable-module__optionsList___VZgJf", Ye = "Creatable-module__categoryGroup___g8f-g", qe = "Creatable-module__categoryDivider___QUgR9", ze = "Creatable-module__categoryLabel___YhGp9", Qe = "Creatable-module__optionItem___Ys808", Ze = "Creatable-module__optionItemDisabled___jvfGz", He = "Creatable-module__optionItemFocused___OfIQd", Te = "Creatable-module__optionContent___9RCsJ", Xe = "Creatable-module__optionLabel___FJfM1", et = "Creatable-module__tickIcon___VjpDN", tt = "Creatable-module__helpers___GmPY4", lt = "Creatable-module__helpText___89mXU", ot = "Creatable-module__helpTextDisabled___shU6E", at = "Creatable-module__helpLink___IdU0g", rt = "Creatable-module__helpLinkDisabled___B8rpy", nt = "Creatable-module__errorMessage___HRKr5", t = {
|
|
10
10
|
dropdownContainer: ye,
|
|
11
11
|
dropdownLabel: De,
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsxs as s, jsx as d } from "react/jsx-runtime";
|
|
2
2
|
import { c as h } from "../../clsx-OuTLNxxd.js";
|
|
3
|
-
import { useState as b, useRef as T, useEffect as
|
|
3
|
+
import { useState as b, useRef as T, useEffect as L, useCallback as oe } from "react";
|
|
4
4
|
import B from "../Icon/Icon.js";
|
|
5
5
|
import Ce from "../Toggle/Toggle.js";
|
|
6
6
|
import ne from "../Button/Button.js";
|
|
7
7
|
import re from "../Ghost/Ghost.js";
|
|
8
8
|
import Me from "../Search/Search.js";
|
|
9
9
|
import Se from "../Tooltip/Tooltip.js";
|
|
10
|
-
import { R as Ve, T as Re, P as Ee, C as Fe } from "../../index-
|
|
11
|
-
import '../../assets/Dropdown.css';const We = "Dropdown-module__dropdownContainer___beNhQ", qe = "Dropdown-module__dropdownLabel___T9FmB", Je = "Dropdown-module__dropdownLabelDisabled___SLRmM", ze = "Dropdown-module__required___ChI1m", Ge = "Dropdown-module__dropdownWrapper___AUuWD", Be = "Dropdown-module__dropdownTrigger___Rue93", Ue = "Dropdown-module__dropdownTriggerDisabled___63wkd", je = "Dropdown-module__dropdownTriggerOpen___cbm8V", Pe = "Dropdown-module__placeholder___fWdch", Ye = "Dropdown-
|
|
10
|
+
import { R as Ve, T as Re, P as Ee, C as Fe } from "../../index-C4ffg1vf.js";
|
|
11
|
+
import '../../assets/Dropdown.css';const We = "Dropdown-module__dropdownContainer___beNhQ", qe = "Dropdown-module__dropdownLabel___T9FmB", Je = "Dropdown-module__dropdownLabelDisabled___SLRmM", ze = "Dropdown-module__required___ChI1m", Ge = "Dropdown-module__dropdownWrapper___AUuWD", Be = "Dropdown-module__dropdownTrigger___Rue93", Ue = "Dropdown-module__dropdownTriggerDisabled___63wkd", je = "Dropdown-module__dropdownTriggerOpen___cbm8V", Pe = "Dropdown-module__placeholder___fWdch", Ye = "Dropdown-module__selectedOptionLabel___7Zdh3", $e = "Dropdown-module__dropdownSelectedItems___iXnpQ", Ze = "Dropdown-module__dropdownTriggerError___Uu02x", Qe = "Dropdown-module__dropdownContent___zLMhL", Ke = "Dropdown-module__dropdownActions___d55Fa", Xe = "Dropdown-module__dropdownArrow___dLbrb", He = "Dropdown-module__dropdownArrowOpen___Z4Nh1", eo = "Dropdown-module__dropdownMenu___toYcy", oo = "Dropdown-module__dropdownMenuToolbar___gFne0", no = "Dropdown-module__searchContainer___4kUvD", ro = "Dropdown-module__search___JmgDx", to = "Dropdown-module__optionsList___rk2hi", lo = "Dropdown-module__categoryGroup___Np2bP", so = "Dropdown-module__categoryDivider___Gh6F0", io = "Dropdown-module__categoryLabel___B9IDR", co = "Dropdown-module__optionItem___7pi10", ao = "Dropdown-module__optionItemDisabled___aepUD", po = "Dropdown-module__optionItemFocused___u2781", _o = "Dropdown-module__optionContent___nf1VC", uo = "Dropdown-module__optionLabel___sJerM", mo = "Dropdown-module__tickIcon___hYdCr", wo = "Dropdown-module__noOptions___8vmhM", fo = "Dropdown-module__helpers___s4ulA", ho = "Dropdown-module__helpText___YooJE", Do = "Dropdown-module__helpTextDisabled___Ct4qq", bo = "Dropdown-module__helpLink___-Zwpq", go = "Dropdown-module__helpLinkDisabled___r-opC", No = "Dropdown-module__errorMessage___3Mopi", vo = "Dropdown-module__selectAllContainer___Dlk3J", Lo = "Dropdown-module__actionButtons___-2nvr", o = {
|
|
12
12
|
dropdownContainer: We,
|
|
13
13
|
dropdownLabel: qe,
|
|
14
14
|
"label-text": "Dropdown-module__label-text___VEqG-",
|
|
@@ -21,10 +21,10 @@ import '../../assets/Dropdown.css';const We = "Dropdown-module__dropdownContaine
|
|
|
21
21
|
dropdownTriggerDisabled: Ue,
|
|
22
22
|
dropdownTriggerOpen: je,
|
|
23
23
|
placeholder: Pe,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
selectedOptionLabel: Ye,
|
|
25
|
+
dropdownSelectedItems: $e,
|
|
26
|
+
dropdownTriggerError: Ze,
|
|
27
|
+
dropdownContent: Qe,
|
|
28
28
|
dropdownActions: Ke,
|
|
29
29
|
dropdownArrow: Xe,
|
|
30
30
|
dropdownArrowOpen: He,
|
|
@@ -60,11 +60,11 @@ function Vo({
|
|
|
60
60
|
options: F,
|
|
61
61
|
value: p = [],
|
|
62
62
|
placeholder: A = "Select options...",
|
|
63
|
-
disabled:
|
|
63
|
+
disabled: O = !1,
|
|
64
64
|
required: te = !1,
|
|
65
65
|
searchable: x = !1,
|
|
66
66
|
searchPlaceholder: le = "Search options...",
|
|
67
|
-
errorMessage:
|
|
67
|
+
errorMessage: I,
|
|
68
68
|
helpText: C,
|
|
69
69
|
helpLink: W,
|
|
70
70
|
helpLinkText: q,
|
|
@@ -86,23 +86,23 @@ function Vo({
|
|
|
86
86
|
caseSensitive: P = !1,
|
|
87
87
|
...me
|
|
88
88
|
}) {
|
|
89
|
-
const [i, g] = b(p), [l, f] = b(!1), [Y, _] = b(""), [
|
|
90
|
-
|
|
89
|
+
const [i, g] = b(p), [l, f] = b(!1), [Y, _] = b(""), [y, c] = b(-1), [w, u] = b([]), $ = T(null), Z = T(null), we = T(null), z = T(null), [Q, fe] = b(0), [he, De] = b(p.length > 0 ? p.join(", ") : A ?? ""), K = T(p);
|
|
90
|
+
L(() => {
|
|
91
91
|
JSON.stringify(K.current) !== JSON.stringify(p) && (g(p), K.current = p);
|
|
92
|
-
}, [p]),
|
|
92
|
+
}, [p]), L(() => {
|
|
93
93
|
var r;
|
|
94
94
|
const e = (r = Z.current) == null ? void 0 : r.getBoundingClientRect().width;
|
|
95
95
|
e && fe(e);
|
|
96
|
-
}, [l]),
|
|
96
|
+
}, [l]), L(() => {
|
|
97
97
|
l && u([...i]);
|
|
98
98
|
}, [l, i]);
|
|
99
99
|
const X = Y.trim(), a = F.filter((e) => {
|
|
100
100
|
const r = P ? e.label : e.label.toLowerCase(), n = P ? X : X.toLowerCase();
|
|
101
101
|
return r.includes(n);
|
|
102
102
|
});
|
|
103
|
-
|
|
103
|
+
L(() => {
|
|
104
104
|
De(p.length > 0 ? p.join(", ") : A ?? "");
|
|
105
|
-
}, [p, A]),
|
|
105
|
+
}, [p, A]), L(() => {
|
|
106
106
|
l && x && z.current && z.current.focus();
|
|
107
107
|
}, [l, x]);
|
|
108
108
|
const be = (e) => {
|
|
@@ -150,7 +150,7 @@ function Vo({
|
|
|
150
150
|
}, [m, t, i, S]), Oe = (e) => {
|
|
151
151
|
M == null || M(e);
|
|
152
152
|
};
|
|
153
|
-
|
|
153
|
+
L(() => {
|
|
154
154
|
const e = (r) => {
|
|
155
155
|
if (l)
|
|
156
156
|
switch (r.key) {
|
|
@@ -161,8 +161,8 @@ function Vo({
|
|
|
161
161
|
r.preventDefault(), c((n) => n > 0 ? n - 1 : a.length - 1);
|
|
162
162
|
break;
|
|
163
163
|
case "Enter":
|
|
164
|
-
if (r.preventDefault(),
|
|
165
|
-
const n = a[
|
|
164
|
+
if (r.preventDefault(), y >= 0 && y < a.length) {
|
|
165
|
+
const n = a[y];
|
|
166
166
|
G(n);
|
|
167
167
|
}
|
|
168
168
|
break;
|
|
@@ -172,27 +172,27 @@ function Vo({
|
|
|
172
172
|
}
|
|
173
173
|
};
|
|
174
174
|
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
175
|
-
}, [l,
|
|
176
|
-
const V = l ? w : i,
|
|
175
|
+
}, [l, y, a, Le, G]);
|
|
176
|
+
const V = l ? w : i, N = F.filter((e) => V.includes(e.value)), Ie = !!I, ye = JSON.stringify(w) !== JSON.stringify(i), H = F.filter((e) => !e.disabled), ke = H.length > 0 && H.every((e) => V.includes(e.value)), Te = a.reduce((e, r) => {
|
|
177
177
|
const n = r.category || "default";
|
|
178
178
|
return e[n] || (e[n] = []), e[n].push(r), e;
|
|
179
179
|
}, {}), Ae = a, {
|
|
180
|
-
onBlur:
|
|
180
|
+
onBlur: v,
|
|
181
181
|
...ee
|
|
182
182
|
} = me;
|
|
183
183
|
return /* @__PURE__ */ s("div", { ref: $, className: h(o.root, o.dropdownContainer, se && o["dropdown-container-grouped"], m && o["dropdown-container-multi-select"], de), ...ee, children: [
|
|
184
|
-
E && /* @__PURE__ */ s("label", { className: h(o.dropdownLabel,
|
|
184
|
+
E && /* @__PURE__ */ s("label", { className: h(o.dropdownLabel, O && o.dropdownLabelDisabled), children: [
|
|
185
185
|
/* @__PURE__ */ d("span", { title: E, className: o["label-text"], children: E }),
|
|
186
186
|
te && /* @__PURE__ */ d("span", { className: o.required, children: "*" }),
|
|
187
187
|
D && /* @__PURE__ */ d(Se, { content: D.content, size: D.size, theme: D.theme, tipSide: D.tipSide, tipAlignment: D.tipAlignment, startVisible: D.startVisible, children: /* @__PURE__ */ d(B, { icon: "ap-icon-info", className: o["label-tooltip-icon"] }) })
|
|
188
188
|
] }),
|
|
189
189
|
/* @__PURE__ */ d(Ve, { open: l, onOpenChange: be, children: /* @__PURE__ */ s("div", { className: o.dropdownWrapper, children: [
|
|
190
|
-
/* @__PURE__ */ d(Re, { disabled:
|
|
191
|
-
l ||
|
|
190
|
+
/* @__PURE__ */ d(Re, { disabled: O, className: h(o["dropdown-menu-trigger"], o.dropdownTrigger, ce, l && o.dropdownTriggerOpen, O && o.dropdownTriggerDisabled, Ie && o.dropdownTriggerError), ref: Z, onBlur: (e) => {
|
|
191
|
+
l || v == null || v(e);
|
|
192
192
|
}, ...ee, children: /* @__PURE__ */ s("div", { className: o.dropdownContent, children: [
|
|
193
|
-
!pe && /* @__PURE__ */ d("div", { className: o.dropdownSelectedItems, children:
|
|
193
|
+
!pe && /* @__PURE__ */ d("div", { className: o.dropdownSelectedItems, children: N.length > 0 ? m ? ke && j ? j : N.length === 1 ? ` ${N.length} ${_e}` : ` ${N.length} ${ue}` : (
|
|
194
194
|
// For single select, show the selected option label
|
|
195
|
-
/* @__PURE__ */ d("span", { className: o.selectedOptionLabel, children:
|
|
195
|
+
/* @__PURE__ */ d("span", { className: o.selectedOptionLabel, title: N[0].label, children: N[0].label })
|
|
196
196
|
) : /* @__PURE__ */ d("span", { title: he, className: o.placeholder, children: A }) }),
|
|
197
197
|
/* @__PURE__ */ d("div", { className: o.dropdownActions, children: /* @__PURE__ */ d(B, { icon: "ap-icon-expand-more", className: h(o.dropdownArrow, l && o.dropdownArrowOpen) }) })
|
|
198
198
|
] }) }),
|
|
@@ -201,7 +201,7 @@ function Vo({
|
|
|
201
201
|
zIndex: 9999
|
|
202
202
|
}, onInteractOutside: (e) => {
|
|
203
203
|
var n;
|
|
204
|
-
e.target === z.current && e.preventDefault(), ((n = $.current) == null ? void 0 : n.contains(e.target)) ||
|
|
204
|
+
e.target === z.current && e.preventDefault(), ((n = $.current) == null ? void 0 : n.contains(e.target)) || v == null || v(e);
|
|
205
205
|
}, children: l && /* @__PURE__ */ s("div", { style: {
|
|
206
206
|
minWidth: Q
|
|
207
207
|
}, className: h(o.dropdownMenu, ae, U === "right" && o.dropdownMenuRight), children: [
|
|
@@ -223,7 +223,7 @@ function Vo({
|
|
|
223
223
|
e !== "default" && /* @__PURE__ */ d("div", { className: o.categoryDivider, children: /* @__PURE__ */ d("span", { className: o.categoryLabel, children: e }) }),
|
|
224
224
|
r.map((n) => {
|
|
225
225
|
const R = Ae.indexOf(n), k = a.find((xe) => xe.value === n.value);
|
|
226
|
-
return /* @__PURE__ */ d("button", { title: (k == null ? void 0 : k.label) || n.label, type: "button", className: h(o.optionItem, V.includes(n.value) && o.optionItemSelected, n.disabled && o.optionItemDisabled, R ===
|
|
226
|
+
return /* @__PURE__ */ d("button", { title: (k == null ? void 0 : k.label) || n.label, type: "button", className: h(o.optionItem, V.includes(n.value) && o.optionItemSelected, n.disabled && o.optionItemDisabled, R === y && o.optionItemFocused), onClick: () => G(n), disabled: n.disabled, "data-dropdown-option-item": !0, children: /* @__PURE__ */ s("div", { className: o.optionContent, children: [
|
|
227
227
|
/* @__PURE__ */ d("span", { className: o.optionLabel, children: n.label }),
|
|
228
228
|
V.includes(n.value) && /* @__PURE__ */ d(B, { icon: "ap-icon-check", className: o.tickIcon })
|
|
229
229
|
] }) }, n.value);
|
|
@@ -238,9 +238,9 @@ function Vo({
|
|
|
238
238
|
] })
|
|
239
239
|
] }) }) })
|
|
240
240
|
] }) }),
|
|
241
|
-
(
|
|
242
|
-
|
|
243
|
-
W && q && /* @__PURE__ */ d("a", { href: W, className: h(o.helpLink,
|
|
241
|
+
(I || C || W && q) && /* @__PURE__ */ s("div", { className: o.helpers, children: [
|
|
242
|
+
I ? /* @__PURE__ */ d("span", { title: I, className: o.errorMessage, children: I }) : C && /* @__PURE__ */ d("span", { title: C, className: h(o.helpText, O && o.helpTextDisabled), children: C }),
|
|
243
|
+
W && q && /* @__PURE__ */ d("a", { href: W, className: h(o.helpLink, O && o.helpLinkDisabled), target: "_blank", rel: "noopener noreferrer", children: q })
|
|
244
244
|
] })
|
|
245
245
|
] });
|
|
246
246
|
}
|
|
@@ -91,7 +91,7 @@ declare function FilePickerSingleFileRow({ children }: {
|
|
|
91
91
|
/** Renders the reserved space and delete button for single-file mode (for use in composed layout). */
|
|
92
92
|
declare function FilePickerSingleFileActions(): import("react/jsx-runtime").JSX.Element | null;
|
|
93
93
|
declare function FilePickerSingleFileDeleteButton(): import("react/jsx-runtime").JSX.Element | null;
|
|
94
|
-
declare function FilePickerHelpText(): import("react/jsx-runtime").JSX.Element;
|
|
94
|
+
declare function FilePickerHelpText(): import("react/jsx-runtime").JSX.Element | null;
|
|
95
95
|
declare function FilePickerUploadedFilesList(): import("react/jsx-runtime").JSX.Element | null;
|
|
96
96
|
declare const FilePicker: typeof FilePickerRoot & {
|
|
97
97
|
Label: typeof FilePickerLabel;
|