@codacy/ui-components 0.58.5 → 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 +3 -3
- 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 +7 -7
- package/lib/Checkbox/types.js +1 -0
- package/lib/Divider/Divider.js +2 -1
- package/lib/Divider/Divider.styles.d.ts +7 -7
- 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 +9 -9
- 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 +3 -3
- 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 +3 -3
- 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 +30 -30
- 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 +3 -3
- package/lib/Labeled/types.js +1 -0
- package/lib/LeftMenu/LeftMenu.js +2 -1
- package/lib/LeftMenu/LeftMenu.styles.d.ts +3 -3
- 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 +3 -3
- package/lib/Message/Message.types.js +1 -0
- package/lib/Modal/ConfirmationModal.js +2 -1
- package/lib/Modal/Modal.d.ts +1 -1
- package/lib/Modal/Modal.js +10 -5
- package/lib/Modal/styles.d.ts +20 -20
- 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 +3 -3
- package/lib/PillLabel/PillLabel.js +2 -1
- package/lib/PillLabel/PillLabel.styles.d.ts +3 -3
- package/lib/PillLabel/PillLabel.types.js +1 -0
- package/lib/Popup/Popup.js +2 -1
- package/lib/Popup/styles.d.ts +3 -3
- package/lib/Popup/types.js +1 -0
- package/lib/Radio/Radio.js +2 -1
- package/lib/Radio/styles.d.ts +4 -4
- package/lib/Radio/types.js +1 -0
- package/lib/ScrollableContent/ScrollableContent.js +4 -2
- package/lib/ScrollableContent/ScrollableContent.styles.d.ts +3 -3
- 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 +3 -3
- 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 +9 -9
- package/lib/Stepper/Stepper.types.js +1 -0
- package/lib/Switcher/Switcher.js +2 -1
- package/lib/Switcher/Switcher.styles.d.ts +3 -3
- 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 +3 -3
- 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 +4 -4
- package/lib/Table/Table.types.js +1 -0
- package/lib/TagsInput/TagsInput.js +2 -1
- package/lib/TagsInput/style.d.ts +6 -6
- package/lib/TagsInput/types.js +1 -0
- package/lib/Textarea/Textarea.js +2 -1
- package/lib/Textarea/Textarea.styles.d.ts +5 -5
- package/lib/Textarea/Textarea.types.js +1 -0
- package/lib/Toast/Toast.d.ts +1 -1
- 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 +18 -18
- 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 +21 -14
package/README.md
CHANGED
|
@@ -18,7 +18,7 @@ Visit our [Storybook documentation](https://react.styleguide.dev.codacy.org/) to
|
|
|
18
18
|
#### Install dependencies
|
|
19
19
|
|
|
20
20
|
```bash
|
|
21
|
-
|
|
21
|
+
yarn
|
|
22
22
|
```
|
|
23
23
|
|
|
24
24
|
#### Run storybook locally
|
|
@@ -26,7 +26,7 @@ npm install
|
|
|
26
26
|
To run storybook locally as a development environment use the following command:
|
|
27
27
|
|
|
28
28
|
```bash
|
|
29
|
-
|
|
29
|
+
yarn storybook
|
|
30
30
|
```
|
|
31
31
|
|
|
32
32
|
#### Build components library and styling
|
|
@@ -34,19 +34,19 @@ npm run storybook
|
|
|
34
34
|
To build the components library for publishing run the following:
|
|
35
35
|
|
|
36
36
|
```bash
|
|
37
|
-
|
|
37
|
+
yarn build
|
|
38
38
|
```
|
|
39
39
|
|
|
40
40
|
#### Run tests
|
|
41
41
|
|
|
42
42
|
```bash
|
|
43
|
-
|
|
43
|
+
yarn test
|
|
44
44
|
```
|
|
45
45
|
|
|
46
46
|
You can also run the tests in watch mode by running:
|
|
47
47
|
|
|
48
48
|
```bash
|
|
49
|
-
|
|
49
|
+
yarn test:watch
|
|
50
50
|
```
|
|
51
51
|
|
|
52
52
|
#### Run type-checking
|
|
@@ -54,13 +54,13 @@ npm run test:watch
|
|
|
54
54
|
Running storybook locally doesn't type-check. You can run the type-checking with the following command:
|
|
55
55
|
|
|
56
56
|
```bash
|
|
57
|
-
|
|
57
|
+
yarn check-types
|
|
58
58
|
```
|
|
59
59
|
|
|
60
60
|
You can also run the type-checking in watch mode by running:
|
|
61
61
|
|
|
62
62
|
```bash
|
|
63
|
-
|
|
63
|
+
yarn check-types:watch
|
|
64
64
|
```
|
|
65
65
|
|
|
66
66
|
### Create a new component
|
package/lib/Avatar/Avatar.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
+
var _excluded = ["email", "src", "size"];
|
|
2
3
|
import React from 'react';
|
|
3
4
|
import { Img } from '../';
|
|
4
5
|
import { getGravatarUrl } from './gravatar';
|
|
@@ -12,7 +13,7 @@ var Avatar = function Avatar(_ref) {
|
|
|
12
13
|
src = _ref.src,
|
|
13
14
|
_ref$size = _ref.size,
|
|
14
15
|
size = _ref$size === void 0 ? 'md' : _ref$size,
|
|
15
|
-
props = _objectWithoutProperties(_ref,
|
|
16
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
16
17
|
|
|
17
18
|
var dimensions = {
|
|
18
19
|
xs: 1,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/lib/Avatar/gravatar.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
+
var _excluded = ["default", "defaultUrl"];
|
|
3
4
|
import { stringify } from 'query-string';
|
|
4
5
|
import md5 from 'md5';
|
|
5
6
|
export var getGravatarUrl = function getGravatarUrl(email) {
|
|
@@ -7,7 +8,7 @@ export var getGravatarUrl = function getGravatarUrl(email) {
|
|
|
7
8
|
|
|
8
9
|
var optionDefault = options["default"],
|
|
9
10
|
defaultUrl = options.defaultUrl,
|
|
10
|
-
otherOptions = _objectWithoutProperties(options,
|
|
11
|
+
otherOptions = _objectWithoutProperties(options, _excluded);
|
|
11
12
|
|
|
12
13
|
var query = _objectSpread(_objectSpread({}, otherOptions), {}, {
|
|
13
14
|
"default": defaultUrl || optionDefault
|
package/lib/Button/Button.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
+
var _excluded = ["children", "id", "disabled", "size", "btnType", "variant", "color", "isLoading", "leftIcon", "rightIcon"];
|
|
2
3
|
import React, { useMemo } from 'react';
|
|
3
4
|
import { StyledButton, StyledButtonContents } from './styles';
|
|
4
5
|
import { Icon } from '../Icon';
|
|
@@ -21,7 +22,7 @@ var Button = React.forwardRef(function (_ref, ref) {
|
|
|
21
22
|
isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
|
|
22
23
|
leftIcon = _ref.leftIcon,
|
|
23
24
|
rightIcon = _ref.rightIcon,
|
|
24
|
-
props = _objectWithoutProperties(_ref,
|
|
25
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
25
26
|
|
|
26
27
|
var leftIconComponent = useMemo(function () {
|
|
27
28
|
return leftIcon && (leftIcon.hasOwnProperty('icon') ? /*#__PURE__*/React.createElement(Icon, Object.assign({}, leftIcon, {
|
package/lib/Button/styles.d.ts
CHANGED
|
@@ -13,10 +13,10 @@ export declare const StyledButton: import("@emotion/styled-base").StyledComponen
|
|
|
13
13
|
export declare const StyledButtonContents: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
14
14
|
size: ButtonSize;
|
|
15
15
|
}, CodacyTheme>;
|
|
16
|
-
export declare const ButtonGroup: 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, "
|
|
16
|
+
export declare const ButtonGroup: 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> & {
|
|
17
17
|
theme?: object | undefined;
|
|
18
|
-
}, "
|
|
18
|
+
}, "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> & {
|
|
19
19
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
20
|
-
} & Pick<import("../Flexbox").FlexProps, "
|
|
20
|
+
} & 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> & {
|
|
21
21
|
theme?: object | undefined;
|
|
22
22
|
}, {}, CodacyTheme>;
|
package/lib/Button/types.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/lib/Checkbox/Checkbox.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", "size", "onChange", "onFocus", "onBlur"];
|
|
2
3
|
import React, { useCallback, useEffect, useRef } from 'react';
|
|
3
4
|
import { Input, StyledCheckbox, CheckboxWrap } from './styles';
|
|
4
5
|
import { Caption, Icon, CheckIcon, MinusIcon } from '../';
|
|
@@ -18,7 +19,7 @@ var Checkbox = function Checkbox(_ref) {
|
|
|
18
19
|
onChange = _ref.onChange,
|
|
19
20
|
onFocus = _ref.onFocus,
|
|
20
21
|
onBlur = _ref.onBlur,
|
|
21
|
-
props = _objectWithoutProperties(_ref,
|
|
22
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
22
23
|
|
|
23
24
|
var input = useRef(null);
|
|
24
25
|
var isIndeterminate = checked === 'indeterminate';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
+
var _excluded = ["items", "value", "onChange", "inline", "disabled", "size"];
|
|
3
4
|
import React, { useCallback } from 'react';
|
|
4
5
|
import { Checkbox } from '..';
|
|
5
6
|
import { CheckboxListWrap } from './styles';
|
|
@@ -13,7 +14,7 @@ export var CheckboxFilterList = function CheckboxFilterList(_ref) {
|
|
|
13
14
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
14
15
|
_ref$size = _ref.size,
|
|
15
16
|
size = _ref$size === void 0 ? 'sm' : _ref$size,
|
|
16
|
-
props = _objectWithoutProperties(_ref,
|
|
17
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
17
18
|
|
|
18
19
|
var handleCheck = useCallback(function (key, checked) {
|
|
19
20
|
if (onChange) {
|
package/lib/Checkbox/styles.d.ts
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CodacyTheme } from '../theme';
|
|
3
3
|
import { CheckboxProps } from './types';
|
|
4
|
-
export declare const Input: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, Pick<import("react").
|
|
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
5
|
export declare const StyledCheckbox: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<CheckboxProps, "disabled" | "size" | "checked">, CodacyTheme>;
|
|
6
|
-
export declare const CheckboxWrap: 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, "
|
|
6
|
+
export declare const CheckboxWrap: 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> & {
|
|
7
7
|
theme?: object | undefined;
|
|
8
|
-
}, "
|
|
8
|
+
}, "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> & {
|
|
9
9
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
10
|
-
} & Pick<import("../Flexbox").BoxProps, "
|
|
10
|
+
} & 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> & {
|
|
11
11
|
theme?: object | undefined;
|
|
12
12
|
}, Pick<CheckboxProps, "disabled" | "size">, CodacyTheme>;
|
|
13
|
-
export declare const CheckboxListWrap: 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, "
|
|
13
|
+
export declare const CheckboxListWrap: 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> & {
|
|
14
14
|
theme?: object | undefined;
|
|
15
|
-
}, "
|
|
15
|
+
}, "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> & {
|
|
16
16
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
17
|
-
} & Pick<import("../Flexbox").BoxProps, "
|
|
17
|
+
} & 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> & {
|
|
18
18
|
theme?: object | undefined;
|
|
19
19
|
}, {
|
|
20
20
|
inline: boolean;
|
package/lib/Checkbox/types.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/lib/Divider/Divider.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
+
var _excluded = ["children", "height", "backgroundColor"];
|
|
2
3
|
import React from 'react';
|
|
3
4
|
import { DividerWrapper, StyledHr } from './Divider.styles';
|
|
4
5
|
/**
|
|
@@ -9,7 +10,7 @@ export var Divider = function Divider(_ref) {
|
|
|
9
10
|
var children = _ref.children,
|
|
10
11
|
height = _ref.height,
|
|
11
12
|
backgroundColor = _ref.backgroundColor,
|
|
12
|
-
props = _objectWithoutProperties(_ref,
|
|
13
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
13
14
|
|
|
14
15
|
return children ? /*#__PURE__*/React.createElement(DividerWrapper, Object.assign({}, props, {
|
|
15
16
|
role: "separator"
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CodacyTheme } from '../theme';
|
|
3
3
|
import { DividerProps } from './Divider.types';
|
|
4
|
-
export declare const DividerWrapper: 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, "
|
|
4
|
+
export declare const DividerWrapper: 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
|
}, DividerProps, CodacyTheme>;
|
|
11
|
-
export declare const StyledHr: 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, "
|
|
11
|
+
export declare const StyledHr: 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
|
-
}, Pick<DividerProps, "
|
|
17
|
+
}, Pick<DividerProps, "height" | "backgroundColor">, CodacyTheme>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
+
var _excluded = ["children", "onClick", "disabled", "value", "active"];
|
|
2
3
|
import React, { useCallback } from 'react';
|
|
3
4
|
import { DropdownItemWrapper } from '../Dropdown.styles';
|
|
4
5
|
import { useDropdownContext } from '../Dropdown';
|
|
@@ -9,7 +10,7 @@ export var DropdownItem = function DropdownItem(_ref) {
|
|
|
9
10
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
10
11
|
value = _ref.value,
|
|
11
12
|
active = _ref.active,
|
|
12
|
-
props = _objectWithoutProperties(_ref,
|
|
13
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
13
14
|
|
|
14
15
|
var dropdownContext = useDropdownContext();
|
|
15
16
|
var handleClick = useCallback(function () {
|
package/lib/Dropdown/Dropdown.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
4
|
+
var _excluded = ["trigger", "disabled", "placement", "size", "initialValue", "portal", "children", "onOpen", "onClose", "onChange"];
|
|
4
5
|
import React, { useState, useContext, useEffect } from 'react';
|
|
5
6
|
import { DropdownWrapper, DropdownPanel } from './Dropdown.styles';
|
|
6
7
|
import ReactDOM from 'react-dom';
|
|
@@ -24,7 +25,7 @@ export var Dropdown = function Dropdown(_ref) {
|
|
|
24
25
|
onOpen = _ref.onOpen,
|
|
25
26
|
onClose = _ref.onClose,
|
|
26
27
|
onChange = _ref.onChange,
|
|
27
|
-
props = _objectWithoutProperties(_ref,
|
|
28
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
28
29
|
|
|
29
30
|
var _useState = useState(initialValue || null),
|
|
30
31
|
_useState2 = _slicedToArray(_useState, 2),
|