@elliemae/ds-grid 2.0.0-alpha.1 → 2.0.0-alpha.13

package/esm/propTypes.js

@@ -0,0 +1,42 @@
+import { PropTypes } from 'react-desc';
+import { alignItemsPlacement, justifyPlacement, wrap } from './utils/constants.js';
+
+const rowColBreakpoints = PropTypes.shape({
+  small: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),
+  medium: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),
+  large: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string]))
+});
+const spanBreakpoints = PropTypes.shape({
+  small: PropTypes.number,
+  medium: PropTypes.number,
+  large: PropTypes.number
+});
+const propTypes = {
+  rows: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), rowColBreakpoints]).description('Row layout cells').defaultValue([]),
+  cols: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), rowColBreakpoints]).description('Column layout cells').defaultValue([]),
+  span: PropTypes.oneOfType([PropTypes.number, spanBreakpoints]).description('Expands the grid element within columns.'),
+  alignItems: PropTypes.oneOf(alignItemsPlacement).description('flex-like align items prop'),
+  children: PropTypes.node.description('Children node inside grid cell'),
+  className: PropTypes.string.description('CSS class').defaultValue(''),
+  justifyContent: PropTypes.oneOf(justifyPlacement).description('flex-like justify prop').defaultValue(justifyPlacement[0]),
+  gutter: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Space between cells prop').defaultValue(0),
+  wrap: PropTypes.oneOf(wrap).description('Wrap type').defaultValue(wrap[0]),
+  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid height.'),
+  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid width.'),
+  p: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid padding in all sides.'),
+  m: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid margin in all sides.'),
+  px: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid padding in left and right sides.'),
+  mx: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid margin in left and right sides.'),
+  py: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid padding in top and bottom sides.'),
+  my: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid margin in top and bottom sides.'),
+  ml: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid left margin.'),
+  mr: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid right margin'),
+  mt: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid top margin'),
+  mb: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid bottom margin'),
+  pl: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid left padding.'),
+  pr: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid right padding'),
+  pt: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid top padding'),
+  pb: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid bottom padding')
+};
+
+export { propTypes };

package/esm/types.js

@@ -0,0 +1 @@
+

package/esm/utils/constants.js

@@ -0,0 +1,5 @@
+const justifyPlacement = ['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly'];
+const alignItemsPlacement = ['flex-start', 'center', 'flex-end', 'stretch', 'baseline'];
+const wrap = ['wrap', 'nowrap', 'wrap-reverse'];
+
+export { alignItemsPlacement, justifyPlacement, wrap };

package/esm/utils/styles.js

