wickes-css2 2.103.0-IC-976-pre-commit-lint.1 → 2.103.0-IC-976-pre-commit-lint.3

package/src/js/components/click-disable.js

@@ -1,10 +1,10 @@
 var Wick = window.Wick || {};
 Wick.ClickDisable = {
-  disable: function (targetElement) {
-    $(targetElement).addClass('disabled');
-    $(targetElement).blur();
-  },
-  enable: function (targetElement) {
-    $(targetElement).removeClass('disabled');
-  },
+    disable: function (targetElement) {
+        $(targetElement).addClass('disabled');
+        $(targetElement).blur();
+    },
+    enable: function (targetElement) {
+        $(targetElement).removeClass('disabled');
+    },
 };

package/src/js/components/date-selection.js

@@ -1,6 +1,5 @@
 var Wick = Wick || {};
-Wick.DateSelection = function () {
-
+Wick.DateSelection = (function () {
     var componentDateSelection = $('.component-date-selection'),
         $deliveryTypes = $('.delivery-types'),
         deliveryTypesFixed = 'delivery-types-fixed-height',
@@ -27,27 +26,36 @@ Wick.DateSelection = function () {
         var count = 0;
         var failed;
 
-        function displayScrollbar (context) {
-            setTimeout(function() {
-
-                var deliveryListEl = $(this).closest(dateSelection).find('.delivery-types:visible').find($(deliveryTypesInnerStr)),
-                    deliveryListElHeight = deliveryListEl.height(),
-                    deliveryTypeDateHeight = deliveryListEl.find(".delivery-types__date").height(),
-                    deliveryTypeHeight = deliveryListEl.find(".delivery-type").innerHeight(),
-                    simplebarContentHeight = deliveryTypeDateHeight + deliveryTypeHeight;
-
-                deliveryListEl.find($('.simplebar-track.vertical')).removeClass('d-none');
-
-                if (deliveryListElHeight > simplebarContentHeight) {
-                    deliveryListEl.find($('.simplebar-track.vertical')).addClass('d-none');
-                }
-
-            }.bind(context), 0);
+        function displayScrollbar(context) {
+            setTimeout(
+                function () {
+                    var deliveryListEl = $(this)
+                            .closest(dateSelection)
+                            .find('.delivery-types:visible')
+                            .find($(deliveryTypesInnerStr)),
+                        deliveryListElHeight = deliveryListEl.height(),
+                        deliveryTypeDateHeight = deliveryListEl
+                            .find('.delivery-types__date')
+                            .height(),
+                        deliveryTypeHeight = deliveryListEl.find('.delivery-type').innerHeight(),
+                        simplebarContentHeight = deliveryTypeDateHeight + deliveryTypeHeight;
+
+                    deliveryListEl.find($('.simplebar-track.vertical')).removeClass('d-none');
+
+                    if (deliveryListElHeight > simplebarContentHeight) {
+                        deliveryListEl.find($('.simplebar-track.vertical')).addClass('d-none');
+                    }
+                }.bind(context),
+                0
+            );
         }
 
         componentDateSelection.on('click', deliveryTypesBtn, function () {
             $(this).parent(deliveryContainer).find(deliveryTypesBtn).removeClass(deliveryBtnClass);
-            $(this).parent(deliveryContainer).find(deliveryTypesBtn).addClass(deliveryTypeBtnClassSecondary);
+            $(this)
+                .parent(deliveryContainer)
+                .find(deliveryTypesBtn)
+                .addClass(deliveryTypeBtnClassSecondary);
             $(this).addClass(deliveryBtnClass);
             $(this).removeClass(deliveryTypeBtnClassSecondary);
         });
@@ -86,7 +94,7 @@ Wick.DateSelection = function () {
         });
 
         //angel icon for mobile
-        closeIcon.on("click", function () {
+        closeIcon.on('click', function () {
             var rowExtendedBlock = $(this).closest(calendarRowExtended);
             $(this).toggleClass('collapsed');
             rowExtendedBlock.slideToggle();
@@ -96,7 +104,9 @@ Wick.DateSelection = function () {
         deliveryTypesSlotLabel.each(function () {
             var id = $(this).attr('for');
             $(this).attr('for', id + count);
-            $(this).children('input').attr('id', id + count);
+            $(this)
+                .children('input')
+                .attr('id', id + count);
             count++;
         });
 
@@ -104,19 +114,20 @@ Wick.DateSelection = function () {
             displayScrollbar(this);
         });
 
-        calendarCell.on("click", function () {
+        calendarCell.on('click', function () {
             $deliveryTypes.removeClass(deliveryTypesHide);
 
-            $(deliveryTypesInnerStr).find('input').each(function () {
-                if ($(this).attr('checked')) {
-                    $(this).prop('checked', false).removeAttr('checked');
-                }
-            });
+            $(deliveryTypesInnerStr)
+                .find('input')
+                .each(function () {
+                    if ($(this).attr('checked')) {
+                        $(this).prop('checked', false).removeAttr('checked');
+                    }
+                });
 
             if ($(window).width() > 767 && $(window).width() <= 1024) {
                 $(this).closest(dateSelection).addClass(dateSelectionTimeVisible);
             } else if ($(window).width() < 767) {
-
                 var isCellSelected = $(this).hasClass(calendarCellSelected),
                     rowExtendedBlock = $(this).parent().next(calendarRowExtended),
                     isBlockHidden = rowExtendedBlock.is(':hidden'),
@@ -125,11 +136,11 @@ Wick.DateSelection = function () {
                 rowExtendedBlock.find(validationError).removeClass(validationErrorShow);
 
                 //check height of deliveryInner
-                (_.debounce(function () {
+                _.debounce(function () {
                     if (currentDeliveryInner.height() > 165) {
                         $deliveryTypes.addClass(deliveryTypesFixed);
                     }
-                }, 200))();
+                }, 200)();
 
                 if (isCellSelected) {
                     rowExtendedBlock.slideToggle();
@@ -156,11 +167,13 @@ Wick.DateSelection = function () {
         deliveryContainer.unbind('click');
     }
 
-    $(window).on('resize', _.debounce(function () {
-        $deliveryTypes.removeClass(deliveryTypesFixed);
-
-        unbind();
-        init();
-    }, 250));
-}();
+    $(window).on(
+        'resize',
+        _.debounce(function () {
+            $deliveryTypes.removeClass(deliveryTypesFixed);
 
+            unbind();
+            init();
+        }, 250)
+    );
+})();

package/src/js/components/file-loader.js

@@ -1,36 +1,36 @@
 var Wick = Wick || {};
 
-Wick.fileLoader = function(id) {
-  const textNoFileChoose = 'No file chosen'
-  const errorFileClass = 'file-loader--error';
-  const elements = {
-    inputFile: $(`#${id}`),
-    parentInputFile: $(`label[for="${id}"]`),
-    labelFile: $(`label[for="${id}"] .file-loader__label`),
-    errorLabel: $(`label[for="${id}"] + .file-loader__error`),
-  }
+Wick.fileLoader = function (id) {
+    const textNoFileChoose = 'No file chosen';
+    const errorFileClass = 'file-loader--error';
+    const elements = {
+        inputFile: $(`#${id}`),
+        parentInputFile: $(`label[for="${id}"]`),
+        labelFile: $(`label[for="${id}"] .file-loader__label`),
+        errorLabel: $(`label[for="${id}"] + .file-loader__error`),
+    };
 
-  return {
-    getElementInput() {
-      return elements.inputFile
-    },
-    getElementLabel() {
-      return elements.labelFile
-    },
-    clearFileLoader() {
-      this.hideError();
-      this.setLabelText(textNoFileChoose);
-      elements.inputFile.val(null);
-    },
-    setLabelText(text) {
-      elements.labelFile.text(text)
-    },
-    showError(text) {
-      elements.parentInputFile.addClass(errorFileClass)
-      elements.errorLabel.text(text)
-    },
-    hideError() {
-      elements.parentInputFile.removeClass(errorFileClass)
-    }
-  }
-}
+    return {
+        getElementInput() {
+            return elements.inputFile;
+        },
+        getElementLabel() {
+            return elements.labelFile;
+        },
+        clearFileLoader() {
+            this.hideError();
+            this.setLabelText(textNoFileChoose);
+            elements.inputFile.val(null);
+        },
+        setLabelText(text) {
+            elements.labelFile.text(text);
+        },
+        showError(text) {
+            elements.parentInputFile.addClass(errorFileClass);
+            elements.errorLabel.text(text);
+        },
+        hideError() {
+            elements.parentInputFile.removeClass(errorFileClass);
+        },
+    };
+};

package/src/js/components/finance.js

@@ -1,9 +1,8 @@
 var Wick = Wick || {};
-Wick.Finance = (function(){
+Wick.Finance = (function () {
     var $terms = $('.terms');
 
-
-    function toggleContent () {
+    function toggleContent() {
         var thisItem = $(this).parent('.terms');
 
         if (thisItem.hasClass('terms_expanded')) {
@@ -14,7 +13,7 @@ Wick.Finance = (function(){
         return false;
     }
 
-    function bindEvents () {
+    function bindEvents() {
         $terms.on('click', '.terms__btn-toggle, .terms__btn-accordion', toggleContent);
     }
 

package/src/js/components/flatpickr.js

@@ -1,167 +1,153 @@
 var Wick = window.Wick || {};
 
 Wick.Flatpickr = {
-  el: {
-    $crossIcon: $("#crossIcon"),
-    $calendarIcon: $("#calendarIcon"),
-    flatpickrDisabled: '.flatpickr-disabled',
-    datePickerField: '.flatpickr-datepicker__field',
-  },
-  generateInitialDisabledMonths(year, startMonth) {
-    const today = new Date();
-    const currentYear = today.getFullYear();
-    const currentMonth = today.getMonth();
+    el: {
+        $crossIcon: $('#crossIcon'),
+        $calendarIcon: $('#calendarIcon'),
+        flatpickrDisabled: '.flatpickr-disabled',
+        datePickerField: '.flatpickr-datepicker__field',
+    },
+    generateInitialDisabledMonths(year) {
+        const today = new Date();
+        const currentYear = today.getFullYear();
+        const currentMonth = today.getMonth();
 
-    if (year === currentYear) {
-      return Array.from({ length: 12 - currentMonth - 1 }, (_, i) =>
-        new Date(year, currentMonth + 1 + i, 1)
-      );
-    }
-
-    return [];
-  },
-  handleYearChange(instance, minYear, currentYear, currentMonth) {
-    const selectedYear = instance.currentYear;
+        if (year === currentYear) {
+            return Array.from(
+                { length: 12 - currentMonth - 1 },
+                (_, i) => new Date(year, currentMonth + 1 + i, 1)
+            );
+        }
 
-    if (selectedYear > currentYear) {
-      instance.changeYear(currentYear);
-    } else if (selectedYear < minYear) {
-      instance.changeYear(minYear);
-    }
+        return [];
+    },
+    handleYearChange(instance, minYear, currentYear, currentMonth) {
+        const selectedYear = instance.currentYear;
 
-    Wick.Flatpickr.updateDisabledMonths(instance, selectedYear, currentMonth, currentYear);
-  },
-  updateDisabledMonths(instance, year, month) {
-    const disabledMonths = Wick.Flatpickr.generateInitialDisabledMonths(year, month);
-    instance.set("disable", disabledMonths);
-  },
-  bindClearIcon(instance, $field) {
-    if ($field.val().trim() !== "") {
-      Wick.Flatpickr.el.$crossIcon.removeClass("d-none").addClass("d-flex");
-    } else {
-      Wick.Flatpickr.el.$crossIcon.removeClass("d-flex").addClass("d-none");
-    }
+        if (selectedYear > currentYear) {
+            instance.changeYear(currentYear);
+        } else if (selectedYear < minYear) {
+            instance.changeYear(minYear);
+        }
 
-    Wick.Flatpickr.el.$crossIcon.on("click", function () {
-      instance.clear();
-      instance.setDate(null);
-      $field.val("");
-      Wick.Flatpickr.el.$crossIcon.hide();
-      instance.open();
-      instance.close();
-    });
+        Wick.Flatpickr.updateDisabledMonths(instance, selectedYear, currentMonth, currentYear);
+    },
+    updateDisabledMonths(instance, year, month) {
+        const disabledMonths = Wick.Flatpickr.generateInitialDisabledMonths(year, month);
+        instance.set('disable', disabledMonths);
+    },
+    bindClearIcon(instance, $field) {
+        if ($field.val().trim() !== '') {
+            Wick.Flatpickr.el.$crossIcon.removeClass('d-none').addClass('d-flex');
+        } else {
+            Wick.Flatpickr.el.$crossIcon.removeClass('d-flex').addClass('d-none');
+        }
 
-    $field.on("input", function () {
-      if ($field.val().trim() === "") {
-        Wick.Flatpickr.el.$crossIcon.removeClass("d-flex").addClass("d-none");
-      } else {
-        Wick.Flatpickr.el.$crossIcon.removeClass("d-none").addClass("d-flex");
-      }
-    });
-  },
-  bindCalendarIcon(instance) {
-    Wick.Flatpickr.el.$calendarIcon.on("click", function () {
-      instance.open();
-    });
-  },
-  formatDateToYYYYMM(date) {
-    const newDate = new Date(date);
-    const year = newDate.getFullYear();
-    const month = String(newDate.getMonth() + 1).padStart(2, "0");
-    return `${year}-${month}`;
-  },
-  getFlatpickrConfig(config) {
-    const today = new Date();
-    const chooseDate = config.chooseDate
-      ? new Date(config.chooseDate)
-      : null;
-    const currentYear = config.currentYear || today.getFullYear();
-    const currentMonth = chooseDate ? chooseDate.getMonth() : today.getMonth();
-    const minYear = config.minYear || currentYear - 15;
+        Wick.Flatpickr.el.$crossIcon.on('click', function () {
+            instance.clear();
+            instance.setDate(null);
+            $field.val('');
+            Wick.Flatpickr.el.$crossIcon.hide();
+            instance.open();
+            instance.close();
+        });
 
-    const minDate = new Date(minYear, 0, 1);
-    const maxDate = new Date(`${currentYear}-12-31`);
+        $field.on('input', function () {
+            if ($field.val().trim() === '') {
+                Wick.Flatpickr.el.$crossIcon.removeClass('d-flex').addClass('d-none');
+            } else {
+                Wick.Flatpickr.el.$crossIcon.removeClass('d-none').addClass('d-flex');
+            }
+        });
+    },
+    bindCalendarIcon(instance) {
+        Wick.Flatpickr.el.$calendarIcon.on('click', function () {
+            instance.open();
+        });
+    },
+    formatDateToYYYYMM(date) {
+        const newDate = new Date(date);
+        const year = newDate.getFullYear();
+        const month = String(newDate.getMonth() + 1).padStart(2, '0');
+        return `${year}-${month}`;
+    },
+    getFlatpickrConfig(config) {
+        const today = new Date();
+        const chooseDate = config.chooseDate ? new Date(config.chooseDate) : null;
+        const currentYear = config.currentYear || today.getFullYear();
+        const currentMonth = chooseDate ? chooseDate.getMonth() : today.getMonth();
+        const minYear = config.minYear || currentYear - 15;
 
-    const initialDisabledMonths = Wick.Flatpickr.generateInitialDisabledMonths(
-      today.getFullYear(),
-      currentMonth
-    );
+        const minDate = new Date(minYear, 0, 1);
+        const maxDate = new Date(`${currentYear}-12-31`);
 
-    return {
-      dateFormat: config.dateFormat || "F Y",
-      enableTime: false,
-      static: config.static || true,
-      defaultDate: chooseDate || null,
-      placeholder: "Select year and month",
-      minDate,
-      maxDate,
-      disable: initialDisabledMonths,
-      plugins: [
-        new monthSelectPlugin({
-          shorthand: false,
-          dateFormat: config.dateFormat || "F Y",
-          theme: "light",
-        }),
-      ],
-      onYearChange: (selectedDates, dateStr, instance) => {
-        Wick.Flatpickr.handleYearChange(
-          instance,
-          minYear,
-          currentYear,
-          currentMonth
-        );
-      },
-      onMonthChange: (selectedDates, dateStr, instance) => {
-        Wick.Flatpickr.updateDisabledMonths(
-          instance,
-          currentYear,
-          currentMonth
+        const initialDisabledMonths = Wick.Flatpickr.generateInitialDisabledMonths(
+            today.getFullYear(),
+            currentMonth
         );
-      },
-      onReady: (selectedDates, dateStr, instance) => {
-        Wick.Flatpickr.updateDisabledMonths(
-          instance,
-          currentYear,
-          currentMonth
-        );
-      },
-      onOpen: (selectedDates, dateStr, instance) => {
-        $(Wick.Flatpickr.el.datePickerField).addClass('active');
-      },
-      onClose: (selectedDates, dateStr, instance) => {
-        $(Wick.Flatpickr.el.datePickerField).removeClass("active");
-        $(Wick.Flatpickr.el.flatpickrDisabled).removeClass("flatpickr-disabled");
 
-        if (selectedDates.length > 0) {
-          const selectedDate = selectedDates[0];
-          const selectedYear = selectedDate.getFullYear();
-          const selectedMonth = selectedDate.getMonth();
-          instance.currentYear = selectedYear;
-          instance.currentMonth = selectedMonth;
+        return {
+            dateFormat: config.dateFormat || 'F Y',
+            enableTime: false,
+            static: config.static || true,
+            defaultDate: chooseDate || null,
+            placeholder: 'Select year and month',
+            minDate,
+            maxDate,
+            disable: initialDisabledMonths,
+            plugins: [
+                new monthSelectPlugin({
+                    shorthand: false,
+                    dateFormat: config.dateFormat || 'F Y',
+                    theme: 'light',
+                }),
+            ],
+            onYearChange: (selectedDates, dateStr, instance) => {
+                Wick.Flatpickr.handleYearChange(instance, minYear, currentYear, currentMonth);
+            },
+            onMonthChange: (selectedDates, dateStr, instance) => {
+                Wick.Flatpickr.updateDisabledMonths(instance, currentYear, currentMonth);
+            },
+            onReady: (selectedDates, dateStr, instance) => {
+                Wick.Flatpickr.updateDisabledMonths(instance, currentYear, currentMonth);
+            },
+            onOpen: () => {
+                $(Wick.Flatpickr.el.datePickerField).addClass('active');
+            },
+            onClose: (selectedDates, dateStr, instance) => {
+                $(Wick.Flatpickr.el.datePickerField).removeClass('active');
+                $(Wick.Flatpickr.el.flatpickrDisabled).removeClass('flatpickr-disabled');
 
-          Wick.Flatpickr.updateDisabledMonths(instance, selectedYear, selectedMonth);
-        }
-      },
-      onChange: (selectedDates, dateStr) => {
-        const { onChangeCallback } = config;
-        if (typeof onChangeCallback === "function") {
-          const formattedDate = Wick.Flatpickr.formatDateToYYYYMM(selectedDates[0]);
-          onChangeCallback(formattedDate);
-        }
-      },
-    };
-  },
-  init(config) {
-    const $field = $(config.id);
+                if (selectedDates.length > 0) {
+                    const selectedDate = selectedDates[0];
+                    const selectedYear = selectedDate.getFullYear();
+                    const selectedMonth = selectedDate.getMonth();
+                    instance.currentYear = selectedYear;
+                    instance.currentMonth = selectedMonth;
 
-    if (!$field.length) {
-      return;
-    }
+                    Wick.Flatpickr.updateDisabledMonths(instance, selectedYear, selectedMonth);
+                }
+            },
+            onChange: (selectedDates) => {
+                const { onChangeCallback } = config;
+                if (typeof onChangeCallback === 'function') {
+                    const formattedDate = Wick.Flatpickr.formatDateToYYYYMM(selectedDates[0]);
+                    onChangeCallback(formattedDate);
+                }
+            },
+        };
+    },
+    init(config) {
+        const $field = $(config.id);
+
+        if (!$field.length) {
+            return;
+        }
 
-    const flatpickrConfig = Wick.Flatpickr.getFlatpickrConfig(config);
-    const flatpickrInstance = flatpickr(config.id, flatpickrConfig);
+        const flatpickrConfig = Wick.Flatpickr.getFlatpickrConfig(config);
+        const flatpickrInstance = flatpickr(config.id, flatpickrConfig);
 
-    Wick.Flatpickr.bindClearIcon(flatpickrInstance, $field);
-    Wick.Flatpickr.bindCalendarIcon(flatpickrInstance);
-  },
+        Wick.Flatpickr.bindClearIcon(flatpickrInstance, $field);
+        Wick.Flatpickr.bindCalendarIcon(flatpickrInstance);
+    },
 };