@procore/core-react 10.30.0 → 11.0.0-rc.2

package/dist/esm/components/TieredSelect/TieredSelect.js

@@ -1,146 +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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import { LeafSelectionTieredSelect } from './LeafSelectionTieredSelect';
-import { TierSelectionTieredSelect } from './TierSelectionTieredSelect';
-function defaultGetGroupId(tier) {
-    return tier.groupId;
-}
-function defaultGetId(tier) {
-    return tier.id;
-}
-function defaultGetLabel(tier) {
-    return tier.label;
-}
-function defaultGetNextGroupId(tier) {
-    return tier.nextGroupId;
-}
-function getFullPath(getLabel) {
-    if (getLabel === void 0) { getLabel = defaultGetLabel; }
-    return function getValueString(value) {
-        return value.map(function (tier) { return getLabel(tier); }).join(' > ');
-    };
-}
-function getLeafOnly(getLabel) {
-    if (getLabel === void 0) { getLabel = defaultGetLabel; }
-    return function getValueString(value) {
-        return value.length ? getLabel(value[value.length - 1]) : '';
-    };
-}
-function getValueStringFn(valueStringResolution, getLabel) {
-    if (getLabel === void 0) { getLabel = defaultGetLabel; }
-    if (valueStringResolution === 'full-path') {
-        return getFullPath(getLabel);
-    }
-    if (valueStringResolution === 'leaf-only') {
-        return getLeafOnly(getLabel);
-    }
-    return valueStringResolution;
-}
-function noop() { }
-function always() {
-    return true;
-}
-export var useHighlightItemEffects = function (_a) {
-    var currentTier = _a.currentTier, searchValue = _a.searchValue, menuRef = _a.menuRef, loading = _a.loading, loadingMore = _a.loadingMore;
-    var _b = React.useState(), previousTier = _b[0], setPreviousTier = _b[1];
-    React.useEffect(function () {
-        setPreviousTier(currentTier);
-    }, [currentTier]);
-    var _c = React.useState(''), previousSearch = _c[0], setPreviousSearch = _c[1];
-    React.useEffect(function () {
-        setPreviousSearch(searchValue);
-    }, [searchValue]);
-    var currentMenuRef = menuRef.current;
-    React.useEffect(function () {
-        if (previousSearch !== searchValue || previousTier !== currentTier) {
-            currentMenuRef === null || currentMenuRef === void 0 ? void 0 : currentMenuRef.highlightFirst();
-        }
-    }, [currentMenuRef, currentTier, previousTier, searchValue, previousSearch]);
-    React.useEffect(function () {
-        if (loadingMore) {
-            currentMenuRef === null || currentMenuRef === void 0 ? void 0 : currentMenuRef.highlightLast(false);
-        }
-    }, [currentMenuRef, loadingMore]);
-    React.useEffect(function () {
-        if (!loading && !(currentMenuRef === null || currentMenuRef === void 0 ? void 0 : currentMenuRef.highlighted())) {
-            currentMenuRef === null || currentMenuRef === void 0 ? void 0 : currentMenuRef.highlightFirst();
-        }
-    }, [currentMenuRef, loading]);
-};
-export var TieredSelectContext = React.createContext({
-    afterHide: noop,
-    afterShow: noop,
-    beforeHide: always,
-    beforeShow: always,
-    getGroupId: defaultGetGroupId,
-    getId: defaultGetId,
-    getLabel: defaultGetLabel,
-    getNextGroupId: defaultGetNextGroupId,
-    getValueString: getFullPath(defaultGetLabel),
-    i18nScope: 'core.tieredSelect',
-    onChange: noop,
-});
-/**
-
- We use tiered selects to allow users to choose a single parent or child option
- that is nested within a tiered list. For example, choosing a location from
- within a list of tiered locations. We typically see these selects on forms.
-
- Other select components are group select, multi select, and select.
- @since 10.19.0
-
- @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-tieredselect--demo)
-
- @see [Design Guidelines](https://design.procore.com/tiered-select)
-
- */
-export var TieredSelect = React.forwardRef(function TieredSelect(_a, ref) {
-    var _b = _a.afterHide, afterHide = _b === void 0 ? noop : _b, _c = _a.afterShow, afterShow = _c === void 0 ? noop : _c, _d = _a.beforeHide, beforeHide = _d === void 0 ? always : _d, _e = _a.beforeShow, beforeShow = _e === void 0 ? always : _e, block = _a.block, _f = _a.getGroupId, getGroupId = _f === void 0 ? defaultGetGroupId : _f, _g = _a.getId, getId = _g === void 0 ? defaultGetId : _g, _h = _a.getLabel, getLabel = _h === void 0 ? defaultGetLabel : _h, _j = _a.getNextGroupId, getNextGroupId = _j === void 0 ? defaultGetNextGroupId : _j, _k = _a.getValueString, getValueString = _k === void 0 ? getFullPath(getLabel) : _k, _l = _a.i18nScope, i18nScope = _l === void 0 ? 'core.tieredSelect' : _l, _m = _a.onChange, onChange = _m === void 0 ? noop : _m, onClear = _a.onClear, onNavigate = _a.onNavigate, onQuickCreate = _a.onQuickCreate, onScrollBottom = _a.onScrollBottom, onSearch = _a.onSearch, _o = _a.selectableTiers, selectableTiers = _o === void 0 ? true : _o, tabIndex = _a.tabIndex, props = __rest(_a, ["afterHide", "afterShow", "beforeHide", "beforeShow", "block", "getGroupId", "getId", "getLabel", "getNextGroupId", "getValueString", "i18nScope", "onChange", "onClear", "onNavigate", "onQuickCreate", "onScrollBottom", "onSearch", "selectableTiers", "tabIndex"]);
-    var isLeaf = React.useCallback(function (tier) {
-        return !getNextGroupId(tier);
-    }, [getNextGroupId]);
-    return (React.createElement(TieredSelectContext.Provider, { value: {
-            afterHide: afterHide,
-            afterShow: afterShow,
-            beforeHide: beforeHide,
-            beforeShow: beforeShow,
-            block: block,
-            getGroupId: getGroupId,
-            getId: getId,
-            getLabel: getLabel,
-            getNextGroupId: getNextGroupId,
-            getValueString: getValueStringFn(getValueString),
-            i18nScope: i18nScope,
-            isLeaf: isLeaf,
-            onChange: onChange,
-            onClear: onClear,
-            onNavigate: onNavigate,
-            onQuickCreate: onQuickCreate,
-            onScrollBottom: onScrollBottom,
-            onSearch: onSearch,
-            tabIndex: tabIndex,
-        } }, selectableTiers ? (React.createElement(TierSelectionTieredSelect, __assign({ ref: ref }, props))) : (React.createElement(LeafSelectionTieredSelect, __assign({ ref: ref }, props)))));
-});
-export default TieredSelect;
-//# sourceMappingURL=TieredSelect.js.map

