@talxis/base-controls 1.2602.4 → 1.2604.1

package/dist/components/TaskGrid/components/header/view-switcher/view-manager/styles.js

@@ -0,0 +1,25 @@
+import { mergeStyleSets } from '@fluentui/react';
+
+const getViewManagerDialogStyles = () => {
+    return mergeStyleSets({
+        dialogContent: {
+            '.ms-Dialog-content': {
+                display: 'flex',
+                flexGrow: 1,
+                '>div': {
+                    flexGrow: 1
+                }
+            }
+        },
+        datasetControlRoot: {
+            width: 600
+        },
+        layerRoot: {
+            zIndex: 1,
+            position: 'absolute'
+        }
+    });
+};
+
+export { getViewManagerDialogStyles };
+//# sourceMappingURL=styles.js.map

package/dist/components/TaskGrid/components/header/view-switcher/view-manager/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../src/components/TaskGrid/components/header/view-switcher/view-manager/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\"\n\nexport const getViewManagerDialogStyles = () => {\n    return mergeStyleSets({\n        dialogContent: {\n            '.ms-Dialog-content': {\n                display: 'flex',\n                flexGrow: 1,\n                '>div': {\n                    flexGrow: 1\n                }\n            }\n        },\n        datasetControlRoot: {\n            width: 600\n        },\n        layerRoot: {\n            zIndex: 1,\n            position: 'absolute'\n        }\n    })\n}"],"names":[],"mappings":";;AAEO,MAAM,0BAA0B,GAAG,MAAK;AAC3C,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,aAAa,EAAE;AACX,YAAA,oBAAoB,EAAE;AAClB,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,QAAQ,EAAE,CAAC;AACX,gBAAA,MAAM,EAAE;AACJ,oBAAA,QAAQ,EAAE,CAAC;AACd,iBAAA;AACJ,aAAA;AACJ,SAAA;AACD,QAAA,kBAAkB,EAAE;AAChB,YAAA,KAAK,EAAE,GAAG;AACb,SAAA;AACD,QAAA,SAAS,EAAE;AACP,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,QAAQ,EAAE,UAAU;AACvB,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

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

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

package/dist/components/TaskGrid/components/index.js

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

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

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

package/dist/components/TaskGrid/components/skeleton/Skeleton.d.ts