@@ -0,0 +1,119 @@
+import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import { css, mapTemplateGrid } from '@elliemae/ds-system';
+
+var _templateObject, _templateObject2, _templateObject3;
+const manageSpan = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), _ref => {
+  let {
+    isSpanParent,
+    span,
+    theme
+  } = _ref;
+  if (!isSpanParent) return '';
+
+  if (typeof span === 'object') {
+    let data = '';
+    Object.keys(theme.media).forEach(key => {
+      if (span[key] && theme.breakpoints[key]) {
+        if (key === 'small') {
+          data += "\n          -ms-grid-column: auto / span ".concat(span[key], ";\n          grid-column: auto / span ").concat(span[key], ";\n          ");
+        } else {
+          data += "@media (min-width: ".concat(theme.breakpoints[key], ") {\n            -ms-grid-column: auto / span ").concat(span[key], ";\n            grid-column: auto / span ").concat(span[key], ";\n          }");
+        }
+      }
+    });
+    return data;
+  }
+
+  return "\n  -ms-grid-column: auto / span ".concat(span, ";\n  grid-column: auto / span ").concat(span, ";");
+});
+const manageCols = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), _ref2 => {
+  let {
+    cols,
+    theme,
+    isSpanParent
+  } = _ref2;
+
+  if (typeof cols === 'object' && !Array.isArray(cols)) {
+    let data = '';
+    Object.keys(theme.media).forEach(key => {
+      if (cols[key] && Array.isArray(cols[key])) {
+        const mtg = mapTemplateGrid(cols[key]).join(' ');
+        const mtgs = mapTemplateGrid(cols[key]).map(c => "minmax(0, ".concat(c, ")")).join(' ');
+
+        if (key === 'small') {
+          data += "-ms-grid-columns: ".concat(mtg || 'minmax(0px, 1fr)', ";\n          grid-template-columns: ").concat(mtg || 'auto', ";\n          -ms-grid-columns: ").concat(mtgs || 'minmax(0px, 1fr)', ";\n          grid-template-columns: ").concat(mtgs || 'auto', ";");
+        } else {
+          data += "@media (min-width: ".concat(theme.breakpoints[key], ") {\n              -ms-grid-columns: ").concat(mtg || 'minmax(0px, 1fr)', ";\n              grid-template-columns: ").concat(mtg || 'auto', ";\n              -ms-grid-columns: ").concat(mtgs || 'minmax(0px, 1fr)', ";\n              grid-template-columns: ").concat(mtgs || 'auto', ";\n            }");
+        }
+      } else if (isSpanParent) {
+        if (key === 'small') {
+          data += "-ms-grid-columns: repeat(".concat(cols[key], ", 1fr);\n          grid-template-columns: repeat(").concat(cols[key], ", 1fr);");
+        } else {
+          data += "@media (min-width: ".concat(theme.breakpoints[key], ") {\n            -ms-grid-columns: repeat(").concat(cols[key], ", 1fr);\n            grid-template-columns: repeat(").concat(cols[key], ", 1fr);\n          }");
+        }
+      }
+    });
+    return data;
+  }
+
+  if (Array.isArray(cols)) {
+    const mtg = mapTemplateGrid(cols).join(' ');
+    const mtgs = mapTemplateGrid(cols).map(c => "minmax(0, ".concat(c, ")")).join(' ');
+    return "\n    -ms-grid-columns: ".concat(mtg || 'minmax(0px, 1fr)', ";\n    grid-template-columns: ").concat(mtg || 'auto', ";\n    -ms-grid-columns: ").concat(mtgs || 'minmax(0px, 1fr)', ";\n    grid-template-columns: ").concat(mtgs || 'auto', ";\n    ");
+  }
+
+  if (isSpanParent) {
+    return "\n    -ms-grid-columns: repeat(".concat(cols, ", 1fr);\n    grid-template-columns: repeat(").concat(cols, ", 1fr);");
+  }
+
+  return '';
+});
+const manageRows = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n"])), _ref3 => {
+  let {
+    rows,
+    theme,
+    isSpanParent
+  } = _ref3;
+
+  if (typeof rows === 'object' && !Array.isArray(rows)) {
+    let data = '';
+    Object.keys(theme.media).forEach(key => {
+      if (rows[key] && Array.isArray(rows[key])) {
+        const mtg = mapTemplateGrid(rows[key]).join(' ');
+        const mtgs = mapTemplateGrid(rows[key]).map(c => "minmax(0, ".concat(c, ")")).join(' ');
+
+        if (key === 'small') {
+          data += "-ms-grid-rows: ".concat(mtg || 'minmax(0px, 1fr)', ";\n            grid-template-rows: ").concat(mtg || 'auto', ";\n            -ms-grid-rows: ").concat(mtgs || 'minmax(0px, 1fr)', ";\n            grid-template-rows: ").concat(mtgs || 'auto', ";");
+        } else {
+          data += "@media (min-width: ".concat(theme.breakpoints[key], ") {\n                -ms-grid-rows: ").concat(mtg || 'minmax(0px, 1fr)', ";\n                grid-template-rows: ").concat(mtg || 'auto', ";\n                -ms-grid-rows: ").concat(mtgs || 'minmax(0px, 1fr)', ";\n                grid-template-rows: ").concat(mtgs || 'auto', ";\n              }");
+        }
+      } else if (isSpanParent) {
+        if (key === 'small') {
+          data += "-ms-grid-rows: repeat(".concat(rows[key], ", 1fr);\n            grid-template-rows: repeat(").concat(rows[key], ", 1fr);");
+        } else {
+          data += "@media (min-width: ".concat(theme.breakpoints[key], ") {\n              -ms-grid-rows: repeat(").concat(rows[key], ", 1fr);\n              grid-template-rows: repeat(").concat(rows[key], ", 1fr);\n            }");
+        }
+      }
+    });
+    return data;
+  }
+
+  if (Array.isArray(rows)) {
+    const mtg = mapTemplateGrid(rows).join(' ');
+    const mtgs = mapTemplateGrid(rows).map(c => "minmax(0, ".concat(c, ")")).join(' ');
+    return "\n    -ms-grid-rows: ".concat(mtg || 'minmax(0px, 1fr)', ";\n    grid-template-rows: ").concat(mtg || 'auto', ";\n    -ms-grid-rows: ").concat(mtgs || 'minmax(0px, 1fr)', ";\n    grid-template-rows: ").concat(mtgs || 'auto', ";\n    ");
+  }
+
+  if (isSpanParent) {
+    return "\n    -ms-grid-rows: repeat(".concat(rows, ", 1fr);\n    grid-template-rows: repeat(").concat(rows, ", 1fr);");
+  }
+
+  return '';
+});
+
+export { manageCols, manageRows, manageSpan };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-grid",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.13",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Grid",
   "module": "./esm/index.js",
