@alphakits/ui 1.31.5 → 2.0.1

package/dist/picker-button/common/labeled-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/picker-button/common/labeled-button/index.tsx"],"sourcesContent":["import React, { forwardRef, MouseEvent } from 'react';\nimport cn from 'classnames';\n\nimport { Typography } from '../../../typography';\n\nimport styles from './index.module.css';\n\nexport type LabeledButtonProps = {\n    label: string | React.ReactNode;\n    value: string | React.ReactNode;\n    id?: string;\n    className?: string;\n    onClick: (event: MouseEvent<HTMLButtonElement>) => void;\n};\n\nexport const LabeledButton = forwardRef<HTMLButtonElement, LabeledButtonProps>(({\n    label, value, id, className, onClick,\n}, ref) => (\n    <button className={ cn(styles.wrapper, className) } ref={ ref } id={ id } type=\"button\" onClick={ onClick }>\n        <Typography.Text view=\"caps\" weight=\"medium\" color=\"tertiary\">{ label }</Typography.Text>\n        <Typography.Text view=\"title\" weight=\"medium\" color=\"primary\">{ value }</Typography.Text>\n    </button>\n));\n"],"names":["LabeledButton","forwardRef","label","value","id","className","onClick","ref","jsxs","cn","styles","jsx","Typography"],"mappings":";;;;;AAeO,MAAMA,IAAgBC,EAAkD,CAAC;AAAA,EAC5E,OAAAC;AAAA,EAAO,OAAAC;AAAA,EAAO,IAAAC;AAAA,EAAI,WAAAC;AAAA,EAAW,SAAAC;AACjC,GAAGC,MACC,gBAAAC,EAAC,UAAA,EAAO,WAAYC,EAAGC,EAAO,SAASL,CAAS,GAAI,KAAAE,GAAY,IAAAH,GAAU,MAAK,UAAS,SAAAE,GACpF,UAAA;AAAA,EAAA,gBAAAK,EAACC,EAAW,MAAX,EAAgB,MAAK,QAAO,QAAO,UAAS,OAAM,YAAa,UAAAV,EAAA,CAAO;AAAA,EACvE,gBAAAS,EAACC,EAAW,MAAX,EAAgB,MAAK,SAAQ,QAAO,UAAS,OAAM,WAAY,UAAAT,EAAA,CAAO;AAAA,GAC3E,CACH;"}

package/dist/picker-button/common/labeled-button/index.module.css

@@ -0,0 +1 @@
+.index-module_wrapper__Y-b0g{display:flex;flex-direction:column;align-items:flex-start;background:none;padding:0;cursor:pointer;border:none;outline:none}

package/dist/picker-button/common/labeled-button/index.module.css.js

@@ -0,0 +1,9 @@
+import './index.module.css';
+const e = "index-module_wrapper__Y-b0g", p = {
+  wrapper: e
+};
+export {
+  p as default,
+  e as wrapper
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/picker-button/common/labeled-button/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/picker-button/component.d.ts

@@ -1,16 +1,20 @@
-/// <reference types="react" />
-import React from 'react';
-import { ButtonProps } from "../button/index";
-import { BaseSelectProps } from "../select/index";
-type PickerButtonSize = 's' | 'm' | 'l' | 'xs';
-type PickerButtonProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'fieldProps' | 'hint' | 'allowUnselect'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons'> & {
+import { default as React } from 'react';
+import { ButtonProps } from '../button';
+import { BaseSelectProps } from '../select';
+export declare type PickerButtonSize = 's' | 'm' | 'l' | 'xs';
+export declare type PickerButtonProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'fieldProps' | 'hint' | 'allowUnselect'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons'> & {
+    /**
+         * Размер кнопки
+         */
     size?: PickerButtonSize;
     icon?: React.ReactNode;
     fieldComponent?: 'button' | 'iconButton';
 };
-declare const PickerButton: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "hint" | "multiple" | "selected" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow"> & Pick<ButtonProps, "view" | "leftAddons" | "loading"> & {
+export declare const PickerButton: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "hint" | "multiple" | "selected" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow"> & Pick<ButtonProps, "view" | "leftAddons" | "loading"> & {
+    /**
+         * Размер кнопки
+         */
     size?: PickerButtonSize | undefined;
     icon?: React.ReactNode;
     fieldComponent?: "button" | "iconButton" | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-export { PickerButtonSize, PickerButtonProps, PickerButton };

package/dist/picker-button/component.js