@@ -0,0 +1,4 @@
+export interface ISkeletonProps {
+    height: string;
+}
+export declare const Skeleton: ({ height }: ISkeletonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TaskGrid/components/skeleton/Skeleton.js

@@ -0,0 +1,32 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useTheme } from '@fluentui/react';
+import { getSkeletonStyles } from './styles.js';
+
+// flex values per column: checkbox, name (wide), status, assignee, due date, priority
+const COLUMN_FLEX = ['0 0 32px', '2 1 0', '1 1 0', '1 1 0', '1 1 0', '1 1 0'];
+const COLUMN_HEADER_FILL = [0, 0.50, 0.60, 0.55, 0.70, 0.50];
+// cell fill ratios per column (index 0 = checkbox column, skipped)
+const ROW_PATTERNS = [
+    [0, 0.70, 0.60, 0.80, 0.50, 0.70],
+    [0, 0.50, 0.90, 0.40, 0.70, 0.60],
+    [0, 0.85, 0.50, 0.60, 0.60, 0.90],
+    [0, 0.60, 0.70, 0.90, 0.80, 0.50],
+    [0, 0.90, 0.40, 0.70, 0.50, 0.80],
+];
+const ROW_COUNT = 20;
+const Skeleton = ({ height }) => {
+    const theme = useTheme();
+    const styles = React.useMemo(() => getSkeletonStyles(theme), [theme]);
+    return (jsxs("div", { className: styles.root, style: { height: height }, children: [jsxs("div", { className: styles.header, children: [jsx("div", { className: styles.headerLeft, children: jsx("div", { className: styles.headerPill, style: { width: 120 } }) }), jsxs("div", { className: styles.headerRight, children: [jsx("div", { className: styles.headerPill, style: { width: 100 } }), jsx("div", { className: styles.headerPill, style: { width: 100 } }), jsx("div", { className: styles.headerPill, style: { width: 90 } }), jsx("div", { className: styles.headerPill, style: { width: 160 } })] })] }), jsx("div", { className: styles.columnHeaderRow, children: COLUMN_FLEX.map((flex, i) => (jsx("div", { className: styles.columnCell, style: { flex }, children: i === 0
+                        ? jsx("div", { className: styles.checkboxShimmer })
+                        : jsx("div", { className: styles.shimmerLine, style: { width: `${COLUMN_HEADER_FILL[i] * 100}%` } }) }, i))) }), jsx("div", { className: styles.rows, children: Array.from({ length: ROW_COUNT }, (_, rowIdx) => {
+                    const pattern = ROW_PATTERNS[rowIdx % ROW_PATTERNS.length];
+                    return (jsx("div", { className: styles.row, children: COLUMN_FLEX.map((flex, colIdx) => (jsx("div", { className: styles.columnCell, style: { flex }, children: colIdx === 0
+                                ? jsx("div", { className: styles.checkboxShimmer })
+                                : jsx("div", { className: styles.shimmerLine, style: { width: `${pattern[colIdx] * 100}%` } }) }, colIdx))) }, rowIdx));
+                }) }), jsx("div", { className: styles.footer, children: jsx("div", { className: styles.headerPill, style: { width: 110 } }) })] }));
+};
+
+export { Skeleton };
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/TaskGrid/components/skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sources":["../../../../../src/components/TaskGrid/components/skeleton/Skeleton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTheme } from '@fluentui/react';\nimport { getSkeletonStyles } from './styles';\n\nexport interface ISkeletonProps {\n    height: string;\n}\n\n// flex values per column: checkbox, name (wide), status, assignee, due date, priority\nconst COLUMN_FLEX = ['0 0 32px', '2 1 0', '1 1 0', '1 1 0', '1 1 0', '1 1 0'];\nconst COLUMN_HEADER_FILL = [0, 0.50, 0.60, 0.55, 0.70, 0.50];\n\n// cell fill ratios per column (index 0 = checkbox column, skipped)\nconst ROW_PATTERNS = [\n    [0, 0.70, 0.60, 0.80, 0.50, 0.70],\n    [0, 0.50, 0.90, 0.40, 0.70, 0.60],\n    [0, 0.85, 0.50, 0.60, 0.60, 0.90],\n    [0, 0.60, 0.70, 0.90, 0.80, 0.50],\n    [0, 0.90, 0.40, 0.70, 0.50, 0.80],\n];\n\nconst ROW_COUNT = 20;\n\nexport const Skeleton = ({ height }: ISkeletonProps) => {\n    const theme = useTheme();\n    const styles = React.useMemo(() => getSkeletonStyles(theme), [theme]);\n\n    return (\n        <div className={styles.root} style={{height: height}}>\n            <div className={styles.header}>\n                <div className={styles.headerLeft}>\n                    <div className={styles.headerPill} style={{ width: 120 }} />\n                </div>\n                <div className={styles.headerRight}>\n                    <div className={styles.headerPill} style={{ width: 100 }} />\n                    <div className={styles.headerPill} style={{ width: 100 }} />\n                    <div className={styles.headerPill} style={{ width: 90 }} />\n                    <div className={styles.headerPill} style={{ width: 160 }} />\n                </div>\n            </div>\n\n            <div className={styles.columnHeaderRow}>\n                {COLUMN_FLEX.map((flex, i) => (\n                    <div key={i} className={styles.columnCell} style={{ flex }}>\n                        {i === 0\n                            ? <div className={styles.checkboxShimmer} />\n                            : <div className={styles.shimmerLine} style={{ width: `${COLUMN_HEADER_FILL[i] * 100}%` }} />\n                        }\n                    </div>\n                ))}\n            </div>\n\n            <div className={styles.rows}>\n                {Array.from({ length: ROW_COUNT }, (_, rowIdx) => {\n                    const pattern = ROW_PATTERNS[rowIdx % ROW_PATTERNS.length];\n                    return (\n                        <div key={rowIdx} className={styles.row}>\n                            {COLUMN_FLEX.map((flex, colIdx) => (\n                                <div key={colIdx} className={styles.columnCell} style={{ flex }}>\n                                    {colIdx === 0\n                                        ? <div className={styles.checkboxShimmer} />\n                                        : <div className={styles.shimmerLine} style={{ width: `${pattern[colIdx] * 100}%` }} />\n                                    }\n                                </div>\n                            ))}\n                        </div>\n                    );\n                })}\n            </div>\n            <div className={styles.footer}>\n                <div className={styles.headerPill} style={{ width: 110 }} />\n            </div>\n        </div>\n    );\n};"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/TaskGrid/components/skeleton/index.d.ts

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

package/dist/components/TaskGrid/components/skeleton/index.js

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

package/dist/components/TaskGrid/components/skeleton/index.js.map

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

package/dist/components/TaskGrid/components/skeleton/styles.d.ts

@@ -0,0 +1,92 @@
+import { ITheme } from '@fluentui/react';
+export declare const getSkeletonStyles: (theme: ITheme) => import("@fluentui/react").IProcessedStyleSet<{
+    root: {
+        display: string;
+        flexDirection: string;
+        backgroundColor: string;
+    };
+    header: {
+        height: number;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        padding: string;
+        borderBottom: string;
+        flexShrink: number;
+    };
+    headerLeft: {
+        display: string;
+        alignItems: string;
+        gap: number;
+    };
+    headerRight: {
+        display: string;
+        alignItems: string;
+        gap: number;
+    };
+    headerPill: {
+        height: number;
+        borderRadius: number;
+        flexShrink: number;
+        background: string;
+        backgroundSize: string;
+        animationName: string;
+        animationDuration: string;
+        animationTimingFunction: string;
+        animationIterationCount: string;
+    };
+    columnHeaderRow: {
+        height: number;
+        display: string;
+        alignItems: string;
+        borderBottom: string;
+        flexShrink: number;
+    };
+    columnCell: {
+        display: string;
+        alignItems: string;
+        padding: string;
+        minWidth: number;
+    };
+    shimmerLine: {
+        height: number;
+        borderRadius: number;
+        background: string;
+        backgroundSize: string;
+        animationName: string;
+        animationDuration: string;
+        animationTimingFunction: string;
+        animationIterationCount: string;
+    };
+    checkboxShimmer: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        flexShrink: number;
+        background: string;
+        backgroundSize: string;
+        animationName: string;
+        animationDuration: string;
+        animationTimingFunction: string;
+        animationIterationCount: string;
+    };
+    rows: {
+        flexGrow: number;
+        overflow: string;
+        height: number;
+    };
+    row: {
+        height: number;
+        display: string;
+        alignItems: string;
+        borderBottom: string;
+    };
+    footer: {
+        height: number;
+        display: string;
+        alignItems: string;
+        padding: string;
+        borderTop: string;
+        flexShrink: number;
+    };
+}>;