@@ -11,13 +11,25 @@
       "import": "./esm/index.js",
       "require": "./cjs/index.js"
     },
-    "./props": {
-      "import": "./esm/props.js",
-      "require": "./cjs/props.js"
+    "./utils/styles": {
+      "import": "./esm/utils/styles.js",
+      "require": "./cjs/utils/styles.js"
     },
-    "./ie11": {
-      "import": "./esm/ie11.js",
-      "require": "./cjs/ie11.js"
+    "./utils/constants": {
+      "import": "./esm/utils/constants.js",
+      "require": "./cjs/utils/constants.js"
+    },
+    "./types": {
+      "import": "./esm/types.js",
+      "require": "./cjs/types.js"
+    },
+    "./propTypes": {
+      "import": "./esm/propTypes.js",
+      "require": "./cjs/propTypes.js"
+    },
+    "./GridItem": {
+      "import": "./esm/GridItem.js",
+      "require": "./cjs/GridItem.js"
     },
     "./Grid": {
       "import": "./esm/Grid.js",
@@ -48,18 +60,21 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-system": "2.0.0-alpha.1",
+    "@elliemae/ds-system": "2.0.0-alpha.13",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "styled-components": "~5.3.1",
+    "@testing-library/jest-dom": "~5.15.0",
+    "@testing-library/react": "~12.1.2",
+    "@testing-library/user-event": "~13.5.0",
+    "styled-components": "~5.3.3",
     "styled-system": "~5.1.5"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "styled-components": "^5.3.1",
+    "styled-components": "^5.3.3",
     "styled-system": "^5.1.5"
   },
   "publishConfig": {

package/types/Grid.d.ts

@@ -1,5 +1,11 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 import React from 'react';
-declare const Grid: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
-declare const DSGridWithSchema: any;
+import type { GridPropsT } from './types';
+declare const Grid: React.ForwardRefExoticComponent<GridPropsT & React.RefAttributes<HTMLDivElement>>;
+declare const DSGridWithSchema: {
+    (props?: (GridPropsT & React.RefAttributes<HTMLDivElement>) | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export default Grid;
 export { DSGridWithSchema };

package/types/GridItem.d.ts

@@ -0,0 +1,2 @@
+import type { GridItemPropsT } from './types';
+export declare const GridItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, GridItemPropsT, never>;

package/types/defaultProps.d.ts

@@ -2,8 +2,8 @@ export declare const defaultProps: {
     rows: never[];
     cols: never[];
     className: string;
-    direction: string;
-    justify: string;
+    justify: "flex-start";
     gutter: number;
-    wrap: string;
+    wrap: "wrap";
+    span: number;
 };

package/types/propTypes.d.ts

@@ -0,0 +1,135 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+export declare const propTypes: {
+    rows: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    cols: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    span: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    alignItems: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    children: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    className: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    justifyContent: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    gutter: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    wrap: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    height: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    width: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    p: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    m: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    px: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    mx: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    py: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    my: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    ml: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    mr: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    mt: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    mb: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    pl: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    pr: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    pt: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    pb: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+};

package/types/types.d.ts

@@ -0,0 +1,66 @@
+/// <reference types="react" />
+import { alignItemsPlacement, justifyPlacement, wrap } from './utils/constants';
+interface RowColBreakpoints {
+    small?: string | number[];
+    medium?: string | number[];
+    large?: string | number[];
+}
+interface SpanBreakpoints {
+    small?: number;
+    medium?: number;
+    large?: number;
+}
+export interface GridPropsT {
+    height?: string;
+    width?: string;
+    rows?: string[] | string | number[] | RowColBreakpoints;
+    cols?: string[] | string | number[] | RowColBreakpoints;
+    justifyContent?: typeof justifyPlacement[number];
+    alignItems?: typeof alignItemsPlacement[number];
+    children?: React.ReactNode;
+    className?: string;
+    justify?: typeof justifyPlacement[number];
+    gutter?: string | number;
+    wrap?: typeof wrap[number];
+    span?: number;
+    p?: string | number;
+    m?: string | number;
+    px?: string | number;
+    mx?: string | number;
+    py?: string | number;
+    my?: string | number;
+    ml?: string | number;
+    mr?: string | number;
+    mt?: string | number;
+    mb?: string | number;
+    pl?: string | number;
+    pr?: string | number;
+    pt?: string | number;
+    pb?: string | number;
+}
+export interface GridPropsWithDefaultT {
+    rows: string | number[] | RowColBreakpoints;
+    cols: string | number[] | RowColBreakpoints;
+    alignItems: typeof alignItemsPlacement[number];
+    children?: React.ReactNode;
+    className: string;
+    justify: typeof justifyPlacement[number];
+    gutter: string | number;
+    wrap: typeof wrap[number];
+    span: number | SpanBreakpoints;
+}
+export interface GridItemPropsT {
+    rows: string | number[] | RowColBreakpoints;
+    cols: string | number[] | RowColBreakpoints;
+    alignItems: typeof alignItemsPlacement[number];
+    children: React.ReactElement[];
+    className: string;
+    justify: typeof justifyPlacement[number];
+    gutter: string | number;
+    wrap: typeof wrap[number];
+    childNumber: number;
+    isSpanParent: boolean;
+    span?: number | SpanBreakpoints;
+    ref: React.ForwardedRef<HTMLDivElement>;
+}
+export {};

package/types/utils/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const justifyPlacement: readonly ["flex-start", "center", "flex-end", "space-between", "space-around", "space-evenly"];
+export declare const alignItemsPlacement: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
+export declare const wrap: readonly ["wrap", "nowrap", "wrap-reverse"];

package/types/utils/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const manageSpan: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const manageCols: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const manageRows: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;

package/cjs/ie11.js

@@ -1,32 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var lodash = require('lodash');
-
-// m x n items (rows and cols simultaneously)
-
-function positionIE11Grid({
-  rows,
-  cols,
-  childNumber
-}) {
-  let css = '';
-
-  if (Array.isArray(rows) && rows.length === 0 || !rows) {
-    for (let x = 0; x <= childNumber; x++) {
-      // :nth-child() doesn't work in ie11
-      css = css.concat(`& > div ${lodash.repeat('+ div ', x)}{ -ms-grid-column: ${x + 1}; } `);
-    }
-  }
-
-  if (Array.isArray(cols) && cols.length === 0 || !cols) {
-    for (let x = 0; x <= childNumber; x++) {
-      css = css.concat(`& > div ${lodash.repeat('+ div ', x)}{ -ms-grid-row: ${x + 1}; } `);
-    }
-  }
-
-  return css;
-}
-
-exports.positionIE11Grid = positionIE11Grid;

package/cjs/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/cjs/props.js

@@ -1,39 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-
-const gridProps = {
-  /** Row layout cells */
-  rows: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string])).description('Row layout cells'),
-
-  /** Column layout cells */
-  cols: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string])).description('Column layout cells'),
-
-  /** Grid span */
-  span: reactDesc.PropTypes.number.description('Grid span'),
-
-  /** flex-like align items prop */
-  alignItems: reactDesc.PropTypes.oneOf(['flex-start', 'center', 'flex-end', 'stretch', 'baseline']).description('flex-like align items prop'),
-
-  /** Children node inside grid cell */
-  children: reactDesc.PropTypes.node.description('Children node inside grid cell'),
-
-  /** CSS class */
-  className: reactDesc.PropTypes.string.description('CSS class'),
-
-  /** flex-like direction prop */
-  direction: reactDesc.PropTypes.oneOf(['row', 'row-reverse', 'column', 'column-reverse']).description('flex-like direction prop'),
-
-  /** flex-like justify prop */
-  justify: reactDesc.PropTypes.oneOf(['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly']).description('flex-like justify prop'),
-
-  /** Space between cells prop */
-  gutter: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string]).description('Space between cells prop'),
-
-  /** Wrap type */
-  wrap: reactDesc.PropTypes.oneOf(['nowrap', 'wrap', 'wrap-reverse']).description('Wrap type')
-};
-
-exports.gridProps = gridProps;

