@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/Switcher/Switcher.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
+
var _excluded = ["options", "onClick", "value"];
|
|
2
3
|
import React from 'react';
|
|
3
4
|
import { SwitcherWrapper, SwitcherButton } from './Switcher.styles';
|
|
4
5
|
/**
|
|
@@ -9,7 +10,7 @@ export var Switcher = function Switcher(_ref) {
|
|
|
9
10
|
var options = _ref.options,
|
|
10
11
|
_onClick = _ref.onClick,
|
|
11
12
|
value = _ref.value,
|
|
12
|
-
props = _objectWithoutProperties(_ref,
|
|
13
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
13
14
|
|
|
14
15
|
return /*#__PURE__*/React.createElement(SwitcherWrapper, Object.assign({
|
|
15
16
|
as: "nav"
|
|
@@ -3,10 +3,10 @@ import { CodacyTheme } from '../theme';
|
|
|
3
3
|
export declare const SwitcherButton: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
4
4
|
selected?: boolean | undefined;
|
|
5
5
|
}, CodacyTheme>;
|
|
6
|
-
export declare const SwitcherWrapper: import("@emotion/styled-base").StyledComponent<
|
|
6
|
+
export declare const SwitcherWrapper: 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").FlexProps, "
|
|
10
|
+
} & 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> & {
|
|
11
11
|
theme?: object | undefined;
|
|
12
|
-
}
|
|
12
|
+
}, {}, CodacyTheme>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/lib/Tab/Tab.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TabWrapperProps, TabButtonProps } from './Tab.types';
|
|
3
3
|
export declare const Tabs: React.FC<TabWrapperProps> & {
|
|
4
|
-
Button: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "
|
|
4
|
+
Button: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & TabButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
7
|
* @deprecated Use the plural Tabs instead.
|
|
8
8
|
*/
|
|
9
9
|
export declare const Tab: React.FC<TabWrapperProps> & {
|
|
10
|
-
Button: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "
|
|
10
|
+
Button: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & TabButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
11
11
|
};
|
package/lib/Tab/Tab.js
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
+
var _excluded = ["children", "ariaLabel", "hasBackground"],
|
|
3
|
+
_excluded2 = ["children", "active"];
|
|
2
4
|
import React from 'react';
|
|
3
5
|
import { TabWrapper, TabButton } from './Tab.styles';
|
|
4
6
|
|
|
@@ -9,7 +11,7 @@ var TabList = function TabList(_ref) {
|
|
|
9
11
|
var children = _ref.children,
|
|
10
12
|
ariaLabel = _ref.ariaLabel,
|
|
11
13
|
hasBackground = _ref.hasBackground,
|
|
12
|
-
rest = _objectWithoutProperties(_ref,
|
|
14
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
13
15
|
|
|
14
16
|
return /*#__PURE__*/React.createElement(TabWrapper, Object.assign({
|
|
15
17
|
"aria-label": ariaLabel,
|
|
@@ -21,7 +23,7 @@ var TabList = function TabList(_ref) {
|
|
|
21
23
|
var Button = React.forwardRef(function (_ref2, ref) {
|
|
22
24
|
var children = _ref2.children,
|
|
23
25
|
active = _ref2.active,
|
|
24
|
-
props = _objectWithoutProperties(_ref2,
|
|
26
|
+
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
25
27
|
|
|
26
28
|
return /*#__PURE__*/React.createElement(TabButton, Object.assign({
|
|
27
29
|
active: active,
|
package/lib/Tab/Tab.styles.d.ts
CHANGED
|
@@ -4,13 +4,13 @@ import { TabButtonProps } from './Tab.types';
|
|
|
4
4
|
/**
|
|
5
5
|
* Tab
|
|
6
6
|
*/
|
|
7
|
-
declare const TabWrapper: import("@emotion/styled-base").StyledComponent<
|
|
7
|
+
declare const TabWrapper: 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> & {
|
|
8
8
|
theme?: object | undefined;
|
|
9
|
-
}
|
|
9
|
+
}, "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> & {
|
|
10
10
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
11
|
-
} & Pick<import("../Flexbox").FlexProps, "
|
|
11
|
+
} & 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> & {
|
|
12
12
|
theme?: object | undefined;
|
|
13
|
-
}
|
|
13
|
+
}, {
|
|
14
14
|
hasBackground?: boolean | undefined;
|
|
15
15
|
}, CodacyTheme>;
|
|
16
16
|
declare const TabButton: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, TabButtonProps, CodacyTheme>;
|
package/lib/Tab/Tab.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 = ["onChange", "checked", "disabled", "checkboxSize", "sticky", "stickyOffset", "children"],
|
|
3
|
+
_excluded2 = ["index", "onChange", "checked", "disabled", "checkboxSize", "children"];
|
|
2
4
|
import React, { useCallback } from 'react';
|
|
3
5
|
import { StyledTableHeader, StyledTableHeaderCell, StyledTableBodyCell, StyledTableRow } from './Table.styles';
|
|
4
6
|
import { Checkbox } from '..';
|
|
@@ -16,7 +18,7 @@ export var SelectableHeader = function SelectableHeader(_ref) {
|
|
|
16
18
|
_ref$stickyOffset = _ref.stickyOffset,
|
|
17
19
|
stickyOffset = _ref$stickyOffset === void 0 ? '0' : _ref$stickyOffset,
|
|
18
20
|
children = _ref.children,
|
|
19
|
-
props = _objectWithoutProperties(_ref,
|
|
21
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
20
22
|
|
|
21
23
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColumnsGroup, null, /*#__PURE__*/React.createElement(StyledTableHeaderCell, {
|
|
22
24
|
width: "3.25rem"
|
|
@@ -42,7 +44,7 @@ export var SelectableRow = function SelectableRow(_ref2) {
|
|
|
42
44
|
_ref2$checkboxSize = _ref2.checkboxSize,
|
|
43
45
|
checkboxSize = _ref2$checkboxSize === void 0 ? 'sm' : _ref2$checkboxSize,
|
|
44
46
|
children = _ref2.children,
|
|
45
|
-
props = _objectWithoutProperties(_ref2,
|
|
47
|
+
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
46
48
|
|
|
47
49
|
var handleOnChange = useCallback(function (isChecked, event) {
|
|
48
50
|
if (onChange) onChange(!!isChecked, index, event === null || event === void 0 ? void 0 : event.shiftKey, event);
|
|
@@ -2,6 +2,9 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
|
2
2
|
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
4
4
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
5
|
+
var _excluded = ["children", "items", "totalLength", "onSelectionChange", "initialValue"],
|
|
6
|
+
_excluded2 = ["children", "sticky", "stickyOffset"],
|
|
7
|
+
_excluded3 = ["children", "index", "disabled"];
|
|
5
8
|
import React, { useCallback, useContext, useEffect, useState } from 'react';
|
|
6
9
|
import { TableWrapper, StyledTableHeader, StyledTableHeaderCell, StyledTableBodyCell, StyledTableRow, StyledTable } from './Table.styles';
|
|
7
10
|
import { Checkbox, Caption, Link } from '../';
|
|
@@ -40,7 +43,7 @@ function SelectableTableComponent(_ref) {
|
|
|
40
43
|
totalLength = _ref.totalLength,
|
|
41
44
|
onSelectionChange = _ref.onSelectionChange,
|
|
42
45
|
initialValue = _ref.initialValue,
|
|
43
|
-
props = _objectWithoutProperties(_ref,
|
|
46
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
44
47
|
|
|
45
48
|
var _useState = useState(initialValue ? {
|
|
46
49
|
indexes: initialValue.selected ? initialValue.selected.map(function (v) {
|
|
@@ -165,7 +168,7 @@ var Header = function Header(_ref6) {
|
|
|
165
168
|
sticky = _ref6$sticky === void 0 ? false : _ref6$sticky,
|
|
166
169
|
_ref6$stickyOffset = _ref6.stickyOffset,
|
|
167
170
|
stickyOffset = _ref6$stickyOffset === void 0 ? '0' : _ref6$stickyOffset,
|
|
168
|
-
props = _objectWithoutProperties(_ref6,
|
|
171
|
+
props = _objectWithoutProperties(_ref6, _excluded2);
|
|
169
172
|
|
|
170
173
|
var selection = useSelectableTableContext();
|
|
171
174
|
var selectStatus = selection.multiple === 'none' ? false : selection.multiple === 'partial' ? 'indeterminate' : true;
|
|
@@ -215,7 +218,7 @@ var Row = function Row(_ref7) {
|
|
|
215
218
|
index = _ref7.index,
|
|
216
219
|
_ref7$disabled = _ref7.disabled,
|
|
217
220
|
disabled = _ref7$disabled === void 0 ? false : _ref7$disabled,
|
|
218
|
-
props = _objectWithoutProperties(_ref7,
|
|
221
|
+
props = _objectWithoutProperties(_ref7, _excluded3);
|
|
219
222
|
|
|
220
223
|
var selection = useSelectableTableContext();
|
|
221
224
|
var handleSelectChange = useCallback(function (checked, event) {
|
package/lib/Table/Table.js
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
+
var _excluded = ["children"],
|
|
4
|
+
_excluded2 = ["children", "sticky", "stickyOffset"],
|
|
5
|
+
_excluded3 = ["children", "sortable", "direction", "defaultDirection", "name", "onClick", "align", "width"],
|
|
6
|
+
_excluded4 = ["children", "align", "span"],
|
|
7
|
+
_excluded5 = ["children"],
|
|
8
|
+
_excluded6 = ["children"],
|
|
9
|
+
_excluded7 = ["children", "index", "height"];
|
|
3
10
|
import React, { useContext, useState, useCallback, useEffect } from 'react';
|
|
4
11
|
import { TableWrapper, StyledTableHeader, StyledTableHeaderCell, StyledTableBodyCell, StyledTableBody, StyledTableRow, StyledTable } from './Table.styles';
|
|
5
12
|
import { IconAndText } from '../IconAndText';
|
|
@@ -18,7 +25,7 @@ export var TableContext = React.createContext({
|
|
|
18
25
|
|
|
19
26
|
var TableComponent = function TableComponent(_ref) {
|
|
20
27
|
var children = _ref.children,
|
|
21
|
-
props = _objectWithoutProperties(_ref,
|
|
28
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
22
29
|
|
|
23
30
|
var _useState = useState(0),
|
|
24
31
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -63,7 +70,7 @@ var Header = function Header(_ref3) {
|
|
|
63
70
|
sticky = _ref3$sticky === void 0 ? false : _ref3$sticky,
|
|
64
71
|
_ref3$stickyOffset = _ref3.stickyOffset,
|
|
65
72
|
stickyOffset = _ref3$stickyOffset === void 0 ? '0' : _ref3$stickyOffset,
|
|
66
|
-
props = _objectWithoutProperties(_ref3,
|
|
73
|
+
props = _objectWithoutProperties(_ref3, _excluded2);
|
|
67
74
|
|
|
68
75
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColumnsGroup, null, children), /*#__PURE__*/React.createElement(StyledTableHeader, Object.assign({
|
|
69
76
|
sticky: sticky,
|
|
@@ -82,7 +89,7 @@ var HeaderCell = function HeaderCell(_ref4) {
|
|
|
82
89
|
_ref4$align = _ref4.align,
|
|
83
90
|
align = _ref4$align === void 0 ? 'left' : _ref4$align,
|
|
84
91
|
width = _ref4.width,
|
|
85
|
-
props = _objectWithoutProperties(_ref4,
|
|
92
|
+
props = _objectWithoutProperties(_ref4, _excluded3);
|
|
86
93
|
|
|
87
94
|
var _direction = direction || defaultDirection;
|
|
88
95
|
|
|
@@ -111,7 +118,7 @@ var Cell = function Cell(_ref5) {
|
|
|
111
118
|
_ref5$align = _ref5.align,
|
|
112
119
|
align = _ref5$align === void 0 ? 'left' : _ref5$align,
|
|
113
120
|
span = _ref5.span,
|
|
114
|
-
props = _objectWithoutProperties(_ref5,
|
|
121
|
+
props = _objectWithoutProperties(_ref5, _excluded4);
|
|
115
122
|
|
|
116
123
|
var tableCtx = useContext(TableContext);
|
|
117
124
|
return /*#__PURE__*/React.createElement(StyledTableBodyCell, Object.assign({
|
|
@@ -122,14 +129,14 @@ var Cell = function Cell(_ref5) {
|
|
|
122
129
|
|
|
123
130
|
var Rows = function Rows(_ref6) {
|
|
124
131
|
var children = _ref6.children,
|
|
125
|
-
props = _objectWithoutProperties(_ref6,
|
|
132
|
+
props = _objectWithoutProperties(_ref6, _excluded5);
|
|
126
133
|
|
|
127
134
|
return /*#__PURE__*/React.createElement(StyledTableBody, props, children);
|
|
128
135
|
};
|
|
129
136
|
|
|
130
137
|
var Row = function Row(_ref7) {
|
|
131
138
|
var children = _ref7.children,
|
|
132
|
-
props = _objectWithoutProperties(_ref7,
|
|
139
|
+
props = _objectWithoutProperties(_ref7, _excluded6);
|
|
133
140
|
|
|
134
141
|
return /*#__PURE__*/React.createElement(StyledTableRow, props, children);
|
|
135
142
|
};
|
|
@@ -138,7 +145,7 @@ var VirtualRow = function VirtualRow(_ref8) {
|
|
|
138
145
|
var children = _ref8.children,
|
|
139
146
|
index = _ref8.index,
|
|
140
147
|
height = _ref8.height,
|
|
141
|
-
props = _objectWithoutProperties(_ref8,
|
|
148
|
+
props = _objectWithoutProperties(_ref8, _excluded7);
|
|
142
149
|
|
|
143
150
|
var scrollCtx = useContext(ScrollableContentContext);
|
|
144
151
|
var top = (index + 1
|
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
import { CodacyTheme } from '../theme';
|
|
3
3
|
import { TableProps, TableHeaderProps, TableHeaderCellProps, TableCellProps, TableRowProps, TableRowsProps } from './Table.types';
|
|
4
4
|
export declare const StyledTable: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, Pick<TableProps, "color" | "size">, CodacyTheme>;
|
|
5
|
-
export declare const TableWrapper: import("@emotion/styled-base").StyledComponent<
|
|
5
|
+
export declare const TableWrapper: 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
|
+
}, {}, CodacyTheme>;
|
|
12
12
|
export declare const StyledTableHeaderCell: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, TableHeaderCellProps & {
|
|
13
13
|
totalizer?: boolean | undefined;
|
|
14
14
|
}, CodacyTheme>;
|
|
15
|
-
export declare const StyledTableHeader: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, Pick<TableHeaderProps, "
|
|
15
|
+
export declare const StyledTableHeader: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, Pick<TableHeaderProps, "background" | "sticky" | "stickyOffset">, CodacyTheme>;
|
|
16
16
|
export declare const StyledTableBodyCell: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, TableCellProps, CodacyTheme>;
|
|
17
17
|
export declare const StyledTableRow: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, TableRowProps, CodacyTheme>;
|
|
18
18
|
export declare const StyledTableBody: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, TableRowsProps, CodacyTheme>;
|
package/lib/Table/Table.types.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
+
var _excluded = ["id", "placeholder", "tags", "onChange", "required", "label", "size", "moreInfo", "height"];
|
|
2
3
|
import React from 'react';
|
|
3
4
|
import ReactTagInput from '@pathofdev/react-tag-input';
|
|
4
5
|
import { StyledTagsInput, TagsInputWrapper } from './style';
|
|
@@ -13,7 +14,7 @@ export var TagsInput = function TagsInput(_ref) {
|
|
|
13
14
|
size = _ref.size,
|
|
14
15
|
moreInfo = _ref.moreInfo,
|
|
15
16
|
height = _ref.height,
|
|
16
|
-
BoxProps = _objectWithoutProperties(_ref,
|
|
17
|
+
BoxProps = _objectWithoutProperties(_ref, _excluded);
|
|
17
18
|
|
|
18
19
|
var input = /*#__PURE__*/React.createElement(StyledTagsInput, {
|
|
19
20
|
height: height
|
package/lib/TagsInput/style.d.ts
CHANGED
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
import { BoxProps } from '../Flexbox';
|
|
3
3
|
import { CodacyTheme } from '../theme';
|
|
4
4
|
import { TagsInputProps } from './types';
|
|
5
|
-
export declare const TagsInputWrapper: import("@emotion/styled-base").StyledComponent<
|
|
5
|
+
export declare const TagsInputWrapper: 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> & {
|
|
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<BoxProps, "
|
|
9
|
+
} & Pick<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
|
-
}
|
|
12
|
-
export declare const StyledTagsInput: import("@emotion/styled-base").StyledComponent<
|
|
11
|
+
}, Pick<TagsInputProps, "size">, CodacyTheme>;
|
|
12
|
+
export declare const StyledTagsInput: 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> & {
|
|
13
13
|
theme?: object | undefined;
|
|
14
|
-
}
|
|
14
|
+
}, "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> & {
|
|
15
15
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
16
|
-
} & Pick<BoxProps, "
|
|
16
|
+
} & Pick<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> & {
|
|
17
17
|
theme?: object | undefined;
|
|
18
|
-
}
|
|
18
|
+
}, Pick<BoxProps, "height">, CodacyTheme>;
|
package/lib/TagsInput/types.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/lib/Textarea/Textarea.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
+
var _excluded = ["id", "disabled", "required", "name", "maxLength", "value", "label", "placeholder", "help", "hasError", "errorMessage", "onChange", "moreInfo"];
|
|
2
3
|
import React, { useRef, useEffect } from 'react';
|
|
3
4
|
import { TextareaWrapper, StyledTextarea, IconRight, TextareaHelp, TextareaErrorMessage } from './Textarea.styles';
|
|
4
5
|
import { MoreInfo, Labeled } from '../';
|
|
@@ -23,7 +24,7 @@ export var Textarea = function Textarea(_ref) {
|
|
|
23
24
|
errorMessage = _ref.errorMessage,
|
|
24
25
|
onChange = _ref.onChange,
|
|
25
26
|
moreInfo = _ref.moreInfo,
|
|
26
|
-
props = _objectWithoutProperties(_ref,
|
|
27
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
27
28
|
|
|
28
29
|
var Textarea = useRef(null);
|
|
29
30
|
useEffect(function () {
|