@pingux/astro 2.17.0-alpha.5 → 2.17.0-alpha.6

package/lib/components/ListViewItem/controls/chart/ListViewItemChartAttributes.js

@@ -0,0 +1,118 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+import PropTypes from 'prop-types';
+import { docArgTypes } from '../../../../utils/docUtils/docArgTypes';
+import { buttonArgTypes } from '../../../Button/buttonAttributes';
+var descriptions = {
+  buttonProps: 'Object includes same props as `Button` component',
+  chartData: 'Array with objects `{ id, keyName }` for chart',
+  chartDataKey: 'Name of the `keyName` in `chartData`',
+  chartLabel: 'Label under chart',
+  mobileBreakPoint: 'Container width breakpoint to hide all ListViewItemChart',
+  tabletBreakPoint: 'Container width breakpoint to hide content (counter and counter label)',
+  title: 'Main title of chart',
+  tooltipText: 'Text inside tooltip',
+  contentCount: 'Number of events',
+  contentCountLabel: 'Label under `contentCount`',
+  trend: 'Text for trend'
+};
+export var listViewItemChartArgTypes = {
+  buttonProps: _objectSpread(_objectSpread({}, buttonArgTypes), {}, {
+    type: {
+      summary: docArgTypes.object
+    },
+    description: descriptions.buttonProps,
+    control: 'object'
+  }),
+  chartData: {
+    description: descriptions.chartData,
+    type: {
+      summary: docArgTypes.object
+    },
+    control: 'object'
+  },
+  chartDataKey: {
+    description: descriptions.chartDataKey,
+    type: {
+      summary: docArgTypes.string
+    },
+    control: 'text'
+  },
+  chartLabel: {
+    description: descriptions.chartLabel,
+    type: {
+      summary: docArgTypes.string
+    },
+    control: 'text'
+  },
+  mobileBreakPoint: {
+    description: descriptions.mobileBreakPoint,
+    type: {
+      summary: docArgTypes.number
+    },
+    control: 'number'
+  },
+  tabletBreakPoint: {
+    description: descriptions.tabletBreakPoint,
+    type: {
+      summary: docArgTypes.number
+    },
+    control: 'number'
+  },
+  title: {
+    description: descriptions.title,
+    type: {
+      summary: docArgTypes.string
+    },
+    control: 'text'
+  },
+  tooltipText: {
+    description: descriptions.tooltipText,
+    type: {
+      summary: docArgTypes.string
+    },
+    control: 'text'
+  },
+  contentCount: {
+    description: descriptions.contentCount,
+    type: {
+      summary: docArgTypes.string
+    },
+    control: 'text'
+  },
+  contentCountLabel: {
+    description: descriptions.contentCountLabel,
+    type: {
+      summary: docArgTypes.string
+    },
+    control: 'text'
+  },
+  trend: {
+    description: descriptions.trend,
+    type: {
+      summary: docArgTypes.string
+    },
+    control: 'text'
+  }
+};
+export var listViewItemChartPropTypes = {
+  chartData: PropTypes.arrayOf(PropTypes.shape({})),
+  chartLabel: PropTypes.string,
+  chartDataKey: PropTypes.string,
+  contentCount: PropTypes.string,
+  contentCountLabel: PropTypes.string,
+  mobileBreakPoint: PropTypes.number,
+  tabletBreakPoint: PropTypes.number,
+  title: PropTypes.string,
+  tooltipText: PropTypes.string,
+  trend: PropTypes.string
+};

package/lib/components/ListViewItem/controls/chart/chartData.js

@@ -0,0 +1,37 @@
+export var chartData = [{
+  id: 1,
+  fullData: 1
+}, {
+  id: 2,
+  fullData: 5
+}, {
+  id: 3,
+  fullData: 3
+}, {
+  id: 4,
+  fullData: 2
+}, {
+  id: 5,
+  fullData: 5
+}, {
+  id: 6,
+  fullData: 1
+}, {
+  id: 7,
+  fullData: 5
+}, {
+  id: 8,
+  fullData: 5
+}, {
+  id: 9,
+  fullData: 1
+}, {
+  id: 10,
+  fullData: 2
+}, {
+  id: 11,
+  fullData: 4
+}, {
+  id: 12,
+  fullData: 11
+}];

package/lib/index.js

@@ -84,6 +84,7 @@ export * from './components/ListItem';
 export { default as ListView } from './components/ListView';
 export * from './components/ListView';
 export { default as ListViewItem } from './components/ListViewItem';
+export { default as ListViewItemChart } from './components/ListViewItem/controls/chart/ListViewItemChart';
 export { default as ListViewItemEditButton } from './components/ListViewItem/controls/ListViewItemEditButton';
 export { default as ListViewItemMenu } from './components/ListViewItem/controls/ListViewItemMenu';
 export { default as ListViewItemSwitchField } from './components/ListViewItem/controls/ListViewItemSwitchField';

package/lib/styles/variants/variants.js

@@ -26,6 +26,7 @@ import helpHint from '../../components/HelpHint/HelpHint.styles';
 import imageUpload from '../../components/ImageUploadField/imageUpload';
 import listBox from '../../components/ListBox/ListBox.styles';
 import listItem from '../../components/ListItem/ListItem.styles';
+import lisViewItemChart from '../../components/ListViewItem/controls/chart/ListViewItemChart.styles';
 import listViewItem from '../../components/ListViewItem/ListViewItem.styles';
 import loader from '../../components/Loader/Loader.styles';
 import menu from '../../components/Menu/Menu.styles';
@@ -63,6 +64,7 @@ export default _objectSpread({
   listBox: listBox,
   listItem: listItem,
   listViewItem: listViewItem,
+  lisViewItemChart: lisViewItemChart,
   loader: loader,
   menu: menu,
   menuItem: menuItem,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.17.0-alpha.5",
+  "version": "2.17.0-alpha.6",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",
@@ -102,7 +102,7 @@
     "react-color": "^2.19.3",
     "react-dropzone": "^11.4.2",
     "react-stately": "^3.20.0",
-    "recharts": "^2.1.4",
+    "recharts": "^2.7.0",
     "regenerator-runtime": "^0.13.7",
     "styled-system": "^5.1.5",
     "theme-ui": "^0.10.0",