package/dist/components/TaskGrid/components/skeleton/styles.js

@@ -0,0 +1,100 @@
+import { keyframes, mergeStyleSets } from '@fluentui/react';
+
+const HEADER_HEIGHT = 64;
+const COLUMN_HEADER_HEIGHT = 42;
+const ROW_HEIGHT = 42;
+const FOOTER_HEIGHT = 44;
+const getSkeletonStyles = (theme) => {
+    const shimmerKeyframe = keyframes({
+        '0%': { backgroundPosition: '-600px 0' },
+        '100%': { backgroundPosition: '600px 0' },
+    });
+    const shimmerBase = {
+        background: `linear-gradient(90deg, ${theme.semanticColors.disabledBackground} 25%, ${theme.palette.neutralLight} 50%, ${theme.semanticColors.disabledBackground} 75%)`,
+        backgroundSize: '1200px 100%',
+        animationName: shimmerKeyframe,
+        animationDuration: '1.5s',
+        animationTimingFunction: 'linear',
+        animationIterationCount: 'infinite',
+        borderRadius: 2,
+    };
+    return mergeStyleSets({
+        root: {
+            display: 'flex',
+            flexDirection: 'column',
+            backgroundColor: theme.semanticColors.bodyBackground,
+        },
+        header: {
+            height: HEADER_HEIGHT,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            padding: '0 8px',
+            borderBottom: `1px solid ${theme.semanticColors.bodyDivider}`,
+            flexShrink: 0,
+        },
+        headerLeft: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: 8,
+        },
+        headerRight: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: 8,
+        },
+        headerPill: {
+            ...shimmerBase,
+            height: 26,
+            borderRadius: 2,
+            flexShrink: 0,
+        },
+        columnHeaderRow: {
+            height: COLUMN_HEADER_HEIGHT,
+            display: 'flex',
+            alignItems: 'center',
+            borderBottom: `1px solid ${theme.semanticColors.bodyDivider}`,
+            flexShrink: 0,
+        },
+        columnCell: {
+            display: 'flex',
+            alignItems: 'center',
+            padding: '0 8px',
+            minWidth: 0,
+        },
+        shimmerLine: {
+            ...shimmerBase,
+            height: 11,
+            borderRadius: 2,
+        },
+        checkboxShimmer: {
+            ...shimmerBase,
+            width: 16,
+            height: 16,
+            borderRadius: 2,
+            flexShrink: 0,
+        },
+        rows: {
+            flexGrow: 1,
+            overflow: 'auto',
+            height: 0
+        },
+        row: {
+            height: ROW_HEIGHT,
+            display: 'flex',
+            alignItems: 'center',
+            borderBottom: `1px solid ${theme.semanticColors.bodyDivider}`,
+        },
+        footer: {
+            height: FOOTER_HEIGHT,
+            display: 'flex',
+            alignItems: 'center',
+            padding: '0 8px',
+            borderTop: `1px solid ${theme.semanticColors.bodyDivider}`,
+            flexShrink: 0,
+        },
+    });
+};
+
+export { getSkeletonStyles };
+//# sourceMappingURL=styles.js.map

