@talxis/base-controls 1.2505.9 → 1.2506.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -69,7 +69,7 @@ const RecordCommands = (props) => {
|
|
|
69
69
|
}
|
|
70
70
|
})();
|
|
71
71
|
},
|
|
72
|
-
onRenderIcon: iconName
|
|
72
|
+
onRenderIcon: iconName?.includes('svg') ? () => jsx(Icon, { name: iconName }) : undefined,
|
|
73
73
|
});
|
|
74
74
|
});
|
|
75
75
|
return result;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RecordCommands.js","sources":["../../../../src/components/GridCellRenderer/RecordCommands/RecordCommands.tsx"],"sourcesContent":["import { CommandBar, ICommandBarItemProps, ITheme, useRerender, useResizeObserver, useThemeGenerator, withButtonLoading } from \"@talxis/react-components\";\nimport { useComponentProps } from \"../useComponentProps\";\nimport { IRecordCommandsProps } from \"../interfaces\";\nimport { Icon } from \"./Icon\";\nimport { ICommandBar, PartialTheme, ThemeProvider } from \"@fluentui/react\";\nimport { useEffect, useMemo, useRef } from \"react\";\nimport { getRecordCommandsStyles } from \"./styles\";\nimport { IColumn, ICommand } from \"@talxis/client-libraries\";\n\ninterface IRecordCommands {\n commands: ICommand[];\n theme: ITheme;\n applicationTheme: ITheme;\n alignment: Required<IColumn['alignment']>;\n themeOverride?: PartialTheme;\n}\n\nconst fluentIconMap: { [key: string]: string } = {\n 'Activate': 'ActivateOrders',\n 'DeActivate': 'DeactivateOrders',\n 'ExportToExcel': 'ExcelDocument',\n 'ConnectionToOther': 'Assign',\n 'EmailLink': 'Link',\n 'Flows': 'Dataflows',\n 'RunReport': 'CRMReport',\n 'Report': 'CRMReport',\n 'Remove': 'Delete',\n 'WordTemplates': 'WordDocument',\n 'DocumentTemplates': 'ExcelDocument',\n 'New': 'Add',\n}\n\nexport const RecordCommands = (props: IRecordCommands) => {\n const commands = props.commands;\n const commandBarRef = useRef<ICommandBar>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const styles = useMemo(() => getRecordCommandsStyles(props.alignment), [props.alignment])\n const theme = useThemeGenerator(props.theme.semanticColors.bodyText, props.theme.semanticColors.bodyBackground, props.theme.semanticColors.bodyText, props.themeOverride);\n const contextualMenuTheme = useThemeGenerator(props.applicationTheme.semanticColors.bodyText, props.applicationTheme.semanticColors.bodyBackground, props.applicationTheme.semanticColors.bodyText, props.themeOverride);\n const pendingActionsSet = useRef<Set<string>>(new Set());\n const rerender = useRerender();\n\n const observe = useResizeObserver(() => {\n commandBarRef.current?.remeasure();\n });\n\n const getCommandBarItems = (commands: ICommand[]): ICommandBarItemProps[] => {\n const result: ICommandBarItemProps[] = [];\n commands.map(command => {\n //@ts-ignore - portal internal types\n if (!command.shouldBeVisible || (command.__isInline !== undefined && command.__isInline === false)) {\n return;\n }\n let iconName = command.icon;\n if (fluentIconMap[iconName]) {\n iconName = fluentIconMap[iconName];\n }\n result.push({\n key: command.commandId,\n text: command.label,\n disabled: !command.canExecute || pendingActionsSet.current.has(command.commandId),\n [\"data-id\"]: command?.commandButtonId,\n [\"data-command\"]: command?.commandId,\n title: command?.tooltip,\n iconProps: {\n iconName: iconName\n },\n onClick: () => {\n (async () => {\n pendingActionsSet.current.add(command.commandId);\n rerender();\n try {\n await command.execute();\n }\n catch (err) {\n console.error(err);\n }\n finally {\n pendingActionsSet.current.delete(command.commandId);\n rerender();\n }\n })();\n },\n onRenderIcon: iconName
|
|
1
|
+
{"version":3,"file":"RecordCommands.js","sources":["../../../../src/components/GridCellRenderer/RecordCommands/RecordCommands.tsx"],"sourcesContent":["import { CommandBar, ICommandBarItemProps, ITheme, useRerender, useResizeObserver, useThemeGenerator, withButtonLoading } from \"@talxis/react-components\";\nimport { useComponentProps } from \"../useComponentProps\";\nimport { IRecordCommandsProps } from \"../interfaces\";\nimport { Icon } from \"./Icon\";\nimport { ICommandBar, PartialTheme, ThemeProvider } from \"@fluentui/react\";\nimport { useEffect, useMemo, useRef } from \"react\";\nimport { getRecordCommandsStyles } from \"./styles\";\nimport { IColumn, ICommand } from \"@talxis/client-libraries\";\n\ninterface IRecordCommands {\n commands: ICommand[];\n theme: ITheme;\n applicationTheme: ITheme;\n alignment: Required<IColumn['alignment']>;\n themeOverride?: PartialTheme;\n}\n\nconst fluentIconMap: { [key: string]: string } = {\n 'Activate': 'ActivateOrders',\n 'DeActivate': 'DeactivateOrders',\n 'ExportToExcel': 'ExcelDocument',\n 'ConnectionToOther': 'Assign',\n 'EmailLink': 'Link',\n 'Flows': 'Dataflows',\n 'RunReport': 'CRMReport',\n 'Report': 'CRMReport',\n 'Remove': 'Delete',\n 'WordTemplates': 'WordDocument',\n 'DocumentTemplates': 'ExcelDocument',\n 'New': 'Add',\n}\n\nexport const RecordCommands = (props: IRecordCommands) => {\n const commands = props.commands;\n const commandBarRef = useRef<ICommandBar>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const styles = useMemo(() => getRecordCommandsStyles(props.alignment), [props.alignment])\n const theme = useThemeGenerator(props.theme.semanticColors.bodyText, props.theme.semanticColors.bodyBackground, props.theme.semanticColors.bodyText, props.themeOverride);\n const contextualMenuTheme = useThemeGenerator(props.applicationTheme.semanticColors.bodyText, props.applicationTheme.semanticColors.bodyBackground, props.applicationTheme.semanticColors.bodyText, props.themeOverride);\n const pendingActionsSet = useRef<Set<string>>(new Set());\n const rerender = useRerender();\n\n const observe = useResizeObserver(() => {\n commandBarRef.current?.remeasure();\n });\n\n const getCommandBarItems = (commands: ICommand[]): ICommandBarItemProps[] => {\n const result: ICommandBarItemProps[] = [];\n commands.map(command => {\n //@ts-ignore - portal internal types\n if (!command.shouldBeVisible || (command.__isInline !== undefined && command.__isInline === false)) {\n return;\n }\n let iconName = command.icon;\n if (fluentIconMap[iconName]) {\n iconName = fluentIconMap[iconName];\n }\n result.push({\n key: command.commandId,\n text: command.label,\n disabled: !command.canExecute || pendingActionsSet.current.has(command.commandId),\n [\"data-id\"]: command?.commandButtonId,\n [\"data-command\"]: command?.commandId,\n title: command?.tooltip,\n iconProps: {\n iconName: iconName\n },\n onClick: () => {\n (async () => {\n pendingActionsSet.current.add(command.commandId);\n rerender();\n try {\n await command.execute();\n }\n catch (err) {\n console.error(err);\n }\n finally {\n pendingActionsSet.current.delete(command.commandId);\n rerender();\n }\n })();\n },\n onRenderIcon: iconName?.includes('svg') ? () => <Icon name={iconName} /> : undefined,\n })\n })\n return result;\n }\n\n const getComponentProps = (): IRecordCommandsProps => {\n return {\n containerProps: {\n theme: theme,\n ref: containerRef,\n className: styles.recordCommandsContainer\n },\n commandBarProps: {\n componentRef: commandBarRef,\n className: styles.recordCommandsRoot,\n contextualMenuTheme: contextualMenuTheme,\n styles: {\n primarySet: styles.recordCommandsPrimarySet\n },\n items: getCommandBarItems(commands)\n }\n }\n }\n\n const componentProps = useComponentProps().onGetRecordCommandsProps(getComponentProps());\n\n useEffect(() => {\n observe(containerRef.current!);\n }, []);\n\n return <ThemeProvider {...componentProps.containerProps}><CommandBar {...componentProps.commandBarProps} /></ThemeProvider>\n}"],"names":["_jsx"],"mappings":"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"}
|
package/package.json
CHANGED