@ogcio/design-system-react 1.16.0 → 1.17.1

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

@@ -0,0 +1,157 @@
+import { jsxs as o, jsx as l } from "react/jsx-runtime";
+import p from "react";
+import { Button as A } from "../button/button.js";
+import { Chip as C } from "../chip/chip.js";
+import { cn as i } from "../cn.js";
+import { Heading as L } from "../heading/heading.js";
+import { translate as N } from "../i18n/utility.js";
+const s = (e, a) => p.isValidElement(e) && e.type === a, F = ({
+  children: e,
+  className: a,
+  showHeader: t = !0,
+  showFilter: d = !0,
+  ...c
+}) => {
+  const { search: n, filter: O, filterList: b, actions: P } = p.useMemo(() => {
+    let u = null, y = null, H = null, D = null;
+    return p.Children.forEach(e, (r) => {
+      s(r, m) ? u = r : s(r, f) ? y = r : s(r, T) ? H = r : s(r, g) && (D = r);
+    }), { search: u, filter: y, filterList: H, actions: D };
+  }, [e]);
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      ...c,
+      className: i(
+        "gi-flex gi-flex-wrap gi-items-center gi-w-full gi-gap-4 gi-mb-2",
+        a
+      ),
+      children: [
+        t && /* @__PURE__ */ o("div", { className: "gi-flex gi-flex-1 gi-gap-4 gi-items-center", children: [
+          n,
+          O,
+          P
+        ] }),
+        b && d && /* @__PURE__ */ l("div", { className: "gi-w-full", children: b })
+      ]
+    }
+  );
+}, m = ({
+  children: e,
+  className: a,
+  ...t
+}) => /* @__PURE__ */ l("div", { className: i("gi-flex gi-flex-1", a), ...t, children: e }), g = ({
+  children: e,
+  className: a,
+  ...t
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: i("gi-flex gi-items-center gi-ml-auto gi-gap-4", a),
+    ...t,
+    children: e
+  }
+), f = ({
+  children: e,
+  className: a,
+  ...t
+}) => /* @__PURE__ */ l("div", { className: i("gi-flex gi-items-center", a), ...t, children: e }), x = ({
+  children: e,
+  className: a,
+  ...t
+}) => /* @__PURE__ */ l("div", { className: i("gi-border-b gi-px-6 gi-py-4", a), ...t, children: /* @__PURE__ */ l(L, { as: "h6", children: e }) }), v = ({ children: e, className: a, ...t }) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: i("gi-flex gi-flex-col gi-gap-2 gi-px-6", a),
+    ...t,
+    children: e
+  }
+), h = ({ children: e, className: a, ...t }) => /* @__PURE__ */ l("div", { className: i("gi-py-2 gi-font-medium", a), ...t, children: e }), j = ({ children: e, className: a, ...t }) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: i("gi-flex gi-justify-end gi-gap-2 gi-p-6", a),
+    ...t,
+    children: e
+  }
+), T = ({ filters: e, onRemove: a, onClear: t, className: d, ...c }) => !e || e.length === 0 ? null : /* @__PURE__ */ o(
+  "div",
+  {
+    className: i("gi-flex gi-items-center gi-gap-2 gi-flex-wrap", d),
+    ...c,
+    children: [
+      /* @__PURE__ */ l("span", { className: "gi-text-sm", children: N("dataTableHeader.filtersApplied", {
+        length: e.length,
+        defaultValue: `Filters applied ${e.length}:`
+      }) }),
+      e.map((n) => /* @__PURE__ */ l(
+        C,
+        {
+          onClose: () => a == null ? void 0 : a(n.id),
+          label: n.label
+        },
+        n.id
+      )),
+      /* @__PURE__ */ l(
+        A,
+        {
+          appearance: "dark",
+          size: "medium",
+          variant: "flat",
+          onClick: () => {
+            t == null || t();
+          },
+          children: N("dataTableHeader.clearAllFilters", {
+            defaultValue: "Clear all filters"
+          })
+        }
+      )
+    ]
+  }
+);
+F.displayName = "DataTableHeader";
+m.displayName = "DataTableHeaderSearch";
+g.displayName = "DataTableHeaderActions";
+f.displayName = "DataTableHeaderFilter";
+T.displayName = "DataTableHeaderFilterList";
+x.displayName = "DataTableHeaderFilterTitle";
+v.displayName = "DataTableHeaderFilterContent";
+h.displayName = "DataTableHeaderFilterContentTitle";
+j.displayName = "DataTableHeaderFilterActions";
+Object.defineProperty(F, "componentType", {
+  value: "DataTableHeader"
+});
+Object.defineProperty(m, "componentType", {
+  value: "DataTableHeaderSearch"
+});
+Object.defineProperty(g, "componentType", {
+  value: "DataTableHeaderActions"
+});
+Object.defineProperty(f, "componentType", {
+  value: "DataTableHeaderFilter"
+});
+Object.defineProperty(T, "componentType", {
+  value: "DataTableHeaderFilterList"
+});
+Object.defineProperty(x, "componentType", {
+  value: "DataTableHeaderFilterTitle"
+});
+Object.defineProperty(v, "componentType", {
+  value: "DataTableHeaderFilterContent"
+});
+Object.defineProperty(h, "componentType", {
+  value: "DataTableHeaderFilterContentTitle"
+});
+Object.defineProperty(j, "componentType", {
+  value: "DataTableHeaderFilterActions"
+});
+export {
+  F as DataTableHeader,
+  g as DataTableHeaderActions,
+  f as DataTableHeaderFilter,
+  j as DataTableHeaderFilterActions,
+  v as DataTableHeaderFilterContent,
+  h as DataTableHeaderFilterContentTitle,
+  T as DataTableHeaderFilterList,
+  x as DataTableHeaderFilterTitle,
+  m as DataTableHeaderSearch
+};

package/dist/data-table/data-table-selected-rows.d.ts

@@ -0,0 +1,6 @@
+export type DataTableSelectedRowsBannerProps = {
+    selectedCount: number;
+    actions?: React.ReactNode;
+    className?: string;
+};
+export declare const DataTableSelectedRowsBanner: React.FC<DataTableSelectedRowsBannerProps>;

package/dist/data-table/data-table-selected-rows.js

@@ -0,0 +1,23 @@
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { cn as g } from "../cn.js";
+import { translate as l } from "../i18n/utility.js";
+const o = ({ selectedCount: e, actions: t, className: a, ...s }) => /* @__PURE__ */ r(
+  "div",
+  {
+    className: g(
+      "gi-w-full gi-flex gi-items-center gi-justify-between gi-px-3 gi-py-2 gi-bg-gray-900 gi-rounded-md",
+      a
+    ),
+    ...s,
+    children: [
+      /* @__PURE__ */ i("span", { className: "gi-text-sm gi-font-medium gi-text-white", children: l("dataTable.selectedRows", {
+        count: e,
+        defaultValue: ` (${e} Row${e === 1 ? "" : "s"} selected)`
+      }) }),
+      /* @__PURE__ */ i("div", { className: "gi-flex gi-gap-4", children: t })
+    ]
+  }
+);
+export {
+  o as DataTableSelectedRowsBanner
+};

package/dist/{data-grid → data-table}/tanstack/tanstack-helpers.d.ts

@@ -1,4 +1,5 @@
 export type Person = {
+    id: string;
     firstName: string;
     lastName: string;
     email: string;