@gnwebsoft/ui 2.18.12 → 2.18.14

package/dist/{chunk-T5US7GRV.mjs → chunk-6MNBBCUG.mjs}

@@ -374,7 +374,15 @@ var Component4 = function TextFieldElement(props) {
     textFieldProps = {},
     ...rest
   } = props;
-  const { type, required, helperText, inputRef, onBlur, disabled } = textFieldProps;
+  const {
+    type,
+    required,
+    helperText,
+    inputRef,
+    onBlur,
+    disabled,
+    ...restTextProps
+  } = textFieldProps;
   const {
     field,
     fieldState: { error }
@@ -410,6 +418,7 @@ var Component4 = function TextFieldElement(props) {
     TextFieldComponent,
     {
       ...rest,
+      ...restTextProps,
       name: field.name,
       value,
       onChange: (event) => {

package/dist/{chunk-FP2QMQOO.js → chunk-6NG256YG.js}

@@ -128,57 +128,71 @@ var FormWrapper_default = FormWrapper;
 // src/components/LabelText/LabelText.tsx
 
 
-var LabelText = ({ label, value }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-  _material.Grid2,
-  {
-    size: { xs: 12, sm: 6, md: 6 },
-    sx: {
-      display: "flex",
-      flexDirection: { xs: "column", sm: "row", md: "row" },
-      "&:hover": { bgcolor: "#efefef", overflow: "hidden" }
-    },
-    children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        _material.Grid2,
-        {
-          size: { xs: 6, sm: 7, md: 6 },
-          sx: {
-            padding: "5px",
-            fontSize: "14px",
-            textAlign: { xs: "left", sm: "right", md: "right" }
-          },
-          children: [
-            label,
-            " :"
-          ]
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _material.Grid2,
-        {
-          size: { xs: 12, sm: 5, md: 6 },
-          sx: { padding: "5px", display: "flex", flexWrap: "wrap" },
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: value, arrow: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _material.Typography,
-            {
-              color: "#3598dc",
+var LabelText = ({
+  label,
+  value,
+  gridSize,
+  containerSize
+}) => {
+  const defaultGridSize = {
+    labelSize: { xs: 6, sm: 6, md: 6 },
+    valueSize: { xs: 12, sm: 6, md: 6 }
+  };
+  const defaultContainerSize = { xs: 12, sm: 6, md: 6 };
+  const size = gridSize || defaultGridSize;
+  const container = containerSize || defaultContainerSize;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _material.Grid2,
+    {
+      size: container,
+      sx: {
+        display: "flex",
+        flexDirection: { xs: "column", sm: "row", md: "row" },
+        "&:hover": { bgcolor: "#efefef", overflow: "hidden" }
+      },
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _material.Grid2,
+          {
+            size: size.labelSize,
+            sx: {
+              padding: "5px",
               fontSize: "14px",
-              sx: {
-                wordBreak: "break-word",
-                overflow: "hidden",
-                display: "-webkit-box",
-                textOverflow: "ellipsis",
-                WebkitLineClamp: 2,
-                WebkitBoxOrient: "vertical"
-              },
-              children: value ? value : "-"
-            }
-          ) })
-        }
-      )
-    ]
-  }
-);
+              textAlign: { xs: "left", sm: "right", md: "right" }
+            },
+            children: [
+              label,
+              " :"
+            ]
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _material.Grid2,
+          {
+            size: size.valueSize,
+            sx: { padding: "5px", display: "flex", flexWrap: "wrap" },
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: value, arrow: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _material.Typography,
+              {
+                color: "#3598dc",
+                fontSize: "14px",
+                sx: {
+                  wordBreak: "break-word",
+                  overflow: "hidden",
+                  display: "-webkit-box",
+                  textOverflow: "ellipsis",
+                  WebkitLineClamp: 2,
+                  WebkitBoxOrient: "vertical"
+                },
+                children: value ? value : "-"
+              }
+            ) })
+          }
+        )
+      ]
+    }
+  );
+};
 var LabelText_default = LabelText;
 
 // src/components/ListWrapper/ListWrapper.tsx

package/dist/{chunk-DNYQFSTP.mjs → chunk-JHOCLWGJ.mjs}

