@synerise/ds-information-card 1.6.3 → 1.6.5

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

package/dist/InformationCard.types.js

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

package/dist/InformationCard.utils.d.ts

@@ -1,6 +1,6 @@
-import React, { type PropsWithChildren } from 'react';
-import { type InlineAlertType } from '@synerise/ds-alert/dist/InlineAlert/InlineAlert.types';
-import { type BadgeData } from './InformationCard.types';
+import { default as React, PropsWithChildren } from 'react';
+import { InlineAlertType } from '@synerise/ds-alert/dist/InlineAlert/InlineAlert.types';
+import { 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/InformationCard.utils.js

@@ -1,36 +1,27 @@
-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); }
-import React from 'react';
-import Alert from '@synerise/ds-alert';
-import Avatar, { ObjectAvatar } from '@synerise/ds-avatar';
-import Badge from '@synerise/ds-badge';
-import Icon from '@synerise/ds-icon';
-import * as S from './InformationCard.styles';
-export function buildInitialsBadge(name) {
-  return /*#__PURE__*/React.createElement(Initials, {
-    name: name
-  });
+import { jsx } from "react/jsx-runtime";
+import Alert from "@synerise/ds-alert";
+import Avatar, { ObjectAvatar } from "@synerise/ds-avatar";
+import Badge from "@synerise/ds-badge";
+import Icon from "@synerise/ds-icon";
+import { ExtraInfo } from "./InformationCard.styles.js";
+function buildInitialsBadge(name) {
+  return /* @__PURE__ */ jsx(Initials, { name });
 }
-export function buildExtraInfo(message, level) {
-  return /*#__PURE__*/React.createElement(S.ExtraInfo, null, /*#__PURE__*/React.createElement(Alert.InlineAlert, {
-    type: level || 'warning',
-    message: message
-  }));
+function buildExtraInfo(message, level) {
+  return /* @__PURE__ */ jsx(ExtraInfo, { children: /* @__PURE__ */ jsx(Alert.InlineAlert, { type: level || "warning", message }) });
 }
-export function getInitials(name) {
-  var hasTokens = name.indexOf(' ') !== -1;
-  return name.substring(0, hasTokens ? 1 : 2) + (hasTokens ? name.charAt(name.lastIndexOf(' ') + 1) : '');
+function getInitials(name) {
+  const hasTokens = name.indexOf(" ") !== -1;
+  return name.substring(0, hasTokens ? 1 : 2) + (hasTokens ? name.charAt(name.lastIndexOf(" ") + 1) : "");
 }
-export function Initials(_ref) {
-  var name = _ref.name,
-    children = _ref.children;
-  return /*#__PURE__*/React.createElement(Badge, null, /*#__PURE__*/React.createElement(Avatar, {
-    size: "medium",
-    shape: "circle",
-    backgroundColor: "blue"
-  }, name && getInitials(name) || children));
+function Initials({
+  name,
+  children
+}) {
+  return /* @__PURE__ */ jsx(Badge, { children: /* @__PURE__ */ jsx(Avatar, { size: "medium", shape: "circle", backgroundColor: "blue", children: name && getInitials(name) || children }) });
 }
-export function buildIconBadge(data) {
-  var avatarExtra = {
+function buildIconBadge(data) {
+  const avatarExtra = {
     object: {}
   };
   if (data.avatarTooltipText) {
@@ -38,10 +29,12 @@ export function buildIconBadge(data) {
       description: data.avatarTooltipText
     };
   }
-  return /*#__PURE__*/React.createElement(ObjectAvatar, _extends({}, avatarExtra, {
-    color: data.iconColor,
-    iconComponent: /*#__PURE__*/React.createElement(Icon, {
-      component: data.iconElement
-    })
-  }));
-}
+  return /* @__PURE__ */ jsx(ObjectAvatar, { ...avatarExtra, color: data.iconColor, iconComponent: /* @__PURE__ */ jsx(Icon, { component: data.iconElement }) });
+}
+export {
+  Initials,
+  buildExtraInfo,
+  buildIconBadge,
+  buildInitialsBadge,
+  getInitials
+};

package/dist/InformationCardActions/InformationCardActions.d.ts

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

package/dist/InformationCardActions/InformationCardActions.js

@@ -1,26 +1,22 @@
-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); }
-import React from 'react';
-import { FormattedMessage } from 'react-intl';
-import Dropdown from '@synerise/ds-dropdown';
-import Menu from '@synerise/ds-menu';
-import Scrollbar from '@synerise/ds-scrollbar';
-import * as S from '../InformationCard.styles';
-var NAV_HEIGHT = 61;
-export var InformationCardActions = function InformationCardActions(_ref) {
-  var onHeaderClick = _ref.onHeaderClick,
-    navigationLabel = _ref.navigationLabel,
-    items = _ref.items,
-    menuProps = _ref.menuProps,
-    maxHeight = _ref.maxHeight;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dropdown.BackAction, {
-    label: navigationLabel || /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.INFORMATION-CARD.QUICK-ACTIONS",
-      defaultMessage: "Quick actions"
-    }),
-    onClick: onHeaderClick
-  }), /*#__PURE__*/React.createElement(S.InformationCardActionsWrapper, null, /*#__PURE__*/React.createElement(Scrollbar, {
-    maxHeight: maxHeight ? maxHeight - NAV_HEIGHT : undefined
-  }, /*#__PURE__*/React.createElement(Menu, _extends({}, menuProps, {
-    dataSource: items
-  })))));
-};
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { FormattedMessage } from "react-intl";
+import Dropdown from "@synerise/ds-dropdown";
+import Menu from "@synerise/ds-menu";
+import Scrollbar from "@synerise/ds-scrollbar";
+import { InformationCardActionsWrapper } from "../InformationCard.styles.js";
+const NAV_HEIGHT = 61;
+const InformationCardActions = ({
+  onHeaderClick,
+  navigationLabel,
+  items,
+  menuProps,
+  maxHeight
+}) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Dropdown.BackAction, { label: navigationLabel || /* @__PURE__ */ jsx(FormattedMessage, { id: "DS.INFORMATION-CARD.QUICK-ACTIONS", defaultMessage: "Quick actions" }), onClick: onHeaderClick }),
+    /* @__PURE__ */ jsx(InformationCardActionsWrapper, { children: /* @__PURE__ */ jsx(Scrollbar, { maxHeight: maxHeight ? maxHeight - NAV_HEIGHT : void 0, children: /* @__PURE__ */ jsx(Menu, { ...menuProps, dataSource: items }) }) })
+  ] });
+};
+export {
+  InformationCardActions
+};

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

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

