@farm-investimentos/front-mfe-components 15.14.15 → 15.14.17

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 (18) hide show
  1. package/dist/front-mfe-components.common.js +141 -132
  2. package/dist/front-mfe-components.common.js.map +1 -1
  3. package/dist/front-mfe-components.css +1 -1
  4. package/dist/front-mfe-components.umd.js +141 -132
  5. package/dist/front-mfe-components.umd.js.map +1 -1
  6. package/dist/front-mfe-components.umd.min.js +1 -1
  7. package/dist/front-mfe-components.umd.min.js.map +1 -1
  8. package/dist/img/assignment-check.ea7f0b2e.svg +1 -0
  9. package/dist/img/pencil-line.d9e999e9.svg +1 -0
  10. package/package.json +1 -1
  11. package/src/assets/icons/assignment-check/assignment-check.scss +13 -0
  12. package/src/assets/icons/assignment-check/assignment-check.svg +1 -0
  13. package/src/assets/icons/custom-icons-list.ts +2 -0
  14. package/src/assets/icons/custom-icons.scss +3 -1
  15. package/src/assets/icons/pencil-line/pencil-line.scss +13 -0
  16. package/src/assets/icons/pencil-line/pencil-line.svg +1 -0
  17. package/src/components/ContextMenu/ContextMenu.vue +1 -1
  18. package/src/components/RangeDatePicker/RangeDatePicker.vue +11 -1
package/dist/img/assignment-check.ea7f0b2e.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" ><path d="m424-318 282-282-56-56-226 226-114-114-56 56 170 170ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h168q13-36 43.5-58t68.5-22q38 0 68.5 22t43.5 58h168q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm280-590q13 0 21.5-8.5T510-820q0-13-8.5-21.5T480-850q-13 0-21.5 8.5T450-820q0 13 8.5 21.5T480-790ZM200-200v-560 560Z"/></svg>
package/dist/img/pencil-line.d9e999e9.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" ><g><rect fill="none" height="24" width="24"/></g><g><g><path d="M16.81,8.94l-3.75-3.75L4,14.25V18h3.75L16.81,8.94z M6,16v-0.92l7.06-7.06l0.92,0.92L6.92,16H6z"/><path d="M19.71,6.04c0.39-0.39,0.39-1.02,0-1.41l-2.34-2.34C17.17,2.09,16.92,2,16.66,2c-0.25,0-0.51,0.1-0.7,0.29l-1.83,1.83 l3.75,3.75L19.71,6.04z"/><rect height="4" width="20" x="2" y="20"/></g></g></svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@farm-investimentos/front-mfe-components",
3
- "version": "15.14.15",
3
+ "version": "15.14.17",
4
4
  "author": "farm investimentos",
5
5
  "private": false,
6
6
  "main": "./dist/front-mfe-components.common.js",
package/src/assets/icons/assignment-check/assignment-check.scss ADDED
@@ -0,0 +1,13 @@
1
+ .farm-icon {
2
+ &.custom-assignment-check:before {
3
+ content: '';
4
+ display: inline-block;
5
+ width: 1em;
6
+ height: 1em;
7
+ background-color: currentColor;
8
+ mask: url('../../assets/icons/assignment-check/assignment-check.svg') no-repeat center;
9
+ mask-size: contain;
10
+ -webkit-mask: url('../../assets/icons/assignment-check/assignment-check.svg') no-repeat center;
11
+ -webkit-mask-size: contain;
12
+ }
13
+ }
package/src/assets/icons/assignment-check/assignment-check.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" ><path d="m424-318 282-282-56-56-226 226-114-114-56 56 170 170ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h168q13-36 43.5-58t68.5-22q38 0 68.5 22t43.5 58h168q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm280-590q13 0 21.5-8.5T510-820q0-13-8.5-21.5T480-850q-13 0-21.5 8.5T450-820q0 13 8.5 21.5T480-790ZM200-200v-560 560Z"/></svg>
package/src/assets/icons/custom-icons-list.ts CHANGED
@@ -6,6 +6,8 @@ export const customIconsList = [
6
6
  'custom-bar-chart',
7
7
  'custom-wallet',
8
8
  'custom-clipboard',
9
+ 'custom-assignment-check',
10
+ 'custom-pencil-line',
9
11
  ];
10
12
 
11
13
  export default customIconsList;
package/src/assets/icons/custom-icons.scss CHANGED
@@ -5,4 +5,6 @@
5
5
  @import './price-check/price-check.scss';
6
6
  @import './bar-chart/bar-chart.scss';
7
7
  @import './wallet/wallet.scss';
8
- @import './clipboard/clipboard.scss';
8
+ @import './clipboard/clipboard.scss';
9
+ @import './assignment-check/assignment-check.scss';
10
+ @import './pencil-line/pencil-line.scss';
package/src/assets/icons/pencil-line/pencil-line.scss ADDED
@@ -0,0 +1,13 @@
1
+ .farm-icon {
2
+ &.custom-pencil-line:before {
3
+ content: '';
4
+ display: inline-block;
5
+ width: 1em;
6
+ height: 1em;
7
+ background-color: currentColor;
8
+ mask: url('../../assets/icons/pencil-line/pencil-line.svg') no-repeat center;
9
+ mask-size: contain;
10
+ -webkit-mask: url('../../assets/icons/pencil-line/pencil-line.svg') no-repeat center;
11
+ -webkit-mask-size: contain;
12
+ }
13
+ }
package/src/assets/icons/pencil-line/pencil-line.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" ><g><rect fill="none" height="24" width="24"/></g><g><g><path d="M16.81,8.94l-3.75-3.75L4,14.25V18h3.75L16.81,8.94z M6,16v-0.92l7.06-7.06l0.92,0.92L6.92,16H6z"/><path d="M19.71,6.04c0.39-0.39,0.39-1.02,0-1.41l-2.34-2.34C17.17,2.09,16.92,2,16.66,2c-0.25,0-0.51,0.1-0.7,0.29l-1.83,1.83 l3.75,3.75L19.71,6.04z"/><rect height="4" width="20" x="2" y="20"/></g></g></svg>
package/src/components/ContextMenu/ContextMenu.vue CHANGED
@@ -116,7 +116,7 @@ export default defineComponent({
116
116
  };
117
117
 
118
118
  const closeAllHandler = (event: CustomEvent) => {
119
- if (event.detail?.exceptId !== instanceContextId && inputValue.value) {
119
+ if (event.detail && event.detail.exceptId !== instanceContextId && inputValue.value) {
120
120
  inputValue.value = false;
121
121
  emit('input', false);
122
122
  }
package/src/components/RangeDatePicker/RangeDatePicker.vue CHANGED
@@ -4,7 +4,9 @@
4
4
  v-model="menuField"
5
5
  ref="contextmenu"
6
6
  maxHeight="auto"
7
- bottom
7
+ :bottom="position === 'bottom'"
8
+ :top="position === 'top'"
9
+ :fixedCentered="position === 'fixed-centered'"
8
10
  popup-width="320"
9
11
  >
10
12
  <v-date-picker
@@ -137,6 +139,14 @@ export default defineComponent({
137
139
  type: String,
138
140
  default: 'A data selecionada deve ser entre {min} e {max}',
139
141
  },
142
+ /**
143
+ * Posição do datepicker (top, bottom, fixed-centered)
144
+ */
145
+ position: {
146
+ type: String,
147
+ default: 'bottom',
148
+ validator: value => ['top', 'bottom', 'fixed-centered'].includes(value),
149
+ },
140
150
  },
141
151
  data() {
142
152
  const s = this.formatDateRange(this.value);