@limetech/lime-crm-building-blocks 1.25.0 → 1.25.2

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+### [1.25.2](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.25.1...v1.25.2) (2024-01-10)
+
+
+### Bug Fixes
+
+
+* **feed:** unbundle two feed items with distinct icons that are closely timed ([402b24e](https://github.com/Lundalogik/lime-crm-building-blocks/commit/402b24e65321e62259cc67c62b6c2d4ec8feb069))
+
+### [1.25.1](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.25.0...v1.25.1) (2024-01-05)
+
+
+### Bug Fixes
+
+
+* **index.html:** set examples to use our default font stack ([69ca04a](https://github.com/Lundalogik/lime-crm-building-blocks/commit/69ca04a1078a4ad0ac96a5f2ba1376d7af9c8cc2))
+
 ## [1.25.0](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.24.0...v1.25.0) (2023-12-28)
 
 

package/dist/cjs/limebb-feed.cjs.entry.js

@@ -191,7 +191,7 @@ const Feed = class {
      */
     this.totalCount = 0;
     this.isBundled = (item, index) => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d, _e, _f;
       if (index === 0) {
         return false;
       }
@@ -200,6 +200,11 @@ const Feed = class {
       if (previousAuthorId !== currentAuthorId) {
         return false;
       }
+      const previousItemIcon = (_e = (_d = this.items[index - 1]) === null || _d === void 0 ? void 0 : _d.icon) === null || _e === void 0 ? void 0 : _e.name;
+      const currentItemIcon = (_f = item === null || item === void 0 ? void 0 : item.icon) === null || _f === void 0 ? void 0 : _f.name;
+      if (previousItemIcon !== currentItemIcon) {
+        return false;
+      }
       const currentIndexDate = new Date(item.timestamp);
       const previousIndexDate = new Date(this.items[index - 1].timestamp);
       const previousItemDate = new Date(previousIndexDate);

package/dist/collection/components/feed/feed-item/feed-timeline-item.css

@@ -7,6 +7,9 @@
  *
  * Or, just don't import anything, that works too.
  */
+/**
+* This can be used on a trigger element that opens a dropdown menu or a popover.
+*/
 /**
  * This mixin will mask out the content that is close to
  * the edges of a scrollable area.
@@ -39,6 +42,16 @@
 * Note that you may need to add `all: unset;` –depending on your use case–
 * before using this mixin.
 */
+/**
+* This mixin creates a cross-browser font stack.
+* - `sans-serif` can be used for the UI of the components.
+* - `monospace` can be used for code.
+*
+* ⚠️ If we change the font stacks, we need to update
+* 1. the consumer documentation in `README.md`, and
+* 2. the CSS variables of `--kompendium-example-font-family`
+* in the `<style>` tag of `index.html`.
+*/
 * {
   box-sizing: border-box;
 }

package/dist/collection/components/feed/feed.js

@@ -42,7 +42,7 @@ export class Feed {
      */
     this.totalCount = 0;
     this.isBundled = (item, index) => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d, _e, _f;
       if (index === 0) {
         return false;
       }
@@ -51,6 +51,11 @@ export class Feed {
       if (previousAuthorId !== currentAuthorId) {
         return false;
       }
+      const previousItemIcon = (_e = (_d = this.items[index - 1]) === null || _d === void 0 ? void 0 : _d.icon) === null || _e === void 0 ? void 0 : _e.name;
+      const currentItemIcon = (_f = item === null || item === void 0 ? void 0 : item.icon) === null || _f === void 0 ? void 0 : _f.name;
+      if (previousItemIcon !== currentItemIcon) {
+        return false;
+      }
       const currentIndexDate = new Date(item.timestamp);
       const previousIndexDate = new Date(this.items[index - 1].timestamp);
       const previousItemDate = new Date(previousIndexDate);

package/dist/collection/components/navigation-button/navigation-button.css

@@ -7,6 +7,9 @@
  *
  * Or, just don't import anything, that works too.
  */
+/**
+* This can be used on a trigger element that opens a dropdown menu or a popover.
+*/
 /**
  * This mixin will mask out the content that is close to
  * the edges of a scrollable area.
@@ -39,6 +42,16 @@
 * Note that you may need to add `all: unset;` –depending on your use case–
 * before using this mixin.
 */
+/**
+* This mixin creates a cross-browser font stack.
+* - `sans-serif` can be used for the UI of the components.
+* - `monospace` can be used for code.
+*
+* ⚠️ If we change the font stacks, we need to update
+* 1. the consumer documentation in `README.md`, and
+* 2. the CSS variables of `--kompendium-example-font-family`
+* in the `<style>` tag of `index.html`.
+*/
 /*
  * This file is imported into every component!
  *

package/dist/components/limebb-feed.js

@@ -190,7 +190,7 @@ const Feed = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
      */
     this.totalCount = 0;
     this.isBundled = (item, index) => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d, _e, _f;
       if (index === 0) {
         return false;
       }
@@ -199,6 +199,11 @@ const Feed = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       if (previousAuthorId !== currentAuthorId) {
         return false;
       }
+      const previousItemIcon = (_e = (_d = this.items[index - 1]) === null || _d === void 0 ? void 0 : _d.icon) === null || _e === void 0 ? void 0 : _e.name;
+      const currentItemIcon = (_f = item === null || item === void 0 ? void 0 : item.icon) === null || _f === void 0 ? void 0 : _f.name;
+      if (previousItemIcon !== currentItemIcon) {
+        return false;
+      }
       const currentIndexDate = new Date(item.timestamp);
       const previousIndexDate = new Date(this.items[index - 1].timestamp);
       const previousItemDate = new Date(previousIndexDate);

package/dist/esm/limebb-feed.entry.js

@@ -187,7 +187,7 @@ const Feed = class {
      */
     this.totalCount = 0;
     this.isBundled = (item, index) => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d, _e, _f;
       if (index === 0) {
         return false;
       }
@@ -196,6 +196,11 @@ const Feed = class {
       if (previousAuthorId !== currentAuthorId) {
         return false;
       }
+      const previousItemIcon = (_e = (_d = this.items[index - 1]) === null || _d === void 0 ? void 0 : _d.icon) === null || _e === void 0 ? void 0 : _e.name;
+      const currentItemIcon = (_f = item === null || item === void 0 ? void 0 : item.icon) === null || _f === void 0 ? void 0 : _f.name;
+      if (previousItemIcon !== currentItemIcon) {
+        return false;
+      }
       const currentIndexDate = new Date(item.timestamp);
       const previousIndexDate = new Date(this.items[index - 1].timestamp);
       const previousItemDate = new Date(previousIndexDate);

package/dist/lime-crm-building-blocks/lime-crm-building-blocks.esm.js

@@ -1 +1 @@
-import{p as e,b as t}from"./p-2912b7e7.js";(()=>{const t=import.meta.url,l={};return""!==t&&(l.resourcesUrl=new URL(".",t).href),e(l)})().then((e=>t([["p-81bfe796",[[1,"limebb-date-range",{platform:[16],context:[16],startTime:[16],endTime:[16],startTimeLabel:[1,"start-time-label"],endTimeLabel:[1,"end-time-label"],language:[1],timeFormat:[1,"time-format"],type:[1]}]]],["p-6b4d3117",[[1,"limebb-feed",{platform:[16],context:[16],items:[16],emptyStateMessage:[1,"empty-state-message"],loading:[4],minutesOfProximity:[2,"minutes-of-proximity"],totalCount:[2,"total-count"]}]]],["p-86ded1d6",[[1,"limebb-currency-picker",{label:[513],platform:[16],currencies:[16],helperText:[513,"helper-text"],required:[516],readonly:[516],invalid:[516],disabled:[516],value:[8]}]]],["p-0f8928a9",[[1,"limebb-dashboard-widget",{heading:[513],subheading:[513],supportingText:[513,"supporting-text"],icon:[513]}]]],["p-44a09a10",[[1,"limebb-icon-picker",{value:[1],required:[4],readonly:[4],invalid:[4],disabled:[4],label:[1],helperText:[1,"helper-text"]}]]],["p-21414a6b",[[1,"limebb-locale-picker",{platform:[16],context:[16],value:[1],required:[4],disabled:[4],label:[1],helperText:[1,"helper-text"],readonly:[4],multipleChoice:[4,"multiple-choice"],allLanguages:[32]}]]],["p-6ad70097",[[1,"limebb-navigation-button",{href:[513],tooltipLabel:[513,"tooltip-label"],tooltipHelperLabel:[513,"tooltip-helper-label"],type:[513]}]]],["p-225c0001",[[1,"limebb-date-picker",{platform:[16],context:[16],disabled:[516],readonly:[516],invalid:[516],label:[513],placeholder:[513],helperText:[513,"helper-text"],required:[516],value:[1],type:[513]}]]],["p-6dc6addd",[[1,"limebb-feed-timeline-item",{platform:[16],context:[16],item:[16],type:[513],isBundled:[516,"is-bundled"],showMore:[32],isTall:[32]}]]]],e)));
+import{p as e,b as t}from"./p-2912b7e7.js";(()=>{const t=import.meta.url,l={};return""!==t&&(l.resourcesUrl=new URL(".",t).href),e(l)})().then((e=>t([["p-81bfe796",[[1,"limebb-date-range",{platform:[16],context:[16],startTime:[16],endTime:[16],startTimeLabel:[1,"start-time-label"],endTimeLabel:[1,"end-time-label"],language:[1],timeFormat:[1,"time-format"],type:[1]}]]],["p-461451b1",[[1,"limebb-feed",{platform:[16],context:[16],items:[16],emptyStateMessage:[1,"empty-state-message"],loading:[4],minutesOfProximity:[2,"minutes-of-proximity"],totalCount:[2,"total-count"]}]]],["p-86ded1d6",[[1,"limebb-currency-picker",{label:[513],platform:[16],currencies:[16],helperText:[513,"helper-text"],required:[516],readonly:[516],invalid:[516],disabled:[516],value:[8]}]]],["p-0f8928a9",[[1,"limebb-dashboard-widget",{heading:[513],subheading:[513],supportingText:[513,"supporting-text"],icon:[513]}]]],["p-44a09a10",[[1,"limebb-icon-picker",{value:[1],required:[4],readonly:[4],invalid:[4],disabled:[4],label:[1],helperText:[1,"helper-text"]}]]],["p-21414a6b",[[1,"limebb-locale-picker",{platform:[16],context:[16],value:[1],required:[4],disabled:[4],label:[1],helperText:[1,"helper-text"],readonly:[4],multipleChoice:[4,"multiple-choice"],allLanguages:[32]}]]],["p-6ad70097",[[1,"limebb-navigation-button",{href:[513],tooltipLabel:[513,"tooltip-label"],tooltipHelperLabel:[513,"tooltip-helper-label"],type:[513]}]]],["p-225c0001",[[1,"limebb-date-picker",{platform:[16],context:[16],disabled:[516],readonly:[516],invalid:[516],label:[513],placeholder:[513],helperText:[513,"helper-text"],required:[516],value:[1],type:[513]}]]],["p-6dc6addd",[[1,"limebb-feed-timeline-item",{platform:[16],context:[16],item:[16],type:[513],isBundled:[516,"is-bundled"],showMore:[32],isTall:[32]}]]]],e)));

package/dist/lime-crm-building-blocks/p-461451b1.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as r}from"./p-2912b7e7.js";import{P as i}from"./p-bc052012.js";function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t){if(t.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+t.length+" present")}function s(e){o(1,arguments);var t=Object.prototype.toString.call(e);return e instanceof Date||"object"===n(e)&&"[object Date]"===t?new Date(e.getTime()):"number"==typeof e||"[object Number]"===t?new Date(e):("string"!=typeof e&&"[object String]"!==t||"undefined"==typeof console||(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn((new Error).stack)),new Date(NaN))}function a(e,t){return o(2,arguments),s(e).getTime()-s(t).getTime()}var l={ceil:Math.ceil,round:Math.round,floor:Math.floor,trunc:function(e){return e<0?Math.ceil(e):Math.floor(e)}};function d(e){return e?l[e]:l.trunc}const u=class{constructor(r){e(this,r),this.promotedActionSelected=t(this,"promotedActionSelected",7),this.loadMore=t(this,"loadMore",7),this.items=[],this.minutesOfProximity=5,this.totalCount=0,this.isBundled=(e,t)=>{var r,i,n,s,l,u;if(0===t)return!1;if((null===(i=null===(r=this.items[t-1])||void 0===r?void 0:r.author)||void 0===i?void 0:i.id)!==(null===(n=null==e?void 0:e.author)||void 0===n?void 0:n.id))return!1;if((null===(l=null===(s=this.items[t-1])||void 0===s?void 0:s.icon)||void 0===l?void 0:l.name)!==(null===(u=null==e?void 0:e.icon)||void 0===u?void 0:u.name))return!1;const c=new Date(e.timestamp),m=new Date(this.items[t-1].timestamp),f=new Date(m);return function(e,t,r){o(2,arguments);var i=a(e,t)/6e4;return d(null==r?void 0:r.roundingMethod)(i)}(new Date(c),f)<=this.minutesOfProximity},this.handleLoadMore=e=>{e.stopPropagation(),this.loadMore.emit()}}render(){return[this.renderLoadMore(),this.renderEmptyFeedMessage(),this.renderSpinner(),this.renderFeedItems()]}renderSpinner(){if(this.loading)return r("limel-spinner",{size:"small"})}renderEmptyFeedMessage(){if(!this.loading)return 0===this.items.length?r("p",{class:"empty-state"},this.emptyStateMessage):void 0}renderFeedItems(){return this.items.map(((e,t)=>[this.renderDateHeader(e.timestamp,t),r("limebb-feed-timeline-item",{platform:this.platform,context:this.context,item:e,key:e.id,type:null==e?void 0:e.type,isBundled:this.isBundled(e,t)})]))}renderDateHeader(e,t){const i=this.dateTimeFormatter.format(e,"date");return 0===t||this.dateTimeFormatter.format(this.items[t-1].timestamp,"date")!==i?r("a",{class:"date-heading"},i):void 0}renderLoadMore(){if(this.items.length&&!(this.totalCount<=this.items.length))return r("limel-icon-button",{class:"view-load-more_button",icon:"more",onClick:this.handleLoadMore,elevated:!0,label:"Load more"})}get dateTimeFormatter(){return this.platform.get(i.DateTimeFormatter)}};u.style=":host(limebb-feed){--limebb-feed-background-color:var(\n      --feed-background-color,\n      rgb(var(--contrast-100))\n  );--limebb-feed-item-background-color:var(--contrast-300);display:flex;flex-direction:column;gap:0.25rem;max-width:45rem;background-color:var(--limebb-feed-background-color)}.empty-state{text-align:center}limel-spinner{align-self:center;justify-self:center;margin:auto}.date-heading{font-weight:600;font-size:0.875rem;margin:1.25rem 0 0.5rem 0;color:rgb(var(--contrast-900))}limebb-feed-timeline-item:has(+limebb-feed-timeline-item[is-bundled]){--limebb-feed-item-action-bar-grid-template-rows:0fr}";export{u as limebb_feed}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-crm-building-blocks",
-  "version": "1.25.0",
+  "version": "1.25.2",
   "description": "A home for shared components meant for use with Lime CRM",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -41,7 +41,7 @@
     "access": "public"
   },
   "devDependencies": {
-    "@limetech/lime-elements": "^37.1.0-next.78",
+    "@limetech/lime-elements": "^37.1.0-next.86",
     "@limetech/lime-web-components": "^5.21.0",
     "@lundalogik/lime-icons8": "^2.16.0",
     "@lundalogik/limeclient.js": "^1.53.2",

package/dist/lime-crm-building-blocks/p-6b4d3117.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as r}from"./p-2912b7e7.js";import{P as n}from"./p-bc052012.js";function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t){if(t.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+t.length+" present")}function s(e){o(1,arguments);var t=Object.prototype.toString.call(e);return e instanceof Date||"object"===i(e)&&"[object Date]"===t?new Date(e.getTime()):"number"==typeof e||"[object Number]"===t?new Date(e):("string"!=typeof e&&"[object String]"!==t||"undefined"==typeof console||(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn((new Error).stack)),new Date(NaN))}function a(e,t){return o(2,arguments),s(e).getTime()-s(t).getTime()}var l={ceil:Math.ceil,round:Math.round,floor:Math.floor,trunc:function(e){return e<0?Math.ceil(e):Math.floor(e)}};function d(e){return e?l[e]:l.trunc}const c=class{constructor(r){e(this,r),this.promotedActionSelected=t(this,"promotedActionSelected",7),this.loadMore=t(this,"loadMore",7),this.items=[],this.minutesOfProximity=5,this.totalCount=0,this.isBundled=(e,t)=>{var r,n,i;if(0===t)return!1;if((null===(n=null===(r=this.items[t-1])||void 0===r?void 0:r.author)||void 0===n?void 0:n.id)!==(null===(i=null==e?void 0:e.author)||void 0===i?void 0:i.id))return!1;const s=new Date(e.timestamp),l=new Date(this.items[t-1].timestamp),c=new Date(l);return function(e,t,r){o(2,arguments);var n=a(e,t)/6e4;return d(null==r?void 0:r.roundingMethod)(n)}(new Date(s),c)<=this.minutesOfProximity},this.handleLoadMore=e=>{e.stopPropagation(),this.loadMore.emit()}}render(){return[this.renderLoadMore(),this.renderEmptyFeedMessage(),this.renderSpinner(),this.renderFeedItems()]}renderSpinner(){if(this.loading)return r("limel-spinner",{size:"small"})}renderEmptyFeedMessage(){if(!this.loading)return 0===this.items.length?r("p",{class:"empty-state"},this.emptyStateMessage):void 0}renderFeedItems(){return this.items.map(((e,t)=>[this.renderDateHeader(e.timestamp,t),r("limebb-feed-timeline-item",{platform:this.platform,context:this.context,item:e,key:e.id,type:null==e?void 0:e.type,isBundled:this.isBundled(e,t)})]))}renderDateHeader(e,t){const n=this.dateTimeFormatter.format(e,"date");return 0===t||this.dateTimeFormatter.format(this.items[t-1].timestamp,"date")!==n?r("a",{class:"date-heading"},n):void 0}renderLoadMore(){if(this.items.length&&!(this.totalCount<=this.items.length))return r("limel-icon-button",{class:"view-load-more_button",icon:"more",onClick:this.handleLoadMore,elevated:!0,label:"Load more"})}get dateTimeFormatter(){return this.platform.get(n.DateTimeFormatter)}};c.style=":host(limebb-feed){--limebb-feed-background-color:var(\n      --feed-background-color,\n      rgb(var(--contrast-100))\n  );--limebb-feed-item-background-color:var(--contrast-300);display:flex;flex-direction:column;gap:0.25rem;max-width:45rem;background-color:var(--limebb-feed-background-color)}.empty-state{text-align:center}limel-spinner{align-self:center;justify-self:center;margin:auto}.date-heading{font-weight:600;font-size:0.875rem;margin:1.25rem 0 0.5rem 0;color:rgb(var(--contrast-900))}limebb-feed-timeline-item:has(+limebb-feed-timeline-item[is-bundled]){--limebb-feed-item-action-bar-grid-template-rows:0fr}";export{c as limebb_feed}