@unifiedsoftware/react-components 2.0.0-alpha.14 → 2.0.0-alpha.15

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, FC } from 'react';
+import { ReactNode, Dispatch, SetStateAction, FC } from 'react';
+import { Icon, ButtonProps, ListProps } from '@unifiedsoftware/react-ui';
 import * as styled_components from 'styled-components';
 import * as styled_components_dist_types from 'styled-components/dist/types';
 import * as _unifiedsoftware_react_router from '@unifiedsoftware/react-router';
@@ -14,6 +15,85 @@ interface IDropEnumList {
 }
 declare const DropEnumList: React.FC<IDropEnumList>;
 
+interface MenubarItemsProps {
+    title?: string;
+    render?: React.ReactNode;
+    Icon?: ({ className }: {
+        className: string;
+    }) => JSX.Element;
+    onAction?: () => void;
+}
+interface MenubarProps {
+    startContent?: ReactNode;
+    items?: MenubarItemsProps[];
+    endContent?: ReactNode;
+    size: 'sm' | 'md' | 'lg';
+}
+declare function Menubar({ items, size, endContent, startContent }: MenubarProps): react_jsx_runtime.JSX.Element;
+
+interface DropdownItemType {
+    label: string;
+    value: string | number;
+    icon?: ReturnType<typeof Icon>;
+    disabled?: boolean;
+    type?: 'submenu' | 'single';
+    items?: ArrayDropdownItemType;
+}
+type ArrayDropdownItemType = Array<DropdownItemType>;
+interface DropdownType {
+    label?: string;
+    items: ArrayDropdownItemType;
+    icon?: ReturnType<typeof Icon>;
+    triggerProps?: ButtonProps;
+    containerProps?: ListProps;
+    onChange?: (value: DropdownItemType['value']) => void;
+    renderItem?: (itemProps: DropdownItemType) => ReactNode;
+}
+
+declare function Dropdown(props: DropdownType): react_jsx_runtime.JSX.Element;
+
+interface IColumnConfiguration<T> {
+    NumberFormat_Whole?: boolean;
+    NumberFormat_Decimal?: boolean;
+    Total?: boolean;
+    IsNumber?: boolean;
+    IsDate?: boolean;
+    IsBool?: boolean;
+    Checked?: boolean;
+    Position?: number;
+    ClassName?: string;
+    Width?: number;
+    Title?: string;
+    ColumnName: keyof T;
+    ZeroAsEmpty?: boolean;
+    GridColumnFormat?: string;
+    GridColumnFilter?: 'boolean' | 'text' | 'numeric' | 'date' | undefined;
+    GridColumnContentClassName?: string;
+    GridColumnHeaderClassName?: string;
+    ExcelColumnFormat?: string;
+    ExcelColumnAlign?: 'left' | 'center' | 'right';
+    ParteDelGrid?: boolean;
+    MultiColumnHeader1_Index?: number;
+    IsAgregateSum?: boolean;
+    GridColumnWidth?: string;
+    FilterUI?: any;
+    Enum?: any;
+    locked?: boolean;
+    HeaderCell?: string;
+    IsCheckBox?: boolean;
+    CheckBoxKey?: string;
+    forDisabledCheck?: string;
+    filterOperators?: any;
+    IsExperimental?: boolean;
+}
+interface MenuColumnsProps<T = any> {
+    columns: IColumnConfiguration<T>[];
+    onSave: (columns: IColumnConfiguration<T>[]) => void;
+    onChange: Dispatch<SetStateAction<IColumnConfiguration<T>[]>> | MenuColumnsProps<T>['onSave'];
+}
+
+declare function MenuColumns({ columns, onSave, onChange }: MenuColumnsProps): react_jsx_runtime.JSX.Element;
+
 interface IBreadCrumbContext {
     active: string;
     setActive: (value: string) => void;
@@ -122,9 +202,8 @@ interface CustomBtns {
     onAction?: () => void;
 }
 interface CustomExcel {
-    title: string;
-    classNameIcon: string;
-    onAction: () => void;
+    items: ArrayDropdownItemType;
+    onAction: (e: string | number | null) => void;
 }
 interface ICustomizeColumns {
     disabled?: boolean;
@@ -134,13 +213,18 @@ interface ICustomizeColumns {
     onFetched: (columns: any[]) => void;
 }
 interface NavOptionsProps {
-    exportExcel?: CustomExcel[];
+    exportExcel?: CustomExcel;
+    /**
+     * @deprecated Use `items` instead
+     */
     customButtons?: CustomBtns[];
+    items?: CustomBtns[];
     onCreate?: () => void;
     onRefresh?: () => void;
     onSelect?: () => void;
     onClear?: () => void;
     onExpandScreen?: () => void;
+    size: 'sm' | 'md' | 'lg';
 }
 declare const NavOptions: FC<NavOptionsProps>;
 
@@ -2079,4 +2163,4 @@ declare const CloseIcon: styled_components.IStyledComponent<"web", {
     onTransitionEndCapture?: react.TransitionEventHandler<HTMLButtonElement> | undefined;
 }>;
 
-export { AppBreadCrumb, AppBreadCrumbNav, AppLoader, BreadCrumbContext, BreadCrumbContextProvider, BreadCrumbTitle, Breadcrumb, CloseIcon, type CustomBtns, type CustomExcel, DrawerContext, DrawerContextProvider, DropEnumList, type GlobalProps, GlobalProvider, HistoryContext, HistoryContextProvider, type IBreadCrumbContext, type ICustomizeColumns, type ILoaderProps, ItemLinkSidebar, ItemSidebar, LoaderGrid, type LoadingType, Main, MenuItem as MenuItems, MenuOptions, MenuTitle, NavOptions, type NavOptionsProps, Navbar, SidebarMainContext, SidebarMainContextProvider, SidebarNavigation, Title };
+export { AppBreadCrumb, AppBreadCrumbNav, AppLoader, type ArrayDropdownItemType, BreadCrumbContext, BreadCrumbContextProvider, BreadCrumbTitle, Breadcrumb, CloseIcon, type CustomBtns, type CustomExcel, DrawerContext, DrawerContextProvider, DropEnumList, Dropdown, type DropdownType, type GlobalProps, GlobalProvider, HistoryContext, HistoryContextProvider, type IBreadCrumbContext, type IColumnConfiguration, type ICustomizeColumns, type ILoaderProps, ItemLinkSidebar, ItemSidebar, LoaderGrid, type LoadingType, Main, MenuColumns, type MenuColumnsProps, MenuItem as MenuItems, MenuOptions, MenuTitle, Menubar, NavOptions, type NavOptionsProps, Navbar, SidebarMainContext, SidebarMainContextProvider, SidebarNavigation, Title };

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";var fe=Object.create;var P=Object.defineProperty;var he=Object.getOwnPropertyDescriptor;var ve=Object.getOwnPropertyNames;var Ce=Object.getPrototypeOf,ke=Object.prototype.hasOwnProperty;var ye=(e,t)=>{for(var n in t)P(e,n,{get:t[n],enumerable:!0})},V=(e,t,n,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of ve(t))!ke.call(e,o)&&o!==n&&P(e,o,{get:()=>t[o],enumerable:!(a=he(t,o))||a.enumerable});return e};var x=(e,t,n)=>(n=e!=null?fe(Ce(e)):{},V(t||!e||!e.__esModule?P(n,"default",{value:e,enumerable:!0}):n,e)),we=e=>V(P({},"__esModule",{value:!0}),e);var Re={};ye(Re,{AppBreadCrumb:()=>Le,AppBreadCrumbNav:()=>Me,AppLoader:()=>Be,BreadCrumbContext:()=>C,BreadCrumbContextProvider:()=>T,BreadCrumbTitle:()=>D,Breadcrumb:()=>B,CloseIcon:()=>R,DrawerContext:()=>U,DrawerContextProvider:()=>E,DropEnumList:()=>J,GlobalProvider:()=>$e,HistoryContext:()=>L,HistoryContextProvider:()=>A,ItemLinkSidebar:()=>pe,ItemSidebar:()=>le,LoaderGrid:()=>Se,Main:()=>ce,MenuItems:()=>oe,MenuOptions:()=>z,MenuTitle:()=>ne,NavOptions:()=>De,Navbar:()=>ie,SidebarMainContext:()=>Z,SidebarMainContextProvider:()=>O,SidebarNavigation:()=>de,Title:()=>ze});module.exports=we(Re);var _=require("@progress/kendo-react-dropdowns"),f=require("react"),h=require("react/jsx-runtime");function Ne(e,t,n,a=!1){let o=[];return a&&o.push({key:"",text:"ALL"}),e!==void 0&&e.map(s=>{o.push({key:s[t],text:s[n]})}),o}function Pe(e,t,n){let a=n.get(t),o;return a!=null&&(o=a.get(parseInt(e))),o??(o=t[e],o.split("_").map(s=>s.charAt(0).toUpperCase()+s.slice(1).toLowerCase()).join(" "))}function Ie(e,t=!0,n){let a=[];for(let o in e)typeof e[o]=="string"&&a.push({value:Number(o),label:t?Pe(o,e,n):e[o]});return a}var J=({dataEnum:e,description:t,onChange:n,width:a,defaultValue:o})=>{let[s,l]=(0,f.useState)(""),[r,p]=(0,f.useState)([]);(0,f.useEffect)(()=>{p(Ne(Ie(e,!0,t),"value","label",!1).sort((c,ge)=>Number(c.key)-Number(ge.key)))},[]),(0,f.useEffect)(()=>{r.length>0&&l(r.filter(c=>c.key==o)[0])},[r]);let g=c=>{n(c),l(c)};return(0,h.jsx)(h.Fragment,{children:(0,h.jsx)(_.DropDownList,{className:"d-inline-block align-middle mr-2",data:r,dataItemKey:"key",id:"cmbDisplay",name:"cmbDisplay",onChange:c=>{g(c.value)},textField:"text",style:{width:`${a}px`},defaultValue:s})})};var v=require("@unifiedsoftware/react-ui"),I=require("react"),K=require("react/jsx-runtime"),C=(0,I.createContext)({}),T=({children:e})=>{let[t,n]=(0,v.useLocalStorage)("@active",""),[a,o]=(0,v.useLocalStorage)("@path","/"),[s,l]=(0,v.useLocalStorage)("@goBack",!1),[r,p]=(0,v.useLocalStorage)("@pathChild",""),[g,c]=(0,I.useState)([]);return(0,K.jsx)(C.Provider,{value:{active:t,setActive:n,path:a,setPath:o,goBack:s,setGoBack:l,pathChild:r,setPathChild:p,routes:g,setRoutes:c},children:e})};var $=require("react"),X=require("react/jsx-runtime"),U=(0,$.createContext)({}),E=({children:e})=>{let[t,n]=(0,$.useState)(!1);return(0,X.jsx)(U.Provider,{value:{active:t,setActive:n},children:e})};var Q=require("@unifiedsoftware/react-ui"),W=require("react"),Y=require("react/jsx-runtime"),L=(0,W.createContext)({}),A=({children:e})=>{let[t,n]=(0,Q.useLocalStorage)("@list_paths",[]),a=o=>{n(s=>s.concat({path:o.path,name:o.name,date:new Date}))};return(0,Y.jsx)(L.Provider,{value:{list:t,updateList:a},children:e})};var M=require("react"),j=require("react/jsx-runtime"),Z=(0,M.createContext)({}),O=({children:e})=>{let[t,n]=(0,M.useState)(!0);return(0,j.jsx)(Z.Provider,{value:{open:t,setOpen:n},children:e})};var k=require("react/jsx-runtime");function $e({children:e}){return(0,k.jsx)(A,{children:(0,k.jsx)(T,{children:(0,k.jsx)(O,{children:(0,k.jsx)(E,{children:e})})})})}var w=require("@unifiedsoftware/react-router"),b=require("react"),me=require("react-icons/md"),F=require("react-icons/vsc");var S=x(require("styled-components")),B=S.default.div`
+"use strict";var De=Object.create;var A=Object.defineProperty;var Ae=Object.getOwnPropertyDescriptor;var Re=Object.getOwnPropertyNames;var ze=Object.getPrototypeOf,He=Object.prototype.hasOwnProperty;var Ee=(e,t)=>{for(var n in t)A(e,n,{get:t[n],enumerable:!0})},te=(e,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Re(t))!He.call(e,o)&&o!==n&&A(e,o,{get:()=>t[o],enumerable:!(i=Ae(t,o))||i.enumerable});return e};var P=(e,t,n)=>(n=e!=null?De(ze(e)):{},te(t||!e||!e.__esModule?A(n,"default",{value:e,enumerable:!0}):n,e)),Oe=e=>te(A({},"__esModule",{value:!0}),e);var Ze={};Ee(Ze,{AppBreadCrumb:()=>Je,AppBreadCrumbNav:()=>_e,AppLoader:()=>We,BreadCrumbContext:()=>$,BreadCrumbContextProvider:()=>W,BreadCrumbTitle:()=>H,Breadcrumb:()=>z,CloseIcon:()=>E,DrawerContext:()=>ye,DrawerContextProvider:()=>Q,DropEnumList:()=>ne,Dropdown:()=>L,GlobalProvider:()=>Xe,HistoryContext:()=>V,HistoryContextProvider:()=>Y,ItemLinkSidebar:()=>be,ItemSidebar:()=>me,LoaderGrid:()=>Ke,Main:()=>fe,MenuColumns:()=>ve,MenuItems:()=>ae,MenuOptions:()=>N,MenuTitle:()=>se,Menubar:()=>ge,NavOptions:()=>Qe,Navbar:()=>de,SidebarMainContext:()=>Ne,SidebarMainContextProvider:()=>Z,SidebarNavigation:()=>ue,Title:()=>Ye});module.exports=Oe(Ze);var oe=require("@progress/kendo-react-dropdowns"),I=require("react"),B=require("react/jsx-runtime");function Fe(e,t,n,i=!1){let o=[];return i&&o.push({key:"",text:"ALL"}),e!==void 0&&e.map(s=>{o.push({key:s[t],text:s[n]})}),o}function Ge(e,t,n){let i=n.get(t),o;return i!=null&&(o=i.get(parseInt(e))),o??(o=t[e],o.split("_").map(s=>s.charAt(0).toUpperCase()+s.slice(1).toLowerCase()).join(" "))}function Ve(e,t=!0,n){let i=[];for(let o in e)typeof e[o]=="string"&&i.push({value:Number(o),label:t?Ge(o,e,n):e[o]});return i}var ne=({dataEnum:e,description:t,onChange:n,width:i,defaultValue:o})=>{let[s,c]=(0,I.useState)(""),[r,x]=(0,I.useState)([]);(0,I.useEffect)(()=>{x(Fe(Ve(e,!0,t),"value","label",!1).sort((b,J)=>Number(b.key)-Number(J.key)))},[]),(0,I.useEffect)(()=>{r.length>0&&c(r.filter(b=>b.key==o)[0])},[r]);let l=b=>{n(b),c(b)};return(0,B.jsx)(B.Fragment,{children:(0,B.jsx)(oe.DropDownList,{className:"d-inline-block align-middle mr-2",data:r,dataItemKey:"key",id:"cmbDisplay",name:"cmbDisplay",onChange:b=>{l(b.value)},textField:"text",style:{width:`${i}px`},defaultValue:s})})};var O=require("@unifiedsoftware/react-ui");var R=P(require("styled-components")),z=R.default.div`
 	font-family: 'Inter', sans-serif;
 	padding: 10px 0px;
 	text-transform: uppercase;
@@ -18,19 +18,19 @@
 			cursor: pointer;
 		}
 	}
-`,D=S.default.div`
+`,H=R.default.div`
 	font-family: 'Inter', sans-serif;
 	font-weight: bold;
 	font-size: 1.2rem !important;
 	color: #92190e;
 	margin-top: 15px;
-`,ee=S.default.div`
+`,re=R.default.div`
 	font-family: 'Inter', sans-serif;
 	font-weight: bold;
 	font-size: 1.2rem !important;
 	color: #92190e;
 	margin-top: 15px;
-`;var te=require("@unifiedsoftware/react-router"),G=x(require("styled-components")),oe=(0,G.default)(te.Link)`
+`;var ie=require("@unifiedsoftware/react-router"),_=P(require("styled-components")),ae=(0,_.default)(ie.Link)`
 	text-decoration: none;
 	color: black;
 	display: flex;
@@ -59,10 +59,10 @@
 			text-decoration: none !important;
 		}
 	}
-`,ne=G.default.p`
+`,se=_.default.p`
 	font-size: 16px;
 	font-weight: bold !important;
-`;var re=x(require("styled-components")),ie=re.default.nav`
+`;var le=P(require("styled-components")),de=le.default.nav`
 	background: ${e=>e.$gradient?"#92190e":` linear-gradient(
     90.03deg,
     #92190e 80.71%,
@@ -110,11 +110,12 @@
 		left: 50%;
 		transform: translate(-50%, -50%);
 	}
-`;var ae=x(require("styled-components")),z=ae.default.div`
+`;var ce=P(require("styled-components")),N=ce.default.div`
 	font-size: bold;
 	display: flex;
 	width: 100%;
 	gap: 10px;
+	padding-bottom: 5px;
 	justify-content: flex-start;
 	border-bottom: 1px solid #e6e6e6;
 	background-color: white;
@@ -138,7 +139,7 @@
 			}
 		}
 	}
