@bigbinary/neetoui 8.3.0-beta2 → 8.3.1
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 +1 -0
- package/dist/ActionDropdown.js +7 -6
- package/dist/ActionDropdown.js.map +1 -1
- package/dist/Alert.js +9 -9
- package/dist/Alert.js.map +1 -1
- package/dist/Avatar.js +1 -0
- package/dist/Avatar.js.map +1 -1
- package/dist/Button.js +5 -52
- package/dist/Button.js.map +1 -1
- package/dist/Checkbox.js +6 -5
- package/dist/Checkbox.js.map +1 -1
- package/dist/ColorPicker.js +147 -51
- package/dist/ColorPicker.js.map +1 -1
- package/dist/DatePicker.js +18 -19
- package/dist/DatePicker.js.map +1 -1
- package/dist/Dropdown.js +4 -3
- package/dist/Dropdown.js.map +1 -1
- package/dist/Input.js +14 -10
- package/dist/Input.js.map +1 -1
- package/dist/Kbd.js +1 -0
- package/dist/Kbd.js.map +1 -1
- package/dist/Label.js +72 -55
- package/dist/Label.js.map +1 -1
- package/dist/Modal.js +21 -8
- package/dist/Modal.js.map +1 -1
- package/dist/MultiEmailInput.js +98 -60
- package/dist/MultiEmailInput.js.map +1 -1
- package/dist/NoData.js +1 -2
- package/dist/NoData.js.map +1 -1
- package/dist/Pagination.js +5 -5
- package/dist/Pane.js +58 -22
- package/dist/Pane.js.map +1 -1
- package/dist/ProgressBar.js +1 -0
- package/dist/ProgressBar.js.map +1 -1
- package/dist/Radio.js +11 -8
- package/dist/Radio.js.map +1 -1
- package/dist/Select.js +52 -22
- package/dist/Select.js.map +1 -1
- package/dist/Sidebar.js +6 -4
- package/dist/Sidebar.js.map +1 -1
- package/dist/Slider.js +6 -5
- package/dist/Slider.js.map +1 -1
- package/dist/Stepper.js +1 -0
- package/dist/Stepper.js.map +1 -1
- package/dist/Switch.js +9 -5
- package/dist/Switch.js.map +1 -1
- package/dist/Table.js +358 -194
- package/dist/Table.js.map +1 -1
- package/dist/{Textarea-67a30930.js → Textarea-TKn0l0RC.js} +5 -4
- package/dist/Textarea-TKn0l0RC.js.map +1 -0
- package/dist/Textarea.js +7 -6
- package/dist/Textarea.js.map +1 -1
- package/dist/TimePicker.js +16 -17
- package/dist/TimePicker.js.map +1 -1
- package/dist/Toastr.js +45 -23
- package/dist/Toastr.js.map +1 -1
- package/dist/Tooltip.js +17 -11
- package/dist/Tooltip.js.map +1 -1
- package/dist/TranslationProvider.js +45 -13
- package/dist/TranslationProvider.js.map +1 -1
- package/dist/Tree.js +15 -8
- package/dist/Tree.js.map +1 -1
- package/dist/TreeSelect.js +19 -7
- package/dist/TreeSelect.js.map +1 -1
- package/dist/cjs/Accordion.js +18 -27
- package/dist/cjs/Accordion.js.map +1 -1
- package/dist/cjs/ActionDropdown.js +13 -20
- package/dist/cjs/ActionDropdown.js.map +1 -1
- package/dist/cjs/Alert.js +15 -20
- package/dist/cjs/Alert.js.map +1 -1
- package/dist/cjs/Avatar.js +11 -19
- package/dist/cjs/Avatar.js.map +1 -1
- package/dist/cjs/Button.js +17 -73
- package/dist/cjs/Button.js.map +1 -1
- package/dist/cjs/Callout.js +5 -13
- package/dist/cjs/Callout.js.map +1 -1
- package/dist/cjs/Checkbox.js +13 -19
- package/dist/cjs/Checkbox.js.map +1 -1
- package/dist/cjs/ColorPicker.js +170 -84
- package/dist/cjs/ColorPicker.js.map +1 -1
- package/dist/cjs/DatePicker.js +18 -19
- package/dist/cjs/DatePicker.js.map +1 -1
- package/dist/cjs/Dropdown.js +32 -41
- package/dist/cjs/Dropdown.js.map +1 -1
- package/dist/cjs/Input.js +31 -36
- package/dist/cjs/Input.js.map +1 -1
- package/dist/cjs/Kbd.js +5 -11
- package/dist/cjs/Kbd.js.map +1 -1
- package/dist/cjs/Label.js +71 -62
- package/dist/cjs/Label.js.map +1 -1
- package/dist/cjs/Modal.js +38 -34
- package/dist/cjs/Modal.js.map +1 -1
- package/dist/cjs/MultiEmailInput.js +126 -99
- package/dist/cjs/MultiEmailInput.js.map +1 -1
- package/dist/cjs/NoData.js +15 -23
- package/dist/cjs/NoData.js.map +1 -1
- package/dist/cjs/Pagination.js +21 -27
- package/dist/cjs/Pagination.js.map +1 -1
- package/dist/cjs/Pane.js +74 -47
- package/dist/cjs/Pane.js.map +1 -1
- package/dist/cjs/Popover.js +5 -12
- package/dist/cjs/Popover.js.map +1 -1
- package/dist/cjs/ProgressBar.js +4 -8
- package/dist/cjs/ProgressBar.js.map +1 -1
- package/dist/cjs/Radio.js +25 -31
- package/dist/cjs/Radio.js.map +1 -1
- package/dist/cjs/Select.js +95 -78
- package/dist/cjs/Select.js.map +1 -1
- package/dist/cjs/Sidebar.js +72 -79
- package/dist/cjs/Sidebar.js.map +1 -1
- package/dist/cjs/Slider.js +15 -23
- package/dist/cjs/Slider.js.map +1 -1
- package/dist/cjs/Spinner.js +2 -7
- package/dist/cjs/Spinner.js.map +1 -1
- package/dist/cjs/Stepper.js +7 -11
- package/dist/cjs/Stepper.js.map +1 -1
- package/dist/cjs/Switch.js +22 -25
- package/dist/cjs/Switch.js.map +1 -1
- package/dist/cjs/Tab.js +10 -18
- package/dist/cjs/Tab.js.map +1 -1
- package/dist/cjs/Table.js +387 -236
- package/dist/cjs/Table.js.map +1 -1
- package/dist/cjs/Tag.js +9 -16
- package/dist/cjs/Tag.js.map +1 -1
- package/dist/cjs/{Textarea-60f7ed17.js → Textarea-DdURL8Dd.js} +21 -29
- package/dist/cjs/Textarea-DdURL8Dd.js.map +1 -0
- package/dist/cjs/Textarea.js +7 -6
- package/dist/cjs/Textarea.js.map +1 -1
- package/dist/cjs/TimePicker.js +16 -17
- package/dist/cjs/TimePicker.js.map +1 -1
- package/dist/cjs/Toastr.js +61 -49
- package/dist/cjs/Toastr.js.map +1 -1
- package/dist/cjs/Tooltip.js +20 -22
- package/dist/cjs/Tooltip.js.map +1 -1
- package/dist/cjs/TranslationProvider.js +48 -21
- package/dist/cjs/TranslationProvider.js.map +1 -1
- package/dist/cjs/Tree.js +21 -23
- package/dist/cjs/Tree.js.map +1 -1
- package/dist/cjs/TreeSelect.js +30 -28
- package/dist/cjs/TreeSelect.js.map +1 -1
- package/dist/cjs/Typography.js +4 -12
- package/dist/cjs/Typography.js.map +1 -1
- package/dist/cjs/constants.js +7 -19
- package/dist/cjs/constants.js.map +1 -1
- package/dist/cjs/{en-80d0fbff.js → en-DhnUUSB_.js} +13 -6
- package/dist/cjs/en-DhnUUSB_.js.map +1 -0
- package/dist/cjs/formik/ActionBlock.js +12 -18
- package/dist/cjs/formik/ActionBlock.js.map +1 -1
- package/dist/cjs/formik/BlockNavigation.js +24 -42
- package/dist/cjs/formik/BlockNavigation.js.map +1 -1
- package/dist/cjs/formik/Button.js +3 -10
- package/dist/cjs/formik/Button.js.map +1 -1
- package/dist/cjs/formik/Checkbox.js +10 -16
- package/dist/cjs/formik/Checkbox.js.map +1 -1
- package/dist/cjs/formik/Form.js +13 -24
- package/dist/cjs/formik/Form.js.map +1 -1
- package/dist/cjs/formik/Input.js +10 -16
- package/dist/cjs/formik/Input.js.map +1 -1
- package/dist/cjs/formik/MultiEmailInput.js +8 -15
- package/dist/cjs/formik/MultiEmailInput.js.map +1 -1
- package/dist/cjs/formik/Radio.js +10 -17
- package/dist/cjs/formik/Radio.js.map +1 -1
- package/dist/cjs/formik/Select.js +9 -17
- package/dist/cjs/formik/Select.js.map +1 -1
- package/dist/cjs/formik/Slider.js +10 -17
- package/dist/cjs/formik/Slider.js.map +1 -1
- package/dist/cjs/formik/Switch.js +10 -16
- package/dist/cjs/formik/Switch.js.map +1 -1
- package/dist/cjs/formik/Textarea.js +11 -17
- package/dist/cjs/formik/Textarea.js.map +1 -1
- package/dist/cjs/formik/TreeSelect.js +8 -14
- package/dist/cjs/formik/TreeSelect.js.map +1 -1
- package/dist/cjs/formik/index.js +12 -15
- package/dist/cjs/formik/index.js.map +1 -1
- package/dist/cjs/index-BG9I04iF.js +451 -0
- package/dist/cjs/index-BG9I04iF.js.map +1 -0
- package/dist/cjs/{index-9d108a41.js → index-DOn2FmWB.js} +80 -80
- package/dist/cjs/index-DOn2FmWB.js.map +1 -0
- package/dist/cjs/index.css +2 -2
- package/dist/cjs/index.js +26 -29
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/layouts.js +6 -7
- package/dist/cjs/layouts.js.map +1 -1
- package/dist/cjs/managers.js +0 -2
- package/dist/cjs/managers.js.map +1 -1
- package/dist/cjs/overlayManager.js +2 -9
- package/dist/cjs/overlayManager.js.map +1 -1
- package/dist/cjs/{react-select-creatable.esm-23eddf9f.js → react-select-creatable.esm-Bdv9YAMt.js} +231 -140
- package/dist/cjs/{react-select-creatable.esm-23eddf9f.js.map → react-select-creatable.esm-Bdv9YAMt.js.map} +1 -1
- package/dist/cjs/{useId-4e3deb5c.js → useId-DXHUzdxd.js} +1 -1
- package/dist/cjs/{useId-4e3deb5c.js.map → useId-DXHUzdxd.js.map} +1 -1
- package/dist/cjs/{useOverlayManager-d4108cf8.js → useOverlayManager-D5NTaYt6.js} +25 -744
- package/dist/cjs/useOverlayManager-D5NTaYt6.js.map +1 -0
- package/dist/cjs/{useQueryParams-a8ee2f76.js → useQueryParams-l5fJJYCR.js} +2 -6
- package/dist/cjs/useQueryParams-l5fJJYCR.js.map +1 -0
- package/dist/cjs/useRecentlyUsedColors-DmV1uj1F.js +1270 -0
- package/dist/cjs/useRecentlyUsedColors-DmV1uj1F.js.map +1 -0
- package/dist/cjs/{HeaderCellMenu-2b1247bb.js → useRestoreScrollPosition-Ck_b0Nh4.js} +87 -88
- package/dist/cjs/useRestoreScrollPosition-Ck_b0Nh4.js.map +1 -0
- package/dist/{en-41f5c641.js → en-_r5-MxJe.js} +13 -6
- package/dist/en-_r5-MxJe.js.map +1 -0
- package/dist/formik/ActionBlock.js +7 -7
- package/dist/formik/BlockNavigation.js +15 -26
- package/dist/formik/BlockNavigation.js.map +1 -1
- package/dist/formik/Button.js +1 -2
- package/dist/formik/Button.js.map +1 -1
- package/dist/formik/Checkbox.js +6 -5
- package/dist/formik/Checkbox.js.map +1 -1
- package/dist/formik/Form.js +2 -2
- package/dist/formik/Form.js.map +1 -1
- package/dist/formik/Input.js +6 -5
- package/dist/formik/Input.js.map +1 -1
- package/dist/formik/MultiEmailInput.js +5 -5
- package/dist/formik/Radio.js +6 -5
- package/dist/formik/Radio.js.map +1 -1
- package/dist/formik/Select.js +5 -5
- package/dist/formik/Slider.js +6 -5
- package/dist/formik/Slider.js.map +1 -1
- package/dist/formik/Switch.js +6 -5
- package/dist/formik/Switch.js.map +1 -1
- package/dist/formik/Textarea.js +7 -6
- package/dist/formik/Textarea.js.map +1 -1
- package/dist/formik/TreeSelect.js +5 -4
- package/dist/formik/TreeSelect.js.map +1 -1
- package/dist/formik/index.js +12 -13
- package/dist/formik/index.js.map +1 -1
- package/dist/index-BCP3m_SF.js +434 -0
- package/dist/index-BCP3m_SF.js.map +1 -0
- package/dist/{index-fd0e5fa5.js → index-BXAHRXsD.js} +33 -21
- package/dist/index-BXAHRXsD.js.map +1 -0
- package/dist/index.css +2 -2
- package/dist/index.js +26 -27
- package/dist/index.js.map +1 -1
- package/dist/layouts.js +6 -5
- package/dist/layouts.js.map +1 -1
- package/dist/{react-select-creatable.esm-ad71b0c0.js → react-select-creatable.esm-Dx_vEnyD.js} +137 -31
- package/dist/{react-select-creatable.esm-ad71b0c0.js.map → react-select-creatable.esm-Dx_vEnyD.js.map} +1 -1
- package/dist/{useId-c1d20bba.js → useId-Jj9hXm-g.js} +1 -1
- package/dist/{useId-c1d20bba.js.map → useId-Jj9hXm-g.js.map} +1 -1
- package/dist/{useOverlayManager-593daea1.js → useOverlayManager-U3cqV61l.js} +9 -716
- package/dist/useOverlayManager-U3cqV61l.js.map +1 -0
- package/dist/{useQueryParams-dcb34865.js → useQueryParams-b60CHFUx.js} +1 -1
- package/dist/{useQueryParams-dcb34865.js.map → useQueryParams-b60CHFUx.js.map} +1 -1
- package/dist/useRecentlyUsedColors-CJe4G0Xs.js +1267 -0
- package/dist/useRecentlyUsedColors-CJe4G0Xs.js.map +1 -0
- package/dist/{HeaderCellMenu-85777f9d.js → useRestoreScrollPosition-B3J6xSHt.js} +77 -75
- package/dist/useRestoreScrollPosition-B3J6xSHt.js.map +1 -0
- package/package.json +20 -14
- package/src/translations/de.json +7 -2
- package/src/translations/en.json +12 -5
- package/src/translations/es.json +7 -2
- package/src/translations/fr.json +7 -2
- package/src/translations/nl.json +7 -2
- package/src/translations/pl.json +7 -2
- package/src/translations/pt.json +7 -2
- package/types/Button.d.ts +0 -2
- package/types/ColorPicker.d.ts +7 -5
- package/types/DatePicker.d.ts +2 -0
- package/types/Modal.d.ts +1 -1
- package/types/Pane.d.ts +1 -1
- package/types/Select.d.ts +4 -0
- package/types/Table.d.ts +9 -0
- package/types/Toastr.d.ts +3 -1
- package/types/Tree.d.ts +2 -1
- package/dist/HeaderCellMenu-85777f9d.js.map +0 -1
- package/dist/Textarea-67a30930.js.map +0 -1
- package/dist/cjs/HeaderCellMenu-2b1247bb.js.map +0 -1
- package/dist/cjs/Textarea-60f7ed17.js.map +0 -1
- package/dist/cjs/en-80d0fbff.js.map +0 -1
- package/dist/cjs/index-0f5141e0.js +0 -178
- package/dist/cjs/index-0f5141e0.js.map +0 -1
- package/dist/cjs/index-9d108a41.js.map +0 -1
- package/dist/cjs/tinycolor-b1e9a7b2.js +0 -1202
- package/dist/cjs/tinycolor-b1e9a7b2.js.map +0 -1
- package/dist/cjs/useOverlayManager-d4108cf8.js.map +0 -1
- package/dist/cjs/useQueryParams-a8ee2f76.js.map +0 -1
- package/dist/en-41f5c641.js.map +0 -1
- package/dist/index-abadd6e9.js +0 -155
- package/dist/index-abadd6e9.js.map +0 -1
- package/dist/index-fd0e5fa5.js.map +0 -1
- package/dist/tinycolor-282c618c.js +0 -1200
- package/dist/tinycolor-282c618c.js.map +0 -1
- package/dist/useOverlayManager-593daea1.js.map +0 -1
package/dist/cjs/Avatar.js
CHANGED
|
@@ -8,18 +8,10 @@ var Avvvatars = require('avvvatars-react');
|
|
|
8
8
|
var classnames = require('classnames');
|
|
9
9
|
var ramda = require('ramda');
|
|
10
10
|
var Tooltip = require('./Tooltip.js');
|
|
11
|
+
require('@babel/runtime/helpers/defineProperty');
|
|
11
12
|
require('@tippyjs/react');
|
|
12
13
|
require('tippy.js');
|
|
13
14
|
|
|
14
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
|
-
|
|
16
|
-
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
17
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
18
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
19
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
20
|
-
var Avvvatars__default = /*#__PURE__*/_interopDefaultLegacy(Avvvatars);
|
|
21
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
22
|
-
|
|
23
15
|
var _excluded = ["size", "user", "status", "onClick", "className", "showTooltip", "tooltipProps"];
|
|
24
16
|
var SIZE = {
|
|
25
17
|
small: 24,
|
|
@@ -48,9 +40,9 @@ var Avatar = function Avatar(_ref) {
|
|
|
48
40
|
showTooltip = _ref$showTooltip === void 0 ? false : _ref$showTooltip,
|
|
49
41
|
_ref$tooltipProps = _ref.tooltipProps,
|
|
50
42
|
tooltipProps = _ref$tooltipProps === void 0 ? {} : _ref$tooltipProps,
|
|
51
|
-
otherProps =
|
|
43
|
+
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
52
44
|
var _useState = React.useState(false),
|
|
53
|
-
_useState2 =
|
|
45
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
54
46
|
isLoadingFailed = _useState2[0],
|
|
55
47
|
setIsLoadingFailed = _useState2[1];
|
|
56
48
|
var _user$name = user.name,
|
|
@@ -59,42 +51,42 @@ var Avatar = function Avatar(_ref) {
|
|
|
59
51
|
var isMedium = size === "medium";
|
|
60
52
|
var isLarge = size === "large";
|
|
61
53
|
var isExtraLarge = size === "extraLarge";
|
|
62
|
-
var containerClasses =
|
|
54
|
+
var containerClasses = classnames("neeto-ui-avatar__container neeto-ui-select-none", {
|
|
63
55
|
"neeto-ui-avatar__container--medium": isMedium,
|
|
64
56
|
"neeto-ui-avatar__container--large": isLarge,
|
|
65
57
|
"neeto-ui-avatar__container--xlarge": isExtraLarge
|
|
66
58
|
}, className);
|
|
67
|
-
var imageClasses =
|
|
59
|
+
var imageClasses = classnames("neeto-ui-avatar", {
|
|
68
60
|
"neeto-ui-avatar--medium": isMedium,
|
|
69
61
|
"neeto-ui-avatar--large": isLarge,
|
|
70
62
|
"neeto-ui-avatar--xlarge": isExtraLarge,
|
|
71
63
|
hidden: isLoadingFailed
|
|
72
64
|
});
|
|
73
|
-
var statusClasses =
|
|
65
|
+
var statusClasses = classnames("neeto-ui-avatar__status", status, {
|
|
74
66
|
"neeto-ui-avatar__status-medium": isMedium,
|
|
75
67
|
"neeto-ui-avatar__status-large": isLarge,
|
|
76
68
|
"neeto-ui-avatar__status-xlarge": isExtraLarge
|
|
77
69
|
});
|
|
78
70
|
var Indicator = function Indicator() {
|
|
79
|
-
return ramda.isNil(status) ?
|
|
71
|
+
return ramda.isNil(status) ? React.Fragment : /*#__PURE__*/React.createElement("span", {
|
|
80
72
|
className: statusClasses,
|
|
81
73
|
"data-testid": "indicator"
|
|
82
74
|
});
|
|
83
75
|
};
|
|
84
76
|
var shouldDisplayFallbackAvatar = !(imageUrl && !isLoadingFailed);
|
|
85
|
-
return /*#__PURE__*/
|
|
77
|
+
return /*#__PURE__*/React.createElement(Tooltip, _extends({
|
|
86
78
|
content: name,
|
|
87
79
|
disabled: !showTooltip,
|
|
88
80
|
position: "bottom"
|
|
89
|
-
}, tooltipProps), /*#__PURE__*/
|
|
81
|
+
}, tooltipProps), /*#__PURE__*/React.createElement("span", _extends({
|
|
90
82
|
onClick: onClick,
|
|
91
83
|
className: containerClasses,
|
|
92
84
|
"data-testid": "avatar"
|
|
93
|
-
}, otherProps), /*#__PURE__*/
|
|
85
|
+
}, otherProps), /*#__PURE__*/React.createElement(Indicator, null), shouldDisplayFallbackAvatar ? /*#__PURE__*/React.createElement(Avvvatars, {
|
|
94
86
|
displayValue: getInitials(name),
|
|
95
87
|
size: SIZE[size],
|
|
96
88
|
value: name
|
|
97
|
-
}) : /*#__PURE__*/
|
|
89
|
+
}) : /*#__PURE__*/React.createElement("img", {
|
|
98
90
|
alt: "avatar-".concat(name),
|
|
99
91
|
className: imageClasses,
|
|
100
92
|
src: imageUrl,
|
package/dist/cjs/Avatar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sources":["../../src/components/Avatar.jsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport Avvvatars from \"avvvatars-react\";\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty, isNil } from \"ramda\";\n\nimport Tooltip from \"components/Tooltip\";\n\nconst SIZE = { small: 24, medium: 32, large: 40, extraLarge: 64 };\n\nconst STATUS = { online: \"online\", idle: \"idle\", offline: \"offline\" };\n\nconst getInitials = fullName => {\n if (typeof fullName !== \"string\" || isEmpty(fullName)) return \" \";\n const allNames = fullName.trim().split(\" \");\n if (allNames.length === 1) return fullName.substring(0, 2).toUpperCase();\n\n return `${allNames[0][0]}${allNames[allNames.length - 1][0]}`.toUpperCase();\n};\n\nconst Avatar = ({\n size = \"medium\",\n user = {},\n status = null,\n onClick = () => {},\n className = \"\",\n showTooltip = false,\n tooltipProps = {},\n ...otherProps\n}) => {\n const [isLoadingFailed, setIsLoadingFailed] = useState(false);\n\n const { name = \"\", imageUrl } = user;\n\n const isMedium = size === \"medium\";\n const isLarge = size === \"large\";\n const isExtraLarge = size === \"extraLarge\";\n\n const containerClasses = classNames(\n \"neeto-ui-avatar__container neeto-ui-select-none\",\n {\n \"neeto-ui-avatar__container--medium\": isMedium,\n \"neeto-ui-avatar__container--large\": isLarge,\n \"neeto-ui-avatar__container--xlarge\": isExtraLarge,\n },\n className\n );\n\n const imageClasses = classNames(\"neeto-ui-avatar\", {\n \"neeto-ui-avatar--medium\": isMedium,\n \"neeto-ui-avatar--large\": isLarge,\n \"neeto-ui-avatar--xlarge\": isExtraLarge,\n hidden: isLoadingFailed,\n });\n\n const statusClasses = classNames(\"neeto-ui-avatar__status\", status, {\n \"neeto-ui-avatar__status-medium\": isMedium,\n \"neeto-ui-avatar__status-large\": isLarge,\n \"neeto-ui-avatar__status-xlarge\": isExtraLarge,\n });\n\n const Indicator = () =>\n isNil(status) ? (\n React.Fragment\n ) : (\n <span className={statusClasses} data-testid=\"indicator\" />\n );\n\n const shouldDisplayFallbackAvatar = !(imageUrl && !isLoadingFailed);\n\n return (\n <Tooltip\n content={name}\n disabled={!showTooltip}\n position=\"bottom\"\n {...tooltipProps}\n >\n <span\n {...{ onClick }}\n className={containerClasses}\n data-testid=\"avatar\"\n {...otherProps}\n >\n <Indicator />\n {shouldDisplayFallbackAvatar ? (\n <Avvvatars\n displayValue={getInitials(name)}\n size={SIZE[size]}\n value={name}\n />\n ) : (\n <img\n alt={`avatar-${name}`}\n className={imageClasses}\n src={imageUrl}\n onError={() => setIsLoadingFailed(true)}\n />\n )}\n </span>\n </Tooltip>\n );\n};\n\nAvatar.propTypes = {\n /**\n * Specify the dimension for Avatar component.\n */\n size: PropTypes.oneOf(Object.keys(SIZE)),\n user: PropTypes.shape({\n imageUrl: PropTypes.string,\n name: PropTypes.string,\n }),\n /**\n * To specify the action to be triggered on clicking the Avatar.\n */\n onClick: PropTypes.func,\n /**\n * To specify the status of the user if needed in Avatar component.\n */\n status: PropTypes.oneOf(Object.keys(STATUS)),\n /**\n * To display a tooltip with name of the user.\n */\n showTooltip: PropTypes.bool,\n /**\n * To specify the props to be passed to the tooltip.\n */\n tooltipProps: PropTypes.object,\n /**\n * To provide external classnames to Avatar component.\n */\n className: PropTypes.string,\n};\n\nexport default Avatar;\n"],"names":["SIZE","small","medium","large","extraLarge","getInitials","fullName","isEmpty","allNames","trim","split","length","substring","toUpperCase","concat","Avatar","_ref","_ref$size","size","_ref$user","user","_ref$status","status","_ref$onClick","onClick","_ref$className","className","_ref$showTooltip","showTooltip","_ref$tooltipProps","tooltipProps","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isLoadingFailed","setIsLoadingFailed","_user$name","name","imageUrl","isMedium","isLarge","isExtraLarge","containerClasses","classNames","imageClasses","hidden","statusClasses","Indicator","isNil","React","Fragment","createElement","shouldDisplayFallbackAvatar","Tooltip","_extends","content","disabled","position","Avvvatars","displayValue","value","alt","src","onError"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Avatar.js","sources":["../../src/components/Avatar.jsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport Avvvatars from \"avvvatars-react\";\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty, isNil } from \"ramda\";\n\nimport Tooltip from \"components/Tooltip\";\n\nconst SIZE = { small: 24, medium: 32, large: 40, extraLarge: 64 };\n\nconst STATUS = { online: \"online\", idle: \"idle\", offline: \"offline\" };\n\nconst getInitials = fullName => {\n if (typeof fullName !== \"string\" || isEmpty(fullName)) return \" \";\n const allNames = fullName.trim().split(\" \");\n if (allNames.length === 1) return fullName.substring(0, 2).toUpperCase();\n\n return `${allNames[0][0]}${allNames[allNames.length - 1][0]}`.toUpperCase();\n};\n\nconst Avatar = ({\n size = \"medium\",\n user = {},\n status = null,\n onClick = () => {},\n className = \"\",\n showTooltip = false,\n tooltipProps = {},\n ...otherProps\n}) => {\n const [isLoadingFailed, setIsLoadingFailed] = useState(false);\n\n const { name = \"\", imageUrl } = user;\n\n const isMedium = size === \"medium\";\n const isLarge = size === \"large\";\n const isExtraLarge = size === \"extraLarge\";\n\n const containerClasses = classNames(\n \"neeto-ui-avatar__container neeto-ui-select-none\",\n {\n \"neeto-ui-avatar__container--medium\": isMedium,\n \"neeto-ui-avatar__container--large\": isLarge,\n \"neeto-ui-avatar__container--xlarge\": isExtraLarge,\n },\n className\n );\n\n const imageClasses = classNames(\"neeto-ui-avatar\", {\n \"neeto-ui-avatar--medium\": isMedium,\n \"neeto-ui-avatar--large\": isLarge,\n \"neeto-ui-avatar--xlarge\": isExtraLarge,\n hidden: isLoadingFailed,\n });\n\n const statusClasses = classNames(\"neeto-ui-avatar__status\", status, {\n \"neeto-ui-avatar__status-medium\": isMedium,\n \"neeto-ui-avatar__status-large\": isLarge,\n \"neeto-ui-avatar__status-xlarge\": isExtraLarge,\n });\n\n const Indicator = () =>\n isNil(status) ? (\n React.Fragment\n ) : (\n <span className={statusClasses} data-testid=\"indicator\" />\n );\n\n const shouldDisplayFallbackAvatar = !(imageUrl && !isLoadingFailed);\n\n return (\n <Tooltip\n content={name}\n disabled={!showTooltip}\n position=\"bottom\"\n {...tooltipProps}\n >\n <span\n {...{ onClick }}\n className={containerClasses}\n data-testid=\"avatar\"\n {...otherProps}\n >\n <Indicator />\n {shouldDisplayFallbackAvatar ? (\n <Avvvatars\n displayValue={getInitials(name)}\n size={SIZE[size]}\n value={name}\n />\n ) : (\n <img\n alt={`avatar-${name}`}\n className={imageClasses}\n src={imageUrl}\n onError={() => setIsLoadingFailed(true)}\n />\n )}\n </span>\n </Tooltip>\n );\n};\n\nAvatar.propTypes = {\n /**\n * Specify the dimension for Avatar component.\n */\n size: PropTypes.oneOf(Object.keys(SIZE)),\n user: PropTypes.shape({\n imageUrl: PropTypes.string,\n name: PropTypes.string,\n }),\n /**\n * To specify the action to be triggered on clicking the Avatar.\n */\n onClick: PropTypes.func,\n /**\n * To specify the status of the user if needed in Avatar component.\n */\n status: PropTypes.oneOf(Object.keys(STATUS)),\n /**\n * To display a tooltip with name of the user.\n */\n showTooltip: PropTypes.bool,\n /**\n * To specify the props to be passed to the tooltip.\n */\n tooltipProps: PropTypes.object,\n /**\n * To provide external classnames to Avatar component.\n */\n className: PropTypes.string,\n};\n\nexport default Avatar;\n"],"names":["SIZE","small","medium","large","extraLarge","getInitials","fullName","isEmpty","allNames","trim","split","length","substring","toUpperCase","concat","Avatar","_ref","_ref$size","size","_ref$user","user","_ref$status","status","_ref$onClick","onClick","_ref$className","className","_ref$showTooltip","showTooltip","_ref$tooltipProps","tooltipProps","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isLoadingFailed","setIsLoadingFailed","_user$name","name","imageUrl","isMedium","isLarge","isExtraLarge","containerClasses","classNames","imageClasses","hidden","statusClasses","Indicator","isNil","React","Fragment","createElement","shouldDisplayFallbackAvatar","Tooltip","_extends","content","disabled","position","Avvvatars","displayValue","value","alt","src","onError"],"mappings":"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"}
|
package/dist/cjs/Button.js
CHANGED
|
@@ -2,32 +2,19 @@
|
|
|
2
2
|
|
|
3
3
|
var _extends = require('@babel/runtime/helpers/extends');
|
|
4
4
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
|
-
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
6
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
6
|
var React = require('react');
|
|
8
7
|
var classnames = require('classnames');
|
|
9
|
-
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
10
8
|
var reactRouterDom = require('react-router-dom');
|
|
11
9
|
var Spinner = require('./Spinner.js');
|
|
12
10
|
var Tooltip = require('./Tooltip.js');
|
|
11
|
+
require('@babel/runtime/helpers/slicedToArray');
|
|
13
12
|
require('@tippyjs/react');
|
|
14
13
|
require('tippy.js');
|
|
15
14
|
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
19
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
20
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
21
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
22
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
23
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
24
|
-
|
|
25
|
-
var _excluded = ["icon", "iconPosition", "iconSize", "label", "loading", "onClick", "to", "type", "style", "fullWidth", "className", "disabled", "size", "href", "tooltipProps", "children", "status", "onStatusReset"];
|
|
15
|
+
var _excluded = ["icon", "iconPosition", "iconSize", "label", "loading", "onClick", "to", "type", "style", "fullWidth", "className", "disabled", "size", "href", "tooltipProps", "children"];
|
|
26
16
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
27
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
|
|
28
|
-
var ThumbsUp = function ThumbsUp() {
|
|
29
|
-
return /*#__PURE__*/React__default["default"].createElement("span", null, "\uD83D\uDC4D");
|
|
30
|
-
};
|
|
17
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
31
18
|
var BUTTON_STYLES = {
|
|
32
19
|
primary: "primary",
|
|
33
20
|
secondary: "secondary",
|
|
@@ -51,11 +38,7 @@ var BUTTON_TYPES = {
|
|
|
51
38
|
reset: "reset",
|
|
52
39
|
submit: "submit"
|
|
53
40
|
};
|
|
54
|
-
var
|
|
55
|
-
SUCCESS: "success",
|
|
56
|
-
ERROR: "error"
|
|
57
|
-
};
|
|
58
|
-
var Button = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
|
|
41
|
+
var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
59
42
|
var _ref$icon = _ref.icon,
|
|
60
43
|
icon = _ref$icon === void 0 ? null : _ref$icon,
|
|
61
44
|
_ref$iconPosition = _ref.iconPosition,
|
|
@@ -87,22 +70,11 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, r
|
|
|
87
70
|
_ref$tooltipProps = _ref.tooltipProps,
|
|
88
71
|
tooltipProps = _ref$tooltipProps === void 0 ? null : _ref$tooltipProps,
|
|
89
72
|
children = _ref.children,
|
|
90
|
-
|
|
91
|
-
onStatusReset = _ref.onStatusReset,
|
|
92
|
-
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
73
|
+
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
93
74
|
var Parent = "button";
|
|
94
75
|
var elementSpecificProps = {
|
|
95
76
|
type: type
|
|
96
77
|
};
|
|
97
|
-
var resetFeedbackIconTimeout = React.useRef();
|
|
98
|
-
var _useState = React.useState(false),
|
|
99
|
-
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
100
|
-
didStartAction = _useState2[0],
|
|
101
|
-
setDidStartAction = _useState2[1];
|
|
102
|
-
var _useState3 = React.useState(false),
|
|
103
|
-
_useState4 = _slicedToArray__default["default"](_useState3, 2),
|
|
104
|
-
isFeedbackIconVisible = _useState4[0],
|
|
105
|
-
setIsFeedbackIconVisible = _useState4[1];
|
|
106
78
|
var renderLabel = label || children;
|
|
107
79
|
if (!disabled) {
|
|
108
80
|
if (to) {
|
|
@@ -117,43 +89,20 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, r
|
|
|
117
89
|
};
|
|
118
90
|
}
|
|
119
91
|
}
|
|
120
|
-
React.useEffect(function () {
|
|
121
|
-
if (!loading) return;
|
|
122
|
-
setDidStartAction(true);
|
|
123
|
-
}, [loading]);
|
|
124
|
-
React.useEffect(function () {
|
|
125
|
-
if (loading || !didStartAction) return;
|
|
126
|
-
if (didStartAction && !status) {
|
|
127
|
-
setDidStartAction(false);
|
|
128
|
-
return;
|
|
129
|
-
}
|
|
130
|
-
setIsFeedbackIconVisible(true);
|
|
131
|
-
setDidStartAction(false);
|
|
132
|
-
resetFeedbackIconTimeout.current = setTimeout(function () {
|
|
133
|
-
setIsFeedbackIconVisible(false);
|
|
134
|
-
onStatusReset === null || onStatusReset === void 0 || onStatusReset();
|
|
135
|
-
}, 5000);
|
|
136
|
-
}, [didStartAction, loading]);
|
|
137
|
-
var FeedbackIcon = null;
|
|
138
|
-
if (status === STATUS.SUCCESS) FeedbackIcon = ThumbsUp;
|
|
139
|
-
if (status === STATUS.ERROR) FeedbackIcon = neetoIcons.Error;
|
|
140
92
|
var handleClick = function handleClick(e) {
|
|
141
93
|
if (loading || disabled) return;
|
|
142
|
-
setIsFeedbackIconVisible(false);
|
|
143
|
-
clearTimeout(resetFeedbackIconTimeout.current);
|
|
144
94
|
onClick(e);
|
|
145
95
|
};
|
|
146
96
|
var Icon = typeof icon === "string" ? function () {
|
|
147
|
-
return /*#__PURE__*/
|
|
148
|
-
className:
|
|
97
|
+
return /*#__PURE__*/React.createElement("i", {
|
|
98
|
+
className: classnames("neeto-ui-btn__icon", [icon]),
|
|
149
99
|
"data-testid": "class-icon"
|
|
150
100
|
});
|
|
151
|
-
} : icon ||
|
|
152
|
-
|
|
153
|
-
return /*#__PURE__*/React__default["default"].createElement(Tooltip, _extends__default["default"]({
|
|
101
|
+
} : icon || React.Fragment;
|
|
102
|
+
return /*#__PURE__*/React.createElement(Tooltip, _extends({
|
|
154
103
|
disabled: !tooltipProps
|
|
155
|
-
}, tooltipProps), /*#__PURE__*/
|
|
156
|
-
className:
|
|
104
|
+
}, tooltipProps), /*#__PURE__*/React.createElement(Parent, _extends({
|
|
105
|
+
className: classnames("neeto-ui-btn", [className], {
|
|
157
106
|
"neeto-ui-btn--style-primary": style === BUTTON_STYLES.primary,
|
|
158
107
|
"neeto-ui-btn--style-secondary": style === BUTTON_STYLES.secondary,
|
|
159
108
|
"neeto-ui-btn--style-tertiary": style === BUTTON_STYLES.tertiary,
|
|
@@ -166,29 +115,24 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, r
|
|
|
166
115
|
"neeto-ui-btn--width-full": fullWidth,
|
|
167
116
|
"neeto-ui-btn--icon-left": iconPosition === ICON_POSITIONS.left,
|
|
168
117
|
"neeto-ui-btn--icon-only": !renderLabel,
|
|
169
|
-
"neeto-ui-btn--
|
|
118
|
+
"neeto-ui-btn--loading": loading,
|
|
170
119
|
disabled: disabled
|
|
171
120
|
}),
|
|
172
121
|
onClick: handleClick
|
|
173
122
|
}, _objectSpread(_objectSpread({
|
|
174
123
|
disabled: disabled,
|
|
175
124
|
ref: ref
|
|
176
|
-
}, elementSpecificProps), otherProps)), renderLabel && /*#__PURE__*/
|
|
125
|
+
}, elementSpecificProps), otherProps)), renderLabel && /*#__PURE__*/React.createElement("span", {
|
|
177
126
|
className: "neeto-ui-btn__label"
|
|
178
|
-
}, renderLabel), icon && /*#__PURE__*/
|
|
127
|
+
}, renderLabel), icon && /*#__PURE__*/React.createElement(Icon, {
|
|
179
128
|
"aria-hidden": "true",
|
|
180
129
|
className: "neeto-ui-btn__icon",
|
|
181
130
|
size: iconSize
|
|
182
|
-
}), loading && /*#__PURE__*/
|
|
183
|
-
className: "neeto-ui-
|
|
184
|
-
}, /*#__PURE__*/
|
|
131
|
+
}), loading && /*#__PURE__*/React.createElement("span", {
|
|
132
|
+
className: "neeto-ui-btn__spinner"
|
|
133
|
+
}, /*#__PURE__*/React.createElement(Spinner, {
|
|
185
134
|
"aria-hidden": "true",
|
|
186
135
|
size: "small"
|
|
187
|
-
})), isFeedbackIconVisible && status && /*#__PURE__*/React__default["default"].createElement("span", {
|
|
188
|
-
className: "neeto-ui-btn__feedback-icon"
|
|
189
|
-
}, /*#__PURE__*/React__default["default"].createElement(FeedbackIcon, {
|
|
190
|
-
"aria-hidden": "true",
|
|
191
|
-
size: "20"
|
|
192
136
|
}))));
|
|
193
137
|
});
|
|
194
138
|
Button.displayName = "Button";
|
package/dist/cjs/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../src/components/Button.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Error } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport Spinner from \"./Spinner\";\nimport Tooltip from \"./Tooltip\";\n\nconst ThumbsUp = () => <span>👍</span>;\n\nconst BUTTON_STYLES = {\n primary: \"primary\",\n secondary: \"secondary\",\n tertiary: \"tertiary\",\n danger: \"danger\",\n danger_text: \"danger-text\",\n text: \"text\",\n link: \"link\",\n};\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\nconst ICON_POSITIONS = { left: \"left\", right: \"right\" };\nconst BUTTON_TYPES = { button: \"button\", reset: \"reset\", submit: \"submit\" };\nconst STATUS = { SUCCESS: \"success\", ERROR: \"error\" };\n\nconst Button = React.forwardRef(\n (\n {\n icon = null,\n iconPosition = ICON_POSITIONS.right,\n iconSize = 16,\n label = \"\",\n loading = false,\n onClick = () => {},\n to = \"\",\n type = BUTTON_TYPES.button,\n style = BUTTON_STYLES.primary,\n fullWidth = false,\n className = \"\",\n disabled = false,\n size = SIZES.medium,\n href = \"\",\n tooltipProps = null,\n children,\n status,\n onStatusReset,\n ...otherProps\n },\n ref\n ) => {\n let Parent = \"button\";\n let elementSpecificProps = { type };\n const resetFeedbackIconTimeout = useRef();\n\n const [didStartAction, setDidStartAction] = useState(false);\n const [isFeedbackIconVisible, setIsFeedbackIconVisible] = useState(false);\n\n const renderLabel = label || children;\n\n if (!disabled) {\n if (to) {\n Parent = Link;\n elementSpecificProps = { to };\n } else if (href) {\n Parent = \"a\";\n elementSpecificProps = { href };\n }\n }\n\n useEffect(() => {\n if (!loading) return;\n\n setDidStartAction(true);\n }, [loading]);\n\n useEffect(() => {\n if (loading || !didStartAction) return;\n\n if (didStartAction && !status) {\n setDidStartAction(false);\n\n return;\n }\n\n setIsFeedbackIconVisible(true);\n setDidStartAction(false);\n resetFeedbackIconTimeout.current = setTimeout(() => {\n setIsFeedbackIconVisible(false);\n onStatusReset?.();\n }, 5000);\n }, [didStartAction, loading]);\n\n let FeedbackIcon = null;\n if (status === STATUS.SUCCESS) FeedbackIcon = ThumbsUp;\n\n if (status === STATUS.ERROR) FeedbackIcon = Error;\n\n const handleClick = e => {\n if (loading || disabled) return;\n setIsFeedbackIconVisible(false);\n clearTimeout(resetFeedbackIconTimeout.current);\n onClick(e);\n };\n\n const Icon =\n typeof icon === \"string\"\n ? () => (\n <i\n className={classnames(\"neeto-ui-btn__icon\", [icon])}\n data-testid=\"class-icon\"\n />\n )\n : icon || React.Fragment;\n\n const isFeedbackIconsVisible =\n loading || didStartAction || (isFeedbackIconVisible && status);\n\n return (\n <Tooltip disabled={!tooltipProps} {...tooltipProps}>\n <Parent\n className={classnames(\"neeto-ui-btn\", [className], {\n \"neeto-ui-btn--style-primary\": style === BUTTON_STYLES.primary,\n \"neeto-ui-btn--style-secondary\": style === BUTTON_STYLES.secondary,\n \"neeto-ui-btn--style-tertiary\": style === BUTTON_STYLES.tertiary,\n \"neeto-ui-btn--style-danger\": style === BUTTON_STYLES.danger,\n \"neeto-ui-btn--style-danger-text\":\n style === BUTTON_STYLES.danger_text,\n \"neeto-ui-btn--style-text\": style === BUTTON_STYLES.text,\n \"neeto-ui-btn--style-link\": style === BUTTON_STYLES.link,\n \"neeto-ui-btn--size-medium\": size === SIZES.medium,\n \"neeto-ui-btn--size-large\": size === SIZES.large,\n \"neeto-ui-btn--width-full\": fullWidth,\n \"neeto-ui-btn--icon-left\": iconPosition === ICON_POSITIONS.left,\n \"neeto-ui-btn--icon-only\": !renderLabel,\n \"neeto-ui-btn--feedback-visible\": isFeedbackIconsVisible,\n disabled,\n })}\n onClick={handleClick}\n {...{ disabled, ref, ...elementSpecificProps, ...otherProps }}\n >\n {renderLabel && (\n <span className=\"neeto-ui-btn__label\">{renderLabel}</span>\n )}\n {icon && (\n <Icon\n aria-hidden=\"true\"\n className=\"neeto-ui-btn__icon\"\n size={iconSize}\n />\n )}\n {loading && (\n <span className=\"neeto-ui-btn__feedback-icon\">\n <Spinner aria-hidden=\"true\" size=\"small\" />\n </span>\n )}\n {isFeedbackIconVisible && status && (\n <span className=\"neeto-ui-btn__feedback-icon\">\n <FeedbackIcon aria-hidden=\"true\" size=\"20\" />\n </span>\n )}\n </Parent>\n </Tooltip>\n );\n }\n);\n\nButton.displayName = \"Button\";\n\nButton.propTypes = {\n /**\n * To specify the style of the Button.\n */\n style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n /**\n * To set the size of the Button.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To specify the position of the icon.\n */\n iconPosition: PropTypes.oneOf(Object.values(ICON_POSITIONS)),\n /**\n * To specify the size of the icon.\n */\n iconSize: PropTypes.number,\n /**\n * To set the text to be displayed inside the Button.\n */\n label: PropTypes.string,\n /**\n * Indicates if a Button is in loading state and shows spinner if true.\n */\n loading: PropTypes.bool,\n /**\n * To set Button as disabled.\n */\n disabled: PropTypes.bool,\n /**\n * To set the icon to be shown in the Button.\n */\n icon: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.element,\n ]),\n /**\n * To specify the action to be triggered on clicking the Button.\n */\n onClick: PropTypes.func,\n /**\n * To specify an internal route to which the Button points to.\n */\n to: PropTypes.string,\n /**\n * To specify an external link to which the Button points to.\n */\n href: PropTypes.string,\n /**\n * To specify the type of Button.\n */\n type: PropTypes.oneOf(Object.values(BUTTON_TYPES)),\n /**\n * To set the Button to full width of the container.\n */\n fullWidth: PropTypes.bool,\n /**\n * To provide external classnames to Button component.\n */\n className: PropTypes.string,\n /**\n * To specify the props to be passed to the tooltip.\n */\n tooltipProps: PropTypes.object,\n /**\n * To specify the children to be rendered inside the Button.\n */\n children: PropTypes.string,\n /**\n * To specify the status of the user action, a check or cross icon will be rendered based on the status\n */\n status: PropTypes.oneOf(Object.values(STATUS)),\n /**\n * This callback will be triggered at the timeout to reset the feedback icon, the host application\n * can use this to reset the status if they are using a local state.\n */\n onStatusReset: PropTypes.func,\n};\n\nexport default Button;\n"],"names":["ThumbsUp","React","createElement","BUTTON_STYLES","primary","secondary","tertiary","danger","danger_text","text","link","SIZES","small","medium","large","ICON_POSITIONS","left","right","BUTTON_TYPES","button","reset","submit","STATUS","SUCCESS","ERROR","Button","forwardRef","_ref","ref","_ref$icon","icon","_ref$iconPosition","iconPosition","_ref$iconSize","iconSize","_ref$label","label","_ref$loading","loading","_ref$onClick","onClick","_ref$to","to","_ref$type","type","_ref$style","style","_ref$fullWidth","fullWidth","_ref$className","className","_ref$disabled","disabled","_ref$size","size","_ref$href","href","_ref$tooltipProps","tooltipProps","children","status","onStatusReset","otherProps","_objectWithoutProperties","_excluded","Parent","elementSpecificProps","resetFeedbackIconTimeout","useRef","_useState","useState","_useState2","_slicedToArray","didStartAction","setDidStartAction","_useState3","_useState4","isFeedbackIconVisible","setIsFeedbackIconVisible","renderLabel","Link","useEffect","current","setTimeout","FeedbackIcon","Error","handleClick","e","clearTimeout","Icon","classnames","Fragment","isFeedbackIconsVisible","Tooltip","_extends","_objectSpread","Spinner","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../src/components/Button.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport Spinner from \"./Spinner\";\nimport Tooltip from \"./Tooltip\";\n\nconst BUTTON_STYLES = {\n primary: \"primary\",\n secondary: \"secondary\",\n tertiary: \"tertiary\",\n danger: \"danger\",\n danger_text: \"danger-text\",\n text: \"text\",\n link: \"link\",\n};\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\nconst ICON_POSITIONS = { left: \"left\", right: \"right\" };\nconst BUTTON_TYPES = { button: \"button\", reset: \"reset\", submit: \"submit\" };\n\nconst Button = React.forwardRef(\n (\n {\n icon = null,\n iconPosition = ICON_POSITIONS.right,\n iconSize = 16,\n label = \"\",\n loading = false,\n onClick = () => {},\n to = \"\",\n type = BUTTON_TYPES.button,\n style = BUTTON_STYLES.primary,\n fullWidth = false,\n className = \"\",\n disabled = false,\n size = SIZES.medium,\n href = \"\",\n tooltipProps = null,\n children,\n ...otherProps\n },\n ref\n ) => {\n let Parent = \"button\";\n let elementSpecificProps = { type };\n\n const renderLabel = label || children;\n\n if (!disabled) {\n if (to) {\n Parent = Link;\n elementSpecificProps = { to };\n } else if (href) {\n Parent = \"a\";\n elementSpecificProps = { href };\n }\n }\n\n const handleClick = e => {\n if (loading || disabled) return;\n onClick(e);\n };\n\n const Icon =\n typeof icon === \"string\"\n ? () => (\n <i\n className={classnames(\"neeto-ui-btn__icon\", [icon])}\n data-testid=\"class-icon\"\n />\n )\n : icon || React.Fragment;\n\n return (\n <Tooltip disabled={!tooltipProps} {...tooltipProps}>\n <Parent\n className={classnames(\"neeto-ui-btn\", [className], {\n \"neeto-ui-btn--style-primary\": style === BUTTON_STYLES.primary,\n \"neeto-ui-btn--style-secondary\": style === BUTTON_STYLES.secondary,\n \"neeto-ui-btn--style-tertiary\": style === BUTTON_STYLES.tertiary,\n \"neeto-ui-btn--style-danger\": style === BUTTON_STYLES.danger,\n \"neeto-ui-btn--style-danger-text\":\n style === BUTTON_STYLES.danger_text,\n \"neeto-ui-btn--style-text\": style === BUTTON_STYLES.text,\n \"neeto-ui-btn--style-link\": style === BUTTON_STYLES.link,\n \"neeto-ui-btn--size-medium\": size === SIZES.medium,\n \"neeto-ui-btn--size-large\": size === SIZES.large,\n \"neeto-ui-btn--width-full\": fullWidth,\n \"neeto-ui-btn--icon-left\": iconPosition === ICON_POSITIONS.left,\n \"neeto-ui-btn--icon-only\": !renderLabel,\n \"neeto-ui-btn--loading\": loading,\n disabled,\n })}\n onClick={handleClick}\n {...{ disabled, ref, ...elementSpecificProps, ...otherProps }}\n >\n {renderLabel && (\n <span className=\"neeto-ui-btn__label\">{renderLabel}</span>\n )}\n {icon && (\n <Icon\n aria-hidden=\"true\"\n className=\"neeto-ui-btn__icon\"\n size={iconSize}\n />\n )}\n {loading && (\n <span className=\"neeto-ui-btn__spinner\">\n <Spinner aria-hidden=\"true\" size=\"small\" />\n </span>\n )}\n </Parent>\n </Tooltip>\n );\n }\n);\n\nButton.displayName = \"Button\";\n\nButton.propTypes = {\n /**\n * To specify the style of the Button.\n */\n style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n /**\n * To set the size of the Button.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To specify the position of the icon.\n */\n iconPosition: PropTypes.oneOf(Object.values(ICON_POSITIONS)),\n /**\n * To specify the size of the icon.\n */\n iconSize: PropTypes.number,\n /**\n * To set the text to be displayed inside the Button.\n */\n label: PropTypes.string,\n /**\n * Indicates if a Button is in loading state and shows spinner if true.\n */\n loading: PropTypes.bool,\n /**\n * To set Button as disabled.\n */\n disabled: PropTypes.bool,\n /**\n * To set the icon to be shown in the Button.\n */\n icon: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.element,\n ]),\n /**\n * To specify the action to be triggered on clicking the Button.\n */\n onClick: PropTypes.func,\n /**\n * To specify an internal route to which the Button points to.\n */\n to: PropTypes.string,\n /**\n * To specify an external link to which the Button points to.\n */\n href: PropTypes.string,\n /**\n * To specify the type of Button.\n */\n type: PropTypes.oneOf(Object.values(BUTTON_TYPES)),\n /**\n * To set the Button to full width of the container.\n */\n fullWidth: PropTypes.bool,\n /**\n * To provide external classnames to Button component.\n */\n className: PropTypes.string,\n /**\n * To specify the props to be passed to the tooltip.\n */\n tooltipProps: PropTypes.object,\n /**\n * To specify the children to be rendered inside the Button.\n */\n children: PropTypes.string,\n};\n\nexport default Button;\n"],"names":["BUTTON_STYLES","primary","secondary","tertiary","danger","danger_text","text","link","SIZES","small","medium","large","ICON_POSITIONS","left","right","BUTTON_TYPES","button","reset","submit","Button","React","forwardRef","_ref","ref","_ref$icon","icon","_ref$iconPosition","iconPosition","_ref$iconSize","iconSize","_ref$label","label","_ref$loading","loading","_ref$onClick","onClick","_ref$to","to","_ref$type","type","_ref$style","style","_ref$fullWidth","fullWidth","_ref$className","className","_ref$disabled","disabled","_ref$size","size","_ref$href","href","_ref$tooltipProps","tooltipProps","children","otherProps","_objectWithoutProperties","_excluded","Parent","elementSpecificProps","renderLabel","Link","handleClick","e","Icon","createElement","classnames","Fragment","Tooltip","_extends","_objectSpread","Spinner","displayName"],"mappings":"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"}
|
package/dist/cjs/Callout.js
CHANGED
|
@@ -6,14 +6,6 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var classnames = require('classnames');
|
|
8
8
|
|
|
9
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
-
|
|
11
|
-
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
12
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
13
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
14
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
16
|
-
|
|
17
9
|
var _excluded = ["icon", "style", "className", "children"];
|
|
18
10
|
var STYLES = {
|
|
19
11
|
info: "info",
|
|
@@ -29,20 +21,20 @@ var Callout = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
29
21
|
_ref$className = _ref.className,
|
|
30
22
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
31
23
|
children = _ref.children,
|
|
32
|
-
otherProps =
|
|
24
|
+
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
33
25
|
var Icon = icon;
|
|
34
|
-
return /*#__PURE__*/
|
|
26
|
+
return /*#__PURE__*/React.createElement("div", _extends({
|
|
35
27
|
ref: ref,
|
|
36
|
-
className:
|
|
28
|
+
className: classnames("neeto-ui-callout", _defineProperty({
|
|
37
29
|
"neeto-ui-callout--info": style === STYLES.info,
|
|
38
30
|
"neeto-ui-callout--warning": style === STYLES.warning,
|
|
39
31
|
"neeto-ui-callout--danger": style === STYLES.danger,
|
|
40
32
|
"neeto-ui-callout--success": style === STYLES.success
|
|
41
33
|
}, className, className))
|
|
42
|
-
}, otherProps), icon && /*#__PURE__*/
|
|
34
|
+
}, otherProps), icon && /*#__PURE__*/React.createElement("div", {
|
|
43
35
|
className: "neeto-ui-callout__icon",
|
|
44
36
|
"data-testid": "callout-icon"
|
|
45
|
-
}, /*#__PURE__*/
|
|
37
|
+
}, /*#__PURE__*/React.createElement(Icon, null)), children);
|
|
46
38
|
});
|
|
47
39
|
Callout.displayName = "Callout";
|
|
48
40
|
|
package/dist/cjs/Callout.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Callout.js","sources":["../../src/components/Callout.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst STYLES = {\n info: \"info\",\n warning: \"warning\",\n danger: \"danger\",\n success: \"success\",\n};\n\nconst Callout = forwardRef(\n (\n {\n icon = null,\n style = STYLES.info,\n className = \"\",\n children,\n ...otherProps\n },\n ref\n ) => {\n const Icon = icon;\n\n return (\n <div\n {...{ ref }}\n className={classnames(\"neeto-ui-callout\", {\n \"neeto-ui-callout--info\": style === STYLES.info,\n \"neeto-ui-callout--warning\": style === STYLES.warning,\n \"neeto-ui-callout--danger\": style === STYLES.danger,\n \"neeto-ui-callout--success\": style === STYLES.success,\n [className]: className,\n })}\n {...otherProps}\n >\n {icon && (\n <div className=\"neeto-ui-callout__icon\" data-testid=\"callout-icon\">\n <Icon />\n </div>\n )}\n {children}\n </div>\n );\n }\n);\n\nCallout.displayName = \"Callout\";\n\nCallout.propTypes = {\n /**\n * To specify the icon to be used in Callout component. By default, icons are based on the style of the Callout component. Passing false will hide the icon.\n */\n icon: PropTypes.elementType,\n /**\n * To specify the style of Callout component.\n */\n style: PropTypes.oneOf(Object.values(STYLES)),\n /**\n * To provide external classnames to Callout component.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Callout component.\n */\n children: PropTypes.node,\n};\n\nexport default Callout;\n"],"names":["STYLES","info","warning","danger","success","Callout","forwardRef","_ref","ref","_ref$icon","icon","_ref$style","style","_ref$className","className","children","otherProps","_objectWithoutProperties","_excluded","Icon","React","createElement","_extends","classnames","_defineProperty","displayName"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Callout.js","sources":["../../src/components/Callout.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst STYLES = {\n info: \"info\",\n warning: \"warning\",\n danger: \"danger\",\n success: \"success\",\n};\n\nconst Callout = forwardRef(\n (\n {\n icon = null,\n style = STYLES.info,\n className = \"\",\n children,\n ...otherProps\n },\n ref\n ) => {\n const Icon = icon;\n\n return (\n <div\n {...{ ref }}\n className={classnames(\"neeto-ui-callout\", {\n \"neeto-ui-callout--info\": style === STYLES.info,\n \"neeto-ui-callout--warning\": style === STYLES.warning,\n \"neeto-ui-callout--danger\": style === STYLES.danger,\n \"neeto-ui-callout--success\": style === STYLES.success,\n [className]: className,\n })}\n {...otherProps}\n >\n {icon && (\n <div className=\"neeto-ui-callout__icon\" data-testid=\"callout-icon\">\n <Icon />\n </div>\n )}\n {children}\n </div>\n );\n }\n);\n\nCallout.displayName = \"Callout\";\n\nCallout.propTypes = {\n /**\n * To specify the icon to be used in Callout component. By default, icons are based on the style of the Callout component. Passing false will hide the icon.\n */\n icon: PropTypes.elementType,\n /**\n * To specify the style of Callout component.\n */\n style: PropTypes.oneOf(Object.values(STYLES)),\n /**\n * To provide external classnames to Callout component.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Callout component.\n */\n children: PropTypes.node,\n};\n\nexport default Callout;\n"],"names":["STYLES","info","warning","danger","success","Callout","forwardRef","_ref","ref","_ref$icon","icon","_ref$style","style","_ref$className","className","children","otherProps","_objectWithoutProperties","_excluded","Icon","React","createElement","_extends","classnames","_defineProperty","displayName"],"mappings":";;;;;;;;;AAKA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,OAAO,EAAE,SAAA;AACX,CAAC,CAAA;AAEKC,IAAAA,OAAO,gBAAGC,gBAAU,CACxB,UAAAC,IAAA,EAQEC,GAAG,EACA;AAAA,EAAA,IAAAC,SAAA,GAAAF,IAAA,CAPDG,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAAE,UAAA,GAAAJ,IAAA,CACXK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,KAAA,CAAA,GAAGX,MAAM,CAACC,IAAI,GAAAU,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACnBO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IACdE,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;AACLC,IAAAA,UAAU,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;EAIf,IAAMC,IAAI,GAAGT,IAAI,CAAA;AAEjB,EAAA,oBACEU,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACQd,IAAAA,GAAG,EAAHA,GAAG;AACTM,IAAAA,SAAS,EAAES,UAAU,CAAC,kBAAkB,EAAAC,eAAA,CAAA;AACtC,MAAA,wBAAwB,EAAEZ,KAAK,KAAKZ,MAAM,CAACC,IAAI;AAC/C,MAAA,2BAA2B,EAAEW,KAAK,KAAKZ,MAAM,CAACE,OAAO;AACrD,MAAA,0BAA0B,EAAEU,KAAK,KAAKZ,MAAM,CAACG,MAAM;AACnD,MAAA,2BAA2B,EAAES,KAAK,KAAKZ,MAAM,CAACI,OAAAA;KAC7CU,EAAAA,SAAS,EAAGA,SAAS,CAAA,CAAA;AACrB,GAAA,EACCE,UAAU,CAEbN,EAAAA,IAAI,iBACHU,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAC,wBAAwB;IAAC,aAAY,EAAA,cAAA;GAClDM,eAAAA,KAAA,CAAAC,aAAA,CAACF,IAAI,EAAG,IAAA,CAAA,CAEX,EACAJ,QAAQ,CACL,CAAA;AAEV,CAAC,EACF;AAEDV,OAAO,CAACoB,WAAW,GAAG,SAAS;;;;"}
|
package/dist/cjs/Checkbox.js
CHANGED
|
@@ -4,25 +4,26 @@ var _extends = require('@babel/runtime/helpers/extends');
|
|
|
4
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var classnames = require('classnames');
|
|
7
|
-
var useId = require('./useId-
|
|
7
|
+
var useId = require('./useId-DXHUzdxd.js');
|
|
8
8
|
require('@babel/runtime/helpers/slicedToArray');
|
|
9
9
|
require('react-router-dom');
|
|
10
10
|
require('@bigbinary/neeto-hotkeys');
|
|
11
11
|
require('./overlayManager.js');
|
|
12
|
-
var index = require('./index-
|
|
12
|
+
var index = require('./index-BG9I04iF.js');
|
|
13
13
|
require('@babel/runtime/helpers/defineProperty');
|
|
14
14
|
require('qs');
|
|
15
15
|
var Label = require('./Label.js');
|
|
16
16
|
require('@babel/runtime/helpers/classCallCheck');
|
|
17
17
|
require('@babel/runtime/helpers/createClass');
|
|
18
|
+
require('@bigbinary/neeto-cist');
|
|
19
|
+
require('ramda');
|
|
20
|
+
require('./en-DhnUUSB_.js');
|
|
21
|
+
require('@babel/runtime/helpers/toConsumableArray');
|
|
18
22
|
require('dayjs');
|
|
19
23
|
require('dayjs/plugin/localeData');
|
|
20
24
|
require('dayjs/plugin/utc');
|
|
21
25
|
require('dayjs/plugin/weekday');
|
|
22
26
|
require('dayjs/plugin/weekOfYear');
|
|
23
|
-
require('@bigbinary/neeto-cist');
|
|
24
|
-
require('ramda');
|
|
25
|
-
require('./en-80d0fbff.js');
|
|
26
27
|
require('@bigbinary/neeto-icons');
|
|
27
28
|
require('./Button.js');
|
|
28
29
|
require('./Spinner.js');
|
|
@@ -32,13 +33,6 @@ require('tippy.js');
|
|
|
32
33
|
require('./Popover.js');
|
|
33
34
|
require('./Typography.js');
|
|
34
35
|
|
|
35
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
36
|
-
|
|
37
|
-
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
38
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
39
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
40
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
41
|
-
|
|
42
36
|
var _excluded = ["label", "error", "className", "required", "labelProps", "children"];
|
|
43
37
|
var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
44
38
|
var _ref$label = _ref.label,
|
|
@@ -51,15 +45,15 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
51
45
|
required = _ref$required === void 0 ? false : _ref$required,
|
|
52
46
|
labelProps = _ref.labelProps,
|
|
53
47
|
children = _ref.children,
|
|
54
|
-
otherProps =
|
|
48
|
+
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
55
49
|
var id = useId.useId(otherProps.id);
|
|
56
50
|
var errorId = "error_".concat(id);
|
|
57
51
|
var renderLabel = label || children;
|
|
58
|
-
return /*#__PURE__*/
|
|
59
|
-
className:
|
|
60
|
-
}, /*#__PURE__*/
|
|
52
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
53
|
+
className: classnames(["neeto-ui-checkbox__wrapper", className])
|
|
54
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
61
55
|
className: "neeto-ui-checkbox__container"
|
|
62
|
-
}, /*#__PURE__*/
|
|
56
|
+
}, /*#__PURE__*/React.createElement("input", _extends({
|
|
63
57
|
id: id,
|
|
64
58
|
ref: ref,
|
|
65
59
|
required: required,
|
|
@@ -68,11 +62,11 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
68
62
|
"data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-input"),
|
|
69
63
|
name: id,
|
|
70
64
|
type: "checkbox"
|
|
71
|
-
}, otherProps)), renderLabel && /*#__PURE__*/
|
|
65
|
+
}, otherProps)), renderLabel && /*#__PURE__*/React.createElement(Label, _extends({
|
|
72
66
|
required: required,
|
|
73
67
|
"data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-label"),
|
|
74
68
|
htmlFor: id
|
|
75
|
-
}, labelProps), renderLabel)), !!error && /*#__PURE__*/
|
|
69
|
+
}, labelProps), renderLabel)), !!error && /*#__PURE__*/React.createElement("p", {
|
|
76
70
|
className: "neeto-ui-input__error",
|
|
77
71
|
"data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-error"),
|
|
78
72
|
id: errorId
|
package/dist/cjs/Checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Checkbox = forwardRef(\n (\n {\n label = \"\",\n error = \"\",\n className = \"\",\n required = false,\n labelProps,\n children,\n ...otherProps\n },\n ref\n ) => {\n const id = useId(otherProps.id);\n const errorId = `error_${id}`;\n const renderLabel = label || children;\n\n return (\n <div className={classnames([\"neeto-ui-checkbox__wrapper\", className])}>\n <div className=\"neeto-ui-checkbox__container\">\n <input\n {...{ id, ref, required }}\n aria-invalid={!!error}\n className=\"neeto-ui-checkbox\"\n data-cy={`${hyphenize(renderLabel)}-checkbox-input`}\n name={id}\n type=\"checkbox\"\n {...otherProps}\n />\n {renderLabel && (\n <Label\n {...{ required }}\n data-cy={`${hyphenize(renderLabel)}-checkbox-label`}\n htmlFor={id}\n {...labelProps}\n >\n {renderLabel}\n </Label>\n )}\n </div>\n {!!error && (\n <p\n className=\"neeto-ui-input__error\"\n data-cy={`${hyphenize(renderLabel)}-checkbox-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n </div>\n );\n }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n /**\n * To specify a unique ID to the Checkbox component.\n */\n id: PropTypes.string,\n /**\n * To specify the text to be displayed next to the Checkbox.\n */\n label: PropTypes.string,\n /**\n * To specify the label props to be passed to the Label component.\n */\n labelProps: PropTypes.object,\n /**\n * To specify the error message to be shown.\n */\n error: PropTypes.string,\n /**\n * To provide external classnames to Checkbox component.\n */\n className: PropTypes.string,\n /**\n * To specify whether the Checkbox is a required field or not.\n */\n required: PropTypes.bool,\n /**\n * To specify the children label to be rendered inside the Checkbox.\n */\n children: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","_ref$label","label","_ref$error","error","_ref$className","className","_ref$required","required","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","renderLabel","React","createElement","classnames","_extends","hyphenize","name","type","Label","htmlFor","displayName"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Checkbox = forwardRef(\n (\n {\n label = \"\",\n error = \"\",\n className = \"\",\n required = false,\n labelProps,\n children,\n ...otherProps\n },\n ref\n ) => {\n const id = useId(otherProps.id);\n const errorId = `error_${id}`;\n const renderLabel = label || children;\n\n return (\n <div className={classnames([\"neeto-ui-checkbox__wrapper\", className])}>\n <div className=\"neeto-ui-checkbox__container\">\n <input\n {...{ id, ref, required }}\n aria-invalid={!!error}\n className=\"neeto-ui-checkbox\"\n data-cy={`${hyphenize(renderLabel)}-checkbox-input`}\n name={id}\n type=\"checkbox\"\n {...otherProps}\n />\n {renderLabel && (\n <Label\n {...{ required }}\n data-cy={`${hyphenize(renderLabel)}-checkbox-label`}\n htmlFor={id}\n {...labelProps}\n >\n {renderLabel}\n </Label>\n )}\n </div>\n {!!error && (\n <p\n className=\"neeto-ui-input__error\"\n data-cy={`${hyphenize(renderLabel)}-checkbox-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n </div>\n );\n }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n /**\n * To specify a unique ID to the Checkbox component.\n */\n id: PropTypes.string,\n /**\n * To specify the text to be displayed next to the Checkbox.\n */\n label: PropTypes.string,\n /**\n * To specify the label props to be passed to the Label component.\n */\n labelProps: PropTypes.object,\n /**\n * To specify the error message to be shown.\n */\n error: PropTypes.string,\n /**\n * To provide external classnames to Checkbox component.\n */\n className: PropTypes.string,\n /**\n * To specify whether the Checkbox is a required field or not.\n */\n required: PropTypes.bool,\n /**\n * To specify the children label to be rendered inside the Checkbox.\n */\n children: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","_ref$label","label","_ref$error","error","_ref$className","className","_ref$required","required","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","renderLabel","React","createElement","classnames","_extends","hyphenize","name","type","Label","htmlFor","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUMA,IAAAA,QAAQ,gBAAGC,gBAAU,CACzB,UAAAC,IAAA,EAUEC,GAAG,EACA;AAAA,EAAA,IAAAC,UAAA,GAAAF,IAAA,CATDG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,UAAA,GAAAJ,IAAA,CACVK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACVO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,aAAA,GAAAR,IAAA,CACdS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAChBE,UAAU,GAAAV,IAAA,CAAVU,UAAU;IACVC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AACLC,IAAAA,UAAU,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA,CAAA;AAIf,EAAA,IAAMC,EAAE,GAAGC,WAAK,CAACJ,UAAU,CAACG,EAAE,CAAC,CAAA;AAC/B,EAAA,IAAME,OAAO,GAAA,QAAA,CAAAC,MAAA,CAAYH,EAAE,CAAE,CAAA;AAC7B,EAAA,IAAMI,WAAW,GAAGhB,KAAK,IAAIQ,QAAQ,CAAA;EAErC,oBACES,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAEe,UAAU,CAAC,CAAC,4BAA4B,EAAEf,SAAS,CAAC,CAAA;GAClEa,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAC,8BAAA;AAA8B,GAAA,eAC3Ca,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAAE,QAAA,CAAA;AACQR,IAAAA,EAAE,EAAFA,EAAE;AAAEd,IAAAA,GAAG,EAAHA,GAAG;AAAEQ,IAAAA,QAAQ,EAARA,QAAQ;IACvB,cAAc,EAAA,CAAC,CAACJ,KAAM;AACtBE,IAAAA,SAAS,EAAC,mBAAmB;AAC7B,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDM,IAAAA,IAAI,EAAEV,EAAG;AACTW,IAAAA,IAAI,EAAC,UAAA;GACDd,EAAAA,UAAU,CACd,CAAA,EACDO,WAAW,iBACVC,KAAA,CAAAC,aAAA,CAACM,KAAK,EAAAJ,QAAA,CAAA;AACEd,IAAAA,QAAQ,EAARA,QAAQ;AACd,IAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDS,IAAAA,OAAO,EAAEb,EAAAA;AAAG,GAAA,EACRL,UAAU,CAAA,EAEbS,WAAW,CAEf,CACG,EACL,CAAC,CAACd,KAAK,iBACNe,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEd,IAAAA,SAAS,EAAC,uBAAuB;AACjC,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDJ,IAAAA,EAAE,EAAEE,OAAAA;GAEHZ,EAAAA,KAAK,CAET,CACG,CAAA;AAEV,CAAC,EACF;AAEDP,QAAQ,CAAC+B,WAAW,GAAG,UAAU;;;;"}
|