trepur_components 0.1.4 → 0.1.8

package/dist/Components/Nav/Nav.stories.js

@@ -1,108 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Nav = exports.NavWithSearchAndProfile = exports.NavWithSearch = exports.NavWithProfile = exports.NavAligned = 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 links = [{
-  name: 'link 1',
-  reference: '/'
-}, {
-  name: 'link 2',
-  reference: '/'
-}, {
-  name: 'link n-1',
-  reference: '/'
-}, {
-  name: 'link n',
-  reference: '/'
-}];
-var _default = {
-  title: 'Components/Nav',
-  argTypes: {},
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _Nav = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    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"
-  });
-};
-
-exports._Nav = _Nav;
-
-const NavWithSearch = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    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",
-    showSearch: true
-  });
-};
-
-exports.NavWithSearch = NavWithSearch;
-
-const NavWithProfile = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    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",
-    showProfile: true
-  });
-};
-
-exports.NavWithProfile = NavWithProfile;
-
-const NavWithSearchAndProfile = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    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",
-    showProfile: true,
-    showSearch: true
-  });
-};
-
-exports.NavWithSearchAndProfile = NavWithSearchAndProfile;
-
-const NavAligned = () => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    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",
-    alignNavAndLogo: true
-  });
-};
-
-exports.NavAligned = NavAligned;

package/dist/Components/Nav/index.js

