@asaleh37/ui-base 1.0.8 → 1.1.0

package/dist/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react-redux"),t=require("@reduxjs/toolkit"),n=require("@mui/material"),o=require("@fortawesome/fontawesome-svg-core"),c=require("@fortawesome/free-brands-svg-icons"),i=require("@fortawesome/free-regular-svg-icons"),a=require("@fortawesome/free-solid-svg-icons"),s=require("@mui/x-license");require("react-toastify/dist/ReactToastify.css");var u=require("zod"),f=require("react-toastify"),l=require("@fortawesome/react-fontawesome"),d=t.createSlice({name:"counter",initialState:{value:0},reducers:{increament:function(e){e.value=e.value+1},decreament:function(e){e.value=e.value-1}}}),m=d.actions,p=d.reducer,b=t.configureStore({reducer:{counter:p}}),x=function(){var t=r.useSelector((function(e){return e.counter.value})),o=r.useDispatch();return e.jsxs(e.Fragment,{children:[e.jsxs("div",{children:["Counter : ",t]}),e.jsx(n.Button,{variant:"contained",color:"success",onClick:function(){o(m.increament())},children:"increment"}),e.jsx(n.Button,{variant:"contained",color:"error",onClick:function(){o(m.decreament())},children:"decrement"})]})};s.LicenseInfo.setLicenseKey("c2bd611fa642666253500ab9c8e4f78fTz0xMTE4MjEsRT0xNzc2OTg4Nzk5MDAwLFM9cHJlbWl1bSxMTT1zdWJzY3JpcHRpb24sUFY9aW5pdGlhbCxLVj0y"),o.library.add(c.fab),o.library.add(i.far),o.library.add(a.fas);Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return f.toast}}),Object.defineProperty(exports,"FontAwesomeIcon",{enumerable:!0,get:function(){return l.FontAwesomeIcon}}),exports.BaseApp=function(t){return e.jsxs(r.Provider,{store:b,children:[e.jsx("div",{children:"Base App"}),e.jsx(x,{})]})},Object.keys(n).forEach((function(e){"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return n[e]}})})),Object.keys(u).forEach((function(e){"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return u[e]}})}));
+"use strict";var e=require("react/jsx-runtime"),a=require("react-redux"),t=require("@reduxjs/toolkit"),r=require("@fortawesome/fontawesome-svg-core"),o=require("@fortawesome/free-brands-svg-icons"),n=require("@fortawesome/free-regular-svg-icons"),i=require("@fortawesome/free-solid-svg-icons"),s=require("@mui/x-license");require("react-toastify/dist/ReactToastify.css");var d=require("@mui/material"),l=require("zod"),u=require("react-toastify"),c=require("@fortawesome/react-fontawesome");const p={sideBarOpened:!1,themeMode:localStorage.getItem("themeMode")||"light",appDirection:"ar"==localStorage.getItem("language")?"rtl":"ltr"},m=t.createSlice({name:"AppLayout",initialState:p,reducers:{toggleSideBarState:e=>{e.sideBarOpened=!e.sideBarOpened},setSideBarState:(e,a)=>{e.sideBarOpened=a.payload},setThemeMode:(e,a)=>{e.themeMode=a.payload},setAppDirection:(e,a)=>{e.appDirection=a.payload}}});m.actions;var y=m.reducer;const f=t.createSlice({name:"UserSession",initialState:{value:{isAuthenticated:null,authorities:[],userProfile:null}},reducers:{setAuthenticated:(e,a)=>{e.value=a.payload},setUnAuthenticated:e=>{e.value={isAuthenticated:!1,authorities:[],userProfile:null}}}});f.actions;var h=f.reducer;const g=t.createSlice({name:"loadingMask",initialState:{value:{isOpened:!1,message:null}},reducers:{showLoadingMask:(e,a)=>{e.value.isOpened=!0,e.value.message=a.payload},hideLoadingMask:e=>{e.value.isOpened=!1,e.value.message=null}}}),{showLoadingMask:v,hideLoadingMask:S}=g.actions;var b=g.reducer;const L={SystemDataSourceType:{autoLoad:!1,data:[{value:"Mysql"},{value:"Oracle"},{value:"DB2"}],url:""},SystemParameterTypes:{autoLoad:!1,url:"",data:[{value:"datetime"},{value:"date"},{value:"text"},{value:"number"},{value:"droplist"}]},SystemReportTypes:{autoLoad:!1,url:"",data:[{value:"Excel"},{value:"Jasper"},{value:"Blueprint"}]},SystemWidgetTypes:{autoLoad:!1,url:"",data:[{name:"LineChart"},{name:"ColumnChart"},{name:"PieChart"},{name:"Card"},{name:"CircularProgress"},{name:"LinearProgress"}]},SystemMailRecipientTypes:{autoLoad:!1,url:"",data:[{name:"To"},{name:"CC"}]},SystemDataSources:{autoLoad:!0,data:[],authority:"DEVELOPMENT_ADMIN",url:"api/v1/admin/datasourceconnection/all"},SystemDataQueries:{autoLoad:!0,data:[],authority:"DEVELOPMENT_ADMIN",url:"api/v1/admin/dataquery/all"},SystemEntityParameters:{autoLoad:!0,data:[],authority:"DEVELOPMENT_ADMIN",url:"api/v1/admin/entityparameter/all"},SystemAuthorities:{autoLoad:!0,data:[],authority:"DEVELOPMENT_ADMIN",url:"api/v1/admin/authority/all"},SystemRoles:{autoLoad:!0,data:[],authority:"DEVELOPMENT_ADMIN",url:"api/v1/admin/role/all"}},M=t.createSlice({name:"loadingMask",initialState:L,reducers:{setStoreData(e,a){e[a.payload.storeKey].data=a.payload.data}}}),{setStoreData:x}=M.actions;var O=M.reducer;const E=t.createSlice({name:"AppInfo",initialState:{documentTitle:"",apiBaseUrl:"",appName:"",appVersion:"",appLogo:null},reducers:{setAppInfo:(e,a)=>{a.payload}}});E.actions;var T=E.reducer;const A=t.configureStore({reducer:{AppLayout:y,UserSession:h,loadingMask:b,commonStores:O,AppInfo:T}});!function(e,a){void 0===a&&(a={});var t=a.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("html,\r\nbody {\r\n  height: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#root {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  background-color: aliceblue;\r\n}\r\n\r\n.red-row {\r\n  background-color: #f0d8d8;\r\n}\r\n"),s.LicenseInfo.setLicenseKey("c2bd611fa642666253500ab9c8e4f78fTz0xMTE4MjEsRT0xNzc2OTg4Nzk5MDAwLFM9cHJlbWl1bSxMTT1zdWJzY3JpcHRpb24sUFY9aW5pdGlhbCxLVj0y"),r.library.add(o.fab),r.library.add(n.far),r.library.add(i.fas);Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return u.toast}}),Object.defineProperty(exports,"FontAwesomeIcon",{enumerable:!0,get:function(){return c.FontAwesomeIcon}}),exports.BaseApp=t=>e.jsx(a.Provider,{store:A,children:e.jsx("div",{children:"Base App"})}),Object.keys(d).forEach((function(e){"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return d[e]}})})),Object.keys(l).forEach((function(e){"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return l[e]}})}));
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/redux/CounterSlice.ts","../src/redux/store.ts","../src/components/Counter.tsx","../src/components/BaseApp.tsx"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\r\n\r\nconst CounterSlice = createSlice({\r\n  name: \"counter\",\r\n  initialState: { value: 0 },\r\n  reducers: {\r\n    increament: (state) => {\r\n      state.value = state.value + 1;\r\n    },\r\n    decreament: (state) => {\r\n      state.value = state.value - 1;\r\n    },\r\n  },\r\n});\r\n\r\nexport const CounterActions = CounterSlice.actions;\r\nexport default CounterSlice.reducer;\r\n","import { configureStore } from \"@reduxjs/toolkit\";\r\nimport CounterReducer from \"./CounterSlice\";\r\n// import AppLayoutReducer from \"./features/common/AppLayoutSlice\";\r\n// import UserSessionReducer from \"./features/common/UserSessionSlice\";\r\n// import LoadingMaskReducer from \"./features/common/LoadingMaskSlice\";\r\n// import CommonStoreReducer from \"./features/business/CommonStoreSlice\";\r\n\r\nexport const store = configureStore({\r\n  reducer: {\r\n    // AppLayout: AppLayoutReducer,\r\n    // UserSession: UserSessionReducer,\r\n    // loadingMask: LoadingMaskReducer,\r\n    // commonStores: CommonStoreReducer,\r\n    counter: CounterReducer,\r\n  },\r\n});\r\n\r\n// Infer the `RootState` and `AppDispatch` types from the store itself\r\nexport type RootState = ReturnType<typeof store.getState>;\r\nexport type AppDispatch = typeof store.dispatch;\r\n","import { useDispatch, useSelector } from \"react-redux\";\r\nimport { RootState } from \"../redux/store\";\r\nimport { Button } from \"@mui/material\";\r\nimport { CounterActions } from \"../redux/CounterSlice\";\r\n\r\nexport const Counter: React.FC = () => {\r\n  const counter = useSelector((state: RootState) => state.counter.value);\r\n  const dispatch = useDispatch();\r\n  return (\r\n    <>\r\n      <div>Counter : {counter}</div>\r\n      <Button\r\n        variant=\"contained\"\r\n        color=\"success\"\r\n        onClick={() => {\r\n          dispatch(CounterActions.increament());\r\n        }}\r\n      >\r\n        increment\r\n      </Button>\r\n      <Button\r\n        variant=\"contained\"\r\n        color=\"error\"\r\n        onClick={() => {\r\n          dispatch(CounterActions.decreament());\r\n        }}\r\n      >\r\n        decrement\r\n      </Button>\r\n    </>\r\n  );\r\n};\r\n","import { Provider } from \"react-redux\";\r\nimport { store } from \"../redux/store\";\r\nimport { Counter } from \"./Counter\";\r\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\r\nimport { fab } from \"@fortawesome/free-brands-svg-icons\";\r\nimport { far } from \"@fortawesome/free-regular-svg-icons\";\r\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { LicenseInfo } from \"@mui/x-license\";\r\n\r\nLicenseInfo.setLicenseKey(\r\n  \"c2bd611fa642666253500ab9c8e4f78fTz0xMTE4MjEsRT0xNzc2OTg4Nzk5MDAwLFM9cHJlbWl1bSxMTT1zdWJzY3JpcHRpb24sUFY9aW5pdGlhbCxLVj0y\"\r\n);\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\n\r\nlibrary.add(fab);\r\nlibrary.add(far);\r\nlibrary.add(fas);\r\n\r\nexport type BaseAppProps = {};\r\n\r\nexport const BaseApp: React.FC<BaseAppProps> = (props) => {\r\n  return (\r\n    <Provider store={store}>\r\n      <div>Base App</div>\r\n      <Counter />\r\n    </Provider>\r\n  );\r\n};\r\n"],"names":["CounterSlice","createSlice","name","initialState","value","reducers","increament","state","decreament","CounterActions","actions","CounterReducer","reducer","store","configureStore","counter","Counter","useSelector","dispatch","useDispatch","_jsxs","jsxs","_Fragment","Fragment","children","_jsx","Button","variant","color","onClick","jsx","LicenseInfo","setLicenseKey","library","add","fab","far","fas","props","Provider"],"mappings":"2eAEMA,EAAeC,EAAAA,YAAY,CAC/BC,KAAM,UACNC,aAAc,CAAEC,MAAO,GACvBC,SAAU,CACRC,WAAY,SAACC,GACXA,EAAMH,MAAQG,EAAMH,MAAQ,CAC7B,EACDI,WAAY,SAACD,GACXA,EAAMH,MAAQG,EAAMH,MAAQ,CAC7B,KAIQK,EAAiBT,EAAaU,QAC5BC,EAAAX,EAAaY,QCTfC,EAAQC,EAAAA,eAAe,CAClCF,QAAS,CAKPG,QAASJ,KCRAK,EAAoB,WAC/B,IAAMD,EAAUE,EAAWA,aAAC,SAACV,GAAqB,OAAAA,EAAMQ,QAAQX,SAC1Dc,EAAWC,EAAAA,cACjB,OACEC,EACEC,KAAAC,EAAAC,SAAA,CAAAC,SAAA,CAAAJ,EAAAA,KAAA,MAAA,CAAAI,SAAA,CAAA,aAAgBT,KAChBU,MAACC,EAAAA,OAAM,CACLC,QAAQ,YACRC,MAAM,UACNC,QAAS,WACPX,EAAST,EAAeH,aACzB,EAGMkB,SAAA,cACTC,EAACK,IAAAJ,EAAMA,QACLC,QAAQ,YACRC,MAAM,QACNC,QAAS,WACPX,EAAST,EAAeD,aACzB,EAAAgB,SAAA,gBAMT,ECtBAO,EAAAA,YAAYC,cACV,4HAIFC,EAAAA,QAAQC,IAAIC,EAAAA,KACZF,EAAAA,QAAQC,IAAIE,EAAAA,KACZH,EAAAA,QAAQC,IAAIG,EAAAA,qNAImC,SAACC,GAC9C,OACElB,EAAAA,KAACmB,EAAAA,SAAQ,CAAC1B,MAAOA,EACfW,SAAA,CAAAC,MAAA,MAAA,CAAAD,SAAA,aACAC,EAAAA,IAACT,EAAU,CAAA,KAGjB"}
+{"version":3,"file":"index.js","sources":["../src/redux/features/common/AppLayoutSlice.ts","../src/redux/features/common/UserSessionSlice.ts","../src/redux/features/common/LoadingMaskSlice.ts","../src/redux/features/business/BusinessStoresMetaData.ts","../src/redux/features/business/CommonStoreSlice.ts","../src/redux/features/administration/AdministrationStoresMetaData.ts","../src/redux/features/common/AppInfoSlice.ts","../src/redux/store.ts","../node_modules/style-inject/dist/style-inject.es.js","../src/components/BaseApp.tsx"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\r\n\r\nexport const DRAWER_WIDTH = 350;\r\n\r\ninterface AppLayoutState {\r\n  sideBarOpened: boolean;\r\n  themeMode: \"light\" | \"dark\" | string;\r\n  appDirection: \"ltr\" | \"rtl\";\r\n}\r\n\r\nconst initialState: AppLayoutState = {\r\n  sideBarOpened: false,\r\n  themeMode: localStorage.getItem(\"themeMode\") || \"light\",\r\n  appDirection: localStorage.getItem(\"language\") == \"ar\" ? \"rtl\" : \"ltr\",\r\n};\r\n\r\nconst AppLayoutSlice = createSlice({\r\n  name: \"AppLayout\",\r\n  initialState,\r\n  reducers: {\r\n    toggleSideBarState: (state) => {\r\n      state.sideBarOpened = !state.sideBarOpened;\r\n    },\r\n    setSideBarState: (state, action) => {\r\n      state.sideBarOpened = action.payload;\r\n    },\r\n    setThemeMode: (state, action) => {\r\n      state.themeMode = action.payload;\r\n    },\r\n    setAppDirection: (state, action) => {\r\n      state.appDirection = action.payload;\r\n    },\r\n  },\r\n});\r\n\r\nexport const AppLayoutActions = AppLayoutSlice.actions;\r\nexport default AppLayoutSlice.reducer;\r\n","import { createSlice } from \"@reduxjs/toolkit\";\r\n\r\nexport interface OrganizationProps {\r\n  organizationCode?: string;\r\n  organizationName?: string;\r\n}\r\nexport interface UserProfileProps {\r\n  username?: string;\r\n  currentOrganizationCode?: string;\r\n  userOrganizations?: Array<OrganizationProps>;\r\n  employeeNumber?: string;\r\n  employeeName?: string;\r\n  divisionCode?: string;\r\n  divisionName?: string;\r\n  departmentCode?: string;\r\n  departmentName?: string;\r\n  rankCode?: string;\r\n  rankName?: string;\r\n  sectionCode?: string;\r\n  sectionName?: string;\r\n  subsectionCode?: string;\r\n  subsectionName?: string;\r\n  extNumber?: string;\r\n  mobileNumber?: string;\r\n  email?: string;\r\n}\r\n\r\nexport interface UserSessionProps {\r\n  value: {\r\n    isAuthenticated: boolean | null;\r\n    userProfile: UserProfileProps | null;\r\n    authorities: Array<{ authority: string }>;\r\n  };\r\n}\r\n\r\nconst initialState: UserSessionProps = {\r\n  value: {\r\n    isAuthenticated: null,\r\n    authorities: [],\r\n    userProfile: null,\r\n  },\r\n};\r\n\r\nconst UserSessionSlice = createSlice({\r\n  name: \"UserSession\",\r\n  initialState,\r\n  reducers: {\r\n    setAuthenticated: (state, action) => {\r\n      state.value = action.payload;\r\n    },\r\n    setUnAuthenticated: (state) => {\r\n      state.value = {\r\n        isAuthenticated: false,\r\n        authorities: [],\r\n        userProfile: null,\r\n      };\r\n    },\r\n  },\r\n});\r\n\r\nexport const UserSessionActions = UserSessionSlice.actions;\r\nexport default UserSessionSlice.reducer;\r\n","import { createSlice, PayloadAction } from \"@reduxjs/toolkit\";\r\n\r\ninterface LoadingMaskStateValue {\r\n  value: { isOpened: boolean; message?: string | null };\r\n}\r\n\r\nconst initialState: LoadingMaskStateValue = {\r\n  value: { isOpened: false, message: null },\r\n};\r\n\r\nconst loadingMaskSlice = createSlice({\r\n  name: \"loadingMask\",\r\n  initialState,\r\n  reducers: {\r\n    showLoadingMask: (\r\n      state,\r\n      action: PayloadAction<string | null | undefined>\r\n    ) => {\r\n      state.value.isOpened = true;\r\n      state.value.message = action.payload;\r\n    },\r\n    hideLoadingMask: (state) => {\r\n      state.value.isOpened = false;\r\n      state.value.message = null;\r\n    },\r\n  },\r\n});\r\n\r\nexport const { showLoadingMask, hideLoadingMask } = loadingMaskSlice.actions;\r\nexport default loadingMaskSlice.reducer;\r\n","import { CommonStoresInterface } from \"./CommonStoreSlice\";\r\n\r\nexport const BUSINESS_STORES: CommonStoresInterface = {};\r\n","import { createSlice, PayloadAction } from \"@reduxjs/toolkit\";\r\nimport { BUSINESS_STORES } from \"./BusinessStoresMetaData\";\r\nimport { ADMINISTRATION_STORES } from \"../administration/AdministrationStoresMetaData\";\r\n\r\nexport interface CommonStoresInterface {\r\n  [key: string]: StoreMetaData;\r\n}\r\n\r\ninterface setStoreDataProps {\r\n  storeKey: string;\r\n  data: Array<any>;\r\n}\r\n\r\nexport interface StoreMetaData {\r\n  url: string;\r\n  data: Array<any>;\r\n  autoLoad: boolean;\r\n  authority?: string;\r\n}\r\n\r\nconst initialState: CommonStoresInterface = {\r\n  ...BUSINESS_STORES,\r\n  ...ADMINISTRATION_STORES,\r\n};\r\n\r\nconst commonStoreSlice = createSlice({\r\n  name: \"loadingMask\",\r\n  initialState,\r\n  reducers: {\r\n    setStoreData(state, action: PayloadAction<setStoreDataProps>) {\r\n      state[action.payload.storeKey].data = action.payload.data;\r\n    },\r\n  },\r\n});\r\n\r\nexport const { setStoreData } = commonStoreSlice.actions;\r\nexport default commonStoreSlice.reducer;\r\n","import { CommonStoresInterface } from \"../business/CommonStoreSlice\";\r\n\r\nexport const ADMINISTRATION_STORES: CommonStoresInterface = {\r\n  SystemDataSourceType: {\r\n    autoLoad: false,\r\n    data: [{ value: \"Mysql\" }, { value: \"Oracle\" }, { value: \"DB2\" }],\r\n    url: \"\",\r\n  },\r\n  SystemParameterTypes: {\r\n    autoLoad: false,\r\n    url: \"\",\r\n    data: [\r\n      { value: \"datetime\" },\r\n      { value: \"date\" },\r\n      { value: \"text\" },\r\n      { value: \"number\" },\r\n      { value: \"droplist\" },\r\n    ],\r\n  },\r\n  SystemReportTypes: {\r\n    autoLoad: false,\r\n    url: \"\",\r\n    data: [{ value: \"Excel\" }, { value: \"Jasper\" }, { value: \"Blueprint\" }],\r\n  },\r\n  SystemWidgetTypes: {\r\n    autoLoad: false,\r\n    url: \"\",\r\n    data: [\r\n      { name: \"LineChart\" },\r\n      { name: \"ColumnChart\" },\r\n      { name: \"PieChart\" },\r\n      { name: \"Card\" },\r\n      { name: \"CircularProgress\" },\r\n      { name: \"LinearProgress\" },\r\n    ],\r\n  },\r\n  SystemMailRecipientTypes: {\r\n    autoLoad: false,\r\n    url: \"\",\r\n    data: [{ name: \"To\" }, { name: \"CC\" }],\r\n  },\r\n  SystemDataSources: {\r\n    autoLoad: true,\r\n    data: [],\r\n    authority: \"DEVELOPMENT_ADMIN\",\r\n    url: \"api/v1/admin/datasourceconnection/all\",\r\n  },\r\n  SystemDataQueries: {\r\n    autoLoad: true,\r\n    data: [],\r\n    authority: \"DEVELOPMENT_ADMIN\",\r\n    url: \"api/v1/admin/dataquery/all\",\r\n  },\r\n  SystemEntityParameters: {\r\n    autoLoad: true,\r\n    data: [],\r\n    authority: \"DEVELOPMENT_ADMIN\",\r\n    url: \"api/v1/admin/entityparameter/all\",\r\n  },\r\n  SystemAuthorities: {\r\n    autoLoad: true,\r\n    data: [],\r\n    authority: \"DEVELOPMENT_ADMIN\",\r\n    url: \"api/v1/admin/authority/all\",\r\n  },\r\n  SystemRoles: {\r\n    autoLoad: true,\r\n    data: [],\r\n    authority: \"DEVELOPMENT_ADMIN\",\r\n    url: \"api/v1/admin/role/all\",\r\n  },\r\n};\r\n","import { createSlice } from \"@reduxjs/toolkit\";\r\n\r\nexport type AppInfo = {\r\n  documentTitle: string;\r\n  apiBaseUrl: string;\r\n  appName: string;\r\n  appVersion: string;\r\n  appLogo: any;\r\n};\r\n\r\nconst initialState: AppInfo = {\r\n  documentTitle: \"\",\r\n  apiBaseUrl: \"\",\r\n  appName: \"\",\r\n  appVersion: \"\",\r\n  appLogo: null,\r\n};\r\n\r\nconst AppInfoSlice = createSlice({\r\n  name: \"AppInfo\",\r\n  initialState: initialState,\r\n  reducers: {\r\n    setAppInfo: (state, action) => {\r\n      state = action.payload;\r\n    },\r\n  },\r\n});\r\n\r\nexport const AppInfoActions = AppInfoSlice.actions;\r\nexport default AppInfoSlice.reducer;\r\n","import { configureStore } from \"@reduxjs/toolkit\";\r\nimport AppLayoutReducer from \"./features/common/AppLayoutSlice\";\r\nimport UserSessionReducer from \"./features/common/UserSessionSlice\";\r\nimport LoadingMaskReducer from \"./features/common/LoadingMaskSlice\";\r\nimport CommonStoreReducer from \"./features/business/CommonStoreSlice\";\r\nimport AppInfoReducer from \"./features/common/AppInfoSlice\";\r\n\r\nexport const store = configureStore({\r\n  reducer: {\r\n    AppLayout: AppLayoutReducer,\r\n    UserSession: UserSessionReducer,\r\n    loadingMask: LoadingMaskReducer,\r\n    commonStores: CommonStoreReducer,\r\n    AppInfo: AppInfoReducer,\r\n  },\r\n});\r\n\r\n// Infer the `RootState` and `AppDispatch` types from the store itself\r\nexport type RootState = ReturnType<typeof store.getState>;\r\nexport type AppDispatch = typeof store.dispatch;\r\n","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import { Provider } from \"react-redux\";\r\nimport { store } from \"../redux/store\";\r\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\r\nimport { fab } from \"@fortawesome/free-brands-svg-icons\";\r\nimport { far } from \"@fortawesome/free-regular-svg-icons\";\r\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\r\nimport \"../styles/index.css\";\r\nimport { LicenseInfo } from \"@mui/x-license\";\r\n\r\nLicenseInfo.setLicenseKey(\r\n  \"c2bd611fa642666253500ab9c8e4f78fTz0xMTE4MjEsRT0xNzc2OTg4Nzk5MDAwLFM9cHJlbWl1bSxMTT1zdWJzY3JpcHRpb24sUFY9aW5pdGlhbCxLVj0y\"\r\n);\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\n\r\nlibrary.add(fab);\r\nlibrary.add(far);\r\nlibrary.add(fas);\r\n\r\nexport type BaseAppProps = {};\r\n\r\nexport const BaseApp: React.FC<BaseAppProps> = (props) => {\r\n  return (\r\n    <Provider store={store}>\r\n      <div>Base App</div>      \r\n    </Provider>\r\n  );\r\n};\r\n"],"names":["initialState","sideBarOpened","themeMode","localStorage","getItem","appDirection","AppLayoutSlice","createSlice","name","reducers","toggleSideBarState","state","setSideBarState","action","payload","setThemeMode","setAppDirection","actions","AppLayoutReducer","reducer","UserSessionSlice","value","isAuthenticated","authorities","userProfile","setAuthenticated","setUnAuthenticated","UserSessionReducer","loadingMaskSlice","isOpened","message","showLoadingMask","hideLoadingMask","LoadingMaskReducer","SystemDataSourceType","autoLoad","data","url","SystemParameterTypes","SystemReportTypes","SystemWidgetTypes","SystemMailRecipientTypes","SystemDataSources","authority","SystemDataQueries","SystemEntityParameters","SystemAuthorities","SystemRoles","commonStoreSlice","setStoreData","storeKey","CommonStoreReducer","AppInfoSlice","documentTitle","apiBaseUrl","appName","appVersion","appLogo","setAppInfo","AppInfoReducer","store","configureStore","AppLayout","UserSession","loadingMask","commonStores","AppInfo","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","LicenseInfo","setLicenseKey","library","add","fab","far","fas","props","_jsx","Provider","children","jsx"],"mappings":"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","x_google_ignoreList":[8]}

package/dist/index.mjs

@@ -1,2 +1,2 @@
-import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import{useSelector as t,useDispatch as n,Provider as i}from"react-redux";import{createSlice as a,configureStore as c}from"@reduxjs/toolkit";import{Button as m}from"@mui/material";export*from"@mui/material";import{library as s}from"@fortawesome/fontawesome-svg-core";import{fab as f}from"@fortawesome/free-brands-svg-icons";import{far as d}from"@fortawesome/free-regular-svg-icons";import{fas as u}from"@fortawesome/free-solid-svg-icons";import{LicenseInfo as l}from"@mui/x-license";import"react-toastify/dist/ReactToastify.css";export*from"zod";export{toast}from"react-toastify";export{FontAwesomeIcon}from"@fortawesome/react-fontawesome";var p=a({name:"counter",initialState:{value:0},reducers:{increament:function(e){e.value=e.value+1},decreament:function(e){e.value=e.value-1}}}),v=p.actions,x=c({reducer:{counter:p.reducer}}),w=function(){var i=t((function(e){return e.counter.value})),a=n();return e(r,{children:[e("div",{children:["Counter : ",i]}),o(m,{variant:"contained",color:"success",onClick:function(){a(v.increament())},children:"increment"}),o(m,{variant:"contained",color:"error",onClick:function(){a(v.decreament())},children:"decrement"})]})};l.setLicenseKey("c2bd611fa642666253500ab9c8e4f78fTz0xMTE4MjEsRT0xNzc2OTg4Nzk5MDAwLFM9cHJlbWl1bSxMTT1zdWJzY3JpcHRpb24sUFY9aW5pdGlhbCxLVj0y"),s.add(f),s.add(d),s.add(u);var b=function(r){return e(i,{store:x,children:[o("div",{children:"Base App"}),o(w,{})]})};export{b as BaseApp};
+import{jsx as e}from"react/jsx-runtime";import{Provider as a}from"react-redux";import{createSlice as t,configureStore as r}from"@reduxjs/toolkit";import{library as o}from"@fortawesome/fontawesome-svg-core";import{fab as i}from"@fortawesome/free-brands-svg-icons";import{far as n}from"@fortawesome/free-regular-svg-icons";import{fas as s}from"@fortawesome/free-solid-svg-icons";import{LicenseInfo as d}from"@mui/x-license";import"react-toastify/dist/ReactToastify.css";export*from"@mui/material";export*from"zod";export{toast}from"react-toastify";export{FontAwesomeIcon}from"@fortawesome/react-fontawesome";const l=t({name:"AppLayout",initialState:{sideBarOpened:!1,themeMode:localStorage.getItem("themeMode")||"light",appDirection:"ar"==localStorage.getItem("language")?"rtl":"ltr"},reducers:{toggleSideBarState:e=>{e.sideBarOpened=!e.sideBarOpened},setSideBarState:(e,a)=>{e.sideBarOpened=a.payload},setThemeMode:(e,a)=>{e.themeMode=a.payload},setAppDirection:(e,a)=>{e.appDirection=a.payload}}});l.actions;var u=l.reducer;const m=t({name:"UserSession",initialState:{value:{isAuthenticated:null,authorities:[],userProfile:null}},reducers:{setAuthenticated:(e,a)=>{e.value=a.payload},setUnAuthenticated:e=>{e.value={isAuthenticated:!1,authorities:[],userProfile:null}}}});m.actions;var c=m.reducer;const p=t({name:"loadingMask",initialState:{value:{isOpened:!1,message:null}},reducers:{showLoadingMask:(e,a)=>{e.value.isOpened=!0,e.value.message=a.payload},hideLoadingMask:e=>{e.value.isOpened=!1,e.value.message=null}}}),{showLoadingMask:y,hideLoadingMask:f}=p.actions;var h=p.reducer;const g=t({name:"loadingMask",initialState:{SystemDataSourceType:{autoLoad:!1,data:[{value:"Mysql"},{value:"Oracle"},{value:"DB2"}],url:""},SystemParameterTypes:{autoLoad:!1,url:"",data:[{value:"datetime"},{value:"date"},{value:"text"},{value:"number"},{value:"droplist"}]},SystemReportTypes:{autoLoad:!1,url:"",data:[{value:"Excel"},{value:"Jasper"},{value:"Blueprint"}]},SystemWidgetTypes:{autoLoad:!1,url:"",data:[{name:"LineChart"},{name:"ColumnChart"},{name:"PieChart"},{name:"Card"},{name:"CircularProgress"},{name:"LinearProgress"}]},SystemMailRecipientTypes:{autoLoad:!1,url:"",data:[{name:"To"},{name:"CC"}]},SystemDataSources:{autoLoad:!0,data:[],authority:"DEVELOPMENT_ADMIN",url:"api/v1/admin/datasourceconnection/all"},SystemDataQueries:{autoLoad:!0,data:[],authority:"DEVELOPMENT_ADMIN",url:"api/v1/admin/dataquery/all"},SystemEntityParameters:{autoLoad:!0,data:[],authority:"DEVELOPMENT_ADMIN",url:"api/v1/admin/entityparameter/all"},SystemAuthorities:{autoLoad:!0,data:[],authority:"DEVELOPMENT_ADMIN",url:"api/v1/admin/authority/all"},SystemRoles:{autoLoad:!0,data:[],authority:"DEVELOPMENT_ADMIN",url:"api/v1/admin/role/all"}},reducers:{setStoreData(e,a){e[a.payload.storeKey].data=a.payload.data}}}),{setStoreData:v}=g.actions;var S=g.reducer;const M=t({name:"AppInfo",initialState:{documentTitle:"",apiBaseUrl:"",appName:"",appVersion:"",appLogo:null},reducers:{setAppInfo:(e,a)=>{a.payload}}});M.actions;const L=r({reducer:{AppLayout:u,UserSession:c,loadingMask:h,commonStores:S,AppInfo:M.reducer}});!function(e,a){void 0===a&&(a={});var t=a.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("html,\r\nbody {\r\n  height: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n#root {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  background-color: aliceblue;\r\n}\r\n\r\n.red-row {\r\n  background-color: #f0d8d8;\r\n}\r\n"),d.setLicenseKey("c2bd611fa642666253500ab9c8e4f78fTz0xMTE4MjEsRT0xNzc2OTg4Nzk5MDAwLFM9cHJlbWl1bSxMTT1zdWJzY3JpcHRpb24sUFY9aW5pdGlhbCxLVj0y"),o.add(i),o.add(n),o.add(s);const T=t=>e(a,{store:L,children:e("div",{children:"Base App"})});export{T as BaseApp};
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../src/redux/CounterSlice.ts","../src/redux/store.ts","../src/components/Counter.tsx","../src/components/BaseApp.tsx"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\r\n\r\nconst CounterSlice = createSlice({\r\n  name: \"counter\",\r\n  initialState: { value: 0 },\r\n  reducers: {\r\n    increament: (state) => {\r\n      state.value = state.value + 1;\r\n    },\r\n    decreament: (state) => {\r\n      state.value = state.value - 1;\r\n    },\r\n  },\r\n});\r\n\r\nexport const CounterActions = CounterSlice.actions;\r\nexport default CounterSlice.reducer;\r\n","import { configureStore } from \"@reduxjs/toolkit\";\r\nimport CounterReducer from \"./CounterSlice\";\r\n// import AppLayoutReducer from \"./features/common/AppLayoutSlice\";\r\n// import UserSessionReducer from \"./features/common/UserSessionSlice\";\r\n// import LoadingMaskReducer from \"./features/common/LoadingMaskSlice\";\r\n// import CommonStoreReducer from \"./features/business/CommonStoreSlice\";\r\n\r\nexport const store = configureStore({\r\n  reducer: {\r\n    // AppLayout: AppLayoutReducer,\r\n    // UserSession: UserSessionReducer,\r\n    // loadingMask: LoadingMaskReducer,\r\n    // commonStores: CommonStoreReducer,\r\n    counter: CounterReducer,\r\n  },\r\n});\r\n\r\n// Infer the `RootState` and `AppDispatch` types from the store itself\r\nexport type RootState = ReturnType<typeof store.getState>;\r\nexport type AppDispatch = typeof store.dispatch;\r\n","import { useDispatch, useSelector } from \"react-redux\";\r\nimport { RootState } from \"../redux/store\";\r\nimport { Button } from \"@mui/material\";\r\nimport { CounterActions } from \"../redux/CounterSlice\";\r\n\r\nexport const Counter: React.FC = () => {\r\n  const counter = useSelector((state: RootState) => state.counter.value);\r\n  const dispatch = useDispatch();\r\n  return (\r\n    <>\r\n      <div>Counter : {counter}</div>\r\n      <Button\r\n        variant=\"contained\"\r\n        color=\"success\"\r\n        onClick={() => {\r\n          dispatch(CounterActions.increament());\r\n        }}\r\n      >\r\n        increment\r\n      </Button>\r\n      <Button\r\n        variant=\"contained\"\r\n        color=\"error\"\r\n        onClick={() => {\r\n          dispatch(CounterActions.decreament());\r\n        }}\r\n      >\r\n        decrement\r\n      </Button>\r\n    </>\r\n  );\r\n};\r\n","import { Provider } from \"react-redux\";\r\nimport { store } from \"../redux/store\";\r\nimport { Counter } from \"./Counter\";\r\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\r\nimport { fab } from \"@fortawesome/free-brands-svg-icons\";\r\nimport { far } from \"@fortawesome/free-regular-svg-icons\";\r\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { LicenseInfo } from \"@mui/x-license\";\r\n\r\nLicenseInfo.setLicenseKey(\r\n  \"c2bd611fa642666253500ab9c8e4f78fTz0xMTE4MjEsRT0xNzc2OTg4Nzk5MDAwLFM9cHJlbWl1bSxMTT1zdWJzY3JpcHRpb24sUFY9aW5pdGlhbCxLVj0y\"\r\n);\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\n\r\nlibrary.add(fab);\r\nlibrary.add(far);\r\nlibrary.add(fas);\r\n\r\nexport type BaseAppProps = {};\r\n\r\nexport const BaseApp: React.FC<BaseAppProps> = (props) => {\r\n  return (\r\n    <Provider store={store}>\r\n      <div>Base App</div>\r\n      <Counter />\r\n    </Provider>\r\n  );\r\n};\r\n"],"names":["CounterSlice","createSlice","name","initialState","value","reducers","increament","state","decreament","CounterActions","actions","store","configureStore","reducer","counter","Counter","useSelector","dispatch","useDispatch","_jsxs","_Fragment","children","_jsx","Button","variant","color","onClick","LicenseInfo","setLicenseKey","library","add","fab","far","fas","BaseApp","props","Provider"],"mappings":"+rBAEA,IAAMA,EAAeC,EAAY,CAC/BC,KAAM,UACNC,aAAc,CAAEC,MAAO,GACvBC,SAAU,CACRC,WAAY,SAACC,GACXA,EAAMH,MAAQG,EAAMH,MAAQ,CAC7B,EACDI,WAAY,SAACD,GACXA,EAAMH,MAAQG,EAAMH,MAAQ,CAC7B,KAIQK,EAAiBT,EAAaU,QCR9BC,EAAQC,EAAe,CAClCC,QAAS,CAKPC,QDGWd,EAAaa,WEXfE,EAAoB,WAC/B,IAAMD,EAAUE,GAAY,SAACT,GAAqB,OAAAA,EAAMO,QAAQV,SAC1Da,EAAWC,IACjB,OACEC,EACEC,EAAA,CAAAC,SAAA,CAAAF,EAAA,MAAA,CAAAE,SAAA,CAAA,aAAgBP,KAChBQ,EAACC,EAAM,CACLC,QAAQ,YACRC,MAAM,UACNC,QAAS,WACPT,EAASR,EAAeH,aACzB,EAGMe,SAAA,cACTC,EAACC,GACCC,QAAQ,YACRC,MAAM,QACNC,QAAS,WACPT,EAASR,EAAeD,aACzB,EAAAa,SAAA,gBAMT,ECtBAM,EAAYC,cACV,4HAIFC,EAAQC,IAAIC,GACZF,EAAQC,IAAIE,GACZH,EAAQC,IAAIG,GAIL,IAAMC,EAAkC,SAACC,GAC9C,OACEhB,EAACiB,EAAQ,CAACzB,MAAOA,EACfU,SAAA,CAAAC,EAAA,MAAA,CAAAD,SAAA,aACAC,EAACP,EAAU,CAAA,KAGjB"}
+{"version":3,"file":"index.mjs","sources":["../src/redux/features/common/AppLayoutSlice.ts","../src/redux/features/common/UserSessionSlice.ts","../src/redux/features/common/LoadingMaskSlice.ts","../src/redux/features/business/BusinessStoresMetaData.ts","../src/redux/features/business/CommonStoreSlice.ts","../src/redux/features/administration/AdministrationStoresMetaData.ts","../src/redux/features/common/AppInfoSlice.ts","../src/redux/store.ts","../node_modules/style-inject/dist/style-inject.es.js","../src/components/BaseApp.tsx"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\r\n\r\nexport const DRAWER_WIDTH = 350;\r\n\r\ninterface AppLayoutState {\r\n  sideBarOpened: boolean;\r\n  themeMode: \"light\" | \"dark\" | string;\r\n  appDirection: \"ltr\" | \"rtl\";\r\n}\r\n\r\nconst initialState: AppLayoutState = {\r\n  sideBarOpened: false,\r\n  themeMode: localStorage.getItem(\"themeMode\") || \"light\",\r\n  appDirection: localStorage.getItem(\"language\") == \"ar\" ? \"rtl\" : \"ltr\",\r\n};\r\n\r\nconst AppLayoutSlice = createSlice({\r\n  name: \"AppLayout\",\r\n  initialState,\r\n  reducers: {\r\n    toggleSideBarState: (state) => {\r\n      state.sideBarOpened = !state.sideBarOpened;\r\n    },\r\n    setSideBarState: (state, action) => {\r\n      state.sideBarOpened = action.payload;\r\n    },\r\n    setThemeMode: (state, action) => {\r\n      state.themeMode = action.payload;\r\n    },\r\n    setAppDirection: (state, action) => {\r\n      state.appDirection = action.payload;\r\n    },\r\n  },\r\n});\r\n\r\nexport const AppLayoutActions = AppLayoutSlice.actions;\r\nexport default AppLayoutSlice.reducer;\r\n","import { createSlice } from \"@reduxjs/toolkit\";\r\n\r\nexport interface OrganizationProps {\r\n  organizationCode?: string;\r\n  organizationName?: string;\r\n}\r\nexport interface UserProfileProps {\r\n  username?: string;\r\n  currentOrganizationCode?: string;\r\n  userOrganizations?: Array<OrganizationProps>;\r\n  employeeNumber?: string;\r\n  employeeName?: string;\r\n  divisionCode?: string;\r\n  divisionName?: string;\r\n  departmentCode?: string;\r\n  departmentName?: string;\r\n  rankCode?: string;\r\n  rankName?: string;\r\n  sectionCode?: string;\r\n  sectionName?: string;\r\n  subsectionCode?: string;\r\n  subsectionName?: string;\r\n  extNumber?: string;\r\n  mobileNumber?: string;\r\n  email?: string;\r\n}\r\n\r\nexport interface UserSessionProps {\r\n  value: {\r\n    isAuthenticated: boolean | null;\r\n    userProfile: UserProfileProps | null;\r\n    authorities: Array<{ authority: string }>;\r\n  };\r\n}\r\n\r\nconst initialState: UserSessionProps = {\r\n  value: {\r\n    isAuthenticated: null,\r\n    authorities: [],\r\n    userProfile: null,\r\n  },\r\n};\r\n\r\nconst UserSessionSlice = createSlice({\r\n  name: \"UserSession\",\r\n  initialState,\r\n  reducers: {\r\n    setAuthenticated: (state, action) => {\r\n      state.value = action.payload;\r\n    },\r\n    setUnAuthenticated: (state) => {\r\n      state.value = {\r\n        isAuthenticated: false,\r\n        authorities: [],\r\n        userProfile: null,\r\n      };\r\n    },\r\n  },\r\n});\r\n\r\nexport const UserSessionActions = UserSessionSlice.actions;\r\nexport default UserSessionSlice.reducer;\r\n","import { createSlice, PayloadAction } from \"@reduxjs/toolkit\";\r\n\r\ninterface LoadingMaskStateValue {\r\n  value: { isOpened: boolean; message?: string | null };\r\n}\r\n\r\nconst initialState: LoadingMaskStateValue = {\r\n  value: { isOpened: false, message: null },\r\n};\r\n\r\nconst loadingMaskSlice = createSlice({\r\n  name: \"loadingMask\",\r\n  initialState,\r\n  reducers: {\r\n    showLoadingMask: (\r\n      state,\r\n      action: PayloadAction<string | null | undefined>\r\n    ) => {\r\n      state.value.isOpened = true;\r\n      state.value.message = action.payload;\r\n    },\r\n    hideLoadingMask: (state) => {\r\n      state.value.isOpened = false;\r\n      state.value.message = null;\r\n    },\r\n  },\r\n});\r\n\r\nexport const { showLoadingMask, hideLoadingMask } = loadingMaskSlice.actions;\r\nexport default loadingMaskSlice.reducer;\r\n","import { CommonStoresInterface } from \"./CommonStoreSlice\";\r\n\r\nexport const BUSINESS_STORES: CommonStoresInterface = {};\r\n","import { createSlice, PayloadAction } from \"@reduxjs/toolkit\";\r\nimport { BUSINESS_STORES } from \"./BusinessStoresMetaData\";\r\nimport { ADMINISTRATION_STORES } from \"../administration/AdministrationStoresMetaData\";\r\n\r\nexport interface CommonStoresInterface {\r\n  [key: string]: StoreMetaData;\r\n}\r\n\r\ninterface setStoreDataProps {\r\n  storeKey: string;\r\n  data: Array<any>;\r\n}\r\n\r\nexport interface StoreMetaData {\r\n  url: string;\r\n  data: Array<any>;\r\n  autoLoad: boolean;\r\n  authority?: string;\r\n}\r\n\r\nconst initialState: CommonStoresInterface = {\r\n  ...BUSINESS_STORES,\r\n  ...ADMINISTRATION_STORES,\r\n};\r\n\r\nconst commonStoreSlice = createSlice({\r\n  name: \"loadingMask\",\r\n  initialState,\r\n  reducers: {\r\n    setStoreData(state, action: PayloadAction<setStoreDataProps>) {\r\n      state[action.payload.storeKey].data = action.payload.data;\r\n    },\r\n  },\r\n});\r\n\r\nexport const { setStoreData } = commonStoreSlice.actions;\r\nexport default commonStoreSlice.reducer;\r\n","import { CommonStoresInterface } from \"../business/CommonStoreSlice\";\r\n\r\nexport const ADMINISTRATION_STORES: CommonStoresInterface = {\r\n  SystemDataSourceType: {\r\n    autoLoad: false,\r\n    data: [{ value: \"Mysql\" }, { value: \"Oracle\" }, { value: \"DB2\" }],\r\n    url: \"\",\r\n  },\r\n  SystemParameterTypes: {\r\n    autoLoad: false,\r\n    url: \"\",\r\n    data: [\r\n      { value: \"datetime\" },\r\n      { value: \"date\" },\r\n      { value: \"text\" },\r\n      { value: \"number\" },\r\n      { value: \"droplist\" },\r\n    ],\r\n  },\r\n  SystemReportTypes: {\r\n    autoLoad: false,\r\n    url: \"\",\r\n    data: [{ value: \"Excel\" }, { value: \"Jasper\" }, { value: \"Blueprint\" }],\r\n  },\r\n  SystemWidgetTypes: {\r\n    autoLoad: false,\r\n    url: \"\",\r\n    data: [\r\n      { name: \"LineChart\" },\r\n      { name: \"ColumnChart\" },\r\n      { name: \"PieChart\" },\r\n      { name: \"Card\" },\r\n      { name: \"CircularProgress\" },\r\n      { name: \"LinearProgress\" },\r\n    ],\r\n  },\r\n  SystemMailRecipientTypes: {\r\n    autoLoad: false,\r\n    url: \"\",\r\n    data: [{ name: \"To\" }, { name: \"CC\" }],\r\n  },\r\n  SystemDataSources: {\r\n    autoLoad: true,\r\n    data: [],\r\n    authority: \"DEVELOPMENT_ADMIN\",\r\n    url: \"api/v1/admin/datasourceconnection/all\",\r\n  },\r\n  SystemDataQueries: {\r\n    autoLoad: true,\r\n    data: [],\r\n    authority: \"DEVELOPMENT_ADMIN\",\r\n    url: \"api/v1/admin/dataquery/all\",\r\n  },\r\n  SystemEntityParameters: {\r\n    autoLoad: true,\r\n    data: [],\r\n    authority: \"DEVELOPMENT_ADMIN\",\r\n    url: \"api/v1/admin/entityparameter/all\",\r\n  },\r\n  SystemAuthorities: {\r\n    autoLoad: true,\r\n    data: [],\r\n    authority: \"DEVELOPMENT_ADMIN\",\r\n    url: \"api/v1/admin/authority/all\",\r\n  },\r\n  SystemRoles: {\r\n    autoLoad: true,\r\n    data: [],\r\n    authority: \"DEVELOPMENT_ADMIN\",\r\n    url: \"api/v1/admin/role/all\",\r\n  },\r\n};\r\n","import { createSlice } from \"@reduxjs/toolkit\";\r\n\r\nexport type AppInfo = {\r\n  documentTitle: string;\r\n  apiBaseUrl: string;\r\n  appName: string;\r\n  appVersion: string;\r\n  appLogo: any;\r\n};\r\n\r\nconst initialState: AppInfo = {\r\n  documentTitle: \"\",\r\n  apiBaseUrl: \"\",\r\n  appName: \"\",\r\n  appVersion: \"\",\r\n  appLogo: null,\r\n};\r\n\r\nconst AppInfoSlice = createSlice({\r\n  name: \"AppInfo\",\r\n  initialState: initialState,\r\n  reducers: {\r\n    setAppInfo: (state, action) => {\r\n      state = action.payload;\r\n    },\r\n  },\r\n});\r\n\r\nexport const AppInfoActions = AppInfoSlice.actions;\r\nexport default AppInfoSlice.reducer;\r\n","import { configureStore } from \"@reduxjs/toolkit\";\r\nimport AppLayoutReducer from \"./features/common/AppLayoutSlice\";\r\nimport UserSessionReducer from \"./features/common/UserSessionSlice\";\r\nimport LoadingMaskReducer from \"./features/common/LoadingMaskSlice\";\r\nimport CommonStoreReducer from \"./features/business/CommonStoreSlice\";\r\nimport AppInfoReducer from \"./features/common/AppInfoSlice\";\r\n\r\nexport const store = configureStore({\r\n  reducer: {\r\n    AppLayout: AppLayoutReducer,\r\n    UserSession: UserSessionReducer,\r\n    loadingMask: LoadingMaskReducer,\r\n    commonStores: CommonStoreReducer,\r\n    AppInfo: AppInfoReducer,\r\n  },\r\n});\r\n\r\n// Infer the `RootState` and `AppDispatch` types from the store itself\r\nexport type RootState = ReturnType<typeof store.getState>;\r\nexport type AppDispatch = typeof store.dispatch;\r\n","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import { Provider } from \"react-redux\";\r\nimport { store } from \"../redux/store\";\r\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\r\nimport { fab } from \"@fortawesome/free-brands-svg-icons\";\r\nimport { far } from \"@fortawesome/free-regular-svg-icons\";\r\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\r\nimport \"../styles/index.css\";\r\nimport { LicenseInfo } from \"@mui/x-license\";\r\n\r\nLicenseInfo.setLicenseKey(\r\n  \"c2bd611fa642666253500ab9c8e4f78fTz0xMTE4MjEsRT0xNzc2OTg4Nzk5MDAwLFM9cHJlbWl1bSxMTT1zdWJzY3JpcHRpb24sUFY9aW5pdGlhbCxLVj0y\"\r\n);\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\n\r\nlibrary.add(fab);\r\nlibrary.add(far);\r\nlibrary.add(fas);\r\n\r\nexport type BaseAppProps = {};\r\n\r\nexport const BaseApp: React.FC<BaseAppProps> = (props) => {\r\n  return (\r\n    <Provider store={store}>\r\n      <div>Base App</div>      \r\n    </Provider>\r\n  );\r\n};\r\n"],"names":["AppLayoutSlice","createSlice","name","sideBarOpened","themeMode","localStorage","getItem","appDirection","reducers","toggleSideBarState","state","setSideBarState","action","payload","setThemeMode","setAppDirection","actions","AppLayoutReducer","reducer","UserSessionSlice","value","isAuthenticated","authorities","userProfile","setAuthenticated","setUnAuthenticated","UserSessionReducer","loadingMaskSlice","isOpened","message","showLoadingMask","hideLoadingMask","LoadingMaskReducer","commonStoreSlice","SystemDataSourceType","autoLoad","data","url","SystemParameterTypes","SystemReportTypes","SystemWidgetTypes","SystemMailRecipientTypes","SystemDataSources","authority","SystemDataQueries","SystemEntityParameters","SystemAuthorities","SystemRoles","setStoreData","storeKey","CommonStoreReducer","AppInfoSlice","initialState","documentTitle","apiBaseUrl","appName","appVersion","appLogo","setAppInfo","store","configureStore","AppLayout","UserSession","loadingMask","commonStores","AppInfo","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","LicenseInfo","setLicenseKey","library","add","fab","far","fas","BaseApp","props","_jsx","Provider","children"],"mappings":"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","x_google_ignoreList":[8]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asaleh37/ui-base",
-  "version": "1.0.8",
+  "version": "1.1.0",
   "description": "",
   "license": "ISC",
   "author": "Ahmed Saleh Mohamed",

package/src/components/App.tsx

@@ -0,0 +1,31 @@
+import { useSelector } from "react-redux";
+import { createTheme } from "@mui/material";
+import { ThemeProvider } from "@emotion/react";
+import { useEffect } from "react";
+import { RootState } from "../redux/store";
+import { LightThemeOptions } from "../theme/LightThemeOptions";
+import { DarkThemeOptions } from "../theme/DarkThemeOptions";
+import Layout from "../layout/Layout";
+
+function App() {
+  const AppInfo = useSelector((state: RootState) => state.AppInfo);
+  const AppLayoutState = useSelector((state: RootState) => state.AppLayout);
+  let themeOptions = { ...LightThemeOptions };
+  if (AppLayoutState.themeMode === "dark") {
+    themeOptions = { ...DarkThemeOptions };
+  }
+  const theme = createTheme({
+    direction: AppLayoutState.appDirection,
+    ...themeOptions,
+  });
+  useEffect(() => {
+    document.title = AppInfo.documentTitle;
+  }, []);
+  return (
+    <ThemeProvider theme={theme}>
+      <Layout />
+    </ThemeProvider>
+  );
+}
+
+export default App;

package/src/components/BaseApp.tsx

@@ -1,10 +1,10 @@
 import { Provider } from "react-redux";
 import { store } from "../redux/store";
-import { Counter } from "./Counter";
 import { library } from "@fortawesome/fontawesome-svg-core";
 import { fab } from "@fortawesome/free-brands-svg-icons";
 import { far } from "@fortawesome/free-regular-svg-icons";
 import { fas } from "@fortawesome/free-solid-svg-icons";
+import "../styles/index.css";
 import { LicenseInfo } from "@mui/x-license";
 
 LicenseInfo.setLicenseKey(
@@ -21,8 +21,7 @@ export type BaseAppProps = {};
 export const BaseApp: React.FC<BaseAppProps> = (props) => {
   return (
     <Provider store={store}>
-      <div>Base App</div>
-      <Counter />
+      <div>Base App</div>      
     </Provider>
   );
 };

package/src/components/admin/AttachmentGrid.tsx

@@ -0,0 +1,116 @@
+import { useState } from "react";
+import useApiActions from "../templates/DataEntryTemplates/useApiActions";
+import { FormElementProps } from "../templates/DataEntryTemplates/DataEntryTypes";
+import TemplateGrid from "../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+
+
+const AttachmentGrid: React.FC = () => {
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/admin/attachment/all",
+    deleteById: "api/v1/admin/attachment",
+    save: "api/v1/admin/attachment",
+    findById: "api/v1/admin/attachment",
+    setData: setData,
+  });
+
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ATTACHMENT_ATTACHMENT_NUMBER",
+        fieldName: "attachmentNumber",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ATTACHMENT_ATTACHMENT_SIZE",
+        fieldName: "attachmentSize",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ATTACHMENT_ATTACHMENT_TYPE",
+        fieldName: "attachmentType",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ATTACHMENT_CATEGORY",
+        fieldName: "category",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ATTACHMENT_DOC_TYPE",
+        fieldName: "docType",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ATTACHMENT_FILE_NAME",
+        fieldName: "fileName",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ATTACHMENT_REF_KEY",
+        fieldName: "refKey",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "ATTACHMENT_REMARK",
+        fieldName: "remark",
+        required: false,
+        fieldType: "text",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      setData={setData}
+      editMode={{ editMode: "row" }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle="ATTACHMENT_PLURAL"
+      girdIcon="table-cells"
+      editAction={{ isEnabled: true, authority: "ATTACHMENT_EDIT" }}
+      deleteAction={{ isEnabled: true, authority: "ATTACHMENT_DELETE" }}
+    />
+  );
+};
+
+export default AttachmentGrid;

package/src/components/admin/AuthorityGrid.tsx

@@ -0,0 +1,88 @@
+import { useState } from "react";
+import TemplateGrid from "../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import useApiActions from "../templates/DataEntryTemplates/useApiActions";
+import { FormElementProps } from "../templates/DataEntryTemplates/DataEntryTypes";
+
+const AuthorityGrid: React.FC = () => {
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    commonStoreKey: "SystemAuthorities",
+    deleteById: "api/v1/admin/authority",
+    save: "api/v1/admin/authority",
+    findById: "api/v1/admin/authority",
+    setData: setData,
+  });
+
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "AUTHORITY_AUTHORITY_CODE",
+        fieldName: "authorityCode",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "AUTHORITY_AUTHORITY_DESCRIPTION",
+        fieldName: "authorityDescription",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "AUTHORITY_AUTHORITY_NAME",
+        fieldName: "authorityName",
+        required: true,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "AUTHORITY_IS_ACTIVE",
+        fieldName: "isActive",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "AUTHORITY_ORGANIZATION_APPLICATION_ID",
+        fieldName: "organizationApplicationId",
+        required: false,
+        fieldType: "text",
+        gridProps: {
+          hidden: true,
+        },
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      setData={setData}
+      editMode={{ editMode: "row", reloadAfterSave: true }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle="AUTHORITY_PLURAL"
+      girdIcon="table-cells"
+      editAction={{ isEnabled: true, authority: "AUTHORITY_EDIT" }}
+      deleteAction={{ isEnabled: true, authority: "AUTHORITY_DELETE" }}
+    />
+  );
+};
+
+export default AuthorityGrid;

