@prosperitainova/mirage-ui 1.0.14 → 1.0.16

package/dist/esm/types/{src/theme → theme}/DefaultTheme.d.ts

@@ -1,4 +1,4 @@
-import { AppTheme } from "../types";
-import "./fonts/ProximaNova.css";
-declare const defaultTheme: AppTheme;
-export default defaultTheme;
+import { AppTheme } from "../types";
+import "./fonts/ProximaNova.css";
+declare const defaultTheme: AppTheme;
+export default defaultTheme;

package/dist/esm/types/{src/theme → theme}/index.d.ts

@@ -1,2 +1,2 @@
-declare const UITheme: import("../types").AppTheme;
-export default UITheme;
+declare const UITheme: import("../types").AppTheme;
+export default UITheme;

package/dist/esm/types/{src/theme → theme}/prosperitaTheme.d.ts

@@ -1,3 +1,3 @@
-import { AppTheme } from "../types";
-declare const prosperitaTheme: AppTheme;
-export default prosperitaTheme;
+import { AppTheme } from "../types";
+declare const prosperitaTheme: AppTheme;
+export default prosperitaTheme;

package/dist/index.d.ts

@@ -1,215 +1,216 @@
 /// <reference types="react" />
-import { ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes } from 'react';
+import { ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes, ChangeEvent } from 'react';
 import { Props } from 'react-select';
 
-type ItemsProps = {
-    label: string;
-    href: string;
-    img?: string;
-};
-type BreadcrumbProps = {
-    menus: ItemsProps[];
-};
+type ItemsProps = {
+    label: string;
+    href: string;
+    img?: string;
+};
+type BreadcrumbProps = {
+    menus: ItemsProps[];
+};
 declare const Breadcrumb: (props: BreadcrumbProps) => JSX.Element;
 
-type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    mode: "main" | "border" | "phantom";
-    link?: boolean;
-    icon?: string;
-    iconPosition?: "left" | "right";
-    arrow?: "left" | "right";
-    danger?: boolean;
-    disabled?: boolean;
-    loading?: boolean;
-    label?: string;
-    value?: string;
-    type?: string;
-    full?: boolean;
-    children?: JSX.Element;
-};
+type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    mode: "main" | "border" | "phantom";
+    link?: boolean;
+    icon?: string;
+    iconPosition?: "left" | "right";
+    arrow?: "left" | "right";
+    danger?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    label?: string;
+    value?: string;
+    type?: string;
+    full?: boolean;
+    children?: JSX.Element;
+};
 declare const Button: ({ onClick, ...props }: ButtonProps) => JSX.Element;
 
-type DropdownOptions = {
-    value: string;
-    label: string;
-    color?: string;
-    onClick?: (value: string) => void;
-};
-type ButtonDropdownProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    mode: "main" | "border";
-    icon?: string;
-    label?: string;
-    loading?: boolean;
-    value?: string;
-    type?: string;
-    double?: boolean;
-    options: DropdownOptions[];
-};
+type DropdownOptions = {
+    value: string;
+    label: string;
+    color?: string;
+    onClick?: (value: string) => void;
+};
+type ButtonDropdownProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    mode: "main" | "border";
+    icon?: string;
+    label?: string;
+    loading?: boolean;
+    value?: string;
+    type?: string;
+    double?: boolean;
+    options: DropdownOptions[];
+};
 declare const ButtonDropdown: (props: ButtonDropdownProps) => JSX.Element;
 
-type CheckboxProps = {
-    label?: string;
-    disabled?: boolean;
-    checked?: boolean;
-    position?: "top" | "bottom" | "left" | "right";
-    onChange?: (value: boolean) => void;
-};
+type CheckboxProps = {
+    label?: string;
+    disabled?: boolean;
+    checked?: boolean;
+    position?: "top" | "bottom" | "left" | "right";
+    onChange?: (value: boolean) => void;
+};
 declare const Checkbox: ({ onChange, ...props }: CheckboxProps) => JSX.Element;
 
-type DropzoneProps = {
-    error: string;
-    helper: string;
-    onFilesChanged: (files: File[]) => void;
-};
+type DropzoneProps = {
+    error: string;
+    helper: string;
+    onFilesChanged: (files: File[]) => void;
+};
 declare const Dropzone: (props: DropzoneProps) => JSX.Element;
 
