@up42/up-components 0.9.5 → 0.10.0

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { SxProps, Theme } from '@mui/material';
+export interface CopyButtonProps {
+    data: string;
+    tooltip?: string;
+    sx?: SxProps<Theme>;
+}
+/**
+ * Documentation: https://up-components.up42.dev/?path=/docs/patterns-copybutton
+ */
+export declare const CopyButton: ({ data, tooltip, sx }: CopyButtonProps) => JSX.Element;

package/dist/esm/types/components/CopyButton/CopyButton.test.d.ts

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

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

@@ -1,5 +1,6 @@
 export { default as AlarmBell } from './alarm-bell.svg';
 export { default as AppWindowCode } from './app-window-code.svg';
+export { default as ArrowTopRight } from './arrow-top-right.svg';
 export { default as Assignment } from './assignment-circle.svg';
 export { default as Bash } from './bash-circle.svg';
 export { default as Bin } from './bin.svg';

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

@@ -31,6 +31,7 @@ export { Tooltip, type TooltipProps } from './components/Tooltip/Tooltip';
 export { InfoCard, type InfoCardProps } from './components/InfoCard/InfoCard';
 export { Menu, MenuItem, type MenuProps, type MenuItemProps } from './components/Menu/Menu';
 export { ControlButton, type ControlButtonProps } from './components/ControlButton/ControlButton';
+export { CopyButton, type CopyButtonProps } from './components/CopyButton/CopyButton';
 export { Popover, type PopoverProps } from './components/Popover/Popover';
 export { InfoPopover, type InfoPopoverProps } from './components/InfoPopover/InfoPopover';
 export { PageHeader, type PageHeaderProps } from './components/PageHeader/PageHeader';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export { default as tokens } from '@up42/design-system-tokens/dist/json/tokens.json';
 import * as _mui_material from '@mui/material';
