@foris/avocado-not-front 1.3.0 → 1.4.1

package/dist/components/drawer/Drawer.d.ts

@@ -0,0 +1,8 @@
+import { type FC } from 'react';
+import { DrawerNotFrontProps } from '../../types';
+interface DrawerNotFrontExtendedProps extends DrawerNotFrontProps {
+    userFlow: string;
+    pageId: string;
+}
+declare const DrawerNotFront: FC<DrawerNotFrontExtendedProps>;
+export default DrawerNotFront;

package/dist/components/index.d.ts

@@ -20,4 +20,5 @@ import Table from './table/Table';
 import TextField from './text-field/TextField';
 import Toast from './toast/Toast';
 import Accordion from './accordion/Accordion';
-export { Body, Breadcrumbs, Button, CardNotification, Checkbox, CodeEditor, ContentWrapper, Divider, Chart, Header, Modal, OverlayRenderer, Pill, RoundButton, Row, Select, Spacing, Switch, Table, TextField, Toast, Accordion, };
+import Drawer from './drawer/Drawer';
+export { Body, Breadcrumbs, Button, CardNotification, Checkbox, CodeEditor, ContentWrapper, Divider, Chart, Drawer, Header, Modal, OverlayRenderer, Pill, RoundButton, Row, Select, Spacing, Switch, Table, TextField, Toast, Accordion, };

package/dist/store/useStore.d.ts

@@ -11,6 +11,7 @@ export type UserFlow = {
     isLoading: boolean;
     overlay: OverlayContent | null;
     isModalOpen?: boolean;
+    isDrawerOpen?: boolean;
 };
 export declare const useStore: import("zustand").UseBoundStore<import("zustand").StoreApi<NotFrontStore>>;
 export declare const setNotFrontStore: (userFlowId: string, apiConfig: ApiConfig, page: PageContent) => void;
@@ -53,3 +54,10 @@ export declare const setIsLoading: (userFlow: string, isLoading: boolean) => voi
  * @param isModalOpen - The new isModalOpen state
  */
 export declare const setModalOpen: (userFlow: string, isModalOpen: boolean) => void;