package/dist/components/TaskGrid/components/skeleton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/TaskGrid/components/skeleton/styles.ts"],"sourcesContent":["import { ITheme, keyframes, mergeStyleSets } from '@fluentui/react';\n\nconst HEADER_HEIGHT = 64;\nconst COLUMN_HEADER_HEIGHT = 42;\nconst ROW_HEIGHT = 42;\nconst FOOTER_HEIGHT = 44;\n\nexport const getSkeletonStyles = (theme: ITheme) => {\n    const shimmerKeyframe = keyframes({\n        '0%': { backgroundPosition: '-600px 0' },\n        '100%': { backgroundPosition: '600px 0' },\n    });\n\n    const shimmerBase = {\n        background: `linear-gradient(90deg, ${theme.semanticColors.disabledBackground} 25%, ${theme.palette.neutralLight} 50%, ${theme.semanticColors.disabledBackground} 75%)`,\n        backgroundSize: '1200px 100%',\n        animationName: shimmerKeyframe,\n        animationDuration: '1.5s',\n        animationTimingFunction: 'linear',\n        animationIterationCount: 'infinite',\n        borderRadius: 2,\n    };\n\n    return mergeStyleSets({\n        root: {\n            display: 'flex',\n            flexDirection: 'column',\n            backgroundColor: theme.semanticColors.bodyBackground,\n        },\n        header: {\n            height: HEADER_HEIGHT,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            padding: '0 8px',\n            borderBottom: `1px solid ${theme.semanticColors.bodyDivider}`,\n            flexShrink: 0,\n        },\n        headerLeft: {\n            display: 'flex',\n            alignItems: 'center',\n            gap: 8,\n        },\n        headerRight: {\n            display: 'flex',\n            alignItems: 'center',\n            gap: 8,\n        },\n        headerPill: {\n            ...shimmerBase,\n            height: 26,\n            borderRadius: 2,\n            flexShrink: 0,\n        },\n        columnHeaderRow: {\n            height: COLUMN_HEADER_HEIGHT,\n            display: 'flex',\n            alignItems: 'center',\n            borderBottom: `1px solid ${theme.semanticColors.bodyDivider}`,\n            flexShrink: 0,\n        },\n        columnCell: {\n            display: 'flex',\n            alignItems: 'center',\n            padding: '0 8px',\n            minWidth: 0,\n        },\n        shimmerLine: {\n            ...shimmerBase,\n            height: 11,\n            borderRadius: 2,\n        },\n        checkboxShimmer: {\n            ...shimmerBase,\n            width: 16,\n            height: 16,\n            borderRadius: 2,\n            flexShrink: 0,\n        },\n        rows: {\n            flexGrow: 1,\n            overflow: 'auto',\n            height: 0\n        },\n        row: {\n            height: ROW_HEIGHT,\n            display: 'flex',\n            alignItems: 'center',\n            borderBottom: `1px solid ${theme.semanticColors.bodyDivider}`,\n        },\n        footer: {\n            height: FOOTER_HEIGHT,\n            display: 'flex',\n            alignItems: 'center',\n            padding: '0 8px',\n            borderTop: `1px solid ${theme.semanticColors.bodyDivider}`,\n            flexShrink: 0,\n        },\n    });\n};\n"],"names":[],"mappings":"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"}

package/dist/components/TaskGrid/context.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="@types/powerapps-component-framework" />
+import * as React from "react";
+import { ITaskDataProvider } from "./data-providers/task-data-provider";
+import { ITaskGridDatasetControl, ITaskGridDescriptor } from "./interfaces";
+import { ITaskGridLabels, LocalizationService } from "./labels";
+import { ITaskGridComponents } from "./components/components";
+export declare const PcfContext: React.Context<ComponentFramework.Context<any, ComponentFramework.IEventBag> | null>;
+export declare const DatasetControlContext: React.Context<ITaskGridDatasetControl | null>;
+export declare const TaskDataProviderContext: React.Context<ITaskDataProvider | null>;
+export declare const TaskGridComponentsContext: React.Context<ITaskGridComponents>;
+export declare const TaskGridDescriptorContext: React.Context<ITaskGridDescriptor | null>;
+export declare const RootElementIdContext: React.Context<string>;
+export declare const LocalizationServiceContext: React.Context<LocalizationService<ITaskGridLabels> | null>;
+export declare const AgGridLicenseKeyContext: React.Context<string | null>;
+export declare const useTaskGridDescriptor: () => ITaskGridDescriptor;
+export declare const useLocalizationService: () => LocalizationService<ITaskGridLabels>;
+export declare const useRootElementId: () => string;
+export declare const useDatasetControl: () => ITaskGridDatasetControl;
+export declare const useTaskGridComponents: () => ITaskGridComponents;
+export declare const useTaskDataProvider: () => ITaskDataProvider;
+export declare const usePcfContext: () => ComponentFramework.Context<any, ComponentFramework.IEventBag>;
+export declare const useAgGridLicenseKey: () => string | null;

package/dist/components/TaskGrid/context.js

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { TaskGridComponents } from './components/components.js';
+
+const PcfContext = React.createContext(null);
+PcfContext.displayName = 'PcfContext';
+const DatasetControlContext = React.createContext(null);
+DatasetControlContext.displayName = 'DatasetControl';
+const TaskDataProviderContext = React.createContext(null);
+TaskDataProviderContext.displayName = 'TaskDataProvider';
+const TaskGridComponentsContext = React.createContext(TaskGridComponents);
+TaskGridComponentsContext.displayName = 'TaskGridComponents';
+const TaskGridDescriptorContext = React.createContext(null);
+TaskGridDescriptorContext.displayName = 'TaskGridDescriptor';
+const RootElementIdContext = React.createContext('');
+RootElementIdContext.displayName = 'RootElementId';
+const LocalizationServiceContext = React.createContext(null);
+LocalizationServiceContext.displayName = 'LocalizationService';
+const AgGridLicenseKeyContext = React.createContext(null);
+AgGridLicenseKeyContext.displayName = 'AgGridLicenseKey';
+const useContextWithNullCheck = (ctx) => {
+    const value = React.useContext(ctx);
+    if (value == null) {
+        throw new Error(`Context "${ctx.displayName ?? 'unknown'}" is not provided.`);
+    }
+    return value;
+};
+const useTaskGridDescriptor = () => {
+    return useContextWithNullCheck(TaskGridDescriptorContext);
+};
+const useLocalizationService = () => {
+    return useContextWithNullCheck(LocalizationServiceContext);
+};
+const useRootElementId = () => {
+    return React.useContext(RootElementIdContext);
+};
+const useDatasetControl = () => {
+    return useContextWithNullCheck(DatasetControlContext);
+};
+const useTaskGridComponents = () => {
+    return React.useContext(TaskGridComponentsContext);
+};
+const useTaskDataProvider = () => {
+    return useContextWithNullCheck(TaskDataProviderContext);
+};
+const usePcfContext = () => {
+    return useContextWithNullCheck(PcfContext);
+};
+const useAgGridLicenseKey = () => {
+    return React.useContext(AgGridLicenseKeyContext);
+};
+
+export { AgGridLicenseKeyContext, DatasetControlContext, LocalizationServiceContext, PcfContext, RootElementIdContext, TaskDataProviderContext, TaskGridComponentsContext, TaskGridDescriptorContext, useAgGridLicenseKey, useDatasetControl, useLocalizationService, usePcfContext, useRootElementId, useTaskDataProvider, useTaskGridComponents, useTaskGridDescriptor };
+//# sourceMappingURL=context.js.map

