@ntbjs/react-components 2.0.0-rc.3 → 2.0.0-rc.30

package/{esm/node_modules/@babel/runtime/helpers/esm/extends.js → build/_virtual/_rollupPluginBabelHelpers.js}

@@ -8,4 +8,5 @@ function _extends() {
   }, _extends.apply(null, arguments);
 }
 
-export { _extends as default };
+export { _extends as extends };
+//# sourceMappingURL=_rollupPluginBabelHelpers.js.map

package/build/_virtual/_rollupPluginBabelHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_rollupPluginBabelHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/{esm/components → build}/data/Alert/Alert.js

@@ -1,24 +1,24 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from '../../../node_modules/react/index.js';
-import PropTypes from '../../../node_modules/prop-types/index.js';
-import { Alert as Alert$2, AlertRender } from './Alert.styled.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import { Alert as Alert$1, AlertRender } from './Alert.styled.js';
 import { isEmpty } from 'lodash';
 
-const _excluded = ["type", "alertMessage", "align", "icon", "fontSize", "lineHeight", "lineClamp", "verticalPadding", "horizontalPadding", "width"];
-const Alert = React.forwardRef(function Alert(_ref, forwardedRef) {
-  let {
-      type,
-      alertMessage,
-      align,
-      icon,
-      fontSize,
-      lineHeight,
-      lineClamp,
-      verticalPadding,
-      horizontalPadding,
-      width
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
+const Alert = React__default.forwardRef(function Alert({
+  warning,
+  error,
+  type,
+  alertMessage,
+  align,
+  icon,
+  fontSize,
+  lineHeight,
+  lineClamp,
+  verticalPadding,
+  horizontalPadding,
+  width,
+  ...props
+}, forwardedRef) {
   let isWarning = false;
   let isError = false;
   let isInfo = true;
@@ -31,11 +31,13 @@ const Alert = React.forwardRef(function Alert(_ref, forwardedRef) {
       isInfo = true;
     }
   } else {
+    isWarning = warning;
+    isError = error;
     if (isWarning || isError) {
       isInfo = false;
     }
   }
-  return React.createElement(Alert$2, _extends({
+  return React__default.createElement(Alert$1, _extends({
     ref: forwardedRef,
     alertMessage: alertMessage,
     warning: isWarning,
@@ -45,13 +47,15 @@ const Alert = React.forwardRef(function Alert(_ref, forwardedRef) {
     verticalPadding: verticalPadding,
     horizontalPadding: horizontalPadding,
     width: width
-  }, props), React.createElement(AlertRender, {
+  }, props), React__default.createElement(AlertRender, {
     fontSize: fontSize,
     lineHeight: lineHeight,
     lineClamp: lineClamp
-  }, icon, " ", React.createElement("span", null, alertMessage)));
+  }, icon, " ", React__default.createElement("span", null, alertMessage)));
 });
 Alert.propTypes = process.env.NODE_ENV !== "production" ? {
+  warning: PropTypes.bool,
+  error: PropTypes.bool,
   type: PropTypes.oneOf(['warning', 'error', 'info']),
   icon: PropTypes.element,
   align: PropTypes.oneOf(['left', 'center']),
@@ -72,6 +76,6 @@ Alert.defaultProps = {
   horizontalPadding: 30,
   verticalPadding: 17
 };
-var Alert$1 = Alert;
 
-export { Alert$1 as default };
+export { Alert as default };
+//# sourceMappingURL=Alert.js.map

package/build/data/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../../src/components/data/Alert/Alert.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as S from './Alert.styled';\nimport { isEmpty } from 'lodash';\n\n/**\n * Alert display warnings or errors.\n *\n * ### Import\n *\n * ``` js\n * import { Alert } from '@ntbjs/react-components/data'\n * // or\n * import Alert from '@ntbjs/react-components/data/Alert'\n * ```\n * ## Props\n * ```\n * // Deprecated: Pass `warning={true}`or `error={true}` to render the right Alert.\n * Pass one of `warning`, `error` or `info` to the `type` prop to render the right Alert.\n * Pass `align={left}`or `align={center}` to align content.\n * Pass `icon={<svg></svg>}` to display an icon.\n * Pass `alertMessage={'message'} to display the message\n * Pass `fontSize={number}` to set the font size of the message in pixel\n * Pass `lineHeight={number}` to set the line height of the message in pixel\n * Pass `lineClamp={number}` to set the number of lines before the message will be truncated\n * Pass `verticalPadding={number}` to set the top and bottom padding of the alert in pixel\n * Pass `horizontalPadding={number}` to set the left and right padding of the alert in pixel\n * Pass `width={number}` to set the width of the alert in pixel\n *  ```\n * ### Warning / Error / Info\n * ```\n * <Alert type={\"warning\"} />\n * <Alert type={\"error\"} />\n * <Alert type={\"info\"} />\n * ```\n */\n\nconst Alert = React.forwardRef(function Alert(\n  {\n    warning,\n    error,\n    type,\n    alertMessage,\n    align,\n    icon,\n    fontSize,\n    lineHeight,\n    lineClamp,\n    verticalPadding,\n    horizontalPadding,\n    width,\n    ...props\n  },\n  forwardedRef\n) {\n  let isWarning = false;\n  let isError = false;\n  let isInfo = true;\n\n  if (!isEmpty(type)) {\n    if (type === 'warning') {\n      isWarning = true;\n    } else if (type === 'error') {\n      isError = true;\n    } else {\n      isInfo = true;\n    }\n  } else {\n    isWarning = warning;\n    isError = error;\n\n    if (isWarning || isError) {\n      isInfo = false;\n    }\n  }\n\n  return (\n    <S.Alert\n      ref={forwardedRef}\n      alertMessage={alertMessage}\n      warning={isWarning}\n      error={isError}\n      info={isInfo}\n      align={align}\n      verticalPadding={verticalPadding}\n      horizontalPadding={horizontalPadding}\n      width={width}\n      {...props}\n    >\n      <S.AlertRender fontSize={fontSize} lineHeight={lineHeight} lineClamp={lineClamp}>\n        {icon} <span>{alertMessage}</span>\n      </S.AlertRender>\n    </S.Alert>\n  );\n});\n\nAlert.propTypes = {\n  /**\n   * **Deprecated:** Use type: \"warning\"\n   */\n  warning: PropTypes.bool,\n  /**\n   * **Deprecated:** Use type: \"error\"\n   */\n  error: PropTypes.bool,\n  /**\n   * Type of alert that will be reflected by the background color of it.\n   */\n  type: PropTypes.oneOf(['warning', 'error', 'info']),\n  /**\n   * Icon that will be displayed on the left of the alert message.\n   */\n  icon: PropTypes.element,\n  /**\n   * Alignment of the alert message.\n   */\n  align: PropTypes.oneOf(['left', 'center']),\n  /**\n   * Message that will be displayed on the alert.\n   */\n  alertMessage: PropTypes.string,\n  /**\n   * Font size of the alert message in pixel.\n   */\n  fontSize: PropTypes.number,\n  /**\n   * Line height of the alert message in pixel.\n   */\n  lineHeight: PropTypes.number,\n  /**\n   * Number of lines that will be displayed before the message will be truncated and replaced with ellipsis.\n   */\n  lineClamp: PropTypes.number,\n  /**\n   * The top and bottom padding of the alert in pixel.\n   */\n  verticalPadding: PropTypes.number,\n  /**\n   * The left and right padding of the alert in pixel.\n   */\n  horizontalPadding: PropTypes.number,\n  /**\n   * Custom width of the alert in pixel.\n   */\n  width: PropTypes.number\n};\n\nAlert.defaultProps = {\n  warning: false,\n  error: false,\n  align: 'left',\n  alertMessage:\n    'Use subject to restrictions. Editorial use only, no commercial use without prior consent from rights holder.',\n  lineClamp: 0,\n  horizontalPadding: 30,\n  verticalPadding: 17\n};\n\nexport default Alert;\n"],"names":["Alert","React","forwardRef","warning","error","type","alertMessage","align","icon","fontSize","lineHeight","lineClamp","verticalPadding","horizontalPadding","width","props","forwardedRef","isWarning","isError","isInfo","isEmpty","createElement","S","_extends","ref","info","propTypes","process","env","NODE_ENV","PropTypes","bool","oneOf","element","string","number","defaultProps"],"mappings":"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"}

package/build/data/Alert/Alert.styled.js

@@ -0,0 +1,56 @@
+import styled, { css } from 'styled-components';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
+
+const Alert = styled.div.attrs(applyDefaultTheme)`
+  display: flex;
+  flex-direction: column;
+  padding: ${props => {
+  const verticalPadding = props.verticalPadding ?? 17;
+  const horizontalPadding = props.horizontalPadding ?? 30;
+  return `${verticalPadding}px ${horizontalPadding}px`;
+}};
+  width: ${props => props.width ? `${props.width}px` : '100%'};
+  box-sizing: border-box;
+
+  ${props => props.warning && css`
+      ${props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'))}
+    `}
+
+  ${props => props.error && css`
+      ${props.theme.themeProp('background', '#7F1B1B', props.theme.getColor('red-200'))}
+    `}
+  
+  ${props => props.info && css`
+      background: transparent;
+    `}
+  
+  text-align: ${props => props.align === 'center' ? 'center' : 'left'};
+`;
+const AlertRender = styled.div.attrs(applyDefaultTheme)`
+  display: flex;
+  align-items: center;
+  word-break: break-word;
+  ${props => props.lineHeight ? `line-height: ${props.lineHeight}px;` : null}
+  ${props => props.fontSize ? `font-size: ${props.fontSize}px;` : null}
+  ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};
+
+  svg {
+    width: 12px;
+    height: 12px;
+  }
+
+  span {
+    flex: 1;
+    padding-left: 5px;
+    ${props => props.lineClamp ? css`
+            display: -webkit-box;
+            -webkit-line-clamp: ${props.lineClamp};
+            -webkit-box-orient: vertical;
+            overflow: hidden;
+            text-overflow: ellipsis;
+          ` : null};
+  }
+`;
+
+export { Alert, AlertRender };
+//# sourceMappingURL=Alert.styled.js.map

package/build/data/Alert/Alert.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.styled.js","sources":["../../../src/components/data/Alert/Alert.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nexport const Alert = styled.div.attrs(applyDefaultTheme)`\n  display: flex;\n  flex-direction: column;\n  padding: ${props => {\n    const verticalPadding = props.verticalPadding ?? 17;\n    const horizontalPadding = props.horizontalPadding ?? 30;\n    return `${verticalPadding}px ${horizontalPadding}px`;\n  }};\n  width: ${props => (props.width ? `${props.width}px` : '100%')};\n  box-sizing: border-box;\n\n  ${props =>\n    props.warning &&\n    css`\n      ${props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'))}\n    `}\n\n  ${props =>\n    props.error &&\n    css`\n      ${props.theme.themeProp('background', '#7F1B1B', props.theme.getColor('red-200'))}\n    `}\n  \n  ${props =>\n    props.info &&\n    css`\n      background: transparent;\n    `}\n  \n  text-align: ${props => (props.align === 'center' ? 'center' : 'left')};\n`;\n\nexport const AlertRender = styled.div.attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: center;\n  word-break: break-word;\n  ${props => (props.lineHeight ? `line-height: ${props.lineHeight}px;` : null)}\n  ${props => (props.fontSize ? `font-size: ${props.fontSize}px;` : null)}\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('white'),\n      props.theme.getColor('gray-700')\n    )};\n\n  svg {\n    width: 12px;\n    height: 12px;\n  }\n\n  span {\n    flex: 1;\n    padding-left: 5px;\n    ${props =>\n      props.lineClamp\n        ? css`\n            display: -webkit-box;\n            -webkit-line-clamp: ${props.lineClamp};\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          `\n        : null};\n  }\n`;\n"],"names":["Alert","styled","div","attrs","applyDefaultTheme","props","verticalPadding","horizontalPadding","width","warning","css","theme","themeProp","getColor","error","info","align","AlertRender","lineHeight","fontSize","lineClamp"],"mappings":";;;AAGO,MAAMA,KAAK,GAAGC,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AACxD;AACA;AACA,WAAA,EAAaC,KAAK,IAAI;AAClB,EAAA,MAAMC,eAAe,GAAGD,KAAK,CAACC,eAAe,IAAI,EAAE,CAAA;AACnD,EAAA,MAAMC,iBAAiB,GAAGF,KAAK,CAACE,iBAAiB,IAAI,EAAE,CAAA;AACvD,EAAA,OAAO,CAAGD,EAAAA,eAAe,CAAMC,GAAAA,EAAAA,iBAAiB,CAAI,EAAA,CAAA,CAAA;AACtD,CAAC,CAAA;AACH,SAAA,EAAWF,KAAK,IAAKA,KAAK,CAACG,KAAK,GAAG,CAAGH,EAAAA,KAAK,CAACG,KAAK,CAAI,EAAA,CAAA,GAAG,MAAO,CAAA;AAC/D;AACA;AACA,EAAA,EAAIH,KAAK,IACLA,KAAK,CAACI,OAAO,IACbC,GAAG,CAAA;AACP,MAAA,EAAQL,KAAK,CAACM,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAEP,KAAK,CAACM,KAAK,CAACE,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAAA;AACjG,IAAK,CAAA,CAAA;AACL;AACA,EAAA,EAAIR,KAAK,IACLA,KAAK,CAACS,KAAK,IACXJ,GAAG,CAAA;AACP,MAAA,EAAQL,KAAK,CAACM,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAEP,KAAK,CAACM,KAAK,CAACE,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAA;AACvF,IAAK,CAAA,CAAA;AACL;AACA,EAAA,EAAIR,KAAK,IACLA,KAAK,CAACU,IAAI,IACVL,GAAG,CAAA;AACP;AACA,IAAK,CAAA,CAAA;AACL;AACA,cAAgBL,EAAAA,KAAK,IAAKA,KAAK,CAACW,KAAK,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAAO,CAAA;AACvE,EAAC;AAEM,MAAMC,WAAW,GAAGhB,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC9D;AACA;AACA;AACA,EAAA,EAAIC,KAAK,IAAKA,KAAK,CAACa,UAAU,GAAG,CAAgBb,aAAAA,EAAAA,KAAK,CAACa,UAAU,CAAK,GAAA,CAAA,GAAG,IAAK,CAAA;AAC9E,EAAA,EAAIb,KAAK,IAAKA,KAAK,CAACc,QAAQ,GAAG,CAAcd,WAAAA,EAAAA,KAAK,CAACc,QAAQ,CAAK,GAAA,CAAA,GAAG,IAAK,CAAA;AACxE,EAAId,EAAAA,KAAK,IACLA,KAAK,CAACM,KAAK,CAACC,SAAS,CACnB,OAAO,EACPP,KAAK,CAACM,KAAK,CAACE,QAAQ,CAAC,OAAO,CAAC,EAC7BR,KAAK,CAACM,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,EAAMR,KAAK,IACLA,KAAK,CAACe,SAAS,GACXV,GAAG,CAAA;AACb;AACA,gCAAkCL,EAAAA,KAAK,CAACe,SAAS,CAAA;AACjD;AACA;AACA;AACA,UAAA,CAAW,GACD,IAAI,CAAA;AACd;AACA;;;;"}

package/build/data/Alert/index.js

@@ -0,0 +1,2 @@
+export { default } from './Alert.js';
+//# sourceMappingURL=index.js.map

package/build/data/Alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/{esm/components → build}/data/Badge/Badge.js

@@ -1,41 +1,39 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from '../../../node_modules/prop-types/index.js';
-import React from '../../../node_modules/react/index.js';
-import { Badge as Badge$2, BadgeChildrenContainer, BadgeLabel, BadgeIcon } from './Badge.styled.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import PropTypes from 'prop-types';
+import React__default from 'react';
+import { Badge as Badge$1, BadgeChildrenContainer, BadgeLabel, BadgeIcon } from './Badge.styled.js';
 
-const _excluded = ["badgeContent", "badgeIcon", "children", "elevated", "fontSize", "fontWeight", "lineHeight", "active", "error", "warning", "backgroundColors", "colors", "verticalPadding", "horizontalPadding", "height", "minHeight", "width", "minWidth"];
-const Badge = React.forwardRef(function Badge(_ref, forwardedRef) {
-  let {
-      badgeContent,
-      badgeIcon,
-      children,
-      elevated,
-      fontSize,
-      fontWeight,
-      lineHeight,
-      active,
-      error,
-      warning,
-      backgroundColors,
-      colors,
-      verticalPadding,
-      horizontalPadding,
-      height,
-      minHeight,
-      width,
-      minWidth
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
+const Badge = React__default.forwardRef(function Badge({
+  badgeContent,
+  badgeIcon,
+  children,
+  elevated,
+  fontSize,
+  fontWeight,
+  lineHeight,
+  active,
+  error,
+  warning,
+  backgroundColors,
+  colors,
+  verticalPadding,
+  horizontalPadding,
+  height,
+  minHeight,
+  width,
+  minWidth,
+  ...props
+}, forwardedRef) {
   if (typeof badgeContent === 'number') {
     badgeContent = Intl.NumberFormat('en', {
       notation: 'compact'
     }).format(badgeContent);
   }
-  return React.createElement(Badge$2, _extends({
+  return React__default.createElement(Badge$1, _extends({
     ref: forwardedRef,
     elevated: elevated,
     hasChildren: Boolean(children)
-  }, props), children && React.createElement(BadgeChildrenContainer, null, children), (badgeIcon || badgeContent) && React.createElement(BadgeLabel, {
+  }, props), children && React__default.createElement(BadgeChildrenContainer, null, children), (badgeIcon || badgeContent) && React__default.createElement(BadgeLabel, {
     backgroundColors: backgroundColors,
     colors: colors,
     elevated: elevated,
@@ -51,7 +49,7 @@ const Badge = React.forwardRef(function Badge(_ref, forwardedRef) {
     minHeight: minHeight,
     width: width,
     minWidth: minWidth
-  }, badgeIcon && React.createElement(BadgeIcon, {
+  }, badgeIcon && React__default.createElement(BadgeIcon, {
     useGutter: !!badgeContent
   }, badgeIcon), badgeContent));
 });
@@ -84,6 +82,6 @@ Badge.defaultProps = {
   fontWeight: 'normal',
   lineHeight: 'normal'
 };
-var Badge$1 = Badge;
 
-export { Badge$1 as default };
+export { Badge as default };
+//# sourceMappingURL=Badge.js.map

package/build/data/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../../src/components/data/Badge/Badge.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport * as S from './Badge.styled';\n\n/**\n * Badges show a bubble containing a `number` or a `string`. It may be used by itself or with children passed as props\n * (to display a badge on top of an icon, for example, pass the icon as the child).\n *\n * If the badge content is passed as a `float`, it will be rounded up to the nearest `integer`,\n * and if the number is higher than 1 000 or 1 000 000 it will be abbreviated to for example \"1.4K\" or \"1.4M\" respectively.\n * If you need to display a `float` instead of a rounded `integer`, pass it as a `string` instead (e.g. \"1,4\").\n *\n * ### Import\n *\n * ``` js\n * import { Badge } from '@ntbjs/react-components/data'\n * // or\n * import Badge from '@ntbjs/react-components/data/Badge'\n * ```\n * ## Props\n * ```\n * Pass `badgeIcon={<svg></svg>}` to display an icon.\n * Pass a number or string to the badgeContent to display it alongside the icon.\n * Pass `align={\"left\"}`or `align={\"center\"}` to align content.\n * Pass `elevated={true}` to display the badge on top of the children\n * Pass `active={true}` to reflect the active status of the badge\n * Pass `error={true}` to reflect the error status of the badge\n * Pass `warning={true}` to reflect the warning status of the badge\n * Pass `fontSize={15}` to set the font size of the badge in pixel\n * Pass `fontWeight={500}` to set the font weight of the badge\n * Pass `lineHeight={12}` to set the line height of the badge in pixel\n * Pass `colors={[#ffffff, #000000]}` to set the font color of the badge\n * Pass `backgroundColors={[#ffffff, #000000]}` to set the background color of the badge\n * Pass `verticalPadding={15}` to set the bottom and top padding of the badge in pixel\n * Pass `horizontalPadding={20}` to set the left and right padding of the badge in pixel\n * Pass `height={24}` to set the height of the badge in pixel\n * Pass `minHeight={24}` to set the minimum height of the badge in pixel\n * Pass `width={50}` to set the width of the badge in pixel\n * Pass `minWidth={32}` to set the minimum width of the badge in pixel\n *  ```\n */\nconst Badge = React.forwardRef(function Badge(\n  {\n    badgeContent,\n    badgeIcon,\n    children,\n    elevated,\n    fontSize,\n    fontWeight,\n    lineHeight,\n    active,\n    error,\n    warning,\n    backgroundColors,\n    colors,\n    verticalPadding,\n    horizontalPadding,\n    height,\n    minHeight,\n    width,\n    minWidth,\n    ...props\n  },\n  forwardedRef\n) {\n  if (typeof badgeContent === 'number') {\n    badgeContent = Intl.NumberFormat('en', { notation: 'compact' }).format(badgeContent);\n  }\n\n  return (\n    <S.Badge ref={forwardedRef} elevated={elevated} hasChildren={Boolean(children)} {...props}>\n      {children && <S.BadgeChildrenContainer>{children}</S.BadgeChildrenContainer>}\n      {(badgeIcon || badgeContent) && (\n        <S.BadgeLabel\n          backgroundColors={backgroundColors}\n          colors={colors}\n          elevated={elevated}\n          fontSize={fontSize}\n          fontWeight={fontWeight}\n          lineHeight={lineHeight}\n          active={active}\n          error={error}\n          warning={warning}\n          verticalPadding={verticalPadding}\n          horizontalPadding={horizontalPadding}\n          height={height}\n          minHeight={minHeight}\n          width={width}\n          minWidth={minWidth}\n        >\n          {badgeIcon && <S.BadgeIcon useGutter={!!badgeContent}>{badgeIcon}</S.BadgeIcon>}\n          {badgeContent}\n        </S.BadgeLabel>\n      )}\n    </S.Badge>\n  );\n});\n\nBadge.propTypes = {\n  /**\n   * An Icon to show in the badge alongside with a text\n   */\n  badgeIcon: PropTypes.node,\n\n  /**\n   * Content to be showed in the badge – e.g. number of results.\n   */\n  badgeContent: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.func,\n    PropTypes.element\n  ]),\n\n  /**\n   * The element(s) for which the badge will be displayed – e.g. an icon or a text.\n   */\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),\n\n  /**\n   * Whether the badge should be displayed in an elevated position on top of the child element(s) or not.\n   */\n  elevated: PropTypes.bool,\n\n  /**\n   * Whether the element is active or not (e.g. the currently selected menu item). This changes the color of the badge.\n   */\n  active: PropTypes.bool,\n\n  /**\n   * There is an error present – 'error be prioritized over warnings if both are set to `true`.\n   */\n  error: PropTypes.bool,\n\n  /**\n   * There is a warning present.\n   */\n  warning: PropTypes.bool,\n  /**\n   * Font size for the badge\n   */\n  fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * Font weight for the badge\n   */\n  fontWeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * Line weight for the badge\n   */\n  lineHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * Colors of the font in the manner of [darkThemeColor, lightThemeColor]\n   */\n  colors: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Background colors for the badge in the manner of [darkThemeColor, lightThemeColor]\n   */\n  backgroundColors: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Top and bottom padding for the badge\n   */\n  verticalPadding: PropTypes.number,\n  /**\n   * Left and right padding for the badge\n   */\n  horizontalPadding: PropTypes.number,\n  /**\n   * Height of the badge\n   */\n  height: PropTypes.number,\n  /**\n   * Minimum height of the badge\n   */\n  minHeight: PropTypes.number,\n  /**\n   * Width of the badge\n   */\n  width: PropTypes.number,\n  /**\n   * Minimum width of the badge\n   */\n  minWidth: PropTypes.number\n};\n\nBadge.defaultProps = {\n  elevated: false,\n  active: false,\n  error: false,\n  warning: false,\n  badgeIcon: null,\n  fontWeight: 'normal',\n  lineHeight: 'normal'\n};\n\nexport default Badge;\n"],"names":["Badge","React","forwardRef","badgeContent","badgeIcon","children","elevated","fontSize","fontWeight","lineHeight","active","error","warning","backgroundColors","colors","verticalPadding","horizontalPadding","height","minHeight","width","minWidth","props","forwardedRef","Intl","NumberFormat","notation","format","createElement","S","_extends","ref","hasChildren","Boolean","useGutter","propTypes","process","env","NODE_ENV","PropTypes","node","oneOfType","string","number","func","element","bool","arrayOf","defaultProps"],"mappings":"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"}

package/build/data/Badge/Badge.styled.js

@@ -0,0 +1,133 @@
+import styled, { css } from 'styled-components';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
+
+const Badge = styled.span.attrs(applyDefaultTheme)`
+  align-content: center;
+  display: ${props => props.elevated || !props.hasChildren ? 'inline-flex' : 'flex'};
+  font-family: ${props => props.theme.primaryFontFamily};
+  font-size: 1rem;
+  font-weight: 500;
+  min-height: 24px;
+  position: relative;
+  width: ${props => props.elevated ? 'fit-content' : 'initial'};
+`;
+const BadgeChildrenContainer = styled.span.attrs(applyDefaultTheme)`
+  align-self: center;
+  height: fit-content;
+  margin-right: 8px;
+`;
+const BadgeLabel = styled.span.attrs(applyDefaultTheme)`
+  border-radius: ${props => props.elevated ? '12px' : '14px'};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+
+  font-size: ${props => {
+  if (props.fontSize) {
+    return `${props.fontSize}px`;
+  } else {
+    return props.elevated ? '0.625rem' : '0.750rem';
+  }
+}};
+  font-weight: ${props => props.fontWeight ? props.fontWeight : 'normal'};
+  line-height: ${props => props.lineHeight ? `${props.lineHeight}px` : 'normal'};
+  height: ${props => props.height ? `${props.height}px` : 'fit-content'};
+  letter-spacing: 0.32px;
+  margin-left: ${props => props.elevated ? '15px' : 'auto'};
+  position: ${props => props.elevated ? 'absolute' : 'initial'};
+  right: 0;
+  transform: ${props => props.elevated ? 'translate(33%, -8px)' : 'initial'};
+
+  ${props => props.width ? css`
+          width: ${props.width}px;
+        ` : null}
+
+  ${props => props.minWidth ? css`
+          min-width: ${props.minWidth}px;
+        ` : null}
+
+  ${props => props.minHeight ? css`
+          min-height: ${props.minHeight}px;
+        ` : null}
+      
+
+  ${props => {
+  const verticalPadding = props.verticalPadding ? `${props.verticalPadding}px` : props.elevated ? '4px' : '6px';
+  const horizontalPadding = props.horizontalPadding ? `${props.horizontalPadding}px` : props.elevated ? '7px' : '10px';
+  return css`
+      padding: ${verticalPadding} ${horizontalPadding};
+    `;
+}}
+
+  ${props => props.theme.themeProp('background', () => {
+  const active = props.active;
+  const error = props.error;
+  const warning = props.warning;
+  const defaultBgColor = props?.backgroundColors?.[0] ?? props.theme.getColor('gray-600');
+  switch (true) {
+    case !error && !warning && !active:
+      return defaultBgColor;
+    case !error && !warning && active:
+      return props.theme.getColor('gray-700');
+    case error && active:
+      return props.theme.getColor('red-500');
+    case error:
+      return props.theme.getColor('red-200');
+    case warning && active:
+      return props.theme.getColor('signal-yellow-500');
+    case warning:
+      return props.theme.getColor('signal-yellow-400');
+    default:
+      return props.theme.getColor('gray-600');
+  }
+}, () => {
+  const active = props.active;
+  const error = props.error;
+  const warning = props.warning;
+  const defaultBgColor = props?.backgroundColors?.[1] ?? props.theme.getColor('gray-200');
+  switch (true) {
+    case !error && !warning && !active:
+      return defaultBgColor;
+    case !error && !warning && active:
+      return props.theme.getColor('white');
+    case error && active:
+      return props.theme.getColor('red-500');
+    case error:
+      return props.theme.getColor('red-200');
+    case warning && active:
+      return props.theme.getColor('signal-yellow-500');
+    case warning:
+      return props.theme.getColor('signal-yellow-400');
+    default:
+      return props.theme.getColor('gray-200');
+  }
+})}
+
+    ${props => props.theme.themeProp('color', () => {
+  const defaultColor = props?.colors?.[0] ?? props.theme.getColor('white');
+  if (props.warning && !props.error || props.error && !props.active) {
+    return props.theme.getColor('gray-900');
+  } else {
+    return defaultColor;
+  }
+}, () => {
+  const defaultColor = props?.colors?.[1] ?? props.theme.getColor('gray-900');
+  if (props.error && props.active) {
+    return props.theme.getColor('white');
+  } else {
+    return defaultColor;
+  }
+})}
+`;
+const BadgeIcon = styled.span.attrs(applyDefaultTheme)`
+  display: flex;
+  align-items: center;
+  margin-right: ${props => props.useGutter ? '4px' : 0};
+  svg {
+    height: 12px;
+  }
+`;
+
+export { Badge, BadgeChildrenContainer, BadgeIcon, BadgeLabel };
+//# sourceMappingURL=Badge.styled.js.map

package/build/data/Badge/Badge.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.styled.js","sources":["../../../src/components/data/Badge/Badge.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nexport const Badge = styled.span.attrs(applyDefaultTheme)`\n  align-content: center;\n  display: ${props => (props.elevated || !props.hasChildren ? 'inline-flex' : 'flex')};\n  font-family: ${props => props.theme.primaryFontFamily};\n  font-size: 1rem;\n  font-weight: 500;\n  min-height: 24px;\n  position: relative;\n  width: ${props => (props.elevated ? 'fit-content' : 'initial')};\n`;\n\nexport const BadgeChildrenContainer = styled.span.attrs(applyDefaultTheme)`\n  align-self: center;\n  height: fit-content;\n  margin-right: 8px;\n`;\n\nexport const BadgeLabel = styled.span.attrs(applyDefaultTheme)`\n  border-radius: ${props => (props.elevated ? '12px' : '14px')};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n\n  font-size: ${props => {\n    if (props.fontSize) {\n      return `${props.fontSize}px`;\n    } else {\n      return props.elevated ? '0.625rem' : '0.750rem';\n    }\n  }};\n  font-weight: ${props => (props.fontWeight ? props.fontWeight : 'normal')};\n  line-height: ${props => (props.lineHeight ? `${props.lineHeight}px` : 'normal')};\n  height: ${props => (props.height ? `${props.height}px` : 'fit-content')};\n  letter-spacing: 0.32px;\n  margin-left: ${props => (props.elevated ? '15px' : 'auto')};\n  position: ${props => (props.elevated ? 'absolute' : 'initial')};\n  right: 0;\n  transform: ${props => (props.elevated ? 'translate(33%, -8px)' : 'initial')};\n\n  ${props =>\n    props.width\n      ? css`\n          width: ${props.width}px;\n        `\n      : null}\n\n  ${props =>\n    props.minWidth\n      ? css`\n          min-width: ${props.minWidth}px;\n        `\n      : null}\n\n  ${props =>\n    props.minHeight\n      ? css`\n          min-height: ${props.minHeight}px;\n        `\n      : null}\n      \n\n  ${props => {\n    const verticalPadding = props.verticalPadding\n      ? `${props.verticalPadding}px`\n      : props.elevated\n      ? '4px'\n      : '6px';\n    const horizontalPadding = props.horizontalPadding\n      ? `${props.horizontalPadding}px`\n      : props.elevated\n      ? '7px'\n      : '10px';\n    return css`\n      padding: ${verticalPadding} ${horizontalPadding};\n    `;\n  }}\n\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      () => {\n        const active = props.active;\n        const error = props.error;\n        const warning = props.warning;\n\n        const defaultBgColor = props?.backgroundColors?.[0] ?? props.theme.getColor('gray-600');\n\n        switch (true) {\n          case !error && !warning && !active:\n            return defaultBgColor;\n\n          case !error && !warning && active:\n            return props.theme.getColor('gray-700');\n\n          case error && active:\n            return props.theme.getColor('red-500');\n\n          case error:\n            return props.theme.getColor('red-200');\n\n          case warning && active:\n            return props.theme.getColor('signal-yellow-500');\n\n          case warning:\n            return props.theme.getColor('signal-yellow-400');\n\n          default:\n            return props.theme.getColor('gray-600');\n        }\n      },\n      () => {\n        const active = props.active;\n        const error = props.error;\n        const warning = props.warning;\n\n        const defaultBgColor = props?.backgroundColors?.[1] ?? props.theme.getColor('gray-200');\n\n        switch (true) {\n          case !error && !warning && !active:\n            return defaultBgColor;\n\n          case !error && !warning && active:\n            return props.theme.getColor('white');\n\n          case error && active:\n            return props.theme.getColor('red-500');\n\n          case error:\n            return props.theme.getColor('red-200');\n\n          case warning && active:\n            return props.theme.getColor('signal-yellow-500');\n\n          case warning:\n            return props.theme.getColor('signal-yellow-400');\n\n          default:\n            return props.theme.getColor('gray-200');\n        }\n      }\n    )}\n\n    ${props =>\n    props.theme.themeProp(\n      'color',\n      () => {\n        const defaultColor = props?.colors?.[0] ?? props.theme.getColor('white');\n        if ((props.warning && !props.error) || (props.error && !props.active)) {\n          return props.theme.getColor('gray-900');\n        } else {\n          return defaultColor;\n        }\n      },\n      () => {\n        const defaultColor = props?.colors?.[1] ?? props.theme.getColor('gray-900');\n        if (props.error && props.active) {\n          return props.theme.getColor('white');\n        } else {\n          return defaultColor;\n        }\n      }\n    )}\n`;\n\nexport const BadgeIcon = styled.span.attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: center;\n  margin-right: ${props => (props.useGutter ? '4px' : 0)};\n  svg {\n    height: 12px;\n  }\n`;\n"],"names":["Badge","styled","span","attrs","applyDefaultTheme","props","elevated","hasChildren","theme","primaryFontFamily","BadgeChildrenContainer","BadgeLabel","fontSize","fontWeight","lineHeight","height","width","css","minWidth","minHeight","verticalPadding","horizontalPadding","themeProp","active","error","warning","defaultBgColor","backgroundColors","getColor","defaultColor","colors","BadgeIcon","useGutter"],"mappings":";;;AAGO,MAAMA,KAAK,GAAGC,MAAM,CAACC,IAAI,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AACzD;AACA,WAAA,EAAaC,KAAK,IAAKA,KAAK,CAACC,QAAQ,IAAI,CAACD,KAAK,CAACE,WAAW,GAAG,aAAa,GAAG,MAAO,CAAA;AACrF,eAAA,EAAiBF,KAAK,IAAIA,KAAK,CAACG,KAAK,CAACC,iBAAiB,CAAA;AACvD;AACA;AACA;AACA;AACA,SAAWJ,EAAAA,KAAK,IAAKA,KAAK,CAACC,QAAQ,GAAG,aAAa,GAAG,SAAU,CAAA;AAChE,EAAC;AAEM,MAAMI,sBAAsB,GAAGT,MAAM,CAACC,IAAI,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC1E;AACA;AACA;AACA,EAAC;AAEM,MAAMO,UAAU,GAAGV,MAAM,CAACC,IAAI,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC9D,iBAAmBC,EAAAA,KAAK,IAAKA,KAAK,CAACC,QAAQ,GAAG,MAAM,GAAG,MAAO,CAAA;AAC9D;AACA;AACA;AACA;AACA;AACA,aAAA,EAAeD,KAAK,IAAI;EACpB,IAAIA,KAAK,CAACO,QAAQ,EAAE;AAClB,IAAA,OAAO,CAAGP,EAAAA,KAAK,CAACO,QAAQ,CAAI,EAAA,CAAA,CAAA;AAC9B,GAAC,MAAM;AACL,IAAA,OAAOP,KAAK,CAACC,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAA;AACjD,GAAA;AACF,CAAC,CAAA;AACH,eAAiBD,EAAAA,KAAK,IAAKA,KAAK,CAACQ,UAAU,GAAGR,KAAK,CAACQ,UAAU,GAAG,QAAS,CAAA;AAC1E,eAAA,EAAiBR,KAAK,IAAKA,KAAK,CAACS,UAAU,GAAG,CAAGT,EAAAA,KAAK,CAACS,UAAU,CAAI,EAAA,CAAA,GAAG,QAAS,CAAA;AACjF,UAAA,EAAYT,KAAK,IAAKA,KAAK,CAACU,MAAM,GAAG,CAAGV,EAAAA,KAAK,CAACU,MAAM,CAAI,EAAA,CAAA,GAAG,aAAc,CAAA;AACzE;AACA,eAAiBV,EAAAA,KAAK,IAAKA,KAAK,CAACC,QAAQ,GAAG,MAAM,GAAG,MAAO,CAAA;AAC5D,YAAcD,EAAAA,KAAK,IAAKA,KAAK,CAACC,QAAQ,GAAG,UAAU,GAAG,SAAU,CAAA;AAChE;AACA,aAAeD,EAAAA,KAAK,IAAKA,KAAK,CAACC,QAAQ,GAAG,sBAAsB,GAAG,SAAU,CAAA;AAC7E;AACA,EAAA,EAAID,KAAK,IACLA,KAAK,CAACW,KAAK,GACPC,GAAG,CAAA;AACX,iBAAmBZ,EAAAA,KAAK,CAACW,KAAK,CAAA;AAC9B,QAAA,CAAS,GACD,IAAI,CAAA;AACZ;AACA,EAAA,EAAIX,KAAK,IACLA,KAAK,CAACa,QAAQ,GACVD,GAAG,CAAA;AACX,qBAAuBZ,EAAAA,KAAK,CAACa,QAAQ,CAAA;AACrC,QAAA,CAAS,GACD,IAAI,CAAA;AACZ;AACA,EAAA,EAAIb,KAAK,IACLA,KAAK,CAACc,SAAS,GACXF,GAAG,CAAA;AACX,sBAAwBZ,EAAAA,KAAK,CAACc,SAAS,CAAA;AACvC,QAAA,CAAS,GACD,IAAI,CAAA;AACZ;AACA;AACA,EAAA,EAAId,KAAK,IAAI;AACT,EAAA,MAAMe,eAAe,GAAGf,KAAK,CAACe,eAAe,GACzC,GAAGf,KAAK,CAACe,eAAe,CAAA,EAAA,CAAI,GAC5Bf,KAAK,CAACC,QAAQ,GACd,KAAK,GACL,KAAK,CAAA;AACT,EAAA,MAAMe,iBAAiB,GAAGhB,KAAK,CAACgB,iBAAiB,GAC7C,GAAGhB,KAAK,CAACgB,iBAAiB,CAAA,EAAA,CAAI,GAC9BhB,KAAK,CAACC,QAAQ,GACd,KAAK,GACL,MAAM,CAAA;AACV,EAAA,OAAOW,GAAG,CAAA;AACd,eAAiBG,EAAAA,eAAe,IAAIC,iBAAiB,CAAA;AACrD,IAAK,CAAA,CAAA;AACH,CAAC,CAAA;AACH;AACA,EAAIhB,EAAAA,KAAK,IACLA,KAAK,CAACG,KAAK,CAACc,SAAS,CACnB,YAAY,EACZ,MAAM;AACJ,EAAA,MAAMC,MAAM,GAAGlB,KAAK,CAACkB,MAAM,CAAA;AAC3B,EAAA,MAAMC,KAAK,GAAGnB,KAAK,CAACmB,KAAK,CAAA;AACzB,EAAA,MAAMC,OAAO,GAAGpB,KAAK,CAACoB,OAAO,CAAA;AAE7B,EAAA,MAAMC,cAAc,GAAGrB,KAAK,EAAEsB,gBAAgB,GAAG,CAAC,CAAC,IAAItB,KAAK,CAACG,KAAK,CAACoB,QAAQ,CAAC,UAAU,CAAC,CAAA;AAEvF,EAAA,QAAQ,IAAI;AACV,IAAA,KAAK,CAACJ,KAAK,IAAI,CAACC,OAAO,IAAI,CAACF,MAAM;AAChC,MAAA,OAAOG,cAAc,CAAA;AAEvB,IAAA,KAAK,CAACF,KAAK,IAAI,CAACC,OAAO,IAAIF,MAAM;AAC/B,MAAA,OAAOlB,KAAK,CAACG,KAAK,CAACoB,QAAQ,CAAC,UAAU,CAAC,CAAA;IAEzC,KAAKJ,KAAK,IAAID,MAAM;AAClB,MAAA,OAAOlB,KAAK,CAACG,KAAK,CAACoB,QAAQ,CAAC,SAAS,CAAC,CAAA;AAExC,IAAA,KAAKJ,KAAK;AACR,MAAA,OAAOnB,KAAK,CAACG,KAAK,CAACoB,QAAQ,CAAC,SAAS,CAAC,CAAA;IAExC,KAAKH,OAAO,IAAIF,MAAM;AACpB,MAAA,OAAOlB,KAAK,CAACG,KAAK,CAACoB,QAAQ,CAAC,mBAAmB,CAAC,CAAA;AAElD,IAAA,KAAKH,OAAO;AACV,MAAA,OAAOpB,KAAK,CAACG,KAAK,CAACoB,QAAQ,CAAC,mBAAmB,CAAC,CAAA;AAElD,IAAA;AACE,MAAA,OAAOvB,KAAK,CAACG,KAAK,CAACoB,QAAQ,CAAC,UAAU,CAAC,CAAA;AAC3C,GAAA;AACF,CAAC,EACD,MAAM;AACJ,EAAA,MAAML,MAAM,GAAGlB,KAAK,CAACkB,MAAM,CAAA;AAC3B,EAAA,MAAMC,KAAK,GAAGnB,KAAK,CAACmB,KAAK,CAAA;AACzB,EAAA,MAAMC,OAAO,GAAGpB,KAAK,CAACoB,OAAO,CAAA;AAE7B,EAAA,MAAMC,cAAc,GAAGrB,KAAK,EAAEsB,gBAAgB,GAAG,CAAC,CAAC,IAAItB,KAAK,CAACG,KAAK,CAACoB,QAAQ,CAAC,UAAU,CAAC,CAAA;AAEvF,EAAA,QAAQ,IAAI;AACV,IAAA,KAAK,CAACJ,KAAK,IAAI,CAACC,OAAO,IAAI,CAACF,MAAM;AAChC,MAAA,OAAOG,cAAc,CAAA;AAEvB,IAAA,KAAK,CAACF,KAAK,IAAI,CAACC,OAAO,IAAIF,MAAM;AAC/B,MAAA,OAAOlB,KAAK,CAACG,KAAK,CAACoB,QAAQ,CAAC,OAAO,CAAC,CAAA;IAEtC,KAAKJ,KAAK,IAAID,MAAM;AAClB,MAAA,OAAOlB,KAAK,CAACG,KAAK,CAACoB,QAAQ,CAAC,SAAS,CAAC,CAAA;AAExC,IAAA,KAAKJ,KAAK;AACR,MAAA,OAAOnB,KAAK,CAACG,KAAK,CAACoB,QAAQ,CAAC,SAAS,CAAC,CAAA;IAExC,KAAKH,OAAO,IAAIF,MAAM;AACpB,MAAA,OAAOlB,KAAK,CAACG,KAAK,CAACoB,QAAQ,CAAC,mBAAmB,CAAC,CAAA;AAElD,IAAA,KAAKH,OAAO;AACV,MAAA,OAAOpB,KAAK,CAACG,KAAK,CAACoB,QAAQ,CAAC,mBAAmB,CAAC,CAAA;AAElD,IAAA;AACE,MAAA,OAAOvB,KAAK,CAACG,KAAK,CAACoB,QAAQ,CAAC,UAAU,CAAC,CAAA;AAC3C,GAAA;AACF,CACF,CAAC,CAAA;AACL;AACA,IAAMvB,EAAAA,KAAK,IACPA,KAAK,CAACG,KAAK,CAACc,SAAS,CACnB,OAAO,EACP,MAAM;AACJ,EAAA,MAAMO,YAAY,GAAGxB,KAAK,EAAEyB,MAAM,GAAG,CAAC,CAAC,IAAIzB,KAAK,CAACG,KAAK,CAACoB,QAAQ,CAAC,OAAO,CAAC,CAAA;AACxE,EAAA,IAAKvB,KAAK,CAACoB,OAAO,IAAI,CAACpB,KAAK,CAACmB,KAAK,IAAMnB,KAAK,CAACmB,KAAK,IAAI,CAACnB,KAAK,CAACkB,MAAO,EAAE;AACrE,IAAA,OAAOlB,KAAK,CAACG,KAAK,CAACoB,QAAQ,CAAC,UAAU,CAAC,CAAA;AACzC,GAAC,MAAM;AACL,IAAA,OAAOC,YAAY,CAAA;AACrB,GAAA;AACF,CAAC,EACD,MAAM;AACJ,EAAA,MAAMA,YAAY,GAAGxB,KAAK,EAAEyB,MAAM,GAAG,CAAC,CAAC,IAAIzB,KAAK,CAACG,KAAK,CAACoB,QAAQ,CAAC,UAAU,CAAC,CAAA;AAC3E,EAAA,IAAIvB,KAAK,CAACmB,KAAK,IAAInB,KAAK,CAACkB,MAAM,EAAE;AAC/B,IAAA,OAAOlB,KAAK,CAACG,KAAK,CAACoB,QAAQ,CAAC,OAAO,CAAC,CAAA;AACtC,GAAC,MAAM;AACL,IAAA,OAAOC,YAAY,CAAA;AACrB,GAAA;AACF,CACF,CAAC,CAAA;AACL,EAAC;AAEM,MAAME,SAAS,GAAG9B,MAAM,CAACC,IAAI,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC7D;AACA;AACA,gBAAkBC,EAAAA,KAAK,IAAKA,KAAK,CAAC2B,SAAS,GAAG,KAAK,GAAG,CAAE,CAAA;AACxD;AACA;AACA;AACA;;;;"}

package/build/data/Badge/index.js

@@ -0,0 +1,2 @@
+export { default } from './Badge.js';
+//# sourceMappingURL=index.js.map

package/build/data/Badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/{esm/components → build}/data/Popover/Popover.js

@@ -1,31 +1,28 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { isBoolean } from 'lodash';
-import PropTypes from '../../../node_modules/prop-types/index.js';
-import React from '../../../node_modules/react/index.js';
-import { Popover as Popover$2 } from './Popover.styled.js';
+import PropTypes from 'prop-types';
+import React__default, { useMemo } from 'react';
+import { Popover as Popover$1 } from './Popover.styled.js';
 import maxSize from 'popper-max-size-modifier';
-import { r as react } from '../../../_virtual/index.js';
 
-const _excluded = ["content", "interactive", "placement", "duration", "trigger", "offset", "arrow", "visible", "contextMenu", "contextMenuSublevel", "children", "modifiers", "maxWidth"];
-const Popover = React.forwardRef(function Popover(_ref, ref) {
-  let {
-      content = 'Tooltip',
-      interactive = true,
-      placement = 'bottom-end',
-      duration = 350,
-      trigger = 'click focus',
-      offset = [0, 8],
-      arrow = true,
-      visible = undefined,
-      contextMenu = false,
-      contextMenuSublevel = false,
-      children,
-      modifiers = [],
-      maxWidth = 'none'
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const errorOffset = react.exports.useMemo(() => arrow ? 15 : 0, [arrow]);
-  const isControlled = react.exports.useMemo(() => isBoolean(visible), [visible]);
+const Popover = React__default.forwardRef(function Popover({
+  content = 'Tooltip',
+  interactive = true,
+  placement = 'bottom-end',
+  duration = 350,
+  trigger = 'click focus',
+  offset = [0, 8],
+  arrow = true,
+  visible = undefined,
+  contextMenu = false,
+  contextMenuSublevel = false,
+  children,
+  modifiers = [],
+  maxWidth = 'none',
+  ...props
+}, ref) {
+  const errorOffset = useMemo(() => arrow ? 15 : 0, [arrow]);
+  const isControlled = useMemo(() => isBoolean(visible), [visible]);
   const handleContextMenuItemClick = () => {
     document.querySelectorAll('.context-menu-item:not(.opens-sublevel)').forEach(item => item.addEventListener('click', () => {
       document.querySelectorAll('[data-tippy-root]').forEach(node => {
@@ -35,7 +32,7 @@ const Popover = React.forwardRef(function Popover(_ref, ref) {
       });
     }));
   };
-  return React.createElement("div", null, React.createElement(Popover$2, _extends({
+  return React__default.createElement("div", null, React__default.createElement(Popover$1, _extends({
     ref: ref,
     content: content,
     interactive: interactive,
@@ -47,13 +44,14 @@ const Popover = React.forwardRef(function Popover(_ref, ref) {
     arrow: contextMenu ? false : arrow,
     visible: visible,
     popperOptions: {
-      modifiers: [_objectSpread2(_objectSpread2({}, maxSize), {}, {
+      modifiers: [{
+        ...maxSize,
         options: {
           boundary: 'viewport',
           rootBoundary: 'viewport',
           padding: 10
         }
-      }), {
+      }, {
         name: 'applyMaxSize',
         enabled: true,
         phase: 'beforeWrite',
@@ -64,9 +62,10 @@ const Popover = React.forwardRef(function Popover(_ref, ref) {
           const {
             height
           } = state.modifiersData.maxSize;
-          state.styles.popper = _objectSpread2(_objectSpread2({}, state.styles.popper), {}, {
+          state.styles.popper = {
+            ...state.styles.popper,
             maxHeight: `${height}px`
-          });
+          };
         }
       }, ...modifiers]
     },
@@ -89,6 +88,6 @@ Popover.propTypes = process.env.NODE_ENV !== "production" ? {
   contextMenuSublevel: PropTypes.bool,
   children: PropTypes.node.isRequired
 } : {};
-var Popover$1 = Popover;
 
-export { Popover$1 as default };
+export { Popover as default };
+//# sourceMappingURL=Popover.js.map

package/build/data/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../src/components/data/Popover/Popover.js"],"sourcesContent":["import { isBoolean } from 'lodash';\nimport PropTypes from 'prop-types';\nimport React, { useMemo } from 'react';\nimport * as S from './Popover.styled';\nimport maxSize from 'popper-max-size-modifier';\n\n/**\n * The `Popover` is a transient view that shows on a content screen when a user clicks on a control button or within a defined area.\n * A `Popover` renders a temporary context to get user’s attention and to hide unnecessary interactions.\n *\n * This component is used with the `Button` and `ContextMenu` components to create dropdown menus and context menus.\n * See their documentation for usage examples.\n *\n * ### Import\n *\n * ``` js\n * import { Popover } from '@ntbjs/react-components/data'\n * // or\n * import Popover from '@ntbjs/react-components/data/Popover'\n * ```\n *\n * ### Usage example\n *\n * ``` js\n<Popover content={<img alt=\"Dummy content\" src={dummyImage} />}>\n  <ActionButton icon={<DeleteIcon />} onClick={() => {}} />\n</Popover>\n * ```\n */\n\nconst Popover = React.forwardRef(function Popover(\n  {\n    content = 'Tooltip',\n    interactive = true,\n    placement = 'bottom-end',\n    duration = 350,\n    trigger = 'click focus',\n    offset = [0, 8],\n    arrow = true,\n    visible = undefined,\n    contextMenu = false,\n    contextMenuSublevel = false,\n    children,\n    modifiers = [],\n    maxWidth = 'none',\n    ...props\n  },\n  ref\n) {\n  const errorOffset = useMemo(() => (arrow ? 15 : 0), [arrow]);\n\n  const isControlled = useMemo(() => isBoolean(visible), [visible]);\n\n  const handleContextMenuItemClick = () => {\n    document.querySelectorAll('.context-menu-item:not(.opens-sublevel)').forEach(item =>\n      item.addEventListener('click', () => {\n        document.querySelectorAll('[data-tippy-root]').forEach(node => {\n          if (node._tippy) {\n            node._tippy.hide();\n          }\n        });\n      })\n    );\n  };\n\n  return (\n    <div>\n      <S.Popover\n        ref={ref}\n        content={content}\n        interactive={interactive}\n        placement={contextMenuSublevel ? 'right-start' : placement}\n        duration={duration}\n        animation={'shift-away-subtle'}\n        trigger={\n          isControlled ? undefined : contextMenuSublevel ? 'mouseenter click focus' : trigger\n        }\n        offset={[offset[0], offset[1] + errorOffset]}\n        arrow={contextMenu ? false : arrow}\n        visible={visible}\n        popperOptions={{\n          modifiers: [\n            {\n              ...maxSize,\n              options: {\n                boundary: 'viewport',\n                rootBoundary: 'viewport',\n                padding: 10\n              }\n            },\n            {\n              name: 'applyMaxSize',\n              enabled: true,\n              phase: 'beforeWrite',\n              requires: ['maxSize'],\n              fn({ state }) {\n                // The `maxSize` modifier provides this data\n                const { height } = state.modifiersData.maxSize;\n\n                state.styles.popper = {\n                  ...state.styles.popper,\n                  maxHeight: `${height}px`\n                };\n              }\n            },\n            ...modifiers\n          ]\n        }}\n        // contextMenu={contextMenu}\n        // contextMenuSublevel={contextMenuSublevel}\n        onShown={contextMenu ? handleContextMenuItemClick : undefined}\n        maxWidth={maxWidth}\n        {...props}\n      >\n        {children}\n      </S.Popover>\n    </div>\n  );\n});\n\n/**\n * https://atomiks.github.io/tippyjs/v6/all-props/\n * @type {{content: Validator<NonNullable<string>>}}\n */\nPopover.propTypes = {\n  /**\n   * The content of the `Popover`.\n   */\n  content: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n\n  /**\n   * Determines if the `Popover` has interactive content inside of it, so that it can be\n   * hovered over and clicked inside without hiding.\n   */\n  interactive: PropTypes.bool,\n\n  /**\n   * The preferred placement of the `Popover`. Note that Popper's flip modifier can change\n   * this to the opposite placement if it has more space.\n   */\n  placement: PropTypes.oneOf([\n    'top',\n    'top-start',\n    'top-end',\n    'right',\n    'right-start',\n    'right-end',\n    'bottom',\n    'bottom-start',\n    'bottom-end',\n    'left',\n    'left-start',\n    'left-end',\n    'auto',\n    'auto-start',\n    'auto-end'\n  ]),\n\n  /**\n   * Duration in ms of the transition animation.\n   */\n  duration: PropTypes.number,\n\n  /**\n   * Determines the events that cause the `Popover` to show. Multiple event names are separated by\n   * spaces.\n   *\n   * *Example events:*\n   *\n   * `trigger: 'click'`\n   *\n   * `trigger: 'focusin'`\n   *\n   * `trigger: 'mouseenter click'`\n   *\n   * --\n   */\n  trigger: PropTypes.string,\n\n  /**\n   * Displaces the popover from its reference element in pixels (skidding and distance).\n   *\n   * `[skidding, distance]`\n   */\n  offset: PropTypes.arrayOf(PropTypes.number),\n\n  /**\n   * Determines if the popover has an arrow.\n   */\n  arrow: PropTypes.bool,\n\n  /**\n   * Use React's state to fully control the `Popover` instead of relying on the native trigger\n   * and `hideOnClick` props\n   */\n  visible: PropTypes.bool,\n\n  /**\n   * Additional Popper modifiers\n   */\n  modifiers: PropTypes.array,\n\n  /**\n   * Max-width\n   */\n  maxWidth: PropTypes.string,\n\n  /**\n   * Whether the `Popover` contains a context menu.\n   * This will remove the default arrow, and apply styling.\n   */\n  contextMenu: PropTypes.bool,\n\n  /**\n   * Whether the `Popover` contains a context menu which is the sublevel of another context menu.\n   * This will automatically set placement, spacing and trigger events, add a dropdown icon, etc.\n   */\n  contextMenuSublevel: PropTypes.bool,\n\n  /**\n   * Content of the `Popover`.\n   */\n  children: PropTypes.node.isRequired\n};\n\nexport default Popover;\n"],"names":["Popover","React","forwardRef","content","interactive","placement","duration","trigger","offset","arrow","visible","undefined","contextMenu","contextMenuSublevel","children","modifiers","maxWidth","props","ref","errorOffset","useMemo","isControlled","isBoolean","handleContextMenuItemClick","document","querySelectorAll","forEach","item","addEventListener","node","_tippy","hide","createElement","S","_extends","animation","popperOptions","maxSize","options","boundary","rootBoundary","padding","name","enabled","phase","requires","fn","state","height","modifiersData","styles","popper","maxHeight","onShown","propTypes","process","env","NODE_ENV","PropTypes","oneOfType","string","element","isRequired","bool","oneOf","number","arrayOf","array"],"mappings":"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"}