@nodeblocks/frontend-faq-block 0.1.1 → 0.2.0

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 (9) hide show
  1. package/dist/faq.d.ts +16 -12
  2. package/dist/faq.d.ts.map +1 -1
  3. package/dist/index.cjs.js +61 -41
  4. package/dist/index.cjs.js.map +1 -1
  5. package/dist/index.esm.js +61 -41
  6. package/dist/index.esm.js.map +1 -1
  7. package/dist/lib.d.ts +4 -1
  8. package/dist/lib.d.ts.map +1 -1
  9. package/package.json +12 -7
package/dist/faq.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- import { ComponentProps, ReactNode } from 'react';
2
- import './faq.css';
1
+ import { ReactNode } from 'react';
2
+ import { AccordionProps, StackProps } from '@mui/material';
3
3
  import { BlocksOverride } from './lib';
4
4
  export declare const FAQ: {
5
- <CustomBlocks extends Record<string, ReactNode> = {}>({ faqTitle, subtitle, items, className, children, ...props }: ComponentProps<"div"> & {
5
+ <CustomBlocks extends Record<string, ReactNode> = {}>({ faqTitle, subtitle, items, className, sx, children, ...props }: Omit<StackProps, "children"> & {
6
6
  faqTitle: ReactNode;
7
7
  subtitle: ReactNode;
8
8
  items: {
@@ -11,42 +11,46 @@ export declare const FAQ: {
11
11
  }[];
12
12
  children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;
13
13
  }): import("react/jsx-runtime").JSX.Element;
14
- Title(props: Partial<ComponentProps<"div"> & {
14
+ Title(props: Partial<StackProps & {
15
15
  subtitle: string;
16
16
  }>): import("react/jsx-runtime").JSX.Element;
17
- Item({ className, question, answer, index, isActive, onToggle, ...props }: Partial<ComponentProps<"div">> & {
17
+ Item({ className, sx, question, answer, index, isActive, onToggle, ...props }: Partial<Omit<AccordionProps, "onToggle">> & {
18
18
  question: string;
19
19
  answer: string;
20
20
  index: number;
21
21
  isActive: boolean;
22
22
  onToggle: (index: number) => void;
23
23
  }): import("react/jsx-runtime").JSX.Element;
24
- ItemList(props: Partial<ComponentProps<"div"> & {
24
+ ItemList(props: Partial<StackProps & {
25
25
  subtitle: string;
26
26
  }>): import("react/jsx-runtime").JSX.Element;
27
27
  };
28
28
  declare const defaultBlocks: {
29
- title: import("react").ReactElement<Partial<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
29
+ title: import("react").ReactElement<Partial<import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & {
30
+ component?: React.ElementType;
31
+ } & {
30
32
  subtitle: string;
31
- }>, (props: Partial<ComponentProps<"div"> & {
33
+ }>, (props: Partial<StackProps & {
32
34
  subtitle: string;
33
35
  }>) => import("react/jsx-runtime").JSX.Element>;
34
- item: import("react").ReactElement<Partial<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>> & {
36
+ item: import("react").ReactElement<Partial<Omit<AccordionProps, "onToggle">> & {
35
37
  question: string;
36
38
  answer: string;
37
39
  index: number;
38
40
  isActive: boolean;
39
41
  onToggle: (index: number) => void;
40
- }, ({ className, question, answer, index, isActive, onToggle, ...props }: Partial<ComponentProps<"div">> & {
42
+ }, ({ className, sx, question, answer, index, isActive, onToggle, ...props }: Partial<Omit<AccordionProps, "onToggle">> & {
41
43
  question: string;
42
44
  answer: string;
43
45
  index: number;
44
46
  isActive: boolean;
45
47
  onToggle: (index: number) => void;
46
48
  }) => import("react/jsx-runtime").JSX.Element>;
47
- itemList: import("react").ReactElement<Partial<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
49
+ itemList: import("react").ReactElement<Partial<import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & {
50
+ component?: React.ElementType;
51
+ } & {
48
52
  subtitle: string;
49
- }>, (props: Partial<ComponentProps<"div"> & {
53
+ }>, (props: Partial<StackProps & {
50
54
  subtitle: string;
51
55
  }>) => import("react/jsx-runtime").JSX.Element>;
52
56
  };
package/dist/faq.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"faq.d.ts","sourceRoot":"","sources":["../src/faq.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAY,SAAS,EAAyB,MAAM,OAAO,CAAC;AACnF,OAAO,WAAW,CAAC;AACnB,OAAO,EAAE,cAAc,EAAuE,MAAM,OAAO,CAAC;AAG5G,eAAO,MAAM,GAAG;KAAI,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,qEAO/D,cAAc,CAAC,KAAK,CAAC,GAAG;QACzB,QAAQ,EAAE,SAAS,CAAC;QACpB,QAAQ,EAAE,SAAS,CAAC;QACpB,KAAK,EAAE;YACL,QAAQ,EAAE,MAAM,CAAC;YACjB,MAAM,EAAE,MAAM,CAAC;SAChB,EAAE,CAAC;QACJ,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,aAAa,EAAE,YAAY,CAAC,CAAC;KAC/D;iBAqCmB,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;+EA+BtE,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,GAAG;QAClC,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,OAAO,CAAC;QAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;KACnC;oBAqBsB,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;CA5D3E,CAAC;AA+EF,QAAA,MAAM,aAAa;;kBA7E6C,MAAM;gBAAlD,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;;kBAgC7D,MAAM;gBACR,MAAM;eACP,MAAM;kBACH,OAAO;kBACP,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;8EALhC,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,GAAG;QAClC,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,OAAO,CAAC;QAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;KACnC;;kBAqBkE,MAAM;gBAAlD,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;CAuB1E,CAAC;AAEH,eAAe,GAAG,CAAC"}
1
+ {"version":3,"file":"faq.d.ts","sourceRoot":"","sources":["../src/faq.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,SAAS,EAAyB,MAAM,OAAO,CAAC;AACnF,OAAO,EAGL,cAAc,EAId,UAAU,EAEX,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,cAAc,EAAuE,MAAM,OAAO,CAAC;AAG5G,eAAO,MAAM,GAAG;KAAI,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,yEAQ/D,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG;QAChC,QAAQ,EAAE,SAAS,CAAC;QACpB,QAAQ,EAAE,SAAS,CAAC;QACpB,KAAK,EAAE;YACL,QAAQ,EAAE,MAAM,CAAC;YACjB,MAAM,EAAE,MAAM,CAAC;SAChB,EAAE,CAAC;QACJ,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,aAAa,EAAE,YAAY,CAAC,CAAC;KAC/D;iBAgDmB,OAAO,CAAC,UAAU,GAAG;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;mFAiC3D,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,GAAG;QAC7C,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,OAAO,CAAC;QAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;KACnC;oBA4DsB,OAAO,CAAC,UAAU,GAAG;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;CArGhE,CAAC;AA2HF,QAAA,MAAM,aAAa;;;;kBAzHkC,MAAM;gBAAvC,OAAO,CAAC,UAAU,GAAG;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;;kBAkClD,MAAM;gBACR,MAAM;eACP,MAAM;kBACH,OAAO;kBACP,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;kFALhC,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,GAAG;QAC7C,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,OAAO,CAAC;QAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;KACnC;;;;kBA4DuD,MAAM;gBAAvC,OAAO,CAAC,UAAU,GAAG;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;CA0B/D,CAAC;AAEH,eAAe,GAAG,CAAC"}
package/dist/index.cjs.js CHANGED
@@ -1,37 +1,15 @@
1
+
2
+
3
+ if (typeof global === 'undefined') {
4
+ var global = window;
5
+ }
6
+
1
7
  'use strict';
2
8
 
3
9
  var jsxRuntime = require('react/jsx-runtime');
4
10
  var react = require('react');
5
-
6
- function styleInject(css, ref) {
7
- if ( ref === void 0 ) ref = {};
8
- var insertAt = ref.insertAt;
9
-
10
- if (typeof document === 'undefined') { return; }
11
-
12
- var head = document.head || document.getElementsByTagName('head')[0];
13
- var style = document.createElement('style');
14
- style.type = 'text/css';
15
-
16
- if (insertAt === 'top') {
17
- if (head.firstChild) {
18
- head.insertBefore(style, head.firstChild);
19
- } else {
20
- head.appendChild(style);
21
- }
22
- } else {
23
- head.appendChild(style);
24
- }
25
-
26
- if (style.styleSheet) {
27
- style.styleSheet.cssText = css;
28
- } else {
29
- style.appendChild(document.createTextNode(css));
30
- }
31
- }
32
-
33
- var css_248z = ".nbb-faq-accordion {\n --color-object-accent-primary: #006ead;\n --color-object-accent-primary-emphasis: #006ead;\n --border-radius-4: 8px;\n --color-text-mid-emphasis: #1d1e20;\n --color-surface-secondary: #d1d1d1;\n --color-surface-primary: #fff;\n\n background-color: var(--color-surface-primary);\n padding: 16px;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.nbb-faq-accordion .nbb-faq-heading {\n color: var(--color-text-mid-emphasis);\n margin-bottom: 16px;\n text-align: center;\n}\n\n.nbb-faq-accordion .nbb-faq-heading h2 {\n margin: 0;\n font-size: 25px;\n}\n\n.nbb-faq-accordion .nbb-faq-heading h3 {\n color: var(--color-object-accent-primary);\n margin: 0 0 8px 0;\n font-size: 18px;\n}\n\n.nbb-faq-accordion .nbb-faq-item {\n padding: 16px 0px;\n margin-bottom: 8px;\n overflow: hidden;\n border-top: 1px solid var(--color-surface-secondary);\n background-color: transparent;\n}\n\n.nbb-faq-accordion .nbb-faq-question {\n background-color: transparent;\n color: var(--color-text-mid-emphasis);\n padding: 12px 16px;\n width: 100%;\n border: none;\n font-size: 18px;\n font-weight: bold;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n}\n\n.nbb-faq-accordion .nbb-faq-question:focus {\n outline: none;\n}\n\n.nbb-faq-accordion .nbb-faq-header {\n display: flex;\n justify-content: flex-start;\n gap: 16px;\n text-align: left;\n}\n\n.nbb-faq-accordion .nbb-question-mark {\n align-self: center;\n color: var(--color-object-accent-primary);\n width: 24px;\n height: 24px;\n}\n\n.nbb-faq-accordion .nbb-faq-answer {\n background-color: var(--color-surface-primary);\n color: var(--color-text-mid-emphasis);\n padding: 12px 16px;\n transition: all 0.3s;\n text-align: left;\n}\n";
34
- styleInject(css_248z);
11
+ var material = require('@mui/material');
12
+ var iconsMaterial = require('@mui/icons-material');
35
13
 
36
14
  /**
37
15
  * Creates a strongly typed `defaultBlocks` object, allowing for types to propagate into block override objects.
@@ -127,12 +105,18 @@ const useFaqContext = () => {
127
105
  return context;
128
106
  };
129
107
 
130
- const FAQ = ({ faqTitle, subtitle, items, className, children, ...props }) => {
108
+ const FAQ = ({ faqTitle, subtitle, items, className, sx, children, ...props }) => {
131
109
  const [activeIndex, setActiveIndex] = react.useState(null);
132
110
  const toggleAccordion = react.useCallback((index) => {
133
111
  setActiveIndex((activeIndex) => (activeIndex === index ? null : index));
134
112
  }, [setActiveIndex]);
135
- return (jsxRuntime.jsx("div", { className: classNames('nbb-faq-accordion', className), ...props, children: jsxRuntime.jsx(FaqProvider, { faqTitle,
113
+ return (jsxRuntime.jsx(material.Stack, { spacing: 5, className: classNames('nbb-faq-accordion', className), sx: [
114
+ {
115
+ px: 2,
116
+ py: 5,
117
+ },
118
+ ...(Array.isArray(sx) ? sx : [sx]),
119
+ ], ...props, children: jsxRuntime.jsx(FaqProvider, { faqTitle,
136
120
  subtitle,
137
121
  items,
138
122
  activeIndex,
@@ -141,18 +125,54 @@ const FAQ = ({ faqTitle, subtitle, items, className, children, ...props }) => {
141
125
  .map((key) => jsxRuntime.jsx(react.Fragment, { children: blocks[key] }, String(key))) }) }) }));
142
126
  };
143
127
  FAQ.Title = (props) => {
144
- const { children, className, faqTitle, subtitle } = deepMerge(useFaqContext(), props);
145
- return (jsxRuntime.jsxs("div", { className: classNames('nbb-faq-heading', className), ...props, children: [jsxRuntime.jsx("h3", { children: children || faqTitle }), jsxRuntime.jsx("h2", { children: subtitle })] }));
146
- };
147
- const ChevronIcon = ({ direction }) => {
148
- return direction === 'up' ? (jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M7.41 15.59L12 11L16.59 15.59L18 14.17L12 8.17L6 14.17L7.41 15.59Z", fill: "#737D90" }) })) : (jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M7.41 8.41L12 13L16.59 8.41L18 9.83L12 15.83L6 9.83L7.41 8.41Z", fill: "#737D90" }) }));
128
+ const { faqTitle, subtitle } = deepMerge(useFaqContext(), props);
129
+ const { children, className, sx = [], spacing = 1, ...rest } = props;
130
+ return (jsxRuntime.jsxs(material.Stack, { className: classNames('nbb-faq-heading', className), spacing: 1, sx: [
131
+ {
132
+ textAlign: 'center',
133
+ },
134
+ ...(Array.isArray(sx) ? sx : [sx]),
135
+ ], ...rest, children: [jsxRuntime.jsx(material.Typography, { component: "p", variant: "h6", sx: { color: 'primary.main' }, children: children || faqTitle }), jsxRuntime.jsx(material.Typography, { variant: "h4", children: subtitle })] }));
149
136
  };
150
- FAQ.Item = ({ className, question, answer, index, isActive, onToggle, ...props }) => {
151
- return (jsxRuntime.jsxs("div", { className: classNames('nbb-faq-item', className), ...props, children: [jsxRuntime.jsxs("button", { className: `nbb-faq-question ${isActive ? 'active' : ''}`, onClick: () => onToggle(index), children: [jsxRuntime.jsxs("div", { className: "nbb-faq-header", children: [jsxRuntime.jsx("span", { className: "nbb-question-mark", children: "Q." }), jsxRuntime.jsx("span", { children: question })] }), jsxRuntime.jsx("span", { className: "nbb-faq-toggle", children: jsxRuntime.jsx(ChevronIcon, { direction: `${isActive ? 'up' : 'down'}` }) })] }), isActive && (jsxRuntime.jsx("div", { className: "nbb-faq-answer", children: jsxRuntime.jsx("p", { children: answer }) }))] }));
137
+ FAQ.Item = ({ className, sx, question, answer, index, isActive, onToggle, ...props }) => {
138
+ return (jsxRuntime.jsxs(material.Accordion, { expanded: isActive, onChange: () => onToggle(index), className: classNames('nbb-faq-item', className), sx: [
139
+ {
140
+ '&.Mui-expanded': {
141
+ m: 0,
142
+ },
143
+ '&.Mui-expanded::before': {
144
+ opacity: 1,
145
+ },
146
+ '&::before': {
147
+ backgroundColor: 'grey.100',
148
+ },
149
+ boxShadow: 'none',
150
+ },
151
+ ...(Array.isArray(sx) ? sx : [sx]),
152
+ ], ...props, children: [jsxRuntime.jsx(material.AccordionSummary, { expandIcon: jsxRuntime.jsx(iconsMaterial.ExpandMore, {}), className: "nbb-faq-question", sx: {
153
+ px: 2.5,
154
+ py: 2,
155
+ '&.Mui-expanded': {
156
+ minHeight: 'auto',
157
+ },
158
+ '& .MuiAccordionSummary-content': {
159
+ my: 0,
160
+ },
161
+ '&.Mui-expanded .MuiAccordionSummary-content': {
162
+ my: 0,
163
+ },
164
+ '& .MuiAccordionSummary-expandIconWrapper': {
165
+ ml: 2,
166
+ },
167
+ }, children: jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 2, children: [jsxRuntime.jsx(material.Typography, { sx: { color: 'primary.main', fontWeight: 'bold' }, children: "Q." }), jsxRuntime.jsx(material.Typography, { sx: { fontWeight: 'h6.fontWeight' }, children: question })] }) }), jsxRuntime.jsx(material.AccordionDetails, { sx: {
168
+ px: 2.5,
169
+ pt: 0,
170
+ }, children: jsxRuntime.jsx(material.Typography, { component: "p", children: answer }) })] }));
152
171
  };
153
172
  FAQ.ItemList = (props) => {
154
- const { className, items, activeIndex, toggleAccordion } = deepMerge(useFaqContext(), props);
155
- return (jsxRuntime.jsx("div", { className: classNames('nbb-item-list', className), ...props, children: items.map((item, index) => (jsxRuntime.jsx(FAQ.Item, { question: item.question, answer: item.answer, index: index, isActive: index == activeIndex, onToggle: toggleAccordion }, index))) }));
173
+ const { items, activeIndex, toggleAccordion } = deepMerge(useFaqContext(), props);
174
+ const { className, ...rest } = props;
175
+ return (jsxRuntime.jsxs(material.Stack, { className: classNames('nbb-faq-item-list', className), ...rest, children: [jsxRuntime.jsx(material.Divider, {}), items.map((item, index) => (jsxRuntime.jsx(FAQ.Item, { question: item.question, answer: item.answer, index: index, isActive: index == activeIndex, onToggle: toggleAccordion }, index))), jsxRuntime.jsx(material.Divider, {})] }));
156
176
  };
157
177
  const defaultBlocks = createDefaultBlocks({
158
178
  title: FAQ.Title,
package/dist/index.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/lib.ts","../src/context.tsx","../src/faq.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import { ComponentProps, createElement, FunctionComponent, ReactElement, ReactNode } from 'react';\n\n/**\n * The function to be passed into a block component as `children` to selectively override default blocks, or just a `ReactNode`.\n *\n * @example\n * <Block>\n * {({ defaultBlocks: { header, ...defaultBlocks }, defaultBlockOrder }) => ({\n * blocks: {\n * ...defaultBlocks,\n * header: {\n * ...header,\n * props: {\n * ...header.props,\n * label: \"Custom Label\"\n * }\n * },\n * subheader: <CustomComponent />\n * },\n * blockOrder: [\"header\", \"subheader\", \"body\", \"footer\"]\n * })}\n * </Block>\n */\nexport type BlocksOverride<DefaultBlocks, CustomBlocks> =\n | (({\n defaultBlocks,\n defaultBlockOrder,\n }: {\n defaultBlocks: DefaultBlocks;\n defaultBlockOrder: readonly (keyof DefaultBlocks)[];\n }) => {\n blocks: Partial<DefaultBlocks> & CustomBlocks;\n // NOTE: This specific combination allows proper autocomplete.\n blockOrder: readonly (keyof DefaultBlocks)[] | readonly (keyof CustomBlocks)[];\n })\n | ReactNode;\n\n/**\n * Creates a strongly typed `defaultBlocks` object, allowing for types to propagate into block override objects.\n *\n * @param components - A map of default block keys to component functions.\n *\n * @example\n * const defaultBlocks = createDefaultBlocks({\n * title: Title,\n * description: Description,\n * form: Form,\n * });\n */\nexport function createDefaultBlocks<T extends Record<string, FunctionComponent<any>>>(\n components: T\n): {\n [K in keyof T]: ReactElement<ComponentProps<T[K]>, T[K]>;\n} {\n return Object.fromEntries(\n Object.entries(components).map(([key, Component]) => [key, createElement(Component, { key })])\n ) as {\n [K in keyof T]: ReactElement<ComponentProps<T[K]>, T[K]>;\n };\n}\n\n/**\n * A component for rendering {@link BlocksOverride|`BlocksOverride`} results.\n * Exposes the evaluated `blocks` and `blockOrder` as arguments to the `children` function.\n *\n * @param props\n * @param props.blocksOverride - The {@link BlocksOverride|`BlocksOverride`} (i.e. `children` of outer component).\n * @param props.defaultBlocks - The default blocks of outer component.\n * @param props.children - A function returning the JSX to render.\n *\n * @example\n * <BlocksOverrideComponent\n * defaultBlocks={defaultFormBlocks}\n * blocksOverride={children}\n * >\n * {({ blocks, blockOrder }) =>\n * blockOrder.map((key) => (\n * <Fragment key={String(key)}>{blocks[key]}</Fragment>\n * ))\n * }\n * </BlocksOverrideComponent>\n */\nexport function BlocksOverrideComponent<\n DefaultBlocks extends Record<string, ReactNode>,\n CustomBlocks extends Record<string, ReactNode>,\n>({\n blocksOverride,\n defaultBlocks,\n defaultBlockOrder,\n children,\n}: {\n blocksOverride: BlocksOverride<DefaultBlocks, CustomBlocks>;\n defaultBlocks: DefaultBlocks;\n defaultBlockOrder: (keyof DefaultBlocks)[];\n children: ({\n blocks,\n blockOrder,\n }: {\n // TODO: Possibly find an alternative to Partial<CustomBlocks>\n blocks: Partial<DefaultBlocks> & Partial<CustomBlocks>;\n blockOrder: readonly (keyof DefaultBlocks | keyof CustomBlocks)[];\n }) => ReactNode;\n}) {\n if (blocksOverride === undefined) {\n return children({\n // TODO: Remove this assertion\n blocks: defaultBlocks as DefaultBlocks & Partial<CustomBlocks>,\n blockOrder: defaultBlockOrder,\n });\n }\n\n if (typeof blocksOverride === 'function') {\n const { blocks, blockOrder } = blocksOverride({\n defaultBlocks,\n defaultBlockOrder,\n });\n\n return children({ blocks, blockOrder });\n }\n\n return blocksOverride;\n}\n\nexport function deepMerge<A extends Record<string, any>, B extends Record<string, any>>(obj1: A, obj2: B) {\n const result: Record<string, any> = { ...obj1 };\n\n for (const key in obj2) {\n if (obj2.hasOwnProperty(key)) {\n const val1 = result[key];\n const val2 = obj2[key];\n\n if (Array.isArray(val1) || Array.isArray(val2)) {\n // If either is an array, replace entirely with obj2's value\n result[key] = val2;\n } else if (typeof val1 === 'object' && val1 !== null && typeof val2 === 'object' && val2 !== null) {\n result[key] = deepMerge(val1, val2);\n } else {\n result[key] = val2;\n }\n }\n }\n\n return result as A & B;\n}\n\ntype ClassName = string | ClassName[] | undefined | null;\n\n/**\n * Utility function to join class names together, ignoring undefined or nil values.\n * @param classes - The class names to join.\n * @returns The joined class names.\n */\nexport function classNames(...classes: ClassName[]): string {\n return classes.flat().filter(Boolean).join(' ');\n}\n","import { createContext, ReactNode, useContext } from 'react';\n\ntype FaqContextValue = {\n faqTitle: ReactNode;\n subtitle: ReactNode;\n items: {\n question: string;\n answer: string;\n }[];\n activeIndex: number | null;\n toggleAccordion: (index: number) => void;\n};\n\nconst FaqContext = createContext<FaqContextValue | undefined>(undefined);\n\nexport const FaqProvider = ({\n children,\n ...value\n}: FaqContextValue & {\n children: ReactNode;\n}) => {\n return <FaqContext.Provider value={value}>{children}</FaqContext.Provider>;\n};\n\nexport const useFaqContext = () => {\n const context = useContext<FaqContextValue | undefined>(FaqContext);\n\n if (!context) {\n throw new Error('useFaqContext must be used within a FaqProvider');\n }\n return context;\n};\n","import { ComponentProps, Fragment, ReactNode, useCallback, useState } from 'react';\nimport './faq.css';\nimport { BlocksOverride, BlocksOverrideComponent, classNames, createDefaultBlocks, deepMerge } from './lib';\nimport { FaqProvider, useFaqContext } from './context';\n\nexport const FAQ = <CustomBlocks extends Record<string, ReactNode> = {}>({\n faqTitle,\n subtitle,\n items,\n className,\n children,\n ...props\n}: ComponentProps<'div'> & {\n faqTitle: ReactNode;\n subtitle: ReactNode;\n items: {\n question: string;\n answer: string;\n }[];\n children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;\n}) => {\n const [activeIndex, setActiveIndex] = useState<number | null>(null);\n\n const toggleAccordion = useCallback(\n (index: number) => {\n setActiveIndex((activeIndex) => (activeIndex === index ? null : index));\n },\n [setActiveIndex]\n );\n\n return (\n <div className={classNames('nbb-faq-accordion', className)} {...props}>\n <FaqProvider\n {...{\n faqTitle,\n subtitle,\n items,\n activeIndex,\n toggleAccordion,\n }}\n >\n <BlocksOverrideComponent\n defaultBlocks={defaultBlocks}\n defaultBlockOrder={Object.keys(defaultBlocks) as (keyof typeof defaultBlocks)[]}\n blocksOverride={children}\n >\n {({ blocks: { item, ...blocks }, blockOrder }) =>\n blockOrder\n .filter((key) => key in blocks)\n .map<ReactNode>((key) => <Fragment key={String(key)}>{blocks[key]}</Fragment>)\n }\n </BlocksOverrideComponent>\n </FaqProvider>\n </div>\n );\n};\n\nFAQ.Title = (props: Partial<ComponentProps<'div'> & { subtitle: string }>) => {\n const { children, className, faqTitle, subtitle } = deepMerge(useFaqContext(), props);\n\n return (\n <div className={classNames('nbb-faq-heading', className)} {...props}>\n <h3>{children || faqTitle}</h3>\n <h2>{subtitle}</h2>\n </div>\n );\n};\n\nconst ChevronIcon = ({ direction }: { direction: string }) => {\n return direction === 'up' ? (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M7.41 15.59L12 11L16.59 15.59L18 14.17L12 8.17L6 14.17L7.41 15.59Z\" fill=\"#737D90\" />\n </svg>\n ) : (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M7.41 8.41L12 13L16.59 8.41L18 9.83L12 15.83L6 9.83L7.41 8.41Z\" fill=\"#737D90\" />\n </svg>\n );\n};\n\nFAQ.Item = ({\n className,\n question,\n answer,\n index,\n isActive,\n onToggle,\n ...props\n}: Partial<ComponentProps<'div'>> & {\n question: string;\n answer: string;\n index: number;\n isActive: boolean;\n onToggle: (index: number) => void;\n}) => {\n return (\n <div className={classNames('nbb-faq-item', className)} {...props}>\n <button className={`nbb-faq-question ${isActive ? 'active' : ''}`} onClick={() => onToggle(index)}>\n <div className=\"nbb-faq-header\">\n <span className=\"nbb-question-mark\">Q.</span>\n <span>{question}</span>\n </div>\n <span className=\"nbb-faq-toggle\">\n <ChevronIcon direction={`${isActive ? 'up' : 'down'}`} />\n </span>\n </button>\n {isActive && (\n <div className=\"nbb-faq-answer\">\n <p>{answer}</p>\n </div>\n )}\n </div>\n );\n};\n\nFAQ.ItemList = (props: Partial<ComponentProps<'div'> & { subtitle: string }>) => {\n const { className, items, activeIndex, toggleAccordion } = deepMerge(useFaqContext(), props);\n\n return (\n <div className={classNames('nbb-item-list', className)} {...props}>\n {items.map((item, index) => (\n <FAQ.Item\n key={index}\n question={item.question}\n answer={item.answer}\n index={index}\n isActive={index == activeIndex}\n onToggle={toggleAccordion}\n />\n ))}\n </div>\n );\n};\n\nconst defaultBlocks = createDefaultBlocks({\n title: FAQ.Title,\n item: FAQ.Item,\n itemList: FAQ.ItemList,\n});\n\nexport default FAQ;\n"],"names":["createElement","createContext","_jsx","useContext","useState","useCallback","Fragment","_jsxs"],"mappings":"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","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"index.cjs.js","sources":["../src/lib.ts","../src/context.tsx","../src/faq.tsx"],"sourcesContent":["import { ComponentProps, createElement, FunctionComponent, ReactElement, ReactNode } from 'react';\n\n/**\n * The function to be passed into a block component as `children` to selectively override default blocks, or just a `ReactNode`.\n *\n * @example\n * <Block>\n * {({ defaultBlocks: { header, ...defaultBlocks }, defaultBlockOrder }) => ({\n * blocks: {\n * ...defaultBlocks,\n * header: {\n * ...header,\n * props: {\n * ...header.props,\n * label: \"Custom Label\"\n * }\n * },\n * subheader: <CustomComponent />\n * },\n * blockOrder: [\"header\", \"subheader\", \"body\", \"footer\"]\n * })}\n * </Block>\n */\nexport type BlocksOverride<DefaultBlocks, CustomBlocks> =\n | (({\n defaultBlocks,\n defaultBlockOrder,\n }: {\n defaultBlocks: DefaultBlocks;\n defaultBlockOrder: readonly (keyof DefaultBlocks)[];\n }) => {\n blocks: Partial<DefaultBlocks> & CustomBlocks;\n // NOTE: This specific combination allows proper autocomplete.\n blockOrder: readonly (keyof DefaultBlocks)[] | readonly (keyof CustomBlocks)[];\n })\n | ReactNode;\n\n/**\n * Creates a strongly typed `defaultBlocks` object, allowing for types to propagate into block override objects.\n *\n * @param components - A map of default block keys to component functions.\n *\n * @example\n * const defaultBlocks = createDefaultBlocks({\n * title: Title,\n * description: Description,\n * form: Form,\n * });\n */\nexport function createDefaultBlocks<T extends Record<string, FunctionComponent<any>>>(\n components: T\n): {\n [K in keyof T]: ReactElement<ComponentProps<T[K]>, T[K]>;\n} {\n return Object.fromEntries(\n Object.entries(components).map(([key, Component]) => [key, createElement(Component, { key })])\n ) as {\n [K in keyof T]: ReactElement<ComponentProps<T[K]>, T[K]>;\n };\n}\n\n/**\n * A component for rendering {@link BlocksOverride|`BlocksOverride`} results.\n * Exposes the evaluated `blocks` and `blockOrder` as arguments to the `children` function.\n *\n * @param props\n * @param props.blocksOverride - The {@link BlocksOverride|`BlocksOverride`} (i.e. `children` of outer component).\n * @param props.defaultBlocks - The default blocks of outer component.\n * @param props.children - A function returning the JSX to render.\n *\n * @example\n * <BlocksOverrideComponent\n * defaultBlocks={defaultFormBlocks}\n * blocksOverride={children}\n * >\n * {({ blocks, blockOrder }) =>\n * blockOrder.map((key) => (\n * <Fragment key={String(key)}>{blocks[key]}</Fragment>\n * ))\n * }\n * </BlocksOverrideComponent>\n */\nexport function BlocksOverrideComponent<\n DefaultBlocks extends Record<string, ReactNode>,\n CustomBlocks extends Record<string, ReactNode>,\n>({\n blocksOverride,\n defaultBlocks,\n defaultBlockOrder,\n children,\n}: {\n blocksOverride: BlocksOverride<DefaultBlocks, CustomBlocks>;\n defaultBlocks: DefaultBlocks;\n defaultBlockOrder: (keyof DefaultBlocks)[];\n children: ({\n blocks,\n blockOrder,\n }: {\n // TODO: Possibly find an alternative to Partial<CustomBlocks>\n blocks: Partial<DefaultBlocks> & Partial<CustomBlocks>;\n blockOrder: readonly (keyof DefaultBlocks | keyof CustomBlocks)[];\n }) => ReactNode;\n}) {\n if (blocksOverride === undefined) {\n return children({\n // TODO: Remove this assertion\n blocks: defaultBlocks as DefaultBlocks & Partial<CustomBlocks>,\n blockOrder: defaultBlockOrder,\n });\n }\n\n if (typeof blocksOverride === 'function') {\n const { blocks, blockOrder } = blocksOverride({\n defaultBlocks,\n defaultBlockOrder,\n });\n\n return children({ blocks, blockOrder });\n }\n\n return blocksOverride;\n}\n\ntype MergeTypes<Object1, Object2> = {\n [K in keyof Object1 | keyof Object2]: K extends keyof Object1\n ? Object1[K]\n : K extends keyof Object2\n ? Object2[K]\n : never;\n};\n\nexport function deepMerge<A extends Record<string, any>, B extends Record<string, any>>(obj1: A, obj2: B) {\n const result: Record<string, any> = { ...obj1 };\n\n for (const key in obj2) {\n if (obj2.hasOwnProperty(key)) {\n const val1 = result[key];\n const val2 = obj2[key];\n\n if (Array.isArray(val1) || Array.isArray(val2)) {\n // If either is an array, replace entirely with obj2's value\n result[key] = val2;\n } else if (typeof val1 === 'object' && val1 !== null && typeof val2 === 'object' && val2 !== null) {\n result[key] = deepMerge(val1, val2);\n } else {\n result[key] = val2;\n }\n }\n }\n\n return result as MergeTypes<B, A>;\n}\n\ntype ClassName = string | ClassName[] | undefined | null;\n\n/**\n * Utility function to join class names together, ignoring undefined or nil values.\n * @param classes - The class names to join.\n * @returns The joined class names.\n */\nexport function classNames(...classes: ClassName[]): string {\n return classes.flat().filter(Boolean).join(' ');\n}\n","import { createContext, ReactNode, useContext } from 'react';\n\ntype FaqContextValue = {\n faqTitle: ReactNode;\n subtitle: ReactNode;\n items: {\n question: string;\n answer: string;\n }[];\n activeIndex: number | null;\n toggleAccordion: (index: number) => void;\n};\n\nconst FaqContext = createContext<FaqContextValue | undefined>(undefined);\n\nexport const FaqProvider = ({\n children,\n ...value\n}: FaqContextValue & {\n children: ReactNode;\n}) => {\n return <FaqContext.Provider value={value}>{children}</FaqContext.Provider>;\n};\n\nexport const useFaqContext = () => {\n const context = useContext<FaqContextValue | undefined>(FaqContext);\n\n if (!context) {\n throw new Error('useFaqContext must be used within a FaqProvider');\n }\n return context;\n};\n","import { ComponentProps, Fragment, ReactNode, useCallback, useState } from 'react';\nimport {\n Accordion,\n AccordionDetails,\n AccordionProps,\n AccordionSummary,\n Divider,\n Stack,\n StackProps,\n Typography,\n} from '@mui/material';\nimport { ExpandMore } from '@mui/icons-material';\nimport { BlocksOverride, BlocksOverrideComponent, classNames, createDefaultBlocks, deepMerge } from './lib';\nimport { FaqProvider, useFaqContext } from './context';\n\nexport const FAQ = <CustomBlocks extends Record<string, ReactNode> = {}>({\n faqTitle,\n subtitle,\n items,\n className,\n sx,\n children,\n ...props\n}: Omit<StackProps, 'children'> & {\n faqTitle: ReactNode;\n subtitle: ReactNode;\n items: {\n question: string;\n answer: string;\n }[];\n children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;\n}) => {\n const [activeIndex, setActiveIndex] = useState<number | null>(null);\n\n const toggleAccordion = useCallback(\n (index: number) => {\n setActiveIndex((activeIndex) => (activeIndex === index ? null : index));\n },\n [setActiveIndex]\n );\n\n return (\n <Stack\n spacing={5}\n className={classNames('nbb-faq-accordion', className)}\n sx={[\n {\n px: 2,\n py: 5,\n },\n ...(Array.isArray(sx) ? sx : [sx]),\n ]}\n {...props}\n >\n <FaqProvider\n {...{\n faqTitle,\n subtitle,\n items,\n activeIndex,\n toggleAccordion,\n }}\n >\n <BlocksOverrideComponent\n defaultBlocks={defaultBlocks}\n defaultBlockOrder={Object.keys(defaultBlocks) as (keyof typeof defaultBlocks)[]}\n blocksOverride={children}\n >\n {({ blocks: { item, ...blocks }, blockOrder }) =>\n blockOrder\n .filter((key) => key in blocks)\n .map<ReactNode>((key) => <Fragment key={String(key)}>{blocks[key]}</Fragment>)\n }\n </BlocksOverrideComponent>\n </FaqProvider>\n </Stack>\n );\n};\n\nFAQ.Title = (props: Partial<StackProps & { subtitle: string }>) => {\n const { faqTitle, subtitle } = deepMerge(useFaqContext(), props);\n const { children, className, sx = [], spacing = 1, ...rest } = props;\n\n return (\n <Stack\n className={classNames('nbb-faq-heading', className)}\n spacing={1}\n sx={[\n {\n textAlign: 'center',\n },\n ...(Array.isArray(sx) ? sx : [sx]),\n ]}\n {...rest}\n >\n <Typography component=\"p\" variant=\"h6\" sx={{ color: 'primary.main' }}>\n {children || faqTitle}\n </Typography>\n <Typography variant=\"h4\">{subtitle}</Typography>\n </Stack>\n );\n};\n\nFAQ.Item = ({\n className,\n sx,\n question,\n answer,\n index,\n isActive,\n onToggle,\n ...props\n}: Partial<Omit<AccordionProps, 'onToggle'>> & {\n question: string;\n answer: string;\n index: number;\n isActive: boolean;\n onToggle: (index: number) => void;\n}) => {\n return (\n <Accordion\n expanded={isActive}\n onChange={() => onToggle(index)}\n className={classNames('nbb-faq-item', className)}\n sx={[\n {\n '&.Mui-expanded': {\n m: 0,\n },\n '&.Mui-expanded::before': {\n opacity: 1,\n },\n '&::before': {\n backgroundColor: 'grey.100',\n },\n boxShadow: 'none',\n },\n ...(Array.isArray(sx) ? sx : [sx]),\n ]}\n {...props}\n >\n <AccordionSummary\n expandIcon={<ExpandMore />}\n className=\"nbb-faq-question\"\n sx={{\n px: 2.5,\n py: 2,\n '&.Mui-expanded': {\n minHeight: 'auto',\n },\n '& .MuiAccordionSummary-content': {\n my: 0,\n },\n '&.Mui-expanded .MuiAccordionSummary-content': {\n my: 0,\n },\n '& .MuiAccordionSummary-expandIconWrapper': {\n ml: 2,\n },\n }}\n >\n <Stack direction=\"row\" spacing={2}>\n <Typography sx={{ color: 'primary.main', fontWeight: 'bold' }}>Q.</Typography>\n <Typography sx={{ fontWeight: 'h6.fontWeight' }}>{question}</Typography>\n </Stack>\n </AccordionSummary>\n <AccordionDetails\n sx={{\n px: 2.5,\n pt: 0,\n }}\n >\n <Typography component=\"p\">{answer}</Typography>\n </AccordionDetails>\n </Accordion>\n );\n};\n\nFAQ.ItemList = (props: Partial<StackProps & { subtitle: string }>) => {\n const { items, activeIndex, toggleAccordion } = deepMerge(useFaqContext(), props);\n const { className, ...rest } = props;\n\n return (\n <Stack className={classNames('nbb-faq-item-list', className)} {...rest}>\n <Divider />\n {items.map((item: { question: string; answer: string }, index: number) => (\n <FAQ.Item\n key={index}\n question={item.question}\n answer={item.answer}\n index={index}\n isActive={index == activeIndex}\n onToggle={toggleAccordion}\n />\n ))}\n <Divider />\n </Stack>\n );\n};\n\nconst defaultBlocks = createDefaultBlocks({\n title: FAQ.Title,\n item: FAQ.Item,\n itemList: FAQ.ItemList,\n});\n\nexport default FAQ;\n"],"names":["createElement","createContext","_jsx","useContext","useState","useCallback","Stack","Fragment","_jsxs","Typography","Accordion","AccordionSummary","ExpandMore","AccordionDetails","Divider"],"mappings":"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"}
package/dist/index.esm.js CHANGED
@@ -1,35 +1,13 @@
1
- import { jsx, jsxs } from 'react/jsx-runtime';
2
- import { createElement, createContext, useContext, useState, useCallback, Fragment } from 'react';
3
-
4
- function styleInject(css, ref) {
5
- if ( ref === void 0 ) ref = {};
6
- var insertAt = ref.insertAt;
7
1
 
8
- if (typeof document === 'undefined') { return; }
9
-
10
- var head = document.head || document.getElementsByTagName('head')[0];
11
- var style = document.createElement('style');
12
- style.type = 'text/css';
13
-
14
- if (insertAt === 'top') {
15
- if (head.firstChild) {
16
- head.insertBefore(style, head.firstChild);
17
- } else {
18
- head.appendChild(style);
19
- }
20
- } else {
21
- head.appendChild(style);
22
- }
23
2
 
24
- if (style.styleSheet) {
25
- style.styleSheet.cssText = css;
26
- } else {
27
- style.appendChild(document.createTextNode(css));
28
- }
29
- }
30
-
31
- var css_248z = ".nbb-faq-accordion {\n --color-object-accent-primary: #006ead;\n --color-object-accent-primary-emphasis: #006ead;\n --border-radius-4: 8px;\n --color-text-mid-emphasis: #1d1e20;\n --color-surface-secondary: #d1d1d1;\n --color-surface-primary: #fff;\n\n background-color: var(--color-surface-primary);\n padding: 16px;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.nbb-faq-accordion .nbb-faq-heading {\n color: var(--color-text-mid-emphasis);\n margin-bottom: 16px;\n text-align: center;\n}\n\n.nbb-faq-accordion .nbb-faq-heading h2 {\n margin: 0;\n font-size: 25px;\n}\n\n.nbb-faq-accordion .nbb-faq-heading h3 {\n color: var(--color-object-accent-primary);\n margin: 0 0 8px 0;\n font-size: 18px;\n}\n\n.nbb-faq-accordion .nbb-faq-item {\n padding: 16px 0px;\n margin-bottom: 8px;\n overflow: hidden;\n border-top: 1px solid var(--color-surface-secondary);\n background-color: transparent;\n}\n\n.nbb-faq-accordion .nbb-faq-question {\n background-color: transparent;\n color: var(--color-text-mid-emphasis);\n padding: 12px 16px;\n width: 100%;\n border: none;\n font-size: 18px;\n font-weight: bold;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n}\n\n.nbb-faq-accordion .nbb-faq-question:focus {\n outline: none;\n}\n\n.nbb-faq-accordion .nbb-faq-header {\n display: flex;\n justify-content: flex-start;\n gap: 16px;\n text-align: left;\n}\n\n.nbb-faq-accordion .nbb-question-mark {\n align-self: center;\n color: var(--color-object-accent-primary);\n width: 24px;\n height: 24px;\n}\n\n.nbb-faq-accordion .nbb-faq-answer {\n background-color: var(--color-surface-primary);\n color: var(--color-text-mid-emphasis);\n padding: 12px 16px;\n transition: all 0.3s;\n text-align: left;\n}\n";
32
- styleInject(css_248z);
3
+ if (typeof global === 'undefined') {
4
+ var global = window;
5
+ }
6
+
7
+ import { jsx, jsxs } from 'react/jsx-runtime';
8
+ import { createElement, createContext, useContext, useState, useCallback, Fragment } from 'react';
9
+ import { Stack, Typography, Accordion, AccordionSummary, AccordionDetails, Divider } from '@mui/material';
10
+ import { ExpandMore } from '@mui/icons-material';
33
11
 
34
12
  /**
35
13
  * Creates a strongly typed `defaultBlocks` object, allowing for types to propagate into block override objects.
@@ -125,12 +103,18 @@ const useFaqContext = () => {
125
103
  return context;
126
104
  };
127
105
 
128
- const FAQ = ({ faqTitle, subtitle, items, className, children, ...props }) => {
106
+ const FAQ = ({ faqTitle, subtitle, items, className, sx, children, ...props }) => {
129
107
  const [activeIndex, setActiveIndex] = useState(null);
130
108
  const toggleAccordion = useCallback((index) => {
131
109
  setActiveIndex((activeIndex) => (activeIndex === index ? null : index));
132
110
  }, [setActiveIndex]);
133
- return (jsx("div", { className: classNames('nbb-faq-accordion', className), ...props, children: jsx(FaqProvider, { faqTitle,
111
+ return (jsx(Stack, { spacing: 5, className: classNames('nbb-faq-accordion', className), sx: [
112
+ {
113
+ px: 2,
114
+ py: 5,
115
+ },
116
+ ...(Array.isArray(sx) ? sx : [sx]),
117
+ ], ...props, children: jsx(FaqProvider, { faqTitle,
134
118
  subtitle,
135
119
  items,
136
120
  activeIndex,
@@ -139,18 +123,54 @@ const FAQ = ({ faqTitle, subtitle, items, className, children, ...props }) => {
139
123
  .map((key) => jsx(Fragment, { children: blocks[key] }, String(key))) }) }) }));
140
124
  };
141
125
  FAQ.Title = (props) => {
142
- const { children, className, faqTitle, subtitle } = deepMerge(useFaqContext(), props);
143
- return (jsxs("div", { className: classNames('nbb-faq-heading', className), ...props, children: [jsx("h3", { children: children || faqTitle }), jsx("h2", { children: subtitle })] }));
144
- };
145
- const ChevronIcon = ({ direction }) => {
146
- return direction === 'up' ? (jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M7.41 15.59L12 11L16.59 15.59L18 14.17L12 8.17L6 14.17L7.41 15.59Z", fill: "#737D90" }) })) : (jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M7.41 8.41L12 13L16.59 8.41L18 9.83L12 15.83L6 9.83L7.41 8.41Z", fill: "#737D90" }) }));
126
+ const { faqTitle, subtitle } = deepMerge(useFaqContext(), props);
127
+ const { children, className, sx = [], spacing = 1, ...rest } = props;
128
+ return (jsxs(Stack, { className: classNames('nbb-faq-heading', className), spacing: 1, sx: [
129
+ {
130
+ textAlign: 'center',
131
+ },
132
+ ...(Array.isArray(sx) ? sx : [sx]),
133
+ ], ...rest, children: [jsx(Typography, { component: "p", variant: "h6", sx: { color: 'primary.main' }, children: children || faqTitle }), jsx(Typography, { variant: "h4", children: subtitle })] }));
147
134
  };
148
- FAQ.Item = ({ className, question, answer, index, isActive, onToggle, ...props }) => {
149
- return (jsxs("div", { className: classNames('nbb-faq-item', className), ...props, children: [jsxs("button", { className: `nbb-faq-question ${isActive ? 'active' : ''}`, onClick: () => onToggle(index), children: [jsxs("div", { className: "nbb-faq-header", children: [jsx("span", { className: "nbb-question-mark", children: "Q." }), jsx("span", { children: question })] }), jsx("span", { className: "nbb-faq-toggle", children: jsx(ChevronIcon, { direction: `${isActive ? 'up' : 'down'}` }) })] }), isActive && (jsx("div", { className: "nbb-faq-answer", children: jsx("p", { children: answer }) }))] }));
135
+ FAQ.Item = ({ className, sx, question, answer, index, isActive, onToggle, ...props }) => {
136
+ return (jsxs(Accordion, { expanded: isActive, onChange: () => onToggle(index), className: classNames('nbb-faq-item', className), sx: [
137
+ {
138
+ '&.Mui-expanded': {
139
+ m: 0,
140
+ },
141
+ '&.Mui-expanded::before': {
142
+ opacity: 1,
143
+ },
144
+ '&::before': {
145
+ backgroundColor: 'grey.100',
146
+ },
147
+ boxShadow: 'none',
148
+ },
149
+ ...(Array.isArray(sx) ? sx : [sx]),
150
+ ], ...props, children: [jsx(AccordionSummary, { expandIcon: jsx(ExpandMore, {}), className: "nbb-faq-question", sx: {
151
+ px: 2.5,
152
+ py: 2,
153
+ '&.Mui-expanded': {
154
+ minHeight: 'auto',
155
+ },
156
+ '& .MuiAccordionSummary-content': {
157
+ my: 0,
158
+ },
159
+ '&.Mui-expanded .MuiAccordionSummary-content': {
160
+ my: 0,
161
+ },
162
+ '& .MuiAccordionSummary-expandIconWrapper': {
163
+ ml: 2,
164
+ },
165
+ }, children: jsxs(Stack, { direction: "row", spacing: 2, children: [jsx(Typography, { sx: { color: 'primary.main', fontWeight: 'bold' }, children: "Q." }), jsx(Typography, { sx: { fontWeight: 'h6.fontWeight' }, children: question })] }) }), jsx(AccordionDetails, { sx: {
166
+ px: 2.5,
167
+ pt: 0,
168
+ }, children: jsx(Typography, { component: "p", children: answer }) })] }));
150
169
  };
151
170
  FAQ.ItemList = (props) => {
152
- const { className, items, activeIndex, toggleAccordion } = deepMerge(useFaqContext(), props);
153
- return (jsx("div", { className: classNames('nbb-item-list', className), ...props, children: items.map((item, index) => (jsx(FAQ.Item, { question: item.question, answer: item.answer, index: index, isActive: index == activeIndex, onToggle: toggleAccordion }, index))) }));
171
+ const { items, activeIndex, toggleAccordion } = deepMerge(useFaqContext(), props);
172
+ const { className, ...rest } = props;
173
+ return (jsxs(Stack, { className: classNames('nbb-faq-item-list', className), ...rest, children: [jsx(Divider, {}), items.map((item, index) => (jsx(FAQ.Item, { question: item.question, answer: item.answer, index: index, isActive: index == activeIndex, onToggle: toggleAccordion }, index))), jsx(Divider, {})] }));
154
174
  };
155
175
  const defaultBlocks = createDefaultBlocks({
156
176
  title: FAQ.Title,
package/dist/index.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/lib.ts","../src/context.tsx","../src/faq.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import { ComponentProps, createElement, FunctionComponent, ReactElement, ReactNode } from 'react';\n\n/**\n * The function to be passed into a block component as `children` to selectively override default blocks, or just a `ReactNode`.\n *\n * @example\n * <Block>\n * {({ defaultBlocks: { header, ...defaultBlocks }, defaultBlockOrder }) => ({\n * blocks: {\n * ...defaultBlocks,\n * header: {\n * ...header,\n * props: {\n * ...header.props,\n * label: \"Custom Label\"\n * }\n * },\n * subheader: <CustomComponent />\n * },\n * blockOrder: [\"header\", \"subheader\", \"body\", \"footer\"]\n * })}\n * </Block>\n */\nexport type BlocksOverride<DefaultBlocks, CustomBlocks> =\n | (({\n defaultBlocks,\n defaultBlockOrder,\n }: {\n defaultBlocks: DefaultBlocks;\n defaultBlockOrder: readonly (keyof DefaultBlocks)[];\n }) => {\n blocks: Partial<DefaultBlocks> & CustomBlocks;\n // NOTE: This specific combination allows proper autocomplete.\n blockOrder: readonly (keyof DefaultBlocks)[] | readonly (keyof CustomBlocks)[];\n })\n | ReactNode;\n\n/**\n * Creates a strongly typed `defaultBlocks` object, allowing for types to propagate into block override objects.\n *\n * @param components - A map of default block keys to component functions.\n *\n * @example\n * const defaultBlocks = createDefaultBlocks({\n * title: Title,\n * description: Description,\n * form: Form,\n * });\n */\nexport function createDefaultBlocks<T extends Record<string, FunctionComponent<any>>>(\n components: T\n): {\n [K in keyof T]: ReactElement<ComponentProps<T[K]>, T[K]>;\n} {\n return Object.fromEntries(\n Object.entries(components).map(([key, Component]) => [key, createElement(Component, { key })])\n ) as {\n [K in keyof T]: ReactElement<ComponentProps<T[K]>, T[K]>;\n };\n}\n\n/**\n * A component for rendering {@link BlocksOverride|`BlocksOverride`} results.\n * Exposes the evaluated `blocks` and `blockOrder` as arguments to the `children` function.\n *\n * @param props\n * @param props.blocksOverride - The {@link BlocksOverride|`BlocksOverride`} (i.e. `children` of outer component).\n * @param props.defaultBlocks - The default blocks of outer component.\n * @param props.children - A function returning the JSX to render.\n *\n * @example\n * <BlocksOverrideComponent\n * defaultBlocks={defaultFormBlocks}\n * blocksOverride={children}\n * >\n * {({ blocks, blockOrder }) =>\n * blockOrder.map((key) => (\n * <Fragment key={String(key)}>{blocks[key]}</Fragment>\n * ))\n * }\n * </BlocksOverrideComponent>\n */\nexport function BlocksOverrideComponent<\n DefaultBlocks extends Record<string, ReactNode>,\n CustomBlocks extends Record<string, ReactNode>,\n>({\n blocksOverride,\n defaultBlocks,\n defaultBlockOrder,\n children,\n}: {\n blocksOverride: BlocksOverride<DefaultBlocks, CustomBlocks>;\n defaultBlocks: DefaultBlocks;\n defaultBlockOrder: (keyof DefaultBlocks)[];\n children: ({\n blocks,\n blockOrder,\n }: {\n // TODO: Possibly find an alternative to Partial<CustomBlocks>\n blocks: Partial<DefaultBlocks> & Partial<CustomBlocks>;\n blockOrder: readonly (keyof DefaultBlocks | keyof CustomBlocks)[];\n }) => ReactNode;\n}) {\n if (blocksOverride === undefined) {\n return children({\n // TODO: Remove this assertion\n blocks: defaultBlocks as DefaultBlocks & Partial<CustomBlocks>,\n blockOrder: defaultBlockOrder,\n });\n }\n\n if (typeof blocksOverride === 'function') {\n const { blocks, blockOrder } = blocksOverride({\n defaultBlocks,\n defaultBlockOrder,\n });\n\n return children({ blocks, blockOrder });\n }\n\n return blocksOverride;\n}\n\nexport function deepMerge<A extends Record<string, any>, B extends Record<string, any>>(obj1: A, obj2: B) {\n const result: Record<string, any> = { ...obj1 };\n\n for (const key in obj2) {\n if (obj2.hasOwnProperty(key)) {\n const val1 = result[key];\n const val2 = obj2[key];\n\n if (Array.isArray(val1) || Array.isArray(val2)) {\n // If either is an array, replace entirely with obj2's value\n result[key] = val2;\n } else if (typeof val1 === 'object' && val1 !== null && typeof val2 === 'object' && val2 !== null) {\n result[key] = deepMerge(val1, val2);\n } else {\n result[key] = val2;\n }\n }\n }\n\n return result as A & B;\n}\n\ntype ClassName = string | ClassName[] | undefined | null;\n\n/**\n * Utility function to join class names together, ignoring undefined or nil values.\n * @param classes - The class names to join.\n * @returns The joined class names.\n */\nexport function classNames(...classes: ClassName[]): string {\n return classes.flat().filter(Boolean).join(' ');\n}\n","import { createContext, ReactNode, useContext } from 'react';\n\ntype FaqContextValue = {\n faqTitle: ReactNode;\n subtitle: ReactNode;\n items: {\n question: string;\n answer: string;\n }[];\n activeIndex: number | null;\n toggleAccordion: (index: number) => void;\n};\n\nconst FaqContext = createContext<FaqContextValue | undefined>(undefined);\n\nexport const FaqProvider = ({\n children,\n ...value\n}: FaqContextValue & {\n children: ReactNode;\n}) => {\n return <FaqContext.Provider value={value}>{children}</FaqContext.Provider>;\n};\n\nexport const useFaqContext = () => {\n const context = useContext<FaqContextValue | undefined>(FaqContext);\n\n if (!context) {\n throw new Error('useFaqContext must be used within a FaqProvider');\n }\n return context;\n};\n","import { ComponentProps, Fragment, ReactNode, useCallback, useState } from 'react';\nimport './faq.css';\nimport { BlocksOverride, BlocksOverrideComponent, classNames, createDefaultBlocks, deepMerge } from './lib';\nimport { FaqProvider, useFaqContext } from './context';\n\nexport const FAQ = <CustomBlocks extends Record<string, ReactNode> = {}>({\n faqTitle,\n subtitle,\n items,\n className,\n children,\n ...props\n}: ComponentProps<'div'> & {\n faqTitle: ReactNode;\n subtitle: ReactNode;\n items: {\n question: string;\n answer: string;\n }[];\n children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;\n}) => {\n const [activeIndex, setActiveIndex] = useState<number | null>(null);\n\n const toggleAccordion = useCallback(\n (index: number) => {\n setActiveIndex((activeIndex) => (activeIndex === index ? null : index));\n },\n [setActiveIndex]\n );\n\n return (\n <div className={classNames('nbb-faq-accordion', className)} {...props}>\n <FaqProvider\n {...{\n faqTitle,\n subtitle,\n items,\n activeIndex,\n toggleAccordion,\n }}\n >\n <BlocksOverrideComponent\n defaultBlocks={defaultBlocks}\n defaultBlockOrder={Object.keys(defaultBlocks) as (keyof typeof defaultBlocks)[]}\n blocksOverride={children}\n >\n {({ blocks: { item, ...blocks }, blockOrder }) =>\n blockOrder\n .filter((key) => key in blocks)\n .map<ReactNode>((key) => <Fragment key={String(key)}>{blocks[key]}</Fragment>)\n }\n </BlocksOverrideComponent>\n </FaqProvider>\n </div>\n );\n};\n\nFAQ.Title = (props: Partial<ComponentProps<'div'> & { subtitle: string }>) => {\n const { children, className, faqTitle, subtitle } = deepMerge(useFaqContext(), props);\n\n return (\n <div className={classNames('nbb-faq-heading', className)} {...props}>\n <h3>{children || faqTitle}</h3>\n <h2>{subtitle}</h2>\n </div>\n );\n};\n\nconst ChevronIcon = ({ direction }: { direction: string }) => {\n return direction === 'up' ? (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M7.41 15.59L12 11L16.59 15.59L18 14.17L12 8.17L6 14.17L7.41 15.59Z\" fill=\"#737D90\" />\n </svg>\n ) : (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M7.41 8.41L12 13L16.59 8.41L18 9.83L12 15.83L6 9.83L7.41 8.41Z\" fill=\"#737D90\" />\n </svg>\n );\n};\n\nFAQ.Item = ({\n className,\n question,\n answer,\n index,\n isActive,\n onToggle,\n ...props\n}: Partial<ComponentProps<'div'>> & {\n question: string;\n answer: string;\n index: number;\n isActive: boolean;\n onToggle: (index: number) => void;\n}) => {\n return (\n <div className={classNames('nbb-faq-item', className)} {...props}>\n <button className={`nbb-faq-question ${isActive ? 'active' : ''}`} onClick={() => onToggle(index)}>\n <div className=\"nbb-faq-header\">\n <span className=\"nbb-question-mark\">Q.</span>\n <span>{question}</span>\n </div>\n <span className=\"nbb-faq-toggle\">\n <ChevronIcon direction={`${isActive ? 'up' : 'down'}`} />\n </span>\n </button>\n {isActive && (\n <div className=\"nbb-faq-answer\">\n <p>{answer}</p>\n </div>\n )}\n </div>\n );\n};\n\nFAQ.ItemList = (props: Partial<ComponentProps<'div'> & { subtitle: string }>) => {\n const { className, items, activeIndex, toggleAccordion } = deepMerge(useFaqContext(), props);\n\n return (\n <div className={classNames('nbb-item-list', className)} {...props}>\n {items.map((item, index) => (\n <FAQ.Item\n key={index}\n question={item.question}\n answer={item.answer}\n index={index}\n isActive={index == activeIndex}\n onToggle={toggleAccordion}\n />\n ))}\n </div>\n );\n};\n\nconst defaultBlocks = createDefaultBlocks({\n title: FAQ.Title,\n item: FAQ.Item,\n itemList: FAQ.ItemList,\n});\n\nexport default FAQ;\n"],"names":["_jsx","_jsxs"],"mappings":"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","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"index.esm.js","sources":["../src/lib.ts","../src/context.tsx","../src/faq.tsx"],"sourcesContent":["import { ComponentProps, createElement, FunctionComponent, ReactElement, ReactNode } from 'react';\n\n/**\n * The function to be passed into a block component as `children` to selectively override default blocks, or just a `ReactNode`.\n *\n * @example\n * <Block>\n * {({ defaultBlocks: { header, ...defaultBlocks }, defaultBlockOrder }) => ({\n * blocks: {\n * ...defaultBlocks,\n * header: {\n * ...header,\n * props: {\n * ...header.props,\n * label: \"Custom Label\"\n * }\n * },\n * subheader: <CustomComponent />\n * },\n * blockOrder: [\"header\", \"subheader\", \"body\", \"footer\"]\n * })}\n * </Block>\n */\nexport type BlocksOverride<DefaultBlocks, CustomBlocks> =\n | (({\n defaultBlocks,\n defaultBlockOrder,\n }: {\n defaultBlocks: DefaultBlocks;\n defaultBlockOrder: readonly (keyof DefaultBlocks)[];\n }) => {\n blocks: Partial<DefaultBlocks> & CustomBlocks;\n // NOTE: This specific combination allows proper autocomplete.\n blockOrder: readonly (keyof DefaultBlocks)[] | readonly (keyof CustomBlocks)[];\n })\n | ReactNode;\n\n/**\n * Creates a strongly typed `defaultBlocks` object, allowing for types to propagate into block override objects.\n *\n * @param components - A map of default block keys to component functions.\n *\n * @example\n * const defaultBlocks = createDefaultBlocks({\n * title: Title,\n * description: Description,\n * form: Form,\n * });\n */\nexport function createDefaultBlocks<T extends Record<string, FunctionComponent<any>>>(\n components: T\n): {\n [K in keyof T]: ReactElement<ComponentProps<T[K]>, T[K]>;\n} {\n return Object.fromEntries(\n Object.entries(components).map(([key, Component]) => [key, createElement(Component, { key })])\n ) as {\n [K in keyof T]: ReactElement<ComponentProps<T[K]>, T[K]>;\n };\n}\n\n/**\n * A component for rendering {@link BlocksOverride|`BlocksOverride`} results.\n * Exposes the evaluated `blocks` and `blockOrder` as arguments to the `children` function.\n *\n * @param props\n * @param props.blocksOverride - The {@link BlocksOverride|`BlocksOverride`} (i.e. `children` of outer component).\n * @param props.defaultBlocks - The default blocks of outer component.\n * @param props.children - A function returning the JSX to render.\n *\n * @example\n * <BlocksOverrideComponent\n * defaultBlocks={defaultFormBlocks}\n * blocksOverride={children}\n * >\n * {({ blocks, blockOrder }) =>\n * blockOrder.map((key) => (\n * <Fragment key={String(key)}>{blocks[key]}</Fragment>\n * ))\n * }\n * </BlocksOverrideComponent>\n */\nexport function BlocksOverrideComponent<\n DefaultBlocks extends Record<string, ReactNode>,\n CustomBlocks extends Record<string, ReactNode>,\n>({\n blocksOverride,\n defaultBlocks,\n defaultBlockOrder,\n children,\n}: {\n blocksOverride: BlocksOverride<DefaultBlocks, CustomBlocks>;\n defaultBlocks: DefaultBlocks;\n defaultBlockOrder: (keyof DefaultBlocks)[];\n children: ({\n blocks,\n blockOrder,\n }: {\n // TODO: Possibly find an alternative to Partial<CustomBlocks>\n blocks: Partial<DefaultBlocks> & Partial<CustomBlocks>;\n blockOrder: readonly (keyof DefaultBlocks | keyof CustomBlocks)[];\n }) => ReactNode;\n}) {\n if (blocksOverride === undefined) {\n return children({\n // TODO: Remove this assertion\n blocks: defaultBlocks as DefaultBlocks & Partial<CustomBlocks>,\n blockOrder: defaultBlockOrder,\n });\n }\n\n if (typeof blocksOverride === 'function') {\n const { blocks, blockOrder } = blocksOverride({\n defaultBlocks,\n defaultBlockOrder,\n });\n\n return children({ blocks, blockOrder });\n }\n\n return blocksOverride;\n}\n\ntype MergeTypes<Object1, Object2> = {\n [K in keyof Object1 | keyof Object2]: K extends keyof Object1\n ? Object1[K]\n : K extends keyof Object2\n ? Object2[K]\n : never;\n};\n\nexport function deepMerge<A extends Record<string, any>, B extends Record<string, any>>(obj1: A, obj2: B) {\n const result: Record<string, any> = { ...obj1 };\n\n for (const key in obj2) {\n if (obj2.hasOwnProperty(key)) {\n const val1 = result[key];\n const val2 = obj2[key];\n\n if (Array.isArray(val1) || Array.isArray(val2)) {\n // If either is an array, replace entirely with obj2's value\n result[key] = val2;\n } else if (typeof val1 === 'object' && val1 !== null && typeof val2 === 'object' && val2 !== null) {\n result[key] = deepMerge(val1, val2);\n } else {\n result[key] = val2;\n }\n }\n }\n\n return result as MergeTypes<B, A>;\n}\n\ntype ClassName = string | ClassName[] | undefined | null;\n\n/**\n * Utility function to join class names together, ignoring undefined or nil values.\n * @param classes - The class names to join.\n * @returns The joined class names.\n */\nexport function classNames(...classes: ClassName[]): string {\n return classes.flat().filter(Boolean).join(' ');\n}\n","import { createContext, ReactNode, useContext } from 'react';\n\ntype FaqContextValue = {\n faqTitle: ReactNode;\n subtitle: ReactNode;\n items: {\n question: string;\n answer: string;\n }[];\n activeIndex: number | null;\n toggleAccordion: (index: number) => void;\n};\n\nconst FaqContext = createContext<FaqContextValue | undefined>(undefined);\n\nexport const FaqProvider = ({\n children,\n ...value\n}: FaqContextValue & {\n children: ReactNode;\n}) => {\n return <FaqContext.Provider value={value}>{children}</FaqContext.Provider>;\n};\n\nexport const useFaqContext = () => {\n const context = useContext<FaqContextValue | undefined>(FaqContext);\n\n if (!context) {\n throw new Error('useFaqContext must be used within a FaqProvider');\n }\n return context;\n};\n","import { ComponentProps, Fragment, ReactNode, useCallback, useState } from 'react';\nimport {\n Accordion,\n AccordionDetails,\n AccordionProps,\n AccordionSummary,\n Divider,\n Stack,\n StackProps,\n Typography,\n} from '@mui/material';\nimport { ExpandMore } from '@mui/icons-material';\nimport { BlocksOverride, BlocksOverrideComponent, classNames, createDefaultBlocks, deepMerge } from './lib';\nimport { FaqProvider, useFaqContext } from './context';\n\nexport const FAQ = <CustomBlocks extends Record<string, ReactNode> = {}>({\n faqTitle,\n subtitle,\n items,\n className,\n sx,\n children,\n ...props\n}: Omit<StackProps, 'children'> & {\n faqTitle: ReactNode;\n subtitle: ReactNode;\n items: {\n question: string;\n answer: string;\n }[];\n children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;\n}) => {\n const [activeIndex, setActiveIndex] = useState<number | null>(null);\n\n const toggleAccordion = useCallback(\n (index: number) => {\n setActiveIndex((activeIndex) => (activeIndex === index ? null : index));\n },\n [setActiveIndex]\n );\n\n return (\n <Stack\n spacing={5}\n className={classNames('nbb-faq-accordion', className)}\n sx={[\n {\n px: 2,\n py: 5,\n },\n ...(Array.isArray(sx) ? sx : [sx]),\n ]}\n {...props}\n >\n <FaqProvider\n {...{\n faqTitle,\n subtitle,\n items,\n activeIndex,\n toggleAccordion,\n }}\n >\n <BlocksOverrideComponent\n defaultBlocks={defaultBlocks}\n defaultBlockOrder={Object.keys(defaultBlocks) as (keyof typeof defaultBlocks)[]}\n blocksOverride={children}\n >\n {({ blocks: { item, ...blocks }, blockOrder }) =>\n blockOrder\n .filter((key) => key in blocks)\n .map<ReactNode>((key) => <Fragment key={String(key)}>{blocks[key]}</Fragment>)\n }\n </BlocksOverrideComponent>\n </FaqProvider>\n </Stack>\n );\n};\n\nFAQ.Title = (props: Partial<StackProps & { subtitle: string }>) => {\n const { faqTitle, subtitle } = deepMerge(useFaqContext(), props);\n const { children, className, sx = [], spacing = 1, ...rest } = props;\n\n return (\n <Stack\n className={classNames('nbb-faq-heading', className)}\n spacing={1}\n sx={[\n {\n textAlign: 'center',\n },\n ...(Array.isArray(sx) ? sx : [sx]),\n ]}\n {...rest}\n >\n <Typography component=\"p\" variant=\"h6\" sx={{ color: 'primary.main' }}>\n {children || faqTitle}\n </Typography>\n <Typography variant=\"h4\">{subtitle}</Typography>\n </Stack>\n );\n};\n\nFAQ.Item = ({\n className,\n sx,\n question,\n answer,\n index,\n isActive,\n onToggle,\n ...props\n}: Partial<Omit<AccordionProps, 'onToggle'>> & {\n question: string;\n answer: string;\n index: number;\n isActive: boolean;\n onToggle: (index: number) => void;\n}) => {\n return (\n <Accordion\n expanded={isActive}\n onChange={() => onToggle(index)}\n className={classNames('nbb-faq-item', className)}\n sx={[\n {\n '&.Mui-expanded': {\n m: 0,\n },\n '&.Mui-expanded::before': {\n opacity: 1,\n },\n '&::before': {\n backgroundColor: 'grey.100',\n },\n boxShadow: 'none',\n },\n ...(Array.isArray(sx) ? sx : [sx]),\n ]}\n {...props}\n >\n <AccordionSummary\n expandIcon={<ExpandMore />}\n className=\"nbb-faq-question\"\n sx={{\n px: 2.5,\n py: 2,\n '&.Mui-expanded': {\n minHeight: 'auto',\n },\n '& .MuiAccordionSummary-content': {\n my: 0,\n },\n '&.Mui-expanded .MuiAccordionSummary-content': {\n my: 0,\n },\n '& .MuiAccordionSummary-expandIconWrapper': {\n ml: 2,\n },\n }}\n >\n <Stack direction=\"row\" spacing={2}>\n <Typography sx={{ color: 'primary.main', fontWeight: 'bold' }}>Q.</Typography>\n <Typography sx={{ fontWeight: 'h6.fontWeight' }}>{question}</Typography>\n </Stack>\n </AccordionSummary>\n <AccordionDetails\n sx={{\n px: 2.5,\n pt: 0,\n }}\n >\n <Typography component=\"p\">{answer}</Typography>\n </AccordionDetails>\n </Accordion>\n );\n};\n\nFAQ.ItemList = (props: Partial<StackProps & { subtitle: string }>) => {\n const { items, activeIndex, toggleAccordion } = deepMerge(useFaqContext(), props);\n const { className, ...rest } = props;\n\n return (\n <Stack className={classNames('nbb-faq-item-list', className)} {...rest}>\n <Divider />\n {items.map((item: { question: string; answer: string }, index: number) => (\n <FAQ.Item\n key={index}\n question={item.question}\n answer={item.answer}\n index={index}\n isActive={index == activeIndex}\n onToggle={toggleAccordion}\n />\n ))}\n <Divider />\n </Stack>\n );\n};\n\nconst defaultBlocks = createDefaultBlocks({\n title: FAQ.Title,\n item: FAQ.Item,\n itemList: FAQ.ItemList,\n});\n\nexport default FAQ;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
package/dist/lib.d.ts CHANGED
@@ -72,7 +72,10 @@ export declare function BlocksOverrideComponent<DefaultBlocks extends Record<str
72
72
  blockOrder: readonly (keyof DefaultBlocks | keyof CustomBlocks)[];
73
73
  }) => ReactNode;
74
74
  }): ReactNode;
75
- export declare function deepMerge<A extends Record<string, any>, B extends Record<string, any>>(obj1: A, obj2: B): A & B;
75
+ type MergeTypes<Object1, Object2> = {
76
+ [K in keyof Object1 | keyof Object2]: K extends keyof Object1 ? Object1[K] : K extends keyof Object2 ? Object2[K] : never;
77
+ };
78
+ export declare function deepMerge<A extends Record<string, any>, B extends Record<string, any>>(obj1: A, obj2: B): MergeTypes<B, A>;
76
79
  type ClassName = string | ClassName[] | undefined | null;
77
80
  /**
78
81
  * Utility function to join class names together, ignoring undefined or nil values.
package/dist/lib.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAiB,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElG;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,cAAc,CAAC,aAAa,EAAE,YAAY,IAClD,CAAC,CAAC,EACA,aAAa,EACb,iBAAiB,GAClB,EAAE;IACD,aAAa,EAAE,aAAa,CAAC;IAC7B,iBAAiB,EAAE,SAAS,CAAC,MAAM,aAAa,CAAC,EAAE,CAAC;CACrD,KAAK;IACJ,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,YAAY,CAAC;IAE9C,UAAU,EAAE,SAAS,CAAC,MAAM,aAAa,CAAC,EAAE,GAAG,SAAS,CAAC,MAAM,YAAY,CAAC,EAAE,CAAC;CAChF,CAAC,GACF,SAAS,CAAC;AAEd;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAClF,UAAU,EAAE,CAAC,GACZ;KACA,CAAC,IAAI,MAAM,CAAC,GAAG,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;CACzD,CAMA;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,uBAAuB,CACrC,aAAa,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAC/C,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAC9C,EACA,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,QAAQ,GACT,EAAE;IACD,cAAc,EAAE,cAAc,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;IAC5D,aAAa,EAAE,aAAa,CAAC;IAC7B,iBAAiB,EAAE,CAAC,MAAM,aAAa,CAAC,EAAE,CAAC;IAC3C,QAAQ,EAAE,CAAC,EACT,MAAM,EACN,UAAU,GACX,EAAE;QAED,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;QACvD,UAAU,EAAE,SAAS,CAAC,MAAM,aAAa,GAAG,MAAM,YAAY,CAAC,EAAE,CAAC;KACnE,KAAK,SAAS,CAAC;CACjB,aAmBA;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,GAmBrF,CAAC,GAAG,CAAC,CACvB;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC;AAEzD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,OAAO,EAAE,SAAS,EAAE,GAAG,MAAM,CAE1D"}
1
+ {"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAiB,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElG;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,cAAc,CAAC,aAAa,EAAE,YAAY,IAClD,CAAC,CAAC,EACA,aAAa,EACb,iBAAiB,GAClB,EAAE;IACD,aAAa,EAAE,aAAa,CAAC;IAC7B,iBAAiB,EAAE,SAAS,CAAC,MAAM,aAAa,CAAC,EAAE,CAAC;CACrD,KAAK;IACJ,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,YAAY,CAAC;IAE9C,UAAU,EAAE,SAAS,CAAC,MAAM,aAAa,CAAC,EAAE,GAAG,SAAS,CAAC,MAAM,YAAY,CAAC,EAAE,CAAC;CAChF,CAAC,GACF,SAAS,CAAC;AAEd;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAClF,UAAU,EAAE,CAAC,GACZ;KACA,CAAC,IAAI,MAAM,CAAC,GAAG,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;CACzD,CAMA;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,uBAAuB,CACrC,aAAa,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAC/C,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAC9C,EACA,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,QAAQ,GACT,EAAE;IACD,cAAc,EAAE,cAAc,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;IAC5D,aAAa,EAAE,aAAa,CAAC;IAC7B,iBAAiB,EAAE,CAAC,MAAM,aAAa,CAAC,EAAE,CAAC;IAC3C,QAAQ,EAAE,CAAC,EACT,MAAM,EACN,UAAU,GACX,EAAE;QAED,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;QACvD,UAAU,EAAE,SAAS,CAAC,MAAM,aAAa,GAAG,MAAM,YAAY,CAAC,EAAE,CAAC;KACnE,KAAK,SAAS,CAAC;CACjB,aAmBA;AAED,KAAK,UAAU,CAAC,OAAO,EAAE,OAAO,IAAI;KACjC,CAAC,IAAI,MAAM,OAAO,GAAG,MAAM,OAAO,GAAG,CAAC,SAAS,MAAM,OAAO,GACzD,OAAO,CAAC,CAAC,CAAC,GACV,CAAC,SAAS,MAAM,OAAO,GACrB,OAAO,CAAC,CAAC,CAAC,GACV,KAAK;CACZ,CAAC;AAEF,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,GAmBrF,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,CAClC;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC;AAEzD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,OAAO,EAAE,SAAS,EAAE,GAAG,MAAM,CAE1D"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nodeblocks/frontend-faq-block",
3
- "version": "0.1.1",
3
+ "version": "0.2.0",
4
4
  "main": "dist/index.cjs.js",
5
5
  "module": "dist/index.esm.js",
6
6
  "browser": "dist/index.iife.js",
@@ -11,21 +11,26 @@
11
11
  ],
12
12
  "scripts": {
13
13
  "build": "rollup -c",
14
- "watch": "rollup -c --watch"
14
+ "watch": "rm -rf dist && cross-env NODE_ENV=development rollup -c --watch"
15
15
  },
16
16
  "peerDependencies": {
17
- "react": "^18.3.1",
18
- "react-dom": "^18.3.1"
17
+ "@emotion/react": "^11.14.0",
18
+ "@emotion/styled": "^11.14.1",
19
+ "@mui/icons-material": "^7.3.6",
20
+ "@mui/material": "^7.3.6",
21
+ "react": ">=18 <20",
22
+ "react-dom": ">=18 <20"
19
23
  },
20
24
  "devDependencies": {
21
- "@rollup/plugin-commonjs": "^28.0.1",
25
+ "@rollup/plugin-commonjs": "^28.0.6",
22
26
  "@rollup/plugin-json": "^6.1.0",
23
27
  "@rollup/plugin-node-resolve": "^15.3.0",
24
28
  "@rollup/plugin-typescript": "^12.1.1",
25
- "@types/react": "^18.3.12",
26
- "@types/react-dom": "^18.3.1",
29
+ "@types/react": "19.2.7",
30
+ "@types/react-dom": "19.2.3",
27
31
  "rollup": "^4.28.0",
28
32
  "rollup-plugin-peer-deps-external": "^2.2.4",
33
+ "rollup-plugin-polyfill-node": "^0.13.0",
29
34
  "rollup-plugin-postcss": "^4.0.2",
30
35
  "rollup-plugin-serve": "^1.1.1",
31
36
  "tslib": "^2.8.1",