trepur_components 0.2.0 → 0.2.3

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

@@ -1,157 +1,144 @@
-"use strict";
+import React from 'react'
+import Collapsible from './index';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Collapsible = void 0;
+export default {
+    title: 'Trepur Components/Atoms/Collapsible',
+    components: Collapsible,
+    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: [<p>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?</p>]
+    },
+}
 
-var _react = _interopRequireDefault(require("react"));
+const Template = (args) => <Collapsible {...args} />;
 
-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 = {};
+export const _Collapsible = Template.bind({});
+_Collapsible.args = {};

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

@@ -1,42 +1,24 @@
-"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 = {};
+import React from 'react'
+import Column from './index'
+import { columnOptions } from '../../../utils/controls'
+
+export default {
+    title: 'Trepur Components/Atoms/Column',
+    component: Column,
+    parameters: {},
+    argTypes: {
+        ...columnOptions
+    },
+    args: {
+        sm: 1,
+        md: 1,
+        lg: 1,
+        xl: 1,
+        className: 'border h-16'
+    }
+}
+
+const Template = (args) => <Column {...args} />;
+
+export const _Column = Template.bind({});
+_Column.args = {};

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

@@ -1,39 +1,21 @@
-"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;
+import React from 'react'
+import Icon from './index'
+import { iconOptions } from '../../../utils/controls'
+
+export default {
+    title: 'Trepur Components/Atoms/Icon',
+    components: Icon,
+    parameters: {},
+    argTypes: {
+        ...iconOptions
+    },
+    args: {
+        type: 'th',
+        size: 3
+    }
+}
+
+const Template = (args) => <Icon {...args} />;
+
+export const _Icon = Template.bind({});
 _Icon.args = {};

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

@@ -1,40 +1,21 @@
-"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 = {};
+import React from 'react'
+import Image from './index'
+import logo from '../../../Assets/Images/logoWhite.png'
+import { imageOptions } from '../../../utils/controls' 
+
+export default {
+    title: 'Trepur Components/Atoms/Image',
+    components: Image,
+    parameters: {},
+    argTypes: {
+        ...imageOptions
+    },
+    args: {
+        image: logo
+    }
+}
+
+const Template = (args) => <Image {...args} />;
+
+export const _Image = Template.bind({});
+_Image.args = {};

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

@@ -1,108 +1,95 @@
-"use strict";
+import React from 'react'
+import InformationIcon from './index'
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._InformationIcon = 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/Information Icon',
-  components: _index.default,
-  parameters: {},
-  argTypes: {
-    type: {
-      description: 'The name of the icon you wish to use',
-      control: 'text',
-      table: {
-        category: ''
-      }
-    },
-    text: {
-      description: '',
-      control: 'text',
-      table: {
-        category: ''
-      }
-    },
-    number: {
-      description: '',
-      control: 'number',
-      table: {
-        category: ''
-      }
-    },
-    size: {
-      description: 'An integer between 1 and 5 to dictate the magnification of the icon',
-      control: 'number',
-      table: {
-        category: ''
-      }
+export default {
+    title: 'Trepur Components/Atoms/Information Icon',
+    components: InformationIcon,
+    parameters: {},
+    argTypes: {
+        type: {
+            description: 'The name of the icon you wish to use',
+            control: 'text',
+            table: {
+                category: '',
+            }
+        },
+        text: {
+            description: '',
+            control: 'text',
+            table: {
+                category: '',
+            }
+        },
+        number: {
+            description: '',
+            control: 'number',
+            table: {
+                category: '',
+            }
+        },
+        size: {
+            description: 'An integer between 1 and 5 to dictate the magnification of the icon',
+            control: 'number',
+            table: {
+                category: '',
+            }
+        },
+        bordered: {
+            description: '',
+            control: 'boolean',
+            table: {
+                category: '',
+            }
+        },
+        rounded: {
+            description: '',
+            control: 'boolean',
+            table: {
+                category: '',
+            }
+        },
+        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'
+            }
+        },
     },
-    bordered: {
-      description: '',
-      control: 'boolean',
-      table: {
-        category: ''
-      }
-    },
-    rounded: {
-      description: '',
-      control: 'boolean',
-      table: {
-        category: ''
-      }
-    },
-    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'
-      }
+    args: {
+        type: 'th',
+        text: 'Text',
+        number: 21,
+        size: 3,
+        bordered: true,
+        rounded: true
     }
-  },
-  args: {
-    type: 'th',
-    text: 'Text',
-    number: 21,
-    size: 3,
-    bordered: true,
-    rounded: true
-  }
-};
-exports.default = _default;
-
-const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
+}
 
-const _InformationIcon = Template.bind({});
+const Template = (args) => <InformationIcon {...args} />;
 
-exports._InformationIcon = _InformationIcon;
-_InformationIcon.args = {};
+export const _InformationIcon = Template.bind({});
+_InformationIcon.args = {};