@xaypay/tui 0.2.26 → 0.2.28

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.
package/CHANGELOG.md ADDED
@@ -0,0 +1,360 @@
1
+ # Changelog
2
+
3
+ All notable changes to `@xaypay/tui` will be documented in this file.
4
+
5
+ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
6
+ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
7
+
8
+ ## [0.2.27] - 2025-11-05
9
+
10
+ ### Added
11
+ - **SWIPEMODAL** Update title possibility in SwipeModal component with updateTitle function, need two params title and id
12
+ - **FILE** ExtentionsTextDots props on FILE component
13
+ - **FILE** New props on FILE component: lableShowMore, labelShowLessText, labelShowMoreText, showMoreTextColor
14
+ - **MODAL** NoScroll props on MODAL config
15
+ - **SWIPEMODAL** NoScroll config props on SWIPEMODAL
16
+
17
+ ### Fixed
18
+ - **TABLE** Drag and drop functionality when draggable is false
19
+ - **FILE** Extentions color
20
+
21
+ ## [0.2.26] - 2025-08-21
22
+
23
+ ### Added
24
+ - **ACCORDION** CloseHoverIcon props on accordion component
25
+ - **FILE** Exist color prop on extensions text
26
+ - **INPUT, AUTOCOMPLETE, FILE, SELECT, TEXTAREA** UseLabelTooltip props on INPUT, AUTOCOMPLETE, FILE, SELECT, TEXTAREA components
27
+ - **FILE** ExtentionsTextColor props on FILE component
28
+ - **INPUT, SELECT, TEXTAREA, AUTOCOMPLETE** Tooltip functionality on INPUT, SELECT, TEXTAREA, AUTOCOMPLETE components, like as FILE component tooltip
29
+ - **SELECT** Placeholder color to select component
30
+
31
+ ### Removed
32
+ - **INPUT** LabelDots props from INPUT component
33
+
34
+ ## [0.2.25] - 2025-07-22
35
+
36
+ ### Changed
37
+ - **SWIPEMODAL** Update SwipeModal old version
38
+
39
+ ### Added
40
+ - **SELECT** ErrorIcon and showErrorIcon props on Select component
41
+ - **FILE** SVG icon on File component
42
+ - **TABLE** ClickableRowColumnTd prop on Table component
43
+ - **MODAL** CloseIconFix, closeIconTopPosition, closeIconRightPosition props
44
+ - **MODAL** Correction: close Icon on Modal
45
+
46
+ ## [0.2.24] - 2025-07-03
47
+
48
+ ### Fixed
49
+ - **FILE** File component fake clear files
50
+ - **FILE** File tooltip
51
+
52
+ ### Removed
53
+ - Console logs
54
+
55
+ ## [0.2.23] - 2025-06-27
56
+
57
+ ### Added
58
+ - **FILE** Tooltip on label in FILE component
59
+ - **FILE** Error icon on FILE component
60
+ - **FILE** Possibility to set text align to left on FILE component
61
+ - **INPUT** Placeholder color on INPUT component
62
+ - **TABLE** Hover possibility on TABLE component actions, add contentHover prop in data structure
63
+
64
+ ## [0.2.22] - 2025-06-23
65
+
66
+ ### Changed
67
+ - **TABLE** Table border set style
68
+
69
+ ### Added
70
+ - **TABLE** TableBorderColor prop
71
+ - **TABLE** Open close arrow icons on table component
72
+ - **TABLE** New functionality on table, to collapse full row
73
+ - **TABLE** CollapseFullRow and tableBorder props
74
+ - **TABLE** Implement collapse all table in collapseFullRow mode
75
+
76
+ ### Fixed
77
+ - **INPUT** Input with cardNumber copy and paste long numbers
78
+ - **INPUT** Input with cardNumber prop bug (type after num length 16)
79
+ - **INPUT** InputMode attribute on input number for open numeric mode keyboard browser detect mobile device
80
+ - **FILE** ShowPreviewIconInSmallComponent prop on file component for show icon if needed
81
+
82
+ ## [0.2.21] - 2025-06-05
83
+
84
+ ### Added
85
+ - **INPUT** ClassName to input type tel, for number code
86
+
87
+ ## [0.2.20] - 2025-05-16
88
+
89
+ ### Added
90
+ - **MODAL** CloseIconClass prop and className in MODAL.icon
91
+ - **MODAL** Set header icon on modal component
92
+
93
+ ## [0.2.19] - 2025-04-08
94
+
95
+ ### Fixed
96
+ - **MODAL** Header close icon position
97
+ - **FILE** Show single file name
98
+
99
+ ## [0.2.18] - 2025-03-31
100
+
101
+ ### Fixed
102
+ - **FILE** File choose rollback
103
+
104
+ ### Added
105
+ - **MODAL** No data on body message
106
+ - Hide unnecessary border
107
+ - **FILE** Doc and docx file upload possibility on File component
108
+
109
+ ## [0.2.17] - 2025-02-27
110
+
111
+ ### Added
112
+ - **MODAL** Possibility to add icon on modal component in header
113
+ - **MODAL** Add props
114
+
115
+ ## [0.2.16] - 2025-02-18
116
+
117
+ ### Changed
118
+ - **SWIPEMODAL** Swipe modal usage
119
+
120
+ ### Added
121
+ - **TEXTAREA** Remove required field from Textarea onChange
122
+ - **TEXTAREA** Add name on Textarea
123
+ - **SWIPEMODAL** Check react root element for swipe modal
124
+ - **SWIPEMODAL** Check width with percentage
125
+
126
+ ### Fixed
127
+ - **INPUT** ErrorMessage input type number with cardNumber prop
128
+
129
+ ## [0.2.15] - 2025-01-17
130
+
131
+ ### Fixed
132
+ - **TABLE** Table draggable rerender
133
+
134
+ ### Added
135
+ - **SELECT** Prop on select for rotate arrow
136
+ - **INPUT** SSN to input type text
137
+
138
+ ## [0.2.14] - 2025-01-04
139
+
140
+ ### Changed
141
+ - **INPUT** Input number cardnumber
142
+ - **INPUT** Input number
143
+ - **INPUT** Input error border color logic
144
+ - **SELECT** Inline style position in select component
145
+ - **ACCORDION** Accordion prop
146
+ - **RADIO** Radio component
147
+ - **FILE** File component sendBack file functionality
148
+ - **INPUT** Input maxLength logic, also get from config
149
+ - **INPUT** Input max and min numSize logic
150
+ - **TABLE** Margins in table for legal project
151
+ - **TOASTER** Deprecated findDOMNode to ref
152
+
153
+ ### Added
154
+ - **ACCORDION** OpenHoverIcon on accordion component
155
+ - **SELECT** Lang prop on select
156
+ - **SELECT** Set select icon width
157
+ - **INPUT** Add styles on goTo input
158
+ - **INPUT** CardNumber on input component
159
+ - **RADIO** Label hover color on radio component
160
+ - **ACCORDION** Create accordion component
161
+ - **PAGINATION** Fix pagination and add offset select
162
+ - **PAGINATION** Add select into pagination
163
+ - **MODAL** ShowCloseIcon and headerTextAlign props into modal component
164
+ - **INPUT** IconPadding prop on input component
165
+ - **TABLE** Refactor table for draggable td
166
+ - **TEXTAREA, SWIPEMODAL** Refactor textarea and swipemodal
167
+ - **SWIPEMODAL** Add showCloseIcon on swipe modal
168
+ - **INPUT** Add icons for input label and error
169
+ - **TOOLTIP** New positions on tooltip component
170
+ - **TOOLTIP** Add functionality to open tooltip with hover
171
+ - **SWIPEMODAL** Create swipe modal component
172
+ - **SWIPEMODAL** SwipeModal: over functionality
173
+ - **BUTTON** New requirements on BUTTON component, can choose left/right icon side, without styling prop for hide border and background color
174
+ - **TOASTER** Customization functionality on Toaster component, add opportunity to add custom icons
175
+ - **TABLE** Dnd on table component
176
+ - **INPUT** LabelDots prop into config
177
+ - **INPUT** Props on input type number (labelDots, withZero, numberMaxLength)
178
+ - **INPUT** Type tel functionality
179
+ - **INPUT** Functionality on input type number to remove unnecessary 0
180
+ - **MODAL** Change slides in modal with arrows keys
181
+ - **SELECT** Select: solve open options
182
+ - **MODAL** Default loader in modal component
183
+ - **INPUT** Resolve input type number float with dot and comma
184
+
185
+ ### Fixed
186
+ - **MODAL** Modal outsideClose logic
187
+ - **ACCORDION** Accordion opened color
188
+ - **INPUT** Input type number with cardNumber prop
189
+ - **MODAL** Modal close icon size
190
+ - **INPUT** Input inner error
191
+ - **FILE** File component logic in single mode
192
+ - **FILE, TABLE** Heic format, table drag drop
193
+ - **FILE** Check heic file format on windows os
194
+ - **TOASTER** Toaster center in mobile
195
+ - **TOASTER** Toaster exist before render
196
+
197
+ ## [0.2.13] - 2024-06-28
198
+
199
+ ### Changed
200
+ - **ALL** Import export configs for all components
201
+ - **ALL** Remove all defaultProps from all components, set in params (version less v0.2.2)
202
+ - **CORE** Utils from project to core
203
+
204
+ ## [0.2.12] - 2024-06-25
205
+
206
+ ### Changed
207
+ - **ALL** Import export configs for all components
208
+ - **ALL** Remove all defaultProps from all components, set in params (version less v0.2.2)
209
+
210
+ ## [0.2.11] - 2024-06-12
211
+
212
+ ### Changed
213
+ - **BUILD** Pin node version in volta
214
+
215
+ ## [0.2.10] - 2024-05-20
216
+
217
+ ### Changed
218
+ - **BUILD** Merge branch 'new-node-version'
219
+
220
+ ## [0.2.9] - 2024-05-16
221
+
222
+ ### Changed
223
+ - **BUILD** Test version of build-lib
224
+
225
+ ## [0.2.8] - 2024-05-13
226
+
227
+ ### Changed
228
+ - **BUILD** Package json version update
229
+ - **BUILD** Temp commit with node new version
230
+
231
+ ## [0.2.7] - 2024-03-04
232
+
233
+ ### Changed
234
+ - **DOCS** Changelog for 0.1.6 version
235
+
236
+ ## [0.2.6] - 2024-01-16
237
+
238
+ ### Changed
239
+ - **DOCS** Change changelog for new version
240
+
241
+ ## [0.2.5] - 2024-01-15
242
+
243
+ ### Changed
244
+ - **DOCS** Changelog: Add new version
245
+
246
+ ## [0.2.4] - 2023-02-26
247
+
248
+ ### Changed
249
+ - **BUILD** Merge with master, check version in package json, resolve conflicts
250
+
251
+ ### Fixed
252
+ - **INPUT** Resolve value type, add Proptypes.number, check it to transform to string
253
+
254
+ ## [0.2.3] - 2023-02-11
255
+
256
+ ### Changed
257
+ - **BUILD** Change webpack version from 4 to 5 for build storybook
258
+
259
+ ### Fixed
260
+ - **CHECKBOX** Resolve config imports in singlecheckbox
261
+
262
+ ## [0.2.2] - 2023-02-11
263
+
264
+ ### Changed
265
+ - **ALL** Import export configs for all components
266
+ - **ALL** Remove all defaultProps from all components, set in params
267
+
268
+ ## [0.2.1] - Previous
269
+
270
+ ### Added
271
+ - **ALL** Initial features and components
272
+
273
+ ## [0.2.0] - Previous
274
+
275
+ ### Added
276
+ - **TUI** Major release with component library structure
277
+ - **TUI** Refactor configuration new styles
278
+ - **TUI** Code optimization
279
+ - **TUI** Hotfix
280
+
281
+ ## [0.1.10] - Previous
282
+
283
+ ### Added
284
+ - Previous version features
285
+
286
+ ## [0.1.9] - Previous
287
+
288
+ ### Added
289
+ - Previous version features
290
+
291
+ ## [0.1.8] - Previous
292
+
293
+ ### Added
294
+ - **FILE** Add functionality for reset error message in single mode (using ref from project)
295
+
296
+ ### Fixed
297
+ - **MODAL** Fix Modal body alignment
298
+
299
+ ## [0.1.7] - Previous
300
+
301
+ ### Fixed
302
+ - **BUILD** Fix build problem
303
+
304
+ ## [0.1.6] - Previous
305
+
306
+ ### Fixed
307
+ - **TEXTAREA** Fix Textarea typing problem
308
+
309
+ ## [0.1.5] - Previous
310
+
311
+ ### Added
312
+ - **INPUT** Split as components through propTypes
313
+ - **MODAL** Add prop for head background color with type content
314
+
315
+ ### Changed
316
+ - **AUTOCOMPLETE** Change typing logic for change prop function
317
+ - **TEXTAREA** Change error message show logic
318
+
319
+ ## [0.1.4] - Previous
320
+
321
+ ### Fixed
322
+ - **INPUT** Fix error animation, maxLength prop
323
+ - **INPUT** Fix key. Random to uuid
324
+
325
+ ### Changed
326
+ - **INPUT** Deprecated props and configs of animation, transform and animationDuration
327
+
328
+ ## [0.1.3] - Previous
329
+
330
+ ### Changed
331
+ - **INPUT** Optimization code and structure
332
+
333
+ ## [0.1.2] - Previous
334
+
335
+ ### Added
336
+ - **TABLE** Add possibility on table to set content list item as array
337
+
338
+ ### Changed
339
+ - **INPUT** Change type tel show message when typing
340
+
341
+ ## [0.1.1] - Previous
342
+
343
+ ### Changed
344
+ - **INPUT** Change telErrorMessage to errorMessage
345
+
346
+ ### Fixed
347
+ - **TEXTAREA** Fix textarea errorMessage
348
+ - **MODAL** Fix max height and width
349
+
350
+ ## [0.1.0] - Previous
351
+
352
+ ### Added
353
+ - **TUI** Refactor configuration new styles
354
+ - **TUI** Code optimization
355
+ - **TUI** Hotfix
356
+
357
+ ---
358
+
359
+ _Note: Versions 0.0.119 through 0.0.123 contain additional component changes. Please refer to git history for those versions._
360
+
package/dist/index.es.js CHANGED
@@ -2400,6 +2400,7 @@ const File = /*#__PURE__*/forwardRef(({
2400
2400
  console.error(error);
2401
2401
  });
2402
2402
  return () => {
2403
+ setCheckTextLength(() => false);
2403
2404
  if (tooltipElem) {
2404
2405
  document.body.removeChild(tooltipElem);
2405
2406
  }
@@ -2535,11 +2536,11 @@ const File = /*#__PURE__*/forwardRef(({
2535
2536
  overflow: extentionsTextDots || configStyles.FILE.extentionsTextDots ? 'hidden' : 'visible',
2536
2537
  textOverflow: extentionsTextDots || configStyles.FILE.extentionsTextDots ? 'ellipsis' : ''
2537
2538
  }
2538
- }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, fileSizeText ?? configStyles.FILE.sizeText, " ", maxSize, " \u0544\u0532", /*#__PURE__*/React__default.createElement("span", {
2539
+ }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, fileSizeText ?? configStyles.FILE.sizeText, " ", maxSize, " \u0544\u0532 ", ' ', /*#__PURE__*/React__default.createElement("span", {
2539
2540
  style: {
2540
2541
  color: extentionsTextColor ?? configStyles.FILE.extentionsTextColor
2541
2542
  }
2542
- }, "(", ' ', " ", fileExtensions.toString().split(',').join(', '), ")"))))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
2543
+ }, "(", fileExtensions.toString().split(',').join(', '), ")"))))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
2543
2544
  className: styles$b['small-file-component'],