package/dist/components/TaskGrid/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../src/components/TaskGrid/context.ts"],"sourcesContent":["import * as React from \"react\";\nimport { ITaskDataProvider } from \"./data-providers/task-data-provider\";\nimport { ITaskGridDatasetControl, ITaskGridDescriptor } from \"./interfaces\";\nimport { ITaskGridLabels, LocalizationService } from \"./labels\";\nimport { ITaskGridComponents, TaskGridComponents } from \"./components/components\";\n\nexport const PcfContext = React.createContext<ComponentFramework.Context<any> | null>(null);\nPcfContext.displayName = 'PcfContext';\n\nexport const DatasetControlContext = React.createContext<ITaskGridDatasetControl | null>(null);\nDatasetControlContext.displayName = 'DatasetControl';\n\nexport const TaskDataProviderContext = React.createContext<ITaskDataProvider | null>(null);\nTaskDataProviderContext.displayName = 'TaskDataProvider';\n\nexport const TaskGridComponentsContext = React.createContext<ITaskGridComponents>(TaskGridComponents);\nTaskGridComponentsContext.displayName = 'TaskGridComponents';\n\nexport const TaskGridDescriptorContext = React.createContext<ITaskGridDescriptor | null>(null);\nTaskGridDescriptorContext.displayName = 'TaskGridDescriptor';\n\nexport const RootElementIdContext = React.createContext<string>('');\nRootElementIdContext.displayName = 'RootElementId';\n\nexport const LocalizationServiceContext = React.createContext<LocalizationService<ITaskGridLabels> | null>(null);\nLocalizationServiceContext.displayName = 'LocalizationService';\n\nexport const AgGridLicenseKeyContext = React.createContext<string | null>(null);\nAgGridLicenseKeyContext.displayName = 'AgGridLicenseKey';\n\nconst useContextWithNullCheck = <T>(ctx: React.Context<T | null>): T => {\n    const value = React.useContext(ctx);\n    if (value == null) {\n        throw new Error(`Context \"${ctx.displayName ?? 'unknown'}\" is not provided.`);\n    }\n    return value;\n}\n\nexport const useTaskGridDescriptor = () => {\n    return useContextWithNullCheck(TaskGridDescriptorContext);\n}\n\nexport const useLocalizationService = () => {\n    return useContextWithNullCheck(LocalizationServiceContext);\n}\n\nexport const useRootElementId = () => {\n    return React.useContext(RootElementIdContext);\n}\n\nexport const useDatasetControl = () => {\n    return useContextWithNullCheck(DatasetControlContext);\n}\n\nexport const useTaskGridComponents = () => {\n    return React.useContext(TaskGridComponentsContext);\n}\n\nexport const useTaskDataProvider = () => {\n    return useContextWithNullCheck(TaskDataProviderContext);\n}\n\nexport const usePcfContext = () => {\n    return useContextWithNullCheck(PcfContext);\n}\n\nexport const useAgGridLicenseKey = () => {\n    return React.useContext(AgGridLicenseKeyContext);\n}\n"],"names":[],"mappings":";;;AAMa,MAAA,UAAU,GAAG,KAAK,CAAC,aAAa,CAAyC,IAAI,EAAE;AAC5F,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEzB,MAAA,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAiC,IAAI,EAAE;AAC/F,qBAAqB,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAExC,MAAA,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAA2B,IAAI,EAAE;AAC3F,uBAAuB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAE5C,MAAA,yBAAyB,GAAG,KAAK,CAAC,aAAa,CAAsB,kBAAkB,EAAE;AACtG,yBAAyB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEhD,MAAA,yBAAyB,GAAG,KAAK,CAAC,aAAa,CAA6B,IAAI,EAAE;AAC/F,yBAAyB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEhD,MAAA,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAS,EAAE,EAAE;AACpE,oBAAoB,CAAC,WAAW,GAAG,eAAe,CAAC;AAEtC,MAAA,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAA8C,IAAI,EAAE;AACjH,0BAA0B,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAElD,MAAA,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAgB,IAAI,EAAE;AAChF,uBAAuB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAEzD,MAAM,uBAAuB,GAAG,CAAI,GAA4B,KAAO;IACnE,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;IACpC,IAAI,KAAK,IAAI,IAAI,EAAE;QACf,MAAM,IAAI,KAAK,CAAC,CAAY,SAAA,EAAA,GAAG,CAAC,WAAW,IAAI,SAAS,CAAoB,kBAAA,CAAA,CAAC,CAAC;AACjF,KAAA;AACD,IAAA,OAAO,KAAK,CAAC;AACjB,CAAC,CAAA;AAEM,MAAM,qBAAqB,GAAG,MAAK;AACtC,IAAA,OAAO,uBAAuB,CAAC,yBAAyB,CAAC,CAAC;AAC9D,EAAC;AAEM,MAAM,sBAAsB,GAAG,MAAK;AACvC,IAAA,OAAO,uBAAuB,CAAC,0BAA0B,CAAC,CAAC;AAC/D,EAAC;AAEM,MAAM,gBAAgB,GAAG,MAAK;AACjC,IAAA,OAAO,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;AAClD,EAAC;AAEM,MAAM,iBAAiB,GAAG,MAAK;AAClC,IAAA,OAAO,uBAAuB,CAAC,qBAAqB,CAAC,CAAC;AAC1D,EAAC;AAEM,MAAM,qBAAqB,GAAG,MAAK;AACtC,IAAA,OAAO,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC;AACvD,EAAC;AAEM,MAAM,mBAAmB,GAAG,MAAK;AACpC,IAAA,OAAO,uBAAuB,CAAC,uBAAuB,CAAC,CAAC;AAC5D,EAAC;AAEM,MAAM,aAAa,GAAG,MAAK;AAC9B,IAAA,OAAO,uBAAuB,CAAC,UAAU,CAAC,CAAC;AAC/C,EAAC;AAEM,MAAM,mBAAmB,GAAG,MAAK;AACpC,IAAA,OAAO,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;AACrD;;;;"}

