awing-library 2.1.199-dev → 2.1.201-dev

package/lib/AWING/BasicDataForm/BasicDataForm.js

@@ -219,7 +219,7 @@ var BasicDataForm = function (props) {
                                     } }, fieldDef.DateProps), fieldName));
                                 break;
                             case 'date-range':
-                                currentField = ((0, jsx_runtime_1.jsx)(DateRangePicker_1.default, __assign({ variant: "outlined", textFieldProps: {
+                                currentField = ((0, jsx_runtime_1.jsx)(DateRangePicker_1.default, __assign({ required: fieldDef === null || fieldDef === void 0 ? void 0 : fieldDef.required, variant: "outlined", textFieldProps: {
                                         fullWidth: true,
                                     }, value: {
                                         startDate: (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue[0]) || null,

package/lib/AWING/DateRangePicker/component.js

@@ -144,7 +144,7 @@ var defaultProps = {
 };
 var DateRangePickerWrapper = function (props) {
     var classes = useStyles();
-    var value = props.value, error = props.error, helperText = props.helperText, _a = props.autoFocus, autoFocus = _a === void 0 ? false : _a, _b = props.autoFocusEndDate, autoFocusEndDate = _b === void 0 ? false : _b, _c = props.initialStartDate, initialStartDate = _c === void 0 ? null : _c, _d = props.initialEndDate, initialEndDate = _d === void 0 ? null : _d, _e = props.callback, callback = _e === void 0 ? function () { } : _e, _f = props.label, label = _f === void 0 ? null : _f, _g = props.isShowCalendarInfo, isShowCalendarInfo = _g === void 0 ? false : _g, variant = props.variant, openDirection = props.openDirection, _h = props.isDayBlocked, isDayBlocked = _h === void 0 ? function (day) { return false; } : _h, _j = props.handleValid, handleValid = _j === void 0 ? function () { } : _j, _k = props.handleDateRangePopover, handleDateRangePopover = _k === void 0 ? function () { } : _k, disableHelperText = props.disableHelperText, _l = props.isFutureDate, isFutureDate = _l === void 0 ? false : _l;
+    var value = props.value, error = props.error, helperText = props.helperText, _a = props.autoFocus, autoFocus = _a === void 0 ? false : _a, _b = props.autoFocusEndDate, autoFocusEndDate = _b === void 0 ? false : _b, _c = props.initialStartDate, initialStartDate = _c === void 0 ? null : _c, _d = props.initialEndDate, initialEndDate = _d === void 0 ? null : _d, _e = props.callback, callback = _e === void 0 ? function () { } : _e, _f = props.label, label = _f === void 0 ? null : _f, _g = props.isShowCalendarInfo, isShowCalendarInfo = _g === void 0 ? false : _g, variant = props.variant, openDirection = props.openDirection, _h = props.isDayBlocked, isDayBlocked = _h === void 0 ? function (day) { return false; } : _h, _j = props.handleValid, handleValid = _j === void 0 ? function () { } : _j, _k = props.handleDateRangePopover, handleDateRangePopover = _k === void 0 ? function () { } : _k, disableHelperText = props.disableHelperText, _l = props.isFutureDate, isFutureDate = _l === void 0 ? false : _l, _m = props.required, required = _m === void 0 ? false : _m;
     var initialFocusedInput = null;
     if (autoFocus) {
         initialFocusedInput = constants_1.START_DATE;
@@ -152,12 +152,12 @@ var DateRangePickerWrapper = function (props) {
     else if (autoFocusEndDate) {
         initialFocusedInput = constants_1.END_DATE;
     }
-    var _m = (0, react_1.useState)(initialFocusedInput), focusedInput = _m[0], setFocusedInput = _m[1];
-    var _o = (0, react_1.useState)(initialStartDate), startDate = _o[0], setStartDate = _o[1];
-    var _p = (0, react_1.useState)(initialEndDate), endDate = _p[0], setEndDate = _p[1];
-    var _q = (0, react_1.useState)(true), isValid = _q[0], setIsValid = _q[1];
-    var _r = (0, react_1.useState)("".concat(moment(value ? value === null || value === void 0 ? void 0 : value.startDate : startDate).format('DD/MM/YYYY'), " - ").concat(moment(value ? value === null || value === void 0 ? void 0 : value.endDate : endDate).format('DD/MM/YYYY'))), inputValue = _r[0], setInputValue = _r[1];
-    var _s = (0, react_i18next_1.useTranslation)(), i18n = _s.i18n, t = _s.t;
+    var _o = (0, react_1.useState)(initialFocusedInput), focusedInput = _o[0], setFocusedInput = _o[1];
+    var _p = (0, react_1.useState)(initialStartDate), startDate = _p[0], setStartDate = _p[1];
+    var _q = (0, react_1.useState)(initialEndDate), endDate = _q[0], setEndDate = _q[1];
+    var _r = (0, react_1.useState)(true), isValid = _r[0], setIsValid = _r[1];
+    var _s = (0, react_1.useState)("".concat(moment(value ? value === null || value === void 0 ? void 0 : value.startDate : startDate).format('DD/MM/YYYY'), " - ").concat(moment(value ? value === null || value === void 0 ? void 0 : value.endDate : endDate).format('DD/MM/YYYY'))), inputValue = _s[0], setInputValue = _s[1];
+    var _t = (0, react_i18next_1.useTranslation)(), i18n = _t.i18n, t = _t.t;
     var momentLanguage = (0, react_1.useMemo)(function () { var _a, _b; return ((_b = (_a = i18n === null || i18n === void 0 ? void 0 : i18n.language) === null || _a === void 0 ? void 0 : _a.split('-')) === null || _b === void 0 ? void 0 : _b[0]) || 'en'; }, [i18n.language]);
     (0, react_1.useEffect)(function () {
         if (value !== undefined) {
@@ -331,7 +331,7 @@ var DateRangePickerWrapper = function (props) {
         'handleValid',
         'handleDateRangePopover',
     ]);
-    var _t = react_1.default.useState(null), anchorElPopover = _t[0], setAnchorElPopover = _t[1];
+    var _u = react_1.default.useState(null), anchorElPopover = _u[0], setAnchorElPopover = _u[1];
     var openPopper = Boolean(anchorElPopover);
     var id = openPopper ? 'datePicker-popper' : undefined;
     var popperRef = react_1.default.useRef();
@@ -352,7 +352,7 @@ var DateRangePickerWrapper = function (props) {
     };
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_input_mask_1.default, { mask: "99/99/9999 - 99/99/9999", maskplaceholder: "dd/mm/yyyy - dd/mm/yyyy", value: inputValue, onChange: handleChangeInput, disabled: props.disabled, children: function () {
                     var _a;
-                    return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({ "aria-describedby": id, variant: variant, label: label, error: !isValid || error, helperText: !disableHelperText
+                    return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({ required: required, "aria-describedby": id, variant: variant, label: label, error: !isValid || error, helperText: !disableHelperText
                             ? error
                                 ? helperText || t('Common.InvalidData')
                                 : !isValid

package/lib/AWING/DateRangePicker/interface.d.ts

@@ -1,5 +1,6 @@
 import { MomentInput, Moment } from "moment";
 export interface DateRangePickerProps {
+    required?: boolean;
     disabled?: boolean;
     autoFocus?: boolean;
     autoFocusEndDate?: boolean;

package/lib/AWING/GoogleMap/GGMap.js

@@ -1,8 +1,4 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -41,7 +37,6 @@ var mapContainerStyle = {
     height: '320px',
     width: '100%',
 };
-var myEffectExit = (0, material_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    transform: scale(1);\n    border: 0px solid #fff;\n    opacity: 1;\n  }\n  25% {\n    transform: scale(1.1);\n    border: 10px solid #1a78fc;\n    opacity: 0.8;\n  }\n  50% {\n    transform: scale(1.12);\n\tborder: 8px solid #1a78fc;\n    opacity: 0.5;\n  }\n  75% {\n    transform: scale(1.14);\n\tborder: 6px solid #1a78fc;\n    opacity: 0.3;\n  }\n  100% {\n    transform: scale(1.16);\n\tborder: 4px solid #1a78fc;\n    opacity: 0.2;\n  }\n"], ["\n  0% {\n    transform: scale(1);\n    border: 0px solid #fff;\n    opacity: 1;\n  }\n  25% {\n    transform: scale(1.1);\n    border: 10px solid #1a78fc;\n    opacity: 0.8;\n  }\n  50% {\n    transform: scale(1.12);\n\tborder: 8px solid #1a78fc;\n    opacity: 0.5;\n  }\n  75% {\n    transform: scale(1.14);\n\tborder: 6px solid #1a78fc;\n    opacity: 0.3;\n  }\n  100% {\n    transform: scale(1.16);\n\tborder: 4px solid #1a78fc;\n    opacity: 0.2;\n  }\n"])));
 var libraries = ['places'];
 var stylesDefault = {
     position: 'relative',
@@ -77,7 +72,7 @@ var GGMap = function (_a) {
         }, {})) !== null && _a !== void 0 ? _a : {};
         return Object.values(coordMap).map(function (item, index, arr) {
             var _a;
-            item.radius = ((_a = item.count) !== null && _a !== void 0 ? _a : 0) / arr.reduce(function (acc, item) { var _a; return acc + ((_a = item === null || item === void 0 ? void 0 : item.count) !== null && _a !== void 0 ? _a : 0); }, 0) * (Math.pow(2, 10 - (zoom))) * 10000;
+            item.radius = ((_a = item.count) !== null && _a !== void 0 ? _a : 0) / arr.reduce(function (acc, item) { var _a; return acc + ((_a = item === null || item === void 0 ? void 0 : item.count) !== null && _a !== void 0 ? _a : 0); }, 0) * (Math.pow(2, 10 - Math.max(zoom, 4))) * 8000;
             return item;
         });
         // Convert the object to an array
@@ -201,7 +196,7 @@ exports.default = GGMap;
 var Maprender = react_1.default.memo(function (_a) {
     var onLoadMap = _a.onLoadMap, onMapClick = _a.onMapClick, onZoomChanged = _a.onZoomChanged;
     var mapInstance = (0, react_1.useRef)(null);
-    return (0, jsx_runtime_1.jsx)(api_1.GoogleMap, { id: "map", mapContainerStyle: { width: "100%", height: "".concat(521, "px") }, zoom: 2, center: {
+    return (0, jsx_runtime_1.jsx)(api_1.GoogleMap, { id: "map", mapContainerStyle: { width: "100%", height: "".concat(521, "px") }, zoom: 3, center: {
             lat: 21.0063107,
             lng: 105.8279467
         }, onZoomChanged: function () {
@@ -238,4 +233,3 @@ var MaprenderWithoutTracking = react_1.default.memo(function (_a) {
                         strokeWeight: 2,
                     } })] }) });
 });
-var templateObject_1;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "awing-library",
-    "version": "2.1.199-dev",
+    "version": "2.1.201-dev",
     "description": "",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",