linear-react-components-ui 1.0.14 → 1.1.0-beta.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/.eslintrc.json +45 -77
- package/.gitlab-ci.yml +2 -2
- package/.vscode/settings.json +3 -3
- package/babel.config.json +2 -2
- package/lib/@types/Align.d.ts +1 -1
- package/lib/@types/ButtonTypes.d.ts +1 -1
- package/lib/@types/ColorStyles.d.ts +1 -1
- package/lib/@types/DataCombo.d.ts +1 -1
- package/lib/@types/Icon.d.ts +1 -1
- package/lib/@types/LabelStyles.d.ts +1 -1
- package/lib/@types/Period.d.ts +1 -1
- package/lib/@types/PermissionAttr.d.ts +1 -1
- package/lib/@types/PointerEvents.d.ts +1 -1
- package/lib/@types/Position.d.ts +1 -1
- package/lib/@types/PositionAlert.d.ts +1 -1
- package/lib/@types/Size.d.ts +1 -1
- package/lib/@types/SizePixels.d.ts +1 -1
- package/lib/@types/StorageMock.d.ts +1 -1
- package/lib/alerts/AlertContainer.js +7 -8
- package/lib/alerts/AlertProvider.js +17 -18
- package/lib/alerts/BaseAlert.js +5 -6
- package/lib/alerts/Message.js +12 -13
- package/lib/alerts/helpers.js +2 -3
- package/lib/alerts/index.js +4 -5
- package/lib/alerts/types.d.ts +1 -1
- package/lib/alerts/withAlert.js +8 -9
- package/lib/assets/styles/tabs.scss +1 -1
- package/lib/avatar/index.js +13 -14
- package/lib/avatar/types.d.ts +1 -1
- package/lib/badge/index.js +5 -6
- package/lib/badge/types.d.ts +1 -1
- package/lib/buttons/ActivateButton.js +4 -5
- package/lib/buttons/AddButton.js +5 -6
- package/lib/buttons/Button.js +7 -8
- package/lib/buttons/ButtonGroups.js +4 -5
- package/lib/buttons/CancelButton.js +4 -5
- package/lib/buttons/DangerButton.js +4 -5
- package/lib/buttons/DefaultButton.js +18 -19
- package/lib/buttons/DestroyButton.js +5 -6
- package/lib/buttons/EditButton.js +4 -5
- package/lib/buttons/InactivateButton.js +4 -5
- package/lib/buttons/InfoButton.js +4 -5
- package/lib/buttons/PrimaryButton.js +4 -5
- package/lib/buttons/RestoreButton.js +4 -5
- package/lib/buttons/SaveButton.js +4 -5
- package/lib/buttons/SuccessButton.js +4 -5
- package/lib/buttons/WarningButton.js +4 -5
- package/lib/buttons/button_container/index.js +10 -11
- package/lib/buttons/index.js +17 -18
- package/lib/buttons/split_button/index.js +5 -6
- package/lib/buttons/types.d.ts +1 -1
- package/lib/calendar/DangerCalendar.js +4 -5
- package/lib/calendar/InfoCalendar.js +4 -5
- package/lib/calendar/PrimaryCalendar.js +4 -5
- package/lib/calendar/SuccessCalendar.js +4 -5
- package/lib/calendar/WarningCalendar.js +4 -5
- package/lib/calendar/base/Day.js +8 -9
- package/lib/calendar/base/Month.js +5 -6
- package/lib/calendar/base/Week.js +5 -6
- package/lib/calendar/base/helpers.js +7 -9
- package/lib/calendar/base/index.js +17 -18
- package/lib/calendar/index.js +8 -9
- package/lib/calendar/types.d.ts +1 -1
- package/lib/checkbox/Label.js +4 -5
- package/lib/checkbox/index.js +13 -14
- package/lib/checkbox/types.d.ts +1 -1
- package/lib/dialog/Alert.js +6 -7
- package/lib/dialog/Custom.js +12 -13
- package/lib/dialog/Error.js +6 -7
- package/lib/dialog/Information.js +6 -7
- package/lib/dialog/Question.js +10 -11
- package/lib/dialog/Warning.js +8 -8
- package/lib/dialog/base/Content.js +4 -5
- package/lib/dialog/base/Footer.js +4 -5
- package/lib/dialog/base/Header.js +12 -13
- package/lib/dialog/base/index.js +10 -11
- package/lib/dialog/base/style.js +2 -3
- package/lib/dialog/form/index.js +23 -25
- package/lib/dialog/index.js +9 -10
- package/lib/dialog/types.d.ts +1 -1
- package/lib/drawer/Content.js +8 -9
- package/lib/drawer/Drawer.js +19 -20
- package/lib/drawer/Header.js +19 -20
- package/lib/drawer/helpers.js +4 -5
- package/lib/drawer/index.js +5 -6
- package/lib/drawer/types.d.ts +1 -1
- package/lib/dropdown/Popup.js +4 -5
- package/lib/dropdown/helper.js +3 -5
- package/lib/dropdown/types.d.ts +1 -1
- package/lib/dropdown/withDropdown.js +13 -15
- package/lib/fieldset/index.js +15 -16
- package/lib/fieldset/types.d.ts +1 -1
- package/lib/form/Field.d.ts +1 -1
- package/lib/form/Field.js +20 -20
- package/lib/form/FieldArray.js +20 -21
- package/lib/form/FieldNumber.js +15 -16
- package/lib/form/FieldPeriod.js +21 -22
- package/lib/form/helpers.js +12 -18
- package/lib/form/index.js +28 -29
- package/lib/form/types.d.ts +1 -1
- package/lib/form/withFieldHOC.js +11 -12
- package/lib/form/withFormSecurity.js +9 -11
- package/lib/gridlayout/GridCol.js +4 -5
- package/lib/gridlayout/GridRow.js +4 -5
- package/lib/gridlayout/index.js +4 -5
- package/lib/gridlayout/types.d.ts +1 -1
- package/lib/hint/index.js +8 -9
- package/lib/hint/types.d.ts +1 -1
- package/lib/icons/helper.js +3 -4
- package/lib/icons/index.js +10 -11
- package/lib/icons/types.d.ts +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +10 -10
- package/lib/inputs/base/InputTextBase.js +21 -22
- package/lib/inputs/base/helpers.js +10 -14
- package/lib/inputs/base/types.d.ts +1 -1
- package/lib/inputs/color/index.js +13 -14
- package/lib/inputs/color/types.d.ts +1 -1
- package/lib/inputs/date/Dialog.js +4 -5
- package/lib/inputs/date/Dropdown.js +4 -5
- package/lib/inputs/date/helpers.js +9 -13
- package/lib/inputs/date/index.js +20 -21
- package/lib/inputs/date/types.d.ts +1 -1
- package/lib/inputs/file/DefaultFile.js +19 -20
- package/lib/inputs/file/DragDropFile.js +42 -43
- package/lib/inputs/file/File.js +9 -10
- package/lib/inputs/file/FileButtonSettings.js +6 -7
- package/lib/inputs/file/helpers.js +2 -3
- package/lib/inputs/file/index.js +5 -6
- package/lib/inputs/file/types.d.ts +1 -1
- package/lib/inputs/inputHOC.js +10 -11
- package/lib/inputs/mask/BaseMask.js +9 -10
- package/lib/inputs/mask/Cnpj.js +9 -10
- package/lib/inputs/mask/Cpf.js +9 -10
- package/lib/inputs/mask/Phone.js +4 -5
- package/lib/inputs/mask/ZipCode.js +4 -5
- package/lib/inputs/mask/helpers.js +7 -7
- package/lib/inputs/mask/imaskHOC.js +9 -10
- package/lib/inputs/mask/index.js +7 -8
- package/lib/inputs/mask/types.d.ts +1 -1
- package/lib/inputs/multiSelect/ActionButtons.js +10 -11
- package/lib/inputs/multiSelect/Dropdown.js +26 -27
- package/lib/inputs/multiSelect/helper.js +2 -3
- package/lib/inputs/multiSelect/index.js +21 -22
- package/lib/inputs/multiSelect/types.d.ts +1 -1
- package/lib/inputs/number/BaseNumber.js +9 -10
- package/lib/inputs/number/Currency.js +5 -6
- package/lib/inputs/number/Decimal.js +4 -5
- package/lib/inputs/number/format_number.js +4 -7
- package/lib/inputs/number/index.js +6 -7
- package/lib/inputs/number/types.d.ts +1 -1
- package/lib/inputs/period/Dialog.js +4 -5
- package/lib/inputs/period/Dropdown.js +6 -7
- package/lib/inputs/period/PeriodList.js +7 -8
- package/lib/inputs/period/helper.js +10 -14
- package/lib/inputs/period/index.js +48 -49
- package/lib/inputs/period/types.d.ts +1 -1
- package/lib/inputs/search/index.js +19 -20
- package/lib/inputs/select/ActionButtons.js +7 -8
- package/lib/inputs/select/Dropdown.js +22 -23
- package/lib/inputs/select/helper.js +6 -11
- package/lib/inputs/select/index.js +6 -7
- package/lib/inputs/select/multiple/Selecteds.js +6 -7
- package/lib/inputs/select/multiple/index.js +15 -16
- package/lib/inputs/select/simple/index.js +15 -16
- package/lib/inputs/select/types.d.ts +1 -1
- package/lib/inputs/text/index.js +4 -5
- package/lib/inputs/text/types.d.ts +1 -1
- package/lib/inputs/textarea/index.js +5 -6
- package/lib/inputs/textarea/types.d.ts +1 -1
- package/lib/inputs/types.d.ts +1 -1
- package/lib/internals/colorStyles.js +2 -3
- package/lib/internals/constants.js +2 -4
- package/lib/internals/types.d.ts +1 -1
- package/lib/internals/withTooltip.js +10 -11
- package/lib/labelMessages/index.js +12 -13
- package/lib/labelMessages/types.d.ts +1 -1
- package/lib/labels/DangerLabel.js +4 -5
- package/lib/labels/DefaultLabel.js +9 -10
- package/lib/labels/InfoLabel.js +4 -5
- package/lib/labels/PrimaryLabel.js +4 -5
- package/lib/labels/SuccessLabel.js +4 -5
- package/lib/labels/WarningLabel.js +4 -5
- package/lib/labels/index.js +9 -10
- package/lib/labels/label_container/index.js +5 -6
- package/lib/labels/types.d.ts +1 -1
- package/lib/list/Header.js +5 -6
- package/lib/list/Item.js +18 -19
- package/lib/list/Separator.js +4 -5
- package/lib/list/helpers.js +4 -6
- package/lib/list/index.js +17 -18
- package/lib/list/types.d.ts +1 -1
- package/lib/menus/float/MenuItem.js +14 -15
- package/lib/menus/float/SubMenuContainer.js +18 -19
- package/lib/menus/float/helpers.js +4 -5
- package/lib/menus/float/index.d.ts +10 -10
- package/lib/menus/float/index.js +10 -11
- package/lib/menus/float/types.d.ts +1 -1
- package/lib/menus/index.js +3 -4
- package/lib/menus/sidenav/ExpandMenu.js +5 -6
- package/lib/menus/sidenav/MenuLink.js +5 -6
- package/lib/menus/sidenav/NavMenuGroup.js +7 -8
- package/lib/menus/sidenav/NavMenuItem.js +15 -16
- package/lib/menus/sidenav/NavSubMenuItem.js +10 -11
- package/lib/menus/sidenav/helpers.js +5 -8
- package/lib/menus/sidenav/index.js +22 -23
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +7 -8
- package/lib/menus/sidenav/popup_menu_search/index.js +15 -16
- package/lib/menus/sidenav/types.d.ts +1 -1
- package/lib/noPermission/index.js +7 -8
- package/lib/panel/Content.d.ts +1 -1
- package/lib/panel/Content.js +8 -9
- package/lib/panel/DangerPanel.d.ts +1 -1
- package/lib/panel/DangerPanel.js +5 -6
- package/lib/panel/Default.d.ts +1 -1
- package/lib/panel/Default.js +11 -12
- package/lib/panel/Header.d.ts +1 -1
- package/lib/panel/Header.js +14 -15
- package/lib/panel/InfoPanel.d.ts +1 -1
- package/lib/panel/InfoPanel.js +5 -6
- package/lib/panel/PrimaryPanel.d.ts +1 -1
- package/lib/panel/PrimaryPanel.js +5 -6
- package/lib/panel/SuccessPanel.d.ts +1 -1
- package/lib/panel/SuccessPanel.js +5 -6
- package/lib/panel/ToolBar.d.ts +1 -1
- package/lib/panel/ToolBar.js +4 -5
- package/lib/panel/WarningPanel.d.ts +1 -1
- package/lib/panel/WarningPanel.js +5 -6
- package/lib/panel/helpers.d.ts +1 -1
- package/lib/panel/helpers.js +4 -5
- package/lib/panel/index.d.ts +1 -1
- package/lib/panel/index.js +10 -11
- package/lib/panel/types.d.ts +1 -1
- package/lib/permissionValidations.js +4 -7
- package/lib/popover/PopoverText.js +4 -5
- package/lib/popover/PopoverTitle.js +4 -5
- package/lib/popover/index.js +8 -9
- package/lib/popover/types.d.ts +1 -1
- package/lib/progress/Bar.js +5 -6
- package/lib/progress/index.js +11 -12
- package/lib/progress/types.d.ts +1 -1
- package/lib/radio/index.js +14 -15
- package/lib/radio/types.d.ts +1 -1
- package/lib/shortcuts/index.js +5 -6
- package/lib/shortcuts/types.d.ts +1 -1
- package/lib/skeleton/SkeletonContainer.js +4 -5
- package/lib/skeleton/index.js +11 -12
- package/lib/skeleton/types.d.ts +1 -1
- package/lib/spinner/SpinnerLoading.js +41 -42
- package/lib/spinner/index.js +10 -11
- package/lib/spinner/types.d.ts +1 -1
- package/lib/split/Split.js +15 -16
- package/lib/split/SplitSide.js +8 -9
- package/lib/split/helpers.d.ts +1 -1
- package/lib/split/helpers.js +4 -5
- package/lib/split/index.js +4 -5
- package/lib/split/types.d.ts +1 -1
- package/lib/table/Body.js +14 -15
- package/lib/table/Header.js +16 -17
- package/lib/table/HeaderColumn.js +9 -10
- package/lib/table/Row.js +15 -16
- package/lib/table/RowColumn.js +13 -14
- package/lib/table/helpers.js +6 -9
- package/lib/table/index.js +16 -17
- package/lib/table/types.d.ts +1 -1
- package/lib/tabs/DropdownItems.js +12 -13
- package/lib/tabs/Menu.js +5 -6
- package/lib/tabs/MenuItems.js +10 -11
- package/lib/tabs/Panel.d.ts +1 -1
- package/lib/tabs/Panel.js +22 -22
- package/lib/tabs/index.js +15 -15
- package/lib/tabs/tabHelpers.d.ts +2 -3
- package/lib/tabs/tabHelpers.js +27 -17
- package/lib/tabs/types.d.ts +2 -1
- package/lib/toolbar/ButtonBar.js +25 -26
- package/lib/toolbar/LabelBar.js +17 -18
- package/lib/toolbar/Separator.js +4 -5
- package/lib/toolbar/ToolBarGroup.js +4 -5
- package/lib/toolbar/helpers.js +2 -3
- package/lib/toolbar/index.js +14 -15
- package/lib/toolbar/types.d.ts +1 -1
- package/lib/tooltip/index.js +9 -10
- package/lib/tooltip/types.d.ts +1 -1
- package/lib/treetable/Body.js +9 -10
- package/lib/treetable/Header.js +7 -8
- package/lib/treetable/Row.d.ts +1 -1
- package/lib/treetable/Row.js +41 -42
- package/lib/treetable/helpers.d.ts +1 -1
- package/lib/treetable/helpers.js +4 -7
- package/lib/treetable/index.d.ts +2 -2
- package/lib/treetable/index.js +11 -12
- package/lib/treeview/Header.js +5 -6
- package/lib/treeview/Node.js +33 -34
- package/lib/treeview/constants.js +2 -3
- package/lib/treeview/index.js +22 -23
- package/lib/treeview/types.d.ts +1 -1
- package/lib/{types-fe4a1068.d.ts → types-PItfhaS-.d.ts} +1 -1
- package/lib/{types.d-73cece43.d.ts → types.d-BfM3lUbt.d.ts} +1 -1
- package/lib/uitour/helpers.js +4 -7
- package/lib/uitour/index.js +22 -23
- package/lib/uitour/types.d.ts +1 -1
- package/package.json +75 -76
|
@@ -3,10 +3,10 @@
|
|
|
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 : { default: obj }; }
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
10
|
var getClass = function getClass(col) {
|
|
11
11
|
var cols = col ? col.split(' ') : [];
|
|
12
12
|
var classes = 'grid-container ';
|
|
@@ -25,10 +25,9 @@ var GridCol = function GridCol(props) {
|
|
|
25
25
|
visible = _props$visible === void 0 ? true : _props$visible;
|
|
26
26
|
var gridClasses = getClass(cols || '');
|
|
27
27
|
if (!visible) return null;
|
|
28
|
-
return /*#__PURE__*/_react
|
|
28
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
29
29
|
className: "".concat(customClass, " ").concat(gridClasses),
|
|
30
30
|
style: style
|
|
31
31
|
}, children);
|
|
32
32
|
};
|
|
33
|
-
var _default = GridCol;
|
|
34
|
-
exports.default = _default;
|
|
33
|
+
var _default = exports["default"] = GridCol;
|
|
@@ -3,10 +3,10 @@
|
|
|
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 : { default: obj }; }
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
10
|
var getClass = function getClass(props) {
|
|
11
11
|
return "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));
|
|
12
12
|
};
|
|
@@ -16,10 +16,9 @@ var GridRow = function GridRow(props) {
|
|
|
16
16
|
_props$visible = props.visible,
|
|
17
17
|
visible = _props$visible === void 0 ? true : _props$visible;
|
|
18
18
|
if (!visible) return null;
|
|
19
|
-
return /*#__PURE__*/_react
|
|
19
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
20
20
|
style: style,
|
|
21
21
|
className: getClass(props)
|
|
22
22
|
}, children);
|
|
23
23
|
};
|
|
24
|
-
var _default = GridRow;
|
|
25
|
-
exports.default = _default;
|
|
24
|
+
var _default = exports["default"] = GridRow;
|
package/lib/gridlayout/index.js
CHANGED
|
@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
Object.defineProperty(exports, "GridRow", {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: function get() {
|
|
9
|
-
return _GridRow
|
|
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 : { default: obj }; }
|
|
16
|
-
var _default = _GridCol
|
|
17
|
-
exports.default = _default;
|
|
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,10 +3,10 @@
|
|
|
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 : { default: obj }; }
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
10
|
var Hint = function Hint(_ref) {
|
|
11
11
|
var _ref$visible = _ref.visible,
|
|
12
12
|
visible = _ref$visible === void 0 ? true : _ref$visible,
|
|
@@ -17,25 +17,24 @@ var Hint = function Hint(_ref) {
|
|
|
17
17
|
style = _ref.style;
|
|
18
18
|
if (!visible || !description) return null;
|
|
19
19
|
var showHintList = function showHintList(arrayHint) {
|
|
20
|
-
return /*#__PURE__*/_react
|
|
20
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
21
21
|
className: "rules-list",
|
|
22
22
|
style: {
|
|
23
23
|
padding: '15px 0px'
|
|
24
24
|
}
|
|
25
|
-
}, /*#__PURE__*/_react
|
|
25
|
+
}, /*#__PURE__*/_react["default"].createElement("ul", {
|
|
26
26
|
style: {
|
|
27
27
|
listStyleType: 'none'
|
|
28
28
|
}
|
|
29
29
|
}, arrayHint.map(function (hint, index) {
|
|
30
|
-
return /*#__PURE__*/_react
|
|
30
|
+
return /*#__PURE__*/_react["default"].createElement("li", {
|
|
31
31
|
key: index.toString()
|
|
32
32
|
}, "- ", hint);
|
|
33
33
|
})));
|
|
34
34
|
};
|
|
35
|
-
return /*#__PURE__*/_react
|
|
35
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
36
36
|
style: style,
|
|
37
37
|
className: "\n hint-component\n ".concat(customClass, "\n ").concat(skeletonize ? '-skeletonized' : '', "\n ")
|
|
38
|
-
}, Array.isArray(description) ? showHintList(description) : /*#__PURE__*/_react
|
|
38
|
+
}, Array.isArray(description) ? showHintList(description) : /*#__PURE__*/_react["default"].createElement("span", null, description));
|
|
39
39
|
};
|
|
40
|
-
var _default = Hint;
|
|
41
|
-
exports.default = _default;
|
|
40
|
+
var _default = exports["default"] = Hint;
|
package/lib/hint/types.d.ts
CHANGED
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 = {
|
|
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']
|
|
@@ -609,5 +609,4 @@ var _default = {
|
|
|
609
609
|
viewbox: '0 0 16 16',
|
|
610
610
|
paths: ['M15.294 4.004c-0.165 0-0.335 0.058-0.491 0.168l-2.803 1.978v-1.651c0-0.825-0.675-1.5-1.5-1.5h-9c-0.825 0-1.5 0.675-1.5 1.5v7c0 0.825 0.675 1.5 1.5 1.5h9c0.825 0 1.5-0.675 1.5-1.5v-1.65l2.803 1.978c0.156 0.11 0.326 0.168 0.491 0.168 0 0 0 0 0 0 0.22 0 0.421-0.101 0.551-0.278 0.101-0.137 0.154-0.313 0.154-0.51v-6.415c-0-0.518-0.355-0.788-0.706-0.788zM15 10.743l-2.469-1.743h-1.531v2.5c0 0.271-0.229 0.5-0.5 0.5h-9c-0.271 0-0.5-0.229-0.5-0.5v-7c0-0.271 0.229-0.5 0.5-0.5h9c0.271 0 0.5 0.229 0.5 0.5v2.5h1.531l2.469-1.743v5.486z', 'M4 5l5 3-5 3z']
|
|
611
611
|
}
|
|
612
|
-
};
|
|
613
|
-
exports.default = _default;
|
|
612
|
+
};
|
package/lib/icons/index.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
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
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
7
|
+
exports["default"] = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _helper = _interopRequireDefault(require("./helper"));
|
|
10
10
|
var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
|
|
11
11
|
require("../assets/styles/icon.scss");
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
function _getRequireWildcardCache(
|
|
14
|
-
function _interopRequireWildcard(
|
|
15
|
-
var listIcon = _helper
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
14
|
+
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 && Object.prototype.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; }
|
|
15
|
+
var listIcon = _helper["default"];
|
|
16
16
|
var disabledIconColor = 'rgb(193, 193, 193)';
|
|
17
17
|
var Icon = function Icon(_ref) {
|
|
18
18
|
var name = _ref.name,
|
|
@@ -42,7 +42,7 @@ var Icon = function Icon(_ref) {
|
|
|
42
42
|
};
|
|
43
43
|
var getSvg = function getSvg() {
|
|
44
44
|
var _getPaths;
|
|
45
|
-
return /*#__PURE__*/_react
|
|
45
|
+
return /*#__PURE__*/_react["default"].createElement("svg", {
|
|
46
46
|
"data-testid": "icon",
|
|
47
47
|
onClick: function onClick() {
|
|
48
48
|
if (_onClick && !disabled) _onClick();
|
|
@@ -58,7 +58,7 @@ var Icon = function Icon(_ref) {
|
|
|
58
58
|
pointerEvents: pointerEvents,
|
|
59
59
|
style: style
|
|
60
60
|
}, (_getPaths = getPaths()) === null || _getPaths === void 0 ? void 0 : _getPaths.map(function (value) {
|
|
61
|
-
return /*#__PURE__*/_react
|
|
61
|
+
return /*#__PURE__*/_react["default"].createElement("path", {
|
|
62
62
|
"data-testid": "icon-path",
|
|
63
63
|
d: value,
|
|
64
64
|
key: value
|
|
@@ -68,12 +68,11 @@ var Icon = function Icon(_ref) {
|
|
|
68
68
|
if (!name && !svgStruct) throw new Error('One of the "name" and "svgStruct" props must be filled');
|
|
69
69
|
if (!visible) return null;
|
|
70
70
|
if (!tooltip) return getSvg();
|
|
71
|
-
return /*#__PURE__*/_react
|
|
71
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
72
72
|
className: "icon-component-container ".concat(customClassForContainer),
|
|
73
73
|
ref: function ref(r) {
|
|
74
74
|
if (targetRef && r) targetRef(r);
|
|
75
75
|
}
|
|
76
76
|
}, getSvg());
|
|
77
77
|
};
|
|
78
|
-
var _default = (0, _withTooltip
|
|
79
|
-
exports.default = _default;
|
|
78
|
+
var _default = exports["default"] = (0, _withTooltip["default"])(Icon);
|
package/lib/icons/types.d.ts
CHANGED
package/lib/index.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ export { default as List } from './list/index.js';
|
|
|
7
7
|
export { default as Radio } from './radio/index.js';
|
|
8
8
|
export { default as Tab } from './tabs/index.js';
|
|
9
9
|
export { default as Dialog } from './dialog/base/index.js';
|
|
10
|
-
import './types-
|
|
10
|
+
import './types-PItfhaS-.js';
|
|
11
11
|
import 'react';
|
|
12
12
|
import './@types/PermissionAttr.js';
|
|
13
13
|
import './internals/colorStyles.js';
|
package/lib/index.js
CHANGED
|
@@ -6,55 +6,55 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
Object.defineProperty(exports, "Button", {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: function get() {
|
|
9
|
-
return _buttons
|
|
9
|
+
return _buttons["default"];
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "Dialog", {
|
|
13
13
|
enumerable: true,
|
|
14
14
|
get: function get() {
|
|
15
|
-
return _base
|
|
15
|
+
return _base["default"];
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "Icon", {
|
|
19
19
|
enumerable: true,
|
|
20
20
|
get: function get() {
|
|
21
|
-
return _icons
|
|
21
|
+
return _icons["default"];
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
Object.defineProperty(exports, "Label", {
|
|
25
25
|
enumerable: true,
|
|
26
26
|
get: function get() {
|
|
27
|
-
return _labels
|
|
27
|
+
return _labels["default"];
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
30
|
Object.defineProperty(exports, "List", {
|
|
31
31
|
enumerable: true,
|
|
32
32
|
get: function get() {
|
|
33
|
-
return _list
|
|
33
|
+
return _list["default"];
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
36
|
Object.defineProperty(exports, "Panel", {
|
|
37
37
|
enumerable: true,
|
|
38
38
|
get: function get() {
|
|
39
|
-
return _panel
|
|
39
|
+
return _panel["default"];
|
|
40
40
|
}
|
|
41
41
|
});
|
|
42
42
|
Object.defineProperty(exports, "Radio", {
|
|
43
43
|
enumerable: true,
|
|
44
44
|
get: function get() {
|
|
45
|
-
return _radio
|
|
45
|
+
return _radio["default"];
|
|
46
46
|
}
|
|
47
47
|
});
|
|
48
48
|
Object.defineProperty(exports, "Tab", {
|
|
49
49
|
enumerable: true,
|
|
50
50
|
get: function get() {
|
|
51
|
-
return _tabs
|
|
51
|
+
return _tabs["default"];
|
|
52
52
|
}
|
|
53
53
|
});
|
|
54
54
|
Object.defineProperty(exports, "Toolbar", {
|
|
55
55
|
enumerable: true,
|
|
56
56
|
get: function get() {
|
|
57
|
-
return _toolbar
|
|
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 : { default: obj }; }
|
|
69
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports["default"] = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
9
9
|
var _inputHOC = _interopRequireDefault(require("../inputHOC"));
|
|
@@ -12,16 +12,16 @@ var helpers = _interopRequireWildcard(require("./helpers"));
|
|
|
12
12
|
var _withTooltip = _interopRequireDefault(require("../../internals/withTooltip"));
|
|
13
13
|
var _permissionValidations = require("../../permissionValidations");
|
|
14
14
|
var _hint = _interopRequireDefault(require("../../hint"));
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
-
function _getRequireWildcardCache(
|
|
17
|
-
function _interopRequireWildcard(
|
|
18
|
-
function _typeof(
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
16
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
17
|
+
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 && Object.prototype.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; }
|
|
18
|
+
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); }
|
|
19
19
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
20
|
-
function ownKeys(
|
|
21
|
-
function _objectSpread(
|
|
20
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
21
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
22
22
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
23
|
-
function _toPropertyKey(
|
|
24
|
-
function _toPrimitive(
|
|
23
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
24
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
25
25
|
var InputTextBase = function InputTextBase(props) {
|
|
26
26
|
var _props$textAlign = props.textAlign,
|
|
27
27
|
textAlign = _props$textAlign === void 0 ? 'left' : _props$textAlign,
|
|
@@ -110,7 +110,7 @@ var InputTextBase = function InputTextBase(props) {
|
|
|
110
110
|
}),
|
|
111
111
|
ref: function ref(r) {
|
|
112
112
|
if (inputRef) {
|
|
113
|
-
if (!_lodash
|
|
113
|
+
if (!_lodash["default"].isFunction(inputRef)) {
|
|
114
114
|
inputRef.current = r;
|
|
115
115
|
} else {
|
|
116
116
|
inputRef(r);
|
|
@@ -154,43 +154,42 @@ var InputTextBase = function InputTextBase(props) {
|
|
|
154
154
|
return propsInput;
|
|
155
155
|
};
|
|
156
156
|
if (!visible || unvisible) return null;
|
|
157
|
-
return /*#__PURE__*/_react
|
|
157
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
158
158
|
style: style,
|
|
159
159
|
className: "input-base-component ".concat(skeletonize ? '-skeletonized' : '', " ").concat(customClass),
|
|
160
160
|
ref: inputBaseRef
|
|
161
|
-
}, label && /*#__PURE__*/_react
|
|
161
|
+
}, label && /*#__PURE__*/_react["default"].createElement("div", {
|
|
162
162
|
className: "labelcontainer",
|
|
163
163
|
style: {
|
|
164
164
|
textAlign: textAlign === 'center' ? 'left' : textAlign
|
|
165
165
|
}
|
|
166
|
-
}, /*#__PURE__*/_react
|
|
166
|
+
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
167
167
|
style: styleForLabel,
|
|
168
168
|
className: "label ".concat(customClassForLabel, " ").concat(labelUppercase && ' -uppercase')
|
|
169
|
-
}, label, required && /*#__PURE__*/_react
|
|
169
|
+
}, label, required && /*#__PURE__*/_react["default"].createElement("span", {
|
|
170
170
|
className: "-requiredlabel"
|
|
171
|
-
}, "*"))), /*#__PURE__*/_react
|
|
171
|
+
}, "*"))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
172
172
|
"data-testid": "testInputWrapper",
|
|
173
173
|
style: styleForWrapper,
|
|
174
174
|
className: helpers.getInputWrapperClass(_objectSpread(_objectSpread({}, props), {}, {
|
|
175
175
|
disabled: shouldDisable() || hideContent
|
|
176
176
|
}))
|
|
177
|
-
}, leftElements && /*#__PURE__*/_react
|
|
177
|
+
}, leftElements && /*#__PURE__*/_react["default"].createElement("div", {
|
|
178
178
|
style: styleForSideButtons,
|
|
179
179
|
className: "sidebuttons ".concat(customClassForSideButtons)
|
|
180
|
-
}, leftElements), /*#__PURE__*/_react
|
|
180
|
+
}, leftElements), /*#__PURE__*/_react["default"].createElement("div", {
|
|
181
181
|
"data-testid": "testInputContent",
|
|
182
182
|
style: styleForInputContent,
|
|
183
183
|
className: "inputcontent ".concat(customClassForInputContent)
|
|
184
|
-
}, type === 'textarea' ? /*#__PURE__*/_react
|
|
184
|
+
}, type === 'textarea' ? /*#__PURE__*/_react["default"].createElement("textarea", _extends({
|
|
185
185
|
rows: props.rows,
|
|
186
186
|
cols: props.cols
|
|
187
|
-
}, inputProps())) : /*#__PURE__*/_react
|
|
187
|
+
}, inputProps())) : /*#__PURE__*/_react["default"].createElement("input", _extends({
|
|
188
188
|
tabIndex: applyTabIndex()
|
|
189
|
-
}, inputProps())), children), helpers.getRightElements(errorMessages || [], skeletonize, rightElements)), /*#__PURE__*/_react
|
|
189
|
+
}, inputProps())), children), helpers.getRightElements(errorMessages || [], skeletonize, rightElements)), /*#__PURE__*/_react["default"].createElement(_hint["default"], {
|
|
190
190
|
visible: !!hint,
|
|
191
191
|
customClass: "hint",
|
|
192
192
|
description: hint
|
|
193
193
|
}), errorMessages && helpers.getErrorMessages(errorMessages));
|
|
194
194
|
};
|
|
195
|
-
var _default = (0, _inputHOC
|
|
196
|
-
exports.default = _default;
|
|
195
|
+
var _default = exports["default"] = (0, _inputHOC["default"])((0, _withTooltip["default"])(InputTextBase));
|
|
@@ -6,15 +6,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.getRightElements = exports.getInputWrapperClass = exports.getInputClass = exports.getErrorMessages = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
var getInputClass = function getInputClass(_ref) {
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
+
var getInputClass = exports.getInputClass = function getInputClass(_ref) {
|
|
11
11
|
var textAlign = _ref.textAlign,
|
|
12
12
|
readOnly = _ref.readOnly,
|
|
13
13
|
readOnlyClass = _ref.readOnlyClass;
|
|
14
14
|
return "textinput text-align-".concat(textAlign, " ").concat(readOnlyClass, " ").concat(readOnly ? ' -readonly' : '');
|
|
15
15
|
};
|
|
16
|
-
exports.
|
|
17
|
-
var getInputWrapperClass = function getInputWrapperClass(props) {
|
|
16
|
+
var getInputWrapperClass = exports.getInputWrapperClass = function getInputWrapperClass(props) {
|
|
18
17
|
var inputHasFocus = props.inputHasFocus,
|
|
19
18
|
customClassForWrapper = props.customClassForWrapper,
|
|
20
19
|
rounded = props.rounded,
|
|
@@ -22,26 +21,23 @@ var getInputWrapperClass = function getInputWrapperClass(props) {
|
|
|
22
21
|
disabled = props.disabled;
|
|
23
22
|
return "inputwrapper ".concat(inputHasFocus && ' -focusable', "\n ").concat(customClassForWrapper, "\n ").concat(errorMessages && errorMessages.length > 0 && ' -requirederror', "\n ").concat(rounded && ' -roundedborders', "\n ").concat(disabled && ' -disabled');
|
|
24
23
|
};
|
|
25
|
-
exports.
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
return /*#__PURE__*/_react.default.createElement("p", {
|
|
24
|
+
var getErrorMessages = exports.getErrorMessages = function getErrorMessages(messages) {
|
|
25
|
+
if (!messages || messages.length === 0) return /*#__PURE__*/_react["default"].createElement("noscript", null);
|
|
26
|
+
return /*#__PURE__*/_react["default"].createElement("p", {
|
|
29
27
|
className: "errormessages"
|
|
30
28
|
}, messages.join(', '));
|
|
31
29
|
};
|
|
32
|
-
exports.
|
|
33
|
-
var getRightElements = function getRightElements(errorMessages, skeletonize, rightElements) {
|
|
30
|
+
var getRightElements = exports.getRightElements = function getRightElements(errorMessages, skeletonize, rightElements) {
|
|
34
31
|
var elements = rightElements || [];
|
|
35
32
|
if (skeletonize) return null;
|
|
36
|
-
if (!_lodash
|
|
33
|
+
if (!_lodash["default"].isArray(elements)) {
|
|
37
34
|
elements = [elements];
|
|
38
35
|
}
|
|
39
36
|
elements = elements.map(function (element, index) {
|
|
40
|
-
return element && /*#__PURE__*/_react
|
|
37
|
+
return element && /*#__PURE__*/_react["default"].cloneElement(element, {
|
|
41
38
|
key: "rightelement-".concat(index + 1)
|
|
42
39
|
});
|
|
43
40
|
});
|
|
44
41
|
if (errorMessages) return elements;
|
|
45
42
|
return elements;
|
|
46
|
-
};
|
|
47
|
-
exports.getRightElements = getRightElements;
|
|
43
|
+
};
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
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
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
7
|
+
exports["default"] = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
10
10
|
var _text = _interopRequireDefault(require("../text"));
|
|
11
11
|
var _buttons = _interopRequireDefault(require("../../buttons"));
|
|
12
12
|
require("../../assets/styles/colorpicker.scss");
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
function _getRequireWildcardCache(
|
|
15
|
-
function _interopRequireWildcard(
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
15
|
+
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 && Object.prototype.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; }
|
|
16
16
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
17
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
18
18
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
19
19
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
20
20
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
21
|
-
function _iterableToArrayLimit(
|
|
21
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
22
22
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
23
23
|
var ColorPicker = function ColorPicker(props) {
|
|
24
24
|
var _props$asTextField = props.asTextField,
|
|
@@ -33,7 +33,7 @@ var ColorPicker = function ColorPicker(props) {
|
|
|
33
33
|
color = _useState2[0],
|
|
34
34
|
setColor = _useState2[1];
|
|
35
35
|
var inputRef = (0, _react.useRef)(null);
|
|
36
|
-
var debouncedOnChange = _lodash
|
|
36
|
+
var debouncedOnChange = _lodash["default"].debounce(function (func, e) {
|
|
37
37
|
func(e);
|
|
38
38
|
}, 300);
|
|
39
39
|
var onInputChange = function onInputChange(e) {
|
|
@@ -60,18 +60,18 @@ var ColorPicker = function ColorPicker(props) {
|
|
|
60
60
|
(0, _react.useEffect)(function () {
|
|
61
61
|
setColor(value);
|
|
62
62
|
}, [value]);
|
|
63
|
-
return asTextField ? /*#__PURE__*/_react
|
|
63
|
+
return asTextField ? /*#__PURE__*/_react["default"].createElement(_text["default"], _extends({}, props, {
|
|
64
64
|
value: color,
|
|
65
65
|
onChange: function onChange(e) {
|
|
66
66
|
if (e) onInputChange(e);
|
|
67
67
|
},
|
|
68
|
-
leftElements: [/*#__PURE__*/_react
|
|
68
|
+
leftElements: [/*#__PURE__*/_react["default"].createElement("div", {
|
|
69
69
|
key: "colorMirror",
|
|
70
70
|
className: "colorpicker-colormirror",
|
|
71
71
|
style: {
|
|
72
72
|
background: color
|
|
73
73
|
}
|
|
74
|
-
}), /*#__PURE__*/_react
|
|
74
|
+
}), /*#__PURE__*/_react["default"].createElement("input", {
|
|
75
75
|
key: "inputColor",
|
|
76
76
|
className: "colorpicker-hideinputcolor",
|
|
77
77
|
ref: inputRef,
|
|
@@ -83,14 +83,14 @@ var ColorPicker = function ColorPicker(props) {
|
|
|
83
83
|
},
|
|
84
84
|
onInput: onInputChangeDefault
|
|
85
85
|
})],
|
|
86
|
-
rightElements: /*#__PURE__*/_react
|
|
86
|
+
rightElements: /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
|
|
87
87
|
className: "colorpicker-palettebutton",
|
|
88
88
|
key: "palettebutton",
|
|
89
89
|
onClick: onPaletteButtonClick,
|
|
90
90
|
iconName: "pallete",
|
|
91
91
|
boxShadow: false
|
|
92
92
|
})
|
|
93
|
-
})) : /*#__PURE__*/_react
|
|
93
|
+
})) : /*#__PURE__*/_react["default"].createElement("input", {
|
|
94
94
|
key: "inputColor",
|
|
95
95
|
name: name,
|
|
96
96
|
ref: inputRef,
|
|
@@ -102,5 +102,4 @@ var ColorPicker = function ColorPicker(props) {
|
|
|
102
102
|
onInput: onInputChangeDefault
|
|
103
103
|
});
|
|
104
104
|
};
|
|
105
|
-
var _default = ColorPicker;
|
|
106
|
-
exports.default = _default;
|
|
105
|
+
var _default = exports["default"] = ColorPicker;
|
|
@@ -3,15 +3,15 @@
|
|
|
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
|
var _base = _interopRequireDefault(require("../../dialog/base"));
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
10
|
var Dialog = function Dialog(_ref) {
|
|
11
11
|
var _handlerClose = _ref.handlerClose,
|
|
12
12
|
children = _ref.children,
|
|
13
13
|
dialogSize = _ref.dialogSize;
|
|
14
|
-
return /*#__PURE__*/_react
|
|
14
|
+
return /*#__PURE__*/_react["default"].createElement(_base["default"], {
|
|
15
15
|
width: dialogSize.width,
|
|
16
16
|
height: dialogSize.height,
|
|
17
17
|
handlerClose: function handlerClose() {
|
|
@@ -22,5 +22,4 @@ var Dialog = function Dialog(_ref) {
|
|
|
22
22
|
wrapperClassName: ""
|
|
23
23
|
}, children);
|
|
24
24
|
};
|
|
25
|
-
var _default = Dialog;
|
|
26
|
-
exports.default = _default;
|
|
25
|
+
var _default = exports["default"] = Dialog;
|