@onewelcome/react-lib-components 4.3.0 → 5.1.0

package/dist/esm/Notifications/DiscardChangesModal/DiscardChangesModal.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiscardChangesModal.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"DiscardChangesModal.esm.js","sources":["../../../../../../src/components/Notifications/DiscardChangesModal/DiscardChangesModal.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { Fragment, useState } from \"react\";\nimport { Modal, Props as ModalProps } from \"../Modal/Modal\";\nimport { ModalHeader, Props as ModalHeaderProps } from \"../Modal/ModalHeader/ModalHeader\";\nimport {\n  DiscardChangesDialog,\n  Props as DiscardChangesDialogProps\n} from \"./DiscardChangesDialog/DiscardChangesDialog\";\n\nexport interface Props extends Omit<ModalProps, \"onClose\"> {\n  hasUnsavedChanges: () => boolean;\n  onClose: (event?: React.MouseEvent<HTMLElement>) => unknown;\n  headerProps: Omit<ModalHeaderProps, \"onClose\" | \"id\">;\n  discardChangedDialogProps: Omit<\n    DiscardChangesDialogProps,\n    \"open\" | \"onKeepEditing\" | \"onDiscardChanges\"\n  >;\n  modalRef?: React.RefObject<HTMLDivElement>;\n  dialogRef?: React.RefObject<HTMLDivElement>;\n}\n\nexport const DiscardChangesModal = ({\n  id,\n  children,\n  headerProps,\n  discardChangedDialogProps,\n  modalRef,\n  dialogRef,\n  onClose,\n  hasUnsavedChanges,\n  ...rest\n}: Props) => {\n  const [openDiscardChangesDialog, setOpenDiscardChangesDialog] = useState(false);\n\n  const onCloseWrapper = () =>\n    hasUnsavedChanges() ? setOpenDiscardChangesDialog(true) : onClose();\n\n  const onDialogKeepEditing = () => {\n    setOpenDiscardChangesDialog(false);\n  };\n\n  const onDialogDiscardChanges = () => {\n    setOpenDiscardChangesDialog(false);\n    onClose();\n  };\n\n  return (\n    <Fragment>\n      <Modal id={id} ref={modalRef} onClose={onCloseWrapper} {...rest}>\n        <ModalHeader {...headerProps} id={`${id}-label`} onClose={onCloseWrapper} />\n        {children}\n      </Modal>\n      <DiscardChangesDialog\n        {...discardChangedDialogProps}\n        ref={dialogRef}\n        open={openDiscardChangesDialog}\n        onKeepEditing={onDialogKeepEditing}\n        onDiscardChanges={onDialogDiscardChanges}\n      />\n    </Fragment>\n  );\n};\n"],"names":["DiscardChangesModal","id","children","headerProps","discardChangedDialogProps","modalRef","dialogRef","onClose","hasUnsavedChanges","rest","openDiscardChangesDialog","setOpenDiscardChangesDialog","useState","onCloseWrapper","onDialogKeepEditing","onDialogDiscardChanges","React","Fragment","createElement","Modal","ref","ModalHeader","DiscardChangesDialog","open","onKeepEditing","onDiscardChanges"],"mappings":"4RAoCa,MAAAA,EAAsB,EACjCC,KACAC,WACAC,cACAC,4BACAC,WACAC,YACAC,UACAC,uBACGC,MAEH,MAAOC,EAA0BC,GAA+BC,EAAS,OAEzE,MAAMC,EAAiB,IACrBL,IAAsBG,EAA4B,MAAQJ,IAE5D,MAAMO,EAAsB,KAC1BH,EAA4B,MAAM,EAGpC,MAAMI,EAAyB,KAC7BJ,EAA4B,OAC5BJ,GAAS,EAGX,OACES,gBAACC,EAAQ,KACPD,EAAAE,cAACC,EAAK,CAAClB,GAAIA,EAAImB,IAAKf,EAAUE,QAASM,KAAoBJ,GACzDO,EAAAE,cAACG,EAAW,IAAKlB,EAAaF,GAAI,GAAGA,UAAYM,QAASM,IACzDX,GAEHc,EAACE,cAAAI,MACKlB,EACJgB,IAAKd,EACLiB,KAAMb,EACNc,cAAeV,EACfW,iBAAkBV,IAGtB"}

package/dist/esm/Notifications/NotificationProvider/NotificationContext.esm.js

@@ -1,2 +1,2 @@
-import e,{createContext as t,useReducer as a,useContext as s,useCallback as i,useEffect as r}from"react";import{defaultTranslations as n}from"./NotificationService.esm.js";import{useSnackbar as o}from"../Snackbar/useSnackbar.esm.js";import{generateID as d,deepMerge as c}from"../../src/util/helper.esm.js";const l={notifications:[]},u=({translations:e={},dispatchFn:t})=>{const{enqueueErrorSnackbar:a,enqueueSuccessSnackbar:s}=o(),{state:{notifications:i}}=h(),d=c(n,e);return r((()=>{i.forEach((e=>{var i,r;e.status&&e.handled&&(401===e.status||403===e.status)?t({type:"remove",payload:{id:e.id}}):e.status&&!e.handled&&"error"===e.type?(a(null!==(i=e.title)&&void 0!==i?i:d.general.error,(e=>{if(e.message)return e.message;switch(e.status){case 500:default:return d.messages.general;case 400:return d.messages.badRequest;case 401:return d.messages.unauthorized;case 403:return d.messages.forbidden;case 404:return d.messages.notFound;case 502:case 503:return d.messages.unavailable;case 504:return d.messages.timeout}})(e),{onClose:()=>t({type:"remove",payload:{id:e.id}})}),t({type:"handled",payload:{id:e.id,handled:!0}})):e.title&&!e.handled&&"success"===e.type&&(s(null!==(r=e.title)&&void 0!==r?r:d.general.success,e.message,{onClose:()=>t({type:"remove",payload:{id:e.id}})}),t({type:"handled",payload:{id:e.id,handled:!0}}))}))}),[i.length]),null},p=t({state:l,dispatch:()=>{}}),m=({children:t,translations:s})=>{const[i,r]=a(f,l);return e.createElement(p.Provider,{value:{state:i,dispatch:r}},t,e.createElement(u,{translations:s,dispatchFn:r}))},h=()=>{const e=s(p),t=i((t=>{e.dispatch({type:"add",payload:t})}),[e]),a=i((t=>{e.dispatch({type:"remove",payload:{id:t}})}),[e]),r=i((()=>{e.dispatch({type:"reset"})}),[e]);return{state:e.state,addNotification:t,removeNotification:a,resetNotifications:r}},f=(e,t)=>{switch(t.type){case"add":return{...e,notifications:[...e.notifications,{...t.payload,id:d(),handled:!1}]};case"remove":return{...e,notifications:e.notifications.filter((e=>{var a;return e.id!==(null===(a=t.payload)||void 0===a?void 0:a.id)}))};case"handled":return{...e,notifications:e.notifications.map((e=>{var a;return e.id===(null===(a=t.payload)||void 0===a?void 0:a.id)?{...e,handled:!0}:e}))};case"reset":return{...e,notifications:[]};default:return e}};export{p as NotificationContext,u as NotificationHandler,m as NotificationProvider,f as notificationReducer,h as useNotificationContext};
+import e,{createContext as t,useReducer as s,useContext as a,useCallback as n,useEffect as r}from"react";import{defaultTranslations as i}from"./NotificationService.esm.js";import{useSnackbar as o}from"../Snackbar/useSnackbar.esm.js";import{generateID as d,deepMerge as c}from"../../src/util/helper.esm.js";const l={notifications:[]};const u=({translations:e={},dispatchFn:t})=>{const{enqueueErrorSnackbar:s,enqueueSuccessSnackbar:a}=o();const{state:{notifications:n}}=f();const d=c(i,e);const l=e=>{if(e.message)return e.message;switch(e.status){case 500:return d.messages.general;case 400:return d.messages.badRequest;case 401:return d.messages.unauthorized;case 403:return d.messages.forbidden;case 404:return d.messages.notFound;case 502:case 503:return d.messages.unavailable;case 504:return d.messages.timeout;default:return d.messages.general}};r((()=>{n.forEach((e=>{var n,r;if(e.status&&e.handled&&(e.status===401||e.status===403))t({type:"remove",payload:{id:e.id}});else if(e.status&&!e.handled&&e.type==="error"){s((n=e.title)!==null&&n!==void 0?n:d.general.error,l(e),{onClose:()=>t({type:"remove",payload:{id:e.id}})});t({type:"handled",payload:{id:e.id,handled:true}})}else if(e.title&&!e.handled&&e.type==="success"){a((r=e.title)!==null&&r!==void 0?r:d.general.success,e.message,{onClose:()=>t({type:"remove",payload:{id:e.id}})});t({type:"handled",payload:{id:e.id,handled:true}})}}))}),[n.length]);return null};const p=t({state:l,dispatch:()=>{}});const m=({children:t,translations:a})=>{const[n,r]=s(h,l);return e.createElement(p.Provider,{value:{state:n,dispatch:r}},t,e.createElement(u,{translations:a,dispatchFn:r}))};const f=()=>{const e=a(p);const t=n((t=>{e.dispatch({type:"add",payload:t})}),[e]);const s=n((t=>{e.dispatch({type:"remove",payload:{id:t}})}),[e]);const r=n((()=>{e.dispatch({type:"reset"})}),[e]);return{state:e.state,addNotification:t,removeNotification:s,resetNotifications:r}};const h=(e,t)=>{switch(t.type){case"add":return{...e,notifications:[...e.notifications,{...t.payload,id:d(),handled:false}]};case"remove":return{...e,notifications:e.notifications.filter((e=>{var s;return e.id!==((s=t.payload)===null||s===void 0?void 0:s.id)}))};case"handled":return{...e,notifications:e.notifications.map((e=>{var s;return e.id===((s=t.payload)===null||s===void 0?void 0:s.id)?{...e,handled:true}:e}))};case"reset":return{...e,notifications:[]};default:return e}};export{p as NotificationContext,u as NotificationHandler,m as NotificationProvider,h as notificationReducer,f as useNotificationContext};
 //# sourceMappingURL=NotificationContext.esm.js.map

package/dist/esm/Notifications/NotificationProvider/NotificationContext.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationContext.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"NotificationContext.esm.js","sources":["../../../../../../src/components/Notifications/NotificationProvider/NotificationContext.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ReactNode,\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer\n} from \"react\";\nimport {\n  Notification,\n  ErrorNotification,\n  SuccessNotification,\n  Translations,\n  AddNotification\n} from \"./notification.interfaces\";\nimport { defaultTranslations } from \"./NotificationService\";\nimport { useSnackbar } from \"../Snackbar/useSnackbar\";\nimport { deepMerge, generateID } from \"../../../util/helper\";\nimport { DeepPartial } from \"../../../interfaces\";\n\ninterface NotificationState {\n  notifications: Notification<ErrorNotification | SuccessNotification>[];\n}\n\nexport interface NotificationAction {\n  type: \"add\" | \"remove\" | \"handled\" | \"reset\";\n  payload?: Notification<ErrorNotification | SuccessNotification> & {\n    id?: string;\n    handled?: boolean;\n  };\n}\n\nconst initialState: NotificationState = {\n  notifications: []\n};\n\nexport interface NotificationHandlerProps {\n  translations?: DeepPartial<Translations>;\n  dispatchFn: React.Dispatch<NotificationAction>;\n}\n\nexport const NotificationHandler = ({\n  translations = {},\n  dispatchFn\n}: NotificationHandlerProps) => {\n  const { enqueueErrorSnackbar, enqueueSuccessSnackbar } = useSnackbar();\n  const {\n    state: { notifications }\n  } = useNotificationContext();\n\n  const mergedTranslations = deepMerge<Translations>(defaultTranslations, translations);\n\n  const determineNotificationMessage = (notification: Notification<ErrorNotification>) => {\n    if (notification.message) {\n      return notification.message;\n    }\n\n    switch (notification.status) {\n      case 500:\n        return mergedTranslations.messages.general;\n      case 400:\n        return mergedTranslations.messages.badRequest;\n      case 401:\n        return mergedTranslations.messages.unauthorized;\n      case 403:\n        return mergedTranslations.messages.forbidden;\n      case 404:\n        return mergedTranslations.messages.notFound;\n      case 502:\n      case 503:\n        return mergedTranslations.messages.unavailable;\n      case 504:\n        return mergedTranslations.messages.timeout;\n      default:\n        return mergedTranslations.messages.general;\n    }\n  };\n\n  useEffect(() => {\n    notifications.forEach(notification => {\n      if (\n        notification.status &&\n        notification.handled &&\n        (notification.status === 401 || notification.status === 403)\n      ) {\n        dispatchFn({ type: \"remove\", payload: { id: notification.id } });\n      } else if (notification.status && !notification.handled && notification.type === \"error\") {\n        enqueueErrorSnackbar(\n          notification.title ?? mergedTranslations.general.error,\n          determineNotificationMessage(notification as Notification<ErrorNotification>),\n          {\n            onClose: () => dispatchFn({ type: \"remove\", payload: { id: notification.id } })\n          }\n        );\n        dispatchFn({ type: \"handled\", payload: { id: notification.id, handled: true } });\n      } else if (notification.title && !notification.handled && notification.type === \"success\") {\n        enqueueSuccessSnackbar(\n          notification.title ?? mergedTranslations.general.success,\n          notification.message,\n          {\n            onClose: () => dispatchFn({ type: \"remove\", payload: { id: notification.id } })\n          }\n        );\n\n        dispatchFn({ type: \"handled\", payload: { id: notification.id, handled: true } });\n      }\n    });\n  }, [notifications.length]);\n\n  return null;\n};\n\nexport const NotificationContext = createContext<{\n  state: NotificationState;\n  dispatch: React.Dispatch<NotificationAction>;\n}>({\n  state: initialState,\n  dispatch: () => undefined\n});\n\nexport interface Props {\n  children?: ReactNode;\n  translations?: DeepPartial<Translations>;\n}\n\nexport const NotificationProvider = ({ children, translations }: Props) => {\n  const [state, dispatch] = useReducer(notificationReducer, initialState);\n\n  return (\n    <NotificationContext.Provider value={{ state, dispatch }}>\n      {children}\n      <NotificationHandler translations={translations} dispatchFn={dispatch} />\n    </NotificationContext.Provider>\n  );\n};\n\nexport const useNotificationContext = () => {\n  const ctx = useContext(NotificationContext);\n\n  const addNotification = useCallback(\n    (notification: AddNotification) => {\n      ctx.dispatch({ type: \"add\", payload: notification });\n    },\n    [ctx]\n  );\n\n  const removeNotification = useCallback(\n    (id: string) => {\n      ctx.dispatch({ type: \"remove\", payload: { id } });\n    },\n    [ctx]\n  );\n\n  const resetNotifications = useCallback(() => {\n    ctx.dispatch({ type: \"reset\" });\n  }, [ctx]);\n\n  return {\n    state: ctx.state,\n    addNotification,\n    removeNotification,\n    resetNotifications\n  };\n};\n\nexport const notificationReducer = (\n  state: NotificationState,\n  action: NotificationAction\n): NotificationState => {\n  switch (action.type) {\n    case \"add\":\n      return {\n        ...state,\n        notifications: [\n          ...state.notifications,\n          {\n            ...action.payload,\n            id: generateID(),\n            handled: false\n          }\n        ]\n      };\n    case \"remove\":\n      return {\n        ...state,\n        notifications: state.notifications.filter(\n          notification => notification.id !== action.payload?.id\n        )\n      };\n    case \"handled\":\n      return {\n        ...state,\n        notifications: state.notifications.map(notification =>\n          notification.id === action.payload?.id ? { ...notification, handled: true } : notification\n        )\n      };\n    case \"reset\":\n      return {\n        ...state,\n        notifications: []\n      };\n    default:\n      return state;\n  }\n};\n"],"names":["initialState","notifications","NotificationHandler","translations","dispatchFn","enqueueErrorSnackbar","enqueueSuccessSnackbar","useSnackbar","state","useNotificationContext","mergedTranslations","deepMerge","defaultTranslations","determineNotificationMessage","notification","message","status","messages","general","badRequest","unauthorized","forbidden","notFound","unavailable","timeout","useEffect","forEach","handled","type","payload","id","_a","title","error","onClose","_b","success","length","NotificationContext","createContext","dispatch","NotificationProvider","children","useReducer","notificationReducer","React","createElement","Provider","value","ctx","useContext","addNotification","useCallback","removeNotification","resetNotifications","action","generateID","filter","map"],"mappings":"kTAgDA,MAAMA,EAAkC,CACtCC,cAAe,IAQV,MAAMC,EAAsB,EACjCC,eAAe,CAAE,EACjBC,iBAEA,MAAMC,qBAAEA,EAAoBC,uBAAEA,GAA2BC,IACzD,MACEC,OAAOP,cAAEA,IACPQ,IAEJ,MAAMC,EAAqBC,EAAwBC,EAAqBT,GAExE,MAAMU,EAAgCC,IACpC,GAAIA,EAAaC,QACf,OAAOD,EAAaC,QAGtB,OAAQD,EAAaE,QACnB,KAAK,IACH,OAAON,EAAmBO,SAASC,QACrC,KAAK,IACH,OAAOR,EAAmBO,SAASE,WACrC,KAAK,IACH,OAAOT,EAAmBO,SAASG,aACrC,KAAK,IACH,OAAOV,EAAmBO,SAASI,UACrC,KAAK,IACH,OAAOX,EAAmBO,SAASK,SACrC,KAAK,IACL,KAAK,IACH,OAAOZ,EAAmBO,SAASM,YACrC,KAAK,IACH,OAAOb,EAAmBO,SAASO,QACrC,QACE,OAAOd,EAAmBO,SAASC,QACtC,EAGHO,GAAU,KACRxB,EAAcyB,SAAQZ,YACpB,GACEA,EAAaE,QACbF,EAAaa,UACZb,EAAaE,SAAW,KAAOF,EAAaE,SAAW,KAExDZ,EAAW,CAAEwB,KAAM,SAAUC,QAAS,CAAEC,GAAIhB,EAAagB,WACpD,GAAIhB,EAAaE,SAAWF,EAAaa,SAAWb,EAAac,OAAS,QAAS,CACxFvB,GACE0B,EAAAjB,EAAakB,4BAAStB,EAAmBQ,QAAQe,MACjDpB,EAA6BC,GAC7B,CACEoB,QAAS,IAAM9B,EAAW,CAAEwB,KAAM,SAAUC,QAAS,CAAEC,GAAIhB,EAAagB,QAG5E1B,EAAW,CAAEwB,KAAM,UAAWC,QAAS,CAAEC,GAAIhB,EAAagB,GAAIH,QAAS,OACxE,MAAM,GAAIb,EAAakB,QAAUlB,EAAaa,SAAWb,EAAac,OAAS,UAAW,CACzFtB,GACE6B,EAAArB,EAAakB,SAAS,MAAAG,SAAA,EAAAA,EAAAzB,EAAmBQ,QAAQkB,QACjDtB,EAAaC,QACb,CACEmB,QAAS,IAAM9B,EAAW,CAAEwB,KAAM,SAAUC,QAAS,CAAEC,GAAIhB,EAAagB,QAI5E1B,EAAW,CAAEwB,KAAM,UAAWC,QAAS,CAAEC,GAAIhB,EAAagB,GAAIH,QAAS,OACxE,IACD,GACD,CAAC1B,EAAcoC,SAElB,OAAO,IAAI,EAGN,MAAMC,EAAsBC,EAGhC,CACD/B,MAAOR,EACPwC,SAAU,SAQC,MAAAC,EAAuB,EAAGC,WAAUvC,mBAC/C,MAAOK,EAAOgC,GAAYG,EAAWC,EAAqB5C,GAE1D,OACE6C,EAAAC,cAACR,EAAoBS,SAAQ,CAACC,MAAO,CAAExC,QAAOgC,aAC3CE,EACDG,EAAAC,cAAC5C,EAAmB,CAACC,aAAcA,EAAcC,WAAYoC,IAE/D,EAGG,MAAM/B,EAAyB,KACpC,MAAMwC,EAAMC,EAAWZ,GAEvB,MAAMa,EAAkBC,GACrBtC,IACCmC,EAAIT,SAAS,CAAEZ,KAAM,MAAOC,QAASf,GAAe,GAEtD,CAACmC,IAGH,MAAMI,EAAqBD,GACxBtB,IACCmB,EAAIT,SAAS,CAAEZ,KAAM,SAAUC,QAAS,CAAEC,OAAO,GAEnD,CAACmB,IAGH,MAAMK,EAAqBF,GAAY,KACrCH,EAAIT,SAAS,CAAEZ,KAAM,SAAU,GAC9B,CAACqB,IAEJ,MAAO,CACLzC,MAAOyC,EAAIzC,MACX2C,kBACAE,qBACAC,qBACD,QAGUV,EAAsB,CACjCpC,EACA+C,KAEA,OAAQA,EAAO3B,MACb,IAAK,MACH,MAAO,IACFpB,EACHP,cAAe,IACVO,EAAMP,cACT,IACKsD,EAAO1B,QACVC,GAAI0B,IACJ7B,QAAS,SAIjB,IAAK,SACH,MAAO,IACFnB,EACHP,cAAeO,EAAMP,cAAcwD,QACjC3C,IAAgB,IAAAiB,EAAA,OAAAjB,EAAagB,OAAOC,EAAAwB,EAAO1B,WAAO,MAAAE,SAAA,OAAA,EAAAA,EAAED,GAAE,KAG5D,IAAK,UACH,MAAO,IACFtB,EACHP,cAAeO,EAAMP,cAAcyD,KAAI5C,IAAe,IAAAiB,EACpD,OAAAjB,EAAagB,OAAOC,EAAAwB,EAAO1B,WAAS,MAAAE,SAAA,OAAA,EAAAA,EAAAD,IAAK,IAAKhB,EAAca,QAAS,MAASb,CAAY,KAGhG,IAAK,QACH,MAAO,IACFN,EACHP,cAAe,IAEnB,QACE,OAAOO,EACV"}