-`;var se=require("@unifiedsoftware/react-router"),y=x(require("styled-components")),le=y.default.div`
+`;var pe=require("@unifiedsoftware/react-router"),M=P(require("styled-components")),me=M.default.div`
 	padding: 10px 25px;
 	display: flex;
 	align-items: center;
@@ -160,7 +161,7 @@
 			color: white !important;
 		}
 	}
-`,de=y.default.nav`
+`,ue=M.default.nav`
 	position: ${({$fixed:e=!0})=>e?"fixed":"static"};
 	top: 0;
 	left: 0;
@@ -319,7 +320,7 @@
 			}
 		}
 	}
-`,ot=y.default.nav`
+`,it=M.default.nav`
 	position: fixed;
 	top: 50px;
 	right: 0;
@@ -335,7 +336,7 @@
 	z-index: 11;
 	transition: width 0.2s ease-in-out;
 	overflow: hidden !important;
-`,pe=(0,y.default)(se.Link)`
+`,be=(0,M.default)(pe.Link)`
 	padding: 10px 25px;
 	display: flex;
 	align-items: center;
@@ -351,7 +352,7 @@
 			color: white !important;
 		}
 	}
-`;var q=x(require("styled-components")),ce=q.default.main`
+`;var K=P(require("styled-components")),fe=K.default.main`
 	width: 100%;
 	min-height: 90vh;
 	display: flex;
