tycho-components 0.6.10 → 0.6.11

package/dist/AppForm/AppFormInfo.d.ts

@@ -0,0 +1,9 @@
+import { FormField } from './FormField';
+import './style.scss';
+type Props = {
+    fields: FormField[];
+    data: Record<string, any>;
+    prefix?: string;
+};
+export default function AppFormInfo({ fields, data }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/AppForm/AppFormInfo.js

@@ -0,0 +1,11 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import './style.scss';
+export default function AppFormInfo({ fields, data }) {
+    const { t } = useTranslation('common');
+    return (_jsx("div", { className: "app-form-info-container", children: fields.map((field, idx) => {
+            return (_jsxs("div", { className: "item", children: [_jsxs("span", { className: "label", children: [field.name, ":"] }), _jsx("span", { className: "value", children: field.display
+                            ? field.display(data[field.attr])
+                            : data[field.attr] || t('label.notavailable') })] }, idx));
+        }) }));
+}

package/dist/AppForm/FormField.d.ts

@@ -0,0 +1,23 @@
+import { SelectItem } from 'tycho-storybook';
+export type DisplayFunction = (value: any) => string;
+export type MaskFunction = (value: string, isBlur?: boolean) => string;
+export type FormField = {
+    attr: string;
+    name: string;
+    title?: string;
+    type: string;
+    required?: boolean;
+    disabled?: boolean;
+    options?: SelectItem[];
+    tooltip?: boolean;
+    default?: string | boolean | number;
+    role?: string;
+    fn?: (value: any) => string | number;
+    translation?: string;
+    mask?: MaskFunction;
+    blurMask?: MaskFunction;
+    pattern?: string;
+    rows?: number;
+    size?: 'medium' | 'small';
+    display?: DisplayFunction;
+};

package/dist/AppForm/FormField.js

@@ -0,0 +1 @@
+export {};

package/dist/AppForm/index.d.ts

@@ -0,0 +1,2 @@
+import AppFormInfo from './AppFormInfo';
+export default AppFormInfo;

package/dist/AppForm/index.js

@@ -0,0 +1,2 @@
+import AppFormInfo from './AppFormInfo';
+export default AppFormInfo;

package/dist/AppForm/style.scss

@@ -0,0 +1,25 @@
+.app-form-info-container {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+
+  .item {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+
+    &.full-width {
+      grid-column: 1 / -1;
+    }
+
+    .label {
+      @include label-medium-2;
+      color: var(--text-primary);
+    }
+
+    .value {
+      @include body-medium-1;
+      color: var(--text-secondary);
+    }
+  }
+}

package/dist/configs/Localization.d.ts

@@ -61,6 +61,7 @@ export declare const commonResources: {
             'button.filter': string;
             'label.public': string;
             'label.private': string;
+            'label.notavailable': string;
             'select.empty': string;
             'pagination.label.showing': string;
             'pagination.label.results': string;
@@ -318,6 +319,7 @@ export declare const commonResources: {
             'button.filter': string;
             'label.public': string;
             'label.private': string;
+            'label.notavailable': string;
             'select.empty': string;
             'pagination.label.showing': string;
             'pagination.label.results': string;
@@ -574,6 +576,7 @@ export declare const commonResources: {
             'button.filter': string;
             'label.public': string;
             'label.private': string;
+            'label.notavailable': string;
             'select.empty': string;
             'pagination.label.showing': string;
             'pagination.label.results': string;

package/dist/configs/localization/CommonTexts.d.ts

@@ -15,6 +15,7 @@ export declare const CommonTexts: {
         'button.filter': string;
         'label.public': string;
         'label.private': string;
+        'label.notavailable': string;
         'select.empty': string;
         'pagination.label.showing': string;
         'pagination.label.results': string;
@@ -61,6 +62,7 @@ export declare const CommonTexts: {
         'button.filter': string;
         'label.public': string;
         'label.private': string;
+        'label.notavailable': string;
         'select.empty': string;
         'pagination.label.showing': string;
         'pagination.label.results': string;
@@ -107,6 +109,7 @@ export declare const CommonTexts: {
         'button.filter': string;
         'label.public': string;
         'label.private': string;
+        'label.notavailable': string;
         'select.empty': string;
         'pagination.label.showing': string;
         'pagination.label.results': string;

package/dist/configs/localization/CommonTexts.js

@@ -15,6 +15,7 @@ export const CommonTexts = {
         'button.filter': 'Filter',
         'label.public': 'Public',
         'label.private': 'Private',
+        'label.notavailable': 'N/A',
         'select.empty': 'Select',
         'pagination.label.showing': '',
         'pagination.label.results': 'results per page',
@@ -61,6 +62,7 @@ export const CommonTexts = {
         'button.filter': 'Filtrar',
         'label.public': 'Público',
         'label.private': 'Privado',
+        'label.notavailable': 'N/A',
         'select.empty': 'Selecionar',
         'pagination.label.showing': 'Exibindo',
         'pagination.label.results': 'resultados por página',
@@ -107,6 +109,7 @@ export const CommonTexts = {
         'button.filter': 'Filtra',
         'label.public': 'Pubblico',
         'label.private': 'Privato',
+        'label.notavailable': 'N/A',
         'select.empty': 'Seleziona',
         'pagination.label.showing': 'Mostrando',
         'pagination.label.results': 'risultati per pagina',

package/dist/index.d.ts

@@ -7,6 +7,8 @@ export { default as AppEditable } from "./AppEditable";
 export type { AppEditableField } from "./AppEditable/AppEditableField";
 export { validateFormField } from "./AppEditable/FormField";
 export type { FieldOperations, FormField } from "./AppEditable/FormField";
+export { default as AppFormInfo } from "./AppForm/AppFormInfo";
+export type { FormField as AppFormFormField } from "./AppForm/FormField";
 export { convertEnum, convertList } from "./AppEditable/FormFieldOption";
 export type { FormFieldOption } from "./AppEditable/FormFieldOption";
 export { default as AppKeyboard } from "./AppKeyboard";

package/dist/index.js

@@ -4,6 +4,7 @@ export { default as AppColorpicker } from "./AppColorpicker";
 export { default as AppDropzone } from "./AppDropzone";
 export { default as AppEditable } from "./AppEditable";
 export { validateFormField } from "./AppEditable/FormField";
+export { default as AppFormInfo } from "./AppForm/AppFormInfo";
 export { convertEnum, convertList } from "./AppEditable/FormFieldOption";
 export { default as AppKeyboard } from "./AppKeyboard";
 export { default as AppLoading } from "./AppLoading";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.6.10",
+  "version": "0.6.11",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {