@unifiedsoftware/react-components 1.0.16 → 1.0.17

package/dist/index.js

@@ -1,224 +1,4 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  AppBreadCrumb: () => AppBreadCrumb,
-  AppBreadCrumbNav: () => AppBreadCrumbNav,
-  AppLoader: () => AppLoader,
-  BreadCrumbContext: () => BreadCrumbContext,
-  BreadCrumbContextProvider: () => BreadCrumbContextProvider,
-  BreadCrumbTitle: () => BreadCrumbTitle,
-  Breadcrumb: () => Breadcrumb,
-  CloseIcon: () => CloseIcon,
-  DrawerContext: () => DrawerContext,
-  DrawerContextProvider: () => DrawerContextProvider,
-  DropEnumList: () => DropEnumList,
-  GlobalProvider: () => GlobalProvider,
-  HistoryContext: () => HistoryContext,
-  HistoryContextProvider: () => HistoryContextProvider,
-  ItemLinkSidebar: () => ItemLinkSidebar,
-  ItemSidebar: () => ItemSidebar,
-  LoaderGrid: () => LoaderGrid,
-  Main: () => Main,
-  MenuItems: () => MenuItem,
-  MenuOptions: () => MenuOptions,
-  MenuTitle: () => MenuTitle,
-  NavOptions: () => NavOptions,
-  Navbar: () => Navbar,
-  SidebarMainContext: () => SidebarMainContext,
-  SidebarMainContextProvider: () => SidebarMainContextProvider,
-  SidebarNavigation: () => SidebarNavigation,
-  Title: () => Title
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/components/DropdownEnumList.tsx
-var import_kendo_react_dropdowns = require("@progress/kendo-react-dropdowns");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-function parsearDataForComboBox(array, key, text, itemAll = false) {
-  const dataForComboBox = [];
-  if (itemAll)
-    dataForComboBox.push({ key: "", text: "ALL" });
-  if (array !== void 0) {
-    array.map((a) => {
-      dataForComboBox.push({ key: a[key], text: a[text] });
-    });
-  }
-  return dataForComboBox;
-}
-function GetEnumDescription(key, typeEnum, description) {
-  const listLabel = description.get(typeEnum);
-  let label = void 0;
-  if (listLabel != void 0)
-    label = listLabel.get(parseInt(key));
-  if (label == void 0) {
-    label = typeEnum[key];
-    return label.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" ");
-  }
-  return label;
-}
-function EnumToArray(typeEnum, replaceGuionForSpace = true, description) {
-  const values = [];
-  for (const key in typeEnum) {
-    if (typeof typeEnum[key] === "string")
-      values.push({
-        value: Number(key),
-        label: replaceGuionForSpace ? GetEnumDescription(key, typeEnum, description) : typeEnum[key]
-      });
-  }
-  return values;
-}
-var DropEnumList = ({ dataEnum, description, onChange, width, defaultValue }) => {
-  const [value, setValue] = (0, import_react.useState)("");
-  const [data, setData] = (0, import_react.useState)([]);
-  (0, import_react.useEffect)(() => {
-    setData(
-      parsearDataForComboBox(EnumToArray(dataEnum, true, description), "value", "label", false).sort(
-        (a, b) => Number(a.key) - Number(b.key)
-      )
-    );
-  }, []);
-  (0, import_react.useEffect)(() => {
-    if (data.length > 0) {
-      setValue(data.filter((x) => x.key == defaultValue)[0]);
-    }
-  }, [data]);
-  const handleOptionClick = (e) => {
-    onChange(e);
-    setValue(e);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_kendo_react_dropdowns.DropDownList,
-    {
-      className: "d-inline-block align-middle mr-2",
-      data,
-      dataItemKey: "key",
-      id: "cmbDisplay",
-      name: "cmbDisplay",
-      onChange: (event) => {
-        handleOptionClick(event.value);
-      },
-      textField: "text",
-      style: {
-        width: `${width}px`
-      },
-      defaultValue: value
-    }
-  ) });
-};
-
-// src/contexts/BreadCrumbContext.tsx
-var import_react_ui = require("@unifiedsoftware/react-ui");
-var import_react2 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var BreadCrumbContext = (0, import_react2.createContext)({});
-var BreadCrumbContextProvider = ({ children }) => {
-  const [active, setActive] = (0, import_react_ui.useLocalStorage)("@active", "");
-  const [path, setPath] = (0, import_react_ui.useLocalStorage)("@path", "/");
-  const [goBack, setGoBack] = (0, import_react_ui.useLocalStorage)("@goBack", false);
-  const [pathChild, setPathChild] = (0, import_react_ui.useLocalStorage)("@pathChild", "");
-  const [routes, setRoutes] = (0, import_react2.useState)([]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    BreadCrumbContext.Provider,
-    {
-      value: {
-        active,
-        setActive,
-        path,
-        setPath,
-        goBack,
-        setGoBack,
-        pathChild,
-        setPathChild,
-        routes,
-        setRoutes
-      },
-      children
-    }
-  );
-};
-
-// src/contexts/DrawerContext.tsx
-var import_react3 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var DrawerContext = (0, import_react3.createContext)({});
-var DrawerContextProvider = ({ children }) => {
-  const [active, setActive] = (0, import_react3.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DrawerContext.Provider, { value: { active, setActive }, children });
-};
-
-// src/contexts/HistoryContext.tsx
-var import_react_ui2 = require("@unifiedsoftware/react-ui");
-var import_react4 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var HistoryContext = (0, import_react4.createContext)({});
-var HistoryContextProvider = ({ children }) => {
-  const [list, setList] = (0, import_react_ui2.useLocalStorage)("@list_paths", []);
-  const updateList = (value) => {
-    setList(
-      (prev) => prev.concat({
-        path: value.path,
-        name: value.name,
-        date: /* @__PURE__ */ new Date()
-      })
-    );
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(HistoryContext.Provider, { value: { list, updateList }, children });
-};
-
-// src/contexts/SidebarMainContext.tsx
-var import_react5 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var SidebarMainContext = (0, import_react5.createContext)({});
-var SidebarMainContextProvider = ({ children }) => {
-  const [open, setOpen] = (0, import_react5.useState)(true);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SidebarMainContext.Provider, { value: { open, setOpen }, children });
-};
-
-// src/contexts/GlobalProvider.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function GlobalProvider({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HistoryContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BreadCrumbContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SidebarMainContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DrawerContextProvider, { children }) }) }) });
-}
-
-// src/layout/AppBreadcrumb.tsx
-var import_react_router3 = require("@unifiedsoftware/react-router");
-var import_react6 = require("react");
-var import_md = require("react-icons/md");
-var import_vsc = require("react-icons/vsc");
-
-// src/styled-components/breadcrumb.ts
-var import_styled_components = __toESM(require("styled-components"));
-var Breadcrumb = import_styled_components.default.div`
+"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`
 	font-family: 'Inter', sans-serif;
 	padding: 10px 0px;
 	text-transform: uppercase;
