@kbgarcia8/react-dynamic-form 1.1.3 → 1.1.4
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.
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
display: flex;
|
|
40
40
|
align-items: center;
|
|
41
41
|
justify-content: center;
|
|
42
|
-
`,g=({onClick:t,id:o,buttonType:i,source:
|
|
42
|
+
`,g=({onClick:t,id:o,buttonType:i,source:a,svg:r,alt:d="alt-button-icon",text:m="",className:l="",dataAttributes:b={}})=>e.jsx(V,{onClick:t,id:o,type:i,className:l,...b,children:e.jsxs(X,{className:"button-icon-text-space",children:[a?e.jsx(Y,{src:a,alt:d}):r||"",m&&e.jsx(Z,{id:o,children:m})]})}),_=c.div`
|
|
43
43
|
display: flex;
|
|
44
44
|
flex-direction: column;
|
|
45
45
|
align-items: left;
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
align-items: center;
|
|
76
76
|
`,ae=c.span`
|
|
77
77
|
font-weight: ${n.fontWeight.light};
|
|
78
|
-
`,P=({htmlFor:t,textLabel:o,additionalInfo:i,$labelFlexDirection:
|
|
78
|
+
`,P=({htmlFor:t,textLabel:o,additionalInfo:i,$labelFlexDirection:a,source:r,svg:d,className:m,children:l})=>e.jsxs(ee,{htmlFor:t,className:m,$labelFlexDirection:a,children:[(r||d)&&e.jsx(ne,{className:"label-icon-container",children:r?e.jsx("img",{src:r,alt:`${t}-label-icon`}):d||""}),e.jsx(te,{className:"main-label",children:o}),i&&e.jsx(ae,{className:"additional-info",children:i}),l]}),W=c.input`
|
|
79
79
|
display: flex;
|
|
80
80
|
place-content: center;
|
|
81
81
|
font-family: ${n.fonts.secondary}, ${n.fonts.fallback};
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
&:focus{
|
|
93
93
|
border: ${n.borderThickness.thin} solid ${({theme:t})=>t.colors.teal};
|
|
94
94
|
}
|
|
95
|
-
`,
|
|
95
|
+
`,se=c.textarea`
|
|
96
96
|
display: flex;
|
|
97
97
|
place-content: center;
|
|
98
98
|
border: ${n.borderThickness.light} solid ${({theme:t})=>t.colors.text};
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
max-width: 100%;
|
|
106
106
|
resize: none;
|
|
107
107
|
overflow-y: auto;
|
|
108
|
-
`,z=v.forwardRef((t,o)=>{const{type:i,id:
|
|
108
|
+
`,z=v.forwardRef((t,o)=>{const{type:i,id:a,onChange:r,isRequired:d,dataAttributes:m,disabled:l,className:b}=t;if(i==="textarea"){const{rows:j=5,cols:w=30,value:T,...A}=t;return e.jsx(se,{id:a,onChange:r,value:T,rows:j,cols:w,...m,className:b,ref:o,disabled:l,required:d})}if(i==="radio"||i==="checkbox"){const{checked:j,...w}=t;return e.jsx(W,{ref:o,type:"checkbox",id:a,checked:j,onChange:r,disabled:l,className:b,...m})}const u=t,{value:y,pattern:f,placeholderText:p,...N}=u;return e.jsx(W,{id:a,name:a,placeholder:p,onChange:r,value:y,type:i,required:d,...m,className:b,ref:o,disabled:l,pattern:f})}),F=t=>{const{className:o,type:i,id:a,textLabel:r,additionalInfo:d,$labelFlexDirection:m,svg:l,labelClass:b,onChange:u,isRequired:y,dataAttributes:f,inputClass:p,ref:N,disabled:j,isEditable:w,editIcon:T,onClickEdit:A,deleteIcon:R,onClickDelete:B,idx:S,children:q}=t;return e.jsxs(_,{className:`${o} ${a.replace("#","")}-label-input-container`,children:[i!=="radio"&&i!=="checkbox"&&e.jsx(P,{htmlFor:a,textLabel:r,additionalInfo:d,$labelFlexDirection:m,svg:l,className:b}),i!=="radio"&&i!=="checkbox"&&i==="textarea"&&(()=>{const{rows:k=5,cols:C=30,value:D,...s}=t;return e.jsx(z,{id:a,name:a,type:"textarea",isRequired:y,onChange:u,value:D,rows:k,cols:C,dataAttributes:f,className:p,ref:N,disabled:j})})(),i!=="radio"&&i!=="checkbox"&&i!=="textarea"&&(()=>{const k=t,{value:C,pattern:D,placeholderText:s,...$}=k;return e.jsx(z,{id:a,name:a,placeholderText:s,onChange:u,value:C,type:i,isRequired:y,dataAttributes:f,className:p,ref:N,disabled:j,pattern:D})})(),(i==="radio"||i==="checkbox")&&(()=>{const{checked:k,...C}=t;return e.jsxs(e.Fragment,{children:[e.jsx(z,{ref:N,type:"checkbox",name:a,id:a,isRequired:y,checked:k,onChange:u,disabled:j,className:p,dataAttributes:f}),e.jsx(P,{htmlFor:a,textLabel:r,additionalInfo:d,$labelFlexDirection:m,svg:l,className:b})]})})(),w&&e.jsxs(I,{className:"input-edit-buttons",children:[e.jsx(g,{id:`editable-${a}-edit-btn`,svg:T,buttonType:"button",onClick:A,className:`edit-radio-${S}`,dataAttributes:f}),e.jsx(g,{id:`editable-${a}-delete-btn`,svg:R,buttonType:"button",onClick:B,className:`delete-radio-${S}`,dataAttributes:f})]}),q]})},oe=c.fieldset`
|
|
109
109
|
padding: 0;
|
|
110
110
|
height: auto;
|
|
111
111
|
width: 100%;
|
|
@@ -125,11 +125,11 @@
|
|
|
125
125
|
display: flex;
|
|
126
126
|
justify-content: space-between;
|
|
127
127
|
width: 100%;
|
|
128
|
-
`,M=({legend:t,idx:o,editableInformation:i,onChangeOfEditableOption:
|
|
128
|
+
`,M=({legend:t,idx:o,editableInformation:i,onChangeOfEditableOption:a,onClickSaveEdit:r,onClickCancelEdit:d,onClickDeleteEntry:m})=>e.jsxs(oe,{className:"editable-selection-fieldset",children:[e.jsx(ie,{children:`${t} ${o+1}`}),i.map((l,b)=>e.jsx(le,{className:"editable-selection-container",children:e.jsx(z,{id:`editable-selection-${b}`,name:`editable-selection-${b}`,placeholderText:l.name.charAt(0).toUpperCase()+l.name.slice(1),onChange:a,value:l.info,type:l.type,isRequired:!0,className:"editable-selection",dataAttributes:{"data-index":b,"data-key":l.info}})},`${l.name}-${b}`)),e.jsxs(ce,{className:"editable-selection-button-space",children:[e.jsx(g,{id:`editable-selection-${o}-submit`,buttonType:"submit",text:"Save",onClick:r,className:"editable-selection-btn",dataAttributes:{"data-index":o}}),e.jsx(g,{id:`editable-selection-${o}-cancel`,buttonType:"button",text:"Cancel",onClick:d,className:"editable-selection-btn",dataAttributes:{"data-index":o}}),e.jsx(g,{id:`editable-selection-${o}-delete`,buttonType:"button",text:"Delete",onClick:m,className:"editable-selection-btn",dataAttributes:{"data-index":o}})]})]}),re=c.div`
|
|
129
129
|
display: flex;
|
|
130
130
|
justify-content: space-between;
|
|
131
131
|
max-width: 100%;
|
|
132
|
-
`,de=({id:t,hasSubmit:o,submitText:i,handleSubmit:
|
|
132
|
+
`,de=({id:t,hasSubmit:o,submitText:i,handleSubmit:a,hasEdit:r,editText:d,handleEdit:m,hasCancel:l,cancelText:b,handleCancel:u,hasDelete:y,deleteText:f,handleDelete:p})=>e.jsxs(re,{className:"form-main-button-container",children:[o&&e.jsx(g,{id:`form-${t}-submit`,buttonType:"submit",text:i??"Submit",onClick:a,className:"submit-form-btn"}),r&&e.jsx(g,{id:`form-${t}-edit`,buttonType:"button",text:d??"Edit",onClick:m,className:"edit-form-btn"}),l&&e.jsx(g,{id:`form-${t}-cancel`,buttonType:"button",text:b??"Cancel",onClick:u,className:"cancel-form-btn"}),y&&e.jsx(g,{id:`form-${t}-delete`,buttonType:"button",text:f??"Delete",onClick:p,className:"delete-form-btn"})]}),U=c.legend`
|
|
133
133
|
font-size: ${n.spacing.medium};
|
|
134
134
|
font-weight: 500;
|
|
135
135
|
margin-bottom: ${n.spacing.small};
|
|
@@ -168,4 +168,4 @@
|
|
|
168
168
|
flex-direction: column;
|
|
169
169
|
align-items: center;
|
|
170
170
|
justify-content: center;
|
|
171
|
-
`,be=({fieldsets:t=null,legendText:o,isExpandable:i,id:
|
|
171
|
+
`,be=({fieldsets:t=null,legendText:o,isExpandable:i,id:a,formInputs:r,labelAndInputContainerClass:d,labelClass:m,inputClass:l,handleEditableInputEntryChange:b,handleAddingInputEntry:u,hasSubmit:y=!1,hasCancel:f=!1,hasDelete:p=!1,hasEdit:N=!1,submitText:j,handleSubmitForm:w,handleSubmit:T,cancelText:A,handleCancel:R,deleteText:B,handleDelete:S,editText:q,handleEdit:k,className:C,children:D})=>e.jsxs(me,{id:`${a}-form`,className:C,onSubmit:w,children:[t?t.map((s,$)=>e.jsxs(G,{className:`${a}-fieldset-wrapper`,children:[e.jsxs(H,{id:`${a}-form-fieldset-${$}`,className:`${s.legend}-fieldset`,children:[s.legend&&e.jsx(U,{children:s.legend}),s.inputs.length!==0?s.inputs.map((h,E)=>e.jsxs(v.Fragment,{children:[h.type==="textarea"&&e.jsx(F,{...h,id:h.id??`${s.legend}-input`,labelClass:m,inputClass:l,idx:E,className:d}),(h.type==="radio"||h.type==="checkbox")&&e.jsx(F,{...h,id:h.id??`${s.legend}-input`,labelClass:m,inputClass:l,idx:E,className:d}),h.type!=="textarea"&&h.type!=="radio"&&h.type!=="checkbox"&&e.jsx(F,{...h,id:h.id??`${s.legend}-input`,labelClass:m,inputClass:l,idx:E,className:d}),h.isEditable&&h.editing&&e.jsx(M,{legend:`${s.legend} ${E+1}`,idx:E,editableInformation:h?.editableInformation,onChangeOfEditableOption:b,onClickSaveEdit:h?.onClickSave,onClickCancelEdit:h?.onClickCancel,onClickDeleteEntry:h?.onClickDelete})]},`form-${a}-${E}`)):s.isExpandable?e.jsx(J,{children:`No entry yet on ${s.legend}. Click "+" button to add entry.`}):""]}),s.isExpandable&&e.jsx(K,{className:"add-input-button-space",children:e.jsx(g,{id:`expand-${s.legend}-inputs`,buttonType:"button",text:"+",onClick:u,className:"add-input-entry"})})]},`${s.legend}-${$}`)):e.jsxs(G,{className:`${a}-fieldset-wrapper`,children:[e.jsxs(H,{id:`${a}-form-fieldset`,className:`${o}-fieldset`,children:[o&&e.jsx(U,{children:o}),!t&&r&&r.length!==0?r.map((s,$)=>e.jsxs(v.Fragment,{children:[s.type==="textarea"&&e.jsx(F,{...s,id:s.id??`${o}-input`,labelClass:m,inputClass:l,idx:$,className:d}),(s.type==="radio"||s.type==="checkbox")&&e.jsx(F,{...s,id:s.id??`${o}-input`,labelClass:m,inputClass:l,idx:$,className:d}),s.type!=="textarea"&&s.type!=="radio"&&s.type!=="checkbox"&&e.jsx(F,{...s,id:s.id??`${o}-input`,labelClass:m,inputClass:l,idx:$,className:d}),s.isEditable&&s.editing&&e.jsx(M,{legend:`${o} ${$+1}`,idx:$,editableInformation:s?.editableInformation,onChangeOfEditableOption:b,onClickSaveEdit:s?.onClickSave,onClickCancelEdit:s?.onClickEdit,onClickDeleteEntry:s?.onClickDelete})]},`form-${a}-${$}`)):i?e.jsx(J,{children:`No entry yet on ${o}. Please click "+" button to add`}):""]}),i&&e.jsx(K,{className:"add-input-button-space",children:e.jsx(g,{id:`expand-${o}-inputs`,buttonType:"button",text:"+",onClick:u,className:"add-input-entry"})})]}),e.jsx(de,{id:a,hasSubmit:y,submitText:j,handleSubmit:T,hasEdit:N,editText:q,handleEdit:k,hasCancel:f,cancelText:A,handleCancel:R,hasDelete:p,deleteText:B,handleDelete:S}),e.jsx(xe,{className:"children-container",children:D})]}),he=t=>{const o=/^#([0-9A-Fa-f]{3}){1,2}$/,i=/^rgb(a)?\(\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*\d{1,3}(?:\s*,\s*(0|1|0?\.\d+))?\s*\)$/;return o.test(t)||i.test(t)||CSS.supports("color",t)},x=t=>{if(!he(t))throw new Error(`Invalid color: ${t}`);return t},fe={mobile:"320px",tablet:"768px",desktop:"992px",largeDesktop:"1200px",largerDesktop:"1400px"},L={name:"light",colors:{text:x("#333446"),bg:x("#EEEEEE"),blue:x("#7F8CAA"),blue2:x("#80A6FF"),teal:x("#5b8280ff"),teal2:x("#AEEAE7"),gray:x("#AEAEAE"),information:x("#202234"),success:x("#123524"),warning:x("#F2C265"),error:x("#990000")}},Q={name:"dark",colors:{bg:x("#333446"),text:x("#EEEEEE"),blue:x("#80A6FF"),blue2:x("#7F8CAA"),teal:x("#AEEAE7"),teal2:x("#5b8280ff"),gray:x("#D0D0DD"),information:x("#C9E6F0"),success:x("#9EDF9C"),warning:x("#FCFFC1"),error:x("#FAD4D4")}},O=v.createContext(void 0),ge=({children:t})=>{const[o,i]=v.useState(L),a=()=>{i(r=>r===L?Q:L)};return e.jsx(O.Provider,{value:{currentTheme:o,toggleTheme:a},children:e.jsx(c.ThemeProvider,{theme:o,children:t})})},ue=()=>v.useContext(O);exports.DynamicForm=be;exports.ThemeContext=O;exports.ThemeContextProvider=ge;exports.breakpoints=fe;exports.darkTheme=Q;exports.lightTheme=L;exports.useTheme=ue;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as t, jsxs as g, Fragment as V } from "react/jsx-runtime";
|
|
2
2
|
import W, { forwardRef as X, createContext as Y, useState as Z, useContext as _ } from "react";
|
|
3
|
-
import
|
|
4
|
-
const
|
|
3
|
+
import c, { ThemeProvider as I } from "styled-components";
|
|
4
|
+
const a = {
|
|
5
5
|
fonts: {
|
|
6
6
|
secondary: "Raleway",
|
|
7
7
|
tertiary: "Lato",
|
|
@@ -32,15 +32,15 @@ const n = {
|
|
|
32
32
|
thin: "0.0625rem",
|
|
33
33
|
light: "0.125rem"
|
|
34
34
|
}
|
|
35
|
-
}, ee =
|
|
35
|
+
}, ee = c.button`
|
|
36
36
|
display: flex;
|
|
37
37
|
align-items: center;
|
|
38
38
|
justify-content: center;
|
|
39
39
|
background-color: ${({ theme: e }) => e.colors.blue || "blue"};
|
|
40
40
|
color: ${({ theme: e }) => e.colors.bg || "white"};
|
|
41
|
-
border: ${
|
|
42
|
-
border-radius: ${
|
|
43
|
-
padding: ${
|
|
41
|
+
border: ${a.borderThickness.light} solid ${({ theme: e }) => e.colors.text || "black"};
|
|
42
|
+
border-radius: ${a.borderRadius.xlarge};
|
|
43
|
+
padding: ${a.spacing.xxxsmall} ${a.spacing.small};
|
|
44
44
|
margin: 0.125rem;
|
|
45
45
|
width: auto;
|
|
46
46
|
cursor: pointer;
|
|
@@ -48,7 +48,7 @@ const n = {
|
|
|
48
48
|
|
|
49
49
|
&:hover {
|
|
50
50
|
background-color: lightblue;
|
|
51
|
-
border: ${
|
|
51
|
+
border: ${a.borderThickness.light} solid gray;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
& .button-icon-text-space {
|
|
@@ -58,65 +58,65 @@ const n = {
|
|
|
58
58
|
& .button-icon-text-space svg {
|
|
59
59
|
max-width: 100%;
|
|
60
60
|
}
|
|
61
|
-
`, te =
|
|
61
|
+
`, te = c.div`
|
|
62
62
|
width: 100%;
|
|
63
63
|
display: flex;
|
|
64
64
|
flex-direction: row;
|
|
65
65
|
align-items: center;
|
|
66
66
|
justify-content: center;
|
|
67
|
-
`,
|
|
67
|
+
`, ae = c.img`
|
|
68
68
|
maxwidth: 100%;
|
|
69
|
-
`,
|
|
70
|
-
font-size: ${
|
|
71
|
-
font-weight: ${
|
|
72
|
-
font-family: ${
|
|
69
|
+
`, ne = c.span`
|
|
70
|
+
font-size: ${a.fontSize.xsmall};
|
|
71
|
+
font-weight: ${a.fontWeight.medium};
|
|
72
|
+
font-family: ${a.fonts.tertiary}, ${a.fonts.fallback};
|
|
73
73
|
display: flex;
|
|
74
74
|
align-items: center;
|
|
75
75
|
justify-content: center;
|
|
76
|
-
`,
|
|
76
|
+
`, $ = ({
|
|
77
77
|
onClick: e,
|
|
78
|
-
id:
|
|
78
|
+
id: i,
|
|
79
79
|
buttonType: l,
|
|
80
|
-
source:
|
|
80
|
+
source: n,
|
|
81
81
|
svg: r,
|
|
82
82
|
alt: d = "alt-button-icon",
|
|
83
83
|
text: m = "",
|
|
84
|
-
className:
|
|
84
|
+
className: s = "",
|
|
85
85
|
dataAttributes: h = {}
|
|
86
86
|
}) => /* @__PURE__ */ t(
|
|
87
87
|
ee,
|
|
88
88
|
{
|
|
89
89
|
onClick: e,
|
|
90
|
-
id:
|
|
90
|
+
id: i,
|
|
91
91
|
type: l,
|
|
92
|
-
className:
|
|
92
|
+
className: s,
|
|
93
93
|
...h,
|
|
94
94
|
children: /* @__PURE__ */ g(te, { className: "button-icon-text-space", children: [
|
|
95
|
-
|
|
96
|
-
m && /* @__PURE__ */ t(
|
|
95
|
+
n ? /* @__PURE__ */ t(ae, { src: n, alt: d }) : r || "",
|
|
96
|
+
m && /* @__PURE__ */ t(ne, { id: i, children: m })
|
|
97
97
|
] })
|
|
98
98
|
}
|
|
99
|
-
), oe =
|
|
99
|
+
), oe = c.div`
|
|
100
100
|
display: flex;
|
|
101
101
|
flex-direction: column;
|
|
102
102
|
align-items: left;
|
|
103
103
|
width: 100%;
|
|
104
|
-
margin-bottom: ${
|
|
105
|
-
`, ie =
|
|
104
|
+
margin-bottom: ${a.spacing.small};
|
|
105
|
+
`, ie = c.div`
|
|
106
106
|
display: flex;
|
|
107
|
-
gap: ${
|
|
107
|
+
gap: ${a.spacing.xsmall};
|
|
108
108
|
width: auto;
|
|
109
109
|
height: auto;
|
|
110
|
-
`, le =
|
|
110
|
+
`, le = c.label`
|
|
111
111
|
display: flex;
|
|
112
112
|
align-items: center;
|
|
113
113
|
justify-content:center;
|
|
114
114
|
height: auto;
|
|
115
115
|
flex-direction: ${(e) => e.$labelFlexDirection || "column"};
|
|
116
|
-
font-family: ${
|
|
117
|
-
font-size: ${
|
|
118
|
-
font-weight: ${
|
|
119
|
-
gap: ${
|
|
116
|
+
font-family: ${a.fonts.secondary}, ${a.fonts.fallback};
|
|
117
|
+
font-size: ${a.fontSize.xsmall};
|
|
118
|
+
font-weight: ${a.fontWeight.bold};
|
|
119
|
+
gap: ${a.spacing.xxsmall};
|
|
120
120
|
|
|
121
121
|
& .label-icon-container img,
|
|
122
122
|
& .label-icon-container svg {
|
|
@@ -124,74 +124,74 @@ const n = {
|
|
|
124
124
|
height: auto;
|
|
125
125
|
object-fit: contain;
|
|
126
126
|
}
|
|
127
|
-
`,
|
|
128
|
-
font-weight: ${
|
|
129
|
-
`,
|
|
127
|
+
`, se = c.span`
|
|
128
|
+
font-weight: ${a.fontWeight.bolder};
|
|
129
|
+
`, ce = c.div`
|
|
130
130
|
max-width: 100%;
|
|
131
131
|
display: flex;
|
|
132
132
|
align-items: center;
|
|
133
|
-
`, re =
|
|
134
|
-
font-weight: ${
|
|
133
|
+
`, re = c.span`
|
|
134
|
+
font-weight: ${a.fontWeight.light};
|
|
135
135
|
`, P = ({
|
|
136
136
|
htmlFor: e,
|
|
137
|
-
textLabel:
|
|
137
|
+
textLabel: i,
|
|
138
138
|
additionalInfo: l,
|
|
139
|
-
$labelFlexDirection:
|
|
139
|
+
$labelFlexDirection: n,
|
|
140
140
|
source: r,
|
|
141
141
|
svg: d,
|
|
142
142
|
className: m,
|
|
143
|
-
children:
|
|
144
|
-
}) => /* @__PURE__ */ g(le, { htmlFor: e, className: m, $labelFlexDirection:
|
|
145
|
-
(r || d) && /* @__PURE__ */ t(
|
|
146
|
-
/* @__PURE__ */ t(
|
|
143
|
+
children: s
|
|
144
|
+
}) => /* @__PURE__ */ g(le, { htmlFor: e, className: m, $labelFlexDirection: n, children: [
|
|
145
|
+
(r || d) && /* @__PURE__ */ t(ce, { className: "label-icon-container", children: r ? /* @__PURE__ */ t("img", { src: r, alt: `${e}-label-icon` }) : d || "" }),
|
|
146
|
+
/* @__PURE__ */ t(se, { className: "main-label", children: i }),
|
|
147
147
|
l && /* @__PURE__ */ t(re, { className: "additional-info", children: l }),
|
|
148
|
-
|
|
149
|
-
] }), q =
|
|
148
|
+
s
|
|
149
|
+
] }), q = c.input`
|
|
150
150
|
display: flex;
|
|
151
151
|
place-content: center;
|
|
152
|
-
font-family: ${
|
|
153
|
-
font-size: ${
|
|
152
|
+
font-family: ${a.fonts.secondary}, ${a.fonts.fallback};
|
|
153
|
+
font-size: ${a.fontSize.xsmall};
|
|
154
154
|
line-height: 1.75;
|
|
155
|
-
padding: ${
|
|
155
|
+
padding: ${a.spacing.xxxsmall} ${a.spacing.xsmall};
|
|
156
156
|
max-width: 100%;
|
|
157
157
|
height: auto;
|
|
158
158
|
background-color: #FFFFFF;
|
|
159
159
|
outline: none;
|
|
160
|
-
border: ${
|
|
161
|
-
border-radius: ${
|
|
160
|
+
border: ${a.borderThickness.thin} solid #000000;
|
|
161
|
+
border-radius: ${a.borderRadius.xsmall};
|
|
162
162
|
|
|
163
163
|
&:focus{
|
|
164
|
-
border: ${
|
|
164
|
+
border: ${a.borderThickness.thin} solid ${({ theme: e }) => e.colors.teal};
|
|
165
165
|
}
|
|
166
|
-
`, de =
|
|
166
|
+
`, de = c.textarea`
|
|
167
167
|
display: flex;
|
|
168
168
|
place-content: center;
|
|
169
|
-
border: ${
|
|
170
|
-
border-radius: ${
|
|
169
|
+
border: ${a.borderThickness.light} solid ${({ theme: e }) => e.colors.text};
|
|
170
|
+
border-radius: ${a.borderRadius.small};
|
|
171
171
|
outline: none;
|
|
172
|
-
line-height: ${
|
|
173
|
-
padding: ${
|
|
174
|
-
font-family: ${
|
|
175
|
-
font-size: ${
|
|
172
|
+
line-height: ${a.spacing.small};
|
|
173
|
+
padding: ${a.spacing.xxxsmall};
|
|
174
|
+
font-family: ${a.fonts.secondary}, ${a.fonts.fallback};
|
|
175
|
+
font-size: ${a.fontSize.xsmall};
|
|
176
176
|
max-width: 100%;
|
|
177
177
|
resize: none;
|
|
178
178
|
overflow-y: auto;
|
|
179
|
-
`, j = X((e,
|
|
180
|
-
const { type: l, id:
|
|
179
|
+
`, j = X((e, i) => {
|
|
180
|
+
const { type: l, id: n, onChange: r, isRequired: d, dataAttributes: m, disabled: s, className: h } = e;
|
|
181
181
|
if (l === "textarea") {
|
|
182
182
|
const { rows: N = 5, cols: E = 30, value: A, ...S } = e;
|
|
183
183
|
return /* @__PURE__ */ t(
|
|
184
184
|
de,
|
|
185
185
|
{
|
|
186
|
-
id:
|
|
186
|
+
id: n,
|
|
187
187
|
onChange: r,
|
|
188
188
|
value: A,
|
|
189
189
|
rows: N,
|
|
190
190
|
cols: E,
|
|
191
191
|
...m,
|
|
192
192
|
className: h,
|
|
193
|
-
ref:
|
|
194
|
-
disabled:
|
|
193
|
+
ref: i,
|
|
194
|
+
disabled: s,
|
|
195
195
|
required: d
|
|
196
196
|
}
|
|
197
197
|
);
|
|
@@ -201,23 +201,23 @@ const n = {
|
|
|
201
201
|
return /* @__PURE__ */ t(
|
|
202
202
|
q,
|
|
203
203
|
{
|
|
204
|
-
ref:
|
|
204
|
+
ref: i,
|
|
205
205
|
type: "checkbox",
|
|
206
|
-
id:
|
|
206
|
+
id: n,
|
|
207
207
|
checked: N,
|
|
208
208
|
onChange: r,
|
|
209
|
-
disabled:
|
|
209
|
+
disabled: s,
|
|
210
210
|
className: h,
|
|
211
211
|
...m
|
|
212
212
|
}
|
|
213
213
|
);
|
|
214
214
|
}
|
|
215
|
-
const
|
|
215
|
+
const x = e, { value: p, pattern: u, placeholderText: k, ...C } = x;
|
|
216
216
|
return /* @__PURE__ */ t(
|
|
217
217
|
q,
|
|
218
218
|
{
|
|
219
|
-
id:
|
|
220
|
-
name:
|
|
219
|
+
id: n,
|
|
220
|
+
name: n,
|
|
221
221
|
placeholder: k,
|
|
222
222
|
onChange: r,
|
|
223
223
|
value: p,
|
|
@@ -225,22 +225,22 @@ const n = {
|
|
|
225
225
|
required: d,
|
|
226
226
|
...m,
|
|
227
227
|
className: h,
|
|
228
|
-
ref:
|
|
229
|
-
disabled:
|
|
228
|
+
ref: i,
|
|
229
|
+
disabled: s,
|
|
230
230
|
pattern: u
|
|
231
231
|
}
|
|
232
232
|
);
|
|
233
233
|
}), T = (e) => {
|
|
234
234
|
const {
|
|
235
|
-
className:
|
|
235
|
+
className: i,
|
|
236
236
|
type: l,
|
|
237
|
-
id:
|
|
237
|
+
id: n,
|
|
238
238
|
textLabel: r,
|
|
239
239
|
additionalInfo: d,
|
|
240
240
|
$labelFlexDirection: m,
|
|
241
|
-
svg:
|
|
241
|
+
svg: s,
|
|
242
242
|
labelClass: h,
|
|
243
|
-
onChange:
|
|
243
|
+
onChange: x,
|
|
244
244
|
isRequired: p,
|
|
245
245
|
dataAttributes: u,
|
|
246
246
|
inputClass: k,
|
|
@@ -254,18 +254,18 @@ const n = {
|
|
|
254
254
|
idx: z,
|
|
255
255
|
children: R
|
|
256
256
|
} = e;
|
|
257
|
-
return /* @__PURE__ */ g(oe, { className: `${
|
|
258
|
-
l !== "radio" && l !== "checkbox" && /* @__PURE__ */ t(P, { htmlFor:
|
|
257
|
+
return /* @__PURE__ */ g(oe, { className: `${i} ${n.replace("#", "")}-label-input-container`, children: [
|
|
258
|
+
l !== "radio" && l !== "checkbox" && /* @__PURE__ */ t(P, { htmlFor: n, textLabel: r, additionalInfo: d, $labelFlexDirection: m, svg: s, className: h }),
|
|
259
259
|
l !== "radio" && l !== "checkbox" && l === "textarea" && (() => {
|
|
260
|
-
const { rows: w = 5, cols: F = 30, value: D, ...
|
|
260
|
+
const { rows: w = 5, cols: F = 30, value: D, ...o } = e;
|
|
261
261
|
return /* @__PURE__ */ t(
|
|
262
262
|
j,
|
|
263
263
|
{
|
|
264
|
-
id:
|
|
265
|
-
name:
|
|
264
|
+
id: n,
|
|
265
|
+
name: n,
|
|
266
266
|
type: "textarea",
|
|
267
267
|
isRequired: p,
|
|
268
|
-
onChange:
|
|
268
|
+
onChange: x,
|
|
269
269
|
value: D,
|
|
270
270
|
rows: w,
|
|
271
271
|
cols: F,
|
|
@@ -277,14 +277,14 @@ const n = {
|
|
|
277
277
|
);
|
|
278
278
|
})(),
|
|
279
279
|
l !== "radio" && l !== "checkbox" && l !== "textarea" && (() => {
|
|
280
|
-
const w = e, { value: F, pattern: D, placeholderText:
|
|
280
|
+
const w = e, { value: F, pattern: D, placeholderText: o, ...y } = w;
|
|
281
281
|
return /* @__PURE__ */ t(
|
|
282
282
|
j,
|
|
283
283
|
{
|
|
284
|
-
id:
|
|
285
|
-
name:
|
|
286
|
-
placeholderText:
|
|
287
|
-
onChange:
|
|
284
|
+
id: n,
|
|
285
|
+
name: n,
|
|
286
|
+
placeholderText: o,
|
|
287
|
+
onChange: x,
|
|
288
288
|
value: F,
|
|
289
289
|
type: l,
|
|
290
290
|
isRequired: p,
|
|
@@ -304,135 +304,135 @@ const n = {
|
|
|
304
304
|
{
|
|
305
305
|
ref: C,
|
|
306
306
|
type: "checkbox",
|
|
307
|
-
name:
|
|
308
|
-
id:
|
|
307
|
+
name: n,
|
|
308
|
+
id: n,
|
|
309
309
|
isRequired: p,
|
|
310
310
|
checked: w,
|
|
311
|
-
onChange:
|
|
311
|
+
onChange: x,
|
|
312
312
|
disabled: N,
|
|
313
313
|
className: k,
|
|
314
314
|
dataAttributes: u
|
|
315
315
|
}
|
|
316
316
|
),
|
|
317
|
-
/* @__PURE__ */ t(P, { htmlFor:
|
|
317
|
+
/* @__PURE__ */ t(P, { htmlFor: n, textLabel: r, additionalInfo: d, $labelFlexDirection: m, svg: s, className: h })
|
|
318
318
|
] });
|
|
319
319
|
})(),
|
|
320
320
|
E && /* @__PURE__ */ g(ie, { className: "input-edit-buttons", children: [
|
|
321
|
-
/* @__PURE__ */ t(
|
|
322
|
-
/* @__PURE__ */ t(
|
|
321
|
+
/* @__PURE__ */ t($, { id: `editable-${n}-edit-btn`, svg: A, buttonType: "button", onClick: S, className: `edit-radio-${z}`, dataAttributes: u }),
|
|
322
|
+
/* @__PURE__ */ t($, { id: `editable-${n}-delete-btn`, svg: L, buttonType: "button", onClick: B, className: `delete-radio-${z}`, dataAttributes: u })
|
|
323
323
|
] }),
|
|
324
324
|
R
|
|
325
325
|
] });
|
|
326
|
-
}, me =
|
|
326
|
+
}, me = c.fieldset`
|
|
327
327
|
padding: 0;
|
|
328
328
|
height: auto;
|
|
329
329
|
width: 100%;
|
|
330
|
-
`, be =
|
|
331
|
-
font-size: ${
|
|
330
|
+
`, be = c.legend`
|
|
331
|
+
font-size: ${a.spacing.medium};
|
|
332
332
|
font-weight: 500;
|
|
333
|
-
margin: 0 auto ${
|
|
333
|
+
margin: 0 auto ${a.spacing.small} auto;
|
|
334
334
|
text-align: center;
|
|
335
|
-
font-family: ${
|
|
336
|
-
`, he =
|
|
335
|
+
font-family: ${a.fonts.secondary}, ${a.fonts.fallback};
|
|
336
|
+
`, he = c.div`
|
|
337
337
|
display: flex;
|
|
338
338
|
flex-direction: column;
|
|
339
339
|
align-items: flex-start;
|
|
340
340
|
width: 100%;
|
|
341
|
-
margin-bottom: ${
|
|
342
|
-
`, fe =
|
|
341
|
+
margin-bottom: ${a.spacing.small};
|
|
342
|
+
`, fe = c.div`
|
|
343
343
|
display: flex;
|
|
344
344
|
justify-content: space-between;
|
|
345
345
|
width: 100%;
|
|
346
346
|
`, M = ({
|
|
347
347
|
legend: e,
|
|
348
|
-
idx:
|
|
348
|
+
idx: i,
|
|
349
349
|
editableInformation: l,
|
|
350
|
-
onChangeOfEditableOption:
|
|
350
|
+
onChangeOfEditableOption: n,
|
|
351
351
|
onClickSaveEdit: r,
|
|
352
352
|
onClickCancelEdit: d,
|
|
353
353
|
onClickDeleteEntry: m
|
|
354
354
|
}) => /* @__PURE__ */ g(me, { className: "editable-selection-fieldset", children: [
|
|
355
|
-
/* @__PURE__ */ t(be, { children: `${e} ${
|
|
356
|
-
l.map((
|
|
355
|
+
/* @__PURE__ */ t(be, { children: `${e} ${i + 1}` }),
|
|
356
|
+
l.map((s, h) => /* @__PURE__ */ t(he, { className: "editable-selection-container", children: /* @__PURE__ */ t(
|
|
357
357
|
j,
|
|
358
358
|
{
|
|
359
359
|
id: `editable-selection-${h}`,
|
|
360
360
|
name: `editable-selection-${h}`,
|
|
361
|
-
placeholderText:
|
|
362
|
-
onChange:
|
|
363
|
-
value:
|
|
364
|
-
type:
|
|
361
|
+
placeholderText: s.name.charAt(0).toUpperCase() + s.name.slice(1),
|
|
362
|
+
onChange: n,
|
|
363
|
+
value: s.info,
|
|
364
|
+
type: s.type,
|
|
365
365
|
isRequired: !0,
|
|
366
366
|
className: "editable-selection",
|
|
367
367
|
dataAttributes: {
|
|
368
368
|
"data-index": h,
|
|
369
369
|
//* should be idx to correspond to radio button index and not with input increment
|
|
370
|
-
"data-key":
|
|
370
|
+
"data-key": s.info
|
|
371
371
|
}
|
|
372
372
|
}
|
|
373
|
-
) }, `${
|
|
373
|
+
) }, `${s.name}-${h}`)),
|
|
374
374
|
/* @__PURE__ */ g(fe, { className: "editable-selection-button-space", children: [
|
|
375
|
-
/* @__PURE__ */ t(
|
|
376
|
-
/* @__PURE__ */ t(
|
|
377
|
-
/* @__PURE__ */ t(
|
|
375
|
+
/* @__PURE__ */ t($, { id: `editable-selection-${i}-submit`, buttonType: "submit", text: "Save", onClick: r, className: "editable-selection-btn", dataAttributes: { "data-index": i } }),
|
|
376
|
+
/* @__PURE__ */ t($, { id: `editable-selection-${i}-cancel`, buttonType: "button", text: "Cancel", onClick: d, className: "editable-selection-btn", dataAttributes: { "data-index": i } }),
|
|
377
|
+
/* @__PURE__ */ t($, { id: `editable-selection-${i}-delete`, buttonType: "button", text: "Delete", onClick: m, className: "editable-selection-btn", dataAttributes: { "data-index": i } })
|
|
378
378
|
] })
|
|
379
|
-
] }), ge =
|
|
379
|
+
] }), ge = c.div`
|
|
380
380
|
display: flex;
|
|
381
381
|
justify-content: space-between;
|
|
382
382
|
max-width: 100%;
|
|
383
383
|
`, ue = ({
|
|
384
384
|
id: e,
|
|
385
|
-
hasSubmit:
|
|
385
|
+
hasSubmit: i,
|
|
386
386
|
submitText: l,
|
|
387
|
-
handleSubmit:
|
|
387
|
+
handleSubmit: n,
|
|
388
388
|
hasEdit: r,
|
|
389
389
|
editText: d,
|
|
390
390
|
handleEdit: m,
|
|
391
|
-
hasCancel:
|
|
391
|
+
hasCancel: s,
|
|
392
392
|
cancelText: h,
|
|
393
|
-
handleCancel:
|
|
393
|
+
handleCancel: x,
|
|
394
394
|
hasDelete: p,
|
|
395
395
|
deleteText: u,
|
|
396
396
|
handleDelete: k
|
|
397
397
|
}) => /* @__PURE__ */ g(ge, { className: "form-main-button-container", children: [
|
|
398
|
-
|
|
399
|
-
r && /* @__PURE__ */ t(
|
|
400
|
-
|
|
401
|
-
p && /* @__PURE__ */ t(
|
|
402
|
-
] }), U =
|
|
403
|
-
font-size: ${
|
|
398
|
+
i && /* @__PURE__ */ t($, { id: `form-${e}-submit`, buttonType: "submit", text: l ?? "Submit", onClick: n, className: "submit-form-btn" }),
|
|
399
|
+
r && /* @__PURE__ */ t($, { id: `form-${e}-edit`, buttonType: "button", text: d ?? "Edit", onClick: m, className: "edit-form-btn" }),
|
|
400
|
+
s && /* @__PURE__ */ t($, { id: `form-${e}-cancel`, buttonType: "button", text: h ?? "Cancel", onClick: x, className: "cancel-form-btn" }),
|
|
401
|
+
p && /* @__PURE__ */ t($, { id: `form-${e}-delete`, buttonType: "button", text: u ?? "Delete", onClick: k, className: "delete-form-btn" })
|
|
402
|
+
] }), U = c.legend`
|
|
403
|
+
font-size: ${a.spacing.medium};
|
|
404
404
|
font-weight: 500;
|
|
405
|
-
margin-bottom: ${
|
|
405
|
+
margin-bottom: ${a.spacing.small};
|
|
406
406
|
width: auto;
|
|
407
407
|
text-align: center;
|
|
408
|
-
font-family: ${
|
|
409
|
-
`, H =
|
|
408
|
+
font-family: ${a.fonts.secondary}, ${a.fonts.fallback};
|
|
409
|
+
`, H = c.fieldset`
|
|
410
410
|
padding: 0;
|
|
411
411
|
height: auto;
|
|
412
412
|
width: 100%;
|
|
413
|
-
`, G =
|
|
414
|
-
padding: ${
|
|
413
|
+
`, G = c.div`
|
|
414
|
+
padding: ${a.spacing.small};
|
|
415
415
|
height: auto;
|
|
416
416
|
width: 100%;
|
|
417
|
-
`, J =
|
|
417
|
+
`, J = c.div`
|
|
418
418
|
display: flex;
|
|
419
419
|
justify-content: center;
|
|
420
420
|
align-items: center;
|
|
421
421
|
width: 100%;
|
|
422
422
|
height: auto;
|
|
423
|
-
font-family: ${
|
|
424
|
-
font-size: ${
|
|
425
|
-
font-weight: ${
|
|
426
|
-
`,
|
|
423
|
+
font-family: ${a.fonts.tertiary}, ${a.fonts.fallback};
|
|
424
|
+
font-size: ${a.fontSize.xsmall};
|
|
425
|
+
font-weight: ${a.fontWeight.bold};
|
|
426
|
+
`, $e = c.form`
|
|
427
427
|
display: flex;
|
|
428
428
|
flex-direction: column;
|
|
429
429
|
align-items: center;
|
|
430
430
|
width: 100%;
|
|
431
|
-
`, K =
|
|
431
|
+
`, K = c.div`
|
|
432
432
|
display: flex;
|
|
433
433
|
justify-content: space-between;
|
|
434
434
|
width: 100%;
|
|
435
|
-
`,
|
|
435
|
+
`, xe = c.div`
|
|
436
436
|
width: 100%;
|
|
437
437
|
display: flex;
|
|
438
438
|
flex-direction: column;
|
|
@@ -441,19 +441,19 @@ const n = {
|
|
|
441
441
|
`, Ce = ({
|
|
442
442
|
fieldsets: e = null,
|
|
443
443
|
//* if a form has differrent fieldsets
|
|
444
|
-
legendText:
|
|
444
|
+
legendText: i,
|
|
445
445
|
//* if form has no fieldsets, depends if you have fieldset for solo form
|
|
446
446
|
isExpandable: l,
|
|
447
447
|
//* if form has no fieldsets this is default to false - to add inputs
|
|
448
|
-
id:
|
|
448
|
+
id: n,
|
|
449
449
|
formInputs: r,
|
|
450
450
|
//* object that contains the input fields information to make it reusable
|
|
451
451
|
labelAndInputContainerClass: d,
|
|
452
452
|
labelClass: m,
|
|
453
|
-
inputClass:
|
|
453
|
+
inputClass: s,
|
|
454
454
|
handleEditableInputEntryChange: h,
|
|
455
455
|
//* handles change on editable inputs
|
|
456
|
-
handleAddingInputEntry:
|
|
456
|
+
handleAddingInputEntry: x,
|
|
457
457
|
hasSubmit: p = !1,
|
|
458
458
|
hasCancel: u = !1,
|
|
459
459
|
hasDelete: k = !1,
|
|
@@ -470,18 +470,18 @@ const n = {
|
|
|
470
470
|
className: F,
|
|
471
471
|
children: D
|
|
472
472
|
//* if there are nodes to be inserted after submit/edit/cancel buttons usually in login or signup forms
|
|
473
|
-
}) => /* @__PURE__ */ g(
|
|
474
|
-
e ? e.map((
|
|
475
|
-
/* @__PURE__ */ g(H, { id: `${
|
|
476
|
-
|
|
477
|
-
|
|
473
|
+
}) => /* @__PURE__ */ g($e, { id: `${n}-form`, className: F, onSubmit: E, children: [
|
|
474
|
+
e ? e.map((o, y) => /* @__PURE__ */ g(G, { className: `${n}-fieldset-wrapper`, children: [
|
|
475
|
+
/* @__PURE__ */ g(H, { id: `${n}-form-fieldset-${y}`, className: `${o.legend}-fieldset`, children: [
|
|
476
|
+
o.legend && /* @__PURE__ */ t(U, { children: o.legend }),
|
|
477
|
+
o.inputs.length !== 0 ? o.inputs.map((f, v) => /* @__PURE__ */ g(W.Fragment, { children: [
|
|
478
478
|
f.type === "textarea" && /* @__PURE__ */ t(
|
|
479
479
|
T,
|
|
480
480
|
{
|
|
481
481
|
...f,
|
|
482
|
-
id: f.id ?? `${
|
|
482
|
+
id: f.id ?? `${o.legend}-input`,
|
|
483
483
|
labelClass: m,
|
|
484
|
-
inputClass:
|
|
484
|
+
inputClass: s,
|
|
485
485
|
idx: v,
|
|
486
486
|
className: d
|
|
487
487
|
}
|
|
@@ -490,9 +490,9 @@ const n = {
|
|
|
490
490
|
T,
|
|
491
491
|
{
|
|
492
492
|
...f,
|
|
493
|
-
id: f.id ?? `${
|
|
493
|
+
id: f.id ?? `${o.legend}-input`,
|
|
494
494
|
labelClass: m,
|
|
495
|
-
inputClass:
|
|
495
|
+
inputClass: s,
|
|
496
496
|
idx: v,
|
|
497
497
|
className: d
|
|
498
498
|
}
|
|
@@ -501,9 +501,9 @@ const n = {
|
|
|
501
501
|
T,
|
|
502
502
|
{
|
|
503
503
|
...f,
|
|
504
|
-
id: f.id ?? `${
|
|
504
|
+
id: f.id ?? `${o.legend}-input`,
|
|
505
505
|
labelClass: m,
|
|
506
|
-
inputClass:
|
|
506
|
+
inputClass: s,
|
|
507
507
|
idx: v,
|
|
508
508
|
className: d
|
|
509
509
|
}
|
|
@@ -511,7 +511,7 @@ const n = {
|
|
|
511
511
|
f.isEditable && f.editing && /* @__PURE__ */ t(
|
|
512
512
|
M,
|
|
513
513
|
{
|
|
514
|
-
legend: `${
|
|
514
|
+
legend: `${o.legend} ${v + 1}`,
|
|
515
515
|
idx: v,
|
|
516
516
|
editableInformation: f?.editableInformation,
|
|
517
517
|
onChangeOfEditableOption: h,
|
|
@@ -520,66 +520,66 @@ const n = {
|
|
|
520
520
|
onClickDeleteEntry: f?.onClickDelete
|
|
521
521
|
}
|
|
522
522
|
)
|
|
523
|
-
] }, `form-${
|
|
523
|
+
] }, `form-${n}-${v}`)) : o.isExpandable ? /* @__PURE__ */ t(J, { children: `No entry yet on ${o.legend}. Click "+" button to add entry.` }) : ""
|
|
524
524
|
] }),
|
|
525
|
-
|
|
526
|
-
] }, `${
|
|
527
|
-
/* @__PURE__ */ g(H, { id: `${
|
|
528
|
-
|
|
529
|
-
!e && r && r.length !== 0 ? r.map((
|
|
530
|
-
|
|
525
|
+
o.isExpandable && /* @__PURE__ */ t(K, { className: "add-input-button-space", children: /* @__PURE__ */ t($, { id: `expand-${o.legend}-inputs`, buttonType: "button", text: "+", onClick: x, className: "add-input-entry" }) })
|
|
526
|
+
] }, `${o.legend}-${y}`)) : /* @__PURE__ */ g(G, { className: `${n}-fieldset-wrapper`, children: [
|
|
527
|
+
/* @__PURE__ */ g(H, { id: `${n}-form-fieldset`, className: `${i}-fieldset`, children: [
|
|
528
|
+
i && /* @__PURE__ */ t(U, { children: i }),
|
|
529
|
+
!e && r && r.length !== 0 ? r.map((o, y) => /* @__PURE__ */ g(W.Fragment, { children: [
|
|
530
|
+
o.type === "textarea" && /* @__PURE__ */ t(
|
|
531
531
|
T,
|
|
532
532
|
{
|
|
533
|
-
...
|
|
534
|
-
id:
|
|
533
|
+
...o,
|
|
534
|
+
id: o.id ?? `${i}-input`,
|
|
535
535
|
labelClass: m,
|
|
536
|
-
inputClass:
|
|
536
|
+
inputClass: s,
|
|
537
537
|
idx: y,
|
|
538
538
|
className: d
|
|
539
539
|
}
|
|
540
540
|
),
|
|
541
|
-
(
|
|
541
|
+
(o.type === "radio" || o.type === "checkbox") && /* @__PURE__ */ t(
|
|
542
542
|
T,
|
|
543
543
|
{
|
|
544
|
-
...
|
|
545
|
-
id:
|
|
544
|
+
...o,
|
|
545
|
+
id: o.id ?? `${i}-input`,
|
|
546
546
|
labelClass: m,
|
|
547
|
-
inputClass:
|
|
547
|
+
inputClass: s,
|
|
548
548
|
idx: y,
|
|
549
549
|
className: d
|
|
550
550
|
}
|
|
551
551
|
),
|
|
552
|
-
|
|
552
|
+
o.type !== "textarea" && o.type !== "radio" && o.type !== "checkbox" && /* @__PURE__ */ t(
|
|
553
553
|
T,
|
|
554
554
|
{
|
|
555
|
-
...
|
|
556
|
-
id:
|
|
555
|
+
...o,
|
|
556
|
+
id: o.id ?? `${i}-input`,
|
|
557
557
|
labelClass: m,
|
|
558
|
-
inputClass:
|
|
558
|
+
inputClass: s,
|
|
559
559
|
idx: y,
|
|
560
560
|
className: d
|
|
561
561
|
}
|
|
562
562
|
),
|
|
563
|
-
|
|
563
|
+
o.isEditable && o.editing && /* @__PURE__ */ t(
|
|
564
564
|
M,
|
|
565
565
|
{
|
|
566
|
-
legend: `${
|
|
566
|
+
legend: `${i} ${y + 1}`,
|
|
567
567
|
idx: y,
|
|
568
|
-
editableInformation:
|
|
568
|
+
editableInformation: o?.editableInformation,
|
|
569
569
|
onChangeOfEditableOption: h,
|
|
570
|
-
onClickSaveEdit:
|
|
571
|
-
onClickCancelEdit:
|
|
572
|
-
onClickDeleteEntry:
|
|
570
|
+
onClickSaveEdit: o?.onClickSave,
|
|
571
|
+
onClickCancelEdit: o?.onClickEdit,
|
|
572
|
+
onClickDeleteEntry: o?.onClickDelete
|
|
573
573
|
}
|
|
574
574
|
)
|
|
575
|
-
] }, `form-${
|
|
575
|
+
] }, `form-${n}-${y}`)) : l ? /* @__PURE__ */ t(J, { children: `No entry yet on ${i}. Please click "+" button to add` }) : ""
|
|
576
576
|
] }),
|
|
577
|
-
l && /* @__PURE__ */ t(K, { className: "add-input-button-space", children: /* @__PURE__ */ t(
|
|
577
|
+
l && /* @__PURE__ */ t(K, { className: "add-input-button-space", children: /* @__PURE__ */ t($, { id: `expand-${i}-inputs`, buttonType: "button", text: "+", onClick: x, className: "add-input-entry" }) })
|
|
578
578
|
] }),
|
|
579
579
|
/* @__PURE__ */ t(
|
|
580
580
|
ue,
|
|
581
581
|
{
|
|
582
|
-
id:
|
|
582
|
+
id: n,
|
|
583
583
|
hasSubmit: p,
|
|
584
584
|
submitText: N,
|
|
585
585
|
handleSubmit: A,
|
|
@@ -594,10 +594,10 @@ const n = {
|
|
|
594
594
|
handleDelete: z
|
|
595
595
|
}
|
|
596
596
|
),
|
|
597
|
-
/* @__PURE__ */ t(
|
|
597
|
+
/* @__PURE__ */ t(xe, { className: "children-container", children: D })
|
|
598
598
|
] }), ye = (e) => {
|
|
599
|
-
const
|
|
600
|
-
return
|
|
599
|
+
const i = /^#([0-9A-Fa-f]{3}){1,2}$/, l = /^rgb(a)?\(\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*\d{1,3}(?:\s*,\s*(0|1|0?\.\d+))?\s*\)$/;
|
|
600
|
+
return i.test(e) || l.test(e) || CSS.supports("color", e);
|
|
601
601
|
}, b = (e) => {
|
|
602
602
|
if (!ye(e)) throw new Error(`Invalid color: ${e}`);
|
|
603
603
|
return e;
|
|
@@ -641,10 +641,10 @@ const n = {
|
|
|
641
641
|
error: b("#FAD4D4")
|
|
642
642
|
}
|
|
643
643
|
}, Q = Y(void 0), Fe = ({ children: e }) => {
|
|
644
|
-
const [
|
|
644
|
+
const [i, l] = Z(O), n = () => {
|
|
645
645
|
l((r) => r === O ? pe : O);
|
|
646
646
|
};
|
|
647
|
-
return /* @__PURE__ */ t(Q.Provider, { value: { currentTheme:
|
|
647
|
+
return /* @__PURE__ */ t(Q.Provider, { value: { currentTheme: i, toggleTheme: n }, children: /* @__PURE__ */ t(I, { theme: i, children: e }) });
|
|
648
648
|
}, ve = () => _(Q);
|
|
649
649
|
export {
|
|
650
650
|
Ce as DynamicForm,
|
package/dist/type/propTypes.d.ts
CHANGED
|
@@ -140,7 +140,6 @@ export type DynamicFormProps = FormActionButtonsProps & (({
|
|
|
140
140
|
fieldsets: FieldsetShape[];
|
|
141
141
|
formInputs?: never;
|
|
142
142
|
legendText?: never;
|
|
143
|
-
labelAndInputContainerClass?: never;
|
|
144
143
|
} & ConditionalEditable<LabeledInputProps>) | ({
|
|
145
144
|
fieldsets: null;
|
|
146
145
|
formInputs: inputEntryShape<boolean>[];
|
|
@@ -158,6 +157,7 @@ export type DynamicFormProps = FormActionButtonsProps & (({
|
|
|
158
157
|
className?: string;
|
|
159
158
|
labelClass?: string;
|
|
160
159
|
inputClass?: string;
|
|
160
|
+
labelAndInputContainerClass?: string;
|
|
161
161
|
};
|
|
162
162
|
export {};
|
|
163
163
|
//# sourceMappingURL=propTypes.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"propTypes.d.ts","sourceRoot":"","sources":["../../src/type/propTypes.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"propTypes.d.ts","sourceRoot":"","sources":["../../src/type/propTypes.ts"],"names":[],"mappings":"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"}
|