@newton_duarte/reusable-components 1.0.0 → 1.0.1

package/lib/cjs/components/CustomButton/CustomButton.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var CustomButton_styles_1 = require("./CustomButton.styles");
+var CustomButton = function (_a) {
+    var _b = _a.buttonText, buttonText = _b === void 0 ? 'Hi there' : _b, _c = _a.onClickHandler, onClickHandler = _c === void 0 ? function () { } : _c;
+    return (0, jsx_runtime_1.jsx)(CustomButton_styles_1.StyledButton, { onClick: onClickHandler, children: buttonText });
+};
+exports.default = CustomButton;

package/lib/cjs/components/CustomButton/CustomButton.styles.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledButton = void 0;
+var styles_1 = require("@mui/material/styles");
+var Button_1 = require("@mui/material/Button");
+exports.StyledButton = (0, styles_1.styled)(Button_1.default)(function () { return ({
+    color: 'purple',
+    backgroundColor: '#00cc66',
+    borderRadius: 20,
+    padding: '6px 16px',
+    border: '1px solid #00cc66',
+    '&:focus': {
+        outline: 'none',
+    },
+    '&:hover': {
+        backgroundColor: '#00ff99',
+        border: '1px solid #00ff99',
+    },
+}); });

package/lib/cjs/components/CustomButton/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomButton = void 0;
+var CustomButton_1 = require("./CustomButton");
+Object.defineProperty(exports, "CustomButton", { enumerable: true, get: function () { return CustomButton_1.default; } });

package/lib/cjs/components/CustomTextField/CustomTextField.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var CustomTextField_styles_1 = require("./CustomTextField.styles");
+var CustomTextField = function (_a) {
+    var _b = _a.label, label = _b === void 0 ? 'Field label' : _b, _c = _a.value, value = _c === void 0 ? 'Hello there' : _c, onChangeHandler = _a.onChangeHandler;
+    return ((0, jsx_runtime_1.jsx)(CustomTextField_styles_1.StyledTextField, { value: value, onChange: onChangeHandler, label: label }));
+};
+exports.default = CustomTextField;

package/lib/cjs/components/CustomTextField/CustomTextField.styles.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledTextField = void 0;
+var styles_1 = require("@mui/material/styles");
+var TextField_1 = require("@mui/material/TextField");
+exports.StyledTextField = (0, styles_1.styled)(TextField_1.default)(function () { return ({
+    "& .MuiFormLabel-root": {
+        color: "#00cc66",
+        "&.MuiInputLabel-shrink": {
+            color: "#00cc66",
+        },
+    },
+    "& .MuiOutlinedInput-notchedOutline": {
+        borderColor: "purple !important",
+        "&.Mui-focused": {
+            borderColor: "purple",
+        },
+    },
+    "& .MuiInputBase-root": {
+        color: "#00cc66",
+    },
+}); });

package/lib/cjs/components/CustomTextField/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomTextField = void 0;
+var CustomTextField_1 = require("./CustomTextField");
+Object.defineProperty(exports, "CustomTextField", { enumerable: true, get: function () { return CustomTextField_1.default; } });

package/lib/cjs/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomButton = exports.CustomTextField = void 0;
+var CustomTextField_1 = require("./components/CustomTextField");
+Object.defineProperty(exports, "CustomTextField", { enumerable: true, get: function () { return CustomTextField_1.CustomTextField; } });
+var CustomButton_1 = require("./components/CustomButton");
+Object.defineProperty(exports, "CustomButton", { enumerable: true, get: function () { return CustomButton_1.CustomButton; } });

package/lib/esm/components/CustomButton/CustomButton.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyledButton } from './CustomButton.styles';
+var CustomButton = function (_a) {
+    var _b = _a.buttonText, buttonText = _b === void 0 ? 'Hi there' : _b, _c = _a.onClickHandler, onClickHandler = _c === void 0 ? function () { } : _c;
+    return _jsx(StyledButton, { onClick: onClickHandler, children: buttonText });
+};
+export default CustomButton;

