@scheels-softdev/kendoreact-generics 1.6.5 → 1.6.7

package/FilterCellDropdown.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GridFilterCellProps } from "@progress/kendo-react-grid";
 interface DropdownFilterCellProps<T> extends GridFilterCellProps {
     defaultItem?: any;
@@ -6,5 +5,5 @@ interface DropdownFilterCellProps<T> extends GridFilterCellProps {
     descriptionKeys: (keyof T)[];
     separator?: string;
 }
-export declare function FilterCellDropdown<T>(props: DropdownFilterCellProps<T>): JSX.Element;
+export declare function FilterCellDropdown<T>(props: DropdownFilterCellProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/GenericDropdown.d.ts

@@ -1,14 +1,15 @@
-/// <reference types="react" />
 export declare function GenericDropdown<T>({ data, // array of data objects
 selectedId, // id of the selected data object
 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, }: {
+disabled, // boolean to disable the dropdown
+idField, }: {
     data: T[];
     selectedId: number;
     changeEvent: Function;
     textFields: (keyof T)[];
     separator?: string;
+    idField?: keyof T;
     disabled?: boolean;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/GenericDropdown.js

@@ -15,8 +15,7 @@ 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
- }) {
-    //redux state
+idField, }) {
     //local state
     const pageSize = 8;
     const [dataList, setDataList] = useState(data.map((x) => {
@@ -66,5 +65,5 @@ disabled, // boolean to disable the dropdown
                 skip: state.skip,
             }, 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.id) }) })));
+            }, onChange: (e) => e.value && changeEvent(e), onBlur: (e) => e.nativeEvent.preventDefault(), value: dataList.find((item) => selectedId === item[idField || "id"]) }) })));
 }

package/MultiSelectDropdown.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare function MultiSelectDropdown<T>({ data, selectedData, field, selectEvent, title, }: {
     data: T[];
     selectedData: T[];
     field: keyof T;
     selectEvent: Function;
     title: string;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/Toolbar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type CommonProps = {
     id: number;
     isEditing?: boolean;
@@ -7,5 +6,5 @@ export declare function ToolbarButton<T extends CommonProps>({ item, data, setDa
     item: T;
     data: T[];
     setData: Function;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export {};

package/Toolbar.js

@@ -1,6 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 export function ToolbarButton({ item, data, setData }) {
-    return (_jsx("button", Object.assign({ title: "Add new", className: "k-button k-button-md k-rounded-md k-button-solid k-button-solid-primary", onClick: () => {
-            setData([Object.assign(Object.assign({}, item), { isEditing: true, id: 0 }), ...data]);
-        }, disabled: data.find((x) => x.isEditing) ? true : false }, { children: "Add Another" })));
+    return (_jsx("button", Object.assign({ title: "Add new", className: "k-button k-button-md k-rounded-md k-button-solid k-button-solid-primary", onClick: () => setData([Object.assign(Object.assign({}, item), { isEditing: true, id: 0 }), ...data]), disabled: data.find((x) => x.isEditing) ? true : false }, { children: "Add Another" })));
 }

package/commandCell/CommandCellCheckbox.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export declare function CommandCellCheckBox({ checked, functionToRunOnCheck, functionToRunOnUncheck, }: {
     checked: boolean;
     functionToRunOnCheck: Function;
     functionToRunOnUncheck: Function;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/commandCell/CommandCellDate.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { CommonProps, GridChangeEvent } from "../PropTypes";
 export declare function CommandCellDate<T extends CommonProps>({ dataItem, chgFn: changeFunction, field, }: {
     dataItem: T;
     chgFn: (e: GridChangeEvent) => void;
     field: keyof T;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/commandCell/CommandCellDropdown.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComboBoxChangeEvent } from "@progress/kendo-react-dropdowns";
 import { CommonProps } from "../PropTypes";
 export declare function CommandCellDropdown<T extends CommonProps>(props: {
@@ -9,4 +8,4 @@ export declare function CommandCellDropdown<T extends CommonProps>(props: {
     separator?: string;
     checkEditField?: boolean;
     isEditing?: boolean;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/commandCell/CommandCellPrice.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function CommandCellPrice({ cost }: {
     cost: number;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/commandCell/CommandCellSwitch.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { GridCellProps } from "@progress/kendo-react-grid";
 export declare function CommandCellSwitch({ props, changeFunction }: {
     props: GridCellProps;
     changeFunction: Function;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@scheels-softdev/kendoreact-generics",
-    "version": "1.6.5",
+    "version": "1.6.7",
     "main": "index.js",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",