mimir-ui-kit 1.23.0 → 1.24.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/assets/Drawer.css +1 -1
- package/dist/assets/ListPhotos.css +1 -1
- package/dist/assets/SelectSearch.css +1 -1
- package/dist/assets/Steps.css +1 -1
- package/dist/assets/TabTrail.css +1 -1
- package/dist/assets/Uploader.css +1 -1
- package/dist/assets/UploaderPhotos.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/ListPhotos/ListPhotos.js +1 -1
- package/dist/components/SelectSearch/SelectSearch.js +27 -22
- package/dist/components/Steps/Steps.d.ts +8 -0
- package/dist/components/Steps/Steps.js +37 -8
- 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 +7 -6
- package/dist/components/UploaderPhotos/UploaderPhotos.d.ts +4 -0
- package/dist/components/UploaderPhotos/UploaderPhotos.js +14 -5
- 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 -45
- 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 -15
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
|
-
._list-
|
1
|
+
._list-photos_19pfh_2{display:flex;gap:var(--space-m);overflow-x:auto}._list-photos_19pfh_2::-webkit-scrollbar{display:none}._list-photos_19pfh_2 li{position:relative;flex-shrink:0;width:64px;height:64px;overflow:hidden;border-radius:var(--control-radius);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703}._list-photos_19pfh_2 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._list-photos_19pfh_2 button{position:absolute;top:4px;right:4px}
|
@@ -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/Steps.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._container_1cq8d_2{display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}._container_1cq8d_2 ._step_1cq8d_6{pointer-events:none}._container_1cq8d_2 ._step_1cq8d_6._editable_1cq8d_9{pointer-events:all}._container_1cq8d_2 ._step_1cq8d_6._resizable_1cq8d_12{flex:1 1 auto;height:var(--step-height);-webkit-clip-path:polygon(0% 100%,10.514% 29.275%,10.514% 29.275%,11.405% 24.129%,12.479% 19.395%,13.72% 15.104%,15.112% 11.286%,16.638% 7.972%,18.28% 5.192%,20.024% 2.977%,21.852% 1.357%,23.748% .363%,25.694% .025%,100% 0%,89.492% 70.725%,89.492% 70.725%,88.6% 75.871%,87.525% 80.605%,86.283% 84.896%,84.891% 88.714%,83.364% 92.028%,81.721% 94.808%,79.976% 97.023%,78.148% 98.643%,76.252% 99.637%,74.306% 99.975%,.003% 99.992%);clip-path:polygon(0% 100%,10.514% 29.275%,10.514% 29.275%,11.405% 24.129%,12.479% 19.395%,13.72% 15.104%,15.112% 11.286%,16.638% 7.972%,18.28% 5.192%,20.024% 2.977%,21.852% 1.357%,23.748% .363%,25.694% .025%,100% 0%,89.492% 70.725%,89.492% 70.725%,88.6% 75.871%,87.525% 80.605%,86.283% 84.896%,84.891% 88.714%,83.364% 92.028%,81.721% 94.808%,79.976% 97.023%,78.148% 98.643%,76.252% 99.637%,74.306% 99.975%,.003% 99.992%)}._container_1cq8d_2 ._step_1cq8d_6._resizable_1cq8d_12._XS_1cq8d_17{--step-height: 8px}._container_1cq8d_2 ._step_1cq8d_6._resizable_1cq8d_12._XS1_1cq8d_20,._container_1cq8d_2 ._step_1cq8d_6._resizable_1cq8d_12._S_1cq8d_23{--step-height: 12px}._container_1cq8d_2 ._step_1cq8d_6._resizable_1cq8d_12._M_1cq8d_26{--step-height: 21px}._container_1cq8d_2 ._step_1cq8d_6._resizable_1cq8d_12._L_1cq8d_29{--step-height: 28px}._container_1cq8d_2 ._step_1cq8d_6._resizable_1cq8d_12._XL_1cq8d_32{--step-height: 12px}._container_1cq8d_2._resizable_1cq8d_12{width:auto}
|
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)}
|
package/dist/assets/Uploader.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
._upload-
|
1
|
+
._upload-file__wrapper_165vi_2{position:relative;width:100%}._upload-file__wrapper_165vi_2 label{display:flex;flex-direction:column;gap:var(--space-m);align-items:center;justify-content:center}._upload-file__wrapper_165vi_2 label button{z-index:1}._upload-file__wrapper_165vi_2 label b{color:var(--black-100);font-weight:var(--font-weight-text-regular);font-size:var(--size-text-l2);font-family:var(--font-inter);font-style:normal;line-height:130%;text-align:center}._upload-file__wrapper_165vi_2 label ._upload-text_165vi_25{color:var(--disabled-color);font-weight:var(--font-weight-text-regular);font-size:var(--size-text-m);font-family:var(--font-inter);font-style:normal;line-height:var(--line-height-text-xxs);text-align:center}._upload-file-input_165vi_35{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:0}
|
@@ -1 +1 @@
|
|
1
|
-
._upload-
|
1
|
+
._upload-file__wrapper_17bcu_2{display:flex;flex-direction:column;gap:var(--space-m);overflow:hidden}
|
@@ -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;
|
@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useState, useEffect } from "react";
|
3
3
|
import { Button } from "../Button/Button.js";
|
4
4
|
import '../../assets/ListPhotos.css';const cls = {
|
5
|
-
"list-photos": "_list-
|
5
|
+
"list-photos": "_list-photos_19pfh_2"
|
6
6
|
};
|
7
7
|
function ListPhotos({ value, onChange }) {
|
8
8
|
const [list, setList] = useState(value);
|
@@ -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]) ?? ""));
|
@@ -38,6 +38,10 @@ export type TProps = TCommonStepsProps & {
|
|
38
38
|
* Цвет шага, если он не выбран
|
39
39
|
*/
|
40
40
|
unselectedColor?: string;
|
41
|
+
/**
|
42
|
+
* Адаптивный шаг
|
43
|
+
*/
|
44
|
+
resizable?: boolean;
|
41
45
|
};
|
42
46
|
export declare const Steps: import('react').ForwardRefExoticComponent<TCommonStepsProps & {
|
43
47
|
/**
|
@@ -76,4 +80,8 @@ export declare const Steps: import('react').ForwardRefExoticComponent<TCommonSte
|
|
76
80
|
* Цвет шага, если он не выбран
|
77
81
|
*/
|
78
82
|
unselectedColor?: string;
|
83
|
+
/**
|
84
|
+
* Адаптивный шаг
|
85
|
+
*/
|
86
|
+
resizable?: boolean;
|
79
87
|
} & import('react').RefAttributes<HTMLDivElement>>;
|
@@ -1,15 +1,29 @@
|
|
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
|
-
import '../../assets/Steps.css';const container = "
|
7
|
-
const step = "
|
8
|
-
const editable = "
|
6
|
+
import '../../assets/Steps.css';const container = "_container_1cq8d_2";
|
7
|
+
const step = "_step_1cq8d_6";
|
8
|
+
const editable = "_editable_1cq8d_9";
|
9
|
+
const resizable = "_resizable_1cq8d_12";
|
10
|
+
const XS = "_XS_1cq8d_17";
|
11
|
+
const XS1 = "_XS1_1cq8d_20";
|
12
|
+
const S = "_S_1cq8d_23";
|
13
|
+
const M = "_M_1cq8d_26";
|
14
|
+
const L = "_L_1cq8d_29";
|
15
|
+
const XL = "_XL_1cq8d_32";
|
9
16
|
const cls = {
|
10
17
|
container,
|
11
18
|
step,
|
12
|
-
editable
|
19
|
+
editable,
|
20
|
+
resizable,
|
21
|
+
XS,
|
22
|
+
XS1,
|
23
|
+
S,
|
24
|
+
M,
|
25
|
+
L,
|
26
|
+
XL
|
13
27
|
};
|
14
28
|
const Steps = forwardRef(
|
15
29
|
(props, ref) => {
|
@@ -21,6 +35,7 @@ const Steps = forwardRef(
|
|
21
35
|
editable: editable2 = false,
|
22
36
|
size = EStepsSize.M,
|
23
37
|
onClick,
|
38
|
+
resizable: resizable2,
|
24
39
|
disabled = false,
|
25
40
|
zones = [{ color: "#ff0000", to: quantity }],
|
26
41
|
unselectedColor = "#ffffff"
|
@@ -60,21 +75,35 @@ const Steps = forwardRef(
|
|
60
75
|
return /* @__PURE__ */ jsx(
|
61
76
|
"button",
|
62
77
|
{
|
78
|
+
style: { backgroundColor: resizable2 ? color : void 0 },
|
63
79
|
id: `${idPrefix}${ID_SEPARATOR}${idx}`,
|
64
80
|
className: classNames(cls.step, cls[size], stepClassName, {
|
65
81
|
[cls.editable]: editable2 && !disabled,
|
82
|
+
[cls.resizable]: resizable2,
|
66
83
|
[cls.disabled]: disabled || !editable2 && idx + 1 > step2
|
67
84
|
}),
|
68
85
|
onClick: () => handleClick(idx),
|
69
86
|
onMouseEnter: handleMouseEnter,
|
70
87
|
onMouseLeave: handleMouseLeave,
|
71
|
-
|
72
|
-
children: /* @__PURE__ */ jsx(Icon, { iconName: "Step", ...StepSize[size] })
|
88
|
+
children: !resizable2 && /* @__PURE__ */ jsx(Icon, { iconName: STEP_ICONS_MAP[size].icon, ...StepSize[size] })
|
73
89
|
},
|
74
90
|
idx
|
75
91
|
);
|
76
92
|
});
|
77
|
-
return /* @__PURE__ */ jsx(
|
93
|
+
return /* @__PURE__ */ jsx(
|
94
|
+
"div",
|
95
|
+
{
|
96
|
+
className: classNames(
|
97
|
+
cls.container,
|
98
|
+
{
|
99
|
+
[cls.resizable]: resizable2
|
100
|
+
},
|
101
|
+
rootClassName
|
102
|
+
),
|
103
|
+
ref,
|
104
|
+
children: buttons
|
105
|
+
}
|
106
|
+
);
|
78
107
|
}
|
79
108
|
);
|
80
109
|
Steps.displayName = "Steps";
|
@@ -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,
|
@@ -3,9 +3,9 @@ import { forwardRef, useRef, useId } from "react";
|
|
3
3
|
import { Icon } from "../../icons/Icon.js";
|
4
4
|
import { Button } from "../Button/Button.js";
|
5
5
|
import '../../assets/Uploader.css';const cls = {
|
6
|
-
"upload-
|
7
|
-
"upload-text": "_upload-
|
8
|
-
"upload-file-input": "_upload-file-
|
6
|
+
"upload-file__wrapper": "_upload-file__wrapper_165vi_2",
|
7
|
+
"upload-text": "_upload-text_165vi_25",
|
8
|
+
"upload-file-input": "_upload-file-input_165vi_35"
|
9
9
|
};
|
10
10
|
const MIME = {
|
11
11
|
jpeg: "image/jpeg",
|
@@ -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();
|
@@ -51,7 +52,7 @@ const Uploader = forwardRef(
|
|
51
52
|
var _a;
|
52
53
|
(_a = uploaderRef.current) == null ? void 0 : _a.click();
|
53
54
|
};
|
54
|
-
return /* @__PURE__ */ jsxs("div", { className: cls["upload-
|
55
|
+
return /* @__PURE__ */ jsxs("div", { className: cls["upload-file__wrapper"], ref, children: [
|
55
56
|
/* @__PURE__ */ jsx(
|
56
57
|
"input",
|
57
58
|
{
|
@@ -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,
|
@@ -4,11 +4,19 @@ import { forwardRef, useState, useEffect } from "react";
|
|
4
4
|
import { ListPhotos } from "../ListPhotos/ListPhotos.js";
|
5
5
|
import { Uploader } from "../Uploader/Uploader.js";
|
6
6
|
import '../../assets/UploaderPhotos.css';const cls = {
|
7
|
-
"upload-
|
7
|
+
"upload-file__wrapper": "_upload-file__wrapper_17bcu_2"
|
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(() => {
|
@@ -35,7 +43,7 @@ const UploaderPhotos = forwardRef(
|
|
35
43
|
"div",
|
36
44
|
{
|
37
45
|
className: classNames(
|
38
|
-
cls["upload-
|
46
|
+
cls["upload-file__wrapper"],
|
39
47
|
isMaxFilesReached && cls.disabled
|
40
48
|
),
|
41
49
|
children: [
|
@@ -48,10 +56,11 @@ const UploaderPhotos = forwardRef(
|
|
48
56
|
onChangeValue,
|
49
57
|
ref,
|
50
58
|
maxFiles,
|
51
|
-
isDisabled: isMaxFilesReached
|
59
|
+
isDisabled: isMaxFilesReached,
|
60
|
+
titleUploader
|
52
61
|
}
|
53
62
|
),
|
54
|
-
/* @__PURE__ */ jsx(ListPhotos, { value: photos, onChange: onDelete })
|
63
|
+
!!photos.length && /* @__PURE__ */ jsx(ListPhotos, { value: photos, onChange: onDelete })
|
55
64
|
]
|
56
65
|
}
|
57
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) {
|