@kwiz/fluentui 1.0.153 → 1.0.155

package/dist/controls/combobox.d.ts

@@ -0,0 +1,12 @@
+import { ComboboxProps } from "@fluentui/react-components";
+interface iProps extends Omit<ComboboxProps, "selectedOptions" | "onChange" | "onOptionSelect" | "children"> {
+    items: {
+        key: string;
+        text: string;
+    }[];
+    value: string;
+    onChange: (value: string) => void;
+    freeFormPrefix?: string;
+}
+export declare function ComboboxEX(props: iProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/controls/combobox.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Combobox, Option } from "@fluentui/react-components";
+import { firstOrNull, isNotEmptyString } from "@kwiz/common";
+import { useMemo } from "react";
+const freeFormKey = "$freeform";
+//** a controlled single select combo box that allows custom text typing */
+export function ComboboxEX(props) {
+    const { items, value, onChange, freeFormPrefix } = props;
+    const selectedOption = useMemo(() => firstOrNull(items, i => i.key === value), [items, value]);
+    const text = (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.text) || value;
+    return _jsxs(Combobox, Object.assign({}, props, { value: text, selectedOptions: isNotEmptyString(value) ? [selectedOption ? selectedOption.key : freeFormKey] : [], onChange: (e) => {
+            console.log(e.currentTarget.value);
+            onChange(e.currentTarget.value);
+        }, onOptionSelect: (e, data) => {
+            if (isNotEmptyString(data.optionValue)) {
+                console.log(data.optionValue);
+                onChange(data.optionValue);
+            }
+        }, children: [!selectedOption && _jsx(Option, { children: `${freeFormPrefix}${value}` }, freeFormKey), items.map(o => _jsx(Option, { value: o.key, children: o.text }, o.key))] }));
+}
+//# sourceMappingURL=combobox.js.map

package/dist/controls/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.js","sourceRoot":"","sources":["../../src/controls/combobox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAShC,MAAM,WAAW,GAAG,WAAW,CAAC;AAEhC,2EAA2E;AAC3E,MAAM,UAAU,UAAU,CAAC,KAAa;IACpC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEzD,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAE/F,MAAM,IAAI,GAAG,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,KAAI,KAAK,CAAC;IAE3C,OAAO,MAAC,QAAQ,oBAAK,KAAK,IACtB,KAAK,EAAE,IAAI,EACX,eAAe,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,EACnG,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACZ,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACnC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC,EACD,cAAc,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE;YACxB,IAAI,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC;gBACrC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBAC9B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAC/B,CAAC;QACL,CAAC,aACA,CAAC,cAAc,IAAI,KAAC,MAAM,cAAoB,GAAG,cAAc,GAAG,KAAK,EAAE,IAAzC,WAAW,CAAwC,EACnF,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAC,MAAM,IAAa,KAAK,EAAE,CAAC,CAAC,GAAG,YAAG,CAAC,CAAC,IAAI,IAA5B,CAAC,CAAC,GAAG,CAAiC,CAAC,KAC7D,CAAC;AAChB,CAAC"}

package/dist/controls/field.d.ts

@@ -0,0 +1,11 @@
+import { FieldProps } from "@fluentui/react-components";
+interface iProps<ValueType> extends FieldProps {
+    /** return non empty string if value is not valid */
+    validation?: () => string;
+    formKey?: string;
+    required?: boolean;
+    /** sendIn */
+    value?: ValueType;
+}
+export declare function FormFieldEX<ValueType>(props: iProps<ValueType>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/controls/field.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Field } from "@fluentui/react-components";
+import { isNotEmptyString, isNullOrEmptyArray, isNullOrEmptyString, isNullOrUndefined, stringEqualsOrEmpty } from "@kwiz/common";
+import { useCallback, useEffect, useState } from "react";
+import { useFormValidationContext } from "./form-context";
+export function FormFieldEX(props) {
+    const { validation, formKey, required, value } = props;
+    const validate_internal = useCallback(() => {
+        //calc if value is valid
+        let error = validation
+            ? validation()
+            : "";
+        if (isNullOrEmptyString(error) && required) {
+            if ((Array.isArray(value) ? isNullOrEmptyArray(value) : isNullOrEmptyString(value)))
+                error = "Missing required value";
+        }
+        return error;
+    }, [validation, required, value]);
+    const [error, setError] = useState(validate_internal());
+    useEffect(() => {
+        const newError = validate_internal();
+        if (!stringEqualsOrEmpty(newError, error))
+            setError(newError);
+    }, [validate_internal, value, error]);
+    const formContext = useFormValidationContext();
+    useEffect(() => {
+        if (!isNullOrUndefined(formContext === null || formContext === void 0 ? void 0 : formContext.setError)) {
+            formContext.setError(error, formKey);
+        }
+    }, [formContext, error, formKey]);
+    return _jsx(Field, Object.assign({}, props, { validationMessage: formContext.showErrors ? error : undefined, validationState: formContext.showErrors && isNotEmptyString(error) ? "error" : "none", children: props.children }));
+}
+//# sourceMappingURL=field.js.map

