@koobiq/react-primitives 0.0.1-beta.3 → 0.0.1-beta.31

package/dist/index.js

@@ -1,23 +1,39 @@
+import { useToggleButtonGroup, useToggleButtonGroupItem } from "@react-aria/button";
+import { useCalendar, useCalendarCell, useCalendarGrid } from "@react-aria/calendar";
 import { useDialog } from "@react-aria/dialog";
-import { I18nProvider, useLocale, useLocalizedStringFormatter } from "@react-aria/i18n";
+import { I18nProvider, useDateFormatter, useLocale, useLocalizedStringFormatter } from "@react-aria/i18n";
 import { useListBox, useListBoxSection, useOption } from "@react-aria/listbox";
+import { useMenu, useMenuItem, useMenuSection, useMenuTrigger } from "@react-aria/menu";
 import { Overlay, useModalOverlay, useOverlayPosition, useOverlayTrigger, usePopover } from "@react-aria/overlays";
+import { HiddenSelect, useSelect } from "@react-aria/select";
+import { useSeparator } from "@react-aria/separator";
+import { useTable, useTableCell, useTableColumnHeader, useTableHeaderRow, useTableRow, useTableRowGroup, useTableSelectAllCheckbox, useTableSelectionCheckbox } from "@react-aria/table";
+import { useTag, useTagGroup } from "@react-aria/tag";
 import { useTooltip, useTooltipTrigger } from "@react-aria/tooltip";
+import { RouterProvider, useRouter } from "@react-aria/utils";
+import { VisuallyHidden } from "@react-aria/visually-hidden";
+import { useCalendarState } from "@react-stately/calendar";
 import { Item, Section } from "@react-stately/collections";
+import { useListData } from "@react-stately/data";
 import { useListState } from "@react-stately/list";
+import { useMenuTriggerState } from "@react-stately/menu";
 import { useOverlayTriggerState } from "@react-stately/overlays";
+import { useSelectState } from "@react-stately/select";
+import { Cell, Column, Row, TableBody, TableHeader, useTableState } from "@react-stately/table";
+import { useToggleGroupState } from "@react-stately/toggle";
 import { useTooltipTriggerState } from "@react-stately/tooltip";
+import { useTreeState } from "@react-stately/tree";
+export * from "@internationalized/date";
+import { Provider, removeDataAttributes, useRenderProps } from "./utils/index.js";
 import { useButton } from "./behaviors/useButton.js";
 import { useCheckbox } from "./behaviors/useCheckbox.js";
 import { useLink } from "./behaviors/useLink.js";
-import { useTextField } from "./behaviors/useTextField.js";
 import { useToggle } from "./behaviors/useToggle.js";
 import { useRadio } from "./behaviors/useRadio.js";
 import { useRadioGroup } from "./behaviors/useRadioGroup.js";
 import { useRadioGroupState } from "./behaviors/useRadioGroupState.js";
 import { useProgressBar } from "./behaviors/useProgressBar.js";
 import { useNumberField } from "./behaviors/useNumberField.js";
-import { useNumberFieldState } from "./behaviors/useNumberFieldState.js";
 import { Text } from "./components/Text/Text.js";
 import { TextContext } from "./components/Text/TextContext.js";
 import { Group } from "./components/Group/Group.js";
