@true-engineering/true-react-common-ui-kit 4.0.0-alpha2 → 4.0.0-alpha4

package/src/components/WithTooltip/WithTooltip.tsx

@@ -1,67 +1,72 @@
-import { FC } from 'react';
-import { getTestId, isReactNodeNotEmpty } from '@true-engineering/true-react-platform-helpers';
-import { useTweakStyles } from '../../hooks';
-import { ICommonProps } from '../../types';
-import { ITooltipProps, Tooltip } from '../Tooltip';
-import { IWithPopupProps, WithPopup } from '../WithPopup';
-import { IWithTooltipStyles } from './WithTooltip.styles';
-
-export interface IWithTooltipProps
-  extends Omit<
-      IWithPopupProps,
-      'trigger' | 'children' | 'placement' | 'eventType' | 'isTriggerWrapped' | 'tweakStyles'
-    >,
-    ICommonProps<IWithTooltipStyles> {
-  children: IWithPopupProps['trigger'];
-  /** @default 'hover' */
-  eventType?: IWithPopupProps['eventType'];
-  /** @default 'top' */
-  placement?: IWithPopupProps['placement'];
-  tooltipText?: ITooltipProps['text'];
-  /** @default 'tooltip' */
-  tooltipView?: ITooltipProps['view'];
-  /** @default 'info' */
-  tooltipType?: ITooltipProps['type'];
-}
-
-export const WithTooltip: FC<IWithTooltipProps> = ({
-  children,
-  eventType = 'hover',
-  placement = 'top',
-  tooltipText,
-  tooltipView = 'tooltip',
-  tooltipType = 'info',
-  isDisabled = false,
-  tweakStyles,
-  ...restProps
-}) => {
-  const tweakWithPopupStyles = useTweakStyles({
-    tweakStyles,
-    className: 'tweakWithPopup',
-  });
-
-  const tweakTooltipStyles = useTweakStyles({
-    tweakStyles,
-    className: 'tweakTooltip',
-  });
-
-  return (
-    <WithPopup
-      trigger={children}
-      placement={placement}
-      eventType={eventType}
-      isTriggerWrapped
-      isDisabled={isDisabled || !isReactNodeNotEmpty(tooltipText)}
-      tweakStyles={tweakWithPopupStyles}
-      {...restProps}
-    >
-      <Tooltip
-        view={tooltipView}
-        type={tooltipType}
-        text={tooltipText}
-        tweakStyles={tweakTooltipStyles}
-        testId={getTestId(restProps.testId, 'tooltip')}
-      />
-    </WithPopup>
-  );
-};
+import { FC } from 'react';
+import { getTestId, isReactNodeNotEmpty } from '@true-engineering/true-react-platform-helpers';
+import { useTweakStyles } from '../../hooks';
+import { ICommonProps } from '../../types';
+import { ITooltipProps, Tooltip } from '../Tooltip';
+import { IWithPopupProps, WithPopup } from '../WithPopup';
+import { IWithTooltipStyles, withPopupStyles } from './WithTooltip.styles';
+
+export interface IWithTooltipProps
+  extends Omit<
+      IWithPopupProps,
+      'trigger' | 'children' | 'placement' | 'eventType' | 'isTriggerWrapped' | 'tweakStyles'
+    >,
+    ICommonProps<IWithTooltipStyles> {
+  children: IWithPopupProps['trigger'];
+  /** @default 'hover' */
+  eventType?: IWithPopupProps['eventType'];
+  /** @default 'top' */
+  placement?: IWithPopupProps['placement'];
+  tooltipText?: ITooltipProps['text'];
+  /** @default 'tooltip' */
+  tooltipView?: ITooltipProps['view'];
+  /** @default 'info' */
+  tooltipType?: ITooltipProps['type'];
+}
+
+export const WithTooltip: FC<IWithTooltipProps> = ({
+  children,
+  eventType = 'hover',
+  placement = 'top',
+  tooltipText,
+  tooltipView = 'tooltip',
+  tooltipType = 'info',
+  isDisabled = false,
+  popupData,
+  tweakStyles,
+  ...restProps
+}) => {
+  const tweakWithPopupStyles = useTweakStyles({
+    innerStyles: withPopupStyles,
+    tweakStyles,
+    className: 'tweakWithPopup',
+    currentComponentName: 'WithTooltip',
+  });
+
+  const tweakTooltipStyles = useTweakStyles({
+    tweakStyles,
+    className: 'tweakTooltip',
+    currentComponentName: 'WithTooltip',
+  });
+
+  return (
+    <WithPopup
+      trigger={children}
+      placement={placement}
+      eventType={eventType}
+      popupData={{ ...popupData, tooltipView }}
+      isDisabled={isDisabled || !isReactNodeNotEmpty(tooltipText)}
+      isTriggerWrapped
+      tweakStyles={tweakWithPopupStyles}
+      {...restProps}
+    >
+      <Tooltip
+        view={tooltipView}
+        type={tooltipType}
+        text={tooltipText}
+        tweakStyles={tweakTooltipStyles}
+        testId={getTestId(restProps.testId, 'tooltip')}
+      />
+    </WithPopup>
+  );
+};

