@keboola/design 2.0.0 → 2.1.0

package/src/utils/classNames.test.ts

@@ -1,16 +0,0 @@
-import { test } from 'vitest';
-
-import { extractExternalClasses } from './classNames';
-
-test('extractExternalClasses', () => {
-  expect(extractExternalClasses()).toEqual(['', '']);
-  expect(extractExternalClasses('')).toEqual(['', '']);
-  expect(extractExternalClasses('cls-1 extCls-1 extCls-2 cls-2')).toEqual([
-    'extCls-1 extCls-2',
-    'cls-1 cls-2',
-  ]);
-  expect(extractExternalClasses('first second-class lastClasss')).toEqual([
-    '',
-    'first second-class lastClasss',
-  ]);
-});

package/src/utils/classNames.ts

@@ -1,27 +0,0 @@
-import { clsx } from 'clsx';
-import { extendTailwindMerge } from 'tailwind-merge';
-
-const twMerge = extendTailwindMerge({
-  prefix: 'tw-',
-});
-
-type Mapping = Record<string, unknown>;
-type Argument = string | boolean | undefined | Mapping;
-
-export const cn = (...classes: Argument[]) => twMerge(clsx(...classes));
-
-export const extractExternalClasses = (className?: string) => {
-  if (!className) {
-    return ['', ''];
-  }
-
-  const [extCls, rest] = className.split(' ').reduce(
-    (acc, cls) => {
-      acc[cls.startsWith('extCls-') ? 0 : 1].push(cls);
-      return acc;
-    },
-    [[], []] as [string[], string[]],
-  );
-
-  return [extCls.join(' '), rest.join(' ')];
-};

package/src/utils/copyToClipboard.ts

@@ -1,3 +0,0 @@
-export const copyToClipboard = (text: string) => {
-  return navigator.clipboard.writeText(text);
-};

package/src/utils/createChangeInputEvent.ts

@@ -1,28 +0,0 @@
-import type { ChangeEvent } from 'react';
-
-export const createChangeInputEvent = (input: HTMLInputElement) => {
-  const changeEvent: ChangeEvent<HTMLInputElement> = {
-    target: input,
-    currentTarget: input,
-    type: 'change',
-    nativeEvent: new Event('change', { bubbles: true }),
-    bubbles: true,
-    cancelable: false,
-    defaultPrevented: false,
-    eventPhase: 2, // AT_TARGET
-    isTrusted: false, // Synthetic events are not trusted
-    preventDefault: () => {}, // Provide dummy functions if not needed
-    isDefaultPrevented: () => false,
-    stopPropagation: () => {},
-    isPropagationStopped: () => false,
-    persist: () => {},
-    timeStamp: Date.now(),
-  };
-
-  Object.defineProperty(changeEvent, 'target', {
-    value: input,
-    writable: false,
-  });
-
-  return changeEvent;
-};

package/src/utils/createPrefixedString.ts

@@ -1,2 +0,0 @@
-export const createPrefixedString = (prefix: string) => (literals: TemplateStringsArray) =>
-  literals.reduce((acc, literal) => acc + literal, `${prefix}-`);

package/src/utils/debounce.test.ts

@@ -1,63 +0,0 @@
-import { vi } from 'vitest';
-
-import { debounce } from './debounce';
-
-const fn = vi.fn();
-
-describe(debounce.name, () => {
-  beforeEach(() => {
-    vi.useFakeTimers();
-  });
-  afterEach(() => {
-    vi.useRealTimers();
-    vi.clearAllTimers();
-    vi.resetAllMocks();
-  });
-
-  it('should delay function execution by the specified time', () => {
-    const debounced = debounce(fn, 1000);
-
-    debounced();
-
-    expect(fn).not.toHaveBeenCalled();
-
-    vi.advanceTimersByTime(500);
-    expect(fn).not.toHaveBeenCalled();
-
-    vi.advanceTimersByTime(500);
-    expect(fn).toHaveBeenCalledTimes(1); // Now it should call the function
-  });
-
-  it('should reset the timer if called again within the delay', () => {
-    const debounced = debounce(fn, 1000);
-
-    debounced();
-    vi.advanceTimersByTime(500);
-
-    debounced(); // reset timer
-    vi.advanceTimersByTime(500);
-
-    debounced(); // reset timer again
-
-    vi.advanceTimersByTime(999);
-    expect(fn).not.toHaveBeenCalled();
-
-    vi.advanceTimersByTime(1);
-    expect(fn).toHaveBeenCalledTimes(1);
-  });
-
-  it('should call the function only once when debounce is executed multiple times quickly', () => {
-    const debounced = debounce(fn, 1000);
-
-    // Call the debounced function multiple times quickly
-    debounced();
-    debounced();
-    debounced();
-
-    // Advance time by 1000ms
-    vi.advanceTimersByTime(1000);
-
-    // The function should only run once
-    expect(fn).toHaveBeenCalledTimes(1);
-  });
-});

package/src/utils/debounce.ts

@@ -1,17 +0,0 @@
-type DebouncedFn<T extends (...args: any[]) => void> = {
-  (...args: Parameters<T>): void;
-  cancel: () => void;
-};
-
-export const debounce = <T extends (...args: any[]) => void>(
-  fn: T,
-  delay: number,
-): DebouncedFn<T> => {
-  let timeoutId: ReturnType<typeof setTimeout>;
-  const debounced = (...args: Parameters<T>) => {
-    clearTimeout(timeoutId);
-    timeoutId = setTimeout(() => fn(...args), delay);
-  };
-  debounced.cancel = () => clearTimeout(timeoutId);
-  return debounced;
-};