2544
2545
  style: {
2545
2546
  width: '100%',
@@ -2584,11 +2585,20 @@ const File = /*#__PURE__*/forwardRef(({
2584
2585
  overflow: extentionsTextDots || configStyles.FILE.extentionsTextDots ? 'hidden' : 'visible',
2585
2586
  textOverflow: extentionsTextDots || configStyles.FILE.extentionsTextDots ? 'ellipsis' : ''
2586
2587
  }
2587
- }, singleFile && singleFile[`${0}`] ? singleFile[`${0}`].name : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, fileSizeText ?? configStyles.FILE.sizeText, " ", maxSize, " \u0544\u0532", /*#__PURE__*/React__default.createElement("span", {
2588
+ }, singleFile && singleFile[`${0}`] ? /*#__PURE__*/React__default.createElement("span", {
2589
+ style: {
2590
+ display: 'inline-block',
2591
+ width: `calc(${maxWidth ?? configStyles.FILE.maxWidth} - 140px)`,
2592
+ whiteSpace: 'nowrap',
2593
+ overflow: 'hidden',
2594
+ textOverflow: 'ellipsis',
2595
+ textAlign: 'right'
2596
+ }
2597
+ }, singleFile[`${0}`].name) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, fileSizeText ?? configStyles.FILE.sizeText, " ", maxSize, " \u0544\u0532 ", ' ', /*#__PURE__*/React__default.createElement("span", {
2588
2598
  style: {
2589
2599
  color: extentionsTextColor ?? configStyles.FILE.extentionsTextColor
2590
2600
  }
2591
- }, "(", ' ', " ", fileExtensions.toString().split(',').join(', '), ")")))))), /*#__PURE__*/React__default.createElement("div", {
2601
+ }, "(", fileExtensions.toString().split(',').join(', '), ")")))))), /*#__PURE__*/React__default.createElement("div", {
2592
2602
  style: {
2593
2603
  position: 'absolute',
2594
2604
  top: '0px',
@@ -4706,6 +4716,9 @@ const Modal = ({
4706
4716
  const handleMouseLeave = () => {
4707
4717
  setIsHover(false);
4708
4718
  };
4719
+ function ResetTouchRemove(e) {
4720
+ e.preventDefault();
4721
+ }
4709
4722
  useEffect(() => {
4710
4723
  if (type === 'images') {
4711
4724
  if (data) {
@@ -4744,11 +4757,14 @@ const Modal = ({
4744
4757
  newConfigStyles = {
4745
4758
  ...data
4746
4759
  };
4747
- if (hasOwnerProperty(newConfigStyles.MODAL, 'noScroll') && newConfigStyles.MODAL.noScroll) {
4760
+ if (newConfigStyles.MODAL && hasOwnerProperty(newConfigStyles.MODAL, 'noScroll') && newConfigStyles.MODAL.noScroll) {
4748
4761
  style.textContent = `.tui-no-srcoll-class{overflow:hidden!important;}`;
4749
4762
  document.head.appendChild(style);
4750
4763
  document.body.classList.add('tui-no-srcoll-class');
4751
4764
  document.documentElement.classList.add('tui-no-srcoll-class');
4765
+ document.documentElement.addEventListener('touchmove', ResetTouchRemove, {
4766
+ passive: false
4767
+ });
4752
4768
  }
4753
4769
  setClassProps(() => classnames(className ?? data.MODAL.className));
4754
4770
  setConfigStyles(() => {
@@ -4762,12 +4778,13 @@ const Modal = ({
4762
4778
  return () => {
4763
4779
  setSelect(0);
4764
4780
  setInnerData([]);
4765
- if (hasOwnerProperty(newConfigStyles.MODAL, 'noScroll') && newConfigStyles.MODAL.noScroll) {
4781
+ if (newConfigStyles.MODAL && hasOwnerProperty(newConfigStyles.MODAL, 'noScroll') && newConfigStyles.MODAL.noScroll) {
4766
4782
  const noScrllable = document.getElementsByClassName('tui-no-srcoll-class');
4767
4783
  if (noScrllable) {
4768
4784
  style.remove();
4769
4785
  document.body.classList.remove('tui-no-srcoll-class');
4770
4786
  document.documentElement.classList.remove('tui-no-srcoll-class');
4787
+ document.documentElement.removeEventListener('touchmove', ResetTouchRemove);
4771
4788
  }
4772
4789
  }
4773
4790
  document.removeEventListener('keydown', e => {
@@ -8462,7 +8479,7 @@ const Swipe = ({
8462
8479
  }, child));
8463
8480
  };
8464
8481
 
8465
- var css_248z$2 = "body.swipe-module_tui-no-srcoll-class__YS9cI,html.swipe-module_tui-no-srcoll-class__YS9cI{height:100%;overflow:hidden!important}.swipe-module_to-top__lrHfG{bottom:0}.swipe-module_to-left__kgLsE{right:0}.swipe-module_to-right__Xu3Ul{left:0}.swipe-module_to-bottom__94M7H{top:0}.swipe-module_visible__---aC{visibility:visible!important}.swipe-module_swipe-block__Yv1B3{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.swipe-module_move-top__m6t2O{-webkit-animation-name:swipe-module_slideTop__-Bbap;animation-name:swipe-module_slideTop__-Bbap}.swipe-module_move-left__4TDLs{-webkit-animation-name:swipe-module_slideLeft__i24cS;animation-name:swipe-module_slideLeft__i24cS}.swipe-module_move-right__FrYo0{-webkit-animation-name:swipe-module_slideRight__swgSY;animation-name:swipe-module_slideRight__swgSY}.swipe-module_move-bottom__eYDx6{-webkit-animation-name:swipe-module_slideBottom__TBoZo;animation-name:swipe-module_slideBottom__TBoZo}.swipe-module_back-top__gJZv0{-webkit-animation-name:swipe-module_backTop__32loc;animation-name:swipe-module_backTop__32loc}.swipe-module_back-left__Wd3aY{-webkit-animation-name:swipe-module_backLeft__q89ub;animation-name:swipe-module_backLeft__q89ub}.swipe-module_back-right__Lgwz7{-webkit-animation-name:swipe-module_backRight__8t5Dm;animation-name:swipe-module_backRight__8t5Dm}.swipe-module_back-bottom__JRN-7{-webkit-animation-name:swipe-module_backBottom__lwR8B;animation-name:swipe-module_backBottom__lwR8B}@keyframes swipe-module_slideTop__-Bbap{0%{bottom:-100%}to{bottom:0}}@keyframes swipe-module_slideLeft__i24cS{0%{right:-100%}to{right:0}}@keyframes swipe-module_slideRight__swgSY{0%{left:-100%}to{left:0}}@keyframes swipe-module_slideBottom__TBoZo{0%{top:-100%}to{top:0}}@keyframes swipe-module_backTop__32loc{0%{bottom:0}to{bottom:-100%}}@keyframes swipe-module_backLeft__q89ub{0%{right:0}to{right:-100%}}@keyframes swipe-module_backRight__8t5Dm{0%{left:0}to{left:-100%}}@keyframes swipe-module_backBottom__lwR8B{0%{top:0}to{top:-100%}}";
8482
+ var css_248z$2 = "body.swipe-module_tui-no-srcoll-class__YS9cI,html.swipe-module_tui-no-srcoll-class__YS9cI{height:100%;overflow:hidden!important;overscroll-behavior:none!important}.swipe-module_to-top__lrHfG{bottom:0}.swipe-module_to-left__kgLsE{right:0}.swipe-module_to-right__Xu3Ul{left:0}.swipe-module_to-bottom__94M7H{top:0}.swipe-module_visible__---aC{visibility:visible!important}.swipe-module_swipe-block__Yv1B3{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.swipe-module_move-top__m6t2O{-webkit-animation-name:swipe-module_slideTop__-Bbap;animation-name:swipe-module_slideTop__-Bbap}.swipe-module_move-left__4TDLs{-webkit-animation-name:swipe-module_slideLeft__i24cS;animation-name:swipe-module_slideLeft__i24cS}.swipe-module_move-right__FrYo0{-webkit-animation-name:swipe-module_slideRight__swgSY;animation-name:swipe-module_slideRight__swgSY}.swipe-module_move-bottom__eYDx6{-webkit-animation-name:swipe-module_slideBottom__TBoZo;animation-name:swipe-module_slideBottom__TBoZo}.swipe-module_back-top__gJZv0{-webkit-animation-name:swipe-module_backTop__32loc;animation-name:swipe-module_backTop__32loc}.swipe-module_back-left__Wd3aY{-webkit-animation-name:swipe-module_backLeft__q89ub;animation-name:swipe-module_backLeft__q89ub}.swipe-module_back-right__Lgwz7{-webkit-animation-name:swipe-module_backRight__8t5Dm;animation-name:swipe-module_backRight__8t5Dm}.swipe-module_back-bottom__JRN-7{-webkit-animation-name:swipe-module_backBottom__lwR8B;animation-name:swipe-module_backBottom__lwR8B}@keyframes swipe-module_slideTop__-Bbap{0%{bottom:-100%}to{bottom:0}}@keyframes swipe-module_slideLeft__i24cS{0%{right:-100%}to{right:0}}@keyframes swipe-module_slideRight__swgSY{0%{left:-100%}to{left:0}}@keyframes swipe-module_slideBottom__TBoZo{0%{top:-100%}to{top:0}}@keyframes swipe-module_backTop__32loc{0%{bottom:0}to{bottom:-100%}}@keyframes swipe-module_backLeft__q89ub{0%{right:0}to{right:-100%}}@keyframes swipe-module_backRight__8t5Dm{0%{left:0}to{left:-100%}}@keyframes swipe-module_backBottom__lwR8B{0%{top:0}to{top:-100%}}";
8466
8483
  var styles$2 = {"tui-no-srcoll-class":"swipe-module_tui-no-srcoll-class__YS9cI","to-top":"swipe-module_to-top__lrHfG","to-left":"swipe-module_to-left__kgLsE","to-right":"swipe-module_to-right__Xu3Ul","to-bottom":"swipe-module_to-bottom__94M7H","visible":"swipe-module_visible__---aC","swipe-block":"swipe-module_swipe-block__Yv1B3","move-top":"swipe-module_move-top__m6t2O","slideTop":"swipe-module_slideTop__-Bbap","move-left":"swipe-module_move-left__4TDLs","slideLeft":"swipe-module_slideLeft__i24cS","move-right":"swipe-module_move-right__FrYo0","slideRight":"swipe-module_slideRight__swgSY","move-bottom":"swipe-module_move-bottom__eYDx6","slideBottom":"swipe-module_slideBottom__TBoZo","back-top":"swipe-module_back-top__gJZv0","backTop":"swipe-module_backTop__32loc","back-left":"swipe-module_back-left__Wd3aY","backLeft":"swipe-module_backLeft__q89ub","back-right":"swipe-module_back-right__Lgwz7","backRight":"swipe-module_backRight__8t5Dm","back-bottom":"swipe-module_back-bottom__JRN-7","backBottom":"swipe-module_backBottom__lwR8B"};
8467
8484
  styleInject(css_248z$2);
8468
8485
 
@@ -8566,6 +8583,9 @@ const handleNavigationChange = () => {
8566
8583
  };
8567
8584
  })(window.history);
8568
8585
  const style = document.createElement('style');
8586
+ function ResetTouchRemove(e) {
8587
+ e.preventDefault();
8588
+ }
8569
8589
  const swipe = {
8570
8590
  open: (title = '', id, child, props) => {
8571
8591
  let newConfigStyles = {};
@@ -8578,11 +8598,14 @@ const swipe = {
8578
8598
  return;
8579
8599
  }
8580
8600
  if (swipeCount === 0) {
8581
- if (hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
8601
+ if (newConfigStyles.SWIPEMODAL && hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
8582
8602
  style.textContent = `.tui-no-srcoll-class{overflow:hidden!important;}`;
8583
8603
  document.head.appendChild(style);
8584
8604
  document.body.classList.add('tui-no-srcoll-class');
8585
8605
  document.documentElement.classList.add('tui-no-srcoll-class');
8606
+ document.documentElement.addEventListener('touchmove', ResetTouchRemove, {
8607
+ passive: false
8608
+ });
8586
8609
  }
8587
8610
  window.addEventListener('popstate', handleNavigationChange);
8588
8611
  window.addEventListener('navigationchange', handleNavigationChange);
@@ -8622,12 +8645,13 @@ const swipe = {
8622
8645
  window.removeEventListener('popstate', handleNavigationChange);
8623
8646
  window.removeEventListener('navigationchange', handleNavigationChange);
8624
8647
  document.body.removeChild(swipable);
8625
- if (hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
8648
+ if (newConfigStyles.SWIPEMODAL && hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
8626
8649
  const noScrllable = document.getElementsByClassName('tui-no-srcoll-class');
8627
8650
  if (noScrllable) {
8628
8651
  style.remove();
8629
8652
  document.body.classList.remove('tui-no-srcoll-class');
8630
8653
  document.documentElement.classList.remove('tui-no-srcoll-class');
8654
+ document.documentElement.removeEventListener('touchmove', ResetTouchRemove);
8631
8655
  }
8632
8656
  }
8633
8657
  }
@@ -8638,17 +8662,29 @@ const swipe = {
8638
8662
  window.removeEventListener('popstate', handleNavigationChange);
8639
8663
  window.removeEventListener('navigationchange', handleNavigationChange);
8640
8664
  document.body.removeChild(swipable);
8641
- if (hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
8665
+ if (newConfigStyles.SWIPEMODAL && hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
8642
8666
  const noScrllable = document.getElementsByClassName('tui-no-srcoll-class');
8643
8667
  if (noScrllable) {
8644
8668
  style.remove();
8645
8669
  document.body.classList.remove('tui-no-srcoll-class');
8646
8670
  document.documentElement.classList.remove('tui-no-srcoll-class');
8671
+ document.documentElement.removeEventListener('touchmove', ResetTouchRemove);
8647
8672
  }
8648
8673
  }
8649
8674
  }
8650
8675
  }
8651
8676
  }
8677
+ },
8678
+ updateTitle: (title, id) => {
8679
+ const elem = document.getElementById(id);
8680
+ const titleElem = elem.querySelector('h1');
8681
+ if (elem) {
8682
+ if (titleElem) {
8683
+ if (title) {
8684
+ titleElem.innerText = title;
8685
+ }
8686
+ }
8687
+ }
8652
8688
  }
8653
8689
  };
8654
8690
  const SwipeModal = () => {
package/dist/index.js CHANGED
@@ -2431,6 +2431,7 @@ const File = /*#__PURE__*/React.forwardRef(({
2431
2431
  console.error(error);
2432
2432
  });
2433
2433
  return () => {
2434
+ setCheckTextLength(() => false);
2434
2435
  if (tooltipElem) {
2435
2436
  document.body.removeChild(tooltipElem);
2436
2437
  }
@@ -2566,11 +2567,11 @@ const File = /*#__PURE__*/React.forwardRef(({
2566
2567
  overflow: extentionsTextDots || configStyles.FILE.extentionsTextDots ? 'hidden' : 'visible',
2567
2568
  textOverflow: extentionsTextDots || configStyles.FILE.extentionsTextDots ? 'ellipsis' : ''
2568
2569
  }
2569
- }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fileSizeText ?? configStyles.FILE.sizeText, " ", maxSize, " \u0544\u0532", /*#__PURE__*/React__default["default"].createElement("span", {
2570
+ }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fileSizeText ?? configStyles.FILE.sizeText, " ", maxSize, " \u0544\u0532 ", ' ', /*#__PURE__*/React__default["default"].createElement("span", {
2570
2571
  style: {
2571
2572
  color: extentionsTextColor ?? configStyles.FILE.extentionsTextColor
2572
2573
  }
2573
- }, "(", ' ', " ", fileExtensions.toString().split(',').join(', '), ")"))))) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
2574
+ }, "(", fileExtensions.toString().split(',').join(', '), ")"))))) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
2574
2575
  className: styles$b['small-file-component'],
2575
2576
  style: {
2576
2577
  width: '100%',
@@ -2615,11 +2616,20 @@ const File = /*#__PURE__*/React.forwardRef(({
2615
2616
  overflow: extentionsTextDots || configStyles.FILE.extentionsTextDots ? 'hidden' : 'visible',
2616
2617
  textOverflow: extentionsTextDots || configStyles.FILE.extentionsTextDots ? 'ellipsis' : ''
2617
2618
  }
2618
- }, singleFile && singleFile[`${0}`] ? singleFile[`${0}`].name : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fileSizeText ?? configStyles.FILE.sizeText, " ", maxSize, " \u0544\u0532", /*#__PURE__*/React__default["default"].createElement("span", {
2619
+ }, singleFile && singleFile[`${0}`] ? /*#__PURE__*/React__default["default"].createElement("span", {
2620
+ style: {
2621
+ display: 'inline-block',
2622
+ width: `calc(${maxWidth ?? configStyles.FILE.maxWidth} - 140px)`,
2623
+ whiteSpace: 'nowrap',
2624
+ overflow: 'hidden',
2625
+ textOverflow: 'ellipsis',
2626
+ textAlign: 'right'
2627
+ }
2628
+ }, singleFile[`${0}`].name) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fileSizeText ?? configStyles.FILE.sizeText, " ", maxSize, " \u0544\u0532 ", ' ', /*#__PURE__*/React__default["default"].createElement("span", {
2619
2629
  style: {
2620
2630
  color: extentionsTextColor ?? configStyles.FILE.extentionsTextColor
2621
2631
  }
2622
- }, "(", ' ', " ", fileExtensions.toString().split(',').join(', '), ")")))))), /*#__PURE__*/React__default["default"].createElement("div", {
2632
+ }, "(", fileExtensions.toString().split(',').join(', '), ")")))))), /*#__PURE__*/React__default["default"].createElement("div", {
2623
2633
  style: {
2624
2634
  position: 'absolute',
2625
2635
  top: '0px',
@@ -4737,6 +4747,9 @@ const Modal = ({
4737
4747
  const handleMouseLeave = () => {
4738
4748
  setIsHover(false);
4739
4749
  };
4750
+ function ResetTouchRemove(e) {
4751
+ e.preventDefault();
4752
+ }
4740
4753
  React.useEffect(() => {
4741
4754
  if (type === 'images') {
4742
4755
  if (data) {
@@ -4775,11 +4788,14 @@ const Modal = ({
4775
4788
  newConfigStyles = {
4776
4789
  ...data
4777
4790
  };
4778
- if (hasOwnerProperty(newConfigStyles.MODAL, 'noScroll') && newConfigStyles.MODAL.noScroll) {
4791
+ if (newConfigStyles.MODAL && hasOwnerProperty(newConfigStyles.MODAL, 'noScroll') && newConfigStyles.MODAL.noScroll) {
4779
4792
  style.textContent = `.tui-no-srcoll-class{overflow:hidden!important;}`;
4780
4793
  document.head.appendChild(style);
4781
4794
  document.body.classList.add('tui-no-srcoll-class');
4782
4795
  document.documentElement.classList.add('tui-no-srcoll-class');
4796
+ document.documentElement.addEventListener('touchmove', ResetTouchRemove, {
4797
+ passive: false
4798
+ });
4783
4799
  }
4784
4800
  setClassProps(() => classnames__default["default"](className ?? data.MODAL.className));
4785
4801
  setConfigStyles(() => {
@@ -4793,12 +4809,13 @@ const Modal = ({
4793
4809
  return () => {
4794
4810
  setSelect(0);
4795
4811
  setInnerData([]);
4796
- if (hasOwnerProperty(newConfigStyles.MODAL, 'noScroll') && newConfigStyles.MODAL.noScroll) {
4812
+ if (newConfigStyles.MODAL && hasOwnerProperty(newConfigStyles.MODAL, 'noScroll') && newConfigStyles.MODAL.noScroll) {
4797
4813
  const noScrllable = document.getElementsByClassName('tui-no-srcoll-class');
4798
4814
  if (noScrllable) {
4799
4815
  style.remove();
4800
4816
  document.body.classList.remove('tui-no-srcoll-class');
4801
4817
  document.documentElement.classList.remove('tui-no-srcoll-class');
4818
+ document.documentElement.removeEventListener('touchmove', ResetTouchRemove);
4802
4819
  }
4803
4820
  }
4804
4821
  document.removeEventListener('keydown', e => {
@@ -8493,7 +8510,7 @@ const Swipe = ({
8493
8510
  }, child));
8494
8511
  };
8495
8512
 
8496
- var css_248z$2 = "body.swipe-module_tui-no-srcoll-class__YS9cI,html.swipe-module_tui-no-srcoll-class__YS9cI{height:100%;overflow:hidden!important}.swipe-module_to-top__lrHfG{bottom:0}.swipe-module_to-left__kgLsE{right:0}.swipe-module_to-right__Xu3Ul{left:0}.swipe-module_to-bottom__94M7H{top:0}.swipe-module_visible__---aC{visibility:visible!important}.swipe-module_swipe-block__Yv1B3{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.swipe-module_move-top__m6t2O{-webkit-animation-name:swipe-module_slideTop__-Bbap;animation-name:swipe-module_slideTop__-Bbap}.swipe-module_move-left__4TDLs{-webkit-animation-name:swipe-module_slideLeft__i24cS;animation-name:swipe-module_slideLeft__i24cS}.swipe-module_move-right__FrYo0{-webkit-animation-name:swipe-module_slideRight__swgSY;animation-name:swipe-module_slideRight__swgSY}.swipe-module_move-bottom__eYDx6{-webkit-animation-name:swipe-module_slideBottom__TBoZo;animation-name:swipe-module_slideBottom__TBoZo}.swipe-module_back-top__gJZv0{-webkit-animation-name:swipe-module_backTop__32loc;animation-name:swipe-module_backTop__32loc}.swipe-module_back-left__Wd3aY{-webkit-animation-name:swipe-module_backLeft__q89ub;animation-name:swipe-module_backLeft__q89ub}.swipe-module_back-right__Lgwz7{-webkit-animation-name:swipe-module_backRight__8t5Dm;animation-name:swipe-module_backRight__8t5Dm}.swipe-module_back-bottom__JRN-7{-webkit-animation-name:swipe-module_backBottom__lwR8B;animation-name:swipe-module_backBottom__lwR8B}@keyframes swipe-module_slideTop__-Bbap{0%{bottom:-100%}to{bottom:0}}@keyframes swipe-module_slideLeft__i24cS{0%{right:-100%}to{right:0}}@keyframes swipe-module_slideRight__swgSY{0%{left:-100%}to{left:0}}@keyframes swipe-module_slideBottom__TBoZo{0%{top:-100%}to{top:0}}@keyframes swipe-module_backTop__32loc{0%{bottom:0}to{bottom:-100%}}@keyframes swipe-module_backLeft__q89ub{0%{right:0}to{right:-100%}}@keyframes swipe-module_backRight__8t5Dm{0%{left:0}to{left:-100%}}@keyframes swipe-module_backBottom__lwR8B{0%{top:0}to{top:-100%}}";
8513
+ var css_248z$2 = "body.swipe-module_tui-no-srcoll-class__YS9cI,html.swipe-module_tui-no-srcoll-class__YS9cI{height:100%;overflow:hidden!important;overscroll-behavior:none!important}.swipe-module_to-top__lrHfG{bottom:0}.swipe-module_to-left__kgLsE{right:0}.swipe-module_to-right__Xu3Ul{left:0}.swipe-module_to-bottom__94M7H{top:0}.swipe-module_visible__---aC{visibility:visible!important}.swipe-module_swipe-block__Yv1B3{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.swipe-module_move-top__m6t2O{-webkit-animation-name:swipe-module_slideTop__-Bbap;animation-name:swipe-module_slideTop__-Bbap}.swipe-module_move-left__4TDLs{-webkit-animation-name:swipe-module_slideLeft__i24cS;animation-name:swipe-module_slideLeft__i24cS}.swipe-module_move-right__FrYo0{-webkit-animation-name:swipe-module_slideRight__swgSY;animation-name:swipe-module_slideRight__swgSY}.swipe-module_move-bottom__eYDx6{-webkit-animation-name:swipe-module_slideBottom__TBoZo;animation-name:swipe-module_slideBottom__TBoZo}.swipe-module_back-top__gJZv0{-webkit-animation-name:swipe-module_backTop__32loc;animation-name:swipe-module_backTop__32loc}.swipe-module_back-left__Wd3aY{-webkit-animation-name:swipe-module_backLeft__q89ub;animation-name:swipe-module_backLeft__q89ub}.swipe-module_back-right__Lgwz7{-webkit-animation-name:swipe-module_backRight__8t5Dm;animation-name:swipe-module_backRight__8t5Dm}.swipe-module_back-bottom__JRN-7{-webkit-animation-name:swipe-module_backBottom__lwR8B;animation-name:swipe-module_backBottom__lwR8B}@keyframes swipe-module_slideTop__-Bbap{0%{bottom:-100%}to{bottom:0}}@keyframes swipe-module_slideLeft__i24cS{0%{right:-100%}to{right:0}}@keyframes swipe-module_slideRight__swgSY{0%{left:-100%}to{left:0}}@keyframes swipe-module_slideBottom__TBoZo{0%{top:-100%}to{top:0}}@keyframes swipe-module_backTop__32loc{0%{bottom:0}to{bottom:-100%}}@keyframes swipe-module_backLeft__q89ub{0%{right:0}to{right:-100%}}@keyframes swipe-module_backRight__8t5Dm{0%{left:0}to{left:-100%}}@keyframes swipe-module_backBottom__lwR8B{0%{top:0}to{top:-100%}}";
8497
8514
  var styles$2 = {"tui-no-srcoll-class":"swipe-module_tui-no-srcoll-class__YS9cI","to-top":"swipe-module_to-top__lrHfG","to-left":"swipe-module_to-left__kgLsE","to-right":"swipe-module_to-right__Xu3Ul","to-bottom":"swipe-module_to-bottom__94M7H","visible":"swipe-module_visible__---aC","swipe-block":"swipe-module_swipe-block__Yv1B3","move-top":"swipe-module_move-top__m6t2O","slideTop":"swipe-module_slideTop__-Bbap","move-left":"swipe-module_move-left__4TDLs","slideLeft":"swipe-module_slideLeft__i24cS","move-right":"swipe-module_move-right__FrYo0","slideRight":"swipe-module_slideRight__swgSY","move-bottom":"swipe-module_move-bottom__eYDx6","slideBottom":"swipe-module_slideBottom__TBoZo","back-top":"swipe-module_back-top__gJZv0","backTop":"swipe-module_backTop__32loc","back-left":"swipe-module_back-left__Wd3aY","backLeft":"swipe-module_backLeft__q89ub","back-right":"swipe-module_back-right__Lgwz7","backRight":"swipe-module_backRight__8t5Dm","back-bottom":"swipe-module_back-bottom__JRN-7","backBottom":"swipe-module_backBottom__lwR8B"};
8498
8515
  styleInject(css_248z$2);
8499
8516
 
@@ -8597,6 +8614,9 @@ const handleNavigationChange = () => {
8597
8614
  };
8598
8615
  })(window.history);
8599
8616
  const style = document.createElement('style');
8617
+ function ResetTouchRemove(e) {
8618
+ e.preventDefault();
8619
+ }
8600
8620
  const swipe = {
8601
8621
  open: (title = '', id, child, props) => {
8602
8622
  let newConfigStyles = {};
@@ -8609,11 +8629,14 @@ const swipe = {
8609
8629
  return;
8610
8630
  }
8611
8631
  if (swipeCount === 0) {
8612
- if (hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
8632
+ if (newConfigStyles.SWIPEMODAL && hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
8613
8633
  style.textContent = `.tui-no-srcoll-class{overflow:hidden!important;}`;
8614
8634
  document.head.appendChild(style);
8615
8635
  document.body.classList.add('tui-no-srcoll-class');
8616
8636
  document.documentElement.classList.add('tui-no-srcoll-class');
8637
+ document.documentElement.addEventListener('touchmove', ResetTouchRemove, {
8638
+ passive: false
8639
+ });
8617
8640
  }
8618
8641
  window.addEventListener('popstate', handleNavigationChange);
8619
8642
  window.addEventListener('navigationchange', handleNavigationChange);
@@ -8653,12 +8676,13 @@ const swipe = {
8653
8676
  window.removeEventListener('popstate', handleNavigationChange);
8654
8677
  window.removeEventListener('navigationchange', handleNavigationChange);
8655
8678
  document.body.removeChild(swipable);
8656
- if (hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
8679
+ if (newConfigStyles.SWIPEMODAL && hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
8657
8680
  const noScrllable = document.getElementsByClassName('tui-no-srcoll-class');
8658
8681
  if (noScrllable) {
8659
8682
  style.remove();
8660
8683
  document.body.classList.remove('tui-no-srcoll-class');
8661
8684
  document.documentElement.classList.remove('tui-no-srcoll-class');
8685
+ document.documentElement.removeEventListener('touchmove', ResetTouchRemove);
8662
8686
  }
8663
8687
  }
8664
8688
  }
@@ -8669,17 +8693,29 @@ const swipe = {
8669
8693
  window.removeEventListener('popstate', handleNavigationChange);
8670
8694
  window.removeEventListener('navigationchange', handleNavigationChange);
8671
8695
  document.body.removeChild(swipable);
8672
- if (hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
8696
+ if (newConfigStyles.SWIPEMODAL && hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
8673
8697
  const noScrllable = document.getElementsByClassName('tui-no-srcoll-class');
8674
8698
  if (noScrllable) {
8675
8699
  style.remove();
8676
8700
  document.body.classList.remove('tui-no-srcoll-class');
8677
8701
  document.documentElement.classList.remove('tui-no-srcoll-class');
8702
+ document.documentElement.removeEventListener('touchmove', ResetTouchRemove);
8678
8703
  }
8679
8704
  }
8680
8705
  }
8681
8706
  }
8682
8707
  }
8708
+ },
8709
+ updateTitle: (title, id) => {
8710
+ const elem = document.getElementById(id);
8711
+ const titleElem = elem.querySelector('h1');
8712
+ if (elem) {
8713
+ if (titleElem) {
8714
+ if (title) {
8715
+ titleElem.innerText = title;
8716
+ }
8717
+ }
8718
+ }
8683
8719
  }
8684
8720
  };
8685
8721
  const SwipeModal = () => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xaypay/tui",
3
- "version": "0.2.26",
3
+ "version": "0.2.28",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",