-type InputProps = InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes<HTMLTextAreaElement> & {
-    error?: string | boolean;
-    success?: boolean;
-    helper?: string;
-    label?: string;
-    newPassword?: boolean;
-    newPasswordLevel?: string;
-    filled?: boolean;
-};
+type InputProps = InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    error?: string | boolean;
+    success?: boolean;
+    helper?: string;
+    label?: string;
+    newPassword?: boolean;
+    newPasswordLevel?: string;
+    filled?: boolean;
+};
 declare const Input: (props: InputProps) => JSX.Element;
 
-type ModalProps$1 = HTMLAttributes<HTMLDivElement> & {
-    open?: boolean;
-    header?: boolean;
-    title?: string;
-    children?: JSX.Element;
-    size: "md" | "lg";
-    toggleModal: (event: any) => void;
-};
+type ModalProps$1 = HTMLAttributes<HTMLDivElement> & {
+    open?: boolean;
+    header?: boolean;
+    title?: string;
+    children?: JSX.Element;
+    size: "md" | "lg";
+    toggleModal: (event: any) => void;
+};
 declare const InteractiveModal: (props: ModalProps$1) => JSX.Element;
 
-type ModalProps = HTMLAttributes<HTMLDivElement> & {
-    open?: boolean;
-    header?: boolean;
-    title?: string;
-    children?: JSX.Element;
-    toggleModal: () => void;
-};
+type ModalProps = HTMLAttributes<HTMLDivElement> & {
+    open?: boolean;
+    header?: boolean;
+    title?: string;
+    children?: JSX.Element;
+    toggleModal: () => void;
+};
 declare const lateralModal: (props: ModalProps) => JSX.Element;
 
-type UsersProps = {
-    img: string;
-    name: string;
-    label: string;
-};
-type MenuDropdownProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    open?: boolean;
-    onUserChange?: (user: UsersProps, index: number) => void;
-    users?: UsersProps[];
-};
+type UsersProps = {
+    img: string;
+    name: string;
+    label: string;
+};
+type MenuDropdownProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    open?: boolean;
+    onUserChange?: (user: UsersProps, index: number) => void;
+    users?: UsersProps[];
+};
 declare const MenuDropdown: (props: MenuDropdownProps) => JSX.Element;
 
-type NotificationsProps = {
-    img: string;
-    text: string;
-    time: string;
-};
-type NotificationsBarProps = {
-    title: string;
-    message?: string;
-    notifications?: NotificationsProps[];
-    onNotificationClick?: (notification: NotificationsProps, index: number) => void;
-};
+type NotificationsProps = {
+    img: string;
+    text: string;
+    time: string;
+};
+type NotificationsBarProps = {
+    title: string;
+    message?: string;
+    notifications?: NotificationsProps[];
+    onNotificationClick?: (notification: NotificationsProps, index: number) => void;
+};
 declare const NotificationBar: (props: NotificationsBarProps) => JSX.Element;
 
-type RadioProps$1 = {
-    label?: string;
-    disabled?: boolean;
-    checked?: boolean;
-    position?: "top" | "bottom" | "left" | "right";
-    onChange?: (value: boolean) => void;
-};
+type RadioProps$1 = {
+    label?: string;
+    disabled?: boolean;
+    checked?: boolean;
+    position?: "top" | "bottom" | "left" | "right";
+    onChange?: (value: boolean) => void;
+};
 declare const Radio: ({ onChange, ...props }: RadioProps$1) => JSX.Element;
 
-type RadioProps = {
-    label: string;
-    disabled?: boolean;
-    checked?: boolean;
-    position?: "top" | "bottom" | "left" | "right";
-    value: string;
-    onClick?: (value: string) => void;
-};
-
-type RadioGroupProps = HTMLAttributes<HTMLDivElement> & {
-    display: "row" | "column";
-    options: RadioProps[];
-    value: string;
-    onChange?: (value: string) => void;
-};
+type RadioProps = {
+    label: string;
+    disabled?: boolean;
+    checked?: boolean;
+    position?: "top" | "bottom" | "left" | "right";
+    value: string;
+    onClick?: (value: string) => void;
+};
+
+type RadioGroupProps = HTMLAttributes<HTMLDivElement> & {
+    display: "row" | "column";
+    options: RadioProps[];
+    value: string;
+    onChange?: (value: string) => void;
+};
 declare const RadioGroup: ({ options, value, onChange, ...props }: RadioGroupProps) => JSX.Element;
 
