@farm-investimentos/front-mfe-components 15.3.6 → 15.4.0

package/src/components/SelectAutoComplete/composables/useSelectAutoComplete.ts

@@ -0,0 +1,37 @@
+import { ref } from 'vue';
+
+export default function useSelectAutoComplete (props) {
+	const multipleValues = ref(Array.isArray(props.value) ? [...props.value] : []);
+	const innerValue = ref(props.value);
+	const isTouched = ref(false);
+	const isFocus = ref(false);
+	const isBlured = ref(false);
+	const isVisible = ref(false);
+	const selectedText = ref('');
+	const checked = ref('1');
+	const notChecked = ref(false);
+	const inputField = ref();
+	const filteredItems = ref();
+
+	const keys = {
+		ArrowDown: 'next',
+		ArrowUp: 'prev',
+		Home: 'first',
+		End: 'last',
+	};
+
+	return {
+		multipleValues,
+		innerValue,
+		isTouched,
+		isFocus,
+		isBlured,
+		isVisible,
+		selectedText,
+		checked,
+		notChecked,
+		inputField,
+		keys,
+		filteredItems,
+	};
+}

package/src/components/SelectAutoComplete/index.ts

@@ -0,0 +1,4 @@
+import SelectAutoComplete from './SelectAutoComplete.vue';
+
+export { SelectAutoComplete };
+export default SelectAutoComplete;

package/src/main.ts

@@ -77,6 +77,7 @@ export * from './components/ProgressBar';
 export * from './components/Radio';
 export * from './components/RadioGroup';
 export * from './components/Select';
+export * from './components/SelectAutoComplete';
 export * from './components/Stepper';
 export * from './components/Switcher';
 export * from './components/Tabs';
@@ -85,7 +86,6 @@ export * from './components/TextFieldV2';
 export * from './components/Tooltip';
 export * from './components/Typography';
 export * from './components/ValueCaption';
-
 export * from './components/layout/Box';
 export * from './components/layout/Col';
 export * from './components/layout/Container';