@mohamed-karawia/library 0.1.3 → 0.1.7

package/dist/stories/Widgets/LogoWidget/LogoWidget.stories.js

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CargoSprint = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _LogoWidget = _interopRequireDefault(require("./LogoWidget"));
-
-var _default = {
-  title: "Widgets/Logo",
-  component: _LogoWidget.default
-};
-exports.default = _default;
-
-var CargoSprint = function CargoSprint() {
-  return /*#__PURE__*/_react.default.createElement(_LogoWidget.default, {
-    imgUrl: "https://cargosprint.com/assets/img/cs-logos/Logo-CargoSprint_horizontal-color.png"
-  });
-};
-
-exports.CargoSprint = CargoSprint;

package/dist/stories/Widgets/MusicPlayer/MusicPlayer.stories.js

@@ -1,44 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Music = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _MusicPlayer = _interopRequireDefault(require("./MusicPlayer"));
-
-var Songs = [{
-  name: 'Music 1',
-  musicSrc: 'https://www.pacdv.com/sounds/free-music/kickstarter.mp3',
-  cover: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxleHBsb3JlLWZlZWR8NHx8fGVufDB8fHx8&w=1000&q=80'
-}, {
-  name: 'Music 2',
-  musicSrc: 'https://www.pacdv.com/sounds/free-music/gentle-thoughts-1.mp3',
-  cover: 'https://c4.wallpaperflare.com/wallpaper/729/961/256/black-minimalistic-music-piano-black-background-1680x1050-entertainment-music-hd-art-wallpaper-preview.jpg'
-}, {
-  name: 'Music 3',
-  musicSrc: 'https://www.pacdv.com/sounds/free-music/glow-in-the-dark.mp3',
-  cover: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxleHBsb3JlLWZlZWR8NHx8fGVufDB8fHx8&w=1000&q=80'
-}];
-var _default = {
-  title: 'widgets/Music Player',
-  components: _MusicPlayer.default
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_MusicPlayer.default, Object.assign({
-    audioLists: Songs
-  }, args));
-};
-
-var Music = Template.bind({});
-exports.Music = Music;
-Music.args = {
-  primaryColor: '',
-  hoverColor: ''
-};

package/dist/stories/Widgets/MusicPlayerWidget/MusicPlayerWidget.stories.js

@@ -1,52 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MusicWidget = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _MusicPlayerWidget = _interopRequireDefault(require("./MusicPlayerWidget"));
-
-var _BaseMaterial = _interopRequireDefault(require("../../Containers/BaseMaterial"));
-
-var Songs = [{
-  name: 'Music 1',
-  musicSrc: 'https://www.pacdv.com/sounds/free-music/kickstarter.mp3',
-  cover: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxleHBsb3JlLWZlZWR8NHx8fGVufDB8fHx8&w=1000&q=80'
-}, {
-  name: 'Music 2',
-  musicSrc: 'https://www.pacdv.com/sounds/free-music/gentle-thoughts-1.mp3',
-  cover: 'https://c4.wallpaperflare.com/wallpaper/729/961/256/black-minimalistic-music-piano-black-background-1680x1050-entertainment-music-hd-art-wallpaper-preview.jpg'
-}, {
-  name: 'Music 3',
-  musicSrc: 'https://www.pacdv.com/sounds/free-music/glow-in-the-dark.mp3',
-  cover: 'https://images.unsplash.com/photo-1505740420928-5e560c06d30e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxleHBsb3JlLWZlZWR8NHx8fGVufDB8fHx8&w=1000&q=80'
-}];
-var _default = {
-  title: 'widgets/Music Player Widget',
-  compomemt: _MusicPlayerWidget.default
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_BaseMaterial.default, null, /*#__PURE__*/_react.default.createElement(_MusicPlayerWidget.default, Object.assign({
-    playlist: Songs
-  }, args)));
-};
-
-var MusicWidget = Template.bind({});
-exports.MusicWidget = MusicWidget;
-MusicWidget.args = {
-  fontFamily: '',
-  backgroundColor: '',
-  primaryColor: '',
-  borderRadius: '',
-  padding: '',
-  width: '',
-  fontColor: '',
-  fontSize: ''
-};

package/dist/stories/Widgets/SpacesList/SpacesList.stories.js

@@ -1,52 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FewItems = exports.OneItem = exports.NoItems = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _SpacesList = _interopRequireDefault(require("./SpacesList"));
-
-var _SpacesListItem = _interopRequireDefault(require("./SpacesListItem"));
-
-var _default = {
-  title: "Widgets/SpacesList/List",
-  component: _SpacesList.default
-};
-exports.default = _default;
-
-var NoItems = function NoItems(args) {
-  return /*#__PURE__*/_react.default.createElement(_SpacesList.default, args);
-};
-
-exports.NoItems = NoItems;
-
-var OneItem = function OneItem(args) {
-  return /*#__PURE__*/_react.default.createElement(_SpacesList.default, args, /*#__PURE__*/_react.default.createElement(_SpacesListItem.default, {
-    marginTop: args.itemSpacing
-  }));
-};
-
-exports.OneItem = OneItem;
-
-var FewItems = function FewItems(args) {
-  return /*#__PURE__*/_react.default.createElement(_SpacesList.default, args, /*#__PURE__*/_react.default.createElement(_SpacesListItem.default, null), /*#__PURE__*/_react.default.createElement(_SpacesListItem.default, {
-    spaceName: "Welcome",
-    marginTop: args.itemSpacing
-  }), /*#__PURE__*/_react.default.createElement(_SpacesListItem.default, {
-    spaceName: "Announcements",
-    marginTop: args.itemSpacing
-  }), /*#__PURE__*/_react.default.createElement(_SpacesListItem.default, {
-    spaceName: "Client Feedback",
-    marginTop: args.itemSpacing
-  }), /*#__PURE__*/_react.default.createElement(_SpacesListItem.default, {
-    spaceName: "Daily Video Call",
-    marginTop: args.itemSpacing
-  }));
-};
-
-exports.FewItems = FewItems;

package/dist/stories/Widgets/SpacesList/SpacesListItem.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 _SpacesListItem = _interopRequireDefault(require("./SpacesListItem"));
-
-var _default = {
-  title: 'Widgets/SpacesList/Item',
-  component: _SpacesListItem.default
-};
-exports.default = _default;
-
-var Default = function Default(args) {
-  return /*#__PURE__*/_react.default.createElement(_SpacesListItem.default, args);
-};
-
-exports.Default = Default;

package/src/stories/API/API.stories.js

@@ -1,10 +0,0 @@
-import React from "react"
-
-import API from "./API"
-
-export default {
-    title: 'API Statuses/API',
-    component: API
-}
-
-export const Default = (args) => <API {...args} />

package/src/stories/Agora/Chat/Chat.stories.jsx

@@ -1,10 +0,0 @@
-import React from 'react';
-
-import Chat from './Chat';
-
-export default {
-  title: 'Agora/Chat/Item',
-  component: Chat,
-};
-
-export const Default = (args) => <Chat {...args} />

package/src/stories/Agora/Room/Room.stories.jsx

@@ -1,10 +0,0 @@
-import React from 'react';
-
-import Room from './Room';
-
-export default {
-  title: 'Agora/Room/Item',
-  component: Room,
-};
-
-export const Default = (args) => <Room {...args} />

package/src/stories/Buttons/Buttons/Buttons.stories.jsx

@@ -1,24 +0,0 @@
-import React from 'react'
-import Button from './Buttons'
-
-export default { 
-    title: 'Buttons/Primary',
-    component: Button,
-}
-
-const Template = (args) => <Button {...args} />
-
-export const Primary = Template.bind({});
-Primary.args = {
-    variant: 'primary',
-    label: 'Submit',
-    size: 'md',
-    type: 'submit'
-}
-export const Secondary = Template.bind({});
-Secondary.args = {
-    variant: 'secondary',
-    label: 'Submit',
-    size: 'md',
-    type: 'submit'
-}

package/src/stories/Buttons/ReactModal/ReactModal.stories.jsx

@@ -1,18 +0,0 @@
-import React from "react";
-
-import ReactModal from "./ReactModal";
-import ReactModalDemo from "./ReactModalDemo";
-
-export default {
-  title: "Buttons/React Modal",
-  component: ReactModal
-};
-
-export const Modal = args => (
-  <ReactModal
-    {...args}
-    modalBtnOpenText="Lets Open The Modal"
-    modalBtnCloseText="Lets Close The Modal"
-    modalContent={<ReactModalDemo />}
-  />
-);

