@kwiz/fluentui 1.0.153 → 1.0.154

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2024 KWIZ Corp
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2024 KWIZ Corp
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,53 +1,53 @@
-# fluentui
-
-For local debugging, if you plan to use `npm link` - there is a known issue with react that will potentially break your application.
-
-To fix that, you must mark react and fluentui imports as external.
-The best way of doing it is using webpack to build your app, and adding this:
-```json
-resolve: {
-    ...
-    modules: [path.resolve(__dirname, 'node_modules'), 'node_modules']//important! needed for @kwiz/fluentui to work correctly when linked
-}
-```
-
-Otherwise during dev, you'll have to link the react package in this project to load the react from node_modules in your caller application. For example:
-
-```
-npm link ..\\test-project\\node_modules\\react\\  ..\\..test-project\\node_modules\\@types\\react\\
-```
-
-To successfully use these controls you should create a context, and wrapt it in a drag/drop provider.
-
-We recommend using the provider control:
-
-```ts
-<KWIZFluentProvider ctx={{ buttonShape: "rounded" }}>
-    <FluentProvider theme={webLightTheme}>
-      {content}
-    </FluentProvider>
-</KWIZFluentProvider>
-
-```
-
-Or you can use the following code:
-
-```ts
-// it is no longer needed to send in a root node const root = React.useRef<HTMLDivElement>(null);
-const { KWIZFluentContext, value: kwizFluentContext } =
-  useKWIZFluentContextProvider({
-    ctx: {
-      buttonShape: "rounded",
-    },
-    //root,
-  });
-
-//...
-<KWIZFluentContext.Provider value={kwizFluentContext}>
-  <DragDropContextProvider>
-    <FluentProvider theme={webLightTheme} /*ref={root}*/>
-      {content}
-    </FluentProvider>
-  </DragDropContextProvider>
-</KWIZFluentContext.Provider>;
-```
+# fluentui
+
+For local debugging, if you plan to use `npm link` - there is a known issue with react that will potentially break your application.
+
+To fix that, you must mark react and fluentui imports as external.
+The best way of doing it is using webpack to build your app, and adding this:
+```json
+resolve: {
+    ...
+    modules: [path.resolve(__dirname, 'node_modules'), 'node_modules']//important! needed for @kwiz/fluentui to work correctly when linked
+}
+```
+
+Otherwise during dev, you'll have to link the react package in this project to load the react from node_modules in your caller application. For example:
+
+```
+npm link ..\\test-project\\node_modules\\react\\  ..\\..test-project\\node_modules\\@types\\react\\
+```
+
+To successfully use these controls you should create a context, and wrapt it in a drag/drop provider.
+
+We recommend using the provider control:
+
+```ts
+<KWIZFluentProvider ctx={{ buttonShape: "rounded" }}>
+    <FluentProvider theme={webLightTheme}>
+      {content}
+    </FluentProvider>
+</KWIZFluentProvider>
+
+```
+
+Or you can use the following code:
+
+```ts
+// it is no longer needed to send in a root node const root = React.useRef<HTMLDivElement>(null);
+const { KWIZFluentContext, value: kwizFluentContext } =
+  useKWIZFluentContextProvider({
+    ctx: {
+      buttonShape: "rounded",
+    },
+    //root,
+  });
+
+//...
+<KWIZFluentContext.Provider value={kwizFluentContext}>
+  <DragDropContextProvider>
+    <FluentProvider theme={webLightTheme} /*ref={root}*/>
+      {content}
+    </FluentProvider>
+  </DragDropContextProvider>
+</KWIZFluentContext.Provider>;
+```

package/dist/@types/forwardRef.js

@@ -0,0 +1 @@
+//# sourceMappingURL=forwardRef.js.map

package/dist/@types/forwardRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forwardRef.js","sourceRoot":"","sources":["../../src/@types/forwardRef.ts"],"names":[],"mappings":""}

package/dist/_modules/config.d.ts

@@ -0,0 +1 @@
+export declare const GetLogger: (name: string) => import("@kwiz/common").ConsoleLogger;

package/dist/_modules/config.js

@@ -0,0 +1,9 @@
+import { config } from "@kwiz/common";
+import { BuildNumber, ReleaseStatus } from "./constants";
+export const { logger: GetLogger } = config({
+    BuildNumber: BuildNumber,
+    IsLocalDev: false,
+    ReleaseStatus: ReleaseStatus,
+    ProjectName: "[fluentui]"
+});
+//# sourceMappingURL=config.js.map

package/dist/_modules/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/_modules/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEzD,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IACxC,WAAW,EAAE,WAAW;IACxB,UAAU,EAAE,KAAK;IACjB,aAAa,EAAE,aAAa;IAC5B,WAAW,EAAE,YAAY;CAC5B,CAAC,CAAC"}

package/dist/_modules/constants.d.ts

@@ -0,0 +1,2 @@
+export declare var BuildNumber: string;
+export declare const ReleaseStatus = "npm";

package/dist/_modules/constants.js

@@ -0,0 +1,3 @@
+export var BuildNumber = 'unset';
+export const ReleaseStatus = "npm";
+//# sourceMappingURL=constants.js.map

package/dist/_modules/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/_modules/constants.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,IAAI,WAAW,GAAG,OAAO,CAAC;AACjC,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC"}

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/date copy.d.ts

@@ -0,0 +1,14 @@
+import { DatePickerProps } from '@fluentui/react-datepicker-compat';
+import { TimePickerProps } from '@fluentui/react-timepicker-compat';
+import * as React from 'react';
+interface IProps {
+    onDateChange: (newDateObject: Date) => void;
+    value: Date;
+    showTime?: boolean;
+    datePickerProps?: DatePickerProps;
+    timePickerProps?: TimePickerProps;
+    /** don't allow to clear the value */
+    required?: boolean;
+}
+export declare const DatePickerEx: React.FunctionComponent<React.PropsWithChildren<IProps>>;
+export {};

package/dist/controls/date copy.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DatePicker } from '@fluentui/react-datepicker-compat';
+import { TimePicker } from '@fluentui/react-timepicker-compat';
+import { CalendarCancelRegular } from '@fluentui/react-icons';
+import { isDate } from '@kwiz/common';
+import * as React from 'react';
+import { useKWIZFluentContext } from '../helpers/context-internal';
+import { useStateEX } from '../helpers';
+import { Horizontal } from './horizontal';
+export const DatePickerEx = (props) => {
+    const ctx = useKWIZFluentContext();
+    //time value will always have a value even when clearing the date
+    const [timeValue, setTimeValue] = useStateEX(isDate(props.value) ? props.value : new Date());
+    const { showClear, dateValue } = React.useMemo(() => {
+        const showClear = !props.required && isDate(props.value);
+        const dateValue = props.value;
+        return { showClear, dateValue };
+    }, [props.value]);
+    function reset() {
+        props.onDateChange(null);
+    }
+    const changeDateHandler = React.useCallback((newDateValue) => {
+        const newDate = new Date(newDateValue);
+        // Use the old time values.
+        newDate.setHours(timeValue ? timeValue.getHours() : 0, timeValue ? timeValue.getMinutes() : 0, 0, 0);
+        props.onDateChange(newDate);
+    }, [timeValue, props.onDateChange]);
+    const changeTimeHandler = React.useCallback((newTimeValue) => {
+        //update our state
+        setTimeValue(newTimeValue);
+        // Use the old date value.
+        const newDate = isDate(dateValue) ? new Date(dateValue) : new Date();
+        newDate.setHours(newTimeValue.getHours(), newTimeValue.getMinutes(), 0, 0);
+        props.onDateChange(newDate);
+    }, [dateValue]);
+    const DatePickerControl = _jsx(DatePicker, Object.assign({}, (props.datePickerProps || {}), { appearance: ctx.inputAppearance, mountNode: ctx.mountNode, value: isDate(dateValue) ? dateValue : null, onSelectDate: (newDate) => {
+            changeDateHandler(newDate);
+        }, contentBefore: showClear && _jsx(CalendarCancelRegular, { title: 'Clear', onClick: () => reset() }) }));
+    const TimePickerControl = _jsx(TimePicker, Object.assign({ appearance: ctx.inputAppearance, mountNode: ctx.mountNode }, props.timePickerProps, { 
+        //only show time value when there is a selected date. timeValue will never be null.
+        value: isDate(dateValue) ? timeValue.toLocaleTimeString("en", { hour: "2-digit", minute: "2-digit", hour12: true }) : "", onTimeChange: (e, date) => {
+            const newDate = date.selectedTime;
+            changeTimeHandler(newDate);
+        } }));
+    return (props.showTime
+        ? _jsxs(Horizontal, { children: [DatePickerControl, TimePickerControl] })
+        : DatePickerControl);
+};
+//# sourceMappingURL=date%20copy.js.map

