blixify-ui-web 1.2.79 → 1.2.80

package/lib/components/data/dataTemplate/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAkCA,OAAO,KASN,MAAM,OAAO,CAAC;AAwFf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAwD1B,eAAO,MAAM,YAAY,mFAsoYvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAkCA,OAAO,KASN,MAAM,OAAO,CAAC;AAwFf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAwD1B,eAAO,MAAM,YAAY,mFA4oYvB,CAAC"}

package/lib/components/data/dataTemplate/index.js

@@ -6608,14 +6608,19 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     // inside a modal reads better with a plain button row than a card inside a
     // card; tabbed and long forms keep the sticky bar so Submit stays reachable
     var handleActionBarClassName = function (justifyEnd) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g;
         var layout = "mt-6 flex flex-row items-center gap-2 whitespace-nowrap".concat(justifyEnd ? " justify-end" : "");
         if ((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareUpdateActionBottom)
             return "".concat(layout).concat(((_b = props.organise) === null || _b === void 0 ? void 0 : _b.darkMode) ? " text-white" : "");
         var surface = ((_c = props.organise) === null || _c === void 0 ? void 0 : _c.darkMode)
             ? "border-gray-700 ".concat((_e = (_d = props.organise) === null || _d === void 0 ? void 0 : _d.darkModeBg) !== null && _e !== void 0 ? _e : "bg-gray-900/95", " text-white")
             : "border-gray-200 bg-white/95";
-        return "sticky bottom-3 z-20 -mx-2 ".concat(layout, " rounded-2xl border ").concat(surface, " px-3 py-2 shadow-lg backdrop-blur sm:mx-0 sm:px-4");
+        // INFO: bareUpdateActionFloatingOffset replaces the default bottom-3 offset when
+        // provided, so a consumer whose layout has something pinned to the bottom (a mobile
+        // nav, a floating search bar) can lift the pill clear of it. Any Tailwind bottom-*
+        // utility works, e.g. "bottom-24".
+        var offset = (_g = (_f = props.bareSettings) === null || _f === void 0 ? void 0 : _f.bareUpdateFloatingActionOffset) !== null && _g !== void 0 ? _g : "bottom-3";
+        return "sticky ".concat(offset, " z-20 -mx-2 ").concat(layout, " rounded-2xl border ").concat(surface, " px-3 py-2 shadow-lg backdrop-blur sm:mx-0 sm:px-4");
     };
     var renderStepBar = function (uniqueTabIds) {
         var _a, _b, _c, _d, _e, _f, _g, _h;