react-asc 25.0.3 → 25.0.4

package/components/Button/ButtonContext.d.ts

@@ -3,5 +3,5 @@ import { COLOR } from '../component.enums';
 export interface IButtonContext {
     color: COLOR | null;
 }
-export declare const ButtonContext: import("react").Context<IButtonContext>;
+export declare const ButtonContext: React.Context<IButtonContext>;
 export declare const useButtonContext: () => IButtonContext;

package/components/Menu/MenuContext.d.ts

@@ -1,6 +1,6 @@
-import { Dispatch } from 'react';
+import { Context, Dispatch } from 'react';
 export interface IMenuContext {
     isShow: boolean;
     setIsShow: Dispatch<boolean>;
 }
-export declare const MenuContext: import("react").Context<IMenuContext>;
+export declare const MenuContext: Context<IMenuContext>;

package/components/Menu/MenuToggle.d.ts

@@ -2,5 +2,5 @@ import { ReactNode } from 'react';
 interface IMenuToggleProps {
     children?: ReactNode;
 }
-export declare const MenuToggle: ({ children }: IMenuToggleProps) => JSX.Element;
+export declare const MenuToggle: ({ children }: IMenuToggleProps) => ReactNode;
 export {};

package/index.d.ts

@@ -1,3 +1,4 @@
 export * from './components';
 export * from './hooks';
 export * from './icons';
+export * from './interfaces';

package/index.es.js

