@foris/avocado-not-front 0.14.0 → 0.16.0

package/dist/components/index.d.ts

@@ -4,14 +4,14 @@ import Button from './button/Button';
 import CardNotification from './card-notification/CardNotification';
 import Checkbox from './checkbox/Checkbox';
 import CodeEditor from './code-editor/CodeEditor';
-import ComponentList from './component-list/ComponentList';
 import ContentWrapper from './content-wrapper/ContentWrapper';
 import Divider from './divider/Divider';
 import Header from './header/Header';
+import OverlayRenderer from './overlay-renderer/OverlayRenderer';
 import RoundButton from './round-button/RoundButton';
 import Select from './select';
 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, ComponentList, ContentWrapper, Divider, Header, RoundButton, Select, Switch, Table, TextField, Toast, };
+export { Body, Breadcrumbs, Button, CardNotification, Checkbox, CodeEditor, ContentWrapper, Divider, Header, OverlayRenderer, RoundButton, Select, Switch, Table, TextField, Toast, };

package/dist/components/overlay-renderer/OverlayRenderer.d.ts

@@ -0,0 +1,7 @@
+import { type FC } from 'react';
+interface OverlayRendererProps {
+    userFlow: string;
+    pageId: string;
+}
+declare const OverlayRenderer: FC<OverlayRendererProps>;
+export default OverlayRenderer;

package/dist/components/select/select.util.d.ts

@@ -1,20 +1,3 @@
-/**
- * Constructs a URL with pagination and search query parameters.
- *
- * @param baseUrl - The base URL of the data source.
- * @param search - The search term to include as a query parameter.
- * @param page - The current pagination page number.
- * @returns A string with the full URL including query parameters.
- */
-export declare const buildPaginatedURL: (baseUrl: string, search: string, page: number) => string;
-/**
- * Converts an object of key-value pairs into a URI-encoded query string.
- *
- * @param {Record<string, any>} params - An object where keys and values represent query parameters.
- *                                       Values that are `null` or `undefined` will be skipped.
- * @returns {string} A properly URI-encoded query string (e.g., "key1=value1&key2=value2").
- */
-export declare const buildQueryString: (params: Record<string, any>) => string;
 /**
  * Extracts and transforms a list of options from a JSON response using JSONPath expressions.
  *

package/dist/components/table/table.util.d.ts

@@ -8,4 +8,4 @@ export type TableData = {
     items: any[];
     pagination: TablePaginationData;
 };
-export declare function parseDataFromResponse(response: any, jsonPathData: string, mapperData: DataSourceMapperData, jsonPathPagination?: any): TableData;
+export declare const parseDataFromResponse: (response: any, jsonPathData: string, mapperData: DataSourceMapperData, jsonPathPagination?: any) => TableData;

package/dist/hooks/builder/useBuilder.d.ts

@@ -5,8 +5,8 @@ import type { ObjectNotFront } from '../../types';
  *
  * @param userFlow - The current user flow identifier.
  * @param pageId - The current page identifier.
- * @param type - Indicates whether to render a 'body', 'header' or 'components' layout.
+ * @param type - Indicates whether to render a 'body', 'header'.
  * @param notFrontObject - The configuration object containing component data.
  * @returns A rendered Header, Body or Components with its child components or null if the type is unrecognized.
  */
-export declare const useBuilder: (userFlow: string, pageId: string, type: 'body' | 'header' | 'components', notFrontObject: ObjectNotFront | null) => JSX.Element | null;
+export declare const useBuilder: (userFlow: string, pageId: string, type: 'body' | 'header', notFrontObject: ObjectNotFront | null) => JSX.Element | null;

package/dist/store/useStore.d.ts