package/dist/esm/Notifications/NotificationProvider/NotificationService.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationService.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"NotificationService.esm.js","sources":["../../../../../../src/components/Notifications/NotificationProvider/NotificationService.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { Translations } from \"./notification.interfaces\";\n\nexport const defaultTranslations: Translations = {\n  general: {\n    error: \"Error\",\n    success: \"Success\"\n  },\n  messages: {\n    general: \"Something went wrong. Please try again later.\",\n    badRequest: \"Bad request\",\n    unauthorized: \"You are not authorized to perform this action.\",\n    forbidden: \"You are not allowed to perform this action.\",\n    notFound: \"The requested resource could not be found.\",\n    timeout: \"The request timed out.\",\n    unavailable: \"The server is currently unavailable. Please try again later.\"\n  }\n};\n"],"names":["defaultTranslations","general","error","success","messages","badRequest","unauthorized","forbidden","notFound","timeout","unavailable"],"mappings":"AAkBa,MAAAA,EAAoC,CAC/CC,QAAS,CACPC,MAAO,QACPC,QAAS,WAEXC,SAAU,CACRH,QAAS,gDACTI,WAAY,cACZC,aAAc,iDACdC,UAAW,8CACXC,SAAU,6CACVC,QAAS,yBACTC,YAAa"}

package/dist/esm/Notifications/SlideInModal/SlideInModal.esm.js

@@ -1,2 +1,2 @@
-import e,{useState as o,useRef as r,useCallback as n,useEffect as a}from"react";import{BaseModal as i}from"../BaseModal/BaseModal.esm.js";import d from"./SlideInModal.module.esm.js";const s=e.forwardRef((({children:s,id:l,open:t,...m},c)=>{const[p,f]=o("hide"),[u,b]=o(!1),h=r(null),M=n((e=>{e.target===h.current&&(f((e=>e?"":"hide")),!t&&u&&b(!1))}),[t]);return a((()=>{t&&b(t)}),[t]),e.createElement(i,{...m,id:l,open:u,className:`${d["slide-in-modal"]} ${t?d.visible:""} ${t?"":d[p]}`,containerProps:{className:d.container},backdropProps:{id:d["backdrop-slide"]},onTransitionEnd:M,ref:null!=c?c:h},s)}));export{s as SlideInModal};
+import e,{useState as o,useRef as r,useCallback as n,useEffect as s}from"react";import{BaseModal as i}from"../BaseModal/BaseModal.esm.js";import a from"./SlideInModal.module.esm.js";const t=({children:t,id:d,open:l,...c},m)=>{const[f,p]=o("hide");const[u,b]=o(false);const h=r(null);const M=n((e=>{if(e.target===h.current){p((e=>e?"":"hide"));if(!l&&u)b(false)}}),[l]);s((()=>{l&&b(l)}),[l]);return e.createElement(i,{...c,id:d,open:u,className:`${a["slide-in-modal"]} ${l?a["visible"]:""} ${!l?a[f]:""}`,containerProps:{className:a["container"]},backdropProps:{id:a["backdrop-slide"]},onTransitionEnd:M,ref:m!==null&&m!==void 0?m:h},t)};const d=e.forwardRef(t);export{d as SlideInModal};
 //# sourceMappingURL=SlideInModal.esm.js.map

package/dist/esm/Notifications/SlideInModal/SlideInModal.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlideInModal.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"SlideInModal.esm.js","sources":["../../../../../../src/components/Notifications/SlideInModal/SlideInModal.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  TransitionEventHandler,\n  useState,\n  useRef,\n  useCallback,\n  useEffect\n} from \"react\";\nimport { Props as ModalProps, Modal } from \"../Modal/Modal\";\nimport classes from \"./SlideInModal.module.scss\";\n\nconst SlideInModalComponent: ForwardRefRenderFunction<HTMLDivElement, ModalProps> = (\n  { children, id, open, ...rest }: ModalProps,\n  ref\n) => {\n  const [classHideOnTransition, setClassHideOnTransition] = useState<string>(\"hide\");\n  const [controlledOpen, setControlledOpen] = useState(false);\n  const containerRef = useRef(null);\n\n  const onTransitionEnd: TransitionEventHandler<HTMLDivElement> = useCallback(\n    e => {\n      if (e.target === containerRef.current) {\n        setClassHideOnTransition(prev => (prev ? \"\" : \"hide\"));\n        if (!open && controlledOpen) {\n          setControlledOpen(false);\n        }\n      }\n    },\n    [open]\n  );\n\n  useEffect(() => {\n    open && setControlledOpen(open);\n  }, [open]);\n\n  return (\n    <Modal\n      {...rest}\n      id={id}\n      open={controlledOpen}\n      className={`${classes[\"slide-in-modal\"]} ${open ? classes[\"visible\"] : \"\"} ${\n        !open ? classes[classHideOnTransition] : \"\"\n      }`}\n      containerProps={{ className: classes[\"container\"] }}\n      backdropProps={{ id: classes[\"backdrop-slide\"] }}\n      onTransitionEnd={onTransitionEnd}\n      ref={ref ?? containerRef}\n    >\n      {children}\n    </Modal>\n  );\n};\n\nexport type { Props } from \"../Modal/Modal\";\n\nexport const SlideInModal = React.forwardRef(SlideInModalComponent);\n"],"names":["SlideInModalComponent","children","id","open","rest","ref","classHideOnTransition","setClassHideOnTransition","useState","controlledOpen","setControlledOpen","containerRef","useRef","onTransitionEnd","useCallback","e","target","current","prev","useEffect","React","createElement","Modal","className","classes","containerProps","backdropProps","SlideInModal","forwardRef"],"mappings":"sLA2BA,MAAMA,EAA8E,EAChFC,WAAUC,KAAIC,UAASC,GACzBC,KAEA,MAAOC,EAAuBC,GAA4BC,EAAiB,QAC3E,MAAOC,EAAgBC,GAAqBF,EAAS,OACrD,MAAMG,EAAeC,EAAO,MAE5B,MAAMC,EAA0DC,GAC9DC,IACE,GAAIA,EAAEC,SAAWL,EAAaM,QAAS,CACrCV,GAAyBW,GAASA,EAAO,GAAK,SAC9C,IAAKf,GAAQM,EACXC,EAAkB,MAErB,IAEH,CAACP,IAGHgB,GAAU,KACRhB,GAAQO,EAAkBP,EAAK,GAC9B,CAACA,IAEJ,OACEiB,EAACC,cAAAC,MACKlB,EACJF,GAAIA,EACJC,KAAMM,EACNc,UAAW,GAAGC,EAAQ,qBAAqBrB,EAAOqB,EAAQ,WAAa,OACpErB,EAAOqB,EAAQlB,GAAyB,KAE3CmB,eAAgB,CAAEF,UAAWC,EAAQ,cACrCE,cAAe,CAAExB,GAAIsB,EAAQ,mBAC7BX,gBAAiBA,EACjBR,IAAKA,UAAAA,SAAG,EAAHA,EAAOM,GAEXV,EAEH,EAKS,MAAA0B,EAAeP,EAAMQ,WAAW5B"}

package/dist/esm/Notifications/SlideInModal/SlideInModal.module.esm.js

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var d=".SlideInModal_module_srOnly__7ce961ec{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.SlideInModal_module_hidden__7ce961ec{display:none}.SlideInModal_module_slideIn__7ce961ec{animation:SlideInModal_module_slideIn__7ce961ec .5s forwards}@media (prefers-reduced-motion:reduce){.SlideInModal_module_slideIn__7ce961ec{animation-duration:.1ms}}.SlideInModal_module_slideOut__7ce961ec{animation:SlideInModal_module_slideOut__7ce961ec .5s forwards}@media (prefers-reduced-motion:reduce){.SlideInModal_module_slideOut__7ce961ec{animation-duration:.1ms}}@keyframes SlideInModal_module_slideIn__7ce961ec{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes SlideInModal_module_slideOut__7ce961ec{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.SlideInModal_module_slideInModal__7ce961ec{justify-content:flex-end;transform:translate(120%);transition-duration:.5s;transition-property:transform;transition-timing-function:ease-in-out;visibility:visible}@media (prefers-reduced-motion:reduce){.SlideInModal_module_slideInModal__7ce961ec{transition-duration:.1ms}}.SlideInModal_module_slideInModal__7ce961ec.SlideInModal_module_hide__7ce961ec{visibility:hidden}.SlideInModal_module_slideInModal__7ce961ec.SlideInModal_module_visible__7ce961ec{transform:translate(0);visibility:visible}#SlideInModal_module_backdropSlide__7ce961ec,.SlideInModal_module_slideInModal__7ce961ec.SlideInModal_module_visible__7ce961ec #SlideInModal_module_backdropSlide__7ce961ec{background-color:transparent}@media only screen and (min-width:50rem){.SlideInModal_module_container__7ce961ec{border-radius:0;box-shadow:0 1.875rem 3.125rem var(--modal-shadow-color);height:100%;margin-top:0;max-height:unset;width:50rem}}",l={"sr-only":"SlideInModal_module_srOnly__7ce961ec",hidden:"SlideInModal_module_hidden__7ce961ec","slide-in":"SlideInModal_module_slideIn__7ce961ec","slide-out":"SlideInModal_module_slideOut__7ce961ec","slide-in-modal":"SlideInModal_module_slideInModal__7ce961ec",hide:"SlideInModal_module_hide__7ce961ec",visible:"SlideInModal_module_visible__7ce961ec","backdrop-slide":"SlideInModal_module_backdropSlide__7ce961ec",container:"SlideInModal_module_container__7ce961ec"};e(d,{});export{d as css,l as default};
+import i from "../../../lib/style-inject.js";var l='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SlideInModal-module_sr-only__VfRzI{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.SlideInModal-module_hidden__fanzF{display:none}.SlideInModal-module_slide-in__8nxNQ{animation:SlideInModal-module_slide-in__8nxNQ .5s forwards}@media (prefers-reduced-motion:reduce){.SlideInModal-module_slide-in__8nxNQ{animation-duration:.1ms}}.SlideInModal-module_slide-out__L5Lz9{animation:SlideInModal-module_slide-out__L5Lz9 .5s forwards}@media (prefers-reduced-motion:reduce){.SlideInModal-module_slide-out__L5Lz9{animation-duration:.1ms}}@keyframes SlideInModal-module_slide-in__8nxNQ{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes SlideInModal-module_slide-out__L5Lz9{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.SlideInModal-module_slide-in-modal__DO9Dr{justify-content:flex-end;transform:translate(120%);transition-duration:.5s;transition-property:transform;transition-timing-function:ease-in-out;visibility:visible}@media (prefers-reduced-motion:reduce){.SlideInModal-module_slide-in-modal__DO9Dr{transition-duration:.1ms}}.SlideInModal-module_slide-in-modal__DO9Dr.SlideInModal-module_hide__VBlq8{visibility:hidden}.SlideInModal-module_slide-in-modal__DO9Dr.SlideInModal-module_visible__BE0yF{transform:translate(0);visibility:visible}#SlideInModal-module_backdrop-slide__bTmK6,.SlideInModal-module_slide-in-modal__DO9Dr.SlideInModal-module_visible__BE0yF #SlideInModal-module_backdrop-slide__bTmK6{background-color:transparent}@media only screen and (min-width:50rem){.SlideInModal-module_container__-x8ci{border-radius:0;box-shadow:0 1.875rem 3.125rem var(--modal-shadow-color);height:100%;margin-top:0;max-height:unset;width:50rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNsaWRlSW5Nb2RhbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixvQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsbUNBQ0UsWUFDRixDQUVBLHFDQUNFLDBEQUNGLENBQ0EsdUNBQ0UscUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLHNDQUNFLDJEQUNGLENBQ0EsdUNBQ0Usc0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLCtDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxnREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsMkNBQ0Usd0JBQXlCLENBS3pCLHlCQUEwQixDQUYxQix1QkFBeUIsQ0FEekIsNkJBQThCLENBRTlCLHNDQUF1QyxDQUh2QyxrQkFLRixDQUNBLHVDQUNFLDJDQUNFLHdCQUNGLENBQ0YsQ0FDQSwyRUFDRSxpQkFDRixDQUNBLDhFQUVFLHNCQUF3QixDQUR4QixrQkFFRixDQUtBLG9LQUNFLDRCQUNGLENBRUEseUNBQ0Usc0NBS0UsZUFBZ0IsQ0FDaEIsd0RBQXlELENBSHpELFdBQVksQ0FGWixZQUFhLENBR2IsZ0JBQWlCLENBRmpCLFdBS0YsQ0FDRiIsImZpbGUiOiJTbGlkZUluTW9kYWwubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4uc2xpZGUtaW4tbW9kYWwge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiB0cmFuc2Zvcm07XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuNXM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMTIwJSk7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4tbW9kYWwge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2xpZGUtaW4tbW9kYWwuaGlkZSB7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbn1cbi5zbGlkZS1pbi1tb2RhbC52aXNpYmxlIHtcbiAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCUpO1xufVxuLnNsaWRlLWluLW1vZGFsLnZpc2libGUgI2JhY2tkcm9wLXNsaWRlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG59XG5cbiNiYWNrZHJvcC1zbGlkZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDUwcmVtKSB7XG4gIC5jb250YWluZXIge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gICAgd2lkdGg6IDUwcmVtO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiB1bnNldDtcbiAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgIGJveC1zaGFkb3c6IDAgMS44NzVyZW0gMy4xMjVyZW0gdmFyKC0tbW9kYWwtc2hhZG93LWNvbG9yKTtcbiAgfVxufSJdfQ== */';var e={"sr-only":"SlideInModal-module_sr-only__VfRzI",hidden:"SlideInModal-module_hidden__fanzF","slide-in":"SlideInModal-module_slide-in__8nxNQ","slide-out":"SlideInModal-module_slide-out__L5Lz9","slide-in-modal":"SlideInModal-module_slide-in-modal__DO9Dr",hide:"SlideInModal-module_hide__VBlq8",visible:"SlideInModal-module_visible__BE0yF","backdrop-slide":"SlideInModal-module_backdrop-slide__bTmK6",container:"SlideInModal-module_container__-x8ci"};i(l);export{e as default};
 //# sourceMappingURL=SlideInModal.module.esm.js.map

package/dist/esm/Notifications/Snackbar/SnackbarContainer/SnackbarContainer.esm.js

@@ -1,2 +1,2 @@
-import e,{useContext as t,useState as n,useEffect as r}from"react";import a from"./SnackbarContainer.module.esm.js";import{SnackbarContext as s}from"../SnackbarProvider/SnackbarStateProvider.esm.js";const l=({placement:l,children:o,zIndex:i,className:c,...m})=>{const{height:h,justifyContent:f}=(()=>{const{snackbars:e}=t(s),[a,l]=n(0),[o,i]=n("flex-start"),c=e.length>=3;return r((()=>{let t=e.map((e=>e.height)).reduce(((e,t)=>e+t),0);t+=8*(Math.min(e.length,3)-1),c&&setTimeout((()=>{i("flex-end")}),500),a>t&&"flex-end"!==o?i("flex-end"):a<t&&"flex-start"!==o&&i("flex-start"),l(t)}),[e]),{height:a,justifyContent:o}})();return e.createElement("div",{...m,style:{zIndex:i,height:h,justifyContent:f},className:`${a.snackbars} ${a[l.horizontal]} ${a[l.vertical]} ${null!=c?c:""}`},o)};export{l as SnackbarContainer};
+import t,{useContext as e,useState as n,useEffect as r}from"react";import s from"./SnackbarContainer.module.esm.js";import{SnackbarContext as o}from"../SnackbarProvider/SnackbarStateProvider.esm.js";const a=()=>{const{snackbars:t}=e(o);const[s,a]=n(0);const[i,c]=n("flex-start");const l=8;const m=t.length>=3;r((()=>{const e=t.map((t=>t.height));let n=e.reduce(((t,e)=>t+e),0);n+=(Math.min(t.length,3)-1)*l;if(m)setTimeout((()=>{c("flex-end")}),500);if(s>n&&i!=="flex-end")c("flex-end");else if(s<n&&i!=="flex-start")c("flex-start");a(n)}),[t]);return{height:s,justifyContent:i}};const i=({placement:e,children:n,zIndex:r,className:o,...i})=>{const{height:c,justifyContent:l}=a();return t.createElement("div",{...i,style:{zIndex:r,height:c,justifyContent:l},className:`${s["snackbars"]} ${s[e.horizontal]} ${s[e.vertical]} ${o!==null&&o!==void 0?o:""}`},n)};export{i as SnackbarContainer};
 //# sourceMappingURL=SnackbarContainer.esm.js.map

