@mohamed-karawia/library 0.1.4 → 0.1.8

package/dist/stories/Reusable Components/Cards/Card-style-1/CardStyle1.stories.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Card = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _CardStyle = _interopRequireDefault(require("./CardStyle1"));
-
-var _fakeData = require("../../fakeData");
-
-var _default = {
-  title: 'Reusable Components/Cards/Card style 1',
-  component: _CardStyle.default
-};
-exports.default = _default;
-
-var Card = function Card(args) {
-  return /*#__PURE__*/_react.default.createElement(_CardStyle.default, Object.assign({
-    img: "https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png",
-    title: "Card Style 1",
-    description: "Card style 1 description test",
-    cardControls: _fakeData.cardControls,
-    controlsStyles: {
-      iconColor: 'black',
-      showOnHover: true
-    }
-  }, args));
-};
-
-exports.Card = Card;

package/dist/stories/Reusable Components/Cards/Card-style-10/CardStyle10.stories.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Card = exports.default = void 0;
-
-var _CardStyle = _interopRequireDefault(require("./CardStyle10"));
-
-var _ai = require("react-icons/ai");
-
-var _default = {
-  title: 'Reusable Components/Cards/Card style 10',
-  component: _CardStyle.default
-};
-exports.default = _default;
-var cardControls = [{
-  icon: /*#__PURE__*/React.createElement(_ai.AiOutlineHeart, null),
-  action: 'like',
-  name: 'Add member'
-}, {
-  icon: /*#__PURE__*/React.createElement(_ai.AiOutlineAudioMuted, null),
-  action: 'mute',
-  name: 'Add member'
-}];
-
-var Card = function Card(args) {
-  return /*#__PURE__*/React.createElement(_CardStyle.default, Object.assign({
-    title: "Folder",
-    description: "Folder description test",
-    cardControls: cardControls
-  }, args));
-};
-
-exports.Card = Card;

package/dist/stories/Reusable Components/Cards/Card-style-11/CardStyle11.stories.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Card = exports.default = void 0;
-
-var _CardStyle = _interopRequireDefault(require("./CardStyle11"));
-
-var _ai = require("react-icons/ai");
-
-var _default = {
-  title: 'Reusable components/Cards/Card Style 11',
-  component: _CardStyle.default
-};
-exports.default = _default;
-var cardControls = [{
-  icon: /*#__PURE__*/React.createElement(_ai.AiOutlineHeart, null),
-  action: 'like',
-  name: 'Add member'
-}, {
-  icon: /*#__PURE__*/React.createElement(_ai.AiOutlineAudioMuted, null),
-  action: 'mute',
-  name: 'Add member'
-}];
-
-var Card = function Card(args) {
-  return /*#__PURE__*/React.createElement(_CardStyle.default, Object.assign({
-    title: "Study Notes",
-    date: "15/11/2021",
-    cardControls: cardControls,
-    controlsStyles: {
-      iconColor: 'black'
-    }
-  }, args));
-};
-
-exports.Card = Card;

package/dist/stories/Reusable Components/Cards/Card-style-2/CardStyle2.stories.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Card = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _CardStyle = _interopRequireDefault(require("./CardStyle2"));
-
-var _fakeData = require("../../fakeData");
-
-var _default = {
-  title: 'Reusable Components/Cards/Card style 2',
-  component: _CardStyle.default
-};
-exports.default = _default;
-
-var Card = function Card(args) {
-  return /*#__PURE__*/_react.default.createElement(_CardStyle.default, Object.assign({
-    img: "https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png",
-    title: "Card Style 2",
-    description: "Card style 2 description test",
-    cardControls: _fakeData.cardControls,
-    darkOnHover: true,
-    controlsStyles: {
-      iconColor: 'black',
-      position: 'center',
-      showOnHover: true
-    }
-  }, args));
-};
-
-exports.Card = Card;

package/dist/stories/Reusable Components/Cards/Card-style-3/CardStyle3.stories.js

