@scheels-softdev/kendoreact-generics 2.8.11 → 2.8.13

package/GenericDropdown.d.ts

@@ -1,14 +1,4 @@
 import { CSSProperties } from "react";
-import { ComboBoxChangeEvent } from "@progress/kendo-react-dropdowns";
-/**
- * Handles the change event of a dropdown.
- *
- * @param {ComboBoxChangeEvent} e - The change event object.
- * @param {(value: T) => void} setFunction - The function to set the value.
- * @param {T} nullEventValue - The value to set when the event value is null.
- * @param {string} valueKey - The key to access the value in the event object.
- */
-export declare function handleDropdownChange<T>(e: ComboBoxChangeEvent, setFunction: (value: T) => void, nullEventValue: T, valueKey?: string): void;
 /**
  * JSX Component for displaying items in a virtualized combobox
  * @template T - The type of the data objects in the dropdown.

package/GenericDropdown.js

@@ -3,19 +3,6 @@ import { ComboBox } from "@progress/kendo-react-dropdowns";
 import { filterBy } from "@progress/kendo-data-query";
 import { useEffect, useRef, useState } from "react";
 import { Guard } from "@scheels-softdev/frontend-utility-functions";
-/**
- * Handles the change event of a dropdown.
- *
- * @param {ComboBoxChangeEvent} e - The change event object.
- * @param {(value: T) => void} setFunction - The function to set the value.
- * @param {T} nullEventValue - The value to set when the event value is null.
- * @param {string} valueKey - The key to access the value in the event object.
- */
-export function handleDropdownChange(e, setFunction, nullEventValue, valueKey) {
-    Guard.Catch.NullEmptyOrWhitespace(e.target.value)
-        ? setFunction(nullEventValue)
-        : setFunction(Guard.Catch.NullEmptyOrWhitespace(valueKey) ? e.target.value : e.target.value[valueKey !== null && valueKey !== void 0 ? valueKey : ""]);
-}
 export function GenericDropdown({ data, selectedId, selectedData, onChange, textField, disabled, idField, title, hideClearButton, style, isLoading, suggest, }) {
     //local state
     const pageSize = 8;
@@ -23,7 +10,7 @@ export function GenericDropdown({ data, selectedId, selectedData, onChange, text
         throw new Error("You cannot provide both selectedData and selectedId to GenericDropdown.");
     }
     //useState
-    const [selectedObject, setSelectedObject] = useState(null);
+    const [selectedObject, setSelectedObject] = useState(undefined);
     const [state, setState] = useState({
         skip: 0,
         total: data.length,
@@ -32,9 +19,13 @@ export function GenericDropdown({ data, selectedId, selectedData, onChange, text
     //trigger functions
     useEffect(() => {
         var _a, _b;
-        setSelectedObject(selectedId
-            ? (_a = data.find((item) => selectedId === item[idField || "id"])) !== null && _a !== void 0 ? _a : null
-            : (_b = data.find((x) => Guard.Ensure.EqualObjects(Object.assign(Object.assign({}, x), selectedData), Object.assign({}, (x !== null && x !== void 0 ? x : {}))))) !== null && _b !== void 0 ? _b : null);
+        if (!selectedId && !selectedData)
+            setSelectedObject(undefined);
+        else {
+            setSelectedObject(selectedId
+                ? (_a = data.find((item) => selectedId === item[idField || "id"])) !== null && _a !== void 0 ? _a : undefined
+                : (_b = data.find((x) => Guard.Ensure.EqualObjects(Object.assign(Object.assign({}, x), selectedData), Object.assign({}, (x !== null && x !== void 0 ? x : {}))))) !== null && _b !== void 0 ? _b : undefined);
+        }
     }, [selectedId, selectedData, data]);
     useEffect(() => {
         setState({
@@ -74,5 +65,5 @@ export function GenericDropdown({ data, selectedId, selectedData, onChange, text
                 skip: state.skip,
             }, suggest: suggest, onPageChange: pageChange, filterable: true, onFilterChange: onFilterChange, popupSettings: {
                 height: "210px",
-            }, onChange: (e) => handleDropdownChange(e, onChange(e), {}, idField === null || idField === void 0 ? void 0 : idField.toString()), onBlur: (e) => e.nativeEvent.preventDefault(), clearButton: !hideClearButton, value: selectedObject }) })));
+            }, onChange: (e) => onChange(e), onBlur: (e) => e.nativeEvent.preventDefault(), clearButton: !hideClearButton, value: selectedObject !== null && selectedObject !== void 0 ? selectedObject : undefined }) })));
 }

