@up42/up-components 5.5.3 → 5.6.1

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

@@ -1,5 +1,6 @@
 import React from 'react';
-import { SxProps, Theme } from '@mui/material';
+import { BoxProps, SxProps, Theme } from '@mui/material';
+import Prism from 'prismjs';
 import 'prismjs/plugins/line-numbers/prism-line-numbers';
 import 'prismjs/components/prism-json';
 import 'prismjs/components/prism-python';
@@ -7,26 +8,55 @@ import 'prismjs/components/prism-kotlin';
 import 'prismjs/components/prism-java';
 import 'prismjs/components/prism-julia';
 import 'prismjs/components/prism-bash';
-export 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 CodeSnippetItemProps {
+export interface CodeSnippetProps extends Omit<CodeBlockProps, 'code' | 'language'> {
+    snippets: CodeSnippetItemProps[];
+    onCopy?: (code: string) => void;
+    sx?: SxProps<Theme>;
+    /**
+     *  Set value to show specific snippet when component mounts
+     */
+    initialSnippetIndex?: number;
+}
+export interface CodeSnippetItemProps extends CodeBlockProps {
     label: string;
+}
+/**
+ * Documentation: https://up-components.up42.com/?path=/docs/data-display-CodeSnippet--docs
+ */
+export declare const CodeSnippet: ({ snippets, sx, onCopy, initialSnippetIndex, lineNumbers, maxLineLength, }: CodeSnippetProps) => React.JSX.Element;
+export type Languages = keyof typeof Prism.languages;
+export interface CodeBlockProps {
+    /**
+     * the code to display
+     */
     code: string;
+    /**
+     * the language of the code
+     */
     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
+     * show line numbers. defaults to true
      */
-    initialSnippetIndex?: number;
+    lineNumbers?: boolean;
+    /**
+     * maximum characters per line before wrapping. defaults to no limit
+     */
+    maxLineLength?: number;
+    /**
+     * additional styles
+     */
+    sx?: BoxProps['sx'];
+    /**
+     * test id
+     */
+    testId?: string;
 }
 /**
- * Documentation: https://up-components.up42.com/?path=/docs/data-display-CodeSnippet--docs
+ * Not moved to a separate file to prevent the build from failing with "(!) Unused external imports" error.
+ * PrismJS generates unused imports, which causes the build to fail when importing this from a separate file.
  */
-export declare const CodeSnippet: ({ snippets, sx, onCopy, initialSnippetIndex }: CodeSnippetProps) => React.JSX.Element;
+export declare function CodeBlock({ code, language, maxCodeHeight, lineNumbers, maxLineLength, sx, testId, }: CodeBlockProps): React.JSX.Element;

package/dist/esm/types/components/CodeSnippet/languagesMock.d.ts

@@ -0,0 +1,2 @@
+import { Languages } from './CodeSnippet';
+export declare const languagesMock: Record<Languages, string>;

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

@@ -55,7 +55,7 @@ export { EditTagsButton, type EditTagsButtonProps } from './components/EditTagsB
 export { FeatureFlagCheckbox, type FeatureFlagCheckboxProps, } from './components/FeatureFlagCheckbox/FeatureFlagCheckbox';
 export { DocumentationPopover, type DocumentationPopoverProps, } from './components/DocumentationPopover/DocumentationPopover';
 export { CodeInline, type CodeInlineProps } from './components/CodeInline/CodeInline';
-export { CodeSnippet, type CodeSnippetProps, type CodeSnippetItemProps } from './components/CodeSnippet/CodeSnippet';
+export { CodeSnippet, type CodeSnippetProps, type CodeSnippetItemProps, CodeBlock, type CodeBlockProps, } 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, GridRow, GridCell, GridEditInputCell, GridCellModes, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridRowCount, GridSelectedRowCount, gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector, gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector, gridRowsLookupSelector, GRID_DETAIL_PANEL_TOGGLE_COL_DEF, GRID_DETAIL_PANEL_TOGGLE_FIELD, useGridApiContext, useGridApiRef, useGridSelector, } from './components/DataGrid/DataGrid';
 export type { GridColDef, GridRenderEditCellParams, GridCellModesModel, GridCellParams, GridRenderCellParams, GridRowId, GridRowParams, GridRowSelectionModel, GridRowsProp, GridSortModel, GridTreeNodeWithRender, GridColumnHeaderParams, GridEditCellProps, GridInitialState, GridPreProcessEditCellProps, } from './components/DataGrid/DataGrid';

package/dist/esm/types/test-setup.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -11,6 +11,7 @@ import { DatePickerProps, DateTimePickerProps } from '@mui/x-date-pickers-pro';
 import dayjs, { Dayjs } from 'dayjs';
 import { DateRangePickerProps } from '@mui/x-date-pickers-pro/DateRangePicker';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
