@anywayseo/tools 2.4.0 → 2.4.1

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.
@@ -1,9 +1,15 @@
1
1
  import { FC } from 'react';
2
2
  import { BoxPositionProps } from '../../../types';
3
+ type PulseButtonActionProps = {
4
+ to?: never;
5
+ onClick: VoidFunction;
6
+ } | {
7
+ to: string;
8
+ onClick?: never;
9
+ };
3
10
  type PulseButtonProps = {
4
11
  label: string;
5
12
  colorScheme?: 'dark' | 'light';
6
- onClick: VoidFunction;
7
- } & BoxPositionProps;
13
+ } & PulseButtonActionProps & BoxPositionProps;
8
14
  declare const PulseButton: FC<PulseButtonProps>;
9
15
  export default PulseButton;
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const index = require("../index-BKBWEEyT.js");
3
+ const index = require("../index-CupM-mJk.js");
4
4
  exports.Author = index.Author;
5
5
  exports.BonusCard = index.BonusCard;
6
6
  exports.Center = index.Center;
@@ -1,4 +1,4 @@
1
- import { A, B, g, C, h, E, F, a, b, G, c, d, i, H, L, j, e, P, k, S, T, f } from "../index-DF1kFmrH.mjs";
1
+ import { A, B, g, C, h, E, F, a, b, G, c, d, i, H, L, j, e, P, k, S, T, f } from "../index-5_hCvFkU.mjs";
2
2
  export {
3
3
  A as Author,
4
4
  B as BonusCard,
@@ -1,5 +1,5 @@
1
1
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
- import { Center as Center$1, Box, Collapse, Text, Button, Flex, Stack, Image, SimpleGrid, Link, Card, CardHeader, Heading, CardBody, Popover, PopoverTrigger, PopoverContent, PopoverBody, CardFooter, useToast, useColorModeValue, VStack, FormControl, FormLabel, InputGroup, InputLeftElement, Input, Textarea, Accordion, AccordionItem, AccordionButton, AccordionIcon, AccordionPanel, LinkBox, LinkOverlay, IconButton, AbsoluteCenter, Spinner, useDisclosure, Divider, Circle, Container as Container$1, List as List$1, ListItem, Icon, ListIcon, TableContainer, Table as Table$1, Thead, Tr, Th, Tbody, Td, TableCaption, Tabs as Tabs$1, TabList, Tab, TabPanels, TabPanel } from "@chakra-ui/react";
2
+ import { Center as Center$1, Box, Collapse, Text, Button, Flex, Stack, Image, SimpleGrid, Link, Card, CardHeader, Heading, CardBody, Popover, PopoverTrigger, Portal, PopoverContent, PopoverBody, CardFooter, useToast, useColorModeValue, VStack, FormControl, FormLabel, InputGroup, InputLeftElement, Input, Textarea, Accordion, AccordionItem, AccordionButton, AccordionIcon, AccordionPanel, LinkBox, LinkOverlay, IconButton, AbsoluteCenter, Spinner, useDisclosure, Divider, Circle, Container as Container$1, List as List$1, ListItem, Icon, ListIcon, TableContainer, Table as Table$1, Thead, Tr, Th, Tbody, Td, TableCaption, Tabs as Tabs$1, TabList, Tab, TabPanels, TabPanel } from "@chakra-ui/react";
3
3
  import { useTranslation } from "react-i18next";
4
4
  import { A as Animation, b as formatNumber, c as getCurrencySymbol, f as formatDate, d as getDomain, g as getCurrentYear, a as getCurrentMonth } from "./index-CxCmXGhl.mjs";
5
5
  import { a as GameCharacteristic } from "./index-DjBQjd1k.mjs";
@@ -89,7 +89,7 @@ const ColorMap = {
89
89
  light: "gray.200",
90
90
  dark: "gray.700"
91
91
  };
92
- const PulseButton = ({ label, colorScheme = "light", onClick }) => {
92
+ const PulseButton = ({ label, colorScheme = "light", to, onClick }) => {
93
93
  return /* @__PURE__ */ jsx(
94
94
  Button,
95
95
  {
@@ -98,7 +98,7 @@ const PulseButton = ({ label, colorScheme = "light", onClick }) => {
98
98
  bgColor: "brand.500",
99
99
  animation: `${Animation.pulse} 2s infinite linear`,
100
100
  _hover: { bgColor: "brand.200", color: "gray.700" },
101
- onClick,
101
+ ...to ? { as: Link, href: to } : { onClick },
102
102
  children: label
103
103
  }
104
104
  );
@@ -121,9 +121,9 @@ const Author = ({ author, ...cardProps }) => {
121
121
  };
122
122
  const BonusCardContent = ({ content }) => {
123
123
  const { t: t2 } = useTranslation("author");
124
- return /* @__PURE__ */ jsx(Popover, { flip: false, matchWidth: false, placement: "bottom", children: ({ isOpen }) => /* @__PURE__ */ jsxs(Fragment, { children: [
124
+ return /* @__PURE__ */ jsx(Popover, { autoFocus: false, isLazy: true, lazyBehavior: "keepMounted", children: ({ isOpen }) => /* @__PURE__ */ jsxs(Fragment, { children: [
125
125
  /* @__PURE__ */ jsx(PopoverTrigger, { children: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "link", color: "white", children: isOpen ? t2("action.collapse") : t2("action.expand") }) }),
126
- /* @__PURE__ */ jsx(PopoverContent, { w: 60, children: /* @__PURE__ */ jsx(PopoverBody, { children: Array.isArray(content) ? /* @__PURE__ */ jsx(Stack, { children: content.map((paragraph, index) => /* @__PURE__ */ jsx(Text, { as: "span", children: paragraph }, index)) }) : /* @__PURE__ */ jsx(Text, { children: content }) }) })
126
+ /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(PopoverContent, { children: /* @__PURE__ */ jsx(PopoverBody, { children: Array.isArray(content) ? /* @__PURE__ */ jsx(Stack, { children: content.map((paragraph, index) => /* @__PURE__ */ jsx(Text, { as: "span", children: paragraph }, index)) }) : /* @__PURE__ */ jsx(Text, { children: content }) }) }) })
127
127
  ] }) });
128
128
  };
129
129
  const BonusCardTitle = ({ content }) => {
@@ -568,10 +568,13 @@ const Navigation$1 = ({ menu }) => {
568
568
  );
569
569
  };
570
570
  const Footer = () => {
571
- var _a, _b;
571
+ var _a, _b, _c;
572
572
  const { configs } = useSiteContext();
573
573
  const navigation = ((_a = configs == null ? void 0 : configs.footer) == null ? void 0 : _a.navigation) ?? [];
574
574
  const extra = (_b = configs == null ? void 0 : configs.footer) == null ? void 0 : _b.extra;
575
+ const showDisclaimer = ((_c = configs == null ? void 0 : configs.footer) == null ? void 0 : _c.showDisclaimer) ?? true;
576
+ const hasNavigation = !!navigation.length;
577
+ const hasExtra = !!extra;
575
578
  return /* @__PURE__ */ jsx(
576
579
  Box,
577
580
  {
@@ -580,9 +583,9 @@ const Footer = () => {
580
583
  color: useColorModeValue("gray.700", "gray.200"),
581
584
  py: 4,
582
585
  children: /* @__PURE__ */ jsxs(Container, { children: [
583
- /* @__PURE__ */ jsx(Navigation$1, { menu: navigation }),
584
- !!extra && /* @__PURE__ */ jsx(Extra, { children: extra }),
585
- /* @__PURE__ */ jsx(Disclaimer, {}),
586
+ hasNavigation && /* @__PURE__ */ jsx(Navigation$1, { menu: navigation }),
587
+ hasExtra && /* @__PURE__ */ jsx(Extra, { children: extra }),
588
+ showDisclaimer && /* @__PURE__ */ jsx(Disclaimer, {}),
586
589
  /* @__PURE__ */ jsx(Brand$1, { brand: /* @__PURE__ */ jsx(Logo, {}) }),
587
590
  /* @__PURE__ */ jsx(Copyright, {})
588
591
  ] })
@@ -733,7 +736,7 @@ const Header = () => {
733
736
  const navigation = ((_a = configs == null ? void 0 : configs.header) == null ? void 0 : _a.navigation) ?? [];
734
737
  const toolbar = (_b = configs == null ? void 0 : configs.header) == null ? void 0 : _b.toolbar;
735
738
  const hasToolbar = !!toolbar;
736
- const hasNavigation = navigation.length;
739
+ const hasNavigation = !!navigation.length;
737
740
  return /* @__PURE__ */ jsx(
738
741
  Box,
739
742
  {
@@ -90,7 +90,7 @@ const ColorMap = {
90
90
  light: "gray.200",
91
91
  dark: "gray.700"
92
92
  };
93
- const PulseButton = ({ label, colorScheme = "light", onClick }) => {
93
+ const PulseButton = ({ label, colorScheme = "light", to, onClick }) => {
94
94
  return /* @__PURE__ */ jsxRuntime.jsx(
95
95
  react.Button,
96
96
  {
@@ -99,7 +99,7 @@ const PulseButton = ({ label, colorScheme = "light", onClick }) => {
99
99
  bgColor: "brand.500",
100
100
  animation: `${index$1.Animation.pulse} 2s infinite linear`,
101
101
  _hover: { bgColor: "brand.200", color: "gray.700" },
102
- onClick,
102
+ ...to ? { as: react.Link, href: to } : { onClick },
103
103
  children: label
104
104
  }
105
105
  );
@@ -122,9 +122,9 @@ const Author = ({ author, ...cardProps }) => {
122
122
  };
123
123
  const BonusCardContent = ({ content }) => {
124
124
  const { t } = reactI18next.useTranslation("author");
125
- return /* @__PURE__ */ jsxRuntime.jsx(react.Popover, { flip: false, matchWidth: false, placement: "bottom", children: ({ isOpen }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
125
+ return /* @__PURE__ */ jsxRuntime.jsx(react.Popover, { autoFocus: false, isLazy: true, lazyBehavior: "keepMounted", children: ({ isOpen }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
126
126
  /* @__PURE__ */ jsxRuntime.jsx(react.PopoverTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Button, { size: "sm", variant: "link", color: "white", children: isOpen ? t("action.collapse") : t("action.expand") }) }),
127
- /* @__PURE__ */ jsxRuntime.jsx(react.PopoverContent, { w: 60, children: /* @__PURE__ */ jsxRuntime.jsx(react.PopoverBody, { children: Array.isArray(content) ? /* @__PURE__ */ jsxRuntime.jsx(react.Stack, { children: content.map((paragraph, index2) => /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: "span", children: paragraph }, index2)) }) : /* @__PURE__ */ jsxRuntime.jsx(react.Text, { children: content }) }) })
127
+ /* @__PURE__ */ jsxRuntime.jsx(react.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(react.PopoverContent, { children: /* @__PURE__ */ jsxRuntime.jsx(react.PopoverBody, { children: Array.isArray(content) ? /* @__PURE__ */ jsxRuntime.jsx(react.Stack, { children: content.map((paragraph, index2) => /* @__PURE__ */ jsxRuntime.jsx(react.Text, { as: "span", children: paragraph }, index2)) }) : /* @__PURE__ */ jsxRuntime.jsx(react.Text, { children: content }) }) }) })
128
128
  ] }) });
129
129
  };
130
130
  const BonusCardTitle = ({ content }) => {
@@ -569,10 +569,13 @@ const Navigation$1 = ({ menu }) => {
569
569
  );
570
570
  };
571
571
  const Footer = () => {
572
- var _a, _b;
572
+ var _a, _b, _c;
573
573
  const { configs } = index.useSiteContext();
574
574
  const navigation = ((_a = configs == null ? void 0 : configs.footer) == null ? void 0 : _a.navigation) ?? [];
575
575
  const extra = (_b = configs == null ? void 0 : configs.footer) == null ? void 0 : _b.extra;
576
+ const showDisclaimer = ((_c = configs == null ? void 0 : configs.footer) == null ? void 0 : _c.showDisclaimer) ?? true;
577
+ const hasNavigation = !!navigation.length;
578
+ const hasExtra = !!extra;
576
579
  return /* @__PURE__ */ jsxRuntime.jsx(
577
580
  react.Box,
578
581
  {
@@ -581,9 +584,9 @@ const Footer = () => {
581
584
  color: react.useColorModeValue("gray.700", "gray.200"),
582
585
  py: 4,
583
586
  children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { children: [
584
- /* @__PURE__ */ jsxRuntime.jsx(Navigation$1, { menu: navigation }),
585
- !!extra && /* @__PURE__ */ jsxRuntime.jsx(Extra, { children: extra }),
586
- /* @__PURE__ */ jsxRuntime.jsx(Disclaimer, {}),
587
+ hasNavigation && /* @__PURE__ */ jsxRuntime.jsx(Navigation$1, { menu: navigation }),
588
+ hasExtra && /* @__PURE__ */ jsxRuntime.jsx(Extra, { children: extra }),
589
+ showDisclaimer && /* @__PURE__ */ jsxRuntime.jsx(Disclaimer, {}),
587
590
  /* @__PURE__ */ jsxRuntime.jsx(Brand$1, { brand: /* @__PURE__ */ jsxRuntime.jsx(Logo, {}) }),
588
591
  /* @__PURE__ */ jsxRuntime.jsx(Copyright, {})
589
592
  ] })
@@ -734,7 +737,7 @@ const Header = () => {
734
737
  const navigation = ((_a = configs == null ? void 0 : configs.header) == null ? void 0 : _a.navigation) ?? [];
735
738
  const toolbar = (_b = configs == null ? void 0 : configs.header) == null ? void 0 : _b.toolbar;
736
739
  const hasToolbar = !!toolbar;
737
- const hasNavigation = navigation.length;
740
+ const hasNavigation = !!navigation.length;
738
741
  return /* @__PURE__ */ jsxRuntime.jsx(
739
742
  react.Box,
740
743
  {
package/dist/index.cjs CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const index = require("./index-BKBWEEyT.js");
3
+ const index = require("./index-CupM-mJk.js");
4
4
  const index$1 = require("./index-IpSV-c71.js");
5
5
  const i18n$1 = require("./index-uq_uSyaC.js");
6
6
  const index$2 = require("./index-m97PmVsd.js");
package/dist/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { A, B, g, C, h, E, F, a, b, G, c, d, i, H, L, j, e, P, k, S, T, f } from "./index-DF1kFmrH.mjs";
1
+ import { A, B, g, C, h, E, F, a, b, G, c, d, i, H, L, j, e, P, k, S, T, f } from "./index-5_hCvFkU.mjs";
2
2
  import { u } from "./index-xuSxvz5z.mjs";
3
3
  import { a as a2, G as G2, r } from "./index-DjBQjd1k.mjs";
4
4
  import { M } from "./index-C-e_0aJJ.mjs";
@@ -17,6 +17,7 @@ interface ISiteHeaderConfig {
17
17
  interface ISiteFooterConfig {
18
18
  navigation?: INavItem[];
19
19
  extra?: ReactNode;
20
+ showDisclaimer?: boolean;
20
21
  }
21
22
  export interface ISiteConfigs {
22
23
  header?: ISiteHeaderConfig;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@anywayseo/tools",
3
3
  "description": "Shared UI Components and Modules",
4
- "version": "2.4.0",
4
+ "version": "2.4.1",
5
5
  "keywords": [
6
6
  "react",
7
7
  "ui",