@salutejs/plasma-new-hope 0.229.0-canary.1666.12456056975.0 → 0.230.0-canary.1670.12462995068.0

package/package.json

@@ -1,22 +1,10 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.229.0-canary.1666.12456056975.0",
+  "version": "0.230.0-canary.1670.12462995068.0",
   "description": "Salute Design System blueprint",
-  "main": "./cjs/index.js",
-  "module": "./es/index.js",
-  "types": "./types/index.d.ts",
-  "exports": {
-    ".": {
-      "require": "./cjs/index.js",
-      "import": "./es/index.js",
-      "types": "./types/index.d.ts"
-    },
-    "./styled-components": {
-      "require": "./styled-components/cjs/index.js",
-      "import": "./styled-components/es/index.js",
-      "types": "./types/index.d.ts"
-    }
-  },
+  "main": "cjs/index.js",
+  "module": "es/index.js",
+  "types": "types/index.d.ts",
   "files": [
     "cjs",
     "es",
@@ -140,5 +128,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "4ca3a03292bbb7085237d6957b1a3a37d8b10cf7"
+  "gitHead": "63f7c34e142b4b79944a0dfc1e4aab4616ee3413"
 }

package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.js

@@ -11,7 +11,6 @@ var _base = /*#__PURE__*/require("./variations/_size/base");
 var _base2 = /*#__PURE__*/require("./variations/_view/base");
 var _Breadcrumbs = /*#__PURE__*/require("./Breadcrumbs.styles");
 var _utils2 = /*#__PURE__*/require("./utils");
-var _getShortItems = /*#__PURE__*/require("./utils/getShortItems");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var breadcrumbsRoot = exports.breadcrumbsRoot = function breadcrumbsRoot(Root) {
@@ -27,7 +26,7 @@ var breadcrumbsRoot = exports.breadcrumbsRoot = function breadcrumbsRoot(Root) {
       color: "inherit",
       size: (0, _utils2.convertIconSize)(size)
     });