package/dist/esm/components/TieredSelect/TieredSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TieredSelect.js","sourceRoot":"","sources":["../../../../src/components/TieredSelect/TieredSelect.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/TieredSelect/TieredSelect.styles.d.ts

@@ -1,25 +0,0 @@
-export declare const StyledTieredSelect: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../MenuImperative/MenuImperative.types").MenuProps & import("react").RefAttributes<import("../MenuImperative/MenuImperative.types").MenuRef>> & {
-    CheckboxItem: import("react").ForwardRefExoticComponent<(import("../../utils/types").DivAttributes & (import("../MenuImperative/MenuImperative.types").ItemProps | import("../MenuImperative/MenuImperative.types").ItemWithDraggingProps) & Omit<import("../Checkbox").CheckboxProps, "checked">) & import("react").RefAttributes<HTMLDivElement>>;
-    Droppable: typeof import("../MenuImperative/MenuImperative").Droppable;
-    Footer: import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../MenuImperative/MenuImperative.types").FooterProps & import("react").RefAttributes<HTMLDivElement>>;
-    Group: import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../MenuImperative/MenuImperative.types").GroupProps & import("react").RefAttributes<HTMLDivElement>>;
-    Header: import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../MenuImperative/MenuImperative.types").HeaderProps & import("react").RefAttributes<HTMLDivElement>>;
-    Item: import("react").ForwardRefExoticComponent<(import("../../utils/types").DivAttributes & (import("../MenuImperative/MenuImperative.types").ItemProps | import("../MenuImperative/MenuImperative.types").ItemWithDraggingProps)) & import("react").RefAttributes<HTMLDivElement>>;
-    Options: import("react").ForwardRefExoticComponent<import("../MenuImperative/MenuImperative.types").OptionsProps & import("react").RefAttributes<HTMLDivElement>>;
-    Search: {
-        ({ className, i18nScope, placeholder, ...props }: import("../MenuImperative/MenuImperative.types").MenuSearchProps): JSX.Element;
-        displayName: string;
-    };
-}, any, {}, never>;
-export declare const StyledTieredSelectIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../../layouts/Flex").FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledTieredSelectArrowButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-export declare const StyledTieredSelectBreadcrumbs: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../Breadcrumbs").BreadcrumbProps & import("react").RefAttributes<HTMLElement>> & {
-    Crumb: import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../Breadcrumbs").BreadcrumbCrumbProps & import("react").RefAttributes<HTMLDivElement>>;
-}, any, {
-    $nonInteractive: boolean;
-}, never>;
-export declare const StyledTieredSelectHome: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../../layouts/Flex").FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledTieredSelectOption: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<(import("../../utils/types").DivAttributes & (import("../MenuImperative/MenuImperative.types").ItemProps | import("../MenuImperative/MenuImperative.types").ItemWithDraggingProps)) & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledTieredSelectLoadingMore: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../../layouts/Flex").FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledTieredSelectOverlay: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledTieredSelectSpinnerOverlay: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Spinner").SpinnerProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/dist/esm/components/TieredSelect/TieredSelect.styles.js

