@primer/components 0.0.0-20211030175556 → 0.0.0-20211030175634

package/lib/utils/testing.jsx

@@ -1,206 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkExports = exports.behavesAsComponent = exports.unloadCSS = exports.loadCSS = exports.getClasses = exports.getClassName = exports.getProps = exports.getComputedStyles = exports.renderStyles = exports.percent = exports.px = exports.rendersClass = exports.renderClasses = exports.renderRoot = exports.render = exports.mount = exports.COMPONENT_DISPLAY_NAME_REGEX = void 0;
-const react_1 = __importDefault(require("react"));
-const util_1 = require("util");
-const react_test_renderer_1 = __importDefault(require("react-test-renderer"));
-const enzyme_1 = __importDefault(require("enzyme"));
-const enzyme_adapter_react_17_1 = __importDefault(require("@wojtekmaj/enzyme-adapter-react-17"));
-const __1 = require("..");
-const theme_1 = __importDefault(require("../theme"));
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const readFile = util_1.promisify(require('fs').readFile);
-exports.COMPONENT_DISPLAY_NAME_REGEX = /^[A-Z][A-Za-z]+(\.[A-Z][A-Za-z]+)*$/;
-enzyme_1.default.configure({ adapter: new enzyme_adapter_react_17_1.default() });
-function mount(component) {
-    return enzyme_1.default.mount(component);
-}
-exports.mount = mount;
-/**
- * Render the component (a React.createElement() or JSX expression)
- * into its intermediate object representation with 'type',
- * 'props', and 'children' keys
- *
- * The returned object can be matched with expect().toEqual(), e.g.
- *
- * ```js
- * expect(render(<Foo />)).toEqual(render(<div foo='bar' />))
- * ```
- */
-function render(component, theme = theme_1.default) {
-    return react_test_renderer_1.default
-        .create(<__1.ThemeProvider theme={theme}>{component}</__1.ThemeProvider>)
-        .toJSON();
-}
-exports.render = render;
-/**
- * Render the component (a React.createElement() or JSX expression)
- * using react-test-renderer and return the root node
- * ```
- */
-function renderRoot(component) {
-    return react_test_renderer_1.default.create(component).root;
-}
-exports.renderRoot = renderRoot;
-/**
- * Get the HTML class names rendered by the component instance
- * as an array.
- *
- * ```js
- * expect(renderClasses(<div className='a b' />))
- *   .toEqual(['a', 'b'])
- * ```
- */
-function renderClasses(component) {
-    const { props: { className } } = render(component);
-    return className ? className.trim().split(' ') : [];
-}
-exports.renderClasses = renderClasses;
-/**
- * Returns true if a node renders with a single class.
- */
-function rendersClass(node, klass) {
-    return renderClasses(node).includes(klass);
-}
-exports.rendersClass = rendersClass;
-function px(value) {
-    return typeof value === 'number' ? `${value}px` : value;
-}
-exports.px = px;
-function percent(value) {
-    return typeof value === 'number' ? `${value}%` : value;
-}
-exports.percent = percent;
-function renderStyles(node) {
-    const { props: { className } } = render(node);
-    return getComputedStyles(className);
-}
-exports.renderStyles = renderStyles;
-function getComputedStyles(className) {
-    const div = document.createElement('div');
-    div.className = className;
-    const computed = {};
-    for (const sheet of document.styleSheets) {
-        // CSSRulesLists assumes every rule is a CSSRule, not a CSSStyleRule
-        for (const rule of sheet.cssRules) {
-            if (rule instanceof CSSMediaRule) {
-                readMedia(rule);
-            }
-            else if (rule instanceof CSSStyleRule) {
-                readRule(rule, computed);
-            }
-            else {
-                // console.warn('rule.type =', rule.type)
-            }
-        }
-    }
-    return computed;
-    function matchesSafe(node, selector) {
-        if (!selector) {
-            return false;
-        }
-        try {
-            return node.matches(selector);
-        }
-        catch (error) {
-            return false;
-        }
-    }
-    function readRule(rule, dest) {
-        if (matchesSafe(div, rule.selectorText)) {
-            const { style } = rule;
-            for (let i = 0; i < style.length; i++) {
-                const prop = style[i];
-                dest[prop] = style.getPropertyValue(prop);
-            }
-        }
-        else {
-            // console.warn('no match:', rule.selectorText)
-        }
-    }
-    function readMedia(mediaRule) {
-        const key = `@media ${mediaRule.media[0]}`;
-        // const dest = computed[key] || (computed[key] = {})
-        const dest = {};
-        for (const rule of mediaRule.cssRules) {
-            if (rule instanceof CSSStyleRule) {
-                readRule(rule, dest);
-            }
-        }
-        // Don't add media rule to computed styles
-        // if no styles were actually applied
-        if (Object.keys(dest).length > 0) {
-            computed[key] = dest;
-        }
-    }
-}
-exports.getComputedStyles = getComputedStyles;
-/**
- * This provides a layer of compatibility between the render() function from
- * react-test-renderer and Enzyme's mount()
- */
-function getProps(node) {
-    return typeof node.props === 'function' ? node.props() : node.props;
-}
-exports.getProps = getProps;
-function getClassName(node) {
-    return getProps(node).className;
-}
-exports.getClassName = getClassName;
-function getClasses(node) {
-    const className = getClassName(node);
-    return className ? className.trim().split(/ +/) : [];
-}
-exports.getClasses = getClasses;
-async function loadCSS(path) {
-    const css = await readFile(require.resolve(path), 'utf8');
-    const style = document.createElement('style');
-    style.setAttribute('data-path', path);
-    style.textContent = css;
-    document.head.appendChild(style);
-    return style;
-}
-exports.loadCSS = loadCSS;
-function unloadCSS(path) {
-    const style = document.querySelector(`style[data-path="${path}"]`);
-    if (style) {
-        style.remove();
-        return true;
-    }
-}
-exports.unloadCSS = unloadCSS;
-function behavesAsComponent({ Component, toRender, options }) {
-    options = options || {};
-    const getElement = () => (toRender ? toRender() : <Component />);
-    if (!options.skipSx) {
-        it('implements sx prop behavior', () => {
-            expect(getElement()).toImplementSxBehavior();
-        });
-    }
-    if (!options.skipAs) {
-        it('respects the as prop', () => {
-            const As = react_1.default.forwardRef((_props, ref) => <div className="as-component" ref={ref}/>);
-            const elem = react_1.default.cloneElement(getElement(), { as: As });
-            expect(render(elem)).toEqual(render(<As />));
-        });
-    }
-    it('sets a valid displayName', () => {
-        expect(Component.displayName).toMatch(exports.COMPONENT_DISPLAY_NAME_REGEX);
-    });
-    it('renders consistently', () => {
-        expect(render(getElement())).toMatchSnapshot();
-    });
-}
-exports.behavesAsComponent = behavesAsComponent;
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function checkExports(path, exports) {
-    it('has declared exports', () => {
-        // eslint-disable-next-line @typescript-eslint/no-var-requires
-        const mod = require(`../${path}`);
-        expect(mod).toSetExports(exports);
-    });
-}
-exports.checkExports = checkExports;

