@gnwebsoft/ui 2.18.13 → 2.18.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/{chunk-FP2QMQOO.js → chunk-6NG256YG.js} +64 -50
  2. package/dist/{chunk-DNYQFSTP.mjs → chunk-JHOCLWGJ.mjs} +64 -50
  3. package/dist/components/index.d.mts +18 -1
  4. package/dist/components/index.d.ts +18 -1
  5. package/dist/components/index.js +2 -2
  6. package/dist/components/index.mjs +1 -1
  7. package/dist/index.js +2 -2
  8. package/dist/index.mjs +1 -1
  9. package/package.json +1 -1
package/dist/{chunk-FP2QMQOO.js → chunk-6NG256YG.js} RENAMED
@@ -128,57 +128,71 @@ var FormWrapper_default = FormWrapper;
128
128
  // src/components/LabelText/LabelText.tsx
129
129
 
130
130
 
131
- var LabelText = ({ label, value }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
132
- _material.Grid2,
133
- {
134
- size: { xs: 12, sm: 6, md: 6 },
135
- sx: {
136
- display: "flex",
137
- flexDirection: { xs: "column", sm: "row", md: "row" },
138
- "&:hover": { bgcolor: "#efefef", overflow: "hidden" }
139
- },
140
- children: [
141
- /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
142
- _material.Grid2,
143
- {
144
- size: { xs: 6, sm: 7, md: 6 },
145
- sx: {
146
- padding: "5px",
147
- fontSize: "14px",
148
- textAlign: { xs: "left", sm: "right", md: "right" }
149
- },
150
- children: [
151
- label,
152
- " :"
153
- ]
154
- }
155
- ),
156
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
157
- _material.Grid2,
158
- {
159
- size: { xs: 12, sm: 5, md: 6 },
160
- sx: { padding: "5px", display: "flex", flexWrap: "wrap" },
161
- children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: value, arrow: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
162
- _material.Typography,
163
- {
164
- color: "#3598dc",
131
+ var LabelText = ({
132
+ label,
133
+ value,
134
+ gridSize,
135
+ containerSize
136
+ }) => {
137
+ const defaultGridSize = {
138
+ labelSize: { xs: 6, sm: 6, md: 6 },
139
+ valueSize: { xs: 12, sm: 6, md: 6 }
140
+ };
141
+ const defaultContainerSize = { xs: 12, sm: 6, md: 6 };
142
+ const size = gridSize || defaultGridSize;
143
+ const container = containerSize || defaultContainerSize;
144
+ return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
145
+ _material.Grid2,
146
+ {
147
+ size: container,
148
+ sx: {
149
+ display: "flex",
150
+ flexDirection: { xs: "column", sm: "row", md: "row" },
151
+ "&:hover": { bgcolor: "#efefef", overflow: "hidden" }
152
+ },
153
+ children: [
154
+ /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
155
+ _material.Grid2,
156
+ {
157
+ size: size.labelSize,
158
+ sx: {
159
+ padding: "5px",
165
160
  fontSize: "14px",
166
- sx: {
167
- wordBreak: "break-word",
168
- overflow: "hidden",
169
- display: "-webkit-box",
170
- textOverflow: "ellipsis",
171
- WebkitLineClamp: 2,
172
- WebkitBoxOrient: "vertical"
173
- },
174
- children: value ? value : "-"
175
- }
176
- ) })
177
- }
178
- )
179
- ]
180
- }
181
- );
161
+ textAlign: { xs: "left", sm: "right", md: "right" }
162
+ },
163
+ children: [
164
+ label,
165
+ " :"
166
+ ]
167
+ }
168
+ ),
169
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
170
+ _material.Grid2,
171
+ {
172
+ size: size.valueSize,
173
+ sx: { padding: "5px", display: "flex", flexWrap: "wrap" },
174
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: value, arrow: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
175
+ _material.Typography,
176
+ {
177
+ color: "#3598dc",
178
+ fontSize: "14px",
179
+ sx: {
180
+ wordBreak: "break-word",
181
+ overflow: "hidden",
182
+ display: "-webkit-box",
183
+ textOverflow: "ellipsis",
184
+ WebkitLineClamp: 2,
185
+ WebkitBoxOrient: "vertical"
186
+ },
187
+ children: value ? value : "-"
188
+ }
189
+ ) })
190
+ }
191
+ )
192
+ ]
193
+ }
194
+ );
195
+ };
182
196
  var LabelText_default = LabelText;
183
197
 
