react-modern-audio-player 0.0.2 → 0.0.3

package/dist/types/components/AudioPlayer/Context/StateContext/placement.d.ts

@@ -8,7 +8,7 @@ export declare type InterfaceGridTemplateArea = Partial<Record<InterfacePlacemen
 export declare type InterfaceGridItemArea = Partial<Record<InterfacePlacementKey, string>>;
 export declare type InterfacePlacement = {
     templateArea: InterfaceGridTemplateArea;
-    itemArea?: InterfaceGridItemArea;
+    itemCustomArea?: InterfaceGridItemArea;
 };
 export declare const defaultInterfacePlacement: {
     templateArea: Required<InterfaceGridTemplateArea>;

package/dist/types/components/AudioPlayer/Interface/Controller/Button/VolumeTriggerBtn.d.ts

@@ -0,0 +1 @@
+export declare const VolumeTriggerBtn: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/AudioPlayer/Interface/Controller/Button/index.d.ts

@@ -2,3 +2,4 @@ export * from "./PlayBtn";
 export * from "./PrevNnextBtn";
 export * from "./RepeatTypeBtn";
 export * from "./PlayListTriggerBtn";
+export * from "./VolumeTriggerBtn";

package/dist/types/components/AudioPlayer/Interface/Controller/Tooltip/Volume/Content.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-export declare type ContentPlacement = "bottom" | "top";
-export declare const Content: FC<{
-    placement: ContentPlacement;
+export declare type VolumeSliderPlacement = "bottom" | "top";
+export declare const VolumeSlider: FC<{
+    placement: VolumeSliderPlacement;
 }>;

package/dist/types/components/AudioPlayer/Player.d.ts

@@ -3,11 +3,13 @@ import { ActiveUI, PlayListPlacement, CustomIcons, PlayerPlacement, PlayList, Au
 export interface AudioPlayerProps {
     playList: PlayList;
     audioInitialState?: AudioInitialState;
-    playerPlacement?: PlayerPlacement;
-    playListPlacement?: PlayListPlacement;
-    interfacePlacement?: InterfacePlacement;
     activeUI?: ActiveUI;
     customIcons?: CustomIcons;
     coverImgsCss?: CoverImgsCss;
+    placement?: {
+        player?: PlayerPlacement;
+        playList?: PlayListPlacement;
+        interface?: InterfacePlacement;
+    };
 }
 export declare const AudioPlayer: FC<AudioPlayerProps>;

package/dist/types/components/Drawer/Drawer.d.ts

@@ -1,4 +1,3 @@
-import { PlayerPlacement } from '../AudioPlayer/Context';
 import { PropsWithChildren } from "react";
 import { FC } from "react";
 import { DrawerContext } from "./DrawerContext";
@@ -6,6 +5,7 @@ import { DrawerTrigger } from "./DrawerTrigger";
 import { DrawerContent } from "./DrawerContent";
 export interface DrawerProps extends Omit<Partial<DrawerContext>, "setIsOpen"> {
     outboundClickActive?: boolean;
+    placement?: "bottom" | "top";
 }
 declare const Drawer: FC<PropsWithChildren<DrawerProps>>;
 declare type DrawerComponent = typeof Drawer & {
@@ -14,7 +14,4 @@ declare type DrawerComponent = typeof Drawer & {
 };
 declare const _default: DrawerComponent;
 export default _default;
-interface DrawerContainerProps {
-    playerPlacement?: PlayerPlacement;
-}
-export declare const DrawerContainer: import("styled-components").StyledComponent<"div", any, DrawerContainerProps, never>;
+export declare const DrawerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/types/components/Drawer/DrawerContent.d.ts

@@ -1,7 +1,6 @@
-import { FC, HTMLAttributes, PropsWithChildren } from "react";
+import { FC, PropsWithChildren } from "react";
 export declare type DrawerContentPlacement = "top" | "bottom" | "left" | "right";
-export declare type DrawerContentProps = HTMLAttributes<HTMLDivElement> & {
-    placement?: DrawerContentPlacement;
+export declare type DrawerContentProps = {
     isWithAnimation?: boolean;
 };
 export declare const DrawerContent: FC<PropsWithChildren<DrawerContentProps>>;

package/dist/types/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,18 @@
+import { PropsWithChildren } from "react";
+import { FC } from "react";
+import { DropdownContext } from "./DropdownContext";
+import { DropdownTrigger } from "./DropdownTrigger";
+import { DropdownContent } from "./DropdownContent";
+export interface DropdownProps extends Omit<Partial<DropdownContext>, "setIsOpen"> {
+    triggerType?: "click" | "hover";
+    outboundClickActive?: boolean;
+    placement?: DropdownContext["placement"];
+}
+declare const Dropdown: FC<PropsWithChildren<DropdownProps>>;
+declare type DropdownComponent = typeof Dropdown & {
+    Trigger: typeof DropdownTrigger;
+    Content: typeof DropdownContent;
+};
+declare const _default: DropdownComponent;
+export default _default;
+export declare const DropdownContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/types/components/Dropdown/DropdownContent.d.ts

@@ -0,0 +1,10 @@
+import { FC, HTMLAttributes, PropsWithChildren } from "react";
+export declare type DropdownContentPlacement = "top" | "bottom" | "left" | "right";
+export declare type DropdownContentProps = HTMLAttributes<HTMLDivElement> & {
+    isWithAnimation?: boolean;
+};
+export interface DropdownSize {
+    width: number;
+    height: number;
+}
+export declare const DropdownContent: FC<PropsWithChildren<DropdownContentProps>>;

package/dist/types/components/Dropdown/DropdownContext.d.ts

@@ -0,0 +1,8 @@
+export interface DropdownContext {
+    dropdownRef: React.RefObject<HTMLDivElement>;
+    isOpen: boolean;
+    placement: "top" | "bottom" | "left" | "right";
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    onOpenChange?: (isOpen: boolean) => void;
+}
+export declare const dropdownContext: import("react").Context<DropdownContext | null>;

package/dist/types/components/Dropdown/DropdownTrigger.d.ts

@@ -0,0 +1,2 @@
+import { FC, PropsWithChildren } from "react";
+export declare const DropdownTrigger: FC<PropsWithChildren<unknown>>;

package/dist/types/components/Dropdown/index.d.ts

@@ -0,0 +1,3 @@
+import Dropdown from "./Dropdown";
+export default Dropdown;
+export type { DropdownContentProps, DropdownContentPlacement, } from "./DropdownContent";

package/dist/types/components/Dropdown/useDropdown.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from "react";
+import { DropdownProps } from "./Dropdown";
+export declare const useDropdown: ({ clickArea, triggerType, isOpen, setIsOpen, onOpenChange, }: {
+    clickArea: "root" | "content";
+    triggerType?: DropdownProps["triggerType"];
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    onOpenChange?: ((isOpen: boolean) => void) | undefined;
+}) => HTMLAttributes<HTMLDivElement>;

package/dist/types/hooks/useClickOutside.d.ts

@@ -0,0 +1,3 @@
+import { MutableRefObject } from "react";
+declare const useClickOutside: (ref: MutableRefObject<HTMLElement | null>, handler: (event: MouseEvent) => void) => void;
+export default useClickOutside;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-modern-audio-player",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "homepage": "https://github.com/slash9494/react-modern-audio-player/",
   "module": "dist/index.es.js",
   "main": "dist/index.cjs",
@@ -30,11 +30,9 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@react-spectrum/button": "^3.8.1",
     "@react-spectrum/layout": "^3.3.1",
     "@react-spectrum/provider": "^3.4.1",
     "@react-spectrum/theme-default": "^3.3.1",
-    "@react-spectrum/tooltip": "^3.2.1",
     "@react-spectrum/view": "^3.2.1",
     "@types/styled-components": "^5.1.25",
     "@types/wavesurfer.js": "^6.0.3",

package/dist/types/components/AudioPlayer/Interface/Controller/Tooltip/Volume/Trigger.d.ts

@@ -1 +0,0 @@
-export declare const Trigger: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;