@saltcorn/builder 0.8.7-beta.2 → 0.8.7-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saltcorn/builder",
-  "version": "0.8.7-beta.2",
+  "version": "0.8.7-beta.4",
   "description": "Drag and drop view builder for Saltcorn, open-source no-code platform",
   "main": "index.js",
   "homepage": "https://saltcorn.com",

package/src/components/elements/Action.js

@@ -172,18 +172,16 @@ const ActionSettings = () => {
           <MinRoleSettingRow minRole={minRole} setProp={setProp} />
         </tbody>
       </table>
-      {options.mode === "show" || name === "Delete" || name === "Reset" ? (
-        <div className="form-check">
-          <input
-            className="form-check-input"
-            name="block"
-            type="checkbox"
-            checked={confirm}
-            onChange={setAProp("confirm", { checked: true })}
-          />
-          <label className="form-check-label">User confirmation?</label>
-        </div>
-      ) : null}
+      <div className="form-check">
+        <input
+          className="form-check-input"
+          name="block"
+          type="checkbox"
+          checked={confirm}
+          onChange={setAProp("confirm", { checked: true })}
+        />
+        <label className="form-check-label">User confirmation?</label>
+      </div>
       {action_style !== "on_page_load" ? (
         <BlockSetting block={block} setProp={setProp} />
       ) : null}

package/src/components/elements/Table.js

@@ -32,6 +32,7 @@ const Table = ({
   bs_striped,
   bs_bordered,
   bs_borderless,
+  bs_wauto,
 }) => {
   const {
     selected,
@@ -45,7 +46,7 @@ const Table = ({
         bs_style && bs_striped ? "table-striped" : ""
       } ${bs_style && bs_bordered ? "table-bordered" : ""} ${
         bs_style && bs_borderless ? "table-borderless" : ""
-      }`}
+      } ${bs_style && bs_wauto ? "w-auto" : ""}`}
       ref={(dom) => connect(drag(dom))}
     >
       <tbody>
@@ -107,6 +108,12 @@ const fields = [
     type: "Bool",
     showIf: { bs_style: true },
   },
+  {
+    label: "Auto width",
+    name: "bs_wauto",
+    type: "Bool",
+    showIf: { bs_style: true },
+  },
 ];
 
 /**

package/src/components/storage.js

@@ -260,6 +260,7 @@ const layoutToNodes = (layout, query, actions, parent = "ROOT") => {
           bs_small={segment.bs_small || false}
           bs_striped={segment.bs_striped || false}
           bs_bordered={segment.bs_bordered || false}
+          bs_wauto={segment.bs_wauto || false}
           bs_borderless={segment.bs_borderless || false}
           contents={(segment.contents || []).map((row) =>
             (row || []).map(toTag)
@@ -466,6 +467,7 @@ const craftToSaltcorn = (nodes, startFrom = "ROOT") => {
         bs_striped: node.props.bs_striped,
         bs_bordered: node.props.bs_bordered,
         bs_borderless: node.props.bs_borderless,
+        bs_wauto: node.props.bs_wauto,
       };
     }