@transferwise/components 0.0.0-experimental-a0f3d2d → 0.0.0-experimental-693e956

package/build/drawer/Drawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.js","sources":["../../src/drawer/Drawer.js"],"sourcesContent":["import classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { useId } from 'react';\n\nimport { Position, Typography } from '../common';\nimport { CloseButton } from '../common/closeButton';\nimport { useLayout } from '../common/hooks';\nimport Dimmer from '../dimmer';\nimport SlidingPanel from '../slidingPanel';\nimport Title from '../title';\nimport { logActionRequiredIf } from '../utilities';\n\nconst Drawer = ({ children, className, footerContent, headerTitle, onClose, open, position }) => {\n  logActionRequiredIf(\n    'Drawer now expects `onClose`, and will soon make this prop required. Please update your usage to provide it.',\n    !onClose,\n  );\n\n  const { isMobile } = useLayout();\n  const titleId = useId();\n\n  return (\n    <Dimmer open={open} onClose={onClose}>\n      <SlidingPanel open={open} position={isMobile ? Position.BOTTOM : position}>\n        <div\n          role=\"dialog\"\n          aria-modal\n          aria-labelledby={headerTitle ? titleId : undefined}\n          className={classNames('np-drawer', className)}\n        >\n          <div\n            className={classNames('np-drawer-header', {\n              'np-drawer-header--withborder': headerTitle,\n            })}\n          >\n            {headerTitle && (\n              <Title id={titleId} type={Typography.TITLE_BODY}>\n                {headerTitle}\n              </Title>\n            )}\n            <CloseButton onClick={onClose} />\n          </div>\n          {children && <div className={classNames('np-drawer-content')}>{children}</div>}\n          {footerContent && <div className={classNames('np-drawer-footer')}>{footerContent}</div>}\n        </div>\n      </SlidingPanel>\n    </Dimmer>\n  );\n};\n\nDrawer.propTypes = {\n  /** The content to appear in the drawer body. */\n  children: PropTypes.node,\n  className: PropTypes.string,\n  /** The content to appear in the drawer footer. */\n  footerContent: PropTypes.node,\n  /** The content to appear in the drawer header. */\n  headerTitle: PropTypes.node,\n  /** The status of Drawer either open or not. */\n  open: PropTypes.bool,\n  /** The placement of Drawer on the screen either left or right. On mobile it will default to bottom. */\n  position: PropTypes.oneOf(['left', 'right', 'bottom']),\n  /** The action to perform on close click. */\n  onClose: PropTypes.func,\n};\n\nDrawer.defaultProps = {\n  children: null,\n  className: undefined,\n  footerContent: null,\n  headerTitle: null,\n  onClose: null,\n  open: false,\n  position: Position.RIGHT,\n};\n\nexport default Drawer;\n"],"names":["Drawer","children","className","footerContent","headerTitle","onClose","open","position","logActionRequiredIf","isMobile","useLayout","titleId","useId","_jsx","Dimmer","SlidingPanel","Position","BOTTOM","_jsxs","role","undefined","classNames","Title","id","type","Typography","TITLE_BODY","CloseButton","onClick","propTypes","PropTypes","node","string","bool","oneOf","func","defaultProps","RIGHT"],"mappings":"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"}

package/build/drawer/Drawer.mjs

@@ -1,88 +0,0 @@
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import { useId } from 'react';
-import { CloseButton } from '../common/closeButton/CloseButton.mjs';
-import Dimmer from '../dimmer/Dimmer.mjs';
-import SlidingPanel from '../slidingPanel/SlidingPanel.mjs';
-import Title from '../title/Title.mjs';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { logActionRequiredIf } from '../utilities/logActionRequired.mjs';
-import { useLayout } from '../common/hooks/useLayout/useLayout.mjs';
-import { Position } from '../common/propsValues/position.mjs';
-import { Typography } from '../common/propsValues/typography.mjs';
-
-const Drawer = ({
-  children,
-  className,
-  footerContent,
-  headerTitle,
-  onClose,
-  open,
-  position
-}) => {
-  logActionRequiredIf('Drawer now expects `onClose`, and will soon make this prop required. Please update your usage to provide it.', !onClose);
-  const {
-    isMobile
-  } = useLayout();
-  const titleId = useId();
-  return /*#__PURE__*/jsx(Dimmer, {
-    open: open,
-    onClose: onClose,
-    children: /*#__PURE__*/jsx(SlidingPanel, {
-      open: open,
-      position: isMobile ? Position.BOTTOM : position,
-      children: /*#__PURE__*/jsxs("div", {
-        role: "dialog",
-        "aria-modal": true,
-        "aria-labelledby": headerTitle ? titleId : undefined,
-        className: classNames('np-drawer', className),
-        children: [/*#__PURE__*/jsxs("div", {
-          className: classNames('np-drawer-header', {
-            'np-drawer-header--withborder': headerTitle
-          }),
-          children: [headerTitle && /*#__PURE__*/jsx(Title, {
-            id: titleId,
-            type: Typography.TITLE_BODY,
-            children: headerTitle
-          }), /*#__PURE__*/jsx(CloseButton, {
-            onClick: onClose
-          })]
-        }), children && /*#__PURE__*/jsx("div", {
-          className: classNames('np-drawer-content'),
-          children: children
-        }), footerContent && /*#__PURE__*/jsx("div", {
-          className: classNames('np-drawer-footer'),
-          children: footerContent
-        })]
-      })
-    })
-  });
-};
-Drawer.propTypes = {
-  /** The content to appear in the drawer body. */
-  children: PropTypes.node,
-  className: PropTypes.string,
-  /** The content to appear in the drawer footer. */
-  footerContent: PropTypes.node,
-  /** The content to appear in the drawer header. */
-  headerTitle: PropTypes.node,
-  /** The status of Drawer either open or not. */
-  open: PropTypes.bool,
-  /** The placement of Drawer on the screen either left or right. On mobile it will default to bottom. */
-  position: PropTypes.oneOf(['left', 'right', 'bottom']),
-  /** The action to perform on close click. */
-  onClose: PropTypes.func
-};
-Drawer.defaultProps = {
-  children: null,
-  className: undefined,
-  footerContent: null,
-  headerTitle: null,
-  onClose: null,
-  open: false,
-  position: Position.RIGHT
-};
-var Drawer$1 = Drawer;
-
-export { Drawer$1 as default };
-//# sourceMappingURL=Drawer.mjs.map

package/build/drawer/Drawer.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.mjs","sources":["../../src/drawer/Drawer.js"],"sourcesContent":["import classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { useId } from 'react';\n\nimport { Position, Typography } from '../common';\nimport { CloseButton } from '../common/closeButton';\nimport { useLayout } from '../common/hooks';\nimport Dimmer from '../dimmer';\nimport SlidingPanel from '../slidingPanel';\nimport Title from '../title';\nimport { logActionRequiredIf } from '../utilities';\n\nconst Drawer = ({ children, className, footerContent, headerTitle, onClose, open, position }) => {\n  logActionRequiredIf(\n    'Drawer now expects `onClose`, and will soon make this prop required. Please update your usage to provide it.',\n    !onClose,\n  );\n\n  const { isMobile } = useLayout();\n  const titleId = useId();\n\n  return (\n    <Dimmer open={open} onClose={onClose}>\n      <SlidingPanel open={open} position={isMobile ? Position.BOTTOM : position}>\n        <div\n          role=\"dialog\"\n          aria-modal\n          aria-labelledby={headerTitle ? titleId : undefined}\n          className={classNames('np-drawer', className)}\n        >\n          <div\n            className={classNames('np-drawer-header', {\n              'np-drawer-header--withborder': headerTitle,\n            })}\n          >\n            {headerTitle && (\n              <Title id={titleId} type={Typography.TITLE_BODY}>\n                {headerTitle}\n              </Title>\n            )}\n            <CloseButton onClick={onClose} />\n          </div>\n          {children && <div className={classNames('np-drawer-content')}>{children}</div>}\n          {footerContent && <div className={classNames('np-drawer-footer')}>{footerContent}</div>}\n        </div>\n      </SlidingPanel>\n    </Dimmer>\n  );\n};\n\nDrawer.propTypes = {\n  /** The content to appear in the drawer body. */\n  children: PropTypes.node,\n  className: PropTypes.string,\n  /** The content to appear in the drawer footer. */\n  footerContent: PropTypes.node,\n  /** The content to appear in the drawer header. */\n  headerTitle: PropTypes.node,\n  /** The status of Drawer either open or not. */\n  open: PropTypes.bool,\n  /** The placement of Drawer on the screen either left or right. On mobile it will default to bottom. */\n  position: PropTypes.oneOf(['left', 'right', 'bottom']),\n  /** The action to perform on close click. */\n  onClose: PropTypes.func,\n};\n\nDrawer.defaultProps = {\n  children: null,\n  className: undefined,\n  footerContent: null,\n  headerTitle: null,\n  onClose: null,\n  open: false,\n  position: Position.RIGHT,\n};\n\nexport default Drawer;\n"],"names":["Drawer","children","className","footerContent","headerTitle","onClose","open","position","logActionRequiredIf","isMobile","useLayout","titleId","useId","_jsx","Dimmer","SlidingPanel","Position","BOTTOM","_jsxs","role","undefined","classNames","Title","id","type","Typography","TITLE_BODY","CloseButton","onClick","propTypes","PropTypes","node","string","bool","oneOf","func","defaultProps","RIGHT"],"mappings":"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"}

