trepur_components 0.4.7 → 1.0.0

package/dist/index.js

@@ -231,81 +231,42 @@ Object.defineProperty(exports, "Video", {
     return _Video.default;
   }
 });
-
 var _Accordion = _interopRequireDefault(require("./components/Accordion"));
-
 var _AlertBar = _interopRequireDefault(require("./components/AlertBar"));
-
 var _Breadcrumbs = _interopRequireDefault(require("./components/Breadcrumbs"));
-
 var _BreadcrumbsItem = _interopRequireDefault(require("./components/BreadcrumbsItem"));
-
 var _BreadcrumbsBordered = _interopRequireDefault(require("./components/BreadcrumbsBordered"));
-
 var _Button = _interopRequireDefault(require("./components/Button"));
-
 var _Card = _interopRequireDefault(require("./components/Card"));
-
 var _CardWithTopImage = _interopRequireDefault(require("./components/CardWithTopImage"));
-
 var _Carousel = _interopRequireDefault(require("./components/Carousel"));
-
 var _ChevronCard = _interopRequireDefault(require("./components/ChevronCard"));
-
 var _Collapsible = _interopRequireDefault(require("./components/Collapsible"));
-
 var _Column = _interopRequireDefault(require("./components/Column"));
-
 var _Container = _interopRequireDefault(require("./components/Container"));
-
 var _Form = _interopRequireDefault(require("./components/Form"));
-
 var _FooterBar = _interopRequireDefault(require("./components/FooterBar"));
-
 var _FyreCard = _interopRequireDefault(require("./components/FyreCard"));
-
 var _Greeting = _interopRequireDefault(require("./components/Greeting"));
-
 var _Icon = _interopRequireDefault(require("./components/Icon"));
-
 var _Image = _interopRequireDefault(require("./components/Image"));
-
 var _ImageLink = _interopRequireDefault(require("./components/ImageLink"));
-
 var _ImageLinkList = _interopRequireDefault(require("./components/ImageLinkList"));
-
 var _InformationIcon = _interopRequireDefault(require("./components/InformationIcon"));
-
 var _Input = _interopRequireDefault(require("./components/Input"));
-
 var _Jumbotron = _interopRequireDefault(require("./components/Jumbotron"));
-
 var _Nav = _interopRequireDefault(require("./components/Nav"));
-
 var _NavItem = _interopRequireDefault(require("./components/NavItem"));
-
 var _NewsCard = _interopRequireDefault(require("./components/NewsCard"));
-
 var _Profile = _interopRequireDefault(require("./components/Profile"));
-
 var _Row = _interopRequireDefault(require("./components/Row"));
-
 var _Search = _interopRequireDefault(require("./components/Search"));
-
 var _SocialBlock = _interopRequireDefault(require("./components/SocialBlock"));
-
 var _StarRating = _interopRequireDefault(require("./components/StarRating"));
-
 var _Testimonial = _interopRequireDefault(require("./components/Testimonial"));
-
 var _TextAndTitle = _interopRequireDefault(require("./components/TextAndTitle"));
-
 var _TextArea = _interopRequireDefault(require("./components/TextArea"));
-
 var _Timeline = _interopRequireDefault(require("./components/Timeline"));
-
 var _UserIcon = _interopRequireDefault(require("./components/UserIcon"));