package/src/stories/Chat/Chat.stories.jsx

@@ -1,59 +0,0 @@
-import Chat from './Chat';
-
-export default {
-    title: 'Chat/Chat Space',
-    component: Chat
-}
-
-const data = [
-    {username: 'Test User', img:"https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png", date:'5/11/2021', text: 'This is fake chat test This is fake chat test This is fake chat test This is fake chat test This is fake chat test '},
-    {username: 'Test User', img:"https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png", date:'5/11/2021', text: 'This is fake chat test This is fake chat test This is fake chat test This is fake chat test This is fake chat test ', media:(<img src="https://arabhardware.net/wp-content/uploads/2020/03/valorant-2020-4k-0f-scaled.jpg"/>)},
-    {username: 'Test User', img:"https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png", date:'5/11/2021', text: 'This is fake chat test This is fake chat test This is fake chat test This is fake chat test This is fake chat test '},
-    {username: 'Test User', img:"https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png", date:'5/11/2021', text: 'This is fake chat test This is fake chat test This is fake chat test This is fake chat test This is fake chat test '},
-]
-
-const 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',
-    },
-  ]
-
-const Template = (args) => (
-    <Chat
-        {...args} />
-);
-
-export const ChatSpace = Template.bind({});
-ChatSpace.args = {
-    data,
-    users
-};

package/src/stories/Common Inputs/CheckboxGroup/CheckboxGroup.stories.jsx

@@ -1,32 +0,0 @@
-import React from 'react';
-import withFormik from "storybook-formik";
-import * as Yup from 'yup';
-
-import CheckboxGroup from './CheckboxGroup';
-
-const formSchema = Yup.object().shape({
-    acceptTerms: Yup.array()
-        .min(1, 'You must choose at least one element'),
-});
-
-const options = [
-    {label: 'option 1', value: '1'},
-    {label: 'option 2', value: '2'},
-    {label: 'option 3', value: '3'},
-]
-
-export default {
-    title: 'Common Inputs/Checkbox Group',
-    component: CheckboxGroup,
-    decorators: [withFormik],
-    parameters: {
-        formik: {
-            initialValues: {
-                acceptTerms: []
-            },
-            validationSchema: formSchema,
-        },
-    }
-};
-
-export const CheckBoxGroup = args =>  <CheckboxGroup label="Checkbox Group" name="acceptTerms" options={options} {...args} />

package/src/stories/Common Inputs/CustomAutoComplete/CustomAutoComplete.stories.jsx

@@ -1,35 +0,0 @@
-import React, { useState } from 'react';
-// import withFormik from "storybook-formik";
-// import * as Yup from 'yup';
-
-import CustomAutoComplete from './CustomAutoComplete';
-
-// const formSchema = Yup.object().shape({
-//     search: Yup.string()
-//         .required("Required"),
-// });
-
-
-export default {
-    title: 'Common Inputs/Custom AutoComplete',
-    component: CustomAutoComplete,
-    // decorators: [withFormik],
-    // parameters: {
-    //     formik: {
-    //         initialValues: {
-    //             search: ''
-    //         },
-    //         validationSchema: formSchema,
-    //     },
-    // }
-};
-
-export const AutoComplete = args =>
-(<CustomAutoComplete 
-    label="themes"
-    items={[
-    { id: 'foo', label: 'foo' },
-    { id: 'bar', label: 'bar' },
-    { id: 'baz', label: 'baz' },
-]} name="search" {...args} 
-/>)

package/src/stories/Common Inputs/CustomDropzone/CustomDropzone.stories.jsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import withFormik from "storybook-formik";
-import * as Yup from 'yup';
-
-import CustomDropZone from './CustomDropZone';
-
-const formSchema = Yup.object().shape({
-    file: Yup.object()
-        .required("Required"),
-});
-
-export default {
-    title: 'Common Inputs/Custom Dropzone',
-    component: CustomDropZone,
-    decorators: [withFormik],
-    parameters: {
-        formik: {
-            initialValues: {
-                file: ''
-            },
-            validationSchema: formSchema,
-        },
-    }
-};
-
-export const Dropzone = args =>  <CustomDropZone label="Image" name="file" {...args} />

