@m4l/components 0.0.26 → 0.0.31

package/dist/simplebar.js

@@ -5,6 +5,7 @@ import { l as lodash_throttle, a as lodash_debounce, b as lodash_memoize } from
 import { R as ResizeObserver } from "./juggle.js";
 import { c as canUseDom } from "./can-use-dom.js";
 import { jsxs, jsx } from "react/jsx-runtime";
+const simplebar_min = /* @__PURE__ */ (() => '[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;user-select:none;-webkit-user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}\n')();
 function getElementWindow(element) {
   if (!element || !element.ownerDocument || !element.ownerDocument.defaultView) {
     return window;

package/dist/style.css

@@ -0,0 +1 @@
+[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;user-select:none;-webkit-user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}

package/dist/utils/index.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '@mui/material/styles';
+import { VariantModal } from '../contexts/ModalContext/types';
+export declare const getVariantColor: (variant: VariantModal | undefined) => "warning" | "info" | "primary" | "error";
+export declare const getThemeVariantColor: (theme: Theme, variant: VariantModal | undefined) => string;

package/dist/vendor.js

@@ -0,0 +1,226 @@
+import "./components/mui_extended/IconButton/index.js";
+import "framer-motion";
+import { Skeleton, Autocomplete, TextField } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { useFormContext, Controller } from "react-hook-form";
+import "./components/hook-form/FormProvider/index.js";
+import "react-router-dom";
+import { useModuleDictionary } from "@m4l/core";
+import "@mui/lab";
+import "./contexts/ModalContext/index.js";
+import "./components/hook-form/RHFAutocompleteAsync/index.js";
+import "./components/hook-form/RHFCheckbox/index.js";
+import "./components/hook-form/RHFDateTime.js";
+import "@mui/x-date-pickers";
+import "./components/hook-form/RHFTextField/index.js";
+import "./lodash.js";
+import "./react-lazy-load-image-component.js";
+import { styled } from "@mui/material/styles";
+import "./components/Image/index.js";
+import "./components/hook-form/RHFUpload.js";
+import "./components/mui_extended/LoadingButton/index.js";
+import "./components/mui_extended/MenuPopover/index.js";
+import "./components/mui_extended/MenuActions/index.js";
+import "./components/mui_extended/Pager/index.js";
+import "./components/mui_extended/Tab/index.js";
+import "@m4l/graphics";
+import "./components/CompanyLogo/index.js";
+import "./components/DataGrid/index.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "date-fns";
+import "./components/DynamicFilter/index.js";
+import "./components/Icon/index.js";
+import "./simplebar.js";
+import "./components/ScrollBar/index.js";
+import "yup";
+import "./components/FormActions/index.js";
+import "./react-draggable.js";
+import "./components/ModalDialog/index.js";
+import "./components/Resizeable/index.js";
+import "./components/NoItemSelected/index.js";
+import "./components/ObjectLogs/index.js";
+import "./react-json-view.js";
+import "./components/PaperForm/index.js";
+import "./components/PropertyValue/index.js";
+import "./react-splitter-layout.js";
+import "./components/SplitLayout/index.js";
+import "./components/animate/variants/fade.js";
+import "./components/animate/variants/bounce.js";
+import "./components/animate/variants/container.js";
+import "./components/animate/variants/transition.js";
+import "./components/animate/MotionContainer/index.js";
+import "./components/animate/MotionLazyContainer/index.js";
+import "./components/hook-form/RHFMultiCheckbox/index.js";
+import "./components/hook-form/RHFSelect.js";
+import "./components/hook-form/RHFRadioGroup.js";
+import "./components/mui_extended/Accordion/index.js";
+import "./components/mui_extended/BoxIcon/index.js";
+import "./components/mui_extended/Breadcrumbs/index.js";
+import "./components/mui_extended/LinkWithRoute/index.js";
+import "./components/mui_extended/Typography/index.js";
+import "./components/DataGrid/formatters/BooleanFormatter/index.js";
+import "./components/DataGrid/formatters/DateFormatter/index.js";
+import "./components/LanguagePopover/index.js";
+import "./components/Loadable/index.js";
+import "./hooks/useModal/index.js";
+const getVariantColor = (variant) => {
+  switch (variant) {
+    case "warning":
+      return "warning";
+    case "delete":
+      return "error";
+    case "info":
+      return "info";
+  }
+  return "primary";
+};
+const getThemeVariantColor = (theme, variant) => {
+  switch (variant) {
+    case "warning":
+      theme.palette.warning.main;
+      break;
+    case "delete":
+      theme.palette.error.main;
+      break;
+    case "info":
+      theme.palette.info.main;
+      break;
+  }
+  return theme.palette.text.primary;
+};
+const SKTRHFAutocompleteWrapper = styled("div")(() => ({
+  display: "flex",
+  width: "100%",
+  flexDirection: "column"
+}));
+styled("div")(({
+  theme
+}) => ({
+  display: "flex",
+  justifyContent: "flex-end",
+  paddingRight: `${theme.spacing(2)}`,
+  [theme.breakpoints.down("md")]: {
+    justifyContent: "flex-start"
+  }
+}));
+const SKTInputText = styled("div")(({
+  theme
+}) => ({
+  width: "100%",
+  display: "grid",
+  gridTemplateColumns: "1fr auto",
+  gridGap: theme.spacing(2),
+  alignItems: "center",
+  height: `${theme.spacing(4.5)}`,
+  border: `1px solid ${theme.palette.divider}`,
+  borderRadius: `${theme.spacing(1)}`,
+  padding: `0 ${theme.spacing(2)}`,
+  [theme.breakpoints.down("md")]: {
+    width: "100%"
+  }
+}));
+styled("div")(() => ({
+  display: "flex",
+  width: "100%",
+  "& .MuiAutocomplete-root": {
+    width: "100%"
+  }
+}));
+function RHFAutocomplete(props) {
+  const {
+    name,
+    getOptionLabel,
+    isOptionEqualToValue,
+    label,
+    skeletonProps = {},
+    options,
+    ...other
+  } = props;
+  const {
+    isSkeleton = false,
+    width = 100,
+    height = "18px"
+  } = skeletonProps;
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const {
+    control,
+    getValues
+  } = useFormContext();
+  const initialValue = getValues(name);
+  const getOptionLabelLocal = (option) => {
+    if (option === void 0 || option === null) {
+      return "";
+    }
+    return getOptionLabel(option);
+  };
+  const isOptionEqualToValueLocal = (option, value) => {
+    if (value === void 0 || value === null || option === null) {
+      return false;
+    }
+    return isOptionEqualToValue(option, value);
+  };
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(SKTRHFAutocompleteWrapper, {
+      children: /* @__PURE__ */ jsxs(SKTInputText, {
+        children: [/* @__PURE__ */ jsx(Skeleton, {
+          variant: "text",
+          width,
+          height
+        }, "sk1"), /* @__PURE__ */ jsx(Skeleton, {
+          variant: "circular",
+          width: 16,
+          height: 16
+        }, "sk2")]
+      })
+    });
+  }
+  return /* @__PURE__ */ jsx(Controller, {
+    name,
+    control,
+    render: ({
+      field: {
+        onChange,
+        value
+      },
+      fieldState: {
+        error
+      }
+    }) => {
+      return /* @__PURE__ */ jsx(Autocomplete, {
+        options,
+        getOptionLabel: getOptionLabelLocal,
+        defaultValue: initialValue,
+        isOptionEqualToValue: isOptionEqualToValueLocal,
+        disableClearable: true,
+        value: value || null,
+        onChange: (_e, val) => {
+          onChange(val);
+        },
+        loadingText: "",
+        noOptionsText: getLabel("component_no_options"),
+        renderInput: (params) => {
+          return /* @__PURE__ */ jsx(TextField, {
+            ...params,
+            label,
+            fullWidth: true,
+            SelectProps: {
+              native: true
+            },
+            InputProps: {
+              ...params.InputProps
+            },
+            autoComplete: "off",
+            error: !!error,
+            helperText: error?.message,
+            ...other
+          }, `tx_async_${params.id}`);
+        }
+      });
+    }
+  });
+}
+export { RHFAutocomplete as R, getThemeVariantColor as a, getVariantColor as g };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@m4l/components",
   "private": false,
-  "version": "0.0.26",
+  "version": "0.0.31",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "vite",
@@ -20,8 +20,8 @@
   },
   "peerDependencies": {
     "@hookform/resolvers": "^2.9.5",
-    "@m4l/core": "^0.0.27",
-    "@m4l/graphics": "^0.0.21",
+    "@m4l/core": "^0.0.32",
+    "@m4l/graphics": "^0.0.22",
     "@mui/lab": "^5.0.0-alpha.89",
     "@mui/material": "^5.8.7",
     "@mui/x-date-pickers": "^5.0.0-beta.0",
@@ -36,14 +36,14 @@
     "react-dom": "^18.0.0",
     "react-draggable": "^4.4.5",
     "react-hook-form": "^7.33.1",
-    "react-router-dom": "^6.3.0"
+    "react-router-dom": "^6.3.0",
+    "yup": "^0.32.11"
   },
   "devDependencies": {
     "@emotion/styled": "^11.9.3",
     "@hookform/resolvers": "^2.9.5",
-    "@m4l/core": "^0.0.27",
-    "@m4l/graphics": "^0.0.21",
-    "@m4l/layouts": "^0.0.9",
+    "@m4l/core": "^0.0.32",
+    "@m4l/graphics": "^0.0.22",
     "@mui/lab": "^5.0.0-alpha.89",
     "@mui/material": "^5.8.7",
     "@mui/x-date-pickers": "^5.0.0-beta.0",
@@ -89,7 +89,8 @@
     "vite": "^2.9.9",
     "vite-plugin-dts": "^1.2.1",
     "vite-plugin-mkcert": "^1.7.2",
-    "vitest": "^0.17.1"
+    "vitest": "^0.17.1",
+    "yup": "^0.32.11"
   },
   "files": [
     "dist"

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import SimpleBarReact from 'simplebar-react';
-export declare const RootStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SimpleBarStyle: import("@emotion/styled").StyledComponent<SimpleBarReact.Props & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {
-    ref?: import("react").Ref<SimpleBarReact> | undefined;
-}>;

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

@@ -1,7 +0,0 @@
-import { SxProps } from '@mui/material';
-import type { ReactNode } from 'react';
-import type { Props as SimpleProps } from 'simplebar-react';
-export interface ScrollBarProps extends SimpleProps {
-    children: ReactNode;
-    sx?: SxProps;
-}