package/dist/controls/date copy.js.map

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

package/dist/controls/error-boundary copy.d.ts

@@ -0,0 +1,23 @@
+import React, { PropsWithChildren } from "react";
+interface iProps {
+    errorComponent?: JSX.Element;
+    /** If changeMarker changes, it will check the error again */
+    changeMarker: string | number;
+}
+interface iState {
+    hasError: boolean;
+    marker: string | number;
+}
+export declare class ErrorBoundary extends React.Component<PropsWithChildren<iProps>, iState> {
+    constructor(props: iProps);
+    static getDerivedStateFromError(error: any): {
+        hasError: boolean;
+    };
+    static getDerivedStateFromProps(props: iProps, state: iState): {
+        hasError: boolean;
+        marker: string | number;
+    };
+    componentDidCatch(error: any, errorInfo: any): void;
+    render(): string | number | boolean | Iterable<React.ReactNode> | JSX.Element;
+}
+export {};

package/dist/controls/error-boundary copy.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GetLogger } from "_modules";
+import React from "react";
+const logger = GetLogger("ErrorBoundary");
+export class ErrorBoundary extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false, marker: props.changeMarker };
+    }
+    static getDerivedStateFromError(error) {
+        // Update state so the next render will show the fallback UI.
+        return { hasError: true };
+    }
+    static getDerivedStateFromProps(props, state) {
+        if (props.changeMarker !== state.marker)
+            return { hasError: false, marker: props.changeMarker };
+        else
+            return null;
+    }
+    componentDidCatch(error, errorInfo) {
+        // You can also log the error to an error reporting service
+        logger.error(error);
+        logger.error(errorInfo);
+    }
+    render() {
+        if (this.state.hasError) {
+            // You can render any custom fallback UI
+            return this.props.errorComponent || _jsx("h1", { children: "Something went wrong." });
+        }
+        return this.props.children;
+    }
+}
+//# sourceMappingURL=error-boundary%20copy.js.map

package/dist/controls/error-boundary copy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-boundary copy.js","sourceRoot":"","sources":["../../src/controls/error-boundary copy.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC;AAQ1C,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAA4C;IACjF,YAAY,KAAa;QACrB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IACjE,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAK;QACjC,6DAA6D;QAC7D,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC9B,CAAC;IACD,MAAM,CAAC,wBAAwB,CAAC,KAAa,EAAE,KAAa;QACxD,IAAI,KAAK,CAAC,YAAY,KAAK,KAAK,CAAC,MAAM;YACnC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;;YACtD,OAAO,IAAI,CAAC;IACrB,CAAC;IAED,iBAAiB,CAAC,KAAK,EAAE,SAAS;QAC9B,2DAA2D;QAC3D,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACpB,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC;IAED,MAAM;QACF,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACtB,wCAAwC;YACxC,OAAO,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,iDAA8B,CAAC;QACvE,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC/B,CAAC;CACJ"}

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';