@talxis/base-controls 1.2504.2 → 1.2504.4

package/dist/components/GridCellRenderer/OptionSet/OptionSet.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { useTheme, ThemeProvider, Text } from '@fluentui/react';
+import { useTheme, merge, ThemeProvider, Text } from '@fluentui/react';
 import { Theming, useThemeGenerator } from '@talxis/react-components';
 import { useMemo } from 'react';
 import { getOptionSetStyles, getColorfulOptionStyles } from './styles.js';
@@ -51,7 +51,13 @@ const ColorfulOption = (props) => {
     const backgroundColor = option.Color ?? theme.palette.neutralLight;
     const textColor = Theming.GetTextColorForBackground(backgroundColor);
     const styles = useMemo(() => getColorfulOptionStyles(), []);
-    const optionTheme = useThemeGenerator(textColor, backgroundColor, textColor, props.context.fluentDesignLanguage?.v8FluentOverrides);
+    const optionTheme = useThemeGenerator(textColor, backgroundColor, textColor, merge({}, {
+        fonts: {
+            medium: {
+                fontWeight: 600
+            }
+        }
+    }, props.context.fluentDesignLanguage?.v8FluentOverrides));
     const optionProps = props.optionSetProps.onGetOptionProps({
         containerProps: {
             className: styles.option,

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

@@ -1 +1 @@
-{"version":3,"file":"OptionSet.js","sources":["../../../../src/components/GridCellRenderer/OptionSet/OptionSet.tsx"],"sourcesContent":["import { DataType } from \"@talxis/client-libraries\";\nimport { IOptionSet } from \"../../OptionSet\"\nimport { IMultiSelectOptionSet } from \"../../MultiSelectOptionSet\";\nimport { ITwoOptions } from \"../../TwoOptions\";\nimport { ThemeProvider, useTheme } from \"@fluentui/react\";\nimport { Theming, useThemeGenerator } from \"@talxis/react-components\";\nimport { Text } from '@fluentui/react';\nimport { IContext } from \"../../../interfaces\";\nimport { useMemo } from \"react\";\nimport { getColorfulOptionStyles, getOptionSetStyles } from \"./styles\";\nimport { useComponentProps } from \"../useComponentProps\";\nimport { IOptionSetProps } from \"../interfaces\";\nimport { DefaultContentRenderer } from \"../DefaultContentRenderer\";\n\nexport const OptionSet = (props: IOptionSet | IMultiSelectOptionSet | ITwoOptions) => {\n    const dataType: DataType = props.parameters.value.type as DataType;\n    const options = props.parameters.value.attributes.Options;\n    const value: any = props.parameters.value.raw;\n    const styles = useMemo(() => getOptionSetStyles(), []);\n    const componentProps = useComponentProps();\n\n    const optionSetProps = componentProps.onGetOptionSetProps({\n        containerProps: {\n            className: styles.root\n        },\n        onGetOptionProps: (props) => props\n    })\n\n    const shouldRenderDefaultLabel = () => {\n        if (!props.parameters.EnableOptionSetColors?.raw || !options.some(option => option.Color)) {\n            return true;\n        }\n        return false;\n    }\n\n    const getSelectedOptions = () => {\n        let result: any = value ?? [];\n        switch (dataType) {\n            case 'OptionSet': {\n                result = [value]\n                break;\n            }\n            case 'TwoOptions': {\n                result = [+value];\n                break;\n            }\n        }\n        return options.filter(option => result?.includes(option.Value)) ?? [];\n    }\n\n    if (shouldRenderDefaultLabel()) {\n        return <DefaultContentRenderer />\n    }\n    return (<div {...optionSetProps.containerProps}>\n        {getSelectedOptions().map(option => {\n            return <ColorfulOption\n                key={option.Value}\n                optionSetProps={optionSetProps}\n                option={option}\n                context={props.context} />\n        })}\n    </div>)\n}\n\nconst ColorfulOption = (props: {\n    option: ComponentFramework.PropertyHelper.OptionMetadata,\n    context: IContext;\n    optionSetProps: IOptionSetProps\n}) => {\n    const theme = useTheme();\n    const option = props.option;\n    const backgroundColor = option.Color ?? theme.palette.neutralLight;\n    const textColor = Theming.GetTextColorForBackground(backgroundColor);\n    const styles = useMemo(() => getColorfulOptionStyles(), []);\n    const optionTheme = useThemeGenerator(textColor, backgroundColor, textColor, props.context.fluentDesignLanguage?.v8FluentOverrides);\n\n    const optionProps = props.optionSetProps.onGetOptionProps({\n        containerProps: {\n            className: styles.option,\n            theme: optionTheme\n        },\n        option: option,\n        textProps: {\n            children: option.Label\n        }\n    })\n\n    return (\n        <ThemeProvider {...optionProps.containerProps}>\n            <Text {...optionProps.textProps}>{optionProps.textProps.children}</Text>\n        </ThemeProvider>\n    )\n}"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"OptionSet.js","sources":["../../../../src/components/GridCellRenderer/OptionSet/OptionSet.tsx"],"sourcesContent":["import { DataType } from \"@talxis/client-libraries\";\nimport { IOptionSet } from \"../../OptionSet\"\nimport { IMultiSelectOptionSet } from \"../../MultiSelectOptionSet\";\nimport { ITwoOptions } from \"../../TwoOptions\";\nimport { PartialTheme, ThemeProvider, useTheme, merge } from \"@fluentui/react\";\nimport { Theming, useThemeGenerator } from \"@talxis/react-components\";\nimport { Text } from '@fluentui/react';\nimport { IContext } from \"../../../interfaces\";\nimport { useMemo } from \"react\";\nimport { getColorfulOptionStyles, getOptionSetStyles } from \"./styles\";\nimport { useComponentProps } from \"../useComponentProps\";\nimport { IOptionSetProps } from \"../interfaces\";\nimport { DefaultContentRenderer } from \"../DefaultContentRenderer\";\n\nexport const OptionSet = (props: IOptionSet | IMultiSelectOptionSet | ITwoOptions) => {\n    const dataType: DataType = props.parameters.value.type as DataType;\n    const options = props.parameters.value.attributes.Options;\n    const value: any = props.parameters.value.raw;\n    const styles = useMemo(() => getOptionSetStyles(), []);\n    const componentProps = useComponentProps();\n\n    const optionSetProps = componentProps.onGetOptionSetProps({\n        containerProps: {\n            className: styles.root\n        },\n        onGetOptionProps: (props) => props\n    })\n\n    const shouldRenderDefaultLabel = () => {\n        if (!props.parameters.EnableOptionSetColors?.raw || !options.some(option => option.Color)) {\n            return true;\n        }\n        return false;\n    }\n\n    const getSelectedOptions = () => {\n        let result: any = value ?? [];\n        switch (dataType) {\n            case 'OptionSet': {\n                result = [value]\n                break;\n            }\n            case 'TwoOptions': {\n                result = [+value];\n                break;\n            }\n        }\n        return options.filter(option => result?.includes(option.Value)) ?? [];\n    }\n\n    if (shouldRenderDefaultLabel()) {\n        return <DefaultContentRenderer />\n    }\n    return (<div {...optionSetProps.containerProps}>\n        {getSelectedOptions().map(option => {\n            return <ColorfulOption\n                key={option.Value}\n                optionSetProps={optionSetProps}\n                option={option}\n                context={props.context} />\n        })}\n    </div>)\n}\n\nconst ColorfulOption = (props: {\n    option: ComponentFramework.PropertyHelper.OptionMetadata,\n    context: IContext;\n    optionSetProps: IOptionSetProps\n}) => {\n    const theme = useTheme();\n    const option = props.option;\n    const backgroundColor = option.Color ?? theme.palette.neutralLight;\n    const textColor = Theming.GetTextColorForBackground(backgroundColor);\n    const styles = useMemo(() => getColorfulOptionStyles(), []);\n    const optionTheme = useThemeGenerator(textColor, backgroundColor, textColor, merge({}, {\n        fonts: {\n            medium: {\n                fontWeight: 600\n            }\n        }\n    } as PartialTheme, props.context.fluentDesignLanguage?.v8FluentOverrides as PartialTheme));\n\n    const optionProps = props.optionSetProps.onGetOptionProps({\n        containerProps: {\n            className: styles.option,\n            theme: optionTheme\n        },\n        option: option,\n        textProps: {\n            children: option.Label\n        }\n    })\n\n    return (\n        <ThemeProvider {...optionProps.containerProps}>\n            <Text {...optionProps.textProps}>{optionProps.textProps.children}</Text>\n        </ThemeProvider>\n    )\n}"],"names":["_jsx"],"mappings":"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"}

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

@@ -35,6 +35,7 @@ export interface IOptionProps {
 export interface IGridCellRendererComponentProps {
     onGetOptionSetProps: (props: IOptionSetProps) => IOptionSetProps;
     onGetLinkProps: (props: ILinkProps) => ILinkProps;
+    onRenderContent: (defaultRenderer: () => JSX.Element) => JSX.Element;
     rootContainerProps: ThemeProviderProps;
     contentWrapperProps: React.HTMLAttributes<HTMLDivElement>;
     textProps: ITextProps;

package/dist/index.d.ts

@@ -480,6 +480,10 @@ declare const gridTranslations: {
         1029: string;
         1033: string;
     };
+    "filtersortmenu-clearsorting": {
+        1029: string;
+        1033: string;
+    };
     "paging-of": {
         1029: string;
         1033: string;
@@ -606,7 +610,13 @@ declare const gridTranslations: {
     };
 };
 
-interface IGrid extends IControl<IGridParameters, IGridOutputs, Partial<ITranslation<typeof gridTranslations>>, AgGridReactProps> {
+interface IGridComponentProps {
+    agGrid: AgGridReactProps;
+    registerRowGroupingModule: boolean;
+    container: any;
+    pagingProps: any;
+}
+interface IGrid extends IControl<IGridParameters, IGridOutputs, Partial<ITranslation<typeof gridTranslations>>, IGridComponentProps> {
 }
 interface IGridParameters extends IParameters$1 {
     EnableEditing?: Omit<ITwoOptionsProperty, 'attributes'>;
@@ -617,7 +627,9 @@ interface IGridParameters extends IParameters$1 {
     EnableOptionSetColors?: Omit<ITwoOptionsProperty, 'attributes'>;
     EnableChangeEditor?: Omit<ITwoOptionsProperty, 'attributes'>;
     EnableMultiEdit?: Omit<ITwoOptionsProperty, 'attributes'>;
+    EnableZebra?: Omit<ITwoOptionsProperty, 'attributes'>;
     RowHeight?: Omit<IWholeNumberProperty, 'attributes'>;
+    EnablePageSizeSwitcher?: Omit<ITwoOptionsProperty, 'attributes'>;
     Height?: IStringProperty;
     InlineRibbonButtonIds?: IStringProperty;
     SelectableRows?: Omit<ComponentFramework.PropertyTypes.EnumProperty<"none" | "single" | "multiple">, 'type'>;
@@ -659,6 +671,7 @@ interface IDatasetControlComponentProps {
         onRender: (renderQuickFind: () => React.ReactElement) => React.ReactElement;
         onGetQuickFindProps: (props: IQuickFindProps) => IQuickFindProps;
     };
+    onOverrideControlProps: (props: IGridComponentProps) => IGridComponentProps;
 }
 interface IDatasetControl extends IControl<IGridParameters, IGridOutputs, Partial<ITranslation<typeof datasetControlTranslations & typeof gridTranslations>>, IDatasetControlComponentProps> {
     EnableQuickFind?: Omit<ITwoOptionsProperty, 'attributes'>;
@@ -786,6 +799,7 @@ interface IOptionProps {
 interface IGridCellRendererComponentProps {
     onGetOptionSetProps: (props: IOptionSetProps) => IOptionSetProps;
     onGetLinkProps: (props: ILinkProps) => ILinkProps;
+    onRenderContent: (defaultRenderer: () => JSX.Element) => JSX.Element;
     rootContainerProps: ThemeProviderProps;
     contentWrapperProps: React.HTMLAttributes<HTMLDivElement>;
     textProps: ITextProps;
@@ -1249,4 +1263,4 @@ interface IDurationOutputs extends IOutputs$1 {
 
 declare const Duration: (props: IDuration) => JSX.Element;
 
-export { BaseControl, BaseControls, ControlTheme, DatasetControl, DateTime, Decimal, Duration, Grid, GridCellRenderer, IContext, IControl, IControlController, IDatasetControl, IDatasetControlComponentProps, IDateTime, IDateTimeOutputs, IDateTimeParameters, IDateTimeProperty, IDecimal, IDecimalNumberProperty, IDecimalOutputs, IDecimalParameters, IDefaultTranslations, IDuration, IDurationOutputs, IDurationParameters, IEntity, IFileProperty, IFluentDesignState, IGrid, IGridOutputs, IGridParameters, ILayout, ILookup, ILookupOutputs, ILookupParameters, ILookupProperty, IMetadata, IMultiSelectOptionSet, IMultiSelectOptionSetOutputs, IMultiSelectOptionSetParameters, IMultiSelectOptionSetProperty, IOptionSet, IOptionSetOutputs, IOptionSetParameters, IOptionSetProperty, IOutputs, IParameters$1 as IParameters, IProperty, IQuickFindProps, IStringProperty, ITextField, ITextFieldOutputs, ITextFieldParameters, ITranslation, ITranslations, ITwoOptions, ITwoOptionsOutputs, ITwoOptionsParameters, ITwoOptionsProperty, IWholeNumberProperty, Lookup, MultiSelectOptionSet, NestedControlRenderer, OptionSet, TextField, ThemeWrapper, TwoOptions, useControl, useControlLabels, useControlSizing, useControlTheme, useControlThemeGenerator, useDateTime, useFocusIn, useInputBasedControl, useLookup, useMouseOver };
+export { BaseControl, BaseControls, ControlTheme, DatasetControl, DateTime, Decimal, Duration, Grid, GridCellRenderer, IContext, IControl, IControlController, IDatasetControl, IDatasetControlComponentProps, IDateTime, IDateTimeOutputs, IDateTimeParameters, IDateTimeProperty, IDecimal, IDecimalNumberProperty, IDecimalOutputs, IDecimalParameters, IDefaultTranslations, IDuration, IDurationOutputs, IDurationParameters, IEntity, IFileProperty, IFluentDesignState, IGrid, IGridComponentProps, IGridOutputs, IGridParameters, ILayout, ILookup, ILookupOutputs, ILookupParameters, ILookupProperty, IMetadata, IMultiSelectOptionSet, IMultiSelectOptionSetOutputs, IMultiSelectOptionSetParameters, IMultiSelectOptionSetProperty, IOptionSet, IOptionSetOutputs, IOptionSetParameters, IOptionSetProperty, IOutputs, IParameters$1 as IParameters, IProperty, IQuickFindProps, IStringProperty, ITextField, ITextFieldOutputs, ITextFieldParameters, ITranslation, ITranslations, ITwoOptions, ITwoOptionsOutputs, ITwoOptionsParameters, ITwoOptionsProperty, IWholeNumberProperty, Lookup, MultiSelectOptionSet, NestedControlRenderer, OptionSet, TextField, ThemeWrapper, TwoOptions, useControl, useControlLabels, useControlSizing, useControlTheme, useControlThemeGenerator, useDateTime, useFocusIn, useInputBasedControl, useLookup, useMouseOver };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@talxis/base-controls",
-  "version": "1.2504.2",
+  "version": "1.2504.4",
   "description": "Set of React components that natively work with Power Apps Component Framework API's",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -70,6 +70,7 @@
     "@ag-grid-community/core": "^31.3.2",
     "@ag-grid-community/react": "^31.3.2",
     "@ag-grid-community/styles": "^31.3.2",
+    "@ag-grid-enterprise/row-grouping": "31.3.2",
     "@fluentui/react-migration-v8-v9": "^9.6.20",
     "color": "^4.2.3",
     "dayjs": "^1.11.10",
@@ -85,8 +86,8 @@
   "peerDependencies": {
     "react": "^16.8.6 || ^17.0.2",
     "react-dom": "^16.8.6 || ^17.0.2",
-    "@talxis/react-components": "^1.2503.1",
-    "@talxis/client-libraries": "^1.2503.8",
+    "@talxis/react-components": "^1.2503.4",
+    "@talxis/client-libraries": "^1.2504.1",
     "@fluentui/react": "<=8.121.5"
   }
 }

package/dist/components/DatasetControl/ErrorBoundary.js

@@ -1,33 +0,0 @@
-import React__default from 'react';
-
-class ErrorBoundary extends React__default.Component {
-    constructor(props) {
-      super(props);
-      this.state = { hasError: false };
-    }
-  
-    static getDerivedStateFromError(error) {
-      // Update state so the next render will show the fallback UI.
-      return { hasError: true };
-    }
-  
-    componentDidCatch(error, info) {
-        console.error(error);
-    }
-
-    resetError() {
-      this.setState({ hasError: false });
-    }
-  
-    render() {
-      if (this.state.hasError) {
-        // You can render any custom fallback UI
-        return this.props.fallback(() => this.resetError());
-      }
-  
-      return this.props.children;
-    }
-  }
-
-export { ErrorBoundary };
-//# sourceMappingURL=ErrorBoundary.js.map

package/dist/components/DatasetControl/ErrorBoundary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorBoundary.js","sources":["../../../src/components/DatasetControl/ErrorBoundary.js"],"sourcesContent":["import React from 'react';\n\nexport class ErrorBoundary extends React.Component {\n    constructor(props) {\n      super(props);\n      this.state = { hasError: false };\n    }\n  \n    static getDerivedStateFromError(error) {\n      // Update state so the next render will show the fallback UI.\n      return { hasError: true };\n    }\n  \n    componentDidCatch(error, info) {\n        console.error(error);\n    }\n\n    resetError() {\n      this.setState({ hasError: false });\n    }\n  \n    render() {\n      if (this.state.hasError) {\n        // You can render any custom fallback UI\n        return this.props.fallback(() => this.resetError());\n      }\n  \n      return this.props.children;\n    }\n  }"],"names":["React"],"mappings":";;AAEO,MAAM,aAAa,SAASA,cAAK,CAAC,SAAS,CAAC;AACnD,IAAI,WAAW,CAAC,KAAK,EAAE;AACvB,MAAM,KAAK,CAAC,KAAK,CAAC,CAAC;AACnB,MAAM,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AACvC,KAAK;AACL;AACA,IAAI,OAAO,wBAAwB,CAAC,KAAK,EAAE;AAC3C;AACA,MAAM,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAChC,KAAK;AACL;AACA,IAAI,iBAAiB,CAAC,KAAK,EAAE,IAAI,EAAE;AACnC,QAAQ,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;AAC7B,KAAK;AACL;AACA,IAAI,UAAU,GAAG;AACjB,MAAM,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;AACzC,KAAK;AACL;AACA,IAAI,MAAM,GAAG;AACb,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;AAC/B;AACA,QAAQ,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;AAC5D,OAAO;AACP;AACA,MAAM,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;AACjC,KAAK;AACL;;;;"}