@elliemae/ds-grid 3.33.0-next.9 → 3.33.0-rc.0

package/dist/cjs/Grid.js

@@ -85,8 +85,7 @@ const Grid = import_react.default.forwardRef((props, ref) => {
   );
 });
 Grid.displayName = import_DSGridDefinitions.DSGridName;
-Grid.propTypes = import_react_desc_prop_types.DSGridPropTypes;
 const DSGridWithSchema = (0, import_ds_props_helpers.describe)(Grid);
-DSGridWithSchema.propTypes = import_react_desc_prop_types.DSGridPropTypes;
+DSGridWithSchema.propTypes = import_react_desc_prop_types.DSCardHeaderPropTypesSchema;
 var Grid_default = Grid;
 //# sourceMappingURL=Grid.js.map

package/dist/cjs/Grid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Grid.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport type { DSGridT } from './react-desc-prop-types.js';\nimport { DSGridPropTypes } from './react-desc-prop-types.js';\nimport { GridItem } from './GridItem.js';\nimport { useGrid } from './config/useGrid.js';\nimport { DSGridName } from './DSGridDefinitions.js';\n\nconst Grid = React.forwardRef<HTMLDivElement, DSGridT.Props>((props, ref) => {\n  const {\n    propsWithDefaults: {\n      withMaxWidthBreakpoints,\n      alignItems,\n      cols,\n      children,\n      rows,\n      gutter,\n      justify,\n      wrap,\n      width,\n      height,\n      innerRef,\n      ...rest\n    },\n    globalProps,\n    xstyledProps,\n    isSpanParent,\n    renderChildren,\n  } = useGrid(props);\n\n  return (\n    <GridItem\n      {...rest}\n      {...globalProps}\n      {...xstyledProps}\n      alignItems={alignItems}\n      cols={cols}\n      gutter={gutter}\n      isSpanParent={isSpanParent}\n      justify={justify}\n      rows={rows}\n      wrap={wrap}\n      childNumber={React.Children.count(children)}\n      innerRef={innerRef ?? ref}\n      w={width}\n      h={height}\n      withMaxWidthBreakpoints={withMaxWidthBreakpoints}\n    >\n      {renderChildren}\n    </GridItem>\n  );\n});\n\n// Since this component is using ForwardRef, we must provide a displayName to avoid 'undefined' name in propsTable.\nGrid.displayName = DSGridName;\n\nGrid.propTypes = DSGridPropTypes;\nconst DSGridWithSchema = describe(Grid);\nDSGridWithSchema.propTypes = DSGridPropTypes;\n\nexport default Grid;\nexport { DSGridWithSchema, Grid };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+BnB;AA/BJ,mBAAkB;AAClB,8BAAyB;AAEzB,mCAAgC;AAChC,sBAAyB;AACzB,qBAAwB;AACxB,+BAA2B;AAE3B,MAAM,OAAO,aAAAA,QAAM,WAA0C,CAAC,OAAO,QAAQ;AAC3E,QAAM;AAAA,IACJ,mBAAmB;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,wBAAQ,KAAK;AAEjB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,aAAAA,QAAM,SAAS,MAAM,QAAQ;AAAA,MAC1C,UAAU,YAAY;AAAA,MACtB,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ,CAAC;AAGD,KAAK,cAAc;AAEnB,KAAK,YAAY;AACjB,MAAM,uBAAmB,kCAAS,IAAI;AACtC,iBAAiB,YAAY;AAE7B,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport type { DSGridT } from './react-desc-prop-types.js';\nimport { DSCardHeaderPropTypesSchema } from './react-desc-prop-types.js';\nimport { GridItem } from './GridItem.js';\nimport { useGrid } from './config/useGrid.js';\nimport { DSGridName } from './DSGridDefinitions.js';\n\nconst Grid = React.forwardRef<HTMLDivElement, DSGridT.Props>((props, ref) => {\n  const {\n    propsWithDefaults: {\n      withMaxWidthBreakpoints,\n      alignItems,\n      cols,\n      children,\n      rows,\n      gutter,\n      justify,\n      wrap,\n      width,\n      height,\n      innerRef,\n      ...rest\n    },\n    globalProps,\n    xstyledProps,\n    isSpanParent,\n    renderChildren,\n  } = useGrid(props);\n\n  return (\n    <GridItem\n      {...rest}\n      {...globalProps}\n      {...xstyledProps}\n      alignItems={alignItems}\n      cols={cols}\n      gutter={gutter}\n      isSpanParent={isSpanParent}\n      justify={justify}\n      rows={rows}\n      wrap={wrap}\n      childNumber={React.Children.count(children)}\n      innerRef={innerRef ?? ref}\n      w={width}\n      h={height}\n      withMaxWidthBreakpoints={withMaxWidthBreakpoints}\n    >\n      {renderChildren}\n    </GridItem>\n  );\n});\n\n// Since this component is using ForwardRef, we must provide a displayName to avoid 'undefined' name in propsTable.\nGrid.displayName = DSGridName;\nconst DSGridWithSchema = describe(Grid);\nDSGridWithSchema.propTypes = DSCardHeaderPropTypesSchema;\n\nexport default Grid;\nexport { DSGridWithSchema, Grid };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+BnB;AA/BJ,mBAAkB;AAClB,8BAAyB;AAEzB,mCAA4C;AAC5C,sBAAyB;AACzB,qBAAwB;AACxB,+BAA2B;AAE3B,MAAM,OAAO,aAAAA,QAAM,WAA0C,CAAC,OAAO,QAAQ;AAC3E,QAAM;AAAA,IACJ,mBAAmB;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,wBAAQ,KAAK;AAEjB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,aAAAA,QAAM,SAAS,MAAM,QAAQ;AAAA,MAC1C,UAAU,YAAY;AAAA,MACtB,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ,CAAC;AAGD,KAAK,cAAc;AACnB,MAAM,uBAAmB,kCAAS,IAAI;AACtC,iBAAiB,YAAY;AAE7B,IAAO,eAAQ;",
   "names": ["React"]
 }

package/dist/cjs/config/useGrid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/useGrid.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport type { DSGridT } from '../react-desc-prop-types.js';\n// eslint-disable-next-line no-unused-vars\nimport { DSGridPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useRenderChildren } from './useRenderChildren.js';\n// eslint-disable-next-line no-unused-vars\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const useGrid = (props: DSGridT.Props) => {\n  const { children, ...propsWithoutChildren } = props;\n\n  // =========================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =========================================================================\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSGridT.InternalProps>(propsWithoutChildren, defaultProps);\n  // children prop create the Maximum call stack size exceeded inside useMemoMergePropsWithDefault\n  propsWithDefaults.children = children;\n  // useValidateProps(propsWithDefaults, DSGridPropTypes); // TODO @carusox: Uncomment this line when we have the safety\n  // ===========================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // ===========================================================================\n  const globalProps = useGetGlobalAttributes<DSGridT.InternalProps>(propsWithDefaults);\n  const xstyledProps = useGetXstyledProps(propsWithDefaults);\n\n  const { isSpanParent, renderChildren } = useRenderChildren(propsWithDefaults);\n\n  return { propsWithDefaults, globalProps, xstyledProps, isSpanParent, renderChildren };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAyF;AAGzF,mCAA8C;AAC9C,+BAAkC;AAI3B,MAAM,UAAU,CAAC,UAAyB;AAC/C,QAAM,EAAE,UAAU,GAAG,qBAAqB,IAAI;AAK9C,QAAM,wBAAoB,sDAAoD,sBAAsB,yCAAY;AAEhH,oBAAkB,WAAW;AAK7B,QAAM,kBAAc,gDAA8C,iBAAiB;AACnF,QAAM,mBAAe,4CAAmB,iBAAiB;AAEzD,QAAM,EAAE,cAAc,eAAe,QAAI,4CAAkB,iBAAiB;AAE5E,SAAO,EAAE,mBAAmB,aAAa,cAAc,cAAc,eAAe;AACtF;",
+  "sourcesContent": ["import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport type { DSGridT } from '../react-desc-prop-types.js';\nimport { defaultProps } from '../react-desc-prop-types.js';\nimport { useRenderChildren } from './useRenderChildren.js';\n\nexport const useGrid = (props: DSGridT.Props) => {\n  const { children, ...propsWithoutChildren } = props;\n\n  // =========================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =========================================================================\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSGridT.InternalProps>(propsWithoutChildren, defaultProps);\n  // children prop create the Maximum call stack size exceeded inside useMemoMergePropsWithDefault\n  propsWithDefaults.children = children;\n  // useValidateProps(propsWithDefaults, DSGridPropTypes); // TODO @carusox: Uncomment this line when we have the safety\n  // ===========================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // ===========================================================================\n  const globalProps = useGetGlobalAttributes<DSGridT.InternalProps, HTMLDivElement>(propsWithDefaults);\n  const xstyledProps = useGetXstyledProps(propsWithDefaults);\n\n  const { isSpanParent, renderChildren } = useRenderChildren(propsWithDefaults);\n\n  return { propsWithDefaults, globalProps, xstyledProps, isSpanParent, renderChildren };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAyF;AAEzF,mCAA6B;AAC7B,+BAAkC;AAE3B,MAAM,UAAU,CAAC,UAAyB;AAC/C,QAAM,EAAE,UAAU,GAAG,qBAAqB,IAAI;AAK9C,QAAM,wBAAoB,sDAAoD,sBAAsB,yCAAY;AAEhH,oBAAkB,WAAW;AAK7B,QAAM,kBAAc,gDAA8D,iBAAiB;AACnG,QAAM,mBAAe,4CAAmB,iBAAiB;AAEzD,QAAM,EAAE,cAAc,eAAe,QAAI,4CAAkB,iBAAiB;AAE5E,SAAO,EAAE,mBAAmB,aAAa,cAAc,cAAc,eAAe;AACtF;",
   "names": []
 }

