trepur_components 0.1.43 → 0.2.2

package/dist/components/Card/Card.stories.js

@@ -1,353 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.lotsOfCards = exports.default = exports._Card = exports.ImageCard = exports.CardWithText = exports.CardWithSlideButton = exports.CardWithImageBelowTitle = exports.CardWithImage = exports.CardWithButtonStyles = exports.CardWithButton = exports.CardTitleRight = exports.CardTitleLeft = exports.CardTitleBold = exports.CardRounded = void 0;
-
-require("core-js/modules/es.symbol.description.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-require("../../../index.css");
-
-var _index3 = _interopRequireDefault(require("../Column/index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  title: 'Components/Card',
-  argTypes: {
-    title: {
-      name: 'Card Title',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'This is a title'
-    },
-    subTitle: {
-      name: 'Card Subtitle',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'This is a subtitle'
-    },
-    description: {
-      name: 'Card Description',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'This is a description paragraph'
-    },
-    extraText: {
-      name: 'Extra Text',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'This is another  paragraph'
-    },
-    hasCta: {
-      name: 'Show Button',
-      control: {
-        type: 'boolean'
-      },
-      defaultValue: true
-    },
-    ctaText: {
-      name: 'Button Text',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'Button 1'
-    },
-    buttonStyle: {
-      name: 'Button Type',
-      control: {
-        type: 'select'
-      },
-      options: ['slide', 'plain'],
-      defaultValue: 'plain'
-    },
-    image: {
-      name: 'Image',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'https://picsum.photos/500/300'
-    },
-    imageBelowTitle: {
-      name: 'Image Below Title',
-      control: {
-        type: 'boolean'
-      },
-      defaultValue: false
-    },
-    rounded: {
-      name: 'Rounded Corners',
-      control: {
-        type: 'boolean'
-      },
-      defaultValue: false
-    },
-    bordered: {
-      name: 'Show card border',
-      control: {
-        type: 'boolean'
-      },
-      defaultValue: true
-    }
-  },
-  decorators: [story => /*#__PURE__*/_react.default.createElement(_index3.default, {
-    md: "4",
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _Card = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    id: "card",
-    title: args.title,
-    titleClass: "text-center font-bold",
-    subTitle: args.subTitle,
-    extraText: args.extraText,
-    description: args.description,
-    image: args.image,
-    hasCta: args.hasCta,
-    ctaText: args.ctaText,
-    url: "/",
-    imageBelowTitle: args.imageBelowTitle,
-    rounded: args.rounded,
-    buttonStyle: args.buttonStyle,
-    bordered: args.bordered
-  });
-};
-
-exports._Card = _Card;
-
-const CardTitleBold = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    id: "card",
-    title: args.title,
-    titleBold: true,
-    bordered: true
-  });
-};
-
-exports.CardTitleBold = CardTitleBold;
-
-const CardTitleLeft = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    id: "card",
-    title: args.title,
-    titleLeft: true,
-    bordered: true
-  });
-};
-
-exports.CardTitleLeft = CardTitleLeft;
-
-const CardTitleRight = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    id: "card",
-    title: args.title,
-    titleRight: true,
-    bordered: true
-  });
-};
-
-exports.CardTitleRight = CardTitleRight;
-
-const CardWithImage = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    id: "card",
-    title: args.title,
-    titleClass: "text-center font-bold",
-    image: "https://picsum.photos/500/300",
-    bordered: true
-  });
-};
-
-exports.CardWithImage = CardWithImage;
-
-const CardWithText = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    id: "card",
-    title: args.title,
-    titleClass: "text-center font-bold",
-    subTitle: args.subTitle,
-    extraText: args.extraText,
-    description: args.description,
-    image: "https://picsum.photos/500/500",
-    bordered: true
-  });
-};
-
-exports.CardWithText = CardWithText;
-
-const CardWithButton = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    id: "card",
-    title: args.title,
-    titleClass: "text-center font-bold",
-    subTitle: args.subTitle,
-    extraText: args.extraText,
-    description: args.description,
-    image: "https://picsum.photos/500/300",
-    hasCta: args.hasCta,
-    ctaText: args.ctaText,
-    url: "/",
-    buttonType: "internal",
-    buttonStyle: args.buttonStyle,
-    bordered: true
-  });
-};
-
-exports.CardWithButton = CardWithButton;
-
-const CardWithButtonStyles = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    id: "card",
-    title: args.title,
-    titleClass: "text-center font-bold",
-    subTitle: args.subTitle,
-    extraText: args.extraText,
-    description: args.description,
-    image: "https://picsum.photos/500/300",
-    hasCta: args.hasCta,
-    ctaText: args.ctaText,
-    url: "/",
-    buttonType: "internal",
-    buttonStyle: args.buttonStyle,
-    bordered: true,
-    buttonBgColor: "blue",
-    buttonTextColor: "white",
-    buttonBorderColor: "blue",
-    hoverButtonBgColor: "white",
-    hoverButtonTextColor: "blue",
-    hoverButtonBorderColor: "blue"
-  });
-};
-
-exports.CardWithButtonStyles = CardWithButtonStyles;
-
-const CardWithSlideButton = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    id: "card",
-    title: args.title,
-    titleClass: "text-center font-bold",
-    subTitle: args.subTitle,
-    extraText: args.extraText,
-    description: args.description,
-    image: "https://picsum.photos/500/300",
-    hasCta: args.hasCta,
-    buttonDesign: "slide",
-    buttonBgColor: "red",
-    buttonTextColor: "white",
-    buttonBorderColor: "red",
-    hoverButtonTextColor: "red",
-    hoverButtonBgColor: "red",
-    hoverButtonBorderColor: "red",
-    ctaText: args.ctaText,
-    url: "/",
-    buttonType: "button",
-    bordered: true
-  });
-};
-
-exports.CardWithSlideButton = CardWithSlideButton;
-
-const CardWithImageBelowTitle = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    id: "card",
-    title: args.title,
-    titleClass: "text-center font-bold",
-    subTitle: args.subTitle,
-    extraText: args.extraText,
-    description: args.description,
-    image: "https://picsum.photos/500/300",
-    hasCta: args.hasCta,
-    ctaText: args.ctaText,
-    url: "/",
-    buttonType: "button",
-    buttonStyle: args.buttonStyle,
-    imageBelowTitle: true,
-    bordered: true
-  });
-};
-
-exports.CardWithImageBelowTitle = CardWithImageBelowTitle;
-
-const CardRounded = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    id: "card",
-    title: args.title,
-    titleClass: "text-center font-bold",
-    subTitle: args.subTitle,
-    extraText: args.extraText,
-    description: args.description,
-    image: "https://picsum.photos/500/300",
-    hasCta: args.hasCta,
-    ctaText: args.ctaText,
-    url: "/",
-    buttonType: "button",
-    buttonStyle: args.buttonStyle,
-    rounded: true,
-    bordered: true
-  });
-};
-
-exports.CardRounded = CardRounded;
-
-const lotsOfCards = args => {
-  const options = ['300', '400', '500'];
-  let cards = [];
-  let width, height;
-
-  for (let i = 0; i < 8; i++) {
-    width = options[Math.floor(Math.random() * (2 + 0))];
-    height = options[Math.floor(Math.random() * (2 + 0))];
-    cards.push( /*#__PURE__*/_react.default.createElement(_index.default, {
-      id: 'card_' + i,
-      classNames: "m-2",
-      title: args.title,
-      titleClass: "text-center font-bold",
-      subTitle: args.subTitle,
-      extraText: args.extraText,
-      description: args.description,
-      image: 'https://picsum.photos/' + width + '/' + height,
-      hasCta: args.hasCta,
-      ctaText: args.ctaText,
-      imageBelowTitle: args.imageBelowTitle,
-      rounded: true,
-      bordered: true,
-      buttonType: "internal",
-      url: "/?path=/story/components-card--lots-of-cards"
-    }));
-  }
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "grid grid-cols-4 grid-flow-row"
-  }, cards);
-};
-
-exports.lotsOfCards = lotsOfCards;
-
-const ImageCard = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    image: "https://picsum.photos/500/300",
-    rounded: args.rounded,
-    bordered: args.bordered
-  });
-};
-
-exports.ImageCard = ImageCard;

