ekm-ui 0.4.70 → 0.4.71

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.
@@ -11,7 +11,7 @@ Browserslist: caniuse-lite is outdated. Please run:
11
11
  npx update-browserslist-db@latest
12
12
  Why you should do it regularly: https://github.com/browserslist/update-db#readme
13
13
  DTS Build start
14
- DTS ⚡️ Build success in 61462ms
14
+ DTS ⚡️ Build success in 62924ms
15
15
  DTS dist/index.d.ts 4.03 KB
16
16
  DTS dist/footer-heart-icon.d.ts 70.00 B
17
17
  DTS dist/accordion.d.ts 2.19 KB
@@ -96,7 +96,6 @@ DTS dist/featurePageComponents/mini-feature-block.d.ts 254.00 B
96
96
  DTS dist/file-picker/file-listing.d.ts 992.00 B
97
97
  DTS dist/product-picker/product-listing.d.ts 890.00 B
98
98
  "HiArchive", "HiCurrencyDollar", "HiInbox", "HiLogout", "HiOutlineTicket", "HiShoppingBag", "HiUserCircle", "HiUsers" and "HiViewGrid" are imported from external module "react-icons/hi" but never used in "dist/chunk-XXP5K6Y4.js".
99
- ESM dist/product-picker/product-modal.css 124.92 KB
100
99
  ESM dist/file-picker/file-picker.css 124.91 KB
101
100
  ESM dist/layout/layout.css 124.91 KB
102
101
  ESM dist/country-picker/country-modal.css 124.92 KB
@@ -105,53 +104,54 @@ ESM dist/table-result-block.css 124.92 KB
105
104
  ESM dist/index.css 124.91 KB
106
105
  ESM dist/drag-and-drop.css 124.92 KB
107
106
  ESM dist/card-payment-block.css 124.92 KB
108
- ESM dist/product-picker/product-modal.css.map 177.64 KB
107
+ ESM dist/product-picker/product-modal.css 124.92 KB
108
+ ESM dist/file-picker/file-picker.css.map 177.64 KB
109
109
  ESM dist/layout/layout.css.map 177.64 KB
110
110
  ESM dist/country-picker/country-modal.css.map 177.64 KB
111
- ESM dist/stacked-list-item.css.map 177.64 KB
112
111
  ESM dist/table-result-block.css.map 177.64 KB
113
112
  ESM dist/index.css.map 177.64 KB
114
113
  ESM dist/drag-and-drop.css.map 177.64 KB
115
114
  ESM dist/card-payment-block.css.map 177.64 KB
116
- ESM dist/chunk-SBGTFQOD.js 8.80 KB
115
+ ESM dist/product-picker/product-modal.css.map 177.64 KB
117
116
  ESM dist/chunk-Z4LPO673.js 1.34 KB
117
+ ESM dist/stacked-list-item.css.map 177.64 KB
118
118
  ESM dist/table-header/table-header.js 284.00 B
119
119
  ESM dist/toast/index.js 189.00 B
120
120
  ESM dist/tooltip/tooltip.js 182.00 B
121
121
  ESM dist/nbui/nbui-footer.js 159.00 B
122
122
  ESM dist/nbui/nbui-page-layout.js 261.00 B
123
123
  ESM dist/pagination/pagination.js 157.00 B
124
- ESM dist/product-picker/product-listing.js 252.00 B
125
124
  ESM dist/product-picker/product-modal.js 2.46 KB
125
+ ESM dist/product-picker/product-listing.js 252.00 B
126
126
  ESM dist/search/search.js 180.00 B
127
127
  ESM dist/sidebar/sidebar.js 151.00 B
128
128
  ESM dist/sort/sort.js 176.00 B
129
129
  ESM dist/nbui/nbui-card-image.js 167.00 B
130
- ESM dist/nbui/nbui-card-lg.js 164.00 B
131
130
  ESM dist/nbui/nbui-card-paragraphs-lg.js 186.00 B
132
- ESM dist/nbui/nbui-card-paragraphs.js 177.00 B
131
+ ESM dist/nbui/nbui-card-lg.js 164.00 B
133
132
  ESM dist/nbui/nbui-card-sm.js 164.00 B
133
+ ESM dist/nbui/nbui-card-paragraphs.js 177.00 B
134
134
  ESM dist/nbui/nbui-card-table.js 167.00 B
135
- ESM dist/nbui/nbui-card.js 155.00 B
136
135
  ESM dist/nbui/nbui-container.js 165.00 B
136
+ ESM dist/nbui/nbui-card.js 155.00 B
137
137
  ESM dist/feature-cards/staff-pick-card.js 165.00 B
138
138
  ESM dist/featurePageComponents/feature-page-group.js 171.00 B
139
139
  ESM dist/featurePageComponents/mini-feature-block.js 804.00 B
140
140
  ESM dist/file-picker/file-listing.js 218.00 B
141
141
  ESM dist/file-picker/file-picker.js 2.46 KB
142
142
  ESM dist/layout/layout.js 2.45 KB
143
- ESM dist/navbar/navbar.js 180.00 B
144
143
  ESM dist/nbui/nbui-card-form.js 165.00 B
145
- ESM dist/video-dashboard-notification.js 189.00 B
144
+ ESM dist/navbar/navbar.js 180.00 B
146
145
  ESM dist/video-modal.js 156.00 B
146
+ ESM dist/video-dashboard-notification.js 189.00 B
147
147
  ESM dist/country-picker/country-listing.js 259.00 B
148
148
  ESM dist/country-picker/country-modal.js 2.46 KB
149
149
  ESM dist/cross-sell/cross-sell-carousel.js 297.00 B
150
150
  ESM dist/cross-sell/serivce-callback-banner.js 243.00 B
151
- ESM dist/cross-sell/service-card.js 315.00 B
152
151
  ESM dist/feature-cards/feature-card.js 253.00 B
153
- ESM dist/spinner.js 149.00 B
152
+ ESM dist/cross-sell/service-card.js 315.00 B
154
153
  ESM dist/stacked-list-item.js 2.39 KB
154
+ ESM dist/spinner.js 149.00 B
155
155
  ESM dist/table-result-block.js 2.39 KB
156
156
  ESM dist/test-component.js 162.00 B
157
157
  ESM dist/text-row.js 180.00 B
@@ -181,15 +181,15 @@ ESM dist/drawer.js 147.00 B
181
181
  ESM dist/dropdown.js 222.00 B
182
182
  ESM dist/ekm-logo.js 150.00 B
183
183
  ESM dist/fixed-alert.js 246.00 B
184
- ESM dist/footer-heart-icon.js 56.43 KB
185
184
  ESM dist/button.js 207.00 B
185
+ ESM dist/footer-heart-icon.js 56.43 KB
186
186
  ESM dist/card-payment-block.js 2.39 KB
187
187
  ESM dist/chunk-7V5FAXED.js 29.38 KB
188
188
  ESM dist/chunk-NF5KDPMG.js 75.66 KB
189
189
  ESM dist/chunk-YZ2YZSNQ.js 2.37 KB
190
190
  ESM dist/chunk-GVNUAH45.js 347.00 B
191
191
  ESM dist/chunk-JAR3LP2K.js 809.00 B
192
- ESM dist/chunk-V4RI6AH4.js 6.91 KB
192
+ ESM dist/chunk-WL2NTX3A.js 6.87 KB
193
193
  ESM dist/chunk-22RUXGYW.js 4.46 KB