package/lib-esm/ActionList2/Header.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import { SxProp } from '../sx';
-/**
- * Contract for props passed to the `Header` component.
- */
-export declare type HeaderProps = {
-    /**
-     * Style variations. Usage is discretionary.
-     *
-     * - `"filled"` - Superimposed on a background, offset from nearby content
-     * - `"subtle"` - Relatively less offset from nearby content
-     */
-    variant?: 'subtle' | 'filled';
-    /**
-     * Primary text which names a `Group`.
-     */
-    title?: string;
-    /**
-     * Secondary text which provides additional information about a `Group`.
-     */
-    auxiliaryText?: string;
-} & SxProp;
-/**
- * Displays the name and description of a `Group`.
- */
-export declare const Header: ({ variant, title, auxiliaryText, sx, ...props }: HeaderProps) => JSX.Element;

package/lib-esm/ActionList2/Header.js

@@ -1,44 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-import Box from '../Box';
-import { ListContext } from './List';
-/**
- * Contract for props passed to the `Header` component.
- */
-
-/**
- * Displays the name and description of a `Group`.
- */
-export const Header = ({
-  variant = 'subtle',
-  title,
-  auxiliaryText,
-  sx = {},
-  ...props
-}) => {
-  const {
-    variant: listVariant
-  } = React.useContext(ListContext);
-  const styles = {
-    paddingY: '6px',
-    paddingX: listVariant === 'full' ? 2 : 3,
-    fontSize: 0,
-    fontWeight: 'bold',
-    color: 'fg.muted',
-    ...(variant === 'filled' && {
-      backgroundColor: 'canvas.subtle',
-      marginX: 0,
-      marginBottom: 2,
-      borderTop: '1px solid',
-      borderBottom: '1px solid',
-      borderColor: 'neutral.muted'
-    }),
-    ...sx
-  };
-  return /*#__PURE__*/React.createElement(Box, _extends({
-    sx: styles,
-    role: "heading"
-  }, props), title, auxiliaryText && /*#__PURE__*/React.createElement("span", null, auxiliaryText));
-};
-Header.displayName = "Header";