trepur_components 0.1.2 → 0.1.6

package/dist/index.js

@@ -1,14 +1,44 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.object.define-properties.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
 require("core-js/modules/web.dom-collections.iterator.js");
 
+require("core-js/modules/es.symbol.description.js");
+
+require("core-js/modules/es.symbol.iterator.js");
+
+require("core-js/modules/es.object.define-property.js");
+
 require("./index.css");
 
 var components = _interopRequireWildcard(require("./Components"));
 
 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; }
+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; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "trepur_components",
   "description": "component lib",
   "author": "trepur_ttenneb",
-  "version": "0.1.2",
+  "version": "0.1.6",
   "private": false,
   "dependencies": {
     "@babel/polyfill": "^7.12.1",
@@ -57,6 +57,7 @@
     "@babel/cli": "^7.16.8",
     "@babel/core": "^7.16.7",
     "@babel/preset-env": "^7.16.8",
+    "@babel/preset-react": "^7.16.7",
     "@storybook/addon-actions": "^6.3.12",
     "@storybook/addon-essentials": "^6.3.12",
     "@storybook/addon-links": "^6.3.12",

package/src/Components/CardList/CardList.stories.js

@@ -36,166 +36,4 @@ export const _Cardlist = () => {
     return (
         <CardList list={list}></CardList>
     )
-}
-
-// export const CardTitleLeft = () => {
-//     return (
-//         <Card 
-//             id='card' 
-//             title='This is a title'
-//             titleClass='font-bold'
-//             subTitle='This is a subtitle' 
-//             description='This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card'
-//         ></Card>
-//     )
-// }
-
-// export const CardTitleRight = () => {
-//     return (
-//         <Card 
-//             id='card' 
-//             title='This is a title'
-//             titleClass='font-bold text-right'
-//             subTitle='This is a subtitle' 
-//             description='This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card'
-//         ></Card>
-//     )
-// }
-
-// export const CardWithImage = () => {
-//     return (
-//         <Card 
-//             id='card' 
-//             title='This is a title'
-//             titleClass='text-center font-bold'
-//             subTitle='This is a subtitle' 
-//             description='This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card'
-//             image='https://picsum.photos/500/300'>
-//         </Card>
-//     )
-// }
-
-// export const CardWithExtraText = () => {
-//     return (
-//         <Card 
-//             id='card' 
-//             title='This is a title'
-//             titleClass='text-center font-bold'
-//             subTitle='This is a subtitle' 
-//             extraText='This is some extra text'
-//             description='This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card'
-//             image='https://picsum.photos/500/300'>
-//         </Card>
-//     )
-// }
-
-// export const CardWithButton = () => {
-//     return (
-//         <Card 
-//             id='card' 
-//             title='This is a title'
-//             titleClass='text-center font-bold'
-//             subTitle='This is a subtitle' 
-//             extraText='This is some extra text'
-//             description='This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card'
-//             image='https://picsum.photos/500/300'
-//             hasCta
-//             ctaText='This is a button'
-//             >
-//         </Card>
-//     )
-// }
-
-// export const CardWithSlideButton = () => {
-//     return (
-//         <Card 
-//             id='card' 
-//             title='This is a title'
-//             titleClass='text-center font-bold'
-//             subTitle='This is a subtitle' 
-//             extraText='This is some extra text'
-//             description='This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card'
-//             image='https://picsum.photos/500/300'
-//             hasCta
-//             btnType='slide'
-//             ctaText='This is a button'>
-//         </Card>
-//     )
-// }
-
-// export const CardWithImageBelowTitle = () => {
-//     return (
-//         <Card 
-//             id='card' 
-//             title='This is a title'
-//             titleClass='text-center font-bold'
-//             subTitle='This is a subtitle' 
-//             extraText='This is some extra text'
-//             description='This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card'
-//             image='https://picsum.photos/500/300'
-//             hasCta
-//             ctaText='This is a button'
-//             imageBelowTitle>
-//         </Card>
-//     )
-// }
-
-// export const CardRounded = () => {
-//     return (
-//         <Card 
-//             id='card' 
-//             title='This is a title'
-//             titleClass='text-center font-bold'
-//             subTitle='This is a subtitle' 
-//             extraText='This is some extra text'
-//             description='This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card'
-//             image='https://picsum.photos/500/300'
-//             hasCta
-//             ctaText='This is a button'
-//             rounded>
-//         </Card>
-//     )
-// }
-
-// export const CardRoundedWithImageBelowTitle = () => {
-//     return (
-//         <Card 
-//             id='card' 
-//             title='This is a title'
-//             titleClass='text-center font-bold'
-//             subTitle='This is a subtitle' 
-//             extraText='This is some extra text'
-//             description='This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card'
-//             image='https://picsum.photos/500/300'
-//             hasCta
-//             ctaText='This is a button'
-//             imageBelowTitle
-//             rounded>
-//         </Card>
-//     )
-// }
-
-// export const lotsOfCards = () => {
-//     let cards = []
-//     for (let i = 0; i < 8 ; i++) {
-//         cards.push(<Card 
-//             id='card' 
-//             title='This is a title'
-//             titleClass='text-center font-bold'
-//             subTitle='This is a subtitle' 
-//             extraText='This is some extra text'
-//             description='This is a description, it can be really long if you want it to be. The text will wrap onto a new line if it exceeds the width of the card'
-//             image='https://picsum.photos/500/300'
-//             hasCta
-//             ctaText='This is a button'
-//             imageBelowTitle
-//             rounded>
-//         </Card>)
-//     }
-//     return (
-//         <div className="grid grid-cols-4 grid-flow-row">
-//             {cards}
-//         </div>
-//     )
-// }
-
+}

package/babel.config.json

@@ -1,18 +0,0 @@
-{
-    "presets": [
-     [
-      "@babel/env",
-       {
-        "targets": {
-        "edge": "17",
-        "firefox": "60",
-        "chrome": "67",
-        "safari": "11.1"
-         },
-      "useBuiltIns": "usage",
-      "corejs": "3.6.5"
-       }
-   ],
-      "@babel/preset-react"
-   ]
-   }

package/dist/Components/ButtonSlide/ButtonSlide.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _Icon = _interopRequireDefault(require("../Icon/Icon"));
-
-require("./Styles.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const ButtonSlide = _ref => {
-  let {
-    ctaText,
-    ctaLink,
-    className,
-    onClick,
-    leftIcon,
-    rightIcon
-  } = _ref;
-  let classes = className + ' btn py-2 px-8 text-white border-2 bg-black hover:bg-white hover:text-black';
-  let iconLeft = /*#__PURE__*/React.createElement(_Icon.default, {
-    type: leftIcon
-  });
-  let iconRight = /*#__PURE__*/React.createElement(_Icon.default, {
-    type: rightIcon
-  });
-  return /*#__PURE__*/React.createElement("button", {
-    className: classes,
-    onClick: onClick
-  }, leftIcon && iconLeft, ctaText, rightIcon && iconRight);
-};
-
-var _default = ButtonSlide;
-exports.default = _default;

package/dist/Components/Profile.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-var _react = require("react");
-
-const Profile = _ref => {
-  let {
-    profileLinks
-  } = _ref;
-  const [profileState, setProfileState] = (0, _react.useState)(false);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "hidden sm:inline-flex pt-8 absolute inset-y-0 h-8 right-4 flex items-center"
-  }, /*#__PURE__*/React.createElement("button", {
-    onClick: () => setProfileState(!profileState),
-    type: "button",
-    className: "bg-gray-800 flex rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white"
-  }, /*#__PURE__*/React.createElement("img", {
-    className: "h-10 w-10 rounded-full",
-    src: "user.jpeg",
-    alt: ""
-  }))), profileState && /*#__PURE__*/React.createElement("div", {
-    className: "w-48 right-4 absolute rounded-md shadow-lg bg-white"
-  }, profileLinks && profileLinks.map((link, i) => {
-    return /*#__PURE__*/React.createElement("a", {
-      href: link.reference,
-      className: "block px-4 py-2 text-sm text-gray-700",
-      role: "menuitem",
-      tabindex: "-1",
-      id: "user-menu-item-" + i
-    }, link.name);
-  })));
-};
-
-var _default = Profile;
-exports.default = _default;

package/dist/Components/SignedOutLinks.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-const SignedInLinks = _ref => {
-  let {
-    links
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "container mx-auto px-4 flex"
-  }, links && links.map(link => {
-    return /*#__PURE__*/React.createElement("li", {
-      className: "flex-1"
-    }, link);
-  }));
-};
-
-var _default = SignedInLinks;
-exports.default = _default;