npm - @servicetitan/marketing-ui - Versions diffs - 1.6.1 → 1.10.0 - Mend

@servicetitan/marketing-ui 1.6.1 → 1.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (185) hide show

package/src/components/ui/centered-spinner.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 import classnames from 'classnames';
 import { BodyText, Stack, Spinner } from '@servicetitan/design-system';
@@ -9,11 +9,7 @@ export interface CenteredSpinnerPropsStrict {
     info?: string;
 }
-export const CenteredSpinner: React.FC<CenteredSpinnerPropsStrict> = ({
-    size,
-    className,
-    info,
-}) => {
+export const CenteredSpinner: FC<CenteredSpinnerPropsStrict> = ({ size, className, info }) => {
     return (
         <Stack
             justifyContent="center"

package/src/components/ui/date-range-picker/date-range-picker.module.less CHANGED Viewed

@@ -13,7 +13,7 @@
         }
         .FormField__label {
-            margin: 0;
+            margin: @spacing-0;
         }
         .DateRangeTrigger__shortLabel {

package/src/components/ui/date-range-picker/date-range-picker.stories.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 import { DateRangePicker } from './date-range-picker';
 import { DateRangePickerState, DateRangePickerOptionsTenantAds } from '../../../utils/date';
@@ -11,7 +11,7 @@ export default {
 const tz = { UtcOffset: 0 };
 const state = DateRangePickerState.createWithOptions(DateRangePickerOptionsTenantAds.create(tz));
-const w = (style: { width?: string; height?: string }, Component: React.FC) => () =>
+const w = (style: { width?: string; height?: string }, Component: FC) => () =>
     (
         <div style={style}>
             <Component />

package/src/components/ui/date-range-picker/date-range-picker.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 import classNames from 'classnames';
 import { observer } from 'mobx-react';
 import { BodyText, Form, Stack } from '@servicetitan/design-system';

package/src/components/ui/disabled-button.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 import { Button, ButtonProps, Tooltip } from '@servicetitan/design-system';
 interface DisabledButtonProps extends Omit<ButtonProps, 'disabled'> {
@@ -14,7 +14,7 @@ interface DisabledButtonProps extends Omit<ButtonProps, 'disabled'> {
  *   <DisabledButton disabled="This button is disabled">knock knock</Button>
  * )
  */
-export const DisabledButton: React.FC<DisabledButtonProps> = props => {
+export const DisabledButton: FC<DisabledButtonProps> = props => {
     return props.disabled && props.disabled !== true ? (
         <Tooltip text={props.disabled}>
             <Button {...props} disabled />

package/src/components/ui/line-text/line-text-body.stories.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ReactElement } from 'react';
 import { BodyTextLine } from './line-text';
 export default {
@@ -7,7 +7,7 @@ export default {
     parameters: {},
 };
-const w = (style: { width?: string }, cb: () => React.ReactElement) => () =>
+const w = (style: { width?: string }, cb: () => ReactElement) => () =>
     <div style={style}>{cb()}</div>;
 export const bodyTextLineUnlimited = w({}, () => <BodyTextLine>just a simple text</BodyTextLine>);

package/src/components/ui/line-text/line-text-head.stories.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ReactElement } from 'react';
 import { HeadlineLine } from './line-text';
 export default {
@@ -7,7 +7,7 @@ export default {
     parameters: {},
 };
-const w = (style: { width?: string }, cb: () => React.ReactElement) => () =>
+const w = (style: { width?: string }, cb: () => ReactElement) => () =>
     <div style={style}>{cb()}</div>;
 export const headlineLineUnlimited = w({}, () => <HeadlineLine>just a simple text</HeadlineLine>);

package/src/components/ui/line-text/line-text.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import { useMemo, FC } from 'react';
 import classNames from 'classnames';
 import {
     BodyText,
@@ -30,11 +30,7 @@ export interface BodyTextLineProps extends BodyTextPropsStrict {
     children?: string;
 }
-export const BodyTextLine: React.FC<BodyTextLineProps> = ({
-    children,
-    wrapperClassName,
-    ...props
-}) => {
+export const BodyTextLine: FC<BodyTextLineProps> = ({ children, wrapperClassName, ...props }) => {
     const [ref1, ref2, limited] = useLimited();
     return (
@@ -79,11 +75,7 @@ export interface HeadlineLineProps extends HeadlinePropsStrict {
     children?: string;
 }
-export const HeadlineLine: React.FC<HeadlineLineProps> = ({
-    children,
-    wrapperClassName,
-    ...props
-}) => {
+export const HeadlineLine: FC<HeadlineLineProps> = ({ children, wrapperClassName, ...props }) => {
     const [ref1, ref2, limited] = useLimited();
     return (

package/src/utils/use-client-rect.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 export const useClientRect = (): [
     DOMRect | null,
@@ -41,7 +41,7 @@ export const useClientRect = (): [
         return () => clearTimeout(to);
     });
-    const ref = React.useCallback(
+    const ref = useCallback(
         (node: HTMLElement | null) => {
             if (node !== null) {
                 window.addEventListener('resize', handleResize);