-    var renderItems = (0, _getShortItems.getRenderItems)(items, renderSeparator, showItems);
+    var renderItems = (0, _utils2.getRenderItems)(items, renderSeparator, showItems);
     var itemsWithSeparator = (0, _utils2.addSeparator)(renderItems, renderSeparator);
     return /*#__PURE__*/_react["default"].createElement(Root, {
       ref: outerRootRef,

package/styled-components/cjs/components/Breadcrumbs/utils/index.js

@@ -3,7 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.convertIconSize = exports.addSeparator = void 0;
+exports.shortItems = exports.getRenderItems = exports.convertIconSize = exports.addSeparator = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _BreadcrumbShorter = /*#__PURE__*/require("../ui/BreadcrumbShorter/BreadcrumbShorter");
+var _Breadcrumbs = /*#__PURE__*/require("../Breadcrumbs.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var shortItems = exports.shortItems = function shortItems(items, renderSeparator, showItems) {
+  if (!showItems || showItems < 2 || items.length <= showItems) {
+    return items;
+  }
+  var leftSlice = Math.floor(showItems / 2);
+  var rightSlice = items.length - leftSlice - showItems % 2;
+  var renderItems = items.slice(leftSlice, rightSlice);
+  var shorter = /*#__PURE__*/_react["default"].createElement(_BreadcrumbShorter.BreadcrumbShorter, {
+    separator: renderSeparator
+  }, renderItems);
+  items.splice(leftSlice, rightSlice - leftSlice, shorter);
+  return items;
+};
 var convertIconSize = exports.convertIconSize = function convertIconSize(size) {
   switch (size) {
     case 's':
@@ -13,6 +30,25 @@ var convertIconSize = exports.convertIconSize = function convertIconSize(size) {
       return 's';
   }
 };
+var getRenderItems = exports.getRenderItems = function getRenderItems(items, renderSeparator, showItems) {
+  var renderItems = shortItems(items.map(function (item) {
+    if (item.renderItem) {
+      return item.renderItem();
+    }
+    var title = item.title,
+      disabled = item.disabled,
+      href = item.href,
+      onClick = item.onClick;
+    return /*#__PURE__*/_react["default"].createElement(_Breadcrumbs.StyledLink, {
+      tabIndex: 0,
+      href: href,
+      disabled: disabled,
+      onClick: onClick,
+      isHref: Boolean(href || onClick)
+    }, title);
+  }), renderSeparator, showItems);
+  return renderItems;
+};
 var addSeparator = exports.addSeparator = function addSeparator(items, renderSeparator) {
   return items.flatMap(function (item, idx) {
     return idx < items.length - 1 ? [item, renderSeparator] : [item];

package/styled-components/cjs/components/Calendar/utils/getDateWithModification.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getDatesWithModifications = void 0;
 var _types = /*#__PURE__*/require("../store/types");
-var _calendarGridHelper = /*#__PURE__*/require("./calendarGridHelper");
+var _ = /*#__PURE__*/require(".");
 var dateOperationHandler = {
   Days: {
     add: function add(date) {
@@ -144,8 +144,8 @@ var getDatesWithModifications = exports.getDatesWithModifications = function get
     includeEdgeDates = _ref3.includeEdgeDates,
     min = _ref3.min,
     max = _ref3.max;
-  var eventsMap = (0, _calendarGridHelper.getPropsMap)(eventList);
-  var disabledDatesMap = (0, _calendarGridHelper.getPropsMap)(disabledList);
+  var eventsMap = (0, _.getPropsMap)(eventList);
+  var disabledDatesMap = (0, _.getPropsMap)(disabledList);
   var filteredDates = type === _types.CalendarState.Days ? dates.filter(function (_ref4) {
     var isDayInCurrentMonth = _ref4.isDayInCurrentMonth;
     return isDayInCurrentMonth;

package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.comboboxRoot = exports.comboboxConfig = void 0;
+exports.comboboxRoot = exports.comboboxConfig = exports.Context = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
 var _utils = /*#__PURE__*/require("../../../utils");
@@ -20,7 +20,6 @@ var _Combobox2 = /*#__PURE__*/require("./Combobox.styles");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _SelectNative = /*#__PURE__*/require("./ui/SelectNative/SelectNative");
-var _Combobox3 = /*#__PURE__*/require("./Combobox.context");
 var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "keepPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue", "zIndex", "beforeList", "afterList"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -38,6 +37,8 @@ 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; }
+var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)({});
+
 /**
  * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.
  */
@@ -407,7 +408,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       onChange: onChange,
       onSetValue: setInternalValue,
       ref: ref
-    }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Combobox3.Context.Provider, {
+    }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(Context.Provider, {
       value: {
         focusedPath: focusedPath,
         checked: checked,

package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js

@@ -10,7 +10,7 @@ var _utils = /*#__PURE__*/require("../../../../utils");
 var _Combobox = /*#__PURE__*/require("../../../../Combobox.tokens");
 var _utils2 = /*#__PURE__*/require("../../../../../../../utils");
 var _Icon = /*#__PURE__*/require("../../../../../../_Icon");
-var _Combobox2 = /*#__PURE__*/require("../../../../Combobox.context");
+var _Combobox2 = /*#__PURE__*/require("../../../../Combobox");
 var _hooks = /*#__PURE__*/require("../../../../../../../hooks");
 var _Item = /*#__PURE__*/require("./Item.styles");
 var _StyledIndicator;

package/styled-components/cjs/components/Dropdown/Dropdown.js

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.dropdownRoot = exports.dropdownConfig = void 0;
+exports.dropdownRoot = exports.dropdownConfig = exports.Context = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
 var _utils = /*#__PURE__*/require("../../utils");
@@ -20,7 +20,6 @@ var _Dropdown2 = /*#__PURE__*/require("./Dropdown.tokens");
 var _useKeyboardNavigation = /*#__PURE__*/require("./hooks/useKeyboardNavigation");
 var _useHashMaps3 = /*#__PURE__*/require("./hooks/useHashMaps");
 var _FloatingPopover = /*#__PURE__*/require("./FloatingPopover");
-var _Dropdown3 = /*#__PURE__*/require("./Dropdown.context");
 var _excluded = ["items", "children", "placement", "offset", "closeOnOverlayClick", "onToggle", "size", "view", "itemRole", "className", "listWidth", "listHeight", "listOverflow", "closeOnSelect", "onHover", "onItemSelect", "onItemClick", "trigger", "variant", "hasArrow", "alwaysOpened", "portal", "renderItem", "zIndex", "beforeList", "afterList"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -33,6 +32,8 @@ 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; }
+var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)({});
+
 /**
  * Выпадающий список.
  */
@@ -135,7 +136,7 @@ var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
       }),
       onKeyDown = _useKeyNavigation.onKeyDown;
     var isCurrentListOpen = alwaysOpened || Boolean(path[0]);
-    return /*#__PURE__*/_react["default"].createElement(_Dropdown3.Context.Provider, {
+    return /*#__PURE__*/_react["default"].createElement(Context.Provider, {
       value: {
         focusedPath: focusedPath,
         size: size,

package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.DropdownInner = void 0;
 var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
 var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
-var _DropdownItem = /*#__PURE__*/require("../DropdownItem/DropdownItem");
+var _ = /*#__PURE__*/require("..");
 var _Dropdown = /*#__PURE__*/require("../../Dropdown.styles");
 var _FloatingPopover = /*#__PURE__*/require("../../FloatingPopover");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -44,7 +44,7 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
       opened: isCurrentListOpen,
       onToggle: handleToggle,
       trigger: trigger,
-      target: /*#__PURE__*/_react["default"].createElement(_DropdownItem.DropdownItem, {
+      target: /*#__PURE__*/_react["default"].createElement(_.DropdownItem, {
         item: item,
         index: index,
         path: path,
@@ -77,7 +77,7 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
       });
     })));
   }
-  return /*#__PURE__*/_react["default"].createElement(_DropdownItem.DropdownItem, {
+  return /*#__PURE__*/_react["default"].createElement(_.DropdownItem, {
     item: item,
     path: path,
     index: index,

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

@@ -9,7 +9,7 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
 var _Dropdown = /*#__PURE__*/require("../../Dropdown.tokens");
 var _utils = /*#__PURE__*/require("../../../../utils");
 var _Icon = /*#__PURE__*/require("../../../_Icon");
-var _Dropdown2 = /*#__PURE__*/require("../../Dropdown.context");
+var _Dropdown2 = /*#__PURE__*/require("../../Dropdown");
 var _utils2 = /*#__PURE__*/require("../../utils");
 var _DropdownItem = /*#__PURE__*/require("./DropdownItem.styles");
 var _excluded = ["value", "label", "disabled", "isDisabled", "contentLeft", "contentRight", "dividerBefore", "dividerAfter", "className"];

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectRoot = exports.selectConfig = void 0;
+exports.selectRoot = exports.selectConfig = exports.Context = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
 var _utils = /*#__PURE__*/require("../../utils");
@@ -16,7 +16,6 @@ var _usePathMaps3 = /*#__PURE__*/require("./hooks/usePathMaps");
 var _Select = /*#__PURE__*/require("./Select.styles");
 var _FloatingPopover = /*#__PURE__*/require("./FloatingPopover");
 var _SelectNative = /*#__PURE__*/require("./ui/SelectNative/SelectNative");
-var _Select2 = /*#__PURE__*/require("./Select.context");
 var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect", "isTargetAmount", "beforeList", "afterList", "zIndex", "name", "defaultValue"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -30,6 +29,8 @@ 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; }
+var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)({});
+
 /**
  * Выпадающий список. Поддерживает выбор одного или нескольких значений.
  */
@@ -308,7 +309,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       onChange: onChange,
       onSetValue: setInternalValue,
       ref: ref
-    }), /*#__PURE__*/_react["default"].createElement(_Select2.Context.Provider, {
+    }), /*#__PURE__*/_react["default"].createElement(Context.Provider, {
       value: {
         focusedPath: focusedPath,
         checked: checked,

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

@@ -9,7 +9,7 @@ var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
 var _utils = /*#__PURE__*/require("../../../../utils");
 var _Select = /*#__PURE__*/require("../../Select.styles");
 var _FloatingPopover = /*#__PURE__*/require("../../FloatingPopover");
-var _Item = /*#__PURE__*/require("./ui/Item/Item");
+var _ui = /*#__PURE__*/require("./ui");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var Inner = exports.Inner = function Inner(_ref) {
   var item = _ref.item,
@@ -43,7 +43,7 @@ var Inner = exports.Inner = function Inner(_ref) {
       opened: isCurrentListOpen,
       onToggle: handleToggle,
       offset: 2,
-      target: /*#__PURE__*/_react["default"].createElement(_Item.Item, {
+      target: /*#__PURE__*/_react["default"].createElement(_ui.Item, {
         item: item,
         path: path,
         currentLevel: currentLevel,
@@ -70,7 +70,7 @@ var Inner = exports.Inner = function Inner(_ref) {
       });
     })));
   }
-  return /*#__PURE__*/_react["default"].createElement(_Item.Item, {
+  return /*#__PURE__*/_react["default"].createElement(_ui.Item, {
     item: item,
     path: path,
     index: index,

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

@@ -10,7 +10,7 @@ var _utils = /*#__PURE__*/require("../../../../utils");
 var _Select = /*#__PURE__*/require("../../../../Select.tokens");
 var _utils2 = /*#__PURE__*/require("../../../../../../utils");
 var _Icon = /*#__PURE__*/require("../../../../../_Icon");
-var _Select2 = /*#__PURE__*/require("../../../../Select.context");
+var _Select2 = /*#__PURE__*/require("../../../../Select");
 var _hooks = /*#__PURE__*/require("../../../../../../hooks");
 var _Item = /*#__PURE__*/require("./Item.styles");
 var _StyledIndicator;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DoubleUncontrolled = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _Double = /*#__PURE__*/require("../Double/Double");
+var _index = /*#__PURE__*/require("../index");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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); }
@@ -90,10 +90,10 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
       setSliderValue(sortValue);
     }
   }, [name, value, onChange, sortValues]);
-  return value ? /*#__PURE__*/_react["default"].createElement(_Double.DoubleSlider, _extends({}, props, {
+  return value ? /*#__PURE__*/_react["default"].createElement(_index.DoubleSlider, _extends({}, props, {
     value: value,
     onChange: onChange
-  })) : /*#__PURE__*/_react["default"].createElement(_Double.DoubleSlider, _extends({
+  })) : /*#__PURE__*/_react["default"].createElement(_index.DoubleSlider, _extends({
     value: sliderValue,
     onKeyDownTextField: onKeyDownTextField,
     onBlurTextField: onBlurTextField,

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

@@ -200,6 +200,11 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
         setIsHintVisible(true);
       }
     };
+    (0, _react.useLayoutEffect)(function () {
+      if (outerRef.current) {
+        setUncontrolledValue(outerRef.current.value);
+      }
+    }, [outerRef]);
     (0, _plasmaCore.useResizeObserver)(outerRef, function (currentElement) {
       var inlineWidth = currentElement.style.width;
       if (inlineWidth || cols) {
@@ -305,6 +310,7 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
       applyCustomWidth: applyCustomWidth,
       ref: (0, _utils.mergeRefs)(outerRef, innerRef),
       disabled: disabled,
+      required: required,
       height: applyAutoResize ? minAuto : height,
       width: width,
       placeholder: placeholderLabel,

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

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

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

@@ -1,20 +1,60 @@
 "use strict";
 
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.component = component;
-exports.mergeConfig = void 0;
+exports.mergeConfig = exports.getStaticVariants = exports.getDynamicVariants = void 0;
 var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
 var _styledComponents = /*#__PURE__*/require("./styled-components");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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 _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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
+//
+// Тип HTMLAttributesOmitOnChange требуется чтобы использовать компонент с кастомным пропсом onChange
+//
+
+var getStaticVariants = exports.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;
+};
+var getDynamicVariants = exports.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;
+  };
+};
 var mergeConfig = exports.mergeConfig = function mergeConfig(baseConfig, userConfig) {
   var res = _objectSpread(_objectSpread({}, baseConfig), userConfig);
   if (res.variations) {

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

@@ -19,7 +19,7 @@ Object.defineProperty(exports, "styled", {
 });
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
-var _utils = /*#__PURE__*/require("./utils");
+var _common = /*#__PURE__*/require("./common");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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); }
@@ -40,8 +40,8 @@ var Root = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var _component = exports._component = function _component(componentConfig) {
   var tag = componentConfig.tag,
     base = componentConfig.base;
-  var staticVariants = (0, _utils.getStaticVariants)(componentConfig);
-  var dynamicVariants = (0, _utils.getDynamicVariants)(componentConfig);
+  var staticVariants = (0, _common.getStaticVariants)(componentConfig);
+  var dynamicVariants = (0, _common.getDynamicVariants)(componentConfig);
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       as: tag,

package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx

@@ -13,6 +13,8 @@ import { config } from './TextArea.config';
 import { TextArea } from './TextArea';
 
 const labelPlacements = ['inner', 'outer'];
+const sizes = ['xs', 's', 'm', 'l'];
+const views = ['default', 'positive', 'warning', 'negative'];
 const hintViews = ['default'];
 const hintSizes = ['m', 's'];
 const hintTriggers = ['hover', 'click'];
@@ -67,22 +69,23 @@ const meta: Meta<StoryTextAreaProps> = {
             },
             if: { arg: 'required', truthy: false },
         },
-        rows: {
+        size: {
+            options: sizes,
+            defaultValue: 'm',
             control: {
-                type: 'number',
+                type: 'select',
             },
-            if: { arg: 'clear', truthy: false },
         },
-        cols: {
+        view: {
+            options: views,
             control: {
-                type: 'number',
+                type: 'select',
             },
-            if: { arg: 'clear', truthy: false },
         },
         labelPlacement: {
             options: labelPlacements,
             control: {
-                type: 'inline-radio',
+                type: 'select',
             },
         },
         hasDivider: {
@@ -91,6 +94,23 @@ const meta: Meta<StoryTextAreaProps> = {
             },
             if: { arg: 'clear', truthy: true },
         },
+        cols: {
+            control: {
+                type: 'number',
+            },
+            if: { arg: 'clear', truthy: false },
+        },
+        rows: {
+            control: {
+                type: 'number',
+            },
+            if: { arg: 'clear', truthy: false },
+        },
+        hasHint: {
+            control: {
+                type: 'boolean',
+            },
+        },
         hintText: {
             control: { type: 'text' },
             if: { arg: 'hasHint', truthy: true },
@@ -132,7 +152,50 @@ const meta: Meta<StoryTextAreaProps> = {
             control: { type: 'text' },
             if: { arg: 'hasHint', truthy: true },
         },
-        ...disableProps(['leftHelperPlacement']),
+        helperText: {
+            control: { type: 'text' },
+        },
+        width: {
+            control: { type: 'text' },
+        },
+        height: {
+            control: { type: 'text' },
+        },
+        leftHelper: {
+            control: { type: 'text' },
+        },
+        titleCaption: {
+            control: { type: 'text' },
+        },
+        rightHelper: {
+            control: { type: 'text' },
+        },
+        ...disableProps([
+            'helperBlock',
+            '$isFocused',
+            'contentRight',
+            'autoComplete',
+            'autoFocus',
+            'dirName',
+            'form',
+            'minLength',
+            'maxLength',
+            'name',
+            'value',
+            'wrap',
+            'theme',
+            'as',
+            'forwardedAs',
+            'onChange',
+            'onFocus',
+            'onBlur',
+            'leftHelperPlacement',
+            'status',
+            'hintTargetIcon',
+            'hintOffset',
+            'hintContentLeft',
+            'hintView',
+        ]),
     },
     args: {
         id: 'example-textarea',