widenarrow-ui 0.1.2 → 0.1.4

package/.babelrc

@@ -1,11 +1,18 @@
 {
-	"presets": ["@babel/react"],
-	"ignore": ["**/__snapshots__", "**/*.d.ts", "**/*.test.*"],
-	"plugins": [
-		"@babel/plugin-transform-typescript",
-		"babel-plugin-typescript-to-proptypes",
-		"@babel/plugin-proposal-export-default-from",
-		"@babel/proposal-class-properties",
-		"@babel/proposal-object-rest-spread"
+	"presets": [
+		[
+			"@babel/env",
+			{
+				"targets": {
+					"edge": "17",
+					"firefox": "60",
+					"chrome": "67",
+					"safari": "11.1"
+				},
+				"useBuiltIns": "usage",
+				"corejs": "3.6.5"
+			}
+		],
+		"@babel/preset-react"
 	]
 }

package/{src → dist}/components/Box/Box.tsx

@@ -2,9 +2,10 @@ import { forwardRef, ReactNode } from 'react';
 import classNames from 'classnames/bind';
 import { is } from 'ramda';
 
-import { MarginInterface, PaddingInterface, FlexStylingInterface } from 'types/styling';
+import { MarginInterface, PaddingInterface, FlexStylingInterface } from '../../types/styling';
 
 import styles from './Box.module.scss';
+// import styles from 'components/Box/Box.module.scss';
 
 const s = classNames.bind(styles);
 

package/dist/components/index.tsx

@@ -0,0 +1,3 @@
+import Box from './Box/Box'; // eslint-ignore-line
+
+export default { Box, Card };

package/package.json

@@ -1,16 +1,11 @@
 {
 	"name": "widenarrow-ui",
-	"version": "0.1.2",
-	"main": "dist/js/index.js",
-	"module": "dist/esm/index.js",
-	"types": "dist/js/index.d.ts",
+	"version": "0.1.4",
 	"private": false,
-	"publishConfig": {
-		"access": "public",
-		"tag": "prerelease"
-	},
+	"main": "dist/index.js",
+	"module": "dist/index.js",
 	"dependencies": {
-		"@babel/core": "^7.22.20",
+		"@babel/polyfill": "^7.12.1",
 		"@testing-library/jest-dom": "5.17.0",
 		"@testing-library/react": "13.4.0",
 		"@testing-library/user-event": "13.5.0",
@@ -29,14 +24,7 @@
 		"web-vitals": "2.1.4"
 	},
 	"scripts": {
-		"build:lib": "npm run build:babel && npm run build:types && node ./scripts/copyTS.js",
-		"build:babel": "concurrently \"npm run build:babel:esm && npm run build:babel:umd\" \"npm run build:babel:cjs\"",
-		"build:babel:cjs": "BABEL_ENV=cjs babel --source-maps --extensions \".js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env",
-		"build:babel:esm": "BABEL_ENV=esm babel --source-maps --extensions \".js,.ts,.tsx\" src --out-dir dist/esm",
-		"build:babel:umd": "BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd",
-		"build:types": "tsc -p tsconfig.gen-dts.json",
-		"clean": "rimraf dist",
-		"develop": "npm run build:types && npm run build:babel:esm --skip-initial-build --watch --verbose"
+		"build": "rm -rf dist && NODE_ENV=production babel src/lib --out-dir dist --copy-files"
 	},
 	"eslintConfig": {
 		"extends": [
@@ -58,12 +46,7 @@
 	},
 	"devDependencies": {
 		"@babel/cli": "^7.22.15",
-		"@babel/plugin-proposal-export-default-from": "^7.22.17",
-		"babel-plugin-transform-es2015-modules-umd": "^6.24.1",
-		"babel-plugin-typescript-to-proptypes": "^2.1.0",
-		"babel-preset-env": "^1.7.0",
-		"babel-preset-react": "^6.24.1",
-		"babel-preset-stage-2": "^6.24.1",
-		"concurrently": "^8.2.1"
+		"@babel/core": "^7.22.20",
+		"@babel/preset-env": "^7.22.20"
 	}
 }

package/{dist → src/lib/components}/Box/Box.tsx

@@ -2,9 +2,10 @@ import { forwardRef, ReactNode } from 'react';
 import classNames from 'classnames/bind';
 import { is } from 'ramda';
 
-import { MarginInterface, PaddingInterface, FlexStylingInterface } from 'types/styling';
+import { MarginInterface, PaddingInterface, FlexStylingInterface } from '../../types/styling';
 
 import styles from './Box.module.scss';
+// import styles from 'components/Box/Box.module.scss';
 
 const s = classNames.bind(styles);
 

package/src/lib/components/index.tsx

@@ -0,0 +1,4 @@
+import Box from './Box/Box'; // eslint-ignore-line
+import Card from './Card/Card'; // eslint-ignore-line
+
+export default { Box, Card };

package/src/styles/main.scss

@@ -3,7 +3,6 @@
 @import 'colors';
 @import 'mixins';
 @import 'libraryOverrides';
-// @import 'print';
 
 /**
 	This sole purpose of this rule and its font size is to set a base for our rem values, which in turn ONLY should be used
@@ -14,11 +13,6 @@ html {
 	font-size: 15px;
 }
 
-/**
-|--------------------------------------------------
-| <HTML> TAGS
-|--------------------------------------------------
-*/
 *,
 *::after,
 *::before {
@@ -210,43 +204,6 @@ pre code {
 	border-radius: 0;
 }
 
-@media screen and (max-width: 767px) {
-	input {
-		font-size: 16px !important;
-	}
-}
-
-/**
-|--------------------------------------------------
-| Scrollwheel (only chrome)
-|--------------------------------------------------
-*/
-/* width */
-// ::-webkit-scrollbar {
-// 	width: 8px;
-// }
-
-// /* Track */
-// ::-webkit-scrollbar-track {
-// 	background: $grey-1;
-// }
-
-// /* Handle */
-// ::-webkit-scrollbar-thumb {
-// 	border-radius: 4px;
-// 	background: $grey-4;
-// }
-
-// /* Handle on hover */
-// ::-webkit-scrollbar-thumb:hover {
-// 	background: $grey-5;
-// }
-
-/**
-|--------------------------------------------------
-| <App /> TAGS
-|--------------------------------------------------
-*/
 body {
 	overflow-x: hidden;
 	background: $application-background;
@@ -277,23 +234,4 @@ body {
 		margin: 0 auto;
 		position: relative;
 	}
-
-	// E.g report page where we dont want a white strip
-	&.pagemode-full {
-		.app {
-			max-width: 100%;
-		}
-
-		&:after {
-			height: 0;
-		}
-	}
-}
-
-.u-semiBold {
-	font-weight: 600;
-}
-
-.u-error {
-	color: $red;
 }

package/tsconfig.json

@@ -1,17 +1,19 @@
 {
 	"compilerOptions": {
 		"declaration": true,
+		"esModuleInterop": true,
 		"emitDeclarationOnly": true,
 		"outDir": "dist/js",
-		"jsx": "react",
+		"jsx": "react-jsx",
 		"lib": ["es2017", "dom"],
 		"module": "commonjs",
 		"moduleResolution": "node",
 		"skipLibCheck": true,
 		"strict": true,
 		"strictNullChecks": false,
-		"target": "es5"
+		"target": "es5",
+		"typeRoots": ["./node_modules/@types", "./types"]
 	},
-	"include": ["./src/*", "./src/**/*"],
+	"include": ["./src/*", "./src/**/*", "./types/declaration.d.ts"],
 	"exclude": ["./src/**/**.test.tsx", "./src/**/**.test.ts", "./src/**/**.stories.ts", "./src/**/**.stories.tsx", "./src/**/examples/**"]
 }

package/types/declaration.d.ts

@@ -1 +1,2 @@
-declare module "*.module.scss";
+declare module '*.module.scss';
+declare module '*.scss';

package/copyTS.js

@@ -1,15 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const path = require('path');
-const glob = require('glob');
-const fse = require('fs-extra');
-/* eslint-enable @typescript-eslint/no-var-requires */
-const srcDir = path.join('./src');
-const distDir = path.join('./dist/js');
-const files = glob.sync('**/*.d.ts', {
-	cwd: srcDir
-});
-files.forEach((file) => {
-	const from = path.join(srcDir, file);
-	const to = path.join(distDir, file);
-	fse.copySync(from, to);
-});

package/dist/index.tsx

@@ -1,3 +0,0 @@
-import Box from 'components/Box/Box';
-
-export default { Box }; // eslint-disable-line

package/src/components/index.tsx

@@ -1,3 +0,0 @@
-import Box from 'components/Box/Box';
-
-export default { Box }; // eslint-disable-line