@xyo-network/react-share 2.82.0 → 2.83.1

package/src/out/Explanation.tsx

@@ -0,0 +1,28 @@
+import { InfoOutlined } from '@mui/icons-material'
+import { Tooltip, Typography, useTheme } from '@mui/material'
+import { FlexGrowRow } from '@xylabs/react-flexbox'
+import React from 'react'
+
+export interface ShareOutExplanationProps {
+  toolTipTitle?: string
+}
+
+export const ShareOutExplanation: React.FC<ShareOutExplanationProps> = ({ toolTipTitle }) => {
+  const theme = useTheme()
+  const title = toolTipTitle ?? 'In order for your data to be publicly viewable, it needs to be saved to the XYO Network Public Archivist.  Public data can be seen by your friends, and XYO can generate preview images for easier sharing on social media.'
+  return (
+    <>
+      <FlexGrowRow alignItems="center">
+        <Typography variant="body2" paddingRight={0.5}>
+          What am I sharing?
+        </Typography>
+        <Tooltip
+          title={title}
+          placement="bottom"
+        >
+          <InfoOutlined fontSize="small" sx={{ fontSize: theme.typography.caption.fontSize }} />
+        </Tooltip>
+      </FlexGrowRow>
+    </>
+  )
+}

package/src/out/GenerateShareLinkButton.stories.tsx

@@ -0,0 +1,22 @@
+import { Meta, StoryFn } from '@storybook/react'
+import React from 'react'
+
+import { GenerateShareLinkButton } from './GenerateShareLinkButton.tsx'
+
+export default {
+  title: 'modules/ShareOut/GenerateShareLinkButton',
+} as Meta<typeof GenerateShareLinkButton>
+
+const Template: StoryFn<typeof GenerateShareLinkButton> = (props) => {
+  return <GenerateShareLinkButton {...props} />
+}
+
+const Default = Template.bind({})
+Default.args = {}
+
+const WithLoading = Template.bind({})
+WithLoading.args = {
+  loading: true,
+}
+
+export { Default, WithLoading }

package/src/out/GenerateShareLinkButton.tsx

@@ -0,0 +1,26 @@
+import { Button, ButtonProps, CircularProgress, styled } from '@mui/material'
+import React from 'react'
+
+export interface GenerateShareLinkButtonProps extends ButtonProps {
+  loading?: boolean
+}
+
+export const GenerateShareLinkButton: React.FC<GenerateShareLinkButtonProps> = ({ children = 'Generate My Share Link', loading, ...props }) => {
+  return (
+    <Button
+      variant="contained"
+      startIcon={loading ? <StyledCircularProgress size="small" /> : null}
+      {...props}
+    >
+      {children}
+    </Button>
+  )
+}
+
+const StyledCircularProgress = styled(CircularProgress, { name: 'StyledCircularProgress' })(({ theme }) => ({
+  // ensure the color of the spinner is the same as the button color
+  color: theme.palette.getContrastText(theme.palette.primary.main),
+  height: '20px',
+  opacity: '.87',
+  width: '20px',
+}))

package/src/out/HeadingFlexbox.tsx

@@ -0,0 +1,24 @@
+import { Typography } from '@mui/material'
+import { FlexBoxProps, FlexGrowCol } from '@xylabs/react-flexbox'
+import React from 'react'
+
+export interface ShareOutHeadingFlexboxProps extends FlexBoxProps {
+  shareLinkName?: string
+  shareUrl?: string
+}
+
+export const ShareOutHeadingFlexbox: React.FC<ShareOutHeadingFlexboxProps> = ({ children, shareLinkName, shareUrl, ...props }) => {
+  const GenerateShareLinkExplanation = "When you generate your share link, we'll make a small amount of your data public so friends can check it out!"
+
+  return (
+    <FlexGrowCol alignItems="flex-start" paddingBottom={1} {...props}>
+      <Typography variant="body1" gutterBottom>
+        <strong>Your Share Link</strong>
+      </Typography>
+      <Typography variant="body1">
+        {shareUrl ? `Use this link or the buttons below to share ${shareLinkName}` : GenerateShareLinkExplanation}
+      </Typography>
+      {children}
+    </FlexGrowCol>
+  )
+}

package/src/out/SocialButtonsFlexbox.stories.tsx

