@licklist/design 0.50.0-dev.1 → 0.50.0-dev.2

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.
Files changed (8) hide show
  1. package/dist/events/event-card/EventCard.d.ts +2 -1
  2. package/dist/events/event-card/EventCard.d.ts.map +1 -1
  3. package/dist/events/event-card/EventCard.js +1 -1
  4. package/dist/styles/events/EventCard.scss +3 -6
  5. package/package.json +1 -1
  6. package/src/events/event-card/EventCard.stories.tsx +1 -0
  7. package/src/events/event-card/EventCard.tsx +8 -1
  8. package/src/styles/events/EventCard.scss +3 -6
package/dist/events/event-card/EventCard.d.ts CHANGED
@@ -16,6 +16,7 @@ export interface EventCardProps extends HasPermissionProp {
16
16
  onStatistic: () => void;
17
17
  titleId?: string;
18
18
  descriptionId?: string;
19
+ productSetName?: string;
19
20
  }
20
- export declare function EventCard({ name, description, date, imageUrl, sales, onPreview, onEdit, onCopy, onRemove, hasPermission, onStatistic, eventStatistic, titleId, descriptionId, }: EventCardProps): JSX.Element;
21
+ export declare function EventCard({ name, description, date, imageUrl, sales, onPreview, onEdit, onCopy, onRemove, hasPermission, productSetName, onStatistic, eventStatistic, titleId, descriptionId, }: EventCardProps): JSX.Element;
21
22
  //# sourceMappingURL=EventCard.d.ts.map