@@ -128,57 +128,71 @@ var FormWrapper_default = FormWrapper;
 // src/components/LabelText/LabelText.tsx
 import { Grid2 as Grid23, Tooltip, Typography as Typography3 } from "@mui/material";
 import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-var LabelText = ({ label, value }) => /* @__PURE__ */ jsxs3(
-  Grid23,
-  {
-    size: { xs: 12, sm: 6, md: 6 },
-    sx: {
-      display: "flex",
-      flexDirection: { xs: "column", sm: "row", md: "row" },
-      "&:hover": { bgcolor: "#efefef", overflow: "hidden" }
-    },
-    children: [
-      /* @__PURE__ */ jsxs3(
-        Grid23,
-        {
-          size: { xs: 6, sm: 7, md: 6 },
-          sx: {
-            padding: "5px",
-            fontSize: "14px",
-            textAlign: { xs: "left", sm: "right", md: "right" }
-          },
-          children: [
-            label,
-            " :"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx5(
-        Grid23,
-        {
-          size: { xs: 12, sm: 5, md: 6 },
-          sx: { padding: "5px", display: "flex", flexWrap: "wrap" },
-          children: /* @__PURE__ */ jsx5(Tooltip, { title: value, arrow: true, children: /* @__PURE__ */ jsx5(
-            Typography3,
-            {
-              color: "#3598dc",
+var LabelText = ({
+  label,
+  value,
+  gridSize,
+  containerSize
+}) => {
+  const defaultGridSize = {
+    labelSize: { xs: 6, sm: 6, md: 6 },
+    valueSize: { xs: 12, sm: 6, md: 6 }
+  };
+  const defaultContainerSize = { xs: 12, sm: 6, md: 6 };
+  const size = gridSize || defaultGridSize;
+  const container = containerSize || defaultContainerSize;
+  return /* @__PURE__ */ jsxs3(
+    Grid23,
+    {
+      size: container,
+      sx: {
+        display: "flex",
+        flexDirection: { xs: "column", sm: "row", md: "row" },
+        "&:hover": { bgcolor: "#efefef", overflow: "hidden" }
+      },
+      children: [
+        /* @__PURE__ */ jsxs3(
+          Grid23,
+          {
+            size: size.labelSize,
+            sx: {
+              padding: "5px",
               fontSize: "14px",
-              sx: {
-                wordBreak: "break-word",
-                overflow: "hidden",
-                display: "-webkit-box",
-                textOverflow: "ellipsis",
-                WebkitLineClamp: 2,
-                WebkitBoxOrient: "vertical"
-              },
-              children: value ? value : "-"
-            }
-          ) })
-        }
-      )
-    ]
-  }
-);
+              textAlign: { xs: "left", sm: "right", md: "right" }
+            },
+            children: [
+              label,
+              " :"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          Grid23,
+          {
+            size: size.valueSize,
+            sx: { padding: "5px", display: "flex", flexWrap: "wrap" },
+            children: /* @__PURE__ */ jsx5(Tooltip, { title: value, arrow: true, children: /* @__PURE__ */ jsx5(
+              Typography3,
+              {
+                color: "#3598dc",
+                fontSize: "14px",
+                sx: {
+                  wordBreak: "break-word",
+                  overflow: "hidden",
+                  display: "-webkit-box",
+                  textOverflow: "ellipsis",
+                  WebkitLineClamp: 2,
+                  WebkitBoxOrient: "vertical"
+                },
+                children: value ? value : "-"
+              }
+            ) })
+          }
+        )
+      ]
+    }
+  );
+};
 var LabelText_default = LabelText;
 
 // src/components/ListWrapper/ListWrapper.tsx

package/dist/{chunk-V7PRQ6T4.js → chunk-TRGH3WIB.js}

@@ -374,7 +374,15 @@ var Component4 = function TextFieldElement(props) {
     textFieldProps = {},
     ...rest
   } = props;
-  const { type, required, helperText, inputRef, onBlur, disabled } = textFieldProps;
+  const {
+    type,
+    required,
+    helperText,
+    inputRef,
+    onBlur,
+    disabled,
+    ...restTextProps
+  } = textFieldProps;
   const {
     field,
     fieldState: { error }
@@ -410,6 +418,7 @@ var Component4 = function TextFieldElement(props) {
     TextFieldComponent,
     {
       ...rest,
+      ...restTextProps,
       name: field.name,
       value,
       onChange: (event) => {

package/dist/components/index.d.mts

@@ -26,8 +26,25 @@ declare const FormWrapper: ({ children, title, editMode }: FormWrapper) => react
 type LabelTextProps = {
     label: string;
     value: React.ReactNode;
+    gridSize?: {
+        labelSize: {
+            xs: number;
+            sm: number;
+            md: number;
+        };
+        valueSize: {
+            xs: number;
+            sm: number;
+            md: number;
+        };
+    };
+    containerSize?: {
+        xs: number;
+        sm: number;
+        md: number;
+    };
 };
-declare const LabelText: ({ label, value }: LabelTextProps) => react_jsx_runtime.JSX.Element;
+declare const LabelText: ({ label, value, gridSize, containerSize, }: LabelTextProps) => react_jsx_runtime.JSX.Element;
 
 type ListWrapperProps = PropsWithChildren<{
     title: string;

package/dist/components/index.d.ts

@@ -26,8 +26,25 @@ declare const FormWrapper: ({ children, title, editMode }: FormWrapper) => react
 type LabelTextProps = {
     label: string;
     value: React.ReactNode;
+    gridSize?: {
+        labelSize: {
+            xs: number;
+            sm: number;
+            md: number;
+        };
+        valueSize: {
+            xs: number;
+            sm: number;
+            md: number;
+        };
+    };
+    containerSize?: {
+        xs: number;
+        sm: number;
+        md: number;
+    };
 };
-declare const LabelText: ({ label, value }: LabelTextProps) => react_jsx_runtime.JSX.Element;
+declare const LabelText: ({ label, value, gridSize, containerSize, }: LabelTextProps) => react_jsx_runtime.JSX.Element;
 
 type ListWrapperProps = PropsWithChildren<{
     title: string;

package/dist/components/index.js

@@ -6,7 +6,7 @@
 
 
 
-var _chunkFP2QMQOOjs = require('../chunk-FP2QMQOO.js');
+var _chunk6NG256YGjs = require('../chunk-6NG256YG.js');
 
 
 
@@ -15,4 +15,4 @@ var _chunkFP2QMQOOjs = require('../chunk-FP2QMQOO.js');
 
 
 
-exports.ClearButton = _chunkFP2QMQOOjs.ClearButton_default; exports.FilterButton = _chunkFP2QMQOOjs.FilterButton_default; exports.FilterWrapper = _chunkFP2QMQOOjs.FilterWrapper_default; exports.FormWrapper = _chunkFP2QMQOOjs.FormWrapper_default; exports.LabelText = _chunkFP2QMQOOjs.LabelText_default; exports.ListWrapper = _chunkFP2QMQOOjs.ListWrapper_default; exports.SimpleToolbar = _chunkFP2QMQOOjs.SimpleToolbar_default;
+exports.ClearButton = _chunk6NG256YGjs.ClearButton_default; exports.FilterButton = _chunk6NG256YGjs.FilterButton_default; exports.FilterWrapper = _chunk6NG256YGjs.FilterWrapper_default; exports.FormWrapper = _chunk6NG256YGjs.FormWrapper_default; exports.LabelText = _chunk6NG256YGjs.LabelText_default; exports.ListWrapper = _chunk6NG256YGjs.ListWrapper_default; exports.SimpleToolbar = _chunk6NG256YGjs.SimpleToolbar_default;

package/dist/components/index.mjs

@@ -6,7 +6,7 @@ import {
   LabelText_default,
   ListWrapper_default,
   SimpleToolbar_default
-} from "../chunk-DNYQFSTP.mjs";
+} from "../chunk-JHOCLWGJ.mjs";
 export {
   ClearButton_default as ClearButton,
   FilterButton_default as FilterButton,

package/dist/index.js

@@ -6,12 +6,12 @@
 
 
 
-var _chunkFP2QMQOOjs = require('./chunk-FP2QMQOO.js');
+var _chunk6NG256YGjs = require('./chunk-6NG256YG.js');
 require('./chunk-7M2VOCYN.js');
 require('./chunk-6BGQA4BQ.js');
 
 
-var _chunkV7PRQ6T4js = require('./chunk-V7PRQ6T4.js');
+var _chunkTRGH3WIBjs = require('./chunk-TRGH3WIB.js');
 
 
 var _chunk6JZ35VQJjs = require('./chunk-6JZ35VQJ.js');
@@ -43,4 +43,4 @@ var _chunk5UQNB4A7js = require('./chunk-5UQNB4A7.js');
 
 
 
-exports.ClearButton = _chunkFP2QMQOOjs.ClearButton_default; exports.Field = _chunkV7PRQ6T4js.Field_default; exports.FilterButton = _chunkFP2QMQOOjs.FilterButton_default; exports.FilterWrapper = _chunkFP2QMQOOjs.FilterWrapper_default; exports.FormWrapper = _chunkFP2QMQOOjs.FormWrapper_default; exports.LabelText = _chunkFP2QMQOOjs.LabelText_default; exports.ListWrapper = _chunkFP2QMQOOjs.ListWrapper_default; exports.SimpleToolbar = _chunkFP2QMQOOjs.SimpleToolbar_default; exports.api = _chunk5UQNB4A7js.api; exports.flattenObjectKeys = _chunk5UQNB4A7js.flattenObjectKeys; exports.getTimezone = _chunk5UQNB4A7js.getTimezone; exports.handleServerErrors = _chunk5UQNB4A7js.handleServerErrors; exports.propertyExists = _chunk5UQNB4A7js.propertyExists; exports.readValueAsDate = _chunk5UQNB4A7js.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunk5UQNB4A7js.removeLeadingTrailingSlashes; exports.schemaTools = _chunk5UQNB4A7js.schemaTools; exports.useTransform = _chunk6JZ35VQJjs.useTransform;
+exports.ClearButton = _chunk6NG256YGjs.ClearButton_default; exports.Field = _chunkTRGH3WIBjs.Field_default; exports.FilterButton = _chunk6NG256YGjs.FilterButton_default; exports.FilterWrapper = _chunk6NG256YGjs.FilterWrapper_default; exports.FormWrapper = _chunk6NG256YGjs.FormWrapper_default; exports.LabelText = _chunk6NG256YGjs.LabelText_default; exports.ListWrapper = _chunk6NG256YGjs.ListWrapper_default; exports.SimpleToolbar = _chunk6NG256YGjs.SimpleToolbar_default; exports.api = _chunk5UQNB4A7js.api; exports.flattenObjectKeys = _chunk5UQNB4A7js.flattenObjectKeys; exports.getTimezone = _chunk5UQNB4A7js.getTimezone; exports.handleServerErrors = _chunk5UQNB4A7js.handleServerErrors; exports.propertyExists = _chunk5UQNB4A7js.propertyExists; exports.readValueAsDate = _chunk5UQNB4A7js.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunk5UQNB4A7js.removeLeadingTrailingSlashes; exports.schemaTools = _chunk5UQNB4A7js.schemaTools; exports.useTransform = _chunk6JZ35VQJjs.useTransform;

package/dist/index.mjs

@@ -6,12 +6,12 @@ import {
   LabelText_default,
   ListWrapper_default,
   SimpleToolbar_default
-} from "./chunk-DNYQFSTP.mjs";
+} from "./chunk-JHOCLWGJ.mjs";
 import "./chunk-2JFL7TS5.mjs";
 import "./chunk-EVPUCTZA.mjs";
 import {
   Field_default
-} from "./chunk-T5US7GRV.mjs";
+} from "./chunk-6MNBBCUG.mjs";
 import {
   useTransform
 } from "./chunk-GFSTK7KN.mjs";

package/dist/wrappers/index.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkV7PRQ6T4js = require('../chunk-V7PRQ6T4.js');
+var _chunkTRGH3WIBjs = require('../chunk-TRGH3WIB.js');
 require('../chunk-6JZ35VQJ.js');
 require('../chunk-5UQNB4A7.js');
 
 
-exports.Field = _chunkV7PRQ6T4js.Field_default;
+exports.Field = _chunkTRGH3WIBjs.Field_default;

package/dist/wrappers/index.mjs

@@ -1,6 +1,6 @@
 import {
   Field_default
-} from "../chunk-T5US7GRV.mjs";
+} from "../chunk-6MNBBCUG.mjs";
 import "../chunk-GFSTK7KN.mjs";
 import "../chunk-RU644IPB.mjs";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gnwebsoft/ui",
-  "version": "2.18.12",
+  "version": "2.18.14",
   "description": "A set of reusable wrappers for MUI v6",
   "author": "GNWebsoft Private Limited",
   "license": "",