@onewelcome/react-lib-components 6.7.1 → 7.1.0

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

@@ -1 +1 @@
-{"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":"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"}
+{"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 { deepMerge, generateID } from \"../../../util/helper\";\nimport { DeepPartial } from \"../../../interfaces\";\nimport { useAlert } from \"../Alert/useAlert\";\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 { enqueueErrorAlert, enqueueSuccessAlert } = useAlert();\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        enqueueErrorAlert({\n          title: notification.title ?? mergedTranslations.general.error,\n          content: determineNotificationMessage(notification as Notification<ErrorNotification>),\n          onClose: () => dispatchFn({ type: \"remove\", payload: { id: notification.id } })\n        });\n        dispatchFn({ type: \"handled\", payload: { id: notification.id, handled: true } });\n      } else if (notification.title && !notification.handled && notification.type === \"success\") {\n        enqueueSuccessAlert({\n          title: notification.title ?? mergedTranslations.general.success,\n          content: notification.message,\n          onClose: () => dispatchFn({ type: \"remove\", payload: { id: notification.id } })\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":[],"mappings":"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"}

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

@@ -1,2 +1,33 @@
-const e={general:{error:"Error",success:"Success"},messages:{general:"Something went wrong. Please try again later.",badRequest:"Bad request",unauthorized:"You are not authorized to perform this action.",forbidden:"You are not allowed to perform this action.",notFound:"The requested resource could not be found.",timeout:"The request timed out.",unavailable:"The server is currently unavailable. Please try again later."}};export{e as defaultTranslations};
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const defaultTranslations = {
+    general: {
+        error: "Error",
+        success: "Success"
+    },
+    messages: {
+        general: "Something went wrong. Please try again later.",
+        badRequest: "Bad request",
+        unauthorized: "You are not authorized to perform this action.",
+        forbidden: "You are not allowed to perform this action.",
+        notFound: "The requested resource could not be found.",
+        timeout: "The request timed out.",
+        unavailable: "The server is currently unavailable. Please try again later."
+    }
+};
+
+export { defaultTranslations };
 //# sourceMappingURL=NotificationService.esm.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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":[],"mappings":"AAAA;;;;;;;;;;;;;;AAcG;AAIU,MAAA,mBAAmB,GAAiB;AAC/C,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE,+CAA+C;AACxD,QAAA,UAAU,EAAE,aAAa;AACzB,QAAA,YAAY,EAAE,gDAAgD;AAC9D,QAAA,SAAS,EAAE,6CAA6C;AACxD,QAAA,QAAQ,EAAE,4CAA4C;AACtD,QAAA,OAAO,EAAE,wBAAwB;AACjC,QAAA,WAAW,EAAE,8DAA8D;AAC5E,KAAA;;;;;"}

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

