mimir-ui-kit 1.10.1 → 1.11.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/assets/Button.css +1 -1
- package/dist/assets/ListPhotos.css +1 -0
- package/dist/assets/MergedButton.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/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/MergedButton/MergedButton.js +6 -6
- package/dist/components/Uploader/Uploader.d.ts +30 -0
- package/dist/components/Uploader/Uploader.js +91 -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 +48 -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
package/dist/assets/Button.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._button_1rja9_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_1rja9_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover)}._button_1rja9_2:active{color:var(--button-color-active);background:var(--button-bg-color-active)}._button_1rja9_2:focus{box-shadow:0 0 2px var(--sapphire-normal)}._button_1rja9_2._clear_1rja9_41:focus{box-shadow:none}._button_1rja9_2 svg{color:currentcolor;fill:currentcolor}._button_1rja9_2 svg path{color:currentcolor;fill:currentcolor}._xs_1rja9_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_1rja9_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_1rja9_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_1rja9_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_1rja9_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_1rja9_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_1rja9_103{--button-height: var(--button-height-ms);border-radius:var(--control-radius-xs);--button-gap: 4px;--button-font-size: var(--size-text-s);font-weight:var(--font-weight-text-regular)}._default-button_1rja9_111{border-radius:var(--control-radius)}._default-button_1rja9_111._primary-sapphire_1rja9_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_1rja9_111._primary-citrine_1rja9_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_1rja9_111._secondary-asphalt_1rja9_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_1rja9_111._secondary-gray_1rja9_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_1rja9_111._secondary-white_1rja9_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_1rja9_111._secondary-red_1rja9_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_1rja9_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_1rja9_169._black_1rja9_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_1rja9_169._gray_1rja9_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_1rja9_169._white_1rja9_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_1rja9_204{display:flex;justify-content:center;width:100%}._disabled_1rja9_210{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_1rja9_210:hover,._disabled_1rja9_210:active,._disabled_1rja9_210:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._icon-button_1rja9_221{justify-content:center;min-width:var(--button-height);padding:0}
|
@@ -0,0 +1 @@
|
|
1
|
+
._list-photos_1lzkm_2{display:flex;gap:16px}._list-photos_1lzkm_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_1lzkm_2 img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}._list-photos_1lzkm_2 button{position:absolute;right:4px;top:4px}
|
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._buttons_1s9fa_2{display:inline-flex}._merged-button_1s9fa_6{--button-height: var(--button-height-m);--button-space: var(--control-space-xs)}._merged-button_1s9fa_6:first-child{border-radius:0;border-top-left-radius:var(--control-radius);border-bottom-left-radius:var(--control-radius)}._merged-button_1s9fa_6:last-child{border-radius:0;border-top-right-radius:var(--control-radius);border-bottom-right-radius:var(--control-radius)}._merged-button_1s9fa_6:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover)}._merged-button_1s9fa_6:active{color:var(--button-color-active);background:var(--button-bg-color-active)}._merged-button_1s9fa_6._gray_1s9fa_28{--button-bg-color: var(--black-5);--button-bg-color-hover: var(--black-5);--button-bg-color-active: var(--asphalt-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--sapphire-normal);--button-color-active: var(--light-text)}._merged-button_1s9fa_6._white_1s9fa_36{--button-bg-color: var(--white-normal);--button-bg-color-active: var(--asphalt-normal);--button-bg-color-hover: var(--white-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--sapphire-normal);--button-color-active: var(--light-text)}._merged-button_1s9fa_6._transparent_1s9fa_44{--button-bg-color: var(--black-5);--button-bg-color-hover: var(--black-5);--button-bg-color-active: var(--asphalt-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--light-text);--button-color-hover: var(--sapphire-normal);--button-color-active: var(--light-text)}._merged-button_1s9fa_6._is-icon_1s9fa_53{width:var(--button-height-m);padding:0}._merged-button_1s9fa_6:disabled{--button-cursor: not-allowed;color:var(--disabled-color);background-color:var(--black-5)}._merged-button_1s9fa_6:disabled:hover,._merged-button_1s9fa_6:disabled:active,._merged-button_1s9fa_6:disabled:focus{color:var(--disabled-color);background-color:var(--black-5);box-shadow:none}
|
@@ -0,0 +1 @@
|
|
1
|
+
._upload-file__wrapper_7tnzg_2{position:relative;width:100%}._upload-file__wrapper_7tnzg_2 label{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}._upload-file__wrapper_7tnzg_2 label button{z-index:1}._upload-file__wrapper_7tnzg_2 label b{color:var(--black-100);text-align:center;font-family:var(--font-inter);font-size:var(--size-text-l2);font-style:normal;font-weight:var(--font-weight-text-regular);line-height:130%}._upload-file__wrapper_7tnzg_2 label ._upload-text_7tnzg_25{color:var(--disabled-color);text-align:center;font-family:var(--font-inter);font-size:var(--size-text-m);font-style:normal;font-weight:var(--font-weight-text-regular);line-height:var(--line-height-text-xxs)}._upload-file-input_7tnzg_36{opacity:0;position:absolute;top:0;width:100%;left:0;overflow:hidden;height:100%}
|
@@ -0,0 +1 @@
|
|
1
|
+
._upload-file__wrapper_1ltfh_2{display:flex;flex-direction:column;gap:16px}
|
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-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-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}@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-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-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}@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_1rja9_2";
|
7
|
+
const clear = "_clear_1rja9_41";
|
8
|
+
const xs = "_xs_1rja9_53";
|
9
|
+
const s = "_s_1rja9_61";
|
10
|
+
const m = "_m_1rja9_69";
|
11
|
+
const l = "_l_1rja9_77";
|
12
|
+
const xl = "_xl_1rja9_85";
|
13
|
+
const xxl = "_xxl_1rja9_94";
|
14
|
+
const black = "_black_1rja9_176";
|
15
|
+
const gray = "_gray_1rja9_185";
|
16
|
+
const white = "_white_1rja9_194";
|
17
|
+
const full = "_full_1rja9_204";
|
18
|
+
const disabled = "_disabled_1rja9_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_1rja9_103",
|
29
|
+
"default-button": "_default-button_1rja9_111",
|
30
|
+
"primary-sapphire": "_primary-sapphire_1rja9_114",
|
31
|
+
"primary-citrine": "_primary-citrine_1rja9_123",
|
32
|
+
"secondary-asphalt": "_secondary-asphalt_1rja9_132",
|
33
|
+
"secondary-gray": "_secondary-gray_1rja9_141",
|
34
|
+
"secondary-white": "_secondary-white_1rja9_150",
|
35
|
+
"secondary-red": "_secondary-red_1rja9_159",
|
36
|
+
"round-button": "_round-button_1rja9_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_1rja9_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) => {
|
@@ -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_1lzkm_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
|
+
};
|
@@ -3,17 +3,17 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
|
|
3
3
|
import { memo } from "react";
|
4
4
|
import { EMergedButtonVariantRound } from "./constants.js";
|
5
5
|
import { Button } from "../Button/Button.js";
|
6
|
-
import '../../assets/MergedButton.css';const buttons = "
|
7
|
-
const gray = "
|
8
|
-
const white = "
|
9
|
-
const transparent = "
|
6
|
+
import '../../assets/MergedButton.css';const buttons = "_buttons_1s9fa_2";
|
7
|
+
const gray = "_gray_1s9fa_28";
|
8
|
+
const white = "_white_1s9fa_36";
|
9
|
+
const transparent = "_transparent_1s9fa_44";
|
10
10
|
const cls = {
|
11
11
|
buttons,
|
12
|
-
"merged-button": "_merged-
|
12
|
+
"merged-button": "_merged-button_1s9fa_6",
|
13
13
|
gray,
|
14
14
|
white,
|
15
15
|
transparent,
|
16
|
-
"is-icon": "_is-
|
16
|
+
"is-icon": "_is-icon_1s9fa_53"
|
17
17
|
};
|
18
18
|
const MergedButton = memo(({ buttons: buttons2 }) => {
|
19
19
|
return /* @__PURE__ */ jsx("div", { className: cls.buttons, children: buttons2.map(
|
@@ -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,91 @@
|
|
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_7tnzg_2",
|
7
|
+
"upload-text": "_upload-text_7tnzg_25",
|
8
|
+
"upload-file-input": "_upload-file-input_7tnzg_36"
|
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
|
+
console.log(el.type);
|
40
|
+
if (filesType.map((name2) => MIME[name2]).includes(el.type) && el.size / 1024 ** 2 <= maxSize) {
|
41
|
+
list.push({ file: el, id: generateId(1, 100) });
|
42
|
+
}
|
43
|
+
});
|
44
|
+
onChangeValue({ name, value: list });
|
45
|
+
}
|
46
|
+
};
|
47
|
+
const onOpen = () => {
|
48
|
+
var _a;
|
49
|
+
(_a = ref.current) == null ? void 0 : _a.click();
|
50
|
+
};
|
51
|
+
return /* @__PURE__ */ jsxs("div", { className: cls["upload-file__wrapper"], children: [
|
52
|
+
/* @__PURE__ */ jsx(
|
53
|
+
"input",
|
54
|
+
{
|
55
|
+
type: "file",
|
56
|
+
className: cls["upload-file-input"],
|
57
|
+
"aria-label": "Upload",
|
58
|
+
name: "image[]",
|
59
|
+
multiple: true,
|
60
|
+
onChange,
|
61
|
+
title: "",
|
62
|
+
id: idImg,
|
63
|
+
accept: filesType.map((i) => MIME[i]).join()
|
64
|
+
}
|
65
|
+
),
|
66
|
+
/* @__PURE__ */ jsxs("label", { htmlFor: idImg, ref, children: [
|
67
|
+
/* @__PURE__ */ jsx(
|
68
|
+
Button,
|
69
|
+
{
|
70
|
+
size: "m",
|
71
|
+
variant: "secondary-asphalt",
|
72
|
+
leftIcon: /* @__PURE__ */ jsx(Icon, { iconName: "UnionIcon16px" }),
|
73
|
+
onClick: onOpen,
|
74
|
+
children: "Выберите файлы"
|
75
|
+
}
|
76
|
+
),
|
77
|
+
/* @__PURE__ */ jsx("b", { children: "Или перетащие сюда" }),
|
78
|
+
/* @__PURE__ */ jsxs("span", { className: cls["upload-text"], children: [
|
79
|
+
"Максимальный размер одного файла – ",
|
80
|
+
maxSize,
|
81
|
+
" Мб",
|
82
|
+
/* @__PURE__ */ jsx("br", {}),
|
83
|
+
"Загрузить можно файлы следующих форматов: ",
|
84
|
+
filesType.join(", ")
|
85
|
+
] })
|
86
|
+
] })
|
87
|
+
] });
|
88
|
+
}
|
89
|
+
export {
|
90
|
+
Uploader
|
91
|
+
};
|
@@ -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
|
+
};
|
@@ -0,0 +1,29 @@
|
|
1
|
+
import { imageTypesArr } from '../Uploader/constants';
|
2
|
+
import { TFileItem } from '../Uploader/Uploader';
|
3
|
+
|
4
|
+
export type TUploaderPhotos = {
|
5
|
+
/**
|
6
|
+
* Массив разрешенных типов файлов для настройки валидации
|
7
|
+
* 'jpeg' | 'png' | 'tiff' | 'gif' | 'doc' | 'xls' | 'pdf' |'docx' | 'txt'
|
8
|
+
*/
|
9
|
+
filesType: imageTypesArr[];
|
10
|
+
/**
|
11
|
+
* Наименование передаваемого массива файлов
|
12
|
+
*/
|
13
|
+
name: string;
|
14
|
+
/**
|
15
|
+
* Максимальный размер файлов.
|
16
|
+
*/
|
17
|
+
maxSize: number;
|
18
|
+
/**
|
19
|
+
* Функция обратного вызова, передает параметры type и data,
|
20
|
+
* type 'add' в data передает массив файлов,
|
21
|
+
* type:'delete' в data передает id удаленного файла
|
22
|
+
*/
|
23
|
+
onChange: (j: TOnChangePhotosUpdate) => void;
|
24
|
+
};
|
25
|
+
export type TOnChangePhotosUpdate = {
|
26
|
+
type: string;
|
27
|
+
data: TFileItem[] | number;
|
28
|
+
};
|
29
|
+
export declare function UploaderPhotos({ filesType, name, maxSize, onChange }: TUploaderPhotos): import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,48 @@
|
|
1
|
+
import { jsxs, jsx } from "react/jsx-runtime";
|
2
|
+
import { useState } from "react";
|
3
|
+
import { ListPhotos } from "../ListPhotos/ListPhotos.js";
|
4
|
+
import { Uploader } from "../Uploader/Uploader.js";
|
5
|
+
import '../../assets/UploaderPhotos.css';const cls = {
|
6
|
+
"upload-file__wrapper": "_upload-file__wrapper_1ltfh_2"
|
7
|
+
};
|
8
|
+
function UploaderPhotos({
|
9
|
+
filesType,
|
10
|
+
name,
|
11
|
+
maxSize,
|
12
|
+
onChange
|
13
|
+
}) {
|
14
|
+
const [photos, setPhotos] = useState([]);
|
15
|
+
const onChangeValue = (e) => {
|
16
|
+
setPhotos([
|
17
|
+
...photos,
|
18
|
+
...e.value.map((el) => {
|
19
|
+
return {
|
20
|
+
url: URL.createObjectURL(el.file),
|
21
|
+
id: el.id
|
22
|
+
};
|
23
|
+
})
|
24
|
+
]);
|
25
|
+
onChange == null ? void 0 : onChange({ type: "add", data: e.value });
|
26
|
+
};
|
27
|
+
const onDelete = (j) => {
|
28
|
+
setPhotos(j.list);
|
29
|
+
if (j.deleteId) {
|
30
|
+
onChange == null ? void 0 : onChange({ type: "delete", data: j.deleteId });
|
31
|
+
}
|
32
|
+
};
|
33
|
+
return /* @__PURE__ */ jsxs("div", { className: cls["upload-file__wrapper"], children: [
|
34
|
+
/* @__PURE__ */ jsx(
|
35
|
+
Uploader,
|
36
|
+
{
|
37
|
+
filesType,
|
38
|
+
name,
|
39
|
+
maxSize,
|
40
|
+
onChangeValue
|
41
|
+
}
|
42
|
+
),
|
43
|
+
/* @__PURE__ */ jsx(ListPhotos, { value: photos, onChange: onDelete })
|
44
|
+
] });
|
45
|
+
}
|
46
|
+
export {
|
47
|
+
UploaderPhotos
|
48
|
+
};
|
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-Cxiikb7g.js";
|
4
4
|
const Icon = ({ iconName, ...props }) => {
|
5
5
|
const Component = icons[iconName];
|
6
6
|
if (!Component) {
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
2
|
+
const Close12px = (props) => {
|
3
|
+
return /* @__PURE__ */ jsx(
|
4
|
+
"svg",
|
5
|
+
{
|
6
|
+
width: "12",
|
7
|
+
height: "12",
|
8
|
+
viewBox: "0 0 12 12",
|
9
|
+
fill: "none",
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
11
|
+
...props,
|
12
|
+
children: /* @__PURE__ */ jsx("path", { d: "M3 9L8.99991 3M9 9L3 3", stroke: "#333333", "stroke-width": "1.5" })
|
13
|
+
}
|
14
|
+
);
|
15
|
+
};
|
16
|
+
export {
|
17
|
+
Close12px as default
|
18
|
+
};
|
@@ -1,3 +1,4 @@
|
|
1
|
+
export declare const Close12px: import('react').LazyExoticComponent<(props: import('react').SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
|
1
2
|
export declare const Accept16px: import('react').LazyExoticComponent<(props: import('react').SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
|
2
3
|
export declare const Acts16px: import('react').LazyExoticComponent<(props: import('react').SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
|
3
4
|
export declare const Acts16pxF: import('react').LazyExoticComponent<(props: import('react').SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
|