blixify-ui-web 0.4.261 → 0.4.263

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAkCA,OAAO,KASN,MAAM,OAAO,CAAC;AAyEf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAoB1B,eAAO,MAAM,YAAY,mFAi0RvB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAkCA,OAAO,KASN,MAAM,OAAO,CAAC;AAyEf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAoB1B,eAAO,MAAM,YAAY,mFAg2RvB,CAAC"}
@@ -5430,11 +5430,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
5430
5430
  props.renderSettings.renderListUI(actionComponent, filterComponent_1, dataComponent)));
5431
5431
  }
5432
5432
  var renderListFilterElements = function () {
5433
- var _a, _b, _c, _d, _e, _f, _g, _h;
5433
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j;
5434
+ // INFO: When bareListFilterAsPopup is true, filters are shown in a popup instead
5435
+ if ((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareListFilterAsPopup)
5436
+ return null;
5434
5437
  var filterElementList = [];
5435
- if (!((_a = props.organise) === null || _a === void 0 ? void 0 : _a.filterComponentNewRow)) {
5436
- if ((_b = props.organise) === null || _b === void 0 ? void 0 : _b.showGroupByFeature) {
5437
- filterElementList.push(react_1.default.createElement(select_1.Select, { label: "Group", options: (_h = (_e = (_d = (_c = props === null || props === void 0 ? void 0 : props.organise) === null || _c === void 0 ? void 0 : _c.renderGroupByOptions) === null || _d === void 0 ? void 0 : _d.call(_c)) !== null && _e !== void 0 ? _e : (_g = (_f = props === null || props === void 0 ? void 0 : props.organise) === null || _f === void 0 ? void 0 : _f.renderReferenceLabelOptions) === null || _g === void 0 ? void 0 : _g.call(_f, props.collectionId, true)) !== null && _h !== void 0 ? _h : [], value: groupId !== null && groupId !== void 0 ? groupId : "", onChange: function (value) { return setGroupId(value); } }));
5438
+ if (!((_b = props.organise) === null || _b === void 0 ? void 0 : _b.filterComponentNewRow)) {
5439
+ if ((_c = props.organise) === null || _c === void 0 ? void 0 : _c.showGroupByFeature) {
5440
+ filterElementList.push(react_1.default.createElement(select_1.Select, { label: "Group", options: (_j = (_f = (_e = (_d = props === null || props === void 0 ? void 0 : props.organise) === null || _d === void 0 ? void 0 : _d.renderGroupByOptions) === null || _e === void 0 ? void 0 : _e.call(_d)) !== null && _f !== void 0 ? _f : (_h = (_g = props === null || props === void 0 ? void 0 : props.organise) === null || _g === void 0 ? void 0 : _g.renderReferenceLabelOptions) === null || _h === void 0 ? void 0 : _h.call(_g, props.collectionId, true)) !== null && _j !== void 0 ? _j : [], value: groupId !== null && groupId !== void 0 ? groupId : "", onChange: function (value) { return setGroupId(value); } }));
5438
5441
  }
5439
5442
  if (filterComponent_1 &&
5440
5443
  Array.isArray(filterComponent_1) &&
@@ -5449,7 +5452,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
5449
5452
  return null;
5450
5453
  };
5451
5454
  var renderListActionElements = function () {
5452
- var _a, _b;
5455
+ var _a, _b, _c, _d;
5453
5456
  var actionElementList = [];
5454
5457
  if (schemaPresent) {
5455
5458
  actionElementList.push(react_1.default.createElement(react_1.default.Fragment, null,
@@ -5467,23 +5470,29 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
5467
5470
  handleRefresh();
5468
5471
  }, bgColor: "bg-white" })));
5469
5472
  }
5473
+ if (((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareListFilterAsPopup) &&
5474
+ filterComponent_1 &&
5475
+ Array.isArray(filterComponent_1) &&
5476
+ filterComponent_1.length > 0) {
5477
+ actionElementList.push(react_1.default.createElement(popUp_1.PopUp, { ctaComp: react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.FunnelIcon, { className: "h-7 w-7 text-primary-500" }), bgColor: "bg-white" }), renderComp: react_1.default.createElement("div", { className: "shadow-lg p-4 flex flex-col space-y-3 w-[calc(100vw-2rem)] max-w-[320px]" }, filterComponent_1.map(function (filterEl, index) { return (react_1.default.createElement("div", { key: index }, filterEl)); })), anchor: "right", excludePortalIds: ["datepicker-portal"], lib: { Transition: (_b = props === null || props === void 0 ? void 0 : props.lib) === null || _b === void 0 ? void 0 : _b.Transition } }));
5478
+ }
5470
5479
  if (!isBottom) {
5471
5480
  var actionBtns = renderActionButtons(props.type);
5472
5481
  if (actionBtns)
5473
5482
  actionElementList.push(actionBtns);
5474
5483
  }
5475
- if (schemaPresent || ((_a = props.organise) === null || _a === void 0 ? void 0 : _a.showExport)) {
5484
+ if (schemaPresent || ((_c = props.organise) === null || _c === void 0 ? void 0 : _c.showExport)) {
5476
5485
  actionElementList.push(react_1.default.createElement(popUp_1.PopUp, { ctaComp: react_1.default.createElement(iconButton_1.IconButton, { className: "bg-primary-100", icon: react_1.default.createElement(solid_1.EllipsisVerticalIcon, { className: "h-7 w-7 text-primary-500" }), bgColor: "bg-white" }), renderComp: react_1.default.createElement("div", { className: "shadow-lg" }, moreButtonPopUp.map(function (eachPopup) { return (
5477
5486
  //TODO: Bug - Crash on Next Js
5478
5487
  // <Menu.Item>
5479
5488
  react_1.default.createElement("span", { className: "block w-40 py-3 text-sm text-center text-gray-700 cursor-pointer hover:bg-gray-100", onClick: eachPopup === null || eachPopup === void 0 ? void 0 : eachPopup.onClick }, eachPopup === null || eachPopup === void 0 ? void 0 : eachPopup.text)
5480
5489
  // </Menu.Item>
5481
5490
  ); })), lib: {
5482
- Transition: (_b = props === null || props === void 0 ? void 0 : props.lib) === null || _b === void 0 ? void 0 : _b.Transition,
5491
+ Transition: (_d = props === null || props === void 0 ? void 0 : props.lib) === null || _d === void 0 ? void 0 : _d.Transition,
5483
5492
  } }));
5484
5493
  }
5485
5494
  if (actionElementList.length > 0) {
5486
- return (react_1.default.createElement("div", { className: "mb-0.5 flex flex-row items-center my-6 justify-content space-x-2 md:my-0" }, actionElementList));
5495
+ return (react_1.default.createElement("div", { className: "mb-0.5 flex flex-row items-center my-6 justify-end space-x-2 px-2 md:my-0" }, actionElementList));
5487
5496
  }
5488
5497
  else
5489
5498
  return null;