@nodeblocks/frontend-footer-block 0.0.3 → 0.2.0

package/dist/context.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+type FooterContextValue = {
+    logoSrc: string;
+    copyright: ReactNode;
+    content: ReactNode;
+};
+export declare const FooterProvider: ({ children, ...value }: FooterContextValue & {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useFooterContext: () => FooterContextValue;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAE7D,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,SAAS,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,cAAc,GAAI,wBAG5B,kBAAkB,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB,4CAEA,CAAC;AAEF,eAAO,MAAM,gBAAgB,0BAO5B,CAAC"}

package/dist/footer.d.ts

@@ -1,23 +1,22 @@
-import React from "react";
-import { DefaultBlocks } from "./blocks";
-import "./footer.css";
-export type FooterChildren = (props: {
-    defaultBlocks: DefaultBlocks;
-    settings?: {
-        [key: string]: any;
-    };
-}) => {
-    blocks: Partial<DefaultBlocks>;
-    settings?: {
-        [key: string]: any;
-    };
+import { ComponentProps, ReactNode } from 'react';
+import './footer.css';
+import { BlocksOverride } from './lib';
+import { Box, Stack } from '@mui/material';
+declare const Footer: {
+    <CustomBlocks extends Record<string, ReactNode> = {}>({ logoSrc, content, copyright, className, children, ...props }: Omit<ComponentProps<typeof Stack>, "content" | "children"> & {
+        logoSrc: string;
+        copyright: ReactNode;
+        content: ReactNode;
+        children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;
+    }): import("react/jsx-runtime").JSX.Element;
+    Logo(props: Partial<ComponentProps<typeof Box>>): import("react/jsx-runtime").JSX.Element;
+    Content(props: Partial<ComponentProps<typeof Box>>): import("react/jsx-runtime").JSX.Element;
+    Copyright(props: Partial<ComponentProps<typeof Box>>): import("react/jsx-runtime").JSX.Element;
+};
+declare const defaultBlocks: {
+    logo: import("react").ReactElement<Partial<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>>>, (props: Partial<ComponentProps<typeof Box>>) => import("react/jsx-runtime").JSX.Element>;
+    content: import("react").ReactElement<Partial<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>>>, (props: Partial<ComponentProps<typeof Box>>) => import("react/jsx-runtime").JSX.Element>;
+    copyright: import("react").ReactElement<Partial<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>>>, (props: Partial<ComponentProps<typeof Box>>) => import("react/jsx-runtime").JSX.Element>;
 };
-declare const Footer: ({ logoSrc, items, className, children, copyright }: {
-    className: string;
-    logoSrc: string;
-    copyright: React.ReactNode | string;
-    items: Array<React.ReactNode>;
-    children?: FooterChildren;
-}) => import("react/jsx-runtime").JSX.Element;
 export default Footer;
 //# sourceMappingURL=footer.d.ts.map

package/dist/footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../src/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAiB,aAAa,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,cAAc,CAAC;AAEtB,MAAM,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE;IACnC,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;CAClC,KACI;IACH,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CACnC,CAAC;AAEF,QAAA,MAAM,MAAM,GAAI,oDAKd;IACA,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,4CAaA,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../src/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,cAAc,EAAuE,MAAM,OAAO,CAAC;AAE5G,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C,QAAA,MAAM,MAAM;KAAI,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,uEAO3D,IAAI,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC,GAAG;QAC9D,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,SAAS,CAAC;QACrB,OAAO,EAAE,SAAS,CAAC;QACnB,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,aAAa,EAAE,YAAY,CAAC,CAAC;KAC/D;gBAqCqB,OAAO,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;mBAehC,OAAO,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;qBAUjC,OAAO,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;CA3B7D,CAAC;AAqCF,QAAA,MAAM,aAAa;4SAnCG,OAAO,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;+SAehC,OAAO,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;iTAUjC,OAAO,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;CAc5D,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/dist/index.cjs.js

@@ -1,34 +1,14 @@
-'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
 
-function setBlocks(defaultBlocks, defaultOptions, children) {
-    const results = children
-        ? children({ defaultBlocks, ...defaultOptions })
-        : { blocks: {}, ...defaultOptions };
-    const { blocks: customBlocks = {} } = results;
-    return {
-        ...results,
-        blocks: Object.fromEntries(Object.entries(defaultBlocks).map(([key, defaultComponent]) => [
-            key,
-            customBlocks[key] || defaultComponent,
-        ])),
-    };
-}
-/**
- * Utility function to join class names together, ignoring undefined or nil values.
- * @param classes - The class names to join.
- * @returns The joined class names.
- */
-function classNames(...classes) {
-    return classes.flat().filter(Boolean).join(' ');
-}
+          if (typeof global === 'undefined') {
+            var global = window;
+          }
+        
+'use strict';
 
-const defaultBlocks = {
-    FooterLogo: ({ src, alt }) => (jsxRuntime.jsx("img", { className: "nbb-footer-logo", src: src, alt: alt || 'Footer logo' })),
-    FooterText: ({ children }) => jsxRuntime.jsx("p", { className: "nbb-footer-text", children: children }),
-    FooterCopyright: ({ children }) => (jsxRuntime.jsx("p", { className: "nbb-footer-copyright", children: children })),
-};
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var material = require('@mui/material');
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -57,14 +37,144 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "/* footer.css */\n.nbb-footer {\n  --color-object-accent-primary: #006ead;\n  --color-text-on-primary: #fff;\n\n  background-color: var(--color-object-accent-primary);\n  color: var(--color-text-on-primary);\n  padding: 16px;\n  text-align: left;\n}\n\n.nbb-footer .nbb-footer-title {\n  font-size: 24px;\n  font-weight: bold;\n  margin-bottom: 16px;\n}\n\n.nbb-footer .nbb-footer-text {\n  font-size: 16px;\n  margin-bottom: 8px;\n}\n.nbb-footer .nbb-footer-text a {\n  color: inherit;\n}\n.nbb-footer .nbb-footer-text a:hover {\n  text-decoration: underline;\n}\n\n.nbb-footer .nbb-footer-copyright {\n  font-size: 14px;\n  margin-top: 16px;\n}\n";
+var css_248z = ".nbb-footer img {\n  display: block;\n}\n\n.nbb-footer a {\n  color: inherit;\n}\n.nbb-footer a:hover {\n  text-decoration: underline;\n}\n";
 styleInject(css_248z);
 
-const Footer = ({ logoSrc, items = [], className, children, copyright }) => {
-    const { blocks } = setBlocks(defaultBlocks, {}, children);
-    const { FooterLogo, FooterText, FooterCopyright } = blocks;
-    return (jsxRuntime.jsxs("footer", { className: classNames("nbb-footer", className), children: [jsxRuntime.jsx(FooterLogo, { src: logoSrc }), items.map((item, index) => (jsxRuntime.jsx(FooterText, { children: item }, index))), jsxRuntime.jsx(FooterCopyright, { children: copyright })] }));
+/**
+ * Creates a strongly typed `defaultBlocks` object, allowing for types to propagate into block override objects.
+ *
+ * @param components - A map of default block keys to component functions.
+ *
+ * @example
+ * const defaultBlocks = createDefaultBlocks({
+ *   title: Title,
+ *   description: Description,
+ *   form: Form,
+ * });
+ */
+function createDefaultBlocks(components) {
+    return Object.fromEntries(Object.entries(components).map(([key, Component]) => [key, react.createElement(Component, { key })]));
+}
+/**
+ * A component for rendering {@link BlocksOverride|`BlocksOverride`} results.
+ * Exposes the evaluated `blocks` and `blockOrder` as arguments to the `children` function.
+ *
+ * @param props
+ * @param props.blocksOverride - The {@link BlocksOverride|`BlocksOverride`} (i.e. `children` of outer component).
+ * @param props.defaultBlocks - The default blocks of outer component.
+ * @param props.children - A function returning the JSX to render.
+ *
+ * @example
+ * <BlocksOverrideComponent
+ *   defaultBlocks={defaultFormBlocks}
+ *   blocksOverride={children}
+ * >
+ *   {({ blocks, blockOrder }) =>
+ *     blockOrder.map((key) => (
+ *       <Fragment key={String(key)}>{blocks[key]}</Fragment>
+ *     ))
+ *   }
+ * </BlocksOverrideComponent>
+ */
+function BlocksOverrideComponent({ blocksOverride, defaultBlocks, defaultBlockOrder, children, }) {
+    if (blocksOverride === undefined) {
+        return children({
+            // TODO: Remove this assertion
+            blocks: defaultBlocks,
+            blockOrder: defaultBlockOrder,
+        });
+    }
+    if (typeof blocksOverride === 'function') {
+        const { blocks, blockOrder } = blocksOverride({
+            defaultBlocks,
+            defaultBlockOrder,
+        });
+        return children({ blocks, blockOrder });
+    }
+    return blocksOverride;
+}
+function deepMerge(obj1, obj2) {
+    const result = { ...obj1 };
+    for (const key in obj2) {
+        if (obj2.hasOwnProperty(key)) {
+            const val1 = result[key];
+            const val2 = obj2[key];
+            if (Array.isArray(val1) || Array.isArray(val2)) {
+                // If either is an array, replace entirely with obj2's value
+                result[key] = val2;
+            }
+            else if (typeof val1 === 'object' && val1 !== null && typeof val2 === 'object' && val2 !== null) {
+                result[key] = deepMerge(val1, val2);
+            }
+            else {
+                result[key] = val2;
+            }
+        }
+    }
+    return result;
+}
+/**
+ * Utility function to join class names together, ignoring undefined or nil values.
+ * @param classes - The class names to join.
+ * @returns The joined class names.
+ */
+function classNames(...classes) {
+    return classes.flat().filter(Boolean).join(' ');
+}
+
+const FooterContext = react.createContext(undefined);
+const FooterProvider = ({ children, ...value }) => {
+    return jsxRuntime.jsx(FooterContext.Provider, { value: value, children: children });
+};
+const useFooterContext = () => {
+    const context = react.useContext(FooterContext);
+    if (!context) {
+        throw new Error('useFooterContext must be used within a FooterProvider');
+    }
+    return context;
+};
+
+const Footer = ({ logoSrc, content, copyright, className, children, ...props }) => {
+    const { sx: sxProp, ...restProps } = props;
+    const sx = [
+        {
+            backgroundColor: 'primary.main',
+            color: 'primary.contrastText',
+            py: 3,
+            px: 2,
+            typography: 'body2',
+        },
+        ...(Array.isArray(sxProp) ? sxProp : [sxProp]),
+    ];
+    return (jsxRuntime.jsx(material.Stack, { component: "footer", className: classNames('nbb-footer', className), spacing: 2, sx: sx, ...restProps, children: jsxRuntime.jsx(FooterProvider, { logoSrc,
+            content,
+            copyright, children: jsxRuntime.jsx(BlocksOverrideComponent, { defaultBlocks: defaultBlocks, defaultBlockOrder: Object.keys(defaultBlocks), blocksOverride: children, children: ({ blocks: { ...blocks }, blockOrder }) => blockOrder
+                    .filter((key) => key in blocks)
+                    .map((key) => jsxRuntime.jsx(react.Fragment, { children: blocks[key] }, String(key))) }) }) }));
+};
+Footer.Logo = (props) => {
+    const { className, logoSrc, sx: sxProp, ...restProps } = deepMerge(useFooterContext(), props);
+    const sx = [
+        {
+            pb: 0.5,
+        },
+        ...(Array.isArray(sxProp) ? sxProp : [sxProp]),
+    ];
+    return (jsxRuntime.jsx(material.Box, { className: classNames('nbb-footer-logo', className), sx: sx, ...restProps, children: jsxRuntime.jsx("img", { src: logoSrc, alt: 'Footer logo' }) }));
+};
+Footer.Content = (props) => {
+    const { className, children, content } = deepMerge(useFooterContext(), props);
+    return (jsxRuntime.jsx(material.Box, { className: classNames('nbb-footer-content', className), ...props, children: content || children }));
+};
+Footer.Copyright = (props) => {
+    const { className, children, copyright } = deepMerge(useFooterContext(), props);
+    return (jsxRuntime.jsx(material.Box, { className: classNames('nbb-footer-copyright', className), ...props, children: copyright || children }));
 };
+const defaultBlocks = createDefaultBlocks({
+    logo: Footer.Logo,
+    content: Footer.Content,
+    copyright: Footer.Copyright,
+});
 
 exports.Footer = Footer;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../src/lib.ts","../src/blocks.tsx","../node_modules/style-inject/dist/style-inject.es.js","../src/footer.tsx"],"sourcesContent":["import { DefaultBlocks, DefaultOptions } from './blocks';\n\n/**\n * Sets the blocks by merging default blocks with custom blocks provided by the children function.\n *\n * @param defaultBlocks - The default blocks to be used.\n * @param children - An optional function that returns custom blocks and arguments.\n * @param args - Additional unknown arguments.\n * @returns An object containing the merged blocks and additional arguments.\n */\n\n\ntype ChildrenProps = {\n  defaultBlocks: DefaultBlocks;\n};\n\nexport function setBlocks(\n  defaultBlocks: DefaultBlocks,\n  defaultOptions: DefaultOptions,\n  children?: (props: ChildrenProps) => DefaultOptions & {\n    blocks: { [x: string]: any };\n  },\n) {\n  const results = children\n    ? children({ defaultBlocks, ...defaultOptions })\n    : { blocks: {}, ...defaultOptions };\n  const {\n    blocks: customBlocks = {}\n  } = results;\n  return {\n    ...results,\n    blocks: Object.fromEntries(\n      Object.entries(defaultBlocks).map(([key, defaultComponent]) => [\n        key,\n        customBlocks[key] || defaultComponent,\n      ])\n    ),\n  };\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 React from 'react';\n\nexport type DefaultBlocks = {\n  FooterLogo: React.FC<{ src: string; alt?: string }>;\n  FooterText: React.FC<{ children: React.ReactNode }>;\n  FooterCopyright: React.FC<{ children: React.ReactNode }>;\n};\n\nexport type DefaultOptions = {\n    hideTitle?: boolean;\n};\n\nexport const defaultOptions: DefaultOptions = {\n    hideTitle: false,\n};\n\nfunction FooterTitle({ children }: { children: React.ReactNode }) {\n    return <h2 className=\"nbb-footer-title\">{children}</h2>;\n}\n\nfunction FooterText({ children }: { children: React.ReactNode }) {\n    return <p className=\"nbb-footer-text\">{children}</p>;\n}\n\nfunction FooterCopyright({ children }: { children: React.ReactNode }) {\n    return <p className=\"nbb-footer-copyright\">{children}</p>;\n}\n\n\n\nexport const defaultBlocks: DefaultBlocks = {\n  FooterLogo: ({ src, alt }) => (\n    <img className=\"nbb-footer-logo\" src={src} alt={alt || 'Footer logo'} />\n  ),\n  FooterText: ({ children }) => <p className=\"nbb-footer-text\">{children}</p>,\n  FooterCopyright: ({ children }) => (\n    <p className=\"nbb-footer-copyright\">{children}</p>\n  ),\n};","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 React from \"react\";\nimport { setBlocks, classNames } from \"./lib\";\nimport { defaultBlocks, DefaultBlocks } from \"./blocks\";\nimport \"./footer.css\";\n\nexport type FooterChildren = (props: {\n  defaultBlocks: DefaultBlocks,\n  settings?: { [key: string]: any }\n}\n) => {\n  blocks: Partial<DefaultBlocks>;\n  settings?: { [key: string]: any };\n};\n\nconst Footer = ({\n  logoSrc,\n  items = [],\n  className,\n  children, copyright }:\n  {\n  className: string;\n  logoSrc: string;\n  copyright: React.ReactNode | string;\n  items: Array<React.ReactNode>;\n  children?: FooterChildren;\n}) => {\n  const { blocks } = setBlocks(defaultBlocks, {}, children);\n  const { FooterLogo, FooterText, FooterCopyright } = blocks;\n\n  return (\n    <footer className={classNames(\"nbb-footer\", className)}>\n      <FooterLogo src={logoSrc} />\n      {items.map((item, index) => (\n        <FooterText key={index}>{item}</FooterText>\n      ))}\n      <FooterCopyright>{copyright}</FooterCopyright>\n    </footer>\n  );\n};\n\nexport default Footer;\n"],"names":["_jsx","_jsxs"],"mappings":"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","x_google_ignoreList":[2]}
+{"version":3,"file":"index.cjs.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/lib.ts","../src/context.tsx","../src/footer.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\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 FooterContextValue = {\n  logoSrc: string;\n  copyright: ReactNode;\n  content: ReactNode;\n};\n\nconst FooterContext = createContext<FooterContextValue | undefined>(undefined);\n\nexport const FooterProvider = ({\n  children,\n  ...value\n}: FooterContextValue & {\n  children: ReactNode;\n}) => {\n  return <FooterContext.Provider value={value}>{children}</FooterContext.Provider>;\n};\n\nexport const useFooterContext = () => {\n  const context = useContext<FooterContextValue | undefined>(FooterContext);\n\n  if (!context) {\n    throw new Error('useFooterContext must be used within a FooterProvider');\n  }\n  return context;\n};\n","import { ComponentProps, Fragment, ReactNode } from 'react';\nimport './footer.css';\nimport { BlocksOverride, BlocksOverrideComponent, classNames, createDefaultBlocks, deepMerge } from './lib';\nimport { FooterProvider, useFooterContext } from './context';\nimport { Box, Stack } from '@mui/material';\n\nconst Footer = <CustomBlocks extends Record<string, ReactNode> = {}>({\n  logoSrc,\n  content,\n  copyright,\n  className,\n  children,\n  ...props\n}: Omit<ComponentProps<typeof Stack>, 'content' | 'children'> & {\n  logoSrc: string;\n  copyright: ReactNode;\n  content: ReactNode;\n  children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;\n}) => {\n  const { sx: sxProp, ...restProps } = props;\n  const sx = [\n    {\n      backgroundColor: 'primary.main',\n      color: 'primary.contrastText',\n      py: 3,\n      px: 2,\n      typography: 'body2',\n    },\n    ...(Array.isArray(sxProp) ? sxProp : [sxProp]),\n  ];\n  return (\n    <Stack component=\"footer\" className={classNames('nbb-footer', className)} spacing={2} sx={sx} {...restProps}>\n      <FooterProvider\n        {...{\n          logoSrc,\n          content,\n          copyright,\n        }}\n      >\n        <BlocksOverrideComponent\n          defaultBlocks={defaultBlocks}\n          defaultBlockOrder={Object.keys(defaultBlocks) as (keyof typeof defaultBlocks)[]}\n          blocksOverride={children}\n        >\n          {({ blocks: { ...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      </FooterProvider>\n    </Stack>\n  );\n};\n\nFooter.Logo = (props: Partial<ComponentProps<typeof Box>>) => {\n  const { className, logoSrc, sx: sxProp, ...restProps } = deepMerge(useFooterContext(), props);\n  const sx = [\n    {\n      pb: 0.5,\n    },\n    ...(Array.isArray(sxProp) ? sxProp : [sxProp]),\n  ];\n  return (\n    <Box className={classNames('nbb-footer-logo', className)} sx={sx} {...restProps}>\n      <img src={logoSrc} alt={'Footer logo'} />\n    </Box>\n  );\n};\n\nFooter.Content = (props: Partial<ComponentProps<typeof Box>>) => {\n  const { className, children, content } = deepMerge(useFooterContext(), props);\n\n  return (\n    <Box className={classNames('nbb-footer-content', className)} {...props}>\n      {content || children}\n    </Box>\n  );\n};\n\nFooter.Copyright = (props: Partial<ComponentProps<typeof Box>>) => {\n  const { className, children, copyright } = deepMerge(useFooterContext(), props);\n\n  return (\n    <Box className={classNames('nbb-footer-copyright', className)} {...props}>\n      {copyright || children}\n    </Box>\n  );\n};\n\nconst defaultBlocks = createDefaultBlocks({\n  logo: Footer.Logo,\n  content: Footer.Content,\n  copyright: Footer.Copyright,\n});\n\nexport default Footer;\n"],"names":["createElement","createContext","_jsx","useContext","Stack","Fragment","Box"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.esm.js

@@ -1,32 +1,12 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
 
-function setBlocks(defaultBlocks, defaultOptions, children) {
-    const results = children
-        ? children({ defaultBlocks, ...defaultOptions })
-        : { blocks: {}, ...defaultOptions };
-    const { blocks: customBlocks = {} } = results;
-    return {
-        ...results,
-        blocks: Object.fromEntries(Object.entries(defaultBlocks).map(([key, defaultComponent]) => [
-            key,
-            customBlocks[key] || defaultComponent,
-        ])),
-    };
-}
-/**
- * Utility function to join class names together, ignoring undefined or nil values.
- * @param classes - The class names to join.
- * @returns The joined class names.
- */
-function classNames(...classes) {
-    return classes.flat().filter(Boolean).join(' ');
-}
 
-const defaultBlocks = {
-    FooterLogo: ({ src, alt }) => (jsx("img", { className: "nbb-footer-logo", src: src, alt: alt || 'Footer logo' })),
-    FooterText: ({ children }) => jsx("p", { className: "nbb-footer-text", children: children }),
-    FooterCopyright: ({ children }) => (jsx("p", { className: "nbb-footer-copyright", children: children })),
-};
+          if (typeof global === 'undefined') {
+            var global = window;
+          }
+        
+import { jsx } from 'react/jsx-runtime';
+import { createElement, createContext, useContext, Fragment } from 'react';
+import { Stack, Box } from '@mui/material';
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -55,14 +35,144 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "/* footer.css */\n.nbb-footer {\n  --color-object-accent-primary: #006ead;\n  --color-text-on-primary: #fff;\n\n  background-color: var(--color-object-accent-primary);\n  color: var(--color-text-on-primary);\n  padding: 16px;\n  text-align: left;\n}\n\n.nbb-footer .nbb-footer-title {\n  font-size: 24px;\n  font-weight: bold;\n  margin-bottom: 16px;\n}\n\n.nbb-footer .nbb-footer-text {\n  font-size: 16px;\n  margin-bottom: 8px;\n}\n.nbb-footer .nbb-footer-text a {\n  color: inherit;\n}\n.nbb-footer .nbb-footer-text a:hover {\n  text-decoration: underline;\n}\n\n.nbb-footer .nbb-footer-copyright {\n  font-size: 14px;\n  margin-top: 16px;\n}\n";
+var css_248z = ".nbb-footer img {\n  display: block;\n}\n\n.nbb-footer a {\n  color: inherit;\n}\n.nbb-footer a:hover {\n  text-decoration: underline;\n}\n";
 styleInject(css_248z);
 
-const Footer = ({ logoSrc, items = [], className, children, copyright }) => {
-    const { blocks } = setBlocks(defaultBlocks, {}, children);
-    const { FooterLogo, FooterText, FooterCopyright } = blocks;
-    return (jsxs("footer", { className: classNames("nbb-footer", className), children: [jsx(FooterLogo, { src: logoSrc }), items.map((item, index) => (jsx(FooterText, { children: item }, index))), jsx(FooterCopyright, { children: copyright })] }));
+/**
+ * Creates a strongly typed `defaultBlocks` object, allowing for types to propagate into block override objects.
+ *
+ * @param components - A map of default block keys to component functions.
+ *
+ * @example
+ * const defaultBlocks = createDefaultBlocks({
+ *   title: Title,
+ *   description: Description,
+ *   form: Form,
+ * });
+ */
+function createDefaultBlocks(components) {
+    return Object.fromEntries(Object.entries(components).map(([key, Component]) => [key, createElement(Component, { key })]));
+}
+/**
+ * A component for rendering {@link BlocksOverride|`BlocksOverride`} results.
+ * Exposes the evaluated `blocks` and `blockOrder` as arguments to the `children` function.
+ *
+ * @param props
+ * @param props.blocksOverride - The {@link BlocksOverride|`BlocksOverride`} (i.e. `children` of outer component).
+ * @param props.defaultBlocks - The default blocks of outer component.
+ * @param props.children - A function returning the JSX to render.
+ *
+ * @example
+ * <BlocksOverrideComponent
+ *   defaultBlocks={defaultFormBlocks}
+ *   blocksOverride={children}
+ * >
+ *   {({ blocks, blockOrder }) =>
+ *     blockOrder.map((key) => (
+ *       <Fragment key={String(key)}>{blocks[key]}</Fragment>
+ *     ))
+ *   }
+ * </BlocksOverrideComponent>
+ */
+function BlocksOverrideComponent({ blocksOverride, defaultBlocks, defaultBlockOrder, children, }) {
+    if (blocksOverride === undefined) {
+        return children({
+            // TODO: Remove this assertion
+            blocks: defaultBlocks,
+            blockOrder: defaultBlockOrder,
+        });
+    }
+    if (typeof blocksOverride === 'function') {
+        const { blocks, blockOrder } = blocksOverride({
+            defaultBlocks,
+            defaultBlockOrder,
+        });
+        return children({ blocks, blockOrder });
+    }
+    return blocksOverride;
+}
+function deepMerge(obj1, obj2) {
+    const result = { ...obj1 };
+    for (const key in obj2) {
+        if (obj2.hasOwnProperty(key)) {
+            const val1 = result[key];
+            const val2 = obj2[key];
+            if (Array.isArray(val1) || Array.isArray(val2)) {
+                // If either is an array, replace entirely with obj2's value
+                result[key] = val2;
+            }
+            else if (typeof val1 === 'object' && val1 !== null && typeof val2 === 'object' && val2 !== null) {
+                result[key] = deepMerge(val1, val2);
+            }
+            else {
+                result[key] = val2;
+            }
+        }
+    }
+    return result;
+}
+/**
+ * Utility function to join class names together, ignoring undefined or nil values.
+ * @param classes - The class names to join.
+ * @returns The joined class names.
+ */
+function classNames(...classes) {
+    return classes.flat().filter(Boolean).join(' ');
+}
+
+const FooterContext = createContext(undefined);
+const FooterProvider = ({ children, ...value }) => {
+    return jsx(FooterContext.Provider, { value: value, children: children });
+};
+const useFooterContext = () => {
+    const context = useContext(FooterContext);
+    if (!context) {
+        throw new Error('useFooterContext must be used within a FooterProvider');
+    }
+    return context;
+};
+
+const Footer = ({ logoSrc, content, copyright, className, children, ...props }) => {
+    const { sx: sxProp, ...restProps } = props;
+    const sx = [
+        {
+            backgroundColor: 'primary.main',
+            color: 'primary.contrastText',
+            py: 3,
+            px: 2,
+            typography: 'body2',
+        },
+        ...(Array.isArray(sxProp) ? sxProp : [sxProp]),
+    ];
+    return (jsx(Stack, { component: "footer", className: classNames('nbb-footer', className), spacing: 2, sx: sx, ...restProps, children: jsx(FooterProvider, { logoSrc,
+            content,
+            copyright, children: jsx(BlocksOverrideComponent, { defaultBlocks: defaultBlocks, defaultBlockOrder: Object.keys(defaultBlocks), blocksOverride: children, children: ({ blocks: { ...blocks }, blockOrder }) => blockOrder
+                    .filter((key) => key in blocks)
+                    .map((key) => jsx(Fragment, { children: blocks[key] }, String(key))) }) }) }));
+};
+Footer.Logo = (props) => {
+    const { className, logoSrc, sx: sxProp, ...restProps } = deepMerge(useFooterContext(), props);
+    const sx = [
+        {
+            pb: 0.5,
+        },
+        ...(Array.isArray(sxProp) ? sxProp : [sxProp]),
+    ];
+    return (jsx(Box, { className: classNames('nbb-footer-logo', className), sx: sx, ...restProps, children: jsx("img", { src: logoSrc, alt: 'Footer logo' }) }));
+};
+Footer.Content = (props) => {
+    const { className, children, content } = deepMerge(useFooterContext(), props);
+    return (jsx(Box, { className: classNames('nbb-footer-content', className), ...props, children: content || children }));
+};
+Footer.Copyright = (props) => {
+    const { className, children, copyright } = deepMerge(useFooterContext(), props);
+    return (jsx(Box, { className: classNames('nbb-footer-copyright', className), ...props, children: copyright || children }));
 };
+const defaultBlocks = createDefaultBlocks({
+    logo: Footer.Logo,
+    content: Footer.Content,
+    copyright: Footer.Copyright,
+});
 
 export { Footer };
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/lib.ts","../src/blocks.tsx","../node_modules/style-inject/dist/style-inject.es.js","../src/footer.tsx"],"sourcesContent":["import { DefaultBlocks, DefaultOptions } from './blocks';\n\n/**\n * Sets the blocks by merging default blocks with custom blocks provided by the children function.\n *\n * @param defaultBlocks - The default blocks to be used.\n * @param children - An optional function that returns custom blocks and arguments.\n * @param args - Additional unknown arguments.\n * @returns An object containing the merged blocks and additional arguments.\n */\n\n\ntype ChildrenProps = {\n  defaultBlocks: DefaultBlocks;\n};\n\nexport function setBlocks(\n  defaultBlocks: DefaultBlocks,\n  defaultOptions: DefaultOptions,\n  children?: (props: ChildrenProps) => DefaultOptions & {\n    blocks: { [x: string]: any };\n  },\n) {\n  const results = children\n    ? children({ defaultBlocks, ...defaultOptions })\n    : { blocks: {}, ...defaultOptions };\n  const {\n    blocks: customBlocks = {}\n  } = results;\n  return {\n    ...results,\n    blocks: Object.fromEntries(\n      Object.entries(defaultBlocks).map(([key, defaultComponent]) => [\n        key,\n        customBlocks[key] || defaultComponent,\n      ])\n    ),\n  };\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 React from 'react';\n\nexport type DefaultBlocks = {\n  FooterLogo: React.FC<{ src: string; alt?: string }>;\n  FooterText: React.FC<{ children: React.ReactNode }>;\n  FooterCopyright: React.FC<{ children: React.ReactNode }>;\n};\n\nexport type DefaultOptions = {\n    hideTitle?: boolean;\n};\n\nexport const defaultOptions: DefaultOptions = {\n    hideTitle: false,\n};\n\nfunction FooterTitle({ children }: { children: React.ReactNode }) {\n    return <h2 className=\"nbb-footer-title\">{children}</h2>;\n}\n\nfunction FooterText({ children }: { children: React.ReactNode }) {\n    return <p className=\"nbb-footer-text\">{children}</p>;\n}\n\nfunction FooterCopyright({ children }: { children: React.ReactNode }) {\n    return <p className=\"nbb-footer-copyright\">{children}</p>;\n}\n\n\n\nexport const defaultBlocks: DefaultBlocks = {\n  FooterLogo: ({ src, alt }) => (\n    <img className=\"nbb-footer-logo\" src={src} alt={alt || 'Footer logo'} />\n  ),\n  FooterText: ({ children }) => <p className=\"nbb-footer-text\">{children}</p>,\n  FooterCopyright: ({ children }) => (\n    <p className=\"nbb-footer-copyright\">{children}</p>\n  ),\n};","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 React from \"react\";\nimport { setBlocks, classNames } from \"./lib\";\nimport { defaultBlocks, DefaultBlocks } from \"./blocks\";\nimport \"./footer.css\";\n\nexport type FooterChildren = (props: {\n  defaultBlocks: DefaultBlocks,\n  settings?: { [key: string]: any }\n}\n) => {\n  blocks: Partial<DefaultBlocks>;\n  settings?: { [key: string]: any };\n};\n\nconst Footer = ({\n  logoSrc,\n  items = [],\n  className,\n  children, copyright }:\n  {\n  className: string;\n  logoSrc: string;\n  copyright: React.ReactNode | string;\n  items: Array<React.ReactNode>;\n  children?: FooterChildren;\n}) => {\n  const { blocks } = setBlocks(defaultBlocks, {}, children);\n  const { FooterLogo, FooterText, FooterCopyright } = blocks;\n\n  return (\n    <footer className={classNames(\"nbb-footer\", className)}>\n      <FooterLogo src={logoSrc} />\n      {items.map((item, index) => (\n        <FooterText key={index}>{item}</FooterText>\n      ))}\n      <FooterCopyright>{copyright}</FooterCopyright>\n    </footer>\n  );\n};\n\nexport default Footer;\n"],"names":["_jsx","_jsxs"],"mappings":"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","x_google_ignoreList":[2]}
+{"version":3,"file":"index.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/lib.ts","../src/context.tsx","../src/footer.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\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 FooterContextValue = {\n  logoSrc: string;\n  copyright: ReactNode;\n  content: ReactNode;\n};\n\nconst FooterContext = createContext<FooterContextValue | undefined>(undefined);\n\nexport const FooterProvider = ({\n  children,\n  ...value\n}: FooterContextValue & {\n  children: ReactNode;\n}) => {\n  return <FooterContext.Provider value={value}>{children}</FooterContext.Provider>;\n};\n\nexport const useFooterContext = () => {\n  const context = useContext<FooterContextValue | undefined>(FooterContext);\n\n  if (!context) {\n    throw new Error('useFooterContext must be used within a FooterProvider');\n  }\n  return context;\n};\n","import { ComponentProps, Fragment, ReactNode } from 'react';\nimport './footer.css';\nimport { BlocksOverride, BlocksOverrideComponent, classNames, createDefaultBlocks, deepMerge } from './lib';\nimport { FooterProvider, useFooterContext } from './context';\nimport { Box, Stack } from '@mui/material';\n\nconst Footer = <CustomBlocks extends Record<string, ReactNode> = {}>({\n  logoSrc,\n  content,\n  copyright,\n  className,\n  children,\n  ...props\n}: Omit<ComponentProps<typeof Stack>, 'content' | 'children'> & {\n  logoSrc: string;\n  copyright: ReactNode;\n  content: ReactNode;\n  children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;\n}) => {\n  const { sx: sxProp, ...restProps } = props;\n  const sx = [\n    {\n      backgroundColor: 'primary.main',\n      color: 'primary.contrastText',\n      py: 3,\n      px: 2,\n      typography: 'body2',\n    },\n    ...(Array.isArray(sxProp) ? sxProp : [sxProp]),\n  ];\n  return (\n    <Stack component=\"footer\" className={classNames('nbb-footer', className)} spacing={2} sx={sx} {...restProps}>\n      <FooterProvider\n        {...{\n          logoSrc,\n          content,\n          copyright,\n        }}\n      >\n        <BlocksOverrideComponent\n          defaultBlocks={defaultBlocks}\n          defaultBlockOrder={Object.keys(defaultBlocks) as (keyof typeof defaultBlocks)[]}\n          blocksOverride={children}\n        >\n          {({ blocks: { ...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      </FooterProvider>\n    </Stack>\n  );\n};\n\nFooter.Logo = (props: Partial<ComponentProps<typeof Box>>) => {\n  const { className, logoSrc, sx: sxProp, ...restProps } = deepMerge(useFooterContext(), props);\n  const sx = [\n    {\n      pb: 0.5,\n    },\n    ...(Array.isArray(sxProp) ? sxProp : [sxProp]),\n  ];\n  return (\n    <Box className={classNames('nbb-footer-logo', className)} sx={sx} {...restProps}>\n      <img src={logoSrc} alt={'Footer logo'} />\n    </Box>\n  );\n};\n\nFooter.Content = (props: Partial<ComponentProps<typeof Box>>) => {\n  const { className, children, content } = deepMerge(useFooterContext(), props);\n\n  return (\n    <Box className={classNames('nbb-footer-content', className)} {...props}>\n      {content || children}\n    </Box>\n  );\n};\n\nFooter.Copyright = (props: Partial<ComponentProps<typeof Box>>) => {\n  const { className, children, copyright } = deepMerge(useFooterContext(), props);\n\n  return (\n    <Box className={classNames('nbb-footer-copyright', className)} {...props}>\n      {copyright || children}\n    </Box>\n  );\n};\n\nconst defaultBlocks = createDefaultBlocks({\n  logo: Footer.Logo,\n  content: Footer.Content,\n  copyright: Footer.Copyright,\n});\n\nexport default Footer;\n"],"names":["_jsx"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/lib.d.ts

@@ -1,25 +1,81 @@
-import { DefaultBlocks, DefaultOptions } from './blocks';
+import { ComponentProps, FunctionComponent, ReactElement, ReactNode } from 'react';
 /**
- * Sets the blocks by merging default blocks with custom blocks provided by the children function.
+ * The function to be passed into a block component as `children` to selectively override default blocks, or just a `ReactNode`.
  *
- * @param defaultBlocks - The default blocks to be used.
- * @param children - An optional function that returns custom blocks and arguments.
- * @param args - Additional unknown arguments.
- * @returns An object containing the merged blocks and additional arguments.
+ * @example
+ * <Block>
+ *   {({ defaultBlocks: { header, ...defaultBlocks }, defaultBlockOrder }) => ({
+ *     blocks: {
+ *       ...defaultBlocks,
+ *       header: {
+ *         ...header,
+ *         props: {
+ *           ...header.props,
+ *           label: "Custom Label"
+ *         }
+ *       },
+ *       subheader: <CustomComponent />
+ *     },
+ *     blockOrder: ["header", "subheader", "body", "footer"]
+ *   })}
+ * </Block>
  */
-type ChildrenProps = {
+export type BlocksOverride<DefaultBlocks, CustomBlocks> = (({ defaultBlocks, defaultBlockOrder, }: {
     defaultBlocks: DefaultBlocks;
+    defaultBlockOrder: readonly (keyof DefaultBlocks)[];
+}) => {
+    blocks: Partial<DefaultBlocks> & CustomBlocks;
+    blockOrder: readonly (keyof DefaultBlocks)[] | readonly (keyof CustomBlocks)[];
+}) | ReactNode;
+/**
+ * Creates a strongly typed `defaultBlocks` object, allowing for types to propagate into block override objects.
+ *
+ * @param components - A map of default block keys to component functions.
+ *
+ * @example
+ * const defaultBlocks = createDefaultBlocks({
+ *   title: Title,
+ *   description: Description,
+ *   form: Form,
+ * });
+ */
+export declare function createDefaultBlocks<T extends Record<string, FunctionComponent<any>>>(components: T): {
+    [K in keyof T]: ReactElement<ComponentProps<T[K]>, T[K]>;
 };
-export declare function setBlocks(defaultBlocks: DefaultBlocks, defaultOptions: DefaultOptions, children?: (props: ChildrenProps) => DefaultOptions & {
-    blocks: {
-        [x: string]: any;
-    };
-}): {
-    blocks: {
-        [k: string]: any;
-    };
-    hideTitle?: boolean;
+/**
+ * A component for rendering {@link BlocksOverride|`BlocksOverride`} results.
+ * Exposes the evaluated `blocks` and `blockOrder` as arguments to the `children` function.
+ *
+ * @param props
+ * @param props.blocksOverride - The {@link BlocksOverride|`BlocksOverride`} (i.e. `children` of outer component).
+ * @param props.defaultBlocks - The default blocks of outer component.
+ * @param props.children - A function returning the JSX to render.
+ *
+ * @example
+ * <BlocksOverrideComponent
+ *   defaultBlocks={defaultFormBlocks}
+ *   blocksOverride={children}
+ * >
+ *   {({ blocks, blockOrder }) =>
+ *     blockOrder.map((key) => (
+ *       <Fragment key={String(key)}>{blocks[key]}</Fragment>
+ *     ))
+ *   }
+ * </BlocksOverrideComponent>
+ */
+export declare function BlocksOverrideComponent<DefaultBlocks extends Record<string, ReactNode>, CustomBlocks extends Record<string, ReactNode>>({ blocksOverride, defaultBlocks, defaultBlockOrder, children, }: {
+    blocksOverride: BlocksOverride<DefaultBlocks, CustomBlocks>;
+    defaultBlocks: DefaultBlocks;
+    defaultBlockOrder: (keyof DefaultBlocks)[];
+    children: ({ blocks, blockOrder, }: {
+        blocks: Partial<DefaultBlocks> & Partial<CustomBlocks>;
+        blockOrder: readonly (keyof DefaultBlocks | keyof CustomBlocks)[];
+    }) => ReactNode;
+}): ReactNode;
+type MergeTypes<Object1, Object2> = {
+    [K in keyof Object1 | keyof Object2]: K extends keyof Object1 ? Object1[K] : K extends keyof Object2 ? Object2[K] : never;
 };
+export declare function deepMerge<A extends Record<string, any>, B extends Record<string, any>>(obj1: A, obj2: B): MergeTypes<B, A>;
 type ClassName = string | ClassName[] | undefined | null;
 /**
  * Utility function to join class names together, ignoring undefined or nil values.

package/dist/lib.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAEzD;;;;;;;GAOG;AAGH,KAAK,aAAa,GAAG;IACnB,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,wBAAgB,SAAS,CACvB,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,cAAc,GAAG;IACpD,MAAM,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CAC9B;;;;;EAiBF;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"}
+{"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

@@ -1,6 +1,6 @@
 {
   "name": "@nodeblocks/frontend-footer-block",
-  "version": "0.0.3",
+  "version": "0.2.0",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "browser": "dist/index.iife.js",
@@ -11,21 +11,25 @@
   ],
   "scripts": {
     "build": "rollup -c",
-    "watch": "rollup -c --watch"
+    "watch": "rm -rf dist && cross-env NODE_ENV=development rollup -c --watch"
   },
   "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.0.0"
+    "react": ">=18 <20",
+    "react-dom": ">=18 <20",
+    "@mui/material": "^7.3.4",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^28.0.1",
+    "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-typescript": "^12.1.1",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "19.2.7",
+    "@types/react-dom": "19.2.3",
     "rollup": "^4.28.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-polyfill-node": "^0.13.0",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-serve": "^1.1.1",
     "tslib": "^2.8.1",

package/readme.md

@@ -3,24 +3,29 @@
 Welcome to the Nodeblocks Frontend Starter Kit! 🎉 This kit is designed to make building frontend libraries in React super easy, helping you streamline your development workflow with minimal fuss. Let's dive in! 🤿
 
 ### ✨ Features
+
 - **🚀 Bundling with Rollup:** Get a clean, minimalistic approach to bundling your JavaScript files for smoother frontend development.
 - **💙 TypeScript Support:** We've included a pre-configured `tsconfig.json` to ensure your TypeScript setup is strict, efficient, and ready to go.
 - **⚙️ Peer Dependencies:** Keep bundle sizes lean with React and React DOM set as peer dependencies.
 - **🎨 CSS Support:** Easily import and process CSS files, giving you more control over your styles.
 
 ### 🛠️ How to Use
+
 1. **Clone this repository** 🌀:
+
    ```bash
    git clone <repository-url>
    cd <repository-directory>
    ```
 
 2. **Install dependencies** 📦:
+
    ```bash
    npm install
    ```
 
 3. **Start development** 🛠️:
+
    ```bash
    npm run watch
    ```
@@ -48,10 +53,12 @@ This ensures Nodeblocks libraries integrate seamlessly with different workflows.
    npm link
    ```
 2. In the test project you want to run:
+
    ```bash
    npm i
    npm link @basaldev/frontend-starter-kit
    ```
-(Note that in real life your library would not be called frontend-starter-kit.)
 
-3. Then you can follow your usual workflow either with **Create React App** (`npm start`) or with Vite (`npm run dev`). This will give you a development environment where whenever you change your library it will be available in your test project.
+   (Note that in real life your library would not be called frontend-starter-kit.)
+
+3. Then you can follow your usual workflow either with **Create React App** (`npm start`) or with Vite (`npm run dev`). This will give you a development environment where whenever you change your library it will be available in your test project.

package/dist/blocks.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-export type DefaultBlocks = {
-    FooterLogo: React.FC<{
-        src: string;
-        alt?: string;
-    }>;
-    FooterText: React.FC<{
-        children: React.ReactNode;
-    }>;
-    FooterCopyright: React.FC<{
-        children: React.ReactNode;
-    }>;
-};
-export type DefaultOptions = {
-    hideTitle?: boolean;
-};
-export declare const defaultOptions: DefaultOptions;
-export declare const defaultBlocks: DefaultBlocks;
-//# sourceMappingURL=blocks.d.ts.map

package/dist/blocks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../src/blocks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACpD,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;IACpD,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;CAC1D,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,cAE5B,CAAC;AAgBF,eAAO,MAAM,aAAa,EAAE,aAQ3B,CAAC"}