@@ -1,29 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import styled, { css } from 'styled-components';
-import { Flex } from '../../layouts/Flex';
-import { colors } from '../../styles/colors';
-import { spacing } from '../../styles/spacing';
-import { Breadcrumbs } from '../Breadcrumbs';
-import { Button } from '../Button';
-import { Card } from '../Card';
-import { MenuImperative } from '../MenuImperative';
-import { Spinner } from '../Spinner';
-export var StyledTieredSelect = styled(MenuImperative)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: stretch;\n  max-height: 40vh;\n"], ["\n  align-items: stretch;\n  max-height: 40vh;\n"])));
-export var StyledTieredSelectIcon = styled(Flex)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 24px;\n  width: 24px;\n"], ["\n  height: 24px;\n  width: 24px;\n"])));
-export var StyledTieredSelectArrowButton = styled(Button)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border: 1px solid transparent;\n"], ["\n  border: 1px solid transparent;\n"])));
-export var StyledTieredSelectBreadcrumbs = styled(Breadcrumbs)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background-color: ", ";\n  flex-wrap: wrap;\n  margin-top: ", "px;\n  max-height: 68px;\n  overflow-y: auto;\n  padding: ", "px ", "px;\n\n  ", "\n"], ["\n  background-color: ", ";\n  flex-wrap: wrap;\n  margin-top: ", "px;\n  max-height: 68px;\n  overflow-y: auto;\n  padding: ", "px ", "px;\n\n  ", "\n"])), colors.gray96, spacing.sm, spacing.xs, spacing.md, function (_a) {
-    var $nonInteractive = _a.$nonInteractive;
-    if ($nonInteractive) {
-        return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        margin-top: ", "px;\n        pointer-events: none;\n      "], ["\n        margin-top: ", "px;\n        pointer-events: none;\n      "])), spacing.md);
-    }
-});
-export var StyledTieredSelectHome = styled(Flex)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  height: 20px;\n"], ["\n  height: 20px;\n"])));
-export var StyledTieredSelectOption = styled(MenuImperative.Item)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  padding: 2px ", "px;\n"], ["\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  padding: 2px ", "px;\n"])), spacing.lg);
-export var StyledTieredSelectLoadingMore = styled(Flex)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  align-items: center;\n  justify-content: center;\n  padding: ", "px ", "px 0px ", "px;\n"], ["\n  align-items: center;\n  justify-content: center;\n  padding: ", "px ", "px 0px ", "px;\n"])), spacing.xs, spacing.lg, spacing.lg);
-export var StyledTieredSelectOverlay = styled(Card)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  max-width: 248px;\n"], ["\n  max-width: 248px;\n"])));
-export var StyledTieredSelectSpinnerOverlay = styled(Spinner)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  min-height: auto;\n"], ["\n  min-height: auto;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
-//# sourceMappingURL=TieredSelect.styles.js.map

