@addsign/moje-agenda-shared-lib 2.0.11 → 2.0.12

package/dist/main.d.ts

@@ -17,6 +17,7 @@ export { default as Modal } from './components/Modal.tsx';
 export { default as PositionsSelectorSingle } from './components/form/PositionsSelectorSingle.tsx';
 export { default as Calendar } from './components/Calendar.tsx';
 export { default as DataTable } from './components/datatable/DataTable.tsx';
+export { default as CollapsibleSection } from './components/layout/CollapsibleSection.tsx';
 export { default as DataTableServer, resetAllDataTablePaging, } from './components/datatable/DataTableServer.tsx';
 export { default as DateRangeField } from './components/form/DateRangeField.tsx';
 export { default as DateField } from './components/form/DateField.tsx';
@@ -43,6 +44,7 @@ export * from './components/ui/tooltip.tsx';
 export * from './components/ui/separator.tsx';
 export * from './components/ui/textarea.tsx';
 export * from './components/ui/checkbox.tsx';
+export * from './components/ui/sonner.tsx';
 export { Button as ButtonCN, buttonVariants } from './components/ui/button.tsx';
 export { Calendar as CalendarCn } from './components/ui/Calendar.tsx';
 export { default as DateTimePicker } from './components/ui/DateTimePicker.tsx';

package/dist/main.js

@@ -17,11 +17,12 @@ import { Modal } from "./components/Modal.js";
 import { default as default14 } from "./components/form/PositionsSelectorSingle.js";
 import { default as default15 } from "./components/Calendar.js";
 import { default as default16 } from "./components/datatable/DataTable.js";
-import { default as default17, resetAllDataTablePaging } from "./components/datatable/DataTableServer.js";
-import { default as default18 } from "./components/form/DateRangeField.js";
-import { default as default19 } from "./components/form/DateField.js";
-import { default as default20 } from "./components/SpinnerIcon.js";
-import { default as default21 } from "./utils/PdfManager.js";
+import { default as default17 } from "./components/layout/CollapsibleSection.js";
+import { default as default18, resetAllDataTablePaging } from "./components/datatable/DataTableServer.js";
+import { default as default19 } from "./components/form/DateRangeField.js";
+import { default as default20 } from "./components/form/DateField.js";
+import { default as default21 } from "./components/SpinnerIcon.js";
+import { default as default22 } from "./utils/PdfManager.js";
 import { FederationContext, FederationContextProvider } from "./contexts/FederationContext.js";
 import { useFederationContext } from "./contexts/useFederationContext.js";
 import { getFullName, getFullNameList, getFullNameListPositionWithEmployee, getFullNamePositionWithEmployee } from "./utils/getFullName.js";
@@ -30,7 +31,7 @@ import { handleErrors } from "./utils/handleErrors.js";
 import { hasRightInModule } from "./utils/hasRightInModule.js";
 import { hasRole } from "./utils/hasRole.js";
 import { EApproverRoles, EApproverTypes, EDecisionsTranslations, EEntity, Eagendy, Eassignments, Estavy } from "./types.js";
-import { D, c, e, i, g, f, b, a, h, d } from "./Dialog-BtXGfOmv.js";
+import { D, c, e, i, g, f, b, a, h, d } from "./Dialog-D9rsAQnn.js";
 import { ScrollArea, ScrollBar } from "./components/ui/ScrollArea.js";
 import { Input } from "./components/ui/input.js";
 import { Form, FormControl, FormDescription, FormFieldCN, FormItem, FormLabel, FormMessage, useFormField } from "./components/ui/form.js";
@@ -42,10 +43,12 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./comp
 import { Separator } from "./components/ui/separator.js";
 import { Textarea } from "./components/ui/textarea.js";
 import { Checkbox } from "./components/ui/checkbox.js";
+import { Toaster } from "./components/ui/sonner.js";
 import { Button, buttonVariants } from "./components/ui/button.js";
 import { C } from "./Calendar-DWT4e7Th.js";
