@equinor/apollo-components 3.2.0-beta.3 → 3.2.0-beta.4

package/dist/index.js

@@ -3546,7 +3546,12 @@ function addFormMeta(withoutFormMeta) {
 
 // src/form-cells/EditableCheckboxCell.tsx
 var import_jsx_runtime21 = require("react/jsx-runtime");
-function EditableCheckboxCell(context) {
+function EditableCheckboxCell(_a) {
+  var _b = _a, {
+    onChange: onChangeFromProps
+  } = _b, context = __objRest(_b, [
+    "onChange"
+  ]);
   const editMode = useEditMode();
   if (!editMode)
     return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
@@ -3563,9 +3568,21 @@ function EditableCheckboxCell(context) {
     import_react_hook_form2.Controller,
     {
       name: context.column.id,
-      render: (_a) => {
-        var { field: _b } = _a, _c = _b, { value } = _c, field = __objRest(_c, ["value"]);
-        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_eds_core_react20.Checkbox, __spreadValues({ enterKeyHint: "send", "aria-label": "editable", checked: value }, field));
+      render: (_a2) => {
+        var { field: _b2 } = _a2, _c = _b2, { value, onChange } = _c, field = __objRest(_c, ["value", "onChange"]);
+        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          import_eds_core_react20.Checkbox,
+          __spreadProps(__spreadValues({
+            enterKeyHint: "send",
+            "aria-label": "editable",
+            checked: value
+          }, field), {
+            onChange: (e) => {
+              onChange(e);
+              onChangeFromProps == null ? void 0 : onChangeFromProps(e.target.checked);
+            }
+          })
+        );
       }
     }
   );
@@ -3647,11 +3664,9 @@ function EditableDateCell(_a) {
             autoComplete: "none",
             value: value ? parseISODate(value) : "",
             onChange: (e) => {
-              onChange(e.target.value ? parseISODate(e.target.value) : "");
-              onChangeFromProps == null ? void 0 : onChangeFromProps(
-                e.target.value ? parseISODate(e.target.value) : "",
-                context.row.original
-              );
+              const newDateString = e.target.value ? parseISODate(e.target.value) : "";
+              onChange(newDateString);
+              onChangeFromProps == null ? void 0 : onChangeFromProps(newDateString);
             }
           }, getHelperTextProps({ error: errorFromProps != null ? errorFromProps : error })), field)
         );
@@ -3741,10 +3756,12 @@ function buildEmptyOption() {
 function EditableDropdownSingleCell(_a) {
   var _b = _a, {
     options,
-    error: errorFromProps
+    error: errorFromProps,
+    onChange: onChangeFromProps
   } = _b, context = __objRest(_b, [
     "options",
-    "error"
+    "error",
+    "onChange"
   ]);
   const editMode = useEditMode();
   if (!editMode)
@@ -3774,6 +3791,7 @@ function EditableDropdownSingleCell(_a) {
               onOptionsChange: (changes) => {
                 const [change] = changes.selectedItems;
                 onChange(change == null ? void 0 : change.value);
+                onChangeFromProps(change);
               }
             }, field)
           ),
