trepur_components 0.2.0 → 0.2.3

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

@@ -1,60 +1,47 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Input = 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/Input',
-  component: _index.default,
-  parameters: {},
-  argTypes: {
-    label: {
-      description: '',
-      control: 'text',
-      table: {
-        category: ''
-      }
-    },
-    placeholder: {
-      description: '',
-      control: 'text',
-      table: {
-        category: ''
-      }
+import React from 'react'
+import Input from './index'
+
+export default {
+    title: 'Trepur Components/Atoms/Input',
+    component: Input,
+    parameters: {},
+    argTypes: {
+        label: {
+            description: '',
+            control: 'text',
+            table: {
+                category: '',
+            }
+        },
+        placeholder: {
+            description: '',
+            control: 'text',
+            table: {
+                category: '',
+            }
+        },
+        inputType: {
+            description: '',
+            control: 'text',
+            table: {
+                category: '',
+            }
+        },
+        bold: {
+            description: '',
+            control: 'boolean',
+            table: {
+                category: '',
+            }
+        }
     },
-    inputType: {
-      description: '',
-      control: 'text',
-      table: {
-        category: ''
-      }
-    },
-    bold: {
-      description: '',
-      control: 'boolean',
-      table: {
-        category: ''
-      }
+    args: {
+        label: 'This is a label',
+        placeholder: 'This is a placeholder'
     }
-  },
-  args: {
-    label: 'This is a label',
-    placeholder: 'This is a placeholder'
-  }
-};
-exports.default = _default;
-
-const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
+}
 
-const _Input = Template.bind({});
+const Template = (args) => <Input {...args} />;
 
-exports._Input = _Input;
+export const _Input = Template.bind({});
 _Input.args = {};

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

@@ -1,115 +1,100 @@
-"use strict";
+import React from 'react'
+import Column from '../Column';
+import NavItem from './index'
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._NavItem = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Column = _interopRequireDefault(require("../Column"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  title: 'Trepur Components/Atoms/Nav Item',
-  component: _index.default,
-  parameters: {},
-  argTypes: {
-    name: {
-      description: '',
-      control: 'text',
-      table: {
-        category: 'Standard',
-        subcategory: 'Content'
-      }
-    },
-    url: {
-      description: '',
-      control: 'text',
-      table: {
-        category: 'Standard',
-        subcategory: 'Content'
-      }
-    },
-    bgColor: {
-      description: '',
-      control: 'color',
-      table: {
-        category: 'Standard',
-        subcategory: 'Colors'
-      }
-    },
-    textColor: {
-      description: '',
-      control: 'color',
-      table: {
-        category: 'Standard',
-        subcategory: 'Colors'
-      }
-    },
-    borderColor: {
-      description: '',
-      control: 'color',
-      table: {
-        category: 'Standard',
-        subcategory: 'Colors'
-      }
-    },
-    hoverBgColor: {
-      description: '',
-      control: 'color',
-      table: {
-        category: 'Hover',
-        subcategory: 'Colors'
-      }
-    },
-    hoverTextColor: {
-      description: '',
-      control: 'color',
-      table: {
-        category: 'Hover',
-        subcategory: 'Colors'
-      }
-    },
-    hoverBorderColor: {
-      description: '',
-      control: 'color',
-      table: {
-        category: 'Hover',
-        subcategory: 'Colors'
-      }
-    },
-    rounded: {
-      description: '',
-      control: 'boolean',
-      table: {
-        category: ''
-      }
+export default {
+    title: 'Trepur Components/Atoms/Nav Item',
+    component: NavItem,
+    parameters: {},
+    argTypes: {
+        name: {
+            description: '',
+            control: 'text',
+            table: {
+                category: 'Standard',
+                subcategory: 'Content',
+            },
+        },
+        url: {
+            description: '',
+            control: 'text',
+            table: {
+                category: 'Standard',
+                subcategory: 'Content',
+            },
+        },
+        bgColor: {
+            description: '',
+            control: 'color',
+            table: {
+              category: 'Standard',
+              subcategory: 'Colors',
+            },
+        },
+        textColor: {
+            description: '',
+            control: 'color',
+            table: {
+              category: 'Standard',
+              subcategory: 'Colors',
+            },
+        },
+        borderColor: {
+            description: '',
+            control: 'color',
+            table: {
+                category: 'Standard',
+                subcategory: 'Colors',
+            },
+        },
+        hoverBgColor: {
+            description: '',
+            control: 'color',
+            table: {
+                category: 'Hover',
+                subcategory: 'Colors',
+            },
+        },
+        hoverTextColor: {
+            description: '',
+            control: 'color',
+            table: {
+                category: 'Hover',
+                subcategory: 'Colors',
+            },
+        },
+        hoverBorderColor: {
+            description: '',
+            control: 'color',
+            table: {
+                category: 'Hover',
+                subcategory: 'Colors',
+            },
+        },
+        rounded: {
+            description: '',
+            control: 'boolean',
+            table: {
+                category: '',
+            },
+        },
+        bordered: {
+            description: '',
+            control: 'boolean',
+            table: {
+                category: '',
+            },
+        }
     },
-    bordered: {
-      description: '',
-      control: 'boolean',
-      table: {
-        category: ''
-      }
+    args: {
+        name: 'Home',
+        bordered: true,
+        rounded: true
     }
-  },
-  args: {
-    name: 'Home',
-    bordered: true,
-    rounded: true
-  }
-};
-exports.default = _default;
+}
 
-const Template = args => /*#__PURE__*/_react.default.createElement(_Column.default, {
-  sm: 1
-}, /*#__PURE__*/_react.default.createElement(_index.default, args));
 
-const _NavItem = Template.bind({});
+const Template = (args) => <Column sm={1}><NavItem {...args} /></Column>
 
-exports._NavItem = _NavItem;
+export const _NavItem = Template.bind({});
 _NavItem.args = {};

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

@@ -1,33 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Row = 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/Row',
-  component: _index.default,
-  parameters: {},
-  argTypes: {},
-  args: {
-    bordered: true,
-    children: /*#__PURE__*/_react.default.createElement("div", {
-      className: "h-16"
-    })
-  }
-};
-exports.default = _default;
-
-const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
-
-const _Row = Template.bind({});
-
-exports._Row = _Row;
-_Row.args = {};
+import React from 'react'
+import Row from './index'
+
+export default {
+    title: 'Trepur Components/Atoms/Row',
+    component: Row,
+    parameters: {},
+    argTypes: {},
+    args: {
+        bordered: true,
+        children: <div className='h-16'></div>
+    }
+}
+
+const Template = (args) => <Row {...args} />;
+
+export const _Row = Template.bind({});
+_Row.args = {};

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

@@ -1,41 +1,22 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._StarRating = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-require("./index.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/Star Rating',
-  components: _index.default,
-  parameters: {},
-  argTypes: _objectSpread({}, _controls.starOptions),
-  args: {
-    size: 1,
-    stars: 3
-  }
-};
-exports.default = _default;
-
-const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
-
-const _StarRating = Template.bind({});
-
-exports._StarRating = _StarRating;
-_StarRating.args = {};
+import React from 'react'
+import StarRating from './index'
+import './index.css'
+import { starOptions } from '../../../utils/controls'
+
+export default {
+    title: 'Trepur Components/Atoms/Star Rating',
+    components: StarRating,
+    parameters: {},
+    argTypes: {
+        ...starOptions
+    },
+    args: {
+        size: 1,
+        stars: 3
+    }
+}
+
+const Template = (args) => <StarRating {...args} />;
+
+export const _StarRating = Template.bind({});
+_StarRating.args = {};

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

@@ -1,66 +1,53 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._TextAndTitle = 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/Text and Title',
-  components: _index.default,
-  argTypes: {
-    title: {
-      description: '',
-      control: 'text',
-      table: {
-        category: ''
-      }
+import React from 'react'
+import TextAndTitle from './index'
+
+export default {
+    title: 'Trepur Components/Atoms/Text and Title',
+    components: TextAndTitle,
+    argTypes: {
+        title: {
+            description: '',
+            control: 'text',
+            table: {
+                category: ''
+            }
+        },
+        text: {
+            description: '',
+            control: 'text',
+            table: {
+                category: ''
+            }
+        },
+        textColor: {
+            description: '',
+            control: 'color',
+            table: {
+                category: 'Colors'
+            }
+        },
+        titleColor: {
+            description: '',
+            control: 'color',
+            table: {
+                category: 'Colors'
+            }
+        },
+        bgColor: {
+            description: '',
+            control: 'color',
+            table: {
+                category: 'Colors'
+            }
+        }
     },
-    text: {
-      description: '',
-      control: 'text',
-      table: {
-        category: ''
-      }
-    },
-    textColor: {
-      description: '',
-      control: 'color',
-      table: {
-        category: 'Colors'
-      }
-    },
-    titleColor: {
-      description: '',
-      control: 'color',
-      table: {
-        category: 'Colors'
-      }
-    },
-    bgColor: {
-      description: '',
-      control: 'color',
-      table: {
-        category: 'Colors'
-      }
+    args: {
+        title: 'This is a title',
+        text: 'This is some text'
     }
-  },
-  args: {
-    title: 'This is a title',
-    text: 'This is some text'
-  }
-};
-exports.default = _default;
-
-const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
+}
 
-const _TextAndTitle = Template.bind({});
+const Template = (args) => <TextAndTitle {...args} />;
 
-exports._TextAndTitle = _TextAndTitle;
-_TextAndTitle.args = {};
+export const _TextAndTitle = Template.bind({});
+_TextAndTitle.args = {};

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

@@ -1,57 +1,49 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Tubestops = 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/Tube Stops',
-  component: _index.default,
-  parameters: {},
-  argTypes: {
-    isHorizontal: {
-      description: '',
-      control: 'boolean',
-      table: {
-        category: ''
-      }
+import React from 'react'
+import Tubestops from './index'
+
+export default {
+    title: 'Trepur Components/Atoms/Tube Stops',
+    component: Tubestops,
+    parameters: {},
+    argTypes: {
+        isHorizontal: {
+            description: '',
+            control: 'boolean',
+            table: {
+                category: '',
+            },
+        },
+        items: {
+            description: '',
+            control: 'array',
+            table: {
+                category: '',
+            },
+        }
     },
-    items: {
-      description: '',
-      control: 'array',
-      table: {
-        category: ''
-      }
+    args: {
+        isHorizontal: false,
+        reverse: false,
+        items: [
+            {
+                title: 'This is a title',
+                subtitle: 'This is a subtitle'
+            },
+            {
+                title: 'This is a title',
+                subtitle: 'This is a subtitle'
+            },
+            {
+                title: 'This is a title',
+                subtitle: 'This is a subtitle'
+            }
+        ],
+        textCenter: true
     }
-  },
-  args: {
-    isHorizontal: false,
-    reverse: false,
-    items: [{
-      title: 'This is a title',
-      subtitle: 'This is a subtitle'
-    }, {
-      title: 'This is a title',
-      subtitle: 'This is a subtitle'
-    }, {
-      title: 'This is a title',
-      subtitle: 'This is a subtitle'
-    }],
-    textCenter: true
-  }
-};
-exports.default = _default;
+}
 
-const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
 
-const _Tubestops = Template.bind({});
+const Template = (args) => <Tubestops {...args} />;
 
-exports._Tubestops = _Tubestops;
+export const _Tubestops = Template.bind({});
 _Tubestops.args = {};