@bigbinary/neetoui 8.3.0-beta2 → 8.3.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/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 +96 -58
- 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 +124 -97
- 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/Dropdown.js
CHANGED
|
@@ -10,7 +10,7 @@ var classnames = require('classnames');
|
|
|
10
10
|
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
11
11
|
var ramda = require('ramda');
|
|
12
12
|
var Button = require('./Button.js');
|
|
13
|
-
var index = require('./index-
|
|
13
|
+
var index = require('./index-BG9I04iF.js');
|
|
14
14
|
var neetoCist = require('@bigbinary/neeto-cist');
|
|
15
15
|
var Tooltip = require('./Tooltip.js');
|
|
16
16
|
var reactRouterDom = require('react-router-dom');
|
|
@@ -18,26 +18,17 @@ require('./Spinner.js');
|
|
|
18
18
|
require('tippy.js');
|
|
19
19
|
require('@babel/runtime/helpers/classCallCheck');
|
|
20
20
|
require('@babel/runtime/helpers/createClass');
|
|
21
|
+
require('qs');
|
|
22
|
+
require('./en-DhnUUSB_.js');
|
|
23
|
+
require('@babel/runtime/helpers/toConsumableArray');
|
|
21
24
|
require('dayjs');
|
|
22
25
|
require('dayjs/plugin/localeData');
|
|
23
26
|
require('dayjs/plugin/utc');
|
|
24
27
|
require('dayjs/plugin/weekday');
|
|
25
28
|
require('dayjs/plugin/weekOfYear');
|
|
26
|
-
require('qs');
|
|
27
|
-
require('./en-80d0fbff.js');
|
|
28
|
-
|
|
29
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
30
|
-
|
|
31
|
-
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
32
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
33
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
34
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
35
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
36
|
-
var Tippy__default = /*#__PURE__*/_interopDefaultLegacy(Tippy);
|
|
37
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
38
29
|
|
|
39
30
|
var Divider = function Divider(props) {
|
|
40
|
-
return /*#__PURE__*/
|
|
31
|
+
return /*#__PURE__*/React.createElement("li", _extends({
|
|
41
32
|
className: "neeto-ui-dropdown__popup-divider"
|
|
42
33
|
}, props));
|
|
43
34
|
};
|
|
@@ -46,9 +37,9 @@ var _excluded$3 = ["children", "className"];
|
|
|
46
37
|
var Menu = function Menu(_ref) {
|
|
47
38
|
var children = _ref.children,
|
|
48
39
|
className = _ref.className,
|
|
49
|
-
otherProps =
|
|
50
|
-
return /*#__PURE__*/
|
|
51
|
-
className:
|
|
40
|
+
otherProps = _objectWithoutProperties(_ref, _excluded$3);
|
|
41
|
+
return /*#__PURE__*/React.createElement("ul", _extends({
|
|
42
|
+
className: classnames("neeto-ui-dropdown__popup-menu", className)
|
|
52
43
|
}, otherProps), children);
|
|
53
44
|
};
|
|
54
45
|
|
|
@@ -57,21 +48,21 @@ var MenuItem = function MenuItem(_ref) {
|
|
|
57
48
|
var children = _ref.children,
|
|
58
49
|
className = _ref.className,
|
|
59
50
|
tooltipProps = _ref.tooltipProps,
|
|
60
|
-
otherProps =
|
|
51
|
+
otherProps = _objectWithoutProperties(_ref, _excluded$2);
|
|
61
52
|
var renderMenuItem = function renderMenuItem() {
|
|
62
|
-
return /*#__PURE__*/
|
|
63
|
-
className:
|
|
53
|
+
return /*#__PURE__*/React.createElement("li", _extends({
|
|
54
|
+
className: classnames("neeto-ui-dropdown__popup-menu-item", className)
|
|
64
55
|
}, otherProps), children);
|
|
65
56
|
};
|
|
66
57
|
if (neetoCist.isPresent(tooltipProps)) {
|
|
67
|
-
return /*#__PURE__*/
|
|
58
|
+
return /*#__PURE__*/React.createElement(Tooltip, tooltipProps, renderMenuItem());
|
|
68
59
|
}
|
|
69
60
|
return renderMenuItem();
|
|
70
61
|
};
|
|
71
62
|
|
|
72
63
|
var _excluded$1 = ["children", "className", "isActive", "isDisabled", "style", "prefix", "suffix", "type", "to", "href", "tooltipProps"];
|
|
73
64
|
function ownKeys$1(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; }
|
|
74
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) {
|
|
65
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
75
66
|
var ITEM_BTN_STYLES = {
|
|
76
67
|
"default": "default",
|
|
77
68
|
danger: "danger"
|
|
@@ -97,7 +88,7 @@ var MenuItemButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
97
88
|
_ref$href = _ref.href,
|
|
98
89
|
href = _ref$href === void 0 ? "" : _ref$href,
|
|
99
90
|
tooltipProps = _ref.tooltipProps,
|
|
100
|
-
otherProps =
|
|
91
|
+
otherProps = _objectWithoutProperties(_ref, _excluded$1);
|
|
101
92
|
var Parent, elementSpecificProps;
|
|
102
93
|
if (to) {
|
|
103
94
|
Parent = reactRouterDom.Link;
|
|
@@ -115,20 +106,20 @@ var MenuItemButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
115
106
|
type: type
|
|
116
107
|
};
|
|
117
108
|
}
|
|
118
|
-
return /*#__PURE__*/
|
|
109
|
+
return /*#__PURE__*/React.createElement(MenuItem, {
|
|
119
110
|
tooltipProps: tooltipProps
|
|
120
|
-
}, /*#__PURE__*/
|
|
111
|
+
}, /*#__PURE__*/React.createElement(Parent, _extends({
|
|
121
112
|
disabled: isDisabled,
|
|
122
|
-
className:
|
|
113
|
+
className: classnames("neeto-ui-dropdown__popup-menu-item-btn", className, {
|
|
123
114
|
"neeto-ui-dropdown__popup-menu-item-btn--active": isActive,
|
|
124
115
|
"neeto-ui-dropdown__popup-menu-item-btn--disabled": isDisabled,
|
|
125
116
|
"neeto-ui-dropdown__popup-menu-item-btn--style-danger": style === ITEM_BTN_STYLES.danger
|
|
126
117
|
})
|
|
127
118
|
}, _objectSpread$1(_objectSpread$1({
|
|
128
119
|
ref: ref
|
|
129
|
-
}, otherProps), elementSpecificProps)), prefix && /*#__PURE__*/
|
|
120
|
+
}, otherProps), elementSpecificProps)), prefix && /*#__PURE__*/React.createElement("div", {
|
|
130
121
|
className: "neeto-ui-dropdown__popup-menu-item-btn__prefix"
|
|
131
|
-
}, prefix), children, suffix && /*#__PURE__*/
|
|
122
|
+
}, prefix), children, suffix && /*#__PURE__*/React.createElement("div", {
|
|
132
123
|
className: "neeto-ui-dropdown__popup-menu-item-btn__suffix"
|
|
133
124
|
}, suffix)));
|
|
134
125
|
});
|
|
@@ -140,7 +131,7 @@ var _excluded = ["style", "size"],
|
|
|
140
131
|
_excluded2 = ["icon", "label", "isOpen", "onClose", "dropdownProps", "position", "children", "className", "buttonStyle", "buttonSize", "buttonProps", "customTarget", "disabled", "closeOnEsc", "closeOnSelect", "closeOnOutsideClick", "dropdownModifiers", "trigger", "strategy", "onClick"],
|
|
141
132
|
_excluded3 = ["classNames", "className"];
|
|
142
133
|
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; }
|
|
143
|
-
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) {
|
|
134
|
+
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; }
|
|
144
135
|
var BTN_STYLES = {
|
|
145
136
|
primary: "primary",
|
|
146
137
|
secondary: "secondary",
|
|
@@ -223,7 +214,7 @@ var Dropdown = function Dropdown(_ref2) {
|
|
|
223
214
|
_ref2$buttonProps2 = _ref2$buttonProps === void 0 ? {} : _ref2$buttonProps,
|
|
224
215
|
style = _ref2$buttonProps2.style,
|
|
225
216
|
size = _ref2$buttonProps2.size,
|
|
226
|
-
buttonProps =
|
|
217
|
+
buttonProps = _objectWithoutProperties(_ref2$buttonProps2, _excluded),
|
|
227
218
|
customTarget = _ref2.customTarget,
|
|
228
219
|
_ref2$disabled = _ref2.disabled,
|
|
229
220
|
disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
|
|
@@ -240,13 +231,13 @@ var Dropdown = function Dropdown(_ref2) {
|
|
|
240
231
|
_ref2$strategy = _ref2.strategy,
|
|
241
232
|
strategy = _ref2$strategy === void 0 ? STRATEGY.absolute : _ref2$strategy,
|
|
242
233
|
onClick = _ref2.onClick,
|
|
243
|
-
otherProps =
|
|
234
|
+
otherProps = _objectWithoutProperties(_ref2, _excluded2);
|
|
244
235
|
var _useState = React.useState(null),
|
|
245
|
-
_useState2 =
|
|
236
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
246
237
|
instance = _useState2[0],
|
|
247
238
|
setInstance = _useState2[1];
|
|
248
239
|
var _useState3 = React.useState(false),
|
|
249
|
-
_useState4 =
|
|
240
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
250
241
|
mounted = _useState4[0],
|
|
251
242
|
setMounted = _useState4[1];
|
|
252
243
|
var isControlled = !ramda.isNil(isOpen);
|
|
@@ -259,11 +250,11 @@ var Dropdown = function Dropdown(_ref2) {
|
|
|
259
250
|
};
|
|
260
251
|
var dropdownClassnames = dropdownProps.classNames,
|
|
261
252
|
dropdownClassName = dropdownProps.className,
|
|
262
|
-
otherDropdownProps =
|
|
253
|
+
otherDropdownProps = _objectWithoutProperties(dropdownProps, _excluded3);
|
|
263
254
|
var close = function close() {
|
|
264
255
|
return instance.hide();
|
|
265
256
|
};
|
|
266
|
-
return /*#__PURE__*/
|
|
257
|
+
return /*#__PURE__*/React.createElement(Tippy, _extends({
|
|
267
258
|
interactive: true,
|
|
268
259
|
animation: false,
|
|
269
260
|
arrow: false,
|
|
@@ -283,10 +274,10 @@ var Dropdown = function Dropdown(_ref2) {
|
|
|
283
274
|
role: "dropdown",
|
|
284
275
|
theme: "light",
|
|
285
276
|
trigger: isControlled ? undefined : TRIGGERS[trigger],
|
|
286
|
-
className:
|
|
287
|
-
content: mounted ? /*#__PURE__*/
|
|
277
|
+
className: classnames("neeto-ui-dropdown", _defineProperty({}, className, className)),
|
|
278
|
+
content: mounted ? /*#__PURE__*/React.createElement("div", _extends({
|
|
288
279
|
"data-cy": "".concat(index.hyphenize(label), "-dropdown-container"),
|
|
289
|
-
className:
|
|
280
|
+
className: classnames("neeto-ui-dropdown__popup", _defineProperty(_defineProperty({}, dropdownClassName, dropdownClassName), dropdownClassnames, dropdownClassnames)),
|
|
290
281
|
onClick: closeOnSelect ? close : index.noop
|
|
291
282
|
}, otherDropdownProps), children) : null,
|
|
292
283
|
onCreate: function onCreate(instance) {
|
|
@@ -302,12 +293,12 @@ var Dropdown = function Dropdown(_ref2) {
|
|
|
302
293
|
}, _objectSpread(_objectSpread({
|
|
303
294
|
disabled: disabled,
|
|
304
295
|
plugins: plugins
|
|
305
|
-
}, otherProps), controlledProps)), customTarget ? /*#__PURE__*/
|
|
296
|
+
}, otherProps), controlledProps)), customTarget ? /*#__PURE__*/React.createElement("span", {
|
|
306
297
|
onClick: onClick,
|
|
307
|
-
className:
|
|
298
|
+
className: classnames({
|
|
308
299
|
"neeto-ui-cursor-not-allowed": disabled
|
|
309
300
|
})
|
|
310
|
-
}, typeof customTarget === "function" ? customTarget() : customTarget) : /*#__PURE__*/
|
|
301
|
+
}, typeof customTarget === "function" ? customTarget() : customTarget) : /*#__PURE__*/React.createElement(Button, _extends({
|
|
311
302
|
label: label,
|
|
312
303
|
onClick: onClick,
|
|
313
304
|
"data-cy": "".concat(index.hyphenize(label), "-dropdown-icon"),
|
package/dist/cjs/Dropdown.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sources":["../../src/components/Dropdown/Divider.jsx","../../src/components/Dropdown/Menu.jsx","../../src/components/Dropdown/MenuItem/MenuItem.jsx","../../src/components/Dropdown/MenuItem/MenuItemButton.jsx","../../src/components/Dropdown/MenuItem/index.js","../../src/components/Dropdown/index.jsx"],"sourcesContent":["import React from \"react\";\n\nconst Divider = props => (\n <li className=\"neeto-ui-dropdown__popup-divider\" {...props} />\n);\n\nexport default Divider;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Menu = ({ children, className, ...otherProps }) => (\n <ul\n className={classnames(\"neeto-ui-dropdown__popup-menu\", className)}\n {...otherProps}\n >\n {children}\n </ul>\n);\n\nMenu.propTypes = {\n /**\n * To specify className to be applied to the Menu.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Menu.\n */\n children: PropTypes.node,\n};\n\nexport default Menu;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport Tooltip from \"components/Tooltip\";\n\nconst MenuItem = ({ children, className, tooltipProps, ...otherProps }) => {\n const renderMenuItem = () => (\n <li\n className={classnames(\"neeto-ui-dropdown__popup-menu-item\", className)}\n {...otherProps}\n >\n {children}\n </li>\n );\n\n if (isPresent(tooltipProps)) {\n return <Tooltip {...tooltipProps}>{renderMenuItem()}</Tooltip>;\n }\n\n return renderMenuItem();\n};\n\nMenuItem.propTypes = {\n /**\n * To specify className to be applied to the MenuItem.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the MenuItem.\n */\n children: PropTypes.node,\n /**\n * To specify the active state of the MenuItem.\n */\n isActive: PropTypes.bool,\n /**\n * To specify the props to be passed to the tooltip.\n */\n tooltipProps: PropTypes.object,\n};\n\nexport default MenuItem;\n","import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport MenuItem from \"./MenuItem\";\n\nconst ITEM_BTN_STYLES = { default: \"default\", danger: \"danger\" };\n\nconst BUTTON_TYPES = { button: \"button\", reset: \"reset\", submit: \"submit\" };\n\nconst MenuItemButton = forwardRef(\n (\n {\n children,\n className,\n isActive,\n isDisabled,\n style = ITEM_BTN_STYLES.default,\n prefix,\n suffix,\n type = BUTTON_TYPES.button,\n to = \"\",\n href = \"\",\n tooltipProps,\n ...otherProps\n },\n ref\n ) => {\n let Parent, elementSpecificProps;\n if (to) {\n Parent = Link;\n elementSpecificProps = { to };\n } else if (href) {\n Parent = \"a\";\n elementSpecificProps = { href };\n } else {\n Parent = \"button\";\n elementSpecificProps = { type };\n }\n\n return (\n <MenuItem {...{ tooltipProps }}>\n <Parent\n disabled={isDisabled}\n className={classnames(\n \"neeto-ui-dropdown__popup-menu-item-btn\",\n className,\n {\n \"neeto-ui-dropdown__popup-menu-item-btn--active\": isActive,\n \"neeto-ui-dropdown__popup-menu-item-btn--disabled\": isDisabled,\n \"neeto-ui-dropdown__popup-menu-item-btn--style-danger\":\n style === ITEM_BTN_STYLES.danger,\n }\n )}\n {...{ ref, ...otherProps, ...elementSpecificProps }}\n >\n {prefix && (\n <div className=\"neeto-ui-dropdown__popup-menu-item-btn__prefix\">\n {prefix}\n </div>\n )}\n {children}\n {suffix && (\n <div className=\"neeto-ui-dropdown__popup-menu-item-btn__suffix\">\n {suffix}\n </div>\n )}\n </Parent>\n </MenuItem>\n );\n }\n);\n\nMenuItemButton.displayName = \"MenuItemButton\";\n\nMenuItemButton.propTypes = {\n /**\n * To specify className to be applied to the MenuItem.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the MenuItem.\n */\n children: PropTypes.node,\n /**\n * To specify the active state of the MenuItem.\n */\n isActive: PropTypes.bool,\n /**\n * To specify whether the MenuItem is disabled.\n */\n isDisabled: PropTypes.bool,\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 content to be added at the end of the input field.\n */\n suffix: PropTypes.node,\n /**\n * To specify the content to be added at the beginning of the input field.\n */\n prefix: PropTypes.node,\n /**\n * To specify the type of button.\n */\n type: PropTypes.oneOf(Object.values(BUTTON_TYPES)),\n /**\n * To specify the style of button.\n */\n style: PropTypes.oneOf(Object.values(ITEM_BTN_STYLES)),\n /**\n * To specify the props to be passed to the tooltip.\n */\n tooltipProps: PropTypes.object,\n};\n\nexport default MenuItemButton;\n","import MenuItem from \"./MenuItem\";\nimport MenuItemButton from \"./MenuItemButton\";\n\nMenuItem.Button = MenuItemButton;\n\nexport default MenuItem;\n","import React, { useState } from \"react\";\n\nimport Tippy from \"@tippyjs/react\";\nimport classnames from \"classnames\";\nimport { Down } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { isNil } from \"ramda\";\n\nimport Button from \"components/Button\";\nimport { hyphenize, noop } from \"utils\";\n\nimport Divider from \"./Divider\";\nimport Menu from \"./Menu\";\nimport MenuItem from \"./MenuItem\";\n\nconst BTN_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};\n\nconst BTN_SIZES = {\n small: \"small\",\n medium: \"medium\",\n large: \"large\",\n};\n\nconst STRATEGY = { absolute: \"absolute\", fixed: \"fixed\" };\n\nconst PLACEMENT = {\n auto: \"auto\",\n autoStart: \"auto-start\",\n autoEnd: \"auto-end\",\n top: \"top\",\n topStart: \"top-start\",\n topEnd: \"top-end\",\n bottom: \"bottom\",\n bottomStart: \"bottom-start\",\n bottomEnd: \"bottom-end\",\n right: \"right\",\n rightStart: \"right-start\",\n rightEnd: \"right-end\",\n left: \"left\",\n leftStart: \"left-start\",\n leftEnd: \"left-end\",\n};\n\nconst TRIGGERS = {\n click: \"click\",\n hover: \"mouseenter focus\",\n all: \"mouseenter focus click\",\n manual: \"manual\",\n};\n\nconst hideOnEsc = {\n name: \"hideOnEsc\",\n defaultValue: true,\n fn({ hide, props: { hideOnEsc } }) {\n function onKeyDown(event) {\n if (event.key?.toLowerCase() === \"escape\" && hideOnEsc) hide();\n }\n\n return {\n onShow() {\n document.addEventListener(\"keydown\", onKeyDown);\n },\n onHide() {\n document.removeEventListener(\"keydown\", onKeyDown);\n },\n };\n },\n};\n\nconst plugins = [hideOnEsc];\n\nconst Dropdown = ({\n icon,\n label,\n isOpen,\n onClose = noop,\n dropdownProps = {},\n position = PLACEMENT.bottomEnd,\n children,\n className,\n buttonStyle = BTN_STYLES.primary,\n buttonSize = BTN_SIZES.medium,\n buttonProps: { style, size, ...buttonProps } = {},\n customTarget,\n disabled = false,\n closeOnEsc = true,\n closeOnSelect = true,\n closeOnOutsideClick = true,\n dropdownModifiers = [],\n trigger = TRIGGERS.click,\n strategy = STRATEGY.absolute,\n onClick,\n ...otherProps\n}) => {\n const [instance, setInstance] = useState(null);\n const [mounted, setMounted] = useState(false);\n\n const isControlled = !isNil(isOpen);\n\n const controlledProps = isControlled\n ? { visible: isOpen }\n : { onClickOutside: () => closeOnOutsideClick };\n\n const {\n classNames: dropdownClassnames,\n className: dropdownClassName,\n ...otherDropdownProps\n } = dropdownProps;\n\n const close = () => instance.hide();\n\n return (\n <Tippy\n interactive\n animation={false}\n arrow={false}\n duration={0}\n // hideOnClick determines whether the dropdown should be hidden when the user clicks outside of the dropdown.\n // https://atomiks.github.io/tippyjs/v6/all-props/#hideonclick\n hideOnClick={isControlled ? undefined : closeOnOutsideClick || \"toggle\"}\n hideOnEsc={closeOnEsc}\n maxWidth=\"none\"\n offset={0}\n placement={position || PLACEMENT.bottomEnd}\n popperOptions={{ strategy, modifiers: dropdownModifiers }}\n role=\"dropdown\"\n theme=\"light\"\n trigger={isControlled ? undefined : TRIGGERS[trigger]}\n className={classnames(\"neeto-ui-dropdown\", {\n [className]: className,\n })}\n content={\n mounted ? (\n <div\n data-cy={`${hyphenize(label)}-dropdown-container`}\n className={classnames(\"neeto-ui-dropdown__popup\", {\n [dropdownClassName]: dropdownClassName,\n [dropdownClassnames]: dropdownClassnames,\n })}\n onClick={closeOnSelect ? close : noop}\n {...otherDropdownProps}\n >\n {children}\n </div>\n ) : null\n }\n onCreate={instance => instance && setInstance(instance)}\n onMount={() => setMounted(true)}\n onHidden={() => {\n onClose();\n setMounted(false);\n }}\n {...{ disabled, plugins, ...otherProps, ...controlledProps }}\n >\n {customTarget ? (\n <span\n {...{ onClick }}\n className={classnames({ \"neeto-ui-cursor-not-allowed\": disabled })}\n >\n {typeof customTarget === \"function\" ? customTarget() : customTarget}\n </span>\n ) : (\n <Button\n {...{ label, onClick }}\n data-cy={`${hyphenize(label)}-dropdown-icon`}\n disabled={disabled || buttonProps?.disabled}\n icon={icon || Down}\n iconPosition=\"right\"\n size={size ?? buttonSize}\n style={style ?? buttonStyle}\n {...buttonProps}\n />\n )}\n </Tippy>\n );\n};\n\nDropdown.Menu = Menu;\nDropdown.MenuItem = MenuItem;\nDropdown.Divider = Divider;\n\nDropdown.propTypes = {\n /**\n * To specify the icon to be rendered in the Dropdown target.\n */\n icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n /**\n * To specify the label for Dropdown target button.\n */\n label: PropTypes.string,\n /**\n * To specify whether the Dropdown is open or not.\n */\n isOpen: PropTypes.bool,\n /**\n * To specify the action to be triggered on closing the Dropdown.\n */\n onClose: PropTypes.func,\n /**\n * To specify the triggering action for Dropdown.\n */\n trigger: PropTypes.oneOf(Object.keys(TRIGGERS)),\n /**\n * To specify the positioning strategy to use. By default, it is absolute, which in the simplest cases does not require repositioning of the Dropdown.\n *\n * If your reference element is in a fixed container, use the fixed strategy\n */\n strategy: PropTypes.oneOf(Object.values(STRATEGY)),\n /**\n * To specify the classes to be passed to the Dropdown menu.\n */\n dropdownProps: PropTypes.object,\n /**\n * To specify the position of the Dropdown menu.\n */\n position: PropTypes.oneOf(Object.values(PLACEMENT)),\n /**\n * To specify the content to be rendered inside the Dropdown.\n */\n children: PropTypes.node,\n /**\n * To specify whether the Dropdown menu width needs to be set to auto or not.\n */\n autoWidth: PropTypes.bool,\n /**\n * To provide external classnames to Dropdown target wrapper.\n */\n className: PropTypes.string,\n /**\n * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n * New\n * </div>\n * To specify the size of the button to be rendered as the Dropdown target.\n */\n buttonSize: PropTypes.oneOf(Object.values(BTN_SIZES)),\n /**\n * To specify the style of the button to be rendered as the Dropdown target.\n */\n buttonStyle: PropTypes.oneOf(Object.values(BTN_STYLES)),\n /**\n * To specify the props to be passed to the Dropdown target button.\n */\n buttonProps: PropTypes.object,\n /**\n * To provide a custom target to be rendered instead of the default button target.\n */\n customTarget: PropTypes.node,\n /**\n * To specify whether the Dropdown is disabled or not.\n */\n disabled: PropTypes.bool,\n /**\n * To specify whether the Dropdown should close on pressing esc key.\n */\n closeOnEsc: PropTypes.bool,\n /**\n * To specify whether the Dropdown should close on selecting an option.\n */\n closeOnSelect: PropTypes.bool,\n /**\n * To specify whether the Dropdown should close on clicking outside the Dropdown content. (will not have any effect if the component is controlled.)\n */\n closeOnOutsideClick: PropTypes.bool,\n /**\n * To provide custom modifiers to Dropdown component.\n */\n dropdownModifiers: PropTypes.array,\n /**\n * To specify whether the Dropdown should be multilevel.\n */\n isMultiLevel: PropTypes.bool,\n /**\n * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n * Removed\n * </div>\n * _Use `dropdownProps` props instead._\n *\n */\n ulProps: PropTypes.object,\n /**\n * To specify the action that should be triggered when clicking outside of the controlled dropdown component.\n */\n onClickOutside: PropTypes.func,\n};\n\nexport default Dropdown;\n"],"names":["Divider","props","React","createElement","_extends","className","Menu","_ref","children","otherProps","_objectWithoutProperties","_excluded","classnames","MenuItem","tooltipProps","renderMenuItem","isPresent","Tooltip","ITEM_BTN_STYLES","danger","BUTTON_TYPES","button","reset","submit","MenuItemButton","forwardRef","ref","isActive","isDisabled","_ref$style","style","prefix","suffix","_ref$type","type","_ref$to","to","_ref$href","href","Parent","elementSpecificProps","Link","disabled","_objectSpread","displayName","Button","BTN_STYLES","primary","secondary","tertiary","danger_text","text","link","BTN_SIZES","small","medium","large","STRATEGY","absolute","fixed","PLACEMENT","auto","autoStart","autoEnd","top","topStart","topEnd","bottom","bottomStart","bottomEnd","right","rightStart","rightEnd","left","leftStart","leftEnd","TRIGGERS","click","hover","all","manual","hideOnEsc","name","defaultValue","fn","hide","onKeyDown","event","_event$key","key","toLowerCase","onShow","document","addEventListener","onHide","removeEventListener","plugins","Dropdown","_ref2","icon","label","isOpen","_ref2$onClose","onClose","noop","_ref2$dropdownProps","dropdownProps","_ref2$position","position","_ref2$buttonStyle","buttonStyle","_ref2$buttonSize","buttonSize","_ref2$buttonProps","buttonProps","_ref2$buttonProps2","size","customTarget","_ref2$disabled","_ref2$closeOnEsc","closeOnEsc","_ref2$closeOnSelect","closeOnSelect","_ref2$closeOnOutsideC","closeOnOutsideClick","_ref2$dropdownModifie","dropdownModifiers","_ref2$trigger","trigger","_ref2$strategy","strategy","onClick","_excluded2","_useState","useState","_useState2","_slicedToArray","instance","setInstance","_useState3","_useState4","mounted","setMounted","isControlled","isNil","controlledProps","visible","onClickOutside","dropdownClassnames","classNames","dropdownClassName","otherDropdownProps","_excluded3","close","Tippy","interactive","animation","arrow","duration","hideOnClick","undefined","maxWidth","offset","placement","popperOptions","modifiers","role","theme","_defineProperty","content","concat","hyphenize","onCreate","onMount","onHidden","Down","iconPosition"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sources":["../../src/components/Dropdown/Divider.jsx","../../src/components/Dropdown/Menu.jsx","../../src/components/Dropdown/MenuItem/MenuItem.jsx","../../src/components/Dropdown/MenuItem/MenuItemButton.jsx","../../src/components/Dropdown/MenuItem/index.js","../../src/components/Dropdown/index.jsx"],"sourcesContent":["import React from \"react\";\n\nconst Divider = props => (\n <li className=\"neeto-ui-dropdown__popup-divider\" {...props} />\n);\n\nexport default Divider;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Menu = ({ children, className, ...otherProps }) => (\n <ul\n className={classnames(\"neeto-ui-dropdown__popup-menu\", className)}\n {...otherProps}\n >\n {children}\n </ul>\n);\n\nMenu.propTypes = {\n /**\n * To specify className to be applied to the Menu.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Menu.\n */\n children: PropTypes.node,\n};\n\nexport default Menu;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport Tooltip from \"components/Tooltip\";\n\nconst MenuItem = ({ children, className, tooltipProps, ...otherProps }) => {\n const renderMenuItem = () => (\n <li\n className={classnames(\"neeto-ui-dropdown__popup-menu-item\", className)}\n {...otherProps}\n >\n {children}\n </li>\n );\n\n if (isPresent(tooltipProps)) {\n return <Tooltip {...tooltipProps}>{renderMenuItem()}</Tooltip>;\n }\n\n return renderMenuItem();\n};\n\nMenuItem.propTypes = {\n /**\n * To specify className to be applied to the MenuItem.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the MenuItem.\n */\n children: PropTypes.node,\n /**\n * To specify the active state of the MenuItem.\n */\n isActive: PropTypes.bool,\n /**\n * To specify the props to be passed to the tooltip.\n */\n tooltipProps: PropTypes.object,\n};\n\nexport default MenuItem;\n","import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport MenuItem from \"./MenuItem\";\n\nconst ITEM_BTN_STYLES = { default: \"default\", danger: \"danger\" };\n\nconst BUTTON_TYPES = { button: \"button\", reset: \"reset\", submit: \"submit\" };\n\nconst MenuItemButton = forwardRef(\n (\n {\n children,\n className,\n isActive,\n isDisabled,\n style = ITEM_BTN_STYLES.default,\n prefix,\n suffix,\n type = BUTTON_TYPES.button,\n to = \"\",\n href = \"\",\n tooltipProps,\n ...otherProps\n },\n ref\n ) => {\n let Parent, elementSpecificProps;\n if (to) {\n Parent = Link;\n elementSpecificProps = { to };\n } else if (href) {\n Parent = \"a\";\n elementSpecificProps = { href };\n } else {\n Parent = \"button\";\n elementSpecificProps = { type };\n }\n\n return (\n <MenuItem {...{ tooltipProps }}>\n <Parent\n disabled={isDisabled}\n className={classnames(\n \"neeto-ui-dropdown__popup-menu-item-btn\",\n className,\n {\n \"neeto-ui-dropdown__popup-menu-item-btn--active\": isActive,\n \"neeto-ui-dropdown__popup-menu-item-btn--disabled\": isDisabled,\n \"neeto-ui-dropdown__popup-menu-item-btn--style-danger\":\n style === ITEM_BTN_STYLES.danger,\n }\n )}\n {...{ ref, ...otherProps, ...elementSpecificProps }}\n >\n {prefix && (\n <div className=\"neeto-ui-dropdown__popup-menu-item-btn__prefix\">\n {prefix}\n </div>\n )}\n {children}\n {suffix && (\n <div className=\"neeto-ui-dropdown__popup-menu-item-btn__suffix\">\n {suffix}\n </div>\n )}\n </Parent>\n </MenuItem>\n );\n }\n);\n\nMenuItemButton.displayName = \"MenuItemButton\";\n\nMenuItemButton.propTypes = {\n /**\n * To specify className to be applied to the MenuItem.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the MenuItem.\n */\n children: PropTypes.node,\n /**\n * To specify the active state of the MenuItem.\n */\n isActive: PropTypes.bool,\n /**\n * To specify whether the MenuItem is disabled.\n */\n isDisabled: PropTypes.bool,\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 content to be added at the end of the input field.\n */\n suffix: PropTypes.node,\n /**\n * To specify the content to be added at the beginning of the input field.\n */\n prefix: PropTypes.node,\n /**\n * To specify the type of button.\n */\n type: PropTypes.oneOf(Object.values(BUTTON_TYPES)),\n /**\n * To specify the style of button.\n */\n style: PropTypes.oneOf(Object.values(ITEM_BTN_STYLES)),\n /**\n * To specify the props to be passed to the tooltip.\n */\n tooltipProps: PropTypes.object,\n};\n\nexport default MenuItemButton;\n","import MenuItem from \"./MenuItem\";\nimport MenuItemButton from \"./MenuItemButton\";\n\nMenuItem.Button = MenuItemButton;\n\nexport default MenuItem;\n","import React, { useState } from \"react\";\n\nimport Tippy from \"@tippyjs/react\";\nimport classnames from \"classnames\";\nimport { Down } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { isNil } from \"ramda\";\n\nimport Button from \"components/Button\";\nimport { hyphenize, noop } from \"utils\";\n\nimport Divider from \"./Divider\";\nimport Menu from \"./Menu\";\nimport MenuItem from \"./MenuItem\";\n\nconst BTN_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};\n\nconst BTN_SIZES = {\n small: \"small\",\n medium: \"medium\",\n large: \"large\",\n};\n\nconst STRATEGY = { absolute: \"absolute\", fixed: \"fixed\" };\n\nconst PLACEMENT = {\n auto: \"auto\",\n autoStart: \"auto-start\",\n autoEnd: \"auto-end\",\n top: \"top\",\n topStart: \"top-start\",\n topEnd: \"top-end\",\n bottom: \"bottom\",\n bottomStart: \"bottom-start\",\n bottomEnd: \"bottom-end\",\n right: \"right\",\n rightStart: \"right-start\",\n rightEnd: \"right-end\",\n left: \"left\",\n leftStart: \"left-start\",\n leftEnd: \"left-end\",\n};\n\nconst TRIGGERS = {\n click: \"click\",\n hover: \"mouseenter focus\",\n all: \"mouseenter focus click\",\n manual: \"manual\",\n};\n\nconst hideOnEsc = {\n name: \"hideOnEsc\",\n defaultValue: true,\n fn({ hide, props: { hideOnEsc } }) {\n function onKeyDown(event) {\n if (event.key?.toLowerCase() === \"escape\" && hideOnEsc) hide();\n }\n\n return {\n onShow() {\n document.addEventListener(\"keydown\", onKeyDown);\n },\n onHide() {\n document.removeEventListener(\"keydown\", onKeyDown);\n },\n };\n },\n};\n\nconst plugins = [hideOnEsc];\n\nconst Dropdown = ({\n icon,\n label,\n isOpen,\n onClose = noop,\n dropdownProps = {},\n position = PLACEMENT.bottomEnd,\n children,\n className,\n buttonStyle = BTN_STYLES.primary,\n buttonSize = BTN_SIZES.medium,\n buttonProps: { style, size, ...buttonProps } = {},\n customTarget,\n disabled = false,\n closeOnEsc = true,\n closeOnSelect = true,\n closeOnOutsideClick = true,\n dropdownModifiers = [],\n trigger = TRIGGERS.click,\n strategy = STRATEGY.absolute,\n onClick,\n ...otherProps\n}) => {\n const [instance, setInstance] = useState(null);\n const [mounted, setMounted] = useState(false);\n\n const isControlled = !isNil(isOpen);\n\n const controlledProps = isControlled\n ? { visible: isOpen }\n : { onClickOutside: () => closeOnOutsideClick };\n\n const {\n classNames: dropdownClassnames,\n className: dropdownClassName,\n ...otherDropdownProps\n } = dropdownProps;\n\n const close = () => instance.hide();\n\n return (\n <Tippy\n interactive\n animation={false}\n arrow={false}\n duration={0}\n // hideOnClick determines whether the dropdown should be hidden when the user clicks outside of the dropdown.\n // https://atomiks.github.io/tippyjs/v6/all-props/#hideonclick\n hideOnClick={isControlled ? undefined : closeOnOutsideClick || \"toggle\"}\n hideOnEsc={closeOnEsc}\n maxWidth=\"none\"\n offset={0}\n placement={position || PLACEMENT.bottomEnd}\n popperOptions={{ strategy, modifiers: dropdownModifiers }}\n role=\"dropdown\"\n theme=\"light\"\n trigger={isControlled ? undefined : TRIGGERS[trigger]}\n className={classnames(\"neeto-ui-dropdown\", {\n [className]: className,\n })}\n content={\n mounted ? (\n <div\n data-cy={`${hyphenize(label)}-dropdown-container`}\n className={classnames(\"neeto-ui-dropdown__popup\", {\n [dropdownClassName]: dropdownClassName,\n [dropdownClassnames]: dropdownClassnames,\n })}\n onClick={closeOnSelect ? close : noop}\n {...otherDropdownProps}\n >\n {children}\n </div>\n ) : null\n }\n onCreate={instance => instance && setInstance(instance)}\n onMount={() => setMounted(true)}\n onHidden={() => {\n onClose();\n setMounted(false);\n }}\n {...{ disabled, plugins, ...otherProps, ...controlledProps }}\n >\n {customTarget ? (\n <span\n {...{ onClick }}\n className={classnames({ \"neeto-ui-cursor-not-allowed\": disabled })}\n >\n {typeof customTarget === \"function\" ? customTarget() : customTarget}\n </span>\n ) : (\n <Button\n {...{ label, onClick }}\n data-cy={`${hyphenize(label)}-dropdown-icon`}\n disabled={disabled || buttonProps?.disabled}\n icon={icon || Down}\n iconPosition=\"right\"\n size={size ?? buttonSize}\n style={style ?? buttonStyle}\n {...buttonProps}\n />\n )}\n </Tippy>\n );\n};\n\nDropdown.Menu = Menu;\nDropdown.MenuItem = MenuItem;\nDropdown.Divider = Divider;\n\nDropdown.propTypes = {\n /**\n * To specify the icon to be rendered in the Dropdown target.\n */\n icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n /**\n * To specify the label for Dropdown target button.\n */\n label: PropTypes.string,\n /**\n * To specify whether the Dropdown is open or not.\n */\n isOpen: PropTypes.bool,\n /**\n * To specify the action to be triggered on closing the Dropdown.\n */\n onClose: PropTypes.func,\n /**\n * To specify the triggering action for Dropdown.\n */\n trigger: PropTypes.oneOf(Object.keys(TRIGGERS)),\n /**\n * To specify the positioning strategy to use. By default, it is absolute, which in the simplest cases does not require repositioning of the Dropdown.\n *\n * If your reference element is in a fixed container, use the fixed strategy\n */\n strategy: PropTypes.oneOf(Object.values(STRATEGY)),\n /**\n * To specify the classes to be passed to the Dropdown menu.\n */\n dropdownProps: PropTypes.object,\n /**\n * To specify the position of the Dropdown menu.\n */\n position: PropTypes.oneOf(Object.values(PLACEMENT)),\n /**\n * To specify the content to be rendered inside the Dropdown.\n */\n children: PropTypes.node,\n /**\n * To provide external classnames to Dropdown target wrapper.\n */\n className: PropTypes.string,\n /**\n * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n * New\n * </div>\n * To specify the size of the button to be rendered as the Dropdown target.\n */\n buttonSize: PropTypes.oneOf(Object.values(BTN_SIZES)),\n /**\n * To specify the style of the button to be rendered as the Dropdown target.\n */\n buttonStyle: PropTypes.oneOf(Object.values(BTN_STYLES)),\n /**\n * To specify the props to be passed to the Dropdown target button.\n */\n buttonProps: PropTypes.object,\n /**\n * To provide a custom target to be rendered instead of the default button target.\n */\n customTarget: PropTypes.node,\n /**\n * To specify whether the Dropdown is disabled or not.\n */\n disabled: PropTypes.bool,\n /**\n * To specify whether the Dropdown should close on pressing esc key.\n */\n closeOnEsc: PropTypes.bool,\n /**\n * To specify whether the Dropdown should close on selecting an option.\n */\n closeOnSelect: PropTypes.bool,\n /**\n * To specify whether the Dropdown should close on clicking outside the Dropdown content. (will not have any effect if the component is controlled.)\n */\n closeOnOutsideClick: PropTypes.bool,\n /**\n * To provide custom modifiers to Dropdown component.\n */\n dropdownModifiers: PropTypes.array,\n /**\n * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n * Removed\n * </div>\n * _Use `dropdownProps` props instead._\n *\n */\n ulProps: PropTypes.object,\n /**\n * To specify the action that should be triggered when clicking outside of the controlled dropdown component.\n */\n onClickOutside: PropTypes.func,\n};\n\nexport default Dropdown;\n"],"names":["Divider","props","React","createElement","_extends","className","Menu","_ref","children","otherProps","_objectWithoutProperties","_excluded","classnames","MenuItem","tooltipProps","renderMenuItem","isPresent","Tooltip","ITEM_BTN_STYLES","danger","BUTTON_TYPES","button","reset","submit","MenuItemButton","forwardRef","ref","isActive","isDisabled","_ref$style","style","prefix","suffix","_ref$type","type","_ref$to","to","_ref$href","href","Parent","elementSpecificProps","Link","disabled","_objectSpread","displayName","Button","BTN_STYLES","primary","secondary","tertiary","danger_text","text","link","BTN_SIZES","small","medium","large","STRATEGY","absolute","fixed","PLACEMENT","auto","autoStart","autoEnd","top","topStart","topEnd","bottom","bottomStart","bottomEnd","right","rightStart","rightEnd","left","leftStart","leftEnd","TRIGGERS","click","hover","all","manual","hideOnEsc","name","defaultValue","fn","hide","onKeyDown","event","_event$key","key","toLowerCase","onShow","document","addEventListener","onHide","removeEventListener","plugins","Dropdown","_ref2","icon","label","isOpen","_ref2$onClose","onClose","noop","_ref2$dropdownProps","dropdownProps","_ref2$position","position","_ref2$buttonStyle","buttonStyle","_ref2$buttonSize","buttonSize","_ref2$buttonProps","buttonProps","_ref2$buttonProps2","size","customTarget","_ref2$disabled","_ref2$closeOnEsc","closeOnEsc","_ref2$closeOnSelect","closeOnSelect","_ref2$closeOnOutsideC","closeOnOutsideClick","_ref2$dropdownModifie","dropdownModifiers","_ref2$trigger","trigger","_ref2$strategy","strategy","onClick","_excluded2","_useState","useState","_useState2","_slicedToArray","instance","setInstance","_useState3","_useState4","mounted","setMounted","isControlled","isNil","controlledProps","visible","onClickOutside","dropdownClassnames","classNames","dropdownClassName","otherDropdownProps","_excluded3","close","Tippy","interactive","animation","arrow","duration","hideOnClick","undefined","maxWidth","offset","placement","popperOptions","modifiers","role","theme","_defineProperty","content","concat","hyphenize","onCreate","onMount","onHidden","Down","iconPosition"],"mappings":"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"}
|
package/dist/cjs/Input.js
CHANGED
|
@@ -7,22 +7,23 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
|
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var classnames = require('classnames');
|
|
9
9
|
var ramda = require('ramda');
|
|
10
|
-
var useId = require('./useId-
|
|
10
|
+
var useId = require('./useId-DXHUzdxd.js');
|
|
11
11
|
require('react-router-dom');
|
|
12
12
|
require('@bigbinary/neeto-hotkeys');
|
|
13
13
|
require('./overlayManager.js');
|
|
14
|
-
var index = require('./index-
|
|
14
|
+
var index = require('./index-BG9I04iF.js');
|
|
15
15
|
require('qs');
|
|
16
16
|
var Label = require('./Label.js');
|
|
17
17
|
require('@babel/runtime/helpers/classCallCheck');
|
|
18
18
|
require('@babel/runtime/helpers/createClass');
|
|
19
|
+
require('@bigbinary/neeto-cist');
|
|
20
|
+
require('./en-DhnUUSB_.js');
|
|
21
|
+
require('@babel/runtime/helpers/toConsumableArray');
|
|
19
22
|
require('dayjs');
|
|
20
23
|
require('dayjs/plugin/localeData');
|
|
21
24
|
require('dayjs/plugin/utc');
|
|
22
25
|
require('dayjs/plugin/weekday');
|
|
23
26
|
require('dayjs/plugin/weekOfYear');
|
|
24
|
-
require('@bigbinary/neeto-cist');
|
|
25
|
-
require('./en-80d0fbff.js');
|
|
26
27
|
require('@bigbinary/neeto-icons');
|
|
27
28
|
require('./Button.js');
|
|
28
29
|
require('./Spinner.js');
|
|
@@ -32,18 +33,9 @@ require('tippy.js');
|
|
|
32
33
|
require('./Popover.js');
|
|
33
34
|
require('./Typography.js');
|
|
34
35
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
38
|
-
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
39
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
40
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
41
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
42
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
43
|
-
|
|
44
|
-
var _excluded = ["size", "type", "label", "error", "suffix", "prefix", "disabled", "helpText", "className", "nakedInput", "contentSize", "required", "maxLength", "unlimitedChars", "labelProps", "rejectCharsRegex", "onBlur", "disableTrimOnBlur"];
|
|
36
|
+
var _excluded = ["size", "type", "label", "dataCy", "error", "suffix", "prefix", "disabled", "helpText", "className", "nakedInput", "contentSize", "required", "maxLength", "unlimitedChars", "labelProps", "rejectCharsRegex", "onBlur", "disableTrimOnBlur"];
|
|
45
37
|
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; }
|
|
46
|
-
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) {
|
|
38
|
+
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; }
|
|
47
39
|
var SIZES = {
|
|
48
40
|
small: "small",
|
|
49
41
|
medium: "medium",
|
|
@@ -57,6 +49,8 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
57
49
|
type = _ref$type === void 0 ? "text" : _ref$type,
|
|
58
50
|
_ref$label = _ref.label,
|
|
59
51
|
label = _ref$label === void 0 ? "" : _ref$label,
|
|
52
|
+
_ref$dataCy = _ref.dataCy,
|
|
53
|
+
dataCy = _ref$dataCy === void 0 ? "" : _ref$dataCy,
|
|
60
54
|
_ref$error = _ref.error,
|
|
61
55
|
error = _ref$error === void 0 ? "" : _ref$error,
|
|
62
56
|
_ref$suffix = _ref.suffix,
|
|
@@ -83,9 +77,9 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
83
77
|
onBlur = _ref.onBlur,
|
|
84
78
|
_ref$disableTrimOnBlu = _ref.disableTrimOnBlur,
|
|
85
79
|
disableTrimOnBlur = _ref$disableTrimOnBlu === void 0 ? false : _ref$disableTrimOnBlu,
|
|
86
|
-
otherProps =
|
|
80
|
+
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
87
81
|
var _useState = React.useState(otherProps.value),
|
|
88
|
-
_useState2 =
|
|
82
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
89
83
|
valueInternal = _useState2[0],
|
|
90
84
|
setValueInternal = _useState2[1];
|
|
91
85
|
var id = useId.useId(otherProps.id);
|
|
@@ -120,21 +114,22 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
120
114
|
handleTrimmedChangeOnBlur(e);
|
|
121
115
|
onBlur === null || onBlur === void 0 || onBlur(e);
|
|
122
116
|
};
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
117
|
+
var dataCyLabel = typeof label === "string" ? index.hyphenize(label) : index.hyphenize(dataCy);
|
|
118
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
119
|
+
className: classnames(["neeto-ui-input__wrapper", className])
|
|
120
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
126
121
|
className: "neeto-ui-input__label-wrapper"
|
|
127
|
-
}, label && /*#__PURE__*/
|
|
122
|
+
}, label && /*#__PURE__*/React.createElement(Label, _extends({
|
|
128
123
|
required: required,
|
|
129
|
-
"data-cy": "".concat(
|
|
124
|
+
"data-cy": "".concat(dataCyLabel, "-input-label"),
|
|
130
125
|
htmlFor: id
|
|
131
|
-
}, labelProps), label), isCharacterLimitVisible && /*#__PURE__*/
|
|
132
|
-
className:
|
|
126
|
+
}, labelProps), label), isCharacterLimitVisible && /*#__PURE__*/React.createElement("p", {
|
|
127
|
+
className: classnames("neeto-ui-input__max-length", {
|
|
133
128
|
"neeto-ui-input__max-length--error": maxLengthError
|
|
134
129
|
})
|
|
135
|
-
}, valueLength, "/", maxLength)), /*#__PURE__*/
|
|
136
|
-
"data-cy": "".concat(
|
|
137
|
-
className:
|
|
130
|
+
}, valueLength, "/", maxLength)), /*#__PURE__*/React.createElement("div", {
|
|
131
|
+
"data-cy": "".concat(dataCyLabel, "-input"),
|
|
132
|
+
className: classnames("neeto-ui-input", {
|
|
138
133
|
"neeto-ui-input--naked": !!nakedInput,
|
|
139
134
|
"neeto-ui-input--error": !!error,
|
|
140
135
|
"neeto-ui-input--disabled": !!disabled,
|
|
@@ -142,13 +137,13 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
142
137
|
"neeto-ui-input--medium": size === "medium",
|
|
143
138
|
"neeto-ui-input--large": size === "large"
|
|
144
139
|
})
|
|
145
|
-
}, prefix && /*#__PURE__*/
|
|
140
|
+
}, prefix && /*#__PURE__*/React.createElement("div", {
|
|
146
141
|
className: "neeto-ui-input__prefix"
|
|
147
|
-
}, prefix), /*#__PURE__*/
|
|
142
|
+
}, prefix), /*#__PURE__*/React.createElement("input", _extends({
|
|
148
143
|
"aria-invalid": !!error,
|
|
149
|
-
"data-cy": "".concat(
|
|
144
|
+
"data-cy": "".concat(dataCyLabel, "-input-field"),
|
|
150
145
|
size: contentSize,
|
|
151
|
-
"aria-describedby":
|
|
146
|
+
"aria-describedby": classnames(_defineProperty(_defineProperty({}, errorId, !!error), helpTextId, helpText))
|
|
152
147
|
}, _objectSpread(_objectSpread(_objectSpread({
|
|
153
148
|
disabled: disabled,
|
|
154
149
|
id: id,
|
|
@@ -162,15 +157,15 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
162
157
|
}), {
|
|
163
158
|
onBlur: handleOnBlur,
|
|
164
159
|
onChange: handleChange
|
|
165
|
-
})), suffix && /*#__PURE__*/
|
|
160
|
+
})), suffix && /*#__PURE__*/React.createElement("div", {
|
|
166
161
|
className: "neeto-ui-input__suffix"
|
|
167
|
-
}, suffix)), !!error && /*#__PURE__*/
|
|
162
|
+
}, suffix)), !!error && /*#__PURE__*/React.createElement("p", {
|
|
168
163
|
className: "neeto-ui-input__error",
|
|
169
|
-
"data-cy": "".concat(
|
|
164
|
+
"data-cy": "".concat(dataCyLabel, "-input-error"),
|
|
170
165
|
id: errorId
|
|
171
|
-
}, error), helpText && /*#__PURE__*/
|
|
166
|
+
}, error), helpText && /*#__PURE__*/React.createElement("p", {
|
|
172
167
|
className: "neeto-ui-input__help-text",
|
|
173
|
-
"data-cy": "".concat(
|
|
168
|
+
"data-cy": "".concat(dataCyLabel, "-input-help"),
|
|
174
169
|
id: helpTextId
|
|
175
170
|
}, helpText));
|
|
176
171
|
});
|
package/dist/cjs/Input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sources":["../../src/components/Input.jsx"],"sourcesContent":["import React, { useState, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { replace } from \"ramda\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst Input = forwardRef(\n (\n {\n size = SIZES.medium,\n type = \"text\",\n label = \"\",\n error = \"\",\n suffix = null,\n prefix = null,\n disabled = false,\n helpText = \"\",\n className = \"\",\n nakedInput = false,\n contentSize = null,\n required = false,\n maxLength,\n unlimitedChars = false,\n labelProps,\n rejectCharsRegex,\n onBlur,\n disableTrimOnBlur = false,\n ...otherProps\n },\n ref\n ) => {\n const [valueInternal, setValueInternal] = useState(otherProps.value);\n const id = useId(otherProps.id);\n\n const errorId = `error_${id}`;\n const helpTextId = `helpText_${id}`;\n\n const value = otherProps.value ?? valueInternal ?? \"\";\n\n const valueLength = value?.toString().length || 0;\n const isCharacterLimitVisible = valueLength >= maxLength * 0.85;\n const maxLengthError = unlimitedChars && valueLength > maxLength;\n\n const onChange = e => {\n if (!otherProps.onChange || !otherProps.value) {\n setValueInternal(e.target.value);\n }\n otherProps.onChange?.(e);\n };\n\n const isMaxLengthPresent = !!maxLength || maxLength === 0;\n\n const handleRegexChange = e => {\n const globalRegex = new RegExp(rejectCharsRegex, \"g\");\n e.target.value = replace(globalRegex, \"\", e.target.value);\n onChange(e);\n };\n\n const handleChange = rejectCharsRegex ? handleRegexChange : onChange;\n\n const handleTrimmedChangeOnBlur = e => {\n if (disableTrimOnBlur || typeof value !== \"string\") return;\n\n const trimmedValue = value.trim();\n if (value === trimmedValue) return;\n\n e.target.value = trimmedValue;\n handleChange(e);\n };\n\n const handleOnBlur = e => {\n handleTrimmedChangeOnBlur(e);\n onBlur?.(e);\n };\n\n return (\n <div className={classnames([\"neeto-ui-input__wrapper\", className])}>\n <div className=\"neeto-ui-input__label-wrapper\">\n {label && (\n <Label\n {...{ required }}\n data-cy={`${hyphenize(label)}-input-label`}\n htmlFor={id}\n {...labelProps}\n >\n {label}\n </Label>\n )}\n {isCharacterLimitVisible && (\n <p\n className={classnames(\"neeto-ui-input__max-length\", {\n \"neeto-ui-input__max-length--error\": maxLengthError,\n })}\n >\n {valueLength}/{maxLength}\n </p>\n )}\n </div>\n <div\n data-cy={`${hyphenize(label)}-input`}\n className={classnames(\"neeto-ui-input\", {\n \"neeto-ui-input--naked\": !!nakedInput,\n \"neeto-ui-input--error\": !!error,\n \"neeto-ui-input--disabled\": !!disabled,\n \"neeto-ui-input--small\": size === \"small\",\n \"neeto-ui-input--medium\": size === \"medium\",\n \"neeto-ui-input--large\": size === \"large\",\n })}\n >\n {prefix && <div className=\"neeto-ui-input__prefix\">{prefix}</div>}\n <input\n aria-invalid={!!error}\n data-cy={`${hyphenize(label)}-input-field`}\n size={contentSize}\n aria-describedby={classnames({\n [errorId]: !!error,\n [helpTextId]: helpText,\n })}\n {...{\n disabled,\n id,\n ref,\n required,\n type,\n ...(isMaxLengthPresent && !unlimitedChars && { maxLength }),\n ...otherProps,\n value,\n }}\n onBlur={handleOnBlur}\n onChange={handleChange}\n />\n {suffix && <div className=\"neeto-ui-input__suffix\">{suffix}</div>}\n </div>\n {!!error && (\n <p\n className=\"neeto-ui-input__error\"\n data-cy={`${hyphenize(label)}-input-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n {helpText && (\n <p\n className=\"neeto-ui-input__help-text\"\n data-cy={`${hyphenize(label)}-input-help`}\n id={helpTextId}\n >\n {helpText}\n </p>\n )}\n </div>\n );\n }\n);\n\nInput.displayName = \"Input\";\n\nInput.propTypes = {\n /**\n * To specify a unique ID to the Input component.\n */\n id: PropTypes.string,\n /**\n * To specify the size of Input.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To specify the type of Input field.\n */\n type: 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 a maximum character limit to the Input. Charater limit is visible only if the Input value is greater than or equal to 85% of the maximum character limit.\n */\n maxLength: PropTypes.number,\n /**\n * To be used along with maxLength prop. When set to true the character limit will not be enforced and character count will be shown in error state if the character limit is exceeded.\n */\n unlimitedChars: PropTypes.bool,\n /**\n * To specify the text to be displayed above the Input.\n */\n label: PropTypes.string,\n /**\n * To specify the error message to be shown in the Input field.\n */\n error: PropTypes.string,\n /**\n * To specify the content to be added at the end of the Input field.\n */\n suffix: PropTypes.node,\n /**\n * To specify the content to be added at the beginning of the Input field.\n */\n prefix: PropTypes.node,\n /**\n * To specify whether the Input field is disabled or not.\n */\n disabled: PropTypes.bool,\n /**\n * To specify the text that appears below the Input field.\n */\n helpText: PropTypes.string,\n /**\n * To specify external classNames that can be provided as overrides to the main wrapper.\n */\n className: PropTypes.string,\n /**\n * To create an Input field without any borders.\n */\n nakedInput: PropTypes.bool,\n /**\n * To specify the value to be passed as size attribute to the Input field.\n */\n contentSize: PropTypes.number,\n /**\n * To specify whether the Input field is required or not.\n */\n required: PropTypes.bool,\n /**\n * To specify a regex to be matched against the user input. Any character that matches it\n * cannot be input by the user. It will also prevent such characters from being pasted into the input.\n */\n rejectCharsRegex: PropTypes.instanceOf(RegExp),\n /**\n * To disable leading and trailing white spaces onBlur.\n */\n disableTrimOnBlur: PropTypes.bool,\n};\n\nexport default Input;\n"],"names":["SIZES","small","medium","large","Input","forwardRef","_ref","ref","_ref2","_otherProps$value","_ref$size","size","_ref$type","type","_ref$label","label","_ref$error","error","_ref$suffix","suffix","_ref$prefix","prefix","_ref$disabled","disabled","_ref$helpText","helpText","_ref$className","className","_ref$nakedInput","nakedInput","_ref$contentSize","contentSize","_ref$required","required","maxLength","_ref$unlimitedChars","unlimitedChars","labelProps","rejectCharsRegex","onBlur","_ref$disableTrimOnBlu","disableTrimOnBlur","otherProps","_objectWithoutProperties","_excluded","_useState","useState","value","_useState2","_slicedToArray","valueInternal","setValueInternal","id","useId","errorId","concat","helpTextId","valueLength","toString","length","isCharacterLimitVisible","maxLengthError","onChange","e","_otherProps$onChange","target","call","isMaxLengthPresent","handleRegexChange","globalRegex","RegExp","replace","handleChange","handleTrimmedChangeOnBlur","trimmedValue","trim","handleOnBlur","React","createElement","classnames","Label","_extends","hyphenize","htmlFor","_defineProperty","_objectSpread","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Input.js","sources":["../../src/components/Input.jsx"],"sourcesContent":["import React, { useState, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { replace } from \"ramda\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst Input = forwardRef(\n (\n {\n size = SIZES.medium,\n type = \"text\",\n label = \"\",\n dataCy = \"\",\n error = \"\",\n suffix = null,\n prefix = null,\n disabled = false,\n helpText = \"\",\n className = \"\",\n nakedInput = false,\n contentSize = null,\n required = false,\n maxLength,\n unlimitedChars = false,\n labelProps,\n rejectCharsRegex,\n onBlur,\n disableTrimOnBlur = false,\n ...otherProps\n },\n ref\n ) => {\n const [valueInternal, setValueInternal] = useState(otherProps.value);\n const id = useId(otherProps.id);\n\n const errorId = `error_${id}`;\n const helpTextId = `helpText_${id}`;\n\n const value = otherProps.value ?? valueInternal ?? \"\";\n\n const valueLength = value?.toString().length || 0;\n const isCharacterLimitVisible = valueLength >= maxLength * 0.85;\n const maxLengthError = unlimitedChars && valueLength > maxLength;\n\n const onChange = e => {\n if (!otherProps.onChange || !otherProps.value) {\n setValueInternal(e.target.value);\n }\n otherProps.onChange?.(e);\n };\n\n const isMaxLengthPresent = !!maxLength || maxLength === 0;\n\n const handleRegexChange = e => {\n const globalRegex = new RegExp(rejectCharsRegex, \"g\");\n e.target.value = replace(globalRegex, \"\", e.target.value);\n onChange(e);\n };\n\n const handleChange = rejectCharsRegex ? handleRegexChange : onChange;\n\n const handleTrimmedChangeOnBlur = e => {\n if (disableTrimOnBlur || typeof value !== \"string\") return;\n\n const trimmedValue = value.trim();\n if (value === trimmedValue) return;\n\n e.target.value = trimmedValue;\n handleChange(e);\n };\n\n const handleOnBlur = e => {\n handleTrimmedChangeOnBlur(e);\n onBlur?.(e);\n };\n\n const dataCyLabel =\n typeof label === \"string\" ? hyphenize(label) : hyphenize(dataCy);\n\n return (\n <div className={classnames([\"neeto-ui-input__wrapper\", className])}>\n <div className=\"neeto-ui-input__label-wrapper\">\n {label && (\n <Label\n {...{ required }}\n data-cy={`${dataCyLabel}-input-label`}\n htmlFor={id}\n {...labelProps}\n >\n {label}\n </Label>\n )}\n {isCharacterLimitVisible && (\n <p\n className={classnames(\"neeto-ui-input__max-length\", {\n \"neeto-ui-input__max-length--error\": maxLengthError,\n })}\n >\n {valueLength}/{maxLength}\n </p>\n )}\n </div>\n <div\n data-cy={`${dataCyLabel}-input`}\n className={classnames(\"neeto-ui-input\", {\n \"neeto-ui-input--naked\": !!nakedInput,\n \"neeto-ui-input--error\": !!error,\n \"neeto-ui-input--disabled\": !!disabled,\n \"neeto-ui-input--small\": size === \"small\",\n \"neeto-ui-input--medium\": size === \"medium\",\n \"neeto-ui-input--large\": size === \"large\",\n })}\n >\n {prefix && <div className=\"neeto-ui-input__prefix\">{prefix}</div>}\n <input\n aria-invalid={!!error}\n data-cy={`${dataCyLabel}-input-field`}\n size={contentSize}\n aria-describedby={classnames({\n [errorId]: !!error,\n [helpTextId]: helpText,\n })}\n {...{\n disabled,\n id,\n ref,\n required,\n type,\n ...(isMaxLengthPresent && !unlimitedChars && { maxLength }),\n ...otherProps,\n value,\n }}\n onBlur={handleOnBlur}\n onChange={handleChange}\n />\n {suffix && <div className=\"neeto-ui-input__suffix\">{suffix}</div>}\n </div>\n {!!error && (\n <p\n className=\"neeto-ui-input__error\"\n data-cy={`${dataCyLabel}-input-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n {helpText && (\n <p\n className=\"neeto-ui-input__help-text\"\n data-cy={`${dataCyLabel}-input-help`}\n id={helpTextId}\n >\n {helpText}\n </p>\n )}\n </div>\n );\n }\n);\n\nInput.displayName = \"Input\";\n\nInput.propTypes = {\n /**\n * To specify a unique ID to the Input component.\n */\n id: PropTypes.string,\n /**\n * To specify the size of Input.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To specify the type of Input field.\n */\n type: 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 a maximum character limit to the Input. Charater limit is visible only if the Input value is greater than or equal to 85% of the maximum character limit.\n */\n maxLength: PropTypes.number,\n /**\n * To be used along with maxLength prop. When set to true the character limit will not be enforced and character count will be shown in error state if the character limit is exceeded.\n */\n unlimitedChars: PropTypes.bool,\n /**\n * To specify the text to be displayed above the Input.\n */\n label: PropTypes.string,\n /**\n * To specify the error message to be shown in the Input field.\n */\n error: PropTypes.string,\n /**\n * To specify the content to be added at the end of the Input field.\n */\n suffix: PropTypes.node,\n /**\n * To specify the content to be added at the beginning of the Input field.\n */\n prefix: PropTypes.node,\n /**\n * To specify whether the Input field is disabled or not.\n */\n disabled: PropTypes.bool,\n /**\n * To specify the text that appears below the Input field.\n */\n helpText: PropTypes.string,\n /**\n * To specify external classNames that can be provided as overrides to the main wrapper.\n */\n className: PropTypes.string,\n /**\n * To create an Input field without any borders.\n */\n nakedInput: PropTypes.bool,\n /**\n * To specify the value to be passed as size attribute to the Input field.\n */\n contentSize: PropTypes.number,\n /**\n * To specify whether the Input field is required or not.\n */\n required: PropTypes.bool,\n /**\n * To specify a regex to be matched against the user input. Any character that matches it\n * cannot be input by the user. It will also prevent such characters from being pasted into the input.\n */\n rejectCharsRegex: PropTypes.instanceOf(RegExp),\n /**\n * To disable leading and trailing white spaces onBlur.\n */\n disableTrimOnBlur: PropTypes.bool,\n};\n\nexport default Input;\n"],"names":["SIZES","small","medium","large","Input","forwardRef","_ref","ref","_ref2","_otherProps$value","_ref$size","size","_ref$type","type","_ref$label","label","_ref$dataCy","dataCy","_ref$error","error","_ref$suffix","suffix","_ref$prefix","prefix","_ref$disabled","disabled","_ref$helpText","helpText","_ref$className","className","_ref$nakedInput","nakedInput","_ref$contentSize","contentSize","_ref$required","required","maxLength","_ref$unlimitedChars","unlimitedChars","labelProps","rejectCharsRegex","onBlur","_ref$disableTrimOnBlu","disableTrimOnBlur","otherProps","_objectWithoutProperties","_excluded","_useState","useState","value","_useState2","_slicedToArray","valueInternal","setValueInternal","id","useId","errorId","concat","helpTextId","valueLength","toString","length","isCharacterLimitVisible","maxLengthError","onChange","e","_otherProps$onChange","target","call","isMaxLengthPresent","handleRegexChange","globalRegex","RegExp","replace","handleChange","handleTrimmedChangeOnBlur","trimmedValue","trim","handleOnBlur","dataCyLabel","hyphenize","React","createElement","classnames","Label","_extends","htmlFor","_defineProperty","_objectSpread","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAMA,KAAK,GAAG;AAAEC,EAAAA,KAAK,EAAE,OAAO;AAAEC,EAAAA,MAAM,EAAE,QAAQ;AAAEC,EAAAA,KAAK,EAAE,OAAA;AAAQ,CAAC,CAAA;AAE5DC,IAAAA,KAAK,gBAAGC,gBAAU,CACtB,UAAAC,IAAA,EAuBEC,GAAG,EACA;EAAA,IAAAC,KAAA,EAAAC,iBAAA,CAAA;AAAA,EAAA,IAAAC,SAAA,GAAAJ,IAAA,CAtBDK,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,KAAA,CAAA,GAAGV,KAAK,CAACE,MAAM,GAAAQ,SAAA;IAAAE,SAAA,GAAAN,IAAA,CACnBO,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,SAAA;IAAAE,UAAA,GAAAR,IAAA,CACbS,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,WAAA,GAAAV,IAAA,CACVW,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,WAAA;IAAAE,UAAA,GAAAZ,IAAA,CACXa,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,WAAA,GAAAd,IAAA,CACVe,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,WAAA;IAAAE,WAAA,GAAAhB,IAAA,CACbiB,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,WAAA;IAAAE,aAAA,GAAAlB,IAAA,CACbmB,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAAAE,aAAA,GAAApB,IAAA,CAChBqB,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,aAAA;IAAAE,cAAA,GAAAtB,IAAA,CACbuB,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,eAAA,GAAAxB,IAAA,CACdyB,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,gBAAA,GAAA1B,IAAA,CAClB2B,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,gBAAA;IAAAE,aAAA,GAAA5B,IAAA,CAClB6B,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAChBE,SAAS,GAAA9B,IAAA,CAAT8B,SAAS;IAAAC,mBAAA,GAAA/B,IAAA,CACTgC,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,mBAAA;IACtBE,UAAU,GAAAjC,IAAA,CAAViC,UAAU;IACVC,gBAAgB,GAAAlC,IAAA,CAAhBkC,gBAAgB;IAChBC,MAAM,GAAAnC,IAAA,CAANmC,MAAM;IAAAC,qBAAA,GAAApC,IAAA,CACNqC,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;AACtBE,IAAAA,UAAU,GAAAC,wBAAA,CAAAvC,IAAA,EAAAwC,SAAA,CAAA,CAAA;AAIf,EAAA,IAAAC,SAAA,GAA0CC,cAAQ,CAACJ,UAAU,CAACK,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAJ,SAAA,EAAA,CAAA,CAAA;AAA7DK,IAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,gBAAgB,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACtC,EAAA,IAAMI,EAAE,GAAGC,WAAK,CAACX,UAAU,CAACU,EAAE,CAAC,CAAA;AAE/B,EAAA,IAAME,OAAO,GAAA,QAAA,CAAAC,MAAA,CAAYH,EAAE,CAAE,CAAA;AAC7B,EAAA,IAAMI,UAAU,GAAA,WAAA,CAAAD,MAAA,CAAeH,EAAE,CAAE,CAAA;EAEnC,IAAML,KAAK,IAAAzC,KAAA,GAAA,CAAAC,iBAAA,GAAGmC,UAAU,CAACK,KAAK,MAAA,IAAA,IAAAxC,iBAAA,KAAAA,KAAAA,CAAAA,GAAAA,iBAAA,GAAI2C,aAAa,MAAA,IAAA,IAAA5C,KAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAA,GAAI,EAAE,CAAA;AAErD,EAAA,IAAMmD,WAAW,GAAG,CAAAV,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEW,QAAQ,EAAE,CAACC,MAAM,KAAI,CAAC,CAAA;AACjD,EAAA,IAAMC,uBAAuB,GAAGH,WAAW,IAAIvB,SAAS,GAAG,IAAI,CAAA;AAC/D,EAAA,IAAM2B,cAAc,GAAGzB,cAAc,IAAIqB,WAAW,GAAGvB,SAAS,CAAA;AAEhE,EAAA,IAAM4B,QAAQ,GAAG,SAAXA,QAAQA,CAAGC,CAAC,EAAI;AAAA,IAAA,IAAAC,oBAAA,CAAA;IACpB,IAAI,CAACtB,UAAU,CAACoB,QAAQ,IAAI,CAACpB,UAAU,CAACK,KAAK,EAAE;AAC7CI,MAAAA,gBAAgB,CAACY,CAAC,CAACE,MAAM,CAAClB,KAAK,CAAC,CAAA;AAClC,KAAA;AACA,IAAA,CAAAiB,oBAAA,GAAAtB,UAAU,CAACoB,QAAQ,MAAAE,IAAAA,IAAAA,oBAAA,KAAnBA,KAAAA,CAAAA,IAAAA,oBAAA,CAAAE,IAAA,CAAAxB,UAAU,EAAYqB,CAAC,CAAC,CAAA;GACzB,CAAA;EAED,IAAMI,kBAAkB,GAAG,CAAC,CAACjC,SAAS,IAAIA,SAAS,KAAK,CAAC,CAAA;AAEzD,EAAA,IAAMkC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAGL,CAAC,EAAI;IAC7B,IAAMM,WAAW,GAAG,IAAIC,MAAM,CAAChC,gBAAgB,EAAE,GAAG,CAAC,CAAA;AACrDyB,IAAAA,CAAC,CAACE,MAAM,CAAClB,KAAK,GAAGwB,aAAO,CAACF,WAAW,EAAE,EAAE,EAAEN,CAAC,CAACE,MAAM,CAAClB,KAAK,CAAC,CAAA;IACzDe,QAAQ,CAACC,CAAC,CAAC,CAAA;GACZ,CAAA;AAED,EAAA,IAAMS,YAAY,GAAGlC,gBAAgB,GAAG8B,iBAAiB,GAAGN,QAAQ,CAAA;AAEpE,EAAA,IAAMW,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAGV,CAAC,EAAI;AACrC,IAAA,IAAItB,iBAAiB,IAAI,OAAOM,KAAK,KAAK,QAAQ,EAAE,OAAA;AAEpD,IAAA,IAAM2B,YAAY,GAAG3B,KAAK,CAAC4B,IAAI,EAAE,CAAA;IACjC,IAAI5B,KAAK,KAAK2B,YAAY,EAAE,OAAA;AAE5BX,IAAAA,CAAC,CAACE,MAAM,CAAClB,KAAK,GAAG2B,YAAY,CAAA;IAC7BF,YAAY,CAACT,CAAC,CAAC,CAAA;GAChB,CAAA;AAED,EAAA,IAAMa,YAAY,GAAG,SAAfA,YAAYA,CAAGb,CAAC,EAAI;IACxBU,yBAAyB,CAACV,CAAC,CAAC,CAAA;AAC5BxB,IAAAA,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,IAANA,MAAM,CAAGwB,CAAC,CAAC,CAAA;GACZ,CAAA;AAED,EAAA,IAAMc,WAAW,GACf,OAAOhE,KAAK,KAAK,QAAQ,GAAGiE,eAAS,CAACjE,KAAK,CAAC,GAAGiE,eAAS,CAAC/D,MAAM,CAAC,CAAA;EAElE,oBACEgE,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKrD,IAAAA,SAAS,EAAEsD,UAAU,CAAC,CAAC,yBAAyB,EAAEtD,SAAS,CAAC,CAAA;GAC/DoD,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKrD,IAAAA,SAAS,EAAC,+BAAA;GACZd,EAAAA,KAAK,iBACJkE,KAAA,CAAAC,aAAA,CAACE,KAAK,EAAAC,QAAA,CAAA;AACElD,IAAAA,QAAQ,EAARA,QAAQ;IACd,SAAAsB,EAAAA,EAAAA,CAAAA,MAAA,CAAYsB,WAAW,EAAe,cAAA,CAAA;AACtCO,IAAAA,OAAO,EAAEhC,EAAAA;GACLf,EAAAA,UAAU,GAEbxB,KAAK,CAET,EACA+C,uBAAuB,iBACtBmB,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACErD,IAAAA,SAAS,EAAEsD,UAAU,CAAC,4BAA4B,EAAE;AAClD,MAAA,mCAAmC,EAAEpB,cAAAA;KACtC,CAAA;GAEAJ,EAAAA,WAAW,EAAC,GAAC,EAACvB,SAAS,CAE3B,CACG,eACN6C,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACE,SAAAzB,EAAAA,EAAAA,CAAAA,MAAA,CAAYsB,WAAW,EAAS,QAAA,CAAA;AAChClD,IAAAA,SAAS,EAAEsD,UAAU,CAAC,gBAAgB,EAAE;MACtC,uBAAuB,EAAE,CAAC,CAACpD,UAAU;MACrC,uBAAuB,EAAE,CAAC,CAACZ,KAAK;MAChC,0BAA0B,EAAE,CAAC,CAACM,QAAQ;MACtC,uBAAuB,EAAEd,IAAI,KAAK,OAAO;MACzC,wBAAwB,EAAEA,IAAI,KAAK,QAAQ;MAC3C,uBAAuB,EAAEA,IAAI,KAAK,OAAA;KACnC,CAAA;AAAE,GAAA,EAEFY,MAAM,iBAAI0D,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKrD,IAAAA,SAAS,EAAC,wBAAA;AAAwB,GAAA,EAAEN,MAAM,CAAO,eACjE0D,KAAA,CAAAC,aAAA,UAAAG,QAAA,CAAA;IACE,cAAc,EAAA,CAAC,CAAClE,KAAM;IACtB,SAAAsC,EAAAA,EAAAA,CAAAA,MAAA,CAAYsB,WAAW,EAAe,cAAA,CAAA;AACtCpE,IAAAA,IAAI,EAAEsB,WAAY;AAClB,IAAA,kBAAA,EAAkBkD,UAAU,CAAAI,eAAA,CAAAA,eAAA,CACzB/B,EAAAA,EAAAA,OAAO,EAAG,CAAC,CAACrC,KAAK,CACjBuC,EAAAA,UAAU,EAAG/B,QAAQ,CAAA,CAAA;AACrB,GAAA,EAAA6D,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AAED/D,IAAAA,QAAQ,EAARA,QAAQ;AACR6B,IAAAA,EAAE,EAAFA,EAAE;AACF/C,IAAAA,GAAG,EAAHA,GAAG;AACH4B,IAAAA,QAAQ,EAARA,QAAQ;AACRtB,IAAAA,IAAI,EAAJA,IAAAA;AAAI,GAAA,EACAwD,kBAAkB,IAAI,CAAC/B,cAAc,IAAI;AAAEF,IAAAA,SAAS,EAATA,SAAAA;AAAU,GAAC,GACvDQ,UAAU,CAAA,EAAA,EAAA,EAAA;AACbK,IAAAA,KAAK,EAALA,KAAAA;AAAK,GAAA,CAAA,EAAA;AAEPR,IAAAA,MAAM,EAAEqC,YAAa;AACrBd,IAAAA,QAAQ,EAAEU,YAAAA;AAAa,GAAA,CAAA,CACvB,EACDrD,MAAM,iBAAI4D,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKrD,IAAAA,SAAS,EAAC,wBAAA;GAA0BR,EAAAA,MAAM,CAAO,CAC7D,EACL,CAAC,CAACF,KAAK,iBACN8D,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACErD,IAAAA,SAAS,EAAC,uBAAuB;IACjC,SAAA4B,EAAAA,EAAAA,CAAAA,MAAA,CAAYsB,WAAW,EAAe,cAAA,CAAA;AACtCzB,IAAAA,EAAE,EAAEE,OAAAA;AAAQ,GAAA,EAEXrC,KAAK,CAET,EACAQ,QAAQ,iBACPsD,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACErD,IAAAA,SAAS,EAAC,2BAA2B;IACrC,SAAA4B,EAAAA,EAAAA,CAAAA,MAAA,CAAYsB,WAAW,EAAc,aAAA,CAAA;AACrCzB,IAAAA,EAAE,EAAEI,UAAAA;GAEH/B,EAAAA,QAAQ,CAEZ,CACG,CAAA;AAEV,CAAC,EACF;AAEDvB,KAAK,CAACqF,WAAW,GAAG,OAAO;;;;"}
|
package/dist/cjs/Kbd.js
CHANGED
|
@@ -5,27 +5,21 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var classnames = require('classnames');
|
|
7
7
|
var Tooltip = require('./Tooltip.js');
|
|
8
|
+
require('@babel/runtime/helpers/defineProperty');
|
|
8
9
|
require('@babel/runtime/helpers/slicedToArray');
|
|
9
10
|
require('@tippyjs/react');
|
|
10
11
|
require('tippy.js');
|
|
11
12
|
|
|
12
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
|
-
|
|
14
|
-
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
15
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
16
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
17
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
18
|
-
|
|
19
13
|
var _excluded = ["keyName", "className", "tooltipProps"];
|
|
20
14
|
var Kbd = function Kbd(_ref) {
|
|
21
15
|
var keyName = _ref.keyName,
|
|
22
16
|
className = _ref.className,
|
|
23
17
|
tooltipProps = _ref.tooltipProps,
|
|
24
|
-
otherProps =
|
|
25
|
-
return /*#__PURE__*/
|
|
18
|
+
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
19
|
+
return /*#__PURE__*/React.createElement(Tooltip, _extends({
|
|
26
20
|
disabled: !tooltipProps
|
|
27
|
-
}, tooltipProps), /*#__PURE__*/
|
|
28
|
-
className:
|
|
21
|
+
}, tooltipProps), /*#__PURE__*/React.createElement("span", _extends({
|
|
22
|
+
className: classnames(["neeto-ui-kbd", className])
|
|
29
23
|
}, otherProps), keyName));
|
|
30
24
|
};
|
|
31
25
|
|
package/dist/cjs/Kbd.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Kbd.js","sources":["../../src/components/Kbd.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Tooltip from \"./Tooltip\";\n\nconst Kbd = ({ keyName, className, tooltipProps, ...otherProps }) => (\n <Tooltip disabled={!tooltipProps} {...tooltipProps}>\n <span className={classnames([\"neeto-ui-kbd\", className])} {...otherProps}>\n {keyName}\n </span>\n </Tooltip>\n);\n\nKbd.propTypes = {\n /**\n * To specify keyboard key\n */\n keyName: PropTypes.string,\n /**\n * To provide additional class names to the Kbd.\n */\n className: PropTypes.string,\n /**\n * To specify the props to be passed to the tooltip.\n */\n tooltipProps: PropTypes.object,\n};\n\nexport default Kbd;\n"],"names":["Kbd","_ref","keyName","className","tooltipProps","otherProps","_objectWithoutProperties","_excluded","React","createElement","Tooltip","_extends","disabled","classnames"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Kbd.js","sources":["../../src/components/Kbd.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Tooltip from \"./Tooltip\";\n\nconst Kbd = ({ keyName, className, tooltipProps, ...otherProps }) => (\n <Tooltip disabled={!tooltipProps} {...tooltipProps}>\n <span className={classnames([\"neeto-ui-kbd\", className])} {...otherProps}>\n {keyName}\n </span>\n </Tooltip>\n);\n\nKbd.propTypes = {\n /**\n * To specify keyboard key\n */\n keyName: PropTypes.string,\n /**\n * To provide additional class names to the Kbd.\n */\n className: PropTypes.string,\n /**\n * To specify the props to be passed to the tooltip.\n */\n tooltipProps: PropTypes.object,\n};\n\nexport default Kbd;\n"],"names":["Kbd","_ref","keyName","className","tooltipProps","otherProps","_objectWithoutProperties","_excluded","React","createElement","Tooltip","_extends","disabled","classnames"],"mappings":";;;;;;;;;;;;;AAOA,IAAMA,GAAG,GAAG,SAANA,GAAGA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAAA,EAAA,oBAC5DC,KAAA,CAAAC,aAAA,CAACC,OAAO,EAAAC,QAAA,CAAA;AAACC,IAAAA,QAAQ,EAAE,CAACR,YAAAA;AAAa,GAAA,EAAKA,YAAY,CAChDI,eAAAA,KAAA,CAAAC,aAAA,SAAAE,QAAA,CAAA;AAAMR,IAAAA,SAAS,EAAEU,UAAU,CAAC,CAAC,cAAc,EAAEV,SAAS,CAAC,CAAA;AAAE,GAAA,EAAKE,UAAU,CAAA,EACrEH,OAAO,CACH,CACC,CAAA;AAAA;;;;"}
|