@dmsi/wedgekit-react 0.0.1060 → 0.0.1062

package/dist/components/SimpleTable.cjs

@@ -393,7 +393,7 @@ var Stack = (_a) => {
       "data-testid": testid
     }, props), {
       style: __spreadValues({
-        height: height === "full" ? "100%" : height === void 0 ? void 0 : height === "fit" ? "fit-content" : `${height}px`,
+        height: height === "screen" ? "100vh" : height === "full" ? "100%" : height === void 0 ? void 0 : height === "fit" ? "fit-content" : typeof height === "string" && isNaN(+height) ? height : `${height}px`,
         maxHeight: maxHeight !== void 0 ? isNaN(+maxHeight) ? maxHeight : `${maxHeight}px` : (_a2 = props.style) == null ? void 0 : _a2.maxHeight,
         maxWidth: maxWidth !== void 0 ? isNaN(+maxWidth) ? maxWidth : `${maxWidth}px` : (_b2 = props.style) == null ? void 0 : _b2.maxWidth,
         minHeight: minHeight !== void 0 ? isNaN(+minHeight) ? minHeight : `${minHeight}px` : (_c = props.style) == null ? void 0 : _c.minHeight,

package/dist/components/SimpleTable.js

@@ -1,8 +1,8 @@
 import {
   SimpleTable
-} from "../chunk-I57U5THY.js";
+} from "../chunk-KWMG6SN2.js";
 import "../chunk-BYC6QID5.js";
-import "../chunk-BGBIXG5Y.js";
+import "../chunk-Z6XC4GUV.js";
 import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/Stack.cjs

@@ -341,7 +341,7 @@ var Stack = (_a) => {
       "data-testid": testid
     }, props), {
       style: __spreadValues({
-        height: height === "full" ? "100%" : height === void 0 ? void 0 : height === "fit" ? "fit-content" : `${height}px`,
+        height: height === "screen" ? "100vh" : height === "full" ? "100%" : height === void 0 ? void 0 : height === "fit" ? "fit-content" : typeof height === "string" && isNaN(+height) ? height : `${height}px`,
         maxHeight: maxHeight !== void 0 ? isNaN(+maxHeight) ? maxHeight : `${maxHeight}px` : (_a2 = props.style) == null ? void 0 : _a2.maxHeight,
         maxWidth: maxWidth !== void 0 ? isNaN(+maxWidth) ? maxWidth : `${maxWidth}px` : (_b2 = props.style) == null ? void 0 : _b2.maxWidth,
         minHeight: minHeight !== void 0 ? isNaN(+minHeight) ? minHeight : `${minHeight}px` : (_c = props.style) == null ? void 0 : _c.minHeight,

package/dist/components/Stack.js

@@ -1,6 +1,6 @@
 import {
   Stack
-} from "../chunk-BGBIXG5Y.js";
+} from "../chunk-Z6XC4GUV.js";
 import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/Swatch.cjs

@@ -395,7 +395,7 @@ var Stack = (_a) => {
       "data-testid": testid
     }, props), {
       style: __spreadValues({
-        height: height === "full" ? "100%" : height === void 0 ? void 0 : height === "fit" ? "fit-content" : `${height}px`,
+        height: height === "screen" ? "100vh" : height === "full" ? "100%" : height === void 0 ? void 0 : height === "fit" ? "fit-content" : typeof height === "string" && isNaN(+height) ? height : `${height}px`,
         maxHeight: maxHeight !== void 0 ? isNaN(+maxHeight) ? maxHeight : `${maxHeight}px` : (_a2 = props.style) == null ? void 0 : _a2.maxHeight,
         maxWidth: maxWidth !== void 0 ? isNaN(+maxWidth) ? maxWidth : `${maxWidth}px` : (_b2 = props.style) == null ? void 0 : _b2.maxWidth,
         minHeight: minHeight !== void 0 ? isNaN(+minHeight) ? minHeight : `${minHeight}px` : (_c = props.style) == null ? void 0 : _c.minHeight,

package/dist/components/Swatch.js

@@ -7,7 +7,7 @@ import {
 } from "../chunk-MXSJF6TW.js";
 import {
   Stack
-} from "../chunk-BGBIXG5Y.js";
+} from "../chunk-Z6XC4GUV.js";
 import {
   Paragraph
 } from "../chunk-WMPWWFUJ.js";

package/dist/components/Time.cjs

@@ -1058,7 +1058,7 @@ var Stack = (_a) => {
       "data-testid": testid
     }, props), {
       style: __spreadValues({
-        height: height === "full" ? "100%" : height === void 0 ? void 0 : height === "fit" ? "fit-content" : `${height}px`,
+        height: height === "screen" ? "100vh" : height === "full" ? "100%" : height === void 0 ? void 0 : height === "fit" ? "fit-content" : typeof height === "string" && isNaN(+height) ? height : `${height}px`,
         maxHeight: maxHeight !== void 0 ? isNaN(+maxHeight) ? maxHeight : `${maxHeight}px` : (_a2 = props.style) == null ? void 0 : _a2.maxHeight,
         maxWidth: maxWidth !== void 0 ? isNaN(+maxWidth) ? maxWidth : `${maxWidth}px` : (_b2 = props.style) == null ? void 0 : _b2.maxWidth,
         minHeight: minHeight !== void 0 ? isNaN(+minHeight) ? minHeight : `${minHeight}px` : (_c = props.style) == null ? void 0 : _c.minHeight,

package/dist/components/Time.js

@@ -9,7 +9,7 @@ import "../chunk-TBZ243DS.js";
 import "../chunk-5UH6QUFB.js";
 import {
   Stack
-} from "../chunk-BGBIXG5Y.js";
+} from "../chunk-Z6XC4GUV.js";
 import "../chunk-WMPWWFUJ.js";
 import {
   Icon

package/dist/components/Upload.cjs

@@ -626,7 +626,7 @@ var Stack = (_a) => {
       "data-testid": testid
     }, props), {
       style: __spreadValues({
-        height: height === "full" ? "100%" : height === void 0 ? void 0 : height === "fit" ? "fit-content" : `${height}px`,
+        height: height === "screen" ? "100vh" : height === "full" ? "100%" : height === void 0 ? void 0 : height === "fit" ? "fit-content" : typeof height === "string" && isNaN(+height) ? height : `${height}px`,
         maxHeight: maxHeight !== void 0 ? isNaN(+maxHeight) ? maxHeight : `${maxHeight}px` : (_a2 = props.style) == null ? void 0 : _a2.maxHeight,
         maxWidth: maxWidth !== void 0 ? isNaN(+maxWidth) ? maxWidth : `${maxWidth}px` : (_b2 = props.style) == null ? void 0 : _b2.maxWidth,
         minHeight: minHeight !== void 0 ? isNaN(+minHeight) ? minHeight : `${minHeight}px` : (_c = props.style) == null ? void 0 : _c.minHeight,

package/dist/components/Upload.js

@@ -6,7 +6,7 @@ import {
 } from "../chunk-SBRRNFOP.js";
 import {
   Stack
-} from "../chunk-BGBIXG5Y.js";
+} from "../chunk-Z6XC4GUV.js";
 import {
   Paragraph
 } from "../chunk-WMPWWFUJ.js";

package/dist/components/index.cjs

@@ -5803,7 +5803,7 @@ var Stack = (_a) => {
       "data-testid": testid
     }, props), {
       style: __spreadValues({
-        height: height === "full" ? "100%" : height === void 0 ? void 0 : height === "fit" ? "fit-content" : `${height}px`,
+        height: height === "screen" ? "100vh" : height === "full" ? "100%" : height === void 0 ? void 0 : height === "fit" ? "fit-content" : typeof height === "string" && isNaN(+height) ? height : `${height}px`,
         maxHeight: maxHeight !== void 0 ? isNaN(+maxHeight) ? maxHeight : `${maxHeight}px` : (_a2 = props.style) == null ? void 0 : _a2.maxHeight,
         maxWidth: maxWidth !== void 0 ? isNaN(+maxWidth) ? maxWidth : `${maxWidth}px` : (_b2 = props.style) == null ? void 0 : _b2.maxWidth,
         minHeight: minHeight !== void 0 ? isNaN(+minHeight) ? minHeight : `${minHeight}px` : (_c = props.style) == null ? void 0 : _c.minHeight,
@@ -7090,8 +7090,7 @@ function ColumnList(props) {
     "div",
     {
       className: (0, import_clsx32.default)(
-        "flex flex-col flex-1 relative overflow-y-auto overflow-x-hidden",
-        !!Footer && "mb-20"
+        "flex flex-col flex-1 relative overflow-y-auto overflow-x-hidden"
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
         "ul",
@@ -7099,7 +7098,7 @@ function ColumnList(props) {
           id,
           "data-testid": testid,
           className: (0, import_clsx32.default)(
-            "rounded absolute top-0 left-0 w-full flex-1",
+            "rounded rounded-b-0 absolute top-0 left-0 w-full flex-1",
             empty && "!rounded-t-none",
             "divide-y divide-border-primary-normal",
             withBorder && "border border-border-primary-normal"
@@ -7144,7 +7143,7 @@ function ColumnList(props) {
                 id2
               );
             }),
-            !!Footer && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "fixed left-0 right-0 bottom-0 flex flex-col w-full min-h-20", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Footer, __spreadValues({}, ctx)) })
+            !!Footer && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "fixed left-0 right-0 bottom-0 flex flex-col w-full min-h-20 list-footer", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Footer, __spreadValues({}, ctx)) })
           ]
         }
       )
@@ -7173,7 +7172,8 @@ function MobileDataGrid(props) {
     primaryKey,
     hideHeader,
     rowActions,
-    rounded
+    rounded,
+    isFramed = false
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
     GridContextProvider,
@@ -7190,7 +7190,7 @@ function MobileDataGrid(props) {
         /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
           Stack,
           {
-            height: "full",
+            height: isFramed ? "screen" : "full",
             rounded,
             overflowX: "hidden",
             overflowY: "hidden",

package/dist/components/index.css

@@ -692,9 +692,6 @@
   .mb-3 {
     margin-bottom: calc(var(--spacing) * 3);
   }
-  .mb-20 {
-    margin-bottom: calc(var(--spacing) * 20);
-  }
   .mb-mobile-container-padding {
     margin-bottom: var(--spacing-mobile-container-padding);
   }

package/dist/components/index.js

@@ -2,16 +2,16 @@ import {
   DataGrid,
   DateInput,
   MobileDataGrid
-} from "../chunk-CK7Y5LW3.js";
+} from "../chunk-FD2FKB5M.js";
 import "../chunk-M7INAUAJ.js";
-import "../chunk-2UNLVJU5.js";
-import "../chunk-POZD6R3P.js";
+import "../chunk-ICHD7DUS.js";
+import "../chunk-XPZY6KEI.js";
 import {
   SearchResultImage
 } from "../chunk-Y5GD2FJA.js";
 import {
   ProductImagePreview
-} from "../chunk-UMZQQ5CG.js";
+} from "../chunk-MYCQLHN3.js";
 import "../chunk-MBZ55T2D.js";
 import "../chunk-2IKT6IHB.js";
 import "../chunk-YCDDBSVU.js";
@@ -21,13 +21,13 @@ import {
   EmblaCarousel
 } from "../chunk-YULGJORA.js";
 import "../chunk-Z2HPSFEQ.js";
-import "../chunk-HDFO56DN.js";
-import "../chunk-MB6IRHTN.js";
+import "../chunk-XVEAH52M.js";
+import "../chunk-CEUOVWUC.js";
 import {
   useGridContext
 } from "../chunk-5IFPG6TS.js";
-import "../chunk-AJ5M6MVX.js";
 import "../chunk-HTICQWRA.js";
+import "../chunk-AJ5M6MVX.js";
 import "../chunk-7IPESTQS.js";
 import "../chunk-EWGHVZL5.js";
 import "../chunk-AT4AWD6B.js";
@@ -36,7 +36,7 @@ import {
 } from "../chunk-IEKZBWVL.js";
 import {
   SimpleTable
-} from "../chunk-I57U5THY.js";
+} from "../chunk-KWMG6SN2.js";
 import {
   SkeletonParagraph
 } from "../chunk-KBIEWFQS.js";
@@ -58,7 +58,7 @@ import "../chunk-E7LGUC2B.js";
 import "../chunk-QVWYTQKL.js";
 import {
   ListGroup
-} from "../chunk-3IAXYRUR.js";
+} from "../chunk-O2IR67XN.js";
 import {
   useTableEditingContext
 } from "../chunk-SJZNVG4N.js";
@@ -94,7 +94,7 @@ import {
 } from "../chunk-M7WHWZ2J.js";
 import {
   CompactImagesPreview
-} from "../chunk-FXHH2K6I.js";
+} from "../chunk-K5JKKVEZ.js";
 import "../chunk-ZRFXUER3.js";
 import "../chunk-WVGXD7HT.js";
 import "../chunk-VXWSAIB5.js";
@@ -113,19 +113,19 @@ import {
 } from "../chunk-BYC6QID5.js";
 import {
   Accordion
-} from "../chunk-2GOXX2IT.js";
+} from "../chunk-IB2LSMTM.js";
 import {
   Card
 } from "../chunk-F4VE3THQ.js";
 import {
   Alert
-} from "../chunk-6FZNEFN3.js";
+} from "../chunk-HZEZHYUY.js";
 import "../chunk-MXSJF6TW.js";
 import {
   Button
 } from "../chunk-ZMTHWJ7F.js";
 import "../chunk-SBRRNFOP.js";
-import "../chunk-BGBIXG5Y.js";
+import "../chunk-Z6XC4GUV.js";
 import {
   Paragraph
 } from "../chunk-WMPWWFUJ.js";

package/dist/index.css

@@ -670,9 +670,6 @@
   .mb-3 {
     margin-bottom: calc(var(--spacing) * 3);
   }
-  .mb-20 {
-    margin-bottom: calc(var(--spacing) * 20);
-  }
   .mb-mobile-container-padding {
     margin-bottom: var(--spacing-mobile-container-padding);
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dmsi/wedgekit-react",
   "private": false,
-  "version": "0.0.1060",
+  "version": "0.0.1062",
   "type": "module",
   "scripts": {
     "build": "tsup",