@dartech/arsenal-ui 1.3.97 → 1.3.99

package/index.js

@@ -69,10 +69,10 @@ import Step from '@mui/material/Step';
 import StepLabel from '@mui/material/StepLabel';
 import StepContent from '@mui/material/StepContent';
 import StepConnector from '@mui/material/StepConnector';
-import Select from '@mui/material/Select';
-import InputLabel from '@mui/material/InputLabel';
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import Select from '@mui/material/Select';
+import InputLabel from '@mui/material/InputLabel';
 import classnames from 'classnames';
 import { toast } from 'react-toastify';
 import CssBaseline from '@mui/material/CssBaseline';
@@ -111,7 +111,7 @@ var PropertyType;
 })(PropertyType || (PropertyType = {}));
 const DATE_DEFAULT_FORMAT = 'yyyy-MM-dd';
 const TIME_DEFAULT_FORMAT = 'HH:mm:ss';
-const DATE_TIME_DEFAULT_FORMAT = "yyyy-MM-dd'T'HH:mm:ss.SSSXXX";
+const DATE_TIME_DEFAULT_FORMAT = "yyyy-MM-dd'T'HH:mm:ss.SSSZ";
 
 var RoundingMode;
 (function (RoundingMode) {
@@ -1531,7 +1531,7 @@ const formatPropertyValue = (propertyType, value, params) => {
     case PropertyType.DATE_TIME:
     case PropertyType.TIME:
       {
-        if (value) parsedValue = format(new Date(value.toString()), params.formatText);
+        if (value) parsedValue = format(new Date(value.toString()), params.formatText.replace(/[Z,z,x]+/g, 'XX'));
         break;
       }
     case PropertyType.JSON:
@@ -2090,8 +2090,10 @@ const ControlDate = _a => {
       children: [label, " ", jsx("span", {
         children: "*"
       })]
-    }) : label,
-    inputFormat: localFormat,
+    }) : label
+  }, localFormat ? {
+    inputFormat: localFormat
+  } : {}, {
     value: localFormat ? parse(field.value, localFormat, new Date()) : field.value,
     onChange: handleChange,
     components: {
@@ -2131,7 +2133,7 @@ const ControlDateTime = _a => {
       textFieldProps
     } = _a,
     dateTimePickerProps = __rest(_a, ["control", "name", "required", "label", "format", "hideErrorMessage", "textFieldProps"]);
-  const [localFormat, setLocalFormat] = useState(DATE_TIME_DEFAULT_FORMAT);
+  const [localFormat, setLocalFormat] = useState();
   const {
     field,
     fieldState: {
@@ -2169,8 +2171,10 @@ const ControlDateTime = _a => {
         children: "*"
       })]
     }) : label,
-    value: localFormat ? parse(field.value, localFormat, new Date()) : field.value,
-    inputFormat: localFormat,
+    value: localFormat ? parse(field.value, localFormat, new Date()) : field.value
+  }, localFormat ? {
+    inputFormat: localFormat
+  } : {}, {
     onChange: handleChange,
     components: {
       OpenPickerIcon: DateIconComponent
@@ -4564,25 +4568,29 @@ const PropertyValueField = ({
   }, [propertyType, format, restrictedValues, isMultiple, _label,
   // key,
   isRequired, properties, required]);
-  return isMultiple ? jsx(ControlMultiplePropertyFiller, {
-    control: control,
-    name: name,
-    property: fillerProperty,
-    title: _label,
-    required: required,
-    entityReferenceDefinitionSources: entityReferenceDefinitionSources,
-    entityReferenceValueComponent: entityReferenceValueComponent,
-    fileReferenceValueComponent: fileReferenceValueComponent
-  }) : jsx(ControlPropertyFiller, {
-    control: control,
-    name: name,
-    property: fillerProperty,
-    title: _label,
-    required: required,
-    entityReferenceDefinitionSources: entityReferenceDefinitionSources,
-    entityReferenceValueComponent: entityReferenceValueComponent,
-    fileReferenceValueComponent: fileReferenceValueComponent
-  });
+  return jsx(LocalizationProvider, Object.assign({
+    dateAdapter: AdapterDateFns
+  }, {
+    children: isMultiple ? jsx(ControlMultiplePropertyFiller, {
+      control: control,
+      name: name,
+      property: fillerProperty,
+      title: _label,
+      required: required,
+      entityReferenceDefinitionSources: entityReferenceDefinitionSources,
+      entityReferenceValueComponent: entityReferenceValueComponent,
+      fileReferenceValueComponent: fileReferenceValueComponent
+    }) : jsx(ControlPropertyFiller, {
+      control: control,
+      name: name,
+      property: fillerProperty,
+      title: _label,
+      required: required,
+      entityReferenceDefinitionSources: entityReferenceDefinitionSources,
+      entityReferenceValueComponent: entityReferenceValueComponent,
+      fileReferenceValueComponent: fileReferenceValueComponent
+    })
+  }));
 };
 
 const NodesList = ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dartech/arsenal-ui",
-  "version": "1.3.97",
+  "version": "1.3.99",
   "author": "DAR",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/src/interfaces/definition.d.ts

@@ -116,4 +116,4 @@ export interface FileReferenceProperty extends Property {
 export type PropertyUnion<T = Record<string, never>> = BigDecimalProperty | BigIntegerProperty | BooleanProperty | DateProperty | DateTimeProperty | DoubleProperty | EntityTypeProperty<T> | EntityReferenceProperty | FloatProperty | StringProperty | IntegerProperty | JsonProperty | LongProperty | TimeProperty | AnyProperty | EntityReferenceProperty | FileProperty | FileReferenceProperty;
 export declare const DATE_DEFAULT_FORMAT = "yyyy-MM-dd";
 export declare const TIME_DEFAULT_FORMAT = "HH:mm:ss";
-export declare const DATE_TIME_DEFAULT_FORMAT = "yyyy-MM-dd'T'HH:mm:ss.SSSXXX";
+export declare const DATE_TIME_DEFAULT_FORMAT = "yyyy-MM-dd'T'HH:mm:ss.SSSZ";

package/src/lib/Property/UpsertProperty/PropertyValueField/BooleanValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Control } from 'react-hook-form';
 type Props = {
     control: Control<any>;

package/src/lib/Property/UpsertProperty/PropertyValueField/DateTimeValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/UpsertProperty/PropertyValueField/DateValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     format: string;

package/src/lib/Property/UpsertProperty/PropertyValueField/JsonValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/UpsertProperty/PropertyValueField/TimeValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/ViewProperty/PropertyItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PropertyUnion } from '../../../interfaces';
 type PropertyItemProps = {
     property: PropertyUnion;