@smart-factor/gem-ui-components 0.0.73 → 0.0.75

package/dist/{Drawer-d8461jqd.js → Drawer-AZWlL1mS.js}

@@ -1,5 +1,5 @@
 import pt, { jsx as x, jsxs as de } from "react/jsx-runtime";
-import { a as Z, P as n, _ as f, o as q, C as ft, b as H, e as mt, s as ge, g as ye, h as ht, i as bt, j as vt, k as Ee, l as Y, m as gt, n as yt, p as Q, q as ee, r as L, t as $e, v as te, w as z, x as pe, y as V, z as ne, A as He, B as Ue, D as le, E as ze, F as We, G as Et, H as Me, I as xt, J as Tt, K as kt, S as ke, L as Pt, M as Rt, N as Nt } from "./Stack-ThmeJzqr.js";
+import { a as Z, P as n, _ as f, o as q, C as ft, b as H, e as mt, s as ge, g as ye, h as ht, i as bt, j as vt, k as Ee, l as Y, m as gt, n as yt, p as Q, q as ee, r as L, t as $e, v as te, w as z, x as pe, y as V, z as ne, A as He, B as Ue, D as le, E as ze, F as We, G as Et, H as Me, I as xt, J as Tt, K as kt, S as ke, L as Pt, M as Rt, N as Nt } from "./Stack-B3SBR1st.js";
 import * as u from "react";
 import * as wt from "react-dom";
 var be = {};
@@ -2098,14 +2098,15 @@ export {
   nt as M,
   Qe as P,
   ce as a,
-  Dt as b,
-  $t as c,
+  oe as b,
+  Dt as c,
   Ge as d,
   Ye as e,
-  oe as f,
+  $t as f,
   Mt as g,
   ue as h,
   Ze as i,
+  lt as j,
   G as o,
   Lt as r
 };

package/dist/SignEditor.js

