widenarrow-ui 1.1.50 → 1.1.51

package/lib/components/Grid/Grid.types.d.ts

@@ -4,27 +4,27 @@ export interface GridProps extends MarginInterface, PaddingInterface, FlexStylin
     /**
      * Number of columns on viewports < 576px
      */
-    xs?: number | undefined;
+    xs?: number;
     /**
      * Number of columns on viewports < 768px
      */
-    sm?: number | undefined;
+    sm?: number;
     /**
      * Number of columns on viewports < 1024px
      */
-    md?: number | undefined;
+    md?: number;
     /**
      * Number of columns on viewports < 1200px
      */
-    lg?: number | undefined;
+    lg?: number;
     /**
      * Number of columns on viewports < 1646px
      */
-    xl?: number | undefined;
+    xl?: number;
     /**
      * Number of columns on viewports < 2000px
      */
-    xxl?: number | undefined;
+    xxl?: number;
     /**
      * Optionally provide the number of columns in the grid.
      * @default 12
@@ -40,12 +40,13 @@ export interface GridProps extends MarginInterface, PaddingInterface, FlexStylin
      * or an object for different breakpoints, i.e { xs: '4', md: ['4', '6'], lg: '8' }
      * @default '4'
      */
-    spacing?: string | Array<string> | Record<never, string | string[]> | undefined;
-    columns?: number | undefined;
-    className?: string | undefined;
-    children?: ReactNode | undefined;
+    spacing?: string | Array<string> | Record<never, string | string[]>;
+    columns?: number;
+    className?: string;
+    children?: ReactNode;
+    role?: string;
 }
 export interface GridContextInterface {
-    spacing?: string | Array<string> | Record<never, string | string[]> | undefined;
-    columns?: number | undefined;
+    spacing?: string | Array<string> | Record<never, string | string[]>;
+    columns?: number;
 }

package/lib/index.d.ts

@@ -620,27 +620,27 @@ interface GridProps extends MarginInterface, PaddingInterface, FlexStylingInterf
     /**
      * Number of columns on viewports < 576px
      */
-    xs?: number | undefined;
+    xs?: number;
     /**
      * Number of columns on viewports < 768px
      */
-    sm?: number | undefined;
+    sm?: number;
     /**
      * Number of columns on viewports < 1024px
      */
-    md?: number | undefined;
+    md?: number;
     /**
      * Number of columns on viewports < 1200px
      */
-    lg?: number | undefined;
+    lg?: number;
     /**
      * Number of columns on viewports < 1646px
      */
-    xl?: number | undefined;
+    xl?: number;
     /**
      * Number of columns on viewports < 2000px
      */
-    xxl?: number | undefined;
+    xxl?: number;
     /**
      * Optionally provide the number of columns in the grid.
      * @default 12
@@ -656,10 +656,11 @@ interface GridProps extends MarginInterface, PaddingInterface, FlexStylingInterf
      * or an object for different breakpoints, i.e { xs: '4', md: ['4', '6'], lg: '8' }
      * @default '4'
      */
-    spacing?: string | Array<string> | Record<never, string | string[]> | undefined;
-    columns?: number | undefined;
-    className?: string | undefined;
-    children?: ReactNode | undefined;
+    spacing?: string | Array<string> | Record<never, string | string[]>;
+    columns?: number;
+    className?: string;
+    children?: ReactNode;
+    role?: string;
 }
 
 declare const Grid: FC<GridProps>;

package/lib/index.esm.js

