@bigbinary/neetoui 6.7.4 → 6.8.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/dist/Accordion.js +5 -6
- package/dist/Accordion.js.map +1 -1
- package/dist/ActionDropdown.js +16 -11
- package/dist/ActionDropdown.js.map +1 -1
- package/dist/Alert.js +23 -13
- package/dist/Alert.js.map +1 -1
- package/dist/Avatar.js +6 -6
- package/dist/Button.js +7 -8
- package/dist/Button.js.map +1 -1
- package/dist/Callout.js +4 -5
- package/dist/Callout.js.map +1 -1
- package/dist/Checkbox.js +22 -13
- package/dist/Checkbox.js.map +1 -1
- package/dist/ColorPicker.js +20 -14
- package/dist/ColorPicker.js.map +1 -1
- package/dist/DatePicker.js +21 -12
- package/dist/DatePicker.js.map +1 -1
- package/dist/DateTimePicker.js +27 -17
- package/dist/DateTimePicker.js.map +1 -1
- package/dist/Dropdown.js +18 -13
- package/dist/Dropdown.js.map +1 -1
- package/dist/Input.js +21 -12
- package/dist/Input.js.map +1 -1
- package/dist/Kbd.js +6 -6
- package/dist/Label.js +54 -18
- package/dist/Label.js.map +1 -1
- package/dist/Modal.js +23 -13
- package/dist/Modal.js.map +1 -1
- package/dist/MultiEmailInput.js +41 -16
- package/dist/MultiEmailInput.js.map +1 -1
- package/dist/NoData.js +7 -8
- package/dist/NoData.js.map +1 -1
- package/dist/Pagination.js +15 -10
- package/dist/Pagination.js.map +1 -1
- package/dist/Pane.js +23 -13
- package/dist/Pane.js.map +1 -1
- package/dist/Popover.js +7 -8
- package/dist/Popover.js.map +1 -1
- package/dist/ProgressBar.js +1 -1
- package/dist/Radio.js +22 -13
- package/dist/Radio.js.map +1 -1
- package/dist/Select.js +42 -14
- package/dist/Select.js.map +1 -1
- package/dist/Sidebar.js +16 -11
- package/dist/Sidebar.js.map +1 -1
- package/dist/Slider.js +22 -13
- package/dist/Slider.js.map +1 -1
- package/dist/Spinner.js +1 -1
- package/dist/Stepper.js +1 -1
- package/dist/Switch.js +22 -13
- package/dist/Switch.js.map +1 -1
- package/dist/Tab.js +4 -5
- package/dist/Tab.js.map +1 -1
- package/dist/Table.js +19 -14
- package/dist/Table.js.map +1 -1
- package/dist/Tag.js +3 -3
- package/dist/Textarea.js +22 -13
- package/dist/Textarea.js.map +1 -1
- package/dist/TimePicker.js +22 -13
- package/dist/TimePicker.js.map +1 -1
- package/dist/TimePickerInput.js +258 -21
- package/dist/TimePickerInput.js.map +1 -1
- package/dist/Toastr.js +15 -126
- package/dist/Toastr.js.map +1 -1
- package/dist/Tooltip.js +73 -7
- package/dist/Tooltip.js.map +1 -1
- package/dist/Tree.js +13 -8
- package/dist/Tree.js.map +1 -1
- package/dist/TreeSelect.js +21 -11
- package/dist/TreeSelect.js.map +1 -1
- package/dist/Typography.js +4 -5
- package/dist/Typography.js.map +1 -1
- package/dist/cjs/Accordion.js +25 -21
- package/dist/cjs/Accordion.js.map +1 -1
- package/dist/cjs/ActionDropdown.js +24 -16
- package/dist/cjs/ActionDropdown.js.map +1 -1
- package/dist/cjs/Alert.js +25 -14
- package/dist/cjs/Alert.js.map +1 -1
- package/dist/cjs/Avatar.js +17 -13
- package/dist/cjs/Avatar.js.map +1 -1
- package/dist/cjs/Button.js +17 -14
- package/dist/cjs/Button.js.map +1 -1
- package/dist/cjs/Callout.js +11 -8
- package/dist/cjs/Callout.js.map +1 -1
- package/dist/cjs/Checkbox.js +32 -20
- package/dist/cjs/Checkbox.js.map +1 -1
- package/dist/cjs/ColorPicker.js +33 -22
- package/dist/cjs/ColorPicker.js.map +1 -1
- package/dist/cjs/DatePicker.js +35 -21
- package/dist/cjs/DatePicker.js.map +1 -1
- package/dist/cjs/DateTimePicker.js +45 -29
- package/dist/cjs/DateTimePicker.js.map +1 -1
- package/dist/cjs/Dropdown.js +50 -39
- package/dist/cjs/Dropdown.js.map +1 -1
- package/dist/cjs/Input.js +39 -25
- package/dist/cjs/Input.js.map +1 -1
- package/dist/cjs/Kbd.js +13 -10
- package/dist/cjs/Kbd.js.map +1 -1
- package/dist/cjs/Label.js +61 -21
- package/dist/cjs/Label.js.map +1 -1
- package/dist/cjs/Modal.js +36 -21
- package/dist/cjs/Modal.js.map +1 -1
- package/dist/cjs/MultiEmailInput.js +71 -39
- package/dist/cjs/MultiEmailInput.js.map +1 -1
- package/dist/cjs/NoData.js +15 -13
- package/dist/cjs/NoData.js.map +1 -1
- package/dist/cjs/Pagination.js +24 -17
- package/dist/cjs/Pagination.js.map +1 -1
- package/dist/cjs/Pane.js +36 -21
- package/dist/cjs/Pane.js.map +1 -1
- package/dist/cjs/Popover.js +14 -12
- package/dist/cjs/Popover.js.map +1 -1
- package/dist/cjs/ProgressBar.js +3 -2
- package/dist/cjs/ProgressBar.js.map +1 -1
- package/dist/cjs/Radio.js +39 -25
- package/dist/cjs/Radio.js.map +1 -1
- package/dist/cjs/Select.js +91 -54
- package/dist/cjs/Select.js.map +1 -1
- package/dist/cjs/Sidebar.js +38 -28
- package/dist/cjs/Sidebar.js.map +1 -1
- package/dist/cjs/Slider.js +29 -17
- package/dist/cjs/Slider.js.map +1 -1
- package/dist/cjs/Spinner.js +3 -2
- package/dist/cjs/Spinner.js.map +1 -1
- package/dist/cjs/Stepper.js +7 -6
- package/dist/cjs/Stepper.js.map +1 -1
- package/dist/cjs/Switch.js +35 -23
- package/dist/cjs/Switch.js.map +1 -1
- package/dist/cjs/Tab.js +15 -12
- package/dist/cjs/Tab.js.map +1 -1
- package/dist/cjs/Table.js +55 -44
- package/dist/cjs/Table.js.map +1 -1
- package/dist/cjs/Tag.js +10 -7
- package/dist/cjs/Tag.js.map +1 -1
- package/dist/cjs/Textarea.js +38 -24
- package/dist/cjs/Textarea.js.map +1 -1
- package/dist/cjs/TimePicker.js +31 -18
- package/dist/cjs/TimePicker.js.map +1 -1
- package/dist/cjs/TimePickerInput.js +268 -22
- package/dist/cjs/TimePickerInput.js.map +1 -1
- package/dist/cjs/Toastr.js +32 -155
- package/dist/cjs/Toastr.js.map +1 -1
- package/dist/cjs/Tooltip.js +78 -8
- package/dist/cjs/Tooltip.js.map +1 -1
- package/dist/cjs/Tree.js +20 -12
- package/dist/cjs/Tree.js.map +1 -1
- package/dist/cjs/TreeSelect.js +30 -16
- package/dist/cjs/TreeSelect.js.map +1 -1
- package/dist/cjs/Typography.js +11 -8
- package/dist/cjs/Typography.js.map +1 -1
- package/dist/cjs/formik/ActionBlock.js +12 -11
- package/dist/cjs/formik/ActionBlock.js.map +1 -1
- package/dist/cjs/formik/BlockNavigation.js +29 -16
- package/dist/cjs/formik/BlockNavigation.js.map +1 -1
- package/dist/cjs/formik/Button.js +11 -10
- package/dist/cjs/formik/Button.js.map +1 -1
- package/dist/cjs/formik/Checkbox.js +28 -16
- package/dist/cjs/formik/Checkbox.js.map +1 -1
- package/dist/cjs/formik/Form.js +29 -24
- package/dist/cjs/formik/Form.js.map +1 -1
- package/dist/cjs/formik/Input.js +27 -15
- package/dist/cjs/formik/Input.js.map +1 -1
- package/dist/cjs/formik/MultiEmailInput.js +47 -15
- package/dist/cjs/formik/MultiEmailInput.js.map +1 -1
- package/dist/cjs/formik/Radio.js +31 -18
- package/dist/cjs/formik/Radio.js.map +1 -1
- package/dist/cjs/formik/Select.js +48 -16
- package/dist/cjs/formik/Select.js.map +1 -1
- package/dist/cjs/formik/Slider.js +31 -18
- package/dist/cjs/formik/Slider.js.map +1 -1
- package/dist/cjs/formik/Switch.js +28 -16
- package/dist/cjs/formik/Switch.js.map +1 -1
- package/dist/cjs/formik/Textarea.js +28 -16
- package/dist/cjs/formik/Textarea.js.map +1 -1
- package/dist/cjs/formik/TreeSelect.js +27 -14
- package/dist/cjs/formik/TreeSelect.js.map +1 -1
- package/dist/cjs/formik/index.js +45 -16
- package/dist/cjs/formik/index.js.map +1 -1
- package/dist/cjs/index-f2e36d91.js +167 -0
- package/dist/cjs/index-f2e36d91.js.map +1 -0
- package/dist/cjs/index.css +1 -1
- package/dist/cjs/index.js +49 -20
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/layouts.js +16 -11
- package/dist/cjs/layouts.js.map +1 -1
- package/dist/cjs/managers.js +2 -2
- package/dist/cjs/overlayManager.js +9 -4
- package/dist/cjs/overlayManager.js.map +1 -1
- package/dist/cjs/{react-select-creatable.esm-b39742a3.js → react-select-creatable.esm-23eddf9f.js} +130 -367
- package/dist/cjs/react-select-creatable.esm-23eddf9f.js.map +1 -0
- package/dist/cjs/{useOverlayManager-359ed795.js → useOverlayManager-1de0435e.js} +37 -75
- package/dist/cjs/useOverlayManager-1de0435e.js.map +1 -0
- package/dist/cjs/{useQueryParams-14f054b3.js → useQueryParams-a8ee2f76.js} +9 -5
- package/dist/cjs/useQueryParams-a8ee2f76.js.map +1 -0
- package/dist/formik/ActionBlock.js +7 -8
- package/dist/formik/ActionBlock.js.map +1 -1
- package/dist/formik/BlockNavigation.js +23 -13
- package/dist/formik/BlockNavigation.js.map +1 -1
- package/dist/formik/Button.js +7 -8
- package/dist/formik/Button.js.map +1 -1
- package/dist/formik/Checkbox.js +22 -13
- package/dist/formik/Checkbox.js.map +1 -1
- package/dist/formik/Form.js +13 -14
- package/dist/formik/Form.js.map +1 -1
- package/dist/formik/Input.js +21 -12
- package/dist/formik/Input.js.map +1 -1
- package/dist/formik/MultiEmailInput.js +41 -12
- package/dist/formik/MultiEmailInput.js.map +1 -1
- package/dist/formik/Radio.js +23 -14
- package/dist/formik/Radio.js.map +1 -1
- package/dist/formik/Select.js +40 -12
- package/dist/formik/Select.js.map +1 -1
- package/dist/formik/Slider.js +23 -14
- package/dist/formik/Slider.js.map +1 -1
- package/dist/formik/Switch.js +22 -13
- package/dist/formik/Switch.js.map +1 -1
- package/dist/formik/Textarea.js +22 -13
- package/dist/formik/Textarea.js.map +1 -1
- package/dist/formik/TreeSelect.js +21 -11
- package/dist/formik/TreeSelect.js.map +1 -1
- package/dist/formik/index.js +45 -16
- package/dist/formik/index.js.map +1 -1
- package/dist/index-9d5142b4.js +145 -0
- package/dist/index-9d5142b4.js.map +1 -0
- package/dist/index.css +1 -1
- package/dist/index.js +47 -18
- package/dist/index.js.map +1 -1
- package/dist/layouts.js +16 -11
- package/dist/layouts.js.map +1 -1
- package/dist/managers.js +2 -2
- package/dist/overlayManager.js +2 -2
- package/dist/{react-select-creatable.esm-93affeca.js → react-select-creatable.esm-ad71b0c0.js} +43 -289
- package/dist/react-select-creatable.esm-ad71b0c0.js.map +1 -0
- package/dist/{useOverlayManager-95a474d5.js → useOverlayManager-9d385819.js} +9 -54
- package/dist/useOverlayManager-9d385819.js.map +1 -0
- package/dist/{useQueryParams-4e7ddcf8.js → useQueryParams-dcb34865.js} +4 -4
- package/dist/{useQueryParams-4e7ddcf8.js.map → useQueryParams-dcb34865.js.map} +1 -1
- package/package.json +13 -6
- package/types/Label.d.ts +7 -0
- package/dist/cjs/createClass-80e17c6a.js +0 -31
- package/dist/cjs/createClass-80e17c6a.js.map +0 -1
- package/dist/cjs/defineProperty-ee86604b.js +0 -21
- package/dist/cjs/defineProperty-ee86604b.js.map +0 -1
- package/dist/cjs/extends-1b35a664.js +0 -19
- package/dist/cjs/extends-1b35a664.js.map +0 -1
- package/dist/cjs/index-302c3d37.js +0 -58
- package/dist/cjs/index-302c3d37.js.map +0 -1
- package/dist/cjs/index-5d74cfeb.js +0 -375
- package/dist/cjs/index-5d74cfeb.js.map +0 -1
- package/dist/cjs/index-6e09c7bc.js +0 -2211
- package/dist/cjs/index-6e09c7bc.js.map +0 -1
- package/dist/cjs/index-773961dd.js +0 -453
- package/dist/cjs/index-773961dd.js.map +0 -1
- package/dist/cjs/index-a8cc581e.js +0 -2383
- package/dist/cjs/index-a8cc581e.js.map +0 -1
- package/dist/cjs/index-becc6543.js +0 -262
- package/dist/cjs/index-becc6543.js.map +0 -1
- package/dist/cjs/objectWithoutProperties-2fed2d7d.js +0 -33
- package/dist/cjs/objectWithoutProperties-2fed2d7d.js.map +0 -1
- package/dist/cjs/react-select-creatable.esm-b39742a3.js.map +0 -1
- package/dist/cjs/slicedToArray-732a2048.js +0 -63
- package/dist/cjs/slicedToArray-732a2048.js.map +0 -1
- package/dist/cjs/toConsumableArray-418424fc.js +0 -23
- package/dist/cjs/toConsumableArray-418424fc.js.map +0 -1
- package/dist/cjs/toPropertyKey-bfa2e465.js +0 -31
- package/dist/cjs/toPropertyKey-bfa2e465.js.map +0 -1
- package/dist/cjs/useOverlayManager-359ed795.js.map +0 -1
- package/dist/cjs/useQueryParams-14f054b3.js.map +0 -1
- package/dist/createClass-601a36b2.js +0 -28
- package/dist/createClass-601a36b2.js.map +0 -1
- package/dist/defineProperty-e5245270.js +0 -19
- package/dist/defineProperty-e5245270.js.map +0 -1
- package/dist/extends-093996c9.js +0 -17
- package/dist/extends-093996c9.js.map +0 -1
- package/dist/index-34956d66.js +0 -372
- package/dist/index-34956d66.js.map +0 -1
- package/dist/index-3659771d.js +0 -56
- package/dist/index-3659771d.js.map +0 -1
- package/dist/index-661b9fd6.js +0 -253
- package/dist/index-661b9fd6.js.map +0 -1
- package/dist/index-7fae3611.js +0 -2381
- package/dist/index-7fae3611.js.map +0 -1
- package/dist/index-c442518b.js +0 -445
- package/dist/index-c442518b.js.map +0 -1
- package/dist/index-c8d9113c.js +0 -2193
- package/dist/index-c8d9113c.js.map +0 -1
- package/dist/objectWithoutProperties-a0edb288.js +0 -31
- package/dist/objectWithoutProperties-a0edb288.js.map +0 -1
- package/dist/react-select-creatable.esm-93affeca.js.map +0 -1
- package/dist/slicedToArray-45fa766e.js +0 -57
- package/dist/slicedToArray-45fa766e.js.map +0 -1
- package/dist/toConsumableArray-1186e144.js +0 -20
- package/dist/toConsumableArray-1186e144.js.map +0 -1
- package/dist/toPropertyKey-bdc24cb9.js +0 -28
- package/dist/toPropertyKey-bdc24cb9.js.map +0 -1
- package/dist/useOverlayManager-95a474d5.js.map +0 -1
package/dist/cjs/Switch.js
CHANGED
|
@@ -1,30 +1,42 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _extends = require('
|
|
4
|
-
var
|
|
3
|
+
var _extends = require('@babel/runtime/helpers/extends');
|
|
4
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var
|
|
6
|
+
var classnames = require('classnames');
|
|
7
7
|
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
8
8
|
var useId = require('./useId-4e3deb5c.js');
|
|
9
|
+
require('@babel/runtime/helpers/slicedToArray');
|
|
9
10
|
require('react-router-dom');
|
|
10
|
-
require('
|
|
11
|
+
require('@bigbinary/neeto-hotkeys');
|
|
11
12
|
require('./overlayManager.js');
|
|
12
|
-
var index
|
|
13
|
+
var index = require('./index-f2e36d91.js');
|
|
14
|
+
require('@babel/runtime/helpers/defineProperty');
|
|
15
|
+
require('qs');
|
|
13
16
|
var Label = require('./Label.js');
|
|
14
|
-
require('
|
|
15
|
-
require('
|
|
16
|
-
require('
|
|
17
|
-
require('
|
|
17
|
+
require('@babel/runtime/helpers/classCallCheck');
|
|
18
|
+
require('@babel/runtime/helpers/createClass');
|
|
19
|
+
require('dayjs');
|
|
20
|
+
require('dayjs/plugin/localeData');
|
|
21
|
+
require('dayjs/plugin/utc');
|
|
22
|
+
require('dayjs/plugin/weekday');
|
|
23
|
+
require('dayjs/plugin/weekOfYear');
|
|
18
24
|
require('@bigbinary/neeto-cist');
|
|
19
|
-
require('
|
|
20
|
-
require('./
|
|
21
|
-
require('./
|
|
25
|
+
require('ramda');
|
|
26
|
+
require('./Button.js');
|
|
27
|
+
require('./motion-a1906aff.js');
|
|
28
|
+
require('./Tooltip.js');
|
|
29
|
+
require('@tippyjs/react');
|
|
22
30
|
require('tippy.js');
|
|
23
|
-
require('
|
|
31
|
+
require('./Popover.js');
|
|
32
|
+
require('./Typography.js');
|
|
24
33
|
|
|
25
34
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
26
35
|
|
|
36
|
+
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
37
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
27
38
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
39
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
28
40
|
|
|
29
41
|
var _excluded = ["label", "required", "className", "error", "onChange", "labelProps", "children"];
|
|
30
42
|
var Switch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
@@ -37,10 +49,10 @@ var Switch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
37
49
|
_ref$error = _ref.error,
|
|
38
50
|
error = _ref$error === void 0 ? "" : _ref$error,
|
|
39
51
|
_ref$onChange = _ref.onChange,
|
|
40
|
-
onChange = _ref$onChange === void 0 ? index
|
|
52
|
+
onChange = _ref$onChange === void 0 ? index.noop : _ref$onChange,
|
|
41
53
|
labelProps = _ref.labelProps,
|
|
42
54
|
children = _ref.children,
|
|
43
|
-
otherProps =
|
|
55
|
+
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
44
56
|
var id = useId.useId(otherProps.id);
|
|
45
57
|
var errorId = "error_".concat(id);
|
|
46
58
|
var checked = otherProps.checked,
|
|
@@ -48,22 +60,22 @@ var Switch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
48
60
|
var renderLabel = label || children;
|
|
49
61
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
50
62
|
ref: ref,
|
|
51
|
-
className:
|
|
63
|
+
className: classnames__default["default"](["neeto-ui-switch__wrapper", className])
|
|
52
64
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
53
65
|
className: "neeto-ui-switch__container"
|
|
54
66
|
}, /*#__PURE__*/React__default["default"].createElement("label", {
|
|
55
67
|
tabIndex: 0,
|
|
56
|
-
className:
|
|
68
|
+
className: classnames__default["default"]("neeto-ui-switch__item", {
|
|
57
69
|
"neeto-ui-switch__item--checked": !!checked,
|
|
58
70
|
"neeto-ui-switch__item--disabled": disabled
|
|
59
71
|
})
|
|
60
|
-
}, /*#__PURE__*/React__default["default"].createElement("input",
|
|
72
|
+
}, /*#__PURE__*/React__default["default"].createElement("input", _extends__default["default"]({
|
|
61
73
|
onChange: onChange,
|
|
62
74
|
type: "checkbox"
|
|
63
75
|
}, otherProps)), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
64
76
|
"aria-hidden": "true",
|
|
65
|
-
"data-cy": "".concat(index
|
|
66
|
-
className:
|
|
77
|
+
"data-cy": "".concat(index.hyphenize(renderLabel), "-switch"),
|
|
78
|
+
className: classnames__default["default"]("neeto-ui-switch", {
|
|
67
79
|
"neeto-ui-switch--checked": !!checked
|
|
68
80
|
})
|
|
69
81
|
}, checked ? /*#__PURE__*/React__default["default"].createElement(neetoIcons.Check, {
|
|
@@ -74,13 +86,13 @@ var Switch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
74
86
|
"data-testid": "close-icon",
|
|
75
87
|
size: "12",
|
|
76
88
|
strokeWidth: 3
|
|
77
|
-
}))), renderLabel && /*#__PURE__*/React__default["default"].createElement(Label,
|
|
89
|
+
}))), renderLabel && /*#__PURE__*/React__default["default"].createElement(Label, _extends__default["default"]({
|
|
78
90
|
required: required,
|
|
79
|
-
"data-cy": "".concat(index
|
|
91
|
+
"data-cy": "".concat(index.hyphenize(renderLabel), "-switch-label"),
|
|
80
92
|
htmlFor: id
|
|
81
93
|
}, labelProps), renderLabel)), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
82
94
|
className: "neeto-ui-input__error",
|
|
83
|
-
"data-cy": "".concat(index
|
|
95
|
+
"data-cy": "".concat(index.hyphenize(renderLabel), "-switch-error"),
|
|
84
96
|
id: errorId
|
|
85
97
|
}, error));
|
|
86
98
|
});
|
package/dist/cjs/Switch.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sources":["../../src/components/Switch.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Check, Close } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize, noop } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Switch = forwardRef(\n (\n {\n label = \"\",\n required = false,\n className = \"\",\n error = \"\",\n onChange = noop,\n labelProps,\n children,\n ...otherProps\n },\n ref\n ) => {\n const id = useId(otherProps.id);\n const errorId = `error_${id}`;\n const { checked, disabled } = otherProps;\n const renderLabel = label || children;\n\n return (\n <div\n {...{ ref }}\n className={classnames([\"neeto-ui-switch__wrapper\", className])}\n >\n <div className=\"neeto-ui-switch__container\">\n <label\n tabIndex={0}\n className={classnames(\"neeto-ui-switch__item\", {\n \"neeto-ui-switch__item--checked\": !!checked,\n \"neeto-ui-switch__item--disabled\": disabled,\n })}\n >\n <input {...{ onChange }} type=\"checkbox\" {...otherProps} />\n <span\n aria-hidden=\"true\"\n data-cy={`${hyphenize(renderLabel)}-switch`}\n className={classnames(\"neeto-ui-switch\", {\n \"neeto-ui-switch--checked\": !!checked,\n })}\n >\n {checked ? (\n <Check data-testid=\"check-icon\" size=\"12\" strokeWidth={4} />\n ) : (\n <Close data-testid=\"close-icon\" size=\"12\" strokeWidth={3} />\n )}\n </span>\n </label>\n {renderLabel && (\n <Label\n {...{ required }}\n data-cy={`${hyphenize(renderLabel)}-switch-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)}-switch-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n </div>\n );\n }\n);\n\nSwitch.displayName = \"Switch\";\n\nSwitch.propTypes = {\n /**\n * Text to be displayed above the component\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 whether to show the required asterisk.\n */\n required: PropTypes.bool,\n /**\n * Provide external classnames to spinner component.\n */\n className: PropTypes.string,\n /**\n * To specify the error message to be shown.\n */\n error: PropTypes.string,\n /**\n * Checks whether the Switch is checked or not\n */\n checked: PropTypes.bool,\n /**\n * To disable the component\n */\n disabled: PropTypes.bool,\n /**\n * To specify the children label to be rendered inside the Checkbox.\n */\n children: PropTypes.string,\n};\n\nexport default Switch;\n"],"names":["Switch","forwardRef","_ref","ref","_ref$label","label","_ref$required","required","_ref$className","className","_ref$error","error","_ref$onChange","onChange","noop","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","checked","disabled","renderLabel","React","createElement","classnames","tabIndex","_extends","type","hyphenize","Check","size","strokeWidth","Close","Label","htmlFor","displayName"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Switch.js","sources":["../../src/components/Switch.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Check, Close } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize, noop } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Switch = forwardRef(\n (\n {\n label = \"\",\n required = false,\n className = \"\",\n error = \"\",\n onChange = noop,\n labelProps,\n children,\n ...otherProps\n },\n ref\n ) => {\n const id = useId(otherProps.id);\n const errorId = `error_${id}`;\n const { checked, disabled } = otherProps;\n const renderLabel = label || children;\n\n return (\n <div\n {...{ ref }}\n className={classnames([\"neeto-ui-switch__wrapper\", className])}\n >\n <div className=\"neeto-ui-switch__container\">\n <label\n tabIndex={0}\n className={classnames(\"neeto-ui-switch__item\", {\n \"neeto-ui-switch__item--checked\": !!checked,\n \"neeto-ui-switch__item--disabled\": disabled,\n })}\n >\n <input {...{ onChange }} type=\"checkbox\" {...otherProps} />\n <span\n aria-hidden=\"true\"\n data-cy={`${hyphenize(renderLabel)}-switch`}\n className={classnames(\"neeto-ui-switch\", {\n \"neeto-ui-switch--checked\": !!checked,\n })}\n >\n {checked ? (\n <Check data-testid=\"check-icon\" size=\"12\" strokeWidth={4} />\n ) : (\n <Close data-testid=\"close-icon\" size=\"12\" strokeWidth={3} />\n )}\n </span>\n </label>\n {renderLabel && (\n <Label\n {...{ required }}\n data-cy={`${hyphenize(renderLabel)}-switch-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)}-switch-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n </div>\n );\n }\n);\n\nSwitch.displayName = \"Switch\";\n\nSwitch.propTypes = {\n /**\n * Text to be displayed above the component\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 whether to show the required asterisk.\n */\n required: PropTypes.bool,\n /**\n * Provide external classnames to spinner component.\n */\n className: PropTypes.string,\n /**\n * To specify the error message to be shown.\n */\n error: PropTypes.string,\n /**\n * Checks whether the Switch is checked or not\n */\n checked: PropTypes.bool,\n /**\n * To disable the component\n */\n disabled: PropTypes.bool,\n /**\n * To specify the children label to be rendered inside the Checkbox.\n */\n children: PropTypes.string,\n};\n\nexport default Switch;\n"],"names":["Switch","forwardRef","_ref","ref","_ref$label","label","_ref$required","required","_ref$className","className","_ref$error","error","_ref$onChange","onChange","noop","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","checked","disabled","renderLabel","React","createElement","classnames","tabIndex","_extends","type","hyphenize","Check","size","strokeWidth","Close","Label","htmlFor","displayName"],"mappings":"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"}
|
package/dist/cjs/Tab.js
CHANGED
|
@@ -1,20 +1,23 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _extends = require('
|
|
4
|
-
var
|
|
3
|
+
var _extends = require('@babel/runtime/helpers/extends');
|
|
4
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var
|
|
7
|
-
var
|
|
6
|
+
var classnames = require('classnames');
|
|
7
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
8
8
|
var reactRouterDom = require('react-router-dom');
|
|
9
|
-
require('./toPropertyKey-bfa2e465.js');
|
|
10
9
|
|
|
11
10
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
11
|
|
|
12
|
+
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
13
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
13
14
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
16
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
14
17
|
|
|
15
18
|
var _excluded$1 = ["active", "className", "children", "icon", "onClick", "activeClassName"];
|
|
16
19
|
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; }
|
|
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) {
|
|
20
|
+
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__default["default"](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; }
|
|
18
21
|
var Item = function Item(_ref) {
|
|
19
22
|
var active = _ref.active,
|
|
20
23
|
_ref$className = _ref.className,
|
|
@@ -26,7 +29,7 @@ var Item = function Item(_ref) {
|
|
|
26
29
|
onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
|
|
27
30
|
_ref$activeClassName = _ref.activeClassName,
|
|
28
31
|
activeClassName = _ref$activeClassName === void 0 ? "" : _ref$activeClassName,
|
|
29
|
-
otherProps =
|
|
32
|
+
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$1);
|
|
30
33
|
var Icon = typeof icon === "string" ? function () {
|
|
31
34
|
return /*#__PURE__*/React__default["default"].createElement("i", {
|
|
32
35
|
className: icon,
|
|
@@ -38,9 +41,9 @@ var Item = function Item(_ref) {
|
|
|
38
41
|
var buttonAttributes = activeClassName ? {} : {
|
|
39
42
|
type: "button"
|
|
40
43
|
};
|
|
41
|
-
return /*#__PURE__*/React__default["default"].createElement(Parent,
|
|
44
|
+
return /*#__PURE__*/React__default["default"].createElement(Parent, _extends__default["default"]({
|
|
42
45
|
"data-cy": "tab-item",
|
|
43
|
-
className:
|
|
46
|
+
className: classnames__default["default"](["neeto-ui-tab neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-select-none", className], {
|
|
44
47
|
active: active
|
|
45
48
|
}),
|
|
46
49
|
onClick: onClick
|
|
@@ -63,10 +66,10 @@ var Tab = function Tab(_ref) {
|
|
|
63
66
|
children = _ref.children,
|
|
64
67
|
_ref$className = _ref.className,
|
|
65
68
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
66
|
-
otherProps =
|
|
67
|
-
return /*#__PURE__*/React__default["default"].createElement("div",
|
|
69
|
+
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
70
|
+
return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
|
|
68
71
|
"data-cy": "tab-container",
|
|
69
|
-
className:
|
|
72
|
+
className: classnames__default["default"]({
|
|
70
73
|
"neeto-ui-tab__wrapper neeto-ui-flex": true,
|
|
71
74
|
"neeto-ui-tab__wrapper--size-large": size === SIZES.large,
|
|
72
75
|
"neeto-ui-tab__wrapper--size-small": size === SIZES.small,
|
package/dist/cjs/Tab.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.js","sources":["../../src/components/Tab/Item.jsx","../../src/components/Tab/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { NavLink } from \"react-router-dom\";\n\nconst Item = ({\n active,\n className = \"\",\n children,\n icon = null,\n onClick = () => {},\n activeClassName = \"\",\n ...otherProps\n}) => {\n const Icon =\n typeof icon === \"string\"\n ? () => (\n <i className={icon} data-cy=\"tab-item-icon\" data-testid=\"tab-icon\" />\n )\n : icon || React.Fragment;\n\n const Parent = activeClassName ? NavLink : \"button\";\n const buttonAttributes = activeClassName ? {} : { type: \"button\" };\n\n return (\n <Parent\n data-cy=\"tab-item\"\n className={classnames(\n [\n \"neeto-ui-tab neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-select-none\",\n className,\n ],\n { active }\n )}\n onClick={onClick}\n {...{ ...otherProps, ...buttonAttributes }}\n >\n {icon && <Icon className=\"neeto-ui-tab__icon\" />}\n {children}\n </Parent>\n );\n};\n\nItem.displayName = \"Tab.Item\";\n\nItem.propTypes = {\n /**\n * To set the active Tab\n */\n active: PropTypes.bool,\n /**\n * Extra classes can be provided to the TabItem\n */\n className: PropTypes.string,\n /**\n * To add content inside TabItem\n */\n children: PropTypes.node,\n /**\n * To add icons to TabItem\n */\n icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n /**\n * Callback to be triggered when user clicks on the TabItem\n */\n onClick: PropTypes.func,\n activeClassName: PropTypes.string,\n};\n\nexport default Item;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Item from \"./Item\";\n\nconst SIZES = { large: \"large\", small: \"small\" };\n\nconst Tab = ({\n size = SIZES.small,\n noUnderline = false,\n children,\n className = \"\",\n ...otherProps\n}) => (\n <div\n data-cy=\"tab-container\"\n className={classnames(\n {\n \"neeto-ui-tab__wrapper neeto-ui-flex\": true,\n \"neeto-ui-tab__wrapper--size-large\": size === SIZES.large,\n \"neeto-ui-tab__wrapper--size-small\": size === SIZES.small,\n \"neeto-ui-tab__wrapper--underline-none\": noUnderline,\n },\n [className]\n )}\n {...otherProps}\n >\n {children}\n </div>\n);\n\nTab.propTypes = {\n /**\n * To hide the underline\n */\n noUnderline: PropTypes.bool,\n /**\n * Set the size of the Tabs.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To add content inside the Tab\n */\n children: PropTypes.node,\n /**\n * Extra classes can be provided to the Tab\n */\n className: PropTypes.string,\n};\n\nTab.Item = Item;\n\nexport default Tab;\n"],"names":["Item","_ref","active","_ref$className","className","children","_ref$icon","icon","_ref$onClick","onClick","_ref$activeClassName","activeClassName","otherProps","_objectWithoutProperties","_excluded","Icon","React","createElement","Fragment","Parent","NavLink","buttonAttributes","type","_extends","classnames","_objectSpread","displayName","SIZES","large","small","Tab","_ref$size","size","_ref$noUnderline","noUnderline"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tab.js","sources":["../../src/components/Tab/Item.jsx","../../src/components/Tab/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { NavLink } from \"react-router-dom\";\n\nconst Item = ({\n active,\n className = \"\",\n children,\n icon = null,\n onClick = () => {},\n activeClassName = \"\",\n ...otherProps\n}) => {\n const Icon =\n typeof icon === \"string\"\n ? () => (\n <i className={icon} data-cy=\"tab-item-icon\" data-testid=\"tab-icon\" />\n )\n : icon || React.Fragment;\n\n const Parent = activeClassName ? NavLink : \"button\";\n const buttonAttributes = activeClassName ? {} : { type: \"button\" };\n\n return (\n <Parent\n data-cy=\"tab-item\"\n className={classnames(\n [\n \"neeto-ui-tab neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-select-none\",\n className,\n ],\n { active }\n )}\n onClick={onClick}\n {...{ ...otherProps, ...buttonAttributes }}\n >\n {icon && <Icon className=\"neeto-ui-tab__icon\" />}\n {children}\n </Parent>\n );\n};\n\nItem.displayName = \"Tab.Item\";\n\nItem.propTypes = {\n /**\n * To set the active Tab\n */\n active: PropTypes.bool,\n /**\n * Extra classes can be provided to the TabItem\n */\n className: PropTypes.string,\n /**\n * To add content inside TabItem\n */\n children: PropTypes.node,\n /**\n * To add icons to TabItem\n */\n icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n /**\n * Callback to be triggered when user clicks on the TabItem\n */\n onClick: PropTypes.func,\n activeClassName: PropTypes.string,\n};\n\nexport default Item;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Item from \"./Item\";\n\nconst SIZES = { large: \"large\", small: \"small\" };\n\nconst Tab = ({\n size = SIZES.small,\n noUnderline = false,\n children,\n className = \"\",\n ...otherProps\n}) => (\n <div\n data-cy=\"tab-container\"\n className={classnames(\n {\n \"neeto-ui-tab__wrapper neeto-ui-flex\": true,\n \"neeto-ui-tab__wrapper--size-large\": size === SIZES.large,\n \"neeto-ui-tab__wrapper--size-small\": size === SIZES.small,\n \"neeto-ui-tab__wrapper--underline-none\": noUnderline,\n },\n [className]\n )}\n {...otherProps}\n >\n {children}\n </div>\n);\n\nTab.propTypes = {\n /**\n * To hide the underline\n */\n noUnderline: PropTypes.bool,\n /**\n * Set the size of the Tabs.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To add content inside the Tab\n */\n children: PropTypes.node,\n /**\n * Extra classes can be provided to the Tab\n */\n className: PropTypes.string,\n};\n\nTab.Item = Item;\n\nexport default Tab;\n"],"names":["Item","_ref","active","_ref$className","className","children","_ref$icon","icon","_ref$onClick","onClick","_ref$activeClassName","activeClassName","otherProps","_objectWithoutProperties","_excluded","Icon","React","createElement","Fragment","Parent","NavLink","buttonAttributes","type","_extends","classnames","_objectSpread","displayName","SIZES","large","small","Tab","_ref$size","size","_ref$noUnderline","noUnderline"],"mappings":"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"}
|
package/dist/cjs/Table.js
CHANGED
|
@@ -2,42 +2,53 @@
|
|
|
2
2
|
|
|
3
3
|
var _ConfigProvider = require('antd/lib/config-provider');
|
|
4
4
|
var _Table = require('antd/lib/table');
|
|
5
|
-
var _extends = require('
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
5
|
+
var _extends = require('@babel/runtime/helpers/extends');
|
|
6
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
|
+
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
8
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
9
9
|
var React = require('react');
|
|
10
|
-
var
|
|
10
|
+
var classnames = require('classnames');
|
|
11
11
|
var neetoCist = require('@bigbinary/neeto-cist');
|
|
12
12
|
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
13
13
|
var ramda = require('ramda');
|
|
14
14
|
var ReactDragListView = require('react-drag-listview');
|
|
15
15
|
var reactRouterDom = require('react-router-dom');
|
|
16
|
-
require('
|
|
16
|
+
require('@bigbinary/neeto-hotkeys');
|
|
17
17
|
require('./overlayManager.js');
|
|
18
|
-
var index = require('./index-
|
|
19
|
-
var useQueryParams = require('./useQueryParams-
|
|
18
|
+
var index = require('./index-f2e36d91.js');
|
|
19
|
+
var useQueryParams = require('./useQueryParams-a8ee2f76.js');
|
|
20
20
|
var Button = require('./Button.js');
|
|
21
21
|
var Callout = require('./Callout.js');
|
|
22
22
|
var Typography = require('./Typography.js');
|
|
23
|
-
var
|
|
23
|
+
var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
|
|
24
24
|
var Dropdown = require('./Dropdown.js');
|
|
25
25
|
var Popover = require('./Popover.js');
|
|
26
26
|
var reactResizable = require('react-resizable');
|
|
27
|
-
require('
|
|
28
|
-
require('
|
|
29
|
-
require('
|
|
27
|
+
require('@babel/runtime/helpers/classCallCheck');
|
|
28
|
+
require('@babel/runtime/helpers/createClass');
|
|
29
|
+
require('dayjs');
|
|
30
|
+
require('dayjs/plugin/localeData');
|
|
31
|
+
require('dayjs/plugin/utc');
|
|
32
|
+
require('dayjs/plugin/weekday');
|
|
33
|
+
require('dayjs/plugin/weekOfYear');
|
|
34
|
+
require('qs');
|
|
30
35
|
require('./motion-a1906aff.js');
|
|
31
|
-
require('./
|
|
36
|
+
require('./Tooltip.js');
|
|
37
|
+
require('@tippyjs/react');
|
|
32
38
|
require('tippy.js');
|
|
33
|
-
require('react-dom');
|
|
34
39
|
|
|
35
40
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
36
41
|
|
|
37
42
|
var _ConfigProvider__default = /*#__PURE__*/_interopDefaultLegacy(_ConfigProvider);
|
|
38
43
|
var _Table__default = /*#__PURE__*/_interopDefaultLegacy(_Table);
|
|
44
|
+
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
45
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
46
|
+
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
47
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
39
48
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
49
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
40
50
|
var ReactDragListView__default = /*#__PURE__*/_interopDefaultLegacy(ReactDragListView);
|
|
51
|
+
var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
|
|
41
52
|
|
|
42
53
|
var useTimeout = function useTimeout(callback, delay) {
|
|
43
54
|
var savedCallback = React.useRef(callback);
|
|
@@ -62,7 +73,7 @@ var SelectAllRowsCallout = function SelectAllRowsCallout(_ref) {
|
|
|
62
73
|
onBulkSelectAllRows = _ref.onBulkSelectAllRows,
|
|
63
74
|
selectAllRowButtonLabel = _ref.selectAllRowButtonLabel,
|
|
64
75
|
selectAllRowMessage = _ref.selectAllRowMessage;
|
|
65
|
-
return /*#__PURE__*/React__default["default"].createElement(Callout,
|
|
76
|
+
return /*#__PURE__*/React__default["default"].createElement(Callout, _extends__default["default"]({
|
|
66
77
|
className: "my-2"
|
|
67
78
|
}, calloutProps, {
|
|
68
79
|
"data-testid": "select-all-rows-callout"
|
|
@@ -143,7 +154,7 @@ var SortIcon = function SortIcon(_ref) {
|
|
|
143
154
|
};
|
|
144
155
|
|
|
145
156
|
function ownKeys$2(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; }
|
|
146
|
-
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) {
|
|
157
|
+
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
147
158
|
var useResizableColumns = function useResizableColumns(_ref) {
|
|
148
159
|
var columns = _ref.columns,
|
|
149
160
|
setColumns = _ref.setColumns,
|
|
@@ -160,7 +171,7 @@ var useResizableColumns = function useResizableColumns(_ref) {
|
|
|
160
171
|
var handleResize = function handleResize(index) {
|
|
161
172
|
return function (_, _ref2) {
|
|
162
173
|
var size = _ref2.size;
|
|
163
|
-
var nextColumns =
|
|
174
|
+
var nextColumns = _toConsumableArray__default["default"](columns);
|
|
164
175
|
nextColumns[index] = _objectSpread$2(_objectSpread$2({}, nextColumns[index]), {}, {
|
|
165
176
|
width: size.width
|
|
166
177
|
});
|
|
@@ -208,7 +219,7 @@ var useResizableColumns = function useResizableColumns(_ref) {
|
|
|
208
219
|
};
|
|
209
220
|
|
|
210
221
|
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; }
|
|
211
|
-
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) {
|
|
222
|
+
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__default["default"](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; }
|
|
212
223
|
var useColumns = function useColumns(_ref) {
|
|
213
224
|
var columns = _ref.columns,
|
|
214
225
|
setColumns = _ref.setColumns,
|
|
@@ -284,7 +295,7 @@ var useTableSort = function useTableSort() {
|
|
|
284
295
|
var _useState = React.useState(function () {
|
|
285
296
|
return getSortInfoFromQueryParams(queryParams);
|
|
286
297
|
}),
|
|
287
|
-
_useState2 =
|
|
298
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
288
299
|
sortedInfo = _useState2[0],
|
|
289
300
|
setSortedInfo = _useState2[1];
|
|
290
301
|
React.useEffect(function () {
|
|
@@ -437,12 +448,12 @@ var CellContent = function CellContent(_ref) {
|
|
|
437
448
|
column = _ref.column,
|
|
438
449
|
_ref$moreActions = _ref.moreActions,
|
|
439
450
|
moreActions = _ref$moreActions === void 0 ? [] : _ref$moreActions,
|
|
440
|
-
headerProps =
|
|
451
|
+
headerProps = _objectWithoutProperties__default["default"](_ref, _excluded$4);
|
|
441
452
|
var isColumnHidable = isHidable && neetoCist.isPresent(onColumnHide);
|
|
442
453
|
var isColumnDeletable = isDeletable && neetoCist.isPresent(onColumnDelete);
|
|
443
454
|
var hasMoreActions = !ramda.isEmpty(moreActions) && neetoCist.isPresent(onMoreActionClick);
|
|
444
455
|
var hasMoreMenu = isSortable || neetoCist.isPresent(column === null || column === void 0 ? void 0 : column.description) || isColumnHidable || isAddEnabled || hasMoreActions;
|
|
445
|
-
return /*#__PURE__*/React__default["default"].createElement("th",
|
|
456
|
+
return /*#__PURE__*/React__default["default"].createElement("th", _extends__default["default"]({}, headerProps, {
|
|
446
457
|
title: "",
|
|
447
458
|
onClick: isSortable ? neetoCist.noop : headerProps.onClick
|
|
448
459
|
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -473,10 +484,10 @@ var HeaderCell = function HeaderCell(props) {
|
|
|
473
484
|
width = props.width,
|
|
474
485
|
onResizeStop = props.onResizeStop,
|
|
475
486
|
className = props.className,
|
|
476
|
-
restProps =
|
|
487
|
+
restProps = _objectWithoutProperties__default["default"](props, _excluded$3);
|
|
477
488
|
if (!width) {
|
|
478
|
-
return /*#__PURE__*/React__default["default"].createElement(CellContent,
|
|
479
|
-
className:
|
|
489
|
+
return /*#__PURE__*/React__default["default"].createElement(CellContent, _extends__default["default"]({}, restProps, {
|
|
490
|
+
className: classnames__default["default"](className, "drag-handler")
|
|
480
491
|
}));
|
|
481
492
|
}
|
|
482
493
|
return /*#__PURE__*/React__default["default"].createElement(reactResizable.Resizable, {
|
|
@@ -493,8 +504,8 @@ var HeaderCell = function HeaderCell(props) {
|
|
|
493
504
|
return e.stopPropagation();
|
|
494
505
|
}
|
|
495
506
|
})
|
|
496
|
-
}, /*#__PURE__*/React__default["default"].createElement(CellContent,
|
|
497
|
-
className:
|
|
507
|
+
}, /*#__PURE__*/React__default["default"].createElement(CellContent, _extends__default["default"]({}, restProps, {
|
|
508
|
+
className: classnames__default["default"](className, "drag-handler")
|
|
498
509
|
})));
|
|
499
510
|
};
|
|
500
511
|
|
|
@@ -503,7 +514,7 @@ var ResizableHeaderCell = function ResizableHeaderCell(props) {
|
|
|
503
514
|
var onResize = props.onResize,
|
|
504
515
|
width = props.width,
|
|
505
516
|
onResizeStop = props.onResizeStop,
|
|
506
|
-
restProps =
|
|
517
|
+
restProps = _objectWithoutProperties__default["default"](props, _excluded$2);
|
|
507
518
|
if (!width) {
|
|
508
519
|
return /*#__PURE__*/React__default["default"].createElement(CellContent, restProps);
|
|
509
520
|
}
|
|
@@ -527,9 +538,9 @@ var ResizableHeaderCell = function ResizableHeaderCell(props) {
|
|
|
527
538
|
var _excluded$1 = ["className"];
|
|
528
539
|
var ReorderableHeaderCell = function ReorderableHeaderCell(_ref) {
|
|
529
540
|
var className = _ref.className,
|
|
530
|
-
props =
|
|
531
|
-
return /*#__PURE__*/React__default["default"].createElement(CellContent,
|
|
532
|
-
className:
|
|
541
|
+
props = _objectWithoutProperties__default["default"](_ref, _excluded$1);
|
|
542
|
+
return /*#__PURE__*/React__default["default"].createElement(CellContent, _extends__default["default"]({}, props, {
|
|
543
|
+
className: classnames__default["default"](className, "drag-handler")
|
|
533
544
|
}));
|
|
534
545
|
};
|
|
535
546
|
|
|
@@ -555,7 +566,7 @@ var isIncludedIn = function isIncludedIn(array1, array2) {
|
|
|
555
566
|
|
|
556
567
|
var _excluded = ["allowRowClick", "enableColumnResize", "enableColumnReorder", "enableAddColumn", "className", "columnData", "currentPageNumber", "defaultPageSize", "handlePageChange", "loading", "onRowClick", "onRowSelect", "rowData", "totalCount", "selectedRowKeys", "fixedHeight", "paginationProps", "rowKey", "scroll", "rowSelection", "shouldDynamicallyRenderRowSize", "bordered", "onColumnUpdate", "components", "onColumnHide", "onColumnAdd", "onColumnDelete", "onChange", "onMoreActionClick", "bulkSelectAllRowsProps"];
|
|
557
568
|
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; }
|
|
558
|
-
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) {
|
|
569
|
+
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__default["default"](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; }
|
|
559
570
|
var TABLE_PAGINATION_HEIGHT = 64;
|
|
560
571
|
var TABLE_DEFAULT_HEADER_HEIGHT = 40;
|
|
561
572
|
var TABLE_ROW_HEIGHT = 52;
|
|
@@ -611,21 +622,21 @@ var Table = function Table(_ref) {
|
|
|
611
622
|
onChange = _ref.onChange,
|
|
612
623
|
onMoreActionClick = _ref.onMoreActionClick,
|
|
613
624
|
bulkSelectAllRowsProps = _ref.bulkSelectAllRowsProps,
|
|
614
|
-
otherProps =
|
|
625
|
+
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
615
626
|
var _useState = React.useState(null),
|
|
616
|
-
_useState2 =
|
|
627
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
617
628
|
containerHeight = _useState2[0],
|
|
618
629
|
setContainerHeight = _useState2[1];
|
|
619
630
|
var _useState3 = React.useState(TABLE_DEFAULT_HEADER_HEIGHT),
|
|
620
|
-
_useState4 =
|
|
631
|
+
_useState4 = _slicedToArray__default["default"](_useState3, 2),
|
|
621
632
|
headerHeight = _useState4[0],
|
|
622
633
|
setHeaderHeight = _useState4[1];
|
|
623
634
|
var _useState5 = React.useState(columnData),
|
|
624
|
-
_useState6 =
|
|
635
|
+
_useState6 = _slicedToArray__default["default"](_useState5, 2),
|
|
625
636
|
columns = _useState6[0],
|
|
626
637
|
setColumns = _useState6[1];
|
|
627
638
|
var _useState7 = React.useState(false),
|
|
628
|
-
_useState8 =
|
|
639
|
+
_useState8 = _slicedToArray__default["default"](_useState7, 2),
|
|
629
640
|
bulkSelectedAllRows = _useState8[0],
|
|
630
641
|
setBulkSelectedAllRows = _useState8[1];
|
|
631
642
|
var _useTableSort = useTableSort(),
|
|
@@ -639,7 +650,7 @@ var Table = function Table(_ref) {
|
|
|
639
650
|
var headerRef = React.useRef();
|
|
640
651
|
var tableOnChangeProps = React.useRef({});
|
|
641
652
|
var resizeObserver = React.useRef(new ResizeObserver(function (_ref3) {
|
|
642
|
-
var _ref4 =
|
|
653
|
+
var _ref4 = _slicedToArray__default["default"](_ref3, 1),
|
|
643
654
|
entry = _ref4[0];
|
|
644
655
|
return setContainerHeight(entry.contentRect.height);
|
|
645
656
|
}));
|
|
@@ -755,14 +766,14 @@ var Table = function Table(_ref) {
|
|
|
755
766
|
size: "small",
|
|
756
767
|
style: "text"
|
|
757
768
|
};
|
|
758
|
-
if (type === "prev") return /*#__PURE__*/React__default["default"].createElement(Button,
|
|
769
|
+
if (type === "prev") return /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
|
|
759
770
|
icon: neetoIcons.Left
|
|
760
771
|
}, commonProps));
|
|
761
|
-
if (type === "next") return /*#__PURE__*/React__default["default"].createElement(Button,
|
|
772
|
+
if (type === "next") return /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
|
|
762
773
|
icon: neetoIcons.Right
|
|
763
774
|
}, commonProps));
|
|
764
775
|
if (type === "jump-prev" || type === "jump-next") {
|
|
765
|
-
return /*#__PURE__*/React__default["default"].createElement(Button,
|
|
776
|
+
return /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
|
|
766
777
|
icon: neetoIcons.MenuHorizontal
|
|
767
778
|
}, commonProps));
|
|
768
779
|
}
|
|
@@ -836,12 +847,12 @@ var Table = function Table(_ref) {
|
|
|
836
847
|
}
|
|
837
848
|
}
|
|
838
849
|
}
|
|
839
|
-
}, bulkSelectAllRowsProps && showBulkSelectionCallout && /*#__PURE__*/React__default["default"].createElement(SelectAllRowsCallout,
|
|
850
|
+
}, bulkSelectAllRowsProps && showBulkSelectionCallout && /*#__PURE__*/React__default["default"].createElement(SelectAllRowsCallout, _extends__default["default"]({}, bulkSelectAllRowsProps, {
|
|
840
851
|
onBulkSelectAllRows: function onBulkSelectAllRows() {
|
|
841
852
|
setBulkSelectedAllRows(true);
|
|
842
853
|
handleSetBulkSelectedAllRows === null || handleSetBulkSelectedAllRows === void 0 || handleSetBulkSelectedAllRows(true);
|
|
843
854
|
}
|
|
844
|
-
})), /*#__PURE__*/React__default["default"].createElement(_Table__default["default"],
|
|
855
|
+
})), /*#__PURE__*/React__default["default"].createElement(_Table__default["default"], _extends__default["default"]({
|
|
845
856
|
bordered: bordered,
|
|
846
857
|
loading: loading,
|
|
847
858
|
locale: locale,
|
|
@@ -863,7 +874,7 @@ var Table = function Table(_ref) {
|
|
|
863
874
|
onChange: handlePageChange,
|
|
864
875
|
itemRender: itemRender
|
|
865
876
|
}),
|
|
866
|
-
rowClassName:
|
|
877
|
+
rowClassName: classnames__default["default"]("neeto-ui-table--row", {
|
|
867
878
|
"neeto-ui-table--row_hover": allowRowClick
|
|
868
879
|
}, [className]),
|
|
869
880
|
scroll: _objectSpread({
|
|
@@ -874,7 +885,7 @@ var Table = function Table(_ref) {
|
|
|
874
885
|
onHeaderRow: function onHeaderRow() {
|
|
875
886
|
return {
|
|
876
887
|
ref: headerRef,
|
|
877
|
-
className:
|
|
888
|
+
className: classnames__default["default"]("neeto-ui-table__header", {
|
|
878
889
|
"neeto-ui-table-reorderable": enableColumnReorder
|
|
879
890
|
}),
|
|
880
891
|
id: "neeto-ui-table__header"
|