@ltht-react/document-summary
Advanced tools
+8
-0
@@ -6,2 +6,10 @@ # Change Log | ||
| ## [0.0.3](https://ssh.github.com/ltht-epr/ltht-react/compare/@ltht-react/document-summary@0.0.2...@ltht-react/document-summary@0.0.3) (2020-04-06) | ||
| **Note:** Version bump only for package @ltht-react/document-summary | ||
| ## [0.0.2](https://ssh.github.com/ltht-epr/ltht-react/compare/@ltht-react/document-summary@0.0.1...@ltht-react/document-summary@0.0.2) (2020-04-03) | ||
@@ -8,0 +16,0 @@ |
| import React from 'react'; | ||
| declare const DocumentSummaryContent: React.FC<Props>; | ||
| interface Props { | ||
| description: string | undefined; | ||
| created: string | undefined; | ||
| source: string | undefined; | ||
| status: string | undefined; | ||
| description?: string; | ||
| created?: string; | ||
| source?: string; | ||
| status?: string; | ||
| clickHandler?(): void; | ||
| } | ||
| export default DocumentSummaryContent; |
@@ -23,3 +23,3 @@ "use strict"; | ||
| }; | ||
| var summaryItem = (core_1.jsx(list_1.ListItem, { key: document.id }, | ||
| var summaryItem = (core_1.jsx(list_1.ListItem, null, | ||
| core_1.jsx(document_summary_content_1.default, { description: (_f = document.description, (_f !== null && _f !== void 0 ? _f : undefined)), created: (created !== null && created !== void 0 ? created : undefined), source: source, status: document.status, clickHandler: handleClick }))); | ||
@@ -26,0 +26,0 @@ return document.metadata.isRedacted ? core_1.jsx(document_redacted_1.default, null) : summaryItem; |
@@ -1,1 +0,1 @@ | ||
| {"version":3,"file":"document-summary-item.js","sourceRoot":"","sources":["../src/document-summary-item.tsx"],"names":[],"mappings":";;;;;AAEA,sCAAmC;AAGnC,yCAA2C;AAC3C,0EAA0C;AAC1C,wFAA+D;AAE/D,IAAM,mBAAmB,GAAoB,UAAC,EAAsC;QAApC,gBAAoB,EAApB,yCAAoB,EAAE,8BAAY;;IAChF,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,mCAAmB,CAAA;KAC3B;IAED,IAAM,OAAO,GAAG,QAAQ,CAAC,OAAO;QAC9B,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,OAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,uCAAI,EAAE,GAAC,CAAC,CAAC,kBAAkB,CAAC,OAAO,CAAC;QAChF,CAAC,CAAC,IAAI,CAAA;IAER,IAAM,MAAM,GAAG,OAAA,QAAQ,CAAC,QAAQ,0CAAE,WAAW,EAAC,CAAC,OAAC,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,0CAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAA;IAErG,IAAM,WAAW,GAAG;QAClB,YAAY,IAAI,YAAY,CAAC,QAAQ,CAAC,CAAA;IACxC,CAAC,CAAA;IAED,IAAM,WAAW,GAAG,CAClB,WAAC,eAAQ,IAAC,GAAG,EAAE,QAAQ,CAAC,EAAE;QACxB,WAAC,kCAAsB,IACrB,WAAW,QAAE,QAAQ,CAAC,WAAW,uCAAI,SAAS,IAC9C,OAAO,GAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,SAAS,GAC7B,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,QAAQ,CAAC,MAAM,EACvB,YAAY,EAAE,WAAW,GACzB,CACO,CACZ,CAAA;IAED,OAAO,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,WAAC,2BAAQ,OAAG,CAAC,CAAC,CAAC,WAAW,CAAA;AAClE,CAAC,CAAA;AAOD,kBAAe,mBAAmB,CAAA"} | ||
| {"version":3,"file":"document-summary-item.js","sourceRoot":"","sources":["../src/document-summary-item.tsx"],"names":[],"mappings":";;;;;AAEA,sCAAmC;AAGnC,yCAA2C;AAC3C,0EAA0C;AAC1C,wFAA+D;AAE/D,IAAM,mBAAmB,GAAoB,UAAC,EAAsC;QAApC,gBAAoB,EAApB,yCAAoB,EAAE,8BAAY;;IAChF,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,mCAAmB,CAAA;KAC3B;IAED,IAAM,OAAO,GAAG,QAAQ,CAAC,OAAO;QAC9B,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,OAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,uCAAI,EAAE,GAAC,CAAC,CAAC,kBAAkB,CAAC,OAAO,CAAC;QAChF,CAAC,CAAC,IAAI,CAAA;IAER,IAAM,MAAM,GAAG,OAAA,QAAQ,CAAC,QAAQ,0CAAE,WAAW,EAAC,CAAC,OAAC,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,0CAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAA;IAErG,IAAM,WAAW,GAAG;QAClB,YAAY,IAAI,YAAY,CAAC,QAAQ,CAAC,CAAA;IACxC,CAAC,CAAA;IAED,IAAM,WAAW,GAAG,CAClB,WAAC,eAAQ;QACP,WAAC,kCAAsB,IACrB,WAAW,QAAE,QAAQ,CAAC,WAAW,uCAAI,SAAS,IAC9C,OAAO,GAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,SAAS,GAC7B,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,QAAQ,CAAC,MAAM,EACvB,YAAY,EAAE,WAAW,GACzB,CACO,CACZ,CAAA;IAED,OAAO,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,WAAC,2BAAQ,OAAG,CAAC,CAAC,CAAC,WAAW,CAAA;AAClE,CAAC,CAAA;AAOD,kBAAe,mBAAmB,CAAA"} |
+1
-1
@@ -6,5 +6,5 @@ /** @jsx jsx */ | ||
| interface Props { | ||
| documents: DocumentReference[] | undefined; | ||
| documents?: DocumentReference[]; | ||
| clickHandler?(document: DocumentReference): void; | ||
| } | ||
| export default DocumentSummary; |
+4
-4
@@ -16,14 +16,14 @@ "use strict"; | ||
| var styles = { | ||
| root: core_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-right: -0.5rem;\n > ul li:first-of-type {\n font-weight: bold;\n }\n > ul li:not(:first-of-type) {\n border-top: 1px solid ", ";\n padding-top: 0.25rem;\n &:hover {\n cursor: pointer;\n background: ", ";\n }\n }\n > ul li > div {\n align-items: center;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n padding-bottom: 0.25rem;\n padding-right: 0.5rem;\n > div {\n flex: auto;\n padding-left: 1rem;\n }\n > div:first-of-type {\n flex: 0 0 6rem;\n padding-left: 0;\n }\n > div.source {\n flex: 0 0 15rem;\n > div:last-of-type {\n color: ", ";\n font-weight: normal;\n }\n }\n > div:last-of-type {\n flex: 0 0 2.25rem;\n }\n }\n "], ["\n margin-right: -0.5rem;\n > ul li:first-of-type {\n font-weight: bold;\n }\n > ul li:not(:first-of-type) {\n border-top: 1px solid ", ";\n padding-top: 0.25rem;\n &:hover {\n cursor: pointer;\n background: ", ";\n }\n }\n > ul li > div {\n align-items: center;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n padding-bottom: 0.25rem;\n padding-right: 0.5rem;\n > div {\n flex: auto;\n padding-left: 1rem;\n }\n > div:first-of-type {\n flex: 0 0 6rem;\n padding-left: 0;\n }\n > div.source {\n flex: 0 0 15rem;\n > div:last-of-type {\n color: ", ";\n font-weight: normal;\n }\n }\n > div:last-of-type {\n flex: 0 0 2.25rem;\n }\n }\n "])), styles_1.CARD_BORDER_COLOUR, styles_1.CARD_LIST_ITEM_BACKGROUND_HOVER, styles_1.TEXT_COLOURS.SECONDARY.VALUE), | ||
| root: core_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-right: -0.5rem;\n > ul li:first-of-type {\n font-weight: bold;\n }\n > ul li:not(:first-of-type) {\n border-top: 1px solid ", ";\n padding-top: 0.25rem;\n &:hover {\n cursor: pointer;\n background: ", ";\n }\n }\n > ul li > div {\n align-items: center;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n padding-bottom: 0.25rem;\n padding-right: 0.5rem;\n > div {\n flex: auto;\n padding-left: 0.75rem;\n }\n > div:first-of-type {\n flex: 0 0 5em;\n padding-left: 0;\n }\n > div.source {\n flex: 0 0 12em;\n > div:last-of-type {\n color: ", ";\n font-weight: normal;\n }\n }\n > div:last-of-type {\n flex: 0 0 1.6em;\n }\n }\n "], ["\n margin-right: -0.5rem;\n > ul li:first-of-type {\n font-weight: bold;\n }\n > ul li:not(:first-of-type) {\n border-top: 1px solid ", ";\n padding-top: 0.25rem;\n &:hover {\n cursor: pointer;\n background: ", ";\n }\n }\n > ul li > div {\n align-items: center;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n padding-bottom: 0.25rem;\n padding-right: 0.5rem;\n > div {\n flex: auto;\n padding-left: 0.75rem;\n }\n > div:first-of-type {\n flex: 0 0 5em;\n padding-left: 0;\n }\n > div.source {\n flex: 0 0 12em;\n > div:last-of-type {\n color: ", ";\n font-weight: normal;\n }\n }\n > div:last-of-type {\n flex: 0 0 1.6em;\n }\n }\n "])), styles_1.CARD_BORDER_COLOUR, styles_1.CARD_LIST_ITEM_BACKGROUND_HOVER, styles_1.TEXT_COLOURS.SECONDARY.VALUE), | ||
| }; | ||
| var DocumentSummary = function (_a) { | ||
| var _b = _a.documents, documents = _b === void 0 ? undefined : _b, _c = _a.clickHandler, clickHandler = _c === void 0 ? undefined : _c; | ||
| var documents = _a.documents, clickHandler = _a.clickHandler; | ||
| if (!documents) { | ||
| return null; | ||
| } | ||
| var items = documents.map(function (x) { return core_1.jsx(document_summary_item_1.default, { document: x, clickHandler: clickHandler }); }); | ||
| var items = documents.map(function (doc) { return core_1.jsx(document_summary_item_1.default, { key: doc.id, document: doc, clickHandler: clickHandler }); }); | ||
| return (core_1.jsx("div", { css: styles.root }, | ||
| core_1.jsx(list_1.UnorderedList, null, | ||
| core_1.jsx(list_1.ListItem, { key: "0" }, | ||
| core_1.jsx(document_summary_content_1.default, { created: "Created", description: "Description", source: "Source", status: "Status" })), | ||
| core_1.jsx(document_summary_content_1.default, { key: "1", created: "Created", description: "Description", source: "Source", status: "Status" })), | ||
| items))); | ||
@@ -30,0 +30,0 @@ }; |
+1
-1
@@ -1,1 +0,1 @@ | ||
| {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;AAEA,sCAAwC;AAGxC,6CAAsG;AACtG,yCAA0D;AAC1D,kFAAyD;AACzD,wFAA+D;AAE/D,IAAM,MAAM,GAAG;IACb,IAAI,EAAE,UAAG,45BAAA,6JAMmB,EAAkB,iGAI1B,EAA+B,kdAqBlC,EAA4B,mIAQ5C,KAjC2B,2BAAkB,EAI1B,wCAA+B,EAqBlC,qBAAY,CAAC,SAAS,CAAC,KAAK,CAQ5C;CACF,CAAA;AAED,IAAM,eAAe,GAAoB,UAAC,EAAmD;QAAjD,iBAAqB,EAArB,0CAAqB,EAAE,oBAAwB,EAAxB,6CAAwB;IACzF,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,IAAI,CAAA;KACZ;IAED,IAAM,KAAK,GAAG,SAAS,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,WAAC,+BAAmB,IAAC,QAAQ,EAAE,CAAC,EAAE,YAAY,EAAE,YAAY,GAAI,EAAhE,CAAgE,CAAC,CAAA;IAElG,OAAO,CACL,oBAAK,GAAG,EAAE,MAAM,CAAC,IAAI;QACnB,WAAC,oBAAa;YACZ,WAAC,eAAQ,IAAC,GAAG,EAAC,GAAG;gBACf,WAAC,kCAAsB,IAAC,OAAO,EAAC,SAAS,EAAC,WAAW,EAAC,aAAa,EAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,GAAG,CAC7F;YACV,KAAK,CACQ,CACZ,CACP,CAAA;AACH,CAAC,CAAA;AAOD,kBAAe,eAAe,CAAA"} | ||
| {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;AAEA,sCAAwC;AAGxC,6CAAsG;AACtG,yCAA0D;AAC1D,kFAAyD;AACzD,wFAA+D;AAE/D,IAAM,MAAM,GAAG;IACb,IAAI,EAAE,UAAG,25BAAA,6JAMmB,EAAkB,iGAI1B,EAA+B,mdAqBlC,EAA4B,iIAQ5C,KAjC2B,2BAAkB,EAI1B,wCAA+B,EAqBlC,qBAAY,CAAC,SAAS,CAAC,KAAK,CAQ5C;CACF,CAAA;AAED,IAAM,eAAe,GAAoB,UAAC,EAA2B;QAAzB,wBAAS,EAAE,8BAAY;IACjE,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,IAAI,CAAA;KACZ;IAED,IAAM,KAAK,GAAG,SAAS,CAAC,GAAG,CAAC,UAAA,GAAG,IAAI,OAAA,WAAC,+BAAmB,IAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,YAAY,GAAI,EAA/E,CAA+E,CAAC,CAAA;IAEnH,OAAO,CACL,oBAAK,GAAG,EAAE,MAAM,CAAC,IAAI;QACnB,WAAC,oBAAa;YACZ,WAAC,eAAQ,IAAC,GAAG,EAAC,GAAG;gBACf,WAAC,kCAAsB,IAAC,GAAG,EAAC,GAAG,EAAC,OAAO,EAAC,SAAS,EAAC,WAAW,EAAC,aAAa,EAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,GAAG,CACrG;YACV,KAAK,CACQ,CACZ,CACP,CAAA;AACH,CAAC,CAAA;AAOD,kBAAe,eAAe,CAAA"} |
+2
-2
| { | ||
| "name": "@ltht-react/document-summary", | ||
| "version": "0.0.2", | ||
| "version": "0.0.3", | ||
| "description": "ltht-react clinical DocumentSummary component.", | ||
@@ -39,3 +39,3 @@ "author": "LTHT", | ||
| }, | ||
| "gitHead": "01830c7c3c139b063ab7bbe00a2a9638e74b8607" | ||
| "gitHead": "1acf34f0eab7344fd209b5e5fdb7b4a8c40383b4" | ||
| } |
+4
-3
@@ -19,4 +19,5 @@ # DocumentSummary | ||
| | Prop | Required | Default | Type | Description | | ||
| | :---------- | :------- | :------ | :------------------ | :------------------------------ | | ||
| | `documents` | No | | DocumentReference[] | An array of document references | | ||
| | Prop | Required | Default | Type | Description | | ||
| | :------------- | :------- | :------ | :---------------------------------------- | :----------------------------------------------------- | | ||
| | `documents` | No | | DocumentReference[] | An array of document references | | ||
| | `clickHandler` | No | | clickHandler(document: DocumentReference) | A click handler that will return the selected document | |
14444
2.69%23
4.55%