@7shifts/sous-chef 3.52.0-beta.0 → 3.52.0

package/dist/core/SousChefProvider/SousChefProvider.d.ts

@@ -1,10 +1,8 @@
 import React from 'react';
 import en from '../../i18n/locales/en.json';
-import { CountryCode } from 'libphonenumber-js';
 type Props = {
     i18n?: typeof en;
-    country?: CountryCode;
     children: React.ReactNode;
 };
-declare const SousChefProvider: ({ children, i18n, country }: Props) => React.JSX.Element;
+declare const SousChefProvider: ({ children, i18n }: Props) => React.JSX.Element;
 export default SousChefProvider;

package/dist/forms/PhoneField/PhoneField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CountryCode } from 'libphonenumber-js';
+import { PhoneFieldValue } from './types';
 export type Props = {
     autoFocus?: boolean;
     caption?: React.ReactNode;
@@ -10,13 +10,12 @@ export type Props = {
     label?: React.ReactNode;
     maxLength?: number;
     name: string;
-    onBlur?: (value: string) => void;
-    onChange?: (value: string) => void;
+    onBlur?: (value: PhoneFieldValue) => void;
+    onChange?: (value: PhoneFieldValue) => void;
     placeholder?: string;
-    value?: string;
+    value?: PhoneFieldValue;
     testId?: string;
     disabledCountry?: boolean;
-    defaultCountry?: CountryCode;
 };
 declare const PhoneField: ({ disabledCountry, ...props }: Props) => React.JSX.Element;
 export default PhoneField;

package/dist/forms/PhoneField/types.d.ts

@@ -1,2 +1,7 @@
 import { CountryCode } from 'libphonenumber-js';
 export type PhoneFieldCountryCode = CountryCode;
+export type PhoneFieldValue = {
+    country: PhoneFieldCountryCode;
+    phone: string;
+    internationalPhone: string;
+};

package/dist/forms/PhoneField/usePhoneField.d.ts

@@ -4,7 +4,7 @@ import type { Props } from './PhoneField';
 type UseTextFieldProps = Props & {
     ref: RefType<HTMLInputElement>;
 };
-export declare const usePhoneField: ({ autoFocus, disabled, error, id, maxLength, name, caption, label, onBlur, onChange, placeholder, value, ref, testId, defaultCountry }: UseTextFieldProps) => {
+export declare const usePhoneField: ({ autoFocus, disabled, error, id, maxLength, name, caption, label, onBlur, onChange, placeholder, value, ref, testId }: UseTextFieldProps) => {
     inputProps: {
         'aria-describedby': string;
         'aria-invalid': boolean;
@@ -15,13 +15,13 @@ export declare const usePhoneField: ({ autoFocus, disabled, error, id, maxLength
         id: string;
         maxLength: number | undefined;
         name: string;
-        onBlur: (e: string) => void;
-        onChange: (e: string) => void;
+        onBlur: (e: import("./types").PhoneFieldValue) => void;
+        onChange: (e: import("./types").PhoneFieldValue) => void;
         placeholder: string | undefined;
         ref: RefType<HTMLInputElement>;
         size: number;
         type: string;
-        value: string;
+        value: string | undefined;
     };
     fieldProps: {
         caption: import("react").ReactNode;
@@ -30,14 +30,6 @@ export declare const usePhoneField: ({ autoFocus, disabled, error, id, maxLength
         id: string;
         name: string;
     };
-    fieldValue: string | undefined;
-    metaData: {
-        country: import("libphonenumber-js").CountryCode;
-        phone: string;
-    };
-    changeMeta: (data: {
-        country: import("libphonenumber-js").CountryCode;
-        phone: string;
-    }) => void;
+    fieldValue: import("./types").PhoneFieldValue | undefined;
 };
 export {};

package/dist/forms/hooks/usePhoneFieldControllers.d.ts

@@ -1,29 +1,20 @@
 /// <reference types="react" />
-import { CountryCode } from 'libphonenumber-js';
+import { PhoneFieldValue } from '../PhoneField/types';
 type FieldControls = {
     id: string;
     error?: React.ReactNode;
-    value?: string;
-    onChange: (e: string) => void;
-    onBlur: (e: string) => void;
-    metaData: {
-        country: CountryCode;
-        phone: string;
-    };
-    changeMeta: (data: {
-        country: CountryCode;
-        phone: string;
-    }) => void;
+    value?: PhoneFieldValue;
+    onChange: (e: PhoneFieldValue) => void;
+    onBlur: (e: PhoneFieldValue) => void;
 };
 type Props = {
     name: string;
     id?: string;
-    value?: string;
-    onChange?: (e: string) => void;
-    onBlur?: (e: string) => void;
+    value?: PhoneFieldValue;
+    onChange?: (e: PhoneFieldValue) => void;
+    onBlur?: (e: PhoneFieldValue) => void;
     error?: React.ReactNode;
     onMenuInputFocus?: (isFocused: boolean) => void;
-    defaultCountry?: CountryCode;
 };
-export declare const usePhoneFieldControllers: ({ name, id: inputId, value, onChange, onBlur, error, onMenuInputFocus, defaultCountry }: Props) => FieldControls;
+export declare const usePhoneFieldControllers: ({ name, id: inputId, value, onChange, onBlur, error, onMenuInputFocus }: Props) => FieldControls;
 export {};

package/dist/forms/index.d.ts

@@ -27,4 +27,4 @@ export type { PasswordCriteria } from './PasswordField/types';
 export type { SelectOption, SelectOptions, GroupOption, CustomOptionProps, SelectedOptionPrefixProps } from './SelectField/types';
 export type { AsyncSelectOptions } from './AsyncSelectField/types';
 export type { FormikType } from './Form/types';
-export type { PhoneFieldCountryCode } from './PhoneField/types';
+export type { PhoneFieldValue, PhoneFieldCountryCode } from './PhoneField/types';

package/dist/icons/components/IconClockRewind.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IconSize } from '../types';
+type Props = {
+    size?: IconSize;
+    color?: string;
+    testId?: string;
+} & React.SVGProps<SVGSVGElement>;
+declare const IconClockRewind: React.ForwardRefExoticComponent<Omit<Props, 'ref'>>;
+export default IconClockRewind;

package/dist/icons/components/index.d.ts

@@ -43,6 +43,7 @@ export { default as IconChevronLeft } from './IconChevronLeft';
 export { default as IconChevronRight } from './IconChevronRight';
 export { default as IconChevronUp } from './IconChevronUp';
 export { default as IconClipboardList } from './IconClipboardList';
+export { default as IconClockRewind } from './IconClockRewind';
 export { default as IconClock } from './IconClock';
 export { default as IconCog } from './IconCog';
 export { default as IconCommentLines } from './IconCommentLines';

package/dist/index.css

@@ -3138,7 +3138,7 @@ input:checked ~ ._3mCob {
 }
 ._3mCob {
   border: 1px solid var(--color-grey-200);
-  border-radius: 4px;
+  border-radius: var(--border-radius-600);
   padding: 16px;
   display: block;
   cursor: pointer;