@m4l/components 0.1.5 → 0.1.7

package/components/DynamicFilter/index.js

@@ -19,7 +19,7 @@ import "../../react-lazy-load-image-component.js";
 import "../Image/index.js";
 import "../hook-form/RHFUpload/index.js";
 import { I as IconButton } from "../mui_extended/IconButton/index.js";
-import "../../simplebar.js";
+import "simplebar/dist/simplebar.min.css";
 import { F as FilterButton } from "../mui_extended/Button/index.js";
 import { L as LabelMemuItem, b as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.js";
 import { M as MenuPopover } from "../mui_extended/MenuPopover/index.js";

package/components/LanguagePopover/index.d.ts

@@ -1,3 +1,2 @@
 /// <reference types="react" />
-import { defaultProps } from './types';
-export declare function LanguagePopover(props: defaultProps): JSX.Element;
+export declare function LanguagePopover(): JSX.Element;

package/components/LanguagePopover/index.js

@@ -1,8 +1,8 @@
 import { useState } from "react";
-import { Skeleton, IconButton, Stack, MenuItem } from "@mui/material";
+import { styled, Skeleton, IconButton, Stack, MenuItem } from "@mui/material";
 import { I as Image } from "../Image/index.js";
 import { useLocales } from "@m4l/graphics";
-import "@m4l/core";
+import { useModuleSkeleton } from "@m4l/core";
 import "../Icon/index.js";
 import "@mui/material/styles";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
@@ -14,10 +14,13 @@ import { M as MenuPopover } from "../mui_extended/MenuPopover/index.js";
 import "../CommonActions/components/Actions/index.js";
 import "../mui_extended/Pager/index.js";
 import "../mui_extended/Tab/index.js";
-function LanguagePopover(props) {
-  const {
-    isSkeleton
-  } = props;
+const LabelItem = styled("div")(({
+  theme
+}) => ({
+  marginLeft: theme.spacing(1)
+}));
+function LanguagePopover() {
+  const isSkeleton = useModuleSkeleton();
   const {
     allLang,
     currentLang,
@@ -76,11 +79,10 @@ function LanguagePopover(props) {
           children: [/* @__PURE__ */ jsx(Image, {
             alt: option.label,
             src: option.icon,
-            sx: {
-              width: 28,
-              mr: 2
-            }
-          }), option.label]
+            width: "24px"
+          }), /* @__PURE__ */ jsx(LabelItem, {
+            children: option.label
+          })]
         }, option.value))
       })
     })]

package/components/LanguagePopover/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const LabelItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/ScrollBar/index.js

@@ -1,4 +1,4 @@
-import { S as SimpleBar } from "../../simplebar.js";
+import SimpleBarReact from "simplebar-react";
 import { styled, alpha } from "@mui/material/styles";
 import { Box } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
@@ -7,7 +7,7 @@ const RootStyle = styled("div")(() => ({
   height: "100%",
   overflow: "hidden"
 }));
-const SimpleBarStyle = styled(SimpleBar)(({
+const SimpleBarStyle = styled(SimpleBarReact)(({
   theme
 }) => ({
   maxHeight: "100%",

package/components/formatters/DateFormatter/index.js

@@ -1,6 +1,6 @@
 import { useEnvironment, useHostTools } from "@m4l/core";
 import require$$0 from "react";
-import { jsx } from "react/jsx-runtime";
+import { jsx, Fragment } from "react/jsx-runtime";
 function DateFormatter(props) {
   const {
     presentationType,
@@ -17,6 +17,11 @@ function DateFormatter(props) {
   let finalFormat = format || dfnsFormat.datetime_format;
   let result;
   let resultDate;
+  if (value === void 0 || value === null) {
+    return /* @__PURE__ */ jsx(Fragment, {
+      children: "-"
+    });
+  }
   switch (presentationType) {
     case "datetime":
       finalFormat = format || dfnsFormat.datetime_format;

package/components/formatters/DateFormatter/types.d.ts

@@ -1,8 +1,9 @@
+import { Maybe } from '@m4l/core';
 import { ComponentForrmaterType } from '../types';
 export declare type PresentationType = 'date' | 'datetime' | 'time';
 export interface DateFormatterProps {
     Component?: ComponentForrmaterType;
     presentationType: PresentationType;
     format?: string;
-    value: Date | string | number;
+    value: Maybe<Date | string | number>;
 }

package/index.js

@@ -37,7 +37,8 @@ export { M as ModalContext, a as ModalProvider } from "./contexts/ModalContext/i
 import "@mui/material/Button";
 export { S as ScrollBar } from "./components/ScrollBar/index.js";
 export { D as DynamicFilter, d as defaultDynamicFilterDictionary, g as getDynamicFilterComponentsDictionary } from "./components/DynamicFilter/index.js";
-import "./simplebar.js";
+import "simplebar/dist/simplebar.min.css";
+export { L as LanguagePopover } from "./components/LanguagePopover/index.js";
 import "./react-draggable.js";
 export { M as ModalDialog, d as defaultModalDialogDictionary, g as getModalDialogComponentsDictionary } from "./components/ModalDialog/index.js";
 export { R as Resizeable } from "./components/Resizeable/index.js";
@@ -70,7 +71,6 @@ export { A as ActionCancel } from "./components/CommonActions/components/ActionC
 export { A as ActionIntro } from "./components/CommonActions/components/ActionIntro/index.js";
 export { A as ActionFormCancel } from "./components/CommonActions/components/ActionFormCancel/index.js";
 export { A as ActionFormIntro } from "./components/CommonActions/components/ActionFormIntro/index.js";
-export { L as LanguagePopover } from "./components/LanguagePopover/index.js";
 export { L as Loadable } from "./components/Loadable/index.js";
 export { S as ScrollToTop } from "./components/ScrollToTop/index.js";
 export { u as useModal } from "./hooks/useModal/index.js";
@@ -81,10 +81,8 @@ import "react-dom";
 import "prop-types";
 import "clsx";
 import "./utils/index.js";
-import "./juggle.js";
 import "./react-data-grid.js";
+import "simplebar-react";
 import "yup";
-import "./core-js.js";
-import "./can-use-dom.js";
 import "./react-resizable.js";
 import "react-helmet-async";