@@ -1 +1,57 @@
-import{__rest as o,__assign as t}from"tslib";import e,{forwardRef as i}from"react";import s from"classnames";import"../select/component.js";import{BaseSelect as r}from"../select/components/base-select/component.js";import"../form-control/component.js";import{Optgroup as n}from"../select/components/optgroup/component.js";import{Option as p}from"../select/components/option/component.js";import{OptionsList as m}from"../select/components/options-list/component.js";import"react-virtual";import"../utils/get-service-error/index.js";import"../toast-notifier/component.js";import"intersection-observer";import{Field as c}from"./field/Component.js";import"../select/components/arrow/component.js";import"../select/components/field/component.js";import"../hooks/useFocus/index.js";import"../select/utils.js";import"../select/components/select-search/index.js";import"@alphakits/icons";import"../hooks/useClickOutside/index.js";import"../input/component.js";import"react-merge-refs";import"../button/component.js";import"../loader/component.js";import"../utils/get-service-error/is-axios-error.js";import"../utils/get-service-error/is-network-error.js";import"react-dom";import"../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../toast-notifier/use-timer.js";import"downshift";import"resize-observer";import"../__internal/utils/getDataTestId.js";import"../popover/component.js";import"react-popper";import"react-transition-group";import"../portal/component.js";import"../portal/utils.js";import"../stack/context.js";import"../stack/component.js";import"../select/components/native-select/component.js";import"../skeleton/component.js";import"../select/components/checkmark/component.js";import"../icon-button/component.js";var l="index-module_container__jEng4",a=i((function(i,a){var d=i.OptionsList,j=i.Optgroup,u=i.Option,f=i.view,k=i.loading,v=i.size,g=void 0===v?"m":v,h=i.Field,C=i.className,O=i.leftAddons,b=i.icon,x=i.fieldComponent,w=void 0===x?"button":x,z=o(i,["OptionsList","Optgroup","Option","view","loading","size","Field","className","leftAddons","icon","fieldComponent"]);return e.createElement(r,t({},z,{ref:a,Option:u||p,Field:h||c,size:"m"===g?"m":"s",fieldProps:{view:f,loading:k,buttonSize:g,leftAddons:O,icon:b,fieldComponent:w},Optgroup:j||n,OptionsList:d||m,className:s(l,C),selected:[],closeOnSelect:!0}))}));export{a as PickerButton};
+import { jsx as u } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import a from "classnames";
+import "../select/component.js";
+import { BaseSelect as g } from "../select/components/base-select/component.js";
+import "../form-control/component.js";
+import { Optgroup as F } from "../select/components/optgroup/component.js";
+import { Option as L } from "../select/components/option/component.js";
+import { OptionsList as S } from "../select/components/options-list/component.js";
+import "react-virtual";
+import "../toast-notifier/component.js";
+import "intersection-observer";
+import { Field as b } from "./field/Component.js";
+import x from "./index.module.css.js";
+const D = d(
+  ({
+    OptionsList: t,
+    Optgroup: r,
+    Option: i,
+    view: p,
+    loading: m,
+    size: o = "m",
+    Field: e,
+    className: s,
+    leftAddons: n,
+    icon: f,
+    fieldComponent: l = "button",
+    ...O
+  }, c) => /* @__PURE__ */ u(
+    g,
+    {
+      ...O,
+      ref: c,
+      Option: i || L,
+      Field: e || b,
+      size: o === "m" ? "m" : "s",
+      fieldProps: {
+        view: p,
+        loading: m,
+        /** size у select, button несовместимы */
+        buttonSize: o,
+        leftAddons: n,
+        icon: f,
+        fieldComponent: l
+      },
+      Optgroup: r || F,
+      OptionsList: t || S,
+      className: a(x.container, s),
+      selected: [],
+      closeOnSelect: !0
+    }
+  )
+);
+export {
+  D as PickerButton
+};
+//# sourceMappingURL=component.js.map

package/dist/picker-button/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/picker-button/component.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { ButtonProps } from '../button';\nimport {\n    BaseSelect,\n    BaseSelectProps,\n    Optgroup as DefaultOptgroup,\n    Option as DefaultOption,\n    OptionsList as DefaultOptionsList,\n} from '../select';\n\nimport { Field as DefaultField } from './field';\n\nimport styles from './index.module.css';\n\nexport type PickerButtonSize = 's' | 'm' | 'l' | 'xs';\n\nexport type PickerButtonProps = Omit<\n    BaseSelectProps,\n    | 'placeholder'\n    | 'Arrow'\n    | 'autocomplete'\n    | 'size'\n    | 'onFocus'\n    | 'selected'\n    | 'closeOnSelect'\n    | 'multiple'\n    | 'fieldProps'\n    | 'hint'\n    | 'allowUnselect'\n> &\nPick<ButtonProps, 'view' | 'loading' | 'leftAddons'> & {\n    /**\n         * Размер кнопки\n         */\n    size?: PickerButtonSize;\n\n    icon?: React.ReactNode;\n\n    fieldComponent?: 'button' | 'iconButton';\n};\n\nexport const PickerButton = forwardRef<HTMLInputElement, PickerButtonProps>(\n    (\n        {\n            OptionsList,\n            Optgroup,\n            Option,\n            view,\n            loading,\n            size = 'm',\n            Field,\n            className,\n            leftAddons,\n            icon,\n            fieldComponent = 'button',\n            ...restProps\n        },\n        ref,\n    ) => (\n        <BaseSelect\n            { ...restProps }\n            ref={ ref }\n            Option={ Option || DefaultOption }\n            Field={ Field || DefaultField }\n            size={ size === 'm' ? 'm' : 's' }\n            fieldProps={ {\n                view,\n                loading,\n                /** size у select, button несовместимы */\n                buttonSize: size,\n                leftAddons,\n                icon,\n                fieldComponent,\n            } }\n            Optgroup={ Optgroup || DefaultOptgroup }\n            OptionsList={ OptionsList || DefaultOptionsList }\n            className={ cn(styles.container, className) }\n            selected={ [] }\n            closeOnSelect={ true }\n        />\n    ),\n);\n"],"names":["PickerButton","forwardRef","OptionsList","Optgroup","Option","view","loading","size","Field","className","leftAddons","icon","fieldComponent","restProps","ref","jsx","BaseSelect","DefaultOption","DefaultField","DefaultOptgroup","DefaultOptionsList","cn","styles"],"mappings":";;;;;;;;;;;;;;AA2CO,MAAMA,IAAeC;AAAA,EACxB,CACI;AAAA,IAAA,aACIC;AAAAA,IAAA,UACAC;AAAAA,IAAA,QACAC;AAAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IAAA,OACPC;AAAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,MAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,GAAGC;AAAA,EAAA,GAEPC,MAEA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACK,GAAGH;AAAA,MACL,KAAAC;AAAA,MACA,QAASV,KAAUa;AAAAA,MACnB,OAAQT,KAASU;AAAAA,MACjB,MAAOX,MAAS,MAAM,MAAM;AAAA,MAC5B,YAAa;AAAA,QACT,MAAAF;AAAA,QACA,SAAAC;AAAA;AAAA,QAEA,YAAYC;AAAA,QACZ,YAAAG;AAAA,QACA,MAAAC;AAAA,QACA,gBAAAC;AAAA,MAAA;AAAA,MAEJ,UAAWT,KAAYgB;AAAAA,MACvB,aAAcjB,KAAekB;AAAAA,MAC7B,WAAYC,EAAGC,EAAO,WAAWb,CAAS;AAAA,MAC1C,UAAW,CAAA;AAAA,MACX,eAAgB;AAAA,IAAA;AAAA,EAAA;AAG5B;"}