194
194
  ESM dist/chunk-LQKVFBLU.js 3.53 KB
195
195
  ESM dist/chunk-HVNLAQA6.js 1.81 KB
@@ -203,8 +203,8 @@ ESM dist/chunk-EZPRW5WN.js 2.72 KB
203
203
  ESM dist/chunk-XKE3VK6Z.js 759.00 B
204
204
  ESM dist/chunk-7Q6OMA2A.js 782.00 B
205
205
  ESM dist/chunk-RTRHNOTP.js 690.00 B
206
- ESM dist/chunk-XABECXZS.js 1017.00 B
207
206
  ESM dist/chunk-FPXEE5TC.js 3.80 KB
207
+ ESM dist/chunk-XABECXZS.js 1017.00 B
208
208
  ESM dist/chunk-XXP5K6Y4.js 10.39 KB
209
209
  ESM dist/chunk-LWTESXND.js 1.57 KB
210
210
  ESM dist/chunk-LIXVY47P.js 1.20 KB
@@ -227,8 +227,8 @@ ESM dist/chunk-OPRNU4ER.js 2.64 KB
227
227
  ESM dist/chunk-LMMFRNNG.js 1.10 KB
228
228
  ESM dist/chunk-R3QJRZTP.js 989.00 B
229
229
  ESM dist/chunk-Z44LYPKH.js 1003.00 B
230
- ESM dist/chunk-CNJDESTL.js 588.00 B
231
230
  ESM dist/chunk-W55BPRI4.js 894.00 B
231
+ ESM dist/chunk-CNJDESTL.js 588.00 B
232
232
  ESM dist/chunk-AY4JB2QV.js 4.95 KB
233
233
  ESM dist/chunk-UQ566F6W.js 3.32 KB
234
234
  ESM dist/chunk-ESJIQMQJ.js 738.00 B
@@ -243,77 +243,76 @@ ESM dist/card.js 173.00 B
243
243
  ESM dist/checkbox.js 211.00 B
244
244
  ESM dist/chunk-ANU7OAPA.js 1.08 KB
245
245
  ESM dist/color-picker.js 188.00 B
246
- ESM dist/chunk-ISA6E23B.js 1.14 KB
247
246
  ESM dist/dashboard-notification.js 178.00 B
248
- ESM dist/chunk-OUR2CLV6.js 2.13 KB
247
+ ESM dist/chunk-ISA6E23B.js 1.14 KB
249
248
  ESM dist/date-range-picker.js 377.00 B
250
- ESM dist/chunk-XNPFK34J.js 7.17 KB
249
+ ESM dist/chunk-OUR2CLV6.js 2.13 KB
251
250
  ESM dist/chunk-DSJ5TRZW.js 1.36 KB
251
+ ESM dist/chunk-XNPFK34J.js 7.17 KB
252
252
  ESM dist/chunk-IPAI4R3G.js 655.00 B
253
253
  ESM dist/chunk-F7K7HAXY.js 443.00 B
254
254
  ESM dist/date-time-component.js 291.00 B
255
255
  ESM dist/chunk-T3HFBJ37.js 5.25 KB
256
256
  ESM dist/chunk-4FSPYK2A.js 3.40 KB
257
- ESM dist/chunk-AHD6UTU2.js 4.02 KB
258
257
  ESM dist/accordion.js 271.00 B
258
+ ESM dist/chunk-AHD6UTU2.js 4.02 KB
259
259
  ESM dist/chunk-WLWG565K.js 2.61 KB
260
- ESM dist/account-manager.js 224.00 B
261
260
  ESM dist/chunk-GIZ3LLSA.js 1.16 KB
261
+ ESM dist/account-manager.js 224.00 B
262
262
  ESM dist/chunk-ER5CL77P.js 588.00 B
263
263
  ESM dist/alert-banner.js 188.00 B
264
264
  ESM dist/chunk-5SEJVYKM.js 3.01 KB
265
265
  ESM dist/alert.js 145.00 B
266
- ESM dist/chunk-2ATHCBLY.js 919.00 B
267
266
  ESM dist/avatar.js 207.00 B
268
267
  ESM dist/chunk-2OPJLYW6.js 1.69 KB
269
268
  ESM dist/badge.js 205.00 B
270
269
  ESM dist/chunk-UJ5AEZKA.js 2.87 KB
271
- ESM dist/chunk-TJMI4DH2.js 19.88 KB
272
270
  ESM dist/breadcrumb.js 227.00 B
273
271
  ESM dist/chunk-TRVGXTCI.js 1.58 KB
274
- ESM dist/chunk-6LHL364H.js 15.70 KB
272
+ ESM dist/chunk-TJMI4DH2.js 19.88 KB
275
273
  ESM dist/button-group-item.js 167.00 B
274
+ ESM dist/chunk-6LHL364H.js 15.70 KB
276
275
  ESM dist/chunk-XYGVDZRO.js 696.00 B
277
- ESM dist/file-picker/file-picker.css.map 177.64 KB
278
- ESM dist/chunk-SBGTFQOD.js.map 15.87 KB
276
+ ESM dist/chunk-SBGTFQOD.js 8.80 KB
277
+ ESM dist/chunk-2ATHCBLY.js 919.00 B
279
278
  ESM dist/chunk-Z4LPO673.js.map 71.00 B
280
279
  ESM dist/table-header/table-header.js.map 51.00 B
281
280
  ESM dist/toast/index.js.map 51.00 B
282
281
  ESM dist/tooltip/tooltip.js.map 51.00 B
283
282
  ESM dist/nbui/nbui-footer.js.map 51.00 B
284
- ESM dist/nbui/nbui-page-layout.js.map 51.00 B
285
283
  ESM dist/pagination/pagination.js.map 51.00 B
286
- ESM dist/product-picker/product-listing.js.map 51.00 B
284
+ ESM dist/nbui/nbui-page-layout.js.map 51.00 B
287
285
  ESM dist/product-picker/product-modal.js.map 51.00 B
286
+ ESM dist/product-picker/product-listing.js.map 51.00 B
288
287
  ESM dist/search/search.js.map 51.00 B
289
288
  ESM dist/sidebar/sidebar.js.map 51.00 B
290
289
  ESM dist/sort/sort.js.map 51.00 B
291
290
  ESM dist/nbui/nbui-card-image.js.map 51.00 B
292
- ESM dist/nbui/nbui-card-lg.js.map 51.00 B
293
291
  ESM dist/nbui/nbui-card-paragraphs-lg.js.map 51.00 B
294
- ESM dist/nbui/nbui-card-paragraphs.js.map 51.00 B
292
+ ESM dist/nbui/nbui-card-lg.js.map 51.00 B
295
293
  ESM dist/nbui/nbui-card-sm.js.map 51.00 B
294
+ ESM dist/nbui/nbui-card-paragraphs.js.map 51.00 B
296
295
  ESM dist/nbui/nbui-card-table.js.map 51.00 B
297
- ESM dist/nbui/nbui-card.js.map 51.00 B
298
296
  ESM dist/nbui/nbui-container.js.map 51.00 B
297
+ ESM dist/nbui/nbui-card.js.map 51.00 B
299
298
  ESM dist/feature-cards/staff-pick-card.js.map 51.00 B
300
299
  ESM dist/featurePageComponents/feature-page-group.js.map 51.00 B
301
300
  ESM dist/featurePageComponents/mini-feature-block.js.map 1.51 KB
