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

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.
Files changed (3) hide show
  1. package/dist/cjs/index.js +16 -15
  2. package/dist/esm/index.js +16 -15
  3. package/package.json +1 -1
package/dist/cjs/index.js CHANGED
@@ -2028,7 +2028,7 @@ var FormLabel = function (_a) {
2028
2028
  var labelSize = size === 'sm' ? 'text-size-sm' : 'text-size-md';
2029
2029
  var labelFontWeight = fontWeight === 'semibold' ? 'font-semibold' : 'font-normal';
2030
2030
  var labelClass = "".concat(labelpointer, " ").concat(labelSize, " ").concat(labelFontWeight);
2031
- var labelContent = (React.createElement("label", { htmlFor: htmlFor, className: "bianic-form-label group/formlabel ".concat(labelClass, " ").concat(className) },
2031
+ var labelContent = (React.createElement("label", { htmlFor: htmlFor, className: "bianic-form-label group/formlabel text-bia-black ".concat(labelClass, " ").concat(className) },
2032
2032
  children,
2033
2033
  required && (React.createElement("span", { className: "p-1 text-bia-coolgrey group-hover/form:text-bia-red group-hover/formlabel:text-bia-red" }, "*"))));
2034
2034
  if (required)
@@ -2750,7 +2750,7 @@ function LiveSearch(_a) {
2750
2750
  var _q = processRenderedChildren(children, searchTerm, searchVariant, handleDropdownItemClick), renderedChildren = _q.renderedChildren, hasFilteredResults = _q.hasFilteredResults;
2751
2751
  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 " },
2752
2752
  React.createElement("div", { className: "group relative w-full" },
2753
- 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) {
2753
+ 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) {
2754
2754
  onChangeText(e);
2755
2755
  handleInputChange(e);
2756
2756
  }, type: "text", readOnly: readOnly, autoComplete: autoComplete }),
@@ -2986,17 +2986,17 @@ var MonthDisplay = function (_a) {
2986
2986
  var viewYearValue = _a.viewYearValue, selectedDate = _a.selectedDate, viewMonthValue = _a.viewMonthValue, minDateValue = _a.minDateValue, maxDateValue = _a.maxDateValue, onMonthSelect = _a.onMonthSelect;
2987
2987
  return (React.createElement("div", { className: "bianic-datepicker-calendar-month-grid grid grid-cols-3 gap-y-1.5" }, MONTH_MAP.map(function (month, index) {
2988
2988
  var isOutOfRange = !!((minDateValue &&
2989
- (minDateValue.getFullYear() < viewYearValue ||
2990
- index <
2991
- (minDateValue.getFullYear() === viewYearValue
2992
- ? minDateValue.getMonth()
2993
- : 0))) ||
2989
+ minDateValue.getFullYear() <= viewYearValue &&
2990
+ index <
2991
+ (minDateValue.getFullYear() === viewYearValue
2992
+ ? minDateValue.getMonth()
2993
+ : 0)) ||
2994
2994
  (maxDateValue &&
2995
- (maxDateValue.getFullYear() > viewYearValue ||
2996
- index >
2997
- (maxDateValue.getFullYear() === viewYearValue
2998
- ? maxDateValue.getMonth()
2999
- : 11))));
2995
+ maxDateValue.getFullYear() >= viewYearValue &&
2996
+ index >
2997
+ (maxDateValue.getFullYear() === viewYearValue
2998
+ ? maxDateValue.getMonth()
2999
+ : 11)));
3000
3000
  var isSelected = selectedDate &&
3001
3001
  viewYearValue === parseInt(selectedDate.slice(0, 4)) &&
3002
3002
  index === viewMonthValue;
@@ -3112,7 +3112,7 @@ var useCalendarLogic = function (selectedDate, minDate, maxDate) {
3112
3112
  var startOfDecade = Math.floor(year / 10) * 10;
3113
3113
  var endOfDecade = startOfDecade + 9;
3114
3114
  var decadeRange = [];
3115
- for (var i = startOfDecade - 1; i <= endOfDecade + 2; i++) {
3115
+ for (var i = startOfDecade - 1; i < endOfDecade + 2; i++) {
3116
3116
  decadeRange.push(i);
3117
3117
  }
3118
3118
  return decadeRange;
@@ -3130,7 +3130,7 @@ var useCalendarLogic = function (selectedDate, minDate, maxDate) {
3130
3130
  }
3131
3131
  else {
3132
3132
  return (yearDisplayRange.includes(minDateValue.getFullYear()) &&
3133
- viewDecadeValue <= minDateValue.getFullYear());
3133
+ yearDisplayRange[0] <= minDateValue.getFullYear());
3134
3134
  }
3135
3135
  };
3136
3136
  var isNextDisabled = function () {
@@ -3145,7 +3145,7 @@ var useCalendarLogic = function (selectedDate, minDate, maxDate) {
3145
3145
  }
3146
3146
  else {
3147
3147
  return (yearDisplayRange.includes(maxDateValue.getFullYear()) &&
3148
- viewDecadeValue >= maxDateValue.getFullYear());
3148
+ yearDisplayRange[12] >= maxDateValue.getFullYear());
3149
3149
  }
3150
3150
  };
3151
3151
  return {
@@ -3190,6 +3190,7 @@ var PickerCalendar = function (_a) {
3190
3190
  React.useEffect(function () {
3191
3191
  if (!isPickerOpen) {
3192
3192
  onClose();
3193
+ handlePickerMode('date');
3193
3194
  }
3194
3195
  }, [isPickerOpen]);
3195
3196
  // Event Handlers
package/dist/esm/index.js CHANGED
@@ -2026,7 +2026,7 @@ var FormLabel = function (_a) {
2026
2026
  var labelSize = size === 'sm' ? 'text-size-sm' : 'text-size-md';
2027
2027
  var labelFontWeight = fontWeight === 'semibold' ? 'font-semibold' : 'font-normal';
2028
2028
  var labelClass = "".concat(labelpointer, " ").concat(labelSize, " ").concat(labelFontWeight);
2029
- var labelContent = (React.createElement("label", { htmlFor: htmlFor, className: "bianic-form-label group/formlabel ".concat(labelClass, " ").concat(className) },
2029
+ var labelContent = (React.createElement("label", { htmlFor: htmlFor, className: "bianic-form-label group/formlabel text-bia-black ".concat(labelClass, " ").concat(className) },
2030
2030
  children,
2031
2031
  required && (React.createElement("span", { className: "p-1 text-bia-coolgrey group-hover/form:text-bia-red group-hover/formlabel:text-bia-red" }, "*"))));
2032
2032
  if (required)
@@ -2748,7 +2748,7 @@ function LiveSearch(_a) {
2748
2748
  var _q = processRenderedChildren(children, searchTerm, searchVariant, handleDropdownItemClick), renderedChildren = _q.renderedChildren, hasFilteredResults = _q.hasFilteredResults;
2749
2749
  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 " },
2750
2750
  React.createElement("div", { className: "group relative w-full" },
2751
- 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) {
2751
+ 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) {
2752
2752
  onChangeText(e);
2753
2753
  handleInputChange(e);
2754
2754
  }, type: "text", readOnly: readOnly, autoComplete: autoComplete }),
@@ -2984,17 +2984,17 @@ var MonthDisplay = function (_a) {
2984
2984
  var viewYearValue = _a.viewYearValue, selectedDate = _a.selectedDate, viewMonthValue = _a.viewMonthValue, minDateValue = _a.minDateValue, maxDateValue = _a.maxDateValue, onMonthSelect = _a.onMonthSelect;
2985
2985
  return (React.createElement("div", { className: "bianic-datepicker-calendar-month-grid grid grid-cols-3 gap-y-1.5" }, MONTH_MAP.map(function (month, index) {
2986
2986
  var isOutOfRange = !!((minDateValue &&
2987
- (minDateValue.getFullYear() < viewYearValue ||
2988
- index <
2989
- (minDateValue.getFullYear() === viewYearValue
2990
- ? minDateValue.getMonth()
2991
- : 0))) ||
2987
+ minDateValue.getFullYear() <= viewYearValue &&
2988
+ index <
2989
+ (minDateValue.getFullYear() === viewYearValue
2990
+ ? minDateValue.getMonth()
2991
+ : 0)) ||
2992
2992
  (maxDateValue &&
2993
- (maxDateValue.getFullYear() > viewYearValue ||
2994
- index >
2995
- (maxDateValue.getFullYear() === viewYearValue
2996
- ? maxDateValue.getMonth()
2997
- : 11))));
2993
+ maxDateValue.getFullYear() >= viewYearValue &&
2994
+ index >
2995
+ (maxDateValue.getFullYear() === viewYearValue
2996
+ ? maxDateValue.getMonth()
2997
+ : 11)));
2998
2998
  var isSelected = selectedDate &&
2999
2999
  viewYearValue === parseInt(selectedDate.slice(0, 4)) &&
3000
3000
  index === viewMonthValue;
@@ -3110,7 +3110,7 @@ var useCalendarLogic = function (selectedDate, minDate, maxDate) {
3110
3110
  var startOfDecade = Math.floor(year / 10) * 10;
3111
3111
  var endOfDecade = startOfDecade + 9;
3112
3112
  var decadeRange = [];
3113
- for (var i = startOfDecade - 1; i <= endOfDecade + 2; i++) {
3113
+ for (var i = startOfDecade - 1; i < endOfDecade + 2; i++) {
3114
3114
  decadeRange.push(i);
3115
3115
  }
3116
3116
  return decadeRange;
@@ -3128,7 +3128,7 @@ var useCalendarLogic = function (selectedDate, minDate, maxDate) {
3128
3128
  }
3129
3129
  else {
3130
3130
  return (yearDisplayRange.includes(minDateValue.getFullYear()) &&
3131
- viewDecadeValue <= minDateValue.getFullYear());
3131
+ yearDisplayRange[0] <= minDateValue.getFullYear());
3132
3132
  }
3133
3133
  };
3134
3134
  var isNextDisabled = function () {
@@ -3143,7 +3143,7 @@ var useCalendarLogic = function (selectedDate, minDate, maxDate) {
3143
3143
  }
3144
3144
  else {
3145
3145
  return (yearDisplayRange.includes(maxDateValue.getFullYear()) &&
3146
- viewDecadeValue >= maxDateValue.getFullYear());
3146
+ yearDisplayRange[12] >= maxDateValue.getFullYear());
3147
3147
  }
3148
3148
  };
3149
3149
  return {
@@ -3188,6 +3188,7 @@ var PickerCalendar = function (_a) {
3188
3188
  useEffect(function () {
3189
3189
  if (!isPickerOpen) {
3190
3190
  onClose();
3191
+ handlePickerMode('date');
3191
3192
  }
3192
3193
  }, [isPickerOpen]);
3193
3194
  // Event Handlers
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
5
5
  },
6
- "version": "2.1.0-beta.2",
6
+ "version": "2.1.0-beta.3",
7
7
  "description": "Design Language System develop by BIAENERGI",
8
8
  "scripts": {
9
9
  "rollup": "rollup -c",