schummar-table 0.17.1 → 0.18.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 +16 -12
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/tableTheme.js +4 -3
- package/dist/cjs/tableTheme.js.map +1 -1
- package/dist/es/index.js +16 -12
- package/dist/es/index.js.map +1 -1
- package/dist/es/tableTheme.js +4 -3
- package/dist/es/tableTheme.js.map +1 -1
- package/dist/types/types.d.ts +5 -0
- package/package.json +1 -1
package/dist/es/tableTheme.js
CHANGED
|
@@ -122,6 +122,7 @@ const Popover = ({
|
|
|
122
122
|
onClose,
|
|
123
123
|
children,
|
|
124
124
|
className,
|
|
125
|
+
backdropClassName,
|
|
125
126
|
align
|
|
126
127
|
}) => {
|
|
127
128
|
const popper = useRef(null);
|
|
@@ -185,7 +186,7 @@ const Popover = ({
|
|
|
185
186
|
if (!open)
|
|
186
187
|
return null;
|
|
187
188
|
return /* @__PURE__ */ jsx(PopoverContext.Provider, { value: context, children: createPortal(/* @__PURE__ */ jsxs(Fragment, { children: [
|
|
188
|
-
/* @__PURE__ */ jsx("div", { css: [{
|
|
189
|
+
/* @__PURE__ */ jsx("div", { className: backdropClassName, css: [{
|
|
189
190
|
position: "fixed",
|
|
190
191
|
left: 0,
|
|
191
192
|
right: 0,
|
|
@@ -194,7 +195,7 @@ const Popover = ({
|
|
|
194
195
|
zIndex: 1e3 + depth * 2
|
|
195
196
|
}, hidden && {
|
|
196
197
|
display: "none"
|
|
197
|
-
}, process.env.NODE_ENV === "production" ? "" : ";label:Popover;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
198
|
+
}, process.env.NODE_ENV === "production" ? "" : ";label:Popover;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3NjaHVtbWFyLXRhYmxlL3NjaHVtbWFyLXRhYmxlL3NyYy90aGVtZS9kZWZhdWx0VGhlbWUvcG9wb3Zlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUZZIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3NjaHVtbWFyLXRhYmxlL3NjaHVtbWFyLXRhYmxlL3NyYy90aGVtZS9kZWZhdWx0VGhlbWUvcG9wb3Zlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgY3JlYXRlQ29udGV4dCwgdXNlQ29udGV4dCwgdXNlTGF5b3V0RWZmZWN0LCB1c2VNZW1vLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSAncmVhY3QtZG9tJztcbmltcG9ydCB7IFRhYmxlVGhlbWUgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5pbXBvcnQgeyBkZWZhdWx0Q2xhc3NlcyB9IGZyb20gJy4vZGVmYXVsdENsYXNzZXMnO1xuXG5jb25zdCBNQVJHSU4gPSAxMDtcbmNvbnN0IE1BWF9PRkZTRVQgPSAyMDtcblxuZXhwb3J0IGNvbnN0IFBvcG92ZXJDb250ZXh0ID0gY3JlYXRlQ29udGV4dCh7IGRlcHRoOiAwLCB2aXNpYmxlOiBmYWxzZSB9KTtcblxuZXhwb3J0IGNvbnN0IFBvcG92ZXI6IFRhYmxlVGhlbWVbJ2NvbXBvbmVudHMnXVsnUG9wb3ZlciddID0gKHtcbiAgYW5jaG9yRWwsXG4gIG9wZW4sXG4gIGhpZGRlbixcbiAgb25DbG9zZSxcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgYmFja2Ryb3BDbGFzc05hbWUsXG4gIGFsaWduLFxufSkgPT4ge1xuICBjb25zdCBwb3BwZXIgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbcG9zaXRpb24sIHNldFBvc2l0aW9uXSA9IHVzZVN0YXRlPHsgbGVmdDogbnVtYmVyOyB0b3A6IG51bWJlciB9PigpO1xuXG4gIHVzZUxheW91dEVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFhbmNob3JFbCB8fCAhb3Blbikge1xuICAgICAgc2V0UG9zaXRpb24odW5kZWZpbmVkKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBsZXQgbGFzdDogeyBsZWZ0OiBudW1iZXI7IHRvcDogbnVtYmVyIH0gfCB1bmRlZmluZWQ7XG5cbiAgICBmdW5jdGlvbiBjaGVjaygpIHtcbiAgICAgIGlmICghYW5jaG9yRWwpIHJldHVybjtcbiAgICAgIGNvbnN0IHsgbGVmdDogYW5jaG9yTGVmdCwgYm90dG9tOiBhbmNob3JCb3R0b20sIHdpZHRoOiBhbmNob3JXaWR0aCB9ID0gYW5jaG9yRWwuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgICBjb25zdCB7IHdpZHRoOiBwb3BwZXJXaWR0aCA9IDAsIGhlaWdodDogcG9wcGVySGVpZ2h0ID0gMCB9ID0gcG9wcGVyLmN1cnJlbnQ/LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpID8/IHt9O1xuICAgICAgY29uc3Qgdmlld3BvcnRXaWR0aCA9IGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5jbGllbnRXaWR0aDtcbiAgICAgIGNvbnN0IHZpZXdwb3J0SGVpZ2h0ID0gZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmNsaWVudEhlaWdodDtcblxuICAgICAgY29uc3QgbmV4dCA9IHtcbiAgICAgICAgbGVmdDpcbiAgICAgICAgICBhbGlnbiA9PT0gJ2NlbnRlcidcbiAgICAgICAgICAgID8gYW5jaG9yTGVmdCArIGFuY2hvcldpZHRoIC8gMiAtIHBvcHBlcldpZHRoIC8gMlxuICAgICAgICAgICAgOiBhbmNob3JMZWZ0IC0gTWF0aC5taW4ocG9wcGVyV2lkdGggPyBwb3BwZXJXaWR0aCAvIDIgOiBJbmZpbml0eSwgTUFYX09GRlNFVCksXG4gICAgICAgIHRvcDogYW5jaG9yQm90dG9tLFxuICAgICAgfTtcblxuICAgICAgaWYgKG5leHQubGVmdCA8IE1BUkdJTikge1xuICAgICAgICBuZXh0LmxlZnQgPSBNQVJHSU47XG4gICAgICB9XG4gICAgICBpZiAobmV4dC5sZWZ0ICsgcG9wcGVyV2lkdGggPiB2aWV3cG9ydFdpZHRoIC0gTUFSR0lOKSB7XG4gICAgICAgIG5leHQubGVmdCA9IHZpZXdwb3J0V2lkdGggLSBNQVJHSU4gLSBwb3BwZXJXaWR0aDtcbiAgICAgIH1cbiAgICAgIGlmIChuZXh0LnRvcCA8IE1BUkdJTikge1xuICAgICAgICBuZXh0LnRvcCA9IE1BUkdJTjtcbiAgICAgIH1cbiAgICAgIGlmIChuZXh0LnRvcCArIHBvcHBlckhlaWdodCA+IHZpZXdwb3J0SGVpZ2h0IC0gTUFSR0lOKSB7XG4gICAgICAgIG5leHQudG9wID0gdmlld3BvcnRIZWlnaHQgLSBNQVJHSU4gLSBwb3BwZXJIZWlnaHQ7XG4gICAgICB9XG5cbiAgICAgIGlmIChuZXh0LmxlZnQgIT09IGxhc3Q/LmxlZnQgfHwgbmV4dC50b3AgIT09IGxhc3Q/LnRvcCkge1xuICAgICAgICBzZXRQb3NpdGlvbihuZXh0KTtcbiAgICAgIH1cblxuICAgICAgbGFzdCA9IG5leHQ7XG4gICAgfVxuICAgIGNoZWNrKCk7XG5cbiAgICBjb25zdCBoYW5kbGUgPSBzZXRJbnRlcnZhbChjaGVjaywgMTYpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBjbGVhckludGVydmFsKGhhbmRsZSk7XG4gICAgfTtcbiAgfSwgW2FuY2hvckVsLCBvcGVuXSk7XG5cbiAgY29uc3QgeyBkZXB0aCB9ID0gdXNlQ29udGV4dChQb3BvdmVyQ29udGV4dCk7XG4gIGNvbnN0IHZpc2libGUgPSAhaGlkZGVuICYmICEhcG9zaXRpb247XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VNZW1vKCgpID0+ICh7IGRlcHRoOiBkZXB0aCArIDEsIHZpc2libGUgfSksIFtkZXB0aCwgdmlzaWJsZV0pO1xuXG4gIGlmICghb3BlbikgcmV0dXJuIG51bGw7XG5cbiAgcmV0dXJuIChcbiAgICA8UG9wb3ZlckNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e2NvbnRleHR9PlxuICAgICAge2NyZWF0ZVBvcnRhbChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzc05hbWU9e2JhY2tkcm9wQ2xhc3NOYW1lfVxuICAgICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogJ2ZpeGVkJyxcbiAgICAgICAgICAgICAgICBsZWZ0OiAwLFxuICAgICAgICAgICAgICAgIHJpZ2h0OiAwLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgICBib3R0b206IDAsXG4gICAgICAgICAgICAgICAgekluZGV4OiAxMDAwICsgZGVwdGggKiAyLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBoaWRkZW4gJiYgeyBkaXNwbGF5OiAnbm9uZScgfSxcbiAgICAgICAgICAgIF19XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNsb3NlKCl9XG4gICAgICAgICAgLz5cblxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIHJlZj17cG9wcGVyfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgICBjc3M9e1tcbiAgICAgICAgICAgICAgZGVmYXVsdENsYXNzZXMuY2FyZCxcbiAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiAnZml4ZWQnLFxuICAgICAgICAgICAgICAgIG1heFdpZHRoOiBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xpZW50V2lkdGggLSAyICogTUFSR0lOLFxuICAgICAgICAgICAgICAgIG1heEhlaWdodDogZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmNsaWVudEhlaWdodCAtIDIgKiBNQVJHSU4sXG4gICAgICAgICAgICAgICAgLi4ucG9zaXRpb24sXG4gICAgICAgICAgICAgICAgekluZGV4OiAxMDAxICsgZGVwdGggKiAyLFxuICAgICAgICAgICAgICAgIG92ZXJmbG93WTogJ2F1dG8nLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBoaWRkZW4gJiYgeyBkaXNwbGF5OiAnbm9uZScgfSxcbiAgICAgICAgICAgICAgIXBvc2l0aW9uICYmIHsgdmlzaWJpbGl0eTogJ2hpZGRlbicgfSxcbiAgICAgICAgICAgIF19XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz4sXG4gICAgICAgIGRvY3VtZW50LmJvZHksXG4gICAgICApfVxuICAgIDwvUG9wb3ZlckNvbnRleHQuUHJvdmlkZXI+XG4gICk7XG59O1xuIl19 */"], onClick: () => onClose() }),
|
|
198
199
|
/* @__PURE__ */ jsx("div", { ref: popper, className, css: [defaultClasses.card, {
|
|
199
200
|
position: "fixed",
|
|
200
201
|
maxWidth: document.documentElement.clientWidth - 2 * MARGIN,
|
|
@@ -206,7 +207,7 @@ const Popover = ({
|
|
|
206
207
|
display: "none"
|
|
207
208
|
}, !position && {
|
|
208
209
|
visibility: "hidden"
|
|
209
|
-
}, process.env.NODE_ENV === "production" ? "" : ";label:Popover;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
210
|
+
}, process.env.NODE_ENV === "production" ? "" : ";label:Popover;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3NjaHVtbWFyLXRhYmxlL3NjaHVtbWFyLXRhYmxlL3NyYy90aGVtZS9kZWZhdWx0VGhlbWUvcG9wb3Zlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0dZIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3NjaHVtbWFyLXRhYmxlL3NjaHVtbWFyLXRhYmxlL3NyYy90aGVtZS9kZWZhdWx0VGhlbWUvcG9wb3Zlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgY3JlYXRlQ29udGV4dCwgdXNlQ29udGV4dCwgdXNlTGF5b3V0RWZmZWN0LCB1c2VNZW1vLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSAncmVhY3QtZG9tJztcbmltcG9ydCB7IFRhYmxlVGhlbWUgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5pbXBvcnQgeyBkZWZhdWx0Q2xhc3NlcyB9IGZyb20gJy4vZGVmYXVsdENsYXNzZXMnO1xuXG5jb25zdCBNQVJHSU4gPSAxMDtcbmNvbnN0IE1BWF9PRkZTRVQgPSAyMDtcblxuZXhwb3J0IGNvbnN0IFBvcG92ZXJDb250ZXh0ID0gY3JlYXRlQ29udGV4dCh7IGRlcHRoOiAwLCB2aXNpYmxlOiBmYWxzZSB9KTtcblxuZXhwb3J0IGNvbnN0IFBvcG92ZXI6IFRhYmxlVGhlbWVbJ2NvbXBvbmVudHMnXVsnUG9wb3ZlciddID0gKHtcbiAgYW5jaG9yRWwsXG4gIG9wZW4sXG4gIGhpZGRlbixcbiAgb25DbG9zZSxcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgYmFja2Ryb3BDbGFzc05hbWUsXG4gIGFsaWduLFxufSkgPT4ge1xuICBjb25zdCBwb3BwZXIgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbcG9zaXRpb24sIHNldFBvc2l0aW9uXSA9IHVzZVN0YXRlPHsgbGVmdDogbnVtYmVyOyB0b3A6IG51bWJlciB9PigpO1xuXG4gIHVzZUxheW91dEVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFhbmNob3JFbCB8fCAhb3Blbikge1xuICAgICAgc2V0UG9zaXRpb24odW5kZWZpbmVkKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBsZXQgbGFzdDogeyBsZWZ0OiBudW1iZXI7IHRvcDogbnVtYmVyIH0gfCB1bmRlZmluZWQ7XG5cbiAgICBmdW5jdGlvbiBjaGVjaygpIHtcbiAgICAgIGlmICghYW5jaG9yRWwpIHJldHVybjtcbiAgICAgIGNvbnN0IHsgbGVmdDogYW5jaG9yTGVmdCwgYm90dG9tOiBhbmNob3JCb3R0b20sIHdpZHRoOiBhbmNob3JXaWR0aCB9ID0gYW5jaG9yRWwuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgICBjb25zdCB7IHdpZHRoOiBwb3BwZXJXaWR0aCA9IDAsIGhlaWdodDogcG9wcGVySGVpZ2h0ID0gMCB9ID0gcG9wcGVyLmN1cnJlbnQ/LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpID8/IHt9O1xuICAgICAgY29uc3Qgdmlld3BvcnRXaWR0aCA9IGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5jbGllbnRXaWR0aDtcbiAgICAgIGNvbnN0IHZpZXdwb3J0SGVpZ2h0ID0gZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmNsaWVudEhlaWdodDtcblxuICAgICAgY29uc3QgbmV4dCA9IHtcbiAgICAgICAgbGVmdDpcbiAgICAgICAgICBhbGlnbiA9PT0gJ2NlbnRlcidcbiAgICAgICAgICAgID8gYW5jaG9yTGVmdCArIGFuY2hvcldpZHRoIC8gMiAtIHBvcHBlcldpZHRoIC8gMlxuICAgICAgICAgICAgOiBhbmNob3JMZWZ0IC0gTWF0aC5taW4ocG9wcGVyV2lkdGggPyBwb3BwZXJXaWR0aCAvIDIgOiBJbmZpbml0eSwgTUFYX09GRlNFVCksXG4gICAgICAgIHRvcDogYW5jaG9yQm90dG9tLFxuICAgICAgfTtcblxuICAgICAgaWYgKG5leHQubGVmdCA8IE1BUkdJTikge1xuICAgICAgICBuZXh0LmxlZnQgPSBNQVJHSU47XG4gICAgICB9XG4gICAgICBpZiAobmV4dC5sZWZ0ICsgcG9wcGVyV2lkdGggPiB2aWV3cG9ydFdpZHRoIC0gTUFSR0lOKSB7XG4gICAgICAgIG5leHQubGVmdCA9IHZpZXdwb3J0V2lkdGggLSBNQVJHSU4gLSBwb3BwZXJXaWR0aDtcbiAgICAgIH1cbiAgICAgIGlmIChuZXh0LnRvcCA8IE1BUkdJTikge1xuICAgICAgICBuZXh0LnRvcCA9IE1BUkdJTjtcbiAgICAgIH1cbiAgICAgIGlmIChuZXh0LnRvcCArIHBvcHBlckhlaWdodCA+IHZpZXdwb3J0SGVpZ2h0IC0gTUFSR0lOKSB7XG4gICAgICAgIG5leHQudG9wID0gdmlld3BvcnRIZWlnaHQgLSBNQVJHSU4gLSBwb3BwZXJIZWlnaHQ7XG4gICAgICB9XG5cbiAgICAgIGlmIChuZXh0LmxlZnQgIT09IGxhc3Q/LmxlZnQgfHwgbmV4dC50b3AgIT09IGxhc3Q/LnRvcCkge1xuICAgICAgICBzZXRQb3NpdGlvbihuZXh0KTtcbiAgICAgIH1cblxuICAgICAgbGFzdCA9IG5leHQ7XG4gICAgfVxuICAgIGNoZWNrKCk7XG5cbiAgICBjb25zdCBoYW5kbGUgPSBzZXRJbnRlcnZhbChjaGVjaywgMTYpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBjbGVhckludGVydmFsKGhhbmRsZSk7XG4gICAgfTtcbiAgfSwgW2FuY2hvckVsLCBvcGVuXSk7XG5cbiAgY29uc3QgeyBkZXB0aCB9ID0gdXNlQ29udGV4dChQb3BvdmVyQ29udGV4dCk7XG4gIGNvbnN0IHZpc2libGUgPSAhaGlkZGVuICYmICEhcG9zaXRpb247XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VNZW1vKCgpID0+ICh7IGRlcHRoOiBkZXB0aCArIDEsIHZpc2libGUgfSksIFtkZXB0aCwgdmlzaWJsZV0pO1xuXG4gIGlmICghb3BlbikgcmV0dXJuIG51bGw7XG5cbiAgcmV0dXJuIChcbiAgICA8UG9wb3ZlckNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e2NvbnRleHR9PlxuICAgICAge2NyZWF0ZVBvcnRhbChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzc05hbWU9e2JhY2tkcm9wQ2xhc3NOYW1lfVxuICAgICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogJ2ZpeGVkJyxcbiAgICAgICAgICAgICAgICBsZWZ0OiAwLFxuICAgICAgICAgICAgICAgIHJpZ2h0OiAwLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgICBib3R0b206IDAsXG4gICAgICAgICAgICAgICAgekluZGV4OiAxMDAwICsgZGVwdGggKiAyLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBoaWRkZW4gJiYgeyBkaXNwbGF5OiAnbm9uZScgfSxcbiAgICAgICAgICAgIF19XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNsb3NlKCl9XG4gICAgICAgICAgLz5cblxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIHJlZj17cG9wcGVyfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgICBjc3M9e1tcbiAgICAgICAgICAgICAgZGVmYXVsdENsYXNzZXMuY2FyZCxcbiAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiAnZml4ZWQnLFxuICAgICAgICAgICAgICAgIG1heFdpZHRoOiBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xpZW50V2lkdGggLSAyICogTUFSR0lOLFxuICAgICAgICAgICAgICAgIG1heEhlaWdodDogZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmNsaWVudEhlaWdodCAtIDIgKiBNQVJHSU4sXG4gICAgICAgICAgICAgICAgLi4ucG9zaXRpb24sXG4gICAgICAgICAgICAgICAgekluZGV4OiAxMDAxICsgZGVwdGggKiAyLFxuICAgICAgICAgICAgICAgIG92ZXJmbG93WTogJ2F1dG8nLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBoaWRkZW4gJiYgeyBkaXNwbGF5OiAnbm9uZScgfSxcbiAgICAgICAgICAgICAgIXBvc2l0aW9uICYmIHsgdmlzaWJpbGl0eTogJ2hpZGRlbicgfSxcbiAgICAgICAgICAgIF19XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz4sXG4gICAgICAgIGRvY3VtZW50LmJvZHksXG4gICAgICApfVxuICAgIDwvUG9wb3ZlckNvbnRleHQuUHJvdmlkZXI+XG4gICk7XG59O1xuIl19 */"], children })
|
|
210
211
|
] }), document.body) });
|
|
211
212
|
};
|
|
212
213
|
let globalTableTheme = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tableTheme.js","sources":["../../src/theme/defaultTheme/defaultClasses.ts","../../src/theme/defaultTheme/popover.tsx","../../src/theme/tableTheme.tsx"],"sourcesContent":["import { css } from '@emotion/react';\n\nexport const white = '#ffffff';\nexport const lightGray = '#eeeeee';\nexport const gray = '#bdbdbd';\nexport const darkGray = '#777';\n\nconst cell = css({\n padding: `calc(var(--spacing) * 0.1) calc(2 * var(--spacing))`,\n display: 'flex',\n alignItems: 'center',\n borderBottom: `1px solid #dfe2e9`,\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n background: 'white',\n});\n\nexport const defaultClasses = {\n table: css({\n position: 'relative',\n display: 'grid',\n }),\n\n cell,\n\n cellFill: css({\n borderBottom: `1px solid ${lightGray}`,\n }),\n\n headerCell: css(cell, {\n padding: `var(--spacing) 0 var(--spacing) calc(2 * var(--spacing))`,\n borderBottom: `1px solid #c9cfda`,\n }),\n\n footerCell: css(cell, {\n padding: `var(--spacing) calc(2 * var(--spacing))`,\n borderTop: `1px solid #c9cfda`,\n borderBottom: 'none',\n }),\n\n firstCell: css({\n justifyContent: 'start',\n }),\n\n sticky: css({\n position: 'sticky',\n top: 0,\n zIndex: 2,\n }),\n\n stickyBottom: css({\n position: 'sticky',\n bottom: 0,\n zIndex: 2,\n }),\n\n headerFill: css({\n borderBottom: `1px solid #c9cfda`,\n background: white,\n }),\n\n footerFill: css({\n borderTop: `1px solid #c9cfda`,\n background: white,\n }),\n\n text: css({\n minWidth: 0,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n }),\n\n card: css({\n borderRadius: 4,\n boxShadow: '0px 3px 14px 2px rgb(0 0 0 / 12%)',\n background: 'white',\n }),\n\n clearFiltersButton: css({\n padding: `0 calc(2 * var(--spacing))`,\n fontWeight: 'bold',\n position: 'sticky',\n left: 0,\n maxWidth: 'fit-content',\n gridColumn: '2/-1',\n button: {\n color: 'var(--primaryMain) !important',\n border: 'solid 1px',\n borderColor: 'var(--primaryMain) !important',\n margin: 'var(--spacing)',\n },\n }),\n};\n","import React, { createContext, useContext, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { TableTheme } from '../../types';\nimport { defaultClasses } from './defaultClasses';\n\nconst MARGIN = 10;\nconst MAX_OFFSET = 20;\n\nexport const PopoverContext = createContext({ depth: 0, visible: false });\n\nexport const Popover: TableTheme['components']['Popover'] = ({ anchorEl, open, hidden, onClose, children, className, align }) => {\n const popper = useRef<HTMLDivElement>(null);\n const [position, setPosition] = useState<{ left: number; top: number }>();\n\n useLayoutEffect(() => {\n if (!anchorEl || !open) {\n setPosition(undefined);\n return;\n }\n\n let last: { left: number; top: number } | undefined;\n\n function check() {\n if (!anchorEl) return;\n const { left: anchorLeft, bottom: anchorBottom, width: anchorWidth } = anchorEl.getBoundingClientRect();\n const { width: popperWidth = 0, height: popperHeight = 0 } = popper.current?.getBoundingClientRect() ?? {};\n const viewportWidth = document.documentElement.clientWidth;\n const viewportHeight = document.documentElement.clientHeight;\n\n const next = {\n left:\n align === 'center'\n ? anchorLeft + anchorWidth / 2 - popperWidth / 2\n : anchorLeft - Math.min(popperWidth ? popperWidth / 2 : Infinity, MAX_OFFSET),\n top: anchorBottom,\n };\n\n if (next.left < MARGIN) {\n next.left = MARGIN;\n }\n if (next.left + popperWidth > viewportWidth - MARGIN) {\n next.left = viewportWidth - MARGIN - popperWidth;\n }\n if (next.top < MARGIN) {\n next.top = MARGIN;\n }\n if (next.top + popperHeight > viewportHeight - MARGIN) {\n next.top = viewportHeight - MARGIN - popperHeight;\n }\n\n if (next.left !== last?.left || next.top !== last?.top) {\n setPosition(next);\n }\n\n last = next;\n }\n check();\n\n const handle = setInterval(check, 16);\n return () => {\n clearInterval(handle);\n };\n }, [anchorEl, open]);\n\n const { depth } = useContext(PopoverContext);\n const visible = !hidden && !!position;\n const context = useMemo(() => ({ depth: depth + 1, visible }), [depth, visible]);\n\n if (!open) return null;\n\n return (\n <PopoverContext.Provider value={context}>\n {createPortal(\n <>\n <div\n css={[\n {\n position: 'fixed',\n left: 0,\n right: 0,\n top: 0,\n bottom: 0,\n zIndex: 1000 + depth * 2,\n },\n hidden && { display: 'none' },\n ]}\n onClick={() => onClose()}\n />\n\n <div\n ref={popper}\n className={className}\n css={[\n defaultClasses.card,\n {\n position: 'fixed',\n maxWidth: document.documentElement.clientWidth - 2 * MARGIN,\n maxHeight: document.documentElement.clientHeight - 2 * MARGIN,\n ...position,\n zIndex: 1001 + depth * 2,\n overflowY: 'auto',\n },\n hidden && { display: 'none' },\n !position && { visibility: 'hidden' },\n ]}\n >\n {children}\n </div>\n </>,\n document.body,\n )}\n </PopoverContext.Provider>\n );\n};\n","import { createContext, ReactNode } from 'react';\nimport { PartialTableTheme } from '../types';\n\nexport let globalTableTheme: PartialTableTheme = {};\nexport function configureTableTheme(tableTheme: PartialTableTheme) {\n globalTableTheme = tableTheme;\n}\n\nexport const TableThemeContext = createContext<PartialTableTheme>({});\n\nexport function TableThemeProvider({ theme, children }: { theme: PartialTableTheme; children: ReactNode }) {\n return <TableThemeContext.Provider value={theme}>{children}</TableThemeContext.Provider>;\n}\n\nexport function mergeThemes<T>(...themes: PartialTableTheme<T>[]): PartialTableTheme<T> {\n return {\n text: Object.assign({}, ...themes.map((theme) => theme.text)),\n classes: Object.assign({}, ...themes.map((theme) => theme.classes)),\n components: Object.assign({}, ...themes.map((theme) => theme.components)),\n icons: Object.assign({}, ...themes.map((theme) => theme.icons)),\n colors: {\n primary: Object.assign({}, ...themes.map((theme) => theme.colors?.primary)),\n secondary: Object.assign({}, ...themes.map((theme) => theme.colors?.secondary)),\n },\n spacing: themes\n .map((theme) => theme.spacing)\n .reverse()\n .find((x) => x !== undefined),\n };\n}\n"],"names":["white","lightGray","gray","darkGray","cell","padding","display","alignItems","borderBottom","whiteSpace","overflow","background","defaultClasses","table","cellFill","headerCell","footerCell","borderTop","firstCell","sticky","stickyBottom","headerFill","footerFill","text","card","clearFiltersButton","fontWeight","position","left","maxWidth","gridColumn","button","color","border","borderColor","margin","MARGIN","MAX_OFFSET","PopoverContext","createContext","depth","visible","Popover","anchorEl","open","hidden","onClose","children","className","align","popper","useRef","setPosition","useState","useLayoutEffect","undefined","last","check","anchorLeft","bottom","anchorBottom","width","anchorWidth","getBoundingClientRect","popperWidth","height","popperHeight","current","viewportWidth","document","documentElement","clientWidth","viewportHeight","clientHeight","next","Math","min","Infinity","top","handle","setInterval","clearInterval","useContext","context","useMemo","createPortal","right","zIndex","maxHeight","overflowY","visibility","body","globalTableTheme","configureTableTheme","tableTheme","TableThemeContext","TableThemeProvider","theme","mergeThemes","themes","Object","assign","map","classes","components","icons","colors","primary","secondary","spacing","reverse","find","x"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"tableTheme.js","sources":["../../src/theme/defaultTheme/defaultClasses.ts","../../src/theme/defaultTheme/popover.tsx","../../src/theme/tableTheme.tsx"],"sourcesContent":["import { css } from '@emotion/react';\n\nexport const white = '#ffffff';\nexport const lightGray = '#eeeeee';\nexport const gray = '#bdbdbd';\nexport const darkGray = '#777';\n\nconst cell = css({\n padding: `calc(var(--spacing) * 0.1) calc(2 * var(--spacing))`,\n display: 'flex',\n alignItems: 'center',\n borderBottom: `1px solid #dfe2e9`,\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n background: 'white',\n});\n\nexport const defaultClasses = {\n table: css({\n position: 'relative',\n display: 'grid',\n }),\n\n cell,\n\n cellFill: css({\n borderBottom: `1px solid ${lightGray}`,\n }),\n\n headerCell: css(cell, {\n padding: `var(--spacing) 0 var(--spacing) calc(2 * var(--spacing))`,\n borderBottom: `1px solid #c9cfda`,\n }),\n\n footerCell: css(cell, {\n padding: `var(--spacing) calc(2 * var(--spacing))`,\n borderTop: `1px solid #c9cfda`,\n borderBottom: 'none',\n }),\n\n firstCell: css({\n justifyContent: 'start',\n }),\n\n sticky: css({\n position: 'sticky',\n top: 0,\n zIndex: 2,\n }),\n\n stickyBottom: css({\n position: 'sticky',\n bottom: 0,\n zIndex: 2,\n }),\n\n headerFill: css({\n borderBottom: `1px solid #c9cfda`,\n background: white,\n }),\n\n footerFill: css({\n borderTop: `1px solid #c9cfda`,\n background: white,\n }),\n\n text: css({\n minWidth: 0,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n }),\n\n card: css({\n borderRadius: 4,\n boxShadow: '0px 3px 14px 2px rgb(0 0 0 / 12%)',\n background: 'white',\n }),\n\n clearFiltersButton: css({\n padding: `0 calc(2 * var(--spacing))`,\n fontWeight: 'bold',\n position: 'sticky',\n left: 0,\n maxWidth: 'fit-content',\n gridColumn: '2/-1',\n button: {\n color: 'var(--primaryMain) !important',\n border: 'solid 1px',\n borderColor: 'var(--primaryMain) !important',\n margin: 'var(--spacing)',\n },\n }),\n};\n","import React, { createContext, useContext, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { TableTheme } from '../../types';\nimport { defaultClasses } from './defaultClasses';\n\nconst MARGIN = 10;\nconst MAX_OFFSET = 20;\n\nexport const PopoverContext = createContext({ depth: 0, visible: false });\n\nexport const Popover: TableTheme['components']['Popover'] = ({\n anchorEl,\n open,\n hidden,\n onClose,\n children,\n className,\n backdropClassName,\n align,\n}) => {\n const popper = useRef<HTMLDivElement>(null);\n const [position, setPosition] = useState<{ left: number; top: number }>();\n\n useLayoutEffect(() => {\n if (!anchorEl || !open) {\n setPosition(undefined);\n return;\n }\n\n let last: { left: number; top: number } | undefined;\n\n function check() {\n if (!anchorEl) return;\n const { left: anchorLeft, bottom: anchorBottom, width: anchorWidth } = anchorEl.getBoundingClientRect();\n const { width: popperWidth = 0, height: popperHeight = 0 } = popper.current?.getBoundingClientRect() ?? {};\n const viewportWidth = document.documentElement.clientWidth;\n const viewportHeight = document.documentElement.clientHeight;\n\n const next = {\n left:\n align === 'center'\n ? anchorLeft + anchorWidth / 2 - popperWidth / 2\n : anchorLeft - Math.min(popperWidth ? popperWidth / 2 : Infinity, MAX_OFFSET),\n top: anchorBottom,\n };\n\n if (next.left < MARGIN) {\n next.left = MARGIN;\n }\n if (next.left + popperWidth > viewportWidth - MARGIN) {\n next.left = viewportWidth - MARGIN - popperWidth;\n }\n if (next.top < MARGIN) {\n next.top = MARGIN;\n }\n if (next.top + popperHeight > viewportHeight - MARGIN) {\n next.top = viewportHeight - MARGIN - popperHeight;\n }\n\n if (next.left !== last?.left || next.top !== last?.top) {\n setPosition(next);\n }\n\n last = next;\n }\n check();\n\n const handle = setInterval(check, 16);\n return () => {\n clearInterval(handle);\n };\n }, [anchorEl, open]);\n\n const { depth } = useContext(PopoverContext);\n const visible = !hidden && !!position;\n const context = useMemo(() => ({ depth: depth + 1, visible }), [depth, visible]);\n\n if (!open) return null;\n\n return (\n <PopoverContext.Provider value={context}>\n {createPortal(\n <>\n <div\n className={backdropClassName}\n css={[\n {\n position: 'fixed',\n left: 0,\n right: 0,\n top: 0,\n bottom: 0,\n zIndex: 1000 + depth * 2,\n },\n hidden && { display: 'none' },\n ]}\n onClick={() => onClose()}\n />\n\n <div\n ref={popper}\n className={className}\n css={[\n defaultClasses.card,\n {\n position: 'fixed',\n maxWidth: document.documentElement.clientWidth - 2 * MARGIN,\n maxHeight: document.documentElement.clientHeight - 2 * MARGIN,\n ...position,\n zIndex: 1001 + depth * 2,\n overflowY: 'auto',\n },\n hidden && { display: 'none' },\n !position && { visibility: 'hidden' },\n ]}\n >\n {children}\n </div>\n </>,\n document.body,\n )}\n </PopoverContext.Provider>\n );\n};\n","import { createContext, ReactNode } from 'react';\nimport { PartialTableTheme } from '../types';\n\nexport let globalTableTheme: PartialTableTheme = {};\nexport function configureTableTheme(tableTheme: PartialTableTheme) {\n globalTableTheme = tableTheme;\n}\n\nexport const TableThemeContext = createContext<PartialTableTheme>({});\n\nexport function TableThemeProvider({ theme, children }: { theme: PartialTableTheme; children: ReactNode }) {\n return <TableThemeContext.Provider value={theme}>{children}</TableThemeContext.Provider>;\n}\n\nexport function mergeThemes<T>(...themes: PartialTableTheme<T>[]): PartialTableTheme<T> {\n return {\n text: Object.assign({}, ...themes.map((theme) => theme.text)),\n classes: Object.assign({}, ...themes.map((theme) => theme.classes)),\n components: Object.assign({}, ...themes.map((theme) => theme.components)),\n icons: Object.assign({}, ...themes.map((theme) => theme.icons)),\n colors: {\n primary: Object.assign({}, ...themes.map((theme) => theme.colors?.primary)),\n secondary: Object.assign({}, ...themes.map((theme) => theme.colors?.secondary)),\n },\n spacing: themes\n .map((theme) => theme.spacing)\n .reverse()\n .find((x) => x !== undefined),\n };\n}\n"],"names":["white","lightGray","gray","darkGray","cell","padding","display","alignItems","borderBottom","whiteSpace","overflow","background","defaultClasses","table","cellFill","headerCell","footerCell","borderTop","firstCell","sticky","stickyBottom","headerFill","footerFill","text","card","clearFiltersButton","fontWeight","position","left","maxWidth","gridColumn","button","color","border","borderColor","margin","MARGIN","MAX_OFFSET","PopoverContext","createContext","depth","visible","Popover","anchorEl","open","hidden","onClose","children","className","backdropClassName","align","popper","useRef","setPosition","useState","useLayoutEffect","undefined","last","check","anchorLeft","bottom","anchorBottom","width","anchorWidth","getBoundingClientRect","popperWidth","height","popperHeight","current","viewportWidth","document","documentElement","clientWidth","viewportHeight","clientHeight","next","Math","min","Infinity","top","handle","setInterval","clearInterval","useContext","context","useMemo","createPortal","right","zIndex","maxHeight","overflowY","visibility","body","globalTableTheme","configureTableTheme","tableTheme","TableThemeContext","TableThemeProvider","theme","mergeThemes","themes","Object","assign","map","classes","components","icons","colors","primary","secondary","spacing","reverse","find","x"],"mappings":";;;;;;;AAEO,MAAMA,QAAQ;AACd,MAAMC,YAAY;AAClB,MAAMC,OAAO;AACb,MAAMC,WAAW;AAExB,MAAMC,OAAW,oBAAA;AAAA,EACfC,SAAU;AAAA,EACVC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,cAAe;AAAA,EACfC,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,YAAY;AACd,GAAE,QAAA,IAAA,aAAA,eAAA,KAAA,gBAAA,QAAA,IAAA,aAAA,eAAA,KAAA,68FAAA;AAEK,MAAMC,iBAAiB;AAAA,EAC5BC,OAAK,QAAA,IAAA,aAAA,eAAA;AAAA,IAAA,MAAA;AAAA,IAAA,QAAA;AAAA,EAAA,IAAA;AAAA,IAAA,MAAA;AAAA,IAAA,QAAA;AAAA,IAAA,KAAA;AAAA,IAAA,UAAA;AAAA,EAAA;AAAA,EAKLT;AAAAA,EAEAU,UAAc,oBAAA;AAAA,IACZN,cAAe,aAAYP;AAAAA,EAC3B,GAAA,QAAA,IAAA,aAAA,eAAA,KAAA,oBAAA,QAAA,IAAA,aAAA,eAAA,KAAA,68FAAA;AAAA,EAEFc,gCAAgBX,MAAM;AAAA,IACpBC,SAAU;AAAA,IACVG,cAAe;AAAA,EACf,GAAA,QAAA,IAAA,aAAA,eAAA,KAAA,sBAAA,QAAA,IAAA,aAAA,eAAA,KAAA,68FAAA;AAAA,EAEFQ,gCAAgBZ,MAAM;AAAA,IACpBC,SAAU;AAAA,IACVY,WAAY;AAAA,IACZT,cAAc;AAAA,EACd,GAAA,QAAA,IAAA,aAAA,eAAA,KAAA,sBAAA,QAAA,IAAA,aAAA,eAAA,KAAA,68FAAA;AAAA,EAEFU,WAAS,QAAA,IAAA,aAAA,eAAA;AAAA,IAAA,MAAA;AAAA,IAAA,QAAA;AAAA,EAAA,IAAA;AAAA,IAAA,MAAA;AAAA,IAAA,QAAA;AAAA,IAAA,KAAA;AAAA,IAAA,UAAA;AAAA,EAAA;AAAA,EAITC,QAAM,QAAA,IAAA,aAAA,eAAA;AAAA,IAAA,MAAA;AAAA,IAAA,QAAA;AAAA,EAAA,IAAA;AAAA,IAAA,MAAA;AAAA,IAAA,QAAA;AAAA,IAAA,KAAA;AAAA,IAAA,UAAA;AAAA,EAAA;AAAA,EAMNC,cAAY,QAAA,IAAA,aAAA,eAAA;AAAA,IAAA,MAAA;AAAA,IAAA,QAAA;AAAA,EAAA,IAAA;AAAA,IAAA,MAAA;AAAA,IAAA,QAAA;AAAA,IAAA,KAAA;AAAA,IAAA,UAAA;AAAA,EAAA;AAAA,EAMZC,YAAgB,oBAAA;AAAA,IACdb,cAAe;AAAA,IACfG,YAAYX;AAAAA,EACZ,GAAA,QAAA,IAAA,aAAA,eAAA,KAAA,sBAAA,QAAA,IAAA,aAAA,eAAA,KAAA,68FAAA;AAAA,EAEFsB,YAAgB,oBAAA;AAAA,IACdL,WAAY;AAAA,IACZN,YAAYX;AAAAA,EACZ,GAAA,QAAA,IAAA,aAAA,eAAA,KAAA,sBAAA,QAAA,IAAA,aAAA,eAAA,KAAA,68FAAA;AAAA,EAEFuB,MAAI,QAAA,IAAA,aAAA,eAAA;AAAA,IAAA,MAAA;AAAA,IAAA,QAAA;AAAA,EAAA,IAAA;AAAA,IAAA,MAAA;AAAA,IAAA,QAAA;AAAA,IAAA,KAAA;AAAA,IAAA,UAAA;AAAA,EAAA;AAAA,EAMJC,MAAI,QAAA,IAAA,aAAA,eAAA;AAAA,IAAA,MAAA;AAAA,IAAA,QAAA;AAAA,EAAA,IAAA;AAAA,IAAA,MAAA;AAAA,IAAA,QAAA;AAAA,IAAA,KAAA;AAAA,IAAA,UAAA;AAAA,EAAA;AAAA,EAMJC,oBAAwB,oBAAA;AAAA,IACtBpB,SAAU;AAAA,IACVqB,YAAY;AAAA,IACZC,UAAU;AAAA,IACVC,MAAM;AAAA,IACNC,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,QAAQ;AAAA,MACNC,OAAO;AAAA,MACPC,QAAQ;AAAA,MACRC,aAAa;AAAA,MACbC,QAAQ;AAAA,IACV;AAAA,EACD,GAAA,QAAA,IAAA,aAAA,eAAA,KAAA,8BAAA,QAAA,IAAA,aAAA,eAAA,KAAA,i9FAAA;AACH;ACvFA,MAAMC,SAAS;AACf,MAAMC,aAAa;AAEZ,MAAMC,iBAAiBC,cAAc;AAAA,EAAEC,OAAO;AAAA,EAAGC,SAAS;AAAM,CAAC;AAEjE,MAAMC,UAA+C,CAAC;AAAA,EAC3DC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACF,MAAM;AACEC,QAAAA,SAASC,OAAuB,IAAI;AAC1C,QAAM,CAACzB,UAAU0B,WAAW,IAAIC,SAAyC;AAEzEC,kBAAgB,MAAM;AAChB,QAAA,CAACZ,YAAY,CAACC,MAAM;AACtBS,kBAAYG,MAAS;AACrB;AAAA,IACF;AAEIC,QAAAA;AAEJ,aAASC,QAAQ;;AACf,UAAI,CAACf;AAAU;AACT,YAAA;AAAA,QAAEf,MAAM+B;AAAAA,QAAYC,QAAQC;AAAAA,QAAcC,OAAOC;AAAAA,MAAAA,IAAgBpB,SAASqB;AAC1E,YAAA;AAAA,QAAEF,OAAOG,cAAc;AAAA,QAAGC,QAAQC,eAAe;AAAA,MAAMhB,MAAAA,YAAOiB,YAAPjB,mBAAgBa,4BAA2B,CAAA;AAClGK,YAAAA,gBAAgBC,SAASC,gBAAgBC;AACzCC,YAAAA,iBAAiBH,SAASC,gBAAgBG;AAEhD,YAAMC,OAAO;AAAA,QACX/C,MACEsB,UAAU,WACNS,aAAaI,cAAc,IAAIE,cAAc,IAC7CN,aAAaiB,KAAKC,IAAIZ,cAAcA,cAAc,IAAIa,UAAUzC,UAAU;AAAA,QAChF0C,KAAKlB;AAAAA,MAAAA;AAGHc,UAAAA,KAAK/C,OAAOQ,QAAQ;AACtBuC,aAAK/C,OAAOQ;AAAAA,MACd;AACA,UAAIuC,KAAK/C,OAAOqC,cAAcI,gBAAgBjC,QAAQ;AAC/CR,aAAAA,OAAOyC,gBAAgBjC,SAAS6B;AAAAA,MACvC;AACIU,UAAAA,KAAKI,MAAM3C,QAAQ;AACrBuC,aAAKI,MAAM3C;AAAAA,MACb;AACA,UAAIuC,KAAKI,MAAMZ,eAAeM,iBAAiBrC,QAAQ;AAChD2C,aAAAA,MAAMN,iBAAiBrC,SAAS+B;AAAAA,MACvC;AAEA,UAAIQ,KAAK/C,UAAS6B,6BAAM7B,SAAQ+C,KAAKI,SAAQtB,6BAAMsB,MAAK;AACtD1B,oBAAYsB,IAAI;AAAA,MAClB;AAEOA,aAAAA;AAAAA,IACT;AACO;AAEDK,UAAAA,SAASC,YAAYvB,OAAO,EAAE;AACpC,WAAO,MAAM;AACXwB,oBAAcF,MAAM;AAAA,IAAA;AAAA,EACtB,GACC,CAACrC,UAAUC,IAAI,CAAC;AAEb,QAAA;AAAA,IAAEJ;AAAAA,EAAAA,IAAU2C,WAAW7C,cAAc;AAC3C,QAAMG,UAAU,CAACI,UAAU,CAAC,CAAClB;AACvByD,QAAAA,UAAUC,QAAQ,OAAO;AAAA,IAAE7C,OAAOA,QAAQ;AAAA,IAAGC;AAAAA,EAAY,IAAA,CAACD,OAAOC,OAAO,CAAC;AAE/E,MAAI,CAACG;AAAa,WAAA;AAElB,6BACG,eAAe,UAAf,EAAwB,OAAOwC,SAC7BE,uBAEG,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,oBAAC,OACC,EAAA,WAAWrC,mBACX,KACE,CAAA;AAAA,MACEtB,UAAU;AAAA,MACVC,MAAM;AAAA,MACN2D,OAAO;AAAA,MACPR,KAAK;AAAA,MACLnB,QAAQ;AAAA,MACR4B,QAAQ,MAAOhD,QAAQ;AAAA,OAEzBK,UAAU;AAAA,MAAEvC,SAAS;AAAA,IAAA,GAAQ,QAAA,IAAA,aAAA,eAAA,KAAA,mBAAA,QAAA,IAAA,aAAA,eAAA,KAAA,iqKAAA,GAE/B,SAAS,MAAMwC,WAAU;AAAA,IAG3B,oBAAC,SACC,KAAKK,QACL,WACA,KACEvC,CAAAA,eAAeY,MACf;AAAA,MACEG,UAAU;AAAA,MACVE,UAAUyC,SAASC,gBAAgBC,cAAc,IAAIpC;AAAAA,MACrDqD,WAAWnB,SAASC,gBAAgBG,eAAe,IAAItC;AAAAA,MACvD,GAAGT;AAAAA,MACH6D,QAAQ,OAAOhD,QAAQ;AAAA,MACvBkD,WAAW;AAAA,OAEb7C,UAAU;AAAA,MAAEvC,SAAS;AAAA,IAAO,GAC5B,CAACqB,YAAY;AAAA,MAAEgE,YAAY;AAAA,IAAA,GAC3B,QAAA,IAAA,aAAA,eAAA,KAAA,mBAAA,QAAA,IAAA,aAAA,eAAA,KAAA,iqKAAA,GAED5C,SACH,CAAA;AAAA,EACF,EAAA,CAAA,GACAuB,SAASsB,IAAI,EAEjB,CAAA;AAEJ;ACxHO,IAAIC,mBAAsC,CAAC;AAC3C,SAASC,oBAAoBC,YAA+B;AAC9CA,qBAAAA;AACrB;AAEaC,MAAAA,oBAAoBzD,cAAiC,EAAE;AAE7D,SAAS0D,mBAAmB;AAAA,EAAEC;AAAAA,EAAOnD;AAA4D,GAAG;AACzG,6BAAQ,kBAAkB,UAAlB,EAA2B,OAAOmD,OAAQnD,SAAS,CAAA;AAC7D;AAEO,SAASoD,eAAkBC,QAAsD;AAC/E,SAAA;AAAA,IACL7E,MAAM8E,OAAOC,OAAO,CAAA,GAAI,GAAGF,OAAOG,IAAKL,CAAAA,UAAUA,MAAM3E,IAAI,CAAC;AAAA,IAC5DiF,SAASH,OAAOC,OAAO,CAAA,GAAI,GAAGF,OAAOG,IAAKL,CAAAA,UAAUA,MAAMM,OAAO,CAAC;AAAA,IAClEC,YAAYJ,OAAOC,OAAO,CAAA,GAAI,GAAGF,OAAOG,IAAKL,CAAAA,UAAUA,MAAMO,UAAU,CAAC;AAAA,IACxEC,OAAOL,OAAOC,OAAO,CAAA,GAAI,GAAGF,OAAOG,IAAKL,CAAAA,UAAUA,MAAMQ,KAAK,CAAC;AAAA,IAC9DC,QAAQ;AAAA,MACNC,SAASP,OAAOC,OAAO,CAAA,GAAI,GAAGF,OAAOG,IAAKL,CAAUA,UAAAA;;AAAAA,2BAAMS,WAANT,mBAAcU;AAAAA,OAAO,CAAC;AAAA,MAC1EC,WAAWR,OAAOC,OAAO,CAAA,GAAI,GAAGF,OAAOG,IAAKL,CAAUA,UAAAA;;AAAAA,2BAAMS,WAANT,mBAAcW;AAAAA,OAAS,CAAC;AAAA,IAChF;AAAA,IACAC,SAASV,OACNG,IAAKL,CAAAA,UAAUA,MAAMY,OAAO,EAC5BC,QAAAA,EACAC,KAAMC,CAAMA,MAAAA,MAAMzD,MAAS;AAAA,EAAA;AAElC;"}
|
package/dist/types/types.d.ts
CHANGED
|
@@ -72,6 +72,7 @@ export interface TableTheme<T = unknown> {
|
|
|
72
72
|
onClose: () => void;
|
|
73
73
|
children: ReactNode;
|
|
74
74
|
className?: string;
|
|
75
|
+
backdropClassName?: string;
|
|
75
76
|
align?: 'center' | 'left';
|
|
76
77
|
}>;
|
|
77
78
|
Badge: ComponentType<{
|
|
@@ -326,6 +327,10 @@ export type CommonFilterProps<T, V, F, S extends SerializableValue> = {
|
|
|
326
327
|
* @default true
|
|
327
328
|
*/
|
|
328
329
|
persist?: boolean;
|
|
330
|
+
classNames?: {
|
|
331
|
+
popover?: string;
|
|
332
|
+
popoverBackdrop?: string;
|
|
333
|
+
};
|
|
329
334
|
};
|
|
330
335
|
export type FilterImplementation<T, V, F, S extends SerializableValue> = CommonFilterProps<T, V, F, S> & {
|
|
331
336
|
/** Unique filter id. Used to persist filter values. */
|