@coorpacademy/components 11.11.9 → 11.11.10

package/es/molecule/bulk-progress-bar/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Props } from './types';
+declare const BulkProgressBar: {
+    (props: Props): JSX.Element;
+    propTypes: {
+        'data-name': import("prop-types").Requireable<string>;
+        status: import("prop-types").Validator<string>;
+        progress: import("prop-types").Validator<number>;
+    };
+};
+export default BulkProgressBar;
+//# sourceMappingURL=index.d.ts.map

package/es/molecule/bulk-progress-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bulk-progress-bar/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,KAAK,EAAoB,MAAM,SAAS,CAAC;AA4BjD,QAAA,MAAM,eAAe;YAAW,KAAK;;;;;;CAepC,CAAC;AAIF,eAAe,eAAe,CAAC"}

package/es/molecule/bulk-progress-bar/index.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import ProgressBar from '../progress-bar';
+import StatusItem from '../../atom/status-item';
+import style from './style.css';
+import { propTypes } from './types';
+const cm_negative_100 = '#ed3436';
+const cm_primary_blue = '#0061FF';
+const cm_positive_100 = '#35CC7F';
+const STATUS = {
+  inProgress: 'inProgress',
+  fail: 'fail'
+};
+
+const renderStatusIcon = (status, progress) => {
+  if (status === STATUS.inProgress) return /*#__PURE__*/React.createElement("div", {
+    role: "status",
+    className: style.progressText
+  }, `${progress} %`);
+  return /*#__PURE__*/React.createElement(StatusItem, {
+    icon: status === STATUS.fail ? 'invalid' : 'valid'
+  });
+};
+
+const resolveProgressBarColor = status => {
+  switch (status) {
+    case STATUS.fail:
+      return cm_negative_100;
+
+    case STATUS.inProgress:
+      return cm_primary_blue;
+
+    default:
+      return cm_positive_100;
+  }
+};
+
+const BulkProgressBar = props => {
+  const {
+    'data-name': dataName,
+    status,
+    progress
+  } = props;
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.container,
+    "data-name": dataName
+  }, /*#__PURE__*/React.createElement(ProgressBar, {
+    className: style.progressBar,
+    value: progress,
+    max: 100,
+    steps: 0,
+    style: {
+      backgroundColor: resolveProgressBarColor(status),
+      borderRadius: '10px'
+    }
+  }), renderStatusIcon(status, progress));
+};
+
+BulkProgressBar.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+export default BulkProgressBar;
+//# sourceMappingURL=index.js.map