package/src/components/admin/BluePrintGrid.tsx

@@ -0,0 +1,55 @@
+import { useState } from "react";
+import TemplateGrid from "../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import useApiActions from "../templates/DataEntryTemplates/useApiActions";
+import { FormElementProps } from "../templates/DataEntryTemplates/DataEntryTypes";
+
+const BluePrintGrid: React.FC = () => {
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/admin/blueprint/all",
+    deleteById: "api/v1/admin/blueprint",
+    save: "api/v1/admin/blueprint",
+    findById: "api/v1/admin/blueprint",
+    setData: setData,
+  });
+
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "BLUE_PRINT_BLUE_PRINT_CODE",
+        fieldName: "bluePrintCode",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "BLUE_PRINT_QUERY_ID",
+        fieldName: "queryId",
+        required: false,
+        fieldType: "text",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      setData={setData}
+      editMode={{ editMode: "row" }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle="BLUE_PRINT_PLURAL"
+      girdIcon="table-cells"
+      editAction={{ isEnabled: true, authority: "BLUE_PRINT_EDIT" }}
+      deleteAction={{ isEnabled: true, authority: "BLUE_PRINT_DELETE" }}
+    />
+  );
+};
+
+export default BluePrintGrid;

package/src/components/admin/BluePrintPageGrid.tsx

