@talxis/base-controls 1.2502.1 → 1.2503.2

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

@@ -0,0 +1,14 @@
+import { Property } from './Property.js';
+
+class FileProperty extends Property {
+    getParameter() {
+        const value = this.getValue();
+        return {
+            raw: value,
+            formatted: this.getFormattedValue() ?? ''
+        };
+    }
+}
+
+export { FileProperty };
+//# sourceMappingURL=FileProperty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileProperty.js","sources":["../../../../src/components/NestedControlRenderer/properties/FileProperty.ts"],"sourcesContent":["import { FieldValue } from \"@talxis/client-libraries\";\nimport { Property } from \"./Property\";\nimport { IFileProperty } from \"../../../interfaces\";\n\nexport class FileProperty extends Property {\n    public getParameter(): IFileProperty {\n        const value = this.getValue();\n        return {\n            raw: value,\n            formatted: this.getFormattedValue() ?? ''\n        }\n    }\n}"],"names":[],"mappings":";;AAIM,MAAO,YAAa,SAAQ,QAAQ,CAAA;IAC/B,YAAY,GAAA;AACf,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,OAAO;AACH,YAAA,GAAG,EAAE,KAAK;AACV,YAAA,SAAS,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,EAAE;SAC5C,CAAA;KACJ;AACJ;;;;"}

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

@@ -0,0 +1,6 @@
+import { Property } from "./Property";
+import { ILookupProperty } from "../../../interfaces";
+export declare class LookupProperty extends Property {
+    getParameter(): ILookupProperty;
+    private _getAllViews;
+}

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

@@ -0,0 +1,35 @@
+import { PromiseCache } from '@talxis/client-libraries';
+import { Property } from './Property.js';
+
+const LookupCache = new PromiseCache();
+class LookupProperty extends Property {
+    getParameter() {
+        const value = this.getValue() ?? [];
+        return {
+            raw: value,
+            formatted: this.getFormattedValue(),
+            getAllViews: (entityName, __queryType) => this._getAllViews(entityName, __queryType),
+            attributes: this.attributeMetadata ?? {
+                Targets: [],
+            }
+        };
+    }
+    async _getAllViews(entityName, __queryType = 64) {
+        const cacheKey = `${entityName}_${__queryType}`;
+        const result = await LookupCache.get(cacheKey, async () => {
+            const response = await this.parentPcfContext.webAPI.retrieveMultipleRecords('savedquery', `?$filter=returnedtypecode eq '${entityName}' and querytype eq ${__queryType} and isdefault eq true&$select=name,savedqueryid,fetchxml`);
+            return response.entities[0];
+        });
+        return [
+            {
+                isDefault: true,
+                viewName: result.name,
+                viewId: result.savedqueryid,
+                fetchXml: result.fetchxml
+            }
+        ];
+    }
+}
+
+export { LookupProperty };
+//# sourceMappingURL=LookupProperty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LookupProperty.js","sources":["../../../../src/components/NestedControlRenderer/properties/LookupProperty.ts"],"sourcesContent":["import { FieldValue, PromiseCache } from \"@talxis/client-libraries\";\nimport { Property } from \"./Property\";\nimport { ILookupProperty } from \"../../../interfaces\";\n\nconst LookupCache = new PromiseCache();\n\nexport class LookupProperty extends Property {\n\n    public getParameter(): ILookupProperty {\n        const value = this.getValue() ?? [];        \n        return {\n            raw: value,\n            formatted: this.getFormattedValue(),\n            getAllViews: (entityName: string, __queryType?: number) => this._getAllViews(entityName, __queryType),\n            attributes: <any>this.attributeMetadata ?? {\n                Targets: [],\n            }\n        }\n    }\n\n    private async _getAllViews(entityName: string, __queryType: number = 64) {\n        const cacheKey = `${entityName}_${__queryType}`\n        const result = await LookupCache.get(cacheKey, async () => {\n            const response = await this.parentPcfContext.webAPI.retrieveMultipleRecords('savedquery', `?$filter=returnedtypecode eq '${entityName}' and querytype eq ${__queryType} and isdefault eq true&$select=name,savedqueryid,fetchxml`);\n            return response.entities[0];\n        })\n        return [\n            {\n                isDefault: true,\n                viewName: result.name,\n                viewId: result.savedqueryid,\n                fetchXml: result.fetchxml\n            }\n        ]\n    }\n}"],"names":[],"mappings":";;;AAIA,MAAM,WAAW,GAAG,IAAI,YAAY,EAAE,CAAC;AAEjC,MAAO,cAAe,SAAQ,QAAQ,CAAA;IAEjC,YAAY,GAAA;QACf,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC;QACpC,OAAO;AACH,YAAA,GAAG,EAAE,KAAK;AACV,YAAA,SAAS,EAAE,IAAI,CAAC,iBAAiB,EAAE;AACnC,YAAA,WAAW,EAAE,CAAC,UAAkB,EAAE,WAAoB,KAAK,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,WAAW,CAAC;AACrG,YAAA,UAAU,EAAO,IAAI,CAAC,iBAAiB,IAAI;AACvC,gBAAA,OAAO,EAAE,EAAE;AACd,aAAA;SACJ,CAAA;KACJ;AAEO,IAAA,MAAM,YAAY,CAAC,UAAkB,EAAE,cAAsB,EAAE,EAAA;AACnE,QAAA,MAAM,QAAQ,GAAG,CAAA,EAAG,UAAU,CAAI,CAAA,EAAA,WAAW,EAAE,CAAA;QAC/C,MAAM,MAAM,GAAG,MAAM,WAAW,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAW;AACtD,YAAA,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,uBAAuB,CAAC,YAAY,EAAE,CAAiC,8BAAA,EAAA,UAAU,sBAAsB,WAAW,CAAA,yDAAA,CAA2D,CAAC,CAAC;AACnO,YAAA,OAAO,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AAChC,SAAC,CAAC,CAAA;QACF,OAAO;AACH,YAAA;AACI,gBAAA,SAAS,EAAE,IAAI;gBACf,QAAQ,EAAE,MAAM,CAAC,IAAI;gBACrB,MAAM,EAAE,MAAM,CAAC,YAAY;gBAC3B,QAAQ,EAAE,MAAM,CAAC,QAAQ;AAC5B,aAAA;SACJ,CAAA;KACJ;AACJ;;;;"}

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

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

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

@@ -0,0 +1,15 @@
+import { Property } from './Property.js';
+
+class NumberProperty extends Property {
+    getParameter() {
+        const value = this.getValue();
+        return {
+            raw: value,
+            formatted: this.getFormattedValue(),
+            attributes: this.attributeMetadata
+        };
+    }
+}
+
+export { NumberProperty };
+//# sourceMappingURL=NumberProperty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberProperty.js","sources":["../../../../src/components/NestedControlRenderer/properties/NumberProperty.ts"],"sourcesContent":["import { FieldValue } from \"@talxis/client-libraries\";\nimport { IWholeNumberProperty } from \"../../../interfaces\";\nimport { Property } from \"./Property\";\n\nexport class NumberProperty extends Property {\n\n    public getParameter(): IWholeNumberProperty {\n        const value = this.getValue();\n        return {\n            raw: value,\n            formatted: this.getFormattedValue(),\n            attributes: this.attributeMetadata\n        }\n    }\n}"],"names":[],"mappings":";;AAIM,MAAO,cAAe,SAAQ,QAAQ,CAAA;IAEjC,YAAY,GAAA;AACf,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,OAAO;AACH,YAAA,GAAG,EAAE,KAAK;AACV,YAAA,SAAS,EAAE,IAAI,CAAC,iBAAiB,EAAE;YACnC,UAAU,EAAE,IAAI,CAAC,iBAAiB;SACrC,CAAA;KACJ;AACJ;;;;"}

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

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

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

