@skbkontur/react-ui 4.12.0-theme2022.6 → 4.13.0

package/lib/utils.d.ts

@@ -1,82 +1,80 @@
-import React from 'react';
-import { InputProps } from '../components/Input';
-export declare type Defaultize<P, D> = P extends any ? string extends keyof P ? P : Pick<P, Exclude<keyof P, keyof D>> & Partial<Pick<P, Extract<keyof P, keyof D>>> & Partial<Pick<D, Exclude<keyof D, keyof P>>> : never;
-export declare type DefaultizeProps<C, P> = C extends {
-    defaultProps: infer D;
-} ? Defaultize<P, D> : P;
-export declare type AnyObject = Record<string, unknown>;
-export declare const delay: (ms: number) => Promise<unknown>;
-export declare const emptyHandler: () => void;
-export declare class CancelationError extends Error {
-    code: string;
-}
-export declare function taskWithDelay(task: () => void, ms: number): () => void;
-export declare type FunctionWithParams<R = any> = (...args: any[]) => R;
-export declare function isFunction<T>(x: T | FunctionWithParams): x is FunctionWithParams;
-export declare function isFunctionalComponent(Component: unknown): Component is React.ComponentType;
-export declare function isClassComponent(Component: unknown): Component is React.ComponentType;
-export declare function isIntrinsicElement(element: React.ReactElement): boolean;
-export declare function isRefableElement(element: React.ReactElement): boolean;
-export declare function escapeRegExpSpecChars(s: string): string;
-export declare const getRandomID: () => string;
-export declare const isExternalLink: (link: string) => boolean;
-/**
- * Check if the given ReactNode is an element of the specified ReactUI component
- */
-export declare const isReactUINode: (componentName: string, node: React.ReactNode) => boolean;
-export declare const formatBytes: (bytes: number, decimals?: number) => string | null;
-/**
- * Проверяет, не является ли переданный аргумент null или undefined и исключает типы null и undefined из типа аргумента
- *
- * @param value Значение, которое нужно проверить и исключить из него типы
- * @returns Возвращает true, если переданный аргумент не является null или undefined иначе false
- */
-export declare const isNonNullable: <T>(value: T) => value is NonNullable<T>;
-/**
- * Checks if the value `null` or `undefined`.
- *
- * @param value Value to check for `null` and `undefined`.
- * @returns Returns `true` if `value` is `null` or `undefined`, else `false`.
- */
-export declare const isNullable: (value: unknown) => value is null | undefined;
-/**
- * Creates a function that checks if the given `child`
- * is an instance of some component specified by `name`.
- *
- * @param name Component name for which function will be created.
- * @returns A function that checks if the given `child` is an instance of the component specified by `name`.
- */
-export declare const isReactUIComponent: <P = any>(name: string) => (child: React.ReactNode) => child is React.ReactElement<P, string | React.JSXElementConstructor<any>>;
-/**
- * Merges two or more refs into one.
- *
- * @param refs Array of refs.
- * @returns A single ref composing all the refs passed.
- *
- * @example
- * const SomeComponent = forwardRef((props, ref) => {
- *  const localRef = useRef();
- *
- *  return <div ref={mergeRefs([localRef, ref])} />;
- * });
- */
-export declare function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T>;
-/**
- * Extracts all data attributes from props and returns them as well as props.
- *
- * @param props Props object to extract data attributes from.
- * @returns Separated data attributes and all other props.
- */
-export declare const extractDataProps: <T>(props: T) => {
-    dataProps: Record<string, any>;
-    restWithoutDataProps: Record<string, any>;
-};
-/**
- * Basically `.startsWith` for arrays.
- *
- * @param searchKeys Array of strings to test against `inputString`.
- * @param inputString String on which search will be performed.
- * @returns `true` if `inputString` starts with one of keys, else `false`.
- */
-export declare const startsWithOneOf: (searchKeys: string[], inputString: string) => boolean;
-export declare const isInputLike: (child: React.ReactNode) => child is React.ReactElement<InputProps, string | React.JSXElementConstructor<any>>;
+import React from 'react';
+export declare type Defaultize<P, D> = P extends any ? string extends keyof P ? P : Pick<P, Exclude<keyof P, keyof D>> & Partial<Pick<P, Extract<keyof P, keyof D>>> & Partial<Pick<D, Exclude<keyof D, keyof P>>> : never;
+export declare type DefaultizeProps<C, P> = C extends {
+    defaultProps: infer D;
+} ? Defaultize<P, D> : P;
+export declare type AnyObject = Record<string, unknown>;
+export declare const delay: (ms: number) => Promise<unknown>;
+export declare const emptyHandler: () => void;
+export declare class CancelationError extends Error {
+    code: string;
+}
+export declare function taskWithDelay(task: () => void, ms: number): () => void;
+export declare type FunctionWithParams<R = any> = (...args: any[]) => R;
+export declare function isFunction<T>(x: T | FunctionWithParams): x is FunctionWithParams;
+export declare function isFunctionalComponent(Component: unknown): Component is React.ComponentType;
+export declare function isClassComponent(Component: unknown): Component is React.ComponentType;
+export declare function isIntrinsicElement(element: React.ReactElement): boolean;
+export declare function isRefableElement(element: React.ReactElement): boolean;
+export declare function escapeRegExpSpecChars(s: string): string;
+export declare const getRandomID: () => string;
+export declare const isExternalLink: (link: string) => boolean;
+/**
+ * Check if the given ReactNode is an element of the specified ReactUI component
+ */
+export declare const isReactUINode: (componentName: string, node: React.ReactNode) => boolean;
+export declare const formatBytes: (bytes: number, decimals?: number) => string | null;
+/**
+ * Проверяет, не является ли переданный аргумент null или undefined и исключает типы null и undefined из типа аргумента
+ *
+ * @param value Значение, которое нужно проверить и исключить из него типы
+ * @returns Возвращает true, если переданный аргумент не является null или undefined иначе false
+ */
+export declare const isNonNullable: <T>(value: T) => value is NonNullable<T>;
+/**
+ * Checks if the value `null` or `undefined`.
+ *
+ * @param value Value to check for `null` and `undefined`.
+ * @returns Returns `true` if `value` is `null` or `undefined`, else `false`.
+ */
+export declare const isNullable: (value: unknown) => value is null | undefined;
+/**
+ * Creates a function that checks if the given `child`
+ * is an instance of some component specified by `name`.
+ *
+ * @param name Component name for which function will be created.
+ * @returns A function that checks if the given `child` is an instance of the component specified by `name`.
+ */
+export declare const isReactUIComponent: <P = any>(name: string) => (child: React.ReactNode) => child is React.ReactElement<P, string | React.JSXElementConstructor<any>>;
+/**
+ * Merges two or more refs into one.
+ *
+ * @param refs Array of refs.
+ * @returns A single ref composing all the refs passed.
+ *
+ * @example
+ * const SomeComponent = forwardRef((props, ref) => {
+ *  const localRef = useRef();
+ *
+ *  return <div ref={mergeRefs([localRef, ref])} />;
+ * });
+ */
+export declare function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T>;
+/**
+ * Extracts all data attributes from props and returns them as well as props.
+ *
+ * @param props Props object to extract data attributes from.
+ * @returns Separated data attributes and all other props.
+ */
+export declare const extractDataProps: <T>(props: T) => {
+    dataProps: Record<string, any>;
+    restWithoutDataProps: Record<string, any>;
+};
+/**
+ * Basically `.startsWith` for arrays.
+ *
+ * @param searchKeys Array of strings to test against `inputString`.
+ * @param inputString String on which search will be performed.
+ * @returns `true` if `inputString` starts with one of keys, else `false`.
+ */
+export declare const startsWithOneOf: (searchKeys: string[], inputString: string) => boolean;

