@ltht-react/type-summary 2.0.49 → 2.0.50

package/lib/atoms/date-summary.d.ts

@@ -4,5 +4,6 @@ declare const DateSummary: FC<Props>;
 interface Props extends HTMLAttributes<HTMLDivElement> {
     datetime?: PartialDateTime | null;
     enteredInError?: boolean | undefined;
+    dateOnlyView?: boolean;
 }
 export default DateSummary;

package/lib/atoms/date-summary.js

@@ -37,9 +37,16 @@ var StyledDateSummary = styled_1.default.div(templateObject_1 || (templateObject
     var enteredInError = _a.enteredInError;
     return (enteredInError ? 'line-through' : 'none');
 });
+var formatAsDateOnly = function (partialDateTime) {
+    var _a;
+    if (!(partialDateTime === null || partialDateTime === void 0 ? void 0 : partialDateTime.value))
+        return '';
+    var date = new Date(partialDateTime.value);
+    return (_a = date.toISOString().split('T')[0]) !== null && _a !== void 0 ? _a : '';
+};
 var DateSummary = function (_a) {
-    var datetime = _a.datetime, enteredInError = _a.enteredInError, rest = __rest(_a, ["datetime", "enteredInError"]);
-    return ((0, jsx_runtime_1.jsx)(StyledDateSummary, __assign({ enteredInError: enteredInError }, rest, { children: (0, utils_1.partialDateTimeText)(datetime) })));
+    var datetime = _a.datetime, enteredInError = _a.enteredInError, dateOnlyView = _a.dateOnlyView, rest = __rest(_a, ["datetime", "enteredInError", "dateOnlyView"]);
+    return ((0, jsx_runtime_1.jsx)(StyledDateSummary, __assign({ enteredInError: enteredInError, dateOnlyView: dateOnlyView }, rest, { children: dateOnlyView ? formatAsDateOnly(datetime) : (0, utils_1.partialDateTimeText)(datetime) })));
 };
 exports.default = DateSummary;
 var templateObject_1;

package/lib/atoms/date-summary.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-summary.js","sourceRoot":"","sources":["../../src/atoms/date-summary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2DAAoC;AAEpC,6CAAiD;AAEjD,2CAAuD;AAEvD,IAAM,iBAAiB,GAAG,gBAAM,CAAC,GAAG,2IAAoB,aAC7C,EAAoB,wBACV,EAAkE,+BAEtF,KAHU,qBAAY,CAAC,OAAO,EACV,UAAC,EAAkB;QAAhB,cAAc,oBAAA;IAAO,OAAA,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC;AAA1C,CAA0C,CAEtF,CAAA;AAED,IAAM,WAAW,GAAc,UAAC,EAAqC;IAAnC,IAAA,QAAQ,cAAA,EAAE,cAAc,oBAAA,EAAK,IAAI,cAAnC,8BAAqC,CAAF;IAAO,OAAA,CACxE,uBAAC,iBAAiB,aAAC,cAAc,EAAE,cAAc,IAAM,IAAI,cACxD,IAAA,2BAAmB,EAAC,QAAQ,CAAC,IACZ,CACrB,CAAA;CAAA,CAAA;AAWD,kBAAe,WAAW,CAAA"}
+{"version":3,"file":"date-summary.js","sourceRoot":"","sources":["../../src/atoms/date-summary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2DAAoC;AAEpC,6CAAiD;AAEjD,2CAAuD;AAEvD,IAAM,iBAAiB,GAAG,gBAAM,CAAC,GAAG,2IAAoB,aAC7C,EAAoB,wBACV,EAAkE,+BAEtF,KAHU,qBAAY,CAAC,OAAO,EACV,UAAC,EAAkB;QAAhB,cAAc,oBAAA;IAAO,OAAA,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC;AAA1C,CAA0C,CAEtF,CAAA;AAED,IAAM,gBAAgB,GAAG,UAAC,eAAwC;;IAChE,IAAI,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,CAAA;QAAE,OAAO,EAAE,CAAA;IAEtC,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;IAC5C,OAAO,MAAA,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,mCAAI,EAAE,CAAA;AAC/C,CAAC,CAAA;AAED,IAAM,WAAW,GAAc,UAAC,EAAmD;IAAjD,IAAA,QAAQ,cAAA,EAAE,cAAc,oBAAA,EAAE,YAAY,kBAAA,EAAK,IAAI,cAAjD,8CAAmD,CAAF;IAAO,OAAA,CACtF,uBAAC,iBAAiB,aAAC,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,IAAM,IAAI,cACpF,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAA,2BAAmB,EAAC,QAAQ,CAAC,IACxD,CACrB,CAAA;CAAA,CAAA;AAaD,kBAAe,WAAW,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ltht-react/type-summary",
-  "version": "2.0.49",
+  "version": "2.0.50",
   "description": "ltht-react clinical Summary component.",
   "author": "LTHT",
   "homepage": "",
@@ -28,13 +28,13 @@
   "dependencies": {
     "@emotion/react": "^11.0.0",
     "@emotion/styled": "^11.0.0",
-    "@ltht-react/card": "^2.0.49",
-    "@ltht-react/icon": "^2.0.49",
-    "@ltht-react/list": "^2.0.49",
-    "@ltht-react/styles": "^2.0.49",
-    "@ltht-react/types": "^2.0.49",
-    "@ltht-react/utils": "^2.0.49",
+    "@ltht-react/card": "^2.0.50",
+    "@ltht-react/icon": "^2.0.50",
+    "@ltht-react/list": "^2.0.50",
+    "@ltht-react/styles": "^2.0.50",
+    "@ltht-react/types": "^2.0.50",
+    "@ltht-react/utils": "^2.0.50",
     "react": "^18.2.0"
   },
-  "gitHead": "d5b64733a9e8e6f6e975a0d2e4ce31b5fcfad8be"
+  "gitHead": "1fec4912afdb2b9a05cc8df7adbb695fb1ba9bd5"
 }

package/src/atoms/date-summary.tsx

@@ -11,19 +11,28 @@ const StyledDateSummary = styled.div<IStyledDateSummary>`
   display: inline-block;
 `
 
-const DateSummary: FC<Props> = ({ datetime, enteredInError, ...rest }) => (
-  <StyledDateSummary enteredInError={enteredInError} {...rest}>
-    {partialDateTimeText(datetime)}
+const formatAsDateOnly = (partialDateTime?: PartialDateTime | null): string => {
+  if (!partialDateTime?.value) return ''
+
+  const date = new Date(partialDateTime.value)
+  return date.toISOString().split('T')[0] ?? ''
+}
+
+const DateSummary: FC<Props> = ({ datetime, enteredInError, dateOnlyView, ...rest }) => (
+  <StyledDateSummary enteredInError={enteredInError} dateOnlyView={dateOnlyView} {...rest}>
+    {dateOnlyView ? formatAsDateOnly(datetime) : partialDateTimeText(datetime)}
   </StyledDateSummary>
 )
 
 interface Props extends HTMLAttributes<HTMLDivElement> {
   datetime?: PartialDateTime | null
   enteredInError?: boolean | undefined
+  dateOnlyView?: boolean
 }
 
 interface IStyledDateSummary {
   enteredInError?: boolean | undefined
+  dateOnlyView?: boolean
 }
 
 export default DateSummary