@talxis/base-controls 1.2501.10 → 1.2503.1

package/dist/components/NestedControlRenderer/NestedControlRenderer.js

@@ -0,0 +1,194 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default, { forwardRef, useRef, useImperativeHandle, useMemo, useEffect } from 'react';
+import { NestedControl } from './NestedControl.js';
+import { GridCellRenderer } from '../GridCellRenderer/GridCellRenderer.js';
+import { getNestedControlStyles } from './styles.js';
+import { useRerender, Spinner } from '@talxis/react-components';
+import { MessageBar, MessageBarType, MessageBarButton, SpinnerSize, Shimmer } from '@fluentui/react';
+import ReactDOM from 'react-dom';
+import { getDefaultNestedControlRendererTranslations } from './translations.js';
+import { useControlLabels } from '../../hooks/useControlLabels.js';
+import { BaseControls } from '../../utils/BaseControls.js';
+import { Duration } from '../Duration/Duration.js';
+import { Decimal } from '../Decimal/Decimal.js';
+import { DateTime } from '../DateTime/DateTime.js';
+import { TwoOptions } from '../TwoOptions/TwoOptions.js';
+import { MultiSelectOptionSet } from '../MultiSelectOptionSet/MultiSelectOptionSet.js';
+import { Lookup } from '../Lookup/Lookup.js';
+import { OptionSet } from '../OptionSet/OptionSet.js';
+import { TextField } from '../TextField/TextField.js';
+
+const NestedControlRenderer = (props) => {
+    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);
+    const labels = useControlLabels({
+        translations: props.translations,
+        languageId: props.context.userSettings.languageId,
+        defaultTranslations: getDefaultNestedControlRendererTranslations()
+    });
+    const rerender = useRerender();
+    const isBaseControl = useMemo(() => {
+        return BaseControls.IsBaseControl(props.parameters.ControlName);
+    }, [props.parameters.ControlName]);
+    const styles = useMemo(() => getNestedControlStyles(isBaseControl), [isBaseControl]);
+    const internalControlRendererRef = useRef(null);
+    const ref = useRef();
+    ref.current = {
+        ...ref.current,
+        props: props,
+        isBaseControl: isBaseControl,
+        controlName: props.parameters.ControlName
+    };
+    ref.current.componentProps = onOverrideComponentProps({
+        rootContainerProps: {},
+        controlContainerProps: {},
+        messageBarProps: {
+            //@ts-ignore - typescript
+            messageBarType: MessageBarType.error,
+            buttonProps: {
+                className: styles.messageBarBtn
+            }
+        },
+        loadingProps: {
+            containerProps: {},
+            spinnerProps: {
+                size: SpinnerSize.xSmall
+            },
+            shimmerProps: {
+                styles: {
+                    root: styles.shimmerRoot,
+                    shimmerWrapper: {
+                        height: 32
+                    }
+                }
+            },
+        },
+        onOverrideRender: (control, isCustomPcfComponent, defaultRender) => defaultRender(),
+        onOverrideUnmount: (control, defaultUnmount) => defaultUnmount(),
+        onOverrideControlProps: (props) => props,
+    });
+    const getRef = () => {
+        return ref.current;
+    };
+    const getBaseControl = () => {
+        switch (getRef().controlName) {
+            case 'TextField':
+                return TextField;
+            case 'OptionSet':
+                return OptionSet;
+            case 'Lookup':
+                return Lookup;
+            case 'MultiSelectOptionSet':
+                return MultiSelectOptionSet;
+            case 'TwoOptions':
+                return TwoOptions;
+            case 'DateTime':
+                return DateTime;
+            case 'Decimal':
+                return Decimal;
+            case 'Duration':
+                return Duration;
+            case 'GridCellRenderer':
+                return GridCellRenderer;
+            default:
+                return GridCellRenderer;
+        }
+    };
+    const onRender = (control, defaultRender) => {
+        if (getRef().isBaseControl) {
+            const controlProps = control.getProps();
+            return ReactDOM.render(React__default.createElement(getBaseControl(), controlProps), control.getContainer());
+        }
+        return defaultRender();
+    };
+    const onUmount = (control, defaultUnmount) => {
+        if (control.isMountedPcfComponent()) {
+            return defaultUnmount();
+        }
+        return ReactDOM.unmountComponentAtNode(control.getContainer());
+    };
+    const createControlInstance = () => {
+        new NestedControl({
+            parentPcfContext: getRef().props.context,
+            onGetContainerElement: () => getRef().controlContainer,
+            onGetControlName: () => getRef().controlName,
+            onGetBindings: () => {
+                return getRef().props.parameters.Bindings ?? {};
+            },
+            callbacks: {
+                //onInit could either by sync or async
+                onInit: (instance) => {
+                    getRef().control = instance;
+                    //if we are already mounted, we need to rerender
+                    if (getRef().mounted) {
+                        rerender();
+                    }
+                },
+                onControlStateChanged: () => internalControlRendererRef.current?.rerender(),
+                onGetControlStates: () => getRef().props.parameters.ControlStates,
+                onNotifyOutputChanged: (outputs) => getRef().props.onNotifyOutputChanged?.(outputs)
+            },
+            overrides: {
+                onGetProps: getRef().componentProps.onOverrideControlProps,
+                onRender: (control, defaultRender) => {
+                    getRef().componentProps.onOverrideRender(control, !getRef().isBaseControl, () => {
+                        onRender(control, defaultRender);
+                    });
+                },
+                onUnmount: (control, defaultUnmount) => {
+                    getRef().componentProps.onOverrideUnmount(control, () => onUmount(control, defaultUnmount));
+                }
+            },
+        });
+    };
+    useMemo(() => {
+        createControlInstance();
+    }, []);
+    useEffect(() => {
+        const ref = getRef();
+        ref.mounted = true;
+        ref.controlContainer = internalControlRendererRef.current.getContainer();
+        return () => {
+            const ref = getRef();
+            ref.control?.unmount();
+            ref.controlContainer = null;
+            ref.control = null;
+        };
+    }, []);
+    useEffect(() => {
+        getRef().control?.render();
+    });
+    return jsx(InternalNestedControlRenderer, { ref: internalControlRendererRef, labels: labels, control: getRef().control ?? undefined, parameters: getRef().props.parameters, componentProps: getRef().componentProps });
+};
+const InternalNestedControlRenderer = forwardRef((props, ref) => {
+    //once control is defined, it is initialized
+    const { control, parameters, componentProps, labels } = props;
+    const customControlContainerRef = useRef(null);
+    const errorMessage = control?.getErrorMessage();
+    const rerender = useRerender();
+    useImperativeHandle(ref, () => {
+        return {
+            getContainer: () => customControlContainerRef.current,
+            rerender: () => rerender()
+        };
+    });
+    const renderLoading = () => {
+        if (parameters.LoadingType === 'shimmer') {
+            return jsx(Shimmer, { ...componentProps?.loadingProps?.shimmerProps });
+        }
+        return jsx(Spinner, { ...componentProps?.loadingProps?.spinnerProps });
+    };
+    const onShowErrorDialog = () => {
+        if (window.Xrm?.Navigation) {
+            window.Xrm.Navigation.openErrorDialog({
+                message: errorMessage
+            });
+            return;
+        }
+        alert(errorMessage);
+    };
+    return (jsxs("div", { ...componentProps.rootContainerProps, children: [(!control || control.isLoading()) && jsx("div", { ...componentProps?.loadingProps?.containerProps, children: renderLoading() }), errorMessage &&
+                jsxs(MessageBar, { messageBarType: MessageBarType.error, isMultiline: false, actions: jsx("div", { children: jsx(MessageBarButton, { className: componentProps.messageBarProps.buttonProps.className, onClick: () => onShowErrorDialog(), children: labels.detail() }) }), ...componentProps?.messageBarProps, children: [labels.control(), " ", jsx("b", { children: parameters.ControlName }), " ", labels.failedToLoad(), "."] }), jsx("div", { ref: customControlContainerRef, ...componentProps.controlContainerProps })] }));
+});
+
+export { NestedControlRenderer };
+//# sourceMappingURL=NestedControlRenderer.js.map