package/dist/cjs/index.js

@@ -28,15 +28,20 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {
+  DSCardHeaderPropTypesSchema: () => import_react_desc_prop_types2.DSCardHeaderPropTypesSchema,
+  DSGridPropTypes: () => import_react_desc_prop_types2.DSGridPropTypes,
   DSGridWithSchema: () => import_Grid.DSGridWithSchema,
   Grid: () => import_Grid.default,
   GridContainer: () => import_Grid.default,
   GridItem: () => import_Grid.default,
-  default: () => src_default
+  default: () => src_default,
+  defaultProps: () => import_react_desc_prop_types2.defaultProps,
+  getGridProps: () => import_react_desc_prop_types2.getGridProps
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
 var import_Grid = __toESM(require("./Grid.js"));
 var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_react_desc_prop_types2 = require("./react-desc-prop-types.js");
 var src_default = import_Grid.default;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type {} from '@xstyled/system';\nimport Grid, { DSGridWithSchema } from './Grid.js';\nexport { type DSGridT } from './react-desc-prop-types.js';\nexport default Grid;\nexport { Grid, Grid as GridContainer, Grid as GridItem, DSGridWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,0BAAAA;AAAA,EAAA,iCAAAA;AAAA,EAAA,4BAAAA;AAAA,EAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,kBAAuC;AACvC,mCAA6B;AAC7B,IAAO,cAAQ,YAAAC;",
-  "names": ["Grid", "Grid"]
+  "sourcesContent": ["import type {} from '@xstyled/system';\nimport Grid, { DSGridWithSchema } from './Grid.js';\nexport { type DSGridT } from './react-desc-prop-types.js';\nexport { defaultProps, DSGridPropTypes, DSCardHeaderPropTypesSchema, getGridProps } from './react-desc-prop-types.js';\nexport default Grid;\nexport { Grid, Grid as GridContainer, Grid as GridItem, DSGridWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAAA;AAAA,EAAA,iCAAAA;AAAA,EAAA,4BAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,kBAAuC;AACvC,mCAA6B;AAC7B,IAAAC,gCAAyF;AACzF,IAAO,cAAQ,YAAAC;",
+  "names": ["Grid", "import_react_desc_prop_types", "Grid"]
 }

package/dist/cjs/react-desc-prop-types.js

@@ -28,8 +28,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var react_desc_prop_types_exports = {};
 __export(react_desc_prop_types_exports, {
+  DSCardHeaderPropTypesSchema: () => DSCardHeaderPropTypesSchema,
   DSGridPropTypes: () => DSGridPropTypes,
-  defaultProps: () => defaultProps
+  defaultProps: () => defaultProps,
+  getGridProps: () => getGridProps
 });
 module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
@@ -75,6 +77,10 @@ const DSGridPropTypes = {
   className: import_ds_props_helpers.PropTypes.string.description("CSS class").defaultValue(""),
   justifyContent: import_ds_props_helpers.PropTypes.oneOf(import_constants.justifyPlacement).description("flex-like justify prop").defaultValue(import_constants.justifyPlacement[0]),
   gutter: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.string]).description("Space between cells prop").defaultValue(0),
+  justify: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.string]).description("Space between cells prop"),
+  justifyItems: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.string]).description("Space between cells prop"),
+  alignContent: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.string]).description("Space between cells prop"),
+  rowGap: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.string]).description("Space between cells prop"),
   innerRef: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.func, import_ds_props_helpers.PropTypes.object]).description("Ref to the grid"),
   wrap: import_ds_props_helpers.PropTypes.oneOf(import_constants.wrap).description("Wrap type").defaultValue(import_constants.wrap[0]),
   withMaxWidthBreakpoints: import_ds_props_helpers.PropTypes.bool.description("weather use max width").defaultValue(void 0),
@@ -105,4 +111,19 @@ const DSGridPropTypes = {
   borderLeftStyle: import_ds_props_helpers.PropTypes.string.description("Sets border left style."),
   borderLeftColor: import_ds_props_helpers.PropTypes.string.description("Sets border left color.")
 };
