@mohamed-karawia/library 0.1.5 → 0.1.9

package/dist/stories/Reusable Components/fakeData.js

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.dataWithSections = exports.data = exports.cardControls = exports.controls = void 0;
 
+var _react = _interopRequireDefault(require("react"));
+
 var _ai = require("react-icons/ai");
 
 var _io = require("react-icons/io");
@@ -12,22 +16,38 @@ var _io = require("react-icons/io");
 // Icons
 // List and Gallery controls
 var controls = [{
-  icon: /*#__PURE__*/React.createElement(_io.IoIosAlarm, null),
+  icon: /*#__PURE__*/_react.default.createElement(_ai.AiOutlineUserAdd, null),
+  action: 'add',
+  name: 'Add member'
+}, {
+  icon: /*#__PURE__*/_react.default.createElement(_ai.AiOutlineDelete, null),
+  action: 'remove',
+  name: 'Add member'
+}, {
+  icon: /*#__PURE__*/_react.default.createElement(_io.IoIosAirplane, null),
+  action: 'add',
+  name: 'Some Icon'
+}, {
+  icon: /*#__PURE__*/_react.default.createElement(_io.IoIosAlarm, null),
+  action: 'alarm',
+  name: 'Another Icons'
+}, {
+  icon: /*#__PURE__*/_react.default.createElement(_io.IoIosAlarm, null),
   action: 'alarm',
   name: 'Another Icons'
 }, {
-  icon: /*#__PURE__*/React.createElement(_io.IoIosAlarm, null),
+  icon: /*#__PURE__*/_react.default.createElement(_io.IoIosAlarm, null),
   action: 'alarm',
   name: 'Another Icons'
 }]; // Cards Controls
 
 exports.controls = controls;
 var cardControls = [{
-  icon: /*#__PURE__*/React.createElement(_ai.AiOutlineHeart, null),
+  icon: /*#__PURE__*/_react.default.createElement(_ai.AiOutlineHeart, null),
   action: 'like',
   name: 'Add member'
 }, {
-  icon: /*#__PURE__*/React.createElement(_ai.AiOutlineAudioMuted, null),
+  icon: /*#__PURE__*/_react.default.createElement(_ai.AiOutlineAudioMuted, null),
   action: 'mute',
   name: 'Add member'
 }]; // List and Gallery data

package/dist/stories/helpers/util.js

@@ -9,6 +9,8 @@ exports.getWidgetType = exports.getCardStyle = exports.addObjectToArray = export
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 
+var _react = _interopRequireDefault(require("react"));
+
 var _CardStyle = _interopRequireDefault(require("../Reusable Components/Cards/Card-style-1/CardStyle1"));
 
 var _CardStyle2 = _interopRequireDefault(require("../Reusable Components/Cards/Card-style-2/CardStyle2"));