package/dist/components/Card/README.md

@@ -1,44 +0,0 @@
-# Card
-
-A clickable element to display an image with a title and other information
-
-## Example
-
-```
-<Card 
-    id='card' 
-    title={args.title}
-    titleClass='text-center font-bold'
-    subTitle={args.subTitle}
-    extraText={args.extraText}
-    description={args.description}
-    image='https://picsum.photos/500/300'
-    hasCta={args.hasCta}
-    ctaText={args.ctaText}
-    imageBelowTitle={args.imageBelowTitle}
-    rounded={args.rounded}>
-</Card>
-```
-
-## Parameters
-`id={string} (default=null)`
-`title={string} (default=null)`
-`image={string} (default=null)`
-`subTitle={string} (default=null)`
-`description={string} (default=null)`
-`extraText={string} (default=null)`
-`hasCta={boolean} (default=null)`
-`ctaText={string} (default=null)`
-`imageBelowTitle={boolean} (default=true)`
-`titleLeft={boolean} (default=false)`
-`titleRight={boolean} (default=false)`
-`titleBold={boolean} (default=false)`
-`imageClass={string} (default='')`
-`subTitleClass={string} (default='')`
-`extraTextClass={string} (default='')`
-`descriptionClass={string} (default='')`
-`classNames={string} (default='')`
-`altText={string} (default='')`
-`btnType={string} (default='')`
-`rounded={boolean} (default=false)`
-`bordered={boolean} (default=false)`

