ivt 0.3.8 → 0.3.9
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.
@@ -1,13 +1,31 @@
|
|
1
1
|
import React__default from 'react';
|
2
2
|
|
3
|
-
|
3
|
+
interface CreateAndUpdateSkeletonProps {
|
4
|
+
/** Quantas seções de informação devem ser renderizadas */
|
5
|
+
infoCount?: number;
|
6
|
+
/** Quantos campos do formulário esqueleto devem ser renderizados */
|
7
|
+
formCount?: number;
|
8
|
+
}
|
9
|
+
declare const CreateAndUpdateSkeleton: React__default.FC<CreateAndUpdateSkeletonProps>;
|
4
10
|
|
5
|
-
|
11
|
+
interface FormSkeletonProps {
|
12
|
+
count?: number;
|
13
|
+
}
|
14
|
+
declare const FormSkeleton: React__default.FC<FormSkeletonProps>;
|
6
15
|
|
7
|
-
|
16
|
+
interface ListItemSkeletonProps {
|
17
|
+
count?: number;
|
18
|
+
}
|
19
|
+
declare const ListItemSkeleton: React__default.FC<ListItemSkeletonProps>;
|
8
20
|
|
9
|
-
|
21
|
+
interface SectionInfoSkeletonProps {
|
22
|
+
count?: number;
|
23
|
+
}
|
24
|
+
declare const SectionInfoSkeleton: React__default.FC<SectionInfoSkeletonProps>;
|
10
25
|
|
11
|
-
|
26
|
+
interface ShowSkeletonProps {
|
27
|
+
count?: number;
|
28
|
+
}
|
29
|
+
declare const ShowSkeleton: React__default.FC<ShowSkeletonProps>;
|
12
30
|
|
13
31
|
export { CreateAndUpdateSkeleton, FormSkeleton, ListItemSkeleton, SectionInfoSkeleton, ShowSkeleton };
|
@@ -4,48 +4,55 @@ import { S as Skeleton } from '../chunks/skeleton-Dbi_dW42.mjs';
|
|
4
4
|
import '../chunks/utils-CFolTJhN.mjs';
|
5
5
|
import '../chunks/bundle-mjs-BkZXOJMC.mjs';
|
6
6
|
|
7
|
-
const FormSkeleton = ()=>{
|
7
|
+
const FormSkeleton = ({ count = 4 })=>{
|
8
8
|
return /*#__PURE__*/ React__default.createElement("div", {
|
9
9
|
className: "space-y-8"
|
10
10
|
}, /*#__PURE__*/ React__default.createElement("div", {
|
11
11
|
className: "flex max-w-[25rem] flex-col gap-4"
|
12
|
-
},
|
13
|
-
|
14
|
-
}),
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
}), /*#__PURE__*/ React__default.createElement(Skeleton, {
|
19
|
-
className: "h-[86px] w-[400px]"
|
20
|
-
})));
|
12
|
+
}, Array.from({
|
13
|
+
length: count
|
14
|
+
}).map((_, i)=>/*#__PURE__*/ React__default.createElement(Skeleton, {
|
15
|
+
key: i,
|
16
|
+
className: "h-[86px] w-[400px]"
|
17
|
+
}))));
|
21
18
|
};
|
22
19
|
|
23
|
-
const SectionInfoSkeleton = ()=>{
|
24
|
-
return /*#__PURE__*/ React__default.createElement(
|
25
|
-
|
26
|
-
},
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
20
|
+
const SectionInfoSkeleton = ({ count = 1 })=>{
|
21
|
+
return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, Array.from({
|
22
|
+
length: count
|
23
|
+
}).map((_, i)=>/*#__PURE__*/ React__default.createElement("section", {
|
24
|
+
key: i,
|
25
|
+
className: "relative w-full space-y-2 lg:w-2/5"
|
26
|
+
}, /*#__PURE__*/ React__default.createElement(Skeleton, {
|
27
|
+
className: "h-8 w-full max-w-lg"
|
28
|
+
}), /*#__PURE__*/ React__default.createElement(Skeleton, {
|
29
|
+
className: "h-12 w-full max-w-lg"
|
30
|
+
}))));
|
31
31
|
};
|
32
32
|
|
33
|
-
const CreateAndUpdateSkeleton = ()=>{
|
34
|
-
return /*#__PURE__*/ React__default.createElement(Container, null, /*#__PURE__*/ React__default.createElement(ChildContainer, null, /*#__PURE__*/ React__default.createElement(SectionInfoSkeleton,
|
33
|
+
const CreateAndUpdateSkeleton = ({ infoCount = 1, formCount = 4 })=>{
|
34
|
+
return /*#__PURE__*/ React__default.createElement(Container, null, /*#__PURE__*/ React__default.createElement(ChildContainer, null, /*#__PURE__*/ React__default.createElement(SectionInfoSkeleton, {
|
35
|
+
count: infoCount
|
36
|
+
}), /*#__PURE__*/ React__default.createElement("div", {
|
35
37
|
className: "w-full max-w-[600px] space-y-8"
|
36
38
|
}, /*#__PURE__*/ React__default.createElement(Skeleton, {
|
37
39
|
className: "h-6 w-[600px]"
|
38
|
-
}), /*#__PURE__*/ React__default.createElement(FormSkeleton,
|
40
|
+
}), /*#__PURE__*/ React__default.createElement(FormSkeleton, {
|
41
|
+
count: formCount
|
42
|
+
}))));
|
39
43
|
};
|
40
44
|
|
41
|
-
const ListItemSkeleton = ()=>{
|
42
|
-
return /*#__PURE__*/ React__default.createElement(
|
43
|
-
|
44
|
-
},
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
45
|
+
const ListItemSkeleton = ({ count = 1 })=>{
|
46
|
+
return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, Array.from({
|
47
|
+
length: count
|
48
|
+
}).map((_, i)=>/*#__PURE__*/ React__default.createElement("div", {
|
49
|
+
key: i,
|
50
|
+
className: "border-b-border flex flex-wrap justify-between border-b p-2.5"
|
51
|
+
}, /*#__PURE__*/ React__default.createElement(Skeleton, {
|
52
|
+
className: "h-6 w-14"
|
53
|
+
}), /*#__PURE__*/ React__default.createElement(Skeleton, {
|
54
|
+
className: "h-6 w-30"
|
55
|
+
}))));
|
49
56
|
};
|
50
57
|
|
51
58
|
const ShowSkeleton = ({ count = 5 })=>{
|
@@ -57,12 +64,9 @@ const ShowSkeleton = ({ count = 5 })=>{
|
|
57
64
|
className: "h-6 w-[500px]"
|
58
65
|
})), /*#__PURE__*/ React__default.createElement("section", {
|
59
66
|
className: "mt-4 w-full max-w-[600px] space-y-2 md:flex-[6]"
|
60
|
-
},
|
61
|
-
|
62
|
-
})
|
63
|
-
// biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
|
64
|
-
key: `skeleton-${i}`
|
65
|
-
})))));
|
67
|
+
}, /*#__PURE__*/ React__default.createElement(ListItemSkeleton, {
|
68
|
+
count: count
|
69
|
+
}))));
|
66
70
|
};
|
67
71
|
|
68
72
|
export { CreateAndUpdateSkeleton, FormSkeleton, ListItemSkeleton, SectionInfoSkeleton, ShowSkeleton };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/components/default/skeleton-component/FormSkeleton.tsx","../../src/components/default/skeleton-component/SectionInfoSkeleton.tsx","../../src/components/default/skeleton-component/CreateAndUpdateSkeleton.tsx","../../src/components/default/skeleton-component/ListItemSkeleton.tsx","../../src/components/default/skeleton-component/ShowSkeleton.tsx"],"sourcesContent":["import { Skeleton } from \"@/components/ui/skeleton\";\nimport React from \"react\";\n\nexport const FormSkeleton: React.FC = () => {\n\treturn (\n\t\t<div className=\"space-y-8\">\n\t\t\t<div className=\"flex max-w-[25rem] flex-col gap-4\">\n\t\t\t\t
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/components/default/skeleton-component/FormSkeleton.tsx","../../src/components/default/skeleton-component/SectionInfoSkeleton.tsx","../../src/components/default/skeleton-component/CreateAndUpdateSkeleton.tsx","../../src/components/default/skeleton-component/ListItemSkeleton.tsx","../../src/components/default/skeleton-component/ShowSkeleton.tsx"],"sourcesContent":["import { Skeleton } from \"@/components/ui/skeleton\";\nimport React from \"react\";\n\ninterface FormSkeletonProps {\n\tcount?: number;\n}\n\nexport const FormSkeleton: React.FC<FormSkeletonProps> = ({ count = 4 }) => {\n\treturn (\n\t\t<div className=\"space-y-8\">\n\t\t\t<div className=\"flex max-w-[25rem] flex-col gap-4\">\n\t\t\t\t{Array.from({ length: count }).map((_, i) => (\n\t\t\t\t\t<Skeleton key={i} className=\"h-[86px] w-[400px]\" />\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n","import { Skeleton } from \"@/components/ui/skeleton\";\nimport React from \"react\";\n\ninterface SectionInfoSkeletonProps {\n\tcount?: number;\n}\n\nexport const SectionInfoSkeleton: React.FC<SectionInfoSkeletonProps> = ({ count = 1 }) => {\n\treturn (\n\t\t<>\n\t\t\t{Array.from({ length: count }).map((_, i) => (\n\t\t\t\t<section key={i} className=\"relative w-full space-y-2 lg:w-2/5\">\n\t\t\t\t\t<Skeleton className=\"h-8 w-full max-w-lg\" />\n\t\t\t\t\t<Skeleton className=\"h-12 w-full max-w-lg\" />\n\t\t\t\t</section>\n\t\t\t))}\n\t\t</>\n\t);\n};\n","import { ChildContainer } from \"@/components/default/layout/ChildContainer\";\nimport { Container } from \"@/components/default/layout/Container\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport React from \"react\";\nimport { FormSkeleton } from \"./FormSkeleton\";\nimport { SectionInfoSkeleton } from \"./SectionInfoSkeleton\";\n\ninterface CreateAndUpdateSkeletonProps {\n\t/** Quantas seções de informação devem ser renderizadas */\n\tinfoCount?: number;\n\t/** Quantos campos do formulário esqueleto devem ser renderizados */\n\tformCount?: number;\n}\n\nexport const CreateAndUpdateSkeleton: React.FC<CreateAndUpdateSkeletonProps> = ({\n\tinfoCount = 1,\n\tformCount = 4,\n}) => {\n\treturn (\n\t\t<Container>\n\t\t\t<ChildContainer>\n\t\t\t\t<SectionInfoSkeleton count={infoCount} />\n\n\t\t\t\t<div className=\"w-full max-w-[600px] space-y-8\">\n\t\t\t\t\t<Skeleton className=\"h-6 w-[600px]\" />\n\t\t\t\t\t<FormSkeleton count={formCount} />\n\t\t\t\t</div>\n\t\t\t</ChildContainer>\n\t\t</Container>\n\t);\n};\n","import { Skeleton } from \"@/components/ui/skeleton\";\nimport React from \"react\";\n\ninterface ListItemSkeletonProps {\n\tcount?: number;\n}\n\nexport const ListItemSkeleton: React.FC<ListItemSkeletonProps> = ({ count = 1 }) => {\n\treturn (\n\t\t<>\n\t\t\t{Array.from({ length: count }).map((_, i) => (\n\t\t\t\t<div key={i} className=\"border-b-border flex flex-wrap justify-between border-b p-2.5\">\n\t\t\t\t\t<Skeleton className=\"h-6 w-14\" />\n\t\t\t\t\t<Skeleton className=\"h-6 w-30\" />\n\t\t\t\t</div>\n\t\t\t))}\n\t\t</>\n\t);\n};\n","import { ChildContainer } from \"@/components/default/layout/ChildContainer\";\nimport { Container } from \"@/components/default/layout/Container\";\nimport { ListItemSkeleton } from \"@/components/default/skeleton-component/ListItemSkeleton\";\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport React from \"react\";\n\ninterface ShowSkeletonProps {\n\tcount?: number;\n}\n\nexport const ShowSkeleton: React.FC<ShowSkeletonProps> = ({ count = 5 }) => {\n\treturn (\n\t\t<Container>\n\t\t\t<ChildContainer>\n\t\t\t\t<div className=\"space-y-2\">\n\t\t\t\t\t<Skeleton className=\"h-8 w-80\" />\n\t\t\t\t\t<Skeleton className=\"h-6 w-[500px]\" />\n\t\t\t\t</div>\n\n\t\t\t\t<section className=\"mt-4 w-full max-w-[600px] space-y-2 md:flex-[6]\">\n\t\t\t\t\t<ListItemSkeleton count={count} />\n\t\t\t\t</section>\n\t\t\t</ChildContainer>\n\t\t</Container>\n\t);\n};\n"],"names":["FormSkeleton","count","React","div","className","Array","from","length","map","_","i","Skeleton","key","SectionInfoSkeleton","section","CreateAndUpdateSkeleton","infoCount","formCount","Container","ChildContainer","ListItemSkeleton","ShowSkeleton"],"mappings":"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"}
|