widenarrow-ui 1.1.51 → 1.1.53

package/custom.js

@@ -0,0 +1,32 @@
+const fs = require('fs'); // eslint-disable-line
+const path = require('path'); // eslint-disable-line
+
+const updateSvgFiles = (filePath) => {
+	let content = fs.readFileSync(filePath, 'utf8');
+
+	if (content.includes('<svg')) {
+		// Remove aria-label attribute
+		content = content.replace(/aria-label="[^"]*"/g, '');
+
+		// Add role="img" attribute
+		content = content.replace(/<svg([^>]*)>/, `<svg$1 role="img">`);
+
+		fs.writeFileSync(filePath, content, 'utf8');
+		console.log(`Updated ${filePath}`);
+	}
+};
+
+const traverseDirectory = (dir) => {
+	fs.readdirSync(dir).forEach((file) => {
+		const filePath = path.join(dir, file);
+		if (fs.statSync(filePath).isDirectory()) {
+			traverseDirectory(filePath);
+		} else if (filePath.endsWith('.tsx')) {
+			updateSvgFiles(filePath);
+		}
+	});
+};
+
+// Start the traversal from the svg directory
+const svgDirectory = path.join(process.cwd(), 'src/assets/svg');
+traverseDirectory(svgDirectory);

package/lib/components/Checkbox/Checkbox.types.d.ts

@@ -1,10 +1,12 @@
-import { ChangeEvent, MouseEvent } from 'react';
+import { ChangeEvent, MouseEvent, FocusEvent } from 'react';
 export interface CheckboxProps {
     label: string;
     id?: string | number;
     value?: string;
     name?: string;
     onChange?: (val: string, event: ChangeEvent<HTMLInputElement>) => void;
+    onFocusCallback?: (event: FocusEvent<HTMLInputElement>) => void;
+    onBlurCallback?: (event: FocusEvent<HTMLInputElement>) => void;
     onChangeFake?: (val: string, event: MouseEvent<HTMLDivElement>) => void;
     className?: string;
     ariaLabel?: string;

package/lib/components/RadioButton/RadioButton.types.d.ts

@@ -1,3 +1,4 @@
+import { ChangeEvent, FocusEvent } from 'react';
 export interface RadioButtonProps {
     className?: string;
     name?: string;
@@ -11,5 +12,7 @@ export interface RadioButtonProps {
     withEllipsis?: boolean;
     checked: boolean;
     toolTip?: string;
-    onChange: (value?: string | number) => void;
+    onChange: (val: string | number, event: ChangeEvent<HTMLInputElement>) => void;
+    onFocusCallback?: (event: FocusEvent<HTMLInputElement>) => void;
+    onBlurCallback?: (event: FocusEvent<HTMLInputElement>) => void;
 }

package/lib/components/SelectInput/SelectInput.types.d.ts

@@ -1,3 +1,4 @@
+import { RefObject } from 'react';
 import { SizeTypes } from '../../constants';
 export interface OptionItem {
     text: string;
@@ -5,6 +6,8 @@ export interface OptionItem {
     disabled?: boolean;
 }
 export interface SelectInputProps {
+    inputRef?: RefObject<HTMLSelectElement>;
+    id?: string | number;
     className?: string;
     inputClassName?: string;
     defaultOption?: string;
@@ -13,11 +16,13 @@ export interface SelectInputProps {
     sizeLg?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
     sizeXl?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
     disabled?: boolean;
+    withLabel?: boolean;
     error?: string;
     helperText?: string;
     text?: string;
     marginBottom?: boolean;
     loading?: boolean;
+    ariaLabel?: string;
     label?: string;
     name: string;
     onChange: (value: string | number) => void;