@ntbjs/react-components 2.0.0-rc.9 → 2.0.2-rc.1

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/build/data/Alert/Alert.js

@@ -0,0 +1,73 @@
+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 Alert = React__default.forwardRef(function Alert({
+  type,
+  alertMessage,
+  align,
+  icon,
+  fontSize,
+  lineHeight,
+  lineClamp,
+  verticalPadding,
+  horizontalPadding,
+  width,
+  ...props
+}, forwardedRef) {
+  let isWarning = false;
+  let isError = false;
+  let isInfo = true;
+  if (!isEmpty(type)) {
+    if (type === 'warning') {
+      isWarning = true;
+    } else if (type === 'error') {
+      isError = true;
+    } else {
+      isInfo = true;
+    }
+  } else {
+    if (isWarning || isError) {
+      isInfo = false;
+    }
+  }
+  return React__default.createElement(Alert$1, _extends({
+    ref: forwardedRef,
+    $alertMessage: alertMessage,
+    $warning: isWarning,
+    $error: isError,
+    $info: isInfo,
+    $align: align,
+    $verticalPadding: verticalPadding,
+    $horizontalPadding: horizontalPadding,
+    width: width
+  }, props), React__default.createElement(AlertRender, {
+    fontSize: fontSize,
+    lineHeight: lineHeight,
+    $lineClamp: lineClamp
+  }, icon, " ", React__default.createElement("span", null, alertMessage)));
+});
+Alert.propTypes = process.env.NODE_ENV !== "production" ? {
+  type: PropTypes.oneOf(['warning', 'error', 'info']),
+  icon: PropTypes.element,
+  align: PropTypes.oneOf(['left', 'center']),
+  alertMessage: PropTypes.string,
+  fontSize: PropTypes.number,
+  lineHeight: PropTypes.number,
+  lineClamp: PropTypes.number,
+  verticalPadding: PropTypes.number,
+  horizontalPadding: PropTypes.number,
+  width: PropTypes.number
+} : {};
+Alert.defaultProps = {
+  align: 'left',
+  alertMessage: 'Use subject to restrictions. Editorial use only, no commercial use without prior consent from rights holder.',
+  lineClamp: 0,
+  horizontalPadding: 30,
+  verticalPadding: 17
+};
+
+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 * 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    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    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   * 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  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","type","alertMessage","align","icon","fontSize","lineHeight","lineClamp","verticalPadding","horizontalPadding","width","props","forwardedRef","isWarning","isError","isInfo","isEmpty","createElement","S","_extends","ref","$alertMessage","$warning","$error","$info","$align","$verticalPadding","$horizontalPadding","$lineClamp","propTypes","process","env","NODE_ENV","PropTypes","oneOf","element","string","number","defaultProps"],"mappings":";;;;;;AAoCMA,MAAAA,KAAK,GAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,KAAKA,CAC3C;EACEG,IAAI;EACJC,YAAY;EACZC,KAAK;EACLC,IAAI;EACJC,QAAQ;EACRC,UAAU;EACVC,SAAS;EACTC,eAAe;EACfC,iBAAiB;EACjBC,KAAK;EACL,GAAGC,KAAAA;AACL,CAAC,EACDC,YAAY,EACZ;EACA,IAAIC,SAAS,GAAG,KAAK,CAAA;EACrB,IAAIC,OAAO,GAAG,KAAK,CAAA;EACnB,IAAIC,MAAM,GAAG,IAAI,CAAA;AAEjB,EAAA,IAAI,CAACC,OAAO,CAACf,IAAI,CAAC,EAAE;IAClB,IAAIA,IAAI,KAAK,SAAS,EAAE;AACtBY,MAAAA,SAAS,GAAG,IAAI,CAAA;AAClB,KAAC,MAAM,IAAIZ,IAAI,KAAK,OAAO,EAAE;AAC3Ba,MAAAA,OAAO,GAAG,IAAI,CAAA;AAChB,KAAC,MAAM;AACLC,MAAAA,MAAM,GAAG,IAAI,CAAA;AACf,KAAA;AACF,GAAC,MAAM;IACL,IAAIF,SAAS,IAAIC,OAAO,EAAE;AACxBC,MAAAA,MAAM,GAAG,KAAK,CAAA;AAChB,KAAA;AACF,GAAA;EAEA,OACEhB,cAAA,CAAAkB,aAAA,CAACC,OAAO,EAAAC,QAAA,CAAA;AACNC,IAAAA,GAAG,EAAER,YAAa;AAClBS,IAAAA,aAAa,EAAEnB,YAAa;AAC5BoB,IAAAA,QAAQ,EAAET,SAAU;AACpBU,IAAAA,MAAM,EAAET,OAAQ;AAChBU,IAAAA,KAAK,EAAET,MAAO;AACdU,IAAAA,MAAM,EAAEtB,KAAM;AACduB,IAAAA,gBAAgB,EAAElB,eAAgB;AAClCmB,IAAAA,kBAAkB,EAAElB,iBAAkB;AACtCC,IAAAA,KAAK,EAAEA,KAAAA;GACHC,EAAAA,KAAK,GAETZ,cAAA,CAAAkB,aAAA,CAACC,WAAa,EAAA;AAACb,IAAAA,QAAQ,EAAEA,QAAS;AAACC,IAAAA,UAAU,EAAEA,UAAW;AAACsB,IAAAA,UAAU,EAAErB,SAAAA;GACpEH,EAAAA,IAAI,EAAC,GAAC,EAAAL,cAAA,CAAAkB,aAAA,CAAOf,MAAAA,EAAAA,IAAAA,EAAAA,YAAmB,CACpB,CACR,CAAC,CAAA;AAEd,CAAC,EAAC;AAEFJ,KAAK,CAAC+B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;AAIhB/B,EAAAA,IAAI,EAAEgC,SAAS,CAACC,KAAK,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;EAInD9B,IAAI,EAAE6B,SAAS,CAACE,OAAO;EAIvBhC,KAAK,EAAE8B,SAAS,CAACC,KAAK,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;EAI1ChC,YAAY,EAAE+B,SAAS,CAACG,MAAM;EAI9B/B,QAAQ,EAAE4B,SAAS,CAACI,MAAM;EAI1B/B,UAAU,EAAE2B,SAAS,CAACI,MAAM;EAI5B9B,SAAS,EAAE0B,SAAS,CAACI,MAAM;EAI3B7B,eAAe,EAAEyB,SAAS,CAACI,MAAM;EAIjC5B,iBAAiB,EAAEwB,SAAS,CAACI,MAAM;EAInC3B,KAAK,EAAEuB,SAAS,CAACI,MAAAA;AACnB,CAAC,GAAA,EAAA,CAAA;AAEDvC,KAAK,CAACwC,YAAY,GAAG;AACnBnC,EAAAA,KAAK,EAAE,MAAM;AACbD,EAAAA,YAAY,EACV,8GAA8G;AAChHK,EAAAA,SAAS,EAAE,CAAC;AACZE,EAAAA,iBAAiB,EAAE,EAAE;AACrBD,EAAAA,eAAe,EAAE,EAAA;AACnB,CAAC;;;;"}

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

