react-jupiter 5.12.0 → 6.0.0-beta.2

package/dist/components/product-properties/product-property/index.style.js

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _styledComponents = _interopRequireDefault(require("styled-components"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const Container = _styledComponents.default.div`
+  display: flex;
+  align-items: center;
+  width: auto;
+`;var _default = exports.default =
+
+Container;

package/dist/components/progress-bar/index.js

@@ -0,0 +1,46 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _index = require("./index.styles");
+var _numbers = require("../utils/numbers");
+var _icon = _interopRequireDefault(require("../icon"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const ProgressBar = (_ref) => {let { width, labels, points } = _ref;
+  const percentWidth = width * 100 / points.colleague;
+
+  return (/*#__PURE__*/
+    _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
+    _react.default.createElement(_index.Names, { points: points },
+    labels.map((label, key) => /*#__PURE__*/
+    _react.default.createElement("span", { key: key },
+    label, /*#__PURE__*/
+    _react.default.createElement(_icon.default, { name: "arrow-drop-down", size: "sm" })
+    )
+    )
+    ), /*#__PURE__*/
+    _react.default.createElement(_index.ProgressBar, { width: percentWidth }, /*#__PURE__*/
+    _react.default.createElement("div", { className: "filled" }, /*#__PURE__*/
+    _react.default.createElement("span", null, "\u0627\u0645\u062A\u06CC\u0627\u0632 \u0634\u0645\u0627:",
+
+    (0, _numbers.toPersianNumber)(width, {})
+    )
+    )
+    ), /*#__PURE__*/
+    _react.default.createElement(_index.Numbers, { points: points }, /*#__PURE__*/
+    _react.default.createElement("span", null, "\u06F0"), /*#__PURE__*/
+    _react.default.createElement("span", null, (0, _numbers.toPersianNumber)(points.partner)), /*#__PURE__*/
+    _react.default.createElement("span", null, (0, _numbers.toPersianNumber)(points.colleague))
+    )
+    ));
+
+};
+
+ProgressBar.propTypes = {
+  width: _propTypes.default.number.isRequired,
+  labels: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
+  points: _propTypes.default.instanceOf({
+    partner: _propTypes.default.number,
+    colleague: _propTypes.default.number
+  }).isRequired
+};var _default = exports.default =
+
+ProgressBar;

package/dist/components/progress-bar/index.stories.js

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = exports.Default = void 0;var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("./index"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}var _default = exports.default =
+
+{
+  title: 'Components/ProgressBar',
+  component: _index.default,
+  argTypes: {
+    width: {
+      control: 'number',
+      description: 'Current progress value'
+    },
+    labels: {
+      control: 'array',
+      description: 'Labels for different thresholds'
+    },
+    points: {
+      control: 'object',
+      description: 'Object containing partner and colleague threshold points'
+    }
+  }
+};
+
+const Template = (args) => /*#__PURE__*/_react.default.createElement(_index.default, args);
+
+const Default = exports.Default = Template.bind({});
+Default.args = {
+  width: 50,
+  labels: ['Label 1', 'Label 2'],
+  points: {
+    partner: 75,
+    colleague: 100
+  }
+};

package/dist/components/progress-bar/index.styles.js

@@ -0,0 +1,65 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.ProgressBar = exports.Numbers = exports.Names = void 0;var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _themes = _interopRequireDefault(require("../themes"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const ProgressBar = exports.ProgressBar = _styledComponents.default.div`
+    background-color: rgb(167, 167, 167);
+    color: rgb(68, 68, 68);
+    height: 20px;
+    border-radius: 16px;
+
+    &:after {
+        content: "";
+        display: table;
+        clear: both;
+    }
+
+    & div.filled {
+        min-width: 50px;
+        max-width: 100%;
+        width: ${(props) => props.width}%;
+        height: 20px;
+        background: rgb(80, 89, 117);
+        border-radius: 16px;
+        display: flex;
+        align-items: center;
+        @media only screen and (min-width: ${_themes.default.breakpoints.sm}px) {
+            font-size: 15px;
+        }
+        @media only screen and (max-width: ${_themes.default.breakpoints.sm - 1}px) {
+            font-size: 8px;
+        }
+        font-weight: bold;
+        color: #fff;
+        justify-content: center;
+        float: right;
+      }
+    }
+`;
+
+const Names = exports.Names = _styledComponents.default.div`
+    display: flex;
+    justify-content: space-between;
+    direction: rtl;
+    position: relative;
+    width: 100%;
+    font-family: 'IranSharp';
+    & span > i {
+        display: block;
+    }
+    & span:first-child {
+        position: relative;
+        right: ${(props) => props.points.partner * 100 / props.points.colleague - 2}%;
+    }
+`;
+
+const Numbers = exports.Numbers = _styledComponents.default.div`
+    display: flex;
+    justify-content: space-between;
+    direction: rtl;
+    font-family: 'IranSharp';
+    position: relative;
+    & span:nth-child(2) {
+        position: absolute;
+        right: ${(props) => props.points.partner * 100 / props.points.colleague}%
+    }
+`;

package/dist/components/responsive/index.js

@@ -0,0 +1,44 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactResponsive = require("react-responsive");function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const Responsive = (props) => {
+  const { option, children } = props;
+  const { isDefault } = option;
+  const generateQueryObject = () => {
+    const { greaterThan, lessThan } = option;
+    let query;
+    if (greaterThan !== undefined && lessThan !== undefined) {
+      query = { minWidth: greaterThan, maxWidth: lessThan };
+    } else if (greaterThan !== undefined) {
+      query = { minWidth: greaterThan };
+    } else {
+      query = { maxWidth: lessThan };
+    }
+    return query;
+  };
+
+  const screen = (0, _reactResponsive.useMediaQuery)(generateQueryObject());
+  return (isDefault || screen) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+};
+
+Responsive.propTypes = {
+  children: _propTypes.default.oneOfType([
+  _propTypes.default.arrayOf(_propTypes.default.node),
+  _propTypes.default.node,
+  _propTypes.default.string]
+  ).isRequired,
+  option: _propTypes.default.shape({
+    lessThan: _propTypes.default.oneOfType([
+    _propTypes.default.string,
+    _propTypes.default.number]
+    ),
+    greaterThan: _propTypes.default.oneOfType([
+    _propTypes.default.string,
+    _propTypes.default.number]
+    ),
+    isDefault: _propTypes.default.bool
+  }).isRequired
+};var _default = exports.default =
+
+Responsive;

package/dist/components/show-date/index.js

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _typography = require("../typography");
+var _date = require("../utils/date");
+var _numbers = require("../utils/numbers");function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const ShowDate = (_ref) => {let { fontSize = 12, color = 'default', date } = _ref;return (/*#__PURE__*/
+    _react.default.createElement(_typography.Text, { size: fontSize, color: color, "data-test": "show-date" },
+    (0, _numbers.englishNumberToPersianInString)((0, _date.convertToJalaali)(date, 'dddd jD jMMMM jYYYY ساعت HH:mm'))
+    ));};
+
+
+ShowDate.propTypes = {
+  date: _propTypes.default.oneOfType([
+  _propTypes.default.string,
+  _propTypes.default.object]
+  ).isRequired,
+  fontSize: _propTypes.default.oneOfType([
+  _propTypes.default.string,
+  _propTypes.default.number]
+  ),
+  color: _propTypes.default.oneOf(['default', 'red', 'green', 'blue', 'yellow', 'white', 'darkBlue', 'gray'])
+};var _default = exports.default =
+
+ShowDate;

package/dist/components/show-date/index.stories.js

@@ -0,0 +1,51 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = exports.Default = exports.CustomStyle = exports.CustomFormat = void 0;var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("./index"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}var _default = exports.default =
+
+{
+  title: 'Components/ShowDate',
+  component: _index.default,
+  argTypes: {
+    date: {
+      control: 'date',
+      description: 'Date to display'
+    },
+    format: {
+      control: 'text',
+      description: 'Date format string'
+    },
+    fontSize: {
+      control: 'number',
+      description: 'Font size in pixels'
+    },
+    color: {
+      control: 'color',
+      description: 'Text color'
+    }
+  }
+};
+
+const Template = (args) => /*#__PURE__*/_react.default.createElement(_index.default, args);
+
+const Default = exports.Default = Template.bind({});
+Default.args = {
+  date: new Date('2024-03-10'),
+  format: 'YYYY-MM-DD',
+  fontSize: 16,
+  color: '#000000'
+};
+
+const CustomFormat = exports.CustomFormat = Template.bind({});
+CustomFormat.args = {
+  date: new Date('2024-03-10'),
+  format: 'MMM DD, YYYY',
+  fontSize: 16,
+  color: '#000000'
+};
+
+const CustomStyle = exports.CustomStyle = Template.bind({});
+CustomStyle.args = {
+  date: new Date('2024-03-10'),
+  format: 'YYYY-MM-DD',
+  fontSize: 24,
+  color: '#2196F3'
+};

package/dist/components/show-date/index.test.js

@@ -0,0 +1,24 @@
+"use strict";var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+require("jest-styled-components");
+
+var _index = _interopRequireDefault(require("./index"));
+var _test = _interopRequireDefault(require("../utils/test"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}function _extends() {return _extends = Object.assign ? Object.assign.bind() : function (n) {for (var e = 1; e < arguments.length; e++) {var t = arguments[e];for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);}return n;}, _extends.apply(null, arguments);}
+
+const setupShallow = function () {let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};return (
+    (0, _enzyme.shallow)(/*#__PURE__*/
+      _react.default.createElement(_index.default, _extends({
+        date: props.date,
+        dateFormat: props.dateFormat },
+      props)
+      )
+    ));};
+
+
+describe('ShowDate component', () => {
+  it('should render correctly', () => {
+    const component = setupShallow({ date: new Date() });
+    const DateBookmark = (0, _test.default)(component, 'show-date');
+    expect(DateBookmark.length).toBe(1);
+  });
+});

package/dist/components/spacing/core.js

@@ -0,0 +1,106 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports._py = exports._px = exports._pt = exports._pr = exports._pl = exports._pb = exports._p = exports._my = exports._mx = exports._mt = exports._mr = exports._ml = exports._mb = exports._m = void 0;var _styledComponents = _interopRequireDefault(require("styled-components"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+// Helper to add units if needed
+const addPxIfNeeded = (value) => typeof value === 'number' ? `${value}px` : value;
+
+const _m = (values, theme) => {
+  if (!values || !theme?.spacing) return ''; // Check theme.spacing exists
+  const spacingValue = theme.spacing[values];
+  if (spacingValue === undefined) return ''; // Handle missing key
+  return `margin: ${addPxIfNeeded(spacingValue)};`;
+};exports._m = _m;
+
+const _mx = (values, theme) => {
+  if (!values || !theme?.spacing) return '';
+  const spacingValue = theme.spacing[values];
+  if (spacingValue === undefined) return '';
+  const formattedValue = addPxIfNeeded(spacingValue);
+  return `margin-left: ${formattedValue}; margin-right: ${formattedValue};`;
+};exports._mx = _mx;
+
+const _my = (values, theme) => {
+  if (!values || !theme?.spacing) return '';
+  const spacingValue = theme.spacing[values];
+  if (spacingValue === undefined) return '';
+  const formattedValue = addPxIfNeeded(spacingValue);
+  return `margin-top: ${formattedValue}; margin-bottom: ${formattedValue};`;
+};exports._my = _my;
+
+const _mt = (values, theme) => {
+  if (!values || !theme?.spacing) return '';
+  const spacingValue = theme.spacing[values];
+  if (spacingValue === undefined) return '';
+  return `margin-top: ${addPxIfNeeded(spacingValue)};`;
+};exports._mt = _mt;
+
+const _mr = (values, theme) => {
+  if (!values || !theme?.spacing) return '';
+  const spacingValue = theme.spacing[values];
+  if (spacingValue === undefined) return '';
+  return `margin-right: ${addPxIfNeeded(spacingValue)};`;
+};exports._mr = _mr;
+
+const _mb = (values, theme) => {
+  if (!values || !theme?.spacing) return '';
+  const spacingValue = theme.spacing[values];
+  if (spacingValue === undefined) return '';
+  return `margin-bottom: ${addPxIfNeeded(spacingValue)};`;
+};exports._mb = _mb;
+
+const _ml = (values, theme) => {
+  if (!values || !theme?.spacing) return '';
+  const spacingValue = theme.spacing[values];
+  if (spacingValue === undefined) return '';
+  return `margin-left: ${addPxIfNeeded(spacingValue)};`;
+};exports._ml = _ml;
+
+const _p = (values, theme) => {
+  if (!values || !theme?.spacing) return '';
+  const spacingValue = theme.spacing[values];
+  if (spacingValue === undefined) return '';
+  return `padding: ${addPxIfNeeded(spacingValue)};`;
+};exports._p = _p;
+
+const _px = (values, theme) => {
+  if (!values || !theme?.spacing) return '';
+  const spacingValue = theme.spacing[values];
+  if (spacingValue === undefined) return '';
+  const formattedValue = addPxIfNeeded(spacingValue);
+  return `padding-left: ${formattedValue}; padding-right: ${formattedValue};`;
+};exports._px = _px;
+
+const _py = (values, theme) => {
+  if (!values || !theme?.spacing) return '';
+  const spacingValue = theme.spacing[values];
+  if (spacingValue === undefined) return '';
+  const formattedValue = addPxIfNeeded(spacingValue);
+  return `padding-top: ${formattedValue}; padding-bottom: ${formattedValue};`;
+};exports._py = _py;
+
+const _pt = (values, theme) => {
+  if (!values || !theme?.spacing) return '';
+  const spacingValue = theme.spacing[values];
+  if (spacingValue === undefined) return '';
+  return `padding-top: ${addPxIfNeeded(spacingValue)};`;
+};exports._pt = _pt;
+
+const _pr = (values, theme) => {
+  if (!values || !theme?.spacing) return '';
+  const spacingValue = theme.spacing[values];
+  if (spacingValue === undefined) return '';
+  return `padding-right: ${addPxIfNeeded(spacingValue)};`;
+};exports._pr = _pr;
+
+const _pb = (values, theme) => {
+  if (!values || !theme?.spacing) return '';
+  const spacingValue = theme.spacing[values];
+  if (spacingValue === undefined) return '';
+  return `padding-bottom: ${addPxIfNeeded(spacingValue)};`;
+};exports._pb = _pb;
+
+const _pl = (values, theme) => {
+  if (!values || !theme?.spacing) return '';
+  const spacingValue = theme.spacing[values];
+  if (spacingValue === undefined) return '';
+  return `padding-left: ${addPxIfNeeded(spacingValue)};`;
+};exports._pl = _pl;

package/dist/components/spacing/index.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });Object.defineProperty(exports, "Margin", { enumerable: true, get: function () {return _margin.default;} });Object.defineProperty(exports, "Padding", { enumerable: true, get: function () {return _padding.default;} });exports.default = void 0;var _margin = _interopRequireDefault(require("./margin"));
+var _padding = _interopRequireDefault(require("./padding"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}var _default = exports.default =
+
+
+
+
+{
+  Margin: _margin.default,
+  Padding: _padding.default
+};

package/dist/components/spacing/margin/index.js

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = exports.Margin = void 0;var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _core = require("../core");
+
+var _themes = _interopRequireDefault(require("../../themes"));function _getRequireWildcardCache(e) {if ("function" != typeof WeakMap) return null;var r = new WeakMap(),t = new WeakMap();return (_getRequireWildcardCache = function (e) {return e ? t : r;})(e);}function _interopRequireWildcard(e, r) {if (!r && e && e.__esModule) return e;if (null === e || "object" != typeof e && "function" != typeof e) return { default: e };var t = _getRequireWildcardCache(r);if (t && t.has(e)) return t.get(e);var n = { __proto__: null },a = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];}return n.default = e, t && t.set(e, n), n;}function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const Margin = exports.Margin = _styledComponents.default.div`
+  ${(_ref) => {let { inline } = _ref;return inline && 'display: inline-block;';}}
+  ${(_ref2) => {let { all, theme } = _ref2;return (0, _core._m)(all, theme);}}
+  ${(_ref3) => {let { horizontal, theme } = _ref3;return (0, _core._mx)(horizontal, theme);}} 
+  ${(_ref4) => {let { vertical, theme } = _ref4;return (0, _core._my)(vertical, theme);}} 
+  ${(_ref5) => {let { top, theme } = _ref5;return (0, _core._mt)(top, theme);}} 
+  ${(_ref6) => {let { right, theme } = _ref6;return (0, _core._mr)(right, theme);}} 
+  ${(_ref7) => {let { bottom, theme } = _ref7;return (0, _core._mb)(bottom, theme);}} 
+  ${(_ref8) => {let { left, theme } = _ref8;return (0, _core._ml)(left, theme);}} 
+`;
+
+Margin.displayName = 'Margin';
+
+const Margined = (props) => /*#__PURE__*/
+_react.default.createElement(_styledComponents.ThemeProvider, { theme: _themes.default }, /*#__PURE__*/
+_react.default.createElement(Margin, props)
+);var _default = exports.default =
+
+
+Margined;

package/dist/components/spacing/padding/index.js

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = exports.Padding = void 0;var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _core = require("../core");
+
+var _themes = _interopRequireDefault(require("../../themes"));function _getRequireWildcardCache(e) {if ("function" != typeof WeakMap) return null;var r = new WeakMap(),t = new WeakMap();return (_getRequireWildcardCache = function (e) {return e ? t : r;})(e);}function _interopRequireWildcard(e, r) {if (!r && e && e.__esModule) return e;if (null === e || "object" != typeof e && "function" != typeof e) return { default: e };var t = _getRequireWildcardCache(r);if (t && t.has(e)) return t.get(e);var n = { __proto__: null },a = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];}return n.default = e, t && t.set(e, n), n;}function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const Padding = exports.Padding = _styledComponents.default.div`
+  ${(_ref) => {let { inline } = _ref;return inline && 'display: inline-block;';}}
+  ${(_ref2) => {let { all, theme } = _ref2;return (0, _core._p)(all, theme);}}
+  ${(_ref3) => {let { horizontal, theme } = _ref3;return (0, _core._px)(horizontal, theme);}} 
+  ${(_ref4) => {let { vertical, theme } = _ref4;return (0, _core._py)(vertical, theme);}} 
+  ${(_ref5) => {let { top, theme } = _ref5;return (0, _core._pt)(top, theme);}} 
+  ${(_ref6) => {let { right, theme } = _ref6;return (0, _core._pr)(right, theme);}} 
+  ${(_ref7) => {let { bottom, theme } = _ref7;return (0, _core._pb)(bottom, theme);}} 
+  ${(_ref8) => {let { left, theme } = _ref8;return (0, _core._pl)(left, theme);}} 
+`;
+
+Padding.displayName = 'Padding';
+
+const Paddinged = (props) => /*#__PURE__*/
+_react.default.createElement(_styledComponents.ThemeProvider, { theme: _themes.default }, /*#__PURE__*/
+_react.default.createElement(Padding, props)
+);var _default = exports.default =
+
+
+Paddinged;

package/dist/components/storybook.css

@@ -0,0 +1,54 @@
+/* add fonts for storybook */
+@font-face {
+  font-family: 'IranSharp';
+  font-style: normal;
+  font-weight: bold;
+  src:
+    url('../docs/assets/fonts/iransharp_bold_web.woff2') format("woff2"),
+    url('../docs/assets/fonts/iransharp_bold_web.woff') format("woff");
+}
+@font-face {
+  font-family: 'IranSharp';
+  font-style: normal;
+  font-weight: 300;
+  src:
+    url('../docs/assets/fonts/iransharp_regular_web.woff2') format("woff2"),
+    url('../docs/assets/fonts/iransharp_regular_web.woff') format("woff");
+}
+@font-face {
+  font-family: 'Jupiterico';
+  font-style: normal;
+  font-weight: normal;
+  font-display: swap;
+  src: url('../docs/assets/fonts/icomoon.woff') format("woff");
+}
+
+@font-face {
+  font-family: 'JupiterfilesImgs';
+  font-style: normal;
+  font-weight: normal;
+  font-display: swap;
+  src: url('../docs/assets/fonts/filesImgs.woff') format("woff");
+}
+
+body {
+  direction: rtl;
+}
+
+* {
+  outline: none;
+}
+
+ul, li {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+};
+
+/* show-info page should be ltr and show-info button doesnt cover the main component page*/
+.info__overlay {
+  direction: ltr;
+}
+.sb-show-main {
+	margin-top: 35px;
+}

package/dist/components/table/actionCell.js

@@ -0,0 +1,57 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _button = _interopRequireDefault(require("../button"));
+var _index = require("./index.style");function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}function _extends() {return _extends = Object.assign ? Object.assign.bind() : function (n) {for (var e = 1; e < arguments.length; e++) {var t = arguments[e];for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);}return n;}, _extends.apply(null, arguments);}
+
+
+
+
+
+
+
+
+function ActionCell(_ref) {let { callToActions } = _ref;
+  return (/*#__PURE__*/
+    _react.default.createElement("td", null, /*#__PURE__*/
+    _react.default.createElement(_index.ActionCellContainer, null, /*#__PURE__*/
+    _react.default.createElement(_button.default, _extends({},
+    callToActions[0].props, {
+      htmlType: "button",
+      mainColor: "blue",
+      styleType: "secondary",
+      size: "sm",
+      wide: true }),
+
+    callToActions[0].text
+    ),
+
+    callToActions.length > 1 && /*#__PURE__*/
+    _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
+    _react.default.createElement(_index.ActionsContainer, null,
+    callToActions.map((item, index) => {
+      if (index === 0) {
+        return null;
+      }
+      return (/*#__PURE__*/
+        _react.default.createElement(_button.default, _extends({
+          key: item.text },
+        item.props, {
+          htmlType: "button",
+          mainColor: "blue",
+          styleType: "tertiary",
+          size: "sm",
+          wide: true }),
+
+        item.text
+        ));
+
+    })
+    )
+
+    )
+
+    )
+    ));
+
+}var _default = exports.default =
+
+ActionCell;