-import { default as default22 } from "./components/ui/DateTimePicker.js";
-import { default as default23 } from "./components/ui/DatePicker.js";
+import { default as default23 } from "./components/ui/DateTimePicker.js";
+import { default as default24 } from "./components/ui/DatePicker.js";
+import { t } from "./index-CmEWEow1.js";
 export {
   default3 as AutocompleteSearchBar,
   default4 as AutocompleteSearchBarServer,
@@ -54,6 +57,7 @@ export {
   default15 as Calendar,
   C as CalendarCn,
   Checkbox,
+  default17 as CollapsibleSection,
   Command,
   CommandDialog,
   CommandEmpty,
@@ -65,11 +69,11 @@ export {
   CommandShortcut,
   ConfirmationModalDialog,
   default16 as DataTable,
-  default17 as DataTableServer,
-  default19 as DateField,
-  default23 as DatePicker,
-  default18 as DateRangeField,
-  default22 as DateTimePicker,
+  default18 as DataTableServer,
+  default20 as DateField,
+  default24 as DatePicker,
+  default19 as DateRangeField,
+  default23 as DateTimePicker,
   D as Dialog,
   c as DialogClose,
   e as DialogContent,
@@ -104,7 +108,7 @@ export {
   Modal,
   ModalDialog,
   default12 as PageTitle,
-  default21 as PdfManager,
+  default22 as PdfManager,
   default14 as PositionsSelectorSingle,
   default8 as RadioGroup,
   RadioGroupCN,
@@ -125,8 +129,9 @@ export {
   SelectValue,
   Separator,
   default13 as Spinner,
-  default20 as SpinnerIcon,
+  default21 as SpinnerIcon,
   Textarea,
+  Toaster,
   Tooltip,
   TooltipContent,
   TooltipProvider,
@@ -141,6 +146,7 @@ export {
   hasRightInModule,
   hasRole,
   resetAllDataTablePaging,
+  t as toast,
   useFederationContext,
   useFormField
 };

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"main.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/types.d.ts

@@ -58,6 +58,7 @@ export interface IEventMessage {
     message?: string;
     timeout?: number;
     classes?: string;
+    type?: "success" | "info" | "warning" | "error";
 }
 export type Events = {
     message?: IEventMessage;

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../lib/types.ts"],"sourcesContent":["import { AxiosInstance } from \"axios\";\r\nimport { Emitter } from \"mitt\";\r\n\r\n\r\nimport { UseFormReturn } from \"react-hook-form\";\r\n\r\nexport interface IUserInfo {\r\n  contractGroup: number;\r\n  degreeAfter: string;\r\n  degreeBefore: string;\r\n  departmentId: string;\r\n  departmentName: string;\r\n  departmentNameLong: string;\r\n  email: string;\r\n  employeeId: number;\r\n  firstName: string;\r\n  lastName: string;\r\n  positionName: string;\r\n  positionNumber: string;\r\n  userId: string;\r\n  mobile: string;\r\n  phone: string;\r\n  contractTitle: string;\r\n  managerTitle: string;\r\n  manager: string;\r\n  functionTitle: string;\r\n  officeAddress: string;\r\n\r\n}\r\nexport interface IBuilding {\r\n  buildingId: string;\r\n  nameFull: string;\r\n\r\n}export interface IBuildingLOV {\r\n  buildingId: string;\r\n  name: string;\r\n  ofsId?: number;\r\n\r\n}\r\nexport interface IEmployee extends IUserInfo {\r\n\r\n  deleted: boolean\r\n  hasComputer: string\r\n  language: string\r\n  manager: string\r\n  parentFrId: number\r\n  positionId: number\r\n  validFrom: string\r\n  validTo: string\r\n  contractType: number\r\n  exemption: number\r\n  activatedOn: string\r\n  building?: IBuilding | null\r\n}\r\n\r\nexport interface IAuthApp {\r\n  name: string;\r\n  label: string;\r\n  roles: string[];\r\n}\r\n\r\nexport type IAuthApps = IAuthApp[];\r\n\r\nexport interface IEventMessage {\r\n  title?: string;\r\n  message?: string;\r\n  timeout?: number;\r\n  classes?: string;\r\n}\r\n\r\nexport type Events = {\r\n  message?: IEventMessage;\r\n  loading?: boolean;\r\n};\r\n\r\nexport interface IContextValue {\r\n  userInfo: IUserInfo;\r\n  apiClient: AxiosInstance;\r\n  authApps: IAuthApps;\r\n  emitter: Emitter<Events>;\r\n  isAdminApp?: boolean;\r\n}\r\nexport interface IOptionItem {\r\n  value: string | number | null;\r\n  label: string;\r\n  description?: string;\r\n}\r\n\r\nexport type IFormProps = {\r\n  formName: string;\r\n  entityId: string;\r\n  entityName: string;\r\n  context: IContextValue;\r\n  onSuccess: (path: string, message?: string) => void;\r\n};\r\nexport type IListProps = {\r\n  id?: string;\r\n  listName: string;\r\n  filters: object; //{ [key: string]: any };\r\n  context: IContextValue;\r\n  title?: string;\r\n};\r\nexport type IPageProps = {\r\n  pageName: string;\r\n  context: IContextValue;\r\n};\r\n\r\nexport type IStartProcessProps = {\r\n  context: IContextValue;\r\n\r\n  onNavigate: (path: string) => void;\r\n};\r\n\r\nexport interface IModuleProcess {\r\n\r\n  key: string;\r\n  name: string;\r\n  description: string;\r\n  disabled?: boolean;\r\n\r\n}\r\nexport interface IModulePage {\r\n\r\n  pageName: string;\r\n  name: string;\r\n  description: string;\r\n  disabled?: boolean;\r\n  roles?: string[];\r\n  admin?: boolean;\r\n}\r\nexport interface IModuleSettings {\r\n\r\n  key: string;\r\n  name: string;\r\n  description: string;\r\n  disabled?: boolean;\r\n  roles?: string[];\r\n  admin?: boolean;\r\n\r\n}\r\n\r\nexport interface IModuleConstants {\r\n\r\n  key: string\r\n  name: string\r\n  processes: IModuleProcess[],\r\n  reports?: IModulePage[],\r\n  pages?: IModulePage[],\r\n\r\n}\r\n\r\n\r\nexport interface IPosition {\r\n  id: number;\r\n  departmentId: string;\r\n  positionName: string;\r\n  positionNumber: string;\r\n  manager: string;\r\n  virtual: boolean;\r\n  title: string;\r\n}\r\nexport interface IPositionEmployee extends IPosition {\r\n  employee: IEmployee;\r\n}\r\nexport interface IEmployeePosition extends IEmployee {\r\n  position: IPosition;\r\n}\r\nexport type { ICalendarItem } from \"./components/Calendar\";\r\n\r\n\r\nexport interface ITimeOffCategoryDto {\r\n  id?: number;\r\n  name?: string;\r\n}\r\nexport interface ITimeOffData {\r\n  id: number;\r\n  startDate: string;\r\n  endDate: string;\r\n  days?: number;\r\n  year?: number;\r\n  comment?: string;\r\n  applicant?: IEmployee;\r\n  place?: string;\r\n  leaveType?: string;\r\n  initiator?: string;\r\n  dateFromEvidence?: string;\r\n  dateToEvidence?: string;\r\n  status?: number;\r\n  statusText?: string;\r\n  timeOffCategoryDto: ITimeOffCategoryDto;\r\n  applicantContractGroup?: number;\r\n  name?: string;\r\n  daysOfEvidence?: number;\r\n  daysInStartMonth?: number;\r\n  daysInEndMonth?: number;\r\n  lastChange?: string;\r\n  created?: string;\r\n  updated?: string;\r\n  attachment?: IAttachment;\r\n  steps?: IStep[];\r\n}\r\n\r\nexport interface IDepartment {\r\n  departmentId: string;\r\n  nameLong: string;\r\n  parentDepartmentId: string;\r\n  parentLocationId: number;\r\n  nameShort: string;\r\n}\r\n\r\nexport interface IPageable<T> {\r\n  content: T[];\r\n  empty: boolean;\r\n  first: boolean;\r\n  last: boolean;\r\n  number: number;\r\n  numberOfElements: number;\r\n  size: number;\r\n  totalElements: number;\r\n  totalPages: number;\r\n}\r\n\r\n\r\nexport interface IFormFieldGlobalProps {\r\n  label?: string;\r\n  description?: string;\r\n  name: string;\r\n  type?: string;\r\n  value?: any;\r\n\r\n  methods?: UseFormReturn<any>;\r\n\r\n  errors?: any;\r\n  register?: any;\r\n  disabled?: boolean;\r\n  required?: boolean;\r\n  clearable?: boolean;\r\n  placeholder?: string;\r\n  children?: React.ReactNode;\r\n  className?: string;\r\n  rounded?: boolean;\r\n  onInputChange: (\r\n    e: React.ChangeEvent<\r\n      HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | any\r\n    >\r\n  ) => void;\r\n\r\n  onFocus?: () => void;\r\n  onBlur?: () => void;\r\n  inline?: boolean,\r\n  ref?: any;\r\n}\r\n\r\n\r\nexport interface SysConfigHolidayEntityResponse {\r\n  \"id\": number,\r\n  \"date\": string,\r\n  \"day\": number,\r\n  \"month\": number,\r\n  \"year\": number,\r\n  \"dayOfWeek\": number\r\n}\r\n\r\n\r\nexport interface IProfileApprover {\r\n  id: number;\r\n  role: number;\r\n  roleTxt: string;\r\n  approverOrder: number;\r\n  approver: IEmployee;\r\n  position: IPositionEmployee;\r\n  isEmployee: boolean;\r\n  ignore: boolean;\r\n  makePreapprover: boolean;\r\n}\r\n\r\n\r\nexport enum EApproverRoles {\r\n  predschvalovatel = 10,\r\n  zastupce = 20,\r\n  zastupce9 = 30,\r\n  vedouci = 40,\r\n  vyssiSchvalovatel = 60,\r\n  vyssiSchvalovatelZastupce = 61,\r\n  vyssiSchvalovatelZastupce9 = 62,\r\n  dochazkovyVedouci = 90,\r\n}\r\nexport enum EApproverTypes {\r\n  vyssiSchvalovatel = \"vyssiSchvalovatel\",\r\n  vyssiSchvalovatelZastupce = \"vyssiSchvalovatelZastupce\",\r\n  vyssiSchvalovatelZastupce9 = \"vyssiSchvalovatelZastupce9\",\r\n  vedouci = \"vedouci\",\r\n  zastupce9 = \"zastupce9\",\r\n  zastupce = \"zastupce\",\r\n  predschvalovatel1 = \"predschvalovatel1\",\r\n  predschvalovatel2 = \"predschvalovatel2\",\r\n  predschvalovatel3 = \"predschvalovatel3\",\r\n  dochazkovyVedouci = \"dochazkovyVedouci\",\r\n}\r\n\r\nexport interface IAttachment {\r\n\r\n\r\n  id: number;\r\n  created: string;\r\n  createdByEmpId: string;\r\n  updated: string;\r\n  updatedByEmpId: string;\r\n  mimeType: string;\r\n  size: number;\r\n  filename: string;\r\n\r\n}\r\n\r\n\r\n\r\nexport interface IStep {\r\n\r\n\r\n  date: string;\r\n  type: number;\r\n  comment: string;\r\n  decision: string;\r\n  employee: IEmployee;\r\n\r\n}\r\n\r\n\r\nexport enum EDecisionsTranslations {\r\n  approved = 'Schváleno',\r\n  rejected = 'Zamítnuto',\r\n  cancelled = 'Stornováno',\r\n  evided = 'Zaevidováno',\r\n}\r\n\r\n\r\nexport interface ProcessDefinitionDto {\r\n  /**\r\n   * The id of the process definition\r\n   *\r\n   * @type {string}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  id?: string | null;\r\n\r\n  /**\r\n   * The key of the process definition, i.e., the id of the BPMN 2.0 XML process definition.\r\n   *\r\n   * @type {string}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  key?: string | null;\r\n\r\n  /**\r\n   * The category of the process definition.\r\n   *\r\n   * @type {string}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  category?: string | null;\r\n\r\n  /**\r\n   * The description of the process definition.\r\n   *\r\n   * @type {string}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  description?: string | null;\r\n\r\n  /**\r\n   * The name of the process definition.\r\n   *\r\n   * @type {string}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  name?: string | null;\r\n\r\n  /**\r\n   * The version of the process definition that the engine assigned to it.\r\n   *\r\n   * @type {number}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  version?: number | null;\r\n\r\n  /**\r\n   * The file name of the process definition.\r\n   *\r\n   * @type {string}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  resource?: string | null;\r\n\r\n  /**\r\n   * The deployment id of the process definition.\r\n   *\r\n   * @type {string}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  deploymentId?: string | null;\r\n\r\n  /**\r\n   * The file name of the process definition diagram, if it exists.\r\n   *\r\n   * @type {string}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  diagram?: string | null;\r\n\r\n  /**\r\n   * A flag indicating whether the definition is suspended or not.\r\n   *\r\n   * @type {boolean}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  suspended?: boolean | null;\r\n\r\n  /**\r\n   * The tenant id of the process definition.\r\n   *\r\n   * @type {string}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  tenantId?: string | null;\r\n\r\n  /**\r\n   * The version tag of the process definition.\r\n   *\r\n   * @type {string}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  versionTag?: string | null;\r\n\r\n  /**\r\n   * History time to live value of the process definition. Is used within [History cleanup](https://docs.camunda.org/manual/7.20/user-guide/process-engine/history/#history-cleanup).\r\n   *\r\n   * @type {number}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  historyTimeToLive?: number | null;\r\n\r\n  /**\r\n   * A flag indicating whether the process definition is startable in Tasklist or not.\r\n   *\r\n   * @type {boolean}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  startableInTasklist?: boolean | null;\r\n}\r\n\r\nexport interface VariableValueDto {\r\n  /**\r\n   * @type {AnyValue}\r\n   * @memberof VariableValueDto\r\n   */\r\n  value?: unknown;\r\n\r\n  /**\r\n   * The value type of the variable.\r\n   *\r\n   * @type {string}\r\n   * @memberof VariableValueDto\r\n   */\r\n  type?: string | null;\r\n\r\n  /**\r\n   * A JSON object containing additional, value-type-dependent properties. For serialized variables of type Object, the following properties can be provided:  * `objectTypeName`: A string representation of the object's type name. * `serializationDataFormat`: The serialization format used to store the variable.  For serialized variables of type File, the following properties can be provided:  * `filename`: The name of the file. This is not the variable name but the name that will be used when downloading the file again. * `mimetype`: The MIME type of the file that is being uploaded. * `encoding`: The encoding of the file that is being uploaded.  The following property can be provided for all value types:  * `transient`: Indicates whether the variable should be transient or not. See [documentation](https://docs.camunda.org/manual/7.20/user-guide/process-engine/variables#transient-variables) for more informations. (Not applicable for `decision-definition`, ` /process-instance/variables-async`, and `/migration/executeAsync` endpoints)\r\n   *\r\n   * @type {{ [key: string]: any; }}\r\n   * @memberof VariableValueDto\r\n   */\r\n  valueInfo?: { [key: string]: unknown };\r\n}\r\n\r\n\r\n\r\nexport interface FormValues {\r\n  [key: string]: VariableValueDto;\r\n}\r\n\r\n\r\nexport enum Eagendy {\r\n  all = \"Všechny\",\r\n  timeoff = \"Nepřítomnost\",\r\n  vacatransfer = \"Převod dovolené\",\r\n}\r\nexport enum Estavy {\r\n  active = \"Ke zpracování\",\r\n  done = \"Hotové\",\r\n  all = 'Všechny',\r\n}\r\nexport enum Eassignments {\r\n  my = \"Moje\",\r\n  sub = \"Podřízených\",\r\n  all = 'Všechny',\r\n}\r\nexport enum EEntity {\r\n  task = \"Úkoly\",\r\n  application = \"Žádosti\",\r\n}\r\n"],"names":["EApproverRoles","EApproverTypes","EDecisionsTranslations","Eagendy","Estavy","Eassignments","EEntity"],"mappings":"AAqRY,IAAA,mCAAAA,oBAAL;AACLA,kBAAAA,gBAAA,sBAAmB,EAAnB,IAAA;AACAA,kBAAAA,gBAAA,cAAW,EAAX,IAAA;AACAA,kBAAAA,gBAAA,eAAY,EAAZ,IAAA;AACAA,kBAAAA,gBAAA,aAAU,EAAV,IAAA;AACAA,kBAAAA,gBAAA,uBAAoB,EAApB,IAAA;AACAA,kBAAAA,gBAAA,+BAA4B,EAA5B,IAAA;AACAA,kBAAAA,gBAAA,gCAA6B,EAA7B,IAAA;AACAA,kBAAAA,gBAAA,uBAAoB,EAApB,IAAA;AARUA,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;AAUA,IAAA,mCAAAC,oBAAL;AACLA,kBAAA,mBAAoB,IAAA;AACpBA,kBAAA,2BAA4B,IAAA;AAC5BA,kBAAA,4BAA6B,IAAA;AAC7BA,kBAAA,SAAU,IAAA;AACVA,kBAAA,WAAY,IAAA;AACZA,kBAAA,UAAW,IAAA;AACXA,kBAAA,mBAAoB,IAAA;AACpBA,kBAAA,mBAAoB,IAAA;AACpBA,kBAAA,mBAAoB,IAAA;AACpBA,kBAAA,mBAAoB,IAAA;AAVVA,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;AAyCA,IAAA,2CAAAC,4BAAL;AACLA,0BAAA,UAAW,IAAA;AACXA,0BAAA,UAAW,IAAA;AACXA,0BAAA,WAAY,IAAA;AACZA,0BAAA,QAAS,IAAA;AAJCA,SAAAA;AAAA,GAAA,0BAAA,CAAA,CAAA;AAyJA,IAAA,4BAAAC,aAAL;AACLA,WAAA,KAAM,IAAA;AACNA,WAAA,SAAU,IAAA;AACVA,WAAA,cAAe,IAAA;AAHLA,SAAAA;AAAA,GAAA,WAAA,CAAA,CAAA;AAKA,IAAA,2BAAAC,YAAL;AACLA,UAAA,QAAS,IAAA;AACTA,UAAA,MAAO,IAAA;AACPA,UAAA,KAAM,IAAA;AAHIA,SAAAA;AAAA,GAAA,UAAA,CAAA,CAAA;AAKA,IAAA,iCAAAC,kBAAL;AACLA,gBAAA,IAAK,IAAA;AACLA,gBAAA,KAAM,IAAA;AACNA,gBAAA,KAAM,IAAA;AAHIA,SAAAA;AAAA,GAAA,gBAAA,CAAA,CAAA;AAKA,IAAA,4BAAAC,aAAL;AACLA,WAAA,MAAO,IAAA;AACPA,WAAA,aAAc,IAAA;AAFJA,SAAAA;AAAA,GAAA,WAAA,CAAA,CAAA;"}
+{"version":3,"file":"types.js","sources":["../lib/types.ts"],"sourcesContent":["import { AxiosInstance } from \"axios\";\r\nimport { Emitter } from \"mitt\";\r\n\r\n\r\nimport { UseFormReturn } from \"react-hook-form\";\r\n\r\nexport interface IUserInfo {\r\n  contractGroup: number;\r\n  degreeAfter: string;\r\n  degreeBefore: string;\r\n  departmentId: string;\r\n  departmentName: string;\r\n  departmentNameLong: string;\r\n  email: string;\r\n  employeeId: number;\r\n  firstName: string;\r\n  lastName: string;\r\n  positionName: string;\r\n  positionNumber: string;\r\n  userId: string;\r\n  mobile: string;\r\n  phone: string;\r\n  contractTitle: string;\r\n  managerTitle: string;\r\n  manager: string;\r\n  functionTitle: string;\r\n  officeAddress: string;\r\n\r\n}\r\nexport interface IBuilding {\r\n  buildingId: string;\r\n  nameFull: string;\r\n\r\n}export interface IBuildingLOV {\r\n  buildingId: string;\r\n  name: string;\r\n  ofsId?: number;\r\n\r\n}\r\nexport interface IEmployee extends IUserInfo {\r\n\r\n  deleted: boolean\r\n  hasComputer: string\r\n  language: string\r\n  manager: string\r\n  parentFrId: number\r\n  positionId: number\r\n  validFrom: string\r\n  validTo: string\r\n  contractType: number\r\n  exemption: number\r\n  activatedOn: string\r\n  building?: IBuilding | null\r\n}\r\n\r\nexport interface IAuthApp {\r\n  name: string;\r\n  label: string;\r\n  roles: string[];\r\n}\r\n\r\nexport type IAuthApps = IAuthApp[];\r\n\r\nexport interface IEventMessage {\r\n  title?: string;\r\n  message?: string;\r\n  timeout?: number;\r\n  classes?: string;\r\n  type?: \"success\" | \"info\" | \"warning\" | \"error\";\r\n}\r\n\r\nexport type Events = {\r\n  message?: IEventMessage;\r\n  loading?: boolean;\r\n};\r\n\r\nexport interface IContextValue {\r\n  userInfo: IUserInfo;\r\n  apiClient: AxiosInstance;\r\n  authApps: IAuthApps;\r\n  emitter: Emitter<Events>;\r\n  isAdminApp?: boolean;\r\n}\r\nexport interface IOptionItem {\r\n  value: string | number | null;\r\n  label: string;\r\n  description?: string;\r\n}\r\n\r\nexport type IFormProps = {\r\n  formName: string;\r\n  entityId: string;\r\n  entityName: string;\r\n  context: IContextValue;\r\n  onSuccess: (path: string, message?: string) => void;\r\n};\r\nexport type IListProps = {\r\n  id?: string;\r\n  listName: string;\r\n  filters: object; //{ [key: string]: any };\r\n  context: IContextValue;\r\n  title?: string;\r\n};\r\nexport type IPageProps = {\r\n  pageName: string;\r\n  context: IContextValue;\r\n};\r\n\r\nexport type IStartProcessProps = {\r\n  context: IContextValue;\r\n\r\n  onNavigate: (path: string) => void;\r\n};\r\n\r\nexport interface IModuleProcess {\r\n\r\n  key: string;\r\n  name: string;\r\n  description: string;\r\n  disabled?: boolean;\r\n\r\n}\r\nexport interface IModulePage {\r\n\r\n  pageName: string;\r\n  name: string;\r\n  description: string;\r\n  disabled?: boolean;\r\n  roles?: string[];\r\n  admin?: boolean;\r\n}\r\nexport interface IModuleSettings {\r\n\r\n  key: string;\r\n  name: string;\r\n  description: string;\r\n  disabled?: boolean;\r\n  roles?: string[];\r\n  admin?: boolean;\r\n\r\n}\r\n\r\nexport interface IModuleConstants {\r\n\r\n  key: string\r\n  name: string\r\n  processes: IModuleProcess[],\r\n  reports?: IModulePage[],\r\n  pages?: IModulePage[],\r\n\r\n}\r\n\r\n\r\nexport interface IPosition {\r\n  id: number;\r\n  departmentId: string;\r\n  positionName: string;\r\n  positionNumber: string;\r\n  manager: string;\r\n  virtual: boolean;\r\n  title: string;\r\n}\r\nexport interface IPositionEmployee extends IPosition {\r\n  employee: IEmployee;\r\n}\r\nexport interface IEmployeePosition extends IEmployee {\r\n  position: IPosition;\r\n}\r\nexport type { ICalendarItem } from \"./components/Calendar\";\r\n\r\n\r\nexport interface ITimeOffCategoryDto {\r\n  id?: number;\r\n  name?: string;\r\n}\r\nexport interface ITimeOffData {\r\n  id: number;\r\n  startDate: string;\r\n  endDate: string;\r\n  days?: number;\r\n  year?: number;\r\n  comment?: string;\r\n  applicant?: IEmployee;\r\n  place?: string;\r\n  leaveType?: string;\r\n  initiator?: string;\r\n  dateFromEvidence?: string;\r\n  dateToEvidence?: string;\r\n  status?: number;\r\n  statusText?: string;\r\n  timeOffCategoryDto: ITimeOffCategoryDto;\r\n  applicantContractGroup?: number;\r\n  name?: string;\r\n  daysOfEvidence?: number;\r\n  daysInStartMonth?: number;\r\n  daysInEndMonth?: number;\r\n  lastChange?: string;\r\n  created?: string;\r\n  updated?: string;\r\n  attachment?: IAttachment;\r\n  steps?: IStep[];\r\n}\r\n\r\nexport interface IDepartment {\r\n  departmentId: string;\r\n  nameLong: string;\r\n  parentDepartmentId: string;\r\n  parentLocationId: number;\r\n  nameShort: string;\r\n}\r\n\r\nexport interface IPageable<T> {\r\n  content: T[];\r\n  empty: boolean;\r\n  first: boolean;\r\n  last: boolean;\r\n  number: number;\r\n  numberOfElements: number;\r\n  size: number;\r\n  totalElements: number;\r\n  totalPages: number;\r\n}\r\n\r\n\r\nexport interface IFormFieldGlobalProps {\r\n  label?: string;\r\n  description?: string;\r\n  name: string;\r\n  type?: string;\r\n  value?: any;\r\n\r\n  methods?: UseFormReturn<any>;\r\n\r\n  errors?: any;\r\n  register?: any;\r\n  disabled?: boolean;\r\n  required?: boolean;\r\n  clearable?: boolean;\r\n  placeholder?: string;\r\n  children?: React.ReactNode;\r\n  className?: string;\r\n  rounded?: boolean;\r\n  onInputChange: (\r\n    e: React.ChangeEvent<\r\n      HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | any\r\n    >\r\n  ) => void;\r\n\r\n  onFocus?: () => void;\r\n  onBlur?: () => void;\r\n  inline?: boolean,\r\n  ref?: any;\r\n}\r\n\r\n\r\nexport interface SysConfigHolidayEntityResponse {\r\n  \"id\": number,\r\n  \"date\": string,\r\n  \"day\": number,\r\n  \"month\": number,\r\n  \"year\": number,\r\n  \"dayOfWeek\": number\r\n}\r\n\r\n\r\nexport interface IProfileApprover {\r\n  id: number;\r\n  role: number;\r\n  roleTxt: string;\r\n  approverOrder: number;\r\n  approver: IEmployee;\r\n  position: IPositionEmployee;\r\n  isEmployee: boolean;\r\n  ignore: boolean;\r\n  makePreapprover: boolean;\r\n}\r\n\r\n\r\nexport enum EApproverRoles {\r\n  predschvalovatel = 10,\r\n  zastupce = 20,\r\n  zastupce9 = 30,\r\n  vedouci = 40,\r\n  vyssiSchvalovatel = 60,\r\n  vyssiSchvalovatelZastupce = 61,\r\n  vyssiSchvalovatelZastupce9 = 62,\r\n  dochazkovyVedouci = 90,\r\n}\r\nexport enum EApproverTypes {\r\n  vyssiSchvalovatel = \"vyssiSchvalovatel\",\r\n  vyssiSchvalovatelZastupce = \"vyssiSchvalovatelZastupce\",\r\n  vyssiSchvalovatelZastupce9 = \"vyssiSchvalovatelZastupce9\",\r\n  vedouci = \"vedouci\",\r\n  zastupce9 = \"zastupce9\",\r\n  zastupce = \"zastupce\",\r\n  predschvalovatel1 = \"predschvalovatel1\",\r\n  predschvalovatel2 = \"predschvalovatel2\",\r\n  predschvalovatel3 = \"predschvalovatel3\",\r\n  dochazkovyVedouci = \"dochazkovyVedouci\",\r\n}\r\n\r\nexport interface IAttachment {\r\n\r\n\r\n  id: number;\r\n  created: string;\r\n  createdByEmpId: string;\r\n  updated: string;\r\n  updatedByEmpId: string;\r\n  mimeType: string;\r\n  size: number;\r\n  filename: string;\r\n\r\n}\r\n\r\n\r\n\r\nexport interface IStep {\r\n\r\n\r\n  date: string;\r\n  type: number;\r\n  comment: string;\r\n  decision: string;\r\n  employee: IEmployee;\r\n\r\n}\r\n\r\n\r\nexport enum EDecisionsTranslations {\r\n  approved = 'Schváleno',\r\n  rejected = 'Zamítnuto',\r\n  cancelled = 'Stornováno',\r\n  evided = 'Zaevidováno',\r\n}\r\n\r\n\r\nexport interface ProcessDefinitionDto {\r\n  /**\r\n   * The id of the process definition\r\n   *\r\n   * @type {string}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  id?: string | null;\r\n\r\n  /**\r\n   * The key of the process definition, i.e., the id of the BPMN 2.0 XML process definition.\r\n   *\r\n   * @type {string}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  key?: string | null;\r\n\r\n  /**\r\n   * The category of the process definition.\r\n   *\r\n   * @type {string}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  category?: string | null;\r\n\r\n  /**\r\n   * The description of the process definition.\r\n   *\r\n   * @type {string}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  description?: string | null;\r\n\r\n  /**\r\n   * The name of the process definition.\r\n   *\r\n   * @type {string}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  name?: string | null;\r\n\r\n  /**\r\n   * The version of the process definition that the engine assigned to it.\r\n   *\r\n   * @type {number}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  version?: number | null;\r\n\r\n  /**\r\n   * The file name of the process definition.\r\n   *\r\n   * @type {string}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  resource?: string | null;\r\n\r\n  /**\r\n   * The deployment id of the process definition.\r\n   *\r\n   * @type {string}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  deploymentId?: string | null;\r\n\r\n  /**\r\n   * The file name of the process definition diagram, if it exists.\r\n   *\r\n   * @type {string}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  diagram?: string | null;\r\n\r\n  /**\r\n   * A flag indicating whether the definition is suspended or not.\r\n   *\r\n   * @type {boolean}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  suspended?: boolean | null;\r\n\r\n  /**\r\n   * The tenant id of the process definition.\r\n   *\r\n   * @type {string}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  tenantId?: string | null;\r\n\r\n  /**\r\n   * The version tag of the process definition.\r\n   *\r\n   * @type {string}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  versionTag?: string | null;\r\n\r\n  /**\r\n   * History time to live value of the process definition. Is used within [History cleanup](https://docs.camunda.org/manual/7.20/user-guide/process-engine/history/#history-cleanup).\r\n   *\r\n   * @type {number}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  historyTimeToLive?: number | null;\r\n\r\n  /**\r\n   * A flag indicating whether the process definition is startable in Tasklist or not.\r\n   *\r\n   * @type {boolean}\r\n   * @memberof ProcessDefinitionDto\r\n   */\r\n  startableInTasklist?: boolean | null;\r\n}\r\n\r\nexport interface VariableValueDto {\r\n  /**\r\n   * @type {AnyValue}\r\n   * @memberof VariableValueDto\r\n   */\r\n  value?: unknown;\r\n\r\n  /**\r\n   * The value type of the variable.\r\n   *\r\n   * @type {string}\r\n   * @memberof VariableValueDto\r\n   */\r\n  type?: string | null;\r\n\r\n  /**\r\n   * A JSON object containing additional, value-type-dependent properties. For serialized variables of type Object, the following properties can be provided:  * `objectTypeName`: A string representation of the object's type name. * `serializationDataFormat`: The serialization format used to store the variable.  For serialized variables of type File, the following properties can be provided:  * `filename`: The name of the file. This is not the variable name but the name that will be used when downloading the file again. * `mimetype`: The MIME type of the file that is being uploaded. * `encoding`: The encoding of the file that is being uploaded.  The following property can be provided for all value types:  * `transient`: Indicates whether the variable should be transient or not. See [documentation](https://docs.camunda.org/manual/7.20/user-guide/process-engine/variables#transient-variables) for more informations. (Not applicable for `decision-definition`, ` /process-instance/variables-async`, and `/migration/executeAsync` endpoints)\r\n   *\r\n   * @type {{ [key: string]: any; }}\r\n   * @memberof VariableValueDto\r\n   */\r\n  valueInfo?: { [key: string]: unknown };\r\n}\r\n\r\n\r\n\r\nexport interface FormValues {\r\n  [key: string]: VariableValueDto;\r\n}\r\n\r\n\r\nexport enum Eagendy {\r\n  all = \"Všechny\",\r\n  timeoff = \"Nepřítomnost\",\r\n  vacatransfer = \"Převod dovolené\",\r\n}\r\nexport enum Estavy {\r\n  active = \"Ke zpracování\",\r\n  done = \"Hotové\",\r\n  all = 'Všechny',\r\n}\r\nexport enum Eassignments {\r\n  my = \"Moje\",\r\n  sub = \"Podřízených\",\r\n  all = 'Všechny',\r\n}\r\nexport enum EEntity {\r\n  task = \"Úkoly\",\r\n  application = \"Žádosti\",\r\n}\r\n"],"names":["EApproverRoles","EApproverTypes","EDecisionsTranslations","Eagendy","Estavy","Eassignments","EEntity"],"mappings":"AAsRY,IAAA,mCAAAA,oBAAL;AACLA,kBAAAA,gBAAA,sBAAmB,EAAnB,IAAA;AACAA,kBAAAA,gBAAA,cAAW,EAAX,IAAA;AACAA,kBAAAA,gBAAA,eAAY,EAAZ,IAAA;AACAA,kBAAAA,gBAAA,aAAU,EAAV,IAAA;AACAA,kBAAAA,gBAAA,uBAAoB,EAApB,IAAA;AACAA,kBAAAA,gBAAA,+BAA4B,EAA5B,IAAA;AACAA,kBAAAA,gBAAA,gCAA6B,EAA7B,IAAA;AACAA,kBAAAA,gBAAA,uBAAoB,EAApB,IAAA;AARUA,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;AAUA,IAAA,mCAAAC,oBAAL;AACLA,kBAAA,mBAAoB,IAAA;AACpBA,kBAAA,2BAA4B,IAAA;AAC5BA,kBAAA,4BAA6B,IAAA;AAC7BA,kBAAA,SAAU,IAAA;AACVA,kBAAA,WAAY,IAAA;AACZA,kBAAA,UAAW,IAAA;AACXA,kBAAA,mBAAoB,IAAA;AACpBA,kBAAA,mBAAoB,IAAA;AACpBA,kBAAA,mBAAoB,IAAA;AACpBA,kBAAA,mBAAoB,IAAA;AAVVA,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;AAyCA,IAAA,2CAAAC,4BAAL;AACLA,0BAAA,UAAW,IAAA;AACXA,0BAAA,UAAW,IAAA;AACXA,0BAAA,WAAY,IAAA;AACZA,0BAAA,QAAS,IAAA;AAJCA,SAAAA;AAAA,GAAA,0BAAA,CAAA,CAAA;AAyJA,IAAA,4BAAAC,aAAL;AACLA,WAAA,KAAM,IAAA;AACNA,WAAA,SAAU,IAAA;AACVA,WAAA,cAAe,IAAA;AAHLA,SAAAA;AAAA,GAAA,WAAA,CAAA,CAAA;AAKA,IAAA,2BAAAC,YAAL;AACLA,UAAA,QAAS,IAAA;AACTA,UAAA,MAAO,IAAA;AACPA,UAAA,KAAM,IAAA;AAHIA,SAAAA;AAAA,GAAA,UAAA,CAAA,CAAA;AAKA,IAAA,iCAAAC,kBAAL;AACLA,gBAAA,IAAK,IAAA;AACLA,gBAAA,KAAM,IAAA;AACNA,gBAAA,KAAM,IAAA;AAHIA,SAAAA;AAAA,GAAA,gBAAA,CAAA,CAAA;AAKA,IAAA,4BAAAC,aAAL;AACLA,WAAA,MAAO,IAAA;AACPA,WAAA,aAAc,IAAA;AAFJA,SAAAA;AAAA,GAAA,WAAA,CAAA,CAAA;"}

package/dist/utils/handleErrors.js

@@ -18,7 +18,8 @@ const handleErrors = (error, emitter, customMessage) => {
     title: errorTitle,
     message: errmsgToDisplay,
     classes: "bg-danger ",
-    timeout: 0
+    timeout: 0,
+    type: "error"
   });
 };
 export {

package/dist/utils/handleErrors.js.map

@@ -1 +1 @@
-{"version":3,"file":"handleErrors.js","sources":["../../lib/utils/handleErrors.ts"],"sourcesContent":["import { AxiosError } from \"axios\";\r\nimport { Emitter } from \"mitt\";\r\nimport { Events } from \"../types\";\r\n\r\nconst handleErrors = (error: AxiosError, emitter: Emitter<Events>, customMessage?: string) => {\r\n    let errmsgToDisplay = (customMessage || \"\") + \" \" + ((error.response?.data as any)?.error?.message || error.message || \"\")\r\n\r\n    let errorTitle = \"\"\r\n    if (error.code == 'ERR_NETWORK') {\r\n        errorTitle = \"Síťová chyba\"\r\n        errmsgToDisplay = errmsgToDisplay + \" \" + new Date().toLocaleString();\r\n    } else if (error.code == 'ERR_BAD_REQUEST') {\r\n        if (error.response?.status == 403) {\r\n            errorTitle = \"Přístup zamítnut\"\r\n        } else {\r\n            errorTitle = \"Interní chyba aplikace\"\r\n        }\r\n        errmsgToDisplay = new Date().toLocaleString() + \" (\" + error.response?.status + \") \\n\" + errmsgToDisplay;\r\n    }\r\n    console.error(error);\r\n    emitter.emit(\"message\", {\r\n        title: errorTitle,\r\n        message: errmsgToDisplay,\r\n        classes: \"bg-danger \",\r\n        timeout: 0\r\n    });\r\n}\r\nexport { handleErrors }"],"names":[],"mappings":"AAIA,MAAM,eAAe,CAAC,OAAmB,SAA0B,kBAA2B;AAA9F;AACQ,MAAA,mBAAmB,iBAAiB,MAAM,SAAQ,uBAAM,aAAN,mBAAgB,SAAhB,mBAA8B,UAA9B,mBAAqC,YAAW,MAAM,WAAW;AAEvH,MAAI,aAAa;AACb,MAAA,MAAM,QAAQ,eAAe;AAChB,iBAAA;AACb,sBAAkB,kBAAkB,OAAU,oBAAA,KAAA,GAAO;EAAe,WAC7D,MAAM,QAAQ,mBAAmB;AACpC,UAAA,WAAM,aAAN,mBAAgB,WAAU,KAAK;AAClB,mBAAA;AAAA,IAAA,OACV;AACU,mBAAA;AAAA,IACjB;AACkB,uBAAA,oBAAI,KAAO,GAAA,mBAAmB,SAAO,WAAM,aAAN,mBAAgB,UAAS,SAAS;AAAA,EAC7F;AACA,UAAQ,MAAM,KAAK;AACnB,UAAQ,KAAK,WAAW;AAAA,IACpB,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,EAAA,CACZ;AACL;"}
+{"version":3,"file":"handleErrors.js","sources":["../../lib/utils/handleErrors.ts"],"sourcesContent":["import { AxiosError } from \"axios\";\r\nimport { Emitter } from \"mitt\";\r\nimport { Events } from \"../types\";\r\n\r\nconst handleErrors = (error: AxiosError, emitter: Emitter<Events>, customMessage?: string) => {\r\n    let errmsgToDisplay = (customMessage || \"\") + \" \" + ((error.response?.data as any)?.error?.message || error.message || \"\")\r\n\r\n    let errorTitle = \"\"\r\n    if (error.code == 'ERR_NETWORK') {\r\n        errorTitle = \"Síťová chyba\"\r\n        errmsgToDisplay = errmsgToDisplay + \" \" + new Date().toLocaleString();\r\n    } else if (error.code == 'ERR_BAD_REQUEST') {\r\n        if (error.response?.status == 403) {\r\n            errorTitle = \"Přístup zamítnut\"\r\n        } else {\r\n            errorTitle = \"Interní chyba aplikace\"\r\n        }\r\n        errmsgToDisplay = new Date().toLocaleString() + \" (\" + error.response?.status + \") \\n\" + errmsgToDisplay;\r\n    }\r\n    console.error(error);\r\n    emitter.emit(\"message\", {\r\n        title: errorTitle,\r\n        message: errmsgToDisplay,\r\n        classes: \"bg-danger \",\r\n        timeout: 0,\r\n        type: \"error\"\r\n    });\r\n}\r\nexport { handleErrors }"],"names":[],"mappings":"AAIA,MAAM,eAAe,CAAC,OAAmB,SAA0B,kBAA2B;AAA9F;AACQ,MAAA,mBAAmB,iBAAiB,MAAM,SAAQ,uBAAM,aAAN,mBAAgB,SAAhB,mBAA8B,UAA9B,mBAAqC,YAAW,MAAM,WAAW;AAEvH,MAAI,aAAa;AACb,MAAA,MAAM,QAAQ,eAAe;AAChB,iBAAA;AACb,sBAAkB,kBAAkB,OAAU,oBAAA,KAAA,GAAO;EAAe,WAC7D,MAAM,QAAQ,mBAAmB;AACpC,UAAA,WAAM,aAAN,mBAAgB,WAAU,KAAK;AAClB,mBAAA;AAAA,IAAA,OACV;AACU,mBAAA;AAAA,IACjB;AACkB,uBAAA,oBAAI,KAAO,GAAA,mBAAmB,SAAO,WAAM,aAAN,mBAAgB,UAAS,SAAS;AAAA,EAC7F;AACA,UAAQ,MAAM,KAAK;AACnB,UAAQ,KAAK,WAAW;AAAA,IACpB,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,EAAA,CACT;AACL;"}

package/lib/components/form/FileInputMultiple.tsx

@@ -49,6 +49,7 @@ const FileInputMultiple: React.FC<FileInputMultipleProps> = ({
               message: `Maximální povolená velikost je ${MAX_FILE_SIZE / (1024 * 1024)} MB.`,
               classes: "bg-danger ",
               timeout: 0,
+              type: "error",
             });
 
             return null;

package/lib/components/layout/CollapsibleSection.tsx

@@ -0,0 +1,48 @@
+import { useState } from "react";
+import { MdExpandLess, MdExpandMore } from "react-icons/md";
+import { cn } from "../../utils/utils";
+
+interface CollapsibleSectionProps {
+  title: string;
+  expanded?: boolean;
+  children: React.ReactNode;
+
+  className?: string;
+  classNameEnvelope?: string;
+  classNameTitle?: string;
+}
+
+const CollapsibleSection = ({
+  title,
+  expanded = true,
+  children,
+  className,
+  classNameEnvelope,
+  classNameTitle,
+}: CollapsibleSectionProps) => {
+  const [isExpanded, setIsExpanded] = useState(expanded);
+
+  return (
+    <div className={cn("rounded-md shadow-lg border", classNameEnvelope)}>
+      <div
+        className={cn(
+          "w-full justify-between border-b hover:bg-muted flex py-4 px-5 items-center cursor-pointer",
+          classNameTitle
+        )}
+        onClick={() => setIsExpanded((prev) => !prev)}
+      >
+        <div className="font-medium text-lg">{title}</div>
+        <div>
+          {isExpanded ? (
+            <MdExpandLess size={"24px"} className="text-gray-600" />
+          ) : (
+            <MdExpandMore size={"24px"} className="text-gray-600" />
+          )}
+        </div>
+      </div>
+      {isExpanded && <div className={cn("p-5", className)}>{children}</div>}
+    </div>
+  );
+};
+
+export default CollapsibleSection;

package/lib/components/ui/sonner.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import { useTheme } from "next-themes";
+import { Toaster as Sonner, toast } from "sonner";
+
+type ToasterProps = React.ComponentProps<typeof Sonner>;
+
+const Toaster = ({ ...props }: ToasterProps) => {
+  const { theme = "system" } = useTheme();
+
+  return (
+    <Sonner
+      theme={theme as ToasterProps["theme"]}
+      className="toaster group"
+      toastOptions={{
+        classNames: {
+          toast:
+            "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton:
+            "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+          cancelButton:
+            "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
+        },
+      }}
+      {...props}
+    />
+  );
+};
+
+export { Toaster, toast };

package/lib/components/ui/toast.tsx

@@ -0,0 +1,129 @@
+"use client";
+
+import * as React from "react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import { cva, type VariantProps } from "class-variance-authority";
+import { X } from "lucide-react";
+
+import { cn } from "../../utils/utils";
+
+const ToastProvider = ToastPrimitives.Provider;
+
+const ToastViewport = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Viewport>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Viewport
+    ref={ref}
+    className={cn(
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      className
+    )}
+    {...props}
+  />
+));
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+
+const toastVariants = cva(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "border bg-background text-foreground",
+        destructive:
+          "destructive group border-destructive bg-destructive text-destructive-foreground",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+);
+
+const Toast = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Root>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
+    VariantProps<typeof toastVariants>
+>(({ className, variant, ...props }, ref) => {
+  return (
+    <ToastPrimitives.Root
+      ref={ref}
+      className={cn(toastVariants({ variant }), className)}
+      {...props}
+    />
+  );
+});
+Toast.displayName = ToastPrimitives.Root.displayName;
+
+const ToastAction = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Action>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Action
+    ref={ref}
+    className={cn(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
+      className
+    )}
+    {...props}
+  />
+));
+ToastAction.displayName = ToastPrimitives.Action.displayName;
+
+const ToastClose = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Close>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Close
+    ref={ref}
+    className={cn(
+      "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      className
+    )}
+    toast-close=""
+    {...props}
+  >
+    <X className="h-4 w-4" />
+  </ToastPrimitives.Close>
+));
+ToastClose.displayName = ToastPrimitives.Close.displayName;
+
+const ToastTitle = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Title>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Title
+    ref={ref}
+    className={cn("text-sm font-semibold", className)}
+    {...props}
+  />
+));
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+
+const ToastDescription = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Description>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Description
+    ref={ref}
+    className={cn("text-sm opacity-90", className)}
+    {...props}
+  />
+));
+ToastDescription.displayName = ToastPrimitives.Description.displayName;
+
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
+
+type ToastActionElement = React.ReactElement<typeof ToastAction>;
+
+export {
+  type ToastProps,
+  type ToastActionElement,
+  ToastProvider,
+  ToastViewport,
+  Toast,
+  ToastTitle,
+  ToastDescription,
+  ToastClose,
+  ToastAction,
+};

