trepur_components 0.2.3 → 0.2.4

package/dist/lib/components/Atoms/AlertBar/AlertBar.stories.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports._AlertBar = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("./index"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  title: 'Trepur Components/Atoms/AlertBar',
+  component: _index.default,
+  parameters: {},
+  argTypes: {
+    text: {
+      description: 'The text the appears as an overlay on the Jumbotron',
+      control: 'text',
+      table: {
+        category: ''
+      }
+    },
+    textColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors'
+      }
+    },
+    type: {
+      description: 'Select',
+      options: ['success', 'warning', 'error'],
+      control: {
+        type: 'select'
+      },
+      table: {
+        category: ''
+      }
+    },
+    leftIcon: {
+      description: '',
+      control: 'text',
+      table: {
+        category: ''
+      }
+    },
+    leftIconColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors'
+      }
+    },
+    rightIcon: {
+      description: '',
+      control: 'text',
+      table: {
+        category: ''
+      }
+    },
+    rightIconColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors'
+      }
+    }
+  },
+  args: {
+    text: 'this is a message',
+    type: 'success'
+  }
+};
+exports.default = _default;
+
+const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
+
+const _AlertBar = Template.bind({});
+
+exports._AlertBar = _AlertBar;
+_AlertBar.args = {};

package/dist/lib/components/Atoms/Breadcrumbs/Breadcrumbs.stories.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports._Breadcrumbs = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("./index"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  title: 'Trepur Components/Atoms/Breadcrumbs',
+  components: _index.default,
+  argTypes: {
+    links: {
+      description: '',
+      control: 'array',
+      table: {
+        category: ''
+      }
+    }
+  },
+  args: {
+    links: [{
+      link: '/',
+      name: 'link 1'
+    }, {
+      link: '/',
+      name: 'link 2'
+    }, {
+      link: '/',
+      name: 'link 3'
+    }, {
+      link: '/',
+      name: 'link 4'
+    }]
+  }
+};
+exports.default = _default;
+
+const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
+
+const _Breadcrumbs = Template.bind({});
+
+exports._Breadcrumbs = _Breadcrumbs;
+_Breadcrumbs.args = {};

package/dist/lib/components/Atoms/BreadcrumbsItem/BreadcrumbsItem.stories.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports._BreadcrumbsItem = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Column = _interopRequireDefault(require("../Column"));
+
+var _index = _interopRequireDefault(require("./index"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  title: 'Trepur Components/Atoms/Breadcrumbs Item',
+  components: _index.default,
+  parameters: {},
+  argTypes: {
+    link: {
+      description: '',
+      control: 'text',
+      table: {
+        category: ''
+      }
+    },
+    name: {
+      description: '',
+      control: 'text',
+      table: {
+        category: ''
+      }
+    },
+    textColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors'
+      }
+    },
+    bgColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors'
+      }
+    },
+    borderColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors'
+      }
+    },
+    hoverBgColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors',
+        subcategory: 'Hover'
+      }
+    },
+    hoverTextColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors',
+        subcategory: 'Hover'
+      }
+    },
+    hoverBorderColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors',
+        subcategory: 'Hover'
+      }
+    },
+    type: {
+      description: '',
+      control: 'text',
+      table: {
+        category: ''
+      }
+    }
+  },
+  args: {
+    name: 'Link 1'
+  }
+};
+exports.default = _default;
+
+const Template = args => /*#__PURE__*/_react.default.createElement(_Column.default, {
+  sm: 1
+}, /*#__PURE__*/_react.default.createElement(_index.default, args));
+
+const _BreadcrumbsItem = Template.bind({});
+
+exports._BreadcrumbsItem = _BreadcrumbsItem;
+_BreadcrumbsItem.args = {};

package/dist/lib/components/Atoms/Button/button.stories.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SocialButtonWhatsapp = exports.SocialButtonTwitter = exports.SocialButtonFacebook = exports.HoverButton = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("./index"));
+
+var _addonActions = require("@storybook/addon-actions");
+
+require("./Styles.css");
+
+var _controls = require("../../../utils/controls");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var _default = {
+  title: 'Trepur Components/Atoms/Button',
+  component: _index.default,
+  parameters: {
+    docs: {
+      description: {
+        component: 'A Button which can either be internal, external or social as well as a standard design or a slide design.'
+      }
+    }
+  },
+  argTypes: _objectSpread({}, _controls.buttonOptions),
+  args: {}
+};
+exports.default = _default;
+
+const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
+
+const HoverButton = Template.bind({});
+exports.HoverButton = HoverButton;
+HoverButton.args = {
+  ctaText: 'This is a button'
+};
+const SocialButtonFacebook = Template.bind({});
+exports.SocialButtonFacebook = SocialButtonFacebook;
+SocialButtonFacebook.args = {
+  onClick: (0, _addonActions.action)('button-click'),
+  buttonCenterIcon: 'facebook-f',
+  hoverButtonBgColor: 'white',
+  buttonBgColor: '#3b5999',
+  buttonTextColor: 'white',
+  hoverButtonTextColor: '#3b5999',
+  hoverButtonBorderColor: '#3b5999',
+  buttonType: 'social',
+  url: '/'
+};
+const SocialButtonWhatsapp = Template.bind({});
+exports.SocialButtonWhatsapp = SocialButtonWhatsapp;
+SocialButtonWhatsapp.args = {
+  onClick: (0, _addonActions.action)('button-click'),
+  buttonCenterIcon: 'whatsapp',
+  hoverButtonBgColor: 'white',
+  buttonBgColor: '#25d366',
+  buttonTextColor: 'white',
+  hoverButtonTextColor: '#25d366',
+  hoverButtonBorderColor: '#25d366',
+  buttonType: 'social',
+  url: '/'
+};
+const SocialButtonTwitter = Template.bind({});
+exports.SocialButtonTwitter = SocialButtonTwitter;
+SocialButtonTwitter.args = {
+  onClick: (0, _addonActions.action)('button-click'),
+  buttonCenterIcon: 'twitter',
+  hoverButtonBgColor: 'white',
+  buttonBgColor: '#55acee',
+  buttonTextColor: 'white',
+  hoverButtonTextColor: '#55acee',
+  hoverButtonBorderColor: '#55acee',
+  buttonType: 'social',
+  url: '/'
+};

