@m4l/components 0.0.5 → 0.0.8

package/dist/components/DataGrid/components/Actions/types.d.ts

@@ -1,4 +1,4 @@
-import { PagerProps } from '@mui_extended/Pager/types';
+import type { PagerProps } from '../../../mui_extended/Pager/types';
 import { SettingsProps } from './components/Settings/types';
 export interface ActionsProps {
     withSettings?: boolean;

package/dist/components/DataGrid/contexts/BaseContext/types.d.ts

@@ -1,4 +1,4 @@
-import { MenuAction } from '@mui_extended/MenuActions/types';
+import { MenuAction } from '../../../mui_extended/MenuActions/types';
 import { ReactNode } from 'react';
 import { Column } from 'react-data-grid';
 import { Maybe } from '@m4l/core';

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

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

package/dist/components/DataGrid/index.js

@@ -6,12 +6,15 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { SvgIcon, Checkbox, InputBase, Skeleton } from "@mui/material";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { voidFunction, useModuleDictionary, useEnvironment } from "@m4l/core";
-import { MenuActions } from "@mui_extended";
-import { P as Pager } from "../mui_extended/Pager/index.js";
+import "@mui/material/Box";
+import "../mui_extended/MenuPopover/index.js";
+import "react-router-dom";
+import { M as MenuActions } from "../mui_extended/MenuActions/index.js";
+import { P as Pager, g as getPagerComponentsDictionary, d as defaultPagerDictionary } from "../mui_extended/Pager/index.js";
 import { I as IconButton } from "../mui_extended/IconButton/index.js";
 import { u as useModal } from "../../hooks/useModal/index.js";
-import { M as MenuActions$1 } from "../mui_extended/MenuActions/index.js";
 import { u as useResponsiveDesktop } from "../../vendor.js";
+import { g as getModalDialogComponentsDictionary, d as defaultModalDialogDictionary } from "../ModalDialog/index.js";
 import { format } from "date-fns";
 const WrapperGrid$1 = styled("div")(() => ({
   display: "flex",
@@ -1477,7 +1480,7 @@ function Density() {
   }
   return /* @__PURE__ */ jsx(WrapperDensity, {
     id: "WrapperDensity",
-    children: /* @__PURE__ */ jsx(MenuActions$1, {
+    children: /* @__PURE__ */ jsx(MenuActions, {
       arrow: "right-top",
       anchorOrigin: {
         vertical: "top",
@@ -1585,6 +1588,38 @@ function DataGrid(props) {
     })
   });
 }
+function getGridComponentsDictionary() {
+  return ["grid"].concat(getPagerComponentsDictionary()).concat(getModalDialogComponentsDictionary());
+}
+const defaultGridDictionary = {
+  grid: {
+    actions: "Actions",
+    settings_tooltip: "Settings",
+    settings_sel_columns: "Select columns",
+    settings_column_name: "Name",
+    settings_column_position: "Position",
+    settings_column_visible: "Visible",
+    settings_column_frozen: "Frozen",
+    settings_move_first: "Move first",
+    settings_move_up: "Move up",
+    settings_move_last: "Move first",
+    settings_move_down: "Move down",
+    settings_visible_all: "Visible all",
+    settings_no_visible_all: "Invisible all",
+    settings_restore: "Restore",
+    density_tooltip: "Density",
+    density_compact: "Compact",
+    density_standard: "Standard",
+    density_confortable: "Confortable",
+    filter_holder: "Filter",
+    filter_show: "Show filters",
+    filter_hide: "Hide filters",
+    rows: "Rows",
+    rows_per_page: "Rows per page"
+  },
+  ...defaultPagerDictionary,
+  ...defaultModalDialogDictionary
+};
 function DateFormatter(props) {
   const {
     presentationType,
@@ -1620,4 +1655,4 @@ const initialPagerState = {
   rowsPerPage: 25,
   totalRecords: 0
 };
-export { DateFormatter as D, DataGrid as a, initialPagerState as i };
+export { DateFormatter as D, DataGrid as a, defaultGridDictionary as d, getGridComponentsDictionary as g, initialPagerState as i };

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { MenuAction } from '@mui_extended/MenuActions/types';
 import { Column } from 'react-data-grid';
+import { MenuAction } from '../mui_extended';
 import { ActionsProps } from './components/Actions/types';
 export declare type ColumnType = 'text' | 'date' | 'number' | 'boolean' | 'custom';
 export declare type ColumnAlign = 'left' | 'center' | 'right';

package/dist/components/FormActions/index.js

@@ -41,4 +41,10 @@ const FormActions = (props) => {
 function getActionnsComponentsDictionary() {
   return ["actions"];
 }
-export { FormActions as F, getActionnsComponentsDictionary as g };
+const defaultActionsDictionary = {
+  actions: {
+    action_cancel: "Cancel",
+    action_accept: "Intro"
+  }
+};
+export { FormActions as F, defaultActionsDictionary as d, getActionnsComponentsDictionary as g };

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

@@ -1,4 +1,4 @@
-import { ModalOpenOptions } from "src/contexts/ModalContext/types";
+import { ModalOpenOptions } from "../../contexts/ModalContext/types";
 declare type ImodalOpt = Pick<ModalOpenOptions, 'actionComponents' | 'standardActions'>;
 export interface ActionsProps extends ImodalOpt {
     variant?: string | undefined;

package/dist/components/ModalDialog/components/Header/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { VariantModal } from 'src/contexts/ModalContext/types';
+import { VariantModal } from '../../../../contexts/ModalContext/types';
 export interface HeaderProps {
     variant?: VariantModal;
     title: string;

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/ObjectLogs/dictionary.d.ts

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

package/dist/components/ObjectLogs/index.js

@@ -280,4 +280,21 @@ function ObjectLogs(props) {
     })]
   });
 }
-export { ObjectLogs as O };
+function getObjectLogsComponentsDictionary() {
+  return ["object_logs"];
+}
+const defaultObjectLogDictionary = {
+  object_logs: {
+    start_date: "Start date",
+    end_date: "End date",
+    search: "Search",
+    date_time: "Date time",
+    user: "User",
+    module: "Module",
+    privilege_name: "Privilege",
+    log_resume: "Log",
+    log_detail: "Detail",
+    ip: "Ip"
+  }
+};
+export { ObjectLogs as O, defaultObjectLogDictionary as d, getObjectLogsComponentsDictionary as g };

package/dist/components/index.d.ts

@@ -1,9 +1,14 @@
 export * from '../components/mui_extended';
 export * from '../components/DataGrid';
+export * from '../components/DataGrid/dictionary';
 export * from '../components/ObjectLogs';
+export * from '../components/ObjectLogs/dictionary';
 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/components/mui_extended/index.d.ts

@@ -6,7 +6,7 @@ export type { TLink } from './Breadcrumbs/types';
 export { default as MenuActions } from './MenuActions';
 export type { MenuAction, ComponentActionProps } from './MenuActions/types';
 export { default as Pager } from './Pager';
-export { getPagerComponentsDictionary, defaultPagerDictionary } from './Pager/dicctionary';
+export * from './Pager/dicctionary';
 export type { PagerProps } from './Pager/types';
 declare module '@mui/material/styles/createPalette' {
     interface TypeBackground {

package/dist/index.js

@@ -4,10 +4,11 @@ export { I as IconButton } from "./components/mui_extended/IconButton/index.js";
 export { B as Breadcrumbs } from "./components/mui_extended/Breadcrumbs/index.js";
 export { M as MenuActions } from "./components/mui_extended/MenuActions/index.js";
 export { P as Pager, d as defaultPagerDictionary, g as getPagerComponentsDictionary } from "./components/mui_extended/Pager/index.js";
-export { a as DataGrid } from "./components/DataGrid/index.js";
-export { O as ObjectLogs } from "./components/ObjectLogs/index.js";
-export { F as FormActions } from "./components/FormActions/index.js";
+export { a as DataGrid, d as defaultGridDictionary, g as getGridComponentsDictionary } from "./components/DataGrid/index.js";
+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";
@@ -23,7 +24,6 @@ import "./react-data-grid.js";
 import "clsx";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "@mui_extended";
 import "./vendor.js";
 import "@mui/material/useMediaQuery";
 import "@mui/x-date-pickers";

package/dist/vendor.js

@@ -12,7 +12,6 @@ import useMediaQuery from "@mui/material/useMediaQuery";
 import { i as initialPagerState } from "./components/DataGrid/index.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "@mui_extended";
 import "./contexts/ModalContext/index.js";
 import "@mui/x-date-pickers";
 import "@mui/lab/AdapterDateFns";
@@ -23,6 +22,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.5",
+  "version": "0.0.8",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "vite",