@mohamed-karawia/library 0.1.6 → 0.1.7

package/dist/stories/Common Inputs/DatePicker/DatePicker.stories.js

@@ -1,60 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.date = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _storybookFormik = _interopRequireDefault(require("storybook-formik"));
-
-var _DatePicker = _interopRequireDefault(require("./DatePicker"));
-
-var _SingleDatePicker = _interopRequireDefault(require("./SingleDatePicker"));
-
-var Yup = _interopRequireWildcard(require("yup"));
-
-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 datePickerSchema = Yup.object().shape({
-  date: Yup.object().shape({
-    startDate: Yup.object().required("Required").typeError('Invalid Start Date'),
-    endDate: Yup.object().required("Required").typeError('Invalid End Date')
-  }),
-  singleDate: Yup.object().required("Required").typeError('Invalid Date')
-});
-var _default = {
-  title: 'Common Inputs/Date Picker',
-  component: _DatePicker.default,
-  decorators: [_storybookFormik.default],
-  parameters: {
-    formik: {
-      initialValues: {
-        date: {
-          startDate: null,
-          endDate: null
-        },
-        singleDate: null
-      },
-      validationSchema: datePickerSchema
-    }
-  }
-};
-exports.default = _default;
-
-var date = function date(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DatePicker.default, Object.assign({
-    label: "Double Date Picker",
-    name: "date"
-  }, args)), /*#__PURE__*/_react.default.createElement(_SingleDatePicker.default, Object.assign({
-    label: "Single Date Picker",
-    name: "singleDate"
-  }, args)));
-};
-
-exports.date = date;

package/dist/stories/Common Inputs/EditorComponent/EditorComponent.stories.js

@@ -1,62 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Editor = exports.default = void 0;
-
-var _EditorComponent = _interopRequireDefault(require("./EditorComponent"));
-
-var _BaseMaterial = _interopRequireDefault(require("../../Containers/BaseMaterial"));
-
-var _default = {
-  title: 'Common Inputs/EditorComponent',
-  component: _EditorComponent.default
-};
-exports.default = _default;
-var data = {
-  blocks: [{
-    type: "header",
-    data: {
-      text: "Editor.js",
-      level: 1
-    }
-  }, {
-    type: "paragraph",
-    data: {
-      text: "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text."
-    }
-  }, {
-    type: 'image',
-    "data": {
-      "file": {
-        "url": "https://i.ytimg.com/vi/MPV2METPeJU/maxresdefault.jpg"
-      },
-      "caption": "Caption Example",
-      "withBorder": false,
-      "withBackground": false,
-      "stretched": false
-    }
-  }, {
-    "type": "paragraph",
-    "data": {
-      "text": "Create a directory for your module, enter it and run <mark class=\"cdx-marker\">npm init</mark> command."
-    }
-  }, {
-    "type": "table",
-    "data": {
-      "withHeadings": true,
-      "content": [["Kine", "Pigs", "Chicken"], ["1 pcs", "3 pcs", "12 pcs"], ["100$", "200$", "150$"]]
-    }
-  }]
-};
-
-var Editor = function Editor(args) {
-  return /*#__PURE__*/React.createElement(_BaseMaterial.default, null, /*#__PURE__*/React.createElement(_EditorComponent.default, Object.assign({
-    data: data
-  }, args)));
-};
-
-exports.Editor = Editor;

package/dist/stories/Common Inputs/Formik/InputField/InputField.stories.js

@@ -1,43 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TextInput = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _InputField = _interopRequireDefault(require("./InputField"));
-
-var _storybookFormik = _interopRequireDefault(require("storybook-formik"));
-
-var _default = {
-  component: _InputField.default,
-  title: 'Common Inputs/Formik/InputField',
-  decorators: [_storybookFormik.default]
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_InputField.default, args);
-};
-
-var TextInput = Template.bind({});
-exports.TextInput = TextInput;
-TextInput.args = {
-  name: 'username',
-  type: 'text',
-  placeholder: 'username'
-};
-TextInput.parameters = {
-  formik: {
-    initialValues: {
-      username: ''
-    }
-  },
-  onSubmit: function onSubmit(v) {
-    return console.log(v);
-  }
-};

package/dist/stories/Common Inputs/Formik/RadioField/RadioField.stories.js

