@trackunit/react-components 0.1.241 → 0.1.243

package/index.cjs.js

@@ -14,12 +14,13 @@ var reactUse = require('react-use');
 var reactDayPicker = require('react-day-picker');
 var locale = require('date-fns/locale');
 var react = require('@floating-ui/react');
+var lodash = require('lodash');
 var usePortal = require('react-useportal');
 var reactRouterDom = require('react-router-dom');
 var reactHelmetAsync = require('react-helmet-async');
 var reactTabs = require('@radix-ui/react-tabs');
 var dateFns = require('date-fns');
-var lodash = require('lodash');
+var isEqual = require('lodash/isEqual');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -47,6 +48,7 @@ var IconSpriteMini__default = /*#__PURE__*/_interopDefaultLegacy(IconSpriteMini)
 var IconSpriteOutline__default = /*#__PURE__*/_interopDefaultLegacy(IconSpriteOutline);
 var IconSpriteSolid__default = /*#__PURE__*/_interopDefaultLegacy(IconSpriteSolid);
 var usePortal__default = /*#__PURE__*/_interopDefaultLegacy(usePortal);
+var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
 
 const docs = {
     source: {
@@ -1185,7 +1187,7 @@ const usePopover = (_a) => {
         dismissInteraction,
         roleInteraction,
     ]);
-    return React.useMemo(() => (Object.assign(Object.assign(Object.assign({ isOpen, setIsOpen: setUncontrolledIsOpen }, popoverData), combinedInteractions), { isModal,
+    return React.useMemo(() => (Object.assign(Object.assign(Object.assign(Object.assign({ isOpen, setIsOpen: setUncontrolledIsOpen }, lodash.omit(popoverData, "middlewareData", "floatingStyles", "elements")), { x: popoverData.x, y: popoverData.y, isPositioned: popoverData.isPositioned, refs: popoverData.refs, update: popoverData.update, placement: popoverData.placement, strategy: popoverData.strategy }), combinedInteractions), { isModal,
         labelId,
         descriptionId,
         setLabelId,
@@ -2575,7 +2577,7 @@ const initLocalStorageState = ({ key, defaultState, schema, }) => {
 const useLocalStorageEffect = ({ key, state, defaultState, schema, onValidationFailed, onValidationSuccessful, }) => {
     const prevState = reactUse.usePrevious(state);
     React.useEffect(() => {
-        if (lodash.isEqual(prevState, state)) {
+        if (isEqual__default["default"](prevState, state)) {
             return;
         }
         if (schema) {

package/index.esm.js

@@ -11,12 +11,13 @@ import { useMeasure, useCopyToClipboard, usePrevious } from 'react-use';
 import { DayPicker as DayPicker$1 } from 'react-day-picker';
 import { enGB, enUS, da, de, cs, nl, fr, fi, hu, it, nb, pl, pt, ru, ro, es, sv, ja, th } from 'date-fns/locale';
 import { useFloating, autoUpdate, offset, flip, shift, size, useClick, useDismiss, useHover as useHover$1, useRole, useInteractions, useMergeRefs, FloatingPortal, FloatingFocusManager, arrow, useTransitionStatus, FloatingArrow } from '@floating-ui/react';
+import { omit } from 'lodash';
 import usePortal from 'react-useportal';
 import { Link, UNSAFE_NavigationContext } from 'react-router-dom';
 import { HelmetProvider, Helmet } from 'react-helmet-async';
 import { Trigger, Content, List, Root } from '@radix-ui/react-tabs';
 import { format, formatDistance } from 'date-fns';
-import { isEqual } from 'lodash';
+import isEqual from 'lodash/isEqual';
 
 const docs = {
     source: {
@@ -1155,7 +1156,7 @@ const usePopover = (_a) => {
         dismissInteraction,
         roleInteraction,
     ]);
-    return useMemo(() => (Object.assign(Object.assign(Object.assign({ isOpen, setIsOpen: setUncontrolledIsOpen }, popoverData), combinedInteractions), { isModal,
+    return useMemo(() => (Object.assign(Object.assign(Object.assign(Object.assign({ isOpen, setIsOpen: setUncontrolledIsOpen }, omit(popoverData, "middlewareData", "floatingStyles", "elements")), { x: popoverData.x, y: popoverData.y, isPositioned: popoverData.isPositioned, refs: popoverData.refs, update: popoverData.update, placement: popoverData.placement, strategy: popoverData.strategy }), combinedInteractions), { isModal,
         labelId,
         descriptionId,
         setLabelId,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.1.241",
+  "version": "0.1.243",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

package/src/components/Popover/Popover.d.ts

@@ -1,63 +1,13 @@
 /// <reference types="react" />
-import { PopoverProps } from "./PopoverTypes";
+import { PopoverProps, UsePopoverType } from "./PopoverTypes";
+export type ContextType = UsePopoverType | null;
 /**
  * A hook to get the popover context.
  * It should only be used by the Popover components.
  *
  * @returns {ContextType} The popover context
  */
-export declare const usePopoverContext: () => {
-    isModal: boolean | undefined;
-    labelId: string | undefined;
-    descriptionId: string | undefined;
-    setLabelId: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
-    setDescriptionId: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
-    customProps: {
-        className?: string | undefined;
-        dataTestId?: string | undefined;
-    };
-    getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
-    getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    getItemProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    placement: import("@floating-ui/utils").Placement;
-    strategy: import("@floating-ui/utils").Strategy;
-    middlewareData: import("@floating-ui/core").MiddlewareData;
-    x: number;
-    y: number;
-    isPositioned: boolean;
-    update: () => void;
-    floatingStyles: import("react").CSSProperties;
-    refs: {
-        reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
-        floating: import("react").MutableRefObject<HTMLElement | null>;
-        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
-        setFloating: (node: HTMLElement | null) => void;
-    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
-    elements: {
-        reference: import("@floating-ui/react-dom").ReferenceType | null;
-        floating: HTMLElement | null;
-    } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
-    context: {
-        placement: import("@floating-ui/utils").Placement;
-        strategy: import("@floating-ui/utils").Strategy;
-        x: number;
-        y: number;
-        middlewareData: import("@floating-ui/core").MiddlewareData;
-        isPositioned: boolean;
-        update: () => void;
-        floatingStyles: import("react").CSSProperties;
-        open: boolean;
-        onOpenChange: (open: boolean, event?: Event | undefined, reason?: import("@floating-ui/react").OpenChangeReason | undefined) => void;
-        events: import("@floating-ui/react").FloatingEvents;
-        dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
-        nodeId: string | undefined;
-        floatingId: string;
-        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
-        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
-    };
-    isOpen: boolean;
-    setIsOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-};
+export declare const usePopoverContext: () => UsePopoverType;
 /**
  * The popover component.
  * - This component should wrap all the popover components.

package/src/components/Popover/PopoverTypes.d.ts

@@ -1,11 +1,13 @@
-import { Placement, UseDismissProps } from "@floating-ui/react";
+/// <reference types="react" />
+import { ExtendedRefs, ReferenceType, UseDismissProps, UseFloatingReturn } from "@floating-ui/react";
 import { CommonProps } from "../../common";
 export type PopoverActivation = {
     click?: boolean;
     hover?: boolean;
 };
 export type PopoverDismissal = Pick<UseDismissProps, "ancestorScroll" | "enabled" | "outsidePress" | "referencePress">;
-export type PopoverPlacement = Placement;
+export type PopoverPlacement = "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+export type Strategy = "absolute" | "fixed";
 export interface PopoverProps extends CommonProps {
     /**
      * Whether the popover should be open on initial render
@@ -36,3 +38,22 @@ export interface PopoverProps extends CommonProps {
      */
     onOpenStateChange?: (open: boolean) => void;
 }
+export type FloatingType = Omit<UseFloatingReturn, "middlewareData" | "floatingStyles" | "elements" | "refs">;
+export type ExtendedRefsType = ExtendedRefs<ReferenceType>;
+export type UsePopoverType = {
+    isOpen: boolean;
+    setIsOpen: (open: boolean) => void;
+    isModal: boolean | undefined;
+    labelId?: string;
+    descriptionId?: string;
+    setLabelId: (id: string) => void;
+    setDescriptionId: (id: string) => void;
+    customProps: PopoverProps;
+    strategy: Strategy;
+    x: number;
+    y: number;
+    refs: ExtendedRefsType;
+    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    getItemProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+} & FloatingType;

package/src/components/Popover/usePopover.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { PopoverProps } from "./PopoverTypes";
+import { PopoverProps, UsePopoverType } from "./PopoverTypes";
 /**
  * The hook that powers the Popover component.
  * It should not be used directly, but rather through the Popover component.
@@ -7,55 +6,4 @@ import { PopoverProps } from "./PopoverTypes";
  * @param {PopoverProps} options The options for the popover
  * @returns {ReturnType<usePopover>} The data for the popover
  */
-export declare const usePopover: ({ initialOpen, placement, isModal, isOpen: controlledIsOpen, activation, dismissal, onOpenStateChange, ...restOptions }: PopoverProps) => {
-    isModal: boolean | undefined;
-    labelId: string | undefined;
-    descriptionId: string | undefined;
-    setLabelId: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
-    setDescriptionId: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
-    customProps: {
-        className?: string | undefined;
-        dataTestId?: string | undefined;
-    };
-    getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
-    getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    getItemProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
-    placement: import("@floating-ui/utils").Placement;
-    strategy: import("@floating-ui/utils").Strategy;
-    middlewareData: import("@floating-ui/core").MiddlewareData;
-    x: number;
-    y: number;
-    isPositioned: boolean;
-    update: () => void;
-    floatingStyles: import("react").CSSProperties;
-    refs: {
-        reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
-        floating: import("react").MutableRefObject<HTMLElement | null>;
-        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
-        setFloating: (node: HTMLElement | null) => void;
-    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
-    elements: {
-        reference: import("@floating-ui/react-dom").ReferenceType | null;
-        floating: HTMLElement | null;
-    } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
-    context: {
-        placement: import("@floating-ui/utils").Placement;
-        strategy: import("@floating-ui/utils").Strategy;
-        x: number;
-        y: number;
-        middlewareData: import("@floating-ui/core").MiddlewareData;
-        isPositioned: boolean;
-        update: () => void;
-        floatingStyles: import("react").CSSProperties;
-        open: boolean;
-        onOpenChange: (open: boolean, event?: Event | undefined, reason?: import("@floating-ui/react").OpenChangeReason | undefined) => void;
-        events: import("@floating-ui/react").FloatingEvents;
-        dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
-        nodeId: string | undefined;
-        floatingId: string;
-        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
-        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
-    };
-    isOpen: boolean;
-    setIsOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-};
+export declare const usePopover: ({ initialOpen, placement, isModal, isOpen: controlledIsOpen, activation, dismissal, onOpenStateChange, ...restOptions }: PopoverProps) => UsePopoverType;