package/dist/esm/Notifications/Snackbar/SnackbarContainer/SnackbarContainer.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarContainer.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"SnackbarContainer.esm.js","sources":["../../../../../../../src/components/Notifications/Snackbar/SnackbarContainer/SnackbarContainer.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { useContext, useEffect, useState } from \"react\";\nimport classes from \"./SnackbarContainer.module.scss\";\nimport { SnackbarContext } from \"../SnackbarProvider/SnackbarStateProvider\";\n\nexport interface Placement {\n  vertical: \"top\" | \"bottom\";\n  horizontal: \"start\" | \"center\" | \"end\";\n}\n\nexport interface Props {\n  placement: Placement;\n  children?: React.ReactNode;\n  zIndex?: number;\n  className?: string;\n}\n\nconst useSnackbarContainerHeightAnimation = () => {\n  const { snackbars } = useContext(SnackbarContext);\n  const [height, setHeight] = useState(0);\n  const [justifyContent, setJustifyContent] = useState<\"flex-start\" | \"flex-end\">(\"flex-start\");\n  const spaceBetweenSnackbars = 8;\n  const exceedsMaximumVisibleSnackbars = snackbars.length >= 3;\n\n  useEffect(() => {\n    const allHeights = snackbars.map(snackbar => snackbar.height);\n\n    let totalHeight = allHeights.reduce((prev, curr) => prev + curr, 0);\n\n    totalHeight += (Math.min(snackbars.length, 3) - 1) * spaceBetweenSnackbars;\n\n    /**\n     * Once we reach the maximum amount of snackbars, they will start to disappear. We have to wait with reversing the justify-content until the last snackbar\n     * has completed their animationIn. This is around 500ms. Then we want to reverse it, because otherwise whenever a snackbar disappears they shift up\n     * and then down again, which looks really bad.\n     * */\n    if (exceedsMaximumVisibleSnackbars)\n      setTimeout(() => {\n        setJustifyContent(\"flex-end\");\n      }, 500);\n\n    if (height > totalHeight && justifyContent !== \"flex-end\") {\n      setJustifyContent(\"flex-end\");\n    } else if (height < totalHeight && justifyContent !== \"flex-start\") {\n      setJustifyContent(\"flex-start\");\n    }\n\n    setHeight(totalHeight);\n  }, [snackbars]);\n\n  return { height, justifyContent };\n};\n\nexport const SnackbarContainer = ({ placement, children, zIndex, className, ...rest }: Props) => {\n  const { height, justifyContent } = useSnackbarContainerHeightAnimation();\n\n  return (\n    <div\n      {...rest}\n      style={{ zIndex, height, justifyContent }}\n      className={`${classes[\"snackbars\"]} ${classes[placement.horizontal]} ${\n        classes[placement.vertical]\n      } ${className ?? \"\"}`}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["useSnackbarContainerHeightAnimation","snackbars","useContext","SnackbarContext","height","setHeight","useState","justifyContent","setJustifyContent","spaceBetweenSnackbars","exceedsMaximumVisibleSnackbars","length","useEffect","allHeights","map","snackbar","totalHeight","reduce","prev","curr","Math","min","setTimeout","SnackbarContainer","placement","children","zIndex","className","rest","React","style","classes","horizontal","vertical"],"mappings":"uMAgCA,MAAMA,EAAsC,KAC1C,MAAMC,UAAEA,GAAcC,EAAWC,GACjC,MAAOC,EAAQC,GAAaC,EAAS,GACrC,MAAOC,EAAgBC,GAAqBF,EAAoC,cAChF,MAAMG,EAAwB,EAC9B,MAAMC,EAAiCT,EAAUU,QAAU,EAE3DC,GAAU,KACR,MAAMC,EAAaZ,EAAUa,KAAIC,GAAYA,EAASX,SAEtD,IAAIY,EAAcH,EAAWI,QAAO,CAACC,EAAMC,IAASD,EAAOC,GAAM,GAEjEH,IAAgBI,KAAKC,IAAIpB,EAAUU,OAAQ,GAAK,GAAKF,EAOrD,GAAIC,EACFY,YAAW,KACTd,EAAkB,WAAW,GAC5B,KAEL,GAAIJ,EAASY,GAAeT,IAAmB,WAC7CC,EAAkB,iBACb,GAAIJ,EAASY,GAAeT,IAAmB,aACpDC,EAAkB,cAGpBH,EAAUW,EAAY,GACrB,CAACf,IAEJ,MAAO,CAAEG,SAAQG,iBAAgB,EAGtB,MAAAgB,EAAoB,EAAGC,YAAWC,WAAUC,SAAQC,eAAcC,MAC7E,MAAMxB,OAAEA,EAAMG,eAAEA,GAAmBP,IAEnC,OACE6B,0BACMD,EACJE,MAAO,CAAEJ,SAAQtB,SAAQG,kBACzBoB,UAAW,GAAGI,EAAQ,gBAAgBA,EAAQP,EAAUQ,eACtDD,EAAQP,EAAUS,aAChBN,UAAAA,SAAS,EAATA,EAAa,MAEhBF,EAEH"}

package/dist/esm/Notifications/Snackbar/SnackbarContainer/SnackbarContainer.module.esm.js

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var n=".SnackbarContainer_module_srOnly__0fcec466{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.SnackbarContainer_module_hidden__0fcec466{display:none}.SnackbarContainer_module_slideIn__0fcec466{animation:SnackbarContainer_module_slideIn__0fcec466 .5s forwards}@media (prefers-reduced-motion:reduce){.SnackbarContainer_module_slideIn__0fcec466{animation-duration:.1ms}}.SnackbarContainer_module_slideOut__0fcec466{animation:SnackbarContainer_module_slideOut__0fcec466 .5s forwards}@media (prefers-reduced-motion:reduce){.SnackbarContainer_module_slideOut__0fcec466{animation-duration:.1ms}}@keyframes SnackbarContainer_module_slideIn__0fcec466{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes SnackbarContainer_module_slideOut__0fcec466{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.SnackbarContainer_module_snackbars__0fcec466{display:flex;flex-direction:column;position:fixed;transition-duration:.2s;transition-property:height;transition-timing-function:ease-in-out;width:100%;z-index:20}@media (prefers-reduced-motion:reduce){.SnackbarContainer_module_snackbars__0fcec466{transition-duration:.1ms}}.SnackbarContainer_module_snackbars__0fcec466.SnackbarContainer_module_bottom__0fcec466{bottom:3.5rem}.SnackbarContainer_module_snackbars__0fcec466.SnackbarContainer_module_top__0fcec466{top:3.5rem}.SnackbarContainer_module_snackbars__0fcec466.SnackbarContainer_module_center__0fcec466,.SnackbarContainer_module_snackbars__0fcec466.SnackbarContainer_module_start__0fcec466{left:0}.SnackbarContainer_module_snackbars__0fcec466.SnackbarContainer_module_end__0fcec466{right:0}@media only screen and (min-width:37.5em){.SnackbarContainer_module_snackbars__0fcec466{width:auto}.SnackbarContainer_module_snackbars__0fcec466.SnackbarContainer_module_center__0fcec466{left:calc(50% - 18.75rem)}}",a={"sr-only":"SnackbarContainer_module_srOnly__0fcec466",hidden:"SnackbarContainer_module_hidden__0fcec466","slide-in":"SnackbarContainer_module_slideIn__0fcec466","slide-out":"SnackbarContainer_module_slideOut__0fcec466",snackbars:"SnackbarContainer_module_snackbars__0fcec466",bottom:"SnackbarContainer_module_bottom__0fcec466",top:"SnackbarContainer_module_top__0fcec466",start:"SnackbarContainer_module_start__0fcec466",center:"SnackbarContainer_module_center__0fcec466",end:"SnackbarContainer_module_end__0fcec466"};e(n,{});export{n as css,a as default};
+import e from "../../../../lib/style-inject.js";var n='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SnackbarContainer-module_sr-only__D49m-{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.SnackbarContainer-module_hidden__QTars{display:none}.SnackbarContainer-module_slide-in__8wJSk{animation:SnackbarContainer-module_slide-in__8wJSk .5s forwards}@media (prefers-reduced-motion:reduce){.SnackbarContainer-module_slide-in__8wJSk{animation-duration:.1ms}}.SnackbarContainer-module_slide-out__Bg3t3{animation:SnackbarContainer-module_slide-out__Bg3t3 .5s forwards}@media (prefers-reduced-motion:reduce){.SnackbarContainer-module_slide-out__Bg3t3{animation-duration:.1ms}}@keyframes SnackbarContainer-module_slide-in__8wJSk{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes SnackbarContainer-module_slide-out__Bg3t3{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SnackbarContainer-module_snackbars__EwtAy{display:flex;flex-direction:column;position:fixed;transition-duration:.2s;transition-property:height;transition-timing-function:ease-in-out;width:100%;z-index:20}@media (prefers-reduced-motion:reduce){.SnackbarContainer-module_snackbars__EwtAy{transition-duration:.1ms}}.SnackbarContainer-module_snackbars__EwtAy.SnackbarContainer-module_bottom__b59av{bottom:3.5rem}.SnackbarContainer-module_snackbars__EwtAy.SnackbarContainer-module_top__UTyAc{top:3.5rem}.SnackbarContainer-module_snackbars__EwtAy.SnackbarContainer-module_center__vB40f,.SnackbarContainer-module_snackbars__EwtAy.SnackbarContainer-module_start__h2MqB{left:0}.SnackbarContainer-module_snackbars__EwtAy.SnackbarContainer-module_end__pmr0h{right:0}@media only screen and (min-width:37.5em){.SnackbarContainer-module_snackbars__EwtAy{width:auto}.SnackbarContainer-module_snackbars__EwtAy.SnackbarContainer-module_center__vB40f{left:calc(50% - 18.75rem)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNuYWNrYmFyQ29udGFpbmVyLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHlDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSx3Q0FDRSxZQUNGLENBRUEsMENBQ0UsK0RBQ0YsQ0FDQSx1Q0FDRSwwQ0FDRSx1QkFDRixDQUNGLENBRUEsMkNBQ0UsZ0VBQ0YsQ0FDQSx1Q0FDRSwyQ0FDRSx1QkFDRixDQUNGLENBRUEsb0RBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLHFEQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0Y7QUFDQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDJDQUlFLFlBQWEsQ0FDYixxQkFBc0IsQ0FKdEIsY0FBZSxDQU1mLHVCQUF5QixDQUR6QiwwQkFBMkIsQ0FFM0Isc0NBQXVDLENBTHZDLFVBQVcsQ0FEWCxVQU9GLENBQ0EsdUNBQ0UsMkNBQ0Usd0JBQ0YsQ0FDRixDQUNBLGtGQUNFLGFBQ0YsQ0FDQSwrRUFDRSxVQUNGLENBSUEsbUtBQ0UsTUFDRixDQUNBLCtFQUNFLE9BQ0YsQ0FFQSwwQ0FDRSwyQ0FDRSxVQUNGLENBQ0Esa0ZBQ0UseUJBQ0YsQ0FDRiIsImZpbGUiOiJTbmFja2JhckNvbnRhaW5lci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc25hY2tiYXJzIHtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB6LWluZGV4OiAyMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGhlaWdodDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNuYWNrYmFycyB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5zbmFja2JhcnMuYm90dG9tIHtcbiAgYm90dG9tOiAzLjVyZW07XG59XG4uc25hY2tiYXJzLnRvcCB7XG4gIHRvcDogMy41cmVtO1xufVxuLnNuYWNrYmFycy5zdGFydCB7XG4gIGxlZnQ6IDA7XG59XG4uc25hY2tiYXJzLmNlbnRlciB7XG4gIGxlZnQ6IDA7XG59XG4uc25hY2tiYXJzLmVuZCB7XG4gIHJpZ2h0OiAwO1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDM3LjVlbSkge1xuICAuc25hY2tiYXJzIHtcbiAgICB3aWR0aDogaW5pdGlhbDtcbiAgfVxuICAuc25hY2tiYXJzLmNlbnRlciB7XG4gICAgbGVmdDogY2FsYyg1MCUgLSAxOC43NXJlbSk7XG4gIH1cbn0iXX0= */';var i={"sr-only":"SnackbarContainer-module_sr-only__D49m-",hidden:"SnackbarContainer-module_hidden__QTars","slide-in":"SnackbarContainer-module_slide-in__8wJSk","slide-out":"SnackbarContainer-module_slide-out__Bg3t3",snackbars:"SnackbarContainer-module_snackbars__EwtAy",bottom:"SnackbarContainer-module_bottom__b59av",top:"SnackbarContainer-module_top__UTyAc",start:"SnackbarContainer-module_start__h2MqB",center:"SnackbarContainer-module_center__vB40f",end:"SnackbarContainer-module_end__pmr0h"};e(n);export{i as default};
 //# sourceMappingURL=SnackbarContainer.module.esm.js.map

package/dist/esm/Notifications/Snackbar/SnackbarItem/SnackbarItem.esm.js

@@ -1,2 +1,2 @@
-import e,{useRef as t,useEffect as r,useContext as n}from"react";import{IconButton as o}from"../../../Button/IconButton.esm.js";import{Icon as a,Icons as c}from"../../../Icon/Icon.esm.js";import s from"./SnackbarItem.module.esm.js";import i from"../../../src/readyclasses.module.esm.js";import{useAnimation as l}from"../../../src/hooks/useAnimation.esm.js";import{Typography as m}from"../../../Typography/Typography.esm.js";import{SnackbarContext as u}from"../SnackbarProvider/SnackbarStateProvider.esm.js";const d=({id:d,title:p,duration:b,variant:k,content:v,className:f,actions:E=[],onClose:g,closeButtonTitle:h})=>{const j=t(),{ref:y,animationStarted:C,startAnimation:N}=l((()=>g(d)));((e,t)=>{const o=n(u);r((()=>{e.current&&o.setSnackbarHeight(t,e.current.getBoundingClientRect().height)}),[e.current])})(y,d),r((()=>(j.current=setTimeout((()=>N()),b),()=>{j.current&&clearTimeout(j.current)})),[]);const T=E.map(((t,r)=>e.createElement("button",{key:r,...t,onClick:e=>{var r;g(d),null===(r=t.onClick)||void 0===r||r.call(t,e)},className:s["action-button"]},t.label))),S=[s.snackbar,s[k],C?i["slide-out"]:i["slide-in"],p?s["has-title"]:"",null!=f?f:""].join(" ");return e.createElement("div",{ref:y,"aria-live":"polite",className:S,onMouseEnter:()=>{j.current&&clearTimeout(j.current)},onMouseLeave:()=>{j.current=setTimeout((()=>N()),b)}},e.createElement(a,{icon:"error"===k?c.Error:"warning"===k?c.Warning:"success"===k?c.CheckmarkCircleAlt:c.InfoCircle,className:s.icon}),e.createElement("div",{className:s["content-wrapper"]},p&&e.createElement(m,{className:s.title,variant:"body-bold",tag:"span"},p),v&&e.createElement(m,{className:s.content,variant:"body"},v)),T.length>0&&e.createElement("div",{className:s.actions},T),e.createElement(o,{id:s["close-btn"],onClick:()=>N(),title:h},e.createElement(a,{icon:c.Times,color:"var(--snackbar-text-color)"})))};export{d as SnackbarItem};
+import e,{useRef as t,useEffect as r,useContext as n}from"react";import{IconButton as o}from"../../../Button/IconButton.esm.js";import{Icon as a,Icons as c}from"../../../Icon/Icon.esm.js";import s from"./SnackbarItem.module.esm.js";import i from"../../../src/readyclasses.module.esm.js";import{useAnimation as l}from"../../../src/hooks/useAnimation.esm.js";import{Typography as m}from"../../../Typography/Typography.esm.js";import{SnackbarContext as u}from"../SnackbarProvider/SnackbarStateProvider.esm.js";const d="var(--snackbar-text-color)";const p=(e,t)=>{const o=n(u);r((()=>{if(e.current)o.setSnackbarHeight(t,e.current.getBoundingClientRect().height)}),[e.current])};const v=({id:n,title:u,duration:v,variant:f,content:b,className:k,actions:E=[],onClose:g,closeButtonTitle:h})=>{const j=t();const y=()=>g(n);const{ref:C,animationStarted:N,startAnimation:T}=l(y);p(C,n);r((()=>{j.current=setTimeout((()=>T()),v);return()=>{j.current&&clearTimeout(j.current)}}),[]);const S=()=>{j.current&&clearTimeout(j.current)};const I=()=>{j.current=setTimeout((()=>T()),v)};const B=()=>{if(f==="error")return c.Error;if(f==="warning")return c.Warning;return f==="success"?c.CheckmarkCircleAlt:c.InfoCircle};const A=E.map(((t,r)=>e.createElement("button",{key:r,...t,onClick:e=>{var r;g(n);(r=t.onClick)===null||r===void 0?void 0:r.call(t,e)},className:s["action-button"]},t.label)));const w=[s["snackbar"],s[f],N?i["slide-out"]:i["slide-in"],u?s["has-title"]:"",k!==null&&k!==void 0?k:""].join(" ");return e.createElement("div",{ref:C,"aria-live":"polite",className:w,onMouseEnter:S,onMouseLeave:I},e.createElement(a,{icon:B(),className:s["icon"]}),e.createElement("div",{className:s["content-wrapper"]},u&&e.createElement(m,{className:s["title"],variant:"body-bold",tag:"span"},u),b&&e.createElement(m,{className:s["content"],variant:"body"},b)),A.length>0&&e.createElement("div",{className:s["actions"]},A),e.createElement(o,{id:s["close-btn"],onClick:()=>T(),title:h},e.createElement(a,{icon:c.Times,color:d})))};export{v as SnackbarItem};
 //# sourceMappingURL=SnackbarItem.esm.js.map

package/dist/esm/Notifications/Snackbar/SnackbarItem/SnackbarItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarItem.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"SnackbarItem.esm.js","sources":["../../../../../../../src/components/Notifications/Snackbar/SnackbarItem/SnackbarItem.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { useContext, useEffect, useRef } from \"react\";\nimport { IconButton } from \"../../../Button/IconButton\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { Variant, Actions } from \"../interfaces\";\nimport classes from \"./SnackbarItem.module.scss\";\nimport readyclasses from \"../../../../readyclasses.module.scss\";\nimport { useAnimation } from \"../../../../hooks/useAnimation\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport { SnackbarContext } from \"../SnackbarProvider/SnackbarStateProvider\";\n\nconst textColor = \"var(--snackbar-text-color)\";\n\nexport interface Props {\n  id: string;\n  title?: string;\n  duration: number;\n  variant: Variant;\n  className?: string;\n  onClose: (key: string) => void;\n  closeButtonTitle: string;\n  content?: string;\n  actions?: Actions;\n}\n\nconst useRegisterSnackbarHeight = (\n  singleSnackbarRef: React.RefObject<HTMLDivElement>,\n  snackbarId: string\n) => {\n  const ctx = useContext(SnackbarContext);\n\n  useEffect(() => {\n    if (singleSnackbarRef.current) {\n      ctx.setSnackbarHeight(snackbarId, singleSnackbarRef.current.getBoundingClientRect().height);\n    }\n  }, [singleSnackbarRef.current]);\n};\n\nexport const SnackbarItem = ({\n  id,\n  title,\n  duration,\n  variant,\n  content,\n  className,\n  actions = [],\n  onClose,\n  closeButtonTitle\n}: Props) => {\n  const timerHandler = useRef<ReturnType<typeof setTimeout>>();\n  const onAnimationEnd = () => onClose(id);\n  const { ref, animationStarted, startAnimation } = useAnimation<HTMLDivElement>(onAnimationEnd);\n\n  useRegisterSnackbarHeight(ref, id);\n\n  useEffect(() => {\n    timerHandler.current = setTimeout(() => startAnimation(), duration);\n    return () => {\n      timerHandler.current && clearTimeout(timerHandler.current);\n    };\n  }, []);\n\n  const onMouseEnter = () => {\n    timerHandler.current && clearTimeout(timerHandler.current);\n  };\n\n  const onMouseLeave = () => {\n    timerHandler.current = setTimeout(() => startAnimation(), duration);\n  };\n\n  const getVariantIcon = () => {\n    if (variant === \"error\") {\n      return Icons.Error;\n    }\n\n    if (variant === \"warning\") {\n      return Icons.Warning;\n    }\n\n    return variant === \"success\" ? Icons.CheckmarkCircleAlt : Icons.InfoCircle;\n  };\n\n  const actionButtons = actions.map((actionProp, index) => (\n    <button\n      key={index}\n      {...actionProp}\n      onClick={e => {\n        onClose(id);\n        actionProp.onClick?.(e);\n      }}\n      className={classes[\"action-button\"]}\n    >\n      {actionProp.label}\n    </button>\n  ));\n\n  const snackbarClasses = [\n    classes[\"snackbar\"],\n    classes[variant],\n    animationStarted ? readyclasses[\"slide-out\"] : readyclasses[\"slide-in\"],\n    title ? classes[\"has-title\"] : \"\",\n    className ?? \"\"\n  ].join(\" \");\n\n  return (\n    <div\n      ref={ref}\n      aria-live=\"polite\"\n      className={snackbarClasses}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      <Icon icon={getVariantIcon()} className={classes[\"icon\"]} />\n      <div className={classes[\"content-wrapper\"]}>\n        {title && (\n          <Typography className={classes[\"title\"]} variant=\"body-bold\" tag=\"span\">\n            {title}\n          </Typography>\n        )}\n        {content && (\n          <Typography className={classes[\"content\"]} variant=\"body\">\n            {content}\n          </Typography>\n        )}\n      </div>\n      {actionButtons.length > 0 && <div className={classes[\"actions\"]}>{actionButtons}</div>}\n      <IconButton\n        id={classes[\"close-btn\"]}\n        onClick={() => startAnimation()}\n        title={closeButtonTitle}\n      >\n        <Icon icon={Icons.Times} color={textColor} />\n      </IconButton>\n    </div>\n  );\n};\n"],"names":["textColor","useRegisterSnackbarHeight","singleSnackbarRef","snackbarId","ctx","useContext","SnackbarContext","useEffect","current","setSnackbarHeight","getBoundingClientRect","height","SnackbarItem","id","title","duration","variant","content","className","actions","onClose","closeButtonTitle","timerHandler","useRef","onAnimationEnd","ref","animationStarted","startAnimation","useAnimation","setTimeout","clearTimeout","onMouseEnter","onMouseLeave","getVariantIcon","Icons","Error","Warning","CheckmarkCircleAlt","InfoCircle","actionButtons","map","actionProp","index","React","createElement","key","onClick","e","_a","call","classes","label","snackbarClasses","readyclasses","join","Icon","icon","Typography","tag","length","IconButton","Times","color"],"mappings":"2fA0BA,MAAMA,EAAY,6BAclB,MAAMC,EAA4B,CAChCC,EACAC,KAEA,MAAMC,EAAMC,EAAWC,GAEvBC,GAAU,KACR,GAAIL,EAAkBM,QACpBJ,EAAIK,kBAAkBN,EAAYD,EAAkBM,QAAQE,wBAAwBC,OACrF,GACA,CAACT,EAAkBM,SAAS,EAGpB,MAAAI,EAAe,EAC1BC,KACAC,QACAC,WACAC,UACAC,UACAC,YACAC,UAAU,GACVC,UACAC,uBAEA,MAAMC,EAAeC,IACrB,MAAMC,EAAiB,IAAMJ,EAAQP,GACrC,MAAMY,IAAEA,EAAGC,iBAAEA,EAAgBC,eAAEA,GAAmBC,EAA6BJ,GAE/EvB,EAA0BwB,EAAKZ,GAE/BN,GAAU,KACRe,EAAad,QAAUqB,YAAW,IAAMF,KAAkBZ,GAC1D,MAAO,KACLO,EAAad,SAAWsB,aAAaR,EAAad,QAAQ,CAC3D,GACA,IAEH,MAAMuB,EAAe,KACnBT,EAAad,SAAWsB,aAAaR,EAAad,QAAQ,EAG5D,MAAMwB,EAAe,KACnBV,EAAad,QAAUqB,YAAW,IAAMF,KAAkBZ,EAAS,EAGrE,MAAMkB,EAAiB,KACrB,GAAIjB,IAAY,QACd,OAAOkB,EAAMC,MAGf,GAAInB,IAAY,UACd,OAAOkB,EAAME,QAGf,OAAOpB,IAAY,UAAYkB,EAAMG,mBAAqBH,EAAMI,UAAU,EAG5E,MAAMC,EAAgBpB,EAAQqB,KAAI,CAACC,EAAYC,IAC7CC,EAAAC,cAAA,SAAA,CACEC,IAAKH,KACDD,EACJK,QAASC,UACP3B,EAAQP,IACRmC,EAAAP,EAAWK,WAAU,MAAAE,SAAA,OAAA,EAAAA,EAAAC,KAAAR,EAAAM,EAAE,EAEzB7B,UAAWgC,EAAQ,kBAElBT,EAAWU,SAIhB,MAAMC,EAAkB,CACtBF,EAAQ,YACRA,EAAQlC,GACRU,EAAmB2B,EAAa,aAAeA,EAAa,YAC5DvC,EAAQoC,EAAQ,aAAe,GAC/BhC,IAAA,MAAAA,SAAA,EAAAA,EAAa,IACboC,KAAK,KAEP,OACEX,EACEC,cAAA,MAAA,CAAAnB,IAAKA,EAAG,YACE,SACVP,UAAWkC,EACXrB,aAAcA,EACdC,aAAcA,GAEdW,EAAAC,cAACW,EAAI,CAACC,KAAMvB,IAAkBf,UAAWgC,EAAQ,UACjDP,EAAAC,cAAA,MAAA,CAAK1B,UAAWgC,EAAQ,oBACrBpC,GACC6B,EAACC,cAAAa,GAAWvC,UAAWgC,EAAQ,SAAUlC,QAAQ,YAAY0C,IAAI,QAC9D5C,GAGJG,GACC0B,EAAAC,cAACa,EAAW,CAAAvC,UAAWgC,EAAQ,WAAYlC,QAAQ,QAChDC,IAINsB,EAAcoB,OAAS,GAAKhB,EAAKC,cAAA,MAAA,CAAA1B,UAAWgC,EAAQ,YAAaX,GAClEI,EAAAC,cAACgB,EACC,CAAA/C,GAAIqC,EAAQ,aACZJ,QAAS,IAAMnB,IACfb,MAAOO,GAEPsB,EAAAC,cAACW,EAAI,CAACC,KAAMtB,EAAM2B,MAAOC,MAAO9D,KAGpC"}

