@koobiq/react-components 0.0.1-beta.28 → 0.0.1-beta.29

package/dist/components/Badge/Badge.js

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { polymorphicForwardRef, clsx } from "@koobiq/react-core";
+import { deprecate } from "@koobiq/logger";
+import { polymorphicForwardRef, isNotNil, clsx } from "@koobiq/react-core";
 import s from "./Badge.module.css.js";
 const Badge = polymorphicForwardRef(
   ({
@@ -10,22 +11,30 @@ const Badge = polymorphicForwardRef(
     startIcon,
     endIcon,
     label,
+    children,
     ...other
-  }, ref) => /* @__PURE__ */ jsxs(
-    Tag,
-    {
-      "data-variant": variant,
-      "data-size": size,
-      ...other,
-      ref,
-      className: clsx(s.base, s[size], s[variant], className),
-      children: [
-        startIcon,
-        /* @__PURE__ */ jsx("span", { className: s.label, children: label }),
-        endIcon
-      ]
+  }, ref) => {
+    if (process.env.NODE_ENV !== "production" && isNotNil(label)) {
+      deprecate(
+        'Badge. The "label" prop is deprecated. Use "children" prop to replace it.'
+      );
     }
-  )
+    return /* @__PURE__ */ jsxs(
+      Tag,
+      {
+        "data-variant": variant,
+        "data-size": size,
+        ...other,
+        ref,
+        className: clsx(s.base, s[size], s[variant], className),
+        children: [
+          startIcon,
+          /* @__PURE__ */ jsx("span", { className: s.label, children: children ?? label }),
+          endIcon
+        ]
+      }
+    );
+  }
 );
 export {
   Badge

package/dist/components/Badge/types.d.ts

@@ -3,18 +3,25 @@ export declare const badgePropSize: readonly ["compact", "normal"];
 export type BadgePropSize = (typeof badgePropSize)[number];
 export declare const badgePropVariant: readonly ["theme", "fade-theme", "outline-fade-theme", "error", "fade-error", "outline-fade-error", "warning", "fade-warning", "outline-fade-warning", "success", "fade-success", "outline-fade-success", "contrast", "fade-contrast", "outline-fade-contrast"];
 export type BadgePropVariant = (typeof badgePropVariant)[number];
+type BadgeBaseDeprecatedProps = {
+    /**
+     * @deprecated
+     * The "label" prop is deprecated. Use "children" prop to replace it.
+     * The label of the component. */
+    label?: ReactNode;
+};
 export type BadgeBaseProps = {
     /** The variant to use. */
     variant?: BadgePropVariant;
     /** The size of the component. */
     size?: BadgePropSize;
-    /** The label of the component. */
-    label?: ReactNode;
+    /** The content of the component. */
+    children?: ReactNode;
     /** Icon placed before the children. */
     startIcon?: ReactNode;
     /** Icon placed after the children. */
     endIcon?: ReactNode;
     /** Additional CSS-classes. */
     className?: string;
-    children?: never;
-};
+} & BadgeBaseDeprecatedProps;
+export {};

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,9 +1,9 @@
 export declare const Tooltip: import("react").ForwardRefExoticComponent<{
     variant?: import("./types").TooltipPropVariant;
-    open?: boolean;
+    isOpen?: boolean;
     defaultOpen?: boolean;
     onOpenChange?(open: boolean): void;
-    disabled?: boolean;
+    isDisabled?: boolean;
     children?: import("react").ReactNode;
     control?: import("./types").TooltipPropControl;
     placement?: import("./types").TooltipPropPlacement;
@@ -18,4 +18,7 @@ export declare const Tooltip: import("react").ForwardRefExoticComponent<{
     id?: string;
     className?: string;
     portalContainer?: Element;
+} & {
+    open?: boolean;
+    disabled?: boolean;
 } & import("@koobiq/react-core").DataAttributeProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Tooltip/Tooltip.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { forwardRef, useRef } from "react";
-import { useDOMRef, useMultiRef, useBoolean, mergeProps, clsx, FocusableProvider } from "@koobiq/react-core";
+import { deprecate } from "@koobiq/logger";
+import { isNotNil, useDOMRef, useMultiRef, useBoolean, mergeProps, clsx, FocusableProvider } from "@koobiq/react-core";
 import { useTooltipTriggerState, useTooltipTrigger, useOverlayPosition, useTooltip, Overlay } from "@koobiq/react-primitives";
 import { Transition } from "react-transition-group";
 import { utilClasses } from "../../styles/utility.js";
@@ -9,7 +10,10 @@ import s from "./Tooltip.module.css.js";
 const Tooltip = forwardRef((props, ref) => {
   const {
     delay = 120,
-    disabled = false,
+    disabled,
+    open,
+    isDisabled: isDisabledProp,
+    isOpen: isOpenProp,
     closeDelay = 120,
     hideArrow = false,
     variant = "contrast",
@@ -20,12 +24,23 @@ const Tooltip = forwardRef((props, ref) => {
     crossOffset,
     defaultOpen,
     onOpenChange,
-    open: openProp,
     portalContainer,
     offset: offsetProp,
     arrowBoundaryOffset,
     ...other
   } = props;
+  const isOpen = isOpenProp ?? open;
+  const isDisabled = isDisabledProp ?? disabled;
+  if (process.env.NODE_ENV !== "production" && isNotNil(open)) {
+    deprecate(
+      'Tooltip. The "open" prop is deprecated. Use "isOpen" prop to replace it.'
+    );
+  }
+  if (process.env.NODE_ENV !== "production" && isNotNil(disabled)) {
+    deprecate(
+      'Tooltip. The "disabled" prop is deprecated. Use "isDisabled" prop to replace it.'
+    );
+  }
   const showArrow = !hideArrow;
   const offset = showArrow ? offsetProp : offsetProp || 4;
   const state = useTooltipTriggerState({
@@ -33,8 +48,8 @@ const Tooltip = forwardRef((props, ref) => {
     closeDelay,
     defaultOpen,
     onOpenChange,
-    isOpen: openProp,
-    isDisabled: disabled,
+    isOpen,
+    isDisabled,
     ...other
   });
   const domRef = useDOMRef(ref);
@@ -43,11 +58,11 @@ const Tooltip = forwardRef((props, ref) => {
   const { triggerProps, tooltipProps: tooltipTriggerProps } = useTooltipTrigger(
     {
       delay,
+      isOpen,
+      isDisabled,
       closeDelay,
       defaultOpen,
       onOpenChange,
-      isOpen: openProp,
-      isDisabled: disabled,
       ...other
     },
     state,

package/dist/components/Tooltip/types.d.ts

@@ -1,12 +1,29 @@
 import type { ReactNode, RefObject, ComponentRef, ReactElement, DOMAttributes } from 'react';
 import type { DataAttributeProps } from '@koobiq/react-core';
-export type TooltipPropControl = (props: DOMAttributes<HTMLElement> & {
-    ref: ((node: HTMLElement | null) => void) | null;
+import type { FocusableElement } from '@koobiq/react-primitives';
+export type TooltipPropControl = (props: DOMAttributes<FocusableElement | null> & {
+    ref: ((node: FocusableElement | null) => void) | null;
 }) => ReactElement;
 export declare const tooltipPropPlacement: readonly ["bottom", "bottom start", "bottom end", "top", "top start", "top end", "start", "start top", "start bottom", "end", "end top", "end bottom"];
 export declare const tooltipPropVariant: readonly ["contrast", "contrast-fade", "error", "warning", "theme"];
 export type TooltipPropVariant = (typeof tooltipPropVariant)[number];
 export type TooltipPropPlacement = (typeof tooltipPropPlacement)[number];
+type TooltipDeprecatedProps = {
+    /**
+     * @deprecated
+     * The "open" prop is deprecated. Use "isOpen" prop to replace it.
+     * If `true`, the component is shown.
+     * @default false
+     * */
+    open?: boolean;
+    /**
+     * @deprecated
+     * The "disabled" prop is deprecated. Use "isDisabled" prop to replace it.
+     * If `true`, the component is disabled.
+     * @default false
+     * */
+    disabled?: boolean;
+};
 export type TooltipProps = {
     /**
      * The variant to use.
@@ -14,7 +31,7 @@ export type TooltipProps = {
      * */
     variant?: TooltipPropVariant;
     /** If `true`, the component is shown. */
-    open?: boolean;
+    isOpen?: boolean;
     /** The default open state. Use when the component is not controlled. */
     defaultOpen?: boolean;
     /** Handler that is called when the overlay's open state changes. */
@@ -23,7 +40,7 @@ export type TooltipProps = {
      * If `true`, the tooltip should be disabled, independent of the trigger.
      * @default false
      * */
-    disabled?: boolean;
+    isDisabled?: boolean;
     /** The content of the component. */
     children?: ReactNode;
     /** The render function of the control for displaying the tooltip. */
@@ -82,5 +99,6 @@ export type TooltipProps = {
      * @default document.body
      */
     portalContainer?: Element;
-} & DataAttributeProps;
+} & TooltipDeprecatedProps & DataAttributeProps;
 export type TooltipRef = ComponentRef<'div'>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koobiq/react-components",
-  "version": "0.0.1-beta.28",
+  "version": "0.0.1-beta.29",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -27,10 +27,10 @@
     "@koobiq/design-tokens": "^3.12.1",
     "@types/react-transition-group": "^4.4.12",
     "react-transition-group": "^4.4.5",
-    "@koobiq/logger": "0.0.1-beta.28",
-    "@koobiq/react-core": "0.0.1-beta.28",
-    "@koobiq/react-icons": "0.0.1-beta.28",
-    "@koobiq/react-primitives": "0.0.1-beta.28"
+    "@koobiq/logger": "0.0.1-beta.29",
+    "@koobiq/react-core": "0.0.1-beta.29",
+    "@koobiq/react-primitives": "0.0.1-beta.29",
+    "@koobiq/react-icons": "0.0.1-beta.29"
   },
   "peerDependencies": {
     "@koobiq/design-tokens": "^3.11.2",

package/dist/components/FieldComponents/FieldNumberControl/FieldNumberControl.d.ts

@@ -1,10 +0,0 @@
-import { type NumberFieldProps, type NumberFieldRef } from '@koobiq/react-primitives';
-export type FieldNumberControlProps = NumberFieldProps & {
-    fullWidth?: boolean;
-    className?: string;
-};
-export type FieldNumberControlRef = NumberFieldRef;
-export declare const FieldNumberControl: import("react").ForwardRefExoticComponent<Omit<import("@koobiq/react-primitives").UseNumberFieldProps, keyof import("@koobiq/react-primitives").RenderProps<import("@koobiq/react-primitives").NumberFieldRenderProps>> & import("@koobiq/react-primitives").RenderProps<import("@koobiq/react-primitives").NumberFieldRenderProps> & {
-    fullWidth?: boolean;
-    className?: string;
-} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/FieldComponents/FieldNumberControl/index.d.ts

@@ -1 +0,0 @@
-export * from './FieldNumberControl';