@@ -0,0 +1,63 @@
+import styled, { css } from 'styled-components';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
+
+const shouldForwardProp = prop => {
+  return prop !== 'theme' && !prop.startsWith('$');
+};
+const Alert = styled.div.withConfig({
+  shouldForwardProp
+}).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.withConfig({
+  shouldForwardProp
+}).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\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const Alert = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .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\n  .withConfig({\n    shouldForwardProp\n  })\n  .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":["shouldForwardProp","prop","startsWith","Alert","styled","div","withConfig","attrs","applyDefaultTheme","props","verticalPadding","$verticalPadding","horizontalPadding","$horizontalPadding","width","$warning","css","theme","themeProp","getColor","$error","$info","align","AlertRender","lineHeight","fontSize","$lineClamp"],"mappings":";;;AAGA,MAAMA,iBAAiB,GAAGC,IAAI,IAAI;EAChC,OAAOA,IAAI,KAAK,OAAO,IAAI,CAACA,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC,CAAA;AAClD,CAAC,CAAA;AAEM,MAAMC,KAAK,GAAGC,MAAM,CAACC,GAAG,CAC5BC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA,WAAA,EAAaC,KAAK,IAAI;AAClB,EAAA,MAAMC,eAAe,GAAGD,KAAK,CAACE,gBAAgB,IAAI,EAAE,CAAA;AACpD,EAAA,MAAMC,iBAAiB,GAAGH,KAAK,CAACI,kBAAkB,IAAI,EAAE,CAAA;AACxD,EAAA,OAAO,CAAGH,EAAAA,eAAe,CAAME,GAAAA,EAAAA,iBAAiB,CAAI,EAAA,CAAA,CAAA;AACtD,CAAC,CAAA;AACH,SAAA,EAAWH,KAAK,IAAKA,KAAK,CAACK,KAAK,GAAG,CAAGL,EAAAA,KAAK,CAACK,KAAK,CAAI,EAAA,CAAA,GAAG,MAAO,CAAA;AAC/D;AACA;AACA,EAAA,EAAIL,KAAK,IACLA,KAAK,CAACM,QAAQ,IACdC,GAAG,CAAA;AACP,MAAA,EAAQP,KAAK,CAACQ,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAET,KAAK,CAACQ,KAAK,CAACE,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAAA;AACjG,IAAK,CAAA,CAAA;AACL;AACA,EAAA,EAAIV,KAAK,IACLA,KAAK,CAACW,MAAM,IACZJ,GAAG,CAAA;AACP,MAAA,EAAQP,KAAK,CAACQ,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAET,KAAK,CAACQ,KAAK,CAACE,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAA;AACvF,IAAK,CAAA,CAAA;AACL;AACA,EAAA,EAAIV,KAAK,IACLA,KAAK,CAACY,KAAK,IACXL,GAAG,CAAA;AACP;AACA,IAAK,CAAA,CAAA;AACL;AACA,cAAgBP,EAAAA,KAAK,IAAKA,KAAK,CAACa,KAAK,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAAO,CAAA;AACvE,EAAC;AAEM,MAAMC,WAAW,GAAGnB,MAAM,CAACC,GAAG,CAClCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA,EAAA,EAAIC,KAAK,IAAKA,KAAK,CAACe,UAAU,GAAG,CAAgBf,aAAAA,EAAAA,KAAK,CAACe,UAAU,CAAK,GAAA,CAAA,GAAG,IAAK,CAAA;AAC9E,EAAA,EAAIf,KAAK,IAAKA,KAAK,CAACgB,QAAQ,GAAG,CAAchB,WAAAA,EAAAA,KAAK,CAACgB,QAAQ,CAAK,GAAA,CAAA,GAAG,IAAK,CAAA;AACxE,EAAIhB,EAAAA,KAAK,IACLA,KAAK,CAACQ,KAAK,CAACC,SAAS,CACnB,OAAO,EACPT,KAAK,CAACQ,KAAK,CAACE,QAAQ,CAAC,OAAO,CAAC,EAC7BV,KAAK,CAACQ,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,EAAMV,KAAK,IACLA,KAAK,CAACiB,UAAU,GACZV,GAAG,CAAA;AACb;AACA,gCAAkCP,EAAAA,KAAK,CAACiB,UAAU,CAAA;AAClD;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/build/data/Badge/Badge.js

