@jobber/components 4.4.5 → 4.4.6-pre.4

package/dist/Countdown/Countdown.d.ts

@@ -1,17 +1,17 @@
 /// <reference types="react" />
-import { CivilDate } from "@std-proposal/temporal";
+import { AtlantisTemporalPlainDateTime } from "../types";
 /**
  * Options for deciding how much information is shown to the user
  * days, hours, minutes, seconds
  */
 type GranularityOptions = "dhms" | "hms" | "ms" | "s" | "dhm" | "dh" | "d";
-interface CountdownProps {
+interface CountdownProps<T extends AtlantisTemporalPlainDateTime | Date | number | string> {
     /**
      * The date that is being counted down to
      * 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: T;
     /**
      * Whether or not to present the unit of time to the user, or just the raw numbers.
      */
@@ -28,5 +28,5 @@ interface CountdownProps {
      */
     onComplete?(): void;
 }
-export declare function Countdown({ date: inputDate, onComplete, showUnits, granularity, }: CountdownProps): JSX.Element;
+export declare function Countdown<T extends AtlantisTemporalPlainDateTime | Date | number | string>({ date: inputDate, onComplete, showUnits, granularity, }: CountdownProps<T>): JSX.Element;
 export {};

package/dist/Countdown/index.js

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

package/dist/FormatDate/FormatDate.d.ts

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

package/dist/FormatRelativeDateTime/FormatRelativeDateTime.d.ts

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

package/dist/FormatRelativeDateTime/index.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function FormatRelativeDateTime({ date: inputDate, }) {
+function FormatRelativeDateTime({ date: inputDate }) {
     let dateObject;
     if (inputDate instanceof Date) {
         dateObject = inputDate;

package/dist/FormatTime/FormatTime.d.ts

@@ -1,16 +1,16 @@
 /// <reference types="react" />
-import { CivilTime } from "@std-proposal/temporal";
-interface FormatTimeProps {
+import { AtlantisTemporalPlainTime } from "../types";
+interface FormatTimeProps<T extends AtlantisTemporalPlainTime | Date | string> {
     /**
      * Civil Time of time to be displayed.
      *
      * A `string` should be an ISO 8601 format date string.
      */
-    readonly time: CivilTime | Date | string;
+    readonly time: T;
     /**
      * Optionally specify clock format. If `undefined` system format will be respected.
      */
     readonly use24HourClock?: boolean;
 }
-export declare function FormatTime({ time: inputTime, use24HourClock, }: FormatTimeProps): JSX.Element;
+export declare function FormatTime<T extends AtlantisTemporalPlainTime | Date | string>({ time: inputTime, use24HourClock }: FormatTimeProps<T>): JSX.Element;
 export {};

package/dist/FormatTime/index.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function FormatTime({ time: inputTime, use24HourClock, }) {
+function FormatTime({ time: inputTime, use24HourClock }) {
     let dateObject;
     if (inputTime instanceof Date) {
         dateObject = inputTime;

package/dist/InputTime/InputTime.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
 import { InputTimeProps } from "./InputTimeProps";
-export declare function InputTime({ defaultValue, value, onChange, ...params }: InputTimeProps): JSX.Element;
+import { AtlantisTemporalPlainTime } from "../types";
+export declare function InputTime<T extends AtlantisTemporalPlainTime>({ defaultValue, value, onChange, ...params }: InputTimeProps<T>): JSX.Element;

package/dist/InputTime/InputTimeProps.d.ts

@@ -1,18 +1,18 @@
-import { CivilTime } from "@std-proposal/temporal";
 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"> {
+import { AtlantisTemporalPlainTime } from "../types";
+export interface InputTimeProps<T extends AtlantisTemporalPlainTime> 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"> {
     /**
      * Intial value of the input. Only use this when you need to prepopulate the
      * 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?: T;
     /**
      * Set the component to the given value.
      */
-    readonly value?: CivilTime;
+    readonly value?: T;
     /**
      * Function called when user changes input value.
      */
-    onChange?(newValue?: CivilTime): void;
+    onChange?(newValue?: T): void;
 }

package/dist/InputTime/InputTimeSafari.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
 import { InputTimeProps } from "./InputTimeProps";
-export declare function InputTimeSafari({ defaultValue, value, onChange, ...params }: InputTimeProps): JSX.Element;
+import { AtlantisTemporalPlainTime } from "../types";
+export declare function InputTimeSafari<T extends AtlantisTemporalPlainTime>({ defaultValue, value, onChange, ...params }: InputTimeProps<T>): JSX.Element;

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 { AtlantisTemporalPlainTime } from "../types";
+export declare function civilTimeToHTMLTime(civilTime?: AtlantisTemporalPlainTime): string;
+export declare function htmlTimeToCivilTime<T extends AtlantisTemporalPlainTime>(timeString: string): T | 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-bdfb7a5a.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/dist/types/index.d.ts

@@ -0,0 +1,5 @@
+import { Temporal } from "@js-temporal/polyfill";
+import { CivilDate, CivilDateTime, CivilTime } from "@std-proposal/temporal";
+export type AtlantisTemporalPlainDate = Temporal.PlainDate | CivilDate;
+export type AtlantisTemporalPlainDateTime = Temporal.PlainDate | CivilDateTime;
+export type AtlantisTemporalPlainTime = Temporal.PlainTime | CivilTime;

package/dist/types/index.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.4.5",
+  "version": "4.4.6-pre.4+0dfce034",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,8 +18,9 @@
   ],
   "dependencies": {
     "@jobber/design": "^0.31.1",
-    "@jobber/formatters": "*",
-    "@jobber/hooks": "*",
+    "@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",
@@ -81,5 +82,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "dd07c01a80cb742a8392ab98df5a92733e6f9830"
+  "gitHead": "0dfce0348ab523604c5314b1b2310f8b851ae8c1"
 }

package/types.d.ts

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

package/types.js

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