@salutejs/plasma-new-hope 0.230.0-canary.1670.12462995068.0 → 0.231.0-canary.1647.12467637991.0

package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js

@@ -6,7 +6,7 @@ import React, { useEffect, useRef, useContext } from 'react';
 import { classes } from '../../Dropdown.tokens';
 import { cx } from '../../../../utils';
 import { IconDisclosureRight } from '../../../_Icon';
-import { Context } from '../../Dropdown';
+import { Context } from '../../Dropdown.context';
 import { getItemId } from '../../utils';
 import { Wrapper, DisclosureIconWrapper, Divider, CellWrapper, StyledCell, RenderItemWrapper } from './DropdownItem.styles';
 export var DropdownItem = function DropdownItem(_ref) {

package/styled-components/es/components/Popover/Popover.js

@@ -1,4 +1,3 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["target", "children", "isOpen", "opened", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle", "closeOnOverlayClick"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -6,6 +5,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -14,7 +14,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { useRef, useCallback, useEffect, useState, forwardRef } from 'react';
+import React, { useRef, useCallback, useEffect, useState, forwardRef, isValidElement } from 'react';
 import { usePopper } from 'react-popper';
 import { useForkRef } from '@salutejs/plasma-core';
 import { useFocusTrap } from '../../hooks';
@@ -74,6 +74,7 @@ export var popoverRoot = function popoverRoot(Root) {
     var _useState3 = useState(false),
       _useState4 = _slicedToArray(_useState3, 2),
       forceRender = _useState4[1];
+    var portalContainer = _typeof(target) === 'object' && target !== null && 'current' in target && target.current || undefined;
     var isAutoArray = Array.isArray(placement);
     var isAuto = isAutoArray || placement.startsWith('auto');
     var initialStyles = {
@@ -173,7 +174,7 @@ export var popoverRoot = function popoverRoot(Root) {
       if (typeof frame !== 'string' && frame && frame.current) {
         portal = frame.current;
       }
-      if (!usePortal) {
+      if (!usePortal && /*#__PURE__*/isValidElement(target)) {
         portal = rootRef.current;
       }
       if (!portal) {
@@ -207,8 +208,11 @@ export var popoverRoot = function popoverRoot(Root) {
        */
       Promise.resolve().then(forceUpdate);
     }, [innerIsOpen, children, forceUpdate]);
-    return /*#__PURE__*/React.createElement(StyledWrapper, {
-      className: classes.wrapper,
+    return /*#__PURE__*/React.createElement(Portal, {
+      container: portalContainer,
+      disabled: /*#__PURE__*/isValidElement(target)
+    }, /*#__PURE__*/React.createElement(StyledWrapper, {
+      className: cx(classes.wrapper, ! /*#__PURE__*/isValidElement(target) && classes.targetAsRef),
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave
     }, /*#__PURE__*/React.createElement(StyledRoot, {
@@ -217,7 +221,7 @@ export var popoverRoot = function popoverRoot(Root) {
       onFocus: onFocus,
       onBlur: onBlur,
       className: cx(className, classes.target)
-    }, target), children && portalRef.current && /*#__PURE__*/React.createElement(Portal, {
+    }, /*#__PURE__*/isValidElement(target) && target), children && portalRef.current && /*#__PURE__*/React.createElement(Portal, {
       container: portalRef.current
     }, /*#__PURE__*/React.createElement(Root, _extends({
       view: view,
@@ -233,7 +237,7 @@ export var popoverRoot = function popoverRoot(Root) {
       className: classes.arrow,
       ref: setArrowElement,
       style: styles.arrow
-    }, attributes.arrow)), children))));
+    }, attributes.arrow)), children)))));
   });
 };
 export var popoverConfig = {

package/styled-components/es/components/Popover/Popover.styles.js

@@ -1,12 +1,12 @@
 import styled from 'styled-components';
 import { DEFAULT_Z_INDEX } from '../Popup/utils';
 import { classes, tokens } from './Popover.tokens';
-export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-tnpyex-0"
-})(["display:inline-block;"]);
 export var StyledRoot = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-tnpyex-1"
+  componentId: "plasma-new-hope__sc-tnpyex-0"
 })(["display:inline-flex;box-sizing:border-box;position:relative;"]);
