@symply.io/basic-components 1.4.0-beta.1 → 1.4.0-beta.10

package/PasswordInput/index.d.ts

@@ -1,4 +1,6 @@
-export { default as Password } from "./Password";
-export * from "./Password";
-export { default as ConfirmPassword } from "./ConfirmPassword";
-export * from "./ConfirmPassword";
+import type { PasswordInputProps, PasswordStrategyProps } from "./types";
+declare function onValidatePassword(password: string): boolean;
+declare function PasswordInput(props: PasswordInputProps): JSX.Element;
+export default PasswordInput;
+export { onValidatePassword };
+export type { PasswordInputProps, PasswordStrategyProps };

package/PasswordInput/index.js

@@ -1,4 +1,79 @@
-export { default as Password } from "./Password";
-export * from "./Password";
-export { default as ConfirmPassword } from "./ConfirmPassword";
-export * from "./ConfirmPassword";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo } from "react";
+import TextField from "@mui/material/TextField";
+import Typography from "@mui/material/Typography";
+import ThemeProvider from "@mui/material/styles/ThemeProvider";
+import useCustomTheme from "../useCustomTheme";
+function onValidatePassword(password) {
+    var reg = /^(?=.*[0-9])(?=.*[A-Z])(?=.*[a-z])(?=.*[!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~])([!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~a-zA-z0-9]{8,})$/;
+    return reg.test(password);
+}
+function PasswordInput(props) {
+    var _a = props.strategies, strategies = _a === void 0 ? {
+        uppercaseLetter: { label: "1 Uppercase Letter", regex: /[A-Z]+/ },
+        lowercaseLetter: { label: "1 Lowercase Letter", regex: /[a-z]+/ },
+        specialCharacter: {
+            label: "1 Special Character",
+            regex: /[!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~]/
+        },
+        number: { label: "1 Number", regex: /\d+/ },
+        minimum8: { label: "Minimum 8 characters", regex: /.{8,}/ }
+    } : _a, _b = props.successColor, successColor = _b === void 0 ? "green" : _b, value = props.value, error = props.error, primaryColor = props.primaryColor, secondaryColor = props.secondaryColor, onValidate = props.onValidate, onChange = props.onChange, rest = __rest(props, ["strategies", "successColor", "value", "error", "primaryColor", "secondaryColor", "onValidate", "onChange"]);
+    var theme = useCustomTheme({ primaryColor: primaryColor, secondaryColor: secondaryColor });
+    var isValidPassword = useMemo(function () {
+        if ((value === null || value === void 0 ? void 0 : value.length) > 0) {
+            return onValidate ? onValidate(value) : onValidatePassword(value);
+        }
+        return true;
+    }, [value, onValidate, onValidatePassword]);
+    var helperTextColor = useMemo(function () {
+        var textColors = Object.keys(strategies).reduce(function (temp, key) {
+            var regex = strategies[key].regex;
+            if (value === "") {
+                temp[key] = undefined;
+            }
+            else if (regex.test(value)) {
+                temp[key] = successColor;
+            }
+            else {
+                temp[key] = "red";
+            }
+            return temp;
+        }, {});
+        return textColors;
+    }, [value, strategies]);
+    var helperText = useMemo(function () {
+        return (_jsx(_Fragment, { children: Object.keys(strategies).map(function (key) {
+                var label = strategies[key].label;
+                return (_jsx(Typography, __assign({ component: "li", variant: "caption", style: { color: helperTextColor[key] } }, { children: label }), key));
+            }) }));
+    }, [helperTextColor, strategies]);
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(TextField, __assign({ error: !isValidPassword || error, helperText: helperText, type: "password", label: "Password", size: "small", margin: "dense", value: value, onChange: function (event) {
+                event.preventDefault();
+                onChange(event.target.value);
+            }, fullWidth: true, required: true }, rest)) })));
+}
+export default PasswordInput;
+export { onValidatePassword };

package/PasswordInput/{Password.d.ts → types.d.ts}