package/dist/components/NestedControlRenderer/NestedControlRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedControlRenderer.js","sources":["../../../src/components/NestedControlRenderer/NestedControlRenderer.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef } from 'react';\nimport { NestedControl } from './NestedControl';\nimport { INestedControlRenderer, INestedControlRendererComponentProps, INestedControlRendererParameters } from './interfaces';\nimport { TextField } from '../TextField';\nimport { Decimal } from '../Decimal';\nimport { Duration } from '../Duration';\nimport { TwoOptions } from '../TwoOptions';\nimport { DateTime } from '../DateTime';\nimport { MultiSelectOptionSet } from '../MultiSelectOptionSet';\nimport { Lookup } from '../Lookup';\nimport { OptionSet } from '../OptionSet';\nimport { GridCellRenderer } from '../GridCellRenderer/GridCellRenderer';\nimport { BaseControls } from '../../utils';\nimport { getNestedControlStyles } from './styles';\nimport { Spinner, useRerender } from '@talxis/react-components';\nimport { MessageBar, MessageBarButton, MessageBarType, Shimmer, SpinnerSize } from '@fluentui/react';\nimport ReactDOM from 'react-dom';\nimport { useControlLabels } from '../../hooks';\nimport { getDefaultNestedControlRendererTranslations } from './translations';\n\ninterface IRef {\n    control: NestedControl | null;\n    props: INestedControlRenderer;\n    controlName: string;\n    componentProps: INestedControlRendererComponentProps;\n    isBaseControl: boolean;\n    mounted: boolean;\n    controlContainer: HTMLDivElement | null;\n}\n\nexport const NestedControlRenderer = (props: INestedControlRenderer) => {\n    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);\n    const labels = useControlLabels({\n        translations: props.translations,\n        languageId : props.context.userSettings.languageId,\n        defaultTranslations: getDefaultNestedControlRendererTranslations()\n    })\n    const rerender = useRerender();\n    const isBaseControl = useMemo(() => {\n        return BaseControls.IsBaseControl(props.parameters.ControlName);\n    }, [props.parameters.ControlName]);\n\n    const styles = useMemo(() => getNestedControlStyles(isBaseControl), [isBaseControl]);\n    const internalControlRendererRef = useRef<IInternalNestedControlRendererRef>(null);\n    const ref = useRef<Partial<IRef>>();\n    \n    ref.current = {\n        ...ref.current,\n        props: props,\n        isBaseControl: isBaseControl,\n        controlName: props.parameters.ControlName \n    }\n\n    ref.current.componentProps = onOverrideComponentProps({\n        rootContainerProps: {},\n        controlContainerProps: {},\n        messageBarProps: {\n            //@ts-ignore - typescript\n            messageBarType: MessageBarType.error,\n            buttonProps: {\n                className: styles.messageBarBtn\n            }\n        },\n        loadingProps: {\n            containerProps: {},\n            spinnerProps: {\n                size: SpinnerSize.xSmall\n            },\n            shimmerProps: {\n                styles: {\n                    root: styles.shimmerRoot,\n                    shimmerWrapper: {\n                        height: 32\n                    }\n                }\n            },\n        },\n        onOverrideRender: (control, isCustomPcfComponent, defaultRender) => defaultRender(),\n        onOverrideUnmount: (control, defaultUnmount) => defaultUnmount(),\n        onOverrideControlProps: (props) => props,\n    });\n\n    const getRef = (): IRef => {\n        return ref.current as any;\n    }\n\n    const getBaseControl = (): any => {\n        switch (getRef().controlName) {\n            case 'TextField':\n                return TextField\n            case 'OptionSet':\n                return OptionSet;\n            case 'Lookup':\n                return Lookup;\n            case 'MultiSelectOptionSet':\n                return MultiSelectOptionSet;\n            case 'TwoOptions':\n                return TwoOptions;\n            case 'DateTime':\n                return DateTime;\n            case 'Decimal':\n                return Decimal;\n            case 'Duration':\n                return Duration;\n            case 'GridCellRenderer':\n                return GridCellRenderer;\n            default:\n                return GridCellRenderer;\n        }\n    };\n\n    const onRender = (control: NestedControl, defaultRender: () => Promise<void>) => {\n        if (getRef().isBaseControl) {\n            const controlProps = control.getProps();\n            return ReactDOM.render(React.createElement(getBaseControl(), controlProps), control.getContainer());\n        }\n        return defaultRender();\n    }\n\n    const onUmount = (control: NestedControl, defaultUnmount: () => void) => {\n        if (control.isMountedPcfComponent()) {\n            return defaultUnmount();\n        }\n        return ReactDOM.unmountComponentAtNode(control.getContainer())\n    }\n\n    const createControlInstance = () => {\n        new NestedControl({\n            parentPcfContext: getRef().props.context,\n            onGetContainerElement: () => getRef().controlContainer!,\n            onGetControlName: () => getRef().controlName,\n            onGetBindings: () => {\n                return getRef().props.parameters.Bindings ?? {};\n            },\n            callbacks: {\n                //onInit could either by sync or async\n                onInit: (instance) => {\n                    getRef().control = instance;\n                    //if we are already mounted, we need to rerender\n                    if (getRef().mounted) {\n                        rerender();\n                    }\n                },\n                onControlStateChanged: () => internalControlRendererRef.current?.rerender(),\n                onGetControlStates: () => getRef().props.parameters.ControlStates,\n                onNotifyOutputChanged: (outputs) => getRef().props.onNotifyOutputChanged?.(outputs)\n            },\n            overrides: {\n                onGetProps: getRef().componentProps.onOverrideControlProps,\n                onRender: (control: NestedControl, defaultRender) => {\n                    getRef().componentProps.onOverrideRender(control, !getRef().isBaseControl, () => {\n                        onRender(control, defaultRender);\n                    })\n                },\n                onUnmount: (control, defaultUnmount) => {\n                    getRef().componentProps.onOverrideUnmount(control, () => onUmount(control, defaultUnmount))\n                }\n            },\n        })\n\n    }\n    useMemo(() => {\n        createControlInstance();\n    }, []);\n\n    useEffect(() => {\n        const ref = getRef();\n        ref.mounted = true;\n        ref.controlContainer = internalControlRendererRef.current!.getContainer();\n        return () => {\n            const ref = getRef();\n            ref.control?.unmount();\n            ref.controlContainer = null;\n            ref.control = null;\n        }\n    }, []);\n\n    useEffect(() => {\n        getRef().control?.render();\n    })\n\n    return <InternalNestedControlRenderer\n        ref={internalControlRendererRef}\n        labels={labels}\n        control={getRef().control ?? undefined}\n        parameters={getRef().props.parameters}\n        componentProps={getRef().componentProps} />\n}\n\ninterface IInternalNestedControlRendererProps {\n    parameters: INestedControlRendererParameters;\n    componentProps: INestedControlRendererComponentProps;\n    labels: any;\n    loadingType?: 'spinner' | 'shimmer';\n    control?: NestedControl;\n\n}\n\ninterface IInternalNestedControlRendererRef {\n    getContainer: () => HTMLDivElement;\n    rerender: () => void;\n}\n\n\nconst InternalNestedControlRenderer = forwardRef<IInternalNestedControlRendererRef, IInternalNestedControlRendererProps>((props, ref) => {\n    //once control is defined, it is initialized\n    const { control, parameters, componentProps, labels } = props;\n    const customControlContainerRef = useRef<HTMLDivElement>(null);\n    const errorMessage = control?.getErrorMessage();\n    const rerender = useRerender();\n\n    useImperativeHandle(ref, () => {\n        return {\n            getContainer: () => customControlContainerRef.current!,\n            rerender: () => rerender()\n        }\n    })\n\n    const renderLoading = () => {\n        if (parameters.LoadingType === 'shimmer') {\n            return <Shimmer {...componentProps?.loadingProps?.shimmerProps} />\n        }\n        return <Spinner {...componentProps?.loadingProps?.spinnerProps} />\n    }\n\n    const onShowErrorDialog = () => {\n        if(window.Xrm?.Navigation) {\n            window.Xrm.Navigation.openErrorDialog({\n                message: errorMessage\n            })\n            return;\n        }\n        alert(errorMessage);\n    }\n\n    return (\n        <div {...componentProps.rootContainerProps}>\n            {(!control || control.isLoading()) && <div {...componentProps?.loadingProps?.containerProps}>{renderLoading()}</div>\n            }\n            {errorMessage &&\n                <MessageBar messageBarType={MessageBarType.error} isMultiline={false} actions={<div>\n                    <MessageBarButton className={componentProps.messageBarProps.buttonProps.className} onClick={() => onShowErrorDialog()}>{labels.detail()}</MessageBarButton>\n                </div>} {...componentProps?.messageBarProps}>\n                    {labels.control()} <b>{parameters.ControlName}</b> {labels.failedToLoad()}.\n                </MessageBar>\n            }\n            <div ref={customControlContainerRef} {...componentProps.controlContainerProps} />\n        </div>)\n})\n"],"names":["React","_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;AA8Ba,MAAA,qBAAqB,GAAG,CAAC,KAA6B,KAAI;AACnE,IAAA,MAAM,wBAAwB,GAAG,KAAK,CAAC,wBAAwB,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IACtF,MAAM,MAAM,GAAG,gBAAgB,CAAC;QAC5B,YAAY,EAAE,KAAK,CAAC,YAAY;AAChC,QAAA,UAAU,EAAG,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,UAAU;QAClD,mBAAmB,EAAE,2CAA2C,EAAE;AACrE,KAAA,CAAC,CAAA;AACF,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;AAC/B,IAAA,MAAM,aAAa,GAAG,OAAO,CAAC,MAAK;QAC/B,OAAO,YAAY,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;KACnE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC;AAEnC,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,sBAAsB,CAAC,aAAa,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACrF,IAAA,MAAM,0BAA0B,GAAG,MAAM,CAAoC,IAAI,CAAC,CAAC;AACnF,IAAA,MAAM,GAAG,GAAG,MAAM,EAAiB,CAAC;IAEpC,GAAG,CAAC,OAAO,GAAG;QACV,GAAG,GAAG,CAAC,OAAO;AACd,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,aAAa,EAAE,aAAa;AAC5B,QAAA,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW;KAC5C,CAAA;AAED,IAAA,GAAG,CAAC,OAAO,CAAC,cAAc,GAAG,wBAAwB,CAAC;AAClD,QAAA,kBAAkB,EAAE,EAAE;AACtB,QAAA,qBAAqB,EAAE,EAAE;AACzB,QAAA,eAAe,EAAE;;YAEb,cAAc,EAAE,cAAc,CAAC,KAAK;AACpC,YAAA,WAAW,EAAE;gBACT,SAAS,EAAE,MAAM,CAAC,aAAa;AAClC,aAAA;AACJ,SAAA;AACD,QAAA,YAAY,EAAE;AACV,YAAA,cAAc,EAAE,EAAE;AAClB,YAAA,YAAY,EAAE;gBACV,IAAI,EAAE,WAAW,CAAC,MAAM;AAC3B,aAAA;AACD,YAAA,YAAY,EAAE;AACV,gBAAA,MAAM,EAAE;oBACJ,IAAI,EAAE,MAAM,CAAC,WAAW;AACxB,oBAAA,cAAc,EAAE;AACZ,wBAAA,MAAM,EAAE,EAAE;AACb,qBAAA;AACJ,iBAAA;AACJ,aAAA;AACJ,SAAA;QACD,gBAAgB,EAAE,CAAC,OAAO,EAAE,oBAAoB,EAAE,aAAa,KAAK,aAAa,EAAE;QACnF,iBAAiB,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,cAAc,EAAE;AAChE,QAAA,sBAAsB,EAAE,CAAC,KAAK,KAAK,KAAK;AAC3C,KAAA,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,MAAW;QACtB,OAAO,GAAG,CAAC,OAAc,CAAC;AAC9B,KAAC,CAAA;IAED,MAAM,cAAc,GAAG,MAAU;AAC7B,QAAA,QAAQ,MAAM,EAAE,CAAC,WAAW;AACxB,YAAA,KAAK,WAAW;AACZ,gBAAA,OAAO,SAAS,CAAA;AACpB,YAAA,KAAK,WAAW;AACZ,gBAAA,OAAO,SAAS,CAAC;AACrB,YAAA,KAAK,QAAQ;AACT,gBAAA,OAAO,MAAM,CAAC;AAClB,YAAA,KAAK,sBAAsB;AACvB,gBAAA,OAAO,oBAAoB,CAAC;AAChC,YAAA,KAAK,YAAY;AACb,gBAAA,OAAO,UAAU,CAAC;AACtB,YAAA,KAAK,UAAU;AACX,gBAAA,OAAO,QAAQ,CAAC;AACpB,YAAA,KAAK,SAAS;AACV,gBAAA,OAAO,OAAO,CAAC;AACnB,YAAA,KAAK,UAAU;AACX,gBAAA,OAAO,QAAQ,CAAC;AACpB,YAAA,KAAK,kBAAkB;AACnB,gBAAA,OAAO,gBAAgB,CAAC;AAC5B,YAAA;AACI,gBAAA,OAAO,gBAAgB,CAAC;AAC/B,SAAA;AACL,KAAC,CAAC;AAEF,IAAA,MAAM,QAAQ,GAAG,CAAC,OAAsB,EAAE,aAAkC,KAAI;AAC5E,QAAA,IAAI,MAAM,EAAE,CAAC,aAAa,EAAE;AACxB,YAAA,MAAM,YAAY,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;AACxC,YAAA,OAAO,QAAQ,CAAC,MAAM,CAACA,cAAK,CAAC,aAAa,CAAC,cAAc,EAAE,EAAE,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC;AACvG,SAAA;QACD,OAAO,aAAa,EAAE,CAAC;AAC3B,KAAC,CAAA;AAED,IAAA,MAAM,QAAQ,GAAG,CAAC,OAAsB,EAAE,cAA0B,KAAI;AACpE,QAAA,IAAI,OAAO,CAAC,qBAAqB,EAAE,EAAE;YACjC,OAAO,cAAc,EAAE,CAAC;AAC3B,SAAA;QACD,OAAO,QAAQ,CAAC,sBAAsB,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,CAAA;AAClE,KAAC,CAAA;IAED,MAAM,qBAAqB,GAAG,MAAK;AAC/B,QAAA,IAAI,aAAa,CAAC;AACd,YAAA,gBAAgB,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,OAAO;AACxC,YAAA,qBAAqB,EAAE,MAAM,MAAM,EAAE,CAAC,gBAAiB;AACvD,YAAA,gBAAgB,EAAE,MAAM,MAAM,EAAE,CAAC,WAAW;YAC5C,aAAa,EAAE,MAAK;gBAChB,OAAO,MAAM,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,IAAI,EAAE,CAAC;aACnD;AACD,YAAA,SAAS,EAAE;;AAEP,gBAAA,MAAM,EAAE,CAAC,QAAQ,KAAI;AACjB,oBAAA,MAAM,EAAE,CAAC,OAAO,GAAG,QAAQ,CAAC;;AAE5B,oBAAA,IAAI,MAAM,EAAE,CAAC,OAAO,EAAE;AAClB,wBAAA,QAAQ,EAAE,CAAC;AACd,qBAAA;iBACJ;gBACD,qBAAqB,EAAE,MAAM,0BAA0B,CAAC,OAAO,EAAE,QAAQ,EAAE;gBAC3E,kBAAkB,EAAE,MAAM,MAAM,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,aAAa;AACjE,gBAAA,qBAAqB,EAAE,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC,KAAK,CAAC,qBAAqB,GAAG,OAAO,CAAC;AACtF,aAAA;AACD,YAAA,SAAS,EAAE;AACP,gBAAA,UAAU,EAAE,MAAM,EAAE,CAAC,cAAc,CAAC,sBAAsB;AAC1D,gBAAA,QAAQ,EAAE,CAAC,OAAsB,EAAE,aAAa,KAAI;AAChD,oBAAA,MAAM,EAAE,CAAC,cAAc,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,MAAM,EAAE,CAAC,aAAa,EAAE,MAAK;AAC5E,wBAAA,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;AACrC,qBAAC,CAAC,CAAA;iBACL;AACD,gBAAA,SAAS,EAAE,CAAC,OAAO,EAAE,cAAc,KAAI;AACnC,oBAAA,MAAM,EAAE,CAAC,cAAc,CAAC,iBAAiB,CAAC,OAAO,EAAE,MAAM,QAAQ,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAA;iBAC9F;AACJ,aAAA;AACJ,SAAA,CAAC,CAAA;AAEN,KAAC,CAAA;IACD,OAAO,CAAC,MAAK;AACT,QAAA,qBAAqB,EAAE,CAAC;KAC3B,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;AACrB,QAAA,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;QACnB,GAAG,CAAC,gBAAgB,GAAG,0BAA0B,CAAC,OAAQ,CAAC,YAAY,EAAE,CAAC;AAC1E,QAAA,OAAO,MAAK;AACR,YAAA,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;AACrB,YAAA,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC;AACvB,YAAA,GAAG,CAAC,gBAAgB,GAAG,IAAI,CAAC;AAC5B,YAAA,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;AACvB,SAAC,CAAA;KACJ,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC;AAC/B,KAAC,CAAC,CAAA;AAEF,IAAA,OAAOC,IAAC,6BAA6B,EAAA,EACjC,GAAG,EAAE,0BAA0B,EAC/B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EAAE,CAAC,OAAO,IAAI,SAAS,EACtC,UAAU,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,UAAU,EACrC,cAAc,EAAE,MAAM,EAAE,CAAC,cAAc,GAAI,CAAA;AACnD,EAAC;AAiBD,MAAM,6BAA6B,GAAG,UAAU,CAAyE,CAAC,KAAK,EAAE,GAAG,KAAI;;IAEpI,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;AAC9D,IAAA,MAAM,yBAAyB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAC/D,IAAA,MAAM,YAAY,GAAG,OAAO,EAAE,eAAe,EAAE,CAAC;AAChD,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;AAE/B,IAAA,mBAAmB,CAAC,GAAG,EAAE,MAAK;QAC1B,OAAO;AACH,YAAA,YAAY,EAAE,MAAM,yBAAyB,CAAC,OAAQ;AACtD,YAAA,QAAQ,EAAE,MAAM,QAAQ,EAAE;SAC7B,CAAA;AACL,KAAC,CAAC,CAAA;IAEF,MAAM,aAAa,GAAG,MAAK;AACvB,QAAA,IAAI,UAAU,CAAC,WAAW,KAAK,SAAS,EAAE;YACtC,OAAOA,GAAA,CAAC,OAAO,EAAK,EAAA,GAAA,cAAc,EAAE,YAAY,EAAE,YAAY,EAAA,CAAI,CAAA;AACrE,SAAA;QACD,OAAOA,GAAA,CAAC,OAAO,EAAK,EAAA,GAAA,cAAc,EAAE,YAAY,EAAE,YAAY,EAAA,CAAI,CAAA;AACtE,KAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,MAAK;AAC3B,QAAA,IAAG,MAAM,CAAC,GAAG,EAAE,UAAU,EAAE;AACvB,YAAA,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,eAAe,CAAC;AAClC,gBAAA,OAAO,EAAE,YAAY;AACxB,aAAA,CAAC,CAAA;YACF,OAAO;AACV,SAAA;QACD,KAAK,CAAC,YAAY,CAAC,CAAC;AACxB,KAAC,CAAA;IAED,QACIC,IAAS,CAAA,KAAA,EAAA,EAAA,GAAA,cAAc,CAAC,kBAAkB,EACrC,QAAA,EAAA,CAAA,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,SAAS,EAAE,KAAKD,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,cAAc,EAAE,YAAY,EAAE,cAAc,EAAA,QAAA,EAAG,aAAa,EAAE,EAAO,CAAA,EAEnH,YAAY;AACT,gBAAAC,IAAA,CAAC,UAAU,EAAA,EAAC,cAAc,EAAE,cAAc,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAED,uBAC3EA,GAAC,CAAA,gBAAgB,EAAC,EAAA,SAAS,EAAE,cAAc,CAAC,eAAe,CAAC,WAAW,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,iBAAiB,EAAE,EAAG,QAAA,EAAA,MAAM,CAAC,MAAM,EAAE,EAAoB,CAAA,EAAA,CACzJ,EAAM,GAAA,cAAc,EAAE,eAAe,EAAA,QAAA,EAAA,CACtC,MAAM,CAAC,OAAO,EAAE,EAAA,GAAA,EAAEA,GAAI,CAAA,GAAA,EAAA,EAAA,QAAA,EAAA,UAAU,CAAC,WAAW,EAAA,CAAK,EAAE,GAAA,EAAA,MAAM,CAAC,YAAY,EAAE,EAChE,GAAA,CAAA,EAAA,CAAA,EAEjBA,aAAK,GAAG,EAAE,yBAAyB,EAAA,GAAM,cAAc,CAAC,qBAAqB,EAAI,CAAA,CAAA,EAAA,CAC/E,EAAC;AACf,CAAC,CAAC;;;;"}

package/dist/components/NestedControlRenderer/index.d.ts

@@ -0,0 +1 @@
+export * from './NestedControlRenderer';

package/dist/components/NestedControlRenderer/index.js

@@ -0,0 +1,2 @@
+export { NestedControlRenderer } from './NestedControlRenderer.js';
+//# sourceMappingURL=index.js.map

package/dist/components/NestedControlRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/NestedControlRenderer/interfaces.d.ts

@@ -0,0 +1,118 @@
+/// <reference types="react" />
+import { IButtonProps, IMessageBar, IShimmerProps, ISpinnerProps } from "@fluentui/react";
+import { IParameters } from "../../interfaces";
+import { IControl, IOutputs } from "../../interfaces/context";
+import { NestedControl } from "./NestedControl";
+import { DataType } from "@talxis/client-libraries";
+import { getDefaultNestedControlRendererTranslations } from "./translations";
+type ControlNameOptions = 'TextField' | 'OptionSet' | 'MultiSelectOptionSet' | 'Lookup' | 'Decimal' | 'Duration' | 'DateTime' | 'GridCellRenderer' | (string & {});
+export interface INestedControlRenderer extends IControl<INestedControlRendererParameters, IOutputs, ReturnType<typeof getDefaultNestedControlRendererTranslations>, INestedControlRendererComponentProps> {
+}
+export interface INestedControlRendererParameters extends IParameters {
+    /**
+     * Specifies the name of the control to be rendered. This can be either a custom PCF control or a base control.
+     */
+    ControlName: ControlNameOptions;
+    /**
+     * Optional bindings that will be passed to the control. These bindings provide data and metadata to the control.
+     */
+    Bindings?: {
+        [key: string]: IBinding;
+    };
+    /**
+     * Specifies the type of loading indicator to display before the control is fully loaded.
+     * Options include 'spinner', 'shimmer', or 'none' for no loading indicator.
+     */
+    LoadingType?: 'spinner' | 'shimmer' | 'none';
+    /**
+     * Optional configuration to set the control's state, such as enabling or disabling the control.
+     */
+    ControlStates?: IControlStates;
+}
+export interface INestedControlRendererComponentProps {
+    /**
+     * Props for the loading indicator that appears before the control is fully loaded.
+     */
+    loadingProps: {
+        spinnerProps: ISpinnerProps;
+        shimmerProps: IShimmerProps;
+        containerProps: React.HTMLAttributes<HTMLDivElement>;
+    };
+    /**
+     * Props for the message bar that displays error messages.
+     */
+    messageBarProps: IMessageBar & {
+        buttonProps: IButtonProps;
+    };
+    /**
+     * Props for the top-level container that wraps the control and other elements like the loading indicator.
+     */
+    rootContainerProps: React.HTMLAttributes<HTMLDivElement>;
+    /**
+     * Props for the container used to render the control.
+     */
+    controlContainerProps: React.HTMLAttributes<HTMLDivElement>;
+    /**
+     * Callback function that allows you to override the generated control props.
+     */
+    onOverrideControlProps: (props: IControl<any, any, any, any>) => IControl<any, any, any, any>;
+    /**
+     * Callback function that allows you to override the default control render.
+     */
+    onOverrideRender: (control: NestedControl, isCustomPcfComponent: boolean, defaultRender: () => void) => void;
+    /**
+     * Callback function that allows you to override the default control unmount behavior.
+     */
+    onOverrideUnmount: (control: NestedControl, defaultUnmount: () => void) => void;
+}
+export interface IBinding {
+    /**
+     * The data type of the binding.
+     */
+    type: DataType;
+    /**
+     * Indicates whether the binding is static or bound.
+     */
+    isStatic: boolean;
+    /**
+     * The value of the binding.
+     */
+    value: any;
+    /**
+     * Indicates whether the binding has an error.
+     */
+    error?: boolean;
+    /**
+     * The error message associated with the binding, if any.
+     */
+    errorMessage?: string;
+    /**
+     * Optional metadata for the binding.
+     */
+    metadata?: {
+        /**
+         * The entity name associated with the binding.
+         */
+        entityName?: string;
+        /**
+         * The logical name of the attribute associated with the binding.
+         */
+        attributeName?: string;
+        /**
+         * Callback function to override the metadata for the binding.
+         * Always return the spread metadata attribute to ensure proper merging.
+         */
+        onOverrideMetadata?: (metadata: any) => any;
+    };
+    /**
+     * Callback function to notify when the binding's output value changes.
+     */
+    onNotifyOutputChanged?: (newValue: any) => void;
+}
+export interface IControlStates {
+    /**
+     * Indicates whether the control is disabled.
+     */
+    isControlDisabled?: boolean;
+}
+export {};

package/dist/components/NestedControlRenderer/manifest/Control.d.ts

@@ -0,0 +1,16 @@
+import { Property } from "./property/Property";
+import { TypeGroup } from "./TypeGroup";
+export declare class Control {
+    readonly namespace: string;
+    readonly constructorName: string;
+    readonly version: string;
+    readonly displayNameKey: string;
+    readonly descriptionKey: string;
+    readonly controlType: string;
+    readonly previewImage: string;
+    readonly properties: Map<string, Property>;
+    readonly typegroups: Map<string, TypeGroup>;
+    constructor(controlElement: Element);
+    private _createProperties;
+    private _createTypeGroups;
+}

package/dist/components/NestedControlRenderer/manifest/Control.js

@@ -0,0 +1,40 @@
+import { Property } from './property/Property.js';
+import { TypeGroup } from './TypeGroup.js';
+
+class Control {
+    constructor(controlElement) {
+        this.properties = new Map();
+        this.typegroups = new Map();
+        this.namespace = controlElement.getAttribute('namespace');
+        this.constructorName = controlElement.getAttribute('constructor');
+        this.version = controlElement.getAttribute('version');
+        this.displayNameKey = controlElement.getAttribute('display-name-key');
+        this.descriptionKey = controlElement.getAttribute('description-key');
+        this.controlType = controlElement.getAttribute('control-type');
+        this.previewImage = controlElement.getAttribute('previewImage');
+        this._createProperties(controlElement);
+        this._createTypeGroups(controlElement);
+    }
+    _createProperties(controlElement) {
+        const propertyElements = controlElement.querySelectorAll(':scope>property');
+        let bindingPropertyFound = false;
+        for (const propertyElement of propertyElements) {
+            const usage = propertyElement.getAttribute('usage');
+            let isBindingProperty = false;
+            if (usage === 'bound' && !bindingPropertyFound) {
+                bindingPropertyFound = true;
+                isBindingProperty = true;
+            }
+            this.properties.set(propertyElement.getAttribute('name'), new Property(propertyElement, isBindingProperty));
+        }
+    }
+    _createTypeGroups(controlElement) {
+        const typeGroupElements = controlElement.querySelectorAll(':scope>type-group');
+        for (const typeGroupElement of typeGroupElements) {
+            this.typegroups.set(typeGroupElement.getAttribute('name'), new TypeGroup(typeGroupElement));
+        }
+    }
+}
+
+export { Control };
+//# sourceMappingURL=Control.js.map

package/dist/components/NestedControlRenderer/manifest/Control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Control.js","sources":["../../../../src/components/NestedControlRenderer/manifest/Control.ts"],"sourcesContent":["import { Property } from \"./property/Property\";\nimport { TypeGroup } from \"./TypeGroup\";\n\nexport class Control {\n    public readonly namespace: string;\n    public readonly constructorName: string;\n    public readonly version: string;\n    public readonly displayNameKey: string;\n    public readonly descriptionKey: string;\n    public readonly controlType: string;\n    public readonly previewImage: string;\n    public readonly properties: Map<string, Property> = new Map();\n    public readonly typegroups: Map<string, TypeGroup> = new Map();\n\n    constructor(controlElement: Element) {\n        this.namespace = controlElement.getAttribute('namespace')!;\n        this.constructorName = controlElement.getAttribute('constructor')!;\n        this.version = controlElement.getAttribute('version')!;\n        this.displayNameKey = controlElement.getAttribute('display-name-key')!;\n        this.descriptionKey = controlElement.getAttribute('description-key')!;\n        this.controlType = controlElement.getAttribute('control-type')!;\n        this.previewImage = controlElement.getAttribute('previewImage')!;\n        this._createProperties(controlElement);\n        this._createTypeGroups(controlElement);\n    }\n    \n    private _createProperties(controlElement: Element) {\n        const propertyElements = controlElement.querySelectorAll(':scope>property');\n        let bindingPropertyFound = false;\n        for (const propertyElement of propertyElements) {\n            const usage = propertyElement.getAttribute('usage');\n            let isBindingProperty = false;\n            if (usage === 'bound' && !bindingPropertyFound) {\n                bindingPropertyFound = true;\n                isBindingProperty = true;\n            }\n            this.properties.set(propertyElement.getAttribute('name')!, new Property(propertyElement, isBindingProperty));\n        }\n    }\n    private _createTypeGroups(controlElement: Element) {\n        const typeGroupElements = controlElement.querySelectorAll(':scope>type-group');\n        for (const typeGroupElement of typeGroupElements) {\n            this.typegroups.set(typeGroupElement.getAttribute('name')!, new TypeGroup(typeGroupElement));\n        }\n    }\n}"],"names":[],"mappings":";;;MAGa,OAAO,CAAA;AAWhB,IAAA,WAAA,CAAY,cAAuB,EAAA;AAHnB,QAAA,IAAA,CAAA,UAAU,GAA0B,IAAI,GAAG,EAAE,CAAC;AAC9C,QAAA,IAAA,CAAA,UAAU,GAA2B,IAAI,GAAG,EAAE,CAAC;QAG3D,IAAI,CAAC,SAAS,GAAG,cAAc,CAAC,YAAY,CAAC,WAAW,CAAE,CAAC;QAC3D,IAAI,CAAC,eAAe,GAAG,cAAc,CAAC,YAAY,CAAC,aAAa,CAAE,CAAC;QACnE,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC,YAAY,CAAC,SAAS,CAAE,CAAC;QACvD,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC,YAAY,CAAC,kBAAkB,CAAE,CAAC;QACvE,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC,YAAY,CAAC,iBAAiB,CAAE,CAAC;QACtE,IAAI,CAAC,WAAW,GAAG,cAAc,CAAC,YAAY,CAAC,cAAc,CAAE,CAAC;QAChE,IAAI,CAAC,YAAY,GAAG,cAAc,CAAC,YAAY,CAAC,cAAc,CAAE,CAAC;AACjE,QAAA,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;AACvC,QAAA,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;KAC1C;AAEO,IAAA,iBAAiB,CAAC,cAAuB,EAAA;QAC7C,MAAM,gBAAgB,GAAG,cAAc,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;QAC5E,IAAI,oBAAoB,GAAG,KAAK,CAAC;AACjC,QAAA,KAAK,MAAM,eAAe,IAAI,gBAAgB,EAAE;YAC5C,MAAM,KAAK,GAAG,eAAe,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YACpD,IAAI,iBAAiB,GAAG,KAAK,CAAC;AAC9B,YAAA,IAAI,KAAK,KAAK,OAAO,IAAI,CAAC,oBAAoB,EAAE;gBAC5C,oBAAoB,GAAG,IAAI,CAAC;gBAC5B,iBAAiB,GAAG,IAAI,CAAC;AAC5B,aAAA;YACD,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,eAAe,CAAC,YAAY,CAAC,MAAM,CAAE,EAAE,IAAI,QAAQ,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAChH,SAAA;KACJ;AACO,IAAA,iBAAiB,CAAC,cAAuB,EAAA;QAC7C,MAAM,iBAAiB,GAAG,cAAc,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;AAC/E,QAAA,KAAK,MAAM,gBAAgB,IAAI,iBAAiB,EAAE;AAC9C,YAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,gBAAgB,CAAC,YAAY,CAAC,MAAM,CAAE,EAAE,IAAI,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAChG,SAAA;KACJ;AACJ;;;;"}

package/dist/components/NestedControlRenderer/manifest/Manifest.d.ts

@@ -0,0 +1,5 @@
+import { Control } from "./Control";
+export declare class Manifest {
+    readonly control: Control;
+    constructor(manifestXmlString: string);
+}

package/dist/components/NestedControlRenderer/manifest/Manifest.js

@@ -0,0 +1,12 @@
+import { Control } from './Control.js';
+
+class Manifest {
+    constructor(manifestXmlString) {
+        const xmlDoc = new DOMParser().parseFromString(manifestXmlString, "text/xml");
+        const controlElement = xmlDoc.querySelector("control");
+        this.control = new Control(controlElement);
+    }
+}
+
+export { Manifest };
+//# sourceMappingURL=Manifest.js.map

package/dist/components/NestedControlRenderer/manifest/Manifest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Manifest.js","sources":["../../../../src/components/NestedControlRenderer/manifest/Manifest.ts"],"sourcesContent":["import { Control } from \"./Control\";\n\nexport class Manifest {\n    public readonly control: Control;\n\n    constructor(manifestXmlString: string) {\n        const xmlDoc = new DOMParser().parseFromString(manifestXmlString, \"text/xml\");\n        const controlElement = xmlDoc.querySelector(\"control\")!;\n        this.control = new Control(controlElement);\n    }\n}"],"names":[],"mappings":";;MAEa,QAAQ,CAAA;AAGjB,IAAA,WAAA,CAAY,iBAAyB,EAAA;AACjC,QAAA,MAAM,MAAM,GAAG,IAAI,SAAS,EAAE,CAAC,eAAe,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC;QAC9E,MAAM,cAAc,GAAG,MAAM,CAAC,aAAa,CAAC,SAAS,CAAE,CAAC;QACxD,IAAI,CAAC,OAAO,GAAG,IAAI,OAAO,CAAC,cAAc,CAAC,CAAC;KAC9C;AACJ;;;;"}

