@pareto-engineering/design-system 5.3.0 → 5.4.0

package/dist/cjs/a/AppContext/index.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "AppContext", {
-  enumerable: true,
-  get: function () {
-    return _Context.default;
-  }
-});
-Object.defineProperty(exports, "AppContextProvider", {
-  enumerable: true,
-  get: function () {
-    return _ContextProvider.default;
-  }
-});
-Object.defineProperty(exports, "useApp", {
-  enumerable: true,
-  get: function () {
-    return _useApp.default;
-  }
-});
-Object.defineProperty(exports, "useTheme", {
-  enumerable: true,
-  get: function () {
-    return _useTheme.default;
-  }
-});
-var _Context = _interopRequireDefault(require("./Context"));
-var _ContextProvider = _interopRequireDefault(require("./ContextProvider"));
-var _useApp = _interopRequireDefault(require("./useApp"));
-var _useTheme = _interopRequireDefault(require("./useTheme"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/a/AppContext/useApp.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _Context = _interopRequireDefault(require("./Context"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = () => (0, _react.useContext)(_Context.default);
-exports.default = _default;

package/dist/cjs/a/AppContext/useTheme.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _default = exports.default = function _default(initialTheme) {
-  let storageKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'theme';
-  const isClient = typeof window === 'object';
-  const [preferredTheme, setPreferredTheme] = (0, _react.useState)(initialTheme);
-  const [userTheme, setUserTheme] = (0, _react.useState)();
-  (0, _react.useEffect)(() => {
-    const storage = window.localStorage;
-    if (isClient) {
-      const storedTheme = window.localStorage.getItem(storageKey);
-      if (storedTheme && storedTheme !== userTheme) {
-        setPreferredTheme(storedTheme);
-        setUserTheme(storedTheme);
-      } else if (preferredTheme && preferredTheme.length && preferredTheme !== 'system') {
-        setUserTheme(preferredTheme);
-        storage.setItem(storageKey, preferredTheme);
-      } else {
-        setUserTheme(window.matchMedia('(prefers-color-scheme:dark)').matches ? 'dark' : 'light');
-        storage.removeItem(storageKey);
-      }
-    } else {
-      setUserTheme('light');
-    }
-  }, [preferredTheme, isClient]);
-  const isTheme = (0, _react.useCallback)(theme => userTheme === theme || undefined, [userTheme]);
-  return {
-    userTheme,
-    preferredTheme,
-    setPreferredTheme,
-    isTheme
-  };
-};

package/dist/cjs/a/BlurOverlay/BlurOverlay.js

@@ -1,58 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
-require("./styles.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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; }
-/* @pareto-engineering/generator-front 1.1.1-alpha.1 */
-
-const baseClassName = _exports.default.base;
-const componentClassName = 'blur-overlay';
-const BlurOverlay = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    children,
-    blur
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName, blur && _exports.default.modifierActive].filter(e => e).join(' '),
-    style: style
-  }, children);
-};
-BlurOverlay.propTypes = {
-  /**
-   * The HTML id for this element
-   */
-  id: _propTypes.default.string,
-  /**
-   * The HTML class names for this element
-   */
-  className: _propTypes.default.string,
-  /**
-   * The React-written, css properties for this element.
-   */
-  style: _propTypes.default.objectOf(_propTypes.default.string),
-  /**
-   *  The children JSX
-   */
-  children: _propTypes.default.node,
-  /**
-   *  Boolean to toggle blur effect
-   */
-  blur: _propTypes.default.bool
-};
-BlurOverlay.defaultProps = {
-  blur: true
-  // someProp:false
-};
-var _default = exports.default = BlurOverlay;

package/dist/cjs/a/BlurOverlay/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BlurOverlay", {
-  enumerable: true,
-  get: function () {
-    return _BlurOverlay.default;
-  }
-});
-var _BlurOverlay = _interopRequireDefault(require("./BlurOverlay"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/a/BlurOverlay/styles.scss

@@ -1,33 +0,0 @@
-/* @pareto-engineering/generator-front 1.1.1-alpha.1 */
-
-@use "@pareto-engineering/bem";
-
-.#{bem.$base}.blur-overlay {
-  background: inherit;
-  left: 0;
-  position: fixed;
-  top: 0;
-  width: 100%;
-  z-index: 3;
-  &.#{bem.$modifier-active} {
-    animation: blurAnimation .3s ease-in-out;
-    backdrop-filter: blur(5px);
-    background: var(--blur-overlay-background, inherit);
-    height: 100%;
-    z-index: var(--blur-overlay-z-index, 3);
-  }
-}
-
-@keyframes blurAnimation {
-  0% {
-    transform: translateX(-100%);
-  }
-
-  1% {
-    transform: translateX(0);
-  }
-
-  100% {
-    transform: translateX(0);
-  }
-}

package/dist/cjs/a/Charts/AreaChart/AreaChart.js

@@ -1,256 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _recharts = require("recharts");
-var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
-var _utils = require("../../../utils");
-var _ThroughPutIndicator = require("../../ThroughPutIndicator");
-var _Common = require("../Common");
-require("./styles.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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; }
-const baseClassName = _exports.default.base;
-const componentClassName = 'area-chart';
-
-/**
- * Determines whether to show only date or date with time based on the data range
- *
- * @param {Array} data - The chart data array
- * @param {string} xKey - The key for the x-axis values (dates)
- * @returns {boolean} - True if only date should be shown, false if date and time should be shown
- */
-const shouldShowOnlyDate = (data, xKey) => {
-  if (!data || data.length < 2 || !xKey) return true;
-
-  // Extract dates from the data
-  const dates = data.map(item => (0, _utils.parseDate)(item[xKey])).filter(date => date !== null);
-  if (dates.length < 2) return true;
-
-  // Sort dates chronologically
-  dates.sort((a, b) => a.getTime() - b.getTime());
-
-  // Calculate the difference in days between the first and last date
-  const firstDate = dates[0];
-  const lastDate = dates[dates.length - 1];
-  const diffInMs = lastDate.getTime() - firstDate.getTime();
-  const diffInDays = diffInMs / (1000 * 60 * 60 * 24);
-
-  // If the data spans less than 4 days, show only date
-  return diffInDays > 4;
-};
-const AreaChart = _ref => {
-  let {
-    id,
-    className: userClassName,
-    data,
-    title,
-    xKey,
-    yKeys,
-    xLabel,
-    yLabel,
-    colors,
-    filled,
-    height,
-    width,
-    isTimeFormat,
-    dateFormat,
-    capitalizedLegend,
-    isWorkerSubmissionChart,
-    totalSubmissions
-  } = _ref;
-  const allYLabels = yKeys.map(key => ({
-    label: key,
-    color: colors[yKeys.indexOf(key)]
-  }));
-  const [selectedYLabels, setSelectedYLabels] = (0, _react.useState)(allYLabels);
-  const yAxisBounds = () => {
-    const yValues = data.map(item => yKeys.map(key => item[key]));
-    const min = Math.min(...yValues.flat());
-    const max = Math.max(...yValues.flat());
-    const margin = (max - min) * 0.1;
-    return [Math.max(min - margin, 0), max + margin];
-  };
-  const showOnlyDate = shouldShowOnlyDate(data, xKey);
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' ')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "chart-header"
-  }, /*#__PURE__*/React.createElement("h3", null, title), /*#__PURE__*/React.createElement(_Common.YLabelsDropDown, {
-    allYLabels: allYLabels,
-    selectedYLabels: selectedYLabels,
-    setSelectedYLabels: setSelectedYLabels
-  })), isWorkerSubmissionChart && /*#__PURE__*/React.createElement("div", {
-    className: "worker-submissions-total-percentage-container"
-  }, /*#__PURE__*/React.createElement("p", {
-    className: "total-submissions-text"
-  }, totalSubmissions), /*#__PURE__*/React.createElement(_ThroughPutIndicator.ThroughPutIndicator, {
-    data: data,
-    keyName: "reserved"
-  })), /*#__PURE__*/React.createElement(_Common.CustomLegend, {
-    key: id,
-    colorsArray: colors,
-    yKeysArray: yKeys,
-    capitalizedLegend: capitalizedLegend
-  }), /*#__PURE__*/React.createElement(_recharts.ResponsiveContainer, {
-    width: width,
-    height: height
-  }, /*#__PURE__*/React.createElement(_recharts.AreaChart, {
-    data: data
-  }, /*#__PURE__*/React.createElement(_recharts.CartesianGrid, {
-    strokeDasharray: "3 3"
-  }), /*#__PURE__*/React.createElement(_recharts.XAxis, {
-    dataKey: xKey,
-    label: {
-      value: xLabel,
-      position: 'insideBottom',
-      offset: -5
-    },
-    axisLine: false,
-    tickLine: false,
-    tickCount: 3,
-    tickFormatter: value => {
-      if (showOnlyDate) {
-        return (0, _utils.formatDate)(value, dateFormat);
-      }
-      return (0, _utils.formatDate)(value, _utils.DATE_FORMATS.HUMAN_READABLE_WITH_TIME);
-    }
-  }), /*#__PURE__*/React.createElement(_recharts.YAxis, {
-    domain: yAxisBounds,
-    scale: "linear",
-    interval: "equidistantPreserveStart",
-    label: {
-      value: yLabel,
-      angle: -90,
-      position: 'left',
-      offset: -3,
-      style: {
-        textAnchor: 'middle'
-      }
-    },
-    padding: {
-      top: 10,
-      bottom: 10
-    },
-    axisLine: false,
-    tickLine: false,
-    tickFormatter: value => {
-      if (isTimeFormat) {
-        return (0, _utils.formatTime)(value);
-      }
-      if (isWorkerSubmissionChart) {
-        return Math.round(value);
-      }
-      return value.toFixed(2);
-    }
-  }), /*#__PURE__*/React.createElement(_recharts.Tooltip, {
-    content: /*#__PURE__*/React.createElement(_Common.CustomTooltipContent, {
-      dateFormat: dateFormat,
-      isTimeFormat: isTimeFormat
-    })
-  }), filled && /*#__PURE__*/React.createElement(_recharts.Area, {
-    id: "bounds",
-    type: "linear",
-    dataKey: "bounds",
-    stroke: "none",
-    fill: "var(--hard-ui-main-2)",
-    fillOpacity: 0.4,
-    activeDot: false,
-    dot: false,
-    label: false,
-    isAnimationActive: false
-  }), selectedYLabels.map(key => /*#__PURE__*/React.createElement(_recharts.Area, {
-    id: key.label,
-    key: key.label,
-    type: "linear",
-    dataKey: key.label,
-    stroke: key.color,
-    fill: "none",
-    connectNulls: true,
-    dot: false,
-    activeDot: {
-      r: 4
-    },
-    isAnimationActive: false
-  })))));
-};
-AreaChart.propTypes = {
-  /**
-   * Array of data objects to be displayed in the chart.
-   */
-  // eslint-disable-next-line react/forbid-prop-types
-  data: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
-  /**
-   * Title of the chart.
-   */
-  title: _propTypes.default.string.isRequired,
-  /**
-   * Key for the x-axis data.
-   */
-  xKey: _propTypes.default.string.isRequired,
-  /**
-   * Array of keys for the y-axis data.
-   */
-  yKeys: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
-  /**
-   * Label for the x-axis.
-   */
-  xLabel: _propTypes.default.string,
-  /**
-   * Label for the y-axis.
-   */
-  yLabel: _propTypes.default.string,
-  /**
-   * Array of colors corresponding to the y-axis data keys.
-   */
-  colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
-  /**
-   * Boolean to determine if the area under the curve should be filled.
-   */
-  filled: _propTypes.default.bool,
-  /**
-   * Height of the chart.
-   */
-  height: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  /**
-   * Width of the chart.
-   */
-  width: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  /**
-   * Flag on whether to capitalize legend keys
-   */
-  capitalizedLegend: _propTypes.default.bool,
-  /**
-   * Flag on whether it is a timeformat or not
-   */
-  isTimeFormat: _propTypes.default.bool,
-  /**
-   * The type of format for the datetime value
-   */
-  dateFormat: _propTypes.default.oneOf(Object.values(_utils.DATE_FORMATS)),
-  /**
-   * Flag on whether the chart is a worker submission chart or not
-   */
-  isWorkerSubmissionChart: _propTypes.default.bool,
-  /**
-   * Total submissions
-   */
-  totalSubmissions: _propTypes.default.number
-};
-AreaChart.defaultProps = {
-  filled: false,
-  width: '100%',
-  height: 300,
-  capitalizedLegend: false,
-  isTimeFormat: false,
-  dateFormat: _utils.DATE_FORMATS.HUMAN_READABLE,
-  isWorkerSubmissionChart: false
-};
-var _default = exports.default = AreaChart;

