@alfalab/core-components-picker-button 10.3.30 → 11.0.0

package/utils-5e1b8383.d.ts

@@ -0,0 +1,38 @@
+import { ReactNode, RefObject } from 'react';
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-5e1b8383";
+declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
+declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
+declare const joinOptions: ({ selected, selectedMultiple, }: {
+    selected?: OptionShape | undefined;
+    selectedMultiple?: OptionShape[] | undefined;
+}) => ReactNode[] | null;
+declare function processOptions(options: BaseSelectProps['options'], selected?: BaseSelectProps['selected']): {
+    flatOptions: OptionShape[];
+    selectedOptions: OptionShape[];
+};
+type useVisibleOptionsArgs = {
+    /**
+     * Количество видимых пунктов
+     */
+    visibleOptions: number;
+    /**
+     * Реф на контейнер с пунтами меню
+     */
+    listRef: RefObject<HTMLElement>;
+    /**
+     * Реф на контейнер, которому нужно установить высоту
+     */
+    styleTargetRef?: RefObject<HTMLElement>;
+    /**
+     * Флаг открытия меню
+     */
+    open?: boolean;
+    /**
+     * Позволяет вызвать пересчет высоты
+     */
+    invalidate?: unknown;
+};
+declare function useVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, }: useVisibleOptionsArgs): void;
+declare function usePrevious<T>(value: T): T | undefined;
+declare const lastIndexOf: <T>(array: T[], predicate: (item: T) => boolean) => number;
+export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, usePrevious, lastIndexOf };

package/Component.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsSelect = require('@alfalab/core-components-select');
-var field_Component = require('./field/Component.js');
-var option_Component = require('./option/Component.js');
-require('@alfalab/core-components-button');
-require('./utils/index.js');
-require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
-require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('@alfalab/icons-glyph/MoreMIcon');
-require('@alfalab/icons-glyph/MoreSIcon');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-
-var styles = {"container":"picker-button__container_51e7l","optionsPopover":"picker-button__optionsPopover_51e7l","sideGap":"picker-button__sideGap_51e7l","option":"picker-button__option_51e7l"};
-require('./index.css')
-
-var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
-var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
-    var _b;
-    var _c = _a.OptionsList, OptionsList = _c === void 0 ? coreComponentsSelect.OptionsList : _c, _d = _a.Optgroup, Optgroup = _d === void 0 ? coreComponentsSelect.Optgroup : _d, _e = _a.Option, Option = _e === void 0 ? option_Component.Option : _e, view = _a.view, loading = _a.loading, _f = _a.size, size = _f === void 0 ? 'm' : _f, _g = _a.variant, variant = _g === void 0 ? 'default' : _g, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, popperClassName = _a.popperClassName, optionClassName = _a.optionClassName, showArrow = _a.showArrow, _h = _a.Field, Field = _h === void 0 ? field_Component.Field : _h, _j = _a.fieldProps, fieldProps = _j === void 0 ? {} : _j, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionClassName", "showArrow", "Field", "fieldProps"]);
-    var isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
-    var fieldDedaultProps = {
-        view: view,
-        loading: loading,
-        /** size у select, button несовместимы */
-        buttonSize: size,
-        buttonVariant: variant,
-        leftAddons: leftAddons,
-        rightAddons: rightAddons,
-        showArrow: showArrow,
-    };
-    return (React__default.default.createElement(coreComponentsSelect.BaseSelect, tslib.__assign({}, restProps, { optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: Field, size: size === 'm' ? 'm' : 's', fieldProps: tslib.__assign(tslib.__assign({}, fieldDedaultProps), fieldProps), Optgroup: Optgroup, OptionsList: OptionsList, className: cn__default.default(styles.container, className), popperClassName: cn__default.default('cc-picker-button', styles.optionsPopover, popperClassName, (_b = {},
-            _b[styles.sideGap] = isSideGap,
-            _b)), optionClassName: cn__default.default(styles.option, optionClassName), selected: [], closeOnSelect: true })));
-});
-
-exports.PickerButtonDesktop = PickerButtonDesktop;

package/cssm/responsive.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component.responsive";
-export {};

package/cssm/responsive.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Component_responsive = require('./Component.responsive.js');
-require('tslib');
-require('react');
-require('@alfalab/hooks');
-require('./Component.js');
-require('classnames');
-require('@alfalab/core-components-select/cssm');
-require('./field/Component.js');
-require('@alfalab/core-components-button/cssm');
-require('./utils/index.js');
-require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
-require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('@alfalab/icons-glyph/MoreMIcon');
-require('@alfalab/icons-glyph/MoreSIcon');
-require('./field/index.module.css');
-require('./option/Component.js');
-require('./option/index.module.css');
-require('./index.module.css');
-require('./Component.mobile.js');
-
-
-
-exports.PickerButtonResponsive = Component_responsive.PickerButtonResponsive;

package/esm/responsive.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component.responsive";
-export {};

package/esm/responsive.js

@@ -1,16 +0,0 @@
-export { PickerButtonResponsive } from './Component.responsive.js';
-import 'tslib';
-import 'react';
-import '@alfalab/hooks';
-import './Component.js';
-import 'classnames';
-import '@alfalab/core-components-select/esm';
-import './field/Component.js';
-import '@alfalab/core-components-button/esm';
-import './utils/index.js';
-import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '@alfalab/icons-glyph/MoreMIcon';
-import '@alfalab/icons-glyph/MoreSIcon';
-import './option/Component.js';
-import './Component.mobile.js';

package/modern/responsive.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component.responsive";
-export {};

package/modern/responsive.js

@@ -1,15 +0,0 @@
-export { PickerButtonResponsive } from './Component.responsive.js';
-import 'react';
-import '@alfalab/hooks';
-import './Component.js';
-import 'classnames';
-import '@alfalab/core-components-select/modern';
-import './field/Component.js';
-import '@alfalab/core-components-button/modern';
-import './utils/index.js';
-import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '@alfalab/icons-glyph/MoreMIcon';
-import '@alfalab/icons-glyph/MoreSIcon';
-import './option/Component.js';
-import './Component.mobile.js';

package/responsive.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component.responsive";
-export {};

package/responsive.js

@@ -1,24 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Component_responsive = require('./Component.responsive.js');
-require('tslib');
-require('react');
-require('@alfalab/hooks');
-require('./Component.js');
-require('classnames');
-require('@alfalab/core-components-select');
-require('./field/Component.js');
-require('@alfalab/core-components-button');
-require('./utils/index.js');
-require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
-require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('@alfalab/icons-glyph/MoreMIcon');
-require('@alfalab/icons-glyph/MoreSIcon');
-require('./option/Component.js');
-require('./Component.mobile.js');
-
-
-
-exports.PickerButtonResponsive = Component_responsive.PickerButtonResponsive;