@skbkontur/react-ui 3.10.0-fileuploader.2 → 3.11.0-select-right-2

package/cjs/internal/icons/20px/svg.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-export interface SVGIconProps extends React.HTMLAttributes<HTMLSpanElement> {
-    color?: React.CSSProperties['color'];
-}
-export declare const SvgIcon: React.FunctionComponent<SVGIconProps>;
-export declare const Ok: (props: SVGIconProps) => JSX.Element;
-export declare const Warning: (props: SVGIconProps) => JSX.Element;
-export declare const Gear: (props: SVGIconProps) => JSX.Element;
-export declare const User: (props: SVGIconProps) => JSX.Element;
-export declare const Wait: (props: SVGIconProps) => JSX.Element;
-export declare const Clear: (props: SVGIconProps) => JSX.Element;
-export declare const Money: (props: SVGIconProps) => JSX.Element;
-export declare const HelpCircle: (props: SVGIconProps) => JSX.Element;
-export declare const Kebab: (props: SVGIconProps) => JSX.Element;
+import React from 'react';
+export interface SVGIconProps extends React.HTMLAttributes<HTMLSpanElement> {
+    color?: React.CSSProperties['color'];
+}
+export declare const SvgIcon: React.FunctionComponent<SVGIconProps>;
+export declare const Ok: (props: SVGIconProps) => JSX.Element;
+export declare const Warning: (props: SVGIconProps) => JSX.Element;
+export declare const Gear: (props: SVGIconProps) => JSX.Element;
+export declare const User: (props: SVGIconProps) => JSX.Element;
+export declare const Wait: (props: SVGIconProps) => JSX.Element;
+export declare const Clear: (props: SVGIconProps) => JSX.Element;
+export declare const Money: (props: SVGIconProps) => JSX.Element;
+export declare const HelpCircle: (props: SVGIconProps) => JSX.Element;
+export declare const Kebab: (props: SVGIconProps) => JSX.Element;

package/cjs/internal/icons/CloudIcon.d.ts

@@ -1 +1 @@
-export declare const CloudIcon: () => JSX.Element;
+export declare const CloudIcon: () => JSX.Element;

package/cjs/internal/icons/CrossIcon.d.ts

@@ -1 +1 @@
-export declare const CrossIcon: () => JSX.Element;
+export declare const CrossIcon: () => JSX.Element;

package/cjs/internal/icons/SpinnerIcon.d.ts

@@ -1,23 +1,26 @@
-export interface SpinnerIconProps {
-    className: string;
-    size: 'mini' | 'normal' | 'big';
-    dimmed?: boolean;
-}
-export declare const sizes: {
-    big: {
-        size: number;
-        width: number;
-        radius: number;
-    };
-    normal: {
-        size: number;
-        width: number;
-        radius: number;
-    };
-    mini: {
-        size: number;
-        width: number;
-        radius: number;
-    };
-};
-export declare const SpinnerIcon: ({ size, className, dimmed }: SpinnerIconProps) => JSX.Element;
+import React from 'react';
+export interface SpinnerIconProps {
+    className: string;
+    size: 'mini' | 'normal' | 'big';
+    dimmed?: boolean;
+    width?: number;
+    color?: React.CSSProperties['color'];
+}
+export declare const sizes: {
+    big: {
+        size: number;
+        width: number;
+        radius: number;
+    };
+    normal: {
+        size: number;
+        width: number;
+        radius: number;
+    };
+    mini: {
+        size: number;
+        width: number;
+        radius: number;
+    };
+};
+export declare const SpinnerIcon: ({ size, className, dimmed, width, color }: SpinnerIconProps) => JSX.Element;

package/cjs/internal/icons/SpinnerIcon.js

@@ -20,6 +20,8 @@ var _SpinnerIcon = require("./SpinnerIcon.styles");
 
 
 
