@onewelcome/react-lib-components 6.4.0 → 6.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Form/Select/useSearch.cjs.js +1 -1
- package/dist/cjs/Form/Select/useSearch.cjs.js.map +1 -1
- package/dist/cjs/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js +2 -0
- package/dist/cjs/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js.map +1 -0
- package/dist/cjs/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.module.cjs.js +2 -0
- package/dist/cjs/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.module.cjs.js.map +1 -0
- package/dist/cjs/src/index.cjs.js +1 -1
- package/dist/cjs/src/index.d.ts +2 -0
- package/dist/esm/Form/Select/useSearch.esm.js +1 -1
- package/dist/esm/Form/Select/useSearch.esm.js.map +1 -1
- package/dist/esm/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.esm.js +2 -0
- package/dist/esm/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.esm.js.map +1 -0
- package/dist/esm/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.module.esm.js +2 -0
- package/dist/esm/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.module.esm.js.map +1 -0
- package/dist/esm/src/index.d.ts +2 -0
- package/dist/esm/src/index.esm.js +1 -1
- package/package.json +17 -17
- package/src/components/Form/Select/useSearch.tsx +1 -1
- package/src/index.ts +2 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var r=require("../Input/Input.cjs.js");function o(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var s=o(e);const l=({search:o,optionsCount:l,searchPlaceholder:n,searchInputProps:t,searchInputClassName:u,expanded:a,setFocusedSelectItem:d})=>{var i,c;const[v,p]=e.useState("");const[h,f]=e.useState(false);const I=10;const P=e.useRef(null);const m=(i=o===null||o===void 0?void 0:o.renderThreshold)!==null&&i!==void 0?i:I;const S=l
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var r=require("../Input/Input.cjs.js");function o(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var s=o(e);const l=({search:o,optionsCount:l,searchPlaceholder:n,searchInputProps:t,searchInputClassName:u,expanded:a,setFocusedSelectItem:d})=>{var i,c;const[v,p]=e.useState("");const[h,f]=e.useState(false);const I=10;const P=e.useRef(null);const m=(i=o===null||o===void 0?void 0:o.renderThreshold)!==null&&i!==void 0?i:I;const S=l>=m;const b=e=>{p(e.currentTarget.value)};const y=()=>{if(o===null||o===void 0?void 0:o.enabled)return S;if(o)return o.enabled;return l>I};const N=()=>{var e,l,d,i,c,v,p;return s["default"].createElement(r.Input,{...(l=(e=o===null||o===void 0?void 0:o.searchInputProps)!==null&&e!==void 0?e:t)!==null&&l!==void 0?l:{},ref:P,onFocus:()=>f(true),onBlur:()=>f(false),onChange:b,className:u,wrapperProps:{className:(c=(i=(d=o===null||o===void 0?void 0:o.searchInputProps)===null||d===void 0?void 0:d.wrapperProps)===null||i===void 0?void 0:i.className)!==null&&c!==void 0?c:(v=t===null||t===void 0?void 0:t.wrapperProps)===null||v===void 0?void 0:v.className},style:{display:a?"block":"none"},type:"text",name:"search-option",placeholder:(p=o===null||o===void 0?void 0:o.searchPlaceholder)!==null&&p!==void 0?p:n})};const g=()=>{p("");f(false);d(-1)};const j=y();e.useEffect((()=>{var e;(((e=o===null||o===void 0?void 0:o.searchInputProps)===null||e===void 0?void 0:e.reset)||(t===null||t===void 0?void 0:t.reset))&&g()}),[t===null||t===void 0?void 0:t.reset,(c=o===null||o===void 0?void 0:o.searchInputProps)===null||c===void 0?void 0:c.reset]);e.useEffect((()=>{const e=!j&&!h;if(e)g()}),[h,j]);return{renderSearch:N,setIsSearching:f,searchVisible:j,searchThreshold:m,searchInputRef:P,filter:v,isSearching:h}};exports.useSearch=l;
|
|
2
2
|
//# sourceMappingURL=useSearch.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSearch.cjs.js","sources":["../../../../../../src/components/Form/Select/useSearch.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, { useEffect, useRef, useState } from \"react\";\nimport { PartialInputProps, SearchProps } from \"./Select.interfaces\";\nimport { Input } from \"../Input/Input\";\n\ninterface Props {\n search?: SearchProps;\n optionsCount: number;\n /**\n * @deprecated\n */\n searchPlaceholder?: string;\n /**\n * @deprecated\n */\n searchInputProps?: PartialInputProps & { reset?: boolean };\n searchInputClassName: string;\n expanded: boolean;\n setFocusedSelectItem: (idx: number) => void;\n}\n\nexport const useSearch = ({\n search,\n optionsCount,\n searchPlaceholder,\n searchInputProps,\n searchInputClassName,\n expanded,\n setFocusedSelectItem\n}: Props) => {\n const [filter, setFilter] = useState(\"\");\n const [isSearching, setIsSearching] = useState(false);\n\n const DEFAULT_RENDER_THRESHOLD = 10;\n\n const searchInputRef = useRef<HTMLInputElement>(null);\n\n const threshold = search?.renderThreshold ?? DEFAULT_RENDER_THRESHOLD;\n const hasEnoughChildren = optionsCount
|
|
1
|
+
{"version":3,"file":"useSearch.cjs.js","sources":["../../../../../../src/components/Form/Select/useSearch.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, { useEffect, useRef, useState } from \"react\";\nimport { PartialInputProps, SearchProps } from \"./Select.interfaces\";\nimport { Input } from \"../Input/Input\";\n\ninterface Props {\n search?: SearchProps;\n optionsCount: number;\n /**\n * @deprecated\n */\n searchPlaceholder?: string;\n /**\n * @deprecated\n */\n searchInputProps?: PartialInputProps & { reset?: boolean };\n searchInputClassName: string;\n expanded: boolean;\n setFocusedSelectItem: (idx: number) => void;\n}\n\nexport const useSearch = ({\n search,\n optionsCount,\n searchPlaceholder,\n searchInputProps,\n searchInputClassName,\n expanded,\n setFocusedSelectItem\n}: Props) => {\n const [filter, setFilter] = useState(\"\");\n const [isSearching, setIsSearching] = useState(false);\n\n const DEFAULT_RENDER_THRESHOLD = 10;\n\n const searchInputRef = useRef<HTMLInputElement>(null);\n\n const threshold = search?.renderThreshold ?? DEFAULT_RENDER_THRESHOLD;\n const hasEnoughChildren = optionsCount >= threshold;\n\n const filterResults = (event: React.ChangeEvent<HTMLInputElement>) => {\n setFilter(event.currentTarget.value);\n };\n\n const shouldRenderSearch = () => {\n if (search?.enabled) {\n return hasEnoughChildren;\n }\n\n if (search) {\n return search.enabled as boolean;\n }\n\n return optionsCount > DEFAULT_RENDER_THRESHOLD;\n };\n\n const renderSearch = () => (\n <Input\n {...(search?.searchInputProps ?? searchInputProps ?? {})}\n ref={searchInputRef}\n onFocus={() => setIsSearching(true)}\n onBlur={() => setIsSearching(false)}\n onChange={filterResults}\n className={searchInputClassName}\n wrapperProps={{\n className:\n search?.searchInputProps?.wrapperProps?.className ??\n searchInputProps?.wrapperProps?.className\n }}\n style={{\n display: expanded ? \"block\" : \"none\"\n }}\n type=\"text\"\n name=\"search-option\"\n placeholder={search?.searchPlaceholder ?? searchPlaceholder}\n />\n );\n\n const resetSearchState = () => {\n setFilter(\"\");\n setIsSearching(false);\n setFocusedSelectItem(-1);\n };\n\n const visible = shouldRenderSearch();\n\n useEffect(() => {\n (search?.searchInputProps?.reset || searchInputProps?.reset) && resetSearchState();\n }, [searchInputProps?.reset, search?.searchInputProps?.reset]);\n\n useEffect(() => {\n const searchDeactivated =\n !visible &&\n !isSearching; /*solves issue in MultiSelect when we filtered result and selected result causes list to be shorter than threshold so still we have a filter applied but can't change it due to `visible` variable has false */\n if (searchDeactivated) {\n resetSearchState();\n }\n }, [isSearching, visible]);\n\n return {\n renderSearch,\n setIsSearching,\n searchVisible: visible,\n searchThreshold: threshold,\n searchInputRef,\n filter,\n isSearching\n };\n};\n"],"names":["useSearch","search","optionsCount","searchPlaceholder","searchInputProps","searchInputClassName","expanded","setFocusedSelectItem","filter","setFilter","useState","isSearching","setIsSearching","DEFAULT_RENDER_THRESHOLD","searchInputRef","useRef","threshold","_a","renderThreshold","hasEnoughChildren","filterResults","event","currentTarget","value","shouldRenderSearch","enabled","renderSearch","React","createElement","Input","_b","ref","onFocus","onBlur","onChange","className","wrapperProps","_e","_d","_c","_f","style","display","type","name","placeholder","_g","resetSearchState","visible","useEffect","reset","searchDeactivated","searchVisible","searchThreshold"],"mappings":"8NAoCaA,EAAY,EACvBC,SACAC,eACAC,oBACAC,mBACAC,uBACAC,WACAC,mCAEA,MAAOC,EAAQC,GAAaC,EAAQA,SAAC,IACrC,MAAOC,EAAaC,GAAkBF,EAAQA,SAAC,OAE/C,MAAMG,EAA2B,GAEjC,MAAMC,EAAiBC,SAAyB,MAEhD,MAAMC,GAAYC,EAAAhB,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAQiB,mBAAmB,MAAAD,SAAA,EAAAA,EAAAJ,EAC7C,MAAMM,EAAoBjB,GAAgBc,EAE1C,MAAMI,EAAiBC,IACrBZ,EAAUY,EAAMC,cAAcC,MAAM,EAGtC,MAAMC,EAAqB,KACzB,GAAIvB,UAAAA,SAAM,OAAA,EAANA,EAAQwB,QACV,OAAON,EAGT,GAAIlB,EACF,OAAOA,EAAOwB,QAGhB,OAAOvB,EAAeW,CAAwB,EAGhD,MAAMa,EAAe,uBAAM,OACzBC,EAAC,WAAAC,cAAAC,QACK,QAACZ,EAAAhB,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAQG,oBAAgB,MAAAa,SAAA,EAAAA,EAAIb,KAAgB,MAAA0B,SAAA,EAAAA,EAAI,CAAA,EACrDC,IAAKjB,EACLkB,QAAS,IAAMpB,EAAe,MAC9BqB,OAAQ,IAAMrB,EAAe,OAC7BsB,SAAUd,EACVe,UAAW9B,EACX+B,aAAc,CACZD,WACEE,GAAAC,GAAAC,EAAAtC,UAAAA,SAAM,OAAA,EAANA,EAAQG,oBAAgB,MAAAmC,SAAA,OAAA,EAAAA,EAAEH,gBAAc,MAAAE,SAAA,OAAA,EAAAA,EAAAH,aACxC,MAAAE,SAAA,EAAAA,GAAAG,EAAApC,IAAgB,MAAhBA,SAAgB,OAAA,EAAhBA,EAAkBgC,gBAAY,MAAAI,SAAA,OAAA,EAAAA,EAAEL,WAEpCM,MAAO,CACLC,QAASpC,EAAW,QAAU,QAEhCqC,KAAK,OACLC,KAAK,gBACLC,aAAaC,EAAA7C,IAAA,MAAAA,kBAAAA,EAAQE,qBAAqB,MAAA2C,SAAA,EAAAA,EAAA3C,GAE7C,EAED,MAAM4C,EAAmB,KACvBtC,EAAU,IACVG,EAAe,OACfL,GAAsB,EAAE,EAG1B,MAAMyC,EAAUxB,IAEhByB,EAAAA,WAAU,cACPhC,EAAAhB,IAAA,MAAAA,kBAAAA,EAAQG,oBAAgB,MAAAa,SAAA,OAAA,EAAAA,EAAEiC,SAAS9C,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAkB8C,SAAUH,GAAkB,GACjF,CAAC3C,IAAgB,MAAhBA,SAAA,OAAA,EAAAA,EAAkB8C,OAAOpB,EAAA7B,IAAA,MAAAA,kBAAAA,EAAQG,oBAAkB,MAAA0B,SAAA,OAAA,EAAAA,EAAAoB,QAEvDD,EAAAA,WAAU,KACR,MAAME,GACHH,IACArC,EACH,GAAIwC,EACFJ,GACD,GACA,CAACpC,EAAaqC,IAEjB,MAAO,CACLtB,eACAd,iBACAwC,cAAeJ,EACfK,gBAAiBrC,EACjBF,iBACAN,SACAG,cACD"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var r=require("./MultiSelectWrapper.module.cjs.js");var l=require("../Wrapper/Wrapper.cjs.js");var a=require("../../../src/hooks/useWrapper.cjs.js");var s=require("../../Select/MultiSelect/MultiSelect.cjs.js");function t(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var c=t(e);const u=({children:e,error:t,success:u,value:o,placeholder:d,selectProps:p,helperProps:i,onChange:n,...v},f)=>{var h,j;const{errorId:m,helperId:b,labelId:W}=a.useWrapper();return c["default"].createElement(l.Wrapper,{...v,ref:f,errorId:m,helperId:b,labelProps:{id:W,className:r["default"]["select-label"]},helperProps:{...i,className:`${r["default"]["select-helper-text"]} ${(h=i===null||i===void 0?void 0:i.className)!==null&&h!==void 0?h:""}`},error:t},c["default"].createElement(s.MultiSelect,{...p,value:o,labeledBy:W,error:t,success:u,describedBy:t?m:b,onChange:n,placeholder:d,className:`${(j=p===null||p===void 0?void 0:p.className)!==null&&j!==void 0?j:""}`},e))};const o=c["default"].forwardRef(u);exports.MultiSelectWrapper=o;
|
|
2
|
+
//# sourceMappingURL=MultiSelectWrapper.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiSelectWrapper.cjs.js","sources":["../../../../../../../src/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.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 classes from \"./MultiSelectWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { MultiSelect } from \"../../Select/MultiSelect/MultiSelect\";\nimport { MultiSelectProps } from \"../../Select/Select.interfaces\";\n\ninterface PartialSelectProps extends Partial<MultiSelectProps> {}\n\nexport interface Props\n extends Omit<ComponentPropsWithRef<\"div\">, \"onChange\">,\n Omit<WrapperProps, \"onChange\" | \"error\"> {\n children: ReactElement[] | ReactElement | number[];\n placeholder?: string;\n value: string[];\n error?: boolean;\n selectProps?: PartialSelectProps;\n onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n success?: boolean;\n}\n\nconst MultiSelectWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n {\n children,\n error,\n success,\n value,\n placeholder,\n selectProps,\n helperProps,\n onChange,\n ...rest\n }: Props,\n ref\n) => {\n const { errorId, helperId, labelId } = useWrapper();\n\n return (\n <Wrapper\n {...rest}\n ref={ref}\n errorId={errorId}\n helperId={helperId}\n labelProps={{ id: labelId, className: classes[\"select-label\"] }}\n helperProps={{\n ...helperProps,\n className: `${classes[\"select-helper-text\"]} ${helperProps?.className ?? \"\"}`\n }}\n error={error}\n >\n <MultiSelect\n {...selectProps}\n value={value}\n labeledBy={labelId}\n error={error}\n success={success}\n describedBy={error ? errorId : helperId}\n onChange={onChange}\n placeholder={placeholder}\n className={`${selectProps?.className ?? \"\"}`}\n >\n {children as ReactElement[]}\n </MultiSelect>\n </Wrapper>\n );\n};\n\nexport const MultiSelectWrapper = React.forwardRef(MultiSelectWrapperComponent);\n"],"names":["MultiSelectWrapperComponent","children","error","success","value","placeholder","selectProps","helperProps","onChange","rest","ref","errorId","helperId","labelId","useWrapper","React","createElement","Wrapper","labelProps","id","className","classes","_a","MultiSelect","labeledBy","describedBy","_b","MultiSelectWrapper","forwardRef"],"mappings":"mYAqCA,MAAMA,EAA+E,EAEjFC,WACAC,QACAC,UACAC,QACAC,cACAC,cACAC,cACAC,cACGC,GAELC,aAEA,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,QAAEA,GAAYC,EAAUA,aAEjD,OACEC,EAAA,WAAAC,cAACC,UAAO,IACFR,EACJC,IAAKA,EACLC,QAASA,EACTC,SAAUA,EACVM,WAAY,CAAEC,GAAIN,EAASO,UAAWC,aAAQ,iBAC9Cd,YAAa,IACRA,EACHa,UAAW,GAAGC,EAAO,WAAC,0BAAyBC,EAAAf,IAAW,MAAXA,SAAA,OAAA,EAAAA,EAAaa,aAAS,MAAAE,SAAA,EAAAA,EAAI,MAE3EpB,MAAOA,GAEPa,aAACC,cAAAO,EAAAA,YACK,IAAAjB,EACJF,MAAOA,EACPoB,UAAWX,EACXX,MAAOA,EACPC,QAASA,EACTsB,YAAavB,EAAQS,EAAUC,EAC/BJ,SAAUA,EACVH,YAAaA,EACbe,UAAW,IAAGM,EAAApB,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAac,aAAa,MAAAM,SAAA,EAAAA,EAAA,MAEvCzB,GAGL,EAGS,MAAA0B,EAAqBZ,EAAAA,WAAMa,WAAW5B"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"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 */.MultiSelectWrapper-module_select-label__S2RDB{left:calc(1.25rem + 2px)}.MultiSelectWrapper-module_select-helper-text__leJir{margin-top:.15rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk11bHRpU2VsZWN0V3JhcHBlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsK0NBQ0Usd0JBQ0YsQ0FFQSxxREFDRSxpQkFDRiIsImZpbGUiOiJNdWx0aVNlbGVjdFdyYXBwZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zZWxlY3QtbGFiZWwge1xuICBsZWZ0OiBjYWxjKDEuMjVyZW0gKyAycHgpO1xufVxuXG4uc2VsZWN0LWhlbHBlci10ZXh0IHtcbiAgbWFyZ2luLXRvcDogMC4xNXJlbTtcbn0iXX0= */';var l={"select-label":"MultiSelectWrapper-module_select-label__S2RDB","select-helper-text":"MultiSelectWrapper-module_select-helper-text__leJir"};e["default"](i);exports["default"]=l;
|
|
2
|
+
//# sourceMappingURL=MultiSelectWrapper.module.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiSelectWrapper.module.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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 l=require("../Tag/Tag.cjs.js");var u=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
|
|
1
|
+
"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 l=require("../Tag/Tag.cjs.js");var u=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 W=require("../StatusIndicator/StatusIndicator.cjs.js");var M=require("../Stepper/Stepper.cjs.js");var T=require("../Pagination/Pagination.cjs.js");var m=require("./hooks/useRepeater.cjs.js");var B=require("./hooks/usePosition.cjs.js");var F=require("./hooks/useDebouncedCallback.cjs.js");var b=require("./util/helper.cjs.js");var g=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 U=require("../Form/Label/Label.cjs.js");var _=require("../Form/Radio/Radio.cjs.js");var w=require("../Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js");var J=require("../Form/Select/SingleSelect/Select.cjs.js");var K=require("../Form/Select/MultiSelect/MultiSelect.cjs.js");var Q=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("../Form/FileUpload/FileUpload.cjs.js");var ae=require("../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js");var se=require("../Wizard/Wizard.cjs.js");var oe=require("../Wizard/WizardActions/WizardActions.cjs.js");var te=require("../Wizard/WizardSteps/WizardSteps.cjs.js");var ie=require("../Wizard/BaseWizardSteps/BaseWizardSteps.cjs.js");var pe=require("../DataGrid/DataGrid.cjs.js");var ce=require("../DataGrid/DataGridBody/DataGridRow.cjs.js");var ne=require("../DataGrid/DataGridBody/DataGridCell.cjs.js");var le=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=l.Tag;exports.TextEllipsis=u.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=W.StatusIndicator;exports.Stepper=M.Stepper;exports.Pagination=T.Pagination;exports.useRepeater=m.useRepeater;exports.usePosition=B.usePosition;exports.useDebouncedCallback=F.useDebouncedCallback;exports.debounce=b.debounce;exports.generateID=b.generateID;exports.throttle=b.throttle;exports.Modal=g.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=U.Label;exports.Radio=_.Radio;exports.RadioWrapper=w.RadioWrapper;exports.Select=J.Select;exports.MultiSelect=K.MultiSelect;exports.Option=Q.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.FileUpload=re.FileUpload;exports.MultiSelectWrapper=ae.MultiSelectWrapper;exports.Wizard=se.Wizard;exports.WizardActions=oe.WizardActions;exports.WizardSteps=te.WizardSteps;exports.BaseWizardSteps=ie.BaseWizardSteps;exports.DataGrid=pe.DataGrid;exports.DataGridRow=ce.DataGridRow;exports.DataGridCell=ne.DataGridCell;exports.Banner=le.Banner;
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
package/dist/cjs/src/index.d.ts
CHANGED
|
@@ -106,6 +106,8 @@ export { SelectWrapper } from "./components/Form/Wrapper/SelectWrapper/SelectWra
|
|
|
106
106
|
export type { Props as SelectWrapperProps } from "./components/Form/Wrapper/SelectWrapper/SelectWrapper";
|
|
107
107
|
export { FileUpload } from "./components/Form/FileUpload/FileUpload";
|
|
108
108
|
export type { Props as FileUploadProps } from "./components/Form/FileUpload/FileUpload";
|
|
109
|
+
export { MultiSelectWrapper } from "./components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper";
|
|
110
|
+
export type { Props as MultiSelectWrapperProps } from "./components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper";
|
|
109
111
|
/** Wizard */
|
|
110
112
|
export { Wizard } from "./components/Wizard/Wizard";
|
|
111
113
|
export type { Props as WizardProps } from "./components/Wizard/Wizard";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e,{useState as o,useRef as r,useEffect as l}from"react";import{Input as n}from"../Input/Input.esm.js";const s=({search:s,optionsCount:t,searchPlaceholder:i,searchInputProps:a,searchInputClassName:d,expanded:c,setFocusedSelectItem:u})=>{var v,p;const[h,m]=o("");const[f,I]=o(false);const P=10;const N=r(null);const b=(v=s===null||s===void 0?void 0:s.renderThreshold)!==null&&v!==void 0?v:P;const g=t
|
|
1
|
+
import e,{useState as o,useRef as r,useEffect as l}from"react";import{Input as n}from"../Input/Input.esm.js";const s=({search:s,optionsCount:t,searchPlaceholder:i,searchInputProps:a,searchInputClassName:d,expanded:c,setFocusedSelectItem:u})=>{var v,p;const[h,m]=o("");const[f,I]=o(false);const P=10;const N=r(null);const b=(v=s===null||s===void 0?void 0:s.renderThreshold)!==null&&v!==void 0?v:P;const g=t>=b;const S=e=>{m(e.currentTarget.value)};const w=()=>{if(s===null||s===void 0?void 0:s.enabled)return g;if(s)return s.enabled;return t>P};const x=()=>{var o,r,l,t,u,v,p;return e.createElement(n,{...(r=(o=s===null||s===void 0?void 0:s.searchInputProps)!==null&&o!==void 0?o:a)!==null&&r!==void 0?r:{},ref:N,onFocus:()=>I(true),onBlur:()=>I(false),onChange:S,className:d,wrapperProps:{className:(u=(t=(l=s===null||s===void 0?void 0:s.searchInputProps)===null||l===void 0?void 0:l.wrapperProps)===null||t===void 0?void 0:t.className)!==null&&u!==void 0?u:(v=a===null||a===void 0?void 0:a.wrapperProps)===null||v===void 0?void 0:v.className},style:{display:c?"block":"none"},type:"text",name:"search-option",placeholder:(p=s===null||s===void 0?void 0:s.searchPlaceholder)!==null&&p!==void 0?p:i})};const y=()=>{m("");I(false);u(-1)};const C=w();l((()=>{var e;(((e=s===null||s===void 0?void 0:s.searchInputProps)===null||e===void 0?void 0:e.reset)||(a===null||a===void 0?void 0:a.reset))&&y()}),[a===null||a===void 0?void 0:a.reset,(p=s===null||s===void 0?void 0:s.searchInputProps)===null||p===void 0?void 0:p.reset]);l((()=>{const e=!C&&!f;if(e)y()}),[f,C]);return{renderSearch:x,setIsSearching:I,searchVisible:C,searchThreshold:b,searchInputRef:N,filter:h,isSearching:f}};export{s as useSearch};
|
|
2
2
|
//# sourceMappingURL=useSearch.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSearch.esm.js","sources":["../../../../../../src/components/Form/Select/useSearch.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, { useEffect, useRef, useState } from \"react\";\nimport { PartialInputProps, SearchProps } from \"./Select.interfaces\";\nimport { Input } from \"../Input/Input\";\n\ninterface Props {\n search?: SearchProps;\n optionsCount: number;\n /**\n * @deprecated\n */\n searchPlaceholder?: string;\n /**\n * @deprecated\n */\n searchInputProps?: PartialInputProps & { reset?: boolean };\n searchInputClassName: string;\n expanded: boolean;\n setFocusedSelectItem: (idx: number) => void;\n}\n\nexport const useSearch = ({\n search,\n optionsCount,\n searchPlaceholder,\n searchInputProps,\n searchInputClassName,\n expanded,\n setFocusedSelectItem\n}: Props) => {\n const [filter, setFilter] = useState(\"\");\n const [isSearching, setIsSearching] = useState(false);\n\n const DEFAULT_RENDER_THRESHOLD = 10;\n\n const searchInputRef = useRef<HTMLInputElement>(null);\n\n const threshold = search?.renderThreshold ?? DEFAULT_RENDER_THRESHOLD;\n const hasEnoughChildren = optionsCount
|
|
1
|
+
{"version":3,"file":"useSearch.esm.js","sources":["../../../../../../src/components/Form/Select/useSearch.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, { useEffect, useRef, useState } from \"react\";\nimport { PartialInputProps, SearchProps } from \"./Select.interfaces\";\nimport { Input } from \"../Input/Input\";\n\ninterface Props {\n search?: SearchProps;\n optionsCount: number;\n /**\n * @deprecated\n */\n searchPlaceholder?: string;\n /**\n * @deprecated\n */\n searchInputProps?: PartialInputProps & { reset?: boolean };\n searchInputClassName: string;\n expanded: boolean;\n setFocusedSelectItem: (idx: number) => void;\n}\n\nexport const useSearch = ({\n search,\n optionsCount,\n searchPlaceholder,\n searchInputProps,\n searchInputClassName,\n expanded,\n setFocusedSelectItem\n}: Props) => {\n const [filter, setFilter] = useState(\"\");\n const [isSearching, setIsSearching] = useState(false);\n\n const DEFAULT_RENDER_THRESHOLD = 10;\n\n const searchInputRef = useRef<HTMLInputElement>(null);\n\n const threshold = search?.renderThreshold ?? DEFAULT_RENDER_THRESHOLD;\n const hasEnoughChildren = optionsCount >= threshold;\n\n const filterResults = (event: React.ChangeEvent<HTMLInputElement>) => {\n setFilter(event.currentTarget.value);\n };\n\n const shouldRenderSearch = () => {\n if (search?.enabled) {\n return hasEnoughChildren;\n }\n\n if (search) {\n return search.enabled as boolean;\n }\n\n return optionsCount > DEFAULT_RENDER_THRESHOLD;\n };\n\n const renderSearch = () => (\n <Input\n {...(search?.searchInputProps ?? searchInputProps ?? {})}\n ref={searchInputRef}\n onFocus={() => setIsSearching(true)}\n onBlur={() => setIsSearching(false)}\n onChange={filterResults}\n className={searchInputClassName}\n wrapperProps={{\n className:\n search?.searchInputProps?.wrapperProps?.className ??\n searchInputProps?.wrapperProps?.className\n }}\n style={{\n display: expanded ? \"block\" : \"none\"\n }}\n type=\"text\"\n name=\"search-option\"\n placeholder={search?.searchPlaceholder ?? searchPlaceholder}\n />\n );\n\n const resetSearchState = () => {\n setFilter(\"\");\n setIsSearching(false);\n setFocusedSelectItem(-1);\n };\n\n const visible = shouldRenderSearch();\n\n useEffect(() => {\n (search?.searchInputProps?.reset || searchInputProps?.reset) && resetSearchState();\n }, [searchInputProps?.reset, search?.searchInputProps?.reset]);\n\n useEffect(() => {\n const searchDeactivated =\n !visible &&\n !isSearching; /*solves issue in MultiSelect when we filtered result and selected result causes list to be shorter than threshold so still we have a filter applied but can't change it due to `visible` variable has false */\n if (searchDeactivated) {\n resetSearchState();\n }\n }, [isSearching, visible]);\n\n return {\n renderSearch,\n setIsSearching,\n searchVisible: visible,\n searchThreshold: threshold,\n searchInputRef,\n filter,\n isSearching\n };\n};\n"],"names":["useSearch","search","optionsCount","searchPlaceholder","searchInputProps","searchInputClassName","expanded","setFocusedSelectItem","filter","setFilter","useState","isSearching","setIsSearching","DEFAULT_RENDER_THRESHOLD","searchInputRef","useRef","threshold","_a","renderThreshold","hasEnoughChildren","filterResults","event","currentTarget","value","shouldRenderSearch","enabled","renderSearch","React","createElement","Input","_b","ref","onFocus","onBlur","onChange","className","wrapperProps","_e","_d","_c","_f","style","display","type","name","placeholder","_g","resetSearchState","visible","useEffect","reset","searchDeactivated","searchVisible","searchThreshold"],"mappings":"mHAoCaA,EAAY,EACvBC,SACAC,eACAC,oBACAC,mBACAC,uBACAC,WACAC,mCAEA,MAAOC,EAAQC,GAAaC,EAAS,IACrC,MAAOC,EAAaC,GAAkBF,EAAS,OAE/C,MAAMG,EAA2B,GAEjC,MAAMC,EAAiBC,EAAyB,MAEhD,MAAMC,GAAYC,EAAAhB,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAQiB,mBAAmB,MAAAD,SAAA,EAAAA,EAAAJ,EAC7C,MAAMM,EAAoBjB,GAAgBc,EAE1C,MAAMI,EAAiBC,IACrBZ,EAAUY,EAAMC,cAAcC,MAAM,EAGtC,MAAMC,EAAqB,KACzB,GAAIvB,UAAAA,SAAM,OAAA,EAANA,EAAQwB,QACV,OAAON,EAGT,GAAIlB,EACF,OAAOA,EAAOwB,QAGhB,OAAOvB,EAAeW,CAAwB,EAGhD,MAAMa,EAAe,uBAAM,OACzBC,EAACC,cAAAC,EACK,QAACZ,EAAAhB,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAQG,oBAAgB,MAAAa,SAAA,EAAAA,EAAIb,KAAgB,MAAA0B,SAAA,EAAAA,EAAI,CAAA,EACrDC,IAAKjB,EACLkB,QAAS,IAAMpB,EAAe,MAC9BqB,OAAQ,IAAMrB,EAAe,OAC7BsB,SAAUd,EACVe,UAAW9B,EACX+B,aAAc,CACZD,WACEE,GAAAC,GAAAC,EAAAtC,UAAAA,SAAM,OAAA,EAANA,EAAQG,oBAAgB,MAAAmC,SAAA,OAAA,EAAAA,EAAEH,gBAAc,MAAAE,SAAA,OAAA,EAAAA,EAAAH,aACxC,MAAAE,SAAA,EAAAA,GAAAG,EAAApC,IAAgB,MAAhBA,SAAgB,OAAA,EAAhBA,EAAkBgC,gBAAY,MAAAI,SAAA,OAAA,EAAAA,EAAEL,WAEpCM,MAAO,CACLC,QAASpC,EAAW,QAAU,QAEhCqC,KAAK,OACLC,KAAK,gBACLC,aAAaC,EAAA7C,IAAA,MAAAA,kBAAAA,EAAQE,qBAAqB,MAAA2C,SAAA,EAAAA,EAAA3C,GAE7C,EAED,MAAM4C,EAAmB,KACvBtC,EAAU,IACVG,EAAe,OACfL,GAAsB,EAAE,EAG1B,MAAMyC,EAAUxB,IAEhByB,GAAU,cACPhC,EAAAhB,IAAA,MAAAA,kBAAAA,EAAQG,oBAAgB,MAAAa,SAAA,OAAA,EAAAA,EAAEiC,SAAS9C,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAkB8C,SAAUH,GAAkB,GACjF,CAAC3C,IAAgB,MAAhBA,SAAA,OAAA,EAAAA,EAAkB8C,OAAOpB,EAAA7B,IAAA,MAAAA,kBAAAA,EAAQG,oBAAkB,MAAA0B,SAAA,OAAA,EAAAA,EAAAoB,QAEvDD,GAAU,KACR,MAAME,GACHH,IACArC,EACH,GAAIwC,EACFJ,GACD,GACA,CAACpC,EAAaqC,IAEjB,MAAO,CACLtB,eACAd,iBACAwC,cAAeJ,EACfK,gBAAiBrC,EACjBF,iBACAN,SACAG,cACD"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import e from"react";import r from"./MultiSelectWrapper.module.esm.js";import{Wrapper as l}from"../Wrapper/Wrapper.esm.js";import{useWrapper as s}from"../../../src/hooks/useWrapper.esm.js";import{MultiSelect as o}from"../../Select/MultiSelect/MultiSelect.esm.js";const a=({children:a,error:c,success:t,value:p,placeholder:m,selectProps:d,helperProps:i,onChange:n,...u},h)=>{var v,f;const{errorId:b,helperId:I,labelId:N}=s();return e.createElement(l,{...u,ref:h,errorId:b,helperId:I,labelProps:{id:N,className:r["select-label"]},helperProps:{...i,className:`${r["select-helper-text"]} ${(v=i===null||i===void 0?void 0:i.className)!==null&&v!==void 0?v:""}`},error:c},e.createElement(o,{...d,value:p,labeledBy:N,error:c,success:t,describedBy:c?b:I,onChange:n,placeholder:m,className:`${(f=d===null||d===void 0?void 0:d.className)!==null&&f!==void 0?f:""}`},a))};const c=e.forwardRef(a);export{c as MultiSelectWrapper};
|
|
2
|
+
//# sourceMappingURL=MultiSelectWrapper.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiSelectWrapper.esm.js","sources":["../../../../../../../src/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.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 classes from \"./MultiSelectWrapper.module.scss\";\nimport { Wrapper, WrapperProps } from \"../Wrapper/Wrapper\";\nimport { useWrapper } from \"../../../../hooks/useWrapper\";\nimport { MultiSelect } from \"../../Select/MultiSelect/MultiSelect\";\nimport { MultiSelectProps } from \"../../Select/Select.interfaces\";\n\ninterface PartialSelectProps extends Partial<MultiSelectProps> {}\n\nexport interface Props\n extends Omit<ComponentPropsWithRef<\"div\">, \"onChange\">,\n Omit<WrapperProps, \"onChange\" | \"error\"> {\n children: ReactElement[] | ReactElement | number[];\n placeholder?: string;\n value: string[];\n error?: boolean;\n selectProps?: PartialSelectProps;\n onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n success?: boolean;\n}\n\nconst MultiSelectWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n {\n children,\n error,\n success,\n value,\n placeholder,\n selectProps,\n helperProps,\n onChange,\n ...rest\n }: Props,\n ref\n) => {\n const { errorId, helperId, labelId } = useWrapper();\n\n return (\n <Wrapper\n {...rest}\n ref={ref}\n errorId={errorId}\n helperId={helperId}\n labelProps={{ id: labelId, className: classes[\"select-label\"] }}\n helperProps={{\n ...helperProps,\n className: `${classes[\"select-helper-text\"]} ${helperProps?.className ?? \"\"}`\n }}\n error={error}\n >\n <MultiSelect\n {...selectProps}\n value={value}\n labeledBy={labelId}\n error={error}\n success={success}\n describedBy={error ? errorId : helperId}\n onChange={onChange}\n placeholder={placeholder}\n className={`${selectProps?.className ?? \"\"}`}\n >\n {children as ReactElement[]}\n </MultiSelect>\n </Wrapper>\n );\n};\n\nexport const MultiSelectWrapper = React.forwardRef(MultiSelectWrapperComponent);\n"],"names":["MultiSelectWrapperComponent","children","error","success","value","placeholder","selectProps","helperProps","onChange","rest","ref","errorId","helperId","labelId","useWrapper","React","createElement","Wrapper","labelProps","id","className","classes","_a","MultiSelect","labeledBy","describedBy","_b","MultiSelectWrapper","forwardRef"],"mappings":"uQAqCA,MAAMA,EAA+E,EAEjFC,WACAC,QACAC,UACAC,QACAC,cACAC,cACAC,cACAC,cACGC,GAELC,aAEA,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,QAAEA,GAAYC,IAEvC,OACEC,EAAAC,cAACC,EAAO,IACFR,EACJC,IAAKA,EACLC,QAASA,EACTC,SAAUA,EACVM,WAAY,CAAEC,GAAIN,EAASO,UAAWC,EAAQ,iBAC9Cd,YAAa,IACRA,EACHa,UAAW,GAAGC,EAAQ,0BAAyBC,EAAAf,IAAW,MAAXA,SAAA,OAAA,EAAAA,EAAaa,aAAS,MAAAE,SAAA,EAAAA,EAAI,MAE3EpB,MAAOA,GAEPa,EAACC,cAAAO,EACK,IAAAjB,EACJF,MAAOA,EACPoB,UAAWX,EACXX,MAAOA,EACPC,QAASA,EACTsB,YAAavB,EAAQS,EAAUC,EAC/BJ,SAAUA,EACVH,YAAaA,EACbe,UAAW,IAAGM,EAAApB,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAac,aAAa,MAAAM,SAAA,EAAAA,EAAA,MAEvCzB,GAGL,EAGS,MAAA0B,EAAqBZ,EAAMa,WAAW5B"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import e from "../../../../lib/style-inject.js";var i='/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.MultiSelectWrapper-module_select-label__S2RDB{left:calc(1.25rem + 2px)}.MultiSelectWrapper-module_select-helper-text__leJir{margin-top:.15rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk11bHRpU2VsZWN0V3JhcHBlci5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsK0NBQ0Usd0JBQ0YsQ0FFQSxxREFDRSxpQkFDRiIsImZpbGUiOiJNdWx0aVNlbGVjdFdyYXBwZXIubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zZWxlY3QtbGFiZWwge1xuICBsZWZ0OiBjYWxjKDEuMjVyZW0gKyAycHgpO1xufVxuXG4uc2VsZWN0LWhlbHBlci10ZXh0IHtcbiAgbWFyZ2luLXRvcDogMC4xNXJlbTtcbn0iXX0= */';var l={"select-label":"MultiSelectWrapper-module_select-label__S2RDB","select-helper-text":"MultiSelectWrapper-module_select-helper-text__leJir"};e(i);export{l as default};
|
|
2
|
+
//# sourceMappingURL=MultiSelectWrapper.module.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiSelectWrapper.module.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/dist/esm/src/index.d.ts
CHANGED
|
@@ -106,6 +106,8 @@ export { SelectWrapper } from "./components/Form/Wrapper/SelectWrapper/SelectWra
|
|
|
106
106
|
export type { Props as SelectWrapperProps } from "./components/Form/Wrapper/SelectWrapper/SelectWrapper";
|
|
107
107
|
export { FileUpload } from "./components/Form/FileUpload/FileUpload";
|
|
108
108
|
export type { Props as FileUploadProps } from "./components/Form/FileUpload/FileUpload";
|
|
109
|
+
export { MultiSelectWrapper } from "./components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper";
|
|
110
|
+
export type { Props as MultiSelectWrapperProps } from "./components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper";
|
|
109
111
|
/** Wizard */
|
|
110
112
|
export { Wizard } from "./components/Wizard/Wizard";
|
|
111
113
|
export type { Props as WizardProps } from "./components/Wizard/Wizard";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{BaseStyling}from"../_BaseStyling_/BaseStyling.esm.js";export{Button}from"../Button/Button.esm.js";export{Breadcrumbs}from"../Breadcrumbs/Breadcrumbs.esm.js";export{ContextMenu}from"../ContextMenu/ContextMenu.esm.js";export{ContextMenuItem}from"../ContextMenu/ContextMenuItem.esm.js";export{Link}from"../Link/Link.esm.js";export{Icon,Icons}from"../Icon/Icon.esm.js";export{IconButton}from"../Button/IconButton.esm.js";export{Tab}from"../Tabs/Tab.esm.js";export{Tabs}from"../Tabs/Tabs.esm.js";export{Tag}from"../Tag/Tag.esm.js";export{TextEllipsis}from"../TextEllipsis/TextEllipsis.esm.js";export{Tile}from"../Tiles/Tile.esm.js";export{Tiles}from"../Tiles/Tiles.esm.js";export{Tooltip}from"../Tooltip/Tooltip.esm.js";export{Typography}from"../Typography/Typography.esm.js";export{ProgressBar}from"../ProgressBar/ProgressBar.esm.js";export{Skeleton}from"../Skeleton/Skeleton.esm.js";export{StatusIndicator}from"../StatusIndicator/StatusIndicator.esm.js";export{Stepper}from"../Stepper/Stepper.esm.js";export{Pagination}from"../Pagination/Pagination.esm.js";export{useRepeater}from"./hooks/useRepeater.esm.js";export{usePosition}from"./hooks/usePosition.esm.js";export{useDebouncedCallback}from"./hooks/useDebouncedCallback.esm.js";export{debounce,generateID,throttle}from"./util/helper.esm.js";export{BaseModal as Modal}from"../Notifications/BaseModal/BaseModal.esm.js";export{useSnackbar}from"../Notifications/Snackbar/useSnackbar.esm.js";export{Dialog}from"../Notifications/Dialog/Dialog.esm.js";export{DiscardChangesModal}from"../Notifications/DiscardChangesModal/DiscardChangesModal.esm.js";export{BaseModalActions as ModalActions}from"../Notifications/BaseModal/BaseModalActions/BaseModalActions.esm.js";export{BaseModalContent as ModalContent}from"../Notifications/BaseModal/BaseModalContent/BaseModalContent.esm.js";export{BaseModalHeader as ModalHeader}from"../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.esm.js";export{NotificationProvider,useNotificationContext}from"../Notifications/NotificationProvider/NotificationContext.esm.js";export{SlideInModal}from"../Notifications/SlideInModal/SlideInModal.esm.js";export{SnackbarProvider}from"../Notifications/Snackbar/SnackbarProvider/SnackbarProvider.esm.js";export{Checkbox}from"../Form/Checkbox/Checkbox.esm.js";export{Fieldset}from"../Form/Fieldset/Fieldset.esm.js";export{Form}from"../Form/Form.esm.js";export{FormControl}from"../Form/FormControl/FormControl.esm.js";export{FormGroup}from"../Form/FormGroup/FormGroup.esm.js";export{FormHelperText}from"../Form/FormHelperText/FormHelperText.esm.js";export{Input}from"../Form/Input/Input.esm.js";export{InputWrapper}from"../Form/Wrapper/InputWrapper/InputWrapper.esm.js";export{Label}from"../Form/Label/Label.esm.js";export{Radio}from"../Form/Radio/Radio.esm.js";export{RadioWrapper}from"../Form/Wrapper/RadioWrapper/RadioWrapper.esm.js";export{Select}from"../Form/Select/SingleSelect/Select.esm.js";export{MultiSelect}from"../Form/Select/MultiSelect/MultiSelect.esm.js";export{Option}from"../Form/Select/SingleSelect/Option.esm.js";export{MultiOption}from"../Form/Select/MultiSelect/MultiOption.esm.js";export{Textarea}from"../Form/Textarea/Textarea.esm.js";export{Toggle}from"../Form/Toggle/Toggle.esm.js";export{CheckboxWrapper}from"../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.esm.js";export{TextareaWrapper}from"../Form/Wrapper/TextareaWrapper/TextareaWrapper.esm.js";export{SelectWrapper}from"../Form/Wrapper/SelectWrapper/SelectWrapper.esm.js";export{FileUpload}from"../Form/FileUpload/FileUpload.esm.js";export{Wizard}from"../Wizard/Wizard.esm.js";export{WizardActions}from"../Wizard/WizardActions/WizardActions.esm.js";export{WizardSteps}from"../Wizard/WizardSteps/WizardSteps.esm.js";export{BaseWizardSteps}from"../Wizard/BaseWizardSteps/BaseWizardSteps.esm.js";export{DataGrid}from"../DataGrid/DataGrid.esm.js";export{DataGridRow}from"../DataGrid/DataGridBody/DataGridRow.esm.js";export{DataGridCell}from"../DataGrid/DataGridBody/DataGridCell.esm.js";export{Banner}from"../Notifications/Banner/Banner.esm.js";
|
|
1
|
+
export{BaseStyling}from"../_BaseStyling_/BaseStyling.esm.js";export{Button}from"../Button/Button.esm.js";export{Breadcrumbs}from"../Breadcrumbs/Breadcrumbs.esm.js";export{ContextMenu}from"../ContextMenu/ContextMenu.esm.js";export{ContextMenuItem}from"../ContextMenu/ContextMenuItem.esm.js";export{Link}from"../Link/Link.esm.js";export{Icon,Icons}from"../Icon/Icon.esm.js";export{IconButton}from"../Button/IconButton.esm.js";export{Tab}from"../Tabs/Tab.esm.js";export{Tabs}from"../Tabs/Tabs.esm.js";export{Tag}from"../Tag/Tag.esm.js";export{TextEllipsis}from"../TextEllipsis/TextEllipsis.esm.js";export{Tile}from"../Tiles/Tile.esm.js";export{Tiles}from"../Tiles/Tiles.esm.js";export{Tooltip}from"../Tooltip/Tooltip.esm.js";export{Typography}from"../Typography/Typography.esm.js";export{ProgressBar}from"../ProgressBar/ProgressBar.esm.js";export{Skeleton}from"../Skeleton/Skeleton.esm.js";export{StatusIndicator}from"../StatusIndicator/StatusIndicator.esm.js";export{Stepper}from"../Stepper/Stepper.esm.js";export{Pagination}from"../Pagination/Pagination.esm.js";export{useRepeater}from"./hooks/useRepeater.esm.js";export{usePosition}from"./hooks/usePosition.esm.js";export{useDebouncedCallback}from"./hooks/useDebouncedCallback.esm.js";export{debounce,generateID,throttle}from"./util/helper.esm.js";export{BaseModal as Modal}from"../Notifications/BaseModal/BaseModal.esm.js";export{useSnackbar}from"../Notifications/Snackbar/useSnackbar.esm.js";export{Dialog}from"../Notifications/Dialog/Dialog.esm.js";export{DiscardChangesModal}from"../Notifications/DiscardChangesModal/DiscardChangesModal.esm.js";export{BaseModalActions as ModalActions}from"../Notifications/BaseModal/BaseModalActions/BaseModalActions.esm.js";export{BaseModalContent as ModalContent}from"../Notifications/BaseModal/BaseModalContent/BaseModalContent.esm.js";export{BaseModalHeader as ModalHeader}from"../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.esm.js";export{NotificationProvider,useNotificationContext}from"../Notifications/NotificationProvider/NotificationContext.esm.js";export{SlideInModal}from"../Notifications/SlideInModal/SlideInModal.esm.js";export{SnackbarProvider}from"../Notifications/Snackbar/SnackbarProvider/SnackbarProvider.esm.js";export{Checkbox}from"../Form/Checkbox/Checkbox.esm.js";export{Fieldset}from"../Form/Fieldset/Fieldset.esm.js";export{Form}from"../Form/Form.esm.js";export{FormControl}from"../Form/FormControl/FormControl.esm.js";export{FormGroup}from"../Form/FormGroup/FormGroup.esm.js";export{FormHelperText}from"../Form/FormHelperText/FormHelperText.esm.js";export{Input}from"../Form/Input/Input.esm.js";export{InputWrapper}from"../Form/Wrapper/InputWrapper/InputWrapper.esm.js";export{Label}from"../Form/Label/Label.esm.js";export{Radio}from"../Form/Radio/Radio.esm.js";export{RadioWrapper}from"../Form/Wrapper/RadioWrapper/RadioWrapper.esm.js";export{Select}from"../Form/Select/SingleSelect/Select.esm.js";export{MultiSelect}from"../Form/Select/MultiSelect/MultiSelect.esm.js";export{Option}from"../Form/Select/SingleSelect/Option.esm.js";export{MultiOption}from"../Form/Select/MultiSelect/MultiOption.esm.js";export{Textarea}from"../Form/Textarea/Textarea.esm.js";export{Toggle}from"../Form/Toggle/Toggle.esm.js";export{CheckboxWrapper}from"../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.esm.js";export{TextareaWrapper}from"../Form/Wrapper/TextareaWrapper/TextareaWrapper.esm.js";export{SelectWrapper}from"../Form/Wrapper/SelectWrapper/SelectWrapper.esm.js";export{FileUpload}from"../Form/FileUpload/FileUpload.esm.js";export{MultiSelectWrapper}from"../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.esm.js";export{Wizard}from"../Wizard/Wizard.esm.js";export{WizardActions}from"../Wizard/WizardActions/WizardActions.esm.js";export{WizardSteps}from"../Wizard/WizardSteps/WizardSteps.esm.js";export{BaseWizardSteps}from"../Wizard/BaseWizardSteps/BaseWizardSteps.esm.js";export{DataGrid}from"../DataGrid/DataGrid.esm.js";export{DataGridRow}from"../DataGrid/DataGridBody/DataGridRow.esm.js";export{DataGridCell}from"../DataGrid/DataGridBody/DataGridCell.esm.js";export{Banner}from"../Notifications/Banner/Banner.esm.js";
|
|
2
2
|
//# sourceMappingURL=index.esm.js.map
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"homepage": "http://onewelcome.github.io/react-lib-components",
|
|
3
3
|
"name": "@onewelcome/react-lib-components",
|
|
4
|
-
"version": "6.4.
|
|
4
|
+
"version": "6.4.2",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "OneWelcome B.V.",
|
|
7
7
|
"main": "dist/cjs/src/index.cjs.js",
|
|
@@ -52,13 +52,13 @@
|
|
|
52
52
|
"node": ">=16"
|
|
53
53
|
},
|
|
54
54
|
"devDependencies": {
|
|
55
|
-
"@babel/core": "^7.
|
|
56
|
-
"@babel/preset-env": "^7.
|
|
55
|
+
"@babel/core": "^7.24.0",
|
|
56
|
+
"@babel/preset-env": "^7.24.0",
|
|
57
57
|
"@babel/preset-react": "^7.23.3",
|
|
58
58
|
"@babel/preset-typescript": "^7.23.3",
|
|
59
|
-
"@mdx-js/react": "^3.0.
|
|
59
|
+
"@mdx-js/react": "^3.0.1",
|
|
60
60
|
"@onewelcome/eslint-config-shared-codestyle": "^9.1.0",
|
|
61
|
-
"@onewelcome/storybook-addon-basestyling": "^1.0.
|
|
61
|
+
"@onewelcome/storybook-addon-basestyling": "^1.0.2",
|
|
62
62
|
"@rollup/plugin-commonjs": "^25.0.7",
|
|
63
63
|
"@rollup/plugin-node-resolve": "^15.2.3",
|
|
64
64
|
"@rollup/plugin-typescript": "^11.1.6",
|
|
@@ -82,8 +82,8 @@
|
|
|
82
82
|
"@testing-library/user-event": "^14.5.2",
|
|
83
83
|
"@types/jest": "^29.5.12",
|
|
84
84
|
"@types/mdx": "^2.0.11",
|
|
85
|
-
"@types/react": "^18.2.
|
|
86
|
-
"@types/react-dom": "^18.2.
|
|
85
|
+
"@types/react": "^18.2.65",
|
|
86
|
+
"@types/react-dom": "^18.2.21",
|
|
87
87
|
"@types/react-router": "^5.1.20",
|
|
88
88
|
"@types/react-router-dom": "^5.3.3",
|
|
89
89
|
"@typescript-eslint/eslint-plugin": "^6.21.0",
|
|
@@ -91,24 +91,24 @@
|
|
|
91
91
|
"babel-loader": "^9.1.3",
|
|
92
92
|
"chromatic": "^10.9.3",
|
|
93
93
|
"css-loader": "^6.10.0",
|
|
94
|
-
"eslint": "^8.
|
|
94
|
+
"eslint": "^8.57.0",
|
|
95
95
|
"eslint-config-prettier": "^9.1.0",
|
|
96
96
|
"eslint-plugin-cypress": "^2.15.1",
|
|
97
97
|
"eslint-plugin-export-scope": "^2.0.5",
|
|
98
|
-
"eslint-plugin-jest": "^27.
|
|
98
|
+
"eslint-plugin-jest": "^27.9.0",
|
|
99
99
|
"eslint-plugin-license-header": "^0.6.0",
|
|
100
100
|
"eslint-plugin-prettier": "^5.1.3",
|
|
101
|
-
"eslint-plugin-react": "^7.
|
|
101
|
+
"eslint-plugin-react": "^7.34.0",
|
|
102
102
|
"eslint-plugin-react-hooks": "^4.6.0",
|
|
103
103
|
"eslint-plugin-storybook": "^0.6.15",
|
|
104
|
-
"husky": "^9.0.
|
|
104
|
+
"husky": "^9.0.11",
|
|
105
105
|
"identity-obj-proxy": "^3.0.0",
|
|
106
106
|
"jest": "^29.7.0",
|
|
107
107
|
"jest-environment-jsdom": "^29.7.0",
|
|
108
108
|
"jest-junit": "^16.0.0",
|
|
109
109
|
"jest-sonar-reporter": "^2.0.0",
|
|
110
110
|
"lint-staged": "^15.2.2",
|
|
111
|
-
"mini-css-extract-plugin": "^2.8.
|
|
111
|
+
"mini-css-extract-plugin": "^2.8.1",
|
|
112
112
|
"npm-run-all": "^4.1.5",
|
|
113
113
|
"postcss": "^8.4.35",
|
|
114
114
|
"postcss-modules": "^6.0.0",
|
|
@@ -117,16 +117,16 @@
|
|
|
117
117
|
"react": "^18.2.0",
|
|
118
118
|
"react-dom": "^18.2.0",
|
|
119
119
|
"react-is": "^18.2.0",
|
|
120
|
-
"react-router-dom": "^6.22.
|
|
120
|
+
"react-router-dom": "^6.22.3",
|
|
121
121
|
"remark-gfm": "^4.0.0",
|
|
122
122
|
"rollup": "^2.79.1",
|
|
123
123
|
"rollup-plugin-postcss": "^4.0.2",
|
|
124
124
|
"rollup-plugin-terser": "^7.0.2",
|
|
125
|
-
"sass": "^1.
|
|
126
|
-
"sass-loader": "^14.1.
|
|
127
|
-
"size-limit": "^11.0.
|
|
125
|
+
"sass": "^1.71.1",
|
|
126
|
+
"sass-loader": "^14.1.1",
|
|
127
|
+
"size-limit": "^11.0.3",
|
|
128
128
|
"storybook": "^7.6.14",
|
|
129
|
-
"storybook-addon-pseudo-states": "^2.1
|
|
129
|
+
"storybook-addon-pseudo-states": "^2.2.1",
|
|
130
130
|
"style-loader": "^3.3.4",
|
|
131
131
|
"ts-jest": "^29.1.2",
|
|
132
132
|
"tslib": "^2.6.2",
|
|
@@ -51,7 +51,7 @@ export const useSearch = ({
|
|
|
51
51
|
const searchInputRef = useRef<HTMLInputElement>(null);
|
|
52
52
|
|
|
53
53
|
const threshold = search?.renderThreshold ?? DEFAULT_RENDER_THRESHOLD;
|
|
54
|
-
const hasEnoughChildren = optionsCount
|
|
54
|
+
const hasEnoughChildren = optionsCount >= threshold;
|
|
55
55
|
|
|
56
56
|
const filterResults = (event: React.ChangeEvent<HTMLInputElement>) => {
|
|
57
57
|
setFilter(event.currentTarget.value);
|
package/src/index.ts
CHANGED
|
@@ -147,6 +147,8 @@ export { SelectWrapper } from "./components/Form/Wrapper/SelectWrapper/SelectWra
|
|
|
147
147
|
export type { Props as SelectWrapperProps } from "./components/Form/Wrapper/SelectWrapper/SelectWrapper";
|
|
148
148
|
export { FileUpload } from "./components/Form/FileUpload/FileUpload";
|
|
149
149
|
export type { Props as FileUploadProps } from "./components/Form/FileUpload/FileUpload";
|
|
150
|
+
export { MultiSelectWrapper } from "./components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper";
|
|
151
|
+
export type { Props as MultiSelectWrapperProps } from "./components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper";
|
|
150
152
|
|
|
151
153
|
/** Wizard */
|
|
152
154
|
export { Wizard } from "./components/Wizard/Wizard";
|