@itcase/ui 1.0.52 → 1.0.54

package/dist/components/DatePicker.js

@@ -3,6 +3,7 @@
 var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
+var _commonjsHelpers = require('../_commonjsHelpers-facfc6d6.js');
 var defineProperty = require('../defineProperty-f9e5e1f3.js');
 var ReactDOM = require('react-dom');
 var index = require('./Input.js');
@@ -64,10 +65,6 @@ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
 var classnames = {exports: {}};
 
 /*!
@@ -128,7 +125,7 @@ var classnames = {exports: {}};
 } (classnames));
 
 var classnamesExports = classnames.exports;
-var r = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
+var r = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(classnamesExports);
 
 function requiredArgs(required, args) {
   if (args.length < required) {
@@ -9175,7 +9172,7 @@ var reactFastCompare = function isEqual(a, b) {
   }
 };
 
-var isEqual = /*@__PURE__*/getDefaultExportFromCjs(reactFastCompare);
+var isEqual = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(reactFastCompare);
 
 var EMPTY_MODIFIERS$1 = [];
 var usePopper = function usePopper(referenceElement, popperElement, options) {
@@ -9408,7 +9405,7 @@ if (__DEV__) {
 
 var warning_1 = warning;
 
-var warning$1 = /*@__PURE__*/getDefaultExportFromCjs(warning_1);
+var warning$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(warning_1);
 
 function Reference(_ref) {
   var children = _ref.children,
@@ -10113,7 +10110,7 @@ function DatePickerInput(props) {
   //   datePickerProps.isStartDefaultNull ? null : new Date(),
   // )
 
-  const startDate = React.useMemo(() => {
+  const start = React.useMemo(() => {
     if (value) {
       if (typeof value === 'string') {
         return new Date(value);
@@ -10125,6 +10122,7 @@ function DatePickerInput(props) {
     }
     return new Date();
   }, [value, datePickerProps.isStartDefaultNull]);
+  const [startDate, setStartDate] = React.useState(start);
   const [endDate, setEndDate] = React.useState(null);
 
   // const onChangeDate = useCallback(
@@ -10136,8 +10134,8 @@ function DatePickerInput(props) {
   // )
 
   const handleChange = ([newStartDate, newEndDate]) => {
-    onChange && onChange(newStartDate);
-    // setStartDate(newStartDate)
+    onChange && onChange(newStartDate, newEndDate);
+    setStartDate(newStartDate);
     setEndDate(newEndDate);
   };
   const renderDayContents = (day, date) => {

package/dist/components/Image.js

@@ -101,10 +101,10 @@ function Image(props) {
     className: clsx__default.default('image__wrapper', imageWrapperClassName),
     style: wrapperStyles
   }, /*#__PURE__*/React__default.default.createElement("img", {
-    src: src,
     alt: alt,
-    title: title,
+    src: src,
     style: imageStyles,
+    title: title,
     className: clsx__default.default('image__item', imageWidthClass, imageHeightClass, imageClassName, borderClass, borderColorImageClass),
     onError: onError
   }), overlay, caption, children), after);

package/dist/css/components/DadataHintField/DadataHintField.css

@@ -0,0 +1,43 @@
+.react-dadata__container{position:relative}.react-dadata__input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:block;font-size:16px;height:38px;outline:none;padding:0 10px;width:100%}.react-dadata__input:focus{border-color:#007cd6;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,124,214,.3)}.react-dadata__suggestions{background-color:#fff;border-radius:4px;box-shadow:0 1px 6px 3px rgba(0,0,0,.1);left:0;list-style:none;margin:0;overflow:hidden;padding:0;position:absolute;right:0;text-align:left;top:calc(100% + 8px);z-index:10}.react-dadata__suggestion-note{color:#828282;font-size:14px;padding:10px 10px 5px}.react-dadata__suggestion{background:none;border:none;box-sizing:border-box;cursor:pointer;display:block;font-size:15px;padding:7px 10px;text-align:left;width:100%}.react-dadata__suggestion--line-through{text-decoration:line-through}.react-dadata__suggestion-subtitle{color:#777;font-size:14px;margin-top:4px}.react-dadata__suggestion-subtitle-item{display:inline-block;margin-bottom:4px;margin-right:16px}.react-dadata__suggestion-subtitle-item:last-child{margin-right:0}.react-dadata__suggestion--current{background-color:rgba(0,124,214,.15)}.react-dadata__suggestion:hover{background-color:rgba(0,124,214,.1)}.react-dadata mark{background:none}.react-dadata--highlighted{color:#0094ff}.react-dadata {
+  &__container {
+    width: 100%;
+    ^&__input {
+      color: var(--react-dadata-color);
+      padding: var(--react-dadata-padding);
+      border: 1px solid var(--react-dadata-border);
+      border-radius: var(--react-dadata-border-radius);
+      box-shadow: none;
+      &:hover {
+        border: solid 1px var(--react-dadata-hover-border);
+      }
+    }
+  }
+  &__suggestion {
+    position: relative !important;
+    &:hover {
+      background: var(--color-accent-tertiary);
+    }
+  }
+  &--highlighted {
+    color: var(--color-accent-primary);
+  }
+  & .input_state {
+    &_error {
+      border: solid 1px var(--react-dadata-error-border);
+      &:hover {
+        border: solid 1px var(--react-dadata-error-border);
+      }
+    }
+    &_focus {
+      border: solid 1px var(--react-dadata-focus-border);
+    }
+  }
+}:root {
+  --react-dadata-padding: 8px 12px;
+  --react-dadata-border-radius: 6px;
+  --react-dadata-color: var(--color-surface-text-primary);
+  --react-dadata-border: var(--color-surface-border-tertiary);
+  --react-dadata-hover-border: var(--color-surface-border-quaternary);
+  --react-dadata-focus-border: var(--color-surface-border-quaternary);
+  --react-dadata-error-border: var(--color-error-border-primary);
+}

package/dist/css/components/Swiper/Swiper.css

@@ -891,15 +891,17 @@ div.swiper-block__item {
 }
 
 .swiper-block {
-  &_type_center {
-    margin: 60px 0 0 0;
+  &&_type_auto {
+    & .swiper-slide {
+      width: auto;
+    }
   }
 }
 
 .swiper-block {
-  &&_type_auto {
+  &&_type_step {
     & .swiper-slide {
-      width: auto;
+      width: 100% !important;
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.0.52",
+  "version": "1.0.54",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -49,6 +49,7 @@
     "prop-types": "^15.8.1",
     "rc-slider": "^10.2.1",
     "react": "^18.2.0",
+    "react-dadata": "^2.23.1",
     "react-date-range": "^1.4.0",
     "react-dom": "^18.2.0",
     "react-inlinesvg": "^4.0.3",