302
301
  ESM dist/file-picker/file-listing.js.map 51.00 B
303
302
  ESM dist/file-picker/file-picker.js.map 51.00 B
304
303
  ESM dist/layout/layout.js.map 51.00 B
305
- ESM dist/navbar/navbar.js.map 51.00 B
306
304
  ESM dist/nbui/nbui-card-form.js.map 51.00 B
307
- ESM dist/video-dashboard-notification.js.map 51.00 B
308
305
  ESM dist/video-modal.js.map 51.00 B
306
+ ESM dist/navbar/navbar.js.map 51.00 B
309
307
  ESM dist/country-picker/country-listing.js.map 51.00 B
308
+ ESM dist/video-dashboard-notification.js.map 51.00 B
310
309
  ESM dist/country-picker/country-modal.js.map 51.00 B
311
310
  ESM dist/cross-sell/cross-sell-carousel.js.map 51.00 B
312
311
  ESM dist/cross-sell/serivce-callback-banner.js.map 51.00 B
313
- ESM dist/cross-sell/service-card.js.map 51.00 B
314
312
  ESM dist/feature-cards/feature-card.js.map 51.00 B
315
- ESM dist/spinner.js.map 51.00 B
313
+ ESM dist/cross-sell/service-card.js.map 51.00 B
316
314
  ESM dist/stacked-list-item.js.map 51.00 B
315
+ ESM dist/spinner.js.map 51.00 B
317
316
  ESM dist/table-result-block.js.map 51.00 B
318
317
  ESM dist/test-component.js.map 51.00 B
319
318
  ESM dist/text-row.js.map 51.00 B
@@ -322,8 +321,8 @@ ESM dist/textinput.js.map 51.00 B
322
321
  ESM dist/toggleswitch.js.map 51.00 B
323
322
  ESM dist/mini-feature-block.js.map 51.00 B
324
323
  ESM dist/modal.js.map 51.00 B
325
- ESM dist/page-header.js.map 51.00 B
326
324
  ESM dist/no-results-block.js.map 51.00 B
325
+ ESM dist/page-header.js.map 51.00 B
327
326
  ESM dist/pin-feature-button.js.map 51.00 B
328
327
  ESM dist/progress-bar.js.map 51.00 B
329
328
  ESM dist/radio.js.map 51.00 B
@@ -341,16 +340,16 @@ ESM dist/drag-and-drop.js.map 51.00 B
341
340
  ESM dist/draggable-stacked-list-item.js.map 51.00 B
342
341
  ESM dist/drawer.js.map 51.00 B
343
342
  ESM dist/dropdown.js.map 51.00 B
344
- ESM dist/ekm-logo.js.map 51.00 B
345
343
  ESM dist/fixed-alert.js.map 51.00 B
346
- ESM dist/footer-heart-icon.js.map 57.05 KB
347
344
  ESM dist/button.js.map 51.00 B
345
+ ESM dist/footer-heart-icon.js.map 57.05 KB
348
346
  ESM dist/card-payment-block.js.map 51.00 B
349
347
  ESM dist/chunk-7V5FAXED.js.map 81.52 KB
348
+ ESM dist/ekm-logo.js.map 51.00 B
350
349
  ESM dist/chunk-YZ2YZSNQ.js.map 5.68 KB
351
350
  ESM dist/chunk-GVNUAH45.js.map 525.00 B
352
351
  ESM dist/chunk-JAR3LP2K.js.map 1.89 KB
353
- ESM dist/chunk-V4RI6AH4.js.map 14.62 KB
352
+ ESM dist/chunk-WL2NTX3A.js.map 14.52 KB
354
353
  ESM dist/chunk-22RUXGYW.js.map 9.89 KB
355
354
  ESM dist/chunk-LQKVFBLU.js.map 10.01 KB
356
355
  ESM dist/chunk-HVNLAQA6.js.map 5.19 KB
@@ -364,77 +363,78 @@ ESM dist/chunk-EZPRW5WN.js.map 4.23 KB
364
363
  ESM dist/chunk-XKE3VK6Z.js.map 1.08 KB
365
364
  ESM dist/chunk-7Q6OMA2A.js.map 1.28 KB
366
365
  ESM dist/chunk-RTRHNOTP.js.map 1.27 KB
367
- ESM dist/chunk-XABECXZS.js.map 1.77 KB
368
366
  ESM dist/chunk-FPXEE5TC.js.map 8.39 KB
367
+ ESM dist/chunk-XABECXZS.js.map 1.77 KB
369
368
  ESM dist/chunk-XXP5K6Y4.js.map 24.62 KB
370
369
  ESM dist/chunk-LWTESXND.js.map 2.48 KB
371
370
  ESM dist/chunk-LIXVY47P.js.map 2.16 KB
372
371
  ESM dist/chunk-Y5DEGGVQ.js.map 3.34 KB
373
372
  ESM dist/chunk-F7MTEILK.js.map 4.07 KB
374
- ESM dist/chunk-NGCAIS7M.js.map 5.72 KB
375
373
  ESM dist/chunk-DCVOMIPI.js.map 1.26 KB
376
- ESM dist/chunk-SE2IYY2P.js.map 7.35 KB
374
+ ESM dist/chunk-NGCAIS7M.js.map 5.72 KB
377
375
  ESM dist/chunk-IJMS44H4.js.map 2.92 KB
376
+ ESM dist/chunk-SE2IYY2P.js.map 7.35 KB
378
377
  ESM dist/chunk-AO5TGD7T.js.map 1.85 KB
379
- ESM dist/chunk-WVAVR5V6.js.map 762.00 B
380
378
  ESM dist/chunk-E5EF4RHS.js.map 1.30 KB
379
+ ESM dist/chunk-WVAVR5V6.js.map 762.00 B
381
380
  ESM dist/chunk-QCHLLBHM.js.map 2.86 KB
382
381
  ESM dist/chunk-MKSPEQBS.js.map 1.57 KB
383
- ESM dist/chunk-IV62JMW4.js.map 5.58 KB
384
382
  ESM dist/chunk-AVTJXS4U.js.map 1.06 KB
383
+ ESM dist/chunk-IV62JMW4.js.map 5.58 KB
385
384
  ESM dist/chunk-SFEJDNIA.js.map 2.56 KB
386
385
  ESM dist/chunk-V52WKDZL.js.map 2.47 KB
387
386
  ESM dist/chunk-OPRNU4ER.js.map 5.73 KB
388
387
  ESM dist/chunk-LMMFRNNG.js.map 2.51 KB
389
- ESM dist/chunk-R3QJRZTP.js.map 1.96 KB
390
388
  ESM dist/chunk-Z44LYPKH.js.map 1.91 KB
389
+ ESM dist/chunk-R3QJRZTP.js.map 1.96 KB
391
390
  ESM dist/chunk-CNJDESTL.js.map 1.16 KB
392
391
  ESM dist/chunk-W55BPRI4.js.map 2.25 KB
393
- ESM dist/chunk-AY4JB2QV.js.map 9.53 KB
394
392
  ESM dist/chunk-UQ566F6W.js.map 5.33 KB
393
+ ESM dist/chunk-AY4JB2QV.js.map 9.53 KB
395
394
  ESM dist/chunk-ESJIQMQJ.js.map 1.20 KB
396
- ESM dist/chunk-TY6TW6AX.js.map 15.80 KB
397
395
  ESM dist/chunk-DL4PX4HA.js.map 3.33 KB
