@m4l/layouts 0.1.22 → 0.1.25

package/layouts/MasterDetailLayout/index.71de0dc7.js

@@ -1,141 +0,0 @@
-import { createContext as P, useState as v, useRef as z, useCallback as N, useMemo as p } from "react";
-import { voidFunction as x, useEnvironment as R } from "@m4l/core";
-import { SplitLayout as B } from "@m4l/components";
-import { g as V, a as j } from "../ModuleLayout/index.842072c5.js";
-import { jsx as r } from "react/jsx-runtime";
-import { useResponsiveDesktop as E } from "@m4l/graphics";
-import { Button as H } from "@mui/material";
-import { u as T } from "../../hooks/useMasterDetail/index.8e9e900b.js";
-function W() {
-  return ["master_detail_layout"].concat(V());
-}
-const et = {
-  master_detail_layout: {
-    split_vertical: "Split vertically",
-    split_horizontal: "Split horizontally",
-    no_split: "No split",
-    view_detail: "View detail"
-  }
-}, q = {
-  masterSelection: void 0,
-  onChangeMasterSelection: x
-}, G = P(q);
-function J(i) {
-  const {
-    children: o
-  } = i, [e, t] = v(void 0);
-  return /* @__PURE__ */ r(G.Provider, {
-    value: {
-      masterSelection: e,
-      onChangeMasterSelection: t
-    },
-    children: o
-  });
-}
-function K(i) {
-  const {
-    masterSelection: o
-  } = T(), {
-    onClick: e,
-    description: t
-  } = i;
-  return /* @__PURE__ */ r(H, {
-    onClick: e,
-    variant: "outlined",
-    disabled: o === void 0,
-    children: t
-  }, "miDetail");
-}
-function O(i, o, e, t) {
-  let n = t !== void 0 && t ? [...i] : [e];
-  return n = o.concat(n), n;
-}
-function nt(i) {
-  const {
-    moduleId: o,
-    moduleNameField: e,
-    masterComponent: t,
-    detailComponent: n,
-    moduleActions: y,
-    urlIcon: M,
-    currentLang: S,
-    componentsDictionary: f,
-    breadcrumbLinks: b,
-    privileges: k,
-    skeletonFlags: A
-  } = i, {
-    host_static_assets: c,
-    environment_assets: a
-  } = R(), [w, L] = v("vertical"), d = E(), _ = z(null), u = (m) => {
-    const s = [...g];
-    for (let l = 0; l < s.length; l++)
-      s[l].disabled = !1, s[l].tag === m && (s[l].disabled = !0);
-    $(s), L(m);
-  }, g = [{
-    urlIcon: `${c}/${a}/frontend/components/masterdetaillayout/assets/icons/split_vertical.svg`,
-    onClick: () => u("vertical"),
-    disabled: !0,
-    visibility: "main",
-    dictionaryField: "master_detail_layout.split_vertical",
-    tag: "vertical",
-    className: "splitactions"
-  }, {
-    urlIcon: `${c}/${a}/frontend/components/masterdetaillayout/assets/icons/split_horizontal.svg`,
-    onClick: () => u("horizontal"),
-    disabled: !1,
-    visibility: "main",
-    dictionaryField: "master_detail_layout.split_horizontal",
-    tag: "horizontal",
-    className: "splitactions"
-  }, {
-    urlIcon: `${c}/${a}/frontend/components/masterdetaillayout/assets/icons/no_split.svg`,
-    onClick: () => u("none"),
-    disabled: !1,
-    visibility: "main",
-    dictionaryField: "master_detail_layout.no_split",
-    tag: "none",
-    className: "splitactions"
-  }], C = N(() => {
-    _.current?.openModal({
-      title: "master_detail_layout.view_detail",
-      initialWidth: 500,
-      initialHeigth: 680,
-      contentComponent: n,
-      actions: void 0
-    });
-  }, [n]), h = p(() => ({
-    urlIcon: `${c}/${a}/frontend/components/masterdetaillayout/assets/icons/view_detail.svg`,
-    onClick: C,
-    disabled: !1,
-    visibility: "allways",
-    dictionaryField: "master_detail_layout.view_detail",
-    tag: "none",
-    className: "",
-    component: K
-  }), [a, C]), [D, $] = v(g), F = p(() => O(D, y, h, d), [D, y, d, h]), I = p(() => f.concat(W()), [f]);
-  return /* @__PURE__ */ r(J, {
-    children: /* @__PURE__ */ r(j, {
-      ref: _,
-      moduleId: o,
-      moduleNameField: e,
-      urlIcon: M,
-      moduleActions: F,
-      privileges: k,
-      skeletonFlags: A,
-      currentLang: S,
-      componentsDictionary: I,
-      breadcrumbLinks: b,
-      children: /* @__PURE__ */ r(B, {
-        splitPosition: d ? w : "none",
-        firstPart: t,
-        secondPart: n
-      })
-    })
-  });
-}
-export {
-  G as M,
-  nt as a,
-  et as d,
-  W as g
-};

