v0.8.8 -> v0.8.9

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@dassana-io/web-components",
-	"version": "0.8.8",
+	"version": "0.8.9",
 	"publishConfig": {
 		"registry": "https://npm.pkg.github.com/dassana-io"
 	},

src/components/Form/FormSubmitButton/index.tsx

@@ -4,17 +4,25 @@ import { useFormContext } from 'react-hook-form'
 import { useShortcut } from '@dassana-io/web-utils'
 import { Button, ButtonProps } from 'components/Button'
 import React, { FC, useContext } from 'react'
+import {
+	ShortcutMicrocopy,
+	ShortcutMicrocopyProps
+} from 'components/ShortcutMicrocopy'
 
 export interface FormButtonProps
 	extends Omit<ButtonProps, 'loading' | 'onClick'> {
 	isDisabled?: (
 		formState: FormStateProxy,
 		formValues: Record<string, any>
 	) => boolean
+	renderShortcutMicrocopy?: boolean
+	shortcutMicrocopyProps?: ShortcutMicrocopyProps
 }
 
 const FormSubmitButton: FC<FormButtonProps> = ({
 	isDisabled,
+	renderShortcutMicrocopy = false,
+	shortcutMicrocopyProps,
 	...rest
 }: FormButtonProps) => {
 	const { handleSubmit, formState, watch } = useFormContext()
@@ -24,6 +32,7 @@ const FormSubmitButton: FC<FormButtonProps> = ({
 	const isButtonDisabled = () =>
 		isDisabled ? isDisabled(formState, watch()) : !isDirty
 
+	/* TODO: Refactor to allow for multiple keys */
 	useShortcut({
 		additionalConditionalFn: () => !isButtonDisabled(),
 		callback: handleSubmit(onSubmit),
@@ -32,13 +41,21 @@ const FormSubmitButton: FC<FormButtonProps> = ({
 	})
 
 	return (
-		<Button
-			dataTag='submit-button'
-			disabled={isButtonDisabled()}
-			loading={loading}
-			onClick={handleSubmit(onSubmit)}
-			{...rest}
-		/>
+		<>
+			<Button
+				dataTag='submit-button'
+				disabled={isButtonDisabled()}
+				loading={loading}
+				onClick={handleSubmit(onSubmit)}
+				{...rest}
+			/>
+			{renderShortcutMicrocopy && !isButtonDisabled() && (
+				<ShortcutMicrocopy
+					{...shortcutMicrocopyProps}
+					loading={loading}
+				/>
+			)}
+		</>
 	)
 }
 

src/components/Form/FormTimeInput/index.tsx

@@ -10,12 +10,14 @@ export interface FormTimeInputProps
 	extends BaseFieldProps,
 		Omit<TimeInputProps, 'defaultValue' | 'onChange' | 'value'> {
 	focused?: boolean
+	fullWidth?: boolean
 }
 
 const FormTimeInput: FC<FormTimeInputProps> = ({
 	label,
 	labelSkeletonWidth,
 	focused,
+	fullWidth,
 	name,
 	required,
 	rules = {},
@@ -34,6 +36,7 @@ const FormTimeInput: FC<FormTimeInputProps> = ({
 		<div>
 			{label && (
 				<FieldLabel
+					fullWidth={fullWidth}
 					label={label}
 					loading={loading}
 					required={required}