package/dist/components/TaskGrid/data-providers/custom-columns-data-provider/CustomColumnsDataProvider.d.ts

@@ -0,0 +1,50 @@
+import { IColumn, IEventEmitter } from "@talxis/client-libraries";
+/** Strategy interface for managing user-defined (dynamic) column definitions. */
+export interface ICustomColumnsStrategy {
+    /** @returns The created column name, or `null` if the operation was cancelled by the user. Throws on unexpected failure. */
+    onCreateColumn: () => Promise<string | null>;
+    /** @returns The deleted column name, or `null` if the operation was cancelled by the user. Throws on unexpected failure. */
+    onDeleteColumn: (columnName: string) => Promise<string | null>;
+    /** @returns The updated column name, or `null` if the operation was cancelled by the user. Throws on unexpected failure. */
+    onUpdateColumn: (columnName: string) => Promise<string | null>;
+    /** Fetches/reloads all custom column definitions and returns the resolved `IColumn[]`. */
+    onRefresh: () => Promise<IColumn[]>;
+    /** Returns the currently loaded custom columns synchronously without a network fetch. */
+    onGetColumns: () => IColumn[];
+}
+/** Manages the lifecycle of dynamic (user-defined) columns and wraps the strategy with error handling. */
+export interface ICustomColumnsDataProvider {
+    /** EventEmitter for error events raised by column operations. */
+    events: IEventEmitter<ICustomColumnsDataProviderEvents>;
+    /** @returns The created column name, or `null` if the operation was cancelled by the user. Throws on unexpected failure. */
+    createColumn: () => Promise<string | null>;
+    /** @returns The deleted column name, or `null` if the operation was cancelled by the user. Throws on unexpected failure. */
+    deleteColumn: (columnName: string) => Promise<string | null>;
+    /** @returns The updated column name, or `null` if the operation was cancelled by the user. Throws on unexpected failure. */
+    updateColumn: (columnName: string) => Promise<string | null>;
+    /** Refreshes the list of custom columns from the underlying strategy. */
+    refresh: () => Promise<IColumn[]>;
+    /** Returns the currently cached list of custom columns. */
+    getColumns: () => IColumn[];
+    /** Returns the underlying strategy cast to the given type for strategy-specific operations. */
+    getStrategy<T extends ICustomColumnsStrategy>(): T;
+    /** Returns `true` when the given column name is a custom (dynamic) column. */
+    isCustomColumn: (columnName: string) => boolean;
+    destroy: () => void;
+}
+export interface ICustomColumnsDataProviderEvents {
+    onError: (error: any, message: string) => void;
+}
+export declare class CustomColumnsDataProvider implements ICustomColumnsDataProvider {
+    private _strategy;
+    events: IEventEmitter<ICustomColumnsDataProviderEvents>;
+    constructor(strategy: ICustomColumnsStrategy);
+    getStrategy<T extends ICustomColumnsStrategy>(): T;
+    createColumn(): Promise<string | null>;
+    deleteColumn(columnName: string): Promise<string | null>;
+    updateColumn(columnName: string): Promise<string | null>;
+    destroy(): void;
+    getColumns(): IColumn[];
+    refresh(): Promise<IColumn[]>;
+    isCustomColumn(columnName: string): boolean;
+}

package/dist/components/TaskGrid/data-providers/custom-columns-data-provider/CustomColumnsDataProvider.js

