ublo-lib 1.44.8 → 1.44.10
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/es/esf/components/period-picker/period-picker.d.ts.map +1 -1
- package/es/esf/components/period-picker/period-picker.js +1 -1
- package/es/esf/components/period-picker/popup.d.ts +2 -1
- package/es/esf/components/period-picker/popup.d.ts.map +1 -1
- package/es/esf/components/period-picker/popup.js +2 -2
- package/es/esf/components/period-picker/weeks.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"period-picker.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/period-picker.js"],"names":[],"mappings":"AA2BA;;;;;;;
|
|
1
|
+
{"version":3,"file":"period-picker.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/period-picker.js"],"names":[],"mappings":"AA2BA;;;;;;;4CA6MC"}
|
|
@@ -129,5 +129,5 @@ export default function PeriodPicker({ className = undefined, setClosed = undefi
|
|
|
129
129
|
setOpened(false);
|
|
130
130
|
openExtendedPicker();
|
|
131
131
|
};
|
|
132
|
-
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, { mustFilterSections: mustFilterSections, showDialog: showDialog, opened: opened, selectAndClose: selectAndClose, onChange: onChange })] }));
|
|
132
|
+
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 })] }));
|
|
133
133
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
export default function Popup({ mustFilterSections, showDialog, opened, onChange, selectAndClose, }: {
|
|
1
|
+
export default function Popup({ className, mustFilterSections, showDialog, opened, onChange, selectAndClose, }: {
|
|
2
|
+
className: any;
|
|
2
3
|
mustFilterSections: any;
|
|
3
4
|
showDialog: any;
|
|
4
5
|
opened: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/popup.js"],"names":[],"mappings":"AAKA
|
|
1
|
+
{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/popup.js"],"names":[],"mappings":"AAKA;;;;;;;sBAgCC;uBArCsB,OAAO"}
|
|
@@ -3,7 +3,7 @@ import * as React from "react";
|
|
|
3
3
|
import * as ReactDOM from "react-dom";
|
|
4
4
|
import PeriodPicker from "./period-picker";
|
|
5
5
|
import css from "./popup.module.css";
|
|
6
|
-
export default function Popup({ mustFilterSections, showDialog, opened, onChange, selectAndClose, }) {
|
|
6
|
+
export default function Popup({ className, mustFilterSections, showDialog, opened, onChange, selectAndClose, }) {
|
|
7
7
|
const [ready, setReady] = React.useState(false);
|
|
8
8
|
React.useEffect(() => {
|
|
9
9
|
setReady(true);
|
|
@@ -13,5 +13,5 @@ export default function Popup({ mustFilterSections, showDialog, opened, onChange
|
|
|
13
13
|
const isVisible = mustFilterSections && showDialog && opened;
|
|
14
14
|
if (!isVisible)
|
|
15
15
|
return null;
|
|
16
|
-
return ReactDOM.createPortal(_jsx("div", { className: css.popup, children: _jsx("div", { className: css.inner, children: _jsx(PeriodPicker, { onChange: onChange, setClosed: selectAndClose }) }) }), document.body);
|
|
16
|
+
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);
|
|
17
17
|
}
|
|
@@ -12,7 +12,7 @@ const Weeks = React.forwardRef(({ weeks, lang, ...props }, ref) => {
|
|
|
12
12
|
const classes = classNames(css.weeks, {
|
|
13
13
|
[css.withPeriods]: periods,
|
|
14
14
|
});
|
|
15
|
-
return (_jsxs(_Fragment, { children: [_jsx("div", { className: classes, children: weeks.map((week) => (_jsx(Week, { lang: lang, week: week, ...props }, week))) }), periods && (_jsxs("div", { className: css.nomenclature, children: [periods.high?.length > 0 && (_jsxs("div", { className: css.period, "data-period": "high", children: [_jsx("div", { className: css.pill }), Messages.get(lang, "high-period")] })), periods.medium?.length > 0 && (_jsxs("div", { className: css.period, "data-period": "medium", children: [_jsx("div", { className: css.pill }), Messages.get(lang, "medium-period")] })), periods.low?.length > 0 && (_jsxs("div", { className: css.period, "data-period": "low", children: [_jsx("div", { className: css.pill }), Messages.get(lang, "low-period")] }))] }))] }));
|
|
15
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { ref: ref, className: classes, children: weeks.map((week) => (_jsx(Week, { lang: lang, week: week, ...props }, week))) }), periods && (_jsxs("div", { className: css.nomenclature, children: [periods.high?.length > 0 && (_jsxs("div", { className: css.period, "data-period": "high", children: [_jsx("div", { className: css.pill }), Messages.get(lang, "high-period")] })), periods.medium?.length > 0 && (_jsxs("div", { className: css.period, "data-period": "medium", children: [_jsx("div", { className: css.pill }), Messages.get(lang, "medium-period")] })), periods.low?.length > 0 && (_jsxs("div", { className: css.period, "data-period": "low", children: [_jsx("div", { className: css.pill }), Messages.get(lang, "low-period")] }))] }))] }));
|
|
16
16
|
});
|
|
17
17
|
Weeks.displayName = "Weeks";
|
|
18
18
|
export default Weeks;
|