@m4l/components 0.1.5 → 0.1.6

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/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/core-js.js

@@ -89,13 +89,23 @@ var requireObjectCoercible$5 = requireObjectCoercible$6;
 var toIndexedObject$6 = function(it) {
   return IndexedObject$3(requireObjectCoercible$5(it));
 };
-var isCallable$k = function(argument) {
+var documentAll$2 = typeof document == "object" && document.all;
+var IS_HTMLDDA = typeof documentAll$2 == "undefined" && documentAll$2 !== void 0;
+var documentAll_1 = {
+  all: documentAll$2,
+  IS_HTMLDDA
+};
+var $documentAll$1 = documentAll_1;
+var documentAll$1 = $documentAll$1.all;
+var isCallable$k = $documentAll$1.IS_HTMLDDA ? function(argument) {
+  return typeof argument == "function" || argument === documentAll$1;
+} : function(argument) {
   return typeof argument == "function";
 };
 var isCallable$j = isCallable$k;
-var documentAll = typeof document == "object" && document.all;
-var SPECIAL_DOCUMENT_ALL = typeof documentAll == "undefined" && documentAll !== void 0;
-var isObject$d = SPECIAL_DOCUMENT_ALL ? function(it) {
+var $documentAll = documentAll_1;
+var documentAll = $documentAll.all;
+var isObject$d = $documentAll.IS_HTMLDDA ? function(it) {
   return typeof it == "object" ? it !== null : isCallable$j(it) || it === documentAll;
 } : function(it) {
   return typeof it == "object" ? it !== null : isCallable$j(it);
@@ -207,10 +217,10 @@ var store$2 = sharedStore;
 (shared$4.exports = function(key, value) {
   return store$2[key] || (store$2[key] = value !== void 0 ? value : {});
 })("versions", []).push({
-  version: "3.25.1",
+  version: "3.25.2",
   mode: "global",
   copyright: "\xA9 2014-2022 Denis Pushkarev (zloirock.ru)",
-  license: "https://github.com/zloirock/core-js/blob/v3.25.1/LICENSE",
+  license: "https://github.com/zloirock/core-js/blob/v3.25.2/LICENSE",
   source: "https://github.com/zloirock/core-js"
 });
 var requireObjectCoercible$4 = requireObjectCoercible$6;

package/index.js

@@ -38,6 +38,7 @@ 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";
+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";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "license": "UNLICENSED",
   "dependencies": {
     "@m4l/core": "*",

package/components/LanguagePopover/types.d.ts

@@ -1,3 +0,0 @@
-export interface defaultProps {
-    isSkeleton?: boolean;
-}