package/dist/components/NestedControlRenderer/manifest/TypeGroup.d.ts

@@ -0,0 +1,6 @@
+import { DataType } from "@talxis/client-libraries";
+export declare class TypeGroup {
+    readonly name: string;
+    readonly types: DataType[];
+    constructor(typeGroupElement: Element);
+}

package/dist/components/NestedControlRenderer/manifest/TypeGroup.js

@@ -0,0 +1,13 @@
+class TypeGroup {
+    constructor(typeGroupElement) {
+        this.types = [];
+        this.name = typeGroupElement.getAttribute('name');
+        const types = typeGroupElement.querySelectorAll(':scope>type');
+        for (const type of types) {
+            this.types.push(type.innerHTML);
+        }
+    }
+}
+
+export { TypeGroup };
+//# sourceMappingURL=TypeGroup.js.map

package/dist/components/NestedControlRenderer/manifest/TypeGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeGroup.js","sources":["../../../../src/components/NestedControlRenderer/manifest/TypeGroup.ts"],"sourcesContent":["import { DataType } from \"@talxis/client-libraries\";\n\n\nexport class TypeGroup {\n    public readonly name: string;\n    public readonly types: DataType[] = [];\n\n    constructor(typeGroupElement: Element) {\n        this.name = typeGroupElement.getAttribute('name')!;\n        const types = typeGroupElement.querySelectorAll(':scope>type');\n        for (const type of types as any) {\n            this.types.push(type.innerHTML);\n        }\n    }\n}"],"names":[],"mappings":"MAGa,SAAS,CAAA;AAIlB,IAAA,WAAA,CAAY,gBAAyB,EAAA;QAFrB,IAAK,CAAA,KAAA,GAAe,EAAE,CAAC;QAGnC,IAAI,CAAC,IAAI,GAAG,gBAAgB,CAAC,YAAY,CAAC,MAAM,CAAE,CAAC;QACnD,MAAM,KAAK,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;AAC/D,QAAA,KAAK,MAAM,IAAI,IAAI,KAAY,EAAE;YAC7B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACnC,SAAA;KACJ;AACJ;;;;"}

