@elliemae/ds-grid 2.3.1 → 3.0.0-alpha.3

package/esm/utils/styles.js

@@ -1,119 +0,0 @@
-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/types/Grid.d.ts

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

package/types/GridItem.d.ts

@@ -1,2 +0,0 @@
-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

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

package/types/index.d.ts

@@ -1,5 +0,0 @@
-export { default as Grid } from './Grid';
-export { default as GridContainer } from './Grid';
-export { default as GridItem } from './Grid';
-export { DSGridWithSchema } from './Grid';
-export { default } from './Grid';

package/types/propTypes.d.ts

@@ -1,135 +0,0 @@
-/// <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(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    alignItems: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    children: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    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(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    width: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    p: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    m: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    px: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    mx: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    py: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    my: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    ml: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    mr: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    mt: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    mb: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    pl: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    pr: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    pt: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    pb: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-};

package/types/tests/DSGrid.events.test.d.ts

@@ -1 +0,0 @@
-export {};

package/types/types.d.ts

@@ -1,66 +0,0 @@
-/// <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

@@ -1,3 +0,0 @@
-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

@@ -1,3 +0,0 @@
-export declare const manageSpan: any;
-export declare const manageCols: any;
-export declare const manageRows: any;