184
198
  // src/components/ListWrapper/ListWrapper.tsx
package/dist/{chunk-DNYQFSTP.mjs → chunk-JHOCLWGJ.mjs} RENAMED
@@ -128,57 +128,71 @@ var FormWrapper_default = FormWrapper;
128
128
  // src/components/LabelText/LabelText.tsx
129
129
  import { Grid2 as Grid23, Tooltip, Typography as Typography3 } from "@mui/material";
130
130
  import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
131
- var LabelText = ({ label, value }) => /* @__PURE__ */ jsxs3(
132
- Grid23,
133
- {
134
- size: { xs: 12, sm: 6, md: 6 },
135
- sx: {
136
- display: "flex",
137
- flexDirection: { xs: "column", sm: "row", md: "row" },
138
- "&:hover": { bgcolor: "#efefef", overflow: "hidden" }
139
- },
140
- children: [
141
- /* @__PURE__ */ jsxs3(
142
- Grid23,
143
- {
144
- size: { xs: 6, sm: 7, md: 6 },
145
- sx: {
146
- padding: "5px",
147
- fontSize: "14px",
148
- textAlign: { xs: "left", sm: "right", md: "right" }
149
- },
150
- children: [
151
- label,
152
- " :"
153
- ]
154
- }
155
- ),
156
- /* @__PURE__ */ jsx5(
157
- Grid23,
158
- {
159
- size: { xs: 12, sm: 5, md: 6 },
160
- sx: { padding: "5px", display: "flex", flexWrap: "wrap" },
161
- children: /* @__PURE__ */ jsx5(Tooltip, { title: value, arrow: true, children: /* @__PURE__ */ jsx5(
162
- Typography3,
163
- {
164
- color: "#3598dc",
131
+ var LabelText = ({
132
+ label,
133
+ value,
134
+ gridSize,
135
+ containerSize
136
+ }) => {
137
+ const defaultGridSize = {
138
+ labelSize: { xs: 6, sm: 6, md: 6 },
139
+ valueSize: { xs: 12, sm: 6, md: 6 }
140
+ };
141
+ const defaultContainerSize = { xs: 12, sm: 6, md: 6 };
142
+ const size = gridSize || defaultGridSize;
143
+ const container = containerSize || defaultContainerSize;
144
+ return /* @__PURE__ */ jsxs3(
145
+ Grid23,
146
+ {
147
+ size: container,
148
+ sx: {
149
+ display: "flex",
150
+ flexDirection: { xs: "column", sm: "row", md: "row" },
151
+ "&:hover": { bgcolor: "#efefef", overflow: "hidden" }
152
+ },
153
+ children: [
154
+ /* @__PURE__ */ jsxs3(
155
+ Grid23,
156
+ {
157
+ size: size.labelSize,
158
+ sx: {
159
+ padding: "5px",
165
160
  fontSize: "14px",
166
- sx: {
167
- wordBreak: "break-word",
168
- overflow: "hidden",
169
- display: "-webkit-box",
170
- textOverflow: "ellipsis",
171
- WebkitLineClamp: 2,
172
- WebkitBoxOrient: "vertical"
173
- },
174
- children: value ? value : "-"
175
- }
176
- ) })
177
- }
178
- )
179
- ]
180
- }
181
- );
161
+ textAlign: { xs: "left", sm: "right", md: "right" }
162
+ },
163
+ children: [
164
+ label,
165
+ " :"
166
+ ]
167
+ }
168
+ ),
169
+ /* @__PURE__ */ jsx5(
170
+ Grid23,
171
+ {
172
+ size: size.valueSize,
173
+ sx: { padding: "5px", display: "flex", flexWrap: "wrap" },
174
+ children: /* @__PURE__ */ jsx5(Tooltip, { title: value, arrow: true, children: /* @__PURE__ */ jsx5(
175
+ Typography3,
176
+ {
177
+ color: "#3598dc",
178
+ fontSize: "14px",
179
+ sx: {
180
+ wordBreak: "break-word",
181
+ overflow: "hidden",
182
+ display: "-webkit-box",
183
+ textOverflow: "ellipsis",
184
+ WebkitLineClamp: 2,
185
+ WebkitBoxOrient: "vertical"
186
+ },
187
+ children: value ? value : "-"
188
+ }
189
+ ) })
190
+ }
191
+ )
192
+ ]
193
+ }
194
+ );
195
+ };
182
196
  var LabelText_default = LabelText;
183
197
 
184
198
  // src/components/ListWrapper/ListWrapper.tsx