package/dist/esm/Notifications/Snackbar/SnackbarItem/SnackbarItem.module.esm.js

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const a = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var e=".SnackbarItem_module_srOnly__2b0f5c74{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.SnackbarItem_module_hidden__2b0f5c74{display:none}.SnackbarItem_module_slideIn__2b0f5c74{animation:SnackbarItem_module_slideIn__2b0f5c74 .5s forwards}@media (prefers-reduced-motion:reduce){.SnackbarItem_module_slideIn__2b0f5c74{animation-duration:.1ms}}.SnackbarItem_module_slideOut__2b0f5c74{animation:SnackbarItem_module_slideOut__2b0f5c74 .5s forwards}@media (prefers-reduced-motion:reduce){.SnackbarItem_module_slideOut__2b0f5c74{animation-duration:.1ms}}@keyframes SnackbarItem_module_slideIn__2b0f5c74{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes SnackbarItem_module_slideOut__2b0f5c74{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.SnackbarItem_module_snackbar__2b0f5c74{align-items:center;border-radius:var(--snackbar-border-radius);box-sizing:border-box;display:flex;flex-grow:0;gap:.5rem;padding:.5rem 1rem;transition-duration:.2s;transition-property:height;transition-timing-function:ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.SnackbarItem_module_snackbar__2b0f5c74{transition-duration:.1ms}}.SnackbarItem_module_snackbar__2b0f5c74.SnackbarItem_module_hasTitle__2b0f5c74{align-items:flex-start;padding:1rem}.SnackbarItem_module_snackbar__2b0f5c74.SnackbarItem_module_info__2b0f5c74{background-color:var(--snackbar-info-background-color)}.SnackbarItem_module_snackbar__2b0f5c74.SnackbarItem_module_success__2b0f5c74{background-color:var(--snackbar-success-background-color)}.SnackbarItem_module_snackbar__2b0f5c74.SnackbarItem_module_error__2b0f5c74{background-color:var(--snackbar-error-background-color)}.SnackbarItem_module_snackbar__2b0f5c74.SnackbarItem_module_warning__2b0f5c74{background-color:var(--snackbar-warning-background-color)}.SnackbarItem_module_snackbar__2b0f5c74+.SnackbarItem_module_snackbar__2b0f5c74{margin-top:.5rem}.SnackbarItem_module_snackbar__2b0f5c74 #SnackbarItem_module_closeBtn__2b0f5c74{align-self:center;border:0;color:var(--snackbar-text-color);flex-shrink:0;height:2.5rem;width:2.5rem}.SnackbarItem_module_snackbar__2b0f5c74 #SnackbarItem_module_closeBtn__2b0f5c74 span{font-size:.875rem}.SnackbarItem_module_snackbar__2b0f5c74 #SnackbarItem_module_closeBtn__2b0f5c74:not(:disabled):focus,.SnackbarItem_module_snackbar__2b0f5c74 #SnackbarItem_module_closeBtn__2b0f5c74:not(:disabled):hover{background-color:var(--color-black10)}.SnackbarItem_module_snackbar__2b0f5c74 #SnackbarItem_module_closeBtn__2b0f5c74:not(:disabled):active{background-color:var(--color-black20)}.SnackbarItem_module_snackbar__2b0f5c74 .SnackbarItem_module_icon__2b0f5c74{color:var(--snackbar-text-color);display:flex;font-size:1rem;line-height:var(--default-line-height)}.SnackbarItem_module_snackbar__2b0f5c74 .SnackbarItem_module_title__2b0f5c74{color:var(--snackbar-text-color);display:block;flex:1;font-size:.875rem;line-height:var(--default-line-height);margin-bottom:.25rem;margin-top:-2.5px}.SnackbarItem_module_snackbar__2b0f5c74 .SnackbarItem_module_contentWrapper__2b0f5c74{flex-grow:1}.SnackbarItem_module_snackbar__2b0f5c74.SnackbarItem_module_hasTitle__2b0f5c74 .SnackbarItem_module_contentWrapper__2b0f5c74{width:12.5rem}@media screen and (min-width:37.5em){.SnackbarItem_module_snackbar__2b0f5c74:not(.SnackbarItem_module_hasTitle__2b0f5c74) .SnackbarItem_module_content__2b0f5c74{white-space:nowrap}}.SnackbarItem_module_snackbar__2b0f5c74 .SnackbarItem_module_content__2b0f5c74{color:var(--snackbar-text-color);font-size:.875rem;line-height:var(--default-line-height);margin-bottom:0}.SnackbarItem_module_snackbar__2b0f5c74 .SnackbarItem_module_actions__2b0f5c74{align-self:center;text-align:right}.SnackbarItem_module_snackbar__2b0f5c74 .SnackbarItem_module_actionButton__2b0f5c74{background-color:transparent;border-color:transparent;border-radius:var(--button-border-radius);border-style:var(--button-border-style);border-width:var(--button-border-width);color:var(--snackbar-text-color);cursor:pointer;font-family:var(--font-family);font-size:.875rem;font-weight:400;line-height:var(--button-font-size);margin:0;padding:.625rem 1.25rem;transition:color,background-color,border-color .2s ease-in-out;white-space:nowrap}.SnackbarItem_module_snackbar__2b0f5c74 .SnackbarItem_module_actionButton__2b0f5c74:disabled{color:var(--greyed-out);cursor:not-allowed}.SnackbarItem_module_snackbar__2b0f5c74 .SnackbarItem_module_actionButton__2b0f5c74:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:.125rem}.SnackbarItem_module_snackbar__2b0f5c74 .SnackbarItem_module_actionButton__2b0f5c74:not(:disabled):focus,.SnackbarItem_module_snackbar__2b0f5c74 .SnackbarItem_module_actionButton__2b0f5c74:not(:disabled):hover{background-color:var(--color-black10)}.SnackbarItem_module_snackbar__2b0f5c74 .SnackbarItem_module_actionButton__2b0f5c74:not(:disabled):active{background-color:var(--color-black20)}@media only screen and (min-width:37.5em){.SnackbarItem_module_snackbar__2b0f5c74{min-width:25rem;width:min-content}}",r={"sr-only":"SnackbarItem_module_srOnly__2b0f5c74",hidden:"SnackbarItem_module_hidden__2b0f5c74","slide-in":"SnackbarItem_module_slideIn__2b0f5c74","slide-out":"SnackbarItem_module_slideOut__2b0f5c74",snackbar:"SnackbarItem_module_snackbar__2b0f5c74","has-title":"SnackbarItem_module_hasTitle__2b0f5c74",info:"SnackbarItem_module_info__2b0f5c74",success:"SnackbarItem_module_success__2b0f5c74",error:"SnackbarItem_module_error__2b0f5c74",warning:"SnackbarItem_module_warning__2b0f5c74","close-btn":"SnackbarItem_module_closeBtn__2b0f5c74",icon:"SnackbarItem_module_icon__2b0f5c74",title:"SnackbarItem_module_title__2b0f5c74","content-wrapper":"SnackbarItem_module_contentWrapper__2b0f5c74",content:"SnackbarItem_module_content__2b0f5c74",actions:"SnackbarItem_module_actions__2b0f5c74","action-button":"SnackbarItem_module_actionButton__2b0f5c74"};a(e,{});export{e as css,r as default};
+import a from "../../../../lib/style-inject.js";var c='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SnackbarItem-module_sr-only__EBvz0{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.SnackbarItem-module_hidden__MnW2t{display:none}.SnackbarItem-module_slide-in__Ruu5V{animation:SnackbarItem-module_slide-in__Ruu5V .5s forwards}@media (prefers-reduced-motion:reduce){.SnackbarItem-module_slide-in__Ruu5V{animation-duration:.1ms}}.SnackbarItem-module_slide-out__6VJFZ{animation:SnackbarItem-module_slide-out__6VJFZ .5s forwards}@media (prefers-reduced-motion:reduce){.SnackbarItem-module_slide-out__6VJFZ{animation-duration:.1ms}}@keyframes SnackbarItem-module_slide-in__Ruu5V{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes SnackbarItem-module_slide-out__6VJFZ{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.SnackbarItem-module_snackbar__6uLYF{align-items:center;border-radius:var(--snackbar-border-radius);box-sizing:border-box;display:flex;flex-grow:0;gap:.5rem;padding:.5rem 1rem;transition-duration:.2s;transition-property:height;transition-timing-function:ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.SnackbarItem-module_snackbar__6uLYF{transition-duration:.1ms}}.SnackbarItem-module_snackbar__6uLYF.SnackbarItem-module_has-title__jLV-3{align-items:flex-start;padding:1rem}.SnackbarItem-module_snackbar__6uLYF.SnackbarItem-module_info__qsV9O{background-color:var(--snackbar-info-background-color)}.SnackbarItem-module_snackbar__6uLYF.SnackbarItem-module_success__Xx2w7{background-color:var(--snackbar-success-background-color)}.SnackbarItem-module_snackbar__6uLYF.SnackbarItem-module_error__vUBNF{background-color:var(--snackbar-error-background-color)}.SnackbarItem-module_snackbar__6uLYF.SnackbarItem-module_warning__8Kp-W{background-color:var(--snackbar-warning-background-color)}.SnackbarItem-module_snackbar__6uLYF+.SnackbarItem-module_snackbar__6uLYF{margin-top:.5rem}.SnackbarItem-module_snackbar__6uLYF #SnackbarItem-module_close-btn__ftGfT{align-self:center;border:0;color:var(--snackbar-text-color);flex-shrink:0;height:2.5rem;width:2.5rem}.SnackbarItem-module_snackbar__6uLYF #SnackbarItem-module_close-btn__ftGfT span{font-size:.875rem}.SnackbarItem-module_snackbar__6uLYF #SnackbarItem-module_close-btn__ftGfT:not(:disabled):focus,.SnackbarItem-module_snackbar__6uLYF #SnackbarItem-module_close-btn__ftGfT:not(:disabled):hover{background-color:var(--color-black10)}.SnackbarItem-module_snackbar__6uLYF #SnackbarItem-module_close-btn__ftGfT:not(:disabled):active{background-color:var(--color-black20)}.SnackbarItem-module_snackbar__6uLYF .SnackbarItem-module_icon__oCQ61{color:var(--snackbar-text-color);display:flex;font-size:1rem;line-height:var(--default-line-height)}.SnackbarItem-module_snackbar__6uLYF .SnackbarItem-module_title__sdClo{color:var(--snackbar-text-color);display:block;flex:1;font-size:.875rem;line-height:var(--default-line-height);margin-bottom:.25rem;margin-top:-2.5px}.SnackbarItem-module_snackbar__6uLYF .SnackbarItem-module_content-wrapper__SXr2-{flex-grow:1}.SnackbarItem-module_snackbar__6uLYF.SnackbarItem-module_has-title__jLV-3 .SnackbarItem-module_content-wrapper__SXr2-{width:12.5rem}@media screen and (min-width:37.5em){.SnackbarItem-module_snackbar__6uLYF:not(.SnackbarItem-module_has-title__jLV-3) .SnackbarItem-module_content__Uw63v{white-space:nowrap}}.SnackbarItem-module_snackbar__6uLYF .SnackbarItem-module_content__Uw63v{color:var(--snackbar-text-color);font-size:.875rem;line-height:var(--default-line-height);margin-bottom:0}.SnackbarItem-module_snackbar__6uLYF .SnackbarItem-module_actions__4DNWL{align-self:center;text-align:right}.SnackbarItem-module_snackbar__6uLYF .SnackbarItem-module_action-button__yhkBR{background-color:transparent;border-color:transparent;border-radius:var(--button-border-radius);border-style:var(--button-border-style);border-width:var(--button-border-width);color:var(--snackbar-text-color);cursor:pointer;font-family:var(--font-family);font-size:.875rem;font-weight:400;line-height:var(--button-font-size);margin:0;padding:.625rem 1.25rem;transition:color,background-color,border-color .2s ease-in-out;white-space:nowrap}.SnackbarItem-module_snackbar__6uLYF .SnackbarItem-module_action-button__yhkBR:disabled{color:var(--greyed-out);cursor:not-allowed}.SnackbarItem-module_snackbar__6uLYF .SnackbarItem-module_action-button__yhkBR:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:.125rem}.SnackbarItem-module_snackbar__6uLYF .SnackbarItem-module_action-button__yhkBR:not(:disabled):focus,.SnackbarItem-module_snackbar__6uLYF .SnackbarItem-module_action-button__yhkBR:not(:disabled):hover{background-color:var(--color-black10)}.SnackbarItem-module_snackbar__6uLYF .SnackbarItem-module_action-button__yhkBR:not(:disabled):active{background-color:var(--color-black20)}@media only screen and (min-width:37.5em){.SnackbarItem-module_snackbar__6uLYF{min-width:25rem;width:min-content}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNuYWNrYmFySXRlbS5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixvQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsbUNBQ0UsWUFDRixDQUVBLHFDQUNFLDBEQUNGLENBQ0EsdUNBQ0UscUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLHNDQUNFLDJEQUNGLENBQ0EsdUNBQ0Usc0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLCtDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxnREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EscUNBS0Usa0JBQW1CLENBSG5CLDJDQUE0QyxDQUs1QyxxQkFBc0IsQ0FKdEIsWUFBYSxDQVFiLFdBQVksQ0FQWixTQUFXLENBSFgsa0JBQW9CLENBUXBCLHVCQUF5QixDQUR6QiwwQkFBMkIsQ0FFM0Isc0NBQXVDLENBSnZDLFVBTUYsQ0FDQSx1Q0FDRSxxQ0FDRSx3QkFDRixDQUNGLENBQ0EsMEVBQ0Usc0JBQXVCLENBQ3ZCLFlBQ0YsQ0FDQSxxRUFDRSxzREFDRixDQUNBLHdFQUNFLHlEQUNGLENBQ0Esc0VBQ0UsdURBQ0YsQ0FDQSx3RUFDRSx5REFDRixDQUNBLDBFQUNFLGdCQUNGLENBQ0EsMkVBRUUsaUJBQWtCLENBSWxCLFFBQVMsQ0FMVCxnQ0FBaUMsQ0FJakMsYUFBYyxDQURkLGFBQWMsQ0FEZCxZQUlGLENBQ0EsZ0ZBQ0UsaUJBQ0YsQ0FDQSxnTUFDRSxxQ0FDRixDQUNBLGlHQUNFLHFDQUNGLENBQ0Esc0VBQ0UsZ0NBQWlDLENBR2pDLFlBQWEsQ0FGYixjQUFlLENBQ2Ysc0NBRUYsQ0FDQSx1RUFDRSxnQ0FBaUMsQ0FNakMsYUFBYyxDQUxkLE1BQU8sQ0FDUCxpQkFBbUIsQ0FDbkIsc0NBQXVDLENBQ3ZDLG9CQUFzQixDQUN0QixpQkFFRixDQUNBLGlGQUNFLFdBQ0YsQ0FDQSxzSEFDRSxhQUNGLENBQ0EscUNBQ0Usb0hBQ0Usa0JBQ0YsQ0FDRixDQUNBLHlFQUNFLGdDQUFpQyxDQUNqQyxpQkFBbUIsQ0FFbkIsc0NBQXVDLENBRHZDLGVBRUYsQ0FDQSx5RUFFRSxpQkFBa0IsQ0FEbEIsZ0JBRUYsQ0FDQSwrRUFjRSw0QkFBNkIsQ0FDN0Isd0JBQXlCLENBWnpCLHlDQUEwQyxDQUQxQyx1Q0FBd0MsQ0FEeEMsdUNBQXdDLENBWXhDLGdDQUFpQyxDQUhqQyxjQUFlLENBRWYsOEJBQStCLENBUC9CLGlCQUFtQixDQUVuQixlQUFnQixDQURoQixtQ0FBb0MsQ0FFcEMsUUFBUyxDQUNULHVCQUF5QixDQUV6Qiw4REFBa0UsQ0FQbEUsa0JBWUYsQ0FDQSx3RkFDRSx1QkFBd0IsQ0FDeEIsa0JBQ0YsQ0FDQSw2RkFHRSx3Q0FBeUMsQ0FGekMsd0NBQTBDLENBQzFDLHNCQUVGLENBQ0Esd01BQ0UscUNBQ0YsQ0FDQSxxR0FDRSxxQ0FDRixDQUVBLDBDQUNFLHFDQUVFLGVBQWdCLENBRGhCLGlCQUVGLENBQ0YiLCJmaWxlIjoiU25hY2tiYXJJdGVtLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLnNuYWNrYmFyIHtcbiAgcGFkZGluZzogMC41cmVtIDFyZW07XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXNuYWNrYmFyLWJvcmRlci1yYWRpdXMpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDAuNXJlbTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGhlaWdodDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xuICBmbGV4LWdyb3c6IDA7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc25hY2tiYXIge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc25hY2tiYXIuaGFzLXRpdGxlIHtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIHBhZGRpbmc6IDFyZW07XG59XG4uc25hY2tiYXIuaW5mbyB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNuYWNrYmFyLWluZm8tYmFja2dyb3VuZC1jb2xvcik7XG59XG4uc25hY2tiYXIuc3VjY2VzcyB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNuYWNrYmFyLXN1Y2Nlc3MtYmFja2dyb3VuZC1jb2xvcik7XG59XG4uc25hY2tiYXIuZXJyb3Ige1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zbmFja2Jhci1lcnJvci1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5zbmFja2Jhci53YXJuaW5nIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc25hY2tiYXItd2FybmluZy1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5zbmFja2JhciArIC5zbmFja2JhciB7XG4gIG1hcmdpbi10b3A6IDAuNXJlbTtcbn1cbi5zbmFja2JhciAjY2xvc2UtYnRuIHtcbiAgY29sb3I6IHZhcigtLXNuYWNrYmFyLXRleHQtY29sb3IpO1xuICBhbGlnbi1zZWxmOiBjZW50ZXI7XG4gIHdpZHRoOiAyLjVyZW07XG4gIGhlaWdodDogMi41cmVtO1xuICBmbGV4LXNocmluazogMDtcbiAgYm9yZGVyOiAwO1xufVxuLnNuYWNrYmFyICNjbG9zZS1idG4gc3BhbiB7XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG59XG4uc25hY2tiYXIgI2Nsb3NlLWJ0bjpub3QoOmRpc2FibGVkKTpob3ZlciwgLnNuYWNrYmFyICNjbG9zZS1idG46bm90KDpkaXNhYmxlZCk6Zm9jdXMge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjazEwKTtcbn1cbi5zbmFja2JhciAjY2xvc2UtYnRuOm5vdCg6ZGlzYWJsZWQpOmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMjApO1xufVxuLnNuYWNrYmFyIC5pY29uIHtcbiAgY29sb3I6IHZhcigtLXNuYWNrYmFyLXRleHQtY29sb3IpO1xuICBmb250LXNpemU6IDFyZW07XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kZWZhdWx0LWxpbmUtaGVpZ2h0KTtcbiAgZGlzcGxheTogZmxleDtcbn1cbi5zbmFja2JhciAudGl0bGUge1xuICBjb2xvcjogdmFyKC0tc25hY2tiYXItdGV4dC1jb2xvcik7XG4gIGZsZXg6IDE7XG4gIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kZWZhdWx0LWxpbmUtaGVpZ2h0KTtcbiAgbWFyZ2luLWJvdHRvbTogMC4yNXJlbTtcbiAgbWFyZ2luLXRvcDogLTIuNXB4O1xuICBkaXNwbGF5OiBibG9jaztcbn1cbi5zbmFja2JhciAuY29udGVudC13cmFwcGVyIHtcbiAgZmxleC1ncm93OiAxO1xufVxuLnNuYWNrYmFyLmhhcy10aXRsZSAuY29udGVudC13cmFwcGVyIHtcbiAgd2lkdGg6IDEyLjVyZW07XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAzNy41ZW0pIHtcbiAgLnNuYWNrYmFyOm5vdCguaGFzLXRpdGxlKSAuY29udGVudCB7XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgfVxufVxuLnNuYWNrYmFyIC5jb250ZW50IHtcbiAgY29sb3I6IHZhcigtLXNuYWNrYmFyLXRleHQtY29sb3IpO1xuICBmb250LXNpemU6IDAuODc1cmVtO1xuICBtYXJnaW4tYm90dG9tOiAwO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGVmYXVsdC1saW5lLWhlaWdodCk7XG59XG4uc25hY2tiYXIgLmFjdGlvbnMge1xuICB0ZXh0LWFsaWduOiByaWdodDtcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xufVxuLnNuYWNrYmFyIC5hY3Rpb24tYnV0dG9uIHtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1idXR0b24tYm9yZGVyLXdpZHRoKTtcbiAgYm9yZGVyLXN0eWxlOiB2YXIoLS1idXR0b24tYm9yZGVyLXN0eWxlKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tYnV0dG9uLWJvcmRlci1yYWRpdXMpO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBmb250LXNpemU6IDAuODc1cmVtO1xuICBsaW5lLWhlaWdodDogdmFyKC0tYnV0dG9uLWZvbnQtc2l6ZSk7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMC42MjVyZW0gMS4yNXJlbTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uOiBjb2xvciwgYmFja2dyb3VuZC1jb2xvciwgYm9yZGVyLWNvbG9yIDAuMnMgZWFzZS1pbi1vdXQ7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGNvbG9yOiB2YXIoLS1zbmFja2Jhci10ZXh0LWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG59XG4uc25hY2tiYXIgLmFjdGlvbi1idXR0b246ZGlzYWJsZWQge1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG4uc25hY2tiYXIgLmFjdGlvbi1idXR0b246Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IDAuMTI1cmVtIHNvbGlkIHZhcigtLWNvbG9yLWZvY3VzKTtcbiAgb3V0bGluZS1vZmZzZXQ6IDAuMTI1cmVtO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cbi5zbmFja2JhciAuYWN0aW9uLWJ1dHRvbjpub3QoOmRpc2FibGVkKTpob3ZlciwgLnNuYWNrYmFyIC5hY3Rpb24tYnV0dG9uOm5vdCg6ZGlzYWJsZWQpOmZvY3VzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmxhY2sxMCk7XG59XG4uc25hY2tiYXIgLmFjdGlvbi1idXR0b246bm90KDpkaXNhYmxlZCk6YWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmxhY2syMCk7XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzcuNWVtKSB7XG4gIC5zbmFja2JhciB7XG4gICAgd2lkdGg6IG1pbi1jb250ZW50O1xuICAgIG1pbi13aWR0aDogMjVyZW07XG4gIH1cbn0iXX0= */';var e={"sr-only":"SnackbarItem-module_sr-only__EBvz0",hidden:"SnackbarItem-module_hidden__MnW2t","slide-in":"SnackbarItem-module_slide-in__Ruu5V","slide-out":"SnackbarItem-module_slide-out__6VJFZ",snackbar:"SnackbarItem-module_snackbar__6uLYF","has-title":"SnackbarItem-module_has-title__jLV-3",info:"SnackbarItem-module_info__qsV9O",success:"SnackbarItem-module_success__Xx2w7",error:"SnackbarItem-module_error__vUBNF",warning:"SnackbarItem-module_warning__8Kp-W","close-btn":"SnackbarItem-module_close-btn__ftGfT",icon:"SnackbarItem-module_icon__oCQ61",title:"SnackbarItem-module_title__sdClo","content-wrapper":"SnackbarItem-module_content-wrapper__SXr2-",content:"SnackbarItem-module_content__Uw63v",actions:"SnackbarItem-module_actions__4DNWL","action-button":"SnackbarItem-module_action-button__yhkBR"};a(c);export{e as default};
 //# sourceMappingURL=SnackbarItem.module.esm.js.map

