@onewelcome/react-lib-components 6.1.0 → 6.2.0

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

@@ -1,2 +1,2 @@
-import e,{useState as t,useEffect as a,Fragment as r}from"react";import l from"./Pagination.module.esm.js";import n from"../src/readyclasses.module.esm.js";import{IconButton as s}from"../Button/IconButton.esm.js";import{Icon as c,Icons as i}from"../Icon/Icon.esm.js";import{Select as o}from"../Form/Select/Select.esm.js";import{Option as m}from"../Form/Select/Option.esm.js";import{Label as p}from"../Form/Label/Label.esm.js";var u;(function(e){e["totalItems"]="items in total";e["itemsPerPage"]="Items per page";e["currentPage"]="of %1 pages";e["itemsPerPageLabel"]="Select how many items per page you want to see.";e["currentPageLabel"]="What page you are currently on."})(u||(u={}));const g=({totalElements:g,pageSize:d=10,translate:v=u,currentPage:E,className:f,onPageChange:b,onPageSizeChange:N,...h},P)=>{const y=()=>{if(!g)return 1;if(Math.ceil(g/d)<1)return 1;return Math.ceil(g/d)};const S=y();const[C,I]=t(false);const $=e=>{const t=Number(e.target.value);I(true);N(t)};const j=e=>{b(e)};a((()=>{C&&I(false)}),[C]);return e.createElement("div",{...h,ref:P,className:`${l["pagination-wrapper"]} ${f!==null&&f!==void 0?f:""}`},e.createElement("div",{className:l["left"]},d&&e.createElement("div",{className:l["per-page"]},e.createElement(p,{id:"page-size-select-label"},v.itemsPerPage),e.createElement(o,{labeledBy:"page-size-select-label",className:`${l["form-element"]} ${l["page-size-select"]}`,value:d.toString(),onChange:$},e.createElement(m,{value:"10"},"10"),e.createElement(m,{value:"25"},"25"),e.createElement(m,{value:"50"},"50"))),g&&e.createElement("div",{className:l["total"]},e.createElement("span",{tabIndex:0},g," ",v.totalItems))),e.createElement("div",{className:l["pagination"]},e.createElement(r,null,g&&!!S&&e.createElement("div",{className:l["page"]},e.createElement(p,{id:"current-value-input-label",htmlFor:"current-value-input",className:`${n["sr-only"]} ${l["current-value-select-label"]}`},v.currentPageLabel),e.createElement(o,{labeledBy:"current-value-input-label",key:"input",id:"current-value-input",size:E.toString().length,onChange:e=>j(Number(e.target.value)),name:"current-value-input",value:E.toString(),className:`${l["form-element"]} ${l["current-page-select"]}`,searchInputProps:{wrapperProps:{className:l["search-input-wrapper"]},reset:C,autoComplete:"off"}},Array.from(Array(S).keys()).map((t=>e.createElement(m,{key:t,value:(t+1).toString()},(t+1).toString())))),e.createElement("span",{className:l["page-total"]},v.currentPage.replace("%1",Math.ceil(g/d).toString()))),!!E&&e.createElement("div",{className:l["previous"]},e.createElement(s,{disabled:E<=1,title:"first",onClick:()=>j(1),"data-paginate":"first"},e.createElement(c,{icon:i.NavigationFirst})),e.createElement(s,{disabled:E<=1,title:"previous",onClick:()=>j(E-1),"data-paginate":"previous"},e.createElement(c,{icon:i.ChevronLeft}))),e.createElement("div",{className:l["next"]},!!(E!==void 0||E!==void 0&&!g)&&e.createElement(s,{disabled:E>=S,title:"next",onClick:()=>j(E+1),"data-paginate":"next"},e.createElement(c,{icon:i.ChevronRight})),!!(E&&g)&&e.createElement(s,{disabled:E>=S,title:"last",onClick:()=>j(Math.ceil(g/d)),"data-paginate":"last"},e.createElement(c,{icon:i.NavigationLast}))))))};const d=e.forwardRef(g);export{d as Pagination};
+import e,{useState as t,useEffect as a,Fragment as r}from"react";import l from"./Pagination.module.esm.js";import n from"../src/readyclasses.module.esm.js";import{IconButton as s}from"../Button/IconButton.esm.js";import{Icon as c,Icons as i}from"../Icon/Icon.esm.js";import{Select as o}from"../Form/Select/SingleSelect/Select.esm.js";import{Option as m}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"},v.itemsPerPage),e.createElement(o,{labeledBy:"page-size-select-label",className:`${l["form-element"]} ${l["page-size-select"]}`,value:d.toString(),onChange:$},e.createElement(m,{value:"10"},"10"),e.createElement(m,{value:"25"},"25"),e.createElement(m,{value:"50"},"50"))),g&&e.createElement("div",{className:l["total"]},e.createElement("span",{tabIndex:0},g," ",v.totalItems))),e.createElement("div",{className:l["pagination"]},e.createElement(r,null,g&&!!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(o,{labeledBy:"current-value-input-label",key:"input",id:"current-value-input",size:E.toString().length,onChange:e=>j(Number(e.target.value)),name:"current-value-input",value:E.toString(),className:`${l["form-element"]} ${l["current-page-select"]}`,searchInputProps:{wrapperProps:{className:l["search-input-wrapper"]},reset:C,autoComplete:"off"}},Array.from(Array(y).keys()).map((t=>e.createElement(m,{key:t,value:(t+1).toString()},(t+1).toString())))),e.createElement("span",{className:l["page-total"]},v.currentPage.replace("%1",Math.ceil(g/d).toString()))),!!E&&e.createElement("div",{className:l["previous"]},e.createElement(s,{disabled:E<=1,title:"first",onClick:()=>j(1),"data-paginate":"first"},e.createElement(c,{icon:i.NavigationFirst})),e.createElement(s,{disabled:E<=1,title:"previous",onClick:()=>j(E-1),"data-paginate":"previous"},e.createElement(c,{icon:i.ChevronLeft}))),e.createElement("div",{className:l["next"]},!!(E!==void 0||E!==void 0&&!g)&&e.createElement(s,{disabled:E>=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};
 //# 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/Select\";\nimport { Option } from \"../Form/Select/Option\";\nimport { Label } from \"../Form/Label/Label\";\n\nexport type PaginationTranslations = {\n  totalItems: string;\n  itemsPerPage: string;\n  itemsPerPageLabel: string;\n  currentPage: string;\n  currentPageLabel: string;\n};\n\nexport type PageChangeLabels = \"next\" | \"previous\" | \"first\" | \"last\";\n\nenum DefaultTranslations {\n  totalItems = \"items in total\",\n  itemsPerPage = \"Items per page\",\n  currentPage = \"of %1 pages\",\n  itemsPerPageLabel = \"Select how many items per page you want to see.\",\n  currentPageLabel = \"What page you are currently on.\"\n}\n\nexport type PageSize = 10 | 25 | 50;\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"div\">, \"translate\"> {\n  currentPage: number;\n  totalElements?: number;\n  pageSize?: PageSize;\n  translate?: PaginationTranslations;\n  onPageChange: (pageToGoTo: number) => void;\n  onPageSizeChange: (pageSize: PageSize) => void;\n}\n\nconst PaginationComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    totalElements,\n    pageSize = 10,\n    translate = DefaultTranslations,\n    currentPage,\n    className,\n    onPageChange,\n    onPageSizeChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const calculateAmountOfPages = () => {\n    if (!totalElements) return 1;\n\n    if (Math.ceil(totalElements / pageSize) < 1) {\n      return 1;\n    }\n\n    return Math.ceil(totalElements / pageSize);\n  };\n  const pagesAmount = calculateAmountOfPages();\n  const [resetPageNoSelect, setResetPageNoSelect] = useState(false);\n\n  const onPageSizeChangeHandler = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    const pageSizeNumber = Number(event.target.value) as PageSize;\n    setResetPageNoSelect(true);\n    onPageSizeChange(pageSizeNumber);\n  };\n\n  const onPageChangeHandler = (pageToGoTo: number) => {\n    onPageChange(pageToGoTo);\n  };\n\n  useEffect(() => {\n    resetPageNoSelect && setResetPageNoSelect(false);\n  }, [resetPageNoSelect]);\n\n  return (\n    <div {...rest} ref={ref} className={`${classes[\"pagination-wrapper\"]} ${className ?? \"\"}`}>\n      <div className={classes[\"left\"]}>\n        {pageSize && (\n          <div className={classes[\"per-page\"]}>\n            <Label id=\"page-size-select-label\">{translate.itemsPerPage}</Label>\n            <Select\n              labeledBy=\"page-size-select-label\"\n              className={`${classes[\"form-element\"]} ${classes[\"page-size-select\"]}`}\n              value={pageSize.toString()}\n              onChange={onPageSizeChangeHandler}\n            >\n              <Option value=\"10\">10</Option>\n              <Option value=\"25\">25</Option>\n              <Option value=\"50\">50</Option>\n            </Select>\n          </div>\n        )}\n        {totalElements && (\n          <div className={classes[\"total\"]}>\n            <span tabIndex={0}>\n              {totalElements}&nbsp;{translate.totalItems}\n            </span>\n          </div>\n        )}\n      </div>\n      <div className={classes[\"pagination\"]}>\n        <Fragment>\n          {totalElements && !!pagesAmount && (\n            <div className={classes[\"page\"]}>\n              <Label\n                id=\"current-value-input-label\"\n                htmlFor=\"current-value-input\"\n                className={`${readyclasses[\"sr-only\"]} ${classes[\"current-value-select-label\"]}`}\n              >\n                {translate.currentPageLabel}\n              </Label>\n              <Select\n                labeledBy=\"current-value-input-label\"\n                key=\"input\"\n                id=\"current-value-input\"\n                size={currentPage.toString().length}\n                onChange={(e: React.ChangeEvent<HTMLSelectElement>) =>\n                  onPageChangeHandler(Number(e.target.value))\n                }\n                name=\"current-value-input\"\n                value={currentPage.toString()}\n                className={`${classes[\"form-element\"]} ${classes[\"current-page-select\"]}`}\n                searchInputProps={{\n                  wrapperProps: { className: classes[\"search-input-wrapper\"] },\n                  reset: resetPageNoSelect,\n                  autoComplete: \"off\"\n                }}\n              >\n                {Array.from(Array(pagesAmount).keys()).map(page => (\n                  <Option key={page} value={(page + 1).toString()}>\n                    {(page + 1).toString()}\n                  </Option>\n                ))}\n              </Select>\n              <span className={classes[\"page-total\"]}>\n                {translate.currentPage.replace(\n                  \"%1\",\n                  Math.ceil(totalElements / pageSize).toString()\n                )}\n              </span>\n            </div>\n          )}\n          {!!currentPage && (\n            <div className={classes[\"previous\"]}>\n              {\n                <IconButton\n                  disabled={currentPage <= 1}\n                  title=\"first\"\n                  onClick={() => onPageChangeHandler(1)}\n                  data-paginate=\"first\"\n                >\n                  <Icon icon={Icons.NavigationFirst} />\n                </IconButton>\n              }\n              {\n                <IconButton\n                  disabled={currentPage <= 1}\n                  title=\"previous\"\n                  onClick={() => onPageChangeHandler(currentPage - 1)}\n                  data-paginate=\"previous\"\n                >\n                  <Icon icon={Icons.ChevronLeft} />\n                </IconButton>\n              }\n            </div>\n          )}\n          <div className={classes[\"next\"]}>\n            {!!(currentPage !== undefined || (currentPage !== undefined && !totalElements)) && (\n              <IconButton\n                disabled={currentPage >= pagesAmount}\n                title=\"next\"\n                onClick={() => onPageChangeHandler(currentPage + 1)}\n                data-paginate=\"next\"\n              >\n                <Icon icon={Icons.ChevronRight} />\n              </IconButton>\n            )}\n            {!!(currentPage && totalElements) && (\n              <IconButton\n                disabled={currentPage >= pagesAmount}\n                title=\"last\"\n                onClick={() => onPageChangeHandler(Math.ceil(totalElements / pageSize))}\n                data-paginate=\"last\"\n              >\n                <Icon icon={Icons.NavigationLast} />\n              </IconButton>\n            )}\n          </div>\n        </Fragment>\n      </div>\n    </div>\n  );\n};\n\nexport const Pagination = React.forwardRef(PaginationComponent);\n"],"names":["DefaultTranslations","PaginationComponent","totalElements","pageSize","translate","currentPage","className","onPageChange","onPageSizeChange","rest","ref","calculateAmountOfPages","Math","ceil","pagesAmount","resetPageNoSelect","setResetPageNoSelect","useState","onPageSizeChangeHandler","event","pageSizeNumber","Number","target","value","onPageChangeHandler","pageToGoTo","useEffect","React","classes","createElement","Label","id","itemsPerPage","Select","labeledBy","toString","onChange","Option","tabIndex","totalItems","Fragment","htmlFor","readyclasses","currentPageLabel","key","size","length","e","name","searchInputProps","wrapperProps","reset","autoComplete","Array","from","keys","map","page","replace","IconButton","disabled","title","onClick","Icon","icon","Icons","NavigationFirst","ChevronLeft","undefined","ChevronRight","NavigationLast","Pagination","forwardRef"],"mappings":"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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 id=\"page-size-select-label\">{translate.itemsPerPage}</Label>\n            <Select\n              labeledBy=\"page-size-select-label\"\n              className={`${classes[\"form-element\"]} ${classes[\"page-size-select\"]}`}\n              value={pageSize.toString()}\n              onChange={onPageSizeChangeHandler}\n            >\n              <Option value=\"10\">10</Option>\n              <Option value=\"25\">25</Option>\n              <Option value=\"50\">50</Option>\n            </Select>\n          </div>\n        )}\n        {totalElements && (\n          <div className={classes[\"total\"]}>\n            <span tabIndex={0}>\n              {totalElements}&nbsp;{translate.totalItems}\n            </span>\n          </div>\n        )}\n      </div>\n      <div className={classes[\"pagination\"]}>\n        <Fragment>\n          {totalElements && !!pagesAmount && (\n            <div className={classes[\"page\"]}>\n              <Label\n                id=\"current-value-input-label\"\n                htmlFor=\"current-value-input\"\n                className={`${readyclasses[\"sr-only\"]} ${classes[\"current-value-select-label\"]}`}\n              >\n                {translate.currentPageLabel}\n              </Label>\n              <Select\n                labeledBy=\"current-value-input-label\"\n                key=\"input\"\n                id=\"current-value-input\"\n                size={currentPage.toString().length}\n                onChange={(e: React.ChangeEvent<HTMLSelectElement>) =>\n                  onPageChangeHandler(Number(e.target.value))\n                }\n                name=\"current-value-input\"\n                value={currentPage.toString()}\n                className={`${classes[\"form-element\"]} ${classes[\"current-page-select\"]}`}\n                searchInputProps={{\n                  wrapperProps: { className: classes[\"search-input-wrapper\"] },\n                  reset: resetPageNoSelect,\n                  autoComplete: \"off\"\n                }}\n              >\n                {Array.from(Array(pagesAmount).keys()).map(page => (\n                  <Option key={page} value={(page + 1).toString()}>\n                    {(page + 1).toString()}\n                  </Option>\n                ))}\n              </Select>\n              <span className={classes[\"page-total\"]}>\n                {translate.currentPage.replace(\n                  \"%1\",\n                  Math.ceil(totalElements / pageSize).toString()\n                )}\n              </span>\n            </div>\n          )}\n          {!!currentPage && (\n            <div className={classes[\"previous\"]}>\n              {\n                <IconButton\n                  disabled={currentPage <= 1}\n                  title=\"first\"\n                  onClick={() => onPageChangeHandler(1)}\n                  data-paginate=\"first\"\n                >\n                  <Icon icon={Icons.NavigationFirst} />\n                </IconButton>\n              }\n              {\n                <IconButton\n                  disabled={currentPage <= 1}\n                  title=\"previous\"\n                  onClick={() => onPageChangeHandler(currentPage - 1)}\n                  data-paginate=\"previous\"\n                >\n                  <Icon icon={Icons.ChevronLeft} />\n                </IconButton>\n              }\n            </div>\n          )}\n          <div className={classes[\"next\"]}>\n            {!!(currentPage !== undefined || (currentPage !== undefined && !totalElements)) && (\n              <IconButton\n                disabled={currentPage >= pagesAmount}\n                title=\"next\"\n                onClick={() => onPageChangeHandler(currentPage + 1)}\n                data-paginate=\"next\"\n              >\n                <Icon icon={Icons.ChevronRight} />\n              </IconButton>\n            )}\n            {!!(currentPage && totalElements) && (\n              <IconButton\n                disabled={currentPage >= pagesAmount}\n                title=\"last\"\n                onClick={() => onPageChangeHandler(Math.ceil(totalElements / pageSize))}\n                data-paginate=\"last\"\n              >\n                <Icon icon={Icons.NavigationLast} />\n              </IconButton>\n            )}\n          </div>\n        </Fragment>\n      </div>\n    </div>\n  );\n};\n\nexport const Pagination = React.forwardRef(PaginationComponent);\n"],"names":["DefaultTranslations","PaginationComponent","totalElements","pageSize","translate","currentPage","className","onPageChange","onPageSizeChange","rest","ref","calculateAmountOfPages","Math","ceil","pagesAmount","resetPageNoSelect","setResetPageNoSelect","useState","onPageSizeChangeHandler","event","pageSizeNumber","Number","target","value","onPageChangeHandler","pageToGoTo","useEffect","React","classes","createElement","Label","id","itemsPerPage","Select","labeledBy","toString","onChange","Option","tabIndex","totalItems","Fragment","htmlFor","readyclasses","currentPageLabel","key","size","length","e","name","searchInputProps","wrapperProps","reset","autoComplete","Array","from","keys","map","page","replace","IconButton","disabled","title","onClick","Icon","icon","Icons","NavigationFirst","ChevronLeft","undefined","ChevronRight","NavigationLast","Pagination","forwardRef"],"mappings":"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"}

