@televet/kibble-ui 1.16.2-beta.86698tzha.1 → 1.16.2

package/build/components/Forms/DatePicker/datepicker.component.d.ts

@@ -18,4 +18,4 @@ export interface DatePickerProps {
  *
  * More dateFormat info: https://github.com/date-fns/date-fns/blob/main/docs/unicodeTokens.md
  */
-export declare const BetaDatePicker: ({ date, onDateChange, inputProps, placement, dateFormat, minYear, maxYear, }: DatePickerProps) => JSX.Element;
+export declare const DatePicker: ({ date, onDateChange, inputProps, placement, dateFormat, minYear, maxYear, }: DatePickerProps) => JSX.Element;

package/build/components/Overlay/Popover/index.d.ts

@@ -1,6 +1,5 @@
-export * from './popover.component';
+export * as BetaPopover from './popover.component';
 export * from './popover.config';
-export * from './popover.types';
 export * from './components/PopoverBody/popoverBody.component';
 export * from './components/PopoverFooter/popoverFooter.component';
 export * from './components/PopoverCloseButton/popoverCloseButton.component';

package/build/index.js

@@ -1561,7 +1561,7 @@ var IconMap = {
     website: ForwardRef$1,
     wrench: ForwardRef,
 };
-var IconSizeMap = {
+var IconSizeMap$1 = {
     xs: 14,
     sm: 16,
     md: 20,
@@ -1577,7 +1577,7 @@ var Icon = React.forwardRef(function (_a, ref) {
     var colors = useTheme().colors;
     var c = useAdaptiveColorMap(colors.icon, color);
     var MappedIcon = IconMap[name];
-    var d = IconSizeMap[size] + 'px';
+    var d = IconSizeMap$1[size] + 'px';
     return React__default["default"].createElement(MappedIcon, { ref: ref, width: d, height: d, color: c });
 });
 Icon.displayName = 'Icon';
@@ -12156,7 +12156,7 @@ var Day = function (_a) {
         onDateSelect: onDateSelect,
         onDateHover: onDateHover,
         dayRef: dayRef,
-    }), isSelected = _c.isSelected, disabledDate = _c.disabledDate, onClick = _c.onClick, onKeyDown = _c.onKeyDown, onMouseEnter = _c.onMouseEnter, tabIndex = _c.tabIndex;
+    }), disabledDate = _c.disabledDate, onClick = _c.onClick, onKeyDown = _c.onKeyDown, onMouseEnter = _c.onMouseEnter, tabIndex = _c.tabIndex, isSelectedStartOrEnd = _c.isSelectedStartOrEnd;
     if (!dayLabel) {
         return React__default["default"].createElement(React__default["default"].Fragment, null);
     }
@@ -12164,7 +12164,7 @@ var Day = function (_a) {
         onClick();
         onDaySelected();
     };
-    return (React__default["default"].createElement(Button, { onClick: onSelectDay, onKeyDown: onKeyDown, onMouseEnter: onMouseEnter, tabIndex: tabIndex, type: "button", ref: dayRef, variant: "ghostNeutral", size: "sm", fontWeight: fontWeights.normal, isActive: isSelected, isDisabled: disabledDate }, dayLabel));
+    return (React__default["default"].createElement(Button, { onClick: onSelectDay, onKeyDown: onKeyDown, onMouseEnter: onMouseEnter, tabIndex: tabIndex, type: "button", ref: dayRef, variant: "ghostNeutral", size: "sm", fontWeight: fontWeights.normal, isActive: isSelectedStartOrEnd, isDisabled: disabledDate }, dayLabel));
 };
 
 var Month = function (_a) {
@@ -12175,10 +12175,6 @@ var Month = function (_a) {
         month: month,
         firstDayOfWeek: firstDayOfWeek,
     }), days = _b.days, weekdayLabels = _b.weekdayLabels;
