react-asc 18.8.8 → 18.9.0

package/components/Form/FormLabel/FormLabel.d.ts

@@ -1,6 +1,4 @@
-import { FunctionComponent, HTMLAttributes } from 'react';
-export interface IFormLabelProps {
-    className?: string;
-    htmlFor?: string;
+import { ComponentProps, FunctionComponent, HTMLAttributes } from 'react';
+export interface IFormLabelProps extends ComponentProps<"label"> {
 }
 export declare const FormLabel: FunctionComponent<IFormLabelProps & HTMLAttributes<HTMLLabelElement>>;

package/components/Icon/Icon.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
+import { ComponentProps } from 'react';
 import { COLOR } from '../component.enums';
-export interface IIconProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLDivElement>, HTMLDivElement> {
-    children?: React.ReactNode;
+export interface IIconProps extends ComponentProps<"div"> {
     iconColor?: COLOR;
 }
 export declare const Icon: (props: IIconProps) => JSX.Element;

package/components/Snackbar/Snackbar.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
+import React, { ComponentProps } from 'react';
 import { COLOR } from '../component.enums';
-export interface ISnackbarProps {
-    message: string;
+export interface ISnackbarProps extends ComponentProps<"div"> {
     color?: COLOR;
     actionText?: string;
-    onOk?: () => void;
+    onOk?: (e: React.MouseEvent) => void;
 }
 export declare const Snackbar: (props: ISnackbarProps) => JSX.Element;

package/components/Snackbar/snackbar.service.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { COLOR } from '../component.enums';
 export interface ISnackbarService {
-    show(message: string, options?: ISnackbarOptions): Promise<void>;
+    show(message: React.ReactChildren | string, options?: ISnackbarOptions): Promise<void>;
 }
 export interface ISnackbarOptions {
     actionText?: string;
@@ -11,7 +12,7 @@ export interface ISnackbarOptions {
 declare class SnackbarService implements ISnackbarService {
     private container;
     private handler;
-    show(message: string, options?: ISnackbarOptions): Promise<void>;
+    show(message: React.ReactChildren | string, options?: ISnackbarOptions): Promise<void>;
     private hide;
 }
 export declare const snackbarService: SnackbarService;

package/index.es.js

@@ -391,7 +391,7 @@ const Button = (props) => {
         className && cssClasses.push(className);
         return cssClasses.filter(css => css).join(' ');
     };
-    return (React.createElement("button", Object.assign({ className: getCssClasses() }, rest),
+    return (React.createElement("button", Object.assign({ type: "button", className: getCssClasses() }, rest),
         React.createElement("span", { className: "d-flex justify-content-center" },
             startIcon &&
                 React.createElement(Icon, { className: styles$K.startIcon }, startIcon),
@@ -1881,7 +1881,7 @@ var styles$d = {"snackbar":"Snackbar-module_snackbar__3AF3D","bounceIn":"Snackba
 styleInject(css_248z$d);
 
 const Snackbar = (props) => {
-    const { message, color = COLOR.dark, actionText = 'ok', onOk } = props;
+    const { children, color = COLOR.dark, actionText = 'ok', onOk } = props;
     const getCssClasses = () => {
         const cssClasses = [];
         cssClasses.push(styles$d.snackbar);
@@ -1889,11 +1889,11 @@ const Snackbar = (props) => {
         cssClasses.push(styles$d[color]);
         return cssClasses.filter(css => css).join(' ');
     };
-    const handleClickAction = () => {
-        onOk && onOk();
+    const handleClickAction = (e) => {
+        onOk && onOk(e);
     };
     return (React.createElement("div", { className: getCssClasses() },
-        React.createElement("div", { className: styles$d.text }, message),
+        React.createElement("div", { className: styles$d.text }, children),
         React.createElement("div", { className: styles$d.action + " text-accent", onClick: handleClickAction },
             React.createElement("span", null, actionText))));
 };
@@ -1918,7 +1918,7 @@ class SnackbarService {
                 resolve();
                 this.hide();
             };
-            render(React.createElement(Snackbar, { message: message, color: mergedOptions.color, actionText: mergedOptions.actionText, onOk: handleOk }), this.container);
+            render(React.createElement(Snackbar, { color: mergedOptions.color, actionText: mergedOptions.actionText, onOk: handleOk }, message), this.container);
         });
     }
     hide() {