@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
package/dist/TimePicker.js
CHANGED
|
@@ -1,188 +1,94 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
1
|
+
import 'antd/lib/config-provider';
|
|
2
|
+
import '@babel/runtime/helpers/extends';
|
|
3
|
+
import '@babel/runtime/helpers/defineProperty';
|
|
4
|
+
import '@babel/runtime/helpers/objectWithoutProperties';
|
|
5
|
+
import 'react';
|
|
6
|
+
import 'classnames';
|
|
7
|
+
import '@bigbinary/neeto-icons';
|
|
8
|
+
import './Accordion.js';
|
|
9
|
+
import './ActionDropdown.js';
|
|
10
|
+
import './Button.js';
|
|
11
|
+
import './Modal.js';
|
|
12
|
+
import './Typography.js';
|
|
10
13
|
import '@babel/runtime/helpers/slicedToArray';
|
|
14
|
+
import 'avvvatars-react';
|
|
15
|
+
import 'ramda';
|
|
16
|
+
import '@tippyjs/react';
|
|
17
|
+
import 'tippy.js';
|
|
18
|
+
import './Checkbox.js';
|
|
19
|
+
import '@babel/runtime/helpers/asyncToGenerator';
|
|
20
|
+
import '@babel/runtime/regenerator';
|
|
21
|
+
import 'react-colorful';
|
|
22
|
+
import './tinycolor-282c618c.js';
|
|
23
|
+
import './Dropdown.js';
|
|
24
|
+
import './index-9d5142b4.js';
|
|
25
|
+
export { T as default } from './index-eb249a9f.js';
|
|
26
|
+
import './Input.js';
|
|
27
|
+
import './Label.js';
|
|
28
|
+
import './MultiEmailInput.js';
|
|
11
29
|
import 'react-router-dom';
|
|
30
|
+
import './useId-c1d20bba.js';
|
|
12
31
|
import '@bigbinary/neeto-hotkeys';
|
|
13
32
|
import './overlayManager.js';
|
|
14
|
-
import { c as convertToDayjsObjects, h as hyphenize, A as ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES, n as noop } from './index-9d5142b4.js';
|
|
15
33
|
import 'qs';
|
|
16
|
-
import
|
|
17
|
-
import
|
|
18
|
-
import './
|
|
19
|
-
import './motion-087daf52.js';
|
|
20
|
-
import './Tooltip.js';
|
|
21
|
-
import '@tippyjs/react';
|
|
22
|
-
import 'tippy.js';
|
|
34
|
+
import './Textarea-938a680f.js';
|
|
35
|
+
import '@babel/runtime/helpers/toConsumableArray';
|
|
36
|
+
import './Pane.js';
|
|
23
37
|
import './Popover.js';
|
|
24
|
-
import '
|
|
38
|
+
import 'framer-motion';
|
|
39
|
+
import './Radio.js';
|
|
40
|
+
import '@bigbinary/neeto-cist';
|
|
41
|
+
import '@babel/runtime/helpers/esm/objectSpread2';
|
|
42
|
+
import '@babel/runtime/helpers/esm/slicedToArray';
|
|
43
|
+
import '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
44
|
+
import '@babel/runtime/helpers/esm/extends';
|
|
45
|
+
import './react-select-creatable.esm-ad71b0c0.js';
|
|
46
|
+
import '@babel/runtime/helpers/objectSpread2';
|
|
25
47
|
import '@babel/runtime/helpers/classCallCheck';
|
|
26
48
|
import '@babel/runtime/helpers/createClass';
|
|
49
|
+
import '@babel/runtime/helpers/inherits';
|
|
50
|
+
import '@babel/runtime/helpers/createSuper';
|
|
51
|
+
import '@babel/runtime/helpers/taggedTemplateLiteral';
|
|
52
|
+
import '@babel/runtime/helpers/typeof';
|
|
53
|
+
import 'react-dom';
|
|
54
|
+
import '@babel/runtime/helpers/esm/defineProperty';
|
|
55
|
+
import '@babel/runtime/helpers/esm/toConsumableArray';
|
|
56
|
+
import 'antd/lib/slider';
|
|
57
|
+
import './Switch.js';
|
|
58
|
+
import './Tab.js';
|
|
59
|
+
import 'antd/lib/table';
|
|
60
|
+
import 'react-drag-listview';
|
|
61
|
+
import './HeaderCellMenu-4e7c17aa.js';
|
|
62
|
+
import 'react-resizable';
|
|
63
|
+
import './Tag.js';
|
|
64
|
+
import './TimePickerInput.js';
|
|
65
|
+
import './Toastr.js';
|
|
66
|
+
import 'antd/lib/tree';
|
|
67
|
+
import './TreeSelect.js';
|
|
27
68
|
import 'dayjs';
|
|
28
69
|
import 'dayjs/plugin/localeData';
|
|
29
70
|
import 'dayjs/plugin/utc';
|
|
30
71
|
import 'dayjs/plugin/weekday';
|
|
31
72
|
import 'dayjs/plugin/weekOfYear';
|
|
32
|
-
import '
|
|
33
|
-
import '
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
};
|
|
54
|
-
var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
55
|
-
var _ref$className = _ref.className,
|
|
56
|
-
className = _ref$className === void 0 ? "" : _ref$className,
|
|
57
|
-
_ref$label = _ref.label,
|
|
58
|
-
label = _ref$label === void 0 ? "" : _ref$label,
|
|
59
|
-
_ref$size = _ref.size,
|
|
60
|
-
size = _ref$size === void 0 ? INPUT_SIZES.medium : _ref$size,
|
|
61
|
-
_ref$dropdownClassNam = _ref.dropdownClassName,
|
|
62
|
-
dropdownClassName = _ref$dropdownClassNam === void 0 ? "" : _ref$dropdownClassNam,
|
|
63
|
-
_ref$popupClassName = _ref.popupClassName,
|
|
64
|
-
popupClassName = _ref$popupClassName === void 0 ? "" : _ref$popupClassName,
|
|
65
|
-
_ref$format = _ref.format,
|
|
66
|
-
format = _ref$format === void 0 ? "HH:mm:ss" : _ref$format,
|
|
67
|
-
_ref$interval = _ref.interval,
|
|
68
|
-
interval = _ref$interval === void 0 ? TIME_PICKER_INTERVAL : _ref$interval,
|
|
69
|
-
_ref$onChange = _ref.onChange,
|
|
70
|
-
onChange = _ref$onChange === void 0 ? noop : _ref$onChange,
|
|
71
|
-
_ref$type = _ref.type,
|
|
72
|
-
type = _ref$type === void 0 ? "time" : _ref$type,
|
|
73
|
-
_ref$nakedInput = _ref.nakedInput,
|
|
74
|
-
nakedInput = _ref$nakedInput === void 0 ? false : _ref$nakedInput,
|
|
75
|
-
_ref$disabled = _ref.disabled,
|
|
76
|
-
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
77
|
-
_ref$error = _ref.error,
|
|
78
|
-
error = _ref$error === void 0 ? "" : _ref$error,
|
|
79
|
-
defaultValue = _ref.defaultValue,
|
|
80
|
-
value = _ref.value,
|
|
81
|
-
labelProps = _ref.labelProps,
|
|
82
|
-
_ref$required = _ref.required,
|
|
83
|
-
required = _ref$required === void 0 ? false : _ref$required,
|
|
84
|
-
placeholder = _ref.placeholder,
|
|
85
|
-
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
86
|
-
var id = useId(otherProps.id);
|
|
87
|
-
var timePickerRef = useSyncedRef(ref);
|
|
88
|
-
var Component = TIME_PICKER_TYPES[type.toLowerCase()];
|
|
89
|
-
var errorId = "error_".concat(id);
|
|
90
|
-
var showTimeLabels = {};
|
|
91
|
-
if (format.includes("s")) {
|
|
92
|
-
showTimeLabels.second = true;
|
|
93
|
-
}
|
|
94
|
-
if (format.includes("m")) {
|
|
95
|
-
showTimeLabels.minute = true;
|
|
96
|
-
}
|
|
97
|
-
if (format.includes("H") || format.includes("h")) {
|
|
98
|
-
showTimeLabels.hour = true;
|
|
99
|
-
}
|
|
100
|
-
var handleOnChange = function handleOnChange(time, timeString) {
|
|
101
|
-
type === "range" && !time ? onChange([], timeString) : onChange(time, timeString);
|
|
102
|
-
};
|
|
103
|
-
var panelRender = function panelRender(originalPanel) {
|
|
104
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
105
|
-
className: "neeto-ui-date-input-custom-panel"
|
|
106
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
|
107
|
-
className: "neeto-ui-date-input-custom-panel__header"
|
|
108
|
-
}, /*#__PURE__*/React__default.createElement("ul", {
|
|
109
|
-
className: "neeto-ui-date-input-custom-panel__header-cols"
|
|
110
|
-
}, showTimeLabels.hour && /*#__PURE__*/React__default.createElement("li", {
|
|
111
|
-
className: "neeto-ui-date-input-custom-panel__header-col"
|
|
112
|
-
}, "Hour"), showTimeLabels.minute && /*#__PURE__*/React__default.createElement("li", {
|
|
113
|
-
className: "neeto-ui-date-input-custom-panel__header-col"
|
|
114
|
-
}, "Minutes"), showTimeLabels.second && /*#__PURE__*/React__default.createElement("li", {
|
|
115
|
-
className: "neeto-ui-date-input-custom-panel__header-col"
|
|
116
|
-
}, "Seconds"))), /*#__PURE__*/React__default.createElement("div", {
|
|
117
|
-
className: "neeto-ui-date-input-custom-panel__body"
|
|
118
|
-
}, originalPanel));
|
|
119
|
-
};
|
|
120
|
-
return /*#__PURE__*/React__default.createElement(_ConfigProvider, {
|
|
121
|
-
theme: {
|
|
122
|
-
token: _objectSpread({}, ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
|
|
123
|
-
components: {
|
|
124
|
-
DatePicker: {
|
|
125
|
-
// Global overrides
|
|
126
|
-
colorBgElevated: "rgb(var(--neeto-ui-white))",
|
|
127
|
-
colorPrimary: "rgb(var(--neeto-ui-primary-500))",
|
|
128
|
-
colorPrimaryHover: "rgb(var(--neeto-ui-primary-600))",
|
|
129
|
-
colorBorder: "rgb(var(--neeto-ui-gray-300))",
|
|
130
|
-
colorLink: "rgb(var(--neeto-ui-primary-500))",
|
|
131
|
-
colorLinkHover: "rgb(var(--neeto-ui-primary-600))",
|
|
132
|
-
colorText: "rgb(var(--neeto-ui-gray-800))",
|
|
133
|
-
colorTextDisabled: "rgb(var(--neeto-ui-gray-500))",
|
|
134
|
-
colorTextPlaceholder: "rgb(var(--neeto-ui-gray-400))",
|
|
135
|
-
controlItemBgActive: "rgb(var(--neeto-ui-primary-800))",
|
|
136
|
-
controlItemBgHover: "rgb(var(--neeto-ui-gray-100))",
|
|
137
|
-
controlOutline: "rgb(var(--neeto-ui-gray-300))"
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
|
142
|
-
className: "neeto-ui-input__wrapper"
|
|
143
|
-
}, label && /*#__PURE__*/React__default.createElement(Label, _objectSpread({
|
|
144
|
-
required: required
|
|
145
|
-
}, labelProps), label), /*#__PURE__*/React__default.createElement(Component, _extends({
|
|
146
|
-
format: {
|
|
147
|
-
format: format,
|
|
148
|
-
type: "mask"
|
|
149
|
-
},
|
|
150
|
-
hourStep: interval.hourStep,
|
|
151
|
-
minuteStep: interval.minuteStep,
|
|
152
|
-
ref: timePickerRef,
|
|
153
|
-
secondStep: interval.secondStep,
|
|
154
|
-
className: classnames("neeto-ui-time-input", [className], {
|
|
155
|
-
"neeto-ui-time-input--small": size === "small",
|
|
156
|
-
"neeto-ui-time-input--medium": size === "medium",
|
|
157
|
-
"neeto-ui-time-input--large": size === "large",
|
|
158
|
-
"neeto-ui-time-input--disabled": disabled,
|
|
159
|
-
"neeto-ui-time-input--naked": nakedInput,
|
|
160
|
-
"neeto-ui-time-input--error": error
|
|
161
|
-
}),
|
|
162
|
-
popupClassName: classnames("neeto-ui-date-time-dropdown", [dropdownClassName,
|
|
163
|
-
// Will be removed in the next major version
|
|
164
|
-
popupClassName]),
|
|
165
|
-
onChange: handleOnChange
|
|
166
|
-
}, _objectSpread(_objectSpread({
|
|
167
|
-
disabled: disabled
|
|
168
|
-
}, otherProps), {}, {
|
|
169
|
-
panelRender: panelRender
|
|
170
|
-
}), {
|
|
171
|
-
defaultValue: convertToDayjsObjects(defaultValue),
|
|
172
|
-
mode: undefined,
|
|
173
|
-
picker: "time",
|
|
174
|
-
placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : format,
|
|
175
|
-
suffixIcon: /*#__PURE__*/React__default.createElement(Clock, {
|
|
176
|
-
size: 16
|
|
177
|
-
}),
|
|
178
|
-
value: convertToDayjsObjects(value)
|
|
179
|
-
})), !!error && /*#__PURE__*/React__default.createElement("p", {
|
|
180
|
-
className: "neeto-ui-input__error",
|
|
181
|
-
"data-cy": "".concat(hyphenize(label), "-input-error"),
|
|
182
|
-
id: errorId
|
|
183
|
-
}, error)));
|
|
184
|
-
});
|
|
185
|
-
TimePicker.displayName = "TimePicker";
|
|
186
|
-
|
|
187
|
-
export { TimePicker as default };
|
|
73
|
+
import './Tooltip.js';
|
|
74
|
+
import './useOverlayManager-9d385819.js';
|
|
75
|
+
import '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';
|
|
76
|
+
import '@babel/runtime/helpers/esm/inheritsLoose';
|
|
77
|
+
import './index-283bc6a6.js';
|
|
78
|
+
import '@babel/runtime/helpers/esm/assertThisInitialized';
|
|
79
|
+
import 'antd/lib/date-picker';
|
|
80
|
+
import 'dayjs/plugin/customParseFormat';
|
|
81
|
+
import '@babel/runtime/helpers/toArray';
|
|
82
|
+
import '@babel/runtime/helpers/esm/classCallCheck';
|
|
83
|
+
import '@babel/runtime/helpers/esm/createClass';
|
|
84
|
+
import '@babel/runtime/helpers/esm/inherits';
|
|
85
|
+
import '@babel/runtime/helpers/esm/createSuper';
|
|
86
|
+
import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
|
|
87
|
+
import '@babel/runtime/helpers/esm/typeof';
|
|
88
|
+
import '@wojtekmaj/react-timerange-picker';
|
|
89
|
+
import 'react-time-picker';
|
|
90
|
+
import 'i18next';
|
|
91
|
+
import 'react-toastify';
|
|
92
|
+
import 'linkify-react';
|
|
93
|
+
import 'antd/lib/tree-select';
|
|
188
94
|
//# sourceMappingURL=TimePicker.js.map
|
package/dist/TimePicker.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.js","sources":["../src/components/TimePicker/constants.js","../src/components/TimePicker/index.jsx"],"sourcesContent":["import { DatePicker as AntTimePicker } from \"antd\";\n\nconst { RangePicker } = AntTimePicker;\n\nexport const TIME_PICKER_TYPES = {\n range: RangePicker,\n time: AntTimePicker,\n};\n","import React, { forwardRef } from \"react\";\n\nimport { ConfigProvider } from \"antd\";\nimport classnames from \"classnames\";\nimport { Clock } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport Label from \"components/Label\";\nimport { useSyncedRef, useId } from \"hooks\";\nimport {\n convertToDayjsObjects,\n noop,\n hyphenize,\n ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES,\n} from \"utils\";\n\nimport { TIME_PICKER_TYPES } from \"./constants\";\n\nconst INPUT_SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst TIME_PICKER_INTERVAL = {\n hourStep: 1,\n minuteStep: 15,\n secondStep: 10,\n};\n\nconst TimePicker = forwardRef(\n (\n {\n className = \"\",\n label = \"\",\n size = INPUT_SIZES.medium,\n dropdownClassName = \"\",\n popupClassName = \"\",\n format = \"HH:mm:ss\",\n interval = TIME_PICKER_INTERVAL,\n onChange = noop,\n type = \"time\",\n nakedInput = false,\n disabled = false,\n error = \"\",\n defaultValue,\n value,\n labelProps,\n required = false,\n placeholder,\n ...otherProps\n },\n ref\n ) => {\n const id = useId(otherProps.id);\n const timePickerRef = useSyncedRef(ref);\n\n const Component = TIME_PICKER_TYPES[type.toLowerCase()];\n\n const errorId = `error_${id}`;\n\n const showTimeLabels = {};\n if (format.includes(\"s\")) {\n showTimeLabels.second = true;\n }\n\n if (format.includes(\"m\")) {\n showTimeLabels.minute = true;\n }\n\n if (format.includes(\"H\") || format.includes(\"h\")) {\n showTimeLabels.hour = true;\n }\n\n const handleOnChange = (time, timeString) => {\n type === \"range\" && !time\n ? onChange([], timeString)\n : onChange(time, timeString);\n };\n\n const panelRender = originalPanel => (\n <div className=\"neeto-ui-date-input-custom-panel\">\n <div className=\"neeto-ui-date-input-custom-panel__header\">\n <ul className=\"neeto-ui-date-input-custom-panel__header-cols\">\n {showTimeLabels.hour && (\n <li className=\"neeto-ui-date-input-custom-panel__header-col\">\n Hour\n </li>\n )}\n {showTimeLabels.minute && (\n <li className=\"neeto-ui-date-input-custom-panel__header-col\">\n Minutes\n </li>\n )}\n {showTimeLabels.second && (\n <li className=\"neeto-ui-date-input-custom-panel__header-col\">\n Seconds\n </li>\n )}\n </ul>\n </div>\n <div className=\"neeto-ui-date-input-custom-panel__body\">\n {originalPanel}\n </div>\n </div>\n );\n\n return (\n <ConfigProvider\n theme={{\n token: { ...ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES },\n components: {\n DatePicker: {\n // Global overrides\n colorBgElevated: \"rgb(var(--neeto-ui-white))\",\n colorPrimary: \"rgb(var(--neeto-ui-primary-500))\",\n colorPrimaryHover: \"rgb(var(--neeto-ui-primary-600))\",\n colorBorder: \"rgb(var(--neeto-ui-gray-300))\",\n colorLink: \"rgb(var(--neeto-ui-primary-500))\",\n colorLinkHover: \"rgb(var(--neeto-ui-primary-600))\",\n colorText: \"rgb(var(--neeto-ui-gray-800))\",\n colorTextDisabled: \"rgb(var(--neeto-ui-gray-500))\",\n colorTextPlaceholder: \"rgb(var(--neeto-ui-gray-400))\",\n controlItemBgActive: \"rgb(var(--neeto-ui-primary-800))\",\n controlItemBgHover: \"rgb(var(--neeto-ui-gray-100))\",\n controlOutline: \"rgb(var(--neeto-ui-gray-300))\",\n },\n },\n }}\n >\n <div className=\"neeto-ui-input__wrapper\">\n {label && <Label {...{ required, ...labelProps }}>{label}</Label>}\n <Component\n format={{ format, type: \"mask\" }}\n hourStep={interval.hourStep}\n minuteStep={interval.minuteStep}\n ref={timePickerRef}\n secondStep={interval.secondStep}\n className={classnames(\"neeto-ui-time-input\", [className], {\n \"neeto-ui-time-input--small\": size === \"small\",\n \"neeto-ui-time-input--medium\": size === \"medium\",\n \"neeto-ui-time-input--large\": size === \"large\",\n \"neeto-ui-time-input--disabled\": disabled,\n \"neeto-ui-time-input--naked\": nakedInput,\n \"neeto-ui-time-input--error\": error,\n })}\n popupClassName={classnames(\"neeto-ui-date-time-dropdown\", [\n dropdownClassName, // Will be removed in the next major version\n popupClassName,\n ])}\n onChange={handleOnChange}\n {...{ disabled, ...otherProps, panelRender }}\n defaultValue={convertToDayjsObjects(defaultValue)}\n mode={undefined}\n picker=\"time\"\n placeholder={placeholder ?? format}\n suffixIcon={<Clock size={16} />}\n value={convertToDayjsObjects(value)}\n />\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 </ConfigProvider>\n );\n }\n);\n\nTimePicker.displayName = \"TimePicker\";\n\nTimePicker.propTypes = {\n /**\n * To provide external classnames to TimePicker component.\n */\n className: PropTypes.string,\n /**\n * To set the text to be displayed above the TimePicker.\n */\n label: PropTypes.string,\n /**\n * To specify the label props to be passed to the Label component.\n */\n labelProps: PropTypes.object,\n /**\n * To set the size of the TimePicker.\n */\n size: PropTypes.oneOf(Object.values(INPUT_SIZES)),\n /**\n * To set the TimePicker as naked Input field.\n */\n nakedInput: PropTypes.bool,\n /**\n * To specify the error message to be shown in the TimePicker.\n */\n error: PropTypes.string,\n /**\n * To specify the time format.\n */\n format: PropTypes.string,\n /**\n * To set the placeholder text for the TimePicker, if not provided, the format will be used as placeholder.\n */\n placeholder: PropTypes.string,\n /**\n * To specify the time interval.\n */\n interval: PropTypes.object,\n /**\n * For `TimeInput`,(time, timeString) => {} <br />\n * For `TimeRange`, (time, [startTime, endTime]) => {}\n */\n onChange: PropTypes.func,\n /**\n * To specify the type of the TimePicker.\n */\n type: PropTypes.oneOf([\"time\", \"range\"]),\n /**\n * To set TimePicker as disabled.\n */\n disabled: PropTypes.bool,\n /**\n * To specify the values to be displayed inside the TimePicker.\n */\n value: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\n /**\n * To specify custom classnames to be applied to the TimePicker dropdown.\n */\n dropdownClassName: PropTypes.string,\n /**\n * To specify the default values to be displayed inside the TimePicker.\n */\n defaultValue: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\n /**\n * To specify whether the Time picker is required or not.\n */\n required: PropTypes.bool,\n};\n\nexport default TimePicker;\n"],"names":["RangePicker","_DatePicker","TIME_PICKER_TYPES","range","time","INPUT_SIZES","small","medium","large","TIME_PICKER_INTERVAL","hourStep","minuteStep","secondStep","TimePicker","forwardRef","_ref","ref","_ref$className","className","_ref$label","label","_ref$size","size","_ref$dropdownClassNam","dropdownClassName","_ref$popupClassName","popupClassName","_ref$format","format","_ref$interval","interval","_ref$onChange","onChange","noop","_ref$type","type","_ref$nakedInput","nakedInput","_ref$disabled","disabled","_ref$error","error","defaultValue","value","labelProps","_ref$required","required","placeholder","otherProps","_objectWithoutProperties","_excluded","id","useId","timePickerRef","useSyncedRef","Component","toLowerCase","errorId","concat","showTimeLabels","includes","second","minute","hour","handleOnChange","timeString","panelRender","originalPanel","React","createElement","_ConfigProvider","theme","token","_objectSpread","ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES","components","DatePicker","colorBgElevated","colorPrimary","colorPrimaryHover","colorBorder","colorLink","colorLinkHover","colorText","colorTextDisabled","colorTextPlaceholder","controlItemBgActive","controlItemBgHover","controlOutline","Label","_extends","classnames","convertToDayjsObjects","mode","undefined","picker","suffixIcon","Clock","hyphenize","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TimePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/TimePickerInput.js
CHANGED
|
@@ -18,7 +18,7 @@ import { h as hyphenize, n as noop } from './index-9d5142b4.js';
|
|
|
18
18
|
import 'qs';
|
|
19
19
|
import { Close, Clock } from '@bigbinary/neeto-icons';
|
|
20
20
|
import './Button.js';
|
|
21
|
-
import '
|
|
21
|
+
import 'framer-motion';
|
|
22
22
|
import './Tooltip.js';
|
|
23
23
|
import '@tippyjs/react';
|
|
24
24
|
import 'tippy.js';
|