@alixpartners/ui-components 2.5.0 → 2.5.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/RichTextEditor-CHGQT1Qj.js +363 -0
- package/dist/assets/Datepicker.css +1 -0
- package/dist/assets/DragAndDrop.css +1 -1
- package/dist/assets/FilePicker.css +1 -1
- package/dist/assets/RadioGroup.css +1 -1
- package/dist/assets/RichTextEditor.css +1 -0
- package/dist/components/Creatable/Creatable.js +1 -1
- package/dist/components/Datepicker/Datepicker.d.ts +22 -0
- package/dist/components/Datepicker/Datepicker.js +227 -0
- package/dist/components/Datepicker/Datepicker.test.d.ts +1 -0
- package/dist/components/Datepicker/Datepicker.test.js +40 -0
- package/dist/components/DragAndDrop/DragAndDrop.d.ts +4 -1
- package/dist/components/DragAndDrop/DragAndDrop.js +96 -84
- package/dist/components/DragAndDrop/DragAndDrop.test.js +179 -173
- package/dist/components/Dropdown/Dropdown.js +1 -1
- package/dist/components/NavBar/NavBar.js +1 -1
- package/dist/components/RadioGroup/RadioGroup.d.ts +3 -1
- package/dist/components/RadioGroup/RadioGroup.js +16 -14
- package/dist/components/RadioGroup/RadioGroup.test.js +8 -0
- package/dist/components/RichTextEditor/RichTextEditor.d.ts +26 -0
- package/dist/components/RichTextEditor/RichTextEditor.js +10 -0
- package/dist/components/RichTextEditor/RichTextEditor.model.d.ts +12 -0
- package/dist/components/RichTextEditor/RichTextEditor.test.d.ts +1 -0
- package/dist/components/RichTextEditor/RichTextEditor.test.js +91 -0
- 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-C-3_YVJ1.js → index-D34Qo5Qx.js} +478 -473
- package/dist/{index-C4ffg1vf.js → index-DZ4Gof57.js} +1 -1
- package/dist/{index-D_3jWVyV.js → index-DgdVwltD.js} +1 -1
- package/dist/main.d.ts +2 -0
- package/dist/main.js +54 -50
- package/dist/web.config +8 -8
- package/package.json +88 -88
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.
|
|
@@ -0,0 +1,363 @@
|
|
|
1
|
+
import { jsxs as c, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { c as _ } from "./clsx-OuTLNxxd.js";
|
|
3
|
+
import { useId as se, useRef as w, useState as p, useMemo as ue, useEffect as E } from "react";
|
|
4
|
+
import O from "./components/Icon/Icon.js";
|
|
5
|
+
import S from "./components/Tooltip/Tooltip.js";
|
|
6
|
+
import { R as me, T as fe, P as _e, C as pe } from "./index-DZ4Gof57.js";
|
|
7
|
+
import './assets/RichTextEditor.css';const he = "RichTextEditor-module__container___AplP0", ge = "RichTextEditor-module__label___vjzs-", be = "RichTextEditor-module__required___7duke", Me = "RichTextEditor-module__frame___7OSyf", Te = "RichTextEditor-module__frameFocused___GtJ2x", xe = "RichTextEditor-module__frameDisabled___LubtU", ve = "RichTextEditor-module__toolbar___m9-M-", Re = "RichTextEditor-module__toolbarContent___YXKHD", Ee = "RichTextEditor-module__toolbarStacked___6rB10", Oe = "RichTextEditor-module__actions___ZAK9J", Ce = "RichTextEditor-module__toolbarPanel___OVGHO", ye = "RichTextEditor-module__toolbarRow___f0xJR", He = "RichTextEditor-module__toolButton___IT2Kg", Ne = "RichTextEditor-module__toolButtonActive___-HvZQ", ke = "RichTextEditor-module__toolIcon___Wndhd", Le = "RichTextEditor-module__formatControl___w4WcA", we = "RichTextEditor-module__toolbarLinkSlot___Gu-9l", Se = "RichTextEditor-module__selectTrigger___frv3x", Fe = "RichTextEditor-module__selectTriggerOpen___tk2Pb", Ie = "RichTextEditor-module__selectTriggerLabel___FkEv0", Pe = "RichTextEditor-module__selectIcon___aJWUk", Be = "RichTextEditor-module__formatMenu___y-uBL", Ae = "RichTextEditor-module__formatMenuOptions___zcdlo", je = "RichTextEditor-module__formatMenuOption___3ppTs", ze = "RichTextEditor-module__formatMenuOptionSelected___bq9J9", De = "RichTextEditor-module__formatMenuOptionParagraph___4BLds", qe = "RichTextEditor-module__formatMenuOptionHeading1___H1cKX", Ue = "RichTextEditor-module__formatMenuOptionHeading2___JdixR", $e = "RichTextEditor-module__formatMenuOptionHeading3___NcwLr", We = "RichTextEditor-module__formatMenuOptionHeading4___4mLbG", Je = "RichTextEditor-module__formatMenuOptionPreformatted___cB0Ix", Ke = "RichTextEditor-module__editor___M32R7", Ve = "RichTextEditor-module__wordCount___5SSVY", Ge = "RichTextEditor-module__wordCountExceeded___NhqBc", e = {
|
|
8
|
+
container: he,
|
|
9
|
+
label: ge,
|
|
10
|
+
required: be,
|
|
11
|
+
frame: Me,
|
|
12
|
+
frameFocused: Te,
|
|
13
|
+
frameDisabled: xe,
|
|
14
|
+
toolbar: ve,
|
|
15
|
+
toolbarContent: Re,
|
|
16
|
+
toolbarStacked: Ee,
|
|
17
|
+
actions: Oe,
|
|
18
|
+
toolbarPanel: Ce,
|
|
19
|
+
toolbarRow: ye,
|
|
20
|
+
toolButton: He,
|
|
21
|
+
toolButtonActive: Ne,
|
|
22
|
+
toolIcon: ke,
|
|
23
|
+
formatControl: Le,
|
|
24
|
+
toolbarLinkSlot: we,
|
|
25
|
+
selectTrigger: Se,
|
|
26
|
+
selectTriggerOpen: Fe,
|
|
27
|
+
selectTriggerLabel: Ie,
|
|
28
|
+
selectIcon: Pe,
|
|
29
|
+
formatMenu: Be,
|
|
30
|
+
formatMenuOptions: Ae,
|
|
31
|
+
formatMenuOption: je,
|
|
32
|
+
formatMenuOptionSelected: ze,
|
|
33
|
+
formatMenuOptionParagraph: De,
|
|
34
|
+
formatMenuOptionHeading1: qe,
|
|
35
|
+
formatMenuOptionHeading2: Ue,
|
|
36
|
+
formatMenuOptionHeading3: $e,
|
|
37
|
+
formatMenuOptionHeading4: We,
|
|
38
|
+
formatMenuOptionPreformatted: Je,
|
|
39
|
+
editor: Ke,
|
|
40
|
+
wordCount: Ve,
|
|
41
|
+
wordCountExceeded: Ge
|
|
42
|
+
}, Xe = {
|
|
43
|
+
paragraph: "p",
|
|
44
|
+
heading1: "h1",
|
|
45
|
+
heading2: "h2",
|
|
46
|
+
heading3: "h3",
|
|
47
|
+
heading4: "h4",
|
|
48
|
+
preformatted: "pre",
|
|
49
|
+
"unordered-list": "ul",
|
|
50
|
+
"ordered-list": "ol"
|
|
51
|
+
};
|
|
52
|
+
function te(o) {
|
|
53
|
+
return o.trim().length > 0 ? o : "<br>";
|
|
54
|
+
}
|
|
55
|
+
function Ye(o) {
|
|
56
|
+
switch (o.toLowerCase()) {
|
|
57
|
+
case "h1":
|
|
58
|
+
return "heading1";
|
|
59
|
+
case "h2":
|
|
60
|
+
return "heading2";
|
|
61
|
+
case "h3":
|
|
62
|
+
return "heading3";
|
|
63
|
+
case "h4":
|
|
64
|
+
return "heading4";
|
|
65
|
+
case "pre":
|
|
66
|
+
return "preformatted";
|
|
67
|
+
case "ul":
|
|
68
|
+
return "unordered-list";
|
|
69
|
+
case "ol":
|
|
70
|
+
return "ordered-list";
|
|
71
|
+
case "p":
|
|
72
|
+
default:
|
|
73
|
+
return "paragraph";
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
function F(o) {
|
|
77
|
+
if (!o.trim())
|
|
78
|
+
return {
|
|
79
|
+
blocks: [{
|
|
80
|
+
type: "paragraph",
|
|
81
|
+
html: "<br>"
|
|
82
|
+
}]
|
|
83
|
+
};
|
|
84
|
+
const d = new DOMParser().parseFromString(o, "text/html"), s = Array.from(d.body.childNodes), h = [];
|
|
85
|
+
return s.forEach((i) => {
|
|
86
|
+
var T;
|
|
87
|
+
if (i.nodeType === Node.TEXT_NODE) {
|
|
88
|
+
const m = (T = i.textContent) == null ? void 0 : T.trim();
|
|
89
|
+
m && h.push({
|
|
90
|
+
type: "paragraph",
|
|
91
|
+
html: m
|
|
92
|
+
});
|
|
93
|
+
return;
|
|
94
|
+
}
|
|
95
|
+
if (i.nodeType !== Node.ELEMENT_NODE)
|
|
96
|
+
return;
|
|
97
|
+
const u = i, b = u.style.textAlign;
|
|
98
|
+
h.push({
|
|
99
|
+
type: Ye(u.tagName),
|
|
100
|
+
html: te(u.innerHTML),
|
|
101
|
+
align: b || void 0
|
|
102
|
+
});
|
|
103
|
+
}), {
|
|
104
|
+
blocks: h.length > 0 ? h : [{
|
|
105
|
+
type: "paragraph",
|
|
106
|
+
html: "<br>"
|
|
107
|
+
}]
|
|
108
|
+
};
|
|
109
|
+
}
|
|
110
|
+
function ee(o) {
|
|
111
|
+
return o.blocks.length ? o.blocks.map((a) => {
|
|
112
|
+
const d = Xe[a.type], s = a.align ? ` style="text-align:${a.align}"` : "";
|
|
113
|
+
return `<${d}${s}>${te(a.html)}</${d}>`;
|
|
114
|
+
}).join("") : "<p><br></p>";
|
|
115
|
+
}
|
|
116
|
+
function Ze(o) {
|
|
117
|
+
const a = o.blocks.map((d) => d.html.replace(/<[^>]+>/g, " ")).join(" ").replace(/\s+/g, " ").trim();
|
|
118
|
+
return a ? a.split(" ").length : 0;
|
|
119
|
+
}
|
|
120
|
+
const Qe = [{
|
|
121
|
+
label: "Paragraph",
|
|
122
|
+
value: "paragraph"
|
|
123
|
+
}, {
|
|
124
|
+
label: "Heading 1",
|
|
125
|
+
value: "heading1"
|
|
126
|
+
}, {
|
|
127
|
+
label: "Heading 2",
|
|
128
|
+
value: "heading2"
|
|
129
|
+
}, {
|
|
130
|
+
label: "Heading 3",
|
|
131
|
+
value: "heading3"
|
|
132
|
+
}, {
|
|
133
|
+
label: "Heading 4",
|
|
134
|
+
value: "heading4"
|
|
135
|
+
}, {
|
|
136
|
+
label: "Preformatted",
|
|
137
|
+
value: "preformatted"
|
|
138
|
+
}], et = {
|
|
139
|
+
paragraph: "P",
|
|
140
|
+
heading1: "H1",
|
|
141
|
+
heading2: "H2",
|
|
142
|
+
heading3: "H3",
|
|
143
|
+
heading4: "H4",
|
|
144
|
+
preformatted: "PRE",
|
|
145
|
+
"unordered-list": "UL",
|
|
146
|
+
"ordered-list": "OL"
|
|
147
|
+
};
|
|
148
|
+
function I() {
|
|
149
|
+
return "<p><br></p>";
|
|
150
|
+
}
|
|
151
|
+
function tt(o) {
|
|
152
|
+
return o.trim().length > 0 ? o : I();
|
|
153
|
+
}
|
|
154
|
+
function nt() {
|
|
155
|
+
const o = document.queryCommandValue("formatBlock");
|
|
156
|
+
switch (String(o || "").replace(/[<>]/g, "").toUpperCase()) {
|
|
157
|
+
case "H1":
|
|
158
|
+
return "heading1";
|
|
159
|
+
case "H2":
|
|
160
|
+
return "heading2";
|
|
161
|
+
case "H3":
|
|
162
|
+
return "heading3";
|
|
163
|
+
case "H4":
|
|
164
|
+
return "heading4";
|
|
165
|
+
case "PRE":
|
|
166
|
+
return "preformatted";
|
|
167
|
+
default:
|
|
168
|
+
return "paragraph";
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
function ot(o) {
|
|
172
|
+
switch (o) {
|
|
173
|
+
case "heading1":
|
|
174
|
+
return e.formatMenuOptionHeading1;
|
|
175
|
+
case "heading2":
|
|
176
|
+
return e.formatMenuOptionHeading2;
|
|
177
|
+
case "heading3":
|
|
178
|
+
return e.formatMenuOptionHeading3;
|
|
179
|
+
case "heading4":
|
|
180
|
+
return e.formatMenuOptionHeading4;
|
|
181
|
+
case "preformatted":
|
|
182
|
+
return e.formatMenuOptionPreformatted;
|
|
183
|
+
default:
|
|
184
|
+
return e.formatMenuOptionParagraph;
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
function st({
|
|
188
|
+
className: o,
|
|
189
|
+
label: a,
|
|
190
|
+
required: d = !1,
|
|
191
|
+
value: s,
|
|
192
|
+
placeholder: h = "Content",
|
|
193
|
+
disabled: i = !1,
|
|
194
|
+
toolbarLayout: u = "inline",
|
|
195
|
+
showToolbar: b = !0,
|
|
196
|
+
showWordCount: T = !0,
|
|
197
|
+
maxWords: m,
|
|
198
|
+
resizable: ne = !0,
|
|
199
|
+
rows: oe = 8,
|
|
200
|
+
tooltipEnabled: x = !0,
|
|
201
|
+
formatOptions: P = Qe,
|
|
202
|
+
onChange: C,
|
|
203
|
+
onModelChange: y
|
|
204
|
+
}) {
|
|
205
|
+
const B = se(), l = w(null), A = w(null), j = w(null), [re, z] = p(!1), [H, D] = p(!1), [ie, ae] = p(0), [q, U] = p(null), [v, $] = p(() => F(s || I())), [W, le] = p("paragraph"), [f, ce] = p({
|
|
206
|
+
bold: !1,
|
|
207
|
+
italic: !1,
|
|
208
|
+
underline: !1,
|
|
209
|
+
justifyLeft: !1,
|
|
210
|
+
justifyCenter: !1,
|
|
211
|
+
justifyRight: !1,
|
|
212
|
+
insertUnorderedList: !1
|
|
213
|
+
}), N = ue(() => Ze(v), [v]), k = () => {
|
|
214
|
+
if (!l.current) return;
|
|
215
|
+
const t = F(l.current.innerHTML);
|
|
216
|
+
$(t), y == null || y(t), C == null || C(ee(t));
|
|
217
|
+
}, M = () => {
|
|
218
|
+
le(nt()), ce({
|
|
219
|
+
bold: document.queryCommandState("bold"),
|
|
220
|
+
italic: document.queryCommandState("italic"),
|
|
221
|
+
underline: document.queryCommandState("underline"),
|
|
222
|
+
justifyLeft: document.queryCommandState("justifyLeft"),
|
|
223
|
+
justifyCenter: document.queryCommandState("justifyCenter"),
|
|
224
|
+
justifyRight: document.queryCommandState("justifyRight"),
|
|
225
|
+
insertUnorderedList: document.queryCommandState("insertUnorderedList")
|
|
226
|
+
});
|
|
227
|
+
}, J = () => {
|
|
228
|
+
var t;
|
|
229
|
+
i || (t = l.current) == null || t.focus();
|
|
230
|
+
}, K = (t, r) => {
|
|
231
|
+
i || (J(), document.execCommand(t, !1, r), k(), M());
|
|
232
|
+
}, de = (t) => {
|
|
233
|
+
K("formatBlock", et[t]);
|
|
234
|
+
}, V = () => {
|
|
235
|
+
if (i) return;
|
|
236
|
+
J();
|
|
237
|
+
const t = window.prompt("Enter URL");
|
|
238
|
+
t && (document.execCommand("createLink", !1, t), k(), M());
|
|
239
|
+
};
|
|
240
|
+
E(() => {
|
|
241
|
+
const t = tt(s || I()), r = F(t);
|
|
242
|
+
$(r), l.current && l.current.innerHTML !== t && (l.current.innerHTML = t);
|
|
243
|
+
}, [s]), E(() => {
|
|
244
|
+
l.current && (l.current.innerHTML.trim() || (l.current.innerHTML = ee(v)));
|
|
245
|
+
}, [v]), E(() => {
|
|
246
|
+
var r;
|
|
247
|
+
const t = (r = A.current) == null ? void 0 : r.getBoundingClientRect().width;
|
|
248
|
+
t && ae(t);
|
|
249
|
+
}, [H]), E(() => {
|
|
250
|
+
if (!b) {
|
|
251
|
+
U(null);
|
|
252
|
+
return;
|
|
253
|
+
}
|
|
254
|
+
const t = j.current;
|
|
255
|
+
if (!t) return;
|
|
256
|
+
const r = () => {
|
|
257
|
+
const Q = t.getBoundingClientRect().width;
|
|
258
|
+
Q > 0 && U(Q);
|
|
259
|
+
};
|
|
260
|
+
r();
|
|
261
|
+
const R = new ResizeObserver(() => {
|
|
262
|
+
r();
|
|
263
|
+
});
|
|
264
|
+
return R.observe(t), window.addEventListener("resize", r), () => {
|
|
265
|
+
R.disconnect(), window.removeEventListener("resize", r);
|
|
266
|
+
};
|
|
267
|
+
}, [b, u, i, x]);
|
|
268
|
+
const g = (t) => /* @__PURE__ */ n(S, { content: t.tooltip, size: "sm", theme: "dark", tipSide: "top", tipAlignment: "center", disabled: !x, children: /* @__PURE__ */ n("button", { type: "button", className: _(e.toolButton, t.active && e.toolButtonActive), onMouseDown: (r) => r.preventDefault(), onClick: () => K(t.command, t.value), "aria-label": t.tooltip, disabled: i, children: /* @__PURE__ */ n(O, { icon: t.icon, className: e.toolIcon }) }) }, t.id), L = [{
|
|
269
|
+
id: "bold",
|
|
270
|
+
icon: "ap-icon-bold",
|
|
271
|
+
command: "bold",
|
|
272
|
+
tooltip: "Bold",
|
|
273
|
+
active: f.bold
|
|
274
|
+
}, {
|
|
275
|
+
id: "italic",
|
|
276
|
+
icon: "ap-icon-italic",
|
|
277
|
+
command: "italic",
|
|
278
|
+
tooltip: "Italic",
|
|
279
|
+
active: f.italic
|
|
280
|
+
}, {
|
|
281
|
+
id: "underline",
|
|
282
|
+
icon: "ap-icon-underline",
|
|
283
|
+
command: "underline",
|
|
284
|
+
tooltip: "Underline",
|
|
285
|
+
active: f.underline
|
|
286
|
+
}, {
|
|
287
|
+
id: "align-left",
|
|
288
|
+
icon: "ap-icon-left",
|
|
289
|
+
command: "justifyLeft",
|
|
290
|
+
tooltip: "Align left",
|
|
291
|
+
active: f.justifyLeft
|
|
292
|
+
}, {
|
|
293
|
+
id: "align-center",
|
|
294
|
+
icon: "ap-icon-bar",
|
|
295
|
+
command: "justifyCenter",
|
|
296
|
+
tooltip: "Align center",
|
|
297
|
+
active: f.justifyCenter
|
|
298
|
+
}, {
|
|
299
|
+
id: "align-right",
|
|
300
|
+
icon: "ap-icon-right",
|
|
301
|
+
command: "justifyRight",
|
|
302
|
+
tooltip: "Align right",
|
|
303
|
+
active: f.justifyRight
|
|
304
|
+
}, {
|
|
305
|
+
id: "bulleted",
|
|
306
|
+
icon: "ap-icon-list",
|
|
307
|
+
command: "insertUnorderedList",
|
|
308
|
+
tooltip: "Bulleted list",
|
|
309
|
+
active: f.insertUnorderedList
|
|
310
|
+
}], G = L.filter((t) => ["bold", "italic", "underline"].includes(t.id)), X = L.filter((t) => ["align-left", "align-center", "align-right"].includes(t.id)), Y = L.filter((t) => ["bulleted"].includes(t.id)), Z = () => {
|
|
311
|
+
var t;
|
|
312
|
+
return /* @__PURE__ */ n("div", { className: e.formatControl, children: /* @__PURE__ */ c(me, { open: H, onOpenChange: D, children: [
|
|
313
|
+
/* @__PURE__ */ c(fe, { ref: A, disabled: i, className: _(e.selectTrigger, H && e.selectTriggerOpen), children: [
|
|
314
|
+
/* @__PURE__ */ n("span", { className: e.selectTriggerLabel, children: ((t = P.find((r) => r.value === W)) == null ? void 0 : t.label) || "Paragraph" }),
|
|
315
|
+
/* @__PURE__ */ n(O, { icon: "ap-icon-expand-more", className: e.selectIcon })
|
|
316
|
+
] }),
|
|
317
|
+
/* @__PURE__ */ n(_e, { children: /* @__PURE__ */ n(pe, { align: "end", side: "bottom", sideOffset: 6, collisionPadding: 8, className: e.formatMenu, style: {
|
|
318
|
+
minWidth: ie || 180,
|
|
319
|
+
zIndex: 9999
|
|
320
|
+
}, children: /* @__PURE__ */ n("div", { className: e.formatMenuOptions, children: P.map((r) => /* @__PURE__ */ n("button", { type: "button", className: _(e.formatMenuOption, ot(r.value), r.value === W && e.formatMenuOptionSelected), onMouseDown: (R) => R.preventDefault(), onClick: () => {
|
|
321
|
+
de(r.value), D(!1);
|
|
322
|
+
}, children: r.label }, r.value)) }) }) })
|
|
323
|
+
] }) });
|
|
324
|
+
};
|
|
325
|
+
return /* @__PURE__ */ c("div", { className: _(e.container, o), children: [
|
|
326
|
+
a && /* @__PURE__ */ c("label", { className: e.label, htmlFor: B, children: [
|
|
327
|
+
a,
|
|
328
|
+
d && /* @__PURE__ */ n("span", { className: e.required, children: "*" })
|
|
329
|
+
] }),
|
|
330
|
+
/* @__PURE__ */ c("div", { className: _(e.frame, re && e.frameFocused, i && e.frameDisabled), style: {
|
|
331
|
+
width: q ? `${q}px` : void 0
|
|
332
|
+
}, children: [
|
|
333
|
+
b && /* @__PURE__ */ n("div", { className: _(e.toolbar, u === "stacked" && e.toolbarStacked), children: /* @__PURE__ */ n("div", { ref: j, className: e.toolbarContent, children: u === "stacked" ? /* @__PURE__ */ c("div", { className: e.toolbarPanel, children: [
|
|
334
|
+
/* @__PURE__ */ c("div", { className: e.toolbarRow, children: [
|
|
335
|
+
/* @__PURE__ */ n("div", { className: e.actions, children: G.map(g) }),
|
|
336
|
+
/* @__PURE__ */ n("div", { className: e.actions, children: X.map(g) })
|
|
337
|
+
] }),
|
|
338
|
+
/* @__PURE__ */ c("div", { className: e.toolbarRow, children: [
|
|
339
|
+
/* @__PURE__ */ n("div", { className: e.actions, children: Y.map(g) }),
|
|
340
|
+
/* @__PURE__ */ n("div", { className: e.toolbarLinkSlot, children: /* @__PURE__ */ n(S, { content: "Insert link", size: "sm", theme: "dark", tipSide: "top", tipAlignment: "center", disabled: !x, children: /* @__PURE__ */ n("button", { type: "button", className: e.toolButton, onMouseDown: (t) => t.preventDefault(), onClick: V, "aria-label": "Insert link", disabled: i, children: /* @__PURE__ */ n(O, { icon: "ap-icon-link", className: e.toolIcon }) }) }) }),
|
|
341
|
+
Z()
|
|
342
|
+
] })
|
|
343
|
+
] }) : /* @__PURE__ */ n("div", { className: e.toolbarPanel, children: /* @__PURE__ */ c("div", { className: e.toolbarRow, children: [
|
|
344
|
+
/* @__PURE__ */ n("div", { className: e.actions, children: G.map(g) }),
|
|
345
|
+
/* @__PURE__ */ n("div", { className: e.actions, children: X.map(g) }),
|
|
346
|
+
/* @__PURE__ */ n("div", { className: e.actions, children: Y.map(g) }),
|
|
347
|
+
/* @__PURE__ */ n("div", { className: e.toolbarLinkSlot, children: /* @__PURE__ */ n(S, { content: "Insert link", size: "sm", theme: "dark", tipSide: "top", tipAlignment: "center", disabled: !x, children: /* @__PURE__ */ n("button", { type: "button", className: e.toolButton, onMouseDown: (t) => t.preventDefault(), onClick: V, "aria-label": "Insert link", disabled: i, children: /* @__PURE__ */ n(O, { icon: "ap-icon-link", className: e.toolIcon }) }) }) }),
|
|
348
|
+
Z()
|
|
349
|
+
] }) }) }) }),
|
|
350
|
+
/* @__PURE__ */ n("div", { id: B, ref: l, className: e.editor, contentEditable: !i, suppressContentEditableWarning: !0, role: "textbox", "aria-multiline": "true", "aria-label": a || "Rich text editor", "data-placeholder": h, onInput: k, onFocus: () => {
|
|
351
|
+
z(!0), M();
|
|
352
|
+
}, onBlur: () => z(!1), onKeyUp: M, onMouseUp: M, style: {
|
|
353
|
+
minHeight: `${oe * 20}px`,
|
|
354
|
+
resize: ne ? "vertical" : "none"
|
|
355
|
+
} }),
|
|
356
|
+
T && /* @__PURE__ */ n("div", { className: _(e.wordCount, m && N > m && e.wordCountExceeded), children: m ? `${N}/${m}` : N })
|
|
357
|
+
] })
|
|
358
|
+
] });
|
|
359
|
+
}
|
|
360
|
+
export {
|
|
361
|
+
st as R,
|
|
362
|
+
e as s
|
|
363
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.Datepicker-module__datepicker___SxV3q{display:flex;flex-direction:column;gap:6px;min-width:240px}.Datepicker-module__label___uPuKe{display:flex;align-items:center;gap:4px;color:#4a4a4a;font-size:14px;font-weight:500;line-height:1.2}.Datepicker-module__labelText___BAflA{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Datepicker-module__required___cAVa1{color:#cb282e}.Datepicker-module__labelTooltipIcon___n2IvH{color:#4a4a4a;font-size:16px}.Datepicker-module__inputWrapper___aKtHi{width:100%;height:32px;display:flex;align-items:center;gap:6px;border:1px solid #cccccc;border-radius:4px;background-color:#fff;padding:0 8px;text-align:left;cursor:pointer}.Datepicker-module__inputWrapper___aKtHi:focus{outline:none;border-color:#5cb335}.Datepicker-module__inputIcon___OUb8V{font-size:20px;color:#4a4a4a}.Datepicker-module__inputText___rwYA-{color:#28292c;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Datepicker-module__placeholder___UVl-W{color:#878787}.Datepicker-module__error___C5WX8{border-color:#bf494e}.Datepicker-module__calendarContainer___Bjfa8{border:1px solid #cccccc;border-radius:4px;background:#fff;box-shadow:0 0 4px #00000029;width:236px;padding:0;z-index:1000}.Datepicker-module__calendarHeader___a7I0V{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 6px}.Datepicker-module__calendarDivider___DRk4M{height:1px;margin:0;background:#ccc}.Datepicker-module__headerActions___AP324{display:flex;align-items:center}.Datepicker-module__headerAction___nyMJF{width:32px;height:32px;border:none;background:transparent;border-radius:4px;color:#4a4a4a;cursor:pointer;display:flex;align-items:center;justify-content:center}.Datepicker-module__headerActionIcon___J8RC-{font-size:16px}.Datepicker-module__headerLabel___IPAo-{border:none;background:transparent;color:#28292c;cursor:pointer;font-family:Roboto;font-size:16px;font-style:normal;font-weight:500;line-height:100%;text-align:left}.Datepicker-module__calendarBody___yaLJA{padding:6px 6px 0}.Datepicker-module__weekdays___noAbQ{display:grid;grid-template-columns:repeat(7,32px);column-gap:0;row-gap:0;margin-bottom:8px}.Datepicker-module__weekday___0hrfJ{color:#727272;font-size:12px;text-align:center;line-height:20px}.Datepicker-module__grid___lJEHW{display:grid;grid-template-columns:repeat(7,32px);column-gap:0;row-gap:8px}.Datepicker-module__gridMonths___n1wAM,.Datepicker-module__gridYears___cI0YR{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.Datepicker-module__day___3XU9S{height:32px;border:none;border-radius:4px;background:transparent;color:#4a4a4a;font-size:14px;cursor:pointer}.Datepicker-module__date___G2cRK,.Datepicker-module__month___VKvm3,.Datepicker-module__year___9OzXM{display:flex;align-items:center;justify-content:center}.Datepicker-module__month___VKvm3{height:48px;color:#4a4a4a}.Datepicker-module__month___VKvm3:not(.Datepicker-module__daySelected___DkZ5T):not(:disabled):hover{box-shadow:inset 0 0 0 1px #498e2b;color:#498e2b}.Datepicker-module__year___9OzXM{height:48px;color:#4a4a4a}.Datepicker-module__year___9OzXM:not(.Datepicker-module__daySelected___DkZ5T):not(:disabled):hover{box-shadow:inset 0 0 0 1px #498e2b;color:#498e2b}.Datepicker-module__date___G2cRK{position:relative;width:32px}.Datepicker-module__date___G2cRK:not(.Datepicker-module__daySelected___DkZ5T):not(:disabled):hover{box-shadow:inset 0 0 0 1px #498e2b;color:#498e2b}.Datepicker-module__dayOutside___CXb-b{color:#b2b2b2}.Datepicker-module__daySelected___DkZ5T{background:#498e2b;color:#fff}.Datepicker-module__dayTodayCurrent___ocAqU{color:#498e2b}.Datepicker-module__dayTodayDot___ZyD-l{position:absolute;bottom:3px;left:50%;width:4px;height:4px;border-radius:4px;background:#5cb335;transform:translate(-50%)}.Datepicker-module__calendarFooter___sLvNP{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:8px 6px}.Datepicker-module__calendarFooterSpacer___3IXgI{flex:1;min-height:32px}.Datepicker-module__helperRow___IKmCq{display:flex;align-items:center;height:16px}.Datepicker-module__helpText___g7zEx{color:#727272;font-size:12px}.Datepicker-module__errorText___7o5Rs{color:#bf494e;font-size:12px}.Datepicker-module__disabled___Hlnlo .Datepicker-module__label___uPuKe{color:#b2b2b2}.Datepicker-module__disabled___Hlnlo .Datepicker-module__labelTooltipIcon___n2IvH,.Datepicker-module__disabled___Hlnlo .Datepicker-module__inputIcon___OUb8V{color:#ccc}.Datepicker-module__disabled___Hlnlo .Datepicker-module__inputWrapper___aKtHi{cursor:not-allowed}.Datepicker-module__disabled___Hlnlo .Datepicker-module__inputText___rwYA-,.Datepicker-module__disabled___Hlnlo .Datepicker-module__required___cAVa1{color:#b2b2b2}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.DragAndDrop-module__drag-and-drop-container___WHqGh{display:flex;flex-direction:column;gap:12px}.DragAndDrop-module__drag-and-drop-container___WHqGh.DragAndDrop-module__disabled___h47do{cursor:not-allowed}.DragAndDrop-module__drag-and-drop-container___WHqGh.DragAndDrop-module__disabled___h47do label,.DragAndDrop-module__drag-and-drop-container___WHqGh.DragAndDrop-module__disabled___h47do .DragAndDrop-module__required___z3cHB,.DragAndDrop-module__drag-and-drop-container___WHqGh.DragAndDrop-module__disabled___h47do .DragAndDrop-module__drag-and-drop-space-text-message___fL-Ac,.DragAndDrop-module__drag-and-drop-container___WHqGh.DragAndDrop-module__disabled___h47do .DragAndDrop-module__drag-and-drop-space-text-constraints___YrL7J{color:#b2b2b2}label{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:#4a4a4a}.DragAndDrop-module__required___z3cHB{color:#cb282e;font-size:14px;font-weight:500}.DragAndDrop-module__drag-and-drop-space___09a0I{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 48px;border:2px dashed #cccccc;border-radius:4px;gap:12px}.DragAndDrop-module__drag-and-drop-space___09a0I.DragAndDrop-module__active___ZMuEx{background-color:#f1f6f0;border-color:#5cb335}.DragAndDrop-module__drag-and-drop-space-text___-8rqC{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.DragAndDrop-module__drag-and-drop-space-text-message___fL-Ac{color:#4a4a4a;font-weight:500;font-size:14px}.DragAndDrop-module__drag-and-drop-space-text-constraints___YrL7J{color:#727272;font-size:14px}ul.DragAndDrop-module__drag-and-drop-files-list___7WNCk{display:flex;flex-direction:column;list-style:none;padding-left:0;margin:0}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M{padding-bottom:12px;padding-top:12px}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M:first-child{padding-top:0}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-content___lx7-M{display:flex;align-items:start;gap:8px}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-content-data___qQq7-{display:flex;align-items:center;justify-content:space-between;width:100%}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-icon-container___EDvX4{background-color:#f1f1f1;border-radius:4px}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-icon___Dx9YE{display:flex;align-items:center;justify-content:center;color:#878787;font-size:20px;height:34px;width:32px}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-text___xPCPA{display:flex;flex-direction:column;gap:3px}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-name___M7OAd{color:#4a4a4a;font-size:14px}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-size___aaovj{color:#727272;font-size:12px}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-error___yR0DY{display:flex;align-items:center;gap:3px;color:#cb282e;font-size:12px;font-weight:500}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-icon-error___17EE-{color:#cb282e;font-size:16px}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M:not(:last-child){border-bottom:2px solid #cccccc}.DragAndDrop-module__drag-and-drop-files-list-item-icon-delete___Z1l-B{font-size:20px!important}
|
|
1
|
+
.DragAndDrop-module__drag-and-drop-container___WHqGh{display:flex;flex-direction:column;gap:12px}.DragAndDrop-module__drag-and-drop-container___WHqGh.DragAndDrop-module__disabled___h47do{cursor:not-allowed}.DragAndDrop-module__drag-and-drop-container___WHqGh.DragAndDrop-module__disabled___h47do label,.DragAndDrop-module__drag-and-drop-container___WHqGh.DragAndDrop-module__disabled___h47do .DragAndDrop-module__required___z3cHB,.DragAndDrop-module__drag-and-drop-container___WHqGh.DragAndDrop-module__disabled___h47do .DragAndDrop-module__drag-and-drop-space-text-message___fL-Ac,.DragAndDrop-module__drag-and-drop-container___WHqGh.DragAndDrop-module__disabled___h47do .DragAndDrop-module__drag-and-drop-space-text-constraints___YrL7J{color:#b2b2b2}label{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:#4a4a4a}.DragAndDrop-module__required___z3cHB{color:#cb282e;font-size:14px;font-weight:500}.DragAndDrop-module__drag-and-drop-space___09a0I{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 48px;border:2px dashed #cccccc;border-radius:4px;gap:12px}.DragAndDrop-module__drag-and-drop-space___09a0I.DragAndDrop-module__active___ZMuEx{background-color:#f1f6f0;border-color:#5cb335}.DragAndDrop-module__drag-and-drop-space___09a0I.DragAndDrop-module__error___zw69d{border-color:#bf494e}.DragAndDrop-module__drag-and-drop-space-text___-8rqC{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.DragAndDrop-module__drag-and-drop-space-text-message___fL-Ac{color:#4a4a4a;font-weight:500;font-size:14px}.DragAndDrop-module__drag-and-drop-space-text-constraints___YrL7J{color:#727272;font-size:14px}.DragAndDrop-module__error-message___om0Oy{color:#bf494e;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;font-weight:400}ul.DragAndDrop-module__drag-and-drop-files-list___7WNCk{display:flex;flex-direction:column;list-style:none;padding-left:0;margin:0}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M{padding-bottom:12px;padding-top:12px}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M:first-child{padding-top:0}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-content___lx7-M{display:flex;align-items:start;gap:8px}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-content-data___qQq7-{display:flex;align-items:center;justify-content:space-between;width:100%}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-icon-container___EDvX4{background-color:#f1f1f1;border-radius:4px}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-icon___Dx9YE{display:flex;align-items:center;justify-content:center;color:#878787;font-size:20px;height:34px;width:32px}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-text___xPCPA{display:flex;flex-direction:column;gap:3px}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-name___M7OAd{color:#4a4a4a;font-size:14px}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-size___aaovj{color:#727272;font-size:12px}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-error___yR0DY{display:flex;align-items:center;gap:3px;color:#cb282e;font-size:12px;font-weight:500}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-icon-error___17EE-{color:#cb282e;font-size:16px}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M:not(:last-child){border-bottom:2px solid #cccccc}.DragAndDrop-module__drag-and-drop-files-list-item-icon-delete___Z1l-B{font-size:20px!important}
|
|
@@ -1 +1 @@
|
|
|
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:#
|
|
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:#bf494e;font-size:12px;font-weight:500}.FilePicker-module__multipleFilesListItem___01PDS .FilePicker-module__multipleFilesListItemIconError___0RO46{color:#cb282e;font-size:16px}.FilePicker-module__multipleFilesListItem___01PDS .FilePicker-module__multipleFilesListItemAppendedRow___nzls7{margin-top:8px;min-width:0}.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.RadioGroup-module__root___ewZw-{display:grid;grid-template-columns:1fr;grid-gap:8px}.RadioGroup-module__disabled___n-nfI{cursor:not-allowed}.RadioGroup-module__disabled___n-nfI label{color:#b2b2b2;cursor:not-allowed}.RadioGroup-module__disabled___n-nfI [data-radio-item]{border:solid 1px #cccccc}.RadioGroup-module__disabled___n-nfI [data-radio-item] [data-radio-item-indicator]:after{background-color:#8dca7e}.RadioGroup-module__disabled___n-nfI [data-radio-item][data-state=checked]{border:solid 1px #8dca7e}
|
|
1
|
+
.RadioGroup-module__root___ewZw-{display:grid;grid-template-columns:1fr;grid-gap:8px}.RadioGroup-module__horizontal___QsBvv{grid-auto-flow:column;grid-template-columns:unset}.RadioGroup-module__disabled___n-nfI{cursor:not-allowed}.RadioGroup-module__disabled___n-nfI label{color:#b2b2b2;cursor:not-allowed}.RadioGroup-module__disabled___n-nfI [data-radio-item]{border:solid 1px #cccccc}.RadioGroup-module__disabled___n-nfI [data-radio-item] [data-radio-item-indicator]:after{background-color:#8dca7e}.RadioGroup-module__disabled___n-nfI [data-radio-item][data-state=checked]{border:solid 1px #8dca7e}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.RichTextEditor-module__container___AplP0{width:fit-content;max-width:100%;display:grid;grid-template-columns:1fr;row-gap:12px}.RichTextEditor-module__label___vjzs-{color:#4a4a4a;font-size:14px;font-weight:500;line-height:1.2;display:inline-flex;align-items:center;gap:4px}.RichTextEditor-module__required___7duke{color:#cb282e}.RichTextEditor-module__frame___7OSyf{border:1px solid #cccccc;border-radius:4px;background:#fff;overflow:hidden}.RichTextEditor-module__frameFocused___GtJ2x{border-color:#5cb335}.RichTextEditor-module__frameDisabled___LubtU{opacity:.7}.RichTextEditor-module__toolbar___m9-M-{display:block;border-bottom:1px solid #cccccc}.RichTextEditor-module__toolbarContent___YXKHD{width:fit-content;display:flex;align-items:center;gap:12px}.RichTextEditor-module__toolbarStacked___6rB10 .RichTextEditor-module__toolbarContent___YXKHD{display:block}.RichTextEditor-module__actions___ZAK9J{display:flex;align-items:center;gap:6px}.RichTextEditor-module__toolbarPanel___OVGHO{border-radius:4px;overflow:hidden;width:fit-content}.RichTextEditor-module__toolbarRow___f0xJR{display:flex;align-items:center;width:fit-content;min-height:32px;border-bottom:1px solid #cccccc;padding:2px 4px;gap:2px}.RichTextEditor-module__toolbarRow___f0xJR:last-child{border-bottom:none}.RichTextEditor-module__toolbarRow___f0xJR>*{padding-right:8px;margin-right:8px;border-right:1px solid #cccccc}.RichTextEditor-module__toolbarRow___f0xJR>*:last-child{padding-right:0;margin-right:0;border-right:none}.RichTextEditor-module__toolButton___IT2Kg{width:32px;height:32px;border:none;background:transparent;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.RichTextEditor-module__toolButton___IT2Kg:hover:not(:disabled){background:#f7f7f7}.RichTextEditor-module__toolButton___IT2Kg:active:not(:disabled),.RichTextEditor-module__toolButton___IT2Kg.RichTextEditor-module__toolButtonActive___-HvZQ{background:#e4e4e4}.RichTextEditor-module__toolIcon___Wndhd{color:#4a4a4a;font-size:20px}.RichTextEditor-module__formatControl___w4WcA{position:relative;flex-shrink:0}.RichTextEditor-module__toolbarLinkSlot___Gu-9l{display:inline-flex;align-items:center;flex-shrink:0}.RichTextEditor-module__selectTrigger___frv3x{height:32px;min-width:180px;flex-shrink:0;border:none;background:transparent;color:#4a4a4a;font-size:16px;outline:none;border-radius:2px;cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between}.RichTextEditor-module__selectTrigger___frv3x:hover:not(:disabled){background:#f7f7f7}.RichTextEditor-module__selectTrigger___frv3x:focus-visible{background:#e4e4e4}.RichTextEditor-module__selectTriggerOpen___tk2Pb{background:#e4e4e4}.RichTextEditor-module__selectTriggerLabel___FkEv0{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.RichTextEditor-module__selectIcon___aJWUk{margin-left:8px;pointer-events:none;color:#4a4a4a;font-size:16px}.RichTextEditor-module__formatMenu___y-uBL{background-color:#fff;border:1px solid #cccccc;border-radius:4px;box-shadow:0 0 4px #00000029;max-width:640px;width:fit-content;overflow:hidden}.RichTextEditor-module__formatMenuOptions___zcdlo{padding:8px;display:flex;flex-direction:column;gap:0}.RichTextEditor-module__formatMenuOption___3ppTs{width:100%;border:none;background:none;min-height:32px;padding:8px;border-radius:4px;color:#4a4a4a;text-align:left;font-size:14px;cursor:pointer}.RichTextEditor-module__formatMenuOption___3ppTs:hover,.RichTextEditor-module__formatMenuOptionSelected___bq9J9{background-color:#dff0db}.RichTextEditor-module__formatMenuOptionParagraph___4BLds{font-size:16px;font-weight:400;line-height:1.3}.RichTextEditor-module__formatMenuOptionHeading1___H1cKX{font-size:48px;font-weight:600;line-height:1.2}.RichTextEditor-module__formatMenuOptionHeading2___JdixR{font-size:40px;font-weight:600;line-height:1.2}.RichTextEditor-module__formatMenuOptionHeading3___NcwLr{font-size:32px;font-weight:600;line-height:1.25}.RichTextEditor-module__formatMenuOptionHeading4___4mLbG{font-size:24px;font-weight:600;line-height:1.3}.RichTextEditor-module__formatMenuOptionPreformatted___cB0Ix{font-family:Roboto Mono,Consolas,Monaco,Courier New,monospace;font-size:14px;letter-spacing:.08em;font-weight:400;line-height:1.3}.RichTextEditor-module__editor___M32R7{width:100%;box-sizing:border-box;min-height:160px;padding:6px 12px;color:#28292c;font-size:14px;line-height:1.4;overflow:auto;outline:none}.RichTextEditor-module__editor___M32R7:empty:before{content:attr(data-placeholder);color:#878787;pointer-events:none}.RichTextEditor-module__wordCount___5SSVY{text-align:right;color:#727272;font-size:12px;padding-right:8px;padding-bottom:4px;padding-top:4px}.RichTextEditor-module__wordCountExceeded___NhqBc{color:#bf494e}
|
|
@@ -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-DZ4Gof57.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,
|