@m4l/components 0.1.12 → 0.1.13

package/components/ObjectLogs/index.27ef875d.js

@@ -0,0 +1,266 @@
+import { useState as _, useEffect as f, useCallback as d, useMemo as $ } from "react";
+import { useNetwork as k, useModuleDictionary as y, useEnvironment as h, usePaginate as O } from "@m4l/core";
+import { styled as g } from "@mui/material/styles";
+import { D as R, g as I } from "../DataGrid/index.b688877d.js";
+import { D as L } from "../formatters/DateFormatter/index.ad8d9b8e.js";
+import { Tooltip as G, IconButton as M } from "@mui/material";
+import { R as S } from "../../react-json-view.f56a7f8e.js";
+import { jsx as t, jsxs as A } from "react/jsx-runtime";
+import { u as T } from "../../hooks/useModal/index.6571d2d9.js";
+import { I as u } from "../Icon/index.cbca79b0.js";
+import { D as E, g as K } from "../DynamicFilter/index.82ce857e.js";
+const q = g("div")(() => ({
+  height: "100%",
+  width: "100%",
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "flex-start"
+})), J = g("div")(({
+  theme: o
+}) => ({
+  position: "relative",
+  height: "auto",
+  display: "flex",
+  flexDirection: "row",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  "& .MuiFormControl-root": {
+    flexGrow: 1
+  },
+  [o.breakpoints.up("sm")]: {
+    "& .MuiFormControl-root:nth-of-type(1)": {
+      marginRight: o.spacing(3)
+    }
+  }
+})), N = g("div")(() => ({
+  position: "relative",
+  flexGrow: "1",
+  width: "100%"
+})), Q = g("div")(({ theme: o }) => ({
+  color: o.palette.text.primary,
+  display: "flex",
+  flexDirection: "column",
+  height: "100%",
+  width: "100%"
+}));
+g("span")(({ theme: o }) => ({
+  color: o.palette.text.primary,
+  display: "flex",
+  flexDirection: "column",
+  height: "100%",
+  width: "100%"
+}));
+function U(o) {
+  const {
+    log_id: c
+  } = o, {
+    networkOperation: n
+  } = k(), [e, r] = _({});
+  return f(() => {
+    let s = !0;
+    return n({
+      method: "GET",
+      endPoint: `logs/${c}`
+    }).then((a) => {
+      if (s) {
+        const l = JSON.parse(String(a.data.log_detail));
+        r(l);
+      }
+    }), function() {
+      s = !1;
+    };
+  }, []), /* @__PURE__ */ t(Q, {
+    id: "objectLogsDetail",
+    children: /* @__PURE__ */ t(S, {
+      name: null,
+      sortKeys: !0,
+      displayDataTypes: !1,
+      quotesOnKeys: !1,
+      src: e
+    })
+  });
+}
+function W(o) {
+  const {
+    log_id: c
+  } = o, {
+    openModal: n,
+    closeModal: e
+  } = T(), {
+    getLabel: r
+  } = y(), {
+    host_static_assets: s,
+    environment_assets: a
+  } = h(), l = () => {
+    n({
+      onQueryClose: () => e(),
+      title: r("object_logs.modal_detail_title"),
+      iconComponent: /* @__PURE__ */ t(u, {
+        src: `${s}/${a}/frontend/components/object_logs/assets/icons/search.svg`
+      }),
+      contentComponent: /* @__PURE__ */ t(U, {
+        log_id: c
+      })
+    });
+  };
+  return /* @__PURE__ */ t(G, {
+    title: r("object_logs.view_log_detail"),
+    children: /* @__PURE__ */ t(M, {
+      onClick: l,
+      "aria-label": "filter",
+      children: /* @__PURE__ */ t(u, {
+        src: `${s}/${a}/frontend/components/object_logs/assets/icons/search.svg`
+      })
+    })
+  });
+}
+function ie(o) {
+  const {
+    resource_id: c,
+    object_id: n
+  } = o, {
+    getLabel: e
+  } = y(), {
+    host_static_assets: r,
+    environment_assets: s
+  } = h(), [a, l] = _({
+    resource_id: c,
+    object_id: n
+  }), b = d((i) => /* @__PURE__ */ t(L, {
+    presentationType: "datetime",
+    value: i.row.created_at
+  }), []), w = d((i) => /* @__PURE__ */ t(W, {
+    log_id: i.row.id
+  }), []), j = $(() => [{
+    key: "created_at",
+    name: e("object_logs.created_at"),
+    type: "date",
+    width: 300,
+    formatter: b
+  }, {
+    key: "email",
+    name: e("object_logs.email"),
+    type: "string",
+    width: 300
+  }, {
+    key: "resource_name",
+    name: e("object_logs.resource_name"),
+    type: "string"
+  }, {
+    key: "log_preview",
+    name: e("object_logs.log_preview"),
+    type: "string"
+  }, {
+    key: "Detail",
+    name: e("object_logs.log_detail"),
+    type: "custom",
+    formatter: w
+  }, {
+    key: "ip",
+    name: e("object_logs.ip"),
+    type: "string"
+  }], [e]), {
+    pagerState: p,
+    rows: m,
+    onPageChange: D,
+    onRowsPerPageChange: v,
+    clearRows: C,
+    Refresh: x
+  } = O({
+    endPoint: "logs",
+    fireOnChangeParms: !1,
+    queryParams: a
+  });
+  return f(() => {
+    C(), l((i) => ({
+      ...i,
+      object_id: n
+    }));
+  }, [n]), /* @__PURE__ */ A(q, {
+    children: [/* @__PURE__ */ t(J, {
+      id: "objectLogsActions",
+      children: /* @__PURE__ */ t(E, {
+        withAllField: !0,
+        onChangeFilter: (i, P) => {
+          l((F) => ({
+            ...F,
+            f: P
+          })), x();
+        },
+        automatic: !1,
+        fields: [{
+          name: "user_logs.created_at",
+          label: e("object_logs.created_at"),
+          type: "datetime",
+          multiple: !1,
+          presence: "fixed",
+          urlIcon: `${r}/${s}/frontend/components/object_logs/assets/icons/email.svg`
+        }, {
+          name: "users.email",
+          label: e("object_logs.email"),
+          type: "string",
+          multiple: !0,
+          presence: "optional",
+          urlIcon: `${r}/${s}/frontend/components/object_logs/assets/icons/email.svg`
+        }, {
+          name: "user_logs.log_preview",
+          label: e("object_logs.log_preview"),
+          type: "string",
+          multiple: !0,
+          presence: "optional",
+          urlIcon: `${r}/${s}/frontend/components/object_logs/assets/icons/log_preview.svg`
+        }, {
+          name: "user_logs.log_detail",
+          label: e("object_logs.log_detail"),
+          type: "string",
+          multiple: !0,
+          presence: "optional",
+          urlIcon: `${r}/${s}/frontend/components/object_logs/assets/icons/log_detail.svg`
+        }],
+        initialFilters: []
+      })
+    }), /* @__PURE__ */ t(N, {
+      id: "GridWrapper",
+      children: /* @__PURE__ */ t(R, {
+        id: "users_logs_list",
+        columns: j,
+        rows: m,
+        rowKeyGetter: (i) => i.id,
+        isMultipleSelect: !1,
+        withActions: !0,
+        actionsProps: {
+          withPager: !0,
+          withLocalFilters: !0,
+          pagerOptions: {
+            records: m.length,
+            totalRecords: p.totalRecords,
+            rowsPerPageOptions: [1, 2, 3, 4, 5, 10, 25],
+            page: p.page,
+            rowsPerPage: p.rowsPerPage,
+            onPageChange: D,
+            onRowsPerPageChange: v
+          }
+        }
+      }, "users_list_logs")
+    })]
+  });
+}
+function ne() {
+  return ["object_logs"].concat(I()).concat(K());
+}
+const ae = {
+  object_logs: {
+    created_at: "Start date",
+    user: "User/email",
+    resource_name: "Resource",
+    privilege_name: "Privilege",
+    log_preview: "Log",
+    log_detail: "Detail",
+    ip: "Ip"
+  }
+};
+export {
+  ie as O,
+  ae as d,
+  ne as g
+};

