@goodhood-web/nebenan-base 3.4.0-development.8 → 3.4.0-next.1

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 (41) hide show
  1. package/index.d.ts +4 -3
  2. package/index.js +112 -107
  3. package/index.mjs +23237 -21404
  4. package/lib/DesktopLayoutTwoColumn/DesktopLayoutTwoColumn.d.ts +1 -1
  5. package/lib/DesktopLayoutTwoColumn/DesktopLayoutTwoColumn.types.d.ts +1 -1
  6. package/lib/Feed/{GridFeed → Aggregators}/GridFeedAggregator/GridFeedAggregator.types.d.ts +2 -2
  7. package/lib/Feed/Aggregators/GridFeedAggregator/components/FeedDynamicRenderer/FeedDynamicRenderer.types.d.ts +5 -0
  8. package/lib/Feed/{GridFeed → Aggregators}/GridFeedAggregator/components/FeedEmptyStateCard/FeedEmptyStateCard.types.d.ts +1 -1
  9. package/lib/Feed/Feed/Feed.d.ts +3 -0
  10. package/lib/Feed/Feed/Feed.types.d.ts +40 -0
  11. package/lib/Feed/Feed/utils.d.ts +26 -0
  12. package/lib/Feed/FeedItem/Marketplace/MarketplaceDetailPage/MarketplaceDetailPage.d.ts +1 -1
  13. package/lib/Feed/FeedItem/Marketplace/MarketplaceDetailPage/MarketplaceDetailPage.types.d.ts +2 -0
  14. package/lib/Feed/FeedItem/Marketplace/MarketplaceDetailPage/components/MarketplaceContent/MarketplaceContent.d.ts +3 -1
  15. package/lib/Feed/FeedItem/Post/Post.d.ts +6 -0
  16. package/lib/Gallery/Gallery.d.ts +1 -1
  17. package/lib/Gallery/Gallery.types.d.ts +3 -0
  18. package/lib/ImageAttachment/ImageAttachment.d.ts +1 -1
  19. package/lib/ImageAttachment/ImageAttachment.types.d.ts +5 -1
  20. package/lib/ImageAttachment/components/CollageImageAttachment/CollageImageAttachment.d.ts +2 -0
  21. package/lib/ImageAttachment/components/PlaceholderImageAttachment/PlaceholderImageAttachment.d.ts +7 -0
  22. package/lib/ImageAttachment/components/SwiperImageAttachment/SwiperImageAttachment.d.ts +2 -0
  23. package/lib/ImageCropper/ImageCropper.d.ts +1 -1
  24. package/lib/ImageCropper/ImageCropper.types.d.ts +1 -2
  25. package/lib/ImageCropper/util.d.ts +6 -2
  26. package/lib/utils/hooks.d.ts +3 -0
  27. package/package.json +1 -1
  28. package/style.css +1 -9
  29. package/assets/cropper.css +0 -309
  30. package/lib/Feed/GridFeed/GridFeed.d.ts +0 -3
  31. package/lib/Feed/GridFeed/GridFeed.types.d.ts +0 -33
  32. package/lib/Feed/GridFeed/GridFeedAggregator/components/FeedDynamicRenderer/FeedDynamicRenderer.types.d.ts +0 -6
  33. package/lib/Feed/GridFeed/GridFeedDynamicRenderer/GridFeedDynamicRenderer.d.ts +0 -3
  34. package/lib/Feed/GridFeed/GridFeedDynamicRenderer/GridFeedDynamicRenderer.types.d.ts +0 -4
  35. package/lib/Feed/GridFeed/utils.d.ts +0 -7
  36. package/lib/ImageCropper/hooks/useCropper.d.ts +0 -5
  37. /package/lib/Feed/{GridFeed → Aggregators}/GridFeedAggregator/GridFeedAggregator.d.ts +0 -0
  38. /package/lib/Feed/{GridFeed → Aggregators}/GridFeedAggregator/components/FeedDynamicRenderer/FeedDynamicRenderer.d.ts +0 -0
  39. /package/lib/Feed/{GridFeed → Aggregators}/GridFeedAggregator/components/FeedEmptyStateCard/FeedEmptyStateCard.d.ts +0 -0
  40. /package/lib/Feed/{GridFeed → Aggregators}/GridFeedAggregator/components/FeedEmptyStateCard/utils.d.ts +0 -0
  41. /package/lib/Feed/{GridFeed → Aggregators}/GridFeedAggregator/utils.d.ts +0 -0
@@ -1,309 +0,0 @@
1
- /*!
2
- * Cropper.js v1.6.2
3
- * https://fengyuanchen.github.io/cropperjs
4
- *
5
- * Copyright 2015-present Chen Fengyuan
6
- * Released under the MIT license
7
- *
8
- * Date: 2024-04-21T07:43:02.731Z
9
- */
10
-
11
- .cropper-container {
12
- direction: ltr;
13
- font-size: 0;
14
- line-height: 0;
15
- position: relative;
16
- -ms-touch-action: none;
17
- touch-action: none;
18
- -webkit-touch-callout: none;
19
- -webkit-user-select: none;
20
- -moz-user-select: none;
21
- -ms-user-select: none;
22
- user-select: none;
23
- }
24
-
25
- .cropper-container img {
26
- backface-visibility: hidden;
27
- display: block;
28
- height: 100%;
29
- image-orientation: 0deg;
30
- max-height: none !important;
31
- max-width: none !important;
32
- min-height: 0 !important;
33
- min-width: 0 !important;
34
- width: 100%;
35
- }
36
-
37
- .cropper-wrap-box,
38
- .cropper-canvas,
39
- .cropper-drag-box,
40
- .cropper-crop-box,
41
- .cropper-modal {
42
- bottom: 0;
43
- left: 0;
44
- position: absolute;
45
- right: 0;
46
- top: 0;
47
- }
48
-
49
- .cropper-wrap-box,
50
- .cropper-canvas {
51
- overflow: hidden;
52
- }
53
-
54
- .cropper-drag-box {
55
- background-color: #fff;
56
- opacity: 0;
57
- }
58
-
59
- .cropper-modal {
60
- background-color: #000;
61
- opacity: 0.5;
62
- }
63
-
64
- .cropper-view-box {
65
- display: block;
66
- height: 100%;
67
- outline: 1px solid #39f;
68
- outline-color: rgba(51, 153, 255, 0.75);
69
- overflow: hidden;
70
- width: 100%;
71
- }
72
-
73
- .cropper-dashed {
74
- border: 0 dashed #eee;
75
- display: block;
76
- opacity: 0.5;
77
- position: absolute;
78
- }
79
-
80
- .cropper-dashed.dashed-h {
81
- border-bottom-width: 1px;
82
- border-top-width: 1px;
83
- height: calc(100% / 3);
84
- left: 0;
85
- top: calc(100% / 3);
86
- width: 100%;
87
- }
88
-
89
- .cropper-dashed.dashed-v {
90
- border-left-width: 1px;
91
- border-right-width: 1px;
92
- height: 100%;
93
- left: calc(100% / 3);
94
- top: 0;
95
- width: calc(100% / 3);
96
- }
97
-
98
- .cropper-center {
99
- display: block;
100
- height: 0;
101
- left: 50%;
102
- opacity: 0.75;
103
- position: absolute;
104
- top: 50%;
105
- width: 0;
106
- }
107
-
108
- .cropper-center::before,
109
- .cropper-center::after {
110
- background-color: #eee;
111
- content: ' ';
112
- display: block;
113
- position: absolute;
114
- }
115
-
116
- .cropper-center::before {
117
- height: 1px;
118
- left: -3px;
119
- top: 0;
120
- width: 7px;
121
- }
122
-
123
- .cropper-center::after {
124
- height: 7px;
125
- left: 0;
126
- top: -3px;
127
- width: 1px;
128
- }
129
-
130
- .cropper-face,
131
- .cropper-line,
132
- .cropper-point {
133
- display: block;
134
- height: 100%;
135
- opacity: 0.1;
136
- position: absolute;
137
- width: 100%;
138
- }
139
-
140
- .cropper-face {
141
- background-color: #fff;
142
- left: 0;
143
- top: 0;
144
- }
145
-
146
- .cropper-line {
147
- background-color: #39f;
148
- }
149
-
150
- .cropper-line.line-e {
151
- cursor: ew-resize;
152
- right: -3px;
153
- top: 0;
154
- width: 5px;
155
- }
156
-
157
- .cropper-line.line-n {
158
- cursor: ns-resize;
159
- height: 5px;
160
- left: 0;
161
- top: -3px;
162
- }
163
-
164
- .cropper-line.line-w {
165
- cursor: ew-resize;
166
- left: -3px;
167
- top: 0;
168
- width: 5px;
169
- }
170
-
171
- .cropper-line.line-s {
172
- bottom: -3px;
173
- cursor: ns-resize;
174
- height: 5px;
175
- left: 0;
176
- }
177
-
178
- .cropper-point {
179
- background-color: #39f;
180
- height: 5px;
181
- opacity: 0.75;
182
- width: 5px;
183
- }
184
-
185
- .cropper-point.point-e {
186
- cursor: ew-resize;
187
- margin-top: -3px;
188
- right: -3px;
189
- top: 50%;
190
- }
191
-
192
- .cropper-point.point-n {
193
- cursor: ns-resize;
194
- left: 50%;
195
- margin-left: -3px;
196
- top: -3px;
197
- }
198
-
199
- .cropper-point.point-w {
200
- cursor: ew-resize;
201
- left: -3px;
202
- margin-top: -3px;
203
- top: 50%;
204
- }
205
-
206
- .cropper-point.point-s {
207
- bottom: -3px;
208
- cursor: s-resize;
209
- left: 50%;
210
- margin-left: -3px;
211
- }
212
-
213
- .cropper-point.point-ne {
214
- cursor: nesw-resize;
215
- right: -3px;
216
- top: -3px;
217
- }
218
-
219
- .cropper-point.point-nw {
220
- cursor: nwse-resize;
221
- left: -3px;
222
- top: -3px;
223
- }
224
-
225
- .cropper-point.point-sw {
226
- bottom: -3px;
227
- cursor: nesw-resize;
228
- left: -3px;
229
- }
230
-
231
- .cropper-point.point-se {
232
- bottom: -3px;
233
- cursor: nwse-resize;
234
- height: 20px;
235
- opacity: 1;
236
- right: -3px;
237
- width: 20px;
238
- }
239
-
240
- @media (min-width: 768px) {
241
-
242
- .cropper-point.point-se {
243
- height: 15px;
244
- width: 15px;
245
- }
246
- }
247
-
248
- @media (min-width: 992px) {
249
-
250
- .cropper-point.point-se {
251
- height: 10px;
252
- width: 10px;
253
- }
254
- }
255
-
256
- @media (min-width: 1200px) {
257
-
258
- .cropper-point.point-se {
259
- height: 5px;
260
- opacity: 0.75;
261
- width: 5px;
262
- }
263
- }
264
-
265
- .cropper-point.point-se::before {
266
- background-color: #39f;
267
- bottom: -50%;
268
- content: ' ';
269
- display: block;
270
- height: 200%;
271
- opacity: 0;
272
- position: absolute;
273
- right: -50%;
274
- width: 200%;
275
- }
276
-
277
- .cropper-invisible {
278
- opacity: 0;
279
- }
280
-
281
- .cropper-bg {
282
- background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
283
- }
284
-
285
- .cropper-hide {
286
- display: block;
287
- height: 0;
288
- position: absolute;
289
- width: 0;
290
- }
291
-
292
- .cropper-hidden {
293
- display: none !important;
294
- }
295
-
296
- .cropper-move {
297
- cursor: move;
298
- }
299
-
300
- .cropper-crop {
301
- cursor: crosshair;
302
- }
303
-
304
- .cropper-disabled .cropper-drag-box,
305
- .cropper-disabled .cropper-face,
306
- .cropper-disabled .cropper-line,
307
- .cropper-disabled .cropper-point {
308
- cursor: not-allowed;
309
- }
@@ -1,3 +0,0 @@
1
- import { GridFeedProps } from './GridFeed.types';
2
- declare const GridFeed: ({ ads, feedItems, feedType, items }: GridFeedProps) => import("react/jsx-runtime").JSX.Element | null;
3
- export default GridFeed;
@@ -1,33 +0,0 @@
1
- import { NewsFeedHoodMessage } from '../../../../../api/src/lib/core';
2
- import { MarketplaceItemCardlessTypes } from '../FeedItem/Marketplace/MarketplaceItemCardless/MarketplaceItemCardless.types';
3
- export declare const GridFeedTypeEnum: {
4
- readonly event: "event";
5
- readonly feed: "feed";
6
- readonly group: "group";
7
- readonly marketplace: "marketplace";
8
- readonly post: "post";
9
- };
10
- export interface FeedItems {
11
- [key: number]: NewsFeedHoodMessage & {
12
- is_bookmarked: boolean;
13
- };
14
- }
15
- declare const ALLOWED_POSITIONS: readonly [0, 1, 2, 3, 4, 5];
16
- type Position = (typeof ALLOWED_POSITIONS)[number];
17
- export interface AdItem {
18
- block: number;
19
- content: React.ReactNode;
20
- id: string;
21
- position?: Position;
22
- type?: string;
23
- }
24
- export interface GridFeedProps {
25
- ads?: AdItem[];
26
- feedItems: FeedItems;
27
- feedType: keyof typeof GridFeedTypeEnum;
28
- items: number[];
29
- }
30
- export type ChunkItem = number | AdItem;
31
- export type ResultType = Array<ChunkItem[] | AdItem>;
32
- export type GridFeedMarketplaceItem = MarketplaceItemCardlessTypes | AdItem;
33
- export {};
@@ -1,6 +0,0 @@
1
- import { MarketplaceItemCardlessTypes } from '../../../../FeedItem/Marketplace/MarketplaceItemCardless/MarketplaceItemCardless.types';
2
- import { AdItem, GridFeedProps } from '../../../GridFeed.types';
3
- export interface FeedDynamicRendererProps {
4
- feedType: GridFeedProps['feedType'];
5
- item: MarketplaceItemCardlessTypes | AdItem;
6
- }
@@ -1,3 +0,0 @@
1
- import { GridFeedDynamicRendererProps } from './GridFeedDynamicRenderer.types';
2
- declare const GridFeedDynamicRenderer: ({ feedItem, feedItems, feedType, }: GridFeedDynamicRendererProps) => import("react/jsx-runtime").JSX.Element | null;
3
- export default GridFeedDynamicRenderer;
@@ -1,4 +0,0 @@
1
- import { ChunkItem, GridFeedProps } from '../GridFeed.types';
2
- export type GridFeedDynamicRendererProps = Pick<GridFeedProps, 'feedItems' | 'feedType'> & {
3
- feedItem: ChunkItem[];
4
- };
@@ -1,7 +0,0 @@
1
- import { AdItem, ChunkItem, FeedItems, GridFeedMarketplaceItem, ResultType } from './GridFeed.types';
2
- export declare const splitIntoChunks: (items: ChunkItem[], // The main array of items (numbers or ads)
3
- ads?: AdItem[], // The list of ads to be inserted into chunks
4
- chunkSize?: number) => ResultType;
5
- export declare const formatCurrency: (cents: number | null) => string;
6
- export declare const getItems: (feeds: ChunkItem[], feedItems: FeedItems) => GridFeedMarketplaceItem[];
7
- export declare const getLang: <T>(lang: Record<string, T>, selectedLang?: string) => T;
@@ -1,5 +0,0 @@
1
- import { ReactCropperElement } from 'react-cropper';
2
- export declare const useCropper: (minCropWidth?: number, minCropHeight?: number) => {
3
- cropperRef: import('react').MutableRefObject<ReactCropperElement | null>;
4
- enforceMinCropSize: () => void;
5
- };