@@ -1,34 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Card = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _CardStyle = _interopRequireDefault(require("./CardStyle3"));
-
-var _fakeData = require("../../fakeData");
-
-var _default = {
-  title: 'Reusable Components/Cards/Card style 3',
-  component: _CardStyle.default
-};
-exports.default = _default;
-
-var Card = function Card(args) {
-  return /*#__PURE__*/_react.default.createElement(_CardStyle.default, Object.assign({
-    img: "https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png",
-    title: "Card Style 3",
-    description: "Card style 3 description test",
-    cardControls: _fakeData.cardControls,
-    controlsStyles: {
-      iconColor: 'black'
-    }
-  }, args));
-};
-
-exports.Card = Card;

package/dist/stories/Reusable Components/Cards/Card-style-4/CardStyle4.stories.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Card = exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _CardStyle = _interopRequireDefault(require("./CardStyle4"));
-
-var _fakeData = require("../../fakeData");
-
-var _default = {
-  title: 'Reusable Components/Cards/Card style 4',
-  component: _CardStyle.default
-};
-exports.default = _default;
-
-var Card = function Card(args) {
-  return /*#__PURE__*/_react.default.createElement(_CardStyle.default, Object.assign({
-    img: "https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png",
-    title: "Card Style 4",
-    description: "Card style 4 description test",
-    cardControls: _fakeData.cardControls,
-    darkOnHover: true,
-    controlsStyles: (0, _defineProperty2.default)({
-      iconColor: 'black',
-      position: 'center',
-      showOnHover: true
-    }, "iconColor", 'red')
-  }, args));
-};
-
-exports.Card = Card;

package/dist/stories/Reusable Components/Cards/Card-style-6/CardStyle6.stories.js

@@ -1,27 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Card = exports.default = void 0;
-
-var _CardStyle = _interopRequireDefault(require("./CardStyle6"));
-
-var _album = _interopRequireDefault(require("../../../assets/images/album1.jpg"));
-
-var _default = {
-  title: 'Reusable Components/cards/Card style 6',
-  component: _CardStyle.default
-};
-exports.default = _default;
-
-var Card = function Card(args) {
-  return /*#__PURE__*/React.createElement(_CardStyle.default, Object.assign({
-    img: _album.default,
-    title: "Test"
-  }, args));
-};
-
-exports.Card = Card;

package/dist/stories/Reusable Components/Cards/Card-style-7/CardStyle7.stories.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Card = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _CardStyle = _interopRequireDefault(require("./CardStyle7"));
-
-var _fakeData = require("../../fakeData");
-
-var _music = _interopRequireDefault(require("../../../assets/images/music4.jpg"));
-
-var _default = {
-  title: 'Reusable Components/Cards/Card style 7',
-  component: _CardStyle.default
-};
-exports.default = _default;
-
-var Card = function Card(args) {
-  return /*#__PURE__*/_react.default.createElement(_CardStyle.default, Object.assign({
-    img: _music.default,
-    title: "Card Style 7",
-    description: "Card style 7 description test",
-    time: "5:10",
-    cardControls: _fakeData.cardControls,
-    controlsStyles: {
-      iconColor: 'black'
-    }
-  }, args));
-};
-
-exports.Card = Card;

package/dist/stories/Reusable Components/Cards/Card-style-8/CardStyle8.stories.js

@@ -1,44 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Card = exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _CardStyle = _interopRequireDefault(require("./CardStyle8"));
-
-var _fakeData = require("../../fakeData");
-
-var _default = {
-  title: 'Reusable Components/Cards/Card style 8',
-  component: _CardStyle.default
-};
-exports.default = _default;
-
-var Card = function Card(args) {
-  var _ref;
-
-  return /*#__PURE__*/React.createElement(_CardStyle.default, Object.assign({
-    img: "https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png",
-    username: "Card Style 8",
-    date: "15/12/2021",
-    text: "Card style 8 description test Card style 8 description test Card style 8 description test Card style 8 description test Card style 8 description test Card style 8 description test Card style 8 description test Card style 8 description test Card style 8 description test Card style 8 description test Card style 8 description test Card style 8 description test Card style 8 description test Card style 8 description test ",
-    cardControls: _fakeData.controls,
-    media: /*#__PURE__*/React.createElement("img", {
-      src: "https://arabhardware.net/wp-content/uploads/2020/03/valorant-2020-4k-0f-scaled.jpg"
-    }),
-    controlsStyles: (_ref = {
-      iconColor: 'black',
-      showOnHover: true,
-      position: 'absolute',
-      iconBackground: '#414141',
-      iconSize: 18
-    }, (0, _defineProperty2.default)(_ref, "iconColor", 'white'), (0, _defineProperty2.default)(_ref, "dropdownBackground", '#414141'), (0, _defineProperty2.default)(_ref, "dropdownFontColor", 'white'), _ref)
-  }, args));
-};
-
-exports.Card = Card;

package/dist/stories/Reusable Components/Cards/Card-style-9/CardStyle9.stories.js

@@ -1,27 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Card = exports.default = void 0;
-
-var _CardStyle = _interopRequireDefault(require("./CardStyle9"));
-
-var _default = {
-  title: 'Reusable Components/Cards/Card style 9',
-  component: _CardStyle.default
-};
-exports.default = _default;
-
-var Card = function Card(args) {
-  return /*#__PURE__*/React.createElement(_CardStyle.default, Object.assign({
-    img: "https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png",
-    username: "User Name",
-    answered: '3/4',
-    status: "pending"
-  }, args));
-};
-
-exports.Card = Card;

package/dist/stories/Reusable Components/Cards/Card.stories.js

@@ -1,132 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CardWithoutImageColumn = exports.CardWithoutImage = exports.CardWithImageColumn = exports.CardWithImage = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Card = _interopRequireDefault(require("./Card"));
-
-var _default = {
-  title: 'Reusable Components/Cards/Regular Card',
-  component: _Card.default
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_Card.default, args);
-};
-
-var CardWithImage = Template.bind({});
-exports.CardWithImage = CardWithImage;
-CardWithImage.args = {
-  title: 'Card with image',
-  description: 'Lorem ipsum dolor sit amet consectetur.',
-  img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png',
-  cardBackgroundColor: '#f1d6d6',
-  cardRadius: '20',
-  cardTitleFontSize: '',
-  cardTitleColor: '',
-  cardImageRadius: '100',
-  cardDescriptionFontSize: '',
-  cardDescriptionColor: '',
-  cardDirection: '',
-  cardPadding: '10',
-  imgSize: '90',
-  cardBorderSize: '',
-  cardBorderColor: '',
-  controlsStyles: {
-    showOnHover: true,
-    iconBackground: "#272727",
-    dropdownBackground: "#272727",
-    dropdownFontColor: "white",
-    dropdownItemHoverColor: "#414141",
-    iconBackgroundHover: "#414141"
-  }
-};
-var CardWithImageColumn = Template.bind({});
-exports.CardWithImageColumn = CardWithImageColumn;
-CardWithImageColumn.args = {
-  title: 'Card with image column',
-  description: 'Lorem ipsum dolor sit amet consectetur.',
-  img: 'https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png',
-  cardBackgroundColor: '#f1d6d6',
-  cardRadius: '20',
-  cardTitleFontSize: '',
-  cardTitleColor: '',
-  cardImageRadius: '100',
-  cardDescriptionFontSize: '',
-  cardDescriptionColor: '',
-  cardDirection: 'column',
-  cardPadding: '10',
-  imgSize: '90',
-  cardBorderSize: '',
-  cardBorderColor: '',
-  controlsStyles: {
-    showOnHover: true,
-    iconBackground: "#272727",
-    dropdownBackground: "#272727",
-    dropdownFontColor: "white",
-    dropdownItemHoverColor: "#414141",
-    iconBackgroundHover: "#414141"
-  }
-};
-var CardWithoutImage = Template.bind({});
-exports.CardWithoutImage = CardWithoutImage;
-CardWithoutImage.args = {
-  title: 'Card with image',
-  description: 'Lorem ipsum dolor sit amet consectetur.',
-  img: '',
-  cardBackgroundColor: '#f1d6d6',
-  cardRadius: '20',
-  cardTitleFontSize: '',
-  cardTitleColor: '',
-  cardImageRadius: '100',
-  cardDescriptionFontSize: '',
-  cardDescriptionColor: '',
-  cardDirection: '',
-  cardPadding: '10',
-  imgSize: '90',
-  cardBorderSize: '',
-  cardBorderColor: '',
-  controlsStyles: {
-    showOnHover: true,
-    iconBackground: "#272727",
-    dropdownBackground: "#272727",
-    dropdownFontColor: "white",
-    dropdownItemHoverColor: "#414141",
-    iconBackgroundHover: "#414141"
-  }
-};
-var CardWithoutImageColumn = Template.bind({});
-exports.CardWithoutImageColumn = CardWithoutImageColumn;
-CardWithoutImageColumn.args = {
-  title: 'Card with image column',
-  description: 'Lorem ipsum dolor sit amet consectetur.',
-  img: '',
-  cardBackgroundColor: '#f1d6d6',
-  onHoverBackgroundColor: '',
-  cardRadius: '20',
-  cardTitleFontSize: '',
-  cardTitleColor: '',
-  cardImageRadius: '100',
-  cardDescriptionFontSize: '',
-  cardDescriptionColor: '',
-  cardDirection: 'column',
-  cardPadding: '10',
-  imgSize: '90',
-  cardBorderSize: '',
-  cardBorderColor: '',
-  controlsStyles: {
-    showOnHover: true,
-    iconBackground: "#272727",
-    dropdownBackground: "#272727",
-    dropdownFontColor: "white",
-    dropdownItemHoverColor: "#414141",
-    iconBackgroundHover: "#414141"
-  }
-};

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

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.fixedControls = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Controls = _interopRequireDefault(require("./Controls"));
-
-var _ai = require("react-icons/ai");
-
-var _io = require("react-icons/io");
-
-var controls = [{
-  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: 'remove',
-  name: 'Another Icons'
-}];
-var _default = {
-  title: 'reusable Components/Controls',
-  component: _Controls.default
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_Controls.default, args);
-};
-
-var fixedControls = Template.bind({});
-exports.fixedControls = fixedControls;
-fixedControls.args = {
-  controls: controls
-};

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