package/dist/controls/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sourceRoot":"","sources":["../../src/controls/field.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAc,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACjI,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAY1D,MAAM,UAAU,WAAW,CAAY,KAAwB;IAC3D,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAEvD,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,wBAAwB;QACxB,IAAI,KAAK,GAAG,UAAU;YAClB,CAAC,CAAC,UAAU,EAAE;YACd,CAAC,CAAC,EAAE,CAAC;QACT,IAAI,mBAAmB,CAAC,KAAK,CAAC,IAAI,QAAQ,EAAE,CAAC;YACzC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;gBAC/E,KAAK,GAAG,wBAAwB,CAAC;QACzC,CAAC;QACD,OAAO,KAAK,CAAC;IACjB,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAElC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,QAAQ,GAAG,iBAAiB,EAAE,CAAC;QACrC,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC;YACrC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,iBAAiB,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtC,MAAM,WAAW,GAAG,wBAAwB,EAAE,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,iBAAiB,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,CAAC,EAAE,CAAC;YAC5C,WAAW,CAAC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QACzC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,OAAO,KAAC,KAAK,oBAAK,KAAK,IACnB,iBAAiB,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,eAAe,EAAE,WAAW,CAAC,UAAU,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,YACnJ,KAAK,CAAC,QAAQ,IACX,CAAC;AACb,CAAC"}

package/dist/controls/form-context.d.ts

