@saltcorn/builder 1.5.0-beta.1 → 1.5.0-beta.11

package/dist/builder_bundle.js.LICENSE.txt

@@ -0,0 +1,96 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/*!
+  Copyright (c) 2017 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+
+/*!
+ * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+
+/*!*
+ * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+/**
+ * @license
+ * Lodash <https://lodash.com/>
+ * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+ * Released under MIT license <https://lodash.com/license>
+ * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */
+
+/** @license React v0.19.1
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saltcorn/builder",
-  "version": "1.5.0-beta.1",
+  "version": "1.5.0-beta.11",
   "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.24.7",
     "@craftjs/core": "0.1.0-beta.20",
     "@craftjs/utils": "0.1.0-beta.20",
-    "@saltcorn/common-code": "1.5.0-beta.1",
+    "@saltcorn/common-code": "1.5.0-beta.11",
     "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/Toolbox.js

@@ -467,6 +467,7 @@ const ActionElem = ({ connectors, options }) => (
       block={false}
       minRole={100}
       confirm={false}
+      spinner={true}
       action_label={""}
       isFormula={{}}
       rndid={rand_ident()}

package/src/components/elements/Aggregation.js

@@ -233,6 +233,7 @@ const AggregationSettings = () => {
                 type="text"
                 className="form-control"
                 value={aggwhere}
+                placeholder="Example: x === y"
                 spellCheck={false}
                 onChange={setAProp("aggwhere")}
                 onInput={(e) => validate_expression_elem($(e.target))}

package/src/components/elements/Container.js

@@ -945,25 +945,24 @@ const ContainerSettings = () => {
           {["show", "edit", "filter", "list"].includes(options.mode) && (
             <SettingsSectionHeaderRow title="Formula - show if true" />
           )}
-          {["show", "edit", "filter", "list"].includes(options.mode) && (
-            <tr>
-              <td colSpan={2}>
-                <input
-                  type="text"
-                  className="form-control text-to-display"
-                  value={showIfFormula}
-                  spellCheck={false}
-                  onChange={setAProp("showIfFormula")}
-                  onInput={(e) => validate_expression_elem($(e.target))}
-                />
-                <div style={{ marginTop: "-5px" }}>
-                  <small className="text-muted font-monospace">
-                    FORMULA <FormulaTooltip />
-                  </small>
-                </div>
-              </td>
-            </tr>
-          )}
+          <tr>
+            <td colSpan={2}>
+              <input
+                type="text"
+                placeholder="Example: x === y"
+                className="form-control text-to-display"
+                value={showIfFormula}
+                spellCheck={false}
+                onChange={setAProp("showIfFormula")}
+                onInput={(e) => validate_expression_elem($(e.target))}
+              />
+              <div style={{ marginTop: "-5px" }}>
+                <small className="text-muted font-monospace">
+                  FORMULA <FormulaTooltip />
+                </small>
+              </div>
+            </td>
+          </tr>
           <SettingsSectionHeaderRow title="Role" />
           {options.roles.map(({ role, id }) => (
             <tr key={id}>

package/src/components/elements/Tabs.js

@@ -181,6 +181,7 @@ const TabsSettings = () => {
     deeplink: node.data.props.deeplink,
     disable_inactive: node.data.props.disable_inactive,
     serverRendered: node.data.props.serverRendered,
+    lazyLoadViews: node.data.props.lazyLoadViews,
     setting_tab_n: node.data.props.setting_tab_n,
     tabId: node.data.props.tabId,
     titles: node.data.props.titles,
@@ -200,6 +201,7 @@ const TabsSettings = () => {
     ntabs,
     field,
     serverRendered,
+    lazyLoadViews,
     tabId,
     showif,
     setting_tab_n,
@@ -275,22 +277,40 @@ const TabsSettings = () => {
         ) : (
           <Fragment>
             {tabsStyle === "Accordion" ? (
-              <tr>
-                <td colSpan="2">
-                  <div className="form-check">
-                    <input
-                      className="form-check-input"
-                      name="block"
-                      type="checkbox"
-                      checked={independent}
-                      onChange={setAProp("independent", { checked: true })}
-                    />
-                    <label className="form-check-label">
-                      Open independently
-                    </label>
-                  </div>
-                </td>
-              </tr>
+              <Fragment>
+                <tr>
+                  <td colSpan="2">
+                    <div className="form-check">
+                      <input
+                        className="form-check-input"
+                        name="block"
+                        type="checkbox"
+                        checked={independent}
+                        onChange={setAProp("independent", { checked: true })}
+                      />
+                      <label className="form-check-label">
+                        Open independently
+                      </label>
+                    </div>
+                  </td>
+                </tr>
+                <tr>
+                  <td colSpan="2">
+                    <div className="form-check">
+                      <input
+                        className="form-check-input"
+                        name="block"
+                        type="checkbox"
+                        checked={lazyLoadViews}
+                        onChange={setAProp("lazyLoadViews", { checked: true })}
+                      />
+                      <label className="form-check-label">
+                        Lazy load views
+                      </label>
+                    </div>
+                  </td>
+                </tr>
+              </Fragment>
             ) : (
               <Fragment>
                 <tr>
@@ -339,6 +359,22 @@ const TabsSettings = () => {
                     </td>
                   </tr>
                 ) : null}
+                <tr>
+                  <td colSpan="2">
+                    <div className="form-check">
+                      <input
+                        className="form-check-input"
+                        name="block"
+                        type="checkbox"
+                        checked={lazyLoadViews}
+                        onChange={setAProp("lazyLoadViews", { checked: true })}
+                      />
+                      <label className="form-check-label">
+                        Lazy load views
+                      </label>
+                    </div>
+                  </td>
+                </tr>
               </Fragment>
             )}
             {tabsStyle === "Accordion" ? (

package/src/components/elements/View.js

@@ -383,6 +383,7 @@ const ViewSettings = () => {
           </label>
           <input
             type="text"
+            placeholder="Example: {x: y}"
             className="viewlink-label form-control"
             value={extra_state_fml}
             onChange={setAProp("extra_state_fml")}

package/src/components/elements/ViewLink.js

@@ -313,6 +313,7 @@ const ViewLinkSettings = () => {
               </label>
               <input
                 type="text"
+                placeholder="Example: {x: y}"
                 className="viewlink-label form-control"
                 value={extra_state_fml}
                 onChange={setAProp("extra_state_fml")}
@@ -362,7 +363,6 @@ const ViewLinkSettings = () => {
       <TextStyleSetting textStyle={textStyle} setProp={setProp} />
       <table>
         <tbody>
-          <MinRoleSettingRow minRole={minRole} setProp={setProp} />
           {use_view_name ? (
             <tr>
               <td colSpan="2">

package/src/components/elements/utils.js

@@ -981,8 +981,7 @@ const ConfigField = ({
             ))}
           </select>
         );
-      } 
-      else if (field.attributes?.calcOptions) {        
+      } else if (field.attributes?.calcOptions) {
         return (
           <select
             className={`field-${field?.name} form-control form-select`}
@@ -993,18 +992,18 @@ const ConfigField = ({
             data-calc-options={encodeURIComponent(
               JSON.stringify(field.attributes.calcOptions)
             )}
-            autocomplete= {"off"}
+            autocomplete={"off"}
             data-fieldname={field?.name}
           >
             <option value=""></option>
           </select>
         );
-      }
-      else
+      } else
         return (
           <input
             type="text"
             name={field?.name}
+            placeholder={field.attributes?.placeholder || ""}
             className={`field-${field?.name} form-control`}
             value={value || ""}
             spellCheck={false}

package/src/components/storage.js

@@ -301,6 +301,7 @@ const layoutToNodes = (
           acc_init_opens={segment.acc_init_opens}
           disable_inactive={segment.disable_inactive}
           serverRendered={segment.serverRendered}
+          lazyLoadViews={segment.lazyLoadViews}
           tabId={segment.tabId}
           field={segment.field}
           tabsStyle={segment.tabsStyle}
@@ -658,6 +659,7 @@ const craftToSaltcorn = (nodes, startFrom = "ROOT", options) => {
         deeplink: node.props.deeplink,
         disable_inactive: node.props.disable_inactive,
         serverRendered: node.props.serverRendered,
+        lazyLoadViews: node.props.lazyLoadViews,
         tabId: node.props.tabId,
         ntabs: node.props.ntabs,
         setting_tab_n: node.props.setting_tab_n,