@strapi/design-system 1.18.0 → 2.0.0-beta.0

package/dist/hooks/useDateFormatter.d.ts

@@ -0,0 +1,28 @@
+import { DateFormatter } from '@internationalized/date';
+export interface DateFormatterOptions extends Intl.DateTimeFormatOptions {
+    calendar?: string;
+}
+/**
+ * This hook wraps the `DateFormatter` from `@internationalized/date`. Which essentially is
+ * an extension of the `Intl.DateTimeFormat` API with some additional features.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat
+ * for more information.
+ *
+ * @returns a memoized DateFormatter instance
+ *
+ * @example
+ * ```tsx
+ * const MyComponent = () => {
+ *  const monthFormatter = useDateFormatter(locale, { month: 'long' });
+ *  const months: string[] = React.useMemo(
+ *    () => [...Array(12).keys()].map((m) => monthFormatter.format(new Date(Date.UTC(2023, m)))),
+ *    [monthFormatter],
+ *   );
+ *
+ *  // assuming the locale is `en-GB` this will render `Janyary` to `December`.
+ *  return months.map((month) => <p key={month}>{month}</p>)
+ * }
+ * ```
+ */
+export declare function useDateFormatter(locale: string, options?: DateFormatterOptions): DateFormatter;

package/dist/hooks/useElementOnScreen.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const useElementOnScreen: <TElement extends HTMLElement = HTMLElement>(options?: IntersectionObserverInit) => [containerRef: React.RefObject<TElement>, isVisible: boolean];

package/dist/hooks/useId.d.ts

@@ -0,0 +1 @@
+export declare const useId: (initialId?: string | number | undefined) => string;

package/dist/hooks/useIntersection.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface UseIntersectionOptions {
+    selectorToWatch: string;
+    skipWhen?: boolean;
+}
+export declare const useIntersection: (scrollableAreaRef: React.MutableRefObject<HTMLElement | null>, callback: (entry: IntersectionObserverEntry) => void, { selectorToWatch, skipWhen }: UseIntersectionOptions) => void;
+export {};

package/dist/hooks/useLockScroll.d.ts

@@ -0,0 +1,2 @@
+declare const useLockScroll: (lockScroll: boolean) => void;
+export default useLockScroll;

package/dist/hooks/usePrevious.d.ts

@@ -0,0 +1 @@
+export declare const usePrevious: <TValue>(value: TValue) => TValue | undefined;

package/dist/hooks/useResizeObserver.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const useResizeObserver: (sources: React.RefObject<HTMLElement> | React.RefObject<HTMLElement>[], onResize: ResizeObserverCallback) => void;

package/dist/index.d.ts

@@ -0,0 +1,67 @@
+export * from './Accordion';
+export * from './Alert';
+export * from './Avatar';
+export * from './Badge';
+export * from './BaseButton';
+export * from './BaseCheckbox';
+export * from './BaseLink';
+export { BaseRadio } from './BaseRadio';
+export * from './Box';
+export * from './Breadcrumbs';
+export * from './Button';
+export * from './Card';
+export * from './CarouselInput';
+export * from './Checkbox';
+export * from './Combobox';
+export * from './DesignSystemProvider';
+export * from './Dialog';
+export * from './DismissibleLayer';
+export * from './DatePicker';
+export * from './DateTimePicker';
+export * from './Divider';
+export * from './EmptyStateLayout';
+export * from './Field';
+export * from './FocusTrap';
+export * from './Grid';
+export * from './Icon';
+export * from './IconButton';
+export * from './JSONInput';
+export * from './KeyboardNavigable';
+export * from './Layout';
+export * from './Link';
+export * from './LinkButton';
+export * from './LiveRegions';
+export * from './Loader';
+export * from './Main';
+export * from './MainNav';
+export * from './ModalLayout';
+export * from './NumberInput';
+export * from './Pagination';
+export * from './Popover';
+export * from './Portal';
+export * from './ProgressBar';
+export * from './Radio';
+export * from './RawTable';
+export * from './Flex';
+export * from './Searchbar';
+export * from './Select';
+export * from './SimpleMenu';
+export * from './Status';
+export * from './SubNav';
+export * from './Switch';
+export * from './Tabs';
+export * from './Table';
+export * from './Tag';
+export * from './TextButton';
+export * from './TextInput';
+export * from './Textarea';
+export * from './ThemeProvider';
+export * from './TimePicker';
+export * from './ToggleInput';
+export * from './Tooltip';
+export * from './Typography';
+export * from './VisuallyHidden';
+export * from './themes';
+export * from './hooks/useComposeRefs';
+export * from './hooks/useDateFormatter';
+export { useFilter, useCollator, type Filter, useCallbackRef, composeEventHandlers } from '@strapi/ui-primitives';