linear-react-components-ui 1.1.0-beta.6 → 1.1.0
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/babel.config.json +2 -2
- package/lib/alerts/AlertContainer.js +46 -54
- package/lib/alerts/AlertProvider.js +36 -53
- package/lib/alerts/BaseAlert.js +14 -20
- package/lib/alerts/Message.js +37 -46
- package/lib/alerts/helpers.js +3 -3
- package/lib/alerts/index.js +5 -5
- package/lib/alerts/withAlert.js +11 -11
- package/lib/assets/styles/checkbox.scss +0 -8
- package/lib/avatar/index.js +42 -41
- package/lib/badge/index.js +15 -16
- package/lib/buttons/ActivateButton.js +6 -8
- package/lib/buttons/AddButton.js +9 -11
- package/lib/buttons/Button.js +11 -11
- package/lib/buttons/ButtonGroups.js +8 -6
- package/lib/buttons/CancelButton.js +9 -7
- package/lib/buttons/DangerButton.js +9 -7
- package/lib/buttons/DefaultButton.js +66 -85
- package/lib/buttons/DestroyButton.js +10 -8
- package/lib/buttons/EditButton.js +6 -8
- package/lib/buttons/InactivateButton.js +6 -8
- package/lib/buttons/InfoButton.js +9 -7
- package/lib/buttons/PrimaryButton.js +9 -7
- package/lib/buttons/RestoreButton.js +6 -8
- package/lib/buttons/SaveButton.js +9 -7
- package/lib/buttons/SuccessButton.js +9 -7
- package/lib/buttons/WarningButton.js +9 -7
- package/lib/buttons/button_container/index.js +16 -19
- package/lib/buttons/index.js +31 -31
- package/lib/buttons/split_button/index.js +24 -26
- package/lib/calendar/DangerCalendar.js +9 -7
- package/lib/calendar/InfoCalendar.js +9 -7
- package/lib/calendar/PrimaryCalendar.js +9 -7
- package/lib/calendar/SuccessCalendar.js +9 -7
- package/lib/calendar/WarningCalendar.js +9 -7
- package/lib/calendar/base/Day.js +16 -14
- package/lib/calendar/base/Month.js +15 -19
- package/lib/calendar/base/Week.js +15 -19
- package/lib/calendar/base/helpers.js +17 -15
- package/lib/calendar/base/index.js +38 -51
- package/lib/calendar/index.js +13 -13
- package/lib/checkbox/Label.js +10 -8
- package/lib/checkbox/index.d.ts +1 -1
- package/lib/checkbox/index.js +75 -97
- package/lib/checkbox/types.d.ts +0 -1
- package/lib/dialog/Alert.js +7 -7
- package/lib/dialog/Custom.js +20 -23
- package/lib/dialog/Error.js +7 -7
- package/lib/dialog/Information.js +7 -7
- package/lib/dialog/Question.js +16 -16
- package/lib/dialog/Warning.js +7 -7
- package/lib/dialog/base/Content.js +9 -7
- package/lib/dialog/base/Footer.js +6 -8
- package/lib/dialog/base/Header.js +32 -34
- package/lib/dialog/base/index.js +64 -72
- package/lib/dialog/base/style.js +8 -10
- package/lib/dialog/form/index.js +35 -38
- package/lib/dialog/index.js +15 -15
- package/lib/drawer/Content.js +14 -12
- package/lib/drawer/Drawer.js +68 -82
- package/lib/drawer/Header.js +45 -48
- package/lib/drawer/helpers.js +4 -4
- package/lib/drawer/index.js +7 -7
- package/lib/dropdown/Popup.js +37 -40
- package/lib/dropdown/helper.js +6 -6
- package/lib/dropdown/withDropdown.js +44 -63
- package/lib/fieldset/index.js +49 -56
- package/lib/form/Field.js +73 -79
- package/lib/form/FieldArray.js +76 -85
- package/lib/form/FieldNumber.js +34 -42
- package/lib/form/FieldPeriod.js +54 -59
- package/lib/form/helpers.js +29 -28
- package/lib/form/index.js +121 -151
- package/lib/form/withFieldHOC.js +36 -42
- package/lib/form/withFormSecurity.js +27 -35
- package/lib/gridlayout/GridCol.js +16 -15
- package/lib/gridlayout/GridRow.js +11 -12
- package/lib/gridlayout/index.js +5 -5
- package/lib/hint/index.js +25 -29
- package/lib/icons/helper.js +2 -2
- package/lib/icons/index.js +37 -48
- package/lib/index.js +19 -19
- package/lib/inputs/base/InputTextBase.js +99 -109
- package/lib/inputs/base/helpers.js +29 -23
- package/lib/inputs/color/index.js +34 -44
- package/lib/inputs/date/Dialog.js +10 -8
- package/lib/inputs/date/Dropdown.js +14 -12
- package/lib/inputs/date/helpers.js +18 -14
- package/lib/inputs/date/index.js +96 -133
- package/lib/inputs/file/DefaultFile.js +50 -74
- package/lib/inputs/file/DragDropFile.js +119 -172
- package/lib/inputs/file/File.js +22 -28
- package/lib/inputs/file/FileButtonSettings.js +14 -16
- package/lib/inputs/file/helpers.js +6 -7
- package/lib/inputs/file/index.js +7 -7
- package/lib/inputs/inputHOC.js +23 -35
- package/lib/inputs/mask/BaseMask.js +33 -27
- package/lib/inputs/mask/Cnpj.js +19 -31
- package/lib/inputs/mask/Cpf.js +20 -35
- package/lib/inputs/mask/Phone.js +8 -6
- package/lib/inputs/mask/ZipCode.js +6 -8
- package/lib/inputs/mask/helpers.js +21 -26
- package/lib/inputs/mask/imaskHOC.js +102 -122
- package/lib/inputs/mask/index.js +11 -11
- package/lib/inputs/multiSelect/ActionButtons.js +18 -18
- package/lib/inputs/multiSelect/Dropdown.js +63 -75
- package/lib/inputs/multiSelect/helper.js +9 -7
- package/lib/inputs/multiSelect/index.js +85 -136
- package/lib/inputs/number/BaseNumber.js +23 -21
- package/lib/inputs/number/Currency.js +9 -8
- package/lib/inputs/number/Decimal.js +4 -6
- package/lib/inputs/number/format_number.js +9 -6
- package/lib/inputs/number/index.js +13 -13
- package/lib/inputs/period/Dialog.js +10 -8
- package/lib/inputs/period/Dropdown.js +12 -12
- package/lib/inputs/period/PeriodList.js +19 -17
- package/lib/inputs/period/helper.js +38 -37
- package/lib/inputs/period/index.js +147 -196
- package/lib/inputs/search/index.js +45 -67
- package/lib/inputs/select/ActionButtons.js +18 -18
- package/lib/inputs/select/Dropdown.js +51 -65
- package/lib/inputs/select/helper.js +55 -44
- package/lib/inputs/select/index.js +13 -11
- package/lib/inputs/select/multiple/Selecteds.js +20 -22
- package/lib/inputs/select/multiple/index.js +90 -143
- package/lib/inputs/select/simple/index.js +103 -156
- package/lib/inputs/text/index.js +4 -6
- package/lib/inputs/textarea/index.js +11 -10
- package/lib/internals/colorStyles.js +3 -3
- package/lib/internals/constants.js +2 -2
- package/lib/internals/withTooltip.js +54 -68
- package/lib/labelMessages/index.js +28 -47
- package/lib/labels/DangerLabel.js +9 -7
- package/lib/labels/DefaultLabel.js +29 -42
- package/lib/labels/InfoLabel.js +9 -7
- package/lib/labels/PrimaryLabel.js +9 -7
- package/lib/labels/SuccessLabel.js +9 -7
- package/lib/labels/WarningLabel.js +9 -7
- package/lib/labels/index.js +15 -15
- package/lib/labels/label_container/index.js +11 -10
- package/lib/list/Header.js +12 -10
- package/lib/list/Item.js +58 -72
- package/lib/list/Separator.js +6 -8
- package/lib/list/helpers.js +3 -3
- package/lib/list/index.js +81 -107
- package/lib/menus/float/MenuItem.js +27 -27
- package/lib/menus/float/SubMenuContainer.js +39 -44
- package/lib/menus/float/helpers.js +4 -4
- package/lib/menus/float/index.js +25 -25
- package/lib/menus/index.js +3 -3
- package/lib/menus/sidenav/ExpandMenu.js +12 -10
- package/lib/menus/sidenav/MenuLink.js +12 -10
- package/lib/menus/sidenav/NavMenuGroup.js +15 -13
- package/lib/menus/sidenav/NavMenuItem.js +56 -69
- package/lib/menus/sidenav/NavSubMenuItem.js +24 -28
- package/lib/menus/sidenav/helpers.js +7 -7
- package/lib/menus/sidenav/index.js +92 -119
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +12 -11
- package/lib/menus/sidenav/popup_menu_search/index.js +64 -84
- package/lib/noPermission/index.js +15 -17
- package/lib/panel/Content.js +46 -58
- package/lib/panel/DangerPanel.js +6 -8
- package/lib/panel/Default.js +45 -59
- package/lib/panel/Header.js +37 -34
- package/lib/panel/InfoPanel.js +6 -8
- package/lib/panel/PrimaryPanel.js +6 -8
- package/lib/panel/SuccessPanel.js +6 -8
- package/lib/panel/ToolBar.js +8 -6
- package/lib/panel/WarningPanel.js +6 -8
- package/lib/panel/helpers.js +13 -11
- package/lib/panel/index.js +17 -17
- package/lib/permissionValidations.js +26 -28
- package/lib/popover/PopoverText.js +8 -6
- package/lib/popover/PopoverTitle.js +8 -6
- package/lib/popover/index.js +21 -24
- package/lib/progress/Bar.js +34 -39
- package/lib/progress/index.js +19 -20
- package/lib/radio/index.js +37 -57
- package/lib/shortcuts/index.js +13 -11
- package/lib/skeleton/SkeletonContainer.js +12 -12
- package/lib/skeleton/index.js +27 -33
- package/lib/spinner/SpinnerLoading.js +46 -46
- package/lib/spinner/index.js +27 -40
- package/lib/split/Split.js +97 -113
- package/lib/split/SplitSide.js +22 -20
- package/lib/split/helpers.js +4 -4
- package/lib/split/index.js +5 -5
- package/lib/table/Body.js +47 -49
- package/lib/table/Header.js +39 -41
- package/lib/table/HeaderColumn.js +22 -22
- package/lib/table/Row.js +48 -50
- package/lib/table/RowColumn.js +37 -35
- package/lib/table/helpers.js +9 -12
- package/lib/table/index.js +89 -108
- package/lib/tabs/DropdownTabs.js +39 -43
- package/lib/tabs/Menu.js +20 -19
- package/lib/tabs/MenuTabs.js +48 -55
- package/lib/tabs/Panel.js +54 -73
- package/lib/tabs/context.js +62 -93
- package/lib/tabs/index.js +30 -35
- package/lib/tabs/tabHelpers.js +24 -21
- package/lib/toolbar/ButtonBar.js +49 -52
- package/lib/toolbar/LabelBar.js +38 -41
- package/lib/toolbar/Separator.js +6 -8
- package/lib/toolbar/ToolBarGroup.js +9 -8
- package/lib/toolbar/helpers.js +3 -3
- package/lib/toolbar/index.js +25 -26
- package/lib/tooltip/index.js +29 -33
- package/lib/treetable/Body.js +22 -33
- package/lib/treetable/Header.js +13 -15
- package/lib/treetable/Row.d.ts +1 -1
- package/lib/treetable/Row.js +107 -158
- package/lib/treetable/helpers.d.ts +1 -1
- package/lib/treetable/helpers.js +18 -24
- package/lib/treetable/index.d.ts +2 -2
- package/lib/treetable/index.js +11 -12
- package/lib/treeview/Header.js +11 -9
- package/lib/treeview/Node.js +109 -148
- package/lib/treeview/constants.js +2 -2
- package/lib/treeview/index.js +156 -221
- package/lib/uitour/helpers.js +3 -3
- package/lib/uitour/index.js +67 -106
- package/package.json +5 -14
- /package/lib/{types.d-BfM3lUbt.d.ts → types.d-DvJcBS8L.d.ts} +0 -0
|
@@ -3,31 +3,32 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
require("../assets/styles/gridlayout.scss");
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
const getClass = col => {
|
|
11
|
+
const cols = col ? col.split(' ') : [];
|
|
12
|
+
let classes = 'grid-container ';
|
|
13
13
|
if (cols[0]) classes += "col-xs-".concat(cols[0]);
|
|
14
14
|
if (cols[1]) classes += " col-sm-".concat(cols[1]);
|
|
15
15
|
if (cols[2]) classes += " col-md-".concat(cols[2]);
|
|
16
16
|
if (cols[3]) classes += " col-lg-".concat(cols[3]);
|
|
17
17
|
return classes;
|
|
18
18
|
};
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
visible =
|
|
26
|
-
|
|
19
|
+
const GridCol = props => {
|
|
20
|
+
const {
|
|
21
|
+
cols,
|
|
22
|
+
customClass,
|
|
23
|
+
children,
|
|
24
|
+
style,
|
|
25
|
+
visible = true
|
|
26
|
+
} = props;
|
|
27
|
+
const gridClasses = getClass(cols || '');
|
|
27
28
|
if (!visible) return null;
|
|
28
|
-
return /*#__PURE__*/_react
|
|
29
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
29
30
|
className: "".concat(customClass, " ").concat(gridClasses),
|
|
30
31
|
style: style
|
|
31
32
|
}, children);
|
|
32
33
|
};
|
|
33
|
-
var _default = exports
|
|
34
|
+
var _default = exports.default = GridCol;
|
|
@@ -3,22 +3,21 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
require("../assets/styles/gridlayout.scss");
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
visible = _props$visible === void 0 ? true : _props$visible;
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
const getClass = props => "row ".concat(props.customClass, "\n ").concat(props.withTrim && ' -withtrim', "\n ").concat(props.verticalAlign && " align-".concat(props.verticalAlign), "\n ").concat(props.horizontalAlign && " justify-content-".concat(props.horizontalAlign));
|
|
11
|
+
const GridRow = props => {
|
|
12
|
+
const {
|
|
13
|
+
style,
|
|
14
|
+
children,
|
|
15
|
+
visible = true
|
|
16
|
+
} = props;
|
|
18
17
|
if (!visible) return null;
|
|
19
|
-
return /*#__PURE__*/_react
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
20
19
|
style: style,
|
|
21
20
|
className: getClass(props)
|
|
22
21
|
}, children);
|
|
23
22
|
};
|
|
24
|
-
var _default = exports
|
|
23
|
+
var _default = exports.default = GridRow;
|
package/lib/gridlayout/index.js
CHANGED
|
@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "GridRow", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function
|
|
9
|
-
return _GridRow
|
|
8
|
+
get: function () {
|
|
9
|
+
return _GridRow.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
exports
|
|
12
|
+
exports.default = void 0;
|
|
13
13
|
var _GridRow = _interopRequireDefault(require("./GridRow"));
|
|
14
14
|
var _GridCol = _interopRequireDefault(require("./GridCol"));
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
16
|
-
var _default = exports
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
+
var _default = exports.default = _GridCol.default;
|
package/lib/hint/index.js
CHANGED
|
@@ -3,38 +3,34 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
require("../assets/styles/hint.scss");
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
visible =
|
|
13
|
-
description
|
|
14
|
-
customClass
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
const Hint = _ref => {
|
|
11
|
+
let {
|
|
12
|
+
visible = true,
|
|
13
|
+
description,
|
|
14
|
+
customClass,
|
|
15
|
+
skeletonize = false,
|
|
16
|
+
style
|
|
17
|
+
} = _ref;
|
|
18
18
|
if (!visible || !description) return null;
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
}, "- ", hint);
|
|
33
|
-
})));
|
|
34
|
-
};
|
|
35
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
19
|
+
const showHintList = arrayHint => /*#__PURE__*/_react.default.createElement("div", {
|
|
20
|
+
className: "rules-list",
|
|
21
|
+
style: {
|
|
22
|
+
padding: '15px 0px'
|
|
23
|
+
}
|
|
24
|
+
}, /*#__PURE__*/_react.default.createElement("ul", {
|
|
25
|
+
style: {
|
|
26
|
+
listStyleType: 'none'
|
|
27
|
+
}
|
|
28
|
+
}, arrayHint.map((hint, index) => /*#__PURE__*/_react.default.createElement("li", {
|
|
29
|
+
key: index.toString()
|
|
30
|
+
}, "- ", hint))));
|
|
31
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
36
32
|
style: style,
|
|
37
33
|
className: "\n hint-component\n ".concat(customClass, "\n ").concat(skeletonize ? '-skeletonized' : '', "\n ")
|
|
38
|
-
}, Array.isArray(description) ? showHintList(description) : /*#__PURE__*/_react
|
|
34
|
+
}, Array.isArray(description) ? showHintList(description) : /*#__PURE__*/_react.default.createElement("span", null, description));
|
|
39
35
|
};
|
|
40
|
-
var _default = exports
|
|
36
|
+
var _default = exports.default = Hint;
|
package/lib/icons/helper.js
CHANGED
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
7
|
-
var _default = exports
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _default = exports.default = {
|
|
8
8
|
paperplane: {
|
|
9
9
|
viewbox: '0 0 16 16',
|
|
10
10
|
paths: ['M7 11l6.151 2.195 2.849-12.459zM5 10.311l11-9.575-16 7.913zM7 12.062v3.938l2.902-2.902z']
|
package/lib/icons/index.js
CHANGED
|
@@ -1,53 +1,44 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
8
|
var _helper = _interopRequireDefault(require("./helper"));
|
|
10
9
|
var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
|
|
11
10
|
require("../assets/styles/icon.scss");
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
13
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
14
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
size =
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
pointerEvents = _ref$pointerEvents === void 0 ? 'none' : _ref$pointerEvents,
|
|
37
|
-
targetRef = _ref.targetRef,
|
|
38
|
-
tooltip = _ref.tooltip;
|
|
39
|
-
var refSvg = (0, _react.useRef)(null);
|
|
40
|
-
var getPaths = function getPaths() {
|
|
41
|
-
return name ? listIcon[name].paths : svgStruct === null || svgStruct === void 0 ? void 0 : svgStruct.paths;
|
|
42
|
-
};
|
|
43
|
-
var getSvg = function getSvg() {
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
|
+
const listIcon = _helper.default;
|
|
15
|
+
const disabledIconColor = 'rgb(193, 193, 193)';
|
|
16
|
+
const Icon = _ref => {
|
|
17
|
+
let {
|
|
18
|
+
name,
|
|
19
|
+
onClick,
|
|
20
|
+
svgStruct,
|
|
21
|
+
size = 16,
|
|
22
|
+
style = {},
|
|
23
|
+
visible = true,
|
|
24
|
+
disabled = false,
|
|
25
|
+
customClass = '',
|
|
26
|
+
customClassForContainer = '',
|
|
27
|
+
color = '#676464',
|
|
28
|
+
pointerEvents = 'none',
|
|
29
|
+
targetRef,
|
|
30
|
+
tooltip
|
|
31
|
+
} = _ref;
|
|
32
|
+
const refSvg = (0, _react.useRef)(null);
|
|
33
|
+
const getPaths = () => name ? listIcon[name].paths : svgStruct === null || svgStruct === void 0 ? void 0 : svgStruct.paths;
|
|
34
|
+
const getSvg = () => {
|
|
44
35
|
var _getPaths;
|
|
45
|
-
return /*#__PURE__*/_react
|
|
36
|
+
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
46
37
|
"data-testid": "icon",
|
|
47
|
-
onClick:
|
|
48
|
-
if (
|
|
38
|
+
onClick: () => {
|
|
39
|
+
if (onClick && !disabled) onClick();
|
|
49
40
|
},
|
|
50
|
-
ref:
|
|
41
|
+
ref: r => {
|
|
51
42
|
refSvg.current = r;
|
|
52
43
|
},
|
|
53
44
|
width: "".concat(size, "px"),
|
|
@@ -57,22 +48,20 @@ var Icon = function Icon(_ref) {
|
|
|
57
48
|
className: "icon-component ".concat(customClass),
|
|
58
49
|
pointerEvents: pointerEvents,
|
|
59
50
|
style: style
|
|
60
|
-
}, (_getPaths = getPaths()) === null || _getPaths === void 0 ? void 0 : _getPaths.map(
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
});
|
|
66
|
-
}));
|
|
51
|
+
}, (_getPaths = getPaths()) === null || _getPaths === void 0 ? void 0 : _getPaths.map(value => /*#__PURE__*/_react.default.createElement("path", {
|
|
52
|
+
"data-testid": "icon-path",
|
|
53
|
+
d: value,
|
|
54
|
+
key: value
|
|
55
|
+
})));
|
|
67
56
|
};
|
|
68
57
|
if (!name && !svgStruct) throw new Error('One of the "name" and "svgStruct" props must be filled');
|
|
69
58
|
if (!visible) return null;
|
|
70
59
|
if (!tooltip) return getSvg();
|
|
71
|
-
return /*#__PURE__*/_react
|
|
60
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
72
61
|
className: "icon-component-container ".concat(customClassForContainer),
|
|
73
|
-
ref:
|
|
62
|
+
ref: r => {
|
|
74
63
|
if (targetRef && r) targetRef(r);
|
|
75
64
|
}
|
|
76
65
|
}, getSvg());
|
|
77
66
|
};
|
|
78
|
-
var _default = exports
|
|
67
|
+
var _default = exports.default = (0, _withTooltip.default)(Icon);
|
package/lib/index.js
CHANGED
|
@@ -5,56 +5,56 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "Button", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function
|
|
9
|
-
return _buttons
|
|
8
|
+
get: function () {
|
|
9
|
+
return _buttons.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "Dialog", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function
|
|
15
|
-
return _base
|
|
14
|
+
get: function () {
|
|
15
|
+
return _base.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "Icon", {
|
|
19
19
|
enumerable: true,
|
|
20
|
-
get: function
|
|
21
|
-
return _icons
|
|
20
|
+
get: function () {
|
|
21
|
+
return _icons.default;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
Object.defineProperty(exports, "Label", {
|
|
25
25
|
enumerable: true,
|
|
26
|
-
get: function
|
|
27
|
-
return _labels
|
|
26
|
+
get: function () {
|
|
27
|
+
return _labels.default;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
30
|
Object.defineProperty(exports, "List", {
|
|
31
31
|
enumerable: true,
|
|
32
|
-
get: function
|
|
33
|
-
return _list
|
|
32
|
+
get: function () {
|
|
33
|
+
return _list.default;
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
36
|
Object.defineProperty(exports, "Panel", {
|
|
37
37
|
enumerable: true,
|
|
38
|
-
get: function
|
|
39
|
-
return _panel
|
|
38
|
+
get: function () {
|
|
39
|
+
return _panel.default;
|
|
40
40
|
}
|
|
41
41
|
});
|
|
42
42
|
Object.defineProperty(exports, "Radio", {
|
|
43
43
|
enumerable: true,
|
|
44
|
-
get: function
|
|
45
|
-
return _radio
|
|
44
|
+
get: function () {
|
|
45
|
+
return _radio.default;
|
|
46
46
|
}
|
|
47
47
|
});
|
|
48
48
|
Object.defineProperty(exports, "Tab", {
|
|
49
49
|
enumerable: true,
|
|
50
|
-
get: function
|
|
51
|
-
return _tabs
|
|
50
|
+
get: function () {
|
|
51
|
+
return _tabs.default;
|
|
52
52
|
}
|
|
53
53
|
});
|
|
54
54
|
Object.defineProperty(exports, "Toolbar", {
|
|
55
55
|
enumerable: true,
|
|
56
|
-
get: function
|
|
57
|
-
return _toolbar
|
|
56
|
+
get: function () {
|
|
57
|
+
return _toolbar.default;
|
|
58
58
|
}
|
|
59
59
|
});
|
|
60
60
|
var _panel = _interopRequireDefault(require("./panel"));
|
|
@@ -66,4 +66,4 @@ var _list = _interopRequireDefault(require("./list"));
|
|
|
66
66
|
var _radio = _interopRequireDefault(require("./radio"));
|
|
67
67
|
var _tabs = _interopRequireDefault(require("./tabs"));
|
|
68
68
|
var _base = _interopRequireDefault(require("./dialog/base"));
|
|
69
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
69
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|