hrm_ui_lib 1.5.14 → 1.6.0-alpha.2

package/{Button-bd9c7beb.js → Button-f117ed4c.js}

@@ -1,6 +1,6 @@
-import { _ as _extends } from './extends-2ad2d23a.js';
-import { _ as _defineProperty } from './defineProperty-683e2a02.js';
-import { _ as _objectWithoutProperties } from './objectWithoutProperties-c7f0827d.js';
+import { _ as _extends } from './extends-ca3a1b7c.js';
+import { _ as _defineProperty } from './defineProperty-b6b32dd1.js';
+import { _ as _objectWithoutProperties } from './objectWithoutProperties-6df6ecb8.js';
 import React, { useState, useId, useEffect, forwardRef, useRef, useMemo } from 'react';
 import classNames from 'classnames';
 import 'dayjs';
@@ -8,7 +8,8 @@ import { Loader } from './helperComponents/Loader/Loader.js';
 import './consts/index.js';
 import './hooks/useScreenSize.js';
 import 'react-hook-form';
-import { _ as _slicedToArray } from './slicedToArray-3f8a08e0.js';
+import 'react-dropzone';
+import { _ as _slicedToArray } from './slicedToArray-034e65a9.js';
 import { useIsMobile } from './hooks/useGetIsMobile.js';
 import { motion } from 'framer-motion';
 import { AnimatePresenceWrapper } from './helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
@@ -394,7 +395,7 @@ var Button = function Button(props) {
     size: size,
     type: LITE_LOADER_TYPES.indexOf(type) === -1 ? 'dark' : 'lite'
   }) : /*#__PURE__*/React.createElement(React.Fragment, null, iconProps !== null && iconProps !== void 0 && iconProps.Component ? /*#__PURE__*/React.createElement(iconProps.Component, {
-    size: ICON_SIZE_MAPPING[size],
+    size: ICON_SIZE_MAPPING[iconProps.size || size],
     type: ICON_TYPE_MAPPING[iconProps.type || type],
     className: "btn__icon"
   }) : null, buttonText || children ? /*#__PURE__*/React.createElement("span", {

package/assets/images/file-preview.svg

@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.1998 31.4H7.79976C5.48016 31.4 3.59976 29.5196 3.59976 27.2V4.8C3.59976 2.4804 5.48016 0.6 7.79976 0.6H16.4708C17.5734 0.6 18.6318 1.03361 19.4175 1.80722L27.1465 9.41728C27.9483 10.2067 28.3998 11.2849 28.3998 12.4101V27.2C28.3998 29.5196 26.5194 31.4 24.1998 31.4Z" fill="#FEFEFE" stroke="#CCCCCC" stroke-width="1.2"/>
+<path d="M18 1V7.8C18 9.56731 19.4327 11 21.2 11H28" stroke="#CCCCCC" stroke-width="1.2"/>
+<path d="M0 15C0 13.3431 1.34315 12 3 12H19C20.6569 12 22 13.3431 22 15V19C22 20.6569 20.6569 22 19 22H3C1.34315 22 0 20.6569 0 19V15Z" fill="#453DC7"/>
+<path d="M4.616 20H3.76V14.288H6.976V15.024H4.616V16.888H6.824V17.624H4.616V20ZM9.74656 20H7.53056V19.504L8.21056 19.304V14.992L7.53056 14.784V14.288H9.74656V14.784L9.07456 14.992V19.304L9.74656 19.504V20ZM10.8147 20V14.288H11.6787V19.256H14.1187V20H10.8147ZM18.3198 20H15.1038V14.288H18.3198V15.024H15.9678V16.656H18.1758V17.384H15.9678V19.256H18.3198V20Z" fill="#FEFEFE"/>
+</svg>

package/assets/styles/styles.css

@@ -2142,6 +2142,10 @@ body {
   gap: var(--ds-space-16);
 }
 
+.pointer {
+  cursor: pointer;
+}
+
 :root {
   --brand-900:#31531c;
   --brand-800:#416e26;
@@ -5202,6 +5206,128 @@ body {
   white-space: nowrap;
 }
 
+.dz-file-upload {
+  width: 100%;
+}
+
+.dz-file-upload, .dz-file-upload__area {
+  -webkit-box-direction: normal;
+  -webkit-box-orient: vertical;
+  -moz-box-direction: normal;
+  -moz-box-orient: vertical;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.dz-file-upload__area {
+  -webkit-box-pack: center;
+  -moz-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-box-align: center;
+  -moz-box-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  background: var(--ds-color-bg-white);
+  border: 1px dashed var(--ds-color-border-secondary);
+  border-radius: var(--ds-size-12);
+  cursor: pointer;
+  -webkit-justify-content: center;
+  justify-content: center;
+  padding: var(--ds-size-32);
+}
+
+.dz-file-upload__area--active, .dz-file-upload__area--focused {
+  background: var(--ds-color-bg-container-lighter);
+  border-color: var(--ds-color-bg-container-darker);
+}
+
+.dz-file-upload__area--rejected {
+  background: #fff;
+  border-color: var(--ds-color-bg-danger-dark);
+}
+
+.dz-file-upload__files {
+  -webkit-box-direction: normal;
+  -webkit-box-orient: vertical;
+  -moz-box-direction: normal;
+  -moz-box-orient: vertical;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  gap: var(--ds-size-16);
+  margin-top: var(--ds-size-12);
+}
+
+.dz-file-upload__files, .dz-file-upload__files--item {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+}
+
+.dz-file-upload__files--item {
+  background: #fff;
+  border: 1px solid var(--ds-color-border-secondary);
+  border-radius: var(--ds-size-12);
+  padding: var(--ds-size-16);
+}
+
+.dz-file-upload__files--item__preview {
+  height: var(--ds-size-32);
+  position: static;
+  width: var(--ds-size-32);
+}
+
+.dz-file-upload__files--item__preview--image {
+  display: block;
+  height: 100%;
+  object-fit: contain;
+  width: 100%;
+}
+
+.dz-file-upload__files--item__preview--image_default {
+  object-fit: cover;
+}
+
+.dz-file-upload__files--item__preview--image--loading {
+  display: none;
+}
+
+.dz-file-upload__files--item__info {
+  margin-left: var(--ds-size-12);
+  width: 100%;
+}
+
+.dz-file-upload__files--item__info-title {
+  -webkit-box-pack: justify;
+  -moz-box-pack: justify;
+  -ms-flex-pack: justify;
+  -webkit-box-align: center;
+  -moz-box-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-justify-content: space-between;
+  justify-content: space-between;
+}
+
+.dz-file-upload__files--item--view {
+  cursor: pointer;
+}
+
 .form-container__field .error-message {
   margin-top: var(--ds-space-4);
 }