@stereopt/data-table 0.1.11 → 0.1.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +26 -2
- package/dist/index.js +26 -2
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -138,6 +138,23 @@ function Input({ className, type, ...props }) {
|
|
|
138
138
|
);
|
|
139
139
|
}
|
|
140
140
|
|
|
141
|
+
// src/dataTable/filters/DataTableFilter.tsx
|
|
142
|
+
var DataTableFilter = ({
|
|
143
|
+
table,
|
|
144
|
+
filter
|
|
145
|
+
}) => {
|
|
146
|
+
switch (filter.type) {
|
|
147
|
+
case "select": {
|
|
148
|
+
throw Error("Select Filter not implemented yet");
|
|
149
|
+
}
|
|
150
|
+
case "date": {
|
|
151
|
+
throw Error("Date Filter not implemented yet");
|
|
152
|
+
}
|
|
153
|
+
default:
|
|
154
|
+
throw new Error("Type not Implemented", filter.type);
|
|
155
|
+
}
|
|
156
|
+
};
|
|
157
|
+
|
|
141
158
|
// src/dataTable/DataTableControls.tsx
|
|
142
159
|
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
143
160
|
var DataTableControls = ({
|
|
@@ -147,7 +164,7 @@ var DataTableControls = ({
|
|
|
147
164
|
}) => {
|
|
148
165
|
const value = table.getState().globalFilter ?? "";
|
|
149
166
|
const setValue = table.setGlobalFilter;
|
|
150
|
-
if (!filters
|
|
167
|
+
if (!filters && !search) return null;
|
|
151
168
|
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center gap-4 pb-4", children: [
|
|
152
169
|
search && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
153
170
|
Input,
|
|
@@ -159,7 +176,14 @@ var DataTableControls = ({
|
|
|
159
176
|
}
|
|
160
177
|
),
|
|
161
178
|
filters?.map((filter) => {
|
|
162
|
-
return
|
|
179
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
180
|
+
DataTableFilter,
|
|
181
|
+
{
|
|
182
|
+
filter,
|
|
183
|
+
table
|
|
184
|
+
},
|
|
185
|
+
filter.column.toString()
|
|
186
|
+
);
|
|
163
187
|
})
|
|
164
188
|
] });
|
|
165
189
|
};
|
package/dist/index.js
CHANGED
|
@@ -107,6 +107,23 @@ function Input({ className, type, ...props }) {
|
|
|
107
107
|
);
|
|
108
108
|
}
|
|
109
109
|
|
|
110
|
+
// src/dataTable/filters/DataTableFilter.tsx
|
|
111
|
+
var DataTableFilter = ({
|
|
112
|
+
table,
|
|
113
|
+
filter
|
|
114
|
+
}) => {
|
|
115
|
+
switch (filter.type) {
|
|
116
|
+
case "select": {
|
|
117
|
+
throw Error("Select Filter not implemented yet");
|
|
118
|
+
}
|
|
119
|
+
case "date": {
|
|
120
|
+
throw Error("Date Filter not implemented yet");
|
|
121
|
+
}
|
|
122
|
+
default:
|
|
123
|
+
throw new Error("Type not Implemented", filter.type);
|
|
124
|
+
}
|
|
125
|
+
};
|
|
126
|
+
|
|
110
127
|
// src/dataTable/DataTableControls.tsx
|
|
111
128
|
import { jsx as jsx3, jsxs } from "react/jsx-runtime";
|
|
112
129
|
var DataTableControls = ({
|
|
@@ -116,7 +133,7 @@ var DataTableControls = ({
|
|
|
116
133
|
}) => {
|
|
117
134
|
const value = table.getState().globalFilter ?? "";
|
|
118
135
|
const setValue = table.setGlobalFilter;
|
|
119
|
-
if (!filters
|
|
136
|
+
if (!filters && !search) return null;
|
|
120
137
|
return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 pb-4", children: [
|
|
121
138
|
search && /* @__PURE__ */ jsx3(
|
|
122
139
|
Input,
|
|
@@ -128,7 +145,14 @@ var DataTableControls = ({
|
|
|
128
145
|
}
|
|
129
146
|
),
|
|
130
147
|
filters?.map((filter) => {
|
|
131
|
-
return
|
|
148
|
+
return /* @__PURE__ */ jsx3(
|
|
149
|
+
DataTableFilter,
|
|
150
|
+
{
|
|
151
|
+
filter,
|
|
152
|
+
table
|
|
153
|
+
},
|
|
154
|
+
filter.column.toString()
|
|
155
|
+
);
|
|
132
156
|
})
|
|
133
157
|
] });
|
|
134
158
|
};
|