@@ -0,0 +1,22 @@
+import { DataTypes } from '@talxis/client-libraries';
+import { Property } from './Property.js';
+
+class OptionSetProperty extends Property {
+    getParameter() {
+        let value = this.getValue();
+        if (this.dataType === DataTypes.TwoOptions) {
+            value = value === true;
+        }
+        return {
+            raw: value ?? null,
+            formatted: this.getFormattedValue(),
+            attributes: {
+                ...this.attributeMetadata,
+                Options: this.attributeMetadata?.OptionSet ?? []
+            }
+        };
+    }
+}
+
+export { OptionSetProperty };
+//# sourceMappingURL=OptionSetProperty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionSetProperty.js","sources":["../../../../src/components/NestedControlRenderer/properties/OptionSetProperty.ts"],"sourcesContent":["import { DataTypes, FieldValue } from \"@talxis/client-libraries\";\nimport { Property } from \"./Property\";\nimport { IOptionSetProperty } from \"../../../interfaces\";\n\nexport class OptionSetProperty extends Property {\n\n    public getParameter(): IOptionSetProperty {\n        let value = this.getValue();\n        if(this.dataType === DataTypes.TwoOptions) {\n            value = value === true;\n        }\n        return {\n            raw: value ?? null,\n            formatted: this.getFormattedValue(),\n            attributes: {\n                ...this.attributeMetadata,\n                Options: this.attributeMetadata?.OptionSet ?? []\n            }\n        }\n    }\n    \n}"],"names":[],"mappings":";;;AAIM,MAAO,iBAAkB,SAAQ,QAAQ,CAAA;IAEpC,YAAY,GAAA;AACf,QAAA,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;AAC5B,QAAA,IAAG,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,UAAU,EAAE;AACvC,YAAA,KAAK,GAAG,KAAK,KAAK,IAAI,CAAC;AAC1B,SAAA;QACD,OAAO;YACH,GAAG,EAAE,KAAK,IAAI,IAAI;AAClB,YAAA,SAAS,EAAE,IAAI,CAAC,iBAAiB,EAAE;AACnC,YAAA,UAAU,EAAE;gBACR,GAAG,IAAI,CAAC,iBAAiB;AACzB,gBAAA,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAAE,SAAS,IAAI,EAAE;AACnD,aAAA;SACJ,CAAA;KACJ;AAEJ;;;;"}

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

@@ -0,0 +1,17 @@
+/// <reference types="@types/powerapps-component-framework" />
+import { IOptions } from "../NestedControl";
+import { IBinding } from "../interfaces";
+export declare abstract class Property {
+    private _onGetBinding;
+    private _parentPcfContext;
+    private _attributeMetadata;
+    constructor(options: IOptions, onGetBinding: () => IBinding);
+    abstract getParameter(): any;
+    init(): Promise<boolean>;
+    get parentPcfContext(): ComponentFramework.Context<any, any>;
+    get attributeMetadata(): any;
+    get dataType(): import("@talxis/client-libraries").DataType;
+    getValue(): any;
+    getFormattedValue(): string | undefined;
+    private get _binding();
+}

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

@@ -0,0 +1,46 @@
+import { FieldValue } from '@talxis/client-libraries';
+
+class Property {
+    constructor(options, onGetBinding) {
+        this._attributeMetadata = {};
+        this._onGetBinding = onGetBinding;
+        this._parentPcfContext = options.parentPcfContext;
+    }
+    //this init will be sync if onOverrideMetadata was provided and no attributeName and entityName has been provided
+    async init() {
+        const bindingMetadata = this._binding.metadata;
+        if (!bindingMetadata) {
+            return true;
+        }
+        if (typeof bindingMetadata.attributeName === 'string' && typeof bindingMetadata.entityName === 'string') {
+            const metadata = await this.parentPcfContext.utils.getEntityMetadata(bindingMetadata.entityName, [bindingMetadata.attributeName]);
+            this._attributeMetadata = metadata.Attributes.get(bindingMetadata.attributeName).attributeDescriptor ?? {};
+        }
+        if (bindingMetadata.onOverrideMetadata) {
+            this._attributeMetadata = bindingMetadata.onOverrideMetadata(this._attributeMetadata);
+        }
+        return true;
+    }
+    ;
+    get parentPcfContext() {
+        return this._parentPcfContext;
+    }
+    get attributeMetadata() {
+        return this._attributeMetadata;
+    }
+    get dataType() {
+        return this._binding.type;
+    }
+    getValue() {
+        return this._binding.value;
+    }
+    getFormattedValue() {
+        return this._binding.formattedValue ?? new FieldValue(this.getValue(), this.dataType, this._attributeMetadata).getFormattedValue() ?? undefined;
+    }
+    get _binding() {
+        return this._onGetBinding();
+    }
+}
+
+export { Property };
+//# sourceMappingURL=Property.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Property.js","sources":["../../../../src/components/NestedControlRenderer/properties/Property.ts"],"sourcesContent":["import { FieldValue, IAttributeMetadata} from \"@talxis/client-libraries\";\nimport { IOptions } from \"../NestedControl\";\nimport { IBinding } from \"../interfaces\";\n\nexport abstract class Property {\n    private _onGetBinding: () => IBinding;\n    private _parentPcfContext: ComponentFramework.Context<any, any>;\n    private _attributeMetadata: IAttributeMetadata = {} as any;\n\n    constructor(options: IOptions, onGetBinding: () => IBinding) {\n        this._onGetBinding = onGetBinding;\n        this._parentPcfContext = options.parentPcfContext;\n    }\n    public abstract getParameter(): any;\n\n    //this init will be sync if onOverrideMetadata was provided and no attributeName and entityName has been provided\n    public async init(): Promise<boolean> {\n        const bindingMetadata = this._binding.metadata;\n        if(!bindingMetadata) {\n            return true;\n        }\n        if(typeof bindingMetadata.attributeName === 'string' && typeof bindingMetadata.entityName === 'string') {\n            const metadata = await this.parentPcfContext.utils.getEntityMetadata(bindingMetadata.entityName, [bindingMetadata.attributeName]);\n            this._attributeMetadata = metadata.Attributes.get(bindingMetadata.attributeName).attributeDescriptor ?? {};\n        }\n        if(bindingMetadata.onOverrideMetadata) {\n            this._attributeMetadata = bindingMetadata.onOverrideMetadata(this._attributeMetadata);\n        }\n        return true;\n    };\n    \n\n    public get parentPcfContext() {\n        return this._parentPcfContext;\n    }\n    public get attributeMetadata(): any {\n        return this._attributeMetadata;\n    }\n    public get dataType() {\n        return this._binding.type;\n    }\n    public getValue(): any {\n        return this._binding.value;\n    }\n    public getFormattedValue(): string | undefined {\n        return this._binding.formattedValue ?? new FieldValue(this.getValue(), this.dataType, this._attributeMetadata).getFormattedValue() ?? undefined;\n    }\n    private get _binding() {\n        return this._onGetBinding();\n    }\n}"],"names":[],"mappings":";;MAIsB,QAAQ,CAAA;IAK1B,WAAY,CAAA,OAAiB,EAAE,YAA4B,EAAA;QAFnD,IAAkB,CAAA,kBAAA,GAAuB,EAAS,CAAC;AAGvD,QAAA,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;AAClC,QAAA,IAAI,CAAC,iBAAiB,GAAG,OAAO,CAAC,gBAAgB,CAAC;KACrD;;AAIM,IAAA,MAAM,IAAI,GAAA;AACb,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC;QAC/C,IAAG,CAAC,eAAe,EAAE;AACjB,YAAA,OAAO,IAAI,CAAC;AACf,SAAA;AACD,QAAA,IAAG,OAAO,eAAe,CAAC,aAAa,KAAK,QAAQ,IAAI,OAAO,eAAe,CAAC,UAAU,KAAK,QAAQ,EAAE;YACpG,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,UAAU,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC;AAClI,YAAA,IAAI,CAAC,kBAAkB,GAAG,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,mBAAmB,IAAI,EAAE,CAAC;AAC9G,SAAA;QACD,IAAG,eAAe,CAAC,kBAAkB,EAAE;YACnC,IAAI,CAAC,kBAAkB,GAAG,eAAe,CAAC,kBAAkB,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;AACzF,SAAA;AACD,QAAA,OAAO,IAAI,CAAC;KACf;;AAGD,IAAA,IAAW,gBAAgB,GAAA;QACvB,OAAO,IAAI,CAAC,iBAAiB,CAAC;KACjC;AACD,IAAA,IAAW,iBAAiB,GAAA;QACxB,OAAO,IAAI,CAAC,kBAAkB,CAAC;KAClC;AACD,IAAA,IAAW,QAAQ,GAAA;AACf,QAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;KAC7B;IACM,QAAQ,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;KAC9B;IACM,iBAAiB,GAAA;QACpB,OAAO,IAAI,CAAC,QAAQ,CAAC,cAAc,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC,iBAAiB,EAAE,IAAI,SAAS,CAAC;KACnJ;AACD,IAAA,IAAY,QAAQ,GAAA;AAChB,QAAA,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;KAC/B;AACJ;;;;"}

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

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

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