package/dist/esm/Tag/RemoveButton.esm.js

@@ -0,0 +1,2 @@
+import e,{forwardRef as o}from"react";import{Icon as m,Icons as s}from"../Icon/Icon.esm.js";import r from"../src/readyclasses.module.esm.js";import t from"./RemoveButton.module.esm.js";const a=({removeLabel:o="Remove",label:a,onRemove:l,...c},n)=>{var i;return l&&e.createElement("button",{...c,ref:n,className:`${t["remove"]} ${(i=c.className)!==null&&i!==void 0?i:""}`,title:"",onClick:l},e.createElement(m,{icon:s.Times,className:t["icon"]}),e.createElement("span",{className:r["sr-only"]},o,a?" "+a:""))};const l=o(a);export{l as RemoveButton};
+//# sourceMappingURL=RemoveButton.esm.js.map

package/dist/esm/Tag/RemoveButton.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoveButton.esm.js","sources":["../../../../../src/components/Tag/RemoveButton.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, HTMLAttributes, forwardRef } from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\n\nimport readyclasses from \"../../readyclasses.module.scss\";\nimport classes from \"./RemoveButton.module.scss\";\n\nexport interface Props extends HTMLAttributes<HTMLButtonElement> {\n  removeLabel?: string;\n  label?: string;\n  onRemove?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst RemoveButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  { removeLabel = \"Remove\", label, onRemove, ...rest }: Props,\n  ref\n) => {\n  return (\n    onRemove && (\n      <button\n        {...rest}\n        ref={ref}\n        className={`${classes[\"remove\"]} ${rest.className ?? \"\"}`}\n        title=\"\"\n        onClick={onRemove}\n      >\n        <Icon icon={Icons.Times} className={classes[\"icon\"]} />\n        <span className={readyclasses[\"sr-only\"]}>\n          {removeLabel}\n          {label ? \" \" + label : \"\"}\n        </span>\n      </button>\n    )\n  );\n};\n\nexport const RemoveButton = forwardRef(RemoveButtonComponent);\n"],"names":["RemoveButtonComponent","removeLabel","label","onRemove","rest","ref","React","className","classes","_a","title","onClick","createElement","Icon","icon","Icons","Times","readyclasses","RemoveButton","forwardRef"],"mappings":"yLA4BA,MAAMA,EAA4E,EAC9EC,cAAc,SAAUC,QAAOC,cAAaC,GAC9CC,WAEA,OACEF,GACEG,6BACMF,EACJC,IAAKA,EACLE,UAAW,GAAGC,EAAQ,cAAaC,EAAAL,EAAKG,aAAa,MAAAE,SAAA,EAAAA,EAAA,KACrDC,MAAM,GACNC,QAASR,GAETG,EAAAM,cAACC,EAAI,CAACC,KAAMC,EAAMC,MAAOT,UAAWC,EAAQ,UAC5CF,EAAAM,cAAA,OAAA,CAAML,UAAWU,EAAa,YAC3BhB,EACAC,EAAQ,IAAMA,EAAQ,IAI7B,QAGSgB,EAAeC,EAAWnB"}