+
+
 var sizes = {
   big: {
     size: 96,
@@ -38,7 +40,7 @@ var sizes = {
 
 
 
-var SpinnerIcon = function SpinnerIcon(_ref) {var size = _ref.size,className = _ref.className,dimmed = _ref.dimmed;
+var SpinnerIcon = function SpinnerIcon(_ref) {var size = _ref.size,className = _ref.className,dimmed = _ref.dimmed,width = _ref.width,color = _ref.color;
   var currentSize = sizes[size];
   var svgRef = _react.default.useRef(null);
 
@@ -91,9 +93,10 @@ var SpinnerIcon = function SpinnerIcon(_ref) {var size = _ref.size,className = _
       width: currentSize.size,
       height: currentSize.size,
       fill: "none",
+      stroke: color,
       strokeDasharray: 10 * currentSize.radius / 6 + ", " + 27 * currentSize.radius / 6,
       strokeDashoffset: "0",
-      strokeWidth: currentSize.width,
+      strokeWidth: width || currentSize.width,
       ref: svgRef }, /*#__PURE__*/
 
     _react.default.createElement("circle", { cx: currentSize.size / 2, cy: currentSize.size / 2, r: currentSize.radius }))));

package/cjs/internal/icons/SpinnerIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SpinnerIcon.tsx"],"names":["sizes","big","size","width","radius","normal","mini","SpinnerIcon","className","dimmed","currentSize","svgRef","React","useRef","isIE11","isTestEnv","fallbackAnimationRef","useContext","ThemeContext","red","yellow","green","brand","useEffect","setStyleProperty","svg","current","style","setProperty","SpinnerFallbackAnimationRunner","fallbackAnimation","stop","removeAttribute","styles","root","icon"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isIE11 } from '../../lib/client';\nimport {\n  SpinnerFallbackAnimationRunner,\n  createOffsetAnimation,\n  createLengthAnimation,\n  createColorAnimation,\n  createRotationAnimation,\n} from '../../components/Spinner/SpinnerFallbackAnimation';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './SpinnerIcon.styles';\n\nexport interface SpinnerIconProps {\n  className: string;\n  size: 'mini' | 'normal' | 'big';\n  dimmed?: boolean;\n}\n\nexport const sizes = {\n  big: {\n    size: 96,\n    width: 4,\n    radius: 32,\n  },\n  normal: {\n    size: 48,\n    width: 2,\n    radius: 16,\n  },\n  mini: {\n    size: 16,\n    width: 1.5,\n    radius: 6,\n  },\n};\n\nexport const SpinnerIcon = ({ size, className, dimmed }: SpinnerIconProps) => {\n  const currentSize = sizes[size];\n  const svgRef = React.useRef<SVGSVGElement>(null);\n\n  if (isIE11 && !isTestEnv) {\n    // This condition will not change during app's life time\n    // So its OK to use hooks here\n    // https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const fallbackAnimationRef = React.useRef<SpinnerFallbackAnimationRunner | null>(null);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const { red, yellow, green, brand } = React.useContext(ThemeContext);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      const setStyleProperty: CSSStyleDeclaration['setProperty'] = (...args) => {\n        const svg = svgRef.current;\n        if (svg) {\n          svg.style.setProperty(...args);\n        }\n      };\n\n      fallbackAnimationRef.current = new SpinnerFallbackAnimationRunner(\n        [\n          createOffsetAnimation(0, -230, 1000, setStyleProperty, '%'),\n          createLengthAnimation([62, 168], [187, 43], 2000, setStyleProperty, '%'),\n          createRotationAnimation(0, 360, 2000, setStyleProperty),\n          ...(dimmed ? [] : [createColorAnimation([red, yellow, green, brand], 1500, setStyleProperty)]),\n        ],\n        1000 / 60,\n      );\n\n      return () => {\n        const fallbackAnimation = fallbackAnimationRef.current;\n        const svg = svgRef.current;\n        if (fallbackAnimation) {\n          fallbackAnimation.stop();\n        }\n        if (svg) {\n          svg.removeAttribute('style');\n        }\n      };\n    }, [dimmed, red, yellow, green, brand]);\n  }\n\n  return (\n    <span className={styles.root()}>\n      <svg\n        viewBox={`0 0 ${currentSize.size} ${currentSize.size}`}\n        className={cx(styles.icon(), className)}\n        width={currentSize.size}\n        height={currentSize.size}\n        fill=\"none\"\n        strokeDasharray={`${(10 * currentSize.radius) / 6}, ${(27 * currentSize.radius) / 6}`}\n        strokeDashoffset=\"0\"\n        strokeWidth={currentSize.width}\n        ref={svgRef}\n      >\n        <circle cx={currentSize.size / 2} cy={currentSize.size / 2} r={currentSize.radius} />\n      </svg>\n    </span>\n  );\n};\n"]}
+{"version":3,"sources":["SpinnerIcon.tsx"],"names":["sizes","big","size","width","radius","normal","mini","SpinnerIcon","className","dimmed","color","currentSize","svgRef","React","useRef","isIE11","isTestEnv","fallbackAnimationRef","useContext","ThemeContext","red","yellow","green","brand","useEffect","setStyleProperty","svg","current","style","setProperty","SpinnerFallbackAnimationRunner","fallbackAnimation","stop","removeAttribute","styles","root","icon"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isIE11 } from '../../lib/client';\nimport {\n  SpinnerFallbackAnimationRunner,\n  createOffsetAnimation,\n  createLengthAnimation,\n  createColorAnimation,\n  createRotationAnimation,\n} from '../../components/Spinner/SpinnerFallbackAnimation';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './SpinnerIcon.styles';\n\nexport interface SpinnerIconProps {\n  className: string;\n  size: 'mini' | 'normal' | 'big';\n  dimmed?: boolean;\n  width?: number;\n  color?: React.CSSProperties['color'];\n}\n\nexport const sizes = {\n  big: {\n    size: 96,\n    width: 4,\n    radius: 32,\n  },\n  normal: {\n    size: 48,\n    width: 2,\n    radius: 16,\n  },\n  mini: {\n    size: 16,\n    width: 1.5,\n    radius: 6,\n  },\n};\n\nexport const SpinnerIcon = ({ size, className, dimmed, width, color }: SpinnerIconProps) => {\n  const currentSize = sizes[size];\n  const svgRef = React.useRef<SVGSVGElement>(null);\n\n  if (isIE11 && !isTestEnv) {\n    // This condition will not change during app's life time\n    // So its OK to use hooks here\n    // https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const fallbackAnimationRef = React.useRef<SpinnerFallbackAnimationRunner | null>(null);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const { red, yellow, green, brand } = React.useContext(ThemeContext);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      const setStyleProperty: CSSStyleDeclaration['setProperty'] = (...args) => {\n        const svg = svgRef.current;\n        if (svg) {\n          svg.style.setProperty(...args);\n        }\n      };\n\n      fallbackAnimationRef.current = new SpinnerFallbackAnimationRunner(\n        [\n          createOffsetAnimation(0, -230, 1000, setStyleProperty, '%'),\n          createLengthAnimation([62, 168], [187, 43], 2000, setStyleProperty, '%'),\n          createRotationAnimation(0, 360, 2000, setStyleProperty),\n          ...(dimmed ? [] : [createColorAnimation([red, yellow, green, brand], 1500, setStyleProperty)]),\n        ],\n        1000 / 60,\n      );\n\n      return () => {\n        const fallbackAnimation = fallbackAnimationRef.current;\n        const svg = svgRef.current;\n        if (fallbackAnimation) {\n          fallbackAnimation.stop();\n        }\n        if (svg) {\n          svg.removeAttribute('style');\n        }\n      };\n    }, [dimmed, red, yellow, green, brand]);\n  }\n\n  return (\n    <span className={styles.root()}>\n      <svg\n        viewBox={`0 0 ${currentSize.size} ${currentSize.size}`}\n        className={cx(styles.icon(), className)}\n        width={currentSize.size}\n        height={currentSize.size}\n        fill=\"none\"\n        stroke={color}\n        strokeDasharray={`${(10 * currentSize.radius) / 6}, ${(27 * currentSize.radius) / 6}`}\n        strokeDashoffset=\"0\"\n        strokeWidth={width || currentSize.width}\n        ref={svgRef}\n      >\n        <circle cx={currentSize.size / 2} cy={currentSize.size / 2} r={currentSize.radius} />\n      </svg>\n    </span>\n  );\n};\n"]}

package/cjs/internal/icons/SpinnerIcon.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const styles: {
-    root(): string;
-    icon(): string;
-};
+export declare const styles: {
+    root(): string;
+    icon(): string;
+};