playbook_ui 12.31.0.pre.alpha.multilevelnopillsdesigns941 → 12.31.0.pre.alpha.multilevelnopillsdesigns944
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.
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
|
/>
|