@lanaco/lnc-react-ui 4.0.198 → 4.0.200

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 (247) hide show
  1. package/dist/Accordion.cjs +5 -5
  2. package/dist/Accordion.js +45 -56
  3. package/dist/AccordionDetails.cjs +3 -3
  4. package/dist/AccordionDetails.js +11 -25
  5. package/dist/AccordionSummary.cjs +4 -4
  6. package/dist/AccordionSummary.js +34 -44
  7. package/dist/ActionsToolbar.cjs +2 -3
  8. package/dist/ActionsToolbar.js +83 -135
  9. package/dist/Alert.cjs +10 -10
  10. package/dist/Alert.js +32 -64
  11. package/dist/Avatar.cjs +9 -9
  12. package/dist/Avatar.js +33 -72
  13. package/dist/Badge.cjs +6 -6
  14. package/dist/Badge.js +22 -47
  15. package/dist/BlogCategoryCardsSection.cjs +1 -1
  16. package/dist/BlogCategoryCardsSection.js +12 -14
  17. package/dist/BlogExploreSection.cjs +1 -1
  18. package/dist/BlogExploreSection.js +1 -1
  19. package/dist/BlogsSectionWithFilters.cjs +1 -1
  20. package/dist/BlogsSectionWithFilters.js +1 -1
  21. package/dist/Breadcrumbs.cjs +5 -5
  22. package/dist/Breadcrumbs.js +57 -87
  23. package/dist/Button.cjs +11 -11
  24. package/dist/Button.js +126 -173
  25. package/dist/ButtonGroup.cjs +8 -8
  26. package/dist/ButtonGroup.js +37 -49
  27. package/dist/CalorieCalculatorSection.cjs +8 -8
  28. package/dist/CalorieCalculatorSection.js +90 -97
  29. package/dist/CheckBoxInput.cjs +1 -1
  30. package/dist/CheckBoxInput.js +2 -5
  31. package/dist/Chip.cjs +14 -14
  32. package/dist/Chip.js +73 -111
  33. package/dist/ConfirmationForm.cjs +6 -6
  34. package/dist/ConfirmationForm.js +67 -109
  35. package/dist/ContactSection.cjs +1 -0
  36. package/dist/ContactSection.js +1 -0
  37. package/dist/Content.cjs +1 -1
  38. package/dist/Content.js +7 -15
  39. package/dist/{DailyMotion-ByXblnua.js → DailyMotion-BBcJkMo_.js} +1 -1
  40. package/dist/{DailyMotion-BaFUcQKQ.cjs → DailyMotion-CpZExcrg.cjs} +1 -1
  41. package/dist/DataView.cjs +1 -1
  42. package/dist/DataView.js +30 -50
  43. package/dist/DateInput.cjs +4 -4
  44. package/dist/DateInput.js +1347 -1383
  45. package/dist/DecimalInput.cjs +6 -6
  46. package/dist/DecimalInput.js +210 -263
  47. package/dist/DecimalInputV2.cjs +23 -23
  48. package/dist/DecimalInputV2.js +119 -176
  49. package/dist/DetailedProductsInfinitiveSection.cjs +1 -1
  50. package/dist/DetailedProductsInfinitiveSection.js +1 -1
  51. package/dist/DetailedProductsSection.cjs +1 -1
  52. package/dist/DetailedProductsSection.js +1 -1
  53. package/dist/DetailsView.cjs +9 -9
  54. package/dist/DetailsView.js +111 -162
  55. package/dist/DoubleRangeSlider.cjs +22 -22
  56. package/dist/DoubleRangeSlider.js +70 -95
  57. package/dist/DragAndDropFile.cjs +10 -10
  58. package/dist/DragAndDropFile.js +347 -402
  59. package/dist/DragDropFiles.cjs +4 -4
  60. package/dist/DragDropFiles.js +70 -124
  61. package/dist/Drawer.cjs +5 -5
  62. package/dist/Drawer.js +97 -135
  63. package/dist/Dropdown.cjs +1 -1
  64. package/dist/Dropdown.js +44 -213
  65. package/dist/DropdownItem.cjs +14 -14
  66. package/dist/DropdownItem.js +106 -142
  67. package/dist/DropdownLookup.cjs +1 -1
  68. package/dist/DropdownLookup.js +61 -242
  69. package/dist/DropdownMenu.cjs +4 -4
  70. package/dist/DropdownMenu.js +87 -149
  71. package/dist/EditableTable.cjs +10 -10
  72. package/dist/EditableTable.js +165 -331
  73. package/dist/{Facebook-BCqiOWZO.js → Facebook-BSWPEXjA.js} +1 -1
  74. package/dist/{Facebook-D9wwecSW.cjs → Facebook-DoKw-XxT.cjs} +1 -1
  75. package/dist/FaqSection.cjs +3 -3
  76. package/dist/FaqSection.js +119 -153
  77. package/dist/FileInput.cjs +7 -7
  78. package/dist/FileInput.js +66 -94
  79. package/dist/{FilePlayer-ktaNhf3p.js → FilePlayer-BtGpIWnK.js} +1 -1
  80. package/dist/{FilePlayer-DB6jnpeC.cjs → FilePlayer-D9az_lc_.cjs} +1 -1
  81. package/dist/FlexBox.cjs +6 -6
  82. package/dist/FlexBox.js +28 -63
  83. package/dist/FlexGrid.cjs +1 -1
  84. package/dist/FlexGrid.js +27 -67
  85. package/dist/FlexGridItem.cjs +6 -6
  86. package/dist/FlexGridItem.js +34 -62
  87. package/dist/Footer.cjs +1 -1
  88. package/dist/Footer.js +7 -15
  89. package/dist/FormField.cjs +7 -7
  90. package/dist/FormField.js +22 -47
  91. package/dist/FormView.cjs +6 -6
  92. package/dist/FormView.js +148 -195
  93. package/dist/Grid.cjs +2 -2
  94. package/dist/Grid.js +40 -65
  95. package/dist/GridItem.cjs +2 -2
  96. package/dist/GridItem.js +47 -80
  97. package/dist/Header.cjs +1 -1
  98. package/dist/Header.js +7 -15
  99. package/dist/HelpBannerSection.cjs +3 -3
  100. package/dist/HelpBannerSection.js +9 -15
  101. package/dist/Icon.cjs +4 -4
  102. package/dist/Icon.js +29 -55
  103. package/dist/IconButton.cjs +9 -9
  104. package/dist/IconButton.js +89 -127
  105. package/dist/{Kaltura-CvlN0HDg.js → Kaltura-BDqlEQpd.js} +1 -1
  106. package/dist/{Kaltura-CCdXLzOa.cjs → Kaltura-CK6JHUZC.cjs} +1 -1
  107. package/dist/Kanban.cjs +7 -7
  108. package/dist/Kanban.js +2033 -2098
  109. package/dist/KanbanActionsToolbar.cjs +4 -5
  110. package/dist/KanbanActionsToolbar.js +61 -96
  111. package/dist/KanbanCard-B9V9EjVE.js +137 -0
  112. package/dist/KanbanCard-DihrKn-I.cjs +30 -0
  113. package/dist/KanbanCard.cjs +1 -1
  114. package/dist/KanbanCard.js +2 -3
  115. package/dist/KanbanFooter.cjs +3 -3
  116. package/dist/KanbanFooter.js +37 -55
  117. package/dist/KanbanHeader.cjs +4 -4
  118. package/dist/KanbanHeader.js +49 -81
  119. package/dist/KanbanView.cjs +2 -2
  120. package/dist/KanbanView.js +106 -173
  121. package/dist/Link.cjs +7 -7
  122. package/dist/Link.js +20 -37
  123. package/dist/LocationSearchSection.cjs +1 -1
  124. package/dist/LocationSearchSection.js +1 -1
  125. package/dist/MasonryGeneralCardsSection.cjs +1 -1
  126. package/dist/MasonryGeneralCardsSection.js +1 -1
  127. package/dist/MenuItem.cjs +13 -13
  128. package/dist/MenuItem.js +101 -139
  129. package/dist/{Mixcloud-nG_VyBNt.cjs → Mixcloud-C1Boh2Bm.cjs} +1 -1
  130. package/dist/{Mixcloud-Bb8MTclI.js → Mixcloud-zAh6j7Ha.js} +1 -1
  131. package/dist/Modal.cjs +18 -19
  132. package/dist/Modal.js +131 -166
  133. package/dist/MultiSelectDropdown.cjs +1 -1
  134. package/dist/MultiSelectDropdown.js +25 -196
  135. package/dist/MultiSelectDropdownLookup.cjs +1 -1
  136. package/dist/MultiSelectDropdownLookup.js +27 -209
  137. package/dist/{Mux-DfYpGTiP.js → Mux-BGTG_Tvc.js} +1 -1
  138. package/dist/{Mux-BgB2a8kM.cjs → Mux-C6TwZeaq.cjs} +1 -1
  139. package/dist/NestedDropdownItem.cjs +3 -3
  140. package/dist/NestedDropdownItem.js +45 -67
  141. package/dist/NestedMenuItem.cjs +5 -5
  142. package/dist/NestedMenuItem.js +51 -78
  143. package/dist/NotificationContainer.cjs +10 -10
  144. package/dist/NotificationContainer.js +46 -79
  145. package/dist/NotificationMessage.cjs +2 -2
  146. package/dist/NotificationMessage.js +47 -64
  147. package/dist/NumberInput.cjs +23 -23
  148. package/dist/NumberInput.js +89 -149
  149. package/dist/PageLayout.cjs +2 -2
  150. package/dist/PageLayout.js +20 -28
  151. package/dist/Pagination.cjs +3 -3
  152. package/dist/Pagination.js +102 -185
  153. package/dist/PasswordInput.cjs +23 -23
  154. package/dist/PasswordInput.js +108 -137
  155. package/dist/Popover.cjs +1 -1
  156. package/dist/Popover.js +7 -32
  157. package/dist/PopoverContent.cjs +5 -5
  158. package/dist/PopoverContent.js +22 -28
  159. package/dist/PopoverTrigger.cjs +1 -1
  160. package/dist/PopoverTrigger.js +7 -12
  161. package/dist/ProgressBar.cjs +8 -8
  162. package/dist/ProgressBar.js +32 -59
  163. package/dist/RadioGroup.cjs +3 -3
  164. package/dist/RadioGroup.js +41 -72
  165. package/dist/RadioInput.cjs +28 -28
  166. package/dist/RadioInput.js +78 -123
  167. package/dist/RangeSlider.cjs +19 -19
  168. package/dist/RangeSlider.js +92 -119
  169. package/dist/ReviewsSection.cjs +13 -13
  170. package/dist/ReviewsSection.js +81 -101
  171. package/dist/SalesCampaignsSection.cjs +19 -19
  172. package/dist/SalesCampaignsSection.js +283 -324
  173. package/dist/SearchBar.cjs +10 -10
  174. package/dist/SearchBar.js +168 -188
  175. package/dist/SearchSection-B94YN_6P.cjs +161 -0
  176. package/dist/{SearchSection-DDQ_K98T.js → SearchSection-DAaMecR4.js} +337 -359
  177. package/dist/SearchSection.cjs +1 -1
  178. package/dist/SearchSection.js +2 -3
  179. package/dist/Separator.cjs +3 -3
  180. package/dist/Separator.js +14 -19
  181. package/dist/Sidebar.cjs +4 -5
  182. package/dist/Sidebar.js +33 -56
  183. package/dist/SimpleCategoriesSection.cjs +1 -1
  184. package/dist/SimpleCategoriesSection.js +1 -1
  185. package/dist/{SoundCloud-C86xwUG6.cjs → SoundCloud-C6R6E6Zc.cjs} +1 -1
  186. package/dist/{SoundCloud-DG91z39R.js → SoundCloud-lO8wg_0s.js} +1 -1
  187. package/dist/Spinner.cjs +18 -18
  188. package/dist/Spinner.js +37 -54
  189. package/dist/StatsSection.cjs +6 -6
  190. package/dist/StatsSection.js +15 -25
  191. package/dist/{Streamable-4uAnb3WN.cjs → Streamable-DZO95CiT.cjs} +1 -1
  192. package/dist/{Streamable-BAIWLgyD.js → Streamable-Dwa5ZEK4.js} +1 -1
  193. package/dist/Surface.cjs +4 -4
  194. package/dist/Surface.js +19 -34
  195. package/dist/SwipeableDrawer.cjs +8 -8
  196. package/dist/SwipeableDrawer.js +84 -136
  197. package/dist/TabItem.cjs +11 -11
  198. package/dist/TabItem.js +83 -118
  199. package/dist/Table.cjs +65 -65
  200. package/dist/Table.js +786 -1167
  201. package/dist/TableView.cjs +2 -2
  202. package/dist/TableView.js +113 -197
  203. package/dist/Tabs.cjs +4 -4
  204. package/dist/Tabs.js +41 -60
  205. package/dist/TextAreaInput.cjs +14 -14
  206. package/dist/TextAreaInput.js +131 -181
  207. package/dist/TextInput.cjs +23 -23
  208. package/dist/TextInput.js +78 -126
  209. package/dist/ThemeProvider.cjs +5 -5
  210. package/dist/ThemeProvider.js +35 -39
  211. package/dist/TimeInput.cjs +7 -7
  212. package/dist/TimeInput.js +46 -72
  213. package/dist/Toggle.cjs +20 -20
  214. package/dist/Toggle.js +78 -109
  215. package/dist/ToggleSection.cjs +6 -5
  216. package/dist/ToggleSection.js +49 -55
  217. package/dist/TreeMenu.cjs +5 -5
  218. package/dist/TreeMenu.js +43 -67
  219. package/dist/TreeMenuSeparator.cjs +3 -3
  220. package/dist/TreeMenuSeparator.js +12 -20
  221. package/dist/{Twitch-CVAj24ti.cjs → Twitch-B17oKtD0.cjs} +1 -1
  222. package/dist/{Twitch-DfXeW5Xs.js → Twitch-C73-dwWo.js} +1 -1
  223. package/dist/UploadedFile.cjs +11 -11
  224. package/dist/UploadedFile.js +73 -99
  225. package/dist/{Vidyard-De3pges0.js → Vidyard-B6GdBHsM.js} +1 -1
  226. package/dist/{Vidyard-DaCcaaH4.cjs → Vidyard-s1MMcaRm.cjs} +1 -1
  227. package/dist/{Vimeo-8wXdCXGs.cjs → Vimeo-J1l_SU2E.cjs} +1 -1
  228. package/dist/{Vimeo-N6I2qi_h.js → Vimeo-kzHz4Gco.js} +1 -1
  229. package/dist/{Wistia-BrUzHQoq.cjs → Wistia-CudQyDHM.cjs} +1 -1
  230. package/dist/{Wistia-dlV6n6tO.js → Wistia-w4jnqd7y.js} +1 -1
  231. package/dist/{YouTube-Cfsj4ZaP.cjs → YouTube-BAYKouHS.cjs} +1 -1
  232. package/dist/{YouTube-DNJxWqRm.js → YouTube-BKyipPZx.js} +1 -1
  233. package/dist/index-BdKi2ogu.js +39 -0
  234. package/dist/index-CRk3vcd4.cjs +95 -0
  235. package/dist/index-CX2A-q39.cjs +4 -0
  236. package/dist/{index-CWALXP1T.js → index-CwMCk9wV.js} +118 -145
  237. package/dist/index.cjs +1 -1
  238. package/dist/index.js +2 -2
  239. package/dist/{tag-BtS5lWJ0.js → tag-Dm8CW4TM.js} +21 -27
  240. package/dist/{tag-CmeZsPQt.cjs → tag-UQjq2_Ba.cjs} +7 -7
  241. package/package.json +1 -1
  242. package/dist/KanbanCard-68kSAXL6.js +0 -175
  243. package/dist/KanbanCard-BDvoqTDS.cjs +0 -30
  244. package/dist/SearchSection-BcbHP6QF.cjs +0 -161
  245. package/dist/index-Be-_NM9Q.cjs +0 -4
  246. package/dist/index-C0LcDEqa.js +0 -47
  247. package/dist/index-CSNxZFTX.cjs +0 -95
@@ -1,4 +1,4 @@
1
- "use strict";const e=require("react/jsx-runtime"),l=require("react"),i=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./consts-goSZX3xP.cjs"),v=require("./index-CSNxZFTX.cjs"),w=i.styled.div`
1
+ "use strict";const e=require("react/jsx-runtime"),l=require("react"),i=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./consts-goSZX3xP.cjs"),v=require("./index-CRk3vcd4.cjs"),w=i.styled.div`
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  padding: 1.25rem;
@@ -2,7 +2,7 @@ import { jsxs as t, jsx as o } from "react/jsx-runtime";
2
2
  import { forwardRef as w, Fragment as S } from "react";
3
3
  import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
4
  import { M as p } from "./consts-BuFChS64.js";
5
- import { S as N } from "./index-CWALXP1T.js";
5
+ import { S as N } from "./index-CwMCk9wV.js";
6
6
  const C = l.div`
7
7
  display: flex;
8
8
  flex-direction: column;
@@ -149,7 +149,7 @@
149
149
  }
150
150
  `,$=s.styled.div`
151
151
  display: grid;
152
- grid-template-columns: ${r=>"repeat(12, minmax(0, 1fr))"};
152
+ grid-template-columns: ${()=>"repeat(12, minmax(0, 1fr))"};
153
153
 
154
154
  grid-template-rows: 15rem 15rem;
155
155
  grid-column-gap: 1.25rem;
@@ -218,7 +218,7 @@ const z = s.a`
218
218
  }
219
219
  `, E = s.div`
220
220
  display: grid;
221
- grid-template-columns: ${(e) => "repeat(12, minmax(0, 1fr))"};
221
+ grid-template-columns: ${() => "repeat(12, minmax(0, 1fr))"};
222
222
 
223
223
  grid-template-rows: 15rem 15rem;
224
224
  grid-column-gap: 1.25rem;
package/dist/MenuItem.cjs CHANGED
@@ -1,6 +1,6 @@
1
- "use strict";const c=require("react/jsx-runtime"),f=require("react"),s=require("./index-BpbMKBf_.cjs"),G=require("./emotion-styled.browser.esm-BtEseadx.cjs"),M=require("./Icon.cjs"),l=require("./utils-RnrgDDZP.cjs"),H=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),J=G.styled.div`
1
+ "use strict";const a=require("react/jsx-runtime"),f=require("react"),G=require("./emotion-styled.browser.esm-BtEseadx.cjs"),x=require("./Icon.cjs"),t=require("./utils-RnrgDDZP.cjs"),H=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),J=G.styled.div`
2
2
  box-sizing: border-box;
3
- cursor: ${n=>n.disabled==!1?"pointer":"context-menu"};
3
+ cursor: ${l=>l.disabled==!1?"pointer":"context-menu"};
4
4
  width: 100%;
5
5
  border-radius: 6px;
6
6
  display: flex;
@@ -8,29 +8,29 @@
8
8
  min-height: 2.25rem;
9
9
  gap: 0.563rem;
10
10
  padding: 0.563rem;
11
- color: ${n=>l.getColorRgbaValue(n.theme,"MenuItem",n.color,"enabled","text")};
12
- ${n=>l.getComponentTypographyCss(n.theme,"MenuItem",n.size,"enabled")};
11
+ color: ${l=>t.getColorRgbaValue(l.theme,"MenuItem",l.color,"enabled","text")};
12
+ ${l=>t.getComponentTypographyCss(l.theme,"MenuItem",l.size,"enabled")};
13
13
  & .menu-icon-lnc {
14
- color: ${n=>n.isActive&&n.disabled==!1?l.getColorRgbaValue(n.theme,"MenuItem",n.color,"focus","icon"):l.getColorRgbaValue(n.theme,"MenuItem",n.color,"enabled","icon")};
14
+ color: ${l=>l.isActive&&l.disabled==!1?t.getColorRgbaValue(l.theme,"MenuItem",l.color,"focus","icon"):t.getColorRgbaValue(l.theme,"MenuItem",l.color,"enabled","icon")};
15
15
 
16
- ${n=>n.disabled===!0&&l.getDisabledStateCss(n.theme)};
16
+ ${l=>l.disabled===!0&&t.getDisabledStateCss(l.theme)};
17
17
  background: transparent;
18
18
  }
19
19
  & .sub-menu-icon-lnc {
20
20
  margin-left: auto;
21
- transform: ${n=>n.showNested?"rotate(180deg)":"rotate(0)"};
21
+ transform: ${l=>l.showNested?"rotate(180deg)":"rotate(0)"};
22
22
  transition: transform 0.25s ease;
23
23
  }
24
24
 
25
- ${n=>n.isActive==!0&&n.disabled==!1&&`background-color: ${l.getColorRgbaValue(n.theme,"MenuItem",n.color,"focus","background","backgroundOpacity")};
26
- color: ${l.getColorRgbaValue(n.theme,"MenuItem",n.color,"focus","text")};
25
+ ${l=>l.isActive==!0&&l.disabled==!1&&`background-color: ${t.getColorRgbaValue(l.theme,"MenuItem",l.color,"focus","background","backgroundOpacity")};
26
+ color: ${t.getColorRgbaValue(l.theme,"MenuItem",l.color,"focus","text")};
27
27
  `}
28
28
  outline: none;
29
29
 
30
- ${n=>n.disabled===!0&&l.getDisabledStateCss(n.theme)};
30
+ ${l=>l.disabled===!0&&t.getDisabledStateCss(l.theme)};
31
31
  &:hover {
32
- ${n=>n.disabled==!1&&`background-color: ${l.getColorRgbaValue(n.theme,"MenuItem",n.color,"hover","background","backgroundOpacity")};
33
- color: ${l.getColorRgbaValue(n.theme,"MenuItem",n.color,"hover","text")};
32
+ ${l=>l.disabled==!1&&`background-color: ${t.getColorRgbaValue(l.theme,"MenuItem",l.color,"hover","background","backgroundOpacity")};
33
+ color: ${t.getColorRgbaValue(l.theme,"MenuItem",l.color,"hover","text")};
34
34
  `}
35
35
  }
36
- `,h=f.forwardRef((n,a)=>{const{value:T,active:r=null,icon:E,disabled:m=!1,isNested:d=!1,showNested:P,justifyToEnd:Q=!1,onFocus:N=()=>{},onBlur:k=()=>{},onClick:C=()=>{},onKeyDown:v=()=>{},onMouseEnter:W=()=>{},onMouseLeave:X=()=>{},toggleNested:u=()=>{},onItemSelected:w=()=>{},className:x="",style:_={},color:$="primary",size:R="small",iconProps:S,__TYPE__:Z="MENU_ITEM",children:A,...j}=n,q={theme:H.useTheme(),color:$,style:_,size:R},y=f.useRef(),[O,g]=f.useState(r??!1);f.useEffect(()=>{g(r)},[r]);const D=e=>{m==!1&&(d&&u&&u(),w(e,T)),C(C)},F=e=>{g(!0),N(e)},V=e=>{r==null&&g(!1),k(e)},z=e=>{e.preventDefault(),e.key=="ArrowDown"?b(a?a.current:y.current):e.key=="ArrowUp"?p(a?a.current:y.current):(e.key=="Enter"||e.keyCode==32)&&m==!1&&(d&&u&&u(),w(e,T)),v(e)},b=e=>{if(e!=null&&e.nextSibling){let o=B(e);if(o!=null&&o.node&&(o==null?void 0:o.type)=="item")o.node.focus();else if(o!=null&&o.node&&(o==null?void 0:o.type)=="nested"){let i=L(o.node);i&&i.focus()}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&b(e.parentElement)}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&b(e.parentElement)},p=e=>{if(e!=null&&e.previousSibling){let o=K(e);if(o!=null&&o.node&&(o==null?void 0:o.type)=="item")o.node.focus();else if(o!=null&&o.node&&(o==null?void 0:o.type)=="nested"){let i=U(o.node);i&&i.focus()}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&p(e.parentElement)}else e!=null&&e.parentElement&&t(e.parentElement,"nested-item-lnc")&&p(e.parentElement)},B=e=>{for(;e=e.nextSibling;){if(t(e,"menu-item-lnc"))return{node:e,type:"item"};if(t(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},K=e=>{for(;e=e.previousSibling;){if(t(e,"menu-item-lnc"))return{node:e,type:"item"};if(t(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},L=e=>{var o;return(o=Array.from(e.querySelectorAll(".menu-item-lnc")))==null?void 0:o[0]},U=e=>{var o;return(o=Array.from(e.querySelectorAll(".menu-item-lnc")))==null?void 0:o.pop()},t=(e,o)=>{var i=" "+e.className+" ",Y=" "+o+" ";return i.indexOf(Y)!=-1};return c.jsx(c.Fragment,{children:c.jsxs(J,{ref:a||y,className:"menu-item-lnc "+(d?"nested-menu-item-lnc ":"")+(P?"spread-nested-item-lnc ":"")+x,...q,disabled:m,tabIndex:0,onKeyDown:z,onFocus:F,onBlur:V,onClick:D,isActive:O,showNested:P,...j,children:[E&&c.jsx(M,{icon:E,className:"menu-icon-lnc",...S}),c.jsx("div",{children:A}),d&&c.jsx(M,{icon:"angle-down",className:"sub-menu-icon-lnc"})]})})});h.propTypes={value:s.PropTypes.any,active:s.PropTypes.bool,icon:s.PropTypes.string,disabled:s.PropTypes.bool,isNested:s.PropTypes.bool,justifyToEnd:s.PropTypes.bool,onBlur:s.PropTypes.func,onFocus:s.PropTypes.func,onClick:s.PropTypes.func,onKeyDown:s.PropTypes.func,onMouseEnter:s.PropTypes.func,onMouseLeave:s.PropTypes.func,className:s.PropTypes.string,style:s.PropTypes.object,color:s.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),iconProps:s.PropTypes.any,size:s.PropTypes.oneOf(["small","medium","large"]),__TYPE__:s.PropTypes.string};h.displayName="MENU_ITEM";module.exports=h;
36
+ `,N=f.forwardRef((l,i)=>{const{value:y,active:c=null,icon:C,disabled:u=!1,isNested:d=!1,showNested:E,onFocus:$=()=>{},onBlur:R=()=>{},onClick:w=()=>{},onKeyDown:v=()=>{},toggleNested:m=()=>{},onItemSelected:k=()=>{},className:M="",style:S={},color:A="primary",size:q="small",iconProps:D,children:O,...V}=l,j={theme:H.useTheme(),color:A,style:S,size:q},r=f.useRef(),[F,g]=f.useState(c??!1);f.useEffect(()=>{g(c)},[c]);const _=e=>{u==!1&&(d&&m&&m(),k(e,y)),w(w)},P=e=>{g(!0),$(e)},z=e=>{c==null&&g(!1),R(e)},B=e=>{e.preventDefault(),e.key=="ArrowDown"?b(i?i.current:r.current):e.key=="ArrowUp"?h(i?i.current:r.current):(e.key=="Enter"||e.keyCode==32)&&u==!1&&(d&&m&&m(),k(e,y)),v(e)},b=e=>{if(e!=null&&e.nextSibling){let n=K(e);if(n!=null&&n.node&&(n==null?void 0:n.type)=="item")n.node.focus();else if(n!=null&&n.node&&(n==null?void 0:n.type)=="nested"){let o=U(n.node);o&&o.focus()}else e!=null&&e.parentElement&&s(e.parentElement,"nested-item-lnc")&&b(e.parentElement)}else e!=null&&e.parentElement&&s(e.parentElement,"nested-item-lnc")&&b(e.parentElement)},h=e=>{if(e!=null&&e.previousSibling){let n=T(e);if(n!=null&&n.node&&(n==null?void 0:n.type)=="item")n.node.focus();else if(n!=null&&n.node&&(n==null?void 0:n.type)=="nested"){let o=L(n.node);o&&o.focus()}else e!=null&&e.parentElement&&s(e.parentElement,"nested-item-lnc")&&h(e.parentElement)}else e!=null&&e.parentElement&&s(e.parentElement,"nested-item-lnc")&&h(e.parentElement)},K=e=>{for(;e=e.nextSibling;){if(s(e,"menu-item-lnc"))return{node:e,type:"item"};if(s(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},T=e=>{for(;e=e.previousSibling;){if(s(e,"menu-item-lnc"))return{node:e,type:"item"};if(s(e,"nested-item-lnc"))return{node:e,type:"nested"}}return null},U=e=>{var n;return(n=Array.from(e.querySelectorAll(".menu-item-lnc")))==null?void 0:n[0]},L=e=>{var n;return(n=Array.from(e.querySelectorAll(".menu-item-lnc")))==null?void 0:n.pop()},s=(e,n)=>{var o=" "+e.className+" ",p=" "+n+" ";return o.indexOf(p)!=-1};return a.jsx(a.Fragment,{children:a.jsxs(J,{ref:i||r,className:"menu-item-lnc "+(d?"nested-menu-item-lnc ":"")+(E?"spread-nested-item-lnc ":"")+M,...j,disabled:u,tabIndex:0,onKeyDown:B,onFocus:P,onBlur:z,onClick:_,isActive:F,showNested:E,...V,children:[C&&a.jsx(x,{icon:C,className:"menu-icon-lnc",...D}),a.jsx("div",{children:O}),d&&a.jsx(x,{icon:"angle-down",className:"sub-menu-icon-lnc"})]})})});N.displayName="MENU_ITEM";module.exports=N;
package/dist/MenuItem.js CHANGED
@@ -1,13 +1,12 @@
1
- import { jsx as m, Fragment as G, jsxs as H } from "react/jsx-runtime";
2
- import { forwardRef as J, useRef as Q, useState as W, useEffect as X } from "react";
3
- import { P as o } from "./index-CblbdqjE.js";
4
- import { s as Z } from "./emotion-styled.browser.esm-BNN1dTl3.js";
5
- import v from "./Icon.js";
6
- import { b as i, c as I, h as w } from "./utils-DtEfC-TX.js";
7
- import { u as ee } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
8
- const ne = Z.div`
1
+ import { jsx as m, Fragment as _, jsxs as G } from "react/jsx-runtime";
2
+ import { forwardRef as H, useRef as J, useState as Q, useEffect as W } from "react";
3
+ import { s as X } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
+ import w from "./Icon.js";
5
+ import { b as i, c as Y, h as N } from "./utils-DtEfC-TX.js";
6
+ import { u as Z } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
7
+ const I = X.div`
9
8
  box-sizing: border-box;
10
- cursor: ${(n) => n.disabled == !1 ? "pointer" : "context-menu"};
9
+ cursor: ${(l) => l.disabled == !1 ? "pointer" : "context-menu"};
11
10
  width: 100%;
12
11
  border-radius: 6px;
13
12
  display: flex;
@@ -15,217 +14,180 @@ const ne = Z.div`
15
14
  min-height: 2.25rem;
16
15
  gap: 0.563rem;
17
16
  padding: 0.563rem;
18
- color: ${(n) => i(n.theme, "MenuItem", n.color, "enabled", "text")};
19
- ${(n) => I(n.theme, "MenuItem", n.size, "enabled")};
17
+ color: ${(l) => i(l.theme, "MenuItem", l.color, "enabled", "text")};
18
+ ${(l) => Y(l.theme, "MenuItem", l.size, "enabled")};
20
19
  & .menu-icon-lnc {
21
- color: ${(n) => n.isActive && n.disabled == !1 ? i(
22
- n.theme,
20
+ color: ${(l) => l.isActive && l.disabled == !1 ? i(
21
+ l.theme,
23
22
  "MenuItem",
24
- n.color,
23
+ l.color,
25
24
  "focus",
26
25
  "icon"
27
26
  ) : i(
28
- n.theme,
27
+ l.theme,
29
28
  "MenuItem",
30
- n.color,
29
+ l.color,
31
30
  "enabled",
32
31
  "icon"
33
32
  )};
34
33
 
35
- ${(n) => n.disabled === !0 && w(n.theme)};
34
+ ${(l) => l.disabled === !0 && N(l.theme)};
36
35
  background: transparent;
37
36
  }
38
37
  & .sub-menu-icon-lnc {
39
38
  margin-left: auto;
40
- transform: ${(n) => n.showNested ? "rotate(180deg)" : "rotate(0)"};
39
+ transform: ${(l) => l.showNested ? "rotate(180deg)" : "rotate(0)"};
41
40
  transition: transform 0.25s ease;
42
41
  }
43
42
 
44
- ${(n) => n.isActive == !0 && n.disabled == !1 && `background-color: ${i(
45
- n.theme,
43
+ ${(l) => l.isActive == !0 && l.disabled == !1 && `background-color: ${i(
44
+ l.theme,
46
45
  "MenuItem",
47
- n.color,
46
+ l.color,
48
47
  "focus",
49
48
  "background",
50
49
  "backgroundOpacity"
51
50
  )};
52
51
  color: ${i(
53
- n.theme,
52
+ l.theme,
54
53
  "MenuItem",
55
- n.color,
54
+ l.color,
56
55
  "focus",
57
56
  "text"
58
57
  )};
59
58
  `}
60
59
  outline: none;
61
60
 
62
- ${(n) => n.disabled === !0 && w(n.theme)};
61
+ ${(l) => l.disabled === !0 && N(l.theme)};
63
62
  &:hover {
64
- ${(n) => n.disabled == !1 && `background-color: ${i(
65
- n.theme,
63
+ ${(l) => l.disabled == !1 && `background-color: ${i(
64
+ l.theme,
66
65
  "MenuItem",
67
- n.color,
66
+ l.color,
68
67
  "hover",
69
68
  "background",
70
69
  "backgroundOpacity"
71
70
  )};
72
71
  color: ${i(
73
- n.theme,
72
+ l.theme,
74
73
  "MenuItem",
75
- n.color,
74
+ l.color,
76
75
  "hover",
77
76
  "text"
78
77
  )};
79
78
  `}
80
79
  }
81
- `, C = J((n, a) => {
80
+ `, ee = H((l, o) => {
82
81
  const {
83
- value: g,
84
- active: c = null,
85
- icon: E,
86
- disabled: r = !1,
82
+ value: y,
83
+ active: a = null,
84
+ icon: g,
85
+ disabled: f = !1,
87
86
  isNested: d = !1,
88
- showNested: M,
89
- justifyToEnd: le = !1,
87
+ showNested: E,
90
88
  //----------------
91
- onFocus: p = () => {
89
+ onFocus: $ = () => {
92
90
  },
93
- onBlur: $ = () => {
91
+ onBlur: v = () => {
94
92
  },
95
- onClick: N = () => {
93
+ onClick: k = () => {
96
94
  },
97
- onKeyDown: x = () => {
95
+ onKeyDown: M = () => {
98
96
  },
99
- onMouseEnter: oe = () => {
97
+ toggleNested: c = () => {
100
98
  },
101
- onMouseLeave: se = () => {
102
- },
103
- toggleNested: f = () => {
104
- },
105
- onItemSelected: k = () => {
99
+ onItemSelected: C = () => {
106
100
  },
107
101
  //----------------
108
- className: A = "",
109
- style: T = {},
110
- color: _ = "primary",
102
+ className: x = "",
103
+ style: A = {},
104
+ color: S = "primary",
111
105
  size: O = "small",
112
- iconProps: P,
113
- __TYPE__: te = "MENU_ITEM",
114
- children: S,
115
- ...D
116
- } = n, F = { theme: ee(), color: _, style: T, size: O }, u = Q(), [j, y] = W(c ?? !1);
117
- X(() => {
118
- y(c);
119
- }, [c]);
106
+ iconProps: p,
107
+ children: D,
108
+ ...F
109
+ } = l, P = { theme: Z(), color: S, style: A, size: O }, r = J(), [R, u] = Q(a ?? !1);
110
+ W(() => {
111
+ u(a);
112
+ }, [a]);
120
113
  const z = (e) => {
121
- r == !1 && (d && f && f(), k(e, g)), N(N);
114
+ f == !1 && (d && c && c(), C(e, y)), k(k);
122
115
  }, B = (e) => {
123
- y(!0), p(e);
116
+ u(!0), $(e);
124
117
  }, K = (e) => {
125
- c == null && y(!1), $(e);
126
- }, R = (e) => {
127
- e.preventDefault(), e.key == "ArrowDown" ? h(a ? a.current : u.current) : e.key == "ArrowUp" ? b(a ? a.current : u.current) : (e.key == "Enter" || e.keyCode == 32) && r == !1 && (d && f && f(), k(e, g)), x(e);
118
+ a == null && u(!1), v(e);
119
+ }, T = (e) => {
120
+ e.preventDefault(), e.key == "ArrowDown" ? h(o ? o.current : r.current) : e.key == "ArrowUp" ? b(o ? o.current : r.current) : (e.key == "Enter" || e.keyCode == 32) && f == !1 && (d && c && c(), C(e, y)), M(e);
128
121
  }, h = (e) => {
129
122
  if (e != null && e.nextSibling) {
130
- let l = L(e);
131
- if (l != null && l.node && (l == null ? void 0 : l.type) == "item")
132
- l.node.focus();
133
- else if (l != null && l.node && (l == null ? void 0 : l.type) == "nested") {
134
- let t = q(l.node);
135
- t && t.focus();
136
- } else e != null && e.parentElement && s(e.parentElement, "nested-item-lnc") && h(e.parentElement);
137
- } else e != null && e.parentElement && s(e.parentElement, "nested-item-lnc") && h(e.parentElement);
123
+ let n = j(e);
124
+ if (n != null && n.node && (n == null ? void 0 : n.type) == "item")
125
+ n.node.focus();
126
+ else if (n != null && n.node && (n == null ? void 0 : n.type) == "nested") {
127
+ let s = U(n.node);
128
+ s && s.focus();
129
+ } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && h(e.parentElement);
130
+ } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && h(e.parentElement);
138
131
  }, b = (e) => {
139
132
  if (e != null && e.previousSibling) {
140
- let l = U(e);
141
- if (l != null && l.node && (l == null ? void 0 : l.type) == "item")
142
- l.node.focus();
143
- else if (l != null && l.node && (l == null ? void 0 : l.type) == "nested") {
144
- let t = Y(l.node);
145
- t && t.focus();
146
- } else e != null && e.parentElement && s(e.parentElement, "nested-item-lnc") && b(e.parentElement);
147
- } else e != null && e.parentElement && s(e.parentElement, "nested-item-lnc") && b(e.parentElement);
148
- }, L = (e) => {
133
+ let n = q(e);
134
+ if (n != null && n.node && (n == null ? void 0 : n.type) == "item")
135
+ n.node.focus();
136
+ else if (n != null && n.node && (n == null ? void 0 : n.type) == "nested") {
137
+ let s = L(n.node);
138
+ s && s.focus();
139
+ } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && b(e.parentElement);
140
+ } else e != null && e.parentElement && t(e.parentElement, "nested-item-lnc") && b(e.parentElement);
141
+ }, j = (e) => {
149
142
  for (; e = e.nextSibling; ) {
150
- if (s(e, "menu-item-lnc"))
143
+ if (t(e, "menu-item-lnc"))
151
144
  return { node: e, type: "item" };
152
- if (s(e, "nested-item-lnc"))
145
+ if (t(e, "nested-item-lnc"))
153
146
  return { node: e, type: "nested" };
154
147
  }
155
148
  return null;
156
- }, U = (e) => {
149
+ }, q = (e) => {
157
150
  for (; e = e.previousSibling; ) {
158
- if (s(e, "menu-item-lnc"))
151
+ if (t(e, "menu-item-lnc"))
159
152
  return { node: e, type: "item" };
160
- if (s(e, "nested-item-lnc"))
153
+ if (t(e, "nested-item-lnc"))
161
154
  return { node: e, type: "nested" };
162
155
  }
163
156
  return null;
164
- }, q = (e) => {
165
- var l;
166
- return (l = Array.from(e.querySelectorAll(".menu-item-lnc"))) == null ? void 0 : l[0];
167
- }, Y = (e) => {
168
- var l;
169
- return (l = Array.from(e.querySelectorAll(".menu-item-lnc"))) == null ? void 0 : l.pop();
170
- }, s = (e, l) => {
171
- var t = " " + e.className + " ", V = " " + l + " ";
172
- return t.indexOf(V) != -1;
157
+ }, U = (e) => {
158
+ var n;
159
+ return (n = Array.from(e.querySelectorAll(".menu-item-lnc"))) == null ? void 0 : n[0];
160
+ }, L = (e) => {
161
+ var n;
162
+ return (n = Array.from(e.querySelectorAll(".menu-item-lnc"))) == null ? void 0 : n.pop();
163
+ }, t = (e, n) => {
164
+ var s = " " + e.className + " ", V = " " + n + " ";
165
+ return s.indexOf(V) != -1;
173
166
  };
174
- return /* @__PURE__ */ m(G, { children: /* @__PURE__ */ H(
175
- ne,
167
+ return /* @__PURE__ */ m(_, { children: /* @__PURE__ */ G(
168
+ I,
176
169
  {
177
- ref: a || u,
178
- className: "menu-item-lnc " + (d ? "nested-menu-item-lnc " : "") + (M ? "spread-nested-item-lnc " : "") + A,
179
- ...F,
180
- disabled: r,
170
+ ref: o || r,
171
+ className: "menu-item-lnc " + (d ? "nested-menu-item-lnc " : "") + (E ? "spread-nested-item-lnc " : "") + x,
172
+ ...P,
173
+ disabled: f,
181
174
  tabIndex: 0,
182
- onKeyDown: R,
175
+ onKeyDown: T,
183
176
  onFocus: B,
184
177
  onBlur: K,
185
178
  onClick: z,
186
- isActive: j,
187
- showNested: M,
188
- ...D,
179
+ isActive: R,
180
+ showNested: E,
181
+ ...F,
189
182
  children: [
190
- E && /* @__PURE__ */ m(v, { icon: E, className: "menu-icon-lnc", ...P }),
191
- /* @__PURE__ */ m("div", { children: S }),
192
- d && /* @__PURE__ */ m(v, { icon: "angle-down", className: "sub-menu-icon-lnc" })
183
+ g && /* @__PURE__ */ m(w, { icon: g, className: "menu-icon-lnc", ...p }),
184
+ /* @__PURE__ */ m("div", { children: D }),
185
+ d && /* @__PURE__ */ m(w, { icon: "angle-down", className: "sub-menu-icon-lnc" })
193
186
  ]
194
187
  }
195
188
  ) });
196
189
  });
197
- C.propTypes = {
198
- value: o.any,
199
- active: o.bool,
200
- icon: o.string,
201
- disabled: o.bool,
202
- isNested: o.bool,
203
- justifyToEnd: o.bool,
204
- //---------------------------------------------------------------
205
- onBlur: o.func,
206
- onFocus: o.func,
207
- onClick: o.func,
208
- onKeyDown: o.func,
209
- onMouseEnter: o.func,
210
- onMouseLeave: o.func,
211
- //---------------------------------------------------------------
212
- className: o.string,
213
- style: o.object,
214
- color: o.oneOf([
215
- "primary",
216
- "secondary",
217
- "success",
218
- "warning",
219
- "danger",
220
- "information",
221
- "neutral",
222
- "gray"
223
- ]),
224
- iconProps: o.any,
225
- size: o.oneOf(["small", "medium", "large"]),
226
- __TYPE__: o.string
227
- };
228
- C.displayName = "MENU_ITEM";
190
+ ee.displayName = "MENU_ITEM";
229
191
  export {
230
- C as default
192
+ ee as default
231
193
  };
@@ -1 +1 @@
1
- "use strict";const f=require("./_commonjsHelpers-DwTZ_eVU.cjs"),m=require("react"),c=require("./SearchSection-BcbHP6QF.cjs");function g(t,e){for(var r=0;r<e.length;r++){const s=e[r];if(typeof s!="string"&&!Array.isArray(s)){for(const o in s)if(o!=="default"&&!(o in t)){const i=Object.getOwnPropertyDescriptor(s,o);i&&Object.defineProperty(t,o,i.get?i:{enumerable:!0,get:()=>s[o]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var v=Object.create,a=Object.defineProperty,P=Object.getOwnPropertyDescriptor,O=Object.getOwnPropertyNames,b=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty,x=(t,e,r)=>e in t?a(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,w=(t,e)=>{for(var r in e)a(t,r,{get:e[r],enumerable:!0})},d=(t,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of O(e))!M.call(t,o)&&o!==r&&a(t,o,{get:()=>e[o],enumerable:!(s=P(e,o))||s.enumerable});return t},j=(t,e,r)=>(r=t!=null?v(b(t)):{},d(!t||!t.__esModule?a(r,"default",{value:t,enumerable:!0}):r,t)),S=t=>d(a({},"__esModule",{value:!0}),t),n=(t,e,r)=>(x(t,typeof e!="symbol"?e+"":e,r),r),h={};w(h,{default:()=>l});var y=S(h),p=j(m),u=c.utils,_=c.patterns;const D="https://widget.mixcloud.com/media/js/widgetApi.js",L="Mixcloud";class l extends p.Component{constructor(){super(...arguments),n(this,"callPlayer",u.callPlayer),n(this,"duration",null),n(this,"currentTime",null),n(this,"secondsLoaded",null),n(this,"mute",()=>{}),n(this,"unmute",()=>{}),n(this,"ref",e=>{this.iframe=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e){(0,u.getSDK)(D,L).then(r=>{this.player=r.PlayerWidget(this.iframe),this.player.ready.then(()=>{this.player.events.play.on(this.props.onPlay),this.player.events.pause.on(this.props.onPause),this.player.events.ended.on(this.props.onEnded),this.player.events.error.on(this.props.error),this.player.events.progress.on((s,o)=>{this.currentTime=s,this.duration=o}),this.props.onReady()})},this.props.onError)}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){}seekTo(e,r=!0){this.callPlayer("seek",e),r||this.pause()}setVolume(e){}getDuration(){return this.duration}getCurrentTime(){return this.currentTime}getSecondsLoaded(){return null}render(){const{url:e,config:r}=this.props,s=e.match(_.MATCH_URL_MIXCLOUD)[1],o={width:"100%",height:"100%"},i=(0,u.queryString)({...r.options,feed:`/${s}/`});return p.default.createElement("iframe",{key:s,ref:this.ref,style:o,src:`https://player-widget.mixcloud.com/widget/iframe/?${i}`,frameBorder:"0",allow:"autoplay"})}}n(l,"displayName","Mixcloud");n(l,"canPlay",_.canPlay.mixcloud);n(l,"loopOnEnded",!0);const T=f.getDefaultExportFromCjs(y),C=g({__proto__:null,default:T},[y]);exports.Mixcloud=C;
1
+ "use strict";const f=require("./_commonjsHelpers-DwTZ_eVU.cjs"),m=require("react"),c=require("./SearchSection-B94YN_6P.cjs");function g(t,e){for(var r=0;r<e.length;r++){const s=e[r];if(typeof s!="string"&&!Array.isArray(s)){for(const o in s)if(o!=="default"&&!(o in t)){const i=Object.getOwnPropertyDescriptor(s,o);i&&Object.defineProperty(t,o,i.get?i:{enumerable:!0,get:()=>s[o]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var v=Object.create,a=Object.defineProperty,P=Object.getOwnPropertyDescriptor,O=Object.getOwnPropertyNames,b=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty,x=(t,e,r)=>e in t?a(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,w=(t,e)=>{for(var r in e)a(t,r,{get:e[r],enumerable:!0})},d=(t,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of O(e))!M.call(t,o)&&o!==r&&a(t,o,{get:()=>e[o],enumerable:!(s=P(e,o))||s.enumerable});return t},j=(t,e,r)=>(r=t!=null?v(b(t)):{},d(!t||!t.__esModule?a(r,"default",{value:t,enumerable:!0}):r,t)),S=t=>d(a({},"__esModule",{value:!0}),t),n=(t,e,r)=>(x(t,typeof e!="symbol"?e+"":e,r),r),h={};w(h,{default:()=>l});var y=S(h),p=j(m),u=c.utils,_=c.patterns;const D="https://widget.mixcloud.com/media/js/widgetApi.js",L="Mixcloud";class l extends p.Component{constructor(){super(...arguments),n(this,"callPlayer",u.callPlayer),n(this,"duration",null),n(this,"currentTime",null),n(this,"secondsLoaded",null),n(this,"mute",()=>{}),n(this,"unmute",()=>{}),n(this,"ref",e=>{this.iframe=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e){(0,u.getSDK)(D,L).then(r=>{this.player=r.PlayerWidget(this.iframe),this.player.ready.then(()=>{this.player.events.play.on(this.props.onPlay),this.player.events.pause.on(this.props.onPause),this.player.events.ended.on(this.props.onEnded),this.player.events.error.on(this.props.error),this.player.events.progress.on((s,o)=>{this.currentTime=s,this.duration=o}),this.props.onReady()})},this.props.onError)}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){}seekTo(e,r=!0){this.callPlayer("seek",e),r||this.pause()}setVolume(e){}getDuration(){return this.duration}getCurrentTime(){return this.currentTime}getSecondsLoaded(){return null}render(){const{url:e,config:r}=this.props,s=e.match(_.MATCH_URL_MIXCLOUD)[1],o={width:"100%",height:"100%"},i=(0,u.queryString)({...r.options,feed:`/${s}/`});return p.default.createElement("iframe",{key:s,ref:this.ref,style:o,src:`https://player-widget.mixcloud.com/widget/iframe/?${i}`,frameBorder:"0",allow:"autoplay"})}}n(l,"displayName","Mixcloud");n(l,"canPlay",_.canPlay.mixcloud);n(l,"loopOnEnded",!0);const T=f.getDefaultExportFromCjs(y),C=g({__proto__:null,default:T},[y]);exports.Mixcloud=C;
@@ -1,6 +1,6 @@
1
1
  import { g as y } from "./_commonjsHelpers-BkfeUUK-.js";
2
2
  import f from "react";
3
- import { u as m, p as g } from "./SearchSection-DDQ_K98T.js";
3
+ import { u as m, p as g } from "./SearchSection-DAaMecR4.js";
4
4
  function v(t, e) {
5
5
  for (var r = 0; r < e.length; r++) {
6
6
  const s = e[r];
package/dist/Modal.cjs CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";const r=require("react/jsx-runtime"),y=require("react"),o=require("./index-BpbMKBf_.cjs"),C=require("./emotion-styled.browser.esm-BtEseadx.cjs"),V=require("./Icon.cjs"),w=require("./utils-RnrgDDZP.cjs"),G=require("./index-41nUb2kP.cjs"),L=require("./motion-B_VPZaJq.cjs"),W=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),N=require("./index-DZoWlChs.cjs"),f="5rem",h="3.8rem",l="1.5rem",X=(e,n,a)=>n&&a?e=="FULL"?`calc(100dvh - ${h} - ${f})`:`calc(100dvh - ${h} - ${f} - ${l})`:n?e=="FULL"?`calc(100dvh - ${h})`:`calc(100dvh - ${h} - ${l})`:a?e=="FULL"?`calc(100dvh - ${f})`:`calc(100dvh - ${f} - ${l})`:e=="FULL"?"100dvh":`calc(100dvh - ${l})`,J=e=>e=="FULL"?"100vw":`calc(100vw - ${l})`,K=(e,n,a)=>e=="FULL"?"0":`${n?"0":"16px"} 0 ${a?"0":"16px"} 0`,Q=C.styled(L.motion.div)`
1
+ "use strict";const t=require("react/jsx-runtime"),x=require("react"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),A=require("./Icon.cjs"),L=require("./utils-RnrgDDZP.cjs"),V=require("./index-41nUb2kP.cjs"),F=require("./motion-B_VPZaJq.cjs"),G=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),N=require("./index-DZoWlChs.cjs"),p="5rem",f="3.8rem",a="1.5rem",W=(e,r,n)=>r&&n?e=="FULL"?`calc(100dvh - ${f} - ${p})`:`calc(100dvh - ${f} - ${p} - ${a})`:r?e=="FULL"?`calc(100dvh - ${f})`:`calc(100dvh - ${f} - ${a})`:n?e=="FULL"?`calc(100dvh - ${p})`:`calc(100dvh - ${p} - ${a})`:e=="FULL"?"100dvh":`calc(100dvh - ${a})`,X=e=>e=="FULL"?"100vw":`calc(100vw - ${a})`,J=(e,r,n)=>e=="FULL"?"0":`${r?"0":"16px"} 0 ${n?"0":"16px"} 0`,K=j.styled(F.motion.div)`
2
2
  position: ${e=>e.scrollOverlay==!0?"absolute":"fixed"};
3
3
  top: 0;
4
4
  left: 0;
@@ -7,17 +7,16 @@
7
7
  background: ${e=>e.scrollOverlay===!0?"transparent":e.overlayColor};
8
8
  z-index: ${e=>e.zIndex};
9
9
  display: flex;
10
- `,Y=C.styled(L.motion.div)`
10
+ `,Q=j.styled(F.motion.div)`
11
11
  position: relative;
12
12
  width: 50%;
13
13
  background-color: white;
14
14
  ${e=>e.scrollOverlay==!1?"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);":"height: fit-content; margin-right: auto; margin-left: auto;"}
15
- background-color: ${e=>w.getColorRgbaValue(e.theme,"Modal","default","enabled","bg")};
15
+ background-color: ${e=>L.getColorRgbaValue(e.theme,"Modal","default","enabled","bg")};
16
16
  z-index: ${e=>e.zIndex};
17
- width: ${e=>oe[e.size.toUpperCase()]};
18
- max-width: ${e=>J(e.size.toUpperCase())};
19
- box-shadow:
20
- 0px 20px 25px -5px rgba(0, 0, 0, 0.1),
17
+ width: ${e=>ee[e.size.toUpperCase()]};
18
+ max-width: ${e=>X(e.size.toUpperCase())};
19
+ box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1),
21
20
  0px 10px 10px -5px rgba(0, 0, 0, 0.04);
22
21
  border-radius: ${e=>e.size.toUpperCase()!="FULL"?"16px":"0"};
23
22
  display: flex;
@@ -25,9 +24,9 @@
25
24
  gap: 0.5rem;
26
25
 
27
26
  & .lnc-modal-header {
28
- max-height: ${h};
27
+ max-height: ${f};
29
28
  overflow: hidden;
30
- padding: ${l} ${l} 0 ${l};
29
+ padding: ${a} ${a} 0 ${a};
31
30
  }
32
31
  & .lnc-modal-header > h1,
33
32
  h2,
@@ -35,7 +34,7 @@
35
34
  margin: 0;
36
35
  }
37
36
  & .lnc-modal-footer {
38
- max-height: ${f};
37
+ max-height: ${p};
39
38
  overflow: hidden;
40
39
  padding-top: 1rem;
41
40
  }
@@ -46,17 +45,17 @@
46
45
  flex-direction: column;
47
46
  justify-content: space-between;
48
47
  scrollbar-width: thin;
49
- ${e=>e.scrollOverlay==!1&&`max-height: ${X(e.size.toUpperCase(),e.header,e.footer)};`}
48
+ ${e=>e.scrollOverlay==!1&&`max-height: ${W(e.size.toUpperCase(),e.header,e.footer)};`}
50
49
  overflow: auto;
51
- margin: ${e=>K(e.size,e.header,e.footer)};
52
- padding: 0 ${l} 0 ${l};
50
+ margin: ${e=>J(e.size,e.header,e.footer)};
51
+ padding: 0 ${a} 0 ${a};
53
52
  }
54
- `,Z=C.styled.div`
53
+ `,Y=j.styled.div`
55
54
  position: absolute;
56
55
  cursor: pointer;
57
56
  top: 1.375rem;
58
57
  right: 1.375rem;
59
- color: ${e=>w.getColorRgbaValue(e.theme,"Modal","primary","enabled","cancelButton")};
58
+ color: ${e=>L.getColorRgbaValue(e.theme,"Modal","primary","enabled","cancelButton")};
60
59
  height: 1.5rem;
61
60
  width: 1.5rem;
62
61
  display: flex;
@@ -68,12 +67,12 @@
68
67
  }
69
68
 
70
69
  &:hover {
71
- background-color: ${e=>w.getColorRgbaValue(e.theme,"Modal","primary","hover","cancelBtnBg","cancelBtnBgOpacity")};
70
+ background-color: ${e=>L.getColorRgbaValue(e.theme,"Modal","primary","hover","cancelBtnBg","cancelBtnBgOpacity")};
72
71
  }
73
72
  &:focus {
74
- background-color: ${e=>w.getColorRgbaValue(e.theme,"Modal","primary","focus","cancelBtnBg","cancelBtnBgOpacity")};
73
+ background-color: ${e=>L.getColorRgbaValue(e.theme,"Modal","primary","focus","cancelBtnBg","cancelBtnBgOpacity")};
75
74
  }
76
- `,ee=C.styled(L.motion.div)`
75
+ `,Z=j.styled(F.motion.div)`
77
76
  display: ${e=>e.scrollOverlay===!0?"block":"none"};
78
77
  position: fixed;
79
78
  top: 0;
@@ -82,4 +81,4 @@
82
81
  width: 100%;
83
82
  background-color: ${e=>e.overlayColor};
84
83
  z-index: 3;
85
- `,D=y.forwardRef((e,n)=>{const{preventDefault:a=!1,portalElement:p=document.body,isOpen:c=!1,header:i,footer:s,scrollOverlay:d=!1,overlay:u=!0,overlayColor:m="rgba(0, 0, 0, 0.3)",showCloseButton:x=!0,onOpen:g=()=>{},onClose:O=()=>{},zIndex:$=1e3,size:b="fluid",clickOutsideToClose:T=!0,className:A="",style:H={},overlayProps:P,overlayAnimation:F={animate:{opacity:1},exit:{opacity:0},initial:{opacity:0},transition:{type:"spring",duration:.6}},modalAnimation:U={animate:{opacity:1},exit:{opacity:0},initial:{opacity:0},transition:{type:"spring",duration:.6}},onFinishOpen:S=()=>{},children:z,rest:M}=e,R=y.useRef(),[v,k]=y.useState(c);let B={theme:W.useTheme(),size:b,zIndex:$,className:A,style:H};const q=t=>{a&&(t==null||t.preventDefault(),t==null||t.stopPropagation()),t.target===t.currentTarget&&T&&j(t)};y.useImperativeHandle(n,()=>({open(){_()},close(){j()},isOpen(){return v}}));const _=t=>{k(!0),g(t)},j=t=>{k(!1),O(t)};return y.useEffect(()=>{v===!0&&S()},[v]),r.jsx(r.Fragment,{children:v&&r.jsx(r.Fragment,{children:p?r.jsx(r.Fragment,{children:G.reactDomExports.createPortal(r.jsx(E,{ref:R,overlay:u,scrollOverlay:d,onClickOutsideModal:q,overlayColor:m,overlayProps:P,overlayAnimation:F,modalAnimation:U,themeProps:B,showCloseButton:x,close:j,header:i,footer:s,isOpen:c,...M,children:z}),p)}):r.jsx(E,{ref:R,overlay:u,scrollOverlay:d,onClickOutsideModal:q,overlayColor:m,overlayProps:P,overlayAnimation:F,modalAnimation:U,themeProps:B,showCloseButton:x,close:j,header:i,footer:s,isOpen:c,...M,children:z})})})}),E=y.forwardRef(({overlay:e,scrollOverlay:n,onClickOutsideModal:a,overlayColor:p,overlayProps:c,overlayAnimation:i,modalAnimation:s,themeProps:d,showCloseButton:u,header:m,footer:x,close:g,isOpen:O,children:$,...b},T)=>r.jsx(N.AnimatePresence,{children:e?r.jsxs(r.Fragment,{children:[r.jsx(ee,{scrollOverlay:n,onClick:a,overlayColor:p,...c,...i}),r.jsx(Q,{...d,onClick:a,scrollOverlay:n,overlayColor:p,isOpen:O,...c,...i,children:r.jsx(I,{ref:T,themeProps:d,scrollOverlay:n,modalAnimation:s,showCloseButton:u,close:g,header:m,footer:x,...b,children:$})})]}):r.jsx(I,{ref:T,themeProps:d,modalAnimation:s,showCloseButton:u,close:g,header:m,footer:x,...b,children:$})})),I=y.forwardRef(({themeProps:e,scrollOverlay:n,modalAnimation:a,showCloseButton:p,close:c,header:i,footer:s,children:d,...u},m)=>r.jsx(N.AnimatePresence,{children:r.jsxs(Y,{ref:m,...e,...a,header:i,footer:s,scrollOverlay:n,...u,className:`modal-lnc-container ${e==null?void 0:e.className}`,children:[p&&r.jsx(Z,{...e,className:"modal-lnc-times",onClick:c,children:r.jsx(V,{icon:"times"})}),i&&r.jsx("div",{className:"lnc-modal-header",children:i}),r.jsx("div",{className:"lnc-modal-content",children:d}),s&&r.jsx("div",{className:"lnc-modal-footer",children:s})]})}));D.propTypes={portalElement:o.PropTypes.any,isOpen:o.PropTypes.bool,header:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),footer:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),showCloseButton:o.PropTypes.bool,overlay:o.PropTypes.bool,scrollOverlay:o.PropTypes.bool,onOpen:o.PropTypes.func,onClose:o.PropTypes.func,zIndex:o.PropTypes.number,clickOutsideToClose:o.PropTypes.bool,overlayColor:o.PropTypes.string,overlayAnimation:o.PropTypes.object,modalAnimation:o.PropTypes.object,className:o.PropTypes.string,style:o.PropTypes.object,size:o.PropTypes.oneOf(["fluid","xs","s","m","l","xl","full"]),overlayProps:o.PropTypes.any};const oe={FLUID:"max-content",XS:"320px",S:"412px",M:"672px",L:"1112px",XL:"1376px",FULL:"100vw"};module.exports=D;
84
+ `,P=x.forwardRef((e,r)=>{const{preventDefault:n=!1,portalElement:d=document.body,isOpen:c=!1,header:i,footer:l,scrollOverlay:s=!1,overlay:u=!0,overlayColor:m="rgba(0, 0, 0, 0.3)",showCloseButton:h=!0,onOpen:g=()=>{},onClose:C=()=>{},zIndex:$=1e3,size:y="fluid",clickOutsideToClose:b=!0,className:H="",style:S={},overlayProps:O,overlayAnimation:U={animate:{opacity:1},exit:{opacity:0},initial:{opacity:0},transition:{type:"spring",duration:.6}},modalAnimation:M={animate:{opacity:1},exit:{opacity:0},initial:{opacity:0},transition:{type:"spring",duration:.6}},onFinishOpen:_=()=>{},children:R,rest:z}=e,k=x.useRef(),[v,B]=x.useState(c);let q={theme:G.useTheme(),size:y,zIndex:$,className:H,style:S};const E=o=>{n&&(o==null||o.preventDefault(),o==null||o.stopPropagation()),o.target===o.currentTarget&&b&&w(o)};x.useImperativeHandle(r,()=>({open(){T()},close(){w()},isOpen(){return v}}));const T=o=>{B(!0),g(o)},w=o=>{B(!1),C(o)};return x.useEffect(()=>{v===!0&&_()},[v]),t.jsx(t.Fragment,{children:v&&t.jsx(t.Fragment,{children:d?t.jsx(t.Fragment,{children:V.reactDomExports.createPortal(t.jsx(I,{ref:k,overlay:u,scrollOverlay:s,onClickOutsideModal:E,overlayColor:m,overlayProps:O,overlayAnimation:U,modalAnimation:M,themeProps:q,showCloseButton:h,close:w,header:i,footer:l,isOpen:c,...z,children:R}),d)}):t.jsx(I,{ref:k,overlay:u,scrollOverlay:s,onClickOutsideModal:E,overlayColor:m,overlayProps:O,overlayAnimation:U,modalAnimation:M,themeProps:q,showCloseButton:h,close:w,header:i,footer:l,isOpen:c,...z,children:R})})})}),I=x.forwardRef(({overlay:e,scrollOverlay:r,onClickOutsideModal:n,overlayColor:d,overlayProps:c,overlayAnimation:i,modalAnimation:l,themeProps:s,showCloseButton:u,header:m,footer:h,close:g,isOpen:C,children:$,...y},b)=>t.jsx(N.AnimatePresence,{children:e?t.jsxs(t.Fragment,{children:[t.jsx(Z,{scrollOverlay:r,onClick:n,overlayColor:d,...c,...i}),t.jsx(K,{...s,onClick:n,scrollOverlay:r,overlayColor:d,isOpen:C,...c,...i,children:t.jsx(D,{ref:b,themeProps:s,scrollOverlay:r,modalAnimation:l,showCloseButton:u,close:g,header:m,footer:h,...y,children:$})})]}):t.jsx(D,{ref:b,themeProps:s,modalAnimation:l,showCloseButton:u,close:g,header:m,footer:h,...y,children:$})})),D=x.forwardRef(({themeProps:e,scrollOverlay:r,modalAnimation:n,showCloseButton:d,close:c,header:i,footer:l,children:s,...u},m)=>t.jsx(N.AnimatePresence,{children:t.jsxs(Q,{ref:m,...e,...n,header:i,footer:l,scrollOverlay:r,...u,className:`modal-lnc-container ${e==null?void 0:e.className}`,children:[d&&t.jsx(Y,{...e,className:"modal-lnc-times",onClick:c,children:t.jsx(A,{icon:"times"})}),i&&t.jsx("div",{className:"lnc-modal-header",children:i}),t.jsx("div",{className:"lnc-modal-content",children:s}),l&&t.jsx("div",{className:"lnc-modal-footer",children:l})]})})),ee={FLUID:"max-content",XS:"320px",S:"412px",M:"672px",L:"1112px",XL:"1376px",FULL:"100vw"};module.exports=P;