@@ -0,0 +1,22 @@
+import { Meta, StoryFn } from '@storybook/react'
+import React from 'react'
+
+import { SocialButtonsFlexbox } from './SocialButtonsFlexbox.tsx'
+
+export default {
+  title: 'modules/ShareOut/SocialButtonsFlexbox',
+} as Meta<typeof SocialButtonsFlexbox>
+
+const Template: StoryFn<typeof SocialButtonsFlexbox> = (props) => {
+  return <SocialButtonsFlexbox {...props} />
+}
+
+const Default = Template.bind({})
+Default.args = {}
+
+const WithShareUrl = Template.bind({})
+WithShareUrl.args = {
+  shareUrl: 'https://google.com',
+}
+
+export { Default, WithShareUrl }

package/src/out/SocialButtonsFlexbox.tsx

@@ -0,0 +1,48 @@
+import { Typography } from '@mui/material'
+import { ButtonEx } from '@xylabs/react-button'
+import { FlexBoxProps, FlexGrowCol, FlexRow } from '@xylabs/react-flexbox'
+import React from 'react'
+
+import { FacebookSvgIcon, XTwitterSvgIcon } from '../icons/index.ts'
+
+export interface SocialButtonsFlexboxProps extends FlexBoxProps {
+  shareUrl?: string
+}
+
+export const SocialButtonsFlexbox: React.FC<SocialButtonsFlexboxProps> = ({ shareUrl, ...props }) => {
+  return (
+    <FlexGrowCol alignItems="stretch" paddingTop={2} {...props}>
+      <Typography variant="body1" gutterBottom>
+        <strong>Share on Social Media</strong>
+      </Typography>
+      <FlexRow gap={0.5} sx={{ flexDirection: { md: 'row', xs: 'column' } }}>
+        {shareUrl
+          ? (
+              <>
+                <ButtonEx
+                  variant="contained"
+                  style={{ backgroundColor: '#000', color: '#fff' }}
+                  onClick={() => {
+                    window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(shareUrl)}`)
+                  }}
+                  startIcon={<XTwitterSvgIcon width="20px" />}
+                >
+                  Share on X (Twitter)
+                </ButtonEx>
+                <ButtonEx
+                  variant="contained"
+                  style={{ backgroundColor: '#4267b2', color: '#fff' }}
+                  onClick={() => {
+                    window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}`)
+                  }}
+                  startIcon={<FacebookSvgIcon />}
+                >
+                  Share on Facebook
+                </ButtonEx>
+              </>
+            )
+          : null}
+      </FlexRow>
+    </FlexGrowCol>
+  )
+}

package/src/out/index.ts

@@ -0,0 +1,6 @@
+export * from './CopyLinkTextField.tsx'
+export * from './Dialog.tsx'
+export * from './Explanation.tsx'
+export * from './GenerateShareLinkButton.tsx'
+export * from './HeadingFlexbox.tsx'
+export * from './SocialButtonsFlexbox.tsx'

package/xy.config.ts

