@onewelcome/react-lib-components 6.1.0 → 6.2.0

package/dist/cjs/Pagination/Pagination.cjs.js

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

package/dist/cjs/Pagination/Pagination.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.cjs.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.cjs.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/cjs/Tag/RemoveButton.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("../Icon/Icon.cjs.js");var r=require("../src/readyclasses.module.cjs.js");var a=require("./RemoveButton.module.cjs.js");function o(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var s=o(e);const l=({removeLabel:e="Remove",label:o,onRemove:l,...c},n)=>{var u;return l&&s["default"].createElement("button",{...c,ref:n,className:`${a["default"]["remove"]} ${(u=c.className)!==null&&u!==void 0?u:""}`,title:"",onClick:l},s["default"].createElement(t.Icon,{icon:t.Icons.Times,className:a["default"]["icon"]}),s["default"].createElement("span",{className:r["default"]["sr-only"]},e,o?" "+o:""))};const c=e.forwardRef(l);exports.RemoveButton=c;
+//# sourceMappingURL=RemoveButton.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RemoveButton.cjs.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":"uTA4BA,MAAMA,EAA4E,EAC9EC,cAAc,SAAUC,QAAOC,cAAaC,GAC9CC,WAEA,OACEF,GACEG,wCACMF,EACJC,IAAKA,EACLE,UAAW,GAAGC,EAAO,WAAC,cAAaC,EAAAL,EAAKG,aAAa,MAAAE,SAAA,EAAAA,EAAA,KACrDC,MAAM,GACNC,QAASR,GAETG,EAAAA,WAAAM,cAACC,OAAI,CAACC,KAAMC,EAAAA,MAAMC,MAAOT,UAAWC,EAAAA,WAAQ,UAC5CF,EAAA,WAAAM,cAAA,OAAA,CAAML,UAAWU,EAAAA,WAAa,YAC3BhB,EACAC,EAAQ,IAAMA,EAAQ,IAI7B,QAGSgB,EAAeC,EAAUA,WAACnB"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("../../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["default"](i);exports["default"]=l;
+//# sourceMappingURL=RemoveButton.module.cjs.js.map

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

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

package/dist/cjs/Tag/Tag.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var r=require("../Icon/Icon.cjs.js");var a=require("./Tag.module.cjs.js");var t=require("../Typography/Typography.cjs.js");function n(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var l=n(e);const o=({children:e,variant:n,icon:o,backgroundColor:c,color:i,...s},d)=>{var u;const f=()=>{if(o)return l["default"].createElement(r.Icon,{size:"inherit",icon:o});if(n==="enabled")return l["default"].createElement(r.Icon,{size:"inherit",icon:r.Icons.CheckmarkCircleAlt});else if(n==="disabled")return l["default"].createElement(r.Icon,{size:"inherit",icon:r.Icons.Forbidden})};const b=()=>{if(n==="enabled")return a["default"]["tag-enabled"];else if(n==="disabled")return a["default"]["tag-disabled"]};return l["default"].createElement("div",{ref:d,className:`${b()} ${a["default"]["tag"]} ${(u=s.className)!==null&&u!==void 0?u:""}`,style:{backgroundColor:c,color:i},...s},f(),l["default"].createElement(t.Typography,{spacing:{marginBottom:0},variant:"body",className:a["default"]["label"]},e))};const c=e.forwardRef(o);exports.Tag=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var r=require("../Icon/Icon.cjs.js");var a=require("./Tag.module.cjs.js");var t=require("../Typography/Typography.cjs.js");var n=require("./RemoveButton.cjs.js");function o(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var l=o(e);const c=({children:e,variant:o,icon:c,backgroundColor:s,color:u,shape:i="rounded",removeButton:d={},...f},p)=>{var m;const v=()=>{if(c)return l["default"].createElement(r.Icon,{size:"inherit",icon:c});if(o==="enabled")return l["default"].createElement(r.Icon,{size:"inherit",icon:r.Icons.CheckmarkCircleAlt});else if(o==="disabled")return l["default"].createElement(r.Icon,{size:"inherit",icon:r.Icons.Forbidden})};const b=[a["default"]["tag"]];o==="enabled"&&b.push(a["default"]["tag-enabled"]);o==="disabled"&&b.push(a["default"]["tag-disabled"]);i==="sharp"&&b.push(a["default"]["sharp"]);return l["default"].createElement("div",{...f,ref:p,className:`${b.join(" ")} ${(m=f.className)!==null&&m!==void 0?m:""}`,style:{backgroundColor:s,color:u}},v(),l["default"].createElement(t.Typography,{spacing:{marginBottom:0},variant:"body",className:a["default"]["label"]},e),l["default"].createElement(n.RemoveButton,{...d,label:e}))};const s=e.forwardRef(c);exports.Tag=s;
 //# sourceMappingURL=Tag.cjs.js.map

package/dist/cjs/Tag/Tag.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.cjs.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":"4SA6BA,MAAMA,EAAgE,EAClEC,WAAUC,UAASC,OAAMC,kBAAiBC,WAAUC,GACtDC,WAEA,MAAMC,EAAgB,KACpB,GAAIL,EACF,OAAOM,EAAA,WAAAC,cAACC,OAAI,CAACC,KAAK,UAAUT,KAAMA,IAGpC,GAAID,IAAY,UACd,OAAOO,EAAC,WAAAC,cAAAC,EAAAA,KAAK,CAAAC,KAAK,UAAUT,KAAMU,EAAAA,MAAMC,0BACnC,GAAIZ,IAAY,WACrB,OAAOO,EAAC,WAAAC,cAAAC,EAAAA,KAAK,CAAAC,KAAK,UAAUT,KAAMU,EAAAA,MAAME,WACzC,EAGH,MAAMC,EAAqB,KACzB,GAAId,IAAY,UACd,OAAOe,EAAAA,WAAQ,oBACV,GAAIf,IAAY,WACrB,OAAOe,EAAAA,WAAQ,eAChB,EAGH,OACER,EAAA,WAAAC,cAAA,MAAA,CACEH,IAAKA,EACLW,UAAW,GAAGF,OAAwBC,EAAO,WAAC,WAAUE,EAAAb,EAAKY,aAAS,MAAAC,SAAA,EAAAA,EAAI,KAC1EC,MAAO,CAAEhB,kBAAiBC,YACtBC,GAEHE,IACDC,EAAC,WAAAC,cAAAW,EAAUA,WAAC,CAAAC,QAAS,CAAEC,aAAc,GAAKrB,QAAQ,OAAOgB,UAAWD,EAAO,WAAC,UACzEhB,GAGL,QAGSuB,EAAMC,EAAUA,WAACzB"}
+{"version":3,"file":"Tag.cjs.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":"mVAgCA,MAAMA,EAAgE,EAElEC,WACAC,UACAC,OACAC,kBACAC,QACAC,QAAQ,UACRC,eAAe,CAAA,KACZC,GAELC,WAEA,MAAMC,EAAgB,KACpB,GAAIP,EACF,OAAOQ,EAAA,WAAAC,cAACC,OAAI,CAACC,KAAK,UAAUX,KAAMA,IAGpC,GAAID,IAAY,UACd,OAAOS,EAAC,WAAAC,cAAAC,EAAAA,KAAK,CAAAC,KAAK,UAAUX,KAAMY,EAAAA,MAAMC,0BACnC,GAAId,IAAY,WACrB,OAAOS,EAAC,WAAAC,cAAAC,EAAAA,KAAK,CAAAC,KAAK,UAAUX,KAAMY,EAAAA,MAAME,WACzC,EAGH,MAAMC,EAAa,CAACC,aAAQ,QAC5BjB,IAAY,WAAagB,EAAWE,KAAKD,EAAO,WAAC,gBACjDjB,IAAY,YAAcgB,EAAWE,KAAKD,EAAO,WAAC,iBAClDb,IAAU,SAAWY,EAAWE,KAAKD,EAAO,WAAC,UAE7C,OACER,EAAA,WAAAC,cAAA,MAAA,IACMJ,EACJC,IAAKA,EACLY,UAAW,GAAGH,EAAWI,KAAK,SAAQC,EAAAf,EAAKa,gCAAa,KACxDG,MAAO,CAAEpB,kBAAiBC,UAEzBK,IACDC,EAAC,WAAAC,cAAAa,EAAUA,YAACC,QAAS,CAAEC,aAAc,GAAKzB,QAAQ,OAAOmB,UAAWF,EAAAA,WAAQ,UACzElB,GAEHU,aAACC,cAAAgB,EAAAA,aAAiB,IAAArB,EAAcsB,MAAO5B,IAEzC,QAGS6B,EAAMC,EAAUA,WAAC/B"}

package/dist/cjs/Tag/Tag.module.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("../../lib/style-inject.js");var a=".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"};e["default"](a);exports["default"]=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("../../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["default"](l);exports["default"]=a;
 //# sourceMappingURL=Tag.module.cjs.js.map

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/src/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var r=require("../_BaseStyling_/BaseStyling.cjs.js");var e=require("../Button/Button.cjs.js");var a=require("../Breadcrumbs/Breadcrumbs.cjs.js");var s=require("../ContextMenu/ContextMenu.cjs.js");var o=require("../ContextMenu/ContextMenuItem.cjs.js");var t=require("../Link/Link.cjs.js");var i=require("../Icon/Icon.cjs.js");var p=require("../Button/IconButton.cjs.js");var n=require("../Tabs/Tab.cjs.js");var c=require("../Tabs/Tabs.cjs.js");var u=require("../Tag/Tag.cjs.js");var j=require("../TextEllipsis/TextEllipsis.cjs.js");var l=require("../Tiles/Tile.cjs.js");var d=require("../Tiles/Tiles.cjs.js");var x=require("../Tooltip/Tooltip.cjs.js");var v=require("../Typography/Typography.cjs.js");var q=require("../ProgressBar/ProgressBar.cjs.js");var T=require("../Skeleton/Skeleton.cjs.js");var S=require("../StatusIndicator/StatusIndicator.cjs.js");var B=require("../Stepper/Stepper.cjs.js");var b=require("../Pagination/Pagination.cjs.js");var W=require("./hooks/useRepeater.cjs.js");var m=require("./hooks/usePosition.cjs.js");var g=require("./hooks/useDebouncedCallback.cjs.js");var C=require("./util/helper.cjs.js");var F=require("../Notifications/BaseModal/BaseModal.cjs.js");var M=require("../Notifications/Snackbar/useSnackbar.cjs.js");var k=require("../Notifications/Dialog/Dialog.cjs.js");var I=require("../Notifications/DiscardChangesModal/DiscardChangesModal.cjs.js");var D=require("../Notifications/BaseModal/BaseModalActions/BaseModalActions.cjs.js");var h=require("../Notifications/BaseModal/BaseModalContent/BaseModalContent.cjs.js");var f=require("../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.cjs.js");var P=require("../Notifications/NotificationProvider/NotificationContext.cjs.js");var z=require("../Notifications/SlideInModal/SlideInModal.cjs.js");var G=require("../Notifications/Snackbar/SnackbarProvider/SnackbarProvider.cjs.js");var N=require("../Form/Checkbox/Checkbox.cjs.js");var y=require("../Form/Fieldset/Fieldset.cjs.js");var R=require("../Form/Form.cjs.js");var A=require("../Form/FormControl/FormControl.cjs.js");var H=require("../Form/FormGroup/FormGroup.cjs.js");var L=require("../Form/FormHelperText/FormHelperText.cjs.js");var O=require("../Form/Input/Input.cjs.js");var E=require("../Form/Wrapper/InputWrapper/InputWrapper.cjs.js");var _=require("../Form/Label/Label.cjs.js");var w=require("../Form/Select/Option.cjs.js");var J=require("../Form/Radio/Radio.cjs.js");var K=require("../Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js");var Q=require("../Form/Select/Select.cjs.js");var U=require("../Form/Textarea/Textarea.cjs.js");var V=require("../Form/Toggle/Toggle.cjs.js");var X=require("../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.cjs.js");var Y=require("../Form/Wrapper/TextareaWrapper/TextareaWrapper.cjs.js");var Z=require("../Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js");var $=require("../Wizard/Wizard.cjs.js");var rr=require("../Wizard/WizardActions/WizardActions.cjs.js");var er=require("../Wizard/WizardSteps/WizardSteps.cjs.js");var ar=require("../Wizard/BaseWizardSteps/BaseWizardSteps.cjs.js");var sr=require("../DataGrid/DataGrid.cjs.js");var or=require("../DataGrid/DataGridBody/DataGridRow.cjs.js");var tr=require("../DataGrid/DataGridBody/DataGridCell.cjs.js");var ir=require("../Notifications/Banner/Banner.cjs.js");exports.BaseStyling=r.BaseStyling;exports.Button=e.Button;exports.Breadcrumbs=a.Breadcrumbs;exports.ContextMenu=s.ContextMenu;exports.ContextMenuItem=o.ContextMenuItem;exports.Link=t.Link;exports.Icon=i.Icon;Object.defineProperty(exports,"Icons",{enumerable:true,get:function(){return i.Icons}});exports.IconButton=p.IconButton;exports.Tab=n.Tab;exports.Tabs=c.Tabs;exports.Tag=u.Tag;exports.TextEllipsis=j.TextEllipsis;exports.Tile=l.Tile;exports.Tiles=d.Tiles;exports.Tooltip=x.Tooltip;exports.Typography=v.Typography;exports.ProgressBar=q.ProgressBar;exports.Skeleton=T.Skeleton;exports.StatusIndicator=S.StatusIndicator;exports.Stepper=B.Stepper;exports.Pagination=b.Pagination;exports.useRepeater=W.useRepeater;exports.usePosition=m.usePosition;exports.useDebouncedCallback=g.useDebouncedCallback;exports.debounce=C.debounce;exports.generateID=C.generateID;exports.throttle=C.throttle;exports.Modal=F.BaseModal;exports.useSnackbar=M.useSnackbar;exports.Dialog=k.Dialog;exports.DiscardChangesModal=I.DiscardChangesModal;exports.ModalActions=D.BaseModalActions;exports.ModalContent=h.BaseModalContent;exports.ModalHeader=f.BaseModalHeader;exports.NotificationProvider=P.NotificationProvider;exports.useNotificationContext=P.useNotificationContext;exports.SlideInModal=z.SlideInModal;exports.SnackbarProvider=G.SnackbarProvider;exports.Checkbox=N.Checkbox;exports.Fieldset=y.Fieldset;exports.Form=R.Form;exports.FormControl=A.FormControl;exports.FormGroup=H.FormGroup;exports.FormHelperText=L.FormHelperText;exports.Input=O.Input;exports.InputWrapper=E.InputWrapper;exports.Label=_.Label;exports.Option=w.Option;exports.Radio=J.Radio;exports.RadioWrapper=K.RadioWrapper;exports.Select=Q.Select;exports.Textarea=U.Textarea;exports.Toggle=V.Toggle;exports.CheckboxWrapper=X.CheckboxWrapper;exports.TextareaWrapper=Y.TextareaWrapper;exports.SelectWrapper=Z.SelectWrapper;exports.Wizard=$.Wizard;exports.WizardActions=rr.WizardActions;exports.WizardSteps=er.WizardSteps;exports.BaseWizardSteps=ar.BaseWizardSteps;exports.DataGrid=sr.DataGrid;exports.DataGridRow=or.DataGridRow;exports.DataGridCell=tr.DataGridCell;exports.Banner=ir.Banner;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("../_BaseStyling_/BaseStyling.cjs.js");var r=require("../Button/Button.cjs.js");var a=require("../Breadcrumbs/Breadcrumbs.cjs.js");var s=require("../ContextMenu/ContextMenu.cjs.js");var o=require("../ContextMenu/ContextMenuItem.cjs.js");var t=require("../Link/Link.cjs.js");var i=require("../Icon/Icon.cjs.js");var p=require("../Button/IconButton.cjs.js");var c=require("../Tabs/Tab.cjs.js");var n=require("../Tabs/Tabs.cjs.js");var u=require("../Tag/Tag.cjs.js");var l=require("../TextEllipsis/TextEllipsis.cjs.js");var j=require("../Tiles/Tile.cjs.js");var d=require("../Tiles/Tiles.cjs.js");var x=require("../Tooltip/Tooltip.cjs.js");var v=require("../Typography/Typography.cjs.js");var q=require("../ProgressBar/ProgressBar.cjs.js");var S=require("../Skeleton/Skeleton.cjs.js");var T=require("../StatusIndicator/StatusIndicator.cjs.js");var B=require("../Stepper/Stepper.cjs.js");var b=require("../Pagination/Pagination.cjs.js");var M=require("./hooks/useRepeater.cjs.js");var W=require("./hooks/usePosition.cjs.js");var m=require("./hooks/useDebouncedCallback.cjs.js");var g=require("./util/helper.cjs.js");var F=require("../Notifications/BaseModal/BaseModal.cjs.js");var C=require("../Notifications/Snackbar/useSnackbar.cjs.js");var k=require("../Notifications/Dialog/Dialog.cjs.js");var I=require("../Notifications/DiscardChangesModal/DiscardChangesModal.cjs.js");var D=require("../Notifications/BaseModal/BaseModalActions/BaseModalActions.cjs.js");var h=require("../Notifications/BaseModal/BaseModalContent/BaseModalContent.cjs.js");var f=require("../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.cjs.js");var P=require("../Notifications/NotificationProvider/NotificationContext.cjs.js");var z=require("../Notifications/SlideInModal/SlideInModal.cjs.js");var G=require("../Notifications/Snackbar/SnackbarProvider/SnackbarProvider.cjs.js");var N=require("../Form/Checkbox/Checkbox.cjs.js");var y=require("../Form/Fieldset/Fieldset.cjs.js");var R=require("../Form/Form.cjs.js");var A=require("../Form/FormControl/FormControl.cjs.js");var H=require("../Form/FormGroup/FormGroup.cjs.js");var L=require("../Form/FormHelperText/FormHelperText.cjs.js");var O=require("../Form/Input/Input.cjs.js");var E=require("../Form/Wrapper/InputWrapper/InputWrapper.cjs.js");var _=require("../Form/Label/Label.cjs.js");var w=require("../Form/Radio/Radio.cjs.js");var J=require("../Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js");var K=require("../Form/Select/SingleSelect/Select.cjs.js");var Q=require("../Form/Select/MultiSelect/MultiSelect.cjs.js");var U=require("../Form/Select/SingleSelect/Option.cjs.js");var V=require("../Form/Select/MultiSelect/MultiOption.cjs.js");var X=require("../Form/Textarea/Textarea.cjs.js");var Y=require("../Form/Toggle/Toggle.cjs.js");var Z=require("../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.cjs.js");var $=require("../Form/Wrapper/TextareaWrapper/TextareaWrapper.cjs.js");var ee=require("../Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js");var re=require("../Wizard/Wizard.cjs.js");var ae=require("../Wizard/WizardActions/WizardActions.cjs.js");var se=require("../Wizard/WizardSteps/WizardSteps.cjs.js");var oe=require("../Wizard/BaseWizardSteps/BaseWizardSteps.cjs.js");var te=require("../DataGrid/DataGrid.cjs.js");var ie=require("../DataGrid/DataGridBody/DataGridRow.cjs.js");var pe=require("../DataGrid/DataGridBody/DataGridCell.cjs.js");var ce=require("../Notifications/Banner/Banner.cjs.js");exports.BaseStyling=e.BaseStyling;exports.Button=r.Button;exports.Breadcrumbs=a.Breadcrumbs;exports.ContextMenu=s.ContextMenu;exports.ContextMenuItem=o.ContextMenuItem;exports.Link=t.Link;exports.Icon=i.Icon;Object.defineProperty(exports,"Icons",{enumerable:true,get:function(){return i.Icons}});exports.IconButton=p.IconButton;exports.Tab=c.Tab;exports.Tabs=n.Tabs;exports.Tag=u.Tag;exports.TextEllipsis=l.TextEllipsis;exports.Tile=j.Tile;exports.Tiles=d.Tiles;exports.Tooltip=x.Tooltip;exports.Typography=v.Typography;exports.ProgressBar=q.ProgressBar;exports.Skeleton=S.Skeleton;exports.StatusIndicator=T.StatusIndicator;exports.Stepper=B.Stepper;exports.Pagination=b.Pagination;exports.useRepeater=M.useRepeater;exports.usePosition=W.usePosition;exports.useDebouncedCallback=m.useDebouncedCallback;exports.debounce=g.debounce;exports.generateID=g.generateID;exports.throttle=g.throttle;exports.Modal=F.BaseModal;exports.useSnackbar=C.useSnackbar;exports.Dialog=k.Dialog;exports.DiscardChangesModal=I.DiscardChangesModal;exports.ModalActions=D.BaseModalActions;exports.ModalContent=h.BaseModalContent;exports.ModalHeader=f.BaseModalHeader;exports.NotificationProvider=P.NotificationProvider;exports.useNotificationContext=P.useNotificationContext;exports.SlideInModal=z.SlideInModal;exports.SnackbarProvider=G.SnackbarProvider;exports.Checkbox=N.Checkbox;exports.Fieldset=y.Fieldset;exports.Form=R.Form;exports.FormControl=A.FormControl;exports.FormGroup=H.FormGroup;exports.FormHelperText=L.FormHelperText;exports.Input=O.Input;exports.InputWrapper=E.InputWrapper;exports.Label=_.Label;exports.Radio=w.Radio;exports.RadioWrapper=J.RadioWrapper;exports.Select=K.Select;exports.MultiSelect=Q.MultiSelect;exports.Option=U.Option;exports.MultiOption=V.MultiOption;exports.Textarea=X.Textarea;exports.Toggle=Y.Toggle;exports.CheckboxWrapper=Z.CheckboxWrapper;exports.TextareaWrapper=$.TextareaWrapper;exports.SelectWrapper=ee.SelectWrapper;exports.Wizard=re.Wizard;exports.WizardActions=ae.WizardActions;exports.WizardSteps=se.WizardSteps;exports.BaseWizardSteps=oe.BaseWizardSteps;exports.DataGrid=te.DataGrid;exports.DataGridRow=ie.DataGridRow;exports.DataGridCell=pe.DataGridCell;exports.Banner=ce.Banner;
 //# sourceMappingURL=index.cjs.js.map

package/dist/cjs/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/Form/Fieldset/Fieldset.esm.js

@@ -1,2 +1,2 @@
-import e from"react";import r from"../../src/readyclasses.module.esm.js";import o from"./Fieldset.module.esm.js";import{Typography as m}from"../../Typography/Typography.esm.js";import{Input as s}from"../Input/Input.esm.js";import{Select as a}from"../Select/Select.esm.js";import{Radio as t}from"../Radio/Radio.esm.js";import{Checkbox as p}from"../Checkbox/Checkbox.esm.js";import{Textarea as l}from"../Textarea/Textarea.esm.js";import{Toggle as i}from"../Toggle/Toggle.esm.js";import{Label as n}from"../Label/Label.esm.js";import{FormControl as d}from"../FormControl/FormControl.esm.js";import{FormSelectorWrapper as f}from"../FormSelectorWrapper/FormSelectorWrapper.esm.js";import{FormHelperText as c}from"../FormHelperText/FormHelperText.esm.js";import{InputWrapper as u}from"../Wrapper/InputWrapper/InputWrapper.esm.js";import{SelectWrapper as g}from"../Wrapper/SelectWrapper/SelectWrapper.esm.js";import{TextareaWrapper as j}from"../Wrapper/TextareaWrapper/TextareaWrapper.esm.js";const b=({children:b,className:y,legend:W,legendStyle:F="body",hideLegend:T=false,noBackground:x,background:h=(x?"":"#FFF"),noPadding:S=false,disabled:C=false,required:k=false,disablePropagation:$=false,...v},E)=>{const I=()=>{if(!b)return;const r=[s,a,t,p,l,i,n,d,f,c,u,g,j];return e.Children.map(b,(o=>{var m;if(r.includes(o.type)&&!$)return e.cloneElement(o,{disabled:(m=o.props.disabled)!==null&&m!==void 0?m:C});return o}))};return e.createElement("fieldset",{...v,ref:E,disabled:C,style:{backgroundColor:h,...v.style},className:`${o.fieldset} ${S?o["no-padding"]:""} ${y!==null&&y!==void 0?y:""}`},W&&e.createElement("legend",{className:r["sr-only"]},W),W&&!T&&e.createElement(m,{variant:F,tag:"span","aria-hidden":"true",className:`${o["legend"]} ${k?o["required"]:""}`},W),I())};const y=e.forwardRef(b);export{y as Fieldset};
+import e from"react";import r from"../../src/readyclasses.module.esm.js";import o from"./Fieldset.module.esm.js";import{Typography as t}from"../../Typography/Typography.esm.js";import{Input as m}from"../Input/Input.esm.js";import{Select as s}from"../Select/SingleSelect/Select.esm.js";import{MultiSelect as a}from"../Select/MultiSelect/MultiSelect.esm.js";import{Radio as l}from"../Radio/Radio.esm.js";import{Checkbox as p}from"../Checkbox/Checkbox.esm.js";import{Textarea as i}from"../Textarea/Textarea.esm.js";import{Toggle as n}from"../Toggle/Toggle.esm.js";import{Label as d}from"../Label/Label.esm.js";import{FormControl as c}from"../FormControl/FormControl.esm.js";import{FormSelectorWrapper as f}from"../FormSelectorWrapper/FormSelectorWrapper.esm.js";import{FormHelperText as u}from"../FormHelperText/FormHelperText.esm.js";import{InputWrapper as g}from"../Wrapper/InputWrapper/InputWrapper.esm.js";import{SelectWrapper as j}from"../Wrapper/SelectWrapper/SelectWrapper.esm.js";import{TextareaWrapper as b}from"../Wrapper/TextareaWrapper/TextareaWrapper.esm.js";const S=({children:S,className:y,legend:W,legendStyle:F="body",hideLegend:T=false,noBackground:x,background:h=(x?"":"#FFF"),noPadding:C=false,disabled:k=false,required:$=false,disablePropagation:v=false,...E},I)=>{const N=()=>{if(!S)return;const r=[m,s,a,l,p,i,n,d,c,f,u,g,j,b];return e.Children.map(S,(o=>{var t;if(r.includes(o.type)&&!v)return e.cloneElement(o,{disabled:(t=o.props.disabled)!==null&&t!==void 0?t:k});return o}))};return e.createElement("fieldset",{...E,ref:I,disabled:k,style:{backgroundColor:h,...E.style},className:`${o.fieldset} ${C?o["no-padding"]:""} ${y!==null&&y!==void 0?y:""}`},W&&e.createElement("legend",{className:r["sr-only"]},W),W&&!T&&e.createElement(t,{variant:F,tag:"span","aria-hidden":"true",className:`${o["legend"]} ${$?o["required"]:""}`},W),N())};const y=e.forwardRef(S);export{y as Fieldset};
 //# sourceMappingURL=Fieldset.esm.js.map

package/dist/esm/Form/Fieldset/Fieldset.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.esm.js","sources":["../../../../../../src/components/Form/Fieldset/Fieldset.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport classes from \"./Fieldset.module.scss\";\nimport { Typography, Variant } from \"../../Typography/Typography\";\nimport { Input } from \"../Input/Input\";\nimport { Select } from \"../Select/Select\";\nimport { Radio } from \"../Radio/Radio\";\nimport { Checkbox } from \"../Checkbox/Checkbox\";\nimport { Textarea } from \"../Textarea/Textarea\";\nimport { Toggle } from \"../Toggle/Toggle\";\nimport { Label } from \"../Label/Label\";\nimport { FormControl } from \"../FormControl/FormControl\";\nimport { FormSelectorWrapper } from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { FormHelperText } from \"../FormHelperText/FormHelperText\";\nimport { InputWrapper } from \"../Wrapper/InputWrapper/InputWrapper\";\nimport { SelectWrapper } from \"../Wrapper/SelectWrapper/SelectWrapper\";\nimport { TextareaWrapper } from \"../Wrapper/TextareaWrapper/TextareaWrapper\";\n\nexport interface Props extends ComponentPropsWithRef<\"fieldset\"> {\n  children?: ReactElement | ReactElement[];\n  legend: string;\n  legendStyle?: Variant;\n  hideLegend?: boolean;\n  background?: string;\n  noPadding?: boolean;\n  noBackground?: boolean;\n  required?: boolean;\n  disablePropagation?: boolean;\n}\n\nconst FieldsetComponent: ForwardRefRenderFunction<HTMLFieldSetElement, Props> = (\n  {\n    children,\n    className,\n    legend,\n    legendStyle = \"body\",\n    hideLegend = false,\n    noBackground,\n    background = noBackground ? \"\" : \"#FFF\",\n    noPadding = false,\n    disabled = false,\n    required = false,\n    disablePropagation = false,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const renderChildren = () => {\n    if (!children) {\n      return;\n    }\n\n    /* All right, so the issue is that whenever we try to add disabled prop to a component that doesn't accept it,\n        React will throw an error. However, it might occur that we want a component inside Fieldset because of aesthetic purposes\n        (fieldset applies a sort of container with white background and if we want to display it inside of this container... then yea).\n        So instead we supply an array of components that we want to add the disabled prop to and check if child.type equals one of these. */\n    const allowedComponents: React.ComponentPropsWithRef<any>[] = [\n      Input,\n      Select,\n      Radio,\n      Checkbox,\n      Textarea,\n      Toggle,\n      Label,\n      FormControl,\n      FormSelectorWrapper,\n      FormHelperText,\n      InputWrapper,\n      SelectWrapper,\n      TextareaWrapper\n    ];\n\n    return React.Children.map(children, (child: ReactElement) => {\n      if (allowedComponents.includes(child.type) && !disablePropagation) {\n        return React.cloneElement(child, {\n          disabled: child.props.disabled ?? disabled\n        });\n      }\n\n      return child;\n    });\n  };\n\n  return (\n    <fieldset\n      {...rest}\n      ref={ref}\n      disabled={disabled}\n      style={{ backgroundColor: background, ...rest.style }}\n      className={`${classes.fieldset} ${noPadding ? classes[\"no-padding\"] : \"\"} ${className ?? \"\"}`}\n    >\n      {legend && <legend className={readyclasses[\"sr-only\"]}>{legend}</legend>}\n      {legend && !hideLegend && (\n        <Typography\n          variant={legendStyle}\n          tag=\"span\"\n          aria-hidden=\"true\"\n          className={`${classes[\"legend\"]} ${required ? classes[\"required\"] : \"\"}`}\n        >\n          {legend}\n        </Typography>\n      )}\n      {renderChildren()}\n    </fieldset>\n  );\n};\n\nexport const Fieldset = React.forwardRef(FieldsetComponent);\n"],"names":["FieldsetComponent","children","className","legend","legendStyle","hideLegend","noBackground","background","noPadding","disabled","required","disablePropagation","rest","ref","renderChildren","allowedComponents","Input","Select","Radio","Checkbox","Textarea","Toggle","Label","FormControl","FormSelectorWrapper","FormHelperText","InputWrapper","SelectWrapper","TextareaWrapper","React","Children","map","child","includes","type","cloneElement","props","createElement","style","backgroundColor","classes","fieldset","readyclasses","Typography","variant","tag","Fieldset","forwardRef"],"mappings":"y9BA8CA,MAAMA,EAA0E,EAE5EC,WACAC,YACAC,SACAC,cAAc,OACdC,aAAa,MACbC,eACAC,cAAaD,EAAe,GAAK,QACjCE,YAAY,MACZC,WAAW,MACXC,WAAW,MACXC,qBAAqB,SAClBC,GAELC,KAEA,MAAMC,EAAiB,KACrB,IAAKb,EACH,OAOF,MAAMc,EAAwD,CAC5DC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAGF,OAAOC,EAAMC,SAASC,IAAI9B,GAAW+B,UACnC,GAAIjB,EAAkBkB,SAASD,EAAME,QAAUvB,EAC7C,OAAOkB,EAAMM,aAAaH,EAAO,CAC/BvB,YAAUuB,EAAMI,MAAM3B,+BAAYA,IAItC,OAAOuB,CAAK,GACZ,EAGJ,OACEH,EACMQ,cAAA,WAAA,IAAAzB,EACJC,IAAKA,EACLJ,SAAUA,EACV6B,MAAO,CAAEC,gBAAiBhC,KAAeK,EAAK0B,OAC9CpC,UAAW,GAAGsC,EAAQC,YAAYjC,EAAYgC,EAAQ,cAAgB,MAAMtC,IAAS,MAATA,SAAA,EAAAA,EAAa,MAExFC,GAAU0B,EAAQQ,cAAA,SAAA,CAAAnC,UAAWwC,EAAa,YAAavC,GACvDA,IAAWE,GACVwB,EAAAQ,cAACM,EACC,CAAAC,QAASxC,EACTyC,IAAI,qBACQ,OACZ3C,UAAW,GAAGsC,EAAQ,aAAa9B,EAAW8B,EAAQ,YAAc,MAEnErC,GAGJW,IAEH,EAGS,MAAAgC,EAAWjB,EAAMkB,WAAW/C"}
+{"version":3,"file":"Fieldset.esm.js","sources":["../../../../../../src/components/Form/Fieldset/Fieldset.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport classes from \"./Fieldset.module.scss\";\nimport { Typography, Variant } from \"../../Typography/Typography\";\nimport { Input } from \"../Input/Input\";\nimport { Select } from \"../Select/SingleSelect/Select\";\nimport { MultiSelect } from \"../Select/MultiSelect/MultiSelect\";\nimport { Radio } from \"../Radio/Radio\";\nimport { Checkbox } from \"../Checkbox/Checkbox\";\nimport { Textarea } from \"../Textarea/Textarea\";\nimport { Toggle } from \"../Toggle/Toggle\";\nimport { Label } from \"../Label/Label\";\nimport { FormControl } from \"../FormControl/FormControl\";\nimport { FormSelectorWrapper } from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { FormHelperText } from \"../FormHelperText/FormHelperText\";\nimport { InputWrapper } from \"../Wrapper/InputWrapper/InputWrapper\";\nimport { SelectWrapper } from \"../Wrapper/SelectWrapper/SelectWrapper\";\nimport { TextareaWrapper } from \"../Wrapper/TextareaWrapper/TextareaWrapper\";\n\nexport interface Props extends ComponentPropsWithRef<\"fieldset\"> {\n  children?: ReactElement | ReactElement[];\n  legend: string;\n  legendStyle?: Variant;\n  hideLegend?: boolean;\n  background?: string;\n  noPadding?: boolean;\n  noBackground?: boolean;\n  required?: boolean;\n  disablePropagation?: boolean;\n}\n\nconst FieldsetComponent: ForwardRefRenderFunction<HTMLFieldSetElement, Props> = (\n  {\n    children,\n    className,\n    legend,\n    legendStyle = \"body\",\n    hideLegend = false,\n    noBackground,\n    background = noBackground ? \"\" : \"#FFF\",\n    noPadding = false,\n    disabled = false,\n    required = false,\n    disablePropagation = false,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const renderChildren = () => {\n    if (!children) {\n      return;\n    }\n\n    /* All right, so the issue is that whenever we try to add disabled prop to a component that doesn't accept it,\n        React will throw an error. However, it might occur that we want a component inside Fieldset because of aesthetic purposes\n        (fieldset applies a sort of container with white background and if we want to display it inside of this container... then yea).\n        So instead we supply an array of components that we want to add the disabled prop to and check if child.type equals one of these. */\n    const allowedComponents: React.ComponentPropsWithRef<any>[] = [\n      Input,\n      Select,\n      MultiSelect,\n      Radio,\n      Checkbox,\n      Textarea,\n      Toggle,\n      Label,\n      FormControl,\n      FormSelectorWrapper,\n      FormHelperText,\n      InputWrapper,\n      SelectWrapper,\n      TextareaWrapper\n    ];\n\n    return React.Children.map(children, (child: ReactElement) => {\n      if (allowedComponents.includes(child.type) && !disablePropagation) {\n        return React.cloneElement(child, {\n          disabled: child.props.disabled ?? disabled\n        });\n      }\n\n      return child;\n    });\n  };\n\n  return (\n    <fieldset\n      {...rest}\n      ref={ref}\n      disabled={disabled}\n      style={{ backgroundColor: background, ...rest.style }}\n      className={`${classes.fieldset} ${noPadding ? classes[\"no-padding\"] : \"\"} ${className ?? \"\"}`}\n    >\n      {legend && <legend className={readyclasses[\"sr-only\"]}>{legend}</legend>}\n      {legend && !hideLegend && (\n        <Typography\n          variant={legendStyle}\n          tag=\"span\"\n          aria-hidden=\"true\"\n          className={`${classes[\"legend\"]} ${required ? classes[\"required\"] : \"\"}`}\n        >\n          {legend}\n        </Typography>\n      )}\n      {renderChildren()}\n    </fieldset>\n  );\n};\n\nexport const Fieldset = React.forwardRef(FieldsetComponent);\n"],"names":["FieldsetComponent","children","className","legend","legendStyle","hideLegend","noBackground","background","noPadding","disabled","required","disablePropagation","rest","ref","renderChildren","allowedComponents","Input","Select","MultiSelect","Radio","Checkbox","Textarea","Toggle","Label","FormControl","FormSelectorWrapper","FormHelperText","InputWrapper","SelectWrapper","TextareaWrapper","React","Children","map","child","includes","type","cloneElement","props","createElement","style","backgroundColor","classes","fieldset","readyclasses","Typography","variant","tag","Fieldset","forwardRef"],"mappings":"6iCA+CA,MAAMA,EAA0E,EAE5EC,WACAC,YACAC,SACAC,cAAc,OACdC,aAAa,MACbC,eACAC,cAAaD,EAAe,GAAK,QACjCE,YAAY,MACZC,WAAW,MACXC,WAAW,MACXC,qBAAqB,SAClBC,GAELC,KAEA,MAAMC,EAAiB,KACrB,IAAKb,EACH,OAOF,MAAMc,EAAwD,CAC5DC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAGF,OAAOC,EAAMC,SAASC,IAAI/B,GAAWgC,UACnC,GAAIlB,EAAkBmB,SAASD,EAAME,QAAUxB,EAC7C,OAAOmB,EAAMM,aAAaH,EAAO,CAC/BxB,YAAUwB,EAAMI,MAAM5B,+BAAYA,IAItC,OAAOwB,CAAK,GACZ,EAGJ,OACEH,EACMQ,cAAA,WAAA,IAAA1B,EACJC,IAAKA,EACLJ,SAAUA,EACV8B,MAAO,CAAEC,gBAAiBjC,KAAeK,EAAK2B,OAC9CrC,UAAW,GAAGuC,EAAQC,YAAYlC,EAAYiC,EAAQ,cAAgB,MAAMvC,IAAS,MAATA,SAAA,EAAAA,EAAa,MAExFC,GAAU2B,EAAQQ,cAAA,SAAA,CAAApC,UAAWyC,EAAa,YAAaxC,GACvDA,IAAWE,GACVyB,EAAAQ,cAACM,EACC,CAAAC,QAASzC,EACT0C,IAAI,qBACQ,OACZ5C,UAAW,GAAGuC,EAAQ,aAAa/B,EAAW+B,EAAQ,YAAc,MAEnEtC,GAGJW,IAEH,EAGS,MAAAiC,EAAWjB,EAAMkB,WAAWhD"}

package/dist/esm/Form/Select/MultiSelect/MultiOption.esm.js

@@ -0,0 +1,2 @@
+import e from"react";import{Option as r}from"../SingleSelect/Option.esm.js";const t=({fixed:t,...o},f)=>e.createElement(r,{ref:f,...o});const o=e.forwardRef(t);export{o as MultiOption};
+//# sourceMappingURL=MultiOption.esm.js.map

package/dist/esm/Form/Select/MultiSelect/MultiOption.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiOption.esm.js","sources":["../../../../../../../src/components/Form/Select/MultiSelect/MultiOption.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 } from \"react\";\nimport { Props as SelectOptionProps, Option as SelectOption } from \"../SingleSelect/Option\";\n\nexport interface Props extends SelectOptionProps {\n  fixed?: boolean;\n}\n\nconst MultiOptionComponent: ForwardRefRenderFunction<HTMLLIElement, Props> = (\n  { fixed: _fixed, ...rest }: Props,\n  ref\n) => {\n  return <SelectOption ref={ref} {...rest} />;\n};\n\nexport const MultiOption = React.forwardRef(MultiOptionComponent);\n"],"names":["MultiOptionComponent","fixed","_fixed","rest","ref","React","createElement","SelectOption","MultiOption","forwardRef"],"mappings":"4EAuBA,MAAMA,EAAuE,EACzEC,MAAOC,KAAWC,GACpBC,IAEOC,EAAAC,cAACC,EAAa,CAAAH,IAAKA,KAASD,IAGxB,MAAAK,EAAcH,EAAMI,WAAWT"}