package/commandCell/CommandCellCheckbox.d.ts

@@ -2,9 +2,9 @@ export declare function CommandCellCheckBox({ checked, onCheck, onUncheck, disab
     /** Boolean value indicating whether the checkbox is checked (`true`) or unchecked (`false`). */
     checked: boolean;
     /** Callback function to be called when the checkbox is checked. */
-    onCheck: Function;
+    onCheck: () => void;
     /** Callback function to be called when the checkbox is unchecked. */
-    onUncheck: Function;
+    onUncheck: () => void;
     /** Boolean value indicating whether the checkbox is disabled. */
     disabled?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/commandCell/CommandCellDropdown.d.ts

@@ -1,4 +1,3 @@
-import { ComboBoxChangeEvent } from "@progress/kendo-react-dropdowns";
 export declare function CommandCellDropdown<T>(props: {
     /** The data array for the dropdown options. */
     data: T[];
@@ -7,7 +6,7 @@ export declare function CommandCellDropdown<T>(props: {
     /** The field names to use for text values in the dropdown. */
     textField: keyof T;
     /** Callback function to be called when the selected value changes. */
-    onChange: (e: ComboBoxChangeEvent) => void;
+    onChange: () => void;
     /** Optional separator to use for concatenating text values. */
     separator?: string;
     /** Determines if the edit field should be checked. */

package/index.d.ts

@@ -1,7 +1,6 @@
 export { CommandCellCheckBox } from "./commandCell/CommandCellCheckbox";
 export { CommandCellDate } from "./commandCell/CommandCellDate";
 export { CommandCellDropdown } from "./commandCell/CommandCellDropdown";
-export { CommandCellDDWithoutId } from "./commandCell/CommandCellDDWithoutId";
 export { CommandCellPrice } from "./commandCell/CommandCellPrice";
 export { CommandCellSwitch } from "./commandCell/CommandCellSwitch";
 export { FilterCellDropdown } from "./FilterCellDropdown";

package/index.js

@@ -1,7 +1,6 @@
 export { CommandCellCheckBox } from "./commandCell/CommandCellCheckbox";
 export { CommandCellDate } from "./commandCell/CommandCellDate";
 export { CommandCellDropdown } from "./commandCell/CommandCellDropdown";
-export { CommandCellDDWithoutId } from "./commandCell/CommandCellDDWithoutId";
 export { CommandCellPrice } from "./commandCell/CommandCellPrice";
 export { CommandCellSwitch } from "./commandCell/CommandCellSwitch";
 export { FilterCellDropdown } from "./FilterCellDropdown";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@scheels-softdev/kendoreact-generics",
-    "version": "2.8.11",
+    "version": "2.8.13",
     "main": "index.js",
     "scripts": {
         "test": "jest",

package/commandCell/CommandCellDDWithoutId.d.ts

@@ -1,19 +0,0 @@
-import { ComboBoxChangeEvent } from "@progress/kendo-react-dropdowns";
-export declare function CommandCellDDWithoutId<T>(props: {
-    /** The data array for the dropdown options. */
-    data: T[];
-    /** The currently selected data item. */
-    selectedData: T;
-    /** The field names to use for text values in the dropdown. */
-    textField: keyof T;
-    /** Callback function to be called when the selected value changes. */
-    onChange: (e: ComboBoxChangeEvent) => void;
-    /** Optional separator to use for concatenating text values. */
-    separator?: string;
-    /** Determines if the edit field should be checked. */
-    checkEditField?: boolean;
-    /** Determines if the cell is in an editing state. */
-    isEditing?: boolean;
-    /** Determines if the clear button should be displayed in the dropdown. */
-    showClearButton?: boolean;
-}): import("react/jsx-runtime").JSX.Element;

package/commandCell/CommandCellDDWithoutId.js

@@ -1,9 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { GenericDropdown } from "../GenericDropdown";
-export function CommandCellDDWithoutId(props) {
-    // Function implementation...
-    return (_jsx("td", { children: props.checkEditField && !props.isEditing ? (_jsx(_Fragment, {}) //TODO remove this from Marketing display
-        ) : (
-        // If "props.checkEditField" is false or "props.isEditing" is true, render the GenericDropdownWithSearch component with the "props" passed to it
-        _jsx(GenericDropdown, Object.assign({}, props))) }));
-}