@uipath/apollo-wind 0.9.0 → 0.10.0-pr257.2a4b17b

package/dist/components/ui/layout/column.js

@@ -1,50 +1,218 @@
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { cn } from "../../../lib/index.js";
 import { buildLayoutStyles } from "./utils.js";
-const Column = /*#__PURE__*/ forwardRef(({ children, className, style, direction = 'column', align, justify, wrap, gap, flex, w, h, maxW, minW, maxH, minH, overflow, overflowX, overflowY, position, p, pt, pb, pl, pr, px, py, m, mt, mb, ml, mr, mx, my, ...htmlProps }, ref)=>{
-    const layoutStyles = buildLayoutStyles({
-        direction,
-        align,
-        justify,
-        wrap,
-        gap,
-        flex,
-        w,
-        h,
-        maxW,
-        minW,
-        maxH,
-        minH,
-        overflow,
-        overflowX,
-        overflowY,
-        position,
-        p,
-        pt,
-        pb,
-        pl,
-        pr,
-        px,
-        py,
-        m,
-        mt,
-        mb,
-        ml,
-        mr,
-        mx,
-        my
-    });
-    return /*#__PURE__*/ jsx("div", {
-        ref: ref,
-        className: cn(className),
-        style: {
+const Column = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(77);
+    let align;
+    let children;
+    let className;
+    let flex;
+    let gap;
+    let h;
+    let htmlProps;
+    let justify;
+    let m;
+    let maxH;
+    let maxW;
+    let mb;
+    let minH;
+    let minW;
+    let ml;
+    let mr;
+    let mt;
+    let mx;
+    let my;
+    let overflow;
+    let overflowX;
+    let overflowY;
+    let p;
+    let pb;
+    let pl;
+    let position;
+    let pr;
+    let pt;
+    let px;
+    let py;
+    let style;
+    let t1;
+    let w;
+    let wrap;
+    if ($[0] !== t0) {
+        ({ children, className, style, direction: t1, align, justify, wrap, gap, flex, w, h, maxW, minW, maxH, minH, overflow, overflowX, overflowY, position, p, pt, pb, pl, pr, px, py, m, mt, mb, ml, mr, mx, my, ...htmlProps } = t0);
+        $[0] = t0;
+        $[1] = align;
+        $[2] = children;
+        $[3] = className;
+        $[4] = flex;
+        $[5] = gap;
+        $[6] = h;
+        $[7] = htmlProps;
+        $[8] = justify;
+        $[9] = m;
+        $[10] = maxH;
+        $[11] = maxW;
+        $[12] = mb;
+        $[13] = minH;
+        $[14] = minW;
+        $[15] = ml;
+        $[16] = mr;
+        $[17] = mt;
+        $[18] = mx;
+        $[19] = my;
+        $[20] = overflow;
+        $[21] = overflowX;
+        $[22] = overflowY;
+        $[23] = p;
+        $[24] = pb;
+        $[25] = pl;
+        $[26] = position;
+        $[27] = pr;
+        $[28] = pt;
+        $[29] = px;
+        $[30] = py;
+        $[31] = style;
+        $[32] = t1;
+        $[33] = w;
+        $[34] = wrap;
+    } else {
+        align = $[1];
+        children = $[2];
+        className = $[3];
+        flex = $[4];
+        gap = $[5];
+        h = $[6];
+        htmlProps = $[7];
+        justify = $[8];
+        m = $[9];
+        maxH = $[10];
+        maxW = $[11];
+        mb = $[12];
+        minH = $[13];
+        minW = $[14];
+        ml = $[15];
+        mr = $[16];
+        mt = $[17];
+        mx = $[18];
+        my = $[19];
+        overflow = $[20];
+        overflowX = $[21];
+        overflowY = $[22];
+        p = $[23];
+        pb = $[24];
+        pl = $[25];
+        position = $[26];
+        pr = $[27];
+        pt = $[28];
+        px = $[29];
+        py = $[30];
+        style = $[31];
+        t1 = $[32];
+        w = $[33];
+        wrap = $[34];
+    }
+    const direction = void 0 === t1 ? "column" : t1;
+    let t2;
+    if ($[35] !== align || $[36] !== direction || $[37] !== flex || $[38] !== gap || $[39] !== h || $[40] !== justify || $[41] !== m || $[42] !== maxH || $[43] !== maxW || $[44] !== mb || $[45] !== minH || $[46] !== minW || $[47] !== ml || $[48] !== mr || $[49] !== mt || $[50] !== mx || $[51] !== my || $[52] !== overflow || $[53] !== overflowX || $[54] !== overflowY || $[55] !== p || $[56] !== pb || $[57] !== pl || $[58] !== position || $[59] !== pr || $[60] !== pt || $[61] !== px || $[62] !== py || $[63] !== w || $[64] !== wrap) {
+        t2 = buildLayoutStyles({
+            direction,
+            align,
+            justify,
+            wrap,
+            gap,
+            flex,
+            w,
+            h,
+            maxW,
+            minW,
+            maxH,
+            minH,
+            overflow,
+            overflowX,
+            overflowY,
+            position,
+            p,
+            pt,
+            pb,
+            pl,
+            pr,
+            px,
+            py,
+            m,
+            mt,
+            mb,
+            ml,
+            mr,
+            mx,
+            my
+        });
+        $[35] = align;
+        $[36] = direction;
+        $[37] = flex;
+        $[38] = gap;
+        $[39] = h;
+        $[40] = justify;
+        $[41] = m;
+        $[42] = maxH;
+        $[43] = maxW;
+        $[44] = mb;
+        $[45] = minH;
+        $[46] = minW;
+        $[47] = ml;
+        $[48] = mr;
+        $[49] = mt;
+        $[50] = mx;
+        $[51] = my;
+        $[52] = overflow;
+        $[53] = overflowX;
+        $[54] = overflowY;
+        $[55] = p;
+        $[56] = pb;
+        $[57] = pl;
+        $[58] = position;
+        $[59] = pr;
+        $[60] = pt;
+        $[61] = px;
+        $[62] = py;
+        $[63] = w;
+        $[64] = wrap;
+        $[65] = t2;
+    } else t2 = $[65];
+    const layoutStyles = t2;
+    let t3;
+    if ($[66] !== className) {
+        t3 = cn(className);
+        $[66] = className;
+        $[67] = t3;
+    } else t3 = $[67];
+    let t4;
+    if ($[68] !== layoutStyles || $[69] !== style) {
+        t4 = {
             ...layoutStyles,
             ...style
-        },
-        ...htmlProps,
-        children: children
-    });
+        };
+        $[68] = layoutStyles;
+        $[69] = style;
+        $[70] = t4;
+    } else t4 = $[70];
+    let t5;
+    if ($[71] !== children || $[72] !== htmlProps || $[73] !== ref || $[74] !== t3 || $[75] !== t4) {
+        t5 = /*#__PURE__*/ jsx("div", {
+            ref: ref,
+            className: t3,
+            style: t4,
+            ...htmlProps,
+            children: children
+        });
+        $[71] = children;
+        $[72] = htmlProps;
+        $[73] = ref;
+        $[74] = t3;
+        $[75] = t4;
+        $[76] = t5;
+    } else t5 = $[76];
+    return t5;
 });
 Column.displayName = 'Column';
 export { Column };

