ordering-ui-admin-external 1.44.100 → 1.45.1
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/_bundles/{ordering-ui-admin.c0e9ca479ed5caf68614.js → ordering-ui-admin.f268db8e33337ae4b89e.js} +2 -2
- package/_modules/components/Shared/Schedule/index.js +78 -57
- package/_modules/components/Shared/Schedule/styles.js +15 -18
- package/_modules/components/Shared/ScheduleCopyTimes/index.js +7 -12
- package/_modules/components/Shared/ScheduleCopyTimes/styles.js +2 -2
- package/_modules/styles/Select/index.js +5 -2
- package/package.json +2 -2
- package/src/components/Shared/Schedule/index.js +129 -135
- package/src/components/Shared/Schedule/styles.js +19 -16
- package/src/components/Shared/ScheduleCopyTimes/index.js +4 -12
- package/src/components/Shared/ScheduleCopyTimes/styles.js +12 -3
- package/src/styles/Select/index.js +9 -2
- /package/_bundles/{ordering-ui-admin.c0e9ca479ed5caf68614.js.LICENSE.txt → ordering-ui-admin.f268db8e33337ae4b89e.js.LICENSE.txt} +0 -0
|
@@ -71,14 +71,12 @@ var ScheduleUI = function ScheduleUI(props) {
|
|
|
71
71
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
72
72
|
confirm = _useState4[0],
|
|
73
73
|
setConfirm = _useState4[1];
|
|
74
|
-
var
|
|
74
|
+
var minuteOptions = (0, _react.useRef)([]);
|
|
75
|
+
var hourOptions = (0, _react.useRef)([]);
|
|
76
|
+
var _useState5 = (0, _react.useState)(null),
|
|
75
77
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
var _useState7 = (0, _react.useState)(null),
|
|
79
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
80
|
-
isOpenCopytimes = _useState8[0],
|
|
81
|
-
setIsOpenCopytimes = _useState8[1];
|
|
78
|
+
isOpenCopytimes = _useState6[0],
|
|
79
|
+
setIsOpenCopytimes = _useState6[1];
|
|
82
80
|
var daysOfWeek = [t('SUNDAY_ABBREVIATION', 'Sun'), t('MONDAY_ABBREVIATION', 'Mon'), t('TUESDAY_ABBREVIATION', 'Tue'), t('WEDNESDAY_ABBREVIATION', 'Wed'), t('THURSDAY_ABBREVIATION', 'Thu'), t('FRIDAY_ABBREVIATION', 'Fri'), t('SATURDAY_ABBREVIATION', 'Sat')];
|
|
83
81
|
var closeAlert = function closeAlert() {
|
|
84
82
|
setIsConflict(false);
|
|
@@ -120,40 +118,31 @@ var ScheduleUI = function ScheduleUI(props) {
|
|
|
120
118
|
});
|
|
121
119
|
}, [isConflict]);
|
|
122
120
|
(0, _react.useEffect)(function () {
|
|
123
|
-
var
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
});
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
_scheduleOptions.push({
|
|
150
|
-
value: '23:59',
|
|
151
|
-
content: /*#__PURE__*/_react.default.createElement(_styles2.Option, null, is12Hours ? '11:59 PM' : '23 : 59')
|
|
152
|
-
});
|
|
153
|
-
setScheduleOptions(_scheduleOptions);
|
|
154
|
-
}, []);
|
|
121
|
+
var generateOptions = function generateOptions(count, formatFn) {
|
|
122
|
+
return Array.from({
|
|
123
|
+
length: count
|
|
124
|
+
}, function (_, i) {
|
|
125
|
+
return {
|
|
126
|
+
value: i,
|
|
127
|
+
content: /*#__PURE__*/_react.default.createElement(_styles2.Option, null, formatFn(i))
|
|
128
|
+
};
|
|
129
|
+
});
|
|
130
|
+
};
|
|
131
|
+
var formatMinute = function formatMinute(i) {
|
|
132
|
+
return i < 10 ? "0".concat(i) : i;
|
|
133
|
+
};
|
|
134
|
+
var formatHour = function formatHour(hour) {
|
|
135
|
+
if (!is12Hours) return hour < 10 ? "0".concat(hour) : hour;
|
|
136
|
+
if (hour === 0) return "12 ".concat(t('AM', 'AM'));
|
|
137
|
+
if (hour < 12) return "".concat(hour, " ").concat(t('AM', 'AM'));
|
|
138
|
+
if (hour === 12) return "12 ".concat(t('PM', 'PM'));
|
|
139
|
+
return "".concat(hour - 12, " ").concat(t('PM', 'PM'));
|
|
140
|
+
};
|
|
141
|
+
minuteOptions.current = generateOptions(60, formatMinute);
|
|
142
|
+
hourOptions.current = generateOptions(24, formatHour);
|
|
143
|
+
}, [is12Hours]);
|
|
155
144
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.ScheduleContainer, null, scheduleState.map(function (schedule, daysOfWeekIndex) {
|
|
156
|
-
var _addScheduleTime$open, _addScheduleTime$open2, _addScheduleTime$
|
|
145
|
+
var _addScheduleTime$open, _addScheduleTime$open2, _addScheduleTime$clos, _addScheduleTime$clos2;
|
|
157
146
|
return /*#__PURE__*/_react.default.createElement(_styles2.TimeScheduleItemContainer, {
|
|
158
147
|
key: daysOfWeekIndex
|
|
159
148
|
}, /*#__PURE__*/_react.default.createElement("div", null, !disableSchedule && /*#__PURE__*/_react.default.createElement(_styles.Checkbox, {
|
|
@@ -166,23 +155,39 @@ var ScheduleUI = function ScheduleUI(props) {
|
|
|
166
155
|
}, parseDate(getNextDate(daysOfWeekIndex), {
|
|
167
156
|
outputFormat: 'YYYY-MM-DD'
|
|
168
157
|
})))), schedule !== null && schedule !== void 0 && schedule.enabled ? /*#__PURE__*/_react.default.createElement("div", null, schedule === null || schedule === void 0 ? void 0 : schedule.lapses.map(function (lapse, index) {
|
|
169
|
-
var _lapse$open, _lapse$open2, _lapse$
|
|
158
|
+
var _lapse$open, _lapse$open2, _lapse$close, _lapse$close2;
|
|
170
159
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
171
160
|
key: index
|
|
172
161
|
}, /*#__PURE__*/_react.default.createElement(_styles2.SelectWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.SecondSelect, {
|
|
173
162
|
noSelected: true,
|
|
174
|
-
options:
|
|
175
|
-
defaultValue:
|
|
163
|
+
options: hourOptions.current,
|
|
164
|
+
defaultValue: lapse === null || lapse === void 0 || (_lapse$open = lapse.open) === null || _lapse$open === void 0 ? void 0 : _lapse$open.hour,
|
|
176
165
|
onChange: function onChange(val) {
|
|
177
|
-
return handleChangeScheduleTime(val, daysOfWeekIndex, index, true);
|
|
166
|
+
return handleChangeScheduleTime(val, daysOfWeekIndex, index, true, 'hour');
|
|
167
|
+
},
|
|
168
|
+
optionInnerMaxHeight: "300px"
|
|
169
|
+
})), /*#__PURE__*/_react.default.createElement(_styles2.SelectWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.SecondSelect, {
|
|
170
|
+
noSelected: true,
|
|
171
|
+
options: minuteOptions.current,
|
|
172
|
+
defaultValue: lapse === null || lapse === void 0 || (_lapse$open2 = lapse.open) === null || _lapse$open2 === void 0 ? void 0 : _lapse$open2.minute,
|
|
173
|
+
onChange: function onChange(val) {
|
|
174
|
+
return handleChangeScheduleTime(val, daysOfWeekIndex, index, true, 'minute');
|
|
178
175
|
},
|
|
179
176
|
optionInnerMaxHeight: "300px"
|
|
180
177
|
})), /*#__PURE__*/_react.default.createElement(_styles2.SplitLine, null), /*#__PURE__*/_react.default.createElement(_styles2.SelectWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.SecondSelect, {
|
|
181
178
|
noSelected: true,
|
|
182
|
-
options:
|
|
183
|
-
defaultValue:
|
|
179
|
+
options: hourOptions.current,
|
|
180
|
+
defaultValue: lapse === null || lapse === void 0 || (_lapse$close = lapse.close) === null || _lapse$close === void 0 ? void 0 : _lapse$close.hour,
|
|
181
|
+
onChange: function onChange(val) {
|
|
182
|
+
return handleChangeScheduleTime(val, daysOfWeekIndex, index, false, 'hour');
|
|
183
|
+
},
|
|
184
|
+
optionInnerMaxHeight: "300px"
|
|
185
|
+
})), /*#__PURE__*/_react.default.createElement(_styles2.SelectWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.SecondSelect, {
|
|
186
|
+
noSelected: true,
|
|
187
|
+
options: minuteOptions.current,
|
|
188
|
+
defaultValue: lapse === null || lapse === void 0 || (_lapse$close2 = lapse.close) === null || _lapse$close2 === void 0 ? void 0 : _lapse$close2.minute,
|
|
184
189
|
onChange: function onChange(val) {
|
|
185
|
-
return handleChangeScheduleTime(val, daysOfWeekIndex, index, false);
|
|
190
|
+
return handleChangeScheduleTime(val, daysOfWeekIndex, index, false, 'minute');
|
|
186
191
|
},
|
|
187
192
|
optionInnerMaxHeight: "300px"
|
|
188
193
|
})), /*#__PURE__*/_react.default.createElement(_styles2.TrashIconWrapper, {
|
|
@@ -194,20 +199,36 @@ var ScheduleUI = function ScheduleUI(props) {
|
|
|
194
199
|
})));
|
|
195
200
|
}), openAddSchedule[daysOfWeekIndex] && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_styles2.SelectWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.SecondSelect, {
|
|
196
201
|
noSelected: true,
|
|
197
|
-
options:
|
|
198
|
-
defaultValue:
|
|
199
|
-
optionInnerMaxHeight: "300px",
|
|
202
|
+
options: hourOptions.current,
|
|
203
|
+
defaultValue: addScheduleTime === null || addScheduleTime === void 0 || (_addScheduleTime$open = addScheduleTime.open) === null || _addScheduleTime$open === void 0 ? void 0 : _addScheduleTime$open.hour,
|
|
200
204
|
onChange: function onChange(val) {
|
|
201
|
-
return handleChangeAddScheduleTime(val, true);
|
|
202
|
-
}
|
|
205
|
+
return handleChangeAddScheduleTime(val, true, 'hour');
|
|
206
|
+
},
|
|
207
|
+
optionInnerMaxHeight: "300px"
|
|
208
|
+
})), /*#__PURE__*/_react.default.createElement(_styles2.SelectWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.SecondSelect, {
|
|
209
|
+
noSelected: true,
|
|
210
|
+
options: minuteOptions.current,
|
|
211
|
+
defaultValue: addScheduleTime === null || addScheduleTime === void 0 || (_addScheduleTime$open2 = addScheduleTime.open) === null || _addScheduleTime$open2 === void 0 ? void 0 : _addScheduleTime$open2.minute,
|
|
212
|
+
onChange: function onChange(val) {
|
|
213
|
+
return handleChangeAddScheduleTime(val, true, 'minute');
|
|
214
|
+
},
|
|
215
|
+
optionInnerMaxHeight: "300px"
|
|
203
216
|
})), /*#__PURE__*/_react.default.createElement(_styles2.SplitLine, null), /*#__PURE__*/_react.default.createElement(_styles2.SelectWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.SecondSelect, {
|
|
204
217
|
noSelected: true,
|
|
205
|
-
options:
|
|
206
|
-
defaultValue:
|
|
207
|
-
optionInnerMaxHeight: "300px",
|
|
218
|
+
options: hourOptions.current,
|
|
219
|
+
defaultValue: addScheduleTime === null || addScheduleTime === void 0 || (_addScheduleTime$clos = addScheduleTime.close) === null || _addScheduleTime$clos === void 0 ? void 0 : _addScheduleTime$clos.hour,
|
|
208
220
|
onChange: function onChange(val) {
|
|
209
|
-
return handleChangeAddScheduleTime(val, false);
|
|
210
|
-
}
|
|
221
|
+
return handleChangeAddScheduleTime(val, false, 'hour');
|
|
222
|
+
},
|
|
223
|
+
optionInnerMaxHeight: "300px"
|
|
224
|
+
})), /*#__PURE__*/_react.default.createElement(_styles2.SelectWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.SecondSelect, {
|
|
225
|
+
noSelected: true,
|
|
226
|
+
options: minuteOptions.current,
|
|
227
|
+
defaultValue: addScheduleTime === null || addScheduleTime === void 0 || (_addScheduleTime$clos2 = addScheduleTime.close) === null || _addScheduleTime$clos2 === void 0 ? void 0 : _addScheduleTime$clos2.minute,
|
|
228
|
+
onChange: function onChange(val) {
|
|
229
|
+
return handleChangeAddScheduleTime(val, false, 'minute');
|
|
230
|
+
},
|
|
231
|
+
optionInnerMaxHeight: "300px"
|
|
211
232
|
})), /*#__PURE__*/_react.default.createElement(_styles2.AddScheduleIconWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.PlusCircleFill, {
|
|
212
233
|
onClick: function onClick() {
|
|
213
234
|
return handleAddSchedule(daysOfWeekIndex);
|
|
@@ -6,43 +6,40 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.TrashIconWrapper = exports.TimeScheduleItemContainer = exports.SplitLine = exports.SelectWrapper = exports.ScheduleContainer = exports.Option = exports.IconWrapper = exports.DateWrapper = exports.AddScheduleIconWrapper = void 0;
|
|
8
8
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
9
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17
|
|
9
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
|
|
10
10
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
11
11
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
12
12
|
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
13
13
|
var ScheduleContainer = exports.ScheduleContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n min-width: 320px;\n"])));
|
|
14
|
-
var TimeScheduleItemContainer = exports.TimeScheduleItemContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 12px 0;\n border-bottom: 1px solid ", ";\n\n > div {\n display: flex;\n align-items: center;\n h4 {\n font-size: 13px;\n font-weight: 600;\n margin: 0px;\n padding: 0 10px;\n }\n\n &:first-child {\n min-width:
|
|
14
|
+
var TimeScheduleItemContainer = exports.TimeScheduleItemContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 12px 0;\n border-bottom: 1px solid ", ";\n\n > div {\n display: flex;\n align-items: center;\n h4 {\n font-size: 13px;\n font-weight: 600;\n margin: 0px;\n padding: 0 10px;\n }\n\n &:first-child {\n min-width: 70px;\n }\n\n &:nth-child(2) {\n flex-direction: column;\n flex: 1;\n > div {\n display: flex;\n justify-content: center;\n align-items: center;\n &:not(:last-child) {\n margin-bottom: 10px;\n }\n svg {\n font-size: 18px;\n cursor: pointer;\n }\n }\n > p {\n margin: 6px 0;\n font-size: 13px;\n }\n }\n\n &:nth-child(3) {\n > span {\n svg {\n cursor: pointer;\n font-size: 18px;\n color: ", ";\n ", "\n }\n }\n }\n }\n\n @media (min-width: 450px) {\n > div {\n h4 {\n font-size: 14px;\n padding: 0 12px;\n }\n &:nth-child(2) {\n p {\n font-size: 14px;\n }\n svg {\n font-size: 20px;\n }\n }\n &:nth-child(3) {\n > span {\n svg {\n font-size: 20px;\n }\n }\n }\n }\n }\n"])), function (props) {
|
|
15
15
|
return props.theme.colors.borderColor;
|
|
16
|
-
}, function (props) {
|
|
17
|
-
var _props$theme;
|
|
18
|
-
return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding-right: 8px;\n "]))) : (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n padding-left: 8px;\n "])));
|
|
19
16
|
}, function (props) {
|
|
20
17
|
return props.theme.colors.primary;
|
|
21
18
|
}, function (props) {
|
|
22
|
-
var _props$
|
|
23
|
-
return (_props$
|
|
19
|
+
var _props$theme;
|
|
20
|
+
return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin-left: 10px;\n "]))) : (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n margin-right: 10px;\n "])));
|
|
24
21
|
});
|
|
25
|
-
var SelectWrapper = exports.SelectWrapper = _styledComponents.default.div(
|
|
22
|
+
var SelectWrapper = exports.SelectWrapper = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n border-radius: 8px;\n width: 70px;\n display: flex;\n justify-content: center;\n .select {\n border: none;\n svg {\n display: none;\n }\n > div {\n padding-left: 13px;\n padding-right: 13px;\n font-size: 13px;\n > div:last-child {\n margin: 0px;\n }\n }\n }\n\n .list {\n .options {\n > div {\n > div {\n min-width: initial;\n }\n }\n }\n }\n\n @media (min-width: 450px) {\n width: 70px;\n margin: 0px 5px;\n .select {\n > div {\n font-size: 16px;\n }\n }\n }\n"])), function (props) {
|
|
26
23
|
return props.theme.colors.borderColor;
|
|
27
24
|
});
|
|
28
|
-
var Option = exports.Option = _styledComponents.default.div(
|
|
29
|
-
var SplitLine = exports.SplitLine = _styledComponents.default.div(
|
|
25
|
+
var Option = exports.Option = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n white-space: nowrap;\n font-size: 15px;\n"])));
|
|
26
|
+
var SplitLine = exports.SplitLine = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n height: 1px;\n width: 8px;\n margin: 0 8px;\n background-color: ", ";\n"])), function (props) {
|
|
30
27
|
return props.theme.colors.disabled;
|
|
31
28
|
});
|
|
32
|
-
var IconWrapper = exports.IconWrapper = _styledComponents.default.span(
|
|
29
|
+
var IconWrapper = exports.IconWrapper = _styledComponents.default.span(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref) {
|
|
33
30
|
var isHide = _ref.isHide;
|
|
34
|
-
return isHide ? (0, _styledComponents.css)(
|
|
31
|
+
return isHide ? (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n opacity: 0;\n pointer-events: none;\n "]))) : (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n opacity: 1;\n "])));
|
|
35
32
|
});
|
|
36
|
-
var TrashIconWrapper = exports.TrashIconWrapper = _styledComponents.default.div(
|
|
33
|
+
var TrashIconWrapper = exports.TrashIconWrapper = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n width: 50px;\n ", "\n @media (min-width: 450px) {\n width: 56px;\n }\n"])), function (_ref2) {
|
|
37
34
|
var isHide = _ref2.isHide;
|
|
38
|
-
return isHide ? (0, _styledComponents.css)(
|
|
35
|
+
return isHide ? (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n opacity: 0;\n pointer-events: none;\n "]))) : (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n opacity: 1;\n "])));
|
|
39
36
|
});
|
|
40
|
-
var AddScheduleIconWrapper = exports.AddScheduleIconWrapper = _styledComponents.default.div(
|
|
37
|
+
var AddScheduleIconWrapper = exports.AddScheduleIconWrapper = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n width: 50px;\n > svg {\n color: ", ";\n ", "\n &:last-child {\n color: ", ";\n }\n }\n\n @media (min-width: 450px) {\n width: 56px;\n }\n"])), function (props) {
|
|
41
38
|
return props.theme.colors.primary;
|
|
42
39
|
}, function (props) {
|
|
43
|
-
var _props$
|
|
44
|
-
return (_props$
|
|
40
|
+
var _props$theme2;
|
|
41
|
+
return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n margin-right: 8px;\n "]))) : (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n margin-left: 8px;\n "])));
|
|
45
42
|
}, function (props) {
|
|
46
43
|
return props.theme.colors.lightGray;
|
|
47
44
|
});
|
|
48
|
-
var DateWrapper = exports.DateWrapper = _styledComponents.default.div(
|
|
45
|
+
var DateWrapper = exports.DateWrapper = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n\n h4 {\n &.date {\n font-weight: normal;\n }\n }\n"])));
|
|
@@ -11,6 +11,7 @@ var _RiCheckboxFill = _interopRequireDefault(require("@meronex/icons/ri/RiCheckb
|
|
|
11
11
|
var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
|
|
12
12
|
var _MdcContentCopy = _interopRequireDefault(require("@meronex/icons/mdc/MdcContentCopy"));
|
|
13
13
|
var _styles = require("../../../styles");
|
|
14
|
+
var _reactBootstrapIcons = require("react-bootstrap-icons");
|
|
14
15
|
var _styles2 = require("./styles");
|
|
15
16
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
17
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
@@ -56,25 +57,14 @@ var ScheduleCopyTimes = exports.ScheduleCopyTimes = function ScheduleCopyTimes(p
|
|
|
56
57
|
value: 6,
|
|
57
58
|
content: t('DAY6', 'Saturday')
|
|
58
59
|
}];
|
|
59
|
-
var handleClickOutside = function handleClickOutside(e) {
|
|
60
|
-
var _popperElement$curren, _referenceElement$cur;
|
|
61
|
-
if (!open) return;
|
|
62
|
-
var outsidePopover = !((_popperElement$curren = popperElement.current) !== null && _popperElement$curren !== void 0 && _popperElement$curren.contains(e.target));
|
|
63
|
-
var outsidePopoverMenu = !((_referenceElement$cur = referenceElement.current) !== null && _referenceElement$cur !== void 0 && _referenceElement$cur.contains(e.target));
|
|
64
|
-
if (outsidePopover && outsidePopoverMenu) {
|
|
65
|
-
props.onClose && props.onClose();
|
|
66
|
-
}
|
|
67
|
-
};
|
|
68
60
|
var handleKeyDown = function handleKeyDown(e) {
|
|
69
61
|
if (e.keyCode === 27) {
|
|
70
62
|
props.onClose && props.onClose();
|
|
71
63
|
}
|
|
72
64
|
};
|
|
73
65
|
(0, _react.useEffect)(function () {
|
|
74
|
-
window.addEventListener('mouseup', handleClickOutside);
|
|
75
66
|
window.addEventListener('keydown', handleKeyDown);
|
|
76
67
|
return function () {
|
|
77
|
-
window.removeEventListener('mouseup', handleClickOutside);
|
|
78
68
|
window.removeEventListener('keydown', handleKeyDown);
|
|
79
69
|
};
|
|
80
70
|
}, [open]);
|
|
@@ -94,7 +84,12 @@ var ScheduleCopyTimes = exports.ScheduleCopyTimes = function ScheduleCopyTimes(p
|
|
|
94
84
|
}
|
|
95
85
|
}, /*#__PURE__*/_react.default.createElement(_MdcContentCopy.default, null)), open && /*#__PURE__*/_react.default.createElement(_styles2.PopoverBody, {
|
|
96
86
|
ref: popperElement
|
|
97
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
87
|
+
}, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.X, {
|
|
88
|
+
className: "close-icon",
|
|
89
|
+
onClick: function onClick() {
|
|
90
|
+
return props.onClose && props.onClose();
|
|
91
|
+
}
|
|
92
|
+
}), /*#__PURE__*/_react.default.createElement(_styles2.Title, null, t('COPY_TIMES_TO', 'Copy times to')), /*#__PURE__*/_react.default.createElement(_styles2.PopoverList, null, daysOptions.map(function (option) {
|
|
98
93
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
|
99
94
|
key: option.value
|
|
100
95
|
}, /*#__PURE__*/_react.default.createElement(_styles2.CopyItem, {
|
|
@@ -20,12 +20,12 @@ var HeaderItem = exports.HeaderItem = _styledComponents.default.div(_templateObj
|
|
|
20
20
|
var disabled = _ref.disabled;
|
|
21
21
|
return disabled && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n pointer-events: none;\n opacity: 0.6;\n "])));
|
|
22
22
|
});
|
|
23
|
-
var PopoverBody = exports.PopoverBody = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n position: absolute;\n background: ", ";\n padding: 15px 0px;\n border-radius: 10px;\n max-width: 250px;\n z-index: 1001;\n border: 1px solid #E9ECEF;\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n border-radius: 6px;\n\n ", "\n\n > button {\n width: calc(100% - 20px);\n margin: 5px 10px 0 10px;\n }\n"])), function (props) {
|
|
23
|
+
var PopoverBody = exports.PopoverBody = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n position: absolute;\n background: ", ";\n padding: 15px 0px;\n border-radius: 10px;\n max-width: 250px;\n z-index: 1001;\n border: 1px solid #E9ECEF;\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n border-radius: 6px;\n\n ", "\n\n > button {\n width: calc(100% - 20px);\n margin: 5px 10px 0 10px;\n }\n .close-icon {\n position: absolute;\n width: 28px;\n height: 28px;\n z-index: 100;\n right: 0px;\n top: 0px;\n cursor: pointer;\n }\n"])), function (props) {
|
|
24
24
|
var _props$theme$colors2;
|
|
25
25
|
return ((_props$theme$colors2 = props.theme.colors) === null || _props$theme$colors2 === void 0 ? void 0 : _props$theme$colors2.backgroundPage) || '#FFF';
|
|
26
26
|
}, function (props) {
|
|
27
27
|
var _props$theme2;
|
|
28
|
-
return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n left:
|
|
28
|
+
return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n left: 60px;\n "]))) : (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n right: 60px;\n "])));
|
|
29
29
|
});
|
|
30
30
|
var Title = exports.Title = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 14px;\n padding: 0 10px;\n"])), function (props) {
|
|
31
31
|
return props.theme.colors.headingColor;
|
|
@@ -29,7 +29,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
|
|
|
29
29
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
30
30
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
31
31
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
32
|
-
var Select = exports.Select = function
|
|
32
|
+
var Select = exports.Select = /*#__PURE__*/_react.default.memo(function (props) {
|
|
33
33
|
var _referenceElement$cur2;
|
|
34
34
|
var placeholder = props.placeholder,
|
|
35
35
|
options = props.options,
|
|
@@ -217,4 +217,7 @@ var Select = exports.Select = function Select(props) {
|
|
|
217
217
|
defaultPageSize: pagination === null || pagination === void 0 ? void 0 : pagination.pageSize,
|
|
218
218
|
isHidePagecontrol: isHidePagecontrol
|
|
219
219
|
})))));
|
|
220
|
-
}
|
|
220
|
+
}, function (prevProps, nextProps) {
|
|
221
|
+
return prevProps.defaultValue === nextProps.defaultValue && prevProps.options === nextProps.options && prevProps.searchValue === nextProps.searchValue && prevProps.pagination === nextProps.pagination;
|
|
222
|
+
});
|
|
223
|
+
Select.displayName = 'Select';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ordering-ui-admin-external",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.45.01",
|
|
4
4
|
"description": "Ordering UI Admin Components",
|
|
5
5
|
"main": "./_modules/index.js",
|
|
6
6
|
"exports": {
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
"lodash": "^4.17.20",
|
|
84
84
|
"moment": "^2.29.1",
|
|
85
85
|
"moment-range": "^4.0.2",
|
|
86
|
-
"ordering-components-admin-external": "1.43.
|
|
86
|
+
"ordering-components-admin-external": "1.43.63",
|
|
87
87
|
"polished": "^3.6.7",
|
|
88
88
|
"prop-types": "^15.7.2",
|
|
89
89
|
"react-big-calendar": "^1.4.2",
|