@jobber/components 7.16.1-chorecomp-aaf4bc5.1 → 8.0.0

package/dist/DataList/components/DataListActions/index.cjs

@@ -31,7 +31,6 @@ require('../../../DataListHeaderTile-cjs.js');
 require('../../../DataListSortingOptions-cjs.js');
 require('../../../DataListContext-cjs.js');
 require('../../../noop-cjs.js');
-require('../../../FormatDate-cjs.js');
 require('../../../Heading-cjs.js');
 require('../../../DataListLayoutContext-cjs2.js');
 require('../../../DataListItemActionsOverflow-cjs.js');

package/dist/DataList/components/DataListActions/index.mjs

@@ -29,7 +29,6 @@ import '../../../DataListHeaderTile-es.js';
 import '../../../DataListSortingOptions-es.js';
 import '../../../DataListContext-es.js';
 import '../../../noop-es.js';
-import '../../../FormatDate-es.js';
 import '../../../Heading-es.js';
 import '../../../DataListLayoutContext-es2.js';
 import '../../../DataListItemActionsOverflow-es.js';

package/dist/DataList/components/DataListBulkActions/index.cjs

@@ -32,7 +32,6 @@ require('../../../InlineLabel-cjs.js');
 require('../../../Text-cjs.js');
 require('../../../DataListHeaderTile-cjs.js');
 require('../../../DataListSortingOptions-cjs.js');
-require('../../../FormatDate-cjs.js');
 require('../../../Heading-cjs.js');
 require('../../../DataListLayoutContext-cjs2.js');
 require('../../../DataListItemActionsOverflow-cjs.js');

package/dist/DataList/components/DataListBulkActions/index.mjs

@@ -30,7 +30,6 @@ import '../../../InlineLabel-es.js';
 import '../../../Text-es.js';
 import '../../../DataListHeaderTile-es.js';
 import '../../../DataListSortingOptions-es.js';
-import '../../../FormatDate-es.js';
 import '../../../Heading-es.js';
 import '../../../DataListLayoutContext-es2.js';
 import '../../../DataListItemActionsOverflow-es.js';

package/dist/DataList/components/DataListFilters/index.cjs

@@ -54,7 +54,6 @@ require('../../../DataListTags-cjs.js');
 require('../../../InlineLabel-cjs.js');
 require('../../../DataListHeaderTile-cjs.js');
 require('../../../DataListSortingOptions-cjs.js');
-require('../../../FormatDate-cjs.js');
 require('../../../Heading-cjs.js');
 require('../../../useResponsiveSizing-cjs.js');
 

package/dist/DataList/components/DataListFilters/index.mjs

@@ -52,6 +52,5 @@ import '../../../DataListTags-es.js';
 import '../../../InlineLabel-es.js';
 import '../../../DataListHeaderTile-es.js';
 import '../../../DataListSortingOptions-es.js';
-import '../../../FormatDate-es.js';
 import '../../../Heading-es.js';
 import '../../../useResponsiveSizing-es.js';

package/dist/DataList/components/DataListHeader/index.cjs

@@ -20,7 +20,6 @@ require('../../../DataListHeaderTile-cjs.js');
 require('@jobber/hooks');
 require('../../../DataListSortingOptions-cjs.js');
 require('../../../Icon-cjs.js');
-require('../../../FormatDate-cjs.js');
 require('../../../Heading-cjs.js');
 require('../../../useResponsiveSizing-cjs.js');
 require('../../../AnimatedSwitcher-cjs.js');

package/dist/DataList/components/DataListHeader/index.mjs

@@ -18,7 +18,6 @@ import '../../../DataListHeaderTile-es.js';
 import '@jobber/hooks';
 import '../../../DataListSortingOptions-es.js';
 import '../../../Icon-es.js';
-import '../../../FormatDate-es.js';
 import '../../../Heading-es.js';
 import '../../../useResponsiveSizing-es.js';
 import '../../../AnimatedSwitcher-es.js';

package/dist/DataList/components/DataListItem/index.cjs

@@ -34,7 +34,6 @@ require('../../../Text-cjs.js');
 require('../../../DataListHeaderTile-cjs.js');
 require('../../../DataListSortingOptions-cjs.js');
 require('../../../DataListContext-cjs.js');