@@ -238,34 +18,27 @@ var Breadcrumb = import_styled_components.default.div`
 			cursor: pointer;
 		}
 	}
-`;
-var BreadCrumbTitle = import_styled_components.default.div`
+`,D=S.default.div`
 	font-family: 'Inter', sans-serif;
 	font-weight: bold;
 	font-size: 1.2rem !important;
 	color: #92190e;
 	margin-top: 15px;
-`;
-var TitlePage = import_styled_components.default.div`
+`,ee=S.default.div`
 	font-family: 'Inter', sans-serif;
 	font-weight: bold;
 	font-size: 1.2rem !important;
 	color: #92190e;
 	margin-top: 15px;
-`;
-
-// src/styled-components/menu.ts
-var import_react_router = require("@unifiedsoftware/react-router");
-var import_styled_components2 = __toESM(require("styled-components"));
-var MenuItem = (0, import_styled_components2.default)(import_react_router.Link)`
+`;var te=require("@unifiedsoftware/react-router"),G=x(require("styled-components")),oe=(0,G.default)(te.Link)`
 	text-decoration: none;
 	color: black;
 	display: flex;
-	justify-content: ${(props) => props.type === "col" ? "center" : "flex-start"};
+	justify-content: ${e=>e.type==="col"?"center":"flex-start"};
 	align-items: center;
-	flex-direction: ${(props) => props.type === "col" ? "column" : "row"};
+	flex-direction: ${e=>e.type==="col"?"column":"row"};
 	border: 1px solid transparent;
-	width: ${(props) => props.width ? props.width : "100px"};
+	width: ${e=>e.width?e.width:"100px"};
 	padding: 10px;
 	text-decoration: none !important;
 	&:hover {
@@ -281,27 +54,20 @@ var MenuItem = (0, import_styled_components2.default)(import_react_router.Link)`
 		font-size: 12px;
 		text-decoration: none !important;
 		color: black;