package/lib/withClassWrapper.d.ts

@@ -1,71 +1,71 @@
-import React from 'react';
-import { ReactUIComponentWithRef } from './forwardRefAndName';
-/**
- * HOC for moving from Class to Functional components.
- *
- * Used to remove distinctions between Class and Functional refs.
- *
- * @param RFC Functional component wrapped in forwardRefAndName.
- * @returns Class component that wraps Functional component.
- */
-export declare function withClassWrapper<T, P>(RFC: ReactUIComponentWithRef<T, P>): {
-    new (props: P | Readonly<P>): {
-        instancePropertiesRef: React.RefObject<T>;
-        componentDidMount(): void;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<P> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<P>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<P>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    new (props: P, context: any): {
-        instancePropertiesRef: React.RefObject<T>;
-        componentDidMount(): void;
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<P> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<P>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<P>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    __KONTUR_REACT_UI__: string;
-    displayName: string;
-    FC: ReactUIComponentWithRef<T, P>;
-    contextType?: React.Context<any> | undefined;
-};
-export interface InstanceRefType<T> {
-    instanceRef: React.MutableRefObject<T>;
-}
+import React from 'react';
+import { ReactUIComponentWithRef } from './forwardRefAndName';
+/**
+ * HOC for moving from Class to Functional components.
+ *
+ * Used to remove distinctions between Class and Functional refs.
+ *
+ * @param RFC Functional component wrapped in forwardRefAndName.
+ * @returns Class component that wraps Functional component.
+ */
+export declare function withClassWrapper<T, P>(RFC: ReactUIComponentWithRef<T, P>): {
+    new (props: P | Readonly<P>): {
+        instancePropertiesRef: React.RefObject<T>;
+        componentDidMount(): void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<P> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<P>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<P>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: P, context: any): {
+        instancePropertiesRef: React.RefObject<T>;
+        componentDidMount(): void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<P> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<P>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<P>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    __KONTUR_REACT_UI__: string;
+    displayName: string;
+    FC: ReactUIComponentWithRef<T, P>;
+    contextType?: React.Context<any> | undefined;
+};
+export interface InstanceRefType<T> {
+    instanceRef: React.MutableRefObject<T>;
+}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@skbkontur/react-ui",
-  "version": "4.12.0-theme2022.6",
+  "version": "4.13.0",
   "description": "UI Components",
   "main": "cjs/index.js",
   "module": "index.js",
   "sideEffects": false,
-  "homepage": "https://tech.skbkontur.ru/react-ui",
+  "homepage": "https://tech.skbkontur.ru/react-ui/4.13.0/",
   "repository": {
     "type": "git",
     "url": "git@github.com:skbkontur/retail-ui.git"
@@ -151,5 +151,8 @@
   "peerDependencies": {
     "react": ">=16.9",
     "react-dom": ">=16.9"
+  },
+  "publishConfig": {
+    "tag": "latest"
   }
 }

package/cjs/components/Autocomplete/relinkAutocompleteTheme.d.ts

@@ -1,2 +0,0 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const relinkAutocompleteTheme: (theme: Theme) => Theme;

package/cjs/components/Autocomplete/relinkAutocompleteTheme.js

@@ -1,11 +0,0 @@
-"use strict";exports.__esModule = true;exports.relinkAutocompleteTheme = void 0;var _ThemeFactory = require("../../lib/theming/ThemeFactory");
-
-
-var relinkAutocompleteTheme = function relinkAutocompleteTheme(theme) {
-  return _ThemeFactory.ThemeFactory.create(
-  {
-    menuOffsetY: theme.autocompleteMenuOffsetY },
-
-  theme);
-
-};exports.relinkAutocompleteTheme = relinkAutocompleteTheme;

package/cjs/components/Autocomplete/relinkAutocompleteTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["relinkAutocompleteTheme.ts"],"names":["relinkAutocompleteTheme","theme","ThemeFactory","create","menuOffsetY","autocompleteMenuOffsetY"],"mappings":"gFAAA;;;AAGO,IAAMA,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,KAAD,EAAyB;AAC9D,SAAOC,2BAAaC,MAAb;AACL;AACEC,IAAAA,WAAW,EAAEH,KAAK,CAACI,uBADrB,EADK;;AAILJ,EAAAA,KAJK,CAAP;;AAMD,CAPM,C","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const relinkAutocompleteTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      menuOffsetY: theme.autocompleteMenuOffsetY,\n    },\n    theme,\n  );\n};\n"]}

package/cjs/components/Button/ArrowLeftIcon.d.ts

@@ -1,3 +0,0 @@
-export declare const ArrowLeftIcon: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
-}>;

