trepur_components 0.4.7 → 1.0.0

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { Props as buttonProps } from '../Button';
+export interface Props {
+    id?: string;
+    className?: string;
+    title?: string;
+    text?: string;
+    withLiveUpdates?: boolean;
+    onSave?: (arr: Array<any>, id: string | undefined) => void;
+    saveButtonProps?: buttonProps;
+    cancelButtonProps?: buttonProps;
+    editTitleClasses?: string;
+    editTextClasses?: string;
+    editInputClasses?: string;
+    buttonWrapperClasses?: string;
+    textWrapperClasses?: string;
+    socialButtons?: Array<buttonProps>;
+    theme: 'light' | 'dark';
+}
+declare const SocialBlock: ({ id, className, title, text, withLiveUpdates, onSave, saveButtonProps, cancelButtonProps, editTitleClasses, editTextClasses, editInputClasses, buttonWrapperClasses, textWrapperClasses, socialButtons, theme }: Props) => JSX.Element;
+export default SocialBlock;

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

@@ -0,0 +1,66 @@
+import React, { useState } from 'react';
+import Input from '../Input';
+import Button from '../Button';
+import classNames from 'classnames';
+const SocialBlock = ({ id, className, title, text, withLiveUpdates, onSave, saveButtonProps, cancelButtonProps, editTitleClasses, editTextClasses, editInputClasses, buttonWrapperClasses, textWrapperClasses, socialButtons, theme = 'light' }) => {
+    const colours = theme === 'dark' ? 'placeholder-white bg-primary text-white' : 'placeholder-primary bg-white text-primary';
+    const defaultComponentData = {
+        title: {
+            text: title,
+        },
+        text: {
+            text: text,
+        }
+    };
+    const [isInEditingMode, setIsInEditingMode] = useState(false);
+    const [isHovering, setIsHovering] = useState(false);
+    const [componentData, setComponentData] = useState(defaultComponentData);
+    const hoverClasses = 'border-dashed border';
+    const classList = classNames(className, colours);
+    const buttnoWrapperClasslist = classNames({}, `${buttonWrapperClasses} py-4`);
+    const hoverClassList = classNames({
+        [hoverClasses]: withLiveUpdates && !isInEditingMode && isHovering
+    }, textWrapperClasses);
+    const toggleEditState = () => {
+        withLiveUpdates && setIsInEditingMode(!isInEditingMode);
+    };
+    const handleButtonSave = () => {
+        const arr = [];
+        arr.push({ key: 'title', value: componentData.title.text });
+        arr.push({ key: 'text', value: componentData.text.text });
+        toggleEditState();
+        onSave && onSave(arr, id);
+        setIsHovering(false);
+    };
+    const handleButtonCancel = () => {
+        toggleEditState();
+        setIsHovering(false);
+    };
+    const handleChange = (e) => {
+        let id = e.target.id;
+        id = id.split('-')[id.split('-').length - 1];
+        setComponentData(Object.assign(Object.assign({}, componentData), { [id]: {
+                text: e.target.value
+            } }));
+    };
+    const toggleHoverState = () => {
+        withLiveUpdates && setIsHovering(!isHovering);
+    };
+    return (React.createElement("div", Object.assign({}, (id && { id: id }), { className: classList }), withLiveUpdates && isInEditingMode ?
+        React.createElement("div", { className: colours },
+            React.createElement(Input, { id: 'title', className: editTitleClasses, inputClasses: editInputClasses, autoFocus: true, value: componentData.title.text, onChange: (e) => handleChange(e), type: "text", theme: theme }),
+            React.createElement(Input, { id: 'text', className: editTextClasses, inputClasses: editInputClasses, value: componentData.text.text, onChange: (e) => handleChange(e), type: "text", theme: theme }),
+            React.createElement(Button, { className: 'mt-4', onClick: handleButtonSave }, "Save"),
+            React.createElement(Button, { className: 'mt-4 ml-4', onClick: handleButtonCancel }, "Cancel"))
+        :
+            React.createElement(React.Fragment, null,
+                React.createElement("div", { onMouseOver: () => toggleHoverState(), onMouseOut: () => toggleHoverState(), onClick: toggleEditState, className: hoverClassList },
+                    React.createElement("h2", { className: 'text-md sm:text-lg' }, componentData.title.text),
+                    React.createElement("p", { className: 'pt-4' }, componentData.text.text)),
+                React.createElement("div", { className: buttnoWrapperClasslist },
+                    React.createElement("div", { className: 'flex flex-wrap w-full justify-center' }, socialButtons && socialButtons.map((button, i) => {
+                        return React.createElement("div", { key: `social_btn_${i + 1}` }, button);
+                    }))))));
+};
+export default SocialBlock;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import StarRating from './index';
+import { idAndClassName } from '@utils/controls';
+const componentMeta = {
+    title: 'Trepur Components/Other/Atoms/Star Rating',
+    component: StarRating,
+    parameters: {},
+    argTypes: Object.assign({}, idAndClassName),
+    args: {
+        stars: 3,
+        size: 2
+    }
+};
+const Template = (args) => React.createElement(StarRating, Object.assign({}, args));
+export const _StarRating = Template.bind({});
+export default componentMeta;
+//# sourceMappingURL=StarRating.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StarRating.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/StarRating/StarRating.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,SAAS,CAAA;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGhD,MAAM,aAAa,GAAqC;IACpD,KAAK,EAAE,2CAA2C;IAClD,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE,EAAE;IACd,QAAQ,oBACD,cAAc,CACpB;IACD,IAAI,EAAE;QACF,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,CAAC;KACV;CACJ,CAAA;AAED,MAAM,QAAQ,GAAsC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,UAAU,oBAAK,IAAI,EAAI,CAAA;AAEtF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE5C,eAAe,aAAa,CAAA"}

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

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

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import Icon from '../Icon';
+import classNames from 'classnames';
+const StarRating = ({ id, className, stars = 1, size = 1 }) => {
+    const classList = classNames({}, `${className} flex`);
+    const getStars = () => {
+        const starsArr = [];
+        for (var i = 0; i < stars; i++) {
+            starsArr.push(React.createElement(Icon, { key: `checked_star_${i + 0}`, id: `checked-${i}`, className: 'checked', type: 'star', size: size, colour: 'gold', bgColour: 'white' }));
+        }
+        return starsArr;
+    };
+    const getStarsChecked = () => {
+        const starsArr = [];
+        for (var i = 0; i < 5 - stars; i++) {
+            starsArr.push(React.createElement(Icon, { key: `unchecked_star_${i + 0}`, id: `unchecked-${i}`, className: 'unchecked opacity-30 gold', type: 'star', size: size, colour: 'gold', bgColour: 'white' }));
+        }
+        return starsArr;
+    };
+    const getAllStars = () => {
+        const starArray = [...getStars(), ...getStarsChecked()];
+        return starArray;
+    };
+    return (React.createElement("div", Object.assign({}, (id && { id: id }), { className: classList }), getAllStars()));
+};
+export default StarRating;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/StarRating/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,OAAO,UAAU,MAAM,YAAY,CAAA;AAQnC,MAAM,UAAU,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,GAAG,CAAC,EACT,IAAI,GAAG,CAAC,EACJ,EAAE,EAAE;IACR,MAAM,SAAS,GAAG,UAAU,CAAC,EAC5B,EAAE,GAAG,SAAS,OAAO,CAAC,CAAA;IAEvB,MAAM,QAAQ,GAAG,GAAG,EAAE;QAClB,MAAM,QAAQ,GAAG,EAAE,CAAA;QACnB,KAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;YAC3B,QAAQ,CAAC,IAAI,CACT,oBAAC,IAAI,IACD,GAAG,EAAE,gBAAgB,CAAC,GAAC,CAAC,EAAE,EAC1B,EAAE,EAAE,WAAW,CAAC,EAAE,EAClB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,OAAO,GAClB,CACL,CAAA;SACJ;QACD,OAAO,QAAQ,CAAA;IACnB,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,MAAM,QAAQ,GAAG,EAAE,CAAA;QACnB,KAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,GAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YAC7B,QAAQ,CAAC,IAAI,CACT,oBAAC,IAAI,IACD,GAAG,EAAE,kBAAkB,CAAC,GAAC,CAAC,EAAE,EAC5B,EAAE,EAAE,aAAa,CAAC,EAAE,EACpB,SAAS,EAAE,2BAA2B,EACtC,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,OAAO,GAClB,CACL,CAAA;SACJ;QACD,OAAO,QAAQ,CAAA;IACnB,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,MAAM,SAAS,GAAG,CAAC,GAAG,QAAQ,EAAE,EAAE,GAAG,eAAe,EAAE,CAAC,CAAA;QACvD,OAAO,SAAS,CAAA;IACpB,CAAC,CAAA;IAED,OAAO,CACH,6CACQ,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IACtB,SAAS,EAAE,SAAS,KAEnB,WAAW,EAAE,CACZ,CACT,CAAA;AACL,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import Testimonial from './index';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const componentMeta: ComponentMeta<typeof Testimonial>;
+export declare const _Testimonial: ComponentStory<({ id, className, text, imageProps, companyName, position, date, positionStartDate, positionEndDate, authorsName, authorsPosition }: import("./index").Props) => JSX.Element>;
+export default componentMeta;

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

