@ukpc-lib/react 0.1.12 → 0.1.14

package/dist/share/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../index-b4299ca4.cjs"),R=require("axios"),i=require("react/jsx-runtime"),d=require("react"),f=require("react-router-dom");require("react-dom");require("@mui/material");function j({config:n,pushError:r=o.pushError}){const t=R.create(n);t.interceptors.request.use(async e=>(e.headers={Accept:"application/json","Content-Type":"application/json"},e),e=>Promise.reject(e)),t.interceptors.response.use(e=>e,async e=>s(e));function s(e){var c,p,m,h,P,g;console.error("Error 🚨:",e);const a=e==null?void 0:e.config;if(((c=e.response)==null?void 0:c.status)===401&&e.response.data.errorMessage===o.ERROR_MESSAGE.TOKEN_EXPIRED&&!a._retry&&(a._retry=!0,t.post("/authentication/api/v1/auth/refresh-token").then(()=>t(a)).catch(()=>o.login(n.baseURL))),((p=e.response)==null?void 0:p.status)===401&&(((m=e.response)==null?void 0:m.data.errorMessage)!==o.ERROR_MESSAGE.TOKEN_EXPIRED||!((h=e.response)!=null&&h.data.errorMessage))&&o.login(n.baseURL),e.response.status!==401){const l=((P=e.response)==null?void 0:P.data)&&((g=e.response.data)==null?void 0:g.errorMessage)||"Something went wrong!";return r(l),Promise.reject(e.response.data)}return Promise.reject(e)}return t}const E=n=>{const[r,t]=d.useState([]);return d.useEffect(()=>{R.get(`${n}/user-management/api/v1/users/my-account/permissions`,{withCredentials:!0}).then(s=>t(s.data)).catch(s=>{console.error("Getting user permission error:",s)})},[n]),r},u=n=>(r,t)=>{const s=E(n);return t?r.every(e=>s==null?void 0:s.includes(e)):r.some(e=>s==null?void 0:s.includes(e))},A=({baseUrl:n,accessWith:r,requireAll:t,children:s})=>u(n)(r,t)?i.jsx(i.Fragment,{children:s}):null,q=({accessWith:n,requireAll:r,baseUrl:t,unAuthorizedPath:s,children:e})=>u(t)(n,r)?i.jsx(i.Fragment,{children:e}):i.jsx(f.Navigate,{to:s,replace:!0});exports.AuthProvider=o.AuthProvider;exports.search=o.search;exports.useAuth=o.useAuth;exports.HasPermission=A;exports.PermissionRoute=q;exports.getAxiosInstance=j;exports.getUseHasPermission=u;exports.useGetPermission=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../index.es-6cb46e89.cjs"),R=require("axios"),i=require("react/jsx-runtime"),d=require("react"),f=require("react-router-dom");require("react-dom");require("@mui/material");require("moment");function j({config:n,pushError:r=o.pushError}){const t=R.create(n);t.interceptors.request.use(async e=>(e.headers={Accept:"application/json","Content-Type":"application/json"},e),e=>Promise.reject(e)),t.interceptors.response.use(e=>e,async e=>s(e));function s(e){var c,p,m,h,P,g;console.error("Error 🚨:",e);const a=e==null?void 0:e.config;if(((c=e.response)==null?void 0:c.status)===401&&e.response.data.errorMessage===o.ERROR_MESSAGE.TOKEN_EXPIRED&&!a._retry&&(a._retry=!0,t.post("/authentication/api/v1/auth/refresh-token").then(()=>t(a)).catch(()=>o.login(n.baseURL))),((p=e.response)==null?void 0:p.status)===401&&(((m=e.response)==null?void 0:m.data.errorMessage)!==o.ERROR_MESSAGE.TOKEN_EXPIRED||!((h=e.response)!=null&&h.data.errorMessage))&&o.login(n.baseURL),e.response.status!==401){const l=((P=e.response)==null?void 0:P.data)&&((g=e.response.data)==null?void 0:g.errorMessage)||"Something went wrong!";return r(l),Promise.reject(e.response.data)}return Promise.reject(e)}return t}const E=n=>{const[r,t]=d.useState([]);return d.useEffect(()=>{R.get(`${n}/user-management/api/v1/users/my-account/permissions`,{withCredentials:!0}).then(s=>t(s.data)).catch(s=>{console.error("Getting user permission error:",s)})},[n]),r},u=n=>(r,t)=>{const s=E(n);return t?r.every(e=>s==null?void 0:s.includes(e)):r.some(e=>s==null?void 0:s.includes(e))},q=({baseUrl:n,accessWith:r,requireAll:t,children:s})=>u(n)(r,t)?i.jsx(i.Fragment,{children:s}):null,A=({accessWith:n,requireAll:r,baseUrl:t,unAuthorizedPath:s,children:e})=>u(t)(n,r)?i.jsx(i.Fragment,{children:e}):i.jsx(f.Navigate,{to:s,replace:!0});exports.AuthProvider=o.AuthProvider;exports.search=o.search;exports.useAuth=o.useAuth;exports.HasPermission=q;exports.PermissionRoute=A;exports.getAxiosInstance=j;exports.getUseHasPermission=u;exports.useGetPermission=E;