@@ -0,0 +1,12 @@
+import { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
+const config: XyTsupConfig = {
+  compile: {
+    browser: {
+      src: true,
+    },
+    node: {},
+    neutral: {},
+  },
+}
+
+export default config

package/dist/browser/ShareButton.d.cts

@@ -1,8 +0,0 @@
-import { ButtonExProps } from '@xylabs/react-button';
-import React from 'react';
-export interface ShareButtonProps extends ButtonExProps {
-    prepared?: boolean;
-    shareLink?: string;
-}
-export declare const ShareButton: React.FC<ShareButtonProps>;
-//# sourceMappingURL=ShareButton.d.ts.map

package/dist/browser/ShareButton.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../src/ShareButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAG9D,OAAO,KAA2B,MAAM,OAAO,CAAA;AAE/C,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6ClD,CAAA"}

package/dist/browser/ShareButton.d.mts

@@ -1,8 +0,0 @@
-import { ButtonExProps } from '@xylabs/react-button';
-import React from 'react';
-export interface ShareButtonProps extends ButtonExProps {
-    prepared?: boolean;
-    shareLink?: string;
-}
-export declare const ShareButton: React.FC<ShareButtonProps>;
-//# sourceMappingURL=ShareButton.d.ts.map

package/dist/browser/ShareButton.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../src/ShareButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAG9D,OAAO,KAA2B,MAAM,OAAO,CAAA;AAE/C,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6ClD,CAAA"}

package/dist/browser/ShareButton.d.ts

@@ -1,8 +0,0 @@
-import { ButtonExProps } from '@xylabs/react-button';
-import React from 'react';
-export interface ShareButtonProps extends ButtonExProps {
-    prepared?: boolean;
-    shareLink?: string;
-}
-export declare const ShareButton: React.FC<ShareButtonProps>;
-//# sourceMappingURL=ShareButton.d.ts.map

package/dist/browser/ShareButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../src/ShareButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAG9D,OAAO,KAA2B,MAAM,OAAO,CAAA;AAE/C,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6ClD,CAAA"}

package/dist/browser/index.cjs

@@ -1,96 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  ShareButton: () => ShareButton
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/ShareButton.tsx
-var import_icons_material = require("@mui/icons-material");
-var import_material = require("@mui/material");
-var import_react_button = require("@xylabs/react-button");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react_link = require("@xylabs/react-link");
-var import_react = __toESM(require("react"), 1);
-var ShareButton = /* @__PURE__ */ __name(({ prepared = true, shareLink, ...props }) => {
-  const [expanded, setExpanded] = (0, import_react.useState)(false);
-  const anchorRef = (0, import_react.useRef)(null);
-  const link = shareLink ?? window.location.href;
-  return /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexRow, {
-    gap: 1,
-    ref: anchorRef
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_button.ButtonEx, {
-    variant: "text",
-    minWidth: 32,
-    size: "small",
-    disabled: !prepared,
-    onClick: /* @__PURE__ */ __name(() => {
-      setExpanded(true);
-    }, "onClick"),
-    ...props
-  }, /* @__PURE__ */ import_react.default.createElement(import_icons_material.Share, {
-    htmlColor: "gray",
-    fontSize: "small"
-  })), /* @__PURE__ */ import_react.default.createElement(import_material.Popover, {
-    open: prepared ? expanded : false,
-    anchorEl: anchorRef.current,
-    onClose: /* @__PURE__ */ __name(() => setExpanded(false), "onClose"),
-    transitionDuration: 500
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexRow, {
-    gap: 0.5,
-    padding: 0.5
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_link.LinkEx, {
-    lineHeight: 0,
-    style: {
-      color: "#1da1f2"
-    },
-    onClick: /* @__PURE__ */ __name(() => {
-      window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`);
-      setExpanded(false);
-    }, "onClick")
-  }, /* @__PURE__ */ import_react.default.createElement(import_icons_material.Twitter, {
-    fontSize: "small"
-  })), /* @__PURE__ */ import_react.default.createElement(import_react_link.LinkEx, {
-    lineHeight: 0,
-    style: {
-      color: "#4267b2"
-    },
-    onClick: /* @__PURE__ */ __name(() => {
-      window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`);
-      setExpanded(false);
-    }, "onClick")
-  }, /* @__PURE__ */ import_react.default.createElement(import_icons_material.Facebook, {
-    fontSize: "small"
-  })))));
-}, "ShareButton");
-//# sourceMappingURL=index.cjs.map

