@alfalab/core-components 22.3.1 → 23.3.0

package/custom-button/cssm/index.module.css

@@ -0,0 +1,57 @@
+:root {
+    --color-static-text-primary-dark: #0b1f35;
+    --color-static-text-primary-light: #fff;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+.customButton {
+    overflow: hidden;
+    position: relative
+}
+.customButton.white * {
+        color: var(--color-static-text-primary-light);
+    }
+.customButton.black * {
+        color: var(--color-static-text-primary-dark);
+    }
+.customButton span {
+        position: relative;
+        z-index: 3;
+    }
+.customButton:before {
+        position: absolute;
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        background-color: rgba(0, 0, 0, 0);
+        content: '';
+        transition: 0.2s;
+        opacity: 1;
+        pointer-events: none;
+    }
+.customButton:hover:before {
+        background-color: rgba(0, 0, 0, 0.07);
+    }
+.customButton:active:before {
+        background-color: rgba(0, 0, 0, 0.15);
+    }
+/* Disabled */
+.customButton:disabled {
+    opacity: 0.3
+}
+.customButton:disabled.customLoading {
+        opacity: 1;
+    }
+.customButton:disabled.white * {
+        color: var(--color-static-text-primary-light);
+    }
+.customButton:disabled.black * {
+        color: var(--color-static-text-primary-dark);
+    }

package/custom-button/esm/Component.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import React from 'react';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes } from "react";
+import { ComponentProps as ButtonComponentProps } from "../../button";
+type ComponentProps = Omit<ButtonComponentProps, 'view' | 'colors'> & {
+    /**
+     * Цвет кнопки
+     */
+    backgroundColor?: string;
+    /**
+     * Цвет контента
+     */
+    contentColor?: 'black' | 'white';
+};
+type AnchorButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
+type NativeButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;
+type CustomButtonProps = Partial<AnchorButtonProps | NativeButtonProps>;
+declare const CustomButton: React.ForwardRefExoticComponent<(Partial<AnchorButtonProps> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>) | (Partial<NativeButtonProps> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>)>;
+export { ComponentProps, CustomButtonProps, CustomButton };

package/custom-button/esm/Component.js

