@foris/avocado-not-front 0.5.0 → 0.6.0

package/dist/components/header/Header.d.ts

@@ -14,7 +14,6 @@ interface HeaderProps {
  * Header component that renders a title and optional dynamic inputs.
  *
  * @param className - Additional class names for custom styling.
- * @param title - Title text displayed as a Heading.
  * @param theme - Visual theme for the header (light, dark, or auto).
  * @param inputs - List of dynamic components to render inside the header.
  * @returns A styled header component.

package/dist/components/index.d.ts

@@ -3,5 +3,6 @@ import Button from './button/Button';
 import CodeEditor from './code-editor/CodeEditor';
 import ContentWrapper from './content-wrapper/ContentWrapper';
 import Header from './header/Header';
+import Select from './select';
 import TextField from './text-field/TextField';
-export { Body, Button, CodeEditor, ContentWrapper, Header, TextField };
+export { Body, Button, CodeEditor, ContentWrapper, Header, Select, TextField };

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

@@ -0,0 +1,11 @@
+import { SelectNotFrontProps } from '../../types';
+/**
+ * Extended props for NotFront Select component.
+ * Includes context identifiers for the userFlow and pageId.
+ */
+interface SelectPaginationNotFrontExtendedProps extends SelectNotFrontProps {
+    userFlow: string;
+    pageId: string;
+}
+declare const SelectPaginationNotFront: ({ userFlow, pageId, component, hash, responseKey, required, dataSource, actionType, ...otherProps }: SelectPaginationNotFrontExtendedProps) => JSX.Element;
+export default SelectPaginationNotFront;

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

@@ -0,0 +1,11 @@
+import { SelectNotFrontProps } from '../../types';
+/**
+ * Extended props for NotFront Select component.
+ * Includes context identifiers for the userFlow and pageId.
+ */
+interface SelectSimpleNotFrontExtendedProps extends SelectNotFrontProps {
+    userFlow: string;
+    pageId: string;
+}
+declare const SelectSimpleNotFront: ({ userFlow, pageId, responseKey, dataSource, required, actionType, ...otherProps }: SelectSimpleNotFrontExtendedProps) => JSX.Element;
+export default SelectSimpleNotFront;

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

@@ -0,0 +1,11 @@
+import { SelectNotFrontProps } from '../../types';
+/**
+ * Extended props for NotFront Select component.
+ * Includes context identifiers for the userFlow and pageId.
+ */
+interface SelectNotFrontExtendedProps extends SelectNotFrontProps {
+    userFlow: string;
+    pageId: string;
+}
+declare const SelectNotFront: (notFrontProps: SelectNotFrontExtendedProps) => JSX.Element;
+export default SelectNotFront;

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

@@ -0,0 +1,20 @@
+/**
+ * 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;
+/**
+ * Extracts and transforms a list of options from a JSON response using JSONPath expressions.
+ *
+ * @param data - The response data object from the data source.
+ * @param jsonPathOptions - JSONPath expression to extract the list of option items.
+ * @param jsonPathLabel - JSONPath expression to extract the label.
+ * @param jsonPathValue - Optional JSONPath expression to extract the value.
+ *                         If not provided, the full item is used as the value.
+ * @returns An array of options formatted as `{ label, value }` objects.
+ */
+export declare const parseOptionsFromResponse: (data: any, jsonPathOptions: string, jsonPathLabel: string, jsonPathValue?: string) => any;

package/dist/hooks/useAction.d.ts

@@ -5,5 +5,6 @@ import { NotFrontDataSource } from '../types/componentsCore.type';
  */
 export declare const useAction: () => {
     getNextUI: (userFlow: string, pageId: string, entries: any, responseKey: string) => Promise<AxiosResponse<any, any>>;
+    fetchDataSource: (dataSource: NotFrontDataSource) => Promise<AxiosResponse<any, any> | undefined>;
     fetchAndGetNextUI: (userFlow: string, pageId: string, entries: any, responseKey: string, dataSource: NotFrontDataSource) => Promise<AxiosResponse<any, any> | undefined>;
 };

package/dist/style.css

@@ -1 +1 @@
-._contentWrapper_12gyy_1{max-width:1440px}._contentWrapper_12gyy_1._contentWrapper__centered_12gyy_4{margin:0 auto}._body_content_2k94c_1{padding:2rem 2.75rem}._codeEditor_1viyo_1:not(:first-child){margin:1rem 0 0}._codeEditor_label_1viyo_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_1viyo_13{border-radius:.25rem;overflow:hidden;max-width:800px;border:1px solid var(--color-neutral-30)}._header_19ove_1{padding:1.5rem 2.75rem;background-color:var(--color-gray-80)}._header_content_19ove_5{display:grid;grid-template-columns:1fr auto;gap:.5rem}._header_content_19ove_5 ._contentLeft_19ove_10{display:flex;flex-direction:column;gap:1.5rem}._header_content_19ove_5 ._contentLeft_19ove_10 ._title_19ove_15{color:var(--color-gray-00)}@media screen and (max-width: 992px){._header_19ove_1{padding:1rem 1.5rem}._header_content_19ove_5 ._contentLeft_19ove_10{gap:2.75rem}._header_content_19ove_5 ._contentLeft_19ove_10 ._title_19ove_15{font-size:1.375rem}}
+._body_1crqw_1{padding:2rem 2.75rem}._body_content_1crqw_4{display:flex;flex-direction:column;gap:.75rem}._codeEditor_1viyo_1:not(:first-child){margin:1rem 0 0}._codeEditor_label_1viyo_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_1viyo_13{border-radius:.25rem;overflow:hidden;max-width:800px;border:1px solid var(--color-neutral-30)}._contentWrapper_12gyy_1{max-width:1440px}._contentWrapper_12gyy_1._contentWrapper__centered_12gyy_4{margin:0 auto}._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}

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