@@ -1,12 +1,12 @@
-import { CSSProperties } from "react";
-import { TextFieldProps } from "@mui/material/TextField";
+import type { CSSProperties } from "react";
+import type { TextFieldProps } from "@mui/material/TextField";
 export interface PasswordStrategyProps {
     [key: string]: {
         label: string;
         regex: RegExp;
     };
 }
-export interface PasswordProps extends Omit<TextFieldProps, "onChange"> {
+export interface PasswordInputProps extends Omit<TextFieldProps, "onChange"> {
     strategies?: PasswordStrategyProps;
     value: string;
     successColor?: CSSProperties["color"];
@@ -15,6 +15,3 @@ export interface PasswordProps extends Omit<TextFieldProps, "onChange"> {
     onChange: (value: string) => void;
     onValidate?: (value: string) => boolean;
 }
-export declare function onValidatePassword(password: string): boolean;
-declare function Password(props: PasswordProps): JSX.Element;
-export default Password;

package/PasswordInput/types.js

@@ -0,0 +1 @@
+export {};

package/README.md

@@ -237,9 +237,7 @@ It is extended from `@mui/material/Checkbox`, so it includes all properties of `
 ```typescript
 import { CheckBox } from '@symply.io/basic-components/';
 // or 
-import { CheckBox } from '@symply.io/basic-components/CheckBox'; 
-// or 
-import CheckBox from '@symply.io/basic-components/CheckBox/CheckBox'; 
+import CheckBox from '@symply.io/basic-components/CheckBox'; 
 ```
 
 <h5>Props</h5>
@@ -262,9 +260,7 @@ It is extended from `@mui/material/FormGroup`, so it includes all properties of
 ```typescript
 import { CheckBoxGroup } from '@symply.io/basic-components/';
 // or 
-import { CheckBoxGroup } from '@symply.io/basic-components/CheckBox'; 
-// or 
-import CheckBoxGroup from '@symply.io/basic-components/CheckBox/CheckBoxGroup'; 
+import CheckBoxGroup from '@symply.io/basic-components/CheckBoxGroup'; 
 ```
 
 <h5>Props</h5>
@@ -701,9 +697,9 @@ It is extended from `@mui/material/TextField`, so it includes all properties of
 
 ```typescript
 // Password
-import { Password } from '@symply.io/basic-components/PasswordInput';
+import Password from '@symply.io/basic-components/PasswordInput';
 // Confirm Password 
-import { ConfirmPassword } from '@symply.io/basic-components/PasswordInput'; 
+import ConfirmPassword from '@symply.io/basic-components/ConfirmPasswordInput'; 
 ```
 
 <h5>Password Props</h5>

package/SocialInput/index.d.ts

@@ -1,6 +1,6 @@
-import { SocialInputProps } from "./types";
+import type { SocialInputProps } from "./types";
 export declare function SocialInputFormat(str: string): string;
 export declare function onValidateSocial(socialString: string): boolean;
 declare function SocialInput(props: SocialInputProps): JSX.Element;
 export default SocialInput;
-export * from "./types";
+export type { SocialInputProps };

package/SocialInput/index.js

@@ -74,4 +74,3 @@ function SocialInput(props) {
             } }, rest)) })));
 }
 export default SocialInput;
-export * from "./types";

package/TabGroup/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TabGroupProps } from "./types";
+import type { TabGroupProps } from "./types";
 declare const TabGroup: import("react").ForwardRefExoticComponent<TabGroupProps & import("react").RefAttributes<unknown>>;
 export default TabGroup;
-export * from "./types";
+export type { TabGroupProps };

package/TabGroup/index.js

@@ -48,4 +48,3 @@ var TabGroup = forwardRef(function (props, ref) {
             }) })) })));
 });
 export default TabGroup;
-export * from "./types";

package/TablePagination/index.d.ts

@@ -1,4 +1,4 @@
-import { TablePaginationProps } from "./types";
+import type { TablePaginationProps } from "./types";
 declare function Pagination(props: TablePaginationProps): JSX.Element;
 export default Pagination;
-export * from "./types";
+export type { TablePaginationProps };

package/TablePagination/index.js

@@ -20,4 +20,3 @@ function Pagination(props) {
     return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: count ? (_jsx(TablePagination, { component: "div", colSpan: colSpan, count: count, rowsPerPage: rowsPerPage, page: page, SelectProps: { native: true }, rowsPerPageOptions: rowsPerPageOptions, onPageChange: onPageChange, onRowsPerPageChange: onRowsPerPageChange, ActionsComponent: TablePaginationActions })) : (_jsx(_Fragment, {})) })));
 }
 export default Pagination;
-export * from "./types";

package/TextInput/index.d.ts

@@ -9,5 +9,5 @@ export interface TextInputProps extends Omit<TextFieldProps, "onChange"> {
     primaryColor?: CSSProperties["color"];
     secondaryColor?: CSSProperties["color"];
 }
-declare const TextInput: (props: TextInputProps) => JSX.Element;
+declare function TextInput(props: TextInputProps): JSX.Element;
 export default TextInput;

package/TextInput/index.js

@@ -26,7 +26,7 @@ import Field from "@mui/material/TextField";
 import ThemeProvider from "@mui/material/styles/ThemeProvider";
 import useInteractions from "./useInteractions";
 import useCustomTheme from "../useCustomTheme";
-var TextInput = function (props) {
+function TextInput(props) {
     var _a = props.type, type = _a === void 0 ? "text" : _a, onChange = props.onChange, value = props.value, _b = props.size, size = _b === void 0 ? "small" : _b, tooltip = props.tooltip, _c = props.maxLength, maxLength = _c === void 0 ? 999 : _c, _d = props.minLength, minLength = _d === void 0 ? 0 : _d, primaryColor = props.primaryColor, secondaryColor = props.secondaryColor, onBlur = props.onBlur, onFocus = props.onFocus, rest = __rest(props, ["type", "onChange", "value", "size", "tooltip", "maxLength", "minLength", "primaryColor", "secondaryColor", "onBlur", "onFocus"]);
     var theme = useCustomTheme({ primaryColor: primaryColor, secondaryColor: secondaryColor });
     var _e = useInteractions(), tooltipOpen = _e.tooltipOpen, onOpenTooltip = _e.onOpenTooltip, onCloseTooltip = _e.onCloseTooltip;
@@ -42,5 +42,5 @@ var TextInput = function (props) {
                     event.preventDefault();
                     onChange(event.target.value);
                 }, inputProps: { maxLength: maxLength, minLength: minLength } }, rest)) })) })));
-};
+}
 export default TextInput;

package/ToastPrompt/Prompt.d.ts

@@ -1,3 +1,4 @@
-import type { PromptProps } from "./types";
-declare function Prompt(props: PromptProps): JSX.Element;
+/// <reference types="react" />
+import { RefProps } from "./types";
+declare const Prompt: import("react").ForwardRefExoticComponent<import("react").RefAttributes<RefProps | null>>;
 export default Prompt;

package/ToastPrompt/Prompt.js

@@ -9,19 +9,22 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle } from "react";
 import Alert from "@mui/material/Alert";
 import Slide from "@mui/material/Slide";
-import AlertTitle from "@mui/material/AlertTitle";
 import Snackbar from "@mui/material/Snackbar";
+import Typography from "@mui/material/Typography";
 import ThemeProvider from "@mui/material/styles/ThemeProvider";
 import useCustomTheme from "../useCustomTheme";
+import useInteractions from "./useInteractions";
 function Transition(args) {
     return _jsx(Slide, __assign({}, args, { direction: "up" }));
 }
-function Prompt(props) {
-    var open = props.open, variant = props.variant, message = props.message, timeout = props.timeout, onClose = props.onClose;
+var Prompt = forwardRef(function (_, ref) {
     var theme = useCustomTheme();
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Snackbar, __assign({ anchorOrigin: { vertical: "bottom", horizontal: "left" }, open: open, onClose: onClose, autoHideDuration: timeout, TransitionComponent: Transition, sx: { zIndex: 99999 } }, { children: _jsxs(Alert, __assign({ variant: "filled", security: variant, sx: { width: "100%" }, onClose: onClose }, { children: [_jsx(AlertTitle, __assign({ sx: { textTransform: "capitalize" } }, { children: variant })), message] })) }), "".concat(Date.now() * Math.round(Math.random()))) })));
-}
+    var _a = useInteractions(), open = _a.open, type = _a.type, message = _a.message, timeout = _a.timeout, onShow = _a.onShow, onHide = _a.onHide;
+    useImperativeHandle(ref, function () { return ({ onShow: onShow }); });
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(Snackbar, __assign({ anchorOrigin: { vertical: "bottom", horizontal: "left" }, open: open, onClose: onHide, autoHideDuration: timeout, TransitionComponent: Transition, sx: { zIndex: 99999 } }, { children: _jsx(Alert, __assign({ variant: "filled", severity: type, sx: { width: "100%", fontSize: 14, fontWeight: 700 }, onClose: onHide }, { children: _jsx(Typography, __assign({ sx: { fontWeight: 800, fontSize: 14 } }, { children: message })) })) }), "".concat(Date.now() * Math.round(Math.random()))) })));
+});
 export default Prompt;

package/ToastPrompt/index.js

@@ -10,16 +10,19 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, useContext, cloneElement } from "react";
+import { createContext, useContext, useRef, useCallback, cloneElement } from "react";
 import Prompt from "./Prompt";
-import useInteractions from "./useInteractions";
 var PromptContext = createContext({
     showPrompt: function () { }
 });
 export function PromptProvider(props) {
     var children = props.children;
-    var _a = useInteractions(), promptArgs = _a.promptArgs, onShow = _a.onShow, onHide = _a.onHide;
-    return (_jsxs(PromptContext.Provider, __assign({ value: { showPrompt: onShow } }, { children: [children, cloneElement(_jsx(Prompt, __assign({}, promptArgs, { onClose: onHide })))] })));
+    var ref = useRef(null);
+    var showPrompt = useCallback(function (args) {
+        var _a;
+        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.onShow(args);
+    }, []);
+    return (_jsxs(PromptContext.Provider, __assign({ value: { showPrompt: showPrompt } }, { children: [children, cloneElement(_jsx(Prompt, { ref: ref }))] })));
 }
 export function usePrompt() {
     return useContext(PromptContext);

package/ToastPrompt/types.d.ts

@@ -1,29 +1,28 @@
 import type { CSSProperties, ReactNode, SyntheticEvent } from "react";
 import type { SnackbarCloseReason } from "@mui/material/Snackbar";
 import type { SvgIconComponent } from "@mui/icons-material";
-export declare type Variant = "success" | "warning" | "info" | "error";
-export declare type PromptStyles = Record<Variant, {
+export declare type Severity = "success" | "warning" | "info" | "error";
+export declare type PromptStyles = Record<Severity, {
     backgroundColor: CSSProperties["color"];
 }>;
-export declare type PromptIcons = Record<Variant, SvgIconComponent>;
+export declare type PromptIcons = Record<Severity, SvgIconComponent>;
 declare type PromptArgs = {
     message: string | 400;
-    variant: Variant;
-    timeout: number;
+    type: Severity;
+    timeout?: number;
 };
 export interface InterfaceStates {
     promptArgs: PromptArgs & Record<"open", boolean>;
     onHide: (event: SyntheticEvent | Event, reason?: SnackbarCloseReason) => void;
     onShow: (args: PromptArgs) => void;
 }
-export interface PromptProps extends PromptArgs {
-    open: boolean;
-    onClose: InterfaceStates["onHide"];
-}
 export interface PromptProviderProps {
     children: ReactNode;
 }
 export interface PromptContextProps {
     showPrompt: InterfaceStates["onShow"];
 }
+export interface RefProps {
+    onShow: InterfaceStates["onShow"];
+}
 export {};

package/ToastPrompt/useInteractions.d.ts

@@ -1,15 +1,14 @@
 /// <reference types="react" />
 declare function useInteractions(): {
-    promptArgs: {
-        message: string | 400;
-        variant: import("./types").Variant;
-        timeout: number;
-    } & Record<"open", boolean>;
     onShow: (args: {
         message: string | 400;
-        variant: import("./types").Variant;
-        timeout: number;
+        type: import("./types").Severity;
+        timeout?: number | undefined;
     }) => void;
     onHide: (event: Event | import("react").SyntheticEvent<Element, Event>, reason?: import("@mui/material").SnackbarCloseReason | undefined) => void;
+    message: string | 400;
+    type: import("./types").Severity;
+    timeout?: number | undefined;
+    open: boolean;
 };
 export default useInteractions;

package/ToastPrompt/useInteractions.js

@@ -12,10 +12,11 @@ var __assign = (this && this.__assign) || function () {
 import { useState, useCallback } from "react";
 function useInteractions() {
     var ERROR_MESSAGE = "Internal Server Error";
+    var UNKNOWN_MESSAGE = "Unknown Message";
     var _a = useState({
         open: false,
-        message: "Saved",
-        variant: "success",
+        message: UNKNOWN_MESSAGE,
+        type: "error",
         timeout: 3500
     }), promptArgs = _a[0], setPromptArgs = _a[1];
     var onHide = useCallback(function (_, reason) {
@@ -25,14 +26,9 @@ function useInteractions() {
         setPromptArgs(function (args) { return (__assign(__assign({}, args), { open: false })); });
     }, []);
     var onShow = useCallback(function (args) {
-        var _a = args.message, message = _a === void 0 ? "Unknown message" : _a, _b = args.variant, variant = _b === void 0 ? "info" : _b, _c = args.timeout, timeout = _c === void 0 ? 3500 : _c;
-        setPromptArgs({
-            open: true,
-            message: message === 400 ? ERROR_MESSAGE : message,
-            variant: variant,
-            timeout: timeout
-        });
+        var _a = args.message, message = _a === void 0 ? UNKNOWN_MESSAGE : _a, _b = args.type, type = _b === void 0 ? "error" : _b, _c = args.timeout, timeout = _c === void 0 ? 3500 : _c;
+        setPromptArgs(function (args) { return (__assign(__assign({}, args), { message: message === 400 ? ERROR_MESSAGE : message, type: type, timeout: timeout, open: true })); });
     }, []);
-    return { promptArgs: promptArgs, onShow: onShow, onHide: onHide };
+    return __assign(__assign({}, promptArgs), { onShow: onShow, onHide: onHide });
 }
 export default useInteractions;

package/VideoPlayerModal/index.d.ts

@@ -1,4 +1,4 @@
-import { VideoPlayerModalProps } from "./types";
+import type { VideoPlayerModalProps } from "./types";
 declare function VideoPlayerModal(props: VideoPlayerModalProps): JSX.Element;
 export default VideoPlayerModal;
-export * from "./types";
+export type { VideoPlayerModalProps };

package/VideoPlayerModal/index.js

@@ -40,4 +40,3 @@ function VideoPlayerModal(props) {
                         } }, playerProps)) }), _jsx(DialogActions, { children: _jsxs(Grid, __assign({ container: true, direction: "row", justifyContent: "flex-end", alignItems: "center", spacing: 1 }, { children: [extraButtons.map(function (buttonProps, index) { return (_jsx(Grid, __assign({ item: true, xs: 12, md: 3, lg: 2 }, { children: _jsx(Button, __assign({}, buttonProps)) }), "extraButton_".concat(index))); }), _jsx(Grid, __assign({ item: true, xs: 12, md: 2, lg: 1 }, { children: _jsx(Button, __assign({ variant: "outlined", fullWidth: true, color: "secondary", onClick: onClose }, { children: "Close" })) }))] })) })] })) })));
 }
 export default VideoPlayerModal;
-export * from "./types";

package/index.d.ts

@@ -4,6 +4,8 @@ export * from "./AutocompleteWithFilter";
 export * from "./BasicModal";
 export * from "./BreadCrumbs";
 export * from "./CheckBox";
+export * from "./CheckBoxGroup";
+export * from "./ConfirmPasswordInput";
 export * from "./Copyright";
 export * from "./DataTable";
 export * from "./DateInput";
@@ -31,6 +33,9 @@ export { default as Autocomplete } from "./Autocomplete";
 export { default as AutocompleteWithFilter } from "./AutocompleteWithFilter";
 export { default as BasicModal } from "./BasicModal";
 export { default as BreadCrumbs } from "./BreadCrumbs";
+export { default as CheckBox } from "./CheckBox";
+export { default as CheckBoxGroup } from "./CheckBoxGroup";
+export { default as ConfirmPasswordInput } from "./ConfirmPasswordInput";
 export { default as Copyright } from "./Copyright";
 export { default as DataTable } from "./DataTable";
 export { default as DigitInput } from "./DigitInput";
@@ -42,6 +47,7 @@ export { default as HelpCaption } from "./HelpCaption";
 export { default as LoadingModal } from "./LoadingModal";
 export { default as MenuButtonGroup } from "./MenuButtonGroup";
 export { default as NumberInput } from "./NumberInput";
+export { default as PasswordInput } from "./PasswordInput";
 export { default as PhoneNumberInput } from "./PhoneNumberInput";
 export { default as Sidebar } from "./Sidebar";
 export { default as SocialInput } from "./SocialInput";

package/index.js

@@ -4,6 +4,8 @@ export * from "./AutocompleteWithFilter";
 export * from "./BasicModal";
 export * from "./BreadCrumbs";
 export * from "./CheckBox";
+export * from "./CheckBoxGroup";
+export * from "./ConfirmPasswordInput";
 export * from "./Copyright";
 export * from "./DataTable";
 export * from "./DateInput";
@@ -31,6 +33,9 @@ export { default as Autocomplete } from "./Autocomplete";
 export { default as AutocompleteWithFilter } from "./AutocompleteWithFilter";
 export { default as BasicModal } from "./BasicModal";
 export { default as BreadCrumbs } from "./BreadCrumbs";
+export { default as CheckBox } from "./CheckBox";
+export { default as CheckBoxGroup } from "./CheckBoxGroup";
+export { default as ConfirmPasswordInput } from "./ConfirmPasswordInput";
 export { default as Copyright } from "./Copyright";
 export { default as DataTable } from "./DataTable";
 export { default as DigitInput } from "./DigitInput";
@@ -42,6 +47,7 @@ export { default as HelpCaption } from "./HelpCaption";
 export { default as LoadingModal } from "./LoadingModal";
 export { default as MenuButtonGroup } from "./MenuButtonGroup";
 export { default as NumberInput } from "./NumberInput";
+export { default as PasswordInput } from "./PasswordInput";
 export { default as PhoneNumberInput } from "./PhoneNumberInput";
 export { default as Sidebar } from "./Sidebar";
 export { default as SocialInput } from "./SocialInput";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symply.io/basic-components",
-  "version": "1.4.0-beta.1",
+  "version": "1.4.0-beta.10",
   "description": "Basic and reusable components for all frontend of Symply apps",
   "keywords": [
     "react",
@@ -8,7 +8,6 @@
     "material-ui"
   ],
   "main": "index.js",
-  "type": "module",
   "types": "**/*.d.ts",
   "license": "MIT",
   "private": false,

package/CheckBox/CheckBox.d.ts

@@ -1,3 +0,0 @@
-import { CheckBoxProps } from "./types";
-export declare function CheckBox(props: CheckBoxProps): JSX.Element;
-export default CheckBox;

package/CheckBox/CheckBox.js

@@ -1,36 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import Checkbox from "@mui/material/Checkbox";
-import FormControlLabel from "@mui/material/FormControlLabel";
-import ThemeProvider from "@mui/material/styles/ThemeProvider";
-import useCustomTheme from "../useCustomTheme";
-export function CheckBox(props) {
-    var label = props.label, onChange = props.onChange, primaryColor = props.primaryColor, secondaryColor = props.secondaryColor, rest = __rest(props, ["label", "onChange", "primaryColor", "secondaryColor"]);
-    var theme = useCustomTheme({ primaryColor: primaryColor, secondaryColor: secondaryColor });
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(FormControlLabel, { control: _jsx(Checkbox, __assign({ onChange: function (event) {
-                    event.stopPropagation();
-                    onChange(event.target.checked);
-                } }, rest)), label: label }) })));
-}
-export default CheckBox;

package/CheckBox/CheckBoxGroup.d.ts

@@ -1,3 +0,0 @@
-import { CheckBoxGroupProps } from "./types";
-export declare function CheckBoxGroup(props: CheckBoxGroupProps): JSX.Element;
-export default CheckBoxGroup;

package/PasswordInput/ConfirmPassword.d.ts

@@ -1,11 +0,0 @@
-import { CSSProperties } from "react";
-import { TextFieldProps } from "@mui/material/TextField";
-export interface ConfirmPasswordProps extends Omit<TextFieldProps, "onChange"> {
-    password: string;
-    value: string;
-    primaryColor?: CSSProperties["color"];
-    secondaryColor?: CSSProperties["color"];
-    onChange: (value: string) => void;
-}
-declare function ConfirmPassword(props: ConfirmPasswordProps): JSX.Element;
-export default ConfirmPassword;

package/PasswordInput/Password.js

@@ -1,78 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useMemo } from "react";
-import TextField from "@mui/material/TextField";
-import Typography from "@mui/material/Typography";
-import ThemeProvider from "@mui/material/styles/ThemeProvider";
-import useCustomTheme from "../useCustomTheme";
-export function onValidatePassword(password) {
-    var reg = /^(?=.*[0-9])(?=.*[A-Z])(?=.*[a-z])(?=.*[!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~])([!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~a-zA-z0-9]{8,})$/;
-    return reg.test(password);
-}
-function Password(props) {
-    var _a = props.strategies, strategies = _a === void 0 ? {
-        uppercaseLetter: { label: "1 Uppercase Letter", regex: /[A-Z]+/ },
-        lowercaseLetter: { label: "1 Lowercase Letter", regex: /[a-z]+/ },
-        specialCharacter: {
-            label: "1 Special Character",
-            regex: /[!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~]/
-        },
-        number: { label: "1 Number", regex: /\d+/ },
-        minimum8: { label: "Minimum 8 characters", regex: /.{8,}/ }
-    } : _a, _b = props.successColor, successColor = _b === void 0 ? "green" : _b, value = props.value, error = props.error, primaryColor = props.primaryColor, secondaryColor = props.secondaryColor, onValidate = props.onValidate, onChange = props.onChange, rest = __rest(props, ["strategies", "successColor", "value", "error", "primaryColor", "secondaryColor", "onValidate", "onChange"]);
-    var theme = useCustomTheme({ primaryColor: primaryColor, secondaryColor: secondaryColor });
-    var isValidPassword = useMemo(function () {
-        if ((value === null || value === void 0 ? void 0 : value.length) > 0) {
-            return onValidate ? onValidate(value) : onValidatePassword(value);
-        }
-        return true;
-    }, [value, onValidate, onValidatePassword]);
-    var helperTextColor = useMemo(function () {
-        var textColors = Object.keys(strategies).reduce(function (temp, key) {
-            var regex = strategies[key].regex;
-            if (value === "") {
-                temp[key] = undefined;
-            }
-            else if (regex.test(value)) {
-                temp[key] = successColor;
-            }
-            else {
-                temp[key] = "red";
-            }
-            return temp;
-        }, {});
-        return textColors;
-    }, [value, strategies]);
-    var helperText = useMemo(function () {
-        return (_jsx(_Fragment, { children: Object.keys(strategies).map(function (key) {
-                var label = strategies[key].label;
-                return (_jsx(Typography, __assign({ component: "li", variant: "caption", style: { color: helperTextColor[key] } }, { children: label }), key));
-            }) }));
-    }, [helperTextColor, strategies]);
-    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(TextField, __assign({ error: !isValidPassword || error, helperText: helperText, type: "password", label: "Password", size: "small", margin: "dense", value: value, onChange: function (event) {
-                event.preventDefault();
-                onChange(event.target.value);
-            }, fullWidth: true, required: true }, rest)) })));
-}
-export default Password;