@@ -364,7 +365,7 @@
 	@media (max-width: 470px) {
 		padding: 10px 10px;
 	}
-`,R=q.default.button`
+`,E=K.default.button`
 	color: black;
 	text-decoration: none;
 	border: none;
@@ -383,6 +384,6 @@
 		text-decoration: none;
 		background-color: #e8e8e8;
 	}
-`;var d=require("react/jsx-runtime"),Le=({title:e,paths:t})=>{let{setRoutes:n}=(0,b.useContext)(C);return(0,b.useEffect)(()=>{t?.length&&n(t??[])},[]),(0,d.jsx)(D,{children:e??"Home"})},Me=({paths:e})=>{let t=(0,w.useRouter)(),{active:n,path:a,routes:o,setRoutes:s}=(0,b.useContext)(C),{updateList:l}=(0,b.useContext)(L);return(0,b.useEffect)(()=>{l({name:n,path:a})},[a,n]),(0,b.useEffect)(()=>{s(e??[])},[e]),(0,d.jsxs)(B,{children:[(0,d.jsxs)("div",{className:"d-flex align-items-center",children:[(0,d.jsx)(w.Link,{href:"/",className:"link",children:"HOME"}),o.length>0&&(0,d.jsx)(F.VscChevronRight,{color:"black"}),o.length>0?o.map((r,p,g)=>r.route===-1?(0,d.jsxs)("span",{className:"link",onClick:()=>t.back(),children:[r.title," ",p+1===g.length?"":(0,d.jsx)(F.VscChevronRight,{color:"black"})]},p):(0,d.jsxs)(w.Link,{href:r.route,className:"link",children:[r.title," ",p+1===g.length?"":(0,d.jsx)(F.VscChevronRight,{color:"black"})]},p)):""]}),(0,d.jsx)(R,{onClick:()=>{if(o?.length===1){t.push("/"),s([]);return}t.push(`${o&&o[o?.length-2].route}`)},children:(0,d.jsx)(me.MdClose,{fontSize:20})})]})};var ue=require("react"),H=x(require("react-dom")),m=require("react/jsx-runtime"),Se=()=>{let e=(0,m.jsxs)("div",{className:"k-loading-mask",children:[(0,m.jsx)("span",{className:"k-loading-text",children:"Loading"}),(0,m.jsx)("div",{className:"k-loading-image"}),(0,m.jsx)("div",{className:"k-loading-color"})]}),t=document&&document.querySelector(".k-grid-content"),n=document&&document.querySelector(".loading-report");return t?H.default.createPortal(e,t):n?H.default.createPortal(e,n):e},Be=e=>{let{type:t="grid",parent:n,minDuration:a}=e,o=t==="grid"?document.querySelector(n??".k-grid-container"):n?document.querySelector(n):null,s=(0,m.jsxs)("div",{className:`${t}-loading k-loading-mask`,children:[(0,m.jsx)("span",{className:"k-loading-text",children:"Loading"}),(0,m.jsx)("div",{className:"k-loading-image"}),(0,m.jsx)("div",{className:"k-loading-color"})]});return(0,ue.useEffect)(()=>{if(t==="button"){let l=document.createElement("div");if(l.className="icon button-loading k-loading-mask",l.innerHTML=`
+`;var k=require("react/jsx-runtime");function Ue({items:e,size:t="md",endContent:n,startContent:i}){return(0,k.jsxs)(N,{style:{alignItems:"center",justifyContent:"space-between"},children:[(0,k.jsxs)("div",{style:{display:"flex",gap:"10px",alignItems:"center",flexWrap:"wrap"},children:[i,e?.map((o,s)=>o.render?o.render:(0,k.jsx)(O.Button,{onClick:o.onAction,size:t,startContent:o.Icon?(0,k.jsx)(O.Icon,{color:"primary",children:(0,k.jsx)(o.Icon,{className:"icon"})}):void 0,variant:"text",color:"secondary",children:o.title},s))]}),(0,k.jsx)("div",{children:n})]})}var ge=Ue;var u=require("@unifiedsoftware/react-ui"),xe=require("react-icons/tb"),f=require("react/jsx-runtime");function L(e){return(0,f.jsx)("div",{children:(0,f.jsxs)(u.Popover,{children:[(0,f.jsx)(u.PopoverTrigger,{children:(0,f.jsx)(u.Button,{variant:"text",startContent:e.icon&&(0,f.jsx)(u.Icon,{color:"primary",children:e.icon}),endContent:(0,f.jsx)(u.Icon,{color:"primary",children:(0,f.jsx)(xe.TbChevronDown,{})}),...e.triggerProps,color:"secondary",children:e.label??"MENU"})}),(0,f.jsx)(u.PopoverContent,{children:(0,f.jsx)(u.List,{...e.containerProps,children:e.items?.map(t=>e.renderItem?(0,f.jsx)("div",{children:e.renderItem(t)}):t.type==="submenu"?(0,f.jsx)(u.ListGroup,{title:t.label,hoverable:!0,children:t?.items?.map(n=>(0,f.jsx)(u.ListItem,{level:2,hoverable:!0,title:n.label,onClick:()=>{e.onChange?.(n.value)},disabled:n.disabled??!1,startContent:n.icon&&(0,f.jsx)(u.Icon,{children:n.icon})},n.value))}):(0,f.jsx)(u.ListItem,{hoverable:!0,title:t.label,onClick:()=>{e.onChange?.(t.value)},disabled:t.disabled??!1,startContent:t.icon},t.value))})})]})})}var m=require("@unifiedsoftware/react-ui"),he=require("react"),C=require("react-icons/tb"),p=require("react/jsx-runtime");function qe({columns:e,onSave:t,onChange:n}){let[i,o]=(0,he.useState)(0),s=(c,r)=>{let x=e?.find(l=>l.Position===r);switch(c){case"all":let l=e.map(d=>({...d,Checked:!0}));n(l);break;case"discard":let b=e.map(d=>({...d,Checked:!1}));n(b);break;case"check":let J=e.map(d=>d.Position===r?{...d,Checked:!d.Checked}:d);n(J);break;case"up":let j=e?.find(d=>d.Position===r-1),$e=e.map(d=>d.ColumnName===x?.ColumnName?{...d,Position:(d.Position??0)-1}:d.ColumnName===j?.ColumnName?{...d,Position:(j.Position??0)+1}:d);o(i-1),n($e);break;case"down":let ee=e?.find(d=>d.Position===r+1),Te=e.map(d=>d.ColumnName===x?.ColumnName?{...d,Position:(d.Position??0)+1}:d.ColumnName===ee?.ColumnName?{...d,Position:(ee.Position??0)-1}:d);o(i+1),n(Te);break;default:break}};return(0,p.jsx)("div",{style:{overflow:"hidden",width:"350px",height:"200px"},children:(0,p.jsx)(m.Grid,{items:[{children:(0,p.jsx)(m.ScrollArea,{style:{height:"180px"},children:(0,p.jsx)(m.List,{style:{padding:"10px"},children:e?.toSorted((c,r)=>Number(c.Position)-Number(r.Position))?.map((c,r)=>(0,p.jsx)(m.ListItem,{title:c.Title??"",hoverable:!0,startContent:(0,p.jsx)(m.Checkbox,{checked:c.Checked??!1,onChange:()=>{s?.("check",c.Position??0)}}),selected:c.Position===i,onClick:()=>{o(c.Position??0)}},r))??[]})}),span:6,order:{md:1,sm:1,lg:1}},{children:(0,p.jsxs)("div",{style:{padding:"15px",flexDirection:"column",display:"flex",gap:5},children:[(0,p.jsx)(m.Button,{onClick:()=>s?.("up",i),variant:"flat",color:"primary",startContent:(0,p.jsx)(m.Icon,{children:(0,p.jsx)(C.TbArrowUp,{})}),children:"Up"}),(0,p.jsx)(m.Button,{onClick:()=>s?.("down",i),variant:"flat",color:"warning",startContent:(0,p.jsx)(m.Icon,{children:(0,p.jsx)(C.TbArrowDown,{})}),children:"Down"}),(0,p.jsx)(m.Button,{onClick:()=>s?.("all",i),variant:"flat",color:"info",startContent:(0,p.jsx)(m.Icon,{children:(0,p.jsx)(C.TbCheckbox,{})}),children:"Select All"}),(0,p.jsx)(m.Button,{onClick:()=>s?.("discard",i),variant:"flat",color:"danger",startContent:(0,p.jsx)(m.Icon,{children:(0,p.jsx)(C.TbX,{})}),children:"Discard All"}),(0,p.jsx)(m.Button,{onClick:()=>t?.(e),variant:"flat",color:"info",startContent:(0,p.jsx)(m.Icon,{children:(0,p.jsx)(C.TbCheck,{})}),children:"Save"})]}),span:6,order:{md:2,sm:2,lg:2}}]})})}var ve=qe;var S=require("@unifiedsoftware/react-ui"),F=require("react"),Ce=require("react/jsx-runtime"),$=(0,F.createContext)({}),W=({children:e})=>{let[t,n]=(0,S.useLocalStorage)("@active",""),[i,o]=(0,S.useLocalStorage)("@path","/"),[s,c]=(0,S.useLocalStorage)("@goBack",!1),[r,x]=(0,S.useLocalStorage)("@pathChild",""),[l,b]=(0,F.useState)([]);return(0,Ce.jsx)($.Provider,{value:{active:t,setActive:n,path:i,setPath:o,goBack:s,setGoBack:c,pathChild:r,setPathChild:x,routes:l,setRoutes:b},children:e})};var G=require("react"),ke=require("react/jsx-runtime"),ye=(0,G.createContext)({}),Q=({children:e})=>{let[t,n]=(0,G.useState)(!1);return(0,ke.jsx)(ye.Provider,{value:{active:t,setActive:n},children:e})};var we=require("@unifiedsoftware/react-ui"),Pe=require("react"),Ie=require("react/jsx-runtime"),V=(0,Pe.createContext)({}),Y=({children:e})=>{let[t,n]=(0,we.useLocalStorage)("@list_paths",[]),i=o=>{n(s=>s.concat({path:o.path,name:o.name,date:new Date}))};return(0,Ie.jsx)(V.Provider,{value:{list:t,updateList:i},children:e})};var U=require("react"),Be=require("react/jsx-runtime"),Ne=(0,U.createContext)({}),Z=({children:e})=>{let[t,n]=(0,U.useState)(!0);return(0,Be.jsx)(Ne.Provider,{value:{open:t,setOpen:n},children:e})};var T=require("react/jsx-runtime");function Xe({children:e}){return(0,T.jsx)(Y,{children:(0,T.jsx)(W,{children:(0,T.jsx)(Z,{children:(0,T.jsx)(Q,{children:e})})})})}var D=require("@unifiedsoftware/react-router"),w=require("react"),Me=require("react-icons/md"),q=require("react-icons/vsc");var h=require("react/jsx-runtime"),Je=({title:e,paths:t})=>{let{setRoutes:n}=(0,w.useContext)($);return(0,w.useEffect)(()=>{t?.length&&n(t??[])},[]),(0,h.jsx)(H,{children:e??"Home"})},_e=({paths:e})=>{let t=(0,D.useRouter)(),{active:n,path:i,routes:o,setRoutes:s}=(0,w.useContext)($),{updateList:c}=(0,w.useContext)(V);return(0,w.useEffect)(()=>{c({name:n,path:i})},[i,n]),(0,w.useEffect)(()=>{s(e??[])},[e]),(0,h.jsxs)(z,{children:[(0,h.jsxs)("div",{className:"d-flex align-items-center",children:[(0,h.jsx)(D.Link,{href:"/",className:"link",children:"HOME"}),o.length>0&&(0,h.jsx)(q.VscChevronRight,{color:"black"}),o.length>0?o.map((r,x,l)=>r.route===-1?(0,h.jsxs)("span",{className:"link",onClick:()=>t.back(),children:[r.title," ",x+1===l.length?"":(0,h.jsx)(q.VscChevronRight,{color:"black"})]},x):(0,h.jsxs)(D.Link,{href:r.route,className:"link",children:[r.title," ",x+1===l.length?"":(0,h.jsx)(q.VscChevronRight,{color:"black"})]},x)):""]}),(0,h.jsx)(E,{onClick:()=>{if(o?.length===1){t.push("/"),s([]);return}t.push(`${o&&o[o?.length-2].route}`)},children:(0,h.jsx)(Me.MdClose,{fontSize:20})})]})};var Le=require("react"),X=P(require("react-dom")),y=require("react/jsx-runtime"),Ke=()=>{let e=(0,y.jsxs)("div",{className:"k-loading-mask",children:[(0,y.jsx)("span",{className:"k-loading-text",children:"Loading"}),(0,y.jsx)("div",{className:"k-loading-image"}),(0,y.jsx)("div",{className:"k-loading-color"})]}),t=document&&document.querySelector(".k-grid-content"),n=document&&document.querySelector(".loading-report");return t?X.default.createPortal(e,t):n?X.default.createPortal(e,n):e},We=e=>{let{type:t="grid",parent:n,minDuration:i}=e,o=t==="grid"?document.querySelector(n??".k-grid-container"):n?document.querySelector(n):null,s=(0,y.jsxs)("div",{className:`${t}-loading k-loading-mask`,children:[(0,y.jsx)("span",{className:"k-loading-text",children:"Loading"}),(0,y.jsx)("div",{className:"k-loading-image"}),(0,y.jsx)("div",{className:"k-loading-color"})]});return(0,Le.useEffect)(()=>{if(t==="button"){let c=document.createElement("div");if(c.className="icon button-loading k-loading-mask",c.innerHTML=`
             <div class="k-loading-image"></div>