package/dist/browser/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.ts","../../src/ShareButton.tsx"],"sourcesContent":["export * from './ShareButton.tsx'\n","import { Facebook as FacebookIcon, Share as ShareIcon, Twitter as TwitterIcon } from '@mui/icons-material'\nimport { Popover } from '@mui/material'\nimport { ButtonEx, ButtonExProps } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { LinkEx } from '@xylabs/react-link'\nimport React, { useRef, useState } from 'react'\n\nexport interface ShareButtonProps extends ButtonExProps {\n  prepared?: boolean\n  shareLink?: string\n}\n\nexport const ShareButton: React.FC<ShareButtonProps> = ({ prepared = true, shareLink, ...props }) => {\n  const [expanded, setExpanded] = useState(false)\n  const anchorRef = useRef(null)\n  const link = shareLink ?? window.location.href\n\n  return (\n    <FlexRow gap={1} ref={anchorRef}>\n      <ButtonEx\n        variant=\"text\"\n        minWidth={32}\n        size=\"small\"\n        disabled={!prepared}\n        onClick={() => {\n          setExpanded(true)\n        }}\n        {...props}\n      >\n        <ShareIcon htmlColor=\"gray\" fontSize=\"small\" />\n      </ButtonEx>\n      <Popover open={prepared ? expanded : false} anchorEl={anchorRef.current} onClose={() => setExpanded(false)} transitionDuration={500}>\n        <FlexRow gap={0.5} padding={0.5}>\n          <LinkEx\n            lineHeight={0}\n            style={{ color: '#1da1f2' }}\n            onClick={() => {\n              window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`)\n              setExpanded(false)\n            }}\n          >\n            <TwitterIcon fontSize=\"small\" />\n          </LinkEx>\n          <LinkEx\n            lineHeight={0}\n            style={{ color: '#4267b2' }}\n            onClick={() => {\n              window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`)\n              setExpanded(false)\n            }}\n          >\n            <FacebookIcon fontSize=\"small\" />\n          </LinkEx>\n        </FlexRow>\n      </Popover>\n    </FlexRow>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;ACAA,4BAAqF;AACrF,sBAAwB;AACxB,0BAAwC;AACxC,2BAAwB;AACxB,wBAAuB;AACvB,mBAAwC;AAOjC,IAAMA,cAA0C,wBAAC,EAAEC,WAAW,MAAMC,WAAW,GAAGC,MAAAA,MAAO;AAC9F,QAAM,CAACC,UAAUC,WAAAA,QAAeC,uBAAS,KAAA;AACzC,QAAMC,gBAAYC,qBAAO,IAAA;AACzB,QAAMC,OAAOP,aAAaQ,OAAOC,SAASC;AAE1C,SACE,6BAAAC,QAAA,cAACC,8BAAAA;IAAQC,KAAK;IAAGC,KAAKT;KACpB,6BAAAM,QAAA,cAACI,8BAAAA;IACCC,SAAQ;IACRC,UAAU;IACVC,MAAK;IACLC,UAAU,CAACpB;IACXqB,SAAS,6BAAA;AACPjB,kBAAY,IAAA;IACd,GAFS;IAGR,GAAGF;KAEJ,6BAAAU,QAAA,cAACU,sBAAAA,OAAAA;IAAUC,WAAU;IAAOC,UAAS;OAEvC,6BAAAZ,QAAA,cAACa,yBAAAA;IAAQC,MAAM1B,WAAWG,WAAW;IAAOwB,UAAUrB,UAAUsB;IAASC,SAAS,6BAAMzB,YAAY,KAAA,GAAlB;IAA0B0B,oBAAoB;KAC9H,6BAAAlB,QAAA,cAACC,8BAAAA;IAAQC,KAAK;IAAKiB,SAAS;KAC1B,6BAAAnB,QAAA,cAACoB,0BAAAA;IACCC,YAAY;IACZC,OAAO;MAAEC,OAAO;IAAU;IAC1Bd,SAAS,6BAAA;AACPZ,aAAOiB,KAAK,wCAAwCU,mBAAmB5B,IAAAA,CAAAA,EAAO;AAC9EJ,kBAAY,KAAA;IACd,GAHS;KAKT,6BAAAQ,QAAA,cAACyB,sBAAAA,SAAAA;IAAYb,UAAS;OAExB,6BAAAZ,QAAA,cAACoB,0BAAAA;IACCC,YAAY;IACZC,OAAO;MAAEC,OAAO;IAAU;IAC1Bd,SAAS,6BAAA;AACPZ,aAAOiB,KAAK,gDAAgDU,mBAAmB5B,IAAAA,CAAAA,EAAO;AACtFJ,kBAAY,KAAA;IACd,GAHS;KAKT,6BAAAQ,QAAA,cAAC0B,sBAAAA,UAAAA;IAAad,UAAS;;AAMnC,GA7CuD;","names":["ShareButton","prepared","shareLink","props","expanded","setExpanded","useState","anchorRef","useRef","link","window","location","href","React","FlexRow","gap","ref","ButtonEx","variant","minWidth","size","disabled","onClick","ShareIcon","htmlColor","fontSize","Popover","open","anchorEl","current","onClose","transitionDuration","padding","LinkEx","lineHeight","style","color","encodeURIComponent","TwitterIcon","FacebookIcon"]}

package/dist/browser/index.d.cts

@@ -1,2 +0,0 @@
-export * from './ShareButton.tsx';
-//# sourceMappingURL=index.d.ts.map

package/dist/browser/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}

package/dist/browser/index.d.mts

@@ -1,2 +0,0 @@
-export * from './ShareButton.tsx';
-//# sourceMappingURL=index.d.ts.map

package/dist/browser/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}

package/dist/browser/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}

package/dist/neutral/ShareButton.d.cts

@@ -1,8 +0,0 @@
-import { ButtonExProps } from '@xylabs/react-button';
-import React from 'react';
-export interface ShareButtonProps extends ButtonExProps {
-    prepared?: boolean;
-    shareLink?: string;
-}
-export declare const ShareButton: React.FC<ShareButtonProps>;
-//# sourceMappingURL=ShareButton.d.ts.map

package/dist/neutral/ShareButton.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../src/ShareButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAG9D,OAAO,KAA2B,MAAM,OAAO,CAAA;AAE/C,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6ClD,CAAA"}

package/dist/neutral/ShareButton.d.mts

@@ -1,8 +0,0 @@
-import { ButtonExProps } from '@xylabs/react-button';
-import React from 'react';
-export interface ShareButtonProps extends ButtonExProps {
-    prepared?: boolean;
-    shareLink?: string;
-}
-export declare const ShareButton: React.FC<ShareButtonProps>;
-//# sourceMappingURL=ShareButton.d.ts.map