package/esm/ie11.js

@@ -1,28 +0,0 @@
-import { repeat } from 'lodash';
-
-// m x n items (rows and cols simultaneously)
-
-function positionIE11Grid({
-  rows,
-  cols,
-  childNumber
-}) {
-  let css = '';
-
-  if (Array.isArray(rows) && rows.length === 0 || !rows) {
-    for (let x = 0; x <= childNumber; x++) {
-      // :nth-child() doesn't work in ie11
-      css = css.concat(`& > div ${repeat('+ div ', x)}{ -ms-grid-column: ${x + 1}; } `);
-    }
-  }
-
-  if (Array.isArray(cols) && cols.length === 0 || !cols) {
-    for (let x = 0; x <= childNumber; x++) {
-      css = css.concat(`& > div ${repeat('+ div ', x)}{ -ms-grid-row: ${x + 1}; } `);
-    }
-  }
-
-  return css;
-}
-
-export { positionIE11Grid };

package/esm/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/esm/props.js

@@ -1,35 +0,0 @@
-import { PropTypes } from 'react-desc';
-
-const gridProps = {
-  /** Row layout cells */
-  rows: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])).description('Row layout cells'),
-
-  /** Column layout cells */
-  cols: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])).description('Column layout cells'),
-
-  /** Grid span */
-  span: PropTypes.number.description('Grid span'),
-
-  /** flex-like align items prop */
-  alignItems: PropTypes.oneOf(['flex-start', 'center', 'flex-end', 'stretch', 'baseline']).description('flex-like align items prop'),
-
-  /** Children node inside grid cell */
-  children: PropTypes.node.description('Children node inside grid cell'),
-
-  /** CSS class */
-  className: PropTypes.string.description('CSS class'),
-
-  /** flex-like direction prop */
-  direction: PropTypes.oneOf(['row', 'row-reverse', 'column', 'column-reverse']).description('flex-like direction prop'),
-
-  /** flex-like justify prop */
-  justify: PropTypes.oneOf(['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly']).description('flex-like justify prop'),
-
-  /** Space between cells prop */
-  gutter: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Space between cells prop'),
-
-  /** Wrap type */
-  wrap: PropTypes.oneOf(['nowrap', 'wrap', 'wrap-reverse']).description('Wrap type')
-};
-
-export { gridProps };

package/types/ie11.d.ts

@@ -1,5 +0,0 @@
-export declare function positionIE11Grid({ rows, cols, childNumber }: {
-    rows: any;
-    cols: any;
-    childNumber: any;
-}): string;