-
 var _Video = _interopRequireDefault(require("./components/Video"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

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

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

@@ -0,0 +1,72 @@
+import React from 'react';
+import Accordion from './index';
+import { idAndClassName } from '@utils/controls';
+const items = [
+    {
+        title: 'This is a title',
+        boldTitle: true,
+        iconProps: {
+            type: 'heart',
+            hollow: true
+        },
+        children: React.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh, posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida risus, et bibendum nunc condimentum eu."),
+    },
+    {
+        title: 'This is a title',
+        subtitle: 'This is a subtitle',
+        boldTitle: true,
+        iconProps: {
+            type: 'heart'
+        },
+        children: React.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh, posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida risus, et bibendum nunc condimentum eu."),
+    },
+    {
+        title: 'This is a title',
+        subtitle: 'This is a subtitle',
+        boldTitle: true,
+        iconProps: {
+            type: 'heart',
+            size: 2,
+            hollow: true
+        },
+        children: React.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh, posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida risus, et bibendum nunc condimentum eu."),
+    },
+    {
+        title: 'This is a title',
+        subtitle: 'This is a subtitle',
+        boldTitle: true,
+        children: React.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh, posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida risus, et bibendum nunc condimentum eu."),
+    },
+    {
+        boldTitle: true,
+        iconProps: {
+            type: 'heart'
+        },
+        children: React.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh, posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida risus, et bibendum nunc condimentum eu."),
+    },
+    {
+        title: 'This is title 6',
+        boldTitle: true,
+        children: React.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh, posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida risus, et bibendum nunc condimentum eu."),
+    }
+];
+const componentMeta = {
+    title: 'Trepur Components/Other/Organisms/Accordion',
+    component: Accordion,
+    argTypes: Object.assign(Object.assign({}, idAndClassName), { items: {
+            description: 'An array of collapsible props',
+            control: { type: 'array', default: undefined },
+            table: {
+                category: 'Accordion',
+                type: { summary: 'array' },
+                defaultValue: { summary: 'undefined' }
+            }
+        } }),
+    args: {
+        items: items
+    }
+};
+const Template = (args) => React.createElement(Accordion, Object.assign({}, args));
+export const _Accordion = Template.bind({});
+export default componentMeta;
+//# sourceMappingURL=Accordion.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGhD,MAAM,KAAK,GAAG;IACV;QACI,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE,IAAI;QACf,SAAS,EAAE;YACP,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,IAAI;SACf;QACD,QAAQ,EAAE,qsBAA0qB;KACvrB;IACD;QACI,KAAK,EAAE,iBAAiB;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,SAAS,EAAE,IAAI;QACf,SAAS,EAAE;YACP,IAAI,EAAE,OAAO;SAChB;QACD,QAAQ,EAAE,qsBAA0qB;KACvrB;IACD;QACI,KAAK,EAAE,iBAAiB;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,SAAS,EAAE,IAAI;QACf,SAAS,EAAE;YACP,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,IAAI;SACf;QACD,QAAQ,EAAE,qsBAA0qB;KACvrB;IACD;QACI,KAAK,EAAE,iBAAiB;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,qsBAA0qB;KACvrB;IACD;QACI,SAAS,EAAE,IAAI;QACf,SAAS,EAAE;YACP,IAAI,EAAE,OAAO;SAChB;QACD,QAAQ,EAAE,qsBAA0qB;KACvrB;IACD;QACI,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,qsBAA0qB;KACvrB;CACJ,CAAA;AAED,MAAM,aAAa,GAAoC;IACnD,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE,SAAS;IACpB,QAAQ,kCACD,cAAc,KACjB,KAAK,EAAE;YACH,WAAW,EAAE,+BAA+B;YAC5C,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;YAC9C,KAAK,EAAE;gBACH,QAAQ,EAAE,WAAW;gBACrB,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;gBAC1B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACzC;SACJ,GACJ;IACD,IAAI,EAAE;QACF,KAAK,EAAE,KAAK;KACf;CACJ,CAAA;AAED,MAAM,QAAQ,GAAqC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,SAAS,oBAAK,IAAI,EAAI,CAAA;AAEpF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE3C,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Props as collapsibleProps } from '../Collapsible';
+export interface Props {
+    id?: string;
+    className?: string;
+    items: Array<collapsibleProps>;
+}
+declare const Accordion: React.FC<Props>;
+export default Accordion;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import Collapsible from '../Collapsible';
+const Accordion = ({ id, className, items }) => {
+    return (React.createElement("div", Object.assign({}, (id && { id: id }), { className: className }), items && items.map((item, i) => {
+        return (React.createElement(Collapsible, Object.assign({ key: `collapsible_item_${i}` }, item), item.children));
+    })));
+};
+export default Accordion;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Accordion/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAyC,MAAM,gBAAgB,CAAA;AAQtE,MAAM,SAAS,GAAoB,CAAC,EAChC,EAAE,EACF,SAAS,EACT,KAAK,EACF,EAAE,EAAE;IACP,OAAO,CACH,6CAAS,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IAAE,SAAS,EAAE,SAAS,KAC5C,KAAK,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QAC5B,OAAO,CACH,oBAAC,WAAW,kBACR,GAAG,EAAE,oBAAoB,CAAC,EAAE,IACxB,IAAI,GAEP,IAAI,CAAC,QAAQ,CACJ,CACjB,CAAA;IACL,CAAC,CAAC,CACA,CACT,CAAA;AACL,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import AlertBar from './index';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const componentMeta: ComponentMeta<typeof AlertBar>;
+export declare const _AlertBar: ComponentStory<({ id, className, type, text, theme, leftIconProps, rightIconProps, textCenter, isDismissable, onDismissClick }: import("./index").Props) => JSX.Element>;
+export default componentMeta;

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

@@ -0,0 +1,91 @@
+import React from 'react';
+import AlertBar from './index';
+import { idAndClassName } from '@utils/controls';
+const componentMeta = {
+    title: 'Trepur Components/Rupert Bennett/Atoms/Alert Bar',
+    component: AlertBar,
+    argTypes: Object.assign(Object.assign({}, idAndClassName), { type: {
+            type: { name: 'string', required: false },
+            options: ['success', 'warning', 'error', 'info'],
+            description: 'The type of alert to render',
+            table: {
+                type: { summary: 'warning' },
+                defaultValue: { summary: 'warning' }
+            },
+            defaultValue: 'warning',
+            control: { type: 'radio' }
+        }, text: {
+            type: { name: 'string', required: false },
+            description: 'The text to display in the component',
+            table: {
+                type: { summary: 'string' },
+                defaultValue: { summary: 'undefined' }
+            }
+        }, theme: {
+            type: { name: 'string', required: false },
+            options: ['light', 'dark'],
+            description: 'The theme to render the component in',
+            table: {
+                type: { summary: 'light' },
+                defaultValue: { summary: 'light' }
+            },
+            defaultValue: 'light',
+            control: { type: 'radio' }
+        }, leftIconProps: {
+            description: 'The icon props for the icon to display aligned to the left',
+            table: {
+                category: '',
+                type: { summary: 'string' },
+                defaultValue: { summary: 'undefined' }
+            }
+        }, rightIconProps: {
+            description: 'The icon props for the icon to display aligned to the right',
+            table: {
+                category: '',
+                type: { summary: 'string' },
+                defaultValue: { summary: 'undefined' }
+            }
+        }, textCenter: {
+            type: { name: 'boolean', required: false },
+            description: 'Aligns the text in the center of the component',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' }
+            },
+            defaultValue: 'false'
+        }, isDismissable: {
+            type: { name: 'boolean', required: false },
+            description: 'Enables the component to be closed when set to true',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' }
+            },
+            defaultValue: 'false'
+        }, onDismissClick: {
+            type: { name: 'function', required: false },
+            description: 'The action to perform when the component is closed',
+            action: 'onClick',
+            table: {
+                type: {
+                    summary: 'function'
+                },
+                defaultValue: { summary: 'undefined' }
+            }
+        } }),
+    args: {
+        text: 'This is an alert bar message',
+        leftIconProps: {
+            type: 'heart',
+            colour: 'white',
+            hollow: true
+        },
+        rightIconProps: {
+            type: 'heart',
+            colour: 'white'
+        }
+    }
+};
+const Template = (args) => React.createElement(AlertBar, Object.assign({}, args));
+export const _AlertBar = Template.bind({});
+export default componentMeta;
+//# sourceMappingURL=AlertBar.stories.js.map

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

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

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Props as iconProps } from '../Icon';
+export interface Props {
+    id?: string;
+    className?: string;
+    type?: 'success' | 'warning' | 'error' | 'info';
+    text?: string;
+    leftIconProps?: iconProps;
+    rightIconProps?: iconProps;
+    textCenter?: boolean;
+    isDismissable?: boolean;
+    theme?: 'light' | 'dark';
+    onDismissClick?: React.MouseEventHandler;
+}
+declare const AlertBar: ({ id, className, type, text, theme, leftIconProps, rightIconProps, textCenter, isDismissable, onDismissClick }: Props) => JSX.Element;
+export default AlertBar;

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

