trepur_components 1.0.5 → 1.0.6

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

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface Props {
+    id?: string;
+    className?: string;
+    title: string;
+    href?: string;
+    onClick?: React.MouseEventHandler;
+    bordered?: boolean;
+    rounded?: boolean;
+    underlineOnHover?: boolean;
+    isActive?: boolean;
+    variant?: 'primary' | 'secondary';
+}
+declare const NavItem: ({ id, className, title, href, onClick, bordered, rounded, underlineOnHover, isActive, variant }: Props) => JSX.Element;
+export default NavItem;

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import classNames from 'classnames';
+import style from './style.module.css';
+const NavItem = ({ id, className, title, href = '/', onClick, bordered = false, rounded = true, underlineOnHover = true, isActive = false, variant = 'primary' }) => {
+    const classList = classNames(className, style.navItem);
+    const anchorClassList = classNames({
+        [style.underlineOnHover]: underlineOnHover,
+        [style.underline]: underlineOnHover,
+        [style.active]: isActive,
+        [style.inactive]: !isActive,
+        [style.bordered]: bordered,
+        [style.rounded]: rounded,
+        [style.primary]: variant === 'primary',
+        [style.secondary]: variant === 'secondary'
+    }, [style.anchorClassList]);
+    const spanClassList = classNames({}, style.spanClassList);
+    return (React.createElement("div", { id: id, className: classList },
+        React.createElement("a", { href: href, onClick: onClick, className: anchorClassList },
+            React.createElement("span", { className: spanClassList }, title))));
+};
+export default NavItem;
+//# sourceMappingURL=NavItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavItem.js","sourceRoot":"","sources":["../../../../../src/lib/components/NavItem/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAetC,MAAM,OAAO,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,GAAG,GAAG,EACV,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,IAAI,EACd,gBAAgB,GAAG,IAAI,EACvB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,SAAS,EACb,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAEtD,MAAM,eAAe,GAAG,UAAU,CAAC;QACjC,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,gBAAgB;QAC1C,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,gBAAgB;QACnC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,QAAQ;QACxB,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ;QAC3B,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ;QAC1B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;QACxB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,SAAS;QACtC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,KAAK,WAAW;KAC3C,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAA;IAE3B,MAAM,aAAa,GAAG,UAAU,CAAC,EAChC,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAEvB,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,2BACE,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,eAAe;YAE1B,8BAAM,SAAS,EAAE,aAAa,IAC3B,KAAK,CACD,CACL,CACA,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

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