@@ -1,60 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Theme = exports.Preset = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _RadioField = _interopRequireDefault(require("./RadioField"));
-
-var _storybookFormik = _interopRequireDefault(require("storybook-formik"));
-
-var _default = {
-  component: _RadioField.default,
-  title: 'Common Inputs/Formik/RadioField',
-  decorators: [_storybookFormik.default]
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_RadioField.default, args);
-};
-
-var Preset = Template.bind({});
-exports.Preset = Preset;
-Preset.args = {
-  name: 'preset',
-  value: 'Preset 1',
-  children: 'Preset 1'
-};
-Preset.parameters = {
-  formik: {
-    initialValues: {
-      preset: ''
-    }
-  },
-  onSubmit: function onSubmit(v) {
-    return console.log(v);
-  }
-};
-var Theme = Template.bind({});
-exports.Theme = Theme;
-Theme.args = {
-  name: 'themeSelected',
-  value: 'Theme 1',
-  children: 'Theme 1'
-};
-Theme.parameters = {
-  formik: {
-    initialValues: {
-      theme: ''
-    }
-  },
-  onSubmit: function onSubmit(v) {
-    return console.log(v);
-  }
-};

package/dist/stories/Common Inputs/RadioInput/RadioInput.stories.js

@@ -1,50 +0,0 @@
-"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 _RadioInput = _interopRequireDefault(require("./RadioInput"));
-
-var _default = {
-  title: 'Common Inputs/RadioInput/Item',
-  component: _RadioInput.default,
-  argTypes: {
-    list: {
-      control: {
-        type: 'object'
-      }
-    },
-    title: {
-      control: {
-        type: 'text'
-      }
-    },
-    margin: {
-      control: {
-        type: 'number'
-      }
-    },
-    borderColor: {
-      control: 'color'
-    },
-    titleFontSize: {
-      control: 'number'
-    },
-    descriptionFontSize: {
-      control: 'number'
-    }
-  }
-};
-exports.default = _default;
-
-var Default = function Default(args) {
-  return /*#__PURE__*/_react.default.createElement(_RadioInput.default, args);
-};
-
-exports.Default = Default;

package/dist/stories/Common Inputs/RichTextInput/RichTextInput.stories.js

@@ -1,51 +0,0 @@
-"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 _RichTextInput = _interopRequireDefault(require("./RichTextInput"));
-
-var _default = {
-  title: 'Common Inputs/RichTextInput',
-  component: _RichTextInput.default
-};
-exports.default = _default;
-var users = [{
-  id: 'walter',
-  display: 'Walter White'
-}, {
-  id: 'jesse',
-  display: 'Jesse Pinkman'
-}, {
-  id: 'gus',
-  display: 'Gustavo "Gus" Fring'
-}, {
-  id: 'saul',
-  display: 'Saul Goodman'
-}, {
-  id: 'hank',
-  display: 'Hank Schrader'
-}, {
-  id: 'skyler',
-  display: 'Skyler White'
-}, {
-  id: 'mike',
-  display: 'Mike Ehrmantraut'
-}, {
-  id: 'lydia',
-  display: 'Lydìã Rôdarté-Qüayle'
-}];
-
-var Default = function Default(args) {
-  return /*#__PURE__*/_react.default.createElement(_RichTextInput.default, Object.assign({
-    users: users
-  }, args));
-};
-
-exports.Default = Default;

package/dist/stories/Common Inputs/TextField/TextField.stories.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TextInput = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _storybookFormik = _interopRequireDefault(require("storybook-formik"));
-
-var Yup = _interopRequireWildcard(require("yup"));
-
-var _TextField = _interopRequireDefault(require("./TextField"));
-
-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 formSchema = Yup.object().shape({
-  userName: Yup.string().required("Required")
-});
-var _default = {
-  title: 'Common Inputs/TextField',
-  component: _TextField.default,
-  decorators: [_storybookFormik.default],
-  parameters: {
-    formik: {
-      initialValues: {
-        userName: '',
-        validationSchema: formSchema
-      },
-      validationSchema: formSchema
-    }
-  }
-};
-exports.default = _default;
-
-var TextInput = function TextInput(args) {
-  return /*#__PURE__*/_react.default.createElement(_TextField.default, Object.assign({
-    name: "userName",
-    label: "User Name"
-  }, args));
-};
-
-exports.TextInput = TextInput;

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

@@ -1,24 +0,0 @@
-"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.stories.js

@@ -1,24 +0,0 @@
-"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.stories.js

@@ -1,24 +0,0 @@
-"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.stories.js

@@ -1,24 +0,0 @@
-"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.stories.js

@@ -1,22 +0,0 @@
-"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.stories.js

@@ -1,42 +0,0 @@
-"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.stories.js

@@ -1,65 +0,0 @@
-"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.stories.js

@@ -1,48 +0,0 @@
-"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;