@fibery/ui-kit 1.41.0 → 1.42.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @fibery/ui-kit
 
+## 1.42.0
+
+### Minor Changes
+
+- c465007: Add typedObjectEntries into fibery/helpers
+
+### Patch Changes
+
+- Updated dependencies [c465007]
+  - @fibery/helpers@1.5.0
+  - @fibery/react@1.5.0
+
 ## 1.41.0
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fibery/ui-kit",
-  "version": "1.41.0",
+  "version": "1.42.0",
   "private": false,
   "license": "UNLICENSED",
   "dependencies": {
@@ -47,8 +47,8 @@
     "screenfull": "6.0.2",
     "tabbable": "5.2.1",
     "@fibery/emoji-data": "2.7.1",
-    "@fibery/helpers": "1.4.0",
-    "@fibery/react": "1.4.7"
+    "@fibery/helpers": "1.5.0",
+    "@fibery/react": "1.5.0"
   },
   "peerDependencies": {
     "react": "18.3.1",

package/src/date-picker/date-range-picker-popup-content.tsx

@@ -41,7 +41,6 @@ export const DateRangePickerPopupContent = forwardRef<
     timeFormat,
     dateTimeFormat,
     header,
-    bypassedRef,
     onKeyDown,
     weekStartsOn,
     weekends,
@@ -148,7 +147,7 @@ export const DateRangePickerPopupContent = forwardRef<
   const weekendsForMonth = useMemo(() => getWeekendsForMonth(month, weekends), [month, weekends]);
 
   return (
-    <div className={datePickerStylesOverrideClassName} ref={bypassedRef} onKeyDown={onKeyDown}>
+    <div className={datePickerStylesOverrideClassName} onKeyDown={onKeyDown}>
       {header}
       {showInput && (
         <DateRangeInput

package/src/date-picker/date-range-picker.tsx

@@ -1,5 +1,5 @@
 import {ControlledDatePickerProps, DatePickerCommonProps, MomentDateRangeProps} from "./types";
-import {PopoverOld} from "../popover";
+import {Popover} from "../popover";
 import {space} from "../design-system";
 import {withPopupControl} from "./with-popup-control";
 import {DateRangePickerPopupContent} from "./date-range-picker-popup-content";
@@ -24,7 +24,6 @@ export const DateRangePicker = forwardRef<
     onOpen,
     onClose,
     children,
-    bypassedRef,
     value,
     disabled = false,
     onChange,
@@ -89,36 +88,36 @@ export const DateRangePicker = forwardRef<
   }
 
   return (
-    <div ref={bypassedRef}>
-      <PopoverOld
-        title={title}
-        offset={[0, space.s6]}
-        trigger={
+    <div>
+      <Popover.Root open={open} onOpen={onOpen} onClose={onClose}>
+        <Popover.Trigger>
           <div ref={fakeWrapperRef} onClick={stopPropagation}>
             {pickerValue}
           </div>
-        }
-        supportMobile
-        placement="bottom-start"
-        open={open}
-        onOpen={onOpen}
-        onClose={onClose}
-        popupContainerClassName={css`
-          z-index: 10001;
-        `}
-        renderInPortal={true}
-        preventOverflowOptions={{
-          altAxis: true,
-        }}
-      >
-        <DateRangePickerPopupContent
-          ref={ref}
-          {...omit(props, ["onChange", "value"])}
-          onChange={onDatesChange}
-          value={dateValue}
-          onKeyDown={onDatePickerKeyDown}
-        />
-      </PopoverOld>
+        </Popover.Trigger>
+        <Popover.Portal>
+          <Popover.Content
+            title={title}
+            offset={[0, space.s6]}
+            supportMobile
+            placement="bottom-start"
+            popupContainerClassName={css`
+              z-index: 10001;
+            `}
+            preventOverflowOptions={{
+              altAxis: true,
+            }}
+          >
+            <DateRangePickerPopupContent
+              ref={ref}
+              {...omit(props, ["onChange", "value"])}
+              onChange={onDatesChange}
+              value={dateValue}
+              onKeyDown={onDatePickerKeyDown}
+            />
+          </Popover.Content>
+        </Popover.Portal>
+      </Popover.Root>
     </div>
   );
 });

package/src/date-picker/single-date-picker-popup-content.tsx

@@ -28,7 +28,6 @@ export const SingleDatePickerPopupContent = forwardRef<
     timeFormat,
     dateTimeFormat,
     onKeyDown,
-    bypassedRef,
     weekStartsOn,
     weekends,
   } = props;
@@ -47,7 +46,7 @@ export const SingleDatePickerPopupContent = forwardRef<
   const weekendsForMonth = useMemo(() => getWeekendsForMonth(month, weekends), [month, weekends]);
 
   return (
-    <div className={datePickerStylesOverrideClassName} ref={bypassedRef} onKeyDown={onKeyDown}>
+    <div className={datePickerStylesOverrideClassName} onKeyDown={onKeyDown}>
       <SingleDateInput
         ref={ref}
         value={dateValue}

package/src/date-picker/single-date-picker.tsx

@@ -207,7 +207,6 @@ export const SingleDatePicker: SingleDatePickerWithForwardRefType = forwardRef<
     onOpen,
     onClose,
     children,
-    bypassedRef,
     value,
     disabled = false,
     placeholder,
@@ -242,31 +241,29 @@ export const SingleDatePicker: SingleDatePickerWithForwardRefType = forwardRef<
   }
 
   return (
-    <div ref={bypassedRef}>
-      <Popover.Root open={open} onOpen={onOpen} onClose={onClose}>
-        <Popover.Trigger>
-          <div ref={fakeWrapperRef} onClick={stopPropagation}>
-            {pickerValue}
-          </div>
-        </Popover.Trigger>
-        <Popover.Portal>
-          <Popover.Content
-            title={title}
-            offset={[0, space.s6]}
-            placement="bottom-start"
-            supportMobile
-            popupContainerClassName={css`
-              z-index: 10001;
-            `}
-            preventOverflowOptions={{
-              altAxis: true,
-            }}
-          >
-            <SingleDatePickerPopoverContent ref={ref} {...props} />
-          </Popover.Content>
-        </Popover.Portal>
-      </Popover.Root>
-    </div>
+    <Popover.Root open={open} onOpen={onOpen} onClose={onClose}>
+      <Popover.Trigger>
+        <div ref={fakeWrapperRef} onClick={stopPropagation}>
+          {pickerValue}
+        </div>
+      </Popover.Trigger>
+      <Popover.Portal>
+        <Popover.Content
+          title={title}
+          offset={[0, space.s6]}
+          placement="bottom-start"
+          supportMobile
+          popupContainerClassName={css`
+            z-index: 10001;
+          `}
+          preventOverflowOptions={{
+            altAxis: true,
+          }}
+        >
+          <SingleDatePickerPopoverContent ref={ref} {...props} />
+        </Popover.Content>
+      </Popover.Portal>
+    </Popover.Root>
   );
 });
 

package/src/date-picker/types.ts

@@ -25,7 +25,6 @@ export type DatePickerCommonProps = {
   header?: ReactNode;
   children?: JSX.Element;
   allowClear?: boolean;
-  bypassedRef?: React.Ref<$TSFixMe>;
   disabled?: boolean;
   onKeyDown?: React.KeyboardEventHandler<$TSFixMe>;
   placeholder: string;