@foris/avocado-not-front 0.19.0 → 0.20.0

package/dist/components/chart/Chart.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ChartNotFrontProps } from '../../types';
+interface ChartNotFrontExtendedProps extends ChartNotFrontProps {
+    userFlow: string;
+}
+declare const Chart: React.FC<ChartNotFrontExtendedProps>;
+export default Chart;

package/dist/components/index.d.ts

@@ -6,7 +6,7 @@ import Checkbox from './checkbox/Checkbox';
 import CodeEditor from './code-editor/CodeEditor';
 import ContentWrapper from './content-wrapper/ContentWrapper';
 import Divider from './divider/Divider';
-import DynamicChart from './dynamic-chart/DynamicChart';
+import Chart from './chart/Chart';
 import Header from './header/Header';
 import Modal from './modal/Modal';
 import OverlayRenderer from './overlay-renderer/OverlayRenderer';
@@ -17,4 +17,4 @@ import Switch from './switch/Switch';
 import Table from './table/Table';
 import TextField from './text-field/TextField';
 import Toast from './toast/Toast';
-export { Body, Breadcrumbs, Button, CardNotification, Checkbox, CodeEditor, ContentWrapper, Divider, DynamicChart, Header, Modal, OverlayRenderer, RoundButton, Select, Spacing, Switch, Table, TextField, Toast, };
+export { Body, Breadcrumbs, Button, CardNotification, Checkbox, CodeEditor, ContentWrapper, Divider, Chart, Header, Modal, OverlayRenderer, RoundButton, Select, Spacing, Switch, Table, TextField, Toast, };

package/dist/hooks/useAction.d.ts

@@ -6,6 +6,9 @@ import { NextUIResponseData } from '../types/builder.type';
  */
 export declare const useAction: () => {
     getNextUI: (userFlow: string, pageHash: string, entries: any, responseKey: string) => Promise<AxiosResponse<NextUIResponseData, any>>;
-    fetchDataSource: (dataSource: NotFrontDataSource, userFlow: string, showLoading?: boolean) => Promise<AxiosResponse<any, any> | undefined>;
+    fetchDataSource: (dataSource: NotFrontDataSource, userFlow: string, showLoading?: boolean) => Promise<AxiosResponse<any, any> | {
+        status: number;
+        data: {};
+    } | undefined>;
     fetchAndGetNextUI: (userFlow: string, pageHash: string, entries: any, responseKey: string, dataSource: NotFrontDataSource) => Promise<AxiosResponse<NextUIResponseData, any> | undefined>;
 };

package/dist/index.d.ts

@@ -1,3 +1,3 @@
 export * from './hooks';
 export * from './types';
-export { DynamicChart } from './components';
+export { Chart } from './components';

package/dist/style.css