@@ -73,27 +75,27 @@ exports.addObjectToArray = addObjectToArray;
 
 var getCardStyle = function getCardStyle(cardProps, cardType, customCardStyles, cardControls, index, clicked, cardIconClicked) {
   var cardTypes = {
-    'card-style-1': /*#__PURE__*/React.createElement(_CardStyle.default, Object.assign({
+    'card-style-1': /*#__PURE__*/_react.default.createElement(_CardStyle.default, Object.assign({
       key: index
     }, cardProps, customCardStyles, {
       cardControls: cardControls
     })),
-    'card-style-2': /*#__PURE__*/React.createElement(_CardStyle2.default, Object.assign({
+    'card-style-2': /*#__PURE__*/_react.default.createElement(_CardStyle2.default, Object.assign({
       key: index
     }, cardProps, customCardStyles, {
       cardControls: cardControls
     })),
-    'card-style-3': /*#__PURE__*/React.createElement(_CardStyle3.default, Object.assign({
+    'card-style-3': /*#__PURE__*/_react.default.createElement(_CardStyle3.default, Object.assign({
       key: index
     }, cardProps, customCardStyles, {
       cardControls: cardControls
     })),
-    'card-style-4': /*#__PURE__*/React.createElement(_CardStyle4.default, Object.assign({
+    'card-style-4': /*#__PURE__*/_react.default.createElement(_CardStyle4.default, Object.assign({
       key: index
     }, cardProps, customCardStyles, {
       cardControls: cardControls
     })),
-    'card-style-6': /*#__PURE__*/React.createElement(_CardStyle5.default, Object.assign({
+    'card-style-6': /*#__PURE__*/_react.default.createElement(_CardStyle5.default, Object.assign({
       key: index
     }, cardProps, customCardStyles, {
       cardControls: cardControls,
@@ -104,7 +106,7 @@ var getCardStyle = function getCardStyle(cardProps, cardType, customCardStyles,
         return cardIconClicked(action, index);
       }
     })),
-    'card-style-7': /*#__PURE__*/React.createElement(_CardStyle6.default, Object.assign({
+    'card-style-7': /*#__PURE__*/_react.default.createElement(_CardStyle6.default, Object.assign({
       key: index
     }, cardProps, customCardStyles, {
       cardControls: cardControls,
@@ -115,7 +117,7 @@ var getCardStyle = function getCardStyle(cardProps, cardType, customCardStyles,
         return cardIconClicked(action, index);
       }
     })),
-    'card-style-8': /*#__PURE__*/React.createElement(_CardStyle7.default, Object.assign({
+    'card-style-8': /*#__PURE__*/_react.default.createElement(_CardStyle7.default, Object.assign({
       key: index
     }, cardProps, customCardStyles, {
       cardControls: cardControls,
@@ -126,7 +128,7 @@ var getCardStyle = function getCardStyle(cardProps, cardType, customCardStyles,
         return cardIconClicked(action, index);
       }
     })),
-    'card-style-9': /*#__PURE__*/React.createElement(_CardStyle8.default, Object.assign({
+    'card-style-9': /*#__PURE__*/_react.default.createElement(_CardStyle8.default, Object.assign({
       key: index
     }, cardProps, customCardStyles, {
       cardControls: cardControls,
@@ -137,7 +139,7 @@ var getCardStyle = function getCardStyle(cardProps, cardType, customCardStyles,
         return cardIconClicked(action, index);
       }
     })),
-    'card-style-10': /*#__PURE__*/React.createElement(_CardStyle9.default, Object.assign({
+    'card-style-10': /*#__PURE__*/_react.default.createElement(_CardStyle9.default, Object.assign({
       key: index
     }, cardProps, customCardStyles, {
       cardControls: cardControls,
@@ -148,7 +150,7 @@ var getCardStyle = function getCardStyle(cardProps, cardType, customCardStyles,
         return cardIconClicked(action, index);
       }
     })),
-    'card-style-11': /*#__PURE__*/React.createElement(_CardStyle10.default, Object.assign({
+    'card-style-11': /*#__PURE__*/_react.default.createElement(_CardStyle10.default, Object.assign({
       key: index
     }, cardProps, customCardStyles, {
       cardControls: cardControls,
@@ -167,10 +169,10 @@ exports.getCardStyle = getCardStyle;
 
 var getWidgetType = function getWidgetType(widgetType, props) {
   var widgetTypes = {
-    'list': /*#__PURE__*/React.createElement(_ReusableList.default, props),
-    'music player': /*#__PURE__*/React.createElement(_MusicPlayerWidget.default, props),
-    'logo': /*#__PURE__*/React.createElement(_LogoWidget.default, props),
-    'video player': /*#__PURE__*/React.createElement(_VideoPlayer.default, props)
+    'list': /*#__PURE__*/_react.default.createElement(_ReusableList.default, props),
+    'music player': /*#__PURE__*/_react.default.createElement(_MusicPlayerWidget.default, props),
+    'logo': /*#__PURE__*/_react.default.createElement(_LogoWidget.default, props),
+    'video player': /*#__PURE__*/_react.default.createElement(_VideoPlayer.default, props)
   };
   return widgetTypes[widgetType];
 };

package/package.json

@@ -10,7 +10,7 @@
       ]
     ]
   },
-  "version": "0.1.5",
+  "version": "0.1.9",
   "private": false,
   "dependencies": {
     "@babel/cli": "^7.16.7",

package/src/stories/Reusable Components/fakeData.js

@@ -1,8 +1,13 @@
+import React from 'react';
 // Icons
 import { AiOutlineUserAdd, AiOutlineDelete, AiOutlineHeart, AiOutlineAudioMuted } from "react-icons/ai";
 import { IoIosAirplane, IoIosAlarm } from "react-icons/io";
 // List and Gallery controls
 export const controls = [
+    { icon: (<AiOutlineUserAdd />), action: 'add', name: 'Add member' },
+    { icon: (<AiOutlineDelete />), action: 'remove', name: 'Add member' },
+    { icon: (<IoIosAirplane />), action: 'add', name: 'Some Icon' },
+    { icon: (<IoIosAlarm />), action: 'alarm', name: 'Another Icons' },
     { icon: (<IoIosAlarm />), action: 'alarm', name: 'Another Icons' },
     { icon: (<IoIosAlarm />), action: 'alarm', name: 'Another Icons' },
 ]

package/src/stories/helpers/util.js

@@ -1,3 +1,4 @@
+import React from 'react';
 // Cards
 import CardStyle1 from '../Reusable Components/Cards/Card-style-1/CardStyle1';
 import CardStyle2 from '../Reusable Components/Cards/Card-style-2/CardStyle2';

package/.github/workflows/chromatic.yml

@@ -1,26 +0,0 @@
-# .github/workflows/chromatic.yml
-
-# Workflow name
-name: 'Chromatic'
-
-# Event for the workflow
-on: push
-
-# List of jobs
-jobs:
-  chromatic-deployment:
-    # Operating System
-    runs-on: ubuntu-latest
-    # Job steps
-    steps:
-      - uses: actions/checkout@v1
-      - name: Install dependencies
-        run: yarn
-        # 👇 Adds Chromatic as a step in the workflow
-      - name: Publish to Chromatic
-        uses: chromaui/action@v1
-        # Chromatic GitHub Action options
-        with:
-          token: ${{ secrets.GITHUB_TOKEN }}
-          # 👇 Chromatic projectToken, refer to the manage page to obtain it.
-          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}

package/.storybook/main.js

@@ -1,21 +0,0 @@
-module.exports = {
-  "stories": [
-    "../src/**/*.stories.mdx",
-    "../src/**/*.stories.@(js|jsx|ts|tsx)",
-    "../src/****/*.stories.@(js|jsx|ts|tsx)"
-
-  ],
-  "addons": [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/preset-create-react-app",
-    "@storybook/addon-storysource",
-    "storybook-addon-designs",
-    "@geometricpanda/storybook-addon-badges",
-    "@storybook/addon-a11y",
-    "storybook-dark-mode",
-    "@storybook/addon-viewport",
-    "storybook-formik/register",
-    // "storybook-addon-mock/register"
-  ]
-}

package/.storybook/middleware.js

@@ -1,28 +0,0 @@
-const express = require('express');
-const { RtcTokenBuilder, RtcRole } = require('agora-access-token');
-const expressMiddleWare = (router) => {
-  
-  router.use('/static', express.static('./src/static'));
-  router.get('/getToken/:uid', (req, res) => {
-    const uid = req.params.uid;
-    const appID = '3f54ddbde65d4f0ab9a9f5a46baa4310';
-    const appCertificate = '2f534be3f5124289b07c0c88f9c21330';
-    const channelName = 'bcd';
-    const role = RtcRole.PUBLISHER;
-    const expirationTimeInSeconds = 360000;
-    const currentTimestamp = Math.floor(Date.now() / 1000);
-    const privilegeExpiredTs = currentTimestamp + expirationTimeInSeconds;
-    const tokenA = RtcTokenBuilder.buildTokenWithUid(
-      appID,
-      appCertificate,
-      channelName,
-      uid,
-      role,
-      privilegeExpiredTs
-    );
-    res.set('Access-Control-Allow-Headers', '*');
-    res.send({ token: tokenA });
-    res.end();
-  });
-};
-module.exports = expressMiddleWare;

package/.storybook/preview.js

@@ -1,9 +0,0 @@
-export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
-    },
-  },
-}