package/dist/esm/Tag/RemoveButton.module.esm.js

@@ -0,0 +1,2 @@
+import e from "../../lib/style-inject.js";var i='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.RemoveButton-module_sr-only__395Xl{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.RemoveButton-module_hidden__eKGPT{display:none}.RemoveButton-module_slide-in__ZVj2V{animation:RemoveButton-module_slide-in__ZVj2V .5s forwards}@media (prefers-reduced-motion:reduce){.RemoveButton-module_slide-in__ZVj2V{animation-duration:.1ms}}.RemoveButton-module_slide-out__2S-4s{animation:RemoveButton-module_slide-out__2S-4s .5s forwards}@media (prefers-reduced-motion:reduce){.RemoveButton-module_slide-out__2S-4s{animation-duration:.1ms}}@keyframes RemoveButton-module_slide-in__ZVj2V{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes RemoveButton-module_slide-out__2S-4s{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.RemoveButton-module_remove__Q60E1{background:none;border:none;height:1.25rem;margin-right:-.375rem;padding:0;width:1.25rem}.RemoveButton-module_remove__Q60E1:hover{background-color:var(--color-black10);border-radius:.125rem}.RemoveButton-module_remove__Q60E1:active{background-color:var(--color-blue-grey400)}.RemoveButton-module_remove__Q60E1:focus-visible{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:0}.RemoveButton-module_remove__Q60E1 .RemoveButton-module_icon__4KpuX{font-size:.625rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlbW92ZUJ1dHRvbi5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixvQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsbUNBQ0UsWUFDRixDQUVBLHFDQUNFLDBEQUNGLENBQ0EsdUNBQ0UscUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLHNDQUNFLDJEQUNGLENBQ0EsdUNBQ0Usc0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLCtDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxnREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsbUNBR0UsZUFBZ0IsQ0FDaEIsV0FBWSxDQUZaLGNBQWUsQ0FJZixxQkFBdUIsQ0FEdkIsU0FBVSxDQUpWLGFBTUYsQ0FDQSx5Q0FFRSxxQ0FBc0MsQ0FEdEMscUJBRUYsQ0FDQSwwQ0FDRSwwQ0FDRixDQUNBLGlEQUdFLHdDQUF5QyxDQUZ6Qyx3Q0FBMEMsQ0FDMUMsZ0JBRUYsQ0FDQSxvRUFDRSxpQkFDRiIsImZpbGUiOiJSZW1vdmVCdXR0b24ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4ucmVtb3ZlIHtcbiAgd2lkdGg6IDEuMjVyZW07XG4gIGhlaWdodDogMS4yNXJlbTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW4tcmlnaHQ6IC0wLjM3NXJlbTtcbn1cbi5yZW1vdmU6aG92ZXIge1xuICBib3JkZXItcmFkaXVzOiAwLjEyNXJlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmxhY2sxMCk7XG59XG4ucmVtb3ZlOmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTQwMCk7XG59XG4ucmVtb3ZlOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiAwLjEyNXJlbSBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cbi5yZW1vdmUgLmljb24ge1xuICBmb250LXNpemU6IDAuNjI1cmVtO1xufSJdfQ== */';var l={"sr-only":"RemoveButton-module_sr-only__395Xl",hidden:"RemoveButton-module_hidden__eKGPT","slide-in":"RemoveButton-module_slide-in__ZVj2V","slide-out":"RemoveButton-module_slide-out__2S-4s",remove:"RemoveButton-module_remove__Q60E1",icon:"RemoveButton-module_icon__4KpuX"};e(i);export{l as default};
+//# sourceMappingURL=RemoveButton.module.esm.js.map