@@ -1,2 +1,40 @@
-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};
+import React, { useState, useRef, useCallback, useEffect } from 'react';
+import { BaseModal } from '../BaseModal/BaseModal.esm.js';
+import classes from './SlideInModal.module.scss.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const SlideInModalComponent = ({ children, id, open, ...rest }, ref) => {
+    const [classHideOnTransition, setClassHideOnTransition] = useState("hide");
+    const [controlledOpen, setControlledOpen] = useState(false);
+    const containerRef = useRef(null);
+    const onTransitionEnd = useCallback(e => {
+        if (e.target === containerRef.current) {
+            setClassHideOnTransition(prev => (prev ? "" : "hide"));
+            if (!open && controlledOpen) {
+                setControlledOpen(false);
+            }
+        }
+    }, [open]);
+    useEffect(() => {
+        open && setControlledOpen(open);
+    }, [open]);
+    return (React.createElement(BaseModal, { ...rest, id: id, open: controlledOpen, className: `${classes["slide-in-modal"]} ${open ? classes["visible"] : ""} ${!open ? classes[classHideOnTransition] : ""}`, containerProps: { className: classes["container"] }, backdropProps: { id: classes["backdrop-slide"] }, onTransitionEnd: onTransitionEnd, ref: ref !== null && ref !== void 0 ? ref : containerRef }, children));
+};
+const SlideInModal = React.forwardRef(SlideInModalComponent);
+
+export { SlideInModal };
 //# sourceMappingURL=SlideInModal.esm.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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":["Modal"],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAaH,MAAM,qBAAqB,GAAyD,CAClF,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,IAAI,EAAc,EAC3C,GAAG,KACD;IACF,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAS,MAAM,CAAC,CAAC;IACnF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC5D,IAAA,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAElC,IAAA,MAAM,eAAe,GAA2C,WAAW,CACzE,CAAC,IAAG;QACF,IAAI,CAAC,CAAC,MAAM,KAAK,YAAY,CAAC,OAAO,EAAE;AACrC,YAAA,wBAAwB,CAAC,IAAI,KAAK,IAAI,GAAG,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;AACvD,YAAA,IAAI,CAAC,IAAI,IAAI,cAAc,EAAE;gBAC3B,iBAAiB,CAAC,KAAK,CAAC,CAAC;aAC1B;SACF;AACH,KAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC;AAClC,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AAEX,IAAA,QACE,KAAC,CAAA,aAAA,CAAAA,SAAK,OACA,IAAI,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,cAAc,EACpB,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,gBAAgB,CAAC,CAAI,CAAA,EAAA,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAA,CAAA,EACvE,CAAC,IAAI,GAAG,OAAO,CAAC,qBAAqB,CAAC,GAAG,EAC3C,CAAA,CAAE,EACF,cAAc,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,EAAE,EACnD,aAAa,EAAE,EAAE,EAAE,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAAE,EAChD,eAAe,EAAE,eAAe,EAChC,GAAG,EAAE,GAAG,aAAH,GAAG,KAAA,KAAA,CAAA,GAAH,GAAG,GAAI,YAAY,IAEvB,QAAQ,CACH,EACR;AACJ,CAAC,CAAC;AAIW,MAAA,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB;;;;"}

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

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\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:initial}@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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNsaWRlSW5Nb2RhbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixvQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsbUNBQ0UsWUFDRixDQUVBLHFDQUNFLDBEQUNGLENBQ0EsdUNBQ0UscUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLHNDQUNFLDJEQUNGLENBQ0EsdUNBQ0Usc0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLCtDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxnREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsMkNBQ0Usd0JBQXlCLENBS3pCLHlCQUEwQixDQUYxQix1QkFBeUIsQ0FEekIsNkJBQThCLENBRTlCLHNDQUF1QyxDQUh2QyxrQkFLRixDQUNBLHVDQUNFLDJDQUNFLHdCQUNGLENBQ0YsQ0FDQSwyRUFDRSxpQkFDRixDQUNBLDhFQUVFLHNCQUF3QixDQUR4QixrQkFFRixDQUtBLG9LQUNFLHdCQUNGLENBRUEseUNBQ0Usc0NBS0UsZUFBZ0IsQ0FDaEIsd0RBQXlELENBSHpELFdBQVksQ0FGWixZQUFhLENBR2IsZ0JBQWlCLENBRmpCLFdBS0YsQ0FDRiIsImZpbGUiOiJTbGlkZUluTW9kYWwubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4uc2xpZGUtaW4tbW9kYWwge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiB0cmFuc2Zvcm07XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuNXM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMTIwJSk7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4tbW9kYWwge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2xpZGUtaW4tbW9kYWwuaGlkZSB7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbn1cbi5zbGlkZS1pbi1tb2RhbC52aXNpYmxlIHtcbiAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCUpO1xufVxuLnNsaWRlLWluLW1vZGFsLnZpc2libGUgI2JhY2tkcm9wLXNsaWRlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG59XG5cbiNiYWNrZHJvcC1zbGlkZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDUwcmVtKSB7XG4gIC5jb250YWluZXIge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gICAgd2lkdGg6IDUwcmVtO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiB1bnNldDtcbiAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgIGJveC1zaGFkb3c6IDAgMS44NzVyZW0gMy4xMjVyZW0gdmFyKC0tbW9kYWwtc2hhZG93LWNvbG9yKTtcbiAgfVxufSJdfQ== */";
+var classes = {"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"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=SlideInModal.module.scss.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlideInModal.module.scss.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -1,2 +1,95 @@
-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 m}from"../Form/Select/SingleSelect/Select.esm.js";import{Option as o}from"../Form/Select/SingleSelect/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 S=()=>{if(!g)return 1;if(Math.ceil(g/d)<1)return 1;return Math.ceil(g/d)};const y=S();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",className:l["label"]},v.itemsPerPage),e.createElement(m,{labeledBy:"page-size-select-label",className:`${l["form-element"]} ${l["page-size-select"]}`,value:d.toString(),onChange:$},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(m,{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(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:()=>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>=y,title:"next",onClick:()=>j(E+1),"data-paginate":"next"},e.createElement(c,{icon:i.ChevronRight})),!!(E&&g)&&e.createElement(s,{disabled:E>=y,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};
+import React, { useState, useEffect, Fragment } from 'react';
+import classes from './Pagination.module.scss.esm.js';
+import readyclasses from '../src/readyclasses.module.scss.esm.js';
+import { IconButton } from '../Button/IconButton.esm.js';
+import { Icon, Icons } from '../Icon/Icon.esm.js';
+import { Select } from '../Form/Select/SingleSelect/Select.esm.js';
+import { Option } from '../Form/Select/SingleSelect/Option.esm.js';
+import { Label } from '../Form/Label/Label.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+var DefaultTranslations;
+(function (DefaultTranslations) {
+    DefaultTranslations["totalItems"] = "items in total";
+    DefaultTranslations["itemsPerPage"] = "Items per page";
+    DefaultTranslations["currentPage"] = "of %1 pages";
+    DefaultTranslations["itemsPerPageLabel"] = "Select how many items per page you want to see.";
+    DefaultTranslations["currentPageLabel"] = "What page you are currently on.";
+})(DefaultTranslations || (DefaultTranslations = {}));
+const PaginationComponent = ({ totalElements, pageSize = 10, translate = DefaultTranslations, currentPage, className, onPageChange, onPageSizeChange, ...rest }, ref) => {
+    const calculateAmountOfPages = () => {
+        if (!totalElements)
+            return 1;
+        if (Math.ceil(totalElements / pageSize) < 1) {
+            return 1;
+        }
+        return Math.ceil(totalElements / pageSize);
+    };
+    const pagesAmount = calculateAmountOfPages();
+    const [resetPageNoSelect, setResetPageNoSelect] = useState(false);
+    const onPageSizeChangeHandler = (event) => {
+        const pageSizeNumber = Number(event.target.value);
+        setResetPageNoSelect(true);
+        onPageSizeChange(pageSizeNumber);
+    };
+    const onPageChangeHandler = (pageToGoTo) => {
+        onPageChange(pageToGoTo);
+    };
+    useEffect(() => {
+        resetPageNoSelect && setResetPageNoSelect(false);
+    }, [resetPageNoSelect]);
+    return (React.createElement("div", { ...rest, ref: ref, className: `${classes["pagination-wrapper"]} ${className !== null && className !== void 0 ? className : ""}` },
+        React.createElement("div", { className: classes["left"] },
+            pageSize && (React.createElement("div", { className: classes["per-page"] },
+                React.createElement(Label, { id: "page-size-select-label", htmlFor: "page-size-select", className: classes["label"] }, translate.itemsPerPage),
+                React.createElement(Select, { name: "page-size-select", id: "page-size-select", labeledBy: "page-size-select-label", className: `${classes["form-element"]} ${classes["page-size-select"]}`, value: pageSize.toString(), onChange: onPageSizeChangeHandler },
+                    React.createElement(Option, { value: "10" }, "10"),
+                    React.createElement(Option, { value: "25" }, "25"),
+                    React.createElement(Option, { value: "50" }, "50")))),
+            totalElements && (React.createElement("div", { className: classes["total"] },
+                React.createElement("span", { tabIndex: 0 },
+                    totalElements,
+                    "\u00A0",
+                    translate.totalItems)))),
+        React.createElement("div", { className: classes["pagination"] },
+            React.createElement(Fragment, null,
+                totalElements && !!pagesAmount && (React.createElement("div", { className: classes["page"] },
+                    React.createElement(Label, { id: "current-value-input-label", htmlFor: "current-value-input", className: `${readyclasses["sr-only"]} ${classes["current-value-select-label"]}` }, translate.currentPageLabel),
+                    React.createElement(Select, { labeledBy: "current-value-input-label", key: "input", id: "current-value-input", size: currentPage.toString().length, onChange: (e) => onPageChangeHandler(Number(e.target.value)), name: "current-value-input", value: currentPage.toString(), className: `${classes["form-element"]} ${classes["current-page-select"]}`, search: {
+                            enabled: true,
+                            searchInputProps: {
+                                wrapperProps: { className: classes["search-input-wrapper"] },
+                                reset: resetPageNoSelect ? resetPageNoSelect : undefined,
+                                autoComplete: "off"
+                            }
+                        } }, Array.from(Array(pagesAmount).keys()).map(page => (React.createElement(Option, { key: page, value: (page + 1).toString() }, (page + 1).toString())))),
+                    React.createElement("span", { className: classes["page-total"] }, translate.currentPage.replace("%1", Math.ceil(totalElements / pageSize).toString())))),
+                !!currentPage && (React.createElement("div", { className: classes["previous"] },
+                    React.createElement(IconButton, { disabled: currentPage <= 1, title: "first", onClick: () => onPageChangeHandler(1), "data-paginate": "first" },
+                        React.createElement(Icon, { icon: Icons.NavigationFirst })),
+                    React.createElement(IconButton, { disabled: currentPage <= 1, title: "previous", onClick: () => onPageChangeHandler(currentPage - 1), "data-paginate": "previous" },
+                        React.createElement(Icon, { icon: Icons.ChevronLeft })))),
+                React.createElement("div", { className: classes["next"] },
+                    (currentPage !== undefined || false) && (React.createElement(IconButton, { disabled: currentPage >= pagesAmount, title: "next", onClick: () => onPageChangeHandler(currentPage + 1), "data-paginate": "next" },
+                        React.createElement(Icon, { icon: Icons.ChevronRight }))),
+                    !!(currentPage && totalElements) && (React.createElement(IconButton, { disabled: currentPage >= pagesAmount, title: "last", onClick: () => onPageChangeHandler(Math.ceil(totalElements / pageSize)), "data-paginate": "last" },
+                        React.createElement(Icon, { icon: Icons.NavigationLast }))))))));
+};
+const Pagination = React.forwardRef(PaginationComponent);
+
+export { Pagination };
 //# sourceMappingURL=Pagination.esm.js.map

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

@@ -1 +1 @@
-{"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/SingleSelect/Select\";\nimport { Option } from \"../Form/Select/SingleSelect/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\" className={classes[\"label\"]}>\n              {translate.itemsPerPage}\n            </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":"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"}
+{"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/SingleSelect/Select\";\nimport { Option } from \"../Form/Select/SingleSelect/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\n              id=\"page-size-select-label\"\n              htmlFor=\"page-size-select\"\n              className={classes[\"label\"]}\n            >\n              {translate.itemsPerPage}\n            </Label>\n            <Select\n              name=\"page-size-select\"\n              id=\"page-size-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                search={{\n                  enabled: true,\n                  searchInputProps: {\n                    wrapperProps: { className: classes[\"search-input-wrapper\"] },\n                    reset: resetPageNoSelect ? resetPageNoSelect : undefined,\n                    autoComplete: \"off\"\n                  }\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 || false) && (\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":[],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import styleInject from '../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\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-data-grid);justify-content:space-between;line-height:var(--data-grid-line-height)}.Pagination-module_pagination-wrapper__X2HPa .Pagination-module_left__JVzMc{display:flex}.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-size:var(--font-size-data-grid);font-weight:500;line-height:var(--data-grid-line-height)}.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBhZ2luYXRpb24ubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRiw2Q0FJRSx1QkFBd0IsQ0FDeEIsWUFBYSxDQUNiLHFCQUFzQixDQUx0Qiw4QkFBK0IsQ0FDL0Isb0NBQXFDLENBS3JDLDZCQUE4QixDQUo5Qix3Q0FLRixDQUNBLDRFQUNFLFlBQ0YsQ0FDQSxvRkFDRSxhQUNGLENBQ0EsbUlBQ0UsYUFDRixDQUNBLDJGQUNFLGlCQUNGLENBQ0EsNkVBR0Usa0JBQW1CLENBRG5CLFlBQWEsQ0FEYixhQUFjLENBR2Qsc0JBQ0YsQ0FDQSxrRkFDRSwrQkFDRixDQUNBLGtGQUdFLGtCQUFtQixDQURuQixZQUFhLENBRGIsYUFBYyxDQUdkLHNCQUF1QixDQUN2QixlQUNGLENBQ0Esc09BR0Usa0JBQW1CLENBRG5CLFlBRUYsQ0FDQSw0UUFFRSxnQkFDRixDQUNBLGdGQUVFLGtCQUFtQixDQURuQixZQUVGLENBQ0Esc0ZBSUUsK0JBQWdDLENBSGhDLG9DQUFxQyxDQUVyQyxlQUFnQixDQURoQix3Q0FHRixDQUNBLGdIQUVFLCtDQUFnRCxDQURoRCxxQkFFRixDQUNBLDRFQUVFLGtCQUFtQixDQURuQixZQUFhLENBRWIsc0JBQXVCLENBQ3ZCLGtCQUNGLENBQ0Esa0ZBS0UsK0JBQWdDLENBSmhDLG9CQUFxQixDQUdyQixlQUFnQixDQUZoQixpQkFBbUIsQ0FDbkIsa0JBR0YsQ0FDQSwrR0FFRSwrQ0FBZ0QsQ0FEaEQscUJBRUYsQ0FDQSx3RkFDRSxlQUNGLENBQ0EsK0ZBQ0UsaUJBQWtCLENBQ2xCLFNBQ0YsQ0FDQSxpSEFDRSxVQUNGLENBQ0EsdUhBQ0UsV0FDRixDQUVBLHFEQUNFLGlCQUFrQixDQUNsQixTQUNGLENBQ0EsdUVBQ0UsVUFDRixDQUNBLDZFQUNFLFdBQ0YsQ0FFQSxtQ0FDRSw2Q0FDRSxrQkFDRixDQUNBLDZFQUNFLDBCQUNGLENBQ0Esa0ZBRUUsd0JBQXlCLENBRHpCLFlBRUYsQ0FDRixDQUNBLG1DQUNFLGdGQUNFLFlBQWEsQ0FDYixpQkFDRixDQUNGIiwiZmlsZSI6IlBhZ2luYXRpb24ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnBhZ2luYXRpb24td3JhcHBlciB7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWRhdGEtZ3JpZCk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kYXRhLWdyaWQtbGluZS1oZWlnaHQpO1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLmxlZnQge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAuZm9ybS1lbGVtZW50IHtcbiAgaGVpZ2h0OiAyLjVyZW07XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5mb3JtLWVsZW1lbnQgLnNlYXJjaC1pbnB1dC13cmFwcGVyIHtcbiAgd2lkdGg6IDIuNzVyZW07XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5mb3JtLWVsZW1lbnQgYnV0dG9uIHtcbiAgbWluLWhlaWdodDogMi41cmVtO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAudG90YWwge1xuICBmbGV4OiAxIDAgYXV0bztcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC50b3RhbCBzcGFuIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTUwMCk7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdpbmF0aW9uIHtcbiAgZmxleDogMSAwIGF1dG87XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBtYXJnaW4tdG9wOiAxcmVtO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGFnaW5hdGlvbiAucHJldmlvdXMsXG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdpbmF0aW9uIC5uZXh0IHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2luYXRpb24gLnByZXZpb3VzIGJ1dHRvbiBzcGFuOmJlZm9yZSxcbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2luYXRpb24gLm5leHQgYnV0dG9uIHNwYW46YmVmb3JlIHtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGVyLXBhZ2Uge1xuICBkaXNwbGF5OiBub25lO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGVyLXBhZ2UgbGFiZWwge1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1kYXRhLWdyaWQpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGF0YS1ncmlkLWxpbmUtaGVpZ2h0KTtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wZXItcGFnZSArIC50b3RhbCB7XG4gIHBhZGRpbmctbGVmdDogMC45Mzc1cmVtO1xuICBib3JkZXItbGVmdDogMXB4IHNvbGlkIHZhcigtLWNvbG9yLWJsdWUtZ3JleTEwMCk7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdlIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC1iYXNpczogbWluLWNvbnRlbnQ7XG4gIHBhZGRpbmctcmlnaHQ6IDFyZW07XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdlLXRvdGFsIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBtYXJnaW4tbGVmdDogMC41cmVtO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBmb250LXdlaWdodDogNTAwO1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5OTAwKTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2UgKyAucHJldmlvdXMge1xuICBwYWRkaW5nLWxlZnQ6IDAuOTM3NXJlbTtcbiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGFnZS1zaXplLXNlbGVjdCB7XG4gIG1hcmdpbjogMCAwLjI1cmVtO1xufVxuLnBhZ2luYXRpb24td3JhcHBlciAucGFnZS1zaXplLXNlbGVjdCBidXR0b24ge1xuICBtaW4td2lkdGg6IDMuNzVyZW07XG4gIHBhZGRpbmc6IDA7XG59XG4ucGFnaW5hdGlvbi13cmFwcGVyIC5wYWdlLXNpemUtc2VsZWN0IGJ1dHRvbiBkaXZbZGF0YS1kaXNwbGF5XSB7XG4gIGxlZnQ6IDAuNXJlbTtcbn1cbi5wYWdpbmF0aW9uLXdyYXBwZXIgLnBhZ2Utc2l6ZS1zZWxlY3QgYnV0dG9uIGRpdjpub3QoW2RhdGEtZGlzcGxheV0pIHtcbiAgcmlnaHQ6IDAuNXJlbTtcbn1cblxuLmN1cnJlbnQtcGFnZS1zZWxlY3QgYnV0dG9uIHtcbiAgbWluLXdpZHRoOiAzLjc1cmVtO1xuICBwYWRkaW5nOiAwO1xufVxuLmN1cnJlbnQtcGFnZS1zZWxlY3QgYnV0dG9uIGRpdltkYXRhLWRpc3BsYXldIHtcbiAgbGVmdDogMC41cmVtO1xufVxuLmN1cnJlbnQtcGFnZS1zZWxlY3QgYnV0dG9uIGRpdjpub3QoW2RhdGEtZGlzcGxheV0pIHtcbiAgcmlnaHQ6IDAuNXJlbTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAucGFnaW5hdGlvbi13cmFwcGVyIHtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICB9XG4gIC5wYWdpbmF0aW9uLXdyYXBwZXIgLnRvdGFsIHtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIH1cbiAgLnBhZ2luYXRpb24td3JhcHBlciAucGFnaW5hdGlvbiB7XG4gICAgbWFyZ2luLXRvcDogMDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICB9XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA0OGVtKSB7XG4gIC5wYWdpbmF0aW9uLXdyYXBwZXIgLnBlci1wYWdlIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1hcmdpbi1yaWdodDogMXJlbTtcbiAgfVxufSJdfQ== */";
+var classes = {"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"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=Pagination.module.scss.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.module.scss.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -1,2 +1,87 @@
-import e,{useState as t,useRef as o,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:u,debounceAmount:d,transformOrigin:a,anchorEl:f,onAnchorOutOfView:v,...w},p)=>{const[b,g]=t(false);const h=o(null);const{top:N,left:E,right:L,bottom:O,calculatePosition:P,initialCalculationDone:A}=i({elementToBePositioned:h,relativeElement:f,offset:u,placement:m,transformOrigin:a,debounceAmount:d!==null&&d!==void 0?d:void 0});const B=e=>{if(e==="initial")return"initial";if(isNaN(e))return 0;return Number(e)};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 t=e.getBoundingClientRect().top;const o=e.getBoundingClientRect().bottom;const n=b&&(Number(N)<0||Number(E)<0||Number(L)<0||Number(O)<0||t<0||o>window.innerHeight);if(n)v===null||v===void 0?void 0:v()}}),[N,E,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:B(N),left:B(E),right:B(L),bottom:B(O)}},s))};const l=e.forwardRef(s);export{l as Popover};
+import React, { useState, useRef, useEffect } from 'react';
+import { usePosition } from '../src/hooks/usePosition.esm.js';
+import classes from './Popover.module.scss.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const PopoverComponent = ({ children, className, show, placement, offset, debounceAmount, transformOrigin, anchorEl, onAnchorOutOfView, ...rest }, ref) => {
+    const [showPopover, setShowPopover] = useState(false);
+    const elToBePositioned = useRef(null);
+    const { top, left, right, bottom, calculatePosition, initialCalculationDone } = usePosition({
+        elementToBePositioned: elToBePositioned,
+        relativeElement: anchorEl,
+        offset: offset,
+        placement: placement,
+        transformOrigin: transformOrigin,
+        debounceAmount: debounceAmount !== null && debounceAmount !== void 0 ? debounceAmount : undefined
+    });
+    const normalizePosition = (value) => {
+        if (value === "initial") {
+            return "initial";
+        }
+        if (isNaN(value)) {
+            return 0;
+        }
+        return Number(value);
+    };
+    useEffect(() => {
+        if (initialCalculationDone) {
+            setShowPopover(!!show);
+        }
+    }, [show, initialCalculationDone]);
+    useEffect(() => {
+        if (!showPopover) {
+            return;
+        }
+        window.addEventListener("resize", calculatePosition);
+        window.addEventListener("scroll", calculatePosition);
+        return () => {
+            window.removeEventListener("resize", calculatePosition);
+            window.removeEventListener("scroll", calculatePosition);
+        };
+    }, [showPopover]);
+    useEffect(() => {
+        calculatePosition();
+    }, [showPopover, elToBePositioned, anchorEl]);
+    useEffect(() => {
+        const anchor = anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.current;
+        if (anchor) {
+            const anchorTop = anchor.getBoundingClientRect().top;
+            const anchorBottom = anchor.getBoundingClientRect().bottom;
+            const isAnchorOffscreen = showPopover &&
+                (Number(top) < 0 ||
+                    Number(left) < 0 ||
+                    Number(right) < 0 ||
+                    Number(bottom) < 0 ||
+                    anchorTop < 0 ||
+                    anchorBottom > window.innerHeight);
+            if (isAnchorOffscreen) {
+                onAnchorOutOfView === null || onAnchorOutOfView === void 0 ? void 0 : onAnchorOutOfView();
+            }
+        }
+    }, [top, left, right, bottom]);
+    return (React.createElement("div", { ref: ref, ...rest },
+        React.createElement("div", { ref: elToBePositioned, className: `${classes.popover} ${className !== null && className !== void 0 ? className : ""} ${showPopover ? classes.show : ""}`, style: {
+                top: normalizePosition(top),
+                left: normalizePosition(left),
+                right: normalizePosition(right),
+                bottom: normalizePosition(bottom)
+            } }, children)));
+};
+const Popover = React.forwardRef(PopoverComponent);
+
+export { Popover };
 //# sourceMappingURL=Popover.esm.js.map

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

