@saltcorn/builder 0.9.5-beta.7 → 0.9.5-beta.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saltcorn/builder",
-  "version": "0.9.5-beta.7",
+  "version": "0.9.5-beta.9",
   "description": "Drag and drop view builder for Saltcorn, open-source no-code platform",
   "main": "index.js",
   "homepage": "https://saltcorn.com",
@@ -20,7 +20,7 @@
     "@babel/preset-react": "7.9.4",
     "@craftjs/core": "0.1.0-beta.20",
     "@craftjs/utils": "0.1.0-beta.20",
-    "@saltcorn/common-code": "0.9.5-beta.7",
+    "@saltcorn/common-code": "0.9.5-beta.9",
     "saltcorn-craft-layers-noeye": "0.1.0-beta.22",
     "@fonticonpicker/react-fonticonpicker": "1.2.0",
     "@fortawesome/fontawesome-svg-core": "1.2.34",

package/src/components/elements/Action.js

@@ -103,6 +103,7 @@ const ActionSettings = () => {
     action_style: node.data.props.action_style,
     action_size: node.data.props.action_size,
     action_icon: node.data.props.action_icon,
+    action_title: node.data.props.action_title,
     action_bgcol: node.data.props.action_bgcol,
     action_bordercol: node.data.props.action_bordercol,
     action_textcol: node.data.props.action_textcol,
@@ -123,6 +124,7 @@ const ActionSettings = () => {
     confirm,
     configuration,
     action_label,
+    action_title,
     action_style,
     nsteps,
     setting_action_n,

package/src/components/elements/DropDownFilter.js

@@ -56,6 +56,7 @@ const DropDownFilterSettings = () => {
     label_formula,
     full_width,
     where,
+    all_options,
   } = useNode((node) => ({
     name: node.data.props.name,
     block: node.data.props.block,
@@ -63,10 +64,14 @@ const DropDownFilterSettings = () => {
     full_width: node.data.props.full_width,
     label_formula: node.data.props.label_formula,
     where: node.data.props.where,
+    all_options: node.data.props.all_options,
   }));
   const options = useContext(optionsCtx);
   const setAProp = setAPropGen(setProp);
-
+  let select_all_options;
+  const field = options.fields.find((f) => f.name === name);
+  if (field?.type === "String" && field.attributes?.options)
+    select_all_options = true;
   return (
     <table className="w-100">
       <tbody>
@@ -153,6 +158,23 @@ const DropDownFilterSettings = () => {
             </div>
           </td>
         </tr>
+        {select_all_options ? (
+          <tr>
+            <td></td>
+            <td>
+              <div className="form-check">
+                <input
+                  className="form-check-input"
+                  name="block"
+                  type="checkbox"
+                  checked={all_options}
+                  onChange={setAProp("all_options", { checked: true })}
+                />
+                <label className="form-check-label">All options</label>
+              </div>
+            </td>
+          </tr>
+        ) : null}
       </tbody>
     </table>
   );
@@ -173,6 +195,7 @@ DropDownFilter.craft = {
       "neutral_label",
       "label_formula",
       "where",
+      "all_options",
       "block",
     ],
   },

package/src/components/elements/DropMenu.js

@@ -97,6 +97,7 @@ const DropMenuSettings = () => {
     block: node.data.props.block,
     action_style: node.data.props.action_style,
     action_size: node.data.props.action_size,
+    action_title: node.data.props.action_title,
     action_icon: node.data.props.action_icon,
     action_bgcol: node.data.props.action_bgcol,
     action_bordercol: node.data.props.action_bordercol,
@@ -177,6 +178,7 @@ DropMenu.craft = {
       "action_size",
       "action_icon",
       "action_bgcol",
+      "action_title",
       "action_bordercol",
       "action_textcol",
       "menu_direction",

package/src/components/elements/Link.js

@@ -107,6 +107,7 @@ const LinkSettings = () => {
     target_blank: node.data.props.target_blank,
     link_style: node.data.props.link_style,
     link_size: node.data.props.link_size,
+    link_title: node.data.props.link_title,
     link_icon: node.data.props.link_icon,
     link_bgcol: node.data.props.link_bgcol,
     link_bordercol: node.data.props.link_bordercol,
@@ -389,6 +390,7 @@ Link.craft = {
       "link_size",
       "link_icon",
       "link_style",
+      "link_title",
       "link_bgcol",
       "link_bordercol",
       "link_textcol",

package/src/components/elements/ViewLink.js

@@ -113,6 +113,7 @@ const ViewLinkSettings = () => {
     link_style: node.data.props.link_style,
     link_size: node.data.props.link_size,
     link_icon: node.data.props.link_icon,
+    link_title: node.data.props.link_title,
     textStyle: node.data.props.textStyle,
     link_bgcol: node.data.props.link_bgcol,
     link_bordercol: node.data.props.link_bordercol,
@@ -400,6 +401,7 @@ ViewLink.craft = {
       "link_style",
       "link_icon",
       "link_size",
+      "link_title",
       "link_target_blank",
       "link_bgcol",
       "link_bordercol",

package/src/components/elements/utils.js

@@ -909,6 +909,8 @@ const ConfigField = ({
         const seloptions = field.options.map((o, ix) =>
           o.name && o.label
             ? { value: o.name, label: o.label }
+            : o.value && o.label
+            ? { value: o.value, label: o.label }
             : { value: o, label: o }
         );
         return (
@@ -942,6 +944,10 @@ const ConfigField = ({
                 <option key={ix} value={o.name}>
                   {o.label}
                 </option>
+              ) : o.value && o.label ? (
+                <option key={ix} value={o.value}>
+                  {o.label}
+                </option>
               ) : (
                 <option key={ix}>{o}</option>
               )
@@ -1211,11 +1217,7 @@ export class ErrorBoundary extends React.Component {
   componentDidCatch(error, errorInfo) {
     // You can also log the error to an error reporting service
     //logErrorToMyService(error, errorInfo);
-    console.log(
-      "ErrorBoundary reporting: ",
-      JSON.stringify(error),
-      JSON.stringify(errorInfo)
-    );
+    console.error(error);
 
     if (!this.state.reported) {
       const data = {
@@ -1294,6 +1296,9 @@ const ButtonOrLinkSettingsRows = ({
           <option value={addBtnClass("btn-outline-secondary")}>
             Secondary outline button
           </option>
+          <option value={addBtnClass("btn-outline-success")}>
+            Success outline button
+          </option>
           <option value={addBtnClass("btn-outline-danger")}>
             Danger outline button
           </option>
@@ -1396,6 +1401,20 @@ const ButtonOrLinkSettingsRows = ({
           </tr>,
         ]
       : []),
+    values[keyPrefix + "style"] !== "on_page_load" ? (
+      <tr key="btntitle">
+        <td>
+          <label>Hover title</label>
+        </td>
+        <td>
+          <input
+            className="form-control"
+            value={values[keyPrefix + "title"]}
+            onChange={setAProp(keyPrefix + "title")}
+          />
+        </td>
+      </tr>
+    ) : null,
   ];
 };
 

package/src/components/storage.js

@@ -173,6 +173,7 @@ const layoutToNodes = (layout, query, actions, parent = "ROOT", options) => {
           action_style={segment.action_style || "btn-primary"}
           action_size={segment.action_size || ""}
           action_icon={segment.action_icon || ""}
+          action_title={segment.action_title || ""}
           action_bgcol={segment.action_bgcol || ""}
           action_bordercol={segment.action_bordercol || ""}
           action_textcol={segment.action_textcol || ""}
@@ -628,6 +629,7 @@ const craftToSaltcorn = (nodes, startFrom = "ROOT", options) => {
         action_style: node.props.action_style,
         action_size: node.props.action_size,
         action_icon: node.props.action_icon,
+        action_title: node.props.action_title,
         action_bgcol: node.props.action_bgcol,
         action_bordercol: node.props.action_bordercol,
         action_textcol: node.props.action_textcol,
@@ -658,6 +660,7 @@ const craftToSaltcorn = (nodes, startFrom = "ROOT", options) => {
         action_style: node.props.action_style,
         action_size: node.props.action_size,
         action_icon: node.props.action_icon,
+        action_title: node.props.action_title,
         action_bgcol: node.props.action_bgcol,
         action_bordercol: node.props.action_bordercol,
         action_textcol: node.props.action_textcol,