package/dist/components/NestedControlRenderer/manifest/index.d.ts

@@ -0,0 +1 @@
+export * from './Manifest';

package/dist/components/NestedControlRenderer/manifest/index.js

@@ -0,0 +1,2 @@
+export { Manifest } from './Manifest.js';
+//# sourceMappingURL=index.js.map

package/dist/components/NestedControlRenderer/manifest/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/NestedControlRenderer/manifest/property/Property.d.ts

@@ -0,0 +1,16 @@
+import { DataType } from "@talxis/client-libraries";
+import { Value } from "./Value";
+export declare class Property {
+    readonly defaultValue: string | null;
+    readonly descriptionKey: string | null;
+    readonly displayNameKey: string;
+    readonly name: string;
+    readonly ofTypeGroup: string | null;
+    readonly ofType: DataType | null;
+    readonly required: boolean;
+    readonly usage: 'bound' | 'input' | 'output';
+    readonly values: Map<string, Value>;
+    readonly isBindingProperty: boolean;
+    constructor(propertyElement: Element, isBindingProperty: boolean);
+    private _createValues;
+}

package/dist/components/NestedControlRenderer/manifest/property/Property.js

@@ -0,0 +1,34 @@
+import { Value } from './Value.js';
+
+class Property {
+    constructor(propertyElement, isBindingProperty) {
+        this.values = new Map();
+        this.isBindingProperty = false;
+        this.isBindingProperty = isBindingProperty;
+        this.defaultValue = propertyElement.getAttribute('default-value');
+        this.descriptionKey = propertyElement.getAttribute('description-key');
+        this.displayNameKey = propertyElement.getAttribute('display-name-key');
+        this.name = propertyElement.getAttribute('name');
+        this.ofTypeGroup = propertyElement.getAttribute('of-type-group');
+        this.ofType = propertyElement.getAttribute('of-type');
+        this.required = propertyElement.getAttribute('required') === 'true';
+        this.usage = propertyElement.getAttribute('usage');
+        if (this.ofType === 'Enum') {
+            this._createValues(propertyElement);
+            for (const value of [...this.values.values()]) {
+                if (value.default) {
+                    this.defaultValue = value.content;
+                }
+            }
+        }
+    }
+    _createValues(propertyElement) {
+        const values = propertyElement.querySelectorAll(':scope>value');
+        for (const value of values) {
+            this.values.set(value.getAttribute('name'), new Value(value));
+        }
+    }
+}
+
+export { Property };
+//# sourceMappingURL=Property.js.map