+/**
+ * Updates the isDrawerOpen state for a specific userFlow.
+ *
+ * @param userFlow - The identifier for the current userFlow
+ * @param isDrawerOpen - The new isDrawerOpen state
+ */
+export declare const setDrawerOpen: (userFlow: string, isDrawerOpen: boolean) => void;

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_1t8xs_1:not(:first-child){margin:1rem 0 0}._codeEditor_label_1t8xs_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_wrapper_1t8xs_13{display:flex;gap:1rem}._codeEditor_wrapper_1t8xs_13 ._input_1t8xs_17,._codeEditor_wrapper_1t8xs_13 ._preview_1t8xs_18{flex:1}._codeEditor_wrapper_1t8xs_13 ._input_1t8xs_17{border-radius:.25rem;border:1px solid var(--color-neutral-30);overflow:hidden}._codeEditor_wrapper_1t8xs_13 ._preview_1t8xs_18{max-height:400px;border-radius:.25rem;border:1px solid var(--color-neutral-30);min-height:400px;overflow-y:auto;padding:.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_g1eri_1{padding:1.5rem 2.75rem;background-color:var(--color-gray-80)}._header_content_g1eri_5{display:flex;flex-direction:column;gap:.75rem;margin:0 auto;max-width:1440px}._modalContent_1ynhd_1{display:flex;flex-direction:column;gap:.75rem;max-height:50vh;overflow:auto;padding:0 .25rem .5rem 0;width:calc(100% - .25rem)}@media (max-width: 992px){._modalContent_1ynhd_1{max-height:70vh;overflow:auto}}._row_1bqj4_1{display:flex;width:100%}._row__gap-none_1bqj4_5{gap:0}._row__gap-xxs_1bqj4_8{gap:.25rem}._row__gap-xs_1bqj4_11{gap:.5rem}._row__gap-sm_1bqj4_14{gap:.75rem}._row__gap-md_1bqj4_17{gap:1rem}._row__gap-lg_1bqj4_20{gap:1.25rem}._row__gap-xl_1bqj4_23{gap:1.5rem}._row__gap-xxl_1bqj4_26{gap:2rem}._row__gap-xxxl_1bqj4_29{gap:2.75rem}._row__justify-start_1bqj4_32{justify-content:flex-start}._row__justify-end_1bqj4_35{justify-content:flex-end}._row__justify-center_1bqj4_38{justify-content:center}._row__justify-space-between_1bqj4_41{justify-content:space-between}._row__justify-space-around_1bqj4_44{justify-content:space-around}._row__justify-space-evenly_1bqj4_47{justify-content:space-evenly}._row__align-start_1bqj4_50{align-items:flex-start}._row__align-end_1bqj4_53{align-items:flex-end}._row__align-center_1bqj4_56{align-items:center}._row__align-stretch_1bqj4_59{align-items:stretch}._row__align-baseline_1bqj4_62{align-items:baseline}._row_column_1bqj4_65{display:flex;flex-direction:column;min-height:1px;overflow-wrap:break-word;word-wrap:break-word}._row_column__gap-none_1bqj4_72{gap:0}._row_column__gap-xxs_1bqj4_75{gap:.25rem}._row_column__gap-xs_1bqj4_78{gap:.5rem}._row_column__gap-sm_1bqj4_81{gap:.75rem}._row_column__gap-md_1bqj4_84{gap:1rem}._row_column__gap-lg_1bqj4_87{gap:1.25rem}._row_column__gap-xl_1bqj4_90{gap:1.5rem}._row_column__gap-xxl_1bqj4_93{gap:2rem}._row_column__gap-xxxl_1bqj4_96{gap:2.75rem}._row_column__justify-start_1bqj4_99{justify-content:flex-start}._row_column__justify-end_1bqj4_102{justify-content:flex-end}._row_column__justify-center_1bqj4_105{justify-content:center}._row_column__justify-space-between_1bqj4_108{justify-content:space-between}._row_column__justify-space-around_1bqj4_111{justify-content:space-around}._row_column__justify-space-evenly_1bqj4_114{justify-content:space-evenly}._row_column__align-start_1bqj4_117{align-items:flex-start}._row_column__align-end_1bqj4_120{align-items:flex-end}._row_column__align-center_1bqj4_123{align-items:center}._row_column__align-stretch_1bqj4_126{align-items:stretch}._row_column__align-baseline_1bqj4_129{align-items:baseline}._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_3nr9n_1{display:flex;flex-direction:column;gap:.5rem}._tableArrayPills_3nr9n_7{display:flex;gap:.5rem;flex-wrap:wrap}._textFieldNotFront_cps4i_1{max-width:364px}@media (max-width: 992px){._textFieldNotFront_cps4i_1{max-width:364px}}._accordion_1ri2t_1{flex-shrink:0}._accordion_1ri2t_1 [class*=cardNotificationNotFront]{max-width:100%}._accordionBody_1ri2t_8{display:flex;flex-direction:column;gap:.75rem}
+._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_1t8xs_1:not(:first-child){margin:1rem 0 0}._codeEditor_label_1t8xs_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_wrapper_1t8xs_13{display:flex;gap:1rem}._codeEditor_wrapper_1t8xs_13 ._input_1t8xs_17,._codeEditor_wrapper_1t8xs_13 ._preview_1t8xs_18{flex:1}._codeEditor_wrapper_1t8xs_13 ._input_1t8xs_17{border-radius:.25rem;border:1px solid var(--color-neutral-30);overflow:hidden}._codeEditor_wrapper_1t8xs_13 ._preview_1t8xs_18{max-height:400px;border-radius:.25rem;border:1px solid var(--color-neutral-30);min-height:400px;overflow-y:auto;padding:.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_g1eri_1{padding:1.5rem 2.75rem;background-color:var(--color-gray-80)}._header_content_g1eri_5{display:flex;flex-direction:column;gap:.75rem;margin:0 auto;max-width:1440px}._modalContent_1ynhd_1{display:flex;flex-direction:column;gap:.75rem;max-height:50vh;overflow:auto;padding:0 .25rem .5rem 0;width:calc(100% - .25rem)}@media (max-width: 992px){._modalContent_1ynhd_1{max-height:70vh;overflow:auto}}._row_1bqj4_1{display:flex;width:100%}._row__gap-none_1bqj4_5{gap:0}._row__gap-xxs_1bqj4_8{gap:.25rem}._row__gap-xs_1bqj4_11{gap:.5rem}._row__gap-sm_1bqj4_14{gap:.75rem}._row__gap-md_1bqj4_17{gap:1rem}._row__gap-lg_1bqj4_20{gap:1.25rem}._row__gap-xl_1bqj4_23{gap:1.5rem}._row__gap-xxl_1bqj4_26{gap:2rem}._row__gap-xxxl_1bqj4_29{gap:2.75rem}._row__justify-start_1bqj4_32{justify-content:flex-start}._row__justify-end_1bqj4_35{justify-content:flex-end}._row__justify-center_1bqj4_38{justify-content:center}._row__justify-space-between_1bqj4_41{justify-content:space-between}._row__justify-space-around_1bqj4_44{justify-content:space-around}._row__justify-space-evenly_1bqj4_47{justify-content:space-evenly}._row__align-start_1bqj4_50{align-items:flex-start}._row__align-end_1bqj4_53{align-items:flex-end}._row__align-center_1bqj4_56{align-items:center}._row__align-stretch_1bqj4_59{align-items:stretch}._row__align-baseline_1bqj4_62{align-items:baseline}._row_column_1bqj4_65{display:flex;flex-direction:column;min-height:1px;overflow-wrap:break-word;word-wrap:break-word}._row_column__gap-none_1bqj4_72{gap:0}._row_column__gap-xxs_1bqj4_75{gap:.25rem}._row_column__gap-xs_1bqj4_78{gap:.5rem}._row_column__gap-sm_1bqj4_81{gap:.75rem}._row_column__gap-md_1bqj4_84{gap:1rem}._row_column__gap-lg_1bqj4_87{gap:1.25rem}._row_column__gap-xl_1bqj4_90{gap:1.5rem}._row_column__gap-xxl_1bqj4_93{gap:2rem}._row_column__gap-xxxl_1bqj4_96{gap:2.75rem}._row_column__justify-start_1bqj4_99{justify-content:flex-start}._row_column__justify-end_1bqj4_102{justify-content:flex-end}._row_column__justify-center_1bqj4_105{justify-content:center}._row_column__justify-space-between_1bqj4_108{justify-content:space-between}._row_column__justify-space-around_1bqj4_111{justify-content:space-around}._row_column__justify-space-evenly_1bqj4_114{justify-content:space-evenly}._row_column__align-start_1bqj4_117{align-items:flex-start}._row_column__align-end_1bqj4_120{align-items:flex-end}._row_column__align-center_1bqj4_123{align-items:center}._row_column__align-stretch_1bqj4_126{align-items:stretch}._row_column__align-baseline_1bqj4_129{align-items:baseline}._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_3nr9n_1{display:flex;flex-direction:column;gap:.5rem}._tableArrayPills_3nr9n_7{display:flex;gap:.5rem;flex-wrap:wrap}._textFieldNotFront_cps4i_1{max-width:364px}@media (max-width: 992px){._textFieldNotFront_cps4i_1{max-width:364px}}._accordion_1ri2t_1{flex-shrink:0}._accordion_1ri2t_1 [class*=cardNotificationNotFront]{max-width:100%}._accordionBody_1ri2t_8{display:flex;flex-direction:column;gap:.75rem}._drawer_13pxo_1{z-index:9}._drawerBody_13pxo_5{display:flex;flex-direction:column;gap:.75rem}._drawerFooter_13pxo_11{display:flex;gap:.75rem}

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

@@ -1,4 +1,4 @@
-import { ButtonProps, CardNotificationProps, CheckboxProps, DividerProps, HeadingProps, PillProps, RoundButtonProps, SelectProps, SwitchProps, TableProps, TextFieldProps, TextProps, ModalProps, AccordionProps } from '../../../avocado-suite';
+import { ButtonProps, CardNotificationProps, CheckboxProps, DividerProps, HeadingProps, PillProps, RoundButtonProps, SelectProps, SwitchProps, TableProps, TextFieldProps, TextProps, ModalProps, AccordionProps, DrawerProps } from '../../../avocado-suite';
 import { NotFrontActionType, NotFrontBaseProps, NotFrontDataSource, NotFrontDataSourceChart, NotFrontDataSourceSelect, NotFrontDataSourceTable, NotFrontDependency } from './componentsCore.type';
 /**
  * Represents a single breadcrumb item for the NotFront component
@@ -437,6 +437,24 @@ export interface ToastNotFrontProps extends NotFrontBaseProps {
      */
     variant: 'success' | 'error' | 'warning' | 'info';
 }
+/**
+ * Interface for the props used in the DrawerNotFront component.
+ */
+export interface DrawerNotFrontProps extends NotFrontBaseProps, Omit<DrawerProps, 'children' | 'header' | 'footer' | 'isOpen' | 'onClose'> {
+    component: 'drawer';
+    /**
+     * The content to be rendered in the header section of the drawer.
+     */
+    header?: string | NotFrontComponent[];
+    /**
+     * The content to be rendered in the body section of the drawer.
+     */
+    body: NotFrontComponent[];
+    /**
+     * The content to be rendered in the footer section of the drawer.
+     */
+    footer?: NotFrontComponent[];
+}
 /**
  * Interface for the props used in the AccordionNotFront component.
  */
@@ -452,7 +470,7 @@ export interface AccordionNotFrontProps extends NotFrontBaseProps, Omit<Accordio
 /**
  * Union type representing all possible NotFront component prop types.
  */
-export type NotFrontComponent = AccordionNotFrontProps | BreadcrumbsNotFrontProps | ButtonNotFrontProps | CardNotificationNotFrontProps | ChartNotFrontProps | CheckboxNotFrontProps | CodeEditorNotFrontProps | DividerNotFrontProps | HeadingNotFrontProps | ModalNotFrontProps | PillNotFrontProps | RoundButtonNotFrontProps | RowNotFrontProps | SelectNotFrontProps | SpacingNotFrontProps | SwitchNotFrontProps | TableNotFrontProps | TextFieldNotFrontProps | TextNotFrontProps | ToastNotFrontProps;
+export type NotFrontComponent = AccordionNotFrontProps | BreadcrumbsNotFrontProps | ButtonNotFrontProps | CardNotificationNotFrontProps | ChartNotFrontProps | CheckboxNotFrontProps | CodeEditorNotFrontProps | DividerNotFrontProps | DrawerNotFrontProps | HeadingNotFrontProps | ModalNotFrontProps | PillNotFrontProps | RoundButtonNotFrontProps | RowNotFrontProps | SelectNotFrontProps | SpacingNotFrontProps | SwitchNotFrontProps | TableNotFrontProps | TextFieldNotFrontProps | TextNotFrontProps | ToastNotFrontProps;
 /**
  * Mapping of component identifiers (as strings) to their corresponding prop types.
  */
@@ -465,6 +483,7 @@ export type NotFrontComponentTypeMap = {
     checkbox: CheckboxNotFrontProps;
     code: CodeEditorNotFrontProps;
     divider: DividerNotFrontProps;
+    drawer: DrawerNotFrontProps;
     heading: HeadingNotFrontProps;
     modal: ModalNotFrontProps;
     pill: PillNotFrontProps;

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

@@ -2,7 +2,7 @@ export interface NotFrontBaseProps {
     hash: string;
     responseKey: string;
 }
-export type NotFrontActionType = 'GO_TO_NEXT_UI' | 'FETCH_AND_GO_TO_NEXT_UI' | 'REDIRECT' | 'GET_DATA_SOURCE' | 'AUTOCLOSE_AND_REDIRECT' | 'CLOSE_MODAL';
+export type NotFrontActionType = 'GO_TO_NEXT_UI' | 'FETCH_AND_GO_TO_NEXT_UI' | 'REDIRECT' | 'GET_DATA_SOURCE' | 'AUTOCLOSE_AND_REDIRECT' | 'CLOSE_MODAL' | 'CLOSE_DRAWER' | 'OPEN_DRAWER';
 interface BaseDataSource {
     url: string;
     method: 'post' | 'get' | 'put' | 'patch';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foris/avocado-not-front",
-  "version": "1.3.0",
+  "version": "1.4.1",
   "publishConfig": {
     "access": "public"
   },
@@ -31,9 +31,9 @@
     "react-select-async-paginate": "0.7.3",
     "recharts": "3.1.0",
     "zustand": "4.5.4",
-    "@foris/avocado-core": "0.12.1",
+    "@foris/avocado-suite": "1.0.1",
     "@foris/avocado-icons": "1.16.0",
-    "@foris/avocado-suite": "1.0.0"
+    "@foris/avocado-core": "0.12.1"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "6.4.0",