@workday/canvas-kit-labs-react 7.0.0-alpha.129-next.3 → 7.0.0-alpha.256-next.2

package/common/lib/storybook-utils/permutateProps.ts

@@ -1,47 +0,0 @@
-import {PropCombination, PropDeclaration, Props, PropsDeclaration} from './propTypes';
-
-export const permutateProps = (
-  allProps: PropsDeclaration,
-  filter?: (props: Props) => boolean,
-  remainingProps: string[] = Object.keys(allProps),
-  values: {[key: string]: PropDeclaration} = {}
-): PropCombination[] => {
-  // When there are no more props to combine with, return result
-  const prop = remainingProps[0];
-  if (!prop) {
-    const props: Props = {};
-    Object.keys(values).forEach(prop => {
-      props[prop] = values?.[prop]?.value;
-    });
-
-    if (filter && !filter(props)) {
-      return [];
-    }
-
-    const label = Object.keys(values)
-      .map(prop => values?.[prop]?.label)
-      .join(' ');
-
-    return [
-      {
-        label,
-        props,
-      },
-    ];
-  }
-  const possiblePropValues = allProps[prop];
-
-  const permutations = possiblePropValues?.map((value: PropDeclaration) => {
-    const newValues = {...values}; // Required so we don't overwrite previous references
-    newValues[prop] = value;
-
-    return permutateProps(
-      allProps,
-      filter,
-      remainingProps!.slice(1, remainingProps!.length),
-      newValues
-    );
-  });
-
-  return (permutations as any).flat();
-};

package/common/lib/storybook-utils/propTypes.ts

@@ -1,15 +0,0 @@
-export type PropDeclaration = {
-  value: any;
-  label: string;
-};
-
-export type PropsDeclaration = {[key: string]: PropDeclaration[]};
-
-export type Props = {
-  [key: string]: any;
-};
-
-export type PropCombination = {
-  label: string;
-  props: Props;
-};

package/dist/commonjs/common/lib/storybook-utils/ComponentStatesTable.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import { PropCombination, Props } from './propTypes';
-/**
- * A helper to generate a table of all possible states for component visual testing.
- */
-export interface ComponentStatesTableProps {
-    /**
-     * The props that will be passed to the component when it is rendered and the corresponding
-     * row label for that permutation. It is encouraged to use the result of permutateProps()
-     * rather than passing in a list so we don't miss any combinations.
-     */
-    rowProps: PropCombination[];
-    /**
-     * The props that will be passed to the component when it is rendered and the corresponding
-     * column label for that permutation. It is encouraged to use the result of permutateProps()
-     * rather than passing in a list so we don't miss any combinations.
-     */
-    columnProps: PropCombination[];
-    /**
-     * The render function called to render the component in each cell of the table. This gives you
-     * the ability to add extra styling or markup (a blue background for an inverse variant, for example).
-     */
-    children(props: Props): React.ReactNode;
-}
-export declare const ComponentStatesTable: ({ rowProps, columnProps, children, }: ComponentStatesTableProps) => JSX.Element;
-//# sourceMappingURL=ComponentStatesTable.d.ts.map

package/dist/commonjs/common/lib/storybook-utils/ComponentStatesTable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentStatesTable.d.ts","sourceRoot":"","sources":["../../../../../common/lib/storybook-utils/ComponentStatesTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAE,KAAK,EAAC,MAAM,aAAa,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC;;;;OAIG;IACH,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B;;;;OAIG;IACH,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC;CACzC;AAgBD,eAAO,MAAM,oBAAoB,yCAI9B,yBAAyB,gBAkC3B,CAAC"}

package/dist/commonjs/common/lib/storybook-utils/ComponentStatesTable.js

@@ -1,48 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentStatesTable = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var Table = common_1.styled('table')({
-    width: '100%',
-    thead: {
-        textAlign: 'left',
-        paddingBottom: 16,
-    },
-    'td, th': {
-        minWidth: 100,
-        paddingBottom: 16,
-        paddingRight: 16,
-        textAlign: 'left',
-    },
-});
-var ComponentStatesTable = function (_a) {
-    var rowProps = _a.rowProps, columnProps = _a.columnProps, children = _a.children;
-    return (react_1.default.createElement(Table, null,
-        react_1.default.createElement("thead", null,
-            react_1.default.createElement("tr", null,
-                react_1.default.createElement("th", null, "Variants"),
-                columnProps.map(function (col) { return (react_1.default.createElement("th", { key: "component-table-heading-" + col.label.toLowerCase().replace(' ', ',') }, col.label)); }))),
-        react_1.default.createElement("tbody", null, rowProps.map(function (row) {
-            return (react_1.default.createElement("tr", { key: row.label.toLowerCase().replace(' ', '-') },
-                react_1.default.createElement("td", null, row.label),
-                columnProps.map(function (col) {
-                    return (react_1.default.createElement("td", { key: col.label.toLowerCase().replace(' ', '-') }, children(__assign(__assign({}, row.props), col.props))));
-                })));
-        }))));
-};
-exports.ComponentStatesTable = ComponentStatesTable;

