trepur_components 0.4.7 → 1.0.0

package/dist/src/lib/components/Collapsible/index.js

@@ -0,0 +1,67 @@
+import React, { useState, useEffect } from 'react';
+import Icon from '../Icon';
+import classNames from 'classnames';
+const Collapsible = ({ id, className, title, subtitle, boldTitle, borderTop, borderBottom, showBottomLine, iconProps, children }) => {
+    const [expanded, setExpanded] = useState(false);
+    useEffect(() => {
+        const coll = document.getElementsByClassName("collapsible");
+        let i;
+        for (i = 0; i < coll.length; i++) {
+            coll[i].addEventListener("click", function (err) {
+                let content = this.nextElementSibling;
+                if (content.style.maxHeight === '0px') {
+                    content.style.maxHeight = content.scrollHeight + "px";
+                }
+                else {
+                    content.style.maxHeight = '0px';
+                }
+            });
+        }
+    });
+    const headingClassList = classNames({
+        'border-b': borderBottom,
+        'border-t': borderTop,
+    }, 'w-auto flex text-center collapsible');
+    const classList = classNames({}, `${className} bg-primary text-white hover:bg-white hover:text-primary transition-opactiy duration-300`);
+    const padding = classNames({
+        'pt-7': title && subtitle,
+        'pt-4': title && !subtitle,
+    });
+    const textSubstitutePadding = classNames({
+        'pb-4': !title && !subtitle,
+    });
+    const contentWrapperClassList = classNames({
+        'max-h-max my-2': expanded,
+        'max-h-0': !expanded
+    }, 'w-auto overflow-hidden px-4 bg-white text-primary');
+    const childrenClassList = classNames({
+        [padding]: true
+    }, 'w-full pr-8 text-right');
+    const expandItem = (e) => {
+        const content = e.currentTarget.nextElementSibling;
+        if (!expanded) {
+            content.style.maxHeight = `${content.scrollHeight}px`;
+        }
+        else {
+            content.style.maxHeight = '0px';
+        }
+        setExpanded(!expanded);
+    };
+    return (React.createElement("div", Object.assign({}, (id && { id: id }), { className: classList }),
+        React.createElement("div", { onClick: e => expandItem(e), className: headingClassList },
+            iconProps &&
+                React.createElement("div", { className: `pl-4 text-left ${padding} ${textSubstitutePadding}` },
+                    React.createElement(Icon, Object.assign({}, iconProps))),
+            (title || subtitle) &&
+                React.createElement("div", { className: 'w-full pl-4 py-4 text-left' },
+                    title && React.createElement("h4", null, title),
+                    subtitle && React.createElement("h5", null,
+                        React.createElement("small", null, subtitle))),
+            children &&
+                React.createElement("div", { className: childrenClassList },
+                    React.createElement(Icon, { type: expanded ? 'chevron-up' : 'chevron-down' }))),
+        children &&
+            React.createElement("div", { className: contentWrapperClassList, style: { 'transition': 'max-height 0.2s ease-out' } }, children)));
+};
+export default Collapsible;
+//# sourceMappingURL=index.js.map

package/dist/src/lib/components/Collapsible/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Collapsible/index.tsx"],"names":[],"mappings":"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"}

package/dist/src/lib/components/Column/Column.stories.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import Column from './index';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const componentMeta: ComponentMeta<typeof Column>;
+export declare const _Column: ComponentStory<React.FC<import("./index").Props>>;
+export default componentMeta;

