@m4l/components 0.0.6 → 0.0.7

package/dist/components/NoItemSelected/dictionary.d.ts

@@ -0,0 +1,3 @@
+import { Dictionary } from '@m4l/core';
+export declare function getNoItemSelectedComponentsDictionary(): string[];
+export declare const defaultNoItemSelectedDictionary: Dictionary;

package/dist/components/NoItemSelected/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function NoItemSelected(): JSX.Element;

package/dist/components/NoItemSelected/index.js

@@ -0,0 +1,76 @@
+import { useEnvironment, useModuleDictionary } from "@m4l/core";
+import { styled } from "@mui/material/styles";
+import { jsxs, jsx } from "react/jsx-runtime";
+const WrapperNoItemSelected = styled("div")(({
+  theme
+}) => ({
+  width: "100%",
+  height: "100%",
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  justifyContent: "center",
+  overflow: "auto",
+  padding: theme.spacing(3)
+}));
+const Image = styled("span", {
+  shouldForwardProp: (prop) => prop !== "src"
+})(({
+  src,
+  theme
+}) => ({
+  zIndex: 9,
+  top: 0,
+  height: "100%",
+  width: "100%",
+  maxWidth: "500px",
+  maxHeight: "200px",
+  ".split_horizontal &": {
+    bruces: "sss",
+    minWidth: "150px"
+  },
+  ".split_vertical &": {
+    bruces: "sss",
+    minHeight: "150px"
+  },
+  padding: `0px ${theme.spacing(1)} ${theme.spacing(1)} ${theme.spacing(1)}`,
+  display: "inline-block",
+  backgroundColor: theme.palette.divider,
+  justifyContent: "center",
+  mask: `url(${src}) no-repeat center / contain`,
+  WebkitMask: `url(${src}) no-repeat center / contain`
+}));
+const Label = styled("span")(({
+  theme
+}) => ({
+  ...theme.typography.body2,
+  padding: `${theme.spacing(1.5)} ${theme.spacing(1)} ${theme.spacing(1)} ${theme.spacing(1)}`,
+  color: theme.palette.text.primary
+}));
+function NoItemSelected() {
+  const {
+    host_static_assets,
+    environment
+  } = useEnvironment();
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const src = `${host_static_assets}/${environment}/frontend/components/no_item_selected/assets/icons/no_selected.svg`;
+  return /* @__PURE__ */ jsxs(WrapperNoItemSelected, {
+    id: "Wrapper",
+    children: [/* @__PURE__ */ jsx(Image, {
+      src
+    }), /* @__PURE__ */ jsx(Label, {
+      children: getLabel("no_item_selected.message")
+    })]
+  });
+}
+function getNoItemSelectedComponentsDictionary() {
+  return ["no_item_selected"];
+}
+const defaultNoItemSelectedDictionary = {
+  no_item_selected: {
+    message: "Please select a item to show detail"
+  }
+};
+export { NoItemSelected as N, defaultNoItemSelectedDictionary as d, getNoItemSelectedComponentsDictionary as g };

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ImageProps } from './types';
+export declare const WrapperNoItemSelected: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Image: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & ImageProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const Label: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -0,0 +1,5 @@
+export interface NoItemSelectedProps {
+}
+export interface ImageProps extends NoItemSelectedProps {
+    src: string;
+}

package/dist/components/index.d.ts

@@ -7,6 +7,8 @@ export * from '../components/FormActions';
 export * from '../components/FormActions/dictionary';
 export * from '../components/ModalDialog';
 export * from '../components/ModalDialog/dictionary';
+export * from '../components/NoItemSelected';
+export * from '../components/NoItemSelected/dictionary';
 export * from '../components/Resizeable';
 export * from '../components/SplitLayout';
 export type { SplitPosition } from '../components/SplitLayout/types';

package/dist/index.js

@@ -8,6 +8,7 @@ export { a as DataGrid, d as defaultGridDictionary, g as getGridComponentsDictio
 export { O as ObjectLogs, d as defaultObjectLogDictionary, g as getObjectLogsComponentsDictionary } from "./components/ObjectLogs/index.js";
 export { F as FormActions, d as defaultActionsDictionary, g as getActionnsComponentsDictionary } from "./components/FormActions/index.js";
 export { M as ModalDialog, d as defaultModalDialogDictionary, g as getModalDialogComponentsDictionary } from "./components/ModalDialog/index.js";
+export { N as NoItemSelected, d as defaultNoItemSelectedDictionary, g as getNoItemSelectedComponentsDictionary } from "./components/NoItemSelected/index.js";
 export { R as Resizeable } from "./components/Resizeable/index.js";
 export { S as SplitLayout } from "./components/SplitLayout/index.js";
 export { M as ModalContext, a as ModalProvider } from "./contexts/ModalContext/index.js";

package/dist/vendor.js

@@ -23,6 +23,7 @@ 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 "./react-splitter-layout.js";
 import "./components/SplitLayout/index.js";
 import "./components/mui_extended/BoxIcon/index.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@m4l/components",
   "private": false,
-  "version": "0.0.6",
+  "version": "0.0.7",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "vite",