@salutejs/plasma-new-hope 0.231.0-canary.1657.12468366213.0 → 0.231.0-canary.1673.12468530749.0

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

@@ -1,57 +0,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 _excluded = ["children", "className", "style", "orientation", "arrangement", "alignment", "mainAxisGap", "crossAxisGap", "minColWidth", "itemsPerLine"];
-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 _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 } from 'react';
-import cls from 'classnames';
-import { base } from './Flow.styles';
-export var flowRoot = function flowRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (_ref, ref) {
-    var children = _ref.children,
-      className = _ref.className,
-      style = _ref.style,
-      _ref$orientation = _ref.orientation,
-      orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
-      arrangement = _ref.arrangement,
-      alignment = _ref.alignment,
-      _ref$mainAxisGap = _ref.mainAxisGap,
-      mainAxisGap = _ref$mainAxisGap === void 0 ? '0' : _ref$mainAxisGap,
-      _ref$crossAxisGap = _ref.crossAxisGap,
-      crossAxisGap = _ref$crossAxisGap === void 0 ? '0' : _ref$crossAxisGap,
-      _ref$minColWidth = _ref.minColWidth,
-      minColWidth = _ref$minColWidth === void 0 ? 'auto' : _ref$minColWidth,
-      itemsPerLine = _ref.itemsPerLine,
-      rest = _objectWithoutProperties(_ref, _excluded);
-    var hasMinWidth = Boolean(minColWidth && minColWidth !== 'auto');
-    var needGrid = Boolean(Number(itemsPerLine) > 0 || hasMinWidth);
-    return /*#__PURE__*/React.createElement(Root, _extends({
-      ref: ref,
-      className: cls(className, {
-        vertical: orientation === 'vertical',
-        grid: needGrid,
-        elastic: hasMinWidth
-      }),
-      style: _objectSpread(_objectSpread({}, style), {}, {
-        '--plasma-private-gap': "".concat(mainAxisGap, " ").concat(crossAxisGap),
-        '--plasma-private-items': String(itemsPerLine),
-        '--plasma-private-min-width': String(minColWidth)
-      }),
-      "data-arrangement": arrangement,
-      "data-alignment": alignment
-    }, rest), children);
-  });
-};
-export var flowConfig = {
-  name: 'Flow',
-  tag: 'div',
-  layout: flowRoot,
-  base: base,
-  defaults: {},
-  variations: {}
-};

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

@@ -1,2 +0,0 @@
-import { css } from 'styled-components';
-export var base = /*#__PURE__*/css(["display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--plasma-private-gap);border-radius:0.5rem;&.vertical{flex-direction:column;}&.grid{display:grid;grid-template-columns:repeat(var(--plasma-private-items),auto);grid-auto-flow:row;&.elastic{grid-template-columns:repeat(auto-fill,minmax(var(--plasma-private-min-width),auto));grid-auto-flow:row;}&:not(.vertical){&[data-arrangement='start']{justify-items:start;}&[data-arrangement='center']{justify-items:center;}&[data-arrangement='end']{justify-items:end;}&[data-arrangement='spaceBetween']{justify-content:space-between;}&[data-arrangement='spaceAround']{justify-content:space-around;}&[data-alignment='start']{align-items:start;}&[data-alignment='center']{align-items:center;}&[data-alignment='end']{align-items:end;}}&.vertical{grid-template-columns:auto;grid-template-rows:repeat(var(--plasma-private-items),auto);grid-auto-flow:column;&[data-arrangement='start']{align-items:start;}&[data-arrangement='center']{align-items:center;}&[data-arrangement='end']{align-items:end;}&[data-arrangement='spaceBetween']{align-content:space-between;align-items:normal;}&[data-arrangement='spaceAround']{align-content:space-around;align-items:normal;}&[data-alignment='start']{justify-items:start;}&[data-alignment='center']{justify-items:center;}&[data-alignment='end']{justify-items:end;}}}&:not(&.grid){&[data-arrangement='start']{justify-content:start;}&[data-arrangement='center']{justify-content:center;}&[data-arrangement='end']{justify-content:end;}&[data-arrangement='spaceBetween']{justify-content:space-between;}&[data-arrangement='spaceAround']{justify-content:space-around;}&[data-alignment='start']{align-items:start;}&[data-alignment='center']{align-items:center;}&[data-alignment='end']{align-items:end;}}"]);

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

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

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