package/cjs/components/Button/ArrowLeftIcon.js

@@ -1,15 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ArrowLeftIcon = void 0;
-var _react = _interopRequireDefault(require("react"));
-
-var _ArrowALeftIcon16Light = require("../../internal/icons2022/ArrowALeftIcon/ArrowALeftIcon16Light");
-var _ArrowALeftIcon20Light = require("../../internal/icons2022/ArrowALeftIcon/ArrowALeftIcon20Light");
-var _ArrowALeftIcon24Regular = require("../../internal/icons2022/ArrowALeftIcon/ArrowALeftIcon24Regular");
-var _iconSizer = require("../../internal/icons2022/iconSizer"); /* eslint-disable react/display-name */
-
-var ArrowLeftIcon = (0, _iconSizer.iconSizer)(
-{
-  small: function small() {return /*#__PURE__*/_react.default.createElement(_ArrowALeftIcon16Light.ArrowALeftIcon16Light, null);},
-  medium: function medium() {return /*#__PURE__*/_react.default.createElement(_ArrowALeftIcon20Light.ArrowALeftIcon20Light, null);},
-  large: function large() {return /*#__PURE__*/_react.default.createElement(_ArrowALeftIcon24Regular.ArrowALeftIcon24Regular, null);} },
-
-'ArrowLeftIcon');exports.ArrowLeftIcon = ArrowLeftIcon;

