@pixelated-tech/components 3.5.5 → 3.5.6
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/README.md +1 -0
- package/dist/components/cms/smartimage.js +45 -37
- package/dist/components/general/modal.js +1 -1
- package/dist/components/seo/faq-accordion.js +12 -4
- package/dist/types/components/cms/smartimage.d.ts +2 -3
- package/dist/types/components/cms/smartimage.d.ts.map +1 -1
- package/dist/types/components/general/modal.d.ts.map +1 -1
- package/dist/types/components/seo/faq-accordion.d.ts +1 -1
- package/dist/types/components/seo/faq-accordion.d.ts.map +1 -1
- package/dist/types/stories/general/smartimage.stories.d.ts +7 -10
- package/dist/types/stories/general/smartimage.stories.d.ts.map +1 -1
- package/dist/types/stories/seo/seo.faq-accordion.stories.d.ts +65 -0
- package/dist/types/stories/seo/seo.faq-accordion.stories.d.ts.map +1 -0
- package/dist/types/tests/faq-accordion.test.d.ts +2 -0
- package/dist/types/tests/faq-accordion.test.d.ts.map +1 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -181,6 +181,7 @@ Components for development, configuration, and site building:
|
|
|
181
181
|
### SEO & Schema
|
|
182
182
|
Search engine optimization and structured data:
|
|
183
183
|
- **404** - Custom 404 error page component
|
|
184
|
+
- **FAQAccordion** - Interactive FAQ component with schema.org markup and search
|
|
184
185
|
- **GoogleAnalytics** - Google Analytics integration
|
|
185
186
|
- **GoogleMap** - Interactive Google Maps component
|
|
186
187
|
- **GoogleSearch** - Google Custom Search integration
|
|
@@ -37,14 +37,17 @@ function generateSrcSet(src, productEnv, widths, opts) {
|
|
|
37
37
|
cloudinaryDomain: opts.cloudinaryDomain
|
|
38
38
|
})} ${w}w`).join(', ');
|
|
39
39
|
}
|
|
40
|
-
|
|
40
|
+
SmartImage.propTypes = {
|
|
41
41
|
cloudinaryEnv: PropTypes.string,
|
|
42
42
|
cloudinaryDomain: PropTypes.string,
|
|
43
43
|
cloudinaryTransforms: PropTypes.string,
|
|
44
|
+
// shared props
|
|
44
45
|
src: PropTypes.string.isRequired,
|
|
45
46
|
alt: PropTypes.string.isRequired,
|
|
46
|
-
width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
47
|
-
height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
47
|
+
// width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
48
|
+
// height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
49
|
+
width: PropTypes.number,
|
|
50
|
+
height: PropTypes.number,
|
|
48
51
|
aboveFold: PropTypes.bool,
|
|
49
52
|
loading: PropTypes.oneOf(['lazy', 'eager']),
|
|
50
53
|
preload: PropTypes.bool,
|
|
@@ -59,74 +62,80 @@ const SMARTIMAGE_PROP_TYPES = {
|
|
|
59
62
|
title: PropTypes.string,
|
|
60
63
|
quality: PropTypes.number,
|
|
61
64
|
placeholder: PropTypes.oneOf(['blur', 'empty']),
|
|
62
|
-
blurDataURL: PropTypes.string,
|
|
63
65
|
variant: PropTypes.oneOf(['cloudinary', 'nextjs', 'img']),
|
|
64
66
|
};
|
|
65
|
-
SmartImage.propTypes = SMARTIMAGE_PROP_TYPES;
|
|
66
67
|
export function SmartImage(props) {
|
|
67
|
-
const { src, alt, id, name, title, cloudinaryEnv, cloudinaryDomain = CLOUDINARY_DOMAIN, cloudinaryTransforms = CLOUDINARY_TRANSFORMS, quality = 75, width = 500, height = 500, aboveFold = false, fetchPriority = 'auto', loading = 'lazy', decoding = 'async', preload = false, variant = 'cloudinary', ...imgProps } = props;
|
|
68
|
-
const newProps = { ...props };
|
|
69
68
|
const config = usePixelatedConfig();
|
|
70
69
|
const cloudCfg = config?.cloudinary;
|
|
71
|
-
|
|
72
|
-
newProps
|
|
73
|
-
newProps.
|
|
74
|
-
newProps.
|
|
75
|
-
newProps.
|
|
76
|
-
newProps.
|
|
77
|
-
newProps.
|
|
78
|
-
newProps.
|
|
79
|
-
newProps.
|
|
80
|
-
newProps.
|
|
81
|
-
newProps.
|
|
82
|
-
newProps.
|
|
83
|
-
newProps.
|
|
84
|
-
newProps.
|
|
70
|
+
const variant = props.variant || 'cloudinary';
|
|
71
|
+
const newProps = { ...props };
|
|
72
|
+
newProps.cloudinaryEnv = safeString(props.cloudinaryEnv ?? cloudCfg?.product_env);
|
|
73
|
+
newProps.cloudinaryDomain = safeString(cloudCfg?.baseUrl ?? CLOUDINARY_DOMAIN);
|
|
74
|
+
newProps.cloudinaryTransforms = safeString(CLOUDINARY_TRANSFORMS ?? cloudCfg?.transforms);
|
|
75
|
+
newProps.fetchPriority = props.aboveFold ? 'high' : 'auto';
|
|
76
|
+
newProps.loading = props.aboveFold ? 'eager' : 'lazy';
|
|
77
|
+
newProps.decoding = props.aboveFold ? 'sync' : 'async';
|
|
78
|
+
newProps.preload = props.aboveFold ? true : props.preload || false;
|
|
79
|
+
newProps.src = safeString(props.src) ?? props.src ?? undefined;
|
|
80
|
+
newProps.id = safeString(props.id);
|
|
81
|
+
newProps.name = safeString(props.name);
|
|
82
|
+
newProps.title = safeString(props.title);
|
|
83
|
+
newProps.alt = safeString(props.alt) ?? '';
|
|
84
|
+
newProps.width = parseNumber(props.width ?? 500);
|
|
85
|
+
newProps.height = parseNumber(props.height ?? 500);
|
|
86
|
+
newProps.quality = parseNumber(props.quality ?? 75);
|
|
85
87
|
const filename = (newProps.src).split('/').pop()?.split('?')[0] || '';
|
|
86
88
|
const imageName = filename.replace(/\.[^.]+$/, '');
|
|
87
89
|
newProps.id = newProps.id || newProps.name || sanitizeString(newProps.title) || sanitizeString(newProps.alt) || sanitizeString(imageName);
|
|
88
90
|
newProps.name = newProps.name || newProps.id || sanitizeString(newProps.title) || sanitizeString(newProps.alt) || sanitizeString(imageName);
|
|
89
91
|
newProps.title = newProps.title || newProps.alt || sanitizeString(imageName);
|
|
90
|
-
|
|
92
|
+
newProps.src = String(newProps.src);
|
|
91
93
|
/* ===== CLOUDINARY VARIANT ===== */
|
|
92
|
-
let responsiveSrcSet;
|
|
93
|
-
let responsiveSizes;
|
|
94
94
|
if (variant === 'cloudinary' && newProps.cloudinaryEnv) {
|
|
95
|
-
|
|
95
|
+
newProps.src = buildCloudinaryUrl({
|
|
96
96
|
src: newProps.src,
|
|
97
97
|
productEnv: newProps.cloudinaryEnv,
|
|
98
98
|
cloudinaryDomain: newProps.cloudinaryDomain,
|
|
99
|
-
quality,
|
|
99
|
+
quality: newProps.quality,
|
|
100
100
|
width: newProps.width ?? undefined,
|
|
101
101
|
transforms: newProps.cloudinaryTransforms ?? undefined
|
|
102
102
|
});
|
|
103
103
|
if (newProps.width) {
|
|
104
104
|
const widths = [Math.ceil(newProps.width * 0.5), newProps.width, Math.ceil(newProps.width * 1.5), Math.ceil(newProps.width * 2)];
|
|
105
|
-
|
|
106
|
-
quality,
|
|
105
|
+
newProps.srcSet = generateSrcSet(String(newProps.src), newProps.cloudinaryEnv, widths, {
|
|
106
|
+
quality: newProps.quality,
|
|
107
107
|
transforms: newProps.cloudinaryTransforms ?? undefined,
|
|
108
108
|
cloudinaryDomain: newProps.cloudinaryDomain
|
|
109
109
|
});
|
|
110
|
-
|
|
110
|
+
newProps.sizes = `${newProps.width}px`;
|
|
111
111
|
}
|
|
112
112
|
else {
|
|
113
113
|
const breakpoints = [320, 640, 768, 1024, 1280, 1536];
|
|
114
|
-
|
|
115
|
-
quality,
|
|
114
|
+
newProps.srcSet = generateSrcSet(String(newProps.src), newProps.cloudinaryEnv, breakpoints, {
|
|
115
|
+
quality: newProps.quality,
|
|
116
116
|
transforms: newProps.cloudinaryTransforms ?? undefined,
|
|
117
117
|
cloudinaryDomain: newProps.cloudinaryDomain
|
|
118
118
|
});
|
|
119
|
-
|
|
119
|
+
newProps.sizes = '(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw';
|
|
120
120
|
}
|
|
121
121
|
}
|
|
122
122
|
/* ===== NEXTJS VARIANT ===== */
|
|
123
123
|
/* variant is not cloudinary and not img (ie nextjs)
|
|
124
124
|
or variant is cloudinary and no cloudinaryEnv */
|
|
125
|
-
|
|
126
|
-
|
|
125
|
+
if (newProps.alt === '') {
|
|
126
|
+
newProps['aria-hidden'] = true;
|
|
127
|
+
newProps.role = 'presentation';
|
|
128
|
+
}
|
|
129
|
+
;
|
|
130
|
+
/* clean up props */
|
|
131
|
+
delete newProps.variant;
|
|
132
|
+
delete newProps.aboveFold;
|
|
133
|
+
delete newProps.cloudinaryEnv;
|
|
134
|
+
delete newProps.cloudinaryDomain;
|
|
135
|
+
delete newProps.cloudinaryTransforms;
|
|
127
136
|
if (variant !== 'img') {
|
|
128
137
|
try {
|
|
129
|
-
return (_jsx(Image, { ...
|
|
138
|
+
return (_jsx(Image, { ...newProps, src: newProps.src, alt: newProps.alt }));
|
|
130
139
|
}
|
|
131
140
|
catch (e) {
|
|
132
141
|
if (typeof console !== 'undefined')
|
|
@@ -134,6 +143,5 @@ export function SmartImage(props) {
|
|
|
134
143
|
}
|
|
135
144
|
}
|
|
136
145
|
/* ===== IMG VARIANT ===== */
|
|
137
|
-
|
|
138
|
-
return (_jsx("img", { ...imgProps, ...decorativeProps, ref: imgRef, src: finalSrc, alt: newProps.alt, id: newProps.id, name: newProps.name, title: newProps.title, width: newProps.width, height: newProps.height, srcSet: responsiveSrcSet || imgProps.srcSet, sizes: imgProps.sizes || responsiveSizes, fetchPriority: newProps.fetchPriority, loading: newProps.loading, decoding: newProps.decoding }));
|
|
146
|
+
return (_jsx("img", { ...newProps, ref: React.useRef(null), alt: newProps.alt }));
|
|
139
147
|
}
|
|
@@ -81,7 +81,7 @@ export function Modal({ modalContent, modalID, isOpen = false, handleCloseEvent
|
|
|
81
81
|
handleCloseEvent();
|
|
82
82
|
}
|
|
83
83
|
} : undefined;
|
|
84
|
-
return (_jsx("div", { id: myModalID, className: "modal", style: { display: isOpen ? 'block' : 'none' }, ref: modalRef, onClick: handleModalClick, onKeyDown: handleModalKeyDown, tabIndex: -1, "aria-label": "Modal overlay", children: _jsxs("div", { className: "modal-content", role: "dialog", "aria-modal": "true", children: [_jsx("button", { id: myModalCloseID, className: "modal-close", "aria-label": "Close modal", onClick: handleCloseClick, onKeyDown: handleCloseKeyDown, type: "button", children: "\u00D7" }), modalContent] }) }));
|
|
84
|
+
return (_jsx("div", { id: myModalID, className: "modal", style: { display: isOpen ? 'block' : 'none' }, ref: modalRef, onClick: handleModalClick, onKeyDown: handleModalKeyDown, tabIndex: -1, role: "presentation", "aria-label": "Modal overlay", children: _jsxs("div", { className: "modal-content", role: "dialog", "aria-modal": "true", children: [_jsx("button", { id: myModalCloseID, className: "modal-close", "aria-label": "Close modal", onClick: handleCloseClick, onKeyDown: handleCloseKeyDown, type: "button", children: "\u00D7" }), modalContent] }) }));
|
|
85
85
|
}
|
|
86
86
|
export const handleModalOpen = (event, modalID) => {
|
|
87
87
|
const myModalID = "myModal" + (modalID ?? '');
|
|
@@ -18,7 +18,10 @@ FAQAccordion.propTypes = {
|
|
|
18
18
|
name: PropTypes.string,
|
|
19
19
|
category: PropTypes.string,
|
|
20
20
|
acceptedAnswer: PropTypes.shape({
|
|
21
|
-
text: PropTypes.
|
|
21
|
+
text: PropTypes.oneOfType([
|
|
22
|
+
PropTypes.string,
|
|
23
|
+
PropTypes.arrayOf(PropTypes.string)
|
|
24
|
+
]),
|
|
22
25
|
}),
|
|
23
26
|
})),
|
|
24
27
|
}).isRequired,
|
|
@@ -31,8 +34,13 @@ export function FAQAccordion({ faqsData }) {
|
|
|
31
34
|
return [];
|
|
32
35
|
if (!searchTerm)
|
|
33
36
|
return faqsData.mainEntity;
|
|
34
|
-
return faqsData.mainEntity.filter((faq) =>
|
|
35
|
-
faq.acceptedAnswer.text
|
|
37
|
+
return faqsData.mainEntity.filter((faq) => {
|
|
38
|
+
const answerText = Array.isArray(faq.acceptedAnswer.text)
|
|
39
|
+
? faq.acceptedAnswer.text.join(' ')
|
|
40
|
+
: faq.acceptedAnswer.text;
|
|
41
|
+
return faq.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
|
|
42
|
+
answerText.toLowerCase().includes(searchTerm.toLowerCase());
|
|
43
|
+
});
|
|
36
44
|
}, [faqsData.mainEntity, searchTerm]);
|
|
37
45
|
const expandAll = () => {
|
|
38
46
|
setExpandedStates(expandedStates.map(() => true));
|
|
@@ -45,7 +53,7 @@ export function FAQAccordion({ faqsData }) {
|
|
|
45
53
|
};
|
|
46
54
|
// Transform FAQ data to Accordion format
|
|
47
55
|
const accordionItems = filteredFaqs.map((faq, index) => {
|
|
48
|
-
const content = _jsx("div", { dangerouslySetInnerHTML: { __html: faq.acceptedAnswer.text } });
|
|
56
|
+
const content = Array.isArray(faq.acceptedAnswer.text) ? (_jsx("div", { children: faq.acceptedAnswer.text.map((paragraph, pIndex) => (_jsx("p", { dangerouslySetInnerHTML: { __html: paragraph } }, pIndex))) })) : (_jsx("div", { dangerouslySetInnerHTML: { __html: faq.acceptedAnswer.text } }));
|
|
49
57
|
return {
|
|
50
58
|
title: `${categoryIcons[faq.category] || '❓'} ${faq.name}`,
|
|
51
59
|
content,
|
|
@@ -9,8 +9,8 @@ export declare namespace SmartImage {
|
|
|
9
9
|
cloudinaryTransforms: PropTypes.Requireable<string>;
|
|
10
10
|
src: PropTypes.Validator<string>;
|
|
11
11
|
alt: PropTypes.Validator<string>;
|
|
12
|
-
width: PropTypes.Requireable<
|
|
13
|
-
height: PropTypes.Requireable<
|
|
12
|
+
width: PropTypes.Requireable<number>;
|
|
13
|
+
height: PropTypes.Requireable<number>;
|
|
14
14
|
aboveFold: PropTypes.Requireable<boolean>;
|
|
15
15
|
loading: PropTypes.Requireable<string>;
|
|
16
16
|
preload: PropTypes.Requireable<boolean>;
|
|
@@ -25,7 +25,6 @@ export declare namespace SmartImage {
|
|
|
25
25
|
title: PropTypes.Requireable<string>;
|
|
26
26
|
quality: PropTypes.Requireable<number>;
|
|
27
27
|
placeholder: PropTypes.Requireable<string>;
|
|
28
|
-
blurDataURL: PropTypes.Requireable<string>;
|
|
29
28
|
variant: PropTypes.Requireable<string>;
|
|
30
29
|
};
|
|
31
30
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"smartimage.d.ts","sourceRoot":"","sources":["../../../../src/components/cms/smartimage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"smartimage.d.ts","sourceRoot":"","sources":["../../../../src/components/cms/smartimage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AA0EnD,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;AACjH,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,2CAwG/C;yBAxGe,UAAU"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/components/general/modal.tsx"],"names":[],"mappings":"AAGA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,aAAa,CAAC;AAYrB,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,SAAS,CAAC,CAAC;AAC3D,wBAAgB,KAAK,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,MAAc,EAAE,gBAAgB,EAAE,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/components/general/modal.tsx"],"names":[],"mappings":"AAGA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,aAAa,CAAC;AAYrB,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,SAAS,CAAC,CAAC;AAC3D,wBAAgB,KAAK,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,MAAc,EAAE,gBAAgB,EAAE,EAAE,SAAS,2CA8F3F;yBA9Fe,KAAK;;;;;;;;AAgGrB,eAAO,MAAM,eAAe,GAAI,OAAO,UAAU,EAAE,UAAU,MAAM,SAKlE,CAAC"}
|
|
@@ -9,7 +9,7 @@ export declare namespace FAQAccordion {
|
|
|
9
9
|
name: PropTypes.Requireable<string>;
|
|
10
10
|
category: PropTypes.Requireable<string>;
|
|
11
11
|
acceptedAnswer: PropTypes.Requireable<PropTypes.InferProps<{
|
|
12
|
-
text: PropTypes.Requireable<string
|
|
12
|
+
text: PropTypes.Requireable<NonNullable<string | (string | null | undefined)[] | null | undefined>>;
|
|
13
13
|
}>>;
|
|
14
14
|
}> | null | undefined)[]>;
|
|
15
15
|
}>>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"faq-accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/seo/faq-accordion.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAEnD,OAAO,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"faq-accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/seo/faq-accordion.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAEnD,OAAO,qBAAqB,CAAC;AA8B7B,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,SAAS,CAAC,CAAC;AACzE,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAsF1D;yBAtFe,YAAY"}
|
|
@@ -65,8 +65,8 @@ export declare const SmartImagePlayground: {
|
|
|
65
65
|
cloudinaryTransforms: import("prop-types").Requireable<string>;
|
|
66
66
|
src: import("prop-types").Validator<string>;
|
|
67
67
|
alt: import("prop-types").Validator<string>;
|
|
68
|
-
width: import("prop-types").Requireable<
|
|
69
|
-
height: import("prop-types").Requireable<
|
|
68
|
+
width: import("prop-types").Requireable<number>;
|
|
69
|
+
height: import("prop-types").Requireable<number>;
|
|
70
70
|
aboveFold: import("prop-types").Requireable<boolean>;
|
|
71
71
|
loading: import("prop-types").Requireable<string>;
|
|
72
72
|
preload: import("prop-types").Requireable<boolean>;
|
|
@@ -81,7 +81,6 @@ export declare const SmartImagePlayground: {
|
|
|
81
81
|
title: import("prop-types").Requireable<string>;
|
|
82
82
|
quality: import("prop-types").Requireable<number>;
|
|
83
83
|
placeholder: import("prop-types").Requireable<string>;
|
|
84
|
-
blurDataURL: import("prop-types").Requireable<string>;
|
|
85
84
|
variant: import("prop-types").Requireable<string>;
|
|
86
85
|
}, import("prop-types").RequiredKeys<{
|
|
87
86
|
cloudinaryEnv: import("prop-types").Requireable<string>;
|
|
@@ -89,8 +88,8 @@ export declare const SmartImagePlayground: {
|
|
|
89
88
|
cloudinaryTransforms: import("prop-types").Requireable<string>;
|
|
90
89
|
src: import("prop-types").Validator<string>;
|
|
91
90
|
alt: import("prop-types").Validator<string>;
|
|
92
|
-
width: import("prop-types").Requireable<
|
|
93
|
-
height: import("prop-types").Requireable<
|
|
91
|
+
width: import("prop-types").Requireable<number>;
|
|
92
|
+
height: import("prop-types").Requireable<number>;
|
|
94
93
|
aboveFold: import("prop-types").Requireable<boolean>;
|
|
95
94
|
loading: import("prop-types").Requireable<string>;
|
|
96
95
|
preload: import("prop-types").Requireable<boolean>;
|
|
@@ -105,7 +104,6 @@ export declare const SmartImagePlayground: {
|
|
|
105
104
|
title: import("prop-types").Requireable<string>;
|
|
106
105
|
quality: import("prop-types").Requireable<number>;
|
|
107
106
|
placeholder: import("prop-types").Requireable<string>;
|
|
108
|
-
blurDataURL: import("prop-types").Requireable<string>;
|
|
109
107
|
variant: import("prop-types").Requireable<string>;
|
|
110
108
|
}>>> & Partial<import("prop-types").InferPropsInner<Pick<{
|
|
111
109
|
cloudinaryEnv: import("prop-types").Requireable<string>;
|
|
@@ -113,8 +111,8 @@ export declare const SmartImagePlayground: {
|
|
|
113
111
|
cloudinaryTransforms: import("prop-types").Requireable<string>;
|
|
114
112
|
src: import("prop-types").Validator<string>;
|
|
115
113
|
alt: import("prop-types").Validator<string>;
|
|
116
|
-
width: import("prop-types").Requireable<
|
|
117
|
-
height: import("prop-types").Requireable<
|
|
114
|
+
width: import("prop-types").Requireable<number>;
|
|
115
|
+
height: import("prop-types").Requireable<number>;
|
|
118
116
|
aboveFold: import("prop-types").Requireable<boolean>;
|
|
119
117
|
loading: import("prop-types").Requireable<string>;
|
|
120
118
|
preload: import("prop-types").Requireable<boolean>;
|
|
@@ -129,9 +127,8 @@ export declare const SmartImagePlayground: {
|
|
|
129
127
|
title: import("prop-types").Requireable<string>;
|
|
130
128
|
quality: import("prop-types").Requireable<number>;
|
|
131
129
|
placeholder: import("prop-types").Requireable<string>;
|
|
132
|
-
blurDataURL: import("prop-types").Requireable<string>;
|
|
133
130
|
variant: import("prop-types").Requireable<string>;
|
|
134
|
-
}, "cloudinaryDomain" | "quality" | "width" | "style" | "title" | "cloudinaryEnv" | "cloudinaryTransforms" | "height" | "aboveFold" | "loading" | "preload" | "decoding" | "fetchPriority" | "sizes" | "srcSet" | "className" | "id" | "name" | "placeholder" | "
|
|
131
|
+
}, "cloudinaryDomain" | "quality" | "width" | "style" | "title" | "cloudinaryEnv" | "cloudinaryTransforms" | "height" | "aboveFold" | "loading" | "preload" | "decoding" | "fetchPriority" | "sizes" | "srcSet" | "className" | "id" | "name" | "placeholder" | "variant">>> & React.ImgHTMLAttributes<HTMLImageElement>>;
|
|
135
132
|
args: {
|
|
136
133
|
src: string;
|
|
137
134
|
alt: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"smartimage.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/general/smartimage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAkB,MAAM,6BAA6B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIzE,wBA4CE;AAcF,eAAO,MAAM,oBAAoB
|
|
1
|
+
{"version":3,"file":"smartimage.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/general/smartimage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAkB,MAAM,6BAA6B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIzE,wBA4CE;AAcF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAShC,CAAC"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
declare namespace _default {
|
|
2
|
+
export let title: string;
|
|
3
|
+
export { FAQAccordion as component };
|
|
4
|
+
export namespace parameters {
|
|
5
|
+
let layout: string;
|
|
6
|
+
namespace docs {
|
|
7
|
+
namespace description {
|
|
8
|
+
let component: string;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
export namespace argTypes {
|
|
13
|
+
namespace faqsData {
|
|
14
|
+
let description_1: string;
|
|
15
|
+
export { description_1 as description };
|
|
16
|
+
export namespace control {
|
|
17
|
+
let type: string;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
export default _default;
|
|
23
|
+
export namespace FAQ_Playground {
|
|
24
|
+
export namespace args {
|
|
25
|
+
export { mockFaqsData as faqsData };
|
|
26
|
+
}
|
|
27
|
+
export namespace parameters_1 {
|
|
28
|
+
export namespace controls {
|
|
29
|
+
let expanded: boolean;
|
|
30
|
+
}
|
|
31
|
+
export namespace docs_1 {
|
|
32
|
+
export namespace description_2 {
|
|
33
|
+
let story: string;
|
|
34
|
+
}
|
|
35
|
+
export { description_2 as description };
|
|
36
|
+
}
|
|
37
|
+
export { docs_1 as docs };
|
|
38
|
+
}
|
|
39
|
+
export { parameters_1 as parameters };
|
|
40
|
+
}
|
|
41
|
+
import { FAQAccordion } from '@/components/seo/faq-accordion';
|
|
42
|
+
declare const mockFaqsData: {
|
|
43
|
+
"@context": string;
|
|
44
|
+
"@type": string;
|
|
45
|
+
name: string;
|
|
46
|
+
description: string;
|
|
47
|
+
mainEntity: ({
|
|
48
|
+
"@type": string;
|
|
49
|
+
name: string;
|
|
50
|
+
category: string;
|
|
51
|
+
acceptedAnswer: {
|
|
52
|
+
"@type": string;
|
|
53
|
+
text: string;
|
|
54
|
+
};
|
|
55
|
+
} | {
|
|
56
|
+
"@type": string;
|
|
57
|
+
name: string;
|
|
58
|
+
category: string;
|
|
59
|
+
acceptedAnswer: {
|
|
60
|
+
"@type": string;
|
|
61
|
+
text: string[];
|
|
62
|
+
};
|
|
63
|
+
})[];
|
|
64
|
+
};
|
|
65
|
+
//# sourceMappingURL=seo.faq-accordion.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"seo.faq-accordion.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/seo/seo.faq-accordion.stories.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAC6B,gCAAgC;AAE7D;;;;;;;;;;;;;;;;;;;;;;EAsCE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"faq-accordion.test.d.ts","sourceRoot":"","sources":["../../../src/tests/faq-accordion.test.tsx"],"names":[],"mappings":""}
|