package/dist/cjs/a/Charts/AreaChart/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "AreaChart", {
-  enumerable: true,
-  get: function () {
-    return _AreaChart.default;
-  }
-});
-var _AreaChart = _interopRequireDefault(require("./AreaChart"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/a/Charts/AreaChart/styles.scss

@@ -1,70 +0,0 @@
-@use "@pareto-engineering/bem";
-
-$default-margin: 1rem;
-$default-padding: 1rem;
-$default-box-shadow: 0 .25rem .75rem var(--ui-lines);
-$default-text-font-size: calc(var(--s-1) * 1rem);
-
-.#{bem.$base} {
-  &.area-chart {
-    background-color: var(--background-far);
-    border-radius: var(--theme-default-border-radius);
-    box-shadow: $default-box-shadow;
-    margin: $default-margin 0;
-    padding: $default-padding;
-
-    .chart-header {
-      align-items: center;
-      display: flex;
-      justify-content: space-between;
-      margin-bottom: $default-margin;
-
-      h3 {
-        color: var(--subtitle);
-        margin: calc($default-margin / 5);
-        text-align: left;
-      }
-    }
-
-    .worker-submissions-total-percentage-container {
-      align-items: center;
-      display: flex;
-      gap: 1rem;
-      justify-content: flex-start;
-
-      .total-submissions-text {
-        font-size: calc($default-text-font-size * 2);
-      }
-    }
-
-    /* stylelint-disable selector-max-compound-selectors -- nested elements */
-    .recharts-wrapper {
-      .recharts-surface {
-        .recharts-cartesian-grid line {
-          stroke: var(--ui-lines);
-        }
-
-        .recharts-text {
-          fill: var(--soft-paragraph);
-          font-size: calc($default-text-font-size * .75);
-        }
-
-        .recharts-text.recharts-label {
-          fill: var(--paragraph);
-          font-size: $default-text-font-size;
-        }
-      }
-    }
-  }
-}
-
-.worker-submissions-total-percentage-container {
-  align-items: center;
-  display: flex;
-  gap: 1rem;
-  justify-content: flex-start;
-
-  .total-submissions-text {
-    font-size: calc($default-text-font-size * 2);
-  }
-}

package/dist/cjs/a/Charts/BarChart/BarChart.js

@@ -1,138 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _recharts = require("recharts");
-var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
-var _Common = require("../Common");
-require("./styles.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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; }
-// Local Definitions
-
-const baseClassName = _exports.default.base;
-const componentClassName = 'bar-chart';
-const BarChart = _ref => {
-  let {
-    id,
-    className: userClassName,
-    data,
-    title,
-    xKey,
-    yKeys,
-    xLabel,
-    yLabel,
-    colors,
-    height,
-    width,
-    isTimeFormat,
-    capitalizedLegend
-  } = _ref;
-  const allYLabels = yKeys.map(key => ({
-    label: key,
-    color: colors[yKeys.indexOf(key)]
-  }));
-  const [selectedYLabels, setSelectedYLabels] = (0, _react.useState)(allYLabels);
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' ')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "chart-header"
-  }, /*#__PURE__*/React.createElement("h3", null, title), /*#__PURE__*/React.createElement(_Common.YLabelsDropDown, {
-    allYLabels: allYLabels,
-    selectedYLabels: selectedYLabels,
-    setSelectedYLabels: setSelectedYLabels
-  })), /*#__PURE__*/React.createElement(_Common.CustomLegend, {
-    key: id,
-    colorsArray: selectedYLabels.map(item => item.color),
-    yKeysArray: selectedYLabels.map(item => item.label),
-    capitalizedLegend: capitalizedLegend
-  }), /*#__PURE__*/React.createElement(_recharts.ResponsiveContainer, {
-    width: width,
-    height: height
-  }, /*#__PURE__*/React.createElement(_recharts.BarChart, {
-    data: data
-  }, /*#__PURE__*/React.createElement(_recharts.CartesianGrid, {
-    vertical: false
-  }), /*#__PURE__*/React.createElement(_recharts.XAxis, {
-    dataKey: xKey,
-    label: {
-      value: xLabel,
-      position: 'insideBottom',
-      offset: -5
-    } // Adjusted offset for padding
-    ,
-    axisLine: false,
-    tickLine: false,
-    tickCount: 3
-  }), /*#__PURE__*/React.createElement(_recharts.YAxis, {
-    label: {
-      value: yLabel,
-      angle: -90,
-      position: 'insideLeft',
-      offset: 15
-    },
-    axisLine: false,
-    tickLine: false
-  }), /*#__PURE__*/React.createElement(_recharts.Tooltip, {
-    content: /*#__PURE__*/React.createElement(_Common.CustomTooltipContent, {
-      isTimeFormat: isTimeFormat
-    })
-  }), selectedYLabels.map(key => /*#__PURE__*/React.createElement(_recharts.Bar, {
-    stackId: "a",
-    id: key.label,
-    key: key.label,
-    dataKey: key.label,
-    fill: key.color
-  })))));
-};
-BarChart.propTypes = {
-  /**
-   * Array of data objects to be displayed in the chart.
-   */
-  // eslint-disable-next-line react/forbid-prop-types
-  data: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
-  /**
-   * Title of the chart.
-   */
-  title: _propTypes.default.string.isRequired,
-  /**
-   * Key for the x-axis data.
-   */
-  xKey: _propTypes.default.string.isRequired,
-  /**
-   * Array of keys for the y-axis data.
-   */
-  yKeys: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
-  /**
-   * Label for the x-axis.
-   */
-  xLabel: _propTypes.default.string,
-  /**
-   * Label for the y-axis.
-   */
-  yLabel: _propTypes.default.string,
-  /**
-   * Array of colors corresponding to the y-axis data keys.
-   */
-  colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
-  /**
-   * Height of the chart.
-   */
-  height: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  /**
-   * Width of the chart.
-   */
-  width: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
-};
-BarChart.defaultProps = {
-  width: '100%',
-  height: 300
-};
-var _default = exports.default = BarChart;

package/dist/cjs/a/Charts/BarChart/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BarChart", {
-  enumerable: true,
-  get: function () {
-    return _BarChart.default;
-  }
-});
-var _BarChart = _interopRequireDefault(require("./BarChart"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }