@dilicorp/ui 0.0.3 → 0.0.4

package/dist/components/alert-template/alert-provider.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+declare type AlertProviderProps = {
+    children: ReactNode;
+};
+export declare const AlertProvider: React.FC<AlertProviderProps>;
+export {};
+//# sourceMappingURL=alert-provider.d.ts.map

package/dist/components/alert-template/alert-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-provider.d.ts","sourceRoot":"","sources":["../../../src/components/alert-template/alert-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASxC,aAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AASD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAMtD,CAAA"}

package/dist/components/alert-template/alert-provider.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Provider, positions, transitions } from 'react-alert';
+import { AlertTemplate } from './alert-template';
+const options = {
+    offset: '30px',
+    position: positions.BOTTOM_CENTER,
+    timeout: 5000,
+    transition: transitions.SCALE
+};
+export const AlertProvider = ({ children }) => {
+    return (React.createElement(Provider, Object.assign({}, options, { template: AlertTemplate }), children));
+};

package/dist/components/alert-template/alert-template.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { AlertComponentPropsWithStyle } from 'react-alert';
+export declare type AlertTemplateProps = AlertComponentPropsWithStyle & {
+    icon?: string;
+};
+export declare const AlertTemplate: (props: AlertTemplateProps) => JSX.Element;
+//# sourceMappingURL=alert-template.d.ts.map

package/dist/components/alert-template/alert-template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-template.d.ts","sourceRoot":"","sources":["../../../src/components/alert-template/alert-template.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAA;AAE1D,oBAAY,kBAAkB,GAAG,4BAA4B,GAAG;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,aAAa,UAAW,kBAAkB,gBAYtD,CAAA"}

package/dist/components/alert-template/alert-template.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Button } from '../../atoms/button';
+import { Icon } from '../../atoms/icon';
+export const AlertTemplate = (props) => {
+    const { message, icon } = props;
+    return (React.createElement("div", null,
+        Boolean(icon) && React.createElement(Icon, { icon: icon }),
+        React.createElement("span", null, message),
+        React.createElement(Button, { onClick: close },
+            React.createElement(Icon, { icon: "fa-times" }))));
+};

package/dist/index.d.ts

@@ -25,6 +25,9 @@ export * from './components/tabs/tabs';
 export { Tab } from './components/tabs/tab';
 export { TabList } from './components/tabs/tab-list';
 export { TabPanel } from './components/tabs/tab-panel';
+export { AlertProvider } from './components/alert-template/alert-provider';
+export { AlertTemplateProps } from './components/alert-template/alert-template';
+export { useAlert, withAlert } from 'react-alert';
 export * from './components/page-list/page-list';
 export * from './components/page-list/page-list-filters';
 export * as PageListFilter from './components/page-list/filters';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAGlC,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,kBAAkB,CAAA;AAChC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AAGjC,cAAc,wCAAwC,CAAA;AACtD,cAAc,sDAAsD,CAAA;AACpE,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAEtD,cAAc,kCAAkC,CAAA;AAChD,cAAc,0CAA0C,CAAA;AACxD,OAAO,KAAK,cAAc,MAAM,gCAAgC,CAAA;AAChE,cAAc,sCAAsC,CAAA;AAGpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAGlC,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,kBAAkB,CAAA;AAChC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AAGjC,cAAc,wCAAwC,CAAA;AACtD,cAAc,sDAAsD,CAAA;AACpE,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAA;AAC/E,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEjD,cAAc,kCAAkC,CAAA;AAChD,cAAc,0CAA0C,CAAA;AACxD,OAAO,KAAK,cAAc,MAAM,gCAAgC,CAAA;AAChE,cAAc,sCAAsC,CAAA;AAGpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAA"}

package/dist/index.js

@@ -28,6 +28,8 @@ export * from './components/tabs/tabs';
 export { Tab } from './components/tabs/tab';
 export { TabList } from './components/tabs/tab-list';
 export { TabPanel } from './components/tabs/tab-panel';
+export { AlertProvider } from './components/alert-template/alert-provider';
+export { useAlert, withAlert } from 'react-alert';
 export * from './components/page-list/page-list';
 export * from './components/page-list/page-list-filters';
 import * as PageListFilter_1 from './components/page-list/filters';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dilicorp/ui",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "A simple UI design for Dilicorp",
   "repository": {
     "type": "git",
@@ -25,6 +25,7 @@
     "@storybook/addon-links": "^6.4.9",
     "@storybook/react": "^6.4.9",
     "@types/react": "^17.0.30",
+    "@types/react-alert": "^5.2.1",
     "@types/react-datepicker": "^4.3.2",
     "@types/react-dom": "^17.0.11",
     "@types/react-input-mask": "^3.0.1",
@@ -62,6 +63,7 @@
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
     "@fortawesome/react-fontawesome": "^0.1.16",
     "formik": "^2.2.9",
+    "react-alert": "^7.0.3",
     "react-datepicker": "^4.3.0",
     "react-dropzone": "^11.4.2",
     "react-input-mask": "^2.0.4",