@coorpacademy/components 11.33.16 → 11.34.0

package/lib/organism/content-skill-modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/index.tsx"],"names":[],"mappings":";AAOA,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAE1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DvD,CAAC;AAQF,eAAe,iBAAiB,CAAC"}

package/lib/organism/content-skill-modal/index.js

@@ -0,0 +1,79 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _baseModal = _interopRequireDefault(require("../../molecule/base-modal"));
+var _listItems = _interopRequireDefault(require("../list-items"));
+var _multiFilterPanel = _interopRequireDefault(require("../../molecule/multi-filter-panel"));
+var _provider = _interopRequireDefault(require("../../atom/provider"));
+var _colors = require("../../variables/colors");
+var _style = _interopRequireDefault(require("./style.css"));
+var _types = _interopRequireDefault(require("./types"));
+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 ContentSkillModal = props => {
+  const {
+    contentList,
+    filters,
+    modal
+  } = props;
+  const {
+    isOpen,
+    onCancel,
+    onConfirm,
+    onClose
+  } = modal;
+  const handleCancel = (0, _react.useCallback)(() => {
+    onCancel();
+  }, [onCancel]);
+  const handleClose = (0, _react.useCallback)(() => {
+    onClose();
+  }, [onClose]);
+  const headerIcon = {
+    name: 'circle-plus',
+    color: _colors.COLORS.primary_600,
+    backgroundColor: _colors.COLORS.primary_100
+  };
+  const footer = (0, _react.useMemo)(() => ({
+    cancelButton: {
+      onCancel: handleCancel,
+      label: 'Cancel'
+    },
+    confirmButton: {
+      onConfirm,
+      label: 'Add',
+      iconName: 'plus',
+      disabled: false,
+      color: _colors.COLORS.cm_primary_blue
+    }
+  }), [handleCancel, onConfirm]);
+  const baseModal = {
+    title: 'Add content',
+    description: 'Add courses, video, interactive and more to this skill',
+    headerIcon,
+    footer,
+    isOpen,
+    onClose: handleClose,
+    customStyle: {
+      padding: 0,
+      height: '60vh',
+      overflow: 'hidden'
+    }
+  };
+  if (!isOpen) return null;
+  return /*#__PURE__*/_react.default.createElement(_baseModal.default, baseModal, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.container
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.containerList
+  }, /*#__PURE__*/_react.default.createElement(_listItems.default, contentList)), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.filtersContainer
+  }, /*#__PURE__*/_react.default.createElement(_multiFilterPanel.default, filters))));
+};
+ContentSkillModal.contextTypes = {
+  translate: _provider.default.childContextTypes.translate
+};
+ContentSkillModal.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
+var _default = exports.default = ContentSkillModal;
+//# sourceMappingURL=index.js.map

package/lib/organism/content-skill-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_baseModal","_interopRequireDefault","_listItems","_multiFilterPanel","_provider","_colors","_style","_types","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ContentSkillModal","props","contentList","filters","modal","isOpen","onCancel","onConfirm","onClose","handleCancel","useCallback","handleClose","headerIcon","name","color","COLORS","primary_600","backgroundColor","primary_100","footer","useMemo","cancelButton","label","confirmButton","iconName","disabled","cm_primary_blue","baseModal","title","description","customStyle","padding","height","overflow","createElement","className","style","container","containerList","filtersContainer","contextTypes","translate","Provider","childContextTypes","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/organism/content-skill-modal/index.tsx"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport BaseModal from '../../molecule/base-modal';\nimport ListItems from '../list-items';\nimport MultiFilterPanel from '../../molecule/multi-filter-panel';\nimport Provider from '../../atom/provider';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\nimport propTypes, {ContentSkillModalProps} from './types';\n\nconst ContentSkillModal = (props: ContentSkillModalProps) => {\n  const {contentList, filters, modal} = props;\n  const {isOpen, onCancel, onConfirm, onClose} = modal;\n\n  const handleCancel = useCallback(() => {\n    onCancel();\n  }, [onCancel]);\n  const handleClose = useCallback(() => {\n    onClose();\n  }, [onClose]);\n\n  const headerIcon = {\n    name: 'circle-plus',\n    color: COLORS.primary_600,\n    backgroundColor: COLORS.primary_100\n  };\n  const footer = useMemo(\n    () => ({\n      cancelButton: {\n        onCancel: handleCancel,\n        label: 'Cancel'\n      },\n      confirmButton: {\n        onConfirm,\n        label: 'Add',\n        iconName: 'plus',\n        disabled: false,\n        color: COLORS.cm_primary_blue\n      }\n    }),\n    [handleCancel, onConfirm]\n  );\n  const baseModal = {\n    title: 'Add content',\n    description: 'Add courses, video, interactive and more to this skill',\n    headerIcon,\n    footer,\n    isOpen,\n    onClose: handleClose,\n    customStyle: {\n      padding: 0,\n      height: '60vh',\n      overflow: 'hidden'\n    }\n  };\n\n  if (!isOpen) return null;\n\n  return (\n    <BaseModal {...baseModal}>\n      <div className={style.container}>\n        <div className={style.containerList}>\n          <ListItems {...contentList} />\n        </div>\n        <div className={style.filtersContainer}>\n          <MultiFilterPanel {...filters} />\n        </div>\n      </div>\n    </BaseModal>\n  );\n};\n\nContentSkillModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nContentSkillModal.propTypes = propTypes;\n\nexport default ContentSkillModal;\n"],"mappings":"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","ignoreList":[]}

package/lib/organism/content-skill-modal/style.css

@@ -0,0 +1,20 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_100 from colors;
+
+.container {
+  display: flex;
+  height: 100%;
+}
+
+.containerList {
+  flex: 2;
+  border-right: 1px solid cm_grey_100;
+  overflow-y: auto;
+  padding: 24px;
+}
+
+.filtersContainer {
+  flex: 1;
+  overflow-y: auto;
+  padding: 24px;
+}