@uva-glass/component-library 3.19.1 → 3.19.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/dist/assets/Card.css +1 -1
- package/dist/assets/Checkbox.css +1 -1
- package/dist/assets/CheckboxButton.css +1 -1
- package/dist/assets/CheckboxButtonBar.css +1 -1
- package/dist/assets/CheckboxTree.css +1 -1
- package/dist/assets/Chip.css +1 -1
- package/dist/assets/Drawer.css +1 -1
- package/dist/assets/EmptyStateDataDisplay.css +1 -1
- package/dist/assets/FeedbackBar.css +1 -1
- package/dist/assets/FeedbackBox.css +1 -1
- package/dist/assets/FormInput.css +1 -1
- package/dist/assets/Icon.css +1 -1
- package/dist/assets/IconButton.css +1 -1
- package/dist/assets/InfoMessage.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/InputField.css +1 -1
- package/dist/assets/Label.css +1 -1
- package/dist/components/Card/Card.js +23 -23
- package/dist/components/Checkbox/Checkbox.js +3 -3
- package/dist/components/CheckboxButton/CheckboxButton.js +21 -21
- package/dist/components/CheckboxButtonBar/CheckboxButtonBar.js +20 -20
- package/dist/components/CheckboxTree/CheckboxTree.js +40 -40
- package/dist/components/Chip/Chip.js +8 -8
- package/dist/components/Drawer/Drawer.js +28 -28
- package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.js +20 -20
- package/dist/components/FeedbackBar/FeedbackBar.js +15 -15
- package/dist/components/FeedbackBox/FeedbackBox.js +13 -13
- package/dist/components/FormInput/FormInput.js +19 -19
- package/dist/components/Icon/Icon.stories.js +9 -9
- package/dist/components/IconButton/IconButton.js +10 -10
- package/dist/components/InfoMessage/InfoMessage.js +5 -5
- package/dist/components/Input/Input.js +14 -14
- package/dist/components/InputField/InputField.js +40 -40
- package/dist/components/Label/Label.js +13 -13
- package/package.json +7 -7
package/dist/assets/Card.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._card_18vam_1{background-color:var(--new-color-grey-200);display:flex;flex-direction:column}._card--regular_18vam_7,._card--large_18vam_8{gap:1.5rem;padding:1.5rem}._card--small_18vam_13{gap:1rem;padding:1rem}@media (min-width: 28rem) and (min-height: 28rem){._card--large_18vam_8{gap:3rem;padding:3rem}}._card-header_18vam_26{align-items:center;display:flex;gap:1.5rem;justify-content:space-between}._card--high-contrast_18vam_33{background-color:var(--new-color-uva-white)}._card--align-center_18vam_37{align-items:center}
|
package/dist/assets/Checkbox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._checkbox_uai6q_1{accent-color:var(--new-color-uva-black);height:1rem;margin:0;padding:0;width:1rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._checkbox-
|
|
1
|
+
._checkbox-button__container_bnmy8_1{align-items:center;display:inline-flex;justify-content:center}._checkbox-button__container_bnmy8_1 input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;z-index:-1}._checkbox-button__container_bnmy8_1 input[type=checkbox]:focus-visible+label{outline:.125rem dotted var(--new-color-navy-600);outline-offset:.125rem;z-index:1}._checkbox-button__container_bnmy8_1 input[type=checkbox]:checked+label{background-color:var(--new-color-uva-black);color:var(--new-color-uva-white)}._checkbox-button__container_bnmy8_1 input[type=checkbox]:disabled+label,._checkbox-button__container_bnmy8_1 input[type=checkbox]:disabled:hover+label{background-color:var(--new-color-grey-300);color:var(--new-color-grey-500);cursor:not-allowed}._checkbox-button__container_bnmy8_1 input[type=checkbox]:checked+label:hover{background-color:var(--new-color-grey-500);color:var(--new-color-uva-black);z-index:1}._checkbox-button_bnmy8_1{align-items:center;background-color:var(--new-color-uva-white);border:1px solid var(--new-color-grey-600);cursor:pointer;display:flex;font-size:var(--font-size-default);height:2.5rem;justify-content:center;padding:.25rem;-webkit-user-select:none;user-select:none;white-space:nowrap;width:2.5rem}._checkbox-button_bnmy8_1:hover{background-color:var(--new-color-grey-500)}._checkbox-button--not-valid_bnmy8_59{border-color:var(--new-color-red-600)}._checkbox-button--not-valid_bnmy8_59:hover{background-color:var(--new-color-grey-500);border-color:var(--new-color-grey-500);color:var(--new-color-uva-black)}._checkbox-button--single_bnmy8_69{border-radius:.25rem}._checkbox-button--start_bnmy8_73{border-radius:.25rem 0 0 .25rem}._checkbox-button--middle_bnmy8_77{border-radius:0;border-width:1px 0;position:relative;width:2.375rem}._checkbox-button--end_bnmy8_84{border-radius:0 .25rem .25rem 0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._checkbox-button-
|
|
1
|
+
._checkbox-button-bar__container_y43lv_1{display:flex;flex-wrap:wrap}._checkbox-button-bar__container--label-left_y43lv_6{flex-direction:row;gap:1rem;line-height:2.5rem}._checkbox-button-bar__container--label-top_y43lv_12{align-items:flex-start;flex-direction:column;gap:.5rem;line-height:normal}._checkbox-button-bar__row-container_y43lv_19{display:flex;flex-direction:column}._checkbox-button-bar__row_y43lv_19{align-items:center;display:flex;flex-wrap:nowrap}._checkbox-button-bar__error_y43lv_30{align-items:center;color:var(--new-color-red-600);display:flex;font-size:var(--font-size-small);gap:.5rem;line-height:normal;margin-top:.5rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._checkbox-
|
|
1
|
+
._checkbox-tree__header_1nrfk_1{display:block;font-weight:var(--semibold);margin-bottom:.25rem;text-align:left}._checkbox-tree__branch_1nrfk_8{list-style:none;-webkit-user-select:none;user-select:none}._checkbox-tree__branch_1nrfk_8[aria-expanded=false]{margin-bottom:.5rem}._checkbox-tree__branch_1nrfk_8 input[type=checkbox]:disabled+label{color:var(--color-grey-300)}._checkbox-tree__branch--icon_1nrfk_21{pointer-events:none;transform:rotate(0);transition:transform .3s ease-out}._checkbox-tree__branch--icon--expanded_1nrfk_27{transform:rotate(90deg);transition:transform .3s ease-in}._checkbox-tree__branch--formfield_1nrfk_32{align-items:center;display:flex;flex-direction:row;gap:.5rem}._checkbox-tree__leaves_1nrfk_39{display:none;flex-direction:column;gap:.5rem;list-style:none;margin:.5rem 0 .5rem 1rem;-webkit-user-select:none;user-select:none}._checkbox-tree__leaves--expanded_1nrfk_48{display:flex}._checkbox-tree__leaf_1nrfk_52{align-items:center;display:flex;flex-direction:row;gap:0 .5rem;margin-left:1.5rem;-webkit-user-select:none;user-select:none}._checkbox-tree__leaf_1nrfk_52 input[type=checkbox]:disabled+label{color:var(--new-color-grey-500)}
|
package/dist/assets/Chip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._chip_1uifs_1{align-items:center;background-color:var(--new-color-uva-white);border:1px solid var(--new-color-grey-400);border-radius:1rem;cursor:pointer;display:grid;font-family:inherit;grid-template-columns:auto 1fr;min-height:2rem;padding:0 0 0 1rem;-webkit-user-select:none;user-select:none;width:fit-content}._chip_1uifs_1:hover{background-color:var(--new-color-grey-400)}._chip_1uifs_1:focus-visible{outline:.125rem dotted var(--new-color-navy-600);outline-offset:.125rem}._chip__label_1uifs_25{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}._chip__close-button_1uifs_32{margin:0 .5rem}
|
package/dist/assets/Drawer.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._drawer_1yz6e_1{background-color:var(--new-color-uva-white);bottom:0;box-shadow:0 0 .75rem .25rem #0000001a;display:flex;flex-direction:column;left:10vw;max-width:90vw;min-width:25rem;padding:2.5rem 2rem;position:fixed;right:0;top:0;transform:translate(100%);transform-origin:right;transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}._drawer__content_1yz6e_22{max-height:calc(100vh - 7rem);overflow-y:auto}._drawer__header_1yz6e_32{display:flex;gap:2rem;justify-content:space-between;position:relative}._drawer__footer_1yz6e_39{gap:2rem;justify-content:flex-end;margin-top:auto}._drawer__heading_1yz6e_26{font-size:var(--font-size-s);line-height:var(--line-height-s);margin:.25rem 0 .5rem;padding-right:2rem}@media only screen and (min-width: 40rem){._drawer_1yz6e_1{left:auto;max-width:37.5rem}}._drawer--open_1yz6e_59{transform:translate(0);transition-duration:.25s}._drawer__buttons_1yz6e_64{display:flex;flex-flow:row wrap;gap:.75rem;justify-content:flex-end;margin:2.5rem 0 0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._empty-state-data-
|
|
1
|
+
._empty-state-data-display_wrapper_14bsh_1{align-items:center;background-color:var(--new-color-uva-white);display:flex;gap:1.5rem;padding:1.5rem}._empty-state-data-display_icon-frame_14bsh_9{align-items:center;background-color:var(--new-color-grey-200);border-radius:50%;display:flex;justify-content:center;min-height:4rem;min-width:4rem}._empty-state-data-display_wrapper--invert-colors_14bsh_19{background-color:var(--new-color-grey-200)}._empty-state-data-display_icon-frame--invert-colors_14bsh_23{background-color:var(--new-color-uva-white)}._empty-state-data-display_text-content_14bsh_27{display:flex;flex-direction:column;gap:.5rem}._empty-state-data-display_label_14bsh_33{font-weight:var(--semibold)}._empty-state-data-display_paragraph_14bsh_37{color:var(--new-color-grey-700);margin:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._feedback-
|
|
1
|
+
._feedback-bar_1exld_1{background-color:var(--new-color-forest-100);border:1px solid var(--new-color-forest-800);border-radius:.5rem;display:flex;font-weight:var(--semibold);gap:.5rem;justify-content:space-between;max-height:0;opacity:0;padding:0 1rem;transition:all .5s}._feedback-bar--visible_1exld_15{max-height:6.625rem;opacity:1;padding:1rem}._feedback-bar__icon_1exld_21{color:var(--new-color-forest-800)}._feedback-bar__close-button_1exld_25{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:var(--new-color-uva-black);display:inline-flex;height:1.5rem;justify-content:center;transition:var(--transition-colors);width:1.5rem}._feedback-bar__close-button_1exld_25:focus-visible{outline:.125rem dotted var(--new-color-navy-600);outline-offset:.125rem}._feedback-bar__close-button_1exld_25:hover{background-color:var(--new-color-forest-600);cursor:pointer;outline:0}._feedback-bar__close-button_1exld_25:after{content:" ";height:2.625rem;position:absolute;width:2.625rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._feedback-
|
|
1
|
+
._feedback-box_oidbb_1{background-color:var(--new-color-uva-white);display:flex;gap:.5rem;padding:.75rem 1rem .75rem .5rem}._feedback-box_oidbb_1>svg{flex-shrink:0;height:1rem;margin-top:.25rem;width:1rem}._feedback-box__success_oidbb_15{background-color:var(--new-color-forest-100)}._feedback-box__warning_oidbb_19{background-color:var(--new-color-orange-100)}._feedback-box__error_oidbb_23{background-color:var(--new-color-red-100)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._form-
|
|
1
|
+
._form-input__container_c0vpz_1{align-items:center;display:flex;flex-wrap:wrap}._form-input__container--label-left_c0vpz_7{align-items:flex-start;flex-direction:row;gap:1rem;line-height:2.5rem}._form-input__container--label-left_c0vpz_7>label:after{line-height:3.6}._form-input__container--label-top_c0vpz_18{align-items:flex-start;flex-direction:column;gap:.5rem;line-height:normal}._form-input__input-feedback-container_c0vpz_25{display:flex;flex:1;flex-direction:column;gap:.5rem;line-height:1.5;position:relative;width:100%}._form-input__input-container_c0vpz_35{display:flex;flex:1}._form-input__input_c0vpz_25{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid;border-radius:.5rem;color:var(--new-color-uva-black);flex:1;font-family:inherit;font-size:inherit;height:2.75rem;min-height:2.5rem;padding:0 1rem;text-align:inherit}._form-input__input_c0vpz_25::-webkit-outer-spin-button,._form-input__input_c0vpz_25::-webkit-inner-spin-button{margin:0}
|
package/dist/assets/Icon.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._icon__wrapper_106v1_1{align-items:center;background-color:var(--new-color-uva-white);border:1px solid var(--new-color-grey-200);border-radius:.5rem;color:var(--new-color-grey-500);display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem 1rem}._icon__item_106v1_13{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:1rem;width:100%}._icon__item_106v1_13 p{color:#000;font-size:13px;margin-left:15px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._icon-
|
|
1
|
+
._icon-button_1qz6r_1{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid transparent;border-radius:.5rem;color:var(--new-color-uva-black);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-default);gap:.25rem;height:2.75rem;justify-content:center;margin:0;outline:0;padding:0;position:relative;white-space:nowrap;width:2.75rem}._icon-button_1qz6r_1:focus-visible{border-color:currentcolor}._icon-button--destructive_1qz6r_27{color:var(--new-color-red-600)}._icon-button_1qz6r_1:hover:not(:disabled){border-color:currentcolor}._icon-button--no-border_1qz6r_35:focus-visible,._icon-button--no-border_1qz6r_35:hover:not(:disabled){background-color:var(--new-color-grey-300)}._icon-button--no-border_1qz6r_35:hover:not(:focus-visible,:disabled){border-color:transparent}._icon-button--wide_1qz6r_44{min-width:2.75rem;padding:0 .75rem;width:unset}._icon-button_1qz6r_1>svg{pointer-events:none}._icon-button_1qz6r_1[disabled]{cursor:unset;opacity:.4}@media (hover: none){._icon-button_1qz6r_1:after{bottom:-.5rem;content:" ";left:-.5rem;position:absolute;right:-.5rem;top:-.5rem}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._info-
|
|
1
|
+
._info-message_1jurj_1{display:flex;margin-top:.5rem}._info-message__container_1jurj_6{background-color:var(--new-color-uva-white);padding:1.5rem}._info-message__icon_1jurj_11{color:var(--new-color-navy-600);margin-right:.25rem}
|
package/dist/assets/Input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._input_1hohz_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid var(--new-color-uva-black);color:var(--color-black);font-family:inherit;font-size:inherit;height:2rem;margin:0;padding:0 .5rem}._input--numeric_1hohz_13{text-align:right;width:8rem}._input--error_1hohz_18,._input_1hohz_1:invalid{border-color:var(--new-color-red-600)}._input--full-with_1hohz_23{min-width:100%;width:0}._input_1hohz_1::placeholder{color:var(--new-color-grey-700);font-size:inherit;opacity:1}._input_1hohz_1[type=file]{border:none}._input_1hohz_1:disabled{color:var(--new-color-grey-700)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._input-field-
|
|
1
|
+
._input-field-wrapper_ndcss_1{align-items:center;display:flex;position:relative}._input-field_ndcss_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid;border-radius:.5rem;color:var(--new-color-uva-black);flex:1;font-family:inherit;font-size:inherit;height:2.75rem;margin:0;padding:0 1rem;text-align:inherit}._input-field--large_ndcss_22{height:3rem}._input-field--small_ndcss_26{max-width:5.25rem}._input-field--compact_ndcss_30{max-width:6.25rem}._input-field--white_ndcss_34{background-color:var(--new-color-uva-white)}._input-field_ndcss_1:disabled{color:var(--new-color-grey-700)}._input-field__clear-button_ndcss_42{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:100%;padding:0 1rem 0 .5rem;position:absolute;right:0}
|
package/dist/assets/Label.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._label_1elrd_1{font-weight:var(--semibold);text-align:left}._label--required_1elrd_6:after{color:var(--new-color-red-600);content:"★";font-size:.5rem;margin-left:.25rem;vertical-align:top}._label--unset-font-weight_1elrd_14{font-weight:unset}._label--align-right_1elrd_18{text-align:right}
|
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { c as
|
|
3
|
-
import { SectionNotification as
|
|
4
|
-
import '../../assets/Card.css';const
|
|
5
|
-
card:
|
|
6
|
-
"card--regular": "_card--
|
|
7
|
-
"card--large": "_card--
|
|
8
|
-
"card--small": "_card--
|
|
9
|
-
"card-header": "_card-
|
|
10
|
-
"card--high-contrast": "_card--high-
|
|
11
|
-
"card--align-center": "_card--align-
|
|
12
|
-
},
|
|
1
|
+
import { jsxs as m, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { c as t } from "../../clsx-OuTLNxxd.js";
|
|
3
|
+
import { SectionNotification as o } from "../SectionNotification/SectionNotification.js";
|
|
4
|
+
import '../../assets/Card.css';const g = "_card_18vam_1", a = {
|
|
5
|
+
card: g,
|
|
6
|
+
"card--regular": "_card--regular_18vam_7",
|
|
7
|
+
"card--large": "_card--large_18vam_8",
|
|
8
|
+
"card--small": "_card--small_18vam_13",
|
|
9
|
+
"card-header": "_card-header_18vam_26",
|
|
10
|
+
"card--high-contrast": "_card--high-contrast_18vam_33",
|
|
11
|
+
"card--align-center": "_card--align-center_18vam_37"
|
|
12
|
+
}, v = ({
|
|
13
13
|
children: d,
|
|
14
14
|
header: c,
|
|
15
15
|
highContrast: s,
|
|
16
16
|
notification: e,
|
|
17
|
-
padding:
|
|
17
|
+
padding: r = "regular",
|
|
18
18
|
alignCenter: _ = !1
|
|
19
|
-
}) => /* @__PURE__ */
|
|
19
|
+
}) => /* @__PURE__ */ m(
|
|
20
20
|
"div",
|
|
21
21
|
{
|
|
22
|
-
className:
|
|
23
|
-
[
|
|
24
|
-
[
|
|
25
|
-
[
|
|
26
|
-
[
|
|
27
|
-
[
|
|
22
|
+
className: t(a.card, {
|
|
23
|
+
[a["card--high-contrast"]]: s,
|
|
24
|
+
[a["card--regular"]]: r === "regular",
|
|
25
|
+
[a["card--small"]]: r === "small",
|
|
26
|
+
[a["card--large"]]: r === "large",
|
|
27
|
+
[a["card--align-center"]]: _
|
|
28
28
|
}),
|
|
29
29
|
children: [
|
|
30
|
-
e && /* @__PURE__ */ l(
|
|
31
|
-
c && /* @__PURE__ */ l("div", { className:
|
|
30
|
+
e && /* @__PURE__ */ l(o, { children: e }),
|
|
31
|
+
c && /* @__PURE__ */ l("div", { className: a["card-header"], children: c }),
|
|
32
32
|
d
|
|
33
33
|
]
|
|
34
34
|
}
|
|
35
35
|
);
|
|
36
36
|
export {
|
|
37
|
-
|
|
37
|
+
v as Card
|
|
38
38
|
};
|
|
39
39
|
//# sourceMappingURL=Card.js.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as t } from "react";
|
|
3
|
-
import '../../assets/Checkbox.css';const r = "
|
|
3
|
+
import '../../assets/Checkbox.css';const r = "_checkbox_uai6q_1", s = {
|
|
4
4
|
checkbox: r
|
|
5
|
-
},
|
|
5
|
+
}, h = t(({ ...c }, o) => /* @__PURE__ */ e("input", { ...c, type: "checkbox", className: s.checkbox, ref: o }));
|
|
6
6
|
export {
|
|
7
|
-
|
|
7
|
+
h as Checkbox
|
|
8
8
|
};
|
|
9
9
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { c as
|
|
3
|
-
import { useId as
|
|
1
|
+
import { jsxs as i, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { c as d } from "../../clsx-OuTLNxxd.js";
|
|
3
|
+
import { useId as l, useState as m } from "react";
|
|
4
4
|
import '../../assets/CheckboxButton.css';const t = {
|
|
5
|
-
"checkbox-button__container": "_checkbox-
|
|
6
|
-
"checkbox-button": "_checkbox-
|
|
7
|
-
"checkbox-button--not-valid": "_checkbox-button--not-
|
|
8
|
-
"checkbox-button--single": "_checkbox-button--
|
|
9
|
-
"checkbox-button--start": "_checkbox-button--
|
|
10
|
-
"checkbox-button--middle": "_checkbox-button--
|
|
11
|
-
"checkbox-button--end": "_checkbox-button--
|
|
12
|
-
},
|
|
5
|
+
"checkbox-button__container": "_checkbox-button__container_bnmy8_1",
|
|
6
|
+
"checkbox-button": "_checkbox-button_bnmy8_1",
|
|
7
|
+
"checkbox-button--not-valid": "_checkbox-button--not-valid_bnmy8_59",
|
|
8
|
+
"checkbox-button--single": "_checkbox-button--single_bnmy8_69",
|
|
9
|
+
"checkbox-button--start": "_checkbox-button--start_bnmy8_73",
|
|
10
|
+
"checkbox-button--middle": "_checkbox-button--middle_bnmy8_77",
|
|
11
|
+
"checkbox-button--end": "_checkbox-button--end_bnmy8_84"
|
|
12
|
+
}, f = ({
|
|
13
13
|
label: c,
|
|
14
14
|
value: b,
|
|
15
15
|
isChecked: h = !1,
|
|
16
16
|
variant: _ = "single",
|
|
17
17
|
disabled: s,
|
|
18
|
-
notValid:
|
|
19
|
-
onSetValue:
|
|
18
|
+
notValid: u,
|
|
19
|
+
onSetValue: x
|
|
20
20
|
}) => {
|
|
21
|
-
const e =
|
|
22
|
-
|
|
21
|
+
const e = l(), [k, a] = m(h), r = (o) => {
|
|
22
|
+
a(o.target.checked), x(o.target.checked ? o.target.value : null);
|
|
23
23
|
};
|
|
24
|
-
return /* @__PURE__ */
|
|
24
|
+
return /* @__PURE__ */ i("span", { className: t["checkbox-button__container"], children: [
|
|
25
25
|
/* @__PURE__ */ n(
|
|
26
26
|
"input",
|
|
27
27
|
{
|
|
@@ -29,16 +29,16 @@ import '../../assets/CheckboxButton.css';const t = {
|
|
|
29
29
|
id: `${e}${c}`,
|
|
30
30
|
disabled: s,
|
|
31
31
|
value: b,
|
|
32
|
-
checked:
|
|
33
|
-
onChange:
|
|
32
|
+
checked: k,
|
|
33
|
+
onChange: r
|
|
34
34
|
}
|
|
35
35
|
),
|
|
36
36
|
/* @__PURE__ */ n(
|
|
37
37
|
"label",
|
|
38
38
|
{
|
|
39
39
|
htmlFor: `${e}${c}`,
|
|
40
|
-
className:
|
|
41
|
-
[t["checkbox-button--not-valid"]]:
|
|
40
|
+
className: d(t["checkbox-button"], t[`checkbox-button--${_}`], {
|
|
41
|
+
[t["checkbox-button--not-valid"]]: u
|
|
42
42
|
}),
|
|
43
43
|
children: c
|
|
44
44
|
}
|
|
@@ -46,6 +46,6 @@ import '../../assets/CheckboxButton.css';const t = {
|
|
|
46
46
|
] });
|
|
47
47
|
};
|
|
48
48
|
export {
|
|
49
|
-
|
|
49
|
+
f as CheckboxButton
|
|
50
50
|
};
|
|
51
51
|
//# sourceMappingURL=CheckboxButton.js.map
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { jsxs as a, jsx as c } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as d } from "react";
|
|
3
|
-
import { c as
|
|
4
|
-
import { CheckboxButton as
|
|
5
|
-
import { Label as
|
|
6
|
-
import { Icon as
|
|
3
|
+
import { c as v } from "../../clsx-OuTLNxxd.js";
|
|
4
|
+
import { CheckboxButton as y } from "../CheckboxButton/CheckboxButton.js";
|
|
5
|
+
import { Label as g } from "../Label/Label.js";
|
|
6
|
+
import { Icon as w } from "../Icon/Icon.js";
|
|
7
7
|
import '../../assets/CheckboxButtonBar.css';const n = {
|
|
8
|
-
"checkbox-button-bar__container": "_checkbox-button-
|
|
9
|
-
"checkbox-button-bar__container--label-left": "_checkbox-button-bar__container--label-
|
|
10
|
-
"checkbox-button-bar__container--label-top": "_checkbox-button-bar__container--label-
|
|
11
|
-
"checkbox-button-bar__row-container": "_checkbox-button-bar__row-
|
|
12
|
-
"checkbox-button-bar__row": "_checkbox-button-
|
|
13
|
-
"checkbox-button-bar__error": "_checkbox-button-
|
|
14
|
-
},
|
|
15
|
-
checkboxes:
|
|
8
|
+
"checkbox-button-bar__container": "_checkbox-button-bar__container_y43lv_1",
|
|
9
|
+
"checkbox-button-bar__container--label-left": "_checkbox-button-bar__container--label-left_y43lv_6",
|
|
10
|
+
"checkbox-button-bar__container--label-top": "_checkbox-button-bar__container--label-top_y43lv_12",
|
|
11
|
+
"checkbox-button-bar__row-container": "_checkbox-button-bar__row-container_y43lv_19",
|
|
12
|
+
"checkbox-button-bar__row": "_checkbox-button-bar__row_y43lv_19",
|
|
13
|
+
"checkbox-button-bar__error": "_checkbox-button-bar__error_y43lv_30"
|
|
14
|
+
}, $ = ({
|
|
15
|
+
checkboxes: l,
|
|
16
16
|
defaultValues: t,
|
|
17
|
-
label:
|
|
17
|
+
label: i,
|
|
18
18
|
labelPosition: s = "top",
|
|
19
19
|
required: h = !1,
|
|
20
20
|
notValidatedText: b = "",
|
|
@@ -27,20 +27,20 @@ import '../../assets/CheckboxButtonBar.css';const n = {
|
|
|
27
27
|
return /* @__PURE__ */ a(
|
|
28
28
|
"div",
|
|
29
29
|
{
|
|
30
|
-
className:
|
|
30
|
+
className: v(
|
|
31
31
|
n["checkbox-button-bar__container"],
|
|
32
32
|
n[`checkbox-button-bar__container--label-${s}`]
|
|
33
33
|
),
|
|
34
34
|
children: [
|
|
35
|
-
|
|
35
|
+
i && /* @__PURE__ */ c(g, { htmlFor: "", required: h, children: i }),
|
|
36
36
|
/* @__PURE__ */ a("div", { className: n["checkbox-button-bar__row-container"], children: [
|
|
37
|
-
/* @__PURE__ */ c("div", { className: n["checkbox-button-bar__row"], children:
|
|
38
|
-
|
|
37
|
+
/* @__PURE__ */ c("div", { className: n["checkbox-button-bar__row"], children: l.map(({ label: o, value: r, disabled: _ }, f) => /* @__PURE__ */ c(
|
|
38
|
+
y,
|
|
39
39
|
{
|
|
40
40
|
label: o,
|
|
41
41
|
value: r,
|
|
42
42
|
isChecked: t ? t.includes(r) : !1,
|
|
43
|
-
variant: k(f,
|
|
43
|
+
variant: k(f, l.length),
|
|
44
44
|
disabled: _ || u,
|
|
45
45
|
notValid: b !== "",
|
|
46
46
|
onSetValue: (p) => x(p, r)
|
|
@@ -48,7 +48,7 @@ import '../../assets/CheckboxButtonBar.css';const n = {
|
|
|
48
48
|
`${r}`
|
|
49
49
|
)) }),
|
|
50
50
|
b !== "" && /* @__PURE__ */ a("div", { className: n["checkbox-button-bar__error"], children: [
|
|
51
|
-
/* @__PURE__ */ c(
|
|
51
|
+
/* @__PURE__ */ c(w, { name: "ExclamationTriangleFill", size: 24 }),
|
|
52
52
|
b
|
|
53
53
|
] })
|
|
54
54
|
] })
|
|
@@ -57,6 +57,6 @@ import '../../assets/CheckboxButtonBar.css';const n = {
|
|
|
57
57
|
);
|
|
58
58
|
};
|
|
59
59
|
export {
|
|
60
|
-
|
|
60
|
+
$ as CheckboxButtonBar
|
|
61
61
|
};
|
|
62
62
|
//# sourceMappingURL=CheckboxButtonBar.js.map
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { jsxs as u, jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import { useRef as
|
|
3
|
-
import { c as
|
|
4
|
-
import { Icon as
|
|
5
|
-
import { Button as
|
|
2
|
+
import { useRef as G, useState as S, useEffect as E, createRef as q } from "react";
|
|
3
|
+
import { c as j } from "../../clsx-OuTLNxxd.js";
|
|
4
|
+
import { Icon as I } from "../Icon/Icon.js";
|
|
5
|
+
import { Button as L } from "../Buttons/Button.js";
|
|
6
6
|
import "../Buttons/LinkButton.js";
|
|
7
7
|
import "@react-aria/button";
|
|
8
|
-
import { Checkbox as
|
|
9
|
-
import { Label as
|
|
8
|
+
import { Checkbox as A } from "../Checkbox/Checkbox.js";
|
|
9
|
+
import { Label as C } from "../Label/Label.js";
|
|
10
10
|
import "@react-aria/dialog";
|
|
11
11
|
import "@react-aria/focus";
|
|
12
12
|
import "@react-aria/overlays";
|
|
13
13
|
import "../OverlayCloseButton/OverlayCloseButton.js";
|
|
14
|
-
import { FormField as
|
|
14
|
+
import { FormField as B } from "../FormField/FormField.js";
|
|
15
15
|
import "../GridRow/GridRow.js";
|
|
16
16
|
import "../IconButton/IconButton.js";
|
|
17
17
|
import "../Input/Input.js";
|
|
@@ -26,28 +26,28 @@ import "../SelectListbox/SelectListbox.js";
|
|
|
26
26
|
import "../SelectListbox/SelectProvider.js";
|
|
27
27
|
import "../Sortable/components/SortableItem.js";
|
|
28
28
|
import "../../SortableProvider-DZggDO3M.js";
|
|
29
|
-
import { useResponsive as
|
|
29
|
+
import { useResponsive as N } from "../hooks/useResponsive.js";
|
|
30
30
|
import '../../assets/CheckboxTree.css';const s = {
|
|
31
|
-
"checkbox-tree__header": "_checkbox-
|
|
32
|
-
"checkbox-tree__branch": "_checkbox-
|
|
33
|
-
"checkbox-tree__branch--icon": "_checkbox-tree__branch--
|
|
34
|
-
"checkbox-tree__branch--icon--expanded": "_checkbox-tree__branch--icon--
|
|
35
|
-
"checkbox-tree__branch--formfield": "_checkbox-tree__branch--
|
|
36
|
-
"checkbox-tree__leaves": "_checkbox-
|
|
37
|
-
"checkbox-tree__leaves--expanded": "_checkbox-tree__leaves--
|
|
38
|
-
"checkbox-tree__leaf": "_checkbox-
|
|
39
|
-
},
|
|
40
|
-
title:
|
|
41
|
-
checkboxTree:
|
|
31
|
+
"checkbox-tree__header": "_checkbox-tree__header_1nrfk_1",
|
|
32
|
+
"checkbox-tree__branch": "_checkbox-tree__branch_1nrfk_8",
|
|
33
|
+
"checkbox-tree__branch--icon": "_checkbox-tree__branch--icon_1nrfk_21",
|
|
34
|
+
"checkbox-tree__branch--icon--expanded": "_checkbox-tree__branch--icon--expanded_1nrfk_27",
|
|
35
|
+
"checkbox-tree__branch--formfield": "_checkbox-tree__branch--formfield_1nrfk_32",
|
|
36
|
+
"checkbox-tree__leaves": "_checkbox-tree__leaves_1nrfk_39",
|
|
37
|
+
"checkbox-tree__leaves--expanded": "_checkbox-tree__leaves--expanded_1nrfk_48",
|
|
38
|
+
"checkbox-tree__leaf": "_checkbox-tree__leaf_1nrfk_52"
|
|
39
|
+
}, fe = ({
|
|
40
|
+
title: l,
|
|
41
|
+
checkboxTree: F,
|
|
42
42
|
selectedValues: d,
|
|
43
43
|
noLabelFrontWeight: p = !1,
|
|
44
44
|
onChange: b
|
|
45
45
|
}) => {
|
|
46
|
-
const n =
|
|
46
|
+
const n = G({}), [m, x] = S([]), { lessThan: h } = N(), R = (r, e) => {
|
|
47
47
|
if (r.length !== e.length) return !1;
|
|
48
|
-
const t = (o) => o.reduce((
|
|
48
|
+
const t = (o) => o.reduce((f, O) => (f[O] = (f[O] || 0) + 1, f), {}), c = t(r), a = t(e);
|
|
49
49
|
return !Object.keys(c).some((o) => c[o] !== a[o]);
|
|
50
|
-
}, k = (r) => (n.current[r] || (n.current[r] =
|
|
50
|
+
}, k = (r) => (n.current[r] || (n.current[r] = q()), n.current[r]), v = () => {
|
|
51
51
|
const r = [];
|
|
52
52
|
Object.entries(n.current).forEach(([e]) => {
|
|
53
53
|
const t = n.current[e].current;
|
|
@@ -69,7 +69,7 @@ import '../../assets/CheckboxTree.css';const s = {
|
|
|
69
69
|
"aria-expanded",
|
|
70
70
|
((c = e == null ? void 0 : e.closest("[data-li]")) == null ? void 0 : c.getAttribute("aria-expanded")) === "false" ? "true" : "false"
|
|
71
71
|
), t && t.classList.toggle(s["checkbox-tree__leaves--expanded"]);
|
|
72
|
-
},
|
|
72
|
+
}, $ = (r) => {
|
|
73
73
|
const e = r.target;
|
|
74
74
|
if (!(e.type !== "checkbox" && e.type !== "button")) {
|
|
75
75
|
if (h.md && e.name.indexOf("Group") !== -1 && e.parentNode && e.parentNode.parentNode.getAttribute("aria-expanded") === "false") {
|
|
@@ -89,42 +89,42 @@ import '../../assets/CheckboxTree.css';const s = {
|
|
|
89
89
|
}
|
|
90
90
|
_(e.getAttribute("data-groupname") || ""), v();
|
|
91
91
|
}
|
|
92
|
-
},
|
|
92
|
+
}, y = (r) => {
|
|
93
93
|
const e = r.target, t = e.closest("[data-li]");
|
|
94
94
|
g(e, t);
|
|
95
95
|
};
|
|
96
|
-
return
|
|
97
|
-
d && !
|
|
96
|
+
return E(() => {
|
|
97
|
+
d && !R(d, m) && Object.entries(n.current).forEach(([r]) => {
|
|
98
98
|
const e = n.current[r].current;
|
|
99
99
|
e && (d != null && d.includes(e.value) ? e.checked = !0 : e.checked = !1, e.name.indexOf("Group") !== -1 && x(d || []));
|
|
100
100
|
});
|
|
101
|
-
}, [d]),
|
|
101
|
+
}, [d]), E(() => {
|
|
102
102
|
Object.entries(n.current).forEach(([r]) => {
|
|
103
103
|
const e = n.current[r].current;
|
|
104
104
|
e && e.name.indexOf("Group") !== -1 && _(e.name);
|
|
105
105
|
});
|
|
106
106
|
}, [m]), /* @__PURE__ */ u("div", { children: [
|
|
107
|
-
|
|
108
|
-
/* @__PURE__ */ i("div", { onClick:
|
|
107
|
+
l && /* @__PURE__ */ i("span", { className: s["checkbox-tree__header"], children: l }),
|
|
108
|
+
/* @__PURE__ */ i("div", { onClick: $, "data-ul": !0, role: "tree", tabIndex: 0, children: F.map(({ itemName: r, children: e }, t) => /* @__PURE__ */ u(
|
|
109
109
|
"div",
|
|
110
110
|
{
|
|
111
111
|
className: s["checkbox-tree__branch"],
|
|
112
112
|
"data-li": !0,
|
|
113
113
|
"aria-expanded": h.md ? "false" : "true",
|
|
114
114
|
children: [
|
|
115
|
-
/* @__PURE__ */ u(
|
|
116
|
-
/* @__PURE__ */ i(
|
|
117
|
-
|
|
115
|
+
/* @__PURE__ */ u(B, { inline: !0, className: s["checkbox-tree__branch--formfield"], children: [
|
|
116
|
+
/* @__PURE__ */ i(L, { variant: "blank", onClick: y, children: /* @__PURE__ */ i(
|
|
117
|
+
I,
|
|
118
118
|
{
|
|
119
119
|
name: "CheveronRight",
|
|
120
120
|
size: 16,
|
|
121
|
-
className:
|
|
121
|
+
className: j(s["checkbox-tree__branch--icon"], {
|
|
122
122
|
[s["checkbox-tree__branch--icon--expanded"]]: !h.md
|
|
123
123
|
})
|
|
124
124
|
}
|
|
125
125
|
) }),
|
|
126
126
|
/* @__PURE__ */ i(
|
|
127
|
-
|
|
127
|
+
A,
|
|
128
128
|
{
|
|
129
129
|
id: r,
|
|
130
130
|
name: `Group${t}`,
|
|
@@ -132,18 +132,18 @@ import '../../assets/CheckboxTree.css';const s = {
|
|
|
132
132
|
ref: k(`Group${t}`)
|
|
133
133
|
}
|
|
134
134
|
),
|
|
135
|
-
/* @__PURE__ */ i(
|
|
135
|
+
/* @__PURE__ */ i(C, { htmlFor: r, noFontWeight: p, children: r })
|
|
136
136
|
] }),
|
|
137
137
|
/* @__PURE__ */ i(
|
|
138
138
|
"div",
|
|
139
139
|
{
|
|
140
|
-
className:
|
|
140
|
+
className: j(s["checkbox-tree__leaves"], {
|
|
141
141
|
[s["checkbox-tree__leaves--expanded"]]: !h.md
|
|
142
142
|
}),
|
|
143
143
|
"data-ul": !0,
|
|
144
|
-
children: e.map(({ itemName: c, itemValue: a, disabled: o }) => /* @__PURE__ */ i("div", { className: s["checkbox-tree__leaf"], "data-li": !0, children: /* @__PURE__ */ u(
|
|
144
|
+
children: e.map(({ itemName: c, itemValue: a, disabled: o }) => /* @__PURE__ */ i("div", { className: s["checkbox-tree__leaf"], "data-li": !0, children: /* @__PURE__ */ u(B, { inline: !0, className: s["checkbox-tree__branch--formfield"], children: [
|
|
145
145
|
/* @__PURE__ */ i(
|
|
146
|
-
|
|
146
|
+
A,
|
|
147
147
|
{
|
|
148
148
|
id: c,
|
|
149
149
|
name: c,
|
|
@@ -153,7 +153,7 @@ import '../../assets/CheckboxTree.css';const s = {
|
|
|
153
153
|
ref: k(`Group${t}_${c}`)
|
|
154
154
|
}
|
|
155
155
|
),
|
|
156
|
-
/* @__PURE__ */ i(
|
|
156
|
+
/* @__PURE__ */ i(C, { htmlFor: c, noFontWeight: p, children: c })
|
|
157
157
|
] }) }, c))
|
|
158
158
|
}
|
|
159
159
|
)
|
|
@@ -164,6 +164,6 @@ import '../../assets/CheckboxTree.css';const s = {
|
|
|
164
164
|
] });
|
|
165
165
|
};
|
|
166
166
|
export {
|
|
167
|
-
|
|
167
|
+
fe as CheckboxTree
|
|
168
168
|
};
|
|
169
169
|
//# sourceMappingURL=CheckboxTree.js.map
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { jsxs as o, jsx as
|
|
2
|
-
import { Icon as
|
|
3
|
-
import '../../assets/Chip.css';const
|
|
4
|
-
chip:
|
|
1
|
+
import { jsxs as o, jsx as _ } from "react/jsx-runtime";
|
|
2
|
+
import { Icon as t } from "../Icon/Icon.js";
|
|
3
|
+
import '../../assets/Chip.css';const e = "_chip_1uifs_1", l = "_chip__label_1uifs_25", c = {
|
|
4
|
+
chip: e,
|
|
5
5
|
chip__label: l,
|
|
6
|
-
"chip__close-button": "_chip__close-
|
|
7
|
-
}, h = ({ label:
|
|
8
|
-
/* @__PURE__ */
|
|
9
|
-
/* @__PURE__ */
|
|
6
|
+
"chip__close-button": "_chip__close-button_1uifs_32"
|
|
7
|
+
}, h = ({ label: s, onDelete: i }) => /* @__PURE__ */ o("button", { className: c.chip, onClick: () => i(s), children: [
|
|
8
|
+
/* @__PURE__ */ _("span", { className: c.chip__label, children: s }),
|
|
9
|
+
/* @__PURE__ */ _(t, { name: "Cross", size: 20, className: c["chip__close-button"] })
|
|
10
10
|
] });
|
|
11
11
|
export {
|
|
12
12
|
h as Chip
|