package/dist/picker-button/field/Component.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-import { ButtonProps } from "../../button/index";
-import { FieldProps as BaseFieldProps } from "../../select/index";
-import { PickerButtonSize } from "../index";
-type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
+import { ButtonProps } from '../../button';
+import { FieldProps as BaseFieldProps } from '../../select';
+import { PickerButtonSize } from '..';
+declare type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;
     icon?: any;
     fieldComponent?: 'button' | 'iconButton';
 };
-declare const Field: ({ buttonSize, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, valueRenderer, fieldComponent, ...restProps }: FieldProps) => JSX.Element;
-export { Field };
+export declare const Field: ({ buttonSize, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, valueRenderer, fieldComponent, ...restProps }: FieldProps) => JSX.Element;
+export {};

package/dist/picker-button/field/Component.js

@@ -1 +1,50 @@
-import{__rest as e,__assign as o}from"tslib";import n from"react";import r from"classnames";import{Button as t}from"../../button/component.js";import{IconButton as i}from"../../icon-button/component.js";import"react-merge-refs";import"../../hooks/useFocus/index.js";import"../../loader/component.js";var s={iconContainer:"index-module_iconContainer__eWqdq",open:"index-module_open__1QXrX"},l=function(l){var m=l.buttonSize,a=void 0===m?"m":m,c=l.view,p=l.label,d=l.open;l.multiple,l.rightAddons,l.Arrow;var u=l.innerProps,v=l.className;l.selected,l.selectedMultiple,l.valueRenderer;var b=l.fieldComponent,f=e(l,["buttonSize","view","label","open","multiple","rightAddons","Arrow","innerProps","className","selected","selectedMultiple","valueRenderer","fieldComponent"]),w=o(o({},f),u);return"button"===b?n.createElement(t,o({},w,{rightAddons:f.icon?n.createElement("span",{className:r(s.iconContainer,d&&s.open)},f.icon):null,block:!0,view:c,size:a,className:r(s.component,"primary"===c&&s.primary,v)}),p):n.createElement(i,o({},w,{icon:f.icon,view:"secondary"===c?"secondary":"ghost",size:"xs"===a?"s":a}))};export{l as Field};
+import { jsx as t } from "react/jsx-runtime";
+import i from "classnames";
+import { Button as p } from "../../button/component.js";
+import { IconButton as u } from "../../icon-button/component.js";
+import n from "./index.module.css.js";
+const C = ({
+  buttonSize: r = "m",
+  view: e,
+  label: m,
+  open: l,
+  multiple: f,
+  rightAddons: h,
+  Arrow: y,
+  innerProps: s,
+  className: d,
+  selected: g,
+  selectedMultiple: x,
+  valueRenderer: A,
+  fieldComponent: a,
+  ...o
+}) => {
+  const c = {
+    ...o,
+    ...s
+  };
+  return a === "button" ? /* @__PURE__ */ t(
+    p,
+    {
+      ...c,
+      rightAddons: o.icon ? /* @__PURE__ */ t("span", { className: i(n.iconContainer, l && n.open), children: o.icon }) : null,
+      block: !0,
+      view: e,
+      size: r,
+      className: i(n.component, e === "primary" && n.primary, d),
+      children: m
+    }
+  ) : /* @__PURE__ */ t(
+    u,
+    {
+      ...c,
+      icon: o.icon,
+      view: e === "secondary" ? "secondary" : "ghost",
+      size: r === "xs" ? "s" : r
+    }
+  );
+};
+export {
+  C as Field
+};
+//# sourceMappingURL=Component.js.map