+import Prism from 'prismjs';
 import { TableProps as TableProps$1 } from '@mui/material/Table';
 import { TableBodyProps as TableBodyProps$1 } from '@mui/material/TableBody';
 import { TableCellProps as TableCellProps$1 } from '@mui/material/TableCell';
@@ -5557,29 +5558,58 @@ interface CodeInlineProps {
  */
 declare const CodeInline: ({ label, text, "data-testid": dataTestId, inlineLabel }: CodeInlineProps) => React__default.JSX.Element;
 
-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 CodeSnippetItemProps {
+interface CodeSnippetProps extends Omit<CodeBlockProps, 'code' | 'language'> {
+    snippets: CodeSnippetItemProps[];
+    onCopy?: (code: string) => void;
+    sx?: SxProps<Theme>;
+    /**
+     *  Set value to show specific snippet when component mounts
+     */
+    initialSnippetIndex?: number;
+}
+interface CodeSnippetItemProps extends CodeBlockProps {
     label: string;
+}
+/**
+ * Documentation: https://up-components.up42.com/?path=/docs/data-display-CodeSnippet--docs
+ */
+declare const CodeSnippet: ({ snippets, sx, onCopy, initialSnippetIndex, lineNumbers, maxLineLength, }: CodeSnippetProps) => React__default.JSX.Element;
+type Languages = keyof typeof Prism.languages;
+interface CodeBlockProps {
+    /**
+     * the code to display
+     */
     code: string;
+    /**
+     * the language of the code
+     */
     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
+     * show line numbers. defaults to true
      */
-    initialSnippetIndex?: number;
+    lineNumbers?: boolean;
+    /**
+     * maximum characters per line before wrapping. defaults to no limit
+     */
+    maxLineLength?: number;
+    /**
+     * additional styles
+     */
+    sx?: BoxProps['sx'];
+    /**
+     * test id
+     */
+    testId?: string;
 }
 /**
- * Documentation: https://up-components.up42.com/?path=/docs/data-display-CodeSnippet--docs
+ * Not moved to a separate file to prevent the build from failing with "(!) Unused external imports" error.
+ * PrismJS generates unused imports, which causes the build to fail when importing this from a separate file.
  */
-declare const CodeSnippet: ({ snippets, sx, onCopy, initialSnippetIndex }: CodeSnippetProps) => React__default.JSX.Element;
+declare function CodeBlock({ code, language, maxCodeHeight, lineNumbers, maxLineLength, sx, testId, }: CodeBlockProps): React__default.JSX.Element;
 
 type TableProps = MUIGlobalOmit<TableProps$1>;
 /**
@@ -5812,5 +5842,5 @@ type ContextState = {
  */
 declare const useAlert: () => ContextState;
 
-export { Alert, Avatar, Badge, Banner, Button, Checkbox, CodeInline, CodeSnippet, ContactBox, ControlButton, CopyButton, DataGrid, DateTime, Divider, DocumentationPopover, EditTagsButton, EmptyState, FeatureCard, FeatureCardHeader, FeatureCardHeaderActions, FeatureFlagCheckbox, FormCheckbox, FormDatePicker, FormDateRangePicker, FormDateRangePickerList, FormDateTimePicker, FormInput, FormRadio, FormSelect, FormSwitch, GridContainer, GridItem, Icon, Illustration, InfoCard, InfoModal, InfoPopover, Input, Link, Loading, Logo, NotFound, PageContainer, PageHeader, Popover, Radio, Select, Slider, StatusLight, Switch, Tab, TabGroup, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, Tabs, Tag, TagsList, ToggleButton, Typography, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useCursorPagination, useDebounce, useQueryParams, useRemotePagination, useToggle };
-export type { AlertProps, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DatePickerDateType, DateRange, DateTimeProps, DividerProps, DocumentationPopoverProps, EditTagsButtonProps, EmptyStateProps, FeatureCardHeaderActionsProps, FeatureCardHeaderProps, FeatureCardProps, FeatureFlagCheckboxProps, FormCheckboxProps, FormDatePickerProps, FormDateRangePickerListProps, FormDateRangePickerProps, FormDateTimePickerProps, FormInputProps, FormRadioProps, FormSelectProps, FormSwitchProps, GridContainerProps, GridItemProps, IconAction, IconProps$1 as IconProps, IllustrationProps, InfoCardProps, InfoModalProps, InfoPopoverProps, InputProps, LinkProps, LoadingProps, LogoProps, MenuAction, NotFoundProps, PageContainerProps, PageHeaderProps, PaginatedResponse, PopoverProps, RadioProps, SelectProps, SliderProps, StatusLightProps, SwitchProps, TabGroupProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableSortLabelProps, TabsProps, TagItem, TagProps, TagsListProps, ToggleButtonProps, TypographyProps, UseToggleResult };
+export { Alert, Avatar, Badge, Banner, Button, Checkbox, CodeBlock, CodeInline, CodeSnippet, ContactBox, ControlButton, CopyButton, DataGrid, DateTime, Divider, DocumentationPopover, EditTagsButton, EmptyState, FeatureCard, FeatureCardHeader, FeatureCardHeaderActions, FeatureFlagCheckbox, FormCheckbox, FormDatePicker, FormDateRangePicker, FormDateRangePickerList, FormDateTimePicker, FormInput, FormRadio, FormSelect, FormSwitch, GridContainer, GridItem, Icon, Illustration, InfoCard, InfoModal, InfoPopover, Input, Link, Loading, Logo, NotFound, PageContainer, PageHeader, Popover, Radio, Select, Slider, StatusLight, Switch, Tab, TabGroup, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, Tabs, Tag, TagsList, ToggleButton, Typography, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useCursorPagination, useDebounce, useQueryParams, useRemotePagination, useToggle };
+export type { AlertProps, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeBlockProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DatePickerDateType, DateRange, DateTimeProps, DividerProps, DocumentationPopoverProps, EditTagsButtonProps, EmptyStateProps, FeatureCardHeaderActionsProps, FeatureCardHeaderProps, FeatureCardProps, FeatureFlagCheckboxProps, FormCheckboxProps, FormDatePickerProps, FormDateRangePickerListProps, FormDateRangePickerProps, FormDateTimePickerProps, FormInputProps, FormRadioProps, FormSelectProps, FormSwitchProps, GridContainerProps, GridItemProps, IconAction, IconProps$1 as IconProps, IllustrationProps, InfoCardProps, InfoModalProps, InfoPopoverProps, InputProps, LinkProps, LoadingProps, LogoProps, MenuAction, NotFoundProps, PageContainerProps, PageHeaderProps, PaginatedResponse, PopoverProps, RadioProps, SelectProps, SliderProps, StatusLightProps, SwitchProps, TabGroupProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableSortLabelProps, TabsProps, TagItem, TagProps, TagsListProps, ToggleButtonProps, TypographyProps, UseToggleResult };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "5.5.3",
+  "version": "5.6.1",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",
@@ -14,10 +14,9 @@
     "dev": "pnpm run storybook",
     "build": "rollup -c --failAfterWarnings",
     "build:watch": "rollup -c -w",
-    "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js --testPathIgnorePatterns=smoke",
-    "test:watch": "jest --watch",
-    "test:cov": "jest --coverage",
-    "test:smoke": "jest -- smoke",
+    "test": "vitest run --exclude='**/smoke.test.*'",
+    "test:watch": "vitest",
+    "test:smoke": "vitest run smoke.test.jsx",
     "storybook": "storybook dev -p 6006",
     "storybook:build": "storybook build",
     "lint": "eslint src/.",
@@ -36,15 +35,8 @@
     "prismjs": "^1.29.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.16.10",
-    "@babel/plugin-transform-runtime": "^7.19.1",
-    "@babel/preset-env": "^7.16.10",
-    "@babel/preset-react": "^7.16.7",
-    "@babel/preset-typescript": "^7.16.7",
-    "@babel/runtime": "^7.27.1",
     "@commitlint/cli": "^17.7.0",
     "@commitlint/config-conventional": "^17.7.0",
-    "@emotion/jest": "^11.7.1",
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
     "@mui/icons-material": "^5.3.0",
@@ -57,11 +49,9 @@
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.6",
     "@storybook/addon-a11y": "^8.6.10",
-    "@storybook/addon-actions": "^8.6.10",
     "@storybook/addon-docs": "^8.6.14",
     "@storybook/addon-essentials": "^8.6.10",
     "@storybook/addon-links": "^8.6.10",
-    "@storybook/addon-mdx-gfm": "^8.6.10",
     "@storybook/manager-api": "^8.6.10",
     "@storybook/react": "^8.6.10",
     "@storybook/react-vite": "^8.6.10",
@@ -69,7 +59,6 @@
     "@svgr/rollup": "^6.2.1",
     "@testing-library/react": "^12.1.2",
     "@testing-library/react-hooks": "^8.0.1",
-    "@types/jest": "^27.4.0",
     "@types/prismjs": "^1.26.0",
     "@types/react": "^17.0.38",
     "@typescript-eslint/eslint-plugin": "^5.10.0",
@@ -85,7 +74,6 @@
     "eslint-plugin-react-hooks": "^4.3.0",
     "eslint-plugin-storybook": "^0.12.0",
     "husky": "^7.0.4",
-    "jest": "^27.4.7",
     "lint-staged": "^12.3.1",
     "prettier": "^2.5.1",
     "react": "^17.0.2",
@@ -99,7 +87,8 @@
     "tslib": "^2.8.1",
     "typescript": "^4.5.4",
     "vite": "^7.1.4",
-    "vite-plugin-svgr": "^4.2.0"
+    "vite-plugin-svgr": "^4.2.0",
+    "vitest": "^3.2.4"
   },
   "peerDependencies": {
     "@emotion/react": "^11.7.1",