package/dist/components/NestedControlRenderer/manifest/property/Property.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Property.js","sources":["../../../../../src/components/NestedControlRenderer/manifest/property/Property.ts"],"sourcesContent":["import { DataType } from \"@talxis/client-libraries\";\nimport { Value } from \"./Value\";\n\nexport class Property {\n    public readonly defaultValue: string | null;\n    public readonly descriptionKey: string | null;\n    public readonly displayNameKey: string;\n    public readonly name: string;\n    public readonly ofTypeGroup: string | null;\n    public readonly ofType: DataType | null;\n    public readonly required: boolean;\n    public readonly usage: 'bound' | 'input' | 'output';\n    public readonly values: Map<string, Value> = new Map();\n    public readonly isBindingProperty: boolean = false;\n\n    constructor(propertyElement: Element, isBindingProperty: boolean) {\n        this.isBindingProperty = isBindingProperty;\n        this.defaultValue = propertyElement.getAttribute('default-value')\n        this.descriptionKey = propertyElement.getAttribute('description-key');\n        this.displayNameKey = propertyElement.getAttribute('display-name-key')!;\n        this.name = propertyElement.getAttribute('name')!;\n        this.ofTypeGroup = propertyElement.getAttribute('of-type-group');\n        this.ofType = propertyElement.getAttribute('of-type') as DataType;\n        this.required = propertyElement.getAttribute('required') === 'true';\n        this.usage = propertyElement.getAttribute('usage')! as typeof this.usage;\n        if (this.ofType === 'Enum') {\n            this._createValues(propertyElement);\n            for (const value of [...this.values.values()]) {\n                if (value.default) {\n                    this.defaultValue = value.content;\n                }\n            }\n        }\n    }\n\n    private _createValues(propertyElement: Element) {\n        const values = propertyElement.querySelectorAll(':scope>value');\n        for (const value of values) {\n            this.values.set(value.getAttribute('name')!, new Value(value))\n        }\n    }\n}"],"names":[],"mappings":";;MAGa,QAAQ,CAAA;IAYjB,WAAY,CAAA,eAAwB,EAAE,iBAA0B,EAAA;AAHhD,QAAA,IAAA,CAAA,MAAM,GAAuB,IAAI,GAAG,EAAE,CAAC;QACvC,IAAiB,CAAA,iBAAA,GAAY,KAAK,CAAC;AAG/C,QAAA,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;QAC3C,IAAI,CAAC,YAAY,GAAG,eAAe,CAAC,YAAY,CAAC,eAAe,CAAC,CAAA;QACjE,IAAI,CAAC,cAAc,GAAG,eAAe,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QACtE,IAAI,CAAC,cAAc,GAAG,eAAe,CAAC,YAAY,CAAC,kBAAkB,CAAE,CAAC;QACxE,IAAI,CAAC,IAAI,GAAG,eAAe,CAAC,YAAY,CAAC,MAAM,CAAE,CAAC;QAClD,IAAI,CAAC,WAAW,GAAG,eAAe,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;QACjE,IAAI,CAAC,MAAM,GAAG,eAAe,CAAC,YAAY,CAAC,SAAS,CAAa,CAAC;QAClE,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,MAAM,CAAC;QACpE,IAAI,CAAC,KAAK,GAAG,eAAe,CAAC,YAAY,CAAC,OAAO,CAAuB,CAAC;AACzE,QAAA,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,EAAE;AACxB,YAAA,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;AACpC,YAAA,KAAK,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE;gBAC3C,IAAI,KAAK,CAAC,OAAO,EAAE;AACf,oBAAA,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;AACrC,iBAAA;AACJ,aAAA;AACJ,SAAA;KACJ;AAEO,IAAA,aAAa,CAAC,eAAwB,EAAA;QAC1C,MAAM,MAAM,GAAG,eAAe,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;AAChE,QAAA,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE;AACxB,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAE,EAAE,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;AACjE,SAAA;KACJ;AACJ;;;;"}