package/dist/picker-button/field/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../src/picker-button/field/Component.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes } from 'react';\nimport cn from 'classnames';\n\nimport { Button, ButtonProps } from '../../button';\nimport { IconButton } from '../../icon-button';\nimport { FieldProps as BaseFieldProps } from '../../select';\nimport { PickerButtonSize } from '..';\n\n// import { ArrowDownMIcon } from '@alfalab/icons-classic/ArrowDownMIcon';\n// import { ArrowDownSIcon } from '@alfalab/icons-classic/ArrowDownSIcon';\nimport styles from './index.module.css';\n\ntype FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> &\nButtonProps & {\n    buttonSize?: PickerButtonSize;\n    icon?: any;\n    fieldComponent?: 'button' | 'iconButton';\n};\n\nexport const Field = ({\n    buttonSize = 'm',\n    view,\n    label,\n    open,\n    multiple,\n    rightAddons,\n    Arrow,\n    innerProps,\n    className,\n    selected,\n    selectedMultiple,\n    valueRenderer,\n    fieldComponent,\n    ...restProps\n}: FieldProps) => {\n    // const Icon: FC<SVGProps<SVGSVGElement>> = buttonSize === 'xs' ? ArrowDownSIcon : ArrowDownMIcon;\n\n    const buttonProps = {\n        ...restProps,\n        ...innerProps,\n    } as ButtonHTMLAttributes<HTMLButtonElement>;\n\n    return fieldComponent === 'button' ? (\n        <Button\n            { ...buttonProps }\n            rightAddons={\n                restProps.icon ? (\n                    <span className={ cn(styles.iconContainer, open && styles.open) }>\n                        { /* <Icon data-test-id='picker-button-icon' /> */ }\n                        { restProps.icon }\n                    </span>\n                ) : null\n            }\n            block={ true }\n            view={ view }\n            size={ buttonSize }\n            className={ cn(styles.component, view === 'primary' && styles.primary, className) }\n        >\n            { label }\n        </Button>\n    ) : (\n        <IconButton\n            { ...buttonProps }\n            icon={ restProps.icon }\n            view={ view === 'secondary' ? 'secondary' : 'ghost' }\n            size={ buttonSize === 'xs' ? 's' : buttonSize }\n            // className={ cn(styles.component, view === 'primary' && styles.primary, className) }\n        />\n    );\n};\n"],"names":["Field","buttonSize","view","label","open","multiple","rightAddons","Arrow","innerProps","className","selected","selectedMultiple","valueRenderer","fieldComponent","restProps","buttonProps","jsx","Button","cn","styles","IconButton"],"mappings":";;;;;AAmBO,MAAMA,IAAQ,CAAC;AAAA,EAClB,YAAAC,IAAa;AAAA,EACb,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACP,MAAkB;AAGd,QAAMC,IAAc;AAAA,IAChB,GAAGD;AAAA,IACH,GAAGN;AAAA,EAAA;AAGP,SAAOK,MAAmB,WACtB,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACK,GAAGF;AAAA,MACL,aACID,EAAU,OACN,gBAAAE,EAAC,UAAK,WAAYE,EAAGC,EAAO,eAAef,KAAQe,EAAO,IAAI,GAExD,UAAAL,EAAU,MAChB,IACA;AAAA,MAER,OAAQ;AAAA,MACR,MAAAZ;AAAA,MACA,MAAOD;AAAA,MACP,WAAYiB,EAAGC,EAAO,WAAWjB,MAAS,aAAaiB,EAAO,SAASV,CAAS;AAAA,MAE9E,UAAAN;AAAA,IAAA;AAAA,EAAA,IAGN,gBAAAa;AAAA,IAACI;AAAA,IAAA;AAAA,MACK,GAAGL;AAAA,MACL,MAAOD,EAAU;AAAA,MACjB,MAAOZ,MAAS,cAAc,cAAc;AAAA,MAC5C,MAAOD,MAAe,OAAO,MAAMA;AAAA,IAAA;AAAA,EAAA;AAI/C;"}

package/dist/picker-button/field/index.d.ts

@@ -1 +1 @@
-export * from "./Component";
+export * from './Component';

package/dist/picker-button/field/index.js

@@ -1 +1,5 @@
-export{Field}from"./Component.js";import"tslib";import"react";import"classnames";import"../../button/component.js";import"react-merge-refs";import"../../hooks/useFocus/index.js";import"../../loader/component.js";import"../../icon-button/component.js";
+import { Field as r } from "./Component.js";
+export {
+  r as Field
+};
+//# sourceMappingURL=index.js.map

package/dist/picker-button/field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/picker-button/field/index.module.css

@@ -0,0 +1 @@
+.index-module_iconContainer__XeDrL{display:flex;transition:transform .15s ease-in-out}

package/dist/picker-button/field/index.module.css.js

