@dmsi/wedgekit-react 0.0.561 → 0.0.562

package/dist/components/MobileDataGrid/index.js

@@ -1,6 +1,6 @@
 import {
   MobileDataGrid
-} from "../../chunk-LKFYNRJZ.js";
+} from "../../chunk-3JQPFWKR.js";
 import "../../chunk-CJ7V4X6B.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-7ZCXZDJD.js";
@@ -14,8 +14,8 @@ import "../../chunk-2IKT6IHB.js";
 import "../../chunk-RZ5EIDX4.js";
 import "../../chunk-AGHBLWDZ.js";
 import "../../chunk-5IFPG6TS.js";
-import "../../chunk-M4FM3B3R.js";
 import "../../chunk-AJ5M6MVX.js";
+import "../../chunk-M4FM3B3R.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-EWGHVZL5.js";
 import "../../chunk-I5BV7UPG.js";
@@ -32,6 +32,7 @@ import "../../chunk-EJOPJIRO.js";
 import "../../chunk-AG43RS4Q.js";
 import "../../chunk-QVWYTQKL.js";
 import "../../chunk-UAMI54FE.js";
+import "../../chunk-6MGHIYMP.js";
 import "../../chunk-75USUR3I.js";
 import "../../chunk-BWPNXY7T.js";
 import "../../chunk-DWKS5ZXG.js";

package/dist/components/index.cjs

@@ -91,7 +91,8 @@ __export(components_exports, {
   SimpleTable: () => SimpleTable,
   SkeletonParagraph: () => SkeletonParagraph,
   Subheader: () => Subheader,
-  Tooltip: () => Tooltip
+  Tooltip: () => Tooltip,
+  useTableEditingContext: () => useTableEditingContext
 });
 module.exports = __toCommonJS(components_exports);
 
@@ -8127,12 +8128,25 @@ function OrderCheckIcon(props) {
   );
 }
 