+export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-tnpyex-1"
+})(["display:inline-block;&.", "{position:absolute;top:0;left:0;width:100%;height:100%;", "{width:100%;height:100%;display:block;}}"], classes.targetAsRef, StyledRoot);
 export var StyledArrow = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-tnpyex-2"
 })(["width:var(", ");height:var(", ");&::before{position:absolute;width:var(", ");height:var(", ");mask-image:var(", ");background:var(", ");content:'';transform:rotate(0deg);}"], /*#__PURE__*/String(tokens.arrowMaskWidth), /*#__PURE__*/String(tokens.arrowMaskHeight), /*#__PURE__*/String(tokens.arrowMaskWidth), /*#__PURE__*/String(tokens.arrowMaskHeight), /*#__PURE__*/String(tokens.arrowMaskImage), /*#__PURE__*/String(tokens.arrowBackground));

package/styled-components/es/components/Popover/Popover.template-doc.mdx

@@ -4,51 +4,136 @@ title: Popover
 ---
 
 import { PropsTable, Description } from '@site/src/components';
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
 
 # Popover
 <Description name="Popover" />
 <PropsTable name="Popover" />
 
-```tsx live
-import React from 'react';
-import styled from "styled-components";
-import { surfaceSolidTertiary } from "@salutejs/{{ vertical }}/tokens";
-import { Popover, Button } from '@salutejs/{{ package }}';
-
-export function App() {
-    const [isOpen, setIsOpen] = React.useState(false);
-
-    const StyledContent = styled.div`
-        background: ${surfaceSolidTertiary};
-        padding: 1rem;
-
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-    `;
-
-    return (
-        <section style=\{{width: '20rem', height: '15rem'}}>
-            <Popover
-                opened={isOpen}
-                onToggle={(is) => setIsOpen(is)}
-                role="presentation"
-                id="popover"
-                target={<Button>Target</Button>}
-                offset={[0, 6]}
-                hasArrow
-                placement='bottom'
-                trigger='click'
-                closeOnOverlayClick
-                closeOnEsc
-                isFocusTrapped
-            >
-                <StyledContent>
-                    <>Content</>
-                    <Button onClick={() => setIsOpen(false)}>close</Button>
-                </StyledContent>
-            </Popover>
-        </section>
-    );
-}
-```
+:::info
+`target` может быть как ReactNode, так и RefObject:
+:::
+
+<Tabs>
+    <TabItem value="reactNode" label="React Node" default>
+        ```tsx live
+        import React from 'react';
+        import styled from "styled-components";
+        import { surfaceSolidTertiary } from "@salutejs/{{ vertical }}/tokens";
+        import { Popover, Button } from '@salutejs/{{ package }}';
+
+        export function App() {
+            const [isOpen, setIsOpen] = React.useState(false);
+
+            const StyledContent = styled.div`
+                background: ${surfaceSolidTertiary};
+                padding: 1rem;
+
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+            `;
+
+            return (
+                <section style=\{{width: '20rem', height: '15rem'}}>
+                    <Popover
+                        opened={isOpen}
+                        onToggle={(is) => setIsOpen(is)}
+                        role="presentation"
+                        id="popover"
+                        target={<Button>Target</Button>}
+                        offset={[0, 6]}
+                        placement='bottom'
+                        trigger='click'
+                        hasArrow
+                        closeOnOverlayClick
+                        closeOnEsc
+                        isFocusTrapped
+                    >
+                        <StyledContent>
+                            <>Content</>
+                            <Button onClick={() => setIsOpen(false)}>close</Button>
+                        </StyledContent>
+                    </Popover>
+                </section>
+            );
+        }
+        ```
+    </TabItem>
+    <TabItem value="refObject" label="RefObject">
+        ```tsx live
+        import React, { useRef, useState } from 'react';
+        import styled from "styled-components";
+        import { surfaceSolidTertiary } from "@salutejs/{{ vertical }}/tokens";
+        import { Popover, Button } from '@salutejs/{{ package }}';
+
+        export function App() {
+            const [isOpen, setIsOpen] = useState(false);
+
+            const targetRef = useRef<HTMLButtonElement | null>(null);
+            const targetRef2 = useRef<HTMLButtonElement | null>(null);
+            const targetRef3 = useRef<HTMLButtonElement | null>(null);
+
+            const refs = [targetRef, targetRef2, targetRef3];
+
+            const [currRefIndex, setCurrentRefIndex] = useState(0);
+            const [currentRef, setCurrentRef] = useState(targetRef);
+
+            const changeRef = () => {
+                let ind = currRefIndex + 1;
+
+                if (ind > refs.length - 1) {
+                    setCurrentRefIndex(0);
+                    ind = 0;
+                }
+
+                setCurrentRefIndex(ind);
+                setCurrentRef(refs[ind]);
+            };
+            
+            const StyledContent = styled.div`
+                background: ${surfaceSolidTertiary};
+                padding: 1rem;
+
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+            `;
+
+            return (
+                <>
+                    <Button ref={targetRef}>Target 0</Button>
+                    <Button style=\{{ margin: '0 5rem' }} onClick={changeRef}>
+                        Change targetAsRef to Target {currRefIndex + 1 > refs.length - 1 ? 0 : currRefIndex + 1}
+                    </Button>
+                    <Button ref={targetRef2}>Target 1</Button>
+                    <Popover
+                        opened={isOpen}
+                        onToggle={(is) => setIsOpen(is)}
+                        role="presentation"
+                        id="popover"
+                        target={currentRef}
+                        offset={[0, 6]}
+                        placement='bottom'
+                        trigger='click'
+                        hasArrow
+                        closeOnOverlayClick
+                        closeOnEsc
+                        isFocusTrapped
+                    >
+                        <StyledContent>
+                            <>Content</>
+                            <Button onClick={() => setIsOpen(false)}>Close</Button>
+                        </StyledContent>
+                    </Popover>
+
+                    <div style=\{{ padding: '5rem' }}>Current Target: {currRefIndex}</div>
+                    <Button ref={targetRef3}>Target 2</Button>
+                </>
+            );
+        }
+        ```
+    </TabItem>
+</Tabs>
+

