ekm-ui 0.4.16 → 0.4.18
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/.turbo/turbo-build.log +13 -13
- package/CHANGELOG.md +6 -0
- package/dist/card-payment-block.js +4 -4
- package/dist/{chunk-HOZWJNIB.js → chunk-GGXK2F5W.js} +3 -3
- package/dist/{chunk-HTXOCBXA.js → chunk-QL56KDLV.js} +2 -2
- package/dist/chunk-QL56KDLV.js.map +1 -0
- package/dist/chunk-QWGVJUJN.js +9 -0
- package/dist/chunk-QWGVJUJN.js.map +1 -0
- package/dist/chunk-XUMA37J7.js +11 -0
- package/dist/chunk-XUMA37J7.js.map +1 -0
- package/dist/country-picker/country-modal.js +4 -4
- package/dist/drag-and-drop.js +4 -4
- package/dist/file-picker/file-picker.js +4 -4
- package/dist/index.js +4 -4
- package/dist/input-copy.js +2 -2
- package/dist/layout/layout.js +4 -4
- package/dist/modal.d.ts +2 -1
- package/dist/modal.js +1 -1
- package/dist/product-picker/product-modal.js +4 -4
- package/dist/stacked-list-item.js +4 -4
- package/dist/table-result-block.js +4 -4
- package/dist/textinput.js +1 -1
- package/package.json +1 -1
- package/src/input-copy.tsx +4 -2
- package/src/modal.tsx +4 -4
- package/src/textinput.tsx +3 -0
- package/dist/chunk-HTXOCBXA.js.map +0 -1
- package/dist/chunk-TXDBBVCI.js +0 -9
- package/dist/chunk-TXDBBVCI.js.map +0 -1
- package/dist/chunk-VGGEDWFD.js +0 -11
- package/dist/chunk-VGGEDWFD.js.map +0 -1
- /package/dist/{chunk-HOZWJNIB.js.map → chunk-GGXK2F5W.js.map} +0 -0
package/.turbo/turbo-build.log
CHANGED
|
@@ -10,7 +10,7 @@ Browserslist: caniuse-lite is outdated. Please run:
|
|
|
10
10
|
npx update-browserslist-db@latest
|
|
11
11
|
Why you should do it regularly: https://github.com/browserslist/update-db#readme
|
|
12
12
|
[34mDTS[39m Build start
|
|
13
|
-
[32mDTS[39m ⚡️ Build success in
|
|
13
|
+
[32mDTS[39m ⚡️ Build success in 66390ms
|
|
14
14
|
[32mDTS[39m [1mdist/index.d.ts [22m[32m3.59 KB[39m
|
|
15
15
|
[32mDTS[39m [1mdist/footer-heart-icon.d.ts [22m[32m70.00 B[39m
|
|
16
16
|
[32mDTS[39m [1mdist/accordion.d.ts [22m[32m2.25 KB[39m
|
|
@@ -41,7 +41,7 @@ Browserslist: caniuse-lite is outdated. Please run:
|
|
|
41
41
|
[32mDTS[39m [1mdist/loading-button.d.ts [22m[32m509.00 B[39m
|
|
42
42
|
[32mDTS[39m [1mdist/love-footer.d.ts [22m[32m145.00 B[39m
|
|
43
43
|
[32mDTS[39m [1mdist/mini-feature-block.d.ts [22m[32m254.00 B[39m
|
|
44
|
-
[32mDTS[39m [1mdist/modal.d.ts [22m[32m1.
|
|
44
|
+
[32mDTS[39m [1mdist/modal.d.ts [22m[32m1.79 KB[39m
|
|
45
45
|
[32mDTS[39m [1mdist/no-results-block.d.ts [22m[32m256.00 B[39m
|
|
46
46
|
[32mDTS[39m [1mdist/navbar/navbar.d.ts [22m[32m292.00 B[39m
|
|
47
47
|
[32mDTS[39m [1mdist/sidebar/sidebar.d.ts [22m[32m166.00 B[39m
|
|
@@ -174,7 +174,7 @@ Browserslist: caniuse-lite is outdated. Please run:
|
|
|
174
174
|
[32mESM[39m [1mdist/dashboard-notification.js [22m[32m238.00 B[39m
|
|
175
175
|
[32mESM[39m [1mdist/date-range-picker.js [22m[32m347.00 B[39m
|
|
176
176
|
[32mESM[39m [1mdist/drag-and-drop.js [22m[32m2.12 KB[39m
|
|
177
|
-
[32mESM[39m [1mdist/chunk-
|
|
177
|
+
[32mESM[39m [1mdist/chunk-GGXK2F5W.js [22m[32m29.02 KB[39m
|
|
178
178
|
[32mESM[39m [1mdist/chunk-52VBZOHL.js [22m[32m2.06 KB[39m
|
|
179
179
|
[32mESM[39m [1mdist/chunk-AL2UT5U7.js [22m[32m75.66 KB[39m
|
|
180
180
|
[32mESM[39m [1mdist/chunk-YZ2YZSNQ.js [22m[32m2.37 KB[39m
|
|
@@ -210,12 +210,12 @@ Browserslist: caniuse-lite is outdated. Please run:
|
|
|
210
210
|
[32mESM[39m [1mdist/chunk-AO5TGD7T.js [22m[32m1.44 KB[39m
|
|
211
211
|
[32mESM[39m [1mdist/chunk-WVAVR5V6.js [22m[32m347.00 B[39m
|
|
212
212
|
[32mESM[39m [1mdist/chunk-CNJDESTL.js [22m[32m588.00 B[39m
|
|
213
|
-
[32mESM[39m [1mdist/chunk-
|
|
214
|
-
[32mESM[39m [1mdist/chunk-
|
|
213
|
+
[32mESM[39m [1mdist/chunk-QWGVJUJN.js [22m[32m894.00 B[39m
|
|
214
|
+
[32mESM[39m [1mdist/chunk-QL56KDLV.js [22m[32m4.67 KB[39m
|
|
215
215
|
[32mESM[39m [1mdist/chunk-Y2GINGVR.js [22m[32m2.99 KB[39m
|
|
216
216
|
[32mESM[39m [1mdist/chunk-ESJIQMQJ.js [22m[32m738.00 B[39m
|
|
217
217
|
[32mESM[39m [1mdist/chunk-IY6WVOAI.js [22m[32m764.00 B[39m
|
|
218
|
-
[32mESM[39m [1mdist/chunk-
|
|
218
|
+
[32mESM[39m [1mdist/chunk-XUMA37J7.js [22m[32m2.52 KB[39m
|
|
219
219
|
[32mESM[39m [1mdist/chunk-AVTJXS4U.js [22m[32m544.00 B[39m
|
|
220
220
|
[32mESM[39m [1mdist/chunk-NDDDT4TO.js [22m[32m1.63 KB[39m
|
|
221
221
|
[32mESM[39m [1mdist/chunk-QMOPWIA3.js [22m[32m3.48 KB[39m
|
|
@@ -319,7 +319,7 @@ Browserslist: caniuse-lite is outdated. Please run:
|
|
|
319
319
|
[32mESM[39m [1mdist/dashboard-notification.js.map [22m[32m51.00 B[39m
|
|
320
320
|
[32mESM[39m [1mdist/date-range-picker.js.map [22m[32m51.00 B[39m
|
|
321
321
|
[32mESM[39m [1mdist/drag-and-drop.js.map [22m[32m51.00 B[39m
|
|
322
|
-
[32mESM[39m [1mdist/chunk-
|
|
322
|
+
[32mESM[39m [1mdist/chunk-GGXK2F5W.js.map [22m[32m80.90 KB[39m
|
|
323
323
|
[32mESM[39m [1mdist/chunk-52VBZOHL.js.map [22m[32m4.67 KB[39m
|
|
324
324
|
[32mESM[39m [1mdist/chunk-YZ2YZSNQ.js.map [22m[32m5.68 KB[39m
|
|
325
325
|
[32mESM[39m [1mdist/chunk-THOZT55U.js.map [22m[32m5.31 KB[39m
|
|
@@ -338,13 +338,13 @@ Browserslist: caniuse-lite is outdated. Please run:
|
|
|
338
338
|
[32mESM[39m [1mdist/chunk-YXTGVTGL.js.map [22m[32m929.00 B[39m
|
|
339
339
|
[32mESM[39m [1mdist/chunk-EZPRW5WN.js.map [22m[32m4.23 KB[39m
|
|
340
340
|
[32mESM[39m [1mdist/chunk-XKE3VK6Z.js.map [22m[32m1.08 KB[39m
|
|
341
|
-
[32mESM[39m [1mdist/chunk-7WJGATIR.js.map [22m[32m2.92 KB[39m
|
|
342
341
|
[32mESM[39m [1mdist/chunk-RTRHNOTP.js.map [22m[32m1.27 KB[39m
|
|
342
|
+
[32mESM[39m [1mdist/chunk-7WJGATIR.js.map [22m[32m2.92 KB[39m
|
|
343
343
|
[32mESM[39m [1mdist/chunk-JHGOFDVG.js.map [22m[32m1.76 KB[39m
|
|
344
344
|
[32mESM[39m [1mdist/chunk-U26NV6PE.js.map [22m[32m8.39 KB[39m
|
|
345
|
-
[32mESM[39m [1mdist/chunk-XXP5K6Y4.js.map [22m[32m24.62 KB[39m
|
|
346
345
|
[32mESM[39m [1mdist/chunk-2VS7BVWY.js.map [22m[32m1.30 KB[39m
|
|
347
346
|
[32mESM[39m [1mdist/chunk-QCHLLBHM.js.map [22m[32m2.86 KB[39m
|
|
347
|
+
[32mESM[39m [1mdist/chunk-XXP5K6Y4.js.map [22m[32m24.62 KB[39m
|
|
348
348
|
[32mESM[39m [1mdist/chunk-LIXVY47P.js.map [22m[32m2.16 KB[39m
|
|
349
349
|
[32mESM[39m [1mdist/chunk-G2WGEIWK.js.map [22m[32m3.33 KB[39m
|
|
350
350
|
[32mESM[39m [1mdist/chunk-OIYYCRK2.js.map [22m[32m4.07 KB[39m
|
|
@@ -354,12 +354,12 @@ Browserslist: caniuse-lite is outdated. Please run:
|
|
|
354
354
|
[32mESM[39m [1mdist/chunk-AO5TGD7T.js.map [22m[32m1.85 KB[39m
|
|
355
355
|
[32mESM[39m [1mdist/chunk-WVAVR5V6.js.map [22m[32m762.00 B[39m
|
|
356
356
|
[32mESM[39m [1mdist/chunk-CNJDESTL.js.map [22m[32m1.16 KB[39m
|
|
357
|
-
[32mESM[39m [1mdist/chunk-
|
|
358
|
-
[32mESM[39m [1mdist/chunk-
|
|
357
|
+
[32mESM[39m [1mdist/chunk-QWGVJUJN.js.map [22m[32m2.25 KB[39m
|
|
358
|
+
[32mESM[39m [1mdist/chunk-QL56KDLV.js.map [22m[32m8.84 KB[39m
|
|
359
359
|
[32mESM[39m [1mdist/chunk-Y2GINGVR.js.map [22m[32m4.53 KB[39m
|
|
360
360
|
[32mESM[39m [1mdist/chunk-ESJIQMQJ.js.map [22m[32m1.20 KB[39m
|
|
361
361
|
[32mESM[39m [1mdist/chunk-IY6WVOAI.js.map [22m[32m1.57 KB[39m
|
|
362
|
-
[32mESM[39m [1mdist/chunk-
|
|
362
|
+
[32mESM[39m [1mdist/chunk-XUMA37J7.js.map [22m[32m5.48 KB[39m
|
|
363
363
|
[32mESM[39m [1mdist/chunk-AVTJXS4U.js.map [22m[32m1.06 KB[39m
|
|
364
364
|
[32mESM[39m [1mdist/chunk-NDDDT4TO.js.map [22m[32m3.64 KB[39m
|
|
365
365
|
[32mESM[39m [1mdist/chunk-QMOPWIA3.js.map [22m[32m8.07 KB[39m
|
|
@@ -396,4 +396,4 @@ Browserslist: caniuse-lite is outdated. Please run:
|
|
|
396
396
|
[32mESM[39m [1mdist/chunk-TJMI4DH2.js.map [22m[32m117.04 KB[39m
|
|
397
397
|
[32mESM[39m [1mdist/chunk-6LHL364H.js.map [22m[32m62.53 KB[39m
|
|
398
398
|
[32mESM[39m [1mdist/chunk-AL2UT5U7.js.map [22m[32m711.41 KB[39m
|
|
399
|
-
[32mESM[39m ⚡️ Build success in
|
|
399
|
+
[32mESM[39m ⚡️ Build success in 73466ms
|
package/CHANGELOG.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { h as CardPaymentBlock } from './chunk-
|
|
1
|
+
export { h as CardPaymentBlock } from './chunk-GGXK2F5W.js';
|
|
2
2
|
import './chunk-52VBZOHL.js';
|
|
3
3
|
import './chunk-AL2UT5U7.js';
|
|
4
4
|
import './chunk-YZ2YZSNQ.js';
|
|
@@ -34,12 +34,12 @@ import './chunk-TBJGGVSZ.js';
|
|
|
34
34
|
import './chunk-AO5TGD7T.js';
|
|
35
35
|
import './chunk-WVAVR5V6.js';
|
|
36
36
|
import './chunk-CNJDESTL.js';
|
|
37
|
-
import './chunk-
|
|
38
|
-
import './chunk-
|
|
37
|
+
import './chunk-QWGVJUJN.js';
|
|
38
|
+
import './chunk-QL56KDLV.js';
|
|
39
39
|
import './chunk-Y2GINGVR.js';
|
|
40
40
|
import './chunk-ESJIQMQJ.js';
|
|
41
41
|
import './chunk-IY6WVOAI.js';
|
|
42
|
-
import './chunk-
|
|
42
|
+
import './chunk-XUMA37J7.js';
|
|
43
43
|
import './chunk-AVTJXS4U.js';
|
|
44
44
|
import './chunk-NDDDT4TO.js';
|
|
45
45
|
import './chunk-QMOPWIA3.js';
|
|
@@ -6,9 +6,9 @@ import { a as a$a } from './chunk-XXP5K6Y4.js';
|
|
|
6
6
|
import { a as a$k } from './chunk-OIYYCRK2.js';
|
|
7
7
|
import { a as a$5 } from './chunk-TBJGGVSZ.js';
|
|
8
8
|
import { a as a$e } from './chunk-AO5TGD7T.js';
|
|
9
|
-
import { a as a$8 } from './chunk-
|
|
9
|
+
import { a as a$8 } from './chunk-QL56KDLV.js';
|
|
10
10
|
import { a as a$b } from './chunk-ESJIQMQJ.js';
|
|
11
|
-
import { a as a$2 } from './chunk-
|
|
11
|
+
import { a as a$2 } from './chunk-XUMA37J7.js';
|
|
12
12
|
import { a as a$d } from './chunk-AVTJXS4U.js';
|
|
13
13
|
import { a as a$c } from './chunk-NDDDT4TO.js';
|
|
14
14
|
import { a as a$4 } from './chunk-ER5CL77P.js';
|
|
@@ -33,4 +33,4 @@ function Je({cardPayment:r,enablePayPal:e}){return jsxs(a$4,{className:"border-0
|
|
|
33
33
|
|
|
34
34
|
export { lr as a, Cr as b, se as c, He as d, K as e, Ue as f, sr as g, Je as h };
|
|
35
35
|
//# sourceMappingURL=out.js.map
|
|
36
|
-
//# sourceMappingURL=chunk-
|
|
36
|
+
//# sourceMappingURL=chunk-GGXK2F5W.js.map
|
|
@@ -4,8 +4,8 @@ import { variantProps } from 'classname-variants/react';
|
|
|
4
4
|
import { forwardRef } from 'react';
|
|
5
5
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
6
6
|
|
|
7
|
-
var a=e(a$1(),1);var
|
|
7
|
+
var a=e(a$1(),1);var v=variantProps({base:"block p-2.5 w-full text-sm border text-sm rounded-lg",variants:{color:{success:"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500",failure:"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500",gray:"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"}},defaultVariants:{color:"gray"}}),p=variantProps({base:"block p-2.5 w-full text-sm border text-sm rounded-lg ps-10",variants:{color:{success:"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500",failure:"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500",gray:"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"}},defaultVariants:{color:"gray"}}),w=variantProps({base:"block p-2.5 w-full text-sm border min-w-0 flex-1 rounded-none",variants:{position:{left:"rounded-r-lg",right:"rounded-l-lg"},color:{success:"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500",failure:"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500",gray:"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"}},defaultVariants:{color:"gray",position:"left"}}),y=forwardRef(function(e,k){let{color:t,disabled:l,type:d,placeholder:n,id:g,icon:u,addon:s,position:c}=e;return u?jsx("div",{className:e.className&&e.className,children:jsxs("div",{className:"relative",children:[jsx("div",{className:"pointer-events-none absolute inset-y-0 start-0 flex items-center ps-3.5",children:u}),jsx("input",b(a$2({},p({color:t})),{type:d||"text",id:g,ref:k,placeholder:n||"Enter your text here...",name:e.name,disabled:l,onChange:e.onChange,value:e.value,onKeyDown:e.onKeyDown}))]})}):s?jsx("div",{className:e.className&&e.className,children:jsxs("div",{className:l?"flex cursor-not-allowed opacity-50":"flex",children:[c=="left"&&jsx("span",{className:"rounded-e-0 inline-flex items-center rounded-l-lg border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400",children:s}),jsx("input",b(a$2({},w({color:t,position:c})),{type:d||"text",id:g,ref:e.ref,placeholder:n||"Enter your text here...",name:e.name,onChange:e.onChange,value:e.value,onKeyDown:e.onKeyDown})),c=="right"&&jsx("span",{className:"rounded-e-0 inline-flex items-center rounded-r-lg border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400",children:s})]})}):jsx("div",{className:e.className&&e.className,children:jsx("div",{className:l?"relative cursor-not-allowed opacity-50":"relative",children:jsx("input",a$2({type:d||"text",id:g,ref:e.ref,placeholder:n||"Enter your text here...",name:e.name,onChange:e.onChange,value:e.value,onKeyDown:e.onKeyDown,readOnly:e.readOnly||!1},v({color:t})))})})});y.propTypes={id:a.default.string.isRequired,placeholder:a.default.string,color:a.default.oneOf(["gray","failure","success"]),icon:a.default.element,addon:a.default.element,disabled:a.default.bool,position:a.default.oneOf(["left","right"]),readOnly:a.default.bool};y.displayName="TextInput";
|
|
8
8
|
|
|
9
9
|
export { y as a };
|
|
10
10
|
//# sourceMappingURL=out.js.map
|
|
11
|
-
//# sourceMappingURL=chunk-
|
|
11
|
+
//# sourceMappingURL=chunk-QL56KDLV.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/textinput.tsx"],"names":["import_prop_types","variantProps","forwardRef","jsx","jsxs","textInputProps","iconProps","addonProps","TextInput","props","ref","color","disabled","type","placeholder","id","icon","addon","position","__spreadProps","__spreadValues","PropTypes"],"mappings":"yFAEA,IAAAA,EAAsB,SADtB,OAAS,gBAAAC,MAAoB,2BAE7B,OAAS,cAAAC,MAAkB,QA6DnB,OACE,OAAAC,EADF,QAAAC,MAAA,oBA3DR,IAAMC,EAAiBJ,EAAa,CAClC,KAAM,uDACN,SAAU,CACR,MAAO,CACL,QACE,wOACF,QACE,sNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,MACT,CACF,CAAC,EAEKK,EAAYL,EAAa,CAC7B,KAAM,6DACN,SAAU,CACR,MAAO,CACL,QACE,wOACF,QACE,sNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,MACT,CACF,CAAC,EAEKM,EAAaN,EAAa,CAC9B,KAAM,gEACN,SAAU,CACR,SAAU,CACR,KAAM,eACN,MAAO,cACT,EACA,MAAO,CACL,QACE,wOACF,QACE,sNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,OACP,SAAU,MACZ,CACF,CAAC,EAEYO,EAAYN,EAAW,SAAmBO,EAAOC,EAAK,CACjE,GAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,KAAAC,EAAM,YAAAC,EAAa,GAAAC,EAAI,KAAAC,EAAM,MAAAC,EAAO,SAAAC,CAAS,EACpET,EACF,OAAIO,EAEAb,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAL,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,OAAI,UAAU,0EACZ,SAAAa,EACH,EACAb,EAAC,QAAAgB,EAAAC,EAAA,GACKd,EAAU,CAAE,MAAAK,CAAM,CAAC,GADxB,CAEC,KAAME,GAAc,OACpB,GAAIE,EACJ,IAAKL,EACL,YAAaI,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUG,EACV,SAAUH,EAAM,SAChB,MAAOA,EAAM,MACb,UAAWA,EAAM,WACnB,GACF,EACF,EAEOQ,EAEPd,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAL,EAAC,OACC,UAAWQ,EAAW,qCAAuC,OAE5D,UAAAM,GAAY,QACXf,EAAC,QAAK,UAAU,2KACb,SAAAc,EACH,EAEFd,EAAC,QAAAgB,EAAAC,EAAA,GACKb,EAAW,CAAE,MAAAI,EAAO,SAAAO,CAAS,CAAC,GADnC,CAEC,KAAML,GAAc,OACpB,GAAIE,EACJ,IAAKN,EAAM,IACX,YAAaK,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUA,EAAM,SAChB,MAAOA,EAAM,MACb,UAAWA,EAAM,WACnB,EACCS,GAAY,SACXf,EAAC,QAAK,UAAU,2KACb,SAAAc,EACH,GAEJ,EACF,EAIAd,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAN,EAAC,OACC,UACES,EAAW,yCAA2C,WAGxD,SAAAT,EAAC,QAAAiB,EAAA,CACC,KAAMP,GAAc,OACpB,GAAIE,EACJ,IAAKN,EAAM,IACX,YAAaK,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUA,EAAM,SAChB,MAAOA,EAAM,MACb,UAAWA,EAAM,UACjB,SAAUA,EAAM,UAAY,IACxBJ,EAAe,CAAE,MAAAM,CAAM,CAAC,EAC9B,EACF,EACF,CAGN,CAAC,EAEDH,EAAU,UAAY,CAEpB,GAAI,EAAAa,QAAU,OAAO,WAErB,YAAa,EAAAA,QAAU,OAEvB,MAAO,EAAAA,QAAU,MAAM,CAAC,OAAQ,UAAW,SAAS,CAAC,EAErD,KAAM,EAAAA,QAAU,QAEhB,MAAO,EAAAA,QAAU,QAEjB,SAAU,EAAAA,QAAU,KAEpB,SAAU,EAAAA,QAAU,MAAM,CAAC,OAAQ,OAAO,CAAC,EAE3C,SAAU,EAAAA,QAAU,IACtB,EAEAb,EAAU,YAAc","sourcesContent":["//@ts-nocheck\nimport { variantProps } from \"classname-variants/react\";\nimport PropTypes from \"prop-types\";\nimport { forwardRef } from \"react\";\n\nconst textInputProps = variantProps({\n base: \"block p-2.5 w-full text-sm border text-sm rounded-lg\",\n variants: {\n color: {\n success:\n \"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500\",\n failure:\n \"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500\",\n gray: \"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\",\n },\n },\n defaultVariants: {\n color: \"gray\",\n },\n});\n\nconst iconProps = variantProps({\n base: \"block p-2.5 w-full text-sm border text-sm rounded-lg ps-10\",\n variants: {\n color: {\n success:\n \"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500\",\n failure:\n \"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500\",\n gray: \"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\",\n },\n },\n defaultVariants: {\n color: \"gray\",\n },\n});\n\nconst addonProps = variantProps({\n base: \"block p-2.5 w-full text-sm border min-w-0 flex-1 rounded-none\",\n variants: {\n position: {\n left: \"rounded-r-lg\",\n right: \"rounded-l-lg\",\n },\n color: {\n success:\n \"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500\",\n failure:\n \"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500\",\n gray: \"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\",\n },\n },\n defaultVariants: {\n color: \"gray\",\n position: \"left\",\n },\n});\n\nexport const TextInput = forwardRef(function TextInput(props, ref) {\n const { color, disabled, type, placeholder, id, icon, addon, position } =\n props;\n if (icon) {\n return (\n <div className={props.className && props.className}>\n <div className=\"relative\">\n <div className=\"pointer-events-none absolute inset-y-0 start-0 flex items-center ps-3.5\">\n {icon}\n </div>\n <input\n {...iconProps({ color })}\n type={type ? type : \"text\"}\n id={id}\n ref={ref}\n placeholder={placeholder || \"Enter your text here...\"}\n name={props.name}\n disabled={disabled}\n onChange={props.onChange}\n value={props.value}\n onKeyDown={props.onKeyDown}\n />\n </div>\n </div>\n );\n } else if (addon) {\n return (\n <div className={props.className && props.className}>\n <div\n className={disabled ? \"flex cursor-not-allowed opacity-50\" : \"flex\"}\n >\n {position == \"left\" && (\n <span className=\"rounded-e-0 inline-flex items-center rounded-l-lg border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400\">\n {addon}\n </span>\n )}\n <input\n {...addonProps({ color, position })}\n type={type ? type : \"text\"}\n id={id}\n ref={props.ref}\n placeholder={placeholder || \"Enter your text here...\"}\n name={props.name}\n onChange={props.onChange}\n value={props.value}\n onKeyDown={props.onKeyDown}\n />\n {position == \"right\" && (\n <span className=\"rounded-e-0 inline-flex items-center rounded-r-lg border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400\">\n {addon}\n </span>\n )}\n </div>\n </div>\n );\n } else {\n return (\n <div className={props.className && props.className}>\n <div\n className={\n disabled ? \"relative cursor-not-allowed opacity-50\" : \"relative\"\n }\n >\n <input\n type={type ? type : \"text\"}\n id={id}\n ref={props.ref}\n placeholder={placeholder || \"Enter your text here...\"}\n name={props.name}\n onChange={props.onChange}\n value={props.value}\n onKeyDown={props.onKeyDown}\n readOnly={props.readOnly || false}\n {...textInputProps({ color })}\n />\n </div>\n </div>\n );\n }\n});\n\nTextInput.propTypes = {\n /** Unique id for the TextInput Component */\n id: PropTypes.string.isRequired,\n /** Optional placeholder text for TextInput Component */\n placeholder: PropTypes.string,\n /** Optional color defaults to gray. Failure and Success options available*/\n color: PropTypes.oneOf([\"gray\", \"failure\", \"success\"]),\n /** Optional icon TextInput Component */\n icon: PropTypes.element,\n /** Optional addon TextInput Component */\n addon: PropTypes.element,\n /** Optional to disable component */\n disabled: PropTypes.bool,\n /** Optional for position of Addon */\n position: PropTypes.oneOf([\"left\", \"right\"]),\n /** Optional to mark component as read Only */\n readOnly: PropTypes.bool,\n};\n\nTextInput.displayName = \"TextInput\";\n"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { a } from './chunk-QL56KDLV.js';
|
|
2
|
+
import { useState, useEffect } from 'react';
|
|
3
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
function u({id:t,name:r,text:l}){let[s,a$1]=useState(!1);useEffect(()=>{let e=setInterval(()=>{a$1(!1);},1e3);return ()=>clearInterval(e)},[s]);let p=()=>{let e=document.getElementById(t);e&&(e.select(),e.setSelectionRange(0,99999),navigator.clipboard.writeText(e.value),a$1(!0));};return jsxs("div",{className:"relative rounded-md shadow-sm",children:[jsx(a,{id:t,name:r,color:s?"success":"gray",value:l,type:"text",disabled:!0,readOnly:!0}),jsx("button",{id:`btn-${t}`,className:"absolute inset-y-0 right-0 flex cursor-pointer items-center pr-3",onClick:p,children:jsx("span",{className:"text-gray-500 sm:text-sm",children:"COPY"})})]})}u.displayName="InputCopy";
|
|
6
|
+
|
|
7
|
+
export { u as a };
|
|
8
|
+
//# sourceMappingURL=out.js.map
|
|
9
|
+
//# sourceMappingURL=chunk-QWGVJUJN.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/input-copy.tsx"],"names":["useEffect","useState","jsx","jsxs","InputCopy","id","name","text","selected","setSelected","interval","handleCopy","copy","TextInput"],"mappings":"wCACA,OAAS,aAAAA,EAAW,YAAAC,MAAgB,QA+BhC,OACE,OAAAC,EADF,QAAAC,MAAA,oBAtBG,SAASC,EAAU,CAAE,GAAAC,EAAI,KAAAC,EAAM,KAAAC,CAAK,EAAmB,CAC5D,GAAM,CAACC,EAAUC,CAAW,EAAIR,EAAS,EAAK,EAE9CD,EAAU,IAAM,CACd,IAAMU,EAAW,YAAY,IAAM,CACjCD,EAAY,EAAK,CACnB,EAAG,GAAI,EAEP,MAAO,IAAM,cAAcC,CAAQ,CACrC,EAAG,CAACF,CAAQ,CAAC,EAEb,IAAMG,EAAa,IAAM,CACvB,IAAMC,EAAO,SAAS,eAAeP,CAAE,EACnCO,IACFA,EAAK,OAAO,EACZA,EAAK,kBAAkB,EAAG,KAAK,EAC/B,UAAU,UAAU,UAAUA,EAAK,KAAK,EACxCH,EAAY,EAAI,EAEpB,EAEA,OACEN,EAAC,OAAI,UAAU,gCACb,UAAAD,EAACW,EAAA,CACC,GAAIR,EACJ,KAAMC,EACN,MAAOE,EAAW,UAAY,OAC9B,MAAOD,EACP,KAAK,OACL,SAAQ,GACR,SAAQ,GACV,EACAL,EAAC,UACC,GAAI,OAAOG,IACX,UAAU,mEACV,QAASM,EAET,SAAAT,EAAC,QAAK,UAAU,2BAA2B,gBAE3C,EACF,GACF,CAEJ,CAEAE,EAAU,YAAc","sourcesContent":["// @ts-nocheck\nimport { useEffect, useState } from \"react\";\nimport { TextInput } from \"./textinput\";\n\ntype InputCopyProps = {\n id: string;\n name: string;\n text: string;\n};\n\nexport function InputCopy({ id, name, text }: InputCopyProps) {\n const [selected, setSelected] = useState(false);\n\n useEffect(() => {\n const interval = setInterval(() => {\n setSelected(false);\n }, 1000);\n\n return () => clearInterval(interval);\n }, [selected]);\n\n const handleCopy = () => {\n const copy = document.getElementById(id) as HTMLInputElement;\n if (copy) {\n copy.select();\n copy.setSelectionRange(0, 99999);\n navigator.clipboard.writeText(copy.value);\n setSelected(true);\n }\n };\n\n return (\n <div className=\"relative rounded-md shadow-sm\">\n <TextInput\n id={id}\n name={name}\n color={selected ? \"success\" : \"gray\"}\n value={text}\n type=\"text\"\n disabled\n readOnly\n />\n <button\n id={`btn-${id}`}\n className=\"absolute inset-y-0 right-0 flex cursor-pointer items-center pr-3\"\n onClick={handleCopy}\n >\n <span className=\"text-gray-500 sm:text-sm\">\n COPY\n </span>\n </button>\n </div>\n );\n}\n\nInputCopy.displayName = \"InputCopy\";\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { a } from './chunk-6LHL364H.js';
|
|
2
|
+
import { e as e$1, c, b, a as a$1 } from './chunk-Z4LPO673.js';
|
|
3
|
+
import { variantProps } from 'classname-variants/react';
|
|
4
|
+
import { FaTimes } from 'react-icons/fa';
|
|
5
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
var e=e$1(a(),1);var w=variantProps({base:"relative p-4 w-full max-h-full ",variants:{size:{xsm:"max-w-md",sm:"max-w-xl",md:"max-w-2xl",lg:"max-w-3xl"},defaultVariants:{size:"md"}}});function d(N){var m=N,{children:t,title:a,show:o=!0}=m,n=c(m,["children","title","show"]);if(!o)return jsx("div",{});let c$1=()=>jsxs("div",{className:"flex items-center justify-between rounded-t border-b pb-3 dark:border-gray-600",children:[jsx("h3",{className:"text-xl font-semibold text-gray-900 dark:text-white",children:a}),u()]}),u=(g=!1)=>jsxs("button",{type:"button",className:`${g&&"absolute end-2.5 top-3"} ms-auto inline-flex h-8 w-8 items-center justify-center rounded-lg bg-transparent text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white`,"data-modal-hide":"default-modal",onClick:n.onClose,children:[jsx(FaTimes,{}),jsx("span",{className:"sr-only",children:"Close modal"})]});return jsx("div",{id:"default-modal",tabIndex:"-1","aria-hidden":"true",className:"fixed left-0 right-0 top-0 z-50 flex h-[calc(100%-1rem)] max-h-full w-full items-center justify-center overflow-y-auto overflow-x-hidden bg-gray-900 bg-opacity-50 dark:bg-gray-900 dark:bg-opacity-50 md:inset-0",role:"dialog",children:jsx("div",b(a$1({},w(n)),{children:jsxs("div",{className:"relative rounded-lg bg-white pl-4 pr-4 pt-4 shadow dark:bg-gray-700",children:[a?c$1():u(!0),t]})}))})}function l({children:t}){return jsx("div",{children:t})}function s({children:t,border:a=!0,alignment:o="center"}){return jsx("div",{className:`flex gap-4 ${o=="center"&&"justify-center"} ${o=="left"&&"justify-start"} ${o=="right"&&"justify-end"} items-end p-4 md:p-5 ${a&&"border-t"} rounded-b border-gray-200 dark:border-gray-600`,children:t})}d.Body=l;d.Footer=s;d.defaultProps={size:"md"};d.propTypes={title:e.default.string,show:e.default.bool,size:e.default.oneOf(["xsm","sm","md","lg"]),onClose:e.default.func.isRequired,children:e.default.node.isRequired};l.propTypes={children:e.default.node.isRequired};s.propTypes={border:e.default.bool,children:e.default.node.isRequired,alignment:e.default.oneOf(["left","center","right"])};d.displayName="Modal";s.displayName="ModalFooter";l.displayName="ModalBody";
|
|
8
|
+
|
|
9
|
+
export { d as a, l as b, s as c };
|
|
10
|
+
//# sourceMappingURL=out.js.map
|
|
11
|
+
//# sourceMappingURL=chunk-XUMA37J7.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/modal.tsx"],"names":["import_prop_types","variantProps","FaTimes","jsx","jsxs","modalProps","Modal","_a","_b","children","title","show","props","__objRest","renderHeadedModal","renderCloseButton","isHeadless","__spreadProps","__spreadValues","ModalBody","ModalFooter","border","alignment","PropTypes"],"mappings":"qGAEA,IAAAA,EAAsB,SADtB,OAAS,gBAAAC,MAAoB,2BAE7B,OAAS,WAAAC,MAAe,iBAkBJ,cAAAC,EAGhB,QAAAC,MAHgB,oBAhBpB,IAAMC,EAAaJ,EAAa,CAC9B,KAAM,kCACN,SAAU,CACR,KAAM,CACJ,IAAK,WACL,GAAI,WACJ,GAAI,YACJ,GAAI,WACN,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF,CAAC,EAEM,SAASK,EAAMC,EAA4C,CAA5C,IAAAC,EAAAD,EAAE,UAAAE,EAAU,MAAAC,EAAO,KAAAC,EAAO,EApBhD,EAoBsBH,EAAmCI,EAAAC,EAAnCL,EAAmC,CAAjC,WAAU,QAAO,SACvC,GAAI,CAACG,EAAM,OAAOR,EAAC,QAAI,EAEvB,IAAMW,EAAoB,IACxBV,EAAC,OAAI,UAAU,iFACb,UAAAD,EAAC,MAAG,UAAU,sDACX,SAAAO,EACH,EACCK,EAAkB,GACrB,EAGIA,EAAoB,CAACC,EAAa,KACtCZ,EAAC,UACC,KAAK,SACL,UAAW,GACTY,GAAc,sNAEhB,kBAAgB,gBAChB,QAASJ,EAAM,QAEf,UAAAT,EAACD,EAAA,EAAQ,EACTC,EAAC,QAAK,UAAU,UAAU,uBAAW,GACvC,EAGF,OACEA,EAAC,OACC,GAAG,gBACH,SAAS,KACT,cAAY,OACZ,UAAU,oNACV,KAAK,SAEL,SAAAA,EAAC,MAAAc,EAAAC,EAAA,GAAQb,EAAWO,CAAK,GAAxB,CACC,SAAAR,EAAC,OAAI,UAAU,sEACZ,UAAAM,EAAQI,EAAkB,EAAIC,EAAkB,EAAI,EACpDN,GACH,GACF,EACF,CAEJ,CAEO,SAASU,EAAU,CAAE,SAAAV,CAAS,EAAG,CACtC,OAAON,EAAC,OAAK,SAAAM,EAAS,CACxB,CAEO,SAASW,EAAY,CAAE,SAAAX,EAAU,OAAAY,EAAS,GAAM,UAAAC,EAAY,QAAS,EAAG,CAC7E,OACEnB,EAAC,OACC,UAAW,cAAcmB,GAAa,UAAY,oBAChDA,GAAa,QAAU,mBACrBA,GAAa,SAAW,sCAC1BD,GAAU,4DAGX,SAAAZ,EACH,CAEJ,CAEAH,EAAM,KAAOa,EACbb,EAAM,OAASc,EAEfd,EAAM,aAAe,CACnB,KAAM,IACR,EAEAA,EAAM,UAAY,CAEhB,MAAO,EAAAiB,QAAU,OAEjB,KAAM,EAAAA,QAAU,KAEhB,KAAM,EAAAA,QAAU,MAAM,CAAC,MAAO,KAAM,KAAM,IAAI,CAAC,EAE/C,QAAS,EAAAA,QAAU,KAAK,WAExB,SAAU,EAAAA,QAAU,KAAK,UAC3B,EAEAJ,EAAU,UAAY,CAEpB,SAAU,EAAAI,QAAU,KAAK,UAC3B,EAEAH,EAAY,UAAY,CAEtB,OAAQ,EAAAG,QAAU,KAClB,SAAU,EAAAA,QAAU,KAAK,WACzB,UAAW,EAAAA,QAAU,MAAM,CAAC,OAAQ,SAAU,OAAO,CAAC,CACxD,EAEAjB,EAAM,YAAc,QACpBc,EAAY,YAAc,cAC1BD,EAAU,YAAc","sourcesContent":["//@ts-nocheck\nimport { variantProps } from \"classname-variants/react\";\nimport PropTypes from \"prop-types\";\nimport { FaTimes } from \"react-icons/fa\";\n\nconst modalProps = variantProps({\n base: \"relative p-4 w-full max-h-full \",\n variants: {\n size: {\n xsm: \"max-w-md\",\n sm: \"max-w-xl\",\n md: \"max-w-2xl\",\n lg: \"max-w-3xl\",\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n});\n\nexport function Modal({ children, title, show = true, ...props }) {\n if (!show) return <div />;\n\n const renderHeadedModal = () => (\n <div className=\"flex items-center justify-between rounded-t border-b pb-3 dark:border-gray-600\">\n <h3 className=\"text-xl font-semibold text-gray-900 dark:text-white\">\n {title}\n </h3>\n {renderCloseButton()}\n </div>\n );\n\n const renderCloseButton = (isHeadless = false) => (\n <button\n type=\"button\"\n className={`${\n isHeadless && \"absolute end-2.5 top-3\"\n } ms-auto inline-flex h-8 w-8 items-center justify-center rounded-lg bg-transparent text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white`}\n data-modal-hide=\"default-modal\"\n onClick={props.onClose}\n >\n <FaTimes />\n <span className=\"sr-only\">Close modal</span>\n </button>\n );\n\n return (\n <div\n id=\"default-modal\"\n tabIndex=\"-1\"\n aria-hidden=\"true\"\n className=\"fixed left-0 right-0 top-0 z-50 flex h-[calc(100%-1rem)] max-h-full w-full items-center justify-center overflow-y-auto overflow-x-hidden bg-gray-900 bg-opacity-50 dark:bg-gray-900 dark:bg-opacity-50 md:inset-0\"\n role=\"dialog\"\n >\n <div {...modalProps(props)}>\n <div className=\"relative rounded-lg bg-white pl-4 pr-4 pt-4 shadow dark:bg-gray-700\">\n {title ? renderHeadedModal() : renderCloseButton(true)}\n {children}\n </div>\n </div>\n </div>\n );\n}\n\nexport function ModalBody({ children }) {\n return <div>{children}</div>;\n}\n\nexport function ModalFooter({ children, border = true, alignment = \"center\" }) {\n return (\n <div\n className={`flex gap-4 ${alignment == \"center\" && \"justify-center\"} ${\n alignment == \"left\" && \"justify-start\"\n } ${alignment == \"right\" && \"justify-end\"} items-end p-4 md:p-5 ${\n border && \"border-t\"\n } rounded-b border-gray-200 dark:border-gray-600`}\n >\n {children}\n </div>\n );\n}\n\nModal.Body = ModalBody;\nModal.Footer = ModalFooter;\n\nModal.defaultProps = {\n size: \"md\",\n};\n\nModal.propTypes = {\n /** Tile of the modal not providing a title makes this a headless modal */\n title: PropTypes.string,\n /** Whether or not the modal is visible */\n show: PropTypes.bool,\n /** Size of the modal */\n size: PropTypes.oneOf([\"xsm\", \"sm\", \"md\", \"lg\"]),\n /** Callback for the close action */\n onClose: PropTypes.func.isRequired,\n /** Modal.Body and Modal.Footer compounds used to build up the modal. The footer is optional */\n children: PropTypes.node.isRequired,\n};\n\nModalBody.propTypes = {\n /** Markup to make up the Modal content */\n children: PropTypes.node.isRequired,\n};\n\nModalFooter.propTypes = {\n /** Markup to make up the Modal Footer */\n border: PropTypes.bool,\n children: PropTypes.node.isRequired,\n alignment: PropTypes.oneOf([\"left\", \"center\", \"right\"]),\n};\n\nModal.displayName = \"Modal\";\nModalFooter.displayName = \"ModalFooter\";\nModalBody.displayName = \"ModalBody\";\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { g as CountryPicker } from '../chunk-
|
|
1
|
+
export { g as CountryPicker } from '../chunk-GGXK2F5W.js';
|
|
2
2
|
import '../chunk-52VBZOHL.js';
|
|
3
3
|
import '../chunk-AL2UT5U7.js';
|
|
4
4
|
import '../chunk-YZ2YZSNQ.js';
|
|
@@ -34,12 +34,12 @@ import '../chunk-TBJGGVSZ.js';
|
|
|
34
34
|
import '../chunk-AO5TGD7T.js';
|
|
35
35
|
import '../chunk-WVAVR5V6.js';
|
|
36
36
|
import '../chunk-CNJDESTL.js';
|
|
37
|
-
import '../chunk-
|
|
38
|
-
import '../chunk-
|
|
37
|
+
import '../chunk-QWGVJUJN.js';
|
|
38
|
+
import '../chunk-QL56KDLV.js';
|
|
39
39
|
import '../chunk-Y2GINGVR.js';
|
|
40
40
|
import '../chunk-ESJIQMQJ.js';
|
|
41
41
|
import '../chunk-IY6WVOAI.js';
|
|
42
|
-
import '../chunk-
|
|
42
|
+
import '../chunk-XUMA37J7.js';
|
|
43
43
|
import '../chunk-AVTJXS4U.js';
|
|
44
44
|
import '../chunk-NDDDT4TO.js';
|
|
45
45
|
import '../chunk-QMOPWIA3.js';
|
package/dist/drag-and-drop.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { c as DragAndDrop } from './chunk-
|
|
1
|
+
export { c as DragAndDrop } from './chunk-GGXK2F5W.js';
|
|
2
2
|
import './chunk-52VBZOHL.js';
|
|
3
3
|
import './chunk-AL2UT5U7.js';
|
|
4
4
|
import './chunk-YZ2YZSNQ.js';
|
|
@@ -34,12 +34,12 @@ import './chunk-TBJGGVSZ.js';
|
|
|
34
34
|
import './chunk-AO5TGD7T.js';
|
|
35
35
|
import './chunk-WVAVR5V6.js';
|
|
36
36
|
import './chunk-CNJDESTL.js';
|
|
37
|
-
import './chunk-
|
|
38
|
-
import './chunk-
|
|
37
|
+
import './chunk-QWGVJUJN.js';
|
|
38
|
+
import './chunk-QL56KDLV.js';
|
|
39
39
|
import './chunk-Y2GINGVR.js';
|
|
40
40
|
import './chunk-ESJIQMQJ.js';
|
|
41
41
|
import './chunk-IY6WVOAI.js';
|
|
42
|
-
import './chunk-
|
|
42
|
+
import './chunk-XUMA37J7.js';
|
|
43
43
|
import './chunk-AVTJXS4U.js';
|
|
44
44
|
import './chunk-NDDDT4TO.js';
|
|
45
45
|
import './chunk-QMOPWIA3.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { d as FilePicker } from '../chunk-
|
|
1
|
+
export { d as FilePicker } from '../chunk-GGXK2F5W.js';
|
|
2
2
|
import '../chunk-52VBZOHL.js';
|
|
3
3
|
import '../chunk-AL2UT5U7.js';
|
|
4
4
|
import '../chunk-YZ2YZSNQ.js';
|
|
@@ -34,12 +34,12 @@ import '../chunk-TBJGGVSZ.js';
|
|
|
34
34
|
import '../chunk-AO5TGD7T.js';
|
|
35
35
|
import '../chunk-WVAVR5V6.js';
|
|
36
36
|
import '../chunk-CNJDESTL.js';
|
|
37
|
-
import '../chunk-
|
|
38
|
-
import '../chunk-
|
|
37
|
+
import '../chunk-QWGVJUJN.js';
|
|
38
|
+
import '../chunk-QL56KDLV.js';
|
|
39
39
|
import '../chunk-Y2GINGVR.js';
|
|
40
40
|
import '../chunk-ESJIQMQJ.js';
|
|
41
41
|
import '../chunk-IY6WVOAI.js';
|
|
42
|
-
import '../chunk-
|
|
42
|
+
import '../chunk-XUMA37J7.js';
|
|
43
43
|
import '../chunk-AVTJXS4U.js';
|
|
44
44
|
import '../chunk-NDDDT4TO.js';
|
|
45
45
|
import '../chunk-QMOPWIA3.js';
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { h as CardPaymentBlock, g as CountryPicker, c as DragAndDrop, d as FilePicker, b as Layout, f as ProductPicker, a as StackedListItem, e as TableResultBlock } from './chunk-
|
|
1
|
+
export { h as CardPaymentBlock, g as CountryPicker, c as DragAndDrop, d as FilePicker, b as Layout, f as ProductPicker, a as StackedListItem, e as TableResultBlock } from './chunk-GGXK2F5W.js';
|
|
2
2
|
export { a as Sort } from './chunk-52VBZOHL.js';
|
|
3
3
|
export { a as TableHeader } from './chunk-AL2UT5U7.js';
|
|
4
4
|
export { b as ToastProvider, c as useToast } from './chunk-YZ2YZSNQ.js';
|
|
@@ -34,12 +34,12 @@ export { a as Radio } from './chunk-TBJGGVSZ.js';
|
|
|
34
34
|
export { a as Spinner } from './chunk-AO5TGD7T.js';
|
|
35
35
|
export { a as TestComponent } from './chunk-WVAVR5V6.js';
|
|
36
36
|
export { a as InputAddon } from './chunk-CNJDESTL.js';
|
|
37
|
-
export { a as InputCopy } from './chunk-
|
|
38
|
-
export { a as TextInput } from './chunk-
|
|
37
|
+
export { a as InputCopy } from './chunk-QWGVJUJN.js';
|
|
38
|
+
export { a as TextInput } from './chunk-QL56KDLV.js';
|
|
39
39
|
export { a as LoadingButton } from './chunk-Y2GINGVR.js';
|
|
40
40
|
export { a as LoveFooter } from './chunk-ESJIQMQJ.js';
|
|
41
41
|
export { a as MiniFeatureBlock } from './chunk-IY6WVOAI.js';
|
|
42
|
-
export { a as Modal } from './chunk-
|
|
42
|
+
export { a as Modal } from './chunk-XUMA37J7.js';
|
|
43
43
|
export { a as NoResultsBlock } from './chunk-AVTJXS4U.js';
|
|
44
44
|
export { a as Drawer } from './chunk-NDDDT4TO.js';
|
|
45
45
|
export { a as Dropdown } from './chunk-QMOPWIA3.js';
|
package/dist/input-copy.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { a as InputCopy } from './chunk-
|
|
2
|
-
import './chunk-
|
|
1
|
+
export { a as InputCopy } from './chunk-QWGVJUJN.js';
|
|
2
|
+
import './chunk-QL56KDLV.js';
|
|
3
3
|
import './chunk-6LHL364H.js';
|
|
4
4
|
import './chunk-Z4LPO673.js';
|
|
5
5
|
//# sourceMappingURL=out.js.map
|
package/dist/layout/layout.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { b as Layout } from '../chunk-
|
|
1
|
+
export { b as Layout } from '../chunk-GGXK2F5W.js';
|
|
2
2
|
import '../chunk-52VBZOHL.js';
|
|
3
3
|
import '../chunk-AL2UT5U7.js';
|
|
4
4
|
import '../chunk-YZ2YZSNQ.js';
|
|
@@ -34,12 +34,12 @@ import '../chunk-TBJGGVSZ.js';
|
|
|
34
34
|
import '../chunk-AO5TGD7T.js';
|
|
35
35
|
import '../chunk-WVAVR5V6.js';
|
|
36
36
|
import '../chunk-CNJDESTL.js';
|
|
37
|
-
import '../chunk-
|
|
38
|
-
import '../chunk-
|
|
37
|
+
import '../chunk-QWGVJUJN.js';
|
|
38
|
+
import '../chunk-QL56KDLV.js';
|
|
39
39
|
import '../chunk-Y2GINGVR.js';
|
|
40
40
|
import '../chunk-ESJIQMQJ.js';
|
|
41
41
|
import '../chunk-IY6WVOAI.js';
|
|
42
|
-
import '../chunk-
|
|
42
|
+
import '../chunk-XUMA37J7.js';
|
|
43
43
|
import '../chunk-AVTJXS4U.js';
|
|
44
44
|
import '../chunk-NDDDT4TO.js';
|
|
45
45
|
import '../chunk-QMOPWIA3.js';
|
package/dist/modal.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import PropTypes from 'prop-types';
|
|
2
2
|
|
|
3
|
-
declare function Modal({ children, show, ...props }: {
|
|
3
|
+
declare function Modal({ children, title, show, ...props }: {
|
|
4
4
|
[x: string]: any;
|
|
5
5
|
children: any;
|
|
6
|
+
title: any;
|
|
6
7
|
show?: boolean | undefined;
|
|
7
8
|
}): JSX.Element;
|
|
8
9
|
declare namespace Modal {
|
package/dist/modal.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { f as ProductPicker } from '../chunk-
|
|
1
|
+
export { f as ProductPicker } from '../chunk-GGXK2F5W.js';
|
|
2
2
|
import '../chunk-52VBZOHL.js';
|
|
3
3
|
import '../chunk-AL2UT5U7.js';
|
|
4
4
|
import '../chunk-YZ2YZSNQ.js';
|
|
@@ -34,12 +34,12 @@ import '../chunk-TBJGGVSZ.js';
|
|
|
34
34
|
import '../chunk-AO5TGD7T.js';
|
|
35
35
|
import '../chunk-WVAVR5V6.js';
|
|
36
36
|
import '../chunk-CNJDESTL.js';
|
|
37
|
-
import '../chunk-
|
|
38
|
-
import '../chunk-
|
|
37
|
+
import '../chunk-QWGVJUJN.js';
|
|
38
|
+
import '../chunk-QL56KDLV.js';
|
|
39
39
|
import '../chunk-Y2GINGVR.js';
|
|
40
40
|
import '../chunk-ESJIQMQJ.js';
|
|
41
41
|
import '../chunk-IY6WVOAI.js';
|
|
42
|
-
import '../chunk-
|
|
42
|
+
import '../chunk-XUMA37J7.js';
|
|
43
43
|
import '../chunk-AVTJXS4U.js';
|
|
44
44
|
import '../chunk-NDDDT4TO.js';
|
|
45
45
|
import '../chunk-QMOPWIA3.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { a as StackedListItem } from './chunk-
|
|
1
|
+
export { a as StackedListItem } from './chunk-GGXK2F5W.js';
|
|
2
2
|
import './chunk-52VBZOHL.js';
|
|
3
3
|
import './chunk-AL2UT5U7.js';
|
|
4
4
|
import './chunk-YZ2YZSNQ.js';
|
|
@@ -34,12 +34,12 @@ import './chunk-TBJGGVSZ.js';
|
|
|
34
34
|
import './chunk-AO5TGD7T.js';
|
|
35
35
|
import './chunk-WVAVR5V6.js';
|
|
36
36
|
import './chunk-CNJDESTL.js';
|
|
37
|
-
import './chunk-
|
|
38
|
-
import './chunk-
|
|
37
|
+
import './chunk-QWGVJUJN.js';
|
|
38
|
+
import './chunk-QL56KDLV.js';
|
|
39
39
|
import './chunk-Y2GINGVR.js';
|
|
40
40
|
import './chunk-ESJIQMQJ.js';
|
|
41
41
|
import './chunk-IY6WVOAI.js';
|
|
42
|
-
import './chunk-
|
|
42
|
+
import './chunk-XUMA37J7.js';
|
|
43
43
|
import './chunk-AVTJXS4U.js';
|
|
44
44
|
import './chunk-NDDDT4TO.js';
|
|
45
45
|
import './chunk-QMOPWIA3.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { e as TableResultBlock } from './chunk-
|
|
1
|
+
export { e as TableResultBlock } from './chunk-GGXK2F5W.js';
|
|
2
2
|
import './chunk-52VBZOHL.js';
|
|
3
3
|
import './chunk-AL2UT5U7.js';
|
|
4
4
|
import './chunk-YZ2YZSNQ.js';
|
|
@@ -34,12 +34,12 @@ import './chunk-TBJGGVSZ.js';
|
|
|
34
34
|
import './chunk-AO5TGD7T.js';
|
|
35
35
|
import './chunk-WVAVR5V6.js';
|
|
36
36
|
import './chunk-CNJDESTL.js';
|
|
37
|
-
import './chunk-
|
|
38
|
-
import './chunk-
|
|
37
|
+
import './chunk-QWGVJUJN.js';
|
|
38
|
+
import './chunk-QL56KDLV.js';
|
|
39
39
|
import './chunk-Y2GINGVR.js';
|
|
40
40
|
import './chunk-ESJIQMQJ.js';
|
|
41
41
|
import './chunk-IY6WVOAI.js';
|
|
42
|
-
import './chunk-
|
|
42
|
+
import './chunk-XUMA37J7.js';
|
|
43
43
|
import './chunk-AVTJXS4U.js';
|
|
44
44
|
import './chunk-NDDDT4TO.js';
|
|
45
45
|
import './chunk-QMOPWIA3.js';
|
package/dist/textinput.js
CHANGED
package/package.json
CHANGED
package/src/input-copy.tsx
CHANGED
|
@@ -34,16 +34,18 @@ export function InputCopy({ id, name, text }: InputCopyProps) {
|
|
|
34
34
|
<TextInput
|
|
35
35
|
id={id}
|
|
36
36
|
name={name}
|
|
37
|
-
color={selected ? "success" : "
|
|
37
|
+
color={selected ? "success" : "gray"}
|
|
38
38
|
value={text}
|
|
39
39
|
type="text"
|
|
40
40
|
disabled
|
|
41
|
+
readOnly
|
|
41
42
|
/>
|
|
42
43
|
<button
|
|
44
|
+
id={`btn-${id}`}
|
|
43
45
|
className="absolute inset-y-0 right-0 flex cursor-pointer items-center pr-3"
|
|
44
46
|
onClick={handleCopy}
|
|
45
47
|
>
|
|
46
|
-
<span className="text-gray-500 sm:text-sm"
|
|
48
|
+
<span className="text-gray-500 sm:text-sm">
|
|
47
49
|
COPY
|
|
48
50
|
</span>
|
|
49
51
|
</button>
|
package/src/modal.tsx
CHANGED
|
@@ -18,13 +18,13 @@ const modalProps = variantProps({
|
|
|
18
18
|
},
|
|
19
19
|
});
|
|
20
20
|
|
|
21
|
-
export function Modal({ children, show = true, ...props }) {
|
|
21
|
+
export function Modal({ children, title, show = true, ...props }) {
|
|
22
22
|
if (!show) return <div />;
|
|
23
23
|
|
|
24
24
|
const renderHeadedModal = () => (
|
|
25
|
-
<div className="flex items-center justify-between rounded-t border-b
|
|
25
|
+
<div className="flex items-center justify-between rounded-t border-b pb-3 dark:border-gray-600">
|
|
26
26
|
<h3 className="text-xl font-semibold text-gray-900 dark:text-white">
|
|
27
|
-
{
|
|
27
|
+
{title}
|
|
28
28
|
</h3>
|
|
29
29
|
{renderCloseButton()}
|
|
30
30
|
</div>
|
|
@@ -54,7 +54,7 @@ export function Modal({ children, show = true, ...props }) {
|
|
|
54
54
|
>
|
|
55
55
|
<div {...modalProps(props)}>
|
|
56
56
|
<div className="relative rounded-lg bg-white pl-4 pr-4 pt-4 shadow dark:bg-gray-700">
|
|
57
|
-
{
|
|
57
|
+
{title ? renderHeadedModal() : renderCloseButton(true)}
|
|
58
58
|
{children}
|
|
59
59
|
</div>
|
|
60
60
|
</div>
|
package/src/textinput.tsx
CHANGED
|
@@ -128,6 +128,7 @@ export const TextInput = forwardRef(function TextInput(props, ref) {
|
|
|
128
128
|
onChange={props.onChange}
|
|
129
129
|
value={props.value}
|
|
130
130
|
onKeyDown={props.onKeyDown}
|
|
131
|
+
readOnly={props.readOnly || false}
|
|
131
132
|
{...textInputProps({ color })}
|
|
132
133
|
/>
|
|
133
134
|
</div>
|
|
@@ -151,6 +152,8 @@ TextInput.propTypes = {
|
|
|
151
152
|
disabled: PropTypes.bool,
|
|
152
153
|
/** Optional for position of Addon */
|
|
153
154
|
position: PropTypes.oneOf(["left", "right"]),
|
|
155
|
+
/** Optional to mark component as read Only */
|
|
156
|
+
readOnly: PropTypes.bool,
|
|
154
157
|
};
|
|
155
158
|
|
|
156
159
|
TextInput.displayName = "TextInput";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/textinput.tsx"],"names":["import_prop_types","variantProps","forwardRef","jsx","jsxs","textInputProps","iconProps","addonProps","TextInput","props","ref","color","disabled","type","placeholder","id","icon","addon","position","__spreadProps","__spreadValues","PropTypes"],"mappings":"yFAEA,IAAAA,EAAsB,SADtB,OAAS,gBAAAC,MAAoB,2BAE7B,OAAS,cAAAC,MAAkB,QA6DnB,OACE,OAAAC,EADF,QAAAC,MAAA,oBA3DR,IAAMC,EAAiBJ,EAAa,CAClC,KAAM,uDACN,SAAU,CACR,MAAO,CACL,QACE,wOACF,QACE,sNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,MACT,CACF,CAAC,EAEKK,EAAYL,EAAa,CAC7B,KAAM,6DACN,SAAU,CACR,MAAO,CACL,QACE,wOACF,QACE,sNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,MACT,CACF,CAAC,EAEKM,EAAaN,EAAa,CAC9B,KAAM,gEACN,SAAU,CACR,SAAU,CACR,KAAM,eACN,MAAO,cACT,EACA,MAAO,CACL,QACE,wOACF,QACE,sNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,OACP,SAAU,MACZ,CACF,CAAC,EAEYO,EAAYN,EAAW,SAAmBO,EAAOC,EAAK,CACjE,GAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,KAAAC,EAAM,YAAAC,EAAa,GAAAC,EAAI,KAAAC,EAAM,MAAAC,EAAO,SAAAC,CAAS,EACpET,EACF,OAAIO,EAEAb,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAL,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,OAAI,UAAU,0EACZ,SAAAa,EACH,EACAb,EAAC,QAAAgB,EAAAC,EAAA,GACKd,EAAU,CAAE,MAAAK,CAAM,CAAC,GADxB,CAEC,KAAME,GAAc,OACpB,GAAIE,EACJ,IAAKL,EACL,YAAaI,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUG,EACV,SAAUH,EAAM,SAChB,MAAOA,EAAM,MACb,UAAWA,EAAM,WACnB,GACF,EACF,EAEOQ,EAEPd,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAL,EAAC,OACC,UAAWQ,EAAW,qCAAuC,OAE5D,UAAAM,GAAY,QACXf,EAAC,QAAK,UAAU,2KACb,SAAAc,EACH,EAEFd,EAAC,QAAAgB,EAAAC,EAAA,GACKb,EAAW,CAAE,MAAAI,EAAO,SAAAO,CAAS,CAAC,GADnC,CAEC,KAAML,GAAc,OACpB,GAAIE,EACJ,IAAKN,EAAM,IACX,YAAaK,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUA,EAAM,SAChB,MAAOA,EAAM,MACb,UAAWA,EAAM,WACnB,EACCS,GAAY,SACXf,EAAC,QAAK,UAAU,2KACb,SAAAc,EACH,GAEJ,EACF,EAIAd,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAN,EAAC,OACC,UACES,EAAW,yCAA2C,WAGxD,SAAAT,EAAC,QAAAiB,EAAA,CACC,KAAMP,GAAc,OACpB,GAAIE,EACJ,IAAKN,EAAM,IACX,YAAaK,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUA,EAAM,SAChB,MAAOA,EAAM,MACb,UAAWA,EAAM,WACbJ,EAAe,CAAE,MAAAM,CAAM,CAAC,EAC9B,EACF,EACF,CAGN,CAAC,EAEDH,EAAU,UAAY,CAEpB,GAAI,EAAAa,QAAU,OAAO,WAErB,YAAa,EAAAA,QAAU,OAEvB,MAAO,EAAAA,QAAU,MAAM,CAAC,OAAQ,UAAW,SAAS,CAAC,EAErD,KAAM,EAAAA,QAAU,QAEhB,MAAO,EAAAA,QAAU,QAEjB,SAAU,EAAAA,QAAU,KAEpB,SAAU,EAAAA,QAAU,MAAM,CAAC,OAAQ,OAAO,CAAC,CAC7C,EAEAb,EAAU,YAAc","sourcesContent":["//@ts-nocheck\nimport { variantProps } from \"classname-variants/react\";\nimport PropTypes from \"prop-types\";\nimport { forwardRef } from \"react\";\n\nconst textInputProps = variantProps({\n base: \"block p-2.5 w-full text-sm border text-sm rounded-lg\",\n variants: {\n color: {\n success:\n \"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500\",\n failure:\n \"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500\",\n gray: \"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\",\n },\n },\n defaultVariants: {\n color: \"gray\",\n },\n});\n\nconst iconProps = variantProps({\n base: \"block p-2.5 w-full text-sm border text-sm rounded-lg ps-10\",\n variants: {\n color: {\n success:\n \"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500\",\n failure:\n \"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500\",\n gray: \"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\",\n },\n },\n defaultVariants: {\n color: \"gray\",\n },\n});\n\nconst addonProps = variantProps({\n base: \"block p-2.5 w-full text-sm border min-w-0 flex-1 rounded-none\",\n variants: {\n position: {\n left: \"rounded-r-lg\",\n right: \"rounded-l-lg\",\n },\n color: {\n success:\n \"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500\",\n failure:\n \"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500\",\n gray: \"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\",\n },\n },\n defaultVariants: {\n color: \"gray\",\n position: \"left\",\n },\n});\n\nexport const TextInput = forwardRef(function TextInput(props, ref) {\n const { color, disabled, type, placeholder, id, icon, addon, position } =\n props;\n if (icon) {\n return (\n <div className={props.className && props.className}>\n <div className=\"relative\">\n <div className=\"pointer-events-none absolute inset-y-0 start-0 flex items-center ps-3.5\">\n {icon}\n </div>\n <input\n {...iconProps({ color })}\n type={type ? type : \"text\"}\n id={id}\n ref={ref}\n placeholder={placeholder || \"Enter your text here...\"}\n name={props.name}\n disabled={disabled}\n onChange={props.onChange}\n value={props.value}\n onKeyDown={props.onKeyDown}\n />\n </div>\n </div>\n );\n } else if (addon) {\n return (\n <div className={props.className && props.className}>\n <div\n className={disabled ? \"flex cursor-not-allowed opacity-50\" : \"flex\"}\n >\n {position == \"left\" && (\n <span className=\"rounded-e-0 inline-flex items-center rounded-l-lg border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400\">\n {addon}\n </span>\n )}\n <input\n {...addonProps({ color, position })}\n type={type ? type : \"text\"}\n id={id}\n ref={props.ref}\n placeholder={placeholder || \"Enter your text here...\"}\n name={props.name}\n onChange={props.onChange}\n value={props.value}\n onKeyDown={props.onKeyDown}\n />\n {position == \"right\" && (\n <span className=\"rounded-e-0 inline-flex items-center rounded-r-lg border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400\">\n {addon}\n </span>\n )}\n </div>\n </div>\n );\n } else {\n return (\n <div className={props.className && props.className}>\n <div\n className={\n disabled ? \"relative cursor-not-allowed opacity-50\" : \"relative\"\n }\n >\n <input\n type={type ? type : \"text\"}\n id={id}\n ref={props.ref}\n placeholder={placeholder || \"Enter your text here...\"}\n name={props.name}\n onChange={props.onChange}\n value={props.value}\n onKeyDown={props.onKeyDown}\n {...textInputProps({ color })}\n />\n </div>\n </div>\n );\n }\n});\n\nTextInput.propTypes = {\n /** Unique id for the TextInput Component */\n id: PropTypes.string.isRequired,\n /** Optional placeholder text for TextInput Component */\n placeholder: PropTypes.string,\n /** Optional color defaults to gray. Failure and Success options available*/\n color: PropTypes.oneOf([\"gray\", \"failure\", \"success\"]),\n /** Optional icon TextInput Component */\n icon: PropTypes.element,\n /** Optional addon TextInput Component */\n addon: PropTypes.element,\n /** Optional to disable component */\n disabled: PropTypes.bool,\n /** Optional for position of Addon */\n position: PropTypes.oneOf([\"left\", \"right\"]),\n};\n\nTextInput.displayName = \"TextInput\";\n"]}
|
package/dist/chunk-TXDBBVCI.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { a } from './chunk-HTXOCBXA.js';
|
|
2
|
-
import { useState, useEffect } from 'react';
|
|
3
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
-
|
|
5
|
-
function i({id:n,name:a$1,text:l}){let[s,r]=useState(!1);return useEffect(()=>{let e=setInterval(()=>{r(!1);},1e3);return ()=>clearInterval(e)},[s]),jsxs("div",{className:"relative rounded-md shadow-sm",children:[jsx(a,{id:n,name:a$1,color:s?"success":"grey",value:l,type:"text",disabled:!0}),jsx("button",{className:"absolute inset-y-0 right-0 flex cursor-pointer items-center pr-3",onClick:()=>{let e=document.getElementById(n);e&&(e.select(),e.setSelectionRange(0,99999),navigator.clipboard.writeText(e.value),r(!0));},children:jsx("span",{className:"text-gray-500 sm:text-sm",id:"price-currency",children:"COPY"})})]})}i.displayName="InputCopy";
|
|
6
|
-
|
|
7
|
-
export { i as a };
|
|
8
|
-
//# sourceMappingURL=out.js.map
|
|
9
|
-
//# sourceMappingURL=chunk-TXDBBVCI.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/input-copy.tsx"],"names":["useEffect","useState","jsx","jsxs","InputCopy","id","name","text","selected","setSelected","interval","TextInput","copy"],"mappings":"wCACA,OAAS,aAAAA,EAAW,YAAAC,MAAgB,QA+BhC,OACE,OAAAC,EADF,QAAAC,MAAA,oBAtBG,SAASC,EAAU,CAAE,GAAAC,EAAI,KAAAC,EAAM,KAAAC,CAAK,EAAmB,CAC5D,GAAM,CAACC,EAAUC,CAAW,EAAIR,EAAS,EAAK,EAE9C,OAAAD,EAAU,IAAM,CACd,IAAMU,EAAW,YAAY,IAAM,CACjCD,EAAY,EAAK,CACnB,EAAG,GAAI,EAEP,MAAO,IAAM,cAAcC,CAAQ,CACrC,EAAG,CAACF,CAAQ,CAAC,EAaXL,EAAC,OAAI,UAAU,gCACb,UAAAD,EAACS,EAAA,CACC,GAAIN,EACJ,KAAMC,EACN,MAAOE,EAAW,UAAY,OAC9B,MAAOD,EACP,KAAK,OACL,SAAQ,GACV,EACAL,EAAC,UACC,UAAU,mEACV,QAtBa,IAAM,CACvB,IAAMU,EAAO,SAAS,eAAeP,CAAE,EACnCO,IACFA,EAAK,OAAO,EACZA,EAAK,kBAAkB,EAAG,KAAK,EAC/B,UAAU,UAAU,UAAUA,EAAK,KAAK,EACxCH,EAAY,EAAI,EAEpB,EAgBM,SAAAP,EAAC,QAAK,UAAU,2BAA2B,GAAG,iBAAiB,gBAE/D,EACF,GACF,CAEJ,CAEAE,EAAU,YAAc","sourcesContent":["// @ts-nocheck\nimport { useEffect, useState } from \"react\";\nimport { TextInput } from \"./textinput\";\n\ntype InputCopyProps = {\n id: string;\n name: string;\n text: string;\n};\n\nexport function InputCopy({ id, name, text }: InputCopyProps) {\n const [selected, setSelected] = useState(false);\n\n useEffect(() => {\n const interval = setInterval(() => {\n setSelected(false);\n }, 1000);\n\n return () => clearInterval(interval);\n }, [selected]);\n\n const handleCopy = () => {\n const copy = document.getElementById(id) as HTMLInputElement;\n if (copy) {\n copy.select();\n copy.setSelectionRange(0, 99999);\n navigator.clipboard.writeText(copy.value);\n setSelected(true);\n }\n };\n\n return (\n <div className=\"relative rounded-md shadow-sm\">\n <TextInput\n id={id}\n name={name}\n color={selected ? \"success\" : \"grey\"}\n value={text}\n type=\"text\"\n disabled\n />\n <button\n className=\"absolute inset-y-0 right-0 flex cursor-pointer items-center pr-3\"\n onClick={handleCopy}\n >\n <span className=\"text-gray-500 sm:text-sm\" id=\"price-currency\">\n COPY\n </span>\n </button>\n </div>\n );\n}\n\nInputCopy.displayName = \"InputCopy\";\n"]}
|
package/dist/chunk-VGGEDWFD.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { a } from './chunk-6LHL364H.js';
|
|
2
|
-
import { e as e$1, c, b, a as a$1 } from './chunk-Z4LPO673.js';
|
|
3
|
-
import { variantProps } from 'classname-variants/react';
|
|
4
|
-
import { FaTimes } from 'react-icons/fa';
|
|
5
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
var e=e$1(a(),1);var v=variantProps({base:"relative p-4 w-full max-h-full ",variants:{size:{xsm:"max-w-md",sm:"max-w-xl",md:"max-w-2xl",lg:"max-w-3xl"},defaultVariants:{size:"md"}}});function o(w){var n=w,{children:d,show:a=!0}=n,t=c(n,["children","show"]);if(!a)return jsx("div",{});let y=()=>jsxs("div",{className:"flex items-center justify-between rounded-t border-b p-4 dark:border-gray-600 md:p-5",children:[jsx("h3",{className:"text-xl font-semibold text-gray-900 dark:text-white",children:t.title}),m()]}),m=(c=!1)=>jsxs("button",{type:"button",className:`${c&&"absolute end-2.5 top-3"} ms-auto inline-flex h-8 w-8 items-center justify-center rounded-lg bg-transparent text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white`,"data-modal-hide":"default-modal",onClick:t.onClose,children:[jsx(FaTimes,{}),jsx("span",{className:"sr-only",children:"Close modal"})]});return jsx("div",{id:"default-modal",tabIndex:"-1","aria-hidden":"true",className:"fixed left-0 right-0 top-0 z-50 flex h-[calc(100%-1rem)] max-h-full w-full items-center justify-center overflow-y-auto overflow-x-hidden bg-gray-900 bg-opacity-50 dark:bg-gray-900 dark:bg-opacity-50 md:inset-0",role:"dialog",children:jsx("div",b(a$1({},v(t)),{children:jsxs("div",{className:"relative rounded-lg bg-white pl-4 pr-4 pt-4 shadow dark:bg-gray-700",children:[t.title?y():m(!0),d]})}))})}function l({children:d}){return jsx("div",{children:d})}function s({children:d,border:a=!0,alignment:t="center"}){return jsx("div",{className:`flex gap-4 ${t=="center"&&"justify-center"} ${t=="left"&&"justify-start"} ${t=="right"&&"justify-end"} items-end p-4 md:p-5 ${a&&"border-t"} rounded-b border-gray-200 dark:border-gray-600`,children:d})}o.Body=l;o.Footer=s;o.defaultProps={size:"md"};o.propTypes={title:e.default.string,show:e.default.bool,size:e.default.oneOf(["xsm","sm","md","lg"]),onClose:e.default.func.isRequired,children:e.default.node.isRequired};l.propTypes={children:e.default.node.isRequired};s.propTypes={border:e.default.bool,children:e.default.node.isRequired,alignment:e.default.oneOf(["left","center","right"])};o.displayName="Modal";s.displayName="ModalFooter";l.displayName="ModalBody";
|
|
8
|
-
|
|
9
|
-
export { o as a, l as b, s as c };
|
|
10
|
-
//# sourceMappingURL=out.js.map
|
|
11
|
-
//# sourceMappingURL=chunk-VGGEDWFD.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/modal.tsx"],"names":["import_prop_types","variantProps","FaTimes","jsx","jsxs","modalProps","Modal","_a","_b","children","show","props","__objRest","renderHeadedModal","renderCloseButton","isHeadless","__spreadProps","__spreadValues","ModalBody","ModalFooter","border","alignment","PropTypes"],"mappings":"qGAEA,IAAAA,EAAsB,SADtB,OAAS,gBAAAC,MAAoB,2BAE7B,OAAS,WAAAC,MAAe,iBAkBJ,cAAAC,EAGhB,QAAAC,MAHgB,oBAhBpB,IAAMC,EAAaJ,EAAa,CAC9B,KAAM,kCACN,SAAU,CACR,KAAM,CACJ,IAAK,WACL,GAAI,WACJ,GAAI,YACJ,GAAI,WACN,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF,CAAC,EAEM,SAASK,EAAMC,EAAqC,CAArC,IAAAC,EAAAD,EAAE,UAAAE,EAAU,KAAAC,EAAO,EApBzC,EAoBsBF,EAA4BG,EAAAC,EAA5BJ,EAA4B,CAA1B,WAAU,SAChC,GAAI,CAACE,EAAM,OAAOP,EAAC,QAAI,EAEvB,IAAMU,EAAoB,IACxBT,EAAC,OAAI,UAAU,uFACb,UAAAD,EAAC,MAAG,UAAU,sDACX,SAAAQ,EAAM,MACT,EACCG,EAAkB,GACrB,EAGIA,EAAoB,CAACC,EAAa,KACtCX,EAAC,UACC,KAAK,SACL,UAAW,GACTW,GAAc,sNAEhB,kBAAgB,gBAChB,QAASJ,EAAM,QAEf,UAAAR,EAACD,EAAA,EAAQ,EACTC,EAAC,QAAK,UAAU,UAAU,uBAAW,GACvC,EAGF,OACEA,EAAC,OACC,GAAG,gBACH,SAAS,KACT,cAAY,OACZ,UAAU,oNACV,KAAK,SAEL,SAAAA,EAAC,MAAAa,EAAAC,EAAA,GAAQZ,EAAWM,CAAK,GAAxB,CACC,SAAAP,EAAC,OAAI,UAAU,sEACZ,UAAAO,EAAM,MAAQE,EAAkB,EAAIC,EAAkB,EAAI,EAC1DL,GACH,GACF,EACF,CAEJ,CAEO,SAASS,EAAU,CAAE,SAAAT,CAAS,EAAG,CACtC,OAAON,EAAC,OAAK,SAAAM,EAAS,CACxB,CAEO,SAASU,EAAY,CAAE,SAAAV,EAAU,OAAAW,EAAS,GAAM,UAAAC,EAAY,QAAS,EAAG,CAC7E,OACElB,EAAC,OACC,UAAW,cAAckB,GAAa,UAAY,oBAChDA,GAAa,QAAU,mBACrBA,GAAa,SAAW,sCAC1BD,GAAU,4DAGX,SAAAX,EACH,CAEJ,CAEAH,EAAM,KAAOY,EACbZ,EAAM,OAASa,EAEfb,EAAM,aAAe,CACnB,KAAM,IACR,EAEAA,EAAM,UAAY,CAEhB,MAAO,EAAAgB,QAAU,OAEjB,KAAM,EAAAA,QAAU,KAEhB,KAAM,EAAAA,QAAU,MAAM,CAAC,MAAO,KAAM,KAAM,IAAI,CAAC,EAE/C,QAAS,EAAAA,QAAU,KAAK,WAExB,SAAU,EAAAA,QAAU,KAAK,UAC3B,EAEAJ,EAAU,UAAY,CAEpB,SAAU,EAAAI,QAAU,KAAK,UAC3B,EAEAH,EAAY,UAAY,CAEtB,OAAQ,EAAAG,QAAU,KAClB,SAAU,EAAAA,QAAU,KAAK,WACzB,UAAW,EAAAA,QAAU,MAAM,CAAC,OAAQ,SAAU,OAAO,CAAC,CACxD,EAEAhB,EAAM,YAAc,QACpBa,EAAY,YAAc,cAC1BD,EAAU,YAAc","sourcesContent":["//@ts-nocheck\nimport { variantProps } from \"classname-variants/react\";\nimport PropTypes from \"prop-types\";\nimport { FaTimes } from \"react-icons/fa\";\n\nconst modalProps = variantProps({\n base: \"relative p-4 w-full max-h-full \",\n variants: {\n size: {\n xsm: \"max-w-md\",\n sm: \"max-w-xl\",\n md: \"max-w-2xl\",\n lg: \"max-w-3xl\",\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n});\n\nexport function Modal({ children, show = true, ...props }) {\n if (!show) return <div />;\n\n const renderHeadedModal = () => (\n <div className=\"flex items-center justify-between rounded-t border-b p-4 dark:border-gray-600 md:p-5\">\n <h3 className=\"text-xl font-semibold text-gray-900 dark:text-white\">\n {props.title}\n </h3>\n {renderCloseButton()}\n </div>\n );\n\n const renderCloseButton = (isHeadless = false) => (\n <button\n type=\"button\"\n className={`${\n isHeadless && \"absolute end-2.5 top-3\"\n } ms-auto inline-flex h-8 w-8 items-center justify-center rounded-lg bg-transparent text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white`}\n data-modal-hide=\"default-modal\"\n onClick={props.onClose}\n >\n <FaTimes />\n <span className=\"sr-only\">Close modal</span>\n </button>\n );\n\n return (\n <div\n id=\"default-modal\"\n tabIndex=\"-1\"\n aria-hidden=\"true\"\n className=\"fixed left-0 right-0 top-0 z-50 flex h-[calc(100%-1rem)] max-h-full w-full items-center justify-center overflow-y-auto overflow-x-hidden bg-gray-900 bg-opacity-50 dark:bg-gray-900 dark:bg-opacity-50 md:inset-0\"\n role=\"dialog\"\n >\n <div {...modalProps(props)}>\n <div className=\"relative rounded-lg bg-white pl-4 pr-4 pt-4 shadow dark:bg-gray-700\">\n {props.title ? renderHeadedModal() : renderCloseButton(true)}\n {children}\n </div>\n </div>\n </div>\n );\n}\n\nexport function ModalBody({ children }) {\n return <div>{children}</div>;\n}\n\nexport function ModalFooter({ children, border = true, alignment = \"center\" }) {\n return (\n <div\n className={`flex gap-4 ${alignment == \"center\" && \"justify-center\"} ${\n alignment == \"left\" && \"justify-start\"\n } ${alignment == \"right\" && \"justify-end\"} items-end p-4 md:p-5 ${\n border && \"border-t\"\n } rounded-b border-gray-200 dark:border-gray-600`}\n >\n {children}\n </div>\n );\n}\n\nModal.Body = ModalBody;\nModal.Footer = ModalFooter;\n\nModal.defaultProps = {\n size: \"md\",\n};\n\nModal.propTypes = {\n /** Tile of the modal not providing a title makes this a headless modal */\n title: PropTypes.string,\n /** Whether or not the modal is visible */\n show: PropTypes.bool,\n /** Size of the modal */\n size: PropTypes.oneOf([\"xsm\", \"sm\", \"md\", \"lg\"]),\n /** Callback for the close action */\n onClose: PropTypes.func.isRequired,\n /** Modal.Body and Modal.Footer compounds used to build up the modal. The footer is optional */\n children: PropTypes.node.isRequired,\n};\n\nModalBody.propTypes = {\n /** Markup to make up the Modal content */\n children: PropTypes.node.isRequired,\n};\n\nModalFooter.propTypes = {\n /** Markup to make up the Modal Footer */\n border: PropTypes.bool,\n children: PropTypes.node.isRequired,\n alignment: PropTypes.oneOf([\"left\", \"center\", \"right\"]),\n};\n\nModal.displayName = \"Modal\";\nModalFooter.displayName = \"ModalFooter\";\nModalBody.displayName = \"ModalBody\";\n"]}
|
|
File without changes
|