playbook_ui 12.31.0.pre.alpha.multilevelnopillsdesigns941 → 12.31.0.pre.alpha.multilevelnopillsdesigns944
Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 1f4769b966dabf8cf4ccc54f825aa29b69560d0884a39c590518e17262c5e329
|
|
4
|
+
data.tar.gz: 60f2476c312db5941580e09b6f14604dd6b536308b740a84f1126abca811de67
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 369f3abd7579952d66f1eda983def3158e94ded442861a8a5890b6def5fcbbc0ac4bb83776d8702c8fa973ccdc37f561daf3539676bb5333ac74096a2bbd8662
|
|
7
|
+
data.tar.gz: 189f950cd2d49e95781c1af4f8f5db4006cd3d826641d15e91e13cac284fc17a66f5a15998063b16ae9fc7ede82adc929a7e6220bf3d731ef9a1b497d4180b4f
|
|
@@ -6,7 +6,6 @@ import Checkbox from "../pb_checkbox/_checkbox"
|
|
|
6
6
|
import Icon from "../pb_icon/_icon"
|
|
7
7
|
import FormPill from "../pb_form_pill/_form_pill"
|
|
8
8
|
import CircleIconButton from "../pb_circle_icon_button/_circle_icon_button"
|
|
9
|
-
import Body from "../pb_body/_body"
|
|
10
9
|
import { cloneDeep } from "lodash"
|
|
11
10
|
|
|
12
11
|
import {
|
|
@@ -320,7 +319,7 @@ const MultiLevelSelect = (props: MultiLevelSelectProps) => {
|
|
|
320
319
|
<div {...ariaProps} {...dataProps} className={classes} id={id}>
|
|
321
320
|
<div ref={dropdownRef} className='wrapper'>
|
|
322
321
|
<div className='input_wrapper' onClick={handleInputWrapperClick}>
|
|
323
|
-
<div className='input_inner_container'
|
|
322
|
+
<div className='input_inner_container'>
|
|
324
323
|
{returnedArray.length !== 0 && returnAllSelected
|
|
325
324
|
? returnedArray.map((item) => (
|
|
326
325
|
<input type='hidden' name={`${name}[]`} value={item.id} />
|
|
@@ -349,11 +348,6 @@ const MultiLevelSelect = (props: MultiLevelSelectProps) => {
|
|
|
349
348
|
))
|
|
350
349
|
: null
|
|
351
350
|
}
|
|
352
|
-
{
|
|
353
|
-
inputDisplay === "none" && itemsSelectedLength() && (
|
|
354
|
-
<Body paddingRight="xs">{`${itemsSelectedLength()} ${itemsSelectedLength() === 1 ? 'item' : 'items'} selected`}</Body>
|
|
355
|
-
)
|
|
356
|
-
}
|
|
357
351
|
{returnedArray.length !== 0 && returnAllSelected && inputDisplay === "pills" && <br />}
|
|
358
352
|
{defaultReturn.length !== 0 && !returnAllSelected && inputDisplay === "pills" && <br />}
|
|
359
353
|
<input
|
|
@@ -361,7 +355,9 @@ const MultiLevelSelect = (props: MultiLevelSelectProps) => {
|
|
|
361
355
|
onChange={(e) => {
|
|
362
356
|
setFilterItem(e.target.value)
|
|
363
357
|
}}
|
|
364
|
-
placeholder={inputDisplay === "none" && itemsSelectedLength() ?
|
|
358
|
+
placeholder={inputDisplay === "none" && itemsSelectedLength() ? (
|
|
359
|
+
`${itemsSelectedLength()} ${itemsSelectedLength() === 1 ? 'item' : 'items'} selected`
|
|
360
|
+
) : ("Start typing...")}
|
|
365
361
|
value={filterItem}
|
|
366
362
|
onClick={() => setIsClosed(false)}
|
|
367
363
|
/>
|