@salutejs/plasma-new-hope 0.344.0-canary.2390.20329173821.0 → 0.344.0-canary.2390.20426917226.0

package/dist/styled-components/cjs/components/_beta/Popover/Popover.tokens.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get classes () {
+        return classes;
+    },
+    get tokens () {
+        return tokens;
+    }
+});
+var classes = {
+    popoverRoot: 'popover-root',
+    popoverCloseIconButton: 'popover-close-icon-button'
+};
+var tokens = {
+    backgroundColor: '--plasma-popover-background-color',
+    borderRadius: '--plasma-popover-border-radius',
+    padding: '--plasma-popover-padding',
+    boxShadow: '--plasma-popover-box-shadow',
+    iconColor: '--plasma-popover-icon-color',
+    iconColorHover: '--plasma-popover-icon-color-hover',
+    iconColorActive: '--plasma-popover-icon-color-active',
+    iconOffset: '--plasma-popover-icon-offset'
+};

package/dist/styled-components/cjs/components/_beta/Popover/Popover.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/dist/styled-components/cjs/components/_beta/Popover/index.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get _beta_popoverClasses () {
+        return _Popovertokens.classes;
+    },
+    get _beta_popoverConfig () {
+        return _Popover.popoverConfig;
+    },
+    get _beta_popoverRoot () {
+        return _Popover.popoverRoot;
+    },
+    get _beta_popoverTokens () {
+        return _Popovertokens.tokens;
+    }
+});
+var _Popover = require("./Popover");
+var _Popovertokens = require("./Popover.tokens");

package/dist/styled-components/cjs/components/_beta/Popover/utils/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./sizeToIconSize"), exports);
+_export_star(require("./matchPlacements"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/dist/styled-components/cjs/components/_beta/Popover/utils/matchPlacements.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "matchPlacements", {
+    enumerable: true,
+    get: function() {
+        return matchPlacements;
+    }
+});
+var matchPlacements = function(placement) {
+    switch(placement){
+        case 'top':
+            return 'top';
+        case 'right':
+            return 'right';
+        case 'bottom':
+            return 'bottom';
+        case 'left':
+            return 'left';
+        case 'top-start':
+        case 'left-start':
+            return 'top-left';
+        case 'top-end':
+        case 'right-start':
+            return 'top-right';
+        case 'right-end':
+        case 'bottom-end':
+            return 'bottom-right';
+        case 'bottom-start':
+        case 'left-end':
+            return 'bottom-left';
+        default:
+            return 'center';
+    }
+};

package/dist/styled-components/cjs/components/_beta/Popover/utils/sizeToIconSize.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "sizeToIconSize", {
+    enumerable: true,
+    get: function() {
+        return sizeToIconSize;
+    }
+});
+var sizeToIconSize = function(size) {
+    return size === 's' ? 'xs' : 's';
+};

package/dist/styled-components/cjs/components/_beta/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Popover"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/dist/styled-components/cjs/examples/components/_beta/Popover/Popover.closeInner.config.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("styled-components");
+var _Popover = require("../../../../components/_beta/Popover");
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)([
+                "",
+                ":var(--surface-solid-card);",
+                ":var(--shadow-down-soft-m);",
+                ":var(--text-secondary);",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary-active);"
+            ], _Popover._beta_popoverTokens.backgroundColor, _Popover._beta_popoverTokens.boxShadow, _Popover._beta_popoverTokens.iconColor, _Popover._beta_popoverTokens.iconColorHover, _Popover._beta_popoverTokens.iconColorActive),
+            accent: (0, _styledcomponents.css)([
+                "",
+                ":var(--surface-accent);",
+                ":var(--shadow-down-soft-m);",
+                ":var(--on-dark-text-secondary);",
+                ":var(--on-dark-text-secondary-hover);",
+                ":var(--on-dark-text-secondary-active);"
+            ], _Popover._beta_popoverTokens.backgroundColor, _Popover._beta_popoverTokens.boxShadow, _Popover._beta_popoverTokens.iconColor, _Popover._beta_popoverTokens.iconColorHover, _Popover._beta_popoverTokens.iconColorActive)
+        },
+        size: {
+            l: (0, _styledcomponents.css)([
+                "",
+                ":1rem;",
+                ":0.75rem;",
+                ":0.75rem;"
+            ], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding, _Popover._beta_popoverTokens.iconOffset),
+            m: (0, _styledcomponents.css)([
+                "",
+                ":0.875rem;",
+                ":0.625rem;",
+                ":0.625rem;"
+            ], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding, _Popover._beta_popoverTokens.iconOffset),
+            s: (0, _styledcomponents.css)([
+                "",
+                ":0.75rem;",
+                ":0.5rem;",
+                ":0.5rem;"
+            ], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding, _Popover._beta_popoverTokens.iconOffset)
+        }
+    }
+};

