@skbkontur/react-ui 5.6.5-cab54.0 → 5.6.5

package/components/TooltipMenu/TooltipMenu/TooltipMenu.js

@@ -0,0 +1,86 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _class, _TooltipMenu;
+import React from 'react';
+import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { PopupMenu } from "../../../internal/PopupMenu";
+import { isProductionEnv, isTestEnv } from "../../../lib/currentEnvironment";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { rootNode } from "../../../lib/rootNode";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+export var TooltipMenuDataTids = {
+  root: 'TooltipMenu__root'
+};
+
+/**
+ * Меню `TooltipMenu` раскрывается по клику на переданный в `caption` элемент.
+ *
+ * Положение меню задаётся с помощью массива `positions` и работает так:
+ * первое значение в массиве - дефолтная позиция, меню раскроется на этой позиции, если оно не будет выходить за пределы `viewport`,
+ * если раскрыться в дефолтной позиции не получится - будет использована следующая позиция, и так далее, пока не будет достигнут конец массива. Если все положения из списка будут выходить за пределы `viewport`, в качестве положения будет использовано первое значение в массиве.
+ *
+ * Если меню должно раскрываться только в одну сторону - массив `positions` должен содержать только один элемент: сторону, в которую должно открываться меню.
+ *
+ * Если массив `positions` не передан (или передан пустой массив), будут использованы всевозможные значения.
+ */
+export var TooltipMenu = rootNode(_class = (_TooltipMenu = /*#__PURE__*/function (_React$Component) {
+  function TooltipMenu(props) {
+    var _this;
+    _this = _React$Component.call(this, props) || this;
+    _this.getProps = createPropsGetter(TooltipMenu.defaultProps);
+    if (!props.caption && !isProductionEnv) {
+      throw new Error('Prop "caption" is required!!!');
+    }
+    return _this;
+  }
+  _inheritsLoose(TooltipMenu, _React$Component);
+  var _proto = TooltipMenu.prototype;
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/(
+      React.createElement(ThemeContext.Consumer, null, function (theme) {
+        return /*#__PURE__*/(
+          React.createElement(ThemeContext.Provider, {
+            value: ThemeFactory.create({
+              popupPinOffsetX: theme.tooltipMenuPinOffsetX,
+              popupPinOffsetY: theme.tooltipMenuPinOffsetY,
+              popupMargin: theme.tooltipMenuMargin,
+              popupPinSize: theme.tooltipMenuPinSize
+            }, theme)
+          }, _this2.renderMain())
+        );
+      })
+    );
+  };
+  _proto.renderMain = function renderMain() {
+    if (!this.props.caption) {
+      return null;
+    }
+    var _this$getProps = this.getProps(),
+      disableAnimations = _this$getProps.disableAnimations;
+    return /*#__PURE__*/(
+      React.createElement(CommonWrapper, _extends({
+        rootNodeRef: this.setRootNode
+      }, this.props), /*#__PURE__*/
+      React.createElement(PopupMenu, {
+        "aria-label": this.props['aria-label'],
+        "data-tid": TooltipMenuDataTids.root,
+        menuMaxHeight: this.props.menuMaxHeight,
+        menuWidth: this.props.menuWidth,
+        caption: this.props.caption,
+        header: this.props.header,
+        footer: this.props.footer,
+        preventIconsOffset: this.props.preventIconsOffset,
+        positions: this.props.positions,
+        onOpen: this.props.onOpen,
+        onClose: this.props.onClose,
+        popupHasPin: true,
+        disableAnimations: disableAnimations
+      }, this.props.children))
+    );
+  };
+  return TooltipMenu;
+}(React.Component), _TooltipMenu.__KONTUR_REACT_UI__ = 'TooltipMenu', _TooltipMenu.displayName = 'TooltipMenu', _TooltipMenu.defaultProps = {
+  disableAnimations: isTestEnv
+}, _TooltipMenu)) || _class;

