1mpacto-react-ui 0.0.41 → 0.0.43

package/dist/src/components/Alert/index.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { TypeOptions } from 'react-toastify';
+import { IOptionAlert } from '../../interfaces/components/Alert';
+
+export declare const openAlert: (message: string | React.ReactNode | React.ReactNode[], type?: TypeOptions, options?: IOptionAlert) => import('react-toastify').Id;

package/dist/src/components/index.d.ts

@@ -37,9 +37,11 @@ import { default as NumberFormat } from './NumberFormat/NumberFormat';
 import { PatternFormat } from 'react-number-format';
 import { IInputReguler, IInputFloatingInner } from '../interfaces/components/Input';
 import { default as PortalComponent } from './PortalComponent/PortalComponent';
+import { ToastContainer as AlertContainer } from 'react-toastify';
+import { TButtonVariants, TButtonSize } from '../interfaces/components/Button';
 
 import * as utilTable from '@tanstack/react-table';
 import type * as SelectDropdownContainerType from 'react-select';
 import type * as FilterContainerType from '../interfaces/components/FilterContainer';
-export { TPublish, Button, Popover, Calendar, CalendarRange, DatePicker, DateRangePicker, FilterDate, InputFloatingInner, InputReguler, Pagination, Tabs, TabPanel, Table, TableVirtualization, ListVirtualization, SelectDropdownContainer, utilTable, Switch, ButtonIcon, Badges, Chips, RadioCheckbox, RadioCheckboxLabel, Breadcrumbs, Sidebar, Collapse, ModalDialog, SelectDropdownContainerComponents, Timeline, FilterContainer, NumberFormat, PatternFormat, DefaultCheckedChecboxIcon, DefaultRadioChecboxIcon, ConfigTable, PortalComponent, };
-export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, };
+export { TPublish, Button, Popover, Calendar, CalendarRange, DatePicker, DateRangePicker, FilterDate, InputFloatingInner, InputReguler, Pagination, Tabs, TabPanel, Table, TableVirtualization, ListVirtualization, SelectDropdownContainer, utilTable, Switch, ButtonIcon, Badges, Chips, RadioCheckbox, RadioCheckboxLabel, Breadcrumbs, Sidebar, Collapse, ModalDialog, SelectDropdownContainerComponents, Timeline, FilterContainer, NumberFormat, PatternFormat, DefaultCheckedChecboxIcon, DefaultRadioChecboxIcon, ConfigTable, PortalComponent, AlertContainer, };
+export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, };

package/dist/src/interfaces/components/Alert/index.d.ts

@@ -0,0 +1,5 @@
+import { ToastOptions } from 'react-toastify';
+
+export interface IOptionAlert extends ToastOptions {
+    kind?: 'laba' | 'payhere';
+}

package/dist/src/interfaces/components/Button/index.d.ts

@@ -1,8 +1,10 @@
 import { ReactNode } from 'react';
 
+export type TButtonVariants = 'filled-laba-blue-10' | 'ghost-laba-blue-10' | 'nude-laba-blue-10' | 'nude-gray-500' | 'primary-blue-700' | 'secondary-blue-700' | 'secondary-red-600' | 'tertiary-blue-700' | 'ghost-blue-gray-100-bg_white';
+export type TButtonSize = 'large' | 'reguler' | 'small' | 'l' | 'm' | 's' | 'xs';
 export interface IButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    size?: 'large' | 'reguler' | 'small' | 'l' | 'm' | 's' | 'xs';
-    variants?: 'filled-laba-blue-10' | 'ghost-laba-blue-10' | 'nude-laba-blue-10' | 'nude-gray-500' | 'primary-blue-700' | 'secondary-blue-700' | 'secondary-red-600' | 'tertiary-blue-700' | 'ghost-blue-gray-100-bg_white';
+    size?: TButtonSize;
+    variants?: TButtonVariants;
     startIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
     endIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
     children: ReactNode | ReactNode[];

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "0.0.41",
+  "version": "0.0.43",
   "type": "module",
   "scripts": {
+    "copy:toastify-css": "cp ./node_modules/react-toastify/dist/ReactToastify.css ./dist/assets/toast.css",
     "dev": "vite",
     "build": "tsc -b && vite build && npm run build:css",
-    "build:css": "tailwindcss -i ./src/styles/index.scss -o ./dist/assets/core.css --minify",
+    "build:css": "tailwindcss -i ./src/styles/index.scss -o ./dist/assets/core.css --minify && npm run copy:toastify-css",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "prepare": "husky && npm run build"
@@ -51,7 +52,8 @@
       "types": "./dist/index.d.ts"
     },
     "./dist/assets/core.css": "./dist/assets/core.css",
-    "./dist/assets/style.css": "./dist/assets/style.css"
+    "./dist/assets/style.css": "./dist/assets/style.css",
+    "./dist/assets/toast.css": "./dist/assets/toast.css"
   },
   "files": [
     "/dist"
@@ -79,6 +81,7 @@
     "react-select": "^5.8.0",
     "react-select-async-paginate": "^0.7.4",
     "react-stately": "^3.31.1",
+    "react-toastify": "^10.0.5",
     "react-virtuoso": "^4.7.11"
   }
 }