@citygross/components 0.16.11 → 0.16.13

package/build/cjs/components/src/components/DeliverySlotItem/DeliverySlotItem.js

@@ -13,14 +13,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function DeliverySlotItem(_a) {
     var date = _a.date, selected = _a.selected, children = _a.children, onSelect = _a.onSelect, icon = _a.icon;
-    var momentDate = utils.moment(date);
+    var dateInfo = utils.getDateInfo(date);
     var width = utils.useWindowSize().width;
-    var _b = React.useState(momentDate.format('dddd').toLocaleLowerCase()), weekDay = _b[0], setWeekDay = _b[1];
-    var dayNumber = momentDate.format('D');
-    var month = momentDate.format('MMMM').toLocaleLowerCase();
+    var _b = React.useState(dateInfo.day.name.toLocaleLowerCase()), weekDay = _b[0], setWeekDay = _b[1];
+    var dayNumber = dateInfo.day.number;
+    var month = dateInfo.month.name.toLocaleLowerCase();
     React.useEffect(function () {
-        setWeekDay(momentDate.format('dddd').toLocaleLowerCase());
-    }, [width]);
+        setWeekDay(dateInfo.day.name.toLocaleLowerCase());
+    }, [dateInfo.day.name, width]);
     var slotRef = React.useRef(null);
     return (React__default["default"].createElement(DeliverySlotItem_styles.DeliverySlotItemContainer, { onClick: onSelect, onKeyDown: function (event) {
             if (event.key === 'Enter') {

package/build/cjs/components/src/components/DeliveryTimeBlock/DeliveryTimeBlock.js

@@ -12,14 +12,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function DeliveryTimeBlock(_a) {
-    var _b, _c;
-    var deliveryDate = _a.deliveryDate, deliveryFromTime = _a.deliveryFromTime, deliveryToTime = _a.deliveryToTime, icon = _a.icon, _d = _a.localTimeVar, localTimeVar = _d === void 0 ? 'kl' : _d, deliverOption = _a.deliverOption, children = _a.children;
+    var deliveryDate = _a.deliveryDate, deliveryFromTime = _a.deliveryFromTime, deliveryToTime = _a.deliveryToTime, icon = _a.icon, _b = _a.localTimeVar, localTimeVar = _b === void 0 ? 'kl' : _b, deliverOption = _a.deliverOption, children = _a.children;
     return (React__default["default"].createElement(DeliveryTimeBlock_styles.DeliveryTimeBlock, null,
         React__default["default"].createElement(DeliveryTimeBlock_styles.DeliverOption, null,
             icon && icon,
             deliverOption && React__default["default"].createElement(typography.H3, null, deliverOption)),
-        React__default["default"].createElement(typography.BodyText, null, (_c = (_b = utils.moment(deliveryDate)) === null || _b === void 0 ? void 0 : _b.format('dddd D MMMM')) === null || _c === void 0 ? void 0 :
-            _c.toLocaleLowerCase(),
+        React__default["default"].createElement(typography.BodyText, null,
+            utils.formatDateToLocale(deliveryDate, false, true),
             ' ',
             deliveryFromTime && deliveryToTime && (React__default["default"].createElement("span", { style: { whiteSpace: 'nowrap' } }, "".concat(localTimeVar, " ").concat(deliveryFromTime, " - ").concat(deliveryToTime)))),
         children));

package/build/cjs/components/src/components/DeliveryTimeBlock/DeliveryTimeBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeliveryTimeBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DeliveryTimeBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/components/Modal/Modal.js

@@ -30,7 +30,7 @@ var getPortalRoot = function (portalHostSelector) {
     var _a;
     if (typeof document === 'undefined')
         return null;
-    var hostElement = document.querySelector(portalHostSelector);
+    var hostElement = document.getElementById(portalHostSelector);
     return (_a = hostElement === null || hostElement === void 0 ? void 0 : hostElement.parentElement) !== null && _a !== void 0 ? _a : document.body;
 };
 var Modal = function (_a) {
@@ -44,8 +44,9 @@ var Modal = function (_a) {
     React.useEffect(function () {
         if (typeof document === 'undefined')
             return;
-        var inertElements = Array.from(new Set(inertSelectors.flatMap(function (selector) {
-            return Array.from(document.querySelectorAll(selector));
+        var inertElements = Array.from(new Set(inertSelectors.flatMap(function (id) {
+            var element = document.getElementById(id);
+            return element ? [element] : [];
         })));
         var body = document.body;
         var html = document.documentElement;

package/build/cjs/components/src/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Modal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}