react-modern-audio-player 1.2.5 → 1.4.0-rc.0

package/dist/types/components/AudioPlayer/Audio/index.d.ts

@@ -1,2 +1,4 @@
-import { FC } from "react";
-export declare const Audio: FC;
+import React, { FC } from "react";
+export declare const Audio: FC<{
+    audioRef?: React.MutableRefObject<HTMLAudioElement>;
+}>;

package/dist/types/components/AudioPlayer/Audio/useAudio.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from "react";
+export declare const useAudio: () => HTMLAttributes<HTMLAudioElement>;

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

@@ -4,20 +4,22 @@ import { ActiveUI } from "./element";
 export declare type VolumeSliderPlacement = DropdownContentPlacement;
 export declare type PlayListPlacement = "bottom" | "top";
 export declare type PlayerPlacement = "bottom" | "top" | "bottom-left" | "bottom-right" | "top-left" | "top-right" | "static";
-export declare const interfacePlacementMaxLength = 10;
+export declare const defaultInterfacePlacementMaxLength = 10;
 export declare type InterfacePlacementKey = Exclude<keyof ActiveUI, "all" | "prevNnext" | "trackTime" | "volumeSlider"> | "trackTimeCurrent" | "trackTimeDuration";
-export declare type InterfaceGridTemplateArea = Partial<Record<InterfacePlacementKey, `row${NumbersToUnionNum<typeof interfacePlacementMaxLength>}-${NumbersToUnionNum<typeof interfacePlacementMaxLength>}`>>;
+export declare type InterfaceGridTemplateArea<TMaxLength extends number> = Partial<Record<InterfacePlacementKey, `row${NumbersToUnionNum<TMaxLength>}-${NumbersToUnionNum<TMaxLength>}`>>;
+export declare type InterfaceGridCustomComponentsArea<TMaxLength extends number> = Partial<Record<string, `row${NumbersToUnionNum<TMaxLength>}-${NumbersToUnionNum<TMaxLength>}`>>;
 export declare type InterfaceGridItemArea = Partial<Record<InterfacePlacementKey, string>>;