package/dist/src/lib/components/Column/Column.stories.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import Column from './index';
+import { idAndClassName } from '@utils/controls';
+import CardWithTopImage from '../CardWithTopImage';
+import logo from '../../assets/images/primary-logo.png';
+const cardChild = React.createElement(CardWithTopImage, { id: 'cardwithtopimage', imageProps: {
+        image: logo
+    } },
+    React.createElement("p", null, "This is some text"),
+    React.createElement("p", null, "This is some more text"),
+    React.createElement("p", null, "This is a bit more text"),
+    React.createElement("p", null, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem odit ad sed, quam recusandae voluptatem provident eveniet beatae omnis vero minus unde facilis. Quia commodi quas odit iusto ut enim!"));
+const componentMeta = {
+    title: 'Trepur Components/Rupert Bennett/Atoms/Column',
+    component: Column,
+    parameters: {},
+    argTypes: Object.assign({}, idAndClassName),
+    args: {
+        sm: 4,
+        md: 4,
+        lg: 4,
+        xl: 2,
+        className: 'bg-facebook md:bg-twitter lg-whatsapp xl:bg-linkedin border',
+        children: cardChild
+    }
+};
+const Template = (args) => React.createElement(Column, Object.assign({}, args));
+export const _Column = Template.bind({});
+export default componentMeta;
+//# sourceMappingURL=Column.stories.js.map

package/dist/src/lib/components/Column/Column.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Column/Column.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,SAAS,CAAA;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,gBAAgB,MAAM,qBAAqB,CAAA;AAClD,OAAO,IAAI,MAAM,sCAAsC,CAAA;AAGvD,MAAM,SAAS,GACX,oBAAC,gBAAgB,IACb,EAAE,EAAC,kBAAkB,EACrB,UAAU,EAAE;QACR,KAAK,EAAE,IAAI;KACd;IAED,mDAAwB;IACxB,wDAA6B;IAC7B,yDAA8B;IAC9B,wOAA6M,CAC9L,CAAA;AAEvB,MAAM,aAAa,GAAiC;IAChD,KAAK,EAAE,+CAA+C;IACtD,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,EAAE;IACd,QAAQ,oBACD,cAAc,CACpB;IACD,IAAI,EAAE;QACF,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,SAAS,EAAE,6DAA6D;QACxE,QAAQ,EAAE,SAAS;KACtB;CACJ,CAAA;AAED,MAAM,QAAQ,GAAkC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,MAAM,oBAAK,IAAI,EAAI,CAAA;AAE9E,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,eAAe,aAAa,CAAA"}

package/dist/src/lib/components/Column/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface Props {
+    id?: string;
+    className?: string;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    children?: any;
+}
+declare const Column: React.FC<Props>;
+export default Column;

package/dist/src/lib/components/Column/index.js

@@ -0,0 +1,83 @@
+import React from 'react';
+import classNames from 'classnames';
+const Column = ({ id, className, sm = 1, md = 1, lg = 1, xl = 1, children }) => {
+    const widthOptions = [
+        { 1: 'w-1/12' },
+        { 2: 'w-2/12' },
+        { 3: 'w-3/12' },
+        { 4: 'w-4/12' },
+        { 5: 'w-5/12' },
+        { 6: 'w-6/12' },
+        { 7: 'w-7/12' },
+        { 8: 'w-8/12' },
+        { 9: 'w-9/12' },
+        { 10: 'w-10/12' },
+        { 11: 'w-11/12' },
+        { 12: 'w-full' }
+    ];
+    const mdWidthOptions = [
+        { 1: 'md:w-1/12' },
+        { 2: 'md:w-2/12' },
+        { 3: 'md:w-3/12' },
+        { 4: 'md:w-4/12' },
+        { 5: 'md:w-5/12' },
+        { 6: 'md:w-6/12' },
+        { 7: 'md:w-7/12' },
+        { 8: 'md:w-8/12' },
+        { 9: 'md:w-9/12' },
+        { 10: 'md:w-10/12' },
+        { 11: 'md:w-11/12' },
+        { 12: 'md:w-full' }
+    ];
+    const lgWidthOptions = [
+        { 1: 'lg:w-1/12' },
+        { 2: 'lg:w-2/12' },
+        { 3: 'lg:w-3/12' },
+        { 4: 'lg:w-4/12' },
+        { 5: 'lg:w-5/12' },
+        { 6: 'lg:w-6/12' },
+        { 7: 'lg:w-7/12' },
+        { 8: 'lg:w-8/12' },
+        { 9: 'lg:w-9/12' },
+        { 10: 'lg:w-10/12' },
+        { 11: 'lg:w-11/12' },
+        { 12: 'lg:w-full' }
+    ];
+    const xlWidthOptions = [
+        { 1: 'xl:w-1/12' },
+        { 2: 'xl:w-2/12' },
+        { 3: 'xl:w-3/12' },
+        { 4: 'xl:w-4/12' },
+        { 5: 'xl:w-5/12' },
+        { 6: 'xl:w-6/12' },
+        { 7: 'xl:w-7/12' },
+        { 8: 'xl:w-8/12' },
+        { 9: 'xl:w-9/12' },
+        { 10: 'xl:w-10/12' },
+        { 11: 'xl:w-11/12' },
+        { 12: 'xl:w-full' }
+    ];
+    const calculateWidth = (screen, size) => {
+        switch (screen) {
+            case 'sm':
+                return Object.values(widthOptions[size - 1]).toString();
+            case 'md':
+                return Object.values(mdWidthOptions[size - 1]).toString();
+            case 'lg':
+                return Object.values(lgWidthOptions[size - 1]).toString();
+            case 'xl':
+                return Object.values(xlWidthOptions[size - 1]).toString();
+            default:
+                return Object.values(widthOptions[size - 1]).toString();
+        }
+    };
+    const classList = classNames({
+        [calculateWidth('sm', sm)]: sm,
+        [calculateWidth('md', md)]: md,
+        [calculateWidth('lg', lg)]: lg,
+        [calculateWidth('xl', xl)]: xl
+    }, `${className} h-full`);
+    return (React.createElement("div", Object.assign({}, (id && { id: id }), { className: classList }), children));
+};
+export default Column;
+//# sourceMappingURL=index.js.map

package/dist/src/lib/components/Column/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Column/index.tsx"],"names":[],"mappings":"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"}

package/dist/src/lib/components/Container/Container.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import Container from './index';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const componentMeta: ComponentMeta<typeof Container>;
+export declare const _Container: ComponentStory<({ id, className, maxWidth, children }: import("./index").Props) => JSX.Element>;
+export default componentMeta;

package/dist/src/lib/components/Container/Container.stories.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import Container from './index';
+import { idAndClassName } from '@utils/controls';
+const componentMeta = {
+    title: 'Trepur Components/Rupert Bennett/Atoms/Container',
+    component: Container,
+    argTypes: Object.assign(Object.assign({}, idAndClassName), { maxWidth: {
+            type: { name: 'number', required: false },
+            description: 'The number of pixles for the component to span',
+            control: { type: 'number', min: 1, step: 1 },
+            defaultValue: '1200'
+        }, children: {
+            type: { name: 'other', value: 'string | React.ReactNode' },
+            description: 'The child elements to show in the component',
+            table: {
+                type: {
+                    summary: 'Array'
+                },
+                defaultValue: { summary: 'undefined' }
+            }
+        } }),
+    args: {
+        className: 'border',
+        children: React.createElement("p", null, "This is a centered container with a max width")
+    }
+};
+const Template = (args) => React.createElement(Container, Object.assign({}, args));
+export const _Container = Template.bind({});
+export default componentMeta;
+//# sourceMappingURL=Container.stories.js.map

package/dist/src/lib/components/Container/Container.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Container/Container.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGhD,MAAM,aAAa,GAAoC;IACnD,KAAK,EAAE,kDAAkD;IACzD,SAAS,EAAE,SAAS;IACpB,QAAQ,kCACD,cAAc,KACjB,QAAQ,EAAE;YACN,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,gDAAgD;YAC7D,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;YAC5C,YAAY,EAAE,MAAM;SACvB,EACD,QAAQ,EAAE;YACN,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,0BAA0B,EAAE;YAC1D,WAAW,EAAE,6CAA6C;YAC1D,KAAK,EAAE;gBACH,IAAI,EAAE;oBACF,OAAO,EAAE,OAAO;iBACnB;gBACH,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACJ,GACJ;IACD,IAAI,EAAE;QACF,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,+EAAoD;KACjE;CACJ,CAAA;AAED,MAAM,QAAQ,GAAqC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,SAAS,oBAAK,IAAI,EAAI,CAAA;AAEpF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE3C,eAAe,aAAa,CAAA"}

package/dist/src/lib/components/Container/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface Props {
+    id?: string;
+    className?: string;
+    maxWidth?: number;
+    children?: any;
+}
+declare const Container: ({ id, className, maxWidth, children }: Props) => JSX.Element;
+export default Container;

package/dist/src/lib/components/Container/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import classNames from 'classnames';
+const Container = ({ id, className, maxWidth = 1200, children }) => {
+    const classList = classNames(className, 'mx-auto');
+    return (React.createElement("div", Object.assign({}, (id && { id: id }), { className: classList, style: { 'maxWidth': `${maxWidth}px` } }), children));
+};
+export default Container;
+//# sourceMappingURL=index.js.map

package/dist/src/lib/components/Container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Container/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AASnC,MAAM,SAAS,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,QAAQ,EACJ,EAAE,EAAE;IACR,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAElD,OAAO,CACH,6CACQ,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAC,UAAU,EAAE,GAAG,QAAQ,IAAI,EAAC,KAEnC,QAAQ,CACP,CACT,CAAA;AACL,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/src/lib/components/FooterBar/footerBar.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import FooterBar from './index';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const componentMeta: ComponentMeta<typeof FooterBar>;
+export declare const _FooterBar: ComponentStory<({ id, className, text, buttonProps, theme }: import("./index").Props) => JSX.Element>;
+export default componentMeta;

package/dist/src/lib/components/FooterBar/footerBar.stories.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import FooterBar from './index';
+import { idAndClassName } from '@utils/controls';
+import { action } from '@storybook/addon-actions';
+const componentMeta = {
+    title: 'Trepur Components/Rupert Bennett/Organisms/Footer Bar',
+    component: FooterBar,
+    parameters: {},
+    argTypes: Object.assign(Object.assign({}, idAndClassName), { text: {
+            type: { name: 'string', required: false },
+            description: 'The text to show on the component',
+            table: {
+                type: { summary: 'default' }
+            },
+            defaultValue: { summary: 'undefined' }
+        }, buttonProps: {
+            type: { name: 'other', value: 'object' },
+            description: 'The props to pass to the button to display on the component',
+            table: {
+                type: {
+                    summary: 'object'
+                },
+                defaultValue: { summary: 'undefined' }
+            }
+        }, theme: {
+            type: { name: 'string', required: false },
+            options: ['dark', 'light'],
+            description: 'The variant of button to render',
+            table: {
+                type: { summary: 'light' },
+                defaultValue: { summary: 'light' }
+            },
+            defaultValue: 'light',
+            control: { type: 'radio' }
+        } }),
+    args: {
+        text: 'RupertBennett.com Copyright 2022 All rights reserved',
+        theme: 'dark',
+        buttonProps: {
+            children: 'Admin Panel',
+            onClick: action('button clicked')
+        }
+    },
+};
+const Template = (args) => React.createElement(FooterBar, Object.assign({}, args));
+export const _FooterBar = Template.bind({});
+export default componentMeta;
+//# sourceMappingURL=footerBar.stories.js.map

package/dist/src/lib/components/FooterBar/footerBar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footerBar.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/FooterBar/footerBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAEjD,MAAM,aAAa,GAAoC;IACnD,KAAK,EAAE,uDAAuD;IAC9D,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE;IACd,QAAQ,kCACD,cAAc,KACjB,IAAI,EAAE;YACF,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,mCAAmC;YAChD,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;aAC7B;YACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAC;SACxC,EACD,WAAW,EAAE;YACT,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;YACxC,WAAW,EAAE,6DAA6D;YAC1E,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACJ,EACD,KAAK,EAAE;YACH,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;YAC1B,WAAW,EAAE,iCAAiC;YAC9C,KAAK,EAAE;gBACH,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;gBAC1B,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;aACrC;YACD,YAAY,EAAE,OAAO;YACrB,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC7B,GACJ;IACD,IAAI,EAAE;QACF,IAAI,EAAE,sDAAsD;QAC5D,KAAK,EAAE,MAAM;QACb,WAAW,EAAE;YACT,QAAQ,EAAE,aAAa;YACvB,OAAO,EAAE,MAAM,CAAC,gBAAgB,CAAC;SACpC;KACJ;CACJ,CAAA;AAED,MAAM,QAAQ,GAAqC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,SAAS,oBAAK,IAAI,EAAI,CAAA;AAEpF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE3C,eAAe,aAAa,CAAA"}

package/dist/src/lib/components/FooterBar/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Props as buttonProps } from '../Button';
+export interface Props {
+    id?: string;
+    className?: string;
+    buttonProps?: buttonProps;
+    text?: string;
+    theme?: 'light' | 'dark';
+}
+declare const Nav: ({ id, className, text, buttonProps, theme }: Props) => JSX.Element;
+export default Nav;

package/dist/src/lib/components/FooterBar/index.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import classNames from 'classnames';
+import Button from '../Button';
+const Nav = ({ id, className, text, buttonProps, theme }) => {
+    const colours = theme === 'dark' ? 'bg-primary text-white' : 'bg-white text-primary';
+    const classList = classNames(className, colours, 'block md:flex flex-wrap justify-between items-center h-auto');
+    const textClasses = 'text-center pt-8 pb-4 md:pb-0 md:my-8 md:pt-0 md:pl-16';
+    const buttonClasses = 'text-center pb-8 pt-4 md:pb-0 md:pt-0 md:pr-16';
+    return (React.createElement("div", { id: id, className: classList },
+        React.createElement("div", { className: textClasses }, text),
+        React.createElement("div", { className: buttonClasses },
+            React.createElement(Button, { children: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children, variant: theme === 'dark' ? 'primary' : 'secondary', rounded: true, href: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.href, onClick: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.onClick }))));
+};
+export default Nav;
+//# sourceMappingURL=index.js.map

package/dist/src/lib/components/FooterBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/FooterBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAA+B,MAAM,WAAW,CAAA;AAUvD,MAAM,GAAG,GAAG,CAAC,EACT,EAAE,EACF,SAAS,EACT,IAAI,EACJ,WAAW,EACX,KAAK,EACD,EAAE,EAAE;IACR,MAAM,OAAO,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,uBAAuB,CAAA;IACpF,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,6DAA6D,CAAC,CAAA;IAC/G,MAAM,WAAW,GAAG,wDAAwD,CAAA;IAC5E,MAAM,aAAa,GAAG,gDAAgD,CAAA;IAEtE,OAAO,CACH,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC7B,6BAAK,SAAS,EAAE,WAAW,IACtB,IAAI,CACH;QACN,6BAAK,SAAS,EAAE,aAAa;YACzB,oBAAC,MAAM,IACH,QAAQ,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,EAC/B,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EACnD,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,EACvB,OAAO,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,GAC/B,CACA,CACJ,CACT,CAAA;AACL,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}

