trepur_components 0.1.42 → 0.2.1

package/dist/components/ListItemDropdown/index.js

@@ -1,56 +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 = _interopRequireWildcard(require("react"));
-
-var _index = _interopRequireDefault(require("../Icon/index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-const ListItemDropdown = _ref => {
-  let {
-    title,
-    subtitle
-  } = _ref;
-  const [expanded, setExpanded] = (0, _react.useState)(false);
-
-  const toggleExpanded = () => {
-    setExpanded(!expanded);
-  };
-
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-    onClick: () => toggleExpanded(),
-    className: "w-auto flex hover:bg-lightest-grey  text-center"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "w-full pl-4 py-2 text-left"
-  }, /*#__PURE__*/_react.default.createElement("h1", null, title), /*#__PURE__*/_react.default.createElement("h2", null, subtitle)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "w-full pt-5 pr-4 text-right"
-  }, expanded ? /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_index.default, {
-    type: "arrow-up"
-  })) : /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_index.default, {
-    type: "arrow-down"
-  })))), expanded ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "expandable w-auto text-center"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "w-full"
-  }, /*#__PURE__*/_react.default.createElement("p", null, title)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "flex"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "w-full"
-  }, /*#__PURE__*/_react.default.createElement("p", null, subtitle)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "w-full"
-  }, /*#__PURE__*/_react.default.createElement("p", null, subtitle)))) : null);
-};
-
-var _default = ListItemDropdown;
-exports.default = _default;

package/dist/components/Nav/Nav.stories.js