package/styled-components/es/components/Popover/Popover.tokens.js

@@ -2,7 +2,8 @@ export var classes = {
   wrapper: 'popover-wrapper',
   root: 'popover-root',
   target: 'popover-target',
-  arrow: 'popover-arrow'
+  arrow: 'popover-arrow',
+  targetAsRef: 'popover-target-as-ref'
 };
 export var tokens = {
   arrowMaskWidth: '--plasma-popover-arrow-mask-width',

package/styled-components/es/components/Portal/Portal.js

@@ -14,5 +14,5 @@ export var Portal = function Portal(_ref) {
     return null;
   }
   var portalContainer = typeof container === 'function' ? container() : container;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, disabled && children, !disabled && /*#__PURE__*/ReactDOM.createPortal(children, portalContainer));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, (disabled || !portalContainer) && children, !disabled && portalContainer && /*#__PURE__*/ReactDOM.createPortal(children, portalContainer));
 };

package/styled-components/es/components/Select/Select.context.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export var Context = /*#__PURE__*/createContext({});

package/styled-components/es/components/Select/Select.js

@@ -9,7 +9,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect, useRef } from 'react';
+import React, { forwardRef, useState, useReducer, useMemo, useLayoutEffect, useRef } from 'react';
 import { safeUseId } from '@salutejs/plasma-core';
 import { isEmpty } from '../../utils';
 import { useOutsideClick } from '../../hooks';
@@ -21,7 +21,7 @@ import { usePathMaps } from './hooks/usePathMaps';
 import { Ul, base } from './Select.styles';
 import { FloatingPopover } from './FloatingPopover';
 import { SelectNative } from './ui/SelectNative/SelectNative';
