trepur_components 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (199) hide show
  1. package/dist/components/Accordion/Accordion.stories.tsx +1 -1
  2. package/dist/components/Accordion/index.tsx +2 -2
  3. package/dist/components/Carousel/index.tsx +1 -1
  4. package/dist/components/Collapsible/index.tsx +1 -1
  5. package/dist/components/FooterBar/{footerBar.stories.tsx → FooterBar.stories.tsx} +0 -0
  6. package/dist/components/HamburgerIcon/index.tsx +1 -1
  7. package/dist/components/ImageLinkList/ImageLinkList.stories.tsx +5 -3
  8. package/dist/components/ImageLinkList/index.tsx +1 -1
  9. package/dist/components/Nav/index.tsx +4 -4
  10. package/dist/src/lib/components/Accordion/Accordion.stories.js +19 -11
  11. package/dist/src/lib/components/Accordion/Accordion.stories.js.map +1 -1
  12. package/dist/src/lib/components/Accordion/index.d.ts +1 -2
  13. package/dist/src/lib/components/Accordion/index.js +1 -1
  14. package/dist/src/lib/components/Accordion/index.js.map +1 -1
  15. package/dist/src/lib/components/AlertBar/AlertBar.stories.js +1 -1
  16. package/dist/src/lib/components/AlertBar/AlertBar.stories.js.map +1 -1
  17. package/dist/src/lib/components/AlertBar/index.js +21 -19
  18. package/dist/src/lib/components/AlertBar/index.js.map +1 -1
  19. package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.stories.js.map +1 -1
  20. package/dist/src/lib/components/Breadcrumbs/index.js +8 -10
  21. package/dist/src/lib/components/Breadcrumbs/index.js.map +1 -1
  22. package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.js +1 -1
  23. package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.stories.js.map +1 -1
  24. package/dist/src/lib/components/BreadcrumbsBordered/index.d.ts +1 -1
  25. package/dist/src/lib/components/BreadcrumbsBordered/index.js +7 -7
  26. package/dist/src/lib/components/BreadcrumbsBordered/index.js.map +1 -1
  27. package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.stories.js +2 -2
  28. package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.stories.js.map +1 -1
  29. package/dist/src/lib/components/BreadcrumbsItem/index.js +33 -35
  30. package/dist/src/lib/components/BreadcrumbsItem/index.js.map +1 -1
  31. package/dist/src/lib/components/Button/button.stories.js +64 -19
  32. package/dist/src/lib/components/Button/button.stories.js.map +1 -1
  33. package/dist/src/lib/components/Button/index.js +11 -11
  34. package/dist/src/lib/components/Button/index.js.map +1 -1
  35. package/dist/src/lib/components/Card/Card.stories.d.ts +4 -1
  36. package/dist/src/lib/components/Card/Card.stories.js +32 -32
  37. package/dist/src/lib/components/Card/Card.stories.js.map +1 -1
  38. package/dist/src/lib/components/Card/index.d.ts +3 -3
  39. package/dist/src/lib/components/Card/index.js +43 -40
  40. package/dist/src/lib/components/Card/index.js.map +1 -1
  41. package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.stories.js +3 -3
  42. package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.stories.js.map +1 -1
  43. package/dist/src/lib/components/CardWithTopImage/index.js +1 -1
  44. package/dist/src/lib/components/CardWithTopImage/index.js.map +1 -1
  45. package/dist/src/lib/components/Carousel/Carousel.stories.js +12 -12
  46. package/dist/src/lib/components/Carousel/Carousel.stories.js.map +1 -1
  47. package/dist/src/lib/components/Carousel/index.d.ts +6 -8
  48. package/dist/src/lib/components/Carousel/index.js +95 -54
  49. package/dist/src/lib/components/Carousel/index.js.map +1 -1
  50. package/dist/src/lib/components/ChevronCard/ChevronCard.stories.js +1 -1
  51. package/dist/src/lib/components/ChevronCard/ChevronCard.stories.js.map +1 -1
  52. package/dist/src/lib/components/ChevronCard/index.js +8 -8
  53. package/dist/src/lib/components/ChevronCard/index.js.map +1 -1
  54. package/dist/src/lib/components/Collapsible/Collapsible.stories.js +5 -3
  55. package/dist/src/lib/components/Collapsible/Collapsible.stories.js.map +1 -1
  56. package/dist/src/lib/components/Collapsible/index.d.ts +1 -1
  57. package/dist/src/lib/components/Collapsible/index.js +22 -22
  58. package/dist/src/lib/components/Collapsible/index.js.map +1 -1
  59. package/dist/src/lib/components/Column/Column.stories.js +42 -8
  60. package/dist/src/lib/components/Column/Column.stories.js.map +1 -1
  61. package/dist/src/lib/components/Column/index.js +2 -2
  62. package/dist/src/lib/components/Column/index.js.map +1 -1
  63. package/dist/src/lib/components/Container/Container.stories.js +1 -1
  64. package/dist/src/lib/components/Container/Container.stories.js.map +1 -1
  65. package/dist/src/lib/components/Container/index.js +1 -1
  66. package/dist/src/lib/components/Container/index.js.map +1 -1
  67. package/dist/src/lib/components/FooterBar/footerBar.stories.js +2 -2
  68. package/dist/src/lib/components/FooterBar/footerBar.stories.js.map +1 -1
  69. package/dist/src/lib/components/FooterBar/index.js +1 -1
  70. package/dist/src/lib/components/FooterBar/index.js.map +1 -1
  71. package/dist/src/lib/components/Form/Form.stories.js +1 -1
  72. package/dist/src/lib/components/Form/Form.stories.js.map +1 -1
  73. package/dist/src/lib/components/Form/index.js +4 -4
  74. package/dist/src/lib/components/Form/index.js.map +1 -1
  75. package/dist/src/lib/components/FyreCard/FyreCard.stories.js +3 -3
  76. package/dist/src/lib/components/FyreCard/FyreCard.stories.js.map +1 -1
  77. package/dist/src/lib/components/FyreCard/index.js +6 -7
  78. package/dist/src/lib/components/FyreCard/index.js.map +1 -1
  79. package/dist/src/lib/components/Greeting/Greeting.stories.js +1 -1
  80. package/dist/src/lib/components/Greeting/Greeting.stories.js.map +1 -1
  81. package/dist/src/lib/components/Greeting/index.js +4 -4
  82. package/dist/src/lib/components/Greeting/index.js.map +1 -1
  83. package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.stories.d.ts +6 -0
  84. package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.stories.js +46 -0
  85. package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.stories.js.map +1 -0
  86. package/dist/src/lib/components/HamburgerIcon/index.d.ts +7 -0
  87. package/dist/src/lib/components/HamburgerIcon/index.js +26 -0
  88. package/dist/src/lib/components/HamburgerIcon/index.js.map +1 -0
  89. package/dist/src/lib/components/Icon/Icon.stories.d.ts +1 -1
  90. package/dist/src/lib/components/Icon/Icon.stories.js +4 -2
  91. package/dist/src/lib/components/Icon/Icon.stories.js.map +1 -1
  92. package/dist/src/lib/components/Icon/index.d.ts +4 -2
  93. package/dist/src/lib/components/Icon/index.js +17 -3
  94. package/dist/src/lib/components/Icon/index.js.map +1 -1
  95. package/dist/src/lib/components/Image/Image.stories.js +2 -2
  96. package/dist/src/lib/components/Image/Image.stories.js.map +1 -1
  97. package/dist/src/lib/components/Image/index.js +3 -3
  98. package/dist/src/lib/components/Image/index.js.map +1 -1
  99. package/dist/src/lib/components/ImageLink/ImageLink.stories.d.ts +4 -1
  100. package/dist/src/lib/components/ImageLink/ImageLink.stories.js +8 -7
  101. package/dist/src/lib/components/ImageLink/ImageLink.stories.js.map +1 -1
  102. package/dist/src/lib/components/ImageLink/index.js +6 -6
  103. package/dist/src/lib/components/ImageLink/index.js.map +1 -1
  104. package/dist/src/lib/components/ImageLinkList/ImageLinkList.stories.d.ts +2 -2
  105. package/dist/src/lib/components/ImageLinkList/ImageLinkList.stories.js +5 -3
  106. package/dist/src/lib/components/ImageLinkList/ImageLinkList.stories.js.map +1 -1
  107. package/dist/src/lib/components/ImageLinkList/index.d.ts +1 -1
  108. package/dist/src/lib/components/ImageLinkList/index.js +3 -3
  109. package/dist/src/lib/components/ImageLinkList/index.js.map +1 -1
  110. package/dist/src/lib/components/InformationIcon/InformationIcon.stories.js +5 -3
  111. package/dist/src/lib/components/InformationIcon/InformationIcon.stories.js.map +1 -1
  112. package/dist/src/lib/components/InformationIcon/index.d.ts +1 -1
  113. package/dist/src/lib/components/InformationIcon/index.js +12 -13
  114. package/dist/src/lib/components/InformationIcon/index.js.map +1 -1
  115. package/dist/src/lib/components/Input/Input.stories.js +10 -10
  116. package/dist/src/lib/components/Input/Input.stories.js.map +1 -1
  117. package/dist/src/lib/components/Input/index.d.ts +1 -1
  118. package/dist/src/lib/components/Input/index.js +14 -14
  119. package/dist/src/lib/components/Input/index.js.map +1 -1
  120. package/dist/src/lib/components/Jumbotron/Jumbotron.stories.js +1 -1
  121. package/dist/src/lib/components/Jumbotron/Jumbotron.stories.js.map +1 -1
  122. package/dist/src/lib/components/Jumbotron/index.js +1 -1
  123. package/dist/src/lib/components/Jumbotron/index.js.map +1 -1
  124. package/dist/src/lib/components/Nav/Nav.stories.d.ts +6 -0
  125. package/dist/src/lib/components/Nav/Nav.stories.js +12 -12
  126. package/dist/src/lib/components/Nav/Nav.stories.js.map +1 -1
  127. package/dist/src/lib/components/Nav/index.d.ts +2 -2
  128. package/dist/src/lib/components/Nav/index.js +25 -35
  129. package/dist/src/lib/components/Nav/index.js.map +1 -1
  130. package/dist/src/lib/components/NavItem/NavItem.stories.js +1 -1
  131. package/dist/src/lib/components/NavItem/NavItem.stories.js.map +1 -1
  132. package/dist/src/lib/components/NavItem/index.js +2 -2
  133. package/dist/src/lib/components/NavItem/index.js.map +1 -1
  134. package/dist/src/lib/components/NewsCard/NewsCard.stories.js +1 -1
  135. package/dist/src/lib/components/NewsCard/NewsCard.stories.js.map +1 -1
  136. package/dist/src/lib/components/NewsCard/index.js +3 -3
  137. package/dist/src/lib/components/NewsCard/index.js.map +1 -1
  138. package/dist/src/lib/components/Profile/Profile.stories.js +2 -2
  139. package/dist/src/lib/components/Profile/Profile.stories.js.map +1 -1
  140. package/dist/src/lib/components/Profile/index.js +9 -11
  141. package/dist/src/lib/components/Profile/index.js.map +1 -1
  142. package/dist/src/lib/components/Row/Row.stories.js +4 -4
  143. package/dist/src/lib/components/Row/Row.stories.js.map +1 -1
  144. package/dist/src/lib/components/Row/index.js.map +1 -1
  145. package/dist/src/lib/components/Search/Search.stories.js +1 -1
  146. package/dist/src/lib/components/Search/Search.stories.js.map +1 -1
  147. package/dist/src/lib/components/Search/index.js +10 -10
  148. package/dist/src/lib/components/Search/index.js.map +1 -1
  149. package/dist/src/lib/components/SocialBlock/SocialBlock.stories.js +9 -9
  150. package/dist/src/lib/components/SocialBlock/SocialBlock.stories.js.map +1 -1
  151. package/dist/src/lib/components/SocialBlock/index.d.ts +2 -2
  152. package/dist/src/lib/components/SocialBlock/index.js +20 -21
  153. package/dist/src/lib/components/SocialBlock/index.js.map +1 -1
  154. package/dist/src/lib/components/StarRating/StarRating.stories.js +1 -1
  155. package/dist/src/lib/components/StarRating/StarRating.stories.js.map +1 -1
  156. package/dist/src/lib/components/StarRating/index.js +3 -3
  157. package/dist/src/lib/components/StarRating/index.js.map +1 -1
  158. package/dist/src/lib/components/Testimonial/Testimonial.stories.js +1 -1
  159. package/dist/src/lib/components/Testimonial/Testimonial.stories.js.map +1 -1
  160. package/dist/src/lib/components/Testimonial/index.js.map +1 -1
  161. package/dist/src/lib/components/TextAndTitle/TextAndTitle.stories.js +2 -2
  162. package/dist/src/lib/components/TextAndTitle/TextAndTitle.stories.js.map +1 -1
  163. package/dist/src/lib/components/TextAndTitle/index.d.ts +2 -2
  164. package/dist/src/lib/components/TextAndTitle/index.js +55 -64
  165. package/dist/src/lib/components/TextAndTitle/index.js.map +1 -1
  166. package/dist/src/lib/components/TextArea/TextArea.stories.js +3 -3
  167. package/dist/src/lib/components/TextArea/TextArea.stories.js.map +1 -1
  168. package/dist/src/lib/components/TextArea/index.js +4 -3
  169. package/dist/src/lib/components/TextArea/index.js.map +1 -1
  170. package/dist/src/lib/components/Timeline/Timeline.stories.js +12 -13
  171. package/dist/src/lib/components/Timeline/Timeline.stories.js.map +1 -1
  172. package/dist/src/lib/components/Timeline/index.d.ts +1 -1
  173. package/dist/src/lib/components/Timeline/index.js +57 -35
  174. package/dist/src/lib/components/Timeline/index.js.map +1 -1
  175. package/dist/src/lib/components/Tubestops/Tubestops.stories.js +4 -4
  176. package/dist/src/lib/components/Tubestops/Tubestops.stories.js.map +1 -1
  177. package/dist/src/lib/components/Tubestops/index.js +5 -5
  178. package/dist/src/lib/components/Tubestops/index.js.map +1 -1
  179. package/dist/src/lib/components/UserIcon/UserIcon.stories.js.map +1 -1
  180. package/dist/src/lib/components/UserIcon/index.js +5 -6
  181. package/dist/src/lib/components/UserIcon/index.js.map +1 -1
  182. package/dist/src/lib/components/Video/Video.stories.js +1 -1
  183. package/dist/src/lib/components/Video/Video.stories.js.map +1 -1
  184. package/dist/src/lib/components/Video/index.js +2 -2
  185. package/dist/src/lib/components/Video/index.js.map +1 -1
  186. package/dist/src/lib/index.js.map +1 -1
  187. package/dist/src/lib/typography/Fonts.stories.d.ts +2 -2
  188. package/dist/src/lib/typography/Fonts.stories.js +2 -32
  189. package/dist/src/lib/typography/Fonts.stories.js.map +1 -1
  190. package/dist/src/lib/typography/index.d.ts +4 -2
  191. package/dist/src/lib/typography/index.js.map +1 -1
  192. package/dist/src/lib/utils/controls.js.map +1 -1
  193. package/dist/src/lib/utils/theme.d.ts +3 -2
  194. package/dist/src/lib/utils/theme.js +20 -0
  195. package/dist/src/lib/utils/theme.js.map +1 -1
  196. package/dist/tailwind.config.d.ts +1 -0
  197. package/dist/tailwind.config.js +1 -0
  198. package/dist/tailwind.config.js.map +1 -1
  199. package/package.json +2 -1
@@ -77,7 +77,7 @@ const componentMeta: ComponentMeta<typeof Accordion> = {
77
77
  }
78
78
  },
79
79
  args: {
80
- items
80
+ items: items
81
81
  }
82
82
  }
83
83
 
@@ -4,7 +4,7 @@ import Collapsible, { Props as collapsibleProps } from '@components/Collapsible'
4
4
  export interface Props {
5
5
  id?: string
6
6
  className?: string
7
- items: collapsibleProps[]
7
+ items: any
8
8
  }
9
9
 
10
10
  const Accordion: React.FC<Props> = ({
@@ -14,7 +14,7 @@ const Accordion: React.FC<Props> = ({
14
14
  }: Props): JSX.Element => {
15
15
  return (
16
16
  <div id={id} className={className}>
17
- {items?.map((item, i) => {
17
+ {items?.map((item: any, i: number) => {
18
18
  return (
19
19
  <Collapsible
20
20
  key={`collapsible_item_${i}`}
@@ -1,5 +1,5 @@
1
1
  import React, { useState } from 'react'
2
- import 'keen-slider/keen-slider.min.css'
2
+ // import 'keen-slider/keen-slider.min.css'
3
3
  import { useKeenSlider, KeenSliderInstance, KeenSliderHooks, KeenSliderOptions } from 'keen-slider/react'
4
4
  import classNames from 'classnames'
5
5
  import Icon from '@components/Icon'
@@ -12,7 +12,7 @@ export interface Props {
12
12
  borderBottom?: boolean
13
13
  showBottomLine?: boolean
14
14
  iconProps?: iconProps
15
- children?: any
15
+ children?: string | JSX.Element
16
16
  }
17
17
 
18
18
  const Collapsible = ({
@@ -2,7 +2,7 @@ import React, { useState } from 'react'
2
2
  import classNames from 'classnames'
3
3
  import Button from '@components/Button'
4
4
 
5
- interface Props extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
5
+ export interface Props extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
6
6
  opened?: boolean
7
7
  onClick?: React.MouseEventHandler
8
8
  }
@@ -1,14 +1,16 @@
1
1
  import React from 'react'
2
2
  import { idAndClassName } from '@utils/controls'
3
- import ImageLinkList from './index'
3
+ import ImageLinkList, { Props as imageLinkListProps } from './index'
4
4
  import { ComponentStory, ComponentMeta } from '@storybook/react'
5
5
 
6
- const getLinks = (): object => {
6
+ const getLinks = (): any => {
7
7
  return new Array(16).fill(null).map(() => {
8
8
  return {
9
9
  image: 'https://picsum.photos/400/400',
10
10
  title: 'Hi',
11
- ctaText: 'button'
11
+ buttonProps: {
12
+ children: <p>button</p>
13
+ }
12
14
  }
13
15
  })
14
16
  }
@@ -5,7 +5,7 @@ import classNames from 'classnames'
5
5
  export interface Props {
6
6
  id?: string
7
7
  className?: string
8
- items?: imageLinkProps[]
8
+ items?: Array<imageLinkProps>
9
9
  }
10
10
  const ImageLinkList = ({
11
11
  id,
@@ -3,10 +3,10 @@ import classNames from 'classnames'
3
3
  import NavItem, { Props as navItemProps } from '@components/NavItem'
4
4
  import HamburgerIcon from '@components/HamburgerIcon'
5
5
 
6
- interface Props {
6
+ export interface Props {
7
7
  id: string
8
8
  className: string
9
- navLinks: navItemProps[]
9
+ navLinks: Array<navItemProps>
10
10
  asSideBar: boolean
11
11
  dropdownNavHeight: string
12
12
  logo: string
@@ -68,7 +68,7 @@ const Nav = ({
68
68
 
69
69
  const desktopClassList = classNames({
70
70
  'fixed w-full z-50 top-0 mt-0': fixedTop
71
- }, 'w-full justify-between hidden md:flex items-center justify-between sm:items-stretch text-center')
71
+ }, 'w-full justify-between hidden md:flex items-center justify-between sm:items-stretch text-center flex bg-primary')
72
72
 
73
73
  const toggleMenu = (): void => {
74
74
  getNavStatus?.(asSideBar, true)
@@ -99,7 +99,7 @@ const Nav = ({
99
99
  </a>
100
100
  </div>
101
101
 
102
- <div id='destop-nav' className={`${desktopClassList} flex`}>
102
+ <div id='destop-nav' className={desktopClassList}>
103
103
  <div className={logoClassList}>
104
104
  <a id='logo-link' className='mx-auto' href={logoLink}>
105
105
  <img className={logoImageClassList} src={theme === 'dark' ? logoDarkTheme : logo} alt='Logo' />
@@ -1,24 +1,28 @@
1
1
  import React from 'react';
2
2
  import Accordion from './index';
3
- import { idAndClassName } from '@utils/controls';
3
+ import { idAndClassName } from '../../utils/controls';
4
4
  const items = [
5
5
  {
6
6
  title: 'This is a title',
7
7
  boldTitle: true,
8
8
  iconProps: {
9
9
  type: 'heart',
10
- hollow: true
10
+ hollow: true,
11
+ colour: 'white',
12
+ bgColour: 'primary'
11
13
  },
12
- 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."),
14
+ 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.")
13
15
  },
14
16
  {
15
17
  title: 'This is a title',
16
18
  subtitle: 'This is a subtitle',
17
19
  boldTitle: true,
18
20
  iconProps: {
19
- type: 'heart'
21
+ type: 'heart',
22
+ colour: 'white',
23
+ bgColour: 'primary'
20
24
  },
21
- 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."),
25
+ 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.")
22
26
  },
23
27
  {
24
28
  title: 'This is a title',
@@ -27,27 +31,31 @@ const items = [
27
31
  iconProps: {
28
32
  type: 'heart',
29
33
  size: 2,
30
- hollow: true
34
+ hollow: true,
35
+ colour: 'white',
36
+ bgColour: 'primary'
31
37
  },
32
- 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."),
38
+ 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.")
33
39
  },
34
40
  {
35
41
  title: 'This is a title',
36
42
  subtitle: 'This is a subtitle',
37
43
  boldTitle: true,
38
- 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."),
44
+ 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.")
39
45
  },
40
46
  {
41
47
  boldTitle: true,
42
48
  iconProps: {
43
- type: 'heart'
49
+ type: 'heart',
50
+ colour: 'white',
51
+ bgColour: 'primary'
44
52
  },
45
- 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."),
53
+ 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.")
46
54
  },
47
55
  {
48
56
  title: 'This is title 6',
49
57
  boldTitle: true,
50
- 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."),
58
+ 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.")
51
59
  }
52
60
  ];
53
61
  const componentMeta = {
@@ -1 +1 @@
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"}
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;IACZ;QACE,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE,IAAI;QACf,SAAS,EAAE;YACT,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,OAAO;YACf,QAAQ,EAAE,SAAS;SACpB;QACD,QAAQ,EAAE,qsBAA0qB;KACrrB;IACD;QACE,KAAK,EAAE,iBAAiB;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,SAAS,EAAE,IAAI;QACf,SAAS,EAAE;YACT,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,OAAO;YACf,QAAQ,EAAE,SAAS;SACpB;QACD,QAAQ,EAAE,qsBAA0qB;KACrrB;IACD;QACE,KAAK,EAAE,iBAAiB;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,SAAS,EAAE,IAAI;QACf,SAAS,EAAE;YACT,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,OAAO;YACf,QAAQ,EAAE,SAAS;SACpB;QACD,QAAQ,EAAE,qsBAA0qB;KACrrB;IACD;QACE,KAAK,EAAE,iBAAiB;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,qsBAA0qB;KACrrB;IACD;QACE,SAAS,EAAE,IAAI;QACf,SAAS,EAAE;YACT,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,OAAO;YACf,QAAQ,EAAE,SAAS;SACpB;QACD,QAAQ,EAAE,qsBAA0qB;KACrrB;IACD;QACE,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,qsBAA0qB;KACrrB;CACF,CAAA;AAED,MAAM,aAAa,GAAoC;IACrD,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE,SAAS;IACpB,QAAQ,kCACH,cAAc,KACjB,KAAK,EAAE;YACL,WAAW,EAAE,+BAA+B;YAC5C,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;YAC9C,KAAK,EAAE;gBACL,QAAQ,EAAE,WAAW;gBACrB,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;gBAC1B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF,GACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK;KACb;CACF,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"}
@@ -1,9 +1,8 @@
1
1
  import React from 'react';
2
- import { Props as collapsibleProps } from '../Collapsible';
3
2
  export interface Props {
4
3
  id?: string;
5
4
  className?: string;
6
- items: Array<collapsibleProps>;
5
+ items: any;
7
6
  }
8
7
  declare const Accordion: React.FC<Props>;
9
8
  export default Accordion;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import Collapsible from '../Collapsible';
3
3
  const Accordion = ({ id, className, items }) => {
4
- return (React.createElement("div", Object.assign({}, (id && { id: id }), { className: className }), items && items.map((item, i) => {
4
+ return (React.createElement("div", { id: id, className: className }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
5
5
  return (React.createElement(Collapsible, Object.assign({ key: `collapsible_item_${i}` }, item), item.children));
6
6
  })));
7
7
  };
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Accordion/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAA0C,MAAM,yBAAyB,CAAA;AAQhF,MAAM,SAAS,GAAoB,CAAC,EAClC,EAAE,EACF,SAAS,EACT,KAAK,EACC,EAAe,EAAE;IACvB,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC9B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAS,EAAE,CAAS,EAAE,EAAE;QACnC,OAAO,CACL,oBAAC,WAAW,kBACV,GAAG,EAAE,oBAAoB,CAAC,EAAE,IACxB,IAAI,GAEP,IAAI,CAAC,QAAQ,CACF,CACf,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import AlertBar from './index';
3
- import { idAndClassName } from '@utils/controls';
3
+ import { idAndClassName } from '../../utils/controls';
4
4
  const componentMeta = {
5
5
  title: 'Trepur Components/Rupert Bennett/Atoms/Alert Bar',
6
6
  component: AlertBar,
@@ -1 +1 @@
1
- {"version":3,"file":"AlertBar.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/AlertBar/AlertBar.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"AlertBar.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/AlertBar/AlertBar.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,27 +1,27 @@
1
1
  import React, { useState } from 'react';
2
2
  import Icon from '../Icon';
3
3
  import classNames from 'classnames';
4
- import { getTheme } from '@utils/theme';
4
+ import { getTheme } from '../../utils/theme';
5
5
  const AlertBar = ({ id, className, type = 'warning', text, theme = 'light', leftIconProps, rightIconProps, textCenter = false, isDismissable = false, onDismissClick }) => {
6
- const themeToUse = getTheme() || theme;
6
+ const themeToUse = getTheme();
7
7
  const [alertBarStatus, setAlertBarStatus] = useState({
8
8
  state: 'open',
9
9
  display: true
10
10
  });
11
11
  const bgColor = classNames({
12
- [`bg-rupertbennett-success`]: type === 'success' && themeToUse === 'rupertbennett',
13
- [`bg-rupertbennett-warning`]: type === 'warning' && themeToUse === 'rupertbennett',
14
- [`bg-rupertbennett-error`]: type === 'error' && themeToUse === 'rupertbennett',
15
- [`bg-rupertbennett-info-light`]: type === 'info' && themeToUse === 'rupertbennett',
16
- [`bg-bootson-success`]: type === 'success' && themeToUse === 'bootson',
17
- [`bg-bootson-warning`]: type === 'warning' && themeToUse === 'bootson',
18
- [`bg-bootson-error`]: type === 'error' && themeToUse === 'bootson',
19
- [`bg-bootson-info-light`]: type === 'info' && themeToUse === 'bootson'
12
+ 'bg-rupertbennett-success': type === 'success' && themeToUse === 'rupertbennett',
13
+ 'bg-rupertbennett-warning': type === 'warning' && themeToUse === 'rupertbennett',
14
+ 'bg-rupertbennett-error': type === 'error' && themeToUse === 'rupertbennett',
15
+ 'bg-rupertbennett-info-light': type === 'info' && themeToUse === 'rupertbennett',
16
+ 'bg-bootson-success': type === 'success' && themeToUse === 'bootson',
17
+ 'bg-bootson-warning': type === 'warning' && themeToUse === 'bootson',
18
+ 'bg-bootson-error': type === 'error' && themeToUse === 'bootson',
19
+ 'bg-bootson-info-light': type === 'info' && themeToUse === 'bootson'
20
20
  });
21
21
  const alertBarState = classNames({
22
22
  'opacity-100': alertBarStatus.state === 'open',
23
23
  'opacity-0': alertBarStatus.state === 'closed',
24
- 'hidden': alertBarStatus.display === false,
24
+ hidden: !alertBarStatus.display
25
25
  });
26
26
  const classList = classNames(className, bgColor, alertBarState, 'text-white w-parent flex py-2 transition-opactiy duration-700');
27
27
  const textClassList = classNames({
@@ -32,7 +32,7 @@ const AlertBar = ({ id, className, type = 'warning', text, theme = 'light', left
32
32
  'hover:cursor-pointer': isDismissable
33
33
  }, 'px-8 pt-3');
34
34
  const leftIconClasses = 'pt-3 pl-8';
35
- const closeAlertBar = () => {
35
+ const closeAlertBar = (e) => {
36
36
  setAlertBarStatus({
37
37
  state: 'closed',
38
38
  display: alertBarStatus.display
@@ -41,21 +41,23 @@ const AlertBar = ({ id, className, type = 'warning', text, theme = 'light', left
41
41
  state: 'closed',
42
42
  display: false
43
43
  }), 700);
44
- onDismissClick;
44
+ if (onDismissClick != null) {
45
+ onDismissClick(e);
46
+ }
45
47
  };
46
- let dismissIcon = React.createElement(Icon, { type: 'multiply', colour: 'white' });
47
- let iconLeft = leftIconProps &&
48
+ const dismissIcon = (React.createElement(Icon, { type: 'multiply', colour: 'white' }));
49
+ const iconLeft = (leftIconProps != null) &&
48
50
  React.createElement(Icon, Object.assign({}, leftIconProps));
49
- let iconRight = rightIconProps &&
51
+ const iconRight = (rightIconProps != null) &&
50
52
  React.createElement(Icon, Object.assign({}, rightIconProps));
51
53
  return (React.createElement("div", { id: id, className: classList },
52
- leftIconProps &&
54
+ (leftIconProps != null) &&
53
55
  React.createElement("span", { className: leftIconClasses }, iconLeft),
54
56
  React.createElement("h3", { className: textClassList }, text),
55
57
  isDismissable &&
56
- React.createElement("a", { className: rightIconClasses, onClick: closeAlertBar },
58
+ React.createElement("a", { className: rightIconClasses, onClick: (e) => closeAlertBar(e) },
57
59
  React.createElement("span", null, dismissIcon)),
58
- iconRight && !isDismissable &&
60
+ (iconRight != null) && !isDismissable &&
59
61
  React.createElement("span", { className: rightIconClasses }, iconRight)));
60
62
  };
61
63
  export default AlertBar;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/AlertBar/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/AlertBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,IAA4B,MAAM,kBAAkB,CAAA;AAC3D,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAevC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,IAAI,EACJ,KAAK,GAAG,OAAO,EACf,aAAa,EACb,cAAc,EACd,UAAU,GAAG,KAAK,EAClB,aAAa,GAAG,KAAK,EACrB,cAAc,EACR,EAAe,EAAE;IACvB,MAAM,UAAU,GAAW,QAAQ,EAAE,CAAA;IACrC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC;QACnD,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,IAAI;KACd,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,UAAU,CAAC;QACzB,0BAA0B,EAAE,IAAI,KAAK,SAAS,IAAI,UAAU,KAAK,eAAe;QAChF,0BAA0B,EAAE,IAAI,KAAK,SAAS,IAAI,UAAU,KAAK,eAAe;QAChF,wBAAwB,EAAE,IAAI,KAAK,OAAO,IAAI,UAAU,KAAK,eAAe;QAC5E,6BAA6B,EAAE,IAAI,KAAK,MAAM,IAAI,UAAU,KAAK,eAAe;QAChF,oBAAoB,EAAE,IAAI,KAAK,SAAS,IAAI,UAAU,KAAK,SAAS;QACpE,oBAAoB,EAAE,IAAI,KAAK,SAAS,IAAI,UAAU,KAAK,SAAS;QACpE,kBAAkB,EAAE,IAAI,KAAK,OAAO,IAAI,UAAU,KAAK,SAAS;QAChE,uBAAuB,EAAE,IAAI,KAAK,MAAM,IAAI,UAAU,KAAK,SAAS;KACrE,CAAC,CAAA;IAEF,MAAM,aAAa,GAAG,UAAU,CAAC;QAC/B,aAAa,EAAE,cAAc,CAAC,KAAK,KAAK,MAAM;QAC9C,WAAW,EAAE,cAAc,CAAC,KAAK,KAAK,QAAQ;QAC9C,MAAM,EAAE,CAAC,cAAc,CAAC,OAAO;KAChC,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,EACT,OAAO,EACP,aAAa,EACb,+DAA+D,CAChE,CAAA;IAED,MAAM,aAAa,GAAG,UAAU,CAAC;QAC/B,aAAa,EAAE,UAAU;QACzB,MAAM,EAAE,CAAC,UAAU;KACpB,EAAE,aAAa,CAAC,CAAA;IAEjB,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,sBAAsB,EAAE,aAAa;KACtC,EAAE,WAAW,CAAC,CAAA;IAEf,MAAM,eAAe,GAAG,WAAW,CAAA;IAEnC,MAAM,aAAa,GAAG,CAAC,CAAM,EAAQ,EAAE;QACrC,iBAAiB,CAAC;YAChB,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,cAAc,CAAC,OAAO;SAChC,CAAC,CAAA;QACF,UAAU,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC;YACjC,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,KAAK;SACf,CAAC,EAAE,GAAG,CAAC,CAAA;QACR,IAAI,cAAc,IAAI,IAAI,EAAE;YAC1B,cAAc,CAAC,CAAC,CAAC,CAAA;SAClB;IACH,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,CAClB,oBAAC,IAAI,IACH,IAAI,EAAC,UAAU,EACf,MAAM,EAAC,OAAO,GACd,CACH,CAAA;IAED,MAAM,QAAQ,GAAG,CAAC,aAAa,IAAI,IAAI,CAAC;QACtC,oBAAC,IAAI,oBACC,aAAa,EACjB,CAAA;IAEJ,MAAM,SAAS,GAAG,CAAC,cAAc,IAAI,IAAI,CAAC;QACxC,oBAAC,IAAI,oBACC,cAAc,EAClB,CAAA;IAEJ,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEnB,CAAC,aAAa,IAAI,IAAI,CAAC;YACtB,8BAAM,SAAS,EAAE,eAAe,IAC7B,QAAQ,CACJ;QACT,4BAAI,SAAS,EAAE,aAAa,IAAG,IAAI,CAAM;QACxC,aAAa;YACZ,2BAAG,SAAS,EAAE,gBAAgB,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;gBAC9D,kCACG,WAAW,CACP,CACL;QACL,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa;YACpC,8BAAM,SAAS,EAAE,gBAAgB,IAC9B,SAAS,CACL,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
@@ -1 +1 @@
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"}
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;IACvD,KAAK,EAAE,2CAA2C;IAClD,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE;QACR,EAAE,EAAE;YACF,WAAW,EAAE,iCAAiC;YAC9C,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;QACD,SAAS,EAAE;YACT,WAAW,EAAE,mDAAmD;YAChE,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;QACD,KAAK,EAAE;YACL,WAAW,EAAE,oDAAoD;YACjE,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;gBAC1B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE;YACL;gBACE,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,QAAQ;aACf;YACD;gBACE,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,QAAQ;aACf;YACD;gBACE,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,QAAQ;aACf;YACD;gBACE,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,QAAQ;aACf;SACF;KACF;CACF,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"}
@@ -1,18 +1,16 @@
1
1
  import React from 'react';
2
2
  import classNames from 'classnames';
3
3
  const Breadcrumbs = ({ id, className, links }) => {
4
- const linksLength = links
4
+ const linksLength = (links != null)
5
5
  ? Object.keys(links).length
6
6
  : 0;
7
- const classList = classNames({}, `${className} flex py-2 px-8`);
8
- return (React.createElement("ul", { id: id, className: classList }, links && links.map((link, i) => {
9
- return (React.createElement(React.Fragment, null,
10
- React.createElement("div", { key: `breadcrumb_${i + 1}`, className: 'flex' },
11
- React.createElement("li", { className: 'h-8' }, i + 1 >= linksLength ?
12
- React.createElement("p", { className: 'px-1 py-1' }, link.name)
13
- :
14
- React.createElement("p", { className: 'px-1 py-1' },
15
- React.createElement("a", { className: 'text-facebook hover:underline', href: link.href }, link.name)))),
7
+ const classList = classNames(className, 'flex py-2 px-8');
8
+ return (React.createElement("ul", { id: id, className: classList }, links === null || links === void 0 ? void 0 : links.map((link, i) => {
9
+ return (React.createElement("div", { key: `breadcrumb_${i + 1}`, className: 'flex' },
10
+ React.createElement("li", { className: 'h-8' }, i + 1 >= linksLength
11
+ ? (React.createElement("p", { className: 'px-1 py-1' }, link.name))
12
+ : (React.createElement("p", { className: 'px-1 py-1' },
13
+ React.createElement("a", { className: 'text-facebook hover:underline', href: link.href }, link.name)))),
16
14
  i + 1 < linksLength &&
17
15
  React.createElement("li", { className: 'h-8' },
18
16
  React.createElement("p", { className: 'py-1' }, "\u00A0 > \u00A0"))));
@@ -1 +1 @@
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"}
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,EACnB,EAAE,EACF,SAAS,EACT,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,WAAW,GAAG,CAAC,KAAK,IAAI,IAAI,CAAC;QACjC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM;QAC3B,CAAC,CAAC,CAAC,CAAA;IAEL,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAA;IAEzD,OAAO,CACL,4BAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC7B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QACtB,OAAO,CACL,6BAAK,GAAG,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,EAAC,MAAM;YAC/C,4BAAI,SAAS,EAAC,KAAK,IAChB,CAAC,GAAG,CAAC,IAAI,WAAW;gBACnB,CAAC,CAAC,CACA,2BAAG,SAAS,EAAC,WAAW,IACrB,IAAI,CAAC,IAAI,CACR,CACH;gBACH,CAAC,CAAC,CACA,2BAAG,SAAS,EAAC,WAAW;oBACtB,2BACE,SAAS,EAAC,+BAA+B,EACzC,IAAI,EAAE,IAAI,CAAC,IAAI,IAEd,IAAI,CAAC,IAAI,CACR,CACF,CACH,CACF;YACJ,CAAC,GAAG,CAAC,GAAG,WAAW;gBAClB,4BAAI,SAAS,EAAC,KAAK;oBACjB,2BAAG,SAAS,EAAC,MAAM,sBAAwB,CACxC,CACH,CACP,CAAA;IACH,CAAC,CAAC,CACC,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { idAndClassName } from '@utils/controls';
2
+ import { idAndClassName } from '../../utils/controls';
3
3
  import BreadcrumbsBordered from './index';
4
4
  const componentMeta = {
5
5
  title: 'Trepur Components/Other/Organisms/Breadcrumbs',
@@ -1 +1 @@
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"}
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,CAAA;AAChD,OAAO,mBAAmB,MAAM,SAAS,CAAA;AAGzC,MAAM,aAAa,GAA8C;IAC/D,KAAK,EAAE,+CAA+C;IACtD,SAAS,EAAE,mBAAmB;IAC9B,UAAU,EAAE,EAAE;IACd,QAAQ,kCACH,cAAc,KACjB,KAAK,EAAE;YACL,WAAW,EAAE,sDAAsD;YACnE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;YAC9C,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;gBAC1B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF,GACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE;YACL;gBACE,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,QAAQ;aACf;YACD;gBACE,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,QAAQ;aACf;YACD;gBACE,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,QAAQ;aACf;YACD;gBACE,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,QAAQ;aACf;YACD;gBACE,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,QAAQ;aACf;SACF;KACF;CACF,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"}
@@ -3,7 +3,7 @@ import { Props as breadcrumbsItemProps } from '../BreadcrumbsItem/index';
3
3
  export interface Props {
4
4
  id?: string;
5
5
  className?: string;
6
- links?: Array<breadcrumbsItemProps>;
6
+ links?: breadcrumbsItemProps[];
7
7
  }
8
8
  declare const Breadcrumbs: React.FC<Props>;
9
9
  export default Breadcrumbs;
@@ -1,14 +1,14 @@
1
1
  import React from 'react';
2
2
  import BreadcrumbsItem from '../BreadcrumbsItem/index';
3
+ import classNames from 'classnames';
3
4
  const Breadcrumbs = ({ id, className, links }) => {
4
- const linksLength = links === null || links === void 0 ? void 0 : links.length;
5
- let classList = 'flex ';
6
- classList += className ? className : '';
7
- return (React.createElement("ul", Object.assign({}, (id && { id: id }), { className: classList }), links && links.map((link, i) => {
8
- let margin = i === 0 ? ' mr-3' : ' mx-3';
9
- let first = i === 0 ? true : false;
5
+ const linksLength = (links === null || links === void 0 ? void 0 : links.length) !== undefined ? links.length : 0;
6
+ const classList = classNames(className, 'flex');
7
+ return (React.createElement("ul", { id: id, className: classList }, links === null || links === void 0 ? void 0 : links.map((link, i) => {
8
+ const margin = i === 0 ? ' mr-3' : ' mx-3';
9
+ const first = i === 0;
10
10
  let bType = 'standard';
11
- if (linksLength && linksLength >= 1 && i + 1 < linksLength) {
11
+ if (linksLength >= 1 && i + 1 < linksLength) {
12
12
  bType = 'link';
13
13
  }
14
14
  return (React.createElement(BreadcrumbsItem, { key: `breadcrumb_item_${i + 0}`, className: margin, name: link.name, link: link.link, type: bType, firstItem: first }));
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/BreadcrumbsBordered/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,eAAkD,MAAM,mCAAmC,CAAA;AAClG,OAAO,UAAU,MAAM,YAAY,CAAA;AAQnC,MAAM,WAAW,GAAoB,CAAC,EACpC,EAAE,EACF,SAAS,EACT,KAAK,EACN,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,MAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAClE,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;IAE/C,OAAO,CACL,4BAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC7B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAA0B,EAAE,CAAS,EAAE,EAAE;QACpD,MAAM,MAAM,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAA;QAC1C,MAAM,KAAK,GAAG,CAAC,KAAK,CAAC,CAAA;QAErB,IAAI,KAAK,GAAG,UAAU,CAAA;QACtB,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,WAAW,EAAE;YAC3C,KAAK,GAAG,MAAM,CAAA;SACf;QACD,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,mBAAmB,CAAC,GAAG,CAAC,EAAE,EAC/B,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,KAAK,GAChB,CACH,CAAA;IACH,CAAC,CAAC,CACC,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
@@ -36,13 +36,13 @@ const componentMeta = {
36
36
  type: { summary: 'string' },
37
37
  defaultValue: { summary: 'undefined' }
38
38
  }
39
- },
39
+ }
40
40
  },
41
41
  args: {
42
42
  name: 'Link 1',
43
43
  href: '/',
44
44
  firstItem: false
45
- },
45
+ }
46
46
  };
47
47
  const Template = (args) => React.createElement(BreadcrumbsItem, Object.assign({}, args));
48
48
  export const _BreadcrumbsItem = Template.bind({});
@@ -1 +1 @@
1
- {"version":3,"file":"BreadcrumbsItem.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/BreadcrumbsItem/BreadcrumbsItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,eAAe,MAAM,SAAS,CAAA;AAGrC,MAAM,aAAa,GAA0C;IACzD,KAAK,EAAE,gDAAgD;IACvD,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE,EAAE;IACd,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,IAAI,EAAE;YACF,WAAW,EAAE,0CAA0C;YACvD,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,IAAI,EAAE;YACF,WAAW,EAAE,sDAAsD;YACnE,KAAK,EAAE;gBACH,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACzC;SACJ;KACJ;IACD,IAAI,EAAE;QACF,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,GAAG;QACT,SAAS,EAAE,KAAK;KACnB;CACJ,CAAA;AAED,MAAM,QAAQ,GAA2C,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,eAAe,oBAAK,IAAI,EAAI,CAAA;AAEhG,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEjD,eAAe,aAAa,CAAA"}
1
+ {"version":3,"file":"BreadcrumbsItem.stories.js","sourceRoot":"","sources":["../../../../../src/lib/components/BreadcrumbsItem/BreadcrumbsItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,eAAe,MAAM,SAAS,CAAA;AAGrC,MAAM,aAAa,GAA0C;IAC3D,KAAK,EAAE,gDAAgD;IACvD,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE,EAAE;IACd,QAAQ,EAAE;QACR,EAAE,EAAE;YACF,WAAW,EAAE,iCAAiC;YAC9C,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;QACD,SAAS,EAAE;YACT,WAAW,EAAE,mDAAmD;YAChE,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,0CAA0C;YACvD,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,sDAAsD;YACnE,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aACvC;SACF;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,GAAG;QACT,SAAS,EAAE,KAAK;KACjB;CACF,CAAA;AAED,MAAM,QAAQ,GAA2C,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,eAAe,oBAAK,IAAI,EAAI,CAAA;AAEhG,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEjD,eAAe,aAAa,CAAA"}
@@ -6,54 +6,52 @@ const BreadcrumbsItem = ({ id, className, name, link, href, type, firstItem }) =
6
6
  const bottomArrowClasses = 'bottom-0';
7
7
  const textClassList = 'text-center pt-1';
8
8
  const liClassList = 'list-none';
9
- const classList = classNames({}, `${className} item`);
9
+ const classList = classNames(className, 'item');
10
10
  const itemClassList = classNames({
11
- 'hover:underline': type === 'link'
11
+ 'hover:underline': type === 'link',
12
+ 'mb-0': isHovering
12
13
  }, 'bc-item relative px-4 h-8');
13
- const backArrowsClasses = classNames({}, 'absolute w-0 h-0 bg-transparent border-l-transparent');
14
- const frontArrowClasses = classNames({}, 'absolute top-0 w-0 h-0 border-t');
15
- const frontArrow = React.createElement("span", { style: {
16
- 'borderTop': '17px solid transparent',
17
- 'borderBottom': '15px solid transparent',
18
- 'borderLeft': '16px solid',
19
- 'right': '-16px'
20
- }, className: frontArrowClasses });
21
- const backArrows = React.createElement(React.Fragment, null,
14
+ const backArrowsClasses = 'absolute w-0 h-0 bg-transparent border-l-transparent';
15
+ const frontArrowClasses = 'absolute top-0 w-0 h-0 border-t';
16
+ const frontArrow = (React.createElement("span", { style: {
17
+ borderTop: '17px solid transparent',
18
+ borderBottom: '15px solid transparent',
19
+ borderLeft: '16px solid',
20
+ right: '-16px'
21
+ }, className: frontArrowClasses }));
22
+ const backArrows = (React.createElement(React.Fragment, null,
22
23
  React.createElement("span", { style: {
23
- 'borderTop': '17px solid',
24
- 'borderBottom': '18px solid transparent',
25
- 'borderLeft': '17px solid transparent',
26
- 'left': '-17px',
24
+ borderTop: '17px solid',
25
+ borderBottom: '18px solid transparent',
26
+ borderLeft: '17px solid transparent',
27
+ left: '-17px',
27
28
  // '-webkit-transform': 'scaleY(-1)',
28
- 'transform': 'scaleY(-1)'
29
+ transform: 'scaleY(-1)'
29
30
  }, className: `${backArrowsClasses} ${bottomArrowClasses}` }),
30
31
  React.createElement("span", { style: {
31
- 'borderTop': '18px solid',
32
- 'borderBottom': '17px solid transparent',
33
- 'borderLeft': '17px solid transparent',
34
- 'left': '-17px'
35
- }, className: `${backArrowsClasses} ${topArrowClasses}` }));
36
- const renderWithFrontArrow = () => (React.createElement("div", { className: itemClassList },
32
+ borderTop: '18px solid',
33
+ borderBottom: '17px solid transparent',
34
+ borderLeft: '17px solid transparent',
35
+ left: '-17px'
36
+ }, className: `${backArrowsClasses} ${topArrowClasses}` })));
37
+ const renderWithFrontArrow = (React.createElement("div", { className: itemClassList },
37
38
  React.createElement("p", { className: textClassList },
38
39
  name,
39
40
  frontArrow)));
40
- const renderWithBackArrows = () => (React.createElement("div", { className: itemClassList },
41
+ const renderWithBackArrows = (React.createElement("div", { className: itemClassList },
41
42
  React.createElement("p", { className: textClassList },
42
43
  backArrows,
43
44
  name,
44
45
  frontArrow)));
45
- return (React.createElement("div", Object.assign({}, (id && { id: id }), { className: classList }), type === 'link' ?
46
- firstItem ?
47
- React.createElement("a", { onMouseOver: () => setIsHovering(true), onMouseOut: () => setIsHovering(false), href: href },
48
- React.createElement("li", { className: liClassList }, renderWithFrontArrow()))
49
- :
50
- React.createElement("a", { onMouseOver: () => setIsHovering(true), onMouseOut: () => setIsHovering(false), href: href },
51
- React.createElement("li", { className: liClassList }, renderWithBackArrows()))
52
- :
53
- firstItem ?
54
- React.createElement("li", { className: liClassList, onMouseOver: () => setIsHovering(true), onMouseOut: () => setIsHovering(false) }, renderWithFrontArrow())
55
- :
56
- React.createElement("li", { className: liClassList, onMouseOver: () => setIsHovering(true), onMouseOut: () => setIsHovering(false) }, renderWithBackArrows())));
46
+ return (React.createElement("div", { id: id, className: classList }, type === 'link'
47
+ ? (firstItem === true
48
+ ? (React.createElement("a", { onMouseOver: () => setIsHovering(true), onMouseOut: () => setIsHovering(false), href: href },
49
+ React.createElement("li", { className: liClassList }, renderWithFrontArrow)))
50
+ : (React.createElement("a", { onMouseOver: () => setIsHovering(true), onMouseOut: () => setIsHovering(false), href: href },
51
+ React.createElement("li", { className: liClassList }, renderWithBackArrows))))
52
+ : (firstItem === true
53
+ ? (React.createElement("li", { className: liClassList, onMouseOver: () => setIsHovering(true), onMouseOut: () => setIsHovering(false) }, renderWithFrontArrow))
54
+ : (React.createElement("li", { className: liClassList, onMouseOver: () => setIsHovering(true), onMouseOut: () => setIsHovering(false) }, renderWithBackArrows)))));
57
55
  };
58
56
  export default BreadcrumbsItem;
59
57
  //# sourceMappingURL=index.js.map