thread-ui 0.14.0 → 0.14.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/content-display/carousel/carousel-context.d.ts +5 -1
- package/dist/components/content-display/carousel/carousel.d.ts +1 -1
- package/dist/components/content-display/carousel/carousel.js +3 -2
- package/dist/components/content-display/carousel/carousel.js.map +1 -1
- package/dist/components/content-display/carousel/carousel.types.d.ts +3 -3
- package/dist/components/content-display/carousel/components/carousel-header.js +2 -2
- package/dist/components/content-display/carousel/components/carousel-header.js.map +1 -1
- package/dist/components/content-display/gallery/gallery-context.d.ts +2 -1
- package/dist/components/content-display/gallery/gallery.js +1 -1
- package/dist/components/content-display/gallery/gallery.js.map +1 -1
- package/dist/components/content-display/tab-view/tab-view-context.d.ts +2 -1
- package/dist/components/content-display/tab-view/tab-view.js +1 -1
- package/dist/components/content-display/tab-view/tab-view.js.map +1 -1
- package/dist/utils/context/create-stateful-component-context/create-stateful-component-context.d.ts +3 -1
- package/dist/utils/context/create-stateful-component-context/create-stateful-component-context.js +22 -2
- package/dist/utils/context/create-stateful-component-context/create-stateful-component-context.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/content-display/gallery/components/gallery-header.d.ts +0 -1
- package/dist/components/content-display/gallery/components/gallery-header.js +0 -19
- package/dist/components/content-display/gallery/components/gallery-header.js.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CarouselEmblaContext } from './carousel.types';
|
|
2
2
|
export declare const CarouselProvider: {
|
|
3
|
-
({ initialValue, children, }: {
|
|
3
|
+
({ initialValue, syncedKeys, children, }: {
|
|
4
4
|
initialValue: {
|
|
5
5
|
title?: (string | import("react").ReactElement<{
|
|
6
6
|
align?: "left" | "center" | undefined;
|
|
@@ -38,6 +38,7 @@ export declare const CarouselProvider: {
|
|
|
38
38
|
color?: import("../../..").ColoredTextOptions | undefined;
|
|
39
39
|
subtitle?: import("react").ReactNode;
|
|
40
40
|
}) => import("react/jsx-runtime").JSX.Element)>) | undefined;
|
|
41
|
+
description?: string | undefined;
|
|
41
42
|
subtitle?: string | undefined;
|
|
42
43
|
mdCols: import("../..").MediumColumnOptions;
|
|
43
44
|
lgCols: import("../..").LargeColumnOptions;
|
|
@@ -50,6 +51,7 @@ export declare const CarouselProvider: {
|
|
|
50
51
|
controlsPosition: import("./carousel.types").CarouselControlsPosition;
|
|
51
52
|
ItemWrapper: import("react").ComponentClass<any, any> | import("react").FunctionComponent<any>;
|
|
52
53
|
};
|
|
54
|
+
syncedKeys?: ("title" | "items" | "description" | "subtitle" | "mdCols" | "controlsPosition" | "lgCols" | "itemOrder" | "ItemWrapper")[] | undefined;
|
|
53
55
|
children: import("react").ReactNode;
|
|
54
56
|
}): import("react/jsx-runtime").JSX.Element;
|
|
55
57
|
displayName: string;
|
|
@@ -91,6 +93,7 @@ export declare const CarouselProvider: {
|
|
|
91
93
|
color?: import("../../..").ColoredTextOptions | undefined;
|
|
92
94
|
subtitle?: import("react").ReactNode;
|
|
93
95
|
}) => import("react/jsx-runtime").JSX.Element)>) | undefined;
|
|
96
|
+
description?: string | undefined;
|
|
94
97
|
subtitle?: string | undefined;
|
|
95
98
|
mdCols: import("../..").MediumColumnOptions;
|
|
96
99
|
lgCols: import("../..").LargeColumnOptions;
|
|
@@ -140,6 +143,7 @@ export declare const CarouselProvider: {
|
|
|
140
143
|
color?: import("../../..").ColoredTextOptions | undefined;
|
|
141
144
|
subtitle?: import("react").ReactNode;
|
|
142
145
|
}) => import("react/jsx-runtime").JSX.Element)>) | undefined;
|
|
146
|
+
description?: string | undefined;
|
|
143
147
|
subtitle?: string | undefined;
|
|
144
148
|
mdCols: import("../..").MediumColumnOptions;
|
|
145
149
|
lgCols: import("../..").LargeColumnOptions;
|
|
@@ -15,4 +15,4 @@ import { CarouselProps } from './carousel.types';
|
|
|
15
15
|
* />
|
|
16
16
|
* ```
|
|
17
17
|
*/
|
|
18
|
-
export declare const Carousel: ({ title, subtitle, items: itemList, controlsPosition, mdCols, lgCols, itemWrapper, }: CarouselProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
18
|
+
export declare const Carousel: ({ title, subtitle, description, items: itemList, controlsPosition, mdCols, lgCols, itemWrapper, }: CarouselProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -34,7 +34,7 @@ const resolveItemWrapper = (option) => {
|
|
|
34
34
|
* />
|
|
35
35
|
* ```
|
|
36
36
|
*/
|
|
37
|
-
export const Carousel = ({ title, subtitle, items: itemList, controlsPosition = 'above', mdCols, lgCols, itemWrapper = 'card', }) => {
|
|
37
|
+
export const Carousel = ({ title, subtitle, description, items: itemList, controlsPosition = 'above', mdCols, lgCols, itemWrapper = 'card', }) => {
|
|
38
38
|
// Embla Config
|
|
39
39
|
const [emblaRef, emblaApi] = useEmblaCarousel();
|
|
40
40
|
const [selectedIndex, setSelectedIndex] = useState(0);
|
|
@@ -64,6 +64,7 @@ export const Carousel = ({ title, subtitle, items: itemList, controlsPosition =
|
|
|
64
64
|
return {
|
|
65
65
|
title,
|
|
66
66
|
subtitle,
|
|
67
|
+
description,
|
|
67
68
|
items,
|
|
68
69
|
itemOrder,
|
|
69
70
|
ItemWrapper: resolveItemWrapper(itemWrapper),
|
|
@@ -81,6 +82,6 @@ export const Carousel = ({ title, subtitle, items: itemList, controlsPosition =
|
|
|
81
82
|
}), [emblaRef, emblaApi, selectedIndex, canScrollPrev, canScrollNext]);
|
|
82
83
|
if (!itemList.length)
|
|
83
84
|
return null;
|
|
84
|
-
return (_jsx(CarouselProvider, { initialValue: initialState, children: _jsx(CarouselEmblaProvider, { value: emblaValue, children: _jsx(CarouselContent, {}) }) }));
|
|
85
|
+
return (_jsx(CarouselProvider, { syncedKeys: ['title', 'subtitle', 'description', 'items'], initialValue: initialState, children: _jsx(CarouselEmblaProvider, { value: emblaValue, children: _jsx(CarouselContent, {}) }) }));
|
|
85
86
|
};
|
|
86
87
|
//# sourceMappingURL=carousel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../../src/components/content-display/carousel/carousel.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../../src/components/content-display/carousel/carousel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { Prettify } from '../../../types';
|
|
|
3
3
|
import { EmblaViewportRefType } from 'embla-carousel-react';
|
|
4
4
|
import { EmblaCarouselType } from 'embla-carousel';
|
|
5
5
|
import { LargeColumnOptions, MediumColumnOptions } from '../../../components';
|
|
6
|
-
import {
|
|
6
|
+
import { ContentHeading } from '../../../internal-components';
|
|
7
7
|
export type CarouselControlsPosition = 'above' | 'around' | 'below' | 'none';
|
|
8
8
|
/** A single pane consumed and displayed by the `Carousel` component */
|
|
9
9
|
export type CarouselItem = {
|
|
@@ -18,7 +18,7 @@ type InternalCarouselItem = Prettify<CarouselItem & {
|
|
|
18
18
|
}>;
|
|
19
19
|
type ItemWrapperComponent = ComponentType<any>;
|
|
20
20
|
export type ItemWrapperOptions = 'none' | 'card' | 'cardFrame' | ItemWrapperComponent;
|
|
21
|
-
export type CarouselProps = Prettify<
|
|
21
|
+
export type CarouselProps = Prettify<ContentHeading & {
|
|
22
22
|
/** Items to render, in display order */
|
|
23
23
|
items: CarouselItem[];
|
|
24
24
|
/** Location to Render Controls @default 'around' */
|
|
@@ -30,7 +30,7 @@ export type CarouselProps = Prettify<ContentTitle & {
|
|
|
30
30
|
/** Number of Columns in Large Viewport */
|
|
31
31
|
lgCols?: LargeColumnOptions;
|
|
32
32
|
}>;
|
|
33
|
-
export type CarouselState = Prettify<Pick<CarouselProps, 'title' | 'subtitle' | 'mdCols'> & Required<Pick<CarouselProps, 'lgCols'>> & {
|
|
33
|
+
export type CarouselState = Prettify<Pick<CarouselProps, 'title' | 'subtitle' | 'description' | 'mdCols'> & Required<Pick<CarouselProps, 'lgCols'>> & {
|
|
34
34
|
items: Record<CarouselItemId, InternalCarouselItem>;
|
|
35
35
|
itemOrder: CarouselItemId[];
|
|
36
36
|
controlsPosition: CarouselControlsPosition;
|
|
@@ -10,8 +10,8 @@ const styles = {
|
|
|
10
10
|
}),
|
|
11
11
|
};
|
|
12
12
|
export const CarouselHeader = () => {
|
|
13
|
-
const { value: { controlsPosition, title, subtitle }, } = useCarouselContext();
|
|
13
|
+
const { value: { controlsPosition, title, subtitle, description }, } = useCarouselContext();
|
|
14
14
|
const headerControls = controlsPosition === 'above' ? _jsx(CarouselControls, {}) : undefined;
|
|
15
|
-
return (_jsx(ContentHeader, { className: styles.titleBlock, title: title, subtitle: subtitle, secondaryContent: headerControls }));
|
|
15
|
+
return (_jsx(ContentHeader, { className: styles.titleBlock, title: title, subtitle: subtitle, description: description, secondaryContent: headerControls }));
|
|
16
16
|
};
|
|
17
17
|
//# sourceMappingURL=carousel-header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel-header.js","sourceRoot":"","sources":["../../../../../src/components/content-display/carousel/components/carousel-header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,MAAM,GAAG;IACd,UAAU,EAAE,GAAG,CAAC;QACf,YAAY,EAAE,GAAG;KACjB,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IAClC,MAAM,EACL,KAAK,EAAE,EAAE,gBAAgB,EAAE,KAAK,EAAE,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"carousel-header.js","sourceRoot":"","sources":["../../../../../src/components/content-display/carousel/components/carousel-header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,MAAM,GAAG;IACd,UAAU,EAAE,GAAG,CAAC;QACf,YAAY,EAAE,GAAG;KACjB,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IAClC,MAAM,EACL,KAAK,EAAE,EAAE,gBAAgB,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,GACzD,GAAG,kBAAkB,EAAE,CAAC;IAEzB,MAAM,cAAc,GAAG,gBAAgB,KAAK,OAAO,CAAC,CAAC,CAAC,KAAC,gBAAgB,KAAG,CAAC,CAAC,CAAC,SAAS,CAAC;IAEvF,OAAO,CACN,KAAC,aAAa,IACb,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,cAAc,GAC/B,CACF,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { GalleryEmblaContext } from './gallery.types';
|
|
2
2
|
export declare const GalleryProvider: {
|
|
3
|
-
({ initialValue, children, }: {
|
|
3
|
+
({ initialValue, syncedKeys, children, }: {
|
|
4
4
|
initialValue: {
|
|
5
5
|
title?: (string | import("react").ReactElement<{
|
|
6
6
|
align?: "left" | "center" | undefined;
|
|
@@ -49,6 +49,7 @@ export declare const GalleryProvider: {
|
|
|
49
49
|
ItemWrapper: import("react").ComponentType<any> | undefined;
|
|
50
50
|
itemOrder: import("./gallery.types").GalleryItemId[];
|
|
51
51
|
};
|
|
52
|
+
syncedKeys?: ("title" | "size" | "items" | "appearance" | "subtitle" | "itemOrder" | "ItemWrapper" | "variableWidths")[] | undefined;
|
|
52
53
|
children: import("react").ReactNode;
|
|
53
54
|
}): import("react/jsx-runtime").JSX.Element;
|
|
54
55
|
displayName: string;
|
|
@@ -79,6 +79,6 @@ export const Gallery = ({ title, subtitle, items: itemList, itemWrapper, size =
|
|
|
79
79
|
onTrackItemClick,
|
|
80
80
|
selectedIndex,
|
|
81
81
|
]);
|
|
82
|
-
return (_jsx(GalleryProvider, { initialValue: initialState, children: _jsx(GalleryEmblaProvider, { value: emblaValue, children: _jsx(GalleryContent, {}) }) }));
|
|
82
|
+
return (_jsx(GalleryProvider, { syncedKeys: ['title', 'subtitle', 'items'], initialValue: initialState, children: _jsx(GalleryEmblaProvider, { value: emblaValue, children: _jsx(GalleryContent, {}) }) }));
|
|
83
83
|
};
|
|
84
84
|
//# sourceMappingURL=gallery.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gallery.js","sourceRoot":"","sources":["../../../../src/components/content-display/gallery/gallery.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"gallery.js","sourceRoot":"","sources":["../../../../src/components/content-display/gallery/gallery.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAEpE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,QAAQ,EACf,WAAW,EACX,IAAI,GAAG,IAAI,EACX,UAAU,GAAG,QAAQ,EACrB,UAAU,GAAG,CAAC,EACd,cAAc,GAAG,KAAK,GACR,EAAE,EAAE;IAClB,MAAM,CAAC,eAAe,EAAE,eAAe,CAAC,GAAG,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC;IAC5E,MAAM,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,GAAG,gBAAgB,CAC9D;QACC,UAAU;QACV,aAAa,EAAE,WAAW;QAC1B,QAAQ,EAAE,IAAI;KACd,EACD,CAAC,mBAAmB,EAAE,CAAC,CACvB,CAAC;IAEF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;IAE/D,MAAM,gBAAgB,GAAG,WAAW,CACnC,CAAC,KAAa,EAAE,EAAE;QACjB,IAAI,CAAC,eAAe,IAAI,CAAC,iBAAiB;YAAE,OAAO;QACnD,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,eAAe,EAAE,iBAAiB,CAAC,CACpC,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,eAAe,IAAI,CAAC,iBAAiB;YAAE,OAAO;QACnD,gBAAgB,CAAC,eAAe,CAAC,kBAAkB,EAAE,CAAC,CAAC;QACvD,iBAAiB,CAAC,QAAQ,CAAC,eAAe,CAAC,kBAAkB,EAAE,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,eAAe,EAAE,iBAAiB,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,eAAe;YAAE,OAAO;QAC7B,QAAQ,EAAE,CAAC;QAEX,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEhC,MAAM,eAAe,GAAG,OAAO,CAC9B,GAAG,EAAE,CACJ,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QAC9B,OAAO,EAAE,IAAI;QACb,EAAE,EAAE,KAAK;KACT,CAAC,CAAC,EACJ,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,MAAM,YAAY,GAAiB,OAAO,CAAC,GAAG,EAAE;QAC/C,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,CAC/B,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CACrB,CAAC;QAE3B,MAAM,SAAS,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAEzD,OAAO;YACN,KAAK;YACL,QAAQ;YACR,KAAK;YACL,SAAS;YACT,WAAW,EAAE,WAAW;YACxB,IAAI;YACJ,UAAU;YACV,cAAc;SACd,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnC,MAAM,UAAU,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,CAAC;QACN,eAAe;QACf,eAAe;QACf,iBAAiB;QACjB,iBAAiB;QACjB,gBAAgB;QAChB,aAAa;KACb,CAAC,EACF;QACC,eAAe;QACf,eAAe;QACf,iBAAiB;QACjB,iBAAiB;QACjB,gBAAgB;QAChB,aAAa;KACb,CACD,CAAC;IAEF,OAAO,CACN,KAAC,eAAe,IAAC,UAAU,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,EAAE,YAAY,EAAE,YAAY,YACtF,KAAC,oBAAoB,IAAC,KAAK,EAAE,UAAU,YACtC,KAAC,cAAc,KAAG,GACI,GACN,CAClB,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const TabViewProvider: {
|
|
2
|
-
({ initialValue, children, }: {
|
|
2
|
+
({ initialValue, syncedKeys, children, }: {
|
|
3
3
|
initialValue: {
|
|
4
4
|
title?: import("react").ReactNode;
|
|
5
5
|
showDivider?: boolean | undefined;
|
|
@@ -11,6 +11,7 @@ export declare const TabViewProvider: {
|
|
|
11
11
|
activeItemId: import("./tab-view.types").TabItemId;
|
|
12
12
|
unmountInactive: boolean;
|
|
13
13
|
};
|
|
14
|
+
syncedKeys?: ("title" | "items" | "itemOrder" | "showDivider" | "cardStyles" | "unmountInactive" | "activeItemId")[] | undefined;
|
|
14
15
|
children: import("react").ReactNode;
|
|
15
16
|
}): import("react/jsx-runtime").JSX.Element;
|
|
16
17
|
displayName: string;
|
|
@@ -36,6 +36,6 @@ export const TabView = ({ items: itemList, cardStyles = 'surface', unmountInacti
|
|
|
36
36
|
cardStyles,
|
|
37
37
|
showDivider,
|
|
38
38
|
};
|
|
39
|
-
return (_jsx(TabViewProvider, { initialValue: initialValue, children: _jsx(TabViewContent, {}) }));
|
|
39
|
+
return (_jsx(TabViewProvider, { syncedKeys: ['title', 'items'], initialValue: initialValue, children: _jsx(TabViewContent, {}) }));
|
|
40
40
|
};
|
|
41
41
|
//# sourceMappingURL=tab-view.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-view.js","sourceRoot":"","sources":["../../../../src/components/content-display/tab-view/tab-view.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACvB,KAAK,EAAE,QAAQ,EACf,UAAU,GAAG,SAAS,EACtB,eAAe,GAAG,KAAK,EACvB,WAAW,GAAG,KAAK,EACnB,KAAK,GACS,EAAE,EAAE;IAClB,IAAI,CAAC,QAAQ,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAClC,MAAM,eAAe,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QACtD,GAAG,IAAI;QACP,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC;KACjB,CAAC,CAAC,CAAC;IACJ,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,CAC/B,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CACrB,CAAC;IAC3B,MAAM,SAAS,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACzD,MAAM,YAAY,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3C,MAAM,YAAY,GAAiB;QAClC,KAAK;QACL,KAAK;QACL,SAAS;QACT,YAAY;QACZ,eAAe;QACf,UAAU;QACV,WAAW;KACX,CAAC;IACF,OAAO,CACN,KAAC,eAAe,IAAC,YAAY,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"tab-view.js","sourceRoot":"","sources":["../../../../src/components/content-display/tab-view/tab-view.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACvB,KAAK,EAAE,QAAQ,EACf,UAAU,GAAG,SAAS,EACtB,eAAe,GAAG,KAAK,EACvB,WAAW,GAAG,KAAK,EACnB,KAAK,GACS,EAAE,EAAE;IAClB,IAAI,CAAC,QAAQ,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAClC,MAAM,eAAe,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QACtD,GAAG,IAAI;QACP,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC;KACjB,CAAC,CAAC,CAAC;IACJ,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,CAC/B,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CACrB,CAAC;IAC3B,MAAM,SAAS,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACzD,MAAM,YAAY,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3C,MAAM,YAAY,GAAiB;QAClC,KAAK;QACL,KAAK;QACL,SAAS;QACT,YAAY;QACZ,eAAe;QACf,UAAU;QACV,WAAW;KACX,CAAC;IACF,OAAO,CACN,KAAC,eAAe,IAAC,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,YAAY,EAAE,YAAY,YAC1E,KAAC,cAAc,KAAG,GACD,CAClB,CAAC;AACH,CAAC,CAAC"}
|
package/dist/utils/context/create-stateful-component-context/create-stateful-component-context.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { type Dispatch, type SetStateAction, type ReactNode } from 'react';
|
|
2
2
|
export declare const createStatefulComponentContext: <T>(displayName: string) => readonly [{
|
|
3
|
-
({ initialValue, children, }: {
|
|
3
|
+
({ initialValue, syncedKeys, children, }: {
|
|
4
4
|
initialValue: T;
|
|
5
|
+
/** Keys from initialValue to keep in sync when their values change in the parent. */
|
|
6
|
+
syncedKeys?: (keyof T)[];
|
|
5
7
|
children: ReactNode;
|
|
6
8
|
}): import("react/jsx-runtime").JSX.Element;
|
|
7
9
|
displayName: string;
|
package/dist/utils/context/create-stateful-component-context/create-stateful-component-context.js
CHANGED
|
@@ -1,11 +1,31 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { createContext, useContext, useState, useMemo, } from 'react';
|
|
3
|
+
import { createContext, useContext, useState, useEffect, useRef, useMemo, } from 'react';
|
|
4
4
|
export const createStatefulComponentContext = (displayName) => {
|
|
5
5
|
const Context = createContext(undefined);
|
|
6
6
|
Context.displayName = displayName;
|
|
7
|
-
function StatefulProvider({ initialValue, children, }) {
|
|
7
|
+
function StatefulProvider({ initialValue, syncedKeys, children, }) {
|
|
8
8
|
const [value, setValue] = useState(initialValue);
|
|
9
|
+
const prevSyncedRef = useRef({});
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
if (!syncedKeys)
|
|
12
|
+
return;
|
|
13
|
+
const changed = syncedKeys.some((k) => initialValue[k] !== prevSyncedRef.current[k]);
|
|
14
|
+
if (changed) {
|
|
15
|
+
setValue((prev) => {
|
|
16
|
+
const next = { ...prev };
|
|
17
|
+
for (const key of syncedKeys) {
|
|
18
|
+
next[key] = initialValue[key];
|
|
19
|
+
}
|
|
20
|
+
return next;
|
|
21
|
+
});
|
|
22
|
+
const snapshot = {};
|
|
23
|
+
for (const key of syncedKeys) {
|
|
24
|
+
snapshot[key] = initialValue[key];
|
|
25
|
+
}
|
|
26
|
+
prevSyncedRef.current = snapshot;
|
|
27
|
+
}
|
|
28
|
+
});
|
|
9
29
|
const ctxValue = useMemo(() => ({ value, setValue }), [value]);
|
|
10
30
|
return _jsx(Context.Provider, { value: ctxValue, children: children });
|
|
11
31
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create-stateful-component-context.js","sourceRoot":"","sources":["../../../../src/utils/context/create-stateful-component-context/create-stateful-component-context.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EACN,aAAa,EACb,UAAU,EACV,QAAQ,EACR,OAAO,GAIP,MAAM,OAAO,CAAC;AAEf,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAK,WAAmB,EAAE,EAAE;IAMzE,MAAM,OAAO,GAAG,aAAa,CAA2B,SAAS,CAAC,CAAC;IACnE,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC;IAElC,SAAS,gBAAgB,CAAC,EACzB,YAAY,EACZ,QAAQ,
|
|
1
|
+
{"version":3,"file":"create-stateful-component-context.js","sourceRoot":"","sources":["../../../../src/utils/context/create-stateful-component-context/create-stateful-component-context.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EACN,aAAa,EACb,UAAU,EACV,QAAQ,EACR,SAAS,EACT,MAAM,EACN,OAAO,GAIP,MAAM,OAAO,CAAC;AAEf,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAK,WAAmB,EAAE,EAAE;IAMzE,MAAM,OAAO,GAAG,aAAa,CAA2B,SAAS,CAAC,CAAC;IACnE,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC;IAElC,SAAS,gBAAgB,CAAC,EACzB,YAAY,EACZ,UAAU,EACV,QAAQ,GAMR;QACA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,YAAY,CAAC,CAAC;QACpD,MAAM,aAAa,GAAG,MAAM,CAAa,EAAE,CAAC,CAAC;QAE7C,SAAS,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,UAAU;gBAAE,OAAO;YAExB,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;YAErF,IAAI,OAAO,EAAE,CAAC;gBACb,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE;oBACjB,MAAM,IAAI,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC;oBACzB,KAAK,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;wBAC9B,IAAI,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;oBAC/B,CAAC;oBACD,OAAO,IAAI,CAAC;gBACb,CAAC,CAAC,CAAC;gBAEH,MAAM,QAAQ,GAAe,EAAE,CAAC;gBAChC,KAAK,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;oBAC9B,QAAQ,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;gBACnC,CAAC;gBACD,aAAa,CAAC,OAAO,GAAG,QAAQ,CAAC;YAClC,CAAC;QACF,CAAC,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QAC/D,OAAO,KAAC,OAAO,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YAAG,QAAQ,GAAoB,CAAC;IACzE,CAAC;IAED,gBAAgB,CAAC,WAAW,GAAG,GAAG,WAAW,UAAU,CAAC;IAExD,SAAS,2BAA2B;QACnC,MAAM,GAAG,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;QAChC,IAAI,CAAC,GAAG;YAAE,MAAM,IAAI,KAAK,CAAC,MAAM,WAAW,0BAA0B,WAAW,UAAU,CAAC,CAAC;QAC5F,OAAO,GAAG,CAAC;IACZ,CAAC;IAED,OAAO,CAAC,gBAAgB,EAAE,2BAA2B,CAAU,CAAC;AACjE,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const GalleryHeader: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { css } from '../../../../styled-system/css';
|
|
4
|
-
import { useGalleryContext } from '../gallery-context';
|
|
5
|
-
import { H2 } from '../../../../components/typography';
|
|
6
|
-
const styles = {
|
|
7
|
-
container: css({
|
|
8
|
-
display: 'flex',
|
|
9
|
-
width: '100%',
|
|
10
|
-
flexDirection: 'row',
|
|
11
|
-
justifyContent: 'space-between',
|
|
12
|
-
}),
|
|
13
|
-
};
|
|
14
|
-
export const GalleryHeader = () => {
|
|
15
|
-
const { value: { title }, } = useGalleryContext();
|
|
16
|
-
const titleDisplay = typeof title === 'string' ? _jsx(H2, { inline: true, children: title }) : title;
|
|
17
|
-
return _jsx("div", { className: styles.container, children: title && titleDisplay });
|
|
18
|
-
};
|
|
19
|
-
//# sourceMappingURL=gallery-header.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"gallery-header.js","sourceRoot":"","sources":["../../../../../src/components/content-display/gallery/components/gallery-header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAE7C,MAAM,MAAM,GAAG;IACd,SAAS,EAAE,GAAG,CAAC;QACd,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,MAAM;QACb,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;KAC/B,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IACjC,MAAM,EACL,KAAK,EAAE,EAAE,KAAK,EAAE,GAChB,GAAG,iBAAiB,EAAE,CAAC;IAExB,MAAM,YAAY,GAAc,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAC,EAAE,IAAC,MAAM,kBAAE,KAAK,GAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IAE5F,OAAO,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,KAAK,IAAI,YAAY,GAAO,CAAC;AACxE,CAAC,CAAC"}
|