@@ -0,0 +1,20 @@
+import { IDictionary } from "@kwiz/common";
+import React, { ReactNode } from "react";
+/** do not add to index - this is to be used in FormDialogEX
+ * we should create anotehr wrapper for forms that do not need a dialog (toolbar? save/cancel action?)
+ */
+interface iFormValidationContext {
+    errors?: IDictionary<string>;
+    setError?: (error: string, key?: string) => void;
+    showErrors?: boolean;
+}
+export declare const FormValidationContext: React.Context<iFormValidationContext>;
+/** fields inside a FormEX component can react to validation errors */
+export declare function useFormValidationContext(): iFormValidationContext;
+/** Creates a form validation context, reports back if form is valid so you can enable/disable the save button */
+export declare function Internal_FormEX({ children, onValid, submitError }: {
+    children: ReactNode;
+    onValid?: (isValid: boolean) => void;
+    submitError?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/controls/form-context.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MessageBar } from "@fluentui/react-components";
+import { isNotEmptyString, isNullOrEmptyString, jsonClone, stringEqualsOrEmpty } from "@kwiz/common";
+import React, { useCallback, useEffect, useState } from "react";
+//create context
+export const FormValidationContext = React.createContext({});
+/** fields inside a FormEX component can react to validation errors */
+export function useFormValidationContext() {
+    const ctx = React.useContext(FormValidationContext);
+    return ctx;
+}
+/** Creates a form validation context, reports back if form is valid so you can enable/disable the save button */
+export function Internal_FormEX({ children, onValid, submitError }) {
+    const [showErrors, setShowErrors] = useState(false);
+    const [errors, setErrors] = useState({});
+    useEffect(() => {
+        let valid = true;
+        Object.values(errors).forEach(value => {
+            if (isNotEmptyString(value))
+                valid = false;
+        });
+        onValid === null || onValid === void 0 ? void 0 : onValid(valid);
+    }, [errors, onValid]);
+    const setError = useCallback((error, key) => {
+        //clear form errors on any other field change...
+        let clearFormError = isNotEmptyString(key);
+        key = isNullOrEmptyString(key) ? "form" : key;
+        //current error
+        const currentError = errors[key];
+        if (!stringEqualsOrEmpty(currentError, error)) {
+            clearFormError = clearFormError && isNullOrEmptyString(error);
+            const newErrors = jsonClone(errors);
+            if (clearFormError)
+                delete newErrors.form;
+            newErrors[key] = error;
+            //report back to a form errors collection
+            setErrors(newErrors);
+        }
+    }, [errors]);
+    useEffect(() => {
+        if (!showErrors && isNotEmptyString(submitError))
+            setShowErrors(true);
+    }, [submitError, showErrors]);
+    return _jsxs(FormValidationContext.Provider, { value: {
+            errors,
+            setError,
+            showErrors
+        }, children: [isNotEmptyString(submitError) && _jsx(MessageBar, { intent: "error", children: submitError }), isNotEmptyString(errors.form) && _jsx(MessageBar, { intent: "error", children: errors.form }), children] });
+}
+//# sourceMappingURL=form-context.js.map

package/dist/controls/form-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-context.js","sourceRoot":"","sources":["../../src/controls/form-context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAe,gBAAgB,EAAE,mBAAmB,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAClH,OAAO,KAAK,EAAE,EAAa,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAa3E,gBAAgB;AAChB,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAyB,EAAE,CAAC,CAAC;AACrF,sEAAsE;AACtE,MAAM,UAAU,wBAAwB;IACpC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACpD,OAAO,GAAG,CAAC;AACf,CAAC;AAED,iHAAiH;AACjH,MAAM,UAAU,eAAe,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAI/D;IACG,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,KAAK,GAAG,IAAI,CAAC;QACjB,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YAClC,IAAI,gBAAgB,CAAC,KAAK,CAAC;gBACvB,KAAK,GAAG,KAAK,CAAC;QACtB,CAAC,CAAC,CAAC;QACH,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtB,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,GAAY,EAAE,EAAE;QACzD,gDAAgD;QAChD,IAAI,cAAc,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC;QAC3C,GAAG,GAAG,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC;QAC9C,eAAe;QACf,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QACjC,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;YAC5C,cAAc,GAAG,cAAc,IAAI,mBAAmB,CAAC,KAAK,CAAC,CAAC;YAC9D,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;YACpC,IAAI,cAAc;gBACd,OAAO,SAAS,CAAC,IAAI,CAAC;YAC1B,SAAS,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;YACvB,yCAAyC;YACzC,SAAS,CAAC,SAAS,CAAC,CAAC;QACzB,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,UAAU,IAAI,gBAAgB,CAAC,WAAW,CAAC;YAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAC1E,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAE9B,OAAO,MAAC,qBAAqB,CAAC,QAAQ,IAClC,KAAK,EAAE;YACH,MAAM;YACN,QAAQ;YACR,UAAU;SACb,aACA,gBAAgB,CAAC,WAAW,CAAC,IAAI,KAAC,UAAU,IAAC,MAAM,EAAC,OAAO,YAAE,WAAW,GAAc,EACtF,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,KAAC,UAAU,IAAC,MAAM,EAAC,OAAO,YAAE,MAAM,CAAC,IAAI,GAAc,EACtF,QAAQ,IACoB,CAAC;AACtC,CAAC"}

package/dist/controls/form.d.ts

@@ -0,0 +1,29 @@
+/** T would be some sort of FormData {
+ *      field:type1
+ * }
+ * > Make sure K is a key in FormData
+ * > Make sure the value type of that field value is type1 T[K]
+ * read more: https://stackoverflow.com/questions/68304361/how-to-define-an-array-of-generic-objects-in-typescript-each-item-having-a-diff
+} */
+type FormField<FormData> = {
+    [FieldName in keyof FormData]: {
+        required?: boolean;
+        label?: string;
+        hint?: string;
+        key: FieldName;
+        validation?: (value: FormData[FieldName], values: FormData) => string;
+        /** should not be an uncontrolled control */
+        fieldControl: (value: FormData[FieldName], setValue: (value: FormData[FieldName]) => void) => JSX.Element;
+    };
+}[keyof FormData & string];
+export declare function FormDialogEX<FormData>({ defaultValues, fields, buttonIcon, buttonTitle, dialogTitle, onSubmit, onClose }: {
+    defaultValues: FormData;
+    fields: FormField<FormData>[];
+    buttonIcon?: JSX.Element;
+    buttonTitle?: string;
+    dialogTitle: string;
+    /** called if form fields are all valid */
+    onSubmit: (values: FormData) => Promise<string>;
+    onClose?: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/controls/form.js

@@ -0,0 +1,58 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { MessageBar } from "@fluentui/react-components";
+import { CommonConfig, isNotEmptyString, isNullOrUndefined, jsonClone } from "@kwiz/common";
+import { useCallback, useState } from "react";
+import { ButtonEXPrimarySubtle } from "./button";
+import { FormFieldEX } from "./field";
+import { Internal_FormEX } from "./form-context";
+import { PleaseWait } from "./please-wait";
+import { Prompter } from "./prompt";
+import { Vertical } from "./vertical";
+export function FormDialogEX({ defaultValues, fields, buttonIcon, buttonTitle, dialogTitle, onSubmit, onClose }) {
+    const addButton = !isNullOrUndefined(buttonIcon) || isNotEmptyString(buttonTitle);
+    const [inProgress, setInProgress] = useState(false);
+    const [show, setShow] = useState(false);
+    const [valid, setValid] = useState(false);
+    const [submitError, setSubmitError] = useState("");
+    const [values, setValues] = useState(defaultValues);
+    const clearForm = useCallback(() => {
+        setValid(false);
+        setSubmitError("");
+        setValues(jsonClone(defaultValues));
+    }, [defaultValues]);
+    return _jsxs(_Fragment, { children: [addButton && _jsx(ButtonEXPrimarySubtle, { icon: buttonIcon, title: buttonTitle, onClick: () => { clearForm(); setShow(true); } }), (show || !addButton) && _jsx(Prompter, { title: dialogTitle, onCancel: () => {
+                    setShow(false);
+                    onClose === null || onClose === void 0 ? void 0 : onClose();
+                }, okButtonProps: { disabled: !valid }, onOK: () => __awaiter(this, void 0, void 0, function* () {
+                    if (valid) {
+                        setInProgress(true);
+                        let serverError = "";
+                        try {
+                            serverError = yield onSubmit(values);
+                        }
+                        catch (e) {
+                            console.log(e);
+                            serverError = "Unknown server error";
+                        }
+                        if (isNotEmptyString(serverError)) {
+                            setSubmitError(serverError);
+                        }
+                        else {
+                            setShow(false);
+                        }
+                        setInProgress(false);
+                    }
+                }), children: _jsxs(Vertical, { children: [inProgress && _jsx(PleaseWait, {}), _jsx(Internal_FormEX, { submitError: submitError, onValid: isValid => setValid(isValid), children: fields.map(field => _jsxs(FormFieldEX, { label: field.label, hint: field.hint, formKey: field.key, required: field.required, value: values[field.key], validation: field.validation ? () => {
+                                    return field.validation(values[field.key], values);
+                                } : undefined, children: [isNullOrUndefined(values[field.key]) && CommonConfig.i.IsLocalDev && _jsx(MessageBar, { layout: "multiline", intent: "warning", children: "This should be a controlled element, value should never be null or your control might get out of sync." }), field.fieldControl(values[field.key], newValue => setValues(Object.assign(Object.assign({}, values), { [field.key]: newValue })))] }, field.key)) })] }) })] });
+}
+//# sourceMappingURL=form.js.map

package/dist/controls/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/controls/form.tsx"],"names":[],"mappings":"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"}

package/dist/controls/index.d.ts

@@ -6,15 +6,18 @@ export * from './card-list';
 export * from './centered';
 export * from './code-editor';
 export * from './ColorPickerDialog';
+export * from './combobox';
 export * from './date';
 export * from './diagram-picker';
 export * from './divider';
 export * from './drawer-ex';
 export * from './dropdown';
 export * from './error-boundary';
+export * from './field';
 export * from './field-editor';
 export * from './field-set';
 export * from './file-upload';
+export * from './form';
 export * from './horizontal';
 export * from './html-editor';
 export * from './input';
@@ -33,6 +36,7 @@ export * from './search';
 export * from './section';
 export * from './stack';
 export * from './svg';
+export * from './table';
 export * from './tabs';
 export * from './tag-ex';
 export * from './toolbar';

package/dist/controls/index.js

@@ -6,15 +6,18 @@ export * from './card-list';
 export * from './centered';
 export * from './code-editor';
 export * from './ColorPickerDialog';
+export * from './combobox';
 export * from './date';
 export * from './diagram-picker';
 export * from './divider';
 export * from './drawer-ex';
 export * from './dropdown';
 export * from './error-boundary';
+export * from './field';
 export * from './field-editor';
 export * from './field-set';
 export * from './file-upload';
+export * from './form';
 export * from './horizontal';
 export * from './html-editor';
 export * from './input';
@@ -33,6 +36,7 @@ export * from './search';
 export * from './section';
 export * from './stack';
 export * from './svg';
+export * from './table';
 export * from './tabs';
 export * from './tag-ex';
 export * from './toolbar';

package/dist/controls/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC"}

package/dist/controls/table.d.ts

@@ -0,0 +1,54 @@
+import { IDictionary, primitiveTypes } from "@kwiz/common";
+import { ReactNode } from "react";
+import { iMenuItemEX } from "./menu";
+type expandedColType = {
+    /** key used for getting the column value, and for sorting/filtering */
+    key: string;
+    renderer?: string | (() => ReactNode);
+    headerCss?: string[];
+    css?: string[];
+    nowrap?: boolean;
+    sortable?: boolean;
+    /** should match the type of primitiveValue or tableItemValueType */
+    filter?: "string" | "bool" | "number" | "date";
+    primary?: boolean;
+};
+type colType = string | expandedColType;
+export type tableItemExpandedValueType = {
+    /** pass in any object you can access in your actions */
+    raw?: object;
+    /** if your renderer does not return a simple string, use this to provide a sort/filter value */
+    primitiveValue?: primitiveTypes;
+    renderer?: string | (() => ReactNode);
+    media?: JSX.Element;
+    description?: string;
+};
+export type tableItemValueType = primitiveTypes | tableItemExpandedValueType;
+type itemTypeBase = IDictionary<tableItemValueType>;
+interface iPropsBase<ItemType extends itemTypeBase> {
+    columns: colType[];
+    /** item is a dictionary. Values are primitives, or tableItemExpandedValueType */
+    items: ItemType[];
+    css?: string[];
+    rowCss?: string[];
+    getItemMenu?: (item: ItemType, index: number) => iMenuItemEX[];
+    selectionMode?: "single" | "multiselect";
+    selection?: number[];
+    onSelectionChange?: (selected: number[]) => void;
+}
+interface iPropsUnfreezed<ItemType extends itemTypeBase> extends iPropsBase<ItemType> {
+    maxHeight: never;
+}
+interface iPropsFreezed<ItemType extends itemTypeBase> extends iPropsBase<ItemType> {
+    stickyTop?: true;
+    stickyLeft?: true | 1 | 2;
+    /** default: small - keep 40px of first cell visible. medium=80px cover=none */
+    stickyLeftGap?: "small" | "medium" | "cover";
+    /** if you want to have sticky header, with internal scroll - you must pass a max-height, for example:
+     * 100% or calc(100vh - 16px)
+     */
+    maxHeight?: string;
+}
+type iProps<ItemType extends itemTypeBase> = iPropsUnfreezed<ItemType> | iPropsFreezed<ItemType>;
+export declare function TableEX<ItemType extends itemTypeBase>(props: iProps<ItemType>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/controls/table.js

@@ -0,0 +1,316 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createTableColumn, makeStyles, Table, TableBody, TableCell, TableCellActions, TableCellLayout, TableHeader, TableHeaderCell, TableRow, TableSelectionCell, tokens, useArrowNavigationGroup, useTableFeatures, useTableSelection, useTableSort } from "@fluentui/react-components";
+import { CheckboxCheckedRegular, CheckboxUncheckedRegular, ChevronCircleLeftFilled, ChevronCircleLeftRegular, ChevronCircleRightFilled, ChevronCircleRightRegular, EqualCircleFilled, EqualCircleRegular, FilterDismissRegular, FilterFilled, FilterRegular, MoreVerticalRegular } from "@fluentui/react-icons";
+import { dateFormat, firstOrNull, isBoolean, isDate, isFunction, isNotEmptyString, isNullOrEmptyString, isNullOrNaN, isNullOrUndefined, isNumber, isPrimitiveValue, isString, stopEvent } from "@kwiz/common";
+import { useMemo, useState } from "react";
+import { mergeClassesEX } from "../styles/styles";
+import { ButtonEX } from "./button";
+import { DatePickerEx } from "./date";
+import { Horizontal } from "./horizontal";
+import { InputEx, InputNumberEx } from "./input";
+import { MenuEx } from "./menu";
+const cssNames = {
+    showOnHover: "show-hover",
+    sortIcon: "sort-icon",
+    selectableTable: "selectable-table"
+};
+const selectionCellWidth = 32;
+const backgroundFix = {
+    backgroundColor: tokens.colorNeutralBackground1,
+    ":hover": {
+        color: tokens.colorNeutralForeground1Hover,
+        backgroundColor: tokens.colorSubtleBackgroundHover
+    }
+};
+const useStyles = makeStyles({
+    stickySelectionCell: Object.assign({ position: "sticky", left: 0, top: 0, zIndex: 30 }, backgroundFix),
+    stickySelectionHeaderCell: {
+        zIndex: 40
+    },
+    singleSelect: {
+        '&>*': { visibility: "hidden" }
+    },
+    firstCell: Object.assign(Object.assign({ position: "sticky", left: 0, zIndex: 10 }, backgroundFix), { [`&.${cssNames.selectableTable}`]: {
+            left: `${selectionCellWidth}px`
+        } }),
+    secondCellCover: Object.assign(Object.assign({ position: "sticky", left: '0', zIndex: 10, maxWidth: '200px' }, backgroundFix), { [`&.${cssNames.selectableTable}`]: {
+            left: `${selectionCellWidth}px`
+        } }),
+    secondCellSmall: Object.assign(Object.assign({ position: "sticky", left: '40px', zIndex: 10, maxWidth: '200px' }, backgroundFix), { [`&.${cssNames.selectableTable}`]: {
+            left: `${selectionCellWidth + 40}px`
+        } }),
+    secondCellMedium: Object.assign(Object.assign({ position: "sticky", left: '80px', zIndex: 10, maxWidth: '200px' }, backgroundFix), { [`&.${cssNames.selectableTable}`]: {
+            left: `${selectionCellWidth + 80}px`
+        } }),
+    th: Object.assign(Object.assign({ position: "sticky", top: 0, zIndex: 20, whiteSpace: "nowrap" }, backgroundFix), { '::after': {
+            content: '""',
+            position: "absolute",
+            backgroundColor: tokens.colorNeutralStroke1,
+            height: "1px",
+            left: 0, right: 0, bottom: 0
+        } }),
+    stickyColumnCell: {
+        '::after': {
+            content: '""',
+            position: "absolute",
+            backgroundColor: tokens.colorNeutralStroke1,
+            width: "1px",
+            top: 0, right: 0, bottom: 0
+        }
+    },
+    stickyColumnCellPre: {
+        '::before': {
+            content: '""',
+            position: "absolute",
+            backgroundColor: tokens.colorNeutralStroke2,
+            width: "1px",
+            top: 0, left: 0, bottom: 0
+        }
+    },
+    first2TH: {
+        zIndex: 30
+    },
+    table: {
+        tableLayout: "auto"
+    },
+    nowrap: {
+        whiteSpace: "nowrap"
+    },
+    //remove menu cell, rowmenu, repurpose for filter on hover
+    hoverParent: {
+        [`& .${cssNames.showOnHover}`]: {
+            visibility: "hidden",
+        },
+        [`:hover .${cssNames.showOnHover}`]: {
+            visibility: "visible"
+        }
+    }
+});
+export function TableEX(props) {
+    const { items, columns, getItemMenu, selectionMode, onSelectionChange, selection } = props;
+    const css = useStyles();
+    const fProps = props;
+    const freezed = fProps.stickyTop || fProps.stickyLeft || isString(props.maxHeight);
+    const keyboardNavAttr = useArrowNavigationGroup({ axis: "grid" });
+    const normalizedCols = useMemo(() => columns.map(c => isString(c) ? {
+        key: c,
+        renderer: c,
+        sortable: true,
+    } : Object.assign(Object.assign({}, c), { renderer: c.renderer || c.key })), [columns]);
+    // #region Styles
+    const secondCellClass = fProps.stickyLeftGap === "cover" ? css.secondCellCover : fProps.stickyLeftGap === "medium" ? css.secondCellMedium : css.secondCellSmall;
+    const headerCellClasses = fProps.stickyTop ? [css.th, css.hoverParent] : [css.hoverParent];
+    const firstHeaderCellClasses = headerCellClasses.slice();
+    const secondHeaderCellClasses = headerCellClasses.slice();
+    const firstCellClasses = fProps.stickyLeft ? [css.firstCell] : [];
+    const secondCellClasses = fProps.stickyLeft === 2 ? [secondCellClass] : [];
+    const selectionCellHeaderClasses = [css.stickySelectionHeaderCell];
+    const selectionCellClasses = [];
+    if (fProps.stickyLeft) {
+        firstHeaderCellClasses.splice(0, 0, css.firstCell);
+        firstHeaderCellClasses.push(css.first2TH);
+        if (fProps.stickyLeft === 2) {
+            secondHeaderCellClasses.splice(0, 0, secondCellClass);
+            secondHeaderCellClasses.push(css.first2TH);
+            secondCellClasses.push(css.stickyColumnCell);
+            secondCellClasses.push(css.stickyColumnCellPre);
+        }
+        else
+            firstCellClasses.push(css.stickyColumnCell);
+    }
+    if (isNotEmptyString(selectionMode)) {
+        selectionCellClasses.push(css.stickySelectionCell);
+        if (selectionMode === "single")
+            selectionCellHeaderClasses.push(css.singleSelect);
+        firstCellClasses.push(cssNames.selectableTable);
+        secondCellClasses.push(cssNames.selectableTable);
+        firstHeaderCellClasses.push(cssNames.selectableTable);
+        secondHeaderCellClasses.push(cssNames.selectableTable);
+    }
+    // #endregion
+    const menuIndex = isNullOrUndefined(getItemMenu) ? -1 : fProps.stickyLeft === 2 ? 1 : 0;
+    function normalizeColValue(colValue) {
+        const normalizedColValue = isPrimitiveValue(colValue)
+            ? {
+                primitiveValue: colValue, renderer: isNumber(colValue)
+                    ? colValue.toString(10)
+                    : isDate(colValue)
+                        ? colValue.toDateString()
+                        : isBoolean(colValue)
+                            ? () => (colValue
+                                ? _jsx(CheckboxCheckedRegular, {})
+                                : _jsx(CheckboxUncheckedRegular, {}))
+                            : colValue
+            }
+            : colValue;
+        return normalizedColValue;
+    }
+    function toPrimitiveValue(colValue) {
+        if (isPrimitiveValue(colValue))
+            return colValue;
+        else if (!isNullOrUndefined(colValue.primitiveValue))
+            return colValue.primitiveValue;
+        else if (isString(colValue.renderer))
+            return colValue.renderer;
+        else
+            return null;
+    }
+    // #region Filter
+    const [filter, setFilter] = useState();
+    const [filterop, setFilterop] = useState("eq");
+    const filteredItems = useMemo(() => {
+        if (!filter)
+            return items;
+        const filterCol = firstOrNull(normalizedCols, c => c.key === filter.column);
+        if (!(filterCol === null || filterCol === void 0 ? void 0 : filterCol.filter))
+            return items;
+        switch (filterCol.filter) {
+            case "string": {
+                const fValue = filter.value.toLowerCase();
+                return items.filter(i => {
+                    const v = toPrimitiveValue(i[filterCol.key]);
+                    if (isNotEmptyString(v))
+                        return v.toLowerCase().includes(fValue);
+                    else
+                        return false;
+                });
+            }
+            case "bool": {
+                const fValue = filter.value === true;
+                return items.filter(i => {
+                    const v = toPrimitiveValue(i[filterCol.key]);
+                    if (fValue)
+                        return v === true;
+                    else
+                        return v !== true; //false/null as false
+                });
+            }
+            case "number": {
+                const fValue = filter.value;
+                return items.filter(i => {
+                    const v = toPrimitiveValue(i[filterCol.key]);
+                    if (isNullOrNaN(v))
+                        return false;
+                    if (filterop === "gt")
+                        return v >= fValue;
+                    else if (filterop === "lt")
+                        return v <= fValue;
+                    else
+                        return v === fValue;
+                });
+            }
+            case "date": {
+                const fValue = dateFormat(filter.value, "yyyyMMdd");
+                return items.filter(i => {
+                    const v = toPrimitiveValue(i[filterCol.key]);
+                    if (!isDate(v))
+                        return false;
+                    const vFormat = dateFormat(v, "yyyyMMdd");
+                    if (filterop === "gt")
+                        return vFormat >= fValue;
+                    else if (filterop === "lt")
+                        return vFormat <= fValue;
+                    else
+                        return vFormat === fValue;
+                });
+            }
+        }
+    }, [items, filter, normalizedCols, filterop]);
+    const filterMenuItemOperator = useMemo(() => ({
+        title: "Op", onClick: () => { },
+        as: _jsxs(Horizontal, { hSpaced: true, children: [_jsx(ButtonEX, { icon: filterop === "lt" ? _jsx(ChevronCircleLeftFilled, {}) : _jsx(ChevronCircleLeftRegular, {}), title: "Less than", onClick: () => setFilterop("lt") }), _jsx(ButtonEX, { icon: filterop === "eq" ? _jsx(EqualCircleFilled, {}) : _jsx(EqualCircleRegular, {}), title: "Equals", onClick: () => setFilterop("eq") }), _jsx(ButtonEX, { icon: filterop === "gt" ? _jsx(ChevronCircleRightFilled, {}) : _jsx(ChevronCircleRightRegular, {}), title: "Greater than", onClick: () => setFilterop("gt") })] })
+    }), [filterop]);
+    // #endregion
+    // #region Sort and Select
+    const table_columns = useMemo(() => normalizedCols.map(col => createTableColumn({
+        columnId: col.key,
+        compare: (a, b) => {
+            const var1 = toPrimitiveValue(a[col.key]);
+            const var2 = toPrimitiveValue(b[col.key]);
+            if (isNullOrUndefined(var1) && isNullOrUndefined(var2))
+                return 0;
+            else if (isNullOrUndefined(var1))
+                return -1;
+            else if (isNullOrUndefined(var2))
+                return 1;
+            const var1x = isDate(var1) ? var1.getTime() : isBoolean(var1) ? var1 ? 1 : 0 : var1;
+            const var2x = isDate(var2) ? var2.getTime() : isBoolean(var2) ? var2 ? 1 : 0 : var2;
+            //both not null and must be same value type
+            return isString(var1x)
+                ? var1x.localeCompare(var2)
+                : var1x - var2x;
+        }
+    })), [normalizedCols]);
+    const table_features = useTableFeatures({ columns: table_columns, items: filteredItems }, [
+        useTableSort({
+            defaultSortState: { sortColumn: normalizedCols[0].key, sortDirection: "ascending" }
+        }),
+        useTableSelection({
+            selectionMode,
+            selectedItems: selection,
+            onSelectionChange: (e, data) => {
+                onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange([...data.selectedItems]);
+            }
+        })
+    ]);
+    const headerSortProps = (columnId) => ({
+        onClick: (e) => {
+            table_features.sort.toggleColumnSort(e, columnId);
+        },
+        sortDirection: table_features.sort.getSortDirection(columnId),
+    });
+    const rows = table_features.sort.sort(table_features.getRows());
+    // #endregion
+    const tbl = _jsxs(Table, Object.assign({ className: mergeClassesEX(css.table, props.css) }, keyboardNavAttr, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [isNotEmptyString(selectionMode) && _jsx(TableSelectionCell, { type: "checkbox", className: mergeClassesEX(selectionCellClasses, selectionCellHeaderClasses), checked: table_features.selection.allRowsSelected ? true : table_features.selection.someRowsSelected ? "mixed" : false, onClick: selectionMode === "multiselect"
+                                ? table_features.selection.toggleAllRows : undefined, onKeyDown: selectionMode === "multiselect"
+                                ? (e) => {
+                                    if (e.key === " ") {
+                                        stopEvent(e);
+                                        table_features.selection.toggleAllRows(e);
+                                    }
+                                } : undefined }), normalizedCols.map((col, coli) => _jsxs(TableHeaderCell, Object.assign({ className: mergeClassesEX((coli === 0 ? firstHeaderCellClasses : coli === 1 ? secondHeaderCellClasses : headerCellClasses), col.headerCss, col.nowrap ? css.nowrap : undefined) }, (col.sortable ? headerSortProps(col.key) : {}), { children: [isString(col.renderer) ? col.renderer : col.renderer(), col.filter
+                                    //stop event to stop triggering sort...
+                                    ? _jsx("div", { onClick: (e) => stopEvent(e), children: _jsx(MenuEx, { trigger: {
+                                                icon: col.key === (filter === null || filter === void 0 ? void 0 : filter.column) ? _jsx(FilterFilled, {}) : _jsx(FilterRegular, {}),
+                                                title: "Filtering", className: col.key === (filter === null || filter === void 0 ? void 0 : filter.column) ? '' : cssNames.showOnHover
+                                            }, items: [...(col.filter === "string"
+                                                    ? [
+                                                        { title: "Filter text", onClick: () => { }, as: _jsx(InputEx, { value: (filter === null || filter === void 0 ? void 0 : filter.value) || "", onChange: (e, data) => setFilter(isNullOrEmptyString(data.value) ? null : { column: col.key, value: data.value }) }) },
+                                                    ]
+                                                    : col.filter === "number"
+                                                        ? [
+                                                            { title: "Filter number", onClick: () => { }, as: _jsx(InputNumberEx, { defaultValue: filter === null || filter === void 0 ? void 0 : filter.value, onChange: (num) => setFilter(isNullOrNaN(num) ? null : { column: col.key, value: num }) }) },
+                                                            filterMenuItemOperator
+                                                        ]
+                                                        : col.filter === "bool"
+                                                            ? [
+                                                                { title: "On", icon: _jsx(CheckboxCheckedRegular, {}), onClick: () => setFilter({ column: col.key, value: true }) },
+                                                                { title: "Off", icon: _jsx(CheckboxUncheckedRegular, {}), onClick: () => setFilter({ column: col.key, value: false }) }
+                                                            ]
+                                                            : col.filter === "date"
+                                                                ? [
+                                                                    {
+                                                                        title: "Filter date", onClick: () => { }, as: _jsx(DatePickerEx, { value: filter === null || filter === void 0 ? void 0 : filter.value, onDateChange: date => {
+                                                                                console.log(date);
+                                                                                setFilter(!isDate(date) ? null : { column: col.key, value: date });
+                                                                            } })
+                                                                    },
+                                                                    filterMenuItemOperator
+                                                                ]
+                                                                : []),
+                                                { title: "Clear filter", icon: _jsx(FilterDismissRegular, {}), onClick: () => { stopEvent(window.event); setFilter(null); } },
+                                            ] }) })
+                                    : undefined] }), `h${coli}`))] }) }), _jsx(TableBody, { children: rows.map((row, rowi) => _jsxs(TableRow, { className: mergeClassesEX(props.rowCss), onClick: (e) => table_features.selection.toggleRow(e, row.rowId), onKeyDown: (e) => {
+                        if (e.key === " ") {
+                            stopEvent(e);
+                            table_features.selection.toggleRow(e, row.rowId);
+                        }
+                    }, children: [isNotEmptyString(selectionMode) && _jsx(TableSelectionCell, { className: mergeClassesEX(selectionCellClasses), checked: table_features.selection.isRowSelected(row.rowId), type: selectionMode === "single" ? "radio" : "checkbox", radioIndicator: { "aria-label": "Select row" } }), normalizedCols.map((col, coli) => {
+                            const normalizedColValue = normalizeColValue(row.item[col.key]);
+                            return _jsxs(TableCell, { tabIndex: 0, role: "gridcell", className: mergeClassesEX((coli === 0 ? firstCellClasses : coli === 1 ? secondCellClasses : []), col.css, col.nowrap ? css.nowrap : undefined), children: [_jsx(TableCellLayout, { media: normalizedColValue.media, appearance: col.primary ? "primary" : undefined, description: normalizedColValue.description, children: isFunction(normalizedColValue.renderer) ? normalizedColValue.renderer() : normalizedColValue.renderer }), menuIndex === coli && _jsx(TableCellActions, { children: _jsx(MenuEx, { trigger: { icon: _jsx(MoreVerticalRegular, {}), title: "more" }, items: getItemMenu(row.item, rowi) }) })] }, `h${coli}`);
+                        })] }, `i${rowi}`)) })] }));
+    return freezed
+        ? _jsx("div", { style: { maxHeight: fProps.maxHeight, overflow: "auto" }, children: tbl })
+        : tbl;
+}
+//# sourceMappingURL=table.js.map

