trepur_components 1.0.5 → 1.0.6

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

@@ -0,0 +1 @@
+{"version":3,"file":"SocialBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialBlock/SocialBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,MAAM,yBAAyB,CAAA;AAC3C,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAoBtC,MAAM,WAAW,GAAG,CAAC,EACnB,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,eAAe,EACf,MAAM,EACN,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,aAAa,EACb,KAAK,GAAG,OAAO,EACT,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAA;IAC3D,MAAM,oBAAoB,GAAG;QAC3B,KAAK,EAAE;YACL,IAAI,EAAE,KAAK;SACZ;QACD,IAAI,EAAE;YACJ,IAAI;SACL;KACF,CAAA;IAED,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAA;IAExE,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;IAChD,MAAM,sBAAsB,GAAG,UAAU,CAAC,oBAAoB,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAA;IAE7F,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,eAAe,KAAK,SAAS,IAAI,CAAC,eAAe,IAAI,UAAU;KACxF,EAAE,kBAAkB,CAAC,CAAA;IAEtB,MAAM,eAAe,GAAG,GAAS,EAAE;QACjC,eAAe,KAAK,IAAI,IAAI,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAA;IAClE,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,GAAS,EAAE;QAClC,MAAM,GAAG,GAAG,EAAE,CAAA;QACd,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAA;QAC3D,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAA;QACzD,eAAe,EAAE,CAAA;QACjB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,GAAG,EAAE,EAAE,CAAC,CAAA;QACjB,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,GAAS,EAAE;QACpC,eAAe,EAAE,CAAA;QACjB,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,CAAM,EAAQ,EAAE;QACpC,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,CAAA;QACpB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QAC5C,gBAAgB,iCACX,aAAa,KAChB,CAAC,EAAE,CAAC,EAAE;gBACJ,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;aACrB,IACD,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,GAAS,EAAE;QAClC,eAAe,KAAK,IAAI,IAAI,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA;IACxD,CAAC,CAAA;IAED,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,IAEnB,eAAe,KAAK,IAAI,IAAI,eAAe;QAC1C,CAAC,CAAC,CACA,6BAAK,SAAS,EAAE,OAAO;YACrB,oBAAC,KAAK,IACJ,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EAAE,gBAAgB,EAC9B,SAAS,QACT,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,IAAI,EAC/B,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EACrC,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,GACZ;YACF,oBAAC,KAAK,IACJ,SAAS,EAAE,eAAe,EAC1B,YAAY,EAAE,gBAAgB,EAC9B,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,IAAI,EAC9B,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EACrC,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,GACZ;YACF,oBAAC,MAAM,IACL,SAAS,EAAE,KAAK,CAAC,UAAU,EAC3B,OAAO,EAAE,gBAAgB,WAGlB;YACT,oBAAC,MAAM,IACL,SAAS,EAAE,KAAK,CAAC,YAAY,EAC7B,OAAO,EAAE,kBAAkB,aAGpB,CACL,CACL;QACH,CAAC,CAAC,CACA;YACE,6BACE,WAAW,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,EACrC,UAAU,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,EACpC,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,cAAc;gBAEzB,4BAAI,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,aAAa,CAAC,KAAK,CAAC,IAAI,CAAM;gBAC3D,2BAAG,SAAS,EAAE,KAAK,CAAC,IAAI,IAAG,aAAa,CAAC,IAAI,CAAC,IAAI,CAAK,CACnD;YACN,6BAAK,SAAS,EAAE,sBAAsB,IACnC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAS,EAAE,EAAE;gBACxC,OAAO,6BAAK,GAAG,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,IAAG,MAAM,CAAO,CAAA;YACxD,CAAC,CAAC,CACE,CACL,CACF,CACD,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/src/lib/components/SocialBlock/style.module.css

@@ -0,0 +1,88 @@
+.hoverClassList {
+
+    border-width: 1px;
+
+    border-style: dashed
+}
+
+.dark {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(0 54 160 / var(--tw-bg-opacity));
+
+    --tw-text-opacity: 1;
+
+    color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+.dark::placeholder {
+
+    --tw-placeholder-opacity: 1;
+
+    color: rgb(255 255 255 / var(--tw-placeholder-opacity))
+}
+
+.light {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+
+    --tw-text-opacity: 1;
+
+    color: rgb(0 54 160 / var(--tw-text-opacity))
+}
+
+.light::placeholder {
+
+    --tw-placeholder-opacity: 1;
+
+    color: rgb(0 54 160 / var(--tw-placeholder-opacity))
+}
+
+.buttonWrapperClassList {
+
+    display: flex;
+
+    width: 100%;
+
+    flex-wrap: wrap;
+
+    justify-content: center;
+
+    padding-top: 1rem;
+
+    padding-bottom: 1rem
+}
+
+.title {
+
+    font-size: 32px
+}
+
+@media (min-width: 640px) {
+
+    .title {
+
+        font-size: 48px
+    }
+}
+
+.text {
+
+    padding-top: 1rem
+}
+
+.cancelButton {
+
+    margin-top: 1rem;
+
+    margin-left: 1rem
+}
+
+.saveButton {
+
+    margin-top: 1rem
+}
+/*# sourceMappingURL=style.module.css.map */

package/dist/src/lib/components/SocialBlock/style.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/SocialBlock/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,kBAA8C;;IAA9C,sDAA8C;;IAA9C,oBAA8C;;IAA9C;AAA8C;;AAA9C;;IAAA,2BAA8C;;IAA9C;AAA8C;;AAI9C;;IAAA,kBAAgD;;IAAhD,yDAAgD;;IAAhD,oBAAgD;;IAAhD;AAAgD;;AAAhD;;IAAA,2BAAgD;;IAAhD;AAAgD;;AAIhD;;IAAA,aAAgD;;IAAhD,WAAgD;;IAAhD,eAAgD;;IAAhD,uBAAgD;;IAAhD,iBAAgD;;IAAhD;AAAgD;;AAIhD;;IAAA;AAAyB;;AAAzB;;IAAA;;QAAA;IAAyB;AAAA;;AAIzB;;IAAA;AAAW;;AAIX;;IAAA,gBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAW","file":"style.module.css","sourcesContent":[".hoverClassList {\n    @apply border-dashed border;\n}\n\n.dark {\n    @apply placeholder-white bg-primary text-white;\n}\n\n.light {\n    @apply placeholder-primary bg-white text-primary;\n}\n\n.buttonWrapperClassList {\n    @apply py-4 flex flex-wrap w-full justify-center;\n}\n\n.title {\n    @apply text-md sm:text-lg;\n}\n\n.text {\n    @apply pt-4;\n}\n\n.cancelButton {\n    @apply mt-4 ml-4;\n}\n\n.saveButton {\n    @apply mt-4;\n}"]}

package/dist/src/lib/components/StarRating/StarRating.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/StarRating.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import Icon from '../Icon/Icon';
+import classNames from 'classnames';
+import style from './style.module.css';
+const StarRating = ({ id, className, stars = 1, size = 1 }) => {
+    const classList = classNames({}, className, style.classList);
+    const getStars = () => {
+        const starsArr = [];
+        for (let i = 0; i < stars; i++) {
+            starsArr.push(React.createElement(Icon, { key: `checked_star_${i + 0}`, id: `checked-${i}`, className: classNames(style.checkedStar, 'checked'), type: 'star', size: size, colour: 'gold', bgColour: 'white', hoverColour: 'gold', hoverBgColour: 'white' }));
+        }
+        return starsArr;
+    };
+    const getStarsChecked = () => {
+        const starsArr = [];
+        for (let i = 0; i < 5 - stars; i++) {
+            starsArr.push(React.createElement(Icon, { key: `unchecked_star_${i + 0}`, id: `unchecked-${i}`, className: classNames(style.uncheckedStar, 'unchecked gold'), type: 'star', size: size, colour: 'gold', bgColour: 'white', hoverColour: 'gold', hoverBgColour: 'white' }));
+        }
+        return starsArr;
+    };
+    const getAllStars = () => {
+        const starArray = [...getStars(), ...getStarsChecked()];
+        return starArray;
+    };
+    return (React.createElement("div", { id: id, className: classList }, getAllStars()));
+};
+export default StarRating;
+//# sourceMappingURL=StarRating.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StarRating.js","sourceRoot":"","sources":["../../../../../src/lib/components/StarRating/StarRating.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,uBAAuB,CAAA;AACxC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAQtC,MAAM,UAAU,GAAG,CAAC,EAClB,EAAE,EACF,SAAS,EACT,KAAK,GAAG,CAAC,EACT,IAAI,GAAG,CAAC,EACF,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,EAC5B,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAE9B,MAAM,QAAQ,GAAG,GAAkB,EAAE;QACnC,MAAM,QAAQ,GAAG,EAAE,CAAA;QACnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;YAC9B,QAAQ,CAAC,IAAI,CACX,oBAAC,IAAI,IACH,GAAG,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAAE,EAC5B,EAAE,EAAE,WAAW,CAAC,EAAE,EAClB,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,WAAW,EAAE,SAAS,CAAC,EACnD,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,OAAO,EAChB,WAAW,EAAC,MAAM,EAClB,aAAa,EAAC,OAAO,GACrB,CACH,CAAA;SACF;QACD,OAAO,QAAQ,CAAA;IACjB,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,GAAkB,EAAE;QAC1C,MAAM,QAAQ,GAAG,EAAE,CAAA;QACnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;YAClC,QAAQ,CAAC,IAAI,CACX,oBAAC,IAAI,IACH,GAAG,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAAE,EAC9B,EAAE,EAAE,aAAa,CAAC,EAAE,EACpB,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,aAAa,EAAE,gBAAgB,CAAC,EAC5D,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,OAAO,EAChB,WAAW,EAAC,MAAM,EAClB,aAAa,EAAC,OAAO,GACrB,CACH,CAAA;SACF;QACD,OAAO,QAAQ,CAAA;IACjB,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAkB,EAAE;QACtC,MAAM,SAAS,GAAG,CAAC,GAAG,QAAQ,EAAE,EAAE,GAAG,eAAe,EAAE,CAAC,CAAA;QACvD,OAAO,SAAS,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,IAEnB,WAAW,EAAE,CACV,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/src/lib/components/StarRating/style.module.css

@@ -0,0 +1,10 @@
+.classList {
+
+    display: flex
+}
+
+.uncheckedStar {
+
+    opacity: 0.3
+}
+/*# sourceMappingURL=style.module.css.map */

package/dist/src/lib/components/StarRating/style.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/StarRating/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAW;;AAIX;;IAAA;AAAiB","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex;\n}\n\n.uncheckedStar {\n    @apply opacity-30;\n}"]}

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { Props as imageProps } from '../Image/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/Testimonial.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Testimonial.js","sourceRoot":"","sources":["../../../../../src/lib/components/Testimonial/Testimonial.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAgBtC,MAAM,WAAW,GAAG,CAAC,EACnB,EAAE,EACF,SAAS,EACT,IAAI,EACJ,UAAU,EACV,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,eAAe,EACT,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY;YAChC,oBAAC,KAAK,oBAAK,UAAU,EAAI,CACrB;QACN;YACE,4BAAI,SAAS,EAAE,KAAK,CAAC,WAAW;gBAAG,WAAW;oBAAO;YACrD,2BAAG,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAG,QAAQ,CAAK;YAC5C;gBAAI,iBAAiB;;gBAAK,eAAe,CAAK;YAC9C,+BAAI,IAAI,CAAK;YACb;gBAAI,WAAW;;gBAAK,eAAe;;gBAAI,IAAI,CAAK,CAC5C,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/src/lib/components/Testimonial/style.module.css

@@ -0,0 +1,38 @@
+.classList {
+
+    text-align: center
+}
+
+.imageWrapper {
+
+    margin-left: auto;
+
+    margin-right: auto
+}
+
+.companyName {
+
+    font-size: 32px
+}
+
+@media (min-width: 768px) {
+
+    .companyName {
+
+        font-size: 32px
+    }
+}
+
+.position {
+
+    font-size: 32px
+}
+
+@media (min-width: 768px) {
+
+    .position {
+
+        font-size: 24px
+    }
+}
+/*# sourceMappingURL=style.module.css.map */

package/dist/src/lib/components/Testimonial/style.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/Testimonial/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAkB;;AAIlB;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA;AAAyB;;AAAzB;;IAAA;;QAAA;IAAyB;AAAA;;AAIzB;;IAAA;AAAyB;;AAAzB;;IAAA;;QAAA;IAAyB;AAAA","file":"style.module.css","sourcesContent":[".classList {\n    @apply text-center;\n}\n\n.imageWrapper {\n    @apply mx-auto;\n}\n\n.companyName {\n    @apply text-md md:text-md;\n}\n\n.position {\n    @apply text-md md:text-sm;\n}"]}

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Props as buttonProps } from '../Button/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: 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/TextAndTitle.js