396
+ ESM dist/chunk-TY6TW6AX.js.map 15.80 KB
398
397
  ESM dist/chunk-6TL5EZJH.js.map 2.48 KB
399
398
  ESM dist/chunk-NDDDT4TO.js.map 3.64 KB
399
+ ESM dist/chunk-5Z7OC2TH.js.map 1.48 KB
400
400
  ESM dist/chunk-QYKN3JZ5.js.map 8.04 KB
401
401
  ESM dist/chunk-SLIZ4TDR.js.map 2.43 KB
402
- ESM dist/chunk-5Z7OC2TH.js.map 1.48 KB
403
402
  ESM dist/card.js.map 51.00 B
404
403
  ESM dist/checkbox.js.map 51.00 B
405
404
  ESM dist/chunk-ANU7OAPA.js.map 2.27 KB
406
405
  ESM dist/color-picker.js.map 51.00 B
407
- ESM dist/chunk-ISA6E23B.js.map 3.32 KB
408
406
  ESM dist/dashboard-notification.js.map 51.00 B
409
- ESM dist/chunk-OUR2CLV6.js.map 5.25 KB
407
+ ESM dist/chunk-ISA6E23B.js.map 3.32 KB
410
408
  ESM dist/date-range-picker.js.map 51.00 B
411
- ESM dist/chunk-XNPFK34J.js.map 20.14 KB
412
409
  ESM dist/chunk-DSJ5TRZW.js.map 3.05 KB
410
+ ESM dist/chunk-OUR2CLV6.js.map 5.25 KB
413
411
  ESM dist/chunk-IPAI4R3G.js.map 1.57 KB
414
412
  ESM dist/chunk-F7K7HAXY.js.map 773.00 B
415
413
  ESM dist/date-time-component.js.map 51.00 B
414
+ ESM dist/chunk-XNPFK34J.js.map 20.14 KB
416
415
  ESM dist/chunk-T3HFBJ37.js.map 17.89 KB
417
416
  ESM dist/chunk-4FSPYK2A.js.map 21.34 KB
418
- ESM dist/chunk-AHD6UTU2.js.map 7.74 KB
419
417
  ESM dist/accordion.js.map 51.00 B
418
+ ESM dist/chunk-AHD6UTU2.js.map 7.74 KB
420
419
  ESM dist/chunk-WLWG565K.js.map 7.81 KB
421
- ESM dist/account-manager.js.map 51.00 B
422
420
  ESM dist/chunk-GIZ3LLSA.js.map 2.52 KB
421
+ ESM dist/account-manager.js.map 51.00 B
423
422
  ESM dist/chunk-ER5CL77P.js.map 998.00 B
424
423
  ESM dist/alert-banner.js.map 51.00 B
425
- ESM dist/chunk-5SEJVYKM.js.map 6.15 KB
426
424
  ESM dist/alert.js.map 51.00 B
427
- ESM dist/chunk-2ATHCBLY.js.map 2.14 KB
425
+ ESM dist/chunk-5SEJVYKM.js.map 6.15 KB
428
426
  ESM dist/avatar.js.map 51.00 B
429
427
  ESM dist/chunk-2OPJLYW6.js.map 4.13 KB
430
428
  ESM dist/badge.js.map 51.00 B
431
- ESM dist/chunk-UJ5AEZKA.js.map 4.19 KB
432
429
  ESM dist/breadcrumb.js.map 51.00 B
430
+ ESM dist/chunk-UJ5AEZKA.js.map 4.19 KB
433
431
  ESM dist/chunk-TRVGXTCI.js.map 3.33 KB
434
432
  ESM dist/button-group-item.js.map 51.00 B
435
- ESM dist/chunk-XYGVDZRO.js.map 1.25 KB
436
433
  ESM dist/chunk-6LHL364H.js.map 62.53 KB
434
+ ESM dist/chunk-XYGVDZRO.js.map 1.25 KB
437
435
  ESM dist/chunk-TJMI4DH2.js.map 117.04 KB
436
+ ESM dist/chunk-SBGTFQOD.js.map 15.87 KB
437
+ ESM dist/chunk-2ATHCBLY.js.map 2.14 KB
438
438
  ESM dist/chunk-NF5KDPMG.js.map 711.41 KB
439
- ESM ⚡️ Build success in 73311ms
440
- Done in 74.01s.
439
+ ESM ⚡️ Build success in 74148ms
440
+ Done in 74.73s.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # ekm-ui
2
2
 
3
+ ## 0.4.71
4
+
5
+ ### Patch Changes
6
+
7
+ - f30a2946: EKM-1232 Alter pagination fonts
8
+
3
9
  ## 0.4.70
4
10
 
5
11
  ### Patch Changes
@@ -3,7 +3,7 @@ import './chunk-NF5KDPMG.js';
3
3
  import './chunk-YZ2YZSNQ.js';
4
4
  import './chunk-GVNUAH45.js';
5
5
  import './chunk-JAR3LP2K.js';
6
- import './chunk-V4RI6AH4.js';
6
+ import './chunk-WL2NTX3A.js';
7
7
  import './chunk-22RUXGYW.js';
8
8
  import './chunk-LQKVFBLU.js';
9
9
  import './chunk-HVNLAQA6.js';
