@limetech/lime-elements 34.1.0-next.3 → 34.1.0-next.30

package/dist/esm/limel-form.entry.js

@@ -1,17 +1,19 @@
 import { r as registerInstance, c as createEvent, h as h$1, g as getElement } from './index-2316f345.js';
 import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-5ec8f9b7.js';
-import { k as keys$5, a as arrayMap$1, g as getTag$1, m as mapToArray$1, i as isBuffer, b as isTypedArray$1, c as isArguments$3, d as isPrototype$1, e as baseKeys$1, S as Set$2, s as setToArray$1, f as SetCache$1, h as cacheHas$1, j as isEqual$1 } from './isEqual-4d982635.js';
+import { k as keys$5, a as arrayMap$1, g as getTag$1, m as mapToArray$1, i as isBuffer, b as isTypedArray$1, c as isArguments$3, d as isPrototype$1, e as baseKeys$1, S as Set$2, s as setToArray$1, f as SetCache$1, h as cacheHas$1, j as isEqual$1 } from './isEqual-4f22635f.js';
 import { i as isArray$4 } from './isArray-80298bc7.js';
-import { i as isObjectLike$1, a as isArrayLike$1 } from './isArrayLike-14db8f02.js';
-import { g as getPrototype$1, t as toString$3, b as baseIteratee$1, a as get$3, p as pickBy, n as negate, h as has$1 } from './pickBy-c485c1b5.js';
-import { b as baseAssignValue$1 } from './_assignValue-94fb6adc.js';
-import { b as baseGetTag$1 } from './eq-f40dd1d6.js';
-import { a as arrayIncludes$1, b as arrayIncludesWith$1, c as baseRest$1, d as baseFlatten$1, i as isArrayLikeObject$1 } from './_arrayIncludesWith-3f5ce249.js';
+import { i as isArrayLike$1 } from './isArrayLike-dd37ba9a.js';
+import { g as getPrototype$1, t as toString$3, b as baseIteratee$1, a as get$3, p as pickBy, n as negate, h as has$1 } from './pickBy-8a849e46.js';
+import { b as baseAssignValue$1 } from './_assignValue-08fe10bc.js';
+import { b as baseGetTag$1 } from './isObject-c74e273c.js';
+import { i as isObjectLike$1 } from './isObjectLike-38996507.js';
+import { a as arrayIncludes$1, b as arrayIncludesWith$1, c as baseRest$1, d as baseFlatten$1, i as isArrayLikeObject$1 } from './_arrayIncludesWith-b5d3fd9e.js';
 import { m as moment } from './moment-8dadd938.js';
 import { i as isMultiple } from './multiple-254f4b61.js';
 import { c as createRandomString } from './random-string-2246b81e.js';
-import './_defineProperty-cbf98a2a.js';
-import './isSymbol-84252d8e.js';
+import './eq-c1c7f528.js';
+import './_defineProperty-8c869077.js';
+import './isSymbol-5bf20921.js';
 
 /*
 object-assign
@@ -23798,7 +23800,7 @@ function findFirstEntry(data, subSchema) {
     getRequiredEntry(data, subSchema),
     ...Object.entries(data),
   ];
-  return entries.filter(([_, value]) => !!value)[0];
+  return entries.filter(([_, value]) => !!value && typeof value !== 'boolean')[0];
 }
 function getRequiredEntry(data, subSchema) {
   if (!('required' in subSchema)) {
@@ -23870,10 +23872,10 @@ class CollapsibleItemTemplate extends react.Component {
     const { item, index } = this.props;
     const actions = [
       {
-        id: 'remove',
-        icon: 'trash',
-        disabled: !item.hasRemove,
-        run: item.onDropIndexClick(index),
+        id: 'down',
+        icon: 'down_arrow',
+        disabled: !item.hasMoveDown,
+        run: item.onReorderClick(index, index + 1),
       },
       {
         id: 'up',
@@ -23882,10 +23884,10 @@ class CollapsibleItemTemplate extends react.Component {
         run: item.onReorderClick(index, index - 1),
       },
       {
-        id: 'down',
-        icon: 'down_arrow',
-        disabled: !item.hasMoveDown,
-        run: item.onReorderClick(index, index + 1),
+        id: 'remove',
+        icon: 'trash',
+        disabled: !item.hasRemove,
+        run: item.onDropIndexClick(index),
       },
     ];
     element.actions = actions;
@@ -24434,9 +24436,12 @@ class LimeElementsWidgetAdapter extends react.Component {
     });
   }
   isDisabled() {
+    var _a, _b;
     const widgetProps = this.props.widgetProps;
     const options = widgetProps.schema.lime;
-    return widgetProps.disabled || (options === null || options === void 0 ? void 0 : options.disabled);
+    return (widgetProps.disabled ||
+      (options === null || options === void 0 ? void 0 : options.disabled) ||
+      ((_b = (_a = options === null || options === void 0 ? void 0 : options.component) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.disabled));
   }
   isReadOnly() {
     const widgetProps = this.props.widgetProps;
@@ -29461,6 +29466,7 @@ class Select extends react.Component {
     this.handleChange = this.handleChange.bind(this);
   }
   render() {
+    var _a, _b;
     const props = this.props;
     const enumOptions = props.options.enumOptions;
     const options = enumOptions.map(createOption);
@@ -29471,6 +29477,7 @@ class Select extends react.Component {
     else {
       value = findValue(props.value, options);
     }
+    const additionalProps = ((_b = (_a = props.schema.lime) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.props) || {};
     return react.createElement(LimeElementsWidgetAdapter, {
       name: 'limel-select',
       value: value,
@@ -29478,10 +29485,7 @@ class Select extends react.Component {
         change: this.handleChange,
       },
       widgetProps: props,
-      extraProps: {
-        multiple: props.multiple,
-        options: options,
-      },
+      extraProps: Object.assign({ multiple: props.multiple, options: options }, additionalProps),
     });
   }
   handleChange(event) {
@@ -29536,8 +29540,13 @@ let Form = class {
      * The schema used to render the form
      */
     this.schema = {};