package/components/Page/index.6d69977e.js

@@ -0,0 +1,35 @@
+import { forwardRef as d } from "react";
+import { Helmet as f } from "react-helmet-async";
+import { Box as p } from "@mui/material";
+import { useLocales as u } from "@m4l/graphics";
+import { useDomain as h, useModuleSkeleton as g } from "@m4l/core";
+import { jsxs as o, Fragment as x, jsx as e } from "react/jsx-runtime";
+const P = d((r, t) => {
+  const {
+    children: m,
+    title: n,
+    meta: a,
+    ...i
+  } = r, {
+    currentLang: l
+  } = u(), {
+    name: s
+  } = h(), c = g();
+  return /* @__PURE__ */ o(x, {
+    children: [!c && /* @__PURE__ */ o(f, {
+      children: [/* @__PURE__ */ e("title", {
+        children: `${n} | ${s}`
+      }), /* @__PURE__ */ e("html", {
+        lang: l.value
+      }), a]
+    }), /* @__PURE__ */ e(p, {
+      ref: t,
+      ...i,
+      children: m
+    })]
+  });
+});
+P.displayName = "Page";
+export {
+  P
+};

package/components/Page/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { PageProps } from './types';
-export declare const Page: import("react").ForwardRefExoticComponent<Pick<PageProps, "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "translate" | "meta" | "slot" | "title" | "children" | "component" | "sx" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Page: import("react").ForwardRefExoticComponent<Pick<PageProps, "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "translate" | "meta" | "slot" | "title" | "children" | "component" | "sx" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLDivElement>>;