package/dist/esm/components/TieredSelect/TieredSelect.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TieredSelect.styles.js","sourceRoot":"","sources":["../../../../src/components/TieredSelect/TieredSelect.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,cAAc,CAAC,qHAAA,kDAGvD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,wGAAA,qCAGjD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,MAAM,CAAC,yGAAA,sCAE1D,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,WAAW,CAAC,4NAE9D,wBACoB,EAAa,uCAEnB,EAAU,4DAGb,EAAU,KAAM,EAAU,WAEnC,EAOD,IACF,KAfqB,MAAM,CAAC,MAAM,EAEnB,OAAO,CAAC,EAAE,EAGb,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAEnC,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAClB,IAAI,eAAe,EAAE;QACnB,OAAO,GAAG,yIAAA,wBACM,EAAU,4CAEzB,KAFe,OAAO,CAAC,EAAE,EAEzB;KACF;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,wFAAA,qBAEjD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,4KAAA,gGAIlD,EAAU,OAC1B,KADgB,OAAO,CAAC,EAAE,CAC1B,CAAA;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,IAAI,CAAC,iKAAA,mEAG5C,EAAU,KAAM,EAAU,SAAU,EAAU,OAC1D,KADY,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAAU,OAAO,CAAC,EAAE,CAC1D,CAAA;AAED,MAAM,CAAC,IAAM,yBAAyB,GAAG,MAAM,CAAC,IAAI,CAAC,4FAAA,yBAEpD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,gCAAgC,GAAG,MAAM,CAAC,OAAO,CAAC,8FAAA,yBAE9D,IAAA,CAAA"}

package/dist/esm/components/TieredSelect/TieredSelect.types.d.ts