package/dist/components/index.d.mts CHANGED
@@ -26,8 +26,25 @@ declare const FormWrapper: ({ children, title, editMode }: FormWrapper) => react
26
26
  type LabelTextProps = {
27
27
  label: string;
28
28
  value: React.ReactNode;
29
+ gridSize?: {
30
+ labelSize: {
31
+ xs: number;
32
+ sm: number;
33
+ md: number;
34
+ };
35
+ valueSize: {
36
+ xs: number;
37
+ sm: number;
38
+ md: number;
39
+ };
40
+ };
41
+ containerSize?: {
42
+ xs: number;
43
+ sm: number;
44
+ md: number;
45
+ };
29
46
  };
30
- declare const LabelText: ({ label, value }: LabelTextProps) => react_jsx_runtime.JSX.Element;
47
+ declare const LabelText: ({ label, value, gridSize, containerSize, }: LabelTextProps) => react_jsx_runtime.JSX.Element;
31
48
 
32
49
  type ListWrapperProps = PropsWithChildren<{
33
50
  title: string;
package/dist/components/index.d.ts CHANGED
@@ -26,8 +26,25 @@ declare const FormWrapper: ({ children, title, editMode }: FormWrapper) => react
26
26
  type LabelTextProps = {
27
27
  label: string;
28
28
  value: React.ReactNode;
29
+ gridSize?: {
30
+ labelSize: {
31
+ xs: number;
32
+ sm: number;
33
+ md: number;
34
+ };
35
+ valueSize: {
36
+ xs: number;
37
+ sm: number;
38
+ md: number;
39
+ };
40
+ };
41
+ containerSize?: {
42
+ xs: number;
43
+ sm: number;
44
+ md: number;
45
+ };
29
46
  };
30
- declare const LabelText: ({ label, value }: LabelTextProps) => react_jsx_runtime.JSX.Element;
47
+ declare const LabelText: ({ label, value, gridSize, containerSize, }: LabelTextProps) => react_jsx_runtime.JSX.Element;
31
48
 
32
49
  type ListWrapperProps = PropsWithChildren<{
33
50
  title: string;
package/dist/components/index.js CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
 
8
8
 
9
- var _chunkFP2QMQOOjs = require('../chunk-FP2QMQOO.js');
9
+ var _chunk6NG256YGjs = require('../chunk-6NG256YG.js');
10
10
 
11
11
 
12
12
 
@@ -15,4 +15,4 @@ var _chunkFP2QMQOOjs = require('../chunk-FP2QMQOO.js');
15
15
 
16
16
 
17
17
 
18
- 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;
18
+ 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 CHANGED
@@ -6,7 +6,7 @@ import {
6
6
  LabelText_default,
7
7
  ListWrapper_default,
8
8
  SimpleToolbar_default
9
- } from "../chunk-DNYQFSTP.mjs";
9
+ } from "../chunk-JHOCLWGJ.mjs";
10
10
  export {
11
11
  ClearButton_default as ClearButton,
12
12
  FilterButton_default as FilterButton,
package/dist/index.js CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
 
8
8
 
9
- var _chunkFP2QMQOOjs = require('./chunk-FP2QMQOO.js');
9
+ var _chunk6NG256YGjs = require('./chunk-6NG256YG.js');
10
10
  require('./chunk-7M2VOCYN.js');
11
11
  require('./chunk-6BGQA4BQ.js');
12
12
 
@@ -43,4 +43,4 @@ var _chunk5UQNB4A7js = require('./chunk-5UQNB4A7.js');
43
43
 
44
44
 
45
45
 
46
- exports.ClearButton = _chunkFP2QMQOOjs.ClearButton_default; exports.Field = _chunkTRGH3WIBjs.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;
46
+ 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 CHANGED
@@ -6,7 +6,7 @@ import {
6
6
  LabelText_default,
7
7
  ListWrapper_default,
8
8
  SimpleToolbar_default
9
- } from "./chunk-DNYQFSTP.mjs";
9
+ } from "./chunk-JHOCLWGJ.mjs";
10
10
  import "./chunk-2JFL7TS5.mjs";
11
11
  import "./chunk-EVPUCTZA.mjs";
12
12
  import {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gnwebsoft/ui",
3
- "version": "2.18.13",
3
+ "version": "2.18.14",
4
4
  "description": "A set of reusable wrappers for MUI v6",
5
5
  "author": "GNWebsoft Private Limited",
6
6
  "license": "",