@sudobility/documents-components 1.0.8
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/cell-editor.d.ts +33 -0
- package/dist/cell-editor.d.ts.map +1 -0
- package/dist/column-resize.d.ts +33 -0
- package/dist/column-resize.d.ts.map +1 -0
- package/dist/csv-importer.d.ts +33 -0
- package/dist/csv-importer.d.ts.map +1 -0
- package/dist/diff-viewer.d.ts +33 -0
- package/dist/diff-viewer.d.ts.map +1 -0
- package/dist/excel-uploader.d.ts +33 -0
- package/dist/excel-uploader.d.ts.map +1 -0
- package/dist/file-browser.d.ts +33 -0
- package/dist/file-browser.d.ts.map +1 -0
- package/dist/file-icon.d.ts +32 -0
- package/dist/file-icon.d.ts.map +1 -0
- package/dist/file-preview.d.ts +33 -0
- package/dist/file-preview.d.ts.map +1 -0
- package/dist/file-tree.d.ts +33 -0
- package/dist/file-tree.d.ts.map +1 -0
- package/dist/icon-button.d.ts +57 -0
- package/dist/icon-button.d.ts.map +1 -0
- package/dist/import-preview.d.ts +33 -0
- package/dist/import-preview.d.ts.map +1 -0
- package/dist/index.d.ts +26 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.esm.js +1119 -0
- package/dist/index.umd.js +6 -0
- package/dist/json-importer.d.ts +33 -0
- package/dist/json-importer.d.ts.map +1 -0
- package/dist/json-viewer.d.ts +33 -0
- package/dist/json-viewer.d.ts.map +1 -0
- package/dist/key-value-pair.d.ts +56 -0
- package/dist/key-value-pair.d.ts.map +1 -0
- package/dist/markdown-renderer.d.ts +33 -0
- package/dist/markdown-renderer.d.ts.map +1 -0
- package/dist/qr-code-display.d.ts +46 -0
- package/dist/qr-code-display.d.ts.map +1 -0
- package/dist/upload-progress.d.ts +33 -0
- package/dist/upload-progress.d.ts.map +1 -0
- package/dist/wysiwyg-editor.d.ts +8 -0
- package/dist/wysiwyg-editor.d.ts.map +1 -0
- package/package.json +48 -0
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* UcellUeditor Component
|
|
3
|
+
*
|
|
4
|
+
* A reusable UcellUeditor component with full dark mode support.
|
|
5
|
+
* Optimized for accessibility and AI-assisted development.
|
|
6
|
+
*
|
|
7
|
+
* @component
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* <UcellUeditor className="custom-class" />
|
|
11
|
+
* ```
|
|
12
|
+
*
|
|
13
|
+
* @remarks
|
|
14
|
+
* This component supports:
|
|
15
|
+
* - Light and dark themes automatically
|
|
16
|
+
* - Responsive design
|
|
17
|
+
* - Accessibility features
|
|
18
|
+
* - TypeScript type safety
|
|
19
|
+
*
|
|
20
|
+
* @see {@link https://docs.example.com/components/cell-editor}
|
|
21
|
+
*/
|
|
22
|
+
export interface UcellUeditorProps {
|
|
23
|
+
/** Additional CSS classes */
|
|
24
|
+
className?: string;
|
|
25
|
+
/** Component children */
|
|
26
|
+
children?: React.ReactNode;
|
|
27
|
+
/** Disabled state */
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
/** Callback when component is interacted with */
|
|
30
|
+
onClick?: () => void;
|
|
31
|
+
}
|
|
32
|
+
export declare const UcellUeditor: ({ className, children, disabled, onClick, }: UcellUeditorProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
//# sourceMappingURL=cell-editor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cell-editor.d.ts","sourceRoot":"","sources":["../src/cell-editor.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,GAAI,6CAK1B,iBAAiB,4CAmBnB,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* UcolumnUresize Component
|
|
3
|
+
*
|
|
4
|
+
* A reusable UcolumnUresize component with full dark mode support.
|
|
5
|
+
* Optimized for accessibility and AI-assisted development.
|
|
6
|
+
*
|
|
7
|
+
* @component
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* <UcolumnUresize className="custom-class" />
|
|
11
|
+
* ```
|
|
12
|
+
*
|
|
13
|
+
* @remarks
|
|
14
|
+
* This component supports:
|
|
15
|
+
* - Light and dark themes automatically
|
|
16
|
+
* - Responsive design
|
|
17
|
+
* - Accessibility features
|
|
18
|
+
* - TypeScript type safety
|
|
19
|
+
*
|
|
20
|
+
* @see {@link https://docs.example.com/components/column-resize}
|
|
21
|
+
*/
|
|
22
|
+
export interface UcolumnUresizeProps {
|
|
23
|
+
/** Additional CSS classes */
|
|
24
|
+
className?: string;
|
|
25
|
+
/** Component children */
|
|
26
|
+
children?: React.ReactNode;
|
|
27
|
+
/** Disabled state */
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
/** Callback when component is interacted with */
|
|
30
|
+
onClick?: () => void;
|
|
31
|
+
}
|
|
32
|
+
export declare const UcolumnUresize: ({ className, children, disabled, onClick, }: UcolumnUresizeProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
//# sourceMappingURL=column-resize.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"column-resize.d.ts","sourceRoot":"","sources":["../src/column-resize.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,GAAI,6CAK5B,mBAAmB,4CAmBrB,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* UcsvUimporter Component
|
|
3
|
+
*
|
|
4
|
+
* A reusable UcsvUimporter component with full dark mode support.
|
|
5
|
+
* Optimized for accessibility and AI-assisted development.
|
|
6
|
+
*
|
|
7
|
+
* @component
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* <UcsvUimporter className="custom-class" />
|
|
11
|
+
* ```
|
|
12
|
+
*
|
|
13
|
+
* @remarks
|
|
14
|
+
* This component supports:
|
|
15
|
+
* - Light and dark themes automatically
|
|
16
|
+
* - Responsive design
|
|
17
|
+
* - Accessibility features
|
|
18
|
+
* - TypeScript type safety
|
|
19
|
+
*
|
|
20
|
+
* @see {@link https://docs.example.com/components/csv-importer}
|
|
21
|
+
*/
|
|
22
|
+
export interface UcsvUimporterProps {
|
|
23
|
+
/** Additional CSS classes */
|
|
24
|
+
className?: string;
|
|
25
|
+
/** Component children */
|
|
26
|
+
children?: React.ReactNode;
|
|
27
|
+
/** Disabled state */
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
/** Callback when component is interacted with */
|
|
30
|
+
onClick?: () => void;
|
|
31
|
+
}
|
|
32
|
+
export declare const UcsvUimporter: ({ className, children, disabled, onClick, }: UcsvUimporterProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
//# sourceMappingURL=csv-importer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"csv-importer.d.ts","sourceRoot":"","sources":["../src/csv-importer.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,kBAAkB;IACjC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,GAAI,6CAK3B,kBAAkB,4CAmBpB,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* UdiffUviewer Component
|
|
3
|
+
*
|
|
4
|
+
* A reusable UdiffUviewer component with full dark mode support.
|
|
5
|
+
* Optimized for accessibility and AI-assisted development.
|
|
6
|
+
*
|
|
7
|
+
* @component
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* <UdiffUviewer className="custom-class" />
|
|
11
|
+
* ```
|
|
12
|
+
*
|
|
13
|
+
* @remarks
|
|
14
|
+
* This component supports:
|
|
15
|
+
* - Light and dark themes automatically
|
|
16
|
+
* - Responsive design
|
|
17
|
+
* - Accessibility features
|
|
18
|
+
* - TypeScript type safety
|
|
19
|
+
*
|
|
20
|
+
* @see {@link https://docs.example.com/components/diff-viewer}
|
|
21
|
+
*/
|
|
22
|
+
export interface UdiffUviewerProps {
|
|
23
|
+
/** Additional CSS classes */
|
|
24
|
+
className?: string;
|
|
25
|
+
/** Component children */
|
|
26
|
+
children?: React.ReactNode;
|
|
27
|
+
/** Disabled state */
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
/** Callback when component is interacted with */
|
|
30
|
+
onClick?: () => void;
|
|
31
|
+
}
|
|
32
|
+
export declare const UdiffUviewer: ({ className, children, disabled, onClick, }: UdiffUviewerProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
//# sourceMappingURL=diff-viewer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"diff-viewer.d.ts","sourceRoot":"","sources":["../src/diff-viewer.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,GAAI,6CAK1B,iBAAiB,4CAmBnB,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* UexcelUuploader Component
|
|
3
|
+
*
|
|
4
|
+
* A reusable UexcelUuploader component with full dark mode support.
|
|
5
|
+
* Optimized for accessibility and AI-assisted development.
|
|
6
|
+
*
|
|
7
|
+
* @component
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* <UexcelUuploader className="custom-class" />
|
|
11
|
+
* ```
|
|
12
|
+
*
|
|
13
|
+
* @remarks
|
|
14
|
+
* This component supports:
|
|
15
|
+
* - Light and dark themes automatically
|
|
16
|
+
* - Responsive design
|
|
17
|
+
* - Accessibility features
|
|
18
|
+
* - TypeScript type safety
|
|
19
|
+
*
|
|
20
|
+
* @see {@link https://docs.example.com/components/excel-uploader}
|
|
21
|
+
*/
|
|
22
|
+
export interface UexcelUuploaderProps {
|
|
23
|
+
/** Additional CSS classes */
|
|
24
|
+
className?: string;
|
|
25
|
+
/** Component children */
|
|
26
|
+
children?: React.ReactNode;
|
|
27
|
+
/** Disabled state */
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
/** Callback when component is interacted with */
|
|
30
|
+
onClick?: () => void;
|
|
31
|
+
}
|
|
32
|
+
export declare const UexcelUuploader: ({ className, children, disabled, onClick, }: UexcelUuploaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
//# sourceMappingURL=excel-uploader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"excel-uploader.d.ts","sourceRoot":"","sources":["../src/excel-uploader.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,oBAAoB;IACnC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,GAAI,6CAK7B,oBAAoB,4CAmBtB,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* UfileUbrowser Component
|
|
3
|
+
*
|
|
4
|
+
* A reusable UfileUbrowser component with full dark mode support.
|
|
5
|
+
* Optimized for accessibility and AI-assisted development.
|
|
6
|
+
*
|
|
7
|
+
* @component
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* <UfileUbrowser className="custom-class" />
|
|
11
|
+
* ```
|
|
12
|
+
*
|
|
13
|
+
* @remarks
|
|
14
|
+
* This component supports:
|
|
15
|
+
* - Light and dark themes automatically
|
|
16
|
+
* - Responsive design
|
|
17
|
+
* - Accessibility features
|
|
18
|
+
* - TypeScript type safety
|
|
19
|
+
*
|
|
20
|
+
* @see {@link https://docs.example.com/components/file-browser}
|
|
21
|
+
*/
|
|
22
|
+
export interface UfileUbrowserProps {
|
|
23
|
+
/** Additional CSS classes */
|
|
24
|
+
className?: string;
|
|
25
|
+
/** Component children */
|
|
26
|
+
children?: React.ReactNode;
|
|
27
|
+
/** Disabled state */
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
/** Callback when component is interacted with */
|
|
30
|
+
onClick?: () => void;
|
|
31
|
+
}
|
|
32
|
+
export declare const UfileUbrowser: ({ className, children, disabled, onClick, }: UfileUbrowserProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
//# sourceMappingURL=file-browser.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-browser.d.ts","sourceRoot":"","sources":["../src/file-browser.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,kBAAkB;IACjC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,GAAI,6CAK3B,kBAAkB,4CAmBpB,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface FileIconProps {
|
|
3
|
+
/** MIME type or file extension */
|
|
4
|
+
type: string;
|
|
5
|
+
/** Icon size */
|
|
6
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
7
|
+
/** Show colored icon */
|
|
8
|
+
colored?: boolean;
|
|
9
|
+
/** Additional className */
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* FileIcon Component
|
|
14
|
+
*
|
|
15
|
+
* Displays an appropriate icon based on file type or content type.
|
|
16
|
+
* Automatically determines the icon from MIME type or file extension.
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* ```tsx
|
|
20
|
+
* <FileIcon type="image/png" />
|
|
21
|
+
* <FileIcon type="application/pdf" colored />
|
|
22
|
+
* <FileIcon type=".xlsx" size="lg" />
|
|
23
|
+
* ```
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* ```tsx
|
|
27
|
+
* <FileIcon type="video/mp4" colored size="md" />
|
|
28
|
+
* <FileIcon type="application/zip" />
|
|
29
|
+
* ```
|
|
30
|
+
*/
|
|
31
|
+
export declare const FileIcon: React.FC<FileIconProps>;
|
|
32
|
+
//# sourceMappingURL=file-icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-icon.d.ts","sourceRoot":"","sources":["../src/file-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,MAAM,WAAW,aAAa;IAC5B,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB;IAChB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwJ5C,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* UfileUpreview Component
|
|
3
|
+
*
|
|
4
|
+
* A reusable UfileUpreview component with full dark mode support.
|
|
5
|
+
* Optimized for accessibility and AI-assisted development.
|
|
6
|
+
*
|
|
7
|
+
* @component
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* <UfileUpreview className="custom-class" />
|
|
11
|
+
* ```
|
|
12
|
+
*
|
|
13
|
+
* @remarks
|
|
14
|
+
* This component supports:
|
|
15
|
+
* - Light and dark themes automatically
|
|
16
|
+
* - Responsive design
|
|
17
|
+
* - Accessibility features
|
|
18
|
+
* - TypeScript type safety
|
|
19
|
+
*
|
|
20
|
+
* @see {@link https://docs.example.com/components/file-preview}
|
|
21
|
+
*/
|
|
22
|
+
export interface UfileUpreviewProps {
|
|
23
|
+
/** Additional CSS classes */
|
|
24
|
+
className?: string;
|
|
25
|
+
/** Component children */
|
|
26
|
+
children?: React.ReactNode;
|
|
27
|
+
/** Disabled state */
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
/** Callback when component is interacted with */
|
|
30
|
+
onClick?: () => void;
|
|
31
|
+
}
|
|
32
|
+
export declare const UfileUpreview: ({ className, children, disabled, onClick, }: UfileUpreviewProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
//# sourceMappingURL=file-preview.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-preview.d.ts","sourceRoot":"","sources":["../src/file-preview.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,kBAAkB;IACjC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,GAAI,6CAK3B,kBAAkB,4CAmBpB,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* UfileUtree Component
|
|
3
|
+
*
|
|
4
|
+
* A reusable UfileUtree component with full dark mode support.
|
|
5
|
+
* Optimized for accessibility and AI-assisted development.
|
|
6
|
+
*
|
|
7
|
+
* @component
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* <UfileUtree className="custom-class" />
|
|
11
|
+
* ```
|
|
12
|
+
*
|
|
13
|
+
* @remarks
|
|
14
|
+
* This component supports:
|
|
15
|
+
* - Light and dark themes automatically
|
|
16
|
+
* - Responsive design
|
|
17
|
+
* - Accessibility features
|
|
18
|
+
* - TypeScript type safety
|
|
19
|
+
*
|
|
20
|
+
* @see {@link https://docs.example.com/components/file-tree}
|
|
21
|
+
*/
|
|
22
|
+
export interface UfileUtreeProps {
|
|
23
|
+
/** Additional CSS classes */
|
|
24
|
+
className?: string;
|
|
25
|
+
/** Component children */
|
|
26
|
+
children?: React.ReactNode;
|
|
27
|
+
/** Disabled state */
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
/** Callback when component is interacted with */
|
|
30
|
+
onClick?: () => void;
|
|
31
|
+
}
|
|
32
|
+
export declare const UfileUtree: ({ className, children, disabled, onClick, }: UfileUtreeProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
//# sourceMappingURL=file-tree.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-tree.d.ts","sourceRoot":"","sources":["../src/file-tree.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,eAAe;IAC9B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,GAAI,6CAKxB,eAAe,4CAmBjB,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface IconButtonProps {
|
|
3
|
+
/** Icon component to display */
|
|
4
|
+
icon: React.ComponentType<{
|
|
5
|
+
className?: string;
|
|
6
|
+
}>;
|
|
7
|
+
/** Button label for accessibility (required for screen readers) */
|
|
8
|
+
'aria-label': string;
|
|
9
|
+
/** Click handler */
|
|
10
|
+
onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
11
|
+
/** Button size */
|
|
12
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
13
|
+
/** Button shape */
|
|
14
|
+
shape?: 'circle' | 'square' | 'rounded';
|
|
15
|
+
/** Color variant */
|
|
16
|
+
variant?: 'default' | 'primary' | 'secondary' | 'danger' | 'ghost' | 'outline';
|
|
17
|
+
/** Disabled state */
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
/** Button type */
|
|
20
|
+
type?: 'button' | 'submit' | 'reset';
|
|
21
|
+
/** Additional className */
|
|
22
|
+
className?: string;
|
|
23
|
+
/** Tooltip content (optional) */
|
|
24
|
+
title?: string;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* IconButton Component
|
|
28
|
+
*
|
|
29
|
+
* Icon-only button with various sizes, shapes, and variants.
|
|
30
|
+
* Includes proper accessibility attributes for screen readers.
|
|
31
|
+
*
|
|
32
|
+
* @example
|
|
33
|
+
* ```tsx
|
|
34
|
+
* import { TrashIcon } from '@heroicons/react/24/outline';
|
|
35
|
+
*
|
|
36
|
+
* <IconButton
|
|
37
|
+
* icon={TrashIcon}
|
|
38
|
+
* aria-label="Delete item"
|
|
39
|
+
* onClick={handleDelete}
|
|
40
|
+
* />
|
|
41
|
+
* ```
|
|
42
|
+
*
|
|
43
|
+
* @example
|
|
44
|
+
* ```tsx
|
|
45
|
+
* import { CogIcon } from '@heroicons/react/24/outline';
|
|
46
|
+
*
|
|
47
|
+
* <IconButton
|
|
48
|
+
* icon={CogIcon}
|
|
49
|
+
* aria-label="Settings"
|
|
50
|
+
* variant="ghost"
|
|
51
|
+
* size="lg"
|
|
52
|
+
* shape="circle"
|
|
53
|
+
* />
|
|
54
|
+
* ```
|
|
55
|
+
*/
|
|
56
|
+
export declare const IconButton: React.FC<IconButtonProps>;
|
|
57
|
+
//# sourceMappingURL=icon-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../src/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,eAAe;IAC9B,gCAAgC;IAChC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,mEAAmE;IACnE,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,mBAAmB;IACnB,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IACxC,oBAAoB;IACpB,OAAO,CAAC,EACJ,SAAS,GACT,SAAS,GACT,WAAW,GACX,QAAQ,GACR,OAAO,GACP,SAAS,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkFhD,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* UimportUpreview Component
|
|
3
|
+
*
|
|
4
|
+
* A reusable UimportUpreview component with full dark mode support.
|
|
5
|
+
* Optimized for accessibility and AI-assisted development.
|
|
6
|
+
*
|
|
7
|
+
* @component
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* <UimportUpreview className="custom-class" />
|
|
11
|
+
* ```
|
|
12
|
+
*
|
|
13
|
+
* @remarks
|
|
14
|
+
* This component supports:
|
|
15
|
+
* - Light and dark themes automatically
|
|
16
|
+
* - Responsive design
|
|
17
|
+
* - Accessibility features
|
|
18
|
+
* - TypeScript type safety
|
|
19
|
+
*
|
|
20
|
+
* @see {@link https://docs.example.com/components/import-preview}
|
|
21
|
+
*/
|
|
22
|
+
export interface UimportUpreviewProps {
|
|
23
|
+
/** Additional CSS classes */
|
|
24
|
+
className?: string;
|
|
25
|
+
/** Component children */
|
|
26
|
+
children?: React.ReactNode;
|
|
27
|
+
/** Disabled state */
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
/** Callback when component is interacted with */
|
|
30
|
+
onClick?: () => void;
|
|
31
|
+
}
|
|
32
|
+
export declare const UimportUpreview: ({ className, children, disabled, onClick, }: UimportUpreviewProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
//# sourceMappingURL=import-preview.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"import-preview.d.ts","sourceRoot":"","sources":["../src/import-preview.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,oBAAoB;IACnC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,GAAI,6CAK7B,oBAAoB,4CAmBtB,CAAC"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* documents-components
|
|
3
|
+
*
|
|
4
|
+
* Specialized components for the documents domain
|
|
5
|
+
*
|
|
6
|
+
* @package @sudobility/documents-components
|
|
7
|
+
*/
|
|
8
|
+
export * from './cell-editor';
|
|
9
|
+
export * from './column-resize';
|
|
10
|
+
export * from './csv-importer';
|
|
11
|
+
export * from './diff-viewer';
|
|
12
|
+
export * from './excel-uploader';
|
|
13
|
+
export * from './file-browser';
|
|
14
|
+
export * from './file-icon';
|
|
15
|
+
export * from './file-preview';
|
|
16
|
+
export * from './file-tree';
|
|
17
|
+
export * from './icon-button';
|
|
18
|
+
export * from './import-preview';
|
|
19
|
+
export * from './json-importer';
|
|
20
|
+
export * from './json-viewer';
|
|
21
|
+
export * from './key-value-pair';
|
|
22
|
+
export * from './markdown-renderer';
|
|
23
|
+
export * from './qr-code-display';
|
|
24
|
+
export * from './upload-progress';
|
|
25
|
+
export * from './wysiwyg-editor';
|
|
26
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC"}
|