@itcase/ui 1.3.13 → 1.3.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/cjs/components/Drawer.js +10 -6
  2. package/dist/components/Drawer.js +10 -6
  3. package/dist/css/components/DatePicker/DatePicker.css +3 -12
  4. package/dist/css/components/Swiper/Swiper.css +3 -3
  5. package/package.json +46 -59
package/dist/cjs/components/Drawer.js CHANGED
@@ -1,6 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var jsxRuntime = require('react/jsx-runtime');
4
+ var React = require('react');
4
5
  var clsx = require('clsx');
5
6
  var ReactDrawer = require('react-modern-drawer');
6
7
 
@@ -15,14 +16,17 @@ var drawerConfig = {
15
16
  },
16
17
  };
17
18
  function Drawer(props) {
18
- var children = props.children, direction = props.direction, isOpenModal = props.isOpenModal, after = props.after, before = props.before, className = props.className, closeModal = props.closeModal, dataTour = props.dataTour, enableOverlay = props.enableOverlay, size = props.size, type = props.type;
19
- // // @ts-expect-error
20
- // const appearanceConfig = drawerConfig.appearance && drawerConfig.appearance[appearance]
21
- // const classGenerator = useDeviceTargetClassGenerator(props, appearanceConfig)
22
- // const {} = classGenerator
19
+ var children = props.children, direction = props.direction, isOpenModal = props.isOpenModal, after = props.after, before = props.before, className = props.className, dataTour = props.dataTour, enableOverlay = props.enableOverlay, size = props.size, type = props.type, onClickClose = props.onClickClose, onClose = props.onClose;
20
+ var prevIsOpenModalRef = React.useRef(null);
21
+ React.useEffect(function () {
22
+ if (onClose && prevIsOpenModalRef.current === true && !isOpenModal) {
23
+ onClose();
24
+ }
25
+ prevIsOpenModalRef.current = Boolean(isOpenModal);
26
+ }, [isOpenModal, onClose]);
23
27
  return (jsxRuntime.jsxs(ReactDrawer, { className: clsx('drawer', type && "drawer_type_".concat(type), className, dataTour && "data-tour-".concat(dataTour)), direction: direction || 'right', enableOverlay: enableOverlay, lockBackgroundScroll: false,
24
28
  // @ts-expect-error
25
- open: isOpenModal, overlayClassName: "drawer__overlay", size: size || 600, onClose: closeModal, children: [before && jsxRuntime.jsx("div", { className: "drawer__before", children: before }), children && jsxRuntime.jsx("div", { className: "drawer__wrapper", children: children }), after && jsxRuntime.jsx("div", { className: "drawer__after", children: after })] }));
29
+ open: isOpenModal, overlayClassName: "drawer__overlay", size: size || 600, onClose: onClickClose, children: [before && jsxRuntime.jsx("div", { className: "drawer__before", children: before }), children && jsxRuntime.jsx("div", { className: "drawer__wrapper", children: children }), after && jsxRuntime.jsx("div", { className: "drawer__after", children: after })] }));
26
30
  }
27
31
 
28
32
  exports.Drawer = Drawer;
package/dist/components/Drawer.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
+ import { useRef, useEffect } from 'react';
2
3
  import clsx from 'clsx';
3
4
  import ReactDrawer from 'react-modern-drawer';
4
5
 
@@ -13,14 +14,17 @@ var drawerConfig = {
13
14
  },
14
15
  };