@@ -0,0 +1,11 @@
+import './index.module.css';
+const n = "index-module_iconContainer__XeDrL", o = "index-module_open__OjX8o", e = {
+  iconContainer: n,
+  open: o
+};
+export {
+  e as default,
+  n as iconContainer,
+  o as open
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/picker-button/field/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/picker-button/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./component";
-export * from "./common/index";
+export * from './component';
+export * from './common';

package/dist/picker-button/index.js

@@ -1 +1,7 @@
-export{PickerButton}from"./component.js";export{LabeledButton}from"./common/labeled-button/index.js";import"tslib";import"react";import"classnames";import"../select/component.js";import"../select/components/arrow/component.js";import"../select/components/base-select/component.js";import"react-merge-refs";import"downshift";import"resize-observer";import"../__internal/utils/getDataTestId.js";import"../popover/component.js";import"react-popper";import"react-transition-group";import"../portal/component.js";import"react-dom";import"../portal/utils.js";import"../stack/context.js";import"../stack/component.js";import"../select/utils.js";import"../select/components/native-select/component.js";import"../select/components/field/component.js";import"../form-control/component.js";import"../hooks/useFocus/index.js";import"../select/components/optgroup/component.js";import"../select/components/option/component.js";import"../skeleton/component.js";import"../select/components/checkmark/component.js";import"../select/components/options-list/component.js";import"@alphakits/icons/dist/ClockCircleM";import"../button/component.js";import"../loader/component.js";import"../select/components/select-search/index.js";import"@alphakits/icons";import"../hooks/useClickOutside/index.js";import"../utils/get-service-error/index.js";import"../utils/get-service-error/is-axios-error.js";import"../utils/get-service-error/is-network-error.js";import"../toast-notifier/component.js";import"../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/CloseS";import"../toast-notifier/use-timer.js";import"../input/component.js";import"react-virtual";import"intersection-observer";import"./field/Component.js";import"../icon-button/component.js";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"../typography/title/component.js";
+import { PickerButton as e } from "./component.js";
+import { LabeledButton as f } from "./common/labeled-button/index.js";
+export {
+  f as LabeledButton,
+  e as PickerButton
+};
+//# sourceMappingURL=index.js.map

package/dist/picker-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/picker-button/index.module.css

@@ -0,0 +1 @@
+.index-module_container__cXs3V{min-width:auto}

package/dist/picker-button/index.module.css.js

@@ -0,0 +1,9 @@
+import './index.module.css';
+const n = "index-module_container__cXs3V", e = {
+  container: n
+};
+export {
+  n as container,
+  e as default
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/picker-button/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/popover/component.d.ts

@@ -1,28 +1,75 @@
-/// <reference types="react" />
-/// <reference types="react-transition-group" />
-import React from 'react';
-import { CSSProperties, MutableRefObject } from "react";
+import { default as React, CSSProperties, MutableRefObject } from 'react';
 import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
 import { BasePlacement, VariationPlacement } from '@popperjs/core';
-type Position = BasePlacement | VariationPlacement;
-type PopoverProps = {
+export declare type Position = BasePlacement | VariationPlacement;
+export declare type PopoverProps = {
     children?: React.ReactNode;
+    /**
+     * Управление состоянием поповера (открыт/закрыт)
+     */
     open: boolean;
+    /**
+     * Элемент, относительного которого появляется поповер
+     */
     anchorElement: HTMLElement;
+    /**
+     * Позиционирование поповера
+     */
     position?: Position;
+    /**
+     * Запрещает поповеру менять свою позицию.
+     * Например, если места снизу недостаточно,то он все равно будет показан снизу
+     */
     preventFlip?: boolean;
+    /**
+     * Если `true`, будет отрисована стрелочка
+     */
     withArrow?: boolean;
+    /**
+     * Смещение поповера.
+     * Если позиционирование top, bottom, то [x, y].
+     * Если позиционирование left, right то [y, x].
+     */
     offset?: [number, number];
+    /**
+     * Дополнительный класс для поповера
+     */
     popperClassName?: string;
+    /**
+     * Дополнительный класс для стрелочки
+     */
     arrowClassName?: string;
+    /**
+     * Функция, возвращающая контейнер, в который будет рендериться поповер
+     */
     getPortalContainer?: () => HTMLElement;
+    /**
+     * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.
+     */
     transition?: CSSTransitionProps;
+    /**
+     * Выставляет кастомное свойство transition-duration
+     */
     transitionDuration?: CSSProperties['transitionDuration'];
+    /**
+     * Рендерит компонент, обернутый в Transition
+     */
     withTransition?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string;
+    /**
+     * Хранит функцию, с помощью которой можно обновить положение компонента
+     */
     update?: MutableRefObject<() => void>;
+    /**
+     * Дополнительный класс
+     */
     className?: string;
+    /**
+     * z-index компонента
+     */
     zIndex?: number;
 };
-declare const Popover: React.FC<PopoverProps>;
-export { Position, PopoverProps, Popover };
+export declare const Popover: React.FC<PopoverProps>;

package/dist/popover/component.js

@@ -1 +1,92 @@
-import{__assign as e}from"tslib";import t,{useState as o,useCallback as n,useEffect as r}from"react";import{usePopper as i}from"react-popper";import{CSSTransition as a}from"react-transition-group";import m from"classnames";import{Portal as s}from"../portal/component.js";import{stackingOrder as c}from"../stack/context.js";import{Stack as l}from"../stack/component.js";import"react-dom";import"../portal/utils.js";var p={component:"index-module_component__1hgdm",arrow:"index-module_arrow__2_UGW",enter:"index-module_enter__Red0x",enterActive:"index-module_enterActive__1Fy-k",exit:"index-module_exit__2r-P9",exitActive:"index-module_exitActive__2NLCT"},d={timeout:150},u={enter:p.enter,enterActive:p.enterActive,exit:p.exit,exitActive:p.exitActive},f=function(f){var v=f.children,x=f.getPortalContainer,_=f.transition,w=void 0===_?d:_,A=f.anchorElement,E=f.offset,N=void 0===E?[0,0]:E,h=f.withArrow,P=void 0!==h&&h,y=f.withTransition,C=void 0===y||y,g=f.position,j=void 0===g?"left":g,k=f.preventFlip,b=f.popperClassName,I=f.arrowClassName,O=f.className,T=f.open,z=f.dataTestId,D=f.update,F=f.transitionDuration,R=void 0===F?w.timeout+"ms":F,G=f.zIndex,L=void 0===G?c.POPOVER:G,U=o(A),V=U[0],W=U[1],q=o(null),B=q[0],H=q[1],J=o(null),K=J[0],M=J[1],Q=n((function(){var e=[{name:"offset",options:{offset:N}}];return P&&e.push({name:"arrow",options:{element:K}}),k&&e.push({name:"flip",options:{fallbackPlacements:[]}}),e}),[N,P,k,K]),S=i(V,B,{placement:j,modifiers:Q()}),X=S.styles,Y=S.attributes,Z=S.update;r((function(){W(A)}),[A]),r((function(){Z&&Z()}),[Z,K,v]),r((function(){D&&Z&&(D.current=Z)}),[Z,D]);var $=function(o,n){return t.createElement("div",e({ref:H,style:e({zIndex:o},X.popper),"data-test-id":z,className:m(p.component,O)},Y.popper),t.createElement("div",{className:m(p.inner,b),style:n},v,P&&t.createElement("div",{ref:M,style:X.arrow,className:m(p.arrow,I)})))};return t.createElement(l,{value:L},(function(o){return t.createElement(s,{getPortalContainer:x},C?t.createElement(a,e({unmountOnExit:!0,classNames:u},w,{in:T}),$(o,{transitionDuration:R})):T&&$(o))}))};export{f as Popover};
+import { jsx as o, jsxs as M } from "react/jsx-runtime";
+import { useState as p, useCallback as w, useEffect as l } from "react";
+import { usePopper as z } from "react-popper";
+import { CSSTransition as D } from "react-transition-group";
+import c from "classnames";
+import { Portal as U } from "../portal/component.js";
+import { stackingOrder as V } from "../stack/context.js";
+import { Stack as $ } from "../stack/component.js";
+import t from "./index.module.css.js";
+const q = {
+  timeout: 150
+}, B = {
+  enter: t.enter,
+  enterActive: t.enterActive,
+  exit: t.exit,
+  exitActive: t.exitActive
+}, Z = ({
+  children: a,
+  getPortalContainer: v,
+  transition: f = q,
+  anchorElement: s,
+  offset: u = [0, 0],
+  withArrow: n = !1,
+  withTransition: x = !0,
+  position: A = "left",
+  preventFlip: d,
+  popperClassName: P,
+  arrowClassName: O,
+  className: T,
+  open: S,
+  dataTestId: y,
+  update: i,
+  transitionDuration: C = `${f.timeout}ms`,
+  zIndex: k = V.POPOVER
+}) => {
+  const [I, R] = p(s), [_, b] = p(null), [m, g] = p(null), h = w(() => {
+    const e = [{ name: "offset", options: { offset: u } }];
+    return n && e.push({ name: "arrow", options: { element: m } }), d && e.push({ name: "flip", options: { fallbackPlacements: [] } }), e;
+  }, [u, n, d, m]), {
+    styles: E,
+    attributes: j,
+    update: r
+  } = z(I, _, {
+    placement: A,
+    modifiers: h()
+  });
+  l(() => {
+    R(s);
+  }, [s]), l(() => {
+    r && r();
+  }, [r, m, a]), l(() => {
+    i && r && (i.current = r);
+  }, [r, i]);
+  const N = (e, L) => /* @__PURE__ */ o(
+    "div",
+    {
+      ref: b,
+      style: {
+        zIndex: e,
+        ...E.popper
+      },
+      "data-test-id": y,
+      className: c(t.component, T),
+      ...j.popper,
+      children: /* @__PURE__ */ M("div", { className: c(t.inner, P), style: L, children: [
+        a,
+        n && /* @__PURE__ */ o(
+          "div",
+          {
+            ref: g,
+            style: E.arrow,
+            className: c(t.arrow, O)
+          }
+        )
+      ] })
+    }
+  );
+  return /* @__PURE__ */ o($, { value: k, children: (e) => /* @__PURE__ */ o(U, { getPortalContainer: v, children: x ? /* @__PURE__ */ o(
+    D,
+    {
+      unmountOnExit: !0,
+      classNames: B,
+      ...f,
+      in: S,
+      children: N(e, { transitionDuration: C })
+    }
+  ) : S && N(e) }) });
+};
+export {
+  Z as Popover
+};
+//# sourceMappingURL=component.js.map

package/dist/popover/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/popover/component.tsx"],"sourcesContent":["import React, {\n    CSSProperties, MutableRefObject, useCallback, useEffect, useState,\n} from 'react';\nimport { usePopper } from 'react-popper';\nimport { CSSTransition } from 'react-transition-group';\nimport { CSSTransitionProps } from 'react-transition-group/CSSTransition';\nimport { BasePlacement, Obj, VariationPlacement } from '@popperjs/core';\nimport cn from 'classnames';\n\nimport { Portal } from '../portal';\nimport { Stack, stackingOrder } from '../stack';\n\nimport styles from './index.module.css';\n\ntype RefElement = HTMLElement | null;\n\nexport type Position = BasePlacement | VariationPlacement;\n\ntype PopperModifier = {\n    name: string;\n    options: Obj;\n};\n\nexport type PopoverProps = {\n    children?: React.ReactNode;\n    /**\n     * Управление состоянием поповера (открыт/закрыт)\n     */\n    open: boolean;\n\n    /**\n     * Элемент, относительного которого появляется поповер\n     */\n    anchorElement: HTMLElement;\n\n    /**\n     * Позиционирование поповера\n     */\n    position?: Position;\n\n    /**\n     * Запрещает поповеру менять свою позицию.\n     * Например, если места снизу недостаточно,то он все равно будет показан снизу\n     */\n    preventFlip?: boolean;\n\n    /**\n     * Если `true`, будет отрисована стрелочка\n     */\n    withArrow?: boolean;\n\n    /**\n     * Смещение поповера.\n     * Если позиционирование top, bottom, то [x, y].\n     * Если позиционирование left, right то [y, x].\n     */\n    offset?: [number, number];\n\n    /**\n     * Дополнительный класс для поповера\n     */\n    popperClassName?: string;\n\n    /**\n     * Дополнительный класс для стрелочки\n     */\n    arrowClassName?: string;\n\n    /**\n     * Функция, возвращающая контейнер, в который будет рендериться поповер\n     */\n    getPortalContainer?: () => HTMLElement;\n\n    /**\n     * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.\n     */\n    transition?: CSSTransitionProps;\n\n    /**\n     * Выставляет кастомное свойство transition-duration\n     */\n    transitionDuration?: CSSProperties['transitionDuration'];\n\n    /**\n     * Рендерит компонент, обернутый в Transition\n     */\n    withTransition?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Хранит функцию, с помощью которой можно обновить положение компонента\n     */\n    update?: MutableRefObject<() => void>;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * z-index компонента\n     */\n    zIndex?: number;\n};\n\nconst DEFAULT_TRANSITION = {\n    timeout: 150,\n};\n\nconst CSS_TRANSITION_CLASS_NAMES = {\n    enter: styles.enter,\n    enterActive: styles.enterActive,\n    exit: styles.exit,\n    exitActive: styles.exitActive,\n};\n\nexport const Popover: React.FC<PopoverProps> = ({\n    children,\n    getPortalContainer,\n    transition = DEFAULT_TRANSITION,\n    anchorElement,\n    offset = [0, 0],\n    withArrow = false,\n    withTransition = true,\n    position = 'left',\n    preventFlip,\n    popperClassName,\n    arrowClassName,\n    className,\n    open,\n    dataTestId,\n    update,\n    transitionDuration = `${transition.timeout}ms`,\n    zIndex = stackingOrder.POPOVER,\n}) => {\n    const [referenceElement, setReferenceElement] = useState<RefElement>(anchorElement);\n    const [popperElement, setPopperElement] = useState<RefElement>(null);\n    const [arrowElement, setArrowElement] = useState<RefElement>(null);\n\n    const getModifiers = useCallback(() => {\n        const modifiers: PopperModifier[] = [{ name: 'offset', options: { offset } }];\n\n        if (withArrow) {\n            modifiers.push({ name: 'arrow', options: { element: arrowElement } });\n        }\n\n        if (preventFlip) {\n            modifiers.push({ name: 'flip', options: { fallbackPlacements: [] } });\n        }\n\n        return modifiers;\n    }, [offset, withArrow, preventFlip, arrowElement]);\n\n    const {\n        styles: popperStyles,\n        attributes,\n        update: updatePopper,\n    } = usePopper(referenceElement, popperElement, {\n        placement: position,\n        modifiers: getModifiers(),\n    });\n\n    useEffect(() => {\n        setReferenceElement(anchorElement);\n    }, [anchorElement]);\n\n    useEffect(() => {\n        if (updatePopper) {\n            updatePopper();\n        }\n    }, [updatePopper, arrowElement, children]);\n\n    useEffect(() => {\n        if (update && updatePopper) {\n            // eslint-disable-next-line no-param-reassign\n            update.current = updatePopper;\n        }\n    }, [updatePopper, update]);\n\n    const renderContent = (computedZIndex: number, style?: CSSProperties) => (\n        <div\n            ref={ setPopperElement }\n            style={ {\n                zIndex: computedZIndex,\n                ...popperStyles.popper,\n            } }\n            data-test-id={ dataTestId }\n            className={ cn(styles.component, className) }\n            { ...attributes.popper }\n        >\n            <div className={ cn(styles.inner, popperClassName) } style={ style }>\n                { children }\n                { withArrow && (\n                    <div\n                        ref={ setArrowElement }\n                        style={ popperStyles.arrow }\n                        className={ cn(styles.arrow, arrowClassName) }\n                    />\n                ) }\n            </div>\n        </div>\n    );\n\n    return (\n        <Stack value={ zIndex }>\n            { (computedZIndex) => (\n                <Portal getPortalContainer={ getPortalContainer }>\n                    { withTransition ? (\n                        <CSSTransition\n                            unmountOnExit={ true }\n                            classNames={ CSS_TRANSITION_CLASS_NAMES }\n                            { ...transition }\n                            in={ open }\n                        >\n                            { renderContent(computedZIndex, { transitionDuration }) }\n                        </CSSTransition>\n                    ) : (\n                        open && renderContent(computedZIndex)\n                    ) }\n                </Portal>\n            ) }\n        </Stack>\n    );\n};\n"],"names":["DEFAULT_TRANSITION","CSS_TRANSITION_CLASS_NAMES","styles","Popover","children","getPortalContainer","transition","anchorElement","offset","withArrow","withTransition","position","preventFlip","popperClassName","arrowClassName","className","open","dataTestId","update","transitionDuration","zIndex","stackingOrder","referenceElement","setReferenceElement","useState","popperElement","setPopperElement","arrowElement","setArrowElement","getModifiers","useCallback","modifiers","popperStyles","attributes","updatePopper","usePopper","useEffect","renderContent","computedZIndex","style","jsx","cn","jsxs","Stack","Portal","CSSTransition"],"mappings":"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"}

package/dist/popover/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/popover/index.js

@@ -1 +1,5 @@
-export{Popover}from"./component.js";import"tslib";import"react";import"react-popper";import"react-transition-group";import"classnames";import"../portal/component.js";import"react-dom";import"../portal/utils.js";import"../stack/context.js";import"../stack/component.js";
+import { Popover as e } from "./component.js";
+export {
+  e as Popover
+};
+//# sourceMappingURL=index.js.map

package/dist/popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/popover/index.module.css

@@ -0,0 +1 @@
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--popover-border-color: transparent;--popover-z-index: 2}.index-module_component__M4dAZ{background-color:var(--color-bg-primary);box-shadow:var(--shadow-s);border:1px solid var(--popover-border-color);z-index:var(--popover-z-index);transition-property:opacity;transition-timing-function:ease;box-sizing:border-box}.index-module_arrow__rhviH:after{content:"";display:block;position:absolute;width:10px;height:10px;background-color:var(--color-bg-primary);border:1px solid var(--popover-border-color);transform:rotate(45deg)}.index-module_component__M4dAZ[data-popper-placement=left] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=left-start] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=left-end] .index-module_arrow__rhviH{right:5px}:is(.index-module_component__M4dAZ[data-popper-placement=left] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=left-start] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=left-end] .index-module_arrow__rhviH):after{top:-4px;border-bottom:none;border-left:none}.index-module_component__M4dAZ[data-popper-placement=right] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=right-start] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=right-end] .index-module_arrow__rhviH{left:-6px}:is(.index-module_component__M4dAZ[data-popper-placement=right] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=right-start] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=right-end] .index-module_arrow__rhviH):after{top:-4px;border-top:none;border-right:none}.index-module_component__M4dAZ[data-popper-placement=top] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=top-start] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=top-end] .index-module_arrow__rhviH{bottom:5px}:is(.index-module_component__M4dAZ[data-popper-placement=top] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=top-start] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=top-end] .index-module_arrow__rhviH):after{left:-4px;border-top:none;border-left:none}.index-module_component__M4dAZ[data-popper-placement=bottom] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=bottom-start] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=bottom-end] .index-module_arrow__rhviH{top:-6px}:is(.index-module_component__M4dAZ[data-popper-placement=bottom] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=bottom-start] .index-module_arrow__rhviH,.index-module_component__M4dAZ[data-popper-placement=bottom-end] .index-module_arrow__rhviH):after{left:-4px;border-bottom:none;border-right:none}.index-module_enter__3MWR1{opacity:0}.index-module_enterActive__pPMD0,.index-module_exit__4hKAj{opacity:1}.index-module_exitActive__vWe9J{opacity:0}