-import { BoxProps as BoxProps$1, TextFieldProps, ChipProps as ChipProps$1, AvatarProps as AvatarProps$1, ContainerProps as ContainerProps$1, CheckboxProps as CheckboxProps$1, RadioProps as RadioProps$1, RadioGroupProps, SwitchProps as SwitchProps$1, SelectProps as SelectProps$1, LinkProps as LinkProps$1, TabsProps as TabsProps$1, TabProps as TabProps$1, ModalProps as ModalProps$1, CardProps, AlertProps as AlertProps$1, TooltipProps as TooltipProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, IconButtonProps, PopoverProps as PopoverProps$1, SvgIconProps, BadgeProps as BadgeProps$1 } from '@mui/material';
+import { BoxProps as BoxProps$1, TextFieldProps, ChipProps as ChipProps$1, AvatarProps as AvatarProps$1, ContainerProps as ContainerProps$1, CheckboxProps as CheckboxProps$1, RadioProps as RadioProps$1, RadioGroupProps, SwitchProps as SwitchProps$1, SelectProps as SelectProps$1, LinkProps as LinkProps$1, TabsProps as TabsProps$1, TabProps as TabProps$1, ModalProps as ModalProps$1, CardProps, AlertProps as AlertProps$1, TooltipProps as TooltipProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, IconButtonProps, SxProps, Theme, PopoverProps as PopoverProps$1, SvgIconProps, BadgeProps as BadgeProps$1 } from '@mui/material';
 export * from '@mui/material';
 import { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';
 import * as React from 'react';
@@ -519,6 +519,16 @@ declare type ControlButtonProps = MUIGlobalOmit<IconButtonProps, {
  */
 declare const ControlButton: ({ size, removePadding, children, sx, ...props }: ControlButtonProps) => JSX.Element;
 
+interface CopyButtonProps {
+    data: string;
+    tooltip?: string;
+    sx?: SxProps<Theme>;
+}
+/**
+ * Documentation: https://up-components.up42.dev/?path=/docs/patterns-copybutton
+ */
+declare const CopyButton: ({ data, tooltip, sx }: CopyButtonProps) => JSX.Element;
+
 declare type PopoverProps = MUIGlobalOmit<PopoverProps$1>;
 /**
  * Documentation: https://up-components.up42.dev/?path=/docs/data-display-popover
@@ -564,21 +574,21 @@ declare type LoadingProps = {
  */
 declare const Loading: ({ fullPage, visible, ...rest }: LoadingProps) => JSX.Element | null;
 
-var _g$d, _defs$b;
+var _g$e, _defs$c;
 
-function _extends$R() { _extends$R = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$R.apply(this, arguments); }
+function _extends$S() { _extends$S = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$S.apply(this, arguments); }
 
 var SvgAlarmBell = function SvgAlarmBell(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$R({
+  return /*#__PURE__*/React.createElement("svg", _extends$S({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 16 16"
-  }, props), _g$d || (_g$d = /*#__PURE__*/React.createElement("g", {
+  }, props), _g$e || (_g$e = /*#__PURE__*/React.createElement("g", {
     fill: "currentColor",
     clipPath: "url(#alarm-bell_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M7.993 16a1.89 1.89 0 0 1-1.812-1.359.5.5 0 0 1 .96-.282.89.89 0 0 0 1.71.001.503.503 0 0 1 .62-.34.5.5 0 0 1 .339.621 1.894 1.894 0 0 1-1.817 1.36Zm-5.999-3a.498.498 0 0 1-.394-.808c.004-.005.894-1.292.894-5.191a5.491 5.491 0 0 1 5-5.478V.501a.5.5 0 0 1 1 0v1.022c2.823.254 5 2.616 5 5.478 0 4.202.83 5.124.839 5.132a.504.504 0 0 1-.339.868h-12Zm11.14-1c-.321-.82-.64-2.313-.64-5 0-2.48-2.02-4.5-4.5-4.5a4.505 4.505 0 0 0-4.5 4.5c0 2.639-.387 4.185-.698 5h10.338Z"
-  }))), _defs$b || (_defs$b = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }))), _defs$c || (_defs$c = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "alarm-bell_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M0 0h16v16H0z"
@@ -587,10 +597,10 @@ var SvgAlarmBell = function SvgAlarmBell(props) {
 
 var _path$D, _path2$m;
 
-function _extends$Q() { _extends$Q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Q.apply(this, arguments); }
+function _extends$R() { _extends$R = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$R.apply(this, arguments); }
 
 var SvgAppWindowCode = function SvgAppWindowCode(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$Q({
+  return /*#__PURE__*/React.createElement("svg", _extends$R({
     width: 32,
     height: 32,
     fill: "none",
@@ -604,6 +614,28 @@ var SvgAppWindowCode = function SvgAppWindowCode(props) {
   })));
 };
 
+var _g$d, _defs$b;
+
+function _extends$Q() { _extends$Q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Q.apply(this, arguments); }
+
+var SvgArrowTopRight = function SvgArrowTopRight(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$Q({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 16 17"
+  }, props), _g$d || (_g$d = /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#arrow-top-right_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M4 4.5v1.333h5.727l-6.394 6.394.94.94 6.394-6.394V12.5H12v-8H4Z"
+  }))), _defs$b || (_defs$b = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "arrow-top-right_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M0 .5h16v16H0z"
+  })))));
+};
+
 var _rect$4, _g$c, _defs$a;
 
 function _extends$P() { _extends$P = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$P.apply(this, arguments); }
@@ -1661,6 +1693,7 @@ declare namespace icons {
   export {
     SvgAlarmBell as AlarmBell,
     SvgAppWindowCode as AppWindowCode,
+    SvgArrowTopRight as ArrowTopRight,
     SvgAssignmentCircle as Assignment,
     SvgBashCircle as Bash,
     SvgBin as Bin,
@@ -1904,4 +1937,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, CodeBox, CodeBoxProps, Container, ContainerProps, ControlButton, ControlButtonProps, CreateAlertProps, DataGrid, DataGridProps, DocumentationPopover, DocumentationPopoverProps, EmptyState, EmptyStateProps, FormCheckbox, FormCheckboxProps, 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, 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, formatNumber, theme, useAlert, useQueryParams, useRemotePagination };
+export { Alert, AlertProps, Avatar, AvatarProps, Badge, BadgeProps, Banner, BannerProps, Box, BoxProps, Button, ButtonProps, Checkbox, CheckboxProps, Chip, ChipProps, CodeBox, CodeBoxProps, Container, ContainerProps, ControlButton, ControlButtonProps, CopyButton, CopyButtonProps, CreateAlertProps, DataGrid, DataGridProps, DocumentationPopover, DocumentationPopoverProps, EmptyState, EmptyStateProps, FormCheckbox, FormCheckboxProps, 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, 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, formatNumber, theme, useAlert, useQueryParams, useRemotePagination };

package/package.json

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