-export var Context = /*#__PURE__*/createContext({});
+import { Context } from './Select.context';
 
 /**
  * Выпадающий список. Поддерживает выбор одного или нескольких значений.

package/styled-components/es/components/Select/ui/Inner/Inner.js

@@ -3,7 +3,7 @@ import { safeUseId } from '@salutejs/plasma-core';
 import { isEmpty } from '../../../../utils';
 import { Ul } from '../../Select.styles';
 import { FloatingPopover } from '../../FloatingPopover';
-import { Item } from './ui';
+import { Item } from './ui/Item/Item';
 export var Inner = function Inner(_ref) {
   var item = _ref.item,
     currentLevel = _ref.currentLevel,

package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js

@@ -8,7 +8,7 @@ import { sizeToIconSize, getItemId } from '../../../../utils';
 import { classes } from '../../../../Select.tokens';
 import { cx, isEmpty } from '../../../../../../utils';
 import { IconDisclosureRightCentered, IconDone } from '../../../../../_Icon';
-import { Context } from '../../../../Select';
+import { Context } from '../../../../Select.context';
 import { useDidMountEffect } from '../../../../../../hooks';
 import { StyledWrapper, StyledCell, StyledCheckbox, StyledIndicator, DisclosureIconWrapper, IconWrapper, StyledText, Wrapper, StyledCheckboxWrapper } from './Item.styles';
 export var Item = function Item(_ref) {

package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js

@@ -6,7 +6,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState, useCallback } from 'react';
-import { DoubleSlider } from '../index';
+import { DoubleSlider } from '../Double/Double';
 export var DoubleUncontrolled = function DoubleUncontrolled(props) {
   var defaultValue = props.defaultValue,
     min = props.min,

package/styled-components/es/components/TextArea/TextArea.js

@@ -302,7 +302,6 @@ export var textAreaRoot = function textAreaRoot(Root) {
       applyCustomWidth: applyCustomWidth,
       ref: mergeRefs(outerRef, innerRef),
       disabled: disabled,
-      required: required,
       height: applyAutoResize ? minAuto : height,
       width: width,
       placeholder: placeholderLabel,

package/styled-components/es/components/TextField/TextField.js

@@ -389,7 +389,6 @@ export var textFieldRoot = function textFieldRoot(Root) {
       ref: inputForkRef,
       id: innerId,
       value: outerValue,
-      required: required,
       "aria-labelledby": labelId,
       "aria-describedby": helperTextId,
       placeholder: innerPlaceholderValue,

package/styled-components/es/engines/common.js

@@ -5,48 +5,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 import React from 'react';
 import { _component } from './styled-components';
-//
-// Тип HTMLAttributesOmitOnChange требуется чтобы использовать компонент с кастомным пропсом onChange
-//
-
-export var getStaticVariants = function getStaticVariants(config) {
-  if (!config.variations) {
-    return [];
-  }
-  var res = [];
-  var variations = config.variations;
-
-  // eslint-disable-next-line guard-for-in
-  for (var key in variations) {
-    var css = variations[key].css;
-    css && res.push(css);
-  }
-  return res;
-};
-export var getDynamicVariants = function getDynamicVariants(config) {
-  return function (props) {
-    var res = [];
-
-    // eslint-disable-next-line guard-for-in
-    for (var key in config.variations) {
-      if (key in props) {
-        var variant = config.variations[key];
-        var css = variant[props[key]];
-        // no css for { modifier: true }
-        css && Array.isArray(css) ? res.push.apply(res, _toConsumableArray(css)) : res.push(css);
-      }
-    }
-    return res;
-  };
-};
 export var mergeConfig = function mergeConfig(baseConfig, userConfig) {
   var res = _objectSpread(_objectSpread({}, baseConfig), userConfig);
   if (res.variations) {

package/styled-components/es/engines/styled-components.js

@@ -1,7 +1,7 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import { getStaticVariants, getDynamicVariants } from './common';
+import { getStaticVariants, getDynamicVariants } from './utils';
 export { styled, css };
 var Root = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-1xug4g9-0"

package/styled-components/es/engines/utils.js

@@ -0,0 +1,36 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+export var getStaticVariants = function getStaticVariants(config) {
+  if (!config.variations) {
+    return [];
+  }
+  var res = [];
+  var variations = config.variations;
+
+  // eslint-disable-next-line guard-for-in
+  for (var key in variations) {
+    var css = variations[key].css;
+    css && res.push(css);
+  }
+  return res;
+};
+export var getDynamicVariants = function getDynamicVariants(config) {
+  return function (props) {
+    var res = [];
+
+    // eslint-disable-next-line guard-for-in
+    for (var key in config.variations) {
+      if (key in props) {
+        var variant = config.variations[key];
+        var css = variant[props[key]];
+        // no css for { modifier: true }
+        css && Array.isArray(css) ? res.push.apply(res, _toConsumableArray(css)) : res.push(css);
+      }
+    }
+    return res;
+  };
+};

package/types/components/Breadcrumbs/Breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAM5D,eAAO,MAAM,eAAe,SAAU,UAAU,cAAc,EAAE,gBAAgB,CAAC;;;;;;wCAe5E,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBAjBQ,UAAU,cAAc,EAAE,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;CAkChF,CAAC"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAO5D,eAAO,MAAM,eAAe,SAAU,UAAU,cAAc,EAAE,gBAAgB,CAAC;;;;;;wCAe5E,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBAjBQ,UAAU,cAAc,EAAE,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;CAkChF,CAAC"}

package/types/components/Breadcrumbs/utils/getShortItems.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+import { BreadcrumbsItem } from '../Breadcrumbs.types';
+export declare const shortItems: (items: ReactNode[], renderSeparator: ReactNode, showItems?: number | undefined) => React.ReactNode[];
+export declare const getRenderItems: (items: BreadcrumbsItem[], renderSeparator: ReactNode, showItems?: number | undefined) => React.ReactNode[];
+//# sourceMappingURL=getShortItems.d.ts.map

package/types/components/Breadcrumbs/utils/getShortItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getShortItems.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/utils/getShortItems.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,eAAO,MAAM,UAAU,UAAW,SAAS,EAAE,mBAAmB,SAAS,sDAYxE,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,eAAe,EAAE,mBAAmB,SAAS,sDA0BlF,CAAC"}

package/types/components/Breadcrumbs/utils/index.d.ts

@@ -1,7 +1,4 @@
-import React, { ReactNode } from 'react';
-import { BreadcrumbsItem } from '../Breadcrumbs.types';
-export declare const shortItems: (items: ReactNode[], renderSeparator: ReactNode, showItems?: number | undefined) => React.ReactNode[];
+import { ReactNode } from 'react';
 export declare const convertIconSize: (size?: string | undefined) => "s" | "xs";
-export declare const getRenderItems: (items: BreadcrumbsItem[], renderSeparator: ReactNode, showItems?: number | undefined) => React.ReactNode[];
-export declare const addSeparator: (items: ReactNode[], renderSeparator: ReactNode) => React.ReactNode[];
+export declare const addSeparator: (items: ReactNode[], renderSeparator: ReactNode) => ReactNode[];
 //# sourceMappingURL=index.d.ts.map

package/types/components/Breadcrumbs/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/utils/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,eAAO,MAAM,UAAU,UAAW,SAAS,EAAE,mBAAmB,SAAS,sDAYxE,CAAC;AAEF,eAAO,MAAM,eAAe,2CAQ3B,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,eAAe,EAAE,mBAAmB,SAAS,sDA0BlF,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,SAAS,EAAE,mBAAmB,SAAS,sBAE1E,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,eAAO,MAAM,eAAe,2CAQ3B,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,SAAS,EAAE,mBAAmB,SAAS,gBAE1E,CAAC"}

package/types/components/Calendar/utils/getDateWithModification.d.ts

@@ -1,5 +1,5 @@
 import type { DateItem, DisabledDay, EventDay } from '../Calendar.types';
-import type { CalendarStateType } from '..';
+import { CalendarStateType } from '../store/types';
 declare type GetDatesWithModificationsArgs = {
     dates: DateItem[];
     type: CalendarStateType;

package/types/components/Calendar/utils/getDateWithModification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getDateWithModification.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/utils/getDateWithModification.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAc,WAAW,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACrF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,IAAI,CAAC;AAK5C,aAAK,6BAA6B,GAAG;IACjC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,IAAI,EAAE,iBAAiB,CAAC;IACxB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,GAAG,CAAC,EAAE,IAAI,CAAC;CACd,CAAC;AAuJF;;GAEG;AACH,eAAO,MAAM,yBAAyB,0EAQnC,6BAA6B,eA6C/B,CAAC"}
+{"version":3,"file":"getDateWithModification.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/utils/getDateWithModification.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAc,WAAW,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACrF,OAAO,EAAiB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIlE,aAAK,6BAA6B,GAAG;IACjC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,IAAI,EAAE,iBAAiB,CAAC;IACxB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,GAAG,CAAC,EAAE,IAAI,CAAC;CACd,CAAC;AAuJF;;GAEG;AACH,eAAO,MAAM,yBAAyB,0EAQnC,6BAA6B,eA6C/B,CAAC"}

package/types/components/Combobox/ComboboxNew/Combobox.context.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { ItemContext } from './Combobox.types';
+export declare const Context: import("react").Context<ItemContext>;
+//# sourceMappingURL=Combobox.context.d.ts.map

package/types/components/Combobox/ComboboxNew/Combobox.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.context.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.context.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,eAAO,MAAM,OAAO,sCAAgD,CAAC"}

package/types/components/Combobox/ComboboxNew/Combobox.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { RootProps } from '../../../engines';
-import type { ItemContext, ComboboxProps } from './Combobox.types';
-export declare const Context: React.Context<ItemContext>;
+import type { ComboboxProps } from './Combobox.types';
 /**
  * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.
  */

