@apptane/react-ui-charts/dist/parts/ChartEmptyBlock.js

Chart components in Apptane React UI framework

import _defineProperty from "@babel/runtime/helpers/defineProperty";

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }

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)."; }

import { Paragraph } from "@apptane/react-ui-typography";
import { css } from "@emotion/react";
import { hex2rgba } from "../common/ColorScheme.js";
import { jsx as _jsx } from "@emotion/react/jsx-runtime";

const StyleContainer = (position, background) => /*#__PURE__*/css("position:", position, ";display:grid;place-items:center;background:", hex2rgba(background, 0.7), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:StyleContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYXJ0cy9DaGFydEVtcHR5QmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1tRSIsImZpbGUiOiIuLi8uLi9zcmMvcGFydHMvQ2hhcnRFbXB0eUJsb2NrLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yIH0gZnJvbSBcIkBhcHB0YW5lL3JlYWN0LXVpLWNvcmVcIjtcbmltcG9ydCB7IFBhcmFncmFwaCB9IGZyb20gXCJAYXBwdGFuZS9yZWFjdC11aS10eXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGhleDJyZ2JhIH0gZnJvbSBcIi4uL2NvbW1vbi9Db2xvclNjaGVtZS5qc1wiO1xuaW1wb3J0IHsgQ2hhcnRFbXB0eUJsb2NrUHJvcHMgfSBmcm9tIFwiLi9DaGFydEVtcHR5QmxvY2sudHlwZXMuanNcIjtcblxuY29uc3QgU3R5bGVDb250YWluZXIgPSAocG9zaXRpb246IHN0cmluZywgYmFja2dyb3VuZDogQ29sb3IpID0+IGNzc2BcbiAgcG9zaXRpb246ICR7cG9zaXRpb259O1xuICBkaXNwbGF5OiBncmlkO1xuICBwbGFjZS1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kOiAke2hleDJyZ2JhKGJhY2tncm91bmQsIDAuNyl9O1xuYDtcblxuY29uc3QgU3R5bGVDb250ZW50ID0gY3NzYFxuICB1c2VyLXNlbGVjdDogbm9uZTtcbmA7XG5cbi8qKlxuICogYEVtcHR5QmxvY2tgIGNvbXBvbmVudCDigJQgYSBwbGFjZWhvbGRlciBmb3IgbWlzc2luZyBkYXRhLlxuICovXG5leHBvcnQgZnVuY3Rpb24gQ2hhcnRFbXB0eUJsb2NrKHtcbiAgdGhlbWUsXG4gIGNvbG9yTW9kZSxcbiAgYmFja2dyb3VuZCxcbiAgY2hpbGRyZW4sXG4gIHdpZHRoLFxuICBoZWlnaHQsXG4gIHBvc2l0aW9uID0gXCJyZWxhdGl2ZVwiLFxuICB0b3AsXG4gIGxlZnQsXG59OiBDaGFydEVtcHR5QmxvY2tQcm9wcykge1xuICBjb25zdCB2aXN1YWxTdHlsZSA9IHRoZW1lLmNoYXJ0cy54eS5zdHlsZTtcbiAgY29uc3QgcGFsZXR0ZSA9IHRoZW1lLnBhbGV0dGVbY29sb3JNb2RlXTtcbiAgY29uc3QgdmlzdWFsQXBwZWFyYW5jZSA9IHRoZW1lLmNoYXJ0cy54eS5hcHBlYXJhbmNlKHBhbGV0dGUsIGNvbG9yTW9kZSwgdW5kZWZpbmVkLCBcIm5vbmVcIik7XG4gIGNvbnN0IGNvbnRlbnQgPVxuICAgIGNoaWxkcmVuICE9IG51bGwgPyAoXG4gICAgICB0eXBlb2YgY2hpbGRyZW4gPT09IFwic3RyaW5nXCIgPyAoXG4gICAgICAgIDxQYXJhZ3JhcGggY29sb3I9e3Zpc3VhbEFwcGVhcmFuY2UuZW1wdHl9IHsuLi52aXN1YWxTdHlsZS5mb250LmVtcHR5fT5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvUGFyYWdyYXBoPlxuICAgICAgKSA6IChcbiAgICAgICAgY2hpbGRyZW5cbiAgICAgIClcbiAgICApIDogKFxuICAgICAgPFBhcmFncmFwaCBjb2xvcj17dmlzdWFsQXBwZWFyYW5jZS5lbXB0eX0gey4uLnZpc3VhbFN0eWxlLmZvbnQuZW1wdHl9PlxuICAgICAgICBObyBkYXRhXG4gICAgICA8L1BhcmFncmFwaD5cbiAgICApO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtTdHlsZUNvbnRhaW5lcihwb3NpdGlvbiwgYmFja2dyb3VuZCA/PyB2aXN1YWxBcHBlYXJhbmNlLmJhY2spfVxuICAgICAgc3R5bGU9e3sgdG9wOiB0b3AsIGxlZnQ6IGxlZnQsIHdpZHRoOiB3aWR0aCwgaGVpZ2h0OiBoZWlnaHQgfX0+XG4gICAgICA8ZGl2IGNzcz17U3R5bGVDb250ZW50fT57Y29udGVudH08L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */");

const StyleContent = process.env.NODE_ENV === "production" ? {
  name: "oldbq4",
  styles: "user-select:none"
} : {
  name: "a03jhi-StyleContent",
  styles: "user-select:none;label:StyleContent;",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYXJ0cy9DaGFydEVtcHR5QmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWF3QiIsImZpbGUiOiIuLi8uLi9zcmMvcGFydHMvQ2hhcnRFbXB0eUJsb2NrLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yIH0gZnJvbSBcIkBhcHB0YW5lL3JlYWN0LXVpLWNvcmVcIjtcbmltcG9ydCB7IFBhcmFncmFwaCB9IGZyb20gXCJAYXBwdGFuZS9yZWFjdC11aS10eXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGhleDJyZ2JhIH0gZnJvbSBcIi4uL2NvbW1vbi9Db2xvclNjaGVtZS5qc1wiO1xuaW1wb3J0IHsgQ2hhcnRFbXB0eUJsb2NrUHJvcHMgfSBmcm9tIFwiLi9DaGFydEVtcHR5QmxvY2sudHlwZXMuanNcIjtcblxuY29uc3QgU3R5bGVDb250YWluZXIgPSAocG9zaXRpb246IHN0cmluZywgYmFja2dyb3VuZDogQ29sb3IpID0+IGNzc2BcbiAgcG9zaXRpb246ICR7cG9zaXRpb259O1xuICBkaXNwbGF5OiBncmlkO1xuICBwbGFjZS1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kOiAke2hleDJyZ2JhKGJhY2tncm91bmQsIDAuNyl9O1xuYDtcblxuY29uc3QgU3R5bGVDb250ZW50ID0gY3NzYFxuICB1c2VyLXNlbGVjdDogbm9uZTtcbmA7XG5cbi8qKlxuICogYEVtcHR5QmxvY2tgIGNvbXBvbmVudCDigJQgYSBwbGFjZWhvbGRlciBmb3IgbWlzc2luZyBkYXRhLlxuICovXG5leHBvcnQgZnVuY3Rpb24gQ2hhcnRFbXB0eUJsb2NrKHtcbiAgdGhlbWUsXG4gIGNvbG9yTW9kZSxcbiAgYmFja2dyb3VuZCxcbiAgY2hpbGRyZW4sXG4gIHdpZHRoLFxuICBoZWlnaHQsXG4gIHBvc2l0aW9uID0gXCJyZWxhdGl2ZVwiLFxuICB0b3AsXG4gIGxlZnQsXG59OiBDaGFydEVtcHR5QmxvY2tQcm9wcykge1xuICBjb25zdCB2aXN1YWxTdHlsZSA9IHRoZW1lLmNoYXJ0cy54eS5zdHlsZTtcbiAgY29uc3QgcGFsZXR0ZSA9IHRoZW1lLnBhbGV0dGVbY29sb3JNb2RlXTtcbiAgY29uc3QgdmlzdWFsQXBwZWFyYW5jZSA9IHRoZW1lLmNoYXJ0cy54eS5hcHBlYXJhbmNlKHBhbGV0dGUsIGNvbG9yTW9kZSwgdW5kZWZpbmVkLCBcIm5vbmVcIik7XG4gIGNvbnN0IGNvbnRlbnQgPVxuICAgIGNoaWxkcmVuICE9IG51bGwgPyAoXG4gICAgICB0eXBlb2YgY2hpbGRyZW4gPT09IFwic3RyaW5nXCIgPyAoXG4gICAgICAgIDxQYXJhZ3JhcGggY29sb3I9e3Zpc3VhbEFwcGVhcmFuY2UuZW1wdHl9IHsuLi52aXN1YWxTdHlsZS5mb250LmVtcHR5fT5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvUGFyYWdyYXBoPlxuICAgICAgKSA6IChcbiAgICAgICAgY2hpbGRyZW5cbiAgICAgIClcbiAgICApIDogKFxuICAgICAgPFBhcmFncmFwaCBjb2xvcj17dmlzdWFsQXBwZWFyYW5jZS5lbXB0eX0gey4uLnZpc3VhbFN0eWxlLmZvbnQuZW1wdHl9PlxuICAgICAgICBObyBkYXRhXG4gICAgICA8L1BhcmFncmFwaD5cbiAgICApO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtTdHlsZUNvbnRhaW5lcihwb3NpdGlvbiwgYmFja2dyb3VuZCA/PyB2aXN1YWxBcHBlYXJhbmNlLmJhY2spfVxuICAgICAgc3R5bGU9e3sgdG9wOiB0b3AsIGxlZnQ6IGxlZnQsIHdpZHRoOiB3aWR0aCwgaGVpZ2h0OiBoZWlnaHQgfX0+XG4gICAgICA8ZGl2IGNzcz17U3R5bGVDb250ZW50fT57Y29udGVudH08L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};
/**
 * `EmptyBlock` component — a placeholder for missing data.
 */

export function ChartEmptyBlock(_ref) {
  let {
    theme,
    colorMode,
    background,
    children,
    width,
    height,
    position = "relative",
    top,
    left
  } = _ref;
  const visualStyle = theme.charts.xy.style;
  const palette = theme.palette[colorMode];
  const visualAppearance = theme.charts.xy.appearance(palette, colorMode, undefined, "none");
  const content = children != null ? typeof children === "string" ? _jsx(Paragraph, _objectSpread(_objectSpread({
    color: visualAppearance.empty
  }, visualStyle.font.empty), {}, {
    children: children
  })) : children : _jsx(Paragraph, _objectSpread(_objectSpread({
    color: visualAppearance.empty
  }, visualStyle.font.empty), {}, {
    children: "No data"
  }));
  return _jsx("div", {
    css: StyleContainer(position, background !== null && background !== void 0 ? background : visualAppearance.back),
    style: {
      top: top,
      left: left,
      width: width,
      height: height
    },
    children: _jsx("div", {
      css: StyleContent,
      children: content
    })
  });
}
//# sourceMappingURL=ChartEmptyBlock.js.map