wickes-css2 2.103.0-IC-976-pre-commit-lint.4 → 2.103.0-IC-976-pre-commit-lint.7

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,5 +1,6 @@
 var Wick = Wick || {};
-Wick.DateSelection = (function () {
+Wick.DateSelection = function () {
+
     var componentDateSelection = $('.component-date-selection'),
         $deliveryTypes = $('.delivery-types'),
         deliveryTypesFixed = 'delivery-types-fixed-height',
@@ -26,36 +27,27 @@ 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);
         });
@@ -94,7 +86,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();
@@ -104,9 +96,7 @@ 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++;
         });
 
@@ -114,20 +104,19 @@ 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'),
@@ -136,11 +125,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();
@@ -167,13 +156,11 @@ Wick.DateSelection = (function () {
         deliveryContainer.unbind('click');
     }
 
-    $(window).on(
-        'resize',
-        _.debounce(function () {
-            $deliveryTypes.removeClass(deliveryTypesFixed);
+    $(window).on('resize', _.debounce(function () {
+        $deliveryTypes.removeClass(deliveryTypesFixed);
+
+        unbind();
+        init();
+    }, 250));
+}();
 
-            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,8 +1,9 @@
 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')) {
@@ -13,7 +14,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,153 +1,167 @@
 var Wick = window.Wick || {};
 
 Wick.Flatpickr = {
-    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();
+  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();
 
-        if (year === currentYear) {
-            return Array.from(
-                { length: 12 - currentMonth - 1 },
-                (_, i) => new Date(year, currentMonth + 1 + i, 1)
-            );
-        }
+    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;
+    return [];
+  },
+  handleYearChange(instance, minYear, currentYear, currentMonth) {
+    const selectedYear = instance.currentYear;
 
-        if (selectedYear > currentYear) {
-            instance.changeYear(currentYear);
-        } else if (selectedYear < minYear) {
-            instance.changeYear(minYear);
-        }
+    if (selectedYear > currentYear) {
+      instance.changeYear(currentYear);
+    } else if (selectedYear < minYear) {
+      instance.changeYear(minYear);
+    }
 
-        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');
-        }
+    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");
+    }
 
-        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.el.$crossIcon.on("click", function () {
+      instance.clear();
+      instance.setDate(null);
+      $field.val("");
+      Wick.Flatpickr.el.$crossIcon.hide();
+      instance.open();
+      instance.close();
+    });
 
-        $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;
+    $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 minDate = new Date(minYear, 0, 1);
-        const maxDate = new Date(`${currentYear}-12-31`);
-
-        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);
-            },
-            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');
+    const initialDisabledMonths = Wick.Flatpickr.generateInitialDisabledMonths(
+      today.getFullYear(),
+      currentMonth
+    );
 
-                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: (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");
 
-                    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 (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, dateStr) => {
+        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);
+  },
 };