@@ -1,306 +0,0 @@
-import { MenuRef, Selection } from '../MenuImperative/MenuImperative.types';
-import { SelectProps } from '../Select';
-export declare type GetValueStringFn = (value: any[]) => string | undefined;
-export declare type GetValueString = 'full-path' | 'leaf-only' | GetValueStringFn;
-export declare type Div = React.ComponentPropsWithoutRef<'div'>;
-export declare type Id = number | string | null | undefined;
-export interface Tier {
-    /**
-     * @since 10.19.0
-     */
-    id?: Id;
-    /**
-     * @since 10.19.0
-     */
-    label?: string;
-    /**
-     * @since 10.19.0
-     */
-    nextGroupId?: Id;
-    /**
-     * @since 10.19.0
-     */
-    groupId?: Id;
-}
-export interface TierSelection extends Selection {
-    /**
-     * @since 10.19.0
-     */
-    value: any[];
-}
-export interface InternalTieredSelectProps extends Omit<Div, 'onSelect' | 'onChange'> {
-    /**
-     * @since 10.19.0
-     */
-    block?: SelectProps['block'];
-    /**
-     * @since 10.19.0
-     */
-    disabled?: SelectProps['disabled'];
-    /**
-     * @since 10.19.0
-     */
-    error?: SelectProps['error'];
-    /**
-     * @since 10.19.0
-     */
-    loading?: SelectProps['loading'];
-    /**
-     * @since 10.19.0
-     */
-    options?: any[];
-    /**
-     * @since 10.19.0
-     */
-    value?: any[];
-}
-export interface TieredSelectApi {
-    /**
-     * @since 10.19.0
-     */
-    afterHide: SelectProps['afterHide'];
-    /**
-     * @since 10.19.0
-     */
-    afterShow: SelectProps['afterShow'];
-    /**
-     * @since 10.19.0
-     */
-    beforeHide: SelectProps['beforeHide'];
-    /**
-     * @since 10.19.0
-     */
-    beforeShow: SelectProps['beforeShow'];
-    /**
-     * @since 10.19.0
-     */
-    block?: boolean;
-    /**
-     * Callback for using a custom <Code>tier</Code> shape
-     * <CodeBlock>{'(tier: any) => Id'}</CodeBlock>
-     * Defaults to <CodeBlock>{'(tier: any) => tier.GroupId'}</CodeBlock>
-     * @since 10.19.0
-     */
-    getGroupId: (tier: any) => Id;
-    /**
-     * Callback for using a custom <Code>tier</Code> shape
-     * <CodeBlock>{'(tier: any) => Id'}</CodeBlock>
-     * Defaults to <CodeBlock>{'(tier: any) => tier.Id'}</CodeBlock>
-     * @since 10.19.0
-     */
-    getId: (tier: any) => Id;
-    /**
-     * Callback for using a custom <Code>tier</Code> shape
-     * <CodeBlock>{'(tier: any) => string'}</CodeBlock>
-     * Defaults to <CodeBlock>{'(tier: any) => tier.Label'}</CodeBlock>
-     * @since 10.19.0
-     */
-    getLabel: (tier: any) => string | undefined;
-    /**
-     * Callback for using a custom <Code>tier</Code> shape
-     * <CodeBlock>{'(tier: any) => Id'}</CodeBlock>
-     * Defaults to <CodeBlock>{'(tier: any) => tier.NextGroupId'}</CodeBlock>
-     * @since 10.19.0
-     */
-    getNextGroupId: (tier: any) => Id;
-    /**
-     * Predefined strings or a callback for using a custom <Code>value</Code>{' '}
-     * string
-     * <CodeBlock>{'(value: any[]) => string | undefined'}</CodeBlock>
-     * Defaults to{' '}
-     * <CodeBlock>
-     * {
-     *     '(value: any[]) => value.map((tier) => getLabel!(tier)).join(" > ")'
-     * }
-     * </CodeBlock>
-     * @since 10.19.0
-     */
-    getValueString: GetValueStringFn;
-    /**
-     * The i18n key to use for the tiered select's configurable strings.
-     * Defaults to using the core library's default strings.
-     * @since 10.19.0
-     */
-    i18nScope: string;
-    /**
-     * @since 10.19.0
-     */
-    isTierDisabled?: (tier: any) => boolean | string | undefined;
-    /**
-     * @since 10.19.0
-     */
-    isLeaf?: (tier: any) => boolean;
-    /**
-     * Used to display a loading indicator as the last item of the list. Can
-     * be used with <Code>onScrollBottom</Code> or <Code>onSearch</Code>{' '}
-     * (empty <Code>options</Code> during search async call) to indicate the
-     * loading of new items.
-     * @since 10.19.0
-     */
-    loadingMore?: boolean;
-    /**
-     * <div>
-     *  Callback for selecting an item from the tiered select. Returns the{' '}
-     *  <Code>Selection</Code> object from the <Code>Menu</Code> api, along
-     *  with the updated <Code>value</Code>
-     * </div>
-     * <CodeBlock>
-     *  {'(Selection: { event, item, group }, value) =>'}
-     * </CodeBlock>
-     * @since 10.19.0
-     */
-    onChange: (selection: TierSelection) => void;
-    /**
-     * Callback for when the x icon is pressed.
-     * <CodeBlock>{'(event) =>'}</CodeBlock>
-     * @since 10.19.0
-     */
-    onClear?: SelectProps['onClear'];
-    /**
-     * Callback for when navigation occurs. Triggered by the left and right
-     * arrow keys, or clicking a navigable item. Returns the id of the next
-     * group that will be navigated to, and the updated path.
-     * <CodeBlock>
-     *  {'(nextGroupId: string | number | undefined, path: any[]) => '}
-     * </CodeBlock>
-     * @since 10.19.0
-     */
-    onNavigate?: (nextGroupId: Id, value: any[]) => void;
-    /**
-     * Pass this callback when a quick create experience is desired. Called
-     * when the "create" button in quick create mode is clicked. Returns the
-     * value of the quick create input.
-     * <CodeBlock>{'(string) =>'}</CodeBlock>
-     * @since 10.19.0
-     */
-    onQuickCreate?: (name: string) => void;
-    /**
-     * Called when the selection menu is scrolled to the bottom. Can be
-     * combined with <Code>loadingMore</Code>
-     * for an async infinite scrolling menu.
-     * <CodeBlock>{'(event) =>'}</CodeBlock>
-     * @since 10.19.0
-     */
-    onScrollBottom?: SelectProps['onScrollBottom'];
-    /**
-     * Called when searching the TieredSelect. Behavior must be controlled by
-     * implementor
-     * <CodeBlock>{'(event) =>'}</CodeBlock>
-     * @since 10.19.0
-     */
-    onSearch?: SelectProps['onSearch'];
-    /**
-     * @since 10.19.0
-     */
-    tabIndex?: number;
-}
-export interface TieredSelectProps extends Partial<Omit<TieredSelectApi, 'getValueString'>>, Omit<Div, 'onSelect' | 'onChange'> {
-    /**
-     * @since 10.19.0
-     */
-    block?: SelectProps['block'];
-    /**
-     * @since 10.19.0
-     */
-    disabled?: SelectProps['disabled'];
-    /**
-     * @since 10.19.0
-     */
-    error?: SelectProps['error'];
-    /**
-     * @since 10.19.0
-     */
-    getValueString?: GetValueString;
-    /**
-     * @since 10.19.0
-     */
-    loading?: SelectProps['loading'];
-    /**
-     * Flat array of tier objects, this array is used as data for the component
-     * @since 10.19.0
-     */
-    options?: any[];
-    /**
-     * If true, any tier is selectable. If false, only leaf nodes are selectable
-     * @default true
-     * @since 10.19.0
-     */
-    selectableTiers?: boolean;
-    /**
-     * Flat array of tier objects that represents the selected value
-     * @since 10.19.0
-     */
-    value?: any[];
-}
-export interface TieredSelectMenuProps extends Omit<Div, 'onSelect' | 'onChange' | 'onDragEnd'> {
-    /**
-     * @since 10.19.0
-     */
-    currentTier: Id;
-    /**
-     * @since 10.19.0
-     */
-    loading: TieredSelectProps['loading'];
-    /**
-     * @since 10.19.0
-     */
-    loadingMore?: TieredSelectProps['loadingMore'];
-    /**
-     * @since 10.19.0
-     */
-    menuRef: React.RefObject<MenuRef>;
-    /**
-     * @since 10.19.0
-     */
-    onChange: (selection: TierSelection) => void;
-    /**
-     * @since 10.19.0
-     */
-    onNavigate: (nextGroupId: Id, value: any[]) => void;
-    /**
-     * @since 10.19.0
-     */
-    onSearch: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * @since 10.19.0
-     */
-    options: any[];
-    /**
-     * @since 10.19.0
-     */
-    previousValue: any[];
-    /**
-     * @since 10.19.0
-     */
-    value: any[];
-}
-export interface ArrowButtonProps {
-    /**
-     * @since 10.19.0
-     */
-    onClick?: (event: React.SyntheticEvent) => void;
-}
-export interface QuickCreateInputProps {
-    /**
-     * @since 10.19.0
-     */
-    autoFocus: boolean;
-    /**
-     * @since 10.19.0
-     */
-    onSubmit: (name: string) => void;
-    /**
-     * @since 10.19.0
-     */
-    placeholder: string;
-}
-export interface OptionsProps {
-    /**
-     * @since 10.19.0
-     */
-    children: React.ReactNode;
-    /**
-     * @since 10.19.0
-     */
-    emptyMessage?: string;
-}

package/dist/esm/components/TieredSelect/TieredSelect.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TieredSelect.types.js","sourceRoot":"","sources":["../../../../src/components/TieredSelect/TieredSelect.types.ts"],"names":[],"mappings":""}