package/dist/src/lib/components/Form/Form.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import Form from './index';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const componentMeta: ComponentMeta<typeof Form>;
+export declare const _Form: ComponentStory<({ id, className, title, titleClasses, onSubmit, ref, components }: import("./index").Props) => JSX.Element>;
+export default componentMeta;

package/dist/src/lib/components/Form/Form.stories.js

@@ -0,0 +1,82 @@
+import React from 'react';
+import { idAndClassName } from '@utils/controls';
+import Form from './index';
+const componentMeta = {
+    title: 'Trepur Components/Rupert Bennett/Organisms/Form',
+    component: Form,
+    parameters: {},
+    argTypes: Object.assign(Object.assign({}, idAndClassName), { title: {
+            type: { name: 'string', required: false },
+            description: 'The title to display on the component',
+            table: {
+                type: { summary: 'string' },
+                defaultValue: { summary: 'undefined' }
+            }
+        }, titleClasses: {
+            type: { name: 'string', required: false },
+            description: 'The class names to pass to the title of the component',
+            table: {
+                type: { summary: 'string' },
+                defaultValue: { summary: 'undefined' }
+            }
+        }, onSubmit: {
+            type: { name: 'function', required: false },
+            description: 'The action to perform when submitting the component',
+            action: 'onClick',
+            table: {
+                type: {
+                    summary: 'function'
+                },
+                defaultValue: { summary: 'undefined' }
+            }
+        }, ref: {
+            type: { name: 'other', value: 'RefObject<TouchableOpacity>' },
+            description: 'An ref for highlighting the current element',
+            table: {
+                type: {
+                    summary: 'object'
+                },
+                defaultValue: { summary: 'undefined' }
+            }
+        }, components: {
+            description: 'An array of component objects to pass to the component',
+            control: 'array',
+            table: {
+                type: {
+                    summary: 'array'
+                },
+                defaultValue: { summary: 'undefined' }
+            }
+        } }),
+    args: {
+        title: 'This is a title',
+        components: [
+            {
+                htmlType: 'Input',
+                label: 'This is a label',
+                placeholder: 'This is a placeholder',
+                children: 'Submit'
+            },
+            {
+                htmlType: 'Input',
+                label: 'This is a label',
+                placeholder: 'This is a placeholder',
+                children: 'Submit'
+            },
+            {
+                htmlType: 'Input',
+                label: 'This is a label',
+                placeholder: 'This is a placeholder',
+                children: 'Submit'
+            },
+            {
+                htmlType: 'Button',
+                children: 'Submit'
+            }
+        ]
+    }
+};
+const Template = (args) => React.createElement(Form, Object.assign({}, args));
+export const _Form = Template.bind({});
+export default componentMeta;
+//# sourceMappingURL=Form.stories.js.map