@@ -1,4 +1,4 @@
-import type { ApiConfig, NextUIResponseData, PageContent } from '../types/builder.type';
+import type { ApiConfig, NextUIResponseData, OverlayContent, PageContent } from '../types/builder.type';
 export type NotFrontStore = Record<string, UserFlow>;
 export type PageStore = {
     page?: PageContent | null;
@@ -9,9 +9,24 @@ export type UserFlow = {
     entries?: {};
     pages: Record<string, PageStore>;
     isLoading: boolean;
+    overlay: OverlayContent | null;
 };
 export declare const useStore: import("zustand").UseBoundStore<import("zustand").StoreApi<NotFrontStore>>;
 export declare const setNotFrontStore: (userFlowId: string, apiConfig: ApiConfig, page: PageContent) => void;
+/**
+ * Clears the overlay for a specific userFlow.
+ * Useful for closing toasts, modals, or other overlay components.
+ *
+ * @param userFlow - The identifier for the current userFlow
+ */
+export declare const clearOverlay: (userFlow: string) => void;
+/**
+ * Gets the current overlay for a specific userFlow.
+ *
+ * @param userFlow - The identifier for the current userFlow
+ * @returns The current overlay content or null if no overlay is active
+ */
+export declare const getOverlay: (userFlow: string) => OverlayContent | null;
 export declare const setPage: (userFlow: string, response: NextUIResponseData) => void;
 /**
  * Updates the `entries` object of a specific userFlow in the store.

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)}._componentList_1i0g0_1{margin:0 auto;max-width:1440px;padding:2rem 2.75rem;width:100%}._componentList_content_1i0g0_7{display:flex;flex-direction:column;gap:.75rem}._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}}._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}._selectNotFront_1yw9q_1{max-width:364px}@media (max-width: 992px){._selectNotFront_1yw9q_1{max-width:364px}}._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

@@ -114,6 +114,10 @@ export interface CardNotificationNotFrontProps extends NotFrontBaseProps, CardNo
  */
 export interface CodeEditorNotFrontProps extends NotFrontBaseProps {
     component: 'code';
+    /**
+     * Disabled state.
+     */
+    disabled?: boolean;
     /**
      * The label shown above the code editor input.
      */

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

@@ -3,17 +3,23 @@ export interface NotFrontBaseProps {
     responseKey: string;
 }
 export type NotFrontActionType = 'GO_TO_NEXT_UI' | 'FETCH_AND_GO_TO_NEXT_UI' | 'REDIRECT' | 'GET_DATA_SOURCE' | 'AUTOCLOSE_AND_REDIRECT';
-export type NotFrontRequestType = 'rest';
-export type NotFrontRequestMethod = 'post' | 'get';
-export interface NotFrontDataSource {
-    data: any;
-    headers: any;
-    method: NotFrontRequestMethod;
-    params?: any;
-    type: NotFrontRequestType;
+interface BaseDataSource {
     url: string;
+    method: 'post' | 'get';
+    headers?: Record<string, string>;
+    params?: any;
+}
+export interface NotFrontDataSourceRest extends BaseDataSource {
+    type: 'rest';
+    data?: any;
+}
+export interface NotFrontDataSourceGraphQL extends BaseDataSource {
+    type: 'graphql';
+    query: string;
+    variables?: Record<string, any>;
 }
-export interface NotFrontDataSourceSelect extends NotFrontDataSource {
+export type NotFrontDataSource = NotFrontDataSourceRest | NotFrontDataSourceGraphQL;
+export interface SelectDataSource {
     jsonPathOptions: string;
     jsonPathLabel: string;
     jsonPathValue?: string;
@@ -24,15 +30,17 @@ interface MapperDataItem {
 }
 type MapperDataValue = string | MapperDataItem;
 export type DataSourceMapperData = Record<string, MapperDataValue>;
-export interface NotFrontDataSourceTable extends NotFrontDataSource {
+export interface TableDataSource {
     jsonPathData: string;
     mapperData: DataSourceMapperData;
     jsonPathPagination?: {
-        size: string;
+        size?: string;
         total: string;
-        totalPages: string;
+        totalPages?: string;
     };
 }
+export type NotFrontDataSourceSelect = NotFrontDataSource & SelectDataSource;
+export type NotFrontDataSourceTable = NotFrontDataSource & TableDataSource;
 export interface NotFrontDependency {
     key: string;
     when: 'empty';

package/dist/utils/dataSource.util.d.ts

@@ -0,0 +1,33 @@
+import { NotFrontDataSource } from '../types/componentsCore.type';
+/**
+ * Constructs a URL with pagination and search query parameters.
+ *
+ * @param baseUrl - The base URL of the data source.
+ * @param search - The search term to include as a query parameter.
+ * @param page - The current pagination page number.
+ * @returns A string with the full URL including query parameters.
+ */
+export declare const buildPaginatedURL: (baseUrl: string, search: string, page: number) => string;
+/**
+ * Converts an object of key-value pairs into a URI-encoded query string.
+ *
+ * @param {Record<string, any>} params - An object where keys and values represent query parameters.
+ *                                       Values that are `null` or `undefined` will be skipped.
+ * @returns {string} A properly URI-encoded query string (e.g., "key1=value1&key2=value2").
+ */
+export declare const buildQueryString: (params: Record<string, any>) => string;
+/**
+ * Utility to build a normalized NotFrontDataSource object for REST or GraphQL requests.
+ *
+ * This function abstracts the construction of the request payload for dynamic data sources,
+ * supporting both REST and GraphQL APIs. It handles pagination, search, and parameter merging,
+ * ensuring the resulting object is ready to be consumed by fetchDataSource or similar data-fetching utilities.
+ *
+ *
+ * @param dataSource - The original dataSource configuration (REST or GraphQL)
+ * @param page - The page number for pagination (default: 1)
+ * @param search - Optional search string (used for filtering, e.g., in selects)
+ * @returns A NotFrontDataSource object ready for fetchDataSource
+ * @throws If the dataSource type is not supported
+ */
+export declare const buildRequestDataSource: (dataSource: NotFrontDataSource, page: number, search?: string) => NotFrontDataSource;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foris/avocado-not-front",
-  "version": "0.14.0",
+  "version": "0.16.0",
   "publishConfig": {
     "access": "public"
   },
@@ -30,8 +30,8 @@
     "react-select-async-paginate": "0.7.3",
     "zustand": "4.5.4",
     "@foris/avocado-core": "0.10.0",
-    "@foris/avocado-suite": "0.35.1",
-    "@foris/avocado-icons": "1.15.0"
+    "@foris/avocado-icons": "1.15.0",
+    "@foris/avocado-suite": "0.35.1"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "6.4.0",

package/dist/components/component-list/ComponentList.d.ts

@@ -1,13 +0,0 @@
-import type { FC, ReactNode } from 'react';
-import type { ObjectNotFront } from '../../types';
-interface ComponentListProps extends ObjectNotFront {
-    inputs: ReactNode[];
-}
-/**
- * `ComponentList` that renders a list of dynamic components inside a section.
- *
- * @param props - Props containing inputs (renderable components) and other page data.
- * @returns JSX Element representing the `componentList` of the page.
- */
-declare const ComponentList: FC<ComponentListProps>;
-export default ComponentList;