widenarrow-ui 0.1.5 → 0.1.6

package/.eslintrc

@@ -0,0 +1,84 @@
+{
+	"extends": ["react-app", "airbnb-base", "plugin:@typescript-eslint/eslint-recommended", "plugin:@typescript-eslint/recommended"],
+	"plugins": ["react", "import", "@typescript-eslint"],
+	"env": {
+		"jest": true,
+		"browser": true
+	},
+	"rules": {
+		"no-undef": ["warn", { "typeof": true }],
+		"function-paren-newline": 0,
+		"no-mixed-spaces-and-tabs": 0,
+		"no-confusing-arrow": 0,
+		"no-return-assign": ["error", "except-parens"],
+		"generator-star-spacing": 0,
+		"default-param-last": 0,
+		"prefer-regex-literals": 0,
+		"no-unused-expressions": ["error", { "allowTernary": true, "allowShortCircuit": true }],
+		"class-methods-use-this": 0,
+		"prefer-destructuring": 0,
+		"no-nested-ternary": 0,
+		"no-plusplus": 0,
+		"no-restricted-globals": 0,
+		"no-restricted-syntax": 0,
+		"no-underscore-dangle": 0,
+		"no-use-before-define": "warn",
+		"no-shadow": 0,
+		"object-curly-newline": 0,
+		"template-curly-spacing": 0,
+		"comma-dangle": ["error", "never"],
+		"func-names": 0,
+		"space-before-function-paren": 0,
+		"no-param-reassign": 0,
+		"implicit-arrow-linebreak": 0,
+		"arrow-parens": 0,
+		"operator-linebreak": 0,
+		"consistent-return": 0,
+		"no-continue": 0,
+		"no-tabs": ["warn", { "allowIndentationTabs": true }],
+		"indent": 0,
+		"import/no-mutable-exports": "warn",
+		"react/no-deprecated": "warn",
+		"react/prop-types": 0,
+		"react/forbid-prop-types": 0,
+		"react/display-name": 0,
+		"import/no-extraneous-dependencies": 0,
+		"react/react-in-jsx-scope": 0,
+		"no-console": "warn",
+		"spaced-comment": "warn",
+		"@typescript-eslint/rule-name": 0,
+		"@typescript-eslint/no-var-requires": 0,
+		"@typescript-eslint/no-use-before-define": "warn",
+		"@typescript-eslint/no-unused-vars": "warn",
+		"@typescript-eslint/explicit-module-boundary-types": 0,
+		"max-len": [
+			"error",
+			{
+				"code": 140,
+				"tabWidth": 2,
+				"ignoreComments": true,
+				"ignoreUrls": true,
+				"ignoreStrings": true,
+				"ignoreTemplateLiterals": true,
+				"ignoreRegExpLiterals": true
+			}
+		],
+		"import/no-unresolved": [
+			"error",
+			{
+				"ignore": ["components/*", "assets/*", "styles/*", "types/*"]
+			}
+		]
+	},
+	"settings": {
+		"react": {
+			"pragma": "React",
+			"version": "18.x"
+		},
+		"import/resolver": {
+			"node": {
+				"paths": ["src"]
+			}
+		}
+	}
+}

package/.storybook/main.js

@@ -8,14 +8,7 @@ module.exports = {
 		'@storybook/addon-essentials',
 		'@storybook/addon-styling',
 		'@storybook/addon-actions',
-		// {
-		// 	name: `@storybook/preset-scss`,
-		// 	options: {
-		// 		rule: {
-		// 			test: /(?<!\.module).s[ca]ss$/
-		// 		}
-		// 	}
-		// },
+
 		{
 			name: `@storybook/preset-scss`,
 			options: {
@@ -37,4 +30,21 @@ module.exports = {
 		name: '@storybook/react-webpack5',
 		options: {}
 	}
+	// TODO. Find solution for using svg Icons
+	// webpackFinal: async (config) => {
+	// 	// remove svg from existing rule
+	// 	const assetrule = config.module.rules.find(({ test }) => test.test('.svg'));
+
+	// 	const assetloader = {
+	// 		loader: assetrule.loader,
+	// 		options: assetrule.options || assetrule.query
+	// 	};
+
+	// 	config.module.rules.unshift({
+	// 		test: /\.svg$/,
+	// 		use: ['@svgr/webpack', assetloader]
+	// 	});
+
+	// 	return config;
+	// }
 };

package/.storybook/preview.js

@@ -1,4 +1,4 @@
-// import '../src/styles/main.scss';
+import './storybook.css';
 
 export const parameters = {
 	actions: { argTypesRegex: '^on[A-Z].*' },

package/.storybook/storybook.css

@@ -0,0 +1,3 @@
+html {
+	font-family: 'Assistant', sans-serif;
+}

package/lib/assets/svg/accountSettings.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/addChart.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/addFolder.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/addOutlined.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/addPageBreak.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/addPost.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/addSectionAbove.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/addSectionBelow.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/ai.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/arrowDown.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/arrowFirstPage.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/arrowForkRight.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/arrowLastPage.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/arrowLeft.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/arrowRight.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/arrowUp.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/attachment.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/banner.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/benchmarks.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/block.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/cancelTrial.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/cardMode.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/changeOrder.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/check.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/checkCircleExtraSmall.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/checkCircleLarge.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/checkCircleSmall.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/checkIndeterminateWhite.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/chevron.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/chevronLeft.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/chevronRight.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/chevronUp.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/classification.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/clipBoard.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/cluster.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/cogwheel.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/comment.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/compare.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/copy.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/createNewsletter.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/cross.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/crossCircleExtraSmall.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/crossCircleLarge.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/crossCircleSmall.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/crossCircleSmallFilled.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/dashboard.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/dateRange.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/description.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/desktop.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/dot.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/dotOutlined.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/dots.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/dotsBackground.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/download.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/duplicate.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/dynamic_feed.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/edit.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/embed.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/errorOutlined.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/ethernet.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/exitToApp.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/expand.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/expandArrows.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/feed.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/filter.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/filterSettings.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/folder.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/folderFilled.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/formatFontSize.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/formatImgBottom.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/formatImgCenterCenter.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/formatImgCrop.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/formatImgHero.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/formatImgLeft.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/formatImgLeftBottom.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/formatImgLeftCenter.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/formatImgRight.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/formatImgRightBottom.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/formatImgRightCenter.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/formatImgTop.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/formatTextAlignCenter.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;

package/lib/assets/svg/formatTextAlignLeft.d.ts

@@ -0,0 +1,4 @@
+declare function _default({ className }: {
+    className: any;
+}): JSX.Element;
+export default _default;