package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4F,MAAM,OAAO,CAAC;AAIjH,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAqB7C,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMnE,eAAO,MAAM,OAAO,4BAAgD,CAAC;AAErE;;GAEG;AAEH,eAAO,MAAM,YAAY,SAAU,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC,+IAsdtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBAxdQ,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CA6e3F,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAqB7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AAEH,eAAO,MAAM,YAAY,SAAU,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC,+IAsdtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBAxdQ,UAAU,gBAAgB,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CA6e3F,CAAC"}

package/types/components/Dropdown/Dropdown.context.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { ItemContext } from './Dropdown.types';
+export declare const Context: import("react").Context<ItemContext>;
+//# sourceMappingURL=Dropdown.context.d.ts.map

package/types/components/Dropdown/Dropdown.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.context.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.context.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,eAAO,MAAM,OAAO,sCAAgD,CAAC"}

package/types/components/Dropdown/Dropdown.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { RootProps } from '../../engines';
-import type { DropdownProps, ItemContext } from './Dropdown.types';
-export declare const Context: React.Context<ItemContext>;
+import type { DropdownProps } from './Dropdown.types';
 /**
  * Выпадающий список.
  */

package/types/components/Dropdown/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAG7E,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAW1C,OAAO,KAAK,EAAE,aAAa,EAA0B,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAM3F,eAAO,MAAM,OAAO,4BAAgD,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,cAAc,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;+EAmKrF,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBArKQ,UAAU,cAAc,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsLzF,CAAC"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAW1C,OAAO,KAAK,EAAE,aAAa,EAA0B,MAAM,kBAAkB,CAAC;AAO9E;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,cAAc,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;+EAmKrF,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBArKQ,UAAU,cAAc,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsLzF,CAAC"}