package/dist/src/lib/components/Form/Form.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Form/Form.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,IAAI,MAAM,SAAS,CAAA;AAG1B,MAAM,aAAa,GAA+B;IAC9C,KAAK,EAAE,iDAAiD;IACxD,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,EAAE;IACd,QAAQ,kCACD,cAAc,KACjB,KAAK,EAAE;YACH,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,uCAAuC;YACpD,KAAK,EAAE;gBACH,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACzC;SACJ,EACD,YAAY,EAAE;YACV,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;YACzC,WAAW,EAAE,uDAAuD;YACpE,KAAK,EAAE;gBACH,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACzC;SACJ,EACD,QAAQ,EAAE;YACN,IAAI,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC3C,WAAW,EAAE,qDAAqD;YAClE,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE;gBACH,IAAI,EAAE;oBACF,OAAO,EAAE,UAAU;iBACtB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACzC;SACJ,EACD,GAAG,EAAE;YACD,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,6BAA6B,EAAE;YAC7D,WAAW,EAAE,6CAA6C;YAC1D,KAAK,EAAE;gBACH,IAAI,EAAE;oBACF,OAAO,EAAE,QAAQ;iBACpB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACzC;SACJ,EACD,UAAU,EAAE;YACR,WAAW,EAAE,wDAAwD;YACrE,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE;gBACH,IAAI,EAAE;oBACF,OAAO,EAAE,OAAO;iBACnB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACzC;SACJ,GACJ;IACD,IAAI,EAAE;QACF,KAAK,EAAE,iBAAiB;QACxB,UAAU,EAAE;YACR;gBACI,QAAQ,EAAE,OAAO;gBACjB,KAAK,EAAE,iBAAiB;gBACxB,WAAW,EAAE,uBAAuB;gBACpC,QAAQ,EAAE,QAAQ;aACrB;YACD;gBACI,QAAQ,EAAE,OAAO;gBACjB,KAAK,EAAE,iBAAiB;gBACxB,WAAW,EAAE,uBAAuB;gBACpC,QAAQ,EAAE,QAAQ;aACrB;YACD;gBACI,QAAQ,EAAE,OAAO;gBACjB,KAAK,EAAE,iBAAiB;gBACxB,WAAW,EAAE,uBAAuB;gBACpC,QAAQ,EAAE,QAAQ;aACrB;YACD;gBACI,QAAQ,EAAE,QAAQ;gBAClB,QAAQ,EAAE,QAAQ;aACrB;SACJ;KACJ;CACJ,CAAA;AAED,MAAM,QAAQ,GAAgC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,IAAI,oBAAK,IAAI,EAAI,CAAA;AAE1E,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEtC,eAAe,aAAa,CAAA"}

package/dist/src/lib/components/Form/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { Props as buttonProps } from '../Button';
+import { Props as inputProps } from '../Input';
+export interface Props {
+    id?: string;
+    className?: string;
+    title?: string;
+    titleClasses?: string;
+    onSubmit?: () => void;
+    ref?: string;
+    components?: Array<inputProps & buttonProps & {
+        htmlType: string;
+    }>;
+}
+declare const Form: ({ id, className, title, titleClasses, onSubmit, ref, components }: Props) => JSX.Element;
+export default Form;

package/dist/src/lib/components/Form/index.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import Button from '../Button';
+import Input from '../Input';
+const Form = ({ id, className, title, titleClasses, onSubmit, ref, components }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("h1", { className: titleClasses }, title),
+        React.createElement("form", Object.assign({}, (id && { id: id }), { ref: ref, className: className, onSubmit: onSubmit }), components && components.map((component, i) => {
+            if (component.htmlType === 'Input') {
+                return (React.createElement(Input, { key: `input_${i + 0}`, className: component.className, label: component.label, placeholder: component.placeholder, type: component.type, name: component.name }));
+            }
+            else if (component.htmlType === 'Button') {
+                return (React.createElement(Button, { key: `button_${i + 0}`, type: component.type, onClick: component.onClick, className: component.className, children: component.children }));
+            }
+            else
+                return React.createElement(React.Fragment, null);
+        }))));
+};
+export default Form;
+//# sourceMappingURL=index.js.map

