@limetech/lime-elements 34.1.0-next.6 → 34.1.0

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

@@ -4,18 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e63a89d7.js');
 const _commonjsHelpers = require('./_commonjsHelpers-0c557e26.js');
-const isEqual$1 = require('./isEqual-1ce0c121.js');
+const isEqual$1 = require('./isEqual-e3b9c27c.js');
 const isArray$4 = require('./isArray-d188a04f.js');
-const isArrayLike$1 = require('./isArrayLike-2bebb99c.js');
-const pickBy = require('./pickBy-64252559.js');
-const _assignValue$1 = require('./_assignValue-493aac17.js');
-const eq$1 = require('./eq-3b43a5ca.js');
-const _arrayIncludesWith$1 = require('./_arrayIncludesWith-d69e30af.js');
+const isArrayLike$1 = require('./isArrayLike-ac53bdac.js');
+const pickBy = require('./pickBy-88b0430a.js');
+const _assignValue$1 = require('./_assignValue-c9fc3712.js');
+const isObject$3 = require('./isObject-e28b7997.js');
+const isObjectLike$1 = require('./isObjectLike-3e3f0cba.js');
+const _arrayIncludesWith$1 = require('./_arrayIncludesWith-36a6fafb.js');
 const moment = require('./moment-d287c0ed.js');
 const multiple = require('./multiple-8fab83eb.js');
 const randomString = require('./random-string-4c3b7f1c.js');
-require('./_defineProperty-c081d04c.js');
-require('./isSymbol-4666002c.js');
+require('./eq-9a943b00.js');
+require('./_defineProperty-8351e789.js');
+require('./isSymbol-d22b2798.js');
 
 /*
 object-assign
@@ -22783,7 +22785,7 @@ var objectCtorString = funcToString.call(Object);
  * // => true
  */
 function isPlainObject(value) {
-  if (!isArrayLike$1.isObjectLike(value) || eq$1.baseGetTag(value) != objectTag) {
+  if (!isObjectLike$1.isObjectLike(value) || isObject$3.baseGetTag(value) != objectTag) {
     return false;
   }
   var proto = pickBy.getPrototype(value);
@@ -23437,7 +23439,7 @@ var stringTag = '[object String]';
  */
 function isString(value) {
   return typeof value == 'string' ||
-    (!isArray$4.isArray(value) && isArrayLike$1.isObjectLike(value) && eq$1.baseGetTag(value) == stringTag);
+    (!isArray$4.isArray(value) && isObjectLike$1.isObjectLike(value) && isObject$3.baseGetTag(value) == stringTag);
 }
 
 /** `Object#toString` result references. */
@@ -23462,7 +23464,7 @@ var boolTag = '[object Boolean]';
  */
 function isBoolean(value) {
   return value === true || value === false ||
-    (isArrayLike$1.isObjectLike(value) && eq$1.baseGetTag(value) == boolTag);
+    (isObjectLike$1.isObjectLike(value) && isObject$3.baseGetTag(value) == boolTag);
 }
 
 /** `Object#toString` result references. */
@@ -23563,7 +23565,7 @@ var numberTag = '[object Number]';
  */
 function isNumber(value) {
   return typeof value == 'number' ||
-    (isArrayLike$1.isObjectLike(value) && eq$1.baseGetTag(value) == numberTag);
+    (isObjectLike$1.isObjectLike(value) && isObject$3.baseGetTag(value) == numberTag);
 }
 
 /**
@@ -23802,7 +23804,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)) {
@@ -23874,10 +23876,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',
@@ -23886,10 +23888,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;
@@ -24438,9 +24440,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;
@@ -29465,6 +29470,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);
@@ -29475,6 +29481,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,
@@ -29482,10 +29489,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) {
@@ -29546,6 +29550,7 @@ let Form = class {
     this.disabled = false;
     this.isValid = true;
     this.handleChange = this.handleChange.bind(this);
+    this.getCustomErrorMessages = this.getCustomErrorMessages.bind(this);
   }
   connectedCallback() {
     this.initialize();
@@ -29591,6 +29596,7 @@ let Form = class {
       ArrayFieldTemplate: ArrayFieldTemplate,
       ObjectFieldTemplate: ObjectFieldTemplate,
       disabled: this.disabled,
+      transformErrors: this.getCustomErrorMessages,
       formContext: {
         schema: this.modifiedSchema,
         rootValue: this.value,
@@ -29652,6 +29658,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 index.getElement(this); }
   static get watchers() { return {
     "schema": ["setSchema"]

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e63a89d7.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) {