mimir-ui-kit 1.22.0 → 1.24.0
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/Drawer.css +1 -1
- package/dist/assets/SelectSearch.css +1 -1
- package/dist/assets/TabTrail.css +1 -1
- package/dist/components/Accordion/Accordion.d.ts +2 -0
- package/dist/components/Accordion/Accordion.js +15 -2
- package/dist/components/Drawer/Drawer.js +19 -19
- package/dist/components/SelectSearch/SelectSearch.js +27 -22
- package/dist/components/Steps/Steps.js +2 -2
- package/dist/components/Steps/constants.d.ts +11 -1
- package/dist/components/Steps/constants.js +44 -0
- package/dist/components/TabTrail/TabTrail.js +9 -9
- package/dist/components/Uploader/Uploader.d.ts +4 -0
- package/dist/components/Uploader/Uploader.js +3 -2
- package/dist/components/UploaderPhotos/UploaderPhotos.d.ts +4 -0
- package/dist/components/UploaderPhotos/UploaderPhotos.js +12 -4
- package/dist/components/Vote/index.d.ts +1 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/icons/Icon.js +1 -1
- package/dist/icons/components/12px/MessageRead12px.d.ts +4 -0
- package/dist/icons/components/12px/MessageRead12px.js +37 -0
- package/dist/icons/components/32px/PersonalManager32px.d.ts +4 -0
- package/dist/icons/components/32px/PersonalManager32px.js +112 -0
- package/dist/icons/components/StepXL.d.ts +4 -0
- package/dist/icons/components/StepXL.js +32 -0
- package/dist/icons/components/index.d.ts +3 -0
- package/dist/icons/components/index.js +543 -540
- package/dist/{index-Cxiikb7g.js → index-FDVpKRvA.js} +550 -539
- package/dist/utils/index.d.ts +0 -2
- package/dist/utils/index.js +1 -3
- package/package.json +1 -1
- package/dist/assets/ListFiles.css +0 -1
- package/dist/components/ListFiles/ListFiles.d.ts +0 -26
- package/dist/components/ListFiles/ListFiles.js +0 -42
- package/dist/components/ListFiles/constants.d.ts +0 -3
- package/dist/components/ListFiles/constants.js +0 -33
- package/dist/components/ListFiles/index.d.ts +0 -2
- package/dist/components/ListFiles/index.js +0 -4
- package/dist/components/UploaderFiles/UploaderFiles.d.ts +0 -38
- package/dist/components/UploaderFiles/UploaderFiles.js +0 -68
- package/dist/components/UploaderFiles/index.d.ts +0 -2
- package/dist/components/UploaderFiles/index.js +0 -4
- package/dist/utils/formating/FileSize.d.ts +0 -1
- package/dist/utils/formating/FileSize.js +0 -13
package/dist/assets/Drawer.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._drawer_1atax_3{--drawer-width: 808px;--drawer-z-index: 10000;position:fixed;z-index:10000;z-index:var(--drawer-z-index);display:flex;flex-direction:column;width:808px;width:var(--drawer-width);height:100%;overflow:auto;background-color:var(--black-5);transition:all .3s ease;pointer-events:none}._drawer_1atax_3::-webkit-scrollbar{width:3px}._drawer_1atax_3::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._drawer_1atax_3::-webkit-scrollbar-track{background-color:var(--white)}._drawer_1atax_3 ._content_1atax_27{position:relative;display:flex;flex:1;flex-direction:column;padding:var(--space-m) var(--space-4xl) var(--space-4xl);transition:all .3s ease}@media (max-width: 600px){._drawer_1atax_3 ._content_1atax_27{--drawer-width: 100%;padding:var(--space-m)}}._drawer_1atax_3 ._content_1atax_27._is-loading_1atax_41{align-items:center;justify-content:center}._drawer_1atax_3 ._header_1atax_45{display:flex;gap:var(--space-xs);min-height:68px}._drawer_1atax_3 ._header_1atax_45:not(:last-child){margin-bottom:var(--space-2xl)}._drawer_1atax_3 ._header_1atax_45._sticky-header_1atax_53{position:-webkit-sticky;position:sticky;top:0;left:0;background-color:var(--black-5)}._drawer_1atax_3 ._header_1atax_45 ._title_1atax_59{flex:1;align-self:flex-end;font-weight:var(--font-weight-text-medium);font-size:var(--size-text-xl3);line-height:var(--line-height-text-s1);letter-spacing:.7px}@media (max-width: 600px){._drawer_1atax_3 ._header_1atax_45 ._title_1atax_59{font-size:var(--size-text-xl2);line-height:var(--line-height-text-xs)}}._drawer_1atax_3 ._header_1atax_45 ._space_1atax_73{flex:0 0 var(--button-height-m)}@media (max-width: 600px){._drawer_1atax_3 ._header_1atax_45{min-height:55px}._drawer_1atax_3 ._header_1atax_45:not(:last-child){margin-bottom:var(--space-m)}}._drawer_1atax_3 ._inner_1atax_84{flex:1}._drawer_1atax_3 ._button_1atax_87{position:absolute;top:var(--space-m);right:var(--space-m)}._drawer_1atax_3 ._footer_1atax_92{display:block;padding-top:var(--space-4xl)}@media (max-width: 600px){._drawer_1atax_3 ._footer_1atax_92{padding-top:var(--space-m)}}._drawer_1atax_3 ._footer-button_1atax_101{display:block;margin-left:auto}._drawer_1atax_3._left_1atax_105{top:0;left:-100%}._drawer_1atax_3._right_1atax_109{top:0;right:-100%}._drawer_1atax_3._full_1atax_113{top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:100vh;border-radius:0;transform:scale(.95);opacity:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}._drawer_1atax_3._bottom_1atax_123{--drawer-width: calc(100% - var(--space-m));right:50%;bottom:-100%;left:50%;height:-webkit-max-content;height:-moz-max-content;height:max-content;max-height:calc(100% - var(--space-xs));border-top-left-radius:var(--control-radius);border-top-right-radius:var(--control-radius);transform:translate(-50%)}._drawer_1atax_3._bottom_1atax_123._full-bottom-height_1atax_134{height:calc(100% - var(--space-xs))}._drawer_1atax_3._bottom_1atax_123._is-loading_1atax_41{height:50vh}._drawer_1atax_3._opened_1atax_140{transition:all .3s ease;pointer-events:auto}._drawer_1atax_3._opened_1atax_140._left_1atax_105{left:0%;transition:left .3s ease}._drawer_1atax_3._opened_1atax_140._right_1atax_109{right:0%;transition:right .3s ease}._drawer_1atax_3._opened_1atax_140._bottom_1atax_123{bottom:0%}._drawer_1atax_3._opened_1atax_140._full_1atax_113{transform:scale(1);opacity:1}._drawer_1atax_3._is-closing_1atax_159._left_1atax_105{left:-100%}._drawer_1atax_3._is-closing_1atax_159._right_1atax_109{right:-100%}._drawer_1atax_3._is-closing_1atax_159._bottom_1atax_123{bottom:-100%}._drawer_1atax_3._is-closing_1atax_159._full_1atax_113{transform:scale(.95);opacity:0}@media (max-width: 1440px){._drawer_1atax_3{--drawer-width: 608px}}@media (max-width: 1280px){._drawer_1atax_3{--drawer-width: 648px}}@media (max-width: 768px){._drawer_1atax_3{--drawer-width: 584px}}@media (max-width: 600px){._drawer_1atax_3{--drawer-width: 100%}._drawer_1atax_3._bottom_1atax_123{--drawer-width: calc(100% - var(--space-xs))}}._overlay_1atax_196{--overlay-z-index: 9990;position:fixed;top:0;left:0;z-index:9990;z-index:var(--overlay-z-index);width:100%;height:100%;background-color:#0009;opacity:0;transition:all .3s ease}._overlay_1atax_196._opened_1atax_140{opacity:1;transition:all .3s ease}._overlay_1atax_196._is-closing_1atax_159{opacity:0;transition:all .3s ease}
|
@@ -1 +1 @@
|
|
1
|
-
._select-
|
1
|
+
._select-search_1bdke_2{position:relative}._select-search_1bdke_2._disabled_1bdke_5{cursor:not-allowed}._container_1bdke_9{display:block;gap:var(--select-search-gap);align-items:center;justify-content:space-between;height:var(--select-search-height);background-color:var(--black-5);border-radius:var(--select-search-radius)}._container-open_1bdke_18{border-bottom:1px solid var(--citrine-100)}._full_1bdke_22{width:100%}._selector-icon-open_1bdke_26{transform:rotate(180deg)}._button_1bdke_30{position:absolute;top:0;right:0;display:flex;align-items:center;margin:var(--select-search-btn-space);background:none;border:none;cursor:pointer}._options_1bdke_42{position:absolute;z-index:10;width:100%;min-height:100%;max-height:var(--select-search-options-height);overflow-y:auto;font-size:var(--size-text-l);background:var(--white);box-shadow:var(--box-shadow-select-search)}._options_1bdke_42._top_1bdke_53{bottom:100%;margin-bottom:1px;border-radius:var(--select-search-radius) var(--select-search-radius) 0 0}._options_1bdke_42._bottom_1bdke_58{top:100%;margin-top:1px;border-radius:0 0 var(--select-search-radius) var(--select-search-radius)}._options_1bdke_42::-webkit-scrollbar{width:3px}._options_1bdke_42::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._options_1bdke_42::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_1bdke_42{max-height:var(--select-search-options-height-mobile)}}._no-options_1bdke_79{height:100%;padding:var(--select-search-option-space);color:var(--black-80)}._m_1bdke_85{--select-search-height: var(--select-search-height-l);--select-search-space: var(--space-xss) var(--space-m);--select-search-radius: var(--control-radius);--select-search-gap: var(--space-2xs);--select-search-btn-space: var(--space-m) var(--space-m) var(--space-m) var(--space-xs);--select-search-option-space: var(--space-2s) var(--space-m);--select-search-options-height: var(--select-search-options-height-mobile)}._l_1bdke_96{--select-search-height: var(--select-search-height-xxl);--select-search-space: var(--space-xss) var(--space-m);--select-search-radius: var(--control-radius-s);--select-search-gap: var(--space-xs);--select-search-btn-space: var(--space-l) var(--space-m) var(--space-l) var(--space-xs);--select-search-option-space: var(--space-2l) var(--space-m);--select-search-options-height: var(--select-search-options-height-desktop)}._custom-input-class_1bdke_107{width:100%!important}._custom-input-class_1bdke_107:last-child{padding-right:var(--space-4xl)}._option_1bdke_42{display:flex;gap:var(--space-m);align-items:center;width:100%;padding:var(--select-search-option-space);cursor:pointer;transition:background-color .2s ease-in-out}._option-active_1bdke_123{background-color:var(--black-5)}._option-inner_1bdke_126{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}._selected-icon_1bdke_133 path{fill:var(--sapphire-100)}
|
package/dist/assets/TabTrail.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._container_102fh_2,._group_102fh_6{position:relative}._group-inner_102fh_9{display:flex;gap:var(--space-4xl);align-items:center;margin-left:calc(var(--tab-trail-margin-left) * -1)}._tab_102fh_16{position:relative;display:flex;gap:var(--space-2xs);align-items:center;height:var(--tab-trail-height);padding:0 var(--tab-padding);color:var(--disabled-color);font-weight:var(--font-weight-text-medium);font-size:var(--tab-trail-font-size);font-family:var(--font-montserrat)}._tab_102fh_16:after{position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:transparent;transition:background-color .3s ease;content:""}._tab_102fh_16[data-selected]{color:var(--black-100)}._tab_102fh_16[data-selected]:after{background-color:var(--sapphire-100)}._tab_102fh_16:not([data-selected]){filter:grayscale(100%) opacity(.7)}._tab_102fh_16:not([data-selected]):after{background-color:var(--white)}._list_102fh_51{display:flex;align-items:center;overflow:auto;white-space:nowrap;scroll-behavior:smooth}._list_102fh_51::-webkit-scrollbar{display:none}._tabs_102fh_62{display:flex;align-items:center;padding-top:var(--tabs-padding-top)}._buttons_102fh_68{position:relative;display:flex;height:100%;max-height:40px}._m_102fh_75{--tab-trail-font-size: var(--size-text-xl3);--tab-trail-height: var(--tab-trail-height-m);--tabs-padding-top: var(--space-xs);--tab-padding: var(--space-m);--tab-trail-margin-left: var(--space-m)}._s_102fh_83{--tab-trail-font-size: var(--size-text-xl);--tab-trail-height: var(--tab-trail-height-s);--tabs-padding-top: var(--space-3xs);--tab-padding: var(--space-s);--tab-trail-margin-left: var(--space-s)}
|
@@ -9,5 +9,7 @@ export type TAccordionProps = {
|
|
9
9
|
buttonType?: EAccordionButtonType | `${EAccordionButtonType}`;
|
10
10
|
buttonStyle?: EAccordionButtonStyle | `${EAccordionButtonStyle}`;
|
11
11
|
iconType?: EAccordionIconType | `${EAccordionIconType}`;
|
12
|
+
classNameTitle?: string;
|
13
|
+
classNameContent?: string;
|
12
14
|
};
|
13
15
|
export declare const Accordion: import('react').ForwardRefExoticComponent<TAccordionProps & import('react').RefAttributes<HTMLElement>>;
|
@@ -153,7 +153,9 @@ const Accordion = forwardRef(
|
|
153
153
|
size = EAccordionSize.M,
|
154
154
|
titleUppercase,
|
155
155
|
buttonStyle = EAccordionButtonStyle.CIRCLE,
|
156
|
-
iconType = EAccordionIconType.ARROW
|
156
|
+
iconType = EAccordionIconType.ARROW,
|
157
|
+
classNameTitle,
|
158
|
+
classNameContent
|
157
159
|
}, ref) => {
|
158
160
|
const isMobile = useMediaQuery(EMediaQuery.XS1);
|
159
161
|
const isLink = buttonType === "link";
|
@@ -192,6 +194,7 @@ const Accordion = forwardRef(
|
|
192
194
|
{
|
193
195
|
className: classNames(
|
194
196
|
cls.title,
|
197
|
+
classNameTitle,
|
195
198
|
titleUppercase && cls["title-uppercase"]
|
196
199
|
),
|
197
200
|
children: title2
|
@@ -224,7 +227,17 @@ const Accordion = forwardRef(
|
|
224
227
|
children: renderButton(open2)
|
225
228
|
}
|
226
229
|
),
|
227
|
-
/* @__PURE__ */ jsx(
|
230
|
+
/* @__PURE__ */ jsx(
|
231
|
+
Ie,
|
232
|
+
{
|
233
|
+
className: classNames(
|
234
|
+
cls.panel,
|
235
|
+
classNameContent,
|
236
|
+
linkClasses
|
237
|
+
),
|
238
|
+
children: /* @__PURE__ */ jsx(AccordionItem, { size, children })
|
239
|
+
}
|
240
|
+
)
|
228
241
|
] }) }) });
|
229
242
|
}
|
230
243
|
);
|
@@ -10,39 +10,39 @@ import { Button } from "../Button/Button.js";
|
|
10
10
|
import { EButtonVariantDefault, EButtonSize } from "../Button/constants.js";
|
11
11
|
import { Loader } from "../Loader/Loader.js";
|
12
12
|
import { Portal } from "../Portal/Portal.js";
|
13
|
-
import '../../assets/Drawer.css';const drawer = "
|
14
|
-
const content = "
|
15
|
-
const header = "
|
16
|
-
const title = "
|
17
|
-
const space = "
|
18
|
-
const inner = "
|
19
|
-
const button = "
|
20
|
-
const footer = "
|
21
|
-
const left = "
|
22
|
-
const right = "
|
23
|
-
const full = "
|
24
|
-
const bottom = "
|
25
|
-
const opened = "
|
26
|
-
const overlay = "
|
13
|
+
import '../../assets/Drawer.css';const drawer = "_drawer_1atax_3";
|
14
|
+
const content = "_content_1atax_27";
|
15
|
+
const header = "_header_1atax_45";
|
16
|
+
const title = "_title_1atax_59";
|
17
|
+
const space = "_space_1atax_73";
|
18
|
+
const inner = "_inner_1atax_84";
|
19
|
+
const button = "_button_1atax_87";
|
20
|
+
const footer = "_footer_1atax_92";
|
21
|
+
const left = "_left_1atax_105";
|
22
|
+
const right = "_right_1atax_109";
|
23
|
+
const full = "_full_1atax_113";
|
24
|
+
const bottom = "_bottom_1atax_123";
|
25
|
+
const opened = "_opened_1atax_140";
|
26
|
+
const overlay = "_overlay_1atax_196";
|
27
27
|
const cls = {
|
28
28
|
drawer,
|
29
29
|
content,
|
30
|
-
"is-loading": "_is-
|
30
|
+
"is-loading": "_is-loading_1atax_41",
|
31
31
|
header,
|
32
|
-
"sticky-header": "_sticky-
|
32
|
+
"sticky-header": "_sticky-header_1atax_53",
|
33
33
|
title,
|
34
34
|
space,
|
35
35
|
inner,
|
36
36
|
button,
|
37
37
|
footer,
|
38
|
-
"footer-button": "_footer-
|
38
|
+
"footer-button": "_footer-button_1atax_101",
|
39
39
|
left,
|
40
40
|
right,
|
41
41
|
full,
|
42
42
|
bottom,
|
43
|
-
"full-bottom-height": "_full-bottom-
|
43
|
+
"full-bottom-height": "_full-bottom-height_1atax_134",
|
44
44
|
opened,
|
45
|
-
"is-closing": "_is-
|
45
|
+
"is-closing": "_is-closing_1atax_159",
|
46
46
|
overlay
|
47
47
|
};
|
48
48
|
const ANIMATION_DELAY = 300;
|
@@ -3752,35 +3752,35 @@ function No(o2, r2) {
|
|
3752
3752
|
return H({ ourProps: { id: d2, ref: M2, role: "option", tabIndex: s2 === true ? void 0 : -1, "aria-disabled": s2 === true ? true : void 0, "aria-selected": C, disabled: void 0, onMouseDown: y2, onFocus: A2, onPointerEnter: h2, onMouseEnter: h2, onPointerMove: O, onMouseMove: O, onPointerLeave: G2, onMouseLeave: G2 }, theirProps: a3, slot: J2, defaultTag: ko, name: "Combobox.Option" });
|
3753
3753
|
}
|
3754
3754
|
let Uo = W$1(ho), Ho = W$1(Vo), Go = W$1(Mo), jo = K, zo = W$1(Bo), Ko = W$1(No), Nt = Object.assign(Uo, { Input: Go, Button: Ho, Label: jo, Options: zo, Option: Ko });
|
3755
|
-
const disabled = "
|
3756
|
-
const container = "
|
3757
|
-
const full = "
|
3758
|
-
const button = "
|
3759
|
-
const options = "
|
3760
|
-
const top = "
|
3761
|
-
const bottom = "
|
3762
|
-
const m = "
|
3763
|
-
const l = "
|
3764
|
-
const option = "
|
3755
|
+
const disabled = "_disabled_1bdke_5";
|
3756
|
+
const container = "_container_1bdke_9";
|
3757
|
+
const full = "_full_1bdke_22";
|
3758
|
+
const button = "_button_1bdke_30";
|
3759
|
+
const options = "_options_1bdke_42";
|
3760
|
+
const top = "_top_1bdke_53";
|
3761
|
+
const bottom = "_bottom_1bdke_58";
|
3762
|
+
const m = "_m_1bdke_85";
|
3763
|
+
const l = "_l_1bdke_96";
|
3764
|
+
const option = "_option_1bdke_42";
|
3765
3765
|
const cls = {
|
3766
|
-
"select-search": "_select-
|
3766
|
+
"select-search": "_select-search_1bdke_2",
|
3767
3767
|
disabled,
|
3768
3768
|
container,
|
3769
|
-
"container-open": "_container-
|
3769
|
+
"container-open": "_container-open_1bdke_18",
|
3770
3770
|
full,
|
3771
|
-
"selector-icon-open": "_selector-icon-
|
3771
|
+
"selector-icon-open": "_selector-icon-open_1bdke_26",
|
3772
3772
|
button,
|
3773
3773
|
options,
|
3774
3774
|
top,
|
3775
3775
|
bottom,
|
3776
|
-
"no-options": "_no-
|
3776
|
+
"no-options": "_no-options_1bdke_79",
|
3777
3777
|
m,
|
3778
3778
|
l,
|
3779
|
-
"custom-input-class": "_custom-input-
|
3779
|
+
"custom-input-class": "_custom-input-class_1bdke_107",
|
3780
3780
|
option,
|
3781
|
-
"option-active": "_option-
|
3782
|
-
"option-inner": "_option-
|
3783
|
-
"selected-icon": "_selected-
|
3781
|
+
"option-active": "_option-active_1bdke_123",
|
3782
|
+
"option-inner": "_option-inner_1bdke_126",
|
3783
|
+
"selected-icon": "_selected-icon_1bdke_133"
|
3784
3784
|
};
|
3785
3785
|
const SelectSearch = forwardRef(
|
3786
3786
|
(props, ref) => {
|
@@ -3813,7 +3813,7 @@ const SelectSearch = forwardRef(
|
|
3813
3813
|
}
|
3814
3814
|
};
|
3815
3815
|
const filteredItems = useMemo(() => {
|
3816
|
-
if (!filterOnSearch || value) {
|
3816
|
+
if (!filterOnSearch || value && (value.id || value.name)) {
|
3817
3817
|
return items;
|
3818
3818
|
}
|
3819
3819
|
return inputValue.trim().toLowerCase() ? items.filter(
|
@@ -3821,14 +3821,19 @@ const SelectSearch = forwardRef(
|
|
3821
3821
|
) : items;
|
3822
3822
|
}, [inputValue, items, value, filterOnSearch]);
|
3823
3823
|
const handleOneChange = (newValue) => {
|
3824
|
+
setInputValue(newValue.name);
|
3824
3825
|
onChange == null ? void 0 : onChange(newValue);
|
3825
3826
|
};
|
3826
3827
|
const handleInputChange = useCallback(
|
3827
3828
|
(event) => {
|
3828
|
-
|
3829
|
-
|
3829
|
+
const newValue = event.target.value;
|
3830
|
+
setInputValue(newValue);
|
3831
|
+
onSearch == null ? void 0 : onSearch(newValue);
|
3832
|
+
if (!newValue && value) {
|
3833
|
+
onChange == null ? void 0 : onChange({ id: "", name: "" });
|
3834
|
+
}
|
3830
3835
|
},
|
3831
|
-
[onSearch]
|
3836
|
+
[onChange, onSearch, value]
|
3832
3837
|
);
|
3833
3838
|
useEffect(() => {
|
3834
3839
|
setInputValue(String((value == null ? void 0 : value[displayValue]) ?? ""));
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
2
2
|
import { c as classNames } from "../../index-CweZ_OcN.js";
|
3
3
|
import { forwardRef, useId, useState, useRef, useEffect } from "react";
|
4
|
-
import { ZERO_STEP, EStepsSize, ID_SEPARATOR, StepSize, DIFF_BETWEEN_STEP_AND_INDEX } from "./constants.js";
|
4
|
+
import { ZERO_STEP, EStepsSize, ID_SEPARATOR, STEP_ICONS_MAP, StepSize, DIFF_BETWEEN_STEP_AND_INDEX } from "./constants.js";
|
5
5
|
import { Icon } from "../../icons/Icon.js";
|
6
6
|
import '../../assets/Steps.css';const container = "_container_1qg9i_2";
|
7
7
|
const step = "_step_1qg9i_6";
|
@@ -69,7 +69,7 @@ const Steps = forwardRef(
|
|
69
69
|
onMouseEnter: handleMouseEnter,
|
70
70
|
onMouseLeave: handleMouseLeave,
|
71
71
|
style: { color },
|
72
|
-
children: /* @__PURE__ */ jsx(Icon, { iconName:
|
72
|
+
children: /* @__PURE__ */ jsx(Icon, { iconName: STEP_ICONS_MAP[size].icon, ...StepSize[size] })
|
73
73
|
},
|
74
74
|
idx
|
75
75
|
);
|
@@ -1,3 +1,5 @@
|
|
1
|
+
import { TIcon } from '../../icons';
|
2
|
+
|
1
3
|
export declare const ZERO_STEP = 0;
|
2
4
|
export declare const DIFF_BETWEEN_STEP_AND_INDEX = 1;
|
3
5
|
export declare const ID_SEPARATOR = "-//-";
|
@@ -6,7 +8,8 @@ export declare enum EStepsSize {
|
|
6
8
|
XS1 = "XS1",
|
7
9
|
S = "S",
|
8
10
|
M = "M",
|
9
|
-
L = "L"
|
11
|
+
L = "L",
|
12
|
+
XL = "XL"
|
10
13
|
}
|
11
14
|
export declare const StepSize: {
|
12
15
|
XS: {
|
@@ -29,7 +32,14 @@ export declare const StepSize: {
|
|
29
32
|
width: number;
|
30
33
|
height: number;
|
31
34
|
};
|
35
|
+
XL: {
|
36
|
+
width: number;
|
37
|
+
height: number;
|
38
|
+
};
|
32
39
|
};
|
40
|
+
export declare const STEP_ICONS_MAP: Record<EStepsSize, {
|
41
|
+
icon: TIcon;
|
42
|
+
}>;
|
33
43
|
export declare enum EStepColor {
|
34
44
|
ASPHALT = "#333333",
|
35
45
|
CITRINE = "#ff7900",
|
@@ -7,6 +7,7 @@ var EStepsSize = /* @__PURE__ */ ((EStepsSize2) => {
|
|
7
7
|
EStepsSize2["S"] = "S";
|
8
8
|
EStepsSize2["M"] = "M";
|
9
9
|
EStepsSize2["L"] = "L";
|
10
|
+
EStepsSize2["XL"] = "XL";
|
10
11
|
return EStepsSize2;
|
11
12
|
})(EStepsSize || {});
|
12
13
|
const StepSize = {
|
@@ -29,6 +30,48 @@ const StepSize = {
|
|
29
30
|
L: {
|
30
31
|
width: 64,
|
31
32
|
height: 28
|
33
|
+
},
|
34
|
+
XL: {
|
35
|
+
width: 72,
|
36
|
+
height: 12
|
37
|
+
}
|
38
|
+
};
|
39
|
+
const STEP_ICONS_MAP = {
|
40
|
+
[
|
41
|
+
"XS"
|
42
|
+
/* XS */
|
43
|
+
]: {
|
44
|
+
icon: "Step"
|
45
|
+
},
|
46
|
+
[
|
47
|
+
"XS1"
|
48
|
+
/* XS1 */
|
49
|
+
]: {
|
50
|
+
icon: "Step"
|
51
|
+
},
|
52
|
+
[
|
53
|
+
"S"
|
54
|
+
/* S */
|
55
|
+
]: {
|
56
|
+
icon: "Step"
|
57
|
+
},
|
58
|
+
[
|
59
|
+
"M"
|
60
|
+
/* M */
|
61
|
+
]: {
|
62
|
+
icon: "Step"
|
63
|
+
},
|
64
|
+
[
|
65
|
+
"L"
|
66
|
+
/* L */
|
67
|
+
]: {
|
68
|
+
icon: "Step"
|
69
|
+
},
|
70
|
+
[
|
71
|
+
"XL"
|
72
|
+
/* XL */
|
73
|
+
]: {
|
74
|
+
icon: "StepXL"
|
32
75
|
}
|
33
76
|
};
|
34
77
|
var EStepColor = /* @__PURE__ */ ((EStepColor2) => {
|
@@ -44,6 +87,7 @@ export {
|
|
44
87
|
EStepColor,
|
45
88
|
EStepsSize,
|
46
89
|
ID_SEPARATOR,
|
90
|
+
STEP_ICONS_MAP,
|
47
91
|
StepSize,
|
48
92
|
ZERO_STEP
|
49
93
|
};
|
@@ -199,18 +199,18 @@ function He(e, r) {
|
|
199
199
|
return !s2 && ((g = n$1.unmount) == null || g) && !((R = n$1.static) != null && R) ? React__default.createElement(T, { "aria-hidden": "true", ...m2 }) : H({ ourProps: m2, theirProps: n$1, slot: b2, defaultTag: Ge, features: Ue, visible: s2, name: "Tabs.Panel" });
|
200
200
|
}
|
201
201
|
let we = W(ve), Oe = W(Se), Ne = W(Ie), ke = W(Me), Be = W(He), st = Object.assign(we, { Group: Oe, List: Ne, Panels: ke, Panel: Be });
|
202
|
-
const container = "
|
203
|
-
const group = "
|
204
|
-
const tab = "
|
205
|
-
const list = "
|
206
|
-
const tabs = "
|
207
|
-
const buttons = "
|
208
|
-
const m = "
|
209
|
-
const s = "
|
202
|
+
const container = "_container_102fh_2";
|
203
|
+
const group = "_group_102fh_6";
|
204
|
+
const tab = "_tab_102fh_16";
|
205
|
+
const list = "_list_102fh_51";
|
206
|
+
const tabs = "_tabs_102fh_62";
|
207
|
+
const buttons = "_buttons_102fh_68";
|
208
|
+
const m = "_m_102fh_75";
|
209
|
+
const s = "_s_102fh_83";
|
210
210
|
const cls = {
|
211
211
|
container,
|
212
212
|
group,
|
213
|
-
"group-inner": "_group-
|
213
|
+
"group-inner": "_group-inner_102fh_9",
|
214
214
|
tab,
|
215
215
|
list,
|
216
216
|
tabs,
|
@@ -32,7 +32,8 @@ const Uploader = forwardRef(
|
|
32
32
|
onChangeValue,
|
33
33
|
arrayName,
|
34
34
|
maxSize = 15,
|
35
|
-
isDisabled
|
35
|
+
isDisabled,
|
36
|
+
titleUploader = "Или перетащите сюда"
|
36
37
|
} = props;
|
37
38
|
const uploaderRef = useRef(null);
|
38
39
|
const idImg = useId();
|
@@ -79,7 +80,7 @@ const Uploader = forwardRef(
|
|
79
80
|
children: "Выберите файлы"
|
80
81
|
}
|
81
82
|
),
|
82
|
-
/* @__PURE__ */ jsx("b", { children:
|
83
|
+
/* @__PURE__ */ jsx("b", { children: titleUploader }),
|
83
84
|
/* @__PURE__ */ jsxs("span", { className: cls["upload-text"], children: [
|
84
85
|
"Максимальный размер одного файла – ",
|
85
86
|
maxSize,
|
@@ -8,7 +8,15 @@ import '../../assets/UploaderPhotos.css';const cls = {
|
|
8
8
|
};
|
9
9
|
const UploaderPhotos = forwardRef(
|
10
10
|
(props, ref) => {
|
11
|
-
const {
|
11
|
+
const {
|
12
|
+
filesType,
|
13
|
+
arrayName,
|
14
|
+
maxSize,
|
15
|
+
onChange,
|
16
|
+
value,
|
17
|
+
maxFiles,
|
18
|
+
titleUploader
|
19
|
+
} = props;
|
12
20
|
const [photos, setPhotos] = useState(value || []);
|
13
21
|
const isMaxFilesReached = photos.length >= maxFiles;
|
14
22
|
useEffect(() => {
|
@@ -31,7 +39,6 @@ const UploaderPhotos = forwardRef(
|
|
31
39
|
setPhotos(j.list);
|
32
40
|
if (j.deleteId) onChange == null ? void 0 : onChange({ type: "delete", data: j.deleteId });
|
33
41
|
};
|
34
|
-
console.log(photos);
|
35
42
|
return /* @__PURE__ */ jsxs(
|
36
43
|
"div",
|
37
44
|
{
|
@@ -49,10 +56,11 @@ const UploaderPhotos = forwardRef(
|
|
49
56
|
onChangeValue,
|
50
57
|
ref,
|
51
58
|
maxFiles,
|
52
|
-
isDisabled: isMaxFilesReached
|
59
|
+
isDisabled: isMaxFilesReached,
|
60
|
+
titleUploader
|
53
61
|
}
|
54
62
|
),
|
55
|
-
/* @__PURE__ */ jsx(ListPhotos, { value: photos, onChange: onDelete })
|
63
|
+
!!photos.length && /* @__PURE__ */ jsx(ListPhotos, { value: photos, onChange: onDelete })
|
56
64
|
]
|
57
65
|
}
|
58
66
|
);
|
@@ -20,7 +20,7 @@ export { Slider } from './Slider';
|
|
20
20
|
export { Drawer } from './Drawer';
|
21
21
|
export { EDrawerPosition } from './Drawer';
|
22
22
|
export { Steps, EStepsSize, EStepColor, type TCommonStepsProps } from './Steps';
|
23
|
-
export { Vote, EVoteSize, type TCommonVoteProps } from './Vote';
|
23
|
+
export { Vote, EVoteSize, type TCommonVoteProps, type TProps } from './Vote';
|
24
24
|
export { SelectSearch, ESelectSearchSize } from './SelectSearch';
|
25
25
|
export type { TSelectSearchProps, TSelectOption } from './SelectSearch';
|
26
26
|
export { Switch } from './Switch';
|
package/dist/icons/Icon.js
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
2
2
|
import { Suspense } from "react";
|
3
|
-
import { i as icons } from "../index-
|
3
|
+
import { i as icons } from "../index-FDVpKRvA.js";
|
4
4
|
const Icon = ({ iconName, ...props }) => {
|
5
5
|
const Component = icons[iconName];
|
6
6
|
if (!Component) {
|
@@ -0,0 +1,37 @@
|
|
1
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
2
|
+
const MessageRead12px = (props) => {
|
3
|
+
return /* @__PURE__ */ jsxs(
|
4
|
+
"svg",
|
5
|
+
{
|
6
|
+
width: "12",
|
7
|
+
height: "13",
|
8
|
+
viewBox: "0 0 12 13",
|
9
|
+
fill: "none",
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
11
|
+
...props,
|
12
|
+
children: [
|
13
|
+
/* @__PURE__ */ jsx(
|
14
|
+
"path",
|
15
|
+
{
|
16
|
+
"fill-rule": "evenodd",
|
17
|
+
clipRule: "evenodd",
|
18
|
+
d: "M8.14103 4.3077L2.76402 10.1635L0.131592 7.29443L0.868431 6.61836L2.76431 8.68466L7.40445 3.63135L8.14103 4.3077Z",
|
19
|
+
fill: "white"
|
20
|
+
}
|
21
|
+
),
|
22
|
+
/* @__PURE__ */ jsx(
|
23
|
+
"path",
|
24
|
+
{
|
25
|
+
"fill-rule": "evenodd",
|
26
|
+
clipRule: "evenodd",
|
27
|
+
d: "M11.8682 4.3077L6.50505 10.1484L5.2356 8.86685L5.94605 8.16311L6.47762 8.69975L11.1316 3.63135L11.8682 4.3077Z",
|
28
|
+
fill: "white"
|
29
|
+
}
|
30
|
+
)
|
31
|
+
]
|
32
|
+
}
|
33
|
+
);
|
34
|
+
};
|
35
|
+
export {
|
36
|
+
MessageRead12px as default
|
37
|
+
};
|