@@ -0,0 +1,68 @@
+import React from 'react';
+import cn from 'classnames';
+import { Button } from '../../button/esm';
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var __assign = function () {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s)
+                if (Object.prototype.hasOwnProperty.call(s, p))
+                    t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+function __rest(s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var styles = {"customButton":"custom-button__customButton_1a597","white":"custom-button__white_1a597","black":"custom-button__black_1a597","customLoading":"custom-button__customLoading_1a597"};
+require('./index.css');
+
+var DEFAULT_BUTTON_COLOR = '#FF45C3';
+var DEFAULT_CONTENT_COLOR = 'white';
+var CustomButton = React.forwardRef(function (_a, ref) {
+    var _b;
+    var children = _a.children, className = _a.className, loading = _a.loading, _c = _a.backgroundColor, backgroundColor = _c === void 0 ? DEFAULT_BUTTON_COLOR : _c, _d = _a.contentColor, contentColor = _d === void 0 ? DEFAULT_CONTENT_COLOR : _d, restProps = __rest(_a, ["children", "className", "loading", "backgroundColor", "contentColor"]);
+    var buttonProps = __assign({ style: { background: backgroundColor } }, restProps);
+    var buttonClassName = cn(styles.customButton, className, styles[contentColor], (_b = {},
+        _b[styles.customLoading] = loading,
+        _b));
+    return (React.createElement(Button, __assign({}, buttonProps, { view: 'primary', ref: ref, className: buttonClassName, loading: loading }), children));
+});
+/**
+ * Для отображения в сторибуке
+ */
+CustomButton.defaultProps = {
+    size: 'm',
+    block: false,
+    loading: false,
+    nowrap: false,
+};
+
+export { CustomButton };

package/custom-button/esm/index.css

@@ -0,0 +1,58 @@
+/* hash: 4l53u */
+:root {
+    --color-static-text-primary-dark: #0b1f35;
+    --color-static-text-primary-light: #fff;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+.custom-button__customButton_1a597 {
+    overflow: hidden;
+    position: relative
+}
+.custom-button__customButton_1a597.custom-button__white_1a597 * {
+        color: var(--color-static-text-primary-light);
+    }
+.custom-button__customButton_1a597.custom-button__black_1a597 * {
+        color: var(--color-static-text-primary-dark);
+    }
+.custom-button__customButton_1a597 span {
+        position: relative;
+        z-index: 3;
+    }
+.custom-button__customButton_1a597:before {
+        position: absolute;
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        background-color: rgba(0, 0, 0, 0);
+        content: '';
+        transition: 0.2s;
+        opacity: 1;
+        pointer-events: none;
+    }
+.custom-button__customButton_1a597:hover:before {
+        background-color: rgba(0, 0, 0, 0.07);
+    }
+.custom-button__customButton_1a597:active:before {
+        background-color: rgba(0, 0, 0, 0.15);
+    }
+/* Disabled */
+.custom-button__customButton_1a597:disabled {
+    opacity: 0.3
+}
+.custom-button__customButton_1a597:disabled.custom-button__customLoading_1a597 {
+        opacity: 1;
+    }
+.custom-button__customButton_1a597:disabled.custom-button__white_1a597 * {
+        color: var(--color-static-text-primary-light);
+    }
+.custom-button__customButton_1a597:disabled.custom-button__black_1a597 * {
+        color: var(--color-static-text-primary-dark);
+    }

package/custom-button/esm/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/custom-button/esm/index.js

@@ -0,0 +1,4 @@
+import 'react';
+import 'classnames';
+import '../../button/esm';
+export { CustomButton } from './Component.js';

package/custom-button/index.css

@@ -0,0 +1,58 @@
+/* hash: 4l53u */
+:root {
+    --color-static-text-primary-dark: #0b1f35;
+    --color-static-text-primary-light: #fff;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+.custom-button__customButton_1a597 {
+    overflow: hidden;
+    position: relative
+}
+.custom-button__customButton_1a597.custom-button__white_1a597 * {
+        color: var(--color-static-text-primary-light);
+    }
+.custom-button__customButton_1a597.custom-button__black_1a597 * {
+        color: var(--color-static-text-primary-dark);
+    }
+.custom-button__customButton_1a597 span {
+        position: relative;
+        z-index: 3;
+    }
+.custom-button__customButton_1a597:before {
+        position: absolute;
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        background-color: rgba(0, 0, 0, 0);
+        content: '';
+        transition: 0.2s;
+        opacity: 1;
+        pointer-events: none;
+    }
+.custom-button__customButton_1a597:hover:before {
+        background-color: rgba(0, 0, 0, 0.07);
+    }
+.custom-button__customButton_1a597:active:before {
+        background-color: rgba(0, 0, 0, 0.15);
+    }
+/* Disabled */
+.custom-button__customButton_1a597:disabled {
+    opacity: 0.3
+}
+.custom-button__customButton_1a597:disabled.custom-button__customLoading_1a597 {
+        opacity: 1;
+    }
+.custom-button__customButton_1a597:disabled.custom-button__white_1a597 * {
+        color: var(--color-static-text-primary-light);
+    }
+.custom-button__customButton_1a597:disabled.custom-button__black_1a597 * {
+        color: var(--color-static-text-primary-dark);
+    }

package/custom-button/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/custom-button/index.js

@@ -0,0 +1,10 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+require('react');
+require('classnames');
+require('../button');
+
+
+
+exports.CustomButton = Component.CustomButton;

package/custom-button/modern/Component.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import React from 'react';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes } from "react";
+import { ComponentProps as ButtonComponentProps } from "../../button";
+type ComponentProps = Omit<ButtonComponentProps, 'view' | 'colors'> & {
+    /**
+     * Цвет кнопки
+     */
+    backgroundColor?: string;
+    /**
+     * Цвет контента
+     */
+    contentColor?: 'black' | 'white';
+};
+type AnchorButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
+type NativeButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;
+type CustomButtonProps = Partial<AnchorButtonProps | NativeButtonProps>;
+declare const CustomButton: React.ForwardRefExoticComponent<(Partial<AnchorButtonProps> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>) | (Partial<NativeButtonProps> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>)>;
+export { ComponentProps, CustomButtonProps, CustomButton };

package/custom-button/modern/Component.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import cn from 'classnames';
+import { Button } from '../../button/modern';
+
+var styles = {"customButton":"custom-button__customButton_1a597","white":"custom-button__white_1a597","black":"custom-button__black_1a597","customLoading":"custom-button__customLoading_1a597"};
+require('./index.css');
+
+const DEFAULT_BUTTON_COLOR = '#FF45C3';
+const DEFAULT_CONTENT_COLOR = 'white';
+const CustomButton = React.forwardRef(({ children, className, loading, backgroundColor = DEFAULT_BUTTON_COLOR, contentColor = DEFAULT_CONTENT_COLOR, ...restProps }, ref) => {
+    const buttonProps = {
+        style: { background: backgroundColor },
+        ...restProps,
+    };
+    const buttonClassName = cn(styles.customButton, className, styles[contentColor], {
+        [styles.customLoading]: loading,
+    });
+    return (React.createElement(Button, Object.assign({}, buttonProps, { view: 'primary', ref: ref, className: buttonClassName, loading: loading }), children));
+});
+/**
+ * Для отображения в сторибуке
+ */
+CustomButton.defaultProps = {
+    size: 'm',
+    block: false,
+    loading: false,
+    nowrap: false,
+};
+
+export { CustomButton };