@@ -0,0 +1,62 @@
+import React, { useState } from 'react';
+import Icon from '../Icon';
+import classNames from 'classnames';
+import { getTheme } from '@utils/theme';
+const AlertBar = ({ id, className, type = 'warning', text, theme = 'light', leftIconProps, rightIconProps, textCenter = false, isDismissable = false, onDismissClick }) => {
+    const themeToUse = getTheme() || theme;
+    const [alertBarStatus, setAlertBarStatus] = useState({
+        state: 'open',
+        display: true
+    });
+    const bgColor = classNames({
+        [`bg-rupertbennett-success`]: type === 'success' && themeToUse === 'rupertbennett',
+        [`bg-rupertbennett-warning`]: type === 'warning' && themeToUse === 'rupertbennett',
+        [`bg-rupertbennett-error`]: type === 'error' && themeToUse === 'rupertbennett',
+        [`bg-rupertbennett-info-light`]: type === 'info' && themeToUse === 'rupertbennett',
+        [`bg-bootson-success`]: type === 'success' && themeToUse === 'bootson',
+        [`bg-bootson-warning`]: type === 'warning' && themeToUse === 'bootson',
+        [`bg-bootson-error`]: type === 'error' && themeToUse === 'bootson',
+        [`bg-bootson-info-light`]: type === 'info' && themeToUse === 'bootson'
+    });
+    const alertBarState = classNames({
+        'opacity-100': alertBarStatus.state === 'open',
+        'opacity-0': alertBarStatus.state === 'closed',
+        'hidden': alertBarStatus.display === false,
+    });
+    const classList = classNames(className, bgColor, alertBarState, 'text-white w-parent flex py-2 transition-opactiy duration-700');
+    const textClassList = classNames({
+        'text-center': textCenter,
+        'pl-4': !textCenter
+    }, 'w-full py-3');
+    const rightIconClasses = classNames({
+        'hover:cursor-pointer': isDismissable
+    }, 'px-8 pt-3');
+    const leftIconClasses = 'pt-3 pl-8';
+    const closeAlertBar = () => {
+        setAlertBarStatus({
+            state: 'closed',
+            display: alertBarStatus.display
+        });
+        setTimeout(() => setAlertBarStatus({
+            state: 'closed',
+            display: false
+        }), 700);
+        onDismissClick;
+    };
+    let dismissIcon = React.createElement(Icon, { type: 'multiply', colour: 'white' });
+    let iconLeft = leftIconProps &&
+        React.createElement(Icon, Object.assign({}, leftIconProps));
+    let iconRight = rightIconProps &&
+        React.createElement(Icon, Object.assign({}, rightIconProps));
+    return (React.createElement("div", { id: id, className: classList },
+        leftIconProps &&
+            React.createElement("span", { className: leftIconClasses }, iconLeft),
+        React.createElement("h3", { className: textClassList }, text),
+        isDismissable &&
+            React.createElement("a", { className: rightIconClasses, onClick: closeAlertBar },
+                React.createElement("span", null, dismissIcon)),
+        iconRight && !isDismissable &&
+            React.createElement("span", { className: rightIconClasses }, iconRight)));
+};
+export default AlertBar;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1,56 @@
+import React from 'react';
+import Breadcrumbs from './index';
+const componentMeta = {
+    title: 'Trepur Components/Other/Atoms/Breadcrumbs',
+    component: Breadcrumbs,
+    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' }
+            }
+        },
+        links: {
+            description: 'An array of items to be displayed in the component',
+            table: {
+                category: '',
+                type: { summary: 'array' },
+                defaultValue: { summary: 'undefined' }
+            }
+        }
+    },
+    args: {
+        links: [
+            {
+                href: '/',
+                name: 'link 1'
+            },
+            {
+                href: '/',
+                name: 'link 2'
+            },
+            {
+                href: '/',
+                name: 'link 3'
+            },
+            {
+                href: '/',
+                name: 'link 4'
+            }
+        ]
+    }
+};
+const Template = (args) => React.createElement(Breadcrumbs, Object.assign({}, args));
+export const _Breadcrumbs = Template.bind({});
+export default componentMeta;
+//# sourceMappingURL=Breadcrumbs.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/Breadcrumbs/Breadcrumbs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,SAAS,CAAA;AAGjC,MAAM,aAAa,GAAsC;IACrD,KAAK,EAAE,2CAA2C;IAClD,SAAS,EAAE,WAAW;IACtB,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,KAAK,EAAE;YACH,WAAW,EAAE,oDAAoD;YACjE,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;gBAC1B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACzC;SACJ;KACJ;IACD,IAAI,EAAE;QACF,KAAK,EAAE;YACH;gBACI,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,QAAQ;aACjB;YACD;gBACI,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,QAAQ;aACjB;YACD;gBACI,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,QAAQ;aACjB;YACD;gBACI,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,QAAQ;aACjB;SACJ;KACJ;CACJ,CAAA;AAED,MAAM,QAAQ,GAAuC,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,WAAW,oBAAK,IAAI,EAAI,CAAA;AAExF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE7C,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface Props {
+    id?: string;
+    className?: string;
+    links?: Array<{
+        name: string;
+        href: string;
+    }>;
+}
+declare const Breadcrumbs: ({ id, className, links }: Props) => JSX.Element;
+export default Breadcrumbs;

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import classNames from 'classnames';
+const Breadcrumbs = ({ id, className, links }) => {
+    const linksLength = links
+        ? Object.keys(links).length
+        : 0;
+    const classList = classNames({}, `${className} flex py-2 px-8`);
+    return (React.createElement("ul", { id: id, className: classList }, links && links.map((link, i) => {
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { key: `breadcrumb_${i + 1}`, className: 'flex' },
+                React.createElement("li", { className: 'h-8' }, i + 1 >= linksLength ?
+                    React.createElement("p", { className: 'px-1 py-1' }, link.name)
+                    :
+                        React.createElement("p", { className: 'px-1 py-1' },
+                            React.createElement("a", { className: 'text-facebook hover:underline', href: link.href }, link.name)))),
+            i + 1 < linksLength &&
+                React.createElement("li", { className: 'h-8' },
+                    React.createElement("p", { className: 'py-1' }, "\u00A0 > \u00A0"))));
+    })));
+};
+export default Breadcrumbs;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAQnC,MAAM,WAAW,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,KAAK,EACD,EAAE,EAAE;IACR,MAAM,WAAW,GAAG,KAAK;QACrB,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM;QAC3B,CAAC,CAAC,CAAC,CAAA;IAEP,MAAM,SAAS,GAAG,UAAU,CAAC,EAC5B,EAAE,GAAG,SAAS,iBAAiB,CAAC,CAAA;IAEjC,OAAO,CACH,4BAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC3B,KAAK,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QAC5B,OAAO,CACH;YACI,6BAAK,GAAG,EAAE,cAAc,CAAC,GAAC,CAAC,EAAE,EAAE,SAAS,EAAC,MAAM;gBAC3C,4BAAI,SAAS,EAAC,KAAK,IACd,CAAC,GAAC,CAAC,IAAI,WAAW,CAAC,CAAC;oBACjB,2BAAG,SAAS,EAAC,WAAW,IAAE,IAAI,CAAC,IAAI,CAAK;oBAC5C,CAAC;wBACG,2BAAG,SAAS,EAAC,WAAW;4BACpB,2BACI,SAAS,EAAC,+BAA+B,EACzC,IAAI,EAAE,IAAI,CAAC,IAAI,IACd,IAAI,CAAC,IAAI,CACV,CACJ,CAEP,CACH;YACL,CAAC,GAAC,CAAC,GAAG,WAAW;gBACd,4BAAI,SAAS,EAAC,KAAK;oBACf,2BAAG,SAAS,EAAC,MAAM,sBAAwB,CAC1C,CAEV,CACN,CAAA;IACL,CAAC,CAAC,CACD,CACR,CAAA;AACL,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

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

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

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

