@payfit/unity-components
Version:
53 lines (52 loc) • 1.97 kB
JavaScript
import { Icon as e } from "../../icon/Icon.js";
import { Text as t } from "../../text/Text.js";
import { uyTv as n } from "@payfit/unity-themes";
import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
import { useIntl as o } from "react-intl";
import { ListBoxItem as s } from "react-aria-components/ListBox";
import { FlagImage as c } from "react-international-phone";
//#region src/components/phone-number/parts/PhoneNumberItem.tsx
var l = n({ slots: {
base: [
"uy:flex uy:py-100 uy:px-150 uy:typography-body uy:cursor-pointer uy:rounded-50",
"uy:gap-125",
"uy:sm:gap-100",
"uy:data-[hovered=\"true\"]:bg-surface-neutral-hover",
"uy:data-[pressed=\"true\"]:bg-surface-neutral-pressed",
"uy:data-[selected=\"true\"]:bg-surface-neutral-active",
"uy:data-[focus-visible=\"true\"]:outline-offset-2 uy:data-[focus-visible=\"true\"]:outline-2 uy:data-[focus-visible=\"true\"]:outline-solid uy:data-[focus-visible=\"true\"]:outline-utility-focus-ring",
"uy:data-[disabled=\"true\"]:text-content-neutral-disabled uy:data-[disabled=\"true\"]:bg-surface-neutral-disabled uy:data-[disabled=\"true\"]:cursor-not-allowed"
],
name: ["uy:grow"]
} }), u = ({ country: n, isDisabled: u }) => {
let { base: d, name: f } = l(), p = o();
return /* @__PURE__ */ i(s, {
id: n.iso2,
textValue: `${n.name} ${n.dialCode}`,
className: d(),
"data-dd-privacy": "mask",
isDisabled: u,
children: ({ isSelected: o }) => /* @__PURE__ */ a(r, { children: [
/* @__PURE__ */ i(c, {
iso2: n.iso2,
alt: "",
size: 24
}),
/* @__PURE__ */ i(t, {
className: f(),
children: n.name
}),
/* @__PURE__ */ a(t, { children: ["+", n.dialCode] }),
o && /* @__PURE__ */ i(e, {
src: "CheckOutlined",
alt: p.formatMessage({
id: "unity:component:phone-number:selected:label",
defaultMessage: "Selected"
})
})
] })
});
};
u.displayName = "PhoneNumberItem";
//#endregion
export { u as PhoneNumberItem };