package/dist/commonjs/common/lib/storybook-utils/permutateProps.d.ts

@@ -1,5 +0,0 @@
-import { PropCombination, PropDeclaration, Props, PropsDeclaration } from './propTypes';
-export declare const permutateProps: (allProps: PropsDeclaration, filter?: ((props: Props) => boolean) | undefined, remainingProps?: string[], values?: {
-    [key: string]: PropDeclaration;
-}) => PropCombination[];
-//# sourceMappingURL=permutateProps.d.ts.map

package/dist/commonjs/common/lib/storybook-utils/permutateProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"permutateProps.d.ts","sourceRoot":"","sources":["../../../../../common/lib/storybook-utils/permutateProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAEtF,eAAO,MAAM,cAAc,aACf,gBAAgB,oBACT,KAAK,KAAK,OAAO,gCAClB,MAAM,EAAE;;MAEvB,eAAe,EAuCjB,CAAC"}

package/dist/commonjs/common/lib/storybook-utils/permutateProps.js

@@ -1,47 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.permutateProps = void 0;
-var permutateProps = function (allProps, filter, remainingProps, values) {
-    if (remainingProps === void 0) { remainingProps = Object.keys(allProps); }
-    if (values === void 0) { values = {}; }
-    // When there are no more props to combine with, return result
-    var prop = remainingProps[0];
-    if (!prop) {
-        var props_1 = {};
-        Object.keys(values).forEach(function (prop) {
-            var _a;
-            props_1[prop] = (_a = values === null || values === void 0 ? void 0 : values[prop]) === null || _a === void 0 ? void 0 : _a.value;
-        });
-        if (filter && !filter(props_1)) {
-            return [];
-        }
-        var label = Object.keys(values)
-            .map(function (prop) { var _a; return (_a = values === null || values === void 0 ? void 0 : values[prop]) === null || _a === void 0 ? void 0 : _a.label; })
-            .join(' ');
-        return [
-            {
-                label: label,
-                props: props_1,
-            },
-        ];
-    }
-    var possiblePropValues = allProps[prop];
-    var permutations = possiblePropValues === null || possiblePropValues === void 0 ? void 0 : possiblePropValues.map(function (value) {
-        var newValues = __assign({}, values); // Required so we don't overwrite previous references
-        newValues[prop] = value;
-        return exports.permutateProps(allProps, filter, remainingProps.slice(1, remainingProps.length), newValues);
-    });
-    return permutations.flat();
-};
-exports.permutateProps = permutateProps;

package/dist/commonjs/common/lib/storybook-utils/propTypes.d.ts

@@ -1,15 +0,0 @@
-export declare type PropDeclaration = {
-    value: any;
-    label: string;
-};
-export declare type PropsDeclaration = {
-    [key: string]: PropDeclaration[];
-};
-export declare type Props = {
-    [key: string]: any;
-};
-export declare type PropCombination = {
-    label: string;
-    props: Props;
-};
-//# sourceMappingURL=propTypes.d.ts.map

package/dist/commonjs/common/lib/storybook-utils/propTypes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"propTypes.d.ts","sourceRoot":"","sources":["../../../../../common/lib/storybook-utils/propTypes.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,EAAE,CAAA;CAAC,CAAC;AAElE,oBAAY,KAAK,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC;CACd,CAAC"}

package/dist/commonjs/common/lib/storybook-utils/propTypes.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/es6/common/lib/storybook-utils/ComponentStatesTable.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import { PropCombination, Props } from './propTypes';
-/**
- * A helper to generate a table of all possible states for component visual testing.
- */
-export interface ComponentStatesTableProps {
-    /**
-     * The props that will be passed to the component when it is rendered and the corresponding
-     * row label for that permutation. It is encouraged to use the result of permutateProps()
-     * rather than passing in a list so we don't miss any combinations.
-     */
-    rowProps: PropCombination[];
-    /**
-     * The props that will be passed to the component when it is rendered and the corresponding
-     * column label for that permutation. It is encouraged to use the result of permutateProps()
-     * rather than passing in a list so we don't miss any combinations.
-     */
-    columnProps: PropCombination[];
-    /**
-     * The render function called to render the component in each cell of the table. This gives you
-     * the ability to add extra styling or markup (a blue background for an inverse variant, for example).
-     */
-    children(props: Props): React.ReactNode;
-}
-export declare const ComponentStatesTable: ({ rowProps, columnProps, children, }: ComponentStatesTableProps) => JSX.Element;
-//# sourceMappingURL=ComponentStatesTable.d.ts.map

package/dist/es6/common/lib/storybook-utils/ComponentStatesTable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentStatesTable.d.ts","sourceRoot":"","sources":["../../../../../common/lib/storybook-utils/ComponentStatesTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAE,KAAK,EAAC,MAAM,aAAa,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC;;;;OAIG;IACH,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B;;;;OAIG;IACH,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC;CACzC;AAgBD,eAAO,MAAM,oBAAoB,yCAI9B,yBAAyB,gBAkC3B,CAAC"}