@@ -0,0 +1,105 @@
+import React, { useState } from 'react';
+import Input from '../Input/Input';
+import Button from '../Button/Button';
+import classNames from 'classnames';
+import TextArea from '../TextArea/TextArea';
+import style from './style.module.css';
+const TextAndTitle = ({ id, className, titleClasses, editTitleClasses, editTextClasses, editInputClasses, textClasses, textLineOne, textLineTwo, textLineThree, title, titleBold, textCenter, titleCenter, withLiveUpdates = false, onSave, saveButtonProps, cancelButtonProps, isHorizontal = true, children }) => {
+    const getLineHeight = (id) => {
+        const element = document.getElementById(id);
+        const divHeight = (element === null || element === void 0 ? void 0 : element.offsetHeight) !== undefined ? element.offsetHeight : 0;
+        const lineHeight = (element != null) ? parseFloat(getComputedStyle(element).fontSize) : 1;
+        const pt = (element != null) ? parseFloat(getComputedStyle(element).paddingTop) : 0;
+        const pb = (element != null) ? parseFloat(getComputedStyle(element).paddingBottom) : 0;
+        const mt = (element != null) ? parseFloat(getComputedStyle(element).marginTop) : 0;
+        const mb = (element != null) ? parseFloat(getComputedStyle(element).marginBottom) : 0;
+        const bw = (element != null) ? parseFloat(getComputedStyle(element).borderWidth) : 0;
+        const height = divHeight - mt - mb - pt - pb - (bw * 2);
+        if (isHorizontal) {
+            return Math.floor(height / lineHeight) - 1;
+        }
+        return Math.floor(height / lineHeight);
+    };
+    const defaultComponentData = {
+        title,
+        textLineOne,
+        textLineTwo,
+        textLineThree
+    };
+    const [isInEditingMode, setIsInEditingMode] = useState(false);
+    const [componentData, setComponentData] = useState(defaultComponentData);
+    const borderClasses = style.bordered;
+    const classList = classNames(className, style.classList);
+    const titleClassList = classNames({
+        [style.fontBold]: titleBold,
+        [style.textCenter]: titleCenter,
+        [borderClasses]: withLiveUpdates && !isInEditingMode
+    }, titleClasses, style.titleClassList);
+    const textClassList = classNames({
+        [style.textCenter]: textCenter,
+        [borderClasses]: withLiveUpdates && !isInEditingMode
+    }, textClasses, style.textClassList);
+    const toggleEditState = () => {
+        withLiveUpdates &&
+            setIsInEditingMode(!isInEditingMode);
+    };
+    const handleButtonSave = () => {
+        const arr = [];
+        arr.push({ key: 'title', value: componentData.title });
+        arr.push({ key: 'textLineOne', value: componentData.textLineOne });
+        arr.push({ key: 'textLineTwo', value: componentData.textLineTwo });
+        arr.push({ key: 'textLineThree', value: componentData.textLineThree });
+        toggleEditState();
+        onSave === null || onSave === void 0 ? void 0 : onSave(arr, id);
+    };
+    const handleButtonCancel = () => {
+        return toggleEditState();
+    };
+    const handleChange = (e) => {
+        let id = e.target.id;
+        id = id.split('-')[id.split('-').length - 1];
+        setComponentData(Object.assign(Object.assign({}, componentData), { [id]: e.target.value }));
+    };
+    const wrapperClassList = classNames({
+        [style.horizontalWrapperClassList]: isHorizontal,
+        [style.liveUpdatesWrapperClassList]: withLiveUpdates && !isInEditingMode
+    }, style.wrapperClassList);
+    const titleWrapperClassList = classNames({
+        [style.horizontalTitleWrapperClassList]: isHorizontal
+    });
+    const textWrapperClassList = classNames({
+        [style.horizontalTextWrapperClassList]: isHorizontal
+    });
+    const inputClassList = classNames(editInputClasses, textClassList);
+    const node = document.getElementById('textLineOne');
+    return (React.createElement("div", { id: id, className: classList }, withLiveUpdates && isInEditingMode
+        ? (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: wrapperClassList },
+                React.createElement("div", { className: titleWrapperClassList }, (componentData === null || componentData === void 0 ? void 0 : componentData.title) !== undefined
+                    ? (React.createElement(Input, { className: editTitleClasses, inputClasses: inputClassList, autoFocus: true, value: componentData === null || componentData === void 0 ? void 0 : componentData.title, onChange: (e) => handleChange(e), type: 'text', theme: 'dark' }))
+                    : (React.createElement("div", null, children))),
+                React.createElement("div", { className: textWrapperClassList },
+                    React.createElement(TextArea, { className: editTextClasses, textAreaClasses: classNames({
+                            [style.textCenter]: isHorizontal
+                        }, editInputClasses), rows: getLineHeight('textLineOne') + 1, onChange: (e) => handleChange(e), theme: 'dark' }, node === null || node === void 0 ? void 0 : node.innerHTML),
+                    React.createElement(TextArea, { className: editTextClasses, textAreaClasses: classNames({
+                            [style.textCenter]: isHorizontal
+                        }, editInputClasses), rows: getLineHeight('textLineTwo'), onChange: (e) => handleChange(e), theme: 'dark' }, componentData.textLineTwo),
+                    React.createElement(TextArea, { className: editTextClasses, textAreaClasses: classNames({
+                            [style.textCenter]: isHorizontal
+                        }, editInputClasses), rows: getLineHeight('textLineThree'), onChange: (e) => handleChange(e), theme: 'dark' }, componentData.textLineThree))),
+            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 === null || componentData === void 0 ? void 0 : componentData.title) !== undefined
+                ? (React.createElement("h1", { className: titleClassList }, componentData.title))
+                : (children)),
+            React.createElement("div", { className: textWrapperClassList },
+                (componentData === null || componentData === void 0 ? void 0 : componentData.title) !== undefined
+                    ? (React.createElement("h1", { id: 'title', className: titleClassList }, componentData.title))
+                    : (React.createElement("div", { id: 'textLineOne', className: textClassList }, componentData.textLineOne)),
+                React.createElement("div", { id: 'textLineTwo', className: textClassList }, componentData.textLineTwo),
+                React.createElement("div", { id: 'textLineThree', className: textClassList }, componentData.textLineThree))))));
+};
+export default TextAndTitle;
+//# sourceMappingURL=TextAndTitle.js.map

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

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