@@ -17,12 +17,12 @@ var T_ = (o, e, t, n) => ({
 import Gk, { jsx as Wt, jsxs as Fr, Fragment as Mb } from "react/jsx-runtime";
 import * as vr from "react";
 import { useCallback as pd, createContext as iQ, useContext as rQ, useState as kc, useEffect as uu, useMemo as Hm, useRef as aQ } from "react";
-import { ai as sQ, ak as lQ, G as Ix, al as Mx, am as A0, an as cQ, a8 as tN, B as Um, ao as Rb, ag as eb, ah as nN, v as uQ, ac as h2, ae as dQ, a2 as AQ, n as hQ, f as pQ, a9 as gQ } from "./theme-DQCPHf7F.js";
-import { C as oN, r as Qk } from "./Drawer-d8461jqd.js";
+import { aj as sQ, al as lQ, G as Ix, am as Mx, an as A0, ao as cQ, a8 as tN, B as Um, ap as Rb, ah as eb, ai as nN, v as uQ, ad as h2, af as dQ, a2 as AQ, n as hQ, f as pQ, aa as gQ } from "./theme-BBp3_Hm7.js";
+import { C as oN, r as Qk } from "./Drawer-AZWlL1mS.js";
 import "react-dom";
 import "@mui/x-data-grid-pro";
 import "react-router-dom";
-import { r as ur, K as Ed, M as Gb, n as mQ, a9 as p2, aa as fQ, S as zm, L as Dk } from "./Stack-ThmeJzqr.js";
+import { r as ur, K as Ed, M as Gb, n as mQ, a9 as p2, aa as fQ, S as zm, L as Dk } from "./Stack-B3SBR1st.js";
 var ag = class {
   constructor() {
     this.listeners = /* @__PURE__ */ new Set(), this.subscribe = this.subscribe.bind(this);

package/dist/{Stack-ThmeJzqr.js → Stack-B3SBR1st.js}

@@ -6585,10 +6585,11 @@ export {
   du as an,
   Yt as ao,
   Qr as ap,
-  Ho as aq,
-  Je as ar,
-  He as as,
-  Ke as at,
+  Au as aq,
+  Ho as ar,
+  Je as as,
+  He as at,
+  Ke as au,
   be as b,
   Xi as c,
   Xo as d,

package/dist/{Tree-D_Zjc1fk.js → Tree-DjhO_q-b.js}

@@ -1,8 +1,8 @@
 import { jsx as w, jsxs as ve } from "react/jsx-runtime";
 import * as x from "react";
 import { createElement as Wt } from "react";
-import { p as fe, q as me, r as U, _ as D, v as nt, O as Jt, A as Gt, w as Le, x as Ht, Q as Yt, l as de, y as Ie, P as r, R as ot, z as ge, D as Qe, U as Qt, I as rt, j as Zt, V as it, b as ue, e as te, t as en, h as tn, k as G, o as nn, J as on, g as rn, H as ce, W as sn, X as st, Y as ie, G as Ze, i as ln, K as an, S as cn, M as dn, N as un } from "./Stack-ThmeJzqr.js";
-import { u as pn, a as fn, b as X } from "./useFormControl-Cj8rSR6R.js";
+import { p as fe, q as me, r as U, _ as D, v as nt, O as Jt, A as Gt, w as Le, x as Ht, Q as Yt, l as de, y as Ie, P as r, R as ot, z as ge, D as Qe, U as Qt, I as rt, j as Zt, V as it, b as ue, e as te, t as en, h as tn, k as G, o as nn, J as on, g as rn, H as ce, W as sn, X as st, Y as ie, G as Ze, i as ln, K as an, S as cn, M as dn, N as un } from "./Stack-B3SBR1st.js";
+import { u as pn, a as fn, b as X } from "./useFormControl-K73YLReg.js";
 function mn(e) {
   return fe("MuiCollapse", e);
 }

package/dist/components/Drawer/index.js

@@ -1,4 +1,4 @@
-import { D as e } from "../../Drawer-d8461jqd.js";
+import { D as e } from "../../Drawer-AZWlL1mS.js";
 export {
   e as Drawer
 };

package/dist/components/MuiLikeWrapper/MuiLikeWrapper.d.ts

@@ -6,4 +6,4 @@ export interface MuiLikeWrapperProps {
     required?: boolean;
     errorMessage?: string;
 }
-export declare const MuiLikeWrapper: ({ label, children, required, errorMessage }: MuiLikeWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MuiLikeWrapper: ({ label, children, required, errorMessage, }: MuiLikeWrapperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PaginatedPopover/PaginatedPopover.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { PaginatedPopoverProps } from './types';
+
+interface NotificationItemProps {
+    children: ReactNode;
+    onClick?: () => void;
+}
+export declare const PaginatedPopover: (<T>({ notifications, loadParams, setLoadParams, isLoading, width, height, title, children, Icon, }: PaginatedPopoverProps<T & {
+    id: string | number;
+}>) => import("react/jsx-runtime").JSX.Element) & {
+    Item: ({ children, onClick }: NotificationItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export {};

package/dist/components/PaginatedPopover/PaginatedPopover.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { PaginatedPopover } from './PaginatedPopover';
+import { PaginatedPopoverProps } from './types';
+
+declare const meta: Meta<typeof PaginatedPopover>;
+export default meta;
+type Story = StoryObj<PaginatedPopoverProps<{
+    id: string | number;
+    content: string;
+    date: Date;
+}>>;
+export declare const Docs: Story;
+export declare const Empty: Story;

package/dist/components/PaginatedPopover/PaginatedPopover.styles.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare const ListViewCellWrapper: import('@emotion/styled').StyledComponent<import('@mui/material').StackOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/system').Theme>, {}, {}>;
+export declare const NotificationItemWrapper: import('@emotion/styled').StyledComponent<import('@mui/material').StackOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/system').Theme>, {}, {}>;
+export declare const StyledPaper: import('@emotion/styled').StyledComponent<import('@mui/material').PaperOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx" | "elevation" | "variant" | "square"> & import('@mui/system').MUIStyledCommonProps<import('@mui/system').Theme> & {
+    width: string;
+    height: string;
+}, {}, {}>;
+export declare const StyledList: import('@emotion/styled').StyledComponent<import('@mui/material').ListOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
+    ref?: ((instance: HTMLUListElement | null) => void) | import('react').RefObject<HTMLUListElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx" | "dense" | "disablePadding" | "subheader"> & import('@mui/system').MUIStyledCommonProps<import('@mui/system').Theme>, {}, {}>;
+export declare const StyledListHeader: import('@emotion/styled').StyledComponent<import('@mui/material').StackOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/system').Theme>, {}, {}>;

package/dist/components/PaginatedPopover/PaginatedPopoverContent.d.ts

@@ -0,0 +1,18 @@
+import { PaginatedPopoverProps } from './types';
+
+export declare const NotificationContent: <T extends {
+    id: string | number;
+}>({ open, anchorEl, onClose, notifications, loadingMore, isLoading, allItemsLoaded, width, height, title, children, listRef, }: {
+    open: boolean;
+    anchorEl: HTMLButtonElement | null;
+    onClose: () => void;
+    notifications: PaginatedPopoverProps<T>['notifications'];
+    loadingMore: boolean;
+    isLoading: boolean;
+    allItemsLoaded: boolean;
+    width: string;
+    height: string;
+    title: React.ReactNode;
+    children: PaginatedPopoverProps<T>['children'];
+    listRef: React.RefObject<HTMLUListElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PaginatedPopover/PaginatedPopoverHeader.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+
+export interface PaginatedPopoverHeaderProps {
+    children: ReactNode;
+    onClose: () => void;
+}
+export declare const PaginatedPopoverHeader: FC<PaginatedPopoverHeaderProps>;

package/dist/components/PaginatedPopover/types.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { GenericPageDataDto } from '../../main';
+
+export interface LoadParams {
+    page: number;
+    size: number;
+}
+export interface PaginatedPopoverProps<T> {
+    notifications: GenericPageDataDto<T> | undefined;
+    isLoading: boolean;
+    loadParams: LoadParams;
+    setLoadParams: (loadParams: LoadParams) => void;
+    onDelete: (id: string) => void;
+    width?: string;
+    height?: string;
+    title: string;
+    children: ((item: T & {
+        id: string | number;
+    }) => ReactNode) | ReactNode;
+    Icon: ReactNode;
+}

package/dist/components/Tree/index.js

@@ -1,4 +1,4 @@
-import { T as o } from "../../Tree-D_Zjc1fk.js";
+import { T as o } from "../../Tree-DjhO_q-b.js";
 export {
   o as Tree
 };

package/dist/helpers/withAliases.d.ts

@@ -0,0 +1 @@
+export declare const withAliases: <A extends object, B>(component: A, properties: B) => A & B;

package/dist/main.d.ts

@@ -11,6 +11,7 @@ export * from './components/FormComponents';
 export { Grid, GridInitialState } from './components/Grid';
 export { LoadingBackdrop } from './components/LoadingBackdrop/LoadingBackdrop';
 export { MuiLikeWrapper } from './components/MuiLikeWrapper';
+export { PaginatedPopover } from './components/PaginatedPopover/PaginatedPopover';
 export { ResizableWrapper } from './components/ResizableWrapper/ResizableWrapper';
 export { SimpleAutocomplete } from './components/SimpleAutocomplete';
 export { SimpleInput } from './components/SimpleInput/SimpleInput';

package/dist/main.js

@@ -1,18 +1,18 @@
 import te, { jsx as a, jsxs as k, Fragment as at } from "react/jsx-runtime";
-import { L as re, P as l, _ as x, Z as Wt, $ as Gt, a0 as qt, a1 as Zt, w as N, T as qe, Y as Xt, a2 as Jt, l as Kt, a3 as Qt, q as ye, p as ve, r as R, v as Z, j as er, y as X, a as tr, a4 as rr, z as J, E as Ye, b as z, F as ze, J as or, a5 as nr, a6 as sr, M as q, U as ir, a7 as ar, x as Te, e as oe, K as H, a8 as lr, S as Ne, a9 as ne, aa as se, N as pe } from "./Stack-ThmeJzqr.js";
-import { r as ie, e as lt, P as ct, i as cr, C as dr } from "./Drawer-d8461jqd.js";
-import { D as ii, L as ai } from "./Drawer-d8461jqd.js";
-import { A as ur, l as Ze, L as hr, g as fr, S as pr, a as mr, t as Xe, T as gr, b as br, c as yr, d as vr, e as Tr, B as ee, f as xr, G as Cr, i as Mr, h as Or, F as Sr, j as Dr, k as dt, M as A, m as Ie, n as ut, C as K, o as P, w as Pr, p as je, q as Lr, r as kr, s as wr, u as Er, v as $r, x as xe, y as _r, z as Yr, D as zr, I as ht, E as Nr, H as ft, J as pt, K as Ir, N as jr, O as Ar, P as mt, Q as Rr, R as Br, U as Fr, V as Vr, W as Ur, X as Hr, Y as Wr, Z as Gr, _ as qr, $ as Zr, a0 as Xr, a1 as Jr, a2 as Kr, a3 as Qr, a4 as gt, a5 as bt, a6 as yt, a7 as eo } from "./theme-DQCPHf7F.js";
-import { ab as ci, ah as di, a8 as ui, ad as hi, ae as fi, af as pi, ag as mi, a9 as gi, ac as bi, ai as yi, ak as vi, aa as Ti, aj as xi } from "./theme-DQCPHf7F.js";
+import { L as re, P as l, _ as x, Z as Wt, $ as Gt, a0 as qt, a1 as Zt, w as N, T as qe, Y as Xt, a2 as Jt, l as Kt, a3 as Qt, q as ye, p as ve, r as R, v as Z, j as er, y as X, a as tr, a4 as rr, z as J, E as Ye, b as z, F as ze, J as or, a5 as nr, a6 as sr, M as q, U as ir, a7 as ar, x as Te, e as oe, K as H, a8 as lr, S as Ne, a9 as ne, aa as se, N as pe } from "./Stack-B3SBR1st.js";
+import { r as ie, e as lt, P as ct, i as cr, C as dr } from "./Drawer-AZWlL1mS.js";
+import { D as ii, L as ai } from "./Drawer-AZWlL1mS.js";
+import { A as ur, l as Ze, L as hr, g as fr, S as pr, a as mr, t as Xe, T as gr, b as br, c as yr, d as vr, e as Tr, B as ee, f as xr, G as Cr, i as Mr, h as Or, F as Sr, j as Dr, k as dt, M as A, m as Ie, n as ut, C as K, o as P, w as Pr, p as je, q as Lr, r as kr, s as wr, u as Er, v as $r, x as xe, y as _r, z as Yr, D as zr, I as ht, E as Nr, H as ft, J as pt, K as Ir, N as jr, O as Ar, P as mt, Q as Rr, R as Br, U as Fr, V as Vr, W as Ur, X as Hr, Y as Wr, Z as Gr, _ as qr, $ as Zr, a0 as Xr, a1 as Jr, a2 as Kr, a3 as Qr, a4 as gt, a5 as bt, a6 as yt, a7 as eo } from "./theme-BBp3_Hm7.js";
+import { ac as ci, ai as di, a8 as ui, ae as hi, af as fi, ag as pi, ah as mi, a9 as gi, aa as bi, ad as yi, aj as vi, al as Ti, ab as xi, ak as Ci } from "./theme-BBp3_Hm7.js";
 import * as L from "react";
 import { useState as F, useCallback as me, useLayoutEffect as vt, useEffect as Ce, useMemo as Tt, useRef as to } from "react";
-import { b as de } from "./useFormControl-Cj8rSR6R.js";
+import { b as de } from "./useFormControl-K73YLReg.js";
 import ro, { createPortal as oo } from "react-dom";
 import { GridToolbarContainer as no, GridToolbarColumnsButton as so, GridToolbarFilterButton as io, GridToolbarDensitySelector as ao, DataGridPro as xt, useGridApiRef as lo, getGridBooleanOperators as co, getGridNumericOperators as uo, getGridStringOperators as ho } from "@mui/x-data-grid-pro";
 export * from "@mui/x-data-grid-pro";
 import { Link as fo } from "react-router-dom";
-import { C as po, a as mo } from "./Tree-D_Zjc1fk.js";
-import { T as Oi } from "./Tree-D_Zjc1fk.js";
+import { C as po, a as mo } from "./Tree-DjhO_q-b.js";
+import { T as Si } from "./Tree-DjhO_q-b.js";
 var Ae = {}, go = re;
 Object.defineProperty(Ae, "__esModule", {
   value: !0
@@ -2610,7 +2610,12 @@ const Ns = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGridInitialStateFromStorage: _e,
   useGridInitialState: Jn
-}, Symbol.toStringTag, { value: "Module" })), Is = ({ label: e, children: r, required: n, errorMessage: t }) => /* @__PURE__ */ k(Rr, { error: !!t, children: [
+}, Symbol.toStringTag, { value: "Module" })), Is = ({
+  label: e,
+  children: r,
+  required: n,
+  errorMessage: t
+}) => /* @__PURE__ */ k(Rr, { error: !!t, children: [
   /* @__PURE__ */ a(Br, { error: !!t, required: n, children: e }),
   r,
   t && /* @__PURE__ */ a(Ie, { error: !0, children: t })
@@ -2887,8 +2892,6 @@ const Ws = (e) => /* @__PURE__ */ k(Ne, { direction: "row", display: "inline-fle
       paginationMode: "server",
       rowCount: S,
       paginationModel: T,
-      showFirstButton: !0,
-      showLastButton: !0,
       onPaginationModelChange: y,
       pageSizeOptions: [10, 20, 30, 40, 50],
       filterMode: "server",
@@ -3031,6 +3034,7 @@ export {
   mi as Input,
   ai as LoadingBackdrop,
   Is as MuiLikeWrapper,
+  gi as PaginatedPopover,
   Es as RadioChips,
   js as ResizableWrapper,
   $s as SearchInput,
@@ -3043,29 +3047,29 @@ export {
   Ws as TableActions,
   Gs as TableRecord,
   qs as TableWithPagination,
-  gi as TabsPanel,
+  bi as TabsPanel,
   Mo as ThemeProvider,
   Ys as TimePicker,
-  Oi as Tree,
+  Si as Tree,
   q as Typography,
-  bi as UPLOADED_FILE_MAX_SIZE,
-  yi as errorToast,
+  yi as UPLOADED_FILE_MAX_SIZE,
+  vi as errorToast,
   as as formatDate,
   ls as formatDateTime,
   Js as getBooleanColumn,
   Ks as getDateColumn,
   Qs as getDateTimeColumn,
-  vi as getErrorMessage,
+  Ti as getErrorMessage,
   ei as getNumericColumn,
   ti as getStaticColumn,
   ri as getStringColumn,
   Zs as infoToast,
   R as styled,
   Xs as successToast,
-  Ti as theme,
+  xi as theme,
   Ss as useContextMenu,
   sn as useDataGridState,
-  xi as useGetFileUrl,
+  Ci as useGetFileUrl,
   an as useScrollPosition,
   Te as useTheme
 };