package/dist/lib/components/Atoms/Collapsible/Collapsible.stories.js

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports._Collapsible = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("./index"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  title: 'Trepur Components/Atoms/Collapsible',
+  components: _index.default,
+  parameters: {},
+  argTypes: {
+    title: {
+      description: '',
+      control: 'text',
+      table: {
+        category: ''
+      }
+    },
+    subtitle: {
+      description: '',
+      control: 'text',
+      table: {
+        category: ''
+      }
+    },
+    isDropdown: {
+      description: '',
+      control: 'boolean',
+      table: {
+        category: ''
+      }
+    },
+    icon: {
+      description: '',
+      control: 'text',
+      table: {
+        category: ''
+      }
+    },
+    content: {
+      description: '',
+      control: 'text',
+      table: {
+        category: ''
+      }
+    },
+    boldTitle: {
+      description: '',
+      control: 'boolean',
+      table: {
+        category: ''
+      }
+    },
+    borderTop: {
+      description: '',
+      control: 'boolean',
+      table: {
+        category: ''
+      }
+    },
+    borderBottom: {
+      description: '',
+      control: 'boolean',
+      table: {
+        category: ''
+      }
+    },
+    showBottomLine: {
+      description: '',
+      control: 'boolean',
+      table: {
+        category: ''
+      }
+    },
+    children: {
+      description: '',
+      control: 'array',
+      table: {
+        category: ''
+      }
+    },
+    contentBgColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors'
+      }
+    },
+    contentTextColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors'
+      }
+    },
+    bgColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors'
+      }
+    },
+    textColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors'
+      }
+    },
+    hoverBgColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors',
+        subcategory: 'Hover'
+      }
+    },
+    hoverTextColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors',
+        subcategory: 'Hover'
+      }
+    },
+    iconSize: {
+      description: 'Between 1 and 5',
+      control: 'number',
+      table: {
+        category: ''
+      }
+    }
+  },
+  args: {
+    title: 'This is a title',
+    subtitle: 'This is a subtitle',
+    isDropdown: true,
+    icon: 'th',
+    boldTitle: true,
+    children: [/*#__PURE__*/_react.default.createElement("p", null, "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Error, unde perferendis quibusdam eos repellendus vero rerum sunt reiciendis velit autem odio, fuga molestiae perspiciatis dolor voluptatum mollitia quos ipsa! Doloribus? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Reiciendis ducimus, dolorum tempore unde earum aspernatur placeat magnam, alias neque, blanditiis esse tenetur dignissimos in optio nihil libero cum cupiditate debitis?")]
+  }
+};
+exports.default = _default;
+
+const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
+
+const _Collapsible = Template.bind({});
+
+exports._Collapsible = _Collapsible;
+_Collapsible.args = {};

package/dist/lib/components/Atoms/Column/Column.stories.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports._Column = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("./index"));
+
+var _controls = require("../../../utils/controls");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var _default = {
+  title: 'Trepur Components/Atoms/Column',
+  component: _index.default,
+  parameters: {},
+  argTypes: _objectSpread({}, _controls.columnOptions),
+  args: {
+    sm: 1,
+    md: 1,
+    lg: 1,
+    xl: 1,
+    className: 'border h-16'
+  }
+};
+exports.default = _default;
+
+const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
+
+const _Column = Template.bind({});
+
+exports._Column = _Column;
+_Column.args = {};

package/dist/lib/components/Atoms/Icon/Icon.stories.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports._Icon = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("./index"));
+
+var _controls = require("../../../utils/controls");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var _default = {
+  title: 'Trepur Components/Atoms/Icon',
+  components: _index.default,
+  parameters: {},
+  argTypes: _objectSpread({}, _controls.iconOptions),
+  args: {
+    type: 'th',
+    size: 3
+  }
+};
+exports.default = _default;
+
+const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
+
+const _Icon = Template.bind({});
+
+exports._Icon = _Icon;
+_Icon.args = {};

package/dist/lib/components/Atoms/Image/Image.stories.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports._Image = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("./index"));
+
+var _logoWhite = _interopRequireDefault(require("../../../Assets/Images/logoWhite.png"));
+
+var _controls = require("../../../utils/controls");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var _default = {
+  title: 'Trepur Components/Atoms/Image',
+  components: _index.default,
+  parameters: {},
+  argTypes: _objectSpread({}, _controls.imageOptions),
+  args: {
+    image: _logoWhite.default
+  }
+};
+exports.default = _default;
+
+const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
+
+const _Image = Template.bind({});
+
+exports._Image = _Image;
+_Image.args = {};