infinity-forge
Version:
22 lines • 2.12 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.InputWeekAvailabilityV2 = InputWeekAvailabilityV2;
var jsx_runtime_1 = require("react/jsx-runtime");
var ui_1 = require("../../../../../ui/index.js");
var use_window_1 = require("../../../../../ui/hooks/use-window.js");
var use_week_availability_1 = require("../shared/hooks/use-week-availability.js");
var desktop_table_1 = require("../shared/components/desktop-table.js");
var mobile_layout_1 = require("../shared/components/mobile-layout.js");
var base_styles_1 = require("../shared/styles/base-styles.js");
var mobile_styles_1 = require("../shared/styles/mobile-styles.js");
var desktop_styles_1 = require("../shared/styles/desktop-styles.js");
var types_1 = require("../shared/types.js");
function InputWeekAvailabilityV2(_a) {
var name = _a.name, label = _a.label, readOnly = _a.readOnly, dayLabelFormat = _a.dayLabelFormat, checkedIcon = _a.checkedIcon, uncheckedIcon = _a.uncheckedIcon;
var nameInput = (0, use_week_availability_1.useWeekAvailability)(name).nameInput;
var windowObj = (0, use_window_1.useWindow)();
var isMobile = windowObj && windowObj.innerWidth <= 768;
var days = (0, types_1.getDays)(dayLabelFormat || 'medium');
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'InputWeekAvailability', children: (0, jsx_runtime_1.jsx)(base_styles_1.BaseInputWeekAvailability, { className: 'input_week_availability', children: (0, jsx_runtime_1.jsx)(mobile_styles_1.MobileStyles, { children: (0, jsx_runtime_1.jsxs)(desktop_styles_1.DesktopStyles, { children: [label && (0, jsx_runtime_1.jsx)("label", { className: 'font-18-bold', children: label }), isMobile ? ((0, jsx_runtime_1.jsx)(mobile_layout_1.MobileLayout, { nameInput: nameInput, readOnly: readOnly, useIconComponent: true, days: days, checkedIcon: checkedIcon, uncheckedIcon: uncheckedIcon })) : ((0, jsx_runtime_1.jsx)(desktop_table_1.DesktopTable, { nameInput: nameInput, readOnly: readOnly, useIconComponent: true, days: days, checkedIcon: checkedIcon, uncheckedIcon: uncheckedIcon }))] }) }) }) }));
}
//# sourceMappingURL=index.js.map