@@ -0,0 +1,9 @@
1
+ import s from 'clsx';
2
+ import { useMemo } from 'react';
3
+ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
4
+
5
+ function n(t,d=0){return [...Array(t).keys()].map(r=>r+d)}function w({pageSize:t,total:d,current:r,onChange:l,loading:h}){let b=Math.min((r-1)*t+1,d),p=Math.min(b+t-1,d),a=Math.ceil(d/t),v=useMemo(()=>a>5&&r>=4,[a,r]),y=useMemo(()=>a>5&&r<a-3,[a,r]),g=[];return a<=5?g=n(a,1):y?g=n(5,Math.max(r-2,1)):g=n(5,a-4),jsx("div",{id:"paginationControl",className:"w-full",children:jsx("div",{className:"relative overflow-hidden rounded-b-lg bg-white dark:bg-gray-800",children:jsxs("nav",{className:" flex flex-wrap items-start justify-between gap-x-4 gap-y-2 md:items-center","aria-label":"Table navigation",children:[jsxs("div",{className:"flex w-full justify-between md:hidden",children:[jsxs("button",{id:"btnPreviousM",disabled:r===1,className:s(r===1&&"cursor-not-allowed","ml-0 flex h-full items-center justify-center rounded-lg border border-gray-300 bg-white px-3 py-1.5 text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"),onClick:()=>l(r-1,t),children:[jsx("svg",{className:"h-5 w-5","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{fillRule:"evenodd",d:"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",clipRule:"evenodd"})}),jsx("span",{className:"leading-none",children:"Previous"})]}),jsxs("button",{id:"btnNextM",disabled:r===a,className:s(r===a&&"cursor-not-allowed","flex h-full items-center justify-center rounded-lg border border-gray-300 bg-white px-3 py-1.5 leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"),onClick:()=>l(r+1,t),children:[jsx("span",{children:"Next"}),jsx("svg",{className:"h-5 w-5","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{fillRule:"evenodd",d:"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",clipRule:"evenodd"})})]})]}),jsxs("div",{className:"hidden items-center w-full justify-between md:flex",children:[jsx("div",{id:"showingSection",className:"text-sm font-normal text-gray-500 dark:text-gray-400",children:!h&&jsxs("span",{className:"text-gray-500 dark:text-white",children:["Showing ",jsx("span",{className:"text-gray-900 font-semibold",children:`${d===0?0:b} - ${p}`})," ","of"," ",jsx("span",{className:"text-gray-900 font-semibold",children:d})]})}),jsxs("ul",{className:"hidden items-stretch -space-x-px md:inline-flex",children:[jsx("li",{children:jsxs("button",{id:"btnPrevious",disabled:r===1,className:s(r===1&&"cursor-not-allowed","ml-0 flex h-full items-center justify-center rounded-l-lg border border-gray-300 bg-white px-[8px] lg:px-3 py-1.5 text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"),onClick:()=>l(r-1,t),children:[jsx("span",{className:"sr-only",children:"Previous"}),jsx("svg",{className:"h-5 w-5","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{fillRule:"evenodd",d:"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",clipRule:"evenodd"})})]})}),v&&jsxs(Fragment,{children:[jsx("li",{children:jsx("button",{id:"btnPage1",className:s(r===1&&"cursor-not-allowed","flex items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"),onClick:()=>l(1,t),children:"1"})}),jsx("li",{className:"flex cursor-default items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400",children:"..."})]}),g.map(i=>jsx("li",{children:jsx("button",{id:`btnPage${i}`,onClick:()=>l(i,t),className:s("hidden items-center justify-center border px-[8px] lg:px-3 py-2 text-sm leading-tight",i===r?"md:flex z-10 border-primary-300 bg-primary-50 text-primary-600 hover:bg-primary-100 hover:text-primary-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white st-pageCurrent":"lg:flex border-gray-300 bg-white text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"),children:i})},i)),y&&jsxs(Fragment,{children:[jsx("li",{className:"flex cursor-default items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400",children:"..."}),jsx("li",{children:jsx("button",{id:"btnLast",className:"flex items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white",onClick:()=>l(a,t),children:a})})]}),jsx("li",{children:jsxs("button",{id:"btnNext",disabled:r===a,onClick:()=>l(r+1,t),className:s(r===a&&"cursor-not-allowed","flex h-full items-center justify-center rounded-r-lg border border-gray-300 bg-white px-[8px] lg:px-3 py-1.5 leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"),children:[jsx("span",{className:"sr-only",children:"Next"}),jsx("svg",{className:"h-5 w-5","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{fillRule:"evenodd",d:"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",clipRule:"evenodd"})})]})})]}),jsxs("div",{id:"rowsPerPageSection",className:"flex items-center space-x-3",children:[jsx("label",{htmlFor:"rows",className:"text-sm font-normal text-gray-500 dark:text-gray-400 mb-0",children:"Show"}),jsxs("select",{id:"rows",className:"block rounded-lg border border-gray-300 bg-gray-50 py-1.5 pl-3.5 pr-6 text-sm text-gray-900 focus:border-primary-500 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-primary-500 dark:focus:ring-primary-500",onChange:i=>l(1,Number(i.target.value)),value:t,children:[jsx("option",{value:10,children:"10"}),jsx("option",{value:25,children:"25"}),jsx("option",{value:50,children:"50"}),jsx("option",{value:100,children:"100"})]})]})]})]})})})}
6
+
7
+ export { w as a };
8
+ //# sourceMappingURL=out.js.map
9
+ //# sourceMappingURL=chunk-WL2NTX3A.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/pagination/pagination.tsx"],"names":["clsx","useMemo","Fragment","jsx","jsxs","range","size","startAt","i","Pagination","pageSize","total","current","onChange","loading","from","to","totalPages","showJumpPrev","showJumpNext","pages","page","e"],"mappings":"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","sourcesContent":["import clsx from \"clsx\";\nimport { useMemo } from \"react\";\n\nexport type PaginationProps = {\n pageSize: number;\n total: number;\n current: number;\n onChange: (page: number, pageSize: number) => void;\n loading?: boolean;\n};\n\nfunction range(size: number, startAt = 0): number[] {\n return [...Array(size).keys()].map((i) => i + startAt);\n}\n\nexport function Pagination({\n pageSize,\n total,\n current,\n onChange,\n loading,\n}: PaginationProps) {\n // Calculate the values that are displayed\n const from = Math.min((current - 1) * pageSize + 1, total);\n const to = Math.min(from + pageSize - 1, total);\n const totalPages = Math.ceil(total / pageSize);\n\n const showJumpPrev = useMemo(() => {\n return totalPages > 5 && current >= 4;\n }, [totalPages, current]);\n\n const showJumpNext = useMemo(() => {\n return totalPages > 5 && current < totalPages - 3;\n }, [totalPages, current]);\n\n let pages: number[] = [];\n\n if (totalPages <= 5) {\n pages = range(totalPages, 1);\n } else if (showJumpNext) {\n pages = range(5, Math.max(current - 2, 1));\n } else {\n pages = range(5, totalPages - 4);\n }\n\n return (\n <div id=\"paginationControl\" className=\"w-full\">\n <div className=\"relative overflow-hidden rounded-b-lg bg-white dark:bg-gray-800\">\n <nav\n className=\" flex flex-wrap items-start justify-between gap-x-4 gap-y-2 md:items-center\"\n aria-label=\"Table navigation\"\n >\n <div className=\"flex w-full justify-between md:hidden\">\n <button\n id=\"btnPreviousM\"\n disabled={current === 1}\n className={clsx(\n current === 1 && \"cursor-not-allowed\",\n \"ml-0 flex h-full items-center justify-center rounded-lg border border-gray-300 bg-white px-3 py-1.5 text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n )}\n onClick={() => onChange(current - 1, pageSize)}\n >\n <svg\n className=\"h-5 w-5\"\n aria-hidden=\"true\"\n fill=\"currentColor\"\n viewBox=\"0 0 20 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\"\n clipRule=\"evenodd\"\n ></path>\n </svg>\n <span className=\"leading-none\">Previous</span>\n </button>\n\n <button\n id=\"btnNextM\"\n disabled={current === totalPages}\n className={clsx(\n current === totalPages && \"cursor-not-allowed\",\n \"flex h-full items-center justify-center rounded-lg border border-gray-300 bg-white px-3 py-1.5 leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n )}\n onClick={() => onChange(current + 1, pageSize)}\n >\n <span>Next</span>\n <svg\n className=\"h-5 w-5\"\n aria-hidden=\"true\"\n fill=\"currentColor\"\n viewBox=\"0 0 20 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\n clipRule=\"evenodd\"\n ></path>\n </svg>\n </button>\n </div>\n <div className=\"hidden items-center w-full justify-between md:flex\">\n <div id=\"showingSection\" className=\"text-sm font-normal text-gray-500 dark:text-gray-400\">\n {!loading && (\n <span className=\"text-gray-500 dark:text-white\">\n Showing <span className=\"text-gray-900 font-semibold\">{`${total === 0 ? 0 : from} - ${to}`}</span>{\" \"}of{\" \"}\n <span className=\"text-gray-900 font-semibold\">\n {total}\n </span>\n </span>\n )}\n </div>\n <ul className=\"hidden items-stretch -space-x-px md:inline-flex\">\n <li>\n <button\n id=\"btnPrevious\"\n disabled={current === 1}\n className={clsx(\n current === 1 && \"cursor-not-allowed\",\n \"ml-0 flex h-full items-center justify-center rounded-l-lg border border-gray-300 bg-white px-[8px] lg:px-3 py-1.5 text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n )}\n onClick={() => onChange(current - 1, pageSize)}\n >\n <span className=\"sr-only\">Previous</span>\n <svg\n className=\"h-5 w-5\"\n aria-hidden=\"true\"\n fill=\"currentColor\"\n viewBox=\"0 0 20 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\"\n clipRule=\"evenodd\"\n ></path>\n </svg>\n </button>\n </li>\n {showJumpPrev && (\n <>\n <li>\n <button\n id=\"btnPage1\"\n className={clsx(\n current === 1 && \"cursor-not-allowed\",\n \"flex items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n )}\n onClick={() => onChange(1, pageSize)}\n >\n 1\n </button>\n </li>\n <li className=\"flex cursor-default items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400\">\n ...\n </li>\n </>\n )}\n {pages.map((page) => (\n <li key={page}>\n <button\n id={`btnPage${page}`}\n onClick={() => onChange(page, pageSize)}\n className={clsx(\n \"hidden items-center justify-center border px-[8px] lg:px-3 py-2 text-sm leading-tight\",\n page === current\n ? \"md:flex z-10 border-primary-300 bg-primary-50 text-primary-600 hover:bg-primary-100 hover:text-primary-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white st-pageCurrent\"\n : \"lg:flex border-gray-300 bg-white text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n )}\n >\n {page}\n </button>\n </li>\n ))}\n {showJumpNext && (\n <>\n <li className=\"flex cursor-default items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400\">\n ...\n </li>\n <li>\n <button\n id=\"btnLast\"\n className=\"flex items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n onClick={() => onChange(totalPages, pageSize)}\n >\n {totalPages}\n </button>\n </li>\n </>\n )}\n <li>\n <button\n id=\"btnNext\"\n disabled={current === totalPages}\n onClick={() => onChange(current + 1, pageSize)}\n className={clsx(\n current === totalPages && \"cursor-not-allowed\",\n \"flex h-full items-center justify-center rounded-r-lg border border-gray-300 bg-white px-[8px] lg:px-3 py-1.5 leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n )}\n >\n <span className=\"sr-only\">Next</span>\n <svg\n className=\"h-5 w-5\"\n aria-hidden=\"true\"\n fill=\"currentColor\"\n viewBox=\"0 0 20 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\n clipRule=\"evenodd\"\n ></path>\n </svg>\n </button>\n </li>\n </ul>\n <div id=\"rowsPerPageSection\" className=\"flex items-center space-x-3\">\n <label\n htmlFor=\"rows\"\n className=\"text-sm font-normal text-gray-500 dark:text-gray-400 mb-0\"\n >\n Show\n </label>\n <select\n id=\"rows\"\n className=\"block rounded-lg border border-gray-300 bg-gray-50 py-1.5 pl-3.5 pr-6 text-sm text-gray-900 focus:border-primary-500 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-primary-500 dark:focus:ring-primary-500\"\n onChange={(e) => onChange(1, Number(e.target.value))}\n value={pageSize}\n >\n <option value={10}>10</option>\n <option value={25}>25</option>\n <option value={50}>50</option>\n <option value={100}>100</option>\n </select>\n \n </div>\n \n </div>\n </nav>\n </div>\n </div>\n );\n}\n"]}
@@ -3,7 +3,7 @@ import '../chunk-NF5KDPMG.js';
3
3
  import '../chunk-YZ2YZSNQ.js';