@@ -0,0 +1,133 @@
+.bordered {
+
+    border-width: 2px;
+
+    padding-left: 0.5rem;
+
+    padding-right: 0.5rem;
+
+    padding-top: 0.5rem;
+
+    padding-bottom: 0.5rem
+}
+
+.rounded {
+
+    border-radius: 0.375rem
+}
+
+.navItem {
+
+    width: auto;
+
+    list-style-type: none
+}
+
+.underline > span {
+
+    position: relative;
+
+    transition-timing-function: linear
+}
+
+.underline > span:before {
+
+    position: absolute;
+
+    bottom: -0.25rem;
+
+    left: 0px;
+
+    height: 0.25rem;
+
+    transition-property: all;
+
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+
+    transition-duration: 150ms
+}
+
+.underline:hover > span:before {
+
+    width: 100%
+}
+
+.active > span::before {
+
+    content: var(--tw-content);
+
+    width: 100%
+}
+
+.inactive > span::before {
+
+    content: var(--tw-content);
+
+    width: 0px
+}
+
+.anchorClassList {
+
+    outline: 2px solid transparent;
+
+    outline-offset: 2px
+}
+
+.anchorClassList:focus > span:before {
+
+    width: 100%
+}
+
+.spanClassList {
+
+    white-space: nowrap;
+
+    text-align: center
+}
+
+.secondary {
+
+    --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))
+}
+
+.secondary > span:before {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+
+    --tw-text-opacity: 1;
+
+    color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+.primary {
+
+    --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))
+}
+
+.primary > span:before {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(0 54 160 / var(--tw-bg-opacity));
+
+    --tw-text-opacity: 1;
+
+    color: rgb(0 54 160 / var(--tw-text-opacity))
+}
+
+
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/NavItem/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAyB;;IAAzB,oBAAyB;;IAAzB,qBAAyB;;IAAzB,mBAAyB;;IAAzB;AAAyB;;AAIzB;;IAAA;AAAiB;;AAIjB;;IAAA,WAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA,kBAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,kBAAmD;;IAAnD,gBAAmD;;IAAnD,SAAmD;;IAAnD,eAAmD;;IAAnD,wBAAmD;;IAAnD,wDAAmD;;IAAnD;AAAmD;;AAInD;;IAAA;AAAa;;AAIb;;IAAA,0BAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,0BAAiB;;IAAjB;AAAiB;;AAIjB;;IAAA,8BAAmB;;IAAnB;AAAmB;;AAInB;;IAAA;AAAa;;AAIb;;IAAA,mBAAoC;;IAApC;AAAoC;;AAIpC;;IAAA,kBAA4B;;IAA5B,sDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,kBAA0B;;IAA1B,yDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAA4B;;IAA5B,yDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,kBAA8B;;IAA9B,sDAA8B;;IAA9B,oBAA8B;;IAA9B;AAA8B","file":"style.module.css","sourcesContent":[".bordered {\n    @apply border-2 px-2 py-2;\n}\n\n.rounded {\n    @apply rounded-md;\n}\n\n.navItem {\n    @apply w-auto list-none;\n}\n\n.underline > span {\n    @apply relative ease-linear;\n}\n\n.underline > span:before {\n    @apply absolute -bottom-1 left-0 h-1 transition-all;\n}\n\n.underline:hover > span:before {\n    @apply w-full;\n}\n\n.active > span {\n    @apply before:w-full;\n}\n\n.inactive > span {\n    @apply before:w-0;\n}\n\n.anchorClassList {\n    @apply outline-none;\n}\n\n.anchorClassList:focus > span:before {\n    @apply w-full;\n}\n\n.spanClassList {\n    @apply text-center whitespace-nowrap;\n}\n\n.secondary {\n    @apply text-white bg-primary;\n}\n\n.secondary > span:before {\n    @apply text-white bg-white;\n}\n\n.primary {\n    @apply text-primary bg-white;\n}\n\n.primary > span:before{\n    @apply text-primary bg-primary;\n}\n\n"]}

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Props as buttonProps } from '../Button/Button';
+import { Props as imageProps } from '../Image/Image';
+export interface Props {
+    id?: string;
+    className?: string;
+    title?: string;
+    content?: string;
+    imageProps?: imageProps;
+    buttonProps?: buttonProps;
+    rounded?: boolean;
+}
+declare const NewsCard: ({ id, className, title, content, imageProps, buttonProps, rounded }: Props) => JSX.Element;
+export default NewsCard;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import Button from '../Button/Button';
+import Image from '../Image/Image';
+import classNames from 'classnames';
+import style from './style.module.css';
+const NewsCard = ({ id, className, title, content, imageProps, buttonProps, rounded }) => {
+    const classList = classNames({
+        [style.rounded]: rounded
+    }, className, style.classList);
+    return (React.createElement("div", { id: id, className: classList },
+        React.createElement("div", null,
+            React.createElement(Image, Object.assign({}, imageProps))),
+        React.createElement("div", { className: classNames(style.contentWrapper, 'expandable') },
+            React.createElement("p", null, title),
+            React.createElement("p", null, content),
+            (buttonProps !== undefined) &&
+                React.createElement("div", { className: style.buttonWrapper },
+                    React.createElement(Button, Object.assign({}, buttonProps), buttonProps.children)))));
+};
+export default NewsCard;
+//# sourceMappingURL=NewsCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewsCard.js","sourceRoot":"","sources":["../../../../../src/lib/components/NewsCard/NewsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAYtC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACP,UAAU,EACV,WAAW,EACX,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;KACzB,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAE9B,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B;YACE,oBAAC,KAAK,oBAAK,UAAU,EAAI,CACrB;QACN,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,cAAc,EAAE,YAAY,CAAC;YAC5D,+BAAI,KAAK,CAAK;YACd,+BAAI,OAAO,CAAK;YACf,CAAC,WAAW,KAAK,SAAS,CAAC;gBAC1B,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;oBACjC,oBAAC,MAAM,oBAAK,WAAW,GACpB,WAAW,CAAC,QAAQ,CACd,CACL,CACJ,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -0,0 +1,34 @@
+.rounded {
+
+    border-radius: 0.5rem
+}
+
+.classList {
+
+    display: flex;
+
+    border-width: 1px;
+
+    padding: 0.5rem
+}
+
+.contentWrapper {
+
+    display: flex;
+
+    width: auto;
+
+    flex-direction: column;
+
+    justify-content: space-between;
+
+    text-align: center
+}
+
+.buttonWrapper {
+
+    padding-left: 2rem;
+
+    padding-right: 2rem
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/NewsCard/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAiB;;AAIjB;;IAAA,aAAsB;;IAAtB,iBAAsB;;IAAtB;AAAsB;;AAItB;;IAAA,aAAuD;;IAAvD,WAAuD;;IAAvD,sBAAuD;;IAAvD,8BAAuD;;IAAvD;AAAuD;;AAIvD;;IAAA,kBAAW;;IAAX;AAAW","file":"style.module.css","sourcesContent":[".rounded {\n    @apply rounded-lg;\n}\n\n.classList {\n    @apply border flex p-2;\n}\n\n.contentWrapper {\n    @apply flex flex-col justify-between w-auto text-center;\n}\n\n.buttonWrapper {\n    @apply px-8;\n}"]}

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { Props as imageProps } from '../Image/Image';
+export interface Props {
+    id?: string;
+    className?: string;
+    profileLinks?: Array<{
+        name: string;
+        link: string;
+    }>;
+    alignment?: 'left' | 'right';
+    imageHeight?: number;
+    imageWidth?: number;
+    rounded?: boolean;
+    bordered?: boolean;
+    imageProps?: imageProps;
+}
+declare const Profile: ({ id, className, profileLinks, alignment, imageHeight, imageWidth, rounded, bordered, imageProps }: Props) => JSX.Element;
+export default Profile;

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

@@ -0,0 +1,36 @@
+import React, { useState } from 'react';
+import Image from '../Image/Image';
+import classNames from 'classnames';
+import style from './style.module.css';
+const Profile = ({ id, className, profileLinks, alignment, imageHeight = 0, imageWidth = 0, rounded, bordered, imageProps }) => {
+    const [profileState, setProfileState] = useState(false);
+    const profileAlignment = classNames({
+        [style.floatRight]: alignment === 'right',
+        [style.floatLeft]: alignment === 'left'
+    });
+    const dropdownAlignement = classNames({
+        [style.dropdownRight]: alignment === 'right',
+        [style.dropdownLeft]: alignment === 'left'
+    });
+    const dropdownTextAlignement = classNames({
+        [style.center]: alignment !== 'right' && alignment !== 'left'
+    });
+    const classList = classNames({
+        [style.rounded]: rounded === true,
+        [style.bordered]: bordered === true
+    }, className, style.classList, `h-${imageHeight} w-${imageWidth}`);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { id: id, className: classList },
+            React.createElement("div", { className: classNames(style.buttonWrapper, profileAlignment) },
+                React.createElement("button", { className: style.buttonClassList, onClick: () => setProfileState(!profileState) },
+                    React.createElement(Image, Object.assign({}, imageProps))))),
+        profileState &&
+            React.createElement("div", { className: dropdownTextAlignement },
+                React.createElement("div", { className: classNames(style.linksWrapper, profileAlignment, dropdownAlignement) }, profileLinks === null || profileLinks === void 0 ? void 0 : profileLinks.map((link, i) => {
+                    return (React.createElement("a", { key: `profile_link_${i + 1}`, href: link.link, className: style.linkClassList, role: 'menuitem', 
+                        // tabindex="-1"
+                        id: `user-menu-item-${i + 1}` }, link.name));
+                })))));
+};
+export default Profile;
+//# sourceMappingURL=Profile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Profile.js","sourceRoot":"","sources":["../../../../../src/lib/components/Profile/Profile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AActC,MAAM,OAAO,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,GAAG,CAAC,EACf,UAAU,GAAG,CAAC,EACd,OAAO,EACP,QAAQ,EACR,UAAU,EACJ,EAAe,EAAE;IACvB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvD,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,SAAS,KAAK,OAAO;QACzC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,SAAS,KAAK,MAAM;KACxC,CAAC,CAAA;IAEF,MAAM,kBAAkB,GAAG,UAAU,CAAC;QACpC,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,SAAS,KAAK,OAAO;QAC5C,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,SAAS,KAAK,MAAM;KAC3C,CAAC,CAAA;IAEF,MAAM,sBAAsB,GAAG,UAAU,CAAC;QACxC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,SAAS,KAAK,OAAO,IAAI,SAAS,KAAK,MAAM;KAC9D,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI;QACjC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ,KAAK,IAAI;KACpC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,WAAW,MAAM,UAAU,EAAE,CAAC,CAAA;IAElE,OAAO,CACL;QACE,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;YAC/B,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,aAAa,EAAE,gBAAgB,CAAC;gBAC/D,gCACE,SAAS,EAAE,KAAK,CAAC,eAAe,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC;oBAE7C,oBAAC,KAAK,oBAAK,UAAU,EAAI,CAClB,CACL,CACF;QACL,YAAY;YACX,6BAAK,SAAS,EAAE,sBAAsB;gBACpC,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,CAAC,IACjF,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;oBAC7B,OAAO,CACL,2BACE,GAAG,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAAE,EAC5B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,KAAK,CAAC,aAAa,EAC9B,IAAI,EAAC,UAAU;wBACG,gBAAgB;wBAClC,EAAE,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAAE,IAE5B,IAAI,CAAC,IAAI,CACR,CACL,CAAA;gBACH,CAAC,CAAC,CACE,CACF,CACP,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

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