package/components/PaperForm/index.d7c74064.js

@@ -0,0 +1,105 @@
+import { styled as r } from "@mui/material/styles";
+import { useModuleSkeleton as s } from "@m4l/core";
+import { Skeleton as d } from "@mui/material";
+import { I as l } from "../Icon/index.cbca79b0.js";
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+const c = r("div")(({
+  theme: i
+}) => ({
+  display: "flex",
+  flexDirection: "column",
+  padding: i.spacing(1),
+  [i.breakpoints.up("sm")]: {
+    margin: `${i.spacing(1.5)}  ${i.spacing(1.5)}  ${i.spacing(3)}  ${i.spacing(1.5)}`,
+    borderRadius: i.spacing(2),
+    boxShadow: i.customShadows.z8,
+    padding: i.spacing(3),
+    backgroundColor: i.palette.background.paper
+  }
+})), p = r("div")(({
+  theme: i
+}) => ({
+  display: "flex",
+  flexDirection: "row",
+  alignItems: "center",
+  borderBottom: `1px solid ${i.palette.divider}`,
+  paddingBottom: i.spacing(3),
+  marginBottom: i.spacing(2),
+  overflow: "hidden"
+})), g = r("div")(({
+  theme: i
+}) => ({
+  display: "flex",
+  flexDirection: "row",
+  flexGrow: 1,
+  alignItems: "center",
+  cursor: "move",
+  ...i.typography.subtitle1,
+  color: i.palette.text.primary
+})), u = r("div")(({
+  theme: i
+}) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  marginRight: i.spacing(1.5)
+})), f = r("div")(() => ({
+  flexGrow: 1,
+  position: "relative"
+})), m = r("div")(({
+  theme: i
+}) => ({
+  width: "auto",
+  display: "grid",
+  gridTemplateColumns: `${i.spacing(2)} auto`,
+  gridGap: `${i.spacing(1.5)}`,
+  paddingBottom: `${i.spacing(3)}`,
+  borderBottom: `1px solid ${i.palette.divider}`,
+  marginBottom: `${i.spacing(3)}`
+})), x = (i) => {
+  const {
+    urlIcon: n,
+    title: t
+  } = i;
+  return s() ? /* @__PURE__ */ a(m, {
+    children: [/* @__PURE__ */ o(d, {
+      variant: "circular",
+      width: 16,
+      height: 16
+    }), /* @__PURE__ */ o(d, {
+      variant: "text",
+      width: 68,
+      height: 14
+    })]
+  }) : /* @__PURE__ */ o(p, {
+    id: "Header",
+    children: /* @__PURE__ */ a(g, {
+      className: "draggable-dialog-title",
+      children: [/* @__PURE__ */ o(u, {
+        children: /* @__PURE__ */ o(l, {
+          src: n
+        })
+      }), t]
+    })
+  });
+};
+function I(i) {
+  const {
+    urlIcon: n,
+    title: t,
+    children: e
+  } = i;
+  return /* @__PURE__ */ a(c, {
+    id: "ContainerPropertyValue",
+    children: [/* @__PURE__ */ o(x, {
+      urlIcon: n,
+      title: t
+    }), /* @__PURE__ */ o(f, {
+      id: "Content",
+      children: e
+    })]
+  });
+}
+export {
+  I as P
+};

package/components/Period/index.5e68286a.js