@@ -0,0 +1,15 @@
+import { Property } from './Property.js';
+
+class TextProperty extends Property {
+    getParameter() {
+        const value = this.getValue();
+        return {
+            raw: value,
+            formatted: this.getFormattedValue(),
+            attributes: this.attributeMetadata
+        };
+    }
+}
+
+export { TextProperty };
+//# sourceMappingURL=TextProperty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextProperty.js","sources":["../../../../src/components/NestedControlRenderer/properties/TextProperty.ts"],"sourcesContent":["import { IStringProperty } from \"../../../interfaces\";\nimport { Property } from \"./Property\";\n\nexport class TextProperty extends Property {\n    public getParameter(): IStringProperty {\n        const value = this.getValue();\n        return {\n            raw: value,\n            formatted: this.getFormattedValue(),\n            attributes: this.attributeMetadata\n        }\n    }\n}"],"names":[],"mappings":";;AAGM,MAAO,YAAa,SAAQ,QAAQ,CAAA;IAC/B,YAAY,GAAA;AACf,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,OAAO;AACH,YAAA,GAAG,EAAE,KAAK;AACV,YAAA,SAAS,EAAE,IAAI,CAAC,iBAAiB,EAAE;YACnC,UAAU,EAAE,IAAI,CAAC,iBAAiB;SACrC,CAAA;KACJ;AACJ;;;;"}

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

@@ -0,0 +1,14 @@
+export declare const getNestedControlStyles: (isBaseControl: boolean) => import("@fluentui/react").IProcessedStyleSet<{
+    customControlContainer: {
+        display: string | undefined;
+    };
+    shimmerRoot: {
+        flexGrow: number;
+    };
+    shimmerWrapper: {
+        height: number;
+    };
+    messageBarBtn: {
+        minHeight: string;
+    };
+}>;

package/dist/components/NestedControlRenderer/styles.js

@@ -0,0 +1,21 @@
+import { mergeStyleSets } from '@fluentui/react';
+
+const getNestedControlStyles = (isBaseControl) => {
+    return mergeStyleSets({
+        customControlContainer: {
+            display: isBaseControl ? 'none' : undefined
+        },
+        shimmerRoot: {
+            flexGrow: 1
+        },
+        shimmerWrapper: {
+            height: 32
+        },
+        messageBarBtn: {
+            minHeight: 'inherit'
+        }
+    });
+};
+
+export { getNestedControlStyles };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/components/NestedControlRenderer/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\";\n\nexport const getNestedControlStyles = (isBaseControl: boolean) => {\n    return mergeStyleSets({\n        customControlContainer: {\n            display: isBaseControl ? 'none' : undefined\n        },\n        shimmerRoot: {\n            flexGrow: 1\n        },\n        shimmerWrapper: {\n            height: 32\n        },\n        messageBarBtn: {\n            minHeight: 'inherit'\n        }\n    })\n}"],"names":[],"mappings":";;AAEa,MAAA,sBAAsB,GAAG,CAAC,aAAsB,KAAI;AAC7D,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,sBAAsB,EAAE;YACpB,OAAO,EAAE,aAAa,GAAG,MAAM,GAAG,SAAS;AAC9C,SAAA;AACD,QAAA,WAAW,EAAE;AACT,YAAA,QAAQ,EAAE,CAAC;AACd,SAAA;AACD,QAAA,cAAc,EAAE;AACZ,YAAA,MAAM,EAAE,EAAE;AACb,SAAA;AACD,QAAA,aAAa,EAAE;AACX,YAAA,SAAS,EAAE,SAAS;AACvB,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

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

@@ -0,0 +1,14 @@
+export declare const getDefaultNestedControlRendererTranslations: () => {
+    detail: {
+        1029: string;
+        1033: string;
+    };
+    control: {
+        1029: string;
+        1033: string;
+    };
+    failedToLoad: {
+        1029: string;
+        1033: string;
+    };
+};

package/dist/components/NestedControlRenderer/translations.js

@@ -0,0 +1,19 @@
+const getDefaultNestedControlRendererTranslations = () => {
+    return {
+        detail: {
+            1029: 'Detail',
+            1033: 'Detail'
+        },
+        control: {
+            1029: 'Ovládací prvek',
+            1033: 'Control'
+        },
+        failedToLoad: {
+            1029: 'se nepodařilo načíst',
+            1033: 'failed to load'
+        }
+    };
+};
+
+export { getDefaultNestedControlRendererTranslations };
+//# sourceMappingURL=translations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"translations.js","sources":["../../../src/components/NestedControlRenderer/translations.ts"],"sourcesContent":["export const getDefaultNestedControlRendererTranslations = () => {\n    return {\n        detail: {\n            1029: 'Detail',\n            1033: 'Detail'\n        },\n        control: {\n            1029: 'Ovládací prvek',\n            1033: 'Control'\n        },\n        failedToLoad: {\n            1029: 'se nepodařilo načíst',\n            1033: 'failed to load'\n        }\n    }\n};"],"names":[],"mappings":"AAAO,MAAM,2CAA2C,GAAG,MAAK;IAC5D,OAAO;AACH,QAAA,MAAM,EAAE;AACJ,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,IAAI,EAAE,QAAQ;AACjB,SAAA;AACD,QAAA,OAAO,EAAE;AACL,YAAA,IAAI,EAAE,gBAAgB;AACtB,YAAA,IAAI,EAAE,SAAS;AAClB,SAAA;AACD,QAAA,YAAY,EAAE;AACV,YAAA,IAAI,EAAE,sBAAsB;AAC5B,YAAA,IAAI,EAAE,gBAAgB;AACzB,SAAA;KACJ,CAAA;AACL;;;;"}

package/dist/components/OptionSet/OptionSet.js

