@transferwise/components 46.44.1 → 46.46.0

package/build/dateLookup/yearCalendar/table/YearCalendarTable.js

@@ -0,0 +1,83 @@
+'use strict';
+
+var formatting = require('@transferwise/formatting');
+var reactIntl = require('react-intl');
+var getFocusableTime = require('../../getFocusableTime/getFocusableTime.js');
+var TableLink = require('../../tableLink/TableLink.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+const ROWS = 5;
+const COLS = 4;
+const YEAR_ONLY_FORMAT = {
+  year: 'numeric'
+};
+const YearCalendarTable = ({
+  selectedDate,
+  min,
+  max,
+  viewYear,
+  placeholder,
+  onSelect
+}) => {
+  const {
+    locale
+  } = reactIntl.useIntl();
+  const startYear = viewYear - viewYear % 20;
+  const getLink = year => {
+    return /*#__PURE__*/jsxRuntime.jsx(TableLink, {
+      item: year,
+      type: "year",
+      title: formatting.formatDate(new Date(year, 0), locale, YEAR_ONLY_FORMAT),
+      active: isActive(year),
+      disabled: isDisabled(year),
+      today: isThisYear(year),
+      autofocus: autofocusYear === year,
+      onClick: onSelect
+    });
+  };
+  const isActive = year => {
+    return !!(selectedDate && year === selectedDate.getFullYear());
+  };
+  const isThisYear = year => {
+    return year === new Date().getFullYear();
+  };
+  const isDisabled = year => {
+    return !!(min && year < min.getFullYear() || max && year > max.getFullYear());
+  };
+  const autofocusYear = (() => {
+    const years = Array.from({
+      length: ROWS * COLS
+    }, (_, index) => startYear + index);
+    return getFocusableTime.getFocusableTime({
+      isActive,
+      isNow: isThisYear,
+      isDisabled,
+      timeSpan: years
+    });
+  })();
+  return /*#__PURE__*/jsxRuntime.jsxs("table", {
+    className: "table table-condensed table-bordered tw-date-lookup-calendar m-b-0",
+    children: [/*#__PURE__*/jsxRuntime.jsx("thead", {
+      className: "sr-only",
+      children: /*#__PURE__*/jsxRuntime.jsx("tr", {
+        children: /*#__PURE__*/jsxRuntime.jsx("th", {
+          colSpan: COLS,
+          children: placeholder
+        })
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx("tbody", {
+      children: Array.from({
+        length: ROWS
+      }, (_, rowIndex) => /*#__PURE__*/jsxRuntime.jsx("tr", {
+        children: Array.from({
+          length: COLS
+        }, (_, colIndex) => /*#__PURE__*/jsxRuntime.jsx("td", {
+          children: getLink(startYear + rowIndex * COLS + colIndex)
+        }, colIndex))
+      }, rowIndex))
+    })]
+  });
+};
+
+module.exports = YearCalendarTable;
+//# sourceMappingURL=YearCalendarTable.js.map

package/build/dateLookup/yearCalendar/table/YearCalendarTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearCalendarTable.js","sources":["../../../../src/dateLookup/yearCalendar/table/YearCalendarTable.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { useIntl } from 'react-intl';\n\nimport { getFocusableTime } from '../../getFocusableTime/getFocusableTime';\nimport TableLink from '../../tableLink';\n\ninterface YearCalendarTableProps {\n  selectedDate: Date | null;\n  min: Date | null;\n  max: Date | null;\n  viewYear: number;\n  placeholder: string;\n  onSelect: (year: number) => void;\n}\n\nconst ROWS = 5;\nconst COLS = 4;\nconst YEAR_ONLY_FORMAT: Intl.DateTimeFormatOptions = { year: 'numeric' };\n\nconst YearCalendarTable = ({\n  selectedDate,\n  min,\n  max,\n  viewYear,\n  placeholder,\n  onSelect,\n}: YearCalendarTableProps) => {\n  const { locale } = useIntl();\n  const startYear = viewYear - (viewYear % 20);\n  const getLink = (year: number) => {\n    return (\n      <TableLink\n        item={year}\n        type=\"year\"\n        title={formatDate(new Date(year, 0), locale, YEAR_ONLY_FORMAT)}\n        active={isActive(year)}\n        disabled={isDisabled(year)}\n        today={isThisYear(year)}\n        autofocus={autofocusYear === year}\n        onClick={onSelect}\n      />\n    );\n  };\n\n  const isActive = (year: number) => {\n    return !!(selectedDate && year === selectedDate.getFullYear());\n  };\n\n  const isThisYear = (year: number) => {\n    return year === new Date().getFullYear();\n  };\n\n  const isDisabled = (year: number) => {\n    return !!((min && year < min.getFullYear()) || (max && year > max.getFullYear()));\n  };\n\n  const autofocusYear = (() => {\n    const years = Array.from({ length: ROWS * COLS }, (_, index) => startYear + index);\n    return getFocusableTime({ isActive, isNow: isThisYear, isDisabled, timeSpan: years });\n  })();\n\n  return (\n    <table className=\"table table-condensed table-bordered tw-date-lookup-calendar m-b-0\">\n      <thead className=\"sr-only\">\n        <tr>\n          <th colSpan={COLS}>{placeholder}</th>\n        </tr>\n      </thead>\n      <tbody>\n        {Array.from({ length: ROWS }, (_, rowIndex) => (\n          <tr key={rowIndex}>\n            {Array.from({ length: COLS }, (_, colIndex) => (\n              <td key={colIndex}>{getLink(startYear + rowIndex * COLS + colIndex)}</td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n\nexport default YearCalendarTable;\n"],"names":["ROWS","COLS","YEAR_ONLY_FORMAT","year","YearCalendarTable","selectedDate","min","max","viewYear","placeholder","onSelect","locale","useIntl","startYear","getLink","_jsx","TableLink","item","type","title","formatDate","Date","active","isActive","disabled","isDisabled","today","isThisYear","autofocus","autofocusYear","onClick","getFullYear","years","Array","from","length","_","index","getFocusableTime","isNow","timeSpan","_jsxs","className","children","colSpan","rowIndex","colIndex"],"mappings":"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"}

package/build/dateLookup/yearCalendar/table/YearCalendarTable.mjs

@@ -0,0 +1,81 @@
+import { formatDate } from '@transferwise/formatting';
+import { useIntl } from 'react-intl';
+import { getFocusableTime } from '../../getFocusableTime/getFocusableTime.mjs';
+import TableLink from '../../tableLink/TableLink.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const ROWS = 5;
+const COLS = 4;
+const YEAR_ONLY_FORMAT = {
+  year: 'numeric'
+};
+const YearCalendarTable = ({
+  selectedDate,
+  min,
+  max,
+  viewYear,
+  placeholder,
+  onSelect
+}) => {
+  const {
+    locale
+  } = useIntl();
+  const startYear = viewYear - viewYear % 20;
+  const getLink = year => {
+    return /*#__PURE__*/jsx(TableLink, {
+      item: year,
+      type: "year",
+      title: formatDate(new Date(year, 0), locale, YEAR_ONLY_FORMAT),
+      active: isActive(year),
+      disabled: isDisabled(year),
+      today: isThisYear(year),
+      autofocus: autofocusYear === year,
+      onClick: onSelect
+    });
+  };
+  const isActive = year => {
+    return !!(selectedDate && year === selectedDate.getFullYear());
+  };
+  const isThisYear = year => {
+    return year === new Date().getFullYear();
+  };
+  const isDisabled = year => {
+    return !!(min && year < min.getFullYear() || max && year > max.getFullYear());
+  };
+  const autofocusYear = (() => {
+    const years = Array.from({
+      length: ROWS * COLS
+    }, (_, index) => startYear + index);
+    return getFocusableTime({
+      isActive,
+      isNow: isThisYear,
+      isDisabled,
+      timeSpan: years
+    });
+  })();
+  return /*#__PURE__*/jsxs("table", {
+    className: "table table-condensed table-bordered tw-date-lookup-calendar m-b-0",
+    children: [/*#__PURE__*/jsx("thead", {
+      className: "sr-only",
+      children: /*#__PURE__*/jsx("tr", {
+        children: /*#__PURE__*/jsx("th", {
+          colSpan: COLS,
+          children: placeholder
+        })
+      })
+    }), /*#__PURE__*/jsx("tbody", {
+      children: Array.from({
+        length: ROWS
+      }, (_, rowIndex) => /*#__PURE__*/jsx("tr", {
+        children: Array.from({
+          length: COLS
+        }, (_, colIndex) => /*#__PURE__*/jsx("td", {
+          children: getLink(startYear + rowIndex * COLS + colIndex)
+        }, colIndex))
+      }, rowIndex))
+    })]
+  });
+};
+
+export { YearCalendarTable as default };
+//# sourceMappingURL=YearCalendarTable.mjs.map

package/build/dateLookup/yearCalendar/table/YearCalendarTable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearCalendarTable.mjs","sources":["../../../../src/dateLookup/yearCalendar/table/YearCalendarTable.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { useIntl } from 'react-intl';\n\nimport { getFocusableTime } from '../../getFocusableTime/getFocusableTime';\nimport TableLink from '../../tableLink';\n\ninterface YearCalendarTableProps {\n  selectedDate: Date | null;\n  min: Date | null;\n  max: Date | null;\n  viewYear: number;\n  placeholder: string;\n  onSelect: (year: number) => void;\n}\n\nconst ROWS = 5;\nconst COLS = 4;\nconst YEAR_ONLY_FORMAT: Intl.DateTimeFormatOptions = { year: 'numeric' };\n\nconst YearCalendarTable = ({\n  selectedDate,\n  min,\n  max,\n  viewYear,\n  placeholder,\n  onSelect,\n}: YearCalendarTableProps) => {\n  const { locale } = useIntl();\n  const startYear = viewYear - (viewYear % 20);\n  const getLink = (year: number) => {\n    return (\n      <TableLink\n        item={year}\n        type=\"year\"\n        title={formatDate(new Date(year, 0), locale, YEAR_ONLY_FORMAT)}\n        active={isActive(year)}\n        disabled={isDisabled(year)}\n        today={isThisYear(year)}\n        autofocus={autofocusYear === year}\n        onClick={onSelect}\n      />\n    );\n  };\n\n  const isActive = (year: number) => {\n    return !!(selectedDate && year === selectedDate.getFullYear());\n  };\n\n  const isThisYear = (year: number) => {\n    return year === new Date().getFullYear();\n  };\n\n  const isDisabled = (year: number) => {\n    return !!((min && year < min.getFullYear()) || (max && year > max.getFullYear()));\n  };\n\n  const autofocusYear = (() => {\n    const years = Array.from({ length: ROWS * COLS }, (_, index) => startYear + index);\n    return getFocusableTime({ isActive, isNow: isThisYear, isDisabled, timeSpan: years });\n  })();\n\n  return (\n    <table className=\"table table-condensed table-bordered tw-date-lookup-calendar m-b-0\">\n      <thead className=\"sr-only\">\n        <tr>\n          <th colSpan={COLS}>{placeholder}</th>\n        </tr>\n      </thead>\n      <tbody>\n        {Array.from({ length: ROWS }, (_, rowIndex) => (\n          <tr key={rowIndex}>\n            {Array.from({ length: COLS }, (_, colIndex) => (\n              <td key={colIndex}>{getLink(startYear + rowIndex * COLS + colIndex)}</td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n\nexport default YearCalendarTable;\n"],"names":["ROWS","COLS","YEAR_ONLY_FORMAT","year","YearCalendarTable","selectedDate","min","max","viewYear","placeholder","onSelect","locale","useIntl","startYear","getLink","_jsx","TableLink","item","type","title","formatDate","Date","active","isActive","disabled","isDisabled","today","isThisYear","autofocus","autofocusYear","onClick","getFullYear","years","Array","from","length","_","index","getFocusableTime","isNow","timeSpan","_jsxs","className","children","colSpan","rowIndex","colIndex"],"mappings":"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"}

package/build/decision/Decision.js

@@ -0,0 +1,108 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classNames = require('classnames');
+var useScreenSize = require('../common/hooks/useScreenSize.js');
+var NavigationOption = require('../navigationOption/NavigationOption.js');
+var Tile = require('../tile/Tile.js');
+var jsxRuntime = require('react/jsx-runtime');
+var breakpoint = require('../common/propsValues/breakpoint.js');
+var size = require('../common/propsValues/size.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+
+exports.DecisionPresentation = void 0;
+(function (DecisionPresentation) {
+  DecisionPresentation["LIST"] = "LIST";
+  DecisionPresentation["LIST_BLOCK"] = "LIST_BLOCK";
+  DecisionPresentation["LIST_BLOCK_GRID"] = "LIST_BLOCK_GRID";
+})(exports.DecisionPresentation || (exports.DecisionPresentation = {}));
+exports.DecisionType = void 0;
+(function (DecisionType) {
+  DecisionType["NAVIGATION"] = "NAVIGATION";
+})(exports.DecisionType || (exports.DecisionType = {}));
+const Decision = ({
+  options,
+  presentation = exports.DecisionPresentation.LIST,
+  size: size$1 = size.Size.MEDIUM,
+  type = exports.DecisionType.NAVIGATION,
+  showMediaCircleInList = true,
+  isContainerAligned = false
+}) => {
+  const screenXs = useScreenSize.useScreenSize(breakpoint.Breakpoint.EXTRA_SMALL);
+  const screenSm = useScreenSize.useScreenSize(breakpoint.Breakpoint.SMALL);
+  if (type === exports.DecisionType.NAVIGATION) {
+    const renderedOptions = options.map(({
+      title,
+      description,
+      disabled,
+      href,
+      target,
+      media: {
+        list
+      },
+      onClick
+    }, key) => /*#__PURE__*/jsxRuntime.jsx(NavigationOption
+    // eslint-disable-next-line react/no-array-index-key
+    , {
+      complex: false,
+      content: description,
+      disabled: disabled,
+      href: href,
+      target: target,
+      media: list,
+      showMediaAtAllSizes: true,
+      showMediaCircle: showMediaCircleInList,
+      isContainerAligned: isContainerAligned,
+      title: title,
+      onClick: onClick
+    }, `nav-${key}`));
+    if (presentation === exports.DecisionPresentation.LIST_BLOCK || presentation === exports.DecisionPresentation.LIST_BLOCK_GRID) {
+      const isSmall = size$1 === size.Size.SMALL;
+      const breakpoint = isSmall ? screenXs : screenSm;
+      const isGrid = presentation === exports.DecisionPresentation.LIST_BLOCK_GRID;
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: classNames__default.default('np-decision d-flex', {
+          'np-decision--small': isSmall,
+          'np-decision--grid': isGrid
+        }, breakpoint ? isGrid && 'flex-wrap' : 'flex-column'),
+        children: breakpoint ? options.map(({
+          description,
+          disabled,
+          href,
+          target,
+          media: {
+            block
+          },
+          onClick,
+          title
+        }, key) => /*#__PURE__*/jsxRuntime.jsx(Tile
+        // eslint-disable-next-line react/no-array-index-key
+        , {
+          className: classNames__default.default(`np-decision__tile${isSmall ? '--small' : ''}`, {
+            'np-decision__tile--fixed-width': isGrid
+          }),
+          description: description,
+          disabled: disabled,
+          href: href,
+          target: target,
+          media: block,
+          size: isSmall ? size.Size.SMALL : size.Size.MEDIUM,
+          title: title,
+          onClick: onClick
+        }, `tile-${key}`)) : renderedOptions
+      });
+    }
+    // LIST
+    return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: renderedOptions
+    });
+  }
+  return null;
+};
+
+exports.default = Decision;
+//# sourceMappingURL=Decision.js.map

package/build/decision/Decision.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Decision.js","sources":["../../src/decision/Decision.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { Size, Breakpoint, SizeSmall, SizeMedium } from '../common';\nimport { useScreenSize } from '../common/hooks/useScreenSize';\nimport NavigationOption from '../navigationOption';\nimport Tile from '../tile';\n\ninterface DecisionOption {\n  description?: React.ReactNode;\n  disabled?: boolean;\n  href?: string;\n  target?: React.HTMLAttributeAnchorTarget;\n  media: {\n    block: React.ReactNode;\n    list: React.ReactNode;\n  };\n  onClick?: (event?: React.MouseEvent<HTMLElement>) => void;\n  title: React.ReactNode;\n}\n\nexport enum DecisionPresentation {\n  LIST = 'LIST',\n  LIST_BLOCK = 'LIST_BLOCK',\n  LIST_BLOCK_GRID = 'LIST_BLOCK_GRID',\n}\n\nexport enum DecisionType {\n  NAVIGATION = 'NAVIGATION',\n}\n\nexport interface DecisionProps {\n  /**  A list of elements to be rendered */\n  options: readonly DecisionOption[];\n  /**  Handles the display mode of the component */\n  presentation?: `${DecisionPresentation}`;\n  /** Size currently affects only Tile dimension */\n  size?: SizeSmall | SizeMedium;\n  /** Decide which kind of element type needs to be rendered ex: Navigation Options or in the future Radio or Checkbox Options */\n  type?: `${DecisionType}`;\n\n  /** Display media in a circle in list presentation */\n  showMediaCircleInList?: boolean;\n\n  /** Sets navigation options to be aligned with the parent container */\n  isContainerAligned?: boolean;\n}\n\nconst Decision = ({\n  options,\n  presentation = DecisionPresentation.LIST,\n  size = Size.MEDIUM,\n  type = DecisionType.NAVIGATION,\n  showMediaCircleInList = true,\n  isContainerAligned = false,\n}: DecisionProps) => {\n  const screenXs = useScreenSize(Breakpoint.EXTRA_SMALL);\n  const screenSm = useScreenSize(Breakpoint.SMALL);\n\n  if (type === DecisionType.NAVIGATION) {\n    const renderedOptions = options.map(\n      ({ title, description, disabled, href, target, media: { list }, onClick }, key) => (\n        <NavigationOption\n          // eslint-disable-next-line react/no-array-index-key\n          key={`nav-${key}`}\n          complex={false}\n          content={description}\n          disabled={disabled}\n          href={href}\n          target={target}\n          media={list}\n          showMediaAtAllSizes\n          showMediaCircle={showMediaCircleInList}\n          isContainerAligned={isContainerAligned}\n          title={title}\n          onClick={onClick}\n        />\n      ),\n    );\n\n    if (\n      presentation === DecisionPresentation.LIST_BLOCK ||\n      presentation === DecisionPresentation.LIST_BLOCK_GRID\n    ) {\n      const isSmall = size === Size.SMALL;\n      const breakpoint = isSmall ? screenXs : screenSm;\n\n      const isGrid = presentation === DecisionPresentation.LIST_BLOCK_GRID;\n\n      return (\n        <div\n          className={classNames(\n            'np-decision d-flex',\n            {\n              'np-decision--small': isSmall,\n              'np-decision--grid': isGrid,\n            },\n            breakpoint ? isGrid && 'flex-wrap' : 'flex-column',\n          )}\n        >\n          {breakpoint\n            ? options.map(\n                (\n                  { description, disabled, href, target, media: { block }, onClick, title },\n                  key,\n                ) => (\n                  <Tile\n                    // eslint-disable-next-line react/no-array-index-key\n                    key={`tile-${key}`}\n                    className={classNames(`np-decision__tile${isSmall ? '--small' : ''}`, {\n                      'np-decision__tile--fixed-width': isGrid,\n                    })}\n                    description={description}\n                    disabled={disabled}\n                    href={href}\n                    target={target}\n                    media={block}\n                    size={isSmall ? Size.SMALL : Size.MEDIUM}\n                    title={title}\n                    onClick={onClick}\n                  />\n                ),\n              )\n            : renderedOptions}\n        </div>\n      );\n    }\n    // LIST\n    return <>{renderedOptions}</>;\n  }\n  return null;\n};\n\nexport default Decision;\n"],"names":["DecisionPresentation","DecisionType","Decision","options","presentation","LIST","size","Size","MEDIUM","type","NAVIGATION","showMediaCircleInList","isContainerAligned","screenXs","useScreenSize","Breakpoint","EXTRA_SMALL","screenSm","SMALL","renderedOptions","map","title","description","disabled","href","target","media","list","onClick","key","_jsx","NavigationOption","complex","content","showMediaAtAllSizes","showMediaCircle","LIST_BLOCK","LIST_BLOCK_GRID","isSmall","breakpoint","isGrid","className","classNames","children","block","Tile","_Fragment"],"mappings":"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"}

package/build/decision/Decision.mjs

@@ -0,0 +1,100 @@
+import classNames from 'classnames';
+import { useScreenSize } from '../common/hooks/useScreenSize.mjs';
+import NavigationOption from '../navigationOption/NavigationOption.mjs';
+import Tile from '../tile/Tile.mjs';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { Breakpoint } from '../common/propsValues/breakpoint.mjs';
+import { Size } from '../common/propsValues/size.mjs';
+
+var DecisionPresentation;
+(function (DecisionPresentation) {
+  DecisionPresentation["LIST"] = "LIST";
+  DecisionPresentation["LIST_BLOCK"] = "LIST_BLOCK";
+  DecisionPresentation["LIST_BLOCK_GRID"] = "LIST_BLOCK_GRID";
+})(DecisionPresentation || (DecisionPresentation = {}));
+var DecisionType;
+(function (DecisionType) {
+  DecisionType["NAVIGATION"] = "NAVIGATION";
+})(DecisionType || (DecisionType = {}));
+const Decision = ({
+  options,
+  presentation = DecisionPresentation.LIST,
+  size = Size.MEDIUM,
+  type = DecisionType.NAVIGATION,
+  showMediaCircleInList = true,
+  isContainerAligned = false
+}) => {
+  const screenXs = useScreenSize(Breakpoint.EXTRA_SMALL);
+  const screenSm = useScreenSize(Breakpoint.SMALL);
+  if (type === DecisionType.NAVIGATION) {
+    const renderedOptions = options.map(({
+      title,
+      description,
+      disabled,
+      href,
+      target,
+      media: {
+        list
+      },
+      onClick
+    }, key) => /*#__PURE__*/jsx(NavigationOption
+    // eslint-disable-next-line react/no-array-index-key
+    , {
+      complex: false,
+      content: description,
+      disabled: disabled,
+      href: href,
+      target: target,
+      media: list,
+      showMediaAtAllSizes: true,
+      showMediaCircle: showMediaCircleInList,
+      isContainerAligned: isContainerAligned,
+      title: title,
+      onClick: onClick
+    }, `nav-${key}`));
+    if (presentation === DecisionPresentation.LIST_BLOCK || presentation === DecisionPresentation.LIST_BLOCK_GRID) {
+      const isSmall = size === Size.SMALL;
+      const breakpoint = isSmall ? screenXs : screenSm;
+      const isGrid = presentation === DecisionPresentation.LIST_BLOCK_GRID;
+      return /*#__PURE__*/jsx("div", {
+        className: classNames('np-decision d-flex', {
+          'np-decision--small': isSmall,
+          'np-decision--grid': isGrid
+        }, breakpoint ? isGrid && 'flex-wrap' : 'flex-column'),
+        children: breakpoint ? options.map(({
+          description,
+          disabled,
+          href,
+          target,
+          media: {
+            block
+          },
+          onClick,
+          title
+        }, key) => /*#__PURE__*/jsx(Tile
+        // eslint-disable-next-line react/no-array-index-key
+        , {
+          className: classNames(`np-decision__tile${isSmall ? '--small' : ''}`, {
+            'np-decision__tile--fixed-width': isGrid
+          }),
+          description: description,
+          disabled: disabled,
+          href: href,
+          target: target,
+          media: block,
+          size: isSmall ? Size.SMALL : Size.MEDIUM,
+          title: title,
+          onClick: onClick
+        }, `tile-${key}`)) : renderedOptions
+      });
+    }
+    // LIST
+    return /*#__PURE__*/jsx(Fragment, {
+      children: renderedOptions
+    });
+  }
+  return null;
+};
+
+export { DecisionPresentation, DecisionType, Decision as default };
+//# sourceMappingURL=Decision.mjs.map

package/build/decision/Decision.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Decision.mjs","sources":["../../src/decision/Decision.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { Size, Breakpoint, SizeSmall, SizeMedium } from '../common';\nimport { useScreenSize } from '../common/hooks/useScreenSize';\nimport NavigationOption from '../navigationOption';\nimport Tile from '../tile';\n\ninterface DecisionOption {\n  description?: React.ReactNode;\n  disabled?: boolean;\n  href?: string;\n  target?: React.HTMLAttributeAnchorTarget;\n  media: {\n    block: React.ReactNode;\n    list: React.ReactNode;\n  };\n  onClick?: (event?: React.MouseEvent<HTMLElement>) => void;\n  title: React.ReactNode;\n}\n\nexport enum DecisionPresentation {\n  LIST = 'LIST',\n  LIST_BLOCK = 'LIST_BLOCK',\n  LIST_BLOCK_GRID = 'LIST_BLOCK_GRID',\n}\n\nexport enum DecisionType {\n  NAVIGATION = 'NAVIGATION',\n}\n\nexport interface DecisionProps {\n  /**  A list of elements to be rendered */\n  options: readonly DecisionOption[];\n  /**  Handles the display mode of the component */\n  presentation?: `${DecisionPresentation}`;\n  /** Size currently affects only Tile dimension */\n  size?: SizeSmall | SizeMedium;\n  /** Decide which kind of element type needs to be rendered ex: Navigation Options or in the future Radio or Checkbox Options */\n  type?: `${DecisionType}`;\n\n  /** Display media in a circle in list presentation */\n  showMediaCircleInList?: boolean;\n\n  /** Sets navigation options to be aligned with the parent container */\n  isContainerAligned?: boolean;\n}\n\nconst Decision = ({\n  options,\n  presentation = DecisionPresentation.LIST,\n  size = Size.MEDIUM,\n  type = DecisionType.NAVIGATION,\n  showMediaCircleInList = true,\n  isContainerAligned = false,\n}: DecisionProps) => {\n  const screenXs = useScreenSize(Breakpoint.EXTRA_SMALL);\n  const screenSm = useScreenSize(Breakpoint.SMALL);\n\n  if (type === DecisionType.NAVIGATION) {\n    const renderedOptions = options.map(\n      ({ title, description, disabled, href, target, media: { list }, onClick }, key) => (\n        <NavigationOption\n          // eslint-disable-next-line react/no-array-index-key\n          key={`nav-${key}`}\n          complex={false}\n          content={description}\n          disabled={disabled}\n          href={href}\n          target={target}\n          media={list}\n          showMediaAtAllSizes\n          showMediaCircle={showMediaCircleInList}\n          isContainerAligned={isContainerAligned}\n          title={title}\n          onClick={onClick}\n        />\n      ),\n    );\n\n    if (\n      presentation === DecisionPresentation.LIST_BLOCK ||\n      presentation === DecisionPresentation.LIST_BLOCK_GRID\n    ) {\n      const isSmall = size === Size.SMALL;\n      const breakpoint = isSmall ? screenXs : screenSm;\n\n      const isGrid = presentation === DecisionPresentation.LIST_BLOCK_GRID;\n\n      return (\n        <div\n          className={classNames(\n            'np-decision d-flex',\n            {\n              'np-decision--small': isSmall,\n              'np-decision--grid': isGrid,\n            },\n            breakpoint ? isGrid && 'flex-wrap' : 'flex-column',\n          )}\n        >\n          {breakpoint\n            ? options.map(\n                (\n                  { description, disabled, href, target, media: { block }, onClick, title },\n                  key,\n                ) => (\n                  <Tile\n                    // eslint-disable-next-line react/no-array-index-key\n                    key={`tile-${key}`}\n                    className={classNames(`np-decision__tile${isSmall ? '--small' : ''}`, {\n                      'np-decision__tile--fixed-width': isGrid,\n                    })}\n                    description={description}\n                    disabled={disabled}\n                    href={href}\n                    target={target}\n                    media={block}\n                    size={isSmall ? Size.SMALL : Size.MEDIUM}\n                    title={title}\n                    onClick={onClick}\n                  />\n                ),\n              )\n            : renderedOptions}\n        </div>\n      );\n    }\n    // LIST\n    return <>{renderedOptions}</>;\n  }\n  return null;\n};\n\nexport default Decision;\n"],"names":["DecisionPresentation","DecisionType","Decision","options","presentation","LIST","size","Size","MEDIUM","type","NAVIGATION","showMediaCircleInList","isContainerAligned","screenXs","useScreenSize","Breakpoint","EXTRA_SMALL","screenSm","SMALL","renderedOptions","map","title","description","disabled","href","target","media","list","onClick","key","_jsx","NavigationOption","complex","content","showMediaAtAllSizes","showMediaCircle","LIST_BLOCK","LIST_BLOCK_GRID","isSmall","breakpoint","isGrid","className","classNames","children","block","Tile","_Fragment"],"mappings":"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"}

package/build/definitionList/DefinitionList.js

@@ -0,0 +1,72 @@
+'use strict';
+
+var classNames = require('classnames');
+var ActionButton = require('../actionButton/ActionButton.js');
+var jsxRuntime = require('react/jsx-runtime');
+var layouts = require('../common/propsValues/layouts.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+
+const isLayoutHorizontal = layout => layout === layouts.Layout.HORIZONTAL_LEFT_ALIGNED || layout === layouts.Layout.HORIZONTAL_RIGHT_ALIGNED || layout === layouts.Layout.HORIZONTAL_JUSTIFIED;
+const getAlignmentClasses = (layout, action) => {
+  const classes = ['d-flex'];
+  if (action) {
+    if (isLayoutHorizontal(layout)) {
+      classes.push('align-items-center');
+    } else {
+      classes.push('align-items-start');
+    }
+  }
+  if (layout === layouts.Layout.HORIZONTAL_RIGHT_ALIGNED) {
+    classes.push('text-sm-right tw-definition-list--right-aligned-desktop');
+  } else {
+    classes.push('justify-content-between');
+  }
+  if (layout === layouts.Layout.HORIZONTAL_JUSTIFIED) {
+    classes.push('text-sm-justify');
+  }
+  return classes;
+};
+const defaultDefinitions = [];
+function DefinitionList({
+  definitions = defaultDefinitions,
+  layout = 'VERTICAL_TWO_COLUMN',
+  muted
+}) {
+  return /*#__PURE__*/jsxRuntime.jsx("dl", {
+    className: classNames__default.default('tw-definition-list d-flex ', {
+      'text-muted': muted,
+      'flex-column': layout === layouts.Layout.VERTICAL_ONE_COLUMN,
+      'tw-definition-list--columns flex-column flex-row--sm': layout === layouts.Layout.VERTICAL_TWO_COLUMN,
+      'tw-definition-list--horizontal flex-column': isLayoutHorizontal(layout)
+    }),
+    children: definitions.filter(definition => definition).map(({
+      action,
+      title,
+      value,
+      key
+    }) => /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "tw-definition-list__item",
+      children: [/*#__PURE__*/jsxRuntime.jsx("dt", {
+        children: title
+      }), /*#__PURE__*/jsxRuntime.jsxs("dd", {
+        className: classNames__default.default(...getAlignmentClasses(layout, action)),
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          children: value
+        }), action ? /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: classNames__default.default(isLayoutHorizontal(layout) ? 'p-l-2' : 'p-x-2', 'tw-definition-list__action'),
+          children: /*#__PURE__*/jsxRuntime.jsx(ActionButton, {
+            className: "tw-definition-list__button",
+            onClick: action.onClick,
+            children: action.label
+          })
+        }) : null]
+      })]
+    }, key))
+  });
+}
+
+module.exports = DefinitionList;
+//# sourceMappingURL=DefinitionList.js.map

package/build/definitionList/DefinitionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefinitionList.js","sources":["../../src/definitionList/DefinitionList.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport ActionButton from '../actionButton';\nimport { Layout } from '../common';\n\nexport interface DefinitionListDefinition {\n  action?: {\n    label: string;\n    onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  };\n  title: React.ReactNode;\n  value: React.ReactNode;\n  key: string;\n}\n\ntype DefinitionListLayout =\n  `${Layout.VERTICAL_TWO_COLUMN | Layout.VERTICAL_ONE_COLUMN | Layout.HORIZONTAL_JUSTIFIED | Layout.HORIZONTAL_LEFT_ALIGNED | Layout.HORIZONTAL_RIGHT_ALIGNED}`;\n\nexport interface DefinitionListProps {\n  definitions?: DefinitionListDefinition[];\n  layout?: DefinitionListLayout;\n  muted?: boolean;\n}\n\nconst isLayoutHorizontal = (layout: DefinitionListLayout) =>\n  layout === Layout.HORIZONTAL_LEFT_ALIGNED ||\n  layout === Layout.HORIZONTAL_RIGHT_ALIGNED ||\n  layout === Layout.HORIZONTAL_JUSTIFIED;\n\nconst getAlignmentClasses = (\n  layout: DefinitionListLayout,\n  action: DefinitionListDefinition['action'],\n) => {\n  const classes = ['d-flex'];\n\n  if (action) {\n    if (isLayoutHorizontal(layout)) {\n      classes.push('align-items-center');\n    } else {\n      classes.push('align-items-start');\n    }\n  }\n\n  if (layout === Layout.HORIZONTAL_RIGHT_ALIGNED) {\n    classes.push('text-sm-right tw-definition-list--right-aligned-desktop');\n  } else {\n    classes.push('justify-content-between');\n  }\n\n  if (layout === Layout.HORIZONTAL_JUSTIFIED) {\n    classes.push('text-sm-justify');\n  }\n\n  return classes;\n};\n\nconst defaultDefinitions = [] satisfies DefinitionListProps['definitions'];\n\nexport default function DefinitionList({\n  definitions = defaultDefinitions,\n  layout = 'VERTICAL_TWO_COLUMN',\n  muted,\n}: DefinitionListProps) {\n  return (\n    <dl\n      className={classNames('tw-definition-list d-flex ', {\n        'text-muted': muted,\n        'flex-column': layout === Layout.VERTICAL_ONE_COLUMN,\n        'tw-definition-list--columns flex-column flex-row--sm':\n          layout === Layout.VERTICAL_TWO_COLUMN,\n        'tw-definition-list--horizontal flex-column': isLayoutHorizontal(layout),\n      })}\n    >\n      {definitions\n        .filter((definition) => definition)\n        .map(({ action, title, value, key }) => (\n          <div key={key} className=\"tw-definition-list__item\">\n            <dt>{title}</dt>\n            <dd className={classNames(...getAlignmentClasses(layout, action))}>\n              <div>{value}</div>\n              {action ? (\n                <div\n                  className={classNames(\n                    isLayoutHorizontal(layout) ? 'p-l-2' : 'p-x-2',\n                    'tw-definition-list__action',\n                  )}\n                >\n                  <ActionButton className=\"tw-definition-list__button\" onClick={action.onClick}>\n                    {action.label}\n                  </ActionButton>\n                </div>\n              ) : null}\n            </dd>\n          </div>\n        ))}\n    </dl>\n  );\n}\n"],"names":["isLayoutHorizontal","layout","Layout","HORIZONTAL_LEFT_ALIGNED","HORIZONTAL_RIGHT_ALIGNED","HORIZONTAL_JUSTIFIED","getAlignmentClasses","action","classes","push","defaultDefinitions","DefinitionList","definitions","muted","_jsx","className","classNames","VERTICAL_ONE_COLUMN","VERTICAL_TWO_COLUMN","children","filter","definition","map","title","value","key","_jsxs","ActionButton","onClick","label"],"mappings":"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"}

package/build/definitionList/DefinitionList.mjs

@@ -0,0 +1,66 @@
+import classNames from 'classnames';
+import ActionButton from '../actionButton/ActionButton.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Layout } from '../common/propsValues/layouts.mjs';
+
+const isLayoutHorizontal = layout => layout === Layout.HORIZONTAL_LEFT_ALIGNED || layout === Layout.HORIZONTAL_RIGHT_ALIGNED || layout === Layout.HORIZONTAL_JUSTIFIED;
+const getAlignmentClasses = (layout, action) => {
+  const classes = ['d-flex'];
+  if (action) {
+    if (isLayoutHorizontal(layout)) {
+      classes.push('align-items-center');
+    } else {
+      classes.push('align-items-start');
+    }
+  }
+  if (layout === Layout.HORIZONTAL_RIGHT_ALIGNED) {
+    classes.push('text-sm-right tw-definition-list--right-aligned-desktop');
+  } else {
+    classes.push('justify-content-between');
+  }
+  if (layout === Layout.HORIZONTAL_JUSTIFIED) {
+    classes.push('text-sm-justify');
+  }
+  return classes;
+};
+const defaultDefinitions = [];
+function DefinitionList({
+  definitions = defaultDefinitions,
+  layout = 'VERTICAL_TWO_COLUMN',
+  muted
+}) {
+  return /*#__PURE__*/jsx("dl", {
+    className: classNames('tw-definition-list d-flex ', {
+      'text-muted': muted,
+      'flex-column': layout === Layout.VERTICAL_ONE_COLUMN,
+      'tw-definition-list--columns flex-column flex-row--sm': layout === Layout.VERTICAL_TWO_COLUMN,
+      'tw-definition-list--horizontal flex-column': isLayoutHorizontal(layout)
+    }),
+    children: definitions.filter(definition => definition).map(({
+      action,
+      title,
+      value,
+      key
+    }) => /*#__PURE__*/jsxs("div", {
+      className: "tw-definition-list__item",
+      children: [/*#__PURE__*/jsx("dt", {
+        children: title
+      }), /*#__PURE__*/jsxs("dd", {
+        className: classNames(...getAlignmentClasses(layout, action)),
+        children: [/*#__PURE__*/jsx("div", {
+          children: value
+        }), action ? /*#__PURE__*/jsx("div", {
+          className: classNames(isLayoutHorizontal(layout) ? 'p-l-2' : 'p-x-2', 'tw-definition-list__action'),
+          children: /*#__PURE__*/jsx(ActionButton, {
+            className: "tw-definition-list__button",
+            onClick: action.onClick,
+            children: action.label
+          })
+        }) : null]
+      })]
+    }, key))
+  });
+}
+
+export { DefinitionList as default };
+//# sourceMappingURL=DefinitionList.mjs.map

package/build/definitionList/DefinitionList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefinitionList.mjs","sources":["../../src/definitionList/DefinitionList.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport ActionButton from '../actionButton';\nimport { Layout } from '../common';\n\nexport interface DefinitionListDefinition {\n  action?: {\n    label: string;\n    onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  };\n  title: React.ReactNode;\n  value: React.ReactNode;\n  key: string;\n}\n\ntype DefinitionListLayout =\n  `${Layout.VERTICAL_TWO_COLUMN | Layout.VERTICAL_ONE_COLUMN | Layout.HORIZONTAL_JUSTIFIED | Layout.HORIZONTAL_LEFT_ALIGNED | Layout.HORIZONTAL_RIGHT_ALIGNED}`;\n\nexport interface DefinitionListProps {\n  definitions?: DefinitionListDefinition[];\n  layout?: DefinitionListLayout;\n  muted?: boolean;\n}\n\nconst isLayoutHorizontal = (layout: DefinitionListLayout) =>\n  layout === Layout.HORIZONTAL_LEFT_ALIGNED ||\n  layout === Layout.HORIZONTAL_RIGHT_ALIGNED ||\n  layout === Layout.HORIZONTAL_JUSTIFIED;\n\nconst getAlignmentClasses = (\n  layout: DefinitionListLayout,\n  action: DefinitionListDefinition['action'],\n) => {\n  const classes = ['d-flex'];\n\n  if (action) {\n    if (isLayoutHorizontal(layout)) {\n      classes.push('align-items-center');\n    } else {\n      classes.push('align-items-start');\n    }\n  }\n\n  if (layout === Layout.HORIZONTAL_RIGHT_ALIGNED) {\n    classes.push('text-sm-right tw-definition-list--right-aligned-desktop');\n  } else {\n    classes.push('justify-content-between');\n  }\n\n  if (layout === Layout.HORIZONTAL_JUSTIFIED) {\n    classes.push('text-sm-justify');\n  }\n\n  return classes;\n};\n\nconst defaultDefinitions = [] satisfies DefinitionListProps['definitions'];\n\nexport default function DefinitionList({\n  definitions = defaultDefinitions,\n  layout = 'VERTICAL_TWO_COLUMN',\n  muted,\n}: DefinitionListProps) {\n  return (\n    <dl\n      className={classNames('tw-definition-list d-flex ', {\n        'text-muted': muted,\n        'flex-column': layout === Layout.VERTICAL_ONE_COLUMN,\n        'tw-definition-list--columns flex-column flex-row--sm':\n          layout === Layout.VERTICAL_TWO_COLUMN,\n        'tw-definition-list--horizontal flex-column': isLayoutHorizontal(layout),\n      })}\n    >\n      {definitions\n        .filter((definition) => definition)\n        .map(({ action, title, value, key }) => (\n          <div key={key} className=\"tw-definition-list__item\">\n            <dt>{title}</dt>\n            <dd className={classNames(...getAlignmentClasses(layout, action))}>\n              <div>{value}</div>\n              {action ? (\n                <div\n                  className={classNames(\n                    isLayoutHorizontal(layout) ? 'p-l-2' : 'p-x-2',\n                    'tw-definition-list__action',\n                  )}\n                >\n                  <ActionButton className=\"tw-definition-list__button\" onClick={action.onClick}>\n                    {action.label}\n                  </ActionButton>\n                </div>\n              ) : null}\n            </dd>\n          </div>\n        ))}\n    </dl>\n  );\n}\n"],"names":["isLayoutHorizontal","layout","Layout","HORIZONTAL_LEFT_ALIGNED","HORIZONTAL_RIGHT_ALIGNED","HORIZONTAL_JUSTIFIED","getAlignmentClasses","action","classes","push","defaultDefinitions","DefinitionList","definitions","muted","_jsx","className","classNames","VERTICAL_ONE_COLUMN","VERTICAL_TWO_COLUMN","children","filter","definition","map","title","value","key","_jsxs","ActionButton","onClick","label"],"mappings":"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"}