package/lib/main.ts

@@ -23,6 +23,10 @@ export { default as Modal } from "./components/Modal.tsx";
 export { default as PositionsSelectorSingle } from "./components/form/PositionsSelectorSingle.tsx";
 export { default as Calendar } from "./components/Calendar.tsx";
 export { default as DataTable } from "./components/datatable/DataTable.tsx";
+export { default as CollapsibleSection } from "./components/layout/CollapsibleSection.tsx";
+
+
+
 export {
   default as DataTableServer,
   resetAllDataTablePaging,
@@ -61,6 +65,7 @@ export * from "./components/ui/tooltip.tsx";
 export * from "./components/ui/separator.tsx";
 export * from "./components/ui/textarea.tsx";
 export * from "./components/ui/checkbox.tsx";
+export * from "./components/ui/sonner.tsx";
 export { Button as ButtonCN, buttonVariants } from "./components/ui/button.tsx";
 
 

package/lib/types.ts

@@ -66,6 +66,7 @@ export interface IEventMessage {
   message?: string;
   timeout?: number;
   classes?: string;
+  type?: "success" | "info" | "warning" | "error";
 }
 
 export type Events = {

package/lib/utils/handleErrors.ts

@@ -22,7 +22,8 @@ const handleErrors = (error: AxiosError, emitter: Emitter<Events>, customMessage
         title: errorTitle,
         message: errmsgToDisplay,
         classes: "bg-danger ",
-        timeout: 0
+        timeout: 0,
+        type: "error"
     });
 }
 export { handleErrors }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@addsign/moje-agenda-shared-lib",
   "private": false,
-  "version": "2.0.11",
+  "version": "2.0.12",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -73,6 +73,7 @@
     "@radix-ui/react-select": "^2.1.2",
     "@radix-ui/react-separator": "^1.1.0",
     "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-toast": "^1.2.2",
     "@radix-ui/react-tooltip": "^1.1.4",
     "@types/date-fns": "^2.6.3",
     "axios": "^1.7.2",
@@ -85,6 +86,7 @@
     "jspdf-autotable": "^3.8.3",
     "lucide-react": "^0.456.0",
     "mitt": "^3.0.1",
+    "next-themes": "^0.4.4",
     "react-datepicker": "^7.5.0",
     "react-day-picker": "^8.10.1",
     "react-dropzone": "^14.2.3",
@@ -92,6 +94,7 @@
     "react-icons": "^5.2.1",
     "react-tailwindcss-datepicker": "^1.6.6",
     "react-use": "^17.5.0",
+    "sonner": "^1.7.1",
     "tailwind-merge": "^2.5.4",
     "tailwindcss-animate": "^1.0.7",
     "xlsx": "^0.18.5",