package/es/molecule/bulk-progress-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","ProgressBar","StatusItem","style","propTypes","cm_negative_100","cm_primary_blue","cm_positive_100","STATUS","inProgress","fail","renderStatusIcon","status","progress","progressText","resolveProgressBarColor","BulkProgressBar","props","dataName","container","progressBar","backgroundColor","borderRadius"],"sources":["../../../src/molecule/bulk-progress-bar/index.tsx"],"sourcesContent":["import React from 'react';\nimport ProgressBar from '../progress-bar';\nimport StatusItem from '../../atom/status-item';\nimport style from './style.css';\nimport {Props, propTypes, Status} from './types';\n\nconst cm_negative_100 = '#ed3436';\nconst cm_primary_blue = '#0061FF';\nconst cm_positive_100 = '#35CC7F';\n\nconst STATUS = {\n  inProgress: 'inProgress',\n  fail: 'fail'\n};\n\nconst renderStatusIcon = (status: Status, progress: number) => {\n  if (status === STATUS.inProgress)\n    return <div role=\"status\" className={style.progressText}>{`${progress} %`}</div>;\n  return <StatusItem icon={status === STATUS.fail ? 'invalid' : 'valid'} />;\n};\n\nconst resolveProgressBarColor = (status: Status) => {\n  switch (status) {\n    case STATUS.fail:\n      return cm_negative_100;\n    case STATUS.inProgress:\n      return cm_primary_blue;\n    default:\n      return cm_positive_100;\n  }\n};\n\nconst BulkProgressBar = (props: Props) => {\n  const {'data-name': dataName, status, progress} = props;\n\n  return (\n    <div className={style.container} data-name={dataName}>\n      <ProgressBar\n        className={style.progressBar}\n        value={progress}\n        max={100}\n        steps={0}\n        style={{backgroundColor: resolveProgressBarColor(status), borderRadius: '10px'}}\n      />\n      {renderStatusIcon(status, progress)}\n    </div>\n  );\n};\n\nBulkProgressBar.propTypes = propTypes;\n\nexport default BulkProgressBar;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAAeC,SAAf,QAAuC,SAAvC;AAEA,MAAMC,eAAe,GAAG,SAAxB;AACA,MAAMC,eAAe,GAAG,SAAxB;AACA,MAAMC,eAAe,GAAG,SAAxB;AAEA,MAAMC,MAAM,GAAG;EACbC,UAAU,EAAE,YADC;EAEbC,IAAI,EAAE;AAFO,CAAf;;AAKA,MAAMC,gBAAgB,GAAG,CAACC,MAAD,EAAiBC,QAAjB,KAAsC;EAC7D,IAAID,MAAM,KAAKJ,MAAM,CAACC,UAAtB,EACE,oBAAO;IAAK,IAAI,EAAC,QAAV;IAAmB,SAAS,EAAEN,KAAK,CAACW;EAApC,GAAoD,GAAED,QAAS,IAA/D,CAAP;EACF,oBAAO,oBAAC,UAAD;IAAY,IAAI,EAAED,MAAM,KAAKJ,MAAM,CAACE,IAAlB,GAAyB,SAAzB,GAAqC;EAAvD,EAAP;AACD,CAJD;;AAMA,MAAMK,uBAAuB,GAAIH,MAAD,IAAoB;EAClD,QAAQA,MAAR;IACE,KAAKJ,MAAM,CAACE,IAAZ;MACE,OAAOL,eAAP;;IACF,KAAKG,MAAM,CAACC,UAAZ;MACE,OAAOH,eAAP;;IACF;MACE,OAAOC,eAAP;EANJ;AAQD,CATD;;AAWA,MAAMS,eAAe,GAAIC,KAAD,IAAkB;EACxC,MAAM;IAAC,aAAaC,QAAd;IAAwBN,MAAxB;IAAgCC;EAAhC,IAA4CI,KAAlD;EAEA,oBACE;IAAK,SAAS,EAAEd,KAAK,CAACgB,SAAtB;IAAiC,aAAWD;EAA5C,gBACE,oBAAC,WAAD;IACE,SAAS,EAAEf,KAAK,CAACiB,WADnB;IAEE,KAAK,EAAEP,QAFT;IAGE,GAAG,EAAE,GAHP;IAIE,KAAK,EAAE,CAJT;IAKE,KAAK,EAAE;MAACQ,eAAe,EAAEN,uBAAuB,CAACH,MAAD,CAAzC;MAAmDU,YAAY,EAAE;IAAjE;EALT,EADF,EAQGX,gBAAgB,CAACC,MAAD,EAASC,QAAT,CARnB,CADF;AAYD,CAfD;;AAiBAG,eAAe,CAACZ,SAAhB,2CAA4BA,SAA5B;AAEA,eAAeY,eAAf"}

package/es/molecule/bulk-progress-bar/style.css

@@ -0,0 +1,32 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_400 from colors;
+@value cm_grey_75 from colors;
+
+.container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+}
+
+.progressBar {
+  width: 100%;
+  height: 10px;
+  border-radius: 10px;
+  background-color: cm_grey_75;
+  margin-right: 16px;
+}
+
+.progressBar p {
+  display: none;
+}
+
+.progressText {
+  font-family: Gilroy;
+  font-style: normal;
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 20px;
+  white-space: nowrap;
+  color: cm_grey_400;
+}

package/es/molecule/bulk-progress-bar/types.d.ts

