@unifiedsoftware/react-ui 1.0.7 → 1.0.8-beta

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unifiedsoftware/react-ui",
-  "version": "1.0.7",
+  "version": "1.0.8-beta",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [
@@ -11,45 +11,36 @@
     "access": "public"
   },
   "scripts": {
-    "build": "npm run clean && tsup src/index.ts --format esm,cjs --dts --external react",
+    "build": "npm run clean && tsup src/index.ts --format cjs --dts --external react",
     "clean": "rimraf dist",
     "prepack": "clean-package",
     "postpack": "clean-package restore"
   },
   "peerDependencies": {
     "react": ">=16",
-    "react-dom": "^16.0.0 || ^17.0.2 || ^18.2.0",
-    "react-router-dom": "^6.14.2"
+    "react-dom": "^16.0.0 || ^17.0.2 || ^18.2.0"
   },
   "dependencies": {
-    "@progress/kendo-react-dropdowns": "^5.12.1",
-    "@progress/kendo-react-treeview": "^5.12.1",
     "clsx": "^2.0.0",
-    "merge-refs": "^1.2.1",
-    "react-bootstrap": "^2.8.0",
-    "react-icons": "^4.11.0",
-    "styled-components": "^5.3.8"
+    "merge-refs": "^1.2.1"
   },
   "devDependencies": {
     "@types/node": "^18.14.6",
     "@types/react": "^18.2.22",
     "@types/react-dom": "^18.0.11",
-    "@types/styled-components": "^5.1.26",
     "clean-package": "2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.14.2",
+    "react-icons": "^4.11.0",
     "rimraf": "^5.0.1",
     "tsup": "^7.2.0",
     "typescript": "^4.9.5"
   },
   "clean-package": "../../../clean-package.config.json",
-  "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
     "./package.json": "./package.json"

package/dist/index.d.mts