-		margin-top: ${(props) => props.type === "col" ? "0px" : "15px"};
+		margin-top: ${e=>e.type==="col"?"0px":"15px"};
 		&:hover {
 			text-decoration: none !important;
 		}
 	}
-`;
-var MenuTitle = import_styled_components2.default.p`
+`,ne=G.default.p`
 	font-size: 16px;
 	font-weight: bold !important;
-`;
-
-// src/styled-components/navbar.ts
-var import_styled_components3 = __toESM(require("styled-components"));
-var Navbar = import_styled_components3.default.nav`
-	background: ${(props) => {
-  return !props.$gradient ? ` linear-gradient(
+`;var re=x(require("styled-components")),ie=re.default.nav`
+	background: ${e=>e.$gradient?"#92190e":` linear-gradient(
     90.03deg,
     #92190e 80.71%,
     #f0b92c 107.21%
-  ) !important` : `#92190e`;
-}};
+  ) !important`};
 	z-index: 10;
 	width: 100%;
 	max-width: 100vw;
@@ -344,11 +110,7 @@ var Navbar = import_styled_components3.default.nav`
 		left: 50%;
 		transform: translate(-50%, -50%);
 	}
-`;
-
-// src/styled-components/options.ts
-var import_styled_components4 = __toESM(require("styled-components"));
-var MenuOptions = import_styled_components4.default.div`
+`;var ae=x(require("styled-components")),z=ae.default.div`
 	font-size: bold;
 	display: flex;
 	width: 100%;
@@ -376,12 +138,7 @@ var MenuOptions = import_styled_components4.default.div`
 			}
 		}
 	}
-`;
-
-// src/styled-components/sidebar.ts
-var import_react_router2 = require("@unifiedsoftware/react-router");
-var import_styled_components5 = __toESM(require("styled-components"));
-var ItemSidebar = import_styled_components5.default.div`
+`;var se=require("@unifiedsoftware/react-router"),y=x(require("styled-components")),le=y.default.div`
 	padding: 10px 25px;
 	display: flex;
 	align-items: center;
@@ -403,9 +160,8 @@ var ItemSidebar = import_styled_components5.default.div`
 			color: white !important;
 		}
 	}
-`;
-var SidebarNavigation = import_styled_components5.default.nav`
-	position: ${({ $fixed = true }) => $fixed ? "fixed" : "static"};
+`,de=y.default.nav`
+	position: ${({$fixed:e=!0})=>e?"fixed":"static"};
 	top: 0;
 	left: 0;
 	min-height: 100vh;
@@ -415,13 +171,13 @@ var SidebarNavigation = import_styled_components5.default.nav`
 	background: white;
 	font-family: 'Inter', sans-serif;
 	padding: 0;
-	width: ${({ $fixed = true, $active = true }) => $fixed ? $active ? "270px" : "0px" : "auto"};
+	width: ${({$fixed:e=!0,$active:t=!0})=>e?t?"270px":"0px":"auto"};
 	z-index: 11;
 	transition: width 0.2s ease-in-out;
 	overflow: hidden;
 	height: 100vh;
 	overflow-y: auto;
-	box-shadow: ${({ $shadow = true }) => $shadow ? "rgba(99, 99, 99, 0.2) 0px 2px 8px 0px" : "none"};
+	box-shadow: ${({$shadow:e=!0})=>e?"rgba(99, 99, 99, 0.2) 0px 2px 8px 0px":"none"};
 
 	&::-webkit-scrollbar {
 		display: none !important;
@@ -563,8 +319,7 @@ var SidebarNavigation = import_styled_components5.default.nav`
 			}
 		}
 	}
-`;
-var ConfigurationOption = import_styled_components5.default.nav`
+`,ot=y.default.nav`
 	position: fixed;
 	top: 50px;
 	right: 0;