@@ -0,0 +1,45 @@
+import { EventEmitter, DatasetConstants } from '@talxis/client-libraries';
+import { ErrorHelper } from '../../../../utils/error-handling/ErrorHelper.js';
+
+class CustomColumnsDataProvider {
+    constructor(strategy) {
+        this.events = new EventEmitter();
+        this._strategy = strategy;
+    }
+    getStrategy() {
+        return this._strategy;
+    }
+    async createColumn() {
+        return ErrorHelper.executeWithErrorHandling({
+            operation: () => this._strategy.onCreateColumn(),
+            onError: (error, message) => this.events.dispatchEvent('onError', error, message)
+        });
+    }
+    async deleteColumn(columnName) {
+        return ErrorHelper.executeWithErrorHandling({
+            operation: () => this._strategy.onDeleteColumn(columnName),
+            onError: (error, message) => this.events.dispatchEvent('onError', error, message)
+        });
+    }
+    async updateColumn(columnName) {
+        return ErrorHelper.executeWithErrorHandling({
+            operation: () => this._strategy.onUpdateColumn(columnName),
+            onError: (error, message) => this.events.dispatchEvent('onError', error, message)
+        });
+    }
+    destroy() {
+        this.events.clearEventListeners();
+    }
+    getColumns() {
+        return this._strategy.onGetColumns();
+    }
+    async refresh() {
+        return await this._strategy.onRefresh();
+    }
+    isCustomColumn(columnName) {
+        return columnName.endsWith(DatasetConstants.CUSTOM_COLUMN_NAME_SUFFIX);
+    }
+}
+
+export { CustomColumnsDataProvider };
+//# sourceMappingURL=CustomColumnsDataProvider.js.map

package/dist/components/TaskGrid/data-providers/custom-columns-data-provider/CustomColumnsDataProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomColumnsDataProvider.js","sources":["../../../../../src/components/TaskGrid/data-providers/custom-columns-data-provider/CustomColumnsDataProvider.ts"],"sourcesContent":["import { DatasetConstants, IColumn, IEventEmitter, EventEmitter } from \"@talxis/client-libraries\";\nimport { ErrorHelper } from \"../../../../utils\";\n\n\n/** Strategy interface for managing user-defined (dynamic) column definitions. */\nexport interface ICustomColumnsStrategy {\n    /** @returns The created column name, or `null` if the operation was cancelled by the user. Throws on unexpected failure. */\n    onCreateColumn: () => Promise<string | null>;\n    /** @returns The deleted column name, or `null` if the operation was cancelled by the user. Throws on unexpected failure. */\n    onDeleteColumn: (columnName: string) => Promise<string | null>;\n    /** @returns The updated column name, or `null` if the operation was cancelled by the user. Throws on unexpected failure. */\n    onUpdateColumn: (columnName: string) => Promise<string | null>;\n    /** Fetches/reloads all custom column definitions and returns the resolved `IColumn[]`. */\n    onRefresh: () => Promise<IColumn[]>;\n    /** Returns the currently loaded custom columns synchronously without a network fetch. */\n    onGetColumns: () => IColumn[];\n}\n\n/** Manages the lifecycle of dynamic (user-defined) columns and wraps the strategy with error handling. */\nexport interface ICustomColumnsDataProvider {\n    /** EventEmitter for error events raised by column operations. */\n    events: IEventEmitter<ICustomColumnsDataProviderEvents>;\n    /** @returns The created column name, or `null` if the operation was cancelled by the user. Throws on unexpected failure. */\n    createColumn: () => Promise<string | null>;\n    /** @returns The deleted column name, or `null` if the operation was cancelled by the user. Throws on unexpected failure. */\n    deleteColumn: (columnName: string) => Promise<string | null>;\n    /** @returns The updated column name, or `null` if the operation was cancelled by the user. Throws on unexpected failure. */\n    updateColumn: (columnName: string) => Promise<string | null>;\n    /** Refreshes the list of custom columns from the underlying strategy. */\n    refresh: () => Promise<IColumn[]>;\n    /** Returns the currently cached list of custom columns. */\n    getColumns: () => IColumn[];\n    /** Returns the underlying strategy cast to the given type for strategy-specific operations. */\n    getStrategy<T extends ICustomColumnsStrategy>(): T;\n    /** Returns `true` when the given column name is a custom (dynamic) column. */\n    isCustomColumn: (columnName: string) => boolean;\n    destroy: () => void;\n}\n\nexport interface ICustomColumnsDataProviderEvents {\n    onError: (error: any, message: string) => void;\n}\n\nexport class CustomColumnsDataProvider implements ICustomColumnsDataProvider {\n    private _strategy: ICustomColumnsStrategy;\n    public events: IEventEmitter<ICustomColumnsDataProviderEvents> = new EventEmitter();\n\n    constructor(strategy: ICustomColumnsStrategy) {\n        this._strategy = strategy;\n    }\n    public getStrategy<T extends ICustomColumnsStrategy>(): T {\n        return this._strategy as T;\n    }\n    public async createColumn(): Promise<string | null> {\n        return ErrorHelper.executeWithErrorHandling({\n            operation: () => this._strategy.onCreateColumn(),\n            onError: (error, message) => this.events.dispatchEvent('onError', error, message)\n        })\n    }\n    public async deleteColumn(columnName: string): Promise<string | null> {\n        return ErrorHelper.executeWithErrorHandling({\n            operation: () => this._strategy.onDeleteColumn(columnName),\n            onError: (error, message) => this.events.dispatchEvent('onError', error, message)\n        })\n    }\n    public async updateColumn(columnName: string): Promise<string | null> {\n        return ErrorHelper.executeWithErrorHandling({\n            operation: () => this._strategy.onUpdateColumn(columnName),\n            onError: (error, message) => this.events.dispatchEvent('onError', error, message)\n        })\n    }\n    public destroy(): void {\n        this.events.clearEventListeners();\n    }\n    public getColumns(): IColumn[] {\n        return this._strategy.onGetColumns();\n    }\n    public async refresh(): Promise<IColumn[]> {\n        return await this._strategy.onRefresh();\n    }\n    public isCustomColumn(columnName: string): boolean {\n        return columnName.endsWith(DatasetConstants.CUSTOM_COLUMN_NAME_SUFFIX);\n    }\n}"],"names":[],"mappings":";;;MA2Ca,yBAAyB,CAAA;AAIlC,IAAA,WAAA,CAAY,QAAgC,EAAA;AAFrC,QAAA,IAAA,CAAA,MAAM,GAAoD,IAAI,YAAY,EAAE,CAAC;AAGhF,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;KAC7B;IACM,WAAW,GAAA;QACd,OAAO,IAAI,CAAC,SAAc,CAAC;KAC9B;AACM,IAAA,MAAM,YAAY,GAAA;QACrB,OAAO,WAAW,CAAC,wBAAwB,CAAC;YACxC,SAAS,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE;AAChD,YAAA,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC;AACpF,SAAA,CAAC,CAAA;KACL;IACM,MAAM,YAAY,CAAC,UAAkB,EAAA;QACxC,OAAO,WAAW,CAAC,wBAAwB,CAAC;YACxC,SAAS,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,UAAU,CAAC;AAC1D,YAAA,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC;AACpF,SAAA,CAAC,CAAA;KACL;IACM,MAAM,YAAY,CAAC,UAAkB,EAAA;QACxC,OAAO,WAAW,CAAC,wBAAwB,CAAC;YACxC,SAAS,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,UAAU,CAAC;AAC1D,YAAA,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC;AACpF,SAAA,CAAC,CAAA;KACL;IACM,OAAO,GAAA;AACV,QAAA,IAAI,CAAC,MAAM,CAAC,mBAAmB,EAAE,CAAC;KACrC;IACM,UAAU,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC;KACxC;AACM,IAAA,MAAM,OAAO,GAAA;AAChB,QAAA,OAAO,MAAM,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,CAAC;KAC3C;AACM,IAAA,cAAc,CAAC,UAAkB,EAAA;QACpC,OAAO,UAAU,CAAC,QAAQ,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,CAAC;KAC1E;AACJ;;;;"}

