@ya-accelerators/nextjs-framework 0.0.99 → 0.0.100
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/hooks/localStorage/index.js +9 -2
- package/dist/hooks/localStorage/index.js.map +1 -1
- package/dist/hooks/uploads/index.d.ts +41 -0
- package/dist/hooks/uploads/index.js +177 -0
- package/dist/hooks/uploads/index.js.map +1 -0
- package/dist/i18n/strings/ja-JP.json +9 -1
- package/dist/lib/uploads/index.js +14 -1
- package/dist/lib/uploads/index.js.map +1 -1
- package/dist/styles/tailwind.config.d.ts +3 -0
- package/dist/styles/tailwind.config.js +4 -1
- package/dist/styles/tailwind.config.js.map +1 -1
- package/dist/styles/tailwind.config.ts +4 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/ui/component/button/base.jsx +3 -3
- package/dist/ui/component/button/base.jsx.map +1 -1
- package/dist/ui/component/index.d.ts +5 -0
- package/dist/ui/component/typography/Span/index.d.ts +7 -0
- package/dist/ui/component/typography/Span/index.jsx +12 -0
- package/dist/ui/component/typography/Span/index.jsx.map +1 -0
- package/dist/ui/component/typography/index.d.ts +5 -0
- package/dist/ui/component/typography/index.jsx +2 -0
- package/dist/ui/component/typography/index.jsx.map +1 -1
- package/dist/ui/composite/index.d.ts +18 -12
- package/dist/ui/composite/input/attachment/index.d.ts +18 -0
- package/dist/ui/composite/input/attachment/index.jsx +133 -0
- package/dist/ui/composite/input/attachment/index.jsx.map +1 -0
- package/dist/ui/composite/input/file/index.d.ts +3 -8
- package/dist/ui/composite/input/file/index.jsx +83 -133
- package/dist/ui/composite/input/file/index.jsx.map +1 -1
- package/dist/ui/composite/input/index.d.ts +18 -12
- package/dist/ui/composite/input/index.js +2 -0
- package/dist/ui/composite/input/index.js.map +1 -1
- package/dist/ui/composite/input/list/index.jsx +1 -1
- package/dist/ui/composite/input/list/index.jsx.map +1 -1
- package/dist/ui/layout/form/index.jsx +24 -2
- package/dist/ui/layout/form/index.jsx.map +1 -1
- package/dist/ui/layout/tab/component.jsx +2 -2
- package/dist/ui/layout/tab/component.jsx.map +1 -1
- package/dist/util/index.js +1 -1
- package/dist/util/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -18,7 +18,7 @@ export const BaseButton = ({ size = ControlSize.base, rounded = Rounded.m, borde
|
|
|
18
18
|
}} {...props}>
|
|
19
19
|
{icon && (<Icon icon={icon} className={classNames(size === 'sm' && 'size-control-sm!', size === 'md' && 'size-control-md!', size === 'base' && 'size-control-base!', size === 'lg' && 'size-control-base!', size === 'xl' && 'size-control-lg!', size === '2xl' && 'size-control-2xl!', size === '3xl' && 'size-control-3xl!')}/>)}
|
|
20
20
|
{label && (<>
|
|
21
|
-
<
|
|
21
|
+
<span>{t(label)}</span>
|
|
22
22
|
{icon && <div />}
|
|
23
23
|
</>)}
|
|
24
24
|
{image && (<div className={classNames(image.square ? [getControlSizeClassName(size), 'relative'] : [getControlHeightClassName(size), 'relative'])}>
|
|
@@ -27,15 +27,15 @@ export const BaseButton = ({ size = ControlSize.base, rounded = Rounded.m, borde
|
|
|
27
27
|
</button>);
|
|
28
28
|
};
|
|
29
29
|
export const BaseLink = ({ size = ControlSize.base, rounded = Rounded.m, border, label, icon, image, className, disabled, ...props }) => {
|
|
30
|
-
const t = useTranslations();
|
|
31
30
|
const { href, ...restProps } = props;
|
|
31
|
+
const t = useTranslations();
|
|
32
32
|
const linkClassName = classNames(disabled ? 'clickable-disabled' : 'clickable-enabled', 'size-fit', 'gap-control-padding-md flex items-center justify-center', 'overflow-hidden whitespace-nowrap', 'px-control-padding-base py-control-padding-md', getControlTextSizeClassName(size), getRoundedClassName(rounded), getBorderColorTypeClassName(border), {
|
|
33
33
|
'p-control-padding-sm!': label === undefined && (icon !== undefined || image !== undefined),
|
|
34
34
|
}, className);
|
|
35
35
|
const content = (<>
|
|
36
36
|
{icon && (<Icon icon={icon} className={classNames(size === 'sm' && 'size-control-sm!', size === 'md' && 'size-control-md!', size === 'base' && 'size-control-base!', size === 'lg' && 'size-control-base!', size === 'xl' && 'size-control-lg!', size === '2xl' && 'size-control-2xl!', size === '3xl' && 'size-control-3xl!')}/>)}
|
|
37
37
|
{label && (<>
|
|
38
|
-
<
|
|
38
|
+
<span>{t(label)}</span>
|
|
39
39
|
{icon && <div />}
|
|
40
40
|
</>)}
|
|
41
41
|
{image && (<div className={classNames(image.square ? [getControlSizeClassName(size), 'relative'] : [getControlHeightClassName(size), 'relative'])}>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/button/base.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,YAAY,CAAA;AAC9B,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAI3C,OAAO,EACL,WAAW,EACX,2BAA2B,EAC3B,yBAAyB,EACzB,uBAAuB,EACvB,2BAA2B,EAC3B,mBAAmB,EACnB,OAAO,GACR,MAAM,aAAa,CAAA;AAEpB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,GAAG,WAAW,CAAC,IAAI,EACvB,OAAO,GAAG,OAAO,CAAC,CAAC,EACnB,MAAM,EACN,KAAK,EACL,IAAI,EACJ,KAAK,EACL,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EAQ8C,EAAE,EAAE;IAC1D,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,OAAO,CACL,CAAC,MAAM,CACL,IAAI,CAAC,QAAQ,CACb,SAAS,CAAC,CAAC,UAAU,CACnB,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,WAAW,EACnD,UAAU,EACV,yDAAyD,EACzD,mCAAmC,EACnC,+CAA+C,EAC/C,2BAA2B,CAAC,IAAI,CAAC,EACjC,mBAAmB,CAAC,OAAO,CAAC,EAC5B,2BAA2B,CAAC,MAAM,CAAC,EACnC;YACE,uBAAuB,EAAE,KAAK,KAAK,SAAS,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,CAAC;SAC5F,EACD,SAAS,CACV,CAAC,CACF,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;YACb,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;gBAC1B,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,OAAO,CAAC,CAAC,CAAC,CAAA;YACZ,CAAC;QACH,CAAC,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,IAAI,IAAI,CACP,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,SAAS,CAAC,CAAC,UAAU,CACnB,IAAI,KAAK,IAAI,IAAI,kBAAkB,EACnC,IAAI,KAAK,IAAI,IAAI,kBAAkB,EACnC,IAAI,KAAK,MAAM,IAAI,oBAAoB,EACvC,IAAI,KAAK,IAAI,IAAI,oBAAoB,EACrC,IAAI,KAAK,IAAI,IAAI,kBAAkB,EACnC,IAAI,KAAK,KAAK,IAAI,mBAAmB,EACrC,IAAI,KAAK,KAAK,IAAI,mBAAmB,CACtC,CAAC,EACF,CACH,CACD;MAAA,CAAC,KAAK,IAAI,CACR,EACE;UAAA,CAAC,
|
|
1
|
+
{"version":3,"file":"base.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/button/base.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,11 @@ export declare const Component: {
|
|
|
5
5
|
fallback?: import("react").ReactNode;
|
|
6
6
|
}) => import("react").ReactNode;
|
|
7
7
|
Typography: {
|
|
8
|
+
Span: ({ color, container, disabled, className, children, ...props }: {
|
|
9
|
+
color?: import("..").TextColorTypes;
|
|
10
|
+
container?: boolean;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
} & Omit<import("react").ComponentProps<"span">, "color">) => import("react").JSX.Element;
|
|
8
13
|
Pre: ({ color, container, disabled, className, children, ...props }: {
|
|
9
14
|
color?: import("..").TextColorTypes;
|
|
10
15
|
container?: boolean;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ComponentProps } from 'react';
|
|
2
|
+
import { TextColorTypes } from '../../../theme';
|
|
3
|
+
export declare const Span: ({ color, container, disabled, className, children, ...props }: {
|
|
4
|
+
color?: TextColorTypes;
|
|
5
|
+
container?: boolean;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
} & Omit<ComponentProps<"span">, "color">) => import("react").JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { useTranslations } from 'next-intl';
|
|
4
|
+
import { getTextColorTypeClassName, TextColorTypes } from '../../../theme';
|
|
5
|
+
export const Span = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
|
|
6
|
+
const t = useTranslations();
|
|
7
|
+
const translatedChildren = typeof children === 'string' ? t(children) : children;
|
|
8
|
+
return (<span className={classNames(getTextColorTypeClassName(color, container), 'text-base', 'whitespace-pre-wrap', disabled && 'opacity-50', className)} {...props}>
|
|
9
|
+
{translatedChildren}
|
|
10
|
+
</span>);
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/Span/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAK+B,EAAE,EAAE;IAC3C,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,UAAU,CACnB,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3C,WAAW,EACX,qBAAqB,EACrB,QAAQ,IAAI,YAAY,EACxB,SAAS,CACV,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
export declare const Typography: {
|
|
2
|
+
Span: ({ color, container, disabled, className, children, ...props }: {
|
|
3
|
+
color?: import("../..").TextColorTypes;
|
|
4
|
+
container?: boolean;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
} & Omit<import("react").ComponentProps<"span">, "color">) => import("react").JSX.Element;
|
|
2
7
|
Pre: ({ color, container, disabled, className, children, ...props }: {
|
|
3
8
|
color?: import("../..").TextColorTypes;
|
|
4
9
|
container?: boolean;
|
|
@@ -8,6 +8,7 @@ import * as Label from './Label';
|
|
|
8
8
|
import * as LinkText from './LinkText';
|
|
9
9
|
import * as P from './P';
|
|
10
10
|
import * as Pre from './Pre';
|
|
11
|
+
import * as Span from './Span';
|
|
11
12
|
export const Typography = {
|
|
12
13
|
...H1,
|
|
13
14
|
...H2,
|
|
@@ -19,5 +20,6 @@ export const Typography = {
|
|
|
19
20
|
...LinkText,
|
|
20
21
|
...P,
|
|
21
22
|
...Pre,
|
|
23
|
+
...Span,
|
|
22
24
|
};
|
|
23
25
|
//# sourceMappingURL=index.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/typography/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,MAAM,CAAA;AAC1B,OAAO,KAAK,EAAE,MAAM,MAAM,CAAA;AAC1B,OAAO,KAAK,EAAE,MAAM,MAAM,CAAA;AAC1B,OAAO,KAAK,EAAE,MAAM,MAAM,CAAA;AAC1B,OAAO,KAAK,EAAE,MAAM,MAAM,CAAA;AAC1B,OAAO,KAAK,EAAE,MAAM,MAAM,CAAA;AAC1B,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAChC,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAA;AACtC,OAAO,KAAK,CAAC,MAAM,KAAK,CAAA;AACxB,OAAO,KAAK,GAAG,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/typography/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,MAAM,CAAA;AAC1B,OAAO,KAAK,EAAE,MAAM,MAAM,CAAA;AAC1B,OAAO,KAAK,EAAE,MAAM,MAAM,CAAA;AAC1B,OAAO,KAAK,EAAE,MAAM,MAAM,CAAA;AAC1B,OAAO,KAAK,EAAE,MAAM,MAAM,CAAA;AAC1B,OAAO,KAAK,EAAE,MAAM,MAAM,CAAA;AAC1B,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAChC,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAA;AACtC,OAAO,KAAK,CAAC,MAAM,KAAK,CAAA;AACxB,OAAO,KAAK,GAAG,MAAM,OAAO,CAAA;AAC5B,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAA;AAE9B,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,GAAG,EAAE;IACL,GAAG,EAAE;IACL,GAAG,EAAE;IACL,GAAG,EAAE;IACL,GAAG,EAAE;IACL,GAAG,EAAE;IACL,GAAG,KAAK;IACR,GAAG,QAAQ;IACX,GAAG,CAAC;IACJ,GAAG,GAAG;IACN,GAAG,IAAI;CACR,CAAA"}
|
|
@@ -140,24 +140,15 @@ export declare const Composite: {
|
|
|
140
140
|
maxListLength?: number;
|
|
141
141
|
isFirstItem: boolean;
|
|
142
142
|
}) => import("react").JSX.Element;
|
|
143
|
-
File: ({ name, accept, multiple, rounded, disabled, required, onChange, uploadPath, className, }: {
|
|
143
|
+
File: ({ name, accept, multiple, rounded, disabled, required, onChange, onDone, uploadPath, className, }: {
|
|
144
144
|
name: string;
|
|
145
145
|
accept?: string;
|
|
146
146
|
multiple?: boolean;
|
|
147
147
|
rounded?: import("..").Rounded;
|
|
148
148
|
disabled?: boolean;
|
|
149
149
|
required?: boolean;
|
|
150
|
-
onChange?: (value?:
|
|
151
|
-
|
|
152
|
-
name: string;
|
|
153
|
-
mimeType: string;
|
|
154
|
-
size: number;
|
|
155
|
-
} | {
|
|
156
|
-
key: string;
|
|
157
|
-
name: string;
|
|
158
|
-
mimeType: string;
|
|
159
|
-
size: number;
|
|
160
|
-
}[]) => void;
|
|
150
|
+
onChange?: (value?: import("../../hooks/uploads").FileUpload | import("../../hooks/uploads").FileUpload[]) => void;
|
|
151
|
+
onDone?: (value?: import("../../hooks/uploads").FileUpload | import("../../hooks/uploads").FileUpload[]) => void;
|
|
161
152
|
uploadPath?: string;
|
|
162
153
|
className?: string;
|
|
163
154
|
}) => import("react").JSX.Element;
|
|
@@ -237,6 +228,21 @@ export declare const Composite: {
|
|
|
237
228
|
disabled?: boolean;
|
|
238
229
|
error?: boolean;
|
|
239
230
|
}) => import("react").JSX.Element;
|
|
231
|
+
Attachment: ({ name, accept, multiple, rounded, size, disabled, required, onChange, uploadPath, className, ref, }: {
|
|
232
|
+
name: string;
|
|
233
|
+
accept?: string;
|
|
234
|
+
multiple?: boolean;
|
|
235
|
+
rounded?: import("..").Rounded;
|
|
236
|
+
size?: number;
|
|
237
|
+
disabled?: boolean;
|
|
238
|
+
required?: boolean;
|
|
239
|
+
onChange?: (value?: import("../../hooks/uploads").FileUpload | import("../../hooks/uploads").FileUpload[]) => void;
|
|
240
|
+
uploadPath?: string;
|
|
241
|
+
className?: string;
|
|
242
|
+
ref?: import("react").Ref<{
|
|
243
|
+
open: () => void;
|
|
244
|
+
}>;
|
|
245
|
+
}) => import("react").JSX.Element;
|
|
240
246
|
};
|
|
241
247
|
DropDown: ({ button, content, position, menuRounded, menuClassName, disabled, }: {
|
|
242
248
|
button: import("react").ComponentProps<({ variant, ...props }: ({
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type Ref } from 'react';
|
|
2
|
+
import { type FileUpload } from '../../../../hooks/uploads';
|
|
3
|
+
import { Rounded } from '../../../theme';
|
|
4
|
+
export declare const Attachment: ({ name, accept, multiple, rounded, size, disabled, required, onChange, uploadPath, className, ref, }: {
|
|
5
|
+
name: string;
|
|
6
|
+
accept?: string;
|
|
7
|
+
multiple?: boolean;
|
|
8
|
+
rounded?: Rounded;
|
|
9
|
+
size?: number;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
required?: boolean;
|
|
12
|
+
onChange?: (value?: FileUpload | FileUpload[]) => void;
|
|
13
|
+
uploadPath?: string;
|
|
14
|
+
className?: string;
|
|
15
|
+
ref?: Ref<{
|
|
16
|
+
open: () => void;
|
|
17
|
+
}>;
|
|
18
|
+
}) => import("react").JSX.Element;
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import ClearIcon from '@mui/icons-material/Clear';
|
|
3
|
+
import CloudUploadOutlinedIcon from '@mui/icons-material/CloudUploadOutlined';
|
|
4
|
+
import DeleteOutlinedIcon from '@mui/icons-material/DeleteOutlined';
|
|
5
|
+
import RefreshIcon from '@mui/icons-material/Refresh';
|
|
6
|
+
import classNames from 'classnames';
|
|
7
|
+
import Image from 'next/image';
|
|
8
|
+
import { useTranslations } from 'next-intl';
|
|
9
|
+
import { useEffect, useImperativeHandle, useRef, useState } from 'react';
|
|
10
|
+
import { useUploads } from '../../../../hooks/uploads';
|
|
11
|
+
import { Component } from '../../../component';
|
|
12
|
+
import { BackgroundColorTypes, BorderColorTypes, BorderWidth, ControlSize, getBackgroundColorTypeClassName, getBorderColorTypeClassName, getRoundedClassName, Rounded, TextColorTypes, } from '../../../theme';
|
|
13
|
+
export const Attachment = ({ name, accept, multiple = false, rounded = Rounded.m, size = 96, disabled, required, onChange, uploadPath = '/_uploads', className, ref, }) => {
|
|
14
|
+
const t = useTranslations();
|
|
15
|
+
const [dropping, setDropping] = useState(false);
|
|
16
|
+
const dragDepth = useRef(0);
|
|
17
|
+
const { pickerRef, committed, batch, previews, addFiles, retryItem, removeItem, openPicker } = useUploads({
|
|
18
|
+
name,
|
|
19
|
+
multiple,
|
|
20
|
+
disabled,
|
|
21
|
+
uploadPath,
|
|
22
|
+
onChange,
|
|
23
|
+
});
|
|
24
|
+
const addFilesRef = useRef(addFiles);
|
|
25
|
+
useImperativeHandle(ref, () => ({ open: openPicker }), [openPicker]);
|
|
26
|
+
useEffect(() => {
|
|
27
|
+
addFilesRef.current = addFiles;
|
|
28
|
+
});
|
|
29
|
+
useEffect(() => {
|
|
30
|
+
if (disabled) {
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
// dragenter / dragleave fire again for every child element the pointer crosses, so the overlay is
|
|
34
|
+
// driven by a depth counter rather than by the last event seen. preventDefault on dragover / drop is
|
|
35
|
+
// what stops the browser navigating to the dropped file instead of handing it over.
|
|
36
|
+
const carriesFiles = (e) => Array.from(e.dataTransfer?.types ?? []).includes('Files');
|
|
37
|
+
const onDragEnter = (e) => {
|
|
38
|
+
if (!carriesFiles(e)) {
|
|
39
|
+
return;
|
|
40
|
+
}
|
|
41
|
+
dragDepth.current += 1;
|
|
42
|
+
setDropping(true);
|
|
43
|
+
};
|
|
44
|
+
const onDragOver = (e) => {
|
|
45
|
+
if (carriesFiles(e)) {
|
|
46
|
+
e.preventDefault();
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
const onDragLeave = (e) => {
|
|
50
|
+
if (!carriesFiles(e)) {
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
dragDepth.current -= 1;
|
|
54
|
+
if (dragDepth.current <= 0) {
|
|
55
|
+
dragDepth.current = 0;
|
|
56
|
+
setDropping(false);
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
const onDrop = (e) => {
|
|
60
|
+
if (!carriesFiles(e)) {
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
e.preventDefault();
|
|
64
|
+
dragDepth.current = 0;
|
|
65
|
+
setDropping(false);
|
|
66
|
+
addFilesRef.current(e.dataTransfer?.files ?? null);
|
|
67
|
+
};
|
|
68
|
+
window.addEventListener('dragenter', onDragEnter);
|
|
69
|
+
window.addEventListener('dragover', onDragOver);
|
|
70
|
+
window.addEventListener('dragleave', onDragLeave);
|
|
71
|
+
window.addEventListener('drop', onDrop);
|
|
72
|
+
return () => {
|
|
73
|
+
window.removeEventListener('dragenter', onDragEnter);
|
|
74
|
+
window.removeEventListener('dragover', onDragOver);
|
|
75
|
+
window.removeEventListener('dragleave', onDragLeave);
|
|
76
|
+
window.removeEventListener('drop', onDrop);
|
|
77
|
+
dragDepth.current = 0;
|
|
78
|
+
setDropping(false);
|
|
79
|
+
};
|
|
80
|
+
}, [disabled]);
|
|
81
|
+
return (<div className={classNames('flex w-full flex-col', className)}>
|
|
82
|
+
<input className='absolute size-0 opacity-0' name={name} value={committed.length === 0 ? '' : JSON.stringify(multiple ? committed : committed[0])} onChange={() => { }} required={required}/>
|
|
83
|
+
<input ref={pickerRef} type='file' accept={accept} multiple={multiple} disabled={disabled} className='hidden' onChange={(e) => addFiles(e.target.files)}/>
|
|
84
|
+
{batch.length > 0 && (<div className='flex w-full gap-control-padding-base overflow-x-auto'>
|
|
85
|
+
{batch.map((it) => (<div key={it.id} style={{ width: `${size}px`, height: `${size}px` }} className={classNames('relative shrink-0 overflow-hidden', getBackgroundColorTypeClassName(BackgroundColorTypes.container), getRoundedClassName(rounded), getBorderColorTypeClassName({
|
|
86
|
+
color: BorderColorTypes.default,
|
|
87
|
+
container: true,
|
|
88
|
+
width: BorderWidth.base,
|
|
89
|
+
type: 'outline',
|
|
90
|
+
}))}>
|
|
91
|
+
{previews[it.ref?.key ?? it.id] === undefined ? (<div className='flex size-full flex-col justify-between p-control-padding-base'>
|
|
92
|
+
<span className='line-clamp-3 break-all text-xs'>{it.name}</span>
|
|
93
|
+
{it.name.includes('.') && (<Component.Typography.Label color={TextColorTypes.sub} className={classNames('w-fit px-control-padding-md text-xs uppercase', getBackgroundColorTypeClassName(BackgroundColorTypes.default), getRoundedClassName(Rounded.s))}>
|
|
94
|
+
<>{it.name.slice(it.name.lastIndexOf('.') + 1)}</>
|
|
95
|
+
</Component.Typography.Label>)}
|
|
96
|
+
</div>) : (<Image src={previews[it.ref?.key ?? it.id]} alt='' fill unoptimized className='object-cover'/>)}
|
|
97
|
+
{it.status === 'uploading' && (<div className={classNames('absolute inset-0 flex items-center justify-center', getBackgroundColorTypeClassName(BackgroundColorTypes.overlay))}>
|
|
98
|
+
<svg viewBox='0 0 36 36' role='progressbar' aria-valuenow={it.progress} aria-valuemin={0} aria-valuemax={100} style={{ width: `${Math.round(size * 0.4)}px`, height: `${Math.round(size * 0.4)}px` }}>
|
|
99
|
+
<circle cx='18' cy='18' r='16' fill='none' strokeWidth='4' className='stroke-primary-container-bg'/>
|
|
100
|
+
<circle cx='18' cy='18' r='16' fill='none' strokeWidth='4' strokeLinecap='round' transform='rotate(-90 18 18)' strokeDasharray={2 * Math.PI * 16} strokeDashoffset={2 * Math.PI * 16 * (1 - it.progress / 100)} className='stroke-primary-default-bg transition-all duration-300 ease-out'/>
|
|
101
|
+
</svg>
|
|
102
|
+
</div>)}
|
|
103
|
+
{it.status === 'error' && (<div className={classNames('absolute inset-0 flex flex-col items-center justify-center gap-control-padding-sm p-control-padding-base', getBackgroundColorTypeClassName(BackgroundColorTypes.overlay))}>
|
|
104
|
+
<Component.Typography.Label color={TextColorTypes.error} container className={classNames('line-clamp-2 px-control-padding-md text-center text-xs', getRoundedClassName(Rounded.s))}>
|
|
105
|
+
<>
|
|
106
|
+
{it.failure?.kind === 'server'
|
|
107
|
+
? `${t('Upload failed')} (${it.failure.status})`
|
|
108
|
+
: it.failure?.kind === 'network'
|
|
109
|
+
? t('Upload failed — network error')
|
|
110
|
+
: t('Upload failed — invalid response')}
|
|
111
|
+
</>
|
|
112
|
+
</Component.Typography.Label>
|
|
113
|
+
<Component.Button variant='text' color={TextColorTypes.primary} size={ControlSize.sm} icon={RefreshIcon} className={classNames('p-control-padding-sm!', getBackgroundColorTypeClassName(BackgroundColorTypes.default), getRoundedClassName(Rounded.half))} aria-label={t('Retry')} onClick={() => retryItem(it)}/>
|
|
114
|
+
</div>)}
|
|
115
|
+
{!disabled && (<Component.Button variant='text' color={TextColorTypes.main} size={ControlSize.sm} icon={it.status === 'uploading' ? ClearIcon : DeleteOutlinedIcon} className={classNames('absolute! top-control-padding-md right-control-padding-md p-control-padding-sm!', getBackgroundColorTypeClassName(BackgroundColorTypes.default), getRoundedClassName(Rounded.half))} aria-label={t(it.status === 'uploading' ? 'Cancel' : 'Remove')} onClick={() => removeItem(it)}/>)}
|
|
116
|
+
</div>))}
|
|
117
|
+
</div>)}
|
|
118
|
+
{dropping && (<div className={classNames('fixed inset-0 z-overlay flex items-center justify-center', getBackgroundColorTypeClassName(BackgroundColorTypes.overlay))}>
|
|
119
|
+
<div className={classNames('flex flex-col items-center gap-control-padding-sm px-2xl py-3xl', getBackgroundColorTypeClassName(BackgroundColorTypes.container), getRoundedClassName(rounded), getBorderColorTypeClassName({
|
|
120
|
+
color: BorderColorTypes.primary,
|
|
121
|
+
container: true,
|
|
122
|
+
width: BorderWidth.lg,
|
|
123
|
+
type: 'outline',
|
|
124
|
+
}))}>
|
|
125
|
+
<CloudUploadOutlinedIcon className='size-control-3xl! opacity-60'/>
|
|
126
|
+
<Component.Typography.P color={TextColorTypes.main} container>
|
|
127
|
+
{multiple ? 'Drop files to upload' : 'Drop a file to upload'}
|
|
128
|
+
</Component.Typography.P>
|
|
129
|
+
</div>
|
|
130
|
+
</div>)}
|
|
131
|
+
</div>);
|
|
132
|
+
};
|
|
133
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/composite/input/attachment/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,6 @@
|
|
|
1
|
+
import { type FileUpload } from '../../../../hooks/uploads';
|
|
1
2
|
import { Rounded } from '../../../theme';
|
|
2
|
-
|
|
3
|
-
key: string;
|
|
4
|
-
name: string;
|
|
5
|
-
mimeType: string;
|
|
6
|
-
size: number;
|
|
7
|
-
};
|
|
8
|
-
export declare const File: ({ name, accept, multiple, rounded, disabled, required, onChange, uploadPath, className, }: {
|
|
3
|
+
export declare const File: ({ name, accept, multiple, rounded, disabled, required, onChange, onDone, uploadPath, className, }: {
|
|
9
4
|
name: string;
|
|
10
5
|
accept?: string;
|
|
11
6
|
multiple?: boolean;
|
|
@@ -13,7 +8,7 @@ export declare const File: ({ name, accept, multiple, rounded, disabled, require
|
|
|
13
8
|
disabled?: boolean;
|
|
14
9
|
required?: boolean;
|
|
15
10
|
onChange?: (value?: FileUpload | FileUpload[]) => void;
|
|
11
|
+
onDone?: (value?: FileUpload | FileUpload[]) => void;
|
|
16
12
|
uploadPath?: string;
|
|
17
13
|
className?: string;
|
|
18
14
|
}) => import("react").JSX.Element;
|
|
19
|
-
export {};
|