@@ -42,9 +58,12 @@ import { NumberField } from "./components/NumberField/NumberField.js";
 export {
   Button,
   ButtonContext,
+  Cell,
   Checkbox,
+  Column,
   Group,
   GroupContext,
+  HiddenSelect,
   I18nProvider,
   Input,
   InputContext,
@@ -55,30 +74,47 @@ export {
   NumberField,
   Overlay,
   ProgressBar,
+  Provider,
   Radio,
   RadioContext,
   RadioGroup,
+  RouterProvider,
+  Row,
   Section,
+  TableBody,
+  TableHeader,
   Text,
   TextContext,
   TextField,
   Textarea,
   TextareaContext,
   Toggle,
+  VisuallyHidden,
+  removeDataAttributes,
   useButton,
+  useCalendar,
+  useCalendarCell,
+  useCalendarGrid,
+  useCalendarState,
   useCheckbox,
+  useDateFormatter,
   useDialog,
   useGroupContext,
   useInputContext,
   useLink,
   useListBox,
   useListBoxSection,
+  useListData,
   useListState,
   useLocale,
   useLocalizedStringFormatter,
+  useMenu,
+  useMenuItem,
+  useMenuSection,
+  useMenuTrigger,
+  useMenuTriggerState,
   useModalOverlay,
   useNumberField,
-  useNumberFieldState,
   useOption,
   useOverlayPosition,
   useOverlayTrigger,
@@ -88,10 +124,29 @@ export {
   useRadio,
   useRadioGroup,
   useRadioGroupState,
-  useTextField,
+  useRenderProps,
+  useRouter,
+  useSelect,
+  useSelectState,
+  useSeparator,
+  useTable,
+  useTableCell,
+  useTableColumnHeader,
+  useTableHeaderRow,
+  useTableRow,
+  useTableRowGroup,
+  useTableSelectAllCheckbox,
+  useTableSelectionCheckbox,
+  useTableState,
+  useTag,
+  useTagGroup,
   useTextareaContext,
   useToggle,
+  useToggleButtonGroup,
+  useToggleButtonGroupItem,
+  useToggleGroupState,
   useTooltip,
   useTooltipTrigger,
-  useTooltipTriggerState
+  useTooltipTriggerState,
+  useTreeState
 };

package/dist/types.d.ts

@@ -1,8 +1,5 @@
 import type { ElementType } from 'react';
 import type { AriaButtonOptions } from '@react-aria/button';
-export type ButtonOptions = Omit<AriaButtonOptions<ElementType>, 'isDisabled'> & {
-    /** Whether the button is disabled. */
-    disabled?: boolean;
-    /** Handler that is called when the press is released over the target. */
-    onClick?: AriaButtonOptions<ElementType>['onPress'];
-};
+import type { AriaLinkOptions } from '@react-aria/link';
+export type ButtonOptions = AriaButtonOptions<ElementType>;
+export type LinkOptions = AriaLinkOptions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koobiq/react-primitives",
-  "version": "0.0.1-beta.3",
+  "version": "0.0.1-beta.31",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -9,6 +9,11 @@
       "default": "./dist/index.js"
     }
   },
