@mohamed-karawia/library 0.1.0

package/dist/stories/Containers/BaseMaterial.stories.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Default = exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _BaseMaterial = _interopRequireDefault(require("./BaseMaterial"));
+
+var _default = {
+  title: 'Containers/BaseMaterial',
+  component: _BaseMaterial.default
+};
+exports.default = _default;
+
+var Default = function Default(args) {
+  return /*#__PURE__*/_react.default.createElement(_BaseMaterial.default, args);
+};
+
+exports.Default = Default;

package/dist/stories/Containers/WidgetExample/WidgetBody.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var WidgetBody = function WidgetBody(props) {
+  return /*#__PURE__*/_react.default.createElement("div", null, props.children);
+};
+
+var _default = WidgetBody;
+exports.default = _default;

package/dist/stories/Containers/WidgetExample/WidgetBody.stories.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Default = exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _WidgetBody = _interopRequireDefault(require("./WidgetBody"));
+
+var _default = {
+  title: 'Containers/WidgetBody',
+  component: _WidgetBody.default
+};
+exports.default = _default;
+
+var Default = function Default(args) {
+  return /*#__PURE__*/_react.default.createElement(_WidgetBody.default, args);
+};
+
+exports.Default = Default;

package/dist/stories/Containers/WidgetExample/WidgetExample.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _BaseMaterial = _interopRequireDefault(require("../BaseMaterial"));
+
+var _WidgetHead = _interopRequireDefault(require("./WidgetHead"));
+
+var _WidgetBody = _interopRequireDefault(require("./WidgetBody"));
+
+var WidgetExample = function WidgetExample(props) {
+  return /*#__PURE__*/_react.default.createElement(_BaseMaterial.default, null, /*#__PURE__*/_react.default.createElement(_WidgetHead.default, null, /*#__PURE__*/_react.default.createElement("p", null, "Head")), /*#__PURE__*/_react.default.createElement(_WidgetBody.default, null, /*#__PURE__*/_react.default.createElement("p", null, "Body")));
+};
+
+var _default = WidgetExample;
+exports.default = _default;

package/dist/stories/Containers/WidgetExample/WidgetExample.stories.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Default = exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _WidgetExample = _interopRequireDefault(require("./WidgetExample"));
+
+var _default = {
+  title: 'Containers/WidgetExample',
+  component: _WidgetExample.default
+};
+exports.default = _default;
+
+var Default = function Default(args) {
+  return /*#__PURE__*/_react.default.createElement(_WidgetExample.default, args);
+};
+
+exports.Default = Default;

package/dist/stories/Containers/WidgetExample/WidgetHead.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var WidgetHead = function WidgetHead(props) {
+  return /*#__PURE__*/_react.default.createElement("div", null, props.children);
+};
+
+var _default = WidgetHead;
+exports.default = _default;

package/dist/stories/Containers/WidgetExample/WidgetHead.stories.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Default = exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _WidgetHead = _interopRequireDefault(require("./WidgetHead"));
+
+var _default = {
+  title: 'Containers/WidgetHead',
+  component: _WidgetHead.default
+};
+exports.default = _default;
+
+var Default = function Default(args) {
+  return /*#__PURE__*/_react.default.createElement(_WidgetHead.default, args);
+};
+
+exports.Default = Default;

package/dist/stories/Enrollment/Admin/CreateForm/CreateForm.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _ReusableForm = _interopRequireDefault(require("../../../Reusable Components/ReusableForm/ReusableForm"));
+
+var _Buttons = _interopRequireDefault(require("../../../Buttons/Buttons/Buttons"));
+
+var _TextField = _interopRequireDefault(require("../../../Common Inputs/TextField/TextField"));
+
+var _templateObject;
+
+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 AddQuestion = function AddQuestion(props) {
+  var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      sections = _useState2[0],
+      setSections = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      showSecondForm = _useState4[0],
+      setShowSecondForm = _useState4[1];
+
+  var onAddType = function onAddType() {
+    setShowSecondForm(true);
+    setSections([].concat((0, _toConsumableArray2.default)(sections), [{
+      title: "Question",
+      body: [/*#__PURE__*/_react.default.createElement(_TextField.default, {
+        label: "Question ".concat(sections.length + 1),
+        name: "question".concat(sections.length)
+      })],
+      hideTitle: true
+    }]));
+  };
+
+  var onAddQuestion = function onAddQuestion(values) {
+    console.log(values);
+  };
+
+  var cancelHandler = function cancelHandler() {
+    alert('Form Canceled');
+  };
+
+  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+    label: "Add Question",
+    size: "md",
+    variant: "primary",
+    type: "submit",
+    buttonClicked: onAddType
+  }), showSecondForm && /*#__PURE__*/_react.default.createElement(_ReusableForm.default, {
+    sections: sections,
+    initialValues: {},
+    bodyPadding: 10,
+    saveBtnText: "Add",
+    cancelBtnText: "Cancel",
+    saveHandler: onAddQuestion,
+    cancelHandler: cancelHandler
+  }));
+};
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n     padding: 10px;\n     background-color: 'white';\n     display: flex;\n     flex-direction: column;\n     \n     &(:first-child){\n         align-self: center;\n     }\n"])));
+
+var _default = AddQuestion;
+exports.default = _default;

