@qoretechnologies/reqore 0.44.0 → 0.45.0

package/src/components/Columns/index.tsx

@@ -1,41 +0,0 @@
-import classNames from 'classnames';
-import styled, { css } from 'styled-components';
-import { IReqoreTheme } from '../../constants/theme';
-
-export interface IReqoreColumnsProps extends React.HTMLAttributes<HTMLDivElement> {
-  children?: any;
-  minColumnWidth?: string;
-  maxColumnWidth?: string;
-  columns?: number | 'auto-fit' | 'auto-fill';
-  columnsGap?: string;
-  className?: string;
-  alignItems?: string;
-}
-
-export interface IStyledColumns extends IReqoreColumnsProps {
-  theme?: IReqoreTheme;
-}
-
-export const StyledColumns = styled.div<IStyledColumns>`
-  display: grid;
-  ${({
-    minColumnWidth = '300px',
-    maxColumnWidth = '1fr',
-    columns = 'auto-fit',
-    columnsGap,
-    alignItems = 'normal',
-  }: IStyledColumns) => css`
-    grid-template-columns: repeat(${columns}, minmax(${minColumnWidth}, ${maxColumnWidth}));
-    grid-auto-rows: max-content;
-    grid-gap: ${columnsGap};
-    align-items: ${alignItems};
-  `}
-`;
-
-export const ReqoreColumns = ({ children, className, ...rest }: IReqoreColumnsProps) => {
-  return (
-    <StyledColumns {...rest} className={classNames('reqore-columns', className)}>
-      {children}
-    </StyledColumns>
-  );
-};

package/src/components/Comment/index.tsx

@@ -1,141 +0,0 @@
-import { omit, size } from 'lodash';
-import styled from 'styled-components';
-import { ReqoreButton, ReqoreColumn, ReqoreControlGroup, ReqoreDropdown } from '../..';
-import { TReqoreIntent } from '../../constants/theme';
-import { IReqoreIconName } from '../../types/icons';
-import { ReqoreColumns } from '../Columns';
-import { ReqoreH3 } from '../Header';
-import ReqoreIcon from '../Icon';
-import { IReqorePanelAction, ReqorePanel } from '../Panel';
-import { ReqoreP } from '../Paragraph';
-
-export interface IReqoreCommentProps {
-  icon?: IReqoreIconName;
-  image?: string;
-  title?: string;
-  children: any;
-  intent?: TReqoreIntent;
-  rounded?: boolean;
-  flat?: boolean;
-  detail?: string;
-  actions?: IReqorePanelAction[];
-}
-
-export const StyledCommentWrapper = styled.div`
-  display: flex;
-  overflow: hidden;
-
-  &:not(:first-child) {
-    margin-top: 10px;
-  }
-`;
-
-export const StyledIconWrapper = styled.div`
-  flex: 0 auto;
-  padding: 10px;
-  display: flex;
-  justify-content: center;
-`;
-
-export const StyledInfoWrapper = styled.div`
-  flex: 1;
-  padding: 10px;
-  overflow: hidden;
-`;
-
-export const StyledCommentText = styled(ReqoreP)<{ marginTop?: string }>`
-  min-height: 10px;
-  overflow: hidden;
-  padding: 0;
-  margin: 0;
-  margin-top: ${({ marginTop }: { marginTop?: string }) => marginTop};
-`;
-
-export const StyledCommentTitle = styled(ReqoreH3)`
-  padding: 0;
-  margin: 0;
-`;
-
-export const StyledCommentDetail = styled.span`
-  opacity: 0.5;
-  font-size: 11px;
-`;
-
-export const StyledCommentImage = styled.img`
-  width: 30px;
-  height: 30px;
-  border-radius: 10px;
-`;
-
-export const ReqoreComment = ({
-  rounded,
-  flat,
-  intent,
-  icon,
-  children,
-  image,
-  title,
-  detail,
-  actions,
-  ...rest
-}: IReqoreCommentProps) => {
-  return (
-    <ReqorePanel rounded={rounded} flat={flat} intent={intent} className='reqore-comment' {...rest}>
-      <StyledCommentWrapper>
-        {icon || image ? (
-          <StyledIconWrapper>
-            {icon ? <ReqoreIcon icon={icon} size='30px' /> : <StyledCommentImage src={image} />}
-          </StyledIconWrapper>
-        ) : null}
-        <StyledInfoWrapper>
-          <ReqoreColumns minColumnWidth='100px'>
-            <ReqoreColumn flexFlow='column' justifyContent='center'>
-              {title && <StyledCommentTitle>{title}</StyledCommentTitle>}
-              {detail && <StyledCommentDetail>{detail}</StyledCommentDetail>}
-            </ReqoreColumn>
-            {size(actions) ? (
-              <ReqoreColumn justifyContent='flex-end'>
-                <ReqoreControlGroup minimal size='small'>
-                  {actions.map(({ label, actions, ...rest }, index) =>
-                    size(actions) ? (
-                      <ReqoreDropdown
-                        {...omit(rest, ['show'])}
-                        key={index}
-                        label={label}
-                        componentProps={{
-                          minimal: true,
-                          onClick: (e: React.MouseEvent<HTMLButtonElement>) => {
-                            e.stopPropagation();
-                          },
-                        }}
-                        items={actions}
-                      />
-                    ) : (
-                      <ReqoreButton
-                        {...omit(rest, ['show'])}
-                        key={index}
-                        onClick={
-                          rest.onClick
-                            ? (e: React.MouseEvent<HTMLButtonElement>) => {
-                                e.stopPropagation();
-                                rest.onClick();
-                              }
-                            : undefined
-                        }
-                      >
-                        {label}
-                      </ReqoreButton>
-                    )
-                  )}
-                </ReqoreControlGroup>
-              </ReqoreColumn>
-            ) : null}
-          </ReqoreColumns>
-          <StyledCommentText marginTop={title || detail || size(actions) ? '10px' : '0px'}>
-            {children}
-          </StyledCommentText>
-        </StyledInfoWrapper>
-      </StyledCommentWrapper>
-    </ReqorePanel>
-  );
-};