@@ -576,12 +331,11 @@ var ConfigurationOption = import_styled_components5.default.nav`
 
 	font-family: 'Inter', sans-serif;
 	padding: 0;
-	width: ${(props) => props.$active ? "300px" : "0px"};
+	width: ${e=>e.$active?"300px":"0px"};
 	z-index: 11;
 	transition: width 0.2s ease-in-out;
 	overflow: hidden !important;
-`;
-var ItemLinkSidebar = (0, import_styled_components5.default)(import_react_router2.Link)`
+`,pe=(0,y.default)(se.Link)`
 	padding: 10px 25px;
 	display: flex;
 	align-items: center;
@@ -597,11 +351,7 @@ var ItemLinkSidebar = (0, import_styled_components5.default)(import_react_router
 			color: white !important;
 		}
 	}
-`;
-
-// src/styled-components/template.ts
-var import_styled_components6 = __toESM(require("styled-components"));
-var Main = import_styled_components6.default.main`
+`;var q=x(require("styled-components")),ce=q.default.main`
 	width: 100%;
 	min-height: 90vh;
 	display: flex;
@@ -610,14 +360,11 @@ var Main = import_styled_components6.default.main`
 	background-color: white;
 	padding: 10px 60px;
 	position: relative;
-	padding-left: ${(props) => {
-  return props.$activeDrawer ? `300px` : `30px`;
-}};
+	padding-left: ${e=>e.$activeDrawer?"300px":"30px"};
 	@media (max-width: 470px) {
 		padding: 10px 10px;
 	}
-`;
-var CloseIcon = import_styled_components6.default.button`
+`,R=q.default.button`
 	color: black;
 	text-decoration: none;
 	border: none;