package/dist/src/lib/components/Form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Form/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAA+B,MAAM,WAAW,CAAA;AACvD,OAAO,KAA6B,MAAM,UAAU,CAAA;AAYpD,MAAM,IAAI,GAAG,CAAC,EACV,EAAE,EACF,SAAS,EACT,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,GAAG,EACH,UAAU,EACN,EAAE,EAAE;IACR,OAAO,CACH;QACI,4BAAI,SAAS,EAAE,YAAY,IAAG,KAAK,CAAM;QACzC,8CAAU,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,KAC3E,UAAU,IAAI,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,EAAE,EAAE;YAC3C,IAAG,SAAS,CAAC,QAAQ,KAAK,OAAO,EAAC;gBAC9B,OAAO,CACH,oBAAC,KAAK,IACF,GAAG,EAAE,SAAS,CAAC,GAAC,CAAC,EAAE,EACnB,SAAS,EAAE,SAAS,CAAC,SAAS,EAC9B,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,WAAW,EAAE,SAAS,CAAC,WAAW,EAClC,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,IAAI,EAAE,SAAS,CAAC,IAAI,GACtB,CACL,CAAA;aACJ;iBAAM,IAAG,SAAS,CAAC,QAAQ,KAAK,QAAQ,EAAC;gBACtC,OAAO,CACH,oBAAC,MAAM,IACH,GAAG,EAAE,UAAU,CAAC,GAAC,CAAC,EAAE,EACpB,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,OAAO,EAAE,SAAS,CAAC,OAAO,EAC1B,SAAS,EAAE,SAAS,CAAC,SAAS,EAC9B,QAAQ,EAAE,SAAS,CAAC,QAAQ,GAC9B,CACL,CAAA;aACJ;;gBAAM,OAAO,yCAAK,CAAA;QACvB,CAAC,CAAC,CACC,CACR,CACN,CAAA;AAEL,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/src/lib/components/FyreCard/FyreCard.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import FyreCard from './index';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const componentMeta: ComponentMeta<typeof FyreCard>;
+export declare const _FyreCard: ComponentStory<({ id, className, image, imageClass, altText, bordered, buttonProps }: import("./index").Props) => JSX.Element>;
+export default componentMeta;

