@licklist/design 0.44.485-dev.60 → 0.44.485-dev.62

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 (7) hide show
  1. package/dist/sales/booking/results/components/ResultCard.js +1 -1
  2. package/dist/table/StaticTable.d.ts +3 -2
  3. package/dist/table/StaticTable.d.ts.map +1 -1
  4. package/dist/table/StaticTable.js +1 -1
  5. package/package.json +1 -1
  6. package/src/sales/booking/results/components/ResultCard.tsx +2 -2
  7. package/src/table/StaticTable.tsx +10 -6
package/dist/sales/booking/results/components/ResultCard.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=e(require("react")),r=require("react-i18next"),a=require("../../../../static/Icon.js"),l=e(require("clsx")),n=require("luxon"),i=require("@licklist/core/dist/Services/Date");exports.ResultCard=function(e){var c,s,o=e.order,u=e.className,m=e.onCardClick,d=r.useTranslation("Design").t,p=o.id,E=o.people,f=o.user,v=o.status,N=o.startDate,h=function(){m&&m(p)};return t.createElement("div",{className:l("result-card",u),onClick:h,onKeyUp:h,role:"button",tabIndex:0},t.createElement("div",{className:"card-content"},t.createElement("div",{className:"order-id"},p),t.createElement("div",{className:"order-people"},t.createElement(a.default,{type:"user",width:"10",height:"11"}),E),t.createElement("div",{className:"order-description"},t.createElement("p",{className:"name"},f.firstName," ",f.lastName),f.email&&t.createElement("p",null,f.email),(null===(c=f.userDetail)||void 0===c?void 0:c.phone)&&t.createElement("p",null,null===(s=f.userDetail)||void 0===s?void 0:s.phone),t.createElement("p",null,"------"),t.createElement("p",null,d("activity"),": "),t.createElement("p",null,d("staff"),": "),t.createElement("p",null,d("status"),": ",d(v)),t.createElement("p",null,d("date"),": ",i.formatDateStringToOrdinalFormatWithPrefix(N)),t.createElement("p",null,d("time"),": ",n.DateTime.fromISO(N).toFormat("hh:MM")))))};
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=e(require("react")),r=require("react-i18next"),a=require("../../../../static/Icon.js"),l=e(require("clsx")),n=require("luxon"),i=require("@licklist/plugins/dist/utils/formatDate");exports.ResultCard=function(e){var s,c,u=e.order,o=e.className,m=e.onCardClick,d=r.useTranslation("Design").t,p=u.id,E=u.people,f=u.user,v=u.status,N=u.startDate,h=function(){m&&m(p)};return t.createElement("div",{className:l("result-card",o),onClick:h,onKeyUp:h,role:"button",tabIndex:0},t.createElement("div",{className:"card-content"},t.createElement("div",{className:"order-id"},p),t.createElement("div",{className:"order-people"},t.createElement(a.default,{type:"user",width:"10",height:"11"}),E),t.createElement("div",{className:"order-description"},t.createElement("p",{className:"name"},f.firstName," ",f.lastName),f.email&&t.createElement("p",null,f.email),(null===(s=f.userDetail)||void 0===s?void 0:s.phone)&&t.createElement("p",null,null===(c=f.userDetail)||void 0===c?void 0:c.phone),t.createElement("p",null,"------"),t.createElement("p",null,d("activity"),": "),t.createElement("p",null,d("staff"),": "),t.createElement("p",null,d("status"),": ",d(v)),t.createElement("p",null,d("date"),": ",i.formatDateStringForEvent(N)),t.createElement("p",null,d("time"),": ",n.DateTime.fromISO(N).toFormat("hh:MM")))))};
package/dist/table/StaticTable.d.ts CHANGED
@@ -10,12 +10,13 @@ export interface StaticTableData {
10
10
  export interface StaticTableProps {
11
11
  className?: string;
12
12
  columns: StaticTableColumn[];
13
- data: StaticTableData[];
13
+ data: StaticTableData[] | any[];
14
14
  striped?: boolean;
15
15
  bordered?: boolean;
16
16
  hover?: boolean;
17
17
  size?: string;
18
18
  displayHeader?: boolean;
19
+ renderItemFn?: (data?: any) => ReactNode;
19
20
  }
20
- export declare function StaticTable({ data, columns, className, striped, bordered, hover, size, displayHeader, }: StaticTableProps): JSX.Element;
21
+ export declare function StaticTable({ data, columns, className, striped, bordered, hover, size, displayHeader, renderItemFn, }: StaticTableProps): JSX.Element;
21
22
  //# sourceMappingURL=StaticTable.d.ts.map
package/dist/table/StaticTable.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StaticTable.d.ts","sourceRoot":"","sources":["../../src/table/StaticTable.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAO,EACP,SAAc,EACd,OAAe,EACf,QAAgB,EAChB,KAAa,EACb,IAAI,EACJ,aAAoB,GACrB,EAAE,gBAAgB,eAuBlB"}
1
+ {"version":3,"file":"StaticTable.d.ts","sourceRoot":"","sources":["../../src/table/StaticTable.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,IAAI,EAAE,eAAe,EAAE,GAAG,GAAG,EAAE,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,SAAS,CAAC;CAC1C;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAO,EACP,SAAc,EACd,OAAe,EACf,QAAgB,EAChB,KAAa,EACb,IAAI,EACJ,aAAoB,EACpB,YAAY,GACb,EAAE,gBAAgB,eAyBlB"}
package/dist/table/StaticTable.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-bootstrap");function n(e){var t=e.columns;return r.createElement("thead",null,r.createElement("tr",null,t.map((function(e){return r.createElement("th",{key:e.key},e.label)}))))}exports.StaticTable=function(e){var t=e.data,c=e.columns,l=e.className,o=void 0===l?"":l,u=e.striped,d=void 0!==u&&u,i=e.bordered,s=void 0!==i&&i,m=e.hover,y=void 0!==m&&m,p=e.size,v=e.displayHeader,b=void 0===v||v;return r.createElement(a.Table,{className:o,bordered:s,striped:d,hover:y,size:p},b&&r.createElement(n,{columns:c}),r.createElement("tbody",null,t.map((function(e){return r.createElement("tr",{key:e.key},c.map((function(t){return r.createElement("td",{key:"".concat(t.key,"-").concat(e[t.key])},e[t.key])})))}))))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-bootstrap");function n(e){var t=e.columns;return r.createElement("thead",null,r.createElement("tr",null,t.map((function(e){return r.createElement("th",{key:e.key},e.label)}))))}exports.StaticTable=function(e){var t=e.data,c=e.columns,l=e.className,o=void 0===l?"":l,u=e.striped,d=void 0!==u&&u,i=e.bordered,s=void 0!==i&&i,m=e.hover,y=void 0!==m&&m,p=e.size,v=e.displayHeader,b=void 0===v||v,f=e.renderItemFn;return r.createElement(a.Table,{className:o,bordered:s,striped:d,hover:y,size:p},b&&r.createElement(n,{columns:c}),r.createElement("tbody",null,t.map((function(e){return r.createElement("tr",{key:e.key},f?f(e):c.map((function(t){return r.createElement("td",{key:"".concat(t.key,"-").concat(e[t.key])},e[t.key])})))}))))};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@licklist/design",
3
- "version": "0.44.485-dev.60",
3
+ "version": "0.44.485-dev.62",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
package/src/sales/booking/results/components/ResultCard.tsx CHANGED
@@ -3,7 +3,7 @@ import clsx from "clsx";
3
3
  import { useTranslation } from "react-i18next";
4
4
  import { DateTime } from "luxon";
5
5
  import { Order } from "@licklist/core/dist/DataMapper/Order/OrderDataMapper";
6
- import { formatDateStringToOrdinalFormatWithPrefix } from "@licklist/core/dist/Services/Date";
6
+ import { formatDateStringForEvent } from "@licklist/plugins/dist/utils/formatDate";
7
7
  import Icon from "../../../../static/Icon";
8
8
 
9
9
  export type ResultCardProps = {
@@ -55,7 +55,7 @@ export const ResultCard = ({
55
55
  {t("status")}: {t(status)}
56
56
  </p>
57
57
  <p>
58
- {t("date")}: {formatDateStringToOrdinalFormatWithPrefix(startDate)}
58
+ {t("date")}: {formatDateStringForEvent(startDate)}
59
59
  </p>
60
60
  <p>
61
61
  {t("time")}: {DateTime.fromISO(startDate).toFormat("hh:MM")}
package/src/table/StaticTable.tsx CHANGED
@@ -14,12 +14,13 @@ export interface StaticTableData {
14
14
  export interface StaticTableProps {
15
15
  className?: string;
16
16
  columns: StaticTableColumn[];
17
- data: StaticTableData[];
17
+ data: StaticTableData[] | any[];
18
18
  striped?: boolean;
19
19
  bordered?: boolean;
20
20
  hover?: boolean;
21
21
  size?: string;
22
22
  displayHeader?: boolean;
23
+ renderItemFn?: (data?: any) => ReactNode;
23
24
  }
24
25
 
25
26
  export function StaticTable({
@@ -31,6 +32,7 @@ export function StaticTable({
31
32
  hover = false,
32
33
  size,
33
34
  displayHeader = true,
35
+ renderItemFn,
34
36
  }: StaticTableProps) {
35
37
  return (
36
38
  <Table
@@ -44,11 +46,13 @@ export function StaticTable({
44
46
  <tbody>
45
47
  {data.map((row) => (
46
48
  <tr key={row.key}>
47
- {columns.map((column) => (
48
- <td key={`${column.key}-${row[column.key]}`}>
49
- {row[column.key]}
50
- </td>
51
- ))}
49
+ {renderItemFn
50
+ ? renderItemFn(row)
51
+ : columns.map((column) => (
52
+ <td key={`${column.key}-${row[column.key]}`}>
53
+ {row[column.key]}
54
+ </td>
55
+ ))}
52
56
  </tr>
53
57
  ))}
54
58
  </tbody>