package/cjs/components/Button/ArrowLeftIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ArrowLeftIcon.tsx"],"names":["ArrowLeftIcon","small","medium","large"],"mappings":";AACA;;AAEA;AACA;AACA;AACA,+D,CANA;;AAQO,IAAMA,aAAa,GAAG;AAC3B;AACEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,4CAAD,OAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,6BAAC,4CAAD,OAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,gDAAD,OAAN,EAHT,EAD2B;;AAM3B,eAN2B,CAAtB,C","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\n\nimport { ArrowALeftIcon16Light } from '../../internal/icons2022/ArrowALeftIcon/ArrowALeftIcon16Light';\nimport { ArrowALeftIcon20Light } from '../../internal/icons2022/ArrowALeftIcon/ArrowALeftIcon20Light';\nimport { ArrowALeftIcon24Regular } from '../../internal/icons2022/ArrowALeftIcon/ArrowALeftIcon24Regular';\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\n\nexport const ArrowLeftIcon = iconSizer(\n  {\n    small: () => <ArrowALeftIcon16Light />,\n    medium: () => <ArrowALeftIcon20Light />,\n    large: () => <ArrowALeftIcon24Regular />,\n  },\n  'ArrowLeftIcon',\n);\n"]}

package/cjs/components/Button/ArrowRightIcon.d.ts

@@ -1,3 +0,0 @@
-export declare const ArrowRightIcon: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
-}>;

package/cjs/components/Button/ArrowRightIcon.js

@@ -1,15 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ArrowRightIcon = void 0;
-var _react = _interopRequireDefault(require("react"));
-
-var _ArrowARightIcon16Light = require("../../internal/icons2022/ArrowARightIcon/ArrowARightIcon16Light");
-var _ArrowARightIcon20Light = require("../../internal/icons2022/ArrowARightIcon/ArrowARightIcon20Light");
-var _ArrowARightIcon24Regular = require("../../internal/icons2022/ArrowARightIcon/ArrowARightIcon24Regular");
-var _iconSizer = require("../../internal/icons2022/iconSizer"); /* eslint-disable react/display-name */
-
-var ArrowRightIcon = (0, _iconSizer.iconSizer)(
-{
-  small: function small() {return /*#__PURE__*/_react.default.createElement(_ArrowARightIcon16Light.ArrowARightIcon16Light, null);},
-  medium: function medium() {return /*#__PURE__*/_react.default.createElement(_ArrowARightIcon20Light.ArrowARightIcon20Light, null);},
-  large: function large() {return /*#__PURE__*/_react.default.createElement(_ArrowARightIcon24Regular.ArrowARightIcon24Regular, null);} },
-
-'ArrowRightIcon');exports.ArrowRightIcon = ArrowRightIcon;

package/cjs/components/Button/ArrowRightIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ArrowRightIcon.tsx"],"names":["ArrowRightIcon","small","medium","large"],"mappings":";AACA;;AAEA;AACA;AACA;AACA,+D,CANA;;AAQO,IAAMA,cAAc,GAAG;AAC5B;AACEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,8CAAD,OAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,6BAAC,8CAAD,OAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,kDAAD,OAAN,EAHT,EAD4B;;AAM5B,gBAN4B,CAAvB,C","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\n\nimport { ArrowARightIcon16Light } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon16Light';\nimport { ArrowARightIcon20Light } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon20Light';\nimport { ArrowARightIcon24Regular } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon24Regular';\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\n\nexport const ArrowRightIcon = iconSizer(\n  {\n    small: () => <ArrowARightIcon16Light />,\n    medium: () => <ArrowARightIcon20Light />,\n    large: () => <ArrowARightIcon24Regular />,\n  },\n  'ArrowRightIcon',\n);\n"]}

