@ntbjs/react-components 2.0.14 → 3.0.0-rc.1

package/build/widgets/ProgressBar/ProgressBar.js

@@ -1,7 +1,6 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useState } from 'react';
-import PropTypes from 'prop-types';
+import { useState } from 'react';
 import { Container, Label, InnerContainer, Completed, ProgressBarTrack, MetricsContainer, ProgressBarFill, PercentageIndicator, ExternalPercentageIndicator, Link, ButtonLink, StyledArrowIcon } from './ProgressBar.styled.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 const ProgressBar = ({
   totalAssets,
@@ -32,41 +31,44 @@ const ProgressBar = ({
       return shortNum.toFixed(shortNum < 10 ? 1 : 0) + units[unit];
     }
   };
-  return React__default.createElement(Container, _extends({
-    height: height
-  }, props), React__default.createElement(Label, null, label), React__default.createElement(InnerContainer, {
-    type: type
-  }, React__default.createElement(Completed, {
-    type: type
-  }, formatNumberNew(completedAssets)), React__default.createElement(ProgressBarTrack, null, React__default.createElement(MetricsContainer, {
-    $hasLink: Boolean(linkText)
-  }, React__default.createElement(ProgressBarFill, {
-    type: type,
-    $percentage: percentage,
-    barColor: barColor
-  }, !isLowPercentage && React__default.createElement(PercentageIndicator, {
-    $hasLink: Boolean(linkText)
-  }, percentageText || formattedPercentage)), isLowPercentage && React__default.createElement(ExternalPercentageIndicator, null, percentageText || formattedPercentage)), linkText && React__default.createElement(Link, {
-    onClick: handleLinkClick,
-    onMouseEnter: () => setIsLinkHovered(true),
-    onMouseLeave: () => setIsLinkHovered(false)
-  }, React__default.createElement(ButtonLink, {
-    $isHovered: isLinkHovered
-  }, linkText), React__default.createElement(StyledArrowIcon, {
-    $isHovered: isLinkHovered
-  })))));
+  return jsxs(Container, {
+    height: height,
+    ...props,
+    children: [jsx(Label, {
+      children: label
+    }), jsxs(InnerContainer, {
+      type: type,
+      children: [jsx(Completed, {
+        type: type,
+        children: formatNumberNew(completedAssets)
+      }), jsxs(ProgressBarTrack, {
+        children: [jsxs(MetricsContainer, {
+          $hasLink: Boolean(linkText),
+          children: [jsx(ProgressBarFill, {
+            type: type,
+            $percentage: percentage,
+            barColor: barColor,
+            children: !isLowPercentage && jsx(PercentageIndicator, {
+              children: percentageText || formattedPercentage
+            })
+          }), isLowPercentage && jsx(ExternalPercentageIndicator, {
+            children: percentageText || formattedPercentage
+          })]
+        }), linkText && jsxs(Link, {
+          onClick: handleLinkClick,
+          onMouseEnter: () => setIsLinkHovered(true),
+          onMouseLeave: () => setIsLinkHovered(false),
+          children: [jsx(ButtonLink, {
+            $isHovered: isLinkHovered,
+            children: linkText
+          }), jsx(StyledArrowIcon, {
+            $isHovered: isLinkHovered
+          })]
+        })]
+      })]
+    })]
+  });
 };
-ProgressBar.propTypes = process.env.NODE_ENV !== "production" ? {
-  totalAssets: PropTypes.number.isRequired,
-  completedAssets: PropTypes.number.isRequired,
-  percentageText: PropTypes.string,
-  barColor: PropTypes.string,
-  height: PropTypes.number,
-  label: PropTypes.string,
-  type: PropTypes.string,
-  linkText: PropTypes.string,
-  onClick: PropTypes.func
-} : {};
 
 export { ProgressBar as default };
 //# sourceMappingURL=ProgressBar.js.map

