@yakad/ui 1.2.110-beta → 1.2.112-beta

package/button/button.d.ts

@@ -9,5 +9,6 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     loadingPosition?: "auto" | "center";
     loadingVariant?: "scaleOut" | "dots" | "spinner";
     disabled?: boolean;
+    submit?: boolean;
 }
 export default function Button(props: ButtonProps): JSX.Element;

package/button/button.js

@@ -15,7 +15,7 @@ export default function Button(props) {
     const joinedClassNames = joinClassNames(styles.button, props.variant ? styles[props.variant] : styles.text, props.loadingVariant ? styles.loading : "", props.loadingVariant && centerLoading
         ? styles.loadingPositionCenter
         : "", props.size ? styles[props.size] : styles.medium, props.borderStyle ? styles[props.borderStyle] : styles.rounded, props.icon && !props.children ? styles.iconButton : "", props.className);
-    return (React.createElement("button", { ...props, className: joinedClassNames },
+    return (React.createElement("button", { type: props.submit ? "submit" : "button", ...props, className: joinedClassNames },
         startWithChildren ? props.children : null,
         props.loadingVariant ? (React.createElement("div", { className: joinClassNames(centerLoading ? styles.positionCenter : "", styles.displayOnDisabled) },
             React.createElement(Loading, { size: props.size, variant: props.loadingVariant }))) : null,

package/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AA2BpC,MAAM,YAAY,GAAgB;IAC9B,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;CACb,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAkB;IAC7C,MAAM,iBAAiB,GAAG,KAAK,CAAC,YAAY,KAAK,KAAK,CAAC;IACvD,MAAM,aAAa,GACf,CAAC,KAAK,CAAC,IAAI;QACX,CAAC,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,eAAe,KAAK,QAAQ,CAAC,CAAC;IAEjE,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,MAAM,EACb,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EACnD,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAC1C,KAAK,CAAC,cAAc,IAAI,aAAa;QACjC,CAAC,CAAC,MAAM,CAAC,qBAAqB;QAC9B,CAAC,CAAC,EAAE,EACR,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAC/C,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAC9D,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EACtD,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACH,mCAAY,KAAK,EAAE,SAAS,EAAE,gBAAgB;QACzC,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;QACzC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CACpB,6BACI,SAAS,EAAE,cAAc,CACrB,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAC1C,MAAM,CAAC,iBAAiB,CAC3B;YAED,oBAAC,OAAO,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,cAAc,GAAI,CAC1D,CACT,CAAC,CAAC,CAAC,IAAI;QACP,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACV,oBAAC,MAAM,IACH,SAAS,EAAE,MAAM,CAAC,cAAc,EAChC,IAAI,EACA,KAAK,CAAC,IAAI;gBACN,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC;gBAC1B,CAAC,CAAC,YAAY,CAAC,MAAM,EAE7B,IAAI,EAAE,KAAK,CAAC,IAAI,GAClB,CACL,CAAC,CAAC,CAAC,IAAI;QACP,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACtC,CACZ,CAAC;AACN,CAAC"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AA4BpC,MAAM,YAAY,GAAgB;IAC9B,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;CACb,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAkB;IAC7C,MAAM,iBAAiB,GAAG,KAAK,CAAC,YAAY,KAAK,KAAK,CAAC;IACvD,MAAM,aAAa,GACf,CAAC,KAAK,CAAC,IAAI;QACX,CAAC,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,eAAe,KAAK,QAAQ,CAAC,CAAC;IAEjE,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,MAAM,EACb,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EACnD,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAC1C,KAAK,CAAC,cAAc,IAAI,aAAa;QACjC,CAAC,CAAC,MAAM,CAAC,qBAAqB;QAC9B,CAAC,CAAC,EAAE,EACR,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAC/C,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAC9D,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EACtD,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACH,gCACI,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,KACpC,KAAK,EACT,SAAS,EAAE,gBAAgB;QAE1B,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;QACzC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CACpB,6BACI,SAAS,EAAE,cAAc,CACrB,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAC1C,MAAM,CAAC,iBAAiB,CAC3B;YAED,oBAAC,OAAO,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,cAAc,GAAI,CAC1D,CACT,CAAC,CAAC,CAAC,IAAI;QACP,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACV,oBAAC,MAAM,IACH,SAAS,EAAE,MAAM,CAAC,cAAc,EAChC,IAAI,EACA,KAAK,CAAC,IAAI;gBACN,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC;gBAC1B,CAAC,CAAC,YAAY,CAAC,MAAM,EAE7B,IAAI,EAAE,KAAK,CAAC,IAAI,GAClB,CACL,CAAC,CAAC,CAAC,IAAI;QACP,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACtC,CACZ,CAAC;AACN,CAAC"}

package/button/button.tsx

@@ -22,6 +22,7 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     loadingPosition?: "auto" | "center";
     loadingVariant?: "scaleOut" | "dots" | "spinner";
     disabled?: boolean;
+    submit?: boolean;
 }
 
 interface iconSizeMap {
@@ -56,7 +57,11 @@ export default function Button(props: ButtonProps) {
     );
 
     return (
-        <button {...props} className={joinedClassNames}>
+        <button
+            type={props.submit ? "submit" : "button"}
+            {...props}
+            className={joinedClassNames}
+        >
             {startWithChildren ? props.children : null}
             {props.loadingVariant ? (
                 <div

package/checkbox/checkbox.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 export interface CheckboxProps extends React.HTMLAttributes<HTMLInputElement> {
     name?: string;
     label?: string;
+    checked?: boolean;
     disabled?: boolean;
 }
 export default function Chekbox(props: CheckboxProps): JSX.Element;

package/checkbox/checkbox.js

@@ -5,14 +5,13 @@ import styles from "./checkbox.module.css";
 import { joinClassNames } from "@yakad/lib";
 export default function Chekbox(props) {
     const joinedClassNames = joinClassNames(styles.checkbox, props.label ? styles.labeled : "");
-    const [checked, setChecked] = React.useState();
-    const onChangeCheckboxHandler = (event) => {
-        const targetInputElement = event.target;
-        setChecked(targetInputElement.checked);
+    const [checked, setChecked] = React.useState(props.checked ? props.checked : false);
+    const onClickCheckboxHandler = () => {
+        setChecked((value) => !value);
     };
     return (React.createElement("div", { className: joinedClassNames },
         props.label ? (React.createElement("label", { className: styles.label, htmlFor: props.name }, props.label)) : null,
-        React.createElement(Button, { disabled: props.disabled, icon: checked ? "check_box" : "check_box_outline_blank" }),
-        React.createElement("input", { ...props, className: styles.input, type: "checkbox", name: props.name, disabled: props.disabled, onChange: (event) => onChangeCheckboxHandler(event) })));
+        React.createElement(Button, { icon: checked ? "check_box" : "check_box_outline_blank", onClick: (event) => onClickCheckboxHandler(), disabled: props.disabled }),
+        React.createElement("input", { ...props, className: styles.input, type: "checkbox", name: props.name, checked: checked, disabled: props.disabled })));
 }
 //# sourceMappingURL=checkbox.js.map

package/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAQ5C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAoB;IAChD,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,QAAQ,EACf,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CACpC,CAAC;IAEF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAW,CAAC;IACxD,MAAM,uBAAuB,GAAG,CAC5B,KAAwC,EAC1C,EAAE;QACA,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC5D,UAAU,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAE,gBAAgB;QAC3B,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACX,+BAAO,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,IAAI,IAC9C,KAAK,CAAC,KAAK,CACR,CACX,CAAC,CAAC,CAAC,IAAI;QACR,oBAAC,MAAM,IACH,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,yBAAyB,GACzD;QACF,kCACQ,KAAK,EACT,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,uBAAuB,CAAC,KAAK,CAAC,GACrD,CACA,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAS5C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAoB;IAChD,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,QAAQ,EACf,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CACpC,CAAC;IAEF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CACxC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CACxC,CAAC;IACF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAE,gBAAgB;QAC3B,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACX,+BAAO,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,IAAI,IAC9C,KAAK,CAAC,KAAK,CACR,CACX,CAAC,CAAC,CAAC,IAAI;QACR,oBAAC,MAAM,IACH,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,yBAAyB,EACvD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,sBAAsB,EAAE,EAC5C,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAC1B;QACF,kCACQ,KAAK,EACT,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAC1B,CACA,CACT,CAAC;AACN,CAAC"}

package/checkbox/checkbox.module.css

@@ -1,27 +1,22 @@
 .checkbox {
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  width: 4rem;
-  height: 4rem;
+    display: flex;
+    flex-direction: row;
+    width: 4rem;
+    height: 4rem;
 }
 .checkbox.labeled {
-  width: 100%;
+    width: 100%;
 }
 
 .input {
-  position: absolute;
-  opacity: 0;
-  width: 100%;
-  height: 100%;
-  margin: 0;
+    display: none;
 }
 
 .label {
-  display: block;
-  width: auto;
-  margin: 0.9rem 1rem;
-  margin-inline-end: auto;
-  line-height: 2.2rem;
-  font-size: 1.4rem;
+    display: block;
+    width: auto;
+    margin: 0.9rem 1rem;
+    margin-inline-end: auto;
+    line-height: 2.2rem;
+    font-size: 1.4rem;
 }

package/checkbox/checkbox.tsx

@@ -8,6 +8,7 @@ import { joinClassNames } from "@yakad/lib";
 export interface CheckboxProps extends React.HTMLAttributes<HTMLInputElement> {
     name?: string;
     label?: string;
+    checked?: boolean;
     disabled?: boolean;
 }
 
@@ -17,12 +18,11 @@ export default function Chekbox(props: CheckboxProps) {
         props.label ? styles.labeled : ""
     );
 
-    const [checked, setChecked] = React.useState<boolean>();
-    const onChangeCheckboxHandler = (
-        event: React.FormEvent<HTMLInputElement>
-    ) => {
-        const targetInputElement = event.target as HTMLInputElement;
-        setChecked(targetInputElement.checked);
+    const [checked, setChecked] = React.useState<boolean>(
+        props.checked ? props.checked : false
+    );
+    const onClickCheckboxHandler = () => {
+        setChecked((value) => !value);
     };
 
     return (
@@ -33,16 +33,17 @@ export default function Chekbox(props: CheckboxProps) {
                 </label>
             ) : null}
             <Button
-                disabled={props.disabled}
                 icon={checked ? "check_box" : "check_box_outline_blank"}
+                onClick={(event) => onClickCheckboxHandler()}
+                disabled={props.disabled}
             />
             <input
                 {...props}
                 className={styles.input}
                 type="checkbox"
                 name={props.name}
+                checked={checked}
                 disabled={props.disabled}
-                onChange={(event) => onChangeCheckboxHandler(event)}
             />
         </div>
     );

package/form/form.js

@@ -3,9 +3,6 @@ import { joinClassNames } from "@yakad/lib";
 import styles from "./form.module.css";
 export default function Form(props) {
     const joinedClassNames = joinClassNames(styles.form, props.className);
-    return (React.createElement("form", { ...props, className: joinedClassNames, onSubmit: (e) => {
-            e.preventDefault();
-            props.onSubmit(null);
-        } }, props.children));
+    return (React.createElement("form", { ...props, className: joinedClassNames }, props.children));
 }
 //# sourceMappingURL=form.js.map

package/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sourceRoot":"","sources":["form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAA4C;IACrE,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEvE,OAAO,CACH,iCACQ,KAAK,EACT,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACZ,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,KAAK,CAAC,QAAS,CAAC,IAAW,CAAC,CAAC;QACjC,CAAC,IAEA,KAAK,CAAC,QAAe,CACnB,CACV,CAAC;AACN,CAAC"}
+{"version":3,"file":"form.js","sourceRoot":"","sources":["form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAA4C;IACrE,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEvE,OAAO,CACH,iCAAU,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACvC,KAAK,CAAC,QAAe,CACnB,CACV,CAAC;AACN,CAAC"}

package/form/form.tsx

@@ -6,15 +6,7 @@ export default function Form(props: React.HTMLAttributes<HTMLFormElement>) {
     const joinedClassNames = joinClassNames(styles.form, props.className!);
 
     return (
-        <form
-            {...props}
-            className={joinedClassNames}
-            onSubmit={(e) => {
-                e.preventDefault();
-
-                props.onSubmit!(null as any);
-            }}
-        >
+        <form {...props} className={joinedClassNames}>
             {props.children as any}
         </form>
     );

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yakad/ui",
-    "version": "1.2.110-beta",
+    "version": "1.2.112-beta",
     "description": "UI components for NextJS/React",
     "main": "./src/index.js",
     "scripts": {