+const DSCardHeaderPropTypesSchema = DSGridPropTypes;
+const getGridProps = (props) => {
+  if (typeof props !== "object" || props === null)
+    return {};
+  const innerProps = props;
+  const innerGridPropTypes = props;
+  const filteredProps = {};
+  Object.keys(innerProps).forEach((key) => {
+    const innerKey = key;
+    if (innerGridPropTypes[innerKey] && innerProps[innerKey] !== void 0) {
+      filteredProps[innerKey] = innerProps[innerKey];
+    }
+  });
+  return filteredProps;
+};
 //# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { alignItemsPlacement, justifyPlacement, wrap, boxShadow } from './utils/constants.js';\n\nexport declare namespace DSGridT {\n  export type RowOrColsSyntaxSugar = string | number | (string | number)[];\n\n  export interface RowColBreakpoints {\n    small?: RowOrColsSyntaxSugar[];\n    medium?: RowOrColsSyntaxSugar[];\n    large?: RowOrColsSyntaxSugar[];\n  }\n\n  export type RowOrColsValidValues = RowOrColsSyntaxSugar | RowColBreakpoints;\n\n  export interface SpanBreakpoints {\n    small?: number;\n    medium?: number;\n    large?: number;\n  }\n\n  export type JustifyPlacement =\n    | 'flex-start'\n    | 'center'\n    | 'flex-end'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly';\n  export type AlignItemsPlacement = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';\n  export type Wrap = 'wrap' | 'nowrap' | 'wrap-reverse';\n  export type BoxShadow = 'xs' | 's' | 'm' | 'l' | 'xl';\n\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    rows: RowOrColsValidValues;\n    cols: RowOrColsValidValues;\n    className: string;\n    justify: JustifyPlacement;\n    wrap: Wrap;\n    span: number | SpanBreakpoints;\n    justifyItems: string;\n  }\n\n  export interface OptionalProps {\n    height?: string | number;\n    width?: string | number;\n    justifyContent?: JustifyPlacement;\n    alignItems?: AlignItemsPlacement;\n    alignContent?: AlignItemsPlacement;\n    children?: React.ReactNode;\n    withMaxWidthBreakpoints?: boolean;\n    rowGap?: string | number;\n    gutter?: string | number;\n    innerRef?: React.MutableRefObject<HTMLDivElement | null> | React.RefCallback<HTMLDivElement>;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps {}\n\n  export interface ItemProps {\n    rows: RowOrColsValidValues;\n    cols: RowOrColsValidValues;\n    alignItems?: AlignItemsPlacement;\n    alignContent?: AlignItemsPlacement;\n    children: React.ReactNode;\n    className?: string;\n    justify: JustifyPlacement;\n    gutter?: string | number;\n    wrap: Wrap;\n    childNumber: number;\n    isSpanParent: boolean;\n    span?: number | SpanBreakpoints;\n    withMaxWidthBreakpoints?: boolean;\n  }\n}\n\nexport const defaultProps: DSGridT.DefaultProps = {\n  rows: [],\n  cols: [],\n  className: '',\n  justify: 'flex-start',\n  wrap: 'wrap',\n  span: 1,\n  justifyItems: 'normal',\n};\n\n// =============================================================================\n// PropTypes\n// =============================================================================\nconst rowColBreakpoints = PropTypes.shape({\n  small: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n  medium: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n  large: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n});\n\nconst spanBreakpoints = PropTypes.shape({\n  small: PropTypes.number,\n  medium: PropTypes.number,\n  large: PropTypes.number,\n});\n\nexport const DSGridPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  rows: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    PropTypes.number,\n    rowColBreakpoints,\n  ])\n    .description('Row layout cells')\n    .defaultValue([]),\n  cols: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    PropTypes.number,\n    rowColBreakpoints,\n  ])\n    .description('Column layout cells')\n    .defaultValue([]),\n  span: PropTypes.oneOfType([PropTypes.number, spanBreakpoints]).description(\n    'Expands the grid element within columns.',\n  ),\n  alignItems: PropTypes.oneOf(alignItemsPlacement).description('flex-like align items prop'),\n  children: PropTypes.node.description('Children node inside grid cell'),\n  className: PropTypes.string.description('CSS class').defaultValue(''),\n  justifyContent: PropTypes.oneOf(justifyPlacement)\n    .description('flex-like justify prop')\n    .defaultValue(justifyPlacement[0]),\n  gutter: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n    .description('Space between cells prop')\n    .defaultValue(0),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the grid'),\n  wrap: PropTypes.oneOf(wrap).description('Wrap type').defaultValue(wrap[0]),\n  withMaxWidthBreakpoints: PropTypes.bool.description('weather use max width').defaultValue(undefined),\n  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid height.'),\n  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid width.'),\n  backgroundColor: PropTypes.string.description('Sets background color.'),\n  bg: PropTypes.string.description('Sets background color.'),\n  boxShadow: PropTypes.oneOf(boxShadow).description('Sets background color.'),\n  border: PropTypes.string.description('Sets border.'),\n  borderRadius: PropTypes.string.description('Sets border radius.'),\n  borderWidth: PropTypes.string.description('Sets border width.'),\n  borderStyle: PropTypes.string.description('Sets border style.'),\n  borderColor: PropTypes.string.description('Sets border color.'),\n  borderTop: PropTypes.string.description('Sets top border.'),\n  borderBottom: PropTypes.string.description('Sets bottom border.'),\n  borderLeft: PropTypes.string.description('Sets left border.'),\n  borderRight: PropTypes.string.description('Sets right border.'),\n  borderTopWidth: PropTypes.string.description('Sets border top width.'),\n  borderTopStyle: PropTypes.string.description('Sets border top style.'),\n  borderTopColor: PropTypes.string.description('Sets border top color.'),\n  borderBottomWidth: PropTypes.string.description('Sets border bottom width.'),\n  borderBottomStyle: PropTypes.string.description('Sets border bottom style.'),\n  borderBottomColor: PropTypes.string.description('Sets border bottom color.'),\n  borderRightWidth: PropTypes.string.description('Sets border right width.'),\n  borderRightStyle: PropTypes.string.description('Sets border right style.'),\n  borderRightColor: PropTypes.string.description('Sets border right color.'),\n  borderLeftWidth: PropTypes.string.description('Sets border left width.'),\n  borderLeftStyle: PropTypes.string.description('Sets border left style.'),\n  borderLeftColor: PropTypes.string.description('Sets border left color.'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { alignItemsPlacement, justifyPlacement, wrap, boxShadow } from './utils/constants.js';\n\nexport declare namespace DSGridT {\n  export type RowOrColsSyntaxSugar = string | number | (string | number)[];\n\n  export interface RowColBreakpoints {\n    small?: RowOrColsSyntaxSugar[];\n    medium?: RowOrColsSyntaxSugar[];\n    large?: RowOrColsSyntaxSugar[];\n  }\n\n  export type RowOrColsValidValues = RowOrColsSyntaxSugar | RowColBreakpoints;\n\n  export interface SpanBreakpoints {\n    small?: number;\n    medium?: number;\n    large?: number;\n  }\n\n  export type JustifyPlacement =\n    | 'flex-start'\n    | 'center'\n    | 'flex-end'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly';\n  export type AlignItemsPlacement = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';\n  export type Wrap = 'wrap' | 'nowrap' | 'wrap-reverse';\n  export type BoxShadow = 'xs' | 's' | 'm' | 'l' | 'xl';\n\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    rows: RowOrColsValidValues;\n    cols: RowOrColsValidValues;\n    className: string;\n    justify: JustifyPlacement;\n    wrap: Wrap;\n    span: number | SpanBreakpoints;\n    justifyItems: string;\n  }\n\n  export interface OptionalProps {\n    height?: string | number;\n    width?: string | number;\n    justifyContent?: JustifyPlacement;\n    alignItems?: AlignItemsPlacement;\n    alignContent?: AlignItemsPlacement;\n    children?: React.ReactNode;\n    withMaxWidthBreakpoints?: boolean;\n    rowGap?: string | number;\n    gutter?: string | number;\n    innerRef?: React.MutableRefObject<HTMLDivElement | null> | React.RefCallback<HTMLDivElement>;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps {}\n\n  export interface ItemProps {\n    rows: RowOrColsValidValues;\n    cols: RowOrColsValidValues;\n    alignItems?: AlignItemsPlacement;\n    alignContent?: AlignItemsPlacement;\n    children: React.ReactNode;\n    className?: string;\n    justify: JustifyPlacement;\n    gutter?: string | number;\n    wrap: Wrap;\n    childNumber: number;\n    isSpanParent: boolean;\n    span?: number | SpanBreakpoints;\n    withMaxWidthBreakpoints?: boolean;\n  }\n}\n\nexport const defaultProps: DSGridT.DefaultProps = {\n  rows: [],\n  cols: [],\n  className: '',\n  justify: 'flex-start',\n  wrap: 'wrap',\n  span: 1,\n  justifyItems: 'normal',\n};\n\n// =============================================================================\n// PropTypes\n// =============================================================================\nconst rowColBreakpoints = PropTypes.shape({\n  small: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n  medium: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n  large: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n});\n\nconst spanBreakpoints = PropTypes.shape({\n  small: PropTypes.number,\n  medium: PropTypes.number,\n  large: PropTypes.number,\n});\n\nexport const DSGridPropTypes: DSPropTypesSchema<DSGridT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  rows: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    PropTypes.number,\n    rowColBreakpoints,\n  ])\n    .description('Row layout cells')\n    .defaultValue([]),\n  cols: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    PropTypes.number,\n    rowColBreakpoints,\n  ])\n    .description('Column layout cells')\n    .defaultValue([]),\n  span: PropTypes.oneOfType([PropTypes.number, spanBreakpoints]).description(\n    'Expands the grid element within columns.',\n  ),\n  alignItems: PropTypes.oneOf(alignItemsPlacement).description('flex-like align items prop'),\n  children: PropTypes.node.description('Children node inside grid cell'),\n  className: PropTypes.string.description('CSS class').defaultValue(''),\n  justifyContent: PropTypes.oneOf(justifyPlacement)\n    .description('flex-like justify prop')\n    .defaultValue(justifyPlacement[0]),\n  gutter: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n    .description('Space between cells prop')\n    .defaultValue(0),\n  justify: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Space between cells prop'),\n  justifyItems: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Space between cells prop'),\n  alignContent: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Space between cells prop'),\n  rowGap: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Space between cells prop'),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the grid'),\n  wrap: PropTypes.oneOf(wrap).description('Wrap type').defaultValue(wrap[0]),\n  withMaxWidthBreakpoints: PropTypes.bool.description('weather use max width').defaultValue(undefined),\n  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid height.'),\n  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid width.'),\n  backgroundColor: PropTypes.string.description('Sets background color.'),\n  bg: PropTypes.string.description('Sets background color.'),\n  boxShadow: PropTypes.oneOf(boxShadow).description('Sets background color.'),\n  border: PropTypes.string.description('Sets border.'),\n  borderRadius: PropTypes.string.description('Sets border radius.'),\n  borderWidth: PropTypes.string.description('Sets border width.'),\n  borderStyle: PropTypes.string.description('Sets border style.'),\n  borderColor: PropTypes.string.description('Sets border color.'),\n  borderTop: PropTypes.string.description('Sets top border.'),\n  borderBottom: PropTypes.string.description('Sets bottom border.'),\n  borderLeft: PropTypes.string.description('Sets left border.'),\n  borderRight: PropTypes.string.description('Sets right border.'),\n  borderTopWidth: PropTypes.string.description('Sets border top width.'),\n  borderTopStyle: PropTypes.string.description('Sets border top style.'),\n  borderTopColor: PropTypes.string.description('Sets border top color.'),\n  borderBottomWidth: PropTypes.string.description('Sets border bottom width.'),\n  borderBottomStyle: PropTypes.string.description('Sets border bottom style.'),\n  borderBottomColor: PropTypes.string.description('Sets border bottom color.'),\n  borderRightWidth: PropTypes.string.description('Sets border right width.'),\n  borderRightStyle: PropTypes.string.description('Sets border right style.'),\n  borderRightColor: PropTypes.string.description('Sets border right color.'),\n  borderLeftWidth: PropTypes.string.description('Sets border left width.'),\n  borderLeftStyle: PropTypes.string.description('Sets border left style.'),\n  borderLeftColor: PropTypes.string.description('Sets border left color.'),\n};\n\nexport const DSCardHeaderPropTypesSchema = DSGridPropTypes as unknown as WeakValidationMap<DSGridT.Props>;\n\nexport const getGridProps = (props: unknown): Partial<DSGridT.Props> => {\n  if (typeof props !== 'object' || props === null) return {};\n  const innerProps = props as Record<string, unknown>;\n  const innerGridPropTypes = props as Record<keyof DSGridT.Props, unknown>;\n  const filteredProps: Partial<DSGridT.Props> = {};\n\n  Object.keys(innerProps).forEach((key) => {\n    const innerKey = key as keyof DSGridT.Props;\n    if (innerGridPropTypes[innerKey] && innerProps[innerKey] !== undefined) {\n      filteredProps[innerKey] = innerProps[innerKey];\n    }\n  });\n  return filteredProps;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/Grid.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import React2 from "react";
 import { describe } from "@elliemae/ds-props-helpers";