package/dist/esm/Notifications/Snackbar/SnackbarProvider/SnackbarProvider.esm.js

@@ -1,2 +1,2 @@
-import e,{useState as t,useRef as a}from"react";import{createPortal as r}from"react-dom";import{SnackbarContextProvider as o}from"./SnackbarStateProvider.esm.js";import{SnackbarContainer as n}from"../SnackbarContainer/SnackbarContainer.esm.js";import{generateID as s}from"../../../src/util/helper.esm.js";import{SnackbarItem as i}from"../SnackbarItem/SnackbarItem.esm.js";import{useGetDomRoot as c}from"../../../src/hooks/useGetDomRoot.esm.js";const l=({closeButtonTitle:l,placement:m={vertical:"bottom",horizontal:"center"},autoHideDuration:u={long:8e3,short:4e3},stackSize:d=3,domRoot:k,children:S,className:p}={closeButtonTitle:""})=>{const[b,h]=t([]),f=a(null),{root:v}=c(k,f),g=(e,t,a)=>"error"===e||(null!=a?a:t)?u.long:u.short,C=(e,t,a={})=>{const{variant:r="info",actions:o,duration:n=g(r,o,t),onClose:i}=a;(e=>{h((t=>[...t,e]))})({title:e,content:t,variant:r,className:a.className,actions:o,duration:n,height:0,id:s(15,e),onClose:i})},N=b.map(((t,a)=>a<d?e.createElement(i,{...t,key:t.id,className:t.className,onClose:()=>{var e,a;a=t.id,h((e=>[...e].filter((e=>e.id!==a)))),null===(e=t.onClose)||void 0===e||e.call(t)},closeButtonTitle:l}):null)),j=r(e.createElement(n,{placement:m,className:p},N),v);return e.createElement(o,{initialState:{enqueueSnackbar:C,enqueueSuccessSnackbar:(e,t,a)=>{C(e,t,{...a,variant:"success"})},enqueueErrorSnackbar:(e,t,a)=>{C(e,t,{...a,variant:"error"})},enqueueWarningSnackbar:(e,t,a)=>{C(e,t,{...a,variant:"warning"})},setSnackbarHeight:(e,t)=>{const a=b.map((a=>a.id!==e?a:{...a,height:t}));h(a)},snackbars:b}},S,e.createElement("div",{ref:f},j))};export{l as SnackbarProvider};
+import t,{useState as e,useRef as o}from"react";import{createPortal as n}from"react-dom";import{SnackbarContextProvider as r}from"./SnackbarStateProvider.esm.js";import{SnackbarContainer as a}from"../SnackbarContainer/SnackbarContainer.esm.js";import{generateID as s}from"../../../src/util/helper.esm.js";import{SnackbarItem as c}from"../SnackbarItem/SnackbarItem.esm.js";import{useGetDomRoot as i}from"../../../src/hooks/useGetDomRoot.esm.js";const l=({closeButtonTitle:l,placement:m={vertical:"bottom",horizontal:"center"},autoHideDuration:u={long:8e3,short:4e3},stackSize:d=3,domRoot:k,children:S,className:p}={closeButtonTitle:""})=>{const[b,f]=e([]);const v=o(null);const{root:h}=i(k,v);const g=t=>{f((e=>[...e,t]))};const C=(t,e)=>{const o=b.map((o=>{if(o.id!==t)return o;return{...o,height:e}}));f(o)};const N=(t,e,o)=>{const n=t==="error";const r=o!==null&&o!==void 0?o:e;if(n||r)return u.long;return u.short};const j=(t,e,o={})=>{const{variant:n="info",actions:r,duration:a=N(n,r,e),onClose:c}=o;const i={title:t,content:e,variant:n,className:o.className,actions:r,duration:a,height:0,id:s(15,t),onClose:c};g(i)};const E=(t,e,o)=>{j(t,e,{...o,variant:"success"})};const q=(t,e,o)=>{j(t,e,{...o,variant:"error"})};const B=(t,e,o)=>{j(t,e,{...o,variant:"warning"})};const T=t=>{f((e=>[...e].filter((e=>e.id!==t))))};const z=b.map(((e,o)=>o<d?t.createElement(c,{...e,key:e.id,className:e.className,onClose:()=>{var t;T(e.id);(t=e.onClose)===null||t===void 0?void 0:t.call(e)},closeButtonTitle:l}):null));const D=n(t.createElement(a,{placement:m,className:p},z),h);return t.createElement(r,{initialState:{enqueueSnackbar:j,enqueueSuccessSnackbar:E,enqueueErrorSnackbar:q,enqueueWarningSnackbar:B,setSnackbarHeight:C,snackbars:b}},S,t.createElement("div",{ref:v},D))};export{l as SnackbarProvider};
 //# sourceMappingURL=SnackbarProvider.esm.js.map

package/dist/esm/Notifications/Snackbar/SnackbarProvider/SnackbarProvider.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarProvider.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"SnackbarProvider.esm.js","sources":["../../../../../../../src/components/Notifications/Snackbar/SnackbarProvider/SnackbarProvider.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ReactNode, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { SnackbarContextProvider } from \"./SnackbarStateProvider\";\nimport { Actions, SnackbarOptionsProps, Variant } from \"../interfaces\";\nimport { Placement, SnackbarContainer } from \"../SnackbarContainer/SnackbarContainer\";\nimport { generateID } from \"../../../../util/helper\";\nimport { SnackbarItem } from \"../SnackbarItem/SnackbarItem\";\nimport { useGetDomRoot } from \"../../../../hooks/useGetDomRoot\";\n\n/** Short msg is when only title is provided. Long one when content or/and actions are provided (or type is error). */\ninterface Duration {\n  long: number;\n  short: number;\n}\n\nexport interface Props {\n  closeButtonTitle: string;\n  children?: ReactNode;\n  placement?: Placement;\n  stackSize?: number;\n  domRoot?: HTMLElement;\n  autoHideDuration?: Duration;\n  className?: string;\n}\n\nexport interface Item {\n  id: string;\n  title?: string;\n  duration: number;\n  className?: string;\n  height: number;\n  variant: Variant;\n  content?: string;\n  actions?: Actions;\n  onClose?: () => void;\n}\n\nexport const SnackbarProvider = (\n  {\n    closeButtonTitle,\n    placement = { vertical: \"bottom\", horizontal: \"center\" },\n    autoHideDuration = { long: 8000, short: 4000 },\n    stackSize = 3,\n    domRoot,\n    children,\n    className\n  }: Props = { closeButtonTitle: \"\" }\n) => {\n  const [snackbars, setSnackbars] = useState<Item[]>([]);\n  const wrappingDivRef = useRef(null);\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n\n  const addSnackbar = (item: Item) => {\n    setSnackbars(items => [...items, item]);\n  };\n\n  const setSnackbarHeight = (id: string, height: number) => {\n    const newSnackbarsState = snackbars.map(snackbar => {\n      if (snackbar.id !== id) {\n        return snackbar;\n      }\n\n      return { ...snackbar, height };\n    });\n\n    setSnackbars(newSnackbarsState);\n  };\n\n  const getDuration = (variant: Variant, actions?: Actions, content?: string) => {\n    const hasError = variant === \"error\";\n    const hasContentOrActions = content ?? actions;\n    if (hasError || hasContentOrActions) {\n      return autoHideDuration.long;\n    }\n    return autoHideDuration.short;\n  };\n\n  const enqueueSnackbar = (\n    title?: string,\n    content?: string,\n    options: SnackbarOptionsProps = {}\n  ): void => {\n    const {\n      variant = \"info\",\n      actions,\n      duration = getDuration(variant, actions, content),\n      onClose\n    } = options;\n    const item: Item = {\n      title,\n      content,\n      variant,\n      className: options.className,\n      actions,\n      duration,\n      height: 0,\n      id: generateID(15, title),\n      onClose\n    };\n    addSnackbar(item);\n  };\n\n  const enqueueSuccessSnackbar = (\n    title?: string,\n    content?: string,\n    options?: SnackbarOptionsProps\n  ): void => {\n    enqueueSnackbar(title, content, { ...options, variant: \"success\" });\n  };\n\n  const enqueueErrorSnackbar = (\n    title?: string,\n    content?: string,\n    options?: SnackbarOptionsProps\n  ): void => {\n    enqueueSnackbar(title, content, { ...options, variant: \"error\" });\n  };\n\n  const enqueueWarningSnackbar = (\n    title?: string,\n    content?: string,\n    options?: SnackbarOptionsProps\n  ): void => {\n    enqueueSnackbar(title, content, { ...options, variant: \"warning\" });\n  };\n\n  const onItemClosed = (id: string) => {\n    setSnackbars(items => [...items].filter(item => item.id !== id));\n  };\n\n  const snackbarList = snackbars.map((item, index) =>\n    index < stackSize ? (\n      <SnackbarItem\n        {...item}\n        key={item.id}\n        className={item.className}\n        onClose={() => {\n          onItemClosed(item.id);\n          item.onClose?.();\n        }}\n        closeButtonTitle={closeButtonTitle}\n      />\n    ) : null\n  );\n\n  const snackbarPortal = createPortal(\n    <SnackbarContainer placement={placement} className={className}>\n      {snackbarList}\n    </SnackbarContainer>,\n    root\n  );\n\n  return (\n    <SnackbarContextProvider\n      initialState={{\n        enqueueSnackbar,\n        enqueueSuccessSnackbar,\n        enqueueErrorSnackbar,\n        enqueueWarningSnackbar,\n        setSnackbarHeight,\n        snackbars\n      }}\n    >\n      {children}\n      <div ref={wrappingDivRef}>{snackbarPortal}</div>\n    </SnackbarContextProvider>\n  );\n};\n"],"names":["SnackbarProvider","closeButtonTitle","placement","vertical","horizontal","autoHideDuration","long","short","stackSize","domRoot","children","className","snackbars","setSnackbars","useState","wrappingDivRef","useRef","root","useGetDomRoot","addSnackbar","item","items","setSnackbarHeight","id","height","newSnackbarsState","map","snackbar","getDuration","variant","actions","content","hasError","hasContentOrActions","enqueueSnackbar","title","options","duration","onClose","generateID","enqueueSuccessSnackbar","enqueueErrorSnackbar","enqueueWarningSnackbar","onItemClosed","filter","snackbarList","index","React","createElement","SnackbarItem","key","_a","call","snackbarPortal","createPortal","SnackbarContainer","SnackbarContextProvider","initialState","ref"],"mappings":"kcAqDaA,EAAmB,EAE5BC,mBACAC,YAAY,CAAEC,SAAU,SAAUC,WAAY,UAC9CC,mBAAmB,CAAEC,KAAM,IAAMC,MAAO,KACxCC,YAAY,EACZC,UACAC,WACAC,aACS,CAAEV,iBAAkB,OAE/B,MAAOW,EAAWC,GAAgBC,EAAiB,IACnD,MAAMC,EAAiBC,EAAO,MAC9B,MAAMC,KAAEA,GAASC,EAAcT,EAASM,GAExC,MAAMI,EAAeC,IACnBP,GAAaQ,GAAS,IAAIA,EAAOD,IAAM,EAGzC,MAAME,EAAoB,CAACC,EAAYC,KACrC,MAAMC,EAAoBb,EAAUc,KAAIC,IACtC,GAAIA,EAASJ,KAAOA,EAClB,OAAOI,EAGT,MAAO,IAAKA,EAAUH,SAAQ,IAGhCX,EAAaY,EAAkB,EAGjC,MAAMG,EAAc,CAACC,EAAkBC,EAAmBC,KACxD,MAAMC,EAAWH,IAAY,QAC7B,MAAMI,EAAsBF,IAAO,MAAPA,SAAA,EAAAA,EAAWD,EACvC,GAAIE,GAAYC,EACd,OAAO5B,EAAiBC,KAE1B,OAAOD,EAAiBE,KAAK,EAG/B,MAAM2B,EAAkB,CACtBC,EACAJ,EACAK,EAAgC,CAAA,KAEhC,MAAMP,QACJA,EAAU,OAAMC,QAChBA,EAAOO,SACPA,EAAWT,EAAYC,EAASC,EAASC,GAAQO,QACjDA,GACEF,EACJ,MAAMhB,EAAa,CACjBe,QACAJ,UACAF,UACAlB,UAAWyB,EAAQzB,UACnBmB,UACAO,WACAb,OAAQ,EACRD,GAAIgB,EAAW,GAAIJ,GACnBG,WAEFnB,EAAYC,EAAK,EAGnB,MAAMoB,EAAyB,CAC7BL,EACAJ,EACAK,KAEAF,EAAgBC,EAAOJ,EAAS,IAAKK,EAASP,QAAS,WAAY,EAGrE,MAAMY,EAAuB,CAC3BN,EACAJ,EACAK,KAEAF,EAAgBC,EAAOJ,EAAS,IAAKK,EAASP,QAAS,SAAU,EAGnE,MAAMa,EAAyB,CAC7BP,EACAJ,EACAK,KAEAF,EAAgBC,EAAOJ,EAAS,IAAKK,EAASP,QAAS,WAAY,EAGrE,MAAMc,EAAgBpB,IACpBV,GAAaQ,GAAS,IAAIA,GAAOuB,QAAOxB,GAAQA,EAAKG,KAAOA,KAAI,EAGlE,MAAMsB,EAAejC,EAAUc,KAAI,CAACN,EAAM0B,IACxCA,EAAQtC,EACNuC,EAACC,cAAAC,MACK7B,EACJ8B,IAAK9B,EAAKG,GACVZ,UAAWS,EAAKT,UAChB2B,QAAS,WACPK,EAAavB,EAAKG,KAClB4B,EAAA/B,EAAKkB,WAAO,MAAAa,SAAA,OAAA,EAAAA,EAAAC,KAAAhC,EAAI,EAElBnB,iBAAkBA,IAElB,OAGN,MAAMoD,EAAiBC,EACrBP,gBAACQ,EAAiB,CAACrD,UAAWA,EAAWS,UAAWA,GACjDkC,GAEH5B,GAGF,OACE8B,EAAAC,cAACQ,EAAuB,CACtBC,aAAc,CACZvB,kBACAM,yBACAC,uBACAC,yBACApB,oBACAV,cAGDF,EACDqC,EAAKC,cAAA,MAAA,CAAAU,IAAK3C,GAAiBsC,GAE7B"}

