@dartech/arsenal-ui 1.3.98 → 1.4.0

package/index.js

@@ -34,7 +34,7 @@ import { abcdef } from '@uiw/codemirror-theme-abcdef';
 import Typography from '@mui/material/Typography';
 import Switch from '@mui/material/Switch';
 import { DatePicker } from '@mui/x-date-pickers/DatePicker';
-import { format, isMatch, isValid, parse } from 'date-fns';
+import { format, parse, isMatch, isValid } from 'date-fns';
 import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
 import { TimePicker } from '@mui/x-date-pickers/TimePicker';
 import Chip from '@mui/material/Chip';
@@ -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,14 @@ const formatPropertyValue = (propertyType, value, params) => {
     case PropertyType.DATE_TIME:
     case PropertyType.TIME:
       {
-        if (value) parsedValue = format(new Date(value.toString()), params.formatText);
+        if (value) {
+          try {
+            const formatString = params.formatText.replace(/[Z,z,x]+/g, 'XX');
+            parsedValue = format(parse(value, formatString, new Date()), formatString);
+          } catch (e) {
+            console.error(e);
+          }
+        }
         break;
       }
     case PropertyType.JSON:
@@ -2090,8 +2097,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 +2140,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 +2178,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
@@ -5235,9 +5246,10 @@ const CreatePropertiesList = /*#__PURE__*/forwardRef(({
     return {
       getProperties: () => getValues('properties'),
       addProperty: handleAddParameter,
-      removeProperty: handleRemoveParameter
+      removeProperty: handleRemoveParameter,
+      trigger
     };
-  }, [getValues, handleAddParameter, handleRemoveParameter]);
+  }, [getValues, handleAddParameter, handleRemoveParameter, trigger]);
   return jsxs(Fragment, {
     children: [error && error.message && jsx(Grid, Object.assign({
       sm: 12
@@ -5252,7 +5264,7 @@ const CreatePropertiesList = /*#__PURE__*/forwardRef(({
       ref: ref => refs.current[index] = ref
     }, {
       children: jsxs(Accordion, Object.assign({
-        defaultExpanded: true,
+        defaultExpanded: !(properties === null || properties === void 0 ? void 0 : properties.length),
         elevation: 3
       }, {
         children: [jsx(AccordionSummary, Object.assign({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dartech/arsenal-ui",
-  "version": "1.3.98",
+  "version": "1.4.0",
   "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/Definition/CreateDefinition/CreateDefinition.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { type RefMethods } from '../../Property/UpsertProperty/CreatePropertiesList';
 import { EntityReferenceProperty } from '../../../interfaces';
 type Props = {
     definitionFieldName?: string;
@@ -19,5 +20,5 @@ type Props = {
         name: string;
     }>;
 };
-export declare const CreateDefinition: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<unknown>>;
+export declare const CreateDefinition: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<RefMethods>>;
 export default CreateDefinition;

package/src/lib/Property/UpsertProperty/CreatePropertiesList.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { UseFormTrigger } from 'react-hook-form';
 import { CustomPropertyFieldProps, EntityReferenceProperty, PropertiesArrayType } from '../../../interfaces';
 type Props = {
     properties: PropertiesArrayType<any>;
@@ -25,5 +26,11 @@ type Props = {
         name: string;
     }>;
 };
-export declare const CreatePropertiesList: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<unknown>>;
+export type RefMethods = {
+    getProperties: () => PropertiesArrayType<any>;
+    trigger: UseFormTrigger<{
+        properties: PropertiesArrayType<any>;
+    }>;
+};
+export declare const CreatePropertiesList: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<RefMethods>>;
 export default CreatePropertiesList;

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;