coject 2.4.40 → 2.4.41

package/dist/cjs/Components/Iban/index.d.ts

@@ -0,0 +1,14 @@
+import { FC } from "react";
+import { TextFieldProps } from "@mui/material";
+type iIban = Omit<TextFieldProps, "name" | "helperText" | "required"> & {
+    name: string;
+    label?: string;
+    helperText?: string;
+    required?: boolean | string;
+    errorMessages?: {
+        required?: string;
+        pattern?: string;
+    };
+};
+export declare const Iban: FC<iIban>;
+export {};

package/dist/cjs/Components/Iban/index.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Iban = void 0;
+const react_1 = __importDefault(require("react"));
+// Coject
+const Input_1 = require("../Input");
+const Iban = ({ name, label, helperText, required = true, errorMessages, ...props }) => {
+    const ibanRegex = /^[A-Za-z]{2}[0-9]{20}$/;
+    const { value, onChange, ...restProps } = props;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Input_1.Input, { name: name, label: label || "IBAN", helperText: helperText, required: errorMessages?.required ?? required, inputProps: { maxLength: 22 }, validation: {
+                pattern: {
+                    value: ibanRegex,
+                    message: errorMessages?.pattern ?? "IBAN Must Start With 2 Letters Followed by 20 Digits"
+                },
+                minLength: { value: 22, message: "IBAN Must be Exactly 22 Characters" },
+                maxLength: { value: 22, message: "IBAN Must be Exactly 22 Characters" }
+            }, onChange: (_, v, form) => {
+                let val = v.toUpperCase();
+                val = val.replace(/[^A-Za-z0-9]/g, "");
+                if (val.length <= 2)
+                    val = val.replace(/[^A-Za-z]/g, "");
+                if (val.length > 2) {
+                    const letters = val.substring(0, 2).replace(/[^A-Za-z]/g, "");
+                    const numbers = val.substring(2).replace(/[^0-9]/g, "");
+                    val = letters + numbers;
+                }
+                form.setValue(name, val);
+            }, ...restProps })));
+};
+exports.Iban = Iban;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Iban/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Iban/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAkC;AAKlC,SAAS;AACT,oCAAiC;AAa1B,MAAM,IAAI,GAAc,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,GAAG,IAAI,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrG,MAAM,SAAS,GAAG,wBAAwB,CAAC;IAC3C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEhD,OAAO,CACH,8BAAC,eAAK,CAAC,QAAQ;QACX,8BAAC,aAAK,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,IAAI,QAAQ,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,EAC3I,UAAU,EAAE;gBACR,OAAO,EAAE;oBACL,KAAK,EAAE,SAAS;oBAChB,OAAO,EAAE,aAAa,EAAE,OAAO,IAAI,sDAAsD;iBAC5F;gBACD,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,oCAAoC,EAAE;gBACvE,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,oCAAoC,EAAE;aAC1E,EACD,QAAQ,EAAE,CAAC,CAAM,EAAE,CAAM,EAAE,IAAS,EAAE,EAAE;gBACpC,IAAI,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;gBAC1B,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;gBACvC,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC;oBAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;gBACzD,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACjB,MAAM,OAAO,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;oBAC9D,MAAM,OAAO,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;oBACxD,GAAG,GAAG,OAAO,GAAG,OAAO,CAAC;gBAC5B,CAAC;gBACD,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;YAC7B,CAAC,KACG,SAAS,GACf,CACW,CACpB,CAAC;AACN,CAAC,CAAC;AA9BW,QAAA,IAAI,QA8Bf"}

package/dist/cjs/Components/Iban/theme.d.ts

@@ -0,0 +1,10 @@
+declare const useStyles: (params: void, muiStyleOverridesParams?: {
+    props: Record<string, unknown>;
+    ownerState?: Record<string, unknown> | undefined;
+} | undefined) => {
+    classes: Record<"root", string>;
+    theme: import("@mui/material").Theme;
+    css: import("tss-react/types").Css;
+    cx: import("tss-react/types").Cx;
+};
+export default useStyles;

package/dist/cjs/Components/Iban/theme.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const mui_1 = require("tss-react/mui");
+const useStyles = (0, mui_1.makeStyles)()(() => {
+    return {
+        root: {},
+    };
+});
+exports.default = useStyles;
+//# sourceMappingURL=theme.js.map

package/dist/cjs/Components/Iban/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Iban/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,GAAG,EAAE;IAChC,OAAO;QACH,IAAI,EAAE,EAEL;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}

package/dist/cjs/Components/Input/index.d.ts

@@ -1,6 +1,6 @@
 import { FC } from "react";
 import { TextFieldProps } from "@mui/material";