package/dist/src/lib/components/TextAndTitle/style.module.css

@@ -0,0 +1,106 @@
+.classList {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(0 54 160 / var(--tw-bg-opacity));
+
+    --tw-text-opacity: 1;
+
+    color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+.bordered {
+
+    border-width: 4px;
+
+    border-color: transparent
+}
+
+.fontBold {
+
+    font-weight: 700
+}
+
+.textCenter {
+
+    text-align: center
+}
+
+.titleClassList {
+
+    overflow-wrap: break-word;
+
+    font-size: 32px
+}
+
+.textClassList {
+
+    margin-top: 0.5rem;
+
+    padding-top: 0.5rem
+}
+
+.wrapperClassList {
+
+    border-width: 2px;
+
+    border-color: transparent
+}
+
+.horizontalWrapperClassList {
+
+    display: flex;
+
+    flex-wrap: wrap;
+
+    justify-content: center
+}
+
+@media (min-width: 768px) {
+
+    .horizontalWrapperClassList {
+
+        align-items: center
+    }
+}
+
+.liveUpdatesWrapperClassList:hover {
+
+    border-width: 4px;
+
+    border-style: dashed;
+
+    --tw-border-opacity: 1;
+
+    border-color: rgb(255 255 255 / var(--tw-border-opacity))
+}
+
+@media (min-width: 768px) {
+
+    .horizontalTextWrapperClassList {
+
+        width: 50%;
+
+        padding-top: 2rem;
+
+        padding-bottom: 2rem;
+
+        padding-left: 2rem;
+
+        padding-right: 2rem;
+
+        text-align: center
+    }
+
+    .horizontalTitleWrapperClassList {
+
+        width: 50%;
+
+        padding-left: 2rem;
+
+        padding-right: 2rem;
+
+        text-align: center
+    }
+}
+/*# sourceMappingURL=style.module.css.map */

package/dist/src/lib/components/TextAndTitle/style.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/TextAndTitle/style.module.css"],"names":[],"mappings":"AACI;;IAAA,kBAA4B;;IAA5B,sDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,iBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA;AAAgB;;AAIhB;;IAAA;AAAkB;;AAIlB;;IAAA,yBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,iBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,aAAoD;;IAApD,eAAoD;;IAApD;AAAoD;;AAApD;;IAAA;;QAAA;IAAoD;AAAA;;AAIpD;;IAAA,iBAA0C;;IAA1C,oBAA0C;;IAA1C,sBAA0C;;IAA1C;AAA0C;;AAI1C;;IAAA;;QAAA,UAA8C;;QAA9C,iBAA8C;;QAA9C,oBAA8C;;QAA9C,kBAA8C;;QAA9C,mBAA8C;;QAA9C;IAA8C;;IAI9C;;QAAA,UAAsC;;QAAtC,kBAAsC;;QAAtC,mBAAsC;;QAAtC;IAAsC;AAJQ","file":"style.module.css","sourcesContent":[".classList {\n    @apply bg-primary text-white;\n}\n\n.bordered {\n    @apply border-4 border-transparent;\n}\n\n.fontBold {\n    @apply font-bold;\n}\n\n.textCenter {\n    @apply text-center;\n}\n\n.titleClassList {\n    @apply text-md break-words;\n}\n\n.textClassList {\n    @apply pt-2 mt-2;\n}\n\n.wrapperClassList {\n    @apply border-2 border-transparent;\n}\n\n.horizontalWrapperClassList {\n    @apply flex flex-wrap justify-center md:items-center;\n}\n\n.liveUpdatesWrapperClassList:hover {\n    @apply border-white border-4 border-dashed;\n}\n\n.horizontalTextWrapperClassList {\n    @apply md:w-1/2 md:text-center md:py-8 md:px-8;\n}\n\n.horizontalTitleWrapperClassList {\n    @apply md:w-1/2 md:text-center md:px-8;\n}"]}

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+export interface Props {
+    id?: string;
+    className?: string;
+    labelClasses?: string;
+    textAreaClasses?: string;
+    label?: string;
+    placeholder?: string;
+    bold?: boolean;
+    name?: string;
+    disabled?: boolean;
+    rows?: number;
+    cols?: number;
+    autoFocus?: boolean;
+    formId?: string;
+    maxLength?: number;
+    readOnly?: boolean;
+    required?: boolean;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    onChange?: (e: any) => void;
+    withPadding?: boolean;
+    children?: any;
+    theme?: 'dark' | 'light';
+}
+declare const TextArea: ({ id, className, labelClasses, textAreaClasses, label, placeholder, bold, name, disabled, rows, cols, autoFocus, formId, maxLength, readOnly, required, onBlur, onFocus, onChange, withPadding, children, theme }: Props) => JSX.Element;
+export default TextArea;

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import classNames from 'classnames';
+import style from './style.module.css';
+const TextArea = ({ id, className, labelClasses, textAreaClasses, label, placeholder, bold, name, disabled, rows, cols, autoFocus, formId, maxLength, readOnly, required, onBlur, onFocus, onChange, withPadding, children, theme = 'light' }) => {
+    const colours = theme === 'dark' ? style.dark : style.light;
+    const classList = classNames(className, colours, style.classList);
+    const newId = id !== undefined ? `-${id}` : '-';
+    const labelClassList = classNames({
+        [style.bold]: bold
+    }, labelClasses, style.labelClassList);
+    const textAreaClassList = classNames({
+        [style.padding]: withPadding
+    }, textAreaClasses, colours, style.textAreaClassList);
+    return (React.createElement("div", { id: id, className: classList },
+        label !== undefined &&
+            React.createElement("label", { className: labelClassList, htmlFor: `text-area${newId}` }, label),
+        React.createElement("textarea", { className: textAreaClassList, autoFocus: autoFocus, form: formId, maxLength: maxLength, readOnly: readOnly, required: required, disabled: disabled, rows: rows, cols: cols, name: name, placeholder: placeholder, onChange: onChange, onFocus: onFocus, onBlur: onBlur, defaultValue: children })));
+};
+export default TextArea;
+//# sourceMappingURL=TextArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AA2BtC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,YAAY,EACZ,eAAe,EACf,KAAK,EACL,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,GAAG,OAAO,EACT,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAA;IAC3D,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IACjE,MAAM,KAAK,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAA;IAE/C,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI;KACnB,EAAE,YAAY,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAEtC,MAAM,iBAAiB,GAAG,UAAU,CAAC;QACnC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,WAAW;KAC7B,EAAE,eAAe,EAAE,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAA;IAErD,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEnB,KAAK,KAAK,SAAS;YAClB,+BACE,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,YAAY,KAAK,EAAE,IAE3B,KAAK,CACA;QACV,kCACE,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,QAAQ,GACtB,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/src/lib/components/TextArea/style.module.css

@@ -0,0 +1,73 @@
+.classList {
+
+    display: flex;
+
+    flex-direction: column
+}
+
+.bold {
+
+    font-weight: 700
+}
+
+.dark {
+
+    --tw-border-opacity: 1;
+
+    border-color: rgb(255 255 255 / var(--tw-border-opacity));
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(0 54 160 / var(--tw-bg-opacity));
+
+    --tw-text-opacity: 1;
+
+    color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+.dark::placeholder {
+
+    --tw-placeholder-opacity: 1;
+
+    color: rgb(255 255 255 / var(--tw-placeholder-opacity))
+}
+
+.light {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+
+    --tw-text-opacity: 1;
+
+    color: rgb(0 54 160 / var(--tw-text-opacity))
+}
+
+.light::placeholder {
+
+    --tw-placeholder-opacity: 1;
+
+    color: rgb(0 54 160 / var(--tw-placeholder-opacity))
+}
+
+.labelClassList {
+
+    width: auto;
+
+    padding-bottom: 0.5rem
+}
+
+.textAreaClassList {
+
+    margin-bottom: 0.5rem;
+
+    border-radius: 0.375rem;
+
+    border-width: 1px
+}
+
+.padding {
+
+    padding: 0.5rem
+}
+/*# sourceMappingURL=style.module.css.map */

package/dist/src/lib/components/TextArea/style.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/TextArea/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAoB;;IAApB;AAAoB;;AAIpB;;IAAA;AAAgB;;AAIhB;;IAAA,sBAA2D;;IAA3D,yDAA2D;;IAA3D,kBAA2D;;IAA3D,sDAA2D;;IAA3D,oBAA2D;;IAA3D;AAA2D;;AAA3D;;IAAA,2BAA2D;;IAA3D;AAA2D;;AAI3D;;IAAA,kBAAgD;;IAAhD,yDAAgD;;IAAhD,oBAAgD;;IAAhD;AAAgD;;AAAhD;;IAAA,2BAAgD;;IAAhD;AAAgD;;AAIhD;;IAAA,WAAkB;;IAAlB;AAAkB;;AAIlB;;IAAA,qBAA6B;;IAA7B,uBAA6B;;IAA7B;AAA6B;;AAI7B;;IAAA;AAAU","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex flex-col;\n}\n\n.bold {\n    @apply font-bold;\n}\n\n.dark {\n    @apply placeholder-white bg-primary text-white border-white;\n}\n\n.light {\n    @apply placeholder-primary bg-white text-primary;\n}\n\n.labelClassList {\n    @apply w-auto pb-2;\n}\n\n.textAreaClassList {\n    @apply border rounded-md mb-2;\n}\n\n.padding {\n    @apply p-2;\n}"]}