@nodeblocks/frontend-filter-search-panel-block 0.1.0 → 0.2.0

package/dist/context.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { FilterChip, SearchFormData } from './filter-search-panel';
+type FilterSearchPanelContextValue<T extends SearchFormData = any> = {
+    filters?: FilterChip[];
+    defaultSearchValue?: string;
+    onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onClickFilterButton?: () => void;
+    onClickRemoveFilter?: (filter: FilterChip) => void;
+    onSearch?: (data: T) => void;
+    searchPlaceholder?: string;
+    noFilterText?: string;
+    filterLabel?: string;
+};
+export declare const FilterSearchPanelProvider: <T extends SearchFormData>({ children, ...value }: FilterSearchPanelContextValue<T> & {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useFilterSearchPanelContext: <T extends SearchFormData>() => FilterSearchPanelContextValue<T>;
+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;AAC7D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEnE,KAAK,6BAA6B,CAIhC,CAAC,SAAS,cAAc,GAAG,GAAG,IAC5B;IACF,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtE,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,eAAO,MAAM,yBAAyB,GAAI,CAAC,SAAS,cAAc,EAAE,wBAGjE,6BAA6B,CAAC,CAAC,CAAC,GAAG;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB,4CAEA,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,CAAC,SAAS,cAAc,uCAOnE,CAAC"}

package/dist/filter-search-panel.d.ts

@@ -1,23 +1,62 @@
-import { DefaultBlocks, FilterChip } from './blocks';
+import '@basaldev/blocks-frontend-framework/dist/style.css';
 import './filter-search-panel.css';
-type SearchContainerProps = {
-    filters?: FilterChip[];
-    onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onKeyPressUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    onClickFilterButton?: () => void;
-    onClickRemoveFilter?: (filter: FilterChip) => void;
-    onClickSearchIcon?: () => void;
-    searchPlaceholder?: string;
-    noFilterText?: string;
-    filterLabel?: string;
-    defaultSearchValue?: string;
-    children?: (props: {
-        defaultBlocks: DefaultBlocks;
-    }) => {
-        blocks: DefaultBlocks;
-        [key: string]: any;
-    };
+import { ComponentProps, ReactNode } from 'react';
+import { BlocksOverride } from './lib';
+export type FilterChip = {
+    label: string;
+    key: string;
+    groupName: string;
+};
+export type SearchFormData = {
+    search: string;
+};
+declare const FilterSearchPanel: {
+    <T extends SearchFormData, CustomBlocks extends Record<string, ReactNode> = {}>({ filters, defaultSearchValue, onClickRemoveFilter, onClickFilterButton, onSearchChange, onSearch, searchPlaceholder, noFilterText, filterLabel, className, children, ...props }: Omit<ComponentProps<"form">, "children"> & {
+        filters?: FilterChip[];
+        defaultSearchValue?: string;
+        onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+        onClickFilterButton?: () => void;
+        onClickRemoveFilter?: (filter: FilterChip) => void;
+        onSearch?: (data: T) => void;
+        searchPlaceholder?: string;
+        noFilterText?: string;
+        filterLabel?: string;
+        children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;
+    }): import("react/jsx-runtime").JSX.Element;
+    SearchInput(props: Partial<ComponentProps<"div"> & {
+        searchPlaceholder?: string;
+        onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+        onSearch?: () => void;
+        defaultSearchValue?: string;
+    }>): import("react/jsx-runtime").JSX.Element;
+    FilterButton(props: Partial<ComponentProps<"button"> & {
+        filterLabel: string;
+        onClickFilterButton: () => void;
+    }>): import("react/jsx-runtime").JSX.Element;
+    SelectedFilterList(props: Partial<ComponentProps<"div"> & {
+        filters: FilterChip[];
+        onClickRemoveFilter: (filter: FilterChip) => void;
+        noFilterText: string;
+    }>): string | number | true | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element;
+    FilterBadge(props: Partial<ComponentProps<"div">> & {
+        filter: FilterChip;
+        onClickRemoveFilter: (filter: FilterChip) => void;
+    }): import("react/jsx-runtime").JSX.Element;
+    ActionGroup(props: Partial<ComponentProps<"div">>): import("react/jsx-runtime").JSX.Element;
+};
+declare const defaultBlocks: {
+    searchInput: import("react").ReactElement<Partial<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+        searchPlaceholder?: string;
+        onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+        onSearch?: () => void;
+        defaultSearchValue?: string;
+    }>, (props: Partial<ComponentProps<"div"> & {
+        searchPlaceholder?: string;
+        onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+        onSearch?: () => void;
+        defaultSearchValue?: string;
+    }>) => import("react/jsx-runtime").JSX.Element>;
+    actionGroup: import("react").ReactElement<Partial<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, (props: Partial<ComponentProps<"div">>) => import("react/jsx-runtime").JSX.Element>;
 };
-export declare const FilterSearchPanel: ({ children, filters, defaultSearchValue, onClickRemoveFilter, onClickFilterButton, onSearchChange, onKeyPressUp, onClickSearchIcon, searchPlaceholder, noFilterText, filterLabel, }: SearchContainerProps) => import("react/jsx-runtime").JSX.Element;
 export default FilterSearchPanel;
 //# sourceMappingURL=filter-search-panel.d.ts.map

package/dist/filter-search-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-search-panel.d.ts","sourceRoot":"","sources":["../src/filter-search-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiC,UAAU,EAAE,MAAM,UAAU,CAAC;AACpF,OAAO,2BAA2B,CAAC;AAGnC,KAAK,oBAAoB,GAAG;IAC1B,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtE,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACnD,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,aAAa,EAAE,aAAa,CAAA;KAAE,KAAK;QACtD,MAAM,EAAE,aAAa,CAAC;QACtB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,qLAY/B,oBAAoB,4CAmBtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"filter-search-panel.d.ts","sourceRoot":"","sources":["../src/filter-search-panel.tsx"],"names":[],"mappings":"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"}

package/dist/index.cjs.js

@@ -1,8 +1,45 @@
+
+
+          if (typeof global === 'undefined') {
+            var global = window;
+          }
+        
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+require('@basaldev/blocks-frontend-framework/dist/style.css');
 var react = require('react');
 
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = "/* TODO change naming */\n.nbb-filter-search-panel {\n  --color-object-accent-primary: #006ead;\n  --color-object-accent-primary-emphasis: #006ead;\n  --border-radius-4: 8px;\n  --border-color: #c9d0da;\n  --color-text-mid-emphasis: #1d1e20;\n  --color-text-low-emphasis: #737d90;\n  --color-surface-secondary: #f3f3f3;\n  --color-surface-tertiary: #e2e4e7;\n  --color-surface-primary: #fff;\n}\n.nbb-filter-search-panel {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 8px;\n  background-color: var(--color-surface-secondary);\n  font-family: var(--font-family);\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-search-input {\n  display: flex;\n  align-items: center;\n  border: 1px solid var(--border-color);\n  border-radius: var(--border-radius-4);\n  background: var(--color-surface-primary);\n  height: 44px;\n  overflow: hidden;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-search-input input {\n  flex-grow: 1;\n  border: none;\n  outline: none;\n  color: var(--color-text-mid-emphasis);\n  background: var(--color-surface-primary);\n  height: 44px;\n  padding-right: 8px;\n  padding-left: 8px;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-search-icon {\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 16px;\n  color: var(--color-object-accent-primary);\n  padding: 8px;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-button-group {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-filter-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 16px;\n  border-radius: var(--border-radius-4);\n  background: var(--color-surface-primary);\n  border: 1px solid var(--border-color);\n  font-weight: normal;\n  cursor: pointer;\n  font-size: 14px;\n  color: var(--color-text-mid-emphasis);\n  height: 44px;\n  flex: none;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-selected-filters {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 10px;\n  background: var(--color-surface-secondary);\n  border-radius: var(--border-radius-4);\n  overflow-x: scroll;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-selected-filters::-webkit-scrollbar {\n  display: none;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-selected-filter-group-name {\n  margin-left: 14px;\n  margin-right: 14px;\n  text-transform: capitalize;\n  display: inline-flex;\n  gap: 10px;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-filter-chip {\n  display: inline-flex;\n  align-items: center;\n  margin: 0;\n  border-radius: var(--border-radius-4);\n  background: var(--color-surface-primary);\n  white-space: nowrap;\n  font-size: 14px;\n  color: var(--color-text-mid-emphasis);\n  border: 1px solid var(--color-surface-secondary);\n  height: 44px;\n  line-height: 44px;\n  padding: 0 16px;\n}\n\n.nbb-filter-search-panel button:focus {\n  outline: none;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-remove-filter {\n  cursor: pointer;\n  background: none;\n  border: none;\n  font-size: 14px;\n  color: var(--color-object-accent-primary);\n  margin: 0 8px 0px 0px;\n  padding: 0;\n  outline: none;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-no-filter {\n  color: var(--color-text-mid-emphasis);\n  background: var(--color-surface-tertiary);\n  height: 44px;\n  line-height: 44px;\n  display: flex;\n  flex: 1;\n  margin: 0px;\n  font-size: 12px;\n  border-radius: var(--border-radius-4);\n  align-items: center;\n  padding: 0 8px;\n  color: var(--color-text-low-emphasis);\n}\n";
+styleInject(css_248z);
+
 /**
  * @license lucide-react v0.511.0 - ISC
  *
@@ -133,78 +170,153 @@ const __iconNode = [
 ];
 const SlidersHorizontal = createLucideIcon("sliders-horizontal", __iconNode);
 
-const defaultOptions = {};
-function SearchContainerBlock({ children }) {
-    return jsxRuntime.jsx("div", { className: "nbb-search-container", children: children });
-}
-function SearchInputBlock({ placeholder, onSearchChange, onKeyPressUp, onClickSearchIcon, defaultValue, }) {
-    return (jsxRuntime.jsxs("div", { className: "nbb-search-input", children: [jsxRuntime.jsx("input", { defaultValue: defaultValue, type: "text", placeholder: placeholder, onChange: onSearchChange, onKeyUp: onKeyPressUp }), jsxRuntime.jsx("button", { className: "nbb-search-icon", onClick: onClickSearchIcon, children: jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M15.7559 14.2549H14.9659L14.6859 13.9849C15.6659 12.8449 16.2559 11.3649 16.2559 9.75488C16.2559 6.16488 13.3459 3.25488 9.75586 3.25488C6.16586 3.25488 3.25586 6.16488 3.25586 9.75488C3.25586 13.3449 6.16586 16.2549 9.75586 16.2549C11.3659 16.2549 12.8459 15.6649 13.9859 14.6849L14.2559 14.9649V15.7549L19.2559 20.7449L20.7459 19.2549L15.7559 14.2549ZM9.75586 14.2549C7.26586 14.2549 5.25586 12.2449 5.25586 9.75488C5.25586 7.26488 7.26586 5.25488 9.75586 5.25488C12.2459 5.25488 14.2559 7.26488 14.2559 9.75488C14.2559 12.2449 12.2459 14.2549 9.75586 14.2549Z", fill: "#737D90" }) }) })] }));
-}
-function FilterButtonBlock({ label, onClickFilterButton }) {
-    return (jsxRuntime.jsxs("button", { className: "nbb-filter-button", onClick: onClickFilterButton, children: [jsxRuntime.jsx(SlidersHorizontal, { size: 14, color: "#666666" }), label] }));
-}
-function SelectedFilterListBlock({ filters, onClickRemoveFilter, noFilterText }) {
-    if (!filters || filters.length === 0) {
-        return jsxRuntime.jsx("div", { className: "nbb-no-filter", children: noFilterText });
+const FilterSearchPanelContext = react.createContext(undefined);
+const FilterSearchPanelProvider = ({ children, ...value }) => {
+    return jsxRuntime.jsx(FilterSearchPanelContext.Provider, { value: value, children: children });
+};
+const useFilterSearchPanelContext = () => {
+    const context = react.useContext(FilterSearchPanelContext);
+    if (!context) {
+        throw new Error('useFilterSearchPanelContext must be used within a FilterSearchPanelProvider');
     }
-    const filtersByGroupName = Object.groupBy(filters, (filter) => filter.groupName || '');
-    return (jsxRuntime.jsx("div", { className: "nbb-selected-filters", children: Object.entries(filtersByGroupName).map(([groupName, filters], index) => filters &&
-            filters.length > 0 && (jsxRuntime.jsxs(react.Fragment, { children: [groupName && (jsxRuntime.jsxs("span", { children: [jsxRuntime.jsxs("span", { className: "nbb-selected-filter-group-name", children: [groupName, " ", jsxRuntime.jsx("span", { children: ":" })] }), jsxRuntime.jsx(FilterBadge, { filter: filters[0], onClick: () => onClickRemoveFilter(filters[0]) }, index)] })), filters.slice(1).map((filter, index) => (jsxRuntime.jsx(FilterBadge, { filter: filter, onClick: () => onClickRemoveFilter(filter) }, index)))] }, index))) }));
-}
-function FilterBadge({ filter, onClick }) {
-    return (jsxRuntime.jsxs("div", { className: "nbb-filter-chip", children: [jsxRuntime.jsx("button", { className: "nbb-remove-filter", onClick: onClick, children: jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M12.6673 4.2735L11.7273 3.3335L8.00065 7.06016L4.27398 3.3335L3.33398 4.2735L7.06065 8.00016L3.33398 11.7268L4.27398 12.6668L8.00065 8.94016L11.7273 12.6668L12.6673 11.7268L8.94065 8.00016L12.6673 4.2735Z", fill: "#737D90" }) }) }), filter.label] }));
-}
-const defaultBlocks = {
-    SearchContainer: SearchContainerBlock,
-    SearchInput: SearchInputBlock,
-    FilterButton: FilterButtonBlock,
-    SelectedFilterList: SelectedFilterListBlock,
+    return context;
 };
 
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
+/**
+ * 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,
+        });
     }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
+    if (typeof blocksOverride === 'function') {
+        const { blocks, blockOrder } = blocksOverride({
+            defaultBlocks,
+            defaultBlockOrder,
+        });
+        return children({ blocks, blockOrder });
+    }
+    return blocksOverride;
 }
-
-var css_248z = "/* TODO change naming */\n.nbb-search-container {\n  --color-object-accent-primary: #006ead;\n  --color-object-accent-primary-emphasis: #006ead;\n  --border-radius-4: 8px;\n  --border-color: #c9d0da;\n  --color-text-mid-emphasis: #1d1e20;\n  --color-text-low-emphasis: #737d90;\n  --color-surface-secondary: #f3f3f3;\n  --color-surface-tertiary: #e2e4e7;\n  --color-surface-primary: #fff;\n}\n.nbb-search-container {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 8px;\n  background-color: var(--color-surface-secondary);\n}\n\n.nbb-search-container .nbb-search-input {\n  display: flex;\n  align-items: center;\n  border: 1px solid var(--border-color);\n  border-radius: var(--border-radius-4);\n  background: var(--color-surface-primary);\n  height: 44px;\n  overflow: hidden;\n}\n\n.nbb-search-container .nbb-search-input input {\n  flex-grow: 1;\n  border: none;\n  outline: none;\n  color: var(--color-text-mid-emphasis);\n  background: var(--color-surface-primary);\n  height: 44px;\n  padding-right: 8px;\n  padding-left: 8px;\n}\n\n.nbb-search-container .nbb-search-icon {\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 16px;\n  color: var(--color-object-accent-primary);\n  padding: 8px;\n}\n\n.nbb-search-container .nbb-button-group {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.nbb-search-container .nbb-filter-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 16px;\n  border-radius: var(--border-radius-4);\n  background: var(--color-surface-primary);\n  border: 1px solid var(--border-color);\n  font-weight: normal;\n  cursor: pointer;\n  font-size: 14px;\n  color: var(--color-text-mid-emphasis);\n  height: 44px;\n  flex: none;\n}\n\n.nbb-search-container .nbb-selected-filters {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 10px;\n  background: var(--color-surface-secondary);\n  border-radius: var(--border-radius-4);\n  overflow-x: scroll;\n}\n\n.nbb-search-container .nbb-selected-filters::-webkit-scrollbar {\n  display: none;\n}\n\n.nbb-search-container .nbb-selected-filter-group-name {\n  margin-left: 14px;\n  margin-right: 14px;\n  text-transform: capitalize;\n  display: inline-flex;\n  gap: 10px;\n}\n\n.nbb-search-container .nbb-filter-chip {\n  display: inline-flex;\n  align-items: center;\n  margin: 0;\n  border-radius: var(--border-radius-4);\n  background: var(--color-surface-primary);\n  white-space: nowrap;\n  font-size: 14px;\n  color: var(--color-text-mid-emphasis);\n  border: 1px solid var(--color-surface-secondary);\n  height: 44px;\n  line-height: 44px;\n  padding: 0 16px;\n}\n\n.nbb-search-container button:focus {\n  outline: none;\n}\n\n.nbb-search-container .nbb-remove-filter {\n  cursor: pointer;\n  background: none;\n  border: none;\n  font-size: 14px;\n  color: var(--color-object-accent-primary);\n  margin: 0 8px 0px 0px;\n  padding: 0;\n  outline: none;\n}\n\n.nbb-search-container .nbb-no-filter {\n  color: var(--color-text-mid-emphasis);\n  background: var(--color-surface-tertiary);\n  height: 44px;\n  line-height: 44px;\n  display: flex;\n  flex: 1;\n  margin: 0px;\n  font-size: 12px;\n  border-radius: var(--border-radius-4);\n  align-items: center;\n  padding: 0 8px;\n  color: var(--color-text-low-emphasis);\n}\n";
-styleInject(css_248z);
-
-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])),
-    };
+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 FilterSearchPanel = ({ children, filters = [], defaultSearchValue = '', onClickRemoveFilter, onClickFilterButton, onSearchChange, onKeyPressUp, onClickSearchIcon, searchPlaceholder = '新規サービス開発', noFilterText = '条件未設定', filterLabel = '絞込み設定', }) => {
-    const { blocks } = setBlocks(defaultBlocks, defaultOptions, children);
-    const { SearchContainer, SearchInput, FilterButton, SelectedFilterList } = blocks;
-    return (jsxRuntime.jsxs(SearchContainer, { children: [jsxRuntime.jsx(SearchInput, { defaultValue: defaultSearchValue, placeholder: searchPlaceholder, onSearchChange: onSearchChange, onKeyPressUp: onKeyPressUp, onClickSearchIcon: onClickSearchIcon }), jsxRuntime.jsxs("div", { className: "nbb-button-group", children: [jsxRuntime.jsx(FilterButton, { label: filterLabel, onClickFilterButton: onClickFilterButton }), jsxRuntime.jsx(SelectedFilterList, { filters: filters, noFilterText: noFilterText, onClickRemoveFilter: onClickRemoveFilter })] })] }));
+const FilterSearchPanel = ({ filters = [], defaultSearchValue, onClickRemoveFilter, onClickFilterButton, onSearchChange, onSearch, searchPlaceholder, noFilterText, filterLabel, className, children, ...props }) => {
+    return (jsxRuntime.jsx("form", { className: classNames('nbb-filter-search-panel', className), onSubmit: (e) => {
+            e.preventDefault();
+            if (!onSearch) {
+                return;
+            }
+            if (!(e.target instanceof HTMLFormElement)) {
+                return;
+            }
+            const formData = new FormData(e.target);
+            const data = Object.fromEntries(formData);
+            onSearch(data);
+        }, ...props, children: jsxRuntime.jsx(FilterSearchPanelProvider, { filters,
+            defaultSearchValue,
+            onClickRemoveFilter,
+            onClickFilterButton,
+            onSearchChange,
+            onSearch,
+            searchPlaceholder,
+            noFilterText,
+            filterLabel, 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))) }) }) }));
+};
+FilterSearchPanel.SearchInput = (props) => {
+    const { children, className, defaultSearchValue, searchPlaceholder = '新規サービス開発', onSearchChange, } = deepMerge(useFilterSearchPanelContext(), props);
+    return (jsxRuntime.jsx("div", { className: classNames('nbb-filter-search-panel-search-input', className), ...props, children: children || (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("input", { defaultValue: defaultSearchValue, type: "text", name: "search", placeholder: searchPlaceholder, onChange: onSearchChange }), jsxRuntime.jsx("button", { className: "nbb-filter-search-panel-search-icon", children: jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M15.7559 14.2549H14.9659L14.6859 13.9849C15.6659 12.8449 16.2559 11.3649 16.2559 9.75488C16.2559 6.16488 13.3459 3.25488 9.75586 3.25488C6.16586 3.25488 3.25586 6.16488 3.25586 9.75488C3.25586 13.3449 6.16586 16.2549 9.75586 16.2549C11.3659 16.2549 12.8459 15.6649 13.9859 14.6849L14.2559 14.9649V15.7549L19.2559 20.7449L20.7459 19.2549L15.7559 14.2549ZM9.75586 14.2549C7.26586 14.2549 5.25586 12.2449 5.25586 9.75488C5.25586 7.26488 7.26586 5.25488 9.75586 5.25488C12.2459 5.25488 14.2559 7.26488 14.2559 9.75488C14.2559 12.2449 12.2459 14.2549 9.75586 14.2549Z", fill: "#737D90" }) }) })] })) }));
+};
+FilterSearchPanel.FilterButton = (props) => {
+    const { children, className, onClickFilterButton, filterLabel = '絞込み設定', } = deepMerge(useFilterSearchPanelContext(), props);
+    return (jsxRuntime.jsx("button", { className: classNames('nbb-filter-search-panel-filter-button', className), type: "button", onClick: onClickFilterButton, ...props, children: children || (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(SlidersHorizontal, { size: 14, color: "#666666" }), filterLabel] })) }));
+};
+FilterSearchPanel.SelectedFilterList = (props) => {
+    const { children, className, filters, noFilterText = '条件未設定', onClickRemoveFilter, } = deepMerge(useFilterSearchPanelContext(), props);
+    if (!filters || filters.length === 0) {
+        return jsxRuntime.jsx("div", { className: "nbb-filter-search-panel-no-filter", children: noFilterText });
+    }
+    const filtersByGroupName = Object.groupBy(filters, (filter) => filter.groupName || '');
+    return (children || (jsxRuntime.jsx("div", { className: classNames('nbb-filter-search-panel-selected-filters', className), ...props, children: Object.entries(filtersByGroupName).map(([groupName, filters], index) => filters &&
+            filters.length > 0 && (jsxRuntime.jsxs(react.Fragment, { children: [groupName && (jsxRuntime.jsxs("span", { children: [jsxRuntime.jsxs("span", { className: "nbb-filter-search-panel-selected-filter-group-name", children: [groupName, " ", jsxRuntime.jsx("span", { children: ":" })] }), jsxRuntime.jsx(FilterSearchPanel.FilterBadge, { filter: filters[0], onClickRemoveFilter: () => onClickRemoveFilter && onClickRemoveFilter(filters[0]) }, index)] })), filters.slice(1).map((filter, index) => (jsxRuntime.jsx(FilterSearchPanel.FilterBadge, { filter: filter, onClickRemoveFilter: () => onClickRemoveFilter && onClickRemoveFilter(filter) }, index)))] }, index))) })));
+};
+FilterSearchPanel.FilterBadge = (props) => {
+    const { children, className, onClickRemoveFilter, filter } = deepMerge(useFilterSearchPanelContext(), props);
+    return (jsxRuntime.jsx("div", { className: classNames('nbb-filter-search-panel-filter-chip', className), ...props, children: children || (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("button", { className: "nbb-filter-search-panel-remove-filter", type: "button", onClick: () => onClickRemoveFilter(filter), children: jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M12.6673 4.2735L11.7273 3.3335L8.00065 7.06016L4.27398 3.3335L3.33398 4.2735L7.06065 8.00016L3.33398 11.7268L4.27398 12.6668L8.00065 8.94016L11.7273 12.6668L12.6673 11.7268L8.94065 8.00016L12.6673 4.2735Z", fill: "#737D90" }) }) }), filter.label] })) }));
+};
+FilterSearchPanel.ActionGroup = (props) => {
+    const { children, className, onClickRemoveFilter, filters, filterLabel, noFilterText, onClickFilterButton } = deepMerge(useFilterSearchPanelContext(), props);
+    return (jsxRuntime.jsx("div", { className: classNames('nbb-filter-search-panel-button-group', className), ...props, children: children || (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(FilterSearchPanel.FilterButton, { filterLabel: filterLabel, onClickFilterButton: onClickFilterButton }), jsxRuntime.jsx(FilterSearchPanel.SelectedFilterList, { filters: filters, noFilterText: noFilterText, onClickRemoveFilter: onClickRemoveFilter })] })) }));
 };
+const defaultBlocks = createDefaultBlocks({
+    searchInput: FilterSearchPanel.SearchInput,
+    actionGroup: FilterSearchPanel.ActionGroup,
+});
 
 exports.FilterSearchPanel = FilterSearchPanel;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../node_modules/lucide-react/dist/esm/shared/src/utils.js","../node_modules/lucide-react/dist/esm/defaultAttributes.js","../node_modules/lucide-react/dist/esm/Icon.js","../node_modules/lucide-react/dist/esm/createLucideIcon.js","../node_modules/lucide-react/dist/esm/icons/sliders-horizontal.js","../src/blocks.tsx","../node_modules/style-inject/dist/style-inject.es.js","../src/lib.ts","../src/filter-search-panel.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\nconst toCamelCase = (string) => string.replace(\n  /^([A-Z])|[\\s-_]+(\\w)/g,\n  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()\n);\nconst toPascalCase = (string) => {\n  const camelCase = toCamelCase(string);\n  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);\n};\nconst mergeClasses = (...classes) => classes.filter((className, index, array) => {\n  return Boolean(className) && className.trim() !== \"\" && array.indexOf(className) === index;\n}).join(\" \").trim();\nconst hasA11yProp = (props) => {\n  for (const prop in props) {\n    if (prop.startsWith(\"aria-\") || prop === \"role\" || prop === \"title\") {\n      return true;\n    }\n  }\n};\n\nexport { hasA11yProp, mergeClasses, toCamelCase, toKebabCase, toPascalCase };\n//# sourceMappingURL=utils.js.map\n","/**\n * @license lucide-react v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nvar defaultAttributes = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: 24,\n  height: 24,\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  strokeWidth: 2,\n  strokeLinecap: \"round\",\n  strokeLinejoin: \"round\"\n};\n\nexport { defaultAttributes as default };\n//# sourceMappingURL=defaultAttributes.js.map\n","/**\n * @license lucide-react v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport defaultAttributes from './defaultAttributes.js';\nimport { mergeClasses, hasA11yProp } from './shared/src/utils.js';\n\nconst Icon = forwardRef(\n  ({\n    color = \"currentColor\",\n    size = 24,\n    strokeWidth = 2,\n    absoluteStrokeWidth,\n    className = \"\",\n    children,\n    iconNode,\n    ...rest\n  }, ref) => createElement(\n    \"svg\",\n    {\n      ref,\n      ...defaultAttributes,\n      width: size,\n      height: size,\n      stroke: color,\n      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,\n      className: mergeClasses(\"lucide\", className),\n      ...!children && !hasA11yProp(rest) && { \"aria-hidden\": \"true\" },\n      ...rest\n    },\n    [\n      ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),\n      ...Array.isArray(children) ? children : [children]\n    ]\n  )\n);\n\nexport { Icon as default };\n//# sourceMappingURL=Icon.js.map\n","/**\n * @license lucide-react v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport { mergeClasses, toKebabCase, toPascalCase } from './shared/src/utils.js';\nimport Icon from './Icon.js';\n\nconst createLucideIcon = (iconName, iconNode) => {\n  const Component = forwardRef(\n    ({ className, ...props }, ref) => createElement(Icon, {\n      ref,\n      iconNode,\n      className: mergeClasses(\n        `lucide-${toKebabCase(toPascalCase(iconName))}`,\n        `lucide-${iconName}`,\n        className\n      ),\n      ...props\n    })\n  );\n  Component.displayName = toPascalCase(iconName);\n  return Component;\n};\n\nexport { createLucideIcon as default };\n//# sourceMappingURL=createLucideIcon.js.map\n","/**\n * @license lucide-react v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"line\", { x1: \"21\", x2: \"14\", y1: \"4\", y2: \"4\", key: \"obuewd\" }],\n  [\"line\", { x1: \"10\", x2: \"3\", y1: \"4\", y2: \"4\", key: \"1q6298\" }],\n  [\"line\", { x1: \"21\", x2: \"12\", y1: \"12\", y2: \"12\", key: \"1iu8h1\" }],\n  [\"line\", { x1: \"8\", x2: \"3\", y1: \"12\", y2: \"12\", key: \"ntss68\" }],\n  [\"line\", { x1: \"21\", x2: \"16\", y1: \"20\", y2: \"20\", key: \"14d8ph\" }],\n  [\"line\", { x1: \"12\", x2: \"3\", y1: \"20\", y2: \"20\", key: \"m0wm8r\" }],\n  [\"line\", { x1: \"14\", x2: \"14\", y1: \"2\", y2: \"6\", key: \"14e1ph\" }],\n  [\"line\", { x1: \"8\", x2: \"8\", y1: \"10\", y2: \"14\", key: \"1i6ji0\" }],\n  [\"line\", { x1: \"16\", x2: \"16\", y1: \"18\", y2: \"22\", key: \"1lctlv\" }]\n];\nconst SlidersHorizontal = createLucideIcon(\"sliders-horizontal\", __iconNode);\n\nexport { __iconNode, SlidersHorizontal as default };\n//# sourceMappingURL=sliders-horizontal.js.map\n","import { SlidersHorizontal } from 'lucide-react';\nimport React, { ComponentProps, Fragment } from 'react';\n\nexport type FilterChip = { label: string; key: string; groupName: string };\n\nexport type SearchContainerProps = {\n  children: React.ReactNode;\n};\n\nexport type SearchInputProps = {\n  placeholder?: string;\n  onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onKeyPressUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n  onClickSearchIcon?: () => void;\n  defaultValue?: string;\n};\n\nexport type FilterButtonProps = {\n  label: string;\n  onClickFilterButton: () => void;\n};\n\nexport type SelectedFilterListProps = {\n  filters: FilterChip[];\n  onClickRemoveFilter: (filter: FilterChip) => void;\n  noFilterText: string;\n};\n\nexport type DefaultBlocks = {\n  SearchContainer: React.FC<SearchContainerProps>;\n  SearchInput: React.FC<SearchInputProps>;\n  FilterButton: React.FC<FilterButtonProps>;\n  SelectedFilterList: React.FC<SelectedFilterListProps>;\n};\n\nexport type DefaultOptions = {};\nexport const defaultOptions: DefaultOptions = {};\n\nfunction SearchContainerBlock({ children }: SearchContainerProps) {\n  return <div className=\"nbb-search-container\">{children}</div>;\n}\n\nfunction SearchInputBlock({\n  placeholder,\n  onSearchChange,\n  onKeyPressUp,\n  onClickSearchIcon,\n  defaultValue,\n}: SearchInputProps) {\n  return (\n    <div className=\"nbb-search-input\">\n      <input\n        defaultValue={defaultValue}\n        type=\"text\"\n        placeholder={placeholder}\n        onChange={onSearchChange}\n        onKeyUp={onKeyPressUp}\n      />\n      <button className=\"nbb-search-icon\" onClick={onClickSearchIcon}>\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            d=\"M15.7559 14.2549H14.9659L14.6859 13.9849C15.6659 12.8449 16.2559 11.3649 16.2559 9.75488C16.2559 6.16488 13.3459 3.25488 9.75586 3.25488C6.16586 3.25488 3.25586 6.16488 3.25586 9.75488C3.25586 13.3449 6.16586 16.2549 9.75586 16.2549C11.3659 16.2549 12.8459 15.6649 13.9859 14.6849L14.2559 14.9649V15.7549L19.2559 20.7449L20.7459 19.2549L15.7559 14.2549ZM9.75586 14.2549C7.26586 14.2549 5.25586 12.2449 5.25586 9.75488C5.25586 7.26488 7.26586 5.25488 9.75586 5.25488C12.2459 5.25488 14.2559 7.26488 14.2559 9.75488C14.2559 12.2449 12.2459 14.2549 9.75586 14.2549Z\"\n            fill=\"#737D90\"\n          />\n        </svg>\n      </button>\n    </div>\n  );\n}\n\nfunction FilterButtonBlock({ label, onClickFilterButton }: FilterButtonProps) {\n  return (\n    <button className=\"nbb-filter-button\" onClick={onClickFilterButton}>\n      <SlidersHorizontal size={14} color=\"#666666\" />\n      {label}\n    </button>\n  );\n}\n\nfunction SelectedFilterListBlock({ filters, onClickRemoveFilter, noFilterText }: SelectedFilterListProps) {\n  if (!filters || filters.length === 0) {\n    return <div className=\"nbb-no-filter\">{noFilterText}</div>;\n  }\n\n  const filtersByGroupName = Object.groupBy(filters, (filter) => filter.groupName || '');\n  return (\n    <div className=\"nbb-selected-filters\">\n      {Object.entries(filtersByGroupName).map(\n        ([groupName, filters], index) =>\n          filters &&\n          filters.length > 0 && (\n            <Fragment key={index}>\n              {groupName && (\n                <span>\n                  <span className=\"nbb-selected-filter-group-name\">\n                    {groupName} <span>:</span>\n                  </span>\n                  <FilterBadge key={index} filter={filters[0]} onClick={() => onClickRemoveFilter(filters[0])} />\n                </span>\n              )}\n              {filters.slice(1).map((filter, index) => (\n                <FilterBadge key={index} filter={filter} onClick={() => onClickRemoveFilter(filter)} />\n              ))}\n            </Fragment>\n          )\n      )}\n    </div>\n  );\n}\n\nfunction FilterBadge({ filter, onClick }: { filter: FilterChip; onClick: ComponentProps<'button'>['onClick'] }) {\n  return (\n    <div className=\"nbb-filter-chip\">\n      <button className=\"nbb-remove-filter\" onClick={onClick}>\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            d=\"M12.6673 4.2735L11.7273 3.3335L8.00065 7.06016L4.27398 3.3335L3.33398 4.2735L7.06065 8.00016L3.33398 11.7268L4.27398 12.6668L8.00065 8.94016L11.7273 12.6668L12.6673 11.7268L8.94065 8.00016L12.6673 4.2735Z\"\n            fill=\"#737D90\"\n          />\n        </svg>\n      </button>\n      {filter.label}\n    </div>\n  );\n}\n\nexport const defaultBlocks: DefaultBlocks = {\n  SearchContainer: SearchContainerBlock,\n  SearchInput: SearchInputBlock,\n  FilterButton: FilterButtonBlock,\n  SelectedFilterList: SelectedFilterListBlock,\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 { 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\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 ? children({ defaultBlocks, ...defaultOptions }) : { blocks: {}, ...defaultOptions };\n  const { blocks: customBlocks = {} } = results;\n  return {\n    ...results,\n    blocks: Object.fromEntries(\n      Object.entries(defaultBlocks).map(([key, defaultComponent]) => [key, customBlocks[key] || defaultComponent])\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 { DefaultBlocks, defaultBlocks, defaultOptions, FilterChip } from './blocks';\nimport './filter-search-panel.css';\nimport { setBlocks } from './lib';\n\ntype SearchContainerProps = {\n  filters?: FilterChip[];\n  onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onKeyPressUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n  onClickFilterButton?: () => void;\n  onClickRemoveFilter?: (filter: FilterChip) => void;\n  onClickSearchIcon?: () => void;\n  searchPlaceholder?: string;\n  noFilterText?: string;\n  filterLabel?: string;\n  defaultSearchValue?: string;\n  children?: (props: { defaultBlocks: DefaultBlocks }) => {\n    blocks: DefaultBlocks;\n    [key: string]: any;\n  };\n};\n\nexport const FilterSearchPanel = ({\n  children,\n  filters = [],\n  defaultSearchValue = '',\n  onClickRemoveFilter,\n  onClickFilterButton,\n  onSearchChange,\n  onKeyPressUp,\n  onClickSearchIcon,\n  searchPlaceholder = '新規サービス開発',\n  noFilterText = '条件未設定',\n  filterLabel = '絞込み設定',\n}: SearchContainerProps) => {\n  const { blocks } = setBlocks(defaultBlocks, defaultOptions, children);\n  const { SearchContainer, SearchInput, FilterButton, SelectedFilterList } = blocks;\n\n  return (\n    <SearchContainer>\n      <SearchInput\n        defaultValue={defaultSearchValue}\n        placeholder={searchPlaceholder}\n        onSearchChange={onSearchChange}\n        onKeyPressUp={onKeyPressUp}\n        onClickSearchIcon={onClickSearchIcon}\n      />\n      <div className=\"nbb-button-group\">\n        <FilterButton label={filterLabel} onClickFilterButton={onClickFilterButton} />\n        <SelectedFilterList filters={filters} noFilterText={noFilterText} onClickRemoveFilter={onClickRemoveFilter} />\n      </div>\n    </SearchContainer>\n  );\n};\n\nexport default FilterSearchPanel;\n"],"names":["forwardRef","createElement","_jsx","_jsxs","Fragment"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAM,WAAW,GAAG,CAAC,MAAM,KAAK,MAAM,CAAC,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE;AAC3F,MAAM,WAAW,GAAG,CAAC,MAAM,KAAK,MAAM,CAAC,OAAO;AAC9C,EAAE,uBAAuB;AACzB,EAAE,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW;AAC3D,CAAC;AACD,MAAM,YAAY,GAAG,CAAC,MAAM,KAAK;AACjC,EAAE,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CAAC;AACvC,EAAE,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;AAC/D,CAAC;AACD,MAAM,YAAY,GAAG,CAAC,GAAG,OAAO,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,KAAK;AACjF,EAAE,OAAO,OAAO,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,KAAK;AAC5F,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;AACnB,MAAM,WAAW,GAAG,CAAC,KAAK,KAAK;AAC/B,EAAE,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;AAC5B,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,OAAO,EAAE;AACzE,MAAM,OAAO,IAAI;AACjB;AACA;AACA,CAAC;;ACzBD;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAI,iBAAiB,GAAG;AACxB,EAAE,KAAK,EAAE,4BAA4B;AACrC,EAAE,KAAK,EAAE,EAAE;AACX,EAAE,MAAM,EAAE,EAAE;AACZ,EAAE,OAAO,EAAE,WAAW;AACtB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,MAAM,EAAE,cAAc;AACxB,EAAE,WAAW,EAAE,CAAC;AAChB,EAAE,aAAa,EAAE,OAAO;AACxB,EAAE,cAAc,EAAE;AAClB,CAAC;;ACjBD;AACA;AACA;AACA;AACA;AACA;;;AAMA,MAAM,IAAI,GAAGA,gBAAU;AACvB,EAAE,CAAC;AACH,IAAI,KAAK,GAAG,cAAc;AAC1B,IAAI,IAAI,GAAG,EAAE;AACb,IAAI,WAAW,GAAG,CAAC;AACnB,IAAI,mBAAmB;AACvB,IAAI,SAAS,GAAG,EAAE;AAClB,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,GAAG;AACP,GAAG,EAAE,GAAG,KAAKC,mBAAa;AAC1B,IAAI,KAAK;AACT,IAAI;AACJ,MAAM,GAAG;AACT,MAAM,GAAG,iBAAiB;AAC1B,MAAM,KAAK,EAAE,IAAI;AACjB,MAAM,MAAM,EAAE,IAAI;AAClB,MAAM,MAAM,EAAE,KAAK;AACnB,MAAM,WAAW,EAAE,mBAAmB,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,WAAW;AAC9F,MAAM,SAAS,EAAE,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC;AAClD,MAAM,GAAG,CAAC,QAAQ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE;AACrE,MAAM,GAAG;AACT,KAAK;AACL,IAAI;AACJ,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAKA,mBAAa,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;AAClE,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,QAAQ,GAAG,CAAC,QAAQ;AACvD;AACA;AACA,CAAC;;ACvCD;AACA;AACA;AACA;AACA;AACA;;;AAMA,MAAM,gBAAgB,GAAG,CAAC,QAAQ,EAAE,QAAQ,KAAK;AACjD,EAAE,MAAM,SAAS,GAAGD,gBAAU;AAC9B,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAKC,mBAAa,CAAC,IAAI,EAAE;AAC1D,MAAM,GAAG;AACT,MAAM,QAAQ;AACd,MAAM,SAAS,EAAE,YAAY;AAC7B,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AACvD,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AAC5B,QAAQ;AACR,OAAO;AACP,MAAM,GAAG;AACT,KAAK;AACL,GAAG;AACH,EAAE,SAAS,CAAC,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC;AAChD,EAAE,OAAO,SAAS;AAClB,CAAC;;AC1BD;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAM,UAAU,GAAG;AACnB,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACnE,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AAClE,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACrE,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACnE,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACrE,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACpE,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACnE,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACnE,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE;AACpE,CAAC;AACD,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,oBAAoB,EAAE,UAAU,CAAC;;ACgBrE,MAAM,cAAc,GAAmB,EAAE;AAEhD,SAAS,oBAAoB,CAAC,EAAE,QAAQ,EAAwB,EAAA;AAC9D,IAAA,OAAOC,wBAAK,SAAS,EAAC,sBAAsB,EAAE,QAAA,EAAA,QAAQ,GAAO;AAC/D;AAEA,SAAS,gBAAgB,CAAC,EACxB,WAAW,EACX,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,YAAY,GACK,EAAA;AACjB,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kBAAkB,EAC/B,QAAA,EAAA,CAAAD,cAAA,CAAA,OAAA,EAAA,EACE,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,YAAY,EAAA,CACrB,EACFA,cAAQ,CAAA,QAAA,EAAA,EAAA,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,iBAAiB,EAAA,QAAA,EAC5DA,cAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,QAAA,EAC5FA,cACE,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,ojBAAojB,EACtjB,IAAI,EAAC,SAAS,EACd,CAAA,EAAA,CACE,EACC,CAAA,CAAA,EAAA,CACL;AAEV;AAEA,SAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,mBAAmB,EAAqB,EAAA;IAC1E,QACEC,eAAQ,CAAA,QAAA,EAAA,EAAA,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,mBAAmB,EAAA,QAAA,EAAA,CAChED,cAAC,CAAA,iBAAiB,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,EAAA,CAAG,EAC9C,KAAK,CACC,EAAA,CAAA;AAEb;AAEA,SAAS,uBAAuB,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAA2B,EAAA;IACtG,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;AACpC,QAAA,OAAOA,wBAAK,SAAS,EAAC,eAAe,EAAE,QAAA,EAAA,YAAY,GAAO;;AAG5D,IAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,MAAM,KAAK,MAAM,CAAC,SAAS,IAAI,EAAE,CAAC;IACtF,QACEA,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,sBAAsB,EAClC,QAAA,EAAA,MAAM,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,GAAG,CACrC,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,KAAK,KAC1B,OAAO;YACP,OAAO,CAAC,MAAM,GAAG,CAAC,KAChBC,eAAA,CAACC,cAAQ,EACN,EAAA,QAAA,EAAA,CAAA,SAAS,KACRD,eAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CACEA,0BAAM,SAAS,EAAC,gCAAgC,EAC7C,QAAA,EAAA,CAAA,SAAS,EAAE,GAAA,EAAAD,cAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,GAAA,EAAA,CAAc,CACrB,EAAA,CAAA,EACPA,eAAC,WAAW,EAAA,EAAa,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAA,EAAzE,KAAK,CAAwE,IAC1F,CACR,EACA,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,MAClCA,cAAA,CAAC,WAAW,EAAA,EAAa,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC,MAAM,CAAC,EAAA,EAAjE,KAAK,CAAgE,CACxF,CAAC,CAXW,EAAA,EAAA,KAAK,CAYT,CACZ,CACJ,EACG,CAAA;AAEV;AAEA,SAAS,WAAW,CAAC,EAAE,MAAM,EAAE,OAAO,EAAwE,EAAA;IAC5G,QACEC,eAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,iBAAiB,aAC9BD,cAAQ,CAAA,QAAA,EAAA,EAAA,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,OAAO,EAAA,QAAA,EACpDA,cAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,QAAA,EAC5FA,cACE,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,8MAA8M,EAChN,IAAI,EAAC,SAAS,EAAA,CACd,EACE,CAAA,EAAA,CACC,EACR,MAAM,CAAC,KAAK,CACT,EAAA,CAAA;AAEV;AAEO,MAAM,aAAa,GAAkB;AAC1C,IAAA,eAAe,EAAE,oBAAoB;AACrC,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,YAAY,EAAE,iBAAiB;AAC/B,IAAA,kBAAkB,EAAE,uBAAuB;CAC5C;;ACnID,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,MAAM,GAAG,GAAG,GAAG,EAAE;AAChC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ;;AAE7B,EAAE,IAAY,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO;;AAExD,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACtE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU;;AAEzB,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC;AAC/C,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC7B;AACA,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B;;AAEA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG;AAClC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACnD;AACA;;;;;SCVgB,SAAS,CACvB,aAA4B,EAC5B,cAA8B,EAC9B,QAEC,EAAA;IAED,MAAM,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC,EAAE,aAAa,EAAE,GAAG,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,cAAc,EAAE;IAC7G,MAAM,EAAE,MAAM,EAAE,YAAY,GAAG,EAAE,EAAE,GAAG,OAAO;IAC7C,OAAO;AACL,QAAA,GAAG,OAAO;AACV,QAAA,MAAM,EAAE,MAAM,CAAC,WAAW,CACxB,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAAG,EAAE,YAAY,CAAC,GAAG,CAAC,IAAI,gBAAgB,CAAC,CAAC,CAC7G;KACF;AACH;;ACTa,MAAA,iBAAiB,GAAG,CAAC,EAChC,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,kBAAkB,GAAG,EAAE,EACvB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,GAAG,UAAU,EAC9B,YAAY,GAAG,OAAO,EACtB,WAAW,GAAG,OAAO,GACA,KAAI;AACzB,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC,aAAa,EAAE,cAAc,EAAE,QAAQ,CAAC;IACrE,MAAM,EAAE,eAAe,EAAE,WAAW,EAAE,YAAY,EAAE,kBAAkB,EAAE,GAAG,MAAM;AAEjF,IAAA,QACEC,eAAA,CAAC,eAAe,EAAA,EAAA,QAAA,EAAA,CACdD,cAAC,CAAA,WAAW,EACV,EAAA,YAAY,EAAE,kBAAkB,EAChC,WAAW,EAAE,iBAAiB,EAC9B,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,iBAAiB,EAAE,iBAAiB,EACpC,CAAA,EACFC,yBAAK,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAAA,CAC/BD,cAAC,CAAA,YAAY,EAAC,EAAA,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,mBAAmB,EAAI,CAAA,EAC9EA,eAAC,kBAAkB,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAA,CAAI,CAC1G,EAAA,CAAA,CAAA,EAAA,CACU;AAEtB;;;;","x_google_ignoreList":[0,1,2,3,4,6]}
+{"version":3,"file":"index.cjs.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../node_modules/lucide-react/dist/esm/shared/src/utils.js","../node_modules/lucide-react/dist/esm/defaultAttributes.js","../node_modules/lucide-react/dist/esm/Icon.js","../node_modules/lucide-react/dist/esm/createLucideIcon.js","../node_modules/lucide-react/dist/esm/icons/sliders-horizontal.js","../src/context.tsx","../src/lib.ts","../src/filter-search-panel.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","/**\n * @license lucide-react v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\nconst toCamelCase = (string) => string.replace(\n  /^([A-Z])|[\\s-_]+(\\w)/g,\n  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()\n);\nconst toPascalCase = (string) => {\n  const camelCase = toCamelCase(string);\n  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);\n};\nconst mergeClasses = (...classes) => classes.filter((className, index, array) => {\n  return Boolean(className) && className.trim() !== \"\" && array.indexOf(className) === index;\n}).join(\" \").trim();\nconst hasA11yProp = (props) => {\n  for (const prop in props) {\n    if (prop.startsWith(\"aria-\") || prop === \"role\" || prop === \"title\") {\n      return true;\n    }\n  }\n};\n\nexport { hasA11yProp, mergeClasses, toCamelCase, toKebabCase, toPascalCase };\n//# sourceMappingURL=utils.js.map\n","/**\n * @license lucide-react v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nvar defaultAttributes = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: 24,\n  height: 24,\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  strokeWidth: 2,\n  strokeLinecap: \"round\",\n  strokeLinejoin: \"round\"\n};\n\nexport { defaultAttributes as default };\n//# sourceMappingURL=defaultAttributes.js.map\n","/**\n * @license lucide-react v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport defaultAttributes from './defaultAttributes.js';\nimport { mergeClasses, hasA11yProp } from './shared/src/utils.js';\n\nconst Icon = forwardRef(\n  ({\n    color = \"currentColor\",\n    size = 24,\n    strokeWidth = 2,\n    absoluteStrokeWidth,\n    className = \"\",\n    children,\n    iconNode,\n    ...rest\n  }, ref) => createElement(\n    \"svg\",\n    {\n      ref,\n      ...defaultAttributes,\n      width: size,\n      height: size,\n      stroke: color,\n      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,\n      className: mergeClasses(\"lucide\", className),\n      ...!children && !hasA11yProp(rest) && { \"aria-hidden\": \"true\" },\n      ...rest\n    },\n    [\n      ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),\n      ...Array.isArray(children) ? children : [children]\n    ]\n  )\n);\n\nexport { Icon as default };\n//# sourceMappingURL=Icon.js.map\n","/**\n * @license lucide-react v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport { mergeClasses, toKebabCase, toPascalCase } from './shared/src/utils.js';\nimport Icon from './Icon.js';\n\nconst createLucideIcon = (iconName, iconNode) => {\n  const Component = forwardRef(\n    ({ className, ...props }, ref) => createElement(Icon, {\n      ref,\n      iconNode,\n      className: mergeClasses(\n        `lucide-${toKebabCase(toPascalCase(iconName))}`,\n        `lucide-${iconName}`,\n        className\n      ),\n      ...props\n    })\n  );\n  Component.displayName = toPascalCase(iconName);\n  return Component;\n};\n\nexport { createLucideIcon as default };\n//# sourceMappingURL=createLucideIcon.js.map\n","/**\n * @license lucide-react v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"line\", { x1: \"21\", x2: \"14\", y1: \"4\", y2: \"4\", key: \"obuewd\" }],\n  [\"line\", { x1: \"10\", x2: \"3\", y1: \"4\", y2: \"4\", key: \"1q6298\" }],\n  [\"line\", { x1: \"21\", x2: \"12\", y1: \"12\", y2: \"12\", key: \"1iu8h1\" }],\n  [\"line\", { x1: \"8\", x2: \"3\", y1: \"12\", y2: \"12\", key: \"ntss68\" }],\n  [\"line\", { x1: \"21\", x2: \"16\", y1: \"20\", y2: \"20\", key: \"14d8ph\" }],\n  [\"line\", { x1: \"12\", x2: \"3\", y1: \"20\", y2: \"20\", key: \"m0wm8r\" }],\n  [\"line\", { x1: \"14\", x2: \"14\", y1: \"2\", y2: \"6\", key: \"14e1ph\" }],\n  [\"line\", { x1: \"8\", x2: \"8\", y1: \"10\", y2: \"14\", key: \"1i6ji0\" }],\n  [\"line\", { x1: \"16\", x2: \"16\", y1: \"18\", y2: \"22\", key: \"1lctlv\" }]\n];\nconst SlidersHorizontal = createLucideIcon(\"sliders-horizontal\", __iconNode);\n\nexport { __iconNode, SlidersHorizontal as default };\n//# sourceMappingURL=sliders-horizontal.js.map\n","import { createContext, ReactNode, useContext } from 'react';\nimport { FilterChip, SearchFormData } from './filter-search-panel';\n\ntype FilterSearchPanelContextValue<\n  // NOTE: It's impossible to know the form data type right now,\n  // since it isn't known at the moment of creating the context.\n  // However, we need to provide a type now for inference to work later.\n  T extends SearchFormData = any,\n> = {\n  filters?: FilterChip[];\n  defaultSearchValue?: string;\n  onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onClickFilterButton?: () => void;\n  onClickRemoveFilter?: (filter: FilterChip) => void;\n  onSearch?: (data: T) => void;\n  searchPlaceholder?: string;\n  noFilterText?: string;\n  filterLabel?: string;\n};\n\nconst FilterSearchPanelContext = createContext<FilterSearchPanelContextValue | undefined>(undefined);\n\nexport const FilterSearchPanelProvider = <T extends SearchFormData>({\n  children,\n  ...value\n}: FilterSearchPanelContextValue<T> & {\n  children: ReactNode;\n}) => {\n  return <FilterSearchPanelContext.Provider value={value}>{children}</FilterSearchPanelContext.Provider>;\n};\n\nexport const useFilterSearchPanelContext = <T extends SearchFormData>() => {\n  const context = useContext<FilterSearchPanelContextValue<T> | undefined>(FilterSearchPanelContext);\n\n  if (!context) {\n    throw new Error('useFilterSearchPanelContext must be used within a FilterSearchPanelProvider');\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","import '@basaldev/blocks-frontend-framework/dist/style.css';\nimport './filter-search-panel.css';\n\nimport { SlidersHorizontal } from 'lucide-react';\nimport { ComponentProps, Fragment, ReactNode } from 'react';\nimport { FilterSearchPanelProvider, useFilterSearchPanelContext } from './context';\nimport { BlocksOverride, BlocksOverrideComponent, classNames, createDefaultBlocks, deepMerge } from './lib';\n\nexport type FilterChip = { label: string; key: string; groupName: string };\n\nexport type SearchFormData = { search: string };\n\nconst FilterSearchPanel = <T extends SearchFormData, CustomBlocks extends Record<string, ReactNode> = {}>({\n  filters = [],\n  defaultSearchValue,\n  onClickRemoveFilter,\n  onClickFilterButton,\n  onSearchChange,\n  onSearch,\n  searchPlaceholder,\n  noFilterText,\n  filterLabel,\n  className,\n  children,\n  ...props\n}: Omit<ComponentProps<'form'>, 'children'> & {\n  filters?: FilterChip[];\n  defaultSearchValue?: string;\n  onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onClickFilterButton?: () => void;\n  onClickRemoveFilter?: (filter: FilterChip) => void;\n  onSearch?: (data: T) => void;\n  searchPlaceholder?: string;\n  noFilterText?: string;\n  filterLabel?: string;\n  children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;\n}) => {\n  return (\n    <form\n      className={classNames('nbb-filter-search-panel', className)}\n      onSubmit={(e) => {\n        e.preventDefault();\n\n        if (!onSearch) {\n          return;\n        }\n\n        if (!(e.target instanceof HTMLFormElement)) {\n          return;\n        }\n\n        const formData = new FormData(e.target);\n        const data = Object.fromEntries(formData) as T;\n        onSearch(data);\n      }}\n      {...props}\n    >\n      <FilterSearchPanelProvider\n        {...{\n          filters,\n          defaultSearchValue,\n          onClickRemoveFilter,\n          onClickFilterButton,\n          onSearchChange,\n          onSearch,\n          searchPlaceholder,\n          noFilterText,\n          filterLabel,\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      </FilterSearchPanelProvider>\n    </form>\n  );\n};\n\nFilterSearchPanel.SearchInput = (\n  props: Partial<\n    ComponentProps<'div'> & {\n      searchPlaceholder?: string;\n      onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n      onSearch?: () => void;\n      defaultSearchValue?: string;\n    }\n  >\n) => {\n  const {\n    children,\n    className,\n    defaultSearchValue,\n    searchPlaceholder = '新規サービス開発',\n    onSearchChange,\n  } = deepMerge(useFilterSearchPanelContext(), props);\n\n  return (\n    <div className={classNames('nbb-filter-search-panel-search-input', className)} {...props}>\n      {children || (\n        <>\n          <input\n            defaultValue={defaultSearchValue}\n            type=\"text\"\n            name=\"search\"\n            placeholder={searchPlaceholder}\n            onChange={onSearchChange}\n          />\n          <button className=\"nbb-filter-search-panel-search-icon\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path\n                d=\"M15.7559 14.2549H14.9659L14.6859 13.9849C15.6659 12.8449 16.2559 11.3649 16.2559 9.75488C16.2559 6.16488 13.3459 3.25488 9.75586 3.25488C6.16586 3.25488 3.25586 6.16488 3.25586 9.75488C3.25586 13.3449 6.16586 16.2549 9.75586 16.2549C11.3659 16.2549 12.8459 15.6649 13.9859 14.6849L14.2559 14.9649V15.7549L19.2559 20.7449L20.7459 19.2549L15.7559 14.2549ZM9.75586 14.2549C7.26586 14.2549 5.25586 12.2449 5.25586 9.75488C5.25586 7.26488 7.26586 5.25488 9.75586 5.25488C12.2459 5.25488 14.2559 7.26488 14.2559 9.75488C14.2559 12.2449 12.2459 14.2549 9.75586 14.2549Z\"\n                fill=\"#737D90\"\n              />\n            </svg>\n          </button>\n        </>\n      )}\n    </div>\n  );\n};\n\nFilterSearchPanel.FilterButton = (\n  props: Partial<\n    ComponentProps<'button'> & {\n      filterLabel: string;\n      onClickFilterButton: () => void;\n    }\n  >\n) => {\n  const {\n    children,\n    className,\n    onClickFilterButton,\n    filterLabel = '絞込み設定',\n  } = deepMerge(useFilterSearchPanelContext(), props);\n\n  return (\n    <button\n      className={classNames('nbb-filter-search-panel-filter-button', className)}\n      type=\"button\"\n      onClick={onClickFilterButton}\n      {...props}\n    >\n      {children || (\n        <>\n          <SlidersHorizontal size={14} color=\"#666666\" />\n          {filterLabel}\n        </>\n      )}\n    </button>\n  );\n};\n\nFilterSearchPanel.SelectedFilterList = (\n  props: Partial<\n    ComponentProps<'div'> & {\n      filters: FilterChip[];\n      onClickRemoveFilter: (filter: FilterChip) => void;\n      noFilterText: string;\n    }\n  >\n) => {\n  const {\n    children,\n    className,\n    filters,\n    noFilterText = '条件未設定',\n    onClickRemoveFilter,\n  } = deepMerge(useFilterSearchPanelContext(), props);\n\n  if (!filters || filters.length === 0) {\n    return <div className=\"nbb-filter-search-panel-no-filter\">{noFilterText}</div>;\n  }\n\n  const filtersByGroupName = Object.groupBy(filters, (filter) => filter.groupName || '');\n  return (\n    children || (\n      <div className={classNames('nbb-filter-search-panel-selected-filters', className)} {...props}>\n        {Object.entries(filtersByGroupName).map(\n          ([groupName, filters], index) =>\n            filters &&\n            filters.length > 0 && (\n              <Fragment key={index}>\n                {groupName && (\n                  <span>\n                    <span className=\"nbb-filter-search-panel-selected-filter-group-name\">\n                      {groupName} <span>:</span>\n                    </span>\n                    <FilterSearchPanel.FilterBadge\n                      key={index}\n                      filter={filters[0]}\n                      onClickRemoveFilter={() => onClickRemoveFilter && onClickRemoveFilter(filters[0])}\n                    />\n                  </span>\n                )}\n                {filters.slice(1).map((filter, index) => (\n                  <FilterSearchPanel.FilterBadge\n                    key={index}\n                    filter={filter}\n                    onClickRemoveFilter={() => onClickRemoveFilter && onClickRemoveFilter(filter)}\n                  />\n                ))}\n              </Fragment>\n            )\n        )}\n      </div>\n    )\n  );\n};\n\nFilterSearchPanel.FilterBadge = (\n  props: Partial<ComponentProps<'div'>> & {\n    filter: FilterChip;\n    onClickRemoveFilter: (filter: FilterChip) => void;\n  }\n) => {\n  const { children, className, onClickRemoveFilter, filter } = deepMerge(useFilterSearchPanelContext(), props);\n\n  return (\n    <div className={classNames('nbb-filter-search-panel-filter-chip', className)} {...props}>\n      {children || (\n        <>\n          <button\n            className=\"nbb-filter-search-panel-remove-filter\"\n            type=\"button\"\n            onClick={() => onClickRemoveFilter(filter)}\n          >\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path\n                d=\"M12.6673 4.2735L11.7273 3.3335L8.00065 7.06016L4.27398 3.3335L3.33398 4.2735L7.06065 8.00016L3.33398 11.7268L4.27398 12.6668L8.00065 8.94016L11.7273 12.6668L12.6673 11.7268L8.94065 8.00016L12.6673 4.2735Z\"\n                fill=\"#737D90\"\n              />\n            </svg>\n          </button>\n          {filter.label}\n        </>\n      )}\n    </div>\n  );\n};\n\nFilterSearchPanel.ActionGroup = (props: Partial<ComponentProps<'div'>>) => {\n  const { children, className, onClickRemoveFilter, filters, filterLabel, noFilterText, onClickFilterButton } =\n    deepMerge(useFilterSearchPanelContext(), props);\n\n  return (\n    <div className={classNames('nbb-filter-search-panel-button-group', className)} {...props}>\n      {children || (\n        <>\n          <FilterSearchPanel.FilterButton filterLabel={filterLabel} onClickFilterButton={onClickFilterButton} />\n          <FilterSearchPanel.SelectedFilterList\n            filters={filters}\n            noFilterText={noFilterText}\n            onClickRemoveFilter={onClickRemoveFilter}\n          />\n        </>\n      )}\n    </div>\n  );\n};\n\nconst defaultBlocks = createDefaultBlocks({\n  searchInput: FilterSearchPanel.SearchInput,\n  actionGroup: FilterSearchPanel.ActionGroup,\n});\n\nexport default FilterSearchPanel;\n"],"names":["forwardRef","createElement","createContext","_jsx","useContext","Fragment","_jsxs","_Fragment"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}

package/dist/index.esm.js

@@ -1,5 +1,42 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef, createElement, Fragment } from 'react';
+
+
+          if (typeof global === 'undefined') {
+            var global = window;
+          }
+        
+import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
+import '@basaldev/blocks-frontend-framework/dist/style.css';
+import { forwardRef, createElement, createContext, useContext, Fragment } from 'react';
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = "/* TODO change naming */\n.nbb-filter-search-panel {\n  --color-object-accent-primary: #006ead;\n  --color-object-accent-primary-emphasis: #006ead;\n  --border-radius-4: 8px;\n  --border-color: #c9d0da;\n  --color-text-mid-emphasis: #1d1e20;\n  --color-text-low-emphasis: #737d90;\n  --color-surface-secondary: #f3f3f3;\n  --color-surface-tertiary: #e2e4e7;\n  --color-surface-primary: #fff;\n}\n.nbb-filter-search-panel {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 8px;\n  background-color: var(--color-surface-secondary);\n  font-family: var(--font-family);\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-search-input {\n  display: flex;\n  align-items: center;\n  border: 1px solid var(--border-color);\n  border-radius: var(--border-radius-4);\n  background: var(--color-surface-primary);\n  height: 44px;\n  overflow: hidden;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-search-input input {\n  flex-grow: 1;\n  border: none;\n  outline: none;\n  color: var(--color-text-mid-emphasis);\n  background: var(--color-surface-primary);\n  height: 44px;\n  padding-right: 8px;\n  padding-left: 8px;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-search-icon {\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 16px;\n  color: var(--color-object-accent-primary);\n  padding: 8px;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-button-group {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-filter-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 16px;\n  border-radius: var(--border-radius-4);\n  background: var(--color-surface-primary);\n  border: 1px solid var(--border-color);\n  font-weight: normal;\n  cursor: pointer;\n  font-size: 14px;\n  color: var(--color-text-mid-emphasis);\n  height: 44px;\n  flex: none;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-selected-filters {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 10px;\n  background: var(--color-surface-secondary);\n  border-radius: var(--border-radius-4);\n  overflow-x: scroll;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-selected-filters::-webkit-scrollbar {\n  display: none;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-selected-filter-group-name {\n  margin-left: 14px;\n  margin-right: 14px;\n  text-transform: capitalize;\n  display: inline-flex;\n  gap: 10px;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-filter-chip {\n  display: inline-flex;\n  align-items: center;\n  margin: 0;\n  border-radius: var(--border-radius-4);\n  background: var(--color-surface-primary);\n  white-space: nowrap;\n  font-size: 14px;\n  color: var(--color-text-mid-emphasis);\n  border: 1px solid var(--color-surface-secondary);\n  height: 44px;\n  line-height: 44px;\n  padding: 0 16px;\n}\n\n.nbb-filter-search-panel button:focus {\n  outline: none;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-remove-filter {\n  cursor: pointer;\n  background: none;\n  border: none;\n  font-size: 14px;\n  color: var(--color-object-accent-primary);\n  margin: 0 8px 0px 0px;\n  padding: 0;\n  outline: none;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-no-filter {\n  color: var(--color-text-mid-emphasis);\n  background: var(--color-surface-tertiary);\n  height: 44px;\n  line-height: 44px;\n  display: flex;\n  flex: 1;\n  margin: 0px;\n  font-size: 12px;\n  border-radius: var(--border-radius-4);\n  align-items: center;\n  padding: 0 8px;\n  color: var(--color-text-low-emphasis);\n}\n";
+styleInject(css_248z);
 
 /**
  * @license lucide-react v0.511.0 - ISC
@@ -131,78 +168,153 @@ const __iconNode = [
 ];
 const SlidersHorizontal = createLucideIcon("sliders-horizontal", __iconNode);
 
-const defaultOptions = {};
-function SearchContainerBlock({ children }) {
-    return jsx("div", { className: "nbb-search-container", children: children });
-}
-function SearchInputBlock({ placeholder, onSearchChange, onKeyPressUp, onClickSearchIcon, defaultValue, }) {
-    return (jsxs("div", { className: "nbb-search-input", children: [jsx("input", { defaultValue: defaultValue, type: "text", placeholder: placeholder, onChange: onSearchChange, onKeyUp: onKeyPressUp }), jsx("button", { className: "nbb-search-icon", onClick: onClickSearchIcon, children: jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M15.7559 14.2549H14.9659L14.6859 13.9849C15.6659 12.8449 16.2559 11.3649 16.2559 9.75488C16.2559 6.16488 13.3459 3.25488 9.75586 3.25488C6.16586 3.25488 3.25586 6.16488 3.25586 9.75488C3.25586 13.3449 6.16586 16.2549 9.75586 16.2549C11.3659 16.2549 12.8459 15.6649 13.9859 14.6849L14.2559 14.9649V15.7549L19.2559 20.7449L20.7459 19.2549L15.7559 14.2549ZM9.75586 14.2549C7.26586 14.2549 5.25586 12.2449 5.25586 9.75488C5.25586 7.26488 7.26586 5.25488 9.75586 5.25488C12.2459 5.25488 14.2559 7.26488 14.2559 9.75488C14.2559 12.2449 12.2459 14.2549 9.75586 14.2549Z", fill: "#737D90" }) }) })] }));
-}
-function FilterButtonBlock({ label, onClickFilterButton }) {
-    return (jsxs("button", { className: "nbb-filter-button", onClick: onClickFilterButton, children: [jsx(SlidersHorizontal, { size: 14, color: "#666666" }), label] }));
-}
-function SelectedFilterListBlock({ filters, onClickRemoveFilter, noFilterText }) {
-    if (!filters || filters.length === 0) {
-        return jsx("div", { className: "nbb-no-filter", children: noFilterText });
+const FilterSearchPanelContext = createContext(undefined);
+const FilterSearchPanelProvider = ({ children, ...value }) => {
+    return jsx(FilterSearchPanelContext.Provider, { value: value, children: children });
+};
+const useFilterSearchPanelContext = () => {
+    const context = useContext(FilterSearchPanelContext);
+    if (!context) {
+        throw new Error('useFilterSearchPanelContext must be used within a FilterSearchPanelProvider');
     }
-    const filtersByGroupName = Object.groupBy(filters, (filter) => filter.groupName || '');
-    return (jsx("div", { className: "nbb-selected-filters", children: Object.entries(filtersByGroupName).map(([groupName, filters], index) => filters &&
-            filters.length > 0 && (jsxs(Fragment, { children: [groupName && (jsxs("span", { children: [jsxs("span", { className: "nbb-selected-filter-group-name", children: [groupName, " ", jsx("span", { children: ":" })] }), jsx(FilterBadge, { filter: filters[0], onClick: () => onClickRemoveFilter(filters[0]) }, index)] })), filters.slice(1).map((filter, index) => (jsx(FilterBadge, { filter: filter, onClick: () => onClickRemoveFilter(filter) }, index)))] }, index))) }));
-}
-function FilterBadge({ filter, onClick }) {
-    return (jsxs("div", { className: "nbb-filter-chip", children: [jsx("button", { className: "nbb-remove-filter", onClick: onClick, children: jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M12.6673 4.2735L11.7273 3.3335L8.00065 7.06016L4.27398 3.3335L3.33398 4.2735L7.06065 8.00016L3.33398 11.7268L4.27398 12.6668L8.00065 8.94016L11.7273 12.6668L12.6673 11.7268L8.94065 8.00016L12.6673 4.2735Z", fill: "#737D90" }) }) }), filter.label] }));
-}
-const defaultBlocks = {
-    SearchContainer: SearchContainerBlock,
-    SearchInput: SearchInputBlock,
-    FilterButton: FilterButtonBlock,
-    SelectedFilterList: SelectedFilterListBlock,
+    return context;
 };
 
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
+/**
+ * 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,
+        });
     }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
+    if (typeof blocksOverride === 'function') {
+        const { blocks, blockOrder } = blocksOverride({
+            defaultBlocks,
+            defaultBlockOrder,
+        });
+        return children({ blocks, blockOrder });
+    }
+    return blocksOverride;
 }
-
-var css_248z = "/* TODO change naming */\n.nbb-search-container {\n  --color-object-accent-primary: #006ead;\n  --color-object-accent-primary-emphasis: #006ead;\n  --border-radius-4: 8px;\n  --border-color: #c9d0da;\n  --color-text-mid-emphasis: #1d1e20;\n  --color-text-low-emphasis: #737d90;\n  --color-surface-secondary: #f3f3f3;\n  --color-surface-tertiary: #e2e4e7;\n  --color-surface-primary: #fff;\n}\n.nbb-search-container {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 8px;\n  background-color: var(--color-surface-secondary);\n}\n\n.nbb-search-container .nbb-search-input {\n  display: flex;\n  align-items: center;\n  border: 1px solid var(--border-color);\n  border-radius: var(--border-radius-4);\n  background: var(--color-surface-primary);\n  height: 44px;\n  overflow: hidden;\n}\n\n.nbb-search-container .nbb-search-input input {\n  flex-grow: 1;\n  border: none;\n  outline: none;\n  color: var(--color-text-mid-emphasis);\n  background: var(--color-surface-primary);\n  height: 44px;\n  padding-right: 8px;\n  padding-left: 8px;\n}\n\n.nbb-search-container .nbb-search-icon {\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 16px;\n  color: var(--color-object-accent-primary);\n  padding: 8px;\n}\n\n.nbb-search-container .nbb-button-group {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.nbb-search-container .nbb-filter-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 16px;\n  border-radius: var(--border-radius-4);\n  background: var(--color-surface-primary);\n  border: 1px solid var(--border-color);\n  font-weight: normal;\n  cursor: pointer;\n  font-size: 14px;\n  color: var(--color-text-mid-emphasis);\n  height: 44px;\n  flex: none;\n}\n\n.nbb-search-container .nbb-selected-filters {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 10px;\n  background: var(--color-surface-secondary);\n  border-radius: var(--border-radius-4);\n  overflow-x: scroll;\n}\n\n.nbb-search-container .nbb-selected-filters::-webkit-scrollbar {\n  display: none;\n}\n\n.nbb-search-container .nbb-selected-filter-group-name {\n  margin-left: 14px;\n  margin-right: 14px;\n  text-transform: capitalize;\n  display: inline-flex;\n  gap: 10px;\n}\n\n.nbb-search-container .nbb-filter-chip {\n  display: inline-flex;\n  align-items: center;\n  margin: 0;\n  border-radius: var(--border-radius-4);\n  background: var(--color-surface-primary);\n  white-space: nowrap;\n  font-size: 14px;\n  color: var(--color-text-mid-emphasis);\n  border: 1px solid var(--color-surface-secondary);\n  height: 44px;\n  line-height: 44px;\n  padding: 0 16px;\n}\n\n.nbb-search-container button:focus {\n  outline: none;\n}\n\n.nbb-search-container .nbb-remove-filter {\n  cursor: pointer;\n  background: none;\n  border: none;\n  font-size: 14px;\n  color: var(--color-object-accent-primary);\n  margin: 0 8px 0px 0px;\n  padding: 0;\n  outline: none;\n}\n\n.nbb-search-container .nbb-no-filter {\n  color: var(--color-text-mid-emphasis);\n  background: var(--color-surface-tertiary);\n  height: 44px;\n  line-height: 44px;\n  display: flex;\n  flex: 1;\n  margin: 0px;\n  font-size: 12px;\n  border-radius: var(--border-radius-4);\n  align-items: center;\n  padding: 0 8px;\n  color: var(--color-text-low-emphasis);\n}\n";
-styleInject(css_248z);
-
-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])),
-    };
+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 FilterSearchPanel = ({ children, filters = [], defaultSearchValue = '', onClickRemoveFilter, onClickFilterButton, onSearchChange, onKeyPressUp, onClickSearchIcon, searchPlaceholder = '新規サービス開発', noFilterText = '条件未設定', filterLabel = '絞込み設定', }) => {
-    const { blocks } = setBlocks(defaultBlocks, defaultOptions, children);
-    const { SearchContainer, SearchInput, FilterButton, SelectedFilterList } = blocks;
-    return (jsxs(SearchContainer, { children: [jsx(SearchInput, { defaultValue: defaultSearchValue, placeholder: searchPlaceholder, onSearchChange: onSearchChange, onKeyPressUp: onKeyPressUp, onClickSearchIcon: onClickSearchIcon }), jsxs("div", { className: "nbb-button-group", children: [jsx(FilterButton, { label: filterLabel, onClickFilterButton: onClickFilterButton }), jsx(SelectedFilterList, { filters: filters, noFilterText: noFilterText, onClickRemoveFilter: onClickRemoveFilter })] })] }));
+const FilterSearchPanel = ({ filters = [], defaultSearchValue, onClickRemoveFilter, onClickFilterButton, onSearchChange, onSearch, searchPlaceholder, noFilterText, filterLabel, className, children, ...props }) => {
+    return (jsx("form", { className: classNames('nbb-filter-search-panel', className), onSubmit: (e) => {
+            e.preventDefault();
+            if (!onSearch) {
+                return;
+            }
+            if (!(e.target instanceof HTMLFormElement)) {
+                return;
+            }
+            const formData = new FormData(e.target);
+            const data = Object.fromEntries(formData);
+            onSearch(data);
+        }, ...props, children: jsx(FilterSearchPanelProvider, { filters,
+            defaultSearchValue,
+            onClickRemoveFilter,
+            onClickFilterButton,
+            onSearchChange,
+            onSearch,
+            searchPlaceholder,
+            noFilterText,
+            filterLabel, 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))) }) }) }));
+};
+FilterSearchPanel.SearchInput = (props) => {
+    const { children, className, defaultSearchValue, searchPlaceholder = '新規サービス開発', onSearchChange, } = deepMerge(useFilterSearchPanelContext(), props);
+    return (jsx("div", { className: classNames('nbb-filter-search-panel-search-input', className), ...props, children: children || (jsxs(Fragment$1, { children: [jsx("input", { defaultValue: defaultSearchValue, type: "text", name: "search", placeholder: searchPlaceholder, onChange: onSearchChange }), jsx("button", { className: "nbb-filter-search-panel-search-icon", children: jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M15.7559 14.2549H14.9659L14.6859 13.9849C15.6659 12.8449 16.2559 11.3649 16.2559 9.75488C16.2559 6.16488 13.3459 3.25488 9.75586 3.25488C6.16586 3.25488 3.25586 6.16488 3.25586 9.75488C3.25586 13.3449 6.16586 16.2549 9.75586 16.2549C11.3659 16.2549 12.8459 15.6649 13.9859 14.6849L14.2559 14.9649V15.7549L19.2559 20.7449L20.7459 19.2549L15.7559 14.2549ZM9.75586 14.2549C7.26586 14.2549 5.25586 12.2449 5.25586 9.75488C5.25586 7.26488 7.26586 5.25488 9.75586 5.25488C12.2459 5.25488 14.2559 7.26488 14.2559 9.75488C14.2559 12.2449 12.2459 14.2549 9.75586 14.2549Z", fill: "#737D90" }) }) })] })) }));
+};
+FilterSearchPanel.FilterButton = (props) => {
+    const { children, className, onClickFilterButton, filterLabel = '絞込み設定', } = deepMerge(useFilterSearchPanelContext(), props);
+    return (jsx("button", { className: classNames('nbb-filter-search-panel-filter-button', className), type: "button", onClick: onClickFilterButton, ...props, children: children || (jsxs(Fragment$1, { children: [jsx(SlidersHorizontal, { size: 14, color: "#666666" }), filterLabel] })) }));
+};
+FilterSearchPanel.SelectedFilterList = (props) => {
+    const { children, className, filters, noFilterText = '条件未設定', onClickRemoveFilter, } = deepMerge(useFilterSearchPanelContext(), props);
+    if (!filters || filters.length === 0) {
+        return jsx("div", { className: "nbb-filter-search-panel-no-filter", children: noFilterText });
+    }
+    const filtersByGroupName = Object.groupBy(filters, (filter) => filter.groupName || '');
+    return (children || (jsx("div", { className: classNames('nbb-filter-search-panel-selected-filters', className), ...props, children: Object.entries(filtersByGroupName).map(([groupName, filters], index) => filters &&
+            filters.length > 0 && (jsxs(Fragment, { children: [groupName && (jsxs("span", { children: [jsxs("span", { className: "nbb-filter-search-panel-selected-filter-group-name", children: [groupName, " ", jsx("span", { children: ":" })] }), jsx(FilterSearchPanel.FilterBadge, { filter: filters[0], onClickRemoveFilter: () => onClickRemoveFilter && onClickRemoveFilter(filters[0]) }, index)] })), filters.slice(1).map((filter, index) => (jsx(FilterSearchPanel.FilterBadge, { filter: filter, onClickRemoveFilter: () => onClickRemoveFilter && onClickRemoveFilter(filter) }, index)))] }, index))) })));
+};
+FilterSearchPanel.FilterBadge = (props) => {
+    const { children, className, onClickRemoveFilter, filter } = deepMerge(useFilterSearchPanelContext(), props);
+    return (jsx("div", { className: classNames('nbb-filter-search-panel-filter-chip', className), ...props, children: children || (jsxs(Fragment$1, { children: [jsx("button", { className: "nbb-filter-search-panel-remove-filter", type: "button", onClick: () => onClickRemoveFilter(filter), children: jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M12.6673 4.2735L11.7273 3.3335L8.00065 7.06016L4.27398 3.3335L3.33398 4.2735L7.06065 8.00016L3.33398 11.7268L4.27398 12.6668L8.00065 8.94016L11.7273 12.6668L12.6673 11.7268L8.94065 8.00016L12.6673 4.2735Z", fill: "#737D90" }) }) }), filter.label] })) }));
+};
+FilterSearchPanel.ActionGroup = (props) => {
+    const { children, className, onClickRemoveFilter, filters, filterLabel, noFilterText, onClickFilterButton } = deepMerge(useFilterSearchPanelContext(), props);
+    return (jsx("div", { className: classNames('nbb-filter-search-panel-button-group', className), ...props, children: children || (jsxs(Fragment$1, { children: [jsx(FilterSearchPanel.FilterButton, { filterLabel: filterLabel, onClickFilterButton: onClickFilterButton }), jsx(FilterSearchPanel.SelectedFilterList, { filters: filters, noFilterText: noFilterText, onClickRemoveFilter: onClickRemoveFilter })] })) }));
 };
+const defaultBlocks = createDefaultBlocks({
+    searchInput: FilterSearchPanel.SearchInput,
+    actionGroup: FilterSearchPanel.ActionGroup,
+});
 
 export { FilterSearchPanel };
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../node_modules/lucide-react/dist/esm/shared/src/utils.js","../node_modules/lucide-react/dist/esm/defaultAttributes.js","../node_modules/lucide-react/dist/esm/Icon.js","../node_modules/lucide-react/dist/esm/createLucideIcon.js","../node_modules/lucide-react/dist/esm/icons/sliders-horizontal.js","../src/blocks.tsx","../node_modules/style-inject/dist/style-inject.es.js","../src/lib.ts","../src/filter-search-panel.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\nconst toCamelCase = (string) => string.replace(\n  /^([A-Z])|[\\s-_]+(\\w)/g,\n  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()\n);\nconst toPascalCase = (string) => {\n  const camelCase = toCamelCase(string);\n  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);\n};\nconst mergeClasses = (...classes) => classes.filter((className, index, array) => {\n  return Boolean(className) && className.trim() !== \"\" && array.indexOf(className) === index;\n}).join(\" \").trim();\nconst hasA11yProp = (props) => {\n  for (const prop in props) {\n    if (prop.startsWith(\"aria-\") || prop === \"role\" || prop === \"title\") {\n      return true;\n    }\n  }\n};\n\nexport { hasA11yProp, mergeClasses, toCamelCase, toKebabCase, toPascalCase };\n//# sourceMappingURL=utils.js.map\n","/**\n * @license lucide-react v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nvar defaultAttributes = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: 24,\n  height: 24,\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  strokeWidth: 2,\n  strokeLinecap: \"round\",\n  strokeLinejoin: \"round\"\n};\n\nexport { defaultAttributes as default };\n//# sourceMappingURL=defaultAttributes.js.map\n","/**\n * @license lucide-react v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport defaultAttributes from './defaultAttributes.js';\nimport { mergeClasses, hasA11yProp } from './shared/src/utils.js';\n\nconst Icon = forwardRef(\n  ({\n    color = \"currentColor\",\n    size = 24,\n    strokeWidth = 2,\n    absoluteStrokeWidth,\n    className = \"\",\n    children,\n    iconNode,\n    ...rest\n  }, ref) => createElement(\n    \"svg\",\n    {\n      ref,\n      ...defaultAttributes,\n      width: size,\n      height: size,\n      stroke: color,\n      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,\n      className: mergeClasses(\"lucide\", className),\n      ...!children && !hasA11yProp(rest) && { \"aria-hidden\": \"true\" },\n      ...rest\n    },\n    [\n      ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),\n      ...Array.isArray(children) ? children : [children]\n    ]\n  )\n);\n\nexport { Icon as default };\n//# sourceMappingURL=Icon.js.map\n","/**\n * @license lucide-react v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport { mergeClasses, toKebabCase, toPascalCase } from './shared/src/utils.js';\nimport Icon from './Icon.js';\n\nconst createLucideIcon = (iconName, iconNode) => {\n  const Component = forwardRef(\n    ({ className, ...props }, ref) => createElement(Icon, {\n      ref,\n      iconNode,\n      className: mergeClasses(\n        `lucide-${toKebabCase(toPascalCase(iconName))}`,\n        `lucide-${iconName}`,\n        className\n      ),\n      ...props\n    })\n  );\n  Component.displayName = toPascalCase(iconName);\n  return Component;\n};\n\nexport { createLucideIcon as default };\n//# sourceMappingURL=createLucideIcon.js.map\n","/**\n * @license lucide-react v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"line\", { x1: \"21\", x2: \"14\", y1: \"4\", y2: \"4\", key: \"obuewd\" }],\n  [\"line\", { x1: \"10\", x2: \"3\", y1: \"4\", y2: \"4\", key: \"1q6298\" }],\n  [\"line\", { x1: \"21\", x2: \"12\", y1: \"12\", y2: \"12\", key: \"1iu8h1\" }],\n  [\"line\", { x1: \"8\", x2: \"3\", y1: \"12\", y2: \"12\", key: \"ntss68\" }],\n  [\"line\", { x1: \"21\", x2: \"16\", y1: \"20\", y2: \"20\", key: \"14d8ph\" }],\n  [\"line\", { x1: \"12\", x2: \"3\", y1: \"20\", y2: \"20\", key: \"m0wm8r\" }],\n  [\"line\", { x1: \"14\", x2: \"14\", y1: \"2\", y2: \"6\", key: \"14e1ph\" }],\n  [\"line\", { x1: \"8\", x2: \"8\", y1: \"10\", y2: \"14\", key: \"1i6ji0\" }],\n  [\"line\", { x1: \"16\", x2: \"16\", y1: \"18\", y2: \"22\", key: \"1lctlv\" }]\n];\nconst SlidersHorizontal = createLucideIcon(\"sliders-horizontal\", __iconNode);\n\nexport { __iconNode, SlidersHorizontal as default };\n//# sourceMappingURL=sliders-horizontal.js.map\n","import { SlidersHorizontal } from 'lucide-react';\nimport React, { ComponentProps, Fragment } from 'react';\n\nexport type FilterChip = { label: string; key: string; groupName: string };\n\nexport type SearchContainerProps = {\n  children: React.ReactNode;\n};\n\nexport type SearchInputProps = {\n  placeholder?: string;\n  onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onKeyPressUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n  onClickSearchIcon?: () => void;\n  defaultValue?: string;\n};\n\nexport type FilterButtonProps = {\n  label: string;\n  onClickFilterButton: () => void;\n};\n\nexport type SelectedFilterListProps = {\n  filters: FilterChip[];\n  onClickRemoveFilter: (filter: FilterChip) => void;\n  noFilterText: string;\n};\n\nexport type DefaultBlocks = {\n  SearchContainer: React.FC<SearchContainerProps>;\n  SearchInput: React.FC<SearchInputProps>;\n  FilterButton: React.FC<FilterButtonProps>;\n  SelectedFilterList: React.FC<SelectedFilterListProps>;\n};\n\nexport type DefaultOptions = {};\nexport const defaultOptions: DefaultOptions = {};\n\nfunction SearchContainerBlock({ children }: SearchContainerProps) {\n  return <div className=\"nbb-search-container\">{children}</div>;\n}\n\nfunction SearchInputBlock({\n  placeholder,\n  onSearchChange,\n  onKeyPressUp,\n  onClickSearchIcon,\n  defaultValue,\n}: SearchInputProps) {\n  return (\n    <div className=\"nbb-search-input\">\n      <input\n        defaultValue={defaultValue}\n        type=\"text\"\n        placeholder={placeholder}\n        onChange={onSearchChange}\n        onKeyUp={onKeyPressUp}\n      />\n      <button className=\"nbb-search-icon\" onClick={onClickSearchIcon}>\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            d=\"M15.7559 14.2549H14.9659L14.6859 13.9849C15.6659 12.8449 16.2559 11.3649 16.2559 9.75488C16.2559 6.16488 13.3459 3.25488 9.75586 3.25488C6.16586 3.25488 3.25586 6.16488 3.25586 9.75488C3.25586 13.3449 6.16586 16.2549 9.75586 16.2549C11.3659 16.2549 12.8459 15.6649 13.9859 14.6849L14.2559 14.9649V15.7549L19.2559 20.7449L20.7459 19.2549L15.7559 14.2549ZM9.75586 14.2549C7.26586 14.2549 5.25586 12.2449 5.25586 9.75488C5.25586 7.26488 7.26586 5.25488 9.75586 5.25488C12.2459 5.25488 14.2559 7.26488 14.2559 9.75488C14.2559 12.2449 12.2459 14.2549 9.75586 14.2549Z\"\n            fill=\"#737D90\"\n          />\n        </svg>\n      </button>\n    </div>\n  );\n}\n\nfunction FilterButtonBlock({ label, onClickFilterButton }: FilterButtonProps) {\n  return (\n    <button className=\"nbb-filter-button\" onClick={onClickFilterButton}>\n      <SlidersHorizontal size={14} color=\"#666666\" />\n      {label}\n    </button>\n  );\n}\n\nfunction SelectedFilterListBlock({ filters, onClickRemoveFilter, noFilterText }: SelectedFilterListProps) {\n  if (!filters || filters.length === 0) {\n    return <div className=\"nbb-no-filter\">{noFilterText}</div>;\n  }\n\n  const filtersByGroupName = Object.groupBy(filters, (filter) => filter.groupName || '');\n  return (\n    <div className=\"nbb-selected-filters\">\n      {Object.entries(filtersByGroupName).map(\n        ([groupName, filters], index) =>\n          filters &&\n          filters.length > 0 && (\n            <Fragment key={index}>\n              {groupName && (\n                <span>\n                  <span className=\"nbb-selected-filter-group-name\">\n                    {groupName} <span>:</span>\n                  </span>\n                  <FilterBadge key={index} filter={filters[0]} onClick={() => onClickRemoveFilter(filters[0])} />\n                </span>\n              )}\n              {filters.slice(1).map((filter, index) => (\n                <FilterBadge key={index} filter={filter} onClick={() => onClickRemoveFilter(filter)} />\n              ))}\n            </Fragment>\n          )\n      )}\n    </div>\n  );\n}\n\nfunction FilterBadge({ filter, onClick }: { filter: FilterChip; onClick: ComponentProps<'button'>['onClick'] }) {\n  return (\n    <div className=\"nbb-filter-chip\">\n      <button className=\"nbb-remove-filter\" onClick={onClick}>\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            d=\"M12.6673 4.2735L11.7273 3.3335L8.00065 7.06016L4.27398 3.3335L3.33398 4.2735L7.06065 8.00016L3.33398 11.7268L4.27398 12.6668L8.00065 8.94016L11.7273 12.6668L12.6673 11.7268L8.94065 8.00016L12.6673 4.2735Z\"\n            fill=\"#737D90\"\n          />\n        </svg>\n      </button>\n      {filter.label}\n    </div>\n  );\n}\n\nexport const defaultBlocks: DefaultBlocks = {\n  SearchContainer: SearchContainerBlock,\n  SearchInput: SearchInputBlock,\n  FilterButton: FilterButtonBlock,\n  SelectedFilterList: SelectedFilterListBlock,\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 { 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\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 ? children({ defaultBlocks, ...defaultOptions }) : { blocks: {}, ...defaultOptions };\n  const { blocks: customBlocks = {} } = results;\n  return {\n    ...results,\n    blocks: Object.fromEntries(\n      Object.entries(defaultBlocks).map(([key, defaultComponent]) => [key, customBlocks[key] || defaultComponent])\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 { DefaultBlocks, defaultBlocks, defaultOptions, FilterChip } from './blocks';\nimport './filter-search-panel.css';\nimport { setBlocks } from './lib';\n\ntype SearchContainerProps = {\n  filters?: FilterChip[];\n  onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onKeyPressUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n  onClickFilterButton?: () => void;\n  onClickRemoveFilter?: (filter: FilterChip) => void;\n  onClickSearchIcon?: () => void;\n  searchPlaceholder?: string;\n  noFilterText?: string;\n  filterLabel?: string;\n  defaultSearchValue?: string;\n  children?: (props: { defaultBlocks: DefaultBlocks }) => {\n    blocks: DefaultBlocks;\n    [key: string]: any;\n  };\n};\n\nexport const FilterSearchPanel = ({\n  children,\n  filters = [],\n  defaultSearchValue = '',\n  onClickRemoveFilter,\n  onClickFilterButton,\n  onSearchChange,\n  onKeyPressUp,\n  onClickSearchIcon,\n  searchPlaceholder = '新規サービス開発',\n  noFilterText = '条件未設定',\n  filterLabel = '絞込み設定',\n}: SearchContainerProps) => {\n  const { blocks } = setBlocks(defaultBlocks, defaultOptions, children);\n  const { SearchContainer, SearchInput, FilterButton, SelectedFilterList } = blocks;\n\n  return (\n    <SearchContainer>\n      <SearchInput\n        defaultValue={defaultSearchValue}\n        placeholder={searchPlaceholder}\n        onSearchChange={onSearchChange}\n        onKeyPressUp={onKeyPressUp}\n        onClickSearchIcon={onClickSearchIcon}\n      />\n      <div className=\"nbb-button-group\">\n        <FilterButton label={filterLabel} onClickFilterButton={onClickFilterButton} />\n        <SelectedFilterList filters={filters} noFilterText={noFilterText} onClickRemoveFilter={onClickRemoveFilter} />\n      </div>\n    </SearchContainer>\n  );\n};\n\nexport default FilterSearchPanel;\n"],"names":["_jsx","_jsxs"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,6]}
+{"version":3,"file":"index.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../node_modules/lucide-react/dist/esm/shared/src/utils.js","../node_modules/lucide-react/dist/esm/defaultAttributes.js","../node_modules/lucide-react/dist/esm/Icon.js","../node_modules/lucide-react/dist/esm/createLucideIcon.js","../node_modules/lucide-react/dist/esm/icons/sliders-horizontal.js","../src/context.tsx","../src/lib.ts","../src/filter-search-panel.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","/**\n * @license lucide-react v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\nconst toCamelCase = (string) => string.replace(\n  /^([A-Z])|[\\s-_]+(\\w)/g,\n  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()\n);\nconst toPascalCase = (string) => {\n  const camelCase = toCamelCase(string);\n  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);\n};\nconst mergeClasses = (...classes) => classes.filter((className, index, array) => {\n  return Boolean(className) && className.trim() !== \"\" && array.indexOf(className) === index;\n}).join(\" \").trim();\nconst hasA11yProp = (props) => {\n  for (const prop in props) {\n    if (prop.startsWith(\"aria-\") || prop === \"role\" || prop === \"title\") {\n      return true;\n    }\n  }\n};\n\nexport { hasA11yProp, mergeClasses, toCamelCase, toKebabCase, toPascalCase };\n//# sourceMappingURL=utils.js.map\n","/**\n * @license lucide-react v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nvar defaultAttributes = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: 24,\n  height: 24,\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  strokeWidth: 2,\n  strokeLinecap: \"round\",\n  strokeLinejoin: \"round\"\n};\n\nexport { defaultAttributes as default };\n//# sourceMappingURL=defaultAttributes.js.map\n","/**\n * @license lucide-react v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport defaultAttributes from './defaultAttributes.js';\nimport { mergeClasses, hasA11yProp } from './shared/src/utils.js';\n\nconst Icon = forwardRef(\n  ({\n    color = \"currentColor\",\n    size = 24,\n    strokeWidth = 2,\n    absoluteStrokeWidth,\n    className = \"\",\n    children,\n    iconNode,\n    ...rest\n  }, ref) => createElement(\n    \"svg\",\n    {\n      ref,\n      ...defaultAttributes,\n      width: size,\n      height: size,\n      stroke: color,\n      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,\n      className: mergeClasses(\"lucide\", className),\n      ...!children && !hasA11yProp(rest) && { \"aria-hidden\": \"true\" },\n      ...rest\n    },\n    [\n      ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),\n      ...Array.isArray(children) ? children : [children]\n    ]\n  )\n);\n\nexport { Icon as default };\n//# sourceMappingURL=Icon.js.map\n","/**\n * @license lucide-react v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { forwardRef, createElement } from 'react';\nimport { mergeClasses, toKebabCase, toPascalCase } from './shared/src/utils.js';\nimport Icon from './Icon.js';\n\nconst createLucideIcon = (iconName, iconNode) => {\n  const Component = forwardRef(\n    ({ className, ...props }, ref) => createElement(Icon, {\n      ref,\n      iconNode,\n      className: mergeClasses(\n        `lucide-${toKebabCase(toPascalCase(iconName))}`,\n        `lucide-${iconName}`,\n        className\n      ),\n      ...props\n    })\n  );\n  Component.displayName = toPascalCase(iconName);\n  return Component;\n};\n\nexport { createLucideIcon as default };\n//# sourceMappingURL=createLucideIcon.js.map\n","/**\n * @license lucide-react v0.511.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"line\", { x1: \"21\", x2: \"14\", y1: \"4\", y2: \"4\", key: \"obuewd\" }],\n  [\"line\", { x1: \"10\", x2: \"3\", y1: \"4\", y2: \"4\", key: \"1q6298\" }],\n  [\"line\", { x1: \"21\", x2: \"12\", y1: \"12\", y2: \"12\", key: \"1iu8h1\" }],\n  [\"line\", { x1: \"8\", x2: \"3\", y1: \"12\", y2: \"12\", key: \"ntss68\" }],\n  [\"line\", { x1: \"21\", x2: \"16\", y1: \"20\", y2: \"20\", key: \"14d8ph\" }],\n  [\"line\", { x1: \"12\", x2: \"3\", y1: \"20\", y2: \"20\", key: \"m0wm8r\" }],\n  [\"line\", { x1: \"14\", x2: \"14\", y1: \"2\", y2: \"6\", key: \"14e1ph\" }],\n  [\"line\", { x1: \"8\", x2: \"8\", y1: \"10\", y2: \"14\", key: \"1i6ji0\" }],\n  [\"line\", { x1: \"16\", x2: \"16\", y1: \"18\", y2: \"22\", key: \"1lctlv\" }]\n];\nconst SlidersHorizontal = createLucideIcon(\"sliders-horizontal\", __iconNode);\n\nexport { __iconNode, SlidersHorizontal as default };\n//# sourceMappingURL=sliders-horizontal.js.map\n","import { createContext, ReactNode, useContext } from 'react';\nimport { FilterChip, SearchFormData } from './filter-search-panel';\n\ntype FilterSearchPanelContextValue<\n  // NOTE: It's impossible to know the form data type right now,\n  // since it isn't known at the moment of creating the context.\n  // However, we need to provide a type now for inference to work later.\n  T extends SearchFormData = any,\n> = {\n  filters?: FilterChip[];\n  defaultSearchValue?: string;\n  onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onClickFilterButton?: () => void;\n  onClickRemoveFilter?: (filter: FilterChip) => void;\n  onSearch?: (data: T) => void;\n  searchPlaceholder?: string;\n  noFilterText?: string;\n  filterLabel?: string;\n};\n\nconst FilterSearchPanelContext = createContext<FilterSearchPanelContextValue | undefined>(undefined);\n\nexport const FilterSearchPanelProvider = <T extends SearchFormData>({\n  children,\n  ...value\n}: FilterSearchPanelContextValue<T> & {\n  children: ReactNode;\n}) => {\n  return <FilterSearchPanelContext.Provider value={value}>{children}</FilterSearchPanelContext.Provider>;\n};\n\nexport const useFilterSearchPanelContext = <T extends SearchFormData>() => {\n  const context = useContext<FilterSearchPanelContextValue<T> | undefined>(FilterSearchPanelContext);\n\n  if (!context) {\n    throw new Error('useFilterSearchPanelContext must be used within a FilterSearchPanelProvider');\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","import '@basaldev/blocks-frontend-framework/dist/style.css';\nimport './filter-search-panel.css';\n\nimport { SlidersHorizontal } from 'lucide-react';\nimport { ComponentProps, Fragment, ReactNode } from 'react';\nimport { FilterSearchPanelProvider, useFilterSearchPanelContext } from './context';\nimport { BlocksOverride, BlocksOverrideComponent, classNames, createDefaultBlocks, deepMerge } from './lib';\n\nexport type FilterChip = { label: string; key: string; groupName: string };\n\nexport type SearchFormData = { search: string };\n\nconst FilterSearchPanel = <T extends SearchFormData, CustomBlocks extends Record<string, ReactNode> = {}>({\n  filters = [],\n  defaultSearchValue,\n  onClickRemoveFilter,\n  onClickFilterButton,\n  onSearchChange,\n  onSearch,\n  searchPlaceholder,\n  noFilterText,\n  filterLabel,\n  className,\n  children,\n  ...props\n}: Omit<ComponentProps<'form'>, 'children'> & {\n  filters?: FilterChip[];\n  defaultSearchValue?: string;\n  onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onClickFilterButton?: () => void;\n  onClickRemoveFilter?: (filter: FilterChip) => void;\n  onSearch?: (data: T) => void;\n  searchPlaceholder?: string;\n  noFilterText?: string;\n  filterLabel?: string;\n  children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;\n}) => {\n  return (\n    <form\n      className={classNames('nbb-filter-search-panel', className)}\n      onSubmit={(e) => {\n        e.preventDefault();\n\n        if (!onSearch) {\n          return;\n        }\n\n        if (!(e.target instanceof HTMLFormElement)) {\n          return;\n        }\n\n        const formData = new FormData(e.target);\n        const data = Object.fromEntries(formData) as T;\n        onSearch(data);\n      }}\n      {...props}\n    >\n      <FilterSearchPanelProvider\n        {...{\n          filters,\n          defaultSearchValue,\n          onClickRemoveFilter,\n          onClickFilterButton,\n          onSearchChange,\n          onSearch,\n          searchPlaceholder,\n          noFilterText,\n          filterLabel,\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      </FilterSearchPanelProvider>\n    </form>\n  );\n};\n\nFilterSearchPanel.SearchInput = (\n  props: Partial<\n    ComponentProps<'div'> & {\n      searchPlaceholder?: string;\n      onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n      onSearch?: () => void;\n      defaultSearchValue?: string;\n    }\n  >\n) => {\n  const {\n    children,\n    className,\n    defaultSearchValue,\n    searchPlaceholder = '新規サービス開発',\n    onSearchChange,\n  } = deepMerge(useFilterSearchPanelContext(), props);\n\n  return (\n    <div className={classNames('nbb-filter-search-panel-search-input', className)} {...props}>\n      {children || (\n        <>\n          <input\n            defaultValue={defaultSearchValue}\n            type=\"text\"\n            name=\"search\"\n            placeholder={searchPlaceholder}\n            onChange={onSearchChange}\n          />\n          <button className=\"nbb-filter-search-panel-search-icon\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path\n                d=\"M15.7559 14.2549H14.9659L14.6859 13.9849C15.6659 12.8449 16.2559 11.3649 16.2559 9.75488C16.2559 6.16488 13.3459 3.25488 9.75586 3.25488C6.16586 3.25488 3.25586 6.16488 3.25586 9.75488C3.25586 13.3449 6.16586 16.2549 9.75586 16.2549C11.3659 16.2549 12.8459 15.6649 13.9859 14.6849L14.2559 14.9649V15.7549L19.2559 20.7449L20.7459 19.2549L15.7559 14.2549ZM9.75586 14.2549C7.26586 14.2549 5.25586 12.2449 5.25586 9.75488C5.25586 7.26488 7.26586 5.25488 9.75586 5.25488C12.2459 5.25488 14.2559 7.26488 14.2559 9.75488C14.2559 12.2449 12.2459 14.2549 9.75586 14.2549Z\"\n                fill=\"#737D90\"\n              />\n            </svg>\n          </button>\n        </>\n      )}\n    </div>\n  );\n};\n\nFilterSearchPanel.FilterButton = (\n  props: Partial<\n    ComponentProps<'button'> & {\n      filterLabel: string;\n      onClickFilterButton: () => void;\n    }\n  >\n) => {\n  const {\n    children,\n    className,\n    onClickFilterButton,\n    filterLabel = '絞込み設定',\n  } = deepMerge(useFilterSearchPanelContext(), props);\n\n  return (\n    <button\n      className={classNames('nbb-filter-search-panel-filter-button', className)}\n      type=\"button\"\n      onClick={onClickFilterButton}\n      {...props}\n    >\n      {children || (\n        <>\n          <SlidersHorizontal size={14} color=\"#666666\" />\n          {filterLabel}\n        </>\n      )}\n    </button>\n  );\n};\n\nFilterSearchPanel.SelectedFilterList = (\n  props: Partial<\n    ComponentProps<'div'> & {\n      filters: FilterChip[];\n      onClickRemoveFilter: (filter: FilterChip) => void;\n      noFilterText: string;\n    }\n  >\n) => {\n  const {\n    children,\n    className,\n    filters,\n    noFilterText = '条件未設定',\n    onClickRemoveFilter,\n  } = deepMerge(useFilterSearchPanelContext(), props);\n\n  if (!filters || filters.length === 0) {\n    return <div className=\"nbb-filter-search-panel-no-filter\">{noFilterText}</div>;\n  }\n\n  const filtersByGroupName = Object.groupBy(filters, (filter) => filter.groupName || '');\n  return (\n    children || (\n      <div className={classNames('nbb-filter-search-panel-selected-filters', className)} {...props}>\n        {Object.entries(filtersByGroupName).map(\n          ([groupName, filters], index) =>\n            filters &&\n            filters.length > 0 && (\n              <Fragment key={index}>\n                {groupName && (\n                  <span>\n                    <span className=\"nbb-filter-search-panel-selected-filter-group-name\">\n                      {groupName} <span>:</span>\n                    </span>\n                    <FilterSearchPanel.FilterBadge\n                      key={index}\n                      filter={filters[0]}\n                      onClickRemoveFilter={() => onClickRemoveFilter && onClickRemoveFilter(filters[0])}\n                    />\n                  </span>\n                )}\n                {filters.slice(1).map((filter, index) => (\n                  <FilterSearchPanel.FilterBadge\n                    key={index}\n                    filter={filter}\n                    onClickRemoveFilter={() => onClickRemoveFilter && onClickRemoveFilter(filter)}\n                  />\n                ))}\n              </Fragment>\n            )\n        )}\n      </div>\n    )\n  );\n};\n\nFilterSearchPanel.FilterBadge = (\n  props: Partial<ComponentProps<'div'>> & {\n    filter: FilterChip;\n    onClickRemoveFilter: (filter: FilterChip) => void;\n  }\n) => {\n  const { children, className, onClickRemoveFilter, filter } = deepMerge(useFilterSearchPanelContext(), props);\n\n  return (\n    <div className={classNames('nbb-filter-search-panel-filter-chip', className)} {...props}>\n      {children || (\n        <>\n          <button\n            className=\"nbb-filter-search-panel-remove-filter\"\n            type=\"button\"\n            onClick={() => onClickRemoveFilter(filter)}\n          >\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path\n                d=\"M12.6673 4.2735L11.7273 3.3335L8.00065 7.06016L4.27398 3.3335L3.33398 4.2735L7.06065 8.00016L3.33398 11.7268L4.27398 12.6668L8.00065 8.94016L11.7273 12.6668L12.6673 11.7268L8.94065 8.00016L12.6673 4.2735Z\"\n                fill=\"#737D90\"\n              />\n            </svg>\n          </button>\n          {filter.label}\n        </>\n      )}\n    </div>\n  );\n};\n\nFilterSearchPanel.ActionGroup = (props: Partial<ComponentProps<'div'>>) => {\n  const { children, className, onClickRemoveFilter, filters, filterLabel, noFilterText, onClickFilterButton } =\n    deepMerge(useFilterSearchPanelContext(), props);\n\n  return (\n    <div className={classNames('nbb-filter-search-panel-button-group', className)} {...props}>\n      {children || (\n        <>\n          <FilterSearchPanel.FilterButton filterLabel={filterLabel} onClickFilterButton={onClickFilterButton} />\n          <FilterSearchPanel.SelectedFilterList\n            filters={filters}\n            noFilterText={noFilterText}\n            onClickRemoveFilter={onClickRemoveFilter}\n          />\n        </>\n      )}\n    </div>\n  );\n};\n\nconst defaultBlocks = createDefaultBlocks({\n  searchInput: FilterSearchPanel.SearchInput,\n  actionGroup: FilterSearchPanel.ActionGroup,\n});\n\nexport default FilterSearchPanel;\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}

package/dist/lib.d.ts

@@ -1,24 +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;
-    };
+/**
+ * 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;AAEH,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;;;;EAUF;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-filter-search-panel-block",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "browser": "dist/index.iife.js",
@@ -11,14 +11,14 @@
   ],
   "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-dom": "^18.3.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",
@@ -26,6 +26,7 @@
     "@types/react-dom": "^18.3.1",
     "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/dist/blocks.d.ts

@@ -1,35 +0,0 @@
-import React from 'react';
-export type FilterChip = {
-    label: string;
-    key: string;
-    groupName: string;
-};
-export type SearchContainerProps = {
-    children: React.ReactNode;
-};
-export type SearchInputProps = {
-    placeholder?: string;
-    onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onKeyPressUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    onClickSearchIcon?: () => void;
-    defaultValue?: string;
-};
-export type FilterButtonProps = {
-    label: string;
-    onClickFilterButton: () => void;
-};
-export type SelectedFilterListProps = {
-    filters: FilterChip[];
-    onClickRemoveFilter: (filter: FilterChip) => void;
-    noFilterText: string;
-};
-export type DefaultBlocks = {
-    SearchContainer: React.FC<SearchContainerProps>;
-    SearchInput: React.FC<SearchInputProps>;
-    FilterButton: React.FC<FilterButtonProps>;
-    SelectedFilterList: React.FC<SelectedFilterListProps>;
-};
-export type DefaultOptions = {};
-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":"AACA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,UAAU,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3E,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtE,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,mBAAmB,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAClD,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC;IAChD,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IACxC,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;IAC1C,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC;CACvD,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,EAAE,CAAC;AAChC,eAAO,MAAM,cAAc,EAAE,cAAmB,CAAC;AA0FjD,eAAO,MAAM,aAAa,EAAE,aAK3B,CAAC"}