-require('../../../FormatDate-cjs.js');
 require('../../../Heading-cjs.js');
 require('../../../DataListLayoutContext-cjs2.js');
 require('../../../DataListItemActionsOverflow-cjs.js');

package/dist/DataList/components/DataListItem/index.mjs

@@ -32,7 +32,6 @@ import '../../../Text-es.js';
 import '../../../DataListHeaderTile-es.js';
 import '../../../DataListSortingOptions-es.js';
 import '../../../DataListContext-es.js';
-import '../../../FormatDate-es.js';
 import '../../../Heading-es.js';
 import '../../../DataListLayoutContext-es2.js';
 import '../../../DataListItemActionsOverflow-es.js';

package/dist/DataList/components/DataListItemActions/index.cjs

@@ -32,7 +32,6 @@ require('../../../DataListHeaderTile-cjs.js');
 require('../../../DataListSortingOptions-cjs.js');
 require('../../../DataListContext-cjs.js');
 require('../../../noop-cjs.js');
-require('../../../FormatDate-cjs.js');
 require('../../../Heading-cjs.js');
 require('../../../DataListLayoutContext-cjs2.js');
 require('../../../DataListItemActionsOverflow-cjs.js');

package/dist/DataList/components/DataListItemActions/index.mjs

@@ -30,7 +30,6 @@ import '../../../DataListHeaderTile-es.js';
 import '../../../DataListSortingOptions-es.js';
 import '../../../DataListContext-es.js';
 import '../../../noop-es.js';
-import '../../../FormatDate-es.js';
 import '../../../Heading-es.js';
 import '../../../DataListLayoutContext-es2.js';
 import '../../../DataListItemActionsOverflow-es.js';

package/dist/DataList/components/DataListItems/index.cjs

@@ -35,7 +35,6 @@ require('../../../InlineLabel-cjs.js');
 require('../../../Text-cjs.js');
 require('../../../DataListHeaderTile-cjs.js');
 require('../../../DataListSortingOptions-cjs.js');
-require('../../../FormatDate-cjs.js');
 require('../../../Heading-cjs.js');
 require('../../../DataListLayoutContext-cjs2.js');
 require('../../../DataListItemActionsOverflow-cjs.js');

package/dist/DataList/components/DataListItems/index.mjs

@@ -33,7 +33,6 @@ import '../../../InlineLabel-es.js';
 import '../../../Text-es.js';
 import '../../../DataListHeaderTile-es.js';
 import '../../../DataListSortingOptions-es.js';
-import '../../../FormatDate-es.js';
 import '../../../Heading-es.js';
 import '../../../DataListLayoutContext-es2.js';
 import '../../../DataListItemActionsOverflow-es.js';

package/dist/DataList/components/DataListLayout/index.cjs

@@ -36,7 +36,6 @@ require('../../../InlineLabel-cjs.js');
 require('../../../Text-cjs.js');
 require('../../../DataListHeaderTile-cjs.js');
 require('../../../DataListSortingOptions-cjs.js');
-require('../../../FormatDate-cjs.js');
 require('../../../Heading-cjs.js');
 require('../../../DataListLayoutContext-cjs2.js');
 require('../../../DataListItemActionsOverflow-cjs.js');

package/dist/DataList/components/DataListLayout/index.mjs

@@ -34,7 +34,6 @@ import '../../../InlineLabel-es.js';
 import '../../../Text-es.js';
 import '../../../DataListHeaderTile-es.js';
 import '../../../DataListSortingOptions-es.js';
-import '../../../FormatDate-es.js';
 import '../../../Heading-es.js';
 import '../../../DataListLayoutContext-es2.js';
 import '../../../DataListItemActionsOverflow-es.js';

package/dist/DataList/components/DataListStatusBar/index.cjs

@@ -20,7 +20,6 @@ require('../../../DataListSortingOptions-cjs.js');
 require('../../../Icon-cjs.js');
 require('../../../DataListContext-cjs.js');
 require('../../../noop-cjs.js');
-require('../../../FormatDate-cjs.js');
 require('../../../Heading-cjs.js');
 
 

package/dist/DataList/components/DataListStatusBar/index.mjs

@@ -18,5 +18,4 @@ import '../../../DataListSortingOptions-es.js';
 import '../../../Icon-es.js';
 import '../../../DataListContext-es.js';
 import '../../../noop-es.js';
-import '../../../FormatDate-es.js';
 import '../../../Heading-es.js';

