@vuu-ui/vuu-table-extras 0.8.25-debug → 0.8.26-debug

package/cjs/index.js

@@ -453,13 +453,19 @@ var ColumnListItem = ({
       className: (0, import_clsx4.default)(classNameProp, classBaseListItem),
       "data-name": item == null ? void 0 : item.name,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: `${classBase6}-icon`, "data-icon": "draggable" }),
-        (item == null ? void 0 : item.isCalculated) ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: `${classBase6}-icon`, "data-icon": "function" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core2.Switch, { className: `${classBase6}-switch`, checked: item == null ? void 0 : item.subscribed }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: `${classBase6}-text`, children: (0, import_vuu_utils10.getColumnLabel)(item) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_vuu_ui_controls3.Icon, { name: "draggable", size: 16 }),
+        (item == null ? void 0 : item.isCalculated) ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_vuu_ui_controls3.Icon, { name: "function" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           import_core2.Checkbox,
           {
             className: `${classBase6}-checkBox`,
+            checked: item == null ? void 0 : item.subscribed
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: `${classBase6}-text`, children: (0, import_vuu_utils10.getColumnLabel)(item) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          import_core2.Switch,
+          {
+            className: `${classBase6}-switch`,
             checked: (item == null ? void 0 : item.hidden) !== true,
             disabled: (item == null ? void 0 : item.subscribed) !== true
           }
@@ -476,20 +482,18 @@ var ColumnList = ({
   ...htmlAttributes
 }) => {
   const handleChange = (0, import_react6.useCallback)(
-    (evt) => {
-      const input = evt.target;
-      const listItem = input.closest(`.${classBaseListItem}`);
+    ({ target }) => {
+      const input = target;
+      const listItem = (0, import_vuu_utils10.queryClosest)(target, `.${classBaseListItem}`);
       const {
         dataset: { name: name2 }
       } = listItem;
       if (name2) {
-        const saltSwitch = input.closest(`.${classBase6}-switch`);
-        const saltCheckbox = input.closest(
-          `.${classBase6}-checkBox`
-        );
-        if (saltSwitch) {
+        const saltCheckbox = (0, import_vuu_utils10.queryClosest)(target, `.${classBase6}-checkBox`);
+        const saltSwitch = (0, import_vuu_utils10.queryClosest)(target, `.${classBase6}-switch`);
+        if (saltCheckbox) {
           onChange(name2, "subscribed", input.checked);
-        } else if (saltCheckbox) {
+        } else if (saltSwitch) {
           onChange(name2, "hidden", input.checked === false);
         }
       }
@@ -3349,6 +3353,9 @@ var import_vuu_ui_controls9 = require("@vuu-ui/vuu-ui-controls");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var classBase15 = "vuuTableSettingsPanel";
 var TableSettingsPanel = ({
+  allowColumnLabelCase = true,
+  allowColumnDefaultWidth = true,
+  allowGridRowStyling = true,
   availableColumns,
   onAddCalculatedColumn,
   onConfigChange,
@@ -3373,7 +3380,8 @@ var TableSettingsPanel = ({
     tableConfig: tableConfigProp
   });
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: classBase15, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_core9.FormField, { children: [
+    allowColumnLabelCase || allowColumnDefaultWidth || allowGridRowStyling ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: `${classBase15}-header`, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "Column Settings" }) }) : null,
+    allowColumnLabelCase ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_core9.FormField, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core9.FormFieldLabel, { children: "Column Labels" }),
       /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
         import_core9.ToggleButtonGroup,
@@ -3388,8 +3396,8 @@ var TableSettingsPanel = ({
           ]
         }
       )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_core9.FormField, { children: [
+    ] }) : null,
+    allowGridRowStyling ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_core9.FormField, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core9.FormFieldLabel, { children: "Grid separators" }),
       /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "saltToggleButtonGroup vuuStateButtonGroup saltToggleButtonGroup-horizontal", children: [
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
@@ -3420,11 +3428,11 @@ var TableSettingsPanel = ({
           }
         )
       ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_core9.FormField, { children: [
+    ] }) : null,
+    allowColumnDefaultWidth ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_core9.FormField, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core9.FormFieldLabel, { children: "Default Column Width" }),
       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_vuu_ui_controls9.VuuInput, { className: "vuuInput", onCommit: onCommitColumnWidth })
-    ] }),
+    ] }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       ColumnList,
       {