package/dist/esm/Notifications/Snackbar/SnackbarProvider/SnackbarStateProvider.esm.js

@@ -1,2 +1,2 @@
-import e,{createContext as n}from"react";const a=n({enqueueSnackbar:()=>null,enqueueSuccessSnackbar:()=>null,enqueueErrorSnackbar:()=>null,enqueueWarningSnackbar:()=>null,setSnackbarHeight:()=>null,snackbars:[]}),r=({children:n,initialState:r})=>e.createElement(a.Provider,{value:r},n);export{a as SnackbarContext,r as SnackbarContextProvider};
+import e,{createContext as n}from"react";const a=n({enqueueSnackbar:()=>null,enqueueSuccessSnackbar:()=>null,enqueueErrorSnackbar:()=>null,enqueueWarningSnackbar:()=>null,setSnackbarHeight:()=>null,snackbars:[]});const r=({children:n,initialState:r})=>e.createElement(a.Provider,{value:r},n);export{a as SnackbarContext,r as SnackbarContextProvider};
 //# sourceMappingURL=SnackbarStateProvider.esm.js.map

package/dist/esm/Notifications/Snackbar/SnackbarProvider/SnackbarStateProvider.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarStateProvider.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"SnackbarStateProvider.esm.js","sources":["../../../../../../../src/components/Notifications/Snackbar/SnackbarProvider/SnackbarStateProvider.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { createContext } from \"react\";\nimport { SnackbarOptionsProps } from \"../interfaces\";\nimport { Item } from \"./SnackbarProvider\";\n\ninterface SnackbarContextProps {\n  enqueueSnackbar: (title?: string, content?: string, options?: SnackbarOptionsProps) => void;\n  enqueueSuccessSnackbar: (\n    title?: string,\n    content?: string,\n    options?: SnackbarOptionsProps\n  ) => void;\n  enqueueWarningSnackbar: (\n    title?: string,\n    content?: string,\n    options?: SnackbarOptionsProps\n  ) => void;\n  enqueueErrorSnackbar: (title?: string, content?: string, options?: SnackbarOptionsProps) => void;\n  setSnackbarHeight: (id: string, height: number) => void;\n  snackbars: Item[];\n}\n\nconst SnackbarContext = createContext<SnackbarContextProps>({\n  enqueueSnackbar: () => null,\n  enqueueSuccessSnackbar: () => null,\n  enqueueErrorSnackbar: () => null,\n  enqueueWarningSnackbar: () => null,\n  setSnackbarHeight: () => null,\n  snackbars: []\n});\n\ninterface Props {\n  initialState: SnackbarContextProps;\n  children?: React.ReactNode;\n}\n\nconst SnackbarContextProvider = ({ children, initialState }: Props) => {\n  return <SnackbarContext.Provider value={initialState}>{children}</SnackbarContext.Provider>;\n};\n\nexport { SnackbarContextProvider, SnackbarContext, SnackbarContextProps };\n"],"names":["SnackbarContext","createContext","enqueueSnackbar","enqueueSuccessSnackbar","enqueueErrorSnackbar","enqueueWarningSnackbar","setSnackbarHeight","snackbars","SnackbarContextProvider","children","initialState","React","createElement","Provider","value"],"mappings":"yCAqCM,MAAAA,EAAkBC,EAAoC,CAC1DC,gBAAiB,IAAM,KACvBC,uBAAwB,IAAM,KAC9BC,qBAAsB,IAAM,KAC5BC,uBAAwB,IAAM,KAC9BC,kBAAmB,IAAM,KACzBC,UAAW,KAQP,MAAAC,EAA0B,EAAGC,WAAUC,kBACpCC,EAAAC,cAACZ,EAAgBa,SAAQ,CAACC,MAAOJ,GAAeD"}

package/dist/esm/Notifications/Snackbar/useSnackbar.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSnackbar.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"useSnackbar.esm.js","sources":["../../../../../../src/components/Notifications/Snackbar/useSnackbar.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { useContext } from \"react\";\nimport { SnackbarContext } from \"./SnackbarProvider/SnackbarStateProvider\";\n\nexport const useSnackbar = () => {\n  const ctx = useContext(SnackbarContext);\n\n  return {\n    enqueueWarningSnackbar: ctx.enqueueWarningSnackbar,\n    enqueueErrorSnackbar: ctx.enqueueErrorSnackbar,\n    enqueueSuccessSnackbar: ctx.enqueueSuccessSnackbar,\n    enqueueSnackbar: ctx.enqueueSnackbar\n  };\n};\n"],"names":["useSnackbar","ctx","useContext","SnackbarContext","enqueueWarningSnackbar","enqueueErrorSnackbar","enqueueSuccessSnackbar","enqueueSnackbar"],"mappings":"qHAmBO,MAAMA,EAAc,KACzB,MAAMC,EAAMC,EAAWC,GAEvB,MAAO,CACLC,uBAAwBH,EAAIG,uBAC5BC,qBAAsBJ,EAAII,qBAC1BC,uBAAwBL,EAAIK,uBAC5BC,gBAAiBN,EAAIM,gBACtB"}

package/dist/esm/Pagination/Pagination.esm.js

@@ -1,2 +1,2 @@
-import e,{useState as t,useEffect as a,Fragment as r}from"react";import l from"./Pagination.module.esm.js";import n from"../src/readyclasses.module.esm.js";import{IconButton as s}from"../Button/IconButton.esm.js";import{Icon as m,Icons as i}from"../Icon/Icon.esm.js";import{Select as c}from"../Form/Select/Select.esm.js";import{Option as o}from"../Form/Select/Option.esm.js";import{Label as p}from"../Form/Label/Label.esm.js";var u;!function(e){e.totalItems="items in total",e.itemsPerPage="Items per page",e.currentPage="of %1 pages",e.itemsPerPageLabel="Select how many items per page you want to see.",e.currentPageLabel="What page you are currently on."}(u||(u={}));const g=e.forwardRef((({totalElements:g,pageSize:d=10,translate:v=u,currentPage:E,className:f,onPageChange:b,onPageSizeChange:N,...h},P)=>{const y=g?Math.ceil(g/d)<1?1:Math.ceil(g/d):1,[S,C]=t(!1),I=e=>{b(e)};return a((()=>{S&&C(!1)}),[S]),e.createElement("div",{...h,ref:P,className:`${l["pagination-wrapper"]} ${null!=f?f:""}`},e.createElement("div",{className:l.left},d&&e.createElement("div",{className:l["per-page"]},e.createElement(p,{id:"page-size-select-label"},v.itemsPerPage),e.createElement(c,{labeledBy:"page-size-select-label",className:`${l["form-element"]} ${l["page-size-select"]}`,value:d.toString(),onChange:e=>{const t=Number(e.target.value);C(!0),N(t)}},e.createElement(o,{value:"10"},"10"),e.createElement(o,{value:"25"},"25"),e.createElement(o,{value:"50"},"50"))),g&&e.createElement("div",{className:l.total},e.createElement("span",{tabIndex:0},g," ",v.totalItems))),e.createElement("div",{className:l.pagination},e.createElement(r,null,g&&!!y&&e.createElement("div",{className:l.page},e.createElement(p,{id:"current-value-input-label",htmlFor:"current-value-input",className:`${n["sr-only"]} ${l["current-value-select-label"]}`},v.currentPageLabel),e.createElement(c,{labeledBy:"current-value-input-label",key:"input",id:"current-value-input",size:E.toString().length,onChange:e=>I(Number(e.target.value)),name:"current-value-input",value:E.toString(),className:`${l["form-element"]} ${l["current-page-select"]}`,searchInputProps:{wrapperProps:{className:l["search-input-wrapper"]},reset:S,autoComplete:"off"}},Array.from(Array(y).keys()).map((t=>e.createElement(o,{key:t,value:(t+1).toString()},(t+1).toString())))),e.createElement("span",{className:l["page-total"]},v.currentPage.replace("%1",Math.ceil(g/d).toString()))),!!E&&e.createElement("div",{className:l.previous},e.createElement(s,{disabled:E<=1,title:"first",onClick:()=>I(1),"data-paginate":"first"},e.createElement(m,{icon:i.NavigationFirst})),e.createElement(s,{disabled:E<=1,title:"previous",onClick:()=>I(E-1),"data-paginate":"previous"},e.createElement(m,{icon:i.ChevronLeft}))),e.createElement("div",{className:l.next},!(void 0===E&&(void 0===E||g))&&e.createElement(s,{disabled:E>=y,title:"next",onClick:()=>I(E+1),"data-paginate":"next"},e.createElement(m,{icon:i.ChevronRight})),!(!E||!g)&&e.createElement(s,{disabled:E>=y,title:"last",onClick:()=>I(Math.ceil(g/d)),"data-paginate":"last"},e.createElement(m,{icon:i.NavigationLast}))))))}));export{g as Pagination};
+import e,{useState as t,useEffect as a,Fragment as r}from"react";import l from"./Pagination.module.esm.js";import n from"../src/readyclasses.module.esm.js";import{IconButton as s}from"../Button/IconButton.esm.js";import{Icon as c,Icons as i}from"../Icon/Icon.esm.js";import{Select as o}from"../Form/Select/Select.esm.js";import{Option as m}from"../Form/Select/Option.esm.js";import{Label as p}from"../Form/Label/Label.esm.js";var u;(function(e){e["totalItems"]="items in total";e["itemsPerPage"]="Items per page";e["currentPage"]="of %1 pages";e["itemsPerPageLabel"]="Select how many items per page you want to see.";e["currentPageLabel"]="What page you are currently on."})(u||(u={}));const g=({totalElements:g,pageSize:d=10,translate:v=u,currentPage:E,className:f,onPageChange:b,onPageSizeChange:N,...h},P)=>{const y=()=>{if(!g)return 1;if(Math.ceil(g/d)<1)return 1;return Math.ceil(g/d)};const S=y();const[C,I]=t(false);const $=e=>{const t=Number(e.target.value);I(true);N(t)};const j=e=>{b(e)};a((()=>{C&&I(false)}),[C]);return e.createElement("div",{...h,ref:P,className:`${l["pagination-wrapper"]} ${f!==null&&f!==void 0?f:""}`},e.createElement("div",{className:l["left"]},d&&e.createElement("div",{className:l["per-page"]},e.createElement(p,{id:"page-size-select-label"},v.itemsPerPage),e.createElement(o,{labeledBy:"page-size-select-label",className:`${l["form-element"]} ${l["page-size-select"]}`,value:d.toString(),onChange:$},e.createElement(m,{value:"10"},"10"),e.createElement(m,{value:"25"},"25"),e.createElement(m,{value:"50"},"50"))),g&&e.createElement("div",{className:l["total"]},e.createElement("span",{tabIndex:0},g," ",v.totalItems))),e.createElement("div",{className:l["pagination"]},e.createElement(r,null,g&&!!S&&e.createElement("div",{className:l["page"]},e.createElement(p,{id:"current-value-input-label",htmlFor:"current-value-input",className:`${n["sr-only"]} ${l["current-value-select-label"]}`},v.currentPageLabel),e.createElement(o,{labeledBy:"current-value-input-label",key:"input",id:"current-value-input",size:E.toString().length,onChange:e=>j(Number(e.target.value)),name:"current-value-input",value:E.toString(),className:`${l["form-element"]} ${l["current-page-select"]}`,searchInputProps:{wrapperProps:{className:l["search-input-wrapper"]},reset:C,autoComplete:"off"}},Array.from(Array(S).keys()).map((t=>e.createElement(m,{key:t,value:(t+1).toString()},(t+1).toString())))),e.createElement("span",{className:l["page-total"]},v.currentPage.replace("%1",Math.ceil(g/d).toString()))),!!E&&e.createElement("div",{className:l["previous"]},e.createElement(s,{disabled:E<=1,title:"first",onClick:()=>j(1),"data-paginate":"first"},e.createElement(c,{icon:i.NavigationFirst})),e.createElement(s,{disabled:E<=1,title:"previous",onClick:()=>j(E-1),"data-paginate":"previous"},e.createElement(c,{icon:i.ChevronLeft}))),e.createElement("div",{className:l["next"]},!!(E!==void 0||E!==void 0&&!g)&&e.createElement(s,{disabled:E>=S,title:"next",onClick:()=>j(E+1),"data-paginate":"next"},e.createElement(c,{icon:i.ChevronRight})),!!(E&&g)&&e.createElement(s,{disabled:E>=S,title:"last",onClick:()=>j(Math.ceil(g/d)),"data-paginate":"last"},e.createElement(c,{icon:i.NavigationLast}))))))};const d=e.forwardRef(g);export{d as Pagination};
 //# sourceMappingURL=Pagination.esm.js.map

package/dist/esm/Pagination/Pagination.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Pagination.esm.js","sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  Fragment,\n  useState,\n  useEffect\n} from \"react\";\nimport classes from \"./Pagination.module.scss\";\nimport readyclasses from \"../../readyclasses.module.scss\";\nimport { IconButton } from \"../Button/IconButton\";\nimport { Icons, Icon } from \"../Icon/Icon\";\nimport { Select } from \"../Form/Select/Select\";\nimport { Option } from \"../Form/Select/Option\";\nimport { Label } from \"../Form/Label/Label\";\n\nexport type PaginationTranslations = {\n  totalItems: string;\n  itemsPerPage: string;\n  itemsPerPageLabel: string;\n  currentPage: string;\n  currentPageLabel: string;\n};\n\nexport type PageChangeLabels = \"next\" | \"previous\" | \"first\" | \"last\";\n\nenum DefaultTranslations {\n  totalItems = \"items in total\",\n  itemsPerPage = \"Items per page\",\n  currentPage = \"of %1 pages\",\n  itemsPerPageLabel = \"Select how many items per page you want to see.\",\n  currentPageLabel = \"What page you are currently on.\"\n}\n\nexport type PageSize = 10 | 25 | 50;\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"div\">, \"translate\"> {\n  currentPage: number;\n  totalElements?: number;\n  pageSize?: PageSize;\n  translate?: PaginationTranslations;\n  onPageChange: (pageToGoTo: number) => void;\n  onPageSizeChange: (pageSize: PageSize) => void;\n}\n\nconst PaginationComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    totalElements,\n    pageSize = 10,\n    translate = DefaultTranslations,\n    currentPage,\n    className,\n    onPageChange,\n    onPageSizeChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const calculateAmountOfPages = () => {\n    if (!totalElements) return 1;\n\n    if (Math.ceil(totalElements / pageSize) < 1) {\n      return 1;\n    }\n\n    return Math.ceil(totalElements / pageSize);\n  };\n  const pagesAmount = calculateAmountOfPages();\n  const [resetPageNoSelect, setResetPageNoSelect] = useState(false);\n\n  const onPageSizeChangeHandler = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    const pageSizeNumber = Number(event.target.value) as PageSize;\n    setResetPageNoSelect(true);\n    onPageSizeChange(pageSizeNumber);\n  };\n\n  const onPageChangeHandler = (pageToGoTo: number) => {\n    onPageChange(pageToGoTo);\n  };\n\n  useEffect(() => {\n    resetPageNoSelect && setResetPageNoSelect(false);\n  }, [resetPageNoSelect]);\n\n  return (\n    <div {...rest} ref={ref} className={`${classes[\"pagination-wrapper\"]} ${className ?? \"\"}`}>\n      <div className={classes[\"left\"]}>\n        {pageSize && (\n          <div className={classes[\"per-page\"]}>\n            <Label id=\"page-size-select-label\">{translate.itemsPerPage}</Label>\n            <Select\n              labeledBy=\"page-size-select-label\"\n              className={`${classes[\"form-element\"]} ${classes[\"page-size-select\"]}`}\n              value={pageSize.toString()}\n              onChange={onPageSizeChangeHandler}\n            >\n              <Option value=\"10\">10</Option>\n              <Option value=\"25\">25</Option>\n              <Option value=\"50\">50</Option>\n            </Select>\n          </div>\n        )}\n        {totalElements && (\n          <div className={classes[\"total\"]}>\n            <span tabIndex={0}>\n              {totalElements}&nbsp;{translate.totalItems}\n            </span>\n          </div>\n        )}\n      </div>\n      <div className={classes[\"pagination\"]}>\n        <Fragment>\n          {totalElements && !!pagesAmount && (\n            <div className={classes[\"page\"]}>\n              <Label\n                id=\"current-value-input-label\"\n                htmlFor=\"current-value-input\"\n                className={`${readyclasses[\"sr-only\"]} ${classes[\"current-value-select-label\"]}`}\n              >\n                {translate.currentPageLabel}\n              </Label>\n              <Select\n                labeledBy=\"current-value-input-label\"\n                key=\"input\"\n                id=\"current-value-input\"\n                size={currentPage.toString().length}\n                onChange={(e: React.ChangeEvent<HTMLSelectElement>) =>\n                  onPageChangeHandler(Number(e.target.value))\n                }\n                name=\"current-value-input\"\n                value={currentPage.toString()}\n                className={`${classes[\"form-element\"]} ${classes[\"current-page-select\"]}`}\n                searchInputProps={{\n                  wrapperProps: { className: classes[\"search-input-wrapper\"] },\n                  reset: resetPageNoSelect,\n                  autoComplete: \"off\"\n                }}\n              >\n                {Array.from(Array(pagesAmount).keys()).map(page => (\n                  <Option key={page} value={(page + 1).toString()}>\n                    {(page + 1).toString()}\n                  </Option>\n                ))}\n              </Select>\n              <span className={classes[\"page-total\"]}>\n                {translate.currentPage.replace(\n                  \"%1\",\n                  Math.ceil(totalElements / pageSize).toString()\n                )}\n              </span>\n            </div>\n          )}\n          {!!currentPage && (\n            <div className={classes[\"previous\"]}>\n              {\n                <IconButton\n                  disabled={currentPage <= 1}\n                  title=\"first\"\n                  onClick={() => onPageChangeHandler(1)}\n                  data-paginate=\"first\"\n                >\n                  <Icon icon={Icons.NavigationFirst} />\n                </IconButton>\n              }\n              {\n                <IconButton\n                  disabled={currentPage <= 1}\n                  title=\"previous\"\n                  onClick={() => onPageChangeHandler(currentPage - 1)}\n                  data-paginate=\"previous\"\n                >\n                  <Icon icon={Icons.ChevronLeft} />\n                </IconButton>\n              }\n            </div>\n          )}\n          <div className={classes[\"next\"]}>\n            {!!(currentPage !== undefined || (currentPage !== undefined && !totalElements)) && (\n              <IconButton\n                disabled={currentPage >= pagesAmount}\n                title=\"next\"\n                onClick={() => onPageChangeHandler(currentPage + 1)}\n                data-paginate=\"next\"\n              >\n                <Icon icon={Icons.ChevronRight} />\n              </IconButton>\n            )}\n            {!!(currentPage && totalElements) && (\n              <IconButton\n                disabled={currentPage >= pagesAmount}\n                title=\"last\"\n                onClick={() => onPageChangeHandler(Math.ceil(totalElements / pageSize))}\n                data-paginate=\"last\"\n              >\n                <Icon icon={Icons.NavigationLast} />\n              </IconButton>\n            )}\n          </div>\n        </Fragment>\n      </div>\n    </div>\n  );\n};\n\nexport const Pagination = React.forwardRef(PaginationComponent);\n"],"names":["DefaultTranslations","PaginationComponent","totalElements","pageSize","translate","currentPage","className","onPageChange","onPageSizeChange","rest","ref","calculateAmountOfPages","Math","ceil","pagesAmount","resetPageNoSelect","setResetPageNoSelect","useState","onPageSizeChangeHandler","event","pageSizeNumber","Number","target","value","onPageChangeHandler","pageToGoTo","useEffect","React","classes","createElement","Label","id","itemsPerPage","Select","labeledBy","toString","onChange","Option","tabIndex","totalItems","Fragment","htmlFor","readyclasses","currentPageLabel","key","size","length","e","name","searchInputProps","wrapperProps","reset","autoComplete","Array","from","keys","map","page","replace","IconButton","disabled","title","onClick","Icon","icon","Icons","NavigationFirst","ChevronLeft","undefined","ChevronRight","NavigationLast","Pagination","forwardRef"],"mappings":"0aAyCA,IAAKA,GAAL,SAAKA,GACHA,EAAA,cAAA,iBACAA,EAAA,gBAAA,iBACAA,EAAA,eAAA,cACAA,EAAA,qBAAA,kDACAA,EAAA,oBAAA,iCACD,EAND,CAAKA,IAAAA,EAMJ,CAAA,IAaD,MAAMC,EAAuE,EAEzEC,gBACAC,WAAW,GACXC,YAAYJ,EACZK,cACAC,YACAC,eACAC,sBACGC,GAELC,KAEA,MAAMC,EAAyB,KAC7B,IAAKT,EAAe,OAAO,EAE3B,GAAIU,KAAKC,KAAKX,EAAgBC,GAAY,EACxC,OAAO,EAGT,OAAOS,KAAKC,KAAKX,EAAgBC,EAAS,EAE5C,MAAMW,EAAcH,IACpB,MAAOI,EAAmBC,GAAwBC,EAAS,OAE3D,MAAMC,EAA2BC,IAC/B,MAAMC,EAAiBC,OAAOF,EAAMG,OAAOC,OAC3CP,EAAqB,MACrBR,EAAiBY,EAAe,EAGlC,MAAMI,EAAuBC,IAC3BlB,EAAakB,EAAW,EAG1BC,GAAU,KACRX,GAAqBC,EAAqB,MAAM,GAC/C,CAACD,IAEJ,OACEY,0BAASlB,EAAMC,IAAKA,EAAKJ,UAAW,GAAGsB,EAAQ,yBAAyBtB,IAAS,MAATA,SAAA,EAAAA,EAAa,MACnFqB,EAAAE,cAAA,MAAA,CAAKvB,UAAWsB,EAAQ,SACrBzB,GACCwB,EAAKE,cAAA,MAAA,CAAAvB,UAAWsB,EAAQ,aACtBD,EAACE,cAAAC,GAAMC,GAAG,0BAA0B3B,EAAU4B,cAC9CL,EAAAE,cAACI,EAAM,CACLC,UAAU,yBACV5B,UAAW,GAAGsB,EAAQ,mBAAmBA,EAAQ,sBACjDL,MAAOpB,EAASgC,WAChBC,SAAUlB,GAEVS,EAAAE,cAACQ,EAAM,CAACd,MAAM,MAAgB,MAC9BI,EAAAE,cAACQ,EAAM,CAACd,MAAM,MAAgB,MAC9BI,EAACE,cAAAQ,GAAOd,MAAM,MAAgB,QAInCrB,GACCyB,EAAKE,cAAA,MAAA,CAAAvB,UAAWsB,EAAQ,UACtBD,EAAME,cAAA,OAAA,CAAAS,SAAU,GACbpC,MAAqBE,EAAUmC,cAKxCZ,EAAAE,cAAA,MAAA,CAAKvB,UAAWsB,EAAQ,eACtBD,EAAAE,cAACW,EAAQ,KACNtC,KAAmBY,GAClBa,EAAKE,cAAA,MAAA,CAAAvB,UAAWsB,EAAQ,SACtBD,EAACE,cAAAC,EACC,CAAAC,GAAG,4BACHU,QAAQ,sBACRnC,UAAW,GAAGoC,EAAa,cAAcd,EAAQ,iCAEhDxB,EAAUuC,kBAEbhB,EAAAE,cAACI,EAAM,CACLC,UAAU,4BACVU,IAAI,QACJb,GAAG,sBACHc,KAAMxC,EAAY8B,WAAWW,OAC7BV,SAAWW,GACTvB,EAAoBH,OAAO0B,EAAEzB,OAAOC,QAEtCyB,KAAK,sBACLzB,MAAOlB,EAAY8B,WACnB7B,UAAW,GAAGsB,EAAQ,mBAAmBA,EAAQ,yBACjDqB,iBAAkB,CAChBC,aAAc,CAAE5C,UAAWsB,EAAQ,yBACnCuB,MAAOpC,EACPqC,aAAc,QAGfC,MAAMC,KAAKD,MAAMvC,GAAayC,QAAQC,KAAIC,GACzC9B,EAACE,cAAAQ,EAAO,CAAAO,IAAKa,EAAMlC,OAAQkC,EAAO,GAAGtB,aACjCsB,EAAO,GAAGtB,eAIlBR,EAAAE,cAAA,OAAA,CAAMvB,UAAWsB,EAAQ,eACtBxB,EAAUC,YAAYqD,QACrB,KACA9C,KAAKC,KAAKX,EAAgBC,GAAUgC,gBAKzC9B,GACDsB,EAAAE,cAAA,MAAA,CAAKvB,UAAWsB,EAAQ,aAEpBD,EAACE,cAAA8B,GACCC,SAAUvD,GAAe,EACzBwD,MAAM,QACNC,QAAS,IAAMtC,EAAoB,GAAE,gBACvB,SAEdG,EAACE,cAAAkC,GAAKC,KAAMC,EAAMC,mBAIpBvC,EAACE,cAAA8B,EACC,CAAAC,SAAUvD,GAAe,EACzBwD,MAAM,WACNC,QAAS,IAAMtC,EAAoBnB,EAAc,GAAE,gBACrC,YAEdsB,EAACE,cAAAkC,EAAK,CAAAC,KAAMC,EAAME,gBAK1BxC,EAAAE,cAAA,MAAA,CAAKvB,UAAWsB,EAAQ,YAClBvB,SAAgB+D,GAAc/D,SAAgB+D,IAAclE,IAC9DyB,EAAAE,cAAC8B,EACC,CAAAC,SAAUvD,GAAeS,EACzB+C,MAAM,OACNC,QAAS,IAAMtC,EAAoBnB,EAAc,mBACnC,QAEdsB,EAACE,cAAAkC,GAAKC,KAAMC,EAAMI,mBAGlBhE,GAAeH,IACjByB,EAACE,cAAA8B,GACCC,SAAUvD,GAAeS,EACzB+C,MAAM,OACNC,QAAS,IAAMtC,EAAoBZ,KAAKC,KAAKX,EAAgBC,oBAC/C,QAEdwB,EAAAE,cAACkC,EAAI,CAACC,KAAMC,EAAMK,qBAO9B,EAGS,MAAAC,EAAa5C,EAAM6C,WAAWvE"}

