fleetcor-lwc 3.9.0 → 3.9.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.
Files changed (6) hide show
  1. package/README.md +32 -22
  2. package/frontend/components/flt/inputWithPicklist/inputWithPicklist.html +1 -0
  3. package/frontend/components/flt/inputWithPicklist/inputWithPicklist.js +1 -0
  4. package/frontend/components/flt/picklist/picklist.html +1 -1
  5. package/frontend/components/flt/picklist/picklist.js +9 -0
  6. package/package.json +1 -1
package/README.md CHANGED
@@ -363,11 +363,13 @@ Add / update `lwc.config.json` file in your project
363
363
  | size | string | `medium` | - | Size of buttons (button sizes) |
364
364
  | show-dropdown-as-modal | bool | | - | Show modal with selected options |
365
365
  | modal-dimention-start | int | 1280 | - | If showDropdownAsModal is true, by default modal become visible window width less then 1280px |
366
- | value | string | | - | Current value from options items value |
367
- | disabled | bool | | - | |
368
- | required | bool | | - | |
369
- | group | string | | - | |
370
- | error-message | string | | - | |
366
+ | hide-placeholder | bool | | - | Hide placeholder on picklist in desktop version and if value is exist |
367
+
368
+ | value | string | | - | Current value from options items value |
369
+ | disabled | bool | | - | |
370
+ | required | bool | | - | |
371
+ | group | string | | - | |
372
+ | error-message | string | | - | |
371
373
 
372
374
  #### Picklist methods
373
375
 
@@ -526,6 +528,7 @@ This component fully extends from `Input Text`
526
528
  show-dropdown-as-modal
527
529
  placeholder="{picklist:'picklistPlaceholder', input:'inputPlaceholder'}"
528
530
  onchange="{handleInputWithPicklist}"
531
+ hide-placeholder-picklist
529
532
  min-value="100"
530
533
  max-value="1000"
531
534
  max-length="4000"
@@ -538,21 +541,24 @@ This component fully extends from `Input Text`
538
541
 
539
542
  #### Input With Picklist variables
540
543
 
541
- | @api variables | type | values | required | description |
542
- | -------------- | ------ | ------ | -------- | ------------------------------------------------------------------ |
543
- | name | object | | + | in format `{picklist:'value', input:'value'}` |
544
- | label | object | | - | in format `{picklist:'value', input:'value'}` |
545
- | value | object | | - | in format `{picklist:'value', input:'value'}` |
546
- | placeholder | object | | - | in format `{picklist:'value', input:'value'}` |
547
- | error-message | string | | - | |
548
- | required | bool | | - | |
549
- | disabled | bool | | - | |
550
- | prefix | string | | - | |
551
- | reg-exp | string | | - | |
552
- | max-length | int | | - | |
553
- | min-value | int | | - | |
554
- | options | array | | + | Array of available items with `label` and `value` as unique string |
555
- | max-value | int | | - | |
544
+ | @api variables | type | values | required | description |
545
+ | ------------------------- | ------ | ------ | -------- | --------------------------------------------------------------------------------------------- |
546
+ | name | object | | + | in format `{picklist:'value', input:'value'}` |
547
+ | label | object | | - | in format `{picklist:'value', input:'value'}` |
548
+ | value | object | | - | in format `{picklist:'value', input:'value'}` |
549
+ | placeholder | object | | - | in format `{picklist:'value', input:'value'}` |
550
+ | error-message | string | | - | |
551
+ | required | bool | | - | |
552
+ | hide-placeholder-picklist | bool | | - | Hide placeholder on picklist in desktop version and if value is exist |
553
+ | disabled | bool | | - | |
554
+ | show-dropdown-as-modal | bool | | - | Show modal with selected options |
555
+ | modal-dimention-start | int | 1280 | - | If showDropdownAsModal is true, by default modal become visible window width less then 1280px |
556
+ | prefix | string | | - | |
557
+ | reg-exp | string | | - | |
558
+ | max-length | int | | - | |
559
+ | min-value | int | | - | |
560
+ | options | array | | + | Array of available items with `label` and `value` as unique string |
561
+ | max-value | int | | - | |
556
562
 
557
563
  #### Input With Picklist methods
558
564
 
@@ -720,9 +726,13 @@ You can override them as you wish by global css variables as priority.
720
726
 
721
727
  ## Release Notes:
722
728
 
723
- - v.3.9.0
729
+ - v.3.9.2
730
+
731
+ - Bug fix `Readmi.md`
732
+
733
+ - v.3.9.1
724
734
 
725
- - Added new component `flt-input-with-picklist`
735
+ - Bug fix `flt-input-with-picklist` and `flt-picklist`
726
736
 
727
737
  - v.3.8.6
728
738
 
package/frontend/components/flt/inputWithPicklist/inputWithPicklist.html CHANGED
@@ -9,6 +9,7 @@
9
9
  options={options}
10
10
  disabled={disabled}
11
11
  required={required}
12
+ hide-placeholder={hidePlaceholderPicklist}
12
13
  onfocus={handleFocus}
13
14
  onblur={handleBlur}
14
15
  show-dropdown-as-modal={showDropdownAsModal}
package/frontend/components/flt/inputWithPicklist/inputWithPicklist.js CHANGED
@@ -14,6 +14,7 @@ export default class InputWithPicklist extends UserDataValidator {
14
14
  @api regExp
15
15
  @api options
16
16
  @api inputPrefix
17
+ @api hidePlaceholderPicklist
17
18
  @api showDropdownAsModal
18
19
  @api modalDimentionStart = 1280
19
20
  @api name = {
package/frontend/components/flt/picklist/picklist.html CHANGED
@@ -2,7 +2,7 @@
2
2
  <div class={computedStyles} tabindex="0" onfocus={handleShowView} onblur={handleHideView}>
3
3
  <div class="flt-picklist__wrapp">
4
4
  <div class="flt-picklist__wrapp-text">
5
- <div class="flt-picklist__placeholder">{placeholder}</div>
5
+ <div lwc:if={placeholderVisible} class="flt-picklist__placeholder">{placeholder}</div>
6
6
  <div class="flt-picklist__value" lwc:inner-html={displayLabel}></div>
7
7
  </div>
8
8
  <svg
package/frontend/components/flt/picklist/picklist.js CHANGED
@@ -14,6 +14,15 @@ export default class Picklist extends SelectElement {
14
14
  @api prefix
15
15
  @api showDropdownAsModal
16
16
  @api modalDimentionStart = 1280
17
+ @api hidePlaceholder
18
+
19
+ get placeholderVisible() {
20
+ let result = true
21
+ if (this.hidePlaceholder) {
22
+ result = !this.value
23
+ }
24
+ return result
25
+ }
17
26
 
18
27
  render() {
19
28
  let result = picklist
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fleetcor-lwc",
3
- "version": "3.9.0",
3
+ "version": "3.9.2",
4
4
  "description": "LWC framework by Fleetcor",
5
5
  "repository": {
6
6
  "type": "git",