@goodhood-web/nebenan-base 3.4.0-development.9 → 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 (38) hide show
  1. package/index.d.ts +4 -3
  2. package/index.js +111 -106
  3. package/index.mjs +23246 -21417
  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/Post/Post.d.ts +6 -0
  13. package/lib/Gallery/Gallery.d.ts +1 -1
  14. package/lib/Gallery/Gallery.types.d.ts +3 -0
  15. package/lib/ImageAttachment/ImageAttachment.d.ts +1 -1
  16. package/lib/ImageAttachment/ImageAttachment.types.d.ts +5 -1
  17. package/lib/ImageAttachment/components/CollageImageAttachment/CollageImageAttachment.d.ts +2 -0
  18. package/lib/ImageAttachment/components/PlaceholderImageAttachment/PlaceholderImageAttachment.d.ts +7 -0
  19. package/lib/ImageAttachment/components/SwiperImageAttachment/SwiperImageAttachment.d.ts +2 -0
  20. package/lib/ImageCropper/ImageCropper.d.ts +1 -1
  21. package/lib/ImageCropper/ImageCropper.types.d.ts +1 -2
  22. package/lib/ImageCropper/util.d.ts +6 -2
  23. package/lib/utils/hooks.d.ts +3 -0
  24. package/package.json +1 -1
  25. package/style.css +1 -9
  26. package/assets/cropper.css +0 -309
  27. package/lib/Feed/GridFeed/GridFeed.d.ts +0 -3
  28. package/lib/Feed/GridFeed/GridFeed.types.d.ts +0 -33
  29. package/lib/Feed/GridFeed/GridFeedAggregator/components/FeedDynamicRenderer/FeedDynamicRenderer.types.d.ts +0 -6
  30. package/lib/Feed/GridFeed/GridFeedDynamicRenderer/GridFeedDynamicRenderer.d.ts +0 -3
  31. package/lib/Feed/GridFeed/GridFeedDynamicRenderer/GridFeedDynamicRenderer.types.d.ts +0 -4
  32. package/lib/Feed/GridFeed/utils.d.ts +0 -7
  33. package/lib/ImageCropper/hooks/useCropper.d.ts +0 -5
  34. /package/lib/Feed/{GridFeed → Aggregators}/GridFeedAggregator/GridFeedAggregator.d.ts +0 -0
  35. /package/lib/Feed/{GridFeed → Aggregators}/GridFeedAggregator/components/FeedDynamicRenderer/FeedDynamicRenderer.d.ts +0 -0
  36. /package/lib/Feed/{GridFeed → Aggregators}/GridFeedAggregator/components/FeedEmptyStateCard/FeedEmptyStateCard.d.ts +0 -0
  37. /package/lib/Feed/{GridFeed → Aggregators}/GridFeedAggregator/components/FeedEmptyStateCard/utils.d.ts +0 -0
  38. /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
- };