trepur_components 0.2.0 → 0.2.3

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

@@ -1,84 +1,69 @@
-"use strict";
+import React from 'react'
+import AlertBar from './index';
 
-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'
-      }
+export default {
+    title: 'Trepur Components/Atoms/AlertBar',
+    component: AlertBar,
+    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'
+            }
+        },
     },
-    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'
     }
-  },
-  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({});
+const Template = (args) => <AlertBar {...args} />
 
-exports._AlertBar = _AlertBar;
-_AlertBar.args = {};
+export const _AlertBar = Template.bind({});
+_AlertBar.args = {};

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

@@ -1,49 +1,41 @@
-"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: ''
-      }
+import React from 'react'
+import Breadcrumbs from './index'
+
+export default {
+    title: 'Trepur Components/Atoms/Breadcrumbs',
+    components: Breadcrumbs,
+    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'
+            }
+        ]
     }
-  },
-  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({});
+const Template = (args) => <Breadcrumbs {...args} />;
 
-exports._Breadcrumbs = _Breadcrumbs;
+export const _Breadcrumbs = Template.bind({});
 _Breadcrumbs.args = {};

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

@@ -1,103 +1,86 @@
-"use strict";
+import React from 'react'
+import Column from '../Column';
+import BreadcrumbsItem from './index'
+import './index.css';
 
-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: ''
-      }
+export default {
+    title: 'Trepur Components/Atoms/Breadcrumbs Item',
+    components: BreadcrumbsItem,
+    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: '',
+            }
+        },
     },
-    textColor: {
-      description: '',
-      control: 'color',
-      table: {
-        category: 'Colors'
-      }
+    args: {
+        name: 'Link 1',
     },
-    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({});
+const Template = (args) => <Column sm={1}><BreadcrumbsItem {...args} /></Column>
 
-exports._BreadcrumbsItem = _BreadcrumbsItem;
-_BreadcrumbsItem.args = {};
+export const _BreadcrumbsItem = Template.bind({});
+_BreadcrumbsItem.args = {};

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

@@ -1,86 +1,68 @@
-"use strict";
+import React from 'react'
+import Button from './index'
+import { action } from '@storybook/addon-actions'
+import './Styles.css'
+import { buttonOptions } from '../../../utils/controls'
 
-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: {}
+export default {
+    title: 'Trepur Components/Atoms/Button',
+    component: Button,
+    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: {
+        ...buttonOptions
+    },
+    args: {
+    },
 };
-exports.default = _default;
 
-const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
+const Template = (args) => <Button {...args} />;
 
-const HoverButton = Template.bind({});
-exports.HoverButton = HoverButton;
+export const HoverButton = Template.bind({});
 HoverButton.args = {
-  ctaText: 'This is a button'
+    ctaText: 'This is a button',
 };
-const SocialButtonFacebook = Template.bind({});
-exports.SocialButtonFacebook = SocialButtonFacebook;
+
+export const SocialButtonFacebook = Template.bind({});
 SocialButtonFacebook.args = {
-  onClick: (0, _addonActions.action)('button-click'),
-  buttonCenterIcon: 'facebook-f',
-  hoverButtonBgColor: 'white',
-  buttonBgColor: '#3b5999',
-  buttonTextColor: 'white',
-  hoverButtonTextColor: '#3b5999',
-  hoverButtonBorderColor: '#3b5999',
-  buttonType: 'social',
-  url: '/'
+    onClick: 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;
+
+export const SocialButtonWhatsapp = Template.bind({});
 SocialButtonWhatsapp.args = {
-  onClick: (0, _addonActions.action)('button-click'),
-  buttonCenterIcon: 'whatsapp',
-  hoverButtonBgColor: 'white',
-  buttonBgColor: '#25d366',
-  buttonTextColor: 'white',
-  hoverButtonTextColor: '#25d366',
-  hoverButtonBorderColor: '#25d366',
-  buttonType: 'social',
-  url: '/'
+    onClick: 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;
+
+export const SocialButtonTwitter = Template.bind({});
 SocialButtonTwitter.args = {
-  onClick: (0, _addonActions.action)('button-click'),
-  buttonCenterIcon: 'twitter',
-  hoverButtonBgColor: 'white',
-  buttonBgColor: '#55acee',
-  buttonTextColor: 'white',
-  hoverButtonTextColor: '#55acee',
-  hoverButtonBorderColor: '#55acee',
-  buttonType: 'social',
-  url: '/'
+    onClick: action('button-click'),
+    buttonCenterIcon: 'twitter',
+    hoverButtonBgColor: 'white',
+    buttonBgColor: '#55acee',
+    buttonTextColor: 'white',
+    hoverButtonTextColor: '#55acee',
+    hoverButtonBorderColor: '#55acee',
+    buttonType: 'social',
+    url: '/'
 };