@@ -1 +0,0 @@
-export { flowRoot, flowConfig } from './Flow';

package/styled-components/es/examples/plasma_b2c/components/Flow/Flow.config.js

@@ -1,4 +0,0 @@
-export var config = {
-  defaults: {},
-  variations: {}
-};

package/styled-components/es/examples/plasma_b2c/components/Flow/Flow.js

@@ -1,5 +0,0 @@
-import { flowConfig } from '../../../../components/Flow';
-import { component, mergeConfig } from '../../../../engines';
-import { config } from './Flow.config';
-var mergedConfig = /*#__PURE__*/mergeConfig(flowConfig, config);
-export var Flow = /*#__PURE__*/component(mergedConfig);

package/styled-components/es/examples/plasma_b2c/components/Flow/Flow.stories.tsx

@@ -1,114 +0,0 @@
-import React, { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import styled from 'styled-components';
-
-import { WithTheme } from '../../../_helpers';
-
-import { Flow } from './Flow';
-
-const orientations = ['vertical', 'horizontal'];
-const arrangements = ['start', 'center', 'end', 'spaceBetween', 'spaceAround'];
-const alignments = ['start', 'center', 'end'];
-
-const widths = [100, 32, 171, 74, 179, 55];
-const heights = [10, 50, 45, 33, 14, 55];
-
-const Item = styled.div`
-    padding: 0.5rem 1rem;
-    border-radius: 0.5rem;
-    background: #aab1e9;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-`;
-
-const meta: Meta<typeof Flow> = {
-    title: 'b2c/Data Display/Flow',
-    component: Flow,
-    decorators: [WithTheme],
-    argTypes: {
-        itemsCount: {
-            control: {
-                type: 'number',
-            },
-        },
-        height: {
-            control: {
-                type: 'text',
-            },
-            if: { arg: 'orientation', eq: 'vertical' },
-        },
-        orientation: {
-            options: orientations,
-            control: {
-                type: 'select',
-            },
-        },
-        arrangement: {
-            options: arrangements,
-            control: {
-                type: 'select',
-            },
-        },
-        alignment: {
-            options: alignments,
-            control: {
-                type: 'select',
-            },
-        },
-        mainAxisGap: {
-            control: {
-                type: 'text',
-            },
-        },
-        crossAxisGap: {
-            control: {
-                type: 'text',
-            },
-        },
-        itemsPerLine: {
-            control: {
-                type: 'number',
-            },
-        },
-        minColWidth: {
-            control: {
-                type: 'text',
-            },
-        },
-    },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Flow>;
-
-export const Default: Story = {
-    args: {
-        height: '13rem',
-        orientation: 'horizontal',
-        arrangement: 'start',
-        alignment: 'start',
-        mainAxisGap: '0',
-        crossAxisGap: '0',
-        minColWidth: 'auto',
-        itemsCount: 6,
-    },
-    render: ({ itemsCount, height, ...args }: ComponentProps<typeof Flow>) => {
-        return (
-            <Flow {...args} style={{ maxWidth: '28rem', height: height || 'auto' }}>
-                {new Array(itemsCount).fill(null).map((width, index) => (
-                    <Item
-                        key={index}
-                        style={{
-                            minWidth: widths[index % widths.length],
-                            minHeight: heights[index % heights.length],
-                        }}
-                    >
-                        {index + 1}
-                    </Item>
-                ))}
-            </Flow>
-        );
-    },
-};

package/types/components/ElasticGrid/ElasticGrid.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=ElasticGrid.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ElasticGrid.d.ts","sourceRoot":"","sources":["../../../src/components/ElasticGrid/ElasticGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC"}

package/types/components/ElasticGrid/index.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.d.ts.map

package/types/components/ElasticGrid/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ElasticGrid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC"}

package/types/components/Flow/Flow.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { RootProps } from '../../engines';
-import { FlowProps } from './Flow.types';
-export declare const flowRoot: (Root: RootProps<HTMLDivElement, FlowProps>) => React.ForwardRefExoticComponent<FlowProps & React.RefAttributes<HTMLDivElement>>;
-export declare const flowConfig: {
-    name: string;
-    tag: string;
-    layout: (Root: RootProps<HTMLDivElement, FlowProps>) => React.ForwardRefExoticComponent<FlowProps & React.RefAttributes<HTMLDivElement>>;
-    base: import("@linaria/core").LinariaClassName;
-    defaults: {};
-    variations: {};
-};
-//# sourceMappingURL=Flow.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Flow.d.ts","sourceRoot":"","sources":["../../../src/components/Flow/Flow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,QAAQ,SAAU,UAAU,cAAc,EAAE,SAAS,CAAC,qFAiD9D,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBAnDQ,UAAU,cAAc,EAAE,SAAS,CAAC;;;;CA0DlE,CAAC"}

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

@@ -1,2 +0,0 @@
-export declare const base: import("@linaria/core").LinariaClassName;
-//# sourceMappingURL=Flow.styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Flow.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Flow/Flow.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAoIhB,CAAC"}

package/types/components/Flow/Flow.types.d.ts

@@ -1,35 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-export interface FlowProps {
-    children: ReactNode;
-    className?: string;
-    style?: CSSProperties;
-    orientation?: 'horizontal' | 'vertical';
-    /**
-     * Расположение элементов относительно выбранной ориентации
-     */
-    arrangement?: 'start' | 'center' | 'end' | 'spaceBetween' | 'spaceAround';
-    /**
-     * Выравнивание элементов внутри строк по вертикали при горизонтальной ориентации,
-     * или внутри столбцов по горизонтали при вертикальной
-     */
-    alignment?: 'start' | 'center' | 'end';
-    /**
-     *  Фиксированный отступ между элементами по главной оси
-     */
-    mainAxisGap?: string;
-    /**
-     *  Фиксированный отступ между элементами по второстепенной оси
-     */
-    crossAxisGap?: string;
-    /**
-     *  Количество элементов по главной оси в отображении grid, при itemsPerLine > 0,
-     *  иначе используется flex и flex-wrap
-     */
-    itemsPerLine?: number;
-    /**
-     *  Минимальный размер колонки для эластичной сетки с динамическим количеством растянутых столбцов
-     *  `grid-template-columns: repeat(auto-fill, minmax(${minColWidth}, auto))`
-     */
-    minColWidth?: string;
-}
-//# sourceMappingURL=Flow.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Flow.types.d.ts","sourceRoot":"","sources":["../../../src/components/Flow/Flow.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,WAAW,SAAS;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,cAAc,GAAG,aAAa,CAAC;IAC1E;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/types/components/Flow/index.d.ts

@@ -1,2 +0,0 @@
-export { flowRoot, flowConfig } from './Flow';
-//# sourceMappingURL=index.d.ts.map

package/types/components/Flow/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Flow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC"}

package/types/examples/plasma_b2c/components/Flow/Flow.config.d.ts

@@ -1,5 +0,0 @@
-export declare const config: {
-    defaults: {};
-    variations: {};
-};
-//# sourceMappingURL=Flow.config.d.ts.map

package/types/examples/plasma_b2c/components/Flow/Flow.config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Flow.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Flow/Flow.config.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;CAGlB,CAAC"}

package/types/examples/plasma_b2c/components/Flow/Flow.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const Flow: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{}> & import("../../../../components/Flow/Flow.types").FlowProps & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=Flow.d.ts.map

package/types/examples/plasma_b2c/components/Flow/Flow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Flow.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Flow/Flow.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,IAAI,mMAA0B,CAAC"}