@@ -0,0 +1,45 @@
+import React from 'react';
+import { idAndClassName } from '@utils/controls';
+import BreadcrumbsBordered from './index';
+const componentMeta = {
+    title: 'Trepur Components/Other/Organisms/Breadcrumbs',
+    component: BreadcrumbsBordered,
+    parameters: {},
+    argTypes: Object.assign(Object.assign({}, idAndClassName), { links: {
+            description: 'An array of objects to be displayed in the component',
+            control: { type: 'array', default: undefined },
+            table: {
+                category: '',
+                type: { summary: 'array' },
+                defaultValue: { summary: 'undefined' }
+            }
+        } }),
+    args: {
+        links: [
+            {
+                link: '/',
+                name: 'link 1'
+            },
+            {
+                link: '/',
+                name: 'link 2'
+            },
+            {
+                link: '/',
+                name: 'link 3'
+            },
+            {
+                link: '/',
+                name: 'link 4'
+            },
+            {
+                link: '/',
+                name: 'link 5'
+            }
+        ]
+    }
+};
+const Template = (args) => React.createElement(BreadcrumbsBordered, Object.assign({}, args));
+export const _BreadcrumbsBordered = Template.bind({});
+export default componentMeta;
+//# sourceMappingURL=BreadcrumbsBordered.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsBordered.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,mBAAmB,MAAM,SAAS,CAAA;AAGzC,MAAM,aAAa,GAA8C;IAC7D,KAAK,EAAE,+CAA+C;IACtD,SAAS,EAAE,mBAAmB;IAC9B,UAAU,EAAE,EAAE;IACd,QAAQ,kCACD,cAAc,KACjB,KAAK,EAAE;YACH,WAAW,EAAE,sDAAsD;YACnE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;YAC9C,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;gBAC1B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACzC;SACJ,GACJ;IACD,IAAI,EAAE;QACF,KAAK,EAAE;YACH;gBACI,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,QAAQ;aACjB;YACD;gBACI,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,QAAQ;aACjB;YACD;gBACI,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,QAAQ;aACjB;YACD;gBACI,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,QAAQ;aACjB;YACD;gBACI,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,QAAQ;aACjB;SACJ;KACJ;CACJ,CAAA;AAED,MAAM,QAAQ,GAA+C,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,mBAAmB,oBAAK,IAAI,EAAI,CAAA;AAExG,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAErD,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Props as breadcrumbsItemProps } from '../BreadcrumbsItem/index';
+export interface Props {
+    id?: string;
+    className?: string;
+    links?: Array<breadcrumbsItemProps>;
+}
+declare const Breadcrumbs: React.FC<Props>;
+export default Breadcrumbs;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import BreadcrumbsItem from '../BreadcrumbsItem/index';
+const Breadcrumbs = ({ id, className, links }) => {
+    const linksLength = links === null || links === void 0 ? void 0 : links.length;
+    let classList = 'flex ';
+    classList += className ? className : '';
+    return (React.createElement("ul", Object.assign({}, (id && { id: id }), { className: classList }), links && links.map((link, i) => {
+        let margin = i === 0 ? ' mr-3' : ' mx-3';
+        let first = i === 0 ? true : false;
+        let bType = 'standard';
+        if (linksLength && linksLength >= 1 && i + 1 < linksLength) {
+            bType = 'link';
+        }
+        return (React.createElement(BreadcrumbsItem, { key: `breadcrumb_item_${i + 0}`, className: margin, name: link.name, link: link.link, type: bType, firstItem: first }));
+    })));
+};
+export default Breadcrumbs;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/BreadcrumbsBordered/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,eAAiD,MAAM,0BAA0B,CAAA;AAQxF,MAAM,WAAW,GAAoB,CAAC,EAClC,EAAE,EACF,SAAS,EACT,KAAK,EACR,EAAE,EAAE;IACD,MAAM,WAAW,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAA;IACjC,IAAI,SAAS,GAAG,OAAO,CAAA;IACvB,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAA;IACvC,OAAO,CACH,4CAAQ,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,IAAE,SAAS,EAAE,SAAS,KAC3C,KAAK,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAyB,EAAE,CAAS,EAAE,EAAE;QACzD,IAAI,MAAM,GAAG,CAAC,KAAG,CAAC,CAAA,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAA;QACrC,IAAI,KAAK,GAAG,CAAC,KAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;QAEhC,IAAI,KAAK,GAAG,UAAU,CAAA;QACtB,IAAI,WAAW,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,GAAC,CAAC,GAAG,WAAW,EAAC;YACrD,KAAK,GAAG,MAAM,CAAA;SACjB;QACD,OAAO,CACH,oBAAC,eAAe,IACZ,GAAG,EAAE,mBAAmB,CAAC,GAAC,CAAC,EAAE,EAC7B,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,KAAK,GAClB,CACL,CAAA;IACL,CAAC,CAAC,CACD,CACR,CAAA;AACL,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import BreadcrumbsItem from './index';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const componentMeta: ComponentMeta<typeof BreadcrumbsItem>;
+export declare const _BreadcrumbsItem: ComponentStory<({ id, className, name, link, href, type, firstItem }: import("./index").Props) => JSX.Element>;
+export default componentMeta;