@salutejs/plasma-new-hope 0.321.1-canary.1945.14661970912.0 → 0.321.1-canary.1946.14663041744.0

package/styled-components/cjs/components/Carousel/useDragScroll.js

@@ -1,65 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDragScroll = void 0;
-var _react = /*#__PURE__*/require("react");
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-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(r) { if (Array.isArray(r)) return r; }
-var SCROLL_SPEED = 2;
-var useDragScroll = exports.useDragScroll = function useDragScroll(scrollRef, isDragScrollDisabled) {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isDragging = _useState2[0],
-    setDragging = _useState2[1];
-  var _useState3 = (0, _react.useState)(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    startX = _useState4[0],
-    setStartX = _useState4[1];
-  var _useState5 = (0, _react.useState)(0),
-    _useState6 = _slicedToArray(_useState5, 2),
-    scrollLeft = _useState6[0],
-    setScrollLeft = _useState6[1];
-  var handleMouseMove = (0, _react.useCallback)(function (e) {
-    if (isDragging && scrollRef && scrollRef.current) {
-      var dx = (e.clientX - startX) * SCROLL_SPEED;
-      scrollRef.current.scrollLeft = scrollLeft - dx;
-    }
-  }, [scrollRef, scrollLeft, isDragging, startX]);
-  var handleMouseUp = (0, _react.useCallback)(function () {
-    setDragging(false);
-    if (scrollRef && scrollRef.current) {
-      scrollRef.current.style.cursor = 'grab';
-    }
-  }, [scrollRef, setDragging]);
-  var handleMouseDown = (0, _react.useCallback)(function (e) {
-    setDragging(true);
-    if (scrollRef && scrollRef.current) {
-      setStartX(e.clientX);
-      setScrollLeft(scrollRef.current.scrollLeft);
-      scrollRef.current.style.cursor = 'grabbing';
-    }
-  }, [scrollRef, setDragging, setStartX, setScrollLeft, handleMouseUp, handleMouseMove]);
-  (0, _react.useEffect)(function () {
-    if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
-      scrollRef.current.style.userSelect = 'none';
-      scrollRef.current.addEventListener('mousedown', handleMouseDown);
-      scrollRef.current.addEventListener('mouseup', handleMouseUp);
-      scrollRef.current.addEventListener('mouseleave', handleMouseUp);
-      scrollRef.current.addEventListener('mousemove', handleMouseMove);
-    }
-    return function () {
-      if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
-        scrollRef.current.removeEventListener('mousedown', handleMouseDown);
-        scrollRef.current.removeEventListener('mouseup', handleMouseUp);
-        scrollRef.current.removeEventListener('mouseleave', handleMouseUp);
-        scrollRef.current.removeEventListener('mousemove', handleMouseMove);
-      }
-    };
-  }, [scrollRef, handleMouseDown, handleMouseUp, handleMouseMove, isDragScrollDisabled]);
-};

package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var config = exports.config = {
-  defaults: {},
-  variations: {}
-};

package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Carousel = void 0;
-Object.defineProperty(exports, "CarouselItem", {
-  enumerable: true,
-  get: function get() {
-    return _Carousel.CarouselItem;
-  }
-});
-exports.mergedConfig = void 0;
-var _Carousel = /*#__PURE__*/require("../../../../components/Carousel");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _Carousel2 = /*#__PURE__*/require("./Carousel.config");
-var mergedConfig = exports.mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Carousel.carouselConfig, _Carousel2.config);
-var Carousel = exports.Carousel = /*#__PURE__*/(0, _engines.component)(mergedConfig);

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

@@ -1,80 +0,0 @@
-import * as React from 'react';
-import type { ComponentProps } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-import styled from 'styled-components';
-
-import { WithTheme } from '../../../_helpers';
-
-import { Carousel, CarouselItem } from './Carousel';
-
-type StoryCarouselProps = ComponentProps<typeof Carousel>;
-
-const meta: Meta<StoryCarouselProps> = {
-    title: 'b2c/Data Display/Carousel',
-    component: Carousel,
-    decorators: [WithTheme],
-    argTypes: {
-        align: {
-            options: ['center', 'start', 'end'],
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        isDragScrollDisabled: {
-            control: 'boolean',
-        },
-    },
-    args: {
-        align: 'center',
-        isDragScrollDisabled: false,
-    },
-    parameters: {
-        controls: {
-            include: ['align', 'isDragScrollDisabled'],
-        },
-    },
-};
-
-export default meta;
-
-const items = Array(25)
-    .fill({
-        title: 'Заголовок',
-    })
-    .map(({ title }, i) => ({
-        id: i,
-        title: `${title} ${i}`,
-    }));
-
-const StyledCard = styled.div`
-    position: relative;
-    border-radius: 8px;
-    width: 350px;
-    height: 50px;
-    padding: 8px;
-    background-color: #add8e6;
-`;
-
-const StoryDefault = ({ align, isDragScrollDisabled }: StoryCarouselProps) => {
-    const [index, setIndex] = React.useState(0);
-
-    return (
-        <Carousel
-            index={index}
-            detectActive
-            onIndexChange={setIndex}
-            scrollAlign={align}
-            isDragScrollDisabled={isDragScrollDisabled}
-        >
-            {items.map((item, i) => (
-                <CarouselItem key={i} style={{ padding: '0 0.5rem' }} scrollSnapAlign={align}>
-                    <StyledCard>{item.title}</StyledCard>
-                </CarouselItem>
-            ))}
-        </Carousel>
-    );
-};
-
-export const Default: StoryObj<StoryCarouselProps> = {
-    render: (args) => <StoryDefault {...args} />,
-};

package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.config.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var config = exports.config = {
-  defaults: {},
-  variations: {}
-};

package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Carousel = void 0;
-Object.defineProperty(exports, "CarouselItem", {
-  enumerable: true,
-  get: function get() {
-    return _Carousel.CarouselItem;
-  }
-});
-exports.mergedConfig = void 0;
-var _Carousel = /*#__PURE__*/require("../../../../components/Carousel");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _Carousel2 = /*#__PURE__*/require("./Carousel.config");
-var mergedConfig = exports.mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Carousel.carouselConfig, _Carousel2.config);
-var Carousel = exports.Carousel = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.stories.tsx