-type ResultsProps = {
-    value: string;
-    label: string;
-};
-type SearchProps = InputHTMLAttributes<HTMLInputElement> & {
-    showResults?: ResultsProps[];
-    loading?: boolean;
-};
+type ResultsProps = {
+    value: string;
+    label: string;
+};
+type SearchProps = InputHTMLAttributes<HTMLInputElement> & {
+    showResults?: ResultsProps[];
+    loading?: boolean;
+};
 declare const Search: (props: SearchProps) => JSX.Element;
 
-type SelectProps = Props & {
-    error?: string;
-    success?: boolean;
-    helper?: string;
-    label?: string;
-};
-declare const AppSelect: (props: SelectProps) => JSX.Element;
-
-type MenuItem = {
-    icon: string;
-    text: string;
-    onClick?: () => void;
-};
-type SideBarProps = {
-    activedIndex?: number;
-    menu: MenuItem[];
-    footer?: MenuItem[];
-    logo: string;
-    active?: boolean;
-};
+type SelectProps = Props & {
+    onChange: ChangeEvent<HTMLSelectElement>;
+    error?: string;
+    success?: boolean;
+    helper?: string;
+    label?: string;
+};
+declare const CustomSelect: (props: SelectProps) => JSX.Element;
+
+type MenuItem = {
+    icon: string;
+    text: string;
+    onClick?: () => void;
+};
+type SideBarProps = {
+    activedIndex?: number;
+    menu: MenuItem[];
+    footer?: MenuItem[];
+    logo: string;
+    active?: boolean;
+};
 declare const SideBar: (props: SideBarProps) => JSX.Element;
 
-type SpacerProps = {
-    top?: number;
-    bottom?: number;
-    left?: number;
-    right?: number;
-};
+type SpacerProps = {
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+};
 declare const Spacer: (props: SpacerProps) => JSX.Element;
 
-type MenusProps = {
-    label: string;
-    value: string;
-    disabled?: boolean;
-};
-type TabMenuProps = {
-    menus: MenusProps[];
-    onChangeTab?: (index: number) => void;
-};
+type MenusProps = {
+    label: string;
+    value: string;
+    disabled?: boolean;
+};
+type TabMenuProps = {
+    menus: MenusProps[];
+    onChangeTab?: (index: number) => void;
+};
 declare const TabMenu: (props: TabMenuProps) => JSX.Element;
 
-type ToastProps = HTMLAttributes<HTMLDivElement> & {
-    active?: boolean;
-    mode: "warning" | "success" | "error";
-    title: string;
-    text: string;
-    position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
-    toggleToast?: (event: any) => void;
-};
+type ToastProps = HTMLAttributes<HTMLDivElement> & {
+    active?: boolean;
+    mode: "warning" | "success" | "error";
+    title: string;
+    text: string;
+    position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    toggleToast?: (event: any) => void;
+};
 declare const Toast: (props: ToastProps) => JSX.Element;
 
-type ToggleProps = {
-    mode: "small" | "large";
-    actived?: boolean;
-    checked?: boolean;
-};
+type ToggleProps = {
+    mode: "small" | "large";
+    actived?: boolean;
+    checked?: boolean;
+};
 declare const Toggle: (props: ToggleProps) => JSX.Element;
 
-export { Breadcrumb, Button, ButtonDropdown, Checkbox, Dropzone, Input, InteractiveModal, lateralModal as LateralModal, MenuDropdown as Menudropdown, NotificationBar as NotificationsBar, Radio, RadioGroup, Search, AppSelect as Sellect, SideBar, Spacer, TabMenu as Table, Toast, Toggle };
+export { Breadcrumb, Button, ButtonDropdown, Checkbox, CustomSelect, Dropzone, Input, InteractiveModal, lateralModal as LateralModal, MenuDropdown as Menudropdown, NotificationBar as NotificationsBar, Radio, RadioGroup, Search, SideBar, Spacer, TabMenu, Toast, Toggle };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prosperitainova/mirage-ui",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "private": false,
   "license": "MIT",
   "publishConfig": {
@@ -86,6 +86,7 @@
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
     "storybook-addon-styled-component-theme": "^2.0.0",
+    "styled-components": "^5.3.6",
     "webpack": "^5.75.0"
   },
   "main": "dist/cjs/index.js",