package/dist/popover/index.module.css.js

@@ -0,0 +1,19 @@
+import './index.module.css';
+const e = "index-module_component__M4dAZ", t = "index-module_arrow__rhviH", n = "index-module_enter__3MWR1", o = "index-module_enterActive__pPMD0", i = "index-module_exit__4hKAj", _ = "index-module_exitActive__vWe9J", c = {
+  component: e,
+  arrow: t,
+  enter: n,
+  enterActive: o,
+  exit: i,
+  exitActive: _
+};
+export {
+  t as arrow,
+  e as component,
+  c as default,
+  n as enter,
+  o as enterActive,
+  i as exit,
+  _ as exitActive
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/popover/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/portal/component.d.ts

@@ -1,7 +1,10 @@
 /// <reference types="react" />
-type PortalProps = {
+export declare type PortalProps = {
+    /** Контент */
     children?: any;
+    /**
+     * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
+     */
     getPortalContainer?: () => Element;
 };
-declare const Portal: import("react").ForwardRefExoticComponent<PortalProps & import("react").RefAttributes<Element>>;
-export { PortalProps, Portal };
+export declare const Portal: import('react').ForwardRefExoticComponent<PortalProps & import('react').RefAttributes<Element>>;

package/dist/portal/component.js

@@ -1 +1,17 @@
-import{forwardRef as r,useState as n,useEffect as t}from"react";import{createPortal as o}from"react-dom";import{setRef as i,getDefaultPortalContainer as u}from"./utils.js";var e=r((function(r,e){var l=r.getPortalContainer,c=void 0===l?u:l,f=r.children,m=n(null),a=m[0],p=m[1];return t((function(){p(c())}),[c]),t((function(){return a?(i(e,a),function(){i(e,null)}):function(){return null}}),[e,a]),a?o(f,a):a}));export{e as Portal};
+import { forwardRef as f, useState as m, useEffect as e } from "react";
+import { createPortal as a } from "react-dom";
+import { getDefaultPortalContainer as s, setRef as u } from "./utils.js";
+const d = f(
+  ({ getPortalContainer: r = s, children: n }, o) => {
+    const [t, l] = m(null);
+    return e(() => {
+      l(r());
+    }, [r]), e(() => t ? (u(o, t), () => {
+      u(o, null);
+    }) : () => null, [o, t]), t && a(n, t);
+  }
+);
+export {
+  d as Portal
+};
+//# sourceMappingURL=component.js.map

package/dist/portal/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/portal/component.tsx"],"sourcesContent":["import {\n    forwardRef, useEffect, useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { getDefaultPortalContainer, setRef } from './utils';\n\nexport type PortalProps = {\n    /** Контент */\n    children?: any;\n\n    /**\n     * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы\n     */\n    getPortalContainer?: () => Element;\n};\nexport const Portal = forwardRef<Element, PortalProps>(\n    ({ getPortalContainer = getDefaultPortalContainer, children }, ref) => {\n        const [mountNode, setMountNode] = useState<Element | null>(null);\n\n        useEffect(() => {\n            setMountNode(getPortalContainer());\n        }, [getPortalContainer]);\n\n        useEffect(() => {\n            if (mountNode) {\n                setRef(ref, mountNode);\n\n                return () => {\n                    setRef(ref, null);\n                };\n            }\n\n            return () => null;\n        }, [ref, mountNode]);\n\n        return mountNode ? createPortal(children, mountNode) : mountNode;\n    },\n);\n"],"names":["Portal","forwardRef","getPortalContainer","getDefaultPortalContainer","children","ref","mountNode","setMountNode","useState","useEffect","setRef","createPortal"],"mappings":";;;AAgBO,MAAMA,IAASC;AAAA,EAClB,CAAC,EAAE,oBAAAC,IAAqBC,GAA2B,UAAAC,EAAA,GAAYC,MAAQ;AACnE,UAAM,CAACC,GAAWC,CAAY,IAAIC,EAAyB,IAAI;AAE/D,WAAAC,EAAU,MAAM;AACZ,MAAAF,EAAaL,GAAoB;AAAA,IACrC,GAAG,CAACA,CAAkB,CAAC,GAEvBO,EAAU,MACFH,KACAI,EAAOL,GAAKC,CAAS,GAEd,MAAM;AACT,MAAAI,EAAOL,GAAK,IAAI;AAAA,IACpB,KAGG,MAAM,MACd,CAACA,GAAKC,CAAS,CAAC,GAEZA,KAAYK,EAAaP,GAAUE,CAAS;AAAA,EACvD;AACJ;"}

package/dist/portal/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/portal/index.js

@@ -1 +1,5 @@
-export{Portal}from"./component.js";import"react";import"react-dom";import"./utils.js";
+import { Portal as t } from "./component.js";
+export {
+  t as Portal
+};
+//# sourceMappingURL=index.js.map

package/dist/portal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/portal/utils.d.ts

@@ -1,5 +1,4 @@
 import { RefObject } from 'react';
-declare const PORTAL_CONTAINER_ATTRIBUTE = "escape-navigator-portal";
-declare const getDefaultPortalContainer: () => Element;
-declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
-export { PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef };
+export declare const PORTAL_CONTAINER_ATTRIBUTE = "escape-navigator-portal";
+export declare const getDefaultPortalContainer: () => Element;
+export declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;