package/dist/components/table/index.js

@@ -0,0 +1,56 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _styledComponents = require("styled-components");
+var _tableHeaderRow = _interopRequireDefault(require("./tableHeaderRow"));
+var _tableRow = _interopRequireDefault(require("./tableRow"));
+var _globalStyle = _interopRequireDefault(require("../globalStyle"));
+var _index = require("./index.style");
+var _theme = _interopRequireDefault(require("./theme"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function Table(props) {
+  const { columns, data } = props;
+  const actionColumnIndexNumber = columns.findIndex((columnItem) => columnItem.dataType === 'action');
+  const hasActionColumn = !(actionColumnIndexNumber === -1);
+
+  return (/*#__PURE__*/
+    _react.default.createElement(_styledComponents.ThemeProvider, { theme: _theme.default }, /*#__PURE__*/
+    _react.default.createElement(_globalStyle.default, null), /*#__PURE__*/
+    _react.default.createElement(_index.TableContainer, {
+      isResponsiveView: window && window.innerWidth < 768,
+      "data-test": "jupiter-table",
+      actionColumnNumber: hasActionColumn ? actionColumnIndexNumber + 1 : null }, /*#__PURE__*/
+
+    _react.default.createElement("table", null, /*#__PURE__*/
+    _react.default.createElement("thead", null, /*#__PURE__*/
+    _react.default.createElement(_tableHeaderRow.default, { columns: columns })
+    ), /*#__PURE__*/
+    _react.default.createElement("tbody", null,
+    data.map((rowItem) => /*#__PURE__*/
+    _react.default.createElement(_tableRow.default, {
+      key: rowItem.key,
+      rowItem: rowItem,
+      columns: columns }
+    )
+    )
+    )
+    )
+    )
+    ));
+
+}var _default = exports.default =
+
+Table;