@up42/up-components 0.15.2 → 0.16.0

package/dist/esm/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/esm/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/esm/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/esm/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';

package/dist/index.d.ts

@@ -369,12 +369,12 @@ declare type TabProps = MUIGlobalOmit<TabProps$1>;
 declare const Tabs: ({ children, ...props }: TabsProps) => JSX.Element;
 declare const Tab: ({ children, ...props }: TabProps) => JSX.Element;
 
-declare type tab = {
+declare type TabData = {
     label: string | ReactNode;
     content: string | ReactNode;
 };
 declare type TabGroupProps = {
-    tabs: tab[];
+    tabs: TabData[];
     tabContentProps?: BoxProps;
     tabsProps?: TabsProps;
     /**
@@ -588,11 +588,12 @@ interface CopyButtonProps {
     data: string;
     tooltip?: string;
     sx?: SxProps<Theme>;
+    onCopy?: (data: string) => void;
 }
 /**
  * Documentation: https://up-components.up42.dev/?path=/docs/patterns-copybutton
  */
-declare const CopyButton: ({ data, tooltip, sx }: CopyButtonProps) => JSX.Element;
+declare const CopyButton: ({ data, tooltip, sx, onCopy }: CopyButtonProps) => JSX.Element;
 
 declare type PopoverProps = MUIGlobalOmit<PopoverProps$1>;
 /**
@@ -2057,19 +2058,28 @@ interface CodeInlineProps {
 declare const CodeInline: ({ label, text, "data-testid": dataTestId }: CodeInlineProps) => JSX.Element;
 
 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';
-interface CodeSnippetProps {
+interface CodeSnippetItemProps {
+    label: string;
     code: string;
     language: Languages;
     /**
      * limit the code height. defaults to 512px, **roughly** 22 lines
      */
     maxCodeHeight?: string;
+}
+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
  */
-declare const CodeSnippet: ({ code, language, sx, maxCodeHeight }: CodeSnippetProps) => JSX.Element;
+declare const CodeSnippet: ({ snippets, sx, onCopy, initialSnippetIndex }: CodeSnippetProps) => JSX.Element;
 
 declare type TableProps = MUIGlobalOmit<TableProps$1>;
 /**
@@ -2189,4 +2199,4 @@ declare type ContextState = {
  */
 declare const useAlert: () => ContextState;
 
-export { Alert, AlertProps, Avatar, AvatarProps, Badge, BadgeProps, Banner, BannerProps, Box, BoxProps, Button, ButtonProps, Checkbox, CheckboxProps, Chip, ChipProps, CodeInline, CodeInlineProps, CodeSnippet, CodeSnippetProps, ContactBox, ContactBoxProps, Container, ContainerProps, ControlButton, ControlButtonProps, CopyButton, CopyButtonProps, CreateAlertProps, DataGrid, DataGridProps, DatePickerDateType, DateTime, DateTimeProps, DocumentationPopover, DocumentationPopoverProps, EmptyState, EmptyStateProps, FormCheckbox, FormCheckboxProps, FormDatePicker, FormDatePickerProps, FormDateRangePicker, FormDateRangePickerProps, FormInput, FormInputProps, FormRadio, FormRadioProps, FormSelect, FormSelectProps, FormSwitch, FormSwitchProps, Icon, IconProps, InfoCard, InfoCardProps, InfoModal, InfoModalProps, InfoPopover, InfoPopoverProps, Input, InputProps, Link, LinkProps, Loading, LoadingProps, Menu, MenuItem, MenuItemProps, MenuProps, Modal, ModalProps, NotFound, PageHeader, PageHeaderProps, PaginatedResponse, Popover, PopoverProps, Radio, RadioProps, Select, SelectProps, Slider, SliderProps, Switch, SwitchProps, Tab, TabGroup, TabGroupProps, TabProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableSortLabel, TableSortLabelProps, Tabs, TabsProps, Tag, TagProps, Tooltip, TooltipProps, Typography, TypographyProps, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useQueryParams, useRemotePagination };
+export { Alert, AlertProps, Avatar, AvatarProps, Badge, BadgeProps, Banner, BannerProps, Box, BoxProps, Button, ButtonProps, Checkbox, CheckboxProps, Chip, ChipProps, CodeInline, CodeInlineProps, CodeSnippet, CodeSnippetItemProps, CodeSnippetProps, ContactBox, ContactBoxProps, Container, ContainerProps, ControlButton, ControlButtonProps, CopyButton, CopyButtonProps, CreateAlertProps, DataGrid, DataGridProps, DatePickerDateType, DateTime, DateTimeProps, DocumentationPopover, DocumentationPopoverProps, EmptyState, EmptyStateProps, FormCheckbox, FormCheckboxProps, FormDatePicker, FormDatePickerProps, FormDateRangePicker, FormDateRangePickerProps, FormInput, FormInputProps, FormRadio, FormRadioProps, FormSelect, FormSelectProps, FormSwitch, FormSwitchProps, Icon, IconProps, InfoCard, InfoCardProps, InfoModal, InfoModalProps, InfoPopover, InfoPopoverProps, Input, InputProps, Link, LinkProps, Loading, LoadingProps, Menu, MenuItem, MenuItemProps, MenuProps, Modal, ModalProps, NotFound, PageHeader, PageHeaderProps, PaginatedResponse, Popover, PopoverProps, Radio, RadioProps, Select, SelectProps, Slider, SliderProps, Switch, SwitchProps, Tab, TabGroup, TabGroupProps, TabProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableSortLabel, TableSortLabelProps, Tabs, TabsProps, Tag, TagProps, Tooltip, TooltipProps, Typography, TypographyProps, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useQueryParams, useRemotePagination };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "0.15.2",
+  "version": "0.16.0",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",