@irontec/ivoz-ui 1.3.11 → 1.3.15

package/components/List/Content/FastSearchField.js

@@ -27,8 +27,9 @@ const FastSearchField = (props, ref) => {
     const isFk = isPropertyFk(firstColumnSpec);
     const foreignEntities = useStoreState((state) => state.list.fkChoices);
     const fkChoices = foreignEntities[firstColumnName] || [];
-    const [value, setValue] = useState((firstColumnCriteria === null || firstColumnCriteria === void 0 ? void 0 : firstColumnCriteria.value) || '');
     const isDatetime = !isFk && firstColumnSpec.format === 'date-time';
+    const initialValue = (firstColumnCriteria === null || firstColumnCriteria === void 0 ? void 0 : firstColumnCriteria.value) || '';
+    const [value, setValue] = useState(isDatetime ? initialValue.replace(' ', 'T') : initialValue);
     const triggerSearchIfChanged = () => {
         if (!firstColumnCriteria) {
             return;
@@ -37,7 +38,8 @@ const FastSearchField = (props, ref) => {
             return;
         }
         if (value !== '') {
-            firstColumnCriteria.value = encodeURIComponent(value);
+            const val = isDatetime ? value.replace('T', ' ') : value;
+            firstColumnCriteria.value = encodeURIComponent(val);
         }
         let match = false;
         let matchIdx;

package/components/List/Content/Shared/ChildEntityLinks.js

@@ -14,7 +14,8 @@ const ChildEntityLinks = (props) => {
         firstActionButtonNum = 1;
     }
     const childEntitiesCopy = [...childEntities];
-    const visibleChildEntities = childEntitiesCopy.splice(0, 2 - firstActionButtonNum);
+    const visibleChildEntitiesSlice = childEntitiesCopy.length <= 2 ? 3 : 2;
+    const visibleChildEntities = childEntitiesCopy.splice(0, visibleChildEntitiesSlice - firstActionButtonNum);
     return (_jsxs(_Fragment, { children: [detail, edit, visibleChildEntities.map((routeMapItem, key) => {
                 if (isActionItem(routeMapItem) &&
                     isSingleRowActionItem(routeMapItem, routeMapItem.action)) {

package/hygen/templates/entity/new/Entity.ejs.t

@@ -2,10 +2,10 @@
 to: src/entities/<%= Name %>/<%= Name %>.tsx
 ---
 import AccountTreeIcon from '@mui/icons-material/AccountTree';
-import EntityInterface from '@irontec/ivoz-ui/entities/EntityInterface';
-import _ from '@irontec/ivoz-ui/services/translations/translate';
-import defaultEntityBehavior from '@irontec/ivoz-ui/entities/DefaultEntityBehavior';
-import { EntityValue } from '@irontec/ivoz-ui';
+import EntityInterface from '@irontec-voip/ivoz-ui/entities/EntityInterface';
+import _ from '@irontec-voip/ivoz-ui/services/translations/translate';
+import defaultEntityBehavior from '@irontec-voip/ivoz-ui/entities/DefaultEntityBehavior';
+import { EntityValue } from '@irontec-voip/ivoz-ui';
 import selectOptions from './SelectOptions';
 import { <%= Name %>Properties, <%= Name %>PropertyList } from './<%= Name %>Properties';
 

package/hygen/templates/entity/new/EntityProperties.ejs.t

@@ -1,8 +1,8 @@
 ---
 to: src/entities/<%= Name %>/<%= Name %>Properties.ts
 ---
-import { PropertySpec } from '@irontec/ivoz-ui/services/api/ParsedApiSpecInterface';
-import { EntityValue, EntityValues } from '@irontec/ivoz-ui/services/entity/EntityService';
+import { PropertySpec } from '@irontec-voip/ivoz-ui/services/api/ParsedApiSpecInterface';
+import { EntityValue, EntityValues } from '@irontec-voip/ivoz-ui/services/entity/EntityService';
 
 export type <%= Name %>PropertyList<T> = {
 <%- h.formattedEntityProperties(h.url(), Name)%>

package/hygen/templates/entity/new/ForeignKeyGetter.ejs.t

@@ -1,8 +1,8 @@
 ---
 to: src/entities/<%= Name %>/ForeignKeyGetter.tsx
 ---
-import { ForeignKeyGetterType } from '@irontec/ivoz-ui/entities/EntityInterface';
-import { autoSelectOptions } from '@irontec/ivoz-ui/entities/DefaultEntityBehavior';
+import { ForeignKeyGetterType } from '@irontec-voip/ivoz-ui/entities/EntityInterface';
+import { autoSelectOptions } from '@irontec-voip/ivoz-ui/entities/DefaultEntityBehavior';
 import { <%= Name %>PropertyList } from './<%= Name %>Properties';
 
 /** TODO remove this file unless you need to change default behaviour **/

package/hygen/templates/entity/new/ForeignKeyResolver.ejs.t

@@ -1,8 +1,8 @@
 ---
 to: src/entities/<%= Name %>/ForeignKeyResolver.tsx
 ---
-import { autoForeignKeyResolver } from '@irontec/ivoz-ui/entities/DefaultEntityBehavior';
-import { foreignKeyResolverType } from '@irontec/ivoz-ui/entities/EntityInterface';
+import { autoForeignKeyResolver } from '@irontec-voip/ivoz-ui/entities/DefaultEntityBehavior';
+import { foreignKeyResolverType } from '@irontec-voip/ivoz-ui/entities/EntityInterface';
 import { <%= Name %>PropertiesList } from './<%= Name %>Properties';
 
 /** TODO remove this file unless you need to change default behaviour **/

package/hygen/templates/entity/new/Form.ejs.t

@@ -1,10 +1,10 @@
 ---
 to: src/entities/<%= Name %>/Form.tsx
 ---
-import useFkChoices from '@irontec/ivoz-ui/entities/data/useFkChoices';
-import defaultEntityBehavior, { EntityFormProps, FieldsetGroups } from '@irontec/ivoz-ui/entities/DefaultEntityBehavior';
-import _ from '@irontec/ivoz-ui/services/translations/translate';
-import { Form as DefaultEntityForm } from '@irontec/ivoz-ui/entities/DefaultEntityBehavior/Form';
+import useFkChoices from '@irontec-voip/ivoz-ui/entities/data/useFkChoices';
+import defaultEntityBehavior, { EntityFormProps, FieldsetGroups } from '@irontec-voip/ivoz-ui/entities/DefaultEntityBehavior';
+import _ from '@irontec-voip/ivoz-ui/services/translations/translate';
+import { Form as DefaultEntityForm } from '@irontec-voip/ivoz-ui/entities/DefaultEntityBehavior/Form';
 import { foreignKeyGetter } from './ForeignKeyGetter';
 
 const Form = (props: EntityFormProps): JSX.Element => {

package/hygen/templates/entity/new/SelectOptions.ejs.t

@@ -1,10 +1,10 @@
 ---
 to: src/entities/<%= Name %>/SelectOptions.ts
 ---
-import defaultEntityBehavior from '@irontec/ivoz-ui/entities/DefaultEntityBehavior';
-import { SelectOptionsType } from '@irontec/ivoz-ui/entities/EntityInterface';
+import defaultEntityBehavior from '@irontec-voip/ivoz-ui/entities/DefaultEntityBehavior';
+import { SelectOptionsType } from '@irontec-voip/ivoz-ui/entities/EntityInterface';
 import { <%= Name %>PropertiesList } from './<%= Name %>Properties';
-import { DropdownChoices } from '@irontec/ivoz-ui';
+import { DropdownChoices } from '@irontec-voip/ivoz-ui';
 import store from 'store';
 
 const <%= Name %>SelectOptions: SelectOptionsType = ({ callback, cancelToken }): Promise<unknown> => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@irontec/ivoz-ui",
-  "version": "1.3.11",
+  "version": "1.3.15",
   "description": "UI library used in ivozprovider",
   "license": "GPL-3.0",
   "main": "index.js",

package/services/form/Field/FileUploader/FileUploader.styles.d.ts

@@ -12,5 +12,6 @@ interface StyledUploadButtonLabelProps {
 export declare const StyledUploadButtonLabel: import("@emotion/styled").StyledComponent<StyledUploadButtonLabelProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const StyledFileNameContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledImageContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledImagePreview: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const StyledTextContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/services/form/Field/FileUploader/FileUploader.styles.js

@@ -37,6 +37,10 @@ export const StyledImageContainer = styled('div')({
         color: '#A3A4A8',
     },
 });
+export const StyledImagePreview = styled('img')({
+    maxWidth: '300px',
+    height: 'auto',
+});
 export const StyledTextContainer = styled('div')({
     color: '#B2B3B6',
     fontSize: '14px',

package/services/form/Field/FileUploader/Variant/ImageFileUploader.js

@@ -1,15 +1,48 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import AccountCircleIcon from '@mui/icons-material/AccountCircle';
+import { useEffect, useState } from 'react';
 import _ from '../../../../translations/translate';
-import { StyledFileUploaderContainer, StyledImageContainer, StyledTextContainer, StyledUploadButtonLabel, } from '../FileUploader.styles';
+import { StyledFileUploaderContainer, StyledImageContainer, StyledImagePreview, StyledTextContainer, StyledUploadButtonLabel, } from '../FileUploader.styles';
+import { useStoreActions } from '../../../../../store';
 export const ImageFileUploader = (props) => {
     var _a, _b;
-    const { _columnName, accept, values, disabled, handleDownload, changeHandler, onBlur, } = props;
+    const { _columnName, accept, values, disabled, handleDownload, changeHandler, onBlur, downloadPath, } = props;
     const fileValue = values[_columnName];
     const id = `${_columnName}-file-upload`;
     const fileName = (fileValue === null || fileValue === void 0 ? void 0 : fileValue.file) ? (_a = fileValue.file) === null || _a === void 0 ? void 0 : _a.name : fileValue === null || fileValue === void 0 ? void 0 : fileValue.baseName;
     const fileSize = (fileValue === null || fileValue === void 0 ? void 0 : fileValue.file) ? (_b = fileValue.file) === null || _b === void 0 ? void 0 : _b.size : fileValue === null || fileValue === void 0 ? void 0 : fileValue.fileSize;
     const fileSizeMb = Math.round(((fileSize || 0) / 1024 / 1024) * 10) / 10;
+    const apiDownload = useStoreActions((actions) => {
+        return actions.api.download;
+    });
+    const [imageSrc, setImageSrc] = useState(null);
+    useEffect(() => {
+        setImageSrc(null);
+        if (fileValue.file) {
+            const reader = new FileReader();
+            reader.onloadend = () => {
+                setImageSrc(reader.result);
+            };
+            reader.readAsDataURL(fileValue.file);
+            return;
+        }
+        apiDownload({
+            path: downloadPath,
+            params: {},
+            successCallback: (data) => __awaiter(void 0, void 0, void 0, function* () {
+                setImageSrc(URL.createObjectURL(data));
+            }),
+        });
+    }, [fileValue.file]);
     return (_jsxs(_Fragment, { children: [_jsxs(StyledFileUploaderContainer, { children: [_jsx("input", { style: { display: 'none' }, id: id, type: 'file', accept: accept, onChange: (event) => {
                             const files = event.target.files || [];
                             const value = Object.assign(Object.assign({}, fileValue), { file: files[0] });
@@ -21,5 +54,5 @@ export const ImageFileUploader = (props) => {
                             };
                             changeHandler(changeEvent);
                             onBlur(changeEvent);
-                        } }), fileName && (_jsx(StyledImageContainer, Object.assign({ className: disabled ? 'disabled' : '' }, { children: values.id && _jsx(AccountCircleIcon, { onClick: handleDownload }) }))), _jsxs(StyledTextContainer, { children: [_jsx("span", { children: "JPG, JPEG, PNG format" }), _jsx("span", { children: "Maximum 500KB" }), !disabled && (_jsx(StyledUploadButtonLabel, Object.assign({ htmlFor: id }, { children: _('Upload image') }))), fileName && (_jsxs("span", { children: [fileName, " (", fileSizeMb, "MB)"] }))] })] }), _jsx("div", Object.assign({ className: 'uploader-backdrop' }, { children: "Image" }))] }));
+                        } }), fileName && (_jsx(StyledImageContainer, Object.assign({ className: disabled ? 'disabled' : '' }, { children: imageSrc ? (_jsx(StyledImagePreview, { src: imageSrc, onClick: handleDownload })) : (values.id && _jsx(AccountCircleIcon, { onClick: handleDownload })) }))), _jsxs(StyledTextContainer, { children: [_jsx("span", { children: "JPG, JPEG, PNG format" }), _jsx("span", { children: "Maximum 500KB" }), !disabled && (_jsx(StyledUploadButtonLabel, Object.assign({ htmlFor: id }, { children: _('Upload image') }))), fileName && (_jsxs("span", { children: [fileName, " (", fileSizeMb, "MB)"] }))] })] }), _jsx("div", Object.assign({ className: 'uploader-backdrop' }, { children: "Image" }))] }));
 };