@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,175 +0,0 @@
1
- import { jsx as e, jsxs as z } from "react/jsx-runtime";
2
- import { forwardRef as d, memo as T } from "react";
3
- import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
- import { P as r } from "./index-CblbdqjE.js";
5
- import C from "./Icon.js";
6
- import P from "./DropdownMenu.js";
7
- import K from "./DropdownItem.js";
8
- import { c as O } from "./index-fN7hCOo3.js";
9
- import { u as $ } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
10
- const j = "_Action_bw0a9_5", B = {
11
- Action: j
12
- }, D = d(
13
- ({ active: o, className: a, cursor: s, style: l, ...t }, i) => /* @__PURE__ */ e(
14
- "button",
15
- {
16
- ref: i,
17
- ...t,
18
- className: O(B.Action, a),
19
- tabIndex: 0,
20
- style: {
21
- ...l,
22
- cursor: s,
23
- "--fill": o == null ? void 0 : o.fill,
24
- "--background": o == null ? void 0 : o.background
25
- }
26
- }
27
- )
28
- ), I = d((o, a) => /* @__PURE__ */ e(D, { ref: a, cursor: "grab", "data-cypress": "draggable-handle", ...o, children: /* @__PURE__ */ e("svg", { viewBox: "0 0 20 20", width: "12", children: /* @__PURE__ */ e("path", { d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z" }) }) })), M = m.div`
29
- height: 100%;
30
- width: 100%;
31
- padding: ${(o) => `18px 20px 18px ${o.handle == !0 ? "10px" : "20px"}`};
32
- position: relative;
33
- word-wrap: break-word;
34
- white-space: pre-wrap;
35
- word-break: break-word;
36
- display: flex;
37
- gap: 8px;
38
- & .card-action-lnc {
39
- position: absolute;
40
- right: 10px;
41
- cursor: pointer;
42
- }
43
-
44
- & > .kanban-card-content {
45
- ${(o) => o.clickable && "cursor: pointer;"}
46
- }
47
- `, R = m.div`
48
- display: flex;
49
-
50
- & > *:first-of-type:not(:last-of-type) {
51
- opacity: 0;
52
- }
53
-
54
- & > *:first-of-type:not(:last-of-type):focus-visible {
55
- opacity: 1;
56
- }
57
- `, f = T(
58
- d(
59
- ({
60
- __TYPE__: o = "KANBAN_CARD",
61
- id: a,
62
- containerId: s,
63
- item: l,
64
- handle: t = !0,
65
- handleProps: i,
66
- actionsMenu: u = !1,
67
- actions: c = [],
68
- onDetails: p,
69
- color: b = "primary",
70
- size: y = "small",
71
- className: A = "",
72
- style: g = {},
73
- children: h,
74
- ...w
75
- }, x) => {
76
- const _ = $();
77
- return /* @__PURE__ */ z(
78
- M,
79
- {
80
- ref: x,
81
- handle: t,
82
- theme: _,
83
- className: A,
84
- style: g,
85
- clickable: !!p,
86
- ...w,
87
- children: [
88
- t && /* @__PURE__ */ e(R, { className: "Actions", children: /* @__PURE__ */ e(I, { ...i }) }),
89
- u && /* @__PURE__ */ e(
90
- P,
91
- {
92
- className: "card-action-lnc",
93
- horizontalAlignment: "right",
94
- verticalAlignment: "bottom",
95
- color: b,
96
- size: y,
97
- control: /* @__PURE__ */ e(
98
- C,
99
- {
100
- color: "neutral",
101
- className: "card-action-lnc",
102
- icon: "ellipsis-v"
103
- }
104
- ),
105
- children: c == null ? void 0 : c.map((n, N) => {
106
- if ((n == null ? void 0 : n.show) != !1)
107
- return /* @__PURE__ */ e(
108
- K,
109
- {
110
- icon: n.icon,
111
- disabled: n.enable == !1,
112
- onClick: (k) => n.onAction(k, l, s),
113
- children: n.name
114
- },
115
- N
116
- );
117
- })
118
- }
119
- ),
120
- /* @__PURE__ */ e(
121
- "div",
122
- {
123
- className: "kanban-card-content-lnc",
124
- onClick: (n) => {
125
- p && p(n, l, s);
126
- },
127
- children: h
128
- }
129
- )
130
- ]
131
- }
132
- );
133
- }
134
- )
135
- );
136
- f.propTypes = {
137
- __TYPE__: r.string,
138
- id: r.oneOfType([r.string, r.number]),
139
- containerId: r.oneOfType([r.string, r.number]),
140
- className: r.string,
141
- style: r.object,
142
- handle: r.bool,
143
- handleProps: r.any,
144
- /**
145
- * Show actions menu on Card
146
- */
147
- actionsMenu: r.bool,
148
- /**
149
- * type of: [{ name: `<string>`, show: `<bool>`, enable: `<bool>`, onAction: `<func>`, icon: `<string>`}]
150
- * show and enable are true by default
151
- */
152
- actions: r.array,
153
- //-------------------------------------------------------------
154
- /**
155
- * (e, item, columnId) => { }
156
- */
157
- onDetails: r.func,
158
- //-------------------------------------------------------------
159
- color: r.oneOf([
160
- "primary",
161
- "secondary",
162
- "success",
163
- "warning",
164
- "danger",
165
- "information",
166
- "neutral",
167
- "gray"
168
- ]),
169
- size: r.oneOf(["small", "medium", "large"])
170
- };
171
- f.displayName = "KANBAN_CARD";
172
- export {
173
- I as H,
174
- f as K
175
- };
@@ -1,30 +0,0 @@
1
- "use strict";const s=require("react/jsx-runtime"),p=require("react"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),e=require("./index-BpbMKBf_.cjs"),N=require("./Icon.cjs"),k=require("./DropdownMenu.cjs"),q=require("./DropdownItem.cjs"),z=require("./index-Bg5OOQN0.cjs"),C=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),R="_Action_bw0a9_5",$={Action:R},K=p.forwardRef(({active:r,className:n,cursor:a,style:t,...l},i)=>s.jsx("button",{ref:i,...l,className:z.classNames($.Action,n),tabIndex:0,style:{...t,cursor:a,"--fill":r==null?void 0:r.fill,"--background":r==null?void 0:r.background}})),u=p.forwardRef((r,n)=>s.jsx(K,{ref:n,cursor:"grab","data-cypress":"draggable-handle",...r,children:s.jsx("svg",{viewBox:"0 0 20 20",width:"12",children:s.jsx("path",{d:"M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"})})})),O=m.styled.div`
2
- height: 100%;
3
- width: 100%;
4
- padding: ${r=>`18px 20px 18px ${r.handle==!0?"10px":"20px"}`};
5
- position: relative;
6
- word-wrap: break-word;
7
- white-space: pre-wrap;
8
- word-break: break-word;
9
- display: flex;
10
- gap: 8px;
11
- & .card-action-lnc {
12
- position: absolute;
13
- right: 10px;
14
- cursor: pointer;
15
- }
16
-
17
- & > .kanban-card-content {
18
- ${r=>r.clickable&&"cursor: pointer;"}
19
- }
20
- `,B=m.styled.div`
21
- display: flex;
22
-
23
- & > *:first-of-type:not(:last-of-type) {
24
- opacity: 0;
25
- }
26
-
27
- & > *:first-of-type:not(:last-of-type):focus-visible {
28
- opacity: 1;
29
- }
30
- `,y=p.memo(p.forwardRef(({__TYPE__:r="KANBAN_CARD",id:n,containerId:a,item:t,handle:l=!0,handleProps:i,actionsMenu:b=!1,actions:c=[],onDetails:d,color:f="primary",size:x="small",className:A="",style:T={},children:g,...h},w)=>{const P=C.useTheme();return s.jsxs(O,{ref:w,handle:l,theme:P,className:A,style:T,clickable:!!d,...h,children:[l&&s.jsx(B,{className:"Actions",children:s.jsx(u,{...i})}),b&&s.jsx(k,{className:"card-action-lnc",horizontalAlignment:"right",verticalAlignment:"bottom",color:f,size:x,control:s.jsx(N,{color:"neutral",className:"card-action-lnc",icon:"ellipsis-v"}),children:c==null?void 0:c.map((o,_)=>{if((o==null?void 0:o.show)!=!1)return s.jsx(q,{icon:o.icon,disabled:o.enable==!1,onClick:j=>o.onAction(j,t,a),children:o.name},_)})}),s.jsx("div",{className:"kanban-card-content-lnc",onClick:o=>{d&&d(o,t,a)},children:g})]})}));y.propTypes={__TYPE__:e.PropTypes.string,id:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]),containerId:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]),className:e.PropTypes.string,style:e.PropTypes.object,handle:e.PropTypes.bool,handleProps:e.PropTypes.any,actionsMenu:e.PropTypes.bool,actions:e.PropTypes.array,onDetails:e.PropTypes.func,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};y.displayName="KANBAN_CARD";exports.Handle=u;exports.KanbanCard=y;
@@ -1,161 +0,0 @@
1
- "use strict";const i=require("react/jsx-runtime"),C=require("react"),g=require("./index-BpbMKBf_.cjs"),Je=require("./TextInput.cjs"),Ze=require("./Icon.cjs"),Ge=require("./Chip.cjs"),J=require("./emotion-styled.browser.esm-BtEseadx.cjs"),ue=require("./consts-goSZX3xP.cjs"),R=require("./_commonjsHelpers-DwTZ_eVU.cjs"),pe=require("./index-CDGmG-qk.cjs"),Qe=require("./useDetectMobile-zkbzoOGV.cjs"),et=J.styled.div`
2
- display: flex;
3
- gap: 0.5rem;
4
- align-content: center;
5
-
6
- & .tags__item {
7
- color: var(--neutral-600, #0f2a46);
8
- background: var(--neutral-50, #eef2f5);
9
- font-size: 0.875rem;
10
- font-style: normal;
11
- font-weight: 400;
12
- line-height: 1rem;
13
- letter-spacing: 0.025rem;
14
- padding: 0.5rem;
15
-
16
- &:hover {
17
- background: var(--gray-200, #e4e9f0);
18
- }
19
-
20
- &:focus {
21
- outline: none;
22
- }
23
- }
24
-
25
- @media (max-width: ${ue.MOBILE_SIZE_PX+"px"}) {
26
- width: 100%;
27
- overflow-x: auto;
28
- white-space: nowrap;
29
-
30
- -webkit-overflow-scrolling: touch;
31
- ::-webkit-scrollbar {
32
- -webkit-appearance: none;
33
- }
34
- -ms-overflow-style: none;
35
- /* Internet Explorer 10+ */
36
- scrollbar-width: none;
37
- /* Firefox */
38
-
39
- &::-webkit-scrollbar {
40
- display: none;
41
- /* Safari and Chrome */
42
- }
43
- }
44
- `,tt=J.styled.div`
45
- position: relative;
46
- display: flex;
47
- justify-content: center;
48
- align-items: center;
49
- width: 100%;
50
- height: 100%;
51
- max-width: 31.25rem;
52
- max-height: 18.75rem;
53
- border-radius: 1rem;
54
-
55
- & .section__thumbnail {
56
- width: 100%;
57
- height: 100%;
58
- max-width: 31.25rem;
59
- max-height: 18.75rem;
60
- border-radius: 1rem;
61
- }
62
-
63
- & .section__play {
64
- position: absolute;
65
- }
66
- `,B=C.forwardRef(({tags:e=[],selectedTagCode:t=null,onSelectTag:r=()=>{}},n)=>i.jsx(et,{ref:n,children:e==null?void 0:e.map((a,o)=>i.jsx(Ge,{label:a==null?void 0:a.name,borderRadius:"curved",color:"neutral",className:`tags__item ${t===(a==null?void 0:a.code)?"active":""}`,onClick:()=>{r(a)}},`search-section-tag__${o+1}`))}));B.propTypes={tags:g.PropTypes.array,onSelectTag:g.PropTypes.func};var rt=function(t,r,n){var a=document.head||document.getElementsByTagName("head")[0],o=document.createElement("script");typeof r=="function"&&(n=r,r={}),r=r||{},n=n||function(){},o.type=r.type||"text/javascript",o.charset=r.charset||"utf8",o.async="async"in r?!!r.async:!0,o.src=t,r.attrs&&at(o,r.attrs),r.text&&(o.text=""+r.text);var y="onload"in o?ae:nt;y(o,n),o.onload||ae(o,n),a.appendChild(o)};function at(e,t){for(var r in t)e.setAttribute(r,t[r])}function ae(e,t){e.onload=function(){this.onerror=this.onload=null,t(null,e)},e.onerror=function(){this.onerror=this.onload=null,t(new Error("Failed to load "+this.src),e)}}function nt(e,t){e.onreadystatechange=function(){this.readyState!="complete"&&this.readyState!="loaded"||(this.onreadystatechange=null,t(null,e))}}var ot=function(t){return it(t)&&!st(t)};function it(e){return!!e&&typeof e=="object"}function st(e){var t=Object.prototype.toString.call(e);return t==="[object RegExp]"||t==="[object Date]"||ut(e)}var lt=typeof Symbol=="function"&&Symbol.for,ct=lt?Symbol.for("react.element"):60103;function ut(e){return e.$$typeof===ct}function pt(e){return Array.isArray(e)?[]:{}}function I(e,t){return t.clone!==!1&&t.isMergeableObject(e)?x(pt(e),e,t):e}function dt(e,t,r){return e.concat(t).map(function(n){return I(n,r)})}function yt(e,t){if(!t.customMerge)return x;var r=t.customMerge(e);return typeof r=="function"?r:x}function ft(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter(function(t){return Object.propertyIsEnumerable.call(e,t)}):[]}function ne(e){return Object.keys(e).concat(ft(e))}function de(e,t){try{return t in e}catch{return!1}}function ht(e,t){return de(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))}function _t(e,t,r){var n={};return r.isMergeableObject(e)&&ne(e).forEach(function(a){n[a]=I(e[a],r)}),ne(t).forEach(function(a){ht(e,a)||(de(e,a)&&r.isMergeableObject(t[a])?n[a]=yt(a,r)(e[a],t[a],r):n[a]=I(t[a],r))}),n}function x(e,t,r){r=r||{},r.arrayMerge=r.arrayMerge||dt,r.isMergeableObject=r.isMergeableObject||ot,r.cloneUnlessOtherwiseSpecified=I;var n=Array.isArray(t),a=Array.isArray(e),o=n===a;return o?n?r.arrayMerge(e,t,r):_t(e,t,r):I(t,r)}x.all=function(t,r){if(!Array.isArray(t))throw new Error("first argument should be an array");return t.reduce(function(n,a){return x(n,a,r)},{})};var mt=x,ye=mt,Pt=Object.create,U=Object.defineProperty,gt=Object.getOwnPropertyDescriptor,vt=Object.getOwnPropertyNames,bt=Object.getPrototypeOf,wt=Object.prototype.hasOwnProperty,Ot=(e,t)=>{for(var r in t)U(e,r,{get:t[r],enumerable:!0})},fe=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of vt(t))!wt.call(e,a)&&a!==r&&U(e,a,{get:()=>t[a],enumerable:!(n=gt(t,a))||n.enumerable});return e},Z=(e,t,r)=>(r=e!=null?Pt(bt(e)):{},fe(!e||!e.__esModule?U(r,"default",{value:e,enumerable:!0}):r,e)),Tt=e=>fe(U({},"__esModule",{value:!0}),e),he={};Ot(he,{callPlayer:()=>Ht,getConfig:()=>Ut,getSDK:()=>Dt,isBlobUrl:()=>Vt,isMediaStream:()=>zt,lazy:()=>Et,omit:()=>kt,parseEndTime:()=>$t,parseStartTime:()=>It,queryString:()=>Nt,randomString:()=>Lt,supportsWebKitPresentationMode:()=>qt});var $=Tt(he),St=Z(C),xt=Z(rt),Ct=Z(ye);const Et=e=>St.default.lazy(async()=>{const t=await e();return typeof t.default=="function"?t:t.default}),Mt=/[?&#](?:start|t)=([0-9hms]+)/,At=/[?&#]end=([0-9hms]+)/,X=/(\d+)(h|m|s)/g,jt=/^\d+$/;function _e(e,t){if(e instanceof Array)return;const r=e.match(t);if(r){const n=r[1];if(n.match(X))return Rt(n);if(jt.test(n))return parseInt(n)}}function Rt(e){let t=0,r=X.exec(e);for(;r!==null;){const[,n,a]=r;a==="h"&&(t+=parseInt(n,10)*60*60),a==="m"&&(t+=parseInt(n,10)*60),a==="s"&&(t+=parseInt(n,10)),r=X.exec(e)}return t}function It(e){return _e(e,Mt)}function $t(e){return _e(e,At)}function Lt(){return Math.random().toString(36).substr(2,5)}function Nt(e){return Object.keys(e).map(t=>`${t}=${e[t]}`).join("&")}function V(e){return window[e]?window[e]:window.exports&&window.exports[e]?window.exports[e]:window.module&&window.module.exports&&window.module.exports[e]?window.module.exports[e]:null}const O={},Dt=function(t,r,n=null,a=()=>!0,o=xt.default){const y=V(r);return y&&a(y)?Promise.resolve(y):new Promise((f,u)=>{if(O[t]){O[t].push({resolve:f,reject:u});return}O[t]=[{resolve:f,reject:u}];const w=b=>{O[t].forEach(E=>E.resolve(b))};if(n){const b=window[n];window[n]=function(){b&&b(),w(V(r))}}o(t,b=>{b?(O[t].forEach(E=>E.reject(b)),O[t]=null):n||w(V(r))})})};function Ut(e,t){return(0,Ct.default)(t.config,e.config)}function kt(e,...t){const r=[].concat(...t),n={},a=Object.keys(e);for(const o of a)r.indexOf(o)===-1&&(n[o]=e[o]);return n}function Ht(e,...t){if(!this.player||!this.player[e]){let r=`ReactPlayer: ${this.constructor.displayName} player could not call %c${e}%c – `;return this.player?this.player[e]||(r+="The method was not available"):r+="The player was not available",console.warn(r,"font-weight: bold",""),null}return this.player[e](...t)}function zt(e){return typeof window<"u"&&typeof window.MediaStream<"u"&&e instanceof window.MediaStream}function Vt(e){return/^blob:/.test(e)}function qt(e=document.createElement("video")){const t=/iPhone|iPod/.test(navigator.userAgent)===!1;return e.webkitSupportsPresentationMode&&typeof e.webkitSetPresentationMode=="function"&&t}var G=Object.defineProperty,Ft=Object.getOwnPropertyDescriptor,Bt=Object.getOwnPropertyNames,Xt=Object.prototype.hasOwnProperty,Kt=(e,t)=>{for(var r in t)G(e,r,{get:t[r],enumerable:!0})},Wt=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Bt(t))!Xt.call(e,a)&&a!==r&&G(e,a,{get:()=>t[a],enumerable:!(n=Ft(t,a))||n.enumerable});return e},Yt=e=>Wt(G({},"__esModule",{value:!0}),e),me={};Kt(me,{AUDIO_EXTENSIONS:()=>Q,DASH_EXTENSIONS:()=>Re,FLV_EXTENSIONS:()=>Ie,HLS_EXTENSIONS:()=>te,MATCH_URL_DAILYMOTION:()=>Ee,MATCH_URL_FACEBOOK:()=>we,MATCH_URL_FACEBOOK_WATCH:()=>Oe,MATCH_URL_KALTURA:()=>je,MATCH_URL_MIXCLOUD:()=>Me,MATCH_URL_MUX:()=>be,MATCH_URL_SOUNDCLOUD:()=>ge,MATCH_URL_STREAMABLE:()=>Te,MATCH_URL_TWITCH_CHANNEL:()=>Ce,MATCH_URL_TWITCH_VIDEO:()=>xe,MATCH_URL_VIDYARD:()=>Ae,MATCH_URL_VIMEO:()=>ve,MATCH_URL_WISTIA:()=>Se,MATCH_URL_YOUTUBE:()=>K,VIDEO_EXTENSIONS:()=>ee,canPlay:()=>Jt});var Pe=Yt(me),oe=$;const K=/(?:youtu\.be\/|youtube(?:-nocookie|education)?\.com\/(?:embed\/|v\/|watch\/|watch\?v=|watch\?.+&v=|shorts\/|live\/))((\w|-){11})|youtube\.com\/playlist\?list=|youtube\.com\/user\//,ge=/(?:soundcloud\.com|snd\.sc)\/[^.]+$/,ve=/vimeo\.com\/(?!progressive_redirect).+/,be=/stream\.mux\.com\/(?!\w+\.m3u8)(\w+)/,we=/^https?:\/\/(www\.)?facebook\.com.*\/(video(s)?|watch|story)(\.php?|\/).+$/,Oe=/^https?:\/\/fb\.watch\/.+$/,Te=/streamable\.com\/([a-z0-9]+)$/,Se=/(?:wistia\.(?:com|net)|wi\.st)\/(?:medias|embed)\/(?:iframe\/)?([^?]+)/,xe=/(?:www\.|go\.)?twitch\.tv\/videos\/(\d+)($|\?)/,Ce=/(?:www\.|go\.)?twitch\.tv\/([a-zA-Z0-9_]+)($|\?)/,Ee=/^(?:(?:https?):)?(?:\/\/)?(?:www\.)?(?:(?:dailymotion\.com(?:\/embed)?\/video)|dai\.ly)\/([a-zA-Z0-9]+)(?:_[\w_-]+)?(?:[\w.#_-]+)?/,Me=/mixcloud\.com\/([^/]+\/[^/]+)/,Ae=/vidyard.com\/(?:watch\/)?([a-zA-Z0-9-_]+)/,je=/^https?:\/\/[a-zA-Z]+\.kaltura.(com|org)\/p\/([0-9]+)\/sp\/([0-9]+)00\/embedIframeJs\/uiconf_id\/([0-9]+)\/partner_id\/([0-9]+)(.*)entry_id.([a-zA-Z0-9-_].*)$/,Q=/\.(m4a|m4b|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i,ee=/\.(mp4|og[gv]|webm|mov|m4v)(#t=[,\d+]+)?($|\?)/i,te=/\.(m3u8)($|\?)/i,Re=/\.(mpd)($|\?)/i,Ie=/\.(flv)($|\?)/i,W=e=>{if(e instanceof Array){for(const t of e)if(typeof t=="string"&&W(t)||W(t.src))return!0;return!1}return(0,oe.isMediaStream)(e)||(0,oe.isBlobUrl)(e)?!0:Q.test(e)||ee.test(e)||te.test(e)||Re.test(e)||Ie.test(e)},Jt={youtube:e=>e instanceof Array?e.every(t=>K.test(t)):K.test(e),soundcloud:e=>ge.test(e)&&!Q.test(e),vimeo:e=>ve.test(e)&&!ee.test(e)&&!te.test(e),mux:e=>be.test(e),facebook:e=>we.test(e)||Oe.test(e),streamable:e=>Te.test(e),wistia:e=>Se.test(e),twitch:e=>xe.test(e)||Ce.test(e),dailymotion:e=>Ee.test(e),mixcloud:e=>Me.test(e),vidyard:e=>Ae.test(e),kaltura:e=>je.test(e),file:W};var re=Object.defineProperty,Zt=Object.getOwnPropertyDescriptor,Gt=Object.getOwnPropertyNames,Qt=Object.prototype.hasOwnProperty,er=(e,t)=>{for(var r in t)re(e,r,{get:t[r],enumerable:!0})},tr=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Gt(t))!Qt.call(e,a)&&a!==r&&re(e,a,{get:()=>t[a],enumerable:!(n=Zt(t,a))||n.enumerable});return e},rr=e=>tr(re({},"__esModule",{value:!0}),e),$e={};er($e,{default:()=>nr});var ar=rr($e),P=$,_=Pe,nr=[{key:"youtube",name:"YouTube",canPlay:_.canPlay.youtube,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./YouTube-Cfsj4ZaP.cjs")).then(e=>e.YouTube))},{key:"soundcloud",name:"SoundCloud",canPlay:_.canPlay.soundcloud,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./SoundCloud-C86xwUG6.cjs")).then(e=>e.SoundCloud))},{key:"vimeo",name:"Vimeo",canPlay:_.canPlay.vimeo,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Vimeo-8wXdCXGs.cjs")).then(e=>e.Vimeo))},{key:"mux",name:"Mux",canPlay:_.canPlay.mux,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Mux-BgB2a8kM.cjs")).then(e=>e.Mux))},{key:"facebook",name:"Facebook",canPlay:_.canPlay.facebook,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Facebook-D9wwecSW.cjs")).then(e=>e.Facebook))},{key:"streamable",name:"Streamable",canPlay:_.canPlay.streamable,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Streamable-4uAnb3WN.cjs")).then(e=>e.Streamable))},{key:"wistia",name:"Wistia",canPlay:_.canPlay.wistia,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Wistia-BrUzHQoq.cjs")).then(e=>e.Wistia))},{key:"twitch",name:"Twitch",canPlay:_.canPlay.twitch,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Twitch-CVAj24ti.cjs")).then(e=>e.Twitch))},{key:"dailymotion",name:"DailyMotion",canPlay:_.canPlay.dailymotion,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./DailyMotion-BaFUcQKQ.cjs")).then(e=>e.DailyMotion))},{key:"mixcloud",name:"Mixcloud",canPlay:_.canPlay.mixcloud,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Mixcloud-nG_VyBNt.cjs")).then(e=>e.Mixcloud))},{key:"vidyard",name:"Vidyard",canPlay:_.canPlay.vidyard,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Vidyard-DaCcaaH4.cjs")).then(e=>e.Vidyard))},{key:"kaltura",name:"Kaltura",canPlay:_.canPlay.kaltura,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Kaltura-CCdXLzOa.cjs")).then(e=>e.Kaltura))},{key:"file",name:"FilePlayer",canPlay:_.canPlay.file,canEnablePIP:e=>_.canPlay.file(e)&&(document.pictureInPictureEnabled||(0,P.supportsWebKitPresentationMode)())&&!_.AUDIO_EXTENSIONS.test(e),lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./FilePlayer-DB6jnpeC.cjs")).then(e=>e.FilePlayer))}],ie=Number.isNaN||function(t){return typeof t=="number"&&t!==t};function or(e,t){return!!(e===t||ie(e)&&ie(t))}function ir(e,t){if(e.length!==t.length)return!1;for(var r=0;r<e.length;r++)if(!or(e[r],t[r]))return!1;return!0}function sr(e,t){t===void 0&&(t=ir);var r,n=[],a,o=!1;function y(){for(var f=[],u=0;u<arguments.length;u++)f[u]=arguments[u];return o&&r===this&&t(f,n)||(a=e.apply(this,f),o=!0,r=this,n=f),a}return y}const lr=Object.freeze(Object.defineProperty({__proto__:null,default:sr},Symbol.toStringTag,{value:"Module"})),cr=R.getAugmentedNamespace(lr);var ur=Object.create,k=Object.defineProperty,pr=Object.getOwnPropertyDescriptor,dr=Object.getOwnPropertyNames,yr=Object.getPrototypeOf,fr=Object.prototype.hasOwnProperty,hr=(e,t)=>{for(var r in t)k(e,r,{get:t[r],enumerable:!0})},Le=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of dr(t))!fr.call(e,a)&&a!==r&&k(e,a,{get:()=>t[a],enumerable:!(n=pr(t,a))||n.enumerable});return e},_r=(e,t,r)=>(r=e!=null?ur(yr(e)):{},Le(!e||!e.__esModule?k(r,"default",{value:e,enumerable:!0}):r,e)),mr=e=>Le(k({},"__esModule",{value:!0}),e),Ne={};hr(Ne,{defaultProps:()=>vr,propTypes:()=>gr});var De=mr(Ne),Pr=_r(g.propTypesExports);const{string:p,bool:m,number:T,array:q,oneOfType:M,shape:v,object:h,func:c,node:se}=Pr.default,gr={url:M([p,q,h]),playing:m,loop:m,controls:m,volume:T,muted:m,playbackRate:T,width:M([p,T]),height:M([p,T]),style:h,progressInterval:T,playsinline:m,pip:m,stopOnUnmount:m,light:M([m,p,h]),playIcon:se,previewTabIndex:T,previewAriaLabel:p,fallback:se,oEmbedUrl:p,wrapper:M([p,c,v({render:c.isRequired})]),config:v({soundcloud:v({options:h}),youtube:v({playerVars:h,embedOptions:h,onUnstarted:c}),facebook:v({appId:p,version:p,playerId:p,attributes:h}),dailymotion:v({params:h}),vimeo:v({playerOptions:h,title:p}),mux:v({attributes:h,version:p}),file:v({attributes:h,tracks:q,forceVideo:m,forceAudio:m,forceHLS:m,forceSafariHLS:m,forceDisableHls:m,forceDASH:m,forceFLV:m,hlsOptions:h,hlsVersion:p,dashVersion:p,flvVersion:p}),wistia:v({options:h,playerId:p,customControls:q}),mixcloud:v({options:h}),twitch:v({options:h,playerId:p}),vidyard:v({options:h})}),onReady:c,onStart:c,onPlay:c,onPause:c,onBuffer:c,onBufferEnd:c,onEnded:c,onError:c,onDuration:c,onSeek:c,onPlaybackRateChange:c,onPlaybackQualityChange:c,onProgress:c,onClickPreview:c,onEnablePIP:c,onDisablePIP:c},d=()=>{},vr={playing:!1,loop:!1,controls:!1,volume:null,muted:!1,playbackRate:1,width:"640px",height:"360px",style:{},progressInterval:1e3,playsinline:!1,pip:!1,stopOnUnmount:!0,light:!1,fallback:null,wrapper:"div",previewTabIndex:0,previewAriaLabel:"",oEmbedUrl:"https://noembed.com/embed?url={url}",config:{soundcloud:{options:{visual:!0,buying:!1,liking:!1,download:!1,sharing:!1,show_comments:!1,show_playcount:!1}},youtube:{playerVars:{playsinline:1,showinfo:0,rel:0,iv_load_policy:3,modestbranding:1},embedOptions:{},onUnstarted:d},facebook:{appId:"1309697205772819",version:"v3.3",playerId:null,attributes:{}},dailymotion:{params:{api:1,"endscreen-enable":!1}},vimeo:{playerOptions:{autopause:!1,byline:!1,portrait:!1,title:!1},title:null},mux:{attributes:{},version:"2"},file:{attributes:{},tracks:[],forceVideo:!1,forceAudio:!1,forceHLS:!1,forceDASH:!1,forceFLV:!1,hlsOptions:{},hlsVersion:"1.1.4",dashVersion:"3.1.3",flvVersion:"1.5.0",forceDisableHls:!1},wistia:{options:{},playerId:null,customControls:null},mixcloud:{options:{hide_cover:1}},twitch:{options:{},playerId:null},vidyard:{options:{}}},onReady:d,onStart:d,onPlay:d,onPause:d,onBuffer:d,onBufferEnd:d,onEnded:d,onError:d,onDuration:d,onSeek:d,onPlaybackRateChange:d,onPlaybackQualityChange:d,onProgress:d,onClickPreview:d,onEnablePIP:d,onDisablePIP:d};var br=Object.create,L=Object.defineProperty,wr=Object.getOwnPropertyDescriptor,Or=Object.getOwnPropertyNames,Tr=Object.getPrototypeOf,Sr=Object.prototype.hasOwnProperty,xr=(e,t,r)=>t in e?L(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Cr=(e,t)=>{for(var r in t)L(e,r,{get:t[r],enumerable:!0})},Ue=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Or(t))!Sr.call(e,a)&&a!==r&&L(e,a,{get:()=>t[a],enumerable:!(n=wr(t,a))||n.enumerable});return e},ke=(e,t,r)=>(r=e!=null?br(Tr(e)):{},Ue(!e||!e.__esModule?L(r,"default",{value:e,enumerable:!0}):r,e)),Er=e=>Ue(L({},"__esModule",{value:!0}),e),l=(e,t,r)=>(xr(e,typeof t!="symbol"?t+"":t,r),r),He={};Cr(He,{default:()=>H});var Mr=Er(He),le=ke(C),Ar=ke(pe.reactFastCompare),ze=De,jr=$;const Rr=5e3;class H extends le.Component{constructor(){super(...arguments),l(this,"mounted",!1),l(this,"isReady",!1),l(this,"isPlaying",!1),l(this,"isLoading",!0),l(this,"loadOnReady",null),l(this,"startOnPlay",!0),l(this,"seekOnPlay",null),l(this,"onDurationCalled",!1),l(this,"handlePlayerMount",t=>{if(this.player){this.progress();return}this.player=t,this.player.load(this.props.url),this.progress()}),l(this,"getInternalPlayer",t=>this.player?this.player[t]:null),l(this,"progress",()=>{if(this.props.url&&this.player&&this.isReady){const t=this.getCurrentTime()||0,r=this.getSecondsLoaded(),n=this.getDuration();if(n){const a={playedSeconds:t,played:t/n};r!==null&&(a.loadedSeconds=r,a.loaded=r/n),(a.playedSeconds!==this.prevPlayed||a.loadedSeconds!==this.prevLoaded)&&this.props.onProgress(a),this.prevPlayed=a.playedSeconds,this.prevLoaded=a.loadedSeconds}}this.progressTimeout=setTimeout(this.progress,this.props.progressFrequency||this.props.progressInterval)}),l(this,"handleReady",()=>{if(!this.mounted)return;this.isReady=!0,this.isLoading=!1;const{onReady:t,playing:r,volume:n,muted:a}=this.props;t(),!a&&n!==null&&this.player.setVolume(n),this.loadOnReady?(this.player.load(this.loadOnReady,!0),this.loadOnReady=null):r&&this.player.play(),this.handleDurationCheck()}),l(this,"handlePlay",()=>{this.isPlaying=!0,this.isLoading=!1;const{onStart:t,onPlay:r,playbackRate:n}=this.props;this.startOnPlay&&(this.player.setPlaybackRate&&n!==1&&this.player.setPlaybackRate(n),t(),this.startOnPlay=!1),r(),this.seekOnPlay&&(this.seekTo(this.seekOnPlay),this.seekOnPlay=null),this.handleDurationCheck()}),l(this,"handlePause",t=>{this.isPlaying=!1,this.isLoading||this.props.onPause(t)}),l(this,"handleEnded",()=>{const{activePlayer:t,loop:r,onEnded:n}=this.props;t.loopOnEnded&&r&&this.seekTo(0),r||(this.isPlaying=!1,n())}),l(this,"handleError",(...t)=>{this.isLoading=!1,this.props.onError(...t)}),l(this,"handleDurationCheck",()=>{clearTimeout(this.durationCheckTimeout);const t=this.getDuration();t?this.onDurationCalled||(this.props.onDuration(t),this.onDurationCalled=!0):this.durationCheckTimeout=setTimeout(this.handleDurationCheck,100)}),l(this,"handleLoaded",()=>{this.isLoading=!1})}componentDidMount(){this.mounted=!0}componentWillUnmount(){clearTimeout(this.progressTimeout),clearTimeout(this.durationCheckTimeout),this.isReady&&this.props.stopOnUnmount&&(this.player.stop(),this.player.disablePIP&&this.player.disablePIP()),this.mounted=!1}componentDidUpdate(t){if(!this.player)return;const{url:r,playing:n,volume:a,muted:o,playbackRate:y,pip:f,loop:u,activePlayer:w,disableDeferredLoading:b}=this.props;if(!(0,Ar.default)(t.url,r)){if(this.isLoading&&!w.forceLoad&&!b&&!(0,jr.isMediaStream)(r)){console.warn(`ReactPlayer: the attempt to load ${r} is being deferred until the player has loaded`),this.loadOnReady=r;return}this.isLoading=!0,this.startOnPlay=!0,this.onDurationCalled=!1,this.player.load(r,this.isReady)}!t.playing&&n&&!this.isPlaying&&this.player.play(),t.playing&&!n&&this.isPlaying&&this.player.pause(),!t.pip&&f&&this.player.enablePIP&&this.player.enablePIP(),t.pip&&!f&&this.player.disablePIP&&this.player.disablePIP(),t.volume!==a&&a!==null&&this.player.setVolume(a),t.muted!==o&&(o?this.player.mute():(this.player.unmute(),a!==null&&setTimeout(()=>this.player.setVolume(a)))),t.playbackRate!==y&&this.player.setPlaybackRate&&this.player.setPlaybackRate(y),t.loop!==u&&this.player.setLoop&&this.player.setLoop(u)}getDuration(){return this.isReady?this.player.getDuration():null}getCurrentTime(){return this.isReady?this.player.getCurrentTime():null}getSecondsLoaded(){return this.isReady?this.player.getSecondsLoaded():null}seekTo(t,r,n){if(!this.isReady){t!==0&&(this.seekOnPlay=t,setTimeout(()=>{this.seekOnPlay=null},Rr));return}if(r?r==="fraction":t>0&&t<1){const o=this.player.getDuration();if(!o){console.warn("ReactPlayer: could not seek using fraction – duration not yet available");return}this.player.seekTo(o*t,n);return}this.player.seekTo(t,n)}render(){const t=this.props.activePlayer;return t?le.default.createElement(t,{...this.props,onMount:this.handlePlayerMount,onReady:this.handleReady,onPlay:this.handlePlay,onPause:this.handlePause,onEnded:this.handleEnded,onLoaded:this.handleLoaded,onError:this.handleError}):null}}l(H,"displayName","Player");l(H,"propTypes",ze.propTypes);l(H,"defaultProps",ze.defaultProps);var Ir=Object.create,N=Object.defineProperty,$r=Object.getOwnPropertyDescriptor,Lr=Object.getOwnPropertyNames,Nr=Object.getPrototypeOf,Dr=Object.prototype.hasOwnProperty,Ur=(e,t,r)=>t in e?N(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,kr=(e,t)=>{for(var r in t)N(e,r,{get:t[r],enumerable:!0})},Ve=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Lr(t))!Dr.call(e,a)&&a!==r&&N(e,a,{get:()=>t[a],enumerable:!(n=$r(t,a))||n.enumerable});return e},D=(e,t,r)=>(r=e!=null?Ir(Nr(e)):{},Ve(!e||!e.__esModule?N(r,"default",{value:e,enumerable:!0}):r,e)),Hr=e=>Ve(N({},"__esModule",{value:!0}),e),s=(e,t,r)=>(Ur(e,typeof t!="symbol"?t+"":t,r),r),qe={};kr(qe,{createReactPlayer:()=>Yr});var zr=Hr(qe),S=D(C),Vr=D(ye),F=D(cr),ce=D(pe.reactFastCompare),j=De,Fe=$,qr=D(Mr);const Fr=(0,Fe.lazy)(()=>Promise.resolve().then(()=>require("./Preview-B8HyPnfR.cjs")).then(e=>e.Preview)),Br=typeof window<"u"&&window.document&&typeof document<"u",Xr=typeof R.commonjsGlobal<"u"&&R.commonjsGlobal.window&&R.commonjsGlobal.window.document,Kr=Object.keys(j.propTypes),Wr=Br||Xr?S.Suspense:()=>null,A=[],Yr=(e,t)=>{var r;return r=class extends S.Component{constructor(){super(...arguments),s(this,"state",{showPreview:!!this.props.light}),s(this,"references",{wrapper:n=>{this.wrapper=n},player:n=>{this.player=n}}),s(this,"handleClickPreview",n=>{this.setState({showPreview:!1}),this.props.onClickPreview(n)}),s(this,"showPreview",()=>{this.setState({showPreview:!0})}),s(this,"getDuration",()=>this.player?this.player.getDuration():null),s(this,"getCurrentTime",()=>this.player?this.player.getCurrentTime():null),s(this,"getSecondsLoaded",()=>this.player?this.player.getSecondsLoaded():null),s(this,"getInternalPlayer",(n="player")=>this.player?this.player.getInternalPlayer(n):null),s(this,"seekTo",(n,a,o)=>{if(!this.player)return null;this.player.seekTo(n,a,o)}),s(this,"handleReady",()=>{this.props.onReady(this)}),s(this,"getActivePlayer",(0,F.default)(n=>{for(const a of[...A,...e])if(a.canPlay(n))return a;return t||null})),s(this,"getConfig",(0,F.default)((n,a)=>{const{config:o}=this.props;return Vr.default.all([j.defaultProps.config,j.defaultProps.config[a]||{},o,o[a]||{}])})),s(this,"getAttributes",(0,F.default)(n=>(0,Fe.omit)(this.props,Kr))),s(this,"renderActivePlayer",n=>{if(!n)return null;const a=this.getActivePlayer(n);if(!a)return null;const o=this.getConfig(n,a.key);return S.default.createElement(qr.default,{...this.props,key:a.key,ref:this.references.player,config:o,activePlayer:a.lazyPlayer||a,onReady:this.handleReady})})}shouldComponentUpdate(n,a){return!(0,ce.default)(this.props,n)||!(0,ce.default)(this.state,a)}componentDidUpdate(n){const{light:a}=this.props;!n.light&&a&&this.setState({showPreview:!0}),n.light&&!a&&this.setState({showPreview:!1})}renderPreview(n){if(!n)return null;const{light:a,playIcon:o,previewTabIndex:y,oEmbedUrl:f,previewAriaLabel:u}=this.props;return S.default.createElement(Fr,{url:n,light:a,playIcon:o,previewTabIndex:y,previewAriaLabel:u,oEmbedUrl:f,onClick:this.handleClickPreview})}render(){const{url:n,style:a,width:o,height:y,fallback:f,wrapper:u}=this.props,{showPreview:w}=this.state,b=this.getAttributes(n),E=typeof u=="string"?this.references.wrapper:void 0;return S.default.createElement(u,{ref:E,style:{...a,width:o,height:y},...b},S.default.createElement(Wr,{fallback:f},w?this.renderPreview(n):this.renderActivePlayer(n)))}},s(r,"displayName","ReactPlayer"),s(r,"propTypes",j.propTypes),s(r,"defaultProps",j.defaultProps),s(r,"addCustomPlayer",n=>{A.push(n)}),s(r,"removeCustomPlayers",()=>{A.length=0}),s(r,"canPlay",n=>{for(const a of[...A,...e])if(a.canPlay(n))return!0;return!1}),s(r,"canEnablePIP",n=>{for(const a of[...A,...e])if(a.canEnablePIP&&a.canEnablePIP(n))return!0;return!1}),r};var Jr=Object.create,z=Object.defineProperty,Zr=Object.getOwnPropertyDescriptor,Gr=Object.getOwnPropertyNames,Qr=Object.getPrototypeOf,ea=Object.prototype.hasOwnProperty,ta=(e,t)=>{for(var r in t)z(e,r,{get:t[r],enumerable:!0})},Be=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Gr(t))!ea.call(e,a)&&a!==r&&z(e,a,{get:()=>t[a],enumerable:!(n=Zr(t,a))||n.enumerable});return e},ra=(e,t,r)=>(r=e!=null?Jr(Qr(e)):{},Be(!e||!e.__esModule?z(r,"default",{value:e,enumerable:!0}):r,e)),aa=e=>Be(z({},"__esModule",{value:!0}),e),Xe={};ta(Xe,{default:()=>sa});var na=aa(Xe),Y=ra(ar),oa=zr;const ia=Y.default[Y.default.length-1];var sa=(0,oa.createReactPlayer)(Y.default,ia);const la=R.getDefaultExportFromCjs(na),ca="data:image/svg+xml,%3csvg%20width='65'%20height='65'%20viewBox='0%200%2065%2065'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.253906'%20y='0.5'%20width='64'%20height='64'%20rx='32'%20fill='url(%23paint0_linear_59350_95007)'/%3e%3cpath%20d='M21.0039%2047.5001C20.6724%2047.5001%2020.3544%2047.3684%2020.12%2047.134C19.8856%2046.8996%2019.7539%2046.5816%2019.7539%2046.2501V18.7501C19.7539%2018.5329%2019.8105%2018.3194%2019.9181%2018.1307C20.0257%2017.942%2020.1807%2017.7846%2020.3677%2017.674C20.5546%2017.5635%2020.7672%2017.5035%2020.9844%2017.5002C21.2016%2017.4968%2021.4159%2017.55%2021.6063%2017.6547L46.6063%2031.4047C46.8024%2031.5126%2046.966%2031.6711%2047.0799%2031.8638C47.1939%2032.0565%2047.254%2032.2762%2047.254%2032.5C47.254%2032.7239%2047.1939%2032.9436%2047.0799%2033.1363C46.966%2033.3289%2046.8024%2033.4875%2046.6063%2033.5953L21.6063%2047.3453C21.4217%2047.4468%2021.2145%2047.5001%2021.0039%2047.5001Z'%20fill='white'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_59350_95007'%20x1='32.2539'%20y1='64.5'%20x2='32.254'%20y2='0.499999'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FF7621'/%3e%3cstop%20offset='1'%20stop-color='%23FF9706'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e",Ke=({thumbnail:e})=>i.jsxs(tt,{children:[i.jsx("img",{src:e,className:"section__thumbnail",alt:"Thumbnail"}),i.jsx("img",{src:ca,className:"section__play",alt:"Play"})]}),We=C.forwardRef(({video:e,thumbnail:t},r)=>{const n=Qe.useDetectMobile();return i.jsx(la,{url:e,playing:!0,controls:!0,width:n?"100%":"31.25rem",height:n?"100%":"18.75rem",light:!0,playIcon:i.jsx(Ke,{thumbnail:t})})});Ke.propTypes={thumbnail:g.PropTypes.string};We.propTypes={video:g.PropTypes.string,thumbnail:g.PropTypes.string};const ua=J.styled.div`
67
- display: flex;
68
- justify-content: space-between;
69
- align-items: center;
70
-
71
- & .section__left {
72
- display: flex;
73
- flex-direction: column;
74
- gap: 2rem;
75
-
76
- &.search {
77
- gap: 0.75rem;
78
- }
79
-
80
- & .section__title {
81
- color: var(--gray-900, #0c1520);
82
- font-size: 1.75rem;
83
- font-style: normal;
84
- font-weight: 600;
85
- line-height: 2.25rem;
86
- letter-spacing: -0.0369rem;
87
- }
88
-
89
- & .section__text-input {
90
- border-radius: 999px;
91
- height: 3rem;
92
- min-height: 3rem;
93
- border: 1px solid var(--gray-200, #e4e9f0);
94
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
95
- outline: none;
96
-
97
- & input::placeholder {
98
- color: var(--gray-500, #7a8594);
99
- font-size: 0.875rem;
100
- font-style: normal;
101
- font-weight: 400;
102
- line-height: 1.25rem;
103
- letter-spacing: 0.0156rem;
104
- }
105
-
106
- & .section__prefix {
107
- color: var(--gray-500, #7a8594);
108
- }
109
- }
110
-
111
- & .section__description {
112
- color: var(--gray-500, #7a8594);
113
- font-size: 1rem;
114
- font-style: normal;
115
- font-weight: 500;
116
- line-height: 1.5rem;
117
- letter-spacing: -0.0112rem;
118
- }
119
-
120
- & .section__tags {
121
- display: flex;
122
- align-items: center;
123
- gap: 1.25rem;
124
-
125
- & .section__suggested {
126
- color: var(--neutral-900, #0c1520);
127
- font-size: 0.75rem;
128
- font-style: normal;
129
- font-weight: 400;
130
- line-height: 1rem;
131
- letter-spacing: 0.025rem;
132
- }
133
- }
134
- }
135
-
136
- & .section__right {
137
- & video {
138
- border-radius: 1rem;
139
- overflow: hidden;
140
- object-fit: cover;
141
- }
142
- }
143
-
144
- @media (max-width: ${ue.MOBILE_SIZE_PX+"px"}) {
145
- flex-direction: column;
146
- gap: 1.5rem;
147
-
148
- & .section__left {
149
- width: 100%;
150
- text-align: center;
151
-
152
- & .section__suggested {
153
- display: none;
154
- }
155
- }
156
-
157
- & .section__text-input {
158
- width: 100%;
159
- }
160
- }
161
- `,Ye=C.forwardRef(({title:e,description:t,suggestedText:r="Suggested",searchPlaceholderText:n="Search for rules, tempates, forms and more",tags:a=[],includeSearch:o=!1,video:y,thumbnail:f},u)=>i.jsxs(ua,{ref:u,children:[o?i.jsxs("div",{className:"section__left search",children:[i.jsx("div",{children:e&&i.jsx("div",{className:"section__title",children:e})}),i.jsx(Je,{className:"section__text-input",placeholder:n,prefix:i.jsx(Ze,{icon:" mng-lnc-search",sizeInUnits:"1.25rem",className:"section__prefix"}),color:"neutral"}),i.jsxs("div",{className:"section__tags",children:[i.jsx("div",{className:"section__suggested",children:r}),i.jsx(B,{tags:a})]})]}):i.jsxs("div",{className:"section__left",children:[i.jsxs("div",{children:[e&&i.jsx("div",{className:"section__title",children:e}),t&&i.jsx("div",{className:"section__description",children:t})]}),i.jsx("div",{className:"section__tags",children:i.jsx(B,{tags:a})})]}),i.jsx("div",{className:"section__right",children:i.jsx(We,{video:y,thumbnail:f})})]}));Ye.propTypes={title:g.PropTypes.string,description:g.PropTypes.string,suggestedText:g.PropTypes.string,searchPlaceholderText:g.PropTypes.string,tags:g.PropTypes.array,includeSearch:g.PropTypes.bool,video:g.PropTypes.string,thumbnail:g.PropTypes.string};exports.SearchSection=Ye;exports.patterns=Pe;exports.utils=$;
@@ -1,4 +0,0 @@
1
- "use strict";const d=require("react/jsx-runtime"),t=require("react"),l=require("./index-BpbMKBf_.cjs"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./useUpdateEffect-BtMgpgIV.cjs"),m=s=>{const[i,n]=t.useState(!1),e=t.useMemo(()=>new IntersectionObserver(([r])=>n(r.isIntersecting)),[]);return t.useEffect(()=>(e.observe(s.current),()=>{e.disconnect()}),[s,e]),i},I=a.styled.div`
2
- min-height: 1px;
3
- ${s=>s.isHorizontal===!0?"min-width: 1px; width: 1px;":"width: 100%;"}
4
- `,u=t.forwardRef((s,i)=>{const{onIsVisible:n=()=>{},onIsNotVisible:e,isHorizontal:r=!1,className:f=""}=s,o=t.useRef(null),c=m(o);return p.useUpdateEffect(()=>{c?n():e==null||e()},[c]),d.jsx(I,{ref:o,className:`scroller-element ${f}`,isHorizontal:r})});u.propTypes={onIsVisible:l.PropTypes.func,isHorizontal:l.PropTypes.bool};exports.InfiniteScrollEndElement=u;
@@ -1,47 +0,0 @@
1
- import { jsx as f } from "react/jsx-runtime";
2
- import { useState as m, useMemo as a, useEffect as p, forwardRef as u, useRef as d } from "react";
3
- import { P as c } from "./index-CblbdqjE.js";
4
- import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
5
- import { u as b } from "./useUpdateEffect-CuYWz7EA.js";
6
- const w = (s) => {
7
- const [n, t] = m(!1), e = a(
8
- () => new IntersectionObserver(
9
- ([r]) => t(r.isIntersecting)
10
- ),
11
- []
12
- );
13
- return p(() => (e.observe(s.current), () => {
14
- e.disconnect();
15
- }), [s, e]), n;
16
- }, h = I.div`
17
- min-height: 1px;
18
- ${(s) => s.isHorizontal === !0 ? "min-width: 1px; width: 1px;" : "width: 100%;"}
19
- `, v = u((s, n) => {
20
- const {
21
- onIsVisible: t = () => {
22
- },
23
- onIsNotVisible: e,
24
- isHorizontal: r = !1,
25
- className: l = ""
26
- } = s, o = d(null), i = w(o);
27
- return b(() => {
28
- i ? t() : e == null || e();
29
- }, [i]), /* @__PURE__ */ f(
30
- h,
31
- {
32
- ref: o,
33
- className: `scroller-element ${l}`,
34
- isHorizontal: r
35
- }
36
- );
37
- });
38
- v.propTypes = {
39
- onIsVisible: c.func,
40
- /**
41
- * For horizontal scroll InfiniteScrollEndElement has to have some widh otherwise it won't ever be visible and trigger onIsVisible callback
42
- */
43
- isHorizontal: c.bool
44
- };
45
- export {
46
- v as I
47
- };
@@ -1,95 +0,0 @@
1
- "use strict";const l=require("react/jsx-runtime"),n=require("react"),r=require("./index-BpbMKBf_.cjs"),V=require("./FlexBox.cjs"),R=require("./IconButton.cjs"),_=require("./ThemeProvider.cjs"),z=require("./emotion-styled.browser.esm-BtEseadx.cjs"),E=require("./consts-goSZX3xP.cjs"),D=require("./useDetectMobile-zkbzoOGV.cjs"),K=require("./index-Be-_NM9Q.cjs"),O=require("./Button.cjs"),F=require("./Icon.cjs"),G=require("./utils-RnrgDDZP.cjs"),X=z.styled.div`
2
- position: relative;
3
- padding: ${e=>e.padding};
4
-
5
- & button {
6
- white-space: nowrap;
7
- }
8
-
9
- & .badge-button {
10
- ${e=>e.showTimesBtn===!0&&"padding-left: 0.5rem; padding-right: 0.5rem;"}
11
- }
12
-
13
- & .gradient {
14
- position: absolute;
15
- top: 50%;
16
- transform: translate(0, -50%);
17
- z-index: 4;
18
- transition: ${"0.3s"};
19
- right: ${e=>e.noArrows!==!0?"6rem":"0"};
20
- width: 2rem;
21
- background: #fff;
22
- height: 100%;
23
- -webkit-mask-image: linear-gradient(to left, black 10%, transparent 50%);
24
- mask-image: linear-gradient(to left, black 10%, transparent 50%);
25
- }
26
-
27
- & .scrollable-container {
28
- max-width: -webkit-fill-available;
29
- max-width: -moz-available; /* WebKit-based browsers will ignore this. */
30
- max-width: fill-available;
31
-
32
- ${e=>e.rightAlignArrows===!0&&e.noArrows!==!0&&"margin-right: 6rem"};
33
- scroll-behavior: smooth;
34
- overflow: hidden;
35
- -webkit-overflow-scrolling: touch;
36
- ::-webkit-scrollbar {
37
- -webkit-appearance: none;
38
- }
39
- -ms-overflow-style: none;
40
- /* Internet Explorer 10+ */
41
- scrollbar-width: none;
42
- /* Firefox */
43
-
44
- &::-webkit-scrollbar {
45
- display: none;
46
- /* Safari and Chrome */
47
- }
48
-
49
- @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
50
- margin-right: 0;
51
- }
52
- }
53
- & .scroll-arrow-right,
54
- & .scroll-arrow-left {
55
- position: absolute;
56
- top: 50%;
57
- transform: translate(0, -50%);
58
- display: flex;
59
- justify-content: center;
60
- align-items: center;
61
- cursor: pointer;
62
-
63
- visibility: ${e=>e.arrowsVisibleOnHover===!1&&e.hasOverflow?"visible":"hidden"};
64
- z-index: 4;
65
- transition: ${"0.3s"};
66
- }
67
- & .scroll-arrow-right {
68
- ${e=>e.rightAlignArrows===!0?"right: 0":"right: 0.7rem"};
69
- }
70
- & .scroll-arrow-left {
71
- ${e=>e.rightAlignArrows===!0?"right: 2.625rem":"left: 0.7rem"};
72
- }
73
- & .scrollable-container:hover > .scroll-arrow-left,
74
- & .scrollable-container:hover > .scroll-arrow-right {
75
- visibility: ${e=>e.hasOverflow?"visible":"hidden"};
76
- }
77
-
78
- @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
79
- & .scrollable-container {
80
- overflow: auto;
81
- }
82
- & .scroll-arrow-left,
83
- & .scroll-arrow-right {
84
- display: none;
85
- }
86
-
87
- & .gradient {
88
- right: 0;
89
- }
90
-
91
- & .scrollable-container button:nth-of-type(3) {
92
- ${e=>e.noMargin!==!0&&"margin-left: 1rem"};
93
- }
94
- }
95
- `,W=n.forwardRef(({columnGap:e="2rem",rowGap:w="1.25rem",scrollBySize:u=300,wrapForMobile:y=!1,wrap:a=!1,children:p,methodsRef:b,arrowsVisibleOnHover:T=!0,rightAlignArrows:v=!1,padding:f="0",showTimesBtn:h,noArrows:c,noGradient:x=!1,hideDisabledArrows:d=!1,noMargin:g=!1,...P},S)=>{const k=D.useDetectMobile(),{theme:o}=_.useTheme(),[t,j]=n.useState(!1),[m,N]=n.useState(!1),[H,I]=n.useState(!0),s=n.useRef(),q=()=>{var i;(i=s.current)==null||i.scrollBy(u,0)},B=()=>{var i;(i=s.current)==null||i.scrollBy(-u,0)},[$,L]=n.useState(!1);n.useEffect(()=>{var i,A;L(((i=s==null?void 0:s.current)==null?void 0:i.scrollWidth)>((A=s==null?void 0:s.current)==null?void 0:A.clientWidth))},[p]),n.useImperativeHandle(b,()=>({scrollToEnd(){M()},scrollLeft(){B()},scrollRight(){q()}}));const M=()=>{s.current.scrollLeft=s.current.scrollWidth};return l.jsx(X,{ref:S,arrowsVisibleOnHover:T,hasOverflow:$,noArrows:c,padding:f,rightAlignArrows:v,showTimesBtn:h,theme:o,noMargin:g,...P,children:l.jsxs(V,{ref:s,className:"scrollable-container",columnGap:e,rowGap:w,wrap:a||y&&k?"Wrap":"NoWrap",children:[c!==!0&&l.jsxs(l.Fragment,{children:[!(d===!0&&m===!0)&&l.jsx(R,{borderRadius:"curved",btnType:"tinted",className:"scroll-arrow-left",color:"neutral",disabled:m,icon:"angle-left",onClick:B}),!(d===!0&&t===!0)&&l.jsx(R,{borderRadius:"curved",btnType:"tinted",className:"scroll-arrow-right",color:"neutral",disabled:t,icon:"angle-right",onClick:q})]}),l.jsx(K.InfiniteScrollEndElement,{isHorizontal:!0,onIsNotVisible:()=>{m===!0&&N(!1)},onIsVisible:()=>{m===!1&&N(!0)}}),p,l.jsx(K.InfiniteScrollEndElement,{className:"right-scroller",isHorizontal:!0,onIsNotVisible:()=>{t===!0&&j(!1),I(!0)},onIsVisible:()=>{t===!1&&j(!0),I(!1)}}),H&&$&&x!==!0&&l.jsx("div",{className:"gradient"})]})})});W.propTypes={title:r.PropTypes.string,rowGap:r.PropTypes.string,columnGap:r.PropTypes.string,scrollBySize:r.PropTypes.number,wrapForMobile:r.PropTypes.bool,wrap:r.PropTypes.bool,methodsRef:r.PropTypes.any,arrowsVisibleOnHover:r.PropTypes.bool,rightAlignArrows:r.PropTypes.bool,padding:r.PropTypes.string};const C=n.forwardRef((e,w)=>{const{allButton:u=!0,items:y=[],selectedIds:a=[],onSelect:p=()=>{},onRemove:b=()=>{},onSelectAll:T=()=>{},className:v,showTimesBtn:f=!1,labelKey:h="label",valueKey:c="value",codeKey:x="code",uniqueKey:d,typeKey:g,productsToolbarName:P="All",...S}=e,k=(o,t)=>{a!=null&&a.includes(t)?b(o,t):p(o,t)};return l.jsxs(W,{ref:w,arrowsVisibleOnHover:!1,className:v,columnGap:"0.75rem",padding:"0.25rem 0",rightAlignArrows:!0,showTimesBtn:f,...S,children:[u&&l.jsx(O,{borderRadius:"curved",btnType:a.length===0?"filled":"tinted",className:"badge-button",color:"neutral",onClick:T,children:P}),y.map((o,t)=>l.jsxs(O,{borderRadius:"curved",btnType:a.includes(o.uuid)?"filled":"tinted",className:"badge-button",color:"neutral",onClick:()=>k(o,o[c]),children:[G.isDefined(o==null?void 0:o.icon)&&l.jsxs(l.Fragment,{children:[l.jsx("i",{className:o==null?void 0:o.icon})," "]}),o[h],f===!0&&l.jsx(F,{className:"times-btn",icon:"times",sizeInUnits:"0.75rem",onClick:()=>b(o[c],o[h],o[x],d?o[d]:null,g?o[g]:null)})]},t))]})});C.propTypes={allButton:r.PropTypes.bool,items:r.PropTypes.array,selectedIds:r.PropTypes.array,onSelect:r.PropTypes.func,onRemove:r.PropTypes.func,onSelectAll:r.PropTypes.func,className:r.PropTypes.string,showTimesBtn:r.PropTypes.bool,valuKey:r.PropTypes.string,labelKey:r.PropTypes.string,codeKey:r.PropTypes.string};exports.SelectBar=C;