package/components/TooltipMenu/TooltipMenu/TooltipMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ThemeFactory","ThemeContext","PopupMenu","isProductionEnv","isTestEnv","CommonWrapper","rootNode","createPropsGetter","TooltipMenuDataTids","root","TooltipMenu","_class","_TooltipMenu","_React$Component","props","_this","call","getProps","defaultProps","caption","Error","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","theme","Provider","value","create","popupPinOffsetX","tooltipMenuPinOffsetX","popupPinOffsetY","tooltipMenuPinOffsetY","popupMargin","tooltipMenuMargin","popupPinSize","tooltipMenuPinSize","renderMain","_this$getProps","disableAnimations","_extends","rootNodeRef","setRootNode","menuMaxHeight","menuWidth","header","footer","preventIconsOffset","positions","onOpen","onClose","popupHasPin","children","Component","__KONTUR_REACT_UI__","displayName"],"sources":["TooltipMenu.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { PopupMenuProps } from '../../internal/PopupMenu';\nimport { PopupMenu } from '../../internal/PopupMenu';\nimport type { MenuItemProps } from '../MenuItem';\nimport { isProductionEnv, isTestEnv } from '../../lib/currentEnvironment';\nimport type { MenuHeaderProps } from '../MenuHeader';\nimport type { PopupPositionsType } from '../../internal/Popup';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nexport type TooltipMenuChildType = React.ReactElement<MenuItemProps | unknown | MenuHeaderProps>;\n\nexport interface TooltipMenuProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'preventIconsOffset'> {\n  /** @ignore */\n  children?: TooltipMenuChildType | TooltipMenuChildType[];\n  /** Задает максимальную высоту меню. */\n  menuMaxHeight?: number | string;\n  /** Задает ширину меню. */\n  menuWidth?: number | string;\n  /** Задает элемент или функцию возвращающую элемент, которые используется вместо `caption`.\n   * В случае функции, внутри нее необходимо управлять открытием и закрытием меню. */\n  caption: PopupMenuProps['caption'];\n  /** Задает элемент, который будет отрендерен в шапке меню.\n   * _Примечание_: контрол MenuHeader передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`. */\n  header?: React.ReactNode;\n  /** Задает элемент, который будет отрендерен в подвале меню.\n   * Перед элементом переданным в `footer` будет отрендерен MenuSeparator. */\n  footer?: React.ReactNode;\n  /** Определяет список позиций, доступных для расположения выпадашки относительно caption.\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка. */\n  positions?: PopupPositionsType[];\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n}\n\nexport const TooltipMenuDataTids = {\n  root: 'TooltipMenu__root',\n} as const;\n\ntype DefaultProps = Required<Pick<TooltipMenuProps, 'disableAnimations'>>;\n\n/**\n * Меню `TooltipMenu` раскрывается по клику на переданный в `caption` элемент.\n *\n * Положение меню задаётся с помощью массива `positions` и работает так:\n * первое значение в массиве - дефолтная позиция, меню раскроется на этой позиции, если оно не будет выходить за пределы `viewport`,\n * если раскрыться в дефолтной позиции не получится - будет использована следующая позиция, и так далее, пока не будет достигнут конец массива. Если все положения из списка будут выходить за пределы `viewport`, в качестве положения будет использовано первое значение в массиве.\n *\n * Если меню должно раскрываться только в одну сторону - массив `positions` должен содержать только один элемент: сторону, в которую должно открываться меню.\n *\n * Если массив `positions` не передан (или передан пустой массив), будут использованы всевозможные значения.\n */\n@rootNode\nexport class TooltipMenu extends React.Component<TooltipMenuProps> {\n  public static __KONTUR_REACT_UI__ = 'TooltipMenu';\n  public static displayName = 'TooltipMenu';\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public static defaultProps: DefaultProps = {\n    disableAnimations: isTestEnv,\n  };\n\n  private getProps = createPropsGetter(TooltipMenu.defaultProps);\n\n  constructor(props: TooltipMenuProps) {\n    super(props);\n\n    if (!props.caption && !isProductionEnv) {\n      throw new Error('Prop \"caption\" is required!!!');\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupPinOffsetX: theme.tooltipMenuPinOffsetX,\n                  popupPinOffsetY: theme.tooltipMenuPinOffsetY,\n                  popupMargin: theme.tooltipMenuMargin,\n                  popupPinSize: theme.tooltipMenuPinSize,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    if (!this.props.caption) {\n      return null;\n    }\n\n    const { disableAnimations } = this.getProps();\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <PopupMenu\n          aria-label={this.props['aria-label']}\n          data-tid={TooltipMenuDataTids.root}\n          menuMaxHeight={this.props.menuMaxHeight}\n          menuWidth={this.props.menuWidth}\n          caption={this.props.caption}\n          header={this.props.header}\n          footer={this.props.footer}\n          preventIconsOffset={this.props.preventIconsOffset}\n          positions={this.props.positions}\n          onOpen={this.props.onOpen}\n          onClose={this.props.onClose}\n          popupHasPin\n          disableAnimations={disableAnimations}\n        >\n          {this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/TooltipMenu/TooltipMenu/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/TooltipMenu/TooltipMenu.js",
+  "module": "TooltipMenu",
+  "types": "../TooltipMenu.d.ts",
+  "sideEffects": false
+}

package/components/TooltipMenu/TooltipMenu.d.ts

@@ -1,11 +1,11 @@
 import type { AriaAttributes } from 'react';
 import React from 'react';
-import type { PopupMenuProps } from '../../internal/PopupMenu/index.js';
-import type { MenuItemProps } from '../MenuItem/index.js';
-import type { MenuHeaderProps } from '../MenuHeader/index.js';
-import type { PopupPositionsType } from '../../internal/Popup/index.js';
-import type { CommonProps } from '../../internal/CommonWrapper/types.js';
-import type { TGetRootNode } from '../../lib/rootNode//rootNodeDecorator.js';
+import type { PopupMenuProps } from '../../internal/PopupMenu';
+import type { MenuItemProps } from '../MenuItem';
+import type { MenuHeaderProps } from '../MenuHeader';
+import type { PopupPositionsType } from '../../internal/Popup';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
 export type TooltipMenuChildType = React.ReactElement<MenuItemProps | unknown | MenuHeaderProps>;
 export interface TooltipMenuProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'preventIconsOffset'> {
     /** @ignore */

package/components/TooltipMenu/index/index.js

@@ -0,0 +1 @@
+export * from "../TooltipMenu";

package/components/TooltipMenu/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './TooltipMenu';\n"],"mappings":"AAAA,cAAc,eAAe","ignoreList":[]}

package/components/TooltipMenu/index/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/TooltipMenu/index.js",
+  "module": "index",
+  "types": "../index.d.ts",
+  "sideEffects": false
+}

package/components/TooltipMenu/index.d.ts

@@ -1 +1 @@
-export * from './TooltipMenu.js';
+export * from './TooltipMenu';

package/components/TooltipMenu/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/components/TooltipMenu/index.js",
+  "module": "index",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/components/__stories__/Form/Form.js

@@ -0,0 +1,98 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+var _excluded = ["children", "className"],
+  _excluded2 = ["children", "className"],
+  _excluded3 = ["children", "className"],
+  _excluded4 = ["children", "className"],
+  _excluded5 = ["children", "className"],
+  _excluded6 = ["children", "className"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+import React from 'react';
+import { css } from '@skbkontur/react-ui/lib/theming/Emotion';
+var line = css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: baseline;\n  margin-bottom: 10px;\n"])));
+var title = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  box-sizing: border-box;\n  margin-right: 10px;\n  width: 150px;\n  text-align: right;\n"])));
+var content = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  display: inline-flex;\n"])));
+var formLineBreak = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  height: 20px;\n"])));
+var actionsBar = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  margin-top: 10px;\n  padding-left: 160px;\n"])));
+var formWrapper = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n"])));
+var FormLine = function FormLine(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/(
+    React.createElement("div", _extends({
+      className: css(line, className)
+    }, rest), children)
+  );
+};
+var Line = function Line(_ref2) {
+  var children = _ref2.children,
+    className = _ref2.className,
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+  return /*#__PURE__*/(
+    React.createElement("div", _extends({
+      className: css(line, className)
+    }, rest), children)
+  );
+};
+var Title = function Title(_ref3) {
+  var children = _ref3.children,
+    className = _ref3.className,
+    rest = _objectWithoutPropertiesLoose(_ref3, _excluded3);
+  return /*#__PURE__*/(
+    React.createElement("span", _extends({
+      className: css(title, className)
+    }, rest), children)
+  );
+};
+var Content = function Content(_ref4) {
+  var children = _ref4.children,
+    className = _ref4.className,
+    rest = _objectWithoutPropertiesLoose(_ref4, _excluded4);
+  return /*#__PURE__*/(
+    React.createElement("span", _extends({
+      className: css(content, className)
+    }, rest), children)
+  );
+};
+var LineBreak = function LineBreak(_ref5) {
+  var children = _ref5.children,
+    className = _ref5.className,
+    rest = _objectWithoutPropertiesLoose(_ref5, _excluded5);
+  return /*#__PURE__*/(
+    React.createElement("div", _extends({
+      className: css(formLineBreak, className)
+    }, rest), children)
+  );
+};
+var ActionsBar = function ActionsBar(_ref6) {
+  var children = _ref6.children,
+    className = _ref6.className,
+    rest = _objectWithoutPropertiesLoose(_ref6, _excluded6);
+  return /*#__PURE__*/(
+    React.createElement("div", _extends({
+      className: css(actionsBar, className)
+    }, rest), children)
+  );
+};
+export var Form = /*#__PURE__*/function (_React$Component) {
+  function Form() {
+    return _React$Component.apply(this, arguments) || this;
+  }
+  _inheritsLoose(Form, _React$Component);
+  var _proto = Form.prototype;
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", {
+      className: css(formWrapper, this.props.className)
+    }, this.props.children);
+  };
+  return Form;
+}(React.Component);
+Form.Line = Line;
+Form.LineBreak = LineBreak;
+Form.ActionsBar = ActionsBar;
+Form.FormLine = FormLine;
+Form.Title = Title;
+Form.Content = Content;

package/components/__stories__/Form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","css","line","_templateObject","_taggedTemplateLiteralLoose","title","_templateObject2","content","_templateObject3","formLineBreak","_templateObject4","actionsBar","_templateObject5","formWrapper","_templateObject6","FormLine","_ref","children","className","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","Line","_ref2","_excluded2","Title","_ref3","_excluded3","Content","_ref4","_excluded4","LineBreak","_ref5","_excluded5","ActionsBar","_ref6","_excluded6","Form","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","props","Component"],"sources":["Form.tsx"],"sourcesContent":["import React from 'react';\nimport { css } from '@skbkontur/react-ui/lib/theming/Emotion';\n\nconst line = css`\n  display: flex;\n  align-items: baseline;\n  margin-bottom: 10px;\n`;\n\nconst title = css`\n  box-sizing: border-box;\n  margin-right: 10px;\n  width: 150px;\n  text-align: right;\n`;\n\nconst content = css`\n  display: inline-flex;\n`;\n\nconst formLineBreak = css`\n  height: 20px;\n`;\n\nconst actionsBar = css`\n  margin-top: 10px;\n  padding-left: 160px;\n`;\n\nconst formWrapper = css`\n  display: flex;\n  flex-direction: column;\n`;\n\ntype ComponentProps = React.PropsWithChildren<React.HTMLAttributes<HTMLElement>>;\n\nconst FormLine = ({ children, className, ...rest }: ComponentProps) => {\n  return (\n    <div className={css(line, className)} {...rest}>\n      {children}\n    </div>\n  );\n};\n\nconst Line = ({ children, className, ...rest }: ComponentProps) => {\n  return (\n    <div className={css(line, className)} {...rest}>\n      {children}\n    </div>\n  );\n};\n\nconst Title = ({ children, className, ...rest }: ComponentProps) => {\n  return (\n    <span className={css(title, className)} {...rest}>\n      {children}\n    </span>\n  );\n};\n\nconst Content = ({ children, className, ...rest }: ComponentProps) => {\n  return (\n    <span className={css(content, className)} {...rest}>\n      {children}\n    </span>\n  );\n};\n\nconst LineBreak = ({ children, className, ...rest }: ComponentProps) => {\n  return (\n    <div className={css(formLineBreak, className)} {...rest}>\n      {children}\n    </div>\n  );\n};\n\nconst ActionsBar = ({ children, className, ...rest }: ComponentProps) => {\n  return (\n    <div className={css(actionsBar, className)} {...rest}>\n      {children}\n    </div>\n  );\n};\n\nexport class Form extends React.Component<ComponentProps> {\n  public static Line = Line;\n  public static LineBreak = LineBreak;\n  public static ActionsBar = ActionsBar;\n  public static FormLine = FormLine;\n  public static Title = Title;\n  public static Content = Content;\n\n  public render() {\n    return <div className={css(formWrapper, this.props.className)}>{this.props.children}</div>;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/__stories__/Form/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/__stories__/Form.js",
+  "module": "Form",
+  "types": "../Form.d.ts",
+  "sideEffects": false
+}

package/hooks/useDrop/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/hooks/useDrop.js",
+  "module": "useDrop",
+  "types": "../useDrop.d.ts",
+  "sideEffects": false
+}

package/hooks/useDrop/useDrop.js

@@ -0,0 +1,57 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { globalObject } from '@skbkontur/global-object';
+export var useDrop = function useDrop(props) {
+  if (props === void 0) {
+    props = {};
+  }
+  var _props = props,
+    onDrop = _props.onDrop;
+  var droppableRef = useRef(null);
+  var overRef = useRef(false);
+  var timerId = useRef();
+  var _useState = useState(false),
+    isDraggable = _useState[0],
+    setIsDraggable = _useState[1];
+  var clearTimer = useCallback(function () {
+    timerId.current && globalObject.clearTimeout(timerId.current);
+  }, []);
+  var handleDragOver = useCallback(function (event) {
+    event.preventDefault();
+    setIsDraggable(true);
+    clearTimer();
+    timerId.current = globalObject.setTimeout(function () {
+      overRef.current = false;
+      setIsDraggable(false);
+    }, 200);
+  }, [clearTimer]);
+  var preventDefault = useCallback(function (event) {
+    event.preventDefault();
+    event.stopPropagation();
+  }, []);
+  var handleDrop = useCallback(function (event) {
+    preventDefault(event);
+    setIsDraggable(false);
+    overRef.current = false;
+    onDrop == null || onDrop(event);
+  }, [preventDefault, onDrop]);
+  useEffect(function () {
+    var ref = droppableRef.current;
+    if (!ref) {
+      return;
+    }
+    ref.addEventListener('dragenter', preventDefault);
+    ref.addEventListener('dragleave', preventDefault);
+    ref.addEventListener('dragover', handleDragOver);
+    ref.addEventListener('drop', handleDrop);
+    return function () {
+      ref.removeEventListener('dragenter', preventDefault);
+      ref.removeEventListener('dragleave', preventDefault);
+      ref.removeEventListener('dragover', handleDragOver);
+      ref.removeEventListener('drop', handleDrop);
+    };
+  }, [handleDrop, handleDragOver, preventDefault]);
+  return {
+    isDraggable: isDraggable,
+    ref: droppableRef
+  };
+};

package/hooks/useDrop/useDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useState","globalObject","useDrop","props","_props","onDrop","droppableRef","overRef","timerId","_useState","isDraggable","setIsDraggable","clearTimer","current","clearTimeout","handleDragOver","event","preventDefault","setTimeout","stopPropagation","handleDrop","ref","addEventListener","removeEventListener"],"sources":["useDrop.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport type { SafeTimer } from '@skbkontur/global-object';\nimport { globalObject } from '@skbkontur/global-object';\n\ninterface IUseDropProps {\n  onDrop?: (event: DragEvent) => void;\n}\n\ntype IElementWithListener = Pick<HTMLElement, 'addEventListener' | 'removeEventListener'>;\n\ninterface IUseDropResult<TElement extends IElementWithListener> {\n  isDraggable: boolean;\n  ref: MutableRefObject<TElement | null>;\n}\n\nexport const useDrop = <TElement extends IElementWithListener>(props: IUseDropProps = {}): IUseDropResult<TElement> => {\n  const { onDrop } = props;\n\n  const droppableRef = useRef<TElement>(null);\n  const overRef = useRef<boolean>(false);\n  const timerId = useRef<SafeTimer>();\n  const [isDraggable, setIsDraggable] = useState<boolean>(false);\n\n  const clearTimer = useCallback(() => {\n    timerId.current && globalObject.clearTimeout(timerId.current);\n  }, []);\n\n  const handleDragOver = useCallback(\n    (event: DragEvent) => {\n      event.preventDefault();\n      setIsDraggable(true);\n\n      clearTimer();\n      timerId.current = globalObject.setTimeout(() => {\n        overRef.current = false;\n        setIsDraggable(false);\n      }, 200);\n    },\n    [clearTimer],\n  );\n\n  const preventDefault = useCallback((event: DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  }, []);\n\n  const handleDrop = useCallback(\n    (event: DragEvent) => {\n      preventDefault(event);\n      setIsDraggable(false);\n      overRef.current = false;\n\n      onDrop?.(event);\n    },\n    [preventDefault, onDrop],\n  );\n\n  useEffect(() => {\n    const ref = droppableRef.current;\n\n    if (!ref) {\n      return;\n    }\n\n    ref.addEventListener('dragenter', preventDefault);\n    ref.addEventListener('dragleave', preventDefault);\n    ref.addEventListener('dragover', handleDragOver);\n    ref.addEventListener('drop', handleDrop);\n\n    return () => {\n      ref.removeEventListener('dragenter', preventDefault);\n      ref.removeEventListener('dragleave', preventDefault);\n      ref.removeEventListener('dragover', handleDragOver);\n      ref.removeEventListener('drop', handleDrop);\n    };\n  }, [handleDrop, handleDragOver, preventDefault]);\n\n  return { isDraggable, ref: droppableRef };\n};\n"],"mappings":";AACA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;;AAEhE,SAASC,YAAY,QAAQ,0BAA0B;;;;;;;;;;;;;AAavD,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAA2CC,KAAoB,EAAoC,KAAxDA,KAAoB,cAApBA,KAAoB,GAAG,CAAC,CAAC;EACtF,IAAAC,MAAA,GAAmBD,KAAK,CAAhBE,MAAM,GAAAD,MAAA,CAANC,MAAM;;EAEd,IAAMC,YAAY,GAAGP,MAAM,CAAW,IAAI,CAAC;EAC3C,IAAMQ,OAAO,GAAGR,MAAM,CAAU,KAAK,CAAC;EACtC,IAAMS,OAAO,GAAGT,MAAM,CAAY,CAAC;EACnC,IAAAU,SAAA,GAAsCT,QAAQ,CAAU,KAAK,CAAC,CAAvDU,WAAW,GAAAD,SAAA,IAAEE,cAAc,GAAAF,SAAA;;EAElC,IAAMG,UAAU,GAAGf,WAAW,CAAC,YAAM;IACnCW,OAAO,CAACK,OAAO,IAAIZ,YAAY,CAACa,YAAY,CAACN,OAAO,CAACK,OAAO,CAAC;EAC/D,CAAC,EAAE,EAAE,CAAC;;EAEN,IAAME,cAAc,GAAGlB,WAAW;IAChC,UAACmB,KAAgB,EAAK;MACpBA,KAAK,CAACC,cAAc,CAAC,CAAC;MACtBN,cAAc,CAAC,IAAI,CAAC;;MAEpBC,UAAU,CAAC,CAAC;MACZJ,OAAO,CAACK,OAAO,GAAGZ,YAAY,CAACiB,UAAU,CAAC,YAAM;QAC9CX,OAAO,CAACM,OAAO,GAAG,KAAK;QACvBF,cAAc,CAAC,KAAK,CAAC;MACvB,CAAC,EAAE,GAAG,CAAC;IACT,CAAC;IACD,CAACC,UAAU;EACb,CAAC;;EAED,IAAMK,cAAc,GAAGpB,WAAW,CAAC,UAACmB,KAAgB,EAAK;IACvDA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBD,KAAK,CAACG,eAAe,CAAC,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;;EAEN,IAAMC,UAAU,GAAGvB,WAAW;IAC5B,UAACmB,KAAgB,EAAK;MACpBC,cAAc,CAACD,KAAK,CAAC;MACrBL,cAAc,CAAC,KAAK,CAAC;MACrBJ,OAAO,CAACM,OAAO,GAAG,KAAK;;MAEvBR,MAAM,YAANA,MAAM,CAAGW,KAAK,CAAC;IACjB,CAAC;IACD,CAACC,cAAc,EAAEZ,MAAM;EACzB,CAAC;;EAEDP,SAAS,CAAC,YAAM;IACd,IAAMuB,GAAG,GAAGf,YAAY,CAACO,OAAO;;IAEhC,IAAI,CAACQ,GAAG,EAAE;MACR;IACF;;IAEAA,GAAG,CAACC,gBAAgB,CAAC,WAAW,EAAEL,cAAc,CAAC;IACjDI,GAAG,CAACC,gBAAgB,CAAC,WAAW,EAAEL,cAAc,CAAC;IACjDI,GAAG,CAACC,gBAAgB,CAAC,UAAU,EAAEP,cAAc,CAAC;IAChDM,GAAG,CAACC,gBAAgB,CAAC,MAAM,EAAEF,UAAU,CAAC;;IAExC,OAAO,YAAM;MACXC,GAAG,CAACE,mBAAmB,CAAC,WAAW,EAAEN,cAAc,CAAC;MACpDI,GAAG,CAACE,mBAAmB,CAAC,WAAW,EAAEN,cAAc,CAAC;MACpDI,GAAG,CAACE,mBAAmB,CAAC,UAAU,EAAER,cAAc,CAAC;MACnDM,GAAG,CAACE,mBAAmB,CAAC,MAAM,EAAEH,UAAU,CAAC;IAC7C,CAAC;EACH,CAAC,EAAE,CAACA,UAAU,EAAEL,cAAc,EAAEE,cAAc,CAAC,CAAC;;EAEhD,OAAO,EAAEP,WAAW,EAAXA,WAAW,EAAEW,GAAG,EAAEf,YAAY,CAAC,CAAC;AAC3C,CAAC","ignoreList":[]}

package/hooks/useEffectWithoutInitCall/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/hooks/useEffectWithoutInitCall.js",
+  "module": "useEffectWithoutInitCall",
+  "types": "../useEffectWithoutInitCall.d.ts",
+  "sideEffects": false
+}