@@ -1,320 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._NavWithTwoRows = exports._NavWithThreeRows = exports._NavWithOneRow = exports._Nav = exports.WithTwoRowsAsSideBar = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-require("../../../index.css");
-
-var _user = _interopRequireDefault(require("../../Assets/Images/user.jpeg"));
-
-var _logoWhite = _interopRequireDefault(require("../../Assets/Images/logoWhite.png"));
-
-var _Image = _interopRequireDefault(require("../Image"));
-
-var _Profile = _interopRequireDefault(require("../Profile"));
-
-var _TextAndTitle = _interopRequireDefault(require("../TextAndTitle"));
-
-var _Search = _interopRequireDefault(require("../Search"));
-
-var _NavItem = _interopRequireDefault(require("../NavItem"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const links = [{
-  name: 'link 1',
-  reference: '/'
-}, {
-  name: 'link 2',
-  reference: '/'
-}, {
-  name: 'link n-1',
-  reference: '/'
-}, {
-  name: 'link n',
-  reference: '/'
-}];
-const rowOneOfOne = [{
-  classNames: 'mx-auto h-full flex-none',
-  xsColumnWidth: 3,
-  smColumnWidth: 2,
-  mdColumnWidth: 1,
-  lgColumnWidth: 1,
-  component: /*#__PURE__*/_react.default.createElement(_Image.default, {
-    classNames: "mx-auto",
-    height: "full",
-    width: "auto",
-    image: _logoWhite.default,
-    altText: "Logo"
-  })
-}, {
-  columnClasses: 'hidden lg:inline-flex',
-  classNames: '',
-  mdColumnWidth: 3,
-  lgColumnWidth: 2,
-  component: null
-}, {
-  classNames: 'pt-5 ',
-  xsColumnWidth: 9,
-  smColumnWidth: 10,
-  mdColumnWidth: 4,
-  lgColumnWidth: 5,
-  component: /*#__PURE__*/_react.default.createElement("ul", {
-    id: "nav-list",
-    className: "flex justify-center items-center"
-  }, links && links.map(link => {
-    return /*#__PURE__*/_react.default.createElement(_NavItem.default, {
-      name: link.name,
-      url: link.reference,
-      borderColor: "black",
-      textColor: "black",
-      bgColor: "",
-      hoverBorderColor: "blue",
-      hoverTextColor: "blue",
-      hoverBgColor: "white",
-      bordered: true,
-      rounded: true
-    });
-  }))
-}, {
-  columnClasses: 'hidden lg:inline-flex',
-  classNames: 'pt-2 mx-auto',
-  smColumnWidth: 1,
-  mdColumnWidth: 3,
-  lgColumnWidth: 4,
-  component: /*#__PURE__*/_react.default.createElement(_TextAndTitle.default, {
-    classNames: "md:pr-4 text-white",
-    title: "irupertbennett@gmail.com"
-  })
-}];
-const firstRowClasses = 'py-2';
-const secondRowClasses = '';
-const thirdRowClasses = 'py-2';
-const rowOneOfTwo = [{
-  columnClasses: 'xs:hidden md:inline-flex',
-  classNames: 'pt-2 mx-auto',
-  smColumnWidth: 5,
-  mdColumnWidth: 5,
-  lgColumnWidth: 5,
-  component: null
-}, {
-  classNames: 'mx-auto h-full',
-  smColumnWidth: 2,
-  mdColumnWidth: 2,
-  lgColumnWidth: 2,
-  component: /*#__PURE__*/_react.default.createElement(_Image.default, {
-    classNames: "mx-auto",
-    height: "full",
-    width: "auto",
-    image: _logoWhite.default,
-    altText: "Logo"
-  })
-}, {
-  columnClasses: 'lg:inline-flex hidden',
-  classNames: '',
-  mdColumnWidth: 1,
-  lgColumnWidth: 2,
-  component: null
-}, {
-  classNames: 'pt-3',
-  smColumnWidth: 3,
-  mdColumnWidth: 3,
-  lgColumnWidth: 2,
-  component: /*#__PURE__*/_react.default.createElement(_Search.default, {
-    placeholder: "search"
-  })
-}, {
-  classNames: 'h-full pt-2 mx-auto pr-4 ',
-  smColumnWidth: 2,
-  mdColumnWidth: 1,
-  lgColumnWidth: 1,
-  component: /*#__PURE__*/_react.default.createElement(_Profile.default, {
-    imageHeight: "12",
-    imageWidth: "auto",
-    profileLinks: links,
-    userImage: _user.default,
-    rounded: true
-  })
-}];
-const rowTwoOfTwo = [{
-  columnClasses: 'hidden',
-  classNames: '',
-  component: null
-}, {
-  classNames: '',
-  smColumnWidth: 12,
-  mdColumnWidth: 12,
-  lgColumnWidth: 12,
-  component: /*#__PURE__*/_react.default.createElement("ul", {
-    id: "nav-list",
-    className: "flex justify-center items-center pt-5"
-  }, links && links.map(link => {
-    return /*#__PURE__*/_react.default.createElement(_NavItem.default, {
-      name: link.name,
-      url: link.reference,
-      borderColor: "black",
-      textColor: "black",
-      bgColor: "",
-      hoverBorderColor: "blue",
-      hoverTextColor: "blue",
-      hoverBgColor: "white",
-      bordered: true,
-      rounded: true
-    });
-  }))
-}, {
-  columnClasses: 'hidden',
-  classNames: '',
-  component: null
-}];
-const mobileItems = [{
-  classNames: 'pt-3',
-  component: /*#__PURE__*/_react.default.createElement(_Search.default, {
-    placeholder: "search"
-  })
-}, {
-  classNames: '',
-  component: /*#__PURE__*/_react.default.createElement(_Profile.default, {
-    imageHeight: "12",
-    imageWidth: "auto",
-    profileLinks: links,
-    userImage: _user.default,
-    rounded: true
-  })
-}, {
-  classNames: '',
-  component: /*#__PURE__*/_react.default.createElement("ul", {
-    id: "nav-list",
-    className: ""
-  }, links && links.map(link => {
-    return /*#__PURE__*/_react.default.createElement(_NavItem.default, {
-      name: link.name,
-      url: link.reference,
-      bgColor: "#38B6FF",
-      textColor: "white",
-      hoverTextColor: "#38B6FF",
-      hoverBgColor: "white",
-      rounded: true
-    });
-  }))
-}];
-const thirdRow = [{
-  smColumnWidth: 6,
-  mdColumnWidth: 4,
-  lgColumnWidth: 4,
-  component: /*#__PURE__*/_react.default.createElement(_Image.default, {
-    classNames: "mx-auto h-full",
-    height: "32",
-    width: "auto",
-    image: _logoWhite.default,
-    altText: "Logo"
-  })
-}, {
-  smColumnWidth: 0,
-  mdColumnWidth: 4,
-  lgColumnWidth: 4,
-  component: null
-}, {
-  smColumnWidth: 6,
-  mdColumnWidth: 4,
-  lgColumnWidth: 4,
-  component: /*#__PURE__*/_react.default.createElement(_Image.default, {
-    classNames: "mx-auto h-full",
-    height: "32",
-    width: "auto",
-    image: _logoWhite.default,
-    altText: "Logo"
-  })
-}];
-const profileLinks = [{
-  name: 'PROFILE ITEM 1',
-  reference: '/'
-}, {
-  name: 'PROFILE ITEM 2',
-  reference: '/'
-}, {
-  name: 'PROFILE ITEM 3',
-  reference: '/'
-}, {
-  name: 'PROFILE ITEM 4',
-  reference: '/'
-}];
-var _default = {
-  title: 'Components/Nav',
-  argTypes: {},
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", null, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _Nav = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    firstRow: rowOneOfTwo,
-    secondRow: rowTwoOfTwo,
-    thirdRow: thirdRow,
-    mobileItems: mobileItems
-  });
-};
-
-exports._Nav = _Nav;
-
-const _NavWithOneRow = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    firstRow: rowOneOfOne,
-    firstRowClasses: firstRowClasses,
-    mobileItems: mobileItems
-  });
-};
-
-exports._NavWithOneRow = _NavWithOneRow;
-
-const _NavWithTwoRows = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    firstRow: rowOneOfTwo,
-    firstRowClasses: firstRowClasses,
-    secondRow: rowTwoOfTwo,
-    secondRowClasses: secondRowClasses,
-    mobileItems: mobileItems
-  });
-};
-
-exports._NavWithTwoRows = _NavWithTwoRows;
-
-const _NavWithThreeRows = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    firstRow: rowOneOfTwo,
-    firstRowClasses: firstRowClasses,
-    secondRow: rowTwoOfTwo,
-    secondRowClasses: secondRowClasses,
-    thirdRow: thirdRow,
-    thirdRowClasses: thirdRowClasses,
-    mobileItems: mobileItems
-  });
-};
-
-exports._NavWithThreeRows = _NavWithThreeRows;
-
-const WithTwoRowsAsSideBar = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    firstRow: rowOneOfTwo,
-    firstRowClasses: firstRowClasses,
-    secondRow: rowTwoOfTwo,
-    secondRowClasses: secondRowClasses,
-    mobileItems: mobileItems,
-    asSideBar: true
-  });
-};
-
-exports.WithTwoRowsAsSideBar = WithTwoRowsAsSideBar;

package/dist/components/Nav/README.md

@@ -1,45 +0,0 @@
-# Nav
-
-A personalisable naviagtion bar, suitable for desktop and mobile
-## Example
-
-```
-<Nav
-    links={links}
-    navPosition='1'
-    navClass="bg-brand-light-grey pb-4 pt-2"
-    navLinkClass='px-2 py-2 rounded-lg flex-1 hover:text-white hover:bg-black'
-    logoClass='py-4'
-/>
-```
-
-## Parameters
-`links={string} (default=null)`
-`navPosition={string} (default=null)`
-`alignNavAndLogo={boolean} (default=null)`
-`navClass={string} (default=null)`
-`navLinkClass={string} (default=null)`
-`logoClass={string} (default=null)`
-`showSearch={boolean} (default=null)`
-`showProfile={boolean} (default=null)`
-`icon={string} (default=null)`
-`logoImage={string} (default=null)`
-`navItemBorderColor={string} (default=null)`
-`navItemTextColor={string} (default=null)`
-`navItemBgColor={string} (default=null)`
-`hoverNavItemBorderColor={string} (default=null)`
-`hoverNavItemTextColor={string} (default=null)`
-`hoverNavItemBgColor={string} (default=null)`
-`bgColor={string} (default=null)`
-`navItemBordered={string} (default=null)`
-`navItemRounded={string} (default=null)`
-`navItemClassNames={string} (default=null)`
-`navItemLinkClassNames={string} (default=null)`
-`mobileNavItemBordered={string} (default=null)`
-`mobileNavItemRounded={string} (default=null)`
-`mobileNavItemClassNames={string} (default=null)`
-`mobileNavItemLinkClassNames={string} (default=null)`
-`mobileNavButtonBgColor={string} (default=null)`
-`mobileNavButtonColor={string} (default=null)`
-`hoverMobileNavButtonBgColor={string} (default=null)`
-`hoverMobileNavButtonColor={string} (default=null)`

package/dist/components/NavItem/NavItem.stories.js

@@ -1,150 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.withStyles = exports.default = exports._NavItem = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _addonActions = require("@storybook/addon-actions");
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-require("../../../index.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  title: 'Components/NavItem',
-  argTypes: {
-    name: {
-      name: 'item Text',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'NavItem 1',
-      table: {
-        category: 'Standard',
-        subcategory: 'Content'
-      }
-    },
-    url: {
-      name: 'url reference',
-      control: {
-        type: 'text'
-      },
-      defaultValue: '/',
-      table: {
-        category: 'Standard',
-        subcategory: 'Content'
-      }
-    },
-    bgColor: {
-      name: 'Background Color',
-      control: {
-        type: 'color'
-      },
-      table: {
-        category: 'Standard',
-        subcategory: 'Colors'
-      }
-    },
-    textColor: {
-      name: 'Text Color',
-      control: {
-        type: 'color'
-      },
-      table: {
-        category: 'Standard',
-        subcategory: 'Colors'
-      }
-    },
-    borderColor: {
-      name: 'Border Color',
-      control: {
-        type: 'color'
-      },
-      table: {
-        category: 'Standard',
-        subcategory: 'Colors'
-      }
-    },
-    hoverBgColor: {
-      name: 'Background Color',
-      control: {
-        type: 'color'
-      },
-      table: {
-        category: 'Hover',
-        subcategory: 'Colors'
-      }
-    },
-    hoverTextColor: {
-      name: 'Text Color',
-      control: {
-        type: 'color'
-      },
-      table: {
-        category: 'Hover',
-        subcategory: 'Colors'
-      }
-    },
-    hoverBorderColor: {
-      name: 'Border Color',
-      control: {
-        type: 'color'
-      },
-      table: {
-        category: 'Hover',
-        subcategory: 'Colors'
-      }
-    }
-  },
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _NavItem = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    name: args.name,
-    url: args.url,
-    onClick: (0, _addonActions.action)('NavItem-click'),
-    bgColor: args.bgColor,
-    textColor: args.textColor,
-    borderColor: args.borderColor,
-    hoverTextColor: args.hoverTextColor,
-    hoverBgColor: args.hoverBgColor,
-    hoverBorderColor: args.hoverBorderColor,
-    bordered: true,
-    rounded: true,
-    linkClassNames: "py-1"
-  });
-};
-
-exports._NavItem = _NavItem;
-
-const withStyles = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    name: args.name,
-    url: args.url,
-    onClick: (0, _addonActions.action)('NavItem-click'),
-    bgColor: args.bgColor,
-    textColor: args.textColor,
-    borderColor: args.borderColor,
-    hoverTextColor: args.hoverTextColor,
-    hoverBgColor: args.hoverBgColor,
-    hoverBorderColor: args.hoverBorderColor
-  });
-};
-
-exports.withStyles = withStyles;

package/dist/components/NavItem/README.md

@@ -1,36 +0,0 @@
-# Button
-
-A basic button
-
-## Example
-
-```
-<Button 
-    ctaText={args.text} 
-    bgColor={args.bgColor}
-    textColor={args.textColor}
-    borderColor={args.borderColor}
-    hoverCtaText={args.hoverText}
-    hoverTextColor={args.hoverTextColor}
-    hoverBgColor={args.hoverBgColor}
-    hoverBorderColor={args.hoverBorderColor}
-    onClick={action('button-click')}
-/>
-```
-
-## Parameters
-`ctaText={string} (default=null)`
-`className={string} (default=null)`
-`onClick={func} (default=null)`
-`leftIcon={string} (default=null)`
-`rightIcon={string} (default=null)`
-`centerIcon={string} (default=null)`
-`bgColor={string} (default=null)`
-`textColor={string} (default=null)`
-`borderColor={string} (default=null)`
-`hoverBgColor={string} (default=null)`
-`hoverTextColor={string} (default=null)`
-`hoverBorderColor={string} (default=null)`
-`hoverCtaText={string} (default=null)`
-`url={string} (default=null)`
-`buttonType={string} (default=null)`

package/dist/components/Profile/Profile.stories.js

@@ -1,86 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Profile = exports.ProfileRight = exports.ProfileLeft = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-require("../../../index.css");
-
-var _user = _interopRequireDefault(require("./user.jpeg"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const links = [{
-  link: '#',
-  name: 'Link 1'
-}, {
-  link: '#',
-  name: 'Link 2'
-}, {
-  link: '#',
-  name: 'Link 3'
-}];
-var _default = {
-  title: 'Components/Profile',
-  argTypes: {
-    leftAlign: {
-      name: 'Align Left',
-      control: {
-        type: 'boolean'
-      },
-      defaultValue: 'false'
-    },
-    rightAlign: {
-      name: 'Align Right',
-      control: {
-        type: 'boolean'
-      },
-      defaultValue: 'false'
-    }
-  },
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _Profile = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    profileLinks: links,
-    userImage: _user.default
-  });
-};
-
-exports._Profile = _Profile;
-
-const ProfileRight = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    profileLinks: links,
-    userImage: _user.default,
-    alignRight: true
-  });
-};
-
-exports.ProfileRight = ProfileRight;
-
-const ProfileLeft = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    profileLinks: links,
-    userImage: _user.default,
-    alignLeft: true
-  });
-};
-
-exports.ProfileLeft = ProfileLeft;