package/dist/components/NestedControlRenderer/manifest/property/Value.d.ts

@@ -0,0 +1,8 @@
+export declare class Value {
+    readonly name: string;
+    readonly displayNameKey: string;
+    readonly descriptionKey: string | null;
+    readonly default: boolean;
+    readonly content: string;
+    constructor(valueElement: Element);
+}

package/dist/components/NestedControlRenderer/manifest/property/Value.js

@@ -0,0 +1,12 @@
+class Value {
+    constructor(valueElement) {
+        this.name = valueElement.getAttribute('name');
+        this.displayNameKey = valueElement.getAttribute('display-name-key');
+        this.descriptionKey = valueElement.getAttribute('description-key');
+        this.default = valueElement.getAttribute('default') === 'true';
+        this.content = valueElement.innerHTML;
+    }
+}
+
+export { Value };
+//# sourceMappingURL=Value.js.map

package/dist/components/NestedControlRenderer/manifest/property/Value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Value.js","sources":["../../../../../src/components/NestedControlRenderer/manifest/property/Value.ts"],"sourcesContent":["export class Value {\n    public readonly name: string;\n    public readonly displayNameKey: string;\n    public readonly descriptionKey: string | null;\n    public readonly default: boolean;\n    public readonly content: string;\n\n    constructor(valueElement: Element) {\n        this.name = valueElement.getAttribute('name')!;\n        this.displayNameKey = valueElement.getAttribute('display-name-key')!\n        this.descriptionKey = valueElement.getAttribute('description-key');\n        this.default = valueElement.getAttribute('default') === 'true';\n        this.content = valueElement.innerHTML;\n    }\n}"],"names":[],"mappings":"MAAa,KAAK,CAAA;AAOd,IAAA,WAAA,CAAY,YAAqB,EAAA;QAC7B,IAAI,CAAC,IAAI,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,CAAE,CAAC;QAC/C,IAAI,CAAC,cAAc,GAAG,YAAY,CAAC,YAAY,CAAC,kBAAkB,CAAE,CAAA;QACpE,IAAI,CAAC,cAAc,GAAG,YAAY,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QACnE,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,MAAM,CAAC;AAC/D,QAAA,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC,SAAS,CAAC;KACzC;AACJ;;;;"}

