@symply.io/basic-components 1.4.0-alpha.5 → 1.4.0-alpha.6

package/AlertDialog/index.d.ts

@@ -1,4 +1,4 @@
-import { AlertDialogProps } from "./types";
+import type { AlertDialogProps } from "./types";
 declare const AlertDialog: (props: AlertDialogProps) => JSX.Element;
 export default AlertDialog;
-export * from "./types";
+export type { AlertDialogProps };

package/AlertDialog/index.js

@@ -45,4 +45,3 @@ var AlertDialog = function (props) {
             }, "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description" }, rest, { children: [_jsx(DialogTitle, __assign({ id: "alert-dialog-title" }, { children: title })), _jsx(DialogContent, { children: children }), _jsx(DialogActions, { children: DialogButtons ? (cloneElement(DialogButtons)) : (_jsx(Button, __assign({ onClick: onClose, color: "primary" }, { children: "OK" }))) })] })) })));
 };
 export default AlertDialog;
-export * from "./types";

package/AlertDialog/types.d.ts

@@ -1,6 +1,6 @@
-import { ReactElement, CSSProperties } from "react";
-import { DialogProps } from "@mui/material/Dialog";
-import { DialogContentProps } from "@mui/material/DialogContent";
+import type { ReactElement, CSSProperties } from "react";
+import type { DialogProps } from "@mui/material/Dialog";
+import type { DialogContentProps } from "@mui/material/DialogContent";
 export interface AlertDialogProps {
     title?: string;
     maxWidth?: DialogProps["maxWidth"];

package/Autocomplete/index.d.ts

@@ -1,4 +1,4 @@
-import { AutocompleteProps } from "./types";
+import type { AutocompleteProps, AutocompleteValueType, AutocompleteOptionType } from "./types";
 declare function CustomAutocomplete<T, multiple extends boolean | undefined = false>(props: AutocompleteProps<T, multiple>): JSX.Element;
 export default CustomAutocomplete;
-export * from "./types";
+export type { AutocompleteProps, AutocompleteValueType, AutocompleteOptionType };

package/Autocomplete/index.js

@@ -49,4 +49,3 @@ function CustomAutocomplete(props) {
             }, renderInput: function (params) { return (_jsx(TextField, __assign({}, params, rest, { required: required, size: size, inputProps: __assign(__assign({}, params.inputProps), { required: required && (Array.isArray(value) ? value.length === 0 : !value) }) }))); } }) })));
 }
 export default CustomAutocomplete;
-export * from "./types";

package/Autocomplete/types.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties } from "react";
-import { TextFieldProps } from "@mui/material/TextField";
+import type { CSSProperties } from "react";
+import type { TextFieldProps } from "@mui/material/TextField";
 export declare type AutocompleteOptionType<T = {
     [name: string]: unknown;
 }> = T & {

package/AutocompleteWithFilter/index.d.ts

@@ -1,4 +1,4 @@
-import { AutocompleteWithFilterProps } from "./types";
+import type { AutocompleteWithFilterProps, AutocompleteWithFilterValueType, AutocompleteWithFilterOptionType } from "./types";
 declare function AutocompleteWithFilter<T, multiple extends boolean | undefined = false>(props: AutocompleteWithFilterProps<T, multiple>): JSX.Element;
 export default AutocompleteWithFilter;
-export * from "./types";
+export type { AutocompleteWithFilterProps, AutocompleteWithFilterValueType, AutocompleteWithFilterOptionType };

package/AutocompleteWithFilter/index.js

@@ -57,4 +57,3 @@ function AutocompleteWithFilter(props) {
             }, renderInput: function (params) { return (_jsx(TextField, __assign({}, params, rest, { variant: "outlined", required: required, inputProps: __assign(__assign({}, params.inputProps), { required: required && (Array.isArray(value) ? value.length === 0 : !value) }) }))); } }) })));
 }
 export default AutocompleteWithFilter;
-export * from "./types";

package/AutocompleteWithFilter/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 declare type AutocompleteWithFilterOptionType<T> = T & {
     label: string;
     value?: string | number;
 };
-export declare type AutocompleteWithFilterlValueType<T, multiple extends boolean | undefined> = multiple extends false | undefined ? AutocompleteWithFilterOptionType<T> | null : Array<AutocompleteWithFilterOptionType<T>>;
+export declare type AutocompleteWithFilterValueType<T, multiple extends boolean | undefined> = multiple extends false | undefined ? AutocompleteWithFilterOptionType<T> | null : Array<AutocompleteWithFilterOptionType<T>>;
 export interface AutocompleteWithFilterProps<T, multiple extends boolean | undefined> extends Omit<TextFieldProps, "onChange" | "value" | "disabled"> {
-    value: AutocompleteWithFilterlValueType<T, multiple>;
+    value: AutocompleteWithFilterValueType<T, multiple>;
     options: Array<AutocompleteWithFilterOptionType<T>>;
     disableCloseOnSelect?: boolean;
     limitTags?: number;
@@ -15,5 +15,5 @@ export interface AutocompleteWithFilterProps<T, multiple extends boolean | undef
     loading?: boolean;
     primaryColor?: CSSProperties["color"];
     secondaryColor?: CSSProperties["color"];
-    onChange: (value: AutocompleteWithFilterlValueType<T, multiple>) => void;
+    onChange: (value: AutocompleteWithFilterValueType<T, multiple>) => void;
 }

