@skbkontur/react-ui 4.6.0 → 4.7.0-revert-datatids

package/cjs/components/FileUploader/FileUploader.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FileUploader.styles.ts"],"names":["styles","pulse","keyframes","root","t","css","fileUploaderBg","fileUploaderLineHeight","fileUploaderFontSize","fileUploaderTextColorDefault","uploadButton","fileUploaderBorderWidth","fileUploaderBorderStyle","fileUploaderBorderColor","fileUploaderBorderRadius","fileUploaderPaddingY","fileUploaderPaddingX","uploadButtonFocus","fileUploaderBorderColorFocus","dragOver","windowDragOver","content","fileInput","afterLinkText","warning","fileUploaderBorderColorWarning","error","fileUploaderBorderColorError","hovered","fileUploaderHoveredBg","disabled","fileUploaderDisabledBg","fileUploaderDisabledBorderColor","fileUploaderDisabledTextColor","icon","fileUploaderIconSize","fileUploaderIconColor","iconDisabled","fileUploaderDisabledIconColor","link","fileUploaderLinkColor","linkHovered","fileUploaderLinkHoverTextDecoration","linkDisabled","fileUploaderDisabledLinkColor","singleFile","jsStyles"],"mappings":"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","sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  pulse() {\n    return keyframes`\n        0% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0.7);\n        }\n        95% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 10px rgba(45,164,249,0);\n        }\n        100% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0);\n        }\n      `;\n  },\n\n  root(t: Theme) {\n    return css`\n      display: inline-block;\n      min-width: 285px;\n      position: relative;\n      background-color: ${t.fileUploaderBg};\n      line-height: ${t.fileUploaderLineHeight};\n      font-size: ${t.fileUploaderFontSize};\n      color: ${t.fileUploaderTextColorDefault};\n    `;\n  },\n\n  uploadButton(t: Theme) {\n    return css`\n      width: 100%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: space-between;\n      border: ${t.fileUploaderBorderWidth} ${t.fileUploaderBorderStyle} ${t.fileUploaderBorderColor};\n      box-sizing: border-box;\n      border-radius: ${t.fileUploaderBorderRadius};\n      outline: none;\n      cursor: pointer;\n      padding: ${t.fileUploaderPaddingY} ${t.fileUploaderPaddingX};\n      transition: box-shadow 0.3s ease;\n    `;\n  },\n\n  uploadButtonFocus(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorFocus};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorFocus};\n    `;\n  },\n\n  dragOver(t: Theme) {\n    return css`\n      border: 1px solid #2da4f9;\n      border-radius: ${t.fileUploaderBorderRadius};\n      box-shadow: 0px 0px 0px 3px #2da4f9, 0px 0px 0px 8px rgba(45, 164, 249, 0.35);\n    `;\n  },\n\n  windowDragOver(t: Theme) {\n    return css`\n      border-radius: ${t.fileUploaderBorderRadius};\n      animation: ${styles.pulse()} 1.5s infinite;\n    `;\n  },\n\n  content() {\n    return css`\n      display: flex;\n      width: 100%;\n      align-items: center;\n      height: 100%;\n    `;\n  },\n\n  fileInput() {\n    return css`\n      width: 0;\n      height: 0;\n    `;\n  },\n\n  afterLinkText() {\n    return css`\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorError};\n    `;\n  },\n\n  hovered(t: Theme) {\n    return css`\n      background: ${t.fileUploaderHoveredBg};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      cursor: default;\n      background: ${t.fileUploaderDisabledBg};\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderDisabledBorderColor};\n      color: ${t.fileUploaderDisabledTextColor};\n      box-shadow: none;\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      display: inline-block;\n      font-size: ${t.fileUploaderIconSize};\n      color: ${t.fileUploaderIconColor};\n    `;\n  },\n\n  iconDisabled(t: Theme) {\n    return css`\n      color: ${t.fileUploaderDisabledIconColor};\n    `;\n  },\n\n  link(t: Theme) {\n    return css`\n      outline: none;\n      text-decoration: none;\n      color: ${t.fileUploaderLinkColor};\n    `;\n  },\n\n  linkHovered(t: Theme) {\n    return css`\n      text-decoration: ${t.fileUploaderLinkHoverTextDecoration};\n    `;\n  },\n\n  linkDisabled(t: Theme) {\n    return css`\n      color: ${t.fileUploaderDisabledLinkColor};\n      &:hover {\n        text-decoration: none;\n      }\n    `;\n  },\n\n  singleFile() {\n    return css`\n      width: 100%;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}
+{"version":3,"sources":["FileUploader.styles.ts"],"names":["styles","pulse","keyframes","root","t","css","fileUploaderBg","fileUploaderLineHeight","fileUploaderFontSize","fileUploaderTextColorDefault","uploadButton","fileUploaderBorderWidth","fileUploaderBorderStyle","fileUploaderBorderColor","fileUploaderBorderRadius","fileUploaderPaddingY","fileUploaderPaddingX","uploadButtonFocus","fileUploaderBorderColorFocus","dragOver","windowDragOver","content","contentWithFiles","contentInnerSmall","inputIconSizeSmall","fileUploaderIconGapSmall","contentInnerMedium","inputIconSizeMedium","fileUploaderIconGapMedium","contentInnerLarge","inputIconSizeLarge","fileUploaderIconGapLarge","fileInput","afterLinkText","afterLinkText_HasFiles","warning","fileUploaderBorderColorWarning","error","fileUploaderBorderColorError","hovered","fileUploaderHoveredBg","linkHovered","fileUploaderLinkHoverTextDecoration","disabled","fileUploaderDisabledBg","fileUploaderDisabledBorderColor","fileUploaderDisabledTextColor","icon","fileUploaderIconColor","iconDisabled","fileUploaderDisabledIconColor","link","fileUploaderLinkColor","linkDisabled","fileUploaderDisabledLinkColor","singleFile","sizeSmall","fileUploaderFontSizeSmall","fileUploaderLineHeightSmall","fileUploaderPaddingXSmall","fileUploaderPaddingYSmall","sizeMedium","fileUploaderFontSizeMedium","fileUploaderLineHeightMedium","fileUploaderPaddingXMedium","fileUploaderPaddingYMedium","sizeLarge","fileUploaderFontSizeLarge","fileUploaderLineHeightLarge","fileUploaderPaddingXLarge","fileUploaderPaddingYLarge","iconSmall","iconMedium","iconLarge","jsStyles"],"mappings":"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","sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { fileUploaderSizeMixin } from './FileUploader.mixins';\n\nconst styles = {\n  pulse() {\n    return keyframes`\n        0% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0.7);\n        }\n        95% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 10px rgba(45,164,249,0);\n        }\n        100% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0);\n        }\n      `;\n  },\n\n  root(t: Theme) {\n    return css`\n      display: inline-block;\n      position: relative;\n      background-color: ${t.fileUploaderBg};\n      line-height: ${t.fileUploaderLineHeight};\n      font-size: ${t.fileUploaderFontSize};\n      color: ${t.fileUploaderTextColorDefault};\n      position: relative;\n    `;\n  },\n\n  uploadButton(t: Theme) {\n    return css`\n      width: 100%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: space-between;\n      border: ${t.fileUploaderBorderWidth} ${t.fileUploaderBorderStyle} ${t.fileUploaderBorderColor};\n      box-sizing: border-box;\n      border-radius: ${t.fileUploaderBorderRadius};\n      outline: none;\n      cursor: pointer;\n      padding: ${t.fileUploaderPaddingY} ${t.fileUploaderPaddingX};\n      transition: box-shadow 0.3s ease;\n    `;\n  },\n\n  uploadButtonFocus(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorFocus};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorFocus};\n    `;\n  },\n\n  dragOver(t: Theme) {\n    return css`\n      border: 1px solid #2da4f9;\n      border-radius: ${t.fileUploaderBorderRadius};\n      box-shadow: 0px 0px 0px 3px #2da4f9, 0px 0px 0px 8px rgba(45, 164, 249, 0.35);\n    `;\n  },\n\n  windowDragOver(t: Theme) {\n    return css`\n      border-radius: ${t.fileUploaderBorderRadius};\n      animation: ${styles.pulse()} 1.5s infinite;\n    `;\n  },\n\n  content() {\n    return css`\n      display: block;\n      width: 100%;\n      height: 100%;\n\n      overflow: hidden;\n      text-overflow: ellipsis;\n    `;\n  },\n\n  contentWithFiles() {\n    return css`\n      display: flex;\n      align-items: center;\n    `;\n  },\n\n  contentInnerSmall(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeSmall} - ${t.fileUploaderIconGapSmall});\n    `;\n  },\n\n  contentInnerMedium(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeMedium} - ${t.fileUploaderIconGapMedium});\n    `;\n  },\n\n  contentInnerLarge(t: Theme) {\n    return css`\n      width: calc(100% - ${t.inputIconSizeLarge} - ${t.fileUploaderIconGapLarge});\n    `;\n  },\n\n  fileInput() {\n    return css`\n      width: 0;\n      height: 0;\n    `;\n  },\n\n  afterLinkText() {\n    return css`\n      display: inline;\n    `;\n  },\n\n  afterLinkText_HasFiles() {\n    return css`\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n      box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorError};\n    `;\n  },\n\n  hovered(t: Theme) {\n    return css`\n      background: ${t.fileUploaderHoveredBg};\n    `;\n  },\n\n  linkHovered(t: Theme) {\n    return css`\n      text-decoration: ${t.fileUploaderLinkHoverTextDecoration};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      cursor: default;\n      background: ${t.fileUploaderDisabledBg};\n      border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderDisabledBorderColor};\n      color: ${t.fileUploaderDisabledTextColor};\n      box-shadow: none;\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      display: inline-block;\n      position: absolute;\n      color: ${t.fileUploaderIconColor};\n      text-align: right;\n    `;\n  },\n\n  iconDisabled(t: Theme) {\n    return css`\n      color: ${t.fileUploaderDisabledIconColor};\n    `;\n  },\n\n  link(t: Theme) {\n    return css`\n      outline: none;\n      text-decoration: none;\n      color: ${t.fileUploaderLinkColor};\n    `;\n  },\n\n  linkDisabled(t: Theme) {\n    return css`\n      color: ${t.fileUploaderDisabledLinkColor};\n      &:hover {\n        text-decoration: none;\n      }\n    `;\n  },\n\n  singleFile() {\n    return css`\n      width: 100%;\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeSmall,\n        t.fileUploaderLineHeightSmall,\n        t.fileUploaderPaddingXSmall,\n        t.fileUploaderPaddingYSmall,\n      )};\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeMedium,\n        t.fileUploaderLineHeightMedium,\n        t.fileUploaderPaddingXMedium,\n        t.fileUploaderPaddingYMedium,\n      )};\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      ${fileUploaderSizeMixin(\n        t.fileUploaderFontSizeLarge,\n        t.fileUploaderLineHeightLarge,\n        t.fileUploaderPaddingXLarge,\n        t.fileUploaderPaddingYLarge,\n      )};\n    `;\n  },\n\n  iconSmall(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeSmall};\n      line-height: ${t.fileUploaderLineHeightSmall};\n      width: ${t.inputIconSizeSmall};\n      bottom: ${t.fileUploaderPaddingYSmall};\n      right: ${t.fileUploaderPaddingXSmall};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeMedium};\n      line-height: ${t.fileUploaderLineHeightMedium};\n      width: ${t.inputIconSizeMedium};\n      bottom: ${t.fileUploaderPaddingYMedium};\n      right: ${t.fileUploaderPaddingXMedium};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      font-size: ${t.fileUploaderFontSizeLarge};\n      line-height: ${t.fileUploaderLineHeightLarge};\n      width: ${t.inputIconSizeLarge};\n      bottom: ${t.fileUploaderPaddingYLarge};\n      right: ${t.fileUploaderPaddingXLarge};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/cjs/components/FileUploader/index.d.ts

@@ -1,5 +1,5 @@
-import { FileUploaderAttachedFile as Type } from '../../internal/FileUploaderControl/fileUtils';
-export { FileUploaderFileStatus } from '../../internal/FileUploaderControl/fileUtils';
-export declare type FileUploaderAttachedFile = Type;
-export { FileUploaderFileValidationResult } from '../../internal/FileUploaderControl/FileUploaderFileValidationResult';
-export * from './FileUploader';
+import { FileUploaderAttachedFile as Type } from '../../internal/FileUploaderControl/fileUtils';
+export { FileUploaderFileStatus } from '../../internal/FileUploaderControl/fileUtils';
+export declare type FileUploaderAttachedFile = Type;
+export { FileUploaderFileValidationResult } from '../../internal/FileUploaderControl/FileUploaderFileValidationResult';
+export * from './FileUploader';

package/cjs/components/FileUploader/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import { FileUploaderLocale } from './types';
-export * from './types';
-export declare const FileUploaderLocaleHelper: LocaleHelper<FileUploaderLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import { FileUploaderLocale } from './types';
+export * from './types';
+export declare const FileUploaderLocaleHelper: LocaleHelper<FileUploaderLocale>;

package/cjs/components/FileUploader/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import { FileUploaderLocale } from '../types';
-export declare const componentsLocales: FileUploaderLocale;
+import { FileUploaderLocale } from '../types';
+export declare const componentsLocales: FileUploaderLocale;

package/cjs/components/FileUploader/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import { FileUploaderLocale } from '../types';
-export declare const componentsLocales: FileUploaderLocale;
+import { FileUploaderLocale } from '../types';
+export declare const componentsLocales: FileUploaderLocale;

package/cjs/components/FileUploader/locale/types.d.ts

@@ -1,6 +1,6 @@
-export interface FileUploaderLocale {
-    chooseFile: string;
-    choosedFile: string;
-    orDragHere: string;
-    requestErrorText: string;
-}
+export interface FileUploaderLocale {
+    chooseFile: string;
+    choosedFile: string;
+    orDragHere: string;
+    requestErrorText: string;
+}

package/cjs/components/FxInput/FxInput.d.ts

@@ -1,53 +1,50 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Input, InputProps } from '../Input';
-import { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';
-import { DefaultizedProps } from '../../lib/createPropsGetter';
-import { Override } from '../../typings/utility-types';
-import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-export interface FxInputProps extends CommonProps, Override<CurrencyInputProps, {
-    /** Авто-режим */
-    auto?: boolean;
-    /** Тип инпута */
-    type?: 'currency' | InputProps['type'];
-    /** onRestore */
-    onRestore?: () => void;
-    /** onValueChange */
-    onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];
-    /** Значение */
-    value?: React.ReactText;
-    /** ref Input'а */
-    refInput?: (element: CurrencyInput | Input | null) => void;
-    /** Убрать лишние нули после запятой */
-    hideTrailingZeros?: boolean;
-}> {
-}
-export declare const FxInputDataTids: {
-    readonly root: "FxInput__root";
-};
-declare type DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value'>>;
-declare type DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;
-/** Принимает все свойства `Input`'a */
-export declare class FxInput extends React.Component<FxInputProps> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        auto: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<string>;
-    };
-    static defaultProps: DefaultProps;
-    private input;
-    private getProps;
-    private setRootNode;
-    render(): JSX.Element;
-    renderMain: (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => JSX.Element;
-    /**
-     * @public
-     */
-    focus: () => void;
-    /**
-     * @public
-     */
-    blur: () => void;
-    private refInput;
-}
-export {};
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Input, InputProps } from '../Input';
+import { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';
+import { DefaultizedProps } from '../../lib/createPropsGetter';
+import { Override } from '../../typings/utility-types';
+import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+export interface FxInputProps extends CommonProps, Override<CurrencyInputProps, {
+    /** Авто-режим */
+    auto?: boolean;
+    /** Тип инпута */
+    type?: 'currency' | InputProps['type'];
+    /** onRestore */
+    onRestore?: () => void;
+    /** onValueChange */
+    onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];
+    /** Значение */
+    value?: React.ReactText;
+    /** ref Input'а */
+    refInput?: (element: CurrencyInput | Input | null) => void;
+    /** Убрать лишние нули после запятой */
+    hideTrailingZeros?: boolean;
+}> {
+}
+declare type DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value'>>;
+declare type DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;
+/** Принимает все свойства `Input`'a */
+export declare class FxInput extends React.Component<FxInputProps> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        auto: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<string>;
+    };
+    static defaultProps: DefaultProps;
+    private input;
+    private getProps;
+    private setRootNode;
+    render(): JSX.Element;
+    renderMain: (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => JSX.Element;
+    /**
+     * @public
+     */
+    focus: () => void;
+    /**
+     * @public
+     */
+    blur: () => void;
+    private refInput;
+}
+export {};

