@nodeblocks/frontend-filter-search-panel-block 0.0.3 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/blocks.d.ts +1 -0
- package/dist/blocks.d.ts.map +1 -1
- package/dist/filter-search-panel.d.ts.map +1 -1
- package/dist/index.cjs.js +150 -19
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +150 -19
- package/dist/index.esm.js.map +1 -1
- package/dist/lib.d.ts.map +1 -1
- package/package.json +4 -1
- package/readme.md +9 -2
package/dist/blocks.d.ts
CHANGED
package/dist/blocks.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../src/blocks.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"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"}
|
|
@@ -1 +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;
|
|
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"}
|
package/dist/index.cjs.js
CHANGED
|
@@ -1,22 +1,158 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var react = require('react');
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* @license lucide-react v0.511.0 - ISC
|
|
8
|
+
*
|
|
9
|
+
* This source code is licensed under the ISC license.
|
|
10
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
|
|
14
|
+
const toCamelCase = (string) => string.replace(
|
|
15
|
+
/^([A-Z])|[\s-_]+(\w)/g,
|
|
16
|
+
(match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
|
|
17
|
+
);
|
|
18
|
+
const toPascalCase = (string) => {
|
|
19
|
+
const camelCase = toCamelCase(string);
|
|
20
|
+
return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
|
|
21
|
+
};
|
|
22
|
+
const mergeClasses = (...classes) => classes.filter((className, index, array) => {
|
|
23
|
+
return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
|
|
24
|
+
}).join(" ").trim();
|
|
25
|
+
const hasA11yProp = (props) => {
|
|
26
|
+
for (const prop in props) {
|
|
27
|
+
if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
|
|
28
|
+
return true;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
/**
|
|
34
|
+
* @license lucide-react v0.511.0 - ISC
|
|
35
|
+
*
|
|
36
|
+
* This source code is licensed under the ISC license.
|
|
37
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
38
|
+
*/
|
|
39
|
+
|
|
40
|
+
var defaultAttributes = {
|
|
41
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
42
|
+
width: 24,
|
|
43
|
+
height: 24,
|
|
44
|
+
viewBox: "0 0 24 24",
|
|
45
|
+
fill: "none",
|
|
46
|
+
stroke: "currentColor",
|
|
47
|
+
strokeWidth: 2,
|
|
48
|
+
strokeLinecap: "round",
|
|
49
|
+
strokeLinejoin: "round"
|
|
50
|
+
};
|
|
51
|
+
|
|
52
|
+
/**
|
|
53
|
+
* @license lucide-react v0.511.0 - ISC
|
|
54
|
+
*
|
|
55
|
+
* This source code is licensed under the ISC license.
|
|
56
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
57
|
+
*/
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
const Icon = react.forwardRef(
|
|
61
|
+
({
|
|
62
|
+
color = "currentColor",
|
|
63
|
+
size = 24,
|
|
64
|
+
strokeWidth = 2,
|
|
65
|
+
absoluteStrokeWidth,
|
|
66
|
+
className = "",
|
|
67
|
+
children,
|
|
68
|
+
iconNode,
|
|
69
|
+
...rest
|
|
70
|
+
}, ref) => react.createElement(
|
|
71
|
+
"svg",
|
|
72
|
+
{
|
|
73
|
+
ref,
|
|
74
|
+
...defaultAttributes,
|
|
75
|
+
width: size,
|
|
76
|
+
height: size,
|
|
77
|
+
stroke: color,
|
|
78
|
+
strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
|
|
79
|
+
className: mergeClasses("lucide", className),
|
|
80
|
+
...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
|
|
81
|
+
...rest
|
|
82
|
+
},
|
|
83
|
+
[
|
|
84
|
+
...iconNode.map(([tag, attrs]) => react.createElement(tag, attrs)),
|
|
85
|
+
...Array.isArray(children) ? children : [children]
|
|
86
|
+
]
|
|
87
|
+
)
|
|
88
|
+
);
|
|
89
|
+
|
|
90
|
+
/**
|
|
91
|
+
* @license lucide-react v0.511.0 - ISC
|
|
92
|
+
*
|
|
93
|
+
* This source code is licensed under the ISC license.
|
|
94
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
95
|
+
*/
|
|
96
|
+
|
|
97
|
+
|
|
98
|
+
const createLucideIcon = (iconName, iconNode) => {
|
|
99
|
+
const Component = react.forwardRef(
|
|
100
|
+
({ className, ...props }, ref) => react.createElement(Icon, {
|
|
101
|
+
ref,
|
|
102
|
+
iconNode,
|
|
103
|
+
className: mergeClasses(
|
|
104
|
+
`lucide-${toKebabCase(toPascalCase(iconName))}`,
|
|
105
|
+
`lucide-${iconName}`,
|
|
106
|
+
className
|
|
107
|
+
),
|
|
108
|
+
...props
|
|
109
|
+
})
|
|
110
|
+
);
|
|
111
|
+
Component.displayName = toPascalCase(iconName);
|
|
112
|
+
return Component;
|
|
113
|
+
};
|
|
114
|
+
|
|
115
|
+
/**
|
|
116
|
+
* @license lucide-react v0.511.0 - ISC
|
|
117
|
+
*
|
|
118
|
+
* This source code is licensed under the ISC license.
|
|
119
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
120
|
+
*/
|
|
121
|
+
|
|
122
|
+
|
|
123
|
+
const __iconNode = [
|
|
124
|
+
["line", { x1: "21", x2: "14", y1: "4", y2: "4", key: "obuewd" }],
|
|
125
|
+
["line", { x1: "10", x2: "3", y1: "4", y2: "4", key: "1q6298" }],
|
|
126
|
+
["line", { x1: "21", x2: "12", y1: "12", y2: "12", key: "1iu8h1" }],
|
|
127
|
+
["line", { x1: "8", x2: "3", y1: "12", y2: "12", key: "ntss68" }],
|
|
128
|
+
["line", { x1: "21", x2: "16", y1: "20", y2: "20", key: "14d8ph" }],
|
|
129
|
+
["line", { x1: "12", x2: "3", y1: "20", y2: "20", key: "m0wm8r" }],
|
|
130
|
+
["line", { x1: "14", x2: "14", y1: "2", y2: "6", key: "14e1ph" }],
|
|
131
|
+
["line", { x1: "8", x2: "8", y1: "10", y2: "14", key: "1i6ji0" }],
|
|
132
|
+
["line", { x1: "16", x2: "16", y1: "18", y2: "22", key: "1lctlv" }]
|
|
133
|
+
];
|
|
134
|
+
const SlidersHorizontal = createLucideIcon("sliders-horizontal", __iconNode);
|
|
4
135
|
|
|
5
136
|
const defaultOptions = {};
|
|
6
137
|
function SearchContainerBlock({ children }) {
|
|
7
138
|
return jsxRuntime.jsx("div", { className: "nbb-search-container", children: children });
|
|
8
139
|
}
|
|
9
|
-
function SearchInputBlock({ placeholder, onSearchChange, onKeyPressUp, onClickSearchIcon, defaultValue }) {
|
|
140
|
+
function SearchInputBlock({ placeholder, onSearchChange, onKeyPressUp, onClickSearchIcon, defaultValue, }) {
|
|
10
141
|
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" }) }) })] }));
|
|
11
142
|
}
|
|
12
143
|
function FilterButtonBlock({ label, onClickFilterButton }) {
|
|
13
|
-
return jsxRuntime.
|
|
144
|
+
return (jsxRuntime.jsxs("button", { className: "nbb-filter-button", onClick: onClickFilterButton, children: [jsxRuntime.jsx(SlidersHorizontal, { size: 14, color: "#666666" }), label] }));
|
|
14
145
|
}
|
|
15
146
|
function SelectedFilterListBlock({ filters, onClickRemoveFilter, noFilterText }) {
|
|
16
147
|
if (!filters || filters.length === 0) {
|
|
17
148
|
return jsxRuntime.jsx("div", { className: "nbb-no-filter", children: noFilterText });
|
|
18
149
|
}
|
|
19
|
-
|
|
150
|
+
const filtersByGroupName = Object.groupBy(filters, (filter) => filter.groupName || '');
|
|
151
|
+
return (jsxRuntime.jsx("div", { className: "nbb-selected-filters", children: Object.entries(filtersByGroupName).map(([groupName, filters], index) => filters &&
|
|
152
|
+
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))) }));
|
|
153
|
+
}
|
|
154
|
+
function FilterBadge({ filter, onClick }) {
|
|
155
|
+
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] }));
|
|
20
156
|
}
|
|
21
157
|
const defaultBlocks = {
|
|
22
158
|
SearchContainer: SearchContainerBlock,
|
|
@@ -25,20 +161,6 @@ const defaultBlocks = {
|
|
|
25
161
|
SelectedFilterList: SelectedFilterListBlock,
|
|
26
162
|
};
|
|
27
163
|
|
|
28
|
-
function setBlocks(defaultBlocks, defaultOptions, children) {
|
|
29
|
-
const results = children
|
|
30
|
-
? children({ defaultBlocks, ...defaultOptions })
|
|
31
|
-
: { blocks: {}, ...defaultOptions };
|
|
32
|
-
const { blocks: customBlocks = {} } = results;
|
|
33
|
-
return {
|
|
34
|
-
...results,
|
|
35
|
-
blocks: Object.fromEntries(Object.entries(defaultBlocks).map(([key, defaultComponent]) => [
|
|
36
|
-
key,
|
|
37
|
-
customBlocks[key] || defaultComponent,
|
|
38
|
-
])),
|
|
39
|
-
};
|
|
40
|
-
}
|
|
41
|
-
|
|
42
164
|
function styleInject(css, ref) {
|
|
43
165
|
if ( ref === void 0 ) ref = {};
|
|
44
166
|
var insertAt = ref.insertAt;
|
|
@@ -66,10 +188,19 @@ function styleInject(css, ref) {
|
|
|
66
188
|
}
|
|
67
189
|
}
|
|
68
190
|
|
|
69
|
-
var css_248z = "/* TODO change naming */\n.nbb-search-container {\n --color-object-accent-primary: #
|
|
191
|
+
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";
|
|
70
192
|
styleInject(css_248z);
|
|
71
193
|
|
|
72
|
-
|
|
194
|
+
function setBlocks(defaultBlocks, defaultOptions, children) {
|
|
195
|
+
const results = children ? children({ defaultBlocks, ...defaultOptions }) : { blocks: {}, ...defaultOptions };
|
|
196
|
+
const { blocks: customBlocks = {} } = results;
|
|
197
|
+
return {
|
|
198
|
+
...results,
|
|
199
|
+
blocks: Object.fromEntries(Object.entries(defaultBlocks).map(([key, defaultComponent]) => [key, customBlocks[key] || defaultComponent])),
|
|
200
|
+
};
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
const FilterSearchPanel = ({ children, filters = [], defaultSearchValue = '', onClickRemoveFilter, onClickFilterButton, onSearchChange, onKeyPressUp, onClickSearchIcon, searchPlaceholder = '新規サービス開発', noFilterText = '条件未設定', filterLabel = '絞込み設定', }) => {
|
|
73
204
|
const { blocks } = setBlocks(defaultBlocks, defaultOptions, children);
|
|
74
205
|
const { SearchContainer, SearchInput, FilterButton, SelectedFilterList } = blocks;
|
|
75
206
|
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 })] })] }));
|
package/dist/index.cjs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../src/blocks.tsx","../src/lib.ts","../node_modules/style-inject/dist/style-inject.es.js","../src/filter-search-panel.tsx"],"sourcesContent":["import React from 'react';\nimport { setBlocks } from './lib';\n\nexport type FilterChip = { label: string; key: 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({ placeholder, onSearchChange, onKeyPressUp, onClickSearchIcon, defaultValue }: SearchInputProps) {\n return (\n <div className=\"nbb-search-input\">\n <input defaultValue={defaultValue} type=\"text\" placeholder={placeholder} onChange={onSearchChange} onKeyUp={onKeyPressUp} />\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 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\" />\n </svg>\n </button>\n </div>\n );\n}\n\nfunction FilterButtonBlock({ label, onClickFilterButton }: FilterButtonProps) {\n return <button className=\"nbb-filter-button\" onClick={onClickFilterButton}>{label}</button>;\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 return (\n <div className=\"nbb-selected-filters\">\n {filters.map((filter, index) => (\n <div key={index} className=\"nbb-filter-chip\">\n <button className=\"nbb-remove-filter\" onClick={() => onClickRemoveFilter(filter)}><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <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\" />\n </svg>\n </button>\n {filter.label}\n </div>\n ))}\n </div>\n );\n}\n\nexport const defaultBlocks: DefaultBlocks = {\n SearchContainer: SearchContainerBlock,\n SearchInput: SearchInputBlock,\n FilterButton: FilterButtonBlock,\n SelectedFilterList: SelectedFilterListBlock,\n};\n\n\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\n\ntype ChildrenProps = {\n defaultBlocks: DefaultBlocks;\n};\n\nexport function setBlocks(\n defaultBlocks: DefaultBlocks,\n defaultOptions: DefaultOptions,\n children?: (props: ChildrenProps) => DefaultOptions & {\n blocks: { [x: string]: any };\n },\n) {\n const results = children\n ? children({ defaultBlocks, ...defaultOptions })\n : { blocks: {}, ...defaultOptions };\n const {\n blocks: customBlocks = {}\n } = results;\n return {\n ...results,\n blocks: Object.fromEntries(\n Object.entries(defaultBlocks).map(([key, defaultComponent]) => [\n key,\n customBlocks[key] || defaultComponent,\n ])\n ),\n };\n}\n\ntype ClassName = string | ClassName[] | undefined | null;\n\n/**\n * Utility function to join class names together, ignoring undefined or nil values.\n * @param classes - The class names to join.\n * @returns The joined class names.\n */\nexport function classNames(...classes: ClassName[]): string {\n return classes.flat().filter(Boolean).join(' ');\n}\n","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, defaultBlocks, defaultOptions, FilterChip } from './blocks';\nimport { setBlocks } from './lib';\nimport './filter-search-panel.css';\n\n\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 defaultValue={defaultSearchValue} placeholder={searchPlaceholder} onSearchChange={onSearchChange} onKeyPressUp={onKeyPressUp} onClickSearchIcon={onClickSearchIcon} />\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;"],"names":["_jsx","_jsxs"],"mappings":"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","x_google_ignoreList":[2]}
|
|
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":"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","x_google_ignoreList":[0,1,2,3,4,6]}
|
package/dist/index.esm.js
CHANGED
|
@@ -1,20 +1,156 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import { forwardRef, createElement, Fragment } from 'react';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* @license lucide-react v0.511.0 - ISC
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the ISC license.
|
|
8
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
|
|
12
|
+
const toCamelCase = (string) => string.replace(
|
|
13
|
+
/^([A-Z])|[\s-_]+(\w)/g,
|
|
14
|
+
(match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
|
|
15
|
+
);
|
|
16
|
+
const toPascalCase = (string) => {
|
|
17
|
+
const camelCase = toCamelCase(string);
|
|
18
|
+
return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
|
|
19
|
+
};
|
|
20
|
+
const mergeClasses = (...classes) => classes.filter((className, index, array) => {
|
|
21
|
+
return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
|
|
22
|
+
}).join(" ").trim();
|
|
23
|
+
const hasA11yProp = (props) => {
|
|
24
|
+
for (const prop in props) {
|
|
25
|
+
if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
|
|
26
|
+
return true;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* @license lucide-react v0.511.0 - ISC
|
|
33
|
+
*
|
|
34
|
+
* This source code is licensed under the ISC license.
|
|
35
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
36
|
+
*/
|
|
37
|
+
|
|
38
|
+
var defaultAttributes = {
|
|
39
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
40
|
+
width: 24,
|
|
41
|
+
height: 24,
|
|
42
|
+
viewBox: "0 0 24 24",
|
|
43
|
+
fill: "none",
|
|
44
|
+
stroke: "currentColor",
|
|
45
|
+
strokeWidth: 2,
|
|
46
|
+
strokeLinecap: "round",
|
|
47
|
+
strokeLinejoin: "round"
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
* @license lucide-react v0.511.0 - ISC
|
|
52
|
+
*
|
|
53
|
+
* This source code is licensed under the ISC license.
|
|
54
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
55
|
+
*/
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
const Icon = forwardRef(
|
|
59
|
+
({
|
|
60
|
+
color = "currentColor",
|
|
61
|
+
size = 24,
|
|
62
|
+
strokeWidth = 2,
|
|
63
|
+
absoluteStrokeWidth,
|
|
64
|
+
className = "",
|
|
65
|
+
children,
|
|
66
|
+
iconNode,
|
|
67
|
+
...rest
|
|
68
|
+
}, ref) => createElement(
|
|
69
|
+
"svg",
|
|
70
|
+
{
|
|
71
|
+
ref,
|
|
72
|
+
...defaultAttributes,
|
|
73
|
+
width: size,
|
|
74
|
+
height: size,
|
|
75
|
+
stroke: color,
|
|
76
|
+
strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
|
|
77
|
+
className: mergeClasses("lucide", className),
|
|
78
|
+
...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
|
|
79
|
+
...rest
|
|
80
|
+
},
|
|
81
|
+
[
|
|
82
|
+
...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
|
|
83
|
+
...Array.isArray(children) ? children : [children]
|
|
84
|
+
]
|
|
85
|
+
)
|
|
86
|
+
);
|
|
87
|
+
|
|
88
|
+
/**
|
|
89
|
+
* @license lucide-react v0.511.0 - ISC
|
|
90
|
+
*
|
|
91
|
+
* This source code is licensed under the ISC license.
|
|
92
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
93
|
+
*/
|
|
94
|
+
|
|
95
|
+
|
|
96
|
+
const createLucideIcon = (iconName, iconNode) => {
|
|
97
|
+
const Component = forwardRef(
|
|
98
|
+
({ className, ...props }, ref) => createElement(Icon, {
|
|
99
|
+
ref,
|
|
100
|
+
iconNode,
|
|
101
|
+
className: mergeClasses(
|
|
102
|
+
`lucide-${toKebabCase(toPascalCase(iconName))}`,
|
|
103
|
+
`lucide-${iconName}`,
|
|
104
|
+
className
|
|
105
|
+
),
|
|
106
|
+
...props
|
|
107
|
+
})
|
|
108
|
+
);
|
|
109
|
+
Component.displayName = toPascalCase(iconName);
|
|
110
|
+
return Component;
|
|
111
|
+
};
|
|
112
|
+
|
|
113
|
+
/**
|
|
114
|
+
* @license lucide-react v0.511.0 - ISC
|
|
115
|
+
*
|
|
116
|
+
* This source code is licensed under the ISC license.
|
|
117
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
118
|
+
*/
|
|
119
|
+
|
|
120
|
+
|
|
121
|
+
const __iconNode = [
|
|
122
|
+
["line", { x1: "21", x2: "14", y1: "4", y2: "4", key: "obuewd" }],
|
|
123
|
+
["line", { x1: "10", x2: "3", y1: "4", y2: "4", key: "1q6298" }],
|
|
124
|
+
["line", { x1: "21", x2: "12", y1: "12", y2: "12", key: "1iu8h1" }],
|
|
125
|
+
["line", { x1: "8", x2: "3", y1: "12", y2: "12", key: "ntss68" }],
|
|
126
|
+
["line", { x1: "21", x2: "16", y1: "20", y2: "20", key: "14d8ph" }],
|
|
127
|
+
["line", { x1: "12", x2: "3", y1: "20", y2: "20", key: "m0wm8r" }],
|
|
128
|
+
["line", { x1: "14", x2: "14", y1: "2", y2: "6", key: "14e1ph" }],
|
|
129
|
+
["line", { x1: "8", x2: "8", y1: "10", y2: "14", key: "1i6ji0" }],
|
|
130
|
+
["line", { x1: "16", x2: "16", y1: "18", y2: "22", key: "1lctlv" }]
|
|
131
|
+
];
|
|
132
|
+
const SlidersHorizontal = createLucideIcon("sliders-horizontal", __iconNode);
|
|
2
133
|
|
|
3
134
|
const defaultOptions = {};
|
|
4
135
|
function SearchContainerBlock({ children }) {
|
|
5
136
|
return jsx("div", { className: "nbb-search-container", children: children });
|
|
6
137
|
}
|
|
7
|
-
function SearchInputBlock({ placeholder, onSearchChange, onKeyPressUp, onClickSearchIcon, defaultValue }) {
|
|
138
|
+
function SearchInputBlock({ placeholder, onSearchChange, onKeyPressUp, onClickSearchIcon, defaultValue, }) {
|
|
8
139
|
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" }) }) })] }));
|
|
9
140
|
}
|
|
10
141
|
function FilterButtonBlock({ label, onClickFilterButton }) {
|
|
11
|
-
return
|
|
142
|
+
return (jsxs("button", { className: "nbb-filter-button", onClick: onClickFilterButton, children: [jsx(SlidersHorizontal, { size: 14, color: "#666666" }), label] }));
|
|
12
143
|
}
|
|
13
144
|
function SelectedFilterListBlock({ filters, onClickRemoveFilter, noFilterText }) {
|
|
14
145
|
if (!filters || filters.length === 0) {
|
|
15
146
|
return jsx("div", { className: "nbb-no-filter", children: noFilterText });
|
|
16
147
|
}
|
|
17
|
-
|
|
148
|
+
const filtersByGroupName = Object.groupBy(filters, (filter) => filter.groupName || '');
|
|
149
|
+
return (jsx("div", { className: "nbb-selected-filters", children: Object.entries(filtersByGroupName).map(([groupName, filters], index) => filters &&
|
|
150
|
+
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))) }));
|
|
151
|
+
}
|
|
152
|
+
function FilterBadge({ filter, onClick }) {
|
|
153
|
+
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] }));
|
|
18
154
|
}
|
|
19
155
|
const defaultBlocks = {
|
|
20
156
|
SearchContainer: SearchContainerBlock,
|
|
@@ -23,20 +159,6 @@ const defaultBlocks = {
|
|
|
23
159
|
SelectedFilterList: SelectedFilterListBlock,
|
|
24
160
|
};
|
|
25
161
|
|
|
26
|
-
function setBlocks(defaultBlocks, defaultOptions, children) {
|
|
27
|
-
const results = children
|
|
28
|
-
? children({ defaultBlocks, ...defaultOptions })
|
|
29
|
-
: { blocks: {}, ...defaultOptions };
|
|
30
|
-
const { blocks: customBlocks = {} } = results;
|
|
31
|
-
return {
|
|
32
|
-
...results,
|
|
33
|
-
blocks: Object.fromEntries(Object.entries(defaultBlocks).map(([key, defaultComponent]) => [
|
|
34
|
-
key,
|
|
35
|
-
customBlocks[key] || defaultComponent,
|
|
36
|
-
])),
|
|
37
|
-
};
|
|
38
|
-
}
|
|
39
|
-
|
|
40
162
|
function styleInject(css, ref) {
|
|
41
163
|
if ( ref === void 0 ) ref = {};
|
|
42
164
|
var insertAt = ref.insertAt;
|
|
@@ -64,10 +186,19 @@ function styleInject(css, ref) {
|
|
|
64
186
|
}
|
|
65
187
|
}
|
|
66
188
|
|
|
67
|
-
var css_248z = "/* TODO change naming */\n.nbb-search-container {\n --color-object-accent-primary: #
|
|
189
|
+
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";
|
|
68
190
|
styleInject(css_248z);
|
|
69
191
|
|
|
70
|
-
|
|
192
|
+
function setBlocks(defaultBlocks, defaultOptions, children) {
|
|
193
|
+
const results = children ? children({ defaultBlocks, ...defaultOptions }) : { blocks: {}, ...defaultOptions };
|
|
194
|
+
const { blocks: customBlocks = {} } = results;
|
|
195
|
+
return {
|
|
196
|
+
...results,
|
|
197
|
+
blocks: Object.fromEntries(Object.entries(defaultBlocks).map(([key, defaultComponent]) => [key, customBlocks[key] || defaultComponent])),
|
|
198
|
+
};
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
const FilterSearchPanel = ({ children, filters = [], defaultSearchValue = '', onClickRemoveFilter, onClickFilterButton, onSearchChange, onKeyPressUp, onClickSearchIcon, searchPlaceholder = '新規サービス開発', noFilterText = '条件未設定', filterLabel = '絞込み設定', }) => {
|
|
71
202
|
const { blocks } = setBlocks(defaultBlocks, defaultOptions, children);
|
|
72
203
|
const { SearchContainer, SearchInput, FilterButton, SelectedFilterList } = blocks;
|
|
73
204
|
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 })] })] }));
|
package/dist/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":["../src/blocks.tsx","../src/lib.ts","../node_modules/style-inject/dist/style-inject.es.js","../src/filter-search-panel.tsx"],"sourcesContent":["import React from 'react';\nimport { setBlocks } from './lib';\n\nexport type FilterChip = { label: string; key: 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({ placeholder, onSearchChange, onKeyPressUp, onClickSearchIcon, defaultValue }: SearchInputProps) {\n return (\n <div className=\"nbb-search-input\">\n <input defaultValue={defaultValue} type=\"text\" placeholder={placeholder} onChange={onSearchChange} onKeyUp={onKeyPressUp} />\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 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\" />\n </svg>\n </button>\n </div>\n );\n}\n\nfunction FilterButtonBlock({ label, onClickFilterButton }: FilterButtonProps) {\n return <button className=\"nbb-filter-button\" onClick={onClickFilterButton}>{label}</button>;\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 return (\n <div className=\"nbb-selected-filters\">\n {filters.map((filter, index) => (\n <div key={index} className=\"nbb-filter-chip\">\n <button className=\"nbb-remove-filter\" onClick={() => onClickRemoveFilter(filter)}><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <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\" />\n </svg>\n </button>\n {filter.label}\n </div>\n ))}\n </div>\n );\n}\n\nexport const defaultBlocks: DefaultBlocks = {\n SearchContainer: SearchContainerBlock,\n SearchInput: SearchInputBlock,\n FilterButton: FilterButtonBlock,\n SelectedFilterList: SelectedFilterListBlock,\n};\n\n\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\n\ntype ChildrenProps = {\n defaultBlocks: DefaultBlocks;\n};\n\nexport function setBlocks(\n defaultBlocks: DefaultBlocks,\n defaultOptions: DefaultOptions,\n children?: (props: ChildrenProps) => DefaultOptions & {\n blocks: { [x: string]: any };\n },\n) {\n const results = children\n ? children({ defaultBlocks, ...defaultOptions })\n : { blocks: {}, ...defaultOptions };\n const {\n blocks: customBlocks = {}\n } = results;\n return {\n ...results,\n blocks: Object.fromEntries(\n Object.entries(defaultBlocks).map(([key, defaultComponent]) => [\n key,\n customBlocks[key] || defaultComponent,\n ])\n ),\n };\n}\n\ntype ClassName = string | ClassName[] | undefined | null;\n\n/**\n * Utility function to join class names together, ignoring undefined or nil values.\n * @param classes - The class names to join.\n * @returns The joined class names.\n */\nexport function classNames(...classes: ClassName[]): string {\n return classes.flat().filter(Boolean).join(' ');\n}\n","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, defaultBlocks, defaultOptions, FilterChip } from './blocks';\nimport { setBlocks } from './lib';\nimport './filter-search-panel.css';\n\n\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 defaultValue={defaultSearchValue} placeholder={searchPlaceholder} onSearchChange={onSearchChange} onKeyPressUp={onKeyPressUp} onClickSearchIcon={onClickSearchIcon} />\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;"],"names":["_jsx","_jsxs"],"mappings":";;AAoCO,MAAM,cAAc,GAAmB,EAAE;AAEhD,SAAS,oBAAoB,CAAC,EAAE,QAAQ,EAAwB,EAAA;AAC9D,IAAA,OAAOA,aAAK,SAAS,EAAC,sBAAsB,EAAE,QAAA,EAAA,QAAQ,GAAO;AAC/D;AAEA,SAAS,gBAAgB,CAAC,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAoB,EAAA;AACxH,IAAA,QACEC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kBAAkB,EAC/B,QAAA,EAAA,CAAAD,GAAA,CAAA,OAAA,EAAA,EAAO,YAAY,EAAE,YAAY,EAAE,IAAI,EAAC,MAAM,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,YAAY,EAAA,CAAI,EAC5HA,GAAQ,CAAA,QAAA,EAAA,EAAA,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,iBAAiB,EAAA,QAAA,EAC5DA,GAAK,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,GAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,ojBAAojB,EAAC,IAAI,EAAC,SAAS,EAAG,CAAA,EAAA,CAC1kB,EACC,CAAA,CAAA,EAAA,CACL;AAEV;AAEA,SAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,mBAAmB,EAAqB,EAAA;IAC1E,OAAOA,GAAA,CAAA,QAAA,EAAA,EAAQ,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,mBAAmB,EAAA,QAAA,EAAG,KAAK,EAAA,CAAU;AAC7F;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,aAAK,SAAS,EAAC,eAAe,EAAE,QAAA,EAAA,YAAY,GAAO;;AAE5D,IAAA,QACEA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,sBAAsB,YAClC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,MACzBC,IAAA,CAAA,KAAA,EAAA,EAAiB,SAAS,EAAC,iBAAiB,EAC1C,QAAA,EAAA,CAAAD,GAAA,CAAA,QAAA,EAAA,EAAQ,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,MAAM,mBAAmB,CAAC,MAAM,CAAC,YAAEA,GAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,YAC9KA,GAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,8MAA8M,EAAC,IAAI,EAAC,SAAS,EAAG,CAAA,EAAA,CACpO,GACG,EACR,MAAM,CAAC,KAAK,KALL,KAAK,CAMT,CACP,CAAC,EAAA,CACE;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;;SCnEe,SAAS,CACvB,aAA4B,EAC5B,cAA8B,EAC9B,QAEC,EAAA;IAED,MAAM,OAAO,GAAG;UACZ,QAAQ,CAAC,EAAE,aAAa,EAAE,GAAG,cAAc,EAAE;UAC7C,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,cAAc,EAAE;IACrC,MAAM,EACJ,MAAM,EAAE,YAAY,GAAG,EAAE,EAC1B,GAAG,OAAO;IACX,OAAO;AACL,QAAA,GAAG,OAAO;QACV,MAAM,EAAE,MAAM,CAAC,WAAW,CACxB,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,gBAAgB,CAAC,KAAK;YAC7D,GAAG;AACH,YAAA,YAAY,CAAC,GAAG,CAAC,IAAI,gBAAgB;AACtC,SAAA,CAAC,CACH;KACF;AACH;;ACtCA,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;;;;;ACFa,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,IAAA,CAAC,eAAe,EAAA,EAAA,QAAA,EAAA,CACdD,GAAC,CAAA,WAAW,EAAC,EAAA,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,iBAAiB,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAI,CAAA,EACnLC,cAAK,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAAA,CAC/BD,GAAC,CAAA,YAAY,EAAC,EAAA,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,mBAAmB,EAAI,CAAA,EAC9EA,IAAC,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":[2]}
|
|
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]}
|
package/dist/lib.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAEzD;;;;;;;GAOG;
|
|
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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nodeblocks/frontend-filter-search-panel-block",
|
|
3
|
-
"version": "0.0
|
|
3
|
+
"version": "0.1.0",
|
|
4
4
|
"main": "dist/index.cjs.js",
|
|
5
5
|
"module": "dist/index.esm.js",
|
|
6
6
|
"browser": "dist/index.iife.js",
|
|
@@ -30,5 +30,8 @@
|
|
|
30
30
|
"rollup-plugin-serve": "^1.1.1",
|
|
31
31
|
"tslib": "^2.8.1",
|
|
32
32
|
"typescript": "^5.7.2"
|
|
33
|
+
},
|
|
34
|
+
"dependencies": {
|
|
35
|
+
"lucide-react": "^0.511.0"
|
|
33
36
|
}
|
|
34
37
|
}
|
package/readme.md
CHANGED
|
@@ -3,24 +3,29 @@
|
|
|
3
3
|
Welcome to the Nodeblocks Frontend Starter Kit! 🎉 This kit is designed to make building frontend libraries in React super easy, helping you streamline your development workflow with minimal fuss. Let's dive in! 🤿
|
|
4
4
|
|
|
5
5
|
### ✨ Features
|
|
6
|
+
|
|
6
7
|
- **🚀 Bundling with Rollup:** Get a clean, minimalistic approach to bundling your JavaScript files for smoother frontend development.
|
|
7
8
|
- **💙 TypeScript Support:** We've included a pre-configured `tsconfig.json` to ensure your TypeScript setup is strict, efficient, and ready to go.
|
|
8
9
|
- **⚙️ Peer Dependencies:** Keep bundle sizes lean with React and React DOM set as peer dependencies.
|
|
9
10
|
- **🎨 CSS Support:** Easily import and process CSS files, giving you more control over your styles.
|
|
10
11
|
|
|
11
12
|
### 🛠️ How to Use
|
|
13
|
+
|
|
12
14
|
1. **Clone this repository** 🌀:
|
|
15
|
+
|
|
13
16
|
```bash
|
|
14
17
|
git clone <repository-url>
|
|
15
18
|
cd <repository-directory>
|
|
16
19
|
```
|
|
17
20
|
|
|
18
21
|
2. **Install dependencies** 📦:
|
|
22
|
+
|
|
19
23
|
```bash
|
|
20
24
|
npm install
|
|
21
25
|
```
|
|
22
26
|
|
|
23
27
|
3. **Start development** 🛠️:
|
|
28
|
+
|
|
24
29
|
```bash
|
|
25
30
|
npm run watch
|
|
26
31
|
```
|
|
@@ -48,10 +53,12 @@ This ensures Nodeblocks libraries integrate seamlessly with different workflows.
|
|
|
48
53
|
npm link
|
|
49
54
|
```
|
|
50
55
|
2. In the test project you want to run:
|
|
56
|
+
|
|
51
57
|
```bash
|
|
52
58
|
npm i
|
|
53
59
|
npm link @basaldev/frontend-starter-kit
|
|
54
60
|
```
|
|
55
|
-
(Note that in real life your library would not be called frontend-starter-kit.)
|
|
56
61
|
|
|
57
|
-
|
|
62
|
+
(Note that in real life your library would not be called frontend-starter-kit.)
|
|
63
|
+
|
|
64
|
+
3. Then you can follow your usual workflow either with **Create React App** (`npm start`) or with Vite (`npm run dev`). This will give you a development environment where whenever you change your library it will be available in your test project.
|