package/layouts/ModuleLayout/index.842072c5.js

@@ -1,348 +0,0 @@
-import { Icon as T, Breadcrumbs as L, BoxIcon as D, MenuActions as N, useModal as R, ModalProvider as $, getModalDialogComponentsDictionary as F } from "@m4l/components";
-import { createContext as P, useState as y, useMemo as f, forwardRef as x, useRef as M, useImperativeHandle as b } from "react";
-import { styled as s } from "@mui/material/styles";
-import { useModuleDictionary as S, useModuleSkeleton as _, FlagsProvider as A, ModuleDictionaryProvider as B, ModuleSkeletonProvider as H, ModulePrivilegesProvider as G } from "@m4l/core";
-import { Skeleton as d, Typography as j, IconButton as O } from "@mui/material";
-import { useResponsiveDesktop as w } from "@m4l/graphics";
-import { jsxs as p, jsx as i, Fragment as W } from "react/jsx-runtime";
-import { u as z } from "../../hooks/useModule/index.096d7d13.js";
-const q = s("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  position: "absolute",
-  margin: "0px 12px 12px 12px",
-  left: "0px",
-  right: "0px",
-  top: "0px",
-  bottom: "0px",
-  overflow: "hidden"
-})), K = s("div")(({
-  theme: e
-}) => ({
-  display: "flex",
-  position: "relative",
-  marginTop: e.spacing(1),
-  justifyContent: "center",
-  flexGrow: "1",
-  overflow: "hidden"
-})), E = s("div")(({
-  theme: e
-}) => ({
-  display: "flex",
-  position: "relative",
-  borderBottom: `1px solid ${e.palette.divider}`,
-  height: "60px",
-  minHeight: "60px",
-  alignItems: "center",
-  " > span": {
-    marginRight: "12px"
-  },
-  "& > h5": {
-    paddingRight: e.spacing(3),
-    borderRight: `1px solid ${e.palette.divider}`
-  },
-  " > nav": {
-    marginRight: "12px",
-    flexGrow: 1
-  },
-  "& .splitactions.Mui-disabled": {
-    color: e.palette.primary.main
-  },
-  "& svg ": {
-    width: "20px",
-    height: "20px"
-  }
-})), J = s("div")(({
-  theme: e
-}) => ({
-  display: "flex",
-  justifyContent: "space-between",
-  padding: "0 0",
-  borderBottom: `1px solid ${e.palette.divider}`,
-  minHeight: "60px"
-})), Q = s("div")(({
-  theme: e
-}) => ({
-  display: "grid",
-  gridTemplateColumns: "auto",
-  gridGap: e.spacing(1.75),
-  alignItems: "center",
-  width: "auto",
-  height: "auto",
-  [e.breakpoints.up("sm")]: {
-    gridTemplateColumns: "repeat(3, auto)"
-  }
-})), U = s("div")(({
-  theme: e
-}) => ({
-  display: "grid",
-  gridTemplateColumns: `${e.spacing(3)} auto`,
-  gridGap: e.spacing(2),
-  alignItems: "center",
-  width: "auto",
-  height: "auto"
-})), V = s("div")(({
-  theme: e
-}) => ({
-  display: "none",
-  alignItems: "center",
-  width: "1px",
-  background: e.palette.divider,
-  height: "100%",
-  margin: `0 ${e.spacing(2)}`,
-  [e.breakpoints.up("sm")]: {
-    display: "flex"
-  }
-})), X = s("div")(({
-  theme: e
-}) => ({
-  display: "grid",
-  alignItems: "center",
-  gridTemplateColumns: "repeat(3, auto)",
-  gridGap: e.spacing(2)
-})), Y = s("div")(({
-  theme: e
-}) => ({
-  display: "grid",
-  gridTemplateColumns: "auto",
-  alignItems: "center",
-  width: "auto",
-  height: "auto",
-  [e.breakpoints.up("sm")]: {
-    gridTemplateColumns: `repeat(3, ${e.spacing(3)})`,
-    gridGap: e.spacing(2)
-  }
-}));
-function Z() {
-  const e = w();
-  return /* @__PURE__ */ p(J, {
-    id: "HeaderSkeleton",
-    children: [/* @__PURE__ */ p(Q, {
-      children: [/* @__PURE__ */ p(U, {
-        children: [/* @__PURE__ */ i(d, {
-          variant: "circular",
-          width: 24,
-          height: 24
-        }), /* @__PURE__ */ i(d, {
-          variant: "text",
-          width: 120,
-          height: 14
-        })]
-      }), /* @__PURE__ */ i(V, {}), /* @__PURE__ */ p(X, {
-        children: [/* @__PURE__ */ i(d, {
-          variant: "text",
-          width: 68,
-          height: 14
-        }), /* @__PURE__ */ i(d, {
-          variant: "circular",
-          width: 4,
-          height: 4
-        }), /* @__PURE__ */ i(d, {
-          variant: "text",
-          width: 68,
-          height: 14
-        })]
-      })]
-    }), /* @__PURE__ */ i(Y, {
-      children: e ? /* @__PURE__ */ p(W, {
-        children: [/* @__PURE__ */ i(d, {
-          variant: "circular",
-          width: 24,
-          height: 24
-        }), /* @__PURE__ */ i(d, {
-          variant: "circular",
-          width: 24,
-          height: 24
-        }), /* @__PURE__ */ i(d, {
-          variant: "circular",
-          width: 24,
-          height: 24
-        })]
-      }) : /* @__PURE__ */ i(d, {
-        variant: "circular",
-        width: 24,
-        height: 24
-      })
-    })]
-  });
-}
-const ee = P(null);
-function ie(e) {
-  const {
-    children: n,
-    initialModuleActions: t,
-    moduleId: o,
-    moduleNameField: a,
-    urlIcon: c,
-    breadcrumbLinks: g
-  } = e, [l] = y(() => ({
-    moduleId: o,
-    urlIcon: c,
-    moduleNameField: a,
-    dictionary: void 0,
-    breadcrumbLinks: g
-  })), [u, r] = y([]), m = f(() => t.concat(u), [t, u]);
-  return /* @__PURE__ */ i(ee.Provider, {
-    value: {
-      moduleActions: m,
-      dynamicActions: u,
-      setDynamicActions: r,
-      moduleId: l.moduleId,
-      moduleNameField: l.moduleNameField,
-      urlIcon: l.urlIcon,
-      breadcrumbLinks: l.breadcrumbLinks
-    },
-    children: n
-  });
-}
-function te(e, n) {
-  let t = [...n.filter((o) => o.visibility !== "allways")];
-  return e !== void 0 && e && (t = t.filter((o) => o.visibility === "normal")), t;
-}
-function oe(e, n) {
-  let t = [];
-  return e !== void 0 && e && (t = t.concat(n.filter((o) => o.visibility === "main"))), t = t.concat(n.filter((o) => o.visibility === "allways")), t;
-}
-function ne() {
-  const {
-    moduleActions: e,
-    moduleNameField: n,
-    breadcrumbLinks: t,
-    urlIcon: o
-  } = z(), {
-    getLabel: a
-  } = S(), c = w(), g = _(), l = f(
-    () => te(c, e),
-    [e, c]
-  ), u = f(() => oe(c, e), [e, c]);
-  return g ? /* @__PURE__ */ i(Z, {}) : /* @__PURE__ */ p(E, {
-    id: "Header",
-    children: [/* @__PURE__ */ i(T, {
-      src: o,
-      bgColor: "primary.main",
-      size: "24px"
-    }), /* @__PURE__ */ i(j, {
-      variant: "h5",
-      sx: {
-        maxWidth: 260,
-        overflow: "hidden",
-        whiteSpace: "nowrap",
-        color: "text.primary",
-        marginLeft: "12px",
-        marginRight: "24px",
-        textOverflow: "ellipsis"
-      },
-      children: a(n)
-    }), /* @__PURE__ */ i(L, {
-      links: t
-    }), u.map((r, m) => {
-      const h = a(r.dictionaryField);
-      return r.component ? /* @__PURE__ */ i(r.component, {
-        description: h,
-        onClick: r.onClick
-      }, `main_action_${m}`) : /* @__PURE__ */ i(O, {
-        className: r.className,
-        onClick: r.onClick,
-        "aria-label": `${h}`,
-        disabled: r.disabled,
-        children: /* @__PURE__ */ i(D, {
-          src: r.urlIcon,
-          sx: {
-            width: 18,
-            height: 18
-          }
-        })
-      }, `main_action_${m}`);
-    }), l.length > 0 && /* @__PURE__ */ i(N, {
-      arrowType: "right-top",
-      marginTop: "11px",
-      anchorOrigin: {
-        vertical: "top",
-        horizontal: "left"
-      },
-      transformOrigin: {
-        vertical: "top",
-        horizontal: "right"
-      },
-      menuActions: l
-    })]
-  });
-}
-const I = x((e, n) => {
-  const {
-    children: t
-  } = e, {
-    openModal: o
-  } = R(), a = M(null);
-  return b(n, () => ({
-    openModal: o,
-    current: a.current
-  })), /* @__PURE__ */ p(q, {
-    id: "WrapperInnerModule",
-    className: "m4l_module_layout",
-    ref: a,
-    children: [/* @__PURE__ */ i(ne, {}), /* @__PURE__ */ i(K, {
-      id: "ModuleContent",
-      children: t
-    })]
-  });
-});
-I.displayName = "InnerModule";
-const re = x((e, n) => {
-  const {
-    moduleId: t,
-    moduleNameField: o = "module_name",
-    moduleActions: a,
-    urlIcon: c,
-    children: g,
-    componentsDictionary: l,
-    breadcrumbLinks: u,
-    privileges: r,
-    currentLang: m,
-    skeletonFlags: h
-  } = e, v = M(null), k = (C) => {
-    v.current?.openModal(C);
-  };
-  return b(n, () => ({
-    openModal: k,
-    current: v.current
-  })), /* @__PURE__ */ i(A, {
-    children: /* @__PURE__ */ i(B, {
-      moduleId: t,
-      componentsDictionary: l,
-      currentLang: m,
-      children: /* @__PURE__ */ i(H, {
-        flags: h,
-        children: /* @__PURE__ */ i(G, {
-          queryPrivileges: r,
-          children: /* @__PURE__ */ i(ie, {
-            moduleId: t,
-            urlIcon: c,
-            moduleNameField: o,
-            initialModuleActions: a,
-            breadcrumbLinks: u,
-            children: /* @__PURE__ */ i($, {
-              children: /* @__PURE__ */ i(I, {
-                ref: v,
-                children: g
-              })
-            })
-          })
-        })
-      })
-    })
-  });
-});
-re.displayName = "ModuleLayout";
-function ge() {
-  return ["module_layout"].concat(F());
-}
-const he = {
-  module_layout: {}
-};
-export {
-  ee as M,
-  re as a,
-  he as d,
-  ge as g
-};