4
4
  import '../chunk-GVNUAH45.js';
5
5
  import '../chunk-JAR3LP2K.js';
6
- import '../chunk-V4RI6AH4.js';
6
+ import '../chunk-WL2NTX3A.js';
7
7
  import '../chunk-22RUXGYW.js';
8
8
  import '../chunk-LQKVFBLU.js';
9
9
  import '../chunk-HVNLAQA6.js';
@@ -3,7 +3,7 @@ import './chunk-NF5KDPMG.js';
3
3
  import './chunk-YZ2YZSNQ.js';
4
4
  import './chunk-GVNUAH45.js';
5
5
  import './chunk-JAR3LP2K.js';
6
- import './chunk-V4RI6AH4.js';
6
+ import './chunk-WL2NTX3A.js';
7
7
  import './chunk-22RUXGYW.js';
8
8
  import './chunk-LQKVFBLU.js';
9
9
  import './chunk-HVNLAQA6.js';
@@ -3,7 +3,7 @@ import '../chunk-NF5KDPMG.js';
3
3
  import '../chunk-YZ2YZSNQ.js';
4
4
  import '../chunk-GVNUAH45.js';
5
5
  import '../chunk-JAR3LP2K.js';
6
- import '../chunk-V4RI6AH4.js';
6
+ import '../chunk-WL2NTX3A.js';
7
7
  import '../chunk-22RUXGYW.js';
8
8
  import '../chunk-LQKVFBLU.js';
9
9
  import '../chunk-HVNLAQA6.js';
package/dist/index.js CHANGED
@@ -3,7 +3,7 @@ export { a as TableHeader } from './chunk-NF5KDPMG.js';
3
3
  export { b as ToastProvider, c as useToast } from './chunk-YZ2YZSNQ.js';
4
4
  export { a as NBUI_Footer } from './chunk-GVNUAH45.js';
5
5
  export { a as NBUI_Page_Layout } from './chunk-JAR3LP2K.js';
6
- export { a as Pagination } from './chunk-V4RI6AH4.js';
6
+ export { a as Pagination } from './chunk-WL2NTX3A.js';
7
7
  import './chunk-22RUXGYW.js';
8
8
  export { a as Search } from './chunk-LQKVFBLU.js';
9
9
  export { b as Sidebar } from './chunk-HVNLAQA6.js';
@@ -3,7 +3,7 @@ import '../chunk-NF5KDPMG.js';
3
3
  import '../chunk-YZ2YZSNQ.js';
4
4
  import '../chunk-GVNUAH45.js';
5
5
  import '../chunk-JAR3LP2K.js';
6
- import '../chunk-V4RI6AH4.js';
6
+ import '../chunk-WL2NTX3A.js';
7
7
  import '../chunk-22RUXGYW.js';
8
8
  import '../chunk-LQKVFBLU.js';
9
9
  import '../chunk-HVNLAQA6.js';
@@ -1,4 +1,4 @@
1
- export { a as Pagination } from '../chunk-V4RI6AH4.js';
1
+ export { a as Pagination } from '../chunk-WL2NTX3A.js';
2
2
  import '../chunk-Z4LPO673.js';
3
3
  //# sourceMappingURL=out.js.map
4
4
  //# sourceMappingURL=pagination.js.map
@@ -3,7 +3,7 @@ import '../chunk-NF5KDPMG.js';
3
3
  import '../chunk-YZ2YZSNQ.js';
4
4
  import '../chunk-GVNUAH45.js';
5
5
  import '../chunk-JAR3LP2K.js';
6
- import '../chunk-V4RI6AH4.js';
6
+ import '../chunk-WL2NTX3A.js';
7
7
  import '../chunk-22RUXGYW.js';
8
8
  import '../chunk-LQKVFBLU.js';
9
9
  import '../chunk-HVNLAQA6.js';
@@ -3,7 +3,7 @@ import './chunk-NF5KDPMG.js';
3
3
  import './chunk-YZ2YZSNQ.js';
4
4
  import './chunk-GVNUAH45.js';
5
5
  import './chunk-JAR3LP2K.js';
