@trackunit/react-components 0.0.102 → 0.0.105-alpha-97c5e688c.0

package/components/FormGroup/FormGroup.d.ts

@@ -26,7 +26,7 @@ export interface FormGroupProps extends CommonProps {
 }
 /**
  * The FormGroup component should be used to wrap any Input element that needs a label.
- * Besides a label the component supplyes optional Tip, HelpText and HelpAddon support.
+ * Besides a label the component supplies an optional Tip, HelpText and HelpAddon support.
  *
  * @param {FormGroupProps} props - The props for the FormGroup component
  * @returns {JSX.Element} FormGroup component

package/index.js

@@ -17,7 +17,7 @@ import ReactAsyncCreatableSelect from 'react-select/async-creatable';
 import ReactCreatableSelect from 'react-select/creatable';
 import ReactSelect from 'react-select';
 import ReactAsyncSelect from 'react-select/async';
-import ReactMoment from 'react-moment';
+import { format, formatDistance } from 'date-fns';
 
 const docs = {
   source: {
@@ -2330,7 +2330,7 @@ const TipContainer = tw.span`
 
 /**
  * The FormGroup component should be used to wrap any Input element that needs a label.
- * Besides a label the component supplyes optional Tip, HelpText and HelpAddon support.
+ * Besides a label the component supplies an optional Tip, HelpText and HelpAddon support.
  *
  * @param {FormGroupProps} props - The props for the FormGroup component
  * @returns {JSX.Element} FormGroup component
@@ -4049,12 +4049,9 @@ const TimelineElement = ({
       size: "large"
     })
   }),
-  header = jsx(ReactMoment, Object.assign({
-    format: "LLL",
-    fromNow: true
-  }, {
-    children: date
-  }))
+  header = `${format(date, "MMM d, yyyy")} (${formatDistance(date, new Date(), {
+    addSuffix: true
+  })})`
 }) => {
   var _a;
 

package/package.json

@@ -1,27 +1,26 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.0.102",
+  "version": "0.0.105-alpha-97c5e688c.0",
   "repository": "https://github.com/Trackunit/manager",
   "license": "UNLICENSED",
   "dependencies": {
-    "@trackunit/css-core": "0.0.46",
-    "@trackunit/tailwind-styled-components": "0.0.40",
+    "@trackunit/css-core": "0.0.47-alpha-97c5e688c.0",
+    "@trackunit/tailwind-styled-components": "0.0.41-alpha-97c5e688c.0",
     "react": "17.0.1",
-    "@trackunit/ui-design-tokens": "0.0.39",
+    "@trackunit/ui-design-tokens": "0.0.40-alpha-97c5e688c.0",
     "echarts-for-react": "^3.0.2",
     "uuid": "^8.3.2",
     "@react-spring/web": "^9.4.5",
     "react-use": "^17.3.2",
     "react-day-picker": "^8.0.3",
     "date-fns": "^2.28.0",
-    "@trackunit/ui-icons": "0.0.41",
+    "@trackunit/ui-icons": "0.0.42-alpha-97c5e688c.0",
     "react-useportal": "^1.0.16",
     "react-helmet": "^6.1.0",
     "@popperjs/core": "^2.11.4",
     "history": "^5.3.0",
     "react-router-dom": "^6.2.2",
-    "react-select": "^5.4.0",
-    "react-moment": "^1.1.2"
+    "react-select": "^5.4.0"
   },
   "module": "./index.js",
   "main": "./index.js",