package/dist/esm/Form/Select/MultiSelect/MultiSelect.esm.js

@@ -0,0 +1,2 @@
+import e from"./MultiSelect.module.esm.js";import t,{useState as s,useRef as n,createRef as r,useEffect as o,Fragment as a}from"react";import{Icon as l,Icons as c}from"../../../Icon/Icon.esm.js";import{useBodyClick as i}from"../../../src/hooks/useBodyClick.esm.js";import d from"../../../src/readyclasses.module.esm.js";import{filterProps as u}from"../../../src/util/helper.esm.js";import{useSelectPositionList as p,useArrowNavigation as m}from"../SelectService.esm.js";import{useDetermineStatusIcon as h}from"../../../src/hooks/useDetermineStatusIcon.esm.js";import{SelectedOptions as f}from"./SelectedOptions.esm.js";import{SelectButton as v}from"./SelectButton.esm.js";import{useSearch as b}from"../useSearch.esm.js";import{useAddNewBtn as C}from"../useAddNewBtn.esm.js";const E=({children:E,name:y,disabled:g=false,labeledBy:N,placeholder:S,describedBy:x,searchPlaceholder:j="Search item",searchInputProps:w,selectButtonProps:I={},className:k,error:B=false,success:R=false,value:O,clearLabel:L="Clear selection",noResultsLabel:P="No results found",onChange:A,addNew:$,search:F,...H},D)=>{const[M,T]=s(false);const[K,U]=s({});const V=n(null);const q=n(null);const[z,G]=s(-1);const[J,Q]=s(false);const[W,X]=s(false);const Y=t.Children.count(E)-Object.keys(K).length;const{filter:Z,isSearching:_,renderSearch:ee,searchInputRef:te,setIsSearching:se,searchThreshold:ne,searchVisible:re}=b({expanded:M,search:F,searchInputClassName:e["select-search"],optionsCount:Y,setFocusedSelectItem:G,searchInputProps:w,searchPlaceholder:j});const{addBtnRef:oe,addNewBtnOptionsContainerClassName:ae,renderAddNew:le}=C({addNew:$,filter:Z});const ce=D||r();const ie=e=>{if(ce.current&&e){const t=e.getAttribute("data-value");const s=[...ce.current.options];const n=s.filter((e=>e.selected)).map((e=>e.value));s.forEach((e=>{if(e.value===t||n.includes(e.value))e.selected=true}));ce.current.dispatchEvent(new Event("change",{bubbles:true}))}T(false)};const de=e=>{if(ce.current){const t=[...ce.current.options];t.find((t=>t.value===e)).selected=false;ce.current.dispatchEvent(new Event("change",{bubbles:true}))}};const ue=n(null);const{onArrowNavigation:pe}=m({expanded:M,setExpanded:T,isSearching:_,setIsSearching:se,setFocusedSelectItem:G,onOptionChangeHandler:ie,childrenCount:Y,setShouldClick:Q,searchInputRef:te,addBtnRef:oe,renderThreshold:ne});const{listPosition:me,opacity:he,optionsListMaxHeight:fe,setListPosition:ve,setOpacity:be}=p({expanded:M,optionListReference:q,containerReference:V,addBtnRef:oe});const Ce=e=>{const s=t.Children.map(E,(e=>e)).reduce(((t,s)=>{if(e.includes(s.props.value))t[s.props.value]={label:s.props.children,fixed:s.props.fixed};return t}),{});U(s)};const Ee=e=>{if(ce.current){const t=[...ce.current.options];t.forEach((t=>{if(e.includes(t.value))t.selected=true;else t.selected=false}))}};const ye=()=>{const s=e=>{const t=Object.keys(K);return e.filter((e=>typeof e==="object"&&"props"in e&&!t.includes(e.props.value)))};if(_||Z!==""){const r=t.Children.toArray(E).filter((e=>e.props.children.toLowerCase().match(Z.toLowerCase())!==null));const o=n(s(r));if(o.length===0)return t.createElement("li",{className:e["no-results"]},P);return o}return n(s(t.Children.toArray(E)));function n(e){return t.Children.map(e,((e,s)=>t.cloneElement(e,{onFocusChange:e=>{G(e)},onOptionSelect:e=>{ie(e.current);Q(false)},isSearching:_,selectOpened:M,childIndex:s,hasFocus:z===s,shouldClick:J})))}};const ge=()=>M?t.createElement(l,{className:e["chevron-icon"],icon:c.ChevronUp}):t.createElement(l,{className:e["chevron-icon"],icon:c.ChevronDown});const Ne=h({success:R,error:B});const Se=e=>{A===null||A===void 0?void 0:A(e)};o((()=>{if(M){G(0);X(true)}if(!M&&ue.current&&W){ue.current.focus();X(false)}}),[M,ue.current,W]);o((()=>{Ce(O);Ee(O)}),[O]);i((e=>!e.target.closest(".custom-select")&&M),(()=>{T(false);ve({top:0,bottom:"initial"});be(0)}),M);const xe=[];M&&xe.push(e.expanded);B&&xe.push(e.error);g&&xe.push(e.disabled);k&&xe.push(k);R&&xe.push(e.success);const je=()=>{T(!M)};return t.createElement(a,null,t.createElement("select",{...u(H,/^data-/,false),tabIndex:-1,multiple:true,"aria-hidden":"true",ref:ce,name:y,onChange:Se,className:d["sr-only"]},t.createElement("option",{value:""}),t.Children.map(E,(e=>t.createElement("option",{value:e.props.value})))),t.createElement("div",{...u(H,/^data-/),ref:V,onKeyDown:pe,className:`custom-select ${e.select} ${xe.join(" ")} ${k!==null&&k!==void 0?k:""}`},re&&ee(),t.createElement("div",{className:`${e["custom-select"]} ${xe.join(" ")} `,style:{display:M&&re?"none":"flex"}},t.createElement("div",{className:e["display-container"],"data-display":true},t.createElement(v,{...I,onClick:je,name:y,ref:ue,disabled:g,"aria-disabled":g,"aria-invalid":B,"aria-expanded":M,"aria-haspopup":"listbox","aria-labelledby":N,"aria-describedby":x}),(O===null||O===void 0?void 0:O.length)===0&&S&&t.createElement("span",{className:e["placeholder"]},S),(O===null||O===void 0?void 0:O.length)>0&&t.createElement(f,{disabled:g,display:K,onClick:je,onRemove:de})),t.createElement("div",{className:e["status"]},Ne||ge())),t.createElement("div",{ref:q,className:`list-wrapper ${e["list-wrapper"]}`,style:{display:M?"block":"none",opacity:he,maxHeight:fe.wrapper,pointerEvents:M?"auto":"none",...me}},t.createElement("ul",{className:ae,role:"listbox",style:{maxHeight:fe.list}},ye()),le())))};const y=t.forwardRef(E);export{y as MultiSelect};
+//# sourceMappingURL=MultiSelect.esm.js.map