bianic-ui 2.1.0-beta.2 → 2.1.0-beta.4

package/dist/cjs/index.js

@@ -2028,7 +2028,7 @@ var FormLabel = function (_a) {
     var labelSize = size === 'sm' ? 'text-size-sm' : 'text-size-md';
     var labelFontWeight = fontWeight === 'semibold' ? 'font-semibold' : 'font-normal';
     var labelClass = "".concat(labelpointer, " ").concat(labelSize, " ").concat(labelFontWeight);
-    var labelContent = (React.createElement("label", { htmlFor: htmlFor, className: "bianic-form-label group/formlabel ".concat(labelClass, " ").concat(className) },
+    var labelContent = (React.createElement("label", { htmlFor: htmlFor, className: "bianic-form-label group/formlabel text-bia-black ".concat(labelClass, " ").concat(className) },
         children,
         required && (React.createElement("span", { className: "p-1 text-bia-coolgrey group-hover/form:text-bia-red group-hover/formlabel:text-bia-red" }, "*"))));
     if (required)
@@ -2750,7 +2750,7 @@ function LiveSearch(_a) {
     var _q = processRenderedChildren(children, searchTerm, searchVariant, handleDropdownItemClick), renderedChildren = _q.renderedChildren, hasFilteredResults = _q.hasFilteredResults;
     return (React.createElement("div", { className: "bianic-livesearch bianic-fgc-container bianic-text-input-container field-group group/form flex w-full flex-col gap-y-2 " },
         React.createElement("div", { className: "group relative w-full" },
-            React.createElement("input", { className: "bianic-livesearch-input bianic-fgc-target field peer w-full rounded border  border-bia-grey-dark-10 bg-primary-white read-only:pointer-events-none read-only:border-bia-grey-disabled focus-visible:outline-none enabled:hover:rounded-b-none enabled:hover:border-b-bia-blue enabled:focus:rounded-b-none enabled:focus:border-b-bia-blue disabled:border-bia-grey-dark-10 disabled:bg-bia-grey-light-10 disabled:text-bia-coolgrey ".concat(inputClass), onClick: function () { return setIsOpen(!isOpen); }, value: searchTerm, required: required, disabled: disabled, id: id, placeholder: placeholder, ref: inputRef, onChange: function (e) {
+            React.createElement("input", { className: "bianic-livesearch-input bianic-fgc-target field peer w-full rounded border  border-bia-grey-dark-10 bg-primary-white text-bia-black read-only:pointer-events-none read-only:border-bia-grey-light-50 focus-visible:outline-none enabled:hover:rounded-b-none enabled:hover:border-b-bia-blue enabled:focus:rounded-b-none enabled:focus:border-b-bia-blue disabled:border-bia-grey-dark-10 disabled:bg-bia-grey-light-80 disabled:text-bia-coolgrey ".concat(inputClass), onClick: function () { return setIsOpen(!isOpen); }, value: searchTerm, required: required, disabled: disabled, id: id, placeholder: placeholder, ref: inputRef, onChange: function (e) {
                     onChangeText(e);
                     handleInputChange(e);
                 }, type: "text", readOnly: readOnly, autoComplete: autoComplete }),
@@ -2986,17 +2986,17 @@ var MonthDisplay = function (_a) {
     var viewYearValue = _a.viewYearValue, selectedDate = _a.selectedDate, viewMonthValue = _a.viewMonthValue, minDateValue = _a.minDateValue, maxDateValue = _a.maxDateValue, onMonthSelect = _a.onMonthSelect;
     return (React.createElement("div", { className: "bianic-datepicker-calendar-month-grid grid grid-cols-3 gap-y-1.5" }, MONTH_MAP.map(function (month, index) {
         var isOutOfRange = !!((minDateValue &&
-            (minDateValue.getFullYear() < viewYearValue ||
-                index <
-                    (minDateValue.getFullYear() === viewYearValue
-                        ? minDateValue.getMonth()
-                        : 0))) ||
+            minDateValue.getFullYear() <= viewYearValue &&
+            index <
+                (minDateValue.getFullYear() === viewYearValue
+                    ? minDateValue.getMonth()
+                    : 0)) ||
             (maxDateValue &&
-                (maxDateValue.getFullYear() > viewYearValue ||
-                    index >
-                        (maxDateValue.getFullYear() === viewYearValue
-                            ? maxDateValue.getMonth()
-                            : 11))));
+                maxDateValue.getFullYear() >= viewYearValue &&
+                index >
+                    (maxDateValue.getFullYear() === viewYearValue
+                        ? maxDateValue.getMonth()
+                        : 11)));
         var isSelected = selectedDate &&
             viewYearValue === parseInt(selectedDate.slice(0, 4)) &&
             index === viewMonthValue;
@@ -3112,7 +3112,7 @@ var useCalendarLogic = function (selectedDate, minDate, maxDate) {
         var startOfDecade = Math.floor(year / 10) * 10;
         var endOfDecade = startOfDecade + 9;
         var decadeRange = [];
-        for (var i = startOfDecade - 1; i <= endOfDecade + 2; i++) {
+        for (var i = startOfDecade - 1; i < endOfDecade + 2; i++) {
             decadeRange.push(i);
         }
         return decadeRange;
@@ -3130,7 +3130,7 @@ var useCalendarLogic = function (selectedDate, minDate, maxDate) {
         }
         else {
             return (yearDisplayRange.includes(minDateValue.getFullYear()) &&
-                viewDecadeValue <= minDateValue.getFullYear());
+                yearDisplayRange[0] <= minDateValue.getFullYear());
         }
     };
     var isNextDisabled = function () {
@@ -3145,7 +3145,7 @@ var useCalendarLogic = function (selectedDate, minDate, maxDate) {
         }
         else {
             return (yearDisplayRange.includes(maxDateValue.getFullYear()) &&
-                viewDecadeValue >= maxDateValue.getFullYear());
+                yearDisplayRange[12] >= maxDateValue.getFullYear());
         }
     };
     return {
@@ -3190,6 +3190,7 @@ var PickerCalendar = function (_a) {
     React.useEffect(function () {
         if (!isPickerOpen) {
             onClose();
+            handlePickerMode('date');
         }
     }, [isPickerOpen]);
     // Event Handlers
@@ -3884,6 +3885,7 @@ function ResizeableDiv(_a) {
     var maximumHeight = typeof maxHeight === 'number' && !isNaN(maxHeight)
         ? "".concat(maxHeight, "px")
         : maxHeight;
+    var thumbZIndex = zIndex ? Number(zIndex) + 10 : 50;
     return (React.createElement("div", { className: "relative overflow-visible", ref: container, style: {
             zIndex: zIndex,
             width: containerWidth,
@@ -3897,7 +3899,7 @@ function ResizeableDiv(_a) {
                 window.addEventListener('mousemove', handleResize);
                 window.addEventListener('mouseup', stopResize);
             }, role: "button" },
-            React.createElement("div", { className: "flex h-[9px] w-[25px] items-center justify-center rounded-radius-full border border-bia-grey-light-10 bg-primary-white opacity-20 group-hover:opacity-100 group-active:bg-bia-coolgrey-light-90 group-active:opacity-100 ".concat(thumbClass) },
+            React.createElement("div", { className: "flex h-[9px] w-[25px] items-center justify-center rounded-radius-full border border-bia-grey-light-10 bg-primary-white opacity-20 group-hover:opacity-100 group-active:bg-bia-coolgrey-light-90 group-active:opacity-100 ".concat(thumbClass), style: { zIndex: thumbZIndex } },
                 React.createElement(TbDots, { className: "text-bia-grey-light-30" }))),
         React.createElement("div", { className: "h-full w-full peer-active:select-none ".concat(className) }, children)));
 }