@@ -0,0 +1,160 @@
+import { useModuleDictionary as Y, useModuleSkeleton as R, useEnvironment as T } from "@m4l/core";
+import { styled as a, Skeleton as d, Autocomplete as $, TextField as x } from "@mui/material";
+import { useMemo as D } from "react";
+import { I as v } from "../Icon/index.cbca79b0.js";
+import { jsxs as u, jsx as n } from "react/jsx-runtime";
+import { g as O } from "../CommonActions/components/Actions/index.e8148d98.js";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.84d8898c.js";
+import "react-hook-form";
+import "react-router-dom";
+import "../../contexts/ModalContext/index.2188b69e.js";
+import "@mui/lab";
+const S = a("div")(({
+  theme: t,
+  error: s
+}) => ({
+  display: "flex",
+  width: "100%",
+  height: "auto",
+  alignItems: "center",
+  gap: t.spacing(1),
+  border: s ? `1px solid ${t.palette.error.main}` : `1px solid ${t.palette.divider}`,
+  padding: t.spacing(0.5, 1),
+  borderRadius: "4px",
+  "& .MuiAutocomplete-root, & .MuiTextField-root": {
+    width: "100%"
+  },
+  "& .MuiAutocomplete-root .MuiTextField-root": {
+    width: "100%"
+  },
+  "& .MuiTextField-root .MuiInput-input": {
+    padding: "5px!important"
+  }
+})), p = a("div")(({
+  theme: t
+}) => ({
+  width: "1px",
+  height: "20px",
+  backgroundColor: t.palette.divider
+})), P = a("div")(({
+  theme: t
+}) => ({
+  display: "flex",
+  width: "auto",
+  height: "37.5px",
+  alignItems: "center",
+  gap: t.spacing(1),
+  border: `1px solid ${t.palette.divider}`,
+  padding: t.spacing(0.5, 1),
+  borderRadius: "4px"
+})), k = a("div")(({
+  theme: t
+}) => ({
+  ...t.typography.body2,
+  width: "100%",
+  display: "flex",
+  textOverflow: "elipsis",
+  overflow: "hidden",
+  padding: "5px",
+  textAlign: "left"
+})), w = a("div")(({
+  theme: t
+}) => ({
+  ...t.typography.body2,
+  width: "70px",
+  display: "flex",
+  textOverflow: "elipsis",
+  overflow: "hidden",
+  padding: "5px",
+  textAlign: "left"
+}));
+var i = /* @__PURE__ */ ((t) => (t[t.YEARS = 0] = "YEARS", t[t.MONTHS = 1] = "MONTHS", t[t.DAYS = 2] = "DAYS", t))(i || {});
+const F = (t) => t ? t.selPeriodTime ? t.selPeriodTime : t.years && t.years > 0 ? i.YEARS : t.months && t.months > 0 ? i.MONTHS : t.days && t.days > 0 ? i.DAYS : i.YEARS : i.YEARS, _ = (t) => t ? t.singleValue !== void 0 ? t.singleValue : t.years && t.years > 0 ? t.years : t.months && t.months > 0 ? t.months : t.days && t.days > 0 ? t.days : "" : "", B = (t) => {
+  const {
+    value: s,
+    onChange: b,
+    error: A = !1,
+    readOnly: M = !1
+  } = t, {
+    getLabel: l
+  } = Y(), C = R(), c = F(s), g = _(s), f = (e, r) => {
+    const o = {
+      selPeriodTime: e,
+      singleValue: r
+    };
+    r !== "" && r > 0 && (o.years = 0, o.months = 0, o.days = 0, e === i.YEARS && (o.years = r), e === i.MONTHS && (o.months = r), e === i.DAYS && (o.days = r)), b(o);
+  }, I = (e) => {
+    e && f(e.id, g);
+  }, {
+    host_static_assets: h,
+    environment_assets: m
+  } = T(), y = D(() => [{
+    id: 0,
+    label: l("period.years")
+  }, {
+    id: 1,
+    label: l("period.months")
+  }, {
+    id: 2,
+    label: l("period.days")
+  }], [l]);
+  return C ? /* @__PURE__ */ u(P, {
+    children: [/* @__PURE__ */ n(d, {
+      variant: "rounded",
+      width: "100%"
+    }), /* @__PURE__ */ n(p, {}), /* @__PURE__ */ n(d, {
+      variant: "rounded",
+      width: "100%"
+    }), /* @__PURE__ */ n(d, {
+      variant: "circular",
+      width: 20,
+      sx: {
+        minWidth: "20px",
+        minHeight: "20px"
+      }
+    })]
+  }) : (M && (s.selPeriodTime, s.singleValue, v, `${h}${m}`), /* @__PURE__ */ u(S, {
+    error: A,
+    children: [/* @__PURE__ */ n($, {
+      options: y,
+      value: y[c],
+      disableClearable: !0,
+      onChange: (e, r) => {
+        I(r);
+      },
+      renderInput: (e) => /* @__PURE__ */ n(x, {
+        ...e,
+        fullWidth: !0,
+        variant: "standard",
+        SelectProps: {
+          native: !0
+        },
+        InputProps: {
+          disableUnderline: !0,
+          ...e.InputProps
+        },
+        autoComplete: "off"
+      }, `tx_async_${e.id}`)
+    }), /* @__PURE__ */ n(p, {}), /* @__PURE__ */ n(x, {
+      type: "number",
+      variant: "standard",
+      value: g,
+      InputProps: {
+        disableUnderline: !0
+      },
+      onChange: (e) => {
+        f(c, e.target.value === "" ? "" : parseInt(e.target.value));
+      }
+    }), /* @__PURE__ */ n(v, {
+      src: `${h}/${m}/frontend/components/period/assets/icons/clock.svg`
+    })]
+  }));
+};
+function J() {
+  return ["period"].concat(O());
+}
+export {
+  B as P,
+  J as g
+};