trepur_components 0.2.0 → 0.2.3

package/dist/components/Organisms/Carousel/Carousel.stories.js

@@ -1,130 +1,111 @@
-"use strict";
+import React from 'react'
+import Carousel from './index'
+import './index.css'
+import mp4 from '../../../Assets/Videos/example.mp4'
+import Video from '../../Atoms/Video'
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Carousel = void 0;
+const textSlides = [
+    <div className='bg-black'>
+        <Video classes='mx-auto' mp4File={mp4} autoPlay/>
+    </div>,
+    <div className='h-32 border bg-brand-primary'>
+        <h3 className='text-center pt-8 text-4xl'>2</h3>
+    </div>,
+    <div className='h-32 border bg-brand-secondary'>
+        <h3 className='text-center pt-8 text-4xl'>3</h3>
+    </div>
+]
 
-var _react = _interopRequireDefault(require("react"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-require("./index.css");
-
-var _example = _interopRequireDefault(require("../../../Assets/Videos/example.mp4"));
-
-var _Video = _interopRequireDefault(require("../../Atoms/Video"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const textSlides = [/*#__PURE__*/_react.default.createElement("div", {
-  className: "bg-black"
-}, /*#__PURE__*/_react.default.createElement(_Video.default, {
-  classes: "mx-auto",
-  mp4File: _example.default,
-  autoPlay: true
-})), /*#__PURE__*/_react.default.createElement("div", {
-  className: "h-32 border bg-brand-primary"
-}, /*#__PURE__*/_react.default.createElement("h3", {
-  className: "text-center pt-8 text-4xl"
-}, "2")), /*#__PURE__*/_react.default.createElement("div", {
-  className: "h-32 border bg-brand-secondary"
-}, /*#__PURE__*/_react.default.createElement("h3", {
-  className: "text-center pt-8 text-4xl"
-}, "3"))];
-var _default = {
-  title: 'Trepur Components/Organisms/Carousel',
-  component: _index.default,
-  parameters: {},
-  argTypes: {
-    slides: {
-      description: '',
-      control: 'array',
-      table: {
-        category: ''
-      }
-    },
-    slidesToShow: {
-      description: '',
-      control: 'number',
-      table: {
-        category: ''
-      }
-    },
-    slidesToScroll: {
-      description: '',
-      control: 'number',
-      table: {
-        category: ''
-      }
+export default {
+    title: 'Trepur Components/Organisms/Carousel',
+    component: Carousel,
+    parameters: {},
+    argTypes: {
+        slides: {
+            description: '',
+            control: 'array',
+            table: {
+                category: ''
+            }
+        },
+        slidesToShow: {
+            description: '',
+            control: 'number',
+            table: {
+                category: ''
+            }
+        },
+        slidesToScroll: {
+            description: '',
+            control: 'number',
+            table: {
+                category: ''
+            }
+        },
+        infinite: {
+            description: '',
+            control: 'boolean',
+            table: {
+                category: ''
+            }
+        },
+        arrows: {
+            description: '',
+            control: 'boolean',
+            table: {
+                category: ''
+            }
+        },
+        dots: {
+            description: '',
+            control: 'boolean',
+            table: {
+                category: ''
+            }
+        },
+        speed: {
+            description: 'milliseconds',
+            control: 'number',
+            table: {
+                category: ''
+            }
+        },
+        autoPlay: {
+            description: '',
+            control: 'boolean',
+            table: {
+                category: ''
+            }
+        },
+        autoPlaySpeed: {
+            description: 'milliseconds',
+            control: 'number',
+            table: {
+                category: ''
+            }
+        },
+        speed: {
+            description: 'milliseconds',
+            control: 'number',
+            table: {
+                category: ''
+            }
+        }
     },
-    infinite: {
-      description: '',
-      control: 'boolean',
-      table: {
-        category: ''
-      }
-    },
-    arrows: {
-      description: '',
-      control: 'boolean',
-      table: {
-        category: ''
-      }
-    },
-    dots: {
-      description: '',
-      control: 'boolean',
-      table: {
-        category: ''
-      }
-    },
-    speed: {
-      description: 'milliseconds',
-      control: 'number',
-      table: {
-        category: ''
-      }
-    },
-    autoPlay: {
-      description: '',
-      control: 'boolean',
-      table: {
-        category: ''
-      }
-    },
-    autoPlaySpeed: {
-      description: 'milliseconds',
-      control: 'number',
-      table: {
-        category: ''
-      }
-    },
-    speed: {
-      description: 'milliseconds',
-      control: 'number',
-      table: {
-        category: ''
-      }
+    args: {
+        slides: textSlides,
+        slidesToShow: 1,
+        slidesToScroll: 1,
+        dots: true,
+        arrows: true,
+        infinite: true,
+        autoPlay: true,
+        autoPlaySpeed: 2500,
+        speed: 1000
     }
-  },
-  args: {
-    slides: textSlides,
-    slidesToShow: 1,
-    slidesToScroll: 1,
-    dots: true,
-    arrows: true,
-    infinite: true,
-    autoPlay: true,
-    autoPlaySpeed: 2500,
-    speed: 1000
-  }
-};
-exports.default = _default;
-
-const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
+}
 
-const _Carousel = Template.bind({});
+const Template = (args) => <Carousel {...args} />;
 
-exports._Carousel = _Carousel;
+export const _Carousel = Template.bind({});
 _Carousel.args = {};

package/dist/components/Organisms/Chevron Card/ChevronCard.stories.js

@@ -1,28 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._ChevronCard = 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/Organisms/Chevron Card',
-  component: _index.default,
-  parameters: {},
-  argTypes: {},
-  args: {}
-};
-exports.default = _default;
-
-const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
-
-const _ChevronCard = Template.bind({});
-
-exports._ChevronCard = _ChevronCard;
+import React from 'react'
+import ChevronCard from './index'
+
+export default {
+    title: 'Trepur Components/Organisms/Chevron Card',
+    component: ChevronCard,
+    parameters: {},
+    argTypes: {
+        
+    },
+    args: {
+    }
+}
+
+const Template = (args) => <ChevronCard {...args} />;
+
+export const _ChevronCard = Template.bind({});
 _ChevronCard.args = {};

package/dist/components/Organisms/Form/Form.stories.js

@@ -1,124 +1,118 @@
-"use strict";
+import React from 'react'
+import { 
+    buttonDesignOptions, 
+    buttonTypeOptions 
+} from '../../../utils/controls'
+import Form from './index'
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Form = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _controls = require("../../../utils/controls");
-
-var _index = _interopRequireDefault(require("./index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  title: 'Trepur Components/Organisms/Form',
-  components: _index.default,
-  parameters: {},
-  argTypes: {
-    title: {
-      description: '',
-      control: 'text',
-      table: {
-        category: ''
-      }
-    },
-    components: {
-      description: '',
-      control: 'array',
-      table: {
-        category: ''
-      }
-    },
-    buttonDesign: {
-      description: '',
-      control: 'select',
-      options: _controls.buttonDesignOptions,
-      table: {
-        category: ''
-      }
+export default {
+    title: 'Trepur Components/Organisms/Form',
+    components: Form,
+    parameters: {},
+    argTypes: {
+        title: {
+            description: '',
+            control: 'text',
+            table: {
+                category: '',
+            },
+        },
+        components: {
+            description: '',
+            control: 'array',
+            table: {
+                category: '',
+            },
+        },
+        buttonDesign: {
+            description: '',
+            control: 'select',
+            options: buttonDesignOptions,
+            table: {
+                category: '',
+            },
+        },
+        buttonBgColor: {
+            description: '',
+            control: 'color',
+            table: {
+                category: 'Colors',
+            },
+        },
+        buttonTextColor: {
+            description: '',
+            control: 'color',
+            table: {
+                category: 'Colors',
+            },
+        },
+        buttonBorderColor: {
+            description: '',
+            control: 'color',
+            table: {
+                category: 'Colors',
+            },
+        },
+        hoverButtonBorderColor: {
+            description: '',
+            control: 'color',
+            table: {
+                category: 'Colors',
+                subcategory: 'Hover'
+            },
+        },
+        hoverButtonBgColor: {
+            description: '',
+            control: 'color',
+            table: {
+                category: 'Colors',
+                subcategory: 'Hover'
+            },
+        },
+        hoverButtonTextColor: {
+            description: '',
+            control: 'color',
+            table: {
+                category: 'Colors',
+                subcategory: 'Hover'
+            },
+        },
+        buttonType: {
+            description: '',
+            control: 'select',
+            options: buttonTypeOptions,
+            table: {
+                category: '',
+            },
+        }
     },
-    buttonBgColor: {
-      description: '',
-      control: 'color',
-      table: {
-        category: 'Colors'
-      }
-    },
-    buttonTextColor: {
-      description: '',
-      control: 'color',
-      table: {
-        category: 'Colors'
-      }
-    },
-    buttonBorderColor: {
-      description: '',
-      control: 'color',
-      table: {
-        category: 'Colors'
-      }
-    },
-    hoverButtonBorderColor: {
-      description: '',
-      control: 'color',
-      table: {
-        category: 'Colors',
-        subcategory: 'Hover'
-      }
-    },
-    hoverButtonBgColor: {
-      description: '',
-      control: 'color',
-      table: {
-        category: 'Colors',
-        subcategory: 'Hover'
-      }
-    },
-    hoverButtonTextColor: {
-      description: '',
-      control: 'color',
-      table: {
-        category: 'Colors',
-        subcategory: 'Hover'
-      }
-    },
-    buttonType: {
-      description: '',
-      control: 'select',
-      options: _controls.buttonTypeOptions,
-      table: {
-        category: ''
-      }
+    args: {
+        title: 'This is a title',
+        components: [
+            {
+                type: 'Input',
+                label: 'This is a label',
+                placeholder: 'This is a placeholder'
+            },
+            {
+                type: 'Input',
+                label: 'This is a label',
+                placeholder: 'This is a placeholder'
+            },
+            {
+                type: 'Input',
+                label: 'This is a label',
+                placeholder: 'This is a placeholder'
+            },
+            {
+                type: 'Button',
+                ctaText: 'Submit'
+            }
+        ]
     }
-  },
-  args: {
-    title: 'This is a title',
-    components: [{
-      type: 'Input',
-      label: 'This is a label',
-      placeholder: 'This is a placeholder'
-    }, {
-      type: 'Input',
-      label: 'This is a label',
-      placeholder: 'This is a placeholder'
-    }, {
-      type: 'Input',
-      label: 'This is a label',
-      placeholder: 'This is a placeholder'
-    }, {
-      type: 'Button',
-      ctaText: 'Submit'
-    }]
-  }
-};
-exports.default = _default;
-
-const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
+}
 
-const _Form = Template.bind({});
+const Template = (args) => <Form {...args} />;
 
-exports._Form = _Form;
+export const _Form = Template.bind({});
 _Form.args = {};