ublo-lib 1.44.10 → 1.44.12

package/es/esf/components/period-picker/period-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"period-picker.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/period-picker.js"],"names":[],"mappings":"AA2BA;;;;;;;4CA6MC"}
+{"version":3,"file":"period-picker.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/period-picker.js"],"names":[],"mappings":"AA2BA;;;;;;;4CA8MC"}

package/es/esf/components/period-picker/period-picker.js

@@ -129,5 +129,5 @@ export default function PeriodPicker({ className = undefined, setClosed = undefi
         setOpened(false);
         openExtendedPicker();
     };
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: pickerClasses, children: _jsxs("div", { className: css.inner, children: [_jsxs("div", { className: css.header, children: [_jsx("div", { className: css.iconContainer, children: _jsx(Icons.Calendar, { className: css.icon }) }), _jsx(Title, { lang: lang, stay: stay }), _jsx(Controls, { barRef: ref, distance: 200 })] }), _jsx(Weeks, { ref: ref, lang: lang, weeks: weeks, beginWeek: beginWeek, endWeek: endWeek, selected: selected, select: select, forceSeasonSwitch: forceSeasonSwitch, openExtendedPicker: openExtendedPicker, hidePastDates: hidePastDates }), _jsx(Warning, { lang: lang, warn: warn, setWarn: setWarn, selectWeek: selectWeek, chosenWeek: chosenWeek }), _jsx(ExtendedStayPicker, { lang: lang, stay: stay, extend: extend, week: selected, endWeek: endWeek, forceSeasonSwitch: forceSeasonSwitch, opened: extendedOpened, setExtendedOpened: setExtendedOpened, onChange: onChange })] }) }), _jsx(Popup, { className: className, mustFilterSections: mustFilterSections, showDialog: showDialog, opened: opened, selectAndClose: selectAndClose, onChange: onChange })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: pickerClasses, children: _jsxs("div", { className: css.inner, children: [_jsxs("div", { className: css.header, children: [_jsx("div", { className: css.iconContainer, children: _jsx(Icons.Calendar, { className: css.icon }) }), _jsx(Title, { lang: lang, stay: stay }), _jsx(Controls, { barRef: ref, distance: 200 })] }), _jsx(Weeks, { ref: ref, lang: lang, weeks: weeks, beginWeek: beginWeek, endWeek: endWeek, selected: selected, select: select, forceSeasonSwitch: forceSeasonSwitch, openExtendedPicker: openExtendedPicker, hidePastDates: hidePastDates }), _jsx(Warning, { lang: lang, warn: warn, setWarn: setWarn, selectWeek: selectWeek, chosenWeek: chosenWeek }), _jsx(ExtendedStayPicker, { lang: lang, stay: stay, extend: extend, week: selected, endWeek: endWeek, forceSeasonSwitch: forceSeasonSwitch, opened: extendedOpened, setExtendedOpened: setExtendedOpened, onChange: onChange })] }) }), _jsx(Popup, { className: className, mustFilterSections: mustFilterSections, showDialog: showDialog, opened: opened, selectAndClose: selectAndClose, onChange: onChange, hidePastDates: hidePastDates })] }));
 }

package/es/esf/components/period-picker/popup.d.ts

@@ -1,10 +1,11 @@
-export default function Popup({ className, mustFilterSections, showDialog, opened, onChange, selectAndClose, }: {
+export default function Popup({ className, mustFilterSections, showDialog, opened, onChange, selectAndClose, hidePastDates, }: {
     className: any;
     mustFilterSections: any;
     showDialog: any;
     opened: any;
     onChange: any;
     selectAndClose: any;
+    hidePastDates: any;
 }): React.ReactPortal;
 import * as React from "react";
 //# sourceMappingURL=popup.d.ts.map

package/es/esf/components/period-picker/popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/popup.js"],"names":[],"mappings":"AAKA;;;;;;;sBAgCC;uBArCsB,OAAO"}
+{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/popup.js"],"names":[],"mappings":"AAKA;;;;;;;;sBAkCC;uBAvCsB,OAAO"}

package/es/esf/components/period-picker/popup.js

@@ -3,7 +3,7 @@ import * as React from "react";
 import * as ReactDOM from "react-dom";
 import PeriodPicker from "./period-picker";
 import css from "./popup.module.css";
-export default function Popup({ className, mustFilterSections, showDialog, opened, onChange, selectAndClose, }) {
+export default function Popup({ className, mustFilterSections, showDialog, opened, onChange, selectAndClose, hidePastDates, }) {
     const [ready, setReady] = React.useState(false);
     React.useEffect(() => {
         setReady(true);
@@ -13,5 +13,5 @@ export default function Popup({ className, mustFilterSections, showDialog, opene
     const isVisible = mustFilterSections && showDialog && opened;
     if (!isVisible)
         return null;
-    return ReactDOM.createPortal(_jsx("div", { className: css.popup, children: _jsx("div", { className: css.inner, children: _jsx(PeriodPicker, { className: className, onChange: onChange, setClosed: selectAndClose }) }) }), document.body);
+    return ReactDOM.createPortal(_jsx("div", { className: css.popup, children: _jsx("div", { className: css.inner, children: _jsx(PeriodPicker, { className: className, onChange: onChange, setClosed: selectAndClose, hidePastDates: hidePastDates }) }) }), document.body);
 }

package/es/esf/components/period-picker/weeks.js

@@ -25,14 +25,12 @@ function Week({ lang, week, beginWeek, endWeek, selected, select, forceSeasonSwi
     const isSelected = selected === week;
     const isPast = now.getTime() > nextDate.getTime();
     React.useEffect(() => {
-        window.requestAnimationFrame(() => {
-            const item = ref.current;
-            if (item) {
-                const bar = item.parentElement;
-                const { clientWidth, offsetLeft } = item;
-                bar.scrollLeft = offsetLeft - clientWidth * 1.5;
-            }
-        });
+        const item = ref.current;
+        if (item && isSelected) {
+            const bar = item.parentElement;
+            const { clientWidth, offsetLeft } = item;
+            bar.scrollLeft = offsetLeft - clientWidth * 1.5;
+        }
     }, [isSelected]);
     if (hidePastDates && isPast)
         return null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.44.10",
+  "version": "1.44.12",
   "peerDependencies": {
     "classnames": "^2.5.1",
     "dt-design-system": "^3.12.0",