package/build/dropFade/DropFade.js

@@ -1,48 +0,0 @@
-'use strict';
-
-var React = require('react');
-var reactTransitionGroup = require('react-transition-group');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const DropFade = ({
-  children,
-  show
-}) => {
-  const reference = React.useRef(null);
-  const [height, setHeight] = React.useState(0);
-  const clonedChild = /*#__PURE__*/React__default.default.cloneElement(children);
-  return /*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.CSSTransition, {
-    nodeRef: reference,
-    in: show,
-    timeout: 300,
-    classNames: "np-dropfade",
-    onEntering: () => {
-      // Set height so we can animate to the correct height
-      setHeight(reference.current?.scrollHeight || 0);
-    }
-    // Un-set height, as we don't want to presume it should be that height forever
-    ,
-    onEntered: () => setHeight(undefined),
-    onExit: () => {
-      setHeight(reference.current?.scrollHeight || 0);
-    },
-    onExiting: () => {
-      setHeight(0);
-    },
-    children: /*#__PURE__*/jsxRuntime.jsx("div", {
-      ref: reference,
-      style: {
-        height
-      },
-      className: "np-dropfade",
-      children: clonedChild
-    })
-  });
-};
-
-module.exports = DropFade;
-//# sourceMappingURL=DropFade.js.map

package/build/dropFade/DropFade.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropFade.js","sources":["../../src/dropFade/DropFade.tsx"],"sourcesContent":["import React, { useRef, useState, ReactElement } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nconst DropFade = ({ children, show }: { children: ReactElement; show: boolean }) => {\n  const reference = useRef<HTMLDivElement>(null);\n  const [height, setHeight] = useState<number | undefined>(0);\n\n  const clonedChild = React.cloneElement(children);\n\n  return (\n    <CSSTransition\n      nodeRef={reference}\n      in={show}\n      timeout={300}\n      classNames=\"np-dropfade\"\n      onEntering={() => {\n        // Set height so we can animate to the correct height\n        setHeight(reference.current?.scrollHeight || 0);\n      }}\n      // Un-set height, as we don't want to presume it should be that height forever\n      onEntered={() => setHeight(undefined)}\n      onExit={() => {\n        setHeight(reference.current?.scrollHeight || 0);\n      }}\n      onExiting={() => {\n        setHeight(0);\n      }}\n    >\n      {/* eslint-disable-next-line react/forbid-dom-props */}\n      <div ref={reference} style={{ height }} className=\"np-dropfade\">\n        {clonedChild}\n      </div>\n    </CSSTransition>\n  );\n};\n\nexport default DropFade;\n"],"names":["DropFade","children","show","reference","useRef","height","setHeight","useState","clonedChild","React","cloneElement","_jsx","CSSTransition","nodeRef","in","timeout","classNames","onEntering","current","scrollHeight","onEntered","undefined","onExit","onExiting","ref","style","className"],"mappings":";;;;;;;;;;AAGMA,MAAAA,QAAQ,GAAGA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA,IAAAA;AAAiD,CAAA,KAAI;AACjF,EAAA,MAAMC,SAAS,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;EAC9C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGC,cAAQ,CAAqB,CAAC,CAAC,CAAA;AAE3D,EAAA,MAAMC,WAAW,gBAAGC,sBAAK,CAACC,YAAY,CAACT,QAAQ,CAAC,CAAA;EAEhD,oBACEU,cAAA,CAACC,kCAAa,EAAA;AACZC,IAAAA,OAAO,EAAEV,SAAU;AACnBW,IAAAA,EAAE,EAAEZ,IAAK;AACTa,IAAAA,OAAO,EAAE,GAAI;AACbC,IAAAA,UAAU,EAAC,aAAa;IACxBC,UAAU,EAAEA,MAAK;AACf;MACAX,SAAS,CAACH,SAAS,CAACe,OAAO,EAAEC,YAAY,IAAI,CAAC,CAAC,CAAA;AACjD,KAAA;AACA;AAAA;AACAC,IAAAA,SAAS,EAAEA,MAAMd,SAAS,CAACe,SAAS,CAAE;IACtCC,MAAM,EAAEA,MAAK;MACXhB,SAAS,CAACH,SAAS,CAACe,OAAO,EAAEC,YAAY,IAAI,CAAC,CAAC,CAAA;KAC/C;IACFI,SAAS,EAAEA,MAAK;MACdjB,SAAS,CAAC,CAAC,CAAC,CAAA;KACZ;AAAAL,IAAAA,QAAA,eAGFU,cAAA,CAAA,KAAA,EAAA;AAAKa,MAAAA,GAAG,EAAErB,SAAU;AAACsB,MAAAA,KAAK,EAAE;AAAEpB,QAAAA,MAAAA;OAAS;AAACqB,MAAAA,SAAS,EAAC,aAAa;AAAAzB,MAAAA,QAAA,EAC5DO,WAAAA;KACE,CAAA;AACP,GAAe,CAAC,CAAA;AAEpB;;;;"}

package/build/dropFade/DropFade.mjs

@@ -1,42 +0,0 @@
-import React__default, { useRef, useState } from 'react';
-import { CSSTransition } from 'react-transition-group';
-import { jsx } from 'react/jsx-runtime';
-
-const DropFade = ({
-  children,
-  show
-}) => {
-  const reference = useRef(null);
-  const [height, setHeight] = useState(0);
-  const clonedChild = /*#__PURE__*/React__default.cloneElement(children);
-  return /*#__PURE__*/jsx(CSSTransition, {
-    nodeRef: reference,
-    in: show,
-    timeout: 300,
-    classNames: "np-dropfade",
-    onEntering: () => {
-      // Set height so we can animate to the correct height
-      setHeight(reference.current?.scrollHeight || 0);
-    }
-    // Un-set height, as we don't want to presume it should be that height forever
-    ,
-    onEntered: () => setHeight(undefined),
-    onExit: () => {
-      setHeight(reference.current?.scrollHeight || 0);
-    },
-    onExiting: () => {
-      setHeight(0);
-    },
-    children: /*#__PURE__*/jsx("div", {
-      ref: reference,
-      style: {
-        height
-      },
-      className: "np-dropfade",
-      children: clonedChild
-    })
-  });
-};
-
-export { DropFade as default };
-//# sourceMappingURL=DropFade.mjs.map