package/hooks/useEffectWithoutInitCall/useEffectWithoutInitCall.js

@@ -0,0 +1,15 @@
+import { useEffect, useRef } from 'react';
+export var useEffectWithoutInitCall = function useEffectWithoutInitCall(effect, deps) {
+  var isMountedRef = useRef(false);
+  useEffect(function () {
+    if (isMountedRef.current) {
+      effect();
+    }
+  }, deps);
+  useEffect(function () {
+    isMountedRef.current = true;
+    return function () {
+      isMountedRef.current = false;
+    };
+  }, []);
+};

package/hooks/useEffectWithoutInitCall/useEffectWithoutInitCall.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useEffectWithoutInitCall","effect","deps","isMountedRef","current"],"sources":["useEffectWithoutInitCall.ts"],"sourcesContent":["import type { DependencyList } from 'react';\nimport { useEffect, useRef } from 'react';\n\nexport const useEffectWithoutInitCall = (effect: () => void, deps: DependencyList) => {\n  const isMountedRef = useRef(false);\n\n  useEffect(() => {\n    if (isMountedRef.current) {\n      effect();\n    }\n  }, deps);\n\n  useEffect(() => {\n    isMountedRef.current = true;\n    return () => {\n      isMountedRef.current = false;\n    };\n  }, []);\n};\n"],"mappings":";AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;;AAEzC,OAAO,IAAMC,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIC,MAAkB,EAAEC,IAAoB,EAAK;EACpF,IAAMC,YAAY,GAAGJ,MAAM,CAAC,KAAK,CAAC;;EAElCD,SAAS,CAAC,YAAM;IACd,IAAIK,YAAY,CAACC,OAAO,EAAE;MACxBH,MAAM,CAAC,CAAC;IACV;EACF,CAAC,EAAEC,IAAI,CAAC;;EAERJ,SAAS,CAAC,YAAM;IACdK,YAAY,CAACC,OAAO,GAAG,IAAI;IAC3B,OAAO,YAAM;MACXD,YAAY,CAACC,OAAO,GAAG,KAAK;IAC9B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;AACR,CAAC","ignoreList":[]}

