react-align 1.1.6 → 2.0.2

package/src/Grid/GridWrapper/index.tsx

@@ -1,39 +0,0 @@
-import React, { CSSProperties } from 'react';
-import { DndProvider } from 'react-dnd';
-import { HTML5Backend } from 'react-dnd-html5-backend';
-import { EditorModeContext } from '../../context';
-import '../grid.css';
-
-export type GridWrapperProps = {
-  className?: string;
-  enabled?: boolean;
-  vertical?: boolean;
-  stretch?: boolean;
-  // Extra customizable parts only for the really picky
-  styles?: CSSProperties;
-  editorStyles?: CSSProperties;
-};
-
-const GridWrapper: React.FC<GridWrapperProps> = ({
-  className,
-  enabled,
-  vertical,
-  stretch,
-  styles,
-  editorStyles,
-  children,
-}) => (
-  <div
-    className={`wrapper ${className} ${vertical && 'vertical'} ${stretch &&
-      'stretch'}`}
-    style={enabled ? editorStyles : styles}
-  >
-    <DndProvider backend={HTML5Backend}>
-      <EditorModeContext.Provider value={{ enabled }}>
-        {children}
-      </EditorModeContext.Provider>
-    </DndProvider>
-  </div>
-);
-
-export default GridWrapper;

package/src/Grid/grid.css

@@ -1,78 +0,0 @@
-/* Default component styles */
-.wrapper {
-    height: 100%;
-    display: flex;
-    justify-content: space-between;
-}
-
-.section {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-}
-
-.area {
-    display: flex;
-    border: 1px solid transparent;
-    box-sizing: border-box;
-    border-radius: 8px;
-    position: relative;
-}
-
-.area-transition-in {
-    transition: all 0.3s ease-in-out, min-height 0.5s ease-in-out 0.2s, min-width 0.5s ease-in-out 0.2s;
-}
-
-.area-transition-out {
-    transition: all 0.3s ease-in-out 0.4s, min-height 0.5s ease-in-out 0.2s, min-width 0.5s ease-in-out 0.2s;
-}
-
-.item {
-    border: 1px solid transparent;
-    box-sizing: border-box;
-    margin: 6px;
-    border-radius: 6px;
-}
-
-/* Variable styles */
-
-.vertical {
-    flex-direction: column;
-}
-
-.vertical-r {
-    flex-direction: column-reverse;
-}
-
-.horizontal {
-    flex-direction: row;
-}
-
-.horizontal-r {
-    flex-direction: row-reverse;
-}
-
-.stretch {
-    flex: auto;
-}
-
-.middle {
-    flex-grow: 0;
-    flex: auto;
-}
-
-.just-centered {
-    justify-content: center;
-}
-
-.just-end {
-    justify-content: flex-end;
-}
-
-.end {
-    align-items:flex-end;
-}
-
-.hide {
-    display: none;
-}

package/src/Grid/interfaces.ts

@@ -1,5 +0,0 @@
-export type DragItem = {
-  type: string;
-  index: number;
-  id: string;
-};

package/src/stories/GridArea.stories.tsx

@@ -1,28 +0,0 @@
-import React, { ComponentProps } from 'react';
-import { Story } from '@storybook/react';
-
-import GridWrapper from '../Grid/GridWrapper';
-import GridSection from '../Grid/GridSection';
-import GridArea from '../Grid/GridArea';
-
-export default {
-  title: 'Grid',
-  component: GridArea,
-};
-
-const BasicOneAreaOneItem: Story<ComponentProps<typeof GridArea>> = args => (
-  <div style={{ width: '500px', height: '600px' }}>
-    <GridWrapper>
-      <GridSection>
-        <GridArea {...args} />
-      </GridSection>
-    </GridWrapper>
-  </div>
-);
-
-export const Wrapper = BasicOneAreaOneItem.bind({});
-Wrapper.args = {
-  styles: {
-    background: '#4770FF',
-  },
-};