package/dist/es6/common/lib/storybook-utils/ComponentStatesTable.js

@@ -1,41 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from 'react';
-import { styled } from '@workday/canvas-kit-react/common';
-var Table = styled('table')({
-    width: '100%',
-    thead: {
-        textAlign: 'left',
-        paddingBottom: 16,
-    },
-    'td, th': {
-        minWidth: 100,
-        paddingBottom: 16,
-        paddingRight: 16,
-        textAlign: 'left',
-    },
-});
-export var ComponentStatesTable = function (_a) {
-    var rowProps = _a.rowProps, columnProps = _a.columnProps, children = _a.children;
-    return (React.createElement(Table, null,
-        React.createElement("thead", null,
-            React.createElement("tr", null,
-                React.createElement("th", null, "Variants"),
-                columnProps.map(function (col) { return (React.createElement("th", { key: "component-table-heading-" + col.label.toLowerCase().replace(' ', ',') }, col.label)); }))),
-        React.createElement("tbody", null, rowProps.map(function (row) {
-            return (React.createElement("tr", { key: row.label.toLowerCase().replace(' ', '-') },
-                React.createElement("td", null, row.label),
-                columnProps.map(function (col) {
-                    return (React.createElement("td", { key: col.label.toLowerCase().replace(' ', '-') }, children(__assign(__assign({}, row.props), col.props))));
-                })));
-        }))));
-};

package/dist/es6/common/lib/storybook-utils/permutateProps.d.ts

@@ -1,5 +0,0 @@
-import { PropCombination, PropDeclaration, Props, PropsDeclaration } from './propTypes';
-export declare const permutateProps: (allProps: PropsDeclaration, filter?: ((props: Props) => boolean) | undefined, remainingProps?: string[], values?: {
-    [key: string]: PropDeclaration;
-}) => PropCombination[];
-//# sourceMappingURL=permutateProps.d.ts.map

package/dist/es6/common/lib/storybook-utils/permutateProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"permutateProps.d.ts","sourceRoot":"","sources":["../../../../../common/lib/storybook-utils/permutateProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAEtF,eAAO,MAAM,cAAc,aACf,gBAAgB,oBACT,KAAK,KAAK,OAAO,gCAClB,MAAM,EAAE;;MAEvB,eAAe,EAuCjB,CAAC"}

package/dist/es6/common/lib/storybook-utils/permutateProps.js

@@ -1,43 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-export var permutateProps = function (allProps, filter, remainingProps, values) {
-    if (remainingProps === void 0) { remainingProps = Object.keys(allProps); }
-    if (values === void 0) { values = {}; }
-    // When there are no more props to combine with, return result
-    var prop = remainingProps[0];
-    if (!prop) {
-        var props_1 = {};
-        Object.keys(values).forEach(function (prop) {
-            var _a;
-            props_1[prop] = (_a = values === null || values === void 0 ? void 0 : values[prop]) === null || _a === void 0 ? void 0 : _a.value;
-        });
-        if (filter && !filter(props_1)) {
-            return [];
-        }
-        var label = Object.keys(values)
-            .map(function (prop) { var _a; return (_a = values === null || values === void 0 ? void 0 : values[prop]) === null || _a === void 0 ? void 0 : _a.label; })
-            .join(' ');
-        return [
-            {
-                label: label,
-                props: props_1,
-            },
-        ];
-    }
-    var possiblePropValues = allProps[prop];
-    var permutations = possiblePropValues === null || possiblePropValues === void 0 ? void 0 : possiblePropValues.map(function (value) {
-        var newValues = __assign({}, values); // Required so we don't overwrite previous references
-        newValues[prop] = value;
-        return permutateProps(allProps, filter, remainingProps.slice(1, remainingProps.length), newValues);
-    });
-    return permutations.flat();
-};

package/dist/es6/common/lib/storybook-utils/propTypes.d.ts

@@ -1,15 +0,0 @@
-export declare type PropDeclaration = {
-    value: any;
-    label: string;
-};
-export declare type PropsDeclaration = {
-    [key: string]: PropDeclaration[];
-};
-export declare type Props = {
-    [key: string]: any;
-};
-export declare type PropCombination = {
-    label: string;
-    props: Props;
-};
-//# sourceMappingURL=propTypes.d.ts.map

package/dist/es6/common/lib/storybook-utils/propTypes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"propTypes.d.ts","sourceRoot":"","sources":["../../../../../common/lib/storybook-utils/propTypes.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,EAAE,CAAA;CAAC,CAAC;AAElE,oBAAY,KAAK,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC;CACd,CAAC"}

package/dist/es6/common/lib/storybook-utils/propTypes.js

@@ -1 +0,0 @@
-export {};