6
- import './chunk-V4RI6AH4.js';
6
+ import './chunk-WL2NTX3A.js';
7
7
  import './chunk-22RUXGYW.js';
8
8
  import './chunk-LQKVFBLU.js';
9
9
  import './chunk-HVNLAQA6.js';
@@ -3,7 +3,7 @@ import './chunk-NF5KDPMG.js';
3
3
  import './chunk-YZ2YZSNQ.js';
4
4
  import './chunk-GVNUAH45.js';
5
5
  import './chunk-JAR3LP2K.js';
6
- import './chunk-V4RI6AH4.js';
6
+ import './chunk-WL2NTX3A.js';
7
7
  import './chunk-22RUXGYW.js';
8
8
  import './chunk-LQKVFBLU.js';
9
9
  import './chunk-HVNLAQA6.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ekm-ui",
3
- "version": "0.4.70",
3
+ "version": "0.4.71",
4
4
  "sideEffects": [
5
5
  "**/*.css"
6
6
  ],
@@ -104,15 +104,12 @@ export function Pagination({
104
104
  <div className="hidden items-center w-full justify-between md:flex">
105
105
  <div id="showingSection" className="text-sm font-normal text-gray-500 dark:text-gray-400">
106
106
  {!loading && (
107
- <>
108
- <span className="font-semibold text-gray-900 dark:text-white">
109
- Showing <>{total === 0 ? 0 : from}</> to <>{to}</>
110
- </span>{" "}
111
- of{" "}
112
- <span className="font-semibold text-gray-900 dark:text-white">
107
+ <span className="text-gray-500 dark:text-white">
108
+ Showing <span className="text-gray-900 font-semibold">{`${total === 0 ? 0 : from} - ${to}`}</span>{" "}of{" "}
109
+ <span className="text-gray-900 font-semibold">
113
110
  {total}
114
111
  </span>
115
- </>
112
+ </span>
116
113
  )}
117
114
  </div>
118
115
  <ul className="hidden items-stretch -space-x-px md:inline-flex">
@@ -1,9 +0,0 @@
1
- import g from 'clsx';
2
- import { useMemo } from 'react';
3
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
4
-
5
- function b(o,d=0){return [...Array(o).keys()].map(r=>r+d)}function w({pageSize:o,total:d,current:r,onChange:l,loading:h}){let y=Math.min((r-1)*o+1,d),p=Math.min(y+o-1,d),a=Math.ceil(d/o),v=useMemo(()=>a>5&&r>=4,[a,r]),x=useMemo(()=>a>5&&r<a-3,[a,r]),n=[];return a<=5?n=b(a,1):x?n=b(5,Math.max(r-2,1)):n=b(5,a-4),jsx("div",{id:"paginationControl",className:"w-full",children:jsx("div",{className:"relative overflow-hidden rounded-b-lg bg-white dark:bg-gray-800",children:jsxs("nav",{className:" flex flex-wrap items-start justify-between gap-x-4 gap-y-2 md:items-center","aria-label":"Table navigation",children:[jsxs("div",{className:"flex w-full justify-between md:hidden",children:[jsxs("button",{id:"btnPreviousM",disabled:r===1,className:g(r===1&&"cursor-not-allowed","ml-0 flex h-full items-center justify-center rounded-lg border border-gray-300 bg-white px-3 py-1.5 text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"),onClick:()=>l(r-1,o),children:[jsx("svg",{className:"h-5 w-5","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{fillRule:"evenodd",d:"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",clipRule:"evenodd"})}),jsx("span",{className:"leading-none",children:"Previous"})]}),jsxs("button",{id:"btnNextM",disabled:r===a,className:g(r===a&&"cursor-not-allowed","flex h-full items-center justify-center rounded-lg border border-gray-300 bg-white px-3 py-1.5 leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"),onClick:()=>l(r+1,o),children:[jsx("span",{children:"Next"}),jsx("svg",{className:"h-5 w-5","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{fillRule:"evenodd",d:"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",clipRule:"evenodd"})})]})]}),jsxs("div",{className:"hidden items-center w-full justify-between md:flex",children:[jsx("div",{id:"showingSection",className:"text-sm font-normal text-gray-500 dark:text-gray-400",children:!h&&jsxs(Fragment,{children:[jsxs("span",{className:"font-semibold text-gray-900 dark:text-white",children:["Showing ",jsx(Fragment,{children:d===0?0:y})," to ",jsx(Fragment,{children:p})]})," ","of"," ",jsx("span",{className:"font-semibold text-gray-900 dark:text-white",children:d})]})}),jsxs("ul",{className:"hidden items-stretch -space-x-px md:inline-flex",children:[jsx("li",{children:jsxs("button",{id:"btnPrevious",disabled:r===1,className:g(r===1&&"cursor-not-allowed","ml-0 flex h-full items-center justify-center rounded-l-lg border border-gray-300 bg-white px-[8px] lg:px-3 py-1.5 text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"),onClick:()=>l(r-1,o),children:[jsx("span",{className:"sr-only",children:"Previous"}),jsx("svg",{className:"h-5 w-5","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{fillRule:"evenodd",d:"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",clipRule:"evenodd"})})]})}),v&&jsxs(Fragment,{children:[jsx("li",{children:jsx("button",{id:"btnPage1",className:g(r===1&&"cursor-not-allowed","flex items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"),onClick:()=>l(1,o),children:"1"})}),jsx("li",{className:"flex cursor-default items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400",children:"..."})]}),n.map(i=>jsx("li",{children:jsx("button",{id:`btnPage${i}`,onClick:()=>l(i,o),className:g("hidden items-center justify-center border px-[8px] lg:px-3 py-2 text-sm leading-tight",i===r?"md:flex z-10 border-primary-300 bg-primary-50 text-primary-600 hover:bg-primary-100 hover:text-primary-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white st-pageCurrent":"lg:flex border-gray-300 bg-white text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"),children:i})},i)),x&&jsxs(Fragment,{children:[jsx("li",{className:"flex cursor-default items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400",children:"..."}),jsx("li",{children:jsx("button",{id:"btnLast",className:"flex items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white",onClick:()=>l(a,o),children:a})})]}),jsx("li",{children:jsxs("button",{id:"btnNext",disabled:r===a,onClick:()=>l(r+1,o),className:g(r===a&&"cursor-not-allowed","flex h-full items-center justify-center rounded-r-lg border border-gray-300 bg-white px-[8px] lg:px-3 py-1.5 leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"),children:[jsx("span",{className:"sr-only",children:"Next"}),jsx("svg",{className:"h-5 w-5","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{fillRule:"evenodd",d:"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",clipRule:"evenodd"})})]})})]}),jsxs("div",{id:"rowsPerPageSection",className:"flex items-center space-x-3",children:[jsx("label",{htmlFor:"rows",className:"text-sm font-normal text-gray-500 dark:text-gray-400 mb-0",children:"Show"}),jsxs("select",{id:"rows",className:"block rounded-lg border border-gray-300 bg-gray-50 py-1.5 pl-3.5 pr-6 text-sm text-gray-900 focus:border-primary-500 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-primary-500 dark:focus:ring-primary-500",onChange:i=>l(1,Number(i.target.value)),value:o,children:[jsx("option",{value:10,children:"10"}),jsx("option",{value:25,children:"25"}),jsx("option",{value:50,children:"50"}),jsx("option",{value:100,children:"100"})]})]})]})]})})})}
6
-
7
- export { w as a };
8
- //# sourceMappingURL=out.js.map
9
- //# sourceMappingURL=chunk-V4RI6AH4.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/pagination/pagination.tsx"],"names":["clsx","useMemo","Fragment","jsx","jsxs","range","size","startAt","i","Pagination","pageSize","total","current","onChange","loading","from","to","totalPages","showJumpPrev","showJumpNext","pages","page","e"],"mappings":"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","sourcesContent":["import clsx from \"clsx\";\nimport { useMemo } from \"react\";\n\nexport type PaginationProps = {\n pageSize: number;\n total: number;\n current: number;\n onChange: (page: number, pageSize: number) => void;\n loading?: boolean;\n};\n\nfunction range(size: number, startAt = 0): number[] {\n return [...Array(size).keys()].map((i) => i + startAt);\n}\n\nexport function Pagination({\n pageSize,\n total,\n current,\n onChange,\n loading,\n}: PaginationProps) {\n // Calculate the values that are displayed\n const from = Math.min((current - 1) * pageSize + 1, total);\n const to = Math.min(from + pageSize - 1, total);\n const totalPages = Math.ceil(total / pageSize);\n\n const showJumpPrev = useMemo(() => {\n return totalPages > 5 && current >= 4;\n }, [totalPages, current]);\n\n const showJumpNext = useMemo(() => {\n return totalPages > 5 && current < totalPages - 3;\n }, [totalPages, current]);\n\n let pages: number[] = [];\n\n if (totalPages <= 5) {\n pages = range(totalPages, 1);\n } else if (showJumpNext) {\n pages = range(5, Math.max(current - 2, 1));\n } else {\n pages = range(5, totalPages - 4);\n }\n\n return (\n <div id=\"paginationControl\" className=\"w-full\">\n <div className=\"relative overflow-hidden rounded-b-lg bg-white dark:bg-gray-800\">\n <nav\n className=\" flex flex-wrap items-start justify-between gap-x-4 gap-y-2 md:items-center\"\n aria-label=\"Table navigation\"\n >\n <div className=\"flex w-full justify-between md:hidden\">\n <button\n id=\"btnPreviousM\"\n disabled={current === 1}\n className={clsx(\n current === 1 && \"cursor-not-allowed\",\n \"ml-0 flex h-full items-center justify-center rounded-lg border border-gray-300 bg-white px-3 py-1.5 text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n )}\n onClick={() => onChange(current - 1, pageSize)}\n >\n <svg\n className=\"h-5 w-5\"\n aria-hidden=\"true\"\n fill=\"currentColor\"\n viewBox=\"0 0 20 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\"\n clipRule=\"evenodd\"\n ></path>\n </svg>\n <span className=\"leading-none\">Previous</span>\n </button>\n\n <button\n id=\"btnNextM\"\n disabled={current === totalPages}\n className={clsx(\n current === totalPages && \"cursor-not-allowed\",\n \"flex h-full items-center justify-center rounded-lg border border-gray-300 bg-white px-3 py-1.5 leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n )}\n onClick={() => onChange(current + 1, pageSize)}\n >\n <span>Next</span>\n <svg\n className=\"h-5 w-5\"\n aria-hidden=\"true\"\n fill=\"currentColor\"\n viewBox=\"0 0 20 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\n clipRule=\"evenodd\"\n ></path>\n </svg>\n </button>\n </div>\n <div className=\"hidden items-center w-full justify-between md:flex\">\n <div id=\"showingSection\" className=\"text-sm font-normal text-gray-500 dark:text-gray-400\">\n {!loading && (\n <>\n <span className=\"font-semibold text-gray-900 dark:text-white\">\n Showing <>{total === 0 ? 0 : from}</> to <>{to}</>\n </span>{\" \"}\n of{\" \"}\n <span className=\"font-semibold text-gray-900 dark:text-white\">\n {total}\n </span>\n </>\n )}\n </div>\n <ul className=\"hidden items-stretch -space-x-px md:inline-flex\">\n <li>\n <button\n id=\"btnPrevious\"\n disabled={current === 1}\n className={clsx(\n current === 1 && \"cursor-not-allowed\",\n \"ml-0 flex h-full items-center justify-center rounded-l-lg border border-gray-300 bg-white px-[8px] lg:px-3 py-1.5 text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n )}\n onClick={() => onChange(current - 1, pageSize)}\n >\n <span className=\"sr-only\">Previous</span>\n <svg\n className=\"h-5 w-5\"\n aria-hidden=\"true\"\n fill=\"currentColor\"\n viewBox=\"0 0 20 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\"\n clipRule=\"evenodd\"\n ></path>\n </svg>\n </button>\n </li>\n {showJumpPrev && (\n <>\n <li>\n <button\n id=\"btnPage1\"\n className={clsx(\n current === 1 && \"cursor-not-allowed\",\n \"flex items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n )}\n onClick={() => onChange(1, pageSize)}\n >\n 1\n </button>\n </li>\n <li className=\"flex cursor-default items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400\">\n ...\n </li>\n </>\n )}\n {pages.map((page) => (\n <li key={page}>\n <button\n id={`btnPage${page}`}\n onClick={() => onChange(page, pageSize)}\n className={clsx(\n \"hidden items-center justify-center border px-[8px] lg:px-3 py-2 text-sm leading-tight\",\n page === current\n ? \"md:flex z-10 border-primary-300 bg-primary-50 text-primary-600 hover:bg-primary-100 hover:text-primary-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white st-pageCurrent\"\n : \"lg:flex border-gray-300 bg-white text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n )}\n >\n {page}\n </button>\n </li>\n ))}\n {showJumpNext && (\n <>\n <li className=\"flex cursor-default items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400\">\n ...\n </li>\n <li>\n <button\n id=\"btnLast\"\n className=\"flex items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n onClick={() => onChange(totalPages, pageSize)}\n >\n {totalPages}\n </button>\n </li>\n </>\n )}\n <li>\n <button\n id=\"btnNext\"\n disabled={current === totalPages}\n onClick={() => onChange(current + 1, pageSize)}\n className={clsx(\n current === totalPages && \"cursor-not-allowed\",\n \"flex h-full items-center justify-center rounded-r-lg border border-gray-300 bg-white px-[8px] lg:px-3 py-1.5 leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n )}\n >\n <span className=\"sr-only\">Next</span>\n <svg\n className=\"h-5 w-5\"\n aria-hidden=\"true\"\n fill=\"currentColor\"\n viewBox=\"0 0 20 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\n clipRule=\"evenodd\"\n ></path>\n </svg>\n </button>\n </li>\n </ul>\n <div id=\"rowsPerPageSection\" className=\"flex items-center space-x-3\">\n <label\n htmlFor=\"rows\"\n className=\"text-sm font-normal text-gray-500 dark:text-gray-400 mb-0\"\n >\n Show\n </label>\n <select\n id=\"rows\"\n className=\"block rounded-lg border border-gray-300 bg-gray-50 py-1.5 pl-3.5 pr-6 text-sm text-gray-900 focus:border-primary-500 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-primary-500 dark:focus:ring-primary-500\"\n onChange={(e) => onChange(1, Number(e.target.value))}\n value={pageSize}\n >\n <option value={10}>10</option>\n <option value={25}>25</option>\n <option value={50}>50</option>\n <option value={100}>100</option>\n </select>\n \n </div>\n \n </div>\n </nav>\n </div>\n </div>\n );\n}\n"]}