@@ -0,0 +1,85 @@
+import { useState } from "react";
+import TemplateGrid from "../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import useApiActions from "../templates/DataEntryTemplates/useApiActions";
+import { FormElementProps } from "../templates/DataEntryTemplates/DataEntryTypes";
+
+const BluePrintPageGrid: React.FC = () => {
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/admin/blueprintpage/all",
+    deleteById: "api/v1/admin/blueprintpage",
+    save: "api/v1/admin/blueprintpage",
+    findById: "api/v1/admin/blueprintpage",
+    setData: setData,
+  });
+
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "BLUE_PRINT_PAGE_BLUE_PRINT_ID",
+        fieldName: "bluePrintId",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "BLUE_PRINT_PAGE_ENABLED",
+        fieldName: "enabled",
+        required: false,
+        fieldType: "checkbox",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "BLUE_PRINT_PAGE_PAGE_NAME",
+        fieldName: "pageName",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "BLUE_PRINT_PAGE_PAGE_ORDER",
+        fieldName: "pageOrder",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "BLUE_PRINT_PAGE_QUERY_ID",
+        fieldName: "queryId",
+        required: false,
+        fieldType: "text",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      setData={setData}
+      editMode={{ editMode: "row" }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle="BLUE_PRINT_PAGE_PLURAL"
+      girdIcon="table-cells"
+      editAction={{ isEnabled: true, authority: "BLUE_PRINT_PAGE_EDIT" }}
+      deleteAction={{ isEnabled: true, authority: "BLUE_PRINT_PAGE_DELETE" }}
+    />
+  );
+};
+
+export default BluePrintPageGrid;