@@ -1,391 +0,0 @@
-import * as react from 'react';
-import react__default, { ReactNode, FC, Dispatch, SetStateAction } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as styled_components from 'styled-components';
-import * as react_router_dom from 'react-router-dom';
-
-type BadgePlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-
-interface Props$c {
-    placement?: BadgePlacement;
-    content?: React.ReactNode;
-}
-type NativeAttrs$6 = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$c>;
-type BadgeProps = Props$c & NativeAttrs$6;
-declare const Badge: React.FC<BadgeProps>;
-
-type ButtonVariant = 'filled' | 'outlined' | 'text' | 'plain';
-type ButtonColor = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger';
-type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-
-interface Props$b {
-    as?: React.ElementType;
-    variant?: ButtonVariant;
-    color?: ButtonColor;
-    size?: ButtonSize;
-    iconOnly?: React.ReactNode;
-    startContent?: React.ReactNode;
-    endContent?: React.ReactNode;
-    loading?: boolean;
-    disabled?: boolean;
-}
-type NativeAttrs$5 = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$b>;
-type ButtonProps = Props$b & NativeAttrs$5;
-declare const Button: react.ForwardRefExoticComponent<Props$b & NativeAttrs$5 & react.RefAttributes<HTMLButtonElement>>;
-
-type ChipVariant = 'filled' | 'outlined' | 'text';
-type ChipColor = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger';
-type ChipSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-
-interface Props$a {
-    as?: React.ElementType;
-    variant?: ChipVariant;
-    color?: ChipColor;
-    size?: ChipSize;
-}
-type NativeAttrs$4 = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$a>;
-type ChipProps = Props$a & NativeAttrs$4;
-declare const Chip: react.ForwardRefExoticComponent<Props$a & NativeAttrs$4 & react.RefAttributes<HTMLDivElement>>;
-
-interface CollapseProps {
-    children: React.ReactNode;
-    isOpen?: boolean;
-    onOpen?: () => void;
-    onClose?: () => void;
-    onToggle?: () => void;
-}
-declare const Collapse: React.FC<CollapseProps>;
-
-interface CollapseContentProps {
-    children: React.ReactNode;
-}
-declare const CollapseContent: React.FC<CollapseContentProps>;
-
-interface CollapseContextValue {
-    collapseRef: React.MutableRefObject<HTMLDivElement | null>;
-    isOpen: boolean;
-    heightAuto: boolean;
-    onOpen: () => void;
-    onClose: () => void;
-    onToggle: () => void;
-}
-declare const CollapseContext: react.Context<CollapseContextValue | null>;
-declare const useCollapse: () => CollapseContextValue;
-
-interface CollapseTriggerProps {
-    children: react__default.ReactNode;
-}
-declare const CollapseTrigger: react__default.FC<CollapseTriggerProps>;
-
-interface Props$9 {
-    as?: React.ElementType;
-    value?: any;
-    title: string;
-    icon?: React.ReactNode;
-    level?: number;
-    disabled?: boolean;
-}
-type NativeAttrs$3 = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$9 | 'items'>;
-type MenuItemProps$1 = Props$9 & NativeAttrs$3;
-declare const MenuItem$1: react.ForwardRefExoticComponent<Props$9 & NativeAttrs$3 & {
-    children?: react.ReactNode;
-} & react.RefAttributes<HTMLDivElement>>;
-
-type MenuSubmenuProps = Omit<MenuItemProps$1, 'items'> & {
-    items?: MenuItemType[];
-};
-declare const MenuSubmenu: React.FC<MenuSubmenuProps>;
-
-type MenuGroupItemType = (MenuItemProps$1 & {
-    type?: 'item';
-}) | (MenuSubmenuProps & {
-    type?: 'submenu';
-});
-type MenuGroupProps = Omit<MenuItemProps$1, 'items'> & {
-    items?: MenuGroupItemType[];
-};
-declare const MenuGroup: React.FC<MenuGroupProps>;
-
-type MenuItemType = (MenuGroupProps & {
-    type?: 'group';
-}) | (MenuSubmenuProps & {
-    type?: 'submenu';
-}) | (MenuItemProps$1 & {
-    type?: 'item';
-});
-interface Props$8 {
-    value?: any | any[];
-    defaultValue?: any | any[];
-    openValues?: any[];
-    expandMode?: 'single' | 'multiple';
-    openMode?: 'manual' | 'automatic';
-    onChange?: (value: any | any[]) => void;
-    onOpen?: (values: any[]) => void;
-    onItemSelect?: (props: MenuItemProps$1) => void;
-}
-type NativeAttrs$2 = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$8 | 'items'>;
-type MenuProps = Props$8 & NativeAttrs$2 & {
-    items: MenuItemType[];
-};
-declare const Menu: React.FC<MenuProps>;
-
-interface MenuContextValue {
-    value: any;
-    originalValue: any;
-    openValues: any[];
-    expandMode: 'single' | 'multiple';
-    openMode: 'manual' | 'automatic';
-    onChange: (value: any) => void;
-    onOpen: (values: any) => void;
-    onItemSelect: (props: MenuItemProps$1) => void;
-}
-declare const MenuContext: react.Context<MenuContextValue | null>;
-declare const useMenu: () => MenuContextValue;
-
-declare const MenuValueContext: react.Context<string[]>;
-declare const useMenuItemValue: () => string[];
-
-declare const getOpenValuesByPathname: (pathname: string) => string[];
-
-interface Props$7 {
-    as?: React.ElementType;
-    value?: any;
-    closable?: boolean;
-    disabled?: boolean;
-}
-type NativeAttrs$1 = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$7>;
-type TabProps = Props$7 & NativeAttrs$1;
-declare const Tab: react.ForwardRefExoticComponent<Props$7 & NativeAttrs$1 & {
-    children?: react.ReactNode;
-} & react.RefAttributes<HTMLDivElement>>;
-
-type TabsAlignmet = 'start' | 'center' | 'end' | 'stretch';
-
-interface Props$6 {
-    value?: any;
-    defaultValue?: any;
-    alignment?: TabsAlignmet;
-    onChange?: (value: any) => void;
-    onClose?: (value: any) => void;
-}
-type NativeAttrs = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$6>;
-type TabsProps = Props$6 & NativeAttrs;
-declare const Tabs: React.FC<TabsProps>;
-
-interface IDropEnumList {
-    dataEnum: object;
-    description: Map<any, Map<number, string>>;
-    width: number;
-    defaultValue: number;
-    onChange: (number: any) => void;
-}
-declare const DropEnumList: React.FC<IDropEnumList>;
-
-interface IBreadCrumbContext {
-    active: string;
-    setActive: (value: string) => void;
-    path: string;
-    setPath: (value: string) => void;
-    routes: {
-        route: string | -1;
-        title: string;
-    }[];
-    setRoutes: (value: {
-        route: string | -1;
-        title: string;
-    }[]) => void;
-    pathChild: string;
-    setPathChild: (value: string) => void;
-    goBack: boolean;
-    setGoBack: (value: boolean) => void;
-}
-declare const BreadCrumbContext: react.Context<IBreadCrumbContext>;
-interface Props$5 {
-    children: ReactNode;
-}
-declare const BreadCrumbContextProvider: ({ children }: Props$5) => react_jsx_runtime.JSX.Element;
-
-interface IDrawerContext {
-    active: boolean;
-    setActive: (value: boolean) => void;
-}
-declare const DrawerContext: react.Context<IDrawerContext>;
-interface Props$4 {
-    children: ReactNode;
-}
-declare const DrawerContextProvider: FC<Props$4>;
-
-interface GlobalProps {
-    children: ReactNode;
-}
-declare function GlobalProvider({ children }: GlobalProps): react_jsx_runtime.JSX.Element;
-
-interface HistoryPath {
-    path: string;
-    name: string;
-    date?: Date;
-}
-interface IHistoryContext {
-    list: HistoryPath[];
-    updateList: (list: HistoryPath) => void;
-}
-declare const HistoryContext: react.Context<IHistoryContext>;
-interface Props$3 {
-    children: React.ReactNode;
-}
-declare const HistoryContextProvider: ({ children }: Props$3) => react_jsx_runtime.JSX.Element;
-
-interface ISidebarMainContext {
-    open: boolean;
-    setOpen: (value: boolean) => void;
-}
-declare const SidebarMainContext: react.Context<ISidebarMainContext>;
-interface Props$2 {
-    children: ReactNode;
-}
-declare const SidebarMainContextProvider: ({ children }: Props$2) => react_jsx_runtime.JSX.Element;
-
-declare global {
-    interface WindowEventMap {
-        'local-storage': CustomEvent;
-    }
-}
-type SetValue<T> = Dispatch<SetStateAction<T>>;
-/**
- * It's a React hook that allows you to store and retrieve data from localStorage
- * @param {string} key - string
- * @param {T} initialValue - The initial value to use if the key doesn't exist in localStorage.
- * @returns An array of two items. The first item is the value of the local storage key. The second
- * item is a function that can be used to set the value of the local storage key.
- */
-declare function useLocalStorage<T>(key: string, initialValue: T): [T, SetValue<T>];
-
-/**
- * It returns the previous value of the given value
- * @param {any} value - any - The value to track.
- * @returns The previous value of the variable.
- */
-declare const usePrevious: (value: any) => undefined;
-
-interface Helpers {
-    goToNextStep: () => void;
-    goToPrevStep: () => void;
-    reset: () => void;
-    canGoToNextStep: boolean;
-    canGoToPrevStep: boolean;
-    setStep: Dispatch<SetStateAction<number>>;
-}
-/**
- * It returns a tuple with the current step and an object with functions to manipulate the step
- * @param {number} maxStep - number - The maximum number of steps in the stepper.
- * @returns An array with two elements. The first element is the current step. The second element is an
- * object with the following properties:
- */
-declare const useStep: (maxStep: number) => [number, Helpers];
-
-interface Props$1 {
-    title?: string;
-    paths?: {
-        route: string | -1;
-        title: string;
-    }[];
-}
-declare const AppBreadCrumb: ({ title, paths }: Props$1) => react_jsx_runtime.JSX.Element;
-declare const AppBreadCrumbNav: ({ paths, onPush, }: {
-    paths?: {
-        route: string;
-        title: string;
-    }[] | undefined;
-    onPush: (to: string | number) => void;
-}) => react_jsx_runtime.JSX.Element;
-
-type LoadingType = 'window' | 'page' | 'grid' | 'button' | 'card' | 'div' | 'none';
-/**
- * If the gridContent exists, render the loader in the gridContent, otherwise, if the reportContent
- * exists, render the loader in the reportContent, otherwise, render the loader in the current
- * component.
- * @returns A React component that is a portal.
- */
-declare const LoaderGrid: () => react_jsx_runtime.JSX.Element;
-interface ILoaderProps {
-    type?: LoadingType;
-    parent?: string;
-    minDuration?: number;
-}
-/**
- * It's a React component that renders a loading indicator in a parent element.
- * @param props - {type?: LoadingType; parent?: string; minDuration?: number;}
- * @returns A React component that is a function.
- */
-declare const AppLoader: FC<ILoaderProps>;
-
-interface CustomBtns {
-    title?: string;
-    render?: React.ReactNode;
-    Icon?: ({ className }: {
-        className: string;
-    }) => JSX.Element;
-    onAction?: () => void;
-}
-interface CustomExcel {
-    title: string;
-    classNameIcon: string;
-    onAction: () => void;
-}
-interface ICustomizeColumns {
-    disabled?: boolean;
-    className?: string;
-    entityType: number;
-    data: any[];
-    onFetched: (columns: any[]) => void;
-}
-interface NavOptionsProps {
-    exportExcel?: CustomExcel[];
-    customButtons?: CustomBtns[];
-    onCreate?: () => void;
-    onRefresh?: () => void;
-    onSelect?: () => void;
-    onClear?: () => void;
-    onExpandScreen?: () => void;
-}
-declare const NavOptions: FC<NavOptionsProps>;
-
-interface Props {
-    title?: string;
-}
-declare const Title: ({ title }: Props) => react_jsx_runtime.JSX.Element;
-
-declare const Breadcrumb: styled_components.StyledComponent<"div", any, {}, never>;
-declare const BreadCrumbTitle: styled_components.StyledComponent<"div", any, {}, never>;
-
-interface MenuItemProps {
-    type?: 'row' | 'col';
-    width?: string;
-}
-declare const MenuItem: styled_components.StyledComponent<react.ForwardRefExoticComponent<react_router_dom.LinkProps & react.RefAttributes<HTMLAnchorElement>>, any, MenuItemProps, never>;
-declare const MenuTitle: styled_components.StyledComponent<"p", any, {}, never>;
-
-interface NavbarProps {
-    gradient?: boolean;
-}
-declare const Navbar: styled_components.StyledComponent<"nav", any, NavbarProps, never>;
-
-declare const MenuOptions: styled_components.StyledComponent<"div", any, {}, never>;
-
-interface SidebarProps {
-    width?: string;
-    active?: boolean;
-    fixed?: boolean;
-    shadow?: boolean;
-}
-declare const ItemSidebar: styled_components.StyledComponent<"div", any, {}, never>;
-declare const SidebarNavigation: styled_components.StyledComponent<"nav", any, SidebarProps, never>;
-declare const ItemLinkSidebar: styled_components.StyledComponent<react.ForwardRefExoticComponent<react_router_dom.LinkProps & react.RefAttributes<HTMLAnchorElement>>, any, {}, never>;
-
-interface MainProps {
-    activeDrawer: boolean;
-}
-declare const Main: styled_components.StyledComponent<"main", any, MainProps, never>;
-declare const CloseIcon: styled_components.StyledComponent<"button", any, {}, never>;
-
-export { AppBreadCrumb, AppBreadCrumbNav, AppLoader, Badge, BadgeProps, BreadCrumbContext, BreadCrumbContextProvider, BreadCrumbTitle, Breadcrumb, Button, ButtonColor, ButtonProps, ButtonSize, ButtonVariant, Chip, ChipProps, CloseIcon, Collapse, CollapseContent, CollapseContentProps, CollapseContext, CollapseContextValue, CollapseProps, CollapseTrigger, CollapseTriggerProps, CustomBtns, CustomExcel, DrawerContext, DrawerContextProvider, DropEnumList, GlobalProps, GlobalProvider, HistoryContext, HistoryContextProvider, IBreadCrumbContext, ICustomizeColumns, ILoaderProps, ItemLinkSidebar, ItemSidebar, LoaderGrid, LoadingType, Main, Menu, MenuContext, MenuContextValue, MenuGroup, MenuGroupItemType, MenuGroupProps, MenuItem$1 as MenuItem, MenuItemProps$1 as MenuItemProps, MenuItemType, MenuItem as MenuItems, MenuOptions, MenuProps, MenuSubmenu, MenuSubmenuProps, MenuTitle, MenuValueContext, NavOptions, NavOptionsProps, Navbar, SidebarMainContext, SidebarMainContextProvider, SidebarNavigation, Tab, TabProps, Tabs, TabsAlignmet, TabsProps, Title, getOpenValuesByPathname, useCollapse, useLocalStorage, useMenu, useMenuItemValue, usePrevious, useStep };