@@ -1,80 +0,0 @@
-import * as React from 'react';
-import type { ComponentProps } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-import styled from 'styled-components';
-
-import { WithTheme } from '../../../_helpers';
-
-import { Carousel, CarouselItem } from './Carousel';
-
-type StoryCarouselProps = ComponentProps<typeof Carousel>;
-
-const meta: Meta<StoryCarouselProps> = {
-    title: 'web/Data Display/Carousel',
-    component: Carousel,
-    decorators: [WithTheme],
-    argTypes: {
-        align: {
-            options: ['center', 'start', 'end'],
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        isDragScrollDisabled: {
-            control: 'boolean',
-        },
-    },
-    args: {
-        align: 'center',
-        isDragScrollDisabled: false,
-    },
-    parameters: {
-        controls: {
-            include: ['align', 'isDragScrollDisabled'],
-        },
-    },
-};
-
-export default meta;
-
-const items = Array(25)
-    .fill({
-        title: 'Заголовок',
-    })
-    .map(({ title }, i) => ({
-        id: i,
-        title: `${title} ${i}`,
-    }));
-
-const StyledCard = styled.div`
-    position: relative;
-    border-radius: 8px;
-    width: 350px;
-    height: 50px;
-    padding: 8px;
-    background-color: #add8e6;
-`;
-
-const StoryDefault = ({ align, isDragScrollDisabled }: StoryCarouselProps) => {
-    const [index, setIndex] = React.useState(0);
-
-    return (
-        <Carousel
-            index={index}
-            detectActive
-            onIndexChange={setIndex}
-            scrollAlign={align}
-            isDragScrollDisabled={isDragScrollDisabled}
-        >
-            {items.map((item, i) => (
-                <CarouselItem key={i} style={{ padding: '0 0.5rem' }} scrollSnapAlign={align}>
-                    <StyledCard>{item.title}</StyledCard>
-                </CarouselItem>
-            ))}
-        </Carousel>
-    );
-};
-
-export const Default: StoryObj<StoryCarouselProps> = {
-    render: (args) => <StoryDefault {...args} />,
-};

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

@@ -1,69 +0,0 @@
-var _excluded = ["index", "scrollSnapType", "scrollAlign", "detectActive", "detectThreshold", "scaleCallback", "scaleResetCallback", "onIndexChange", "paddingStart", "paddingEnd", "children", "ariaLive", "isDragScrollDisabled"];
-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); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { forwardRef } from 'react';
-import { useForkRef } from '@salutejs/plasma-core';
-import { base, CarouselWrapper, CarouselTrack } from "./Carousel.styles";
-import { useCarousel } from "./useCarousel";
-import { useDragScroll } from "./useDragScroll";
-
-/**
- * Компонент для создания списков с прокруткой.
- */
-export var carouselRoot = function carouselRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (_ref, ref) {
-    var _ref$index = _ref.index,
-      index = _ref$index === void 0 ? 0 : _ref$index,
-      _ref$scrollSnapType = _ref.scrollSnapType,
-      scrollSnapType = _ref$scrollSnapType === void 0 ? 'mandatory' : _ref$scrollSnapType,
-      scrollAlign = _ref.scrollAlign,
-      detectActive = _ref.detectActive,
-      detectThreshold = _ref.detectThreshold,
-      scaleCallback = _ref.scaleCallback,
-      scaleResetCallback = _ref.scaleResetCallback,
-      onIndexChange = _ref.onIndexChange,
-      paddingStart = _ref.paddingStart,
-      paddingEnd = _ref.paddingEnd,
-      children = _ref.children,
-      _ref$ariaLive = _ref.ariaLive,
-      ariaLive = _ref$ariaLive === void 0 ? 'off' : _ref$ariaLive,
-      _ref$isDragScrollDisa = _ref.isDragScrollDisabled,
-      isDragScrollDisabled = _ref$isDragScrollDisa === void 0 ? false : _ref$isDragScrollDisa,
-      rest = _objectWithoutProperties(_ref, _excluded);
-    var axis = 'x';
-    var _useCarousel = useCarousel({
-        index: index,
-        axis: axis,
-        scrollAlign: scrollAlign,
-        detectActive: detectActive,
-        detectThreshold: detectThreshold,
-        scaleCallback: scaleCallback,
-        scaleResetCallback: scaleResetCallback,
-        onIndexChange: onIndexChange
-      }),
-      scrollRef = _useCarousel.scrollRef,
-      trackRef = _useCarousel.trackRef;
-    var handleRef = useForkRef(scrollRef, ref);
-    useDragScroll(scrollRef, isDragScrollDisabled);
-    return /*#__PURE__*/React.createElement(Root, {
-      index: index
-    }, /*#__PURE__*/React.createElement(CarouselWrapper, _extends({
-      ref: handleRef,
-      scrollSnapType: scrollSnapType
-    }, rest), /*#__PURE__*/React.createElement(CarouselTrack, {
-      ref: trackRef,
-      paddingStart: paddingStart,
-      paddingEnd: paddingEnd,
-      "aria-live": ariaLive
-    }, children)));
-  });
-};
-export var carouselConfig = {
-  name: 'Carousel',
-  tag: 'div',
-  layout: carouselRoot,
-  base: base,
-  variations: {},
-  defaults: {}
-};

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

