@mohamed-karawia/library 0.1.4 → 0.1.8

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;

package/dist/stories/Events/CreateEvent/CreateEvent.stories.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Form = exports.default = void 0;
-
-var _CreateEvent = _interopRequireDefault(require("./CreateEvent"));
-
-var _default = {
-  title: 'Events/Create Event',
-  component: _CreateEvent.default
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_CreateEvent.default, args);
-};
-
-var Form = Template.bind({});
-exports.Form = Form;
-Form.args = {
-  // saveHandler: saveHandler,
-  // cancelHandler: cancelHandler,
-  saveBtnText: "Create",
-  cancelBtnText: "Cancel" // formStyles: formStyles,
-
-};

package/dist/stories/Events/Event/Event.stories.js

@@ -1,33 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Detailed = exports.default = void 0;
-
-var _Event = _interopRequireDefault(require("./Event"));
-
-var _default = {
-  title: 'Events/Detailed Event',
-  component: _Event.default
-};
-exports.default = _default;
-
-var Detailed = function Detailed(args) {
-  return /*#__PURE__*/React.createElement(_Event.default, Object.assign({
-    cover: "https://lh3.googleusercontent.com/proxy/CPYbedfVXH1yUpEF4dAQoqrLVpc8f_e4y11lx7InsxCU21OtHOfv7iHVcYIDD_gp89pnLCt81KBtdORJtSXxykoo-OxBNaQBBU-P",
-    title: "ACDC Concert",
-    date: "15/11/1976 : 16/11/1976",
-    disc: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia impedit fugiat reprehenderit adipisci eos atque ullam error quia amet nihil, exercitationem beatae distinctio eligendi neque, consequuntur odit commodi id porro.",
-    backgroundColor: "black",
-    headerBackground: "black",
-    headerTitleColor: "white",
-    titleColor: "white",
-    discColor: "white",
-    dateColor: "white"
-  }, args));
-};
-
-exports.Detailed = Detailed;

package/dist/stories/Events/EventsList/EventsList.stories.js

@@ -1,44 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.List = exports.default = void 0;
-
-var _EventsList = _interopRequireDefault(require("./EventsList"));
-
-var _default = {
-  title: 'Events/Events List',
-  component: _EventsList.default
-};
-exports.default = _default;
-var events = [{
-  title: 'Event one',
-  date: '15/11/2020 : 5/8/2021'
-}, {
-  title: 'Event two',
-  date: '14/12/2020 : 14/4/2023'
-}, {
-  title: 'Event three',
-  date: '5/6/2021 : 5/8/2021'
-}, {
-  title: 'Event four',
-  date: '14/4/2023'
-}, {
-  title: 'Event five',
-  date: '5/6/2021 : 14/4/2023'
-}];
-
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_EventsList.default, args);
-};
-
-var List = Template.bind({});
-exports.List = List;
-List.args = {
-  events: events,
-  iconColor: '#FE1744',
-  cardTitleFontSize: 15
-};

package/dist/stories/Forms/AddPhoto/AddPhoto.stories.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Photo = exports.default = void 0;
-
-var _AddPhoto = _interopRequireDefault(require("./AddPhoto"));
-
-var _default = {
-  title: 'forms/Add Photo',
-  component: _AddPhoto.default
-};
-exports.default = _default;
-var formStyles = {
-  headerStyles: {
-    padding: 10,
-    headerBackground: 'black',
-    titleColor: '#ffff'
-  },
-  sectionPadding: 10,
-  bodyRowGap: 10
-};
-
-var saveHandler = function saveHandler(photo) {
-  console.log(photo);
-};
-
-var cancelHandler = function cancelHandler() {
-  console.log('Canceled');
-};
-
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_AddPhoto.default, args);
-};
-
-var Photo = Template.bind({});
-exports.Photo = Photo;
-Photo.args = {
-  saveHandler: saveHandler,
-  cancelHandler: cancelHandler,
-  saveBtnText: "Create",
-  cancelBtnText: "Cancel",
-  formStyles: formStyles
-};

package/dist/stories/Forms/AddSong/AddSong.stories.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Song = exports.default = void 0;
-
-var _AddSong = _interopRequireDefault(require("./AddSong"));
-
-var _default = {
-  title: 'Music Albums/Add Song',
-  component: _AddSong.default
-};
-exports.default = _default;
-
-var onAddSong = function onAddSong(song) {
-  console.log(song);
-};
-
-var cancelHandler = function cancelHandler() {
-  console.log('Canceled');
-};
-
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_AddSong.default, args);
-};
-
-var Song = Template.bind({});
-exports.Song = Song;
-Song.args = {
-  saveHandler: onAddSong,
-  candelHandler: cancelHandler,
-  saveBtnText: "Create",
-  cancelBtnText: "Cancel"
-};