package/dist/components/CardImageLink/CardImageLink.stories.js

@@ -1,115 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.lotsOfCardImageLinks = exports.default = exports._CardImageLink = exports.JumbotronWithTwoBtns = exports.JumbotronWithOneBtn = exports.JumbotronWithCenterText = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-require("../../../index.css");
-
-var _index3 = _interopRequireDefault(require("../Column/index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  title: 'Components/CardImageLink',
-  argTypes: {
-    title: {
-      name: 'Title',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'This is a title'
-    },
-    ctaText: {
-      name: 'First Button Text',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'Button 1'
-    },
-    ctaText2: {
-      name: 'Second Button Text',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'Button 2'
-    }
-  },
-  decorators: [story => /*#__PURE__*/_react.default.createElement(_index3.default, {
-    md: "4",
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _CardImageLink = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    altText: "image",
-    image: "https://picsum.photos/400/400"
-  });
-};
-
-exports._CardImageLink = _CardImageLink;
-
-const JumbotronWithOneBtn = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    altText: "image",
-    image: "https://picsum.photos/400/400",
-    ctaText: args.ctaText
-  });
-};
-
-exports.JumbotronWithOneBtn = JumbotronWithOneBtn;
-
-const JumbotronWithTwoBtns = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    altText: "image",
-    image: "https://picsum.photos/400/400",
-    ctaText: args.ctaText,
-    ctaText2: args.ctaText2
-  });
-};
-
-exports.JumbotronWithTwoBtns = JumbotronWithTwoBtns;
-
-const JumbotronWithCenterText = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    altText: "image",
-    image: "https://picsum.photos/400/400",
-    title: args.title
-  });
-};
-
-exports.JumbotronWithCenterText = JumbotronWithCenterText;
-
-const lotsOfCardImageLinks = args => {
-  let cards = [];
-
-  for (let i = 0; i < 6; i++) {
-    cards.push( /*#__PURE__*/_react.default.createElement(_index.default, {
-      altText: "image",
-      image: "https://picsum.photos/400/400",
-      title: args.text,
-      ctaText: args.ctaText,
-      ctaText2: args.ctaText
-    }));
-  }
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "grid grid-cols-3 grid-flow-row"
-  }, cards);
-};
-
-exports.lotsOfCardImageLinks = lotsOfCardImageLinks;