package/layouts/ModuleLayout/subcomponents/InnerModule/subcomponents/Header/index.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function Header(): JSX.Element;

package/layouts/ModuleLayout/subcomponents/InnerModule/subcomponents/Header/skeleton.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function SKTModuleHeader(): JSX.Element;

package/layouts/ModuleLayout/subcomponents/InnerModule/subcomponents/Header/styles.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Wrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ModuleTitleContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ModuleTitle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Separator: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Breadcrumbs: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ModuleActions: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/layouts/ModuleLayout/subcomponents/InnerModule/subcomponents/Header/types.d.ts

@@ -1,2 +0,0 @@
-export interface HeaderProps {
-}

package/layouts/ModuleLayout/types.d.ts

@@ -1,29 +0,0 @@
-import type { ReactNode } from 'react';
-import type { TLink, ModalOpenOptions, MenuAction } from '@m4l/components';
-import type { HeaderProps } from './subcomponents/InnerModule/subcomponents/Header/types';
-import type { ModuleRef } from './subcomponents/InnerModule/types';
-export declare type MenuActionType = 'main' | 'allways' | 'normal';
-export interface ModuleAction extends MenuAction {
-    visibility: MenuActionType;
-    tag?: any;
-    className?: string;
-}
-export interface ContainerProps {
-    vertical: boolean;
-}
-export declare type ModuleLayoutRef = {
-    openModal: (modalOpenProps: ModalOpenOptions) => void;
-    current: ModuleRef | null;
-};
-export interface ModuleLayoutProps extends HeaderProps {
-    moduleId: string;
-    urlIcon: string;
-    currentLang: string;
-    skeletonFlags: string[];
-    moduleNameField?: string;
-    privileges: string[];
-    breadcrumbLinks: TLink[];
-    moduleActions: ModuleAction[];
-    componentsDictionary: string[];
-    children: ReactNode;
-}