+    /**
+     * Set to `true` to disable the whole form.
+     */
+    this.disabled = false;
     this.isValid = true;
     this.handleChange = this.handleChange.bind(this);
+    this.getCustomErrorMessages = this.getCustomErrorMessages.bind(this);
   }
   connectedCallback() {
     this.initialize();
@@ -29582,6 +29591,8 @@ let Form = class {
       FieldTemplate: FieldTemplate,
       ArrayFieldTemplate: ArrayFieldTemplate,
       ObjectFieldTemplate: ObjectFieldTemplate,
+      disabled: this.disabled,
+      transformErrors: this.getCustomErrorMessages,
       formContext: {
         schema: this.modifiedSchema,
         rootValue: this.value,
@@ -29643,6 +29654,33 @@ let Form = class {
       };
     });
   }
+  getCustomErrorMessages(originalErrors) {
+    if (!this.transformErrors) {
+      return originalErrors;
+    }
+    const errors = originalErrors.map((error) => {
+      return {
+        name: error.name,
+        property: error.property,
+        message: error.message,
+        // For some reason 'schemaPath' is missing from the AjvError type definition:
+        // https://github.com/rjsf-team/react-jsonschema-form/issues/2140
+        // eslint-disable-next-line @typescript-eslint/dot-notation
+        schemaPath: error['schemaPath'],
+      };
+    });
+    // Use `.call({}, …)` here to bind `this` to an empty object to prevent
+    // the consumer submitted `transformErrors` from getting access to our
+    // component's internals. /Ads
+    return this.transformErrors
+      .call({}, errors)
+      .map((transformedError) => {
+      const originalError = originalErrors.find((error) => {
+        return transformedError.property === error.property;
+      });
+      return Object.assign(Object.assign({}, originalError), { message: transformedError.message });
+    });
+  }
   get host() { return getElement(this); }
   static get watchers() { return {
     "schema": ["setSchema"]

package/dist/esm/limel-grid.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-2316f345.js';
 
-const gridCss = ":host{display:block;position:relative}:host([hidden]){display:none}slot{display:grid;grid-template-areas:var(--lime-grid-area, \"\");grid-template-columns:repeat(var(--lime-grid-columns, 4), minmax(0, 1fr));grid-gap:var(--lime-grid-gutter, 1rem);grid-auto-flow:row dense;grid-auto-rows:var(--lime-grid-cell-height, 2.5rem);margin:0;height:100%;width:100%}";
+const gridCss = ":host{display:block;position:relative}:host([hidden]){display:none}slot{display:grid;grid-template-areas:var(--lime-grid-area, \"\");grid-template-columns:repeat(var(--lime-grid-columns, 4), minmax(0, 1fr));gap:var(--lime-grid-gutter, 1rem);grid-auto-flow:row dense;grid-auto-rows:var(--lime-grid-cell-height, 2.5rem);margin:0;height:100%;width:100%}";
 
 let Grid = class {
   constructor(hostRef) {