@@ -1,56 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GallerySectioned = exports.GalleryFlat = exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Gallery = _interopRequireDefault(require("./Gallery"));
-
-var _fakeData = require("../fakeData");
-
-var _commonStyles = require("../commonStyles");
-
-// Data
-// Styles
-var _default = {
-  title: 'Reusable components/Gallery',
-  component: _Gallery.default
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_Gallery.default, Object.assign({
-    galleryTitle: "Reusable Gallery",
-    galleryControls: _fakeData.controls,
-    headerStyles: {
-      padding: 10,
-      headerBackground: '#FE1744',
-      titleColor: '#ffff'
-    },
-    columnsNumber: 3,
-    galleryColumnGap: 10,
-    controlsStyles: _commonStyles.headingControlsStyles,
-    cardStyle: "card-style-6",
-    customCardStyles: _commonStyles.galleryCardControlsStyles
-  }, args));
-};
-
-var GalleryFlat = Template.bind({});
-exports.GalleryFlat = GalleryFlat;
-GalleryFlat.args = {
-  data: _fakeData.data,
-  type: "flat",
-  cardControls: _fakeData.cardControls
-};
-var GallerySectioned = Template.bind({});
-exports.GallerySectioned = GallerySectioned;
-GallerySectioned.args = {
-  data: _fakeData.dataWithSections,
-  type: "sectioned",
-  cardControls: _fakeData.cardControls
-};

package/dist/stories/Reusable Components/Lists/Cards/ListCard-1.stories.js

@@ -1 +0,0 @@
-"use strict";

package/dist/stories/Reusable Components/Lists/List.stories.js

@@ -1 +0,0 @@
-"use strict";

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

@@ -1,66 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MentionArea = exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Mention = _interopRequireDefault(require("./Mention"));
-
-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 _default = {
-  title: 'Resuable Components/Mention',
-  component: _Mention.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 MentionArea = function MentionArea(args) {
-  var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
-  return /*#__PURE__*/_react.default.createElement(_Mention.default, Object.assign({
-    value: value,
-    handleOnChange: function handleOnChange(value) {
-      return setValue(value);
-    },
-    users: users
-  }, args));
-};
-
-exports.MentionArea = MentionArea;