package/BasicModal/index.d.ts

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

package/BasicModal/index.js

@@ -49,4 +49,3 @@ function BasicModal(props) {
                     } }, { children: _jsx(Content, __assign({}, rest, { noForm: noForm, onClose: onClose, onSubmit: onSubmit })) })) })) })));
 }
 export default BasicModal;
-export * from "./types";

package/BasicModal/types.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode, CSSProperties } from "react";
-import { ButtonProps } from "@mui/material/Button";
+import type { ReactNode, CSSProperties } from "react";
+import type { ButtonProps } from "@mui/material/Button";
 export interface BasicModalContentProps {
     children: ReactNode;
     color?: ButtonProps["color"];

package/BreadCrumbs/index.d.ts

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

package/BreadCrumbs/index.js

@@ -36,4 +36,3 @@ function Crumbs(props) {
                 })] })) })));
 }
 export default Crumbs;
-export * from "./types";

package/BreadCrumbs/types.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from "react";
+import type { CSSProperties } from "react";
 export interface BreadCrumbsProps {
     routes: Array<{
         href?: string;

package/CheckBox/index.d.ts

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

package/CheckBox/index.js

@@ -0,0 +1,36 @@
+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";
+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/types.d.ts

@@ -1,12 +1,8 @@
-import { CSSProperties, ReactElement } from "react";
-import { CheckboxProps } from "@mui/material/Checkbox";
-import { FormGroupProps } from "@mui/material/FormGroup";
+import type { CSSProperties, ReactElement } from "react";
+import type { CheckboxProps } from "@mui/material/Checkbox";
 export interface CheckBoxProps extends Omit<CheckboxProps, "onChange"> {
     label: string | ReactElement;
     onChange: (val: boolean) => void;
     primaryColor?: CSSProperties["color"];
     secondaryColor?: CSSProperties["color"];
 }
-export interface CheckBoxGroupProps extends FormGroupProps {
-    checkboxes: Array<CheckBoxProps>;
-}

package/CheckBoxGroup/index.d.ts

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

package/CheckBoxGroup/index.js

@@ -0,0 +1,30 @@
+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 FormGroup from "@mui/material/FormGroup";
+import CheckBox from "../CheckBox";
+function CheckBoxGroup(props) {
+    var checkboxes = props.checkboxes, rest = __rest(props, ["checkboxes"]);
+    return (_jsx(FormGroup, __assign({}, rest, { children: checkboxes.map(function (checkbox, index) { return (_jsx(CheckBox, __assign({}, checkbox), index)); }) })));
+}
+export default CheckBoxGroup;

package/CheckBoxGroup/types.d.ts

@@ -1,12 +1,5 @@
-import { CSSProperties, ReactElement } from "react";
-import { CheckboxProps } from "@mui/material/Checkbox";
-import { FormGroupProps } from "@mui/material/FormGroup";
-export interface CheckBoxProps extends Omit<CheckboxProps, "onChange"> {
-    label: string | ReactElement;
-    onChange: (val: boolean) => void;
-    primaryColor?: CSSProperties["color"];
-    secondaryColor?: CSSProperties["color"];
-}
+import type { FormGroupProps } from "@mui/material/FormGroup";
+import type { CheckBoxProps } from "../CheckBox";
 export interface CheckBoxGroupProps extends FormGroupProps {
     checkboxes: Array<CheckBoxProps>;
 }

package/Copyright/index.d.ts

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

package/Copyright/index.js

@@ -20,4 +20,3 @@ function Copyright(props) {
     return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsxs(Typography, __assign({ sx: { fontSize: 16, fontWeight: 400 }, color: "textSecondary", align: "center" }, { children: ["Copyright © ", _jsx(Link, __assign({ color: "inherit", href: "https://symply.io/" }, { children: "Symply Software Inc" })), "\u00A0", new Date().getFullYear(), "."] })) })));
 }
 export default Copyright;
-export * from "./types";

package/Copyright/types.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from "react";
+import type { CSSProperties } from "react";
 export interface CopyrightProps {
     primaryColor?: CSSProperties["color"];
     secondaryColor?: CSSProperties["color"];

package/index.d.ts

@@ -4,6 +4,7 @@ export * from "./AutocompleteWithFilter";
 export * from "./BasicModal";
 export * from "./BreadCrumbs";
 export * from "./CheckBox";
+export * from "./CheckBoxGroup";
 export * from "./Copyright";
 export * from "./DataTable";
 export * from "./DateInput";
@@ -31,6 +32,8 @@ 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 Copyright } from "./Copyright";
 export { default as DataTable } from "./DataTable";
 export { default as DigitInput } from "./DigitInput";

package/index.js

@@ -4,6 +4,7 @@ export * from "./AutocompleteWithFilter";
 export * from "./BasicModal";
 export * from "./BreadCrumbs";
 export * from "./CheckBox";
+export * from "./CheckBoxGroup";
 export * from "./Copyright";
 export * from "./DataTable";
 export * from "./DateInput";
@@ -31,6 +32,8 @@ 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 Copyright } from "./Copyright";
 export { default as DataTable } from "./DataTable";
 export { default as DigitInput } from "./DigitInput";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symply.io/basic-components",
-  "version": "1.4.0-alpha.5",
+  "version": "1.4.0-alpha.6",
   "description": "Basic and reusable components for all frontend of Symply apps",
   "keywords": [
     "react",