-type iInput = Omit<TextFieldProps, "helperText" | "required"> & {
+type iInput = Omit<TextFieldProps, "helperText" | "required" | "onChange"> & {
     name?: string;
     onChange?: any;
     multiline?: any;

package/dist/esm/Components/Iban/index.d.ts

@@ -0,0 +1,14 @@
+import { FC } from "react";
+import { TextFieldProps } from "@mui/material";
+type iIban = Omit<TextFieldProps, "name" | "helperText" | "required"> & {
+    name: string;
+    label?: string;
+    helperText?: string;
+    required?: boolean | string;
+    errorMessages?: {
+        required?: string;
+        pattern?: string;
+    };
+};
+export declare const Iban: FC<iIban>;
+export {};

package/dist/esm/Components/Iban/index.js

@@ -0,0 +1,28 @@
+import React from "react";
+// Coject
+import { Input } from "../Input";
+export const Iban = ({ name, label, helperText, required = true, errorMessages, ...props }) => {
+    const ibanRegex = /^[A-Za-z]{2}[0-9]{20}$/;
+    const { value, onChange, ...restProps } = props;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Input, { name: name, label: label || "IBAN", helperText: helperText, required: errorMessages?.required ?? required, inputProps: { maxLength: 22 }, validation: {
+                pattern: {
+                    value: ibanRegex,
+                    message: errorMessages?.pattern ?? "IBAN Must Start With 2 Letters Followed by 20 Digits"
+                },
+                minLength: { value: 22, message: "IBAN Must be Exactly 22 Characters" },
+                maxLength: { value: 22, message: "IBAN Must be Exactly 22 Characters" }
+            }, onChange: (_, v, form) => {
+                let val = v.toUpperCase();
+                val = val.replace(/[^A-Za-z0-9]/g, "");
+                if (val.length <= 2)
+                    val = val.replace(/[^A-Za-z]/g, "");
+                if (val.length > 2) {
+                    const letters = val.substring(0, 2).replace(/[^A-Za-z]/g, "");
+                    const numbers = val.substring(2).replace(/[^0-9]/g, "");
+                    val = letters + numbers;
+                }
+                form.setValue(name, val);
+            }, ...restProps })));
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Iban/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Iban/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAKlC,SAAS;AACT,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAajC,MAAM,CAAC,MAAM,IAAI,GAAc,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,GAAG,IAAI,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrG,MAAM,SAAS,GAAG,wBAAwB,CAAC;IAC3C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEhD,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,IAAI,QAAQ,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,EAC3I,UAAU,EAAE;gBACR,OAAO,EAAE;oBACL,KAAK,EAAE,SAAS;oBAChB,OAAO,EAAE,aAAa,EAAE,OAAO,IAAI,sDAAsD;iBAC5F;gBACD,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,oCAAoC,EAAE;gBACvE,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,oCAAoC,EAAE;aAC1E,EACD,QAAQ,EAAE,CAAC,CAAM,EAAE,CAAM,EAAE,IAAS,EAAE,EAAE;gBACpC,IAAI,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;gBAC1B,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;gBACvC,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC;oBAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;gBACzD,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACjB,MAAM,OAAO,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;oBAC9D,MAAM,OAAO,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;oBACxD,GAAG,GAAG,OAAO,GAAG,OAAO,CAAC;gBAC5B,CAAC;gBACD,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;YAC7B,CAAC,KACG,SAAS,GACf,CACW,CACpB,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/Components/Iban/theme.d.ts

@@ -0,0 +1,10 @@
+declare const useStyles: (params: void, muiStyleOverridesParams?: {
+    props: Record<string, unknown>;
+    ownerState?: Record<string, unknown> | undefined;
+} | undefined) => {
+    classes: Record<"root", string>;
+    theme: import("@mui/material").Theme;
+    css: import("tss-react/types").Css;
+    cx: import("tss-react/types").Cx;
+};
+export default useStyles;

package/dist/esm/Components/Iban/theme.js

@@ -0,0 +1,8 @@
+import { makeStyles } from "tss-react/mui";
+const useStyles = makeStyles()(() => {
+    return {
+        root: {},
+    };
+});
+export default useStyles;
+//# sourceMappingURL=theme.js.map

package/dist/esm/Components/Iban/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Iban/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,GAAG,EAAE;IAChC,OAAO;QACH,IAAI,EAAE,EAEL;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/dist/esm/Components/Input/index.d.ts

@@ -1,6 +1,6 @@
 import { FC } from "react";
 import { TextFieldProps } from "@mui/material";
-type iInput = Omit<TextFieldProps, "helperText" | "required"> & {
+type iInput = Omit<TextFieldProps, "helperText" | "required" | "onChange"> & {
     name?: string;
     onChange?: any;
     multiline?: any;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "coject",
-    "version": "2.4.40",
+    "version": "2.4.41",
     "description": "React Library",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",