@@ -0,0 +1,95 @@
+import React from 'react';
+import { idAndClassName } from '@utils/controls';
+import Testimonial from './index';
+const componentMeta = {
+    title: 'Trepur Components/Rupert Bennett/Organisms/Testimonial',
+    component: Testimonial,
+    parameters: {},
+    argTypes: Object.assign(Object.assign({}, idAndClassName), { text: {
+            description: 'The description to display on the component',
+            control: 'text',
+            table: {
+                type: { summary: 'default' }
+            },
+            defaultValue: { summary: 'undefined' }
+        }, companyName: {
+            description: 'The company name to display on the component',
+            control: 'text',
+            table: {
+                type: { summary: 'default' }
+            },
+            defaultValue: { summary: 'undefined' }
+        }, positionStartDate: {
+            description: 'The start date to display on the component',
+            control: 'text',
+            table: {
+                type: { summary: 'default' }
+            },
+            defaultValue: { summary: 'undefined' }
+        }, positionEndDate: {
+            description: 'The end date to display on the component',
+            control: 'text',
+            table: {
+                type: { summary: 'default' }
+            },
+            defaultValue: { summary: 'undefined' }
+        }, position: {
+            description: 'The position to display on the component',
+            control: 'text',
+            table: {
+                type: { summary: 'default' }
+            },
+            defaultValue: { summary: 'undefined' }
+        }, date: {
+            description: 'The date of the testimonial to display on the component',
+            control: 'text',
+            table: {
+                type: { summary: 'default' }
+            },
+            defaultValue: { summary: 'undefined' }
+        }, authorsName: {
+            description: 'The authors name to display on the component',
+            control: 'text',
+            table: {
+                type: { summary: 'default' }
+            },
+            defaultValue: { summary: 'undefined' }
+        }, authorsPosition: {
+            description: 'The authors position to display on the component',
+            control: 'text',
+            table: {
+                type: { summary: 'default' }
+            },
+            defaultValue: { summary: 'undefined' }
+        }, imageProps: {
+            type: { name: 'other', value: 'object' },
+            description: 'The props to pass to the image to display on the component',
+            table: {
+                type: {
+                    summary: 'object'
+                },
+                defaultValue: { summary: 'undefined' }
+            }
+        } }),
+    args: {
+        imageProps: {
+            image: 'https://picsum.photos/100/100',
+            height: 8,
+            width: 8,
+            roundedFull: true,
+            centerAligned: true
+        },
+        authorsName: 'Authors Name',
+        authorsPosition: 'Authors Position',
+        position: 'Position',
+        positionEndDate: 'End Date',
+        positionStartDate: 'Start Date',
+        date: 'Date',
+        companyName: 'Company Name',
+        text: 'This is some text'
+    }
+};
+const Template = (args) => React.createElement(Testimonial, Object.assign({}, args));
+export const _Testimonial = Template.bind({});
+export default componentMeta;
+//# sourceMappingURL=Testimonial.stories.js.map

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

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

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { Props as imageProps } from '../Image';
+export interface Props {
+    id?: string;
+    className?: string;
+    text?: string;
+    imageProps?: imageProps;
+    companyName?: string;
+    position?: string;
+    date?: string;
+    positionStartDate?: string;
+    positionEndDate?: string;
+    authorsName?: string;
+    authorsPosition?: string;
+}
+declare const Testimonial: ({ id, className, text, imageProps, companyName, position, date, positionStartDate, positionEndDate, authorsName, authorsPosition }: Props) => JSX.Element;
+export default Testimonial;

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import classNames from 'classnames';
+import Image from '../Image';
+const Testimonial = ({ id, className, text, imageProps, companyName, position, date, positionStartDate, positionEndDate, authorsName, authorsPosition }) => {
+    const classList = classNames(className, 'text-center');
+    return (React.createElement("div", { id: id, className: classList },
+        React.createElement("div", { className: 'mx-auto' },
+            React.createElement(Image, Object.assign({}, imageProps))),
+        React.createElement("div", null,
+            React.createElement("h2", { className: 'text-md md:text-md' },
+                companyName,
+                " "),
+            React.createElement("p", { className: 'text-md md:text-sm' }, position),
+            React.createElement("p", null,
+                positionStartDate,
+                " - ",
+                positionEndDate),
+            React.createElement("p", null, text),
+            React.createElement("p", null,
+                authorsName,
+                " - ",
+                authorsPosition,
+                ": ",
+                date))));
+};
+export default Testimonial;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Testimonial/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAA8B,MAAM,UAAU,CAAA;AAgBrD,MAAM,WAAW,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,IAAI,EACJ,UAAU,EACV,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,eAAe,EACX,EAAE,EAAE;IACR,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IAEtD,OAAO,CACH,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC7B,6BAAK,SAAS,EAAC,SAAS;YACpB,oBAAC,KAAK,oBAAK,UAAU,EAAI,CACvB;QACN;YACI,4BAAI,SAAS,EAAC,oBAAoB;gBAAE,WAAW;oBAAO;YACtD,2BAAG,SAAS,EAAC,oBAAoB,IAAE,QAAQ,CAAK;YAChD;gBAAI,iBAAiB;;gBAAK,eAAe,CAAK;YAC9C,+BAAI,IAAI,CAAK;YACb;gBAAI,WAAW;;gBAAK,eAAe;;gBAAI,IAAI,CAAK,CAC9C,CACJ,CACT,CAAA;AACL,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

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

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

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

