@itcase/ui 1.0.2 → 1.0.4

package/dist/components/SiteMenu.js

@@ -17,7 +17,7 @@ require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/shape.js');
 require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
-require('../useStyles-77c3b520.js');
+require('../useStyles-e4accb53.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');

package/dist/components/Swiper.js

@@ -16,7 +16,7 @@ require('../constants/componentProps/textWeight.js');
 require('../constants/componentProps/titleSize.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/wrap.js');
-require('../useStyles-77c3b520.js');
+require('../useStyles-e4accb53.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');
@@ -302,6 +302,9 @@ function updateSwiper({
   updateParams.forEach(key => {
     if (isObject(currentParams[key]) && isObject(passedParams[key])) {
       extend(currentParams[key], passedParams[key]);
+      if ((key === 'navigation' || key === 'pagination' || key === 'scrollbar') && 'enabled' in passedParams[key] && !passedParams[key].enabled) {
+        destroyModule(key);
+      }
     } else {
       const newValue = passedParams[key];
       if ((newValue === true || newValue === false) && (key === 'navigation' || key === 'pagination' || key === 'scrollbar')) {
@@ -746,6 +749,7 @@ function Swiper(props) {
     titleSize = props.titleSize,
     titleTextColor = props.titleTextColor,
     titleWeight = props.titleWeight,
+    titleAfter = props.titleAfter,
     onSlideNextTransitionEnd = props.onSlideNextTransitionEnd,
     onSlidePrevTransitionEnd = props.onSlidePrevTransitionEnd,
     onSwiper = props.onSwiper,
@@ -813,7 +817,7 @@ function Swiper(props) {
     size: titleSize,
     textColor: titleTextColor,
     textWeight: titleWeight
-  }, title), prevButton && nextButton && /*#__PURE__*/React__default.default.createElement("div", {
+  }, title), titleAfter, prevButton && nextButton && /*#__PURE__*/React__default.default.createElement("div", {
     className: "swiper-block__navigation"
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: "swiper-block__prev swiper-button",

package/dist/components/Switch.js

@@ -1,29 +1,44 @@
 'use strict';
 
 var React = require('react');
-require('prop-types');
+var PropTypes = require('prop-types');
 var clsx = require('clsx');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
 function Switch(props) {
   var className = props.className,
-    set = props.set;
-    props.onClick;
-    props.onMouseDown;
+    set = props.set,
+    id = props.id,
+    checked = props.checked,
+    disabled = props.disabled,
+    onChange = props.onChange;
   return /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default('switch', className, set && "switch_set_" + set)
   }, /*#__PURE__*/React__default.default.createElement("input", {
+    checked: checked,
+    className: "switch__checkbox",
+    disabled: disabled,
+    id: id,
     type: "checkbox",
-    className: "switch__checkbox"
+    onChange: onChange
   }), /*#__PURE__*/React__default.default.createElement("div", {
     className: "switch__bg"
   }, "\xA0"), /*#__PURE__*/React__default.default.createElement("div", {
     className: "switch__toggle"
   }, "\xA0"));
 }
+Switch.propTypes = {
+  checked: PropTypes__default.default.bool,
+  className: PropTypes__default.default.string,
+  disabled: PropTypes__default.default.bool,
+  id: PropTypes__default.default.string,
+  set: PropTypes__default.default.string,
+  onChange: PropTypes__default.default.func
+};
 
 exports.Switch = Switch;

package/dist/components/Text.js

@@ -9,7 +9,7 @@ var textColorHover = require('../constants/componentProps/textColorHover.js');
 var size = require('../constants/componentProps/size.js');
 var textStyle = require('../constants/componentProps/textStyle.js');
 var textWeight = require('../constants/componentProps/textWeight.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 require('lodash/camelCase');
 require('lodash/maxBy');

package/dist/components/Tile.js

@@ -16,7 +16,7 @@ var iconSize = require('../constants/componentProps/iconSize.js');
 var textAlign = require('../constants/componentProps/textAlign.js');
 var fill = require('../constants/componentProps/fill.js');
 var shape = require('../constants/componentProps/shape.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 require('../constants/componentProps/borderType.js');
 require('../constants/componentProps/textColor.js');

package/dist/components/Title.js

@@ -13,7 +13,7 @@ var titleSize = require('../constants/componentProps/titleSize.js');
 var type = require('../constants/componentProps/type.js');
 var wrap = require('../constants/componentProps/wrap.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 var UIContext = require('../context/UIContext.js');
 require('lodash/castArray');
 require('lodash/camelCase');

package/dist/components/Tooltip.js

@@ -9,7 +9,7 @@ var size = require('../constants/componentProps/size.js');
 var fill = require('../constants/componentProps/fill.js');
 var shape = require('../constants/componentProps/shape.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');

package/dist/components/Video.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');

package/dist/components/Wrapper.js

@@ -10,7 +10,7 @@ var horizontalResizeMode = require('../constants/componentProps/horizontalResize
 var position = require('../constants/componentProps/position.js');
 var verticalResizeMode = require('../constants/componentProps/verticalResizeMode.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');

package/dist/css/components/RangeSlider/RangeSlider.css

@@ -25,8 +25,17 @@
   background-color: #abe2fb;
   border-radius: 6px;
 }
+.rc-slider-track-draggable {
+  z-index: 1;
+  box-sizing: content-box;
+  background-clip: content-box;
+  border-top: 5px solid rgba(0, 0, 0, 0);
+  border-bottom: 5px solid rgba(0, 0, 0, 0);
+  transform: translateY(-5px);
+}
 .rc-slider-handle {
   position: absolute;
+  z-index: 1;
   width: 14px;
   height: 14px;
   margin-top: -5px;
@@ -87,7 +96,6 @@
   width: 100%;
   height: 4px;
   background: transparent;
-  pointer-events: none;
 }
 .rc-slider-dot {
   position: absolute;
@@ -137,7 +145,16 @@
   left: 5px;
   width: 4px;
 }
+.rc-slider-vertical .rc-slider-track-draggable {
+  border-top: 0;
+  border-bottom: 0;
+  border-right: 5px solid rgba(0, 0, 0, 0);
+  border-left: 5px solid rgba(0, 0, 0, 0);
+  transform: translateX(-5px);
+}
 .rc-slider-vertical .rc-slider-handle {
+  position: absolute;
+  z-index: 1;
   margin-top: 0;
   margin-left: -5px;
   touch-action: pan-y;

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

@@ -1,5 +1,5 @@
 /**
- * Swiper 9.2.4
+ * Swiper 9.4.1
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: April 21, 2023
+ * Released on: June 13, 2023
  */
 
 /* FONT_START */
@@ -186,6 +186,14 @@ swiper-slide {
   scroll-snap-type: y mandatory;
 }
 
+.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
+  scroll-snap-type: none;
+}
+
+.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
+  scroll-snap-align: none;
+}
+
 .swiper-centered > .swiper-wrapper::before {
   content: '';
   flex-shrink: 0;

package/dist/hooks/useStyles.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/maxBy');

package/dist/{useStyles-77c3b520.js → useStyles-e4accb53.js}

@@ -144,7 +144,7 @@ function useStyles(props) {
       }
     });
     return resultStyles;
-  }, [currentDevice]); // props
+  }, [currentDevice, props.display]); // "props" object maybe big and frequently changing
 
   return collectedStyles;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -46,7 +46,7 @@
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
     "prop-types": "^15.8.1",
-    "rc-slider": "^10.1.1",
+    "rc-slider": "^10.2.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-inlinesvg": "^3.0.2",
@@ -54,42 +54,42 @@
     "react-responsive": "^9.0.2",
     "react-scrollbars-custom": "^4.1.1",
     "react-select": "^5.7.3",
-    "swiper": "^9.2.4",
+    "swiper": "^9.4.1",
     "uuid": "^9.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.21.8",
-    "@babel/eslint-parser": "^7.21.8",
-    "@babel/preset-env": "^7.21.5",
-    "@babel/preset-react": "^7.18.6",
-    "@commitlint/cli": "^17.6.3",
-    "@commitlint/config-conventional": "^17.6.3",
+    "@babel/core": "^7.22.5",
+    "@babel/eslint-parser": "^7.22.5",
+    "@babel/preset-env": "^7.22.5",
+    "@babel/preset-react": "^7.22.5",
+    "@commitlint/cli": "^17.6.6",
+    "@commitlint/config-conventional": "^17.6.6",
     "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-commonjs": "^24.1.0",
+    "@rollup/plugin-commonjs": "^25.0.2",
     "@rollup/plugin-json": "^6.0.0",
-    "@rollup/plugin-node-resolve": "^15.0.2",
-    "@rollup/plugin-terser": "^0.4.1",
+    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@rollup/plugin-terser": "^0.4.3",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@semantic-release/release-notes-generator": "^11.0.1",
+    "@semantic-release/release-notes-generator": "^11.0.3",
     "babel-loader": "^9.1.2",
     "babel-plugin-inline-react-svg": "^2.0.2",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
-    "eslint": "8.39.0",
+    "eslint": "8.43.0",
     "eslint-config-prettier": "^8.8.0",
-    "eslint-config-standard": "^17.0.0",
+    "eslint-config-standard": "^17.1.0",
     "eslint-plugin-babel": "^5.3.1",
     "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-n": "^15.7.0",
+    "eslint-plugin-n": "^16.0.1",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-standard": "^5.0.0",
     "husky": "^8.0.3",
-    "lint-staged": "^13.2.2",
-    "npm": "^9.6.6",
-    "postcss": "^8.4.23",
+    "lint-staged": "^13.2.3",
+    "npm": "^9.7.2",
+    "postcss": "^8.4.24",
     "postcss-aspect-ratio-polyfill": "^2.0.0",
     "postcss-cli": "^10.1.0",
     "postcss-combine-duplicated-selectors": "^10.0.3",
@@ -107,15 +107,15 @@
     "postcss-nested-ancestors": "^3.0.0",
     "postcss-normalize": "^10.0.1",
     "postcss-prepend-imports": "^1.0.1",
-    "postcss-preset-env": "^8.3.2",
+    "postcss-preset-env": "^8.5.1",
     "postcss-pxtorem": "^6.0.0",
     "postcss-responsive-type": "github:ITCase/postcss-responsive-type",
-    "postcss-sort-media-queries": "^5.1.0",
+    "postcss-sort-media-queries": "^5.2.0",
     "prettier": "^2.8.8",
-    "rollup": "^3.21.4",
+    "rollup": "^3.26.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "semantic-release": "^21.0.2",
-    "stylelint": "^15.6.1",
+    "semantic-release": "^21.0.6",
+    "stylelint": "^15.9.0",
     "stylelint-config-standard": "^33.0.0",
     "stylelint-no-unsupported-browser-features": "^6.1.0",
     "stylelint-order": "^6.0.3"