@mohamed-karawia/library 0.1.6 → 0.1.10

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,14 +10,16 @@
       ]
     ]
   },
-  "version": "0.1.6",
+  "version": "0.1.10",
   "private": false,
   "dependencies": {
     "@babel/cli": "^7.16.7",
     "@babel/runtime": "^7.15.4",
+    "@editorjs/editorjs": "^2.22.2",
     "@editorjs/header": "^2.6.1",
     "@editorjs/image": "^2.6.2",
     "@editorjs/marker": "^1.2.2",
+    "@editorjs/paragraph": "^2.8.0",
     "@editorjs/table": "^2.0.1",
     "@giphy/js-fetch-api": "^4.1.2",
     "@giphy/react-components": "^5.3.1",
@@ -34,7 +36,6 @@
     "formik": "^2.2.9",
     "moment": "^2.29.1",
     "rc-slider": "^9.7.5",
-    "react": "^16.14.0",
     "react-async-hook": "^4.0.0",
     "react-autocomplete": "^1.8.1",
     "react-dates": "^21.8.0",
@@ -59,6 +60,9 @@
     "web-vitals": "^1.0.1",
     "yup": "^0.32.9"
   },
+  "peerDependencies": {
+    "react": "^16.14.0"
+  },
   "scripts": {
     "start": "react-scripts start",
     "build": "cross-env BABEL_ENV=production babel src -d dist",
@@ -96,8 +100,6 @@
     ]
   },
   "devDependencies": {
-    "@editorjs/editorjs": "^2.22.2",
-    "@editorjs/paragraph": "^2.8.0",
     "@editorjs/simple-image": "^1.4.1",
     "@geometricpanda/storybook-addon-badges": "^0.0.4",
     "@storybook/addon-a11y": "^6.3.8",

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$/,
-    },
-  },
-}