package/dist/components/TaskGrid/data-providers/custom-columns-data-provider/TalxisCustomColumnsDataProviderStrategy.d.ts

@@ -0,0 +1,33 @@
+import { IColumn, IRawRecord, IRecord, IRecordSaveOperationResult } from "@talxis/client-libraries";
+import { ICustomColumnsStrategy } from "./CustomColumnsDataProvider";
+export declare const ATTRIBUTE_DEFINITION_ENTITY_NAME = "talxis_attributedefinition";
+export declare const ATTRIBUTE_VALUE_ENTITY_NAME = "talxis_attributevalue";
+export declare const CUSTOM_COLUMNS_REFERENED_ENTITY_NAVIGATION_NAME = "talxis_task_talxis_attributevalue_regardingobjectid";
+interface ITalxisCustomColumnsStrategyParameters {
+    entityName: string;
+    recordId?: string;
+}
+export interface ITalxisCustomColumnsStrategy extends ICustomColumnsStrategy {
+    saveValueToCustomColumn: (record: IRecord) => Promise<IRecordSaveOperationResult>;
+    getValueFromRawRecord: (recordId: string, rawRecord: IRawRecord, column: IColumn) => any;
+}
+export declare class TalxisCustomColumnsStrategy implements ITalxisCustomColumnsStrategy {
+    private _entityName;
+    private _recordId?;
+    private _attributes;
+    private _attributeIdsMap;
+    constructor(parameters: ITalxisCustomColumnsStrategyParameters);
+    onRefresh(): Promise<IColumn[]>;
+    onGetColumns(): IColumn[];
+    onDeleteColumn(columnName: string): Promise<string | null>;
+    onCreateColumn(): Promise<string | null>;
+    onUpdateColumn(columnName: string): Promise<string | null>;
+    saveValueToCustomColumn(record: IRecord): Promise<IRecordSaveOperationResult>;
+    getValueFromRawRecord(recordId: string, rawRecord: IRawRecord, column: IColumn): any;
+    private _getAttributeFromRawRecord;
+    private _getFieldNameForColumn;
+    private _getValueForPayload;
+    private _getSerializedValue;
+    private _getMetadataForDataType;
+}
+export {};