@@ -39,7 +39,7 @@ const OptionSet = (props) => {
         if (!option) {
             return null;
         }
-        const color = Options.find(item => item.Value.toString() === option.key)?.Color;
+        const color = Options.find(item => item.Value.toString() === option.key)?.Color ?? theme.palette.neutralLight;
         return jsx(ColorfulOption, { label: option.text, color: color });
     };
     const componentProps = onOverrideComponentProps({
@@ -51,9 +51,9 @@ const OptionSet = (props) => {
         useComboBoxAsMenuWidth: true,
         hideErrorMessage: !parameters.ShowErrorMessage?.raw,
         styles: { root: styles.root, callout: styles.callout },
-        onRenderContainer: (props, defaultRender) => jsx(ThemeProvider, { theme: theme, children: defaultRender?.(props) }),
+        onRenderContainer: (containerProps, defaultRender) => jsx(ThemeProvider, { theme: props.context.fluentDesignLanguage?.applicationTheme, children: defaultRender?.(containerProps) }),
         calloutProps: {
-            theme: theme
+            theme: props.context.fluentDesignLanguage?.applicationTheme
         },
         ...(parameters.EnableCopyButton?.raw === true && {
             clickToCopyProps: {

package/dist/components/OptionSet/OptionSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptionSet.js","sources":["../../../src/components/OptionSet/OptionSet.tsx"],"sourcesContent":["\nimport { IOptionSet } from './interfaces';\nimport { useControl } from '../../hooks';\nimport { ComboBox, ColorfulOption } from \"@talxis/react-components\";\nimport { IComboBox, IComboBoxOption, ThemeProvider } from '@fluentui/react';\nimport { useEffect, useMemo, useRef } from 'react';\nimport { useComboBoxTheme } from './useComboBoxTheme';\nimport { getComboBoxStyles } from './styles';\nimport React from 'react';\n\nexport const OptionSet = (props: IOptionSet) => {\n    const componentRef = useRef<IComboBox>(null);\n    const { sizing, onNotifyOutputChanged, theme } = useControl('OptionSet', props);\n    const styles = useMemo(() => getComboBoxStyles(sizing.width, sizing.height), [sizing.width, sizing.height]);\n    const [colorFeatureEnabled, overridenTheme] = useComboBoxTheme(props, theme);\n    const parameters = props.parameters;\n    const boundValue = parameters.value;\n    const { Options } = parameters.value.attributes;\n    const context = props.context;\n    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);\n\n    const comboBoxOptions: IComboBoxOption[] = Options.map(option => ({\n        key: option.Value.toString(),\n        text: option.Label,\n        title: option.Label\n    }));\n\n    useEffect(() => {\n        if (parameters.AutoFocus?.raw) {\n            componentRef.current?.focus(true);\n        }\n    }, []);\n\n    const handleChange = (option?: IComboBoxOption | null): void => {\n        let value = undefined;\n        if (option) {\n            value = parseInt(option.key as string);\n        }\n        onNotifyOutputChanged({\n            value: value\n        });\n    };\n\n    const onRenderColorfulOption = (option: IComboBoxOption | undefined) => {\n        if (!option) {\n            return null;\n        }\n        const color = Options.find(item => item.Value.toString() === option.key)?.Color;\n        return <ColorfulOption label={option.text} color={color} />\n    };\n\n    const componentProps = onOverrideComponentProps({\n        componentRef: componentRef,\n        options: comboBoxOptions,\n        readOnly: context.mode.isControlDisabled,\n        selectedKey: boundValue.raw?.toString() ?? null,\n        errorMessage: boundValue.errorMessage,\n        useComboBoxAsMenuWidth: true,\n        hideErrorMessage: !parameters.ShowErrorMessage?.raw,\n        styles: { root: styles.root, callout: styles.callout },\n        onRenderContainer: (props, defaultRender) => <ThemeProvider theme={theme}>{defaultRender?.(props)}</ThemeProvider>,\n        calloutProps: {\n            theme: theme\n        },\n        ...(parameters.EnableCopyButton?.raw === true && {\n            clickToCopyProps: {\n                key: 'copy',\n                showOnlyOnHover: true,\n                iconProps: {\n                    iconName: 'Copy',\n                },\n            },\n        }),\n        ...(parameters.EnableDeleteButton?.raw === true && {\n            deleteButtonProps: {\n                key: 'delete',\n                showOnlyOnHover: true,\n                iconProps: {\n                    iconName: 'Cancel',\n                },\n                onClick: (e, value) => {\n                    handleChange(null);\n                },\n            },\n        }),\n        onChange: (e, option) => handleChange(option),\n        onRenderOption: colorFeatureEnabled ? onRenderColorfulOption : undefined,\n    });\n\n    return (\n        <ThemeProvider theme={overridenTheme} applyTo=\"none\">\n            <ComboBox\n                {...componentProps} />\n        </ThemeProvider>);\n};"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"OptionSet.js","sources":["../../../src/components/OptionSet/OptionSet.tsx"],"sourcesContent":["\nimport { IOptionSet } from './interfaces';\nimport { useControl } from '../../hooks';\nimport { ComboBox, ColorfulOption } from \"@talxis/react-components\";\nimport { IComboBox, IComboBoxOption, ThemeProvider } from '@fluentui/react';\nimport { useEffect, useMemo, useRef } from 'react';\nimport { useComboBoxTheme } from './useComboBoxTheme';\nimport { getComboBoxStyles } from './styles';\n\n\nexport const OptionSet = (props: IOptionSet) => {\n    const componentRef = useRef<IComboBox>(null);\n    const { sizing, onNotifyOutputChanged, theme } = useControl('OptionSet', props);\n    const styles = useMemo(() => getComboBoxStyles(sizing.width, sizing.height), [sizing.width, sizing.height]);\n    const [colorFeatureEnabled, overridenTheme] = useComboBoxTheme(props, theme);\n    const parameters = props.parameters;\n    const boundValue = parameters.value;\n    const { Options } = parameters.value.attributes;\n    const context = props.context;\n    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);\n\n    const comboBoxOptions: IComboBoxOption[] = Options.map(option => ({\n        key: option.Value.toString(),\n        text: option.Label,\n        title: option.Label\n    }));\n\n    useEffect(() => {\n        if (parameters.AutoFocus?.raw) {\n            componentRef.current?.focus(true);\n        }\n    }, []);\n\n    const handleChange = (option?: IComboBoxOption | null): void => {\n        let value = undefined;\n        if (option) {\n            value = parseInt(option.key as string);\n        }\n        onNotifyOutputChanged({\n            value: value\n        });\n    };\n\n    const onRenderColorfulOption = (option: IComboBoxOption | undefined) => {\n        if (!option) {\n            return null;\n        }\n        const color = Options.find(item => item.Value.toString() === option.key)?.Color ?? theme.palette.neutralLight\n        return <ColorfulOption label={option.text} color={color} />\n    };\n\n    const componentProps = onOverrideComponentProps({\n        componentRef: componentRef,\n        options: comboBoxOptions,\n        readOnly: context.mode.isControlDisabled,\n        selectedKey: boundValue.raw?.toString() ?? null,\n        errorMessage: boundValue.errorMessage,\n        useComboBoxAsMenuWidth: true,\n        hideErrorMessage: !parameters.ShowErrorMessage?.raw,\n        styles: { root: styles.root, callout: styles.callout },\n        onRenderContainer: (containerProps, defaultRender) => <ThemeProvider theme={props.context.fluentDesignLanguage?.applicationTheme}>{defaultRender?.(containerProps)}</ThemeProvider>,\n        calloutProps: {\n            theme: props.context.fluentDesignLanguage?.applicationTheme\n        },\n        ...(parameters.EnableCopyButton?.raw === true && {\n            clickToCopyProps: {\n                key: 'copy',\n                showOnlyOnHover: true,\n                iconProps: {\n                    iconName: 'Copy',\n                },\n            },\n        }),\n        ...(parameters.EnableDeleteButton?.raw === true && {\n            deleteButtonProps: {\n                key: 'delete',\n                showOnlyOnHover: true,\n                iconProps: {\n                    iconName: 'Cancel',\n                },\n                onClick: (e, value) => {\n                    handleChange(null);\n                },\n            },\n        }),\n        onChange: (e, option) => handleChange(option),\n        onRenderOption: colorFeatureEnabled ? onRenderColorfulOption : undefined,\n    });\n\n    return (\n        <ThemeProvider theme={overridenTheme} applyTo=\"none\">\n            <ComboBox\n                {...componentProps} />\n        </ThemeProvider>);\n};"],"names":["_jsx"],"mappings":"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"}

package/dist/components/OptionSet/useComboBoxTheme.js

@@ -1,5 +1,4 @@
 import { useThemeGenerator, Theming } from '@talxis/react-components';
-import Color from 'color';
 
 const useComboBoxTheme = (props, theme) => {
     const boundValue = props.parameters.value;
@@ -11,21 +10,15 @@ const useComboBoxTheme = (props, theme) => {
             textColor: theme.semanticColors.bodyText,
             primaryColor: theme.palette.themePrimary
         };
-        if (!colorFeatureEnabled || !selectedOptionColor) {
-            colors.backgroundColor = theme.semanticColors.bodyBackground;
-            colors.textColor = theme.semanticColors.bodyText;
-            colors.primaryColor = theme.palette.themePrimary;
+        if (!colorFeatureEnabled) {
+            return colors;
         }
-        else {
-            colors.backgroundColor = selectedOptionColor;
-            colors.textColor = Theming.GetTextColorForBackground(selectedOptionColor);
-            if (Theming.IsDarkColor(colors.textColor)) {
-                colors.primaryColor = Color(colors.backgroundColor).darken(0.5).hex();
-            }
-            else {
-                colors.primaryColor = Color(colors.backgroundColor).lighten(0.5).hex();
-            }
+        if (!selectedOptionColor) {
+            colors.backgroundColor = theme.semanticColors.inputBackground;
+            return colors;
         }
+        colors.backgroundColor = selectedOptionColor;
+        colors.textColor = Theming.GetTextColorForBackground(selectedOptionColor);
         return colors;
     };
     const getIsColorFeatureEnabled = () => {
@@ -38,10 +31,17 @@ const useComboBoxTheme = (props, theme) => {
      * Since we are creating new theme for combobox, we need to add the overrides in cases where there is no color feature enabled or no color is selected.
      */
     const getThemeOverride = (colorFeatureEnabled) => {
-        if (!colorFeatureEnabled || !selectedOptionColor) {
-            return props.context.fluentDesignLanguage?.tokenTheme?.fluentV8Overrides;
+        const override = {
+            ...props.context.fluentDesignLanguage?.v8FluentOverrides
+        };
+        if (!colorFeatureEnabled) {
+            return override;
+        }
+        if (!selectedOptionColor) {
+            return override;
         }
-        return undefined;
+        delete override.semanticColors?.inputBackground;
+        return override;
     };
     const isColorFeatureEnabled = getIsColorFeatureEnabled();
     const colors = getColors(isColorFeatureEnabled);

package/dist/components/OptionSet/useComboBoxTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useComboBoxTheme.js","sources":["../../../src/components/OptionSet/useComboBoxTheme.ts"],"sourcesContent":["import { IOptionSet } from \"./interfaces\";\nimport { ITheme } from \"@fluentui/react\";\nimport { Theming, useThemeGenerator } from \"@talxis/react-components\";\nimport Color from \"color\";\n\nexport const useComboBoxTheme = (props: IOptionSet, theme: ITheme): [boolean, ITheme] => {\n    const boundValue = props.parameters.value;\n    const { Options } = boundValue.attributes;\n    const selectedOptionColor = boundValue.attributes.Options.find(x => x.Value === boundValue.raw)?.Color;\n\n    const getColors = (colorFeatureEnabled: boolean) => {\n        const colors = {\n            backgroundColor: theme.semanticColors.bodyBackground,\n            textColor: theme.semanticColors.bodyText,\n            primaryColor: theme.palette.themePrimary\n        }\n        if(!colorFeatureEnabled || !selectedOptionColor) {\n            colors.backgroundColor = theme.semanticColors.bodyBackground;\n            colors.textColor = theme.semanticColors.bodyText;\n            colors.primaryColor = theme.palette.themePrimary;\n        }\n        else {\n            colors.backgroundColor = selectedOptionColor;\n            colors.textColor = Theming.GetTextColorForBackground(selectedOptionColor);\n            if(Theming.IsDarkColor(colors.textColor)) {\n                colors.primaryColor = Color(colors.backgroundColor).darken(0.5).hex()\n            }\n            else {\n                colors.primaryColor = Color(colors.backgroundColor).lighten(0.5).hex()\n            }\n        }\n        return colors;\n    }\n    const getIsColorFeatureEnabled = () => {\n        if (props.parameters.EnableOptionSetColors?.raw && Options.find(x => x.Color)) {\n            return true;\n        }\n        return false;\n    }\n\n    /**\n     * Since we are creating new theme for combobox, we need to add the overrides in cases where there is no color feature enabled or no color is selected.\n     */\n    const getThemeOverride = (colorFeatureEnabled: boolean) => {\n        if(!colorFeatureEnabled || !selectedOptionColor) {\n            return props.context.fluentDesignLanguage?.tokenTheme?.fluentV8Overrides;\n        }\n        return undefined;\n    }\n\n    const isColorFeatureEnabled = getIsColorFeatureEnabled();\n    const colors = getColors(isColorFeatureEnabled);\n    const override = getThemeOverride(isColorFeatureEnabled);\n\n    const currentTheme = useThemeGenerator(colors.primaryColor, colors.backgroundColor, colors.textColor, override)\n    return [isColorFeatureEnabled, currentTheme];\n}"],"names":[],"mappings":";;;MAKa,gBAAgB,GAAG,CAAC,KAAiB,EAAE,KAAa,KAAuB;AACpF,IAAA,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC;AAC1C,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,UAAU,CAAC;IAC1C,MAAM,mBAAmB,GAAG,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC;AAEvG,IAAA,MAAM,SAAS,GAAG,CAAC,mBAA4B,KAAI;AAC/C,QAAA,MAAM,MAAM,GAAG;AACX,YAAA,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc;AACpD,YAAA,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;AACxC,YAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;SAC3C,CAAA;AACD,QAAA,IAAG,CAAC,mBAAmB,IAAI,CAAC,mBAAmB,EAAE;YAC7C,MAAM,CAAC,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;YAC7D,MAAM,CAAC,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;YACjD,MAAM,CAAC,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC;AACpD,SAAA;AACI,aAAA;AACD,YAAA,MAAM,CAAC,eAAe,GAAG,mBAAmB,CAAC;YAC7C,MAAM,CAAC,SAAS,GAAG,OAAO,CAAC,yBAAyB,CAAC,mBAAmB,CAAC,CAAC;YAC1E,IAAG,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;AACtC,gBAAA,MAAM,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAA;AACxE,aAAA;AACI,iBAAA;AACD,gBAAA,MAAM,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAA;AACzE,aAAA;AACJ,SAAA;AACD,QAAA,OAAO,MAAM,CAAC;AAClB,KAAC,CAAA;IACD,MAAM,wBAAwB,GAAG,MAAK;QAClC,IAAI,KAAK,CAAC,UAAU,CAAC,qBAAqB,EAAE,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE;AAC3E,YAAA,OAAO,IAAI,CAAC;AACf,SAAA;AACD,QAAA,OAAO,KAAK,CAAC;AACjB,KAAC,CAAA;AAED;;AAEG;AACH,IAAA,MAAM,gBAAgB,GAAG,CAAC,mBAA4B,KAAI;AACtD,QAAA,IAAG,CAAC,mBAAmB,IAAI,CAAC,mBAAmB,EAAE;YAC7C,OAAO,KAAK,CAAC,OAAO,CAAC,oBAAoB,EAAE,UAAU,EAAE,iBAAiB,CAAC;AAC5E,SAAA;AACD,QAAA,OAAO,SAAS,CAAC;AACrB,KAAC,CAAA;AAED,IAAA,MAAM,qBAAqB,GAAG,wBAAwB,EAAE,CAAC;AACzD,IAAA,MAAM,MAAM,GAAG,SAAS,CAAC,qBAAqB,CAAC,CAAC;AAChD,IAAA,MAAM,QAAQ,GAAG,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;AAEzD,IAAA,MAAM,YAAY,GAAG,iBAAiB,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;AAC/G,IAAA,OAAO,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC;AACjD;;;;"}
+{"version":3,"file":"useComboBoxTheme.js","sources":["../../../src/components/OptionSet/useComboBoxTheme.ts"],"sourcesContent":["import { IOptionSet } from \"./interfaces\";\nimport { ITheme } from \"@fluentui/react\";\nimport { DeepPartial } from \"@talxis/client-libraries\";\nimport { Theming, useThemeGenerator } from \"@talxis/react-components\";\n\nexport const useComboBoxTheme = (props: IOptionSet, theme: ITheme): [boolean, ITheme] => {\n    const boundValue = props.parameters.value;\n    const { Options } = boundValue.attributes;\n    const selectedOptionColor = boundValue.attributes.Options.find(x => x.Value === boundValue.raw)?.Color;\n\n    const getColors = (colorFeatureEnabled: boolean) => {\n        const colors = {\n            backgroundColor: theme.semanticColors.bodyBackground,\n            textColor: theme.semanticColors.bodyText,\n            primaryColor: theme.palette.themePrimary\n        }\n        if (!colorFeatureEnabled) {\n            return colors;\n        }\n        if (!selectedOptionColor) {\n            colors.backgroundColor = theme.semanticColors.inputBackground;\n            return colors;\n        }\n        colors.backgroundColor = selectedOptionColor;\n        colors.textColor = Theming.GetTextColorForBackground(selectedOptionColor);\n        return colors;\n    }\n    const getIsColorFeatureEnabled = () => {\n        if (props.parameters.EnableOptionSetColors?.raw && Options.find(x => x.Color)) {\n            return true;\n        }\n        return false;\n    }\n\n    /**\n     * Since we are creating new theme for combobox, we need to add the overrides in cases where there is no color feature enabled or no color is selected.\n     */\n    const getThemeOverride = (colorFeatureEnabled: boolean) => {\n        const override: DeepPartial<ITheme> = {\n            ...props.context.fluentDesignLanguage?.v8FluentOverrides\n        }\n        if(!colorFeatureEnabled) {\n            return override;\n        }\n        if(!selectedOptionColor) {\n            return override;\n        }\n        delete override.semanticColors?.inputBackground;\n        return override;\n    }\n\n    const isColorFeatureEnabled = getIsColorFeatureEnabled();\n    const colors = getColors(isColorFeatureEnabled);\n    const override = getThemeOverride(isColorFeatureEnabled);\n\n    const currentTheme = useThemeGenerator(colors.primaryColor, colors.backgroundColor, colors.textColor, override)\n    return [isColorFeatureEnabled, currentTheme];\n}"],"names":[],"mappings":";;MAKa,gBAAgB,GAAG,CAAC,KAAiB,EAAE,KAAa,KAAuB;AACpF,IAAA,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC;AAC1C,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,UAAU,CAAC;IAC1C,MAAM,mBAAmB,GAAG,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC;AAEvG,IAAA,MAAM,SAAS,GAAG,CAAC,mBAA4B,KAAI;AAC/C,QAAA,MAAM,MAAM,GAAG;AACX,YAAA,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc;AACpD,YAAA,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;AACxC,YAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;SAC3C,CAAA;QACD,IAAI,CAAC,mBAAmB,EAAE;AACtB,YAAA,OAAO,MAAM,CAAC;AACjB,SAAA;QACD,IAAI,CAAC,mBAAmB,EAAE;YACtB,MAAM,CAAC,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;AAC9D,YAAA,OAAO,MAAM,CAAC;AACjB,SAAA;AACD,QAAA,MAAM,CAAC,eAAe,GAAG,mBAAmB,CAAC;QAC7C,MAAM,CAAC,SAAS,GAAG,OAAO,CAAC,yBAAyB,CAAC,mBAAmB,CAAC,CAAC;AAC1E,QAAA,OAAO,MAAM,CAAC;AAClB,KAAC,CAAA;IACD,MAAM,wBAAwB,GAAG,MAAK;QAClC,IAAI,KAAK,CAAC,UAAU,CAAC,qBAAqB,EAAE,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE;AAC3E,YAAA,OAAO,IAAI,CAAC;AACf,SAAA;AACD,QAAA,OAAO,KAAK,CAAC;AACjB,KAAC,CAAA;AAED;;AAEG;AACH,IAAA,MAAM,gBAAgB,GAAG,CAAC,mBAA4B,KAAI;AACtD,QAAA,MAAM,QAAQ,GAAwB;AAClC,YAAA,GAAG,KAAK,CAAC,OAAO,CAAC,oBAAoB,EAAE,iBAAiB;SAC3D,CAAA;QACD,IAAG,CAAC,mBAAmB,EAAE;AACrB,YAAA,OAAO,QAAQ,CAAC;AACnB,SAAA;QACD,IAAG,CAAC,mBAAmB,EAAE;AACrB,YAAA,OAAO,QAAQ,CAAC;AACnB,SAAA;AACD,QAAA,OAAO,QAAQ,CAAC,cAAc,EAAE,eAAe,CAAC;AAChD,QAAA,OAAO,QAAQ,CAAC;AACpB,KAAC,CAAA;AAED,IAAA,MAAM,qBAAqB,GAAG,wBAAwB,EAAE,CAAC;AACzD,IAAA,MAAM,MAAM,GAAG,SAAS,CAAC,qBAAqB,CAAC,CAAC;AAChD,IAAA,MAAM,QAAQ,GAAG,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;AAEzD,IAAA,MAAM,YAAY,GAAG,iBAAiB,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;AAC/G,IAAA,OAAO,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC;AACjD;;;;"}

package/dist/components/TextField/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import { TextField as TextFieldBase } from \"@talxis/react-components\";\nimport { useInputBasedControl } from '../../hooks/useInputBasedControl';\nimport { ITextField, ITextFieldOutputs, ITextFieldParameters } from './interfaces';\nimport React from 'react';\nimport { ICommandBarItemProps, ThemeProvider } from '@fluentui/react';\nimport { DataTypes } from \"@talxis/client-libraries\";\n\nexport const TextField = (props: ITextField) => {\n    const context = props.context;\n    const parameters = props.parameters;\n    const boundValue = parameters.value;\n    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);\n    const { value, sizing, theme, setValue, onNotifyOutputChanged } = useInputBasedControl<string | undefined, ITextFieldParameters, ITextFieldOutputs, any>('TextField', props);\n\n    const getInputType = () => {\n        switch (boundValue.type) {\n            case 'SingleLine.Email': {\n                return 'email';\n            }\n            case 'SingleLine.URL': {\n                return 'url';\n            }\n            case 'SingleLine.Phone': {\n                return 'tel';\n            }\n        }\n        return \"text\";\n    }\n    const getSuffixItems = (): ICommandBarItemProps[] | undefined => {\n        if (parameters.EnableTypeSuffix?.raw === false) {\n            return undefined;\n        }\n        const disabled = boundValue.error || !boundValue.raw\n        switch (boundValue.type) {\n            case 'SingleLine.Email': {\n                return [{\n                    key: 'sendMail',\n                    disabled: disabled,\n                    iconProps: {\n                        iconName: 'Mail'\n                    },\n                    href: `mailto:${boundValue.raw}`\n                }]\n            }\n            case 'SingleLine.Phone': {\n                return [{\n                    key: 'call',\n                    disabled: disabled,\n                    iconProps: {\n                        iconName: 'Phone'\n                    },\n                    href: `tel:${boundValue.raw}`\n                }]\n            }\n            case 'SingleLine.URL': {\n                return [{\n                    key: 'goToPage',\n                    disabled: disabled,\n                    iconProps: {\n                        iconName: 'Globe'\n                    },\n                    target: '_blank',\n                    href: boundValue.raw!\n                }]\n            }\n        }\n        return undefined;\n    }\n\n    const isTextArea = (() => {\n        switch(parameters.value.type) {\n            case DataTypes.Multiple:\n            case DataTypes.SingleLineTextArea: {\n                return true;\n            }\n        }\n        return false;\n    })()\n\n    const componentProps = onOverrideComponentProps({\n        readOnly: context.mode.isControlDisabled,\n        resizable: false,\n        type: getInputType(),\n        multiline: isTextArea,\n        autoFocus: parameters.AutoFocus?.raw,\n        styles: {\n            fieldGroup: {\n                height: sizing.height,\n                width: sizing.width\n            }\n        },\n        errorMessage: boundValue.errorMessage,\n        hideErrorMessage: !parameters.ShowErrorMessage?.raw,\n        suffixItems: getSuffixItems(),\n        deleteButtonProps: parameters.EnableDeleteButton?.raw === true ? {\n            key: 'delete',\n            showOnlyOnHover: true,\n            iconProps: {\n                iconName: 'Cancel'\n            },\n            onClick: () => setValue(undefined)\n        } : undefined,\n        clickToCopyProps: parameters.EnableCopyButton?.raw === true ? {\n            key: 'copy',\n            showOnlyOnHover: true,\n            iconProps: {\n                iconName: 'Copy'\n            }\n        } : undefined,\n        value: value ?? \"\",\n        onBlur: () => {\n            onNotifyOutputChanged({\n                value: value ?? undefined\n            });\n        },\n        onChange: (e, value) => {\n            setValue(value);\n        }\n    })\n    return (\n        <ThemeProvider style={isTextArea ? { height: '100%' } : undefined} applyTo=\"none\" theme={theme}>\n            <TextFieldBase {...componentProps} />\n        </ThemeProvider>\n    );\n};"],"names":["_jsx","TextFieldBase"],"mappings":"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"}
+{"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import { TextField as TextFieldBase } from \"@talxis/react-components\";\nimport { useInputBasedControl } from '../../hooks/useInputBasedControl';\nimport { ITextField, ITextFieldOutputs, ITextFieldParameters } from './interfaces';\nimport { ICommandBarItemProps, ThemeProvider } from '@fluentui/react';\nimport { DataTypes } from \"@talxis/client-libraries\";\nimport { NestedControlRenderer } from \"../NestedControlRenderer/NestedControlRenderer\";\n\nexport const TextField = (props: ITextField) => {\n    const context = props.context;\n    const parameters = props.parameters;\n    const boundValue = parameters.value;\n    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);\n    const { value, sizing, theme, setValue, onNotifyOutputChanged } = useInputBasedControl<string | undefined, ITextFieldParameters, ITextFieldOutputs, any>('TextField', props);\n\n    const getInputType = () => {\n        switch (boundValue.type) {\n            case 'SingleLine.Email': {\n                return 'email';\n            }\n            case 'SingleLine.URL': {\n                return 'url';\n            }\n            case 'SingleLine.Phone': {\n                return 'tel';\n            }\n        }\n        return \"text\";\n    }\n    const getSuffixItems = (): ICommandBarItemProps[] | undefined => {\n        if (parameters.EnableTypeSuffix?.raw === false) {\n            return undefined;\n        }\n        const disabled = boundValue.error || !boundValue.raw\n        switch (boundValue.type) {\n            case 'SingleLine.Email': {\n                return [{\n                    key: 'sendMail',\n                    disabled: disabled,\n                    iconProps: {\n                        iconName: 'Mail'\n                    },\n                    href: `mailto:${boundValue.raw}`\n                }]\n            }\n            case 'SingleLine.Phone': {\n                return [{\n                    key: 'call',\n                    disabled: disabled,\n                    iconProps: {\n                        iconName: 'Phone'\n                    },\n                    href: `tel:${boundValue.raw}`\n                }]\n            }\n            case 'SingleLine.URL': {\n                return [{\n                    key: 'goToPage',\n                    disabled: disabled,\n                    iconProps: {\n                        iconName: 'Globe'\n                    },\n                    target: '_blank',\n                    href: boundValue.raw!\n                }]\n            }\n        }\n        return undefined;\n    }\n\n    const isTextArea = (() => {\n        switch(parameters.value.type) {\n            case DataTypes.Multiple:\n            case DataTypes.SingleLineTextArea: {\n                return true;\n            }\n        }\n        return false;\n    })()\n\n    const componentProps = onOverrideComponentProps({\n        readOnly: context.mode.isControlDisabled,\n        resizable: false,\n        type: getInputType(),\n        multiline: isTextArea,\n        autoFocus: parameters.AutoFocus?.raw,\n        styles: {\n            fieldGroup: {\n                height: sizing.height,\n                width: sizing.width\n            }\n        },\n        errorMessage: boundValue.errorMessage,\n        hideErrorMessage: !parameters.ShowErrorMessage?.raw,\n        suffixItems: getSuffixItems(),\n        deleteButtonProps: parameters.EnableDeleteButton?.raw === true ? {\n            key: 'delete',\n            showOnlyOnHover: true,\n            iconProps: {\n                iconName: 'Cancel'\n            },\n            onClick: () => setValue(undefined)\n        } : undefined,\n        clickToCopyProps: parameters.EnableCopyButton?.raw === true ? {\n            key: 'copy',\n            showOnlyOnHover: true,\n            iconProps: {\n                iconName: 'Copy'\n            }\n        } : undefined,\n        value: value ?? \"\",\n        onBlur: () => {\n            onNotifyOutputChanged({\n                value: value ?? undefined\n            });\n        },\n        onChange: (e, value) => {\n            setValue(value);\n        }\n    })\n    return (\n        <ThemeProvider style={isTextArea ? { height: '100%' } : undefined} applyTo=\"none\" theme={theme}>\n            <TextFieldBase {...componentProps} />\n        </ThemeProvider>\n    );\n};"],"names":["_jsx","TextFieldBase"],"mappings":"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"}

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

@@ -5,8 +5,8 @@ import { IInputParameters } from "../../interfaces/parameters";
 export interface ITextField extends IControl<ITextFieldParameters, ITextFieldOutputs, any, ITextFieldProps> {
 }
 export interface ITextFieldParameters extends IInputParameters {
-    isResizable?: ITwoOptionsProperty;
-    EnableTypeSuffix?: ITwoOptionsProperty;
+    isResizable?: Omit<ITwoOptionsProperty, 'attributes'>;
+    EnableTypeSuffix?: Omit<ITwoOptionsProperty, 'attributes'>;
     value: IStringProperty;
 }
 export interface ITextFieldOutputs extends IOutputs {

package/dist/components/TwoOptions/TwoOptions.js

@@ -28,6 +28,7 @@ const TwoOptions = (props) => {
         });
     };
     return (jsx(ThemeProvider, { theme: theme, applyTo: 'none', children: isColorFeatureEnabled() ? (jsx(OptionSet, { context: props.context, parameters: {
+                ...parameters,
                 value: {
                     raw: boundValue.raw !== null ? boundValue.raw ? 1 : 0 : boundValue.raw,
                     //@ts-ignore - typings
@@ -35,7 +36,7 @@ const TwoOptions = (props) => {
                 },
                 EnableOptionSetColors: {
                     raw: true
-                },
+                }
             }, onNotifyOutputChanged: (outputs) => {
                 handleChange(outputs.value == 1 ? true : outputs.value == 0 ? false : undefined);
             } })) : (jsx(Toggle, { styles: {

package/dist/components/TwoOptions/TwoOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"TwoOptions.js","sources":["../../../src/components/TwoOptions/TwoOptions.tsx"],"sourcesContent":["import { ThemeProvider, Toggle } from '@fluentui/react';\nimport { useControl } from '../../hooks';\nimport { ITwoOptions } from './interfaces';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { OptionSet } from '../OptionSet';\n\nexport const TwoOptions = (props: ITwoOptions) => {\n    const parameters = props.parameters;\n    const boundValue = parameters.value;\n    const options = boundValue.attributes.Options;\n    const { sizing, onNotifyOutputChanged, theme } = useControl('TwoOptions', props);\n    const context = props.context;\n    const componentRef = useRef<any>(null);\n\n    useEffect(() => {\n        if (parameters.AutoFocus?.raw === true) {\n            componentRef.current?.focus();\n        }\n    }, []);\n\n    const isColorFeatureEnabled = () => {\n        if (props.parameters.EnableOptionSetColors?.raw && options.find(x => x.Color)) {\n            return true;\n        }\n        return false;\n    }\n\n    const handleChange = (value: boolean | undefined): void => {\n        onNotifyOutputChanged({\n            value: value\n        });\n    };\n\n    return (\n        <ThemeProvider theme={theme} applyTo='none'>\n            {isColorFeatureEnabled() ? (\n                <OptionSet\n                    context={props.context}\n                    parameters={{\n                        value: {\n                            raw: boundValue.raw !== null ? boundValue.raw ? 1 : 0 : boundValue.raw,\n                            //@ts-ignore - typings\n                            attributes: boundValue.attributes\n                        },\n                        EnableOptionSetColors: {\n                            raw: true\n                        },\n                    }}\n                    onNotifyOutputChanged={(outputs) => {\n                        handleChange(outputs.value == 1 ? true : outputs.value == 0 ? false : undefined);\n                    }}\n                />\n            ) : (\n                <Toggle\n                    styles={{\n                        root: {\n                            height: sizing.height,\n                            width: sizing.width,\n                            marginBottom: 0,\n                        },\n                        container: {\n                            alignItems: 'center'\n                        }\n                    }}\n                    theme={theme}\n                    checked={boundValue.raw}\n                    componentRef={componentRef}\n                    disabled={context.mode.isControlDisabled}\n                    inlineLabel\n                    onText={options.find(option => option.Value === 1)?.Label || 'Yes'}\n                    offText={options.find(option => option.Value === 0)?.Label || 'No'}\n                    onChange={(e, value) => handleChange(value)}\n                />)}\n        </ThemeProvider>\n    )\n};"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"TwoOptions.js","sources":["../../../src/components/TwoOptions/TwoOptions.tsx"],"sourcesContent":["import { ThemeProvider, Toggle } from '@fluentui/react';\nimport { useControl } from '../../hooks';\nimport { ITwoOptions } from './interfaces';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { OptionSet } from '../OptionSet';\n\nexport const TwoOptions = (props: ITwoOptions) => {\n    const parameters = props.parameters;\n    const boundValue = parameters.value;\n    const options = boundValue.attributes.Options;\n    const { sizing, onNotifyOutputChanged, theme } = useControl('TwoOptions', props);\n    const context = props.context;\n    const componentRef = useRef<any>(null);\n\n    useEffect(() => {\n        if (parameters.AutoFocus?.raw === true) {\n            componentRef.current?.focus();\n        }\n    }, []);\n\n    const isColorFeatureEnabled = () => {\n        if (props.parameters.EnableOptionSetColors?.raw && options.find(x => x.Color)) {\n            return true;\n        }\n        return false;\n    }\n\n    const handleChange = (value: boolean | undefined): void => {\n        onNotifyOutputChanged({\n            value: value\n        });\n    };\n\n    return (\n        <ThemeProvider theme={theme} applyTo='none'>\n            {isColorFeatureEnabled() ? (\n                <OptionSet\n                    context={props.context}\n                    parameters={{\n                        ...parameters as any,\n                        value: {\n                            raw: boundValue.raw !== null ? boundValue.raw ? 1 : 0 : boundValue.raw,\n                            //@ts-ignore - typings\n                            attributes: boundValue.attributes\n                        },\n                        EnableOptionSetColors: {\n                            raw: true\n                        }\n                    }}\n                    onNotifyOutputChanged={(outputs) => {\n                        handleChange(outputs.value == 1 ? true : outputs.value == 0 ? false : undefined);\n                    }}\n                />\n            ) : (\n                <Toggle\n                    styles={{\n                        root: {\n                            height: sizing.height,\n                            width: sizing.width,\n                            marginBottom: 0,\n                        },\n                        container: {\n                            alignItems: 'center'\n                        }\n                    }}\n                    theme={theme}\n                    checked={boundValue.raw}\n                    componentRef={componentRef}\n                    disabled={context.mode.isControlDisabled}\n                    inlineLabel\n                    onText={options.find(option => option.Value === 1)?.Label || 'Yes'}\n                    offText={options.find(option => option.Value === 0)?.Label || 'No'}\n                    onChange={(e, value) => handleChange(value)}\n                />)}\n        </ThemeProvider>\n    )\n};"],"names":["_jsx"],"mappings":"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"}

package/dist/components/index.d.ts

@@ -0,0 +1,13 @@
+export * from './DatasetControl';
+export * from './DateTime';
+export * from './Decimal';
+export * from './DateTime';
+export * from './Grid';
+export * from './GridCellRenderer';
+export * from './Lookup';
+export * from './MultiSelectOptionSet';
+export * from './NestedControlRenderer';
+export * from './OptionSet';
+export * from './TextField';
+export * from './TwoOptions';
+export * from './Duration';

package/dist/components/index.js

@@ -0,0 +1,15 @@
+export { DatasetControl } from './DatasetControl/DatasetControl.js';
+export { DateTime } from './DateTime/DateTime.js';
+export { useDateTime } from './DateTime/hooks/useDateTime.js';
+export { Decimal } from './Decimal/Decimal.js';
+export { Grid } from './Grid/Grid.js';
+export { GridCellRenderer } from './GridCellRenderer/GridCellRenderer.js';
+export { Lookup } from './Lookup/Lookup.js';
+export { useLookup } from './Lookup/hooks/useLookup.js';
+export { MultiSelectOptionSet } from './MultiSelectOptionSet/MultiSelectOptionSet.js';
+export { NestedControlRenderer } from './NestedControlRenderer/NestedControlRenderer.js';
+export { OptionSet } from './OptionSet/OptionSet.js';
+export { TextField } from './TextField/TextField.js';
+export { TwoOptions } from './TwoOptions/TwoOptions.js';
+export { Duration } from './Duration/Duration.js';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

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

package/dist/hooks/index.d.ts

@@ -3,4 +3,5 @@ export * from './useControlSizing';
 export * from './useFocusIn';
 export * from './useInputBasedControl';
 export * from './useMouseOver';
+export * from './useControlLabels';
 export * from '../utils/theme/hooks/useControlTheme';

package/dist/hooks/index.js

@@ -3,5 +3,6 @@ export { useControlSizing } from './useControlSizing.js';
 export { useFocusIn } from './useFocusIn.js';
 export { useInputBasedControl } from './useInputBasedControl.js';
 export { useMouseOver } from './useMouseOver.js';
+export { useControlLabels } from './useControlLabels.js';
 export { useControlTheme } from '../utils/theme/hooks/useControlTheme.js';
 //# sourceMappingURL=index.js.map