package/src/components/WithTooltip/index.ts

@@ -1,2 +1,2 @@
-export * from './WithTooltip';
-export type { IWithTooltipStyles } from './WithTooltip.styles';
+export * from './WithTooltip';
+export type { IWithTooltipStyles } from './WithTooltip.styles';

package/src/components/index.ts

@@ -1,48 +1,48 @@
-export * from './AccountInfo';
-export * from './AddButton';
-export * from './Button';
-export * from './Checkbox';
-export * from './CloseButton';
-export * from './Colors';
-export * from './CssBaseline';
-export * from './DateInput';
-export * from './DatePicker';
-export * from './Description';
-export * from './FileInput';
-export * from './FileItem';
-export * from './FiltersPane';
-export * from './Flag';
-export * from './FlexibleTable';
-export * from './Icon';
-export * from './IconButton';
-export * from './IncrementInput';
-export * from './Input';
-export * from './List';
-export * from './Modal';
-export * from './MoreMenu';
-export * from './MultiSelect';
-export * from './MultiSelectList';
-export * from './Notification';
-export * from './NumberInput';
-export * from './PhoneInput';
-export * from './RadioButton';
-export * from './ScrollIntoViewIfNeeded';
-export * from './SearchInput';
-export * from './Select';
-export * from './Selector';
-export * from './Skeleton';
-export * from './SmartInput';
-export * from './Status';
-export * from './Switch';
-export * from './TextArea';
-export * from './TextButton';
-export * from './TextWithInfo';
-export * from './TextWithTooltip';
-export * from './ThemedPreloader';
-export * from './Toaster';
-export * from './Tooltip';
-export * from './NewMoreMenu';
-export * from './WithPopup';
-export * from './WithTooltip';
-export * from './WithMessages';
-export * from './ControlWrapper';
+export * from './AccountInfo';
+export * from './AddButton';
+export * from './Button';
+export * from './Checkbox';
+export * from './CloseButton';
+export * from './Colors';
+export * from './CssBaseline';
+export * from './DateInput';
+export * from './DatePicker';
+export * from './Description';
+export * from './FileInput';
+export * from './FileItem';
+export * from './FiltersPane';
+export * from './Flag';
+export * from './FlexibleTable';
+export * from './Icon';
+export * from './IconButton';
+export * from './IncrementInput';
+export * from './Input';
+export * from './List';
+export * from './Modal';
+export * from './MoreMenu';
+export * from './MultiSelect';
+export * from './MultiSelectList';
+export * from './Notification';
+export * from './NumberInput';
+export * from './PhoneInput';
+export * from './RadioButton';
+export * from './ScrollIntoViewIfNeeded';
+export * from './SearchInput';
+export * from './Select';
+export * from './Selector';
+export * from './Skeleton';
+export * from './SmartInput';
+export * from './Status';
+export * from './Switch';
+export * from './TextArea';
+export * from './TextButton';
+export * from './TextWithInfo';
+export * from './TextWithTooltip';
+export * from './ThemedPreloader';
+export * from './Toaster';
+export * from './Tooltip';
+export * from './NewMoreMenu';
+export * from './WithPopup';
+export * from './WithTooltip';
+export * from './WithMessages';
+export * from './ControlWrapper';

package/src/constants/index.ts

@@ -1,2 +1,2 @@
-export * from './phone-info';
-export * from './mime-types';
+export * from './phone-info';
+export * from './mime-types';

package/src/constants/mime-types.ts