package/dist/stories/Enrollment/Admin/CreateForm/CreateForm.stories.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Question = exports.default = void 0;
+
+var _CreateForm = _interopRequireDefault(require("./CreateForm"));
+
+var _default = {
+  title: 'Enrollment/Admin/Create Form',
+  component: _CreateForm.default
+};
+exports.default = _default;
+
+var Question = function Question(args) {
+  return /*#__PURE__*/React.createElement(_CreateForm.default, args);
+};
+
+exports.Question = Question;

package/dist/stories/Enrollment/Admin/DetailedForm/DetailedForm.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _CardStyle = _interopRequireDefault(require("../../../Reusable Components/Cards/Card-style-1/CardStyle1"));
+
+var _ReusableList = _interopRequireDefault(require("../../../Reusable Components/ReusableList/ReusableList"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+
+var _excluded = ["userName", "userImg", "questions"];
+
+var DetailedForm = function DetailedForm(_ref) {
+  var userName = _ref.userName,
+      userImg = _ref.userImg,
+      questions = _ref.questions,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var onAccept = function onAccept() {
+    alert('Form Accepted');
+  };
+
+  var onDecline = function onDecline() {
+    alert('Form Declined');
+  };
+
+  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(User, null, /*#__PURE__*/_react.default.createElement(_CardStyle.default, {
+    title: userName,
+    img: userImg,
+    cardImageRadius: "100"
+  })), /*#__PURE__*/_react.default.createElement(_ReusableList.default, {
+    listTitle: "Form",
+    data: questions,
+    type: "flat",
+    cardStyle: "card-style-3",
+    headerStyles: {
+      padding: 10,
+      headerBackground: '#FE1744',
+      titleColor: '#ffff',
+      controlsStyles: {
+        dropdownBackground: 'black',
+        dropdownFontColor: 'white',
+        dropdownItemHoverColor: '#FE1744'
+      }
+    },
+    customCardStyles: {
+      cardPadding: 10
+    }
+  }), /*#__PURE__*/_react.default.createElement(Buttons, null, /*#__PURE__*/_react.default.createElement(Accept, {
+    onClick: onAccept
+  }, "Accept"), /*#__PURE__*/_react.default.createElement(Decline, {
+    onClick: onDecline
+  }, "Decline")));
+};
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    background-color: white;\n    padding: 10px 0;\n    width: 100%;\n"])));
+
+var User = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\n"])));
+
+var Buttons = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    display: flex;\n    justify-content: center;\n    gap: 20px;\n"])));
+
+var Button = _styledComponents.default.button(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    padding: 7px 20px;\n    border: none;\n    color: white;\n    cursor: pointer;\n"])));
+
+var Accept = (0, _styledComponents.default)(Button)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    background-color: #69d869;\n"])));
+var Decline = (0, _styledComponents.default)(Button)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n    background-color: #e24848;\n"])));
+DetailedForm.defaultProps = {};
+var _default = DetailedForm;
+exports.default = _default;

package/dist/stories/Enrollment/Admin/DetailedForm/DetailedForm.stories.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Form = exports.default = void 0;
+
+var _DetailedForm = _interopRequireDefault(require("./DetailedForm"));
+
+var _default = {
+  title: 'Enrollment/Admin/Detailed Form',
+  component: _DetailedForm.default
+};
+exports.default = _default;
+var questions = [{
+  title: 'Question 1 ?',
+  description: 'Answer for question one'
+}, {
+  title: 'Question 2 ?',
+  description: 'Answer for question two'
+}, {
+  title: 'Question 3 ?',
+  description: 'Answer for question three'
+}, {
+  title: 'Question 4 ?',
+  description: 'Answer for question four'
+}, {
+  title: 'Question 5 ?',
+  description: 'Answer for question five'
+}];
+
+var Form = function Form(args) {
+  return /*#__PURE__*/React.createElement(_DetailedForm.default, Object.assign({
+    userName: "User Name",
+    userImg: "https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png",
+    questions: questions
+  }, args));
+};
+
+exports.Form = Form;

package/dist/stories/Enrollment/Admin/ViewForms/ViewForms.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ReusableList = _interopRequireDefault(require("../../../Reusable Components/ReusableList/ReusableList"));
+
+var _excluded = ["data"];
+
+var ViewForms = function ViewForms(_ref) {
+  var data = _ref.data,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_ReusableList.default, {
+    listTitle: "Submitted Form",
+    data: data,
+    cardStyle: "card-style-9",
+    type: "sectioned",
+    sectionHeaderStyles: {
+      cardTitleColor: 'white',
+      cardBackgroundColor: 'black',
+      cardPadding: 10
+    },
+    headerStyles: {
+      padding: 10,
+      headerBackground: '#FE1744',
+      titleColor: '#ffff',
+      controlsStyles: {
+        dropdownBackground: 'black',
+        dropdownFontColor: 'white',
+        dropdownItemHoverColor: '#FE1744'
+      }
+    }
+  });
+};
+
+ViewForms.defaultProps = {};
+var _default = ViewForms;
+exports.default = _default;

package/dist/stories/Enrollment/Admin/ViewForms/ViewForms.stories.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.forms = exports.default = void 0;
+
+var _ViewForms = _interopRequireDefault(require("./ViewForms"));
+
+var _default = {
+  title: 'Enrollment/Admin/Submitted Forms',
+  component: _ViewForms.default
+};
+exports.default = _default;
+var data = [{
+  title: 'Pending',
+  data: [{
+    username: 'User one',
+    answered: '3/5',
+    img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png',
+    status: 'pending'
+  }, {
+    username: 'User Two',
+    answered: '5/5',
+    img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png',
+    status: 'pending'
+  }, {
+    username: 'User Three',
+    answered: '5/5',
+    img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png',
+    status: 'pending'
+  }],
+  priority: 1
+}, {
+  title: 'In Review',
+  data: [{
+    username: 'User Four',
+    answered: '2/5',
+    img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png',
+    status: 'inReview'
+  }, {
+    username: 'User Five',
+    answered: '1/5',
+    img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png',
+    status: 'inReview'
+  }, {
+    username: 'User Six',
+    answered: '3/5',
+    img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png',
+    status: 'inReview'
+  }],
+  priority: 2
+}];
+
+var Template = function Template(args) {
+  return /*#__PURE__*/React.createElement(_ViewForms.default, args);
+};
+
+var forms = Template.bind({});
+exports.forms = forms;
+forms.args = {
+  data: data
+};

package/dist/stories/Enrollment/Guest/FillForm/FillForm.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _ReusableForm = _interopRequireDefault(require("../../../Reusable Components/ReusableForm/ReusableForm"));
+
+var _templateObject;
+
+var _excluded = ["sections"];
+
+var FillForm = function FillForm(_ref) {
+  var sections = _ref.sections,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  // const initialValues = {
+  //     question0: '',
+  //     question1: '',
+  //     question2: '',
+  //     question3: '',
+  //     question4: '',
+  // }
+  var onCreate = function onCreate(values) {
+    console.log(values);
+  };
+
+  var cancelHandler = function cancelHandler() {
+    console.log('Canceled');
+  };
+
+  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_ReusableForm.default // initialValues={initialValues}
+  , {
+    formTitle: "Join Community Form",
+    sections: sections,
+    saveBtnText: props.saveBtnText,
+    cancelBtnText: props.cancelBtnText,
+    saveHandler: onCreate,
+    cancelHandler: cancelHandler,
+    headerStyles: {
+      padding: 10,
+      headerBackground: 'black',
+      titleColor: '#ffff'
+    },
+    bodyRowGap: 10
+  }));
+};
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    width: 100%;\n"])));
+
+FillForm.defaultProps = {};
+var _default = FillForm;
+exports.default = _default;