package/dist/components/NestedControlRenderer/properties/DateProperty.d.ts

@@ -0,0 +1,5 @@
+import { IDateTimeProperty } from "../../../interfaces";
+import { Property } from "./Property";
+export declare class DateProperty extends Property {
+    getParameter(): IDateTimeProperty;
+}

package/dist/components/NestedControlRenderer/properties/DateProperty.js

@@ -0,0 +1,22 @@
+import dayjs from 'dayjs';
+import { Property } from './Property.js';
+import { FieldValue } from '@talxis/client-libraries';
+
+class DateProperty extends Property {
+    getParameter() {
+        const value = this.getValue();
+        const date = dayjs(value);
+        const formattedValue = new FieldValue(value, this.dataType).getFormattedValue();
+        return {
+            raw: date.isValid() ? date.toDate() : value,
+            formatted: formattedValue ?? undefined,
+            attributes: this.attributeMetadata ?? {
+                Behavior: 0,
+                //TODO: default format
+            }
+        };
+    }
+}
+
+export { DateProperty };
+//# sourceMappingURL=DateProperty.js.map

package/dist/components/NestedControlRenderer/properties/DateProperty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateProperty.js","sources":["../../../../src/components/NestedControlRenderer/properties/DateProperty.ts"],"sourcesContent":["import dayjs from \"dayjs\";\nimport { IDateTimeProperty } from \"../../../interfaces\";\nimport { Property } from \"./Property\";\nimport { FieldValue } from \"@talxis/client-libraries\";\n\nexport class DateProperty extends Property {\n    public getParameter(): IDateTimeProperty {\n        const value = this.getValue();\n        const date = dayjs(value);\n        const formattedValue = new FieldValue(value, this.dataType).getFormattedValue();\n        return {\n            raw: date.isValid() ? date.toDate() : value,\n            formatted: formattedValue ?? undefined,\n            attributes: <any>this.attributeMetadata ?? {\n                Behavior: 0,\n                //TODO: default format\n            }\n        }\n    }\n}"],"names":[],"mappings":";;;;AAKM,MAAO,YAAa,SAAQ,QAAQ,CAAA;IAC/B,YAAY,GAAA;AACf,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;AAC9B,QAAA,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;AAC1B,QAAA,MAAM,cAAc,GAAG,IAAI,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAChF,OAAO;AACH,YAAA,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK;YAC3C,SAAS,EAAE,cAAc,IAAI,SAAS;AACtC,YAAA,UAAU,EAAO,IAAI,CAAC,iBAAiB,IAAI;AACvC,gBAAA,QAAQ,EAAE,CAAC;;AAEd,aAAA;SACJ,CAAA;KACJ;AACJ;;;;"}

package/dist/components/NestedControlRenderer/properties/FileProperty.d.ts

@@ -0,0 +1,5 @@
+import { Property } from "./Property";
+import { IFileProperty } from "../../../interfaces";
+export declare class FileProperty extends Property {
+    getParameter(): IFileProperty;
+}