15
16
  function Drawer(props) {
16
- var children = props.children, direction = props.direction, isOpenModal = props.isOpenModal, after = props.after, before = props.before, className = props.className, closeModal = props.closeModal, dataTour = props.dataTour, enableOverlay = props.enableOverlay, size = props.size, type = props.type;
17
- // // @ts-expect-error
18
- // const appearanceConfig = drawerConfig.appearance && drawerConfig.appearance[appearance]
19
- // const classGenerator = useDeviceTargetClassGenerator(props, appearanceConfig)
20
- // const {} = classGenerator
17
+ var children = props.children, direction = props.direction, isOpenModal = props.isOpenModal, after = props.after, before = props.before, className = props.className, dataTour = props.dataTour, enableOverlay = props.enableOverlay, size = props.size, type = props.type, onClickClose = props.onClickClose, onClose = props.onClose;
18
+ var prevIsOpenModalRef = useRef(null);
19
+ useEffect(function () {
20
+ if (onClose && prevIsOpenModalRef.current === true && !isOpenModal) {
21
+ onClose();
22
+ }
23
+ prevIsOpenModalRef.current = Boolean(isOpenModal);
24
+ }, [isOpenModal, onClose]);
21
25
  return (jsxs(ReactDrawer, { className: clsx('drawer', type && "drawer_type_".concat(type), className, dataTour && "data-tour-".concat(dataTour)), direction: direction || 'right', enableOverlay: enableOverlay, lockBackgroundScroll: false,
22
26
  // @ts-expect-error
23
- open: isOpenModal, overlayClassName: "drawer__overlay", size: size || 600, onClose: closeModal, children: [before && jsx("div", { className: "drawer__before", children: before }), children && jsx("div", { className: "drawer__wrapper", children: children }), after && jsx("div", { className: "drawer__after", children: after })] }));
27
+ open: isOpenModal, overlayClassName: "drawer__overlay", size: size || 600, onClose: onClickClose, children: [before && jsx("div", { className: "drawer__before", children: before }), children && jsx("div", { className: "drawer__wrapper", children: children }), after && jsx("div", { className: "drawer__after", children: after })] }));
24
28
  }
25
29
 
26
30
  export { Drawer, drawerAppearance, drawerConfig };
package/dist/css/components/DatePicker/DatePicker.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @charset "UTF-8";
2
- .react-datepicker__year-read-view--down-arrow,
2
+ .react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
3
3
  .react-datepicker__month-read-view--down-arrow,