package/hooks/useMemoObject/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/hooks/useMemoObject.js",
+  "module": "useMemoObject",
+  "types": "../useMemoObject.d.ts",
+  "sideEffects": false
+}

package/hooks/useMemoObject/useMemoObject.js

@@ -0,0 +1,6 @@
+import { useMemo } from 'react';
+export var useMemoObject = function useMemoObject(objectValue) {
+  return useMemo(function () {
+    return objectValue;
+  }, Object.values(objectValue));
+};

package/hooks/useMemoObject/useMemoObject.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useMemoObject","objectValue","Object","values"],"sources":["useMemoObject.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { AnyObject } from '../lib/utils';\n\nexport const useMemoObject = <TObject extends AnyObject>(objectValue: TObject) => {\n  return useMemo<TObject>(() => objectValue, Object.values(objectValue));\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;;;;AAI/B,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAA+BC,WAAoB,EAAK;EAChF,OAAOF,OAAO,CAAU,oBAAME,WAAW,IAAEC,MAAM,CAACC,MAAM,CAACF,WAAW,CAAC,CAAC;AACxE,CAAC","ignoreList":[]}

package/hooks/useMemoObject.d.ts

@@ -1,2 +1,2 @@
-import type { AnyObject } from '../lib/utils.js';
+import type { AnyObject } from '../lib/utils';
 export declare const useMemoObject: <TObject extends AnyObject>(objectValue: TObject) => TObject;

package/index.d.ts

@@ -1,62 +1,62 @@
-export * from './components/Autocomplete/index.js';
-export * from './components/Button/index.js';
-export * from './components/Calendar/index.js';
-export * from './components/Center/index.js';
-export * from './components/Checkbox/index.js';
-export * from './components/ComboBox/index.js';
-export * from './components/CurrencyInput/index.js';
-export * from './components/CurrencyLabel/index.js';
-export * from './components/DateInput/index.js';
-export * from './components/DatePicker/index.js';
-export * from './components/DateRangePicker/index.js';
-export * from './components/Dropdown/index.js';
-export * from './components/DropdownMenu/index.js';
-export * from './components/FileUploader/index.js';
-export * from './components/FxInput/index.js';
-export * from './components/Gapped/index.js';
-export * from './components/GlobalLoader/index.js';
-export * from './components/Group/index.js';
-export * from './components/Hint/index.js';
-export * from './components/Input/index.js';
-export * from './components/Kebab/index.js';
-export * from './components/Link/index.js';
-export * from './components/Loader/index.js';
-export * from './components/MenuFooter/index.js';
-export * from './components/MenuHeader/index.js';
-export * from './components/MenuItem/index.js';
-export * from './components/MenuSeparator/index.js';
-export * from './components/MiniModal/index.js';
-export * from './components/Modal/index.js';
-export * from './components/Paging/index.js';
-export * from './components/PasswordInput/index.js';
-export * from './components/Radio/index.js';
-export * from './components/RadioGroup/index.js';
-export * from './components/ScrollContainer/index.js';
-export * from './components/Select/index.js';
-export * from './components/SidePage/index.js';
-export * from './components/Spinner/index.js';
-export * from './components/Sticky/index.js';
-export * from './components/Switcher/index.js';
-export * from './components/Tabs/index.js';
-export * from './components/Textarea/index.js';
-export * from './components/Toast/index.js';
-export * from './components/SingleToast/index.js';
-export * from './components/Toggle/index.js';
-export * from './components/Token/index.js';
-export * from './components/TokenInput/index.js';
-export * from './components/Tooltip/index.js';
-export * from './components/TooltipMenu/index.js';
-export * from './components/ResponsiveLayout/index.js';
-export * from './components/MaskedInput/index.js';
-export * from './lib/featureFlagsContext/index.js';
-export * from './lib/locale/index.js';
-export * from './lib/size/index.js';
-export * from './lib/theming/ThemeContext.js';
-export * from './lib/theming/ThemeFactory.js';
-export * from './lib/theming/themes/LightTheme.js';
-export * from './lib/theming/themes/DarkTheme.js';
-export * from './lib/types/props.js';
-export * from './internal/Popup/types.js';
-export type { PopupMenuCaptionProps } from './internal/PopupMenu/index.js';
-export * as ColorFunctions from './lib/styles/ColorFunctions.js';
-export * as DimensionFunctions from './lib/styles/DimensionFunctions.js';
+export * from './components/Autocomplete';
+export * from './components/Button';
+export * from './components/Calendar';
+export * from './components/Center';
+export * from './components/Checkbox';
+export * from './components/ComboBox';
+export * from './components/CurrencyInput';
+export * from './components/CurrencyLabel';
+export * from './components/DateInput';
+export * from './components/DatePicker';
+export * from './components/DateRangePicker';
+export * from './components/Dropdown';
+export * from './components/DropdownMenu';
+export * from './components/FileUploader';
+export * from './components/FxInput';
+export * from './components/Gapped';
+export * from './components/GlobalLoader';
+export * from './components/Group';
+export * from './components/Hint';
+export * from './components/Input';
+export * from './components/Kebab';
+export * from './components/Link';
+export * from './components/Loader';
+export * from './components/MenuFooter';
+export * from './components/MenuHeader';
+export * from './components/MenuItem';
+export * from './components/MenuSeparator';
+export * from './components/MiniModal';
+export * from './components/Modal';
+export * from './components/Paging';
+export * from './components/PasswordInput';
+export * from './components/Radio';
+export * from './components/RadioGroup';
+export * from './components/ScrollContainer';
+export * from './components/Select';
+export * from './components/SidePage';
+export * from './components/Spinner';
+export * from './components/Sticky';
+export * from './components/Switcher';
+export * from './components/Tabs';
+export * from './components/Textarea';
+export * from './components/Toast';
+export * from './components/SingleToast';
+export * from './components/Toggle';
+export * from './components/Token';
+export * from './components/TokenInput';
+export * from './components/Tooltip';
+export * from './components/TooltipMenu';
+export * from './components/ResponsiveLayout';
+export * from './components/MaskedInput';
+export * from './lib/featureFlagsContext';
+export * from './lib/locale';
+export * from './lib/size';
+export * from './lib/theming/ThemeContext';
+export * from './lib/theming/ThemeFactory';
+export * from './lib/theming/themes/LightTheme';
+export * from './lib/theming/themes/DarkTheme';
+export * from './lib/types/props';
+export * from './internal/Popup/types';
+export type { PopupMenuCaptionProps } from './internal/PopupMenu';
+export * as ColorFunctions from './lib/styles/ColorFunctions';
+export * as DimensionFunctions from './lib/styles/DimensionFunctions';