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: 6338c934943b1c56fef912cfbe032aa415b7288be0d44b23df01b858c4a12c0c
4
- data.tar.gz: 55f1ac8191a65068030e682e8f7d50e337ce6c74c07ad160c5dd61b795d88bbb
3
+ metadata.gz: 1f4769b966dabf8cf4ccc54f825aa29b69560d0884a39c590518e17262c5e329
4
+ data.tar.gz: 60f2476c312db5941580e09b6f14604dd6b536308b740a84f1126abca811de67
5
5
  SHA512:
6
- metadata.gz: 309bd3c9d0885a98a6a280aa7182bcc7617d83cc7f788a435649c832d1188b972c22c4382530c0e30d02c680daa648ce9d0cfb65ee3b2b510ee42a5492440ded
7
- data.tar.gz: 1f8e1b6f661fa9554fa85e9c75a2f5145745179361392a86eddbc8c11a1c8c165e82d8a9040b34daca088e0b73155e8b984c78d12d85a9df2fc3fb7beaf2a0bf
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' style={{display: `${inputDisplay === "none" && "flex"}`}}>
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() ? "" : "Start typing..."}
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
  />