package/build/widgets/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../src/components/widgets/ProgressBar/ProgressBar.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport * as S from './ProgressBar.styled';\n\n/**\n * ProgressBar that let you progress through a task.\n *\n *\n * ### Import\n *\n * ``` js\n * import { ProgressBar } from '@ntbjs/react-components/widgets/ProgressBar'\n * // or\n * import ProgressBar from '@ntbjs/react-components/widgets/ProgressBar'\n * ```\n *\n *\n */\n\nconst ProgressBar = ({\n  totalAssets,\n  completedAssets,\n  percentageText,\n  barColor,\n  height,\n  label,\n  type,\n  linkText,\n  onClick,\n  ...props\n}) => {\n  const [isLinkHovered, setIsLinkHovered] = useState(false);\n\n  const safeCompletedAssets = Math.max(0, completedAssets);\n  const safeTotalAssets = Math.max(1, totalAssets);\n  const percentage = (safeCompletedAssets / safeTotalAssets) * 100;\n  const formattedPercentage = `${Math.round(percentage)}%`;\n\n  const isLowPercentage = percentage <= 5;\n\n  const handleLinkClick = e => onClick(e);\n\n  const formatNumberNew = num => {\n    if (num < 1000000) {\n      return num.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ' ');\n    } else {\n      const units = ['K', 'M', 'B', 'T'];\n      const unit = Math.floor((num.toString().length - 1) / 3) - 1;\n      const shortNum = num / Math.pow(1000, unit + 1);\n      return shortNum.toFixed(shortNum < 10 ? 1 : 0) + units[unit];\n    }\n  };\n\n  return (\n    <S.Container height={height} {...props}>\n      <S.Label>{label}</S.Label>\n      <S.InnerContainer type={type}>\n        <S.Completed type={type}>{formatNumberNew(completedAssets)}</S.Completed>\n        <S.ProgressBarTrack>\n          <S.MetricsContainer $hasLink={Boolean(linkText)}>\n            <S.ProgressBarFill type={type} $percentage={percentage} barColor={barColor}>\n              {!isLowPercentage && (\n                <S.PercentageIndicator $hasLink={Boolean(linkText)}>\n                  {percentageText || formattedPercentage}\n                </S.PercentageIndicator>\n              )}\n            </S.ProgressBarFill>\n            {isLowPercentage && (\n              <S.ExternalPercentageIndicator>\n                {percentageText || formattedPercentage}\n              </S.ExternalPercentageIndicator>\n            )}\n          </S.MetricsContainer>\n          {linkText && (\n            <S.Link\n              onClick={handleLinkClick}\n              onMouseEnter={() => setIsLinkHovered(true)}\n              onMouseLeave={() => setIsLinkHovered(false)}\n            >\n              <S.ButtonLink $isHovered={isLinkHovered}>{linkText}</S.ButtonLink>\n              <S.StyledArrowIcon $isHovered={isLinkHovered} />\n            </S.Link>\n          )}\n        </S.ProgressBarTrack>\n      </S.InnerContainer>\n    </S.Container>\n  );\n};\n\nProgressBar.propTypes = {\n  totalAssets: PropTypes.number.isRequired,\n  completedAssets: PropTypes.number.isRequired,\n  percentageText: PropTypes.string,\n  barColor: PropTypes.string,\n  height: PropTypes.number,\n  label: PropTypes.string,\n  type: PropTypes.string,\n  linkText: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBar","totalAssets","completedAssets","percentageText","barColor","height","label","type","linkText","onClick","props","isLinkHovered","setIsLinkHovered","useState","safeCompletedAssets","Math","max","safeTotalAssets","percentage","formattedPercentage","round","isLowPercentage","handleLinkClick","e","formatNumberNew","num","toString","replace","units","unit","floor","length","shortNum","pow","toFixed","React","createElement","S","_extends","$hasLink","Boolean","$percentage","onMouseEnter","onMouseLeave","$isHovered","propTypes","process","env","NODE_ENV","PropTypes","number","isRequired","string","func"],"mappings":"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"}
+{"version":3,"file":"ProgressBar.js","sources":["../../../src/components/widgets/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport * as S from './ProgressBar.styled';\n\ntype ProgressBarOwnProps = {\n  totalAssets: number;\n  completedAssets: number;\n  percentageText?: string;\n  barColor?: string;\n  height?: number;\n  label?: string;\n  type?: string;\n  linkText?: string;\n  onClick?: (...args: any[]) => any;\n};\n\n/*\n * NMB-3998 §C.2: `props` is spread onto `S.Container`, so the published type\n * has to admit that target's props too — a closed type here is worse than `any` for the\n * 125 consumer files. Declared members win over the base (`Omit` by `keyof ProgressBarOwnProps`);\n * a bare `&` would INTERSECT a colliding member instead of overriding it, which narrows\n * it (measured: `rows?: number | string` & `rows?: number`) or empties it to `never`.\n */\ntype Props = Omit<React.ComponentPropsWithoutRef<typeof S.Container>, keyof ProgressBarOwnProps> &\n  ProgressBarOwnProps;\n\n/**\n * ProgressBar that let you progress through a task.\n *\n *\n * ### Import\n *\n * ``` js\n * import { ProgressBar } from '@ntbjs/react-components/widgets/ProgressBar'\n * // or\n * import ProgressBar from '@ntbjs/react-components/widgets/ProgressBar'\n * ```\n *\n *\n */\n\nconst ProgressBar = ({\n  totalAssets,\n  completedAssets,\n  percentageText,\n  barColor,\n  height,\n  label,\n  type,\n  linkText,\n  onClick,\n  ...props\n}: Props) => {\n  const [isLinkHovered, setIsLinkHovered] = useState(false);\n\n  const safeCompletedAssets = Math.max(0, completedAssets);\n  const safeTotalAssets = Math.max(1, totalAssets);\n  const percentage = (safeCompletedAssets / safeTotalAssets) * 100;\n  const formattedPercentage = `${Math.round(percentage)}%`;\n\n  const isLowPercentage = percentage <= 5;\n\n  const handleLinkClick = e => onClick(e);\n\n  const formatNumberNew = num => {\n    if (num < 1000000) {\n      return num.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ' ');\n    } else {\n      const units = ['K', 'M', 'B', 'T'];\n      const unit = Math.floor((num.toString().length - 1) / 3) - 1;\n      const shortNum = num / Math.pow(1000, unit + 1);\n      return shortNum.toFixed(shortNum < 10 ? 1 : 0) + units[unit];\n    }\n  };\n\n  return (\n    <S.Container height={height} {...props}>\n      <S.Label>{label}</S.Label>\n      <S.InnerContainer type={type}>\n        <S.Completed type={type}>{formatNumberNew(completedAssets)}</S.Completed>\n        <S.ProgressBarTrack>\n          <S.MetricsContainer $hasLink={Boolean(linkText)}>\n            <S.ProgressBarFill type={type} $percentage={percentage} barColor={barColor}>\n              {!isLowPercentage && (\n                /*\n                 * NMB-3998: `$hasLink={Boolean(linkText)}` removed. ProgressBar.styled.ts:32-38\n                 * already records this as a dead pass — `$hasLink` is declared for\n                 * MetricsContainer, which reads it for its `width`, while PercentageIndicator\n                 * \"NEVER READS IT\". Output-neutral: not read by the template, so the class is\n                 * unchanged, and transient so it never reached the DOM.\n                 */\n                <S.PercentageIndicator>\n                  {percentageText || formattedPercentage}\n                </S.PercentageIndicator>\n              )}\n            </S.ProgressBarFill>\n            {isLowPercentage && (\n              <S.ExternalPercentageIndicator>\n                {percentageText || formattedPercentage}\n              </S.ExternalPercentageIndicator>\n            )}\n          </S.MetricsContainer>\n          {linkText && (\n            <S.Link\n              onClick={handleLinkClick}\n              onMouseEnter={() => setIsLinkHovered(true)}\n              onMouseLeave={() => setIsLinkHovered(false)}\n            >\n              <S.ButtonLink $isHovered={isLinkHovered}>{linkText}</S.ButtonLink>\n              <S.StyledArrowIcon $isHovered={isLinkHovered} />\n            </S.Link>\n          )}\n        </S.ProgressBarTrack>\n      </S.InnerContainer>\n    </S.Container>\n  );\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBar","totalAssets","completedAssets","percentageText","barColor","height","label","type","linkText","onClick","props","isLinkHovered","setIsLinkHovered","useState","safeCompletedAssets","Math","max","safeTotalAssets","percentage","formattedPercentage","round","isLowPercentage","handleLinkClick","e","formatNumberNew","num","toString","replace","units","unit","floor","length","shortNum","pow","toFixed","_jsxs","S","children","_jsx","$hasLink","Boolean","$percentage","onMouseEnter","onMouseLeave","$isHovered"],"mappings":"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"}

package/build/widgets/ProgressBar/ProgressBar.styled.js

@@ -22,157 +22,88 @@ const getBackgroundColor = props => {
 };
 styled.p.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  font-family: ${props => props.theme.primaryFontFamily};
-  font-size: 1rem;
-  font-weight: 500;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__ProgressBar",
+  componentId: "sc-zi0dri-0"
+})(["font-family:", ";font-size:1rem;font-weight:500;"], props => props.theme.primaryFontFamily);
 const Container = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  width: 100%;
