mimir-ui-kit 1.12.0 → 1.13.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{DatePickerModal-DUUCHAWF.js → DatePickerModal-BM0BgzTb.js} +17 -17
- package/dist/assets/Button.css +1 -1
- package/dist/assets/DatePickerModal.css +1 -1
- package/dist/assets/ListPhotos.css +1 -0
- package/dist/assets/SelectSearch.css +1 -1
- package/dist/assets/Uploader.css +1 -0
- package/dist/assets/UploaderPhotos.css +1 -0
- package/dist/assets/index.css +1 -1
- package/dist/components/Button/Button.js +23 -22
- package/dist/components/Button/constants.d.ts +2 -1
- package/dist/components/Button/constants.js +1 -0
- package/dist/components/DatePicker/DatePicker.js +1 -1
- package/dist/components/DatePicker/DatePickerModal.js +1 -1
- package/dist/components/ListPhotos/ListPhotos.d.ts +23 -0
- package/dist/components/ListPhotos/ListPhotos.js +33 -0
- package/dist/components/ListPhotos/constants.d.ts +3 -0
- package/dist/components/ListPhotos/constants.js +21 -0
- package/dist/components/ListPhotos/index.d.ts +2 -0
- package/dist/components/ListPhotos/index.js +4 -0
- package/dist/components/SelectSearch/SelectSearch.js +23 -19
- package/dist/components/TabTrail/TabTrail.js +1 -1
- package/dist/components/Uploader/Uploader.d.ts +30 -0
- package/dist/components/Uploader/Uploader.js +90 -0
- package/dist/components/Uploader/constants.d.ts +5 -0
- package/dist/components/Uploader/constants.js +16 -0
- package/dist/components/Uploader/index.d.ts +2 -0
- package/dist/components/Uploader/index.js +4 -0
- package/dist/components/UploaderPhotos/UploaderPhotos.d.ts +29 -0
- package/dist/components/UploaderPhotos/UploaderPhotos.js +46 -0
- package/dist/components/UploaderPhotos/index.d.ts +2 -0
- package/dist/components/UploaderPhotos/index.js +4 -0
- package/dist/icons/Icon.js +1 -1
- package/dist/icons/components/12px/Close12px.d.ts +4 -0
- package/dist/icons/components/12px/Close12px.js +18 -0
- package/dist/icons/components/index.d.ts +1 -0
- package/dist/icons/components/index.js +560 -559
- package/dist/{index-_ACzPKPw.js → index-Cxiikb7g.js} +561 -558
- package/dist/utils/UUID4.d.ts +1 -0
- package/dist/utils/UUID4.js +9 -0
- package/dist/utils/formating/Date.d.ts +1 -1
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.js +3 -1
- package/package.json +1 -1
@@ -3,28 +3,28 @@ import { useRef, useState, useEffect } from "react";
|
|
3
3
|
import { week } from "./components/DatePicker/constants.js";
|
4
4
|
import { formating } from "./utils/index.js";
|
5
5
|
import { Button } from "./components/Button/Button.js";
|
6
|
-
import './assets/DatePickerModal.css';const input = "
|
7
|
-
const wrapper = "
|
8
|
-
const active = "
|
9
|
-
const button = "
|
10
|
-
const h = "
|
11
|
-
const b = "
|
12
|
-
const d = "
|
13
|
-
const m = "
|
14
|
-
const a = "
|
15
|
-
const prev = "
|
16
|
-
const orange = "
|
17
|
-
const current = "
|
6
|
+
import './assets/DatePickerModal.css';const input = "_input_1ndkx_2";
|
7
|
+
const wrapper = "_wrapper_1ndkx_21";
|
8
|
+
const active = "_active_1ndkx_27";
|
9
|
+
const button = "_button_1ndkx_35";
|
10
|
+
const h = "_h_1ndkx_81";
|
11
|
+
const b = "_b_1ndkx_35";
|
12
|
+
const d = "_d_1ndkx_6";
|
13
|
+
const m = "_m_1ndkx_100";
|
14
|
+
const a = "_a_1ndkx_27";
|
15
|
+
const prev = "_prev_1ndkx_102";
|
16
|
+
const orange = "_orange_1ndkx_118";
|
17
|
+
const current = "_current_1ndkx_143";
|
18
18
|
const cls = {
|
19
19
|
input,
|
20
|
-
"date-wrapper": "_date-
|
20
|
+
"date-wrapper": "_date-wrapper_1ndkx_6",
|
21
21
|
wrapper,
|
22
22
|
active,
|
23
|
-
"input-wrapper": "_input-
|
24
|
-
"button-wrapper": "_button-
|
23
|
+
"input-wrapper": "_input-wrapper_1ndkx_31",
|
24
|
+
"button-wrapper": "_button-wrapper_1ndkx_35",
|
25
25
|
button,
|
26
|
-
"field-overlow": "_field-
|
27
|
-
"calendar-block": "_calendar-
|
26
|
+
"field-overlow": "_field-overlow_1ndkx_52",
|
27
|
+
"calendar-block": "_calendar-block_1ndkx_58",
|
28
28
|
h,
|
29
29
|
b,
|
30
30
|
d,
|
package/dist/assets/Button.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._button_ycj38_2{--button-loader-color: var(--button-color);--button-cursor: pointer;position:relative;display:inline-flex;flex-shrink:0;align-items:center;box-sizing:border-box;max-width:100%;height:var(--button-height);padding:0 var(--button-space);overflow:hidden;color:var(--button-color);font-weight:var(--font-weight-text-semibold);font-size:var(--button-font-size);font-family:var(--font-inter);line-height:var(--line-height-text-s1);white-space:nowrap;text-transform:uppercase;-webkit-text-decoration:none;text-decoration:none;text-overflow:ellipsis;-moz-column-gap:var(--button-gap);column-gap:var(--button-gap);background:var(--button-bg-color);border:none;cursor:pointer;cursor:var(--button-cursor);transition:background-color .3s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._button_ycj38_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover)}._button_ycj38_2:active{color:var(--button-color-active);background:var(--button-bg-color-active)}._button_ycj38_2:focus{box-shadow:0 0 2px var(--sapphire-normal)}._button_ycj38_2._clear_ycj38_41:focus{box-shadow:none}._button_ycj38_2 svg{color:currentcolor;fill:currentcolor}._button_ycj38_2 svg path{color:currentcolor;fill:currentcolor}._xs_ycj38_53{--button-height: var(--button-height-xs);--button-font-size: var(--control-text-size-xs);--button-space: var(--control-space-xs);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._s_ycj38_61{--button-height: var(--button-height-s);--button-font-size: var(--control-text-size-s);--button-space: var(--control-space-s);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._m_ycj38_69{--button-height: var(--button-height-m);--button-font-size: var(--size-text-m);--button-space: var(--control-space-m);--button-gap: 8px;--button-border-radius: var(--button-border-radius-m)}._l_ycj38_77{--button-height: var(--button-height-l);--button-font-size: var(--size-text-m);--button-space: var(--control-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l)}._xl_ycj38_85{--button-height: var(--button-height-xl);--button-space: var(--control-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l);--button-font-size: var(--size-text-m);font-weight:var(--font-weight-text-medium)}._xxl_ycj38_94{--button-height: var(--button-height-xxl);--button-space: var(--control-space-xxl);--button-border-radius: var(--button-border-radius-l);--button-gap: 8px;font-weight:var(--font-weight-text-medium);--button-font-size: var(--size-text-m)}._m-s_ycj38_103{--button-height: var(--button-height-ms);font-weight:var(--font-weight-text-regular);border-radius:var(--control-radius-xs)!important;--button-gap: var(--space-2xs);--button-font-size: var(--size-text-s)}._default-button_ycj38_111{border-radius:var(--control-radius)}._default-button_ycj38_111._primary-sapphire_ycj38_114{--button-bg-color: var(--sapphire-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--sapphire-active);--button-bg-color-hover: var(--sapphire-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_ycj38_111._primary-citrine_ycj38_123{--button-bg-color: var(--citrine-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--citrine-active);--button-bg-color-hover: var(--citrine-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_ycj38_111._secondary-asphalt_ycj38_132{--button-bg-color: var(--asphalt-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--asphalt-active);--button-bg-color-hover: var(--asphalt-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_ycj38_111._secondary-gray_ycj38_141{--button-bg-color: var(--gray-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--gray-active);--button-bg-color-hover: var(--gray-hover);--button-color: var(--dark-text);--button-border: transparent}._default-button_ycj38_111._secondary-white_ycj38_150{--button-bg-color: var(--white-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--white-active);--button-bg-color-hover: var(--white);--button-color: var(--dark-text);--button-border: transparent}._default-button_ycj38_111._secondary-red_ycj38_159{--button-bg-color: var(--red-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--red-active);--button-bg-color-hover: var(--red-hover);--button-color: var(--light-text);--button-border: transparent}._round-button_ycj38_169{--button-border-radius-l: 24px;--button-border-radius-m: 20px;--button-border-radius-s: 16px;--button-border-radius-xs: 12px;border-radius:var(--button-border-radius)}._round-button_ycj38_169._black_ycj38_176{--button-bg-color: var(--asphalt-normal);--button-bg-color-hover: var(--asphalt-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--light-text);--button-color-hover: var(--light-text);--button-color-active: var(--light-text)}._round-button_ycj38_169._gray_ycj38_185{--button-bg-color: var(--gray-normal);--button-bg-color-hover: var(--gray-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._round-button_ycj38_169._white_ycj38_194{--button-bg-color: var(--white-normal);--button-bg-color-hover: var(--white-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._full_ycj38_204{display:flex;justify-content:center;width:100%}._disabled_ycj38_210{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_ycj38_210:hover,._disabled_ycj38_210:active,._disabled_ycj38_210:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._icon-button_ycj38_221{justify-content:center;min-width:var(--button-height);padding:0}
|
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._input_1ndkx_2{padding-right:var(--space-3xl)}._date-wrapper_1ndkx_6{position:relative;width:100%}._date-wrapper_1ndkx_6:hover input{background:var(--input-bg-color-hover)}._date-wrapper_1ndkx_6:before{position:absolute;top:0;right:60px;bottom:0;left:0;z-index:3;cursor:pointer;content:""}._wrapper_1ndkx_21{position:relative;display:flex;align-items:center;border-radius:var(--control-radius-s)}._wrapper_1ndkx_21._active_1ndkx_27{border-bottom:1px solid var(--citrine-100)}._input-wrapper_1ndkx_31{flex:1}._button-wrapper_1ndkx_35{position:absolute;top:0;right:0;z-index:2;display:flex;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_1ndkx_35{align-self:center;background-color:transparent;border-radius:var(--control-radius-s)}._field-overlow_1ndkx_52{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3}._calendar-block_1ndkx_58{position:absolute;z-index:3;display:flex;flex-direction:column;width:368px;max-height:none;padding:16px;font-weight:var(--font-weight-text-regular);font-size:var(--size-text-l);font-family:var(--font-inter);font-style:normal;line-height:var(--line-height-text-2xs);text-align:center;text-overflow:ellipsis;background:#fff;border-radius:var(--control-radius-s);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703;opacity:0;transition:height .5s ease-in;font-feature-settings:"zero";font-variant-numeric:slashed-zero}._calendar-block_1ndkx_58 ._h_1ndkx_81{display:flex;width:100%;color:var(--black-100)}._calendar-block_1ndkx_58 ._b_1ndkx_35{display:grid;grid-template-columns:repeat(7,1fr)}._calendar-block_1ndkx_58 ._d_1ndkx_6{display:flex;flex:1;align-items:center;justify-content:center;color:var(--black-100)}._calendar-block_1ndkx_58 ._m_1ndkx_100,._calendar-block_1ndkx_58 ._a_1ndkx_27,._calendar-block_1ndkx_58 ._prev_1ndkx_102{width:48px;height:48px;overflow:hidden}._calendar-block_1ndkx_58 ._m_1ndkx_100{display:flex;align-items:center;justify-content:center;color:var(--disabled)}._calendar-block_1ndkx_58 ._m_1ndkx_100 b{font-weight:var(--font-weight-text-regular)}._calendar-block_1ndkx_58 ._orange_1ndkx_118{color:var(--citrine-100)}._calendar-block_1ndkx_58 ._a_1ndkx_27{color:var(--black-100);border-radius:var(--control-radius-s)}._calendar-block_1ndkx_58 ._a_1ndkx_27 b{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:var(--font-weight-text-regular);cursor:pointer}._calendar-block_1ndkx_58 ._a_1ndkx_27 b:hover{background:var(--black-10)}._calendar-block_1ndkx_58 ._a_1ndkx_27 b:active{color:var(--white);background:var(--sapphire-100)}._calendar-block_1ndkx_58 ._current_1ndkx_143{background:var(--sapphire-10);border-radius:var(--control-radius-s)}
|
@@ -0,0 +1 @@
|
|
1
|
+
._list-photos_1k3c7_2{display:flex;gap:var(--space-m)}._list-photos_1k3c7_2 li{position:relative;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_1k3c7_2 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._list-photos_1k3c7_2 button{position:absolute;top:4px;right:4px}
|
@@ -1 +1 @@
|
|
1
|
-
._select-
|
1
|
+
._select-search_1eksg_2{position:relative}._container_1eksg_6{display:flex;gap:var(--select-search-gap);align-items:center;justify-content:space-between;height:var(--select-search-height);padding:var(--select-search-space);background-color:var(--black-5);border-radius:var(--select-search-radius)}._container-open_1eksg_16{border-bottom:1px solid var(--citrine-100)}._full_1eksg_20{width:100%}._selectorIcon-open_1eksg_24{transform:rotate(180deg)}._placeholder_1eksg_28{position:absolute;top:var(--select-search-input-top);left:0;color:var(--black-60);font-size:var(--select-search-input-font-size);transition:all .3s ease;pointer-events:none}._placeholder-top_1eksg_37{font-size:var(--size-text-s);transform:translateY(-10px);transition-duration:.2s,.1s}._active-placeholder_1eksg_43:not(:-moz-placeholder-shown)~._placeholder_1eksg_28{font-size:var(--size-text-s);transform:translateY(-10px);transition-duration:.2s,.1s}._active-placeholder_1eksg_43:not(:placeholder-shown)~._placeholder_1eksg_28{font-size:var(--size-text-s);transform:translateY(-10px);transition-duration:.2s,.1s}._input_1eksg_49{width:100%;height:100%;color:var(--black-100);font-size:var(--select-search-input-font-size);background-color:var(--black-5)}._input_1eksg_49:focus~._placeholder_1eksg_28{font-size:var(--size-text-s);transform:translateY(-10px);transition-duration:.2s,.1s}._input-container_1eksg_61{position:relative;align-self:flex-end;width:100%}._button_1eksg_67{display:flex;align-items:center;background:none;border:none;cursor:pointer}._options_1eksg_75{position:absolute;top:100%;z-index:10;width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;max-height:var(--select-search-options-height-desktop);overflow-y:auto;font-size:var(--size-text-l);background:var(--white);border-radius:0 0 var(--select-search-radius) var(--select-search-radius);box-shadow:var(--box-shadow-select-search)}._options_1eksg_75::-webkit-scrollbar{width:2px}._options_1eksg_75::-webkit-scrollbar-thumb{background-color:var(--black-80);border-radius:2px}._options_1eksg_75::-webkit-scrollbar-track{background-color:var(--white)}@media (max-width: 600px){._options_1eksg_75{max-height:var(--select-search-options-height-mobile)}}._option_1eksg_75{padding:var(--select-search-option-space);cursor:pointer;transition:background-color .2s ease-in-out}._option-active_1eksg_109{background-color:var(--black-5)}._option-inner_1eksg_112{display:flex;gap:var(--space-m);align-items:center;justify-content:space-between}._no-options_1eksg_119{padding:var(--select-search-option-space);color:var(--black-80)}._l_1eksg_124{--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-input-font-size: var(--size-text-l);--select-search-gap: var(--space-2xs);--select-search-option-space: var(--space-2s) var(--space-m);--select-search-input-top: var(--select-search-input-top-l)}._xxl_1eksg_134{--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-input-font-size: var(--size-text-xl);--select-search-gap: var(--space-xs);--select-search-option-space: var(--space-2l) var(--space-m);--select-search-input-top: var(--select-search-input-top-xxl)}._selected-icon_1eksg_144 path{fill:var(--sapphire-100)}
|
@@ -0,0 +1 @@
|
|
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}
|
@@ -0,0 +1 @@
|
|
1
|
+
._upload-file__wrapper_udscq_2{display:flex;flex-direction:column;gap:var(--space-m)}
|
package/dist/assets/index.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
@font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(./fonts/585d10920d676fcd.woff2) format("woff2"),url(./fonts/3b9f59412b17ff93.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(./fonts/f4d681a788c6d497.woff2) format("woff2"),url(./fonts/43b748f250df0f08.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(./fonts/ee3db32f0aadef5d.woff2) format("woff2"),url(./fonts/1a738bfdbc1e4d9d.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(./fonts/e51d2feb30084bc2.woff2) format("woff2"),url(./fonts/badaa6d1837432de.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(./fonts/63611593e008a77c.woff2) format("woff2"),url(./fonts/3cdd7fabbe89d2b9.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(./fonts/d080ae18fd04e52c.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(./fonts/11d5bc9f0cad36d1.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(./fonts/242d04bef81519ae.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(./fonts/cac2ba46e8c8adc9.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{-webkit-text-decoration:none;text-decoration:none}a:active,a:focus{outline:0}aside,footer,header,nav{display:block}body,html{width:100%;height:100%;font-size:100%;line-height:1}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--color-typo-brand);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--disabled-color: #b2b2b2;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgba(255, 255, 255, .4);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--select-search-height-l: 48px;--select-search-height-xxl: 64px;--select-search-options-height-desktop: 320px;--select-search-options-height-mobile: 264px;--control-default: var(--sapphire-20);--control-hover: var(--sapphire-40);--control-selected: var(--sapphire-100);--control-disabled: var(--black-10);--font-inter: "Inter", sans-serif;--font-montserrat: "Montserrat", sans-serif;--font-weight-text-regular: 400;--font-weight-text-medium: 500;--font-weight-text-semibold: 600;--font-weight-text-bold: 700;--font-weight-text-extrabold: 800;--font-weight-text-black: 900;--size-text-xs2: 8px;--size-text-xs: 10px;--size-text-s: 12px;--size-text-m: 14px;--size-text-l: 16px;--size-text-xl: 20px;--size-text-xl2: 24px;--size-text-2xl: 28px;--size-text-xl3: 32px;--size-text-xl4: 48px;--size-text-4xl: 52px;--size-text-xl5: 72px;--size-text-xl6: 96px;--line-height-text-2xs: 1em;--line-height-text-xs: 1.1em;--line-height-text-s: 1.2em;--line-height-text-s1: 1.25em;--line-height-text-m: 1.3em;--line-height-text-m1: 1.35em;--line-height-text-l: 1.4em;--line-height-text-l1: 1.45em;--line-height-text-xl: 1.5em;--line-height-text-xl1: 1.5em;--control-radius-xs: 4px;--control-radius: 6px;--control-radius-s: 8px;--control-radius-m: 20px;--control-radius-l: 24px;--control-radius-xl: 32px;--control-radius-xxl: 40px;--control-input-radius: 12px;--control-border-width: 1px;--control-height-xl: 60px;--control-height-xxl: 60px;--control-height-l: var(--space-4xl);--control-height-m: var(--space-3xl);--control-height-s: var(--space-2xl);--control-height-xs: var(--space-xl);--control-box-size-s: var(--space-s);--control-box-size-m: var(--space-m);--control-box-size-l: var(--space-l);--control-space-xxl: var(--space-xl);--control-space-l: var(--space-xl);--control-space-m: var(--space-l);--control-space-s: var(--space-m);--control-space-xs: var(--space-s);--control-text-size-2xl: var(--size-text-xl);--control-text-size-xl: var(--size-text-xl3);--control-text-size-l: var(--size-text-l);--control-text-size-m: var(--size-text-m);--control-text-size-s: var(--size-text-s);--control-text-size-xs: var(--size-text-xs);--space-3xs: 2px;--space-2xs: 4px;--space-1xs: 6px;--space-xs: 8px;--space-xss: 10px;--space-s: 12px;--space-2s: 14px;--space-m: 16px;--space-2m: 18px;--space-l: 20px;--space-2l: 22px;--space-xl: 24px;--space-1xl: 28px;--space-2xl: 32px;--space-xxl: 40px;--space-3xl: 44px;--space-4xl: 48px;--space-4xxl: 64px;--space-5xl: 72px;--space-6xl: 96px;--box-shadow-active: 0 0 2px var(--sapphire-normal);--box-shadow-focus: 0px 0px 10px 2px #1389cc;--box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--select-search-input-top-l: -15%;--select-search-input-top-xxl: -35%;--container-width-xs: 375px;--container-width-s: 767px;--container-width-m: 960px;--container-width-l: 1280px;--container-width-xl: 1440px;--container-width-xxl: 1920px;--zindex-fixed: 1030;--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 256px;--header-height: 64px;--sidebar-form-width-tablet: 369px;--sidebar-form-width-mobile: 309px;--tab-trail-height-m: 54px;--tab-trail-height-s: 30px;--accordion-icon-size-m: 48px;--accordion-icon-size-s: 36px}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero";font-variant-numeric:slashed-zero}body{font-family:Inter,sans-serif;font-feature-settings:"zero";font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
|
1
|
+
@font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(./fonts/585d10920d676fcd.woff2) format("woff2"),url(./fonts/3b9f59412b17ff93.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(./fonts/f4d681a788c6d497.woff2) format("woff2"),url(./fonts/43b748f250df0f08.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(./fonts/ee3db32f0aadef5d.woff2) format("woff2"),url(./fonts/1a738bfdbc1e4d9d.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(./fonts/e51d2feb30084bc2.woff2) format("woff2"),url(./fonts/badaa6d1837432de.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(./fonts/63611593e008a77c.woff2) format("woff2"),url(./fonts/3cdd7fabbe89d2b9.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(./fonts/d080ae18fd04e52c.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(./fonts/11d5bc9f0cad36d1.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(./fonts/242d04bef81519ae.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(./fonts/cac2ba46e8c8adc9.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{-webkit-text-decoration:none;text-decoration:none}a:active,a:focus{outline:0}aside,footer,header,nav{display:block}body,html{width:100%;height:100%;font-size:100%;line-height:1}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--color-typo-brand);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--disabled-color: #b2b2b2;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgba(255, 255, 255, .4);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--button-height-ms: 16px;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--select-search-height-l: 48px;--select-search-height-xxl: 64px;--select-search-options-height-desktop: 320px;--select-search-options-height-mobile: 264px;--control-default: var(--sapphire-20);--control-hover: var(--sapphire-40);--control-selected: var(--sapphire-100);--control-disabled: var(--black-10);--font-inter: "Inter", sans-serif;--font-montserrat: "Montserrat", sans-serif;--font-weight-text-regular: 400;--font-weight-text-medium: 500;--font-weight-text-semibold: 600;--font-weight-text-bold: 700;--font-weight-text-extrabold: 800;--font-weight-text-black: 900;--size-text-xs2: 8px;--size-text-xs: 10px;--size-text-s: 12px;--size-text-m: 14px;--size-text-l: 16px;--size-text-l2: 18px;--size-text-xl: 20px;--size-text-xl2: 24px;--size-text-2xl: 28px;--size-text-xl3: 32px;--size-text-xl4: 48px;--size-text-4xl: 52px;--size-text-xl5: 72px;--size-text-xl6: 96px;--line-height-text-2xs: 1em;--line-height-text-xxs: 1.125em;--line-height-text-xs: 1.1em;--line-height-text-s: 1.2em;--line-height-text-s1: 1.25em;--line-height-text-m: 1.3em;--line-height-text-m1: 1.35em;--line-height-text-l: 1.4em;--line-height-text-l1: 1.45em;--line-height-text-xl: 1.5em;--line-height-text-xl1: 1.5em;--control-radius-xs: 4px;--control-radius: 6px;--control-radius-s: 8px;--control-radius-m: 20px;--control-radius-l: 24px;--control-radius-xl: 32px;--control-radius-xxl: 40px;--control-input-radius: 12px;--control-border-width: 1px;--control-height-xl: 60px;--control-height-xxl: 60px;--control-height-l: var(--space-4xl);--control-height-m: var(--space-3xl);--control-height-s: var(--space-2xl);--control-height-xs: var(--space-xl);--control-box-size-s: var(--space-s);--control-box-size-m: var(--space-m);--control-box-size-l: var(--space-l);--control-space-xxl: var(--space-xl);--control-space-l: var(--space-xl);--control-space-m: var(--space-l);--control-space-s: var(--space-m);--control-space-xs: var(--space-s);--control-text-size-2xl: var(--size-text-xl);--control-text-size-xl: var(--size-text-xl3);--control-text-size-l: var(--size-text-l);--control-text-size-m: var(--size-text-m);--control-text-size-s: var(--size-text-s);--control-text-size-xs: var(--size-text-xs);--space-3xs: 2px;--space-2xs: 4px;--space-1xs: 6px;--space-xs: 8px;--space-xss: 10px;--space-s: 12px;--space-2s: 14px;--space-m: 16px;--space-2m: 18px;--space-l: 20px;--space-2l: 22px;--space-xl: 24px;--space-1xl: 28px;--space-2xl: 32px;--space-xxl: 40px;--space-3xl: 44px;--space-4xl: 48px;--space-4xxl: 64px;--space-5xl: 72px;--space-6xl: 96px;--box-shadow-active: 0 0 2px var(--sapphire-normal);--box-shadow-focus: 0px 0px 10px 2px #1389cc;--box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--select-search-input-top-l: -15%;--select-search-input-top-xxl: -35%;--container-width-xs: 375px;--container-width-s: 767px;--container-width-m: 960px;--container-width-l: 1280px;--container-width-xl: 1440px;--container-width-xxl: 1920px;--zindex-fixed: 1030;--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 256px;--header-height: 64px;--sidebar-form-width-tablet: 369px;--sidebar-form-width-mobile: 309px;--tab-trail-height-m: 54px;--tab-trail-height-s: 30px;--accordion-icon-size-m: 48px;--accordion-icon-size-s: 36px}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero";font-variant-numeric:slashed-zero}body{font-family:Inter,sans-serif;font-feature-settings:"zero";font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
|
@@ -3,19 +3,19 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
|
|
3
3
|
import { forwardRef } from "react";
|
4
4
|
import { EButtonVariantDefault, EButtonForm } from "./constants.js";
|
5
5
|
import { Icon } from "../../icons/Icon.js";
|
6
|
-
import '../../assets/Button.css';const button = "
|
7
|
-
const clear = "
|
8
|
-
const xs = "
|
9
|
-
const s = "
|
10
|
-
const m = "
|
11
|
-
const l = "
|
12
|
-
const xl = "
|
13
|
-
const xxl = "
|
14
|
-
const black = "
|
15
|
-
const gray = "
|
16
|
-
const white = "
|
17
|
-
const full = "
|
18
|
-
const disabled = "
|
6
|
+
import '../../assets/Button.css';const button = "_button_ycj38_2";
|
7
|
+
const clear = "_clear_ycj38_41";
|
8
|
+
const xs = "_xs_ycj38_53";
|
9
|
+
const s = "_s_ycj38_61";
|
10
|
+
const m = "_m_ycj38_69";
|
11
|
+
const l = "_l_ycj38_77";
|
12
|
+
const xl = "_xl_ycj38_85";
|
13
|
+
const xxl = "_xxl_ycj38_94";
|
14
|
+
const black = "_black_ycj38_176";
|
15
|
+
const gray = "_gray_ycj38_185";
|
16
|
+
const white = "_white_ycj38_194";
|
17
|
+
const full = "_full_ycj38_204";
|
18
|
+
const disabled = "_disabled_ycj38_210";
|
19
19
|
const cls = {
|
20
20
|
button,
|
21
21
|
clear,
|
@@ -25,20 +25,21 @@ const cls = {
|
|
25
25
|
l,
|
26
26
|
xl,
|
27
27
|
xxl,
|
28
|
-
"
|
29
|
-
"
|
30
|
-
"primary-
|
31
|
-
"
|
32
|
-
"secondary-
|
33
|
-
"secondary-
|
34
|
-
"secondary-
|
35
|
-
"
|
28
|
+
"m-s": "_m-s_ycj38_103",
|
29
|
+
"default-button": "_default-button_ycj38_111",
|
30
|
+
"primary-sapphire": "_primary-sapphire_ycj38_114",
|
31
|
+
"primary-citrine": "_primary-citrine_ycj38_123",
|
32
|
+
"secondary-asphalt": "_secondary-asphalt_ycj38_132",
|
33
|
+
"secondary-gray": "_secondary-gray_ycj38_141",
|
34
|
+
"secondary-white": "_secondary-white_ycj38_150",
|
35
|
+
"secondary-red": "_secondary-red_ycj38_159",
|
36
|
+
"round-button": "_round-button_ycj38_169",
|
36
37
|
black,
|
37
38
|
gray,
|
38
39
|
white,
|
39
40
|
full,
|
40
41
|
disabled,
|
41
|
-
"icon-button": "_icon-
|
42
|
+
"icon-button": "_icon-button_ycj38_221"
|
42
43
|
};
|
43
44
|
const Button = forwardRef(
|
44
45
|
(props, ref) => {
|
@@ -20,6 +20,7 @@ var EButtonSize = /* @__PURE__ */ ((EButtonSize2) => {
|
|
20
20
|
EButtonSize2["L"] = "l";
|
21
21
|
EButtonSize2["XL"] = "xl";
|
22
22
|
EButtonSize2["XXL"] = "xxl";
|
23
|
+
EButtonSize2["MS"] = "m-s";
|
23
24
|
return EButtonSize2;
|
24
25
|
})(EButtonSize || {});
|
25
26
|
var EButtonForm = /* @__PURE__ */ ((EButtonForm2) => {
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
2
2
|
import { c as classNames } from "../../index-CweZ_OcN.js";
|
3
3
|
import { memo, forwardRef, useState } from "react";
|
4
|
-
import { c as cls, D as DatePickerModal } from "../../DatePickerModal-
|
4
|
+
import { c as cls, D as DatePickerModal } from "../../DatePickerModal-BM0BgzTb.js";
|
5
5
|
import { useClickOutside } from "../../hooks/useClickOutside/useClickOutside.js";
|
6
6
|
import { formating } from "../../utils/index.js";
|
7
7
|
import { Button } from "../Button/Button.js";
|
@@ -0,0 +1,23 @@
|
|
1
|
+
export type TListPhotos = {
|
2
|
+
/**
|
3
|
+
* Массив фото
|
4
|
+
*/
|
5
|
+
value: TPhotosDetail[];
|
6
|
+
/**
|
7
|
+
* функция -callback, которая вызывается при изменении списка и передает обновленный список и deleteId,
|
8
|
+
*/
|
9
|
+
onChange?: (e: TPhotoValue) => void;
|
10
|
+
};
|
11
|
+
export type TPhotoItem = {
|
12
|
+
id: number;
|
13
|
+
url: string;
|
14
|
+
};
|
15
|
+
export type TPhotoValue = {
|
16
|
+
deleteId?: number;
|
17
|
+
list: TPhotoItem[];
|
18
|
+
};
|
19
|
+
export type TPhotosDetail = {
|
20
|
+
id: number;
|
21
|
+
url: string;
|
22
|
+
};
|
23
|
+
export declare function ListPhotos({ value, onChange }: TListPhotos): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,33 @@
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
2
|
+
import { useState, useEffect } from "react";
|
3
|
+
import { Button } from "../Button/Button.js";
|
4
|
+
import '../../assets/ListPhotos.css';const cls = {
|
5
|
+
"list-photos": "_list-photos_1k3c7_2"
|
6
|
+
};
|
7
|
+
function ListPhotos({ value, onChange }) {
|
8
|
+
const [list, setList] = useState(value);
|
9
|
+
useEffect(() => {
|
10
|
+
setList(value);
|
11
|
+
}, [value]);
|
12
|
+
const onDelete = async (id) => {
|
13
|
+
const newList = [...list.filter((el) => el.id !== id)];
|
14
|
+
setList(newList);
|
15
|
+
onChange == null ? void 0 : onChange({ deleteId: id, list: newList });
|
16
|
+
};
|
17
|
+
return /* @__PURE__ */ jsx("ul", { className: cls["list-photos"], children: list.map((el) => /* @__PURE__ */ jsxs("li", { children: [
|
18
|
+
/* @__PURE__ */ jsx("img", { src: el.url, alt: "" }),
|
19
|
+
onChange && /* @__PURE__ */ jsx(
|
20
|
+
Button,
|
21
|
+
{
|
22
|
+
isIconButton: true,
|
23
|
+
iconName: "Close12px",
|
24
|
+
size: "m-s",
|
25
|
+
variant: "secondary-gray",
|
26
|
+
onClick: () => onDelete(el.id)
|
27
|
+
}
|
28
|
+
)
|
29
|
+
] }, el.id)) });
|
30
|
+
}
|
31
|
+
export {
|
32
|
+
ListPhotos
|
33
|
+
};
|
@@ -0,0 +1,21 @@
|
|
1
|
+
const photos = [
|
2
|
+
{
|
3
|
+
id: 111,
|
4
|
+
url: "https://i.pinimg.com/736x/5a/e6/12/5ae612a7ecf50870c8f41961fefc332f.jpg"
|
5
|
+
},
|
6
|
+
{
|
7
|
+
id: 112,
|
8
|
+
url: "https://i1.sndcdn.com/artworks-rQAPPfrs44UvRwIz-WJkvyQ-t500x500.jpg"
|
9
|
+
},
|
10
|
+
{
|
11
|
+
id: 113,
|
12
|
+
url: "https://i1.sndcdn.com/avatars-000095020320-0pmjnu-t500x500.jpg"
|
13
|
+
},
|
14
|
+
{
|
15
|
+
id: 114,
|
16
|
+
url: "https://i1.sndcdn.com/avatars-000151937348-27m28p-t500x500.jpg"
|
17
|
+
}
|
18
|
+
];
|
19
|
+
export {
|
20
|
+
photos
|
21
|
+
};
|
@@ -3752,34 +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 container = "
|
3756
|
-
const full = "
|
3757
|
-
const placeholder = "
|
3758
|
-
const input = "
|
3759
|
-
const button = "
|
3760
|
-
const options = "
|
3761
|
-
const option = "
|
3762
|
-
const l = "
|
3763
|
-
const xxl = "
|
3755
|
+
const container = "_container_1eksg_6";
|
3756
|
+
const full = "_full_1eksg_20";
|
3757
|
+
const placeholder = "_placeholder_1eksg_28";
|
3758
|
+
const input = "_input_1eksg_49";
|
3759
|
+
const button = "_button_1eksg_67";
|
3760
|
+
const options = "_options_1eksg_75";
|
3761
|
+
const option = "_option_1eksg_75";
|
3762
|
+
const l = "_l_1eksg_124";
|
3763
|
+
const xxl = "_xxl_1eksg_134";
|
3764
3764
|
const cls = {
|
3765
|
-
"select-search": "_select-
|
3765
|
+
"select-search": "_select-search_1eksg_2",
|
3766
3766
|
container,
|
3767
|
-
"container-open": "_container-
|
3767
|
+
"container-open": "_container-open_1eksg_16",
|
3768
3768
|
full,
|
3769
|
-
"selectorIcon-open": "_selectorIcon-
|
3769
|
+
"selectorIcon-open": "_selectorIcon-open_1eksg_24",
|
3770
3770
|
placeholder,
|
3771
|
-
"placeholder-top": "_placeholder-
|
3771
|
+
"placeholder-top": "_placeholder-top_1eksg_37",
|
3772
|
+
"active-placeholder": "_active-placeholder_1eksg_43",
|
3772
3773
|
input,
|
3773
|
-
"input-container": "_input-
|
3774
|
+
"input-container": "_input-container_1eksg_61",
|
3774
3775
|
button,
|
3775
3776
|
options,
|
3776
3777
|
option,
|
3777
|
-
"option-active": "_option-
|
3778
|
-
"option-inner": "_option-
|
3779
|
-
"no-options": "_no-
|
3778
|
+
"option-active": "_option-active_1eksg_109",
|
3779
|
+
"option-inner": "_option-inner_1eksg_112",
|
3780
|
+
"no-options": "_no-options_1eksg_119",
|
3780
3781
|
l,
|
3781
3782
|
xxl,
|
3782
|
-
"selected-icon": "_selected-
|
3783
|
+
"selected-icon": "_selected-icon_1eksg_144"
|
3783
3784
|
};
|
3784
3785
|
const SelectSearch = forwardRef(
|
3785
3786
|
({ items, placeholder: placeholder2, size: size2 = ESelectSearchSize.L, onChange, value, full: full2 }, ref) => {
|
@@ -3815,7 +3816,10 @@ const SelectSearch = forwardRef(
|
|
3815
3816
|
/* @__PURE__ */ jsx(
|
3816
3817
|
Go,
|
3817
3818
|
{
|
3818
|
-
className:
|
3819
|
+
className: classNames(
|
3820
|
+
cls.input,
|
3821
|
+
value && cls["active-placeholder"]
|
3822
|
+
),
|
3819
3823
|
onChange: (event) => setSearchValue(event.target.value),
|
3820
3824
|
displayValue: (item) => item == null ? void 0 : item.name
|
3821
3825
|
}
|
@@ -222,7 +222,7 @@ const TabTrail = forwardRef(
|
|
222
222
|
({ categories, size = "m" }, ref) => {
|
223
223
|
const [activeIndex, setActiveIndex] = useState(0);
|
224
224
|
const tabListRef = useRef(null);
|
225
|
-
const isTablet = useMediaQuery(EMediaQuery.
|
225
|
+
const isTablet = useMediaQuery(EMediaQuery.S);
|
226
226
|
const handleNext = () => {
|
227
227
|
setActiveIndex((prevIndex) => (prevIndex + 1) % categories.length);
|
228
228
|
};
|
@@ -0,0 +1,30 @@
|
|
1
|
+
import { imageTypesArr } from './constants';
|
2
|
+
|
3
|
+
export type TUploader = {
|
4
|
+
/**
|
5
|
+
* Массив разрешенных типов файлов для настройки валидации
|
6
|
+
* 'jpeg' | 'png' | 'tiff'|'gif'|'doc'|'xls'|'pdf'|'docx' |'txt' | 'xlsx'
|
7
|
+
*/
|
8
|
+
filesType: imageTypesArr[];
|
9
|
+
/**
|
10
|
+
* Наименование передаваемого массива файлов
|
11
|
+
*/
|
12
|
+
name: string;
|
13
|
+
/**
|
14
|
+
* Функция - callback, которая вызывается при изменении значения и передает имя и новое значение
|
15
|
+
*/
|
16
|
+
onChangeValue: (e: TUploadValue) => void;
|
17
|
+
/**
|
18
|
+
* Максимальный размер файлов.
|
19
|
+
*/
|
20
|
+
maxSize: number;
|
21
|
+
};
|
22
|
+
export type TUploadValue = {
|
23
|
+
value: TFileItem[];
|
24
|
+
name?: string;
|
25
|
+
};
|
26
|
+
export type TFileItem = {
|
27
|
+
id: number;
|
28
|
+
file: File;
|
29
|
+
};
|
30
|
+
export declare function Uploader({ filesType, onChangeValue, name, maxSize }: TUploader): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,90 @@
|
|
1
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
2
|
+
import { useId, useRef } from "react";
|
3
|
+
import { Icon } from "../../icons/Icon.js";
|
4
|
+
import { Button } from "../Button/Button.js";
|
5
|
+
import '../../assets/Uploader.css';const cls = {
|
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
|
+
};
|
10
|
+
const MIME = {
|
11
|
+
jpeg: "image/jpeg",
|
12
|
+
png: "image/png",
|
13
|
+
tiff: "image/tiff",
|
14
|
+
gif: "image/gif",
|
15
|
+
webp: "image/webp",
|
16
|
+
doc: "application/msword",
|
17
|
+
docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
|
18
|
+
pdf: "application/pdf",
|
19
|
+
xls: "application/excel",
|
20
|
+
txt: "text/plain",
|
21
|
+
xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
|
22
|
+
};
|
23
|
+
const filesTyps = ["jpeg", "png", "tiff", "gif"];
|
24
|
+
const generateId = (min, max) => {
|
25
|
+
return Math.random() * (max - min) + min;
|
26
|
+
};
|
27
|
+
function Uploader({
|
28
|
+
filesType = filesTyps,
|
29
|
+
onChangeValue,
|
30
|
+
name,
|
31
|
+
maxSize = 15
|
32
|
+
}) {
|
33
|
+
const idImg = useId();
|
34
|
+
const ref = useRef(null);
|
35
|
+
const onChange = (e) => {
|
36
|
+
if (e.target.files && e.target.files[0]) {
|
37
|
+
const list = [];
|
38
|
+
Array.from(e.target.files).forEach((el) => {
|
39
|
+
if (filesType.map((name2) => MIME[name2]).includes(el.type) && el.size / 1024 ** 2 <= maxSize) {
|
40
|
+
list.push({ file: el, id: generateId(1, 100) });
|
41
|
+
}
|
42
|
+
});
|
43
|
+
onChangeValue({ name, value: list });
|
44
|
+
}
|
45
|
+
};
|
46
|
+
const onOpen = () => {
|
47
|
+
var _a;
|
48
|
+
(_a = ref.current) == null ? void 0 : _a.click();
|
49
|
+
};
|
50
|
+
return /* @__PURE__ */ jsxs("div", { className: cls["upload-file__wrapper"], children: [
|
51
|
+
/* @__PURE__ */ jsx(
|
52
|
+
"input",
|
53
|
+
{
|
54
|
+
type: "file",
|
55
|
+
className: cls["upload-file-input"],
|
56
|
+
"aria-label": "Upload",
|
57
|
+
name: "image[]",
|
58
|
+
multiple: true,
|
59
|
+
onChange,
|
60
|
+
title: "",
|
61
|
+
id: idImg,
|
62
|
+
accept: filesType.map((i) => MIME[i]).join()
|
63
|
+
}
|
64
|
+
),
|
65
|
+
/* @__PURE__ */ jsxs("label", { htmlFor: idImg, ref, children: [
|
66
|
+
/* @__PURE__ */ jsx(
|
67
|
+
Button,
|
68
|
+
{
|
69
|
+
size: "m",
|
70
|
+
variant: "secondary-asphalt",
|
71
|
+
leftIcon: /* @__PURE__ */ jsx(Icon, { iconName: "UnionIcon16px" }),
|
72
|
+
onClick: onOpen,
|
73
|
+
children: "Выберите файлы"
|
74
|
+
}
|
75
|
+
),
|
76
|
+
/* @__PURE__ */ jsx("b", { children: "Или перетащие сюда" }),
|
77
|
+
/* @__PURE__ */ jsxs("span", { className: cls["upload-text"], children: [
|
78
|
+
"Максимальный размер одного файла – ",
|
79
|
+
maxSize,
|
80
|
+
" Мб",
|
81
|
+
/* @__PURE__ */ jsx("br", {}),
|
82
|
+
"Загрузить можно файлы следующих форматов: ",
|
83
|
+
filesType.join(", ")
|
84
|
+
] })
|
85
|
+
] })
|
86
|
+
] });
|
87
|
+
}
|
88
|
+
export {
|
89
|
+
Uploader
|
90
|
+
};
|
@@ -0,0 +1,16 @@
|
|
1
|
+
const imageFileTypes = ["jpeg", "png", "tiff", "gif"];
|
2
|
+
const docsFileTypes = [
|
3
|
+
"doc",
|
4
|
+
"xls",
|
5
|
+
"pdf",
|
6
|
+
"docx",
|
7
|
+
"txt",
|
8
|
+
"xlsx"
|
9
|
+
];
|
10
|
+
const TypeFilesArray = {
|
11
|
+
images: imageFileTypes,
|
12
|
+
docs: docsFileTypes
|
13
|
+
};
|
14
|
+
export {
|
15
|
+
TypeFilesArray
|
16
|
+
};
|