@geekapps/silo-elements-nextjs 0.0.1 → 0.0.2
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/dist/index.d.ts +220 -12
- package/dist/index.js +1696 -10
- package/dist/index.js.map +1 -1
- package/package.json +4 -3
- package/dist/FileUploader.d.ts +0 -3
- package/dist/FileUploader.d.ts.map +0 -1
- package/dist/FileUploader.js +0 -43
- package/dist/FileUploader.js.map +0 -1
- package/dist/ImageUploader.d.ts +0 -3
- package/dist/ImageUploader.d.ts.map +0 -1
- package/dist/ImageUploader.js +0 -71
- package/dist/ImageUploader.js.map +0 -1
- package/dist/MediaUploader.d.ts +0 -3
- package/dist/MediaUploader.d.ts.map +0 -1
- package/dist/MediaUploader.js +0 -47
- package/dist/MediaUploader.js.map +0 -1
- package/dist/VideoPlayer.d.ts +0 -56
- package/dist/VideoPlayer.d.ts.map +0 -1
- package/dist/VideoPlayer.js +0 -738
- package/dist/VideoPlayer.js.map +0 -1
- package/dist/VideoUploader.d.ts +0 -3
- package/dist/VideoUploader.d.ts.map +0 -1
- package/dist/VideoUploader.js +0 -48
- package/dist/VideoUploader.js.map +0 -1
- package/dist/components/DropZone.d.ts +0 -17
- package/dist/components/DropZone.d.ts.map +0 -1
- package/dist/components/DropZone.js +0 -52
- package/dist/components/DropZone.js.map +0 -1
- package/dist/components/ProgressBar.d.ts +0 -9
- package/dist/components/ProgressBar.d.ts.map +0 -1
- package/dist/components/ProgressBar.js +0 -18
- package/dist/components/ProgressBar.js.map +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/types.d.ts +0 -129
- package/dist/types.d.ts.map +0 -1
- package/dist/types.js +0 -2
- package/dist/types.js.map +0 -1
- package/dist/utils/format.d.ts +0 -3
- package/dist/utils/format.d.ts.map +0 -1
- package/dist/utils/format.js +0 -29
- package/dist/utils/format.js.map +0 -1
- package/dist/utils/theme.d.ts +0 -5
- package/dist/utils/theme.d.ts.map +0 -1
- package/dist/utils/theme.js +0 -34
- package/dist/utils/theme.js.map +0 -1
package/dist/MediaUploader.js
DELETED
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useState } from "react";
|
|
4
|
-
import { ImageUploader } from "./ImageUploader.js";
|
|
5
|
-
import { VideoUploader } from "./VideoUploader.js";
|
|
6
|
-
import { FileUploader } from "./FileUploader.js";
|
|
7
|
-
import { resolveTheme, themeToVars } from "./utils/theme.js";
|
|
8
|
-
const TAB_LABELS = {
|
|
9
|
-
image: { label: "Image", icon: "🖼️" },
|
|
10
|
-
video: { label: "Video", icon: "🎬" },
|
|
11
|
-
file: { label: "File", icon: "📎" },
|
|
12
|
-
};
|
|
13
|
-
export function MediaUploader({ tabs = ["image", "video", "file"], defaultTab, imageProps, videoProps, fileProps, className = "", style, theme, onUpload, onError, ...shared }) {
|
|
14
|
-
const [activeTab, setActiveTab] = useState(defaultTab ?? tabs[0] ?? "image");
|
|
15
|
-
const t = resolveTheme(theme);
|
|
16
|
-
const vars = themeToVars(t);
|
|
17
|
-
const containerStyle = {
|
|
18
|
-
...vars,
|
|
19
|
-
display: "flex",
|
|
20
|
-
flexDirection: "column",
|
|
21
|
-
gap: "0",
|
|
22
|
-
width: "100%",
|
|
23
|
-
fontFamily: "var(--silo-font)",
|
|
24
|
-
border: "1px solid var(--silo-border)",
|
|
25
|
-
borderRadius: "var(--silo-radius)",
|
|
26
|
-
overflow: "hidden",
|
|
27
|
-
backgroundColor: "var(--silo-bg)",
|
|
28
|
-
...style,
|
|
29
|
-
};
|
|
30
|
-
return (_jsxs("div", { className: `silo-media-uploader${className ? ` ${className}` : ""}`, style: containerStyle, children: [_jsx("div", { style: { display: "flex", borderBottom: "1px solid var(--silo-border)" }, children: tabs.map((tab) => (_jsxs("button", { onClick: () => setActiveTab(tab), style: {
|
|
31
|
-
flex: 1,
|
|
32
|
-
padding: "10px 8px",
|
|
33
|
-
background: "none",
|
|
34
|
-
border: "none",
|
|
35
|
-
borderBottom: `2px solid ${activeTab === tab ? "var(--silo-accent)" : "transparent"}`,
|
|
36
|
-
cursor: "pointer",
|
|
37
|
-
fontSize: "13px",
|
|
38
|
-
fontWeight: activeTab === tab ? 600 : 400,
|
|
39
|
-
color: activeTab === tab ? "var(--silo-accent)" : "var(--silo-text-muted)",
|
|
40
|
-
transition: "color 0.15s, border-color 0.15s",
|
|
41
|
-
display: "flex",
|
|
42
|
-
alignItems: "center",
|
|
43
|
-
justifyContent: "center",
|
|
44
|
-
gap: "6px",
|
|
45
|
-
}, children: [_jsx("span", { children: TAB_LABELS[tab].icon }), _jsx("span", { children: TAB_LABELS[tab].label })] }, tab))) }), _jsxs("div", { style: { padding: "16px" }, children: [activeTab === "image" && (_jsx(ImageUploader, { ...shared, ...imageProps, ...(theme !== undefined && { theme }), ...(onUpload !== undefined && { onUpload }), ...(onError !== undefined && { onError }) })), activeTab === "video" && (_jsx(VideoUploader, { ...shared, ...videoProps, ...(theme !== undefined && { theme }), ...(onUpload !== undefined && { onUpload }), ...(onError !== undefined && { onError }) })), activeTab === "file" && (_jsx(FileUploader, { ...shared, ...fileProps, ...(theme !== undefined && { theme }), ...(onUpload !== undefined && { onUpload }), ...(onError !== undefined && { onError }) }))] })] }));
|
|
46
|
-
}
|
|
47
|
-
//# sourceMappingURL=MediaUploader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MediaUploader.js","sourceRoot":"","sources":["../src/MediaUploader.tsx"],"names":[],"mappings":"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"}
|
package/dist/VideoPlayer.d.ts
DELETED
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from "react";
|
|
2
|
-
export type VideoSourceType = "dash" | "hls" | "file";
|
|
3
|
-
export type SourceProps = {
|
|
4
|
-
id?: string;
|
|
5
|
-
src: string;
|
|
6
|
-
label?: string;
|
|
7
|
-
type?: VideoSourceType;
|
|
8
|
-
default?: boolean;
|
|
9
|
-
};
|
|
10
|
-
export type SourcesProps = {
|
|
11
|
-
children: ReactNode;
|
|
12
|
-
};
|
|
13
|
-
export type SubtitleProps = {
|
|
14
|
-
src: string;
|
|
15
|
-
srclang: string;
|
|
16
|
-
label: string;
|
|
17
|
-
default?: boolean;
|
|
18
|
-
};
|
|
19
|
-
export type SubtitlesProps = {
|
|
20
|
-
children: ReactNode;
|
|
21
|
-
};
|
|
22
|
-
export type StoryboardFrameProps = {
|
|
23
|
-
start: number;
|
|
24
|
-
end: number;
|
|
25
|
-
image: string;
|
|
26
|
-
x?: number;
|
|
27
|
-
y?: number;
|
|
28
|
-
w?: number;
|
|
29
|
-
h?: number;
|
|
30
|
-
};
|
|
31
|
-
export type StoryboardProps = {
|
|
32
|
-
src?: string;
|
|
33
|
-
fallbackImage?: string;
|
|
34
|
-
width?: number;
|
|
35
|
-
height?: number;
|
|
36
|
-
children?: ReactNode;
|
|
37
|
-
};
|
|
38
|
-
type VideoProps = {
|
|
39
|
-
title?: string;
|
|
40
|
-
description?: string;
|
|
41
|
-
poster?: string;
|
|
42
|
-
children: ReactNode;
|
|
43
|
-
className?: string;
|
|
44
|
-
autoHideControls?: boolean;
|
|
45
|
-
defaultVolume?: number;
|
|
46
|
-
};
|
|
47
|
-
export declare function Sources(_props: SourcesProps): null;
|
|
48
|
-
export declare function Source(_props: SourceProps): null;
|
|
49
|
-
export declare function Subtitles(_props: SubtitlesProps): null;
|
|
50
|
-
export declare function Subtitle(_props: SubtitleProps): null;
|
|
51
|
-
export declare function Storyboard(_props: StoryboardProps): null;
|
|
52
|
-
export declare function StoryboardFrame(_props: StoryboardFrameProps): null;
|
|
53
|
-
export declare function Video({ title, description, poster, children, className, autoHideControls, defaultVolume, }: VideoProps): import("react/jsx-runtime").JSX.Element;
|
|
54
|
-
export declare const VideoPlayer: typeof Video;
|
|
55
|
-
export {};
|
|
56
|
-
//# sourceMappingURL=VideoPlayer.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VideoPlayer.d.ts","sourceRoot":"","sources":["../src/VideoPlayer.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAIV,SAAS,EACV,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;AAEtD,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAmBF,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAQF,wBAAgB,OAAO,CAAC,MAAM,EAAE,YAAY,QAE3C;AAED,wBAAgB,MAAM,CAAC,MAAM,EAAE,WAAW,QAEzC;AAED,wBAAgB,SAAS,CAAC,MAAM,EAAE,cAAc,QAE/C;AAED,wBAAgB,QAAQ,CAAC,MAAM,EAAE,aAAa,QAE7C;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,eAAe,QAEjD;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,oBAAoB,QAE3D;AAED,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,SAAS,EACT,gBAAuB,EACvB,aAAoB,GACrB,EAAE,UAAU,2CAw8BZ;AAED,eAAO,MAAM,WAAW,cAAQ,CAAC"}
|