@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.
Files changed (127) hide show
  1. package/dist/Accordion.js +2 -290
  2. package/dist/Accordion.js.map +1 -1
  3. package/dist/ActionDropdown.js +1 -1
  4. package/dist/Alert.js +1 -1
  5. package/dist/Button.js +1 -1
  6. package/dist/Checkbox.js +1 -1
  7. package/dist/ColorPicker.js +2 -1199
  8. package/dist/ColorPicker.js.map +1 -1
  9. package/dist/DatePicker.js +81 -297
  10. package/dist/DatePicker.js.map +1 -1
  11. package/dist/DateTimePicker.js +75 -159
  12. package/dist/DateTimePicker.js.map +1 -1
  13. package/dist/Dropdown.js +1 -1
  14. package/dist/HeaderCellMenu-4e7c17aa.js +134 -0
  15. package/dist/HeaderCellMenu-4e7c17aa.js.map +1 -0
  16. package/dist/Input.js +1 -1
  17. package/dist/Label.js +1 -1
  18. package/dist/Modal.js +1 -1
  19. package/dist/MultiEmailInput.js +1 -1
  20. package/dist/NoData.js +1 -1
  21. package/dist/Pane.js +1 -1
  22. package/dist/ProgressBar.js +1 -1
  23. package/dist/Radio.js +1 -1
  24. package/dist/Select.js +1 -1
  25. package/dist/Slider.js +1 -1
  26. package/dist/Switch.js +1 -1
  27. package/dist/Table.js +5 -129
  28. package/dist/Table.js.map +1 -1
  29. package/dist/Textarea-938a680f.js +163 -0
  30. package/dist/Textarea-938a680f.js.map +1 -0
  31. package/dist/Textarea.js +11 -147
  32. package/dist/Textarea.js.map +1 -1
  33. package/dist/TimePicker.js +80 -174
  34. package/dist/TimePicker.js.map +1 -1
  35. package/dist/TimePickerInput.js +1 -1
  36. package/dist/TreeSelect.js +1 -1
  37. package/dist/cjs/Accordion.js +3 -309
  38. package/dist/cjs/Accordion.js.map +1 -1
  39. package/dist/cjs/ActionDropdown.js +1 -1
  40. package/dist/cjs/Alert.js +1 -1
  41. package/dist/cjs/Button.js +4 -4
  42. package/dist/cjs/Button.js.map +1 -1
  43. package/dist/cjs/Checkbox.js +1 -1
  44. package/dist/cjs/ColorPicker.js +5 -1202
  45. package/dist/cjs/ColorPicker.js.map +1 -1
  46. package/dist/cjs/DatePicker.js +82 -305
  47. package/dist/cjs/DatePicker.js.map +1 -1
  48. package/dist/cjs/DateTimePicker.js +76 -166
  49. package/dist/cjs/DateTimePicker.js.map +1 -1
  50. package/dist/cjs/Dropdown.js +1 -1
  51. package/dist/cjs/HeaderCellMenu-a3d12310.js +142 -0
  52. package/dist/cjs/HeaderCellMenu-a3d12310.js.map +1 -0
  53. package/dist/cjs/Input.js +1 -1
  54. package/dist/cjs/Label.js +1 -1
  55. package/dist/cjs/Modal.js +1 -1
  56. package/dist/cjs/MultiEmailInput.js +1 -1
  57. package/dist/cjs/NoData.js +1 -1
  58. package/dist/cjs/Pane.js +1 -1
  59. package/dist/cjs/ProgressBar.js +2 -2
  60. package/dist/cjs/ProgressBar.js.map +1 -1
  61. package/dist/cjs/Radio.js +1 -1
  62. package/dist/cjs/Select.js +1 -1
  63. package/dist/cjs/Slider.js +1 -1
  64. package/dist/cjs/Switch.js +1 -1
  65. package/dist/cjs/Table.js +11 -135
  66. package/dist/cjs/Table.js.map +1 -1
  67. package/dist/cjs/Textarea-0975f6d6.js +175 -0
  68. package/dist/cjs/Textarea-0975f6d6.js.map +1 -0
  69. package/dist/cjs/Textarea.js +12 -153
  70. package/dist/cjs/Textarea.js.map +1 -1
  71. package/dist/cjs/TimePicker.js +81 -181
  72. package/dist/cjs/TimePicker.js.map +1 -1
  73. package/dist/cjs/TimePickerInput.js +1 -1
  74. package/dist/cjs/TreeSelect.js +1 -1
  75. package/dist/cjs/formik/ActionBlock.js +1 -1
  76. package/dist/cjs/formik/BlockNavigation.js +1 -1
  77. package/dist/cjs/formik/Button.js +1 -1
  78. package/dist/cjs/formik/Checkbox.js +1 -1
  79. package/dist/cjs/formik/Input.js +1 -1
  80. package/dist/cjs/formik/MultiEmailInput.js +1 -1
  81. package/dist/cjs/formik/Radio.js +1 -1
  82. package/dist/cjs/formik/Select.js +1 -1
  83. package/dist/cjs/formik/Slider.js +1 -1
  84. package/dist/cjs/formik/Switch.js +1 -1
  85. package/dist/cjs/formik/Textarea.js +3 -4
  86. package/dist/cjs/formik/Textarea.js.map +1 -1
  87. package/dist/cjs/formik/TreeSelect.js +1 -1
  88. package/dist/cjs/formik/index.js +2 -3
  89. package/dist/cjs/formik/index.js.map +1 -1
  90. package/dist/cjs/index-327e31a2.js +647 -0
  91. package/dist/cjs/index-327e31a2.js.map +1 -0
  92. package/dist/cjs/index.js +25 -26
  93. package/dist/cjs/index.js.map +1 -1
  94. package/dist/cjs/tinycolor-b1e9a7b2.js +1202 -0
  95. package/dist/cjs/tinycolor-b1e9a7b2.js.map +1 -0
  96. package/dist/formik/ActionBlock.js +1 -1
  97. package/dist/formik/BlockNavigation.js +1 -1
  98. package/dist/formik/Button.js +1 -1
  99. package/dist/formik/Checkbox.js +1 -1
  100. package/dist/formik/Input.js +1 -1
  101. package/dist/formik/MultiEmailInput.js +1 -1
  102. package/dist/formik/Radio.js +1 -1
  103. package/dist/formik/Select.js +1 -1
  104. package/dist/formik/Slider.js +1 -1
  105. package/dist/formik/Switch.js +1 -1
  106. package/dist/formik/Textarea.js +2 -3
  107. package/dist/formik/Textarea.js.map +1 -1
  108. package/dist/formik/TreeSelect.js +1 -1
  109. package/dist/formik/index.js +2 -3
  110. package/dist/formik/index.js.map +1 -1
  111. package/dist/index-eb249a9f.js +630 -0
  112. package/dist/index-eb249a9f.js.map +1 -0
  113. package/dist/index.js +21 -22
  114. package/dist/index.js.map +1 -1
  115. package/dist/tinycolor-282c618c.js +1200 -0
  116. package/dist/tinycolor-282c618c.js.map +1 -0
  117. package/package.json +3 -2
  118. package/types/DatePicker.d.ts +1 -0
  119. package/types/TimePicker.d.ts +1 -0
  120. package/dist/cjs/motion-a1906aff.js +0 -8892
  121. package/dist/cjs/motion-a1906aff.js.map +0 -1
  122. package/dist/cjs/useSyncedRef-9c3dcd03.js +0 -19
  123. package/dist/cjs/useSyncedRef-9c3dcd03.js.map +0 -1
  124. package/dist/motion-087daf52.js +0 -8862
  125. package/dist/motion-087daf52.js.map +0 -1
  126. package/dist/useSyncedRef-226a3dbc.js +0 -17
  127. package/dist/useSyncedRef-226a3dbc.js.map +0 -1