package/build/dropFade/DropFade.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropFade.mjs","sources":["../../src/dropFade/DropFade.tsx"],"sourcesContent":["import React, { useRef, useState, ReactElement } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nconst DropFade = ({ children, show }: { children: ReactElement; show: boolean }) => {\n  const reference = useRef<HTMLDivElement>(null);\n  const [height, setHeight] = useState<number | undefined>(0);\n\n  const clonedChild = React.cloneElement(children);\n\n  return (\n    <CSSTransition\n      nodeRef={reference}\n      in={show}\n      timeout={300}\n      classNames=\"np-dropfade\"\n      onEntering={() => {\n        // Set height so we can animate to the correct height\n        setHeight(reference.current?.scrollHeight || 0);\n      }}\n      // Un-set height, as we don't want to presume it should be that height forever\n      onEntered={() => setHeight(undefined)}\n      onExit={() => {\n        setHeight(reference.current?.scrollHeight || 0);\n      }}\n      onExiting={() => {\n        setHeight(0);\n      }}\n    >\n      {/* eslint-disable-next-line react/forbid-dom-props */}\n      <div ref={reference} style={{ height }} className=\"np-dropfade\">\n        {clonedChild}\n      </div>\n    </CSSTransition>\n  );\n};\n\nexport default DropFade;\n"],"names":["DropFade","children","show","reference","useRef","height","setHeight","useState","clonedChild","React","cloneElement","_jsx","CSSTransition","nodeRef","in","timeout","classNames","onEntering","current","scrollHeight","onEntered","undefined","onExit","onExiting","ref","style","className"],"mappings":";;;;AAGMA,MAAAA,QAAQ,GAAGA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA,IAAAA;AAAiD,CAAA,KAAI;AACjF,EAAA,MAAMC,SAAS,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;EAC9C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGC,QAAQ,CAAqB,CAAC,CAAC,CAAA;AAE3D,EAAA,MAAMC,WAAW,gBAAGC,cAAK,CAACC,YAAY,CAACT,QAAQ,CAAC,CAAA;EAEhD,oBACEU,GAAA,CAACC,aAAa,EAAA;AACZC,IAAAA,OAAO,EAAEV,SAAU;AACnBW,IAAAA,EAAE,EAAEZ,IAAK;AACTa,IAAAA,OAAO,EAAE,GAAI;AACbC,IAAAA,UAAU,EAAC,aAAa;IACxBC,UAAU,EAAEA,MAAK;AACf;MACAX,SAAS,CAACH,SAAS,CAACe,OAAO,EAAEC,YAAY,IAAI,CAAC,CAAC,CAAA;AACjD,KAAA;AACA;AAAA;AACAC,IAAAA,SAAS,EAAEA,MAAMd,SAAS,CAACe,SAAS,CAAE;IACtCC,MAAM,EAAEA,MAAK;MACXhB,SAAS,CAACH,SAAS,CAACe,OAAO,EAAEC,YAAY,IAAI,CAAC,CAAC,CAAA;KAC/C;IACFI,SAAS,EAAEA,MAAK;MACdjB,SAAS,CAAC,CAAC,CAAC,CAAA;KACZ;AAAAL,IAAAA,QAAA,eAGFU,GAAA,CAAA,KAAA,EAAA;AAAKa,MAAAA,GAAG,EAAErB,SAAU;AAACsB,MAAAA,KAAK,EAAE;AAAEpB,QAAAA,MAAAA;OAAS;AAACqB,MAAAA,SAAS,EAAC,aAAa;AAAAzB,MAAAA,QAAA,EAC5DO,WAAAA;KACE,CAAA;AACP,GAAe,CAAC,CAAA;AAEpB;;;;"}

package/build/emphasis/Emphasis.js