package/dist/events/event-card/EventCard.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"EventCard.d.ts","sourceRoot":"","sources":["../../../src/events/event-card/EventCard.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAElG,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAS5C,MAAM,WAAW,cAAe,SAAQ,iBAAiB;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACvC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,MAAM,EACN,MAAM,EACN,QAAQ,EACR,aAAoB,EACpB,WAAW,EACX,cAAc,EACd,OAAO,EACP,aAAa,GACd,EAAE,cAAc,eAiIhB"}
1
+ {"version":3,"file":"EventCard.d.ts","sourceRoot":"","sources":["../../../src/events/event-card/EventCard.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAElG,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAS5C,MAAM,WAAW,cAAe,SAAQ,iBAAiB;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACvC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,MAAM,EACN,MAAM,EACN,QAAQ,EACR,aAAoB,EACpB,cAAc,EACd,WAAW,EACX,cAAc,EACd,OAAO,EACP,aAAa,GACd,EAAE,cAAc,eAsIhB"}
package/dist/events/event-card/EventCard.js CHANGED
@@ -1 +1 @@
1
- "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),a=require("react"),n=e(a),r=require("@licklist/core/dist/Config"),l=require("react-i18next"),c=require("react-bootstrap"),i=require("../../static/Icon.js"),s=e(require("clsx")),m=require("react-intl"),o=require("../../tiptap-editor/TipTapEditor.js"),u=require("./utils.js"),d=require("../../assets/dashboard/chartBar.svg.js");exports.EventCard=function(e){var E=e.name,v=e.description,p=e.date,y=e.imageUrl,f=e.sales,b=e.onPreview,N=e.onEdit,C=e.onCopy,k=e.onRemove,g=e.hasPermission,x=void 0===g||g,q=e.onStatistic,w=e.eventStatistic,h=e.titleId,T=e.descriptionId,j=l.useTranslation("Design").t,I=m.useIntl(),P=I.formatNumber,_=I.formatDate,B=u.getStatisticInfo(w,p),S=B.totalViews,D=t.__rest(B,["totalViews"]),M=a.useMemo((function(){return u.formatContentWithoutTags(v,u.EVENT_DESCRIPTION_SIZE)}),[v]);return n.createElement(c.Card,{className:"d-flex flex-column event-card h-100"},n.createElement("div",{className:s("event-card-image-container",!y&&"no-image")},y&&n.createElement(c.Card.Img,{variant:"top",src:y}),n.createElement(c.Badge,{className:"event-card-date",as:"time",dateTime:p,variant:"primary"},_(new Date(p),{weekday:"short",day:"numeric",month:"short",year:"numeric",hour:"numeric",minute:"numeric"}))),n.createElement(c.Card.Body,null,n.createElement(c.Card.Title,{id:h},E),n.createElement("div",{className:"flex-grow-1"},n.createElement(o.TipTapEditor,{viewMode:!0,disabled:!0,className:s("event-description",!y&&"no-image"),content:M,id:T}),n.createElement("div",{className:"mt-2 ml-2"},Object.keys(D).map((function(e){return n.createElement("div",{className:"event-card-sale",key:e},n.createElement("span",{className:"event-card-sale-name"},j(e),":"," ","totalAmount"===e?P(D[e],{style:"currency",currency:r.Currency.GBP}):D[e]))}))),f&&f.map((function(e){return n.createElement("div",{className:"event-card-sale",key:e.id},n.createElement("div",{className:"event-card-sale-text"},n.createElement("span",{className:"event-card-sale-name"},e.name)," ",n.createElement("span",{className:"event-card-sale-quantity"},[e.current,e.max].map((function(e){return P(e)})).join(" / "))),n.createElement(c.ProgressBar,{now:e.current,max:e.max}))})))),n.createElement(c.Card.Footer,null,n.createElement("div",{className:"d-flex w-100 justify-content-between"},n.createElement("div",{className:"d-flex"},n.createElement("button",{type:"button",className:"event-card-link-button ml-3 mr-4",onClick:q},n.createElement(d.ReactComponent,null)),n.createElement("div",{className:"event-card-views"},n.createElement(i.default,{type:"eye"}),n.createElement("span",null,P(S)))),n.createElement("div",null,n.createElement("button",{type:"button",className:"event-card-link-button",onClick:b},n.createElement(i.default,{type:"external-link-alt"})),x&&n.createElement(n.Fragment,null,n.createElement("button",{type:"button",className:"event-card-link-button",onClick:N},n.createElement(i.default,{type:"edit"})),n.createElement("button",{type:"button",className:"event-card-link-button",onClick:C},n.createElement(i.default,{type:"copy"})),n.createElement("button",{type:"button",className:"event-card-link-button",onClick:k},n.createElement(i.default,{type:"trash-alt"})))))))};
1
+ "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),a=require("react"),n=e(a),r=require("@licklist/core/dist/Config"),c=require("react-i18next"),l=require("react-bootstrap"),s=require("../../static/Icon.js"),i=e(require("clsx")),m=require("react-intl"),o=require("../../tiptap-editor/TipTapEditor.js"),u=require("./utils.js"),d=require("../../assets/dashboard/chartBar.svg.js");exports.EventCard=function(e){var E=e.name,v=e.description,p=e.date,y=e.imageUrl,f=e.sales,N=e.onPreview,b=e.onEdit,C=e.onCopy,k=e.onRemove,x=e.hasPermission,g=void 0===x||x,q=e.productSetName,w=e.onStatistic,h=e.eventStatistic,T=e.titleId,j=e.descriptionId,I=c.useTranslation("Design").t,S=m.useIntl(),P=S.formatNumber,_=S.formatDate,B=u.getStatisticInfo(h,p),D=B.totalViews,M=t.__rest(B,["totalViews"]),O=a.useMemo((function(){return u.formatContentWithoutTags(v,u.EVENT_DESCRIPTION_SIZE)}),[v]);return n.createElement(l.Card,{className:"d-flex flex-column event-card h-100"},n.createElement("div",{className:i("event-card-image-container",!y&&"no-image")},y&&n.createElement(l.Card.Img,{variant:"top",src:y}),n.createElement(l.Badge,{className:"event-card-date",as:"time",dateTime:p,variant:"primary"},_(new Date(p),{weekday:"short",day:"numeric",month:"short",year:"numeric",hour:"numeric",minute:"numeric"}))),n.createElement(l.Card.Body,null,n.createElement(l.Card.Title,{id:T},E),n.createElement("div",{className:"flex-grow-1"},n.createElement(o.TipTapEditor,{viewMode:!0,disabled:!0,className:i("event-description",!y&&"no-image"),content:O,id:j}),n.createElement("div",{className:"mt-2 ml-2"},Object.keys(M).map((function(e){return n.createElement("div",{className:"event-card-sale",key:e},n.createElement("span",{className:"event-card-sale-name"},I(e),":"," ","totalAmount"===e?P(M[e],{style:"currency",currency:r.Currency.GBP}):M[e]))}))),f&&f.map((function(e){return n.createElement("div",{className:"event-card-sale",key:e.id},n.createElement("div",{className:"event-card-sale-text"},n.createElement("span",{className:"event-card-sale-name"},e.name)," ",n.createElement("span",{className:"event-card-sale-quantity"},[e.current,e.max].map((function(e){return P(e)})).join(" / "))),n.createElement(l.ProgressBar,{now:e.current,max:e.max}))})))),n.createElement(l.Card.Footer,{className:"flex-column"},q&&n.createElement("div",{className:"pl-3 text-truncate"},I("Design:productSet"),": ",q),n.createElement("div",{className:"d-flex w-100 justify-content-between"},n.createElement("div",{className:"d-flex"},n.createElement("button",{type:"button",className:"event-card-link-button ml-3 mr-4",onClick:w},n.createElement(d.ReactComponent,null)),n.createElement("div",{className:"event-card-views"},n.createElement(s.default,{type:"eye"}),n.createElement("span",null,P(D)))),n.createElement("div",null,n.createElement("button",{type:"button",className:"event-card-link-button",onClick:N},n.createElement(s.default,{type:"external-link-alt"})),g&&n.createElement(n.Fragment,null,n.createElement("button",{type:"button",className:"event-card-link-button",onClick:b},n.createElement(s.default,{type:"edit"})),n.createElement("button",{type:"button",className:"event-card-link-button",onClick:C},n.createElement(s.default,{type:"copy"})),n.createElement("button",{type:"button",className:"event-card-link-button",onClick:k},n.createElement(s.default,{type:"trash-alt"})))))))};
package/dist/styles/events/EventCard.scss CHANGED
@@ -7,8 +7,6 @@ $event-card-title-font-weight: $font-weight-semibold !default;
7
7
  $event-card-title-font-size: sp(5) !default;
8
8
  $event-card-title-line-height: 4 / 3 !default;
9
9
 
10
- $event-card-footer-height: sp(6) !default;
11
-
12
10
  $event-card-image-container-overflow-top: sp(3) !default;
13
11
  $event-card-image-container-overflow-x: sp(3) !default;
14
12
  $event-card-image-container-aspect-ratio: 1.6 !default;
@@ -34,7 +32,7 @@ $event-card-views-gutter: sp(3) !default;
34
32
  transition: ease-in 0.25s;
35
33
  border-radius: $event-card-border-radius;
36
34
 
37
- >*+* {
35
+ > * + * {
38
36
  margin-top: $event-card-contents-gutter;
39
37
  }
40
38
 
@@ -54,7 +52,7 @@ $event-card-views-gutter: sp(3) !default;
54
52
  min-height: 13.75rem;
55
53
  max-height: 22rem;
56
54
  }
57
- }
55
+ }
58
56
  }
