@modul/mbui 0.0.0

package/README.md

@@ -0,0 +1 @@
+# ui

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@modul/mbui",
+  "version": "0.0.0",
+  "packageManager": "yarn@3.5.1",
+  "main": "src/index.ts",
+  "scripts": {
+    "build:demo": "webpack --config ./demo/webpack.config.js",
+    "demo": "yarn dlx http-server demo/dist -so -c-1"
+  },
+  "lintConfig": "./.eslintrc.json",
+  "files": [
+    "src"
+  ],
+  "dependencies": {
+    "react-datepicker": "4.16.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.9.0",
+    "@babel/preset-env": "^7.9.5",
+    "@babel/preset-react": "^7.9.4",
+    "@babel/preset-typescript": "^7.21.5",
+    "@types/node": "^20.1.4",
+    "@types/react": "^18.2.6",
+    "@types/react-datepicker": "4.15.0",
+    "@types/react-dom": "^18.2.4",
+    "@typescript-eslint/eslint-plugin": "5.39.0",
+    "@typescript-eslint/parser": "5.39.0",
+    "@vitejs/plugin-react": "^4.0.0",
+    "babel": "^6.23.0",
+    "babel-loader": "^9.1.2",
+    "classnames": "^2.3.2",
+    "clean-webpack-plugin": "^4.0.0",
+    "config": "3.3.9",
+    "copy-webpack-plugin": "^11.0.0",
+    "css-loader": "^6.8.1",
+    "eslint": "8.25.0",
+    "eslint-config-prettier": "8.5.0",
+    "eslint-plugin-angular": "4.1.0",
+    "eslint-plugin-jest": "27.1.2",
+    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-react": "7.31.10",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "glob": "^10.2.4",
+    "html-webpack-plugin": "5.5.1",
+    "prettier": "2.7.1",
+    "react": "18.2.0",
+    "react-dom": "^18.2.0",
+    "style-loader": "^3.3.3",
+    "stylus": "^0.59.0",
+    "stylus-loader": "^7.1.3",
+    "ts-loader": "^9.4.2",
+    "tslib": "^2.5.0",
+    "typescript": "4.4.4",
+    "webpack": "^5.82.1",
+    "webpack-cli": "^5.1.1"
+  },
+  "peerDependencies": {
+    "classnames": "^2.3.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  }
+}

package/src/Base/Buttons/Button.tsx

@@ -0,0 +1,47 @@
+import React from 'react'
+import classNames from 'classnames'
+
+interface IProps {
+	children?: React.ReactNode
+	loading?: boolean
+	sizeType?: 'normal' | 'big' | 'small' | 'xsmall' | 'xxsmall'
+	variant?: 'primary' | 'green' | 'light' | 'lightPrimary' | 'grey' | 'clean'
+	icon?: string
+	wide?: boolean
+}
+
+type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & IProps
+
+export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+	(
+		{
+			children,
+			loading = false,
+			sizeType = 'normal',
+			variant = 'primary',
+			className,
+			icon,
+			wide = false,
+			...props
+		},
+		ref
+	) => {
+		const styles = classNames('button', sizeType, variant, className, {
+			loader: loading,
+			[`icon-${icon}`]: !!icon,
+			wide,
+		})
+
+		return (
+			<button
+				ref={ref}
+				className={styles}
+				{...props}
+			>
+				{children}
+			</button>
+		)
+	}
+)
+
+export default Button

package/src/Base/Buttons/index.ts

@@ -0,0 +1,3 @@
+import Button from './Button'
+
+export { Button }

package/src/Base/Links/TextLink.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+
+type TextLinkProps = React.HTMLProps<HTMLAnchorElement>
+
+const TextLink = React.forwardRef<HTMLAnchorElement, TextLinkProps>(({ children, ...props }, ref) => {
+	return (
+		<a
+			ref={ref}
+			{...props}
+		>
+			{children}
+		</a>
+	)
+})
+
+export default TextLink

package/src/Base/Links/index.ts

@@ -0,0 +1,3 @@
+import TextLink from './TextLink'
+
+export { TextLink }

package/src/DatePicker/index.tsx

@@ -0,0 +1,4 @@
+import DatePicker from 'react-datepicker'
+import 'react-datepicker/dist/react-datepicker.css'
+
+export { DatePicker }

package/src/index.ts

@@ -0,0 +1,5 @@
+import { Button } from './Base/Buttons'
+import { TextLink } from './Base/Links'
+import { DatePicker } from './DatePicker'
+
+export { Button, TextLink, DatePicker }