package/dist/styled-components/cjs/examples/components/_beta/Popover/Popover.closeNone.config.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("styled-components");
+var _Popover = require("../../../../components/_beta/Popover");
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)([
+                "",
+                ":var(--surface-solid-card);",
+                ":var(--shadow-down-soft-m);"
+            ], _Popover._beta_popoverTokens.backgroundColor, _Popover._beta_popoverTokens.boxShadow),
+            accent: (0, _styledcomponents.css)([
+                "",
+                ":var(--surface-accent);",
+                ":var(--shadow-down-soft-m);"
+            ], _Popover._beta_popoverTokens.backgroundColor, _Popover._beta_popoverTokens.boxShadow)
+        },
+        size: {
+            l: (0, _styledcomponents.css)([
+                "",
+                ":1rem;",
+                ":0.75rem;"
+            ], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding),
+            m: (0, _styledcomponents.css)([
+                "",
+                ":0.875rem;",
+                ":0.625rem;"
+            ], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding),
+            s: (0, _styledcomponents.css)([
+                "",
+                ":0.75rem;",
+                ":0.5rem;"
+            ], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding)
+        }
+    }
+};

package/dist/styled-components/cjs/examples/components/_beta/Popover/Popover.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Popover () {
+        return Popover;
+    },
+    get PopoverCloseInner () {
+        return PopoverCloseInner;
+    },
+    get PopoverCloseNone () {
+        return PopoverCloseNone;
+    }
+});
+var _Popover = require("../../../../components/_beta/Popover");
+var _engines = require("../../../../engines");
+var _utils = require("../../../../utils");
+var _PopovercloseNoneconfig = require("./Popover.closeNone.config");
+var _PopovercloseInnerconfig = require("./Popover.closeInner.config");
+var mergedCloseNoneConfig = (0, _engines.mergeConfig)(_Popover._beta_popoverConfig, _PopovercloseNoneconfig.config);
+var PopoverCloseNone = (0, _engines.component)(mergedCloseNoneConfig);
+var mergedCloseInnerConfig = (0, _engines.mergeConfig)(_Popover._beta_popoverConfig, _PopovercloseInnerconfig.config);
+var PopoverCloseInner = (0, _engines.component)(mergedCloseInnerConfig);
+var Popover = (0, _utils.createConditionalComponent)(PopoverCloseNone, [
+    {
+        conditions: {
+            prop: 'appearance',
+            value: 'closeInner'
+        },
+        component: PopoverCloseInner
+    }
+]);

package/dist/styled-components/cjs/index.js

@@ -90,6 +90,7 @@ _export_star(require("./components/ProgressBarCircular"), exports);
 _export_star(require("./components/TimePicker"), exports);
 _export_star(require("./components/DateTimePicker"), exports);
 _export_star(require("./components/Loader"), exports);
