@youngonesworks/ui 0.1.86 → 0.1.90
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/datePickerInput/DatePickerInput.stories.d.ts +2 -2
- package/dist/components/datePickerInput/index.d.ts +2 -2
- package/dist/components/searchInput/index.d.ts +3 -4
- package/dist/components/searchInput/searchInput.test.d.ts +1 -1
- package/dist/components/textInput/index.d.ts +2 -2
- package/dist/components/textInput/textInput.test.d.ts +1 -1
- package/dist/index.cjs +11 -70
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +65 -66
- package/dist/index.js +12 -70
- package/dist/index.js.map +1 -1
- package/package.json +6 -4
- package/dist/components/phoneNumberInput/PhoneInputSelect.stories.d.ts +0 -6
- package/dist/components/phoneNumberInput/PhoneNumberInput.test.d.ts +0 -1
- package/dist/components/phoneNumberInput/index.d.ts +0 -31
package/dist/index.d.ts
CHANGED
|
@@ -1,66 +1,65 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { AccordionItem, AccordionWrapper } from
|
|
3
|
-
export { ActionIcon } from
|
|
4
|
-
export { Alert } from
|
|
5
|
-
export { AppleAppButtonIcon } from
|
|
6
|
-
export { AutoCompleteInput } from
|
|
7
|
-
export { Avatar } from
|
|
8
|
-
export { AvatarIndicator } from
|
|
9
|
-
export { Badge } from
|
|
10
|
-
export { BigBadge } from
|
|
11
|
-
export { BreadCrumb } from
|
|
12
|
-
export { Button } from
|
|
13
|
-
export { buttonVariants } from
|
|
14
|
-
export { Checkbox } from
|
|
15
|
-
export { DatePickerInput } from
|
|
16
|
-
export { Divider } from
|
|
17
|
-
export { FavouriteButton } from
|
|
18
|
-
export { Filters } from
|
|
19
|
-
export { GoogleAppButtonIcon } from
|
|
20
|
-
export { HamburgerMenuButton } from
|
|
21
|
-
export { HR } from
|
|
22
|
-
export { Island } from
|
|
23
|
-
export { Label } from
|
|
24
|
-
export { Loader } from
|
|
25
|
-
export { LogoBlack } from
|
|
26
|
-
export { Modal } from
|
|
27
|
-
export { NavButtons } from
|
|
28
|
-
export { NumberField } from
|
|
29
|
-
export { PageUnavailable } from
|
|
30
|
-
export { PasswordInput } from
|
|
31
|
-
export {
|
|
32
|
-
export {
|
|
33
|
-
export {
|
|
34
|
-
export {
|
|
35
|
-
export {
|
|
36
|
-
export {
|
|
37
|
-
export {
|
|
38
|
-
export {
|
|
39
|
-
export {
|
|
40
|
-
export {
|
|
41
|
-
export {
|
|
42
|
-
export {
|
|
43
|
-
export {
|
|
44
|
-
export {
|
|
45
|
-
export {
|
|
46
|
-
export {
|
|
47
|
-
export {
|
|
48
|
-
export {
|
|
49
|
-
export {
|
|
50
|
-
export {
|
|
51
|
-
export {
|
|
52
|
-
export {
|
|
53
|
-
export {
|
|
54
|
-
export {
|
|
55
|
-
export {
|
|
56
|
-
export {
|
|
57
|
-
export {
|
|
58
|
-
export {
|
|
59
|
-
export {
|
|
60
|
-
export {
|
|
61
|
-
export {
|
|
62
|
-
export {
|
|
63
|
-
export {
|
|
64
|
-
export {
|
|
65
|
-
export
|
|
66
|
-
export * from './theme';
|
|
1
|
+
import "./jsx-runtime-shim";
|
|
2
|
+
export { AccordionItem, AccordionWrapper } from "./components/accordion";
|
|
3
|
+
export { ActionIcon } from "./components/actionIcon";
|
|
4
|
+
export { Alert } from "./components/alert";
|
|
5
|
+
export { AppleAppButtonIcon } from "./components/appleAppButtonIcon";
|
|
6
|
+
export { AutoCompleteInput } from "./components/autoCompleteInput";
|
|
7
|
+
export { Avatar } from "./components/avatar";
|
|
8
|
+
export { AvatarIndicator } from "./components/avatarIndicator";
|
|
9
|
+
export { Badge } from "./components/badge";
|
|
10
|
+
export { BigBadge } from "./components/bigBadge";
|
|
11
|
+
export { BreadCrumb } from "./components/breadCrumb";
|
|
12
|
+
export { Button } from "./components/button";
|
|
13
|
+
export { buttonVariants } from "./components/button/buttonVariants";
|
|
14
|
+
export { Checkbox } from "./components/checkbox";
|
|
15
|
+
export { DatePickerInput } from "./components/datePickerInput";
|
|
16
|
+
export { Divider } from "./components/divider";
|
|
17
|
+
export { FavouriteButton } from "./components/favouriteButton";
|
|
18
|
+
export { Filters } from "./components/filters";
|
|
19
|
+
export { GoogleAppButtonIcon } from "./components/googleAppButtonIcon";
|
|
20
|
+
export { HamburgerMenuButton } from "./components/hamburgerMenuButton";
|
|
21
|
+
export { HR } from "./components/hr";
|
|
22
|
+
export { Island } from "./components/island";
|
|
23
|
+
export { Label } from "./components/label";
|
|
24
|
+
export { Loader } from "./components/loader";
|
|
25
|
+
export { LogoBlack } from "./components/logo";
|
|
26
|
+
export { Modal } from "./components/modal";
|
|
27
|
+
export { NavButtons } from "./components/navButtons";
|
|
28
|
+
export { NumberField } from "./components/numberField";
|
|
29
|
+
export { PageUnavailable } from "./components/pageUnavailable";
|
|
30
|
+
export { PasswordInput } from "./components/passwordInput";
|
|
31
|
+
export { Popover } from "./components/popover";
|
|
32
|
+
export { ProgressBar } from "./components/progressBar";
|
|
33
|
+
export { RadioButton } from "./components/radioButton";
|
|
34
|
+
export { Rating } from "./components/rating";
|
|
35
|
+
export { RegionSelector } from "./components/regionSelector";
|
|
36
|
+
export { Reviews } from "./components/reviews";
|
|
37
|
+
export { ScrollToTop } from "./components/scrollToTop";
|
|
38
|
+
export { SearchInput } from "./components/searchInput";
|
|
39
|
+
export { Select } from "./components/select";
|
|
40
|
+
export { SettingsCard } from "./components/settingsCard";
|
|
41
|
+
export { Skeleton } from "./components/skeleton";
|
|
42
|
+
export { SkillPill } from "./components/skillPill";
|
|
43
|
+
export { NumberedStepper, Stepper } from "./components/stepper";
|
|
44
|
+
export { StickyMobileButtonWrapper } from "./components/stickyMobileButton";
|
|
45
|
+
export { Table } from "./components/table";
|
|
46
|
+
export { TableCell } from "./components/table/tableCell";
|
|
47
|
+
export { TableHeader } from "./components/table/tableHeader";
|
|
48
|
+
export { TableHeaderItem } from "./components/table/tableHeaderItem";
|
|
49
|
+
export { TableHeaderRow } from "./components/table/tableHeaderRow";
|
|
50
|
+
export { TableRow } from "./components/table/tableRow";
|
|
51
|
+
export { TabsWrapper } from "./components/tabs";
|
|
52
|
+
export { TabsBadge } from "./components/tabs/TabsBadge";
|
|
53
|
+
export { Textarea } from "./components/textArea";
|
|
54
|
+
export { TextInput } from "./components/textInput";
|
|
55
|
+
export { ThemeIcon } from "./components/themeIcon";
|
|
56
|
+
export { TimeInput } from "./components/timeInput";
|
|
57
|
+
export { Toggle } from "./components/toggle";
|
|
58
|
+
export { Tooltip } from "./components/tooltip";
|
|
59
|
+
export { TruncatedText } from "./components/truncatedText";
|
|
60
|
+
export { UnorderedList } from "./components/unorderedList";
|
|
61
|
+
export { UnorderedListItem } from "./components/unorderedListItem";
|
|
62
|
+
export { UnstyledButton } from "./components/unstyledButton";
|
|
63
|
+
export { ProfileMenu } from "./components/profileMenu";
|
|
64
|
+
export { WysiwygEditor } from "./components/wysiwygEditor";
|
|
65
|
+
export * from "./theme";
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
import * as React$1 from "react";
|
|
@@ -13,7 +13,6 @@ import { addMonths, format, setMonth } from "date-fns";
|
|
|
13
13
|
import { enGB, fr, nl, nlBE } from "date-fns/locale";
|
|
14
14
|
import { FloatingArrow, arrow, autoUpdate, flip, offset, shift, useClick, useDismiss, useFloating, useFocus, useHover, useInteractions, useRole } from "@floating-ui/react";
|
|
15
15
|
import { createPortal } from "react-dom";
|
|
16
|
-
import PhoneInput from "react-phone-input-2";
|
|
17
16
|
import ReactSelect, { components } from "react-select";
|
|
18
17
|
import { Placeholder } from "@tiptap/extension-placeholder";
|
|
19
18
|
import { Underline } from "@tiptap/extension-underline";
|
|
@@ -1105,10 +1104,20 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
|
|
|
1105
1104
|
}),
|
|
1106
1105
|
selected !== undefined && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("span", {
|
|
1107
1106
|
className: "cursor-pointer text-sm font-normal text-gray-800",
|
|
1107
|
+
role: "button",
|
|
1108
|
+
"aria-label": "Clear date",
|
|
1109
|
+
tabIndex: 0,
|
|
1108
1110
|
onClick: () => {
|
|
1109
1111
|
setSelected(undefined);
|
|
1110
1112
|
onChange?.(undefined);
|
|
1111
1113
|
},
|
|
1114
|
+
onKeyDown: (e) => {
|
|
1115
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
1116
|
+
e.preventDefault();
|
|
1117
|
+
setSelected(undefined);
|
|
1118
|
+
onChange?.(undefined);
|
|
1119
|
+
}
|
|
1120
|
+
},
|
|
1112
1121
|
children: /* @__PURE__ */ jsx(IconX, { size: 15 })
|
|
1113
1122
|
}) })
|
|
1114
1123
|
]
|
|
@@ -1774,73 +1783,6 @@ const PasswordInput = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(TextI
|
|
|
1774
1783
|
}));
|
|
1775
1784
|
PasswordInput.displayName = "PasswordInput";
|
|
1776
1785
|
|
|
1777
|
-
//#endregion
|
|
1778
|
-
//#region src/components/phoneNumberInput/index.tsx
|
|
1779
|
-
const PhoneNumberInput = ({ setValue, setPhoneNumberExt, phoneNumberExt, isValid = true, phoneNumberError, phoneNumberExtensionError, phoneNumberField, phoneNumberExtField, className, inputClass, label, disabled }) => {
|
|
1780
|
-
const handlePhoneChange = useCallback((value, country) => {
|
|
1781
|
-
if (!value || typeof country !== "object" || country === null || !("dialCode" in country)) return;
|
|
1782
|
-
const dialCode = `+${country.dialCode}`;
|
|
1783
|
-
const numberWithoutDialCode = value.startsWith(country.dialCode) ? value.slice(country.dialCode.length).trim() : value.trim();
|
|
1784
|
-
setValue(phoneNumberField, numberWithoutDialCode, {
|
|
1785
|
-
shouldDirty: true,
|
|
1786
|
-
shouldValidate: true
|
|
1787
|
-
});
|
|
1788
|
-
setValue(phoneNumberExtField, dialCode, {
|
|
1789
|
-
shouldDirty: true,
|
|
1790
|
-
shouldValidate: true
|
|
1791
|
-
});
|
|
1792
|
-
if (setPhoneNumberExt) {
|
|
1793
|
-
setPhoneNumberExt({
|
|
1794
|
-
number: numberWithoutDialCode,
|
|
1795
|
-
ext: dialCode,
|
|
1796
|
-
countryCode: country.countryCode || ""
|
|
1797
|
-
});
|
|
1798
|
-
}
|
|
1799
|
-
}, [
|
|
1800
|
-
setValue,
|
|
1801
|
-
phoneNumberField,
|
|
1802
|
-
phoneNumberExtField,
|
|
1803
|
-
setPhoneNumberExt
|
|
1804
|
-
]);
|
|
1805
|
-
return /* @__PURE__ */ jsxs("div", {
|
|
1806
|
-
className: `${className}`,
|
|
1807
|
-
children: [
|
|
1808
|
-
typeof label === "string" ? /* @__PURE__ */ jsx(Label, {
|
|
1809
|
-
htmlFor: "phoneNumber",
|
|
1810
|
-
className: "mb-2",
|
|
1811
|
-
children: label
|
|
1812
|
-
}) : label,
|
|
1813
|
-
/* @__PURE__ */ jsx(PhoneInput, {
|
|
1814
|
-
inputProps: {
|
|
1815
|
-
name: phoneNumberField,
|
|
1816
|
-
id: phoneNumberField,
|
|
1817
|
-
required: true,
|
|
1818
|
-
disabled
|
|
1819
|
-
},
|
|
1820
|
-
country: phoneNumberExt?.countryCode?.toLowerCase() || "nl",
|
|
1821
|
-
onlyCountries: [
|
|
1822
|
-
"nl",
|
|
1823
|
-
"be",
|
|
1824
|
-
"gb",
|
|
1825
|
-
"fr"
|
|
1826
|
-
],
|
|
1827
|
-
autoFormat: false,
|
|
1828
|
-
isValid: isValid && !phoneNumberExtensionError && !phoneNumberError,
|
|
1829
|
-
value: `${(phoneNumberExt?.ext || "").replace(/^\+/, "")}${phoneNumberExt?.number || ""}`,
|
|
1830
|
-
onChange: handlePhoneChange,
|
|
1831
|
-
countryCodeEditable: false,
|
|
1832
|
-
enableSearch: false,
|
|
1833
|
-
disableSearchIcon: true,
|
|
1834
|
-
inputClass
|
|
1835
|
-
}),
|
|
1836
|
-
(phoneNumberExtensionError || phoneNumberError) && /* @__PURE__ */ jsx("span", {
|
|
1837
|
-
className: "text-xs font-normal text-red-500",
|
|
1838
|
-
children: phoneNumberExtensionError || phoneNumberError
|
|
1839
|
-
})
|
|
1840
|
-
]
|
|
1841
|
-
});
|
|
1842
|
-
};
|
|
1843
|
-
|
|
1844
1786
|
//#endregion
|
|
1845
1787
|
//#region src/components/progressBar/index.tsx
|
|
1846
1788
|
const ProgressBar = ({ value, maxValue = 100, className }) => {
|
|
@@ -3196,5 +3138,5 @@ const setCSSVariable = (variable, value) => {
|
|
|
3196
3138
|
};
|
|
3197
3139
|
|
|
3198
3140
|
//#endregion
|
|
3199
|
-
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,
|
|
3141
|
+
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 };
|
|
3200
3142
|
//# sourceMappingURL=index.js.map
|