-import { DSGridPropTypes } from "./react-desc-prop-types.js";
+import { DSCardHeaderPropTypesSchema } from "./react-desc-prop-types.js";
 import { GridItem } from "./GridItem.js";
 import { useGrid } from "./config/useGrid.js";
 import { DSGridName } from "./DSGridDefinitions.js";
@@ -50,9 +50,8 @@ const Grid = React2.forwardRef((props, ref) => {
   );
 });
 Grid.displayName = DSGridName;
-Grid.propTypes = DSGridPropTypes;
 const DSGridWithSchema = describe(Grid);
-DSGridWithSchema.propTypes = DSGridPropTypes;
+DSGridWithSchema.propTypes = DSCardHeaderPropTypesSchema;
 var Grid_default = Grid;
 export {
   DSGridWithSchema,

package/dist/esm/Grid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/Grid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport type { DSGridT } from './react-desc-prop-types.js';\nimport { DSGridPropTypes } from './react-desc-prop-types.js';\nimport { GridItem } from './GridItem.js';\nimport { useGrid } from './config/useGrid.js';\nimport { DSGridName } from './DSGridDefinitions.js';\n\nconst Grid = React.forwardRef<HTMLDivElement, DSGridT.Props>((props, ref) => {\n  const {\n    propsWithDefaults: {\n      withMaxWidthBreakpoints,\n      alignItems,\n      cols,\n      children,\n      rows,\n      gutter,\n      justify,\n      wrap,\n      width,\n      height,\n      innerRef,\n      ...rest\n    },\n    globalProps,\n    xstyledProps,\n    isSpanParent,\n    renderChildren,\n  } = useGrid(props);\n\n  return (\n    <GridItem\n      {...rest}\n      {...globalProps}\n      {...xstyledProps}\n      alignItems={alignItems}\n      cols={cols}\n      gutter={gutter}\n      isSpanParent={isSpanParent}\n      justify={justify}\n      rows={rows}\n      wrap={wrap}\n      childNumber={React.Children.count(children)}\n      innerRef={innerRef ?? ref}\n      w={width}\n      h={height}\n      withMaxWidthBreakpoints={withMaxWidthBreakpoints}\n    >\n      {renderChildren}\n    </GridItem>\n  );\n});\n\n// Since this component is using ForwardRef, we must provide a displayName to avoid 'undefined' name in propsTable.\nGrid.displayName = DSGridName;\n\nGrid.propTypes = DSGridPropTypes;\nconst DSGridWithSchema = describe(Grid);\nDSGridWithSchema.propTypes = DSGridPropTypes;\n\nexport default Grid;\nexport { DSGridWithSchema, Grid };\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC+BnB;AA/BJ,OAAOA,YAAW;AAClB,SAAS,gBAAgB;AAEzB,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,kBAAkB;AAE3B,MAAM,OAAOA,OAAM,WAA0C,CAAC,OAAO,QAAQ;AAC3E,QAAM;AAAA,IACJ,mBAAmB;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,QAAQ,KAAK;AAEjB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAaA,OAAM,SAAS,MAAM,QAAQ;AAAA,MAC1C,UAAU,YAAY;AAAA,MACtB,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ,CAAC;AAGD,KAAK,cAAc;AAEnB,KAAK,YAAY;AACjB,MAAM,mBAAmB,SAAS,IAAI;AACtC,iBAAiB,YAAY;AAE7B,IAAO,eAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport type { DSGridT } from './react-desc-prop-types.js';\nimport { DSCardHeaderPropTypesSchema } from './react-desc-prop-types.js';\nimport { GridItem } from './GridItem.js';\nimport { useGrid } from './config/useGrid.js';\nimport { DSGridName } from './DSGridDefinitions.js';\n\nconst Grid = React.forwardRef<HTMLDivElement, DSGridT.Props>((props, ref) => {\n  const {\n    propsWithDefaults: {\n      withMaxWidthBreakpoints,\n      alignItems,\n      cols,\n      children,\n      rows,\n      gutter,\n      justify,\n      wrap,\n      width,\n      height,\n      innerRef,\n      ...rest\n    },\n    globalProps,\n    xstyledProps,\n    isSpanParent,\n    renderChildren,\n  } = useGrid(props);\n\n  return (\n    <GridItem\n      {...rest}\n      {...globalProps}\n      {...xstyledProps}\n      alignItems={alignItems}\n      cols={cols}\n      gutter={gutter}\n      isSpanParent={isSpanParent}\n      justify={justify}\n      rows={rows}\n      wrap={wrap}\n      childNumber={React.Children.count(children)}\n      innerRef={innerRef ?? ref}\n      w={width}\n      h={height}\n      withMaxWidthBreakpoints={withMaxWidthBreakpoints}\n    >\n      {renderChildren}\n    </GridItem>\n  );\n});\n\n// Since this component is using ForwardRef, we must provide a displayName to avoid 'undefined' name in propsTable.\nGrid.displayName = DSGridName;\nconst DSGridWithSchema = describe(Grid);\nDSGridWithSchema.propTypes = DSCardHeaderPropTypesSchema;\n\nexport default Grid;\nexport { DSGridWithSchema, Grid };\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC+BnB;AA/BJ,OAAOA,YAAW;AAClB,SAAS,gBAAgB;AAEzB,SAAS,mCAAmC;AAC5C,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,kBAAkB;AAE3B,MAAM,OAAOA,OAAM,WAA0C,CAAC,OAAO,QAAQ;AAC3E,QAAM;AAAA,IACJ,mBAAmB;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,QAAQ,KAAK;AAEjB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAaA,OAAM,SAAS,MAAM,QAAQ;AAAA,MAC1C,UAAU,YAAY;AAAA,MACtB,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ,CAAC;AAGD,KAAK,cAAc;AACnB,MAAM,mBAAmB,SAAS,IAAI;AACtC,iBAAiB,YAAY;AAE7B,IAAO,eAAQ;",
   "names": ["React"]
 }