package/dist/esm/Tag/RemoveButton.module.esm.js.map

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

package/dist/esm/Tag/Tag.esm.js

@@ -1,2 +1,2 @@
-import e,{forwardRef as r}from"react";import{Icon as t,Icons as o}from"../Icon/Icon.esm.js";import n from"./Tag.module.esm.js";import{Typography as a}from"../Typography/Typography.esm.js";const i=({children:r,variant:i,icon:l,backgroundColor:c,color:s,...m},d)=>{var b;const f=()=>{if(l)return e.createElement(t,{size:"inherit",icon:l});if(i==="enabled")return e.createElement(t,{size:"inherit",icon:o.CheckmarkCircleAlt});else if(i==="disabled")return e.createElement(t,{size:"inherit",icon:o.Forbidden})};const g=()=>{if(i==="enabled")return n["tag-enabled"];else if(i==="disabled")return n["tag-disabled"]};return e.createElement("div",{ref:d,className:`${g()} ${n["tag"]} ${(b=m.className)!==null&&b!==void 0?b:""}`,style:{backgroundColor:c,color:s},...m},f(),e.createElement(a,{spacing:{marginBottom:0},variant:"body",className:n["label"]},r))};const l=r(i);export{l as Tag};
+import e,{forwardRef as r}from"react";import{Icon as o,Icons as t}from"../Icon/Icon.esm.js";import a from"./Tag.module.esm.js";import{Typography as n}from"../Typography/Typography.esm.js";import{RemoveButton as i}from"./RemoveButton.esm.js";const s=({children:r,variant:s,icon:l,backgroundColor:m,color:c,shape:d="rounded",removeButton:p={},...u},h)=>{var b;const g=()=>{if(l)return e.createElement(o,{size:"inherit",icon:l});if(s==="enabled")return e.createElement(o,{size:"inherit",icon:t.CheckmarkCircleAlt});else if(s==="disabled")return e.createElement(o,{size:"inherit",icon:t.Forbidden})};const f=[a["tag"]];s==="enabled"&&f.push(a["tag-enabled"]);s==="disabled"&&f.push(a["tag-disabled"]);d==="sharp"&&f.push(a["sharp"]);return e.createElement("div",{...u,ref:h,className:`${f.join(" ")} ${(b=u.className)!==null&&b!==void 0?b:""}`,style:{backgroundColor:m,color:c}},g(),e.createElement(n,{spacing:{marginBottom:0},variant:"body",className:a["label"]},r),e.createElement(i,{...p,label:r}))};const l=r(s);export{l as Tag};
 //# sourceMappingURL=Tag.esm.js.map

package/dist/esm/Tag/Tag.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.esm.js","sources":["../../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, HTMLAttributes, forwardRef } from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Tag.module.scss\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  variant?: \"enabled\" | \"disabled\";\n  icon?: Icons;\n  backgroundColor?: string;\n  color?: string;\n  children?: string;\n}\n\nconst TagComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, variant, icon, backgroundColor, color, ...rest }: Props,\n  ref\n) => {\n  const determineIcon = () => {\n    if (icon) {\n      return <Icon size=\"inherit\" icon={icon} />;\n    }\n\n    if (variant === \"enabled\") {\n      return <Icon size=\"inherit\" icon={Icons.CheckmarkCircleAlt} />;\n    } else if (variant === \"disabled\") {\n      return <Icon size=\"inherit\" icon={Icons.Forbidden} />;\n    }\n  };\n\n  const determineClassName = () => {\n    if (variant === \"enabled\") {\n      return classes[\"tag-enabled\"];\n    } else if (variant === \"disabled\") {\n      return classes[\"tag-disabled\"];\n    }\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={`${determineClassName()} ${classes[\"tag\"]} ${rest.className ?? \"\"}`}\n      style={{ backgroundColor, color }}\n      {...rest}\n    >\n      {determineIcon()}\n      <Typography spacing={{ marginBottom: 0 }} variant=\"body\" className={classes[\"label\"]}>\n        {children}\n      </Typography>\n    </div>\n  );\n};\n\nexport const Tag = forwardRef(TagComponent);\n"],"names":["TagComponent","children","variant","icon","backgroundColor","color","rest","ref","determineIcon","React","createElement","Icon","size","Icons","CheckmarkCircleAlt","Forbidden","determineClassName","classes","className","_a","style","Typography","spacing","marginBottom","Tag","forwardRef"],"mappings":"4LA6BA,MAAMA,EAAgE,EAClEC,WAAUC,UAASC,OAAMC,kBAAiBC,WAAUC,GACtDC,WAEA,MAAMC,EAAgB,KACpB,GAAIL,EACF,OAAOM,EAAAC,cAACC,EAAI,CAACC,KAAK,UAAUT,KAAMA,IAGpC,GAAID,IAAY,UACd,OAAOO,EAACC,cAAAC,EAAK,CAAAC,KAAK,UAAUT,KAAMU,EAAMC,0BACnC,GAAIZ,IAAY,WACrB,OAAOO,EAACC,cAAAC,EAAK,CAAAC,KAAK,UAAUT,KAAMU,EAAME,WACzC,EAGH,MAAMC,EAAqB,KACzB,GAAId,IAAY,UACd,OAAOe,EAAQ,oBACV,GAAIf,IAAY,WACrB,OAAOe,EAAQ,eAChB,EAGH,OACER,EAAAC,cAAA,MAAA,CACEH,IAAKA,EACLW,UAAW,GAAGF,OAAwBC,EAAQ,WAAUE,EAAAb,EAAKY,aAAS,MAAAC,SAAA,EAAAA,EAAI,KAC1EC,MAAO,CAAEhB,kBAAiBC,YACtBC,GAEHE,IACDC,EAACC,cAAAW,EAAW,CAAAC,QAAS,CAAEC,aAAc,GAAKrB,QAAQ,OAAOgB,UAAWD,EAAQ,UACzEhB,GAGL,QAGSuB,EAAMC,EAAWzB"}
+{"version":3,"file":"Tag.esm.js","sources":["../../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, HTMLAttributes, forwardRef } from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport classes from \"./Tag.module.scss\";\nimport { Typography } from \"../Typography/Typography\";\nimport { RemoveButton, Props as RemoveButtonProps } from \"./RemoveButton\";\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  variant?: \"enabled\" | \"disabled\";\n  icon?: Icons;\n  backgroundColor?: string;\n  color?: string;\n  children?: string;\n  shape?: \"rounded\" | \"sharp\";\n  removeButton?: RemoveButtonProps;\n}\n\nconst TagComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    variant,\n    icon,\n    backgroundColor,\n    color,\n    shape = \"rounded\",\n    removeButton = {},\n    ...rest\n  }: Props,\n  ref\n) => {\n  const determineIcon = () => {\n    if (icon) {\n      return <Icon size=\"inherit\" icon={icon} />;\n    }\n\n    if (variant === \"enabled\") {\n      return <Icon size=\"inherit\" icon={Icons.CheckmarkCircleAlt} />;\n    } else if (variant === \"disabled\") {\n      return <Icon size=\"inherit\" icon={Icons.Forbidden} />;\n    }\n  };\n\n  const tagClasses = [classes[\"tag\"]];\n  variant === \"enabled\" && tagClasses.push(classes[\"tag-enabled\"]);\n  variant === \"disabled\" && tagClasses.push(classes[\"tag-disabled\"]);\n  shape === \"sharp\" && tagClasses.push(classes[\"sharp\"]);\n\n  return (\n    <div\n      {...rest}\n      ref={ref as any}\n      className={`${tagClasses.join(\" \")} ${rest.className ?? \"\"}`}\n      style={{ backgroundColor, color }}\n    >\n      {determineIcon()}\n      <Typography spacing={{ marginBottom: 0 }} variant=\"body\" className={classes[\"label\"]}>\n        {children}\n      </Typography>\n      <RemoveButton {...removeButton} label={children} />\n    </div>\n  );\n};\n\nexport const Tag = forwardRef(TagComponent);\n"],"names":["TagComponent","children","variant","icon","backgroundColor","color","shape","removeButton","rest","ref","determineIcon","React","createElement","Icon","size","Icons","CheckmarkCircleAlt","Forbidden","tagClasses","classes","push","className","join","_a","style","Typography","spacing","marginBottom","RemoveButton","label","Tag","forwardRef"],"mappings":"iPAgCA,MAAMA,EAAgE,EAElEC,WACAC,UACAC,OACAC,kBACAC,QACAC,QAAQ,UACRC,eAAe,CAAA,KACZC,GAELC,WAEA,MAAMC,EAAgB,KACpB,GAAIP,EACF,OAAOQ,EAAAC,cAACC,EAAI,CAACC,KAAK,UAAUX,KAAMA,IAGpC,GAAID,IAAY,UACd,OAAOS,EAACC,cAAAC,EAAK,CAAAC,KAAK,UAAUX,KAAMY,EAAMC,0BACnC,GAAId,IAAY,WACrB,OAAOS,EAACC,cAAAC,EAAK,CAAAC,KAAK,UAAUX,KAAMY,EAAME,WACzC,EAGH,MAAMC,EAAa,CAACC,EAAQ,QAC5BjB,IAAY,WAAagB,EAAWE,KAAKD,EAAQ,gBACjDjB,IAAY,YAAcgB,EAAWE,KAAKD,EAAQ,iBAClDb,IAAU,SAAWY,EAAWE,KAAKD,EAAQ,UAE7C,OACER,EAAAC,cAAA,MAAA,IACMJ,EACJC,IAAKA,EACLY,UAAW,GAAGH,EAAWI,KAAK,SAAQC,EAAAf,EAAKa,gCAAa,KACxDG,MAAO,CAAEpB,kBAAiBC,UAEzBK,IACDC,EAACC,cAAAa,GAAWC,QAAS,CAAEC,aAAc,GAAKzB,QAAQ,OAAOmB,UAAWF,EAAQ,UACzElB,GAEHU,EAACC,cAAAgB,EAAiB,IAAArB,EAAcsB,MAAO5B,IAEzC,QAGS6B,EAAMC,EAAW/B"}

