@farm-investimentos/front-mfe-components 11.1.0 → 11.2.0

package/src/components/TableContextMenu/TableContextMenu.stories.js

@@ -64,3 +64,18 @@ export const ClickHandler = () => ({
 		<farm-context-menu :items="[{ label: 'Click me', icon: { type: 'open-in-new' }, handler: 'edit' }]" @edit="editItem()" />
 	</div>`,
 });
+
+export const OnRightSide = () => ({
+	data() {
+		return {
+			items: [
+				{ label: 'Novo', icon: { type: 'open-in-new' } },
+				{ label: 'Nome bem longo sem quebrar linha', icon: { color: 'secondary', type: 'open-in-new' } },
+				{ label: 'Remover', icon: { color: 'error', type: 'delete' } },
+			],
+		};
+	},
+	template: `<div style="padding-left: 80px; display: flex; justify-content: end;">
+		<farm-context-menu ref="multi" :items="items" />
+	</div>`,
+});

package/src/components/Typography/Typography.scss

@@ -59,4 +59,5 @@
 			font-size: calc(#{$val} - 2px);
 		}
 	}
-}
+}
+

package/src/helpers/calculateMainZindex.js

@@ -0,0 +1,10 @@
+export default () => {
+	const zIndex = Math.max(
+		...Array.from(document.querySelectorAll('body *'), el =>
+			parseFloat(window.getComputedStyle(el).zIndex)
+		).filter(zIndex => !Number.isNaN(zIndex)),
+		0
+	);
+
+	return zIndex;
+};

package/src/helpers/date.js

@@ -6,6 +6,9 @@ export const defaultFormat = (data, UTCTimeZone = true) => {
 };
 
 export const convertDate = (data) => {
+	if(!data) {
+		return '';
+	}
 	let newdate = data.split("/").reverse().join("-");
 	return newdate;
 };

package/src/helpers/index.js

@@ -0,0 +1 @@
+export { default as calculateMainZindex } from './calculateMainZindex';

package/src/components/Switcher/Switcher.api.stories.js

@@ -1,20 +0,0 @@
-import Switch from './Switcher';
-
-export default {
-	title: 'Form/Switcher',
-	component: Switch,
-};
-
-export const Primary = () => ({
-	components: { 'farm-switch': Switch },
-	data() {
-		return {
-			selectedValue: false,
-		};
-	},
-	template: `<div>
-	<farm-switch v-model="selectedValue" block />
-	</div>`,
-});
-
-Primary.storyName = 'Basic';