@@ -1 +1 @@
-._body_14tsv_1{padding:2rem 2.75rem;width:100%}._body_content_14tsv_5{display:flex;flex-direction:column;gap:.75rem;margin:0 auto;max-width:1440px}._cardNotificationNotFront_t7pln_1{max-width:50%}@media (max-width: 992px){._cardNotificationNotFront_t7pln_1{max-width:100%}}._codeEditor_7ct2r_1:not(:first-child){margin:1rem 0 0}._codeEditor_label_7ct2r_4{color:var(--color-neutral-90);display:block;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:700;line-height:.875rem;margin:0 0 .5rem}._codeEditor_input_7ct2r_13{border-radius:.25rem;overflow:hidden;border:1px solid var(--color-neutral-30)}._contentWrapper_12gyy_1{max-width:1440px}._contentWrapper_12gyy_1._contentWrapper__centered_12gyy_4{margin:0 auto}._dividerNotFront_tze3j_1{margin:1.25rem 0}._header_1lcyj_1{padding:1.5rem 2.75rem;background-color:var(--color-gray-80)}._header_content_1lcyj_5{display:flex;flex-direction:column;gap:.75rem}._selectNotFront_1yw9q_1{max-width:364px}@media (max-width: 992px){._selectNotFront_1yw9q_1{max-width:364px}}._spacing_19hqa_1._spacing__xxs_19hqa_1{margin:.25rem 0 0}._spacing_19hqa_1._spacing__xs_19hqa_4{margin:.5rem 0 0}._spacing_19hqa_1._spacing__sm_19hqa_7{margin:.75rem 0 0}._spacing_19hqa_1._spacing__md_19hqa_10{margin:1rem 0 0}._spacing_19hqa_1._spacing__lg_19hqa_13{margin:1.25rem 0 0}._spacing_19hqa_1._spacing__xl_19hqa_16{margin:1.5rem 0 0}._spacing_19hqa_1._spacing__xxl_19hqa_19{margin:2rem 0 0}._spacing_19hqa_1._spacing__xxxl_19hqa_22{margin:2.75rem 0 0}._tableSkeleton_1621g_1{display:flex;flex-direction:column;gap:.5rem}._textFieldNotFront_cps4i_1{max-width:364px}@media (max-width: 992px){._textFieldNotFront_cps4i_1{max-width:364px}}
+._body_14tsv_1{padding:2rem 2.75rem;width:100%}._body_content_14tsv_5{display:flex;flex-direction:column;gap:.75rem;margin:0 auto;max-width:1440px}._cardNotificationNotFront_t7pln_1{max-width:50%}@media (max-width: 992px){._cardNotificationNotFront_t7pln_1{max-width:100%}}._codeEditor_7ct2r_1:not(:first-child){margin:1rem 0 0}._codeEditor_label_7ct2r_4{color:var(--color-neutral-90);display:block;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:700;line-height:.875rem;margin:0 0 .5rem}._codeEditor_input_7ct2r_13{border-radius:.25rem;overflow:hidden;border:1px solid var(--color-neutral-30)}._contentWrapper_12gyy_1{max-width:1440px}._contentWrapper_12gyy_1._contentWrapper__centered_12gyy_4{margin:0 auto}._dividerNotFront_tze3j_1{margin:1.25rem 0}._header_1lcyj_1{padding:1.5rem 2.75rem;background-color:var(--color-gray-80)}._header_content_1lcyj_5{display:flex;flex-direction:column;gap:.75rem}._modalContent_1piho_1{overflow:auto;max-height:50vh}@media (max-width: 992px){._modalContent_1piho_1{overflow:auto;max-height:70vh}}._selectNotFront_1yw9q_1{max-width:364px}@media (max-width: 992px){._selectNotFront_1yw9q_1{max-width:364px}}._spacing_19hqa_1._spacing__xxs_19hqa_1{margin:.25rem 0 0}._spacing_19hqa_1._spacing__xs_19hqa_4{margin:.5rem 0 0}._spacing_19hqa_1._spacing__sm_19hqa_7{margin:.75rem 0 0}._spacing_19hqa_1._spacing__md_19hqa_10{margin:1rem 0 0}._spacing_19hqa_1._spacing__lg_19hqa_13{margin:1.25rem 0 0}._spacing_19hqa_1._spacing__xl_19hqa_16{margin:1.5rem 0 0}._spacing_19hqa_1._spacing__xxl_19hqa_19{margin:2rem 0 0}._spacing_19hqa_1._spacing__xxxl_19hqa_22{margin:2.75rem 0 0}._tableSkeleton_1621g_1{display:flex;flex-direction:column;gap:.5rem}._textFieldNotFront_cps4i_1{max-width:364px}@media (max-width: 992px){._textFieldNotFront_cps4i_1{max-width:364px}}

package/dist/types/components.type.d.ts

@@ -1,5 +1,5 @@
 import { ButtonProps, CardNotificationProps, CheckboxProps, DividerProps, HeadingProps, RoundButtonProps, SelectProps, SwitchProps, TableProps, TextFieldProps, TextProps, ModalProps } from '../../../avocado-suite';
-import { NotFrontActionType, NotFrontBaseProps, NotFrontDataSource, NotFrontDataSourceSelect, NotFrontDataSourceTable, NotFrontDependency } from './componentsCore.type';
+import { NotFrontActionType, NotFrontBaseProps, NotFrontDataSource, NotFrontDataSourceChart, NotFrontDataSourceSelect, NotFrontDataSourceTable, NotFrontDependency } from './componentsCore.type';
 /**
  * Represents a single breadcrumb item for the NotFront component
  */
@@ -66,6 +66,39 @@ export interface ButtonNotFrontProps extends NotFrontBaseProps, ButtonProps {
      */
     dependencies?: NotFrontDependency[];
 }
+/**
+ * Interface for the props used in the CardNotificationNotFront component.
+ */
+export interface CardNotificationNotFrontProps extends NotFrontBaseProps, CardNotificationProps {
+    component: 'cardNotification';
+    /**
+     * The content to be displayed inside the CardNotification component.
+     * This property is optional and represents the main text or message of the notification.
+     */
+    content?: string;
+    /**
+     * @deprecated Use `content` instead.
+     * This property will be removed in the future once the backend stops sending it.
+     * Currently kept for backward compatibility with existing implementations.
+     */
+    description?: string;
+}
+/**
+ * Interface for the props used in the ChartNotFront component.
+ */
+export interface ChartNotFrontProps extends NotFrontBaseProps {
+    component: 'chart';
+    /** Chart type */
+    type: 'area' | 'bar' | 'line' | 'pie';
+    /** Data source to load data for chart. */
+    dataSource: NotFrontDataSourceChart;
+    /** Chart data */
+    data: any;
+    /** Key for the x-axis */
+    xKey: string;
+    /** Keys for the y-axis */
+    yKeys: string[];
+}
 /**
  * Interface for the props used in the CheckboxNotFront component.
  */