package/dist/esm/Tag/Tag.module.esm.js

@@ -1,2 +1,2 @@
-import a from "../../lib/style-inject.js";var e=".Tag-module_tag__0Cfjz{align-items:center;border-radius:3.125rem;display:inline-flex;font-size:.75rem;gap:.25rem;padding:.375rem .7rem}.Tag-module_tag__0Cfjz.Tag-module_tag-enabled__EsuwO{background-color:var(--color-green100)}.Tag-module_tag__0Cfjz.Tag-module_tag-disabled__VDbWz{background-color:var(--color-blue-grey100)}.Tag-module_tag__0Cfjz .Tag-module_label__aGRya{color:inherit;font-size:inherit;line-height:.75rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1QkFLRSxrQkFBbUIsQ0FGbkIsc0JBQXVCLENBQ3ZCLG1CQUFvQixDQUhwQixnQkFBa0IsQ0FLbEIsVUFBWSxDQUpaLHFCQUtGLENBQ0EscURBQ0Usc0NBQ0YsQ0FDQSxzREFDRSwwQ0FDRixDQUNBLGdEQUdFLGFBQWMsQ0FEZCxpQkFBa0IsQ0FEbEIsa0JBR0YiLCJmaWxlIjoiVGFnLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnRhZyB7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbiAgcGFkZGluZzogMC4zNzVyZW0gMC43cmVtO1xuICBib3JkZXItcmFkaXVzOiAzLjEyNXJlbTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC4yNXJlbTtcbn1cbi50YWcudGFnLWVuYWJsZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ncmVlbjEwMCk7XG59XG4udGFnLnRhZy1kaXNhYmxlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTEwMCk7XG59XG4udGFnIC5sYWJlbCB7XG4gIGxpbmUtaGVpZ2h0OiAwLjc1cmVtO1xuICBmb250LXNpemU6IGluaGVyaXQ7XG4gIGNvbG9yOiBpbmhlcml0O1xufSJdfQ== */";var l={tag:"Tag-module_tag__0Cfjz","tag-enabled":"Tag-module_tag-enabled__EsuwO","tag-disabled":"Tag-module_tag-disabled__VDbWz",label:"Tag-module_label__aGRya"};a(e);export{l as default};
+import e from "../../lib/style-inject.js";var l='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Tag-module_tag__0Cfjz{align-items:center;border:none;border-radius:3.125rem;display:inline-flex;font-size:.75rem;gap:.25rem;padding:.25rem .75rem}.Tag-module_tag__0Cfjz.Tag-module_tag-enabled__EsuwO{background-color:var(--color-green100)}.Tag-module_tag__0Cfjz.Tag-module_tag-disabled__VDbWz{background-color:var(--color-blue-grey100)}.Tag-module_tag__0Cfjz.Tag-module_sharp__fTYmZ{border-radius:.125rem}.Tag-module_tag__0Cfjz .Tag-module_label__aGRya{color:inherit;font-size:inherit;line-height:2}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHVCQU1FLGtCQUFtQixDQUhuQixXQUFZLENBQ1osc0JBQXVCLENBQ3ZCLG1CQUFvQixDQUpwQixnQkFBa0IsQ0FNbEIsVUFBWSxDQUxaLHFCQU1GLENBQ0EscURBQ0Usc0NBQ0YsQ0FDQSxzREFDRSwwQ0FDRixDQUNBLCtDQUNFLHFCQUNGLENBQ0EsZ0RBR0UsYUFBYyxDQURkLGlCQUFrQixDQURsQixhQUdGIiwiZmlsZSI6IlRhZy5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4udGFnIHtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xuICBwYWRkaW5nOiAwLjI1cmVtIDAuNzVyZW07XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMy4xMjVyZW07XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDAuMjVyZW07XG59XG4udGFnLnRhZy1lbmFibGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItZ3JlZW4xMDApO1xufVxuLnRhZy50YWctZGlzYWJsZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufVxuLnRhZy5zaGFycCB7XG4gIGJvcmRlci1yYWRpdXM6IDAuMTI1cmVtO1xufVxuLnRhZyAubGFiZWwge1xuICBsaW5lLWhlaWdodDogMjtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBjb2xvcjogaW5oZXJpdDtcbn0iXX0= */';var a={tag:"Tag-module_tag__0Cfjz","tag-enabled":"Tag-module_tag-enabled__EsuwO","tag-disabled":"Tag-module_tag-disabled__VDbWz",sharp:"Tag-module_sharp__fTYmZ",label:"Tag-module_label__aGRya"};e(l);export{a as default};
 //# sourceMappingURL=Tag.module.esm.js.map

package/dist/esm/src/components/Form/Select/MultiSelect/MultiOption.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { Props as SelectOptionProps } from "../SingleSelect/Option";
+export interface Props extends SelectOptionProps {
+    fixed?: boolean;
+}
+export declare const MultiOption: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/dist/esm/src/components/Form/Select/MultiSelect/MultiSelect.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { MultiSelectProps } from "../Select.interfaces";
+export declare const MultiSelect: React.ForwardRefExoticComponent<Omit<MultiSelectProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;

package/dist/esm/src/components/Form/Select/MultiSelect/MultiSelect.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/src/components/Form/Select/MultiSelect/SelectButton.d.ts

@@ -0,0 +1,4 @@
+import React, { ComponentPropsWithRef } from "react";
+export interface Props extends ComponentPropsWithRef<"button"> {
+}
+export declare const SelectButton: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/esm/src/components/Form/Select/MultiSelect/SelectedOptions.d.ts

@@ -0,0 +1,11 @@
+import React, { ComponentPropsWithRef } from "react";
+export type Display = {
+    label: string;
+    fixed?: boolean;
+};
+export interface Props extends ComponentPropsWithRef<"div"> {
+    display: Record<string, Display>;
+    onRemove: (value: string) => void;
+    disabled: boolean;
+}
+export declare const SelectedOptions: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/src/components/Form/Select/Select.interfaces.d.ts