@@ -0,0 +1,63 @@
+import React from 'react';
+import TextAndTitle from './index';
+import { action } from '@storybook/addon-actions';
+import Greeting from '../Greeting';
+const componentMeta = {
+    title: 'Trepur Components/Rupert Bennett/Organisms/Text And Title',
+    component: TextAndTitle,
+    argTypes: {
+        id: {
+            description: 'Defines the id of the component',
+            table: {
+                category: '',
+                type: { summary: 'string' },
+                defaultValue: { summary: 'undefined' }
+            }
+        },
+        className: {
+            description: 'Defines any additional classes for the components',
+            table: {
+                category: '',
+                type: { summary: 'string' },
+                defaultValue: { summary: 'undefined' }
+            }
+        },
+        onSave: {
+            type: { name: 'function', required: false },
+            description: 'Fires a function when you click save',
+            action: 'onClick',
+            table: {
+                type: {
+                    summary: 'function'
+                },
+                defaultValue: { summary: 'undefined' }
+            }
+        }
+    },
+    args: {
+        children: React.createElement("p", null, "This is a child"),
+        editTitleClasses: 'text-md sm:text-lg ',
+        editTextClasses: 'break-words',
+        editInputClasses: 'border border-black text-black bg-white',
+        textLineOne: React.createElement("div", null,
+            React.createElement(Greeting, null),
+            React.createElement("p", null, "Loremipsumdolorsitamet consectetur adipisicing elit")),
+        textLineTwo: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi impedit sed, quis aspernatur voluptate minima vel placeat ipsa amet voluptatem reprehenderit ullam rem cum tempora explicabo veritatis numquam libero asperiores!',
+        textLineThree: 'Lorem ipsum, dolor sit amet consectetur adipisicing elit. Tenetur nihil voluptas ipsum labore? Eligendi et ipsam, repellat culpa porro a animi laudantium molestiae provident facere non tempora odit? Perferendis, assumenda.',
+        onSave: action('button-save'),
+        withLiveUpdates: true,
+        isHorizontal: true,
+        saveButtonProps: {
+            className: 'mt-4',
+            children: 'Save',
+        },
+        cancelButtonProps: {
+            className: 'mt-4 ml-4',
+            children: 'Cancel',
+        }
+    }
+};
+const Template = (args) => React.createElement(TextAndTitle, Object.assign({}, args));
+export const _TextAndTitle = Template.bind({});
+export default componentMeta;
+//# sourceMappingURL=TextAndTitle.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextAndTitle.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextAndTitle/TextAndTitle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,YAAY,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACjD,OAAO,QAAQ,MAAM,aAAa,CAAA;AAGlC,MAAM,aAAa,GAAuC;IACtD,KAAK,EAAE,2DAA2D;IAClE,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE;QACN,EAAE,EAAE;YACA,WAAW,EAAE,iCAAiC;YAC9C,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACzC;SACJ;QACD,SAAS,EAAE;YACP,WAAW,EAAE,mDAAmD;YAChE,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACzC;SACJ;QACD,MAAM,EAAE;YACJ,IAAI,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE;YAC3C,WAAW,EAAE,sCAAsC;YACnD,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE;gBACH,IAAI,EAAE;oBACN,OAAO,EAAE,UAAU;iBAClB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACzC;SACJ;KACJ;IACD,IAAI,EAAE;QACF,QAAQ,EAAE,iDAAsB;QAChC,gBAAgB,EAAE,qBAAqB;QACvC,eAAe,EAAE,aAAa;QAC9B,gBAAgB,EAAE,yCAAyC;QAC3D,WAAW,EAAE;YAAK,oBAAC,QAAQ,OAAG;YAAA,qFAA0D,CAAM;QAC9F,WAAW,EAAE,oOAAoO;QACjP,aAAa,EAAE,gOAAgO;QAC/O,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC;QAC7B,eAAe,EAAE,IAAI;QACrB,YAAY,EAAE,IAAI;QAClB,eAAe,EAAE;YACb,SAAS,EAAE,MAAM;YACjB,QAAQ,EAAE,MAAM;SACnB;QACD,iBAAiB,EAAE;YACf,SAAS,EAAE,WAAW;YACtB,QAAQ,EAAE,QAAQ;SACrB;KACJ;CACJ,CAAA;AAED,MAAM,QAAQ,GAAwC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,YAAY,oBAAK,IAAI,EAAI,CAAC;AAE3F,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE/C,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Props as buttonProps } from '../Button';
+export interface Props {
+    id?: string;
+    className?: string;
+    titleClasses?: string;
+    editTitleClasses?: string;
+    editTextClasses?: string;
+    editInputClasses?: string;
+    textClasses?: string;
+    textLineOne?: string | object;
+    textLineTwo?: string | object;
+    textLineThree?: string | object;
+    title?: string;
+    titleBold?: boolean;
+    textCenter?: boolean;
+    titleCenter?: boolean;
+    withLiveUpdates?: boolean;
+    onSave?: (arr: Array<any>, id: string | undefined) => void;
+    saveButtonProps?: buttonProps;
+    cancelButtonProps?: buttonProps;
+    isHorizontal?: boolean;
+    children?: any;
+}
+declare const TextAndTitle: React.FC<Props>;
+export default TextAndTitle;

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