package/dist/InformationCardActions/InformationCardActions.types.js

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

package/dist/InformationCardDescription/InformationCardDescription.d.ts

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

package/dist/InformationCardDescription/InformationCardDescription.js

@@ -1,32 +1,26 @@
-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); }
-import React, { useState } from 'react';
-import SubtleForm from '@synerise/ds-subtle-form';
-import * as S from '../InformationCard.styles';
-export var InformationCardDescription = function InformationCardDescription(_ref) {
-  var _ref$extraInformation = _ref.extraInformation,
-    extraInformation = _ref$extraInformation === void 0 ? undefined : _ref$extraInformation,
-    descriptionConfig = _ref.descriptionConfig;
-  var _useState = useState(''),
-    description = _useState[0],
-    setDescription = _useState[1];
-  var renderDescription = function renderDescription() {
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import SubtleForm from "@synerise/ds-subtle-form";
+import { DescriptionWrapper, AlertWrapper, NonEditableWrapper } from "../InformationCard.styles.js";
+const InformationCardDescription = ({
+  extraInformation = void 0,
+  descriptionConfig
+}) => {
+  const [description, setDescription] = useState("");
+  const renderDescription = () => {
     if (descriptionConfig) {
-      return typeof descriptionConfig === 'string' ? /*#__PURE__*/React.createElement(S.NonEditableWrapper, null, descriptionConfig) : /*#__PURE__*/React.createElement(SubtleForm.TextArea, _extends({
-        minRows: 1,
-        value: description,
-        onChange: function onChange(value) {
-          descriptionConfig.onChange && descriptionConfig.onChange(value);
-          setDescription(value);
-        },
-        placeholder: "placeholder",
-        suffixTooltip: "Edit"
-      }, descriptionConfig, {
-        disabled: descriptionConfig.disabled
-      }));
+      return typeof descriptionConfig === "string" ? /* @__PURE__ */ jsx(NonEditableWrapper, { children: descriptionConfig }) : /* @__PURE__ */ jsx(SubtleForm.TextArea, { minRows: 1, value: description, onChange: (value) => {
+        descriptionConfig.onChange && descriptionConfig.onChange(value);
+        setDescription(value);
+      }, placeholder: "placeholder", suffixTooltip: "Edit", ...descriptionConfig, disabled: descriptionConfig.disabled });
     }
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
+    return /* @__PURE__ */ jsx(Fragment, {});
   };
-  return /*#__PURE__*/React.createElement(S.DescriptionWrapper, {
-    "data-testid": "information-card-description"
-  }, /*#__PURE__*/React.createElement(S.AlertWrapper, null, extraInformation), descriptionConfig && renderDescription());
-};
+  return /* @__PURE__ */ jsxs(DescriptionWrapper, { "data-testid": "information-card-description", children: [
+    /* @__PURE__ */ jsx(AlertWrapper, { children: extraInformation }),
+    descriptionConfig && renderDescription()
+  ] });
+};
+export {
+  InformationCardDescription
+};

package/dist/InformationCardFooter/InformationCardFooter.d.ts

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

package/dist/InformationCardFooter/InformationCardFooter.js

@@ -1,42 +1,29 @@
-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 * as S from '../InformationCard.styles';
-export var InformationCardFooter = function InformationCardFooter(_ref) {
-  var _ref$actionButton = _ref.actionButton,
-    actionButton = _ref$actionButton === void 0 ? false : _ref$actionButton,
-    actionButtonCallback = _ref.actionButtonCallback,
-    actionsMenuButtonLabel = _ref.actionsMenuButtonLabel,
-    actionsMenuButtonOnClick = _ref.actionsMenuButtonOnClick,
-    _ref$actionButtonTool = _ref.actionButtonTooltipText,
-    actionButtonTooltipText = _ref$actionButtonTool === void 0 ? '' : _ref$actionButtonTool,
-    _ref$text = _ref.text,
-    text = _ref$text === void 0 ? '' : _ref$text;
-  return /*#__PURE__*/React.createElement(S.FooterWrapper, {
-    "data-testid": "information-card-footer",
-    style: {
-      alignItems: 'center'
-    }
-  }, actionsMenuButtonOnClick && /*#__PURE__*/React.createElement(Button, {
-    type: "ghost",
-    mode: "label-icon",
-    onClick: actionsMenuButtonOnClick
-  }, actionsMenuButtonLabel || /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "DS.INFORMATION-CARD.QUICK-ACTIONS",
-    defaultMessage: "Quick actions"
-  }), /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(AngleRightS, null)
-  })), /*#__PURE__*/React.createElement(S.FlexGrow, null, text && /*#__PURE__*/React.createElement(Text, {
-    size: "xsmall"
-  }, text)), /*#__PURE__*/React.createElement(S.ActionButtonContainer, null, actionButton && actionButton === true && /*#__PURE__*/React.createElement(Tooltip, {
-    type: "default",
-    title: actionButtonTooltipText
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "ghost",
-    mode: "single-icon",
-    onClick: actionButtonCallback
-  }, /*#__PURE__*/React.createElement(ArrowRuCircleM, null))) || typeof actionButton === 'function' && actionButton()));
-};
+import { jsxs, jsx } from "react/jsx-runtime";
+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 { FooterWrapper, FlexGrow, ActionButtonContainer } from "../InformationCard.styles.js";
+const InformationCardFooter = ({
+  actionButton = false,
+  actionButtonCallback,
+  actionsMenuButtonLabel,
+  actionsMenuButtonOnClick,
+  actionButtonTooltipText = "",
+  text = ""
+}) => {
+  return /* @__PURE__ */ jsxs(FooterWrapper, { "data-testid": "information-card-footer", style: {
+    alignItems: "center"
+  }, children: [
+    actionsMenuButtonOnClick && /* @__PURE__ */ jsxs(Button, { type: "ghost", mode: "label-icon", onClick: actionsMenuButtonOnClick, children: [
+      actionsMenuButtonLabel || /* @__PURE__ */ jsx(FormattedMessage, { id: "DS.INFORMATION-CARD.QUICK-ACTIONS", defaultMessage: "Quick actions" }),
+      /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(AngleRightS, {}) })
+    ] }),
+    /* @__PURE__ */ jsx(FlexGrow, { children: text && /* @__PURE__ */ jsx(Text, { size: "xsmall", children: text }) }),
+    /* @__PURE__ */ jsx(ActionButtonContainer, { children: actionButton && actionButton === true && /* @__PURE__ */ jsx(Tooltip, { type: "default", title: actionButtonTooltipText, children: /* @__PURE__ */ jsx(Button, { type: "ghost", mode: "single-icon", onClick: actionButtonCallback, children: /* @__PURE__ */ jsx(ArrowRuCircleM, {}) }) }) || typeof actionButton === "function" && actionButton() })
+  ] });
+};
+export {
+  InformationCardFooter
+};

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

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