package/dist/components/ui/layout/grid.cjs

@@ -27,69 +27,284 @@ __webpack_require__.d(__webpack_exports__, {
     Grid: ()=>Grid
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../../lib/index.cjs");
 const external_utils_cjs_namespaceObject = require("./utils.cjs");
-const Grid = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ children, className, style, cols, rows, gap, gapX, gapY, autoFlow, autoCols, autoRows, w, h, maxW, minW, maxH, minH, overflow, overflowX, overflowY, position, p, pt, pb, pl, pr, px, py, m, mt, mb, ml, mr, mx, my, ...htmlProps }, ref)=>{
-    const gridClasses = (0, external_utils_cjs_namespaceObject.buildGridLayoutClasses)({
-        cols,
-        rows,
-        gap,
-        gapX,
-        gapY,
-        autoFlow,
-        autoCols,
-        autoRows,
-        w,
-        h,
-        maxW,
-        minW,
-        maxH,
-        minH,
-        overflow,
-        overflowX,
-        overflowY,
-        position,
-        p,
-        pt,
-        pb,
-        pl,
-        pr,
-        px,
-        py,
-        m,
-        mt,
-        mb,
-        ml,
-        mr,
-        mx,
-        my
-    });
-    const inlineStyles = {
-        ...style,
-        ...void 0 !== gap && {
-            gap: (0, external_utils_cjs_namespaceObject.spacingToRem)(gap)
-        },
-        ...void 0 !== gapX && {
-            columnGap: (0, external_utils_cjs_namespaceObject.spacingToRem)(gapX)
-        },
-        ...void 0 !== gapY && {
-            rowGap: (0, external_utils_cjs_namespaceObject.spacingToRem)(gapY)
-        },
-        ...'string' == typeof cols && {
-            gridTemplateColumns: cols
-        },
-        ...'string' == typeof rows && {
-            gridTemplateRows: rows
-        }
-    };
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)(...gridClasses, className),
-        style: inlineStyles,
-        ...htmlProps,
-        children: children
-    });
+const Grid = /*#__PURE__*/ external_react_namespaceObject.forwardRef((t0, ref)=>{
+    const $ = (0, compiler_runtime_namespaceObject.c)(98);
+    let autoCols;
+    let autoFlow;
+    let autoRows;
+    let children;
+    let className;
+    let cols;
+    let gap;
+    let gapX;
+    let gapY;
+    let h;
+    let htmlProps;
+    let m;
+    let maxH;
+    let maxW;
+    let mb;
+    let minH;
+    let minW;
+    let ml;
+    let mr;
+    let mt;
+    let mx;
+    let my;
+    let overflow;
+    let overflowX;
+    let overflowY;
+    let p;
+    let pb;
+    let pl;
+    let position;
+    let pr;
+    let pt;
+    let px;
+    let py;
+    let rows;
+    let style;
+    let w;
+    if ($[0] !== t0) {
+        ({ children, className, style, cols, rows, gap, gapX, gapY, autoFlow, autoCols, autoRows, w, h, maxW, minW, maxH, minH, overflow, overflowX, overflowY, position, p, pt, pb, pl, pr, px, py, m, mt, mb, ml, mr, mx, my, ...htmlProps } = t0);
+        $[0] = t0;
+        $[1] = autoCols;
+        $[2] = autoFlow;
+        $[3] = autoRows;
+        $[4] = children;
+        $[5] = className;
+        $[6] = cols;
+        $[7] = gap;
+        $[8] = gapX;
+        $[9] = gapY;
+        $[10] = h;
+        $[11] = htmlProps;
+        $[12] = m;
+        $[13] = maxH;
+        $[14] = maxW;
+        $[15] = mb;
+        $[16] = minH;
+        $[17] = minW;
+        $[18] = ml;
+        $[19] = mr;
+        $[20] = mt;
+        $[21] = mx;
+        $[22] = my;
+        $[23] = overflow;
+        $[24] = overflowX;
+        $[25] = overflowY;
+        $[26] = p;
+        $[27] = pb;
+        $[28] = pl;
+        $[29] = position;
+        $[30] = pr;
+        $[31] = pt;
+        $[32] = px;
+        $[33] = py;
+        $[34] = rows;
+        $[35] = style;
+        $[36] = w;
+    } else {
+        autoCols = $[1];
+        autoFlow = $[2];
+        autoRows = $[3];
+        children = $[4];
+        className = $[5];
+        cols = $[6];
+        gap = $[7];
+        gapX = $[8];
+        gapY = $[9];
+        h = $[10];
+        htmlProps = $[11];
+        m = $[12];
+        maxH = $[13];
+        maxW = $[14];
+        mb = $[15];
+        minH = $[16];
+        minW = $[17];
+        ml = $[18];
+        mr = $[19];
+        mt = $[20];
+        mx = $[21];
+        my = $[22];
+        overflow = $[23];
+        overflowX = $[24];
+        overflowY = $[25];
+        p = $[26];
+        pb = $[27];
+        pl = $[28];
+        position = $[29];
+        pr = $[30];
+        pt = $[31];
+        px = $[32];
+        py = $[33];
+        rows = $[34];
+        style = $[35];
+        w = $[36];
+    }
+    let inlineStyles;
+    let t1;
+    let t2;
+    if ($[37] !== autoCols || $[38] !== autoFlow || $[39] !== autoRows || $[40] !== className || $[41] !== cols || $[42] !== gap || $[43] !== gapX || $[44] !== gapY || $[45] !== h || $[46] !== m || $[47] !== maxH || $[48] !== maxW || $[49] !== mb || $[50] !== minH || $[51] !== minW || $[52] !== ml || $[53] !== mr || $[54] !== mt || $[55] !== mx || $[56] !== my || $[57] !== overflow || $[58] !== overflowX || $[59] !== overflowY || $[60] !== p || $[61] !== pb || $[62] !== pl || $[63] !== position || $[64] !== pr || $[65] !== pt || $[66] !== px || $[67] !== py || $[68] !== ref || $[69] !== rows || $[70] !== style || $[71] !== w) {
+        const gridClasses = (0, external_utils_cjs_namespaceObject.buildGridLayoutClasses)({
+            cols,
+            rows,
+            gap,
+            gapX,
+            gapY,
+            autoFlow,
+            autoCols,
+            autoRows,
+            w,
+            h,
+            maxW,
+            minW,
+            maxH,
+            minH,
+            overflow,
+            overflowX,
+            overflowY,
+            position,
+            p,
+            pt,
+            pb,
+            pl,
+            pr,
+            px,
+            py,
+            m,
+            mt,
+            mb,
+            ml,
+            mr,
+            mx,
+            my
+        });
+        let t3;
+        if ($[75] !== gap) {
+            t3 = void 0 !== gap && {
+                gap: (0, external_utils_cjs_namespaceObject.spacingToRem)(gap)
+            };
+            $[75] = gap;
+            $[76] = t3;
+        } else t3 = $[76];
+        let t4;
+        if ($[77] !== gapX) {
+            t4 = void 0 !== gapX && {
+                columnGap: (0, external_utils_cjs_namespaceObject.spacingToRem)(gapX)
+            };
+            $[77] = gapX;
+            $[78] = t4;
+        } else t4 = $[78];
+        let t5;
+        if ($[79] !== gapY) {
+            t5 = void 0 !== gapY && {
+                rowGap: (0, external_utils_cjs_namespaceObject.spacingToRem)(gapY)
+            };
+            $[79] = gapY;
+            $[80] = t5;
+        } else t5 = $[80];
+        let t6;
+        if ($[81] !== cols) {
+            t6 = "string" == typeof cols && {
+                gridTemplateColumns: cols
+            };
+            $[81] = cols;
+            $[82] = t6;
+        } else t6 = $[82];
+        let t7;
+        if ($[83] !== rows) {
+            t7 = "string" == typeof rows && {
+                gridTemplateRows: rows
+            };
+            $[83] = rows;
+            $[84] = t7;
+        } else t7 = $[84];
+        let t8;
+        if ($[85] !== style || $[86] !== t3 || $[87] !== t4 || $[88] !== t5 || $[89] !== t6 || $[90] !== t7) {
+            t8 = {
+                ...style,
+                ...t3,
+                ...t4,
+                ...t5,
+                ...t6,
+                ...t7
+            };
+            $[85] = style;
+            $[86] = t3;
+            $[87] = t4;
+            $[88] = t5;
+            $[89] = t6;
+            $[90] = t7;
+            $[91] = t8;
+        } else t8 = $[91];
+        inlineStyles = t8;
+        t1 = ref;
+        t2 = (0, index_cjs_namespaceObject.cn)(...gridClasses, className);
+        $[37] = autoCols;
+        $[38] = autoFlow;
+        $[39] = autoRows;
+        $[40] = className;
+        $[41] = cols;
+        $[42] = gap;
+        $[43] = gapX;
+        $[44] = gapY;
+        $[45] = h;
+        $[46] = m;
+        $[47] = maxH;
+        $[48] = maxW;
+        $[49] = mb;
+        $[50] = minH;
+        $[51] = minW;
+        $[52] = ml;
+        $[53] = mr;
+        $[54] = mt;
+        $[55] = mx;
+        $[56] = my;
+        $[57] = overflow;
+        $[58] = overflowX;
+        $[59] = overflowY;
+        $[60] = p;
+        $[61] = pb;
+        $[62] = pl;
+        $[63] = position;
+        $[64] = pr;
+        $[65] = pt;
+        $[66] = px;
+        $[67] = py;
+        $[68] = ref;
+        $[69] = rows;
+        $[70] = style;
+        $[71] = w;
+        $[72] = inlineStyles;
+        $[73] = t1;
+        $[74] = t2;
+    } else {
+        inlineStyles = $[72];
+        t1 = $[73];
+        t2 = $[74];
+    }
+    let t3;
+    if ($[92] !== children || $[93] !== htmlProps || $[94] !== inlineStyles || $[95] !== t1 || $[96] !== t2) {
+        t3 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            ref: t1,
+            className: t2,
+            style: inlineStyles,
+            ...htmlProps,
+            children: children
+        });
+        $[92] = children;
+        $[93] = htmlProps;
+        $[94] = inlineStyles;
+        $[95] = t1;
+        $[96] = t2;
+        $[97] = t3;
+    } else t3 = $[97];
+    return t3;
 });
 Grid.displayName = 'Grid';
 exports.Grid = __webpack_exports__.Grid;