package/dist/src/lib/components/FyreCard/FyreCard.stories.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import FyreCard from './index';
+import { idAndClassName } from '@utils/controls';
+const componentMeta = {
+    title: 'Trepur Components/Other/Organisms/Fyre Card',
+    component: FyreCard,
+    parameters: {},
+    argTypes: Object.assign(Object.assign({}, idAndClassName), { image: {
+            description: '',
+            control: 'text',
+            table: {
+                category: '',
+            },
+        } }),
+    args: {
+        image: 'https://picsum.photos/500/300'
+    }
+};
+const Template = (args) => React.createElement(FyreCard, Object.assign({}, args));
+export const _FyreCard = Template.bind({});
+export default componentMeta;
+//# sourceMappingURL=FyreCard.stories.js.map

package/dist/src/lib/components/FyreCard/FyreCard.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FyreCard.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/FyreCard/FyreCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGhD,MAAM,aAAa,GAAmC;IAClD,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,EAAE;IACd,QAAQ,kCACD,cAAc,KACjB,KAAK,EAAE;YACH,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;aACf;SACJ,GACJ;IACD,IAAI,EAAE;QACF,KAAK,EAAE,+BAA+B;KACzC;CACJ,CAAA;AAED,MAAM,QAAQ,GAAoC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,QAAQ,oBAAK,IAAI,EAAI,CAAA;AAElF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE1C,eAAe,aAAa,CAAA"}

