@m4l/components 0.2.13 → 0.2.15

package/{react-draggable.ee21cb7e.js → react-draggable.2bc0e647.js}

@@ -1,8 +1,8 @@
 import React__default from "react";
-import PropTypes from "prop-types";
+import require$$1 from "prop-types";
 import require$$2 from "react-dom";
 import clsx from "clsx";
-import { d as domFns, s as shims, l as log, p as positionFns } from "./utils/index.de903261.js";
+import { d as domFns, s as shims, l as log, p as positionFns } from "./utils/index.9ad3909a.js";
 var cjs = { exports: {} };
 var Draggable$1 = {};
 var DraggableCore$2 = {};
@@ -11,7 +11,7 @@ Object.defineProperty(DraggableCore$2, "__esModule", {
 });
 DraggableCore$2.default = void 0;
 var React = _interopRequireWildcard(React__default);
-var _propTypes = _interopRequireDefault(PropTypes);
+var _propTypes = _interopRequireDefault(require$$1);
 var _reactDom = _interopRequireDefault(require$$2);
 var _domFns = domFns;
 var _positionFns = positionFns;
@@ -316,7 +316,7 @@ _defineProperty(DraggableCore$1, "defaultProps", {
   });
   exports.default = void 0;
   var React2 = _interopRequireWildcard2(React__default);
-  var _propTypes2 = _interopRequireDefault2(PropTypes);
+  var _propTypes2 = _interopRequireDefault2(require$$1);
   var _reactDom2 = _interopRequireDefault2(require$$2);
   var _clsx = _interopRequireDefault2(clsx);
   var _domFns2 = domFns;