-        `,o){let r=o;r.classList.add("btn-loading"),r.disabled=!0,r.insertBefore(l,r.firstChild)}return()=>{if(o)if(a)setTimeout(()=>{let r=o;r.classList.remove("btn-loading"),r.removeChild(l),r.disabled=!1},a);else{let r=o;r.classList.remove("btn-loading"),r.removeChild(l),r.disabled=!1}}}},[]),t==="button"?null:o?H.default.createPortal(s,o):s};var N=require("react-bootstrap"),be=require("react-icons/bs"),u=require("react-icons/fi");var i=require("react/jsx-runtime"),De=({exportExcel:e,customButtons:t,onCreate:n,onRefresh:a,onSelect:o,onClear:s,onExpandScreen:l})=>(0,i.jsxs)(z,{children:[n&&(0,i.jsxs)("button",{className:"button-option",onClick:n,children:[(0,i.jsx)(u.FiPlusSquare,{className:"icon"})," ",(0,i.jsx)("span",{className:"text",children:"New"})]}),a&&(0,i.jsxs)("button",{className:"button-option",onClick:a,children:[(0,i.jsx)(u.FiRefreshCcw,{className:"icon"})," ",(0,i.jsx)("span",{className:"text",children:"Refresh"})]}),e&&e.length>0&&(0,i.jsxs)(N.Dropdown,{className:"button-option",children:[(0,i.jsxs)(N.Dropdown.Toggle,{id:"btnExport",className:"p-2 bg-light text-dark border-0 font-weight-bold",title:"Export to Excel",children:[(0,i.jsx)(u.FiSave,{className:"icon"}),(0,i.jsx)("span",{style:{fontSize:"13px",fontFamily:'"Inter", sans-serif'},className:"text",children:"Export"})]}),(0,i.jsx)(N.Dropdown.Menu,{children:e.map((r,p)=>(0,i.jsxs)(N.Dropdown.Item,{onClick:r.onAction,children:[(0,i.jsx)("i",{className:`${r.classNameIcon}   mr-2`})," ",r.title]},p))})]}),o&&(0,i.jsxs)("button",{className:"button-option",onClick:o,children:[(0,i.jsx)(u.FiCheckCircle,{className:"icon"})," ",(0,i.jsx)("span",{className:"text",children:"Select All"})]}),s&&(0,i.jsxs)("button",{className:"button-option",onClick:s,children:[(0,i.jsx)(u.FiFilter,{className:"icon"})," ",(0,i.jsx)("span",{className:"text",children:"Clear Filters"})]}),l&&(0,i.jsxs)("button",{className:"button-option",onClick:l,children:[(0,i.jsx)(be.BsArrowsFullscreen,{className:"icon"})," ",(0,i.jsx)("span",{className:"text",children:"Full Page"})]}),t?.map((r,p)=>r.render?r.render:(0,i.jsxs)("button",{className:"button-option",onClick:r.onAction,children:[r.Icon!==void 0&&(0,i.jsx)(r.Icon,{className:"icon"}),(0,i.jsx)("span",{className:"text",children:r.title})]},p))]});var xe=require("react/jsx-runtime"),ze=({title:e})=>(0,xe.jsx)(ee,{children:e??"Home"});0&&(module.exports={AppBreadCrumb,AppBreadCrumbNav,AppLoader,BreadCrumbContext,BreadCrumbContextProvider,BreadCrumbTitle,Breadcrumb,CloseIcon,DrawerContext,DrawerContextProvider,DropEnumList,GlobalProvider,HistoryContext,HistoryContextProvider,ItemLinkSidebar,ItemSidebar,LoaderGrid,Main,MenuItems,MenuOptions,MenuTitle,NavOptions,Navbar,SidebarMainContext,SidebarMainContextProvider,SidebarNavigation,Title});
+        `,o){let r=o;r.classList.add("btn-loading"),r.disabled=!0,r.insertBefore(c,r.firstChild)}return()=>{if(o)if(i)setTimeout(()=>{let r=o;r.classList.remove("btn-loading"),r.removeChild(c),r.disabled=!1},i);else{let r=o;r.classList.remove("btn-loading"),r.removeChild(c),r.disabled=!1}}}},[]),t==="button"?null:o?X.default.createPortal(s,o):s};var g=require("@unifiedsoftware/react-ui"),v=require("react-icons/tb");var a=require("react/jsx-runtime"),Qe=({exportExcel:e,customButtons:t,onCreate:n,onRefresh:i,onSelect:o,onClear:s,onExpandScreen:c,size:r="md",items:x})=>(0,a.jsxs)(N,{children:[n&&(0,a.jsx)(g.Button,{variant:"text",size:r,onClick:n,color:"secondary",startContent:(0,a.jsx)(g.Icon,{color:"primary",children:(0,a.jsx)(v.TbPlus,{className:"icon"})}),children:(0,a.jsx)("span",{className:"text",children:"New"})}),i&&(0,a.jsx)(g.Button,{onClick:i,size:r,variant:"text",color:"secondary",startContent:(0,a.jsx)(g.Icon,{color:"primary",children:(0,a.jsx)(v.TbReload,{className:"icon"})}),children:(0,a.jsx)("span",{className:"text",children:"Refresh"})}),e&&(0,a.jsx)(L,{items:e.items,icon:(0,a.jsx)(v.TbDatabaseExport,{}),triggerProps:{size:r},label:"Export",containerProps:{size:r},onChange:l=>e?.onAction?.(e.items.find(b=>b.value===l)?.value??null)}),o&&(0,a.jsx)(g.Button,{onClick:o,size:r,variant:"text",color:"secondary",startContent:(0,a.jsx)(g.Icon,{color:"primary",children:(0,a.jsx)(v.TbSelect,{className:"icon"})}),children:(0,a.jsx)("span",{className:"text",children:"Select All"})}),s&&(0,a.jsx)(g.Button,{onClick:s,size:r,variant:"text",color:"secondary",startContent:(0,a.jsx)(g.Icon,{color:"primary",children:(0,a.jsx)(v.TbFilter,{className:"icon"})}),children:(0,a.jsx)("span",{className:"text",children:"Clear Filters"})}),c&&(0,a.jsx)(g.Button,{onClick:c,size:r,variant:"text",color:"secondary",startContent:(0,a.jsx)(g.Icon,{color:"primary",children:(0,a.jsx)(v.TbLayoutNavbarExpand,{className:"icon"})}),children:(0,a.jsx)("span",{className:"text",children:"Full Page"})}),t?.map((l,b)=>l.render?l.render:(0,a.jsx)(g.Button,{onClick:l.onAction,size:r,color:"secondary",startContent:l.Icon?(0,a.jsx)(g.Icon,{color:"primary",children:(0,a.jsx)(l.Icon,{className:"icon"})}):void 0,variant:"text",children:(0,a.jsx)("span",{className:"text",children:l.title})},b)),x?.map((l,b)=>l.render?l.render:(0,a.jsx)(g.Button,{onClick:l.onAction,size:r,startContent:l.Icon?(0,a.jsx)(g.Icon,{children:(0,a.jsx)(l.Icon,{className:"icon"})}):void 0,variant:"text",children:(0,a.jsx)("span",{className:"text",children:l.title})},b))]});var Se=require("react/jsx-runtime"),Ye=({title:e})=>(0,Se.jsx)(re,{children:e??"Home"});0&&(module.exports={AppBreadCrumb,AppBreadCrumbNav,AppLoader,BreadCrumbContext,BreadCrumbContextProvider,BreadCrumbTitle,Breadcrumb,CloseIcon,DrawerContext,DrawerContextProvider,DropEnumList,Dropdown,GlobalProvider,HistoryContext,HistoryContextProvider,ItemLinkSidebar,ItemSidebar,LoaderGrid,Main,MenuColumns,MenuItems,MenuOptions,MenuTitle,Menubar,NavOptions,Navbar,SidebarMainContext,SidebarMainContextProvider,SidebarNavigation,Title});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unifiedsoftware/react-components",
-  "version": "2.0.0-alpha.14",
+  "version": "2.0.0-alpha.15",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [