@nodeblocks/frontend-search-by-chip-block 0.1.1 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/package.json +2 -2
package/dist/index.cjs.js
CHANGED
|
@@ -131,7 +131,7 @@ function styleInject(css, ref) {
|
|
|
131
131
|
}
|
|
132
132
|
}
|
|
133
133
|
|
|
134
|
-
var css_248z = ".nbb-search-by-chip {\n --color-object-accent-primary: #006ead;\n --color-object-accent-primary-emphasis: #006ead;\n --border-radius: 8px;\n --color-text-mid-emphasis: #000;\n --color-surface-secondary: #f5f5f5;\n --color-surface-primary: #fff;\n --color-title: #333;\n --color-subtitle: #006ead;\n --color-section-title: #000;\n --chip-border-color: #c9d0da;\n --chip-hover-background: #eef;\n --chip-shadow-color: rgba(0, 0, 0, 0.1);\n}\n\n.nbb-search-by-chip {\n font-family: var(--font-family);\n padding: 16px;\n background-color: var(--color-surface-primary);\n text-align: center;\n}\n\n.nbb-search-by-chip-section {\n margin-bottom: 32px;\n}\n\n.nbb-search-by-chip-title {\n font-size: 25px;\n font-weight: bold;\n color: var(--color-title);\n margin: 0 0 40px 0;\n}\n\n.nbb-search-by-chip-subtitle {\n font-size: 18px;\n font-weight: bold;\n color: var(--color-subtitle);\n margin: 0 0 4px 0;\n}\n\n.nbb-search-by-chip-section-title {\n font-size: 22px;\n font-weight: bold;\n color: var(--color-section-title);\n margin: 0 0 20px 0;\n}\n\n.nbb-search-by-chip-items {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n}\n\n.nbb-search-by-chip-item {\n padding: 10px 16px;\n background-color: var(--color-surface-primary);\n color: var(--color-title);\n font-size: 14px;\n text-decoration: none;\n border: 1px solid var(--chip-border-color);\n border-radius: var(--border-radius);\n transition:\n background-color 0.2s ease,\n box-shadow 0.2s ease;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n gap: 4px;\n}\n\n.nbb-search-by-chip-item:hover {\n background-color: var(--chip-hover-background);\n box-shadow: 0 2px 6px var(--chip-shadow-color);\n}\n\n.nbb-search-by-chip-icon {\n height: 16px;\n}\n\n@media (min-width: 680px) {\n .nbb-search-by-chip-items {\n justify-content: center;\n }\n}\n";
|
|
134
|
+
var css_248z = ".nbb-search-by-chip {\n --color-object-accent-primary: #006ead;\n --color-object-accent-primary-emphasis: #006ead;\n --border-radius: 8px;\n --color-text-mid-emphasis: #000;\n --color-surface-secondary: #f5f5f5;\n --color-surface-primary: #fff;\n --color-title: #333;\n --color-subtitle: #006ead;\n --color-section-title: #000;\n --chip-border-color: #c9d0da;\n --chip-hover-background: #eef;\n --chip-shadow-color: rgba(0, 0, 0, 0.1);\n}\n\n.nbb-search-by-chip {\n font-family: var(--font-family);\n padding: 16px;\n background-color: var(--color-surface-primary);\n text-align: center;\n}\n\n.nbb-search-by-chip *:not(.material-symbols-outlined) {\n font-family: inherit;\n}\n\n.nbb-search-by-chip-section {\n margin-bottom: 32px;\n}\n\n.nbb-search-by-chip-title {\n font-size: 25px;\n font-weight: bold;\n color: var(--color-title);\n margin: 0 0 40px 0;\n}\n\n.nbb-search-by-chip-subtitle {\n font-size: 18px;\n font-weight: bold;\n color: var(--color-subtitle);\n margin: 0 0 4px 0;\n}\n\n.nbb-search-by-chip-section-title {\n font-size: 22px;\n font-weight: bold;\n color: var(--color-section-title);\n margin: 0 0 20px 0;\n}\n\n.nbb-search-by-chip-items {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n}\n\n.nbb-search-by-chip-item {\n padding: 10px 16px;\n background-color: var(--color-surface-primary);\n color: var(--color-title);\n font-size: 14px;\n text-decoration: none;\n border: 1px solid var(--chip-border-color);\n border-radius: var(--border-radius);\n transition:\n background-color 0.2s ease,\n box-shadow 0.2s ease;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n gap: 4px;\n}\n\n.nbb-search-by-chip-item:hover {\n background-color: var(--chip-hover-background);\n box-shadow: 0 2px 6px var(--chip-shadow-color);\n}\n\n.nbb-search-by-chip-icon {\n height: 16px;\n}\n\n@media (min-width: 680px) {\n .nbb-search-by-chip-items {\n justify-content: center;\n }\n}\n";
|
|
135
135
|
styleInject(css_248z);
|
|
136
136
|
|
|
137
137
|
const SearchByChip = ({ searchByChipTitle, sectionTitle, subtitle, onClickChip, chips, className, children, ...props }) => {
|
package/dist/index.cjs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../src/context.tsx","../src/lib.ts","../node_modules/style-inject/dist/style-inject.es.js","../src/search-by-chip.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from 'react';\n\ntype SearchByChipContextValue = {\n searchByChipTitle: ReactNode;\n sectionTitle: ReactNode;\n subtitle: ReactNode;\n onClickChip: (value: string) => void;\n chips: {\n value: string;\n label: string;\n }[];\n};\n\nconst SearchByChipContext = createContext<SearchByChipContextValue | undefined>(undefined);\n\nexport const SearchByChipProvider = ({\n children,\n ...value\n}: SearchByChipContextValue & {\n children: ReactNode;\n}) => {\n return <SearchByChipContext.Provider value={value}>{children}</SearchByChipContext.Provider>;\n};\n\nexport const useSearchByChipContext = () => {\n const context = useContext<SearchByChipContextValue | undefined>(SearchByChipContext);\n\n if (!context) {\n throw new Error('useSearchByChipContext must be used within a SearchByChipProvider');\n }\n return context;\n};\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","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 '@basaldev/blocks-frontend-framework/dist/style.css';\nimport { ComponentProps, Fragment, ReactNode } from 'react';\nimport { SearchByChipProvider, useSearchByChipContext } from './context';\nimport { BlocksOverride, BlocksOverrideComponent, classNames, createDefaultBlocks, deepMerge } from './lib';\nimport './search-by-chip.css';\n\nconst SearchByChip = <CustomBlocks extends Record<string, ReactNode> = {}>({\n searchByChipTitle,\n sectionTitle,\n subtitle,\n onClickChip,\n chips,\n className,\n children,\n ...props\n}: Omit<ComponentProps<'div'>, 'children'> & {\n searchByChipTitle: ReactNode;\n sectionTitle: ReactNode;\n subtitle: ReactNode;\n onClickChip: (value: string) => void;\n chips: {\n value: string;\n label: string;\n }[];\n children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;\n}) => {\n return (\n <div className={classNames('nbb-search-by-chip', className)} {...props}>\n <SearchByChipProvider\n {...{\n searchByChipTitle,\n sectionTitle,\n subtitle,\n onClickChip,\n chips,\n }}\n >\n <BlocksOverrideComponent\n defaultBlocks={defaultBlocks}\n defaultBlockOrder={Object.keys(defaultBlocks) as (keyof typeof defaultBlocks)[]}\n blocksOverride={children}\n >\n {({ blocks: { chipIcon, chipItem, sectionTitle, ...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 </SearchByChipProvider>\n </div>\n );\n};\n\nSearchByChip.Title = (props: Partial<ComponentProps<'h4'>>) => {\n const { children, className, searchByChipTitle } = deepMerge(useSearchByChipContext(), props);\n\n return (\n <h4 className={classNames('nbb-search-by-chip-title', className)} {...props}>\n {children || searchByChipTitle}\n </h4>\n );\n};\n\nSearchByChip.Subtitle = (props: Partial<ComponentProps<'h6'>>) => {\n const { children, className, subtitle } = deepMerge(useSearchByChipContext(), props);\n\n return (\n <h6 className={classNames('nbb-search-by-chip-subtitle', className)} {...props}>\n {children || subtitle}\n </h6>\n );\n};\n\nSearchByChip.SectionTitle = (props: Partial<ComponentProps<'h6'>>) => {\n const { children, className, sectionTitle } = deepMerge(useSearchByChipContext(), props);\n\n return (\n <h6 className={classNames('nbb-search-by-chip-section-title', className)} {...props}>\n {children || sectionTitle}\n </h6>\n );\n};\n\nSearchByChip.ChipItem = ({\n onClickChip,\n value,\n label,\n ...props\n}: ComponentProps<'button'> & {\n onClickChip: (value: string) => void;\n value: string;\n label: ReactNode;\n}) => (\n <button onClick={() => onClickChip(value)} className=\"nbb-search-by-chip-item\" {...props}>\n <SearchByChip.ChipIcon />\n <span>{label}</span>\n </button>\n);\n\nSearchByChip.ChipIcon = () => (\n <div className=\"nbb-search-by-chip-icon\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M5.86339 10.5831L3.08339 7.80312L2.13672 8.74312L5.86339 12.4698L13.8634 4.46979L12.9234 3.52979L5.86339 10.5831Z\"\n fill=\"#006EAD\"\n />\n </svg>\n </div>\n);\n\nSearchByChip.ChipSection = (\n props: Partial<\n ComponentProps<'div'> & {\n chips: {\n value: string;\n label: string;\n }[];\n sectionTitle: ReactNode;\n }\n >\n) => {\n const { children, className, chips, sectionTitle, onClickChip } = deepMerge(useSearchByChipContext(), props);\n\n return (\n <div className={classNames('nbb-search-by-chip-chip-section', className)} {...props}>\n {children || (\n <>\n <SearchByChip.SectionTitle>{sectionTitle}</SearchByChip.SectionTitle>\n <div className=\"nbb-search-by-chip-items\">\n {chips?.map((item, i) => (\n <SearchByChip.ChipItem key={i} onClickChip={onClickChip} value={item.value} label={item.label} />\n ))}\n </div>\n </>\n )}\n </div>\n );\n};\n\nconst defaultBlocks = createDefaultBlocks({\n subtitle: SearchByChip.Subtitle,\n title: SearchByChip.Title,\n sectionTitle: SearchByChip.SectionTitle,\n chipIcon: SearchByChip.ChipIcon,\n chipItem: SearchByChip.ChipItem,\n chipSection: SearchByChip.ChipSection,\n});\n\nexport default SearchByChip;\n"],"names":["createContext","_jsx","useContext","createElement","Fragment","_jsxs","_Fragment"],"mappings":"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","x_google_ignoreList":[2]}
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../src/context.tsx","../src/lib.ts","../node_modules/style-inject/dist/style-inject.es.js","../src/search-by-chip.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from 'react';\n\ntype SearchByChipContextValue = {\n searchByChipTitle: ReactNode;\n sectionTitle: ReactNode;\n subtitle: ReactNode;\n onClickChip: (value: string) => void;\n chips: {\n value: string;\n label: string;\n }[];\n};\n\nconst SearchByChipContext = createContext<SearchByChipContextValue | undefined>(undefined);\n\nexport const SearchByChipProvider = ({\n children,\n ...value\n}: SearchByChipContextValue & {\n children: ReactNode;\n}) => {\n return <SearchByChipContext.Provider value={value}>{children}</SearchByChipContext.Provider>;\n};\n\nexport const useSearchByChipContext = () => {\n const context = useContext<SearchByChipContextValue | undefined>(SearchByChipContext);\n\n if (!context) {\n throw new Error('useSearchByChipContext must be used within a SearchByChipProvider');\n }\n return context;\n};\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","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 '@basaldev/blocks-frontend-framework/dist/style.css';\nimport { ComponentProps, Fragment, ReactNode } from 'react';\nimport { SearchByChipProvider, useSearchByChipContext } from './context';\nimport { BlocksOverride, BlocksOverrideComponent, classNames, createDefaultBlocks, deepMerge } from './lib';\nimport './search-by-chip.css';\n\nconst SearchByChip = <CustomBlocks extends Record<string, ReactNode> = {}>({\n searchByChipTitle,\n sectionTitle,\n subtitle,\n onClickChip,\n chips,\n className,\n children,\n ...props\n}: Omit<ComponentProps<'div'>, 'children'> & {\n searchByChipTitle: ReactNode;\n sectionTitle: ReactNode;\n subtitle: ReactNode;\n onClickChip: (value: string) => void;\n chips: {\n value: string;\n label: string;\n }[];\n children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;\n}) => {\n return (\n <div className={classNames('nbb-search-by-chip', className)} {...props}>\n <SearchByChipProvider\n {...{\n searchByChipTitle,\n sectionTitle,\n subtitle,\n onClickChip,\n chips,\n }}\n >\n <BlocksOverrideComponent\n defaultBlocks={defaultBlocks}\n defaultBlockOrder={Object.keys(defaultBlocks) as (keyof typeof defaultBlocks)[]}\n blocksOverride={children}\n >\n {({ blocks: { chipIcon, chipItem, sectionTitle, ...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 </SearchByChipProvider>\n </div>\n );\n};\n\nSearchByChip.Title = (props: Partial<ComponentProps<'h4'>>) => {\n const { children, className, searchByChipTitle } = deepMerge(useSearchByChipContext(), props);\n\n return (\n <h4 className={classNames('nbb-search-by-chip-title', className)} {...props}>\n {children || searchByChipTitle}\n </h4>\n );\n};\n\nSearchByChip.Subtitle = (props: Partial<ComponentProps<'h6'>>) => {\n const { children, className, subtitle } = deepMerge(useSearchByChipContext(), props);\n\n return (\n <h6 className={classNames('nbb-search-by-chip-subtitle', className)} {...props}>\n {children || subtitle}\n </h6>\n );\n};\n\nSearchByChip.SectionTitle = (props: Partial<ComponentProps<'h6'>>) => {\n const { children, className, sectionTitle } = deepMerge(useSearchByChipContext(), props);\n\n return (\n <h6 className={classNames('nbb-search-by-chip-section-title', className)} {...props}>\n {children || sectionTitle}\n </h6>\n );\n};\n\nSearchByChip.ChipItem = ({\n onClickChip,\n value,\n label,\n ...props\n}: ComponentProps<'button'> & {\n onClickChip: (value: string) => void;\n value: string;\n label: ReactNode;\n}) => (\n <button onClick={() => onClickChip(value)} className=\"nbb-search-by-chip-item\" {...props}>\n <SearchByChip.ChipIcon />\n <span>{label}</span>\n </button>\n);\n\nSearchByChip.ChipIcon = () => (\n <div className=\"nbb-search-by-chip-icon\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M5.86339 10.5831L3.08339 7.80312L2.13672 8.74312L5.86339 12.4698L13.8634 4.46979L12.9234 3.52979L5.86339 10.5831Z\"\n fill=\"#006EAD\"\n />\n </svg>\n </div>\n);\n\nSearchByChip.ChipSection = (\n props: Partial<\n ComponentProps<'div'> & {\n chips: {\n value: string;\n label: string;\n }[];\n sectionTitle: ReactNode;\n }\n >\n) => {\n const { children, className, chips, sectionTitle, onClickChip } = deepMerge(useSearchByChipContext(), props);\n\n return (\n <div className={classNames('nbb-search-by-chip-chip-section', className)} {...props}>\n {children || (\n <>\n <SearchByChip.SectionTitle>{sectionTitle}</SearchByChip.SectionTitle>\n <div className=\"nbb-search-by-chip-items\">\n {chips?.map((item, i) => (\n <SearchByChip.ChipItem key={i} onClickChip={onClickChip} value={item.value} label={item.label} />\n ))}\n </div>\n </>\n )}\n </div>\n );\n};\n\nconst defaultBlocks = createDefaultBlocks({\n subtitle: SearchByChip.Subtitle,\n title: SearchByChip.Title,\n sectionTitle: SearchByChip.SectionTitle,\n chipIcon: SearchByChip.ChipIcon,\n chipItem: SearchByChip.ChipItem,\n chipSection: SearchByChip.ChipSection,\n});\n\nexport default SearchByChip;\n"],"names":["createContext","_jsx","useContext","createElement","Fragment","_jsxs","_Fragment"],"mappings":"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","x_google_ignoreList":[2]}
|
package/dist/index.esm.js
CHANGED
|
@@ -129,7 +129,7 @@ function styleInject(css, ref) {
|
|
|
129
129
|
}
|
|
130
130
|
}
|
|
131
131
|
|
|
132
|
-
var css_248z = ".nbb-search-by-chip {\n --color-object-accent-primary: #006ead;\n --color-object-accent-primary-emphasis: #006ead;\n --border-radius: 8px;\n --color-text-mid-emphasis: #000;\n --color-surface-secondary: #f5f5f5;\n --color-surface-primary: #fff;\n --color-title: #333;\n --color-subtitle: #006ead;\n --color-section-title: #000;\n --chip-border-color: #c9d0da;\n --chip-hover-background: #eef;\n --chip-shadow-color: rgba(0, 0, 0, 0.1);\n}\n\n.nbb-search-by-chip {\n font-family: var(--font-family);\n padding: 16px;\n background-color: var(--color-surface-primary);\n text-align: center;\n}\n\n.nbb-search-by-chip-section {\n margin-bottom: 32px;\n}\n\n.nbb-search-by-chip-title {\n font-size: 25px;\n font-weight: bold;\n color: var(--color-title);\n margin: 0 0 40px 0;\n}\n\n.nbb-search-by-chip-subtitle {\n font-size: 18px;\n font-weight: bold;\n color: var(--color-subtitle);\n margin: 0 0 4px 0;\n}\n\n.nbb-search-by-chip-section-title {\n font-size: 22px;\n font-weight: bold;\n color: var(--color-section-title);\n margin: 0 0 20px 0;\n}\n\n.nbb-search-by-chip-items {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n}\n\n.nbb-search-by-chip-item {\n padding: 10px 16px;\n background-color: var(--color-surface-primary);\n color: var(--color-title);\n font-size: 14px;\n text-decoration: none;\n border: 1px solid var(--chip-border-color);\n border-radius: var(--border-radius);\n transition:\n background-color 0.2s ease,\n box-shadow 0.2s ease;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n gap: 4px;\n}\n\n.nbb-search-by-chip-item:hover {\n background-color: var(--chip-hover-background);\n box-shadow: 0 2px 6px var(--chip-shadow-color);\n}\n\n.nbb-search-by-chip-icon {\n height: 16px;\n}\n\n@media (min-width: 680px) {\n .nbb-search-by-chip-items {\n justify-content: center;\n }\n}\n";
|
|
132
|
+
var css_248z = ".nbb-search-by-chip {\n --color-object-accent-primary: #006ead;\n --color-object-accent-primary-emphasis: #006ead;\n --border-radius: 8px;\n --color-text-mid-emphasis: #000;\n --color-surface-secondary: #f5f5f5;\n --color-surface-primary: #fff;\n --color-title: #333;\n --color-subtitle: #006ead;\n --color-section-title: #000;\n --chip-border-color: #c9d0da;\n --chip-hover-background: #eef;\n --chip-shadow-color: rgba(0, 0, 0, 0.1);\n}\n\n.nbb-search-by-chip {\n font-family: var(--font-family);\n padding: 16px;\n background-color: var(--color-surface-primary);\n text-align: center;\n}\n\n.nbb-search-by-chip *:not(.material-symbols-outlined) {\n font-family: inherit;\n}\n\n.nbb-search-by-chip-section {\n margin-bottom: 32px;\n}\n\n.nbb-search-by-chip-title {\n font-size: 25px;\n font-weight: bold;\n color: var(--color-title);\n margin: 0 0 40px 0;\n}\n\n.nbb-search-by-chip-subtitle {\n font-size: 18px;\n font-weight: bold;\n color: var(--color-subtitle);\n margin: 0 0 4px 0;\n}\n\n.nbb-search-by-chip-section-title {\n font-size: 22px;\n font-weight: bold;\n color: var(--color-section-title);\n margin: 0 0 20px 0;\n}\n\n.nbb-search-by-chip-items {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n}\n\n.nbb-search-by-chip-item {\n padding: 10px 16px;\n background-color: var(--color-surface-primary);\n color: var(--color-title);\n font-size: 14px;\n text-decoration: none;\n border: 1px solid var(--chip-border-color);\n border-radius: var(--border-radius);\n transition:\n background-color 0.2s ease,\n box-shadow 0.2s ease;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n gap: 4px;\n}\n\n.nbb-search-by-chip-item:hover {\n background-color: var(--chip-hover-background);\n box-shadow: 0 2px 6px var(--chip-shadow-color);\n}\n\n.nbb-search-by-chip-icon {\n height: 16px;\n}\n\n@media (min-width: 680px) {\n .nbb-search-by-chip-items {\n justify-content: center;\n }\n}\n";
|
|
133
133
|
styleInject(css_248z);
|
|
134
134
|
|
|
135
135
|
const SearchByChip = ({ searchByChipTitle, sectionTitle, subtitle, onClickChip, chips, className, children, ...props }) => {
|
package/dist/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":["../src/context.tsx","../src/lib.ts","../node_modules/style-inject/dist/style-inject.es.js","../src/search-by-chip.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from 'react';\n\ntype SearchByChipContextValue = {\n searchByChipTitle: ReactNode;\n sectionTitle: ReactNode;\n subtitle: ReactNode;\n onClickChip: (value: string) => void;\n chips: {\n value: string;\n label: string;\n }[];\n};\n\nconst SearchByChipContext = createContext<SearchByChipContextValue | undefined>(undefined);\n\nexport const SearchByChipProvider = ({\n children,\n ...value\n}: SearchByChipContextValue & {\n children: ReactNode;\n}) => {\n return <SearchByChipContext.Provider value={value}>{children}</SearchByChipContext.Provider>;\n};\n\nexport const useSearchByChipContext = () => {\n const context = useContext<SearchByChipContextValue | undefined>(SearchByChipContext);\n\n if (!context) {\n throw new Error('useSearchByChipContext must be used within a SearchByChipProvider');\n }\n return context;\n};\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","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 '@basaldev/blocks-frontend-framework/dist/style.css';\nimport { ComponentProps, Fragment, ReactNode } from 'react';\nimport { SearchByChipProvider, useSearchByChipContext } from './context';\nimport { BlocksOverride, BlocksOverrideComponent, classNames, createDefaultBlocks, deepMerge } from './lib';\nimport './search-by-chip.css';\n\nconst SearchByChip = <CustomBlocks extends Record<string, ReactNode> = {}>({\n searchByChipTitle,\n sectionTitle,\n subtitle,\n onClickChip,\n chips,\n className,\n children,\n ...props\n}: Omit<ComponentProps<'div'>, 'children'> & {\n searchByChipTitle: ReactNode;\n sectionTitle: ReactNode;\n subtitle: ReactNode;\n onClickChip: (value: string) => void;\n chips: {\n value: string;\n label: string;\n }[];\n children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;\n}) => {\n return (\n <div className={classNames('nbb-search-by-chip', className)} {...props}>\n <SearchByChipProvider\n {...{\n searchByChipTitle,\n sectionTitle,\n subtitle,\n onClickChip,\n chips,\n }}\n >\n <BlocksOverrideComponent\n defaultBlocks={defaultBlocks}\n defaultBlockOrder={Object.keys(defaultBlocks) as (keyof typeof defaultBlocks)[]}\n blocksOverride={children}\n >\n {({ blocks: { chipIcon, chipItem, sectionTitle, ...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 </SearchByChipProvider>\n </div>\n );\n};\n\nSearchByChip.Title = (props: Partial<ComponentProps<'h4'>>) => {\n const { children, className, searchByChipTitle } = deepMerge(useSearchByChipContext(), props);\n\n return (\n <h4 className={classNames('nbb-search-by-chip-title', className)} {...props}>\n {children || searchByChipTitle}\n </h4>\n );\n};\n\nSearchByChip.Subtitle = (props: Partial<ComponentProps<'h6'>>) => {\n const { children, className, subtitle } = deepMerge(useSearchByChipContext(), props);\n\n return (\n <h6 className={classNames('nbb-search-by-chip-subtitle', className)} {...props}>\n {children || subtitle}\n </h6>\n );\n};\n\nSearchByChip.SectionTitle = (props: Partial<ComponentProps<'h6'>>) => {\n const { children, className, sectionTitle } = deepMerge(useSearchByChipContext(), props);\n\n return (\n <h6 className={classNames('nbb-search-by-chip-section-title', className)} {...props}>\n {children || sectionTitle}\n </h6>\n );\n};\n\nSearchByChip.ChipItem = ({\n onClickChip,\n value,\n label,\n ...props\n}: ComponentProps<'button'> & {\n onClickChip: (value: string) => void;\n value: string;\n label: ReactNode;\n}) => (\n <button onClick={() => onClickChip(value)} className=\"nbb-search-by-chip-item\" {...props}>\n <SearchByChip.ChipIcon />\n <span>{label}</span>\n </button>\n);\n\nSearchByChip.ChipIcon = () => (\n <div className=\"nbb-search-by-chip-icon\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M5.86339 10.5831L3.08339 7.80312L2.13672 8.74312L5.86339 12.4698L13.8634 4.46979L12.9234 3.52979L5.86339 10.5831Z\"\n fill=\"#006EAD\"\n />\n </svg>\n </div>\n);\n\nSearchByChip.ChipSection = (\n props: Partial<\n ComponentProps<'div'> & {\n chips: {\n value: string;\n label: string;\n }[];\n sectionTitle: ReactNode;\n }\n >\n) => {\n const { children, className, chips, sectionTitle, onClickChip } = deepMerge(useSearchByChipContext(), props);\n\n return (\n <div className={classNames('nbb-search-by-chip-chip-section', className)} {...props}>\n {children || (\n <>\n <SearchByChip.SectionTitle>{sectionTitle}</SearchByChip.SectionTitle>\n <div className=\"nbb-search-by-chip-items\">\n {chips?.map((item, i) => (\n <SearchByChip.ChipItem key={i} onClickChip={onClickChip} value={item.value} label={item.label} />\n ))}\n </div>\n </>\n )}\n </div>\n );\n};\n\nconst defaultBlocks = createDefaultBlocks({\n subtitle: SearchByChip.Subtitle,\n title: SearchByChip.Title,\n sectionTitle: SearchByChip.SectionTitle,\n chipIcon: SearchByChip.ChipIcon,\n chipItem: SearchByChip.ChipItem,\n chipSection: SearchByChip.ChipSection,\n});\n\nexport default SearchByChip;\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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","x_google_ignoreList":[2]}
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":["../src/context.tsx","../src/lib.ts","../node_modules/style-inject/dist/style-inject.es.js","../src/search-by-chip.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from 'react';\n\ntype SearchByChipContextValue = {\n searchByChipTitle: ReactNode;\n sectionTitle: ReactNode;\n subtitle: ReactNode;\n onClickChip: (value: string) => void;\n chips: {\n value: string;\n label: string;\n }[];\n};\n\nconst SearchByChipContext = createContext<SearchByChipContextValue | undefined>(undefined);\n\nexport const SearchByChipProvider = ({\n children,\n ...value\n}: SearchByChipContextValue & {\n children: ReactNode;\n}) => {\n return <SearchByChipContext.Provider value={value}>{children}</SearchByChipContext.Provider>;\n};\n\nexport const useSearchByChipContext = () => {\n const context = useContext<SearchByChipContextValue | undefined>(SearchByChipContext);\n\n if (!context) {\n throw new Error('useSearchByChipContext must be used within a SearchByChipProvider');\n }\n return context;\n};\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","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 '@basaldev/blocks-frontend-framework/dist/style.css';\nimport { ComponentProps, Fragment, ReactNode } from 'react';\nimport { SearchByChipProvider, useSearchByChipContext } from './context';\nimport { BlocksOverride, BlocksOverrideComponent, classNames, createDefaultBlocks, deepMerge } from './lib';\nimport './search-by-chip.css';\n\nconst SearchByChip = <CustomBlocks extends Record<string, ReactNode> = {}>({\n searchByChipTitle,\n sectionTitle,\n subtitle,\n onClickChip,\n chips,\n className,\n children,\n ...props\n}: Omit<ComponentProps<'div'>, 'children'> & {\n searchByChipTitle: ReactNode;\n sectionTitle: ReactNode;\n subtitle: ReactNode;\n onClickChip: (value: string) => void;\n chips: {\n value: string;\n label: string;\n }[];\n children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;\n}) => {\n return (\n <div className={classNames('nbb-search-by-chip', className)} {...props}>\n <SearchByChipProvider\n {...{\n searchByChipTitle,\n sectionTitle,\n subtitle,\n onClickChip,\n chips,\n }}\n >\n <BlocksOverrideComponent\n defaultBlocks={defaultBlocks}\n defaultBlockOrder={Object.keys(defaultBlocks) as (keyof typeof defaultBlocks)[]}\n blocksOverride={children}\n >\n {({ blocks: { chipIcon, chipItem, sectionTitle, ...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 </SearchByChipProvider>\n </div>\n );\n};\n\nSearchByChip.Title = (props: Partial<ComponentProps<'h4'>>) => {\n const { children, className, searchByChipTitle } = deepMerge(useSearchByChipContext(), props);\n\n return (\n <h4 className={classNames('nbb-search-by-chip-title', className)} {...props}>\n {children || searchByChipTitle}\n </h4>\n );\n};\n\nSearchByChip.Subtitle = (props: Partial<ComponentProps<'h6'>>) => {\n const { children, className, subtitle } = deepMerge(useSearchByChipContext(), props);\n\n return (\n <h6 className={classNames('nbb-search-by-chip-subtitle', className)} {...props}>\n {children || subtitle}\n </h6>\n );\n};\n\nSearchByChip.SectionTitle = (props: Partial<ComponentProps<'h6'>>) => {\n const { children, className, sectionTitle } = deepMerge(useSearchByChipContext(), props);\n\n return (\n <h6 className={classNames('nbb-search-by-chip-section-title', className)} {...props}>\n {children || sectionTitle}\n </h6>\n );\n};\n\nSearchByChip.ChipItem = ({\n onClickChip,\n value,\n label,\n ...props\n}: ComponentProps<'button'> & {\n onClickChip: (value: string) => void;\n value: string;\n label: ReactNode;\n}) => (\n <button onClick={() => onClickChip(value)} className=\"nbb-search-by-chip-item\" {...props}>\n <SearchByChip.ChipIcon />\n <span>{label}</span>\n </button>\n);\n\nSearchByChip.ChipIcon = () => (\n <div className=\"nbb-search-by-chip-icon\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M5.86339 10.5831L3.08339 7.80312L2.13672 8.74312L5.86339 12.4698L13.8634 4.46979L12.9234 3.52979L5.86339 10.5831Z\"\n fill=\"#006EAD\"\n />\n </svg>\n </div>\n);\n\nSearchByChip.ChipSection = (\n props: Partial<\n ComponentProps<'div'> & {\n chips: {\n value: string;\n label: string;\n }[];\n sectionTitle: ReactNode;\n }\n >\n) => {\n const { children, className, chips, sectionTitle, onClickChip } = deepMerge(useSearchByChipContext(), props);\n\n return (\n <div className={classNames('nbb-search-by-chip-chip-section', className)} {...props}>\n {children || (\n <>\n <SearchByChip.SectionTitle>{sectionTitle}</SearchByChip.SectionTitle>\n <div className=\"nbb-search-by-chip-items\">\n {chips?.map((item, i) => (\n <SearchByChip.ChipItem key={i} onClickChip={onClickChip} value={item.value} label={item.label} />\n ))}\n </div>\n </>\n )}\n </div>\n );\n};\n\nconst defaultBlocks = createDefaultBlocks({\n subtitle: SearchByChip.Subtitle,\n title: SearchByChip.Title,\n sectionTitle: SearchByChip.SectionTitle,\n chipIcon: SearchByChip.ChipIcon,\n chipItem: SearchByChip.ChipItem,\n chipSection: SearchByChip.ChipSection,\n});\n\nexport default SearchByChip;\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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","x_google_ignoreList":[2]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nodeblocks/frontend-search-by-chip-block",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3",
|
|
4
4
|
"main": "dist/index.cjs.js",
|
|
5
5
|
"module": "dist/index.esm.js",
|
|
6
6
|
"browser": "dist/index.iife.js",
|
|
@@ -11,7 +11,7 @@
|
|
|
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
17
|
"react": "^18.3.1",
|