package/{react-json-view.5636414a.js → react-json-view.57125fcf.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./commonjs.333e55c7.js";
+import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./commonjs.565e6834.js";
 import React__default from "react";
 var main = { exports: {} };
 (function(module, exports) {

package/{react-resizable.ee028152.js → react-resizable.53094455.js}

@@ -1,13 +1,13 @@
 import React__default from "react";
-import { c as cjs } from "./react-draggable.ee21cb7e.js";
-import { u as utils } from "./utils/index.de903261.js";
-import PropTypes from "prop-types";
+import { c as cjs } from "./react-draggable.2bc0e647.js";
+import { u as utils } from "./utils/index.9ad3909a.js";
+import require$$1 from "prop-types";
 var reactResizable = { exports: {} };
 var Resizable$2 = {};
 var propTypes = {};
 propTypes.__esModule = true;
 propTypes.resizableProps = void 0;
-var _propTypes$2 = _interopRequireDefault$1(PropTypes);
+var _propTypes$2 = _interopRequireDefault$1(require$$1);
 function _interopRequireDefault$1(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
@@ -364,7 +364,7 @@ var ResizableBox$2 = {};
 ResizableBox$2.__esModule = true;
 ResizableBox$2.default = void 0;
 var React = _interopRequireWildcard(React__default);
-var _propTypes = _interopRequireDefault(PropTypes);
+var _propTypes = _interopRequireDefault(require$$1);
 var _Resizable = _interopRequireDefault(Resizable$2);
 var _propTypes2 = propTypes;
 var _excluded = ["handle", "handleSize", "onResize", "onResizeStart", "onResizeStop", "draggableOpts", "minConstraints", "maxConstraints", "lockAspectRatio", "axis", "width", "height", "resizeHandles", "style", "transformScale"];

package/{react-splitter-layout.c5d98bf7.js → react-splitter-layout.8b1655c8.js}

@@ -1,10 +1,10 @@
-import { g as getDefaultExportFromCjs } from "./commonjs.333e55c7.js";
-import PropTypes from "prop-types";
+import { g as getDefaultExportFromCjs } from "./commonjs.565e6834.js";
+import require$$1 from "prop-types";
 import React__default from "react";
 var lib = { exports: {} };
 (function(module, exports) {
   !function(e, t) {
-    module.exports = t(PropTypes, React__default);
+    module.exports = t(require$$1, React__default);
   }(window, function(e, t) {
     return function(e2) {
       var t2 = {};

package/test/getNameDataTestId.14875ec7.js

@@ -0,0 +1,6 @@
+const getNameDataTestId = (ELEMENT_PREFIX, ELEMENT_KEY, ELEMENT_ID) => {
+  return `${ELEMENT_PREFIX}-${[ELEMENT_KEY]}-${ELEMENT_ID}`;
+};
+export {
+  getNameDataTestId as g
+};

package/utils/capitalizeFirstLetter.d.ts

@@ -0,0 +1 @@
+export declare function capitalizeFirstLetter(str: string): string;

package/utils/getComponentUtilityClass.d.ts

@@ -0,0 +1 @@
+export declare function getComponentUtilityClass(componentName: string): (slot: string) => string;

package/utils/getPaletteColor.d.ts

@@ -0,0 +1,2 @@
+import { Palette } from '@mui/material/styles';
+export declare const getPaletteColor: (palette: Palette, s: string) => any;

package/utils/getThemeVariantColor.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@mui/material/styles';
+import { VariantColor } from './types';
+export declare const getThemeVariantColor: (theme: Theme, variant: VariantColor | undefined) => string;

package/utils/getTransformXY.d.ts

@@ -0,0 +1,4 @@
+export declare const getTransformXY: (elementRef: HTMLElement) => {
+    x: number;
+    y: number;
+} | undefined;

package/utils/index.d.ts

@@ -1,7 +1,6 @@
-import { Palette, Theme } from '@mui/material/styles';
-import { VariantColor } from './types';
-export declare function isValidDate(d: Date): boolean;
-export declare const getPaletteColor: (palette: Palette, s: string) => any;
-export declare const getVariantColor: (variant: VariantColor | undefined) => "error" | "warning" | "info" | "primary";
-export declare const getThemeVariantColor: (theme: Theme, variant: VariantColor | undefined) => string;
-export declare function getComponentUtilityClass(componentName: string): (slot: string) => string;
+export { capitalizeFirstLetter } from "./capitalizeFirstLetter";
+export { getComponentUtilityClass } from "./getComponentUtilityClass";
+export { getPaletteColor } from "./getPaletteColor";
+export { getThemeVariantColor } from "./getThemeVariantColor";
+export { getTransformXY } from "./getTransformXY";
+export { isValidDate } from "./isValidDate";

package/utils/isValidDate.d.ts

@@ -0,0 +1 @@
+export declare function isValidDate(d: Date): boolean;

package/utils/types.d.ts

@@ -5,3 +5,19 @@ export declare type PartialExcept<T, K extends keyof T> = Partial<Omit<T, K>> &
 export declare type RequiredExcept<T, K extends keyof T> = Required<Omit<T, K>> & Partial<Pick<T, K>>;
 export declare type PickRequired<T, K extends keyof T> = Required<Pick<T, K>>;
 export declare type OmitExcept<T, K extends keyof T> = Pick<T, K> & Partial<Record<Exclude<keyof T, K>, never>>;
+export declare type ContainerSize = {
+    containerWidth: number;
+    containerHeight: number;
+};
+export declare type Size = {
+    width: number;
+    height: number;
+};
+export declare type PositionXY = {
+    x: number;
+    y: number;
+};
+export declare type OptionalPosition = {
+    x?: number;
+    y?: number;
+};

package/components/CommonActions/components/ActionFormCancel/index.3b2605ee.js

@@ -1,144 +0,0 @@
-import { useFormContext, useFormState } from "react-hook-form";
-import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.0f2552ed.js";
-import { useCallback, useEffect } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.8acace45.js";
-import "@mui/material";
-import "../../../../react-draggable.ee21cb7e.js";
-import "../../../Resizeable/index.6478d7d8.js";
-import { jsx } from "react/jsx-runtime";
-import "@m4l/graphics";
-import "../../../modal/index.ac0c9093.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.eec3e5d0.js";
-import "../../../animate/index.4e9774a6.js";
-import "framer-motion";
-import "@mui/material/styles";
-import "react-router-dom";
-import "../../../animate/LoadingScreen/index.1d0c4307.js";
-import "../../../animate/PropagateLoader/index.7fab43c8.js";
-import "../../../Icon/index.e215d0f0.js";
-import "clsx";
-import "../../../mui_extended/IconButton/index.5afe56b7.js";
-import "zustand";
-import "../../../areas/contexts/AreasContext/index.cffa1526.js";
-import "../../../areas/components/AreasAdmin/index.c1539c1b.js";
-import "zustand/shallow";
-import "../../../ScrollBar/index.010f1b9d.js";
-import "../../../mui_extended/Accordion/index.3087f40e.js";
-import "../../../mui_extended/Typography/index.443590d6.js";
-import "../../../mui_extended/Avatar/index.75e6ed57.js";
-import "../../../mui_extended/CheckBox.38abccd8.js";
-import "../../../mui_extended/Badge/index.b09524fe.js";
-import "../../../Image/index.d684bdf2.js";
-import "@mui/lab";
-import "../../../mui_extended/MenuActions/index.cc54c35c.js";
-import "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/Stack/index.0e53197c.js";
-import "../../../mui_extended/Tab/index.ae9ea641.js";
-import "../../../mui_extended/Pager/index.5fbbefe2.js";
-import "../../../mui_extended/Tooltip/index.5a795dcd.js";
-import "../../../areas/components/AreasViewer/index.e084d8e9.js";
-import "../../../LinearProgressIndeterminate/index.a0ad2d9e.js";
-import "../../../LoadingError/index.b3e4e8e5.js";
-import "../../../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
-import "zustand/middleware/immer";
-import "../../../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.b7afaf88.js";
-import "../../../hook-form/RHFAutocomplete/index.01a8f57e.js";
-import "../../../HelperText/index.918bba47.js";
-import "../../../../node_modules.79f5ed2f.js";
-import "lodash-es/debounce";
-import "lodash-es/each";
-import "../../../hook-form/RHFColorPicker/index.c7695748.js";
-import "lodash/debounce";
-import "../../../hook-form/RHFAutocompleteAsync/index.df1d5bca.js";
-import "../../../hook-form/RHFCheckbox/index.23fc4851.js";
-import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.984b803f.js";
-import "../../../hook-form/RHFTextField/index.1167879e.js";
-import "../../../hook-form/RHFPeriod/index.1852e7d3.js";
-import "../../../Period/index.3bd05e05.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.93e9112b.js";
-import "lodash/isString";
-import "react-dropzone";
-import "../../../hook-form/RHFUpload/index.49edcb02.js";
-import "../../../formatters/index.4426a315.js";
-import "../../../DataGrid/index.387652a9.js";
-import "react-dnd";
-import "react-dnd-html5-backend";
-import "../../../DynamicFilter/index.9e9885b0.js";
-import "yup";
-import "../../../../contexts/RHFormContext/index.7769076a.js";
-import "../../../GridLayout/subcomponents/Griditem/index.8e4af155.js";
-import "../../../GridLayout/index.68093cfb.js";
-import "fast-equals";
-import "lodash";
-import "../../../PrintingSystem/index.70234425.js";
-import "../../../LanguagePopover/index.424bad09.js";
-import "../../../MFLoader/index.3d17dfc3.js";
-import "../../../NavLink/index.ed4c0609.js";
-import "../../../NoItemSelected/index.5ed80b8e.js";
-import "../../../ObjectLogs/index.3a939c6b.js";
-import "../../../../react-json-view.5636414a.js";
-import "../../../PaperForm/index.013ed28b.js";
-import "../../../PDFViewer/index.4d16e5bc.js";
-import "../../../Page/index.890fbaac.js";
-import "../../../PropertyValue/index.45482ca3.js";
-import "../../../SplitLayout/index.30fd5861.js";
-import "../../../../react-splitter-layout.c5d98bf7.js";
-import "../../../ToastContainer/index.5e729fbb.js";
-import "../../../SideBar/index.614f85fb.js";
-import "../../../AppBar/index.c8e7b25c.js";
-import "../../../AccountPopover/index.7060320a.js";
-function ActionFormCancel() {
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const {
-    openModal
-  } = useModal();
-  const {
-    close: closeWindow,
-    setFnQueryClose: setQueryClose
-  } = useWindowToolsMF();
-  const {
-    control
-  } = useFormContext();
-  const {
-    isDirty
-  } = useFormState({
-    control
-  });
-  const onConfirmQuit = useCallback(() => {
-    closeWindow();
-  }, []);
-  const onClickCancel = useCallback(() => {
-    if (isDirty) {
-      openModal({
-        window: /* @__PURE__ */ jsx(WindowConfirm, {
-          variant: "warning",
-          title: getLabel("common_actions.confirm_quit_title"),
-          msg: getLabel("common_actions.confirm_quit_msg"),
-          onClickIntro: onConfirmQuit
-        }),
-        variant: "warning"
-      });
-    } else {
-      onConfirmQuit();
-    }
-  }, [getLabel, isDirty, openModal]);
-  useEffect(() => {
-    setQueryClose(onClickCancel);
-  }, [onClickCancel]);
-  const classes = useCommonActionsUtilityClasses();
-  return /* @__PURE__ */ jsx(Button, {
-    variant: "outlined",
-    color: "inherit",
-    onClick: onClickCancel,
-    className: classes.actionFormCancel,
-    children: getLabel("common_actions.cancel")
-  });
-}
-export {
-  ActionFormCancel as A
-};

package/components/CommonActions/components/Actions/index.93e9112b.js

@@ -1,161 +0,0 @@
-import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
-import { jsx } from "react/jsx-runtime";
-import { generateUtilityClasses } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.de903261.js";
-import { styled } from "@mui/material/styles";
-import "@m4l/core";
-import "@mui/material/Button";
-import "../../../mui_extended/Button/index.0f2552ed.js";
-import "clsx";
-import "react-hook-form";
-import "react";
-import "../../../../contexts/ModalContext/index.ef38d747.js";
-import "../../../../react-draggable.ee21cb7e.js";
-import "../../../Resizeable/index.6478d7d8.js";
-import "@m4l/graphics";
-import "../../../modal/index.ac0c9093.js";
-import "../../../animate/index.4e9774a6.js";
-import "framer-motion";
-import "react-router-dom";
-import "../../../animate/LoadingScreen/index.1d0c4307.js";
-import "../../../animate/PropagateLoader/index.7fab43c8.js";
-import "../../../Icon/index.e215d0f0.js";
-import "../../../mui_extended/IconButton/index.5afe56b7.js";
-import "zustand";
-import "../../../areas/contexts/AreasContext/index.cffa1526.js";
-import "../../../areas/components/AreasAdmin/index.c1539c1b.js";
-import "zustand/shallow";
-import "../../../ScrollBar/index.010f1b9d.js";
-import "../../../mui_extended/Accordion/index.3087f40e.js";
-import "../../../mui_extended/Typography/index.443590d6.js";
-import "../../../mui_extended/Avatar/index.75e6ed57.js";
-import "../../../mui_extended/CheckBox.38abccd8.js";
-import "../../../mui_extended/Badge/index.b09524fe.js";
-import "../../../Image/index.d684bdf2.js";
-import "@mui/lab";
-import "../../../mui_extended/MenuActions/index.cc54c35c.js";
-import "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/Stack/index.0e53197c.js";
-import "../../../mui_extended/Tab/index.ae9ea641.js";
-import "../../../mui_extended/Pager/index.5fbbefe2.js";
-import "../../../mui_extended/Tooltip/index.5a795dcd.js";
-import "../../../areas/components/AreasViewer/index.e084d8e9.js";
-import "../../../LinearProgressIndeterminate/index.a0ad2d9e.js";
-import "../../../LoadingError/index.b3e4e8e5.js";
-import "../../../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
-import "zustand/middleware/immer";
-import "../../../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "../../../hook-form/RHFAutocomplete/index.01a8f57e.js";
-import "../../../HelperText/index.918bba47.js";
-import "../../../../node_modules.79f5ed2f.js";
-import "lodash-es/debounce";
-import "lodash-es/each";
-import "../../../hook-form/RHFColorPicker/index.c7695748.js";
-import "lodash/debounce";
-import "../../../hook-form/RHFAutocompleteAsync/index.df1d5bca.js";
-import "../../../hook-form/RHFCheckbox/index.23fc4851.js";
-import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.984b803f.js";
-import "../../../hook-form/RHFTextField/index.1167879e.js";
-import "../../../hook-form/RHFPeriod/index.1852e7d3.js";
-import "../../../Period/index.3bd05e05.js";
-import "lodash/isString";
-import "react-dropzone";
-import "../../../hook-form/RHFUpload/index.49edcb02.js";
-import "../../../formatters/index.4426a315.js";
-import "../../../DataGrid/index.387652a9.js";
-import "react-dnd";
-import "react-dnd-html5-backend";
-import "../../../DynamicFilter/index.9e9885b0.js";
-import "yup";
-import "../../../../contexts/RHFormContext/index.7769076a.js";
-import "../../../GridLayout/subcomponents/Griditem/index.8e4af155.js";
-import "../../../GridLayout/index.68093cfb.js";
-import "fast-equals";
-import "lodash";
-import "../../../PrintingSystem/index.70234425.js";
-import "../../../LanguagePopover/index.424bad09.js";
-import "../../../MFLoader/index.3d17dfc3.js";
-import "../../../NavLink/index.ed4c0609.js";
-import "../../../NoItemSelected/index.5ed80b8e.js";
-import "../../../ObjectLogs/index.3a939c6b.js";
-import "../../../../react-json-view.5636414a.js";
-import "../../../PaperForm/index.013ed28b.js";
-import "../../../PDFViewer/index.4d16e5bc.js";
-import "../../../Page/index.890fbaac.js";
-import "../../../PropertyValue/index.45482ca3.js";
-import "../../../SplitLayout/index.30fd5861.js";
-import "../../../../react-splitter-layout.c5d98bf7.js";
-import "../../../ToastContainer/index.5e729fbb.js";
-import "../../../SideBar/index.614f85fb.js";
-import "../../../AppBar/index.c8e7b25c.js";
-import "../../../AccountPopover/index.7060320a.js";
-const componentName = "M4LCommonActions";
-generateUtilityClasses(componentName, [
-  "root",
-  "skeleton",
-  "actionCancel",
-  "actionFormCancel",
-  "actionFormIntro",
-  "actionIntro",
-  "wrapperActions"
-]);
-const useCommonActionsUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    skeleton: ["skeleton"],
-    actionCancel: ["actionCancel"],
-    actionFormCancel: ["actionFormCancel"],
-    actionFormIntro: ["actionFormIntro"],
-    actionIntro: ["actionIntro"],
-    wrapperActions: ["wrapperActions"]
-  };
-  return unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
-};
-const WrapperStandarActions = styled("div")(({
-  theme
-}) => ({
-  paddingTop: theme.spacing(3),
-  display: "flex",
-  flexDirection: "row",
-  justifyContent: "flex-end",
-  "& > button": {
-    marginLeft: "10px"
-  },
-  ...theme.components?.M4LCommonActions?.styleOverrides
-}));
-const COMMONACTIONS_PREFIX = "M4LCommonActions";
-const getNameCommonActionsDataTestId = (KEY) => {
-  return `${COMMONACTIONS_PREFIX}-${KEY}`;
-};
-const Actions = (props) => {
-  const {
-    children
-  } = props;
-  const classes = useCommonActionsUtilityClasses();
-  return /* @__PURE__ */ jsx(WrapperStandarActions, {
-    className: classes.root,
-    ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameCommonActionsDataTestId("root")
-    } : {},
-    children
-  });
-};
-function getCommonActionsDictionary() {
-  return ["common_actions"];
-}
-const defaultCommonActionsDictionary = {
-  common_actions: {
-    cancel: "Cancel",
-    intro: "Intro",
-    confirm_quit_title: "Confirm",
-    confirm_quit_msg: "Are your sure exit?"
-  }
-};
-export {
-  Actions as A,
-  defaultCommonActionsDictionary as d,
-  getCommonActionsDictionary as g,
-  useCommonActionsUtilityClasses as u
-};

package/components/DraggableWindow/index.d.ts

@@ -1,3 +0,0 @@
-import { DraggableWindowProps } from './types';
-export declare const DraggableWindow: (props: DraggableWindowProps) => import("react/jsx-runtime").JSX.Element;
-export default DraggableWindow;

package/components/DraggableWindow/index.f9f067bd.js

@@ -1,39 +0,0 @@
-import { useState } from "react";
-import { c as cjs } from "../../react-draggable.ee21cb7e.js";
-import { jsx } from "react/jsx-runtime";
-const DraggableWindow = (props) => {
-  const {
-    children,
-    handle = "m4l_draggable_handle",
-    cancel = '[class*="MuiDialogContent-root"]',
-    defaultPosition,
-    ...others
-  } = props;
-  const [position, setPosition] = useState(defaultPosition || {
-    x: 0,
-    y: 0
-  });
-  const onDrag = (_e, data) => {
-    const {
-      x,
-      y
-    } = data;
-    const xPos = x < 0 ? 0 : Math.round(x);
-    const yPos = y < 0 ? 0 : Math.round(y);
-    setPosition({
-      x: xPos,
-      y: yPos
-    });
-  };
-  return /* @__PURE__ */ jsx(cjs.exports, {
-    handle,
-    cancel,
-    position,
-    onDrag,
-    ...others,
-    children
-  });
-};
-export {
-  DraggableWindow as D
-};

package/components/DraggableWindow/types.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from 'react';
-import { DraggableProps } from 'react-draggable';
-export interface DraggableWindowProps extends Partial<DraggableProps> {
-    children: ReactNode;
-}