@@ -1,24 +0,0 @@
-'use strict';
-
-var EmphasisHtmlTransformer = require('./EmphasisHtmlTransformer.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-const SUPPORTED_TAGS = ['important', 'positive', 'negative', 'warning'];
-const emphasisHtmlTransformer = new EmphasisHtmlTransformer(SUPPORTED_TAGS);
-const Emphasis = ({
-  text = undefined
-}) => {
-  if (!text) {
-    return null;
-  }
-  const transformedText = emphasisHtmlTransformer.transform(text);
-  // eslint-disable-next-line react/no-danger
-  return transformedText ? /*#__PURE__*/jsxRuntime.jsx("span", {
-    dangerouslySetInnerHTML: {
-      __html: transformedText
-    }
-  }) : null;
-};
-
-module.exports = Emphasis;
-//# sourceMappingURL=Emphasis.js.map

package/build/emphasis/Emphasis.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Emphasis.js","sources":["../../src/emphasis/Emphasis.tsx"],"sourcesContent":["import EmphasisHtmlTransformer from './EmphasisHtmlTransformer';\n\nconst SUPPORTED_TAGS = ['important', 'positive', 'negative', 'warning'];\nconst emphasisHtmlTransformer = new EmphasisHtmlTransformer(SUPPORTED_TAGS);\n\nexport type EmphasisProps = {\n  text?: string;\n};\n\nconst Emphasis = ({ text = undefined }: EmphasisProps) => {\n  if (!text) {\n    return null;\n  }\n\n  const transformedText = emphasisHtmlTransformer.transform(text);\n  // eslint-disable-next-line react/no-danger\n  return transformedText ? <span dangerouslySetInnerHTML={{ __html: transformedText }} /> : null;\n};\n\nexport default Emphasis;\n"],"names":["SUPPORTED_TAGS","emphasisHtmlTransformer","EmphasisHtmlTransformer","Emphasis","text","undefined","transformedText","transform","_jsx","dangerouslySetInnerHTML","__html"],"mappings":";;;;;AAEA,MAAMA,cAAc,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,CAAC,CAAA;AACvE,MAAMC,uBAAuB,GAAG,IAAIC,uBAAuB,CAACF,cAAc,CAAC,CAAA;AAMrEG,MAAAA,QAAQ,GAAGA,CAAC;AAAEC,EAAAA,IAAI,GAAGC,SAAAA;AAA0B,CAAA,KAAI;EACvD,IAAI,CAACD,IAAI,EAAE;AACT,IAAA,OAAO,IAAI,CAAA;AACZ,GAAA;AAED,EAAA,MAAME,eAAe,GAAGL,uBAAuB,CAACM,SAAS,CAACH,IAAI,CAAC,CAAA;AAC/D;EACA,OAAOE,eAAe,gBAAGE,cAAA,CAAA,MAAA,EAAA;AAAMC,IAAAA,uBAAuB,EAAE;AAAEC,MAAAA,MAAM,EAAEJ,eAAAA;AAAiB,KAAA;IAAI,GAAG,IAAI,CAAA;AAChG;;;;"}

package/build/emphasis/Emphasis.mjs

@@ -1,22 +0,0 @@
-import EmphasisHtmlTransformer from './EmphasisHtmlTransformer.mjs';
-import { jsx } from 'react/jsx-runtime';
-
-const SUPPORTED_TAGS = ['important', 'positive', 'negative', 'warning'];
-const emphasisHtmlTransformer = new EmphasisHtmlTransformer(SUPPORTED_TAGS);
-const Emphasis = ({
-  text = undefined
-}) => {
-  if (!text) {
-    return null;
-  }
-  const transformedText = emphasisHtmlTransformer.transform(text);
-  // eslint-disable-next-line react/no-danger
-  return transformedText ? /*#__PURE__*/jsx("span", {
-    dangerouslySetInnerHTML: {
-      __html: transformedText
-    }
-  }) : null;
-};
-
-export { Emphasis as default };
-//# sourceMappingURL=Emphasis.mjs.map

package/build/emphasis/Emphasis.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Emphasis.mjs","sources":["../../src/emphasis/Emphasis.tsx"],"sourcesContent":["import EmphasisHtmlTransformer from './EmphasisHtmlTransformer';\n\nconst SUPPORTED_TAGS = ['important', 'positive', 'negative', 'warning'];\nconst emphasisHtmlTransformer = new EmphasisHtmlTransformer(SUPPORTED_TAGS);\n\nexport type EmphasisProps = {\n  text?: string;\n};\n\nconst Emphasis = ({ text = undefined }: EmphasisProps) => {\n  if (!text) {\n    return null;\n  }\n\n  const transformedText = emphasisHtmlTransformer.transform(text);\n  // eslint-disable-next-line react/no-danger\n  return transformedText ? <span dangerouslySetInnerHTML={{ __html: transformedText }} /> : null;\n};\n\nexport default Emphasis;\n"],"names":["SUPPORTED_TAGS","emphasisHtmlTransformer","EmphasisHtmlTransformer","Emphasis","text","undefined","transformedText","transform","_jsx","dangerouslySetInnerHTML","__html"],"mappings":";;;AAEA,MAAMA,cAAc,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,CAAC,CAAA;AACvE,MAAMC,uBAAuB,GAAG,IAAIC,uBAAuB,CAACF,cAAc,CAAC,CAAA;AAMrEG,MAAAA,QAAQ,GAAGA,CAAC;AAAEC,EAAAA,IAAI,GAAGC,SAAAA;AAA0B,CAAA,KAAI;EACvD,IAAI,CAACD,IAAI,EAAE;AACT,IAAA,OAAO,IAAI,CAAA;AACZ,GAAA;AAED,EAAA,MAAME,eAAe,GAAGL,uBAAuB,CAACM,SAAS,CAACH,IAAI,CAAC,CAAA;AAC/D;EACA,OAAOE,eAAe,gBAAGE,GAAA,CAAA,MAAA,EAAA;AAAMC,IAAAA,uBAAuB,EAAE;AAAEC,MAAAA,MAAM,EAAEJ,eAAAA;AAAiB,KAAA;IAAI,GAAG,IAAI,CAAA;AAChG;;;;"}

package/build/emphasis/EmphasisHtmlTransformer.js

@@ -1,39 +0,0 @@
-'use strict';
-
-const ESCAPED_OPENING_CHEVRON = '<';
-const ESCAPED_CLOSING_CHEVRON = '>';
-class EmphasisHtmlTransformer {
-  tags;
-  constructor(whitelistedTags) {
-    this.tags = (whitelistedTags || []).map(tag => {
-      return {
-        transformed: {
-          opening: `<em class="emphasis emphasis--${tag}">`,
-          closing: '</em>'
-        },
-        escapedRegex: {
-          opening: new RegExp(`${ESCAPED_OPENING_CHEVRON}${tag}${ESCAPED_CLOSING_CHEVRON}`, 'g'),
-          closing: new RegExp(`${ESCAPED_OPENING_CHEVRON}/${tag}${ESCAPED_CLOSING_CHEVRON}`, 'g')
-        }
-      };
-    });
-  }
-  // Algorithm:
-  // 1) Escape all dangerous characters (<,>,&)
-  // 2) Replace all escaped, whitelisted tags with styled spans.
-  // 3) Transform new line characters to `<br />`s
-  //
-  // Note: for simplicity this doesn't support tags with non-standard whitespaces, e.g. <positive></ positive>
-  transform(unsafe) {
-    if (!unsafe) {
-      return null;
-    }
-    const safe = unsafe.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
-    return this.tags.reduce((accumulator, tag) => {
-      return accumulator.replace(tag.escapedRegex.opening, tag.transformed.opening).replace(tag.escapedRegex.closing, tag.transformed.closing);
-    }, safe).replace(/\\n|\n/g, '<br />');
-  }
-}
-
-module.exports = EmphasisHtmlTransformer;
-//# sourceMappingURL=EmphasisHtmlTransformer.js.map

package/build/emphasis/EmphasisHtmlTransformer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmphasisHtmlTransformer.js","sources":["../../src/emphasis/EmphasisHtmlTransformer.ts"],"sourcesContent":["const ESCAPED_OPENING_CHEVRON = '&lt;';\nconst ESCAPED_CLOSING_CHEVRON = '&gt;';\n\ntype Tags = {\n  transformed: {\n    opening: string;\n    closing: string;\n  };\n  escapedRegex: {\n    opening: RegExp;\n    closing: RegExp;\n  };\n};\n\nclass EmphasisHtmlTransformer {\n  tags: Array<Tags>;\n\n  constructor(whitelistedTags?: Array<string>) {\n    this.tags = (whitelistedTags || []).map((tag) => {\n      return {\n        transformed: {\n          opening: `<em class=\"emphasis emphasis--${tag}\">`,\n          closing: '</em>',\n        },\n        escapedRegex: {\n          opening: new RegExp(`${ESCAPED_OPENING_CHEVRON}${tag}${ESCAPED_CLOSING_CHEVRON}`, 'g'),\n          closing: new RegExp(`${ESCAPED_OPENING_CHEVRON}/${tag}${ESCAPED_CLOSING_CHEVRON}`, 'g'),\n        },\n      };\n    });\n  }\n\n  // Algorithm:\n  // 1) Escape all dangerous characters (<,>,&)\n  // 2) Replace all escaped, whitelisted tags with styled spans.\n  // 3) Transform new line characters to `<br />`s\n  //\n  // Note: for simplicity this doesn't support tags with non-standard whitespaces, e.g. <positive></ positive>\n  transform(unsafe: string): string | null {\n    if (!unsafe) {\n      return null;\n    }\n\n    const safe = unsafe.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n\n    return this.tags\n      .reduce((accumulator, tag) => {\n        return accumulator\n          .replace(tag.escapedRegex.opening, tag.transformed.opening)\n          .replace(tag.escapedRegex.closing, tag.transformed.closing);\n      }, safe)\n      .replace(/\\\\n|\\n/g, '<br />');\n  }\n}\n\nexport default EmphasisHtmlTransformer;\n"],"names":["ESCAPED_OPENING_CHEVRON","ESCAPED_CLOSING_CHEVRON","EmphasisHtmlTransformer","tags","constructor","whitelistedTags","map","tag","transformed","opening","closing","escapedRegex","RegExp","transform","unsafe","safe","replace","reduce","accumulator"],"mappings":";;AAAA,MAAMA,uBAAuB,GAAG,MAAM,CAAA;AACtC,MAAMC,uBAAuB,GAAG,MAAM,CAAA;AAatC,MAAMC,uBAAuB,CAAA;EAC3BC,IAAI,CAAA;EAEJC,WAAAA,CAAYC,eAA+B,EAAA;IACzC,IAAI,CAACF,IAAI,GAAG,CAACE,eAAe,IAAI,EAAE,EAAEC,GAAG,CAAEC,GAAG,IAAI;MAC9C,OAAO;AACLC,QAAAA,WAAW,EAAE;UACXC,OAAO,EAAmC,CAAAF,8BAAAA,EAAAA,GAAO,CAAA,EAAA,CAAA;AACjDG,UAAAA,OAAO,EAAE,OAAA;SACV;AACDC,QAAAA,YAAY,EAAE;AACZF,UAAAA,OAAO,EAAE,IAAIG,MAAM,CAAI,CAAAZ,EAAAA,uBAA0B,CAAAO,EAAAA,GAAM,CAAAN,EAAAA,uBAAyB,CAAA,CAAA,EAAE,GAAG,CAAC;AACtFS,UAAAA,OAAO,EAAE,IAAIE,MAAM,CAAI,CAAAZ,EAAAA,uBAA2B,CAAAO,CAAAA,EAAAA,GAAM,CAAAN,EAAAA,uBAAyB,CAAA,CAAA,EAAE,GAAG,CAAA;AACvF,SAAA;OACF,CAAA;AACH,KAAC,CAAC,CAAA;AACJ,GAAA;AAEA;AACA;AACA;AACA;AACA;AACA;EACAY,SAASA,CAACC,MAAc,EAAA;IACtB,IAAI,CAACA,MAAM,EAAE;AACX,MAAA,OAAO,IAAI,CAAA;AACZ,KAAA;IAED,MAAMC,IAAI,GAAGD,MAAM,CAACE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAACA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAACA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAEtF,OAAO,IAAI,CAACb,IAAI,CACbc,MAAM,CAAC,CAACC,WAAW,EAAEX,GAAG,KAAI;AAC3B,MAAA,OAAOW,WAAW,CACfF,OAAO,CAACT,GAAG,CAACI,YAAY,CAACF,OAAO,EAAEF,GAAG,CAACC,WAAW,CAACC,OAAO,CAAC,CAC1DO,OAAO,CAACT,GAAG,CAACI,YAAY,CAACD,OAAO,EAAEH,GAAG,CAACC,WAAW,CAACE,OAAO,CAAC,CAAA;KAC9D,EAAEK,IAAI,CAAC,CACPC,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;AACjC,GAAA;AACD;;;;"}

package/build/emphasis/EmphasisHtmlTransformer.mjs

@@ -1,37 +0,0 @@
-const ESCAPED_OPENING_CHEVRON = '<';
-const ESCAPED_CLOSING_CHEVRON = '>';
-class EmphasisHtmlTransformer {
-  tags;
-  constructor(whitelistedTags) {
-    this.tags = (whitelistedTags || []).map(tag => {
-      return {
-        transformed: {
-          opening: `<em class="emphasis emphasis--${tag}">`,
-          closing: '</em>'
-        },
-        escapedRegex: {
-          opening: new RegExp(`${ESCAPED_OPENING_CHEVRON}${tag}${ESCAPED_CLOSING_CHEVRON}`, 'g'),
-          closing: new RegExp(`${ESCAPED_OPENING_CHEVRON}/${tag}${ESCAPED_CLOSING_CHEVRON}`, 'g')
-        }
-      };
-    });
-  }
-  // Algorithm:
-  // 1) Escape all dangerous characters (<,>,&)
-  // 2) Replace all escaped, whitelisted tags with styled spans.
-  // 3) Transform new line characters to `<br />`s
-  //
-  // Note: for simplicity this doesn't support tags with non-standard whitespaces, e.g. <positive></ positive>
-  transform(unsafe) {
-    if (!unsafe) {
-      return null;
-    }
-    const safe = unsafe.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
-    return this.tags.reduce((accumulator, tag) => {
-      return accumulator.replace(tag.escapedRegex.opening, tag.transformed.opening).replace(tag.escapedRegex.closing, tag.transformed.closing);
-    }, safe).replace(/\\n|\n/g, '<br />');
-  }
-}
-
-export { EmphasisHtmlTransformer as default };
-//# sourceMappingURL=EmphasisHtmlTransformer.mjs.map

package/build/emphasis/EmphasisHtmlTransformer.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmphasisHtmlTransformer.mjs","sources":["../../src/emphasis/EmphasisHtmlTransformer.ts"],"sourcesContent":["const ESCAPED_OPENING_CHEVRON = '&lt;';\nconst ESCAPED_CLOSING_CHEVRON = '&gt;';\n\ntype Tags = {\n  transformed: {\n    opening: string;\n    closing: string;\n  };\n  escapedRegex: {\n    opening: RegExp;\n    closing: RegExp;\n  };\n};\n\nclass EmphasisHtmlTransformer {\n  tags: Array<Tags>;\n\n  constructor(whitelistedTags?: Array<string>) {\n    this.tags = (whitelistedTags || []).map((tag) => {\n      return {\n        transformed: {\n          opening: `<em class=\"emphasis emphasis--${tag}\">`,\n          closing: '</em>',\n        },\n        escapedRegex: {\n          opening: new RegExp(`${ESCAPED_OPENING_CHEVRON}${tag}${ESCAPED_CLOSING_CHEVRON}`, 'g'),\n          closing: new RegExp(`${ESCAPED_OPENING_CHEVRON}/${tag}${ESCAPED_CLOSING_CHEVRON}`, 'g'),\n        },\n      };\n    });\n  }\n\n  // Algorithm:\n  // 1) Escape all dangerous characters (<,>,&)\n  // 2) Replace all escaped, whitelisted tags with styled spans.\n  // 3) Transform new line characters to `<br />`s\n  //\n  // Note: for simplicity this doesn't support tags with non-standard whitespaces, e.g. <positive></ positive>\n  transform(unsafe: string): string | null {\n    if (!unsafe) {\n      return null;\n    }\n\n    const safe = unsafe.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n\n    return this.tags\n      .reduce((accumulator, tag) => {\n        return accumulator\n          .replace(tag.escapedRegex.opening, tag.transformed.opening)\n          .replace(tag.escapedRegex.closing, tag.transformed.closing);\n      }, safe)\n      .replace(/\\\\n|\\n/g, '<br />');\n  }\n}\n\nexport default EmphasisHtmlTransformer;\n"],"names":["ESCAPED_OPENING_CHEVRON","ESCAPED_CLOSING_CHEVRON","EmphasisHtmlTransformer","tags","constructor","whitelistedTags","map","tag","transformed","opening","closing","escapedRegex","RegExp","transform","unsafe","safe","replace","reduce","accumulator"],"mappings":"AAAA,MAAMA,uBAAuB,GAAG,MAAM,CAAA;AACtC,MAAMC,uBAAuB,GAAG,MAAM,CAAA;AAatC,MAAMC,uBAAuB,CAAA;EAC3BC,IAAI,CAAA;EAEJC,WAAAA,CAAYC,eAA+B,EAAA;IACzC,IAAI,CAACF,IAAI,GAAG,CAACE,eAAe,IAAI,EAAE,EAAEC,GAAG,CAAEC,GAAG,IAAI;MAC9C,OAAO;AACLC,QAAAA,WAAW,EAAE;UACXC,OAAO,EAAmC,CAAAF,8BAAAA,EAAAA,GAAO,CAAA,EAAA,CAAA;AACjDG,UAAAA,OAAO,EAAE,OAAA;SACV;AACDC,QAAAA,YAAY,EAAE;AACZF,UAAAA,OAAO,EAAE,IAAIG,MAAM,CAAI,CAAAZ,EAAAA,uBAA0B,CAAAO,EAAAA,GAAM,CAAAN,EAAAA,uBAAyB,CAAA,CAAA,EAAE,GAAG,CAAC;AACtFS,UAAAA,OAAO,EAAE,IAAIE,MAAM,CAAI,CAAAZ,EAAAA,uBAA2B,CAAAO,CAAAA,EAAAA,GAAM,CAAAN,EAAAA,uBAAyB,CAAA,CAAA,EAAE,GAAG,CAAA;AACvF,SAAA;OACF,CAAA;AACH,KAAC,CAAC,CAAA;AACJ,GAAA;AAEA;AACA;AACA;AACA;AACA;AACA;EACAY,SAASA,CAACC,MAAc,EAAA;IACtB,IAAI,CAACA,MAAM,EAAE;AACX,MAAA,OAAO,IAAI,CAAA;AACZ,KAAA;IAED,MAAMC,IAAI,GAAGD,MAAM,CAACE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAACA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAACA,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAEtF,OAAO,IAAI,CAACb,IAAI,CACbc,MAAM,CAAC,CAACC,WAAW,EAAEX,GAAG,KAAI;AAC3B,MAAA,OAAOW,WAAW,CACfF,OAAO,CAACT,GAAG,CAACI,YAAY,CAACF,OAAO,EAAEF,GAAG,CAACC,WAAW,CAACC,OAAO,CAAC,CAC1DO,OAAO,CAACT,GAAG,CAACI,YAAY,CAACD,OAAO,EAAEH,GAAG,CAACC,WAAW,CAACE,OAAO,CAAC,CAAA;KAC9D,EAAEK,IAAI,CAAC,CACPC,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;AACjC,GAAA;AACD;;;;"}

package/build/field/Field.js

@@ -1,63 +0,0 @@
-'use strict';
-
-var classNames = require('classnames');
-var React = require('react');
-var InlineAlert = require('../inlineAlert/InlineAlert.js');
-var contexts = require('../inputs/contexts.js');
-var Label = require('../label/Label.js');
-var jsxRuntime = require('react/jsx-runtime');
-var sentiment = require('../common/propsValues/sentiment.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var classNames__default = /*#__PURE__*/_interopDefault(classNames);
-
-const Field = ({
-  id,
-  label,
-  hint,
-  error,
-  className,
-  children
-}) => {
-  const hasError = Boolean(error);
-  const hasHint = Boolean(hint) && !hasError;
-  const labelId = React.useId();
-  const fallbackInputId = React.useId();
-  const inputId = id !== null ? id ?? fallbackInputId : undefined;
-  const descriptionId = React.useId();
-  return /*#__PURE__*/jsxRuntime.jsx(contexts.FieldLabelIdContextProvider, {
-    value: labelId,
-    children: /*#__PURE__*/jsxRuntime.jsx(contexts.InputIdContextProvider, {
-      value: inputId,
-      children: /*#__PURE__*/jsxRuntime.jsx(contexts.InputDescribedByProvider, {
-        value: hasError || hasHint ? descriptionId : undefined,
-        children: /*#__PURE__*/jsxRuntime.jsx(contexts.InputInvalidProvider, {
-          value: hasError,
-          children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-            className: classNames__default.default('form-group d-block', {
-              'has-error': hasError,
-              'has-info': hasHint
-            }, className),
-            children: [/*#__PURE__*/jsxRuntime.jsxs(Label.Label, {
-              id: labelId,
-              htmlFor: inputId,
-              children: [label, children]
-            }), hasHint && /*#__PURE__*/jsxRuntime.jsx(InlineAlert, {
-              type: sentiment.Sentiment.NEUTRAL,
-              id: descriptionId,
-              children: hint
-            }), hasError && /*#__PURE__*/jsxRuntime.jsx(InlineAlert, {
-              type: sentiment.Sentiment.NEGATIVE,
-              id: descriptionId,
-              children: error
-            })]
-          })
-        })
-      })
-    })
-  });
-};
-
-exports.Field = Field;
-//# sourceMappingURL=Field.js.map

package/build/field/Field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Field.js","sources":["../../src/field/Field.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { useId } from 'react';\n\nimport { Sentiment } from '../common';\nimport InlineAlert from '../inlineAlert/InlineAlert';\nimport {\n  FieldLabelIdContextProvider,\n  InputDescribedByProvider,\n  InputIdContextProvider,\n  InputInvalidProvider,\n} from '../inputs/contexts';\nimport { Label } from '../label/Label';\n\nexport type FieldProps = {\n  /** `null` disables auto-generating the `id` attribute, falling back to nesting-based label association over setting `htmlFor` explicitly. */\n  id?: string | null;\n  label: React.ReactNode;\n  hint?: React.ReactNode;\n  error?: React.ReactNode;\n  className?: string;\n  children?: React.ReactNode;\n};\n\nexport const Field = ({ id, label, hint, error, className, children }: FieldProps) => {\n  const hasError = Boolean(error);\n  const hasHint = Boolean(hint) && !hasError;\n\n  const labelId = useId();\n\n  const fallbackInputId = useId();\n  const inputId = id !== null ? id ?? fallbackInputId : undefined;\n\n  const descriptionId = useId();\n\n  return (\n    <FieldLabelIdContextProvider value={labelId}>\n      <InputIdContextProvider value={inputId}>\n        <InputDescribedByProvider value={hasError || hasHint ? descriptionId : undefined}>\n          <InputInvalidProvider value={hasError}>\n            <div\n              className={classNames(\n                'form-group d-block',\n                {\n                  'has-error': hasError,\n                  'has-info': hasHint,\n                },\n                className,\n              )}\n            >\n              <Label id={labelId} htmlFor={inputId}>\n                {label}\n                {children}\n              </Label>\n              {hasHint && (\n                <InlineAlert type={Sentiment.NEUTRAL} id={descriptionId}>\n                  {hint}\n                </InlineAlert>\n              )}\n              {hasError && (\n                <InlineAlert type={Sentiment.NEGATIVE} id={descriptionId}>\n                  {error}\n                </InlineAlert>\n              )}\n            </div>\n          </InputInvalidProvider>\n        </InputDescribedByProvider>\n      </InputIdContextProvider>\n    </FieldLabelIdContextProvider>\n  );\n};\n"],"names":["Field","id","label","hint","error","className","children","hasError","Boolean","hasHint","labelId","useId","fallbackInputId","inputId","undefined","descriptionId","_jsx","FieldLabelIdContextProvider","value","InputIdContextProvider","InputDescribedByProvider","InputInvalidProvider","_jsxs","classNames","Label","htmlFor","InlineAlert","type","Sentiment","NEUTRAL","NEGATIVE"],"mappings":";;;;;;;;;;;;;;AAuBO,MAAMA,KAAK,GAAGA,CAAC;EAAEC,EAAE;EAAEC,KAAK;EAAEC,IAAI;EAAEC,KAAK;EAAEC,SAAS;AAAEC,EAAAA,QAAAA;AAAQ,CAAc,KAAI;AACnF,EAAA,MAAMC,QAAQ,GAAGC,OAAO,CAACJ,KAAK,CAAC,CAAA;EAC/B,MAAMK,OAAO,GAAGD,OAAO,CAACL,IAAI,CAAC,IAAI,CAACI,QAAQ,CAAA;AAE1C,EAAA,MAAMG,OAAO,GAAGC,WAAK,EAAE,CAAA;AAEvB,EAAA,MAAMC,eAAe,GAAGD,WAAK,EAAE,CAAA;EAC/B,MAAME,OAAO,GAAGZ,EAAE,KAAK,IAAI,GAAGA,EAAE,IAAIW,eAAe,GAAGE,SAAS,CAAA;AAE/D,EAAA,MAAMC,aAAa,GAAGJ,WAAK,EAAE,CAAA;EAE7B,oBACEK,cAAA,CAACC,oCAA2B,EAAA;AAACC,IAAAA,KAAK,EAAER,OAAQ;IAAAJ,QAAA,eAC1CU,cAAA,CAACG,+BAAsB,EAAA;AAACD,MAAAA,KAAK,EAAEL,OAAQ;MAAAP,QAAA,eACrCU,cAAA,CAACI,iCAAwB,EAAA;AAACF,QAAAA,KAAK,EAAEX,QAAQ,IAAIE,OAAO,GAAGM,aAAa,GAAGD,SAAU;QAAAR,QAAA,eAC/EU,cAAA,CAACK,6BAAoB,EAAA;AAACH,UAAAA,KAAK,EAAEX,QAAS;AAAAD,UAAAA,QAAA,eACpCgB,eAAA,CAAA,KAAA,EAAA;AACEjB,YAAAA,SAAS,EAAEkB,2BAAU,CACnB,oBAAoB,EACpB;AACE,cAAA,WAAW,EAAEhB,QAAQ;AACrB,cAAA,UAAU,EAAEE,OAAAA;aACb,EACDJ,SAAS,CACT;YAAAC,QAAA,EAAA,cAEFgB,eAAA,CAACE,WAAK,EAAA;AAACvB,cAAAA,EAAE,EAAES,OAAQ;AAACe,cAAAA,OAAO,EAAEZ,OAAQ;cAAAP,QAAA,EAAA,CAClCJ,KAAK,EACLI,QAAQ,CAAA;AAAA,aACJ,CACP,EAACG,OAAO,iBACNO,cAAA,CAACU,WAAW,EAAA;cAACC,IAAI,EAAEC,mBAAS,CAACC,OAAQ;AAAC5B,cAAAA,EAAE,EAAEc,aAAc;AAAAT,cAAAA,QAAA,EACrDH,IAAAA;AAAI,aACM,CACd,EACAI,QAAQ,iBACPS,cAAA,CAACU,WAAW,EAAA;cAACC,IAAI,EAAEC,mBAAS,CAACE,QAAS;AAAC7B,cAAAA,EAAE,EAAEc,aAAc;AAAAT,cAAAA,QAAA,EACtDF,KAAAA;AAAK,aACK,CACd,CAAA;WACE,CAAA;SACe,CAAA;OACE,CAAA;KACJ,CAAA;AAC1B,GAA6B,CAAC,CAAA;AAElC;;;;"}

package/build/field/Field.mjs

@@ -1,57 +0,0 @@
-import classNames from 'classnames';
-import { useId } from 'react';
-import InlineAlert from '../inlineAlert/InlineAlert.mjs';
-import { FieldLabelIdContextProvider, InputIdContextProvider, InputDescribedByProvider, InputInvalidProvider } from '../inputs/contexts.mjs';
-import { Label } from '../label/Label.mjs';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Sentiment } from '../common/propsValues/sentiment.mjs';
-
-const Field = ({
-  id,
-  label,
-  hint,
-  error,
-  className,
-  children
-}) => {
-  const hasError = Boolean(error);
-  const hasHint = Boolean(hint) && !hasError;
-  const labelId = useId();
-  const fallbackInputId = useId();
-  const inputId = id !== null ? id ?? fallbackInputId : undefined;
-  const descriptionId = useId();
-  return /*#__PURE__*/jsx(FieldLabelIdContextProvider, {
-    value: labelId,
-    children: /*#__PURE__*/jsx(InputIdContextProvider, {
-      value: inputId,
-      children: /*#__PURE__*/jsx(InputDescribedByProvider, {
-        value: hasError || hasHint ? descriptionId : undefined,
-        children: /*#__PURE__*/jsx(InputInvalidProvider, {
-          value: hasError,
-          children: /*#__PURE__*/jsxs("div", {
-            className: classNames('form-group d-block', {
-              'has-error': hasError,
-              'has-info': hasHint
-            }, className),
-            children: [/*#__PURE__*/jsxs(Label, {
-              id: labelId,
-              htmlFor: inputId,
-              children: [label, children]
-            }), hasHint && /*#__PURE__*/jsx(InlineAlert, {
-              type: Sentiment.NEUTRAL,
-              id: descriptionId,
-              children: hint
-            }), hasError && /*#__PURE__*/jsx(InlineAlert, {
-              type: Sentiment.NEGATIVE,
-              id: descriptionId,
-              children: error
-            })]
-          })
-        })
-      })
-    })
-  });
-};
-
-export { Field };
-//# sourceMappingURL=Field.mjs.map

package/build/field/Field.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Field.mjs","sources":["../../src/field/Field.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { useId } from 'react';\n\nimport { Sentiment } from '../common';\nimport InlineAlert from '../inlineAlert/InlineAlert';\nimport {\n  FieldLabelIdContextProvider,\n  InputDescribedByProvider,\n  InputIdContextProvider,\n  InputInvalidProvider,\n} from '../inputs/contexts';\nimport { Label } from '../label/Label';\n\nexport type FieldProps = {\n  /** `null` disables auto-generating the `id` attribute, falling back to nesting-based label association over setting `htmlFor` explicitly. */\n  id?: string | null;\n  label: React.ReactNode;\n  hint?: React.ReactNode;\n  error?: React.ReactNode;\n  className?: string;\n  children?: React.ReactNode;\n};\n\nexport const Field = ({ id, label, hint, error, className, children }: FieldProps) => {\n  const hasError = Boolean(error);\n  const hasHint = Boolean(hint) && !hasError;\n\n  const labelId = useId();\n\n  const fallbackInputId = useId();\n  const inputId = id !== null ? id ?? fallbackInputId : undefined;\n\n  const descriptionId = useId();\n\n  return (\n    <FieldLabelIdContextProvider value={labelId}>\n      <InputIdContextProvider value={inputId}>\n        <InputDescribedByProvider value={hasError || hasHint ? descriptionId : undefined}>\n          <InputInvalidProvider value={hasError}>\n            <div\n              className={classNames(\n                'form-group d-block',\n                {\n                  'has-error': hasError,\n                  'has-info': hasHint,\n                },\n                className,\n              )}\n            >\n              <Label id={labelId} htmlFor={inputId}>\n                {label}\n                {children}\n              </Label>\n              {hasHint && (\n                <InlineAlert type={Sentiment.NEUTRAL} id={descriptionId}>\n                  {hint}\n                </InlineAlert>\n              )}\n              {hasError && (\n                <InlineAlert type={Sentiment.NEGATIVE} id={descriptionId}>\n                  {error}\n                </InlineAlert>\n              )}\n            </div>\n          </InputInvalidProvider>\n        </InputDescribedByProvider>\n      </InputIdContextProvider>\n    </FieldLabelIdContextProvider>\n  );\n};\n"],"names":["Field","id","label","hint","error","className","children","hasError","Boolean","hasHint","labelId","useId","fallbackInputId","inputId","undefined","descriptionId","_jsx","FieldLabelIdContextProvider","value","InputIdContextProvider","InputDescribedByProvider","InputInvalidProvider","_jsxs","classNames","Label","htmlFor","InlineAlert","type","Sentiment","NEUTRAL","NEGATIVE"],"mappings":";;;;;;;;AAuBO,MAAMA,KAAK,GAAGA,CAAC;EAAEC,EAAE;EAAEC,KAAK;EAAEC,IAAI;EAAEC,KAAK;EAAEC,SAAS;AAAEC,EAAAA,QAAAA;AAAQ,CAAc,KAAI;AACnF,EAAA,MAAMC,QAAQ,GAAGC,OAAO,CAACJ,KAAK,CAAC,CAAA;EAC/B,MAAMK,OAAO,GAAGD,OAAO,CAACL,IAAI,CAAC,IAAI,CAACI,QAAQ,CAAA;AAE1C,EAAA,MAAMG,OAAO,GAAGC,KAAK,EAAE,CAAA;AAEvB,EAAA,MAAMC,eAAe,GAAGD,KAAK,EAAE,CAAA;EAC/B,MAAME,OAAO,GAAGZ,EAAE,KAAK,IAAI,GAAGA,EAAE,IAAIW,eAAe,GAAGE,SAAS,CAAA;AAE/D,EAAA,MAAMC,aAAa,GAAGJ,KAAK,EAAE,CAAA;EAE7B,oBACEK,GAAA,CAACC,2BAA2B,EAAA;AAACC,IAAAA,KAAK,EAAER,OAAQ;IAAAJ,QAAA,eAC1CU,GAAA,CAACG,sBAAsB,EAAA;AAACD,MAAAA,KAAK,EAAEL,OAAQ;MAAAP,QAAA,eACrCU,GAAA,CAACI,wBAAwB,EAAA;AAACF,QAAAA,KAAK,EAAEX,QAAQ,IAAIE,OAAO,GAAGM,aAAa,GAAGD,SAAU;QAAAR,QAAA,eAC/EU,GAAA,CAACK,oBAAoB,EAAA;AAACH,UAAAA,KAAK,EAAEX,QAAS;AAAAD,UAAAA,QAAA,eACpCgB,IAAA,CAAA,KAAA,EAAA;AACEjB,YAAAA,SAAS,EAAEkB,UAAU,CACnB,oBAAoB,EACpB;AACE,cAAA,WAAW,EAAEhB,QAAQ;AACrB,cAAA,UAAU,EAAEE,OAAAA;aACb,EACDJ,SAAS,CACT;YAAAC,QAAA,EAAA,cAEFgB,IAAA,CAACE,KAAK,EAAA;AAACvB,cAAAA,EAAE,EAAES,OAAQ;AAACe,cAAAA,OAAO,EAAEZ,OAAQ;cAAAP,QAAA,EAAA,CAClCJ,KAAK,EACLI,QAAQ,CAAA;AAAA,aACJ,CACP,EAACG,OAAO,iBACNO,GAAA,CAACU,WAAW,EAAA;cAACC,IAAI,EAAEC,SAAS,CAACC,OAAQ;AAAC5B,cAAAA,EAAE,EAAEc,aAAc;AAAAT,cAAAA,QAAA,EACrDH,IAAAA;AAAI,aACM,CACd,EACAI,QAAQ,iBACPS,GAAA,CAACU,WAAW,EAAA;cAACC,IAAI,EAAEC,SAAS,CAACE,QAAS;AAAC7B,cAAAA,EAAE,EAAEc,aAAc;AAAAT,cAAAA,QAAA,EACtDF,KAAAA;AAAK,aACK,CACd,CAAA;WACE,CAAA;SACe,CAAA;OACE,CAAA;KACJ,CAAA;AAC1B,GAA6B,CAAC,CAAA;AAElC;;;;"}

package/build/flowNavigation/FlowNavigation.js

@@ -1,80 +0,0 @@
-'use strict';
-
-var classNames = require('classnames');
-var reactIntl = require('react-intl');
-var CloseButton = require('../common/closeButton/CloseButton.js');
-var FlowHeader = require('../common/flowHeader/FlowHeader.js');
-var Stepper = require('../stepper/Stepper.js');
-var useScreenSize = require('../common/hooks/useScreenSize.js');
-var FlowNavigation_messages = require('./FlowNavigation.messages.js');
-var AnimatedLabel = require('./animatedLabel/AnimatedLabel.js');
-var BackButton = require('./backButton/BackButton.js');
-var jsxRuntime = require('react/jsx-runtime');
-var breakpoint = require('../common/propsValues/breakpoint.js');
-var layouts = require('../common/propsValues/layouts.js');
-var Logo = require('../logo/Logo.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var classNames__default = /*#__PURE__*/_interopDefault(classNames);
-
-const FlowNavigation = ({
-  activeStep = 0,
-  avatar,
-  logo = /*#__PURE__*/jsxRuntime.jsx(Logo, {}),
-  done = false,
-  onClose,
-  onGoBack,
-  steps
-}) => {
-  const intl = reactIntl.useIntl();
-  const closeButton = onClose != null && /*#__PURE__*/jsxRuntime.jsx(CloseButton.CloseButton, {
-    size: "lg",
-    onClick: onClose
-  });
-  const screenSm = useScreenSize.useScreenSize(breakpoint.Breakpoint.SMALL);
-  const screenLg = useScreenSize.useScreenSize(breakpoint.Breakpoint.LARGE);
-  const newAvatar = done ? null : avatar;
-  const displayGoBack = onGoBack != null && activeStep > 0;
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: classNames__default.default('np-flow-navigation d-flex align-items-center justify-content-center p-y-3', {
-      'np-flow-navigation--border-bottom': !done
-    }),
-    children: /*#__PURE__*/jsxRuntime.jsx(FlowHeader, {
-      className: classNames__default.default('np-flow-navigation__content p-x-3', screenSm == null ? 'np-flow-navigation--hidden' : {
-        'np-flow-navigation--xs-max': !screenSm,
-        // Size switches on parent container which may or may not have the same size as the window.
-        'np-flow-navigation--sm': screenSm,
-        'np-flow-navigation--lg': screenLg
-      }),
-      leftContent: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [!screenSm && displayGoBack ? /*#__PURE__*/jsxRuntime.jsx(BackButton, {
-          "aria-label": intl.formatMessage(FlowNavigation_messages.back),
-          onClick: onGoBack
-        }) : /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "np-flow-header__left",
-          children: logo
-        }), !screenSm && !done && /*#__PURE__*/jsxRuntime.jsx(AnimatedLabel, {
-          className: "m-x-1",
-          labels: steps.map(step => step.label),
-          activeLabel: activeStep
-        })]
-      }),
-      rightContent: /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "np-flow-header__right d-flex align-items-center justify-content-end order-2--lg",
-        children: [newAvatar, newAvatar && closeButton && /*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "m-x-1"
-        }), closeButton]
-      }),
-      bottomContent: !done && /*#__PURE__*/jsxRuntime.jsx(Stepper, {
-        activeStep: activeStep,
-        steps: steps,
-        className: classNames__default.default('np-flow-navigation__stepper')
-      }),
-      layout: !screenLg ? layouts.Layout.VERTICAL : layouts.Layout.HORIZONTAL
-    })
-  });
-};
-
-module.exports = FlowNavigation;
-//# sourceMappingURL=FlowNavigation.js.map