@@ -1,170 +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");
-
-var _index = _interopRequireDefault(require("../Profile/index"));
-
-var _index2 = _interopRequireDefault(require("../Search/index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Header = _ref => {
-  let {
-    links,
-    navPosition,
-    alignNavAndLogo,
-    navClass,
-    navLinkClass,
-    logoClass,
-    showSearch,
-    showProfile
-  } = _ref;
-  const [mobileMenuState, setmobileMenuState] = (0, _react.useState)(false);
-  const profileLinks = [{
-    name: 'PROFILE ITEM 1',
-    reference: '/'
-  }, {
-    name: 'PROFILE ITEM 2',
-    reference: '/'
-  }, {
-    name: 'PROFILE ITEM 3',
-    reference: '/'
-  }, {
-    name: 'PROFILE ITEM 4',
-    reference: '/'
-  }];
-  let combinedLogoClass = logoClass + ' hidden sm:inline-flex flex-1 flex items-center justify-center sm:items-stretch ';
-  let combinedMobileLogoClass = logoClass + ' sm:hidden block flex-1 flex items-center justify-center sm:items-stretch ';
-  let linkContainerClass = 'flex-1 flex items-center justify-center sm:items-stretch ';
-
-  if (alignNavAndLogo) {
-    combinedLogoClass = ' hidden sm:inline-flex pl-4 pt-8 absolute inset-y-0 h-8 left-0 flex items-center';
-  } else {
-    combinedLogoClass += ' flex-1';
-  }
-
-  if (navPosition === '0') {
-    linkContainerClass += 'sm:justify-start';
-  }
-
-  if (navPosition === '1') {
-    linkContainerClass += 'sm:justify-center';
-  }
-
-  if (navPosition === '2') {
-    linkContainerClass += 'sm:justify-end';
-  }
-
-  return /*#__PURE__*/React.createElement("nav", {
-    id: "nav",
-    className: navClass
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "px-4"
-  }, /*#__PURE__*/React.createElement("div", {
-    id: "sm-nav",
-    className: "relative flex items-center justify-between h-16 sm:hidden"
-  }, /*#__PURE__*/React.createElement("div", {
-    id: "nav-collapse-btn-wrapper",
-    className: "absolute inset-y-0 left-0 flex items-center"
-  }, /*#__PURE__*/React.createElement("button", {
-    onClick: () => setmobileMenuState(!mobileMenuState),
-    type: "button",
-    className: "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-black hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white",
-    "aria-controls": "mobile-menu",
-    "aria-expanded": "false"
-  }, /*#__PURE__*/React.createElement("svg", {
-    className: "block h-6 w-6",
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    "aria-hidden": "true"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M4 6h16M4 12h16M4 18h16"
-  })), /*#__PURE__*/React.createElement("svg", {
-    className: "hidden h-6 w-6",
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    "aria-hidden": "true"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M6 18L18 6M6 6l12 12"
-  })))), /*#__PURE__*/React.createElement("div", {
-    id: "logo",
-    className: combinedMobileLogoClass
-  }, /*#__PURE__*/React.createElement("img", {
-    className: "h-8 w-auto",
-    src: "logo.png",
-    alt: " Logo "
-  }))), /*#__PURE__*/React.createElement("div", {
-    clas: true,
-    Name: "hidden sm:block pt-2 items-center justify-between sm:items-stretch text-center"
-  }, /*#__PURE__*/React.createElement("div", {
-    id: "logo",
-    className: combinedLogoClass
-  }, /*#__PURE__*/React.createElement("img", {
-    className: "h-8 w-auto",
-    src: "logo.png",
-    alt: " Logo "
-  })), /*#__PURE__*/React.createElement("div", {
-    id: "nav-container",
-    className: linkContainerClass
-  }, /*#__PURE__*/React.createElement("div", {
-    id: "nav-block",
-    className: "hidden sm:inline-flex sm:ml-6"
-  }, /*#__PURE__*/React.createElement("ul", {
-    id: "nav-list",
-    className: "list-none mx-auto flex flex-1"
-  }, links && links.map(link => {
-    return /*#__PURE__*/React.createElement("li", {
-      key: link.name,
-      className: "flex px-4",
-      onClick: link.onClick
-    }, /*#__PURE__*/React.createElement("a", {
-      className: navLinkClass,
-      href: link.reference
-    }, link.name));
-  })))), showSearch && /*#__PURE__*/React.createElement(_index2.default, {
-    className: "hidden sm:inline-flex pl-4 pt-8 absolute inset-y-0 h-8 right-16 flex items-center"
-  }), showProfile && /*#__PURE__*/React.createElement(_index.default, {
-    profileLinks: profileLinks
-  }))), mobileMenuState && /*#__PURE__*/React.createElement("div", {
-    className: "sm:hidden",
-    id: "mobile-menu"
-  }, showProfile && /*#__PURE__*/React.createElement("img", {
-    className: "ml-3 h-8 w-8 rounded-full",
-    src: "user.jpeg",
-    alt: ""
-  }), showSearch && /*#__PURE__*/React.createElement(_index2.default, {
-    className: "flex flex-1 ml-4"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "px-2 pt-2 pb-3 space-y-1"
-  }, links && links.map(link => {
-    return /*#__PURE__*/React.createElement("a", {
-      key: link.name,
-      href: link.reference,
-      className: "text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium",
-      "aria-current": "page"
-    }, link.name);
-  }), showProfile && profileLinks && profileLinks.map(link => {
-    return /*#__PURE__*/React.createElement("a", {
-      key: link.name,
-      href: link.reference,
-      className: "text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium",
-      role: "menuitem",
-      tabindex: "-1",
-      id: "user-menu-item-0"
-    }, link.name);
-  }))));
-};
-
-var _default = Header;
-exports.default = _default;

package/dist/Components/Profile/Profile.stories.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Breadcrumbs = 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 links = [{
-  link: '/',
-  name: 'link 1'
-}, {
-  link: '/',
-  name: 'link 2'
-}, {
-  link: '/',
-  name: 'Link 3'
-}];
-var _default = {
-  title: 'Components/Breadcrumbs',
-  argTypes: {},
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _Breadcrumbs = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, null);
-};
-
-exports._Breadcrumbs = _Breadcrumbs;

package/dist/Components/Profile/index.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/Search/Search.stories.js