@@ -2918,7 +2918,7 @@ var s$c = classNames.bind(styles$c);
 var GridContext = createContext({ spacing: '4', columns: 12 });
 var Grid = forwardRef(function (_a, ref) {
     var _b, _c;
-    var displayFlex = _a.displayFlex, justifyContent = _a.justifyContent, flexDirection = _a.flexDirection, alignSelf = _a.alignSelf, alignItems = _a.alignItems, flexWrap = _a.flexWrap, flexGrow = _a.flexGrow, container = _a.container, spacing = _a.spacing, columns = _a.columns, xs = _a.xs, sm = _a.sm, md = _a.md, lg = _a.lg, xl = _a.xl, xxl = _a.xxl, children = _a.children, className = _a.className, margin = _a.margin, marginTop = _a.marginTop, marginX = _a.marginX, marginY = _a.marginY, marginBottom = _a.marginBottom, marginRight = _a.marginRight, marginLeft = _a.marginLeft, padding = _a.padding, paddingX = _a.paddingX, paddingY = _a.paddingY, paddingTop = _a.paddingTop, paddingBottom = _a.paddingBottom, paddingRight = _a.paddingRight, paddingLeft = _a.paddingLeft, rest = __rest(_a, ["displayFlex", "justifyContent", "flexDirection", "alignSelf", "alignItems", "flexWrap", "flexGrow", "container", "spacing", "columns", "xs", "sm", "md", "lg", "xl", "xxl", "children", "className", "margin", "marginTop", "marginX", "marginY", "marginBottom", "marginRight", "marginLeft", "padding", "paddingX", "paddingY", "paddingTop", "paddingBottom", "paddingRight", "paddingLeft"]);
+    var displayFlex = _a.displayFlex, justifyContent = _a.justifyContent, flexDirection = _a.flexDirection, alignSelf = _a.alignSelf, alignItems = _a.alignItems, flexWrap = _a.flexWrap, flexGrow = _a.flexGrow, container = _a.container, spacing = _a.spacing, columns = _a.columns, xs = _a.xs, sm = _a.sm, md = _a.md, lg = _a.lg, xl = _a.xl, xxl = _a.xxl, children = _a.children, className = _a.className, margin = _a.margin, marginTop = _a.marginTop, marginX = _a.marginX, marginY = _a.marginY, marginBottom = _a.marginBottom, marginRight = _a.marginRight, marginLeft = _a.marginLeft, padding = _a.padding, paddingX = _a.paddingX, role = _a.role, paddingY = _a.paddingY, paddingTop = _a.paddingTop, paddingBottom = _a.paddingBottom, paddingRight = _a.paddingRight, paddingLeft = _a.paddingLeft, rest = __rest(_a, ["displayFlex", "justifyContent", "flexDirection", "alignSelf", "alignItems", "flexWrap", "flexGrow", "container", "spacing", "columns", "xs", "sm", "md", "lg", "xl", "xxl", "children", "className", "margin", "marginTop", "marginX", "marginY", "marginBottom", "marginRight", "marginLeft", "padding", "paddingX", "role", "paddingY", "paddingTop", "paddingBottom", "paddingRight", "paddingLeft"]);
     var gridContext = useContext(GridContext);
     var sharedClassNames = __assign(__assign(__assign({}, paddingClassNames({ padding: padding, paddingY: paddingY, paddingBottom: paddingBottom, paddingTop: paddingTop, paddingLeft: paddingLeft, paddingRight: paddingRight, paddingX: paddingX })), marginClassNames({ margin: margin, marginY: marginY, marginBottom: marginBottom, marginTop: marginTop, marginLeft: marginLeft, marginRight: marginRight, marginX: marginX })), flexClassNames({
         displayFlex: displayFlex,
@@ -2963,13 +2963,14 @@ var Grid = forwardRef(function (_a, ref) {
             _b;
     };
     if (container) {
-        return (jsx(GridContext.Provider, { value: { spacing: spacing, columns: columns }, children: jsx("div", { className: s$c('container', __assign(__assign(__assign({}, getSpacing(container, spacing)), sharedClassNames), (_b = {}, _b[className] = className, _b))), children: children && children }) }));
+        return (jsx(GridContext.Provider, { value: { spacing: spacing, columns: columns }, children: jsx("div", __assign({ className: s$c('container', __assign(__assign(__assign({}, getSpacing(container, spacing)), sharedClassNames), (_b = {}, _b[className] = className, _b))) }, pickAttributes(__assign(__assign({}, rest), { role: role })), { children: children && children })) }));
     }
-    return (jsx("div", __assign({ className: s$c('column', __assign(__assign(__assign({}, getSpacing(container, gridContext.spacing)), sharedClassNames), (_c = {}, _c["column_xs_".concat(xs)] = xs, _c["column_sm_".concat(sm)] = sm, _c["column_md_".concat(md)] = md, _c["column_lg_".concat(lg)] = lg, _c["column_xl_".concat(xl)] = xl, _c["column_xxl_".concat(xxl)] = xxl, _c[className] = className, _c))), style: {
+    console.log({ columns: columns });
+    return (jsx("div", __assign({ className: s$c('column', __assign(__assign(__assign({}, getSpacing(container, gridContext.spacing)), sharedClassNames), (_c = {}, _c["column_xs_".concat(xs)] = xs, _c["column_sm_".concat(sm)] = sm, _c["column_md_".concat(md)] = md, _c["column_lg_".concat(lg)] = lg, _c["column_xl_".concat(xl)] = xl, _c["column_xxl_".concat(xxl)] = xxl, _c[className] = className, _c))) }, pickAttributes(__assign(__assign({}, rest), { role: role, ref: ref })), { style: {
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
             '--grid-columns': gridContext.columns || 12
-        }, ref: ref }, rest, { children: children && children })));
+        }, children: children && children })));
 });
 
 var styles$b = {"body":"FormSkeleton-module_BwFylU","skeletonColor_purple1":"FormSkeleton-module_ndkiVl","skeletonColor_purple2":"FormSkeleton-module_9s1bZp","skeletonColor_purple3":"FormSkeleton-module_KMV7b4","skeletonColor_purple4":"FormSkeleton-module_a64n-B","skeletonColor_purple5":"FormSkeleton-module_avkj6O","skeletonColor_purple6":"FormSkeleton-module_MR0VuK","skeletonColor_purple7":"FormSkeleton-module_BzVubY","skeletonColor_white":"FormSkeleton-module_X9S5g2","skeletonColor_grey1":"FormSkeleton-module_-Y3EnD","skeletonColor_grey2":"FormSkeleton-module_fdH8tQ","skeletonColor_grey3":"FormSkeleton-module_6fYFet","skeletonColor_grey4":"FormSkeleton-module_h5YMBs","skeletonColor_grey5":"FormSkeleton-module_Xpqgz-","skeletonColor_grey6":"FormSkeleton-module_hfeldm","skeletonColor_black":"FormSkeleton-module_yX4v-9","skeletonColor_mint1":"FormSkeleton-module_mfKBPa","skeletonColor_mint2":"FormSkeleton-module_54nm6G","skeletonColor_mint3":"FormSkeleton-module_bgFrnQ","skeletonColor_blue1":"FormSkeleton-module_imtf50","skeletonColor_blue2":"FormSkeleton-module_HYGuUW","skeletonColor_blue3":"FormSkeleton-module_-gPQyO","skeletonColor_blue4":"FormSkeleton-module_qiyoun","skeletonColor_pink":"FormSkeleton-module_x8q-tz","skeletonColor_green":"FormSkeleton-module_yTNFSG","skeletonColor_red":"FormSkeleton-module_Ug-7Ev","skeletonColor_yellow":"FormSkeleton-module_JaGg-o","skeletonColor_orange":"FormSkeleton-module_8eNqU2","skeletonColor_mainPurple":"FormSkeleton-module_ZFhd4h","skeletonColor_mainGrey":"FormSkeleton-module_QHaImD","skeletonColor_mainDark":"FormSkeleton-module_BGHrtD","skeletonColor_current":"FormSkeleton-module_x9ShF3","skeletonColor_inherit":"FormSkeleton-module_kM2ALA","container":"FormSkeleton-module_Vkj79r","label":"FormSkeleton-module_AYT6ya","input":"FormSkeleton-module_znNJre"};
@@ -3400,7 +3401,7 @@ var SortableTable = function (_a) {
         }
         return null;
     };
-    return (jsxs("div", { className: s$3('container', (_b = {}, _b[className] = className, _b.container_withMinWidth = !!minWidth, _b)), children: [jsx("caption", { children: caption }), loading ? jsx(SolidSpinner, { className: s$3('spinner'), type: HierarchyTypes.PRIMARY, size: SizeTypes.MEDIUM }) : null, jsxs("table", { className: s$3('table', { table_loading: loading }), style: { minWidth: minWidth || 'auto' }, children: [jsx("thead", { children: jsx("tr", { className: s$3('row', (_c = { row_header: true, row_stickyHeader: withStickyHeader }, _c[headerClassName] = headerClassName, _c)), children: cells.map(function (cell, i) { return (jsx("th", { className: s$3('cell', {
+    return (jsxs("div", { className: s$3('container', (_b = {}, _b[className] = className, _b.container_withMinWidth = !!minWidth, _b)), children: [loading ? jsx(SolidSpinner, { className: s$3('spinner'), type: HierarchyTypes.PRIMARY, size: SizeTypes.MEDIUM }) : null, jsxs("table", { className: s$3('table', { table_loading: loading }), style: { minWidth: minWidth || 'auto' }, children: [jsx("caption", { children: caption }), jsx("thead", { children: jsx("tr", { className: s$3('row', (_c = { row_header: true, row_stickyHeader: withStickyHeader }, _c[headerClassName] = headerClassName, _c)), children: cells.map(function (cell, i) { return (jsx("th", { className: s$3('cell', {
                                     cell_alignRight: cell.alignRight,
                                     cell_alignCenter: cell.alignCenter,
                                     cell_header: true