@dilicorp/ui 0.2.52 → 1.0.0

package/dist/molecules/alert.d.ts

@@ -7,10 +7,12 @@ export declare type AlertProps = {
     color?: 'default' | 'success' | 'info' | 'warning' | 'error';
     showButton?: boolean;
     buttonText?: string;
+    onClose?: () => void;
 } & React.HTMLAttributes<HTMLDivElement>;
 export declare const Alert: React.ForwardRefExoticComponent<{
     color?: "success" | "info" | "warning" | "default" | "error" | undefined;
     showButton?: boolean | undefined;
     buttonText?: string | undefined;
+    onClose?: (() => void) | undefined;
 } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<AlertRef>>;
 //# sourceMappingURL=alert.d.ts.map

package/dist/molecules/alert.js

@@ -3,10 +3,13 @@ import ReactDOM from 'react-dom';
 import classNames from 'classnames';
 import { Button } from '../atoms/button';
 export const Alert = forwardRef((props, ref) => {
-    const { children, className, showButton, buttonText = 'Ok', color } = props;
+    const { children, className, showButton, buttonText = 'Ok', color, onClose } = props;
     const [display, setDisplay] = useState(false);
     const open = () => setDisplay(true);
-    const close = () => setDisplay(false);
+    const close = () => {
+        setDisplay(false);
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+    };
     useImperativeHandle(ref, () => ({
         open: () => open(),
         close: () => close()

package/dist/molecules/modal/modal.js

@@ -5,7 +5,7 @@ import classNames from 'classnames';
 export const Modal = forwardRef((props, ref) => {
     const { children, title, closeFn, className, innerRef } = props;
     const classes = classNames(className !== null && className !== void 0 ? className : 'alert-small');
-    return (React.createElement(Alert, { ref: ref !== null && ref !== void 0 ? ref : innerRef, className: classes },
+    return (React.createElement(Alert, { ref: ref !== null && ref !== void 0 ? ref : innerRef, className: classes, onClose: closeFn },
         React.createElement("div", { className: "modal modal-sm" },
             React.createElement("div", { className: "modal-header" },
                 React.createElement("div", { className: "title" }, title),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dilicorp/ui",
-  "version": "0.2.52",
+  "version": "1.0.0",
   "description": "A simple UI design for Dilicorp",
   "repository": {
     "type": "git",

package/dist/atoms/panel/panel-container.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-declare type PanelContainerProps = {
-    children: React.ReactNode;
-};
-export declare const PanelContainer: {
-    ({ children }: PanelContainerProps): JSX.Element;
-    displayName: string;
-};
-export {};
-//# sourceMappingURL=panel-container.d.ts.map

package/dist/atoms/panel/panel-container.js

@@ -1,6 +0,0 @@
-import React from 'react';
-export const PanelContainer = ({ children }) => {
-    return (React.createElement("div", { className: "panel-container" },
-        React.createElement("div", { className: "row" }, children)));
-};
-PanelContainer.displayName = 'PanelContainer';

package/dist/atoms/panel/panel-field.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-declare type PanelFieldProps = {
-    label: string;
-    value?: React.ReactNode;
-    forceShow?: boolean;
-};
-export declare const PanelField: {
-    ({ label, value, forceShow }: PanelFieldProps): JSX.Element | null;
-    displayName: string;
-};
-export {};
-//# sourceMappingURL=panel-field.d.ts.map

package/dist/atoms/panel/panel-field.js

@@ -1,10 +0,0 @@
-import React from 'react';
-export const PanelField = ({ label, value, forceShow = true }) => {
-    if (!forceShow && !value)
-        return null;
-    return (React.createElement("div", { className: "panel-field" },
-        label,
-        ": ",
-        React.createElement("strong", null, value)));
-};
-PanelField.displayName = 'PanelField';

package/dist/atoms/panel/panel-group.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { ColProps } from '../col';
-declare type Props = {
-    label?: string;
-    value?: React.ReactNode | string;
-    big?: boolean;
-    upper?: boolean;
-} & ColProps;
-export declare const PanelGroup: {
-    ({ value, label, size, big, upper }: Props): JSX.Element;
-    displayName: string;
-};
-export {};
-//# sourceMappingURL=panel-group.d.ts.map

package/dist/atoms/panel/panel-group.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Col } from '../col';
-export const PanelGroup = ({ value, label, size = [12, 6], big = false, upper = true }) => {
-    return (React.createElement(Col, { size: size },
-        React.createElement("div", { className: "panel-group" },
-            React.createElement("label", null, label),
-            React.createElement("div", { className: `${upper ? ' upper' : ''} text${big ? ' big' : ''}` }, value || '-'))));
-};
-PanelGroup.displayName = 'PanelGroup';

package/dist/atoms/panel/panel.d.ts

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-export declare const Panel: {
-    Container: {
-        ({ children }: {
-            children: import("react").ReactNode;
-        }): JSX.Element;
-        displayName: string;
-    };
-    Group: {
-        ({ value, label, size, big, upper }: {
-            label?: string | undefined;
-            value?: import("react").ReactNode;
-            big?: boolean | undefined;
-            upper?: boolean | undefined;
-        } & {
-            size?: boolean | ("none" | 1 | 2 | 3 | 4 | 5 | "auto" | 6 | 7 | 8 | 9 | 10 | 11 | 12) | ("none" | 1 | 2 | 3 | 4 | 5 | "auto" | 6 | 7 | 8 | 9 | 10 | 11 | 12)[] | undefined;
-        } & import("react").HTMLAttributes<HTMLDivElement>): JSX.Element;
-        displayName: string;
-    };
-    Field: {
-        ({ label, value, forceShow }: {
-            label: string;
-            value?: import("react").ReactNode;
-            forceShow?: boolean | undefined;
-        }): JSX.Element | null;
-        displayName: string;
-    };
-};
-//# sourceMappingURL=panel.d.ts.map

package/dist/atoms/panel/panel.js

@@ -1,8 +0,0 @@
-import { PanelContainer } from './panel-container';
-import { PanelField } from './panel-field';
-import { PanelGroup } from './panel-group';
-export const Panel = {
-    Container: PanelContainer,
-    Group: PanelGroup,
-    Field: PanelField
-};

package/dist/components/modal/modal.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { AlertRef } from '../../molecules/alert';
-export declare type ModalProps = {
-    children: React.ReactNode;
-    title?: string;
-    closeFn?: () => void;
-    className?: string;
-    innerRef?: React.ForwardedRef<AlertRef>;
-};
-export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<AlertRef>>;
-//# sourceMappingURL=modal.d.ts.map

package/dist/components/modal/modal.js

@@ -1,15 +0,0 @@
-import React, { forwardRef } from 'react';
-import { Button } from '../../atoms/button';
-import { Alert } from '../../molecules/alert';
-import classNames from 'classnames';
-export const Modal = forwardRef((props, ref) => {
-    const { children, title, closeFn, className, innerRef } = props;
-    const classes = classNames(className !== null && className !== void 0 ? className : 'alert-small');
-    return (React.createElement(Alert, { ref: ref !== null && ref !== void 0 ? ref : innerRef, className: classes },
-        React.createElement("div", { className: "modal modal-sm" },
-            React.createElement("div", { className: "modal-header" },
-                React.createElement("div", { className: "title" }, title),
-                React.createElement(Button, { small: true, onClick: closeFn }, "\u00D7")),
-            React.createElement("div", { className: "modal-body" }, children))));
-});
-Modal.displayName = 'Modal';