package/dist/stories/Enrollment/Guest/FillForm/FillForm.stories.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.form = exports.default = void 0;
+
+var _FillForm = _interopRequireDefault(require("./FillForm"));
+
+var _TextField = _interopRequireDefault(require("../../../Common Inputs/TextField/TextField"));
+
+var _default = {
+  title: 'Enrollment/Guest/Fill Form',
+  component: _FillForm.default
+};
+exports.default = _default;
+var sections = [{
+  title: "Server Name",
+  body: [/*#__PURE__*/React.createElement(_TextField.default, {
+    label: "Question 1",
+    name: "question0"
+  }), /*#__PURE__*/React.createElement(_TextField.default, {
+    label: "Question 2",
+    name: "question1"
+  }), /*#__PURE__*/React.createElement(_TextField.default, {
+    label: "Question 3",
+    name: "question2"
+  }), /*#__PURE__*/React.createElement(_TextField.default, {
+    label: "Question 4",
+    name: "question3"
+  }), /*#__PURE__*/React.createElement(_TextField.default, {
+    label: "Question 5",
+    name: "question4"
+  })],
+  hideTitle: true
+}];
+
+var form = function form(args) {
+  return /*#__PURE__*/React.createElement(_FillForm.default, Object.assign({
+    sections: sections,
+    saveBtnText: 'Submit',
+    cancelBtnText: "Cancel"
+  }, args));
+};
+
+exports.form = form;