package/cjs/components/Button/ButtonArrow.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { Theme } from '../../lib/theming/Theme';
-import { ButtonProps } from './Button';
-declare type ButtonArrowProps = Pick<ButtonProps, 'size' | 'arrow' | 'checked' | 'disabled' | 'error' | 'use' | 'warning'> & {
-    isFocused: boolean;
-};
-export declare function useButtonArrow(props: ButtonArrowProps, theme: Theme): [string, string, React.ReactNode];
-export {};

package/cjs/components/Button/ButtonArrow.js

@@ -1,100 +0,0 @@
-"use strict";exports.__esModule = true;exports.useButtonArrow = useButtonArrow;var _react = _interopRequireWildcard(require("react"));
-
-var _Emotion = require("../../lib/theming/Emotion");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
-
-
-var _ArrowRightIcon = require("./ArrowRightIcon");
-var _ArrowLeftIcon = require("./ArrowLeftIcon");
-var _Button = require("./Button");
-var _Button2 = require("./Button.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
-
-
-
-
-
-var ButtonArrow = function ButtonArrow(_ref)
-
-
-
-
-
-
-
-{var arrow = _ref.arrow,_ref$size = _ref.size,size = _ref$size === void 0 ? _Button.Button.defaultProps.size : _ref$size,disabled = _ref.disabled,checked = _ref.checked,error = _ref.error,warning = _ref.warning,isFocused = _ref.isFocused;
-  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
-  var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(theme);
-
-  var getArrowIconRootClassName = function getArrowIconRootClassName() {var _cx;
-    return (0, _Emotion.cx)(_Button2.styles.arrowIconRoot(), (_cx = {}, _cx[
-    _Button2.styles.arrowIconRootSmall(theme)] = size === 'small', _cx[
-    _Button2.styles.arrowIconRootMedium(theme)] = size === 'medium', _cx[
-    _Button2.styles.arrowIconRootLarge(theme)] = size === 'large', _cx[
-    _Button2.styles.arrowIconLeft()] = arrow === 'left', _cx));
-
-  };
-
-  var arrowNode = null;
-
-  if (_isTheme2022) {
-    var arrowIcons = {
-      right: _ArrowRightIcon.ArrowRightIcon,
-      left: _ArrowLeftIcon.ArrowLeftIcon };
-
-    var side = arrow === 'left' ? 'left' : 'right';
-    var ArrowIcon = arrowIcons[side];
-    arrowNode = /*#__PURE__*/
-    _react.default.createElement("div", { className: getArrowIconRootClassName() }, /*#__PURE__*/
-    _react.default.createElement(ArrowIcon, { size: size }));
-
-
-  } else {var _cx2;
-    arrowNode = /*#__PURE__*/
-    _react.default.createElement("div", {
-      className: (0, _Emotion.cx)((_cx2 = {}, _cx2[
-      _Button2.styles.arrow()] = true, _cx2[
-      _Button2.styles.arrowWarning(theme)] = !checked && warning && !disabled, _cx2[
-      _Button2.styles.arrowError(theme)] = !checked && error && !disabled, _cx2[
-      _Button2.styles.arrowFocus(theme)] = !checked && isFocused && !disabled, _cx2[
-      _Button2.styles.arrowLeft()] = arrow === 'left', _cx2)) }, /*#__PURE__*/
-
-
-    _react.default.createElement("div", { className: (0, _Emotion.cx)(_Button2.globalClasses.arrowHelper, _Button2.globalClasses.arrowHelperTop) }), /*#__PURE__*/
-    _react.default.createElement("div", { className: (0, _Emotion.cx)(_Button2.globalClasses.arrowHelper, _Button2.globalClasses.arrowHelperBottom) }));
-
-
-  }
-
-  return arrowNode;
-};
-
-function useButtonArrow(props, theme) {var _cx3;
-  var arrow = props.arrow,size = props.size,use = props.use;
-  var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(theme);
-  var canRender = use !== 'link' && typeof arrow !== 'undefined';
-
-  var rootClassName =
-  !_isTheme2022 && canRender ?
-  '' :
-  (0, _Emotion.cx)(
-  arrow === true && size === 'small' && _Button2.styles.withArrowIconRightSmall(theme),
-  arrow === true && size === 'medium' && _Button2.styles.withArrowIconRightMedium(theme),
-  arrow === true && size === 'large' && _Button2.styles.withArrowIconRightLarge(theme),
-  arrow === 'left' && size === 'small' && _Button2.styles.withArrowIconLeftSmall(theme),
-  arrow === 'left' && size === 'medium' && _Button2.styles.withArrowIconLeftMedium(theme),
-  arrow === 'left' && size === 'large' && _Button2.styles.withArrowIconLeftLarge(theme));
-
-
-  var wrapClassName =
-  _isTheme2022 && canRender ?
-  '' :
-  (0, _Emotion.cx)((_cx3 = {}, _cx3[
-  _Button2.styles.wrapArrow()] = arrow === true, _cx3[
-  _Button2.styles.wrapArrowLeft()] = arrow === 'left', _cx3));
-
-
-  var arrowNode = canRender ? /*#__PURE__*/_react.default.createElement(ButtonArrow, props) : null;
-
-  return [wrapClassName, rootClassName, arrowNode];
-}

package/cjs/components/Button/ButtonArrow.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ButtonArrow.tsx"],"names":["ButtonArrow","arrow","size","Button","defaultProps","disabled","checked","error","warning","isFocused","theme","ThemeContext","_isTheme2022","getArrowIconRootClassName","styles","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","arrowNode","arrowIcons","right","ArrowRightIcon","left","ArrowLeftIcon","side","ArrowIcon","arrowWarning","arrowError","arrowFocus","arrowLeft","globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","useButtonArrow","props","use","canRender","rootClassName","withArrowIconRightSmall","withArrowIconRightMedium","withArrowIconRightLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","wrapClassName","wrapArrow","wrapArrowLeft"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { ArrowRightIcon } from './ArrowRightIcon';\nimport { ArrowLeftIcon } from './ArrowLeftIcon';\nimport { Button, ButtonProps } from './Button';\nimport { globalClasses, styles } from './Button.styles';\n\ntype ButtonArrowProps = Pick<ButtonProps, 'size' | 'arrow' | 'checked' | 'disabled' | 'error' | 'use' | 'warning'> & {\n  isFocused: boolean;\n};\n\nconst ButtonArrow: React.FunctionComponent<ButtonArrowProps> = ({\n  arrow,\n  size = Button.defaultProps.size,\n  disabled,\n  checked,\n  error,\n  warning,\n  isFocused,\n}) => {\n  const theme = useContext(ThemeContext);\n  const _isTheme2022 = isTheme2022(theme);\n\n  const getArrowIconRootClassName = () => {\n    return cx(styles.arrowIconRoot(), {\n      [styles.arrowIconRootSmall(theme)]: size === 'small',\n      [styles.arrowIconRootMedium(theme)]: size === 'medium',\n      [styles.arrowIconRootLarge(theme)]: size === 'large',\n      [styles.arrowIconLeft()]: arrow === 'left',\n    });\n  };\n\n  let arrowNode = null;\n\n  if (_isTheme2022) {\n    const arrowIcons = {\n      right: ArrowRightIcon,\n      left: ArrowLeftIcon,\n    };\n    const side = arrow === 'left' ? 'left' : 'right';\n    const ArrowIcon = arrowIcons[side];\n    arrowNode = (\n      <div className={getArrowIconRootClassName()}>\n        <ArrowIcon size={size} />\n      </div>\n    );\n  } else {\n    arrowNode = (\n      <div\n        className={cx({\n          [styles.arrow()]: true,\n          [styles.arrowWarning(theme)]: !checked && warning && !disabled,\n          [styles.arrowError(theme)]: !checked && error && !disabled,\n          [styles.arrowFocus(theme)]: !checked && isFocused && !disabled,\n          [styles.arrowLeft()]: arrow === 'left',\n        })}\n      >\n        <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperTop)} />\n        <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperBottom)} />\n      </div>\n    );\n  }\n\n  return arrowNode;\n};\n\nexport function useButtonArrow(props: ButtonArrowProps, theme: Theme): [string, string, React.ReactNode] {\n  const { arrow, size, use } = props;\n  const _isTheme2022 = isTheme2022(theme);\n  const canRender = use !== 'link' && typeof arrow !== 'undefined';\n\n  const rootClassName =\n    !_isTheme2022 && canRender\n      ? ''\n      : cx(\n          arrow === true && size === 'small' && styles.withArrowIconRightSmall(theme),\n          arrow === true && size === 'medium' && styles.withArrowIconRightMedium(theme),\n          arrow === true && size === 'large' && styles.withArrowIconRightLarge(theme),\n          arrow === 'left' && size === 'small' && styles.withArrowIconLeftSmall(theme),\n          arrow === 'left' && size === 'medium' && styles.withArrowIconLeftMedium(theme),\n          arrow === 'left' && size === 'large' && styles.withArrowIconLeftLarge(theme),\n        );\n\n  const wrapClassName =\n    _isTheme2022 && canRender\n      ? ''\n      : cx({\n          [styles.wrapArrow()]: arrow === true,\n          [styles.wrapArrowLeft()]: arrow === 'left',\n        });\n\n  const arrowNode = canRender ? <ButtonArrow {...props} /> : null;\n\n  return [wrapClassName, rootClassName, arrowNode];\n}\n"]}