@@ -92,23 +125,6 @@ export interface CheckboxNotFrontProps extends NotFrontBaseProps, CheckboxProps
      */
     dependencies?: NotFrontDependency[];
 }
-/**
- * Interface for the props used in the CardNotificationNotFront component.
- */
-export interface CardNotificationNotFrontProps extends NotFrontBaseProps, CardNotificationProps {
-    component: 'cardNotification';
-    /**
-     * The content to be displayed inside the CardNotification component.
-     * This property is optional and represents the main text or message of the notification.
-     */
-    content?: string;
-    /**
-     * @deprecated Use `content` instead.
-     * This property will be removed in the future once the backend stops sending it.
-     * Currently kept for backward compatibility with existing implementations.
-     */
-    description?: string;
-}
 /**
  * Interface for the props used in the CodeEditorNotFront component.
  */
@@ -347,7 +363,7 @@ export interface ToastNotFrontProps extends NotFrontBaseProps {
 /**
  * Union type representing all possible NotFront component prop types.
  */
-export type NotFrontComponent = BreadcrumbsNotFrontProps | ButtonNotFrontProps | CardNotificationNotFrontProps | CheckboxNotFrontProps | CodeEditorNotFrontProps | DividerNotFrontProps | HeadingNotFrontProps | ModalNotFrontProps | RoundButtonNotFrontProps | SelectNotFrontProps | SpacingNotFrontProps | SwitchNotFrontProps | TableNotFrontProps | TextFieldNotFrontProps | TextNotFrontProps | ToastNotFrontProps;
+export type NotFrontComponent = BreadcrumbsNotFrontProps | ButtonNotFrontProps | CardNotificationNotFrontProps | ChartNotFrontProps | CheckboxNotFrontProps | CodeEditorNotFrontProps | DividerNotFrontProps | HeadingNotFrontProps | ModalNotFrontProps | RoundButtonNotFrontProps | SelectNotFrontProps | SpacingNotFrontProps | SwitchNotFrontProps | TableNotFrontProps | TextFieldNotFrontProps | TextNotFrontProps | ToastNotFrontProps;
 /**
  * Mapping of component identifiers (as strings) to their corresponding prop types.
  */
@@ -355,6 +371,7 @@ export type NotFrontComponentTypeMap = {
     breadcrumbs: BreadcrumbsNotFrontProps;
     button: ButtonNotFrontProps;
     cardNotification: CardNotificationNotFrontProps;
+    chart: ChartNotFrontProps;
     checkbox: CheckboxNotFrontProps;
     code: CodeEditorNotFrontProps;
     divider: DividerNotFrontProps;

package/dist/types/componentsCore.type.d.ts

@@ -30,6 +30,10 @@ interface MapperDataItem {
 }
 type MapperDataValue = string | MapperDataItem;
 export type DataSourceMapperData = Record<string, MapperDataValue>;
+export interface ChartDataSource {
+    jsonPathData: string;
+    mapperData: DataSourceMapperData;
+}
 export interface TableDataSource {
     jsonPathData: string;
     mapperData: DataSourceMapperData;
@@ -39,6 +43,7 @@ export interface TableDataSource {
         totalPages?: string;
     };
 }
+export type NotFrontDataSourceChart = NotFrontDataSource & ChartDataSource;
 export type NotFrontDataSourceSelect = NotFrontDataSource & SelectDataSource;
 export type NotFrontDataSourceTable = NotFrontDataSource & TableDataSource;
 export interface NotFrontDependency {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foris/avocado-not-front",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "publishConfig": {
     "access": "public"
   },
@@ -30,9 +30,9 @@
     "react-select-async-paginate": "0.7.3",
     "recharts": "3.1.0",
     "zustand": "4.5.4",
-    "@foris/avocado-core": "0.10.0",
+    "@foris/avocado-suite": "0.36.0",
     "@foris/avocado-icons": "1.15.0",
-    "@foris/avocado-suite": "0.36.0"
+    "@foris/avocado-core": "0.10.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "6.4.0",

package/dist/components/dynamic-chart/DynamicChart.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { ChartConfig } from './chart.types';
-interface DynamicChartProps {
-    config: ChartConfig;
-}
-declare const DynamicChart: React.FC<DynamicChartProps>;
-export default DynamicChart;