package/dist/DataList/index.cjs

@@ -44,7 +44,6 @@ require('../DataListTags-cjs.js');
 require('../InlineLabel-cjs.js');
 require('../DataListHeaderTile-cjs.js');
 require('../DataListSortingOptions-cjs.js');
-require('../FormatDate-cjs.js');
 require('../Heading-cjs.js');
 require('../DataListLayoutContext-cjs2.js');
 require('../DataListItemActionsOverflow-cjs.js');

package/dist/DataList/index.mjs

@@ -42,7 +42,6 @@ import '../DataListTags-es.js';
 import '../InlineLabel-es.js';
 import '../DataListHeaderTile-es.js';
 import '../DataListSortingOptions-es.js';
-import '../FormatDate-es.js';
 import '../Heading-es.js';
 import '../DataListLayoutContext-es2.js';
 import '../DataListItemActionsOverflow-es.js';

package/dist/DataList.utils-cjs.js

@@ -7,7 +7,6 @@ var isTypedArray$1 = require('./isTypedArray-cjs.js');
 var DataList_const = require('./DataList.const-cjs.js');
 var DataListTags = require('./DataListTags-cjs.js');
 var DataListHeaderTile = require('./DataListHeaderTile-cjs.js');
-var FormatDate = require('./FormatDate-cjs.js');
 var Text = require('./Text-cjs.js');
 var Heading = require('./Heading-cjs.js');
 