package/dist/InformationCardFooter/InformationCardFooter.types.js

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

package/dist/InformationCardPropertyList/InformationCardPropertyList.d.ts

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

package/dist/InformationCardPropertyList/InformationCardPropertyList.js

@@ -1,33 +1,35 @@
-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); }
-import React, { useMemo } from 'react';
-import { v4 as uuid } from 'uuid';
-import * as S from '../InformationCard.styles';
-var isDivider = function isDivider(item) {
-  return 'type' in item && item.type === 'divider';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { v4 } from "uuid";
+import { InformationCardPropertyListWrapper, Divider, InformationCardPropertyItem, InformationCardPropertyItemLabel, InformationCardPropertyItemValue } from "../InformationCard.styles.js";
+const isDivider = (item) => {
+  return "type" in item && item.type === "divider";
 };
-export var InformationCardPropertyList = function InformationCardPropertyList(_ref) {
-  var items = _ref.items;
-  var itemsWithIDs = useMemo(function () {
-    return items == null ? void 0 : items.map(function (item) {
-      return _extends({
-        id: uuid()
-      }, item);
-    });
-  }, [items]);
-  return /*#__PURE__*/React.createElement(S.InformationCardPropertyListWrapper, {
-    "data-testid": "information-card-property-list"
-  }, itemsWithIDs == null ? void 0 : itemsWithIDs.map(function (item) {
+const InformationCardPropertyList = ({
+  items
+}) => {
+  const itemsWithIDs = useMemo(() => items?.map((item) => ({
+    id: v4(),
+    ...item
+  })), [items]);
+  return /* @__PURE__ */ jsx(InformationCardPropertyListWrapper, { "data-testid": "information-card-property-list", children: itemsWithIDs?.map((item) => {
     if (isDivider(item)) {
-      return /*#__PURE__*/React.createElement(S.Divider, {
-        dashed: true,
-        key: item.id
-      });
+      return /* @__PURE__ */ jsx(Divider, { dashed: true }, item.id);
     }
-    var label = item.label,
-      value = item.value,
-      id = item.id;
-    return /*#__PURE__*/React.createElement(S.InformationCardPropertyItem, {
-      key: id
-    }, label && /*#__PURE__*/React.createElement(S.InformationCardPropertyItemLabel, null, label, ":"), /*#__PURE__*/React.createElement(S.InformationCardPropertyItemValue, null, value));
-  }));
-};
+    const {
+      label,
+      value,
+      id
+    } = item;
+    return /* @__PURE__ */ jsxs(InformationCardPropertyItem, { children: [
+      label && /* @__PURE__ */ jsxs(InformationCardPropertyItemLabel, { children: [
+        label,
+        ":"
+      ] }),
+      /* @__PURE__ */ jsx(InformationCardPropertyItemValue, { children: value })
+    ] }, id);
+  }) });
+};
+export {
+  InformationCardPropertyList
+};

package/dist/InformationCardPropertyList/InformationCardPropertyList.types.d.ts

@@ -1,4 +1,4 @@
-import type { Key, ReactNode } from 'react';
+import { Key, ReactNode } from 'react';
 export type InformationCardPropertyItemTypes = 'divider';
 export type InformationCardPropertyDivider = {
     type: InformationCardPropertyItemTypes;

package/dist/InformationCardPropertyList/InformationCardPropertyList.types.js

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

package/dist/InformationCardSummary/InformationCardSummary.d.ts

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

package/dist/InformationCardSummary/InformationCardSummary.js

@@ -1,30 +1,29 @@
-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); }
-import React, { useMemo } from 'react';
-import { v4 as uuid } from 'uuid';
-import Tooltip from '@synerise/ds-tooltip';
-import * as S from '../InformationCard.styles';
-export var InformationCardSummary = function InformationCardSummary(_ref) {
-  var items = _ref.items;
-  var itemsWithIDs = useMemo(function () {
-    return items == null ? void 0 : items.map(function (item) {
-      return _extends({
-        id: uuid()
-      }, item);
-    });
-  }, [items]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.InformationCardSummaryWrapper, {
-    "data-testid": "information-card-summary"
-  }, itemsWithIDs == null ? void 0 : itemsWithIDs.map(function (_ref2) {
-    var icon = _ref2.icon,
-      label = _ref2.label,
-      tooltip = _ref2.tooltip,
-      tooltipProps = _ref2.tooltipProps,
-      id = _ref2.id;
-    var item = /*#__PURE__*/React.createElement(S.InformationCardSummaryItem, {
-      key: id
-    }, icon && /*#__PURE__*/React.createElement("div", null, icon), label && /*#__PURE__*/React.createElement("div", null, label));
-    return tooltip ? /*#__PURE__*/React.createElement(Tooltip, _extends({
-      title: tooltip
-    }, tooltipProps), item) : item;
-  })));
-};
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { v4 } from "uuid";
+import Tooltip from "@synerise/ds-tooltip";
+import { InformationCardSummaryWrapper, InformationCardSummaryItem } from "../InformationCard.styles.js";
+const InformationCardSummary = ({
+  items
+}) => {
+  const itemsWithIDs = useMemo(() => items?.map((item) => ({
+    id: v4(),
+    ...item
+  })), [items]);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InformationCardSummaryWrapper, { "data-testid": "information-card-summary", children: itemsWithIDs?.map(({
+    icon,
+    label,
+    tooltip,
+    tooltipProps,
+    id
+  }) => {
+    const item = /* @__PURE__ */ jsxs(InformationCardSummaryItem, { children: [
+      icon && /* @__PURE__ */ jsx("div", { children: icon }),
+      label && /* @__PURE__ */ jsx("div", { children: label })
+    ] }, id);
+    return tooltip ? /* @__PURE__ */ jsx(Tooltip, { title: tooltip, ...tooltipProps, children: item }) : item;
+  }) }) });
+};
+export {
+  InformationCardSummary
+};

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

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

