@equinor/apollo-components 3.6.1 → 3.7.0

package/dist/index.d.ts

@@ -29,8 +29,9 @@ declare const ChipsCell: (props: {
 
 interface ColumnSelectProps<T> {
     table: Table<T>;
+    columnSelectPlaceholder?: string;
 }
-declare function ColumnSelect<T>({ table }: ColumnSelectProps<T>): JSX.Element;
+declare function ColumnSelect<T>({ table, columnSelectPlaceholder }: ColumnSelectProps<T>): JSX.Element;
 
 interface TableHeaderProps<T> {
     table: Table<T>;
@@ -144,6 +145,7 @@ interface DataTableProps<T> {
         enableColumnSelect?: boolean;
         enableGlobalFilterInput?: boolean;
         globalFilterPlaceholder?: string;
+        columnSelectPlaceholder?: string;
         filterFromLeafRows?: boolean;
         /**
          * @deprecated Use `customActionsLeft` instead

package/dist/index.js

@@ -3010,24 +3010,34 @@ var ActionsWrapper = import_styled_components10.default.div`
   justify-content: flex-end;
   gap: 0.5rem;
 `;
-function ColumnSelect({ table }) {
+function ColumnSelect({ table, columnSelectPlaceholder }) {
   const [isOpen, setIsOpen] = (0, import_react3.useState)(false);
   const referenceElement = (0, import_react3.useRef)(null);
   const selectableColumns = table.getAllLeafColumns().filter((column) => column.id !== "select");
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_eds_core_react10.Tooltip, { title: "Select columns", placement: "left", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      import_eds_core_react10.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      import_eds_core_react10.Tooltip,
       {
-        "aria-haspopup": true,
-        id: "column-select-anchor",
-        "aria-controls": "column-select-popover",
-        "aria-expanded": isOpen,
-        ref: referenceElement,
-        variant: "ghost_icon",
-        onClick: () => setIsOpen(true),
-        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_eds_core_react10.Icon, { name: "view_column", data: import_eds_icons5.view_column })
+        title: columnSelectPlaceholder ? "" : "Select columns",
+        placement: "left",
+        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+          import_eds_core_react10.Button,
+          {
+            "aria-haspopup": true,
+            id: "column-select-anchor",
+            "aria-controls": "column-select-popover",
+            "aria-expanded": isOpen,
+            ref: referenceElement,
+            variant: columnSelectPlaceholder ? "ghost" : "ghost_icon",
+            onClick: () => setIsOpen(true),
+            children: [
+              columnSelectPlaceholder,
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_eds_core_react10.Icon, { name: "view_column", data: import_eds_icons5.view_column })
+            ]
+          }
+        )
       }
-    ) }),
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
       import_eds_core_react10.Popover,
       {
@@ -3280,7 +3290,7 @@ function TableBanner({
           onChange: (value) => globalFilter.onChange(String(value))
         }
       ),
-      (bannerConfig == null ? void 0 : bannerConfig.enableColumnSelect) && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ColumnSelect, { table }),
+      (bannerConfig == null ? void 0 : bannerConfig.enableColumnSelect) && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ColumnSelect, { table, columnSelectPlaceholder: bannerConfig.columnSelectPlaceholder }),
       (bannerConfig == null ? void 0 : bannerConfig.totalRowCount) && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { children: [
         table.options.data.length.toLocaleString(),
         " /",

package/dist/index.mjs

@@ -2957,24 +2957,34 @@ var ActionsWrapper = styled10.div`
   justify-content: flex-end;
   gap: 0.5rem;
 `;
-function ColumnSelect({ table }) {
+function ColumnSelect({ table, columnSelectPlaceholder }) {
   const [isOpen, setIsOpen] = useState3(false);
   const referenceElement = useRef2(null);
   const selectableColumns = table.getAllLeafColumns().filter((column) => column.id !== "select");
   return /* @__PURE__ */ jsxs7(Fragment2, { children: [
-    /* @__PURE__ */ jsx11(Tooltip, { title: "Select columns", placement: "left", children: /* @__PURE__ */ jsx11(
-      Button3,
+    /* @__PURE__ */ jsx11(
+      Tooltip,
       {
-        "aria-haspopup": true,
-        id: "column-select-anchor",
-        "aria-controls": "column-select-popover",
-        "aria-expanded": isOpen,
-        ref: referenceElement,
-        variant: "ghost_icon",
-        onClick: () => setIsOpen(true),
-        children: /* @__PURE__ */ jsx11(Icon5, { name: "view_column", data: view_column })
+        title: columnSelectPlaceholder ? "" : "Select columns",
+        placement: "left",
+        children: /* @__PURE__ */ jsxs7(
+          Button3,
+          {
+            "aria-haspopup": true,
+            id: "column-select-anchor",
+            "aria-controls": "column-select-popover",
+            "aria-expanded": isOpen,
+            ref: referenceElement,
+            variant: columnSelectPlaceholder ? "ghost" : "ghost_icon",
+            onClick: () => setIsOpen(true),
+            children: [
+              columnSelectPlaceholder,
+              /* @__PURE__ */ jsx11(Icon5, { name: "view_column", data: view_column })
+            ]
+          }
+        )
       }
-    ) }),
+    ),
     /* @__PURE__ */ jsxs7(
       Popover2,
       {
@@ -3233,7 +3243,7 @@ function TableBanner({
           onChange: (value) => globalFilter.onChange(String(value))
         }
       ),
-      (bannerConfig == null ? void 0 : bannerConfig.enableColumnSelect) && /* @__PURE__ */ jsx17(ColumnSelect, { table }),
+      (bannerConfig == null ? void 0 : bannerConfig.enableColumnSelect) && /* @__PURE__ */ jsx17(ColumnSelect, { table, columnSelectPlaceholder: bannerConfig.columnSelectPlaceholder }),
       (bannerConfig == null ? void 0 : bannerConfig.totalRowCount) && /* @__PURE__ */ jsxs9("span", { children: [
         table.options.data.length.toLocaleString(),
         " /",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/apollo-components",
-  "version": "3.6.1",
+  "version": "3.7.0",
   "license": "MIT",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",