@@ -0,0 +1,113 @@
+import React, { useState } from 'react';
+import Input from '../Input';
+import Button from '../Button';
+import classNames from 'classnames';
+import TextArea from '../TextArea';
+const TextAndTitle = ({ id, className, titleClasses, editTitleClasses, editTextClasses, editInputClasses, textClasses, textLineOne, textLineTwo, textLineThree, title, titleBold, textCenter, titleCenter, withLiveUpdates, onSave, saveButtonProps, cancelButtonProps, isHorizontal, children }) => {
+    var _a;
+    const getLineHeight = (id) => {
+        const element = document.getElementById(id);
+        const divHeight = element === null || element === void 0 ? void 0 : element.offsetHeight;
+        const lineHeight = element && parseFloat(getComputedStyle(element).fontSize);
+        const pt = element && parseFloat(getComputedStyle(element).paddingTop);
+        const pb = element && parseFloat(getComputedStyle(element).paddingBottom);
+        const mt = element && parseFloat(getComputedStyle(element).marginTop);
+        const mb = element && parseFloat(getComputedStyle(element).marginBottom);
+        const bw = element && parseFloat(getComputedStyle(element).borderWidth);
+        if (divHeight && mt && mb && pt && pb && bw && lineHeight) {
+            const height = divHeight ? divHeight - mt - mb - pt - pb - (bw * 2) : 0;
+            if (isHorizontal) {
+                return Math.floor(height / lineHeight) - 1;
+            }
+            return Math.floor(height / lineHeight);
+        }
+    };
+    const defaultComponentData = {
+        title: {
+            text: title,
+        },
+        textLineOne: {
+            text: textLineOne,
+        },
+        textLineTwo: {
+            text: textLineTwo
+        },
+        textLineThree: {
+            text: textLineThree
+        }
+    };
+    const [isInEditingMode, setIsInEditingMode] = useState(false);
+    const [componentData, setComponentData] = useState(defaultComponentData);
+    const borderClasses = 'border border-transparent';
+    const classList = classNames(`${className} bg-primary text-white`);
+    const titleClassList = classNames({
+        'font-bold': titleBold,
+        'text-center': titleCenter,
+        [borderClasses]: withLiveUpdates && !isInEditingMode,
+    }, `${titleClasses} text-md break-words`);
+    const textClassList = classNames({
+        'text-center': textCenter,
+        [borderClasses]: withLiveUpdates && !isInEditingMode,
+    }, `${textClasses} pt-2 mt-2`);
+    const toggleEditState = () => {
+        withLiveUpdates &&
+            setIsInEditingMode(!isInEditingMode);
+    };
+    const handleButtonSave = () => {
+        const arr = [];
+        arr.push({ key: 'title', value: componentData.title.text });
+        arr.push({ key: 'textLineOne', value: componentData.textLineOne.text });
+        arr.push({ key: 'textLineTwo', value: componentData.textLineTwo.text });
+        arr.push({ key: 'textLineThree', value: componentData.textLineThree.text });
+        toggleEditState();
+        onSave && onSave(arr, id);
+    };
+    const handleButtonCancel = () => {
+        toggleEditState();
+    };
+    const handleChange = (e) => {
+        let id = e.target.id;
+        id = id.split('-')[id.split('-').length - 1];
+        setComponentData(Object.assign(Object.assign({}, componentData), { [id]: {
+                text: e.target.value
+            } }));
+    };
+    const wrapperClassList = classNames({
+        'flex flex-wrap justify-center md:items-center': isHorizontal,
+        'hover:border-black hover:border-dashed': withLiveUpdates && !isInEditingMode
+    }, 'border-2 border-transparent');
+    const titleWrapperClassList = classNames({
+        'md:w-1/2 md:text-center md:px-8': isHorizontal
+    });
+    const textWrapperClassList = classNames({
+        'md:w-1/2 md:text-center md:py-8 md:px-8': isHorizontal
+    });
+    return (React.createElement("div", Object.assign({}, (id && { id: id }), { className: classList }), withLiveUpdates && isInEditingMode ?
+        React.createElement(React.Fragment, null,
+            React.createElement("div", { className: wrapperClassList },
+                React.createElement("div", { className: titleWrapperClassList }, componentData.title.text ?
+                    React.createElement(Input, { id: 'title', className: editTitleClasses, inputClasses: `${editInputClasses} ${textClassList}`, autoFocus: true, value: (_a = componentData === null || componentData === void 0 ? void 0 : componentData.title) === null || _a === void 0 ? void 0 : _a.text, onChange: (e) => handleChange(e), type: "text" })
+                    :
+                        React.createElement("div", null, children)),
+                React.createElement("div", { className: textWrapperClassList },
+                    React.createElement(TextArea, { id: 'textLineOne', className: editTextClasses, textAreaClasses: `${editInputClasses} ${titleClassList} ${isHorizontal ? 'text-center' : ''}`, rows: getLineHeight('textLineOne'), onChange: (e) => handleChange(e) }, componentData.textLineOne.text),
+                    React.createElement(TextArea, { id: 'textLineOne', className: editTextClasses, textAreaClasses: `${editInputClasses} ${titleClassList} ${isHorizontal ? 'text-center' : ''}`, rows: getLineHeight('textLineOne'), onChange: (e) => handleChange(e) }, componentData.textLineTwo.text),
+                    React.createElement(TextArea, { id: 'textLineThree', className: editTextClasses, textAreaClasses: `${editInputClasses} ${titleClassList} ${isHorizontal ? 'text-center' : ''}`, rows: getLineHeight('textLineThree'), onChange: (e) => handleChange(e) }, componentData.textLineThree.text))),
+            React.createElement(Button, { className: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.className, onClick: handleButtonSave }, saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.children),
+            React.createElement(Button, { className: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.className, onClick: handleButtonCancel }, cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.children))
+        :
+            React.createElement("div", { className: wrapperClassList, onClick: toggleEditState },
+                React.createElement("div", { className: titleWrapperClassList }, componentData.title.text ?
+                    React.createElement("h1", { className: titleClassList }, componentData.title.text)
+                    :
+                        React.createElement("div", null, children)),
+                React.createElement("div", { className: textWrapperClassList },
+                    !componentData.title.text ?
+                        React.createElement("h1", { id: 'textLineOne', className: titleClassList }, componentData.textLineOne.text)
+                        :
+                            React.createElement("p", { id: 'textLineOne', className: textClassList }, componentData.textLineOne.text),
+                    React.createElement("div", { id: 'textLineTwo', className: textClassList }, componentData.textLineTwo.text),
+                    React.createElement("div", { id: 'textLineThree', className: textClassList }, componentData.textLineThree.text)))));
+};
+export default TextAndTitle;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import TextArea from './index';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const componentMeta: ComponentMeta<typeof TextArea>;
+export declare const _TextArea: ComponentStory<({ id, className, labelClasses, textAreaClasses, label, placeholder, bold, name, disabled, rows, cols, autoFocus, formId, maxLength, readOnly, required, onBlur, onFocus, onChange, withPadding, children, theme }: import("./index").Props) => JSX.Element>;
+export default componentMeta;

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

