@jobber/components 4.2.1 → 4.2.2-pre.2

package/dist/Countdown/Countdown.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CivilDate } from "@std-proposal/temporal";
+import { Temporal } from "@js-temporal/polyfill";
 /**
  * Options for deciding how much information is shown to the user
  * days, hours, minutes, seconds
@@ -11,7 +11,7 @@ interface CountdownProps {
      * Civil Time of time is to be displayed.
      * In the case of `date` a `string` should be in ISO 8601 format
      */
-    readonly date: CivilDate | Date | number | string;
+    readonly date: Temporal.PlainDateTime | Date | number | string;
     /**
      * Whether or not to present the unit of time to the user, or just the raw numbers.
      */

package/dist/Countdown/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var temporal = require('@std-proposal/temporal');
 var ReactCountdown = require('react-countdown');
+var polyfill = require('@js-temporal/polyfill');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -18,7 +18,7 @@ function computeTimeUnit(remainder, unit) {
 function Countdown({ date: inputDate, onComplete, showUnits, granularity = "dhms", }) {
     const date = React.useMemo(() => {
         let initDate;
-        if (inputDate instanceof temporal.CivilDate) {
+        if (inputDate instanceof polyfill.Temporal.PlainDateTime) {
             initDate = new Date(inputDate.year, inputDate.month - 1, inputDate.day);
         }
         else {

package/dist/FormatDate/FormatDate.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import { CivilDate } from "@std-proposal/temporal";
+import { Temporal } from "@js-temporal/polyfill";
 interface FormatDateProps {
     /**
      * Date to be formatted.
      *
      * A `string` should be an ISO 8601 format date string.
      */
-    readonly date: CivilDate | Date | string;
+    readonly date: Temporal.PlainDateTime | Date | string;
 }
 export declare function FormatDate({ date: inputDate }: FormatDateProps): JSX.Element;
 export declare function strFormatDate(date: Date): string;

package/dist/FormatRelativeDateTime/FormatRelativeDateTime.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import { CivilDateTime } from "@std-proposal/temporal";
+import { Temporal } from "@js-temporal/polyfill";
 interface FormatRelativeDateTimeProps {
     /**
      * Date to be displayed.
      *
      * A `string` should be an ISO 8601 format date string.
      */
-    readonly date: CivilDateTime | Date | string;
+    readonly date: Temporal.PlainDateTime | Date | string;
 }
 export declare function FormatRelativeDateTime({ date: inputDate, }: FormatRelativeDateTimeProps): JSX.Element;
 export {};

package/dist/FormatTime/FormatTime.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import { CivilTime } from "@std-proposal/temporal";
+import { Temporal } from "@js-temporal/polyfill";
 interface FormatTimeProps {
     /**
      * Civil Time of time to be displayed.
      *
      * A `string` should be an ISO 8601 format date string.
      */
-    readonly time: CivilTime | Date | string;
+    readonly time: Temporal.PlainTime | Date | string;
     /**
      * Optionally specify clock format. If `undefined` system format will be respected.
      */

package/dist/InputTime/InputTimeProps.d.ts

@@ -1,4 +1,4 @@
-import { CivilTime } from "@std-proposal/temporal";
+import { Temporal } from "@js-temporal/polyfill";
 import { CommonFormFieldProps, FormFieldProps } from "../FormField";
 export interface InputTimeProps extends Pick<CommonFormFieldProps, "align" | "description" | "disabled" | "invalid" | "inline" | "loading" | "name" | "onValidation" | "placeholder" | "size">, Pick<FormFieldProps, "maxLength" | "readonly" | "autocomplete" | "max" | "min" | "onEnter" | "onFocus" | "onBlur" | "inputRef" | "validations"> {
     /**
@@ -6,13 +6,13 @@ export interface InputTimeProps extends Pick<CommonFormFieldProps, "align" | "de
      * field with a data that is not controlled by the components state. If a
      * state is controlling the value, use the `value` prop instead.
      */
-    readonly defaultValue?: CivilTime;
+    readonly defaultValue?: Temporal.PlainTime;
     /**
      * Set the component to the given value.
      */
-    readonly value?: CivilTime;
+    readonly value?: Temporal.PlainTime;
     /**
      * Function called when user changes input value.
      */
-    onChange?(newValue?: CivilTime): void;
+    onChange?(newValue?: Temporal.PlainTime): void;
 }

package/dist/InputTime/civilTimeConversions.d.ts

@@ -1,3 +1,3 @@
-import { CivilTime } from "@std-proposal/temporal";
-export declare function civilTimeToHTMLTime(civilTime?: CivilTime): string;
-export declare function htmlTimeToCivilTime(timeString: string): CivilTime | undefined;
+import { Temporal } from "@js-temporal/polyfill";
+export declare function civilTimeToHTMLTime(civilTime?: Temporal.PlainTime): string;
+export declare function htmlTimeToCivilTime(timeString: string): Temporal.PlainTime | undefined;

package/dist/InputTime/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../tslib.es6-5b8768b7.js');
 var React = require('react');
 var debounce = require('lodash/debounce');
-var temporal = require('@std-proposal/temporal');
+var polyfill = require('@js-temporal/polyfill');
 var FormField = require('../FormField-e1c3af82.js');
 require('uuid');
 require('react-hook-form');
@@ -729,7 +729,7 @@ function civilTimeToHTMLTime(civilTime) {
 }
 function htmlTimeToCivilTime(timeString) {
     try {
-        return temporal.CivilTime.fromString(timeString + ":00.000000000");
+        return polyfill.Temporal.PlainTime.from(timeString + ":00.000000000");
     }
     catch (_a) {
         return undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.2.1",
+  "version": "4.2.2-pre.2+6b4bea28",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -17,11 +17,11 @@
     "dist/*"
   ],
   "dependencies": {
-    "@jobber/design": "*",
-    "@jobber/formatters": "*",
-    "@jobber/hooks": "*",
+    "@jobber/design": "^0.30.0",
+    "@jobber/formatters": "^0.2.2",
+    "@jobber/hooks": "^2.0.2",
+    "@js-temporal/polyfill": "^0.4.3",
     "@popperjs/core": "^2.0.6",
-    "@std-proposal/temporal": "0.0.1",
     "@tanstack/react-table": "8.5.13",
     "@types/color": "^3.0.1",
     "@types/lodash": "^4.14.136",
@@ -82,5 +82,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "89d4908fb1b114be65206f395a06e72f4a277d77"
+  "gitHead": "6b4bea281443f512231acb0241f723daa79cba29"
 }

package/rollup.config.js

@@ -60,7 +60,7 @@ export default {
     "lodash",
     "uuid",
     "lodash/debounce",
-    "@std-proposal/temporal",
+    "@js-temporal/polyfill",
     "@use-it/event-listener",
     "@jobber/design",
     "@jobber/formatters",