react-modern-audio-player 0.0.3 → 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +296 -46
- package/dist/index.cjs +100 -190
- package/dist/index.css +1 -1
- package/dist/index.es.js +203 -273
- package/dist/types/components/AudioPlayer/Context/StateContext/element.d.ts +1 -0
- package/dist/types/components/AudioPlayer/Context/StateContext/placement.d.ts +1 -2
- package/dist/types/components/AudioPlayer/Interface/Controller/Button/PrevNnextBtn.d.ts +1 -0
- package/dist/types/components/Dropdown/Dropdown.d.ts +1 -0
- package/dist/types/components/Grid/Item.d.ts +7 -2
- package/dist/types/utils/generateGridTemplateValues.d.ts +1 -1
- package/package.json +4 -9
|
@@ -3,7 +3,7 @@ import { ActiveUI } from "./element";
|
|
|
3
3
|
export declare type PlayListPlacement = "bottom" | "top";
|
|
4
4
|
export declare type PlayerPlacement = "bottom" | "top" | "bottom-left" | "bottom-right" | "top-left" | "top-right";
|
|
5
5
|
export declare const interfacePlacementMaxLength = 10;
|
|
6
|
-
declare type InterfacePlacementKey = Exclude<keyof ActiveUI, "all" | "prevNnext" | "trackTime"> | "trackTimeCurrent" | "trackTimeDuration";
|
|
6
|
+
export declare type InterfacePlacementKey = Exclude<keyof ActiveUI, "all" | "prevNnext" | "trackTime" | "volumeSlider"> | "trackTimeCurrent" | "trackTimeDuration";
|
|
7
7
|
export declare type InterfaceGridTemplateArea = Partial<Record<InterfacePlacementKey, `row${NumbersToUnionNum<typeof interfacePlacementMaxLength>}-${NumbersToUnionNum<typeof interfacePlacementMaxLength>}`>>;
|
|
8
8
|
export declare type InterfaceGridItemArea = Partial<Record<InterfacePlacementKey, string>>;
|
|
9
9
|
export declare type InterfacePlacement = {
|
|
@@ -13,4 +13,3 @@ export declare type InterfacePlacement = {
|
|
|
13
13
|
export declare const defaultInterfacePlacement: {
|
|
14
14
|
templateArea: Required<InterfaceGridTemplateArea>;
|
|
15
15
|
};
|
|
16
|
-
export {};
|
|
@@ -7,6 +7,7 @@ export interface DropdownProps extends Omit<Partial<DropdownContext>, "setIsOpen
|
|
|
7
7
|
triggerType?: "click" | "hover";
|
|
8
8
|
outboundClickActive?: boolean;
|
|
9
9
|
placement?: DropdownContext["placement"];
|
|
10
|
+
disabled?: boolean;
|
|
10
11
|
}
|
|
11
12
|
declare const Dropdown: FC<PropsWithChildren<DropdownProps>>;
|
|
12
13
|
declare type DropdownComponent = typeof Dropdown & {
|
|
@@ -1,2 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { ViewProps } from "@react-types/view";
|
|
2
|
+
import { DOMRefValue } from "@react-types/shared";
|
|
3
|
+
export interface GridItemProps extends Omit<ViewProps, "children"> {
|
|
4
|
+
visible?: boolean;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare const GridItem: import("react").ForwardRefExoticComponent<GridItemProps & import("react").RefAttributes<import("react").RefAttributes<DOMRefValue<HTMLElement>>>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ActiveUI } from '../components/AudioPlayer/Context/StateContext';
|
|
2
|
-
export declare const generateGridTemplateValues: (activeUi: ActiveUI, placement?: Partial<Record<
|
|
2
|
+
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) => {
|
|
3
3
|
gridAreas: string[];
|
|
4
4
|
gridColumns: string[];
|
|
5
5
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-modern-audio-player",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "1.1.1",
|
|
4
4
|
"homepage": "https://github.com/slash9494/react-modern-audio-player/",
|
|
5
5
|
"module": "dist/index.es.js",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
@@ -9,12 +9,6 @@
|
|
|
9
9
|
"files": [
|
|
10
10
|
"dist"
|
|
11
11
|
],
|
|
12
|
-
"exports": {
|
|
13
|
-
".": {
|
|
14
|
-
"import": "./dist/index.es.js",
|
|
15
|
-
"require": "./dist/index.cjs"
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
12
|
"repository": {
|
|
19
13
|
"type": "git",
|
|
20
14
|
"url": "git+https://github.com/slash9494/react-modern-audio-player.git"
|
|
@@ -23,7 +17,7 @@
|
|
|
23
17
|
"dev": "vite --host",
|
|
24
18
|
"build": "rm -rf dist && tsc && vite build",
|
|
25
19
|
"preview": "vite preview",
|
|
26
|
-
"publish": "
|
|
20
|
+
"publish": "npm publish --access public"
|
|
27
21
|
},
|
|
28
22
|
"peerDependencies": {
|
|
29
23
|
"react": ">=16.8.0",
|
|
@@ -50,5 +44,6 @@
|
|
|
50
44
|
"vite": "^2.9.0",
|
|
51
45
|
"vite-plugin-dts": "^1.1.0",
|
|
52
46
|
"vite-plugin-libcss": "^1.0.5"
|
|
53
|
-
}
|
|
47
|
+
},
|
|
48
|
+
"keywords": ["audio", "player", "react", "react-modern-audio-player"]
|
|
54
49
|
}
|