@@ -1 +1 @@
-{"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, PositionType, 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  const normalizePosition = (value: PositionType) => {\n    if (value === \"initial\") {\n      return \"initial\";\n    }\n\n    if (isNaN(value)) {\n      return 0;\n    }\n\n    return Number(value);\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={{\n          top: normalizePosition(top),\n          left: normalizePosition(left),\n          right: normalizePosition(right),\n          bottom: normalizePosition(bottom)\n        }}\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","normalizePosition","value","isNaN","Number","useEffect","window","addEventListener","removeEventListener","anchor","current","anchorTop","getBoundingClientRect","anchorBottom","isAnchorOffscreen","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,IAGpC,MAAMC,EAAqBC,IACzB,GAAIA,IAAU,UACZ,MAAO,UAGT,GAAIC,MAAMD,GACR,OAAO,EAGT,OAAOE,OAAOF,EAAM,EAGtBG,GAAU,KACR,GAAIT,EACFT,IAAiBV,EAClB,GACA,CAACA,EAAMmB,IAEVS,GAAU,KACR,IAAKnB,EACH,OAGFoB,OAAOC,iBAAiB,SAAUZ,GAClCW,OAAOC,iBAAiB,SAAUZ,GAElC,MAAO,KACLW,OAAOE,oBAAoB,SAAUb,GACrCW,OAAOE,oBAAoB,SAAUb,EAAkB,CACxD,GACA,CAACT,IAEJmB,GAAU,KACRV,GAAmB,GAClB,CAACT,IAEJmB,GAAU,KACR,MAAMI,EAAS3B,IAAQ,MAARA,SAAA,OAAA,EAAAA,EAAU4B,QAEzB,GAAID,EAAQ,CACV,MAAME,EAAYF,EAAOG,wBAAwBrB,IACjD,MAAMsB,EAAeJ,EAAOG,wBAAwBlB,OAEpD,MAAMoB,EACJ5B,IACCkB,OAAOb,GAAO,GACba,OAAOZ,GAAQ,GACfY,OAAOX,GAAS,GAChBW,OAAOV,GAAU,GACjBiB,EAAY,GACZE,EAAeP,OAAOS,aAE1B,GAAID,EACF/B,IAAA,MAAAA,SAAA,OAAA,EAAAA,GAEH,IACA,CAACQ,EAAKC,EAAMC,EAAOC,IAEtB,OACEsB,EAAKC,cAAA,MAAA,CAAAhC,IAAKA,KAASD,GACjBgC,EAAAC,cAAA,MAAA,CACEhC,IAAKI,EACLb,UAAW,GAAG0C,EAAQC,WAAW3C,IAAS,MAATA,SAAA,EAAAA,EAAa,MAAMU,EAAcgC,EAAQzC,KAAO,KACjF2C,MAAO,CACL7B,IAAKU,EAAkBV,GACvBC,KAAMS,EAAkBT,GACxBC,MAAOQ,EAAkBR,GACzBC,OAAQO,EAAkBP,KAG3BnB,GAGL,EAGS,MAAA8C,EAAUL,EAAMM,WAAWhD"}
+{"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, PositionType, 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  const normalizePosition = (value: PositionType) => {\n    if (value === \"initial\") {\n      return \"initial\";\n    }\n\n    if (isNaN(value)) {\n      return 0;\n    }\n\n    return Number(value);\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, elToBePositioned, anchorEl]);\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={{\n          top: normalizePosition(top),\n          left: normalizePosition(left),\n          right: normalizePosition(right),\n          bottom: normalizePosition(bottom)\n        }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport const Popover = React.forwardRef(PopoverComponent);\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import styleInject from '../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\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 #01053233,0 3px 14px 0 #0105321f,0 8px 10px 0 #01053224;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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBvcG92ZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsK0JBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLDhCQUNFLFlBQ0YsQ0FFQSxnQ0FDRSxxREFDRixDQUNBLHVDQUNFLGdDQUNFLHVCQUNGLENBQ0YsQ0FFQSxpQ0FDRSxzREFDRixDQUNBLHVDQUNFLGlDQUNFLHVCQUNGLENBQ0YsQ0FFQSwwQ0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0EsMkNBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRjtBQUNBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsK0JBSUUsNkJBQThCLENBQzlCLHFCQUF1QixDQUN2Qiw4RUFBNkgsQ0FDN0gsU0FBVSxDQUpWLG1CQUFvQixDQUZwQixjQUFlLENBT2YsbUJBQXFCLENBRXJCLHVCQUF5QixDQUR6QixxQ0FBdUMsQ0FFdkMsc0NBQXVDLENBVHZDLFdBVUYsQ0FDQSx1Q0FDRSwrQkFDRSx3QkFDRixDQUNGLENBQ0EsMERBR0UsU0FBVSxDQURWLG1CQUFvQixDQURwQixrQkFHRiIsImZpbGUiOiJQb3BvdmVyLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5wb3BvdmVyIHtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB6LWluZGV4OiAxMDA7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1saWdodCk7XG4gIGJvcmRlci1yYWRpdXM6IDAuMTI1cmVtO1xuICBib3gtc2hhZG93OiAwcHggNHB4IDVweCAwcHggcmdiYSgxLCA1LCA1MCwgMC4yKSwgMHB4IDNweCAxNHB4IDBweCByZ2JhKDEsIDUsIDUwLCAwLjEyKSwgMHB4IDhweCAxMHB4IDBweCByZ2JhKDEsIDUsIDUwLCAwLjE0KTtcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNmb3JtOiBzY2FsZSgwLjUpO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiB0cmFuc2Zvcm0sIG9wYWNpdHk7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5wb3BvdmVyIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLnBvcG92ZXIuc2hvdyB7XG4gIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICBvcGFjaXR5OiAxO1xufSJdfQ== */";
+var classes = {"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"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=Popover.module.scss.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.module.scss.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}