@@ -1,5 +1,5 @@
-import { ButtonProps, CardNotificationProps, HeadingProps, TextFieldProps, TextProps } from '../../../avocado-suite';
-import { NotFrontActionType, NotFrontBaseProps, NotFrontDataSource } from './componentsCore.type';
+import { ButtonProps, CardNotificationProps, HeadingProps, SelectProps, TextFieldProps, TextProps } from '../../../avocado-suite';
+import { NotFrontActionType, NotFrontBaseProps, NotFrontDataSource, NotFrontDataSourceSelect } from './componentsCore.type';
 /**
  * Interface for the props used in the ButtonNotFrontProps component.
  */
@@ -86,6 +86,24 @@ export interface HeadingNotFrontProps extends NotFrontBaseProps, HeadingProps {
      */
     variant?: 'h1' | 'h2' | 'h3' | 'h4';
 }
+/**
+ * Interface for the props used in the SelectNotFront component.
+ */
+export interface SelectNotFrontProps extends NotFrontBaseProps, SelectProps {
+    component: 'select';
+    /**
+     * Defines the action triggered when the option is selected.
+     */
+    actionType: NotFrontActionType;
+    /**
+     * Optional data source used when involves fetching data.
+     */
+    dataSource: NotFrontDataSourceSelect;
+    /**
+     * Indicates whether the component is mandatory.
+     */
+    required: boolean;
+}
 /**
  * Interface for the props used in the TextNotFront component.
  */
@@ -110,7 +128,7 @@ export interface TextFieldNotFrontProps extends NotFrontBaseProps, TextFieldProp
 /**
  * Union type representing all possible NotFront component prop types.
  */
-export type NotFrontComponent = ButtonNotFrontProps | CardNotificationNotFrontProps | CodeEditorNotFrontProps | HeadingNotFrontProps | TextNotFrontProps | TextFieldNotFrontProps;
+export type NotFrontComponent = ButtonNotFrontProps | CardNotificationNotFrontProps | CodeEditorNotFrontProps | HeadingNotFrontProps | SelectNotFrontProps | TextNotFrontProps | TextFieldNotFrontProps;
 /**
  * Mapping of component identifiers (as strings) to their corresponding prop types.
  */
@@ -119,6 +137,7 @@ export type NotFrontComponentTypeMap = {
     cardNotification: CardNotificationNotFrontProps;
     code: CodeEditorNotFrontProps;
     heading: HeadingNotFrontProps;
+    select: SelectNotFrontProps;
     text: TextNotFrontProps;
     textField: TextFieldNotFrontProps;
 };

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

@@ -2,9 +2,9 @@ export interface NotFrontBaseProps {
     hash: string;
     responseKey: string;
 }
-export type NotFrontActionType = 'GO_TO_NEXT_UI' | 'FETCH_AND_GO_TO_NEXT_UI' | 'REDIRECT';
+export type NotFrontActionType = 'GO_TO_NEXT_UI' | 'FETCH_AND_GO_TO_NEXT_UI' | 'REDIRECT' | 'GET_DATA_SOURCE';
 export type NotFrontRequestType = 'rest';
-export type NotFrontRequestMethod = 'post';
+export type NotFrontRequestMethod = 'post' | 'get';
 export interface NotFrontDataSource {
     data: any;
     headers: any;
@@ -12,3 +12,8 @@ export interface NotFrontDataSource {
     type: NotFrontRequestType;
     url: string;
 }
+export interface NotFrontDataSourceSelect extends NotFrontDataSource {
+    jsonPathOptions: string;
+    jsonPathLabel: string;
+    jsonPathValue?: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foris/avocado-not-front",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "publishConfig": {
     "access": "public"
   },
@@ -23,6 +23,7 @@
     "@codemirror/lang-yaml": "6.1.2",
     "@uiw/react-codemirror": "4.23.12",
     "axios": "^1.8.4",
+    "jsonpath": "1.1.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-select": "5.8.0",
@@ -30,7 +31,7 @@
     "zustand": "4.5.4",
     "@foris/avocado-core": "0.10.0",
     "@foris/avocado-icons": "1.13.0",
-    "@foris/avocado-suite": "0.32.0"
+    "@foris/avocado-suite": "0.32.1"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "6.4.0",