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

package/CheckBoxGroup/types.d.ts

@@ -0,0 +1,12 @@
+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"];
+}
+export interface CheckBoxGroupProps extends FormGroupProps {
+    checkboxes: Array<CheckBoxProps>;
+}

package/CheckBoxGroup/types.js

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

package/LoadingModal/index.d.ts

@@ -1,3 +1,4 @@
 export { default } from "./Modal";
+export { default as useLoadingModal } from "./useLoadingModal";
 export * from "./useLoadingModal";
 export * from "./types";

package/LoadingModal/index.js

@@ -1,4 +1,5 @@
 "use client";
 export { default } from "./Modal";
+export { default as useLoadingModal } from "./useLoadingModal";
 export * from "./useLoadingModal";
 export * from "./types";

package/LoadingModal/useLoadingModal.d.ts

@@ -1,3 +1,3 @@
 import { LoadingModalContextProps, LoadingModalProviderProps } from "./types";
 export declare function LoadingModalProvider(props: LoadingModalProviderProps): JSX.Element;
-export declare function useLoadingModal(): LoadingModalContextProps;
+export default function useLoadingModal(): LoadingModalContextProps;

package/LoadingModal/useLoadingModal.js

@@ -52,6 +52,6 @@ export function LoadingModalProvider(props) {
     }, []);
     return (_jsx(LoadingModalContext.Provider, __assign({ value: { onOpenLoadingModal: onOpenLoadingModal, onCloseLoadingModal: onCloseLoadingModal } }, { children: _jsxs(_Fragment, { children: [cloneElement(children), _jsx(LoadingModal, __assign({}, modalArgs, { primaryColor: primaryColor, secondaryColor: secondaryColor }))] }) })));
 }
-export function useLoadingModal() {
+export default function useLoadingModal() {
     return useContext(LoadingModalContext);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symply.io/basic-components",
-  "version": "1.4.0-alpha.3",
+  "version": "1.4.0-alpha.5",
   "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";
-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";
-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";
-declare function CheckBoxGroup(props: CheckBoxGroupProps): JSX.Element;
-export default CheckBoxGroup;

package/CheckBox/CheckBoxGroup.js

@@ -1,30 +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 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/CheckBox/index.d.ts

@@ -1,3 +0,0 @@
-export { default as CheckBox } from "./CheckBox";
-export { default as CheckBoxGroup } from "./CheckBoxGroup";
-export * from "./types";

package/CheckBox/index.js

@@ -1,4 +0,0 @@
-"use client";
-export { default as CheckBox } from "./CheckBox";
-export { default as CheckBoxGroup } from "./CheckBoxGroup";
-export * from "./types";