react-modern-audio-player 0.0.1 → 1.0.0

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

@@ -3,14 +3,13 @@ import { ActiveUI } from "./element";
 export declare type PlayListPlacement = "bottom" | "top";
 export declare type PlayerPlacement = "bottom" | "top" | "bottom-left" | "bottom-right" | "top-left" | "top-right";
 export declare const interfacePlacementMaxLength = 10;
-declare type InterfacePlacementKey = Exclude<keyof ActiveUI, "all" | "prevNnext" | "trackTime"> | "trackTimeCurrent" | "trackTimeDuration";
+export declare type InterfacePlacementKey = Exclude<keyof ActiveUI, "all" | "prevNnext" | "trackTime"> | "trackTimeCurrent" | "trackTimeDuration";
 export declare type InterfaceGridTemplateArea = Partial<Record<InterfacePlacementKey, `row${NumbersToUnionNum<typeof interfacePlacementMaxLength>}-${NumbersToUnionNum<typeof interfacePlacementMaxLength>}`>>;
 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>;
 };
-export {};

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

@@ -1,6 +1,7 @@
 import { FC } from "react";
 interface PrevNnextBtnProps {
     type: "prev" | "next";
+    visible: boolean;
 }
 export declare const PrevNnextBtn: FC<PrevNnextBtnProps>;
 export {};

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/components/Grid/Item.d.ts

@@ -1,2 +1,7 @@
-import { View } from "@react-spectrum/view";
-export declare const GridItem: typeof View;
+import { ViewProps } from "@react-types/view";
+import { DOMRefValue } from "@react-types/shared";
+export interface GridItemProps extends Omit<ViewProps, "children"> {
+    visible?: boolean;
+    children: React.ReactNode;
+}
+export declare const GridItem: import("react").ForwardRefExoticComponent<GridItemProps & import("react").RefAttributes<import("react").RefAttributes<DOMRefValue<HTMLElement>>>>;

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/dist/types/utils/generateGridTemplateValues.d.ts

@@ -1,5 +1,5 @@
 import { ActiveUI } from '../components/AudioPlayer/Context/StateContext';
-export declare const generateGridTemplateValues: (activeUi: ActiveUI, placement?: Partial<Record<"progress" | "playButton" | "playList" | "volume" | "repeatType" | "trackInfo" | "artwork" | "trackTimeCurrent" | "trackTimeDuration", "row1-1" | "row1-2" | "row1-3" | "row1-4" | "row1-5" | "row1-6" | "row1-7" | "row1-8" | "row1-9" | "row2-1" | "row2-2" | "row2-3" | "row2-4" | "row2-5" | "row2-6" | "row2-7" | "row2-8" | "row2-9" | "row3-1" | "row3-2" | "row3-3" | "row3-4" | "row3-5" | "row3-6" | "row3-7" | "row3-8" | "row3-9" | "row4-1" | "row4-2" | "row4-3" | "row4-4" | "row4-5" | "row4-6" | "row4-7" | "row4-8" | "row4-9" | "row5-1" | "row5-2" | "row5-3" | "row5-4" | "row5-5" | "row5-6" | "row5-7" | "row5-8" | "row5-9" | "row6-1" | "row6-2" | "row6-3" | "row6-4" | "row6-5" | "row6-6" | "row6-7" | "row6-8" | "row6-9" | "row7-1" | "row7-2" | "row7-3" | "row7-4" | "row7-5" | "row7-6" | "row7-7" | "row7-8" | "row7-9" | "row8-1" | "row8-2" | "row8-3" | "row8-4" | "row8-5" | "row8-6" | "row8-7" | "row8-8" | "row8-9" | "row9-1" | "row9-2" | "row9-3" | "row9-4" | "row9-5" | "row9-6" | "row9-7" | "row9-8" | "row9-9">> | undefined) => {
+export declare const generateGridTemplateValues: (activeUi: ActiveUI, placement?: Partial<Record<import('../components/AudioPlayer/Context/StateContext').InterfacePlacementKey, "row1-1" | "row1-2" | "row1-3" | "row1-4" | "row1-5" | "row1-6" | "row1-7" | "row1-8" | "row1-9" | "row2-1" | "row2-2" | "row2-3" | "row2-4" | "row2-5" | "row2-6" | "row2-7" | "row2-8" | "row2-9" | "row3-1" | "row3-2" | "row3-3" | "row3-4" | "row3-5" | "row3-6" | "row3-7" | "row3-8" | "row3-9" | "row4-1" | "row4-2" | "row4-3" | "row4-4" | "row4-5" | "row4-6" | "row4-7" | "row4-8" | "row4-9" | "row5-1" | "row5-2" | "row5-3" | "row5-4" | "row5-5" | "row5-6" | "row5-7" | "row5-8" | "row5-9" | "row6-1" | "row6-2" | "row6-3" | "row6-4" | "row6-5" | "row6-6" | "row6-7" | "row6-8" | "row6-9" | "row7-1" | "row7-2" | "row7-3" | "row7-4" | "row7-5" | "row7-6" | "row7-7" | "row7-8" | "row7-9" | "row8-1" | "row8-2" | "row8-3" | "row8-4" | "row8-5" | "row8-6" | "row8-7" | "row8-8" | "row8-9" | "row9-1" | "row9-2" | "row9-3" | "row9-4" | "row9-5" | "row9-6" | "row9-7" | "row9-8" | "row9-9">> | undefined) => {
     gridAreas: string[];
     gridColumns: string[];
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-modern-audio-player",
-  "version": "0.0.1",
+  "version": "1.0.0",
   "homepage": "https://github.com/slash9494/react-modern-audio-player/",
   "module": "dist/index.es.js",
   "main": "dist/index.cjs",
@@ -10,9 +10,7 @@
     "dist"
   ],
   "exports": {
-    ".": {
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.cjs"
+    ".": { 
     }
   },
   "repository": {
@@ -25,13 +23,14 @@
     "preview": "vite preview",
     "publish": "rm -rf dist && tsc && vite build"
   },
-  "peerDependencies": {},
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "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>>;