package/dist/InformationCardSummary/InformationCardSummary.types.js

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

package/dist/InformationCardTooltip/InformationCard.constants.d.ts

@@ -1,4 +1,4 @@
-import { type FlipConfig, type HoverConfig, type OffsetConfig, type ShiftConfig } from '@synerise/ds-popover';
+import { FlipConfig, HoverConfig, OffsetConfig, ShiftConfig } from '@synerise/ds-popover';
 export declare const TRANSITION_DURATION = 150;
 export declare const OFFSET_CONFIG: OffsetConfig;
 export declare const FLIP_CONFIG: FlipConfig;

package/dist/InformationCardTooltip/InformationCard.constants.js

@@ -1,14 +1,21 @@
-export var TRANSITION_DURATION = 150;
-export var OFFSET_CONFIG = {
+const TRANSITION_DURATION = 150;
+const OFFSET_CONFIG = {
   mainAxis: 8
 };
-export var FLIP_CONFIG = {};
-export var HOVER_CONFIG = {
+const FLIP_CONFIG = {};
+const HOVER_CONFIG = {
   delay: {
     open: 100,
     close: 400
   }
 };
-export var SHIFT_CONFIG = {
+const SHIFT_CONFIG = {
   crossAxis: true
-};
+};
+export {
+  FLIP_CONFIG,
+  HOVER_CONFIG,
+  OFFSET_CONFIG,
+  SHIFT_CONFIG,
+  TRANSITION_DURATION
+};

package/dist/InformationCardTooltip/InformationCardTooltip.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare const InformationCardTooltip: React.ForwardRefExoticComponent<{
-    informationCardProps?: import("..").InformationCardProps;
+    informationCardProps?: import('..').InformationCardProps;
     content?: React.ReactNode;
     children: React.ReactNode;
-    popoverProps?: Omit<import("@synerise/ds-popover").PopoverOptions, "listNavigationConfig" | "arrowConfig" | "returnFocus" | "modal">;
+    popoverProps?: Omit<import('@synerise/ds-popover').PopoverOptions, "listNavigationConfig" | "arrowConfig" | "returnFocus" | "modal">;
     asChild?: boolean;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "content" | "asChild" | "popoverProps" | "informationCardProps"> & import("@synerise/ds-utils").DataAttributes & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "content" | "asChild" | "popoverProps" | "informationCardProps"> & import('@synerise/ds-utils').DataAttributes & React.RefAttributes<HTMLDivElement>>;