4
- .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
4
+ .react-datepicker__month-year-read-view--down-arrow {
5
5
  border-color: #ccc;
6
6
  border-style: solid;
7
7
  border-width: 3px 3px 0 0;
@@ -287,8 +287,7 @@ h2.react-datepicker__current-month {
287
287
  .react-datepicker__week-number.react-datepicker__week-number--clickable {
288
288
  cursor: pointer;
289
289
  }
290
- .react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
291
- .react-datepicker__week-number--keyboard-selected):hover {
290
+ .react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
292
291
  border-radius: 0.3rem;
293
292
  background-color: #f0f0f0;
294
293
  }
@@ -300,14 +299,6 @@ h2.react-datepicker__current-month {
300
299
  .react-datepicker__week-number--selected:hover {
301
300
  background-color: rgb(28.75, 93.2196969697, 143.75);
302
301
  }
303
- .react-datepicker__week-number--keyboard-selected {
304
- border-radius: 0.3rem;
305
- background-color: rgb(41.5, 134.5606060606, 207.5);
306
- color: #fff;
307
- }
308
- .react-datepicker__week-number--keyboard-selected:hover {
309
- background-color: rgb(28.75, 93.2196969697, 143.75);
310
- }
311
302
  .react-datepicker__day-names {
312
303
  white-space: nowrap;
313
304
  margin-bottom: -8px;
package/dist/css/components/Swiper/Swiper.css CHANGED
@@ -1,13 +1,13 @@
1
1
  /**
2
- * Swiper 11.1.15
2
+ * Swiper 11.2.1
3
3
  * Most modern mobile touch slider and framework with hardware accelerated transitions
4
4
  * https://swiperjs.com
5
5
  *
6
- * Copyright 2014-2024 Vladimir Kharlampidi
6
+ * Copyright 2014-2025 Vladimir Kharlampidi
7
7
  *
8
8
  * Released under the MIT License
9
9
  *
10
- * Released on: November 18, 2024
10
+ * Released on: January 10, 2025
11
11
  */
12
12
 
13
13
  /* FONT_START */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/ui",
3
- "version": "1.3.13",
3
+ "version": "1.3.15",
4
4
  "description": "UI components (Modal, Loader, Popup, etc)",
5
5
  "keywords": [
6
6
  "Modal",
@@ -16,14 +16,8 @@
16
16
  "components/*": [
17
17
  "dist/types/components/*/*.d.ts"
18
18
  ],
19
- "constants": [
20
- "dist/types/constants/*.d.ts"
21
- ],
22
- "types": [
23
- "dist/types/types/*.d.ts"
24
- ],
25
- "constants/*": [
26
- "dist/types/constants/*.d.ts"
19
+ "config/*": [
20
+ "dist/types/config/*.d.ts"
27
21
  ],
28
22
  "context/*": [
29
23
  "dist/types/context/*.d.ts"
@@ -31,33 +25,20 @@
31
25
  "hooks/*": [
32
26
  "dist/types/hooks/*.d.ts"
33
27
  ],
34
- "stories/*": [
35
- "dist/types/stories/*.d.ts"
28
+ "types/*": [
29
+ "dist/types/types/*.d.ts"
30
+ ],
31
+ "types/componentProps/*": [
32
+ "dist/types/types/componentProps/*.d.ts"
36
33
  ]
37
34
  }
38
35
  },
39
36
  "exports": {
40
- "./appearance/*": {
41
- "import": "./dist/appearance/*.js",
42
- "require": "./dist/cjs/appearance/*.js"
43
- },
44
- "./types": {
45
- "import": "./dist/types/types/index.d.ts",
46
- "types": "./dist/types/types/index.d.ts"
47
- },
48
37
  "./components/*": {
49
38
  "types": "./dist/types/components/*/index.d.ts",
50
39
  "import": "./dist/components/*.js",
51
40
  "require": "./dist/cjs/components/*.js"
52
41
  },
53
- "./constants": {
54
- "import": "./dist/constants.js",
55
- "require": "./dist/cjs/constants.js"
56
- },
57
- "./constants/*": {
58
- "import": "./dist/constants/*.js",
59
- "require": "./dist/cjs/constants/*.js"
60
- },
61
42
  "./context/*": {
62
43
  "types": "./dist/types/context/*.d.ts",
63
44
  "import": "./dist/context/*.js",
@@ -68,6 +49,14 @@
68
49
  "import": "./dist/hooks/*.js",
69
50
  "require": "./dist/cjs/hooks/*.js"
70
51
  },
52
+ "./types": {
53
+ "import": "./dist/types/types/index.d.ts",
54
+ "types": "./dist/types/types/index.d.ts"
55
+ },
56
+ "./types/componentProps/*": {
57
+ "import": "./dist/types/types/componentProps/*.d.ts",
58
+ "require": "./dist/types/types/componentProps/*.d.ts"
59
+ },
71
60
  "./stories/*": "./dist/stories/*.js"
72
61
  },
73
62
  "scripts": {
@@ -98,21 +87,20 @@
98
87
  "dependencies": {
99
88
  "@emotion/is-prop-valid": "^1.3.1",
100
89
  "@itcase/common": "^1.2.17",
101
- "@itcase/icons": "^1.0.14",
90
+ "@itcase/icons": "^1.0.18",
102
91
  "clsx": "^2.1.1",
103
92
  "date-fns": "^4.1.0",
104
- "framer-motion": "^11.15.0",
93
+ "framer-motion": "^12.0.1",
105
94
  "js-cookie": "^3.0.5",
106
95
  "lodash": "^4.17.21",
107
- "rc-slider": "^11.1.7",
96
+ "rc-slider": "^11.1.8",
108
97
  "react": "^18.3.1",
109
- "react-dadata": "^2.23.3",
110
- "react-date-range": "^2.0.1",
111
- "react-datepicker": "^7.5.0",
98
+ "react-dadata": "^2.27.4",
99
+ "react-datepicker": "^7.6.0",
112
100
  "react-dom": "^18.3.1",
113
101
  "react-indiana-drag-scroll": "^3.0.3-alpha",
114
- "react-inlinesvg": "^4.1.5",
115
- "react-modal-sheet": "^3.3.0",
102
+ "react-inlinesvg": "^4.1.8",
103
+ "react-modal-sheet": "^4.0.1",
116
104
  "react-modern-drawer": "^1.4.0",
117
105
  "react-otp-input": "^3.1.1",
118
106
  "react-paginate": "^8.2.0",
@@ -120,20 +108,19 @@
120
108
  "react-scroll": "^1.9.0",
121
109
  "react-scrollbars-custom": "^4.1.1",
122
110
  "react-select": "^5.9.0",
123
- "swiper": "^11.1.15",
124
- "uuid": "^11.0.3"
111
+ "swiper": "^11.2.1",
112
+ "uuid": "^11.0.5"
125
113
  },
126
114
  "devDependencies": {
127
115
  "@babel/core": "^7.26.0",
128
- "@babel/eslint-parser": "^7.25.9",
116
+ "@babel/eslint-parser": "^7.26.5",
129
117
  "@babel/eslint-plugin": "^7.25.9",
130
118
  "@babel/preset-env": "^7.26.0",
131
119
  "@babel/preset-react": "^7.26.3",
132
120
  "@commitlint/cli": "^19.6.1",
133
121
  "@commitlint/config-conventional": "^19.6.0",
134
- "@itcase/icons": "^1.0.16",
135
- "@itcase/lint": "^1.0.35",
136
- "@itcase/ui": "^1.3.11",
122
+ "@itcase/icons": "^1.0.18",
123
+ "@itcase/lint": "^1.0.36",
137
124
  "@lehoczky/postcss-fluid": "^1.0.3",
138
125
  "@rollup/plugin-babel": "^6.0.4",
139
126
  "@rollup/plugin-commonjs": "^28.0.2",
@@ -144,17 +131,17 @@
144
131
  "@rollup/plugin-typescript": "^12.1.2",
145
132
  "@semantic-release/changelog": "^6.0.3",
146
133
  "@semantic-release/git": "^10.0.1",
147
- "@semantic-release/release-notes-generator": "14.0.2",
148
- "@storybook/addon-essentials": "^8.4.7",
149
- "@storybook/addon-interactions": "^8.4.7",
134
+ "@semantic-release/release-notes-generator": "14.0.3",
135
+ "@storybook/addon-essentials": "^8.5.0",
136
+ "@storybook/addon-interactions": "^8.5.0",
150
137
  "@storybook/addon-styling-webpack": "^1.0.1",
151
- "@storybook/addon-themes": "^8.4.7",
152
- "@storybook/addon-webpack5-compiler-swc": "^1.0.5",
153
- "@storybook/blocks": "^8.4.7",
154
- "@storybook/react": "^8.4.7",
155
- "@storybook/react-webpack5": "^8.4.7",
138
+ "@storybook/addon-themes": "^8.5.0",
139
+ "@storybook/addon-webpack5-compiler-swc": "^2.0.0",
140
+ "@storybook/blocks": "^8.5.0",
141
+ "@storybook/react": "^8.5.0",
142
+ "@storybook/react-webpack5": "^8.5.0",
156
143
  "@types/js-cookie": "^3.0.6",
157
- "@types/lodash": "^4.17.13",
144
+ "@types/lodash": "^4.17.14",
158
145
  "@types/react": "^19",
159
146
  "@types/react-datepicker": "^7.0.0",
160
147
  "@types/react-dom": "^19.0.2",
@@ -165,11 +152,11 @@
165
152
  "babel-plugin-react-docgen": "^4.2.1",
166
153
  "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
167
154
  "conventional-changelog-conventionalcommits": "^8.0.0",
168
- "eslint": "9.17.0",
155
+ "eslint": "9.18.0",
169
156
  "husky": "^9.1.7",
170
- "lint-staged": "^15.2.11",
157
+ "lint-staged": "^15.4.1",
171
158
  "npm": "^11.0.0",
172
- "postcss": "^8.4.49",
159
+ "postcss": "^8.5.1",
173
160
  "postcss-aspect-ratio-polyfill": "^2.0.0",
174
161
  "postcss-cli": "^11.0.0",
175
162
  "postcss-combine-duplicated-selectors": "^10.0.3",
@@ -187,18 +174,18 @@
187
174
  "postcss-nested-ancestors": "^3.0.0",
188
175
  "postcss-normalize": "^13.0.1",
189
176
  "postcss-prepend-imports": "^1.0.1",
190
- "postcss-preset-env": "^10.1.2",
177
+ "postcss-preset-env": "^10.1.3",
191
178
  "postcss-pxtorem": "^6.1.0",
192
179
  "postcss-sort-media-queries": "^5.2.0",
193
180
  "prettier": "^3.4.2",
194
- "rollup": "^4.29.1",
181
+ "rollup": "^4.31.0",
195
182
  "rollup-plugin-copy": "^3.5.0",
196
183
  "rollup-plugin-dts": "^6.1.1",
197
184
  "rollup-plugin-peer-deps-external": "^2.2.4",
198
185
  "rollup-preserve-directives": "^1.1.3",
199
- "semantic-release": "^24.2.0",
200
- "storybook": "^8.4.7",
201
- "stylelint": "^16.12.0",
202
- "typescript": "^5.7.2"
186
+ "semantic-release": "^24.2.1",
187
+ "storybook": "^8.5.0",
188
+ "stylelint": "^16.13.2",
189
+ "typescript": "^5.7.3"
203
190
  }
204
191
  }