diff --git a/extensions/default/src/index.ts b/extensions/default/src/index.ts index 72f4ecad7..a2d7a6179 100644 --- a/extensions/default/src/index.ts +++ b/extensions/default/src/index.ts @@ -35,6 +35,7 @@ import colorPickerDialog from './utils/colorPickerDialog'; import promptSaveReport from './utils/promptSaveReport'; import promptLabelAnnotation from './utils/promptLabelAnnotation'; import usePatientInfo from './hooks/usePatientInfo'; +import * as utils from './utils'; const defaultExtension: Types.Extensions.Extension = { /** @@ -98,4 +99,5 @@ export { promptLabelAnnotation, colorPickerDialog, usePatientInfo, + utils, }; diff --git a/extensions/default/src/utils/addIcon.ts b/extensions/default/src/utils/addIcon.ts new file mode 100644 index 000000000..03bbf2c7e --- /dev/null +++ b/extensions/default/src/utils/addIcon.ts @@ -0,0 +1,8 @@ +import { addIcon as addIconUI } from '@ohif/ui'; +import { Icons } from '@ohif/ui-next'; + +/** Adds the icon to both ui and ui-next */ +export function addIcon(name, icon) { + addIconUI(name, icon); + Icons.addIcon(name, icon); +} diff --git a/extensions/default/src/utils/index.ts b/extensions/default/src/utils/index.ts new file mode 100644 index 000000000..81118c67f --- /dev/null +++ b/extensions/default/src/utils/index.ts @@ -0,0 +1 @@ +export { addIcon } from './addIcon'; diff --git a/platform/docs/docs/migration-guide/3p8-to-3p9/2-Renamings.md b/platform/docs/docs/migration-guide/3p8-to-3p9/2-Renamings.md index 6d8b1ce0f..2ad24c0a8 100644 --- a/platform/docs/docs/migration-guide/3p8-to-3p9/2-Renamings.md +++ b/platform/docs/docs/migration-guide/3p8-to-3p9/2-Renamings.md @@ -26,3 +26,8 @@ Find and replace @ohif/extension-default.panelModule.measurements + +## addIcon from ui + +The addIcon from the ui package has had a version added in the default extension as +`utils.addIcon` which adds to both `ui` and `ui-next`. diff --git a/platform/ui-next/src/components/Icons/Icons.tsx b/platform/ui-next/src/components/Icons/Icons.tsx index 4b51892bf..1c2e9596c 100644 --- a/platform/ui-next/src/components/Icons/Icons.tsx +++ b/platform/ui-next/src/components/Icons/Icons.tsx @@ -2866,4 +2866,12 @@ export const Icons = { 'icon-chevron-patient': (props: IconProps) => Icons.ChevronPatient(props), info: (props: IconProps) => Icons.Info(props), settings: (props: IconProps) => Icons.Settings(props), + + /** Adds an icon to the set of icons */ + addIcon: (name: string, icon) => { + if (Icons[name]) { + console.warn('Replacing icon', name); + } + Icons[name] = icon; + }, };