+// src/components/EditingContext.tsx
+var import_react38 = require("react");
+var import_jsx_runtime63 = require("react/jsx-runtime");
+var EditingContext = (0, import_react38.createContext)({
+  data: [],
+  setData: () => {
+  }
+});
+var useTableEditingContext = () => {
+  const context = (0, import_react38.useContext)(EditingContext);
+  return context;
+};
+
 // src/components/AccessCard.tsx
 var import_clsx41 = __toESM(require("clsx"), 1);
 
 // src/components/Radio.tsx
 var import_clsx40 = __toESM(require("clsx"), 1);
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var Radio = (_a) => {
   var _b = _a, {
     className,
@@ -8167,7 +8181,7 @@ var Radio = (_a) => {
   const readonlyClassName = (0, import_clsx40.default)(
     readOnly && "peer-read-only:bg-background-action-secondary-disabled peer-read-only:border-border-primary-normal peer-checked:border-0"
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
     "label",
     {
       htmlFor: radioId,
@@ -8179,8 +8193,8 @@ var Radio = (_a) => {
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "relative", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
             "input",
             __spreadValues({
               id: radioId,
@@ -8192,7 +8206,7 @@ var Radio = (_a) => {
               readOnly
             }, props)
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
             "div",
             {
               className: (0, import_clsx40.default)(
@@ -8203,7 +8217,7 @@ var Radio = (_a) => {
                 disabledClassName,
                 readonlyClassName
               ),
-              children: checked && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+              children: checked && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
                 RadioIcon,
                 {
                   className: (0, import_clsx40.default)(
@@ -8218,14 +8232,14 @@ var Radio = (_a) => {
             }
           )
         ] }),
-        label && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Paragraph, { id: radioId ? `${radioId}-label` : void 0, testid: testid ? `${testid}-label` : void 0, padded: true, color: paragraphColor, children: label })
+        label && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Paragraph, { id: radioId ? `${radioId}-label` : void 0, testid: testid ? `${testid}-label` : void 0, padded: true, color: paragraphColor, children: label })
       ]
     }
   );
 };
 Radio.displayName = "Radio";
 var RadioIcon = ({ className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
     "svg",
     {
       className,
@@ -8235,7 +8249,7 @@ var RadioIcon = ({ className }) => {
       viewBox: "0 0 24 24",
       fill: "none",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           "rect",
           {
             x: "1",
@@ -8247,7 +8261,7 @@ var RadioIcon = ({ className }) => {
             strokeWidth: "2"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("rect", { x: "4", y: "4", width: "16", height: "16", rx: "8", fill: "currentColor" })
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("rect", { x: "4", y: "4", width: "16", height: "16", rx: "8", fill: "currentColor" })
       ]
     }
   );
@@ -8255,7 +8269,7 @@ var RadioIcon = ({ className }) => {
 RadioIcon.displayName = "RadioIcon";
 
 // src/components/AccessCard.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function AccessCard(props) {
   const {
     title,
@@ -8268,8 +8282,8 @@ function AccessCard(props) {
     error,
     unavailable
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
       "div",
       {
         "data-testid": testid,
@@ -8289,7 +8303,7 @@ function AccessCard(props) {
           onClick == null ? void 0 : onClick();
         },
         children: [
-          status === "granted" && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+          status === "granted" && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
             Radio,
             {
               testid: testid ? `${testid}-radio` : void 0,
@@ -8302,11 +8316,11 @@ function AccessCard(props) {
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col gap-1 flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Subheader, { children: title }),
-            description && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Caption, { color: "text-primary-normal", children: description })
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col gap-1 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Subheader, { children: title }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Caption, { color: "text-primary-normal", children: description })
           ] }),
-          !defaultGranted && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+          !defaultGranted && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
             Icon,
             {
               name: status === "granted" ? "remove" : "add"
@@ -8315,14 +8329,14 @@ function AccessCard(props) {
         ]
       }
     ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Caption, { style: "error", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Caption, { style: "error", children: error })
   ] });
 }
 
 // src/components/AccessCardGroup.tsx
 var import_clsx42 = __toESM(require("clsx"), 1);
-var import_react38 = require("react");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_react39 = require("react");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function AccessCardGroup(props) {
   const {
     title,
@@ -8335,9 +8349,9 @@ function AccessCardGroup(props) {
     testid,
     unavailable
   } = props;
-  const [expand, setExpand] = (0, import_react38.useState)(expanded);
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { "data-testid": testid, className: "mb-mobile-layout-group-gap desktop:mb-desktop-layout-group-gap compact:mb-desktop-compact-layout-group-gap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+  const [expand, setExpand] = (0, import_react39.useState)(expanded);
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { "data-testid": testid, className: "mb-mobile-layout-group-gap desktop:mb-desktop-layout-group-gap compact:mb-desktop-compact-layout-group-gap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
       "div",
       {
         className: (0, import_clsx42.default)(
@@ -8354,7 +8368,7 @@ function AccessCardGroup(props) {
           onClick == null ? void 0 : onClick();
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
             Icon,
             {
               name: "keyboard_arrow_down",
@@ -8364,8 +8378,8 @@ function AccessCardGroup(props) {
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Subheader, { children: title }) }),
-          !hasDefault && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Subheader, { children: title }) }),
+          !hasDefault && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
             Icon,
             {
               name: status === "granted" ? "remove" : "add",
@@ -8378,14 +8392,14 @@ function AccessCardGroup(props) {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
       "div",
       {
         className: (0, import_clsx42.default)(
           "grid transition-all duration-300 ease-in-out",
           expand ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "overflow-hidden -m-[3px] p-[4px]", children })
+        children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "overflow-hidden -m-[3px] p-[4px]", children })
       }
     )
   ] });
@@ -8424,5 +8438,6 @@ function AccessCardGroup(props) {
   SimpleTable,
   SkeletonParagraph,
   Subheader,
-  Tooltip
+  Tooltip,
+  useTableEditingContext
 });

package/dist/components/index.js

@@ -2,7 +2,7 @@ import {
   DataGrid,
   DateInput,
   MobileDataGrid
-} from "../chunk-LKFYNRJZ.js";
+} from "../chunk-3JQPFWKR.js";
 import "../chunk-CJ7V4X6B.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-7ZCXZDJD.js";
@@ -20,8 +20,8 @@ import "../chunk-2IKT6IHB.js";
 import "../chunk-RZ5EIDX4.js";
 import "../chunk-AGHBLWDZ.js";
 import "../chunk-5IFPG6TS.js";
-import "../chunk-M4FM3B3R.js";
 import "../chunk-AJ5M6MVX.js";
+import "../chunk-M4FM3B3R.js";
 import "../chunk-AT4AWD6B.js";
 import "../chunk-EWGHVZL5.js";
 import {
@@ -52,6 +52,9 @@ import "../chunk-QVWYTQKL.js";
 import {
   ListGroup
 } from "../chunk-UAMI54FE.js";
+import {
+  useTableEditingContext
+} from "../chunk-6MGHIYMP.js";
 import {
   EmptyCartIcon
 } from "../chunk-75USUR3I.js";
@@ -156,5 +159,6 @@ export {
   SimpleTable,
   SkeletonParagraph,
   Subheader,
-  Tooltip
+  Tooltip,
+  useTableEditingContext
 };

package/package.json

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