-    React.useEffect(function () {
-        var _a;
-        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
-    }, []);
     return (React__default["default"].createElement(react.Box, { ref: ref },
         React__default["default"].createElement(react.Grid, { templateColumns: "repeat(7, 1fr)", my: 2 }, weekdayLabels.map(function (weekdayLabel) { return (React__default["default"].createElement(react.GridItem, { key: weekdayLabel },
             React__default["default"].createElement(react.Center, null,
@@ -12956,6 +12952,12 @@ var months = [
 ].map(function (month, index) {
     return { label: month, value: String(index) };
 });
+var IconSizeMap = {
+    xs: 'xs',
+    sm: 'sm',
+    md: 'md',
+    lg: 'lg',
+};
 /**
  * A simple date picker component.
  *
@@ -12964,7 +12966,7 @@ var months = [
  *
  * More dateFormat info: https://github.com/date-fns/date-fns/blob/main/docs/unicodeTokens.md
  */
-var BetaDatePicker = function (_a) {
+var DatePicker = function (_a) {
     var date = _a.date, onDateChange = _a.onDateChange, inputProps = _a.inputProps, placement = _a.placement, _b = _a.dateFormat, dateFormat = _b === void 0 ? 'MM/dd/yyyy' : _b, _c = _a.minYear, minYear = _c === void 0 ? 1990 : _c, _d = _a.maxYear, maxYear = _d === void 0 ? 2040 : _d;
     var _e = __read(React.useState(Ue(date, dateFormat, '')), 2), searchString = _e[0], setSearchString = _e[1];
     var _f = __read(React.useState({
@@ -12982,6 +12984,9 @@ var BetaDatePicker = function (_a) {
         };
     });
     var onDatesChange = function (data) {
+        if (!data) {
+            return;
+        }
         if (!data.focusedInput) {
             setState(__assign(__assign({}, data), { focusedInput: Pe }));
         }
@@ -12989,8 +12994,9 @@ var BetaDatePicker = function (_a) {
             setState(data);
         }
         setSearchString(Ue(data.startDate, dateFormat, ''));
-        if (onDateChange)
-            onDateChange(date);
+        if (onDateChange) {
+            onDateChange(data.startDate);
+        }
     };
     var onInputChange = function (e) {
         var dateValue = e.target.value;
@@ -13041,20 +13047,22 @@ var BetaDatePicker = function (_a) {
         goToDate(newDate);
     };
     var handleOpen = function () {
-        if (!(inputProps === null || inputProps === void 0 ? void 0 : inputProps.isDisabled))
+        if (!(inputProps === null || inputProps === void 0 ? void 0 : inputProps.isDisabled)) {
             onOpen();
+        }
     };
     var getMonthName = function (month) {
         var date = new Date();
         date.setMonth(month);
         return format(date, 'LLLL');
     };
+    var iconSize = (inputProps === null || inputProps === void 0 ? void 0 : inputProps.size) ? IconSizeMap[inputProps.size] : 'md';
     return (React__default["default"].createElement(DatePickerProvider, { focusedDate: focusedDate, isDateFocused: isDateFocused, isDateSelected: isDateSelected, isDateHovered: isDateHovered, isDateBlocked: isDateBlocked, isFirstOrLastSelectedDate: isFirstOrLastSelectedDate, onDateSelect: onDateSelect, onDateFocus: onDateFocus, onDateHover: onDateHover },
         React__default["default"].createElement(react.Popover, { isOpen: isOpen, onClose: onClose, onOpen: handleOpen, initialFocusRef: inputRef, placement: placement },
             React__default["default"].createElement(react.PopoverTrigger, null,
                 React__default["default"].createElement(react.Box, null,
-                    React__default["default"].createElement(WrappedTextInput, __assign({ rightElement: React__default["default"].createElement(react.Box, { cursor: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.isDisabled) ? 'not-allowed' : 'pointer' },
-                            React__default["default"].createElement(Icon, { name: "chevronDown", size: "sm" })), value: searchString, onChange: onInputChange, inputRef: inputRef, onKeyDown: onKeyDown, cursor: !!(inputProps === null || inputProps === void 0 ? void 0 : inputProps.isReadOnly) ? 'pointer' : 'text' }, inputProps)))),
+                    React__default["default"].createElement(WrappedTextInput, __assign({ rightElement: React__default["default"].createElement(react.Flex, { cursor: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.isDisabled) ? 'not-allowed' : 'pointer' },
+                            React__default["default"].createElement(Icon, { name: "chevronDown", size: iconSize })), value: searchString, onChange: onInputChange, inputRef: inputRef, onKeyDown: onKeyDown, cursor: !!(inputProps === null || inputProps === void 0 ? void 0 : inputProps.isReadOnly) ? 'pointer' : 'text' }, inputProps)))),
             React__default["default"].createElement(react.PopoverContent, { ref: calendarRef, shadow: "md" },
                 React__default["default"].createElement(react.PopoverHeader, { justifyItems: "space-between" },
                     React__default["default"].createElement(react.HStack, { w: "100%", justify: "space-between" },
@@ -13169,6 +13177,11 @@ var Popover = function (_a) {
             React__default["default"].createElement(Text, { size: "sm" }, children)), !!darkMode)));
 };
 
+var popover_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    Popover: Popover
+});
+
 var PopoverConfig = {
     xs: { width: 160 },
     sm: { width: 200 },
@@ -16076,15 +16089,16 @@ exports.AlertIcon = AlertIcon;
 exports.Avatar = Avatar;
 exports.AvatarConfig = AvatarConfig;
 exports.AvatarGroup = AvatarGroup;
-exports.BetaDatePicker = BetaDatePicker;
 exports.BetaMenu = BetaMenu;
 exports.BetaModal = modal_component;
+exports.BetaPopover = popover_component;
 exports.Button = Button;
 exports.ButtonSizeConfig = ButtonSizeConfig;
 exports.ButtonVariantConfig = ButtonVariantConfig;
 exports.Checkbox = Checkbox;
 exports.CheckboxConfig = CheckboxConfig;
 exports.CheckboxGroup = WrappedCheckboxGroup;
+exports.DatePicker = DatePicker;
 exports.DatePickerContext = DatePickerContext;
 exports.DrawerConfig = DrawerConfig;
 exports.Heading = Heading;
@@ -16101,7 +16115,6 @@ exports.ModalFooter = ModalFooter;
 exports.ModalFooterButtons = ModalFooterButtons;
 exports.ModalHeader = ModalHeader;
 exports.NotificationCounter = NotificationCounter;
-exports.Popover = Popover;
 exports.PopoverBody = PopoverBody;
 exports.PopoverCloseButton = PopoverCloseButton;
 exports.PopoverConfig = PopoverConfig;