package/custom-button/modern/index.css

@@ -0,0 +1,58 @@
+/* hash: 4l53u */
+:root {
+    --color-static-text-primary-dark: #0b1f35;
+    --color-static-text-primary-light: #fff;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+.custom-button__customButton_1a597 {
+    overflow: hidden;
+    position: relative
+}
+.custom-button__customButton_1a597.custom-button__white_1a597 * {
+        color: var(--color-static-text-primary-light);
+    }
+.custom-button__customButton_1a597.custom-button__black_1a597 * {
+        color: var(--color-static-text-primary-dark);
+    }
+.custom-button__customButton_1a597 span {
+        position: relative;
+        z-index: 3;
+    }
+.custom-button__customButton_1a597:before {
+        position: absolute;
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        background-color: rgba(0, 0, 0, 0);
+        content: '';
+        transition: 0.2s;
+        opacity: 1;
+        pointer-events: none;
+    }
+.custom-button__customButton_1a597:hover:before {
+        background-color: rgba(0, 0, 0, 0.07);
+    }
+.custom-button__customButton_1a597:active:before {
+        background-color: rgba(0, 0, 0, 0.15);
+    }
+/* Disabled */
+.custom-button__customButton_1a597:disabled {
+    opacity: 0.3
+}
+.custom-button__customButton_1a597:disabled.custom-button__customLoading_1a597 {
+        opacity: 1;
+    }
+.custom-button__customButton_1a597:disabled.custom-button__white_1a597 * {
+        color: var(--color-static-text-primary-light);
+    }
+.custom-button__customButton_1a597:disabled.custom-button__black_1a597 * {
+        color: var(--color-static-text-primary-dark);
+    }

package/custom-button/modern/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/custom-button/modern/index.js

@@ -0,0 +1,4 @@
+import 'react';
+import 'classnames';
+import '../../button/modern';
+export { CustomButton } from './Component.js';

package/custom-button/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "./esm/index.js"
+}

package/custom-button/send-stats.js

@@ -0,0 +1,82 @@
+const http = require('http');
+const fs = require('fs');
+const { promisify } = require('util');
+const path = require('path');
+
+const readFile = promisify(fs.readFile);
+
+async function main() {
+    const remoteHost = process.env.NIS_HOST || 'digital';
+    const remotePort = process.env.NIS_PORT || 80;
+    const remotePath = process.env.NIS_PATH || '/npm-install-stats/api/install-stats';
+
+    try {
+        const [_, node, os, arch] =
+            /node\/v(\d+\.\d+\.\d+) (\w+) (\w+)/.exec(process.env.npm_config_user_agent) || [];
+        const [__, npm] = /npm\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
+        const [___, yarn] = /yarn\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
+
+        let ownPackageJson, packageJson;
+
+        try {
+            const result = await Promise.all([
+                readFile(path.join(process.cwd(), 'package.json'), 'utf-8'),
+                readFile(path.join(process.cwd(), '../../../package.json'), 'utf-8'),
+            ]);
+
+            ownPackageJson = JSON.parse(result[0]);
+            packageJson = JSON.parse(result[1]);
+        } catch (err) {
+            ownPackageJson = '';
+            packageJson = '';
+        }
+
+        const data = {
+            node,
+            npm,
+            yarn,
+            os,
+            arch,
+            ownPackageJson: JSON.stringify(ownPackageJson),
+            packageJson: JSON.stringify(packageJson),
+        };
+
+        const body = JSON.stringify(data);
+
+        const options = {
+            host: remoteHost,
+            port: remotePort,
+            path: remotePath,
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'Content-Length': body.length,
+            },
+        };
+
+        return new Promise((resolve, reject) => {
+            const req = http.request(options, res => {
+                res.on('end', () => {
+                    resolve();
+                });
+            });
+
+            req.on('error', () => {
+                reject();
+            });
+
+            req.write(body);
+            req.end();
+        });
+    } catch (error) {
+        throw error;
+    }
+}
+
+main()
+    .then(() => {
+        process.exit(0);
+    })
+    .catch(() => {
+        process.exit(0);
+    });

package/date-input/Component.js

