@salutejs/plasma-new-hope 0.108.2-canary.1301.10038859779.0 → 0.109.0-canary.1233.10042812952.0

package/emotion/cjs/examples/plasma_web/components/Select/style.css

@@ -0,0 +1,37 @@
+.container {
+    width: 100%;
+}
+
+table {
+    border-collapse: collapse;
+    box-shadow: 0 0 20px rgba(0,0,0,0.1);
+}
+
+th,
+td {
+    padding: 15px;
+}
+
+th {
+    text-align: left;
+}
+
+table, th, td {
+    border: 1px solid lightgray;
+    border-collapse: collapse;
+}
+
+thead {
+    th {
+        background-color: #55608f;
+        color: #fff;
+    }
+}
+
+tbody {
+
+    td {
+        position: relative;
+
+    }
+}

package/emotion/cjs/hooks/index.js

@@ -21,6 +21,12 @@ Object.defineProperty(exports, "useIsomorphicLayoutEffect", {
     return _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
   }
 });
+Object.defineProperty(exports, "useOutsideClick", {
+  enumerable: true,
+  get: function get() {
+    return _useOutsideClick.useOutsideClick;
+  }
+});
 Object.defineProperty(exports, "usePreviousValue", {
   enumerable: true,
   get: function get() {
@@ -37,4 +43,5 @@ var _useUniqId = /*#__PURE__*/require("./useUniqId");
 var _usePreviousValue = /*#__PURE__*/require("./usePreviousValue");
 var _useForceUpdate = /*#__PURE__*/require("./useForceUpdate");
 var _useDidMountEffect = /*#__PURE__*/require("./useDidMountEffect");
+var _useOutsideClick = /*#__PURE__*/require("./useOutsideClick");
 var _useIsomorphicLayoutEffect = /*#__PURE__*/require("./useIsomorphicLayoutEffect");

package/emotion/cjs/hooks/useOutsideClick.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOutsideClick = void 0;
+var _react = /*#__PURE__*/require("react");
+var useOutsideClick = exports.useOutsideClick = function useOutsideClick(callback) {
+  var ref = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    var handleClickOutside = function handleClickOutside(event) {
+      if (ref.current && !ref.current.contains(event.target)) {
+        callback();
+      }
+    };
+    document.addEventListener('mouseup', handleClickOutside);
+    document.addEventListener('touchend', handleClickOutside);
+    return function () {
+      document.removeEventListener('mouseup', handleClickOutside);
+      document.removeEventListener('touchend', handleClickOutside);
+    };
+  }, [callback]);
+  return ref;
+};

package/emotion/cjs/utils/index.js

@@ -11,7 +11,8 @@ var _exportNames = {
   getSizeValueFromProp: true,
   IS_REACT_18: true,
   safeUseId: true,
-  isNumber: true
+  isNumber: true,
+  isEmpty: true
 };
 Object.defineProperty(exports, "IS_REACT_18", {
   enumerable: true,
@@ -38,6 +39,12 @@ Object.defineProperty(exports, "getSizeValueFromProp", {
     return _getSizeValueFromProp.getSizeValueFromProp;
   }
 });
+Object.defineProperty(exports, "isEmpty", {
+  enumerable: true,
+  get: function get() {
+    return _isEmpty.isEmpty;
+  }
+});
 Object.defineProperty(exports, "isNumber", {
   enumerable: true,
   get: function get() {
@@ -55,6 +62,7 @@ var _extractTextFrom = /*#__PURE__*/require("./extractTextFrom");
 var _getSizeValueFromProp = /*#__PURE__*/require("./getSizeValueFromProp");
 var _react = /*#__PURE__*/require("./react");
 var _isNumber = /*#__PURE__*/require("./isNumber");
+var _isEmpty = /*#__PURE__*/require("./isEmpty");
 var _getPopoverPlacement = /*#__PURE__*/require("./getPopoverPlacement");
 Object.keys(_getPopoverPlacement).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/emotion/cjs/utils/isEmpty.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isEmpty = void 0;
+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 hasOwnProperty = Object.prototype.hasOwnProperty;
+var isEmpty = exports.isEmpty = function isEmpty(obj) {
+  // null and undefined are "empty"
+  if (obj == null) {
+    return true;
+  }
+
+  // Assume if it has a length property with a non-zero value
+  // that that property is correct.
+  if (obj.length > 0) {
+    return false;
+  }
+  if (obj.length === 0) {
+    return true;
+  }
+
+  // If it isn't an object at this point
+  // it is empty, but it can't be anything *but* empty
+  // Is it empty?  Depends on your application.
+  if (_typeof(obj) !== 'object') {
+    return true;
+  }
+
+  // Otherwise, does it have any properties of its own?
+  // Note that this doesn't handle
+  // toString and valueOf enumeration bugs in IE < 9
+  for (var key in obj) {
+    if (hasOwnProperty.call(obj, key)) {
+      return false;
+    }
+  }
+  return true;
+};
+
+// Example
+// '' true
+// '{}' true
+// '[]' true
+// '123' false
+// '[123]' false

package/emotion/es/components/Accordion/Accordion.js

@@ -58,7 +58,7 @@ export var accordionRoot = function accordionRoot(Root) {
       size: size,
       view: view,
       className: cx(stretchingClass, classes.accordionRoot, className)
-    }, getChildren(childrenArray, activeIndex, view, disabled, updateValue));
+    }, getChildren(childrenArray, activeIndex, disabled, updateValue));
   });
 };
 export var accordionConfig = {

package/emotion/es/components/Accordion/Accordion.tokens.js

@@ -6,8 +6,7 @@ export var classes = {
   clearAccordionItem: 'clear-accordion-item',
   accordionItemShowBody: 'accordion-item-show-body',
   accordionPlusAnimationElement: 'accordion-plus-animation-element',
-  accordionDisabled: 'accordion-disabled',
-  accordionItemBody: 'accordion-item-body'
+  accordionDisabled: 'accordion-disabled'
 };
 export var tokens = {
   accordionGap: '--plasma-accordion-gap',
@@ -18,10 +17,8 @@ export var tokens = {
   accordionItemPadding: '--plasma-accordion-item-padding',
   accordionItemPaddingVertical: '--plasma-accordion-item-padding-vertical',
   accordionItemPaddingHorizontal: '--plasma-accordion-item-padding-horizontal',
-  accordionItemPaddingHorizontalLeft: '--plasma-accordion-item-padding-horizontal-left',
   accordionItemGap: '--plasma-accordion-item-gap',
   accordionItemFocus: '--plasma-accordion-item-focus',
-  accordionItemBorder: '--plasma-accordion-item-border',
   accordionItemBorderBottom: '--plasma-accordion-item-border-bottom',
   accordionItemTitleColor: '--plasma-accordion-item-title-color',
   accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',

package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js

@@ -8,7 +8,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState, useRef, useEffect } from 'react';
 import { convertRoundnessMatrix } from '../../../../utils/roundness';
 import { classes, tokens } from '../../Accordion.tokens';
-import { cx } from '../../../../utils';
 import { StyledAccordionItem, StyledAccordionHeader, StyledAccordionBody, StyledAccordionTitle, StyledAccordionContentLeft, StyledAccordionHeaderLeft, StyledAccordionContentRight, StyledArrow, StyledMinus, StyledPlus, StyledAccordionBodyAnimate } from './AccordionItem.styles';
 export var AccordionItem = function AccordionItem(_ref) {
   var _ref2;
@@ -22,11 +21,8 @@ export var AccordionItem = function AccordionItem(_ref) {
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'sign' : _ref$type,
     index = _ref.index,
-    className = _ref.className,
     eventKey = _ref.eventKey,
     disabled = _ref.disabled,
-    startLeftPosition = _ref.startLeftPosition,
-    view = _ref.view,
     onChange = _ref.onChange;
   var key = (_ref2 = eventKey !== null && eventKey !== void 0 ? eventKey : index) !== null && _ref2 !== void 0 ? _ref2 : 0;
   var _useState = useState(),
@@ -45,7 +41,7 @@ export var AccordionItem = function AccordionItem(_ref) {
   useEffect(function () {
     var _leftContentRef$curre, _leftContentRef$curre2;
     var leftContentWidth = (_leftContentRef$curre = leftContentRef === null || leftContentRef === void 0 || (_leftContentRef$curre2 = leftContentRef.current) === null || _leftContentRef$curre2 === void 0 ? void 0 : _leftContentRef$curre2.offsetWidth) !== null && _leftContentRef$curre !== void 0 ? _leftContentRef$curre : 0;
-    var leftPaddingBody = leftContentWidth && (!startLeftPosition || view === 'clear') ? "calc(".concat(leftContentWidth, "px + var(").concat(tokens.accordionItemGap, "))") : 0;
+    var leftPaddingBody = leftContentWidth ? "calc(".concat(leftContentWidth, "px + var(").concat(tokens.accordionItemGap, "))") : 0;
     setLeftPadding(leftPaddingBody);
   }, [value, type, leftContentRef, setLeftPadding]);
   var openedBodyClass = value ? classes.accordionItemShowBody : undefined;
@@ -69,7 +65,7 @@ export var AccordionItem = function AccordionItem(_ref) {
   var rightContent = contentRight !== null && contentRight !== void 0 ? contentRight : type === 'sign' ? /*#__PURE__*/React.createElement(StyledAnimationPLus, null) : undefined;
   var rightContentRotate = type === 'sign' && value ? classes.accordionItemShowBody : undefined;
   return /*#__PURE__*/React.createElement(StyledAccordionItem, {
-    className: cx(classes.accordionItem, className, disabledClass),
+    className: classes.accordionItem,
     key: key,
     style: {
       borderRadius: accordionBorderRadius
@@ -78,6 +74,7 @@ export var AccordionItem = function AccordionItem(_ref) {
     role: "tab",
     tabIndex: 0,
     onClick: handleOpen,
+    className: disabledClass,
     "aria-expanded": value,
     "aria-controls": "accordion-item-section".concat(key),
     id: "accordion-item-".concat(key)
@@ -90,11 +87,9 @@ export var AccordionItem = function AccordionItem(_ref) {
     "aria-labelledby": "accordion-item-".concat(key),
     "aria-hidden": !value,
     id: "accordion-item-section".concat(key),
-    className: cx(openedBodyClass),
+    className: openedBodyClass,
     style: {
       paddingLeft: "".concat(leftPadding)
     }
-  }, /*#__PURE__*/React.createElement(StyledAccordionBody, {
-    className: classes.accordionItemBody
-  }, children)));
+  }, /*#__PURE__*/React.createElement(StyledAccordionBody, null, children)));
 };

package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js

@@ -4,8 +4,8 @@ import styled from 'styled-components';
 import { IconChevronDownFill, IconMinus } from '../../../_Icon';
 import { classes, tokens } from '../../Accordion.tokens';
 import { addFocus } from '../../../../mixins';
-export var StyledAccordionItem = /*#__PURE__*/styled.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    background: var(", ");\n    border: var(", ");\n    border-bottom: var(", ");\n\n    &:last-child {\n        border-bottom: var(", ");\n    }\n\n    &.", " {\n        opacity: 0.4;\n        cursor: not-allowed;\n    }\n"])), tokens.accordionItemBackground, tokens.accordionItemBorder, tokens.accordionItemBorderBottom, tokens.accordionItemBorder, classes.accordionDisabled);
-export var StyledAccordionHeader = /*#__PURE__*/styled.button(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n    width: 100%;\n    border: none;\n    padding: var(", ");\n    display: flex;\n    gap: var(", ");\n    justify-content: space-between;\n    align-items: center;\n    background: none;\n    box-sizing: border-box;\n    cursor: pointer;\n\n    &:focus {\n        outline: none;\n    }\n\n    ", "\n"])), tokens.accordionItemPadding, tokens.accordionItemGap, /*#__PURE__*/addFocus({
+export var StyledAccordionItem = /*#__PURE__*/styled.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    background: var(", ");\n    border-bottom: var(", ");\n\n    &:last-child {\n        border-bottom: none;\n    }\n"])), tokens.accordionItemBackground, tokens.accordionItemBorderBottom);
+export var StyledAccordionHeader = /*#__PURE__*/styled.button(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n    width: 100%;\n    border: none;\n    padding: var(", ");\n    display: flex;\n    gap: var(", ");\n    justify-content: space-between;\n    align-items: center;\n    background: none;\n    box-sizing: border-box;\n    cursor: pointer;\n\n    &.", " {\n        opacity: 0.4;\n        cursor: not-allowed;\n    }\n\n    &:focus {\n        outline: none;\n    }\n\n    ", "\n"])), tokens.accordionItemPadding, tokens.accordionItemGap, classes.accordionDisabled, /*#__PURE__*/addFocus({
   outlineOffset: '0.125rem',
   outlineSize: '0.125rem',
   outlineRadius: '0',
@@ -14,9 +14,9 @@ export var StyledAccordionHeader = /*#__PURE__*/styled.button(_templateObject2 |
 export var StyledAccordionHeaderLeft = /*#__PURE__*/styled.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n    display: flex;\n    gap: var(", ");\n    justify-content: space-between;\n    align-items: center;\n"])), tokens.accordionItemGap);
 export var StyledAccordionContentRight = /*#__PURE__*/styled.div(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n    transition: 0.2s;\n    transform: rotate(90deg);\n\n    &.", " {\n        transition: 0.2s;\n        transform: rotate(0deg);\n    }\n"])), classes.accordionItemShowBody);
 export var StyledAccordionContentLeft = /*#__PURE__*/styled.div(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n    transition: 0.2s;\n    display: flex;\n    align-items: center;\n\n    &.", " {\n        transition: 0.2s;\n        transform: rotate(180deg);\n    }\n"])), classes.accordionItemShowBody);
-export var StyledAccordionTitle = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n    color: var(", ");\n    font-family: var(", ");\n    font-size: var(", ");\n    font-weight: var(", ");\n    font-style: var(", ");\n    letter-spacing: var(", ");\n    line-height: var(", ");\n    text-align: left;\n"])), tokens.accordionItemTitleColor, tokens.accordionItemTitleFontFamily, tokens.accordionItemTitleFontSize, tokens.accordionItemTitleFontWeight, tokens.accordionItemTitleFontStyle, tokens.accordionItemTitleLetterSpacing, tokens.accordionItemTitleLineHeight);
+export var StyledAccordionTitle = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n    color: var(", ");\n    font-family: var(", ");\n    font-size: var(", ");\n    font-weight: var(", ");\n    font-style: var(", ");\n    letter-spacing: var(", ");\n    line-height: var(", ");\n"])), tokens.accordionItemTitleColor, tokens.accordionItemTitleFontFamily, tokens.accordionItemTitleFontSize, tokens.accordionItemTitleFontWeight, tokens.accordionItemTitleFontStyle, tokens.accordionItemTitleLetterSpacing, tokens.accordionItemTitleLineHeight);
 export var StyledAccordionBodyAnimate = /*#__PURE__*/styled.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 0.2s ease-out;\n    overflow: hidden;\n\n    &.", " {\n        grid-template-rows: 1fr;\n        padding-bottom: var(", ");\n\n        &.", " {\n            transition: 0.2s;\n            transform: rotate(0deg);\n        }\n    }\n"])), classes.accordionItemShowBody, tokens.accordionItemPaddingVertical, classes.accordionPlusAnimationElement);
-export var StyledAccordionBody = /*#__PURE__*/styled.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n    color: var(", ");\n    font-family: var(", ");\n    font-size: var(", ");\n    font-weight: var(", ");\n    font-style: var(", ");\n    letter-spacing: var(", ");\n    line-height: var(", ");\n    overflow: hidden;\n    padding-right: var(", ");\n    padding-left: var(", ");\n    text-align: left;\n"])), tokens.accordionItemTextColor, tokens.accordionItemTextFontFamily, tokens.accordionItemTextFontSize, tokens.accordionItemTextFontWeight, tokens.accordionItemTextFontStyle, tokens.accordionItemTextLetterSpacing, tokens.accordionItemTextLineHeight, tokens.accordionItemPaddingHorizontal, tokens.accordionItemPaddingHorizontalLeft);
+export var StyledAccordionBody = /*#__PURE__*/styled.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n    color: var(", ");\n    font-family: var(", ");\n    font-size: var(", ");\n    font-weight: var(", ");\n    font-style: var(", ");\n    letter-spacing: var(", ");\n    line-height: var(", ");\n    overflow: hidden;\n    padding-right: var(", ");\n    padding-left: var(", ");\n"])), tokens.accordionItemTextColor, tokens.accordionItemTextFontFamily, tokens.accordionItemTextFontSize, tokens.accordionItemTextFontWeight, tokens.accordionItemTextFontStyle, tokens.accordionItemTextLetterSpacing, tokens.accordionItemTextLineHeight, tokens.accordionItemPaddingHorizontal, tokens.accordionItemPaddingHorizontal);
 export var StyledArrow = /*#__PURE__*/styled(IconChevronDownFill)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n    pointer-events: none;\n    user-select: none;\n    color: var(", ");\n"])), tokens.accordionItemTextColor);
 export var StyledMinus = /*#__PURE__*/styled(IconMinus)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n    pointer-events: none;\n    user-select: none;\n    color: var(", ");\n    display: flex;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    &.", " {\n        transition: 0.2s;\n        transform: rotate(90deg);\n    }\n\n    &.", " {\n        transition: 0.2s;\n        transform: rotate(0deg);\n    }\n"])), tokens.accordionItemTextColor, classes.accordionPlusAnimationElement, classes.accordionItemShowBody);
 export var StyledPlus = /*#__PURE__*/styled.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n    position: relative;\n    height: 1rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1rem;\n"])));

package/emotion/es/components/Accordion/utils/index.js

@@ -1,5 +1,5 @@
 import { Children, cloneElement, isValidElement } from 'react';
-export var updatePropsRecursively = function updatePropsRecursively(children, activeIndex, view, disabled, updateValue) {
+export var updatePropsRecursively = function updatePropsRecursively(children, activeIndex, disabled, updateValue) {
   return Children.map(children || [], function (child, index) {
     if (! /*#__PURE__*/isValidElement(child)) {
       return child;
@@ -10,13 +10,12 @@ export var updatePropsRecursively = function updatePropsRecursively(children, ac
         var _child$props$eventKey;
         return i === ((_child$props$eventKey = child.props.eventKey) !== null && _child$props$eventKey !== void 0 ? _child$props$eventKey : index);
       })) !== -1),
-      view: view,
       disabled: disabled,
       onChange: updateValue
     };
     return /*#__PURE__*/cloneElement(child, props);
   });
 };
-export var getChildren = function getChildren(children, activeIndex, view, disabled, updateValue) {
-  return updatePropsRecursively(children, activeIndex, view, disabled, updateValue);
+export var getChildren = function getChildren(children, activeIndex, disabled, updateValue) {
+  return updatePropsRecursively(children, activeIndex, disabled, updateValue);
 };