@@ -0,0 +1,13 @@
+import PropTypes from 'prop-types';
+export declare const propTypes: {
+    'data-name': PropTypes.Requireable<string>;
+    status: PropTypes.Validator<string>;
+    progress: PropTypes.Validator<number>;
+};
+export declare type Status = 'inProgress' | 'fail' | 'success';
+export declare type Props = {
+    'data-name': string;
+    status: Status;
+    progress: number;
+};
+//# sourceMappingURL=types.d.ts.map

package/es/molecule/bulk-progress-bar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/bulk-progress-bar/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,eAAO,MAAM,SAAS;;;;CAIrB,CAAC;AAEF,oBAAY,MAAM,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,CAAC;AAEvD,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC"}

package/es/molecule/bulk-progress-bar/types.js

@@ -0,0 +1,7 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  'data-name': PropTypes.string,
+  status: PropTypes.oneOf(['success', 'inProgress', 'fail']).isRequired,
+  progress: PropTypes.number.isRequired
+};
+//# sourceMappingURL=types.js.map

package/es/molecule/bulk-progress-bar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","propTypes","string","status","oneOf","isRequired","progress","number"],"sources":["../../../src/molecule/bulk-progress-bar/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const propTypes = {\n  'data-name': PropTypes.string,\n  status: PropTypes.oneOf(['success', 'inProgress', 'fail']).isRequired,\n  progress: PropTypes.number.isRequired\n};\n\nexport type Status = 'inProgress' | 'fail' | 'success';\n\nexport type Props = {\n  'data-name': string;\n  status: Status;\n  progress: number;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvB,aAAaD,SAAS,CAACE,MADA;EAEvBC,MAAM,EAAEH,SAAS,CAACI,KAAV,CAAgB,CAAC,SAAD,EAAY,YAAZ,EAA0B,MAA1B,CAAhB,EAAmDC,UAFpC;EAGvBC,QAAQ,EAAEN,SAAS,CAACO,MAAV,CAAiBF;AAHJ,CAAlB"}

package/lib/molecule/bulk-progress-bar/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Props } from './types';
+declare const BulkProgressBar: {
+    (props: Props): JSX.Element;
+    propTypes: {
+        'data-name': import("prop-types").Requireable<string>;
+        status: import("prop-types").Validator<string>;
+        progress: import("prop-types").Validator<number>;
+    };
+};
+export default BulkProgressBar;
+//# sourceMappingURL=index.d.ts.map

package/lib/molecule/bulk-progress-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bulk-progress-bar/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,KAAK,EAAoB,MAAM,SAAS,CAAC;AA4BjD,QAAA,MAAM,eAAe;YAAW,KAAK;;;;;;CAepC,CAAC;AAIF,eAAe,eAAe,CAAC"}

package/lib/molecule/bulk-progress-bar/index.js