package/types/components/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAKpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAMrD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAItE,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC,+JA2PpE,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBA7PQ,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;CA0QxE,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+E,MAAM,OAAO,CAAC;AAKpG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAMrD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAItE,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC,+JAoQpE,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBAtQQ,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;CAmRxE,CAAC"}

package/types/components/Popover/Popover.styles.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { PopoverProps } from './Popover.types';
-export declare const StyledWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledRoot: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledArrow: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledPopover: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<PopoverProps, "zIndex">>;
 //# sourceMappingURL=Popover.styles.d.ts.map

package/types/components/Popover/Popover.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,aAAa,qKAEzB,CAAC;AAEF,eAAO,MAAM,UAAU,qKAItB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAcvB,CAAC;AAEF,eAAO,MAAM,aAAa,2KAuIzB,CAAC"}
+{"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,UAAU,qKAItB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAgBzB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAcvB,CAAC;AAEF,eAAO,MAAM,aAAa,2KAuIzB,CAAC"}

package/types/components/Popover/Popover.tokens.d.ts

@@ -3,6 +3,7 @@ export declare const classes: {
     root: string;
     target: string;
     arrow: string;
+    targetAsRef: string;
 };
 export declare const tokens: {
     arrowMaskWidth: string;

package/types/components/Popover/Popover.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;CAOlB,CAAC"}
+{"version":3,"file":"Popover.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;CAOlB,CAAC"}