package/dist/neutral/ShareButton.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../src/ShareButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAG9D,OAAO,KAA2B,MAAM,OAAO,CAAA;AAE/C,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6ClD,CAAA"}

package/dist/neutral/ShareButton.d.ts

@@ -1,8 +0,0 @@
-import { ButtonExProps } from '@xylabs/react-button';
-import React from 'react';
-export interface ShareButtonProps extends ButtonExProps {
-    prepared?: boolean;
-    shareLink?: string;
-}
-export declare const ShareButton: React.FC<ShareButtonProps>;
-//# sourceMappingURL=ShareButton.d.ts.map

package/dist/neutral/ShareButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../src/ShareButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAG9D,OAAO,KAA2B,MAAM,OAAO,CAAA;AAE/C,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6ClD,CAAA"}

package/dist/neutral/index.cjs

@@ -1,96 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  ShareButton: () => ShareButton
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/ShareButton.tsx
-var import_icons_material = require("@mui/icons-material");
-var import_material = require("@mui/material");
-var import_react_button = require("@xylabs/react-button");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react_link = require("@xylabs/react-link");
-var import_react = __toESM(require("react"), 1);
-var ShareButton = /* @__PURE__ */ __name(({ prepared = true, shareLink, ...props }) => {
-  const [expanded, setExpanded] = (0, import_react.useState)(false);
-  const anchorRef = (0, import_react.useRef)(null);
-  const link = shareLink ?? window.location.href;
-  return /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexRow, {
-    gap: 1,
-    ref: anchorRef
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_button.ButtonEx, {
-    variant: "text",
-    minWidth: 32,
-    size: "small",
-    disabled: !prepared,
-    onClick: /* @__PURE__ */ __name(() => {
-      setExpanded(true);
-    }, "onClick"),
-    ...props
-  }, /* @__PURE__ */ import_react.default.createElement(import_icons_material.Share, {
-    htmlColor: "gray",
-    fontSize: "small"
-  })), /* @__PURE__ */ import_react.default.createElement(import_material.Popover, {
-    open: prepared ? expanded : false,
-    anchorEl: anchorRef.current,
-    onClose: /* @__PURE__ */ __name(() => setExpanded(false), "onClose"),
-    transitionDuration: 500
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexRow, {
-    gap: 0.5,
-    padding: 0.5
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_link.LinkEx, {
-    lineHeight: 0,
-    style: {
-      color: "#1da1f2"
-    },
-    onClick: /* @__PURE__ */ __name(() => {
-      window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`);
-      setExpanded(false);
-    }, "onClick")
-  }, /* @__PURE__ */ import_react.default.createElement(import_icons_material.Twitter, {
-    fontSize: "small"
-  })), /* @__PURE__ */ import_react.default.createElement(import_react_link.LinkEx, {
-    lineHeight: 0,
-    style: {
-      color: "#4267b2"
-    },
-    onClick: /* @__PURE__ */ __name(() => {
-      window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`);
-      setExpanded(false);
-    }, "onClick")
-  }, /* @__PURE__ */ import_react.default.createElement(import_icons_material.Facebook, {
-    fontSize: "small"
-  })))));
-}, "ShareButton");
-//# sourceMappingURL=index.cjs.map