@@ -0,0 +1,73 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _progressBar = _interopRequireDefault(require("../progress-bar"));
+
+var _statusItem = _interopRequireDefault(require("../../atom/status-item"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+var _types = require("./types");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const cm_negative_100 = '#ed3436';
+const cm_primary_blue = '#0061FF';
+const cm_positive_100 = '#35CC7F';
+const STATUS = {
+  inProgress: 'inProgress',
+  fail: 'fail'
+};
+
+const renderStatusIcon = (status, progress) => {
+  if (status === STATUS.inProgress) return /*#__PURE__*/_react.default.createElement("div", {
+    role: "status",
+    className: _style.default.progressText
+  }, `${progress} %`);
+  return /*#__PURE__*/_react.default.createElement(_statusItem.default, {
+    icon: status === STATUS.fail ? 'invalid' : 'valid'
+  });
+};
+
+const resolveProgressBarColor = status => {
+  switch (status) {
+    case STATUS.fail:
+      return cm_negative_100;
+
+    case STATUS.inProgress:
+      return cm_primary_blue;
+
+    default:
+      return cm_positive_100;
+  }
+};
+
+const BulkProgressBar = props => {
+  const {
+    'data-name': dataName,
+    status,
+    progress
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.container,
+    "data-name": dataName
+  }, /*#__PURE__*/_react.default.createElement(_progressBar.default, {
+    className: _style.default.progressBar,
+    value: progress,
+    max: 100,
+    steps: 0,
+    style: {
+      backgroundColor: resolveProgressBarColor(status),
+      borderRadius: '10px'
+    }
+  }), renderStatusIcon(status, progress));
+};
+
+BulkProgressBar.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};
+var _default = BulkProgressBar;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/molecule/bulk-progress-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["cm_negative_100","cm_primary_blue","cm_positive_100","STATUS","inProgress","fail","renderStatusIcon","status","progress","style","progressText","resolveProgressBarColor","BulkProgressBar","props","dataName","container","progressBar","backgroundColor","borderRadius","propTypes"],"sources":["../../../src/molecule/bulk-progress-bar/index.tsx"],"sourcesContent":["import React from 'react';\nimport ProgressBar from '../progress-bar';\nimport StatusItem from '../../atom/status-item';\nimport style from './style.css';\nimport {Props, propTypes, Status} from './types';\n\nconst cm_negative_100 = '#ed3436';\nconst cm_primary_blue = '#0061FF';\nconst cm_positive_100 = '#35CC7F';\n\nconst STATUS = {\n  inProgress: 'inProgress',\n  fail: 'fail'\n};\n\nconst renderStatusIcon = (status: Status, progress: number) => {\n  if (status === STATUS.inProgress)\n    return <div role=\"status\" className={style.progressText}>{`${progress} %`}</div>;\n  return <StatusItem icon={status === STATUS.fail ? 'invalid' : 'valid'} />;\n};\n\nconst resolveProgressBarColor = (status: Status) => {\n  switch (status) {\n    case STATUS.fail:\n      return cm_negative_100;\n    case STATUS.inProgress:\n      return cm_primary_blue;\n    default:\n      return cm_positive_100;\n  }\n};\n\nconst BulkProgressBar = (props: Props) => {\n  const {'data-name': dataName, status, progress} = props;\n\n  return (\n    <div className={style.container} data-name={dataName}>\n      <ProgressBar\n        className={style.progressBar}\n        value={progress}\n        max={100}\n        steps={0}\n        style={{backgroundColor: resolveProgressBarColor(status), borderRadius: '10px'}}\n      />\n      {renderStatusIcon(status, progress)}\n    </div>\n  );\n};\n\nBulkProgressBar.propTypes = propTypes;\n\nexport default BulkProgressBar;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,eAAe,GAAG,SAAxB;AACA,MAAMC,eAAe,GAAG,SAAxB;AACA,MAAMC,eAAe,GAAG,SAAxB;AAEA,MAAMC,MAAM,GAAG;EACbC,UAAU,EAAE,YADC;EAEbC,IAAI,EAAE;AAFO,CAAf;;AAKA,MAAMC,gBAAgB,GAAG,CAACC,MAAD,EAAiBC,QAAjB,KAAsC;EAC7D,IAAID,MAAM,KAAKJ,MAAM,CAACC,UAAtB,EACE,oBAAO;IAAK,IAAI,EAAC,QAAV;IAAmB,SAAS,EAAEK,cAAA,CAAMC;EAApC,GAAoD,GAAEF,QAAS,IAA/D,CAAP;EACF,oBAAO,6BAAC,mBAAD;IAAY,IAAI,EAAED,MAAM,KAAKJ,MAAM,CAACE,IAAlB,GAAyB,SAAzB,GAAqC;EAAvD,EAAP;AACD,CAJD;;AAMA,MAAMM,uBAAuB,GAAIJ,MAAD,IAAoB;EAClD,QAAQA,MAAR;IACE,KAAKJ,MAAM,CAACE,IAAZ;MACE,OAAOL,eAAP;;IACF,KAAKG,MAAM,CAACC,UAAZ;MACE,OAAOH,eAAP;;IACF;MACE,OAAOC,eAAP;EANJ;AAQD,CATD;;AAWA,MAAMU,eAAe,GAAIC,KAAD,IAAkB;EACxC,MAAM;IAAC,aAAaC,QAAd;IAAwBP,MAAxB;IAAgCC;EAAhC,IAA4CK,KAAlD;EAEA,oBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMM,SAAtB;IAAiC,aAAWD;EAA5C,gBACE,6BAAC,oBAAD;IACE,SAAS,EAAEL,cAAA,CAAMO,WADnB;IAEE,KAAK,EAAER,QAFT;IAGE,GAAG,EAAE,GAHP;IAIE,KAAK,EAAE,CAJT;IAKE,KAAK,EAAE;MAACS,eAAe,EAAEN,uBAAuB,CAACJ,MAAD,CAAzC;MAAmDW,YAAY,EAAE;IAAjE;EALT,EADF,EAQGZ,gBAAgB,CAACC,MAAD,EAASC,QAAT,CARnB,CADF;AAYD,CAfD;;AAiBAI,eAAe,CAACO,SAAhB,2CAA4BA,gBAA5B;eAEeP,e"}

