@orfium/ictinus 4.55.0-next.1 → 4.55.0-next.3

package/dist/components/Chart/DonutChart/components/CustomLabel/CustomLabel.js

@@ -1,48 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _useTheme = _interopRequireDefault(require("../../../../../hooks/useTheme"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _CustomLabel = require("./CustomLabel.style");
-
-var _react2 = require("@emotion/react");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var CustomLabel = function CustomLabel(_ref) {
-  var viewBox = _ref.viewBox,
-      value = _ref.value,
-      units = _ref.units;
-  var _ref2 = viewBox,
-      cx = _ref2.cx,
-      cy = _ref2.cy;
-  var theme = (0, _useTheme["default"])();
-  return (0, _react2.jsx)("g", null, (0, _react2.jsx)("text", {
-    x: cx,
-    y: cy,
-    className: "recharts-text recharts-label",
-    textAnchor: "middle",
-    dominantBaseline: "central"
-  }, (0, _react2.jsx)("tspan", {
-    x: "50%",
-    dy: "-7",
-    alignmentBaseline: "middle",
-    fontSize: theme.globals.typography.fontSizes.get('4'),
-    fill: theme.globals.colors.black
-  }, value)), (0, _react2.jsx)("foreignObject", {
-    y: "52%",
-    width: "100%",
-    height: cy && cy / 2.5
-  }, (0, _react2.jsx)("div", {
-    css: (0, _CustomLabel.flexContainer)()
-  }, (0, _react2.jsx)("div", {
-    css: (0, _CustomLabel.labelUnitStyle)()
-  }, units))));
-};
-
-var _default = CustomLabel;
-exports["default"] = _default;
+import{jsxs as e,jsx as i}from"@emotion/react/jsx-runtime";import t from"../../../../../hooks/useTheme.js";import{flexContainer as s,labelUnitStyle as o}from"./CustomLabel.style.js";const n=({viewBox:n,value:l,units:c})=>{const{cx:r,cy:a}=n,d=t();return e("g",{children:[i("text",Object.assign({x:r,y:a,className:"recharts-text recharts-label",textAnchor:"middle",dominantBaseline:"central"},{children:i("tspan",Object.assign({x:"50%",dy:"-7",alignmentBaseline:"middle",fontSize:d.globals.typography.fontSizes.get("4"),fill:d.globals.colors.black},{children:l}),void 0)}),void 0),i("foreignObject",Object.assign({y:"52%",width:"100%",height:a&&a/2.5},{children:i("div",Object.assign({css:s()},{children:i("div",Object.assign({css:o()},{children:c}),void 0)}),void 0)}),void 0)]},void 0)};export{n as default};

package/dist/components/Chart/DonutChart/components/CustomLabel/CustomLabel.style.js

@@ -1,39 +1,10 @@
-"use strict";
-
-exports.__esModule = true;
-exports.labelUnitStyle = exports.flexContainer = void 0;
-
-var _react = require("@emotion/react");
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "ih7ruz",
-  styles: "display:flex;width:100%;justify-content:center"
-} : {
-  name: "dqgewx-flexContainer",
-  styles: "display:flex;width:100%;justify-content:center;label:flexContainer;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NoYXJ0L0RvbnV0Q2hhcnQvY29tcG9uZW50cy9DdXN0b21MYWJlbC9DdXN0b21MYWJlbC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJSyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9DaGFydC9Eb251dENoYXJ0L2NvbXBvbmVudHMvQ3VzdG9tTGFiZWwvQ3VzdG9tTGFiZWwuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IGZsZXhDb250YWluZXIgPSAoKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYDtcblxuZXhwb3J0IGNvbnN0IGxhYmVsVW5pdFN0eWxlID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICB3aWR0aDogODAlO1xuICAgICAgZm9udC1zaXplOiAke3RoZW1lLmdsb2JhbHMudHlwb2dyYXBoeS5mb250U2l6ZXMuZ2V0KCcyJyl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDY1MCl9O1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGA7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-
-var flexContainer = function flexContainer() {
-  return function () {
-    return _ref;
-  };
-};
-
-exports.flexContainer = flexContainer;
-
-var labelUnitStyle = function labelUnitStyle() {
-  return function (theme) {
-    return (
-      /*#__PURE__*/
-
-      /*#__PURE__*/
-      (0, _react.css)("width:80%;font-size:", theme.globals.typography.fontSizes.get('2'), ";color:", theme.utils.getColor('lightGrey', 650), ";text-align:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:labelUnitStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NoYXJ0L0RvbnV0Q2hhcnQvY29tcG9uZW50cy9DdXN0b21MYWJlbC9DdXN0b21MYWJlbC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhTyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9DaGFydC9Eb251dENoYXJ0L2NvbXBvbmVudHMvQ3VzdG9tTGFiZWwvQ3VzdG9tTGFiZWwuc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IGZsZXhDb250YWluZXIgPSAoKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYDtcblxuZXhwb3J0IGNvbnN0IGxhYmVsVW5pdFN0eWxlID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICB3aWR0aDogODAlO1xuICAgICAgZm9udC1zaXplOiAke3RoZW1lLmdsb2JhbHMudHlwb2dyYXBoeS5mb250U2l6ZXMuZ2V0KCcyJyl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDY1MCl9O1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:labelUnitStyle;")
-    );
-  };
-};
-
-exports.labelUnitStyle = labelUnitStyle;
+import{css as t}from"@emotion/react";const e=()=>()=>t`
+    display: flex;
+    width: 100%;
+    justify-content: center;
+  `,o=()=>e=>t`
+      width: 80%;
+      font-size: ${e.globals.typography.fontSizes.get("2")};
+      color: ${e.utils.getColor("lightGrey",650)};
+      text-align: center;
+    `;export{e as flexContainer,o as labelUnitStyle};

package/dist/components/Chart/LineChart/LineChart.js

@@ -1,131 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _recharts = require("recharts");
-
-var _utils = require("../../../theme/utils");
-
-var _useTheme = _interopRequireDefault(require("../../../hooks/useTheme"));
-
-var _Wrapper = _interopRequireDefault(require("../Wrapper"));
-
-var _CustomTooltip = _interopRequireDefault(require("./components/CustomTooltip"));
-
-var _GradientLine = _interopRequireDefault(require("./components/GradientLine"));
-
-var _utils2 = require("./utils");
-
-var _react2 = require("@emotion/react");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var WrappedChart = (0, _Wrapper["default"])(_recharts.AreaChart);
-
-var LineChart = function LineChart(_ref) {
-  var data = _ref.data,
-      labelX = _ref.labelX,
-      labelY = _ref.labelY,
-      _ref$isLegendVisible = _ref.isLegendVisible,
-      isLegendVisible = _ref$isLegendVisible === void 0 ? false : _ref$isLegendVisible,
-      color = _ref.color;
-  var theme = (0, _useTheme["default"])();
-  var uniqueKeyNames = (0, _react.useMemo)(function () {
-    return (0, _utils2.getKeyNames)(data);
-  }, [data]);
-  var colorsPicked = (0, _react.useMemo)(function () {
-    return (0, _utils2.colorPicker)({
-      theme: theme,
-      uniqueKeyNames: uniqueKeyNames,
-      color: color
-    });
-  }, [theme, uniqueKeyNames, color]);
-  var colors = Object.entries(colorsPicked);
-  return uniqueKeyNames.length <= Object.keys(theme.globals.colors.flat).length ? (0, _react2.jsx)(WrappedChart, {
-    data: data,
-    margin: {
-      top: 10,
-      right: 20,
-      left: 20,
-      bottom: 50
-    },
-    aspect: 1.5
-  }, (0, _react2.jsx)("defs", null, colors.map(function (_ref2) {
-    var dataLabel = _ref2[0],
-        color = _ref2[1];
-    return (0, _react2.jsx)(_GradientLine["default"], {
-      key: "color" + dataLabel,
-      dataLabel: dataLabel,
-      color: color
-    });
-  })), (0, _react2.jsx)(_recharts.XAxis, {
-    dataKey: "name",
-    tickMargin: 31,
-    axisLine: false,
-    tickLine: false,
-    label: labelX && {
-      value: labelX,
-      angle: 0,
-      position: 'bottom',
-      offset: 35
-    }
-  }), (0, _react2.jsx)(_recharts.YAxis, {
-    tick: {
-      textAnchor: 'start'
-    },
-    tickMargin: 40,
-    axisLine: false,
-    tickLine: false,
-    label: labelY && {
-      value: labelY,
-      angle: -90,
-      position: 'left',
-      offset: 15
-    }
-  }), (0, _react2.jsx)(_recharts.CartesianGrid, {
-    vertical: false
-  }), isLegendVisible && (0, _react2.jsx)(_recharts.Legend, {
-    align: "left",
-    iconType: "circle",
-    iconSize: 16,
-    wrapperStyle: {
-      paddingTop: (0, _utils.rem)(50),
-      paddingLeft: (0, _utils.rem)(13)
-    }
-  }), (0, _react2.jsx)(_recharts.Tooltip, {
-    cursor: {
-      stroke: theme.utils.getColor('lightGrey', 650),
-      strokeWidth: 1
-    },
-    content: (0, _react2.jsx)(_CustomTooltip["default"], null)
-  }), colors.map(function (_ref3) {
-    var dataLabel = _ref3[0],
-        color = _ref3[1];
-    return (0, _react2.jsx)(_recharts.Area, {
-      key: dataLabel,
-      type: "linear",
-      dataKey: dataLabel,
-      stroke: color,
-      fillOpacity: 1,
-      fill: "url(#color" + dataLabel + ")",
-      activeDot: {
-        r: 3,
-        stroke: 'none'
-      },
-      dot: {
-        r: 3,
-        fill: color
-      }
-    });
-  })) : (0, _react2.jsx)("p", null, "You must define less than ", Object.keys(theme.globals.colors.flat).length, " different data");
-};
-
-var _default = LineChart;
-exports["default"] = _default;
+import{jsxs as t,jsx as e}from"@emotion/react/jsx-runtime";import{useMemo as o}from"react";import{XAxis as i,YAxis as r,CartesianGrid as l,Legend as a,Tooltip as n,Area as s,AreaChart as c}from"recharts";import{rem as m}from"../../../theme/utils.js";import d from"../../../hooks/useTheme.js";import p from"../Wrapper.js";import f from"./components/CustomTooltip/CustomTooltip.js";import g from"./components/GradientLine/GradientLine.js";import{getKeyNames as u,colorPicker as h}from"./utils.js";const b=p(c),v=({data:c,labelX:p,labelY:v,isLegendVisible:k=!1,color:j})=>{const y=d(),L=o((()=>u(c)),[c]),x=o((()=>h({theme:y,uniqueKeyNames:L,color:j})),[y,L,j]),O=Object.entries(x);return L.length<=Object.keys(y.globals.colors.flat).length?t(b,Object.assign({data:c,margin:{top:10,right:20,left:20,bottom:50},aspect:1.5},{children:[e("defs",{children:O.map((([t,o])=>e(g,{dataLabel:t,color:o},`color${t}`)))},void 0),e(i,{dataKey:"name",tickMargin:31,axisLine:!1,tickLine:!1,label:p&&{value:p,angle:0,position:"bottom",offset:35}},void 0),e(r,{tick:{textAnchor:"start"},tickMargin:40,axisLine:!1,tickLine:!1,label:v&&{value:v,angle:-90,position:"left",offset:15}},void 0),e(l,{vertical:!1},void 0),k&&e(a,{align:"left",iconType:"circle",iconSize:16,wrapperStyle:{paddingTop:m(50),paddingLeft:m(13)}},void 0),e(n,{cursor:{stroke:y.utils.getColor("lightGrey",650),strokeWidth:1},content:e(f,{},void 0)},void 0),O.map((([t,o])=>e(s,{type:"linear",dataKey:t,stroke:o,fillOpacity:1,fill:`url(#color${t})`,activeDot:{r:3,stroke:"none"},dot:{r:3,fill:o}},t)))]}),void 0):t("p",{children:["You must define less than ",Object.keys(y.globals.colors.flat).length," different data"]},void 0)};export{v as default};

package/dist/components/Chart/LineChart/components/CustomTooltip/CustomTooltip.js

@@ -1,40 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _CustomTooltip = require("./CustomTooltip.style");
-
-var _react2 = require("@emotion/react");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var CustomTooltip = function CustomTooltip(_ref) {
-  var label = _ref.label,
-      payload = _ref.payload;
-  return (0, _react2.jsx)("div", {
-    className: "custom-tooltip",
-    css: (0, _CustomTooltip.tooltipStyle)()
-  }, (0, _react2.jsx)("p", {
-    className: "label",
-    style: {
-      margin: '0px'
-    }
-  }, "" + label, ' '), payload && payload.length > 1 && (0, _react2.jsx)("hr", {
-    css: (0, _CustomTooltip.tooltipHrStyle)()
-  }), payload && (0, _react2.jsx)("ul", {
-    css: (0, _CustomTooltip.tooltipUlStyle)()
-  }, payload.map(function (_ref2) {
-    var name = _ref2.name,
-        value = _ref2.value;
-    return (0, _react2.jsx)("li", {
-      key: name,
-      css: (0, _CustomTooltip.tooltipLiStyle)()
-    }, (0, _react2.jsx)("div", null, name), " ", (0, _react2.jsx)("div", null, value));
-  })));
-};
-
-var _default = CustomTooltip;
-exports["default"] = _default;
+import{jsxs as s,jsx as i}from"@emotion/react/jsx-runtime";import{tooltipStyle as e,tooltipHrStyle as l,tooltipUlStyle as o,tooltipLiStyle as t}from"./CustomTooltip.style.js";const a=({label:a,payload:c})=>s("div",Object.assign({className:"custom-tooltip",css:e()},{children:[s("p",Object.assign({className:"label",style:{margin:"0px"}},{children:[`${a}`," "]}),void 0),c&&c.length>1&&i("hr",{css:l()},void 0),c&&i("ul",Object.assign({css:o()},{children:c.map((({name:e,value:l})=>s("li",Object.assign({css:t()},{children:[i("div",{children:e},void 0)," ",i("div",{children:l},void 0)]}),e)))}),void 0)]}),void 0);export{a as default};

package/dist/components/Chart/LineChart/components/CustomTooltip/CustomTooltip.style.js

@@ -1,64 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.tooltipLiStyle = exports.tooltipUlStyle = exports.tooltipHrStyle = exports.tooltipStyle = void 0;
-
-var _utils = require("../../../../../theme/utils");
-
-var tooltipStyle = function tooltipStyle() {
-  return function (theme) {
-    return {
-      fontSize: theme.globals.typography.fontSizes.get('3'),
-      padding: theme.globals.spacing.get('4'),
-      color: theme.globals.colors.white,
-      background: theme.utils.getColor('darkGrey', 750),
-      opacity: '90%',
-      borderRadius: theme.globals.spacing.get('3'),
-      minWidth: (0, _utils.rem)(200),
-      whiteSpace: 'nowrap'
-    };
-  };
-};
-
-exports.tooltipStyle = tooltipStyle;
-
-var tooltipHrStyle = function tooltipHrStyle() {
-  return function (theme) {
-    return {
-      margin: theme.globals.spacing.get('6') + " 0",
-      height: (0, _utils.rem)(1),
-      borderWidth: 0,
-      backgroundColor: theme.globals.colors.white,
-      opacity: '10%'
-    };
-  };
-};
-
-exports.tooltipHrStyle = tooltipHrStyle;
-
-var tooltipUlStyle = function tooltipUlStyle() {
-  return function () {
-    return {
-      padding: 0,
-      margin: 0
-    };
-  };
-};
-
-exports.tooltipUlStyle = tooltipUlStyle;
-
-var tooltipLiStyle = function tooltipLiStyle() {
-  return function (theme) {
-    return {
-      listStyleType: 'none',
-      color: theme.globals.colors.white,
-      width: '100%',
-      display: 'flex',
-      justifyContent: 'space-between',
-      height: theme.globals.spacing.get('6'),
-      padding: "0px 0px " + (0, _utils.rem)(-5)
-    };
-  };
-};
-
-exports.tooltipLiStyle = tooltipLiStyle;
+import{rem as o}from"../../../../../theme/utils.js";const t=()=>t=>({fontSize:t.globals.typography.fontSizes.get("3"),padding:t.globals.spacing.get("4"),color:t.globals.colors.white,background:t.utils.getColor("darkGrey",750),opacity:"90%",borderRadius:t.globals.spacing.get("3"),minWidth:o(200),whiteSpace:"nowrap"}),e=()=>t=>({margin:`${t.globals.spacing.get("6")} 0`,height:o(1),borderWidth:0,backgroundColor:t.globals.colors.white,opacity:"10%"}),i=()=>()=>({padding:0,margin:0}),l=()=>t=>({listStyleType:"none",color:t.globals.colors.white,width:"100%",display:"flex",justifyContent:"space-between",height:t.globals.spacing.get("6"),padding:`0px 0px ${o(-5)}`});export{e as tooltipHrStyle,l as tooltipLiStyle,t as tooltipStyle,i as tooltipUlStyle};

package/dist/components/Chart/LineChart/components/GradientLine/GradientLine.js

@@ -1,34 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@emotion/react");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var GradientLine = function GradientLine(_ref) {
-  var dataLabel = _ref.dataLabel,
-      color = _ref.color;
-  return (0, _react2.jsx)("linearGradient", {
-    id: "color" + dataLabel,
-    x1: "0",
-    y1: "0",
-    x2: "0",
-    y2: "1"
-  }, (0, _react2.jsx)("stop", {
-    offset: "5%",
-    stopColor: "" + color,
-    stopOpacity: 0.4
-  }), (0, _react2.jsx)("stop", {
-    offset: "95%",
-    stopColor: "" + color,
-    stopOpacity: 0
-  }));
-};
-
-var _default = /*#__PURE__*/_react["default"].memo(GradientLine);
-
-exports["default"] = _default;
+import{jsxs as o,jsx as t}from"@emotion/react/jsx-runtime";import r from"react";var e=r.memo((({dataLabel:r,color:e})=>o("linearGradient",Object.assign({id:`color${r}`,x1:"0",y1:"0",x2:"0",y2:"1"},{children:[t("stop",{offset:"5%",stopColor:`${e}`,stopOpacity:.4},void 0),t("stop",{offset:"95%",stopColor:`${e}`,stopOpacity:0},void 0)]}),void 0)));export{e as default};

package/dist/components/Chart/LineChart/utils.js

@@ -1,30 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports.colorPicker = exports.getKeyNames = void 0;
-
-var _lodash = require("lodash");
-
-var getKeyNames = function getKeyNames(data) {
-  return (0, _lodash.uniq)((0, _lodash.flatten)(data.map(function (object) {
-    return (0, _lodash.keys)((0, _lodash.omit)(object, 'name'));
-  })));
-};
-
-exports.getKeyNames = getKeyNames;
-
-var colorPicker = function colorPicker(_ref) {
-  var theme = _ref.theme,
-      uniqueKeyNames = _ref.uniqueKeyNames,
-      color = _ref.color;
-  var colorSample = (0, _lodash.sampleSize)(theme.globals.colors.flat, uniqueKeyNames.length);
-  return uniqueKeyNames.reduce(function (acc, key, index) {
-    var _colorSample$index;
-
-    var definedColor = typeof color === 'function' && color(key) ? color(key) : (_colorSample$index = colorSample[index]) == null ? void 0 : _colorSample$index[400];
-    acc[key] = definedColor;
-    return acc;
-  }, {});
-};
-
-exports.colorPicker = colorPicker;
+import o from"lodash/flatten.js";import r from"lodash/keys.js";import t from"lodash/omit.js";import s from"lodash/sampleSize.js";import e from"lodash/uniq.js";const m=s=>e(o(s.map((o=>r(t(o,"name")))))),l=({theme:o,uniqueKeyNames:r,color:t})=>{const e=s(o.globals.colors.flat,r.length);return r.reduce(((o,r,s)=>{var m;const l="function"==typeof t&&t(r)?t(r):null===(m=e[s])||void 0===m?void 0:m[400];return o[r]=l,o}),{})};export{l as colorPicker,m as getKeyNames};

package/dist/components/Chart/Wrapper.js

@@ -1,41 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _recharts = require("recharts");
-
-var _react2 = require("@emotion/react");
-
-var _excluded = ["children"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function Wrapper(Component) {
-  var WrappedChart = function WrappedChart(_ref) {
-    var children = _ref.children,
-        rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-    if (process.env.NODE_ENV !== 'test') {
-      return (0, _react2.jsx)(_recharts.ResponsiveContainer, {
-        aspect: rest == null ? void 0 : rest.aspect
-      }, (0, _react2.jsx)(Component, rest, children));
-    }
-
-    return (0, _react2.jsx)(Component, _extends({
-      width: 1000,
-      height: 500
-    }, rest), children);
-  };
-
-  return WrappedChart;
-}
-
-var _default = Wrapper;
-exports["default"] = _default;
+import{__rest as e}from"tslib";import{jsx as r}from"@emotion/react/jsx-runtime";import{ResponsiveContainer as t}from"recharts";function i(i){return n=>{var{children:o}=n,s=e(n,["children"]);return"test"!==process.env.NODE_ENV?r(t,Object.assign({aspect:null==s?void 0:s.aspect},{children:r(i,Object.assign({},s,{children:o}),void 0)}),void 0):r(i,Object.assign({width:1e3,height:500},s,{children:o}),void 0)}}export{i as default};

package/dist/components/CheckBox/CheckBox.js

@@ -1,121 +1 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _useTypeColorToColorMatch = require("../../hooks/useTypeColorToColorMatch");
-
-var React = _interopRequireWildcard(require("react"));
-
-var _index = require("../../index");
-
-var _helpers = require("../../utils/helpers");
-
-var _CheckBox = require("./CheckBox.style");
-
-var _Icon = _interopRequireDefault(require("../Icon"));
-
-var _react2 = require("@emotion/react");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var CheckBox = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var label = props.label,
-      isChecked = props.isChecked,
-      onClick = props.onClick,
-      _props$isDisabled = props.isDisabled,
-      isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,
-      _props$isIntermediate = props.isIntermediate,
-      isIntermediate = _props$isIntermediate === void 0 ? false : _props$isIntermediate,
-      dataTestIdSuffix = props.dataTestIdSuffix,
-      _props$isFilled = props.isFilled,
-      isFilled = _props$isFilled === void 0 ? true : _props$isFilled,
-      _props$id = props.id,
-      id = _props$id === void 0 ? (0, _helpers.generateUniqueID)() : _props$id;
-
-  var _React$useState = React.useState(Boolean(isChecked)),
-      isCheckedState = _React$useState[0],
-      setIsCheckedState = _React$useState[1];
-
-  var inputRef = React.useRef(null);
-  var theme = (0, _index.useTheme)();
-
-  var _useTypeColorToColorM = (0, _useTypeColorToColorMatch.useTypeColorToColorMatch)(),
-      calculateColorBetweenColorAndType = _useTypeColorToColorM.calculateColorBetweenColorAndType;
-
-  var _calculateColorBetwee = calculateColorBetweenColorAndType('', 'primary'),
-      color = _calculateColorBetwee.color,
-      shade = _calculateColorBetwee.shade;
-
-  (0, React.useEffect)(function () {
-    if (isChecked !== undefined) {
-      setIsCheckedState(isChecked);
-    }
-  }, [isChecked]);
-
-  var handleInputChange = function handleInputChange(event) {
-    var isCheckedToggledScoped = !isCheckedState;
-
-    if (isChecked === undefined) {
-      setIsCheckedState(isCheckedToggledScoped);
-    }
-
-    if (!isDisabled && onClick) {
-      onClick(isCheckedToggledScoped, event);
-    }
-  };
-
-  return (0, _react2.jsx)("span", {
-    ref: ref,
-    css: (0, _CheckBox.wrapperStyle)({
-      isDisabled: isDisabled
-    })
-  }, (0, _react2.jsx)("span", {
-    css: (0, _CheckBox.checkboxWrapperStyle)({
-      isDisabled: isDisabled
-    }),
-    onClick: function onClick(e) {
-      e.stopPropagation();
-
-      if (e.currentTarget === e.target) {
-        var _inputRef$current;
-
-        inputRef == null ? void 0 : (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.click();
-      }
-    }
-  }, (0, _react2.jsx)("input", {
-    "data-testid": (0, _helpers.generateTestDataId)('checkbox', dataTestIdSuffix),
-    css: (0, _CheckBox.checkboxStyle)({
-      isIntermediate: isIntermediate,
-      isChecked: isCheckedState,
-      isFilled: isFilled
-    }),
-    id: "styled-checkbox-" + id,
-    type: "checkbox",
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    },
-    onChange: handleInputChange,
-    disabled: isDisabled,
-    checked: isCheckedState,
-    ref: inputRef
-  }), (0, _react2.jsx)("label", {
-    htmlFor: "styled-checkbox-" + id,
-    css: (0, _CheckBox.markerStyle)({
-      isChecked: isCheckedState
-    })
-  }, (0, _react2.jsx)(_Icon["default"], {
-    name: isIntermediate ? 'minus' : 'checkmark',
-    size: 24,
-    color: theme.utils.getAAColorFromSwatches(color, shade)
-  }))), label && (0, _react2.jsx)("span", {
-    css: (0, _CheckBox.labelStyle)()
-  }, label));
-});
-CheckBox.displayName = 'Checkbox';
-var _default = CheckBox;
-exports["default"] = _default;
+import{jsxs as e,jsx as o}from"@emotion/react/jsx-runtime";import{useTypeColorToColorMatch as s}from"../../hooks/useTypeColorToColorMatch.js";import*as i from"react";import{useEffect as t}from"react";import{generateUniqueID as r,generateTestDataId as c}from"../../utils/helpers.js";import{wrapperStyle as a,checkboxWrapperStyle as l,checkboxStyle as d,markerStyle as n,labelStyle as m}from"./CheckBox.style.js";import h from"../Icon/Icon.js";import p from"../../hooks/useTheme.js";const k=i.forwardRef(((k,u)=>{const{label:f,isChecked:b,onClick:C,isDisabled:v=!1,isIntermediate:g=!1,dataTestIdSuffix:j,isFilled:x=!0,id:y=r()}=k,[T,I]=i.useState(Boolean(b)),F=i.useRef(null),O=p(),{calculateColorBetweenColorAndType:w}=s(),{color:A,shade:B}=w("","primary");t((()=>{void 0!==b&&I(b)}),[b]);return e("span",Object.assign({ref:u,css:a({isDisabled:v})},{children:[e("span",Object.assign({css:l({isDisabled:v}),onClick:e=>{var o;e.stopPropagation(),e.currentTarget===e.target&&(null===(o=null==F?void 0:F.current)||void 0===o||o.click())}},{children:[o("input",{"data-testid":c("checkbox",j),css:d({isIntermediate:g,isChecked:T,isFilled:x}),id:`styled-checkbox-${y}`,type:"checkbox",onClick:e=>e.stopPropagation(),onChange:e=>{const o=!T;void 0===b&&I(o),!v&&C&&C(o,e)},disabled:v,checked:T,ref:F},void 0),o("label",Object.assign({htmlFor:`styled-checkbox-${y}`,css:n({isChecked:T})},{children:o(h,{name:g?"minus":"checkmark",size:24,color:O.utils.getAAColorFromSwatches(A,B)},void 0)}),void 0)]}),void 0),f&&o("span",Object.assign({css:m()},{children:f}),void 0)]}),void 0)}));k.displayName="Checkbox";export{k as default};