@workday/canvas-kit-docs 5.3.0-next.3 → 5.3.0-next.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "5.3.0-next.3+6f698ff2",
+  "version": "5.3.0-next.32+a02de5eb",
   "description": "Documentation components of Canvas Kit components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -35,7 +35,8 @@
     "build:specs": "node ./utils/build-specifications.js",
     "build:downlevel-dts": "yarn run downlevel-dts dist ts3.5/dist",
     "build": "npm-run-all --parallel build:cjs build:es6 build:mdx --sequential build:specs build:downlevel-dts",
-    "depcheck": "node ../../utils/check-dependencies-exist.js"
+    "depcheck": "node ../../utils/check-dependencies-exist.js",
+    "typecheck:src": "tsc -p . --noEmit --incremental false"
   },
   "publishConfig": {
     "access": "public"
@@ -49,7 +50,7 @@
   ],
   "dependencies": {
     "@storybook/csf": "0.0.1",
-    "@workday/canvas-kit-react": "^5.3.0-next.3+6f698ff2"
+    "@workday/canvas-kit-react": "^5.3.0-next.32+a02de5eb"
   },
   "devDependencies": {
     "fs-extra": "^10.0.0",
@@ -57,5 +58,5 @@
     "mkdirp": "^1.0.3",
     "typescript": "^3.8.3"
   },
-  "gitHead": "6f698ff217cb6ab7bf9aecd86e326eb60a85edbc"
+  "gitHead": "a02de5eb284c706211aa55ef3554b11f52668b28"
 }

package/dist/mdx/CODE_OF_CONDUCT.md

@@ -1,68 +0,0 @@
-# Contributor Covenant Code of Conduct
-
-## Our Pledge
-
-In the interest of fostering an open and welcoming environment, we as contributors and maintainers
-pledge to making participation in our project and our community a harassment-free experience for
-everyone, regardless of age, body size, disability, ethnicity, sex characteristics, gender identity
-and expression, level of experience, education, socio-economic status, nationality, personal
-appearance, race, religion, or sexual identity and orientation.
-
-## Our Standards
-
-Examples of behavior that contributes to creating a positive environment include:
-
-- Using welcoming and inclusive language
-- Being respectful of differing viewpoints and experiences
-- Gracefully accepting constructive criticism
-- Focusing on what is best for the community
-- Showing empathy towards other community members
-
-Examples of unacceptable behavior by participants include:
-
-- The use of sexualized language or imagery and unwelcome sexual attention or advances
-- Trolling, insulting/derogatory comments, and personal or political attacks
-- Public or private harassment
-- Publishing others' private information, such as a physical or electronic address, without explicit
-  permission
-- Other conduct which could reasonably be considered inappropriate in a professional setting
-
-## Our Responsibilities
-
-Project maintainers are responsible for clarifying the standards of acceptable behavior and are
-expected to take appropriate and fair corrective action in response to any instances of unacceptable
-behavior.
-
-Project maintainers have the right and responsibility to remove, edit, or reject comments, commits,
-code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or
-to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate,
-threatening, offensive, or harmful.
-
-## Scope
-
-This Code of Conduct applies both within project spaces and in public spaces when an individual is
-representing the project or its community. Examples of representing a project or community include
-using an official project e-mail address, posting via an official social media account, or acting as
-an appointed representative at an online or offline event. Representation of a project may be
-further defined and clarified by project maintainers.
-
-## Enforcement
-
-Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting
-the project team at design@workday.com. All complaints will be reviewed and investigated and will
-result in a response that is deemed necessary and appropriate to the circumstances. The project team
-is obligated to maintain confidentiality with regard to the reporter of an incident. Further details
-of specific enforcement policies may be posted separately.
-
-Project maintainers who do not follow or enforce the Code of Conduct in good faith may face
-temporary or permanent repercussions as determined by other members of the project's leadership.
-
-## Attribution
-
-This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at
-https://www.contributor-covenant.org/version/1/4/code-of-conduct.html
-
-[homepage]: https://www.contributor-covenant.org
-
-For answers to common questions about this code of conduct, see
-https://www.contributor-covenant.org/faq

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

@@ -1,33 +0,0 @@
-import React from 'react';
-
-import {createComponent, useForkRef} from '@workday/canvas-kit-react/common';
-import {PopupModelContext} from '@workday/canvas-kit-react/popup';
-
-interface ContextMenuTargetProps {
-  children: React.ReactNode;
-}
-
-export default createComponent('div')({
-  displayName: 'Popup.ContextMenuTarget',
-  Component: ({children, ...elemProps}: ContextMenuTargetProps, 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>
-    );
-  },
-});

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

