From 83d14631452f7c63f33f2dd6d58d0d5b5e7f773c Mon Sep 17 00:00:00 2001 From: Kevintjuhz Date: Tue, 26 Nov 2024 16:10:07 +0100 Subject: [PATCH] Remove link from popovers --- dist/components.css | 7 ------- dist/components.css.map | 2 +- dist/components.js | 23 ++++++----------------- dist/components.js.map | 2 +- dist/components.mjs | 19 ++++--------------- dist/components.mjs.map | 2 +- package.json | 2 +- src/components/InfoPopover.tsx | 9 +-------- src/components/PreprPreviewBar.tsx | 2 -- 9 files changed, 15 insertions(+), 53 deletions(-) diff --git a/dist/components.css b/dist/components.css index 85486aa..0a44aaf 100644 --- a/dist/components.css +++ b/dist/components.css @@ -193,9 +193,6 @@ font-size: 0.75rem; line-height: 1rem; } -.prp-font-black { - font-weight: 900; -} .prp-font-bold { font-weight: 700; } @@ -214,10 +211,6 @@ --tw-text-opacity: 1; color: rgb(165 180 252 / var(--tw-text-opacity)); } -.prp-text-indigo-700 { - --tw-text-opacity: 1; - color: rgb(67 56 202 / var(--tw-text-opacity)); -} .prp-text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); diff --git a/dist/components.css.map b/dist/components.css.map index b5a658b..8feceeb 100644 --- a/dist/components.css.map +++ b/dist/components.css.map @@ -1 +1 @@ -{"version":3,"sources":["../src/main.css"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');\n.prp-sticky{\n position: sticky;\n}\n.prp-top-0{\n top: 0px;\n}\n.prp-z-\\[1000\\]{\n z-index: 1000;\n}\n.prp-z-\\[100\\]{\n z-index: 100;\n}\n.prp-z-\\[9999\\]{\n z-index: 9999;\n}\n.prp-mr-1{\n margin-right: 0.25rem;\n}\n.prp-mr-10{\n margin-right: 2.5rem;\n}\n.prp-block{\n display: block;\n}\n.prp-flex{\n display: flex;\n}\n.prp-hidden{\n display: none;\n}\n.prp-h-10{\n height: 2.5rem;\n}\n.prp-h-8{\n height: 2rem;\n}\n.prp-h-full{\n height: 100%;\n}\n.prp-w-3{\n width: 0.75rem;\n}\n.prp-w-\\[13rem\\]{\n width: 13rem;\n}\n.prp-w-\\[var\\(--button-width\\)\\]{\n width: var(--button-width);\n}\n.prp-w-full{\n width: 100%;\n}\n.prp-max-w-\\[15rem\\]{\n max-width: 15rem;\n}\n.prp-max-w-\\[312px\\]{\n max-width: 312px;\n}\n.prp-flex-initial{\n flex: 0 1 auto;\n}\n.prp-cursor-pointer{\n cursor: pointer;\n}\n.prp-flex-wrap{\n flex-wrap: wrap;\n}\n.prp-items-center{\n align-items: center;\n}\n.prp-justify-center{\n justify-content: center;\n}\n.prp-justify-between{\n justify-content: space-between;\n}\n.prp-gap-1{\n gap: 0.25rem;\n}\n.prp-gap-2{\n gap: 0.5rem;\n}\n.prp-gap-4{\n gap: 1rem;\n}\n.prp-gap-6{\n gap: 1.5rem;\n}\n.prp-gap-x-6{\n -moz-column-gap: 1.5rem;\n column-gap: 1.5rem;\n}\n.prp-gap-y-4{\n row-gap: 1rem;\n}\n.prp-space-y-2 > :not([hidden]) ~ :not([hidden]){\n --tw-space-y-reverse: 0;\n margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.prp-space-y-3 > :not([hidden]) ~ :not([hidden]){\n --tw-space-y-reverse: 0;\n margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\n.prp-rounded-lg{\n border-radius: 0.5rem;\n}\n.prp-rounded-md{\n border-radius: 0.375rem;\n}\n.prp-rounded-b-md{\n border-bottom-right-radius: 0.375rem;\n border-bottom-left-radius: 0.375rem;\n}\n.prp-border{\n border-width: 1px;\n}\n.prp-border-gray-300{\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity));\n}\n.prp-bg-grey-400{\n --tw-bg-opacity: 1;\n background-color: rgb(156 163 175 / var(--tw-bg-opacity));\n}\n.prp-bg-indigo-default{\n --tw-bg-opacity: 1;\n background-color: rgb(67 56 202 / var(--tw-bg-opacity));\n}\n.prp-bg-orange-400{\n --tw-bg-opacity: 1;\n background-color: rgb(251 146 60 / var(--tw-bg-opacity));\n}\n.prp-bg-white{\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.prp-p-1{\n padding: 0.25rem;\n}\n.prp-p-4{\n padding: 1rem;\n}\n.prp-px-3{\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n.prp-px-4{\n padding-left: 1rem;\n padding-right: 1rem;\n}\n.prp-px-5{\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n.prp-py-2{\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n.prp-py-3{\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n.prp-py-4{\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n.prp-pb-0\\.5{\n padding-bottom: 0.125rem;\n}\n.prp-pb-2{\n padding-bottom: 0.5rem;\n}\n.prp-text-center{\n text-align: center;\n}\n.prp-text-base{\n font-size: 1rem;\n line-height: 1.5rem;\n}\n.prp-text-lg{\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n.prp-text-sm{\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.prp-text-xs{\n font-size: 0.75rem;\n line-height: 1rem;\n}\n.prp-font-black{\n font-weight: 900;\n}\n.prp-font-bold{\n font-weight: 700;\n}\n.prp-leading-tight{\n line-height: 1.25;\n}\n.prp-text-gray-500{\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity));\n}\n.prp-text-gray-900{\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity));\n}\n.prp-text-indigo-300{\n --tw-text-opacity: 1;\n color: rgb(165 180 252 / var(--tw-text-opacity));\n}\n.prp-text-indigo-700{\n --tw-text-opacity: 1;\n color: rgb(67 56 202 / var(--tw-text-opacity));\n}\n.prp-text-white{\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.prp-ring-0{\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.prp-regular-text{\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 500;\n line-height: 1.5;\n}\n\n.prp-base {\n font-family: Inter, sans-serif;\n}\n\n.prp-dropshadow {\n box-shadow: 0px 0px 12px 0px #C3C3C3;\n}\n\n.prp-dropshadow-popover {\n box-shadow: 0px 3px 16px 0px rgba(84, 84, 84, 0.45);\n}\n\n.hover\\:prp-cursor-pointer:hover{\n cursor: pointer;\n}\n\n.hover\\:prp-bg-gray-100:hover{\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n}\n\n.hover\\:prp-text-indigo-400:hover{\n --tw-text-opacity: 1;\n color: rgb(129 140 248 / var(--tw-text-opacity));\n}\n\n.focus\\:prp-ring-0:focus{\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.data-\\[open\\]\\:prp-rounded-b-none[data-open]{\n border-bottom-right-radius: 0px;\n border-bottom-left-radius: 0px;\n}\n\n.data-\\[open\\]\\:prp-border-b-white[data-open]{\n --tw-border-opacity: 1;\n border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.data-\\[checked\\]\\:prp-bg-indigo-600[data-checked]{\n --tw-bg-opacity: 1;\n background-color: rgb(67 56 202 / var(--tw-bg-opacity));\n}\n\n.data-\\[checked\\]\\:prp-text-white[data-checked]{\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n@media (min-width: 768px){\n .md\\:prp-inline{\n display: inline;\n }\n .md\\:prp-w-\\[15rem\\]{\n width: 15rem;\n }\n .md\\:prp-w-auto{\n width: auto;\n }\n .md\\:prp-px-19\\.5{\n padding-left: 4.875rem;\n padding-right: 4.875rem;\n }\n}\n\n@media (min-width: 1024px){\n .lg\\:prp-block{\n display: block;\n }\n .lg\\:prp-gap-6{\n gap: 1.5rem;\n }\n}\n\n@media (min-width: 1440px){\n .\\32xl\\:prp-flex{\n display: flex;\n }\n}"],"mappings":"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","names":[]} \ No newline at end of file +{"version":3,"sources":["../src/main.css"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');\n.prp-sticky{\n position: sticky;\n}\n.prp-top-0{\n top: 0px;\n}\n.prp-z-\\[1000\\]{\n z-index: 1000;\n}\n.prp-z-\\[100\\]{\n z-index: 100;\n}\n.prp-z-\\[9999\\]{\n z-index: 9999;\n}\n.prp-mr-1{\n margin-right: 0.25rem;\n}\n.prp-mr-10{\n margin-right: 2.5rem;\n}\n.prp-block{\n display: block;\n}\n.prp-flex{\n display: flex;\n}\n.prp-hidden{\n display: none;\n}\n.prp-h-10{\n height: 2.5rem;\n}\n.prp-h-8{\n height: 2rem;\n}\n.prp-h-full{\n height: 100%;\n}\n.prp-w-3{\n width: 0.75rem;\n}\n.prp-w-\\[13rem\\]{\n width: 13rem;\n}\n.prp-w-\\[var\\(--button-width\\)\\]{\n width: var(--button-width);\n}\n.prp-w-full{\n width: 100%;\n}\n.prp-max-w-\\[15rem\\]{\n max-width: 15rem;\n}\n.prp-max-w-\\[312px\\]{\n max-width: 312px;\n}\n.prp-flex-initial{\n flex: 0 1 auto;\n}\n.prp-cursor-pointer{\n cursor: pointer;\n}\n.prp-flex-wrap{\n flex-wrap: wrap;\n}\n.prp-items-center{\n align-items: center;\n}\n.prp-justify-center{\n justify-content: center;\n}\n.prp-justify-between{\n justify-content: space-between;\n}\n.prp-gap-1{\n gap: 0.25rem;\n}\n.prp-gap-2{\n gap: 0.5rem;\n}\n.prp-gap-4{\n gap: 1rem;\n}\n.prp-gap-6{\n gap: 1.5rem;\n}\n.prp-gap-x-6{\n -moz-column-gap: 1.5rem;\n column-gap: 1.5rem;\n}\n.prp-gap-y-4{\n row-gap: 1rem;\n}\n.prp-space-y-2 > :not([hidden]) ~ :not([hidden]){\n --tw-space-y-reverse: 0;\n margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.prp-space-y-3 > :not([hidden]) ~ :not([hidden]){\n --tw-space-y-reverse: 0;\n margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\n.prp-rounded-lg{\n border-radius: 0.5rem;\n}\n.prp-rounded-md{\n border-radius: 0.375rem;\n}\n.prp-rounded-b-md{\n border-bottom-right-radius: 0.375rem;\n border-bottom-left-radius: 0.375rem;\n}\n.prp-border{\n border-width: 1px;\n}\n.prp-border-gray-300{\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity));\n}\n.prp-bg-grey-400{\n --tw-bg-opacity: 1;\n background-color: rgb(156 163 175 / var(--tw-bg-opacity));\n}\n.prp-bg-indigo-default{\n --tw-bg-opacity: 1;\n background-color: rgb(67 56 202 / var(--tw-bg-opacity));\n}\n.prp-bg-orange-400{\n --tw-bg-opacity: 1;\n background-color: rgb(251 146 60 / var(--tw-bg-opacity));\n}\n.prp-bg-white{\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.prp-p-1{\n padding: 0.25rem;\n}\n.prp-p-4{\n padding: 1rem;\n}\n.prp-px-3{\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n.prp-px-4{\n padding-left: 1rem;\n padding-right: 1rem;\n}\n.prp-px-5{\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n.prp-py-2{\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n.prp-py-3{\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n.prp-py-4{\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n.prp-pb-0\\.5{\n padding-bottom: 0.125rem;\n}\n.prp-pb-2{\n padding-bottom: 0.5rem;\n}\n.prp-text-center{\n text-align: center;\n}\n.prp-text-base{\n font-size: 1rem;\n line-height: 1.5rem;\n}\n.prp-text-lg{\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n.prp-text-sm{\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.prp-text-xs{\n font-size: 0.75rem;\n line-height: 1rem;\n}\n.prp-font-bold{\n font-weight: 700;\n}\n.prp-leading-tight{\n line-height: 1.25;\n}\n.prp-text-gray-500{\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity));\n}\n.prp-text-gray-900{\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity));\n}\n.prp-text-indigo-300{\n --tw-text-opacity: 1;\n color: rgb(165 180 252 / var(--tw-text-opacity));\n}\n.prp-text-white{\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.prp-ring-0{\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.prp-regular-text{\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 500;\n line-height: 1.5;\n}\n\n.prp-base {\n font-family: Inter, sans-serif;\n}\n\n.prp-dropshadow {\n box-shadow: 0px 0px 12px 0px #C3C3C3;\n}\n\n.prp-dropshadow-popover {\n box-shadow: 0px 3px 16px 0px rgba(84, 84, 84, 0.45);\n}\n\n.hover\\:prp-cursor-pointer:hover{\n cursor: pointer;\n}\n\n.hover\\:prp-bg-gray-100:hover{\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n}\n\n.hover\\:prp-text-indigo-400:hover{\n --tw-text-opacity: 1;\n color: rgb(129 140 248 / var(--tw-text-opacity));\n}\n\n.focus\\:prp-ring-0:focus{\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.data-\\[open\\]\\:prp-rounded-b-none[data-open]{\n border-bottom-right-radius: 0px;\n border-bottom-left-radius: 0px;\n}\n\n.data-\\[open\\]\\:prp-border-b-white[data-open]{\n --tw-border-opacity: 1;\n border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.data-\\[checked\\]\\:prp-bg-indigo-600[data-checked]{\n --tw-bg-opacity: 1;\n background-color: rgb(67 56 202 / var(--tw-bg-opacity));\n}\n\n.data-\\[checked\\]\\:prp-text-white[data-checked]{\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n@media (min-width: 768px){\n .md\\:prp-inline{\n display: inline;\n }\n .md\\:prp-w-\\[15rem\\]{\n width: 15rem;\n }\n .md\\:prp-w-auto{\n width: auto;\n }\n .md\\:prp-px-19\\.5{\n padding-left: 4.875rem;\n padding-right: 4.875rem;\n }\n}\n\n@media (min-width: 1024px){\n .lg\\:prp-block{\n display: block;\n }\n .lg\\:prp-gap-6{\n gap: 1.5rem;\n }\n}\n\n@media (min-width: 1440px){\n .\\32xl\\:prp-flex{\n display: flex;\n }\n}"],"mappings":"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","names":[]} \ No newline at end of file diff --git a/dist/components.js b/dist/components.js index b20c80b..6d4c689 100644 --- a/dist/components.js +++ b/dist/components.js @@ -111,14 +111,13 @@ function ResetButton({ // src/components/PreprPreviewBar.tsx var import_react6 = require("@headlessui/react"); -var import_fa63 = require("react-icons/fa6"); +var import_fa62 = require("react-icons/fa6"); // src/components/InfoPopover.tsx var import_react3 = require("@headlessui/react"); var import_fa = require("react-icons/fa"); var import_react4 = __toESM(require("react")); -var import_fa62 = require("react-icons/fa6"); -function InfoPopover({ title, text, link }) { +function InfoPopover({ title, text }) { return /* @__PURE__ */ import_react4.default.createElement(import_react3.Popover, null, /* @__PURE__ */ import_react4.default.createElement(import_react3.PopoverButton, { className: "prp-ring-0 focus:prp-ring-0 prp-font-bold prp-text-indigo-300 prp-text-xs hover:prp-text-indigo-400 prp-block" }, /* @__PURE__ */ import_react4.default.createElement(import_fa.FaInfoCircle, null)), /* @__PURE__ */ import_react4.default.createElement( import_react3.PopoverPanel, { @@ -126,15 +125,7 @@ function InfoPopover({ title, text, link }) { anchor: "bottom", className: "prp-z-[1000] prp-p-4" }, - /* @__PURE__ */ import_react4.default.createElement("div", { className: " prp-bg-white rounded-lg p-6 prp-dropshadow-popover prp-space-y-3 prp-max-w-[312px]" }, /* @__PURE__ */ import_react4.default.createElement("span", { className: "prp-text-base prp-font-bold prp-leading-tight prp-text-gray-900" }, title), /* @__PURE__ */ import_react4.default.createElement("div", { className: "prp-space-y-2" }, /* @__PURE__ */ import_react4.default.createElement("span", { className: "prp-text-sm" }, text), /* @__PURE__ */ import_react4.default.createElement( - "a", - { - href: link, - className: "prp-font-black prp-text-sm prp-flex prp-gap-1 prp-items-center prp-text-indigo-700" - }, - "Learn more ", - /* @__PURE__ */ import_react4.default.createElement(import_fa62.FaArrowUpRightFromSquare, null) - ))) + /* @__PURE__ */ import_react4.default.createElement("div", { className: " prp-bg-white rounded-lg p-6 prp-dropshadow-popover prp-space-y-3 prp-max-w-[312px]" }, /* @__PURE__ */ import_react4.default.createElement("span", { className: "prp-text-base prp-font-bold prp-leading-tight prp-text-gray-900" }, title), /* @__PURE__ */ import_react4.default.createElement("div", { className: "prp-space-y-2" }, /* @__PURE__ */ import_react4.default.createElement("span", { className: "prp-text-sm" }, text))) )); } @@ -204,8 +195,7 @@ function PreprPreviewBar(props) { InfoPopover, { title: "Adaptive Preview", - text: "Choose a segment to see how it's displayed.", - link: "Learn more" + text: "Choose a segment to see how it's displayed." } )), /* @__PURE__ */ import_react5.default.createElement( import_react6.Listbox, @@ -213,7 +203,7 @@ function PreprPreviewBar(props) { value: selectedSegment.slug, onChange: handleUpdateSegment }, - /* @__PURE__ */ import_react5.default.createElement(import_react6.ListboxButton, { className: "prp-h-10 prp-flex-initial prp-w-[13rem] md:prp-w-[15rem] prp-max-w-[15rem] prp-rounded-md data-[open]:prp-rounded-b-none data-[open]:prp-border-b-white prp-border prp-border-gray-300 prp-items-center prp-bg-white prp-justify-center prp-px-4 prp-regular-text prp-text-gray-500" }, /* @__PURE__ */ import_react5.default.createElement("span", { className: "prp-flex prp-items-center prp-justify-between" }, /* @__PURE__ */ import_react5.default.createElement("span", null, selectedSegment.body), /* @__PURE__ */ import_react5.default.createElement("span", { className: "prp-text-gray-900" }, /* @__PURE__ */ import_react5.default.createElement(import_fa63.FaCaretDown, { className: "prp-w-3" })))), + /* @__PURE__ */ import_react5.default.createElement(import_react6.ListboxButton, { className: "prp-h-10 prp-flex-initial prp-w-[13rem] md:prp-w-[15rem] prp-max-w-[15rem] prp-rounded-md data-[open]:prp-rounded-b-none data-[open]:prp-border-b-white prp-border prp-border-gray-300 prp-items-center prp-bg-white prp-justify-center prp-px-4 prp-regular-text prp-text-gray-500" }, /* @__PURE__ */ import_react5.default.createElement("span", { className: "prp-flex prp-items-center prp-justify-between" }, /* @__PURE__ */ import_react5.default.createElement("span", null, selectedSegment.body), /* @__PURE__ */ import_react5.default.createElement("span", { className: "prp-text-gray-900" }, /* @__PURE__ */ import_react5.default.createElement(import_fa62.FaCaretDown, { className: "prp-w-3" })))), /* @__PURE__ */ import_react5.default.createElement( import_react6.ListboxOptions, { @@ -234,8 +224,7 @@ function PreprPreviewBar(props) { InfoPopover, { title: "A/B Testing", - text: "Choose between two different versions of a page to see which one performs better.", - link: "Learn more" + text: "Choose between two different versions of a page to see which one performs better." } )), /* @__PURE__ */ import_react5.default.createElement( import_react6.RadioGroup, diff --git a/dist/components.js.map b/dist/components.js.map index de59753..e97b2eb 100644 --- a/dist/components.js.map +++ b/dist/components.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/components.ts","../src/components/PreprPreviewBar.tsx","../src/components/PreprLogo.tsx","../src/components/ResetButton.tsx","../src/components/InfoPopover.tsx"],"sourcesContent":["'use client'\n\nimport \"./main.css\"\nimport {PreprPreviewBar} from './components/PreprPreviewBar'\n\nexport {PreprPreviewBar}","'use client'\n\nimport { usePathname, useRouter } from 'next/navigation'\nimport React, { useState } from 'react'\n\nimport '../main.css'\nimport PreprLogo from './PreprLogo'\nimport ResetButton from './ResetButton'\nimport {\n Listbox,\n ListboxButton,\n ListboxOption,\n ListboxOptions,\n Radio,\n RadioGroup,\n} from '@headlessui/react'\nimport { FaCaretDown } from 'react-icons/fa6'\nimport InfoPopover from './InfoPopover'\n\nexport function PreprPreviewBar(props: {\n activeSegment?: string | null\n activeVariant?: string | null\n data?: any\n}) {\n const { activeSegment, activeVariant, data } = props\n\n if (\n data?.items &&\n data?.items[data?.items.length - 1].reference_id !== 'null'\n ) {\n data.items\n data.items.unshift({\n reference_id: 'null',\n body: 'All other users',\n })\n }\n\n const emptyVariant = 'A'\n const emptySegment = {\n body: 'Choose segment',\n }\n const [selectedSegment, setSelectedSegment] = useState(\n (data.items &&\n data.items.filter(\n (segmentData: any) => segmentData === activeSegment\n )[0]) ||\n emptySegment\n )\n\n const [selectedVariant, setSelectedVariant] = useState(\n activeVariant || 'A'\n )\n\n const router = useRouter()\n const pathname = usePathname()\n\n const handleUpdateVariant = (variant: any) => {\n setSelectedVariant(variant)\n\n const params = new URLSearchParams({})\n\n params.append('a-b-testing', variant as string)\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n const handleUpdateSegment = (value: any) => {\n setSelectedSegment(value)\n\n const segment = value.reference_id\n\n if (!segment) {\n return\n }\n\n const params = new URLSearchParams({})\n\n if (segment !== 'Choose segment') {\n params.append('segments', segment as string)\n } else {\n params.append('segments', 'null')\n }\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n const handleReset = () => {\n setSelectedSegment(emptySegment)\n setSelectedVariant(emptyVariant)\n\n const params = new URLSearchParams({})\n params.append('segments', 'null')\n params.append('a-b-testing', 'null')\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n return (\n
\n
\n {/* Logo & Text */}\n
\n
\n \n
\n
\n Adaptive Preview\n
\n
\n\n
\n
\n
\n Apply segment\n \n
\n \n \n \n {selectedSegment.body}\n \n \n \n \n \n \n {data?.items?.map((segment: any) => (\n \n {segment.body}\n \n ))}\n \n \n
\n\n
\n
\n Show A/B variant\n \n
\n\n \n \n \n Variant{' '}\n \n A\n \n \n \n Variant{' '}\n \n B\n \n \n
\n\n \n
\n
\n
\n )\n}\n","import React from \"react\";\n\nexport default function PreprLogo() {\n return (\n \n \n \n \n \n \n \n\n )\n}","import React from 'react'\nimport classNames from 'classnames'\nimport { FaRotate } from 'react-icons/fa6'\n\ninterface ResetButtonProps {\n enabled?: boolean\n handleClick?: () => void\n}\n\nexport default function ResetButton({\n enabled = false,\n handleClick,\n}: ResetButtonProps) {\n const classes = classNames(\n 'prp-py-3 prp-px-4 prp-flex prp-gap-2 prp-items-center rounded-md prp-regular-text h-10',\n enabled &&\n 'prp-bg-orange-400 hover:prp-orange-500 prp-cursor-pointer prp-text-white',\n !enabled && 'prp-bg-grey-400 prp-text-gray-500'\n )\n\n return (\n \n \n Reset\n \n )\n}\n","import { Popover, PopoverButton, PopoverPanel } from '@headlessui/react'\nimport { FaInfoCircle } from 'react-icons/fa'\nimport React from 'react'\nimport { FaArrowUpRightFromSquare } from 'react-icons/fa6'\n\ninterface InfoPopoverProps {\n title: string\n text: string\n link: string\n}\n\nexport default function InfoPopover({ title, text, link }: InfoPopoverProps) {\n return (\n \n \n \n \n \n
\n \n {title}\n \n
\n {text}\n \n Learn more \n \n
\n
\n \n \n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,wBAAuC;AACvC,IAAAA,gBAAgC;;;ACHhC,mBAAkB;AAEH,SAAR,YAA6B;AAChC,SACI,6BAAAC,QAAA,cAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,gCAC9D,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MAAK,UAAS;AAAA,MAAU,UAAS;AAAA,MAC5B,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EAAO,GAClB,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MAAK,UAAS;AAAA,MAAU,UAAS;AAAA,MAC5B,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EAAO,GAClB,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MAAK,UAAS;AAAA,MAAU,UAAS;AAAA,MAC5B,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EAAO,GAClB,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MAAK,UAAS;AAAA,MAAU,UAAS;AAAA,MAC5B,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EAAO,GAClB,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MAAK,UAAS;AAAA,MAAU,UAAS;AAAA,MAC5B,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EAAO,CACtB;AAGR;;;ACvBA,IAAAC,gBAAkB;AAClB,wBAAuB;AACvB,iBAAyB;AAOV,SAAR,YAA6B;AAAA,EAChC,UAAU;AAAA,EACV;AACJ,GAAqB;AACjB,QAAM,cAAU,kBAAAC;AAAA,IACZ;AAAA,IACA,WACI;AAAA,IACJ,CAAC,WAAW;AAAA,EAChB;AAEA,SACI,8BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,SAAS;AAAA,MACT,WAAW;AAAA,MACX,UAAU,CAAC;AAAA;AAAA,IAEX,8BAAAA,QAAA,cAAC,yBAAS;AAAA,IACV,8BAAAA,QAAA,cAAC,UAAK,WAAU,6BAA0B,OAAK;AAAA,EACnD;AAER;;;AFtBA,IAAAC,gBAOO;AACP,IAAAC,cAA4B;;;AGhB5B,IAAAC,gBAAqD;AACrD,gBAA6B;AAC7B,IAAAA,gBAAkB;AAClB,IAAAC,cAAyC;AAQ1B,SAAR,YAA6B,EAAE,OAAO,MAAM,KAAK,GAAqB;AACzE,SACI,8BAAAC,QAAA,cAAC,6BACG,8BAAAA,QAAA,cAAC,+BAAc,WAAU,mHACrB,8BAAAA,QAAA,cAAC,4BAAa,CAClB,GACA,8BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,YAAU;AAAA,MACV,QAAO;AAAA,MACP,WAAU;AAAA;AAAA,IAEV,8BAAAA,QAAA,cAAC,SAAI,WAAU,yFACX,8BAAAA,QAAA,cAAC,UAAK,WAAU,qEACX,KACL,GACA,8BAAAA,QAAA,cAAC,SAAI,WAAU,mBACX,8BAAAA,QAAA,cAAC,UAAK,WAAU,iBAAe,IAAK,GACpC,8BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACG,MAAM;AAAA,QACN,WAAU;AAAA;AAAA,MACb;AAAA,MACc,8BAAAA,QAAA,cAAC,0CAAyB;AAAA,IACzC,CACJ,CACJ;AAAA,EACJ,CACJ;AAER;;;AHpBO,SAAS,gBAAgB,OAI7B;AAvBH;AAwBI,QAAM,EAAE,eAAe,eAAe,KAAK,IAAI;AAE/C,OACI,6BAAM,WACN,6BAAM,OAAM,6BAAM,MAAM,UAAS,GAAG,kBAAiB,QACvD;AACE,SAAK;AACL,SAAK,MAAM,QAAQ;AAAA,MACf,cAAc;AAAA,MACd,MAAM;AAAA,IACV,CAAC;AAAA,EACL;AAEA,QAAM,eAAe;AACrB,QAAM,eAAe;AAAA,IACjB,MAAM;AAAA,EACV;AACA,QAAM,CAAC,iBAAiB,kBAAkB,QAAI;AAAA,IACzC,KAAK,SACF,KAAK,MAAM;AAAA,MACP,CAAC,gBAAqB,gBAAgB;AAAA,IAC1C,EAAE,CAAC,KACH;AAAA,EACR;AAEA,QAAM,CAAC,iBAAiB,kBAAkB,QAAI;AAAA,IAC1C,iBAAiB;AAAA,EACrB;AAEA,QAAM,aAAS,6BAAU;AACzB,QAAM,eAAW,+BAAY;AAE7B,QAAM,sBAAsB,CAAC,YAAiB;AAC1C,uBAAmB,OAAO;AAE1B,UAAM,SAAS,IAAI,gBAAgB,CAAC,CAAC;AAErC,WAAO,OAAO,eAAe,OAAiB;AAE9C,WAAO,KAAK,GAAG,QAAQ,IAAI,OAAO,SAAS,CAAC,IAAI;AAAA,MAC5C,QAAQ;AAAA,IACZ,CAAC;AACD,WAAO,QAAQ;AAAA,EACnB;AAEA,QAAM,sBAAsB,CAAC,UAAe;AACxC,uBAAmB,KAAK;AAExB,UAAM,UAAU,MAAM;AAEtB,QAAI,CAAC,SAAS;AACV;AAAA,IACJ;AAEA,UAAM,SAAS,IAAI,gBAAgB,CAAC,CAAC;AAErC,QAAI,YAAY,kBAAkB;AAC9B,aAAO,OAAO,YAAY,OAAiB;AAAA,IAC/C,OAAO;AACH,aAAO,OAAO,YAAY,MAAM;AAAA,IACpC;AAEA,WAAO,KAAK,GAAG,QAAQ,IAAI,OAAO,SAAS,CAAC,IAAI;AAAA,MAC5C,QAAQ;AAAA,IACZ,CAAC;AACD,WAAO,QAAQ;AAAA,EACnB;AAEA,QAAM,cAAc,MAAM;AACtB,uBAAmB,YAAY;AAC/B,uBAAmB,YAAY;AAE/B,UAAM,SAAS,IAAI,gBAAgB,CAAC,CAAC;AACrC,WAAO,OAAO,YAAY,MAAM;AAChC,WAAO,OAAO,eAAe,MAAM;AAEnC,WAAO,KAAK,GAAG,QAAQ,IAAI,OAAO,SAAS,CAAC,IAAI;AAAA,MAC5C,QAAQ;AAAA,IACZ,CAAC;AACD,WAAO,QAAQ;AAAA,EACnB;AAEA,SACI,8BAAAC,QAAA,cAAC,SAAI,WAAU,uGACX,8BAAAA,QAAA,cAAC,SAAI,WAAU,wEAEX,8BAAAA,QAAA,cAAC,SAAI,WAAU,yCACX,8BAAAA,QAAA,cAAC,SAAI,WAAU,6DACX,8BAAAA,QAAA,cAAC,eAAU,CACf,GACA,8BAAAA,QAAA,cAAC,SAAI,WAAU,2FAAwF,kBAEvG,CACJ,GAEA,8BAAAA,QAAA,cAAC,SAAI,WAAU,+EACX,8BAAAA,QAAA,cAAC,SAAI,WAAU,wBACX,8BAAAA,QAAA,cAAC,SAAI,WAAU,wFACX,8BAAAA,QAAA,cAAC,UAAK,WAAU,gBAAa,eAAa,GAC1C,8BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,OAAO;AAAA,MACP,MACI;AAAA,MAEJ,MAAM;AAAA;AAAA,EACV,CACJ,GACA,8BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,OAAO,gBAAgB;AAAA,MACvB,UAAU;AAAA;AAAA,IAEV,8BAAAA,QAAA,cAAC,+BAAc,WAAU,yRACrB,8BAAAA,QAAA,cAAC,UAAK,WAAU,mDACZ,8BAAAA,QAAA,cAAC,cAAM,gBAAgB,IAAK,GAC5B,8BAAAA,QAAA,cAAC,UAAK,WAAU,uBACZ,8BAAAA,QAAA,cAAC,2BAAY,WAAU,WAAU,CACrC,CACJ,CACJ;AAAA,IACA,8BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACG,QAAO;AAAA,QACP,WAAU;AAAA;AAAA,OAET,kCAAM,UAAN,mBAAa,IAAI,CAAC,YACf,8BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACG,WAAU;AAAA,UACV,KAAK,QAAQ;AAAA,UACb,OAAO;AAAA;AAAA,QAEN,QAAQ;AAAA,MACb;AAAA,IAER;AAAA,EACJ,CACJ,GAEA,8BAAAA,QAAA,cAAC,SAAI,WAAU,wBACX,8BAAAA,QAAA,cAAC,SAAI,WAAU,wFACX,8BAAAA,QAAA,cAAC,UAAK,WAAU,gBAAa,kBAAgB,GAC7C,8BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,OAAO;AAAA,MACP,MACI;AAAA,MAEJ,MAAM;AAAA;AAAA,EACV,CACJ,GAEA,8BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO;AAAA,MACP,UAAU;AAAA;AAAA,IAEV,8BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACG,OAAO;AAAA,QACP,WAAU;AAAA;AAAA,MAIV,8BAAAA,QAAA,cAAC,UAAK,WAAU,uCAAoC,WACxC,GACZ;AAAA,MAAO;AAAA,IAEX;AAAA,IACA,8BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACG,OAAO;AAAA,QACP,WAAU;AAAA;AAAA,MAIV,8BAAAA,QAAA,cAAC,UAAK,WAAU,uCAAoC,WACxC,GACZ;AAAA,MAAO;AAAA,IAEX;AAAA,EACJ,CACJ,GAEA,8BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,aAAa;AAAA,MACb,SACI,gBAAgB,gBAChB,oBAAoB;AAAA;AAAA,EAE5B,CACJ,CACJ,CACJ;AAER;","names":["import_react","React","import_react","classNames","React","import_react","import_fa6","import_react","import_fa6","React","React"]} \ No newline at end of file +{"version":3,"sources":["../src/components.ts","../src/components/PreprPreviewBar.tsx","../src/components/PreprLogo.tsx","../src/components/ResetButton.tsx","../src/components/InfoPopover.tsx"],"sourcesContent":["'use client'\n\nimport \"./main.css\"\nimport {PreprPreviewBar} from './components/PreprPreviewBar'\n\nexport {PreprPreviewBar}","'use client'\n\nimport { usePathname, useRouter } from 'next/navigation'\nimport React, { useState } from 'react'\n\nimport '../main.css'\nimport PreprLogo from './PreprLogo'\nimport ResetButton from './ResetButton'\nimport {\n Listbox,\n ListboxButton,\n ListboxOption,\n ListboxOptions,\n Radio,\n RadioGroup,\n} from '@headlessui/react'\nimport { FaCaretDown } from 'react-icons/fa6'\nimport InfoPopover from './InfoPopover'\n\nexport function PreprPreviewBar(props: {\n activeSegment?: string | null\n activeVariant?: string | null\n data?: any\n}) {\n const { activeSegment, activeVariant, data } = props\n\n if (\n data?.items &&\n data?.items[data?.items.length - 1].reference_id !== 'null'\n ) {\n data.items\n data.items.unshift({\n reference_id: 'null',\n body: 'All other users',\n })\n }\n\n const emptyVariant = 'A'\n const emptySegment = {\n body: 'Choose segment',\n }\n const [selectedSegment, setSelectedSegment] = useState(\n (data.items &&\n data.items.filter(\n (segmentData: any) => segmentData === activeSegment\n )[0]) ||\n emptySegment\n )\n\n const [selectedVariant, setSelectedVariant] = useState(\n activeVariant || 'A'\n )\n\n const router = useRouter()\n const pathname = usePathname()\n\n const handleUpdateVariant = (variant: any) => {\n setSelectedVariant(variant)\n\n const params = new URLSearchParams({})\n\n params.append('a-b-testing', variant as string)\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n const handleUpdateSegment = (value: any) => {\n setSelectedSegment(value)\n\n const segment = value.reference_id\n\n if (!segment) {\n return\n }\n\n const params = new URLSearchParams({})\n\n if (segment !== 'Choose segment') {\n params.append('segments', segment as string)\n } else {\n params.append('segments', 'null')\n }\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n const handleReset = () => {\n setSelectedSegment(emptySegment)\n setSelectedVariant(emptyVariant)\n\n const params = new URLSearchParams({})\n params.append('segments', 'null')\n params.append('a-b-testing', 'null')\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n return (\n
\n
\n {/* Logo & Text */}\n
\n
\n \n
\n
\n Adaptive Preview\n
\n
\n\n
\n
\n
\n Apply segment\n \n
\n \n \n \n {selectedSegment.body}\n \n \n \n \n \n \n {data?.items?.map((segment: any) => (\n \n {segment.body}\n \n ))}\n \n \n
\n\n
\n
\n Show A/B variant\n \n
\n\n \n \n \n Variant{' '}\n \n A\n \n \n \n Variant{' '}\n \n B\n \n \n
\n\n \n
\n
\n
\n )\n}\n","import React from \"react\";\n\nexport default function PreprLogo() {\n return (\n \n \n \n \n \n \n \n\n )\n}","import React from 'react'\nimport classNames from 'classnames'\nimport { FaRotate } from 'react-icons/fa6'\n\ninterface ResetButtonProps {\n enabled?: boolean\n handleClick?: () => void\n}\n\nexport default function ResetButton({\n enabled = false,\n handleClick,\n}: ResetButtonProps) {\n const classes = classNames(\n 'prp-py-3 prp-px-4 prp-flex prp-gap-2 prp-items-center rounded-md prp-regular-text h-10',\n enabled &&\n 'prp-bg-orange-400 hover:prp-orange-500 prp-cursor-pointer prp-text-white',\n !enabled && 'prp-bg-grey-400 prp-text-gray-500'\n )\n\n return (\n \n \n Reset\n \n )\n}\n","import { Popover, PopoverButton, PopoverPanel } from '@headlessui/react'\nimport { FaInfoCircle } from 'react-icons/fa'\nimport React from 'react'\nimport { FaArrowUpRightFromSquare } from 'react-icons/fa6'\n\ninterface InfoPopoverProps {\n title: string\n text: string\n}\n\nexport default function InfoPopover({ title, text }: InfoPopoverProps) {\n return (\n \n \n \n \n \n
\n \n {title}\n \n
\n {text}\n
\n
\n \n \n )\n}\n"],"mappings":"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","names":["import_react","React","import_react","classNames","React","import_react","import_fa6","import_react","React","React"]} \ No newline at end of file diff --git a/dist/components.mjs b/dist/components.mjs index a3255fd..d8e8f76 100644 --- a/dist/components.mjs +++ b/dist/components.mjs @@ -91,8 +91,7 @@ import { FaCaretDown } from "react-icons/fa6"; import { Popover, PopoverButton, PopoverPanel } from "@headlessui/react"; import { FaInfoCircle } from "react-icons/fa"; import React3 from "react"; -import { FaArrowUpRightFromSquare } from "react-icons/fa6"; -function InfoPopover({ title, text, link }) { +function InfoPopover({ title, text }) { return /* @__PURE__ */ React3.createElement(Popover, null, /* @__PURE__ */ React3.createElement(PopoverButton, { className: "prp-ring-0 focus:prp-ring-0 prp-font-bold prp-text-indigo-300 prp-text-xs hover:prp-text-indigo-400 prp-block" }, /* @__PURE__ */ React3.createElement(FaInfoCircle, null)), /* @__PURE__ */ React3.createElement( PopoverPanel, { @@ -100,15 +99,7 @@ function InfoPopover({ title, text, link }) { anchor: "bottom", className: "prp-z-[1000] prp-p-4" }, - /* @__PURE__ */ React3.createElement("div", { className: " prp-bg-white rounded-lg p-6 prp-dropshadow-popover prp-space-y-3 prp-max-w-[312px]" }, /* @__PURE__ */ React3.createElement("span", { className: "prp-text-base prp-font-bold prp-leading-tight prp-text-gray-900" }, title), /* @__PURE__ */ React3.createElement("div", { className: "prp-space-y-2" }, /* @__PURE__ */ React3.createElement("span", { className: "prp-text-sm" }, text), /* @__PURE__ */ React3.createElement( - "a", - { - href: link, - className: "prp-font-black prp-text-sm prp-flex prp-gap-1 prp-items-center prp-text-indigo-700" - }, - "Learn more ", - /* @__PURE__ */ React3.createElement(FaArrowUpRightFromSquare, null) - ))) + /* @__PURE__ */ React3.createElement("div", { className: " prp-bg-white rounded-lg p-6 prp-dropshadow-popover prp-space-y-3 prp-max-w-[312px]" }, /* @__PURE__ */ React3.createElement("span", { className: "prp-text-base prp-font-bold prp-leading-tight prp-text-gray-900" }, title), /* @__PURE__ */ React3.createElement("div", { className: "prp-space-y-2" }, /* @__PURE__ */ React3.createElement("span", { className: "prp-text-sm" }, text))) )); } @@ -178,8 +169,7 @@ function PreprPreviewBar(props) { InfoPopover, { title: "Adaptive Preview", - text: "Choose a segment to see how it's displayed.", - link: "Learn more" + text: "Choose a segment to see how it's displayed." } )), /* @__PURE__ */ React4.createElement( Listbox, @@ -208,8 +198,7 @@ function PreprPreviewBar(props) { InfoPopover, { title: "A/B Testing", - text: "Choose between two different versions of a page to see which one performs better.", - link: "Learn more" + text: "Choose between two different versions of a page to see which one performs better." } )), /* @__PURE__ */ React4.createElement( RadioGroup, diff --git a/dist/components.mjs.map b/dist/components.mjs.map index b1ba529..1cf7be7 100644 --- a/dist/components.mjs.map +++ b/dist/components.mjs.map @@ -1 +1 @@ -{"version":3,"sources":["../src/components/PreprPreviewBar.tsx","../src/components/PreprLogo.tsx","../src/components/ResetButton.tsx","../src/components/InfoPopover.tsx"],"sourcesContent":["'use client'\n\nimport { usePathname, useRouter } from 'next/navigation'\nimport React, { useState } from 'react'\n\nimport '../main.css'\nimport PreprLogo from './PreprLogo'\nimport ResetButton from './ResetButton'\nimport {\n Listbox,\n ListboxButton,\n ListboxOption,\n ListboxOptions,\n Radio,\n RadioGroup,\n} from '@headlessui/react'\nimport { FaCaretDown } from 'react-icons/fa6'\nimport InfoPopover from './InfoPopover'\n\nexport function PreprPreviewBar(props: {\n activeSegment?: string | null\n activeVariant?: string | null\n data?: any\n}) {\n const { activeSegment, activeVariant, data } = props\n\n if (\n data?.items &&\n data?.items[data?.items.length - 1].reference_id !== 'null'\n ) {\n data.items\n data.items.unshift({\n reference_id: 'null',\n body: 'All other users',\n })\n }\n\n const emptyVariant = 'A'\n const emptySegment = {\n body: 'Choose segment',\n }\n const [selectedSegment, setSelectedSegment] = useState(\n (data.items &&\n data.items.filter(\n (segmentData: any) => segmentData === activeSegment\n )[0]) ||\n emptySegment\n )\n\n const [selectedVariant, setSelectedVariant] = useState(\n activeVariant || 'A'\n )\n\n const router = useRouter()\n const pathname = usePathname()\n\n const handleUpdateVariant = (variant: any) => {\n setSelectedVariant(variant)\n\n const params = new URLSearchParams({})\n\n params.append('a-b-testing', variant as string)\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n const handleUpdateSegment = (value: any) => {\n setSelectedSegment(value)\n\n const segment = value.reference_id\n\n if (!segment) {\n return\n }\n\n const params = new URLSearchParams({})\n\n if (segment !== 'Choose segment') {\n params.append('segments', segment as string)\n } else {\n params.append('segments', 'null')\n }\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n const handleReset = () => {\n setSelectedSegment(emptySegment)\n setSelectedVariant(emptyVariant)\n\n const params = new URLSearchParams({})\n params.append('segments', 'null')\n params.append('a-b-testing', 'null')\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n return (\n
\n
\n {/* Logo & Text */}\n
\n
\n \n
\n
\n Adaptive Preview\n
\n
\n\n
\n
\n
\n Apply segment\n \n
\n \n \n \n {selectedSegment.body}\n \n \n \n \n \n \n {data?.items?.map((segment: any) => (\n \n {segment.body}\n \n ))}\n \n \n
\n\n
\n
\n Show A/B variant\n \n
\n\n \n \n \n Variant{' '}\n \n A\n \n \n \n Variant{' '}\n \n B\n \n \n
\n\n \n
\n
\n
\n )\n}\n","import React from \"react\";\n\nexport default function PreprLogo() {\n return (\n \n \n \n \n \n \n \n\n )\n}","import React from 'react'\nimport classNames from 'classnames'\nimport { FaRotate } from 'react-icons/fa6'\n\ninterface ResetButtonProps {\n enabled?: boolean\n handleClick?: () => void\n}\n\nexport default function ResetButton({\n enabled = false,\n handleClick,\n}: ResetButtonProps) {\n const classes = classNames(\n 'prp-py-3 prp-px-4 prp-flex prp-gap-2 prp-items-center rounded-md prp-regular-text h-10',\n enabled &&\n 'prp-bg-orange-400 hover:prp-orange-500 prp-cursor-pointer prp-text-white',\n !enabled && 'prp-bg-grey-400 prp-text-gray-500'\n )\n\n return (\n \n \n Reset\n \n )\n}\n","import { Popover, PopoverButton, PopoverPanel } from '@headlessui/react'\nimport { FaInfoCircle } from 'react-icons/fa'\nimport React from 'react'\nimport { FaArrowUpRightFromSquare } from 'react-icons/fa6'\n\ninterface InfoPopoverProps {\n title: string\n text: string\n link: string\n}\n\nexport default function InfoPopover({ title, text, link }: InfoPopoverProps) {\n return (\n \n \n \n \n \n
\n \n {title}\n \n
\n {text}\n \n Learn more \n \n
\n
\n \n \n )\n}\n"],"mappings":"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","names":["React","React","React","React"]} \ No newline at end of file +{"version":3,"sources":["../src/components/PreprPreviewBar.tsx","../src/components/PreprLogo.tsx","../src/components/ResetButton.tsx","../src/components/InfoPopover.tsx"],"sourcesContent":["'use client'\n\nimport { usePathname, useRouter } from 'next/navigation'\nimport React, { useState } from 'react'\n\nimport '../main.css'\nimport PreprLogo from './PreprLogo'\nimport ResetButton from './ResetButton'\nimport {\n Listbox,\n ListboxButton,\n ListboxOption,\n ListboxOptions,\n Radio,\n RadioGroup,\n} from '@headlessui/react'\nimport { FaCaretDown } from 'react-icons/fa6'\nimport InfoPopover from './InfoPopover'\n\nexport function PreprPreviewBar(props: {\n activeSegment?: string | null\n activeVariant?: string | null\n data?: any\n}) {\n const { activeSegment, activeVariant, data } = props\n\n if (\n data?.items &&\n data?.items[data?.items.length - 1].reference_id !== 'null'\n ) {\n data.items\n data.items.unshift({\n reference_id: 'null',\n body: 'All other users',\n })\n }\n\n const emptyVariant = 'A'\n const emptySegment = {\n body: 'Choose segment',\n }\n const [selectedSegment, setSelectedSegment] = useState(\n (data.items &&\n data.items.filter(\n (segmentData: any) => segmentData === activeSegment\n )[0]) ||\n emptySegment\n )\n\n const [selectedVariant, setSelectedVariant] = useState(\n activeVariant || 'A'\n )\n\n const router = useRouter()\n const pathname = usePathname()\n\n const handleUpdateVariant = (variant: any) => {\n setSelectedVariant(variant)\n\n const params = new URLSearchParams({})\n\n params.append('a-b-testing', variant as string)\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n const handleUpdateSegment = (value: any) => {\n setSelectedSegment(value)\n\n const segment = value.reference_id\n\n if (!segment) {\n return\n }\n\n const params = new URLSearchParams({})\n\n if (segment !== 'Choose segment') {\n params.append('segments', segment as string)\n } else {\n params.append('segments', 'null')\n }\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n const handleReset = () => {\n setSelectedSegment(emptySegment)\n setSelectedVariant(emptyVariant)\n\n const params = new URLSearchParams({})\n params.append('segments', 'null')\n params.append('a-b-testing', 'null')\n\n router.push(`${pathname}?${params.toString()}`, {\n scroll: false,\n })\n router.refresh()\n }\n\n return (\n
\n
\n {/* Logo & Text */}\n
\n
\n \n
\n
\n Adaptive Preview\n
\n
\n\n
\n
\n
\n Apply segment\n \n
\n \n \n \n {selectedSegment.body}\n \n \n \n \n \n \n {data?.items?.map((segment: any) => (\n \n {segment.body}\n \n ))}\n \n \n
\n\n
\n
\n Show A/B variant\n \n
\n\n \n \n \n Variant{' '}\n \n A\n \n \n \n Variant{' '}\n \n B\n \n \n
\n\n \n
\n
\n
\n )\n}\n","import React from \"react\";\n\nexport default function PreprLogo() {\n return (\n \n \n \n \n \n \n \n\n )\n}","import React from 'react'\nimport classNames from 'classnames'\nimport { FaRotate } from 'react-icons/fa6'\n\ninterface ResetButtonProps {\n enabled?: boolean\n handleClick?: () => void\n}\n\nexport default function ResetButton({\n enabled = false,\n handleClick,\n}: ResetButtonProps) {\n const classes = classNames(\n 'prp-py-3 prp-px-4 prp-flex prp-gap-2 prp-items-center rounded-md prp-regular-text h-10',\n enabled &&\n 'prp-bg-orange-400 hover:prp-orange-500 prp-cursor-pointer prp-text-white',\n !enabled && 'prp-bg-grey-400 prp-text-gray-500'\n )\n\n return (\n \n \n Reset\n \n )\n}\n","import { Popover, PopoverButton, PopoverPanel } from '@headlessui/react'\nimport { FaInfoCircle } from 'react-icons/fa'\nimport React from 'react'\nimport { FaArrowUpRightFromSquare } from 'react-icons/fa6'\n\ninterface InfoPopoverProps {\n title: string\n text: string\n}\n\nexport default function InfoPopover({ title, text }: InfoPopoverProps) {\n return (\n \n \n \n \n \n
\n \n {title}\n \n
\n {text}\n
\n
\n \n \n )\n}\n"],"mappings":"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","names":["React","React","React","React"]} \ No newline at end of file diff --git a/package.json b/package.json index 224debb..64fe826 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@preprio/prepr-nextjs", - "version": "1.0.0-beta.13", + "version": "1.0.0-beta.14", "description": "A next.js package with code snippets to use with Prepr", "main": "./dist/index.js", "types": "./dist/index.d.ts", diff --git a/src/components/InfoPopover.tsx b/src/components/InfoPopover.tsx index 5688fbc..0ee6bef 100644 --- a/src/components/InfoPopover.tsx +++ b/src/components/InfoPopover.tsx @@ -6,10 +6,9 @@ import { FaArrowUpRightFromSquare } from 'react-icons/fa6' interface InfoPopoverProps { title: string text: string - link: string } -export default function InfoPopover({ title, text, link }: InfoPopoverProps) { +export default function InfoPopover({ title, text }: InfoPopoverProps) { return ( @@ -26,12 +25,6 @@ export default function InfoPopover({ title, text, link }: InfoPopoverProps) { diff --git a/src/components/PreprPreviewBar.tsx b/src/components/PreprPreviewBar.tsx index 5aad66d..1c8ade6 100644 --- a/src/components/PreprPreviewBar.tsx +++ b/src/components/PreprPreviewBar.tsx @@ -126,7 +126,6 @@ export function PreprPreviewBar(props: { text={ "Choose a segment to see how it's displayed." } - link={'Learn more'} />