package/build/flowNavigation/FlowNavigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FlowNavigation.js","sources":["../../src/flowNavigation/FlowNavigation.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { useIntl } from 'react-intl';\n\nimport { Breakpoint, Layout } from '../common';\nimport { CloseButton } from '../common/closeButton';\nimport FlowHeader from '../common/flowHeader/FlowHeader';\nimport Logo from '../logo';\nimport Stepper, { type Step } from '../stepper/Stepper';\n\nimport { useScreenSize } from '../common/hooks/useScreenSize';\nimport messages from './FlowNavigation.messages';\nimport AnimatedLabel from './animatedLabel';\nimport BackButton from './backButton';\n\nexport interface FlowNavigationProps {\n  activeStep?: number;\n  avatar?: React.ReactNode;\n  logo?: React.ReactNode;\n  done?: boolean;\n  /** Called when the close button is clicked. If not provided the close button won't show */\n  onClose?: () => void;\n  /** Called when the back button is clicked. If not provided the back button won't show. The back button only shows on small screens */\n  onGoBack?: () => void;\n  /** Steps to be displayed in stepper. If you don't need the stepper, please use OverlayHeader instead */\n  steps: readonly Step[];\n}\n\nconst FlowNavigation = ({\n  activeStep = 0,\n  avatar,\n  logo = <Logo />,\n  done = false,\n  onClose,\n  onGoBack,\n  steps,\n}: FlowNavigationProps) => {\n  const intl = useIntl();\n\n  const closeButton = onClose != null && <CloseButton size=\"lg\" onClick={onClose} />;\n\n  const screenSm = useScreenSize(Breakpoint.SMALL);\n  const screenLg = useScreenSize(Breakpoint.LARGE);\n\n  const newAvatar = done ? null : avatar;\n\n  const displayGoBack = onGoBack != null && activeStep > 0;\n\n  return (\n    <div\n      className={classNames(\n        'np-flow-navigation d-flex align-items-center justify-content-center p-y-3',\n        { 'np-flow-navigation--border-bottom': !done },\n      )}\n    >\n      <FlowHeader\n        className={classNames(\n          'np-flow-navigation__content p-x-3',\n          screenSm == null\n            ? 'np-flow-navigation--hidden'\n            : {\n                'np-flow-navigation--xs-max': !screenSm,\n                // Size switches on parent container which may or may not have the same size as the window.\n                'np-flow-navigation--sm': screenSm,\n                'np-flow-navigation--lg': screenLg,\n              },\n        )}\n        leftContent={\n          <>\n            {!screenSm && displayGoBack ? (\n              <BackButton aria-label={intl.formatMessage(messages.back)} onClick={onGoBack} />\n            ) : (\n              <div className=\"np-flow-header__left\">{logo}</div>\n            )}\n            {!screenSm && !done && (\n              <AnimatedLabel\n                className=\"m-x-1\"\n                labels={steps.map((step) => step.label)}\n                activeLabel={activeStep}\n              />\n            )}\n          </>\n        }\n        rightContent={\n          <div className=\"np-flow-header__right d-flex align-items-center justify-content-end order-2--lg\">\n            {newAvatar}\n            {newAvatar && closeButton && <span className=\"m-x-1\" />}\n            {closeButton}\n          </div>\n        }\n        bottomContent={\n          !done && (\n            <Stepper\n              activeStep={activeStep}\n              steps={steps}\n              className={classNames('np-flow-navigation__stepper')}\n            />\n          )\n        }\n        layout={!screenLg ? Layout.VERTICAL : Layout.HORIZONTAL}\n      />\n    </div>\n  );\n};\n\nexport default FlowNavigation;\n"],"names":["FlowNavigation","activeStep","avatar","logo","_jsx","Logo","done","onClose","onGoBack","steps","intl","useIntl","closeButton","CloseButton","size","onClick","screenSm","useScreenSize","Breakpoint","SMALL","screenLg","LARGE","newAvatar","displayGoBack","className","classNames","children","FlowHeader","leftContent","_jsxs","_Fragment","BackButton","formatMessage","messages","back","AnimatedLabel","labels","map","step","label","activeLabel","rightContent","bottomContent","Stepper","layout","Layout","VERTICAL","HORIZONTAL"],"mappings":"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"}