package/dist/esm/config/useGrid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useGrid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport type { DSGridT } from '../react-desc-prop-types.js';\n// eslint-disable-next-line no-unused-vars\nimport { DSGridPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useRenderChildren } from './useRenderChildren.js';\n// eslint-disable-next-line no-unused-vars\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const useGrid = (props: DSGridT.Props) => {\n  const { children, ...propsWithoutChildren } = props;\n\n  // =========================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =========================================================================\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSGridT.InternalProps>(propsWithoutChildren, defaultProps);\n  // children prop create the Maximum call stack size exceeded inside useMemoMergePropsWithDefault\n  propsWithDefaults.children = children;\n  // useValidateProps(propsWithDefaults, DSGridPropTypes); // TODO @carusox: Uncomment this line when we have the safety\n  // ===========================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // ===========================================================================\n  const globalProps = useGetGlobalAttributes<DSGridT.InternalProps>(propsWithDefaults);\n  const xstyledProps = useGetXstyledProps(propsWithDefaults);\n\n  const { isSpanParent, renderChildren } = useRenderChildren(propsWithDefaults);\n\n  return { propsWithDefaults, globalProps, xstyledProps, isSpanParent, renderChildren };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB,oBAAoB,oCAAoC;AAGzF,SAA0B,oBAAoB;AAC9C,SAAS,yBAAyB;AAI3B,MAAM,UAAU,CAAC,UAAyB;AAC/C,QAAM,EAAE,UAAU,GAAG,qBAAqB,IAAI;AAK9C,QAAM,oBAAoB,6BAAoD,sBAAsB,YAAY;AAEhH,oBAAkB,WAAW;AAK7B,QAAM,cAAc,uBAA8C,iBAAiB;AACnF,QAAM,eAAe,mBAAmB,iBAAiB;AAEzD,QAAM,EAAE,cAAc,eAAe,IAAI,kBAAkB,iBAAiB;AAE5E,SAAO,EAAE,mBAAmB,aAAa,cAAc,cAAc,eAAe;AACtF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport type { DSGridT } from '../react-desc-prop-types.js';\nimport { defaultProps } from '../react-desc-prop-types.js';\nimport { useRenderChildren } from './useRenderChildren.js';\n\nexport const useGrid = (props: DSGridT.Props) => {\n  const { children, ...propsWithoutChildren } = props;\n\n  // =========================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =========================================================================\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSGridT.InternalProps>(propsWithoutChildren, defaultProps);\n  // children prop create the Maximum call stack size exceeded inside useMemoMergePropsWithDefault\n  propsWithDefaults.children = children;\n  // useValidateProps(propsWithDefaults, DSGridPropTypes); // TODO @carusox: Uncomment this line when we have the safety\n  // ===========================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // ===========================================================================\n  const globalProps = useGetGlobalAttributes<DSGridT.InternalProps, HTMLDivElement>(propsWithDefaults);\n  const xstyledProps = useGetXstyledProps(propsWithDefaults);\n\n  const { isSpanParent, renderChildren } = useRenderChildren(propsWithDefaults);\n\n  return { propsWithDefaults, globalProps, xstyledProps, isSpanParent, renderChildren };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB,oBAAoB,oCAAoC;AAEzF,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAE3B,MAAM,UAAU,CAAC,UAAyB;AAC/C,QAAM,EAAE,UAAU,GAAG,qBAAqB,IAAI;AAK9C,QAAM,oBAAoB,6BAAoD,sBAAsB,YAAY;AAEhH,oBAAkB,WAAW;AAK7B,QAAM,cAAc,uBAA8D,iBAAiB;AACnG,QAAM,eAAe,mBAAmB,iBAAiB;AAEzD,QAAM,EAAE,cAAc,eAAe,IAAI,kBAAkB,iBAAiB;AAE5E,SAAO,EAAE,mBAAmB,aAAa,cAAc,cAAc,eAAe;AACtF;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,12 +1,17 @@
 import * as React from "react";
 import Grid, { DSGridWithSchema } from "./Grid.js";
 import {} from "./react-desc-prop-types.js";