@@ -127,8 +126,11 @@ function generateListItemElement(item) {
             acc[key] = currentItem;
         }
         else if (currentItem instanceof Date) {
-            acc[key] = (React.createElement(Text.Text, null,
-                React.createElement(FormatDate.FormatDate, { date: currentItem })));
+            acc[key] = (React.createElement(Text.Text, null, currentItem.toLocaleDateString(undefined, {
+                month: "short",
+                day: "numeric",
+                year: "numeric",
+            })));
         }
         else {
             acc[key] = React.createElement(Text.Text, null, currentItem);

package/dist/DataList.utils-es.js

@@ -5,7 +5,6 @@ import { i as isArguments_1, a as isArray_1, b as isArrayLike_1, c as isBufferEx
 import { B as BREAKPOINTS } from './DataList.const-es.js';
 import { D as DataListTags } from './DataListTags-es.js';
 import { D as DataListHeaderTile } from './DataListHeaderTile-es.js';
-import { F as FormatDate } from './FormatDate-es.js';
 import { T as Text } from './Text-es.js';
 import { H as Heading } from './Heading-es.js';
 
@@ -125,8 +124,11 @@ function generateListItemElement(item) {
             acc[key] = currentItem;
         }
         else if (currentItem instanceof Date) {
-            acc[key] = (React__default.createElement(Text, null,
-                React__default.createElement(FormatDate, { date: currentItem })));
+            acc[key] = (React__default.createElement(Text, null, currentItem.toLocaleDateString(undefined, {
+                month: "short",
+                day: "numeric",
+                year: "numeric",
+            })));
         }
         else {
             acc[key] = React__default.createElement(Text, null, currentItem);

package/dist/docs/Datepicker/Datepicker.md

@@ -54,7 +54,5 @@ If using a custom activator, ensure that the activator is keyboard-operable.
 * If you are looking to use the `DatePicker` in a `Form`, consider the
   [InputDate](../InputDate/InputDate.md) component.
 * For a time input, use [InputTime](../InputTime/InputTime.md)
-* To present dates that have already been selected in a consistent format, use
-  [FormatDate](../FormatDate/FormatDate.md)
 * To represent past or future dates and times, use
   [FormatRelativeDateTime](../FormatRelativeDateTime/FormatRelativeDateTime.md)

package/dist/docs/index.md

@@ -42,7 +42,6 @@
 [FeatureSwitch](./FeatureSwitch/FeatureSwitch.md)
 [Flex](./Flex/Flex.md)
 [Form](./Form/Form.md)
-[FormatDate](./FormatDate/FormatDate.md)
 [FormatEmail](./FormatEmail/FormatEmail.md)
 [FormatFile](./FormatFile/FormatFile.md)
 [FormatRelativeDateTime](./FormatRelativeDateTime/FormatRelativeDateTime.md)

package/dist/index.cjs

@@ -45,7 +45,6 @@ var Form = require('./Form-cjs.js');
 var FormField = require('./FormField-cjs.js');
 var useAtlantisFormFieldName = require('./useAtlantisFormFieldName-cjs.js');
 var FormFieldWrapper = require('./FormFieldWrapper-cjs.js');
-var FormatDate = require('./FormatDate-cjs.js');
 var FormatEmail = require('./FormatEmail-cjs.js');
 var FormatFile = require('./FormatFile-cjs.js');
 var FormatRelativeDateTime = require('./FormatRelativeDateTime-cjs.js');
@@ -275,8 +274,6 @@ exports.FormFieldWrapper = FormFieldWrapper.FormFieldWrapper;
 exports.FormFieldWrapperMain = FormFieldWrapper.FormFieldWrapperMain;
 exports.FormFieldWrapperToolbar = FormFieldWrapper.FormFieldWrapperToolbar;
 exports.useFormFieldWrapperStyles = FormFieldWrapper.useFormFieldWrapperStyles;
-exports.FormatDate = FormatDate.FormatDate;
-exports.strFormatDate = FormatDate.strFormatDate;
 exports.FormatEmail = FormatEmail.FormatEmail;
 exports.FormatFile = FormatFile.FormatFile;
 exports.useFormatFile = FormatFile.useFormatFile;

package/dist/index.d.mts

@@ -33,7 +33,6 @@ export * from "./FeatureSwitch";
 export * from "./Flex";
 export * from "./Form";
 export * from "./FormField";
-export * from "./FormatDate";
 export * from "./FormatEmail";
 export * from "./FormatFile";
 export * from "./FormatRelativeDateTime";

package/dist/index.d.ts

@@ -33,7 +33,6 @@ export * from "./FeatureSwitch";
 export * from "./Flex";
 export * from "./Form";
 export * from "./FormField";
-export * from "./FormatDate";
 export * from "./FormatEmail";
 export * from "./FormatFile";
 export * from "./FormatRelativeDateTime";

package/dist/index.mjs

@@ -43,7 +43,6 @@ export { F as Form } from './Form-es.js';
 export { F as FormField, u as useAtlantisFormField, a as useAtlantisFormFieldActions, b as useAtlantisReactHookForm } from './FormField-es.js';
 export { u as useAtlantisFormFieldName } from './useAtlantisFormFieldName-es.js';
 export { A as AffixIcon, f as AffixLabel, F as FormFieldInputHorizontalWrapper, a as FormFieldInputWrapperStyles, b as FormFieldLabel, c as FormFieldWrapper, d as FormFieldWrapperMain, e as FormFieldWrapperToolbar, u as useFormFieldWrapperStyles } from './FormFieldWrapper-es.js';
-export { F as FormatDate, s as strFormatDate } from './FormatDate-es.js';
 export { F as FormatEmail } from './FormatEmail-es.js';
 export { F as FormatFile, u as useFormatFile, a as useFormatFileStyles } from './FormatFile-es.js';
 export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-es.js';

package/dist/utils/meta/meta.json

@@ -93,7 +93,6 @@
     "FormFieldWrapper",
     "FormFieldWrapperMain",
     "FormFieldWrapperToolbar",
-    "FormatDate",
     "FormatEmail",
     "FormatFile",
     "FormatFile.Body",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "7.16.1-chorecomp-aaf4bc5.1+aaf4bc51",
+  "version": "8.0.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -200,11 +200,6 @@
       "import": "./dist/FormField/index.mjs",
       "require": "./dist/FormField/index.cjs"
     },
-    "./FormatDate": {
-      "types": "./dist/FormatDate/index.d.ts",
-      "import": "./dist/FormatDate/index.mjs",
-      "require": "./dist/FormatDate/index.cjs"
-    },
     "./FormatEmail": {
       "types": "./dist/FormatEmail/index.d.ts",
       "import": "./dist/FormatEmail/index.mjs",
@@ -583,5 +578,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "aaf4bc51d72500e54945f3734a7078fe2d901c59"
+  "gitHead": "f086704d2aeaaf802fec6b5c1f1a594666b65e4b"
 }

package/FormatDate.d.ts

@@ -1 +0,0 @@
-export * from "./dist/FormatDate";

package/FormatDate.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true,
-});
-
-var FormatDate = require("./dist/FormatDate");
-
-Object.keys(FormatDate).forEach(function(key) {
-  if (key === "default" || key === "__esModule") return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return FormatDate[key];
-    },
-  });
-});

