guestbell-forms 2.0.297 → 2.0.299
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/build/components/InputHeader/InputHeader.js +258 -323
- package/build/components/InputHeader/InputHeader.js.map +1 -1
- package/build/components/InputHeader/InputHeaderContext.js +6 -8
- package/build/components/InputHeader/InputHeaderContext.js.map +1 -1
- package/build/components/InputHeader/index.js +4 -6
- package/build/components/InputHeader/index.js.map +1 -1
- package/build/components/InputHeader/withInputHeaderContext.js +9 -13
- package/build/components/InputHeader/withInputHeaderContext.js.map +1 -1
- package/build/components/base/input/BaseInput.js +334 -418
- package/build/components/base/input/BaseInput.js.map +1 -1
- package/build/components/base/input/index.js +1 -1
- package/build/components/base/input/index.js.map +1 -1
- package/build/components/bookingCalendar/BookingCalendar.js +68 -85
- package/build/components/bookingCalendar/BookingCalendar.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarControls/BookingCalendarControls.js +40 -71
- package/build/components/bookingCalendar/bookingCalendarControls/BookingCalendarControls.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarControls/classes.js +1 -1
- package/build/components/bookingCalendar/bookingCalendarControls/classes.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarControls/index.js +2 -2
- package/build/components/bookingCalendar/bookingCalendarControls/index.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarDatePicker/BookingCalendarDatePicker.js +22 -41
- package/build/components/bookingCalendar/bookingCalendarDatePicker/BookingCalendarDatePicker.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarDatePicker/classes.js +1 -1
- package/build/components/bookingCalendar/bookingCalendarDatePicker/classes.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarDatePicker/index.js +2 -2
- package/build/components/bookingCalendar/bookingCalendarDatePicker/index.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarGrid/BookingCalendarGrid.js +20 -24
- package/build/components/bookingCalendar/bookingCalendarGrid/BookingCalendarGrid.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarGrid/classes.js +1 -1
- package/build/components/bookingCalendar/bookingCalendarGrid/classes.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarItem/BookingCalendarItem.js +9 -12
- package/build/components/bookingCalendar/bookingCalendarItem/BookingCalendarItem.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarItem/classes.js +1 -1
- package/build/components/bookingCalendar/bookingCalendarItem/classes.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarItem/index.js +2 -2
- package/build/components/bookingCalendar/bookingCalendarItem/index.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarLane/BookingCalendarLane.js +23 -28
- package/build/components/bookingCalendar/bookingCalendarLane/BookingCalendarLane.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarLane/classes.js +1 -1
- package/build/components/bookingCalendar/bookingCalendarLane/classes.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarLane/index.js +2 -2
- package/build/components/bookingCalendar/bookingCalendarLane/index.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarLaneHeader/BookingCalendarLaneHeader.js +6 -6
- package/build/components/bookingCalendar/bookingCalendarLaneHeader/BookingCalendarLaneHeader.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarLaneHeader/classes.js +1 -1
- package/build/components/bookingCalendar/bookingCalendarLaneHeader/classes.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarLaneHeader/index.js +1 -1
- package/build/components/bookingCalendar/bookingCalendarLaneHeader/index.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeader.js +12 -16
- package/build/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeader.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeaderRenderItem.js +27 -31
- package/build/components/bookingCalendar/bookingCalendarLanesHeader/BookingCalendarLanesHeaderRenderItem.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarLanesHeader/classes.js +1 -1
- package/build/components/bookingCalendar/bookingCalendarLanesHeader/classes.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarLanesHeader/index.js +2 -2
- package/build/components/bookingCalendar/bookingCalendarLanesHeader/index.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarRenderItem/BookingCalendarRenderItem.js +19 -19
- package/build/components/bookingCalendar/bookingCalendarRenderItem/BookingCalendarRenderItem.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarRenderItem/classes.js +1 -1
- package/build/components/bookingCalendar/bookingCalendarRenderItem/classes.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarRenderItem/index.js +1 -1
- package/build/components/bookingCalendar/bookingCalendarRenderItem/index.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarSelection/BookingCalendarSelection.js +135 -177
- package/build/components/bookingCalendar/bookingCalendarSelection/BookingCalendarSelection.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarTimeAxis/BookingCalendarTimeAxis.js +17 -19
- package/build/components/bookingCalendar/bookingCalendarTimeAxis/BookingCalendarTimeAxis.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarTimeAxis/classes.js +1 -1
- package/build/components/bookingCalendar/bookingCalendarTimeAxis/classes.js.map +1 -1
- package/build/components/bookingCalendar/classes.js +1 -1
- package/build/components/bookingCalendar/classes.js.map +1 -1
- package/build/components/bookingCalendar/common.js +5 -7
- package/build/components/bookingCalendar/common.js.map +1 -1
- package/build/components/bookingCalendar/index.js +3 -3
- package/build/components/bookingCalendar/index.js.map +1 -1
- package/build/components/bookingCalendar/utils.js +143 -205
- package/build/components/bookingCalendar/utils.js.map +1 -1
- package/build/components/button/Button.js +101 -123
- package/build/components/button/Button.js.map +1 -1
- package/build/components/button/index.js +4 -6
- package/build/components/button/index.js.map +1 -1
- package/build/components/checkbox/Checkbox.js +102 -145
- package/build/components/checkbox/Checkbox.js.map +1 -1
- package/build/components/checkbox/index.js +4 -6
- package/build/components/checkbox/index.js.map +1 -1
- package/build/components/dropdown/Dropdown.js +41 -57
- package/build/components/dropdown/Dropdown.js.map +1 -1
- package/build/components/dropdown/index.js +4 -6
- package/build/components/dropdown/index.js.map +1 -1
- package/build/components/dynamicSubmit/DynamicSubmit.js +81 -123
- package/build/components/dynamicSubmit/DynamicSubmit.js.map +1 -1
- package/build/components/dynamicSubmit/index.js +4 -6
- package/build/components/dynamicSubmit/index.js.map +1 -1
- package/build/components/form/Form.js +139 -193
- package/build/components/form/Form.js.map +1 -1
- package/build/components/form/FormContext.js +6 -8
- package/build/components/form/FormContext.js.map +1 -1
- package/build/components/form/FormValidationSummary.js +57 -105
- package/build/components/form/FormValidationSummary.js.map +1 -1
- package/build/components/form/index.js +5 -7
- package/build/components/form/index.js.map +1 -1
- package/build/components/form/withFormContext.js +9 -13
- package/build/components/form/withFormContext.js.map +1 -1
- package/build/components/inputGroup/InputGroup.js +16 -48
- package/build/components/inputGroup/InputGroup.js.map +1 -1
- package/build/components/inputGroup/index.js +4 -6
- package/build/components/inputGroup/index.js.map +1 -1
- package/build/components/money/Money.js +137 -211
- package/build/components/money/Money.js.map +1 -1
- package/build/components/money/index.js +4 -6
- package/build/components/money/index.js.map +1 -1
- package/build/components/numberInput/NumberInput.js +106 -144
- package/build/components/numberInput/NumberInput.js.map +1 -1
- package/build/components/numberInput/index.js +4 -6
- package/build/components/numberInput/index.js.map +1 -1
- package/build/components/openingHours/openingHoursDay/OpeningHoursDay.js +162 -220
- package/build/components/openingHours/openingHoursDay/OpeningHoursDay.js.map +1 -1
- package/build/components/openingHours/openingHoursDay/index.js +4 -6
- package/build/components/openingHours/openingHoursDay/index.js.map +1 -1
- package/build/components/openingHours/openingHoursSpecial/OpeningHoursSpecial.js +114 -191
- package/build/components/openingHours/openingHoursSpecial/OpeningHoursSpecial.js.map +1 -1
- package/build/components/openingHours/openingHoursSpecial/index.js +4 -6
- package/build/components/openingHours/openingHoursSpecial/index.js.map +1 -1
- package/build/components/openingHours/openingHoursWeek/OpeningHoursWeek.js +150 -209
- package/build/components/openingHours/openingHoursWeek/OpeningHoursWeek.js.map +1 -1
- package/build/components/openingHours/openingHoursWeek/index.js +4 -6
- package/build/components/openingHours/openingHoursWeek/index.js.map +1 -1
- package/build/components/openingHours/utils/OpeningHoursUtil.js +51 -76
- package/build/components/openingHours/utils/OpeningHoursUtil.js.map +1 -1
- package/build/components/radio/Radio.js +38 -75
- package/build/components/radio/Radio.js.map +1 -1
- package/build/components/radio/index.js +4 -6
- package/build/components/radio/index.js.map +1 -1
- package/build/components/radioContainer/RadioContainer.js +19 -49
- package/build/components/radioContainer/RadioContainer.js.map +1 -1
- package/build/components/radioContainer/index.js +4 -6
- package/build/components/radioContainer/index.js.map +1 -1
- package/build/components/select/Select.js +186 -264
- package/build/components/select/Select.js.map +1 -1
- package/build/components/select/index.js +4 -6
- package/build/components/select/index.js.map +1 -1
- package/build/components/submit/Submit.js +50 -87
- package/build/components/submit/Submit.js.map +1 -1
- package/build/components/submit/index.js +4 -6
- package/build/components/submit/index.js.map +1 -1
- package/build/components/submit/subComponents/SubmitValidationSummary.js +5 -7
- package/build/components/submit/subComponents/SubmitValidationSummary.js.map +1 -1
- package/build/components/tags/Tags.js +365 -565
- package/build/components/tags/Tags.js.map +1 -1
- package/build/components/tags/index.js +4 -6
- package/build/components/tags/index.js.map +1 -1
- package/build/components/tags/subComponents/TagsSuggestions.js +29 -30
- package/build/components/tags/subComponents/TagsSuggestions.js.map +1 -1
- package/build/components/text/Text.js +95 -138
- package/build/components/text/Text.js.map +1 -1
- package/build/components/text/index.js +4 -6
- package/build/components/text/index.js.map +1 -1
- package/build/components/textArea/TextArea.js +52 -91
- package/build/components/textArea/TextArea.js.map +1 -1
- package/build/components/textArea/index.js +4 -6
- package/build/components/textArea/index.js.map +1 -1
- package/build/components/themeProvider/ThemeContext.js +6 -8
- package/build/components/themeProvider/ThemeContext.js.map +1 -1
- package/build/components/themeProvider/ThemeProvider.js +3 -5
- package/build/components/themeProvider/ThemeProvider.js.map +1 -1
- package/build/components/themeProvider/index.js +4 -6
- package/build/components/themeProvider/index.js.map +1 -1
- package/build/components/themeProvider/withThemeContext.js +10 -14
- package/build/components/themeProvider/withThemeContext.js.map +1 -1
- package/build/components/time/Time.js +190 -216
- package/build/components/time/Time.js.map +1 -1
- package/build/components/time/index.js +4 -6
- package/build/components/time/index.js.map +1 -1
- package/build/components/timeSpan/TimeSpan.js +226 -280
- package/build/components/timeSpan/TimeSpan.js.map +1 -1
- package/build/components/timeSpan/index.js +4 -6
- package/build/components/timeSpan/index.js.map +1 -1
- package/build/components/utils/Guid.js +3 -5
- package/build/components/utils/Guid.js.map +1 -1
- package/build/components/utils/ShallowEqual.js +5 -11
- package/build/components/utils/ShallowEqual.js.map +1 -1
- package/build/components/utils/TimeUtil.js +8 -22
- package/build/components/utils/TimeUtil.js.map +1 -1
- package/build/components/utils/Typescript.js.map +1 -1
- package/build/dist/guestbell-forms.css +0 -6
- package/build/dist/guestbell-forms.css.map +1 -1
- package/build/dist/guestbell-forms.min.css +1 -1
- package/build/dist/guestbell-forms.min.js +1 -1
- package/build/dist/guestbell-forms.min.js.map +1 -1
- package/build/dist/report.html +2 -2
- package/build/index.js +23 -23
- package/build/index.js.map +1 -1
- package/build/types/ElementOverrideProp.js.map +1 -1
- package/build/types/Theme.js.map +1 -1
- package/build/types/ThemeOverrides.js.map +1 -1
- package/build/validators/EmailValidator.js +8 -22
- package/build/validators/EmailValidator.js.map +1 -1
- package/build/validators/LatitudeValidator.js +13 -27
- package/build/validators/LatitudeValidator.js.map +1 -1
- package/build/validators/LongitudeValidator.js +13 -27
- package/build/validators/LongitudeValidator.js.map +1 -1
- package/build/validators/NumberValidator.js +27 -39
- package/build/validators/NumberValidator.js.map +1 -1
- package/build/validators/UrlValidator.js +9 -23
- package/build/validators/UrlValidator.js.map +1 -1
- package/build/validators/base.js.map +1 -1
- package/build/validators/index.js +6 -6
- package/build/validators/index.js.map +1 -1
- package/package.json +8 -5
- package/tsconfig.json +0 -1
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.bookingCalendarRenderItemDefaultClasses = void 0;
|
7
|
-
|
7
|
+
const bookingCalendarRenderItemDefaultClasses = {
|
8
8
|
className: 'bookingCalendar__renderItem',
|
9
9
|
cutStartClassname: 'bookingCalendar__renderItem--cutStart',
|
10
10
|
cutEndClassname: 'bookingCalendar__renderItem--cutEnd'
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"file":"classes.js","names":["bookingCalendarRenderItemDefaultClasses","className","cutStartClassname","cutEndClassname"],"sources":["../../../../src/lib/components/bookingCalendar/bookingCalendarRenderItem/classes.ts"],"sourcesContent":["export interface BookingCalendarRenderItemClasses {\r\n className?: string;\r\n cutStartClassname?: string;\r\n cutEndClassname?: string;\r\n}\r\n\r\nexport const bookingCalendarRenderItemDefaultClasses: BookingCalendarRenderItemClasses = {\r\n className: 'bookingCalendar__renderItem',\r\n cutStartClassname: 'bookingCalendar__renderItem--cutStart',\r\n cutEndClassname: 'bookingCalendar__renderItem--cutEnd',\r\n};\r\n"],"mappings":";;;;;;AAMO,MAAMA,uCAAyE,GAAG;EACvFC,SAAS,EAAE,6BAD4E;EAEvFC,iBAAiB,EAAE,uCAFoE;EAGvFC,eAAe,EAAE;AAHsE,CAAlF"}
|
@@ -11,7 +11,7 @@ Object.keys(_BookingCalendarRenderItem).forEach(function (key) {
|
|
11
11
|
if (key in exports && exports[key] === _BookingCalendarRenderItem[key]) return;
|
12
12
|
Object.defineProperty(exports, key, {
|
13
13
|
enumerable: true,
|
14
|
-
get: function
|
14
|
+
get: function () {
|
15
15
|
return _BookingCalendarRenderItem[key];
|
16
16
|
}
|
17
17
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../../src/lib/components/bookingCalendar/bookingCalendarRenderItem/index.ts"],"
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/lib/components/bookingCalendar/bookingCalendarRenderItem/index.ts"],"sourcesContent":["export * from './BookingCalendarRenderItem';\r\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
package/build/components/bookingCalendar/bookingCalendarSelection/BookingCalendarSelection.js
CHANGED
@@ -1,7 +1,5 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
4
|
-
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
6
4
|
value: true
|
7
5
|
});
|
@@ -9,216 +7,176 @@ exports.default = void 0;
|
|
9
7
|
|
10
8
|
var React = _interopRequireWildcard(require("react"));
|
11
9
|
|
12
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function
|
13
|
-
|
14
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
15
|
-
|
16
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
17
|
-
|
18
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
19
|
-
|
20
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
21
|
-
|
22
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
23
|
-
|
24
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
25
|
-
|
26
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
10
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
27
11
|
|
28
|
-
function
|
29
|
-
|
30
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
31
|
-
|
32
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
33
|
-
|
34
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
12
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
35
13
|
|
36
14
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
37
15
|
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
var _super = _createSuper(BookingCalendarSelection);
|
42
|
-
|
43
|
-
function BookingCalendarSelection(props) {
|
44
|
-
var _this;
|
45
|
-
|
46
|
-
_classCallCheck(this, BookingCalendarSelection);
|
47
|
-
|
48
|
-
_this = _super.call(this, props);
|
16
|
+
class BookingCalendarSelection extends React.Component {
|
17
|
+
constructor(props) {
|
18
|
+
super(props);
|
49
19
|
|
50
|
-
_defineProperty(
|
20
|
+
_defineProperty(this, "animationInProgress", void 0);
|
51
21
|
|
52
|
-
_defineProperty(
|
22
|
+
_defineProperty(this, "containerRef", void 0);
|
53
23
|
|
54
|
-
|
55
|
-
|
56
|
-
|
24
|
+
this.animationInProgress = null;
|
25
|
+
this.containerRef = /*#__PURE__*/React.createRef();
|
26
|
+
this.state = {
|
57
27
|
hold: false,
|
58
28
|
selectionBox: false,
|
59
29
|
selectionBoxOrigin: [0, 0],
|
60
30
|
selectionBoxTarget: [0, 0],
|
61
31
|
animation: ''
|
62
32
|
};
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
return _this;
|
33
|
+
this.handleMouseUp = this.handleMouseUp.bind(this);
|
34
|
+
this.handleMouseDown = this.handleMouseDown.bind(this);
|
35
|
+
this.handleMouseMove = this.handleMouseMove.bind(this);
|
36
|
+
this.handleMouseLeave = this.handleMouseLeave.bind(this);
|
68
37
|
}
|
69
38
|
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
selectionBoxTarget = _this$state.selectionBoxTarget;
|
39
|
+
handleTransformBox() {
|
40
|
+
const {
|
41
|
+
selectionBoxOrigin,
|
42
|
+
selectionBoxTarget
|
43
|
+
} = this.state;
|
76
44
|
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
if (selectionBoxOrigin[1] > selectionBoxTarget[1]) {
|
82
|
-
return 'scaleY(-1)';
|
83
|
-
}
|
84
|
-
|
85
|
-
if (selectionBoxOrigin[0] > selectionBoxTarget[0]) {
|
86
|
-
return 'scaleX(-1)';
|
87
|
-
}
|
45
|
+
if (selectionBoxOrigin[1] > selectionBoxTarget[1] && selectionBoxOrigin[0] > selectionBoxTarget[0]) {
|
46
|
+
return 'scaleY(-1) scaleX(-1)';
|
47
|
+
}
|
88
48
|
|
89
|
-
|
49
|
+
if (selectionBoxOrigin[1] > selectionBoxTarget[1]) {
|
50
|
+
return 'scaleY(-1)';
|
90
51
|
}
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
/*if (this.state.hold) {
|
95
|
-
this.setState({
|
96
|
-
hold: false,
|
97
|
-
animation: 'bookingCalendar__selection--fadeout',
|
98
|
-
});
|
99
|
-
this.animationInProgress = (setTimeout(() => {
|
100
|
-
this.setState({
|
101
|
-
selectionBox: false,
|
102
|
-
animation: '',
|
103
|
-
selectionBoxOrigin: [0, 0],
|
104
|
-
selectionBoxTarget: [0, 0],
|
105
|
-
});
|
106
|
-
this.animationInProgress = null;
|
107
|
-
}, 300) as unknown) as number;
|
108
|
-
}*/
|
52
|
+
|
53
|
+
if (selectionBoxOrigin[0] > selectionBoxTarget[0]) {
|
54
|
+
return 'scaleX(-1)';
|
109
55
|
}
|
110
|
-
}, {
|
111
|
-
key: "handleMouseUp",
|
112
|
-
value: function handleMouseUp(evt) {
|
113
|
-
var _this2 = this;
|
114
56
|
|
115
|
-
|
116
|
-
|
57
|
+
return null;
|
58
|
+
}
|
59
|
+
|
60
|
+
handleMouseLeave(evt) {
|
61
|
+
/*if (this.state.hold) {
|
62
|
+
this.setState({
|
63
|
+
hold: false,
|
64
|
+
animation: 'bookingCalendar__selection--fadeout',
|
65
|
+
});
|
66
|
+
this.animationInProgress = (setTimeout(() => {
|
67
|
+
this.setState({
|
68
|
+
selectionBox: false,
|
69
|
+
animation: '',
|
70
|
+
selectionBoxOrigin: [0, 0],
|
71
|
+
selectionBoxTarget: [0, 0],
|
72
|
+
});
|
73
|
+
this.animationInProgress = null;
|
74
|
+
}, 300) as unknown) as number;
|
75
|
+
}*/
|
76
|
+
}
|
117
77
|
|
118
|
-
|
78
|
+
handleMouseUp(evt) {
|
79
|
+
if (this.state.hold) {
|
80
|
+
var _this$props$onSelecte, _this$props;
|
81
|
+
|
82
|
+
const distance = Math.sqrt(Math.pow(this.state.selectionBoxTarget[1] - this.state.selectionBoxOrigin[1], 2) + Math.pow(this.state.selectionBoxTarget[0] - this.state.selectionBoxOrigin[0], 2));
|
83
|
+
this.setState({
|
84
|
+
hold: false,
|
85
|
+
animation: 'bookingCalendar__selection--fadeout'
|
86
|
+
});
|
87
|
+
this.animationInProgress = setTimeout(() => {
|
119
88
|
this.setState({
|
120
|
-
|
121
|
-
animation: '
|
89
|
+
selectionBox: false,
|
90
|
+
animation: '',
|
91
|
+
selectionBoxOrigin: [0, 0],
|
92
|
+
selectionBoxTarget: [0, 0]
|
122
93
|
});
|
123
|
-
this.animationInProgress =
|
124
|
-
|
125
|
-
selectionBox: false,
|
126
|
-
animation: '',
|
127
|
-
selectionBoxOrigin: [0, 0],
|
128
|
-
selectionBoxTarget: [0, 0]
|
129
|
-
});
|
130
|
-
|
131
|
-
_this2.animationInProgress = null;
|
132
|
-
}, 300);
|
133
|
-
|
134
|
-
if (distance < this.props.minSelectionSize) {
|
135
|
-
return;
|
136
|
-
}
|
137
|
-
|
138
|
-
(_this$props$onSelecte = (_this$props = this.props).onSelected) === null || _this$props$onSelecte === void 0 ? void 0 : _this$props$onSelecte.call(_this$props, {
|
139
|
-
origin: this.state.selectionBoxOrigin,
|
140
|
-
target: this.state.selectionBoxTarget
|
141
|
-
});
|
142
|
-
}
|
143
|
-
}
|
144
|
-
}, {
|
145
|
-
key: "handleMouseDown",
|
146
|
-
value: function handleMouseDown(e) {
|
147
|
-
var _this$containerRef$cu;
|
94
|
+
this.animationInProgress = null;
|
95
|
+
}, 300);
|
148
96
|
|
149
|
-
if (this.props.
|
97
|
+
if (distance < this.props.minSelectionSize) {
|
150
98
|
return;
|
151
99
|
}
|
152
100
|
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
selectionBox: false,
|
157
|
-
animation: ''
|
101
|
+
(_this$props$onSelecte = (_this$props = this.props).onSelected) === null || _this$props$onSelecte === void 0 ? void 0 : _this$props$onSelecte.call(_this$props, {
|
102
|
+
origin: this.state.selectionBoxOrigin,
|
103
|
+
target: this.state.selectionBoxTarget
|
158
104
|
});
|
159
|
-
|
105
|
+
}
|
106
|
+
}
|
107
|
+
|
108
|
+
handleMouseDown(e) {
|
109
|
+
var _this$containerRef$cu;
|
110
|
+
|
111
|
+
if (this.props.disabled || e.nativeEvent.button !== 0) {
|
112
|
+
return;
|
113
|
+
}
|
114
|
+
|
115
|
+
clearTimeout(this.animationInProgress);
|
116
|
+
this.animationInProgress = null;
|
117
|
+
this.setState({
|
118
|
+
selectionBox: false,
|
119
|
+
animation: ''
|
120
|
+
});
|
121
|
+
const bb = (_this$containerRef$cu = this.containerRef.current) === null || _this$containerRef$cu === void 0 ? void 0 : _this$containerRef$cu.getBoundingClientRect();
|
122
|
+
this.setState({
|
123
|
+
hold: true,
|
124
|
+
selectionBoxOrigin: [e.nativeEvent.pageX - bb.x, e.nativeEvent.pageY - bb.y],
|
125
|
+
selectionBoxTarget: [e.nativeEvent.pageX - bb.x, e.nativeEvent.pageY - bb.y]
|
126
|
+
});
|
127
|
+
}
|
128
|
+
|
129
|
+
handleMouseMove(evt) {
|
130
|
+
if (this.state.hold && !this.state.selectionBox) {
|
160
131
|
this.setState({
|
161
|
-
|
162
|
-
selectionBoxOrigin: [e.nativeEvent.pageX - bb.x, e.nativeEvent.pageY - bb.y],
|
163
|
-
selectionBoxTarget: [e.nativeEvent.pageX - bb.x, e.nativeEvent.pageY - bb.y]
|
132
|
+
selectionBox: true
|
164
133
|
});
|
165
134
|
}
|
166
|
-
}, {
|
167
|
-
key: "handleMouseMove",
|
168
|
-
value: function handleMouseMove(evt) {
|
169
|
-
if (this.state.hold && !this.state.selectionBox) {
|
170
|
-
this.setState({
|
171
|
-
selectionBox: true
|
172
|
-
});
|
173
|
-
}
|
174
135
|
|
175
|
-
|
176
|
-
|
136
|
+
if (this.state.selectionBox && !this.animationInProgress) {
|
137
|
+
var _this$containerRef$cu2, _this$props$onSelecti, _this$props2;
|
177
138
|
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
|
182
|
-
|
183
|
-
|
184
|
-
|
185
|
-
|
186
|
-
}
|
187
|
-
}
|
188
|
-
}, {
|
189
|
-
key: "render",
|
190
|
-
value: function render() {
|
191
|
-
var baseStyle = {
|
192
|
-
zIndex: 10,
|
193
|
-
left: this.state.selectionBoxOrigin[0],
|
194
|
-
top: this.state.selectionBoxOrigin[1],
|
195
|
-
height: Math.abs(this.state.selectionBoxTarget[1] - this.state.selectionBoxOrigin[1] - 1),
|
196
|
-
width: Math.abs(this.state.selectionBoxTarget[0] - this.state.selectionBoxOrigin[0] - 1),
|
197
|
-
userSelect: 'none',
|
198
|
-
transformOrigin: 'top left',
|
199
|
-
transform: this.handleTransformBox()
|
200
|
-
};
|
201
|
-
var boxVisible = Math.sqrt(Math.pow(this.state.selectionBoxTarget[1] - this.state.selectionBoxOrigin[1], 2) + Math.pow(this.state.selectionBoxTarget[0] - this.state.selectionBoxOrigin[0], 2)) > this.props.minSelectionSize;
|
202
|
-
return /*#__PURE__*/React.createElement("div", {
|
203
|
-
ref: this.containerRef,
|
204
|
-
className: "bookingCalendar__selection__container",
|
205
|
-
style: {
|
206
|
-
zIndex: this.state.selectionBox ? 99999 : undefined,
|
207
|
-
gridRowEnd: "span ".concat(this.props.dataRowsCount)
|
208
|
-
},
|
209
|
-
onMouseDown: this.handleMouseDown,
|
210
|
-
onMouseUp: this.handleMouseUp,
|
211
|
-
onMouseMove: this.handleMouseMove,
|
212
|
-
onMouseLeave: this.handleMouseLeave
|
213
|
-
}, boxVisible && this.state.selectionBox && /*#__PURE__*/React.createElement("div", {
|
214
|
-
className: "bookingCalendar__selection ".concat(this.state.animation),
|
215
|
-
style: baseStyle
|
216
|
-
}), this.props.children);
|
139
|
+
const bb = (_this$containerRef$cu2 = this.containerRef.current) === null || _this$containerRef$cu2 === void 0 ? void 0 : _this$containerRef$cu2.getBoundingClientRect();
|
140
|
+
this.setState({
|
141
|
+
selectionBoxTarget: [evt.nativeEvent.pageX - (bb === null || bb === void 0 ? void 0 : bb.x), evt.nativeEvent.pageY - (bb === null || bb === void 0 ? void 0 : bb.y)]
|
142
|
+
});
|
143
|
+
(_this$props$onSelecti = (_this$props2 = this.props).onSelecting) === null || _this$props$onSelecti === void 0 ? void 0 : _this$props$onSelecti.call(_this$props2, {
|
144
|
+
origin: this.state.selectionBoxOrigin,
|
145
|
+
target: this.state.selectionBoxTarget
|
146
|
+
});
|
217
147
|
}
|
218
|
-
}
|
148
|
+
}
|
149
|
+
|
150
|
+
render() {
|
151
|
+
const baseStyle = {
|
152
|
+
zIndex: 10,
|
153
|
+
left: this.state.selectionBoxOrigin[0],
|
154
|
+
top: this.state.selectionBoxOrigin[1],
|
155
|
+
height: Math.abs(this.state.selectionBoxTarget[1] - this.state.selectionBoxOrigin[1] - 1),
|
156
|
+
width: Math.abs(this.state.selectionBoxTarget[0] - this.state.selectionBoxOrigin[0] - 1),
|
157
|
+
userSelect: 'none',
|
158
|
+
transformOrigin: 'top left',
|
159
|
+
transform: this.handleTransformBox()
|
160
|
+
};
|
161
|
+
const boxVisible = Math.sqrt(Math.pow(this.state.selectionBoxTarget[1] - this.state.selectionBoxOrigin[1], 2) + Math.pow(this.state.selectionBoxTarget[0] - this.state.selectionBoxOrigin[0], 2)) > this.props.minSelectionSize;
|
162
|
+
return /*#__PURE__*/React.createElement("div", {
|
163
|
+
ref: this.containerRef,
|
164
|
+
className: "bookingCalendar__selection__container",
|
165
|
+
style: {
|
166
|
+
zIndex: this.state.selectionBox ? 99999 : undefined,
|
167
|
+
gridRowEnd: `span ${this.props.dataRowsCount}`
|
168
|
+
},
|
169
|
+
onMouseDown: this.handleMouseDown,
|
170
|
+
onMouseUp: this.handleMouseUp,
|
171
|
+
onMouseMove: this.handleMouseMove,
|
172
|
+
onMouseLeave: this.handleMouseLeave
|
173
|
+
}, boxVisible && this.state.selectionBox && /*#__PURE__*/React.createElement("div", {
|
174
|
+
className: `bookingCalendar__selection ${this.state.animation}`,
|
175
|
+
style: baseStyle
|
176
|
+
}), this.props.children);
|
177
|
+
}
|
219
178
|
|
220
|
-
|
221
|
-
}(React.Component);
|
179
|
+
}
|
222
180
|
|
223
181
|
exports.default = BookingCalendarSelection;
|
224
182
|
//# sourceMappingURL=BookingCalendarSelection.js.map
|
package/build/components/bookingCalendar/bookingCalendarSelection/BookingCalendarSelection.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../../src/lib/components/bookingCalendar/bookingCalendarSelection/BookingCalendarSelection.tsx"],"names":["BookingCalendarSelection","props","animationInProgress","containerRef","React","createRef","state","hold","selectionBox","selectionBoxOrigin","selectionBoxTarget","animation","handleMouseUp","bind","handleMouseDown","handleMouseMove","handleMouseLeave","evt","distance","Math","sqrt","pow","setState","setTimeout","minSelectionSize","onSelected","origin","target","e","disabled","nativeEvent","button","clearTimeout","bb","current","getBoundingClientRect","pageX","x","pageY","y","onSelecting","baseStyle","zIndex","left","top","height","abs","width","userSelect","transformOrigin","transform","handleTransformBox","boxVisible","undefined","gridRowEnd","dataRowsCount","children","Component"],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nexport type BookingCalendarSelectionCoordinates = [number, number];\nexport interface BookingCalendarSelectionData {\n origin: BookingCalendarSelectionCoordinates;\n target: BookingCalendarSelectionCoordinates;\n}\nexport interface BookingCalendarSelectionProps {\n disabled?: boolean;\n onSelecting?: (data: {\n origin: BookingCalendarSelectionCoordinates;\n target: BookingCalendarSelectionCoordinates;\n }) => void;\n onSelected?: (data: {\n origin: BookingCalendarSelectionCoordinates;\n target: BookingCalendarSelectionCoordinates;\n }) => void;\n dataRowsCount: number;\n minSelectionSize: number;\n}\n\nexport interface BookingCalendarSelectionState {\n selectionBoxOrigin: BookingCalendarSelectionCoordinates;\n selectionBoxTarget: BookingCalendarSelectionCoordinates;\n hold: boolean;\n animation: string;\n selectionBox: boolean;\n}\n\nexport default class BookingCalendarSelection extends React.Component<\n BookingCalendarSelectionProps,\n BookingCalendarSelectionState\n> {\n private animationInProgress: number;\n private containerRef: React.RefObject<HTMLDivElement>;\n\n constructor(props) {\n super(props);\n this.animationInProgress = null;\n this.containerRef = React.createRef();\n this.state = {\n hold: false,\n selectionBox: false,\n selectionBoxOrigin: [0, 0],\n selectionBoxTarget: [0, 0],\n animation: '',\n };\n this.handleMouseUp = this.handleMouseUp.bind(this);\n this.handleMouseDown = this.handleMouseDown.bind(this);\n this.handleMouseMove = this.handleMouseMove.bind(this);\n this.handleMouseLeave = this.handleMouseLeave.bind(this);\n }\n\n handleTransformBox() {\n const { selectionBoxOrigin, selectionBoxTarget } = this.state;\n if (\n selectionBoxOrigin[1] > selectionBoxTarget[1] &&\n selectionBoxOrigin[0] > selectionBoxTarget[0]\n ) {\n return 'scaleY(-1) scaleX(-1)';\n }\n\n if (selectionBoxOrigin[1] > selectionBoxTarget[1]) {\n return 'scaleY(-1)';\n }\n if (selectionBoxOrigin[0] > selectionBoxTarget[0]) {\n return 'scaleX(-1)';\n }\n return null;\n }\n\n handleMouseLeave(evt: React.MouseEvent<HTMLElement>) {\n /*if (this.state.hold) {\n this.setState({\n hold: false,\n animation: 'bookingCalendar__selection--fadeout',\n });\n this.animationInProgress = (setTimeout(() => {\n this.setState({\n selectionBox: false,\n animation: '',\n selectionBoxOrigin: [0, 0],\n selectionBoxTarget: [0, 0],\n });\n this.animationInProgress = null;\n }, 300) as unknown) as number;\n }*/\n }\n\n handleMouseUp(evt: React.MouseEvent<HTMLElement>) {\n if (this.state.hold) {\n const distance = Math.sqrt(\n Math.pow(\n this.state.selectionBoxTarget[1] - this.state.selectionBoxOrigin[1],\n 2\n ) +\n Math.pow(\n this.state.selectionBoxTarget[0] - this.state.selectionBoxOrigin[0],\n 2\n )\n );\n this.setState({\n hold: false,\n animation: 'bookingCalendar__selection--fadeout',\n });\n this.animationInProgress = (setTimeout(() => {\n this.setState({\n selectionBox: false,\n animation: '',\n selectionBoxOrigin: [0, 0],\n selectionBoxTarget: [0, 0],\n });\n this.animationInProgress = null;\n }, 300) as unknown) as number;\n if (distance < this.props.minSelectionSize) {\n return;\n }\n this.props.onSelected?.({\n origin: this.state.selectionBoxOrigin,\n target: this.state.selectionBoxTarget,\n });\n }\n }\n\n handleMouseDown(e: React.MouseEvent<HTMLDivElement>) {\n if (this.props.disabled || e.nativeEvent.button !== 0) {\n return;\n }\n clearTimeout(this.animationInProgress);\n this.animationInProgress = null;\n this.setState({ selectionBox: false, animation: '' });\n\n const bb = this.containerRef.current?.getBoundingClientRect();\n this.setState({\n hold: true,\n selectionBoxOrigin: [\n e.nativeEvent.pageX - bb.x,\n e.nativeEvent.pageY - bb.y,\n ],\n selectionBoxTarget: [\n e.nativeEvent.pageX - bb.x,\n e.nativeEvent.pageY - bb.y,\n ],\n });\n }\n\n private handleMouseMove(evt: React.MouseEvent<HTMLDivElement>) {\n if (this.state.hold && !this.state.selectionBox) {\n this.setState({ selectionBox: true });\n }\n if (this.state.selectionBox && !this.animationInProgress) {\n const bb = this.containerRef.current?.getBoundingClientRect();\n this.setState({\n selectionBoxTarget: [\n evt.nativeEvent.pageX - bb?.x,\n evt.nativeEvent.pageY - bb?.y,\n ],\n });\n\n this.props.onSelecting?.({\n origin: this.state.selectionBoxOrigin,\n target: this.state.selectionBoxTarget,\n });\n }\n }\n\n render() {\n const baseStyle: React.CSSProperties = {\n zIndex: 10,\n left: this.state.selectionBoxOrigin[0],\n top: this.state.selectionBoxOrigin[1],\n height: Math.abs(\n this.state.selectionBoxTarget[1] - this.state.selectionBoxOrigin[1] - 1\n ),\n width: Math.abs(\n this.state.selectionBoxTarget[0] - this.state.selectionBoxOrigin[0] - 1\n ),\n userSelect: 'none',\n transformOrigin: 'top left',\n transform: this.handleTransformBox(),\n };\n const boxVisible =\n Math.sqrt(\n Math.pow(\n this.state.selectionBoxTarget[1] - this.state.selectionBoxOrigin[1],\n 2\n ) +\n Math.pow(\n this.state.selectionBoxTarget[0] - this.state.selectionBoxOrigin[0],\n 2\n )\n ) > this.props.minSelectionSize;\n return (\n <div\n ref={this.containerRef}\n className=\"bookingCalendar__selection__container\"\n style={{\n zIndex: this.state.selectionBox ? 99999 : undefined,\n gridRowEnd: `span ${this.props.dataRowsCount}`,\n }}\n onMouseDown={this.handleMouseDown}\n onMouseUp={this.handleMouseUp}\n onMouseMove={this.handleMouseMove}\n onMouseLeave={this.handleMouseLeave}\n >\n {boxVisible && this.state.selectionBox && (\n <div\n className={`bookingCalendar__selection ${this.state.animation}`}\n style={baseStyle}\n />\n )}\n {this.props.children}\n </div>\n );\n }\n}\n"],"file":"BookingCalendarSelection.js"}
|
1
|
+
{"version":3,"file":"BookingCalendarSelection.js","names":["BookingCalendarSelection","React","Component","constructor","props","animationInProgress","containerRef","createRef","state","hold","selectionBox","selectionBoxOrigin","selectionBoxTarget","animation","handleMouseUp","bind","handleMouseDown","handleMouseMove","handleMouseLeave","handleTransformBox","evt","distance","Math","sqrt","pow","setState","setTimeout","minSelectionSize","onSelected","origin","target","e","disabled","nativeEvent","button","clearTimeout","bb","current","getBoundingClientRect","pageX","x","pageY","y","onSelecting","render","baseStyle","zIndex","left","top","height","abs","width","userSelect","transformOrigin","transform","boxVisible","undefined","gridRowEnd","dataRowsCount","children"],"sources":["../../../../src/lib/components/bookingCalendar/bookingCalendarSelection/BookingCalendarSelection.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nexport type BookingCalendarSelectionCoordinates = [number, number];\r\nexport interface BookingCalendarSelectionData {\r\n origin: BookingCalendarSelectionCoordinates;\r\n target: BookingCalendarSelectionCoordinates;\r\n}\r\nexport interface BookingCalendarSelectionProps {\r\n disabled?: boolean;\r\n onSelecting?: (data: {\r\n origin: BookingCalendarSelectionCoordinates;\r\n target: BookingCalendarSelectionCoordinates;\r\n }) => void;\r\n onSelected?: (data: {\r\n origin: BookingCalendarSelectionCoordinates;\r\n target: BookingCalendarSelectionCoordinates;\r\n }) => void;\r\n dataRowsCount: number;\r\n minSelectionSize: number;\r\n}\r\n\r\nexport interface BookingCalendarSelectionState {\r\n selectionBoxOrigin: BookingCalendarSelectionCoordinates;\r\n selectionBoxTarget: BookingCalendarSelectionCoordinates;\r\n hold: boolean;\r\n animation: string;\r\n selectionBox: boolean;\r\n}\r\n\r\nexport default class BookingCalendarSelection extends React.Component<\r\n BookingCalendarSelectionProps,\r\n BookingCalendarSelectionState\r\n> {\r\n private animationInProgress: number;\r\n private containerRef: React.RefObject<HTMLDivElement>;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.animationInProgress = null;\r\n this.containerRef = React.createRef();\r\n this.state = {\r\n hold: false,\r\n selectionBox: false,\r\n selectionBoxOrigin: [0, 0],\r\n selectionBoxTarget: [0, 0],\r\n animation: '',\r\n };\r\n this.handleMouseUp = this.handleMouseUp.bind(this);\r\n this.handleMouseDown = this.handleMouseDown.bind(this);\r\n this.handleMouseMove = this.handleMouseMove.bind(this);\r\n this.handleMouseLeave = this.handleMouseLeave.bind(this);\r\n }\r\n\r\n handleTransformBox() {\r\n const { selectionBoxOrigin, selectionBoxTarget } = this.state;\r\n if (\r\n selectionBoxOrigin[1] > selectionBoxTarget[1] &&\r\n selectionBoxOrigin[0] > selectionBoxTarget[0]\r\n ) {\r\n return 'scaleY(-1) scaleX(-1)';\r\n }\r\n\r\n if (selectionBoxOrigin[1] > selectionBoxTarget[1]) {\r\n return 'scaleY(-1)';\r\n }\r\n if (selectionBoxOrigin[0] > selectionBoxTarget[0]) {\r\n return 'scaleX(-1)';\r\n }\r\n return null;\r\n }\r\n\r\n handleMouseLeave(evt: React.MouseEvent<HTMLElement>) {\r\n /*if (this.state.hold) {\r\n this.setState({\r\n hold: false,\r\n animation: 'bookingCalendar__selection--fadeout',\r\n });\r\n this.animationInProgress = (setTimeout(() => {\r\n this.setState({\r\n selectionBox: false,\r\n animation: '',\r\n selectionBoxOrigin: [0, 0],\r\n selectionBoxTarget: [0, 0],\r\n });\r\n this.animationInProgress = null;\r\n }, 300) as unknown) as number;\r\n }*/\r\n }\r\n\r\n handleMouseUp(evt: React.MouseEvent<HTMLElement>) {\r\n if (this.state.hold) {\r\n const distance = Math.sqrt(\r\n Math.pow(\r\n this.state.selectionBoxTarget[1] - this.state.selectionBoxOrigin[1],\r\n 2\r\n ) +\r\n Math.pow(\r\n this.state.selectionBoxTarget[0] - this.state.selectionBoxOrigin[0],\r\n 2\r\n )\r\n );\r\n this.setState({\r\n hold: false,\r\n animation: 'bookingCalendar__selection--fadeout',\r\n });\r\n this.animationInProgress = (setTimeout(() => {\r\n this.setState({\r\n selectionBox: false,\r\n animation: '',\r\n selectionBoxOrigin: [0, 0],\r\n selectionBoxTarget: [0, 0],\r\n });\r\n this.animationInProgress = null;\r\n }, 300) as unknown) as number;\r\n if (distance < this.props.minSelectionSize) {\r\n return;\r\n }\r\n this.props.onSelected?.({\r\n origin: this.state.selectionBoxOrigin,\r\n target: this.state.selectionBoxTarget,\r\n });\r\n }\r\n }\r\n\r\n handleMouseDown(e: React.MouseEvent<HTMLDivElement>) {\r\n if (this.props.disabled || e.nativeEvent.button !== 0) {\r\n return;\r\n }\r\n clearTimeout(this.animationInProgress);\r\n this.animationInProgress = null;\r\n this.setState({ selectionBox: false, animation: '' });\r\n\r\n const bb = this.containerRef.current?.getBoundingClientRect();\r\n this.setState({\r\n hold: true,\r\n selectionBoxOrigin: [\r\n e.nativeEvent.pageX - bb.x,\r\n e.nativeEvent.pageY - bb.y,\r\n ],\r\n selectionBoxTarget: [\r\n e.nativeEvent.pageX - bb.x,\r\n e.nativeEvent.pageY - bb.y,\r\n ],\r\n });\r\n }\r\n\r\n private handleMouseMove(evt: React.MouseEvent<HTMLDivElement>) {\r\n if (this.state.hold && !this.state.selectionBox) {\r\n this.setState({ selectionBox: true });\r\n }\r\n if (this.state.selectionBox && !this.animationInProgress) {\r\n const bb = this.containerRef.current?.getBoundingClientRect();\r\n this.setState({\r\n selectionBoxTarget: [\r\n evt.nativeEvent.pageX - bb?.x,\r\n evt.nativeEvent.pageY - bb?.y,\r\n ],\r\n });\r\n\r\n this.props.onSelecting?.({\r\n origin: this.state.selectionBoxOrigin,\r\n target: this.state.selectionBoxTarget,\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n const baseStyle: React.CSSProperties = {\r\n zIndex: 10,\r\n left: this.state.selectionBoxOrigin[0],\r\n top: this.state.selectionBoxOrigin[1],\r\n height: Math.abs(\r\n this.state.selectionBoxTarget[1] - this.state.selectionBoxOrigin[1] - 1\r\n ),\r\n width: Math.abs(\r\n this.state.selectionBoxTarget[0] - this.state.selectionBoxOrigin[0] - 1\r\n ),\r\n userSelect: 'none',\r\n transformOrigin: 'top left',\r\n transform: this.handleTransformBox(),\r\n };\r\n const boxVisible =\r\n Math.sqrt(\r\n Math.pow(\r\n this.state.selectionBoxTarget[1] - this.state.selectionBoxOrigin[1],\r\n 2\r\n ) +\r\n Math.pow(\r\n this.state.selectionBoxTarget[0] - this.state.selectionBoxOrigin[0],\r\n 2\r\n )\r\n ) > this.props.minSelectionSize;\r\n return (\r\n <div\r\n ref={this.containerRef}\r\n className=\"bookingCalendar__selection__container\"\r\n style={{\r\n zIndex: this.state.selectionBox ? 99999 : undefined,\r\n gridRowEnd: `span ${this.props.dataRowsCount}`,\r\n }}\r\n onMouseDown={this.handleMouseDown}\r\n onMouseUp={this.handleMouseUp}\r\n onMouseMove={this.handleMouseMove}\r\n onMouseLeave={this.handleMouseLeave}\r\n >\r\n {boxVisible && this.state.selectionBox && (\r\n <div\r\n className={`bookingCalendar__selection ${this.state.animation}`}\r\n style={baseStyle}\r\n />\r\n )}\r\n {this.props.children}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"mappings":"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"}
|
@@ -1,7 +1,5 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
4
|
-
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
6
4
|
value: true
|
7
5
|
});
|
@@ -15,28 +13,28 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
13
|
|
16
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17
15
|
|
18
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function
|
16
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
19
17
|
|
20
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null ||
|
18
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
21
19
|
|
22
20
|
function BookingCalendarTimeAxis(props) {
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
21
|
+
const {
|
22
|
+
className,
|
23
|
+
timeAxisItemClassName,
|
24
|
+
items,
|
25
|
+
getMomentFormatFunction,
|
26
|
+
bestStep
|
27
|
+
} = props;
|
28
|
+
const svgRef = React.useRef();
|
29
29
|
return /*#__PURE__*/React.createElement("svg", {
|
30
30
|
className: (0, _classnames.default)(_classes.bookingCalendarTimeAxisDefaultClasses.className, className),
|
31
31
|
ref: svgRef
|
32
|
-
}, /*#__PURE__*/React.createElement("g", null, items.map(
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
}, item.date.format(getMomentFormatFunction === null || getMomentFormatFunction === void 0 ? void 0 : getMomentFormatFunction(item.date, bestStep))));
|
40
|
-
})));
|
32
|
+
}, /*#__PURE__*/React.createElement("g", null, items.map((item, key) => /*#__PURE__*/React.createElement("svg", {
|
33
|
+
key: key,
|
34
|
+
x: `${item.left * 100}%`
|
35
|
+
}, /*#__PURE__*/React.createElement("text", {
|
36
|
+
transform: "translate(-7) rotate(90)",
|
37
|
+
className: (0, _classnames.default)(_classes.bookingCalendarTimeAxisDefaultClasses.timeAxisItemClassName, timeAxisItemClassName)
|
38
|
+
}, item.date.format(getMomentFormatFunction === null || getMomentFormatFunction === void 0 ? void 0 : getMomentFormatFunction(item.date, bestStep)))))));
|
41
39
|
}
|
42
40
|
//# sourceMappingURL=BookingCalendarTimeAxis.js.map
|
package/build/components/bookingCalendar/bookingCalendarTimeAxis/BookingCalendarTimeAxis.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"file":"BookingCalendarTimeAxis.js","names":["BookingCalendarTimeAxis","props","className","timeAxisItemClassName","items","getMomentFormatFunction","bestStep","svgRef","React","useRef","classNames","bookingCalendarTimeAxisDefaultClasses","map","item","key","left","date","format"],"sources":["../../../../src/lib/components/bookingCalendar/bookingCalendarTimeAxis/BookingCalendarTimeAxis.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport {\r\n BookingCalendarTimeAxisClasses,\r\n bookingCalendarTimeAxisDefaultClasses,\r\n} from './classes';\r\nimport classNames from 'classnames';\r\nimport { GridItem } from '../utils';\r\nimport { Duration } from 'moment';\r\nimport { GetMomentFormatFunctionType } from '..';\r\n\r\nexport interface BookingCalendarTimeAxisProps\r\n extends BookingCalendarTimeAxisClasses {\r\n items: GridItem[];\r\n bestStep: Duration;\r\n getMomentFormatFunction: GetMomentFormatFunctionType;\r\n}\r\n\r\nexport function BookingCalendarTimeAxis(props: BookingCalendarTimeAxisProps) {\r\n const {\r\n className,\r\n timeAxisItemClassName,\r\n items,\r\n getMomentFormatFunction,\r\n bestStep,\r\n } = props;\r\n const svgRef = React.useRef<SVGSVGElement>();\r\n return (\r\n <svg\r\n className={classNames(\r\n bookingCalendarTimeAxisDefaultClasses.className,\r\n className\r\n )}\r\n ref={svgRef}\r\n >\r\n <g>\r\n {items.map((item, key) => (\r\n <svg key={key} x={`${item.left * 100}%`}>\r\n <text\r\n transform=\"translate(-7) rotate(90)\"\r\n className={classNames(\r\n bookingCalendarTimeAxisDefaultClasses.timeAxisItemClassName,\r\n timeAxisItemClassName\r\n )}\r\n >\r\n {item.date.format(getMomentFormatFunction?.(item.date, bestStep))}\r\n </text>\r\n </svg>\r\n ))}\r\n </g>\r\n </svg>\r\n );\r\n}\r\n"],"mappings":";;;;;;;AAAA;;AACA;;AAIA;;;;;;;;AAYO,SAASA,uBAAT,CAAiCC,KAAjC,EAAsE;EAC3E,MAAM;IACJC,SADI;IAEJC,qBAFI;IAGJC,KAHI;IAIJC,uBAJI;IAKJC;EALI,IAMFL,KANJ;EAOA,MAAMM,MAAM,GAAGC,KAAK,CAACC,MAAN,EAAf;EACA,oBACE;IACE,SAAS,EAAE,IAAAC,mBAAA,EACTC,8CAAA,CAAsCT,SAD7B,EAETA,SAFS,CADb;IAKE,GAAG,EAAEK;EALP,gBAOE,+BACGH,KAAK,CAACQ,GAAN,CAAU,CAACC,IAAD,EAAOC,GAAP,kBACT;IAAK,GAAG,EAAEA,GAAV;IAAe,CAAC,EAAG,GAAED,IAAI,CAACE,IAAL,GAAY,GAAI;EAArC,gBACE;IACE,SAAS,EAAC,0BADZ;IAEE,SAAS,EAAE,IAAAL,mBAAA,EACTC,8CAAA,CAAsCR,qBAD7B,EAETA,qBAFS;EAFb,GAOGU,IAAI,CAACG,IAAL,CAAUC,MAAV,CAAiBZ,uBAAjB,aAAiBA,uBAAjB,uBAAiBA,uBAAuB,CAAGQ,IAAI,CAACG,IAAR,EAAcV,QAAd,CAAxC,CAPH,CADF,CADD,CADH,CAPF,CADF;AAyBD"}
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.bookingCalendarTimeAxisDefaultClasses = void 0;
|
7
|
-
|
7
|
+
const bookingCalendarTimeAxisDefaultClasses = {
|
8
8
|
className: 'bookingCalendar__timeAxis',
|
9
9
|
timeAxisItemClassName: 'bookingCalendar__timeAxis__item'
|
10
10
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"file":"classes.js","names":["bookingCalendarTimeAxisDefaultClasses","className","timeAxisItemClassName"],"sources":["../../../../src/lib/components/bookingCalendar/bookingCalendarTimeAxis/classes.ts"],"sourcesContent":["export interface BookingCalendarTimeAxisClasses {\r\n className?: string;\r\n timeAxisItemClassName?: string;\r\n}\r\n\r\nexport const bookingCalendarTimeAxisDefaultClasses: BookingCalendarTimeAxisClasses = {\r\n className: 'bookingCalendar__timeAxis',\r\n timeAxisItemClassName: 'bookingCalendar__timeAxis__item',\r\n};\r\n"],"mappings":";;;;;;AAKO,MAAMA,qCAAqE,GAAG;EACnFC,SAAS,EAAE,2BADwE;EAEnFC,qBAAqB,EAAE;AAF4D,CAA9E"}
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.bookingCalendarDefaultClasses = void 0;
|
7
|
-
|
7
|
+
const bookingCalendarDefaultClasses = {
|
8
8
|
className: 'bookingCalendar',
|
9
9
|
laneContainerClassName: 'bookingCalendar__laneContainer',
|
10
10
|
laneHeaderContainerClassName: 'bookingCalendar__laneHeaderContainer',
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"file":"classes.js","names":["bookingCalendarDefaultClasses","className","laneContainerClassName","laneHeaderContainerClassName","lanesHeaderContainerClassName","lanesHeaderHeaderContainerClassName","tableClassName"],"sources":["../../../src/lib/components/bookingCalendar/classes.ts"],"sourcesContent":["import { BookingCalendarControlsClasses } from './bookingCalendarControls/classes';\r\n\r\nexport interface BookingCalendarClasses {\r\n className?: string;\r\n laneContainerClassName?: string;\r\n laneHeaderContainerClassName?: string;\r\n lanesHeaderHeaderContainerClassName?: string;\r\n lanesHeaderContainerClassName?: string;\r\n tableClassName?: string;\r\n controlsClasses?: BookingCalendarControlsClasses;\r\n}\r\n\r\nexport const bookingCalendarDefaultClasses: BookingCalendarClasses = {\r\n className: 'bookingCalendar',\r\n laneContainerClassName: 'bookingCalendar__laneContainer',\r\n laneHeaderContainerClassName: 'bookingCalendar__laneHeaderContainer',\r\n lanesHeaderContainerClassName: 'bookingCalendar__lanesHeaderContainer',\r\n lanesHeaderHeaderContainerClassName:\r\n 'bookingCalendar__lanesHeaderHeaderContainer',\r\n tableClassName: 'bookingCalendar__table',\r\n};\r\n"],"mappings":";;;;;;AAYO,MAAMA,6BAAqD,GAAG;EACnEC,SAAS,EAAE,iBADwD;EAEnEC,sBAAsB,EAAE,gCAF2C;EAGnEC,4BAA4B,EAAE,sCAHqC;EAInEC,6BAA6B,EAAE,uCAJoC;EAKnEC,mCAAmC,EACjC,6CANiE;EAOnEC,cAAc,EAAE;AAPmD,CAA9D"}
|
@@ -1,7 +1,5 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
4
|
-
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
6
4
|
value: true
|
7
5
|
});
|
@@ -9,11 +7,11 @@ exports.defaultGridAvailableSteps = exports.defaultGetNewMomentFunction = export
|
|
9
7
|
|
10
8
|
var _moment = _interopRequireWildcard(require("moment"));
|
11
9
|
|
12
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function
|
10
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
13
11
|
|
14
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null ||
|
12
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
15
13
|
|
16
|
-
|
14
|
+
const defaultGetMomentFormatFunction = (date, bestStep) => {
|
17
15
|
if (!date || !bestStep) {
|
18
16
|
return undefined;
|
19
17
|
}
|
@@ -27,11 +25,11 @@ var defaultGetMomentFormatFunction = function defaultGetMomentFormatFunction(dat
|
|
27
25
|
|
28
26
|
exports.defaultGetMomentFormatFunction = defaultGetMomentFormatFunction;
|
29
27
|
|
30
|
-
|
28
|
+
const defaultGetNewMomentFunction = date => {
|
31
29
|
return (0, _moment.default)(date);
|
32
30
|
};
|
33
31
|
|
34
32
|
exports.defaultGetNewMomentFunction = defaultGetNewMomentFunction;
|
35
|
-
|
33
|
+
const defaultGridAvailableSteps = [(0, _moment.duration)(1, 'minute'), (0, _moment.duration)(5, 'minute'), (0, _moment.duration)(10, 'minute'), (0, _moment.duration)(15, 'minute'), (0, _moment.duration)(20, 'minute'), (0, _moment.duration)(30, 'minute'), (0, _moment.duration)(1, 'hour'), (0, _moment.duration)(2, 'hour'), (0, _moment.duration)(4, 'hour'), (0, _moment.duration)(6, 'hour'), (0, _moment.duration)(8, 'hour'), (0, _moment.duration)(12, 'hour'), (0, _moment.duration)(1, 'day')];
|
36
34
|
exports.defaultGridAvailableSteps = defaultGridAvailableSteps;
|
37
35
|
//# sourceMappingURL=common.js.map
|