@@ -1,3 +1,47 @@
+import { ComponentPropsWithRef, ReactElement } from "react";
+import { Props as InputProps } from "../Input/Input";
+import { FormElement } from "../form.interfaces";
+export type PartialInputProps = Partial<InputProps>;
+export interface SearchProps {
+    enabled?: boolean;
+    renderThreshold?: number;
+    searchPlaceholder?: string;
+    searchInputProps?: PartialInputProps & {
+        reset?: boolean;
+    };
+}
+export interface AddNewProps {
+    label: string;
+    onAddNew: (value: string) => void;
+    btnProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
+}
+export interface SelectProps<V extends string | readonly string[] | undefined> extends ComponentPropsWithRef<"select">, FormElement {
+    children: ReactElement[];
+    name?: string;
+    labeledBy?: string;
+    describedBy?: string;
+    placeholder?: string;
+    /**
+     * @deprecated
+     */
+    searchPlaceholder?: string;
+    /**
+     * @deprecated
+     */
+    searchInputProps?: PartialInputProps & {
+        reset?: boolean;
+    };
+    selectButtonProps?: ComponentPropsWithRef<"button">;
+    search?: SearchProps;
+    className?: string;
+    value: V;
+    clearLabel?: string;
+    noResultsLabel?: string;
+    onChange?: (event: React.ChangeEvent<HTMLSelectElement>, child?: ReactElement) => void;
+    addNew?: AddNewProps;
+}
+export type SingleSelectProps = SelectProps<string>;
+export type MultiSelectProps = SelectProps<string[]>;
 export type Position = {
     top: number | `${number}rem` | "initial";
     bottom: number | `${number}rem` | "initial";

package/dist/esm/src/components/Form/Select/SelectService.d.ts

@@ -1,11 +1,15 @@
 import React from "react";
 import { Position, UseArrowNavigationParams, UseSelectPositionListParams } from "./Select.interfaces";
-/** @scope . */
+/** @scope .*/
 export declare const useArrowNavigation: ({ expanded, setExpanded, isSearching, setIsSearching, setFocusedSelectItem, onOptionChangeHandler, childrenCount, setShouldClick, searchInputRef, addBtnRef, renderThreshold }: UseArrowNavigationParams) => {
     onArrowNavigation: (event: React.KeyboardEvent) => void;
 };
+/** @scope .*/
 export declare const useSelectPositionList: ({ expanded, optionListReference, addBtnRef, containerReference }: UseSelectPositionListParams) => {
-    optionsListMaxHeight: string;
+    optionsListMaxHeight: {
+        wrapper?: string | undefined;
+        list?: string | undefined;
+    };
     opacity: number;
     setOpacity: React.Dispatch<React.SetStateAction<number>>;
     listPosition: Partial<Position>;

package/dist/esm/src/components/Form/Select/SingleSelect/Option.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/src/components/Form/Select/SingleSelect/Select.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SingleSelectProps } from "../Select.interfaces";
+export declare const Select: React.ForwardRefExoticComponent<Omit<SingleSelectProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;

package/dist/esm/src/components/Form/Select/{Select.test.d.ts → SingleSelect/Select.test.d.ts}

@@ -1,7 +1,7 @@
 import React from "react";
-import { Props } from "./Select";
-export declare const defaultParams: Props;
-export declare const createSelect: (params?: ((defaultParams: Props) => Props) | undefined) => {
+import { SingleSelectProps } from "../Select.interfaces";
+export declare const defaultParams: SingleSelectProps;
+export declare const createSelect: (params?: ((defaultParams: SingleSelectProps) => SingleSelectProps) | undefined) => {
     select: HTMLElement;
     button: HTMLElement;
     list: Element | null;
@@ -9,7 +9,7 @@ export declare const createSelect: (params?: ((defaultParams: Props) => Props) |
     container: HTMLElement;
     baseElement: HTMLElement;
     debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
-    rerender: (ui: React.ReactElement<any, string | React.JSXElementConstructor<any>>) => void;
+    rerender: (ui: React.ReactNode) => void;
     unmount: () => void;
     asFragment: () => DocumentFragment;
     getByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;

package/dist/esm/src/components/Form/Select/SingleSelect/SelectKeyboardNavigation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/src/components/Form/Select/useAddNewBtn.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { AddNewProps } from "./Select.interfaces";
+interface Props {
+    addNew?: AddNewProps;
+    filter: string;
+}
+export declare const useAddNewBtn: ({ addNew, filter }: Props) => {
+    addNewBtnOptionsContainerClassName: string;
+    renderAddNew: () => React.JSX.Element | undefined;
+    addBtnRef: React.RefObject<HTMLButtonElement>;
+};
+export {};

package/dist/esm/src/components/Form/Select/useSearch.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import { PartialInputProps, SearchProps } from "./Select.interfaces";
+interface Props {
+    search?: SearchProps;
+    optionsCount: number;
+    /**
+     * @deprecated
+     */
+    searchPlaceholder?: string;
+    /**
+     * @deprecated
+     */
+    searchInputProps?: PartialInputProps & {
+        reset?: boolean;
+    };
+    searchInputClassName: string;
+    expanded: boolean;
+    setFocusedSelectItem: (idx: number) => void;
+}
+export declare const useSearch: ({ search, optionsCount, searchPlaceholder, searchInputProps, searchInputClassName, expanded, setFocusedSelectItem }: Props) => {
+    renderSearch: () => React.JSX.Element;
+    setIsSearching: React.Dispatch<React.SetStateAction<boolean>>;
+    searchVisible: boolean;
+    searchThreshold: number;
+    searchInputRef: React.RefObject<HTMLInputElement>;
+    filter: string;
+    isSearching: boolean;
+};
+export {};

package/dist/esm/src/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.d.ts

@@ -0,0 +1,16 @@
+import React, { ComponentPropsWithRef, ReactElement } from "react";
+import { WrapperProps } from "../Wrapper/Wrapper";
+import { MultiSelectProps } from "../../Select/Select.interfaces";
+interface PartialSelectProps extends Partial<MultiSelectProps> {
+}
+export interface Props extends Omit<ComponentPropsWithRef<"div">, "onChange">, Omit<WrapperProps, "onChange" | "error"> {
+    children: ReactElement[] | ReactElement | number[];
+    placeholder?: string;
+    value: string[];
+    error?: boolean;
+    selectProps?: PartialSelectProps;
+    onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+    success?: boolean;
+}
+export declare const MultiSelectWrapper: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/esm/src/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/src/components/Form/Wrapper/SelectWrapper/SelectWrapper.d.ts

@@ -1,7 +1,7 @@
 import React, { ComponentPropsWithRef, ReactElement } from "react";
 import { WrapperProps } from "../Wrapper/Wrapper";
-import { Props as SelectProps } from "../../Select/Select";
-interface PartialSelectProps extends Partial<SelectProps> {
+import { SingleSelectProps } from "../../Select/Select.interfaces";
+interface PartialSelectProps extends Partial<SingleSelectProps> {
 }
 export interface Props extends Omit<ComponentPropsWithRef<"div">, "onChange">, Omit<WrapperProps, "onChange" | "error"> {
     children: ReactElement[] | ReactElement | number[];

package/dist/esm/src/components/Icon/Icon.d.ts

@@ -67,6 +67,7 @@ export declare enum Icons {
     TriangleUp = "triangle-up",
     Undo = "undo",
     Warning = "warning",
+    WarningFilled = "warning-filled",
     FileOutline = "file-outline",
     FileUpload = "file-upload-outline",
     FileDownload = "file-download-outline",

package/dist/esm/src/components/Tag/RemoveButton.d.ts

@@ -0,0 +1,7 @@
+import React, { HTMLAttributes } from "react";
+export interface Props extends HTMLAttributes<HTMLButtonElement> {
+    removeLabel?: string;
+    label?: string;
+    onRemove?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+}
+export declare const RemoveButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;

package/dist/esm/src/components/Tag/Tag.d.ts

@@ -1,10 +1,13 @@
 import React, { HTMLAttributes } from "react";
 import { Icons } from "../Icon/Icon";
+import { Props as RemoveButtonProps } from "./RemoveButton";
 export interface Props extends HTMLAttributes<HTMLDivElement> {
     variant?: "enabled" | "disabled";
     icon?: Icons;
     backgroundColor?: string;
     color?: string;
     children?: string;
+    shape?: "rounded" | "sharp";
+    removeButton?: RemoveButtonProps;
 }
 export declare const Tag: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/src/index.d.ts

@@ -83,14 +83,17 @@ export { InputWrapper } from "./components/Form/Wrapper/InputWrapper/InputWrappe
 export type { Props as InputWrapperProps } from "./components/Form/Wrapper/InputWrapper/InputWrapper";
 export { Label } from "./components/Form/Label/Label";
 export type { Props as LabelProps } from "./components/Form/Label/Label";
-export { Option } from "./components/Form/Select/Option";
-export type { Props as OptionProps } from "./components/Form/Select/Option";
 export { Radio } from "./components/Form/Radio/Radio";
 export type { Props as RadioProps } from "./components/Form/Radio/Radio";
 export { RadioWrapper } from "./components/Form/Wrapper/RadioWrapper/RadioWrapper";
 export type { Props as RadioWrapperProps } from "./components/Form/Wrapper/RadioWrapper/RadioWrapper";
-export { Select } from "./components/Form/Select/Select";
-export type { Props as SelectProps } from "./components/Form/Select/Select";
+export { Select } from "./components/Form/Select/SingleSelect/Select";
+export { MultiSelect } from "./components/Form/Select/MultiSelect/MultiSelect";
+export type { SingleSelectProps, MultiSelectProps, SingleSelectProps as SelectProps } from "./components/Form/Select/Select.interfaces";
+export { Option } from "./components/Form/Select/SingleSelect/Option";
+export type { Props as OptionProps } from "./components/Form/Select/SingleSelect/Option";
+export { MultiOption } from "./components/Form/Select/MultiSelect/MultiOption";
+export type { Props as MultiOptionProps } from "./components/Form/Select/MultiSelect/MultiOption";
 export { Textarea } from "./components/Form/Textarea/Textarea";
 export type { Props as TextareaProps } from "./components/Form/Textarea/Textarea";
 export { Toggle } from "./components/Form/Toggle/Toggle";

package/dist/esm/src/index.esm.js

@@ -1,2 +1,2 @@
-export{BaseStyling}from"../_BaseStyling_/BaseStyling.esm.js";export{Button}from"../Button/Button.esm.js";export{Breadcrumbs}from"../Breadcrumbs/Breadcrumbs.esm.js";export{ContextMenu}from"../ContextMenu/ContextMenu.esm.js";export{ContextMenuItem}from"../ContextMenu/ContextMenuItem.esm.js";export{Link}from"../Link/Link.esm.js";export{Icon,Icons}from"../Icon/Icon.esm.js";export{IconButton}from"../Button/IconButton.esm.js";export{Tab}from"../Tabs/Tab.esm.js";export{Tabs}from"../Tabs/Tabs.esm.js";export{Tag}from"../Tag/Tag.esm.js";export{TextEllipsis}from"../TextEllipsis/TextEllipsis.esm.js";export{Tile}from"../Tiles/Tile.esm.js";export{Tiles}from"../Tiles/Tiles.esm.js";export{Tooltip}from"../Tooltip/Tooltip.esm.js";export{Typography}from"../Typography/Typography.esm.js";export{ProgressBar}from"../ProgressBar/ProgressBar.esm.js";export{Skeleton}from"../Skeleton/Skeleton.esm.js";export{StatusIndicator}from"../StatusIndicator/StatusIndicator.esm.js";export{Stepper}from"../Stepper/Stepper.esm.js";export{Pagination}from"../Pagination/Pagination.esm.js";export{useRepeater}from"./hooks/useRepeater.esm.js";export{usePosition}from"./hooks/usePosition.esm.js";export{useDebouncedCallback}from"./hooks/useDebouncedCallback.esm.js";export{debounce,generateID,throttle}from"./util/helper.esm.js";export{BaseModal as Modal}from"../Notifications/BaseModal/BaseModal.esm.js";export{useSnackbar}from"../Notifications/Snackbar/useSnackbar.esm.js";export{Dialog}from"../Notifications/Dialog/Dialog.esm.js";export{DiscardChangesModal}from"../Notifications/DiscardChangesModal/DiscardChangesModal.esm.js";export{BaseModalActions as ModalActions}from"../Notifications/BaseModal/BaseModalActions/BaseModalActions.esm.js";export{BaseModalContent as ModalContent}from"../Notifications/BaseModal/BaseModalContent/BaseModalContent.esm.js";export{BaseModalHeader as ModalHeader}from"../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.esm.js";export{NotificationProvider,useNotificationContext}from"../Notifications/NotificationProvider/NotificationContext.esm.js";export{SlideInModal}from"../Notifications/SlideInModal/SlideInModal.esm.js";export{SnackbarProvider}from"../Notifications/Snackbar/SnackbarProvider/SnackbarProvider.esm.js";export{Checkbox}from"../Form/Checkbox/Checkbox.esm.js";export{Fieldset}from"../Form/Fieldset/Fieldset.esm.js";export{Form}from"../Form/Form.esm.js";export{FormControl}from"../Form/FormControl/FormControl.esm.js";export{FormGroup}from"../Form/FormGroup/FormGroup.esm.js";export{FormHelperText}from"../Form/FormHelperText/FormHelperText.esm.js";export{Input}from"../Form/Input/Input.esm.js";export{InputWrapper}from"../Form/Wrapper/InputWrapper/InputWrapper.esm.js";export{Label}from"../Form/Label/Label.esm.js";export{Option}from"../Form/Select/Option.esm.js";export{Radio}from"../Form/Radio/Radio.esm.js";export{RadioWrapper}from"../Form/Wrapper/RadioWrapper/RadioWrapper.esm.js";export{Select}from"../Form/Select/Select.esm.js";export{Textarea}from"../Form/Textarea/Textarea.esm.js";export{Toggle}from"../Form/Toggle/Toggle.esm.js";export{CheckboxWrapper}from"../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.esm.js";export{TextareaWrapper}from"../Form/Wrapper/TextareaWrapper/TextareaWrapper.esm.js";export{SelectWrapper}from"../Form/Wrapper/SelectWrapper/SelectWrapper.esm.js";export{Wizard}from"../Wizard/Wizard.esm.js";export{WizardActions}from"../Wizard/WizardActions/WizardActions.esm.js";export{WizardSteps}from"../Wizard/WizardSteps/WizardSteps.esm.js";export{BaseWizardSteps}from"../Wizard/BaseWizardSteps/BaseWizardSteps.esm.js";export{DataGrid}from"../DataGrid/DataGrid.esm.js";export{DataGridRow}from"../DataGrid/DataGridBody/DataGridRow.esm.js";export{DataGridCell}from"../DataGrid/DataGridBody/DataGridCell.esm.js";export{Banner}from"../Notifications/Banner/Banner.esm.js";
+export{BaseStyling}from"../_BaseStyling_/BaseStyling.esm.js";export{Button}from"../Button/Button.esm.js";export{Breadcrumbs}from"../Breadcrumbs/Breadcrumbs.esm.js";export{ContextMenu}from"../ContextMenu/ContextMenu.esm.js";export{ContextMenuItem}from"../ContextMenu/ContextMenuItem.esm.js";export{Link}from"../Link/Link.esm.js";export{Icon,Icons}from"../Icon/Icon.esm.js";export{IconButton}from"../Button/IconButton.esm.js";export{Tab}from"../Tabs/Tab.esm.js";export{Tabs}from"../Tabs/Tabs.esm.js";export{Tag}from"../Tag/Tag.esm.js";export{TextEllipsis}from"../TextEllipsis/TextEllipsis.esm.js";export{Tile}from"../Tiles/Tile.esm.js";export{Tiles}from"../Tiles/Tiles.esm.js";export{Tooltip}from"../Tooltip/Tooltip.esm.js";export{Typography}from"../Typography/Typography.esm.js";export{ProgressBar}from"../ProgressBar/ProgressBar.esm.js";export{Skeleton}from"../Skeleton/Skeleton.esm.js";export{StatusIndicator}from"../StatusIndicator/StatusIndicator.esm.js";export{Stepper}from"../Stepper/Stepper.esm.js";export{Pagination}from"../Pagination/Pagination.esm.js";export{useRepeater}from"./hooks/useRepeater.esm.js";export{usePosition}from"./hooks/usePosition.esm.js";export{useDebouncedCallback}from"./hooks/useDebouncedCallback.esm.js";export{debounce,generateID,throttle}from"./util/helper.esm.js";export{BaseModal as Modal}from"../Notifications/BaseModal/BaseModal.esm.js";export{useSnackbar}from"../Notifications/Snackbar/useSnackbar.esm.js";export{Dialog}from"../Notifications/Dialog/Dialog.esm.js";export{DiscardChangesModal}from"../Notifications/DiscardChangesModal/DiscardChangesModal.esm.js";export{BaseModalActions as ModalActions}from"../Notifications/BaseModal/BaseModalActions/BaseModalActions.esm.js";export{BaseModalContent as ModalContent}from"../Notifications/BaseModal/BaseModalContent/BaseModalContent.esm.js";export{BaseModalHeader as ModalHeader}from"../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.esm.js";export{NotificationProvider,useNotificationContext}from"../Notifications/NotificationProvider/NotificationContext.esm.js";export{SlideInModal}from"../Notifications/SlideInModal/SlideInModal.esm.js";export{SnackbarProvider}from"../Notifications/Snackbar/SnackbarProvider/SnackbarProvider.esm.js";export{Checkbox}from"../Form/Checkbox/Checkbox.esm.js";export{Fieldset}from"../Form/Fieldset/Fieldset.esm.js";export{Form}from"../Form/Form.esm.js";export{FormControl}from"../Form/FormControl/FormControl.esm.js";export{FormGroup}from"../Form/FormGroup/FormGroup.esm.js";export{FormHelperText}from"../Form/FormHelperText/FormHelperText.esm.js";export{Input}from"../Form/Input/Input.esm.js";export{InputWrapper}from"../Form/Wrapper/InputWrapper/InputWrapper.esm.js";export{Label}from"../Form/Label/Label.esm.js";export{Radio}from"../Form/Radio/Radio.esm.js";export{RadioWrapper}from"../Form/Wrapper/RadioWrapper/RadioWrapper.esm.js";export{Select}from"../Form/Select/SingleSelect/Select.esm.js";export{MultiSelect}from"../Form/Select/MultiSelect/MultiSelect.esm.js";export{Option}from"../Form/Select/SingleSelect/Option.esm.js";export{MultiOption}from"../Form/Select/MultiSelect/MultiOption.esm.js";export{Textarea}from"../Form/Textarea/Textarea.esm.js";export{Toggle}from"../Form/Toggle/Toggle.esm.js";export{CheckboxWrapper}from"../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.esm.js";export{TextareaWrapper}from"../Form/Wrapper/TextareaWrapper/TextareaWrapper.esm.js";export{SelectWrapper}from"../Form/Wrapper/SelectWrapper/SelectWrapper.esm.js";export{Wizard}from"../Wizard/Wizard.esm.js";export{WizardActions}from"../Wizard/WizardActions/WizardActions.esm.js";export{WizardSteps}from"../Wizard/WizardSteps/WizardSteps.esm.js";export{BaseWizardSteps}from"../Wizard/BaseWizardSteps/BaseWizardSteps.esm.js";export{DataGrid}from"../DataGrid/DataGrid.esm.js";export{DataGridRow}from"../DataGrid/DataGridBody/DataGridRow.esm.js";export{DataGridCell}from"../DataGrid/DataGridBody/DataGridCell.esm.js";export{Banner}from"../Notifications/Banner/Banner.esm.js";
 //# sourceMappingURL=index.esm.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "homepage": "http://onewelcome.github.io/react-lib-components",
   "name": "@onewelcome/react-lib-components",
-  "version": "6.1.0",
+  "version": "6.2.0",
   "license": "Apache-2.0",
   "author": "OneWelcome B.V.",
   "main": "dist/cjs/src/index.cjs.js",
@@ -62,70 +62,70 @@
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@storybook/addon-a11y": "^7.6.10",
-    "@storybook/addon-actions": "^7.6.10",
-    "@storybook/addon-docs": "^7.6.10",
-    "@storybook/addon-essentials": "^7.6.10",
-    "@storybook/addon-interactions": "^7.6.10",
-    "@storybook/addon-links": "^7.6.10",
-    "@storybook/blocks": "^7.6.10",
-    "@storybook/components": "^7.6.10",
+    "@storybook/addon-a11y": "^7.6.12",
+    "@storybook/addon-actions": "^7.6.12",
+    "@storybook/addon-docs": "^7.6.12",
+    "@storybook/addon-essentials": "^7.6.12",
+    "@storybook/addon-interactions": "^7.6.12",
+    "@storybook/addon-links": "^7.6.12",
+    "@storybook/blocks": "^7.6.12",
+    "@storybook/components": "^7.6.12",
     "@storybook/jest": "^0.2.3",
-    "@storybook/manager-api": "^7.6.10",
-    "@storybook/react": "^7.6.10",
-    "@storybook/react-webpack5": "^7.6.10",
+    "@storybook/manager-api": "^7.6.12",
+    "@storybook/react": "^7.6.12",
+    "@storybook/react-webpack5": "^7.6.12",
     "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^7.6.10",
+    "@storybook/theming": "^7.6.12",
     "@testing-library/dom": "^9.3.4",
-    "@testing-library/jest-dom": "^6.3.0",
-    "@testing-library/react": "^14.1.2",
+    "@testing-library/jest-dom": "^6.4.2",
+    "@testing-library/react": "^14.2.1",
     "@testing-library/user-event": "^14.5.2",
-    "@types/jest": "^29.5.11",
-    "@types/mdx": "^2.0.10",
-    "@types/react": "^18.2.48",
+    "@types/jest": "^29.5.12",
+    "@types/mdx": "^2.0.11",
+    "@types/react": "^18.2.54",
     "@types/react-dom": "^18.2.18",
     "@types/react-router": "^5.1.20",
     "@types/react-router-dom": "^5.3.3",
-    "@typescript-eslint/eslint-plugin": "^6.19.1",
-    "@typescript-eslint/parser": "^6.19.1",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
     "babel-loader": "^9.1.3",
-    "chromatic": "^10.6.0",
-    "css-loader": "^6.9.1",
+    "chromatic": "^10.7.1",
+    "css-loader": "^6.10.0",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-cypress": "^2.15.1",
-    "eslint-plugin-export-scope": "^2.0.3",
+    "eslint-plugin-export-scope": "^2.0.5",
     "eslint-plugin-jest": "^27.6.3",
     "eslint-plugin-license-header": "^0.6.0",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-storybook": "^0.6.15",
-    "husky": "^9.0.6",
+    "husky": "^9.0.10",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-junit": "^16.0.0",
     "jest-sonar-reporter": "^2.0.0",
-    "lint-staged": "^15.2.0",
-    "mini-css-extract-plugin": "^2.7.7",
+    "lint-staged": "^15.2.2",
+    "mini-css-extract-plugin": "^2.8.0",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.33",
+    "postcss": "^8.4.34",
     "postcss-modules": "^6.0.0",
     "postcss-url": "^10.1.3",
-    "prettier": "^3.2.4",
+    "prettier": "^3.2.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
-    "react-router-dom": "^6.21.3",
+    "react-router-dom": "^6.22.0",
     "remark-gfm": "^4.0.0",
     "rollup": "^2.79.1",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
     "sass": "^1.70.0",
-    "sass-loader": "^14.0.0",
+    "sass-loader": "^14.1.0",
     "size-limit": "^11.0.2",
-    "storybook": "^7.6.10",
+    "storybook": "^7.6.12",
     "storybook-addon-pseudo-states": "^2.1.2",
     "style-loader": "^3.3.4",
     "ts-jest": "^29.1.2",