package/dist/esm/Pagination/Pagination.module.esm.js

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var a=".Pagination_module_paginationWrapper__97e9bc7b{color:var(--greyed-out);display:flex;flex-direction:column;font-family:var(--font-family);font-size:var(--font-size);justify-content:space-between;line-height:var(--default-line-height)}.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_left__97e9bc7b{display:flex}.Pagination_module_paginationWrapper__97e9bc7b label{margin-bottom:0}.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_formElement__97e9bc7b{height:2.5rem}.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_formElement__97e9bc7b .Pagination_module_searchInputWrapper__97e9bc7b{width:2.75rem}.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_formElement__97e9bc7b button{min-height:2.5rem}.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_total__97e9bc7b{align-items:center;display:flex;flex:1 0 auto;justify-content:center}.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_total__97e9bc7b span{color:var(--color-blue-grey500)}.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_pagination__97e9bc7b{align-items:center;display:flex;flex:1 0 auto;justify-content:center;margin-top:1rem}.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_pagination__97e9bc7b .Pagination_module_next__97e9bc7b,.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_pagination__97e9bc7b .Pagination_module_previous__97e9bc7b{align-items:center;display:flex}.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_pagination__97e9bc7b .Pagination_module_next__97e9bc7b button span:before,.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_pagination__97e9bc7b .Pagination_module_previous__97e9bc7b button span:before{font-size:.75rem}.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_perPage__97e9bc7b{align-items:center;display:none}.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_perPage__97e9bc7b label{color:var(--color-blue-grey900);font-weight:500}.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_perPage__97e9bc7b+.Pagination_module_total__97e9bc7b{border-left:1px solid var(--color-blue-grey100);padding-left:.9375rem}.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_page__97e9bc7b{align-items:center;display:flex;flex-basis:min-content;padding-right:1rem}.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_pageTotal__97e9bc7b{color:var(--color-blue-grey900);display:inline-block;font-weight:500;margin-left:.5rem;white-space:nowrap}.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_page__97e9bc7b+.Pagination_module_previous__97e9bc7b{border-left:1px solid var(--color-blue-grey100);padding-left:.9375rem}.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_pageSizeSelect__97e9bc7b{margin:0 .25rem}.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_pageSizeSelect__97e9bc7b button{min-width:3.75rem;padding:0}.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_pageSizeSelect__97e9bc7b button div[data-display]{left:.5rem}.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_pageSizeSelect__97e9bc7b button div:not([data-display]){right:.5rem}.Pagination_module_currentPageSelect__97e9bc7b button{min-width:3.75rem;padding:0}.Pagination_module_currentPageSelect__97e9bc7b button div[data-display]{left:.5rem}.Pagination_module_currentPageSelect__97e9bc7b button div:not([data-display]){right:.5rem}@media screen and (min-width:30em){.Pagination_module_paginationWrapper__97e9bc7b{flex-direction:row}.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_total__97e9bc7b{justify-content:flex-start}.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_pagination__97e9bc7b{justify-content:flex-end;margin-top:0}}@media screen and (min-width:48em){.Pagination_module_paginationWrapper__97e9bc7b .Pagination_module_perPage__97e9bc7b{display:flex;margin-right:1rem}}",i={"pagination-wrapper":"Pagination_module_paginationWrapper__97e9bc7b",left:"Pagination_module_left__97e9bc7b","form-element":"Pagination_module_formElement__97e9bc7b","search-input-wrapper":"Pagination_module_searchInputWrapper__97e9bc7b",total:"Pagination_module_total__97e9bc7b",pagination:"Pagination_module_pagination__97e9bc7b",previous:"Pagination_module_previous__97e9bc7b",next:"Pagination_module_next__97e9bc7b","per-page":"Pagination_module_perPage__97e9bc7b",page:"Pagination_module_page__97e9bc7b","page-total":"Pagination_module_pageTotal__97e9bc7b","page-size-select":"Pagination_module_pageSizeSelect__97e9bc7b","current-page-select":"Pagination_module_currentPageSelect__97e9bc7b"};e(a,{});export{a as css,i as default};
+import i from "../../lib/style-inject.js";var a='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Pagination-module_pagination-wrapper__X2HPa{color:var(--greyed-out);display:flex;flex-direction:column;font-family:var(--font-family);font-size:var(--font-size);justify-content:space-between;line-height:var(--default-line-height)}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_left__JVzMc{display:flex}.Pagination-module_pagination-wrapper__X2HPa label{margin-bottom:0}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_form-element__kxljB{height:2.5rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_form-element__kxljB .Pagination-module_search-input-wrapper__Hitqd{width:2.75rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_form-element__kxljB button{min-height:2.5rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_total__y4KKD{align-items:center;display:flex;flex:1 0 auto;justify-content:center}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_total__y4KKD span{color:var(--color-blue-grey500)}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_pagination__Kih79{align-items:center;display:flex;flex:1 0 auto;justify-content:center;margin-top:1rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_pagination__Kih79 .Pagination-module_next__m7YXa,.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_pagination__Kih79 .Pagination-module_previous__Ll4sA{align-items:center;display:flex}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_pagination__Kih79 .Pagination-module_next__m7YXa button span:before,.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_pagination__Kih79 .Pagination-module_previous__Ll4sA button span:before{font-size:.75rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_per-page__r5GWm{align-items:center;display:none}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_per-page__r5GWm label{color:var(--color-blue-grey900);font-weight:500}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_per-page__r5GWm+.Pagination-module_total__y4KKD{border-left:1px solid var(--color-blue-grey100);padding-left:.9375rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_page__GmQEl{align-items:center;display:flex;flex-basis:min-content;padding-right:1rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_page-total__LAt-e{color:var(--color-blue-grey900);display:inline-block;font-weight:500;margin-left:.5rem;white-space:nowrap}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_page__GmQEl+.Pagination-module_previous__Ll4sA{border-left:1px solid var(--color-blue-grey100);padding-left:.9375rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_page-size-select__tCBkX{margin:0 .25rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_page-size-select__tCBkX button{min-width:3.75rem;padding:0}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_page-size-select__tCBkX button div[data-display]{left:.5rem}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_page-size-select__tCBkX button div:not([data-display]){right:.5rem}.Pagination-module_current-page-select__L8FUf button{min-width:3.75rem;padding:0}.Pagination-module_current-page-select__L8FUf button div[data-display]{left:.5rem}.Pagination-module_current-page-select__L8FUf button div:not([data-display]){right:.5rem}@media screen and (min-width:30em){.Pagination-module_pagination-wrapper__X2HPa{flex-direction:row}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_total__y4KKD{justify-content:flex-start}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_pagination__Kih79{justify-content:flex-end;margin-top:0}}@media screen and (min-width:48em){.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_per-page__r5GWm{display:flex;margin-right:1rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBhZ2luYXRpb24ubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw2Q0FJRSx1QkFBd0IsQ0FDeEIsWUFBYSxDQUNiLHFCQUFzQixDQUx0Qiw4QkFBK0IsQ0FDL0IsMEJBQTJCLENBSzNCLDZCQUE4QixDQUo5QixzQ0FLRixDQUNBLDRFQUNFLFlBQ0YsQ0FDQSxtREFDRSxlQUNGLENBQ0Esb0ZBQ0UsYUFDRixDQUNBLG1JQUNFLGFBQ0YsQ0FDQSwyRkFDRSxpQkFDRixDQUNBLDZFQUdFLGtCQUFtQixDQURuQixZQUFhLENBRGIsYUFBYyxDQUdkLHNCQUNGLENBQ0Esa0ZBQ0UsK0JBQ0YsQ0FDQSxrRkFHRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQURiLGFBQWMsQ0FHZCxzQkFBdUIsQ0FDdkIsZUFDRixDQUNBLHNPQUdFLGtCQUFtQixDQURuQixZQUVGLENBQ0EsNFFBRUUsZ0JBQ0YsQ0FDQSxnRkFFRSxrQkFBbUIsQ0FEbkIsWUFFRixDQUNBLHNGQUVFLCtCQUFnQyxDQURoQyxlQUVGLENBQ0EsZ0hBRUUsK0NBQWdELENBRGhELHFCQUVGLENBQ0EsNEVBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FFYixzQkFBdUIsQ0FDdkIsa0JBQ0YsQ0FDQSxrRkFLRSwrQkFBZ0MsQ0FKaEMsb0JBQXFCLENBR3JCLGVBQWdCLENBRmhCLGlCQUFtQixDQUNuQixrQkFHRixDQUNBLCtHQUVFLCtDQUFnRCxDQURoRCxxQkFFRixDQUNBLHdGQUNFLGVBQ0YsQ0FDQSwrRkFDRSxpQkFBa0IsQ0FDbEIsU0FDRixDQUNBLGlIQUNFLFVBQ0YsQ0FDQSx1SEFDRSxXQUNGLENBRUEscURBQ0UsaUJBQWtCLENBQ2xCLFNBQ0YsQ0FDQSx1RUFDRSxVQUNGLENBQ0EsNkVBQ0UsV0FDRixDQUVBLG1DQUNFLDZDQUNFLGtCQUNGLENBQ0EsNkVBQ0UsMEJBQ0YsQ0FDQSxrRkFFRSx3QkFBeUIsQ0FEekIsWUFFRixDQUNGLENBQ0EsbUNBQ0UsZ0ZBQ0UsWUFBYSxDQUNiLGlCQUNGLENBQ0YiLCJmaWxlIjoiUGFnaW5hdGlvbi5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4ucGFnaW5hdGlvbi13cmFwcGVyIHtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGVmYXVsdC1saW5lLWhlaWdodCk7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAubGVmdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIGxhYmVsIHtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLmZvcm0tZWxlbWVudCB7XG4gIGhlaWdodDogMi41cmVtO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAuZm9ybS1lbGVtZW50IC5zZWFyY2gtaW5wdXQtd3JhcHBlciB7XG4gIHdpZHRoOiAyLjc1cmVtO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAuZm9ybS1lbGVtZW50IGJ1dHRvbiB7XG4gIG1pbi1oZWlnaHQ6IDIuNXJlbTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnRvdGFsIHtcbiAgZmxleDogMSAwIGF1dG87XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAudG90YWwgc3BhbiB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MDApO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGFnaW5hdGlvbiB7XG4gIGZsZXg6IDEgMCBhdXRvO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWFyZ2luLXRvcDogMXJlbTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2luYXRpb24gLnByZXZpb3VzLFxuLnBhZ2luYXRpb24td3JhcHBlciAucGFnaW5hdGlvbiAubmV4dCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdpbmF0aW9uIC5wcmV2aW91cyBidXR0b24gc3BhbjpiZWZvcmUsXG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdpbmF0aW9uIC5uZXh0IGJ1dHRvbiBzcGFuOmJlZm9yZSB7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBlci1wYWdlIHtcbiAgZGlzcGxheTogbm9uZTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBlci1wYWdlIGxhYmVsIHtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wZXItcGFnZSArIC50b3RhbCB7XG4gIHBhZGRpbmctbGVmdDogMC45Mzc1cmVtO1xuICBib3JkZXItbGVmdDogMXB4IHNvbGlkIHZhcigtLWNvbG9yLWJsdWUtZ3JleTEwMCk7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdlIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC1iYXNpczogbWluLWNvbnRlbnQ7XG4gIHBhZGRpbmctcmlnaHQ6IDFyZW07XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdlLXRvdGFsIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBtYXJnaW4tbGVmdDogMC41cmVtO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBmb250LXdlaWdodDogNTAwO1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5OTAwKTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2UgKyAucHJldmlvdXMge1xuICBwYWRkaW5nLWxlZnQ6IDAuOTM3NXJlbTtcbiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGFnZS1zaXplLXNlbGVjdCB7XG4gIG1hcmdpbjogMCAwLjI1cmVtO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGFnZS1zaXplLXNlbGVjdCBidXR0b24ge1xuICBtaW4td2lkdGg6IDMuNzVyZW07XG4gIHBhZGRpbmc6IDA7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdlLXNpemUtc2VsZWN0IGJ1dHRvbiBkaXZbZGF0YS1kaXNwbGF5XSB7XG4gIGxlZnQ6IDAuNXJlbTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2Utc2l6ZS1zZWxlY3QgYnV0dG9uIGRpdjpub3QoW2RhdGEtZGlzcGxheV0pIHtcbiAgcmlnaHQ6IDAuNXJlbTtcbn1cblxuLmN1cnJlbnQtcGFnZS1zZWxlY3QgYnV0dG9uIHtcbiAgbWluLXdpZHRoOiAzLjc1cmVtO1xuICBwYWRkaW5nOiAwO1xufVxuLmN1cnJlbnQtcGFnZS1zZWxlY3QgYnV0dG9uIGRpdltkYXRhLWRpc3BsYXldIHtcbiAgbGVmdDogMC41cmVtO1xufVxuLmN1cnJlbnQtcGFnZS1zZWxlY3QgYnV0dG9uIGRpdjpub3QoW2RhdGEtZGlzcGxheV0pIHtcbiAgcmlnaHQ6IDAuNXJlbTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAucGFnaW5hdGlvbi13cmFwcGVyIHtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICB9XG4gIC5wYWdpbmF0aW9uLXdyYXBwZXIgLnRvdGFsIHtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIH1cbiAgLnBhZ2luYXRpb24td3JhcHBlciAucGFnaW5hdGlvbiB7XG4gICAgbWFyZ2luLXRvcDogMDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICB9XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA0OGVtKSB7XG4gIC5wYWdpbmF0aW9uLXdyYXBwZXIgLnBlci1wYWdlIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1hcmdpbi1yaWdodDogMXJlbTtcbiAgfVxufSJdfQ== */';var n={"pagination-wrapper":"Pagination-module_pagination-wrapper__X2HPa",left:"Pagination-module_left__JVzMc","form-element":"Pagination-module_form-element__kxljB","search-input-wrapper":"Pagination-module_search-input-wrapper__Hitqd",total:"Pagination-module_total__y4KKD",pagination:"Pagination-module_pagination__Kih79",previous:"Pagination-module_previous__Ll4sA",next:"Pagination-module_next__m7YXa","per-page":"Pagination-module_per-page__r5GWm",page:"Pagination-module_page__GmQEl","page-total":"Pagination-module_page-total__LAt-e","page-size-select":"Pagination-module_page-size-select__tCBkX","current-page-select":"Pagination-module_current-page-select__L8FUf"};i(a);export{n as default};
 //# sourceMappingURL=Pagination.module.esm.js.map

package/dist/esm/Popover/Popover.esm.js