@@ -50,7 +50,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"nativeInput":"date-input__nativeInput_9rwz7"};
+var styles = {"nativeInput":"date-input__nativeInput_1j9zy"};
 require('./index.css');
 
 var DateInput = React__default['default'].forwardRef(function (_a, ref) {

package/date-input/esm/Component.js

@@ -44,7 +44,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"nativeInput":"date-input__nativeInput_9rwz7"};
+var styles = {"nativeInput":"date-input__nativeInput_1j9zy"};
 require('./index.css');
 
 var DateInput = React.forwardRef(function (_a, ref) {

package/date-input/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1mje7 */
+/* hash: 6c975 */
 :root {
 
     /* Hard */
@@ -7,7 +7,7 @@
 
     /* Hard up */
 }
-.date-input__nativeInput_9rwz7 {
+.date-input__nativeInput_1j9zy {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -18,9 +18,9 @@
             appearance: none;
     z-index: 1
 }
-.date-input__nativeInput_9rwz7::-webkit-calendar-picker-indicator {
+.date-input__nativeInput_1j9zy::-webkit-calendar-picker-indicator {
         display: none;
     }
-.date-input__nativeInput_9rwz7::-webkit-inner-spin-button {
+.date-input__nativeInput_1j9zy::-webkit-inner-spin-button {
         display: none;
     }

package/date-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 1mje7 */
+/* hash: 6c975 */
 :root {
 
     /* Hard */
@@ -7,7 +7,7 @@
 
     /* Hard up */
 }
-.date-input__nativeInput_9rwz7 {
+.date-input__nativeInput_1j9zy {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -18,9 +18,9 @@
             appearance: none;
     z-index: 1
 }
-.date-input__nativeInput_9rwz7::-webkit-calendar-picker-indicator {
+.date-input__nativeInput_1j9zy::-webkit-calendar-picker-indicator {
         display: none;
     }
-.date-input__nativeInput_9rwz7::-webkit-inner-spin-button {
+.date-input__nativeInput_1j9zy::-webkit-inner-spin-button {
         display: none;
     }

package/date-input/modern/Component.js

@@ -5,7 +5,7 @@ import { parseDateString, NATIVE_DATE_FORMAT, formatDate } from './utils/format.
 import { createAutoCorrectedDatePipe, mask } from './utils/date-correction-pipe.js';
 import { SUPPORTS_INPUT_TYPE_DATE } from './utils/native-supports.js';
 
-var styles = {"nativeInput":"date-input__nativeInput_9rwz7"};
+var styles = {"nativeInput":"date-input__nativeInput_1j9zy"};
 require('./index.css');
 
 const DateInput = React.forwardRef(({ maxYear, minYear, mobileMode = 'input', value, defaultValue, rightAddons, onChange, ...restProps }, ref) => {

package/date-input/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1mje7 */
+/* hash: 6c975 */
 :root {
 
     /* Hard */
@@ -7,7 +7,7 @@
 
     /* Hard up */
 }
-.date-input__nativeInput_9rwz7 {
+.date-input__nativeInput_1j9zy {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -18,9 +18,9 @@
             appearance: none;
     z-index: 1
 }
-.date-input__nativeInput_9rwz7::-webkit-calendar-picker-indicator {
+.date-input__nativeInput_1j9zy::-webkit-calendar-picker-indicator {
         display: none;
     }
-.date-input__nativeInput_9rwz7::-webkit-inner-spin-button {
+.date-input__nativeInput_1j9zy::-webkit-inner-spin-button {
         display: none;
     }

package/divider/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"divider__component_jm7o9"};
+var styles = {"component":"divider__component_rmliu"};
 require('./index.css');
 
 var Divider = function (_a) {

package/divider/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"divider__component_jm7o9"};
+var styles = {"component":"divider__component_rmliu"};
 require('./index.css');
 
 var Divider = function (_a) {

package/divider/esm/index.css

@@ -13,7 +13,7 @@
 :root {
     --divider-color: var(--color-light-border-primary);
 }
-.divider__component_jm7o9 {
+.divider__component_rmliu {
     border: none;
     border-bottom: 1px solid var(--divider-color);
     margin: 0;

package/divider/index.css

@@ -13,7 +13,7 @@
 :root {
     --divider-color: var(--color-light-border-primary);
 }
-.divider__component_jm7o9 {
+.divider__component_rmliu {
     border: none;
     border-bottom: 1px solid var(--divider-color);
     margin: 0;

package/divider/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"divider__component_jm7o9"};
+var styles = {"component":"divider__component_rmliu"};
 require('./index.css');
 
 const Divider = ({ className, dataTestId }) => (React.createElement("hr", { className: cn(styles.component, className), "data-test-id": dataTestId }));

package/divider/modern/index.css

@@ -13,7 +13,7 @@
 :root {
     --divider-color: var(--color-light-border-primary);
 }
-.divider__component_jm7o9 {
+.divider__component_rmliu {
     border: none;
     border-bottom: 1px solid var(--divider-color);
     margin: 0;