@@ -0,0 +1,110 @@
+.classList {
+
+    object-fit: cover;
+
+    text-align: center
+}
+
+.floatRight {
+
+    float: right
+}
+
+.floatLeft {
+
+    float: left
+}
+
+.dropdownRight {
+
+    margin-top: 4rem;
+
+    margin-right: -4rem
+}
+
+.dropdownLeft {
+
+    margin-top: 4rem;
+
+    margin-left: -4rem
+}
+
+.center {
+
+    text-align: center
+}
+
+.rouned {
+
+    border-radius: 9999px
+}
+
+.bordered {
+
+    border-width: 1px
+}
+
+.buttonClassList {
+
+    display: flex;
+
+    border-radius: 9999px
+}
+
+.linksWrapper {
+
+    z-index: 10;
+
+    width: 12rem;
+
+    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+
+    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
+@media (min-width: 640px) {
+
+    .linksWrapper {
+
+        display: inline-block
+    }
+}
+
+.linkClassList {
+
+    display: block;
+
+    border-bottom-width: 1px;
+
+    padding-left: 1rem;
+
+    padding-right: 1rem;
+
+    padding-top: 0.5rem;
+
+    padding-bottom: 0.5rem;
+
+    font-size: 24px;
+
+    font-weight: 700
+}
+
+.buttonWrapper {
+
+    top: 0px;
+
+    bottom: 0px;
+
+    display: none
+}
+
+@media (min-width: 640px) {
+
+    .buttonWrapper {
+
+        display: inline-flex
+    }
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/Profile/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA;AAAkB;;AAIlB;;IAAA;AAAiB;;AAIjB;;IAAA,gBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,gBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA;AAAkB;;AAIlB;;IAAA;AAAmB;;AAInB;;IAAA;AAAa;;AAIb;;IAAA,aAAwB;;IAAxB;AAAwB;;AAIxB;;IAAA,WAA0C;;IAA1C,YAA0C;;IAA1C,+EAA0C;;IAA1C,mGAA0C;;IAA1C;AAA0C;;AAA1C;;IAAA;;QAAA;IAA0C;AAAA;;AAI1C;;IAAA,cAAiD;;IAAjD,wBAAiD;;IAAjD,kBAAiD;;IAAjD,mBAAiD;;IAAjD,mBAAiD;;IAAjD,sBAAiD;;IAAjD,eAAiD;;IAAjD;AAAiD;;AAIjD;;IAAA,QAAuC;;IAAvC,WAAuC;;IAAvC;AAAuC;;AAAvC;;IAAA;;QAAA;IAAuC;AAAA","file":"style.module.css","sourcesContent":[".classList {\n    @apply object-cover text-center;\n}\n\n.floatRight {\n    @apply float-right;\n}\n\n.floatLeft {\n    @apply float-left;\n}\n\n.dropdownRight {\n    @apply mt-16 -mr-16;\n}\n\n.dropdownLeft {\n    @apply mt-16 -ml-16;\n}\n\n.center {\n    @apply text-center;\n}\n\n.rouned {\n    @apply rounded-full;\n}\n\n.bordered {\n    @apply border;\n}\n\n.buttonClassList {\n    @apply flex rounded-full;\n}\n\n.linksWrapper {\n    @apply w-48 sm:inline-block shadow-lg z-10;\n}\n\n.linkClassList {\n    @apply border-b font-bold block px-4 py-2 text-sm;\n}\n\n.buttonWrapper {\n    @apply hidden sm:inline-flex  inset-y-0;\n}"]}

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import classNames from 'classnames';
+import style from './style.module.css';
+const Row = ({ id, className, children }) => {
+    const classList = classNames(className, style.classList);
+    return (React.createElement("div", { id: id, className: classList }, children));
+};
+export default Row;
+//# sourceMappingURL=Row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/lib/components/Row/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAQtC,MAAM,GAAG,GAAG,CAAC,EACX,EAAE,EACF,SAAS,EACT,QAAQ,EACF,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,IAC9B,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}

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

@@ -0,0 +1,5 @@
+.classList {
+    display: flex;
+    flex-wrap: wrap
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/Row/style.module.css"],"names":[],"mappings":"AACI;IAAA,aAAqB;IAArB;AAAqB","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex flex-wrap;\n}"]}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Props as iconProps } from '../Icon/Icon';
+export interface Props {
+    id?: string;
+    className?: string;
+    onChange?: (val: string | number) => void;
+    placeholder?: string;
+    text?: string;
+    leftIconProps?: iconProps;
+    rightIconProps?: iconProps;
+}
+declare const Search: ({ id, className, onChange, placeholder, text, leftIconProps, rightIconProps }: Props) => JSX.Element;
+export default Search;

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import Icon from '../Icon/Icon';
+import classNames from 'classnames';
+import style from './style.module.css';
+const Search = ({ id, className, onChange, placeholder, text, leftIconProps, rightIconProps }) => {
+    const classList = classNames(className, style.classList);
+    const inputClasses = classNames({
+        [style.leftIcon]: leftIconProps !== undefined,
+        [style.noLeftIcon]: leftIconProps === undefined
+    }, style.inputClassList);
+    const onChangeFunc = (onChange != null) ? (e) => onChange(e.target.value) : undefined;
+    return (React.createElement("div", { id: id, className: classList },
+        React.createElement("div", null, text !== undefined &&
+            React.createElement("h2", { className: classNames(style.text, 'font-base-lg') }, text)),
+        React.createElement("div", null,
+            React.createElement("div", { className: style.inputWrapper },
+                (leftIconProps !== undefined) &&
+                    React.createElement(Icon, Object.assign({}, leftIconProps)),
+                React.createElement("input", { className: inputClasses, onChange: onChangeFunc, placeholder: placeholder, type: 'text', name: 'search' }),
+                (rightIconProps !== undefined) &&
+                    React.createElement(Icon, Object.assign({}, rightIconProps))))));
+};
+export default Search;
+//# sourceMappingURL=Search.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/lib/components/Search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAYtC,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,aAAa,EACb,cAAc,EACR,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,MAAM,YAAY,GAAG,UAAU,CAAC;QAC9B,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,aAAa,KAAK,SAAS;QAC7C,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,aAAa,KAAK,SAAS;KAChD,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAExB,MAAM,YAAY,GAAqD,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAE5I,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,iCACG,IAAI,KAAK,SAAS;YACjB,4BAAI,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,cAAc,CAAC,IAAG,IAAI,CAAM,CAChE;QACN;YACE,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY;gBAC/B,CAAC,aAAa,KAAK,SAAS,CAAC;oBAC5B,oBAAC,IAAI,oBAAK,aAAa,EAAI;gBAC7B,+BACE,SAAS,EAAE,YAAY,EACvB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,GACb;gBACD,CAAC,cAAc,KAAK,SAAS,CAAC;oBAC7B,oBAAC,IAAI,oBAAK,cAAc,EAAI,CAC1B,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

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

@@ -0,0 +1,48 @@
+.classList {
+
+    display: flex
+}
+
+.inputClassList {
+
+    width: 100%;
+
+    border-radius: 0.375rem;
+
+    border-width: 2px;
+
+    padding-top: 0.5rem;
+
+    padding-bottom: 0.5rem;
+
+    padding-right: 2.25rem
+}
+
+.leftIcon {
+
+    padding-left: 2.25rem
+}
+
+.noLeftIcon {
+
+    padding-left: 0.5rem
+}
+
+.text {
+
+    padding-top: 0.5rem;
+
+    padding-bottom: 0.5rem;
+
+    padding-right: 1rem
+}
+
+.inputWrapper {
+
+    position: relative;
+
+    display: flex;
+
+    width: 100%
+}
+/*# sourceMappingURL=style.module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/Search/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAW;;AAIX;;IAAA,WAA2C;;IAA3C,uBAA2C;;IAA3C,iBAA2C;;IAA3C,mBAA2C;;IAA3C,sBAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA,mBAAgB;;IAAhB,sBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,kBAA2B;;IAA3B,aAA2B;;IAA3B;AAA2B","file":"style.module.css","sourcesContent":[".classList {\n    @apply flex;\n}\n\n.inputClassList {\n    @apply w-full border-2 rounded-md py-2 pr-9;\n}\n\n.leftIcon {\n    @apply pl-9;\n}\n\n.noLeftIcon {\n    @apply pl-2;\n}\n\n.text {\n    @apply py-2 pr-4;\n}\n\n.inputWrapper {\n    @apply relative w-full flex;\n}"]}

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { Props as buttonProps } from '../Button/Button';
+export interface Props {
+    id?: string;
+    className?: string;
+    title?: string;
+    text?: string;
+    withLiveUpdates?: boolean;
+    onSave?: (arr: any[], id: string | undefined) => void;
+    saveButtonProps?: buttonProps;
+    cancelButtonProps?: buttonProps;
+    editTitleClasses?: string;
+    editTextClasses?: string;
+    editInputClasses?: string;
+    buttonWrapperClasses?: string;
+    textWrapperClasses?: string;
+    socialButtons?: 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/SocialBlock.js

@@ -0,0 +1,64 @@
+import React, { useState } from 'react';
+import Input from '../Input/Input';
+import Button from '../Button/Button';
+import classNames from 'classnames';
+import style from './style.module.css';
+const SocialBlock = ({ id, className, title, text, withLiveUpdates, onSave, saveButtonProps, cancelButtonProps, editTitleClasses, editTextClasses, editInputClasses, buttonWrapperClasses, textWrapperClasses, socialButtons, theme = 'light' }) => {
+    const colours = theme === 'dark' ? style.dark : style.light;
+    const defaultComponentData = {
+        title: {
+            text: title
+        },
+        text: {
+            text
+        }
+    };
+    const [isInEditingMode, setIsInEditingMode] = useState(false);
+    const [isHovering, setIsHovering] = useState(false);
+    const [componentData, setComponentData] = useState(defaultComponentData);
+    const classList = classNames(className, colours);
+    const buttonWrapperClasslist = classNames(buttonWrapperClasses, style.buttonWrapperClassList);
+    const hoverClassList = classNames({
+        [style.hoverClassList]: withLiveUpdates !== undefined && !isInEditingMode && isHovering
+    }, textWrapperClasses);
+    const toggleEditState = () => {
+        withLiveUpdates === true && setIsInEditingMode(!isInEditingMode);
+    };
+    const handleButtonSave = () => {
+        const arr = [];
+        arr.push({ key: 'title', value: componentData.title.text });
+        arr.push({ key: 'text', value: componentData.text.text });
+        toggleEditState();
+        onSave === null || onSave === void 0 ? void 0 : 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 === true && setIsHovering(!isHovering);
+    };
+    return (React.createElement("div", { id: id, className: classList }, withLiveUpdates === true && isInEditingMode
+        ? (React.createElement("div", { className: colours },
+            React.createElement(Input, { className: editTitleClasses, inputClasses: editInputClasses, autoFocus: true, value: componentData.title.text, onChange: (e) => handleChange(e), type: 'text', theme: theme }),
+            React.createElement(Input, { className: editTextClasses, inputClasses: editInputClasses, value: componentData.text.text, onChange: (e) => handleChange(e), type: 'text', theme: theme }),
+            React.createElement(Button, { className: style.saveButton, onClick: handleButtonSave }, "Save"),
+            React.createElement(Button, { className: style.cancelButton, onClick: handleButtonCancel }, "Cancel")))
+        : (React.createElement(React.Fragment, null,
+            React.createElement("div", { onMouseOver: () => toggleHoverState(), onMouseOut: () => toggleHoverState(), onClick: toggleEditState, className: hoverClassList },
+                React.createElement("h2", { className: style.title }, componentData.title.text),
+                React.createElement("p", { className: style.text }, componentData.text.text)),
+            React.createElement("div", { className: buttonWrapperClasslist }, socialButtons === null || socialButtons === void 0 ? void 0 : socialButtons.map((button, i) => {
+                return React.createElement("div", { key: `social_btn_${i + 1}` }, button);
+            }))))));
+};
+export default SocialBlock;
+//# sourceMappingURL=SocialBlock.js.map