@codacy/ui-components 0.58.4 → 0.59.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -7
- package/lib/Avatar/Avatar.js +2 -1
- package/lib/Avatar/Avatar.types.js +1 -0
- package/lib/Avatar/gravatar.js +2 -1
- package/lib/Button/Button.js +2 -1
- package/lib/Button/styles.d.ts +4 -4
- package/lib/Button/types.js +1 -0
- package/lib/Checkbox/Checkbox.js +2 -1
- package/lib/Checkbox/CheckboxFilterList.js +2 -1
- package/lib/Checkbox/styles.d.ts +9 -9
- package/lib/Checkbox/types.js +1 -0
- package/lib/Divider/Divider.js +2 -1
- package/lib/Divider/Divider.styles.d.ts +8 -8
- package/lib/Divider/Divider.types.d.ts +2 -2
- package/lib/Divider/Divider.types.js +1 -0
- package/lib/Dropdown/Content/DropdownItem.js +2 -1
- package/lib/Dropdown/Dropdown.js +2 -1
- package/lib/Dropdown/Dropdown.styles.d.ts +12 -12
- package/lib/Dropdown/Dropdown.types.js +1 -0
- package/lib/Dropdown/Triggers/DropdownButtonTrigger.js +2 -1
- package/lib/Dropdown/Triggers/DropdownLinkTrigger.js +2 -1
- package/lib/Dropdown/Triggers/SelectTrigger.js +2 -1
- package/lib/Dropdown/Triggers/hooks.d.ts +2 -2
- package/lib/Dropdown/Triggers/types.js +1 -0
- package/lib/Flexbox/Flexbox.d.ts +6 -6
- package/lib/Group/Group.js +2 -1
- package/lib/Group/Group.styles.d.ts +4 -4
- package/lib/Group/Group.types.d.ts +2 -2
- package/lib/Group/Group.types.js +1 -0
- package/lib/Icon/Icon.js +2 -1
- package/lib/Icon/Icon.styles.d.ts +6 -6
- package/lib/Icon/Icon.styles.js +3 -21
- package/lib/Icon/Icon.types.js +1 -0
- package/lib/IconAndText/IconAndText.js +2 -1
- package/lib/IconAndText/IconAndText.styles.d.ts +4 -4
- package/lib/IconAndText/IconAndText.types.js +1 -0
- package/lib/Img/Img.js +2 -1
- package/lib/Img/Img.styles.d.ts +4 -4
- package/lib/Img/Img.types.js +1 -0
- package/lib/InlineMessage/InlineMessage.js +2 -1
- package/lib/InlineMessage/types.js +1 -0
- package/lib/Input/Input.js +5 -2
- package/lib/Input/hooks.d.ts +4 -4
- package/lib/Input/hooks.js +5 -3
- package/lib/Input/styles.d.ts +33 -45
- package/lib/Input/types.d.ts +1 -0
- package/lib/Input/types.js +1 -0
- package/lib/Labeled/Labeled.js +2 -1
- package/lib/Labeled/styles.d.ts +4 -4
- package/lib/Labeled/types.js +1 -0
- package/lib/LeftMenu/LeftMenu.js +2 -1
- package/lib/LeftMenu/LeftMenu.styles.d.ts +4 -4
- package/lib/LeftMenu/LeftMenu.types.js +1 -0
- package/lib/Link/Link.js +2 -1
- package/lib/Link/Link.types.js +1 -0
- package/lib/Message/Message.js +2 -1
- package/lib/Message/Message.styles.d.ts +4 -4
- package/lib/Message/Message.types.js +1 -0
- package/lib/Modal/ConfirmationModal.js +2 -1
- package/lib/Modal/Modal.d.ts +2 -4
- package/lib/Modal/Modal.js +10 -5
- package/lib/Modal/styles.d.ts +22 -22
- package/lib/Modal/types.d.ts +4 -3
- package/lib/Modal/types.js +1 -0
- package/lib/MoreInfo/MoreInfo.js +2 -1
- package/lib/MoreInfo/types.js +1 -0
- package/lib/Panel/styles.d.ts +4 -4
- package/lib/PillLabel/PillLabel.js +2 -1
- package/lib/PillLabel/PillLabel.styles.d.ts +4 -4
- package/lib/PillLabel/PillLabel.types.js +1 -0
- package/lib/Popup/Popup.d.ts +2 -1
- package/lib/Popup/Popup.js +2 -1
- package/lib/Popup/styles.d.ts +4 -4
- package/lib/Popup/types.d.ts +2 -2
- package/lib/Popup/types.js +1 -0
- package/lib/Radio/Radio.js +2 -1
- package/lib/Radio/styles.d.ts +5 -5
- package/lib/Radio/types.js +1 -0
- package/lib/ScrollableContent/ScrollableContent.js +4 -2
- package/lib/ScrollableContent/ScrollableContent.styles.d.ts +4 -4
- package/lib/ScrollableContent/ScrollableContent.types.js +1 -0
- package/lib/Select/Select.js +2 -1
- package/lib/Select/types.js +1 -0
- package/lib/Skeleton/Skeleton.js +4 -2
- package/lib/Skeleton/Skeleton.styles.d.ts +4 -4
- package/lib/Skeleton/Skeleton.styles.js +2 -10
- package/lib/Skeleton/Skeleton.types.js +1 -0
- package/lib/Stepper/Stepper.js +4 -2
- package/lib/Stepper/Stepper.styles.d.ts +12 -12
- package/lib/Stepper/Stepper.types.d.ts +3 -3
- package/lib/Stepper/Stepper.types.js +1 -0
- package/lib/Switcher/Switcher.js +2 -1
- package/lib/Switcher/Switcher.styles.d.ts +4 -4
- package/lib/Switcher/Switcher.types.js +1 -0
- package/lib/Tab/Tab.d.ts +2 -2
- package/lib/Tab/Tab.js +4 -2
- package/lib/Tab/Tab.styles.d.ts +4 -4
- package/lib/Tab/Tab.types.js +1 -0
- package/lib/Table/NewSelectableTable.js +4 -2
- package/lib/Table/SelectableTable.js +6 -3
- package/lib/Table/Table.js +14 -7
- package/lib/Table/Table.styles.d.ts +5 -5
- package/lib/Table/Table.types.js +1 -0
- package/lib/TagsInput/TagsInput.js +2 -1
- package/lib/TagsInput/style.d.ts +8 -8
- package/lib/TagsInput/types.js +1 -0
- package/lib/Textarea/Textarea.js +2 -1
- package/lib/Textarea/Textarea.styles.d.ts +8 -8
- package/lib/Textarea/Textarea.types.js +1 -0
- package/lib/ThemeProvider/ThemeProvider.d.ts +1 -0
- package/lib/ThemeProvider/ThemeProvider.js +1 -1
- package/lib/Toast/Toast.d.ts +1 -1
- package/lib/Toast/Toast.js +5 -5
- package/lib/Toast/types.js +1 -0
- package/lib/Toggle/Toggle.js +2 -1
- package/lib/Toggle/styles.d.ts +6 -6
- package/lib/Toggle/types.js +1 -0
- package/lib/Tooltip/types.js +1 -0
- package/lib/Typography/Typography.js +12 -6
- package/lib/Typography/Typography.styles.d.ts +24 -24
- package/lib/Typography/Typography.types.js +1 -0
- package/lib/system-props/types.js +1 -0
- package/lib/theme/theme.d.ts +1 -1
- package/lib/types.js +1 -0
- package/package.json +27 -19
package/lib/Popup/styles.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CodacyTheme } from '../theme';
|
|
3
3
|
import { PopupProps } from './types';
|
|
4
|
-
export declare const StyledPopup: import("@emotion/styled-base").StyledComponent<
|
|
4
|
+
export declare const StyledPopup: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("../system-props/types").ColorProps & import("../system-props/types").LayoutProps & import("../system-props/types").SpaceProps & import("../system-props/types").BorderProps & import("../system-props/types").PositionProps & import("../system-props/types").ShadowProps & import("../system-props/types").TextAlignProps & import("..").As, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
5
5
|
theme?: object | undefined;
|
|
6
|
-
}
|
|
6
|
+
}, "key" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
7
7
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
8
|
-
} & Pick<import("..").BoxProps, "
|
|
8
|
+
} & Pick<import("..").BoxProps, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps | keyof import("../system-props/types").FlexboxProps | keyof import("../system-props/types").GridboxProps> & {
|
|
9
9
|
theme?: object | undefined;
|
|
10
|
-
}
|
|
10
|
+
}, Pick<PopupProps, "backgroundImage">, CodacyTheme>;
|
|
11
11
|
export declare const CloseBtnLocation: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}, CodacyTheme>;
|
package/lib/Popup/types.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
import { ContainerComponentProps } from '../types';
|
|
3
|
+
export interface PopupProps extends ContainerComponentProps {
|
|
4
4
|
/** Title for the popup content */
|
|
5
5
|
title: React.ReactChild;
|
|
6
6
|
/** Background for the popup content */
|
package/lib/Popup/types.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/lib/Radio/Radio.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
+
var _excluded = ["children", "id", "disabled", "name", "value", "checked", "onChange", "onFocus", "onBlur"];
|
|
2
3
|
import React, { useRef } from 'react';
|
|
3
4
|
import { Input, StyledRadio, Wrapper } from './styles';
|
|
4
5
|
import { Caption } from '../';
|
|
@@ -16,7 +17,7 @@ var Radio = function Radio(_ref) {
|
|
|
16
17
|
onChange = _ref.onChange,
|
|
17
18
|
onFocus = _ref.onFocus,
|
|
18
19
|
onBlur = _ref.onBlur,
|
|
19
|
-
props = _objectWithoutProperties(_ref,
|
|
20
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
20
21
|
|
|
21
22
|
var input = useRef(null);
|
|
22
23
|
var isChecked = !!checked;
|
package/lib/Radio/styles.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CodacyTheme } from '../theme';
|
|
3
3
|
import { RadioProps } from './types';
|
|
4
|
-
export declare const Input: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, Pick<import("react").
|
|
5
|
-
export declare const Wrapper: import("@emotion/styled-base").StyledComponent<
|
|
4
|
+
export declare const Input: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, Pick<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement>, keyof import("react").InputHTMLAttributes<HTMLInputElement>>, object>;
|
|
5
|
+
export declare const Wrapper: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("../system-props/types").ColorProps & import("../system-props/types").LayoutProps & import("../system-props/types").SpaceProps & import("../system-props/types").BorderProps & import("../system-props/types").PositionProps & import("../system-props/types").ShadowProps & import("../system-props/types").TextAlignProps & import("../Flexbox").As, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
6
6
|
theme?: object | undefined;
|
|
7
|
-
}
|
|
7
|
+
}, "key" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
8
8
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
9
|
-
} & Pick<import("../Flexbox").BoxProps, "
|
|
9
|
+
} & Pick<import("../Flexbox").BoxProps, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps | keyof import("../system-props/types").FlexboxProps | keyof import("../system-props/types").GridboxProps> & {
|
|
10
10
|
theme?: object | undefined;
|
|
11
|
-
}
|
|
11
|
+
}, Pick<RadioProps, "disabled" | "checked">, CodacyTheme>;
|
|
12
12
|
export declare const StyledRadio: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<RadioProps, "disabled" | "checked">, CodacyTheme>;
|
package/lib/Radio/types.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
+
var _excluded = ["children"],
|
|
3
|
+
_excluded2 = ["atTop", "atBottom", "scroll", "height"];
|
|
2
4
|
import React from 'react';
|
|
3
5
|
import { ScrollableContentWrapper } from './ScrollableContent.styles';
|
|
4
6
|
import { useScrollContainer } from './useScrollContainer';
|
|
@@ -14,14 +16,14 @@ export var ScrollableContentContext = React.createContext({
|
|
|
14
16
|
|
|
15
17
|
export var ScrollableContent = React.forwardRef(function (_ref, ref) {
|
|
16
18
|
var children = _ref.children,
|
|
17
|
-
props = _objectWithoutProperties(_ref,
|
|
19
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
18
20
|
|
|
19
21
|
var _useScrollContainer = useScrollContainer(),
|
|
20
22
|
atTop = _useScrollContainer.atTop,
|
|
21
23
|
atBottom = _useScrollContainer.atBottom,
|
|
22
24
|
scroll = _useScrollContainer.scroll,
|
|
23
25
|
height = _useScrollContainer.height,
|
|
24
|
-
divProps = _objectWithoutProperties(_useScrollContainer,
|
|
26
|
+
divProps = _objectWithoutProperties(_useScrollContainer, _excluded2);
|
|
25
27
|
|
|
26
28
|
return /*#__PURE__*/React.createElement(ScrollableContentContext.Provider, {
|
|
27
29
|
value: {
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CodacyTheme } from '../theme';
|
|
3
3
|
import { ScrollableContentProps } from './ScrollableContent.types';
|
|
4
|
-
export declare const ScrollableContentWrapper: import("@emotion/styled-base").StyledComponent<
|
|
4
|
+
export declare const ScrollableContentWrapper: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("../system-props/types").ColorProps & import("../system-props/types").LayoutProps & import("../system-props/types").SpaceProps & import("../system-props/types").BorderProps & import("../system-props/types").PositionProps & import("../system-props/types").ShadowProps & import("../system-props/types").TextAlignProps & import("../Flexbox").As, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
5
5
|
theme?: object | undefined;
|
|
6
|
-
}
|
|
6
|
+
}, "key" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
7
7
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
8
|
-
} & Pick<import("../Flexbox").FlexProps, "
|
|
8
|
+
} & Pick<import("../Flexbox").FlexProps, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps | keyof import("../system-props/types").FlexboxProps> & {
|
|
9
9
|
theme?: object | undefined;
|
|
10
|
-
}
|
|
10
|
+
}, ScrollableContentProps & {
|
|
11
11
|
moreTop: boolean;
|
|
12
12
|
moreBottom: boolean;
|
|
13
13
|
}, CodacyTheme>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/lib/Select/Select.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
+
var _excluded = ["options", "id", "value", "onChange", "onOpen", "onClose", "portal"];
|
|
2
3
|
import React, { useCallback } from 'react';
|
|
3
4
|
import { Dropdown, DropdownItem, SelectTrigger } from '../';
|
|
4
5
|
|
|
@@ -11,7 +12,7 @@ export var Select = function Select(_ref) {
|
|
|
11
12
|
onOpen = _ref.onOpen,
|
|
12
13
|
onClose = _ref.onClose,
|
|
13
14
|
portal = _ref.portal,
|
|
14
|
-
inputProps = _objectWithoutProperties(_ref,
|
|
15
|
+
inputProps = _objectWithoutProperties(_ref, _excluded);
|
|
15
16
|
|
|
16
17
|
var dropdownProps = {
|
|
17
18
|
onOpen: onOpen,
|
package/lib/Select/types.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/lib/Skeleton/Skeleton.js
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
+
var _excluded = ["size"],
|
|
3
|
+
_excluded2 = ["lines"];
|
|
2
4
|
import React from 'react';
|
|
3
5
|
import { SkeletonPrimitive } from './Skeleton.styles';
|
|
4
6
|
import { Box } from '../';
|
|
@@ -6,7 +8,7 @@ import { Box } from '../';
|
|
|
6
8
|
var CircleSkeleton = function CircleSkeleton(_ref) {
|
|
7
9
|
var _ref$size = _ref.size,
|
|
8
10
|
size = _ref$size === void 0 ? '2rem' : _ref$size,
|
|
9
|
-
props = _objectWithoutProperties(_ref,
|
|
11
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
10
12
|
|
|
11
13
|
return /*#__PURE__*/React.createElement(SkeletonPrimitive, Object.assign({
|
|
12
14
|
variant: "circle",
|
|
@@ -24,7 +26,7 @@ var RectSkeleton = function RectSkeleton(_ref2) {
|
|
|
24
26
|
var ParagraphSkeleton = function ParagraphSkeleton(_ref3) {
|
|
25
27
|
var _ref3$lines = _ref3.lines,
|
|
26
28
|
lines = _ref3$lines === void 0 ? 3 : _ref3$lines,
|
|
27
|
-
props = _objectWithoutProperties(_ref3,
|
|
29
|
+
props = _objectWithoutProperties(_ref3, _excluded2);
|
|
28
30
|
|
|
29
31
|
return /*#__PURE__*/React.createElement(Box, props, new Array(lines).fill('').map(function (_item, index) {
|
|
30
32
|
return /*#__PURE__*/React.createElement(SkeletonPrimitive, {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CodacyTheme } from '../theme';
|
|
3
3
|
import { SkeletonProps } from './Skeleton.types';
|
|
4
|
-
export declare const SkeletonPrimitive: import("@emotion/styled-base").StyledComponent<
|
|
4
|
+
export declare const SkeletonPrimitive: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("../system-props/types").ColorProps & import("../system-props/types").LayoutProps & import("../system-props/types").SpaceProps & import("../system-props/types").BorderProps & import("../system-props/types").PositionProps & import("../system-props/types").ShadowProps & import("../system-props/types").TextAlignProps & import("../Flexbox").As, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
5
5
|
theme?: object | undefined;
|
|
6
|
-
}
|
|
6
|
+
}, "key" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
7
7
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
8
|
-
} & Pick<import("../Flexbox").BoxProps, "
|
|
8
|
+
} & Pick<import("../Flexbox").BoxProps, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps | keyof import("../system-props/types").FlexboxProps | keyof import("../system-props/types").GridboxProps> & {
|
|
9
9
|
theme?: object | undefined;
|
|
10
|
-
}
|
|
10
|
+
}, Pick<SkeletonProps, "height" | "width" | "variant">, CodacyTheme>;
|
|
@@ -1,19 +1,11 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
|
|
2
2
|
import _styled from "@emotion/styled-base";
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
var data = _taggedTemplateLiteral(["\n 0% {\n opacity: 0.4;\n }\n\n 50% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0.4;\n }\n"]);
|
|
6
|
-
|
|
7
|
-
_templateObject = function _templateObject() {
|
|
8
|
-
return data;
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
return data;
|
|
12
|
-
}
|
|
4
|
+
var _templateObject;
|
|
13
5
|
|
|
14
6
|
import { css, keyframes } from '@emotion/core';
|
|
15
7
|
import { Box } from '../Flexbox';
|
|
16
|
-
var animation = keyframes(_templateObject());
|
|
8
|
+
var animation = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% {\n opacity: 0.4;\n }\n\n 50% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0.4;\n }\n"])));
|
|
17
9
|
export var SkeletonPrimitive = /*#__PURE__*/_styled(Box, {
|
|
18
10
|
target: "ejszlve0"
|
|
19
11
|
})("background:", function (_ref) {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/lib/Stepper/Stepper.js
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
+
var _excluded = ["children", "active"],
|
|
3
|
+
_excluded2 = ["state", "children", "step"];
|
|
2
4
|
import React from 'react';
|
|
3
5
|
import { StepLabelWrapper, StepperWrapper, StepLabelIndicator } from './Stepper.styles';
|
|
4
6
|
import { Icon, CheckIcon, Caption } from '../';
|
|
@@ -9,7 +11,7 @@ import { Icon, CheckIcon, Caption } from '../';
|
|
|
9
11
|
var StepperContainer = function StepperContainer(_ref) {
|
|
10
12
|
var children = _ref.children,
|
|
11
13
|
active = _ref.active,
|
|
12
|
-
props = _objectWithoutProperties(_ref,
|
|
14
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
13
15
|
|
|
14
16
|
var activeStepIdx = React.Children.toArray(children).findIndex(function (child) {
|
|
15
17
|
return React.isValidElement(child) && child.props.step === active;
|
|
@@ -29,7 +31,7 @@ var StepLabel = function StepLabel(_ref2) {
|
|
|
29
31
|
var state = _ref2.state,
|
|
30
32
|
children = _ref2.children,
|
|
31
33
|
step = _ref2.step,
|
|
32
|
-
props = _objectWithoutProperties(_ref2,
|
|
34
|
+
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
33
35
|
|
|
34
36
|
return /*#__PURE__*/React.createElement(StepLabelWrapper, Object.assign({
|
|
35
37
|
state: state,
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CodacyTheme } from '../theme';
|
|
3
3
|
import { StepLabelProps } from './Stepper.types';
|
|
4
|
-
export declare const StepperWrapper: import("@emotion/styled-base").StyledComponent<
|
|
4
|
+
export declare const StepperWrapper: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("../system-props/types").ColorProps & import("../system-props/types").LayoutProps & import("../system-props/types").SpaceProps & import("../system-props/types").BorderProps & import("../system-props/types").PositionProps & import("../system-props/types").ShadowProps & import("../system-props/types").TextAlignProps & import("../Flexbox").As, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
5
5
|
theme?: object | undefined;
|
|
6
|
-
}
|
|
6
|
+
}, "key" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
7
7
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
8
|
-
} & Pick<import("../Flexbox").FlexProps, "
|
|
8
|
+
} & Pick<import("../Flexbox").FlexProps, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps | keyof import("../system-props/types").FlexboxProps> & {
|
|
9
9
|
theme?: object | undefined;
|
|
10
|
-
}
|
|
11
|
-
export declare const StepLabelIndicator: import("@emotion/styled-base").StyledComponent<
|
|
10
|
+
}, {}, CodacyTheme>;
|
|
11
|
+
export declare const StepLabelIndicator: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("../system-props/types").ColorProps & import("../system-props/types").LayoutProps & import("../system-props/types").SpaceProps & import("../system-props/types").BorderProps & import("../system-props/types").PositionProps & import("../system-props/types").ShadowProps & import("../system-props/types").TextAlignProps & import("../Flexbox").As, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
12
12
|
theme?: object | undefined;
|
|
13
|
-
}
|
|
13
|
+
}, "key" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
14
14
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
15
|
-
} & Pick<import("../Flexbox").BoxProps, "
|
|
15
|
+
} & Pick<import("../Flexbox").BoxProps, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps | keyof import("../system-props/types").FlexboxProps | keyof import("../system-props/types").GridboxProps> & {
|
|
16
16
|
theme?: object | undefined;
|
|
17
|
-
}
|
|
18
|
-
export declare const StepLabelWrapper: import("@emotion/styled-base").StyledComponent<
|
|
17
|
+
}, {}, CodacyTheme>;
|
|
18
|
+
export declare const StepLabelWrapper: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("../system-props/types").ColorProps & import("../system-props/types").LayoutProps & import("../system-props/types").SpaceProps & import("../system-props/types").BorderProps & import("../system-props/types").PositionProps & import("../system-props/types").ShadowProps & import("../system-props/types").TextAlignProps & import("../Flexbox").As, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
19
19
|
theme?: object | undefined;
|
|
20
|
-
}
|
|
20
|
+
}, "key" | "textAlign" | "as" | "theme" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps> & {
|
|
21
21
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
22
|
-
} & Pick<import("../Flexbox").FlexProps, "
|
|
22
|
+
} & Pick<import("../Flexbox").FlexProps, "textAlign" | "as" | keyof import("../system-props/types").ColorProps | keyof import("../system-props/types").LayoutProps | keyof import("../system-props/types").SpaceProps | keyof import("../system-props/types").BorderProps | keyof import("../system-props/types").PositionProps | keyof import("../system-props/types").ShadowProps | keyof import("../system-props/types").FlexboxProps> & {
|
|
23
23
|
theme?: object | undefined;
|
|
24
|
-
}
|
|
24
|
+
}, Pick<StepLabelProps, "state">, CodacyTheme>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ContainerComponentProps } from '../types';
|
|
2
2
|
import { FlexProps } from '../Flexbox';
|
|
3
|
-
export interface StepperProps extends
|
|
3
|
+
export interface StepperProps extends ContainerComponentProps, FlexProps {
|
|
4
4
|
/** On which step is currently the stepper */
|
|
5
5
|
active: string;
|
|
6
6
|
}
|
|
@@ -11,5 +11,5 @@ export interface StepProps {
|
|
|
11
11
|
/** Unique name identifying the step */
|
|
12
12
|
step: string;
|
|
13
13
|
}
|
|
14
|
-
export interface StepLabelProps extends
|
|
14
|
+
export interface StepLabelProps extends ContainerComponentProps, StepProps, FlexProps {
|
|
15
15
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|