@@ -1,30 +0,0 @@
-import styled from 'styled-components';
-import { css } from 'styled-components';
-export var base = /*#__PURE__*/css([""]);
-
-/**
- * Компонент применяется, если требуется компенсировать отступы контейнера в сетке.
- * При обертывании вокруг ``Carousel``, добавляет карусели и ее прокрутке дополнительные отступы.
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
- */
-export var CarouselGridWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-9g0yg0-0"
-})(["overflow:hidden;margin-left:calc(var(--plasma-grid-margin) * -1);margin-right:calc(var(--plasma-grid-margin) * -1);"]);
-export var CarouselWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-9g0yg0-1"
-})(["position:relative;margin:0;padding:0;list-style:none;::-webkit-scrollbar{display:none;}overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:", ";", " &{scroll-padding:0 var(--plasma-grid-margin);padding-left:var(--plasma-grid-margin);}user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);"], function (_ref) {
-  var scrollSnapType = _ref.scrollSnapType;
-  return "x ".concat(scrollSnapType);
-}, CarouselGridWrapper);
-export var CarouselTrack = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-9g0yg0-2"
-})(["display:inline-flex;flex-direction:row;padding-left:", ";padding-right:", ";", " &{padding-right:", ";}"], function (_ref2) {
-  var paddingStart = _ref2.paddingStart;
-  return paddingStart || 0;
-}, function (_ref3) {
-  var paddingEnd = _ref3.paddingEnd;
-  return paddingEnd || 0;
-}, CarouselGridWrapper, function (_ref4) {
-  var paddingEnd = _ref4.paddingEnd;
-  return paddingEnd || 'var(--plasma-grid-margin)';
-});

package/styled-components/es/components/Carousel/Carousel.types.js

@@ -1 +0,0 @@
-export {};

package/styled-components/es/components/Carousel/CarouselItem.js

@@ -1,30 +0,0 @@
-var _excluded = ["scrollSnapAlign", "scrollSnapStop", "children"];
-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); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import styled from 'styled-components';
-var StyledItem = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-1h5d6du-0"
-})(["scroll-snap-align:", ";scroll-snap-stop:", ";"], function (_ref) {
-  var scrollSnapAlign = _ref.scrollSnapAlign;
-  return scrollSnapAlign || 'none';
-}, function (_ref2) {
-  var scrollSnapAlign = _ref2.scrollSnapAlign,
-    scrollSnapStop = _ref2.scrollSnapStop;
-  return scrollSnapAlign ? scrollSnapStop : 'normal';
-});
-export var CarouselItem = function CarouselItem(_ref3) {
-  var _ref3$scrollSnapAlign = _ref3.scrollSnapAlign,
-    scrollSnapAlign = _ref3$scrollSnapAlign === void 0 ? 'center' : _ref3$scrollSnapAlign,
-    _ref3$scrollSnapStop = _ref3.scrollSnapStop,
-    scrollSnapStop = _ref3$scrollSnapStop === void 0 ? 'always' : _ref3$scrollSnapStop,
-    children = _ref3.children,
-    rest = _objectWithoutProperties(_ref3, _excluded);
-  return /*#__PURE__*/React.createElement(StyledItem, _extends({
-    scrollSnapAlign: scrollSnapAlign,
-    scrollSnapStop: scrollSnapStop,
-    role: "group",
-    "aria-roledescription": "slide"
-  }, rest), children);
-};

package/styled-components/es/components/Carousel/index.js

@@ -1,3 +0,0 @@
-export { carouselConfig, carouselRoot } from "./Carousel";
-export { CarouselGridWrapper } from "./Carousel.styles";
-export { CarouselItem } from "./CarouselItem";