@@ -0,0 +1,87 @@
+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 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__default.createElement(Badge$1, _extends({
+    ref: forwardedRef,
+    $elevated: elevated,
+    $hasChildren: Boolean(children)
+  }, props), children && React__default.createElement(BadgeChildrenContainer, null, children), (badgeIcon || badgeContent) && React__default.createElement(BadgeLabel, {
+    $backgroundColors: backgroundColors,
+    $colors: colors,
+    $elevated: elevated,
+    fontSize: fontSize,
+    fontWeight: fontWeight,
+    $lineHeight: lineHeight,
+    $active: active,
+    $error: error,
+    $warning: warning,
+    $elevatedverticalPadding: verticalPadding,
+    $horizontalPadding: horizontalPadding,
+    height: height,
+    minHeight: minHeight,
+    width: width,
+    $minWidth: minWidth
+  }, badgeIcon && React__default.createElement(BadgeIcon, {
+    $useGutter: !!badgeContent
+  }, badgeIcon), badgeContent));
+});
+Badge.propTypes = process.env.NODE_ENV !== "production" ? {
+  badgeIcon: PropTypes.node,
+  badgeContent: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.func, PropTypes.element]),
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+  elevated: PropTypes.bool,
+  active: PropTypes.bool,
+  error: PropTypes.bool,
+  warning: PropTypes.bool,
+  fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  fontWeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  lineHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  colors: PropTypes.arrayOf(PropTypes.string),
+  backgroundColors: PropTypes.arrayOf(PropTypes.string),
+  verticalPadding: PropTypes.number,
+  horizontalPadding: PropTypes.number,
+  height: PropTypes.number,
+  minHeight: PropTypes.number,
+  width: PropTypes.number,
+  minWidth: PropTypes.number
+} : {};
+Badge.defaultProps = {
+  elevated: false,
+  active: false,
+  error: false,
+  warning: false,
+  badgeIcon: null,
+  fontWeight: 'normal',
+  lineHeight: 'normal'
+};
+
+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          $elevatedverticalPadding={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","$elevated","$hasChildren","Boolean","$backgroundColors","$colors","$lineHeight","$active","$error","$warning","$elevatedverticalPadding","$horizontalPadding","$minWidth","$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,144 @@
+import styled, { css } from 'styled-components';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
+
+const shouldForwardProp = prop => {
+  return prop !== 'theme' && !prop.startsWith('$');
+};
+const Badge = styled.span.withConfig({
+  shouldForwardProp
+}).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.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  align-self: center;
+  height: fit-content;
+  margin-right: 8px;
+`;
+const BadgeLabel = styled.span.withConfig({
+  shouldForwardProp
+}).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.withConfig({
+  shouldForwardProp
+}).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\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const Badge = styled.span\n  .withConfig({\n    shouldForwardProp\n  })\n  .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\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  align-self: center;\n  height: fit-content;\n  margin-right: 8px;\n`;\n\nexport const BadgeLabel = styled.span\n  .withConfig({\n    shouldForwardProp\n  })\n  .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\n  .withConfig({\n    shouldForwardProp\n  })\n  .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":["shouldForwardProp","prop","startsWith","Badge","styled","span","withConfig","attrs","applyDefaultTheme","props","$elevated","$hasChildren","theme","primaryFontFamily","BadgeChildrenContainer","BadgeLabel","fontSize","elevated","fontWeight","$lineHeight","height","width","css","$minWidth","minHeight","verticalPadding","horizontalPadding","$horizontalPadding","themeProp","active","$active","error","$error","warning","$warning","defaultBgColor","backgroundColors","getColor","$backgroundColors","defaultColor","$colors","BadgeIcon","$useGutter"],"mappings":"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"}

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,9 @@ const Popover = React.forwardRef(function Popover(_ref, ref) {
       });
     }));
   };
