@ogcio/design-system-react 1.22.0 → 1.22.1

package/dist/data-table/data-table-header.d.ts

@@ -11,7 +11,6 @@ export declare const DataTableHeader: React.FC<DataTableHeaderProps>;
 export declare const DataTableHeaderSearch: React.FC<DataTableHeaderTypeProps>;
 export declare const DataTableHeaderActions: React.FC<DataTableHeaderTypeProps>;
 export declare const DataTableHeaderFilter: React.FC<DataTableHeaderTypeProps>;
-export declare const DataTableHeaderFilterTitle: React.FC<DataTableHeaderTypeProps>;
 export declare const DataTableHeaderFilterContent: React.FC<DataTableHeaderTypeProps>;
 export declare const DataTableHeaderFilterContentTitle: React.FC<DataTableHeaderTypeProps>;
 export declare const DataTableHeaderFilterActions: React.FC<DataTableHeaderTypeProps>;

package/dist/data-table/data-table-header.js

@@ -1,87 +1,75 @@
-import { jsxs as c, jsx as l } from "react/jsx-runtime";
-import { useMemo as A, Children as C, isValidElement as x } from "react";
-import { Button as L } from "../button/button.js";
-import { Chip as S } from "../chip/chip.js";
-import { cn as r } from "../cn.js";
-import { Heading as V } from "../heading/heading.js";
-import { translate as h } from "../i18n/utility.js";
-const d = (e, a) => x(e) && e.type === a, g = ({
+import { jsxs as o, jsx as l } from "react/jsx-runtime";
+import { useMemo as O, Children as P, isValidElement as C } from "react";
+import { Button as x } from "../button/button.js";
+import { Chip as L } from "../chip/chip.js";
+import { cn as i } from "../cn.js";
+import { translate as g } from "../i18n/utility.js";
+const d = (e, a) => C(e) && e.type === a, h = ({
   children: e,
   className: a,
   showHeader: t = !0,
   showFilter: s = !0,
-  ...o
+  ...c
 }) => {
-  const { search: n, filter: O, filterList: f, actions: P } = A(() => {
-    let u = null, H = null, y = null, D = null;
-    return C.forEach(e, (i) => {
-      d(i, p) ? u = i : d(i, m) ? H = i : d(i, T) ? y = i : d(i, b) && (D = i);
-    }), { search: u, filter: H, filterList: y, actions: D };
+  const { search: n, filter: j, filterList: u, actions: A } = O(() => {
+    let f = null, H = null, y = null, D = null;
+    return P.forEach(e, (r) => {
+      d(r, p) ? f = r : d(r, m) ? H = r : d(r, T) ? y = r : d(r, b) && (D = r);
+    }), { search: f, filter: H, filterList: y, actions: D };
   }, [e]);
-  return /* @__PURE__ */ c("div", { ...o, className: r("gi-data-table-header", a), children: [
-    t && /* @__PURE__ */ c("div", { className: "gi-flex gi-flex-1 gi-gap-4 gi-items-center", children: [
+  return /* @__PURE__ */ o("div", { ...c, className: i("gi-data-table-header", a), children: [
+    t && /* @__PURE__ */ o("div", { className: "gi-flex gi-flex-1 gi-gap-4 gi-items-center", children: [
       n,
-      O,
-      P
+      j,
+      A
     ] }),
-    f && s && /* @__PURE__ */ l("div", { className: "gi-w-full", children: f })
+    u && s && /* @__PURE__ */ l("div", { className: "gi-w-full", children: u })
   ] });
 }, p = ({
   children: e,
   className: a,
   ...t
-}) => /* @__PURE__ */ l("div", { className: r("gi-data-table-header-search", a), ...t, children: e }), b = ({
+}) => /* @__PURE__ */ l("div", { className: i("gi-data-table-header-search", a), ...t, children: e }), b = ({
   children: e,
   className: a,
   ...t
-}) => /* @__PURE__ */ l("div", { className: r("gi-data-table-header-actions", a), ...t, children: e }), m = ({
+}) => /* @__PURE__ */ l("div", { className: i("gi-data-table-header-actions", a), ...t, children: e }), m = ({
   children: e,
   className: a,
   ...t
-}) => /* @__PURE__ */ l("div", { className: r("gi-data-table-header-filter", a), ...t, children: e }), N = ({
-  children: e,
-  className: a,
-  ...t
-}) => /* @__PURE__ */ l(
+}) => /* @__PURE__ */ l("div", { className: i("gi-data-table-header-filter", a), ...t, children: e }), N = ({ children: e, className: a, ...t }) => /* @__PURE__ */ l(
   "div",
   {
-    className: r("gi-data-table-header-filter-title", a),
+    className: i("gi-data-table-header-filter-content", a),
     ...t,
-    children: /* @__PURE__ */ l(V, { as: "h6", children: e })
+    children: e
   }
 ), F = ({ children: e, className: a, ...t }) => /* @__PURE__ */ l(
   "div",
   {
-    className: r("gi-data-table-header-filter-content", a),
+    className: i("gi-data-table-header-filter-content-title", a),
     ...t,
     children: e
   }
 ), v = ({ children: e, className: a, ...t }) => /* @__PURE__ */ l(
   "div",
   {
-    className: r("gi-data-table-header-filter-content-title", a),
-    ...t,
-    children: e
-  }
-), j = ({ children: e, className: a, ...t }) => /* @__PURE__ */ l(
-  "div",
-  {
-    className: r("gi-data-table-header-filter-actions", a),
+    className: i("gi-data-table-header-filter-actions", a),
     ...t,
     children: e
   }
-), T = ({ filters: e, onRemove: a, onClear: t, className: s, ...o }) => !e || e.length === 0 ? null : /* @__PURE__ */ c(
+), T = ({ filters: e, onRemove: a, onClear: t, className: s, ...c }) => !e || e.length === 0 ? null : /* @__PURE__ */ o(
   "div",
   {
-    className: r("gi-data-table-header-filter-list", s),
-    ...o,
+    className: i("gi-data-table-header-filter-list", s),
+    ...c,
     children: [
-      /* @__PURE__ */ l("span", { className: "gi-text-sm", children: h("dataTableHeader.filtersApplied", {
+      /* @__PURE__ */ l("span", { className: "gi-text-sm", children: g("dataTableHeader.filtersApplied", {
         length: e.length,
         defaultValue: `Filters applied ${e.length}:`
       }) }),
       e.map((n) => /* @__PURE__ */ l(
-        S,
+        L,
         {
           onClose: () => a == null ? void 0 : a(n.id),
           label: n.label
@@ -89,7 +77,7 @@ const d = (e, a) => x(e) && e.type === a, g = ({
         n.id
       )),
       /* @__PURE__ */ l(
-        L,
+        x,
         {
           appearance: "dark",
           size: "medium",
@@ -97,7 +85,7 @@ const d = (e, a) => x(e) && e.type === a, g = ({
           onClick: () => {
             t == null || t();
           },
-          children: h("dataTableHeader.clearAllFilters", {
+          children: g("dataTableHeader.clearAllFilters", {
             defaultValue: "Clear all filters"
           })
         }
@@ -105,16 +93,15 @@ const d = (e, a) => x(e) && e.type === a, g = ({
     ]
   }
 );
-g.displayName = "DataTableHeader";
+h.displayName = "DataTableHeader";
 p.displayName = "DataTableHeaderSearch";
 b.displayName = "DataTableHeaderActions";
 m.displayName = "DataTableHeaderFilter";
 T.displayName = "DataTableHeaderFilterList";
-N.displayName = "DataTableHeaderFilterTitle";
-F.displayName = "DataTableHeaderFilterContent";
-v.displayName = "DataTableHeaderFilterContentTitle";
-j.displayName = "DataTableHeaderFilterActions";
-Object.defineProperty(g, "componentType", {
+N.displayName = "DataTableHeaderFilterContent";
+F.displayName = "DataTableHeaderFilterContentTitle";
+v.displayName = "DataTableHeaderFilterActions";
+Object.defineProperty(h, "componentType", {
   value: "DataTableHeader"
 });
 Object.defineProperty(p, "componentType", {
@@ -130,25 +117,21 @@ Object.defineProperty(T, "componentType", {
   value: "DataTableHeaderFilterList"
 });
 Object.defineProperty(N, "componentType", {
-  value: "DataTableHeaderFilterTitle"
-});
-Object.defineProperty(F, "componentType", {
   value: "DataTableHeaderFilterContent"
 });
-Object.defineProperty(v, "componentType", {
+Object.defineProperty(F, "componentType", {
   value: "DataTableHeaderFilterContentTitle"
 });
-Object.defineProperty(j, "componentType", {
+Object.defineProperty(v, "componentType", {
   value: "DataTableHeaderFilterActions"
 });
 export {
-  g as DataTableHeader,
+  h as DataTableHeader,
   b as DataTableHeaderActions,
   m as DataTableHeaderFilter,
-  j as DataTableHeaderFilterActions,
-  F as DataTableHeaderFilterContent,
-  v as DataTableHeaderFilterContentTitle,
+  v as DataTableHeaderFilterActions,
+  N as DataTableHeaderFilterContent,
+  F as DataTableHeaderFilterContentTitle,
   T as DataTableHeaderFilterList,
-  N as DataTableHeaderFilterTitle,
   p as DataTableHeaderSearch
 };

package/dist/data-table/tanstack/tanstack-helpers.d.ts

@@ -5,6 +5,7 @@ export type Person = {
     email: string;
     age: number;
     city: string;
+    dateOfBirth: string;
     isActive: boolean;
     status: 'pending' | 'in progress' | 'accepted' | 'declined';
     disabledFields?: string[];