package/dist/components/CardImageLink/README.md

@@ -1 +0,0 @@
-# Card Image Link

package/dist/components/CardImageLink/index.js

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Button = _interopRequireDefault(require("../Button"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const CardImageLink = _ref => {
-  let {
-    image,
-    altText,
-    title,
-    ctaText,
-    ctaText2,
-    ctaLink,
-    classes
-  } = _ref;
-  const classList = " cursor-pointer lg:mx-3 md:mx-1 mx-1 lg:mb-5 md:mb-2 mb-2 hover:opacity-50 overflow-hidden text-center " + classes;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classList
-  }, /*#__PURE__*/_react.default.createElement("a", {
-    href: ctaLink
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: image,
-    alt: altText,
-    className: "object-cover w-full h-full"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "absolute top-10 lg:top-20 "
-  }, /*#__PURE__*/_react.default.createElement("h1", {
-    className: "text-white text-2xl"
-  }, title), /*#__PURE__*/_react.default.createElement("div", {
-    className: "pt-2 lg:pt-8 text-white"
-  }, ctaText && /*#__PURE__*/_react.default.createElement(_Button.default, {
-    className: "mx-2",
-    ctaText: ctaText
-  }), ctaText2 && /*#__PURE__*/_react.default.createElement(_Button.default, {
-    className: "mx-2",
-    ctaText: ctaText2
-  })))));
-};
-
-var _default = CardImageLink;
-exports.default = _default;

package/dist/components/CardImageLinkList/CardImageLinkList.stories.js

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._CardImageLinkList = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-require("../../../index.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const list = [{
-  "HeightRank": 1,
-  "Name": "https://picsum.photos/400/400",
-  "Section": "34B: LD C&W",
-  "Birkett": "Birkett",
-  "HeightInMeters": 978,
-  "PromInMeters": "912",
-  "HeightInFeet": "3,209",
-  "PromInFeet": "2,992",
-  "TopoMap": "89 90",
-  "OSGridReference": "NY215072",
-  "Classification\n(§ DoBIH codes)": "Ma,F,Sim,Hew,N,W,B,Sy,Fel,CoH,CoU,CoA"
-}, {
-  "HeightRank": 2,
-  "Name": "https://picsum.photos/400/400",
-  "Section": "34B: LD C&W",
-  "Birkett": "Birkett",
-  "HeightInMeters": 964,
-  "PromInMeters": "132",
-  "HeightInFeet": "3,162",
-  "PromInFeet": "434",
-  "TopoMap": "89 90",
-  "OSGridReference": "NY206064",
-  "Classification\n(§ DoBIH codes)": "Hu,F,Sim,Hew,N,W,B,Sy,Fel"
-}];
-var _default = {
-  title: 'Components/CardImageLinkList',
-  argTypes: {},
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _CardImageLinkList = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    list: list
-  });
-};
-
-exports._CardImageLinkList = _CardImageLinkList;

package/dist/components/CardImageLinkList/README.md

@@ -1 +0,0 @@
-# Card Image Link List

package/dist/components/CardImageLinkList/index.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.regexp.exec.js");
-
-require("core-js/modules/es.string.replace.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _index = _interopRequireDefault(require("../CardImageLink/index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const CardImageLinkList = _ref => {
-  let {
-    list
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "grid md:grid-cols-4 sm:grid-cols-2"
-  }, list && list.map((item, i) => {
-    const link = item.link;
-    let image;
-    let name;
-
-    if (item.Name === "https://picsum.photos/400/400") {
-      image = 'https://picsum.photos/400/400';
-      name = "Test Card " + (i + 1);
-    } else {
-      image = '/' + item.Name.replace(/\s+/g, '') + '.jpeg';
-      name = item.Name;
-    }
-
-    return /*#__PURE__*/_react.default.createElement(_index.default, {
-      altText: "image",
-      image: image,
-      text: name,
-      ctaLink: link,
-      key: item.HeightRank
-    });
-  }));
-};
-
-var _default = CardImageLinkList;
-exports.default = _default;