@@ -0,0 +1,63 @@
+import React from 'react';
+import TextArea from './index';
+const componentMeta = {
+    title: 'Trepur Components/Rupert Bennett/Atoms/Text Area',
+    component: TextArea,
+    parameters: {},
+    argTypes: {
+        id: {
+            description: 'Defines the id of the component',
+            table: {
+                category: '',
+                type: { summary: 'string' },
+                defaultValue: { summary: 'undefined' }
+            }
+        },
+        className: {
+            description: 'Defines any additional classes for the components',
+            table: {
+                category: '',
+                type: { summary: 'string' },
+                defaultValue: { summary: 'undefined' }
+            }
+        },
+        label: {
+            description: '',
+            control: 'text',
+            table: {
+                category: '',
+            }
+        },
+        placeholder: {
+            description: '',
+            control: 'text',
+            table: {
+                category: '',
+            }
+        },
+        bold: {
+            description: '',
+            control: 'boolean',
+            table: {
+                category: '',
+            }
+        },
+        theme: {
+            type: { name: 'string', required: false },
+            options: ['dark', 'light'],
+            description: 'The variant of button to render',
+            table: { type: { summary: 'dark' }, defaultValue: { summary: 'dark' } },
+            defaultValue: 'dark',
+            control: { type: 'radio' }
+        }
+    },
+    args: {
+        label: 'This is a label',
+        placeholder: 'This is a text area placeholder',
+        withPadding: true
+    }
+};
+const Template = (args) => React.createElement(TextArea, Object.assign({}, args));
+export const _TextArea = Template.bind({});
+export default componentMeta;
+//# sourceMappingURL=TextArea.stories.js.map