trepur_components 0.2.0 → 0.2.1

package/package.json

@@ -2,7 +2,7 @@
   "name": "trepur_components",
   "description": "component lib",
   "author": "trepur_ttenneb",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "private": false,
   "keywords": [
     "react",
@@ -28,7 +28,9 @@
     "web-vitals": "^2.1.4"
   },
   "scripts": {
-    "build": "rm -rf dist && NODE_ENV=production babel src/lib --out-dir dist --copy-files",
+    "build": "rm -rf dist && npm run build-atoms && npm run build-organisms",
+    "build-atoms": "NODE_ENV=production babel src/lib/components/Atoms/ --out-dir dist --ignore src/**/*.stories.js --copy-files --no-copy-ignored",
+    "build-organisms": "NODE_ENV=production babel src/lib/components/Organisms --out-dir dist --ignore src/**/*.stories.js --copy-files --no-copy-ignored",
     "eject": "react-scripts eject",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook -s public"

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

@@ -1,84 +0,0 @@
-"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/components/Atoms/Breadcrumbs/Breadcrumbs.stories.js

@@ -1,49 +0,0 @@
-"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/components/Atoms/BreadcrumbsItem/BreadcrumbsItem.stories.js

@@ -1,103 +0,0 @@
-"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/components/Atoms/Button/button.stories.js

@@ -1,86 +0,0 @@
-"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/components/Atoms/Button/button.stories.mdx

@@ -1,72 +0,0 @@
-<!-- // import { Canvas, Meta, Story } from "@storybook/addon-docs";
-
-// import { Button } from "./index";
-
-// <Meta title="MDX/Button" component={Button} />
-
-// # Button
-
-// Let's define a story for our `Button` component:
-
-// export const Template = (args) => <Button {...args} />;
-
-// <Canvas>
-//   <Story
-//     name="facebook"
-//     args={{
-//       onClick: action("button-click"),
-//       centerIcon: "facebook-f",
-//       hoverBgColor: "white",
-//       bgColor: "#3b5999",
-//       textColor: "white",
-//       hoverTextColor: "black",
-//       buttonType: "social",
-//       url: "/",
-//     }}
-//   >
-//     {Template.bind({})}
-//   </Story>
-//   <Story
-//     name="whatsapp"
-//     args={{
-//       onClick: action("button-click"),
-//       centerIcon: "facebook-f",
-//       hoverBgColor: "white",
-//       bgColor: "#3b5999",
-//       textColor: "white",
-//       hoverTextColor: "black",
-//       buttonType: "social",
-//       url: "/",
-//     }}
-//   >
-//     {Template.bind({})}
-//   </Story>
-//   <Story
-//     name="twitter"
-//     args={{
-//       onClick: action("button-click"),
-//       centerIcon: "facebook-f",
-//       hoverBgColor: "white",
-//       bgColor: "#3b5999",
-//       textColor: "white",
-//       hoverTextColor: "black",
-//       buttonType: "social",
-//       url: "/",
-//     }}
-//   >
-//     {Template.bind({})}
-//   </Story>
-// </Canvas>
-
-
-// <Canvas>
-//     <Story>
-//         {SocialButton}
-//     </Story>
-//     <Story>
-//         {SocialButton2}
-//     </Story>
-//     <Story>
-//         {SocialButton2}
-//     </Story>
-// </Canvas> -->