package/src/components/admin/BluePrintPointGrid.tsx

@@ -0,0 +1,85 @@
+import { useState } from "react";
+import TemplateGrid from "../templates/DataEntryTemplates/TemplateDataGrid/TemplateGrid";
+import useApiActions from "../templates/DataEntryTemplates/useApiActions";
+import { FormElementProps } from "../templates/DataEntryTemplates/DataEntryTypes";
+
+const BluePrintPointGrid: React.FC = () => {
+  const [data, setData] = useState([]);
+  const apiActions = useApiActions({
+    findAll: "api/v1/admin/blueprintpoint/all",
+    deleteById: "api/v1/admin/blueprintpoint",
+    save: "api/v1/admin/blueprintpoint",
+    findById: "api/v1/admin/blueprintpoint",
+    setData: setData,
+  });
+
+  const formElements: Array<FormElementProps> = [
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "BLUE_PRINT_POINT_BLUE_PRINT_PAGE_ID",
+        fieldName: "bluePrintPageId",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "BLUE_PRINT_POINT_FONT_SIZE",
+        fieldName: "fontSize",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "BLUE_PRINT_POINT_POINT_CODE",
+        fieldName: "pointCode",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "BLUE_PRINT_POINT_X",
+        fieldName: "x",
+        required: false,
+        fieldType: "text",
+      },
+    },
+    {
+      type: "field",
+      mode: "props",
+      props: {
+        fieldLabel: "BLUE_PRINT_POINT_Y",
+        fieldName: "y",
+        required: false,
+        fieldType: "text",
+      },
+    },
+  ];
+
+  return (
+    <TemplateGrid
+      apiActions={apiActions}
+      data={data}
+      setData={setData}
+      editMode={{ editMode: "row" }}
+      formElements={formElements}
+      keyColumnName={"id"}
+      gridTitle="BLUE_PRINT_POINT_PLURAL"
+      girdIcon="table-cells"
+      editAction={{ isEnabled: true, authority: "BLUE_PRINT_POINT_EDIT" }}
+      deleteAction={{ isEnabled: true, authority: "BLUE_PRINT_POINT_DELETE" }}
+    />
+  );
+};
+
+export default BluePrintPointGrid;