package/dist/controls/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/controls/table.tsx"],"names":[],"mappings":"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"}

package/dist/helpers/index.d.ts

@@ -6,5 +6,6 @@ export * from './hooks-events';
 export * from './use-alerts';
 export * from './use-editable-control';
 export * from './use-highlight';
+export * from './use-reload';
 export * from './use-theme';
 export * from './use-toast';

package/dist/helpers/index.js

@@ -6,6 +6,7 @@ export * from './hooks-events';
 export * from './use-alerts';
 export * from './use-editable-control';
 export * from './use-highlight';
+export * from './use-reload';
 export * from './use-theme';
 export * from './use-toast';
 //# sourceMappingURL=index.js.map

package/dist/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}

package/dist/helpers/use-reload.d.ts

@@ -0,0 +1,8 @@
+export interface iUseReload {
+    /** marker to set as dependency */
+    key: number;
+    /** call to reload */
+    reload: () => void;
+}
+/** a simple reload marker, can be used as a dependency, and called as a function */
+export declare function useReload(): iUseReload;

package/dist/helpers/use-reload.js

@@ -0,0 +1,9 @@
+import { debounce } from "@kwiz/common";
+import { useCallback, useState } from "react";
+/** a simple reload marker, can be used as a dependency, and called as a function */
+export function useReload() {
+    const [key, setReload] = useState(1);
+    const reload = useCallback(() => debounce(() => { setReload(key + 1); }, 100), [key]);
+    return { key, reload };
+}
+//# sourceMappingURL=use-reload.js.map