+_export_star(require("./components/_beta/Popover"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

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

@@ -54,6 +54,9 @@ _export(exports, {
     get isNumber () {
         return _isNumber.isNumber;
     },
+    get mergeHandlers () {
+        return _mergeHandlers.mergeHandlers;
+    },
     get mergeRefs () {
         return _setRefList.mergeRefs;
     },
@@ -84,6 +87,7 @@ var _createConditionalComponent = require("./createConditionalComponent");
 var _deepCopy = require("./deepCopy");
 var _isArraysEqual = require("./isArraysEqual");
 var _fixedForwardRef = require("./fixedForwardRef");
+var _mergeHandlers = require("./mergeHandlers");
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/dist/styled-components/cjs/utils/mergeHandlers.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "mergeHandlers", {
+    enumerable: true,
+    get: function() {
+        return mergeHandlers;
+    }
+});
+var mergeHandlers = function(userHandler, injectedHandler) {
+    return function(event) {
+        try {
+            if (userHandler) {
+                userHandler(event);
+            }
+        } catch (e) {
+            console.error(e);
+            throw e;
+        } finally{
+            if (!event.defaultPrevented && injectedHandler) {
+                injectedHandler(event);
+            }
+        }
+    };
+};

package/dist/styled-components/es/components/Table/Table.js

@@ -307,8 +307,6 @@ export var tableRoot = function(Root) {
             }, setRowProps === null || setRowProps === void 0 ? void 0 : setRowProps(row.original)), row.getVisibleCells().map(function(cell) {
                 var _cell_column_columnDef_meta_setCellProps, _cell_column_columnDef_meta, _cell_column_columnDef, _cell_column, _cell_column_columnDef_meta1, _cell_column_columnDef1, _cell_column1;
                 var additionalProps = (cell === null || cell === void 0 ? void 0 : (_cell_column = cell.column) === null || _cell_column === void 0 ? void 0 : (_cell_column_columnDef = _cell_column.columnDef) === null || _cell_column_columnDef === void 0 ? void 0 : (_cell_column_columnDef_meta = _cell_column_columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : (_cell_column_columnDef_meta_setCellProps = _cell_column_columnDef_meta.setCellProps) === null || _cell_column_columnDef_meta_setCellProps === void 0 ? void 0 : _cell_column_columnDef_meta_setCellProps.call(_cell_column_columnDef_meta, cell.row.original, cell.id)) || {};
-                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                // @ts-ignore
                 return (cell === null || cell === void 0 ? void 0 : (_cell_column1 = cell.column) === null || _cell_column1 === void 0 ? void 0 : (_cell_column_columnDef1 = _cell_column1.columnDef) === null || _cell_column_columnDef1 === void 0 ? void 0 : (_cell_column_columnDef_meta1 = _cell_column_columnDef1.meta) === null || _cell_column_columnDef_meta1 === void 0 ? void 0 : _cell_column_columnDef_meta1.enableEditing) ? /*#__PURE__*/ React.createElement(EditableCell, {
                     key: cell.id,
                     size: size,

package/dist/styled-components/es/components/Table/Table.styles.js

@@ -19,7 +19,7 @@ export var base = css([
 ]);
 export var ScrollableWrapper = styled.div.withConfig({
     displayName: "Table.styles__ScrollableWrapper",
-    componentId: "sc-508bc303-0"
+    componentId: "sc-c4913190-0"
 })([
     "overflow-y:auto;max-height:",
     ";"
@@ -29,7 +29,7 @@ export var ScrollableWrapper = styled.div.withConfig({
 });
 export var Table = styled.table.withConfig({
     displayName: "Table.styles__Table",
-    componentId: "sc-508bc303-1"
+    componentId: "sc-c4913190-1"
 })([
     "width:fit-content;font-family:var(",
     ");font-size:var(",
@@ -45,7 +45,7 @@ export var Table = styled.table.withConfig({
 });
 export var Tr = styled.tr.withConfig({
     displayName: "Table.styles__Tr",
-    componentId: "sc-508bc303-2"
+    componentId: "sc-c4913190-2"
 })([
     "box-sizing:content-box;width:fit-content;background-color:",
     ";"
@@ -55,7 +55,7 @@ export var Tr = styled.tr.withConfig({
 });
 export var Thead = styled.thead.withConfig({
     displayName: "Table.styles__Thead",
-    componentId: "sc-508bc303-3"
+    componentId: "sc-c4913190-3"
 })([
     "position:",
     ";top:0;background:",
@@ -75,13 +75,13 @@ export var Thead = styled.thead.withConfig({
 }, Tr);
 export var Tbody = styled.tbody.withConfig({
     displayName: "Table.styles__Tbody",
-    componentId: "sc-508bc303-4"
+    componentId: "sc-c4913190-4"
 })([
     ""
 ]);
 export var Resizer = styled.div.withConfig({
     displayName: "Table.styles__Resizer",
-    componentId: "sc-508bc303-5"
+    componentId: "sc-c4913190-5"
 })([
     "display:",
     ";position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;user-select:none;touch-action:none;"
@@ -91,12 +91,12 @@ export var Resizer = styled.div.withConfig({
 });
 export var Th = styled.th.withConfig({
     displayName: "Table.styles__Th",
-    componentId: "sc-508bc303-6"
+    componentId: "sc-c4913190-6"
 })([
     "padding:",
     ";position:relative;font-weight:600;text-align:left;height:var(",
     ");background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:",
-    ";&:hover{",
+    ";box-sizing:border-box;&:hover{",
     "{display:block;}}"
 ], function(param) {
     var selectionCell = param.selectionCell;
@@ -107,7 +107,7 @@ export var Th = styled.th.withConfig({
 }, Resizer);
 export var StyledCheckbox = styled(Checkbox).withConfig({
     displayName: "Table.styles__StyledCheckbox",
-    componentId: "sc-508bc303-7"
+    componentId: "sc-c4913190-7"
 })([
     "",
     ":var(",
@@ -127,7 +127,7 @@ export var StyledCheckbox = styled(Checkbox).withConfig({
 ], checkboxTokens.triggerSize, tokens.checkboxTriggerSize, checkboxTokens.triggerBorderRadius, tokens.checkboxTriggerBorderRadius, checkboxTokens.fillColor, tokens.checkboxFillColor, checkboxTokens.iconColor, tokens.checkboxTriggerIconColor, checkboxTokens.triggerBorderCheckedColor, tokens.checkboxTriggerBorderCheckedColor, checkboxTokens.triggerBorderWidth, tokens.checkboxTriggerBorderWidth, checkboxTokens.triggerBorderColor, tokens.checkboxTriggerBorderColor);
 export var StyledDivider = styled(Divider).withConfig({
     displayName: "Table.styles__StyledDivider",
-    componentId: "sc-508bc303-8"
+    componentId: "sc-c4913190-8"
 })([
     "",
     ":0.0625rem;",
@@ -136,7 +136,7 @@ export var StyledDivider = styled(Divider).withConfig({
 ], dividerTokens.baseSideSize, dividerTokens.background, dividerTokens.borderRadius);
 export var Button = styled(ButtonBase).withConfig({
     displayName: "Table.styles__Button",
-    componentId: "sc-508bc303-9"
+    componentId: "sc-c4913190-9"
 })([
     "",
     ":var(",
@@ -157,7 +157,7 @@ export var Button = styled(ButtonBase).withConfig({
 ], buttonTokens.buttonHeight, tokens.buttonHeight, buttonTokens.buttonDisabledOpacity, buttonTokens.buttonFontFamily, tokens.buttonFontFamily, buttonTokens.buttonFontSize, tokens.buttonFontSize, buttonTokens.buttonFontStyle, tokens.buttonFontStyle, buttonTokens.buttonFontWeight, tokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, tokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, tokens.buttonLineHeight);
 export var ButtonAccent = styled(Button).withConfig({
     displayName: "Table.styles__ButtonAccent",
-    componentId: "sc-508bc303-10"
+    componentId: "sc-c4913190-10"
 })([
     "",
     ":var(--on-dark-text-primary);",
@@ -168,7 +168,7 @@ export var ButtonAccent = styled(Button).withConfig({
 ], buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive);
 export var LinkButton = styled(LinkButtonBase).withConfig({
     displayName: "Table.styles__LinkButton",
-    componentId: "sc-508bc303-11"
+    componentId: "sc-c4913190-11"
 })([
     "",
     ":var(--text-primary);",

package/dist/styled-components/es/components/_Slot/Slot.js

@@ -0,0 +1,86 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(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 _object_without_properties_loose(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 * as React from "react";
+import { mergeRefs, mergeHandlers } from "../../utils";
+export var Slot = /*#__PURE__*/ React.forwardRef(function(props, forwardedRef) {
+    var children = props.children, slotProps = _object_without_properties(props, [
+        "children"
+    ]);
+    if (!/*#__PURE__*/ React.isValidElement(children)) {
+        return null;
+    }
+    var child = children;
+    var childProps = child.props;
+    var mergedProps = _object_spread({}, slotProps);
+    // merge event handlers
+    for(var key in slotProps){
+        if (/^on[A-Z]/.test(key)) {
+            mergedProps[key] = mergeHandlers(childProps[key], slotProps[key]);
+        }
+    }
+    if (childProps.className || slotProps.className) {
+        mergedProps.className = [
+            slotProps.className,
+            childProps.className
+        ].filter(Boolean).join(' ');
+    }
+    // merge style
+    if (childProps.style || slotProps.style) {
+        mergedProps.style = _object_spread({}, slotProps.style, childProps.style);
+    }
+    mergedProps.ref = mergeRefs(childProps.ref, forwardedRef);
+    return /*#__PURE__*/ React.cloneElement(children, mergedProps);
+});