wip on switching from docz to docusaurus

platform/ui/src/components/SplitButton/SplitButton.jsx

@@ -4,7 +4,7 @@ import classNames from 'classnames';
 import OutsideClickHandler from 'react-outside-click-handler';
 import { useTranslation } from 'react-i18next';
 
-import { Icon, Tooltip, ListMenu } from '@ohif/ui';
+import { Icon, Tooltip, ListMenu } from '../';
 
 const baseClasses = {
   Button:

platform/ui/src/components/SplitButton/SplitButton.mdx

@@ -1,87 +0,0 @@
----
-name: Split Button
-menu: General
-route: components/splitButton
----
-
-import { useState } from 'react';
-import { Playground, Props } from 'docz';
-import { SplitButton, WindowLevelMenuItem } from '@ohif/ui';
-
-# Split Button
-
-Split Buttons are used to populate the Toolbar.
-
-## Import
-
-```javascript
-import { SplitButton, WindowLevelMenuItem } from '@ohif/ui';
-```
-
-<Playground>
-  {() => {
-    const mockedProps = {
-      bState: {
-        primaryToolId: 'WWWC',
-        toggles: {},
-      },
-      primary: {
-        tooltip: 'W/L',
-        type: 'tool',
-        icon: 'tool-window-level',
-        onClick: args => console.debug('Primary click!', args),
-      },
-      secondary: {
-        icon: 'chevron-down',
-        label: '',
-        isActive: true,
-        tooltip: 'More Measure Tools',
-      },
-      items: [
-        {
-          id: '1',
-          icon: 'tool-layout',
-          label: 'Layout',
-          onClick: args => console.debug('Item click!', args),
-        },
-        {
-          id: '2',
-          icon: 'tool-window-level',
-          label: 'W/L',
-          onClick: args => console.debug('Item click!', args),
-        },
-        {
-          id: '3',
-          icon: 'tool-length',
-          label: 'Length',
-          onClick: args => console.debug('Item click!', args),
-        },
-      ],
-      onClick: args => console.debug('Any click!', args),
-    };
-    return (
-      <div className="mb-2">
-        <div className="flex flex-row w-full justify-center items-center bg-secondary-dark">
-          <SplitButton {...mockedProps} isRadio />
-          <SplitButton
-            {...mockedProps}
-            isAction
-            renderer={WindowLevelMenuItem}
-            items={[
-              { id: '1', value: 1, title: 'Soft tissue', subtitle: '400 / 40' },
-              { id: '2', value: 2, title: 'Lung', subtitle: '1500 / -600' },
-              { id: '3', value: 3, title: 'Liver', subtitle: '150 / 90' },
-              { id: '4', value: 4, title: 'Bone', subtitle: '80 / 40' },
-              { id: '5', value: 5, title: 'Brain', subtitle: '2500 / 480' },
-            ]}
-          />
-          <SplitButton {...mockedProps} />
-        </div>
-      </div>
-    );
-  }}
-</Playground>
-
-## Properties
-
-<Props of={SplitButton} />