benivo-ui-library 1.8.55 → 1.8.56

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 (2) hide show
  1. package/package.json +116 -116
  2. package/tooltip.less +18 -27
package/package.json CHANGED
@@ -1,122 +1,122 @@
1
1
  {
2
- "name": "benivo-ui-library",
3
- "version": "1.8.55",
4
- "description": "Benivo UI library",
5
- "main": "index.js",
6
- "license": "MIT",
7
- "readme": "README.md",
8
- "keywords": [
9
- "react",
10
- "react-ui-lib",
11
- "components",
12
- "hooks"
13
- ],
14
- "scripts": {
15
- "test": "jest",
16
- "coverage": "jest --coverage",
17
- "prestart": "npm test",
18
- "build": "rimraf lib && webpack --mode production --config webpack.config.js",
19
- "new-node-build": "set NODE_OPTIONS=--openssl-legacy-provider && rimraf lib && webpack --mode production --config webpack.config.js",
20
- "start": "webpack-dev-server --open --hot --mode development --config webpack.config.dev.js",
21
- "debug": "webpack-dev-server --open --hot --mode development --config webpack.config.dev.js",
22
- "storybook": "storybook dev -p 6006",
23
- "build-storybook": "storybook build"
24
- },
25
- "peerDependencies": {
26
- "prop-types": "^15.7.2",
27
- "react": "^18.2.0",
28
- "react-dom": "^18.2.0"
29
- },
30
- "devDependencies": {
31
- "@babel/cli": "^7.24.1",
32
- "@babel/core": "^7.24.3",
33
- "@babel/node": "^7.23.9",
34
- "@babel/plugin-proposal-class-properties": "^7.18.6",
35
- "@babel/plugin-proposal-optional-chaining": "^7.18.9",
36
- "@babel/plugin-transform-modules-commonjs": "^7.24.1",
37
- "@babel/plugin-transform-runtime": "^7.19.6",
38
- "@babel/plugin-transform-shorthand-properties": "^7.18.6",
39
- "@babel/polyfill": "^7.12.1",
40
- "@babel/preset-env": "^7.19.4",
41
- "@babel/preset-react": "^7.18.6",
42
- "@babel/runtime": "^7.18.9",
43
- "@chromatic-com/storybook": "^1.3.3",
44
- "@storybook/addon-essentials": "^8.0.8",
45
- "@storybook/addon-interactions": "^8.0.8",
46
- "@storybook/addon-links": "^8.0.8",
47
- "@storybook/addon-onboarding": "^8.0.8",
48
- "@storybook/addon-styling-webpack": "^1.0.0",
49
- "@storybook/addon-webpack5-compiler-swc": "^1.0.2",
50
- "@storybook/blocks": "^8.0.8",
51
- "@storybook/react": "^8.0.8",
52
- "@storybook/react-webpack5": "^8.0.8",
53
- "@storybook/test": "^8.0.8",
54
- "@testing-library/jest-dom": "^5.16.5",
55
- "@testing-library/react": "^14.0.0",
56
- "babel-jest": "^24.1.0",
57
- "babel-loader": "^8.3.0",
58
- "babel-plugin-react-require": "^4.0.2",
59
- "copy-webpack-plugin": "^11.0.0",
60
- "css-loader": "^6.8.1",
61
- "css-minimizer-webpack-plugin": "^4.1.0",
62
- "file-loader": "^5.0.2",
63
- "html-webpack-plugin": "^5.5.0",
64
- "jest": "^29.6.2",
65
- "jest-canvas-mock": "^2.4.0",
66
- "jest-cli": "^29.6.2",
67
- "jest-environment-jsdom": "^29.6.2",
68
- "less": "^3.10.3",
69
- "less-loader": "^11.0.0",
70
- "mini-css-extract-plugin": "^0.8.0",
71
- "path": "^0.12.7",
72
- "prop-types": "^15.7.2",
73
- "react": "^18.2.0",
74
- "react-datepicker": "^4.8.0",
75
- "react-dom": "^18.2.0",
76
- "storybook": "^8.0.8",
77
- "style-loader": "^3.3.3",
78
- "terser-webpack-plugin": "^5.3.6",
79
- "url-loader": "^4.1.1",
80
- "webpack": "^5.91.0",
81
- "webpack-bundle-analyzer": "^4.6.1",
82
- "webpack-cli": "^4.10.0",
83
- "webpack-dev-middleware": "^5.3.4",
84
- "webpack-dev-server": "^4.10.0",
85
- "webpack-hot-middleware": "^2.25.2",
86
- "webpack-md5-hash": "0.0.6",
87
- "webpack-node-externals": "^3.0.0"
88
- },
89
- "dependencies": {
90
- "dompurify": "^2.4.0",
91
- "lodash": "^4.17.21",
92
- "moment": "^2.29.4",
93
- "npm": "^9.8.1",
94
- "react-loading-skeleton": "^3.1.0",
95
- "react-notifications-component": "^4.0.1",
96
- "react-places-autocomplete": "^7.2.1",
97
- "react-router-dom": "^5.2.0",
98
- "react-select": "^5.5.0",
99
- "rimraf": "^3.0.2",
100
- "swiper": "^7.3.1"
101
- },
102
- "overrides": {
103
- "babel-loader": {
104
- "loader-utils": "^2.0.4"
2
+ "name": "benivo-ui-library",
3
+ "version": "1.8.56",
4
+ "description": "Benivo UI library",
5
+ "main": "index.js",
6
+ "license": "MIT",
7
+ "readme": "README.md",
8
+ "keywords": [
9
+ "react",
10
+ "react-ui-lib",
11
+ "components",
12
+ "hooks"
13
+ ],
14
+ "scripts": {
15
+ "test": "jest",
16
+ "coverage": "jest --coverage",
17
+ "prestart": "npm test",
18
+ "build": "rimraf lib && webpack --mode production --config webpack.config.js",
19
+ "new-node-build": "set NODE_OPTIONS=--openssl-legacy-provider && rimraf lib && webpack --mode production --config webpack.config.js",
20
+ "start": "webpack-dev-server --open --hot --mode development --config webpack.config.dev.js",
21
+ "debug": "webpack-dev-server --open --hot --mode development --config webpack.config.dev.js",
22
+ "storybook": "storybook dev -p 6006",
23
+ "build-storybook": "storybook build"
105
24
  },
106
- "eslint-loader": {
107
- "loader-utils": "^2.0.4"
25
+ "peerDependencies": {
26
+ "prop-types": "^15.7.2",
27
+ "react": "^18.2.0",
28
+ "react-dom": "^18.2.0"
108
29
  },
109
- "file-loader": {
110
- "loader-utils": "^2.0.4"
30
+ "devDependencies": {
31
+ "@babel/cli": "^7.24.1",
32
+ "@babel/core": "^7.24.3",
33
+ "@babel/node": "^7.23.9",
34
+ "@babel/plugin-proposal-class-properties": "^7.18.6",
35
+ "@babel/plugin-proposal-optional-chaining": "^7.18.9",
36
+ "@babel/plugin-transform-modules-commonjs": "^7.24.1",
37
+ "@babel/plugin-transform-runtime": "^7.19.6",
38
+ "@babel/plugin-transform-shorthand-properties": "^7.18.6",
39
+ "@babel/polyfill": "^7.12.1",
40
+ "@babel/preset-env": "^7.19.4",
41
+ "@babel/preset-react": "^7.18.6",
42
+ "@babel/runtime": "^7.18.9",
43
+ "@chromatic-com/storybook": "^1.3.3",
44
+ "@storybook/addon-essentials": "^8.0.8",
45
+ "@storybook/addon-interactions": "^8.0.8",
46
+ "@storybook/addon-links": "^8.0.8",
47
+ "@storybook/addon-onboarding": "^8.0.8",
48
+ "@storybook/addon-styling-webpack": "^1.0.0",
49
+ "@storybook/addon-webpack5-compiler-swc": "^1.0.2",
50
+ "@storybook/blocks": "^8.0.8",
51
+ "@storybook/react": "^8.0.8",
52
+ "@storybook/react-webpack5": "^8.0.8",
53
+ "@storybook/test": "^8.0.8",
54
+ "@testing-library/jest-dom": "^5.16.5",
55
+ "@testing-library/react": "^14.0.0",
56
+ "babel-jest": "^24.1.0",
57
+ "babel-loader": "^8.3.0",
58
+ "babel-plugin-react-require": "^4.0.2",
59
+ "copy-webpack-plugin": "^11.0.0",
60
+ "css-loader": "^6.8.1",
61
+ "css-minimizer-webpack-plugin": "^4.1.0",
62
+ "file-loader": "^5.0.2",
63
+ "html-webpack-plugin": "^5.5.0",
64
+ "jest": "^29.6.2",
65
+ "jest-canvas-mock": "^2.4.0",
66
+ "jest-cli": "^29.6.2",
67
+ "jest-environment-jsdom": "^29.6.2",
68
+ "less": "^3.10.3",
69
+ "less-loader": "^11.0.0",
70
+ "mini-css-extract-plugin": "^0.8.0",
71
+ "path": "^0.12.7",
72
+ "prop-types": "^15.7.2",
73
+ "react": "^18.2.0",
74
+ "react-datepicker": "^4.8.0",
75
+ "react-dom": "^18.2.0",
76
+ "storybook": "^8.0.8",
77
+ "style-loader": "^3.3.3",
78
+ "terser-webpack-plugin": "^5.3.6",
79
+ "url-loader": "^4.1.1",
80
+ "webpack": "^5.91.0",
81
+ "webpack-bundle-analyzer": "^4.6.1",
82
+ "webpack-cli": "^4.10.0",
83
+ "webpack-dev-middleware": "^5.3.4",
84
+ "webpack-dev-server": "^4.10.0",
85
+ "webpack-hot-middleware": "^2.25.2",
86
+ "webpack-md5-hash": "0.0.6",
87
+ "webpack-node-externals": "^3.0.0"
111
88
  },
112
- "mini-css-extract-plugin": {
113
- "loader-utils": "^2.0.4"
89
+ "dependencies": {
90
+ "dompurify": "^2.4.0",
91
+ "lodash": "^4.17.21",
92
+ "moment": "^2.29.4",
93
+ "npm": "^9.8.1",
94
+ "react-loading-skeleton": "^3.1.0",
95
+ "react-notifications-component": "^4.0.1",
96
+ "react-places-autocomplete": "^7.2.1",
97
+ "react-router-dom": "^5.2.0",
98
+ "react-select": "^5.5.0",
99
+ "rimraf": "^3.0.2",
100
+ "swiper": "^7.3.1"
114
101
  },
115
- "url-loader": {
116
- "loader-utils": "^2.0.4"
117
- },
118
- "source-map-resolve": {
119
- "decode-uri-component": "^0.2.1"
102
+ "overrides": {
103
+ "babel-loader": {
104
+ "loader-utils": "^2.0.4"
105
+ },
106
+ "eslint-loader": {
107
+ "loader-utils": "^2.0.4"
108
+ },
109
+ "file-loader": {
110
+ "loader-utils": "^2.0.4"
111
+ },
112
+ "mini-css-extract-plugin": {
113
+ "loader-utils": "^2.0.4"
114
+ },
115
+ "url-loader": {
116
+ "loader-utils": "^2.0.4"
117
+ },
118
+ "source-map-resolve": {
119
+ "decode-uri-component": "^0.2.1"
120
+ }
120
121
  }
121
- }
122
- }
122
+ }
package/tooltip.less CHANGED
@@ -18,7 +18,9 @@
18
18
  .box-shadow (@tooltip-box-shadow);
19
19
  visibility: hidden;
20
20
  opacity: 0;
21
- transition: visibility 0.35s, opacity 0.35s ease-in-out;
21
+ transition:
22
+ visibility 0.35s,
23
+ opacity 0.35s ease-in-out;
22
24
  line-height: 1.5;
23
25
 
24
26
  &.tooltip-with-triangle {
@@ -42,7 +44,7 @@
42
44
 
43
45
  &:before,
44
46
  &:after {
45
- content: "";
47
+ content: '';
46
48
  position: absolute;
47
49
  width: 31px;
48
50
  height: 85px;
@@ -66,7 +68,7 @@
66
68
  }
67
69
 
68
70
  &.tooltip-left {
69
- right: ~"calc(100% + 40px)";
71
+ right: ~'calc(100% + 40px)';
70
72
  .border-radius(@border-radius 0 @border-radius @border-radius);
71
73
 
72
74
  .tooltip-inner {
@@ -91,11 +93,10 @@
91
93
 
92
94
  &.tooltip-right {
93
95
  .border-radius(0 @border-radius @border-radius @border-radius);
94
- left: ~"calc(100% + 40px)";
96
+ left: ~'calc(100% + 40px)';
95
97
  right: unset;
96
98
 
97
99
  .tooltip-inner {
98
-
99
100
  .triangle-box {
100
101
  left: -55px;
101
102
 
@@ -141,10 +142,9 @@
141
142
  transform: translate(0, -50%);
142
143
 
143
144
  .tooltip-inner {
144
-
145
145
  &:after {
146
146
  top: 50%;
147
- margin-top:~"calc(-@{tooltip-arrow-width}/2)";
147
+ margin-top: ~'calc(-@{tooltip-arrow-width}/2)';
148
148
  }
149
149
  }
150
150
  }
@@ -153,7 +153,6 @@
153
153
  top: 0;
154
154
 
155
155
  .tooltip-inner {
156
-
157
156
  &:after {
158
157
  top: @tooltip-arrow-width;
159
158
  }
@@ -164,7 +163,6 @@
164
163
  bottom: 0;
165
164
 
166
165
  .tooltip-inner {
167
-
168
166
  &:after {
169
167
  bottom: @tooltip-arrow-width;
170
168
  }
@@ -173,28 +171,26 @@
173
171
  }
174
172
 
175
173
  &.tooltip-right {
176
- left:~"calc(100% + @{tooltip-arrow-width})";
174
+ left: ~'calc(100% + @{tooltip-arrow-width})';
177
175
 
178
176
  .tooltip-inner {
179
-
180
177
  &:after {
181
- left:~"calc(-@{tooltip-arrow-width}/2)";
178
+ left: ~'calc(-@{tooltip-arrow-width}/2)';
182
179
  .transform(rotate(-45deg));
183
180
  }
184
181
  }
185
182
  }
186
183
 
187
184
  &.tooltip-left {
188
- right:~"calc(100% + @{tooltip-arrow-width})";
185
+ right: ~'calc(100% + @{tooltip-arrow-width})';
189
186
 
190
187
  &.input-tooltip {
191
188
  right: 40px;
192
189
  }
193
190
 
194
191
  .tooltip-inner {
195
-
196
192
  &:after {
197
- right:~"calc(-@{tooltip-arrow-width}/2)";
193
+ right: ~'calc(-@{tooltip-arrow-width}/2)';
198
194
  .transform(rotate(135deg));
199
195
  }
200
196
  }
@@ -207,19 +203,17 @@
207
203
  transform: translate(-50%, 0);
208
204
 
209
205
  .tooltip-inner {
210
-
211
206
  &:after {
212
207
  left: 50%;
213
- margin-left:~"calc(-@{tooltip-arrow-width}/2)";
208
+ margin-left: ~'calc(-@{tooltip-arrow-width}/2)';
214
209
  }
215
210
  }
216
211
  }
217
212
 
218
213
  &.arrow-left {
219
- left: 0;
214
+ left: ~'calc(-50% - (@{tooltip-arrow-width}/2)/2)'; // Take the width on the arrow side
220
215
 
221
216
  .tooltip-inner {
222
-
223
217
  &:after {
224
218
  left: @tooltip-arrow-width;
225
219
  }
@@ -230,7 +224,6 @@
230
224
  right: 0;
231
225
 
232
226
  .tooltip-inner {
233
-
234
227
  &:after {
235
228
  right: @tooltip-arrow-width;
236
229
  }
@@ -239,25 +232,23 @@
239
232
  }
240
233
 
241
234
  &.tooltip-top {
242
- bottom:~"calc(100% + @{tooltip-arrow-width})";
235
+ bottom: ~'calc(100% + @{tooltip-arrow-width})';
243
236
 
244
237
  .tooltip-inner {
245
-
246
238
  &:after {
247
239
  .transform(rotate(-135deg));
248
- bottom:~"calc(-@{tooltip-arrow-width}/2)";
240
+ bottom: ~'calc(-@{tooltip-arrow-width}/2)';
249
241
  }
250
242
  }
251
243
  }
252
244
 
253
245
  &.tooltip-bottom {
254
- top:~"calc(100% + @{tooltip-arrow-width})";
246
+ top: ~'calc(100% + @{tooltip-arrow-width})';
255
247
 
256
248
  .tooltip-inner {
257
-
258
249
  &:after {
259
250
  .transform(rotate(45deg));
260
- top:~"calc(-@{tooltip-arrow-width}/2)";
251
+ top: ~'calc(-@{tooltip-arrow-width}/2)';
261
252
  }
262
253
  }
263
254
  }
@@ -288,4 +279,4 @@
288
279
  opacity: 1;
289
280
  }
290
281
  }
291
- }
282
+ }