package/src/components/CommentFeed/index.tsx

@@ -1,34 +0,0 @@
-import classNames from 'classnames';
-import styled from 'styled-components';
-import { StyledPanel } from '../Panel';
-
-export interface IReqoreCommentFeedProps extends React.HTMLAttributes<HTMLDivElement> {
-  gapSize?: string;
-}
-
-export const StyledCommentFeed = styled.div<{ gapSize: string }>`
-  ${StyledPanel} {
-    &:not(:first-child) {
-      margin-top: ${({ gapSize }) => gapSize};
-    }
-  }
-`;
-
-export const ReqoreCommentFeed = ({
-  gapSize = '10px',
-  className,
-  children,
-  ...rest
-}: IReqoreCommentFeedProps) => {
-  return (
-    <StyledCommentFeed
-      {...rest}
-      gapSize={gapSize}
-      className={classNames('reqore-comment-feed', {
-        className,
-      })}
-    >
-      {children}
-    </StyledCommentFeed>
-  );
-};

package/src/components/Content/index.tsx

@@ -1,34 +0,0 @@
-import React, { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { IReqoreTheme } from '../../constants/theme';
-import ReqoreThemeProvider from '../../containers/ThemeProvider';
-import { getReadableColor } from '../../helpers/colors';
-
-export interface IReqoreContentWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
-  children?: any;
-}
-
-export interface IReqoreContentStyle {
-  theme: IReqoreTheme;
-}
-
-const StyledReqoreContent = styled.div<IReqoreContentStyle>`
-  ${({ theme }: IReqoreContentStyle) => css`
-    width: 100%;
-    height: 100%;
-    color: ${getReadableColor(theme, undefined, undefined, true)};
-    overflow: auto;
-  `}
-`;
-
-const ReqoreContent = forwardRef<HTMLDivElement, IReqoreContentWrapperProps>(
-  ({ children, className, ...rest }: IReqoreContentWrapperProps, ref: any) => (
-    <ReqoreThemeProvider>
-      <StyledReqoreContent {...rest} ref={ref} className={`${className || ''} reqore-content`}>
-        {children}
-      </StyledReqoreContent>
-    </ReqoreThemeProvider>
-  )
-);
-
-export default ReqoreContent;

package/src/components/Content/wrapper.tsx

@@ -1,36 +0,0 @@
-import React, { forwardRef } from 'react';
-import styled from 'styled-components';
-import { IReqoreTheme } from '../../constants/theme';
-import ReqoreThemeProvider from '../../containers/ThemeProvider';
-
-export interface IReqoreContentWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
-  children?: any;
-}
-
-export interface IReqoreContentStyle {
-  theme: IReqoreTheme;
-}
-
-const StyledReqoreContentWrapper = styled.div<IReqoreContentStyle>`
-  display: flex;
-  flex-flow: column;
-  flex: 1;
-  padding: 15px;
-  overflow: hidden;
-`;
-
-const ReqoreContentWrapper = forwardRef<HTMLDivElement, IReqoreContentWrapperProps>(
-  ({ children, className, ...rest }: IReqoreContentWrapperProps, ref: any) => (
-    <ReqoreThemeProvider>
-      <StyledReqoreContentWrapper
-        {...rest}
-        ref={ref}
-        className={`${className || ''} reqore-content-wrapper`}
-      >
-        {children}
-      </StyledReqoreContentWrapper>
-    </ReqoreThemeProvider>
-  )
-);
-
-export default ReqoreContentWrapper;