@workday/canvas-kit-docs 14.0.0-alpha.1147-next.0 → 14.0.0-alpha.1149-next.0

package/dist/mdx/preview-react/menu/examples/ContextMenu.tsx

@@ -1,67 +0,0 @@
-import * as React from 'react';
-
-import {createComponent, useForkRef} from '@workday/canvas-kit-react/common';
-import {DeprecatedMenu, DeprecatedMenuItem} from '@workday/canvas-kit-preview-react/menu';
-import {
-  Popup,
-  PopupModelContext,
-  usePopupModel,
-  useAlwaysCloseOnOutsideClick,
-  useCloseOnEscape,
-  useTransferOnFullscreenExit,
-} from '@workday/canvas-kit-react/popup';
-
-const ContextMenuTarget = createComponent('div')({
-  displayName: 'Popup.ContextMenuTarget',
-  Component: ({children, ...elemProps}, ref, Element) => {
-    const model = React.useContext(PopupModelContext);
-    const elementRef = useForkRef(ref, model.state.targetRef as any);
-
-    const onContextMenu = (event: React.MouseEvent) => {
-      if (model.state.visibility === 'visible') {
-        model.events.hide(event);
-      } else if (model.state.visibility === 'hidden') {
-        model.events.show(event);
-      }
-
-      // Prevent the default context menu from showing to avoid double menus
-      event.preventDefault();
-    };
-
-    return (
-      <Element ref={elementRef} onContextMenu={onContextMenu} {...elemProps}>
-        {children}
-      </Element>
-    );
-  },
-});
-
-export default () => {
-  const model = usePopupModel();
-
-  useAlwaysCloseOnOutsideClick(model);
-  useCloseOnEscape(model);
-  useTransferOnFullscreenExit(model);
-
-  return (
-    <Popup model={model}>
-      <ContextMenuTarget style={{display: 'inline'}} tabIndex={0}>
-        Right click on this text (Context menu target)
-      </ContextMenuTarget>
-      <Popup.Popper>
-        <DeprecatedMenu onClose={model.events.hide}>
-          <DeprecatedMenuItem>Back</DeprecatedMenuItem>
-          <DeprecatedMenuItem>Forward</DeprecatedMenuItem>
-          <DeprecatedMenuItem>Reload</DeprecatedMenuItem>
-          <DeprecatedMenuItem hasDivider>Bookmark Page</DeprecatedMenuItem>
-          <DeprecatedMenuItem>Save Page As...</DeprecatedMenuItem>
-          <DeprecatedMenuItem>Select All</DeprecatedMenuItem>
-          <DeprecatedMenuItem hasDivider>Take Screenshot</DeprecatedMenuItem>
-          <DeprecatedMenuItem hasDivider>View Page Source</DeprecatedMenuItem>
-          <DeprecatedMenuItem>Inspect Accessibility Properties</DeprecatedMenuItem>
-          <DeprecatedMenuItem>Inspect</DeprecatedMenuItem>
-        </DeprecatedMenu>
-      </Popup.Popper>
-    </Popup>
-  );
-};

package/dist/mdx/preview-react/menu/examples/CustomMenuItem.tsx

@@ -1,15 +0,0 @@
-import React from 'react';
-
-import {DeprecatedMenu, DeprecatedMenuItem} from '@workday/canvas-kit-preview-react/menu';
-
-export default () => {
-  return (
-    <DeprecatedMenu>
-      <DeprecatedMenuItem>First Item</DeprecatedMenuItem>
-      <DeprecatedMenuItem>Second Item</DeprecatedMenuItem>
-      <li role="menuitem" tabIndex={-1} style={{listStyle: 'none'}}>
-        Third Item (custom)
-      </li>
-    </DeprecatedMenu>
-  );
-};

package/dist/mdx/preview-react/menu/examples/Headers.tsx

@@ -1,32 +0,0 @@
-import React from 'react';
-import {checkIcon} from '@workday/canvas-system-icons-web';
-import {DeprecatedMenu, DeprecatedMenuItem} from '@workday/canvas-kit-preview-react/menu';
-import {styled} from '@workday/canvas-kit-react/common';
-import {type} from '@workday/canvas-kit-react/tokens';
-
-const Header = styled(DeprecatedMenuItem)({
-  fontWeight: type.properties.fontWeights.bold,
-});
-
-export default () => {
-  return (
-    <DeprecatedMenu>
-      <Header isHeader={true}>Sort By</Header>
-      <DeprecatedMenuItem icon={checkIcon}>
-        <span aria-label="sort by newest">Newest</span>
-      </DeprecatedMenuItem>
-      <DeprecatedMenuItem>
-        <span aria-label="sort by oldest">Oldest</span>
-      </DeprecatedMenuItem>
-      <Header isHeader={true} hasDivider={true}>
-        Display Density
-      </Header>
-      <DeprecatedMenuItem icon={checkIcon}>
-        <span aria-label="display density simple">Simple</span>
-      </DeprecatedMenuItem>
-      <DeprecatedMenuItem>
-        <span aria-label="display density detailed">Detailed</span>
-      </DeprecatedMenuItem>
-    </DeprecatedMenu>
-  );
-};

package/dist/mdx/preview-react/menu/examples/Icons.tsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import {
-  setupIcon,
-  uploadCloudIcon,
-  userIcon,
-  taskContactIcon,
-} from '@workday/canvas-system-icons-web';
-import {DeprecatedMenu, DeprecatedMenuItem} from '@workday/canvas-kit-preview-react/menu';
-
-export default () => {
-  return (
-    <DeprecatedMenu>
-      <DeprecatedMenuItem icon={uploadCloudIcon}>First Item</DeprecatedMenuItem>
-      <DeprecatedMenuItem icon={setupIcon}>
-        Second Item (with a really really really long label)
-      </DeprecatedMenuItem>
-      <DeprecatedMenuItem isDisabled icon={uploadCloudIcon} secondaryIcon={taskContactIcon}>
-        Third Item
-      </DeprecatedMenuItem>
-      <DeprecatedMenuItem icon={userIcon}></DeprecatedMenuItem>
-      <DeprecatedMenuItem hasDivider icon={taskContactIcon}>
-        Fifth Item (with divider)
-      </DeprecatedMenuItem>
-    </DeprecatedMenu>
-  );
-};

package/dist/mdx/preview-react/menu/examples/ManyItems.tsx

@@ -1,15 +0,0 @@
-import React from 'react';
-
-import {DeprecatedMenu, DeprecatedMenuItem} from '@workday/canvas-kit-preview-react/menu';
-
-export default () => {
-  return (
-    <DeprecatedMenu>
-      {'One Two Three Four Five Six Seven Eight Nine Ten Eleven Twelve Thirteen Fourteen Fifteen'
-        .split(' ')
-        .map(item => {
-          return <DeprecatedMenuItem key={item}>Item {item}</DeprecatedMenuItem>;
-        })}
-    </DeprecatedMenu>
-  );
-};