package/cjs/components/Button/ButtonIcon.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { ButtonProps } from './Button';
-declare type ButtonIconProps = Pick<ButtonProps, 'size' | 'icon' | 'loading' | 'disabled' | 'use'> & {
-    hasChildren: boolean;
-};
-export declare const ButtonIcon: React.FunctionComponent<ButtonIconProps>;
-export {};

package/cjs/components/Button/ButtonIcon.js

@@ -1,70 +0,0 @@
-"use strict";exports.__esModule = true;exports.ButtonIcon = void 0;var _react = _interopRequireWildcard(require("react"));
-
-var _Emotion = require("../../lib/theming/Emotion");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _Spinner = require("../Spinner");
-var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
-var _chars = require("../../lib/chars");
-
-
-var _Button = require("./Button.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
-
-
-
-
-
-var ButtonIcon = function ButtonIcon(_ref)
-
-
-
-
-
-{var _cx;var icon = _ref.icon,hasChildren = _ref.hasChildren,use = _ref.use,_ref$loading = _ref.loading,loading = _ref$loading === void 0 ? false : _ref$loading,_ref$size = _ref.size,size = _ref$size === void 0 ? 'small' : _ref$size;
-  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
-  var isLink = use === 'link';
-
-  var getSizeIconClassName = function getSizeIconClassName() {
-    switch (size) {
-      case 'large':
-        return _Button.styles.iconLarge(theme);
-      case 'medium':
-        return _Button.styles.iconMedium(theme);
-      case 'small':
-      default:
-        return _Button.styles.iconSmall(theme);}
-
-  };
-  var sizes = {
-    small: parseInt(theme.btnIconSizeSmall),
-    medium: parseInt(theme.btnIconSizeMedium),
-    large: parseInt(theme.btnIconSizeLarge) };
-
-
-  var spinnerType = (0, _ThemeHelpers.isTheme2022)(theme) ? size : 'mini';
-  var space = (0, _ThemeHelpers.isTheme2022)(theme) ? _chars.ZERO_WIDTH_SPACE : '';
-  var style = (0, _ThemeHelpers.isTheme2022)(theme) ?
-  {
-    display: 'inline-flex',
-    alignItems: 'center' } :
-
-  {};
-
-  var _icon = icon;
-  if (icon && (0, _ThemeHelpers.isTheme2022)(theme)) {
-    // Expect icon to have a `size` and `disableCompensation` props
-    _icon = /*#__PURE__*/_react.default.cloneElement(icon, { size: sizes[size], disableCompensation: true });
-  }
-
-  return /*#__PURE__*/(
-    _react.default.createElement("span", {
-      style: style,
-      className: (0, _Emotion.cx)(_Button.styles.icon(), getSizeIconClassName(), (_cx = {}, _cx[
-      _Button.styles.iconNoRightMargin()] = !hasChildren, _cx[
-      _Button.styles.iconLink(theme)] = isLink, _cx)) },
-
-
-    space,
-    loading ? /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { caption: null, dimmed: true, type: spinnerType }) : _icon));
-
-
-};exports.ButtonIcon = ButtonIcon;