@synerise/ds-information-card 1.0.17 → 1.0.19

package/README.md

@@ -38,7 +38,7 @@ import { InformationCardTooltip } from '@synerise/ds-information-card';
     avatarTooltipText: 'Tooltip Text',
   }}
   triggerProps={{
-    popupPlacement: 'top'
+    popupPlacement: 'top',
   }}
 >
   <button>Element to attach infocard to</button>
@@ -122,7 +122,7 @@ Displays a list of icons with value and optional tooltip
 Displays InformationCard as a tooltip with `children` node as trigger
 
 | Property             | Description                             | Type                                                               | Default |
-|----------------------|-----------------------------------------|--------------------------------------------------------------------|---------|
+| -------------------- | --------------------------------------- | ------------------------------------------------------------------ | ------- |
 | informationCardProps | Props for rendering the InformationCard | `InformationCardProps`                                             | -       |
 | triggerProps         | Trigger props. See rc-trigger           | `Partial<TriggerProps> & { ref?: React.LegacyRef<TriggerHandle> }` | -       |
 | children             | trigger element                         | `ReactNode`                                                        | -       |

package/dist/InformationCard.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import 'rc-trigger/assets/index.less';
+import React from 'react';
 declare const InformationCard: React.ForwardRefExoticComponent<{
     actionButton?: boolean | (() => React.ReactNode) | undefined;
     actionButtonCallback?: (() => void) | undefined;

package/dist/InformationCard.js

@@ -1,17 +1,17 @@
 var _excluded = ["actionButton", "actionButtonTooltipText", "actionButtonCallback", "actionsMenu", "asTooltip", "avatarTooltipText", "copyTooltip", "copiedTooltip", "renderFooter", "renderBadge", "subtitle", "title", "notice", "footerText", "icon", "iconColor", "descriptionConfig", "className", "renderAdditionalDescription", "propertyListItems", "summaryItems"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { forwardRef, useState, useRef, useEffect } from 'react';
-import { SegmentM } from '@synerise/ds-icon';
+import "rc-trigger/assets/index.css";
+import React, { forwardRef, useEffect, useRef, useState } from 'react';
 import Card from '@synerise/ds-card';
-import { useResizeObserver } from '@synerise/ds-utils';
 import { RowWrapper } from '@synerise/ds-description/dist/Row/DescriptionRow.styles';
-import "rc-trigger/assets/index.css";
+import { SegmentM } from '@synerise/ds-icon';
+import { useResizeObserver } from '@synerise/ds-utils';
 import * as S from './InformationCard.styles';
-import { InformationCardFooter } from './InformationCardFooter/InformationCardFooter';
 import { buildIconBadge } from './InformationCard.utils';
 import { InformationCardActions } from './InformationCardActions/InformationCardActions';
 import { InformationCardDescription } from './InformationCardDescription/InformationCardDescription';
+import { InformationCardFooter } from './InformationCardFooter/InformationCardFooter';
 import { InformationCardPropertyList } from './InformationCardPropertyList/InformationCardPropertyList';
 import { InformationCardSummary } from './InformationCardSummary/InformationCardSummary';
 var InformationCard = /*#__PURE__*/forwardRef(function (_ref, ref) {

package/dist/InformationCard.styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const Flex: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Copyable: import("styled-components").StyledComponent<({ copyValue, texts, className, onMouseEnter, onMouseLeave }: import("@synerise/ds-description/dist/Row/Copy.types").CopyProps) => import("react").JSX.Element, any, {}, never>;
+export declare const Copyable: import("styled-components").StyledComponent<({ copyValue, texts, className, onMouseEnter, onMouseLeave, }: import("@synerise/ds-description/dist/Row/Copy.types").CopyProps) => import("react").JSX.Element, any, {}, never>;
 export declare const Divider: import("styled-components").StyledComponent<(props: import("@synerise/ds-divider").DividerProps) => import("react").JSX.Element, any, {}, never>;
 export declare const FooterWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ActionsMenuItems: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -32,7 +32,7 @@ export declare const HidePopoverArrowWrapper: import("styled-components").Styled
 export declare const GlobalCSSHidePopoverArrow: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
 export declare const ExtraInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TooltipComponentClassName: import("styled-components").StyledComponent<"div", any, {
-    tooltipType: import("@synerise/ds-tooltip").tooltipTypes;
+    tooltipType: import("@synerise/ds-tooltip").TooltipTypes;
 }, never>;
 export declare const InformationCardActionsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const InformationCardPropertyListWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/InformationCard.styles.js

@@ -2,8 +2,8 @@ import styled, { createGlobalStyle, css } from 'styled-components';
 import { CardStyles } from '@synerise/ds-card';
 import { DescriptionCopyable } from '@synerise/ds-description';
 import DSDivider from '@synerise/ds-divider';
-import { macro } from '@synerise/ds-typography';
 import * as S from '@synerise/ds-tooltip/dist/Tooltip.styles';
+import { macro } from '@synerise/ds-typography';
 var INFOCARD_WIDTH = 350;
 export var Flex = styled.div.withConfig({
   displayName: "InformationCardstyles__Flex",

package/dist/InformationCard.types.d.ts

@@ -1,11 +1,11 @@
 import type { ReactNode } from 'react';
+import { type Color, type Size } from '@synerise/ds-avatar/dist/Avatar.types';
+import { type IconProps } from '@synerise/ds-icon';
+import { type SubtleTextAreaProps } from '@synerise/ds-subtle-form/dist/Elements/TextArea/TextArea.types';
 import type { WithHTMLAttributes } from '@synerise/ds-utils';
-import { SubtleTextAreaProps } from '@synerise/ds-subtle-form/dist/Elements/TextArea/TextArea.types';
-import { Color, Size } from '@synerise/ds-avatar/dist/Avatar.types';
-import { IconProps } from '@synerise/ds-icon';
-import { InformationCardPropertyListProps } from './InformationCardPropertyList/InformationCardPropertyList.types';
-import { InformationCardActionsProps } from './InformationCardActions/InformationCardActions.types';
-import { InformationCardSummaryProps } from './InformationCardSummary/InformationCardSummary.types';
+import { type InformationCardActionsProps } from './InformationCardActions/InformationCardActions.types';
+import { type InformationCardPropertyListProps } from './InformationCardPropertyList/InformationCardPropertyList.types';
+import { type InformationCardSummaryProps } from './InformationCardSummary/InformationCardSummary.types';
 export type BadgeData = {
     type?: string;
     title?: string;

package/dist/InformationCard.utils.d.ts

@@ -1,6 +1,6 @@
-import React, { PropsWithChildren } from 'react';
-import { InlineAlertType } from '@synerise/ds-alert/dist/InlineAlert/InlineAlert.types';
-import { BadgeData } from './InformationCard.types';
+import React, { type PropsWithChildren } from 'react';
+import { type InlineAlertType } from '@synerise/ds-alert/dist/InlineAlert/InlineAlert.types';
+import { type BadgeData } from './InformationCard.types';
 export declare function buildInitialsBadge(name: string): React.JSX.Element;
 export declare function buildExtraInfo(message: string, level?: InlineAlertType): React.JSX.Element;
 export declare function getInitials(name: string): string;

package/dist/InformationCardActions/InformationCardActions.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { InformationCardActionsProps } from './InformationCardActions.types';
+import { type InformationCardActionsProps } from './InformationCardActions.types';
 export declare const InformationCardActions: ({ onHeaderClick, navigationLabel, items, menuProps, maxHeight, }: InformationCardActionsProps) => React.JSX.Element;

package/dist/InformationCardActions/InformationCardActions.types.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { MenuItemProps, AntdMenuProps } from '@synerise/ds-menu';
+import { type ReactNode } from 'react';
+import { type AntdMenuProps, type MenuItemProps } from '@synerise/ds-menu';
 export type InformationCardActionsProps = {
     items: MenuItemProps[];
     menuProps?: Partial<AntdMenuProps>;

package/dist/InformationCardDescription/InformationCardDescription.d.ts

@@ -1,5 +1,5 @@
-import React, { ReactNode } from 'react';
-import { SubtleTextAreaProps } from '@synerise/ds-subtle-form/dist/Elements/TextArea/TextArea.types';
+import React, { type ReactNode } from 'react';
+import { type SubtleTextAreaProps } from '@synerise/ds-subtle-form/dist/Elements/TextArea/TextArea.types';
 type InformationCardDescriptionProps = {
     extraInformation?: ReactNode;
     descriptionConfig?: SubtleTextAreaProps | string | null;

package/dist/InformationCardFooter/InformationCardFooter.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { InformationCardFooterProps } from './InformationCardFooter.types';
+import { type InformationCardFooterProps } from './InformationCardFooter.types';
 export declare const InformationCardFooter: ({ actionButton, actionButtonCallback, actionsMenuButtonLabel, actionsMenuButtonOnClick, actionButtonTooltipText, text, }: InformationCardFooterProps) => React.JSX.Element;

package/dist/InformationCardFooter/InformationCardFooter.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
+import Button from '@synerise/ds-button';
 import Icon, { AngleRightS, ArrowRuCircleM } from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip';
 import { Text } from '@synerise/ds-typography';
-import Button from '@synerise/ds-button';
 import * as S from '../InformationCard.styles';
 export var InformationCardFooter = function InformationCardFooter(_ref) {
   var _ref$actionButton = _ref.actionButton,

package/dist/InformationCardFooter/InformationCardFooter.types.d.ts

@@ -1,6 +1,6 @@
-import { MouseEvent } from 'react';
-import { InformationCardActionsProps } from '../InformationCardActions/InformationCardActions.types';
-import { InformationCardProps } from '../InformationCard.types';
+import { type MouseEvent } from 'react';
+import { type InformationCardProps } from '../InformationCard.types';
+import { type InformationCardActionsProps } from '../InformationCardActions/InformationCardActions.types';
 export type InformationCardFooterProps = {
     text: InformationCardProps['footerText'];
     actionsMenuButtonLabel?: InformationCardActionsProps['buttonLabel'];

package/dist/InformationCardPropertyList/InformationCardPropertyList.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { InformationCardPropertyListProps } from './InformationCardPropertyList.types';
-export declare const InformationCardPropertyList: ({ items }: InformationCardPropertyListProps) => React.JSX.Element;
+import { type InformationCardPropertyListProps } from './InformationCardPropertyList.types';
+export declare const InformationCardPropertyList: ({ items, }: InformationCardPropertyListProps) => React.JSX.Element;

package/dist/InformationCardSummary/InformationCardSummary.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { InformationCardSummaryProps } from './InformationCardSummary.types';
-export declare const InformationCardSummary: ({ items }: InformationCardSummaryProps) => React.JSX.Element;
+import { type InformationCardSummaryProps } from './InformationCardSummary.types';
+export declare const InformationCardSummary: ({ items, }: InformationCardSummaryProps) => React.JSX.Element;

package/dist/InformationCardSummary/InformationCardSummary.types.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode, Key } from 'react';
+import type { Key, ReactNode } from 'react';
 import type { TooltipProps } from '@synerise/ds-tooltip';
 export type InformationCardSummaryItem = {
     key?: string | number;

package/dist/InformationCardTooltip/InformationCardTooltip.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { InformationCardTooltipProps } from './InformationCardTooltip.types';
+import { type InformationCardTooltipProps } from './InformationCardTooltip.types';
 export declare const InformationCardTooltip: ({ triggerProps, children, style, informationCardProps, ...rest }: InformationCardTooltipProps) => React.JSX.Element;

package/dist/InformationCardTooltip/InformationCardTooltip.js

@@ -1,8 +1,8 @@
 var _excluded = ["triggerProps", "children", "style", "informationCardProps"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { useCallback, useMemo } from 'react';
 import Trigger from 'rc-trigger';
+import React, { useCallback, useMemo } from 'react';
 import { useTheme } from '@synerise/ds-core';
 import InformationCard from '../InformationCard';
 import { TRIGGER_PLACEMENTS } from './InformationCard.constants';
@@ -32,25 +32,21 @@ export var InformationCardTooltip = function InformationCardTooltip(_ref) {
       adjustY: true
     }, popupAlign == null ? void 0 : popupAlign.overflow)
   }, popupAlign);
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    React.createElement(S.InformationCardTooltipWrapper, _extends({}, rest, {
-      onKeyDown: cancelBubblingEvent,
-      onClick: cancelBubblingEvent
-    }), /*#__PURE__*/React.createElement(Trigger, _extends({
-      builtinPlacements: TRIGGER_PLACEMENTS,
-      defaultPopupVisible: (_triggerProps$default = triggerProps == null ? void 0 : triggerProps.defaultPopupVisible) != null ? _triggerProps$default : false,
-      action: (triggerProps == null ? void 0 : triggerProps.action) || ['click', 'hover'],
-      popupPlacement: (triggerProps == null ? void 0 : triggerProps.popupPlacement) || 'right',
-      popup: renderedInfocard,
-      popupClassName: "ignore-click-outside ds-hide-arrow",
-      mouseEnterDelay: 0.2,
-      popupStyle: {
-        zIndex: zIndex
-      },
-      zIndex: zIndex,
-      popupAlign: triggerPopupAlign
-    }, triggerProps), /*#__PURE__*/React.createElement(S.InformationCardTooltipTrigger, null, children)))
-  );
+  return /*#__PURE__*/React.createElement(S.InformationCardTooltipWrapper, _extends({}, rest, {
+    onKeyDown: cancelBubblingEvent,
+    onClick: cancelBubblingEvent
+  }), /*#__PURE__*/React.createElement(Trigger, _extends({
+    builtinPlacements: TRIGGER_PLACEMENTS,
+    defaultPopupVisible: (_triggerProps$default = triggerProps == null ? void 0 : triggerProps.defaultPopupVisible) != null ? _triggerProps$default : false,
+    action: (triggerProps == null ? void 0 : triggerProps.action) || ['click', 'hover'],
+    popupPlacement: (triggerProps == null ? void 0 : triggerProps.popupPlacement) || 'right',
+    popup: renderedInfocard,
+    popupClassName: "ignore-click-outside ds-hide-arrow",
+    mouseEnterDelay: 0.2,
+    popupStyle: {
+      zIndex: zIndex
+    },
+    zIndex: zIndex,
+    popupAlign: triggerPopupAlign
+  }, triggerProps), /*#__PURE__*/React.createElement(S.InformationCardTooltipTrigger, null, children)));
 };

package/dist/InformationCardTooltip/InformationCardTooltip.types.d.ts

@@ -1,5 +1,5 @@
-import type { Component, HTMLAttributes, ReactNode } from 'react';
 import type { TriggerProps } from 'rc-trigger';
+import type { Component, HTMLAttributes, ReactNode } from 'react';
 import type { InformationCardProps } from '../InformationCard.types';
 export type TriggerHandle = Component<TriggerProps> & {
     getPopupDomNode: () => HTMLElement;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 export { default } from './InformationCard';
 export { InformationCardPropertyList } from './InformationCardPropertyList/InformationCardPropertyList';
 export type { InformationCardPropertyItem, InformationCardPropertyItemTypes, InformationCardPropertyListProps, } from './InformationCardPropertyList/InformationCardPropertyList.types';
-export { buildExtraInfo, buildIconBadge, buildInitialsBadge } from './InformationCard.utils';
+export { buildExtraInfo, buildIconBadge, buildInitialsBadge, } from './InformationCard.utils';
 export type { InformationCardProps } from './InformationCard.types';
 export { InformationCardTooltip } from './InformationCardTooltip/InformationCardTooltip';
 export { TRIGGER_PLACEMENTS } from './InformationCardTooltip/InformationCard.constants';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-information-card",
-  "version": "1.0.17",
+  "version": "1.0.19",
   "description": "InformationCard UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -35,21 +35,21 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-alert": "^1.1.6",
-    "@synerise/ds-avatar": "^1.0.12",
-    "@synerise/ds-badge": "^1.0.12",
-    "@synerise/ds-button": "^1.4.1",
-    "@synerise/ds-card": "^1.2.0",
-    "@synerise/ds-description": "^1.1.1",
-    "@synerise/ds-divider": "^1.0.12",
-    "@synerise/ds-dropdown": "^1.0.14",
-    "@synerise/ds-icon": "^1.5.3",
-    "@synerise/ds-menu": "^1.0.13",
-    "@synerise/ds-scrollbar": "^1.1.1",
-    "@synerise/ds-subtle-form": "^1.1.10",
-    "@synerise/ds-tooltip": "^1.1.11",
-    "@synerise/ds-typography": "^1.0.12",
-    "@synerise/ds-utils": "^1.3.0",
+    "@synerise/ds-alert": "^1.1.7",
+    "@synerise/ds-avatar": "^1.0.13",
+    "@synerise/ds-badge": "^1.0.13",
+    "@synerise/ds-button": "^1.4.2",
+    "@synerise/ds-card": "^1.2.1",
+    "@synerise/ds-description": "^1.1.2",
+    "@synerise/ds-divider": "^1.0.13",
+    "@synerise/ds-dropdown": "^1.0.15",
+    "@synerise/ds-icon": "^1.5.4",
+    "@synerise/ds-menu": "^1.0.14",
+    "@synerise/ds-scrollbar": "^1.1.2",
+    "@synerise/ds-subtle-form": "^1.1.12",
+    "@synerise/ds-tooltip": "^1.1.12",
+    "@synerise/ds-typography": "^1.0.13",
+    "@synerise/ds-utils": "^1.3.1",
     "rc-trigger": "^5.3.4"
   },
   "peerDependencies": {
@@ -58,5 +58,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "11fe1d29b2ac23e70c3d5e6ce8ae20201a619a34"
+  "gitHead": "2161bdb04f3db0f79b7d0465ce6b41121f1543ef"
 }