@salutejs/plasma-new-hope 0.324.0-dev.0 → 0.324.1-canary.1986.15225454757.0

package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.js

@@ -1,12 +1,23 @@
 "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.Combobox = void 0;
+var React = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
+var _utils = /*#__PURE__*/require("../../../../utils");
 var _engines = /*#__PURE__*/require("../../../../engines");
 var _ = /*#__PURE__*/require("../../../..");
 var _Combobox = /*#__PURE__*/require("./Combobox.config");
+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() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_.comboboxNewConfig, _Combobox.config);
-var ComboboxComponent = /*#__PURE__*/(0, _engines.component)(mergedConfig);
-var Combobox = exports.Combobox = ComboboxComponent;
+var ComboboxNew = /*#__PURE__*/(0, _engines.component)(mergedConfig);
+var ComboboxComponent = function ComboboxComponent(props, ref) {
+  return /*#__PURE__*/React.createElement(ComboboxNew, _extends({
+    ref: ref
+  }, props));
+};
+var Combobox = exports.Combobox = /*#__PURE__*/(0, _utils.fixedForwardRef)(ComboboxComponent);

package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx

@@ -11,6 +11,8 @@ import { Combobox } from './Combobox';
 type StorySelectProps = ComponentProps<typeof Combobox> & {
     enableContentLeft?: boolean;
     hasHint?: boolean;
+    enableSelectAll?: boolean;
+    selectAllSticky?: boolean;
 };
 
 const view = ['default', 'positive', 'warning', 'negative'];
@@ -173,6 +175,13 @@ const meta: Meta<StorySelectProps> = {
         emptyStateDescription: {
             control: { type: 'text' },
         },
+        enableSelectAll: {
+            control: 'boolean',
+        },
+        selectAllSticky: {
+            control: 'boolean',
+            if: { arg: 'enableSelectAll', truthy: true },
+        },
     },
     args: {
         label: 'Label',
@@ -202,6 +211,8 @@ const meta: Meta<StorySelectProps> = {
         hintWidth: '10rem',
         hintHasArrow: true,
         emptyStateDescription: '',
+        enableSelectAll: false,
+        selectAllSticky: false,
     },
     parameters: {
         controls: {
@@ -237,6 +248,8 @@ const meta: Meta<StorySelectProps> = {
                 'hintWidth',
                 'hintHasArrow',
                 'emptyStateDescription',
+                'enableSelectAll',
+                'selectAllSticky',
             ],
         },
     },
@@ -479,12 +492,12 @@ export const Single: StoryObj<StorySelectProps> = {
     },
     parameters: {
         controls: {
-            exclude: ['isTargetAmount'],
+            exclude: ['isTargetAmount', 'enableSelectAll'],
         },
     },
 };
 
-const MultipleStory = (args: StorySelectProps) => {
+const MultipleStory = ({ enableSelectAll, selectAllSticky, ...args }: StorySelectProps) => {
     const [value, setValue] = useState([]);
 
     return (
@@ -496,6 +509,7 @@ const MultipleStory = (args: StorySelectProps) => {
                 value={value}
                 onChange={setValue}
                 contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
+                selectAllOptions={enableSelectAll ? { sticky: selectAllSticky || false } : undefined}
             />
         </div>
     );