From 2af5c7c4cb33fe111db58b38562305075a953be3 Mon Sep 17 00:00:00 2001 From: Senali Date: Fri, 17 Nov 2023 20:27:13 +0530 Subject: [PATCH 1/5] Added connection chip Signed-off-by: Senali --- .../src/custom/ConnectionChip/index.tsx | 51 +++++++++++++++++++ 1 file changed, 51 insertions(+) create mode 100644 packages/components/src/custom/ConnectionChip/index.tsx diff --git a/packages/components/src/custom/ConnectionChip/index.tsx b/packages/components/src/custom/ConnectionChip/index.tsx new file mode 100644 index 000000000..1d0fa1b03 --- /dev/null +++ b/packages/components/src/custom/ConnectionChip/index.tsx @@ -0,0 +1,51 @@ +import { Chip } from 'base'; +import React from 'react'; +import { Tooltip } from '../base/Tooltip'; + +export interface ConnectioChipProps { + tooltip: string; + tooltipPlacement?: string; + chipLabel: boolean; + chipIcon?: Element; + chipDeleteIcon?: Element; + style?: React.CSSProperties; + onDelete?: () => void; +} + +function ConnectioChip({ + tooltip, + tooltipPlacement = 'top', + chipLabel, + chipIcon, + chipDeleteIcon, + style, + onDelete +}: ConnectioChipProps): JSX.Element { + return ( + + + + ); +} + +export default ConnectioChip; From 3293b568e1433e5d5e867f4eb63109ba8fbfecee Mon Sep 17 00:00:00 2001 From: Senali Date: Sun, 26 Nov 2023 23:43:47 +0530 Subject: [PATCH 2/5] Update connection component Signed-off-by: Senali --- .../src/custom/ConnectionChip/index.tsx | 35 +++++++++++-------- 1 file changed, 20 insertions(+), 15 deletions(-) diff --git a/packages/components/src/custom/ConnectionChip/index.tsx b/packages/components/src/custom/ConnectionChip/index.tsx index 1d0fa1b03..e2a41dab1 100644 --- a/packages/components/src/custom/ConnectionChip/index.tsx +++ b/packages/components/src/custom/ConnectionChip/index.tsx @@ -1,25 +1,29 @@ -import { Chip } from 'base'; +import { ChipProps, TooltipProps } from '@mui/material'; import React from 'react'; -import { Tooltip } from '../base/Tooltip'; +import { Chip } from '../../base/Chip'; +import { Tooltip } from '../../base/Tooltip'; export interface ConnectioChipProps { tooltip: string; - tooltipPlacement?: string; - chipLabel: boolean; - chipIcon?: Element; - chipDeleteIcon?: Element; - style?: React.CSSProperties; + tooltipPlacement?: TooltipProps['placement']; + variant?: ChipProps['variant']; + label: string; + icon?: React.ReactElement; + onClick?: () => void; onDelete?: () => void; + style?: React.CSSProperties; } function ConnectioChip({ tooltip, tooltipPlacement = 'top', - chipLabel, - chipIcon, - chipDeleteIcon, + variant = 'filled', + label, + icon, + onClick, + onDelete, style, - onDelete + ...rest }: ConnectioChipProps): JSX.Element { return ( @@ -37,12 +41,13 @@ function ConnectioChip({ background: 'white', maxWidth: '230px' }} - variant="outlined" - label={chipLabel} + variant={variant} + label={label} + onClick={onClick} onDelete={onDelete} - deleteIcon={chipDeleteIcon} - icon={chipIcon} + icon={icon} style={style} + {...rest} /> ); From 783011f137f228db2c1d2afe266a133373800bcb Mon Sep 17 00:00:00 2001 From: Senali Date: Wed, 13 Dec 2023 06:56:04 +0530 Subject: [PATCH 3/5] feat: Added component import path Signed-off-by: Senali --- .../custom/ConnectionChip/ConnectionChip.tsx | 56 ++++++++++++++++++ .../src/custom/ConnectionChip/index.tsx | 57 +------------------ packages/components/src/custom/index.tsx | 3 +- 3 files changed, 60 insertions(+), 56 deletions(-) create mode 100644 packages/components/src/custom/ConnectionChip/ConnectionChip.tsx diff --git a/packages/components/src/custom/ConnectionChip/ConnectionChip.tsx b/packages/components/src/custom/ConnectionChip/ConnectionChip.tsx new file mode 100644 index 000000000..058b3780b --- /dev/null +++ b/packages/components/src/custom/ConnectionChip/ConnectionChip.tsx @@ -0,0 +1,56 @@ +import { ChipProps, TooltipProps } from '@mui/material'; +import React from 'react'; +import { Chip } from '../../base/Chip'; +import { Tooltip } from '../../base/Tooltip'; + +export interface ConnectionChipProps { + tooltip: string; + tooltipPlacement?: TooltipProps['placement']; + variant?: ChipProps['variant']; + label: string; + icon?: React.ReactElement; + onClick?: () => void; + onDelete?: () => void; + style?: React.CSSProperties; +} + +function ConnectionChip({ + tooltip, + tooltipPlacement = 'top', + variant = 'filled', + label, + icon, + onClick, + onDelete, + style, + ...rest +}: ConnectionChipProps): JSX.Element { + return ( + + + + ); +} + +export default ConnectionChip; diff --git a/packages/components/src/custom/ConnectionChip/index.tsx b/packages/components/src/custom/ConnectionChip/index.tsx index e2a41dab1..0060bc371 100644 --- a/packages/components/src/custom/ConnectionChip/index.tsx +++ b/packages/components/src/custom/ConnectionChip/index.tsx @@ -1,56 +1,3 @@ -import { ChipProps, TooltipProps } from '@mui/material'; -import React from 'react'; -import { Chip } from '../../base/Chip'; -import { Tooltip } from '../../base/Tooltip'; +import ConnectionChip from './ConnectionChip'; -export interface ConnectioChipProps { - tooltip: string; - tooltipPlacement?: TooltipProps['placement']; - variant?: ChipProps['variant']; - label: string; - icon?: React.ReactElement; - onClick?: () => void; - onDelete?: () => void; - style?: React.CSSProperties; -} - -function ConnectioChip({ - tooltip, - tooltipPlacement = 'top', - variant = 'filled', - label, - icon, - onClick, - onDelete, - style, - ...rest -}: ConnectioChipProps): JSX.Element { - return ( - - - - ); -} - -export default ConnectioChip; +export { ConnectionChip }; diff --git a/packages/components/src/custom/index.tsx b/packages/components/src/custom/index.tsx index 6a07dba88..40a5759bf 100644 --- a/packages/components/src/custom/index.tsx +++ b/packages/components/src/custom/index.tsx @@ -2,7 +2,8 @@ import { useWindowDimensions } from './Helpers/Dimension'; import { useNotificationHandler } from './Helpers/Notification'; import { StyledTooltip } from './Tooltip'; +import { ConnectionChip } from './ConnectionChip'; export { StyledChartDialog } from './ChartDialog'; export { StyledSearchBar } from './StyledSearchBar'; -export { StyledTooltip, useNotificationHandler, useWindowDimensions }; +export { ConnectionChip, StyledTooltip, useNotificationHandler, useWindowDimensions }; From d1f95313406b19ab0f43910f1ca918a25baf3961 Mon Sep 17 00:00:00 2001 From: Senali Date: Sat, 16 Dec 2023 22:17:39 +0530 Subject: [PATCH 4/5] feat: formatting Signed-off-by: Senali --- packages/components/src/custom/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/components/src/custom/index.tsx b/packages/components/src/custom/index.tsx index 91d65eb39..a8c39c825 100644 --- a/packages/components/src/custom/index.tsx +++ b/packages/components/src/custom/index.tsx @@ -1,9 +1,9 @@ // import { ErrorBoundary, withErrorBoundary, withSuppressedErrorBoundary } from './ErrorBoundary'; +import { ConnectionChip } from './ConnectionChip'; import { FlipCard } from './FlipCard'; import { useWindowDimensions } from './Helpers/Dimension'; import { useNotificationHandler } from './Helpers/Notification'; import { StyledTooltip } from './Tooltip'; -import { ConnectionChip } from './ConnectionChip'; export { StyledChartDialog } from './ChartDialog'; export { StyledSearchBar } from './StyledSearchBar'; From d2ec7a1ec646bb3e6aecd06bc4d36edc210c615b Mon Sep 17 00:00:00 2001 From: Senali Date: Sat, 16 Dec 2023 22:25:49 +0530 Subject: [PATCH 5/5] feat: formatting Signed-off-by: Senali --- packages/components/CHANGELOG.md | 44 ++++++++++++++------------------ packages/svg/CHANGELOG.md | 13 +++------- 2 files changed, 23 insertions(+), 34 deletions(-) diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 9add1c22a..1595dc02b 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -5,36 +5,30 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline ## [0.12.3](https://github.com/layer5io/sistent/compare/@layer5/sistent-components@0.12.0...@layer5/sistent-components@0.12.3) (2023-12-16) - ### Bug Fixes -* **clickaway:** remove extra wrapper ([abfdb95](https://github.com/layer5io/sistent/commit/abfdb956c0952f9053954150d10a8d1c58bd7603)) -* **components:** refactor column to not use forwardRef ([6590d55](https://github.com/layer5io/sistent/commit/6590d55809b1c0f75f364986642d41b88c38235e)), closes [#375](https://github.com/layer5io/sistent/issues/375) -* **components:** update filter component ([e087dbf](https://github.com/layer5io/sistent/commit/e087dbfcd39ae3cd75d589b5a263cbf27f6eb2ff)), closes [#394](https://github.com/layer5io/sistent/issues/394) -* **configure:** toolbar components ([45c3664](https://github.com/layer5io/sistent/commit/45c3664612fe26dbb4a756874e83e66f16d8a84a)) -* **div:** wrapper ([e80688a](https://github.com/layer5io/sistent/commit/e80688a4928fcd1c04ab22212f444f00e756196b)) -* **filter:** icon and div wrapper ([21738b0](https://github.com/layer5io/sistent/commit/21738b0fcdeaefa3ec72aae8d0f103ab27ef2c81)) -* formatting issues ([d4f5655](https://github.com/layer5io/sistent/commit/d4f5655379f8db835838b88b6138e34928f09112)) -* **issues:** column ([fddc3c0](https://github.com/layer5io/sistent/commit/fddc3c04baef4e6bfc6f6d3b2e453f81ba77cb3d)) -* lint issues ([04a9a43](https://github.com/layer5io/sistent/commit/04a9a43cd9f1598d2aca8fcd738b448ecb41065c)) -* **pretier:** check ([182c5ed](https://github.com/layer5io/sistent/commit/182c5ed62d659c6050da47fd8bec960e994f937b)) -* **search:** search width when not expanded ([5183dcc](https://github.com/layer5io/sistent/commit/5183dcc77bae6b1ab022960b6ea11b40ca70c439)) -* **table:** null issue for cols ([27c72c1](https://github.com/layer5io/sistent/commit/27c72c1d573c97a20be36f7cab98b3b61eb2fd2d)) - +- **clickaway:** remove extra wrapper ([abfdb95](https://github.com/layer5io/sistent/commit/abfdb956c0952f9053954150d10a8d1c58bd7603)) +- **components:** refactor column to not use forwardRef ([6590d55](https://github.com/layer5io/sistent/commit/6590d55809b1c0f75f364986642d41b88c38235e)), closes [#375](https://github.com/layer5io/sistent/issues/375) +- **components:** update filter component ([e087dbf](https://github.com/layer5io/sistent/commit/e087dbfcd39ae3cd75d589b5a263cbf27f6eb2ff)), closes [#394](https://github.com/layer5io/sistent/issues/394) +- **configure:** toolbar components ([45c3664](https://github.com/layer5io/sistent/commit/45c3664612fe26dbb4a756874e83e66f16d8a84a)) +- **div:** wrapper ([e80688a](https://github.com/layer5io/sistent/commit/e80688a4928fcd1c04ab22212f444f00e756196b)) +- **filter:** icon and div wrapper ([21738b0](https://github.com/layer5io/sistent/commit/21738b0fcdeaefa3ec72aae8d0f103ab27ef2c81)) +- formatting issues ([d4f5655](https://github.com/layer5io/sistent/commit/d4f5655379f8db835838b88b6138e34928f09112)) +- **issues:** column ([fddc3c0](https://github.com/layer5io/sistent/commit/fddc3c04baef4e6bfc6f6d3b2e453f81ba77cb3d)) +- lint issues ([04a9a43](https://github.com/layer5io/sistent/commit/04a9a43cd9f1598d2aca8fcd738b448ecb41065c)) +- **pretier:** check ([182c5ed](https://github.com/layer5io/sistent/commit/182c5ed62d659c6050da47fd8bec960e994f937b)) +- **search:** search width when not expanded ([5183dcc](https://github.com/layer5io/sistent/commit/5183dcc77bae6b1ab022960b6ea11b40ca70c439)) +- **table:** null issue for cols ([27c72c1](https://github.com/layer5io/sistent/commit/27c72c1d573c97a20be36f7cab98b3b61eb2fd2d)) ### Features -* Add flip card component ([031e6bb](https://github.com/layer5io/sistent/commit/031e6bb525e6f904b52fe266ea4ea4f35cae6344)) -* **add:** date formats ([2e70ef8](https://github.com/layer5io/sistent/commit/2e70ef82b0d30f8f5baed4a8076a338de6dfccb2)) -* Change useState import ([2202d4a](https://github.com/layer5io/sistent/commit/2202d4ab691fce8793234d3b793b47fd577efed7)) -* **components:** create PopperListener component ([ad676a6](https://github.com/layer5io/sistent/commit/ad676a6262a9b60e4614efebbe94ebd10d7460b0)), closes [#390](https://github.com/layer5io/sistent/issues/390) -* **components:** create TooltipIcon ([08bc434](https://github.com/layer5io/sistent/commit/08bc434026963874c94ceda85f02c61ac9d42f71)), closes [#376](https://github.com/layer5io/sistent/issues/376) -* **components:** update SearchBar ([92486f6](https://github.com/layer5io/sistent/commit/92486f694bc1e340b4de62013f5799354dd6e55d)), closes [#396](https://github.com/layer5io/sistent/issues/396) -* **prop:** add color prop ([c16c36d](https://github.com/layer5io/sistent/commit/c16c36d040e0e28161efad3263d57b6e1e405e11)) - - - - +- Add flip card component ([031e6bb](https://github.com/layer5io/sistent/commit/031e6bb525e6f904b52fe266ea4ea4f35cae6344)) +- **add:** date formats ([2e70ef8](https://github.com/layer5io/sistent/commit/2e70ef82b0d30f8f5baed4a8076a338de6dfccb2)) +- Change useState import ([2202d4a](https://github.com/layer5io/sistent/commit/2202d4ab691fce8793234d3b793b47fd577efed7)) +- **components:** create PopperListener component ([ad676a6](https://github.com/layer5io/sistent/commit/ad676a6262a9b60e4614efebbe94ebd10d7460b0)), closes [#390](https://github.com/layer5io/sistent/issues/390) +- **components:** create TooltipIcon ([08bc434](https://github.com/layer5io/sistent/commit/08bc434026963874c94ceda85f02c61ac9d42f71)), closes [#376](https://github.com/layer5io/sistent/issues/376) +- **components:** update SearchBar ([92486f6](https://github.com/layer5io/sistent/commit/92486f694bc1e340b4de62013f5799354dd6e55d)), closes [#396](https://github.com/layer5io/sistent/issues/396) +- **prop:** add color prop ([c16c36d](https://github.com/layer5io/sistent/commit/c16c36d040e0e28161efad3263d57b6e1e405e11)) ## [0.12.2](https://github.com/layer5io/sistent/compare/@layer5/sistent-components@0.12.0...@layer5/sistent-components@0.12.2) (2023-12-12) diff --git a/packages/svg/CHANGELOG.md b/packages/svg/CHANGELOG.md index 4a1c0dab5..ee12969c1 100644 --- a/packages/svg/CHANGELOG.md +++ b/packages/svg/CHANGELOG.md @@ -5,17 +5,12 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline ## [0.14.3](https://github.com/layer5io/sistent/compare/@layer5/sistent-svg@0.14.0...@layer5/sistent-svg@0.14.3) (2023-12-16) - ### Features -* Added Icons - Left arrow, Right arrow, K8, smp ([14ca4e3](https://github.com/layer5io/sistent/commit/14ca4e339fc4e03e6f9d98488c435a5f6f2c9a23)) -* fix typo ([e97e753](https://github.com/layer5io/sistent/commit/e97e753645d47fbec7117384eec8fe0bfaf612f9)) -* formatting ([86aa4cd](https://github.com/layer5io/sistent/commit/86aa4cdaedbd6d4f1a20100dcf4412d0d6177fab)) -* **svg:** create icons for TypingFilter component ([8217b49](https://github.com/layer5io/sistent/commit/8217b49ce3fb597d2e032db6f5762d22a240fac6)), closes [#400](https://github.com/layer5io/sistent/issues/400) [#341](https://github.com/layer5io/sistent/issues/341) - - - - +- Added Icons - Left arrow, Right arrow, K8, smp ([14ca4e3](https://github.com/layer5io/sistent/commit/14ca4e339fc4e03e6f9d98488c435a5f6f2c9a23)) +- fix typo ([e97e753](https://github.com/layer5io/sistent/commit/e97e753645d47fbec7117384eec8fe0bfaf612f9)) +- formatting ([86aa4cd](https://github.com/layer5io/sistent/commit/86aa4cdaedbd6d4f1a20100dcf4412d0d6177fab)) +- **svg:** create icons for TypingFilter component ([8217b49](https://github.com/layer5io/sistent/commit/8217b49ce3fb597d2e032db6f5762d22a240fac6)), closes [#400](https://github.com/layer5io/sistent/issues/400) [#341](https://github.com/layer5io/sistent/issues/341) ## [0.14.2](https://github.com/layer5io/sistent/compare/@layer5/sistent-svg@0.14.0...@layer5/sistent-svg@0.14.2) (2023-12-12)