schummar-table 0.14.4 → 0.16.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/cjs/index.js +17 -10
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/index.js +18 -11
- package/dist/es/index.js.map +1 -1
- package/dist/types/components/filterControl.d.ts +5 -2
- package/dist/types/components/textFilter.d.ts +2 -1
- package/dist/types/hooks/useFilter.d.ts +2 -1
- package/dist/types/types.d.ts +1 -0
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -787,7 +787,10 @@ function ColumnFooter() {
|
|
|
787
787
|
children: content
|
|
788
788
|
});
|
|
789
789
|
}
|
|
790
|
-
const FilterControlContext = react.createContext(
|
|
790
|
+
const FilterControlContext = react.createContext({
|
|
791
|
+
isActive: false,
|
|
792
|
+
close: () => void 0
|
|
793
|
+
});
|
|
791
794
|
function FilterControl() {
|
|
792
795
|
const table = useTableContext();
|
|
793
796
|
const columnId = useColumnContext();
|
|
@@ -816,13 +819,14 @@ function FilterControl() {
|
|
|
816
819
|
}
|
|
817
820
|
});
|
|
818
821
|
}
|
|
819
|
-
const
|
|
820
|
-
|
|
821
|
-
|
|
822
|
+
const context = react.useMemo(() => ({
|
|
823
|
+
isActive: !!anchor,
|
|
824
|
+
close: () => setAnchor(null)
|
|
825
|
+
}), [!!anchor]);
|
|
822
826
|
if (!filter)
|
|
823
827
|
return null;
|
|
824
828
|
return /* @__PURE__ */ jsxRuntime.jsxs(FilterControlContext.Provider, {
|
|
825
|
-
value:
|
|
829
|
+
value: context,
|
|
826
830
|
children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
827
831
|
onClick: (e) => setAnchor(e.currentTarget),
|
|
828
832
|
onContextMenu: (e) => {
|
|
@@ -833,7 +837,7 @@ function FilterControl() {
|
|
|
833
837
|
children: /* @__PURE__ */ jsxRuntime.jsx(IconButton2, {
|
|
834
838
|
css: ["color:#b0bac9;", isActive && {
|
|
835
839
|
color: "var(--primaryMain) !important"
|
|
836
|
-
}, process.env.NODE_ENV === "production" ? "" : ";label:FilterControl;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
840
|
+
}, process.env.NODE_ENV === "production" ? "" : ";label:FilterControl;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3NjaHVtbWFyLXRhYmxlL3NjaHVtbWFyLXRhYmxlL3NyYy9jb21wb25lbnRzL2ZpbHRlckNvbnRyb2wudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREVSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9zY2h1bW1hci10YWJsZS9zY2h1bW1hci10YWJsZS9zcmMvY29tcG9uZW50cy9maWx0ZXJDb250cm9sLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNyZWF0ZUNvbnRleHQsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICcuLi9ob29rcy91c2VUaGVtZSc7XG5pbXBvcnQgeyB1c2VDc3NWYXJpYWJsZXMgfSBmcm9tICcuLi90aGVtZS91c2VDc3NWYXJpYWJsZXMnO1xuaW1wb3J0IHsgdXNlQ29sdW1uQ29udGV4dCwgdXNlVGFibGVDb250ZXh0IH0gZnJvbSAnLi90YWJsZSc7XG5cbmV4cG9ydCBjb25zdCBGaWx0ZXJDb250cm9sQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQoe1xuICBpc0FjdGl2ZTogZmFsc2UsXG4gIGNsb3NlOiAoKTogdm9pZCA9PiB2b2lkIDAsXG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIEZpbHRlckNvbnRyb2w8VD4oKTogSlNYLkVsZW1lbnQgfCBudWxsIHtcbiAgY29uc3QgdGFibGUgPSB1c2VUYWJsZUNvbnRleHQ8VD4oKTtcbiAgY29uc3QgY29sdW1uSWQgPSB1c2VDb2x1bW5Db250ZXh0KCk7XG4gIGNvbnN0IEljb25CdXR0b24gPSB1c2VUaGVtZSgodCkgPT4gdC5jb21wb25lbnRzLkljb25CdXR0b24pO1xuICBjb25zdCBQb3BvdmVyID0gdXNlVGhlbWUoKHQpID0+IHQuY29tcG9uZW50cy5Qb3BvdmVyKTtcbiAgY29uc3QgRmlsdGVyTGlzdCA9IHVzZVRoZW1lKCh0KSA9PiB0Lmljb25zLkZpbHRlckxpc3QpO1xuICBjb25zdCBBcnJvd0Ryb3BEb3duID0gdXNlVGhlbWUoKHQpID0+IHQuaWNvbnMuQXJyb3dEcm9wRG93bik7XG4gIGNvbnN0IGNzc1ZhcmlhYmxlcyA9IHVzZUNzc1ZhcmlhYmxlcygpO1xuXG4gIGNvbnN0IFthbmNob3IsIHNldEFuY2hvcl0gPSB1c2VTdGF0ZTxFbGVtZW50IHwgbnVsbD4obnVsbCk7XG4gIGNvbnN0IGlzQWN0aXZlID0gdGFibGUudXNlU3RhdGUoKHN0YXRlKSA9PiB7XG4gICAgY29uc3QgZmlsdGVyID0gc3RhdGUuZmlsdGVycy5nZXQoY29sdW1uSWQpO1xuICAgIGNvbnN0IGZpbHRlclZhbHVlID0gc3RhdGUuZmlsdGVyVmFsdWVzLmdldChjb2x1bW5JZCk7XG4gICAgcmV0dXJuIGZpbHRlciAhPT0gdW5kZWZpbmVkICYmIGZpbHRlclZhbHVlICE9PSB1bmRlZmluZWQgJiYgZmlsdGVyLmlzQWN0aXZlKGZpbHRlclZhbHVlKTtcbiAgfSk7XG4gIGNvbnN0IGZpbHRlciA9IHRhYmxlLnVzZVN0YXRlKChzdGF0ZSkgPT4gc3RhdGUuYWN0aXZlQ29sdW1ucy5maW5kKChjb2x1bW4pID0+IGNvbHVtbi5pZCA9PT0gY29sdW1uSWQpPy5maWx0ZXIpO1xuXG4gIGZ1bmN0aW9uIHJlc2V0KCkge1xuICAgIHRhYmxlLnVwZGF0ZSgoc3RhdGUpID0+IHtcbiAgICAgIGNvbnN0IGltcGwgPSBzdGF0ZS5maWx0ZXJzLmdldChjb2x1bW5JZCk7XG5cbiAgICAgIGltcGw/Lm9uQ2hhbmdlPy4odW5kZWZpbmVkKTtcblxuICAgICAgaWYgKGltcGw/LnZhbHVlICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgc3RhdGUuZmlsdGVyVmFsdWVzLmRlbGV0ZShjb2x1bW5JZCk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBjb25zdCBjb250ZXh0ID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgaXNBY3RpdmU6ICEhYW5jaG9yLFxuICAgICAgY2xvc2U6ICgpID0+IHNldEFuY2hvcihudWxsKSxcbiAgICB9KSxcbiAgICBbISFhbmNob3JdLFxuICApO1xuXG4gIGlmICghZmlsdGVyKSByZXR1cm4gbnVsbDtcblxuICByZXR1cm4gKFxuICAgIDxGaWx0ZXJDb250cm9sQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dH0+XG4gICAgICA8ZGl2XG4gICAgICAgIG9uQ2xpY2s9eyhlKSA9PiBzZXRBbmNob3IoZS5jdXJyZW50VGFyZ2V0KX1cbiAgICAgICAgb25Db250ZXh0TWVudT17KGUpID0+IHtcbiAgICAgICAgICByZXNldCgpO1xuICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICB7IGNvbG9yOiAnI2IwYmFjOScgfSxcbiAgICAgICAgICAgIGlzQWN0aXZlICYmIHtcbiAgICAgICAgICAgICAgY29sb3I6ICd2YXIoLS1wcmltYXJ5TWFpbikgIWltcG9ydGFudCcsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgIF19XG4gICAgICAgID5cbiAgICAgICAgICB7aXNBY3RpdmUgPyA8RmlsdGVyTGlzdCAvPiA6IDxBcnJvd0Ryb3BEb3duIC8+fVxuICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdlxuICAgICAgICBvblBvaW50ZXJEb3duPXsoZSkgPT4ge1xuICAgICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIH19XG4gICAgICAgIG9uUG9pbnRlck1vdmU9eyhlKSA9PiB7XG4gICAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPFBvcG92ZXIgb3BlbiBoaWRkZW49eyFhbmNob3J9IG9uQ2xvc2U9eygpID0+IHNldEFuY2hvcihudWxsKX0gYW5jaG9yRWw9e2FuY2hvciA/PyBkb2N1bWVudC5ib2R5fSBjc3M9e2Nzc1ZhcmlhYmxlc30+XG4gICAgICAgICAge2ZpbHRlcn1cbiAgICAgICAgPC9Qb3BvdmVyPlxuICAgICAgPC9kaXY+XG4gICAgPC9GaWx0ZXJDb250cm9sQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn1cbiJdfQ== */"],
|
|
837
841
|
children: isActive ? /* @__PURE__ */ jsxRuntime.jsx(FilterList2, {}) : /* @__PURE__ */ jsxRuntime.jsx(ArrowDropDown2, {})
|
|
838
842
|
})
|
|
839
843
|
}), /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
@@ -3138,11 +3142,12 @@ function useFilter(impl) {
|
|
|
3138
3142
|
delayedUpdate(value2);
|
|
3139
3143
|
}
|
|
3140
3144
|
react.useEffect(() => delayedUpdate.flush(), [delayedUpdate]);
|
|
3145
|
+
const context = react.useContext(FilterControlContext);
|
|
3141
3146
|
return {
|
|
3142
3147
|
value: dirtyValue != null ? dirtyValue : value,
|
|
3143
3148
|
onChange,
|
|
3144
|
-
|
|
3145
|
-
|
|
3149
|
+
filterBy: filterBy != null ? filterBy : (x) => x,
|
|
3150
|
+
...context
|
|
3146
3151
|
};
|
|
3147
3152
|
}
|
|
3148
3153
|
const textMatch = (text, query) => {
|
|
@@ -3167,6 +3172,7 @@ const termMatch = (text, query) => {
|
|
|
3167
3172
|
function TextFilter({
|
|
3168
3173
|
compare = textMatch,
|
|
3169
3174
|
filterBy = asStringOrArray,
|
|
3175
|
+
placeholder,
|
|
3170
3176
|
...props
|
|
3171
3177
|
}) {
|
|
3172
3178
|
const IconButton2 = useTheme((t) => t.components.IconButton);
|
|
@@ -3190,14 +3196,15 @@ function TextFilter({
|
|
|
3190
3196
|
css: /* @__PURE__ */ react$2.css({
|
|
3191
3197
|
padding: `calc(var(--spacing) * 2)`,
|
|
3192
3198
|
display: "grid"
|
|
3193
|
-
}, process.env.NODE_ENV === "production" ? "" : ";label:TextFilter;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
3199
|
+
}, process.env.NODE_ENV === "production" ? "" : ";label:TextFilter;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3NjaHVtbWFyLXRhYmxlL3NjaHVtbWFyLXRhYmxlL3NyYy9jb21wb25lbnRzL3RleHRGaWx0ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDTSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9zY2h1bW1hci10YWJsZS9zY2h1bW1hci10YWJsZS9zcmMvY29tcG9uZW50cy90ZXh0RmlsdGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUZpbHRlciB9IGZyb20gJy4uL2hvb2tzL3VzZUZpbHRlcic7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gJy4uL2hvb2tzL3VzZVRoZW1lJztcbmltcG9ydCB7IGFzU3RyaW5nT3JBcnJheSB9IGZyb20gJy4uL21pc2MvaGVscGVycyc7XG5pbXBvcnQgeyB0ZXh0TWF0Y2ggfSBmcm9tICcuLi9taXNjL3RleHRNYXRjaCc7XG5pbXBvcnQgeyBDb21tb25GaWx0ZXJQcm9wcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IEF1dG9Gb2N1c1RleHRGaWVsZCB9IGZyb20gJy4vYXV0b0ZvY3VzVGV4dEZpZWxkJztcblxuZXhwb3J0IGZ1bmN0aW9uIFRleHRGaWx0ZXI8VCwgVj4oe1xuICBjb21wYXJlID0gdGV4dE1hdGNoLFxuICBmaWx0ZXJCeSA9IGFzU3RyaW5nT3JBcnJheSxcbiAgcGxhY2Vob2xkZXIsXG4gIC4uLnByb3BzXG59OiB7XG4gIC8qKiBDdXN0b20gY29tcGFyaXNvbiBmdW5jdGlvbi4gU2hvdWxkIHJldHVybiB0cnVlIGlmIGFuIGl0ZW0gdmFsdWUgbWF0Y2hlcyB0aGUgY3VycmVudCBmaWx0ZXIgdmFsdWUuXG4gICAqIEJ5IGRlZmF1bHQgYSBmdXp6eSB0ZXh0IGNvbXBhcmlzb24gaXMgdXNlZC5cbiAgICovXG4gIGNvbXBhcmU/OiAoaXRlbVZhbHVlOiBzdHJpbmcsIGZpbHRlclZhbHVlOiBzdHJpbmcpID0+IGJvb2xlYW47XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xufSAmIENvbW1vbkZpbHRlclByb3BzPFQsIFYsIHN0cmluZywgc3RyaW5nPik6IEpTWC5FbGVtZW50IHtcbiAgY29uc3QgSWNvbkJ1dHRvbiA9IHVzZVRoZW1lKCh0KSA9PiB0LmNvbXBvbmVudHMuSWNvbkJ1dHRvbik7XG4gIGNvbnN0IFNlYXJjaCA9IHVzZVRoZW1lKCh0KSA9PiB0Lmljb25zLlNlYXJjaCk7XG4gIGNvbnN0IENsZWFyID0gdXNlVGhlbWUoKHQpID0+IHQuaWNvbnMuQ2xlYXIpO1xuXG4gIGNvbnN0IHsgdmFsdWUgPSAnJywgb25DaGFuZ2UgfSA9IHVzZUZpbHRlcih7XG4gICAgLi4ucHJvcHMsXG4gICAgZmlsdGVyQnksXG5cbiAgICBpZDogJ3RleHRGaWx0ZXInLFxuXG4gICAgaXNBY3RpdmUoZmlsdGVyVmFsdWUpIHtcbiAgICAgIHJldHVybiAhIWZpbHRlclZhbHVlO1xuICAgIH0sXG5cbiAgICB0ZXN0KGZpbHRlclZhbHVlLCB2YWx1ZSkge1xuICAgICAgcmV0dXJuIGNvbXBhcmUodmFsdWUsIGZpbHRlclZhbHVlKTtcbiAgICB9LFxuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17e1xuICAgICAgICBwYWRkaW5nOiBgY2FsYyh2YXIoLS1zcGFjaW5nKSAqIDIpYCxcbiAgICAgICAgZGlzcGxheTogJ2dyaWQnLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8QXV0b0ZvY3VzVGV4dEZpZWxkXG4gICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgb25DaGFuZ2U9eyhlKSA9PiBvbkNoYW5nZShlLnRhcmdldC52YWx1ZSl9XG4gICAgICAgIGVuZEljb249ezxJY29uQnV0dG9uIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlKCcnKX0+eyF2YWx1ZSA/IDxTZWFyY2ggLz4gOiA8Q2xlYXIgLz59PC9JY29uQnV0dG9uPn1cbiAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ== */"),
|
|
3194
3200
|
children: /* @__PURE__ */ jsxRuntime.jsx(AutoFocusTextField, {
|
|
3195
3201
|
value,
|
|
3196
3202
|
onChange: (e) => onChange(e.target.value),
|
|
3197
3203
|
endIcon: /* @__PURE__ */ jsxRuntime.jsx(IconButton2, {
|
|
3198
3204
|
onClick: () => onChange(""),
|
|
3199
3205
|
children: !value ? /* @__PURE__ */ jsxRuntime.jsx(Search2, {}) : /* @__PURE__ */ jsxRuntime.jsx(Clear2, {})
|
|
3200
|
-
})
|
|
3206
|
+
}),
|
|
3207
|
+
placeholder
|
|
3201
3208
|
})
|
|
3202
3209
|
});
|
|
3203
3210
|
}
|