-  height: ${props => props.height ? `${props.height}px` : '50px'};
-  font-family: ${props => props.theme.primaryFontFamily};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__Container",
+  componentId: "sc-zi0dri-1"
+})(["width:100%;height:", ";font-family:", ";"], props => props.height ? `${props.height}px` : '50px', props => props.theme.primaryFontFamily);
 const InnerContainer = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  height: 100%;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__InnerContainer",
+  componentId: "sc-zi0dri-2"
+})(["display:flex;height:100%;"]);
 const MetricsContainer = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: ${props => props.$hasLink ? '85%' : '100%'};
-  height: 100%;
-  flex-direction: row;
-  justify-content: flex-start;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__MetricsContainer",
+  componentId: "sc-zi0dri-3"
+})(["display:flex;flex-direction:column;justify-content:center;align-items:center;width:", ";height:100%;flex-direction:row;justify-content:flex-start;"], props => props.$hasLink ? '85%' : '100%');
 const Label = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  font-size: 0.875rem;
-  padding-bottom: 5px;
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'))}
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__Label",
+  componentId: "sc-zi0dri-4"
+})(["font-size:0.875rem;padding-bottom:5px;", ""], props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700')));
 styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  font-size: 0.875rem;
-  font-weight: 500;
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'))}
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__Percentage",
+  componentId: "sc-zi0dri-5"
+})(["font-size:0.875rem;font-weight:500;", ""], props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700')));
 const ProgressBarTrack = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  border-radius: 3px;
-  height: 100%;
-  ${props => props.theme.themeProp('background', props.theme.getColor('gray-800'), props.theme.getColor('gray-50'))}
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__ProgressBarTrack",
+  componentId: "sc-zi0dri-6"
+})(["width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;border-radius:3px;height:100%;", ""], props => props.theme.themeProp('background', props.theme.getColor('gray-800'), props.theme.getColor('gray-50')));
 const Completed = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  font-size: 1.2rem;
-  font-weight: 400;
-  height: 100%;
-  border-radius: 3px;
-  display: flex;
-  align-items: center;
-  width: 96px;
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-800'))};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__Completed",
+  componentId: "sc-zi0dri-7"
+})(["font-size:1.2rem;font-weight:400;height:100%;border-radius:3px;display:flex;align-items:center;width:96px;", ";"], props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-800')));
 const PercentageIndicator = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  position: absolute;
-  right: 10px;
-  font-weight: 400;
-  font-size: 0.875rem;
-  white-space: nowrap;
-  opacity: 0.8;
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'))};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__PercentageIndicator",
+  componentId: "sc-zi0dri-8"
+})(["position:absolute;right:10px;font-weight:400;font-size:0.875rem;white-space:nowrap;opacity:0.8;", ";"], props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500')));
 const ExternalPercentageIndicator = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  margin-left: 8px;
-  font-size: 1.2rem;
-  font-weight: 400;
-  font-size: 0.875rem;
-  opacity: 0.9;
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'))};
-  display: flex;
-  align-items: center;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__ExternalPercentageIndicator",
+  componentId: "sc-zi0dri-9"
+})(["margin-left:8px;font-size:1.2rem;font-weight:400;font-size:0.875rem;opacity:0.9;", ";display:flex;align-items:center;"], props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500')));
 const ProgressBarFill = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  height: 100%;
-  border-radius: 0 3px 3px 0;
-  width: ${props => props.$percentage}%;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  ${props => getBackgroundColor(props)}
-  transition: width 0.3s ease;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__ProgressBarFill",
+  componentId: "sc-zi0dri-10"
+})(["height:100%;border-radius:0 3px 3px 0;width:", "%;position:relative;display:flex;align-items:center;justify-content:flex-end;", " transition:width 0.3s ease;"], props => props.$percentage, props => getBackgroundColor(props));
 const Link = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  font-size: 0.875rem;
-  font-weight: 400;
-  width: 15%;
-  opacity: 0.7;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  margin-right: 20px;
-  cursor: pointer;
-  height: 100%;
-  gap: 10px;
-  svg {
-    transition: transform 0.2s ease-in-out;
-  }
-  &:hover svg {
-    transform: translateX(2px);
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__Link",
+  componentId: "sc-zi0dri-11"
+})(["font-size:0.875rem;font-weight:400;width:15%;opacity:0.7;display:flex;align-items:center;justify-content:flex-end;margin-right:20px;cursor:pointer;height:100%;gap:10px;svg{transition:transform 0.2s ease-in-out;}&:hover svg{transform:translateX(2px);}"]);
 const ButtonLink = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  font-size: 0.875rem;
-  font-weight: 500;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  opacity: ${props => props.$isHovered ? 1 : 0.8};
-  transition: color 0.2s ease-in-out;
-  ${props => props.$isHovered ? props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black')) : props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__ButtonLink",
+  componentId: "sc-zi0dri-12"
+})(["font-size:0.875rem;font-weight:500;height:100%;display:flex;align-items:center;opacity:", ";transition:color 0.2s ease-in-out;", ";"], props => props.$isHovered ? 1 : 0.8, props => props.$isHovered ? props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black')) : props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')));
 const StyledArrowIcon = styled(SvgArrowForward).withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  height: 15px;
-  margin-right: 10px;
-  opacity: ${props => props.$isHovered ? 1 : 0.8};
-  transition:
-    transform 0.2s ease-in-out,
-    fill 0.2s ease-in-out;
-  transform: ${props => props.$isHovered ? 'translateX(2px)' : 'translateX(0)'};
-
-  ${props => props.$isHovered ? props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black')) : props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black'))};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "ProgressBarstyled__StyledArrowIcon",
+  componentId: "sc-zi0dri-13"
+})(["height:15px;margin-right:10px;opacity:", ";transition:transform 0.2s ease-in-out,fill 0.2s ease-in-out;transform:", ";", ";"], props => props.$isHovered ? 1 : 0.8, props => props.$isHovered ? 'translateX(2px)' : 'translateX(0)', props => props.$isHovered ? props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black')) : props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black')));
 
 export { ButtonLink, Completed, Container, ExternalPercentageIndicator, InnerContainer, Label, Link, MetricsContainer, PercentageIndicator, ProgressBarFill, ProgressBarTrack, StyledArrowIcon };
 //# sourceMappingURL=ProgressBar.styled.js.map

