@bigbinary/neetoui 7.0.2 → 7.0.4
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 +2 -290
- package/dist/Accordion.js.map +1 -1
- package/dist/ActionDropdown.js +1 -1
- package/dist/Alert.js +1 -1
- package/dist/Button.js +1 -1
- package/dist/Checkbox.js +1 -1
- package/dist/ColorPicker.js +2 -1199
- package/dist/ColorPicker.js.map +1 -1
- package/dist/DatePicker.js +81 -297
- package/dist/DatePicker.js.map +1 -1
- package/dist/DateTimePicker.js +75 -159
- package/dist/DateTimePicker.js.map +1 -1
- package/dist/Dropdown.js +1 -1
- package/dist/HeaderCellMenu-4e7c17aa.js +134 -0
- package/dist/HeaderCellMenu-4e7c17aa.js.map +1 -0
- package/dist/Input.js +1 -1
- package/dist/Label.js +1 -1
- package/dist/Modal.js +1 -1
- package/dist/MultiEmailInput.js +1 -1
- package/dist/NoData.js +1 -1
- package/dist/Pane.js +1 -1
- package/dist/ProgressBar.js +1 -1
- package/dist/Radio.js +1 -1
- package/dist/Select.js +1 -1
- package/dist/Slider.js +1 -1
- package/dist/Switch.js +1 -1
- package/dist/Table.js +5 -129
- package/dist/Table.js.map +1 -1
- package/dist/Textarea-938a680f.js +163 -0
- package/dist/Textarea-938a680f.js.map +1 -0
- package/dist/Textarea.js +11 -147
- package/dist/Textarea.js.map +1 -1
- package/dist/TimePicker.js +80 -174
- package/dist/TimePicker.js.map +1 -1
- package/dist/TimePickerInput.js +1 -1
- package/dist/TreeSelect.js +1 -1
- package/dist/cjs/Accordion.js +3 -309
- package/dist/cjs/Accordion.js.map +1 -1
- package/dist/cjs/ActionDropdown.js +1 -1
- package/dist/cjs/Alert.js +1 -1
- package/dist/cjs/Button.js +4 -4
- package/dist/cjs/Button.js.map +1 -1
- package/dist/cjs/Checkbox.js +1 -1
- package/dist/cjs/ColorPicker.js +5 -1202
- package/dist/cjs/ColorPicker.js.map +1 -1
- package/dist/cjs/DatePicker.js +82 -305
- package/dist/cjs/DatePicker.js.map +1 -1
- package/dist/cjs/DateTimePicker.js +76 -166
- package/dist/cjs/DateTimePicker.js.map +1 -1
- package/dist/cjs/Dropdown.js +1 -1
- package/dist/cjs/HeaderCellMenu-a3d12310.js +142 -0
- package/dist/cjs/HeaderCellMenu-a3d12310.js.map +1 -0
- package/dist/cjs/Input.js +1 -1
- package/dist/cjs/Label.js +1 -1
- package/dist/cjs/Modal.js +1 -1
- package/dist/cjs/MultiEmailInput.js +1 -1
- package/dist/cjs/NoData.js +1 -1
- package/dist/cjs/Pane.js +1 -1
- package/dist/cjs/ProgressBar.js +2 -2
- package/dist/cjs/ProgressBar.js.map +1 -1
- package/dist/cjs/Radio.js +1 -1
- package/dist/cjs/Select.js +1 -1
- package/dist/cjs/Slider.js +1 -1
- package/dist/cjs/Switch.js +1 -1
- package/dist/cjs/Table.js +11 -135
- package/dist/cjs/Table.js.map +1 -1
- package/dist/cjs/Textarea-0975f6d6.js +175 -0
- package/dist/cjs/Textarea-0975f6d6.js.map +1 -0
- package/dist/cjs/Textarea.js +12 -153
- package/dist/cjs/Textarea.js.map +1 -1
- package/dist/cjs/TimePicker.js +81 -181
- package/dist/cjs/TimePicker.js.map +1 -1
- package/dist/cjs/TimePickerInput.js +1 -1
- package/dist/cjs/TreeSelect.js +1 -1
- package/dist/cjs/formik/ActionBlock.js +1 -1
- package/dist/cjs/formik/BlockNavigation.js +1 -1
- package/dist/cjs/formik/Button.js +1 -1
- package/dist/cjs/formik/Checkbox.js +1 -1
- package/dist/cjs/formik/Input.js +1 -1
- package/dist/cjs/formik/MultiEmailInput.js +1 -1
- package/dist/cjs/formik/Radio.js +1 -1
- package/dist/cjs/formik/Select.js +1 -1
- package/dist/cjs/formik/Slider.js +1 -1
- package/dist/cjs/formik/Switch.js +1 -1
- package/dist/cjs/formik/Textarea.js +3 -4
- package/dist/cjs/formik/Textarea.js.map +1 -1
- package/dist/cjs/formik/TreeSelect.js +1 -1
- package/dist/cjs/formik/index.js +2 -3
- package/dist/cjs/formik/index.js.map +1 -1
- package/dist/cjs/index-327e31a2.js +647 -0
- package/dist/cjs/index-327e31a2.js.map +1 -0
- package/dist/cjs/index.js +25 -26
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/tinycolor-b1e9a7b2.js +1202 -0
- package/dist/cjs/tinycolor-b1e9a7b2.js.map +1 -0
- package/dist/formik/ActionBlock.js +1 -1
- package/dist/formik/BlockNavigation.js +1 -1
- package/dist/formik/Button.js +1 -1
- package/dist/formik/Checkbox.js +1 -1
- package/dist/formik/Input.js +1 -1
- package/dist/formik/MultiEmailInput.js +1 -1
- package/dist/formik/Radio.js +1 -1
- package/dist/formik/Select.js +1 -1
- package/dist/formik/Slider.js +1 -1
- package/dist/formik/Switch.js +1 -1
- package/dist/formik/Textarea.js +2 -3
- package/dist/formik/Textarea.js.map +1 -1
- package/dist/formik/TreeSelect.js +1 -1
- package/dist/formik/index.js +2 -3
- package/dist/formik/index.js.map +1 -1
- package/dist/index-eb249a9f.js +630 -0
- package/dist/index-eb249a9f.js.map +1 -0
- package/dist/index.js +21 -22
- package/dist/index.js.map +1 -1
- package/dist/tinycolor-282c618c.js +1200 -0
- package/dist/tinycolor-282c618c.js.map +1 -0
- package/package.json +3 -2
- package/types/DatePicker.d.ts +1 -0
- package/types/TimePicker.d.ts +1 -0
- package/dist/cjs/motion-a1906aff.js +0 -8892
- package/dist/cjs/motion-a1906aff.js.map +0 -1
- package/dist/cjs/useSyncedRef-9c3dcd03.js +0 -19
- package/dist/cjs/useSyncedRef-9c3dcd03.js.map +0 -1
- package/dist/motion-087daf52.js +0 -8862
- package/dist/motion-087daf52.js.map +0 -1
- package/dist/useSyncedRef-226a3dbc.js +0 -17
- package/dist/useSyncedRef-226a3dbc.js.map +0 -1
|
@@ -1,190 +1,100 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
var DatePicker = require('./
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
3
|
+
require('@babel/runtime/helpers/extends');
|
|
4
|
+
require('@babel/runtime/helpers/defineProperty');
|
|
5
|
+
require('@babel/runtime/helpers/slicedToArray');
|
|
6
|
+
require('react');
|
|
7
|
+
require('classnames');
|
|
8
|
+
require('dayjs');
|
|
9
|
+
require('dayjs/plugin/customParseFormat');
|
|
10
|
+
require('@bigbinary/neeto-cist');
|
|
11
|
+
var DatePicker = require('./index-327e31a2.js');
|
|
12
|
+
require('./Label.js');
|
|
13
|
+
require('./TimePickerInput.js');
|
|
14
|
+
require('./useId-4e3deb5c.js');
|
|
15
15
|
require('react-router-dom');
|
|
16
16
|
require('@bigbinary/neeto-hotkeys');
|
|
17
17
|
require('./overlayManager.js');
|
|
18
|
-
|
|
18
|
+
require('./index-f2e36d91.js');
|
|
19
19
|
require('qs');
|
|
20
|
+
require('antd/lib/config-provider');
|
|
20
21
|
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
21
|
-
require('antd/lib/date-picker');
|
|
22
22
|
require('@bigbinary/neeto-icons');
|
|
23
|
-
require('./
|
|
24
|
-
require('
|
|
23
|
+
require('./Accordion.js');
|
|
24
|
+
require('ramda');
|
|
25
|
+
require('framer-motion');
|
|
26
|
+
require('./ActionDropdown.js');
|
|
25
27
|
require('./Button.js');
|
|
26
|
-
require('./motion-a1906aff.js');
|
|
27
28
|
require('./Tooltip.js');
|
|
28
29
|
require('@tippyjs/react');
|
|
29
30
|
require('tippy.js');
|
|
30
|
-
require('./
|
|
31
|
-
require('./Typography.js');
|
|
31
|
+
require('./Dropdown.js');
|
|
32
32
|
require('@babel/runtime/helpers/classCallCheck');
|
|
33
33
|
require('@babel/runtime/helpers/createClass');
|
|
34
34
|
require('dayjs/plugin/localeData');
|
|
35
35
|
require('dayjs/plugin/utc');
|
|
36
36
|
require('dayjs/plugin/weekday');
|
|
37
37
|
require('dayjs/plugin/weekOfYear');
|
|
38
|
-
require('
|
|
38
|
+
require('./Modal.js');
|
|
39
|
+
require('./useOverlayManager-1de0435e.js');
|
|
40
|
+
require('@babel/runtime/helpers/esm/extends');
|
|
41
|
+
require('@babel/runtime/helpers/esm/objectWithoutPropertiesLoose');
|
|
42
|
+
require('@babel/runtime/helpers/esm/inheritsLoose');
|
|
43
|
+
require('./index-63580e68.js');
|
|
44
|
+
require('react-dom');
|
|
45
|
+
require('@babel/runtime/helpers/esm/assertThisInitialized');
|
|
46
|
+
require('./Typography.js');
|
|
47
|
+
require('avvvatars-react');
|
|
48
|
+
require('./Checkbox.js');
|
|
49
|
+
require('./Popover.js');
|
|
50
|
+
require('@babel/runtime/helpers/asyncToGenerator');
|
|
51
|
+
require('@babel/runtime/regenerator');
|
|
52
|
+
require('react-colorful');
|
|
53
|
+
require('./tinycolor-b1e9a7b2.js');
|
|
54
|
+
require('antd/lib/date-picker');
|
|
55
|
+
require('./Input.js');
|
|
56
|
+
require('./MultiEmailInput.js');
|
|
57
|
+
require('@babel/runtime/helpers/toConsumableArray');
|
|
58
|
+
require('./react-select-creatable.esm-23eddf9f.js');
|
|
59
|
+
require('@babel/runtime/helpers/esm/objectSpread2');
|
|
60
|
+
require('@babel/runtime/helpers/esm/classCallCheck');
|
|
61
|
+
require('@babel/runtime/helpers/esm/createClass');
|
|
62
|
+
require('@babel/runtime/helpers/esm/inherits');
|
|
63
|
+
require('@babel/runtime/helpers/esm/createSuper');
|
|
64
|
+
require('@babel/runtime/helpers/esm/toConsumableArray');
|
|
65
|
+
require('@babel/runtime/helpers/esm/taggedTemplateLiteral');
|
|
66
|
+
require('@babel/runtime/helpers/esm/objectWithoutProperties');
|
|
67
|
+
require('@babel/runtime/helpers/esm/slicedToArray');
|
|
68
|
+
require('@babel/runtime/helpers/esm/typeof');
|
|
69
|
+
require('@babel/runtime/helpers/esm/defineProperty');
|
|
70
|
+
require('@babel/runtime/helpers/objectSpread2');
|
|
71
|
+
require('@babel/runtime/helpers/inherits');
|
|
72
|
+
require('@babel/runtime/helpers/createSuper');
|
|
73
|
+
require('@babel/runtime/helpers/taggedTemplateLiteral');
|
|
74
|
+
require('@babel/runtime/helpers/typeof');
|
|
75
|
+
require('@babel/runtime/helpers/toArray');
|
|
76
|
+
require('./Tag.js');
|
|
77
|
+
require('./Textarea-0975f6d6.js');
|
|
78
|
+
require('./Pane.js');
|
|
79
|
+
require('./Radio.js');
|
|
80
|
+
require('antd/lib/slider');
|
|
81
|
+
require('./Switch.js');
|
|
82
|
+
require('./Tab.js');
|
|
83
|
+
require('antd/lib/table');
|
|
84
|
+
require('react-drag-listview');
|
|
85
|
+
require('./HeaderCellMenu-a3d12310.js');
|
|
86
|
+
require('react-resizable');
|
|
87
|
+
require('./Toastr.js');
|
|
88
|
+
require('i18next');
|
|
89
|
+
require('react-toastify');
|
|
90
|
+
require('linkify-react');
|
|
91
|
+
require('antd/lib/tree');
|
|
92
|
+
require('./TreeSelect.js');
|
|
93
|
+
require('antd/lib/tree-select');
|
|
39
94
|
require('@wojtekmaj/react-timerange-picker');
|
|
40
95
|
require('react-time-picker');
|
|
41
96
|
|
|
42
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
43
|
-
|
|
44
|
-
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
45
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
46
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
47
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
48
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
49
|
-
var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
|
|
50
|
-
var customParseFormat__default = /*#__PURE__*/_interopDefaultLegacy(customParseFormat);
|
|
51
|
-
|
|
52
|
-
var DATE_FORMAT = "YYYY-MM-DD";
|
|
53
|
-
var TIME_FORMAT = "HH:mm";
|
|
54
|
-
var getDateTime = function getDateTime(date, time) {
|
|
55
|
-
if (neetoCist.isPresent(date) && neetoCist.isPresent(time)) {
|
|
56
|
-
return dayjs__default["default"]("".concat(date.format(DATE_FORMAT), " ").concat(time.format(TIME_FORMAT)));
|
|
57
|
-
}
|
|
58
|
-
return null;
|
|
59
|
-
};
|
|
60
|
-
var getAllowedTime = function getAllowedTime(date, time, minDateTime, maxDateTime) {
|
|
61
|
-
var newTime = getDateTime(date, time || dayjs__default["default"]());
|
|
62
|
-
if (neetoCist.isPresent(minDateTime) && date !== null && date !== void 0 && date.isSame(minDateTime, "day") && newTime !== null && newTime !== void 0 && newTime.isBefore(minDateTime)) {
|
|
63
|
-
return minDateTime;
|
|
64
|
-
}
|
|
65
|
-
if (neetoCist.isPresent(maxDateTime) && date !== null && date !== void 0 && date.isSame(maxDateTime, "day") && newTime !== null && newTime !== void 0 && newTime.isAfter(maxDateTime)) {
|
|
66
|
-
return maxDateTime;
|
|
67
|
-
}
|
|
68
|
-
return newTime;
|
|
69
|
-
};
|
|
70
|
-
var getTime = function getTime(date) {
|
|
71
|
-
return date === null || date === void 0 ? void 0 : date.format(TIME_FORMAT);
|
|
72
|
-
};
|
|
73
97
|
|
|
74
|
-
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; }
|
|
75
|
-
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; }
|
|
76
|
-
dayjs__default["default"].extend(customParseFormat__default["default"]);
|
|
77
|
-
var DateTimePicker = function DateTimePicker(_ref) {
|
|
78
|
-
var _ref$className = _ref.className,
|
|
79
|
-
className = _ref$className === void 0 ? "" : _ref$className,
|
|
80
|
-
_ref$label = _ref.label,
|
|
81
|
-
label = _ref$label === void 0 ? "" : _ref$label,
|
|
82
|
-
size = _ref.size,
|
|
83
|
-
dropdownClassName = _ref.dropdownClassName,
|
|
84
|
-
popupClassName = _ref.popupClassName,
|
|
85
|
-
dateFormat = _ref.dateFormat,
|
|
86
|
-
_ref$onChange = _ref.onChange,
|
|
87
|
-
onChange = _ref$onChange === void 0 ? index$1.noop : _ref$onChange,
|
|
88
|
-
_ref$nakedInput = _ref.nakedInput,
|
|
89
|
-
nakedInput = _ref$nakedInput === void 0 ? false : _ref$nakedInput,
|
|
90
|
-
_ref$error = _ref.error,
|
|
91
|
-
error = _ref$error === void 0 ? "" : _ref$error,
|
|
92
|
-
defaultValue = _ref.defaultValue,
|
|
93
|
-
value = _ref.value,
|
|
94
|
-
labelProps = _ref.labelProps,
|
|
95
|
-
_ref$required = _ref.required,
|
|
96
|
-
required = _ref$required === void 0 ? false : _ref$required,
|
|
97
|
-
id = _ref.id,
|
|
98
|
-
datePickerProps = _ref.datePickerProps,
|
|
99
|
-
timePickerProps = _ref.timePickerProps,
|
|
100
|
-
minDateTime = _ref.minDateTime,
|
|
101
|
-
maxDateTime = _ref.maxDateTime,
|
|
102
|
-
_ref$onTimeInputBlur = _ref.onTimeInputBlur,
|
|
103
|
-
onTimeInputBlur = _ref$onTimeInputBlur === void 0 ? index$1.noop : _ref$onTimeInputBlur,
|
|
104
|
-
_ref$onBlur = _ref.onBlur,
|
|
105
|
-
onBlur = _ref$onBlur === void 0 ? index$1.noop : _ref$onBlur;
|
|
106
|
-
var _useState = React.useState(null),
|
|
107
|
-
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
108
|
-
date = _useState2[0],
|
|
109
|
-
setDate = _useState2[1];
|
|
110
|
-
var _useState3 = React.useState(null),
|
|
111
|
-
_useState4 = _slicedToArray__default["default"](_useState3, 2),
|
|
112
|
-
time = _useState4[0],
|
|
113
|
-
setTime = _useState4[1];
|
|
114
|
-
var _useState5 = React.useState(),
|
|
115
|
-
_useState6 = _slicedToArray__default["default"](_useState5, 2),
|
|
116
|
-
changedField = _useState6[0],
|
|
117
|
-
setChangedField = _useState6[1];
|
|
118
|
-
var timeRef = React__default["default"].useRef(null);
|
|
119
|
-
var defaultId = useId.useId(id);
|
|
120
|
-
var errorId = "error_".concat(defaultId);
|
|
121
|
-
React.useEffect(function () {
|
|
122
|
-
var inputValue = value || defaultValue;
|
|
123
|
-
if (neetoCist.isNotPresent(inputValue)) {
|
|
124
|
-
setDate(null);
|
|
125
|
-
setTime(null);
|
|
126
|
-
return;
|
|
127
|
-
}
|
|
128
|
-
if (dayjs__default["default"](inputValue).isValid()) {
|
|
129
|
-
var dateTime = dayjs__default["default"].isDayjs(inputValue) ? inputValue : dayjs__default["default"](inputValue);
|
|
130
|
-
setDate(dateTime);
|
|
131
|
-
setTime(dateTime);
|
|
132
|
-
}
|
|
133
|
-
}, [value, defaultValue]);
|
|
134
|
-
React.useEffect(function () {
|
|
135
|
-
if (neetoCist.isNotPresent(changedField)) return;
|
|
136
|
-
onChange(getDateTime(date, time), changedField);
|
|
137
|
-
setChangedField(); // reset to avoid unnecessary trigger on rerender
|
|
138
|
-
}, [date, time, changedField]);
|
|
139
|
-
var handleDateChange = function handleDateChange(newDate) {
|
|
140
|
-
var _timeRef$current;
|
|
141
|
-
(_timeRef$current = timeRef.current) === null || _timeRef$current === void 0 || (_timeRef$current = _timeRef$current.querySelector(".react-time-picker__inputGroup__hour")) === null || _timeRef$current === void 0 || _timeRef$current.focus();
|
|
142
|
-
setDate(newDate);
|
|
143
|
-
setTime(getAllowedTime(newDate, time, minDateTime, maxDateTime));
|
|
144
|
-
setChangedField("date");
|
|
145
|
-
};
|
|
146
|
-
var handleTimeChange = function handleTimeChange(newTime) {
|
|
147
|
-
setTime(newTime.isValid() ? newTime : null);
|
|
148
|
-
if (newTime.isValid() && !date) setDate(newTime);
|
|
149
|
-
setChangedField("time");
|
|
150
|
-
};
|
|
151
|
-
var handleTimeBlur = function handleTimeBlur() {
|
|
152
|
-
var dateTime = getDateTime(date, time);
|
|
153
|
-
onTimeInputBlur(dateTime);
|
|
154
|
-
onBlur(dateTime);
|
|
155
|
-
};
|
|
156
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
157
|
-
className: "neeto-ui-input__wrapper"
|
|
158
|
-
}, label && /*#__PURE__*/React__default["default"].createElement(Label, _objectSpread({
|
|
159
|
-
required: required
|
|
160
|
-
}, labelProps), label), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
161
|
-
className: classnames__default["default"]("neeto-ui-date-time-input", className)
|
|
162
|
-
}, /*#__PURE__*/React__default["default"].createElement(DatePicker, _extends__default["default"]({
|
|
163
|
-
dateFormat: dateFormat,
|
|
164
|
-
dropdownClassName: dropdownClassName,
|
|
165
|
-
nakedInput: nakedInput,
|
|
166
|
-
popupClassName: popupClassName,
|
|
167
|
-
size: size,
|
|
168
|
-
error: !!error,
|
|
169
|
-
maxDate: maxDateTime,
|
|
170
|
-
minDate: minDateTime,
|
|
171
|
-
picker: "date",
|
|
172
|
-
showTime: false,
|
|
173
|
-
type: "date",
|
|
174
|
-
value: date,
|
|
175
|
-
onChange: handleDateChange
|
|
176
|
-
}, datePickerProps)), /*#__PURE__*/React__default["default"].createElement(TimePickerInput, _extends__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
|
|
177
|
-
error: error,
|
|
178
|
-
nakedInput: nakedInput,
|
|
179
|
-
size: size
|
|
180
|
-
}, "error", !!error), "maxTime", (date === null || date === void 0 ? void 0 : date.isSame(maxDateTime, "day")) && getTime(maxDateTime)), "minTime", (date === null || date === void 0 ? void 0 : date.isSame(minDateTime, "day")) && getTime(minDateTime)), "ref", timeRef), "value", time), "onBlur", handleTimeBlur), "onChange", handleTimeChange), timePickerProps))), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
181
|
-
className: "neeto-ui-input__error",
|
|
182
|
-
"data-cy": "".concat(index$1.hyphenize(label), "-input-error"),
|
|
183
|
-
id: errorId
|
|
184
|
-
}, error));
|
|
185
|
-
};
|
|
186
|
-
DateTimePicker.displayName = "DateTimePicker";
|
|
187
|
-
var index = /*#__PURE__*/React__default["default"].memo(DateTimePicker);
|
|
188
98
|
|
|
189
|
-
module.exports = index;
|
|
99
|
+
module.exports = DatePicker.index;
|
|
190
100
|
//# sourceMappingURL=DateTimePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimePicker.js","sources":["../../src/components/DateTimePicker/utils.js","../../src/components/DateTimePicker/index.jsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport { isPresent } from \"neetocist\";\n\nconst DATE_FORMAT = \"YYYY-MM-DD\";\nconst TIME_FORMAT = \"HH:mm\";\n\nexport const getDateTime = (date, time) => {\n if (isPresent(date) && isPresent(time)) {\n return dayjs(`${date.format(DATE_FORMAT)} ${time.format(TIME_FORMAT)}`);\n }\n\n return null;\n};\n\nexport const getAllowedTime = (date, time, minDateTime, maxDateTime) => {\n const newTime = getDateTime(date, time || dayjs());\n if (\n isPresent(minDateTime) &&\n date?.isSame(minDateTime, \"day\") &&\n newTime?.isBefore(minDateTime)\n ) {\n return minDateTime;\n }\n\n if (\n isPresent(maxDateTime) &&\n date?.isSame(maxDateTime, \"day\") &&\n newTime?.isAfter(maxDateTime)\n ) {\n return maxDateTime;\n }\n\n return newTime;\n};\n\nexport const getTime = date => date?.format(TIME_FORMAT);\n","import React, { useState, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport dayjs from \"dayjs\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport { isNotPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport DatePicker from \"components/DatePicker\";\nimport Label from \"components/Label\";\nimport TimePickerInput from \"components/TimePickerInput\";\nimport { useId } from \"hooks\";\nimport { hyphenize, noop } from \"utils\";\n\nimport { getDateTime, getAllowedTime, getTime } from \"./utils\";\n\nconst INPUT_SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\ndayjs.extend(customParseFormat);\n\nconst DateTimePicker = ({\n className = \"\",\n label = \"\",\n size,\n dropdownClassName,\n popupClassName,\n dateFormat,\n onChange = noop,\n nakedInput = false,\n error = \"\",\n defaultValue,\n value,\n labelProps,\n required = false,\n id,\n datePickerProps,\n timePickerProps,\n minDateTime,\n maxDateTime,\n onTimeInputBlur = noop,\n onBlur = noop,\n}) => {\n const [date, setDate] = useState(null);\n const [time, setTime] = useState(null);\n const [changedField, setChangedField] = useState();\n const timeRef = React.useRef(null);\n const defaultId = useId(id);\n const errorId = `error_${defaultId}`;\n\n useEffect(() => {\n const inputValue = value || defaultValue;\n\n if (isNotPresent(inputValue)) {\n setDate(null);\n setTime(null);\n\n return;\n }\n\n if (dayjs(inputValue).isValid()) {\n const dateTime = dayjs.isDayjs(inputValue)\n ? inputValue\n : dayjs(inputValue);\n setDate(dateTime);\n setTime(dateTime);\n }\n }, [value, defaultValue]);\n\n useEffect(() => {\n if (isNotPresent(changedField)) return;\n onChange(getDateTime(date, time), changedField);\n setChangedField(); // reset to avoid unnecessary trigger on rerender\n }, [date, time, changedField]);\n\n const handleDateChange = newDate => {\n timeRef.current\n ?.querySelector(\".react-time-picker__inputGroup__hour\")\n ?.focus();\n\n setDate(newDate);\n setTime(getAllowedTime(newDate, time, minDateTime, maxDateTime));\n setChangedField(\"date\");\n };\n\n const handleTimeChange = newTime => {\n setTime(newTime.isValid() ? newTime : null);\n if (newTime.isValid() && !date) setDate(newTime);\n setChangedField(\"time\");\n };\n\n const handleTimeBlur = () => {\n const dateTime = getDateTime(date, time);\n onTimeInputBlur(dateTime);\n onBlur(dateTime);\n };\n\n return (\n <div className=\"neeto-ui-input__wrapper\">\n {label && <Label {...{ required, ...labelProps }}>{label}</Label>}\n <div className={classnames(\"neeto-ui-date-time-input\", className)}>\n <DatePicker\n {...{\n dateFormat,\n dropdownClassName,\n nakedInput,\n popupClassName,\n size,\n }}\n error={!!error}\n maxDate={maxDateTime}\n minDate={minDateTime}\n picker=\"date\"\n showTime={false}\n type=\"date\"\n value={date}\n onChange={handleDateChange}\n {...datePickerProps}\n />\n <TimePickerInput\n {...{ error, nakedInput, size }}\n error={!!error}\n maxTime={date?.isSame(maxDateTime, \"day\") && getTime(maxDateTime)}\n minTime={date?.isSame(minDateTime, \"day\") && getTime(minDateTime)}\n ref={timeRef}\n value={time}\n onBlur={handleTimeBlur}\n onChange={handleTimeChange}\n {...timePickerProps}\n />\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 </div>\n );\n};\n\nDateTimePicker.displayName = \"DateTimePicker\";\n\nDateTimePicker.propTypes = {\n /**\n * To set the text to be displayed above the DateTimePicker.\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 * The callback function that will be triggered when value changes.\n */\n onChange: PropTypes.func,\n /**\n * To specify the error message to be shown in the DateTimePicker.\n */\n error: PropTypes.string,\n /**\n * To specify whether the Date Time Input is required or not.\n */\n required: PropTypes.bool,\n /**\n * To provide external classnames to DateTimePicker component.\n */\n className: PropTypes.string,\n /**\n * To set the text to be displayed above the DateTimePicker.\n */\n size: PropTypes.oneOf(Object.values(INPUT_SIZES)),\n /**\n * To set the DateTimePicker as naked Input field.\n */\n nakedInput: PropTypes.bool,\n /**\n * To specify custom classnames to be applied to the DatePicker dropdown.\n */\n dropdownClassName: PropTypes.string,\n /**\n * To specify the date format.\n */\n dateFormat: PropTypes.string,\n /**\n * To specify the values to be displayed inside the DatePicker.\n */\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n /**\n * To specify the default values to be displayed inside the DatePicker.\n */\n defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n /**\n * @deprecated The callback function that will be triggered when time picker loses focus (onBlur event).\n */\n onTimeInputBlur: PropTypes.func,\n /**\n * The callback function that will be triggered when time picker loses focus (onBlur event).\n */\n onBlur: PropTypes.func,\n /**\n * To specify minimum allowed date time\n */\n minDateTime: PropTypes.object,\n /**\n * To specify maximum allowed date time\n */\n maxDateTime: PropTypes.object,\n};\n\nexport default React.memo(DateTimePicker);\n"],"names":["DATE_FORMAT","TIME_FORMAT","getDateTime","date","time","isPresent","dayjs","concat","format","getAllowedTime","minDateTime","maxDateTime","newTime","isSame","isBefore","isAfter","getTime","extend","customParseFormat","DateTimePicker","_ref","_ref$className","className","_ref$label","label","size","dropdownClassName","popupClassName","dateFormat","_ref$onChange","onChange","noop","_ref$nakedInput","nakedInput","_ref$error","error","defaultValue","value","labelProps","_ref$required","required","id","datePickerProps","timePickerProps","_ref$onTimeInputBlur","onTimeInputBlur","_ref$onBlur","onBlur","_useState","useState","_useState2","_slicedToArray","setDate","_useState3","_useState4","setTime","_useState5","_useState6","changedField","setChangedField","timeRef","React","useRef","defaultId","useId","errorId","useEffect","inputValue","isNotPresent","isValid","dateTime","isDayjs","handleDateChange","newDate","_timeRef$current","current","querySelector","focus","handleTimeChange","handleTimeBlur","createElement","Label","_objectSpread","classnames","DatePicker","_extends","maxDate","minDate","picker","showTime","type","TimePickerInput","_defineProperty","hyphenize","displayName","memo"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DateTimePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/cjs/Dropdown.js
CHANGED
|
@@ -14,7 +14,7 @@ var index = require('./index-f2e36d91.js');
|
|
|
14
14
|
var neetoCist = require('@bigbinary/neeto-cist');
|
|
15
15
|
var Tooltip = require('./Tooltip.js');
|
|
16
16
|
var reactRouterDom = require('react-router-dom');
|
|
17
|
-
require('
|
|
17
|
+
require('framer-motion');
|
|
18
18
|
require('tippy.js');
|
|
19
19
|
require('@babel/runtime/helpers/classCallCheck');
|
|
20
20
|
require('@babel/runtime/helpers/createClass');
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var neetoCist = require('@bigbinary/neeto-cist');
|
|
5
|
+
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
6
|
+
var Dropdown = require('./Dropdown.js');
|
|
7
|
+
var Popover = require('./Popover.js');
|
|
8
|
+
var Typography = require('./Typography.js');
|
|
9
|
+
|
|
10
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
+
|
|
12
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
+
|
|
14
|
+
var URL_SORT_ORDERS = {
|
|
15
|
+
ascend: "asc",
|
|
16
|
+
descend: "desc"
|
|
17
|
+
};
|
|
18
|
+
var TABLE_SORT_ORDERS = {
|
|
19
|
+
asc: "ascend",
|
|
20
|
+
desc: "descend"
|
|
21
|
+
};
|
|
22
|
+
var COLUMN_ADD_DIRECTION = {
|
|
23
|
+
left: 0,
|
|
24
|
+
right: 1
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
var Menu = Dropdown.Menu,
|
|
28
|
+
MenuItem = Dropdown.MenuItem;
|
|
29
|
+
var HeaderCellMenu = function HeaderCellMenu(_ref) {
|
|
30
|
+
var onSort = _ref.onSort,
|
|
31
|
+
_ref$column = _ref.column,
|
|
32
|
+
column = _ref$column === void 0 ? {} : _ref$column,
|
|
33
|
+
sortedInfo = _ref.sortedInfo,
|
|
34
|
+
isSortable = _ref.isSortable,
|
|
35
|
+
isAddEnabled = _ref.isAddEnabled,
|
|
36
|
+
isColumnDeletable = _ref.isColumnDeletable,
|
|
37
|
+
isHidable = _ref.isHidable,
|
|
38
|
+
onColumnHide = _ref.onColumnHide,
|
|
39
|
+
onAddColumn = _ref.onAddColumn,
|
|
40
|
+
onColumnDelete = _ref.onColumnDelete,
|
|
41
|
+
hasMoreActions = _ref.hasMoreActions,
|
|
42
|
+
onMoreActionClick = _ref.onMoreActionClick,
|
|
43
|
+
_ref$columnTitle = _ref.columnTitle,
|
|
44
|
+
columnTitle = _ref$columnTitle === void 0 ? null : _ref$columnTitle,
|
|
45
|
+
_ref$moreActions = _ref.moreActions,
|
|
46
|
+
moreActions = _ref$moreActions === void 0 ? [] : _ref$moreActions;
|
|
47
|
+
var columnInfoButtonReference = React.useRef();
|
|
48
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
49
|
+
onClick: function onClick(event) {
|
|
50
|
+
return event.stopPropagation();
|
|
51
|
+
}
|
|
52
|
+
}, /*#__PURE__*/React__default["default"].createElement(Dropdown, {
|
|
53
|
+
appendTo: function appendTo() {
|
|
54
|
+
return document.body;
|
|
55
|
+
},
|
|
56
|
+
className: "flex",
|
|
57
|
+
icon: neetoIcons.MenuHorizontal,
|
|
58
|
+
position: "auto",
|
|
59
|
+
strategy: "fixed",
|
|
60
|
+
buttonProps: {
|
|
61
|
+
className: "min-h-0 flex-shrink-0",
|
|
62
|
+
style: "text",
|
|
63
|
+
size: "medium",
|
|
64
|
+
"data-testid": "column-menu-button",
|
|
65
|
+
"data-dropdown-button-style": "more-dropdown"
|
|
66
|
+
}
|
|
67
|
+
}, /*#__PURE__*/React__default["default"].createElement(Menu, {
|
|
68
|
+
className: "cursor-auto",
|
|
69
|
+
onMouseDown: function onMouseDown(event) {
|
|
70
|
+
return event.preventDefault();
|
|
71
|
+
}
|
|
72
|
+
}, isSortable && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
|
|
73
|
+
className: "flex items-center justify-between",
|
|
74
|
+
onClick: function onClick() {
|
|
75
|
+
return onSort({
|
|
76
|
+
column: column,
|
|
77
|
+
columnKey: column.key,
|
|
78
|
+
field: column.dataIndex || column.key,
|
|
79
|
+
order: TABLE_SORT_ORDERS.asc
|
|
80
|
+
});
|
|
81
|
+
}
|
|
82
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", null, "Ascending"), sortedInfo.order === TABLE_SORT_ORDERS.asc && sortedInfo.field === column.dataIndex && /*#__PURE__*/React__default["default"].createElement(neetoIcons.Check, {
|
|
83
|
+
className: "neeto-ui-text-success-500",
|
|
84
|
+
size: 20
|
|
85
|
+
})), /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
|
|
86
|
+
className: "flex items-center justify-between",
|
|
87
|
+
onClick: function onClick() {
|
|
88
|
+
return onSort({
|
|
89
|
+
column: column,
|
|
90
|
+
columnKey: column.key,
|
|
91
|
+
field: column.dataIndex,
|
|
92
|
+
order: TABLE_SORT_ORDERS.desc
|
|
93
|
+
});
|
|
94
|
+
}
|
|
95
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", null, "Descending"), sortedInfo.order === TABLE_SORT_ORDERS.desc && sortedInfo.field === column.dataIndex && /*#__PURE__*/React__default["default"].createElement(neetoIcons.Check, {
|
|
96
|
+
className: "neeto-ui-text-success-500",
|
|
97
|
+
size: 20
|
|
98
|
+
}))), isAddEnabled && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
|
|
99
|
+
onClick: function onClick() {
|
|
100
|
+
return onAddColumn(COLUMN_ADD_DIRECTION.right);
|
|
101
|
+
}
|
|
102
|
+
}, "Insert column right"), /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
|
|
103
|
+
onClick: function onClick() {
|
|
104
|
+
return onAddColumn(COLUMN_ADD_DIRECTION.left);
|
|
105
|
+
}
|
|
106
|
+
}, "Insert column left")), neetoCist.isPresent(column === null || column === void 0 ? void 0 : column.description) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
|
|
107
|
+
ref: columnInfoButtonReference
|
|
108
|
+
}, "Column info"), /*#__PURE__*/React__default["default"].createElement(Popover, {
|
|
109
|
+
className: "cursor-auto",
|
|
110
|
+
hideOnClick: false,
|
|
111
|
+
interactiveDebounce: 20,
|
|
112
|
+
offset: [0, 15],
|
|
113
|
+
position: "right",
|
|
114
|
+
reference: columnInfoButtonReference,
|
|
115
|
+
strategy: "fixed"
|
|
116
|
+
}, columnTitle && /*#__PURE__*/React__default["default"].createElement(Popover.Title, null, columnTitle), /*#__PURE__*/React__default["default"].createElement(Typography, {
|
|
117
|
+
className: "w-72 max-w-full whitespace-normal normal-case",
|
|
118
|
+
lineHeight: "normal",
|
|
119
|
+
style: "body2",
|
|
120
|
+
weight: "normal"
|
|
121
|
+
}, column === null || column === void 0 ? void 0 : column.description))), isHidable && /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
|
|
122
|
+
onClick: function onClick() {
|
|
123
|
+
return onColumnHide(column);
|
|
124
|
+
}
|
|
125
|
+
}, "Hide column"), isColumnDeletable && /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
|
|
126
|
+
onClick: function onClick() {
|
|
127
|
+
return onColumnDelete(column.id);
|
|
128
|
+
}
|
|
129
|
+
}, "Delete column"), hasMoreActions && moreActions.map(function (item, index) {
|
|
130
|
+
return /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
|
|
131
|
+
key: index,
|
|
132
|
+
onClick: function onClick() {
|
|
133
|
+
return onMoreActionClick(item.type, column);
|
|
134
|
+
}
|
|
135
|
+
}, item.label);
|
|
136
|
+
}))));
|
|
137
|
+
};
|
|
138
|
+
|
|
139
|
+
exports.HeaderCellMenu = HeaderCellMenu;
|
|
140
|
+
exports.TABLE_SORT_ORDERS = TABLE_SORT_ORDERS;
|
|
141
|
+
exports.URL_SORT_ORDERS = URL_SORT_ORDERS;
|
|
142
|
+
//# sourceMappingURL=HeaderCellMenu-a3d12310.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeaderCellMenu-a3d12310.js","sources":["../../src/components/Table/constants.js","../../src/components/Table/components/HeaderCell/HeaderCellMenu.jsx"],"sourcesContent":["export const URL_SORT_ORDERS = { ascend: \"asc\", descend: \"desc\" };\n\nexport const TABLE_SORT_ORDERS = { asc: \"ascend\", desc: \"descend\" };\n\nexport const COLUMN_ADD_DIRECTION = { left: 0, right: 1 };\n","import React, { useRef } from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport { Check, MenuHorizontal } from \"neetoicons\";\n\nimport Dropdown from \"components/Dropdown\";\nimport Popover from \"components/Popover\";\nimport {\n COLUMN_ADD_DIRECTION,\n TABLE_SORT_ORDERS,\n} from \"components/Table/constants\";\nimport Typography from \"components/Typography\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst HeaderCellMenu = ({\n onSort,\n column = {},\n sortedInfo,\n isSortable,\n isAddEnabled,\n isColumnDeletable,\n isHidable,\n onColumnHide,\n onAddColumn,\n onColumnDelete,\n hasMoreActions,\n onMoreActionClick,\n columnTitle = null,\n moreActions = [],\n}) => {\n const columnInfoButtonReference = useRef();\n\n return (\n <div onClick={event => event.stopPropagation()}>\n <Dropdown\n appendTo={() => document.body}\n className=\"flex\"\n icon={MenuHorizontal}\n position=\"auto\"\n strategy=\"fixed\"\n buttonProps={{\n className: \"min-h-0 flex-shrink-0\",\n style: \"text\",\n size: \"medium\",\n \"data-testid\": \"column-menu-button\",\n \"data-dropdown-button-style\": \"more-dropdown\",\n }}\n >\n <Menu\n className=\"cursor-auto\"\n onMouseDown={event => event.preventDefault()}\n >\n {isSortable && (\n <>\n <MenuItem.Button\n className=\"flex items-center justify-between\"\n onClick={() =>\n onSort({\n column,\n columnKey: column.key,\n field: column.dataIndex || column.key,\n order: TABLE_SORT_ORDERS.asc,\n })\n }\n >\n <span>Ascending</span>\n {sortedInfo.order === TABLE_SORT_ORDERS.asc &&\n sortedInfo.field === column.dataIndex && (\n <Check className=\"neeto-ui-text-success-500\" size={20} />\n )}\n </MenuItem.Button>\n <MenuItem.Button\n className=\"flex items-center justify-between\"\n onClick={() =>\n onSort({\n column,\n columnKey: column.key,\n field: column.dataIndex,\n order: TABLE_SORT_ORDERS.desc,\n })\n }\n >\n <span>Descending</span>\n {sortedInfo.order === TABLE_SORT_ORDERS.desc &&\n sortedInfo.field === column.dataIndex && (\n <Check className=\"neeto-ui-text-success-500\" size={20} />\n )}\n </MenuItem.Button>\n </>\n )}\n {isAddEnabled && (\n <>\n <MenuItem.Button\n onClick={() => onAddColumn(COLUMN_ADD_DIRECTION.right)}\n >\n Insert column right\n </MenuItem.Button>\n <MenuItem.Button\n onClick={() => onAddColumn(COLUMN_ADD_DIRECTION.left)}\n >\n Insert column left\n </MenuItem.Button>\n </>\n )}\n {isPresent(column?.description) && (\n <>\n <MenuItem.Button ref={columnInfoButtonReference}>\n Column info\n </MenuItem.Button>\n <Popover\n className=\"cursor-auto\"\n hideOnClick={false}\n interactiveDebounce={20}\n offset={[0, 15]}\n position=\"right\"\n reference={columnInfoButtonReference}\n strategy=\"fixed\"\n >\n {columnTitle && <Popover.Title>{columnTitle}</Popover.Title>}\n <Typography\n className=\"w-72 max-w-full whitespace-normal normal-case\"\n lineHeight=\"normal\"\n style=\"body2\"\n weight=\"normal\"\n >\n {column?.description}\n </Typography>\n </Popover>\n </>\n )}\n {isHidable && (\n <MenuItem.Button onClick={() => onColumnHide(column)}>\n Hide column\n </MenuItem.Button>\n )}\n {isColumnDeletable && (\n <MenuItem.Button onClick={() => onColumnDelete(column.id)}>\n Delete column\n </MenuItem.Button>\n )}\n {hasMoreActions &&\n moreActions.map((item, index) => (\n <MenuItem.Button\n key={index}\n onClick={() => onMoreActionClick(item.type, column)}\n >\n {item.label}\n </MenuItem.Button>\n ))}\n </Menu>\n </Dropdown>\n </div>\n );\n};\n\nexport default HeaderCellMenu;\n"],"names":["URL_SORT_ORDERS","ascend","descend","TABLE_SORT_ORDERS","asc","desc","COLUMN_ADD_DIRECTION","left","right","Menu","Dropdown","MenuItem","HeaderCellMenu","_ref","onSort","_ref$column","column","sortedInfo","isSortable","isAddEnabled","isColumnDeletable","isHidable","onColumnHide","onAddColumn","onColumnDelete","hasMoreActions","onMoreActionClick","_ref$columnTitle","columnTitle","_ref$moreActions","moreActions","columnInfoButtonReference","useRef","React","createElement","onClick","event","stopPropagation","appendTo","document","body","className","icon","MenuHorizontal","position","strategy","buttonProps","style","size","onMouseDown","preventDefault","Fragment","Button","columnKey","key","field","dataIndex","order","Check","isPresent","description","ref","Popover","hideOnClick","interactiveDebounce","offset","reference","Title","Typography","lineHeight","weight","id","map","item","index","type","label"],"mappings":"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"}
|
package/dist/cjs/Input.js
CHANGED
|
@@ -24,7 +24,7 @@ require('dayjs/plugin/weekOfYear');
|
|
|
24
24
|
require('@bigbinary/neeto-cist');
|
|
25
25
|
require('@bigbinary/neeto-icons');
|
|
26
26
|
require('./Button.js');
|
|
27
|
-
require('
|
|
27
|
+
require('framer-motion');
|
|
28
28
|
require('./Tooltip.js');
|
|
29
29
|
require('@tippyjs/react');
|
|
30
30
|
require('tippy.js');
|
package/dist/cjs/Label.js
CHANGED
|
@@ -11,7 +11,7 @@ var Popover = require('./Popover.js');
|
|
|
11
11
|
var Tooltip = require('./Tooltip.js');
|
|
12
12
|
var Typography = require('./Typography.js');
|
|
13
13
|
require('react-router-dom');
|
|
14
|
-
require('
|
|
14
|
+
require('framer-motion');
|
|
15
15
|
require('@babel/runtime/helpers/slicedToArray');
|
|
16
16
|
require('@tippyjs/react');
|
|
17
17
|
require('tippy.js');
|
package/dist/cjs/Modal.js
CHANGED
|
@@ -30,7 +30,7 @@ require('dayjs/plugin/utc');
|
|
|
30
30
|
require('dayjs/plugin/weekday');
|
|
31
31
|
require('dayjs/plugin/weekOfYear');
|
|
32
32
|
require('@bigbinary/neeto-cist');
|
|
33
|
-
require('
|
|
33
|
+
require('framer-motion');
|
|
34
34
|
require('./Tooltip.js');
|
|
35
35
|
require('@tippyjs/react');
|
|
36
36
|
require('tippy.js');
|
package/dist/cjs/NoData.js
CHANGED
|
@@ -9,7 +9,7 @@ var Button = require('./Button.js');
|
|
|
9
9
|
var Typography = require('./Typography.js');
|
|
10
10
|
require('@babel/runtime/helpers/defineProperty');
|
|
11
11
|
require('react-router-dom');
|
|
12
|
-
require('
|
|
12
|
+
require('framer-motion');
|
|
13
13
|
require('./Tooltip.js');
|
|
14
14
|
require('@babel/runtime/helpers/slicedToArray');
|
|
15
15
|
require('@tippyjs/react');
|
package/dist/cjs/Pane.js
CHANGED
|
@@ -29,7 +29,7 @@ require('dayjs/plugin/utc');
|
|
|
29
29
|
require('dayjs/plugin/weekday');
|
|
30
30
|
require('dayjs/plugin/weekOfYear');
|
|
31
31
|
require('@bigbinary/neeto-cist');
|
|
32
|
-
require('
|
|
32
|
+
require('framer-motion');
|
|
33
33
|
require('./Tooltip.js');
|
|
34
34
|
require('@tippyjs/react');
|
|
35
35
|
require('tippy.js');
|
package/dist/cjs/ProgressBar.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var classnames = require('classnames');
|
|
5
|
-
var
|
|
5
|
+
var framerMotion = require('framer-motion');
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -16,7 +16,7 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
16
16
|
className = _ref$className === void 0 ? "" : _ref$className;
|
|
17
17
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
18
18
|
className: classnames__default["default"](["neeto-ui-progress-bar__wrapper neeto-ui-rounded-full", className])
|
|
19
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
19
|
+
}, /*#__PURE__*/React__default["default"].createElement(framerMotion.motion.div, {
|
|
20
20
|
animate: {
|
|
21
21
|
width: "".concat(progressPercentage, "%")
|
|
22
22
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sources":["../../src/components/ProgressBar.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { motion } from \"framer-motion\";\nimport propTypes from \"prop-types\";\n\nconst ProgressBar = ({ progressPercentage, progressValue, className = \"\" }) => (\n <div\n className={classNames([\n \"neeto-ui-progress-bar__wrapper neeto-ui-rounded-full\",\n className,\n ])}\n >\n <motion.div\n animate={{ width: `${progressPercentage}%` }}\n className=\"neeto-ui-progress-bar neeto-ui-rounded-full\"\n initial={{ width: 0 }}\n transition={{ duration: 0.5, ease: \"easeInOut\" }}\n >\n {progressValue ?? `${progressPercentage}%`}\n </motion.div>\n </div>\n);\n\nProgressBar.propTypes = {\n /**\n * To specify the value to be used as the width of the progress bar.\n */\n progressPercentage: propTypes.number,\n /**\n * To specify the progress value to be displayed on the progress bar as text.\n */\n progressValue: propTypes.string,\n /**\n * To specify external classnames as overrides to the ProgressBar component.\n */\n className: propTypes.string,\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBar","_ref","progressPercentage","progressValue","_ref$className","className","React","createElement","classNames","motion","div","animate","width","concat","initial","transition","duration","ease"],"mappings":";;;;;;;;;;;AAMA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,kBAAkB,GAAAD,IAAA,CAAlBC,kBAAkB;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA,CAAA;EAAA,oBACtEE,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEF,IAAAA,SAAS,EAAEG,8BAAU,CAAC,CACpB,sDAAsD,EACtDH,SAAS,CACV,CAAA;AAAE,GAAA,eAEHC,yBAAA,CAAAC,aAAA,CAACE,
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sources":["../../src/components/ProgressBar.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { motion } from \"framer-motion\";\nimport propTypes from \"prop-types\";\n\nconst ProgressBar = ({ progressPercentage, progressValue, className = \"\" }) => (\n <div\n className={classNames([\n \"neeto-ui-progress-bar__wrapper neeto-ui-rounded-full\",\n className,\n ])}\n >\n <motion.div\n animate={{ width: `${progressPercentage}%` }}\n className=\"neeto-ui-progress-bar neeto-ui-rounded-full\"\n initial={{ width: 0 }}\n transition={{ duration: 0.5, ease: \"easeInOut\" }}\n >\n {progressValue ?? `${progressPercentage}%`}\n </motion.div>\n </div>\n);\n\nProgressBar.propTypes = {\n /**\n * To specify the value to be used as the width of the progress bar.\n */\n progressPercentage: propTypes.number,\n /**\n * To specify the progress value to be displayed on the progress bar as text.\n */\n progressValue: propTypes.string,\n /**\n * To specify external classnames as overrides to the ProgressBar component.\n */\n className: propTypes.string,\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBar","_ref","progressPercentage","progressValue","_ref$className","className","React","createElement","classNames","motion","div","animate","width","concat","initial","transition","duration","ease"],"mappings":";;;;;;;;;;;AAMA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,kBAAkB,GAAAD,IAAA,CAAlBC,kBAAkB;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA,CAAA;EAAA,oBACtEE,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEF,IAAAA,SAAS,EAAEG,8BAAU,CAAC,CACpB,sDAAsD,EACtDH,SAAS,CACV,CAAA;AAAE,GAAA,eAEHC,yBAAA,CAAAC,aAAA,CAACE,mBAAM,CAACC,GAAG,EAAA;AACTC,IAAAA,OAAO,EAAE;MAAEC,KAAK,EAAA,EAAA,CAAAC,MAAA,CAAKX,kBAAkB,EAAA,GAAA,CAAA;KAAM;AAC7CG,IAAAA,SAAS,EAAC,6CAA6C;AACvDS,IAAAA,OAAO,EAAE;AAAEF,MAAAA,KAAK,EAAE,CAAA;KAAI;AACtBG,IAAAA,UAAU,EAAE;AAAEC,MAAAA,QAAQ,EAAE,GAAG;AAAEC,MAAAA,IAAI,EAAE,WAAA;AAAY,KAAA;GAE9Cd,EAAAA,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,aAAa,MAAAU,MAAA,CAAOX,kBAAkB,EAAA,GAAA,CAAA,CAC5B,CACT,CAAA;AAAA;;;;"}
|
package/dist/cjs/Radio.js
CHANGED
|
@@ -15,7 +15,7 @@ var index = require('./index-f2e36d91.js');
|
|
|
15
15
|
require('qs');
|
|
16
16
|
require('@bigbinary/neeto-icons');
|
|
17
17
|
require('./Button.js');
|
|
18
|
-
require('
|
|
18
|
+
require('framer-motion');
|
|
19
19
|
require('./Tooltip.js');
|
|
20
20
|
require('@tippyjs/react');
|
|
21
21
|
require('tippy.js');
|
package/dist/cjs/Select.js
CHANGED
|
@@ -45,7 +45,7 @@ require('dayjs/plugin/utc');
|
|
|
45
45
|
require('dayjs/plugin/weekday');
|
|
46
46
|
require('dayjs/plugin/weekOfYear');
|
|
47
47
|
require('./Button.js');
|
|
48
|
-
require('
|
|
48
|
+
require('framer-motion');
|
|
49
49
|
require('./Tooltip.js');
|
|
50
50
|
require('@tippyjs/react');
|
|
51
51
|
require('tippy.js');
|
package/dist/cjs/Slider.js
CHANGED
package/dist/cjs/Switch.js
CHANGED
|
@@ -24,7 +24,7 @@ require('dayjs/plugin/weekOfYear');
|
|
|
24
24
|
require('@bigbinary/neeto-cist');
|
|
25
25
|
require('ramda');
|
|
26
26
|
require('./Button.js');
|
|
27
|
-
require('
|
|
27
|
+
require('framer-motion');
|
|
28
28
|
require('./Tooltip.js');
|
|
29
29
|
require('@tippyjs/react');
|
|
30
30
|
require('tippy.js');
|