From b7bd82f1c9509c79e469813b4f1557f10089ac5e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jose=20Andre=CC=81s=20Granero?= <joseandres.granero@devo.com> Date: Wed, 27 Dec 2023 12:51:33 +0100 Subject: [PATCH] feat: rename --- .../table/src/filters/common/Advanced.tsx | 54 ------------------- packages/table/src/filters/common/Rule.tsx | 35 ------------ 2 files changed, 89 deletions(-) delete mode 100644 packages/table/src/filters/common/Advanced.tsx delete mode 100644 packages/table/src/filters/common/Rule.tsx diff --git a/packages/table/src/filters/common/Advanced.tsx b/packages/table/src/filters/common/Advanced.tsx deleted file mode 100644 index 0e68fa038..000000000 --- a/packages/table/src/filters/common/Advanced.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import * as React from 'react'; - -import { Form, IconButton, Panel, Popper } from '@devoinc/genesys-ui'; - -type AdvancedProps = { - children: React.ReactNode; - footer?: React.ReactNode; - header?: React.ReactNode; -}; - -export const Advanced: React.FC<AdvancedProps> = ({ - children, - footer, - header, -}) => { - const [isVisible, setIsVisible] = React.useState(false); - return ( - <Popper - visible={isVisible} - setIsVisible={setIsVisible} - placement={'top-end'} - trigger={ - <IconButton - icon="gi-filter" - size="sm" - colorScheme="quiet" - aria-expanded={isVisible} - aria-controls="story-id" - aria-haspopup="true" - /> - } - > - <Panel - maxHeight="34rem" - bodySettings={{ - removeSpace: true, - }} - elevation="activated" - size="sm" - id="story-id" - width={'28rem'} - footerSettings={{ - bordered: true, - renderContent: footer, - }} - headerSettings={{ - renderContent: header, - }} - > - <Form padding="cmp-sm">{children}</Form> - </Panel> - </Popper> - ); -}; diff --git a/packages/table/src/filters/common/Rule.tsx b/packages/table/src/filters/common/Rule.tsx deleted file mode 100644 index e73ac28b3..000000000 --- a/packages/table/src/filters/common/Rule.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import * as React from 'react'; - -import { SelectControl, InputControl, SelectOption } from '@devoinc/genesys-ui'; - -type RuleProps = { - options: SelectOption[]; - defaultValue: string; - label: string; - placeholder: string; - type?: 'number'; -}; - -export const Rule: React.FC<RuleProps> = ({ - options = [], - defaultValue, - label = 'Filter this column', - placeholder = 'Filter by text...', - type, -}) => { - return ( - <> - <SelectControl - menuAppendToBody - defaultInputValue={defaultValue} - options={options} - /> - <InputControl - autoFocus - aria-label={label} - placeholder={placeholder} - type={type} - /> - </> - ); -};