@workday/canvas-kit-preview-react 15.0.0-alpha.0075-next.0 → 15.0.0-alpha.0076-next.0

package/dist/commonjs/select/lib/SelectOption.d.ts

@@ -1,38 +0,0 @@
-import * as React from 'react';
-import { ErrorType, Themeable } from '@workday/canvas-kit-react/common';
-/**
- * @deprecated ⚠️ `SelectOptionProps` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export interface SelectOptionProps extends Themeable, React.LiHTMLAttributes<HTMLLIElement> {
-    /**
-     * The type of error associated with the SelectOption (if applicable).
-     */
-    error?: ErrorType;
-    /**
-     * If true, set the SelectOption to the focused state.
-     * @default false
-     */
-    focused?: boolean;
-    /**
-     * The HTML `id` of the SelectOption.
-     */
-    id?: string;
-    /**
-     * If true, set the SelectOption to the interactive state. Non-interactive SelectOptions should not give any visual cues that they are interactive (e.g., remove hover styling).
-     * @default true
-     */
-    interactive?: boolean;
-    /**
-     * The ref to the list item that the styled component renders. Use this to imperatively manipulate the SelectOption (e.g., to scroll to it if it's out of view in the Select menu).
-     */
-    optionRef?: React.Ref<HTMLLIElement>;
-    /**
-     * The value of the SelectOption.
-     */
-    value?: string;
-}
-/**
- * @deprecated ⚠️ `SelectOption` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export declare const SelectOption: ({ children, focused, interactive, optionRef, value, ...elemProps }: SelectOptionProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SelectOption.d.ts.map

package/dist/commonjs/select/lib/SelectOption.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectOption.d.ts","sourceRoot":"","sources":["../../../../select/lib/SelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,SAAS,EACT,SAAS,EAGV,MAAM,kCAAkC,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACzF;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IACrC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAqED;;GAEG;AACH,eAAO,MAAM,YAAY,uEAOtB,iBAAiB,4CAanB,CAAC"}

package/dist/commonjs/select/lib/SelectOption.js

@@ -1,73 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectOption = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const common_1 = require("@workday/canvas-kit-react/common");
-const tokens_1 = require("@workday/canvas-kit-react/tokens");
-const optionPadding = 6;
-const activeStyles = (theme) => {
-    const activeBgColor = theme.canvas.palette.primary.main;
-    return {
-        backgroundColor: activeBgColor,
-        color: (0, common_1.pickForegroundColor)(activeBgColor),
-    };
-};
-const Option = (0, common_1.styled)('li')({
-    ...tokens_1.type.levels.subtext.large,
-    cursor: 'default',
-    // Apply listStyle at the list item style to ensure it's styled properly
-    // in Visual Testing States
-    listStyle: 'none',
-    // In case the content of the option is empty/undefined for some reason
-    minHeight: tokens_1.type.levels.subtext.large.lineHeight,
-    textAlign: 'left',
-}, ({ 'aria-disabled': disabled, focused, interactive, theme }) => {
-    if (disabled) {
-        // If the option is disabled, return disabled styles...
-        return {
-            color: tokens_1.colors.licorice100,
-        };
-    }
-    else if (focused) {
-        // ...else if the option is focused, return focused styles...
-        return {
-            ...activeStyles(theme),
-        };
-    }
-    else {
-        // ...else return hover and selected (via aria-selected) styles
-        const selectedBgColor = theme.canvas.palette.primary.lightest;
-        const selectedStyles = {
-            '&[aria-selected="true"]': {
-                backgroundColor: selectedBgColor,
-                color: (0, common_1.pickForegroundColor)(selectedBgColor),
-            },
-        };
-        // Only display interactive (hover/active) styles if the option is interactive
-        const interactiveStyles = interactive
-            ? {
-                '&:hover': {
-                    backgroundColor: tokens_1.commonColors.hoverBackground,
-                },
-                '&:active, &:active[aria-selected="true"]': {
-                    ...activeStyles(theme),
-                },
-            }
-            : {};
-        return {
-            // Place selected styles after interactive styles to have selected styles
-            // override interactive styles (subject to CSS specificity rules)
-            ...interactiveStyles,
-            ...selectedStyles,
-        };
-    }
-}, ({ error }) => ({
-    padding: `${optionPadding}px ${error === common_1.ErrorType.Caution ? optionPadding - 1 : optionPadding}px`,
-}));
-/**
- * @deprecated ⚠️ `SelectOption` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-const SelectOption = ({ children, focused = false, interactive = true, optionRef, value, ...elemProps }) => {
-    return ((0, jsx_runtime_1.jsx)(Option, { "data-value": value, focused: focused, interactive: interactive, ref: optionRef, role: "option", ...elemProps, children: children }));
-};
-exports.SelectOption = SelectOption;

package/dist/commonjs/select/lib/scrolling.d.ts

@@ -1,5 +0,0 @@
-/**
- * @deprecated ⚠️ `scrollIntoViewIfNeeded` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export declare const scrollIntoViewIfNeeded: (elem: HTMLElement, centerIfNeeded?: boolean) => void;
-//# sourceMappingURL=scrolling.d.ts.map

package/dist/commonjs/select/lib/scrolling.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"scrolling.d.ts","sourceRoot":"","sources":["../../../../select/lib/scrolling.ts"],"names":[],"mappings":"AACA;;GAEG;AACH,eAAO,MAAM,sBAAsB,SAAU,WAAW,+BAA0B,IAqCjF,CAAC"}

package/dist/commonjs/select/lib/scrolling.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.scrollIntoViewIfNeeded = void 0;
-// Modified from https://gist.github.com/hsablonniere/2581101
-/**
- * @deprecated ⚠️ `scrollIntoViewIfNeeded` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-const scrollIntoViewIfNeeded = (elem, centerIfNeeded = true) => {
-    const parent = elem.parentElement;
-    if (elem && parent) {
-        const parentComputedStyle = window.getComputedStyle(parent, null);
-        const parentBorderTopWidth = parseInt(parentComputedStyle.getPropertyValue('border-top-width'), 10);
-        // Check if elem is out of view at the top edge of the parent's viewport
-        const overTop = elem.offsetTop < parent.scrollTop + parentBorderTopWidth;
-        // Check if elem is out of view at the bottom edge of the parent's viewport
-        const overBottom = elem.offsetTop + elem.offsetHeight >
-            parent.scrollTop + parentBorderTopWidth + parent.clientHeight;
-        if ((overTop || overBottom) && centerIfNeeded) {
-            parent.scrollTop = Math.floor(elem.offsetTop - parent.clientHeight / 2 - parentBorderTopWidth + elem.clientHeight / 2);
-        }
-        if ((overTop || overBottom) && !centerIfNeeded) {
-            if (overBottom) {
-                // elem is out of view at the bottom edge of the parent's viewport;
-                // scroll down just far enough for elem to be visible
-                parent.scrollTop =
-                    elem.clientHeight - (parent.clientHeight + parentBorderTopWidth - elem.offsetTop);
-            }
-            else {
-                // elem is out of view at the top edge of the parent's viewport;
-                // scroll up just far enough for elem to be visible
-                parent.scrollTop = elem.offsetTop - parentBorderTopWidth;
-            }
-        }
-    }
-};
-exports.scrollIntoViewIfNeeded = scrollIntoViewIfNeeded;

package/dist/commonjs/select/lib/types.d.ts

@@ -1,37 +0,0 @@
-/**
- * The placement of the menu relative to its corresponding button. This type is a
- * subset of the PopperJS.Placement type limited to the `bottom` and `top` values.
- *
- * We need to use `top` and `bottom` instead of `top-start` and `bottom-start` for
- * placements because PopperJS incorrectly rounds the `start` and `end` modifiers:
- * https://github.com/popperjs/popper-core/blob/38914aae7a2e91715c6eb2b563517082a40cfa64/src/utils/computeOffsets.js#L68-L81
- * This rounding causes problems with browsers that allow subpixel values for elements
- * like Firefox and Edge.
- *
- * @deprecated ⚠️ `MenuPlacement` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export type MenuPlacement = 'bottom' | 'top';
-/**
- * The visibility state of the menu.
- *
- * `closed`: The menu is completely closed (not present in the DOM).
- * `open`: The menu was previously `closed` and has just been instructed to open.
- *   The menu has been added to the DOM, but it's not yet visible. This state is
- *   necessary in order to apply an opacity of 0 to the menu before transitioning it
- *   to an opacity of 1.0 in the opening state.
- * `opening`: The menu is in the process of opening.
- * `opened`: The menu is completely open.
- * `close`: The menu was previously `open` and has just been instructed to close.
- * `closing`: The menu is in the process of closing.
- *
- * Typically, a menu will transition through states in the following order:
- * `closed` > `open` > `opening` > `opened` > `close` > `closing` > `closed`
- *
- * However, it's possible for a user to open a menu while it's in the process of
- * closing in which case the menu can transition from `closing` > `opening` (and
- * vice-versa).
- *
- * @deprecated ⚠️ `MenuVisibility` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export type MenuVisibility = 'closed' | 'open' | 'opening' | 'opened' | 'close' | 'closing';
-//# sourceMappingURL=types.d.ts.map

package/dist/commonjs/select/lib/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../select/lib/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE7C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC"}

package/dist/commonjs/select/lib/types.js

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

package/dist/commonjs/select/lib/utils.d.ts

@@ -1,10 +0,0 @@
-import { NormalizedOption } from './SelectBase';
-/**
- * @deprecated ⚠️ `getIndexByValue` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead.
- */
-export declare const getIndexByValue: (options: NormalizedOption[], value: string | undefined) => number;
-/**
- * @deprecated ⚠️ `getCorrectedIndexByValue` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export declare const getCorrectedIndexByValue: (options: NormalizedOption[], value: string | undefined) => number;
-//# sourceMappingURL=utils.d.ts.map

package/dist/commonjs/select/lib/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../select/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC9C;;GAEG;AACH,eAAO,MAAM,eAAe,YAAa,gBAAgB,EAAE,SAAS,MAAM,GAAG,SAAS,KAAG,MAYxF,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,wBAAwB,YAC1B,gBAAgB,EAAE,SACpB,MAAM,GAAG,SAAS,KACxB,MAIF,CAAC"}

package/dist/commonjs/select/lib/utils.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCorrectedIndexByValue = exports.getIndexByValue = void 0;
-/**
- * @deprecated ⚠️ `getIndexByValue` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--basic) instead.
- */
-const getIndexByValue = (options, value) => {
-    if (!options || value === undefined) {
-        return -1;
-    }
-    for (let i = 0; i < options.length; i++) {
-        if (options[i].value === value) {
-            return i;
-        }
-    }
-    return -1;
-};
-exports.getIndexByValue = getIndexByValue;
-// If the value doesn't exist in the options, return index 0
-/**
- * @deprecated ⚠️ `getCorrectedIndexByValue` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-const getCorrectedIndexByValue = (options, value) => {
-    const indexByValue = (0, exports.getIndexByValue)(options, value);
-    return indexByValue === -1 ? 0 : indexByValue;
-};
-exports.getCorrectedIndexByValue = getCorrectedIndexByValue;

package/dist/es6/select/index.d.ts

@@ -1,3 +0,0 @@
-export * from './lib/Select';
-export { Option, RenderableOption, RenderOptionFunction, RenderSelectedFunction, } from './lib/SelectBase';
-//# sourceMappingURL=index.d.ts.map

package/dist/es6/select/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../select/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAE7B,OAAO,EACL,MAAM,EACN,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,kBAAkB,CAAC"}

package/dist/es6/select/index.js

@@ -1 +0,0 @@
-export * from './lib/Select';

package/dist/es6/select/lib/Select.d.ts

@@ -1,31 +0,0 @@
-import { ErrorType } from '@workday/canvas-kit-react/common';
-import { CoreSelectBaseProps, Option } from './SelectBase';
-/**
- * @deprecated ⚠️ `SelectProps` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export interface SelectProps extends CoreSelectBaseProps {
-    /**
-     * The options of the Select. `options` may be an array of objects, an array of strings,
-     * or an array that contains both objects and strings.
-     *
-     * If `options` includes objects, each included object must adhere to the `Option` interface:
-     *
-     * * `data: object` (optional)
-     * * `disabled: boolean` (optional)
-     * * `id: string` (optional, a random `id` will be assigned to the object if one isn't provided)
-     * * `label: string` (optional, analogous to the text content of an `<option>`)
-     * * `value: string` (required, analogous to the `value` attribute of an `<option>`)
-     *
-     * If `label` is omitted, the `value` will be used to render the option.
-     *
-     * The `data` object is carried over to the `option` passed into the `renderOption` function where it may then be used to customize how each option is rendered.
-     */
-    options: (Option | string)[];
-}
-/**
- * @deprecated ⚠️ `Select` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export declare const Select: import("@workday/canvas-kit-react/common").ElementComponent<"button", SelectProps> & {
-    ErrorType: typeof ErrorType;
-};
-//# sourceMappingURL=Select.d.ts.map

package/dist/es6/select/lib/Select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../select/lib/Select.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EAKV,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAa,mBAAmB,EAAE,MAAM,EAAmB,MAAM,cAAc,CAAC;AAGvF;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,mBAAmB;IACtD;;;;;;;;;;;;;;;OAeG;IACH,OAAO,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;CAC9B;AAoiBD;;GAEG;AACH,eAAO,MAAM,MAAM;;CAUjB,CAAC"}