@youngonesworks/ui 0.1.87 → 0.1.90

package/dist/components/datePickerInput/DatePickerInput.stories.d.ts

@@ -1,5 +1,5 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { DatePickerInput } from './index';
+import { type Meta, type StoryObj } from "@storybook/react-vite";
+import { DatePickerInput } from "./index";
 declare const meta: Meta<typeof DatePickerInput>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/components/datePickerInput/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from "react";
 interface IDatePickerInputProps {
     value?: Date;
     label?: ReactNode | string;
@@ -16,5 +16,5 @@ interface IDatePickerInputProps {
     disabled?: boolean;
     minimalDropdownYears?: number;
 }
-export declare const DatePickerInput: ({ lang, todayText, value, disabledFrom, disabledUntil, className, error, onChange, placeholder, label, disabled, minimalDropdownYears }: IDatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DatePickerInput: ({ lang, todayText, value, disabledFrom, disabledUntil, className, error, onChange, placeholder, label, disabled, minimalDropdownYears, }: IDatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/searchInput/index.d.ts

@@ -1,9 +1,8 @@
-import { type ChangeEvent } from 'react';
-import { type TextInputProps } from '../textInput';
-interface SearchInputProps extends TextInputProps {
+import { type ChangeEvent } from "react";
+import { type TextInputProps } from "../textInput";
+export interface SearchInputProps extends TextInputProps {
     placeholder: string;
     value?: string;
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
 }
 export declare const SearchInput: ({ placeholder, value, onChange, className, rightSection, ...props }: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/searchInput/searchInput.test.d.ts

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";

package/dist/components/textInput/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { type ChangeEvent, type FocusEvent, type InputHTMLAttributes, type KeyboardEvent } from 'react';
+import React from "react";
+import { type ChangeEvent, type FocusEvent, type InputHTMLAttributes, type KeyboardEvent } from "react";
 export type TextInputProps = InputHTMLAttributes<HTMLInputElement> & {
     rightSection?: React.ReactNode;
     leftSection?: React.ReactNode;

package/dist/components/textInput/textInput.test.d.ts

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";

package/dist/index.cjs

@@ -1,4 +1,4 @@
-'use client';
+"use client";
 
 
 //#region rolldown:runtime
@@ -35,7 +35,6 @@ const date_fns = __toESM(require("date-fns"));
 const date_fns_locale = __toESM(require("date-fns/locale"));
 const __floating_ui_react = __toESM(require("@floating-ui/react"));
 const react_dom = __toESM(require("react-dom"));
-const react_phone_input_2 = __toESM(require("react-phone-input-2"));
 const react_select = __toESM(require("react-select"));
 const __tiptap_extension_placeholder = __toESM(require("@tiptap/extension-placeholder"));
 const __tiptap_extension_underline = __toESM(require("@tiptap/extension-underline"));
@@ -1127,10 +1126,20 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 						}),
 						selected !== undefined && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "cursor-pointer text-sm font-normal text-gray-800",
+							role: "button",
+							"aria-label": "Clear date",
+							tabIndex: 0,
 							onClick: () => {
 								setSelected(undefined);
 								onChange?.(undefined);
 							},
+							onKeyDown: (e) => {
+								if (e.key === "Enter" || e.key === " ") {
+									e.preventDefault();
+									setSelected(undefined);
+									onChange?.(undefined);
+								}
+							},
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconX, { size: 15 })
 						}) })
 					]
@@ -1796,74 +1805,6 @@ const PasswordInput = react.default.forwardRef((props, ref) => /* @__PURE__ */ (
 }));
 PasswordInput.displayName = "PasswordInput";
 
-//#endregion
-//#region src/components/phoneNumberInput/index.tsx
-const PhoneNumberInput = ({ setValue, setPhoneNumberExt, phoneNumberExt, isValid = true, phoneNumberError, phoneNumberExtensionError, phoneNumberField, phoneNumberExtField, placeholder, className, inputClass, label, disabled }) => {
-	const handlePhoneChange = (0, react.useCallback)((value, country) => {
-		if (!value || typeof country !== "object" || country === null || !("dialCode" in country)) return;
-		const dialCode = `+${country.dialCode}`;
-		const numberWithoutDialCode = value.startsWith(country.dialCode) ? value.slice(country.dialCode.length).trim() : value.trim();
-		setValue(phoneNumberField, numberWithoutDialCode, {
-			shouldDirty: true,
-			shouldValidate: true
-		});
-		setValue(phoneNumberExtField, dialCode, {
-			shouldDirty: true,
-			shouldValidate: true
-		});
-		if (setPhoneNumberExt) {
-			setPhoneNumberExt({
-				number: numberWithoutDialCode,
-				ext: dialCode,
-				countryCode: country.countryCode || ""
-			});
-		}
-	}, [
-		setValue,
-		phoneNumberField,
-		phoneNumberExtField,
-		setPhoneNumberExt
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: `${className}`,
-		children: [
-			typeof label === "string" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label, {
-				htmlFor: "phoneNumber",
-				className: "mb-2",
-				children: label
-			}) : label,
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_phone_input_2.default, {
-				inputProps: {
-					name: phoneNumberField,
-					id: phoneNumberField,
-					required: true,
-					disabled
-				},
-				country: phoneNumberExt?.countryCode?.toLowerCase() || "nl",
-				onlyCountries: [
-					"nl",
-					"be",
-					"gb",
-					"fr"
-				],
-				placeholder,
-				autoFormat: false,
-				isValid: isValid && !phoneNumberExtensionError && !phoneNumberError,
-				value: `${(phoneNumberExt?.ext || "").replace(/^\+/, "")}${phoneNumberExt?.number || ""}`,
-				onChange: handlePhoneChange,
-				countryCodeEditable: false,
-				enableSearch: false,
-				disableSearchIcon: true,
-				inputClass
-			}),
-			(phoneNumberExtensionError || phoneNumberError) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-xs font-normal text-red-500",
-				children: phoneNumberExtensionError || phoneNumberError
-			})
-		]
-	});
-};
-
 //#endregion
 //#region src/components/progressBar/index.tsx
 const ProgressBar = ({ value, maxValue = 100, className }) => {
@@ -3250,7 +3191,6 @@ exports.NumberField = NumberField;
 exports.NumberedStepper = NumberedStepper;
 exports.PageUnavailable = PageUnavailable;
 exports.PasswordInput = PasswordInput;
-exports.PhoneNumberInput = PhoneNumberInput;
 exports.Popover = Popover;
 exports.ProfileMenu = ProfileMenu;
 exports.ProgressBar = ProgressBar;