package/dist/src/lib/components/FyreCard/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Props as buttonProps } from '../Button';
+export interface Props {
+    id?: string;
+    className?: string;
+    image?: string;
+    imageClass?: string;
+    altText?: string;
+    bordered?: string;
+    buttonProps?: buttonProps;
+}
+declare const FyreCard: ({ id, className, image, imageClass, altText, bordered, buttonProps }: Props) => JSX.Element;
+export default FyreCard;

package/dist/src/lib/components/FyreCard/index.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import Button from '../Button';
+const FyreCard = ({ id, className, image, imageClass, altText, bordered, buttonProps }) => {
+    let border = bordered && ' border border-grey border-opacity-100 ';
+    let classList = 'flex flex-col ';
+    classList += className ? className : '';
+    classList += ' ' + border;
+    let imageClassList = ' w-full ';
+    imageClassList += imageClass;
+    return (React.createElement("div", Object.assign({ key: id }, (id && { id: id }), { className: classList }),
+        React.createElement("div", { className: 'card-content flex flex-1 flex-col' },
+            React.createElement("div", null,
+                React.createElement("img", { className: imageClassList, src: image, alt: altText })),
+            React.createElement("div", { className: 'flex justify-end' },
+                React.createElement(Button, Object.assign({}, buttonProps), buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children)))));
+};
+export default FyreCard;
+//# sourceMappingURL=index.js.map

package/dist/src/lib/components/FyreCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/FyreCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAA+B,MAAM,WAAW,CAAA;AAWvD,MAAM,QAAQ,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,EACR,WAAW,EACP,EAAE,EAAE;IACR,IAAI,MAAM,GAAG,QAAQ,IAAI,yCAAyC,CAAA;IAClE,IAAI,SAAS,GAAG,gBAAgB,CAAA;IAChC,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAA;IACvC,SAAS,IAAI,GAAG,GAAG,MAAM,CAAA;IACzB,IAAI,cAAc,GAAG,UAAU,CAAA;IAE/B,cAAc,IAAI,UAAU,CAAA;IAE5B,OAAO,CACH,2CACI,GAAG,EAAE,EAAE,IACH,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IACtB,SAAS,EAAE,SAAS;QACpB,6BAAK,SAAS,EAAC,mCAAmC;YAC9C;gBACI,6BAAK,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,GAAG,CACzD;YACN,6BAAK,SAAS,EAAC,kBAAkB;gBAC7B,oBAAC,MAAM,oBAAK,WAAW,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,CAAU,CACvD,CACJ,CACJ,CACT,CAAA;AACL,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/src/lib/components/Greeting/Greeting.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import Greeting from './index';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const componentMeta: ComponentMeta<typeof Greeting>;
+export declare const _Greeting: ComponentStory<({ id, className, morningMessage, afternoonMessage, eveningMessage }: import("./index").Props) => JSX.Element>;
+export default componentMeta;