package/dist/helpers/use-reload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-reload.js","sourceRoot":"","sources":["../../src/helpers/use-reload.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQ9C,oFAAoF;AACpF,MAAM,UAAU,SAAS;IACrB,MAAM,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACrC,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACtF,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;AAC3B,CAAC"}

package/dist/styles/styles.d.ts

@@ -39,3 +39,5 @@ export declare const commonSizes: {
     /** 820 */
     extraWidthWide: number;
 };
+/** calls mergeClasses handle string[] that might have multi class (split by space) elements */
+export declare function mergeClassesEX(...css: (string | string[])[]): string;

package/dist/styles/styles.js

@@ -1,4 +1,5 @@
-import { buttonClassNames, makeStyles, tokens } from "@fluentui/react-components";
+import { buttonClassNames, makeStyles, mergeClasses, tokens } from "@fluentui/react-components";
+import { filterEmptyEntries, isNotEmptyArray, isNotEmptyString } from "@kwiz/common";
 export const KnownClassNames = {
     print: 'print-root',
     printHide: 'print-hide',
@@ -122,4 +123,14 @@ export const commonSizes = {
     /** 820 */
     extraWidthWide: 820,
 };
+/** calls mergeClasses handle string[] that might have multi class (split by space) elements */
+export function mergeClassesEX(...css) {
+    const combined = filterEmptyEntries((css || []).flatMap(c => isNotEmptyArray(c)
+        ? c.flatMap(c2 => isNotEmptyString(c2)
+            ? c2.split(" ") : [])
+        : isNotEmptyString(c)
+            ? c.split(" ")
+            : []));
+    return mergeClasses(...combined);
+}
 //# sourceMappingURL=styles.js.map

package/dist/styles/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/styles/styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/styles/styles.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kwiz/fluentui",
-    "version": "1.0.153",
+    "version": "1.0.155",
     "description": "KWIZ common controls for FluentUI",
     "module": "dist/index.js",
     "types": "dist/index.d.ts",