@@ -636,237 +383,6 @@ var CloseIcon = import_styled_components6.default.button`
 		text-decoration: none;
 		background-color: #e8e8e8;
 	}
-`;
-
-// src/layout/AppBreadcrumb.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var AppBreadCrumb = ({ title, paths }) => {
-  const { setRoutes } = (0, import_react6.useContext)(BreadCrumbContext);
-  (0, import_react6.useEffect)(() => {
-    if (!(paths == null ? void 0 : paths.length))
-      return;
-    setRoutes(paths != null ? paths : []);
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(BreadCrumbTitle, { children: title != null ? title : "Home" });
-};
-var AppBreadCrumbNav = ({ paths }) => {
-  const router = (0, import_react_router3.useRouter)();
-  const { active, path, routes, setRoutes } = (0, import_react6.useContext)(BreadCrumbContext);
-  const { updateList } = (0, import_react6.useContext)(HistoryContext);
-  (0, import_react6.useEffect)(() => {
-    updateList({ name: active, path });
-  }, [path, active]);
-  (0, import_react6.useEffect)(() => {
-    setRoutes(paths != null ? paths : []);
-  }, [paths]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Breadcrumb, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "d-flex align-items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_router3.Link, { href: "/", className: "link", children: "HOME" }),
-      routes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_vsc.VscChevronRight, { color: "black" }),
-      routes.length > 0 ? routes.map((i, idx, arr) => {
-        if (i.route === -1) {
-          return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "link", onClick: () => router.back(), children: [
-            i.title,
-            " ",
-            idx + 1 === arr.length ? "" : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_vsc.VscChevronRight, { color: "black" })
-          ] }, idx);
-        }
-        return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_router3.Link, { href: i.route, className: "link", children: [
-          i.title,
-          " ",
-          idx + 1 === arr.length ? "" : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_vsc.VscChevronRight, { color: "black" })
-        ] }, idx);
-      }) : ""
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      CloseIcon,
-      {
-        onClick: () => {
-          if ((routes == null ? void 0 : routes.length) === 1) {
-            router.push("/");
-            setRoutes([]);
-            return;
-          }
-          router.push(`${routes && routes[(routes == null ? void 0 : routes.length) - 2].route}`);
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_md.MdClose, { fontSize: 20 })
-      }
-    )
-  ] });
-};
-
-// src/layout/AppLoader.tsx
-var import_react7 = require("react");
-var import_react_dom = __toESM(require("react-dom"));
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var LoaderGrid = () => {
-  const Loader = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "k-loading-mask", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "k-loading-text", children: "Loading" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "k-loading-image" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "k-loading-color" })
-  ] });
-  const gridContent = document && document.querySelector(".k-grid-content");
-  const reportContent = document && document.querySelector(".loading-report");
-  return gridContent ? import_react_dom.default.createPortal(Loader, gridContent) : reportContent ? import_react_dom.default.createPortal(Loader, reportContent) : Loader;
-};
-var AppLoader = (props) => {
-  const { type = "grid", parent, minDuration } = props;
-  const parentEl = type === "grid" ? document.querySelector(parent != null ? parent : ".k-grid-container") : parent ? document.querySelector(parent) : null;
-  const Loading = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `${type}-loading k-loading-mask`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "k-loading-text", children: "Loading" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "k-loading-image" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "k-loading-color" })
-  ] });
-  (0, import_react7.useEffect)(() => {
-    if (type === "button") {
-      const loadingEl = document.createElement("div");
-      loadingEl.className = "icon button-loading k-loading-mask";
-      loadingEl.innerHTML = `
+`;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=`
             <div class="k-loading-image"></div>
-        `;
-      if (parentEl) {
-        const button = parentEl;
-        button.classList.add("btn-loading");
-        button.disabled = true;
-        button.insertBefore(loadingEl, button.firstChild);
-      }
-      return () => {
-        if (parentEl) {
-          if (minDuration) {
-            setTimeout(() => {
-              const button = parentEl;
-              button.classList.remove("btn-loading");
-              button.removeChild(loadingEl);
-              button.disabled = false;
-            }, minDuration);
-          } else {
-            const button = parentEl;
-            button.classList.remove("btn-loading");
-            button.removeChild(loadingEl);
-            button.disabled = false;
-          }
-        }
-      };
-    }
-  }, []);
-  return type === "button" ? null : parentEl ? import_react_dom.default.createPortal(Loading, parentEl) : Loading;
-};
-
-// src/layout/NavOptions.tsx
-var import_react_bootstrap = require("react-bootstrap");
-var import_bs = require("react-icons/bs");
-var import_fi = require("react-icons/fi");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var NavOptions = ({
-  exportExcel,
-  customButtons,
-  onCreate,
-  onRefresh,
-  onSelect,
-  onClear,
-  onExpandScreen
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(MenuOptions, { children: [
-    onCreate && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { className: "button-option", onClick: onCreate, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_fi.FiPlusSquare, { className: "icon" }),
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text", children: "New" })
-    ] }),
-    onRefresh && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { className: "button-option", onClick: onRefresh, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_fi.FiRefreshCcw, { className: "icon" }),
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text", children: "Refresh" })
-    ] }),
-    exportExcel && exportExcel.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_bootstrap.Dropdown, { className: "button-option", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-        import_react_bootstrap.Dropdown.Toggle,
-        {
-          id: "btnExport",
-          className: "p-2 bg-light text-dark border-0 font-weight-bold",
-          title: "Export to Excel",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_fi.FiSave, { className: "icon" }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-              "span",
-              {
-                style: {
-                  fontSize: "13px",
-                  fontFamily: '"Inter", sans-serif'
-                },
-                className: "text",
-                children: "Export"
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_bootstrap.Dropdown.Menu, { children: exportExcel.map((item, index) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_bootstrap.Dropdown.Item, { onClick: item.onAction, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("i", { className: `${item.classNameIcon}   mr-2` }),
-          " ",
-          item.title
-        ] }, index);
-      }) })
-    ] }),
-    onSelect && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { className: "button-option", onClick: onSelect, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_fi.FiCheckCircle, { className: "icon" }),
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text", children: "Select All" })
-    ] }),
-    onClear && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { className: "button-option", onClick: onClear, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_fi.FiFilter, { className: "icon" }),
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text", children: "Clear Filters" })
-    ] }),
-    onExpandScreen && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { className: "button-option", onClick: onExpandScreen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_bs.BsArrowsFullscreen, { className: "icon" }),
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text", children: "Full Page" })
-    ] }),
-    customButtons == null ? void 0 : customButtons.map((custom, index) => {
-      if (custom.render) {
-        return custom.render;
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { className: "button-option", onClick: custom.onAction, children: [
-        custom.Icon !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(custom.Icon, { className: "icon" }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text", children: custom.title })
-      ] }, index);
-    })
-  ] });
-};
-
-// src/layout/title.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var Title = ({ title }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TitlePage, { children: title != null ? title : "Home" });
-};
-// Annotate the CommonJS export names for ESM import in node:
-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(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});