package/build/widgets/ProgressBar/ProgressBar.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.styled.js","sources":["../../../src/components/widgets/ProgressBar/ProgressBar.styled.js"],"sourcesContent":["import styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\nimport { ArrowForwardIcon } from '../../../icons';\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nconst getBackgroundColor = props => {\n  if (props.barColor) {\n    return `background: ${props.barColor};`;\n  }\n  const colorMap = {\n    success: ['emerald-600', 'emerald-300'],\n    error: ['red-600', 'cercise-200'],\n    warning: ['orange-600', 'orange-400'],\n    none: ['gray-500', 'gray-300'],\n    default: ['emerald-600', 'emerald-500']\n  };\n\n  const [darkColor, lightColor] = colorMap[props.type] || colorMap.default;\n\n  return props.theme.themeProp(\n    'background',\n    props.theme.getColor(darkColor),\n    props.theme.getColor(lightColor)\n  );\n};\n\nexport const ProgressBar = styled.p\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-family: ${props => props.theme.primaryFontFamily};\n  font-size: 1rem;\n  font-weight: 500;\n`;\n\nexport const Container = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  width: 100%;\n  height: ${props => (props.height ? `${props.height}px` : '50px')};\n  font-family: ${props => props.theme.primaryFontFamily};\n`;\n\nexport const InnerContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  height: 100%;\n`;\n\nexport const MetricsContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: ${props => (props.$hasLink ? '85%' : '100%')};\n  height: 100%;\n  flex-direction: row;\n  justify-content: flex-start;\n`;\n\nexport const Label = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  padding-bottom: 5px;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-700')\n    )}\n`;\n\nexport const Percentage = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  font-weight: 500;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-700')\n    )}\n`;\n\nexport const ProgressBarTrack = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  border-radius: 3px;\n  height: 100%;\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-800'),\n      props.theme.getColor('gray-50')\n    )}\n`;\n\nexport const Completed = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 1.2rem;\n  font-weight: 400;\n  height: 100%;\n  border-radius: 3px;\n  display: flex;\n  align-items: center;\n  width: 96px;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-800')\n    )};\n`;\nexport const PercentageIndicator = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  right: 10px;\n  font-weight: 400;\n  font-size: 0.875rem;\n  white-space: nowrap;\n  opacity: 0.8;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-500')\n    )};\n`;\n\nexport const ExternalPercentageIndicator = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  margin-left: 8px;\n  font-size: 1.2rem;\n  font-weight: 400;\n  font-size: 0.875rem;\n  opacity: 0.9;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-500')\n    )};\n  display: flex;\n  align-items: center;\n`;\n\nexport const ProgressBarFill = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  height: 100%;\n  border-radius: 0 3px 3px 0;\n  width: ${props => props.$percentage}%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  ${props => getBackgroundColor(props)}\n  transition: width 0.3s ease;\n`;\n\nexport const Link = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  font-weight: 400;\n  width: 15%;\n  opacity: 0.7;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin-right: 20px;\n  cursor: pointer;\n  height: 100%;\n  gap: 10px;\n  svg {\n    transition: transform 0.2s ease-in-out;\n  }\n  &:hover svg {\n    transform: translateX(2px);\n  }\n`;\n\nexport const ButtonLink = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  font-weight: 500;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  opacity: ${props => (props.$isHovered ? 1 : 0.8)};\n  transition: color 0.2s ease-in-out;\n  ${props =>\n    props.$isHovered\n      ? props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'))\n      : props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-900')\n        )};\n`;\n\nexport const StyledArrowIcon = styled(ArrowForwardIcon)\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  height: 15px;\n  margin-right: 10px;\n  opacity: ${props => (props.$isHovered ? 1 : 0.8)};\n  transition:\n    transform 0.2s ease-in-out,\n    fill 0.2s ease-in-out;\n  transform: ${props => (props.$isHovered ? 'translateX(2px)' : 'translateX(0)')};\n\n  ${props =>\n    props.$isHovered\n      ? props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black'))\n      : props.theme.themeProp(\n          'fill',\n          props.theme.getColor('white'),\n          props.theme.getColor('black')\n        )};\n`;\n"],"names":["shouldForwardProp","prop","startsWith","getBackgroundColor","props","barColor","colorMap","success","error","warning","none","default","darkColor","lightColor","type","theme","themeProp","getColor","styled","p","withConfig","attrs","applyDefaultTheme","primaryFontFamily","Container","div","height","InnerContainer","MetricsContainer","$hasLink","Label","ProgressBarTrack","Completed","PercentageIndicator","ExternalPercentageIndicator","ProgressBarFill","$percentage","Link","ButtonLink","$isHovered","StyledArrowIcon","ArrowForwardIcon"],"mappings":"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"}
+{"version":3,"file":"ProgressBar.styled.js","sources":["../../../src/components/widgets/ProgressBar/ProgressBar.styled.ts"],"sourcesContent":["/*\n * $-transient-prop pattern: rules in\n * `src/components/layout/SectionSeparator/SectionSeparator.styled.ts`, derivation and\n * measurements in `scripts/TS-MIGRATION-PLAYBOOK.md` §J.\n *\n * `getBackgroundColor` below is a module-scope FUNCTION that reads props — the same kind\n * of site as `AssetGalleryGridCard.styled.ts`'s `ringState`, and not one C7 enumerates.\n * Unannotated its parameter is an implicit `any`, and with `noImplicitAny` off that is\n * SILENT: three prop reads and a `getColor()` call stayed unchecked while the file looked\n * converted. Typing it is what surfaced `colorMap` — see the note there.\n */\nimport styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\nimport { ArrowForwardIcon } from '../../../icons';\n\nimport type { ColorName, NtbTheme } from '../../../utils/defaultTheme';\n\n/**\n * `height` — `PropTypes.number`, px, interpolated as `${props.height}px` with a `50px`\n * fallback, so `number` and not `number | string`.\n *\n * NO `$`, AND THAT IS A DEFECT THAT IS ALREADY IN THE RENDER BASELINE. `height` is not a\n * member of `HTMLAttributes<HTMLDivElement>` — hence the declaration — but React does\n * recognise it and renders it, so `widgets/ProgressBar` in\n * `scripts/r19-harness/baseline.json` opens with `<div height=\"50\" class=\"…\">`. Renaming\n * it `$height` removes that attribute and MOVES the baseline — C10, §E.4.\n */\ninterface ProgressBarContainerStyleProps {\n  height?: number;\n}\n\n/**\n * `$hasLink` — `Boolean(linkText)`, so genuinely boolean and not `linkText`'s `string`.\n *\n * Declared for `MetricsContainer` only. `ProgressBar.tsx` also passes `$hasLink` to\n * `PercentageIndicator`, WHICH NEVER READS IT — so per rule 2 (declare only what is\n * actually consumed) that component gets no generic, and the pass is recorded here as the\n * dead prop it is. It is transient, so it does not reach the DOM either way.\n */\ninterface ProgressBarMetricsStyleProps {\n  $hasLink?: boolean;\n}\n\n/** `ProgressBarFill`, the one component here whose props are read from two places. */\ninterface ProgressBarFillStyleProps {\n  /**\n   * `type` — `PropTypes.string`, selecting a row of `colorMap`. Left as `string` rather\n   * than narrowed to the five `colorMap` keys, because `string` is what the published\n   * propTypes say; narrowing it here would invent a contract the component does not have\n   * (§E.1 rule 2). The `|| colorMap.default` fallback is what makes that safe.\n   *\n   * NO `$`, AND THAT IS A DEFECT ALREADY IN THE RENDER BASELINE — but on OTHER components.\n   * `ProgressBar.tsx` passes `type` to `InnerContainer`, `Completed` and `ProgressBarFill`\n   * alike; the first two never read it, and a string-valued `type` renders on a `<div>`,\n   * so `widgets/ProgressBar` records `<div type=\"success\">` twice. Renaming it removes\n   * those attributes — C10, §E.4.\n   */\n  type?: string;\n  /** `barColor` — `PropTypes.string`, a whole CSS colour that short-circuits `colorMap`\n   *  entirely. NO `$` either, and it is unread by any other component, so it leaks only\n   *  from this one and only when a consumer passes it — no fixture does. */\n  barColor?: string;\n  /** `(completedAssets / totalAssets) * 100`, interpolated as `${props.$percentage}%`, so\n   *  `number`. Not rounded — the rounding is only for the label text. */\n  $percentage?: number;\n}\n\n/**\n * `$isHovered` — the `Link`'s hover state from `ProgressBar.tsx`'s `useState`, so\n * genuinely `boolean`. Like `InfoCard`'s, it is `false` in every static render, so the\n * rule blocks it guards are unreachable from the render gate.\n *\n * Hosts: `ButtonLink` and `StyledArrowIcon`.\n */\ninterface ProgressBarHoverStyleProps {\n  $isHovered?: boolean;\n}\n\n/*\n * Single-argument, and it stays that way — peer floor `styled-components: >=5.1.0`, and\n * the two majors disagree on the second parameter. §J.4. `prop` needs the annotation\n * because `withConfig` takes this by reference, so it gets no contextual typing.\n */\nconst shouldForwardProp = (prop: string): boolean => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nconst getBackgroundColor = (\n  props: Pick<ProgressBarFillStyleProps, 'type' | 'barColor'> & { theme: NtbTheme }\n) => {\n  if (props.barColor) {\n    return `background: ${props.barColor};`;\n  }\n  /*\n   * ANNOTATED, AND THE ANNOTATION IS THE POINT. `getColor` takes the closed `ColorName`\n   * union and THROWS at runtime for anything else, so without this type the ten colour\n   * names below were unchecked strings feeding a function that throws — a typo here would\n   * have been a runtime error inside a styled template. All ten were verified against\n   * `src/styles/utils/colors-export.js` by making the compiler check them.\n   *\n   * `Record<string, …>` rather than a closed key union because `props.type` is\n   * `PropTypes.string`; the index signature is what lets a caller pass an unknown type and\n   * fall through to `colorMap.default`, which is the existing behaviour.\n   */\n  const colorMap: Record<string, [ColorName, ColorName]> = {\n    success: ['emerald-600', 'emerald-300'],\n    error: ['red-600', 'cercise-200'],\n    warning: ['orange-600', 'orange-400'],\n    none: ['gray-500', 'gray-300'],\n    default: ['emerald-600', 'emerald-500']\n  };\n\n  const [darkColor, lightColor] = colorMap[props.type] || colorMap.default;\n\n  return props.theme.themeProp(\n    'background',\n    props.theme.getColor(darkColor),\n    props.theme.getColor(lightColor)\n  );\n};\n\nexport const ProgressBar = styled.p\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-family: ${props => props.theme.primaryFontFamily};\n  font-size: 1rem;\n  font-weight: 500;\n`;\n\nexport const Container = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<ProgressBarContainerStyleProps>(applyDefaultTheme)`\n  width: 100%;\n  height: ${props => (props.height ? `${props.height}px` : '50px')};\n  font-family: ${props => props.theme.primaryFontFamily};\n`;\n\nexport const InnerContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  height: 100%;\n`;\n\nexport const MetricsContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<ProgressBarMetricsStyleProps>(applyDefaultTheme)`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: ${props => (props.$hasLink ? '85%' : '100%')};\n  height: 100%;\n  flex-direction: row;\n  justify-content: flex-start;\n`;\n\nexport const Label = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  padding-bottom: 5px;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-700')\n    )}\n`;\n\nexport const Percentage = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  font-weight: 500;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-700')\n    )}\n`;\n\nexport const ProgressBarTrack = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  border-radius: 3px;\n  height: 100%;\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-800'),\n      props.theme.getColor('gray-50')\n    )}\n`;\n\nexport const Completed = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 1.2rem;\n  font-weight: 400;\n  height: 100%;\n  border-radius: 3px;\n  display: flex;\n  align-items: center;\n  width: 96px;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-800')\n    )};\n`;\nexport const PercentageIndicator = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  right: 10px;\n  font-weight: 400;\n  font-size: 0.875rem;\n  white-space: nowrap;\n  opacity: 0.8;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-500')\n    )};\n`;\n\nexport const ExternalPercentageIndicator = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  margin-left: 8px;\n  font-size: 1.2rem;\n  font-weight: 400;\n  font-size: 0.875rem;\n  opacity: 0.9;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-500')\n    )};\n  display: flex;\n  align-items: center;\n`;\n\nexport const ProgressBarFill = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<ProgressBarFillStyleProps>(applyDefaultTheme)`\n  height: 100%;\n  border-radius: 0 3px 3px 0;\n  width: ${props => props.$percentage}%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  ${props => getBackgroundColor(props)}\n  transition: width 0.3s ease;\n`;\n\nexport const Link = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  font-weight: 400;\n  width: 15%;\n  opacity: 0.7;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin-right: 20px;\n  cursor: pointer;\n  height: 100%;\n  gap: 10px;\n  svg {\n    transition: transform 0.2s ease-in-out;\n  }\n  &:hover svg {\n    transform: translateX(2px);\n  }\n`;\n\nexport const ButtonLink = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<ProgressBarHoverStyleProps>(applyDefaultTheme)`\n  font-size: 0.875rem;\n  font-weight: 500;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  opacity: ${props => (props.$isHovered ? 1 : 0.8)};\n  transition: color 0.2s ease-in-out;\n  ${props =>\n    props.$isHovered\n      ? props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'))\n      : props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-900')\n        )};\n`;\n\nexport const StyledArrowIcon = styled(ArrowForwardIcon)\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<ProgressBarHoverStyleProps>(applyDefaultTheme)`\n  height: 15px;\n  margin-right: 10px;\n  opacity: ${props => (props.$isHovered ? 1 : 0.8)};\n  transition:\n    transform 0.2s ease-in-out,\n    fill 0.2s ease-in-out;\n  transform: ${props => (props.$isHovered ? 'translateX(2px)' : 'translateX(0)')};\n\n  ${props =>\n    props.$isHovered\n      ? props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black'))\n      : props.theme.themeProp(\n          'fill',\n          props.theme.getColor('white'),\n          props.theme.getColor('black')\n        )};\n`;\n"],"names":["shouldForwardProp","prop","startsWith","getBackgroundColor","props","barColor","colorMap","success","error","warning","none","default","darkColor","lightColor","type","theme","themeProp","getColor","styled","p","withConfig","attrs","applyDefaultTheme","displayName","componentId","primaryFontFamily","Container","div","height","InnerContainer","MetricsContainer","$hasLink","Label","ProgressBarTrack","Completed","PercentageIndicator","ExternalPercentageIndicator","ProgressBarFill","$percentage","Link","ButtonLink","$isHovered","StyledArrowIcon","ArrowForwardIcon"],"mappings":"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"}