@@ -1,77 +1,77 @@
-export const mimeTypes = {
-  aac: 'audio/aac',
-  abw: 'application/x-abiword',
-  arc: 'application/x-freearc',
-  avi: 'video/x-msvideo',
-  azw: 'application/vnd.amazon.ebook',
-  bin: 'application/octet-stream',
-  bmp: 'image/bmp',
-  bz: 'application/x-bzip',
-  bz2: 'application/x-bzip2',
-  csh: 'application/x-csh',
-  css: 'text/css',
-  csv: 'text/csv',
-  doc: 'application/msword',
-  docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
-  eot: 'application/vnd.ms-fontobject',
-  epub: 'application/epub+zip',
-  gz: 'application/gzip',
-  gif: 'image/gif',
-  htm: 'text/html',
-  html: 'text/html',
-  ico: 'image/vnd.microsoft.icon',
-  ics: 'text/calendar',
-  jar: 'application/java-archive',
-  jpeg: 'image/jpeg',
-  jpg: 'image/jpeg',
-  js: 'text/javascript',
-  json: 'application/json',
-  jsonld: 'application/ld+json',
-  mid: '.midi',
-  mjs: 'text/javascript',
-  mp3: 'audio/mpeg',
-  mpeg: 'video/mpeg',
-  mpkg: 'application/vnd.apple.installer+xml',
-  odp: 'application/vnd.oasis.opendocument.presentation',
-  ods: 'application/vnd.oasis.opendocument.spreadsheet',
-  odt: 'application/vnd.oasis.opendocument.text',
-  oga: 'audio/ogg',
-  ogv: 'video/ogg',
-  ogx: 'application/ogg',
-  opus: 'audio/opus',
-  otf: 'font/otf',
-  png: 'image/png',
-  pdf: 'application/pdf',
-  php: 'application/php',
-  ppt: 'application/vnd.ms-powerpoint',
-  pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
-  rar: 'application/vnd.rar',
-  rtf: 'application/rtf',
-  sh: 'application/x-sh',
-  svg: 'image/svg+xml',
-  swf: 'application/x-shockwave-flash',
-  tar: 'application/x-tar',
-  tif: 'image/tiff',
-  tiff: 'image/tiff',
-  ts: 'video/mp2t',
-  ttf: 'font/ttf',
-  txt: 'text/plain',
-  vsd: 'application/vnd.visio',
-  wav: 'audio/wav',
-  weba: 'audio/webm',
-  webm: 'video/webm',
-  webp: 'image/webp',
-  woff: 'font/woff',
-  woff2: 'font/woff2',
-  xhtml: 'application/xhtml+xml',
-  xls: 'application/vnd.ms-excel',
-  xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
-  xml: 'XML',
-  xul: 'application/vnd.mozilla.xul+xml',
-  zip: 'application/zip',
-  '3gp': 'video/3gpp',
-  '3g2': 'video/3gpp2',
-  '7z': 'application/x-7z-compressed',
-} as const;
-
-export type IMimeType = keyof typeof mimeTypes;
+export const mimeTypes = {
+  aac: 'audio/aac',
+  abw: 'application/x-abiword',
+  arc: 'application/x-freearc',
+  avi: 'video/x-msvideo',
+  azw: 'application/vnd.amazon.ebook',
+  bin: 'application/octet-stream',
+  bmp: 'image/bmp',
+  bz: 'application/x-bzip',
+  bz2: 'application/x-bzip2',
+  csh: 'application/x-csh',
+  css: 'text/css',
+  csv: 'text/csv',
+  doc: 'application/msword',
+  docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+  eot: 'application/vnd.ms-fontobject',
+  epub: 'application/epub+zip',
+  gz: 'application/gzip',
+  gif: 'image/gif',
+  htm: 'text/html',
+  html: 'text/html',
+  ico: 'image/vnd.microsoft.icon',
+  ics: 'text/calendar',
+  jar: 'application/java-archive',
+  jpeg: 'image/jpeg',
+  jpg: 'image/jpeg',
+  js: 'text/javascript',
+  json: 'application/json',
+  jsonld: 'application/ld+json',
+  mid: '.midi',
+  mjs: 'text/javascript',
+  mp3: 'audio/mpeg',
+  mpeg: 'video/mpeg',
+  mpkg: 'application/vnd.apple.installer+xml',
+  odp: 'application/vnd.oasis.opendocument.presentation',
+  ods: 'application/vnd.oasis.opendocument.spreadsheet',
+  odt: 'application/vnd.oasis.opendocument.text',
+  oga: 'audio/ogg',
+  ogv: 'video/ogg',
+  ogx: 'application/ogg',
+  opus: 'audio/opus',
+  otf: 'font/otf',
+  png: 'image/png',
+  pdf: 'application/pdf',
+  php: 'application/php',
+  ppt: 'application/vnd.ms-powerpoint',
+  pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
+  rar: 'application/vnd.rar',
+  rtf: 'application/rtf',
+  sh: 'application/x-sh',
+  svg: 'image/svg+xml',
+  swf: 'application/x-shockwave-flash',
+  tar: 'application/x-tar',
+  tif: 'image/tiff',
+  tiff: 'image/tiff',
+  ts: 'video/mp2t',
+  ttf: 'font/ttf',
+  txt: 'text/plain',
+  vsd: 'application/vnd.visio',
+  wav: 'audio/wav',
+  weba: 'audio/webm',
+  webm: 'video/webm',
+  webp: 'image/webp',
+  woff: 'font/woff',
+  woff2: 'font/woff2',
+  xhtml: 'application/xhtml+xml',
+  xls: 'application/vnd.ms-excel',
+  xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+  xml: 'XML',
+  xul: 'application/vnd.mozilla.xul+xml',
+  zip: 'application/zip',
+  '3gp': 'video/3gpp',
+  '3g2': 'video/3gpp2',
+  '7z': 'application/x-7z-compressed',
+} as const;
+
+export type IMimeType = keyof typeof mimeTypes;