package/dist/neutral/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.ts","../../src/ShareButton.tsx"],"sourcesContent":["export * from './ShareButton.tsx'\n","import { Facebook as FacebookIcon, Share as ShareIcon, Twitter as TwitterIcon } from '@mui/icons-material'\nimport { Popover } from '@mui/material'\nimport { ButtonEx, ButtonExProps } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { LinkEx } from '@xylabs/react-link'\nimport React, { useRef, useState } from 'react'\n\nexport interface ShareButtonProps extends ButtonExProps {\n  prepared?: boolean\n  shareLink?: string\n}\n\nexport const ShareButton: React.FC<ShareButtonProps> = ({ prepared = true, shareLink, ...props }) => {\n  const [expanded, setExpanded] = useState(false)\n  const anchorRef = useRef(null)\n  const link = shareLink ?? window.location.href\n\n  return (\n    <FlexRow gap={1} ref={anchorRef}>\n      <ButtonEx\n        variant=\"text\"\n        minWidth={32}\n        size=\"small\"\n        disabled={!prepared}\n        onClick={() => {\n          setExpanded(true)\n        }}\n        {...props}\n      >\n        <ShareIcon htmlColor=\"gray\" fontSize=\"small\" />\n      </ButtonEx>\n      <Popover open={prepared ? expanded : false} anchorEl={anchorRef.current} onClose={() => setExpanded(false)} transitionDuration={500}>\n        <FlexRow gap={0.5} padding={0.5}>\n          <LinkEx\n            lineHeight={0}\n            style={{ color: '#1da1f2' }}\n            onClick={() => {\n              window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`)\n              setExpanded(false)\n            }}\n          >\n            <TwitterIcon fontSize=\"small\" />\n          </LinkEx>\n          <LinkEx\n            lineHeight={0}\n            style={{ color: '#4267b2' }}\n            onClick={() => {\n              window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`)\n              setExpanded(false)\n            }}\n          >\n            <FacebookIcon fontSize=\"small\" />\n          </LinkEx>\n        </FlexRow>\n      </Popover>\n    </FlexRow>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;ACAA,4BAAqF;AACrF,sBAAwB;AACxB,0BAAwC;AACxC,2BAAwB;AACxB,wBAAuB;AACvB,mBAAwC;AAOjC,IAAMA,cAA0C,wBAAC,EAAEC,WAAW,MAAMC,WAAW,GAAGC,MAAAA,MAAO;AAC9F,QAAM,CAACC,UAAUC,WAAAA,QAAeC,uBAAS,KAAA;AACzC,QAAMC,gBAAYC,qBAAO,IAAA;AACzB,QAAMC,OAAOP,aAAaQ,OAAOC,SAASC;AAE1C,SACE,6BAAAC,QAAA,cAACC,8BAAAA;IAAQC,KAAK;IAAGC,KAAKT;KACpB,6BAAAM,QAAA,cAACI,8BAAAA;IACCC,SAAQ;IACRC,UAAU;IACVC,MAAK;IACLC,UAAU,CAACpB;IACXqB,SAAS,6BAAA;AACPjB,kBAAY,IAAA;IACd,GAFS;IAGR,GAAGF;KAEJ,6BAAAU,QAAA,cAACU,sBAAAA,OAAAA;IAAUC,WAAU;IAAOC,UAAS;OAEvC,6BAAAZ,QAAA,cAACa,yBAAAA;IAAQC,MAAM1B,WAAWG,WAAW;IAAOwB,UAAUrB,UAAUsB;IAASC,SAAS,6BAAMzB,YAAY,KAAA,GAAlB;IAA0B0B,oBAAoB;KAC9H,6BAAAlB,QAAA,cAACC,8BAAAA;IAAQC,KAAK;IAAKiB,SAAS;KAC1B,6BAAAnB,QAAA,cAACoB,0BAAAA;IACCC,YAAY;IACZC,OAAO;MAAEC,OAAO;IAAU;IAC1Bd,SAAS,6BAAA;AACPZ,aAAOiB,KAAK,wCAAwCU,mBAAmB5B,IAAAA,CAAAA,EAAO;AAC9EJ,kBAAY,KAAA;IACd,GAHS;KAKT,6BAAAQ,QAAA,cAACyB,sBAAAA,SAAAA;IAAYb,UAAS;OAExB,6BAAAZ,QAAA,cAACoB,0BAAAA;IACCC,YAAY;IACZC,OAAO;MAAEC,OAAO;IAAU;IAC1Bd,SAAS,6BAAA;AACPZ,aAAOiB,KAAK,gDAAgDU,mBAAmB5B,IAAAA,CAAAA,EAAO;AACtFJ,kBAAY,KAAA;IACd,GAHS;KAKT,6BAAAQ,QAAA,cAAC0B,sBAAAA,UAAAA;IAAad,UAAS;;AAMnC,GA7CuD;","names":["ShareButton","prepared","shareLink","props","expanded","setExpanded","useState","anchorRef","useRef","link","window","location","href","React","FlexRow","gap","ref","ButtonEx","variant","minWidth","size","disabled","onClick","ShareIcon","htmlColor","fontSize","Popover","open","anchorEl","current","onClose","transitionDuration","padding","LinkEx","lineHeight","style","color","encodeURIComponent","TwitterIcon","FacebookIcon"]}

package/dist/neutral/index.d.cts

@@ -1,2 +0,0 @@
-export * from './ShareButton.tsx';
-//# sourceMappingURL=index.d.ts.map

package/dist/neutral/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}

package/dist/neutral/index.d.mts

@@ -1,2 +0,0 @@
-export * from './ShareButton.tsx';
-//# sourceMappingURL=index.d.ts.map

package/dist/neutral/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}

package/dist/neutral/index.d.ts

@@ -1,2 +0,0 @@
-export * from './ShareButton.tsx';
-//# sourceMappingURL=index.d.ts.map

package/dist/neutral/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}