-  return React.createElement("div", null, React.createElement(Popover$2, _extends({
+  const eventHandlerProps = ['onClick', 'onChange', 'onSubmit'];
+  const filteredProps = Object.fromEntries(Object.entries(props).filter(([key]) => !eventHandlerProps.includes(key)));
+  return React__default.createElement("div", null, React__default.createElement(Popover$1, _extends({
     ref: ref,
     content: content,
     interactive: interactive,
@@ -47,13 +46,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,15 +64,16 @@ 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]
     },
-    onShown: contextMenu ? handleContextMenuItemClick : undefined,
+    onShow: contextMenu ? handleContextMenuItemClick : undefined,
     maxWidth: maxWidth
-  }, props), children));
+  }, filteredProps), children));
 });
 Popover.propTypes = process.env.NODE_ENV !== "production" ? {
   content: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
@@ -89,6 +90,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  const eventHandlerProps = ['onClick', 'onChange', 'onSubmit'];\n\n  const filteredProps = Object.fromEntries(\n    Object.entries(props).filter(([key]) => !eventHandlerProps.includes(key))\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        onShow={contextMenu ? handleContextMenuItemClick : undefined}\n        maxWidth={maxWidth}\n        {...filteredProps}\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","eventHandlerProps","filteredProps","Object","fromEntries","entries","filter","key","includes","createElement","S","_extends","animation","popperOptions","maxSize","options","boundary","rootBoundary","padding","name","enabled","phase","requires","fn","state","height","modifiersData","styles","popper","maxHeight","onShow","propTypes","process","env","NODE_ENV","PropTypes","oneOfType","string","element","isRequired","bool","oneOf","number","arrayOf","array"],"mappings":"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"}