package/src/utils/decorators.tsx

@@ -1,16 +0,0 @@
-import type { ComponentType } from 'react';
-
-import { TooltipProvider } from '../components/Tooltip';
-
-export const withTooltipProvider = (Story: ComponentType) => (
-  <TooltipProvider>
-    <Story />
-  </TooltipProvider>
-);
-
-// position:fixed only fills the Storybook iframe, not the browser window.
-export const withHiddenFullscreen = (Story: ComponentType) => (
-  <div className="[&_[aria-label=Fullscreen]]:tw-hidden">
-    <Story />
-  </div>
-);

package/src/utils/escapeStringRegexp.ts

@@ -1,4 +0,0 @@
-// Escape characters with special meaning either inside or outside character sets.
-// Use a simple backslash escape when it's always valid, and a `\xnn` escape when the simpler form would be disallowed by Unicode patterns' stricter grammar.
-export const escapeStringRegexp = (string: string) =>
-  string.replace(/[|\\{}()[\]^$+*?.]/g, '\\$&').replace(/-/g, '\\x2d');

package/src/utils/index.ts

@@ -1,11 +0,0 @@
-export * from './classNames';
-export * from './copyToClipboard';
-export * from './createChangeInputEvent';
-export * from './decorators';
-export * from './createPrefixedString';
-export * from './escapeStringRegexp';
-export * from './mergeRefs';
-export * from './noop';
-export * from './debounce';
-export * from './isMac';
-export * from './useSHA256';

package/src/utils/isMac.ts

@@ -1,26 +0,0 @@
-// Platform detection
-type NavigatorUAData = {
-  platform: string;
-  brands: { brand: string; version: string }[];
-  mobile: boolean;
-};
-
-const getIsMac = (): boolean => {
-  // Modern approach using navigator.userAgentData
-  if (typeof navigator !== 'undefined' && 'userAgentData' in navigator) {
-    const platform = (navigator.userAgentData as NavigatorUAData).platform;
-
-    if (typeof platform === 'string') {
-      return platform.toLowerCase() === 'macos';
-    }
-  }
-
-  if (typeof navigator !== 'undefined' && typeof navigator.platform === 'string') {
-    return navigator.platform.toUpperCase().indexOf('MAC') >= 0;
-  }
-
-  // Server-side rendering fallback
-  return false;
-};
-
-export const isMac = getIsMac();

package/src/utils/legacyIcon.tsx

@@ -1,28 +0,0 @@
-import type { ComponentProps, ReactNode } from 'react';
-
-import { Icon } from '../components/Icon';
-
-/**
- * Shim helpers for wrappers whose `icon` prop transitioned from a FontAwesome
- * name / `[prefix, name]` tuple to a `ReactNode` (Lucide-composition) during the
- * UT-4109 C2 sweep. New code should pass a Lucide icon node directly — these
- * helpers exist only so existing `<Wrapper icon="cog">` callsites keep
- * rendering an icon instead of the raw string while consumer-migration PRs
- * (C2b–C2j) land. Removed by the final C2 cleanup PR.
- */
-type FAIconValue = ComponentProps<typeof Icon>['icon'];
-
-export const isFAIconValue = (value: unknown): value is FAIconValue =>
-  typeof value === 'string' ||
-  (Array.isArray(value) &&
-    value.length === 2 &&
-    typeof value[0] === 'string' &&
-    typeof value[1] === 'string');
-
-/**
- * Render a node, transparently dispatching legacy FontAwesome icon values
- * (string / `[prefix, name]` tuple) through the legacy `<Icon>` wrapper.
- * For ReactNode inputs (the new composition path), returns the node as-is.
- */
-export const renderLegacyIcon = (value: ReactNode | FAIconValue): ReactNode =>
-  isFAIconValue(value) ? <Icon icon={value} /> : value;

package/src/utils/mergeRefs.ts

@@ -1,23 +0,0 @@
-import type { MutableRefObject, RefCallback } from 'react';
-
-type PossibleRef<T> = MutableRefObject<T> | RefCallback<T> | null;
-
-/**
- * Set a given ref to a given value
- * This utility takes care of different types of refs: callback refs and RefObject(s)
- */
-function setRef<T>(ref: PossibleRef<T>, value: T) {
-  if (typeof ref === 'function') {
-    ref(value);
-  } else if (ref != null) {
-    ref.current = value;
-  }
-}
-
-/**
- * A utility to compose multiple refs together
- * Accepts callback refs and RefObject(s)
- */
-export const mergeRefs = <T>(...refs: PossibleRef<T>[]) => {
-  return (node: T) => refs.forEach((ref) => setRef(ref, node));
-};

package/src/utils/noop.ts

@@ -1 +0,0 @@
-export const noop = () => void 0;

package/src/utils/useSHA256.ts

@@ -1,21 +0,0 @@
-import { useEffect, useState } from 'react';
-
-// https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/digest#converting_a_digest_to_a_hex_string
-const sha256 = async (text: string) => {
-  const msgUint8 = new TextEncoder().encode(text);
-  const hashBuffer = await crypto.subtle.digest('SHA-256', msgUint8);
-  const hashArray = Array.from(new Uint8Array(hashBuffer));
-  return hashArray.map((b) => b.toString(16).padStart(2, '0')).join('');
-};
-
-export const useSHA256 = (text?: string) => {
-  const [hash, setHash] = useState('');
-
-  useEffect(() => {
-    if (text) {
-      sha256(text).then(setHash);
-    }
-  }, [text]);
-
-  return hash;
-};

package/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />