npm - @equinor/apollo-components - Versions diffs - 3.7.3-beta.0 → 3.7.3-beta.1 - Mend

@equinor/apollo-components 3.7.3-beta.0 → 3.7.3-beta.1

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 (5) hide show

package/dist/index.d.mts CHANGED Viewed

@@ -362,8 +362,9 @@ interface EditableDropdownSingleCellProps<T extends FormMeta> extends Omit<Edita
      */
     options: Option[];
     onChange?: (value: Option) => void;
+    label?: string;
 }
-declare function EditableDropdownSingleCell<T extends FormMeta>({ options, error: errorFromProps, onChange: onChangeFromProps, ...context }: EditableDropdownSingleCellProps<T>): react_jsx_runtime.JSX.Element;
+declare function EditableDropdownSingleCell<T extends FormMeta>({ options, error: errorFromProps, onChange: onChangeFromProps, label, ...context }: EditableDropdownSingleCellProps<T>): react_jsx_runtime.JSX.Element;
 declare function EditableNumberCell<T extends FormMeta>({ error: errorFromProps, ...context }: EditableCellBaseProps<T, number>): react_jsx_runtime.JSX.Element;

package/dist/index.d.ts CHANGED Viewed

@@ -362,8 +362,9 @@ interface EditableDropdownSingleCellProps<T extends FormMeta> extends Omit<Edita
      */
     options: Option[];
     onChange?: (value: Option) => void;
+    label?: string;
 }
-declare function EditableDropdownSingleCell<T extends FormMeta>({ options, error: errorFromProps, onChange: onChangeFromProps, ...context }: EditableDropdownSingleCellProps<T>): react_jsx_runtime.JSX.Element;
+declare function EditableDropdownSingleCell<T extends FormMeta>({ options, error: errorFromProps, onChange: onChangeFromProps, label, ...context }: EditableDropdownSingleCellProps<T>): react_jsx_runtime.JSX.Element;
 declare function EditableNumberCell<T extends FormMeta>({ error: errorFromProps, ...context }: EditableCellBaseProps<T, number>): react_jsx_runtime.JSX.Element;

package/dist/index.js CHANGED Viewed

@@ -1514,18 +1514,17 @@ function HelperText({ helperText, variant, helperIcon }) {
 // src/form-cells/EditableDropdownSingleCell.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
-function buildEmptyOption() {
-  return { label: "", value: "" };
-}
 function EditableDropdownSingleCell(_a) {
   var _b = _a, {
     options,
     error: errorFromProps,
-    onChange: onChangeFromProps
+    onChange: onChangeFromProps,
+    label = ""
   } = _b, context = __objRest(_b, [
     "options",
     "error",
-    "onChange"
+    "onChange",
+    "label"
   ]);
   const editMode = useEditMode();
   if (!editMode) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TypographyCustom, { truncate: true, children: context.getValue() });
@@ -1535,18 +1534,17 @@ function EditableDropdownSingleCell(_a) {
       name: context.column.id,
       render: (_a2) => {
         var _b2 = _a2, { field: _c } = _b2, _d = _c, { value, onChange } = _d, field = __objRest(_d, ["value", "onChange"]), { fieldState: { error } } = _b2;
-        var _a3;
-        const selectedOption = (_a3 = options.find((option) => option.value === value)) != null ? _a3 : buildEmptyOption();
+        const selectedOption = options.find((option) => option.value === value);
         return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             import_eds_core_react24.Autocomplete,
             __spreadValues({
-              label: "",
-              selectedOptions: [selectedOption],
+              label,
+              selectedOptions: selectedOption ? [selectedOption] : [],
               options,
               optionLabel: (option) => {
-                var _a4;
-                return (_a4 = option == null ? void 0 : option.label) != null ? _a4 : "";
+                var _a3;
+                return (_a3 = option == null ? void 0 : option.label) != null ? _a3 : "";
               },
               "aria-required": true,
               hideClearButton: true,
@@ -1555,7 +1553,8 @@ function EditableDropdownSingleCell(_a) {
                 const [change] = changes.selectedItems;
                 onChange(change == null ? void 0 : change.value);
                 onChangeFromProps == null ? void 0 : onChangeFromProps(change);
-              }
+              },
+              clearSearchOnChange: true
             }, field)
           ),
           /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(HelperText, __spreadValues({}, getHelperTextProps({ error: errorFromProps != null ? errorFromProps : error })))

package/dist/index.mjs CHANGED Viewed

@@ -1447,18 +1447,17 @@ function HelperText({ helperText, variant, helperIcon }) {
 // src/form-cells/EditableDropdownSingleCell.tsx
 import { Fragment as Fragment5, jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
-function buildEmptyOption() {
-  return { label: "", value: "" };
-}
 function EditableDropdownSingleCell(_a) {
   var _b = _a, {
     options,
     error: errorFromProps,
-    onChange: onChangeFromProps
+    onChange: onChangeFromProps,
+    label = ""
   } = _b, context = __objRest(_b, [
     "options",
     "error",
-    "onChange"
+    "onChange",
+    "label"
   ]);
   const editMode = useEditMode();
   if (!editMode) return /* @__PURE__ */ jsx25(TypographyCustom, { truncate: true, children: context.getValue() });
@@ -1468,18 +1467,17 @@ function EditableDropdownSingleCell(_a) {
       name: context.column.id,
       render: (_a2) => {
         var _b2 = _a2, { field: _c } = _b2, _d = _c, { value, onChange } = _d, field = __objRest(_d, ["value", "onChange"]), { fieldState: { error } } = _b2;
-        var _a3;
-        const selectedOption = (_a3 = options.find((option) => option.value === value)) != null ? _a3 : buildEmptyOption();
+        const selectedOption = options.find((option) => option.value === value);
         return /* @__PURE__ */ jsxs13(Fragment5, { children: [
           /* @__PURE__ */ jsx25(
             Autocomplete,
             __spreadValues({
-              label: "",
-              selectedOptions: [selectedOption],
+              label,
+              selectedOptions: selectedOption ? [selectedOption] : [],
               options,
               optionLabel: (option) => {
-                var _a4;
-                return (_a4 = option == null ? void 0 : option.label) != null ? _a4 : "";
+                var _a3;
+                return (_a3 = option == null ? void 0 : option.label) != null ? _a3 : "";
               },
               "aria-required": true,
               hideClearButton: true,
@@ -1488,7 +1486,8 @@ function EditableDropdownSingleCell(_a) {
                 const [change] = changes.selectedItems;
                 onChange(change == null ? void 0 : change.value);
                 onChangeFromProps == null ? void 0 : onChangeFromProps(change);
-              }
+              },
+              clearSearchOnChange: true
             }, field)
           ),
           /* @__PURE__ */ jsx25(HelperText, __spreadValues({}, getHelperTextProps({ error: errorFromProps != null ? errorFromProps : error })))

package/package.json CHANGED Viewed

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