@@ -1,84 +0,0 @@
-import React, {useRef} from 'react';
-import ClickAwayListener from '@material-ui/core/ClickAwayListener';
-import {Popper} from '@workday/canvas-kit-react/popup';
-import {Menu, MenuItem} from '@workday/canvas-kit-preview-react/menu';
-import {SecondaryButton} from '@workday/canvas-kit-react/button';
-import uuid from 'uuid/v4';
-
-export default () => {
-  const [isOpen, setOpened] = React.useState<boolean | undefined>();
-  const [anchorEl, setAnchorEl] = React.useState<HTMLElement | null>();
-  const [selectedItemIndex, setSelectedItemIndex] = React.useState<number>();
-
-  const menuId = `menu-controlled-${uuid()}`;
-  const controlButtonId = `${menuId}-button`;
-  const buttonRef = useRef(null);
-
-  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
-    const {currentTarget} = event;
-
-    setAnchorEl(currentTarget);
-    setOpened(!isOpen);
-  };
-
-  const handleKeyDown = (event: React.KeyboardEvent): void => {
-    let isShortcut = false;
-    let nextSelectedIndex = 0;
-    if (event.key === `Spacebar` || event.key === ` ` || event.key === `Enter`) {
-      isShortcut = true;
-      setOpened(!isOpen);
-    } else if (event.key === `ArrowDown`) {
-      isShortcut = true;
-      setOpened(true);
-    } else if (event.key === `ArrowUp`) {
-      isShortcut = true;
-      setOpened(true);
-
-      nextSelectedIndex = -1;
-    }
-    if (isShortcut) {
-      setSelectedItemIndex(nextSelectedIndex);
-      // this.setState({selectedItemIndex: nextSelectedIndex});
-      event.stopPropagation();
-      event.preventDefault();
-    }
-  };
-
-  const handleClose = () => {
-    if (!isOpen) {
-      return;
-    }
-
-    setOpened(false);
-
-    if (buttonRef && buttonRef.current) {
-      buttonRef.current.focus();
-    }
-  };
-
-  return (
-    <ClickAwayListener onClickAway={handleClose}>
-      <div>
-        <SecondaryButton
-          onClick={handleClick}
-          onKeyDown={handleKeyDown}
-          aria-expanded={!!isOpen}
-          aria-haspopup={true}
-          aria-controls={menuId}
-          id={controlButtonId}
-          ref={buttonRef}
-        >
-          Open Menu
-        </SecondaryButton>
-        <Popper placement={'bottom-start'} open={isOpen} anchorElement={anchorEl}>
-          <div style={{opacity: isOpen ? 1 : 0, display: isOpen ? `initial` : `none`}}>
-            <Menu initialSelectedItem={selectedItemIndex} isOpen={isOpen} onClose={handleClose}>
-              <MenuItem>First Item</MenuItem>
-              <MenuItem>Second Item</MenuItem>
-            </Menu>
-          </div>
-        </Popper>
-      </div>
-    </ClickAwayListener>
-  );
-};

package/dist/mdx/react/pagination/examples/ShowAdditionalDetails.tsx

@@ -1,52 +0,0 @@
-import * as React from 'react';
-import {
-  Pagination,
-  getLastPage,
-  getVisibleResultsMax,
-  getVisibleResultsMin,
-} from '@workday/canvas-kit-react/pagination';
-
-export default () => {
-  const resultCount = 10;
-  const totalCount = 100;
-  const lastPage = getLastPage(resultCount, totalCount);
-
-  return (
-    <Pagination
-      onPageChange={pageNumber => console.log(pageNumber)}
-      aria-label="Pagination"
-      lastPage={lastPage}
-      rangeSize={3}
-      initialCurrentPage={3}
-    >
-      <Pagination.Controls>
-        <Pagination.JumpToFirstButton aria-label="First" />
-        <Pagination.StepToPreviousButton aria-label="Previous" />
-        <Pagination.PageList>
-          {({state}) =>
-            state.range.map(pageNumber => (
-              <Pagination.PageListItem key={pageNumber}>
-                <Pagination.PageButton aria-label={`Page ${pageNumber}`} pageNumber={pageNumber} />
-              </Pagination.PageListItem>
-            ))
-          }
-        </Pagination.PageList>
-        <Pagination.StepToNextButton aria-label="Next" />
-        <Pagination.JumpToLastButton aria-label="Last" />
-        <Pagination.GoToForm>
-          <Pagination.GoToTextInput aria-label="Go to page number" />
-          <Pagination.GoToLabel>{() => `of ${totalCount} results`}</Pagination.GoToLabel>
-        </Pagination.GoToForm>
-      </Pagination.Controls>
-      <Pagination.AdditionalDetails>
-        {({state}) =>
-          `${getVisibleResultsMin(state.currentPage, resultCount)}-${getVisibleResultsMax(
-            state.currentPage,
-            resultCount,
-            totalCount
-          )} of ${totalCount} results`
-        }
-      </Pagination.AdditionalDetails>
-    </Pagination>
-  );
-};