@youngonesworks/ui 0.1.87 → 0.1.91

package/dist/index.d.ts

@@ -28,7 +28,6 @@ export { NavButtons } from './components/navButtons';
 export { NumberField } from './components/numberField';
 export { PageUnavailable } from './components/pageUnavailable';
 export { PasswordInput } from './components/passwordInput';
-export { PhoneNumberInput } from './components/phoneNumberInput';
 export { Popover } from './components/popover';
 export { ProgressBar } from './components/progressBar';
 export { RadioButton } from './components/radioButton';

package/dist/index.js

@@ -13,7 +13,6 @@ import { addMonths, format, setMonth } from "date-fns";
 import { enGB, fr, nl, nlBE } from "date-fns/locale";
 import { FloatingArrow, arrow, autoUpdate, flip, offset, shift, useClick, useDismiss, useFloating, useFocus, useHover, useInteractions, useRole } from "@floating-ui/react";
 import { createPortal } from "react-dom";
-import PhoneInput from "react-phone-input-2";
 import ReactSelect, { components } from "react-select";
 import { Placeholder } from "@tiptap/extension-placeholder";
 import { Underline } from "@tiptap/extension-underline";
@@ -1105,10 +1104,20 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 						}),
 						selected !== undefined && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ 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__ */ jsx(IconX, { size: 15 })
 						}) })
 					]
@@ -1774,74 +1783,6 @@ const PasswordInput = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(TextI
 }));
 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 = 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__ */ jsxs("div", {
-		className: `${className}`,
-		children: [
-			typeof label === "string" ? /* @__PURE__ */ jsx(Label, {
-				htmlFor: "phoneNumber",
-				className: "mb-2",
-				children: label
-			}) : label,
-			/* @__PURE__ */ jsx(PhoneInput, {
-				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__ */ 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 }) => {
@@ -3197,5 +3138,5 @@ const setCSSVariable = (variable, value) => {
 };
 
 //#endregion
-export { AccordionItem, AccordionWrapper, ActionIcon, Alert, AppleAppButtonIcon, AutoCompleteInput, Avatar, AvatarIndicator, Badge, BigBadge, BreadCrumb, Button, CSS_VARIABLE_KEYS, Checkbox, DatePickerInput, Divider, FavouriteButton, Filters, GoogleAppButtonIcon, HR, HamburgerMenuButton, Island, Label, Loader, LogoBlack, Modal, NavButtons, NumberField, NumberedStepper, PageUnavailable, PasswordInput, PhoneNumberInput, Popover, ProfileMenu, ProgressBar, RadioButton, Rating, RegionSelector, Reviews, ScrollToTop, SearchInput, Select, SettingsCard, Skeleton, SkillPill, Stepper, StickyMobileButtonWrapper, Table, TableCell, TableHeader, TableHeaderItem, TableHeaderRow, TableRow, TabsBadge, TabsWrapper, TextInput, Textarea, ThemeIcon, TimeInput, Toggle, Tooltip, TruncatedText, UnorderedList, UnorderedListItem, UnstyledButton, WysiwygEditor, buttonVariants, getCSSVariable, setCSSVariable };
+export { AccordionItem, AccordionWrapper, ActionIcon, Alert, AppleAppButtonIcon, AutoCompleteInput, Avatar, AvatarIndicator, Badge, BigBadge, BreadCrumb, Button, CSS_VARIABLE_KEYS, Checkbox, DatePickerInput, Divider, FavouriteButton, Filters, GoogleAppButtonIcon, HR, HamburgerMenuButton, Island, Label, Loader, LogoBlack, Modal, NavButtons, NumberField, NumberedStepper, PageUnavailable, PasswordInput, Popover, ProfileMenu, ProgressBar, RadioButton, Rating, RegionSelector, Reviews, ScrollToTop, SearchInput, Select, SettingsCard, Skeleton, SkillPill, Stepper, StickyMobileButtonWrapper, Table, TableCell, TableHeader, TableHeaderItem, TableHeaderRow, TableRow, TabsBadge, TabsWrapper, TextInput, Textarea, ThemeIcon, TimeInput, Toggle, Tooltip, TruncatedText, UnorderedList, UnorderedListItem, UnstyledButton, WysiwygEditor, buttonVariants, getCSSVariable, setCSSVariable };
 //# sourceMappingURL=index.js.map