Merge pull request #255 from layer5io/254-input

feat(components): Add `InputLabel` and refactored `Input` and `TextField`
layer5io · Nov 8, 2023 · 2540e79 · 2540e79
2 parents 61df569 + b81cb7e
commit 2540e79
Show file tree

Hide file tree

Showing 13 changed files with 27 additions and 8 deletions.
diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.9.0-beta.0](https://github.com/layer5io/sistent/compare/@layer5/[email protected]...@layer5/[email protected]) (2023-11-08)
+
+### Features
+
+- **components:** create InputLabel component ([77d51f1](https://github.com/layer5io/sistent/commit/77d51f1a6c9e8a6e99ea2dda15f76356e28f81d4)), closes [#254](https://github.com/layer5io/sistent/issues/254)
+
 ## [0.8.1-beta.10](https://github.com/layer5io/sistent/compare/@layer5/[email protected]...@layer5/[email protected]) (2023-11-04)
 
 **Note:** Version bump only for package @layer5/sistent-components

diff --git a/packages/components/package.json b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@layer5/sistent-components",
-  "version": "0.8.1-beta.10",
+  "version": "0.9.0-beta.0",
   "description": "Reusable React Components",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -15,7 +15,7 @@
     "lint:fix": "eslint --fix"
   },
   "dependencies": {
-    "@layer5/sistent-svg": "^0.11.1-beta.3"
+    "@layer5/sistent-svg": "^0.11.1-beta.4"
   },
   "devDependencies": {
     "@emotion/react": "^11.11.1",

diff --git a/packages/components/src/base/Input/index.tsx b/packages/components/src/base/Input/index.tsx
@@ -1,3 +1,2 @@
 export { Input } from './input';
 export { InputAdornment } from './inputadornment';
-export { TextField } from './textfield';
diff --git a/packages/components/src/base/InputLabel/InputLabel.tsx b/packages/components/src/base/InputLabel/InputLabel.tsx
@@ -0,0 +1,5 @@
+import { InputLabel as MuiInputLabel, type InputLabelProps } from '@mui/material';
+
+export function InputLabel(props: InputLabelProps): JSX.Element {
+  return <MuiInputLabel {...props} />;
+}
diff --git a/packages/components/src/base/InputLabel/index.tsx b/packages/components/src/base/InputLabel/index.tsx
@@ -0,0 +1 @@
+export { InputLabel } from './InputLabel';
diff --git a/...s/components/src/base/Input/textfield.tsx → ...mponents/src/base/TextField/TextField.tsx b/...s/components/src/base/Input/textfield.tsx → ...mponents/src/base/TextField/TextField.tsx
diff --git a/packages/components/src/base/TextField/index.tsx b/packages/components/src/base/TextField/index.tsx
@@ -0,0 +1 @@
+export { TextField } from './TextField';
diff --git a/packages/components/src/custom/SearchBar/SearchBar.tsx b/packages/components/src/custom/SearchBar/SearchBar.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { Box } from '../../base/Box';
-import { InputAdornment, TextField } from '../../base/Input';
+import { InputAdornment } from '../../base/Input';
+import { TextField } from '../../base/TextField';
 
 interface SearchBarProps {
   onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;

diff --git a/packages/components/src/custom/Toolbar/custom-search.tsx b/packages/components/src/custom/Toolbar/custom-search.tsx
@@ -1,7 +1,7 @@
 import { CloseIcon, SearchIcon } from '@layer5/sistent-svg';
 import React from 'react';
 import { IconButton } from '../../base/Button';
-import { TextField } from '../../base/Input';
+import { TextField } from '../../base/TextField';
 import { Tooltip } from '../../base/Tooltip';
 
 interface SearchBarProps {

diff --git a/packages/components/src/index.tsx b/packages/components/src/index.tsx
@@ -12,6 +12,7 @@ export * from './base/Divider';
 export * from './base/Drawer';
 export * from './base/Form';
 export * from './base/Input';
+export * from './base/InputLabel';
 export * from './base/List';
 export * from './base/Menu';
 export * from './base/Paper';
@@ -22,6 +23,7 @@ export * from './base/Stack';
 export * from './base/Switch';
 export * from './base/Table';
 export * from './base/Tabs';
+export * from './base/TextField';
 export * from './base/ToggleButton';
 export * from './base/Toolbar';
 export * from './base/Tooltip';

diff --git a/packages/svg/CHANGELOG.md b/packages/svg/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.11.1-beta.4](https://github.com/layer5io/sistent/compare/@layer5/[email protected]...@layer5/[email protected]) (2023-11-08)
+
+**Note:** Version bump only for package @layer5/sistent-svg
+
 ## [0.11.1-beta.3](https://github.com/layer5io/sistent/compare/@layer5/[email protected]...@layer5/[email protected]) (2023-11-04)
 
 ### Bug Fixes

diff --git a/packages/svg/package.json b/packages/svg/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@layer5/sistent-svg",
-  "version": "0.11.1-beta.3",
+  "version": "0.11.1-beta.4",
   "description": "SVG Icons library",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

diff --git a/yarn.lock b/yarn.lock
@@ -898,7 +898,7 @@ __metadata:
   dependencies:
     "@emotion/react": ^11.11.1
     "@emotion/styled": ^11.11.0
-    "@layer5/sistent-svg": ^0.11.1-beta.3
+    "@layer5/sistent-svg": ^0.11.1-beta.4
     "@mui/icons-material": ^5.14.12
     "@mui/material": ^5.14.16
     "@types/mui-datatables": ^4.3.6
@@ -943,7 +943,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@layer5/sistent-svg@^0.11.1-beta.3, @layer5/sistent-svg@workspace:packages/svg":
+"@layer5/sistent-svg@^0.11.1-beta.4, @layer5/sistent-svg@workspace:packages/svg":
   version: 0.0.0-use.local
   resolution: "@layer5/sistent-svg@workspace:packages/svg"
   dependencies: