@qoretechnologies/reqore 0.43.0 → 0.45.0

package/src/components/Panel/LabelEditor.tsx

@@ -1,67 +0,0 @@
-import { memo, useEffect, useState } from 'react';
-import { useUpdateEffect } from 'react-use';
-import { IReqoreHeadingProps, ReqoreHeading } from '../Header';
-import ReqoreIcon, { IReqoreIconProps } from '../Icon';
-import ReqoreInput, { IReqoreInputProps } from '../Input';
-
-export interface IReqoreLabelEditorProps extends Omit<IReqoreHeadingProps, 'onSubmit'> {
-  label: string | number;
-  onSubmit?: (label: string | number) => void;
-  iconProps?: IReqoreIconProps;
-  inputProps?: IReqoreInputProps;
-}
-
-export const LabelEditor = memo(
-  ({ label, onSubmit, inputProps, iconProps, ...rest }: IReqoreLabelEditorProps) => {
-    const [name, setName] = useState<string | number>(label);
-    const [isEditing, setIsEditing] = useState(false);
-
-    useEffect(() => {
-      setName(label);
-    }, [label]);
-
-    useUpdateEffect(() => {
-      if (!isEditing) {
-        onSubmit?.(name);
-      }
-    }, [isEditing]);
-
-    if (isEditing) {
-      return (
-        <ReqoreInput
-          focusRules={{ type: 'auto' }}
-          onClick={(e) => e.stopPropagation()}
-          value={name}
-          minimal
-          fluid
-          onChange={(e: any) => setName(e.target.value)}
-          onKeyUp={(e) => {
-            if (e.key === 'Enter') {
-              setIsEditing(false);
-            }
-          }}
-          onBlur={() => setIsEditing(false)}
-          {...inputProps}
-        />
-      );
-    }
-
-    return (
-      <ReqoreHeading
-        {...rest}
-        className={`${rest.className || ''} reqore-label-editor`}
-        onClick={
-          onSubmit
-            ? (e) => {
-                e.stopPropagation();
-                setIsEditing(true);
-              }
-            : undefined
-        }
-      >
-        {name}
-        {onSubmit ? <ReqoreIcon icon='EditLine' size='small' margin='left' {...iconProps} /> : null}
-      </ReqoreHeading>
-    );
-  }
-);

package/src/components/Panel/NonResponsiveActions.tsx

@@ -1,79 +0,0 @@
-import { size } from 'lodash';
-import { memo } from 'react';
-import { IReqorePanelProps } from '.';
-import { ReqoreButton } from '../..';
-import { IWithReqoreCustomTheme } from '../../types/global';
-import ReqoreControlGroup, { IReqoreControlGroupProps } from '../ControlGroup';
-
-export interface IReqorePanelNonResponsiveActionsProps
-  extends IWithReqoreCustomTheme,
-    Omit<IReqoreControlGroupProps, 'children'> {
-  onCollapseClick?: () => void;
-  onCloseClick?: () => void;
-  hasResponsiveActions?: boolean;
-  isCollapsed?: boolean;
-  showControlButtons?: boolean;
-  show?: boolean;
-  children?: IReqoreControlGroupProps['children'] | undefined;
-  closeButtonProps?: IReqorePanelProps['closeButtonProps'];
-  collapseButtonProps?: IReqorePanelProps['collapseButtonProps'];
-  isSmall: boolean;
-}
-
-export const ReqorePanelNonResponsiveActions = memo(
-  ({
-    onCollapseClick,
-    onCloseClick,
-    hasResponsiveActions,
-    isCollapsed,
-    customTheme,
-    children,
-    showControlButtons,
-    show,
-    collapseButtonProps,
-    closeButtonProps,
-    isSmall,
-    ...rest
-  }: IReqorePanelNonResponsiveActionsProps) => {
-    if (!show || (!size(children) && !showControlButtons)) {
-      return null;
-    }
-
-    return (
-      <ReqoreControlGroup
-        fixed={isSmall ? false : hasResponsiveActions}
-        fluid={isSmall}
-        horizontalAlign='flex-end'
-        {...rest}
-      >
-        {children}
-        {!!onCollapseClick && showControlButtons ? (
-          <ReqoreButton
-            customTheme={customTheme}
-            icon={isCollapsed ? 'ArrowDownSLine' : 'ArrowUpSLine'}
-            onClick={(e) => {
-              e.stopPropagation();
-              onCollapseClick();
-            }}
-            tooltip={isCollapsed ? 'Expand' : 'Collapse'}
-            fixed
-            {...collapseButtonProps}
-          />
-        ) : null}
-        {!!onCloseClick && showControlButtons ? (
-          <ReqoreButton
-            fixed
-            customTheme={customTheme}
-            icon='CloseLine'
-            onClick={(e: React.MouseEvent<HTMLButtonElement>) => {
-              e.stopPropagation();
-              onCloseClick();
-            }}
-            tooltip='Close'
-            {...closeButtonProps}
-          />
-        ) : null}
-      </ReqoreControlGroup>
-    );
-  }
-);