package/cjs/components/FxInput/FxInput.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.FxInputDataTids = exports.FxInput = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.FxInput = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -33,10 +33,6 @@ var _rootNode = require("../../lib/rootNode");var _excluded = ["type", "onRestor
 
 
 
-
-
-var FxInputDataTids = {
-  root: 'FxInput__root' };exports.FxInputDataTids = FxInputDataTids;
 
 
 
@@ -96,7 +92,7 @@ FxInput = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/funct
       }
 
       return /*#__PURE__*/(
-        _react.default.createElement(_Group.Group, { "data-tid": FxInputDataTids.root, width: width },
+        _react.default.createElement(_Group.Group, { width: width },
         button,
         type === 'currency' ? /*#__PURE__*/
         _react.default.createElement(_CurrencyInput.CurrencyInput, (0, _extends2.default)({},

package/cjs/components/FxInput/FxInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FxInput.tsx"],"names":["FxInputDataTids","root","FxInput","rootNode","input","getProps","defaultProps","renderMain","props","type","onRestore","auto","refInput","value","width","rest","inputProps","align","button","leftIcon","size","borderless","disabled","onValueChange","focus","blur","element","render","setRootNode","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Button } from '../Button';\nimport { Group } from '../Group';\nimport { Input, InputProps } from '../Input';\nimport { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { Override } from '../../typings/utility-types';\nimport { FunctionIcon, UndoIcon } from '../../internal/icons/16px';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nexport interface FxInputProps\n  extends CommonProps,\n    Override<\n      CurrencyInputProps,\n      {\n        /** Авто-режим */\n        auto?: boolean;\n        /** Тип инпута */\n        type?: 'currency' | InputProps['type'];\n        /** onRestore */\n        onRestore?: () => void;\n        /** onValueChange */\n        onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];\n        /** Значение */\n        value?: React.ReactText;\n        /** ref Input'а */\n        refInput?: (element: CurrencyInput | Input | null) => void;\n        /** Убрать лишние нули после запятой */\n        hideTrailingZeros?: boolean;\n      }\n    > {}\n\nexport const FxInputDataTids = {\n  root: 'FxInput__root',\n} as const;\n\ntype DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value'>>;\ntype DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;\n\n/** Принимает все свойства `Input`'a */\n@rootNode\nexport class FxInput extends React.Component<FxInputProps> {\n  public static __KONTUR_REACT_UI__ = 'FxInput';\n\n  public static propTypes = {\n    auto: PropTypes.bool,\n    type: PropTypes.string,\n  };\n\n  public static defaultProps: DefaultProps = {\n    width: 250,\n    type: 'text',\n    value: '',\n  };\n\n  private input: Input | CurrencyInput | null = null;\n\n  private getProps = createPropsGetter(FxInput.defaultProps);\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n        {this.renderMain}\n      </CommonWrapper>\n    );\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => {\n    const { type, onRestore, auto, refInput, value, width, ...rest } = props;\n    const inputProps: Partial<CurrencyInputProps> = {\n      align: 'right',\n    };\n\n    let button = null;\n\n    if (auto) {\n      inputProps.leftIcon = <FunctionIcon />;\n    } else {\n      button = (\n        <Button\n          size={this.props.size}\n          narrow\n          onClick={this.props.onRestore}\n          borderless={this.props.borderless}\n          disabled={this.props.disabled}\n        >\n          <UndoIcon />\n        </Button>\n      );\n    }\n\n    return (\n      <Group data-tid={FxInputDataTids.root} width={width}>\n        {button}\n        {type === 'currency' ? (\n          <CurrencyInput\n            {...inputProps}\n            {...rest}\n            width={'100%'}\n            ref={this.refInput}\n            value={value as CurrencyInputProps['value']}\n            onValueChange={this.props.onValueChange as CurrencyInputProps['onValueChange']}\n          />\n        ) : (\n          <Input\n            {...inputProps}\n            {...rest}\n            width={'100%'}\n            ref={this.refInput}\n            type={type}\n            value={value as InputProps['value']}\n            onValueChange={this.props.onValueChange as InputProps['onValueChange']}\n          />\n        )}\n      </Group>\n    );\n  };\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    if (this.input) {\n      this.input.blur();\n    }\n  };\n\n  private refInput = (element: Input | CurrencyInput | null) => {\n    this.input = element;\n\n    if (this.props.refInput) {\n      this.props.refInput(this.input);\n    }\n  };\n}\n"]}
+{"version":3,"sources":["FxInput.tsx"],"names":["FxInput","rootNode","input","getProps","defaultProps","renderMain","props","type","onRestore","auto","refInput","value","width","rest","inputProps","align","button","leftIcon","size","borderless","disabled","onValueChange","focus","blur","element","render","setRootNode","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Button } from '../Button';\nimport { Group } from '../Group';\nimport { Input, InputProps } from '../Input';\nimport { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { Override } from '../../typings/utility-types';\nimport { FunctionIcon, UndoIcon } from '../../internal/icons/16px';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nexport interface FxInputProps\n  extends CommonProps,\n    Override<\n      CurrencyInputProps,\n      {\n        /** Авто-режим */\n        auto?: boolean;\n        /** Тип инпута */\n        type?: 'currency' | InputProps['type'];\n        /** onRestore */\n        onRestore?: () => void;\n        /** onValueChange */\n        onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];\n        /** Значение */\n        value?: React.ReactText;\n        /** ref Input'а */\n        refInput?: (element: CurrencyInput | Input | null) => void;\n        /** Убрать лишние нули после запятой */\n        hideTrailingZeros?: boolean;\n      }\n    > {}\n\ntype DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value'>>;\ntype DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;\n\n/** Принимает все свойства `Input`'a */\n@rootNode\nexport class FxInput extends React.Component<FxInputProps> {\n  public static __KONTUR_REACT_UI__ = 'FxInput';\n\n  public static propTypes = {\n    auto: PropTypes.bool,\n    type: PropTypes.string,\n  };\n\n  public static defaultProps: DefaultProps = {\n    width: 250,\n    type: 'text',\n    value: '',\n  };\n\n  private input: Input | CurrencyInput | null = null;\n\n  private getProps = createPropsGetter(FxInput.defaultProps);\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n        {this.renderMain}\n      </CommonWrapper>\n    );\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => {\n    const { type, onRestore, auto, refInput, value, width, ...rest } = props;\n    const inputProps: Partial<CurrencyInputProps> = {\n      align: 'right',\n    };\n\n    let button = null;\n\n    if (auto) {\n      inputProps.leftIcon = <FunctionIcon />;\n    } else {\n      button = (\n        <Button\n          size={this.props.size}\n          narrow\n          onClick={this.props.onRestore}\n          borderless={this.props.borderless}\n          disabled={this.props.disabled}\n        >\n          <UndoIcon />\n        </Button>\n      );\n    }\n\n    return (\n      <Group width={width}>\n        {button}\n        {type === 'currency' ? (\n          <CurrencyInput\n            {...inputProps}\n            {...rest}\n            width={'100%'}\n            ref={this.refInput}\n            value={value as CurrencyInputProps['value']}\n            onValueChange={this.props.onValueChange as CurrencyInputProps['onValueChange']}\n          />\n        ) : (\n          <Input\n            {...inputProps}\n            {...rest}\n            width={'100%'}\n            ref={this.refInput}\n            type={type}\n            value={value as InputProps['value']}\n            onValueChange={this.props.onValueChange as InputProps['onValueChange']}\n          />\n        )}\n      </Group>\n    );\n  };\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    if (this.input) {\n      this.input.blur();\n    }\n  };\n\n  private refInput = (element: Input | CurrencyInput | null) => {\n    this.input = element;\n\n    if (this.props.refInput) {\n      this.props.refInput(this.input);\n    }\n  };\n}\n"]}

package/cjs/components/FxInput/index.d.ts

@@ -1 +1 @@
-export * from './FxInput';
+export * from './FxInput';

package/cjs/components/Gapped/Gapped.d.ts

@@ -1,60 +1,56 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface GappedProps extends CommonProps {
-    /**
-     * Расстояние между элементами в пикселях
-     * @default 8
-     */
-    gap?: number;
-    /**
-     * Вертикальное выравнивание
-     * @default "baseline"
-     */
-    verticalAlign?: 'top' | 'middle' | 'baseline' | 'bottom';
-    /**
-     * Расположение элементов по вертикали
-     * @default false
-     */
-    vertical?: boolean;
-    /**
-     * Перенос элементов на новую строку при горизонтальном расположении
-     * @default false
-     */
-    wrap?: boolean;
-    children: React.ReactNode;
-}
-export declare const GappedDataTids: {
-    readonly vertical: "Gapped__vertical";
-    readonly horizontal: "Gapped__horizontal";
-};
-declare type DefaultProps = Required<Pick<GappedProps, 'wrap' | 'vertical' | 'verticalAlign'>>;
-/**
- * Контейнер, расстояние между элементами в котором равно `gap`.
- */
-export declare class Gapped extends React.Component<GappedProps> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        /**
-         * Расстояние между элементами.
-         */
-        gap: PropTypes.Requireable<number>;
-        /**
-         * Располагать элементы вертикально.
-         */
-        vertical: PropTypes.Requireable<boolean>;
-        /**
-         * Вертикальное выравнивание элементов.
-         */
-        verticalAlign: PropTypes.Requireable<string>;
-    };
-    private setRootNode;
-    static defaultProps: DefaultProps;
-    private getProps;
-    render(): JSX.Element;
-    private getGapValue;
-    private renderVertical;
-    private renderHorizontal;
-    private filterChildren;
-}
-export {};
+import React from 'react';
+import PropTypes from 'prop-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface GappedProps extends CommonProps {
+    /**
+     * Расстояние между элементами в пикселях
+     * @default 8
+     */
+    gap?: number;
+    /**
+     * Вертикальное выравнивание
+     * @default "baseline"
+     */
+    verticalAlign?: 'top' | 'middle' | 'baseline' | 'bottom';
+    /**
+     * Расположение элементов по вертикали
+     * @default false
+     */
+    vertical?: boolean;
+    /**
+     * Перенос элементов на новую строку при горизонтальном расположении
+     * @default false
+     */
+    wrap?: boolean;
+    children: React.ReactNode;
+}
+declare type DefaultProps = Required<Pick<GappedProps, 'wrap' | 'vertical' | 'verticalAlign'>>;
+/**
+ * Контейнер, расстояние между элементами в котором равно `gap`.
+ */
+export declare class Gapped extends React.Component<GappedProps> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        /**
+         * Расстояние между элементами.
+         */
+        gap: PropTypes.Requireable<number>;
+        /**
+         * Располагать элементы вертикально.
+         */
+        vertical: PropTypes.Requireable<boolean>;
+        /**
+         * Вертикальное выравнивание элементов.
+         */
+        verticalAlign: PropTypes.Requireable<string>;
+    };
+    private setRootNode;
+    static defaultProps: DefaultProps;
+    private getProps;
+    render(): JSX.Element;
+    private getGapValue;
+    private renderVertical;
+    private renderHorizontal;
+    private filterChildren;
+}
+export {};

package/cjs/components/Gapped/Gapped.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.GappedDataTids = exports.Gapped = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Gapped = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("../../lib/utils");
@@ -28,11 +28,6 @@ var _createPropsGetter = require("../../lib/createPropsGetter");var _class, _cla
 
 
 
-
-
-var GappedDataTids = {
-  vertical: 'Gapped__vertical',
-  horizontal: 'Gapped__horizontal' };exports.GappedDataTids = GappedDataTids;
 
 
 
@@ -104,7 +99,7 @@ Gapped = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functi
 
     });
 
-    return /*#__PURE__*/_react.default.createElement("div", { "data-tid": GappedDataTids.vertical }, children);
+    return /*#__PURE__*/_react.default.createElement("div", null, children);
   };_proto.
 
   renderHorizontal = function renderHorizontal() {
@@ -120,7 +115,7 @@ Gapped = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functi
     var contStyle = wrap ? { marginTop: -gap - 1, marginLeft: -gap } : { whiteSpace: 'nowrap' };
 
     return /*#__PURE__*/(
-      _react.default.createElement("div", { "data-tid": GappedDataTids.horizontal, style: rootStyle }, /*#__PURE__*/
+      _react.default.createElement("div", { style: rootStyle }, /*#__PURE__*/
       _react.default.createElement("div", { style: contStyle },
       _react.default.Children.toArray(children).
       filter(this.filterChildren).

package/cjs/components/Gapped/Gapped.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Gapped.tsx"],"names":["GappedDataTids","vertical","horizontal","Gapped","rootNode","getProps","defaultProps","render","setRootNode","props","renderVertical","renderHorizontal","getGapValue","propsGap","gap","subsequentItemStyle","paddingTop","children","React","Children","toArray","filter","filterChildren","map","child","index","style","undefined","verticalAlign","wrap","itemStyle","display","marginLeft","marginTop","rootStyle","contStyle","whiteSpace","Boolean","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","number","bool","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nexport interface GappedProps extends CommonProps {\n  /**\n   * Расстояние между элементами в пикселях\n   * @default 8\n   */\n  gap?: number;\n  /**\n   * Вертикальное выравнивание\n   * @default \"baseline\"\n   */\n  verticalAlign?: 'top' | 'middle' | 'baseline' | 'bottom';\n  /**\n   * Расположение элементов по вертикали\n   * @default false\n   */\n  vertical?: boolean;\n  /**\n   * Перенос элементов на новую строку при горизонтальном расположении\n   * @default false\n   */\n  wrap?: boolean;\n  children: React.ReactNode;\n}\n\nexport const GappedDataTids = {\n  vertical: 'Gapped__vertical',\n  horizontal: 'Gapped__horizontal',\n} as const;\n\ntype DefaultProps = Required<Pick<GappedProps, 'wrap' | 'vertical' | 'verticalAlign'>>;\n\n/**\n * Контейнер, расстояние между элементами в котором равно `gap`.\n */\n@rootNode\nexport class Gapped extends React.Component<GappedProps> {\n  public static __KONTUR_REACT_UI__ = 'Gapped';\n\n  public static propTypes = {\n    /**\n     * Расстояние между элементами.\n     */\n    gap: PropTypes.number,\n\n    /**\n     * Располагать элементы вертикально.\n     */\n    vertical: PropTypes.bool,\n\n    /**\n     * Вертикальное выравнивание элементов.\n     */\n    verticalAlign: PropTypes.oneOf(['top', 'middle', 'baseline', 'bottom']),\n  };\n\n  private setRootNode!: TSetRootNode;\n\n  public static defaultProps: DefaultProps = {\n    wrap: false,\n    vertical: false,\n    verticalAlign: 'baseline',\n  };\n\n  private getProps = createPropsGetter(Gapped.defaultProps);\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {this.getProps().vertical ? this.renderVertical() : this.renderHorizontal()}\n      </CommonWrapper>\n    );\n  }\n\n  private getGapValue() {\n    // DEPRECATED remove in 4.0\n    const { gap: propsGap } = this.props;\n    if (isNonNullable(propsGap)) {\n      return propsGap;\n    }\n\n    return 8;\n  }\n\n  private renderVertical() {\n    const subsequentItemStyle: React.CSSProperties = {\n      paddingTop: this.getGapValue(),\n    };\n    const children = React.Children.toArray(this.props.children)\n      .filter(this.filterChildren)\n      .map((child, index) => {\n        const style = index === 0 ? undefined : subsequentItemStyle;\n        return (\n          <div style={style} key={index}>\n            {child}\n          </div>\n        );\n      });\n\n    return <div data-tid={GappedDataTids.vertical}>{children}</div>;\n  }\n\n  private renderHorizontal() {\n    const { children, verticalAlign } = this.props;\n    const wrap = this.getProps().wrap;\n    const gap = this.getGapValue();\n    const itemStyle: React.CSSProperties = {\n      display: 'inline-block',\n      verticalAlign,\n      ...(wrap ? { marginLeft: gap, marginTop: gap } : {}),\n    };\n    const rootStyle: React.CSSProperties = wrap ? { paddingTop: 1 } : {};\n    const contStyle: React.CSSProperties = wrap ? { marginTop: -gap - 1, marginLeft: -gap } : { whiteSpace: 'nowrap' };\n\n    return (\n      <div data-tid={GappedDataTids.horizontal} style={rootStyle}>\n        <div style={contStyle}>\n          {React.Children.toArray(children)\n            .filter(this.filterChildren)\n            .map((child, index) => {\n              const marginLeft = index === 0 ? undefined : gap;\n              return (\n                <span key={index} style={{ marginLeft, ...itemStyle }}>\n                  {child}\n                </span>\n              );\n            })}\n        </div>\n      </div>\n    );\n  }\n\n  private filterChildren(child: React.ReactNode): boolean {\n    return Boolean(child) || typeof child === 'number';\n  }\n}\n"]}
+{"version":3,"sources":["Gapped.tsx"],"names":["Gapped","rootNode","getProps","defaultProps","render","setRootNode","props","vertical","renderVertical","renderHorizontal","getGapValue","propsGap","gap","subsequentItemStyle","paddingTop","children","React","Children","toArray","filter","filterChildren","map","child","index","style","undefined","verticalAlign","wrap","itemStyle","display","marginLeft","marginTop","rootStyle","contStyle","whiteSpace","Boolean","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","number","bool","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nexport interface GappedProps extends CommonProps {\n  /**\n   * Расстояние между элементами в пикселях\n   * @default 8\n   */\n  gap?: number;\n  /**\n   * Вертикальное выравнивание\n   * @default \"baseline\"\n   */\n  verticalAlign?: 'top' | 'middle' | 'baseline' | 'bottom';\n  /**\n   * Расположение элементов по вертикали\n   * @default false\n   */\n  vertical?: boolean;\n  /**\n   * Перенос элементов на новую строку при горизонтальном расположении\n   * @default false\n   */\n  wrap?: boolean;\n  children: React.ReactNode;\n}\n\ntype DefaultProps = Required<Pick<GappedProps, 'wrap' | 'vertical' | 'verticalAlign'>>;\n\n/**\n * Контейнер, расстояние между элементами в котором равно `gap`.\n */\n@rootNode\nexport class Gapped extends React.Component<GappedProps> {\n  public static __KONTUR_REACT_UI__ = 'Gapped';\n\n  public static propTypes = {\n    /**\n     * Расстояние между элементами.\n     */\n    gap: PropTypes.number,\n\n    /**\n     * Располагать элементы вертикально.\n     */\n    vertical: PropTypes.bool,\n\n    /**\n     * Вертикальное выравнивание элементов.\n     */\n    verticalAlign: PropTypes.oneOf(['top', 'middle', 'baseline', 'bottom']),\n  };\n\n  private setRootNode!: TSetRootNode;\n\n  public static defaultProps: DefaultProps = {\n    wrap: false,\n    vertical: false,\n    verticalAlign: 'baseline',\n  };\n\n  private getProps = createPropsGetter(Gapped.defaultProps);\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {this.getProps().vertical ? this.renderVertical() : this.renderHorizontal()}\n      </CommonWrapper>\n    );\n  }\n\n  private getGapValue() {\n    // DEPRECATED remove in 4.0\n    const { gap: propsGap } = this.props;\n    if (isNonNullable(propsGap)) {\n      return propsGap;\n    }\n\n    return 8;\n  }\n\n  private renderVertical() {\n    const subsequentItemStyle: React.CSSProperties = {\n      paddingTop: this.getGapValue(),\n    };\n    const children = React.Children.toArray(this.props.children)\n      .filter(this.filterChildren)\n      .map((child, index) => {\n        const style = index === 0 ? undefined : subsequentItemStyle;\n        return (\n          <div style={style} key={index}>\n            {child}\n          </div>\n        );\n      });\n\n    return <div>{children}</div>;\n  }\n\n  private renderHorizontal() {\n    const { children, verticalAlign } = this.props;\n    const wrap = this.getProps().wrap;\n    const gap = this.getGapValue();\n    const itemStyle: React.CSSProperties = {\n      display: 'inline-block',\n      verticalAlign,\n      ...(wrap ? { marginLeft: gap, marginTop: gap } : {}),\n    };\n    const rootStyle: React.CSSProperties = wrap ? { paddingTop: 1 } : {};\n    const contStyle: React.CSSProperties = wrap ? { marginTop: -gap - 1, marginLeft: -gap } : { whiteSpace: 'nowrap' };\n\n    return (\n      <div style={rootStyle}>\n        <div style={contStyle}>\n          {React.Children.toArray(children)\n            .filter(this.filterChildren)\n            .map((child, index) => {\n              const marginLeft = index === 0 ? undefined : gap;\n              return (\n                <span key={index} style={{ marginLeft, ...itemStyle }}>\n                  {child}\n                </span>\n              );\n            })}\n        </div>\n      </div>\n    );\n  }\n\n  private filterChildren(child: React.ReactNode): boolean {\n    return Boolean(child) || typeof child === 'number';\n  }\n}\n"]}

package/cjs/components/Gapped/index.d.ts

@@ -1 +1 @@
-export * from './Gapped';
+export * from './Gapped';