59
57
 
60
58
  .card-title {
@@ -74,7 +72,6 @@ $event-card-views-gutter: sp(3) !default;
74
72
  border: unset;
75
73
  border-radius: unset;
76
74
  padding: 0;
77
- height: $event-card-footer-height;
78
75
 
79
76
  svg {
80
77
  height: 100%;
@@ -175,4 +172,4 @@ $event-card-views-gutter: sp(3) !default;
175
172
  color: #504f4f;
176
173
  width: 1.7rem;
177
174
  }
178
- }
175
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@licklist/design",
3
- "version": "0.50.0-dev.1",
3
+ "version": "0.50.0-dev.2",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
package/src/events/event-card/EventCard.stories.tsx CHANGED
@@ -33,6 +33,7 @@ export const Default: Story<EventCardProps> = () => {
33
33
  RuPaul's Drag Race UK to VINYL Cambridge! So get excited because
34
34
  the...`}
35
35
  date="2023-08-31T09:35:00.000+03:00"
36
+ productSetName="New product set"
36
37
  imageUrl={showImage ? `https://source.unsplash.com/random` : null}
37
38
  hasPermission={hasPermission}
38
39
  onPreview={() => undefined}
package/src/events/event-card/EventCard.tsx CHANGED
@@ -30,6 +30,7 @@ export interface EventCardProps extends HasPermissionProp {
30
30
  onStatistic: () => void;
31
31
  titleId?: string;
32
32
  descriptionId?: string;
33
+ productSetName?: string;
33
34
  }
34
35
 
35
36
  export function EventCard({
@@ -43,6 +44,7 @@ export function EventCard({
43
44
  onCopy,
44
45
  onRemove,
45
46
  hasPermission = true,
47
+ productSetName,
46
48
  onStatistic,
47
49
  eventStatistic,
48
50
  titleId,
@@ -123,7 +125,12 @@ export function EventCard({
123
125
  ))}
124
126
  </div>
125
127
  </Card.Body>
126
- <Card.Footer>
128
+ <Card.Footer className="flex-column">
129
+ {productSetName && (
130
+ <div className="pl-3 text-truncate">
131
+ {t("Design:productSet")}: {productSetName}
132
+ </div>
133
+ )}
127
134
  <div className="d-flex w-100 justify-content-between">
128
135
  <div className="d-flex">
129
136
  <button
package/src/styles/events/EventCard.scss CHANGED
@@ -7,8 +7,6 @@ $event-card-title-font-weight: $font-weight-semibold !default;
7
7
  $event-card-title-font-size: sp(5) !default;
8
8
  $event-card-title-line-height: 4 / 3 !default;
9
9
 
10
- $event-card-footer-height: sp(6) !default;
11
-
12
10
  $event-card-image-container-overflow-top: sp(3) !default;
13
11
  $event-card-image-container-overflow-x: sp(3) !default;
14
12
  $event-card-image-container-aspect-ratio: 1.6 !default;
@@ -34,7 +32,7 @@ $event-card-views-gutter: sp(3) !default;
34
32
  transition: ease-in 0.25s;
35
33
  border-radius: $event-card-border-radius;
36
34
 
37
- >*+* {
35
+ > * + * {
38
36
  margin-top: $event-card-contents-gutter;
39
37
  }
40
38
 
@@ -54,7 +52,7 @@ $event-card-views-gutter: sp(3) !default;
54
52
  min-height: 13.75rem;
55
53
  max-height: 22rem;
56
54
  }
57
- }
55
+ }
58
56
  }
59
57
 
60
58
  .card-title {
@@ -74,7 +72,6 @@ $event-card-views-gutter: sp(3) !default;
74
72
  border: unset;
75
73
  border-radius: unset;
76
74
  padding: 0;
77
- height: $event-card-footer-height;
78
75
 
79
76
  svg {
80
77
  height: 100%;
@@ -175,4 +172,4 @@ $event-card-views-gutter: sp(3) !default;
175
172
  color: #504f4f;
176
173
  width: 1.7rem;
177
174
  }
178
- }
175
+ }