+import { defaultProps, DSGridPropTypes, DSCardHeaderPropTypesSchema, getGridProps } from "./react-desc-prop-types.js";
 var src_default = Grid;
 export {
+  DSCardHeaderPropTypesSchema,
+  DSGridPropTypes,
   DSGridWithSchema,
   Grid,
   Grid as GridContainer,
   Grid as GridItem,
-  src_default as default
+  src_default as default,
+  defaultProps,
+  getGridProps
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from '@xstyled/system';\nimport Grid, { DSGridWithSchema } from './Grid.js';\nexport { type DSGridT } from './react-desc-prop-types.js';\nexport default Grid;\nexport { Grid, Grid as GridContainer, Grid as GridItem, DSGridWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAO,QAAQ,wBAAwB;AACvC,eAA6B;AAC7B,IAAO,cAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from '@xstyled/system';\nimport Grid, { DSGridWithSchema } from './Grid.js';\nexport { type DSGridT } from './react-desc-prop-types.js';\nexport { defaultProps, DSGridPropTypes, DSCardHeaderPropTypesSchema, getGridProps } from './react-desc-prop-types.js';\nexport default Grid;\nexport { Grid, Grid as GridContainer, Grid as GridItem, DSGridWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAO,QAAQ,wBAAwB;AACvC,eAA6B;AAC7B,SAAS,cAAc,iBAAiB,6BAA6B,oBAAoB;AACzF,IAAO,cAAQ;",
   "names": []
 }

package/dist/esm/react-desc-prop-types.js

@@ -41,6 +41,10 @@ const DSGridPropTypes = {
   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),
+  justify: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description("Space between cells prop"),
+  justifyItems: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description("Space between cells prop"),
+  alignContent: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description("Space between cells prop"),
+  rowGap: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description("Space between cells prop"),
   innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description("Ref to the grid"),
   wrap: PropTypes.oneOf(wrap).description("Wrap type").defaultValue(wrap[0]),
   withMaxWidthBreakpoints: PropTypes.bool.description("weather use max width").defaultValue(void 0),
@@ -71,8 +75,25 @@ const DSGridPropTypes = {
   borderLeftStyle: PropTypes.string.description("Sets border left style."),
   borderLeftColor: PropTypes.string.description("Sets border left color.")
 };
+const DSCardHeaderPropTypesSchema = DSGridPropTypes;
+const getGridProps = (props) => {
+  if (typeof props !== "object" || props === null)
+    return {};
+  const innerProps = props;
+  const innerGridPropTypes = props;
+  const filteredProps = {};
+  Object.keys(innerProps).forEach((key) => {
+    const innerKey = key;
+    if (innerGridPropTypes[innerKey] && innerProps[innerKey] !== void 0) {
+      filteredProps[innerKey] = innerProps[innerKey];
+    }
+  });
+  return filteredProps;
+};
 export {
+  DSCardHeaderPropTypesSchema,
   DSGridPropTypes,
-  defaultProps
+  defaultProps,
+  getGridProps
 };
 //# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { alignItemsPlacement, justifyPlacement, wrap, boxShadow } from './utils/constants.js';\n\nexport declare namespace DSGridT {\n  export type RowOrColsSyntaxSugar = string | number | (string | number)[];\n\n  export interface RowColBreakpoints {\n    small?: RowOrColsSyntaxSugar[];\n    medium?: RowOrColsSyntaxSugar[];\n    large?: RowOrColsSyntaxSugar[];\n  }\n\n  export type RowOrColsValidValues = RowOrColsSyntaxSugar | RowColBreakpoints;\n\n  export interface SpanBreakpoints {\n    small?: number;\n    medium?: number;\n    large?: number;\n  }\n\n  export type JustifyPlacement =\n    | 'flex-start'\n    | 'center'\n    | 'flex-end'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly';\n  export type AlignItemsPlacement = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';\n  export type Wrap = 'wrap' | 'nowrap' | 'wrap-reverse';\n  export type BoxShadow = 'xs' | 's' | 'm' | 'l' | 'xl';\n\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    rows: RowOrColsValidValues;\n    cols: RowOrColsValidValues;\n    className: string;\n    justify: JustifyPlacement;\n    wrap: Wrap;\n    span: number | SpanBreakpoints;\n    justifyItems: string;\n  }\n\n  export interface OptionalProps {\n    height?: string | number;\n    width?: string | number;\n    justifyContent?: JustifyPlacement;\n    alignItems?: AlignItemsPlacement;\n    alignContent?: AlignItemsPlacement;\n    children?: React.ReactNode;\n    withMaxWidthBreakpoints?: boolean;\n    rowGap?: string | number;\n    gutter?: string | number;\n    innerRef?: React.MutableRefObject<HTMLDivElement | null> | React.RefCallback<HTMLDivElement>;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps {}\n\n  export interface ItemProps {\n    rows: RowOrColsValidValues;\n    cols: RowOrColsValidValues;\n    alignItems?: AlignItemsPlacement;\n    alignContent?: AlignItemsPlacement;\n    children: React.ReactNode;\n    className?: string;\n    justify: JustifyPlacement;\n    gutter?: string | number;\n    wrap: Wrap;\n    childNumber: number;\n    isSpanParent: boolean;\n    span?: number | SpanBreakpoints;\n    withMaxWidthBreakpoints?: boolean;\n  }\n}\n\nexport const defaultProps: DSGridT.DefaultProps = {\n  rows: [],\n  cols: [],\n  className: '',\n  justify: 'flex-start',\n  wrap: 'wrap',\n  span: 1,\n  justifyItems: 'normal',\n};\n\n// =============================================================================\n// PropTypes\n// =============================================================================\nconst rowColBreakpoints = PropTypes.shape({\n  small: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n  medium: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n  large: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n});\n\nconst spanBreakpoints = PropTypes.shape({\n  small: PropTypes.number,\n  medium: PropTypes.number,\n  large: PropTypes.number,\n});\n\nexport const DSGridPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  rows: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    PropTypes.number,\n    rowColBreakpoints,\n  ])\n    .description('Row layout cells')\n    .defaultValue([]),\n  cols: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    PropTypes.number,\n    rowColBreakpoints,\n  ])\n    .description('Column layout cells')\n    .defaultValue([]),\n  span: PropTypes.oneOfType([PropTypes.number, spanBreakpoints]).description(\n    'Expands the grid element within columns.',\n  ),\n  alignItems: PropTypes.oneOf(alignItemsPlacement).description('flex-like align items prop'),\n  children: PropTypes.node.description('Children node inside grid cell'),\n  className: PropTypes.string.description('CSS class').defaultValue(''),\n  justifyContent: PropTypes.oneOf(justifyPlacement)\n    .description('flex-like justify prop')\n    .defaultValue(justifyPlacement[0]),\n  gutter: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n    .description('Space between cells prop')\n    .defaultValue(0),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the grid'),\n  wrap: PropTypes.oneOf(wrap).description('Wrap type').defaultValue(wrap[0]),\n  withMaxWidthBreakpoints: PropTypes.bool.description('weather use max width').defaultValue(undefined),\n  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid height.'),\n  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid width.'),\n  backgroundColor: PropTypes.string.description('Sets background color.'),\n  bg: PropTypes.string.description('Sets background color.'),\n  boxShadow: PropTypes.oneOf(boxShadow).description('Sets background color.'),\n  border: PropTypes.string.description('Sets border.'),\n  borderRadius: PropTypes.string.description('Sets border radius.'),\n  borderWidth: PropTypes.string.description('Sets border width.'),\n  borderStyle: PropTypes.string.description('Sets border style.'),\n  borderColor: PropTypes.string.description('Sets border color.'),\n  borderTop: PropTypes.string.description('Sets top border.'),\n  borderBottom: PropTypes.string.description('Sets bottom border.'),\n  borderLeft: PropTypes.string.description('Sets left border.'),\n  borderRight: PropTypes.string.description('Sets right border.'),\n  borderTopWidth: PropTypes.string.description('Sets border top width.'),\n  borderTopStyle: PropTypes.string.description('Sets border top style.'),\n  borderTopColor: PropTypes.string.description('Sets border top color.'),\n  borderBottomWidth: PropTypes.string.description('Sets border bottom width.'),\n  borderBottomStyle: PropTypes.string.description('Sets border bottom style.'),\n  borderBottomColor: PropTypes.string.description('Sets border bottom color.'),\n  borderRightWidth: PropTypes.string.description('Sets border right width.'),\n  borderRightStyle: PropTypes.string.description('Sets border right style.'),\n  borderRightColor: PropTypes.string.description('Sets border right color.'),\n  borderLeftWidth: PropTypes.string.description('Sets border left width.'),\n  borderLeftStyle: PropTypes.string.description('Sets border left style.'),\n  borderLeftColor: PropTypes.string.description('Sets border left color.'),\n} as WeakValidationMap<unknown>;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { alignItemsPlacement, justifyPlacement, wrap, boxShadow } from './utils/constants.js';\n\nexport declare namespace DSGridT {\n  export type RowOrColsSyntaxSugar = string | number | (string | number)[];\n\n  export interface RowColBreakpoints {\n    small?: RowOrColsSyntaxSugar[];\n    medium?: RowOrColsSyntaxSugar[];\n    large?: RowOrColsSyntaxSugar[];\n  }\n\n  export type RowOrColsValidValues = RowOrColsSyntaxSugar | RowColBreakpoints;\n\n  export interface SpanBreakpoints {\n    small?: number;\n    medium?: number;\n    large?: number;\n  }\n\n  export type JustifyPlacement =\n    | 'flex-start'\n    | 'center'\n    | 'flex-end'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly';\n  export type AlignItemsPlacement = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';\n  export type Wrap = 'wrap' | 'nowrap' | 'wrap-reverse';\n  export type BoxShadow = 'xs' | 's' | 'm' | 'l' | 'xl';\n\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    rows: RowOrColsValidValues;\n    cols: RowOrColsValidValues;\n    className: string;\n    justify: JustifyPlacement;\n    wrap: Wrap;\n    span: number | SpanBreakpoints;\n    justifyItems: string;\n  }\n\n  export interface OptionalProps {\n    height?: string | number;\n    width?: string | number;\n    justifyContent?: JustifyPlacement;\n    alignItems?: AlignItemsPlacement;\n    alignContent?: AlignItemsPlacement;\n    children?: React.ReactNode;\n    withMaxWidthBreakpoints?: boolean;\n    rowGap?: string | number;\n    gutter?: string | number;\n    innerRef?: React.MutableRefObject<HTMLDivElement | null> | React.RefCallback<HTMLDivElement>;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps {}\n\n  export interface ItemProps {\n    rows: RowOrColsValidValues;\n    cols: RowOrColsValidValues;\n    alignItems?: AlignItemsPlacement;\n    alignContent?: AlignItemsPlacement;\n    children: React.ReactNode;\n    className?: string;\n    justify: JustifyPlacement;\n    gutter?: string | number;\n    wrap: Wrap;\n    childNumber: number;\n    isSpanParent: boolean;\n    span?: number | SpanBreakpoints;\n    withMaxWidthBreakpoints?: boolean;\n  }\n}\n\nexport const defaultProps: DSGridT.DefaultProps = {\n  rows: [],\n  cols: [],\n  className: '',\n  justify: 'flex-start',\n  wrap: 'wrap',\n  span: 1,\n  justifyItems: 'normal',\n};\n\n// =============================================================================\n// PropTypes\n// =============================================================================\nconst rowColBreakpoints = PropTypes.shape({\n  small: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n  medium: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n  large: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n});\n\nconst spanBreakpoints = PropTypes.shape({\n  small: PropTypes.number,\n  medium: PropTypes.number,\n  large: PropTypes.number,\n});\n\nexport const DSGridPropTypes: DSPropTypesSchema<DSGridT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  rows: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    PropTypes.number,\n    rowColBreakpoints,\n  ])\n    .description('Row layout cells')\n    .defaultValue([]),\n  cols: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    PropTypes.number,\n    rowColBreakpoints,\n  ])\n    .description('Column layout cells')\n    .defaultValue([]),\n  span: PropTypes.oneOfType([PropTypes.number, spanBreakpoints]).description(\n    'Expands the grid element within columns.',\n  ),\n  alignItems: PropTypes.oneOf(alignItemsPlacement).description('flex-like align items prop'),\n  children: PropTypes.node.description('Children node inside grid cell'),\n  className: PropTypes.string.description('CSS class').defaultValue(''),\n  justifyContent: PropTypes.oneOf(justifyPlacement)\n    .description('flex-like justify prop')\n    .defaultValue(justifyPlacement[0]),\n  gutter: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n    .description('Space between cells prop')\n    .defaultValue(0),\n  justify: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Space between cells prop'),\n  justifyItems: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Space between cells prop'),\n  alignContent: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Space between cells prop'),\n  rowGap: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Space between cells prop'),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the grid'),\n  wrap: PropTypes.oneOf(wrap).description('Wrap type').defaultValue(wrap[0]),\n  withMaxWidthBreakpoints: PropTypes.bool.description('weather use max width').defaultValue(undefined),\n  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid height.'),\n  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid width.'),\n  backgroundColor: PropTypes.string.description('Sets background color.'),\n  bg: PropTypes.string.description('Sets background color.'),\n  boxShadow: PropTypes.oneOf(boxShadow).description('Sets background color.'),\n  border: PropTypes.string.description('Sets border.'),\n  borderRadius: PropTypes.string.description('Sets border radius.'),\n  borderWidth: PropTypes.string.description('Sets border width.'),\n  borderStyle: PropTypes.string.description('Sets border style.'),\n  borderColor: PropTypes.string.description('Sets border color.'),\n  borderTop: PropTypes.string.description('Sets top border.'),\n  borderBottom: PropTypes.string.description('Sets bottom border.'),\n  borderLeft: PropTypes.string.description('Sets left border.'),\n  borderRight: PropTypes.string.description('Sets right border.'),\n  borderTopWidth: PropTypes.string.description('Sets border top width.'),\n  borderTopStyle: PropTypes.string.description('Sets border top style.'),\n  borderTopColor: PropTypes.string.description('Sets border top color.'),\n  borderBottomWidth: PropTypes.string.description('Sets border bottom width.'),\n  borderBottomStyle: PropTypes.string.description('Sets border bottom style.'),\n  borderBottomColor: PropTypes.string.description('Sets border bottom color.'),\n  borderRightWidth: PropTypes.string.description('Sets border right width.'),\n  borderRightStyle: PropTypes.string.description('Sets border right style.'),\n  borderRightColor: PropTypes.string.description('Sets border right color.'),\n  borderLeftWidth: PropTypes.string.description('Sets border left width.'),\n  borderLeftStyle: PropTypes.string.description('Sets border left style.'),\n  borderLeftColor: PropTypes.string.description('Sets border left color.'),\n};\n\nexport const DSCardHeaderPropTypesSchema = DSGridPropTypes as unknown as WeakValidationMap<DSGridT.Props>;\n\nexport const getGridProps = (props: unknown): Partial<DSGridT.Props> => {\n  if (typeof props !== 'object' || props === null) return {};\n  const innerProps = props as Record<string, unknown>;\n  const innerGridPropTypes = props as Record<keyof DSGridT.Props, unknown>;\n  const filteredProps: Partial<DSGridT.Props> = {};\n\n  Object.keys(innerProps).forEach((key) => {\n    const innerKey = key as keyof DSGridT.Props;\n    if (innerGridPropTypes[innerKey] && innerProps[innerKey] !== undefined) {\n      filteredProps[innerKey] = innerProps[innerKey];\n    }\n  });\n  return filteredProps;\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/types/config/useGrid.d.ts

@@ -57,166 +57,166 @@ export declare const useGrid: (props: DSGridT.Props) => {
         "aria-valuenow"?: number | undefined;
         "aria-valuetext"?: string | undefined;
         children?: import("react").ReactNode;
-        onCopy?: import("react").ClipboardEventHandler<Element> | undefined;
-        onCopyCapture?: import("react").ClipboardEventHandler<Element> | undefined;
-        onCut?: import("react").ClipboardEventHandler<Element> | undefined;
-        onCutCapture?: import("react").ClipboardEventHandler<Element> | undefined;
-        onPaste?: import("react").ClipboardEventHandler<Element> | undefined;
-        onPasteCapture?: import("react").ClipboardEventHandler<Element> | undefined;
-        onCompositionEnd?: import("react").CompositionEventHandler<Element> | undefined;
-        onCompositionEndCapture?: import("react").CompositionEventHandler<Element> | undefined;
-        onCompositionStart?: import("react").CompositionEventHandler<Element> | undefined;
-        onCompositionStartCapture?: import("react").CompositionEventHandler<Element> | undefined;
-        onCompositionUpdate?: import("react").CompositionEventHandler<Element> | undefined;
-        onCompositionUpdateCapture?: import("react").CompositionEventHandler<Element> | undefined;
-        onFocus?: import("react").FocusEventHandler<Element> | undefined;
-        onFocusCapture?: import("react").FocusEventHandler<Element> | undefined;
-        onBlur?: import("react").FocusEventHandler<Element> | undefined;
-        onBlurCapture?: import("react").FocusEventHandler<Element> | undefined;
-        onChange?: import("react").FormEventHandler<Element> | undefined;
-        onChangeCapture?: import("react").FormEventHandler<Element> | undefined;
-        onBeforeInput?: import("react").FormEventHandler<Element> | undefined;
-        onBeforeInputCapture?: import("react").FormEventHandler<Element> | undefined;
-        onInput?: import("react").FormEventHandler<Element> | undefined;
-        onInputCapture?: import("react").FormEventHandler<Element> | undefined;
-        onReset?: import("react").FormEventHandler<Element> | undefined;
-        onResetCapture?: import("react").FormEventHandler<Element> | undefined;
-        onSubmit?: import("react").FormEventHandler<Element> | undefined;
-        onSubmitCapture?: import("react").FormEventHandler<Element> | undefined;
-        onInvalid?: import("react").FormEventHandler<Element> | undefined;
-        onInvalidCapture?: import("react").FormEventHandler<Element> | undefined;
-        onLoad?: import("react").ReactEventHandler<Element> | undefined;
-        onLoadCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onError?: import("react").ReactEventHandler<Element> | undefined;
-        onErrorCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<Element> | undefined;
-        onKeyDownCapture?: import("react").KeyboardEventHandler<Element> | undefined;
-        onKeyPress?: import("react").KeyboardEventHandler<Element> | undefined;
-        onKeyPressCapture?: import("react").KeyboardEventHandler<Element> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<Element> | undefined;
-        onKeyUpCapture?: import("react").KeyboardEventHandler<Element> | undefined;
-        onAbort?: import("react").ReactEventHandler<Element> | undefined;
-        onAbortCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onCanPlay?: import("react").ReactEventHandler<Element> | undefined;
-        onCanPlayCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onCanPlayThrough?: import("react").ReactEventHandler<Element> | undefined;
-        onCanPlayThroughCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onDurationChange?: import("react").ReactEventHandler<Element> | undefined;
-        onDurationChangeCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onEmptied?: import("react").ReactEventHandler<Element> | undefined;
-        onEmptiedCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onEncrypted?: import("react").ReactEventHandler<Element> | undefined;
-        onEncryptedCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onEnded?: import("react").ReactEventHandler<Element> | undefined;
-        onEndedCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onLoadedData?: import("react").ReactEventHandler<Element> | undefined;
-        onLoadedDataCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onLoadedMetadata?: import("react").ReactEventHandler<Element> | undefined;
-        onLoadedMetadataCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onLoadStart?: import("react").ReactEventHandler<Element> | undefined;
-        onLoadStartCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onPause?: import("react").ReactEventHandler<Element> | undefined;
-        onPauseCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onPlay?: import("react").ReactEventHandler<Element> | undefined;
-        onPlayCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onPlaying?: import("react").ReactEventHandler<Element> | undefined;
-        onPlayingCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onProgress?: import("react").ReactEventHandler<Element> | undefined;
-        onProgressCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onRateChange?: import("react").ReactEventHandler<Element> | undefined;
-        onRateChangeCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onResize?: import("react").ReactEventHandler<Element> | undefined;
-        onResizeCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onSeeked?: import("react").ReactEventHandler<Element> | undefined;
-        onSeekedCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onSeeking?: import("react").ReactEventHandler<Element> | undefined;
-        onSeekingCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onStalled?: import("react").ReactEventHandler<Element> | undefined;
-        onStalledCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onSuspend?: import("react").ReactEventHandler<Element> | undefined;
-        onSuspendCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onTimeUpdate?: import("react").ReactEventHandler<Element> | undefined;
-        onTimeUpdateCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onVolumeChange?: import("react").ReactEventHandler<Element> | undefined;
-        onVolumeChangeCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onWaiting?: import("react").ReactEventHandler<Element> | undefined;
-        onWaitingCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onAuxClick?: import("react").MouseEventHandler<Element> | undefined;
-        onAuxClickCapture?: import("react").MouseEventHandler<Element> | undefined;
-        onClick?: import("react").MouseEventHandler<Element> | undefined;
-        onClickCapture?: import("react").MouseEventHandler<Element> | undefined;
-        onContextMenu?: import("react").MouseEventHandler<Element> | undefined;
-        onContextMenuCapture?: import("react").MouseEventHandler<Element> | undefined;
-        onDoubleClick?: import("react").MouseEventHandler<Element> | undefined;
-        onDoubleClickCapture?: import("react").MouseEventHandler<Element> | undefined;
-        onDrag?: import("react").DragEventHandler<Element> | undefined;
-        onDragCapture?: import("react").DragEventHandler<Element> | undefined;
-        onDragEnd?: import("react").DragEventHandler<Element> | undefined;
-        onDragEndCapture?: import("react").DragEventHandler<Element> | undefined;
-        onDragEnter?: import("react").DragEventHandler<Element> | undefined;
-        onDragEnterCapture?: import("react").DragEventHandler<Element> | undefined;
-        onDragExit?: import("react").DragEventHandler<Element> | undefined;
-        onDragExitCapture?: import("react").DragEventHandler<Element> | undefined;
-        onDragLeave?: import("react").DragEventHandler<Element> | undefined;
-        onDragLeaveCapture?: import("react").DragEventHandler<Element> | undefined;
-        onDragOver?: import("react").DragEventHandler<Element> | undefined;
-        onDragOverCapture?: import("react").DragEventHandler<Element> | undefined;
-        onDragStart?: import("react").DragEventHandler<Element> | undefined;
-        onDragStartCapture?: import("react").DragEventHandler<Element> | undefined;
-        onDrop?: import("react").DragEventHandler<Element> | undefined;
-        onDropCapture?: import("react").DragEventHandler<Element> | undefined;
-        onMouseDown?: import("react").MouseEventHandler<Element> | undefined;
-        onMouseDownCapture?: import("react").MouseEventHandler<Element> | undefined;
-        onMouseEnter?: import("react").MouseEventHandler<Element> | undefined;
-        onMouseLeave?: import("react").MouseEventHandler<Element> | undefined;
-        onMouseMove?: import("react").MouseEventHandler<Element> | undefined;
-        onMouseMoveCapture?: import("react").MouseEventHandler<Element> | undefined;
-        onMouseOut?: import("react").MouseEventHandler<Element> | undefined;
-        onMouseOutCapture?: import("react").MouseEventHandler<Element> | undefined;
-        onMouseOver?: import("react").MouseEventHandler<Element> | undefined;
-        onMouseOverCapture?: import("react").MouseEventHandler<Element> | undefined;
-        onMouseUp?: import("react").MouseEventHandler<Element> | undefined;
-        onMouseUpCapture?: import("react").MouseEventHandler<Element> | undefined;
-        onSelect?: import("react").ReactEventHandler<Element> | undefined;
-        onSelectCapture?: import("react").ReactEventHandler<Element> | undefined;
-        onTouchCancel?: import("react").TouchEventHandler<Element> | undefined;
-        onTouchCancelCapture?: import("react").TouchEventHandler<Element> | undefined;
-        onTouchEnd?: import("react").TouchEventHandler<Element> | undefined;
-        onTouchEndCapture?: import("react").TouchEventHandler<Element> | undefined;
-        onTouchMove?: import("react").TouchEventHandler<Element> | undefined;
-        onTouchMoveCapture?: import("react").TouchEventHandler<Element> | undefined;
-        onTouchStart?: import("react").TouchEventHandler<Element> | undefined;
-        onTouchStartCapture?: import("react").TouchEventHandler<Element> | undefined;
-        onPointerDown?: import("react").PointerEventHandler<Element> | undefined;
-        onPointerDownCapture?: import("react").PointerEventHandler<Element> | undefined;
-        onPointerMove?: import("react").PointerEventHandler<Element> | undefined;
-        onPointerMoveCapture?: import("react").PointerEventHandler<Element> | undefined;
-        onPointerUp?: import("react").PointerEventHandler<Element> | undefined;
-        onPointerUpCapture?: import("react").PointerEventHandler<Element> | undefined;
-        onPointerCancel?: import("react").PointerEventHandler<Element> | undefined;
-        onPointerCancelCapture?: import("react").PointerEventHandler<Element> | undefined;
-        onPointerEnter?: import("react").PointerEventHandler<Element> | undefined;
-        onPointerLeave?: import("react").PointerEventHandler<Element> | undefined;
-        onPointerOver?: import("react").PointerEventHandler<Element> | undefined;
-        onPointerOverCapture?: import("react").PointerEventHandler<Element> | undefined;
-        onPointerOut?: import("react").PointerEventHandler<Element> | undefined;
-        onPointerOutCapture?: import("react").PointerEventHandler<Element> | undefined;
-        onGotPointerCapture?: import("react").PointerEventHandler<Element> | undefined;
-        onGotPointerCaptureCapture?: import("react").PointerEventHandler<Element> | undefined;
-        onLostPointerCapture?: import("react").PointerEventHandler<Element> | undefined;
-        onLostPointerCaptureCapture?: import("react").PointerEventHandler<Element> | undefined;
-        onScroll?: import("react").UIEventHandler<Element> | undefined;
-        onScrollCapture?: import("react").UIEventHandler<Element> | undefined;
-        onWheel?: import("react").WheelEventHandler<Element> | undefined;
-        onWheelCapture?: import("react").WheelEventHandler<Element> | undefined;
-        onAnimationStart?: import("react").AnimationEventHandler<Element> | undefined;
-        onAnimationStartCapture?: import("react").AnimationEventHandler<Element> | undefined;
-        onAnimationEnd?: import("react").AnimationEventHandler<Element> | undefined;
-        onAnimationEndCapture?: import("react").AnimationEventHandler<Element> | undefined;
-        onAnimationIteration?: import("react").AnimationEventHandler<Element> | undefined;
-        onAnimationIterationCapture?: import("react").AnimationEventHandler<Element> | undefined;
-        onTransitionEnd?: import("react").TransitionEventHandler<Element> | undefined;
-        onTransitionEndCapture?: import("react").TransitionEventHandler<Element> | undefined;
+        onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+        onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+        onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+        onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+        onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+        onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+        onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+        onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         form?: string | undefined;
         list?: string | undefined;
         defaultChecked?: boolean | undefined;

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 import Grid, { DSGridWithSchema } from './Grid.js';
 export { type DSGridT } from './react-desc-prop-types.js';
+export { defaultProps, DSGridPropTypes, DSCardHeaderPropTypesSchema, getGridProps } from './react-desc-prop-types.js';
 export default Grid;
 export { Grid, Grid as GridContainer, Grid as GridItem, DSGridWithSchema };

package/dist/types/react-desc-prop-types.d.ts

@@ -1,6 +1,6 @@
 import type { WeakValidationMap } from 'react';
 import type React from 'react';
-import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
+import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';
 export declare namespace DSGridT {
     type RowOrColsSyntaxSugar = string | number | (string | number)[];
     interface RowColBreakpoints {
@@ -62,4 +62,6 @@ export declare namespace DSGridT {
     }
 }
 export declare const defaultProps: DSGridT.DefaultProps;
-export declare const DSGridPropTypes: WeakValidationMap<unknown>;
+export declare const DSGridPropTypes: DSPropTypesSchema<DSGridT.Props>;
+export declare const DSCardHeaderPropTypesSchema: WeakValidationMap<DSGridT.Props>;
+export declare const getGridProps: (props: unknown) => Partial<DSGridT.Props>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-grid",
-  "version": "3.33.0-next.9",
+  "version": "3.33.0-rc.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Grid",
   "files": [
@@ -64,16 +64,16 @@
   },
   "dependencies": {
     "@xstyled/system": "~3.7.3",
-    "@elliemae/ds-props-helpers": "3.33.0-next.9",
-    "@elliemae/ds-system": "3.33.0-next.9",
-    "@elliemae/ds-utilities": "3.33.0-next.9"
+    "@elliemae/ds-props-helpers": "3.33.0-rc.0",
+    "@elliemae/ds-system": "3.33.0-rc.0",
+    "@elliemae/ds-utilities": "3.33.0-rc.0"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "~9.0.0-next.31",
     "@elliemae/pui-theme": "~2.9.3",
     "react-test-renderer": "~17.0.2",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.33.0-next.9"
+    "@elliemae/ds-monorepo-devops": "3.33.0-rc.0"
   },
   "peerDependencies": {
     "@elliemae/pui-theme": "~2.9.3",