widenarrow-ui 0.1.4 → 0.1.6

package/.babelrc.json

@@ -0,0 +1,16 @@
+{
+  "sourceType": "unambiguous",
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "chrome": 100
+        }
+      }
+    ],
+    "@babel/preset-typescript",
+    "@babel/preset-react"
+  ],
+  "plugins": []
+}

package/.eslintrc

@@ -1,105 +1,84 @@
 {
-  "extends": [
-    "react-app",
-    "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/*",
-          "constants/*",
-          "pages/*",
-          "images/*",
-          "normalizers/*",
-          "reducers/*",
-          "sagas/*",
-          "selectors/*",
-          "styles/*",
-          "utils/*",
-          "validators/*",
-          "types/*",
-          "hooks/*"
-        ]
-      }
-    ]
-  },
-  "settings": {
-    "react": {
-      "pragma": "React",
-      "version": "18.x"
-    },
-    "import/resolver": {
-      "node": {
-        "paths": ["src"]
-      }
-    }
-  }
+	"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

@@ -0,0 +1,50 @@
+const { getLocalIdentName } = require('css-loader-shorter-classnames');
+const getLocalIdent = getLocalIdentName();
+
+module.exports = {
+	stories: ['../src/**/*.stories.tsx'],
+	addons: [
+		'@storybook/addon-links',
+		'@storybook/addon-essentials',
+		'@storybook/addon-styling',
+		'@storybook/addon-actions',
+
+		{
+			name: `@storybook/preset-scss`,
+			options: {
+				rule: {
+					test: /\.module\.s[ca]ss$/
+				},
+				cssLoaderOptions: {
+					modules: {
+						localIdentName: '[name]__[local]--[hash:base64:5]'
+					}
+				}
+			}
+		}
+	],
+	docs: {
+		autodocs: true
+	},
+	framework: {
+		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

@@ -0,0 +1,6 @@
+import './storybook.css';
+
+export const parameters = {
+	actions: { argTypesRegex: '^on[A-Z].*' },
+	layout: 'centered'
+};

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;