package/dist/FormatDate/FormatDate.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-interface FormatDateProps {
-    /**
-     * Date to be formatted.
-     *
-     * A `string` should be an ISO 8601 format date string.
-     */
-    readonly date: Date | string;
-    /**
-     * Boolean to show year or not.
-     */
-    readonly showYear?: boolean;
-}
-export declare function FormatDate({ date: inputDate, showYear, }: FormatDateProps): React.JSX.Element;
-export declare function strFormatDate(date: Date, showYear?: boolean): string;
-export {};

package/dist/FormatDate/index.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var FormatDate = require('../FormatDate-cjs.js');
-require('react');
-
-
-
-exports.FormatDate = FormatDate.FormatDate;
-exports.strFormatDate = FormatDate.strFormatDate;

package/dist/FormatDate/index.d.ts

@@ -1 +0,0 @@
-export { strFormatDate, FormatDate } from "./FormatDate";

package/dist/FormatDate/index.mjs

@@ -1,2 +0,0 @@
-export { F as FormatDate, s as strFormatDate } from '../FormatDate-es.js';
-import 'react';

package/dist/FormatDate-cjs.js

@@ -1,27 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function FormatDate({ date: inputDate, showYear = true, }) {
-    let dateObject;
-    if (inputDate instanceof Date) {
-        dateObject = inputDate;
-    }
-    else {
-        dateObject = new Date(inputDate);
-    }
-    return React.createElement(React.Fragment, null, strFormatDate(dateObject, showYear));
-}
-function strFormatDate(date, showYear = true) {
-    let formatOptions = {
-        month: "short",
-        day: "numeric",
-    };
-    if (showYear) {
-        formatOptions = Object.assign(Object.assign({}, formatOptions), { year: "numeric" });
-    }
-    return date.toLocaleDateString(undefined, formatOptions);
-}
-
-exports.FormatDate = FormatDate;
-exports.strFormatDate = strFormatDate;

package/dist/FormatDate-es.js

@@ -1,24 +0,0 @@
-import React__default from 'react';
-
-function FormatDate({ date: inputDate, showYear = true, }) {
-    let dateObject;
-    if (inputDate instanceof Date) {
-        dateObject = inputDate;
-    }
-    else {
-        dateObject = new Date(inputDate);
-    }
-    return React__default.createElement(React__default.Fragment, null, strFormatDate(dateObject, showYear));
-}
-function strFormatDate(date, showYear = true) {
-    let formatOptions = {
-        month: "short",
-        day: "numeric",
-    };
-    if (showYear) {
-        formatOptions = Object.assign(Object.assign({}, formatOptions), { year: "numeric" });
-    }
-    return date.toLocaleDateString(undefined, formatOptions);
-}
-
-export { FormatDate as F, strFormatDate as s };

package/dist/docs/FormatDate/FormatDate.md

@@ -1,47 +0,0 @@
-# FormatDate
-
-In Jobber a FormatDate is used to ensure that the date is displayed in the
-expected format. No text styling is applied, this simply formats the date.
-
-## Design & usage guidelines
-
-### Getting a string version
-
-Use `strFormatDate` if you need your formatted date as a string so it can be
-passed as an attribute that doesn't allow for a component.
-
-```ts
-import { strFormatDate } from "@jobber/components/FormatDate";
-```
-
-```tsx
-import React from "react";
-import { Text } from "@jobber/components/Text";
-import { strFormatDate } from "@jobber/components/FormatDate";
-
-export function FormatDateStrExample() {
-  return <Text>{strFormatDate(new Date())}</Text>;
-}
-```
-
-## Design & usage guidelines
-
-Use FormatDate to ensure that a date is represented as expected.
-
-If there are additional text styling concerns, wrap FormatDate in a
-[Text](../Text/Text.md) component.
-
-If the formatted date is intended to be part of a heading, wrap FormatDate in a
-[Heading](../Heading/Heading.md) component.
-
-If you require a string instead of a component use strFormatDate.
-
-
-## Props
-
-### Web
-
-| Prop | Type | Required | Default | Description |
-|------|------|----------|---------|-------------|
-| `date` | `Date | string` | Yes | — | Date to be formatted.  A `string` should be an ISO 8601 format date string. |
-| `showYear` | `boolean` | No | `true` | Boolean to show year or not. |