@consumidor-positivo/aurora 0.4.1 → 0.5.0
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/Alert/index.es.js +1 -1
- package/dist/components/Calendar/index.es.js +2 -2
- package/dist/components/CalendarHeader/index.es.js +2 -2
- package/dist/components/Checkbox/index.es.js +1 -1
- package/dist/components/Datepicker/index.es.js +3 -3
- package/dist/components/Footer/index.es.js +1 -1
- package/dist/components/Footer/index.es.js.map +1 -1
- package/dist/components/NavbarVertical/index.es.js +1 -1
- package/dist/components/NavbarVertical/index.es.js.map +1 -1
- package/dist/components/PortalHolder/index.es.js +1 -1
- package/dist/components/Segment/index.es.js +1 -1
- package/dist/components/SelectField/index.es.js +1 -1
- package/dist/components/Tag/index.es.js +1 -1
- package/dist/components/default/index.es.js +2 -0
- package/dist/components/default/index.es.js.map +1 -1
- package/dist/components/icons/IconLightBulb/index.es.js +16 -0
- package/dist/components/icons/IconLightBulb/index.es.js.map +1 -0
- package/dist/components/icons/default/IconLightBulb.d.ts +3 -0
- package/dist/components/icons/default/index.d.ts +1 -0
- package/dist/components/icons/index.es.js +2 -0
- package/dist/components/icons/index.es.js.map +1 -1
- package/dist/{index-BkeRYinJ.js → index-AOefAAO5.js} +2 -2
- package/dist/{index-BkeRYinJ.js.map → index-AOefAAO5.js.map} +1 -1
- package/dist/{index-BIEl3o0B.js → index-B0Ush_Ua.js} +2 -2
- package/dist/{index-BIEl3o0B.js.map → index-B0Ush_Ua.js.map} +1 -1
- package/dist/{index-DAA8IiTr.js → index-Chb8MRUv.js} +3 -3
- package/dist/{index-DAA8IiTr.js.map → index-Chb8MRUv.js.map} +1 -1
- package/dist/main.es.js +3 -1
- package/dist/main.es.js.map +1 -1
- package/package.json +1 -1
|
@@ -8,9 +8,9 @@ import { IconCheck } from "../icons/IconCheck/index.es.js";
|
|
|
8
8
|
import { IconClock } from "../icons/IconClock/index.es.js";
|
|
9
9
|
import { IconInfo } from "../icons/IconInfo/index.es.js";
|
|
10
10
|
import { IconX } from "../icons/IconX/index.es.js";
|
|
11
|
+
import { d as COLOR_NEUTRAL_70, C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, e as COLOR_WARNING_50, f as COLOR_INFO_50 } from "../../tokens-D_iASp38.js";
|
|
11
12
|
import { Conditional } from "../Conditional/index.es.js";
|
|
12
13
|
import { Text } from "../Text/index.es.js";
|
|
13
|
-
import { d as COLOR_NEUTRAL_70, C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, e as COLOR_WARNING_50, f as COLOR_INFO_50 } from "../../tokens-D_iASp38.js";
|
|
14
14
|
import './styles.css';const Alert = ({
|
|
15
15
|
showIcon = true,
|
|
16
16
|
status = "info",
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "../../index-BXRA68j0.js";
|
|
3
|
-
import "../../index-
|
|
3
|
+
import "../../index-B0Ush_Ua.js";
|
|
4
4
|
import "../Button/index.es.js";
|
|
5
5
|
import "../PortalHolder/index.es.js";
|
|
6
|
-
import { a } from "../../index-
|
|
6
|
+
import { a } from "../../index-Chb8MRUv.js";
|
|
7
7
|
export {
|
|
8
8
|
a as DatepickerCalendar
|
|
9
9
|
};
|
|
@@ -3,8 +3,8 @@ import "../../index-BXRA68j0.js";
|
|
|
3
3
|
import "../Icon/index.es.js";
|
|
4
4
|
import "../icons/IconChevronLeft/index.es.js";
|
|
5
5
|
import "../icons/IconChevronRight/index.es.js";
|
|
6
|
-
import "../../index-
|
|
7
|
-
import { C } from "../../index-
|
|
6
|
+
import "../../index-AOefAAO5.js";
|
|
7
|
+
import { C } from "../../index-B0Ush_Ua.js";
|
|
8
8
|
export {
|
|
9
9
|
C as CalendarHeader
|
|
10
10
|
};
|
|
@@ -3,9 +3,9 @@ import $dbSRa$react__default, { useState, useEffect } from "react";
|
|
|
3
3
|
import { c as classNames } from "../../index-BXRA68j0.js";
|
|
4
4
|
import "../Icon/index.es.js";
|
|
5
5
|
import { IconCheck } from "../icons/IconCheck/index.es.js";
|
|
6
|
+
import { h as COLOR_NEUTRAL_00 } from "../../tokens-D_iASp38.js";
|
|
6
7
|
import { F as Field } from "../../index-ZE6zszxw.js";
|
|
7
8
|
import { Conditional } from "../Conditional/index.es.js";
|
|
8
|
-
import { h as COLOR_NEUTRAL_00 } from "../../tokens-D_iASp38.js";
|
|
9
9
|
import { Text } from "../Text/index.es.js";
|
|
10
10
|
import './styles.css';const CheckboxField = ({
|
|
11
11
|
label,
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
+
import { B as BREAKPOINT_MD, c as COLOR_NEUTRAL_40 } from "../../tokens-D_iASp38.js";
|
|
2
3
|
import "../../index-BXRA68j0.js";
|
|
3
4
|
import "../Icon/index.es.js";
|
|
4
5
|
import { IconCalendar } from "../icons/IconCalendar/index.es.js";
|
|
5
6
|
import { InputField } from "../InputField/index.es.js";
|
|
6
|
-
import { g as getDefaultDate, D as DDMMYYYY, a as DatepickerCalendar, A as AUCalendarDate } from "../../index-
|
|
7
|
+
import { g as getDefaultDate, D as DDMMYYYY, a as DatepickerCalendar, A as AUCalendarDate } from "../../index-Chb8MRUv.js";
|
|
7
8
|
import { useRef, useState, useMemo, useEffect } from "react";
|
|
8
9
|
import { a as above } from "../../screen-DfYo7XQ_.js";
|
|
9
|
-
import { u as useOutsideClick } from "../../index-
|
|
10
|
-
import { B as BREAKPOINT_MD, c as COLOR_NEUTRAL_40 } from "../../tokens-D_iASp38.js";
|
|
10
|
+
import { u as useOutsideClick } from "../../index-AOefAAO5.js";
|
|
11
11
|
import './styles.css';function useDatepicker({
|
|
12
12
|
value,
|
|
13
13
|
defaultValue = "empty",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../../lib/components/Footer/data.tsx","../../../lib/components/Footer/index.tsx"],"sourcesContent":["import {\n IconInstagram,\n IconFacebook,\n IconYoutube,\n IconLinkedin,\n IconTiktok,\n} from '../icons'\n\nexport const certificatesMap = {\n fintech2022: {\n logo: 'https://assets.acordocerto.com.br/f/114280/47x62/6ffd0990ed/fintech-2022.png',\n name: 'Melhores Fintechs 2022',\n },\n fintech2023: {\n logo: 'https://assets.acordocerto.com.br/f/114280/84x73/b48cc08aa5/fintech-2023.png',\n name: 'Melhores Fintechs 2023',\n },\n pcidss: {\n logo: 'https://assets.acordocerto.com.br/f/114280/85x36/8be091fa1c/pci-dss.png',\n name: 'PCI DSS Compliant',\n },\n quintessa: {\n logo: 'https://assets.acordocerto.com.br/f/114280/122x40/16f41476c0/quintessa.png',\n name: 'Quintessa',\n },\n ra1000: {\n logo: 'https://assets.acordocerto.com.br/f/114280/100x58/ad8bed26c8/ra1000.png',\n name: 'RA 1000',\n },\n reclameaqui: {\n logo: 'https://assets.acordocerto.com.br/f/114280/60x60/b85fcf03dd/reclame-aqui.png',\n name: 'Ótimo Reclame Aqui',\n },\n scaleup: {\n logo: 'https://assets.acordocerto.com.br/f/114280/104x50/07c8b89dbe/scale-up.png',\n name: 'Scale Up',\n },\n sslblindado: {\n logo: 'https://assets.acordocerto.com.br/f/114280/75x54/60734a2cc4/ssl-blindado.png',\n name: 'SSL Blindado',\n },\n}\nexport const socialsMap = {\n instagram: {\n name: 'Instagram',\n icon: <IconInstagram />,\n },\n facebook: {\n name: 'Facebook',\n icon: <IconFacebook />,\n },\n youtube: {\n name: 'Youtube',\n icon: <IconYoutube />,\n },\n linkedin: {\n name: 'Linkedin',\n icon: <IconLinkedin />,\n },\n tiktok: {\n name: 'TikTok',\n icon: <IconTiktok />,\n },\n}\n\nexport const storesMap = {\n googleplay: {\n name: 'Google Play',\n icon: 'https://assets.acordocerto.com.br/f/114280/117x36/e0e7eda65d/google-play.png',\n },\n appstore: {\n name: 'App Store',\n icon: 'https://assets.acordocerto.com.br/f/114280/117x36/38b0d1ecc9/app-store.png',\n },\n}\n","import classNames from 'classnames'\nimport { Text } from '../Text'\nimport { FooterProps } from './types'\nimport { certificatesMap, socialsMap, storesMap } from './data'\nimport { Conditional } from '../misc'\nimport { LazyImage } from '../LazyImage'\nimport { isMobile } from '@core/utils/isMobile'\nimport './styles.scss'\n\nexport const Footer = ({\n logo,\n categoryLinks,\n socialLinks,\n cnpj,\n address,\n companyOverview,\n certificates,\n copyrights,\n stores = {},\n}: FooterProps) => {\n const usedCertificates = certificates.map(\n (certificate) => certificatesMap[certificate],\n )\n\n const usedSocials = Object.keys(socialLinks).map((social) => {\n return {\n ...socialsMap[social as keyof typeof socialsMap],\n url: socialLinks[social as keyof typeof socialLinks],\n }\n })\n\n const usedStores = Object.keys(stores).map((store) => {\n return {\n ...storesMap[store as keyof typeof storesMap],\n url: stores[store as keyof typeof stores],\n }\n })\n\n const handleClick = (url: string) => {\n window.open(url, '_blank')\n }\n\n const showCertificatesBorder = usedCertificates.length > 3 && !!isMobile()\n \n if (categoryLinks) {\n return (\n <footer role=\"contentinfo\" className=\"au-footer-full\">\n <div className=\"au-footer-full__container\">\n <div className=\"au-footer-full__logo\">{logo}</div>\n <div className=\"au-footer-full__links\">\n {categoryLinks.map(({ categoryTitle, links }, index) => {\n return (\n <div key={index} className=\"au-footer-full__links-category\">\n <Text as=\"h2\" variant=\"heading-micro\" weight=\"bold\">\n {categoryTitle}\n </Text>\n {links.map(({ title, url }, index) => {\n return (\n <div\n className={classNames('au-footer-full__links', {\n 'au-footer-full__links--is-clickable': !!url,\n })}\n key={index}\n onClick={() => url && handleClick(url)}>\n <Text\n as=\"a\"\n variant=\"body-medium\"\n weight=\"regular\"\n color=\"secondary\">\n {title}\n </Text>\n </div>\n )\n })}\n </div>\n )\n })}\n <div className=\"au-footer-full__company-info\">\n <Text as=\"h2\" variant=\"heading-micro\" weight=\"bold\">\n Siga a gente\n </Text>\n <div className=\"au-footer-full__links-socials\">\n {usedSocials.map(({ icon, url }, index) => {\n return (\n <div\n className={classNames('au-footer-full__links', {\n 'au-footer-full__links--is-clickable': !!url,\n })}\n key={index}\n onClick={() => url && handleClick(url)}>\n {icon}\n </div>\n )\n })}\n </div>\n <Text\n as=\"div\"\n variant=\"body-medium\"\n weight=\"regular\"\n color=\"secondary\">\n <Text\n as=\"strong\"\n weight=\"bold\"\n color=\"secondary\">\n CNPJ:\n </Text> {cnpj}\n </Text>\n <Text\n as=\"div\"\n variant=\"body-medium\"\n weight=\"regular\"\n color=\"secondary\">\n <Text\n as=\"h2\"\n variant=\"body-medium\"\n weight=\"bold\"\n color=\"secondary\">\n Localização (sem atendimento ao público):\n </Text>\n {address}\n </Text>\n </div>\n </div>\n <Conditional\n condition={!!usedStores.length && Boolean(isMobile())}\n renderIf={\n <div className=\"au-footer-full__stores\">\n <Text\n className=\"au-footer-full__stores-title\"\n as=\"h2\"\n variant=\"heading-micro\"\n weight=\"bold\">\n Baixe nosso app\n </Text>\n {usedStores.map(({ icon, url, name }, index) => {\n return (\n <LazyImage\n className={classNames('au-footer-full__stores-logo', {\n 'au-footer-full__stores-logo--is-clickable': !!url,\n })}\n key={index}\n src={icon}\n alt={name}\n onClick={() => url && handleClick(url)}\n />\n )\n })}\n </div>\n }\n />\n {companyOverview && (\n <div className=\"au-footer-full__company-overview\">\n <Text color=\"secondary\">{companyOverview}</Text>\n </div>\n )}\n <div className=\"au-footer-full__bottom\">\n <div className={classNames(\"au-footer-full__bottom-certificates\", {\n 'au-footer-full__bottom-certificates--with-border': showCertificatesBorder,\n })}>\n {usedCertificates.map(({ logo, name }, index) => {\n return <LazyImage key={index} src={logo} alt={name} />\n })}\n </div>\n <div className=\"au-footer-full__bottom-side\">\n <Conditional\n condition={!!usedStores.length && !isMobile()}\n renderIf={\n <div className=\"au-footer-full__stores\">\n <Text\n className=\"au-footer-full__stores-title\"\n as=\"h2\"\n variant=\"heading-micro\"\n weight=\"bold\">\n Baixe nosso app\n </Text>\n {usedStores.map(({ icon, url, name }, index) => {\n return (\n <LazyImage\n className={classNames('au-footer-full__stores-logo', {\n 'au-footer-full__stores-logo--is-clickable': !!url,\n })}\n key={index}\n src={icon}\n alt={name}\n onClick={() => url && handleClick(url)}\n />\n )\n })}\n </div>\n }\n />\n <Text\n as=\"h2\"\n variant=\"body-medium\"\n weight=\"regular\"\n color=\"secondary\"\n className=\"au-footer-full__copyrights\"\n dangerouslySetInnerHTML={copyrights}\n />\n </div>\n </div>\n </div>\n </footer>\n )\n }\n\n return (\n <footer role=\"contentinfo\" className=\"au-footer\">\n <div className=\"au-footer__container\">\n <div className=\"au-footer__content\">\n <div className=\"au-footer__content-logos\">\n {logo}\n <div className=\"au-footer__content-divider\" />\n <div className=\"au-footer__content-certificates\">\n {usedCertificates.map(({ logo, name }, index) => {\n return <LazyImage key={index} src={logo} alt={name} />\n })}\n </div>\n </div>\n <div className=\"au-footer__content-copyrights\">\n <Text\n as=\"h2\"\n variant=\"body-medium\"\n weight=\"regular\"\n color=\"secondary\">\n {copyrights}\n </Text>\n </div>\n </div>\n </div>\n </footer>\n )\n}\n"],"names":["index","logo"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../lib/components/Footer/data.tsx","../../../lib/components/Footer/index.tsx"],"sourcesContent":["import {\n IconInstagram,\n IconFacebook,\n IconYoutube,\n IconLinkedin,\n IconTiktok,\n} from '../icons'\n\nexport const certificatesMap = {\n fintech2022: {\n logo: 'https://assets.acordocerto.com.br/f/114280/47x62/6ffd0990ed/fintech-2022.png',\n name: 'Melhores Fintechs 2022',\n },\n fintech2023: {\n logo: 'https://assets.acordocerto.com.br/f/114280/84x73/b48cc08aa5/fintech-2023.png',\n name: 'Melhores Fintechs 2023',\n },\n pcidss: {\n logo: 'https://assets.acordocerto.com.br/f/114280/85x36/8be091fa1c/pci-dss.png',\n name: 'PCI DSS Compliant',\n },\n quintessa: {\n logo: 'https://assets.acordocerto.com.br/f/114280/122x40/16f41476c0/quintessa.png',\n name: 'Quintessa',\n },\n ra1000: {\n logo: 'https://assets.acordocerto.com.br/f/114280/100x58/ad8bed26c8/ra1000.png',\n name: 'RA 1000',\n },\n reclameaqui: {\n logo: 'https://assets.acordocerto.com.br/f/114280/60x60/b85fcf03dd/reclame-aqui.png',\n name: 'Ótimo Reclame Aqui',\n },\n scaleup: {\n logo: 'https://assets.acordocerto.com.br/f/114280/104x50/07c8b89dbe/scale-up.png',\n name: 'Scale Up',\n },\n sslblindado: {\n logo: 'https://assets.acordocerto.com.br/f/114280/75x54/60734a2cc4/ssl-blindado.png',\n name: 'SSL Blindado',\n },\n}\nexport const socialsMap = {\n instagram: {\n name: 'Instagram',\n icon: <IconInstagram />,\n },\n facebook: {\n name: 'Facebook',\n icon: <IconFacebook />,\n },\n youtube: {\n name: 'Youtube',\n icon: <IconYoutube />,\n },\n linkedin: {\n name: 'Linkedin',\n icon: <IconLinkedin />,\n },\n tiktok: {\n name: 'TikTok',\n icon: <IconTiktok />,\n },\n}\n\nexport const storesMap = {\n googleplay: {\n name: 'Google Play',\n icon: 'https://assets.acordocerto.com.br/f/114280/117x36/e0e7eda65d/google-play.png',\n },\n appstore: {\n name: 'App Store',\n icon: 'https://assets.acordocerto.com.br/f/114280/117x36/38b0d1ecc9/app-store.png',\n },\n}\n","import classNames from 'classnames'\nimport { Text } from '../Text'\nimport { FooterProps } from './types'\nimport { certificatesMap, socialsMap, storesMap } from './data'\nimport { Conditional } from '../misc'\nimport { LazyImage } from '../LazyImage'\nimport { isMobile } from '@core/utils/isMobile'\nimport './styles.scss'\n\nexport const Footer = ({\n logo,\n categoryLinks,\n socialLinks,\n cnpj,\n address,\n companyOverview,\n certificates,\n copyrights,\n stores = {},\n}: FooterProps) => {\n const usedCertificates = certificates.map(\n (certificate) => certificatesMap[certificate],\n )\n\n const usedSocials = Object.keys(socialLinks).map((social) => {\n return {\n ...socialsMap[social as keyof typeof socialsMap],\n url: socialLinks[social as keyof typeof socialLinks],\n }\n })\n\n const usedStores = Object.keys(stores).map((store) => {\n return {\n ...storesMap[store as keyof typeof storesMap],\n url: stores[store as keyof typeof stores],\n }\n })\n\n const handleClick = (url: string) => {\n window.open(url, '_blank')\n }\n\n const showCertificatesBorder = usedCertificates.length > 3 && !!isMobile()\n \n if (categoryLinks) {\n return (\n <footer role=\"contentinfo\" className=\"au-footer-full\">\n <div className=\"au-footer-full__container\">\n <div className=\"au-footer-full__logo\">{logo}</div>\n <div className=\"au-footer-full__links\">\n {categoryLinks.map(({ categoryTitle, links }, index) => {\n return (\n <div key={index} className=\"au-footer-full__links-category\">\n <Text as=\"h2\" variant=\"heading-micro\" weight=\"bold\">\n {categoryTitle}\n </Text>\n {links.map(({ title, url }, index) => {\n return (\n <div\n className={classNames('au-footer-full__links', {\n 'au-footer-full__links--is-clickable': !!url,\n })}\n key={index}\n onClick={() => url && handleClick(url)}>\n <Text\n as=\"a\"\n variant=\"body-medium\"\n weight=\"regular\"\n color=\"secondary\">\n {title}\n </Text>\n </div>\n )\n })}\n </div>\n )\n })}\n <div className=\"au-footer-full__company-info\">\n <Text as=\"h2\" variant=\"heading-micro\" weight=\"bold\">\n Siga a gente\n </Text>\n <div className=\"au-footer-full__links-socials\">\n {usedSocials.map(({ icon, url }, index) => {\n return (\n <div\n className={classNames('au-footer-full__links', {\n 'au-footer-full__links--is-clickable': !!url,\n })}\n key={index}\n onClick={() => url && handleClick(url)}>\n {icon}\n </div>\n )\n })}\n </div>\n <Text\n as=\"div\"\n variant=\"body-medium\"\n weight=\"regular\"\n color=\"secondary\">\n <Text\n as=\"strong\"\n weight=\"bold\"\n color=\"secondary\">\n CNPJ:\n </Text> {cnpj}\n </Text>\n <Text\n as=\"div\"\n variant=\"body-medium\"\n weight=\"regular\"\n color=\"secondary\">\n <Text\n as=\"h2\"\n variant=\"body-medium\"\n weight=\"bold\"\n color=\"secondary\">\n Localização (sem atendimento ao público):\n </Text>\n {address}\n </Text>\n </div>\n </div>\n <Conditional\n condition={!!usedStores.length && Boolean(isMobile())}\n renderIf={\n <div className=\"au-footer-full__stores\">\n <Text\n className=\"au-footer-full__stores-title\"\n as=\"h2\"\n variant=\"heading-micro\"\n weight=\"bold\">\n Baixe nosso app\n </Text>\n {usedStores.map(({ icon, url, name }, index) => {\n return (\n <LazyImage\n className={classNames('au-footer-full__stores-logo', {\n 'au-footer-full__stores-logo--is-clickable': !!url,\n })}\n key={index}\n src={icon}\n alt={name}\n onClick={() => url && handleClick(url)}\n />\n )\n })}\n </div>\n }\n />\n {companyOverview && (\n <div className=\"au-footer-full__company-overview\">\n <Text color=\"secondary\">{companyOverview}</Text>\n </div>\n )}\n <div className=\"au-footer-full__bottom\">\n <div className={classNames(\"au-footer-full__bottom-certificates\", {\n 'au-footer-full__bottom-certificates--with-border': showCertificatesBorder,\n })}>\n {usedCertificates.map(({ logo, name }, index) => {\n return <LazyImage key={index} src={logo} alt={name} />\n })}\n </div>\n <div className=\"au-footer-full__bottom-side\">\n <Conditional\n condition={!!usedStores.length && !isMobile()}\n renderIf={\n <div className=\"au-footer-full__stores\">\n <Text\n className=\"au-footer-full__stores-title\"\n as=\"h2\"\n variant=\"heading-micro\"\n weight=\"bold\">\n Baixe nosso app\n </Text>\n {usedStores.map(({ icon, url, name }, index) => {\n return (\n <LazyImage\n className={classNames('au-footer-full__stores-logo', {\n 'au-footer-full__stores-logo--is-clickable': !!url,\n })}\n key={index}\n src={icon}\n alt={name}\n onClick={() => url && handleClick(url)}\n />\n )\n })}\n </div>\n }\n />\n <Text\n as=\"div\"\n variant=\"body-medium\"\n weight=\"regular\"\n color=\"secondary\"\n className=\"au-footer-full__copyrights\"\n dangerouslySetInnerHTML={copyrights}\n />\n </div>\n </div>\n </div>\n </footer>\n )\n }\n\n return (\n <footer role=\"contentinfo\" className=\"au-footer\">\n <div className=\"au-footer__container\">\n <div className=\"au-footer__content\">\n <div className=\"au-footer__content-logos\">\n {logo}\n <div className=\"au-footer__content-divider\" />\n <div className=\"au-footer__content-certificates\">\n {usedCertificates.map(({ logo, name }, index) => {\n return <LazyImage key={index} src={logo} alt={name} />\n })}\n </div>\n </div>\n <div className=\"au-footer__content-copyrights\">\n <Text\n as=\"h2\"\n variant=\"body-medium\"\n weight=\"regular\"\n color=\"secondary\">\n {copyrights}\n </Text>\n </div>\n </div>\n </div>\n </footer>\n )\n}\n"],"names":["index","logo"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../../lib/components/NavbarVertical/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode, useState } from 'react'\nimport { Text } from '../Text'\nimport { IconChevronDown, IconChevronUp } from '../icons/default'\nimport { Conditional } from '../misc'\n\nimport './styles.scss'\n\ntype NavbarVerticalDataProps = {\n name: string\n Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n onClick?: () => void\n dropdown?: NavbarVerticalDataProps[]\n active?: boolean\n href?: string\n}\n\ntype NavbarVerticalProps = {\n data: NavbarVerticalDataProps[]\n renderItem: (\n link: NavbarVerticalDataProps,\n idx?: number\n ) => ReactNode | string | JSX.Element | JSX.Element[]\n renderAlert?: () => ReactNode | string | JSX.Element | JSX.Element[]\n renderActions: () => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const NavbarVertical = ({\n data,\n renderItem,\n renderAlert,\n renderActions,\n}: NavbarVerticalProps) => {\n return (\n <div className=\"au-navbar-vertical\">\n {data?.map((link, idx) => {\n return renderItem(link, idx)\n })}\n {renderAlert && <div className=\"au-navbar-vertical__alert\">{renderAlert()}</div>}\n <div className=\"au-navbar-vertical__actions\">{renderActions()}</div>\n </div>\n )\n}\n\nconst NavbarVerticalLink = ({\n name,\n onClick,\n Icon,\n dropdown,\n href,\n active = false,\n}: NavbarVerticalDataProps) => {\n const [open, setOpen] = useState<boolean>(!!dropdown && active)\n\n function handleClick(ev: React.MouseEvent) {\n if (dropdown) {\n setOpen((prev) => !prev)\n } else if(onClick) {\n ev.preventDefault()\n onClick()\n }\n }\n\n return (\n <Text\n as={dropdown ? '
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../lib/components/NavbarVertical/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode, useState } from 'react'\nimport { Text } from '../Text'\nimport { IconChevronDown, IconChevronUp } from '../icons/default'\nimport { Conditional } from '../misc'\n\nimport './styles.scss'\n\ntype NavbarVerticalDataProps = {\n name: string\n Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n onClick?: () => void\n dropdown?: NavbarVerticalDataProps[]\n active?: boolean\n href?: string\n}\n\ntype NavbarVerticalProps = {\n data: NavbarVerticalDataProps[]\n renderItem: (\n link: NavbarVerticalDataProps,\n idx?: number\n ) => ReactNode | string | JSX.Element | JSX.Element[]\n renderAlert?: () => ReactNode | string | JSX.Element | JSX.Element[]\n renderActions: () => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const NavbarVertical = ({\n data,\n renderItem,\n renderAlert,\n renderActions,\n}: NavbarVerticalProps) => {\n return (\n <div className=\"au-navbar-vertical\">\n {data?.map((link, idx) => {\n return renderItem(link, idx)\n })}\n {renderAlert && <div className=\"au-navbar-vertical__alert\">{renderAlert()}</div>}\n <div className=\"au-navbar-vertical__actions\">{renderActions()}</div>\n </div>\n )\n}\n\nconst NavbarVerticalLink = ({\n name,\n onClick,\n Icon,\n dropdown,\n href,\n active = false,\n}: NavbarVerticalDataProps) => {\n const [open, setOpen] = useState<boolean>(!!dropdown && active)\n\n function handleClick(ev: React.MouseEvent) {\n if (dropdown) {\n setOpen((prev) => !prev)\n } else if(onClick) {\n ev.preventDefault()\n onClick()\n }\n }\n\n return (\n <Text\n as={dropdown ? 'div' : 'a'}\n href={href}\n variant=\"heading-micro\"\n weight=\"light\"\n className={classNames('au-navbar-vertical__link', {\n [`au-navbar-vertical__link--is-active`]: active,\n [`au-navbar-vertical__link--is-open`]: open,\n })}\n onClick={handleClick}>\n <Conditional condition={!!Icon} renderIf={Icon} />\n {name}\n\n <Conditional\n condition={!!dropdown?.length}\n renderIf={\n <>\n <div className=\"au-navbar-vertical__toggle\">\n <Conditional condition={!!open} renderIf={<IconChevronUp />} />\n <Conditional condition={!open} renderIf={<IconChevronDown />} />\n </div>\n <div className=\"au-navbar-vertical__dropdown\">\n {dropdown?.map((item, idx) => {\n return (\n <Text\n key={`${item.name}-${idx}`}\n as=\"a\"\n href={item.href}\n variant=\"heading-micro\"\n weight=\"light\"\n className={classNames('au-navbar-vertical__dropdown-link', {\n 'au-navbar-vertical__dropdown-link--is-active':\n item.active,\n })}\n title={item.name}\n onClick={item.onClick}>\n {item.name}\n </Text>\n )\n })}\n </div>\n </>\n }\n />\n </Text>\n )\n}\n\nNavbarVertical.Link = NavbarVerticalLink\n"],"names":[],"mappings":";;;;;;;;AA2BO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA2B;AAEvB,SAAA,qBAAC,OAAI,EAAA,WAAU,sBACZ,UAAA;AAAA,IAAM,6BAAA,IAAI,CAAC,MAAM,QAAQ;AACjB,aAAA,WAAW,MAAM,GAAG;AAAA,IAAA;AAAA,IAE5B,eAAgB,oBAAA,OAAA,EAAI,WAAU,6BAA6B,yBAAc;AAAA,IACzE,oBAAA,OAAA,EAAI,WAAU,+BAA+B,2BAAgB;AAAA,EAChE,EAAA,CAAA;AAEJ;AAEA,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AACX,MAA+B;AACvB,QAAA,CAAC,MAAM,OAAO,IAAI,SAAkB,CAAC,CAAC,YAAY,MAAM;AAE9D,WAAS,YAAY,IAAsB;AACzC,QAAI,UAAU;AACJ,cAAA,CAAC,SAAS,CAAC,IAAI;AAAA,eACf,SAAS;AACjB,SAAG,eAAe;AACV;IACV;AAAA,EACF;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI,WAAW,QAAQ;AAAA,MACvB;AAAA,MACA,SAAQ;AAAA,MACR,QAAO;AAAA,MACP,WAAW,WAAW,4BAA4B;AAAA,QAChD,CAAC,qCAAqC,GAAG;AAAA,QACzC,CAAC,mCAAmC,GAAG;AAAA,MAAA,CACxC;AAAA,MACD,SAAS;AAAA,MACT,UAAA;AAAA,QAAA,oBAAC,eAAY,WAAW,CAAC,CAAC,MAAM,UAAU,MAAM;AAAA,QAC/C;AAAA,QAED;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,CAAC,EAAC,qCAAU;AAAA,YACvB,UAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,cAAC,qBAAA,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,gBAAC,oBAAA,aAAA,EAAY,WAAW,CAAC,CAAC,MAAM,UAAU,oBAAC,gBAAc,CAAA,GAAI;AAAA,gBAC7D,oBAAC,eAAY,WAAW,CAAC,MAAM,UAAU,oBAAC,kBAAgB,CAAA,GAAI;AAAA,cAAA,GAChE;AAAA,cACA,oBAAC,SAAI,WAAU,gCACZ,+CAAU,IAAI,CAAC,MAAM,QAAQ;AAE1B,uBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,IAAG;AAAA,oBACH,MAAM,KAAK;AAAA,oBACX,SAAQ;AAAA,oBACR,QAAO;AAAA,oBACP,WAAW,WAAW,qCAAqC;AAAA,sBACzD,gDACE,KAAK;AAAA,oBAAA,CACR;AAAA,oBACD,OAAO,KAAK;AAAA,oBACZ,SAAS,KAAK;AAAA,oBACb,UAAK,KAAA;AAAA,kBAAA;AAAA,kBAXD,GAAG,KAAK,IAAI,IAAI,GAAG;AAAA,gBAAA;AAAA,cAc7B,IACH;AAAA,YAAA,GACF;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,eAAe,OAAO;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { a as above } from "../../screen-DfYo7XQ_.js";
|
|
3
|
-
import { Portal } from "../Portal/index.es.js";
|
|
4
3
|
import { B as BREAKPOINT_MD } from "../../tokens-D_iASp38.js";
|
|
4
|
+
import { Portal } from "../Portal/index.es.js";
|
|
5
5
|
const PortalHolder = ({ withPortal, children }) => {
|
|
6
6
|
const shouldUsePortal = !above(BREAKPOINT_MD) && withPortal;
|
|
7
7
|
if (shouldUsePortal) return /* @__PURE__ */ jsx(Portal, { children });
|
|
@@ -4,7 +4,7 @@ import "../Icon/index.es.js";
|
|
|
4
4
|
import "../icons/IconChevronDown/index.es.js";
|
|
5
5
|
import "../icons/IconChevronLeft/index.es.js";
|
|
6
6
|
import "../icons/IconX/index.es.js";
|
|
7
|
-
import { S } from "../../index-
|
|
7
|
+
import { S } from "../../index-AOefAAO5.js";
|
|
8
8
|
export {
|
|
9
9
|
S as Segment
|
|
10
10
|
};
|
|
@@ -9,10 +9,10 @@ import { IconSlash } from "../icons/IconSlash/index.es.js";
|
|
|
9
9
|
import { Modal } from "../Modal/index.es.js";
|
|
10
10
|
import { Text } from "../Text/index.es.js";
|
|
11
11
|
import { Conditional } from "../Conditional/index.es.js";
|
|
12
|
+
import { c as COLOR_NEUTRAL_40 } from "../../tokens-D_iASp38.js";
|
|
12
13
|
import { i as isMobile } from "../../isMobile-RyKhTreE.js";
|
|
13
14
|
import { F as Field } from "../../index-ZE6zszxw.js";
|
|
14
15
|
import { useState, useRef, useEffect } from "react";
|
|
15
|
-
import { c as COLOR_NEUTRAL_40 } from "../../tokens-D_iASp38.js";
|
|
16
16
|
import './styles.css';const useSelectField = (options, initialValue, onChange, onBlur, disabled, register, autocomplete = false, fullScreenOptions = false) => {
|
|
17
17
|
var _a;
|
|
18
18
|
const [isDropdownOpen, setIsDropdownOpen] = useState(false);
|
|
@@ -6,8 +6,8 @@ import { IconAlertTriangle } from "../icons/IconAlertTriangle/index.es.js";
|
|
|
6
6
|
import { IconCheck } from "../icons/IconCheck/index.es.js";
|
|
7
7
|
import { IconInfo } from "../icons/IconInfo/index.es.js";
|
|
8
8
|
import { IconSlash } from "../icons/IconSlash/index.es.js";
|
|
9
|
-
import { Conditional } from "../Conditional/index.es.js";
|
|
10
9
|
import { C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, e as COLOR_WARNING_50, f as COLOR_INFO_50, g as COLOR_BRAND_CYAN_50, d as COLOR_NEUTRAL_70 } from "../../tokens-D_iASp38.js";
|
|
10
|
+
import { Conditional } from "../Conditional/index.es.js";
|
|
11
11
|
import './styles.css';const Tag = ({
|
|
12
12
|
status,
|
|
13
13
|
border = "square",
|
|
@@ -154,6 +154,7 @@ import { IconLaptop } from "../icons/IconLaptop/index.es.js";
|
|
|
154
154
|
import { IconLayers } from "../icons/IconLayers/index.es.js";
|
|
155
155
|
import { IconLayout } from "../icons/IconLayout/index.es.js";
|
|
156
156
|
import { IconLifeBuoy } from "../icons/IconLifeBuoy/index.es.js";
|
|
157
|
+
import { IconLightBulb } from "../icons/IconLightBulb/index.es.js";
|
|
157
158
|
import { IconLink } from "../icons/IconLink/index.es.js";
|
|
158
159
|
import { IconLink2 } from "../icons/IconLink2/index.es.js";
|
|
159
160
|
import { IconLinkedin } from "../icons/IconLinkedin/index.es.js";
|
|
@@ -473,6 +474,7 @@ export {
|
|
|
473
474
|
IconLayers,
|
|
474
475
|
IconLayout,
|
|
475
476
|
IconLifeBuoy,
|
|
477
|
+
IconLightBulb,
|
|
476
478
|
IconLink,
|
|
477
479
|
IconLink2,
|
|
478
480
|
IconLinkedin,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import Icon from "../../Icon/index.es.js";
|
|
3
|
+
function IconLightBulb(props) {
|
|
4
|
+
return /* @__PURE__ */ jsx(
|
|
5
|
+
Icon,
|
|
6
|
+
{
|
|
7
|
+
markup: "<svg width='24' height='24' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_8889_2927)'><path d='M11.415 17.8785C11.8612 17.8788 12.2216 18.2438 12.2217 18.6862C12.2217 19.1286 11.8574 19.4935 11.415 19.4938H8.5459C8.10334 19.4938 7.73828 19.1287 7.73828 18.6862C7.73833 18.2436 8.10337 17.8785 8.5459 17.8785H11.415Z' fill='currentColor'/><path fill-rule='evenodd' clip-rule='evenodd' d='M9.63965 0.509404C13.4751 0.307643 16.666 3.37879 16.666 7.17542C16.666 8.87182 16.0173 10.4867 14.8838 11.7018C13.0371 13.6999 13.3073 15.9386 13.3076 15.941C13.2688 16.3835 12.9044 16.7486 12.4619 16.7487H7.53516C7.09272 16.7485 6.72757 16.3835 6.72754 15.941C6.72754 15.941 6.965 13.6426 5.11328 11.6588C3.9798 10.405 3.33507 8.79044 3.33496 7.0553C3.41648 3.58083 6.16518 0.711273 9.63965 0.509404ZM9.75977 2.12854C7.09281 2.29162 5.03103 4.4694 4.99219 7.13636C4.99219 8.42909 5.43522 9.67951 6.32422 10.65C7.4965 11.9 8.22219 13.5149 8.30371 15.1725H11.6973C11.7788 13.5148 12.5046 11.8998 13.7158 10.6071C14.6047 9.67929 15.0898 8.42925 15.0898 7.17542C15.0898 4.31044 12.6675 1.9655 9.75977 2.12854Z' fill='currentColor'/></g><defs><clipPath id='clip0_8889_2927'><rect width='20' height='20' fill='white'/></clipPath></defs></svg>",
|
|
8
|
+
name: "IconLightBulb",
|
|
9
|
+
...props
|
|
10
|
+
}
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
export {
|
|
14
|
+
IconLightBulb
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=index.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../../lib/components/icons/default/IconLightBulb.tsx"],"sourcesContent":["\n// This file is generated automatically\n// To edit see the file lib/tasks/generateIcons.js\nimport Icon, { IconProps } from \"../Icon\";\n\nexport function IconLightBulb(props: IconProps) {\n return (\n <Icon\n markup={\"<svg width='24' height='24' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_8889_2927)'><path d='M11.415 17.8785C11.8612 17.8788 12.2216 18.2438 12.2217 18.6862C12.2217 19.1286 11.8574 19.4935 11.415 19.4938H8.5459C8.10334 19.4938 7.73828 19.1287 7.73828 18.6862C7.73833 18.2436 8.10337 17.8785 8.5459 17.8785H11.415Z' fill='currentColor'/><path fill-rule='evenodd' clip-rule='evenodd' d='M9.63965 0.509404C13.4751 0.307643 16.666 3.37879 16.666 7.17542C16.666 8.87182 16.0173 10.4867 14.8838 11.7018C13.0371 13.6999 13.3073 15.9386 13.3076 15.941C13.2688 16.3835 12.9044 16.7486 12.4619 16.7487H7.53516C7.09272 16.7485 6.72757 16.3835 6.72754 15.941C6.72754 15.941 6.965 13.6426 5.11328 11.6588C3.9798 10.405 3.33507 8.79044 3.33496 7.0553C3.41648 3.58083 6.16518 0.711273 9.63965 0.509404ZM9.75977 2.12854C7.09281 2.29162 5.03103 4.4694 4.99219 7.13636C4.99219 8.42909 5.43522 9.67951 6.32422 10.65C7.4965 11.9 8.22219 13.5149 8.30371 15.1725H11.6973C11.7788 13.5148 12.5046 11.8998 13.7158 10.6071C14.6047 9.67929 15.0898 8.42925 15.0898 7.17542C15.0898 4.31044 12.6675 1.9655 9.75977 2.12854Z' fill='currentColor'/></g><defs><clipPath id='clip0_8889_2927'><rect width='20' height='20' fill='white'/></clipPath></defs></svg>\"}\n name=\"IconLightBulb\"\n {...props}\n />\n );\n}\n\n"],"names":[],"mappings":";;AAKO,SAAS,cAAc,OAAkB;AAE5C,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,MAAK;AAAA,MACJ,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|
|
@@ -154,6 +154,7 @@ export { IconLaptop } from './IconLaptop';
|
|
|
154
154
|
export { IconLayers } from './IconLayers';
|
|
155
155
|
export { IconLayout } from './IconLayout';
|
|
156
156
|
export { IconLifeBuoy } from './IconLifeBuoy';
|
|
157
|
+
export { IconLightBulb } from './IconLightBulb';
|
|
157
158
|
export { IconLink } from './IconLink';
|
|
158
159
|
export { IconLink2 } from './IconLink2';
|
|
159
160
|
export { IconLinkedin } from './IconLinkedin';
|
|
@@ -154,6 +154,7 @@ import { IconLaptop } from "./IconLaptop/index.es.js";
|
|
|
154
154
|
import { IconLayers } from "./IconLayers/index.es.js";
|
|
155
155
|
import { IconLayout } from "./IconLayout/index.es.js";
|
|
156
156
|
import { IconLifeBuoy } from "./IconLifeBuoy/index.es.js";
|
|
157
|
+
import { IconLightBulb } from "./IconLightBulb/index.es.js";
|
|
157
158
|
import { IconLink } from "./IconLink/index.es.js";
|
|
158
159
|
import { IconLink2 } from "./IconLink2/index.es.js";
|
|
159
160
|
import { IconLinkedin } from "./IconLinkedin/index.es.js";
|
|
@@ -474,6 +475,7 @@ export {
|
|
|
474
475
|
IconLayers,
|
|
475
476
|
IconLayout,
|
|
476
477
|
IconLifeBuoy,
|
|
478
|
+
IconLightBulb,
|
|
477
479
|
IconLink,
|
|
478
480
|
IconLink2,
|
|
479
481
|
IconLinkedin,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -5,8 +5,8 @@ import { IconChevronDown } from "./components/icons/IconChevronDown/index.es.js"
|
|
|
5
5
|
import { IconChevronLeft } from "./components/icons/IconChevronLeft/index.es.js";
|
|
6
6
|
import { IconX } from "./components/icons/IconX/index.es.js";
|
|
7
7
|
import { useState, useRef, useEffect } from "react";
|
|
8
|
-
import { a as above } from "./screen-DfYo7XQ_.js";
|
|
9
8
|
import { B as BREAKPOINT_MD } from "./tokens-D_iASp38.js";
|
|
9
|
+
import { a as above } from "./screen-DfYo7XQ_.js";
|
|
10
10
|
import './components/index/styles3.css';function useOutsideClick({
|
|
11
11
|
rootEl,
|
|
12
12
|
breakpoint,
|
|
@@ -138,4 +138,4 @@ export {
|
|
|
138
138
|
Segment as S,
|
|
139
139
|
useOutsideClick as u
|
|
140
140
|
};
|
|
141
|
-
//# sourceMappingURL=index-
|
|
141
|
+
//# sourceMappingURL=index-AOefAAO5.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-AOefAAO5.js","sources":["../lib/core/hooks/useOutsideClick.ts","../lib/components/form/Datepicker/Segment/hook.ts","../lib/components/form/Datepicker/Segment/index.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { above } from '../utils/screen'\n\ntype UseOutsideClickProps = {\n rootEl: React.RefObject<HTMLDivElement>\n breakpoint?: string\n onLoseFocusCB: () => void\n}\n\nexport function useOutsideClick({\n rootEl,\n breakpoint,\n onLoseFocusCB,\n}: UseOutsideClickProps) {\n const [setupListener, setSetupListener] = useState(false)\n\n function listenOutsideClick() {\n if (breakpoint && !above(breakpoint)) return\n document.addEventListener('mousedown', handleLoseFocus)\n setSetupListener(true)\n }\n\n function clearOutsideClickListenner() {\n if (setupListener) {\n document.removeEventListener('mousedown', handleLoseFocus)\n setSetupListener(false)\n }\n }\n\n function handleLoseFocus(ev: MouseEvent | FocusEvent) {\n if (!rootEl.current) return\n\n const clickedOutside = !rootEl.current.contains(ev.target as Node)\n\n if (clickedOutside) {\n onLoseFocusCB()\n clearOutsideClickListenner()\n }\n }\n\n return {\n listenOutsideClick,\n }\n}\n","import { useEffect, useRef, useState } from 'react'\nimport { BREAKPOINT_MD } from '@core/tokens'\nimport { useOutsideClick } from '@core/hooks/useOutsideClick'\n\nimport { SegmentItem } from '../types'\n\ntype UseSegmentProps = {\n options: SegmentItem[]\n currentValue: string | number\n onSelect: (option: SegmentItem) => void\n}\n\nexport function useSegment({\n options,\n currentValue,\n onSelect,\n}: UseSegmentProps) {\n const [isListOpen, setIsListOpen] = useState(false)\n const rootEl = useRef<HTMLDivElement>(null)\n const selectedItem = useRef<HTMLLIElement>(null)\n const currentItem = options.find((item) => item.value === currentValue)\n const { listenOutsideClick } = useOutsideClick({\n rootEl,\n breakpoint: BREAKPOINT_MD,\n onLoseFocusCB: closeList,\n })\n\n useEffect(() => {\n if (selectedItem.current && isListOpen) {\n selectedItem.current.scrollIntoView({ block: 'center', inline: 'center' })\n }\n }, [isListOpen])\n\n function openList() {\n setIsListOpen(true)\n listenOutsideClick()\n }\n\n function closeList() {\n setIsListOpen(false)\n }\n\n function handleSelectItem(option: SegmentItem) {\n onSelect(option)\n setIsListOpen(false)\n }\n\n return {\n openList,\n closeList,\n isListOpen,\n rootEl,\n currentItem,\n handleSelectItem,\n selectedItem,\n }\n}\n","import classNames from 'classnames'\nimport { IconChevronDown, IconChevronLeft, IconX } from '@components/icons'\n\nimport { useSegment } from './hook'\nimport { SegmentItem } from '../types'\nimport './styles.scss'\n\ntype SegmentProps = {\n mobileTitle: string\n options: SegmentItem[]\n onSelect: (option: SegmentItem) => void\n currentValue: string | number\n minValue?: Date\n maxValue?: Date\n}\n\nexport const Segment = ({\n currentValue,\n options,\n mobileTitle,\n onSelect,\n}: SegmentProps) => {\n const {\n rootEl,\n isListOpen,\n openList,\n closeList,\n currentItem,\n handleSelectItem,\n selectedItem,\n } = useSegment({\n options,\n currentValue,\n onSelect,\n })\n\n return (\n <div\n ref={rootEl}\n tabIndex={0}\n className={classNames('au-datepicker__segment', {\n 'au-datepicker__segment--open': isListOpen,\n })}>\n <div className=\"au-datepicker__segment-input\" onClick={openList}>\n {currentItem?.label}\n <IconChevronDown />\n </div>\n <div className=\"au-datepicker__segment-list-holder\">\n <div className=\"au-datepicker__segment-list-header\">\n <div onClick={closeList}>\n <IconChevronLeft />\n </div>\n <h4 className=\"au-datepicker__segment-title\">{mobileTitle}</h4>\n <div onClick={closeList}>\n <IconX />\n </div>\n </div>\n <ul className=\"au-datepicker__segment-list\">\n {options.map((option, idx) => {\n const isSelectedItem = option.value === currentValue\n return (\n <li\n key={`au-datepicker-segment-li-${option.value}-${idx}`}\n onClick={() => handleSelectItem(option)}\n ref={isSelectedItem ? selectedItem : null}\n className={classNames('au-datepicker__segment-list-item', {\n 'au-datepicker__segment-list-item--active': isSelectedItem,\n })}>\n {option.label}\n </li>\n )\n })}\n </ul>\n </div>\n </div>\n )\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import "./index-BXRA68j0.js";
|
|
|
3
3
|
import "./components/Icon/index.es.js";
|
|
4
4
|
import { IconChevronLeft } from "./components/icons/IconChevronLeft/index.es.js";
|
|
5
5
|
import { IconChevronRight } from "./components/icons/IconChevronRight/index.es.js";
|
|
6
|
-
import { S as Segment } from "./index-
|
|
6
|
+
import { S as Segment } from "./index-AOefAAO5.js";
|
|
7
7
|
import $dbSRa$react__default, { createContext, useContext, useState, useRef, useCallback, useEffect, useMemo, forwardRef } from "react";
|
|
8
8
|
import "react-dom";
|
|
9
9
|
createContext(null);
|
|
@@ -5686,4 +5686,4 @@ export {
|
|
|
5686
5686
|
$dfd62f934fc76fed$export$e11f8ba65d857bff as e,
|
|
5687
5687
|
$dfd62f934fc76fed$export$5d847498420df57b as f
|
|
5688
5688
|
};
|
|
5689
|
-
//# sourceMappingURL=index-
|
|
5689
|
+
//# sourceMappingURL=index-B0Ush_Ua.js.map
|