-export declare type InterfacePlacement = {
-    templateArea?: InterfaceGridTemplateArea;
+export declare type InterfacePlacement<TMaxLength extends number = typeof defaultInterfacePlacementMaxLength> = {
+    templateArea?: InterfaceGridTemplateArea<TMaxLength>;
+    customComponentsArea?: InterfaceGridCustomComponentsArea<TMaxLength>;
     itemCustomArea?: InterfaceGridItemArea;
 };
 export declare const defaultInterfacePlacement: {
-    templateArea: Required<InterfaceGridTemplateArea>;
+    templateArea: Required<InterfaceGridTemplateArea<typeof defaultInterfacePlacementMaxLength>>;
 };
-export interface Placements {
+export interface Placements<TInterfacePlacementLength extends number = typeof defaultInterfacePlacementMaxLength> {
     playListPlacement: PlayListPlacement;
-    interfacePlacement: InterfacePlacement;
+    interfacePlacement: InterfacePlacement<TInterfacePlacementLength>;
     volumeSliderPlacement: VolumeSliderPlacement | undefined;
     playerPlacement: PlayerPlacement | undefined;
 }

package/dist/types/components/AudioPlayer/Context/dispatchContext.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch } from "react";
-import { RepeatType, PlayList, PlayListPlacement, PlayerPlacement, ActiveUI, ElementRefs, CustomIcons, AudioInitialState, InterfacePlacement, CoverImgsCss, VolumeSliderPlacement } from "./StateContext";
-export declare type AudioContextAction = {
+import { RepeatType, PlayList, PlayListPlacement, PlayerPlacement, ActiveUI, ElementRefs, CustomIcons, AudioInitialState, InterfacePlacement, CoverImgsCss, VolumeSliderPlacement, defaultInterfacePlacementMaxLength } from "./StateContext";
+export declare type AudioContextAction<TInterfacePlacementLength extends number = typeof defaultInterfacePlacementMaxLength> = {
     type: "NEXT_AUDIO";
 } | {
     type: "PREV_AUDIO";
@@ -42,7 +42,7 @@ export declare type AudioContextAction = {
     type: "SET_PLACEMENTS";
     playerPlacement?: PlayerPlacement;
     playListPlacement?: PlayListPlacement;
-    interfacePlacement?: InterfacePlacement;
+    interfacePlacement?: InterfacePlacement<TInterfacePlacementLength>;
     volumeSliderPlacement?: VolumeSliderPlacement;
 };
 export declare type AudioPlayerDispatchContext = Dispatch<AudioContextAction>;

package/dist/types/components/AudioPlayer/Interface/Controller/Input/Progress/useProgress.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from "react";
+export declare const useProgress: () => HTMLAttributes<HTMLDivElement>;

package/dist/types/components/AudioPlayer/Interface/Controller/Input/Progress/useWavesurfer.d.ts

@@ -0,0 +1 @@
+export declare const useWaveSurfer: (waveformRef: React.RefObject<HTMLElement>) => void;

package/dist/types/components/AudioPlayer/Interface/CustomComponent/index.d.ts

@@ -0,0 +1,7 @@
+import { GridItemProps } from '../../../Grid/Item';
+import React, { FC } from "react";
+export declare type CustomComponentProps = {
+    children?: React.ReactNode;
+    id: string;
+} & GridItemProps;
+export declare const CustomComponent: FC<CustomComponentProps>;

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

@@ -1,2 +1,6 @@
-import { FC } from "react";
-export declare const Interface: FC;
+import React, { FC } from "react";
+interface InterfaceProps {
+    children: React.ReactNode;
+}
+export declare const Interface: FC<InterfaceProps>;
+export {};

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

@@ -1,16 +1,17 @@
-import { FC } from "react";
 import { ActiveUI, PlayListPlacement, CustomIcons, PlayerPlacement, PlayList, AudioInitialState, InterfacePlacement, CoverImgsCss, VolumeSliderPlacement } from '../../AudioPlayer/Context';
-export interface AudioPlayerProps {
+export interface AudioPlayerProps<TInterfacePlacementLength extends number> {
+    children?: React.ReactNode;
     playList: PlayList;
     audioInitialState?: AudioInitialState;
+    audioRef?: React.MutableRefObject<HTMLAudioElement>;
     activeUI?: ActiveUI;
     customIcons?: CustomIcons;
     coverImgsCss?: CoverImgsCss;
     placement?: {
         player?: PlayerPlacement;
         playList?: PlayListPlacement;
-        interface?: InterfacePlacement;
+        interface?: InterfacePlacement<TInterfacePlacementLength>;
         volumeSlider?: VolumeSliderPlacement;
     };
 }
-export declare const AudioPlayer: FC<AudioPlayerProps>;
+export declare const AudioPlayer: <TInterfacePlacementLength extends number = 10>({ audioRef, children, ...restProps }: AudioPlayerProps<TInterfacePlacementLength>) => JSX.Element;

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

@@ -1,2 +1,2 @@
 import { AudioPlayerProps } from ".";
-export declare const usePropsStateEffect: ({ placement, activeUI, coverImgsCss, audioInitialState, playList, customIcons, }: AudioPlayerProps) => void;
+export declare const usePropsStateEffect: <TInterfacePlacementLength extends number = 10>({ placement, activeUI, coverImgsCss, audioInitialState, playList, customIcons, }: Omit<AudioPlayerProps<TInterfacePlacementLength>, "children">) => void;

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

@@ -1,5 +1,11 @@
 import { SpectrumProviderProps } from '../Provider';
-import { FC } from "react";
+import { defaultInterfacePlacementMaxLength } from "./Context";
+import { CustomComponent } from "./Interface/CustomComponent";
 import { AudioPlayerProps } from "./Player";
-export declare type RMAudioPlayerProps = AudioPlayerProps & SpectrumProviderProps;
-export declare const AudioPlayerWithProvider: FC<RMAudioPlayerProps>;
+export declare type RMAudioPlayerProps<TInterfacePlacementLength extends number = typeof defaultInterfacePlacementMaxLength> = AudioPlayerProps<TInterfacePlacementLength> & SpectrumProviderProps;
+declare const AudioPlayerWithProviders: <TInterfacePlacementLength extends number>({ rootContainerProps, ...audioPlayProps }: RMAudioPlayerProps<TInterfacePlacementLength>) => JSX.Element;
+declare type AudioPlayerComponent = typeof AudioPlayerWithProviders & {
+    CustomComponent: typeof CustomComponent;
+};
+declare const _default: AudioPlayerComponent;
+export default _default;

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

@@ -1,5 +1,4 @@
-import { PropsWithChildren } from "react";
-import { FC } from "react";
+import { PropsWithChildren, FC } from "react";
 import { DrawerContext } from "./DrawerContext";
 import { DrawerTrigger } from "./DrawerTrigger";
 import { DrawerContent } from "./DrawerContent";

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

@@ -1,5 +1,4 @@
-import { PropsWithChildren } from "react";
-import { FC } from "react";
+import { PropsWithChildren, FC } from "react";
 import { DropdownContext } from "./DropdownContext";
 import { DropdownTrigger } from "./DropdownTrigger";
 import { DropdownContent } from "./DropdownContent";

package/dist/types/components/Grid/Item.d.ts

@@ -1,4 +1,4 @@
-import { ViewProps } from "@react-types/view";
+import { ViewProps } from "@react-spectrum/view";
 import { DOMRefValue } from "@react-types/shared";
 export interface GridItemProps extends Omit<ViewProps, "children"> {
     visible?: boolean;

package/dist/types/components/Provider/AudioPlayerProvider.d.ts

@@ -1,3 +1,3 @@
-import { PropsWithChildren, FC } from "react";
+import { PropsWithChildren } from "react";
 import { AudioPlayerProps } from "../AudioPlayer/Player";
-export declare const AudioPlayerProvider: FC<PropsWithChildren<AudioPlayerProps>>;
+export declare const AudioPlayerProvider: <TInterfacePlacementLength extends number = 10>({ children, ...props }: PropsWithChildren<AudioPlayerProps<TInterfacePlacementLength>>) => JSX.Element;

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

@@ -1,2 +1,2 @@
 import { ActiveUI, InterfacePlacement } from '../components/AudioPlayer/Context';
-export declare const useGridTemplate: (activeUI: ActiveUI, templateArea: InterfacePlacement["templateArea"] | undefined) => readonly [string[], string[]];
+export declare const useGridTemplate: (activeUI: ActiveUI, templateArea: InterfacePlacement["templateArea"] | undefined, customComponentsArea?: InterfacePlacement["customComponentsArea"]) => readonly [string[], string[]];

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
-import { AudioPlayerWithProvider as AudioPlayer } from "./components/AudioPlayer";
-export default AudioPlayer;
+import AudioPlayerWithProviders from "./components/AudioPlayer";
+export default AudioPlayerWithProviders;
 export * from "./components/AudioPlayer";
 export * from "./components/AudioPlayer/Context";
 export * from "./components/AudioPlayer/Player";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-modern-audio-player",
-  "version": "1.2.5",
+  "version": "1.4.0-rc.0",
   "author": {
     "name": "LYH",
     "email": "slash9494@naver.com",

package/dist/types/components/AudioPlayer/Audio/Basic.d.ts

@@ -1,2 +0,0 @@
-import { FC } from "react";
-export declare const Basic: FC;

package/dist/types/components/AudioPlayer/Audio/WaveSurfer.d.ts

@@ -1,2 +0,0 @@
-import { FC } from "react";
-export declare const WaveSurferAudio: FC;

package/dist/types/components/AudioPlayer/Audio/useBasicAudio.d.ts

@@ -1,2 +0,0 @@
-import { HTMLAttributes } from "react";
-export declare const useBasicAudio: () => HTMLAttributes<HTMLAudioElement>;

package/dist/types/components/AudioPlayer/Audio/useWaveSurfer.d.ts

@@ -1 +0,0 @@
-export declare const useWaveSurfer: () => null;

package/dist/types/components/AudioPlayer/Interface/Controller/Input/Progress/useBarProgress.d.ts

@@ -1,2 +0,0 @@
-import { HTMLAttributes } from "react";
-export declare const useBarProgress: () => HTMLAttributes<HTMLDivElement>;