@m4l/components 0.1.4 → 0.1.5

package/components/mui_extended/LoadingButton/index.js

@@ -1,35 +0,0 @@
-import { LoadingButton as LoadingButton$1 } from "@mui/lab";
-import { Skeleton } from "@mui/material";
-import { styled } from "@mui/material/styles";
-import { jsx } from "react/jsx-runtime";
-const WrapperSKTLoadingButton = styled("div")(({
-  theme
-}) => ({
-  display: "flex",
-  width: "100%",
-  borderRadius: theme.spacing(1),
-  overflow: "hidden"
-}));
-const SKTLoadingButton = () => /* @__PURE__ */ jsx(WrapperSKTLoadingButton, {
-  id: "WrapperSKTLoadingButton",
-  children: /* @__PURE__ */ jsx(Skeleton, {
-    variant: "rectangular",
-    width: "100%",
-    height: "48px"
-  })
-});
-const LoadingButton = (props) => {
-  const {
-    isSkeleton,
-    children,
-    ...other
-  } = props;
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(SKTLoadingButton, {});
-  }
-  return /* @__PURE__ */ jsx(LoadingButton$1, {
-    ...other,
-    children
-  });
-};
-export { LoadingButton as L };

package/vendor.js

@@ -1,268 +0,0 @@
-import "./components/mui_extended/IconButton/index.js";
-import "framer-motion";
-import { Skeleton, Autocomplete, TextField, styled as styled$1 } 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 { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-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-dropzone";
-import { styled } from "@mui/material/styles";
-import "./react-lazy-load-image-component.js";
-import "./components/Image/index.js";
-import "./components/hook-form/RHFUpload.js";
-import "./components/Icon/index.js";
-import "react-router-dom";
-import "@mui/lab";
-import "./components/mui_extended/LoadingButton/index.js";
-import "./components/mui_extended/MenuPopover/index.js";
-import "./components/CommonActions/components/Actions/index.js";
-import "./components/mui_extended/Pager/index.js";
-import "./components/mui_extended/Tab/index.js";
-import MuiButton from "@mui/material/Button";
-import "@m4l/graphics";
-import "./components/CompanyLogo/index.js";
-import "./components/DataGrid/index.js";
-import "react-dnd";
-import "react-dnd-html5-backend";
-import "./contexts/ModalContext/index.js";
-import "./components/ScrollBar/index.js";
-import "./components/DynamicFilter/index.js";
-import "./simplebar.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/Page/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/formatters/BooleanFormatter/index.js";
-import "./components/formatters/DateFormatter/index.js";
-import "./components/formatters/index.js";
-import "./components/CommonActions/components/ActionCancel/index.js";
-import "./components/CommonActions/components/ActionIntro/index.js";
-import "./components/CommonActions/components/ActionFormCancel/index.js";
-import "./components/CommonActions/components/ActionFormIntro/index.js";
-import "./components/LanguagePopover/index.js";
-import "./components/Loadable/index.js";
-import "./hooks/useModal/index.js";
-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("rhf_autocomplete.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}`);
-          }
-        }
-      );
-    }
-  });
-}
-const getPaletteColor = function(palette, s) {
-  s = s.replace(/\[(\w+)\]/g, ".$1");
-  s = s.replace(/^\./, "");
-  let o = palette;
-  const a = s.split(".");
-  console.log();
-  for (let i = 0, n = a.length; i < n; ++i) {
-    const k = a[i];
-    if (k in o) {
-      o = o[k];
-    } else {
-      return palette.action.active;
-    }
-  }
-  return o;
-};
-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 SKTButton = styled$1(Skeleton)(({
-  theme
-}) => ({
-  borderRadius: theme.spacing(0.5)
-}));
-const Button = (props) => {
-  const isSkeleton = useModuleSkeleton();
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(SKTButton, {
-      variant: "rectangular",
-      width: "100px",
-      height: "36px"
-    });
-  }
-  return /* @__PURE__ */ jsx(MuiButton, {
-    ...props
-  });
-};
-export { Button as B, RHFAutocomplete as R, getThemeVariantColor as a, getVariantColor as b, getPaletteColor as g };