@@ -1,190 +1,100 @@
1
1
  'use strict';
2
2
 
3
- var _extends = require('@babel/runtime/helpers/extends');
4
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
5
- var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
6
- var React = require('react');
7
- var classnames = require('classnames');
8
- var dayjs = require('dayjs');
9
- var customParseFormat = require('dayjs/plugin/customParseFormat');
10
- var neetoCist = require('@bigbinary/neeto-cist');
11
- var DatePicker = require('./DatePicker.js');
12
- var Label = require('./Label.js');
13
- var TimePickerInput = require('./TimePickerInput.js');
14
- var useId = require('./useId-4e3deb5c.js');
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
- var index$1 = require('./index-f2e36d91.js');
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('./useSyncedRef-9c3dcd03.js');
24
- require('antd/lib/config-provider');
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('./Popover.js');
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('ramda');
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -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('./motion-a1906aff.js');
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('./motion-a1906aff.js');
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('./motion-a1906aff.js');
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('./motion-a1906aff.js');
33
+ require('framer-motion');
34
34
  require('./Tooltip.js');
35
35
  require('@tippyjs/react');
36
36
  require('tippy.js');
@@ -43,7 +43,7 @@ require('@bigbinary/neeto-cist');
43
43
  require('qs');
44
44
  require('./Button.js');
45
45
  require('react-router-dom');
46
- require('./motion-a1906aff.js');
46
+ require('framer-motion');
47
47
  require('./Tooltip.js');
48
48
  require('@tippyjs/react');
49
49
  require('tippy.js');
@@ -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('./motion-a1906aff.js');
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('./motion-a1906aff.js');
32
+ require('framer-motion');
33
33
  require('./Tooltip.js');
34
34
  require('@tippyjs/react');
35
35
  require('tippy.js');
@@ -2,7 +2,7 @@
2
2
 
3
3
  var React = require('react');
4
4
  var classnames = require('classnames');
5
- var motion = require('./motion-a1906aff.js');
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(motion.motion.div, {
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,aAAM,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;;;;"}
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('./motion-a1906aff.js');
18
+ require('framer-motion');
19
19
  require('./Tooltip.js');
20
20
  require('@tippyjs/react');
21
21
  require('tippy.js');
@@ -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('./motion-a1906aff.js');
48
+ require('framer-motion');
49
49
  require('./Tooltip.js');
50
50
  require('@tippyjs/react');
51
51
  require('tippy.js');
@@ -17,7 +17,7 @@ require('qs');
17
17
  require('classnames');
18
18
  require('@bigbinary/neeto-icons');
19
19
  require('./Button.js');
20
- require('./motion-a1906aff.js');
20
+ require('framer-motion');
21
21
  require('./Tooltip.js');
22
22
  require('@tippyjs/react');
23
23
  require('tippy.js');
@@ -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('./motion-a1906aff.js');
27
+ require('framer-motion');
28
28
  require('./Tooltip.js');
29
29
  require('@tippyjs/react');
30
30
  require('tippy.js');