package/lib/esm/components/CustomButton/CustomButton.styles.js

@@ -0,0 +1,16 @@
+import { styled } from '@mui/material/styles';
+import Button from '@mui/material/Button';
+export var StyledButton = styled(Button)(function () { return ({
+    color: 'purple',
+    backgroundColor: '#00cc66',
+    borderRadius: 20,
+    padding: '6px 16px',
+    border: '1px solid #00cc66',
+    '&:focus': {
+        outline: 'none',
+    },
+    '&:hover': {
+        backgroundColor: '#00ff99',
+        border: '1px solid #00ff99',
+    },
+}); });

package/lib/esm/components/CustomButton/index.js

@@ -0,0 +1 @@
+export { default as CustomButton } from './CustomButton';

package/lib/esm/components/CustomTextField/CustomTextField.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyledTextField } from './CustomTextField.styles';
+var CustomTextField = function (_a) {
+    var _b = _a.label, label = _b === void 0 ? 'Field label' : _b, _c = _a.value, value = _c === void 0 ? 'Hello there' : _c, onChangeHandler = _a.onChangeHandler;
+    return (_jsx(StyledTextField, { value: value, onChange: onChangeHandler, label: label }));
+};
+export default CustomTextField;

package/lib/esm/components/CustomTextField/CustomTextField.styles.js

@@ -0,0 +1,19 @@
+import { styled } from "@mui/material/styles";
+import TextField from "@mui/material/TextField";
+export var StyledTextField = styled(TextField)(function () { return ({
+    "& .MuiFormLabel-root": {
+        color: "#00cc66",
+        "&.MuiInputLabel-shrink": {
+            color: "#00cc66",
+        },
+    },
+    "& .MuiOutlinedInput-notchedOutline": {
+        borderColor: "purple !important",
+        "&.Mui-focused": {
+            borderColor: "purple",
+        },
+    },
+    "& .MuiInputBase-root": {
+        color: "#00cc66",
+    },
+}); });

package/lib/esm/components/CustomTextField/index.js

@@ -0,0 +1 @@
+export { default as CustomTextField } from './CustomTextField';

package/lib/esm/index.js

@@ -0,0 +1,2 @@
+export { CustomTextField } from './components/CustomTextField';
+export { CustomButton } from './components/CustomButton';

package/lib/types/components/CustomButton/CustomButton.styles.d.ts

@@ -1,3 +1,3 @@
 export declare const StyledButton: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: import("react").Ref<HTMLButtonElement>;
-}, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "href" | "color" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+}, "variant" | "classes" | "className" | "style" | "children" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/package.json

@@ -1,24 +1,25 @@
 {
   "name": "@newton_duarte/reusable-components",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "This package implements react components based on MUI",
   "type": "module",
-  "main": "lib/index.cjs",
+  "main": "lib/cjs/index.js",
   "exports": {
     "import": {
-      "default": "./lib/index.esm.js",
+      "default": "./lib/esm/index.js",
       "types": "./lib/types/index.d.ts"
     },
     "require": {
-      "default": "./lib/index.cjs",
+      "default": "./lib/cjs/index.js",
       "types": "./lib/types/index.d.ts"
     }
   },
+  "sideEffects": false,
   "files": [
     "lib"
   ],
   "scripts": {
-    "build": "rollup -c --bundleConfigAsCjs",
+    "build": "rimraf ./lib && tsc --skipLibCheck --project tsconfig.esm.json && tsc --skipLibCheck --project tsconfig.cjs.json",
     "release-package": "npm run build && npx changeset publish"
   },
   "author": "Newton Duarte",
@@ -34,11 +35,7 @@
   },
   "devDependencies": {
     "@changesets/cli": "^2.27.1",
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "rollup": "^4.13.0",
-    "rollup-plugin-delete": "^2.0.0",
-    "rollup-plugin-typescript2": "^0.36.0",
+    "rimraf": "^6.1.2",
     "typescript": "^5.4.2"
   }
 }