@limetech/lime-elements 37.58.0 → 37.59.0

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+## [37.59.0](https://github.com/Lundalogik/lime-elements/compare/v37.58.0...v37.59.0) (2024-09-16)
+
+
+### Features
+
+
+* **form:** support time picker ([2bddee1](https://github.com/Lundalogik/lime-elements/commit/2bddee1e084f106bf18c322fe412b90647af30e9))
+
+### Bug Fixes
+
+
+* **form:** pass date type for format in date widget ([4753d4b](https://github.com/Lundalogik/lime-elements/commit/4753d4bb0599fec82f96d80be70d22802e3c97b9)), closes [#1489](https://github.com/Lundalogik/lime-elements/issues/1489)
+
 ## [37.58.0](https://github.com/Lundalogik/lime-elements/compare/v37.57.6...v37.58.0) (2024-09-13)
 
 

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

@@ -28855,6 +28855,87 @@ function isAdditionalProperty(schema) {
   return schema[ADDITIONAL_PROPERTY_FLAG] === true;
 }
 
+var __rest$2 = (undefined && undefined.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+    t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+class DatePicker extends react.Component {
+  constructor(props) {
+    super(props);
+    this.props = props;
+    this.state = {
+      modified: false,
+    };
+    this.handleChange = this.handleChange.bind(this);
+  }
+  render() {
+    var _a, _b;
+    const _c = this.props, { type = 'datetime' } = _c, props = __rest$2(_c, ["type"]);
+    return react.createElement(LimeElementsWidgetAdapter, {
+      name: 'limel-date-picker',
+      value: this.getValue(),
+      events: {
+        change: this.handleChange,
+      },
+      widgetProps: props,
+      extraProps: Object.assign({ type: type }, (_b = (_a = props.schema.lime) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.props),
+    });
+  }
+  getValue() {
+    if (typeof this.props.value === 'string') {
+      return new Date(this.props.value);
+    }
+    else {
+      return this.props.value;
+    }
+  }
+  handleChange(event) {
+    const props = this.props;
+    event.stopPropagation();
+    if (!props.onChange) {
+      return;
+    }
+    if (!event.detail) {
+      props.onChange(null);
+      return;
+    }
+    const formatMapping = {
+      'date-time': 'YYYY-MM-DDTHH:mm:ssZ',
+      date: 'YYYY-MM-DD',
+      time: 'HH:mm:ss',
+    };
+    const dateString = moment.moment(event.detail).format(formatMapping[props.schema.format]);
+    props.onChange(dateString);
+  }
+}
+
+var __rest$1 = (undefined && undefined.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+    t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+const TimePicker = (_a) => {
+  var { value } = _a, props = __rest$1(_a, ["value"]);
+  if (typeof value === 'string' && timeStringPattern.test(value)) {
+    value = new Date('2000-01-01T' + value);
+  }
+  return react.createElement(DatePicker, Object.assign({ type: 'time', value: value }, props));
+};
+const timeStringPattern = /^\d\d:\d\d/;
+
 /**
  * If given a value and schema, check if the value should be translated
  * from null to undefined to avoid issues with validation
@@ -29029,6 +29110,9 @@ class SchemaField extends react.Component {
       return this.renderCustomComponent(this.props);
     }
     const fieldProps = Object.assign(Object.assign({}, this.props), { onChange: this.handleChange });
+    if (this.props.schema.format === 'time') {
+      fieldProps.uiSchema = Object.assign({ 'ui:widget': TimePicker }, fieldProps.uiSchema);
+    }
     return react.createElement(SchemaField$1, fieldProps);
   }
   /**
@@ -29202,7 +29286,7 @@ class Checkbox extends react.Component {
   }
   render() {
     const props = this.props;
-    const additionalProps = getAdditionalProps$3(props.schema);
+    const additionalProps = getAdditionalProps$2(props.schema);
     return react.createElement(LimeElementsWidgetAdapter, {
       name: 'limel-checkbox',
       value: props.value,
@@ -29222,68 +29306,31 @@ class Checkbox extends react.Component {
     props.onChange(event.detail);
   }
 }
-function getAdditionalProps$3(schema) {
+function getAdditionalProps$2(schema) {
   var _a, _b, _c;
   return (_c = (_b = (_a = schema.lime) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.props) !== null && _c !== void 0 ? _c : {};
 }
 
-class DatePicker extends react.Component {
-  constructor(props) {
-    super(props);
-    this.props = props;
-    this.state = {
-      modified: false,
-    };
-    this.handleChange = this.handleChange.bind(this);
-  }
-  render() {
-    const props = this.props;
-    const additionalProps = getAdditionalProps$2(props.schema);
-    return react.createElement(LimeElementsWidgetAdapter, {
-      name: 'limel-date-picker',
-      value: this.getValue(),
-      events: {
-        change: this.handleChange,
-      },
-      widgetProps: props,
-      extraProps: Object.assign({}, additionalProps),
-    });
-  }
-  getValue() {
-    if (typeof this.props.value === 'string') {
-      return new Date(this.props.value);
-    }
-    else {
-      return this.props.value;
-    }
-  }
-  handleChange(event) {
-    const props = this.props;
-    event.stopPropagation();
-    if (!props.onChange) {
-      return;
-    }
-    if (!event.detail) {
-      props.onChange(null);
-      return;
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+    t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
     }
-    const formatMapping = {
-      'date-time': 'YYYY-MM-DDTHH:mm:ssZ',
-      date: 'YYYY-MM-DD',
-      time: 'HH:mm:ss',
-    };
-    const dateString = moment.moment(event.detail).format(formatMapping[props.schema.format]);
-    props.onChange(dateString);
-  }
-}
-function getAdditionalProps$2(schema) {
-  var _a, _b;
-  let props = {};
-  if ((_b = (_a = schema.lime) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.props) {
-    props = schema.lime.component.props;
-  }
-  return props;
-}
+  return t;
+};
+const DateOnlyPicker = (_a) => {
+  var { value } = _a, props = __rest(_a, ["value"]);
+  // A date-only string is treated as UTC by the Date constructor,
+  // but we want to parse it as local date
+  if (typeof value === 'string' && /-\d\d$/.test(value)) {
+    value += 'T00:00';
+  }
+  return react.createElement(DatePicker, Object.assign({ type: 'date', value: value }, props));
+};
 
 class Slider extends react.Component {
   constructor(props) {
@@ -29484,7 +29531,7 @@ function findValues(value, options) {
 const widgets = {
   CheckboxWidget: Checkbox,
   DateTimeWidget: DatePicker,
-  DateWidget: DatePicker,
+  DateWidget: DateOnlyPicker,
   EmailWidget: InputField,
   TextWidget: InputField,
   SelectWidget: Select,