@@ -1,2 +1,2 @@
-import e,{useState as o,useRef as t,useEffect as n}from"react";import{usePosition as r}from"../src/hooks/usePosition.esm.js";import i from"./Popover.module.esm.js";const l=e.forwardRef((({children:l,className:s,show:m,placement:c,offset:u,debounceAmount:a,transformOrigin:d,anchorEl:f,onAnchorOutOfView:w,...v},p)=>{const[b,g]=o(!1),h=t(null),{top:E,left:N,right:L,bottom:O,calculatePosition:P,initialCalculationDone:A}=r({elementToBePositioned:h,relativeElement:f,offset:u,placement:c,transformOrigin:d,debounceAmount:null!=a?a:void 0});return n((()=>{A&&g(!!m)}),[m,A]),n((()=>{if(b)return window.addEventListener("resize",P),window.addEventListener("scroll",P),()=>{window.removeEventListener("resize",P),window.removeEventListener("scroll",P)}}),[b]),n((()=>{P()}),[b]),n((()=>{const e=null==f?void 0:f.current;if(e){const o=e.getBoundingClientRect().top,t=e.getBoundingClientRect().bottom;b&&(Number(E)<0||Number(N)<0||Number(L)<0||Number(O)<0||o<0||t>window.innerHeight)&&(null==w||w())}}),[E,N,L,O]),e.createElement("div",{ref:p,...v},e.createElement("div",{ref:h,className:`${i.popover} ${null!=s?s:""} ${b?i.show:""}`,style:{top:E,left:N,right:L,bottom:O}},l))}));export{l as Popover};
+import e,{useState as o,useRef as t,useEffect as n}from"react";import{usePosition as i}from"../src/hooks/usePosition.esm.js";import r from"./Popover.module.esm.js";const s=({children:s,className:l,show:c,placement:m,offset:d,debounceAmount:u,transformOrigin:a,anchorEl:f,onAnchorOutOfView:v,...w},p)=>{const[b,g]=o(false);const h=t(null);const{top:E,left:N,right:L,bottom:O,calculatePosition:P,initialCalculationDone:A}=i({elementToBePositioned:h,relativeElement:f,offset:d,placement:m,transformOrigin:a,debounceAmount:u!==null&&u!==void 0?u:void 0});n((()=>{if(A)g(!!c)}),[c,A]);n((()=>{if(!b)return;window.addEventListener("resize",P);window.addEventListener("scroll",P);return()=>{window.removeEventListener("resize",P);window.removeEventListener("scroll",P)}}),[b]);n((()=>{P()}),[b]);n((()=>{const e=f===null||f===void 0?void 0:f.current;if(e){const o=e.getBoundingClientRect().top;const t=e.getBoundingClientRect().bottom;const n=b&&(Number(E)<0||Number(N)<0||Number(L)<0||Number(O)<0||o<0||t>window.innerHeight);if(n)v===null||v===void 0?void 0:v()}}),[E,N,L,O]);return e.createElement("div",{ref:p,...w},e.createElement("div",{ref:h,className:`${r.popover} ${l!==null&&l!==void 0?l:""} ${b?r.show:""}`,style:{top:E,left:N,right:L,bottom:O}},s))};const l=e.forwardRef(s);export{l as Popover};
 //# sourceMappingURL=Popover.esm.js.map

package/dist/esm/Popover/Popover.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Popover.esm.js","sources":["../../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  ReactNode,\n  RefObject,\n  useEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { Offset, Placement, usePosition } from \"../../hooks/usePosition\";\nimport classes from \"./Popover.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children?: ReactNode;\n  show?: boolean;\n  anchorEl?: RefObject<HTMLOrSVGElement>; //eslint-disable-line no-undef\n  placement?: Placement;\n  offset?: Offset;\n  debounceAmount?: number;\n  transformOrigin?: Placement;\n  onAnchorOutOfView?: () => void;\n}\n\nconst PopoverComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    show,\n    placement,\n    offset,\n    debounceAmount,\n    transformOrigin,\n    anchorEl,\n    onAnchorOutOfView,\n    ...rest\n  },\n  ref\n) => {\n  const [showPopover, setShowPopover] = useState(false);\n  const elToBePositioned = useRef<HTMLDivElement>(null);\n  const { top, left, right, bottom, calculatePosition, initialCalculationDone } = usePosition({\n    elementToBePositioned: elToBePositioned,\n    relativeElement: anchorEl,\n    offset: offset,\n    placement: placement,\n    transformOrigin: transformOrigin,\n    debounceAmount: debounceAmount ?? undefined\n  });\n\n  useEffect(() => {\n    if (initialCalculationDone) {\n      setShowPopover(!!show);\n    }\n  }, [show, initialCalculationDone]);\n\n  useEffect(() => {\n    if (!showPopover) {\n      return;\n    }\n\n    window.addEventListener(\"resize\", calculatePosition);\n    window.addEventListener(\"scroll\", calculatePosition);\n\n    return () => {\n      window.removeEventListener(\"resize\", calculatePosition);\n      window.removeEventListener(\"scroll\", calculatePosition);\n    };\n  }, [showPopover]);\n\n  useEffect(() => {\n    calculatePosition();\n  }, [showPopover]);\n\n  useEffect(() => {\n    const anchor = anchorEl?.current as HTMLElement;\n\n    if (anchor) {\n      const anchorTop = anchor.getBoundingClientRect().top;\n      const anchorBottom = anchor.getBoundingClientRect().bottom;\n\n      const isAnchorOffscreen =\n        showPopover &&\n        (Number(top) < 0 ||\n          Number(left) < 0 ||\n          Number(right) < 0 ||\n          Number(bottom) < 0 ||\n          anchorTop < 0 ||\n          anchorBottom > window.innerHeight);\n\n      if (isAnchorOffscreen) {\n        onAnchorOutOfView?.();\n      }\n    }\n  }, [top, left, right, bottom]);\n\n  return (\n    <div ref={ref} {...rest}>\n      <div\n        ref={elToBePositioned}\n        className={`${classes.popover} ${className ?? \"\"} ${showPopover ? classes.show : \"\"}`}\n        style={{ top: top, left: left, right: right, bottom: bottom }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport const Popover = React.forwardRef(PopoverComponent);\n"],"names":["PopoverComponent","children","className","show","placement","offset","debounceAmount","transformOrigin","anchorEl","onAnchorOutOfView","rest","ref","showPopover","setShowPopover","useState","elToBePositioned","useRef","top","left","right","bottom","calculatePosition","initialCalculationDone","usePosition","elementToBePositioned","relativeElement","undefined","useEffect","window","addEventListener","removeEventListener","anchor","current","anchorTop","getBoundingClientRect","anchorBottom","isAnchorOffscreen","Number","innerHeight","React","createElement","classes","popover","style","Popover","forwardRef"],"mappings":"oKAuCA,MAAMA,EAAoE,EAEtEC,WACAC,YACAC,OACAC,YACAC,SACAC,iBACAC,kBACAC,WACAC,uBACGC,GAELC,KAEA,MAAOC,EAAaC,GAAkBC,EAAS,OAC/C,MAAMC,EAAmBC,EAAuB,MAChD,MAAMC,IAAEA,EAAGC,KAAEA,EAAIC,MAAEA,EAAKC,OAAEA,EAAMC,kBAAEA,EAAiBC,uBAAEA,GAA2BC,EAAY,CAC1FC,sBAAuBT,EACvBU,gBAAiBjB,EACjBH,OAAQA,EACRD,UAAWA,EACXG,gBAAiBA,EACjBD,eAAgBA,IAAc,MAAdA,SAAA,EAAAA,OAAkBoB,IAGpCC,GAAU,KACR,GAAIL,EACFT,IAAiBV,EAClB,GACA,CAACA,EAAMmB,IAEVK,GAAU,KACR,IAAKf,EACH,OAGFgB,OAAOC,iBAAiB,SAAUR,GAClCO,OAAOC,iBAAiB,SAAUR,GAElC,MAAO,KACLO,OAAOE,oBAAoB,SAAUT,GACrCO,OAAOE,oBAAoB,SAAUT,EAAkB,CACxD,GACA,CAACT,IAEJe,GAAU,KACRN,GAAmB,GAClB,CAACT,IAEJe,GAAU,KACR,MAAMI,EAASvB,IAAQ,MAARA,SAAA,OAAA,EAAAA,EAAUwB,QAEzB,GAAID,EAAQ,CACV,MAAME,EAAYF,EAAOG,wBAAwBjB,IACjD,MAAMkB,EAAeJ,EAAOG,wBAAwBd,OAEpD,MAAMgB,EACJxB,IACCyB,OAAOpB,GAAO,GACboB,OAAOnB,GAAQ,GACfmB,OAAOlB,GAAS,GAChBkB,OAAOjB,GAAU,GACjBa,EAAY,GACZE,EAAeP,OAAOU,aAE1B,GAAIF,EACF3B,IAAA,MAAAA,SAAA,OAAA,EAAAA,GAEH,IACA,CAACQ,EAAKC,EAAMC,EAAOC,IAEtB,OACEmB,EAAKC,cAAA,MAAA,CAAA7B,IAAKA,KAASD,GACjB6B,EACEC,cAAA,MAAA,CAAA7B,IAAKI,EACLb,UAAW,GAAGuC,EAAQC,WAAWxC,IAAS,MAATA,SAAA,EAAAA,EAAa,MAAMU,EAAc6B,EAAQtC,KAAO,KACjFwC,MAAO,CAAE1B,IAAKA,EAAKC,KAAMA,EAAMC,MAAOA,EAAOC,OAAQA,IAEpDnB,GAGL,EAGS,MAAA2C,EAAUL,EAAMM,WAAW7C"}

package/dist/esm/Popover/Popover.module.esm.js

@@ -1,2 +1,2 @@
-var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var o=".Popover_module_srOnly__ebb81174{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Popover_module_hidden__ebb81174{display:none}.Popover_module_slideIn__ebb81174{animation:Popover_module_slideIn__ebb81174 .5s forwards}@media (prefers-reduced-motion:reduce){.Popover_module_slideIn__ebb81174{animation-duration:.1ms}}.Popover_module_slideOut__ebb81174{animation:Popover_module_slideOut__ebb81174 .5s forwards}@media (prefers-reduced-motion:reduce){.Popover_module_slideOut__ebb81174{animation-duration:.1ms}}@keyframes Popover_module_slideIn__ebb81174{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Popover_module_slideOut__ebb81174{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Popover_module_popover__ebb81174{background-color:var(--light);border-radius:.125rem;box-shadow:0 4px 5px 0 rgba(1,5,50,.2),0 3px 14px 0 rgba(1,5,50,.12),0 8px 10px 0 rgba(1,5,50,.14);opacity:0;pointer-events:none;position:fixed;transform:scale(.5);transition-duration:.2s;transition-property:transform,opacity;transition-timing-function:ease-in-out;z-index:100}@media (prefers-reduced-motion:reduce){.Popover_module_popover__ebb81174{transition-duration:.1ms}}.Popover_module_popover__ebb81174.Popover_module_show__ebb81174{opacity:1;pointer-events:auto;transform:scale(1)}",r={"sr-only":"Popover_module_srOnly__ebb81174",hidden:"Popover_module_hidden__ebb81174","slide-in":"Popover_module_slideIn__ebb81174","slide-out":"Popover_module_slideOut__ebb81174",popover:"Popover_module_popover__ebb81174",show:"Popover_module_show__ebb81174"};e(o,{});export{o as css,r as default};
+import e from "../../lib/style-inject.js";var i='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Popover-module_sr-only__clJ0z{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Popover-module_hidden__Defbx{display:none}.Popover-module_slide-in__3KTSK{animation:Popover-module_slide-in__3KTSK .5s forwards}@media (prefers-reduced-motion:reduce){.Popover-module_slide-in__3KTSK{animation-duration:.1ms}}.Popover-module_slide-out__6gFpT{animation:Popover-module_slide-out__6gFpT .5s forwards}@media (prefers-reduced-motion:reduce){.Popover-module_slide-out__6gFpT{animation-duration:.1ms}}@keyframes Popover-module_slide-in__3KTSK{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Popover-module_slide-out__6gFpT{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Popover-module_popover__rvS3X{background-color:var(--light);border-radius:.125rem;box-shadow:0 4px 5px 0 rgba(1,5,50,.2),0 3px 14px 0 rgba(1,5,50,.12),0 8px 10px 0 rgba(1,5,50,.14);opacity:0;pointer-events:none;position:fixed;transform:scale(.5);transition-duration:.2s;transition-property:transform,opacity;transition-timing-function:ease-in-out;z-index:100}@media (prefers-reduced-motion:reduce){.Popover-module_popover__rvS3X{transition-duration:.1ms}}.Popover-module_popover__rvS3X.Popover-module_show__7BwIm{opacity:1;pointer-events:auto;transform:scale(1)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBvcG92ZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsK0JBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLDhCQUNFLFlBQ0YsQ0FFQSxnQ0FDRSxxREFDRixDQUNBLHVDQUNFLGdDQUNFLHVCQUNGLENBQ0YsQ0FFQSxpQ0FDRSxzREFDRixDQUNBLHVDQUNFLGlDQUNFLHVCQUNGLENBQ0YsQ0FFQSwwQ0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0EsMkNBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRjtBQUNBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsK0JBSUUsNkJBQThCLENBQzlCLHFCQUF1QixDQUN2QixrR0FBNkgsQ0FDN0gsU0FBVSxDQUpWLG1CQUFvQixDQUZwQixjQUFlLENBT2YsbUJBQXFCLENBRXJCLHVCQUF5QixDQUR6QixxQ0FBdUMsQ0FFdkMsc0NBQXVDLENBVHZDLFdBVUYsQ0FDQSx1Q0FDRSwrQkFDRSx3QkFDRixDQUNGLENBQ0EsMERBR0UsU0FBVSxDQURWLG1CQUFvQixDQURwQixrQkFHRiIsImZpbGUiOiJQb3BvdmVyLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5wb3BvdmVyIHtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB6LWluZGV4OiAxMDA7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1saWdodCk7XG4gIGJvcmRlci1yYWRpdXM6IDAuMTI1cmVtO1xuICBib3gtc2hhZG93OiAwcHggNHB4IDVweCAwcHggcmdiYSgxLCA1LCA1MCwgMC4yKSwgMHB4IDNweCAxNHB4IDBweCByZ2JhKDEsIDUsIDUwLCAwLjEyKSwgMHB4IDhweCAxMHB4IDBweCByZ2JhKDEsIDUsIDUwLCAwLjE0KTtcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNmb3JtOiBzY2FsZSgwLjUpO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiB0cmFuc2Zvcm0sIG9wYWNpdHk7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5wb3BvdmVyIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLnBvcG92ZXIuc2hvdyB7XG4gIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICBvcGFjaXR5OiAxO1xufSJdfQ== */';var l={"sr-only":"Popover-module_sr-only__clJ0z",hidden:"Popover-module_hidden__Defbx","slide-in":"Popover-module_slide-in__3KTSK","slide-out":"Popover-module_slide-out__6gFpT",popover:"Popover-module_popover__rvS3X",show:"Popover-module_show__7BwIm"};e(i);export{l as default};
 //# sourceMappingURL=Popover.module.esm.js.map

package/dist/esm/ProgressBar/ProgressBar.esm.js

@@ -1,2 +1,2 @@
-import e from"react";import{Typography as a}from"../Typography/Typography.esm.js";import r from"./ProgressBar.module.esm.js";const t=e.forwardRef((({label:t,caption:s,completed:m,percentage:o,accessibilityTitle:l="Progress bar",...n},i)=>e.createElement("span",{...n,ref:i,role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":o,title:l},e.createElement("div",{className:r.header},t&&e.createElement(a,{className:r.label,spacing:{marginBottom:2},variant:"body"},t),void 0!==o&&e.createElement(a,{className:r.percentage,spacing:{marginBottom:2},variant:"body"},o,"%")),e.createElement("span",{className:r["progress-bar"]},e.createElement("span",{className:`${r.bar} ${m?"":r["loading-state"]}`,style:{width:`${m}%`}}),e.createElement("span",{className:`${r.bar2} ${m?"":r["loading-state"]}`})),s&&e.createElement(a,{className:r.caption,spacing:{marginBottom:2},variant:"sub-text"},s))));export{t as ProgressBar};
+import e from"react";import{Typography as a}from"../Typography/Typography.esm.js";import t from"./ProgressBar.module.esm.js";const r=({label:r,caption:s,completed:m,percentage:o,accessibilityTitle:l="Progress bar",...n},c)=>e.createElement("span",{...n,ref:c,role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":o,title:l},e.createElement("div",{className:t["header"]},r&&e.createElement(a,{className:t["label"],spacing:{marginBottom:2},variant:"body"},r),o!==void 0&&e.createElement(a,{className:t["percentage"],spacing:{marginBottom:2},variant:"body"},o,"%")),e.createElement("span",{className:t["progress-bar"]},e.createElement("span",{className:`${t["bar"]} ${m?"":t["loading-state"]}`,style:{width:`${m}%`}}),e.createElement("span",{className:`${t["bar2"]} ${m?"":t["loading-state"]}`})),s&&e.createElement(a,{className:t["caption"],spacing:{marginBottom:2},variant:"sub-text"},s));const s=e.forwardRef(r);export{s as ProgressBar};
 //# sourceMappingURL=ProgressBar.esm.js.map

package/dist/esm/ProgressBar/ProgressBar.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ProgressBar.esm.js","sources":["../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Typography } from \"../Typography/Typography\";\nimport classes from \"./ProgressBar.module.scss\";\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"span\">, \"children\"> {\n  label?: string;\n  caption?: string;\n  completed?: number;\n  percentage?: number;\n  accessibilityTitle?: string;\n}\n\nconst ProgressBarComponent: ForwardRefRenderFunction<HTMLSpanElement, Props> = (\n  { label, caption, completed, percentage, accessibilityTitle = \"Progress bar\", ...rest }: Props,\n  ref\n) => {\n  return (\n    <span\n      {...rest}\n      ref={ref}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={percentage}\n      title={accessibilityTitle}\n    >\n      <div className={classes[\"header\"]}>\n        {label && (\n          <Typography className={classes[\"label\"]} spacing={{ marginBottom: 2 }} variant=\"body\">\n            {label}\n          </Typography>\n        )}\n        {percentage !== undefined && (\n          <Typography\n            className={classes[\"percentage\"]}\n            spacing={{ marginBottom: 2 }}\n            variant=\"body\"\n          >\n            {percentage}%\n          </Typography>\n        )}\n      </div>\n      <span className={classes[\"progress-bar\"]}>\n        <span\n          className={`${classes[\"bar\"]} ${completed ? \"\" : classes[\"loading-state\"]}`}\n          style={{ width: `${completed}%` }}\n        />\n        <span className={`${classes[\"bar2\"]} ${completed ? \"\" : classes[\"loading-state\"]}`} />\n      </span>\n      {caption && (\n        <Typography className={classes[\"caption\"]} spacing={{ marginBottom: 2 }} variant=\"sub-text\">\n          {caption}\n        </Typography>\n      )}\n    </span>\n  );\n};\n\nexport const ProgressBar = React.forwardRef(ProgressBarComponent);\n"],"names":["ProgressBarComponent","label","caption","completed","percentage","accessibilityTitle","rest","ref","React","role","title","createElement","className","classes","Typography","spacing","marginBottom","variant","undefined","style","width","ProgressBar","forwardRef"],"mappings":"6HA4BA,MAAMA,EAAyE,EAC3EC,QAAOC,UAASC,YAAWC,aAAYC,qBAAqB,kBAAmBC,GACjFC,IAGEC,2BACMF,EACJC,IAAKA,EACLE,KAAK,cACU,gBAAA,kBACA,IAAG,gBACHL,EACfM,MAAOL,GAEPG,EAAAG,cAAA,MAAA,CAAKC,UAAWC,EAAQ,WACrBZ,GACCO,EAAAG,cAACG,EAAU,CAACF,UAAWC,EAAQ,SAAUE,QAAS,CAAEC,aAAc,GAAKC,QAAQ,QAC5EhB,GAGJG,SAAec,GACdV,EAAAG,cAACG,EACC,CAAAF,UAAWC,EAAQ,cACnBE,QAAS,CAAEC,aAAc,GACzBC,QAAQ,QAEPb,EACU,MAGjBI,EAAAG,cAAA,OAAA,CAAMC,UAAWC,EAAQ,iBACvBL,EAAAG,cAAA,OAAA,CACEC,UAAW,GAAGC,EAAQ,UAAUV,EAAY,GAAKU,EAAQ,mBACzDM,MAAO,CAAEC,MAAO,GAAGjB,QAErBK,EAAMG,cAAA,OAAA,CAAAC,UAAW,GAAGC,EAAQ,WAAWV,EAAY,GAAKU,EAAQ,sBAEjEX,GACCM,EAACG,cAAAG,EAAW,CAAAF,UAAWC,EAAQ,WAAYE,QAAS,CAAEC,aAAc,GAAKC,QAAQ,YAC9Ef,IAOE,MAAAmB,EAAcb,EAAMc,WAAWtB"}