package/dist/neutral/index.mjs

@@ -1,65 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
-// src/ShareButton.tsx
-import { Facebook as FacebookIcon, Share as ShareIcon, Twitter as TwitterIcon } from "@mui/icons-material";
-import { Popover } from "@mui/material";
-import { ButtonEx } from "@xylabs/react-button";
-import { FlexRow } from "@xylabs/react-flexbox";
-import { LinkEx } from "@xylabs/react-link";
-import React, { useRef, useState } from "react";
-var ShareButton = /* @__PURE__ */ __name(({ prepared = true, shareLink, ...props }) => {
-  const [expanded, setExpanded] = useState(false);
-  const anchorRef = useRef(null);
-  const link = shareLink ?? window.location.href;
-  return /* @__PURE__ */ React.createElement(FlexRow, {
-    gap: 1,
-    ref: anchorRef
-  }, /* @__PURE__ */ React.createElement(ButtonEx, {
-    variant: "text",
-    minWidth: 32,
-    size: "small",
-    disabled: !prepared,
-    onClick: /* @__PURE__ */ __name(() => {
-      setExpanded(true);
-    }, "onClick"),
-    ...props
-  }, /* @__PURE__ */ React.createElement(ShareIcon, {
-    htmlColor: "gray",
-    fontSize: "small"
-  })), /* @__PURE__ */ React.createElement(Popover, {
-    open: prepared ? expanded : false,
-    anchorEl: anchorRef.current,
-    onClose: /* @__PURE__ */ __name(() => setExpanded(false), "onClose"),
-    transitionDuration: 500
-  }, /* @__PURE__ */ React.createElement(FlexRow, {
-    gap: 0.5,
-    padding: 0.5
-  }, /* @__PURE__ */ React.createElement(LinkEx, {
-    lineHeight: 0,
-    style: {
-      color: "#1da1f2"
-    },
-    onClick: /* @__PURE__ */ __name(() => {
-      window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`);
-      setExpanded(false);
-    }, "onClick")
-  }, /* @__PURE__ */ React.createElement(TwitterIcon, {
-    fontSize: "small"
-  })), /* @__PURE__ */ React.createElement(LinkEx, {
-    lineHeight: 0,
-    style: {
-      color: "#4267b2"
-    },
-    onClick: /* @__PURE__ */ __name(() => {
-      window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`);
-      setExpanded(false);
-    }, "onClick")
-  }, /* @__PURE__ */ React.createElement(FacebookIcon, {
-    fontSize: "small"
-  })))));
-}, "ShareButton");
-export {
-  ShareButton
-};
-//# sourceMappingURL=index.mjs.map

package/dist/neutral/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/ShareButton.tsx"],"sourcesContent":["import { Facebook as FacebookIcon, Share as ShareIcon, Twitter as TwitterIcon } from '@mui/icons-material'\nimport { Popover } from '@mui/material'\nimport { ButtonEx, ButtonExProps } from '@xylabs/react-button'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { LinkEx } from '@xylabs/react-link'\nimport React, { useRef, useState } from 'react'\n\nexport interface ShareButtonProps extends ButtonExProps {\n  prepared?: boolean\n  shareLink?: string\n}\n\nexport const ShareButton: React.FC<ShareButtonProps> = ({ prepared = true, shareLink, ...props }) => {\n  const [expanded, setExpanded] = useState(false)\n  const anchorRef = useRef(null)\n  const link = shareLink ?? window.location.href\n\n  return (\n    <FlexRow gap={1} ref={anchorRef}>\n      <ButtonEx\n        variant=\"text\"\n        minWidth={32}\n        size=\"small\"\n        disabled={!prepared}\n        onClick={() => {\n          setExpanded(true)\n        }}\n        {...props}\n      >\n        <ShareIcon htmlColor=\"gray\" fontSize=\"small\" />\n      </ButtonEx>\n      <Popover open={prepared ? expanded : false} anchorEl={anchorRef.current} onClose={() => setExpanded(false)} transitionDuration={500}>\n        <FlexRow gap={0.5} padding={0.5}>\n          <LinkEx\n            lineHeight={0}\n            style={{ color: '#1da1f2' }}\n            onClick={() => {\n              window.open(`https://twitter.com/intent/tweet?url=${encodeURIComponent(link)}`)\n              setExpanded(false)\n            }}\n          >\n            <TwitterIcon fontSize=\"small\" />\n          </LinkEx>\n          <LinkEx\n            lineHeight={0}\n            style={{ color: '#4267b2' }}\n            onClick={() => {\n              window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(link)}`)\n              setExpanded(false)\n            }}\n          >\n            <FacebookIcon fontSize=\"small\" />\n          </LinkEx>\n        </FlexRow>\n      </Popover>\n    </FlexRow>\n  )\n}\n"],"mappings":";;;;AAAA,SAASA,YAAYC,cAAcC,SAASC,WAAWC,WAAWC,mBAAmB;AACrF,SAASC,eAAe;AACxB,SAASC,gBAA+B;AACxC,SAASC,eAAe;AACxB,SAASC,cAAc;AACvB,OAAOC,SAASC,QAAQC,gBAAgB;AAOjC,IAAMC,cAA0C,wBAAC,EAAEC,WAAW,MAAMC,WAAW,GAAGC,MAAAA,MAAO;AAC9F,QAAM,CAACC,UAAUC,WAAAA,IAAeC,SAAS,KAAA;AACzC,QAAMC,YAAYC,OAAO,IAAA;AACzB,QAAMC,OAAOP,aAAaQ,OAAOC,SAASC;AAE1C,SACE,sBAAA,cAACC,SAAAA;IAAQC,KAAK;IAAGC,KAAKR;KACpB,sBAAA,cAACS,UAAAA;IACCC,SAAQ;IACRC,UAAU;IACVC,MAAK;IACLC,UAAU,CAACnB;IACXoB,SAAS,6BAAA;AACPhB,kBAAY,IAAA;IACd,GAFS;IAGR,GAAGF;KAEJ,sBAAA,cAACmB,WAAAA;IAAUC,WAAU;IAAOC,UAAS;OAEvC,sBAAA,cAACC,SAAAA;IAAQC,MAAMzB,WAAWG,WAAW;IAAOuB,UAAUpB,UAAUqB;IAASC,SAAS,6BAAMxB,YAAY,KAAA,GAAlB;IAA0ByB,oBAAoB;KAC9H,sBAAA,cAACjB,SAAAA;IAAQC,KAAK;IAAKiB,SAAS;KAC1B,sBAAA,cAACC,QAAAA;IACCC,YAAY;IACZC,OAAO;MAAEC,OAAO;IAAU;IAC1Bd,SAAS,6BAAA;AACPX,aAAOgB,KAAK,wCAAwCU,mBAAmB3B,IAAAA,CAAAA,EAAO;AAC9EJ,kBAAY,KAAA;IACd,GAHS;KAKT,sBAAA,cAACgC,aAAAA;IAAYb,UAAS;OAExB,sBAAA,cAACQ,QAAAA;IACCC,YAAY;IACZC,OAAO;MAAEC,OAAO;IAAU;IAC1Bd,SAAS,6BAAA;AACPX,aAAOgB,KAAK,gDAAgDU,mBAAmB3B,IAAAA,CAAAA,EAAO;AACtFJ,kBAAY,KAAA;IACd,GAHS;KAKT,sBAAA,cAACiC,cAAAA;IAAad,UAAS;;AAMnC,GA7CuD;","names":["Facebook","FacebookIcon","Share","ShareIcon","Twitter","TwitterIcon","Popover","ButtonEx","FlexRow","LinkEx","React","useRef","useState","ShareButton","prepared","shareLink","props","expanded","setExpanded","useState","anchorRef","useRef","link","window","location","href","FlexRow","gap","ref","ButtonEx","variant","minWidth","size","disabled","onClick","ShareIcon","htmlColor","fontSize","Popover","open","anchorEl","current","onClose","transitionDuration","padding","LinkEx","lineHeight","style","color","encodeURIComponent","TwitterIcon","FacebookIcon"]}

package/dist/node/ShareButton.d.cts

@@ -1,8 +0,0 @@
-import { ButtonExProps } from '@xylabs/react-button';
-import React from 'react';
-export interface ShareButtonProps extends ButtonExProps {
-    prepared?: boolean;
-    shareLink?: string;
-}
-export declare const ShareButton: React.FC<ShareButtonProps>;
-//# sourceMappingURL=ShareButton.d.ts.map

package/dist/node/ShareButton.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShareButton.d.ts","sourceRoot":"","sources":["../../src/ShareButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAG9D,OAAO,KAA2B,MAAM,OAAO,CAAA;AAE/C,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6ClD,CAAA"}

package/dist/node/ShareButton.d.mts

@@ -1,8 +0,0 @@
-import { ButtonExProps } from '@xylabs/react-button';
-import React from 'react';
-export interface ShareButtonProps extends ButtonExProps {
-    prepared?: boolean;
-    shareLink?: string;
-}
-export declare const ShareButton: React.FC<ShareButtonProps>;
-//# sourceMappingURL=ShareButton.d.ts.map