package/dist/share/index.js

@@ -1,12 +1,13 @@
-import { E as f, i as E, p as R } from "../index-9b2c9629.js";
-import { A as D, s as H, u as K } from "../index-9b2c9629.js";
+import { E as f, j as E, p as R } from "../index.es-4032ffe1.js";
+import { A as H, s as K, u as L } from "../index.es-4032ffe1.js";
 import P from "axios";
 import { jsx as a, Fragment as d } from "react/jsx-runtime";
-import { useState as y, useEffect as A } from "react";
-import { Navigate as j } from "react-router-dom";
+import { useState as j, useEffect as y } from "react";
+import { Navigate as A } from "react-router-dom";
 import "react-dom";
 import "@mui/material";
-function N({
+import "moment";
+function O({
   config: r,
   pushError: n = R
 }) {
@@ -22,10 +23,10 @@ function N({
     async (e) => s(e)
   );
   function s(e) {
-    var i, u, c, p, m, h;
+    var i, u, p, c, m, h;
     console.error("Error 🚨:", e);
     const o = e == null ? void 0 : e.config;
-    if (((i = e.response) == null ? void 0 : i.status) === 401 && e.response.data.errorMessage === f.TOKEN_EXPIRED && !o._retry && (o._retry = !0, t.post("/authentication/api/v1/auth/refresh-token").then(() => t(o)).catch(() => E(r.baseURL))), ((u = e.response) == null ? void 0 : u.status) === 401 && (((c = e.response) == null ? void 0 : c.data.errorMessage) !== f.TOKEN_EXPIRED || !((p = e.response) != null && p.data.errorMessage)) && E(r.baseURL), e.response.status !== 401) {
+    if (((i = e.response) == null ? void 0 : i.status) === 401 && e.response.data.errorMessage === f.TOKEN_EXPIRED && !o._retry && (o._retry = !0, t.post("/authentication/api/v1/auth/refresh-token").then(() => t(o)).catch(() => E(r.baseURL))), ((u = e.response) == null ? void 0 : u.status) === 401 && (((p = e.response) == null ? void 0 : p.data.errorMessage) !== f.TOKEN_EXPIRED || !((c = e.response) != null && c.data.errorMessage)) && E(r.baseURL), e.response.status !== 401) {
       const l = ((m = e.response) == null ? void 0 : m.data) && ((h = e.response.data) == null ? void 0 : h.errorMessage) || "Something went wrong!";
       return n(l), Promise.reject(e.response.data);
     }
@@ -34,8 +35,8 @@ function N({
   return t;
 }
 const v = (r) => {
-  const [n, t] = y([]);
-  return A(() => {
+  const [n, t] = j([]);
+  return y(() => {
     P.get(`${r}/user-management/api/v1/users/my-account/permissions`, {
       withCredentials: !0
     }).then((s) => t(s.data)).catch((s) => {
@@ -49,25 +50,25 @@ const v = (r) => {
   ) : n.some(
     (e) => s == null ? void 0 : s.includes(e)
   );
-}, O = ({
+}, T = ({
   baseUrl: r,
   accessWith: n,
   requireAll: t,
   children: s
-}) => g(r)(n, t) ? /* @__PURE__ */ a(d, { children: s }) : null, T = ({
+}) => g(r)(n, t) ? /* @__PURE__ */ a(d, { children: s }) : null, q = ({
   accessWith: r,
   requireAll: n,
   baseUrl: t,
   unAuthorizedPath: s,
   children: e
-}) => g(t)(r, n) ? /* @__PURE__ */ a(d, { children: e }) : /* @__PURE__ */ a(j, { to: s, replace: !0 });
+}) => g(t)(r, n) ? /* @__PURE__ */ a(d, { children: e }) : /* @__PURE__ */ a(A, { to: s, replace: !0 });
 export {
-  D as AuthProvider,
-  O as HasPermission,
-  T as PermissionRoute,
-  N as getAxiosInstance,
+  H as AuthProvider,
+  T as HasPermission,
+  q as PermissionRoute,
+  O as getAxiosInstance,
   g as getUseHasPermission,
-  H as search,
-  K as useAuth,
+  K as search,
+  L as useAuth,
   v as useGetPermission
 };

package/dist/src/components/NoData/index.d.ts

@@ -0,0 +1,2 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const NoData: FC<PropsWithChildren>;

package/dist/src/components/NotFoundPage/index.d.ts

@@ -0,0 +1,4 @@
+declare const NotFoundPage: ({ rootPath }: {
+    rootPath: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default NotFoundPage;

package/dist/src/components/PopUp/index.d.ts

@@ -0,0 +1,8 @@
+import { PopUpBaseProps, usePopUpProps } from './types';
+export declare function PopUpBase(props: PopUpBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function usePopUp(props?: boolean | usePopUpProps): {
+    setTrue: () => void;
+    open: boolean;
+    onClose: () => void;
+    onConfirm: (() => void) | undefined;
+};

package/dist/src/components/PopUp/types.d.ts

@@ -0,0 +1,26 @@
+import { SxProps, TypographyProps, Theme, DialogProps, DialogActionsProps } from "@mui/material";
+import { ReactNode } from "react";
+export type PopUpBaseProps = IPopUp & {
+    title?: ReactNode;
+    subTitle?: ReactNode;
+    desc: ReactNode;
+    fixOverflow?: boolean;
+    minWidthButton?: number;
+    subTitleProps?: TypographyProps;
+    contentProps?: SxProps<Theme>;
+    titleProps?: SxProps<Theme>;
+    hideTitle?: boolean;
+};
+export type IPopUp = {
+    open: boolean;
+    onClose?(): void;
+    onConfirm?: () => void;
+    dialogProps?: Omit<DialogProps, 'open' | 'onClose'>;
+    dialogActionsProps?: DialogActionsProps;
+    customActions?: ReactNode;
+    hideConfirm?: boolean;
+    hideClose?: boolean;
+};
+export type usePopUpProps = {
+    onConfirm?(): void;
+};

package/dist/src/components/StyledDateRangePicker/BlockIcon.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+type BlockIconProps = SVGProps<SVGSVGElement>;
+export declare function BlockIcon(props: BlockIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/StyledDateRangePicker/index.d.ts

@@ -0,0 +1,13 @@
+interface DateRangeValue {
+    startDate?: Date;
+    endDate?: Date;
+}
+type Props = {
+    value?: DateRangeValue;
+    onChange?(value: DateRangeValue): void;
+    initialSettings?: any;
+    label?: string;
+    dateReset?: DateRangeValue;
+};
+export declare function StyledDateRangePicker(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/UnauthorizedPage/index.d.ts

@@ -0,0 +1 @@
+export declare const UnauthorizedPage: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/index.d.ts

@@ -1,4 +1,9 @@
 export * from './Topbar';
 export * from './GlobalMenu';
 export * from './Toast';
+export * from './NoData';
+export * from './PopUp';
+export * from './NotFoundPage';
+export * from './UnauthorizedPage';
 export * from './StyledAutocomplete/index.ts';
+export * from './StyledDateRangePicker';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ukpc-lib/react",
   "private": false,
-  "version": "0.1.12",
+  "version": "0.1.14",
   "type": "module",
   "main": "./dist/",
   "module": "./dist/",
@@ -29,14 +29,14 @@
     "web-components-bundle"
   ],
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --open --port 3000",
     "build": "npm run build-react && npm run build-wc",
     "build-react": "tsc && vite build --config vite.config.react.ts",
     "build-wc": "tsc && vite build --config vite.config.wc.ts --mode production",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "publish": "npm publish --access public",
-    "build-publish": "npm run build && npm version patch && npm run build && npm run publish"
+    "build-publish": "npm run build && npm version patch && npm run build && npm run publish && git push"
   },
   "dependencies": {
     "@emotion/react": "^11.11.3",
@@ -46,8 +46,12 @@
     "@r2wc/react-to-web-component": "^2.0.3",
     "@rollup/plugin-replace": "^5.0.5",
     "axios": "^1.6.5",
+    "bootstrap-daterangepicker": "^3.1.0",
     "cssnano": "^6.0.3",
     "framer-motion": "^10.18.0",
+    "jquery": "^3.7.1",
+    "moment": "^2.30.1",
+    "react-bootstrap-daterangepicker": "^8.0.0",
     "react-query": "^3.39.3",
     "react-router-dom": "^6.21.3",
     "react-shadow": "^20.4.0",
@@ -56,6 +60,7 @@
     "react-window": "^1.8.10",
     "react-window-infinite-loader": "^1.0.9",
     "simplebar-react": "^3.2.4",
+    "usehooks-ts": "^2.15.1",
     "vite-plugin-css-injected-by-js": "^3.3.1"
   },
   "devDependencies": {