+  "repository": {
+    "type": "git",
+    "directory": "packages/primitives",
+    "url": "git+https://github.com/koobiq/react-components.git"
+  },
   "type": "module",
   "files": [
     "dist"
@@ -18,28 +23,44 @@
   },
   "sideEffects": false,
   "dependencies": {
+    "@internationalized/date": "^3.8.2",
     "@react-aria/button": "^3.9.0",
+    "@react-aria/calendar": "^3.8.3",
     "@react-aria/checkbox": "^3.14.0",
     "@react-aria/dialog": "^3.5.19",
-    "@react-aria/i18n": "^3.12.4",
-    "@react-aria/link": "^3.7.0",
+    "@react-aria/i18n": "^3.12.10",
+    "@react-aria/link": "^3.8.3",
     "@react-aria/listbox": "^3.14.2",
+    "@react-aria/menu": "^3.18.2",
     "@react-aria/numberfield": "^3.11.8",
     "@react-aria/overlays": "^3.23.4",
     "@react-aria/progress": "^3.4.17",
     "@react-aria/radio": "^3.10.9",
-    "@react-aria/textfield": "^3.14.0",
+    "@react-aria/select": "^3.15.3",
+    "@react-aria/separator": "^3.4.8",
+    "@react-aria/switch": "^3.7.5",
+    "@react-aria/table": "^3.17.3",
+    "@react-aria/tag": "^3.6.0",
+    "@react-aria/textfield": "^3.17.5",
     "@react-aria/toggle": "^3.10.10",
-    "@react-aria/tooltip": "^3.7.9",
+    "@react-aria/tooltip": "^3.8.5",
+    "@react-aria/utils": "^3.29.1",
     "@react-aria/visually-hidden": "^3.8.0",
+    "@react-stately/calendar": "^3.8.2",
     "@react-stately/collections": "^3.12.2",
+    "@react-stately/data": "^3.13.0",
     "@react-stately/list": "^3.12.0",
+    "@react-stately/menu": "^3.9.3",
     "@react-stately/numberfield": "^3.9.7",
     "@react-stately/overlays": "^3.6.11",
     "@react-stately/radio": "^3.10.8",
-    "@react-stately/tooltip": "^3.4.13",
-    "@koobiq/react-core": "0.0.1-beta.3",
-    "@koobiq/logger": "0.0.1-beta.3"
+    "@react-stately/select": "^3.6.11",
+    "@react-stately/table": "^3.14.2",
+    "@react-stately/toggle": "^3.7.0",
+    "@react-stately/tooltip": "^3.5.5",
+    "@react-stately/tree": "^3.8.9",
+    "@koobiq/logger": "0.0.1-beta.31",
+    "@koobiq/react-core": "0.0.1-beta.31"
   },
   "peerDependencies": {
     "react": "18.x || 19.x",

package/dist/behaviors/useNumberFieldState.d.ts

@@ -1,25 +0,0 @@
-import type { ExtendableProps } from '@koobiq/react-core';
-import type { NumberFieldStateOptions } from '@react-stately/numberfield';
-export type UseNumberFieldStateProps = ExtendableProps<{
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     * */
-    disabled?: boolean;
-    /** It prevents the user from changing the value of the checkbox.
-     * @default false
-     */
-    readonly?: boolean;
-    /**
-     * If `true`, the input element is required.
-     * @default false
-     * */
-    required?: boolean;
-    /**
-     * If `true`, the component will indicate an error.
-     * @default false
-     * */
-    error?: boolean;
-}, Omit<NumberFieldStateOptions, 'isDisabled' | 'isReadOnly' | 'isRequired' | 'isInvalid'>>;
-export declare function useNumberFieldState(props: UseNumberFieldStateProps): import("@react-stately/numberfield").NumberFieldState;
-export type UseNumberFieldStateReturn = ReturnType<typeof useNumberFieldState>;

package/dist/behaviors/useNumberFieldState.js

@@ -1,13 +0,0 @@
-import { useNumberFieldState as useNumberFieldState$1 } from "@react-stately/numberfield";
-function useNumberFieldState(props) {
-  return useNumberFieldState$1({
-    ...props,
-    isInvalid: props.error || false,
-    isReadOnly: props.readonly || false,
-    isDisabled: props.disabled || false,
-    isRequired: props.required || false
-  });
-}
-export {
-  useNumberFieldState
-};

package/dist/behaviors/useTextField.d.ts

@@ -1,19 +0,0 @@
-import type { RefObject } from 'react';
-import type { AriaTextFieldOptions } from '@react-aria/textfield';
-export type UseTextFieldProps = {
-    error?: boolean;
-    readonly?: boolean;
-    required?: boolean;
-    disabled?: boolean;
-    inputElementType?: 'input' | 'textarea';
-} & Omit<AriaTextFieldOptions<'input' | 'textarea'>, 'isDisabled' | 'isInvalid' | 'isRequired' | 'isReadOnly'>;
-export declare function useTextField(props: UseTextFieldProps, ref: RefObject<HTMLInputElement | HTMLTextAreaElement | null>): {
-    inputProps: import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>;
-    labelProps: import("@react-types/shared").DOMAttributes | import("react").LabelHTMLAttributes<HTMLLabelElement>;
-    descriptionProps: import("@react-types/shared").DOMAttributes;
-    errorMessageProps: import("@react-types/shared").DOMAttributes;
-    validationErrors: string[];
-    validationDetails: ValidityState;
-    error: boolean;
-};
-export type UseTextFieldReturn = ReturnType<typeof useTextField>;

package/dist/behaviors/useTextField.js

@@ -1,24 +0,0 @@
-"use client";
-import { useTextField as useTextField$1 } from "@react-aria/textfield";
-function useTextField(props, ref) {
-  const { disabled, error, label, readonly, required, ...other } = props;
-  const { isInvalid, ...textFieldProps } = useTextField$1(
-    {
-      isDisabled: disabled,
-      isReadOnly: readonly,
-      isRequired: required,
-      isInvalid: error,
-      label,
-      errorMessage: error ? label : void 0,
-      ...other
-    },
-    ref
-  );
-  return {
-    error: isInvalid,
-    ...textFieldProps
-  };
-}
-export {
-  useTextField
-};