@@ -1,72 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Search = exports.SearchWithPlaceholder = exports.SearchWithLabel = exports.SearchWithIcon = exports.SearchWithAll = 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("../Icon/index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  title: 'Components/Search',
-  argTypes: {},
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _Search = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, null);
-};
-
-exports._Search = _Search;
-
-const SearchWithPlaceholder = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    placeholder: "Enter some search item"
-  });
-};
-
-exports.SearchWithPlaceholder = SearchWithPlaceholder;
-
-const SearchWithLabel = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    text: "Label"
-  });
-};
-
-exports.SearchWithLabel = SearchWithLabel;
-
-const SearchWithIcon = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    leftIcon: "search"
-  });
-};
-
-exports.SearchWithIcon = SearchWithIcon;
-
-const SearchWithAll = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    text: "Label",
-    leftIcon: "search",
-    placeholder: "Enter some search item"
-  });
-};
-
-exports.SearchWithAll = SearchWithAll;

package/dist/Components/Search/index.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _index = _interopRequireDefault(require("../Icon/index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Search = _ref => {
-  let {
-    className,
-    onChange: _onChange,
-    placeholder,
-    text,
-    leftIcon
-  } = _ref;
-  let classes = className + ' flex';
-  let iconLeft = /*#__PURE__*/React.createElement(_index.default, {
-    type: leftIcon
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    id: "search",
-    className: classes
-  }, text && /*#__PURE__*/React.createElement("h2", null, text), /*#__PURE__*/React.createElement("label", {
-    className: "relative block"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "sr-only"
-  }, "Search"), leftIcon && /*#__PURE__*/React.createElement("span", {
-    className: "absolute inset-y-0 left-5 flex items-center pl-2"
-  }, iconLeft), /*#__PURE__*/React.createElement("input", {
-    className: "ml-4 pr-32 border-2 border-gray-300 h-10 px-5 placeholder:italic placeholder:text-gray-400 rounded-md py-2 pl-9 focus:outline-none focus:border-sky-500 focus:ring-sky-500 focus:ring-1",
-    onChange: e => _onChange(e.target.value),
-    placeholder: placeholder,
-    type: "text",
-    name: "search"
-  })));
-};
-
-var _default = Search;
-exports.default = _default;

package/dist/Components/SignedInLinks/SignedInLinks.stories.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._SignedInLinks = 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 links = [{
-  link: '/',
-  name: 'link 1'
-}, {
-  link: '/',
-  name: 'link 2'
-}, {
-  link: '/',
-  name: 'Link 3'
-}];
-var _default = {
-  title: 'Components/SignedInLinks',
-  argTypes: {},
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _SignedInLinks = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    links: links
-  });
-};
-
-exports._SignedInLinks = _SignedInLinks;

package/dist/Components/SignedInLinks/index.js

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

package/dist/Components/SignedOutLinks/SignedOutLinks.stories.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._SignedOutLinks = 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 links = [{
-  link: '/',
-  name: 'link 1'
-}, {
-  link: '/',
-  name: 'link 2'
-}, {
-  link: '/',
-  name: 'Link 3'
-}];
-var _default = {
-  title: 'Components/SignedOutLinks',
-  argTypes: {},
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _SignedOutLinks = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    links: links
-  });
-};
-
-exports._SignedOutLinks = _SignedOutLinks;

package/dist/Components/SignedOutLinks/index.js

@@ -1,27 +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 flex"
-  }, /*#__PURE__*/React.createElement("ul", {
-    className: "list-none mx-auto flex flex-1"
-  }, links && links.map(link => {
-    return /*#__PURE__*/React.createElement("li", {
-      className: "flex px-4"
-    }, /*#__PURE__*/React.createElement("a", {
-      className: "flex-1",
-      href: link.url
-    }, link.name));
-  })));
-};
-
-var _default = SignedInLinks;
-exports.default = _default;

package/dist/index.css

@@ -1,4 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');