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

package/dist/index.d.ts

@@ -247,7 +247,7 @@ declare function addFormMeta<T>(withoutFormMeta: T): T & FormMeta;
 
 declare function EditableCheckboxCell<T extends FormMeta>(context: CellContext<T, boolean>): JSX.Element;
 
-interface EditableDateCellProps<T extends FormMeta, Value> extends CellContext<T, Value> {
+interface EditableDateCellProps<T extends FormMeta> extends CellContext<T, string> {
     dateStringFormatter?: (date: string) => string;
     /**
      * FieldError object used to overwrite react-hook-form validation result. It is prioritized over
@@ -257,9 +257,9 @@ interface EditableDateCellProps<T extends FormMeta, Value> extends CellContext<T
     /**
      *
      */
-    onChange?: (value: Value, original: T) => void;
+    onChange?: (value: string, original: T) => void;
 }
-declare function EditableDateCell<T extends FormMeta, Value>({ dateStringFormatter, error: errorFromProps, ...context }: EditableDateCellProps<T, Value>): JSX.Element;
+declare function EditableDateCell<T extends FormMeta>({ dateStringFormatter, error: errorFromProps, onChange: onChangeFromProps, ...context }: EditableDateCellProps<T>): JSX.Element;
 
 interface Option {
     label: string;

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);
+            }
+          })
+        );
       }
     }
   );
@@ -3615,10 +3632,12 @@ var import_jsx_runtime23 = require("react/jsx-runtime");
 function EditableDateCell(_a) {
   var _b = _a, {
     dateStringFormatter,
-    error: errorFromProps
+    error: errorFromProps,
+    onChange: onChangeFromProps
   } = _b, context = __objRest(_b, [
     "dateStringFormatter",
-    "error"
+    "error",
+    "onChange"
   ]);
   const rawValue = context.getValue();
   const editMode = useEditMode();
@@ -3644,7 +3663,11 @@ function EditableDateCell(_a) {
             type: "date",
             autoComplete: "none",
             value: value ? parseISODate(value) : "",
-            onChange: (e) => onChange(e.target.value ? parseISODate(e.target.value) : "")
+            onChange: (e) => {
+              const newDateString = e.target.value ? parseISODate(e.target.value) : "";
+              onChange(newDateString);
+              onChangeFromProps == null ? void 0 : onChangeFromProps(newDateString);
+            }
           }, getHelperTextProps({ error: errorFromProps != null ? errorFromProps : error })), field)
         );
       }
@@ -3733,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)
@@ -3766,6 +3791,7 @@ function EditableDropdownSingleCell(_a) {
               onOptionsChange: (changes) => {
                 const [change] = changes.selectedItems;
                 onChange(change == null ? void 0 : change.value);
+                onChangeFromProps(change);
               }
             }, field)
           ),
@@ -3842,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);
@@ -3890,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))" },
@@ -3919,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);
+            }
+          })
+        );
       }
     }
   );
@@ -3578,10 +3595,12 @@ import { jsx as jsx23 } from "react/jsx-runtime";
 function EditableDateCell(_a) {
   var _b = _a, {
     dateStringFormatter,
-    error: errorFromProps
+    error: errorFromProps,
+    onChange: onChangeFromProps
   } = _b, context = __objRest(_b, [
     "dateStringFormatter",
-    "error"
+    "error",
+    "onChange"
   ]);
   const rawValue = context.getValue();
   const editMode = useEditMode();
@@ -3607,7 +3626,11 @@ function EditableDateCell(_a) {
             type: "date",
             autoComplete: "none",
             value: value ? parseISODate(value) : "",
-            onChange: (e) => onChange(e.target.value ? parseISODate(e.target.value) : "")
+            onChange: (e) => {
+              const newDateString = e.target.value ? parseISODate(e.target.value) : "";
+              onChange(newDateString);
+              onChangeFromProps == null ? void 0 : onChangeFromProps(newDateString);
+            }
           }, getHelperTextProps({ error: errorFromProps != null ? errorFromProps : error })), field)
         );
       }
@@ -3696,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)
@@ -3729,6 +3754,7 @@ function EditableDropdownSingleCell(_a) {
               onOptionsChange: (changes) => {
                 const [change] = changes.selectedItems;
                 onChange(change == null ? void 0 : change.value);
+                onChangeFromProps(change);
               }
             }, field)
           ),
@@ -3805,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);
@@ -3853,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))" },
@@ -3882,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.2",
+  "version": "3.2.0-beta.4",
   "license": "MIT",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",