@up42/up-components 0.15.1 → 0.16.0

package/dist/cjs/types/components/CodeSnippet/CodeSnippet.d.ts

@@ -8,16 +8,25 @@ import 'prismjs/components/prism-java';
 import 'prismjs/components/prism-julia';
 import 'prismjs/components/prism-bash';
 export declare type Languages = 'DFS' | 'atom' | 'bash' | 'clike' | 'css' | 'extend' | 'html' | 'insertBefore' | 'java' | 'javascript' | 'js' | 'json' | 'julia' | 'kotlin' | 'kt' | 'kts' | 'markup' | 'mathml' | 'plain' | 'plaintext' | 'py' | 'python' | 'rss' | 'sh' | 'shell' | 'ssml' | 'svg' | 'text' | 'txt' | 'webmanifest' | 'xml';
-export interface CodeSnippetProps {
+export interface CodeSnippetItemProps {
+    label: string;
     code: string;
     language: Languages;
     /**
      * limit the code height. defaults to 512px, **roughly** 22 lines
      */
     maxCodeHeight?: string;
+}
+export interface CodeSnippetProps {
+    snippets: CodeSnippetItemProps[];
+    onCopy?: (code: string) => void;
     sx?: SxProps<Theme>;
+    /**
+     *  Set value to show specific snippet when component mounts
+     */
+    initialSnippetIndex?: number;
 }
 /**
  * Documentation: https://up-components.up42.dev/?path=/docs/data-display-CodeSnippet
  */
-export declare const CodeSnippet: ({ code, language, sx, maxCodeHeight }: CodeSnippetProps) => JSX.Element;
+export declare const CodeSnippet: ({ snippets, sx, onCopy, initialSnippetIndex }: CodeSnippetProps) => JSX.Element;

package/dist/cjs/types/components/CopyButton/CopyButton.d.ts

@@ -4,8 +4,9 @@ export interface CopyButtonProps {
     data: string;
     tooltip?: string;
     sx?: SxProps<Theme>;
+    onCopy?: (data: string) => void;
 }
 /**
  * Documentation: https://up-components.up42.dev/?path=/docs/patterns-copybutton
  */
-export declare const CopyButton: ({ data, tooltip, sx }: CopyButtonProps) => JSX.Element;
+export declare const CopyButton: ({ data, tooltip, sx, onCopy }: CopyButtonProps) => JSX.Element;

package/dist/cjs/types/components/TabGroup/TabGroup.d.ts

@@ -1,12 +1,12 @@
 import { ReactNode } from 'react';
-import { TabsProps } from '../Tabs/Tabs';
+import { Tab as TabData, TabsProps } from '../Tabs/Tabs';
 import { BoxProps } from '../Box/Box';
-declare type tab = {
+declare type TabData = {
     label: string | ReactNode;
     content: string | ReactNode;
 };
 export declare type TabGroupProps = {
-    tabs: tab[];
+    tabs: TabData[];
     tabContentProps?: BoxProps;
     tabsProps?: TabsProps;
     /**

package/dist/cjs/types/index.d.ts

@@ -47,7 +47,7 @@ export { Tag, type TagProps } from './components/Tag/Tag';
 export { DateTime, type DateTimeProps } from './components/DateTime/DateTime';
 export { DocumentationPopover, type DocumentationPopoverProps, } from './components/DocumentationPopover/DocumentationPopover';
 export { CodeInline, type CodeInlineProps } from './components/CodeInline/CodeInline';
-export { CodeSnippet, type CodeSnippetProps } from './components/CodeSnippet/CodeSnippet';
+export { CodeSnippet, type CodeSnippetProps, type CodeSnippetItemProps } from './components/CodeSnippet/CodeSnippet';
 export { Table, TableBody, TableCell, TableHead, TableContainer, TableRow, TableFooter, TablePagination, TableSortLabel, type TableProps, type TableBodyProps, type TableCellProps, type TableHeadProps, type TableContainerProps, type TableRowProps, type TableFooterProps, type TablePaginationProps, type TableSortLabelProps, } from './components/Table/Table';
 export { DataGrid, type DataGridProps, type GridColDef, type GridRenderCellParams, type GridRowId, type GridSelectionModel, type GridSortModel, } from './components/DataGrid/DataGrid';
 export { capitalize } from './utils/helpers/capitalize';