Merge pull request #25945 from fabioh8010/ts/style/addOutlineWidth

[No QA] [TS migration] Migrate 'addOutlineWidth' style to TypeScript

src/styles/addOutlineWidth/index.native.ts

@@ -0,0 +1,10 @@
+/**
+ * Native platforms don't support the "addOutlineWidth" property, so this
+ * function is a no-op
+ */
+
+import AddOutlineWidth from './types';
+
+const addOutlineWidth: AddOutlineWidth = (obj) => obj;
+
+export default addOutlineWidth;

src/styles/addOutlineWidth/index.ts

@@ -0,0 +1,19 @@
+/**
+ * Web and desktop platforms support the "addOutlineWidth" property, so it
+ * can be added to the object
+ */
+
+import themeDefault from '../themes/default';
+import AddOutlineWidth from './types';
+
+/**
+ * Adds the addOutlineWidth property to an object to be used when styling
+ */
+const addOutlineWidth: AddOutlineWidth = (obj, val, error = false) => ({
+    ...obj,
+    outlineWidth: val,
+    outlineStyle: val ? 'auto' : 'none',
+    boxShadow: val !== 0 ? `0px 0px 0px ${val}px ${error ? themeDefault.danger : themeDefault.borderFocus}` : 'none',
+});
+
+export default addOutlineWidth;

src/styles/addOutlineWidth/types.ts

@@ -0,0 +1,6 @@
+import {CSSProperties} from 'react';
+import {TextStyle} from 'react-native';
+
+type AddOutlineWidth = (obj: TextStyle | CSSProperties, val?: number, error?: boolean) => TextStyle | CSSProperties;
+
+export default AddOutlineWidth;