@scheels-softdev/kendoreact-generics 2.0.3 → 2.1.0

package/GenericDropdown.d.ts

@@ -1,12 +1,14 @@
 export declare function GenericDropdown<T>({ data, // array of data objects
 selectedId, // id of the selected data object
+selectedObject, //if there is no identity key in the object and you need to compare the entire object, use this instead of selectedId
 changeEvent, // function to call when the selected value changes
 textFields, // array of field names to use for text values
 separator, // optional separator to use for concatenating text values
 disabled, // boolean to disable the dropdown
 idField, title, }: {
     data: T[];
-    selectedId: number;
+    selectedId?: number;
+    selectedObject?: T;
     changeEvent: Function;
     textFields: (keyof T)[];
     separator?: string;

package/GenericDropdown.js

@@ -6,11 +6,21 @@ import { getTextValue } from "./Utility";
 // component that renders a dropdown with a search filter
 export function GenericDropdown({ data, // array of data objects
 selectedId, // id of the selected data object
+selectedObject, //if there is no identity key in the object and you need to compare the entire object, use this instead of selectedId
 changeEvent, // function to call when the selected value changes
 textFields, // array of field names to use for text values
 separator, // optional separator to use for concatenating text values
 disabled, // boolean to disable the dropdown
 idField, title, }) {
+    if (selectedId !== undefined && selectedObject !== undefined) {
+        throw new Error("You cannot provide both selectedObject and selectedId to GenericDropdown.");
+    }
+    if (selectedId === undefined && selectedObject === undefined) {
+        throw new Error("You must provide either selectedId or selectedObject to GenericDropdown.");
+    }
+    if (idField !== undefined && selectedObject !== undefined) {
+        console.warn("idField is not necessary if you are using selectedObject instead of selectedId. Doing so may result in something funky");
+    }
     //local state
     const pageSize = 8;
     const [dataList, setDataList] = useState(data.map((x) => {
@@ -58,5 +68,5 @@ idField, title, }) {
                 skip: state.skip,
             }, suggest: true, onPageChange: pageChange, filterable: true, onFilterChange: onFilterChange, popupSettings: {
                 height: "210px",
-            }, onChange: (e) => e.value && changeEvent(e), onBlur: (e) => e.nativeEvent.preventDefault(), value: dataList.find((item) => selectedId === item[idField || "id"]) }) })));
+            }, onChange: (e) => e.value && changeEvent(e), onBlur: (e) => e.nativeEvent.preventDefault(), value: selectedId ? dataList.find((item) => selectedId === item[idField || "id"]) : dataList.find((x) => x === selectedObject) }) })));
 }

package/README.md

@@ -20,6 +20,8 @@ Note: This package has only been tested with typescript. if you're using javascr
 -   [MultiSelect Dropdown](#multiselect-dropdown)
 -   [Filter Cell Dropdown](#filter-cell-dropdown)
 -   [Command Cell Dropdown](#command-cell-dropdown)
+-   [Command Cell Date](#command-cell-date)
+-   [Command Cell Checkbox](#command-cell-checkbox)
 
 ---
 

package/commandCell/CommandCellDDWithoutId.d.ts

@@ -0,0 +1,11 @@
+import { ComboBoxChangeEvent } from "@progress/kendo-react-dropdowns";
+import { CommonProps } from "../PropTypes";
+export declare function CommandCellDDWithoutId<T extends CommonProps>(props: {
+    data: T[];
+    selectedData: T;
+    textFields: (keyof T)[];
+    changeEvent: (e: ComboBoxChangeEvent) => void;
+    separator?: string;
+    checkEditField?: boolean;
+    isEditing?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/commandCell/CommandCellDDWithoutId.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GenericDropdown } from "../GenericDropdown";
+export function CommandCellDDWithoutId(props) {
+    return (_jsx("td", { children: props.checkEditField && !props.isEditing ? (props.textFields.map((x) => props.data.find((y) => y === props.selectedData)[x]).join(props.separator || " ")) : (
+        // 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))) }));
+}

package/index.d.ts

@@ -1,6 +1,7 @@
 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,6 +1,7 @@
 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.0.3",
+    "version": "2.1.0",
     "main": "index.js",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",