package/src/stories/Common Inputs/CustomSelect/CustomSelect.stories.jsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import withFormik from "storybook-formik";
-import * as Yup from 'yup';
-
-import CustomSelect from './CustomSelect';
-
-const formSchema = Yup.object().shape({
-    name: Yup.string()
-        .required("Required"),
-});
-
-const options = [
-    {label: 'select an option', value: ''},
-    {label: 'option 1', value: '1'},
-    {label: 'option 2', value: '2'},
-    {label: 'option 3', value: '3'},
-]
-
-export default {
-    title: 'Common Inputs/Custom Select',
-    component: CustomSelect,
-    decorators: [withFormik],
-    parameters: {
-        formik: {
-            initialValues: {
-                name: '',
-            },
-            validationSchema: formSchema,
-        },
-    }
-};
-
-export const Select = args => {
-
-    return <CustomSelect label="options" options={options} name="name" {...args} />
-}

package/src/stories/Common Inputs/CustomTextarea/CustomTextarea.stories.jsx

@@ -1,31 +0,0 @@
-import React from 'react'
-
-import withFormik from "storybook-formik";
-import * as Yup from 'yup';
-
-import CustomTextarea from './CustomTextarea';
-
-const formSchema = Yup.object().shape({
-    text: Yup.string()
-        .required("Required"),
-});
-
-export default {
-    title: 'Common Inputs/Custom Textarea',
-    component: CustomTextarea,
-    decorators: [withFormik],
-    parameters: {
-        formik: {
-            initialValues: {
-                text: '',
-                validationSchema: formSchema
-            },
-            validationSchema: formSchema,
-        },
-    }
-}
-
-export const TextArea = (args) => {
-
-    return <CustomTextarea name="text" label="text" {...args} />
-}

package/src/stories/Common Inputs/DatePicker/DatePicker.stories.jsx

@@ -1,47 +0,0 @@
-import React from 'react';
-
-import withFormik from "storybook-formik";
-
-import DatePicker from './DatePicker';
-import SingleDatePicker from './SingleDatePicker';
-
-import * as Yup from 'yup';
-
-const 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'),
-});
-
-
-export default {
-    title: 'Common Inputs/Date Picker',
-    component: DatePicker,
-    decorators: [withFormik],
-    parameters: {
-        formik: {
-            initialValues: {
-                date: {
-                    startDate: null,
-                    endDate: null
-                },
-                singleDate: null
-            },
-            validationSchema: datePickerSchema
-        },
-    }
-}
-
-
-export const date = args => <>
-    <DatePicker label="Double Date Picker" name='date' {...args} />
-    <SingleDatePicker label="Single Date Picker" name='singleDate' {...args} />
-</>

package/src/stories/Common Inputs/EditorComponent/EditorComponent.stories.jsx

@@ -1,60 +0,0 @@
-import EditorComponent from "./EditorComponent";
-import BaseMaterial from "../../Containers/BaseMaterial";
-
-export default {
-    title: 'Common Inputs/EditorComponent',
-    component: EditorComponent
-}
-
-const 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$" ] ]
-        }
-      }
-    
-    ]
-  };
-
-export const Editor = args => {
-    return (
-        <BaseMaterial>
-            <EditorComponent data={data} {...args} />
-        </BaseMaterial>
-    )
-}

package/src/stories/Common Inputs/Formik/InputField/InputField.stories.jsx

@@ -1,27 +0,0 @@
-import React from 'react'
-import InputField from './InputField'
-
-import withFormik from 'storybook-formik'
-
-export default {
-    component: InputField,
-    title: 'Common Inputs/Formik/InputField',
-    decorators: [withFormik]
-}
-
-const Template = args => <InputField {...args} />
-
-export const TextInput = Template.bind({})
-TextInput.args = {
-    name: 'username',
-    type: 'text',
-    placeholder: 'username'
-}
-TextInput.parameters = {
-    formik: {
-        initialValues: {
-            username: ''
-        }
-    },
-    onSubmit: v => console.log(v)
-}