package/lib/molecule/bulk-progress-bar/style.css

@@ -0,0 +1,32 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_400 from colors;
+@value cm_grey_75 from colors;
+
+.container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+}
+
+.progressBar {
+  width: 100%;
+  height: 10px;
+  border-radius: 10px;
+  background-color: cm_grey_75;
+  margin-right: 16px;
+}
+
+.progressBar p {
+  display: none;
+}
+
+.progressText {
+  font-family: Gilroy;
+  font-style: normal;
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 20px;
+  white-space: nowrap;
+  color: cm_grey_400;
+}

package/lib/molecule/bulk-progress-bar/types.d.ts

@@ -0,0 +1,13 @@
+import PropTypes from 'prop-types';
+export declare const propTypes: {
+    'data-name': PropTypes.Requireable<string>;
+    status: PropTypes.Validator<string>;
+    progress: PropTypes.Validator<number>;
+};
+export declare type Status = 'inProgress' | 'fail' | 'success';
+export declare type Props = {
+    'data-name': string;
+    status: Status;
+    progress: number;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/molecule/bulk-progress-bar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/bulk-progress-bar/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,eAAO,MAAM,SAAS;;;;CAIrB,CAAC;AAEF,oBAAY,MAAM,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,CAAC;AAEvD,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC"}

package/lib/molecule/bulk-progress-bar/types.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const propTypes = {
+  'data-name': _propTypes.default.string,
+  status: _propTypes.default.oneOf(['success', 'inProgress', 'fail']).isRequired,
+  progress: _propTypes.default.number.isRequired
+};
+exports.propTypes = propTypes;
+//# sourceMappingURL=types.js.map

package/lib/molecule/bulk-progress-bar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["propTypes","PropTypes","string","status","oneOf","isRequired","progress","number"],"sources":["../../../src/molecule/bulk-progress-bar/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const propTypes = {\n  'data-name': PropTypes.string,\n  status: PropTypes.oneOf(['success', 'inProgress', 'fail']).isRequired,\n  progress: PropTypes.number.isRequired\n};\n\nexport type Status = 'inProgress' | 'fail' | 'success';\n\nexport type Props = {\n  'data-name': string;\n  status: Status;\n  progress: number;\n};\n"],"mappings":";;;;;AAAA;;;;AAEO,MAAMA,SAAS,GAAG;EACvB,aAAaC,kBAAA,CAAUC,MADA;EAEvBC,MAAM,EAAEF,kBAAA,CAAUG,KAAV,CAAgB,CAAC,SAAD,EAAY,YAAZ,EAA0B,MAA1B,CAAhB,EAAmDC,UAFpC;EAGvBC,QAAQ,EAAEL,kBAAA,CAAUM,MAAV,CAAiBF;AAHJ,CAAlB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.11.9",
+  "version": "11.11.10",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -165,5 +165,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "d8a5f101e6611bff7168d750b4d6324602d4b2f9"
+  "gitHead": "9f79a606a352035ade90913070638849044cf692"
 }