package/build/widgets/SummaryCard/SummaryCard.js

@@ -1,21 +1,20 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
 import React__default from 'react';
 import InstructionSeverityDisplay from '../InstructionSeverityDisplay/InstructionSeverityDisplay.js';
 import { SummaryCard as SummaryCard$1, Gutter, Header, HeaderLeft, HeaderRight, Title, Description, Footer, FooterLeft, FooterRight } from './SummaryCard.styled.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 const SummaryCard = React__default.forwardRef(function AssetSummaryCard({
-  activeSummaryCard,
-  title,
-  description,
-  instructions,
-  instructionSeverity,
-  headerLeft,
-  headerRight,
-  footerLeft,
-  footerRight,
+  activeSummaryCard = false,
+  title = '',
+  description = '',
+  instructions = '',
+  instructionSeverity = 1,
+  headerLeft = null,
+  headerRight = null,
+  footerLeft = null,
+  footerRight = null,
   width,
-  useBorder,
+  useBorder = false,
   view,
   instructionLabels,
   ...props
@@ -27,61 +26,53 @@ const SummaryCard = React__default.forwardRef(function AssetSummaryCard({
   const shouldAddGutterAfterTitle = !!title && (!!description || !!instructions || shouldRenderFooter);
   if (!activeSummaryCard) return null;
   const filteredProps = Object.fromEntries(Object.entries(props).filter(([key]) => key !== 'compact'));
-  return React__default.createElement(SummaryCard$1, _extends({
+  return jsxs(SummaryCard$1, {
     ref: forwardedRef,
     width: width,
-    $useBorder: useBorder
-  }, filteredProps, {
-    view: view
-  }), shouldRenderHeader && React__default.createElement(React__default.Fragment, null, React__default.createElement(Gutter, {
-    $gutter: 8
-  }), React__default.createElement(Header, null, React__default.createElement(HeaderLeft, null, headerLeft), React__default.createElement(HeaderRight, null, headerRight))), React__default.createElement(Gutter, {
-    $gutter: shouldRenderHeader ? 8 : 16
-  }), title && React__default.createElement(Title, null, title), shouldAddGutterAfterTitle && React__default.createElement(Gutter, {
-    $gutter: 4
-  }), description && React__default.createElement(Description, null, description), React__default.createElement(Gutter, {
-    $gutter: 16
-  }), shouldRenderInstructions && React__default.createElement(InstructionSeverityDisplay, {
-    labels: instructionLabels,
-    instructionText: instructions,
-    severity: instructionSeverity,
-    showCard: false,
-    padding: `14px 17px`,
-    detailsFontSize: `12px`,
-    maxLines: view === 'grid' ? 3 : undefined
-  }), shouldAddGutterAfterInstructions && React__default.createElement(Gutter, {
-    $gutter: 16
-  }), shouldRenderFooter && React__default.createElement(Footer, null, React__default.createElement(FooterLeft, null, footerLeft), React__default.createElement(FooterRight, null, footerRight)), shouldRenderFooter && React__default.createElement(Gutter, {
-    $gutter: 16
-  }));
+    $useBorder: useBorder,
+    ...filteredProps,
+    view: view,
+    children: [shouldRenderHeader && jsxs(Fragment, {
+      children: [jsx(Gutter, {
+        $gutter: 8
+      }), jsxs(Header, {
+        children: [jsx(HeaderLeft, {
+          children: headerLeft
+        }), jsx(HeaderRight, {
+          children: headerRight
+        })]
+      })]
+    }), jsx(Gutter, {
+      $gutter: shouldRenderHeader ? 8 : 16
+    }), title && jsx(Title, {
+      children: title
+    }), shouldAddGutterAfterTitle && jsx(Gutter, {
+      $gutter: 4
+    }), description && jsx(Description, {
+      children: description
+    }), jsx(Gutter, {
+      $gutter: 16
+    }), shouldRenderInstructions && jsx(InstructionSeverityDisplay, {
+      labels: instructionLabels,
+      instructionText: instructions,
+      severity: instructionSeverity,
+      showCard: false,
+      padding: `14px 17px`,
+      detailsFontSize: `12px`,
+      maxLines: view === 'grid' ? 3 : undefined
+    }), shouldAddGutterAfterInstructions && jsx(Gutter, {
+      $gutter: 16
+    }), shouldRenderFooter && jsxs(Footer, {
+      children: [jsx(FooterLeft, {
+        children: footerLeft
+      }), jsx(FooterRight, {
+        children: footerRight
+      })]
+    }), shouldRenderFooter && jsx(Gutter, {
+      $gutter: 16
+    })]
+  });
 });
-SummaryCard.propTypes = process.env.NODE_ENV !== "production" ? {
-  activeSummaryCard: PropTypes.bool,
-  title: PropTypes.string,
-  description: PropTypes.string,
-  instructions: PropTypes.string,
-  instructionSeverity: PropTypes.oneOf([1, 2, 3, 4, 5]),
-  headerLeft: PropTypes.node,
-  headerRight: PropTypes.node,
-  footerLeft: PropTypes.node,
-  footerRight: PropTypes.node,
-  width: PropTypes.number,
-  useBorder: PropTypes.bool,
-  view: PropTypes.string,
-  instructionLabels: PropTypes.objectOf(PropTypes.string)
-} : {};
-SummaryCard.defaultProps = {
-  title: '',
-  description: '',
-  instructions: '',
-  instructionSeverity: 1,
-  headerLeft: null,
-  headerRight: null,
-  footerLeft: null,
-  footerRight: null,
-  useBorder: false,
-  activeSummaryCard: false
-};
 
 export { SummaryCard as default };
 //# sourceMappingURL=SummaryCard.js.map

package/build/widgets/SummaryCard/SummaryCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryCard.js","sources":["../../../src/components/widgets/SummaryCard/SummaryCard.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport InstructionSeverityDisplay from '../InstructionSeverityDisplay';\nimport * as S from './SummaryCard.styled';\n\n/**\n * ### Import\n *\n * ``` js\n * import { SummaryCard } from '@ntbjs/react-components/widgets'\n * // or\n * import SummaryCard from '@ntbjs/react-components/widgets/SummaryCard'\n * ```\n *\n * ### Props\n * ```\n * Pass `title=\"Title\"` to set the title of the card.\n * Pass `description=\"Description\"` to set the description of the card.\n * Pass `instructions=\"Instructions\"` to set the instructions of the card.\n * Pass 1-5 to `instructionSeverity` to reflect the severity of the instructions.\n * Pass `headerLeft={<div>Left</div>}` to set the left header of the card.\n * Pass `headerRight={<div>Right</div>}` to set the right header of the card.\n * Pass `footerLeft={<div>Left</div>}` to set the left footer of the card.\n * Pass `footerRight={<div>Right</div>}` to set the right footer of the card.\n * Pass `width={300}` to set the width of the card.\n * Pass `useBorder={true}` to set the border of the card.\n * ```\n */\n\nconst SummaryCard = React.forwardRef(function AssetSummaryCard(\n  {\n    activeSummaryCard,\n    title,\n    description,\n    instructions,\n    instructionSeverity,\n    headerLeft,\n    headerRight,\n    footerLeft,\n    footerRight,\n    width,\n    useBorder,\n    view,\n    instructionLabels,\n    ...props\n  },\n  forwardedRef\n) {\n  const shouldRenderInstructions = !!instructions;\n  const shouldRenderHeader = !!headerLeft || !!headerRight;\n  const shouldRenderFooter = !!footerLeft || !!footerRight;\n  const shouldAddGutterAfterInstructions = shouldRenderInstructions && shouldRenderFooter;\n  const shouldAddGutterAfterTitle =\n    !!title && (!!description || !!instructions || shouldRenderFooter);\n\n  if (!activeSummaryCard) return null;\n\n  const filteredProps = Object.fromEntries(\n    Object.entries(props).filter(([key]) => key !== 'compact')\n  );\n\n  return (\n    <S.SummaryCard\n      ref={forwardedRef}\n      width={width}\n      $useBorder={useBorder}\n      {...filteredProps}\n      view={view}\n    >\n      {shouldRenderHeader && (\n        <>\n          <S.Gutter $gutter={8} />\n          <S.Header>\n            <S.HeaderLeft>{headerLeft}</S.HeaderLeft>\n            <S.HeaderRight>{headerRight}</S.HeaderRight>\n          </S.Header>\n        </>\n      )}\n      <S.Gutter $gutter={shouldRenderHeader ? 8 : 16} />\n      {title && <S.Title>{title}</S.Title>}\n      {shouldAddGutterAfterTitle && <S.Gutter $gutter={4} />}\n      {description && <S.Description>{description}</S.Description>}\n      <S.Gutter $gutter={16} />\n\n      {shouldRenderInstructions && (\n        <InstructionSeverityDisplay\n          labels={instructionLabels}\n          instructionText={instructions}\n          severity={instructionSeverity}\n          showCard={false}\n          padding={`14px 17px`}\n          detailsFontSize={`12px`}\n          maxLines={view === 'grid' ? 3 : undefined}\n        />\n      )}\n      {shouldAddGutterAfterInstructions && <S.Gutter $gutter={16} />}\n      {shouldRenderFooter && (\n        <S.Footer>\n          <S.FooterLeft>{footerLeft}</S.FooterLeft>\n          <S.FooterRight>{footerRight}</S.FooterRight>\n        </S.Footer>\n      )}\n      {shouldRenderFooter && <S.Gutter $gutter={16} />}\n    </S.SummaryCard>\n  );\n});\n\nSummaryCard.propTypes = {\n  /**\n   * Wether the SummaryCard is active or not.\n   */\n  activeSummaryCard: PropTypes.bool,\n  /**\n   * Title of the content\n   */\n  title: PropTypes.string,\n  /**\n   * Description of the content\n   */\n  description: PropTypes.string,\n  /**\n   * Special instructions for the content\n   */\n  instructions: PropTypes.string,\n  /**\n   * Type of instructions\n   */\n  instructionSeverity: PropTypes.oneOf([1, 2, 3, 4, 5]),\n  /**\n   * One or more children to render in the left half of the header\n   */\n  headerLeft: PropTypes.node,\n  /**\n   * One or more children to render in the right half of the header\n   */\n  headerRight: PropTypes.node,\n  /**\n   * One or more children to render in the left half of the footer\n   */\n  footerLeft: PropTypes.node,\n  /**\n   * One or more children to render in the right half of the footer\n   */\n  footerRight: PropTypes.node,\n  /**\n   * Width of the card\n   */\n  width: PropTypes.number,\n  /**\n   * Whether or not to use a border around the card\n   */\n  useBorder: PropTypes.bool,\n  /**\n   * Whether or not the Summary Card is within the CompactCard view or Grid view\n   */\n  view: PropTypes.string,\n  /**\n   * Translated labels object for instruction(Info,Limited Use etc)\n   */\n  instructionLabels: PropTypes.objectOf(PropTypes.string)\n};\n\nSummaryCard.defaultProps = {\n  title: '',\n  description: '',\n  instructions: '',\n  instructionSeverity: 1,\n  headerLeft: null,\n  headerRight: null,\n  footerLeft: null,\n  footerRight: null,\n  useBorder: false,\n  activeSummaryCard: false\n};\n\nexport default SummaryCard;\n"],"names":["SummaryCard","React","forwardRef","AssetSummaryCard","activeSummaryCard","title","description","instructions","instructionSeverity","headerLeft","headerRight","footerLeft","footerRight","width","useBorder","view","instructionLabels","props","forwardedRef","shouldRenderInstructions","shouldRenderHeader","shouldRenderFooter","shouldAddGutterAfterInstructions","shouldAddGutterAfterTitle","filteredProps","Object","fromEntries","entries","filter","key","createElement","S","_extends","ref","$useBorder","Fragment","$gutter","InstructionSeverityDisplay","labels","instructionText","severity","showCard","padding","detailsFontSize","maxLines","undefined","propTypes","process","env","NODE_ENV","PropTypes","bool","string","oneOf","node","number","objectOf","defaultProps"],"mappings":"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"}
+{"version":3,"file":"SummaryCard.js","sources":["../../../src/components/widgets/SummaryCard/SummaryCard.tsx"],"sourcesContent":["import React from 'react';\nimport InstructionSeverityDisplay from '../InstructionSeverityDisplay';\nimport * as S from './SummaryCard.styled';\n\ntype AssetSummaryCardOwnProps = {\n  /**\n   * Wether the SummaryCard is active or not.\n   */\n  activeSummaryCard?: boolean;\n  /**\n   * Title of the content\n   */\n  title?: string;\n  /**\n   * Description of the content\n   */\n  description?: string;\n  /**\n   * Special instructions for the content\n   */\n  instructions?: string;\n  /**\n   * Type of instructions\n   */\n  instructionSeverity?: 1 | 2 | 3 | 4 | 5;\n  /**\n   * One or more children to render in the left half of the header\n   */\n  headerLeft?: React.ReactNode;\n  /**\n   * One or more children to render in the right half of the header\n   */\n  headerRight?: React.ReactNode;\n  /**\n   * One or more children to render in the left half of the footer\n   */\n  footerLeft?: React.ReactNode;\n  /**\n   * One or more children to render in the right half of the footer\n   */\n  footerRight?: React.ReactNode;\n  /**\n   * Width of the card\n   */\n  width?: number;\n  /**\n   * Whether or not to use a border around the card\n   */\n  useBorder?: boolean;\n  /**\n   * Whether or not the Summary Card is within the CompactCard view or Grid view\n   */\n  view?: string;\n  /**\n   * Translated labels object for instruction(Info,Limited Use etc)\n   */\n  instructionLabels?: {\n    [key: string]: string;\n  };\n};\n\n/*\n * NMB-3998 §C.2: `props` is spread onto `S.SummaryCard`, so the published type\n * has to admit that target's props too — a closed type here is worse than `any` for the\n * 125 consumer files. Declared members win over the base (`Omit` by `keyof AssetSummaryCardOwnProps`);\n * a bare `&` would INTERSECT a colliding member instead of overriding it, which narrows\n * it (measured: `rows?: number | string` & `rows?: number`) or empties it to `never`.\n */\ntype Props = Omit<\n  React.ComponentPropsWithoutRef<typeof S.SummaryCard>,\n  keyof AssetSummaryCardOwnProps\n> &\n  AssetSummaryCardOwnProps;\n\n/**\n * ### Import\n *\n * ``` js\n * import { SummaryCard } from '@ntbjs/react-components/widgets'\n * // or\n * import SummaryCard from '@ntbjs/react-components/widgets/SummaryCard'\n * ```\n *\n * ### Props\n * ```\n * Pass `title=\"Title\"` to set the title of the card.\n * Pass `description=\"Description\"` to set the description of the card.\n * Pass `instructions=\"Instructions\"` to set the instructions of the card.\n * Pass 1-5 to `instructionSeverity` to reflect the severity of the instructions.\n * Pass `headerLeft={<div>Left</div>}` to set the left header of the card.\n * Pass `headerRight={<div>Right</div>}` to set the right header of the card.\n * Pass `footerLeft={<div>Left</div>}` to set the left footer of the card.\n * Pass `footerRight={<div>Right</div>}` to set the right footer of the card.\n * Pass `width={300}` to set the width of the card.\n * Pass `useBorder={true}` to set the border of the card.\n * ```\n */\n\nconst SummaryCard = React.forwardRef<any, Props>(function AssetSummaryCard(\n  {\n    activeSummaryCard = false,\n    title = '',\n    description = '',\n    instructions = '',\n    instructionSeverity = 1,\n    headerLeft = null,\n    headerRight = null,\n    footerLeft = null,\n    footerRight = null,\n    width,\n    useBorder = false,\n    view,\n    instructionLabels,\n    ...props\n  },\n  forwardedRef\n) {\n  const shouldRenderInstructions = !!instructions;\n  const shouldRenderHeader = !!headerLeft || !!headerRight;\n  const shouldRenderFooter = !!footerLeft || !!footerRight;\n  const shouldAddGutterAfterInstructions = shouldRenderInstructions && shouldRenderFooter;\n  const shouldAddGutterAfterTitle =\n    !!title && (!!description || !!instructions || shouldRenderFooter);\n\n  if (!activeSummaryCard) return null;\n\n  const filteredProps = Object.fromEntries(\n    Object.entries(props).filter(([key]) => key !== 'compact')\n  );\n\n  return (\n    <S.SummaryCard\n      ref={forwardedRef}\n      width={width}\n      $useBorder={useBorder}\n      {...filteredProps}\n      view={view}\n    >\n      {shouldRenderHeader && (\n        <>\n          <S.Gutter $gutter={8} />\n          <S.Header>\n            <S.HeaderLeft>{headerLeft}</S.HeaderLeft>\n            <S.HeaderRight>{headerRight}</S.HeaderRight>\n          </S.Header>\n        </>\n      )}\n      <S.Gutter $gutter={shouldRenderHeader ? 8 : 16} />\n      {title && <S.Title>{title}</S.Title>}\n      {shouldAddGutterAfterTitle && <S.Gutter $gutter={4} />}\n      {description && <S.Description>{description}</S.Description>}\n      <S.Gutter $gutter={16} />\n\n      {shouldRenderInstructions && (\n        <InstructionSeverityDisplay\n          labels={instructionLabels}\n          instructionText={instructions}\n          severity={instructionSeverity}\n          showCard={false}\n          padding={`14px 17px`}\n          detailsFontSize={`12px`}\n          maxLines={view === 'grid' ? 3 : undefined}\n        />\n      )}\n      {shouldAddGutterAfterInstructions && <S.Gutter $gutter={16} />}\n      {shouldRenderFooter && (\n        <S.Footer>\n          <S.FooterLeft>{footerLeft}</S.FooterLeft>\n          <S.FooterRight>{footerRight}</S.FooterRight>\n        </S.Footer>\n      )}\n      {shouldRenderFooter && <S.Gutter $gutter={16} />}\n    </S.SummaryCard>\n  );\n});\n\nexport default SummaryCard;\n"],"names":["SummaryCard","React","forwardRef","AssetSummaryCard","activeSummaryCard","title","description","instructions","instructionSeverity","headerLeft","headerRight","footerLeft","footerRight","width","useBorder","view","instructionLabels","props","forwardedRef","shouldRenderInstructions","shouldRenderHeader","shouldRenderFooter","shouldAddGutterAfterInstructions","shouldAddGutterAfterTitle","filteredProps","Object","fromEntries","entries","filter","key","_jsxs","S","ref","$useBorder","children","_Fragment","_jsx","$gutter","InstructionSeverityDisplay","labels","instructionText","severity","showCard","padding","detailsFontSize","maxLines","undefined"],"mappings":"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"}