@@ -236,8 +236,9 @@ function useDebounce(callback, timeout, deps) {
 
 const useConstructor = (callBack) => {
     const [hasBeenCalled, setHasBeenCalled] = useState(false);
-    if (hasBeenCalled)
+    if (hasBeenCalled) {
         return;
+    }
     callBack();
     setHasBeenCalled(true);
 };
@@ -1116,8 +1117,9 @@ const Select = (props) => {
                 case 'Enter':
                     if (hoverIndex) {
                         const option = options[hoverIndex];
-                        if (option)
+                        if (option) {
                             handleOnClick(option);
+                        }
                     }
                     break;
             }
@@ -1125,11 +1127,12 @@ const Select = (props) => {
     };
     return (React.createElement("div", { ref: selectConainter, className: styles$B.selectContainer },
         React.createElement("div", { id: id, className: getCssClass(), onClick: () => show(), tabIndex: 0, onKeyDown: e => handleOnKeyDown(e) },
-            !multiple && renderSingleViewModel(),
-            multiple &&
-                React.createElement("div", { className: styles$B.chipContainer }, renderMultipleViewModel()),
-            React.createElement(Icon, { className: "ml-auto" },
-                React.createElement(ChevronDownSolidIcon, null))),
+            React.createElement(React.Fragment, null,
+                !multiple && renderSingleViewModel(),
+                multiple &&
+                    React.createElement("div", { className: styles$B.chipContainer }, renderMultipleViewModel()),
+                React.createElement(Icon, { className: "ml-auto" },
+                    React.createElement(ChevronDownSolidIcon, null)))),
         isShow &&
             React.createElement(Portal, { className: 'backdrop-root' },
                 React.createElement("div", { className: styles$B.selectMenu, style: { left: (_a = selectConainter.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().x, top: (_b = selectConainter.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().y, width: (_c = selectConainter.current) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect().width } },
@@ -1257,8 +1260,10 @@ class Form extends Component {
             const keys = Object.keys(this.state.controls);
             const values = keys.reduce((obj, f) => {
                 const control = this.getControl(f);
-                // TODO - refactor
-                const newValue = ((control.type === 'date' || control.type === 'datetime-local') && control.value && isValidDate((control.value))) ? new Date((control.value)).toISOString() : control.value;
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                const newValue = ((control.type === 'date' || control.type === 'datetime-local') &&
+                    control.value &&
+                    isValidDate((control.value))) ? new Date((control.value)).toISOString() : control.value;
                 return (Object.assign(Object.assign({}, obj), { [f]: newValue }));
             }, {});
             if (this.state.isValid && this.state.isSubmitted) {
@@ -1399,8 +1404,7 @@ class Form extends Component {
         this.setState({ controls: {}, isValid: false, isChanged: false, isSubmitted: false });
     }
     getFormGroupCssClass(fieldKey) {
-        const result = this.getControl(fieldKey).config.formGroupClassName;
-        return result;
+        return this.getControl(fieldKey).config.formGroupClassName;
     }
     render() {
         return (React.createElement("form", { ref: this.myForm }, this.state && this.state.controls && Object.keys(this.state.controls).map((fieldKey) => {
@@ -1582,7 +1586,7 @@ const DrawerContent = (props) => {
     };
     const positionStyles = {
         left: { left: '0px' },
-        right: { right: '0px' },
+        right: { right: '0px' }
     };
     const getStyles = () => {
         return !permanent ? positionStyles[position] : undefined;
@@ -1669,7 +1673,7 @@ const MenuItem = (props) => {
 };
 
 const MenuToggle = ({ children }) => {
-    return (React.createElement(Fragment, null, children));
+    return children;
 };
 
 var css_248z$v = ".MenuDivider-module_menuItemDivider__oRP-j {\n  height: 0;\n  margin: 0.5rem 0;\n  overflow: hidden;\n  border-top: 1px solid #e9ecef;\n}";
@@ -1912,7 +1916,7 @@ const Modal = (props) => {
                         React.createElement(ModalBody, null, children),
                         footer &&
                             React.createElement(ModalFooter, null, footer))))),
-        React.createElement(Backdrop, { onClick: handleClickBackdrop })));
+        React.createElement(Backdrop, { onClick: handleClickBackdrop, style: { zIndex: 1040 } })));
 };
 
 var MODALTYPE;
@@ -2300,10 +2304,12 @@ const SpeedDial = (props) => {
         return cssClasses.filter(css => css).join(' ');
     };
     const handleClick = (e) => {
-        if (open)
+        if (open) {
             onClose && onClose(e);
-        else
+        }
+        else {
             onOpen && onOpen(e);
+        }
     };
     return (React.createElement("div", Object.assign({ className: getCssClasses() }, rest),
         React.createElement("div", { style: { 'transform': open ? 'rotate(45deg)' : undefined } },
@@ -2924,12 +2930,14 @@ const TreeItem = (props) => {
         return cssClasses.filter(css => css).join(' ');
     };
     useEffect(() => {
-        if (isExpanded !== undefined)
+        if (isExpanded !== undefined) {
             setIsExpanded(isExpanded);
+        }
     }, [isExpanded]);
     useEffect(() => {
-        if (isSelected !== undefined)
+        if (isSelected !== undefined) {
             setIsSelected(isSelected);
+        }
     }, [isSelected]);
     const handleOnToggleExpand = (nodeId) => {
         setIsExpanded(!_isExpanded);

package/index.js

@@ -245,8 +245,9 @@ function useDebounce(callback, timeout, deps) {
 
 const useConstructor = (callBack) => {
     const [hasBeenCalled, setHasBeenCalled] = React.useState(false);
-    if (hasBeenCalled)
+    if (hasBeenCalled) {
         return;
+    }
     callBack();
     setHasBeenCalled(true);
 };
@@ -1125,8 +1126,9 @@ const Select = (props) => {
                 case 'Enter':
                     if (hoverIndex) {
                         const option = options[hoverIndex];
-                        if (option)
+                        if (option) {
                             handleOnClick(option);
+                        }
                     }
                     break;
             }
@@ -1134,11 +1136,12 @@ const Select = (props) => {
     };
     return (React__default["default"].createElement("div", { ref: selectConainter, className: styles$B.selectContainer },
         React__default["default"].createElement("div", { id: id, className: getCssClass(), onClick: () => show(), tabIndex: 0, onKeyDown: e => handleOnKeyDown(e) },
-            !multiple && renderSingleViewModel(),
-            multiple &&
-                React__default["default"].createElement("div", { className: styles$B.chipContainer }, renderMultipleViewModel()),
-            React__default["default"].createElement(Icon, { className: "ml-auto" },
-                React__default["default"].createElement(ChevronDownSolidIcon, null))),
+            React__default["default"].createElement(React__default["default"].Fragment, null,
+                !multiple && renderSingleViewModel(),
+                multiple &&
+                    React__default["default"].createElement("div", { className: styles$B.chipContainer }, renderMultipleViewModel()),
+                React__default["default"].createElement(Icon, { className: "ml-auto" },
+                    React__default["default"].createElement(ChevronDownSolidIcon, null)))),
         isShow &&
             React__default["default"].createElement(Portal, { className: 'backdrop-root' },
                 React__default["default"].createElement("div", { className: styles$B.selectMenu, style: { left: (_a = selectConainter.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().x, top: (_b = selectConainter.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().y, width: (_c = selectConainter.current) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect().width } },
@@ -1266,8 +1269,10 @@ class Form extends React.Component {
             const keys = Object.keys(this.state.controls);
             const values = keys.reduce((obj, f) => {
                 const control = this.getControl(f);
-                // TODO - refactor
-                const newValue = ((control.type === 'date' || control.type === 'datetime-local') && control.value && isValidDate((control.value))) ? new Date((control.value)).toISOString() : control.value;
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                const newValue = ((control.type === 'date' || control.type === 'datetime-local') &&
+                    control.value &&
+                    isValidDate((control.value))) ? new Date((control.value)).toISOString() : control.value;
                 return (Object.assign(Object.assign({}, obj), { [f]: newValue }));
             }, {});
             if (this.state.isValid && this.state.isSubmitted) {
@@ -1408,8 +1413,7 @@ class Form extends React.Component {
         this.setState({ controls: {}, isValid: false, isChanged: false, isSubmitted: false });
     }
     getFormGroupCssClass(fieldKey) {
-        const result = this.getControl(fieldKey).config.formGroupClassName;
-        return result;
+        return this.getControl(fieldKey).config.formGroupClassName;
     }
     render() {
         return (React__default["default"].createElement("form", { ref: this.myForm }, this.state && this.state.controls && Object.keys(this.state.controls).map((fieldKey) => {
@@ -1591,7 +1595,7 @@ const DrawerContent = (props) => {
     };
     const positionStyles = {
         left: { left: '0px' },
-        right: { right: '0px' },
+        right: { right: '0px' }
     };
     const getStyles = () => {
         return !permanent ? positionStyles[position] : undefined;
@@ -1678,7 +1682,7 @@ const MenuItem = (props) => {
 };
 
 const MenuToggle = ({ children }) => {
-    return (React__default["default"].createElement(React.Fragment, null, children));
+    return children;
 };
 
 var css_248z$v = ".MenuDivider-module_menuItemDivider__oRP-j {\n  height: 0;\n  margin: 0.5rem 0;\n  overflow: hidden;\n  border-top: 1px solid #e9ecef;\n}";
@@ -1921,7 +1925,7 @@ const Modal = (props) => {
                         React__default["default"].createElement(ModalBody, null, children),
                         footer &&
                             React__default["default"].createElement(ModalFooter, null, footer))))),
-        React__default["default"].createElement(Backdrop, { onClick: handleClickBackdrop })));
+        React__default["default"].createElement(Backdrop, { onClick: handleClickBackdrop, style: { zIndex: 1040 } })));
 };
 
 exports.MODALTYPE = void 0;
@@ -2309,10 +2313,12 @@ const SpeedDial = (props) => {
         return cssClasses.filter(css => css).join(' ');
     };
     const handleClick = (e) => {
-        if (open)
+        if (open) {
             onClose && onClose(e);
-        else
+        }
+        else {
             onOpen && onOpen(e);
+        }
     };
     return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest),
         React__default["default"].createElement("div", { style: { 'transform': open ? 'rotate(45deg)' : undefined } },
@@ -2933,12 +2939,14 @@ const TreeItem = (props) => {
         return cssClasses.filter(css => css).join(' ');
     };
     React.useEffect(() => {
-        if (isExpanded !== undefined)
+        if (isExpanded !== undefined) {
             setIsExpanded(isExpanded);
+        }
     }, [isExpanded]);
     React.useEffect(() => {
-        if (isSelected !== undefined)
+        if (isSelected !== undefined) {
             setIsSelected(isSelected);
+        }
     }, [isSelected]);
     const handleOnToggleExpand = (nodeId) => {
         setIsExpanded(!_isExpanded);

package/interfaces/index.d.ts

@@ -0,0 +1 @@
+export * from './interfaces';

package/interfaces/interfaces.d.ts

@@ -0,0 +1,3 @@
+export interface IDictionary<T> {
+    [key: string]: T;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "react-asc",
-	"version": "25.0.3",
+	"version": "25.0.4",
 	"description": "handcrafted react components",
 	"main": "index.js",
 	"module": "index.es.js",