@@ -3850,10 +3868,12 @@ var import_jsx_runtime27 = require("react/jsx-runtime");
 function EditableTextAreaCell(_a) {
   var _b = _a, {
     title,
-    error: errorFromProps
+    error: errorFromProps,
+    onChange: onChangeFromProps
   } = _b, context = __objRest(_b, [
     "title",
-    "error"
+    "error",
+    "onChange"
   ]);
   const [textareaValue, setTextareaValue] = (0, import_react9.useState)(context.getValue());
   const [open, setOpen] = (0, import_react9.useState)(false);
@@ -3898,6 +3918,7 @@ function EditableTextAreaCell(_a) {
               onClose: () => {
                 closeDialog();
                 onChange(textareaValue);
+                onChangeFromProps == null ? void 0 : onChangeFromProps(textareaValue);
               },
               isDismissable: true,
               style: { width: "min(50rem, calc(100vw - 4rem))" },
@@ -3927,6 +3948,7 @@ function EditableTextAreaCell(_a) {
                       onClick: () => {
                         closeDialog();
                         onChange(textareaValue);
+                        onChangeFromProps == null ? void 0 : onChangeFromProps(textareaValue);
                       },
                       children: "Submit"
                     }

package/dist/index.mjs

@@ -3509,7 +3509,12 @@ function addFormMeta(withoutFormMeta) {
 
 // src/form-cells/EditableCheckboxCell.tsx
 import { jsx as jsx21 } from "react/jsx-runtime";
-function EditableCheckboxCell(context) {
+function EditableCheckboxCell(_a) {
+  var _b = _a, {
+    onChange: onChangeFromProps
+  } = _b, context = __objRest(_b, [
+    "onChange"
+  ]);
   const editMode = useEditMode();
   if (!editMode)
     return /* @__PURE__ */ jsx21(
@@ -3526,9 +3531,21 @@ function EditableCheckboxCell(context) {
     Controller,
     {
       name: context.column.id,
-      render: (_a) => {
-        var { field: _b } = _a, _c = _b, { value } = _c, field = __objRest(_c, ["value"]);
-        return /* @__PURE__ */ jsx21(Checkbox4, __spreadValues({ enterKeyHint: "send", "aria-label": "editable", checked: value }, field));
+      render: (_a2) => {
+        var { field: _b2 } = _a2, _c = _b2, { value, onChange } = _c, field = __objRest(_c, ["value", "onChange"]);
+        return /* @__PURE__ */ jsx21(
+          Checkbox4,
+          __spreadProps(__spreadValues({
+            enterKeyHint: "send",
+            "aria-label": "editable",
+            checked: value
+          }, field), {
+            onChange: (e) => {
+              onChange(e);
+              onChangeFromProps == null ? void 0 : onChangeFromProps(e.target.checked);
+            }
+          })
+        );
       }
     }
   );
@@ -3610,11 +3627,9 @@ function EditableDateCell(_a) {
             autoComplete: "none",
             value: value ? parseISODate(value) : "",
             onChange: (e) => {
-              onChange(e.target.value ? parseISODate(e.target.value) : "");
-              onChangeFromProps == null ? void 0 : onChangeFromProps(
-                e.target.value ? parseISODate(e.target.value) : "",
-                context.row.original
-              );
+              const newDateString = e.target.value ? parseISODate(e.target.value) : "";
+              onChange(newDateString);
+              onChangeFromProps == null ? void 0 : onChangeFromProps(newDateString);
             }
           }, getHelperTextProps({ error: errorFromProps != null ? errorFromProps : error })), field)
         );
@@ -3704,10 +3719,12 @@ function buildEmptyOption() {
 function EditableDropdownSingleCell(_a) {
   var _b = _a, {
     options,
-    error: errorFromProps
+    error: errorFromProps,
+    onChange: onChangeFromProps
   } = _b, context = __objRest(_b, [
     "options",
-    "error"
+    "error",
+    "onChange"
   ]);
   const editMode = useEditMode();
   if (!editMode)
@@ -3737,6 +3754,7 @@ function EditableDropdownSingleCell(_a) {
               onOptionsChange: (changes) => {
                 const [change] = changes.selectedItems;
                 onChange(change == null ? void 0 : change.value);
+                onChangeFromProps(change);
               }
             }, field)
           ),
@@ -3813,10 +3831,12 @@ import { Fragment as Fragment7, jsx as jsx27, jsxs as jsxs14 } from "react/jsx-r
 function EditableTextAreaCell(_a) {
   var _b = _a, {
     title,
-    error: errorFromProps
+    error: errorFromProps,
+    onChange: onChangeFromProps
   } = _b, context = __objRest(_b, [
     "title",
-    "error"
+    "error",
+    "onChange"
   ]);
   const [textareaValue, setTextareaValue] = useState7(context.getValue());
   const [open, setOpen] = useState7(false);
@@ -3861,6 +3881,7 @@ function EditableTextAreaCell(_a) {
               onClose: () => {
                 closeDialog();
                 onChange(textareaValue);
+                onChangeFromProps == null ? void 0 : onChangeFromProps(textareaValue);
               },
               isDismissable: true,
               style: { width: "min(50rem, calc(100vw - 4rem))" },
@@ -3890,6 +3911,7 @@ function EditableTextAreaCell(_a) {
                       onClick: () => {
                         closeDialog();
                         onChange(textareaValue);
+                        onChangeFromProps == null ? void 0 : onChangeFromProps(textareaValue);
                       },
                       children: "Submit"
                     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/apollo-components",
-  "version": "3.2.0-beta.3",
+  "version": "3.2.0-beta.4",
   "license": "MIT",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",