@aussieljk/forkbook 0.0.1-1 → 0.0.1-10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +1 -1
- package/README.md +35 -53
- package/assets/addon-vitest/templates/vitest.config.4.template.ts +2 -2
- package/assets/browser/favicon-wrapper.svg +4 -4
- package/assets/browser/favicon.svg +1 -1
- package/assets/browser/inter-LICENSE.txt +92 -0
- package/assets/browser/inter-variable-italic.woff2 +0 -0
- package/assets/browser/inter-variable.woff2 +0 -0
- package/assets/browser/mirror-ball.png +0 -0
- package/assets/builder-vite/iframe.html +8 -24
- package/assets/create/rendererAssets/common/Configure.mdx +100 -100
- package/assets/create/rendererAssets/common/button.css +1 -1
- package/assets/create/rendererAssets/common/header.css +1 -1
- package/assets/create/rendererAssets/common/page.css +2 -2
- package/assets/create/templates/react-native/index.expo.js +4 -4
- package/assets/create/templates/react-native/index.js +5 -5
- package/assets/server/base-preview-body.html +32 -32
- package/assets/server/base-preview-head.html +86 -86
- package/assets/server/template.ejs +24 -26
- package/dist/_browser-chunks/{Color-OEKZ7XSW.js → Color-X63I7FHI.js} +8 -8
- package/dist/_browser-chunks/WithTooltip-5S6F2P7L.js +198 -0
- package/dist/_browser-chunks/{chunk-66OCZ54D.js → chunk-3HM3VWJS.js} +1 -1
- package/dist/_browser-chunks/{chunk-CFAOWGL7.js → chunk-3M5T7BW4.js} +1 -1
- package/dist/_browser-chunks/{chunk-2MEPHP35.js → chunk-4KIQBRD2.js} +1 -1
- package/dist/_browser-chunks/{chunk-OQWFVDIN.js → chunk-5H4KFI44.js} +1 -1
- package/dist/_browser-chunks/{chunk-VVWPND3J.js → chunk-5Z65SURM.js} +12 -12
- package/dist/_browser-chunks/chunk-6AKCRYVX.js +6 -0
- package/dist/_browser-chunks/{chunk-PFRNG3UC.js → chunk-6ELMKWKX.js} +5 -5
- package/dist/_browser-chunks/{chunk-6SXYJQST.js → chunk-76222HQR.js} +1 -1
- package/dist/_browser-chunks/{chunk-JSBKXXXF.js → chunk-7DQREF4S.js} +1 -1
- package/dist/_browser-chunks/{chunk-RSPAQWVJ.js → chunk-BNP234B4.js} +1 -1
- package/dist/_browser-chunks/chunk-C5TKXHTM.js +82 -0
- package/dist/_browser-chunks/chunk-DNJ3OSLB.js +6021 -0
- package/dist/_browser-chunks/{chunk-PP4R7USA.js → chunk-DS2WQZGO.js} +222 -433
- package/dist/_browser-chunks/{chunk-FJGWSWL5.js → chunk-DYNTDJ3O.js} +3 -3
- package/dist/_browser-chunks/{chunk-CFWWCCZV.js → chunk-EQKMUQF3.js} +5 -4
- package/dist/_browser-chunks/{chunk-LV5PIKV4.js → chunk-FRAOQJDI.js} +5 -3
- package/dist/_browser-chunks/{chunk-ODVJ3XZJ.js → chunk-GRO2ZYEJ.js} +2 -2
- package/dist/_browser-chunks/{chunk-MFMDGWP6.js → chunk-I4ATZPNZ.js} +1 -1
- package/dist/_browser-chunks/chunk-IFADVEQE.js +669 -0
- package/dist/_browser-chunks/{chunk-YTIT5NA5.js → chunk-KYSD26D6.js} +3 -3
- package/dist/_browser-chunks/{chunk-73OX2G56.js → chunk-LTCXWKZO.js} +100 -108
- package/dist/_browser-chunks/{chunk-RNTIV5CE.js → chunk-LYYXDWR2.js} +9 -9
- package/dist/_browser-chunks/{chunk-V5M7Q4HT.js → chunk-MJIDTL3X.js} +4 -14
- package/dist/_browser-chunks/{chunk-OD6IBQCC.js → chunk-N3NRW5XX.js} +2 -2
- package/dist/_browser-chunks/{chunk-V2G23FV7.js → chunk-N5WQGLI7.js} +1 -1
- package/dist/_browser-chunks/{chunk-EIYAKDGP.js → chunk-NA4ITZTK.js} +127 -105
- package/dist/_browser-chunks/chunk-NGMQJMCY.js +53 -0
- package/dist/_browser-chunks/chunk-NPNIBOPF.js +18 -0
- package/dist/_browser-chunks/{chunk-52CW7FF7.js → chunk-NTUHL5NS.js} +8 -3
- package/dist/_browser-chunks/{chunk-MDOL7KML.js → chunk-O24AZJZ7.js} +1 -1
- package/dist/_browser-chunks/{chunk-YEKO6BHJ.js → chunk-ONTSNQON.js} +1 -1
- package/dist/_browser-chunks/chunk-OOETBSA7.js +502 -0
- package/dist/_browser-chunks/chunk-PZQRXPVR.js +21 -0
- package/dist/_browser-chunks/{chunk-C3D4HEFY.js → chunk-TTBPZQ24.js} +282 -127
- package/dist/_browser-chunks/{chunk-ZTQ5MEJ5.js → chunk-UMGDO2ZM.js} +3 -37
- package/dist/_browser-chunks/{chunk-2SCZVUKW.js → chunk-V5U45XXZ.js} +1 -1
- package/dist/_browser-chunks/chunk-XKTORVEQ.js +255 -0
- package/dist/_browser-chunks/{chunk-FVSEPWWX.js → chunk-XTQCLWVH.js} +325 -1635
- package/dist/_browser-chunks/{chunk-W5M6NPS3.js → chunk-ZHKZKFY4.js} +7 -6
- package/dist/_node-chunks/{attached-runtime-O4YTVUKE.js → attached-runtime-PDBJ2EGV.js} +30 -30
- package/dist/_node-chunks/builder-manager-VLL26RPG.js +1139 -0
- package/dist/_node-chunks/{chunk-GP5YLBNS.js → chunk-3CSGIJKG.js} +8 -8
- package/dist/_node-chunks/chunk-3W4KR5GX.js +2609 -0
- package/dist/_node-chunks/{chunk-SRXCCL2O.js → chunk-5NRWU7S2.js} +7 -7
- package/dist/_node-chunks/{chunk-GSWBRZLU.js → chunk-5SMIGUYF.js} +9 -17
- package/dist/_node-chunks/{chunk-JVQYQTTM.js → chunk-63LPGIV4.js} +42 -87
- package/dist/_node-chunks/{chunk-5RNOGGO6.js → chunk-6DHTL5G2.js} +6 -6
- package/dist/_node-chunks/{chunk-RQVK2TOI.js → chunk-6DRVJCYP.js} +14 -13
- package/dist/_node-chunks/chunk-7CV4VEA2.js +620 -0
- package/dist/_node-chunks/{chunk-ZMEGPR47.js → chunk-7KD5DKGZ.js} +6 -6
- package/dist/_node-chunks/{chunk-4PK3LUHM.js → chunk-7O2UIVID.js} +7 -7
- package/dist/_node-chunks/{chunk-GT5EHMNM.js → chunk-7OY4VMAT.js} +7 -7
- package/dist/_node-chunks/{chunk-YWMICX2T.js → chunk-AAL6X7YG.js} +12 -12
- package/dist/_node-chunks/{chunk-XURIZ7IC.js → chunk-ACSO4HQP.js} +8 -8
- package/dist/_node-chunks/{chunk-6EJ5NPEM.js → chunk-BDU3ZUMK.js} +7 -7
- package/dist/_node-chunks/chunk-BMJPOQ2S.js +11 -0
- package/dist/_node-chunks/chunk-BNEC3EBC.js +28 -0
- package/dist/_node-chunks/chunk-BPL3ERBH.js +347 -0
- package/dist/_node-chunks/{chunk-VXDWOVWD.js → chunk-BXDMSX3D.js} +29843 -51588
- package/dist/_node-chunks/chunk-C3PLG47Q.js +25 -0
- package/dist/_node-chunks/{chunk-R5FYRP6X.js → chunk-CEDR5CNM.js} +7 -7
- package/dist/_node-chunks/{chunk-7TSL7D5D.js → chunk-CKE4R4NL.js} +6 -6
- package/dist/_node-chunks/{chunk-5J3O7EDY.js → chunk-CSFNS7HA.js} +6 -6
- package/dist/_node-chunks/{chunk-7LLQDMVS.js → chunk-CZ3V3HHK.js} +6 -6
- package/dist/_node-chunks/{chunk-G6PUNHCI.js → chunk-DNV3LPV3.js} +6 -6
- package/dist/_node-chunks/{chunk-XCGMRAV5.js → chunk-DPILYJH4.js} +7 -7
- package/dist/_node-chunks/{chunk-2BJIHWOK.js → chunk-DQ44ZAEM.js} +6 -6
- package/dist/_node-chunks/{chunk-URRTQ2QM.js → chunk-DR7NW2MI.js} +8 -8
- package/dist/_node-chunks/{chunk-CDRLLNRQ.js → chunk-DRCP3DQF.js} +11 -11
- package/dist/_node-chunks/{chunk-5WHA37KG.js → chunk-EBWZKN2I.js} +39 -39
- package/dist/_node-chunks/{chunk-AWXGCPW6.js → chunk-ECOW63CV.js} +6 -6
- package/dist/_node-chunks/chunk-ENBDAHOV.js +18 -0
- package/dist/_node-chunks/{chunk-SVZ6Q3CS.js → chunk-FAEOR2AW.js} +6 -6
- package/dist/_node-chunks/{chunk-MDKFZRYG.js → chunk-FERXOKZY.js} +8 -8
- package/dist/_node-chunks/chunk-FJFB7TWU.js +495 -0
- package/dist/_node-chunks/{chunk-NKAUZU4C.js → chunk-FQGQ5KHN.js} +6 -6
- package/dist/_node-chunks/{chunk-CWD5A6NI.js → chunk-FR2ZDWKJ.js} +7 -7
- package/dist/_node-chunks/{chunk-JBCKN6P4.js → chunk-FRBE7ES4.js} +6 -6
- package/dist/_node-chunks/chunk-FWAF5NBL.js +20 -0
- package/dist/_node-chunks/{chunk-IZISFDKM.js → chunk-FXBZWUW3.js} +54 -42
- package/dist/_node-chunks/chunk-FZ453CHY.js +25 -0
- package/dist/_node-chunks/{chunk-NZ3GOT7V.js → chunk-G2ZUFOHU.js} +6 -6
- package/dist/_node-chunks/{chunk-PEIAGMSR.js → chunk-GBVWRZHP.js} +6 -6
- package/dist/_node-chunks/{chunk-3CLITGI2.js → chunk-GGE7TBVX.js} +6 -6
- package/dist/_node-chunks/{chunk-QMU5ODXZ.js → chunk-GJSYGBI5.js} +7 -7
- package/dist/_node-chunks/{chunk-U4GKV7GZ.js → chunk-GKHLTHYM.js} +10 -10
- package/dist/_node-chunks/{chunk-I2ANCID7.js → chunk-GQYATLH6.js} +66 -145
- package/dist/_node-chunks/{chunk-RJXEPYEN.js → chunk-HCP5DG52.js} +64 -21
- package/dist/_node-chunks/chunk-HVOSLI2K.js +20 -0
- package/dist/_node-chunks/{chunk-A724RK5H.js → chunk-ID3WA6WR.js} +9 -6
- package/dist/_node-chunks/{chunk-IJL5JOLL.js → chunk-IGOX6TUG.js} +7 -7
- package/dist/_node-chunks/{chunk-2JSABFAM.js → chunk-IL7YA7QJ.js} +10 -10
- package/dist/_node-chunks/{chunk-RHG33T7C.js → chunk-IUPE4SU2.js} +10 -10
- package/dist/_node-chunks/{chunk-CXLL2F6O.js → chunk-JVWXCB3L.js} +25 -8
- package/dist/_node-chunks/chunk-K4O2ZAMU.js +57 -0
- package/dist/_node-chunks/{chunk-XTTAS346.js → chunk-KRWR44KT.js} +6 -6
- package/dist/_node-chunks/{chunk-HKUNJELN.js → chunk-KWNBN3DV.js} +8 -8
- package/dist/_node-chunks/{chunk-4TV3Z3S3.js → chunk-LG3NMXCM.js} +6 -6
- package/dist/_node-chunks/{chunk-CYPPELO4.js → chunk-LH5QBX2U.js} +22 -32
- package/dist/_node-chunks/{chunk-XJSYJTBD.js → chunk-LX2XSPPL.js} +7 -7
- package/dist/_node-chunks/{chunk-G5OYQQDY.js → chunk-M4QNXI37.js} +6 -6
- package/dist/_node-chunks/{chunk-ILWHW4HU.js → chunk-MBPHOLXB.js} +15 -15
- package/dist/_node-chunks/{chunk-2UG3IYCC.js → chunk-MIWBXEUH.js} +6 -6
- package/dist/_node-chunks/{chunk-HKQEE62W.js → chunk-MKUA4ZCG.js} +8 -8
- package/dist/_node-chunks/{chunk-JEC2OK5B.js → chunk-MQC7ZY6L.js} +7 -7
- package/dist/_node-chunks/{chunk-NIHZECYO.js → chunk-MRCPS4S3.js} +6 -6
- package/dist/_node-chunks/{chunk-2XDUXZGI.js → chunk-MY7UVHPL.js} +8 -8
- package/dist/_node-chunks/{chunk-R7CY5LX6.js → chunk-ND323XCC.js} +6 -6
- package/dist/_node-chunks/{chunk-5GN5N22E.js → chunk-NGFFEW2B.js} +131 -148
- package/dist/_node-chunks/{chunk-ULW4SLMN.js → chunk-OPG46TLN.js} +34 -949
- package/dist/_node-chunks/chunk-PEL4YXU6.js +19 -0
- package/dist/_node-chunks/{chunk-JE6JEGXA.js → chunk-QFXAGOIO.js} +9 -9
- package/dist/_node-chunks/{chunk-GVSFRNWZ.js → chunk-QGC3UWR5.js} +6 -6
- package/dist/_node-chunks/{chunk-B6SKX4JF.js → chunk-QGVU7IFS.js} +7 -7
- package/dist/_node-chunks/{chunk-Y2GH4XO7.js → chunk-QOFBJXPH.js} +650 -9
- package/dist/_node-chunks/chunk-QVLHVO4X.js +532 -0
- package/dist/_node-chunks/{chunk-EWXASIWR.js → chunk-R2ZCFA7I.js} +7 -7
- package/dist/_node-chunks/{chunk-MJ2UD7FU.js → chunk-RC4HPD5Q.js} +7 -7
- package/dist/_node-chunks/{chunk-7DCDBICW.js → chunk-RJXAXHDJ.js} +13 -13
- package/dist/_node-chunks/{chunk-2QTI45JU.js → chunk-SGEPJMTU.js} +35 -35
- package/dist/_node-chunks/{chunk-KGOAOPKR.js → chunk-SYUOBOB5.js} +6 -6
- package/dist/_node-chunks/{chunk-QVMUIU7S.js → chunk-T5VZYRL2.js} +6 -6
- package/dist/_node-chunks/chunk-T6IU66AM.js +69 -0
- package/dist/_node-chunks/{chunk-6APBQVEX.js → chunk-THDTJJMO.js} +7 -7
- package/dist/_node-chunks/{chunk-ASJFOW6O.js → chunk-TNFH4Y4G.js} +8 -8
- package/dist/_node-chunks/{chunk-ICADUNQM.js → chunk-TY2ZY7AO.js} +6 -6
- package/dist/_node-chunks/{chunk-PBMWZVLD.js → chunk-TZIT6SZP.js} +6 -6
- package/dist/_node-chunks/{chunk-US7L4S72.js → chunk-VG2KFIOW.js} +9 -9
- package/dist/_node-chunks/{chunk-7BVUZZIY.js → chunk-VSHYJR23.js} +7 -7
- package/dist/_node-chunks/{chunk-ILVD64RB.js → chunk-VUMGWJ6Y.js} +8 -8
- package/dist/_node-chunks/{chunk-DWE36J35.js → chunk-WVRM6DQU.js} +7 -7
- package/dist/_node-chunks/{chunk-AANHLH5M.js → chunk-YU5TVYPS.js} +6 -6
- package/dist/_node-chunks/{chunk-BENYUF74.js → chunk-ZBWAA2EY.js} +77 -78
- package/dist/_node-chunks/chunk-ZD5TUA6I.js +20 -0
- package/dist/_node-chunks/{chunk-AWJOXJAZ.js → chunk-ZFLK7MY5.js} +8 -8
- package/dist/_node-chunks/dist-7OJKTBKL.js +27 -0
- package/dist/_node-chunks/dist-MWP6WLW4.js +16 -0
- package/dist/_node-chunks/{local-runtime-4UNT5EZJ.js → local-runtime-V5YTRN24.js} +20 -20
- package/dist/_node-chunks/{mdx-plugin-ZY6XLLA4.js → mdx-plugin-CBOD52VP.js} +2263 -130
- package/dist/_node-chunks/{monorepo-B65J4UFS.js → monorepo-GF6H53U4.js} +12 -12
- package/dist/_node-chunks/{monorepo-optimized-tests-relaxed-limits-no-story-deletion-45ZTNWJS.js → monorepo-optimized-tests-relaxed-limits-no-story-deletion-K4TTV2DQ.js} +12 -12
- package/dist/_node-chunks/optimized-tests-KOTSVWTN.js +22 -0
- package/dist/_node-chunks/{pattern-copy-play-LOHSM7ID.js → pattern-copy-play-M2QNC4IZ.js} +12 -12
- package/dist/_node-chunks/postinstallAddon-WXKJL6DP.js +20 -0
- package/dist/_node-chunks/{rehype-external-links-22ZBI6K4.js → rehype-external-links-3IDE4CYH.js} +9 -9
- package/dist/_node-chunks/{rehype-slug-ROZVEEFZ.js → rehype-slug-GKB3WS3U.js} +9 -9
- package/dist/_node-chunks/{relaxed-limits-EDE2B34G.js → relaxed-limits-C6QU365N.js} +12 -12
- package/dist/_node-chunks/{run-372BSBV5.js → run-TMVS3KKA.js} +273 -13
- package/dist/_node-chunks/{run-IR3BRDJV.js → run-XWBUPXLN.js} +17 -17
- package/dist/_node-chunks/session-id-VMH57SKN.js +23 -0
- package/dist/_node-chunks/{setup-6TMCKUTA.js → setup-KEEJK4WI.js} +9 -9
- package/dist/_node-chunks/{vitest.config.4.template-QJBEVCKG.js → vitest.config.4.template-74HEE4WJ.js} +9 -9
- package/dist/actions/decorator.js +3 -2
- package/dist/actions/index.d.ts +1 -1
- package/dist/actions/index.js +3 -2
- package/dist/addon-a11y/index.d.ts +3 -3
- package/dist/addon-a11y/index.js +2 -1
- package/dist/addon-a11y/manager.js +40 -37
- package/dist/addon-a11y/preset.js +7 -7
- package/dist/addon-a11y/preview.js +2 -1
- package/dist/addon-docs/blocks.d.ts +20 -1
- package/dist/addon-docs/blocks.js +150 -74
- package/dist/addon-docs/index.d.ts +19 -19
- package/dist/addon-docs/manager.js +6 -6
- package/dist/addon-docs/preset.js +10 -10
- package/dist/addon-links/index.js +5 -2
- package/dist/addon-links/preview.d.ts +1 -1
- package/dist/addon-links/preview.js +5 -2
- package/dist/addon-links/react/index.js +4 -1
- package/dist/addon-mcp/preset.js +29 -21
- package/dist/addon-mcp/tools/preview-stories/preview-stories-app-script.js +37 -82
- package/dist/addon-ondevice-actions/index.js +5 -1
- package/dist/addon-ondevice-actions/register.js +5 -1
- package/dist/addon-ondevice-controls/index.js +1 -1
- package/dist/addon-ondevice-controls/register.js +1 -1
- package/dist/addon-pseudo-states/index.d.ts +1 -1
- package/dist/addon-pseudo-states/manager.js +2 -2
- package/dist/addon-pseudo-states/preview.d.ts +1 -1
- package/dist/addon-themes/index.d.ts +1 -1
- package/dist/addon-themes/index.js +2 -2
- package/dist/addon-themes/manager.js +4 -4
- package/dist/addon-themes/postinstall.js +7 -7
- package/dist/addon-themes/preview.js +2 -2
- package/dist/addon-vitest/constants.js +8 -8
- package/dist/addon-vitest/manager.js +21 -21
- package/dist/addon-vitest/node/coverage-reporter.js +8 -8
- package/dist/addon-vitest/node/vitest.js +17 -17
- package/dist/addon-vitest/postinstall.js +10 -10
- package/dist/addon-vitest/preset.js +15 -16
- package/dist/addon-vitest/vitest-plugin/global-setup.js +8 -8
- package/dist/addon-vitest/vitest-plugin/index.js +23 -23
- package/dist/addon-vitest/vitest-plugin/setup-file-with-project-annotations.js +3 -3
- package/dist/addon-vitest/vitest-plugin/setup-file.js +1 -1
- package/dist/babel/index.d.ts +91 -842
- package/dist/babel/index.js +13 -19
- package/dist/backgrounds/index.d.ts +1 -1
- package/dist/bin/core.js +65 -64
- package/dist/bin/dispatcher.js +18 -16
- package/dist/bin/loader.js +17 -16
- package/dist/builder-vite/index.js +17 -17
- package/dist/builder-vite/preset.js +13 -13
- package/dist/channels/index.js +6 -6
- package/dist/{chunk-BTVrWliM.d.ts → chunk-BGhyFTJO.d.ts} +2 -2
- package/dist/{chunk-DtHByo32.d.ts → chunk-CFk6djyM.d.ts} +5 -5
- package/dist/{chunk-CwQKNaYL.d.ts → chunk-CNqjcOmK.d.ts} +1 -1
- package/dist/{chunk-CMeX4WRe.d.ts → chunk-CT2iXaHz.d.ts} +1 -1
- package/dist/chunk-CV4-Z2pn.d.ts +30 -0
- package/dist/{chunk-B2t1tGRh.d.ts → chunk-CYuvV2sR.d.ts} +11 -13
- package/dist/{chunk-DEVFdzxR.d.ts → chunk-D0NUmzXp.d.ts} +1 -1
- package/dist/{chunk-DzuY9DXg.d.ts → chunk-DDd8BhTY.d.ts} +2 -2
- package/dist/{chunk-Dw1z1Pki.d.ts → chunk-DROZ9oel.d.ts} +50 -314
- package/dist/{chunk-gCX81nOr.d.ts → chunk-DgzPaTw9.d.ts} +3 -3
- package/dist/{chunk-Kt1tW-D1.d.ts → chunk-Dm-iHJ-s.d.ts} +3 -3
- package/dist/{chunk-C-bavsOH.d.ts → chunk-Dw_4ad2Y.d.ts} +6 -6
- package/dist/{chunk-C2p5r3Vt.d.ts → chunk-Fg1Fm__9.d.ts} +119 -29
- package/dist/chunk-Susgfkap.d.ts +20 -0
- package/dist/cli/index.d.ts +13 -866
- package/dist/cli/index.js +44 -4954
- package/dist/cli/skills/content/index.d.ts +1 -1
- package/dist/cli/skills/content/index.js +2 -2
- package/dist/cli/tools/sdk/child-host.d.ts +1 -1
- package/dist/cli/tools/sdk/child-host.js +17 -17
- package/dist/cli/tools/sdk/index.d.ts +1 -1
- package/dist/cli/tools/sdk/index.js +18 -18
- package/dist/cli-commands/bin/index.js +7 -7
- package/dist/client-logger/index.js +3 -1
- package/dist/common/index.d.ts +17 -29
- package/dist/common/index.js +36 -42
- package/dist/components/index.d.ts +41 -238
- package/dist/components/index.js +2738 -8515
- package/dist/core-events/index.d.ts +4 -3
- package/dist/core-events/index.js +3 -1
- package/dist/core-server/index.d.ts +6 -6
- package/dist/core-server/index.js +661 -249
- package/dist/core-server/presets/common-manager.js +603 -1027
- package/dist/core-server/presets/common-override-preset.js +12 -10
- package/dist/core-server/presets/common-preset.js +55 -48
- package/dist/create/bin/index.js +7 -7
- package/dist/create/index.js +15 -15
- package/dist/csf/index.d.ts +5 -5
- package/dist/csf/index.js +55 -120
- package/dist/csf-tools/index.d.ts +17 -13
- package/dist/csf-tools/index.js +17 -15
- package/dist/docs-tools/index.js +2 -2
- package/dist/highlight/index.d.ts +1 -1
- package/dist/instrumenter/index.js +8 -6
- package/dist/manager/_manager-chunks/{globals-runtime-B0I9dSVs.js → globals-runtime-BKQscPdC.js} +824 -727
- package/dist/manager/_manager-chunks/globals-runtime-BY3epqww.js +1807 -0
- package/dist/manager/_manager-chunks/globals-runtime-Bj5KDUJi.js +8935 -0
- package/dist/manager/_manager-chunks/{globals-runtime-ZHrQFa3-.js → globals-runtime-Bs75QQ_I.js} +77 -553
- package/dist/manager/_manager-chunks/{globals-runtime-FC201B7s.js → globals-runtime-BweHuXkK.js} +2 -1
- package/dist/manager/_manager-chunks/{globals-runtime-eLPTIfX-.js → globals-runtime-CA8AuIRT.js} +3 -145
- package/dist/manager/_manager-chunks/globals-runtime-CBviMKtt.js +446 -0
- package/dist/manager/_manager-chunks/{globals-runtime-CXoVXiJA.js → globals-runtime-CJL1dQtn.js} +324 -118
- package/dist/manager/_manager-chunks/{globals-runtime-BQCkfH1B.js → globals-runtime-CfurFwS_.js} +1 -1
- package/dist/manager/_manager-chunks/{globals-runtime-BmphMP6z.js → globals-runtime-CvIgTRVu.js} +10 -10
- package/dist/manager/_manager-chunks/{globals-runtime-f5oIrim0.js → globals-runtime-DBba3I9c.js} +394 -189
- package/dist/manager/_manager-chunks/{globals-runtime-BvM-NY2g.js → globals-runtime-DvV_TF3-.js} +638 -1731
- package/dist/manager/_manager-chunks/{globals-runtime-C02fvgcd.js → globals-runtime-NwJK8t0T.js} +410 -379
- package/dist/manager/_manager-chunks/{globals-runtime-8HkdnU2F.js → globals-runtime-WZKaeKm9.js} +93 -2146
- package/dist/manager/_manager-chunks/globals-runtime-wjkxyMn0.js +5283 -0
- package/dist/manager/_manager-chunks/runtime-5B2mWjEm.js +294 -0
- package/dist/manager/_manager-chunks/{runtime-DMig8mT7.js → runtime-5o_11Jae.js} +4 -3
- package/dist/manager/_manager-chunks/runtime-B_nqedQW.js +197 -0
- package/dist/manager/_manager-chunks/{runtime-EITvVbkG.js → runtime-BdGkqNEt.js} +1 -2
- package/dist/manager/_manager-chunks/{runtime-DcJBhKG9.js → runtime-Bs3bEhuy.js} +200 -376
- package/dist/manager/_manager-chunks/{runtime-i-PDAHLR.js → runtime-CBQsKmch.js} +5 -147
- package/dist/manager/_manager-chunks/runtime-DG61zYUm.js +1158 -0
- package/dist/manager/_manager-chunks/{runtime-eDVAYF7N.js → runtime-DtCVCy4G.js} +10 -29
- package/dist/manager/_manager-chunks/runtime-P663lpsR.js +528 -0
- package/dist/manager/_manager-chunks/{runtime-Bry1Biu7.js → runtime-eBAgOym6.js} +989 -915
- package/dist/manager/_manager-chunks/{runtime-DtyerpFe.js → runtime-j9yqh0tr.js} +124 -80
- package/dist/manager/_manager-chunks/{runtime-D94Vq3oR.js → runtime-jj8qYc2n.js} +5 -531
- package/dist/manager/globals-runtime.js +1 -1
- package/dist/manager/globals.d.ts +12 -12
- package/dist/manager/globals.js +12 -12
- package/dist/manager/runtime.js +1 -1
- package/dist/manager-api/index.d.ts +1 -1
- package/dist/manager-api/index.js +72 -82
- package/dist/manager-errors.d.ts +1 -1
- package/dist/manager-errors.js +2 -2
- package/dist/mcp/index.js +8 -8
- package/dist/mocking-utils/index.d.ts +2 -2
- package/dist/mocking-utils/index.js +22 -17
- package/dist/mocking-utils/mocker-runtime.js +2 -2
- package/dist/nextjs-vite/index.d.ts +2 -2
- package/dist/nextjs-vite/index.js +4 -3
- package/dist/nextjs-vite/node/index.d.ts +2 -2
- package/dist/nextjs-vite/node/index.js +7 -7
- package/dist/nextjs-vite/node-stand-ins/index.d.ts +68 -0
- package/dist/nextjs-vite/node-stand-ins/index.js +145 -0
- package/dist/nextjs-vite/preset.js +93 -14
- package/dist/nextjs-vite/preview.js +1 -1
- package/dist/nextjs-vite/vite-plugin/index.js +7 -7
- package/dist/nextjs-vite-plugin/index.d.ts +2 -3
- package/dist/nextjs-vite-plugin/index.js +15 -30
- package/dist/nextjs-vite-plugin/mocks/storybook.global.js +8 -8
- package/dist/nextjs-vite-plugin/plugins/next-image/alias/next-image.js +2 -2
- package/dist/nextjs-vite-plugin/plugins/next-image/alias/next-legacy-image.js +2 -2
- package/dist/node-logger/index.d.ts +65 -72
- package/dist/node-logger/index.js +11 -12
- package/dist/oxc-parser/index.js +11 -13
- package/dist/oxc-parser/worker.js +10 -10
- package/dist/preview/_chunks/{runtime-DrTjJkPY.js → runtime-BJwGQok8.js} +77 -76
- package/dist/preview/_chunks/{runtime-BIzIdDbb.js → runtime-BPwAnlRx.js} +482 -334
- package/dist/preview/_chunks/{runtime-q3wt0e_N.js → runtime-BUnOhg9h.js} +2 -2
- package/dist/preview/_chunks/{runtime-CxZK_Ln3.js → runtime-BZ4pNS3g.js} +2 -2
- package/dist/preview/_chunks/runtime-Bcv1hJky.js +6305 -0
- package/dist/preview/_chunks/{runtime-iXdo8CR8.js → runtime-BgPhfM5P.js} +54 -8
- package/dist/preview/_chunks/{runtime-CsV4HZPV.js → runtime-BhSZ1Mwt.js} +335 -137
- package/dist/preview/_chunks/{runtime-BwSxqk3t.js → runtime-BsMjBzuq.js} +6 -16
- package/dist/preview/_chunks/{runtime-CqHxptiK.js → runtime-C1jgT6tJ.js} +93 -2145
- package/dist/preview/_chunks/{runtime-DuHdxMFA.js → runtime-CkOhMcXf.js} +8 -8
- package/dist/preview/_chunks/{runtime-BZSnICCg.js → runtime-WapFVPAh.js} +29 -29
- package/dist/preview/globals.d.ts +10 -10
- package/dist/preview/globals.js +10 -10
- package/dist/preview/runtime.js +1 -1
- package/dist/preview-api/index.d.ts +1 -1
- package/dist/preview-api/index.js +11 -9
- package/dist/preview-errors.d.ts +1 -1
- package/dist/preview-errors.js +2 -2
- package/dist/react/docgen/docgen-worker.js +11 -12
- package/dist/react/entry-preview.js +2 -1
- package/dist/react/index.d.ts +4 -4
- package/dist/react/index.js +6 -4
- package/dist/react/preset.js +13 -14
- package/dist/react/preview.d.ts +1 -1
- package/dist/react/preview.js +3 -2
- package/dist/react-native/bin/get-stories.js +12 -12
- package/dist/react-native/index.d.ts +11 -11
- package/dist/react-native/index.js +46 -231
- package/dist/react-native/metro/node.d.ts +2 -2
- package/dist/react-native/metro/node.js +10 -9
- package/dist/react-native/metro/{withStorybook.d.ts → withForkbook.d.ts} +11 -11
- package/dist/react-native/metro/{withStorybook.js → withForkbook.js} +22 -21
- package/dist/react-native/scripts/generate.d.ts +1 -1
- package/dist/react-native/scripts/generate.js +8 -8
- package/dist/react-native/stub.js +1 -1
- package/dist/react-native-theming/index.d.ts +2 -58
- package/dist/react-native-theming/index.js +63 -2338
- package/dist/react-native-ui/index.d.ts +6 -7
- package/dist/react-native-ui/index.js +207 -624
- package/dist/react-native-ui-common/index.d.ts +2 -3
- package/dist/react-vite/index.d.ts +2 -2
- package/dist/react-vite/node/index.d.ts +3 -3
- package/dist/react-vite/node/index.js +7 -7
- package/dist/react-vite/preset.js +7 -7
- package/dist/router/index.d.ts +69 -1
- package/dist/router/index.js +52 -10
- package/dist/server-errors.d.ts +1 -1
- package/dist/server-errors.js +9 -9
- package/dist/shared/open-service/index.d.ts +1 -1
- package/dist/shared/open-service/index.js +2 -2
- package/dist/shared/open-service/services/docgen/worker/docgen-worker.js +9 -9
- package/dist/shared/open-service/toolsets/docs/public.d.ts +21 -21
- package/dist/telemetry/index.d.ts +3 -3
- package/dist/telemetry/index.js +43 -45
- package/dist/test/index.js +810 -575
- package/dist/theming/create.js +2 -1
- package/dist/theming/index.d.ts +5 -5
- package/dist/theming/index.js +41 -16
- package/dist/types/index.d.ts +2 -2
- package/dist/types/index.js +5 -5
- package/dist/viewport/index.d.ts +1 -1
- package/package.json +36 -81
- package/template/nextjs-vite/cli/js/Button.stories.js +6 -6
- package/template/nextjs-vite/cli/js/Configure.mdx +100 -100
- package/template/nextjs-vite/cli/js/Header.stories.js +2 -2
- package/template/nextjs-vite/cli/js/Page.jsx +2 -2
- package/template/nextjs-vite/cli/js/Page.stories.js +2 -2
- package/template/nextjs-vite/cli/ts/Button.stories.ts +6 -6
- package/template/nextjs-vite/cli/ts/Configure.mdx +84 -84
- package/template/nextjs-vite/cli/ts/Header.stories.ts +2 -2
- package/template/nextjs-vite/cli/ts/Page.stories.ts +2 -2
- package/template/nextjs-vite/cli/ts/Page.tsx +2 -2
- package/template/react/cli/js/Button.stories.js +6 -6
- package/template/react/cli/js/Header.stories.js +2 -2
- package/template/react/cli/js/Page.jsx +2 -2
- package/template/react/cli/js/Page.stories.js +2 -2
- package/template/react/cli/ts/Button.stories.ts +6 -6
- package/template/react/cli/ts/Header.stories.ts +2 -2
- package/template/react/cli/ts/Page.stories.ts +2 -2
- package/template/react/cli/ts/Page.tsx +2 -2
- package/template/react-vite/cli/js/Button.stories.js +6 -6
- package/template/react-vite/cli/js/Header.stories.js +2 -2
- package/template/react-vite/cli/js/Page.jsx +2 -2
- package/template/react-vite/cli/js/Page.stories.js +2 -2
- package/template/react-vite/cli/ts/Button.stories.ts +6 -6
- package/template/react-vite/cli/ts/Header.stories.ts +2 -2
- package/template/react-vite/cli/ts/Page.stories.ts +2 -2
- package/template/react-vite/cli/ts/Page.tsx +2 -2
- package/assets/browser/nunito-sans-bold-italic.woff2 +0 -0
- package/assets/browser/nunito-sans-bold.woff2 +0 -0
- package/assets/browser/nunito-sans-italic.woff2 +0 -0
- package/assets/browser/nunito-sans-regular.woff2 +0 -0
- package/dist/_browser-chunks/WithTooltip-GZSSFOG3.js +0 -1619
- package/dist/_browser-chunks/chunk-5P4QA6MY.js +0 -20
- package/dist/_browser-chunks/chunk-JMC7AIKT.js +0 -108
- package/dist/_node-chunks/builder-manager-FPV2L36T.js +0 -1661
- package/dist/_node-chunks/chunk-356LV3NX.js +0 -36
- package/dist/_node-chunks/chunk-5BTU7UZ5.js +0 -1877
- package/dist/_node-chunks/chunk-5J3BMBMY.js +0 -51
- package/dist/_node-chunks/chunk-BCRWDMAU.js +0 -11
- package/dist/_node-chunks/chunk-BE6ULVPN.js +0 -662
- package/dist/_node-chunks/chunk-CSXS6LVI.js +0 -29
- package/dist/_node-chunks/chunk-DUOXRUVQ.js +0 -18
- package/dist/_node-chunks/chunk-FUYZNTIS.js +0 -23
- package/dist/_node-chunks/chunk-M2BRIUUP.js +0 -25
- package/dist/_node-chunks/chunk-RJUHZH32.js +0 -20
- package/dist/_node-chunks/chunk-TB6Y6NSL.js +0 -3837
- package/dist/_node-chunks/chunk-VQEQ7ZLS.js +0 -4731
- package/dist/_node-chunks/chunk-WQ7PSP6H.js +0 -19
- package/dist/_node-chunks/chunk-WVCU34IS.js +0 -23
- package/dist/_node-chunks/chunk-X6OWHTYE.js +0 -20
- package/dist/_node-chunks/chunk-Y2DEKWVE.js +0 -3008
- package/dist/_node-chunks/chunk-ZBAIFZNB.js +0 -5414
- package/dist/_node-chunks/dist-ZGSN23B7.js +0 -16
- package/dist/_node-chunks/globby-HWZL7XSQ.js +0 -2884
- package/dist/_node-chunks/jiti-GNDCTFYU.js +0 -3848
- package/dist/_node-chunks/lib-DI662U2R.js +0 -366
- package/dist/_node-chunks/optimized-tests-ZMNICF4R.js +0 -22
- package/dist/_node-chunks/postinstallAddon-NT5XE7IT.js +0 -20
- package/dist/_node-chunks/session-id-OO2WQF5N.js +0 -23
- package/dist/chunk-BfBzpgct.d.ts +0 -916
- package/dist/chunk-BxWufQms.d.ts +0 -142
- package/dist/core-server/presets/common-manager.css +0 -170
- package/dist/manager/_manager-chunks/globals-runtime-BIKBO23x.js +0 -3389
- package/dist/manager/_manager-chunks/globals-runtime-DkAPXCvc.js +0 -9766
- package/dist/manager/_manager-chunks/globals-runtime-DtcOnYHR.js +0 -5357
- package/dist/manager/_manager-chunks/runtime-B1L9TH89.js +0 -452
- package/dist/manager/_manager-chunks/runtime-Bly6WJLN.js +0 -998
- package/dist/manager/_manager-chunks/runtime-DpgBAFGf.js +0 -22
- package/dist/preview/_chunks/runtime-BTPtVY1p.js +0 -1102
- package/dist/preview/_chunks/runtime-DZToXfvO.js +0 -9767
|
@@ -1,33 +1,224 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { $ as
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import { a as
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
1
|
+
import { a as __toESM, n as __esmMin } from "./runtime-BdGkqNEt.js";
|
|
2
|
+
import { $ as Form, $t as useStorybookApi, A as Route, An as InfoIcon, Ar as useId, At as init_theming, B as logger, Bn as Rows2Icon, Bt as getService, C as init_client, Cn as FlaskConicalIcon, Cr as init__storybook_global_react, Ct as useCopyButton, D as Location, Dn as GlobeIcon, Dr as useContext, E as Link, En as GitForkIcon, Er as useCallback, Et as color, F as toRouterUrl, Fn as LucideProvider, Fr as useRef, Ft as addons, G as Button, Gn as Trash2Icon, H as AbstractToolbar, Hn as SettingsIcon, Ht as internal_fullStatusStore, I as useNavigate, In as MenuIcon, Ir as useState, J as DocumentWrapper, Jn as WandSparklesIcon, Jt as useChannel, K as Card, Kn as TriangleAlertIcon, Kt as shortcutToHumanString, Ln as PanelLeftIcon, Lt as experimental_getStatusStore, M as fromUrlPath, Mn as ListFilterIcon, Mr as useLayoutEffect, Mt as useTheme, N as getBasename, Nn as ListIcon, Nr as useMemo, Nt as Consumer, O as LocationProvider, Ot as ensure, P as init_router, Pn as LockIcon, Pr as useReducer, Pt as Provider, Q as ForkbookLogo, Qn as init__storybook_global_lucide_react, Qt as useServiceQuery, Rn as RefreshCwIcon, Rt as experimental_useStatusStore, S as createRoot, Sn as FileTextIcon, Sr as forwardRef, St as init_components, T as HOME_PATH, Tn as FolderIcon, Tr as memo, Tt as ThemeProvider, U as ActionList, Un as Share2Icon, Ut as internal_fullTestProviderStore, V as once, Vn as SearchIcon, Vt as init_manager_api, W as Badge, Wn as SquareArrowOutUpRightIcon, Wt as merge, X as ErrorFormatter, Xn as ZapIcon, Y as EmptyTabContent, Yn as XIcon, Z as ForkbookIcon, Zn as ZoomInIcon, _ as init_trapTabKey, _n as CopyIcon, _t as ToggleButton, a as init_types$1, an as CheckCheckIcon, ar as SET_CURRENT_STORY, at as ScrollArea, b as ProviderDoesNotExtendBaseProviderError, cn as ChevronLeftIcon, cr as STORIES_EXPAND_ALL, ct as Spaced, dt as StatelessTabPanel, en as useStorybookState, et as IconButton, fn as CirclePlayIcon, ft as StatelessTabsView, g as getTabbables, gn as CommandIcon, gr as _storybook_global_react_default, h as init_TooltipNote, hn as CodeIcon, hr as Fragment, ht as TabPanel, i as REVIEW_STATUS_TYPE_ID, in as BrushCleaningIcon, ir as PREVIEW_BUILDER_PROGRESS, it as PopoverProvider, j as buildManagerHref, jn as LayoutGridIcon, jr as useImperativeHandle, k as Match, kn as HouseIcon, kr as useEffect, ln as ChevronRightIcon, lt as StatelessTab, m as TooltipNote, mn as ClockIcon, mr as Component, mt as TabList, n as CHANGE_DETECTION_STATUS_TYPE_ID, nn as ArrowLeftRightIcon, nr as FORCE_REMOUNT, nt as Loader$1, o as TooltipProvider, on as CheckIcon, or as SHARE_ISOLATE_MODE, ot as Select, pn as CircleXIcon, pt as StoryGrid, q as Collapsible, qn as UnfoldVerticalIcon, qt as types, rn as BookmarkIcon, rr as PRELOAD_ENTRIES, rt as Modal, s as init_TooltipProvider, sn as ChevronDownIcon, sr as STORIES_COLLAPSE_ALL, st as Separator, t as Addon_TypesEnum, tn as ArrowLeftIcon, tr as DOCS_PAGE_IN_VIEW, tt as Link$1, un as ChevronUpIcon, ur as init_core_events, ut as StatelessTabList, v as trapTabKey, vn as EllipsisIcon, w as ALL_STORIES_PATH, wn as FoldVerticalIcon, wt as useTabsState, x as init_manager_errors, xt as Zoom$1, yn as ExpandIcon, yr as createContext, yt as TooltipLinkList, z as init_client_logger, zn as RotateCcwIcon, zt as experimental_useTestProviderStore } from "./runtime-DG61zYUm.js";
|
|
3
|
+
import { C as init_useCopyButton, D as isReviewCollectionStoryRoute, E as init_routes, F as iframeResizeDimensionsEqual, H as global, I as init_iframe_resize, L as parseIframeResizeMessage, M as init_story_grid, N as IFRAME_RESIZE_REQUEST_CONTEXT, O as isReviewSummaryPath, P as hasFixedViewportDimensions, T as REVIEW_COLLECTION_QUERY_PARAM, U as init_global, _ as init_tags, b as init_events, c as init_status_store, g as USER_TAG_FILTER, h as BUILT_IN_FILTERS, j as groupEntriesByComponent, l as statusValueDescription, m as init_story_index_filters, o as countStatusesByValue, p as getActiveFilterCount, u as statusValueShortName, v as REVIEW_EVENTS, w as useCopyButton$1, y as REVIEW_NAMESPACE } from "./runtime-Bs3bEhuy.js";
|
|
4
|
+
import { n as useViewport, t as init_useViewport } from "./runtime-5B2mWjEm.js";
|
|
5
|
+
import { c as init_useTransitionState, d as init_index_module, f as q, l as useTransitionState, s as require_memoizerific, t as require_store2, u as W } from "./runtime-CBQsKmch.js";
|
|
6
|
+
import { t as require_fuse } from "./runtime-P663lpsR.js";
|
|
7
|
+
import { a as debounce, c as init_clsx, i as throttle, n as init_downshift_esm, r as init_throttle, s as clsx, t as Downshift } from "./runtime-jj8qYc2n.js";
|
|
8
|
+
import { a as computeStatusFilterFn, d as init_layout, f as isPagesViewMode, i as init_tags$1, n as init_App, o as init_statuses, r as computeTagsFilterFn, t as App, u as focusableUIElements } from "./runtime-B_nqedQW.js";
|
|
9
|
+
import { n as init_core_events$1, t as STORY_PREPARED } from "./runtime-5o_11Jae.js";
|
|
10
|
+
import { A as init_root_page, C as getLink, D as scrollIntoView, E as isAncestor, O as searchItem, S as getHoistedComponents, T as init_tree, _ as statusPriority, a as init_provider, b as getAncestorIds, c as matchesModifiers, d as getGroupStatus, f as getMostCriticalStatusValue, g as shouldShowChangeStatus, h as init_status, i as Provider$1, j as thumbnailSrc, k as getRootPage, l as getChangeDetectionStatus, m as getStatus, n as init_settings, o as init_keybinding, p as getSidebarVisibleStatus, r as settingsPageAddon, s as matchesKeyCode, u as getGroupDualStatus, v as createId, w as getStateType, x as getDescendantIds, y as cycle } from "./runtime-j9yqh0tr.js";
|
|
11
|
+
//#region src/manager/components/home/HomePages.module.css
|
|
12
|
+
var id$54, HomePages_module_default;
|
|
13
|
+
function init_HomePages_module() {
|
|
14
|
+
return (init_HomePages_module = __esmMin((() => {
|
|
15
|
+
id$54 = "core/src/manager/components/home/HomePages.module.css";
|
|
16
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$54}"]`)) {
|
|
17
|
+
const style = document.createElement("style");
|
|
18
|
+
style.setAttribute("data-fb-css", id$54);
|
|
19
|
+
style.textContent = ".fb-2hcnfG-page{padding:24px}.fb-2hcnfG-heading{margin-top:0}.fb-2hcnfG-allStories{flex-direction:column;height:100%;display:flex}.fb-2hcnfG-toolbar{border-bottom:1px solid var(--fb-app-border-color);flex:none;justify-content:flex-end;align-items:center;gap:8px;min-height:40px;padding:4px 12px;display:flex}.fb-2hcnfG-switch{background:var(--fb-background-hoverable);border-radius:6px;padding:2px;display:inline-flex}.fb-2hcnfG-switchButton{color:inherit;font:inherit;font-size:var(--fb-size-s1);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 10px;&[aria-checked=true]{background:var(--fb-background-content);font-weight:var(--fb-weight-bold)}}.fb-2hcnfG-oneFrame{border:0;flex:1;width:100%}.fb-2hcnfG-scroll{flex:1;min-height:0}";
|
|
20
|
+
document.head.appendChild(style);
|
|
21
|
+
}
|
|
22
|
+
HomePages_module_default = {
|
|
23
|
+
"scroll": "fb-2hcnfG-scroll",
|
|
24
|
+
"switchButton": "fb-2hcnfG-switchButton",
|
|
25
|
+
"allStories": "fb-2hcnfG-allStories",
|
|
26
|
+
"page": "fb-2hcnfG-page",
|
|
27
|
+
"oneFrame": "fb-2hcnfG-oneFrame",
|
|
28
|
+
"heading": "fb-2hcnfG-heading",
|
|
29
|
+
"toolbar": "fb-2hcnfG-toolbar",
|
|
30
|
+
"switch": "fb-2hcnfG-switch"
|
|
31
|
+
};
|
|
32
|
+
})))();
|
|
33
|
+
}
|
|
34
|
+
//#endregion
|
|
35
|
+
//#region src/manager/components/home/HomePages.tsx
|
|
36
|
+
var useEntries, useComponents, AutoHeightFrame, HomePageView, HomePage, ALL_STORIES_MODE_KEY, readAllStoriesMode, writeAllStoriesMode, MODES, AllStoriesPageView, allStoriesSrc, AllStoriesPage, homePageAddon, allStoriesPageAddon;
|
|
37
|
+
function init_HomePages() {
|
|
38
|
+
return (init_HomePages = __esmMin((() => {
|
|
39
|
+
init__storybook_global_react();
|
|
40
|
+
init_components();
|
|
41
|
+
init_router();
|
|
42
|
+
init_manager_api();
|
|
43
|
+
init_iframe_resize();
|
|
44
|
+
init_story_grid();
|
|
45
|
+
init_root_page();
|
|
46
|
+
init_HomePages_module();
|
|
47
|
+
useEntries = () => {
|
|
48
|
+
const { internal_index } = useStorybookState();
|
|
49
|
+
return useMemo(() => Object.values(internal_index?.entries ?? {}), [internal_index]);
|
|
50
|
+
};
|
|
51
|
+
useComponents = (entries, mdxImportPath) => useMemo(() => groupEntriesByComponent(entries, { hiddenImportPath: mdxImportPath }).map((component) => component.thumbnail ? {
|
|
52
|
+
...component,
|
|
53
|
+
thumbnail: thumbnailSrc(component.thumbnail)
|
|
54
|
+
} : component), [entries, mdxImportPath]);
|
|
55
|
+
AutoHeightFrame = ({ src, title }) => {
|
|
56
|
+
const ref = useRef(null);
|
|
57
|
+
const [height, setHeight] = useState(200);
|
|
58
|
+
useEffect(() => {
|
|
59
|
+
const onMessage = (event) => {
|
|
60
|
+
if (event.source !== ref.current?.contentWindow) return;
|
|
61
|
+
const size = parseIframeResizeMessage(event.data);
|
|
62
|
+
if (size) setHeight(size.height);
|
|
63
|
+
};
|
|
64
|
+
window.addEventListener("message", onMessage);
|
|
65
|
+
return () => window.removeEventListener("message", onMessage);
|
|
66
|
+
}, []);
|
|
67
|
+
return /* @__PURE__ */ _storybook_global_react_default.createElement("iframe", {
|
|
68
|
+
ref,
|
|
69
|
+
src,
|
|
70
|
+
title,
|
|
71
|
+
loading: "lazy",
|
|
72
|
+
"data-is-storybook-thumbnail": "true",
|
|
73
|
+
style: {
|
|
74
|
+
width: "100%",
|
|
75
|
+
height,
|
|
76
|
+
border: 0
|
|
77
|
+
}
|
|
78
|
+
});
|
|
79
|
+
};
|
|
80
|
+
HomePageView = ({ components, mode, mdxSrc, getHref, onSelect, getPreviewSrc }) => /* @__PURE__ */ _storybook_global_react_default.createElement(ScrollArea, {
|
|
81
|
+
vertical: true,
|
|
82
|
+
horizontal: false
|
|
83
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: HomePages_module_default.page }, mdxSrc ? /* @__PURE__ */ _storybook_global_react_default.createElement(AutoHeightFrame, {
|
|
84
|
+
src: mdxSrc,
|
|
85
|
+
title: "Start page"
|
|
86
|
+
}) : null, mdxSrc && mode === "replace" ? null : /* @__PURE__ */ _storybook_global_react_default.createElement(_storybook_global_react_default.Fragment, null, /* @__PURE__ */ _storybook_global_react_default.createElement("h1", { className: HomePages_module_default.heading }, "Components"), /* @__PURE__ */ _storybook_global_react_default.createElement(StoryGrid, {
|
|
87
|
+
components,
|
|
88
|
+
getHref,
|
|
89
|
+
onSelect,
|
|
90
|
+
getPreviewSrc
|
|
91
|
+
}))));
|
|
92
|
+
HomePage = () => {
|
|
93
|
+
const api = useStorybookApi();
|
|
94
|
+
const root = getRootPage();
|
|
95
|
+
const entries = useEntries();
|
|
96
|
+
const components = useComponents(entries, root.mdxImportPath);
|
|
97
|
+
const mdxEntry = root.mdxImportPath ? entries.find((entry) => entry.type === "docs" && entry.importPath === root.mdxImportPath) : void 0;
|
|
98
|
+
return /* @__PURE__ */ _storybook_global_react_default.createElement(HomePageView, {
|
|
99
|
+
components,
|
|
100
|
+
mode: root.mode,
|
|
101
|
+
mdxSrc: mdxEntry ? api.getStoryHrefs(mdxEntry.id, {
|
|
102
|
+
viewMode: "docs",
|
|
103
|
+
embed: true
|
|
104
|
+
}).previewHref : void 0,
|
|
105
|
+
getHref: (c) => `/${c.viewMode}/${c.entryId}`,
|
|
106
|
+
onSelect: (c) => api.selectStory(c.entryId, void 0, { viewMode: c.viewMode }),
|
|
107
|
+
getPreviewSrc: (id) => api.getStoryHrefs(id, { embed: true }).previewHref
|
|
108
|
+
});
|
|
109
|
+
};
|
|
110
|
+
ALL_STORIES_MODE_KEY = "forkbook-all-stories-mode";
|
|
111
|
+
readAllStoriesMode = () => {
|
|
112
|
+
try {
|
|
113
|
+
return window.localStorage.getItem(ALL_STORIES_MODE_KEY) === "frame-per-story" ? "frame-per-story" : "one-frame";
|
|
114
|
+
} catch {
|
|
115
|
+
return "one-frame";
|
|
116
|
+
}
|
|
117
|
+
};
|
|
118
|
+
writeAllStoriesMode = (mode) => {
|
|
119
|
+
try {
|
|
120
|
+
window.localStorage.setItem(ALL_STORIES_MODE_KEY, mode);
|
|
121
|
+
} catch {}
|
|
122
|
+
};
|
|
123
|
+
MODES = [{
|
|
124
|
+
mode: "one-frame",
|
|
125
|
+
title: "One frame"
|
|
126
|
+
}, {
|
|
127
|
+
mode: "frame-per-story",
|
|
128
|
+
title: "Frame per story"
|
|
129
|
+
}];
|
|
130
|
+
AllStoriesPageView = ({ components, mode, onModeChange, allStoriesSrc, getPreviewSrc }) => /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: HomePages_module_default.allStories }, /* @__PURE__ */ _storybook_global_react_default.createElement("div", {
|
|
131
|
+
className: HomePages_module_default.toolbar,
|
|
132
|
+
role: "toolbar",
|
|
133
|
+
"aria-label": "All stories"
|
|
134
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement("div", {
|
|
135
|
+
className: HomePages_module_default.switch,
|
|
136
|
+
role: "radiogroup",
|
|
137
|
+
"aria-label": "Render mode"
|
|
138
|
+
}, MODES.map((item) => /* @__PURE__ */ _storybook_global_react_default.createElement("button", {
|
|
139
|
+
key: item.mode,
|
|
140
|
+
type: "button",
|
|
141
|
+
role: "radio",
|
|
142
|
+
"aria-checked": mode === item.mode,
|
|
143
|
+
className: HomePages_module_default.switchButton,
|
|
144
|
+
onClick: () => onModeChange(item.mode)
|
|
145
|
+
}, item.title)))), mode === "one-frame" ? /* @__PURE__ */ _storybook_global_react_default.createElement("iframe", {
|
|
146
|
+
className: HomePages_module_default.oneFrame,
|
|
147
|
+
src: allStoriesSrc,
|
|
148
|
+
title: "All stories",
|
|
149
|
+
"data-is-storybook-thumbnail": "true"
|
|
150
|
+
}) : /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: HomePages_module_default.scroll }, /* @__PURE__ */ _storybook_global_react_default.createElement(ScrollArea, {
|
|
151
|
+
vertical: true,
|
|
152
|
+
horizontal: false
|
|
153
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: HomePages_module_default.page }, components.map((c) => /* @__PURE__ */ _storybook_global_react_default.createElement("section", { key: c.title }, /* @__PURE__ */ _storybook_global_react_default.createElement("h2", null, c.title), c.storyIds.map((id) => /* @__PURE__ */ _storybook_global_react_default.createElement(AutoHeightFrame, {
|
|
154
|
+
key: id,
|
|
155
|
+
title: id,
|
|
156
|
+
src: getPreviewSrc(id)
|
|
157
|
+
}))))))));
|
|
158
|
+
allStoriesSrc = (previewHref) => {
|
|
159
|
+
return `${previewHref.split("?")[0]}?allStories=true`;
|
|
160
|
+
};
|
|
161
|
+
AllStoriesPage = () => {
|
|
162
|
+
const api = useStorybookApi();
|
|
163
|
+
const entries = useEntries();
|
|
164
|
+
const components = useComponents(entries, getRootPage().mdxImportPath).filter((c) => c.storyIds.length > 0);
|
|
165
|
+
const [mode, setMode] = useState(readAllStoriesMode);
|
|
166
|
+
const firstStory = components[0]?.storyIds[0];
|
|
167
|
+
return /* @__PURE__ */ _storybook_global_react_default.createElement(AllStoriesPageView, {
|
|
168
|
+
components,
|
|
169
|
+
mode,
|
|
170
|
+
onModeChange: (next) => {
|
|
171
|
+
setMode(next);
|
|
172
|
+
writeAllStoriesMode(next);
|
|
173
|
+
},
|
|
174
|
+
allStoriesSrc: allStoriesSrc(firstStory ? api.getStoryHrefs(firstStory).previewHref : "iframe.html"),
|
|
175
|
+
getPreviewSrc: (id) => api.getStoryHrefs(id, { embed: true }).previewHref
|
|
176
|
+
});
|
|
177
|
+
};
|
|
178
|
+
homePageAddon = {
|
|
179
|
+
id: "home",
|
|
180
|
+
url: HOME_PATH,
|
|
181
|
+
title: "Home",
|
|
182
|
+
type: types.experimental_PAGE,
|
|
183
|
+
render: () => /* @__PURE__ */ _storybook_global_react_default.createElement(Route, {
|
|
184
|
+
path: HOME_PATH,
|
|
185
|
+
startsWith: true
|
|
186
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(HomePage, null))
|
|
187
|
+
};
|
|
188
|
+
allStoriesPageAddon = {
|
|
189
|
+
id: "all-stories",
|
|
190
|
+
url: ALL_STORIES_PATH,
|
|
191
|
+
title: "All stories",
|
|
192
|
+
type: types.experimental_PAGE,
|
|
193
|
+
render: () => /* @__PURE__ */ _storybook_global_react_default.createElement(Route, {
|
|
194
|
+
path: ALL_STORIES_PATH,
|
|
195
|
+
startsWith: true
|
|
196
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(AllStoriesPage, null))
|
|
197
|
+
};
|
|
198
|
+
})))();
|
|
199
|
+
}
|
|
200
|
+
//#endregion
|
|
10
201
|
//#region src/manager/components/error-boundary/ManagerErrorBoundary.module.css
|
|
11
|
-
var id$
|
|
202
|
+
var id$53, ManagerErrorBoundary_module_default;
|
|
12
203
|
function init_ManagerErrorBoundary_module() {
|
|
13
204
|
return (init_ManagerErrorBoundary_module = __esmMin((() => {
|
|
14
|
-
id$
|
|
15
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
205
|
+
id$53 = "core/src/manager/components/error-boundary/ManagerErrorBoundary.module.css";
|
|
206
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$53}"]`)) {
|
|
16
207
|
const style = document.createElement("style");
|
|
17
|
-
style.setAttribute("data-
|
|
18
|
-
style.textContent = ".
|
|
208
|
+
style.setAttribute("data-fb-css", id$53);
|
|
209
|
+
style.textContent = ".fb-gU56mG-container{background-color:var(--fb-background-app);width:100vw;height:100vh;color:var(--fb-color-default-text);font-family:var(--fb-font-base);justify-content:center;align-items:center;display:flex}.fb-gU56mG-content{background-color:var(--fb-background-content);border-radius:var(--fb-app-border-radius);border:1px solid var(--fb-color-negative);flex-direction:column;justify-content:space-between;gap:20px;width:80%;height:80%;padding:20px;display:flex;overflow:auto;box-shadow:0 0 64px #0000001a}.fb-gU56mG-info{flex-direction:column;align-items:start;gap:15px;display:flex}.fb-gU56mG-heading{font-size:var(--fb-size-s2);font-weight:var(--fb-weight-bold);color:var(--fb-color-default-text);align-items:center;gap:10px;margin:0;display:flex}.fb-gU56mG-subHeading{font-size:var(--fb-size-s2);color:var(--fb-text-muted-color);text-wrap:balance;margin:0;line-height:1.4}.fb-gU56mG-errorWrapper{border:1px solid var(--fb-app-border-color);border-radius:var(--fb-app-border-radius);flex-direction:column-reverse;flex:none;width:100%;display:flex;& pre{border-radius:0}}.fb-gU56mG-collapseToggle{cursor:pointer;width:100%;height:40px;font-size:var(--fb-size-s2);font-weight:var(--fb-weight-bold);color:var(--fb-color-default-text);user-select:none;flex:none;align-items:center;gap:10px;padding:0 10px;display:flex;&:hover{background-color:#00000005}& svg{color:var(--fb-text-muted-color)}}.fb-gU56mG-errorMessage{font-size:var(--fb-size-s1);color:var(--fb-color-negative-text);background-color:rgb(from var(--fb-color-negative) r g b / calc(alpha - .95));border-bottom:1px solid var(--fb-app-border-color);white-space:pre-wrap;word-break:break-word;font-family:var(--fb-font-mono);order:1;margin:0;padding:11px 15px;line-height:18px}.fb-gU56mG-errorStack{font-size:var(--fb-size-s1);color:var(--fb-text-muted-color);border-bottom:1px solid var(--fb-app-border-color);white-space:pre-wrap;word-break:break-word;font-family:var(--fb-font-mono);border-radius:0;margin:0;padding:15px}:where([data-fb-theme=dark]){& .fb-gU56mG-collapseToggle:hover{background-color:#ffffff08}& .fb-gU56mG-errorMessage{background-color:rgb(from var(--fb-color-negative) r g b / calc(alpha - .9))}}";
|
|
19
210
|
document.head.appendChild(style);
|
|
20
211
|
}
|
|
21
212
|
ManagerErrorBoundary_module_default = {
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
213
|
+
"content": "fb-gU56mG-content",
|
|
214
|
+
"heading": "fb-gU56mG-heading",
|
|
215
|
+
"subHeading": "fb-gU56mG-subHeading",
|
|
216
|
+
"errorWrapper": "fb-gU56mG-errorWrapper",
|
|
217
|
+
"errorMessage": "fb-gU56mG-errorMessage",
|
|
218
|
+
"container": "fb-gU56mG-container",
|
|
219
|
+
"info": "fb-gU56mG-info",
|
|
220
|
+
"errorStack": "fb-gU56mG-errorStack",
|
|
221
|
+
"collapseToggle": "fb-gU56mG-collapseToggle"
|
|
31
222
|
};
|
|
32
223
|
})))();
|
|
33
224
|
}
|
|
@@ -38,7 +229,7 @@ function init_ManagerErrorBoundary() {
|
|
|
38
229
|
return (init_ManagerErrorBoundary = __esmMin((() => {
|
|
39
230
|
init__storybook_global_react();
|
|
40
231
|
init_components();
|
|
41
|
-
|
|
232
|
+
init__storybook_global_lucide_react();
|
|
42
233
|
init_ManagerErrorBoundary_module();
|
|
43
234
|
ErrorFallback = ({ error, errorInfo }) => {
|
|
44
235
|
return /* @__PURE__ */ _storybook_global_react_default.createElement("div", {
|
|
@@ -47,12 +238,12 @@ function init_ManagerErrorBoundary() {
|
|
|
47
238
|
}, /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: ManagerErrorBoundary_module_default.content }, /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: ManagerErrorBoundary_module_default.info }, /* @__PURE__ */ _storybook_global_react_default.createElement("h1", { className: ManagerErrorBoundary_module_default.heading }, /* @__PURE__ */ _storybook_global_react_default.createElement(Badge, { status: "negative" }, "Error"), /* @__PURE__ */ _storybook_global_react_default.createElement("span", null, "Something went wrong")), /* @__PURE__ */ _storybook_global_react_default.createElement("p", { className: ManagerErrorBoundary_module_default.subHeading }, "The Forkbook Manager UI encountered an error. This is usually caused by custom addon code or configuration. Please check your browser console for more details. Try clearing browser storage if the issue persists."), /* @__PURE__ */ _storybook_global_react_default.createElement(Button, {
|
|
48
239
|
asChild: true,
|
|
49
240
|
size: "medium"
|
|
50
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement("a", { href: window.location.origin + window.location.pathname.replace("iframe.html", "") }, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
241
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement("a", { href: window.location.origin + window.location.pathname.replace("iframe.html", "") }, /* @__PURE__ */ _storybook_global_react_default.createElement(RefreshCwIcon, { size: 14 }), "Reload Forkbook"))), /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: ManagerErrorBoundary_module_default.errorWrapper }, /* @__PURE__ */ _storybook_global_react_default.createElement("pre", { className: ManagerErrorBoundary_module_default.errorMessage }, error.message || "Unknown error"), /* @__PURE__ */ _storybook_global_react_default.createElement(Collapsible, {
|
|
51
242
|
collapsed: true,
|
|
52
243
|
summary: ({ isCollapsed, toggleCollapsed }) => /* @__PURE__ */ _storybook_global_react_default.createElement("div", {
|
|
53
244
|
className: ManagerErrorBoundary_module_default.collapseToggle,
|
|
54
245
|
onClick: toggleCollapsed
|
|
55
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
246
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(UnfoldVerticalIcon, null), isCollapsed ? "Expand error" : "Collapse error")
|
|
56
247
|
}, (error.stack || errorInfo?.componentStack) && /* @__PURE__ */ _storybook_global_react_default.createElement("pre", { className: ManagerErrorBoundary_module_default.errorStack }, error.stack, errorInfo?.componentStack && `\n\nComponent Stack:${errorInfo.componentStack}`)))));
|
|
57
248
|
};
|
|
58
249
|
ManagerErrorBoundary = class extends Component {
|
|
@@ -89,27 +280,6 @@ function init_ManagerErrorBoundary() {
|
|
|
89
280
|
})))();
|
|
90
281
|
}
|
|
91
282
|
//#endregion
|
|
92
|
-
//#region src/manager-api/modules/layout.ts
|
|
93
|
-
var document$6, isPagesViewMode, focusableUIElements;
|
|
94
|
-
function init_layout() {
|
|
95
|
-
return (init_layout = __esmMin((() => {
|
|
96
|
-
init_core_events();
|
|
97
|
-
init_dist();
|
|
98
|
-
init_create();
|
|
99
|
-
({document: document$6} = scope);
|
|
100
|
-
isPagesViewMode = (viewMode) => viewMode !== void 0 && viewMode !== "story" && viewMode !== "docs" && viewMode !== "review";
|
|
101
|
-
focusableUIElements = {
|
|
102
|
-
addonPanel: "storybook-panel-region",
|
|
103
|
-
storySearchField: "storybook-explorer-searchfield",
|
|
104
|
-
storyListMenu: "storybook-explorer-menu",
|
|
105
|
-
storyPanelRoot: "storybook-panel-root",
|
|
106
|
-
showAddonPanel: "storybook-show-addon-panel",
|
|
107
|
-
sidebarRegion: "storybook-sidebar-region",
|
|
108
|
-
showSidebar: "storybook-show-sidebar"
|
|
109
|
-
};
|
|
110
|
-
})))();
|
|
111
|
-
}
|
|
112
|
-
//#endregion
|
|
113
283
|
//#region src/manager/hooks/useMedia.tsx
|
|
114
284
|
function useMediaQuery(query) {
|
|
115
285
|
const getMatches = (queryMatch) => {
|
|
@@ -175,27 +345,27 @@ function init_LayoutProvider() {
|
|
|
175
345
|
}
|
|
176
346
|
//#endregion
|
|
177
347
|
//#region src/manager/components/notifications/NotificationItem.module.css
|
|
178
|
-
var id$
|
|
348
|
+
var id$52, NotificationItem_module_default;
|
|
179
349
|
function init_NotificationItem_module() {
|
|
180
350
|
return (init_NotificationItem_module = __esmMin((() => {
|
|
181
|
-
id$
|
|
182
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
351
|
+
id$52 = "core/src/manager/components/notifications/NotificationItem.module.css";
|
|
352
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$52}"]`)) {
|
|
183
353
|
const style = document.createElement("style");
|
|
184
|
-
style.setAttribute("data-
|
|
185
|
-
style.textContent = ".
|
|
354
|
+
style.setAttribute("data-fb-css", id$52);
|
|
355
|
+
style.textContent = ".fb-pzl0Oq-notification{border:1px solid var(--fb-app-border-color);border-radius:calc(var(--fb-app-border-radius) + 1px);color:var(--fb-color-inverse-text);background:#19394df7;align-items:center;padding:12px 6px 12px 12px;text-decoration:none;animation:.5s fb-pzl0Oq-slideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 5px #0000000d,0 5px 15px #0000001a;@media (width>=600px){box-shadow:0 1px 2px 0 #0000000d, 0px -5px 20px 10px var(--fb-background-app)}&[data-duration]:after{content:\"\";background:var(--fb-color-secondary);height:3px;animation:fb-pzl0Oq-grow var(--duration) linear forwards reverse;display:block;position:absolute;bottom:0;left:0}}:where([data-fb-theme=dark]) .fb-pzl0Oq-notification{background:#eef3f6f7}.fb-pzl0Oq-interactive{cursor:pointer;text-align:left;border:none;outline:none;transition:all .15s ease-out;transform:translate(0,0);&:hover{transform:translateY(-3px);box-shadow:0 1px 3px #007aff80,0 2px 5px #0000000d,0 5px 15px #0000001a}&:active{transform:translate(0,0);box-shadow:0 1px 3px #007aff80,0 2px 5px #0000000d,0 5px 15px #0000001a}&:focus{box-shadow:inset 0 0 0 1px #007aff,0 1px 3px #007aff80,0 2px 5px #0000000d,0 5px 15px #0000001a}}.fb-pzl0Oq-iconWrapper{align-items:center;margin-right:10px;display:flex;& svg{width:16px;height:16px}}.fb-pzl0Oq-textWrapper{width:100%;color:var(--fb-color-inverse-text);flex-direction:column;display:flex}.fb-pzl0Oq-headline{height:100%;white-space:balance;text-overflow:ellipsis;font-size:var(--fb-size-s1);line-height:16px;font-weight:var(--fb-weight-bold);align-items:center;overflow:hidden}.fb-pzl0Oq-subHeadline{color:rgb(from var(--fb-color-inverse-text) r g b / calc(alpha - .25));font-size:calc(var(--fb-size-s1) - 1px);white-space:balance;margin-top:2px;line-height:14px}.fb-pzl0Oq-dismissButton{color:#ffffffb3;align-self:center;width:28px;margin-top:0}:where([data-fb-theme=dark]) .fb-pzl0Oq-dismissButton{color:#999}.fb-pzl0Oq-spacer{height:48px}@keyframes fb-pzl0Oq-slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fb-pzl0Oq-grow{0%{width:0%}to{width:100%}}";
|
|
186
356
|
document.head.appendChild(style);
|
|
187
357
|
}
|
|
188
358
|
NotificationItem_module_default = {
|
|
189
|
-
"
|
|
190
|
-
"spacer": "
|
|
191
|
-
"
|
|
192
|
-
"
|
|
193
|
-
"
|
|
194
|
-
"
|
|
195
|
-
"
|
|
196
|
-
"
|
|
197
|
-
"
|
|
198
|
-
"
|
|
359
|
+
"textWrapper": "fb-pzl0Oq-textWrapper",
|
|
360
|
+
"spacer": "fb-pzl0Oq-spacer",
|
|
361
|
+
"interactive": "fb-pzl0Oq-interactive",
|
|
362
|
+
"notification": "fb-pzl0Oq-notification",
|
|
363
|
+
"slideIn": "fb-pzl0Oq-slideIn",
|
|
364
|
+
"grow": "fb-pzl0Oq-grow",
|
|
365
|
+
"subHeadline": "fb-pzl0Oq-subHeadline",
|
|
366
|
+
"iconWrapper": "fb-pzl0Oq-iconWrapper",
|
|
367
|
+
"headline": "fb-pzl0Oq-headline",
|
|
368
|
+
"dismissButton": "fb-pzl0Oq-dismissButton"
|
|
199
369
|
};
|
|
200
370
|
})))();
|
|
201
371
|
}
|
|
@@ -207,7 +377,7 @@ function init_NotificationItem() {
|
|
|
207
377
|
init__storybook_global_react();
|
|
208
378
|
init_components();
|
|
209
379
|
init_router();
|
|
210
|
-
|
|
380
|
+
init__storybook_global_lucide_react();
|
|
211
381
|
init_clsx();
|
|
212
382
|
init_NotificationItem_module();
|
|
213
383
|
ItemContent = ({ icon, content: { headline, subHeadline } }) => /* @__PURE__ */ _storybook_global_react_default.createElement(_storybook_global_react_default.Fragment, null, !icon || /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: NotificationItem_module_default.iconWrapper }, icon), /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: NotificationItem_module_default.textWrapper }, /* @__PURE__ */ _storybook_global_react_default.createElement("div", {
|
|
@@ -224,7 +394,7 @@ function init_NotificationItem() {
|
|
|
224
394
|
e.stopPropagation();
|
|
225
395
|
onDismiss();
|
|
226
396
|
}
|
|
227
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
397
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(CircleXIcon, { size: 12 }));
|
|
228
398
|
NotificationItem = ({ notification: { content, duration, link, onClear, onClick, id, icon }, onDismissNotification, zIndex }) => {
|
|
229
399
|
const onTimeout = useCallback(() => {
|
|
230
400
|
onDismissNotification(id);
|
|
@@ -283,17 +453,17 @@ function init_NotificationItem() {
|
|
|
283
453
|
}
|
|
284
454
|
//#endregion
|
|
285
455
|
//#region src/manager/components/notifications/NotificationList.module.css
|
|
286
|
-
var id$
|
|
456
|
+
var id$51, NotificationList_module_default;
|
|
287
457
|
function init_NotificationList_module() {
|
|
288
458
|
return (init_NotificationList_module = __esmMin((() => {
|
|
289
|
-
id$
|
|
290
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
459
|
+
id$51 = "core/src/manager/components/notifications/NotificationList.module.css";
|
|
460
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$51}"]`)) {
|
|
291
461
|
const style = document.createElement("style");
|
|
292
|
-
style.setAttribute("data-
|
|
293
|
-
style.textContent = ".
|
|
462
|
+
style.setAttribute("data-fb-css", id$51);
|
|
463
|
+
style.textContent = ".fb-d_X-aG-list{z-index:200;&>*+*{margin-top:12px}&:empty{display:none}&[data-mobile]{margin:20px;position:fixed;bottom:40px}}";
|
|
294
464
|
document.head.appendChild(style);
|
|
295
465
|
}
|
|
296
|
-
NotificationList_module_default = { "list": "
|
|
466
|
+
NotificationList_module_default = { "list": "fb-d_X-aG-list" };
|
|
297
467
|
})))();
|
|
298
468
|
}
|
|
299
469
|
//#endregion
|
|
@@ -353,7 +523,7 @@ function focusLandmark(landmark) {
|
|
|
353
523
|
/** F6 moves focus to the next landmark and Shift+F6 to the previous one, in document order. */
|
|
354
524
|
function onKeyDown(event) {
|
|
355
525
|
if (event.key !== "F6" || event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey) return;
|
|
356
|
-
const landmarks = Array.from(document.querySelectorAll("[data-
|
|
526
|
+
const landmarks = Array.from(document.querySelectorAll("[data-fb-landmark]")).filter(isNavigable);
|
|
357
527
|
if (landmarks.length === 0) return;
|
|
358
528
|
const active = document.activeElement;
|
|
359
529
|
const current = landmarks.reduce((found, landmark, index) => landmark.contains(active) ? index : found, -1);
|
|
@@ -364,7 +534,7 @@ function onKeyDown(event) {
|
|
|
364
534
|
}
|
|
365
535
|
/**
|
|
366
536
|
* Makes an element a landmark: it gets its ARIA role and label, and users can move between
|
|
367
|
-
* landmarks with F6 and Shift+F6. The `data-
|
|
537
|
+
* landmarks with F6 and Shift+F6. The `data-fb-landmark` attribute lets us highlight the landmark
|
|
368
538
|
* that receives focus (see useLandmarkIndicator).
|
|
369
539
|
*/
|
|
370
540
|
function useLandmark(props, ref) {
|
|
@@ -383,7 +553,7 @@ function useLandmark(props, ref) {
|
|
|
383
553
|
}, [ref]);
|
|
384
554
|
return { landmarkProps: {
|
|
385
555
|
...props,
|
|
386
|
-
"data-
|
|
556
|
+
"data-fb-landmark": true
|
|
387
557
|
} };
|
|
388
558
|
}
|
|
389
559
|
var lastFocused, isNavigable, isInstalled;
|
|
@@ -444,19 +614,19 @@ function init_useFocusTrap() {
|
|
|
444
614
|
}
|
|
445
615
|
//#endregion
|
|
446
616
|
//#region src/manager/components/upgrade/UpgradeBlock.module.css
|
|
447
|
-
var id$
|
|
617
|
+
var id$50, UpgradeBlock_module_default;
|
|
448
618
|
function init_UpgradeBlock_module() {
|
|
449
619
|
return (init_UpgradeBlock_module = __esmMin((() => {
|
|
450
|
-
id$
|
|
451
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
620
|
+
id$50 = "core/src/manager/components/upgrade/UpgradeBlock.module.css";
|
|
621
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$50}"]`)) {
|
|
452
622
|
const style = document.createElement("style");
|
|
453
|
-
style.setAttribute("data-
|
|
454
|
-
style.textContent = ".
|
|
623
|
+
style.setAttribute("data-fb-css", id$50);
|
|
624
|
+
style.textContent = ".fb-q187eq-container{border:1px solid;border-color:var(--fb-app-border-color);font-size:var(--fb-size-s2);border-radius:5px;width:100%;margin-top:0;padding:20px;@media (width>=600px){max-width:400px}}.fb-q187eq-code{font-size:calc(var(--fb-size-s2) - 1px);background:#0000000d;justify-content:space-between;align-items:center;gap:8px;margin:4px 0 16px;display:flex}:where([data-fb-theme=dark]) .fb-q187eq-code{background:var(--fb-app-border-color)}";
|
|
455
625
|
document.head.appendChild(style);
|
|
456
626
|
}
|
|
457
627
|
UpgradeBlock_module_default = {
|
|
458
|
-
"
|
|
459
|
-
"
|
|
628
|
+
"container": "fb-q187eq-container",
|
|
629
|
+
"code": "fb-q187eq-code"
|
|
460
630
|
};
|
|
461
631
|
})))();
|
|
462
632
|
}
|
|
@@ -467,7 +637,7 @@ function init_UpgradeBlock() {
|
|
|
467
637
|
return (init_UpgradeBlock = __esmMin((() => {
|
|
468
638
|
init__storybook_global_react();
|
|
469
639
|
init_components();
|
|
470
|
-
|
|
640
|
+
init__storybook_global_lucide_react();
|
|
471
641
|
init_manager_api();
|
|
472
642
|
init_useCopyButton();
|
|
473
643
|
init_UpgradeBlock_module();
|
|
@@ -494,7 +664,7 @@ function init_UpgradeBlock() {
|
|
|
494
664
|
{
|
|
495
665
|
id: "npm",
|
|
496
666
|
title: "npm",
|
|
497
|
-
children: /* @__PURE__ */ _storybook_global_react_default.createElement(UpgradeSnippet, { command: "npx
|
|
667
|
+
children: /* @__PURE__ */ _storybook_global_react_default.createElement(UpgradeSnippet, { command: "npx @aussieljk/forkbook@latest upgrade" })
|
|
498
668
|
},
|
|
499
669
|
{
|
|
500
670
|
id: "yarn",
|
|
@@ -517,24 +687,24 @@ function init_UpgradeBlock() {
|
|
|
517
687
|
}
|
|
518
688
|
//#endregion
|
|
519
689
|
//#region src/manager/components/mobile/about/MobileAbout.module.css
|
|
520
|
-
var id$
|
|
690
|
+
var id$49, MobileAbout_module_default;
|
|
521
691
|
function init_MobileAbout_module() {
|
|
522
692
|
return (init_MobileAbout_module = __esmMin((() => {
|
|
523
|
-
id$
|
|
524
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
693
|
+
id$49 = "core/src/manager/components/mobile/about/MobileAbout.module.css";
|
|
694
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$49}"]`)) {
|
|
525
695
|
const style = document.createElement("style");
|
|
526
|
-
style.setAttribute("data-
|
|
527
|
-
style.textContent = ".
|
|
696
|
+
style.setAttribute("data-fb-css", id$49);
|
|
697
|
+
style.textContent = ".fb-MH3dKG-container{z-index:11;width:100%;height:100%;color:var(--fb-color-default-text);background:var(--fb-background-content);border-radius:10px 10px 0 0;animation-name:fb-MH3dKG-slideFromRight;position:absolute;top:0;left:0;overflow:auto;&[data-status=exiting]{animation-name:fb-MH3dKG-slideToRight}}.fb-MH3dKG-innerArea{flex-direction:column;gap:20px;padding:25px 12px 20px;display:flex}.fb-MH3dKG-linkList{padding:0}.fb-MH3dKG-bottomText{font-size:calc(var(--fb-size-s2) - 1px);margin-top:30px}.fb-MH3dKG-closeButton{align-self:start}@keyframes fb-MH3dKG-slideFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fb-MH3dKG-slideToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}";
|
|
528
698
|
document.head.appendChild(style);
|
|
529
699
|
}
|
|
530
700
|
MobileAbout_module_default = {
|
|
531
|
-
"
|
|
532
|
-
"linkList": "
|
|
533
|
-
"bottomText": "
|
|
534
|
-
"
|
|
535
|
-
"
|
|
536
|
-
"
|
|
537
|
-
"slideFromRight": "
|
|
701
|
+
"closeButton": "fb-MH3dKG-closeButton",
|
|
702
|
+
"linkList": "fb-MH3dKG-linkList",
|
|
703
|
+
"bottomText": "fb-MH3dKG-bottomText",
|
|
704
|
+
"slideToRight": "fb-MH3dKG-slideToRight",
|
|
705
|
+
"container": "fb-MH3dKG-container",
|
|
706
|
+
"innerArea": "fb-MH3dKG-innerArea",
|
|
707
|
+
"slideFromRight": "fb-MH3dKG-slideFromRight"
|
|
538
708
|
};
|
|
539
709
|
})))();
|
|
540
710
|
}
|
|
@@ -545,7 +715,7 @@ function init_MobileAbout() {
|
|
|
545
715
|
return (init_MobileAbout = __esmMin((() => {
|
|
546
716
|
init__storybook_global_react();
|
|
547
717
|
init_components();
|
|
548
|
-
|
|
718
|
+
init__storybook_global_lucide_react();
|
|
549
719
|
init_useTransitionState();
|
|
550
720
|
init_useFocusTrap();
|
|
551
721
|
init_LayoutProvider();
|
|
@@ -571,8 +741,7 @@ function init_MobileAbout() {
|
|
|
571
741
|
style: { animationDuration: `300ms` }
|
|
572
742
|
}, /* @__PURE__ */ _storybook_global_react_default.createElement(ScrollArea, {
|
|
573
743
|
vertical: true,
|
|
574
|
-
offset:
|
|
575
|
-
scrollbarSize: 6
|
|
744
|
+
offset: 2
|
|
576
745
|
}, /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: MobileAbout_module_default.innerArea }, /* @__PURE__ */ _storybook_global_react_default.createElement(Button, {
|
|
577
746
|
className: MobileAbout_module_default.closeButton,
|
|
578
747
|
onClick: () => setMobileAboutOpen(false),
|
|
@@ -581,20 +750,24 @@ function init_MobileAbout() {
|
|
|
581
750
|
variant: "ghost"
|
|
582
751
|
}, /* @__PURE__ */ _storybook_global_react_default.createElement(ArrowLeftIcon, null), "Back"), /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList, { className: MobileAbout_module_default.linkList }, /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Item, null, /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Link, {
|
|
583
752
|
ariaLabel: false,
|
|
584
|
-
href: "https://github.com/
|
|
753
|
+
href: "https://github.com/aussieljk/forkbook",
|
|
585
754
|
target: "_blank",
|
|
586
755
|
rel: "noopener noreferrer"
|
|
587
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Icon, null, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
756
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Icon, null, /* @__PURE__ */ _storybook_global_react_default.createElement(GitForkIcon, null)), /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Text, null, /* @__PURE__ */ _storybook_global_react_default.createElement("span", null, "GitHub")), /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Icon, null, /* @__PURE__ */ _storybook_global_react_default.createElement(Share2Icon, null)))), /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Item, null, /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Link, {
|
|
588
757
|
ariaLabel: false,
|
|
589
|
-
href: "https://
|
|
758
|
+
href: "https://forkbook.ljk.dev/docs/get-started/install",
|
|
590
759
|
target: "_blank",
|
|
591
760
|
rel: "noopener noreferrer"
|
|
592
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Icon, null, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
761
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Icon, null, /* @__PURE__ */ _storybook_global_react_default.createElement(ForkbookIcon, {
|
|
762
|
+
width: 14,
|
|
763
|
+
height: 14,
|
|
764
|
+
"aria-hidden": "true"
|
|
765
|
+
})), /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Text, null, /* @__PURE__ */ _storybook_global_react_default.createElement("span", null, "Documentation")), /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Icon, null, /* @__PURE__ */ _storybook_global_react_default.createElement(Share2Icon, null))))), /* @__PURE__ */ _storybook_global_react_default.createElement(UpgradeBlock, null), /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: MobileAbout_module_default.bottomText }, "Open source software maintained by", " ", /* @__PURE__ */ _storybook_global_react_default.createElement(Link$1, {
|
|
593
766
|
href: "https://chromatic.com",
|
|
594
767
|
target: "_blank",
|
|
595
768
|
rel: "noopener noreferrer"
|
|
596
769
|
}, "Chromatic"), " ", "and the", " ", /* @__PURE__ */ _storybook_global_react_default.createElement(Link$1, {
|
|
597
|
-
href: "https://github.com/
|
|
770
|
+
href: "https://github.com/aussieljk/forkbook/graphs/contributors",
|
|
598
771
|
target: "_blank",
|
|
599
772
|
rel: "noopener noreferrer"
|
|
600
773
|
}, "Forkbook Community")))));
|
|
@@ -632,21 +805,21 @@ function init_MobileMenuDrawer() {
|
|
|
632
805
|
}
|
|
633
806
|
//#endregion
|
|
634
807
|
//#region src/manager/components/mobile/navigation/MobileNavigation.module.css
|
|
635
|
-
var id$
|
|
808
|
+
var id$48, MobileNavigation_module_default;
|
|
636
809
|
function init_MobileNavigation_module() {
|
|
637
810
|
return (init_MobileNavigation_module = __esmMin((() => {
|
|
638
|
-
id$
|
|
639
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
811
|
+
id$48 = "core/src/manager/components/mobile/navigation/MobileNavigation.module.css";
|
|
812
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$48}"]`)) {
|
|
640
813
|
const style = document.createElement("style");
|
|
641
|
-
style.setAttribute("data-
|
|
642
|
-
style.textContent = ".
|
|
814
|
+
style.setAttribute("data-fb-css", id$48);
|
|
815
|
+
style.textContent = ".fb-PhMFUG-container{z-index:10;background:var(--fb-bar-bg);border-top:1px solid var(--fb-app-border-color);width:100%;bottom:0;left:0}.fb-PhMFUG-bottomBar{justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 6px;display:flex;&>:first-child{max-width:calc(100% - 40px);&>button{max-width:100%}&>button p{text-overflow:ellipsis}}}.fb-PhMFUG-bottomBarButton{-webkit-line-clamp:1;flex-shrink:1;& p{text-overflow:ellipsis}}.fb-PhMFUG-text{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}";
|
|
643
816
|
document.head.appendChild(style);
|
|
644
817
|
}
|
|
645
818
|
MobileNavigation_module_default = {
|
|
646
|
-
"
|
|
647
|
-
"
|
|
648
|
-
"
|
|
649
|
-
"
|
|
819
|
+
"text": "fb-PhMFUG-text",
|
|
820
|
+
"bottomBarButton": "fb-PhMFUG-bottomBarButton",
|
|
821
|
+
"bottomBar": "fb-PhMFUG-bottomBar",
|
|
822
|
+
"container": "fb-PhMFUG-container"
|
|
650
823
|
};
|
|
651
824
|
})))();
|
|
652
825
|
}
|
|
@@ -664,7 +837,7 @@ function init_MobileNavigation() {
|
|
|
664
837
|
return (init_MobileNavigation = __esmMin((() => {
|
|
665
838
|
init__storybook_global_react();
|
|
666
839
|
init_components();
|
|
667
|
-
|
|
840
|
+
init__storybook_global_lucide_react();
|
|
668
841
|
init_manager_api();
|
|
669
842
|
init_clsx();
|
|
670
843
|
init_useLandmark();
|
|
@@ -712,12 +885,12 @@ function init_MobileNavigation() {
|
|
|
712
885
|
role: "banner"
|
|
713
886
|
}, sectionRef);
|
|
714
887
|
return /* @__PURE__ */ _storybook_global_react_default.createElement("header", {
|
|
715
|
-
className: clsx("
|
|
888
|
+
className: clsx("fb-bar", MobileNavigation_module_default.bottomBar),
|
|
716
889
|
...landmarkProps,
|
|
717
890
|
ref: sectionRef
|
|
718
891
|
}, /* @__PURE__ */ _storybook_global_react_default.createElement("h2", {
|
|
719
892
|
id: headingId,
|
|
720
|
-
className: "
|
|
893
|
+
className: "fb-sr-only"
|
|
721
894
|
}, "Navigation controls"), showMenu && /* @__PURE__ */ _storybook_global_react_default.createElement(Button, {
|
|
722
895
|
className: MobileNavigation_module_default.bottomBarButton,
|
|
723
896
|
padding: "small",
|
|
@@ -728,7 +901,7 @@ function init_MobileNavigation() {
|
|
|
728
901
|
"aria-controls": isMobileMenuOpen ? "storybook-mobile-menu" : void 0,
|
|
729
902
|
shortcut: navShortcut
|
|
730
903
|
}, /* @__PURE__ */ _storybook_global_react_default.createElement(MenuIcon, null), /* @__PURE__ */ _storybook_global_react_default.createElement("p", { className: MobileNavigation_module_default.text }, fullStoryName)), /* @__PURE__ */ _storybook_global_react_default.createElement("span", {
|
|
731
|
-
className: "
|
|
904
|
+
className: "fb-sr-only",
|
|
732
905
|
"aria-current": "page"
|
|
733
906
|
}, "Current page: ", fullStoryAriaLabel), showPanel && /* @__PURE__ */ _storybook_global_react_default.createElement(Button, {
|
|
734
907
|
className: MobileNavigation_module_default.bottomBarButton,
|
|
@@ -738,7 +911,7 @@ function init_MobileNavigation() {
|
|
|
738
911
|
ariaLabel: "Open addon panel",
|
|
739
912
|
"aria-expanded": isMobilePanelOpen,
|
|
740
913
|
"aria-controls": isMobilePanelOpen ? "storybook-mobile-addon-panel" : void 0
|
|
741
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
914
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(Rows2Icon, null)));
|
|
742
915
|
};
|
|
743
916
|
MobileNavigation = ({ menu, panel, showMenu = true, showPanel, className, ...props }) => {
|
|
744
917
|
const { isMobilePanelOpen, setMobilePanelOpen } = useLayout();
|
|
@@ -781,22 +954,19 @@ function init_MobileNavigation() {
|
|
|
781
954
|
}
|
|
782
955
|
//#endregion
|
|
783
956
|
//#region src/manager/components/layout/MainAreaContainer.module.css
|
|
784
|
-
var id$
|
|
957
|
+
var id$47, MainAreaContainer_module_default;
|
|
785
958
|
function init_MainAreaContainer_module() {
|
|
786
959
|
return (init_MainAreaContainer_module = __esmMin((() => {
|
|
787
|
-
id$
|
|
788
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
960
|
+
id$47 = "core/src/manager/components/layout/MainAreaContainer.module.css";
|
|
961
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$47}"]`)) {
|
|
789
962
|
const style = document.createElement("style");
|
|
790
|
-
style.setAttribute("data-
|
|
791
|
-
style.textContent = ".
|
|
963
|
+
style.setAttribute("data-fb-css", id$47);
|
|
964
|
+
style.textContent = ".fb-3Yi2-W-pages{z-index:1;flex-direction:column;flex:1;min-height:0;display:flex;@media (width>=600px){grid-area:sidebar-start/sidebar-end/-1/-1}}.fb-3Yi2-W-main{flex:1;display:none;position:relative;overflow:auto;&[data-shown]{display:grid}@media (width>=600px){flex:auto;grid-area:content}}";
|
|
792
965
|
document.head.appendChild(style);
|
|
793
966
|
}
|
|
794
967
|
MainAreaContainer_module_default = {
|
|
795
|
-
"pages": "
|
|
796
|
-
"
|
|
797
|
-
"sidebar-end": "sb-3Yi2-W-sidebar-end",
|
|
798
|
-
"main": "sb-3Yi2-W-main",
|
|
799
|
-
"content": "sb-3Yi2-W-content"
|
|
968
|
+
"pages": "fb-3Yi2-W-pages",
|
|
969
|
+
"main": "fb-3Yi2-W-main"
|
|
800
970
|
};
|
|
801
971
|
})))();
|
|
802
972
|
}
|
|
@@ -823,7 +993,7 @@ function init_MainAreaContainer() {
|
|
|
823
993
|
...landmarkProps
|
|
824
994
|
}, /* @__PURE__ */ _storybook_global_react_default.createElement("h2", {
|
|
825
995
|
id: "main-content-heading",
|
|
826
|
-
className: "
|
|
996
|
+
className: "fb-sr-only"
|
|
827
997
|
}, "Main content"), children);
|
|
828
998
|
});
|
|
829
999
|
MainAreaContainer = _storybook_global_react_default.memo(function MainAreaContainer({ showPages, slotMain, slotPages }) {
|
|
@@ -839,17 +1009,17 @@ function init_MainAreaContainer() {
|
|
|
839
1009
|
}
|
|
840
1010
|
//#endregion
|
|
841
1011
|
//#region src/manager/components/layout/Drag.module.css
|
|
842
|
-
var id$
|
|
1012
|
+
var id$46, Drag_module_default;
|
|
843
1013
|
function init_Drag_module() {
|
|
844
1014
|
return (init_Drag_module = __esmMin((() => {
|
|
845
|
-
id$
|
|
846
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
1015
|
+
id$46 = "core/src/manager/components/layout/Drag.module.css";
|
|
1016
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$46}"]`)) {
|
|
847
1017
|
const style = document.createElement("style");
|
|
848
|
-
style.setAttribute("data-
|
|
849
|
-
style.textContent = ".
|
|
1018
|
+
style.setAttribute("data-fb-css", id$46);
|
|
1019
|
+
style.textContent = ".fb-RQtOLq-drag{opacity:0;z-index:100;transition:opacity .2s ease-in-out;position:absolute;&:after{content:\"\";background-color:var(--fb-color-secondary);display:block}&:hover{opacity:1}}.fb-RQtOLq-drag:where([aria-orientation=vertical]){width:7px;height:100%;top:0;&:where([data-overlapping][data-position=left]){width:10px}&:where([data-overlapping][data-position=right]){width:13px}&:where([data-position=left]){right:-7px}&:where([data-position=right]){left:-7px}&:after{width:1px;height:100%;margin-left:3px}&:where([data-position=right]):after{margin-left:6px}&:hover{cursor:col-resize}}.fb-RQtOLq-drag:where([aria-orientation=horizontal]){width:100%;height:7px;left:0;&:where([data-overlapping]){height:13px}&:where([data-position=bottom]){top:-7px}&:where([data-position=top]){bottom:-7px}&:after{width:100%;height:1px;margin-top:6px}&:hover{cursor:row-resize}}.fb-RQtOLq-drag:focus-visible{opacity:1;box-shadow:inset 0 0 0 4px var(--fb-color-secondary);outline:2px solid #0000;&[aria-orientation=vertical]{width:7px}&[aria-orientation=horizontal]{height:7px}@media (forced-colors:active){outline:2px solid highlight}}";
|
|
850
1020
|
document.head.appendChild(style);
|
|
851
1021
|
}
|
|
852
|
-
Drag_module_default = { "drag": "
|
|
1022
|
+
Drag_module_default = { "drag": "fb-RQtOLq-drag" };
|
|
853
1023
|
})))();
|
|
854
1024
|
}
|
|
855
1025
|
//#endregion
|
|
@@ -894,20 +1064,19 @@ function init_Drag() {
|
|
|
894
1064
|
}
|
|
895
1065
|
//#endregion
|
|
896
1066
|
//#region src/manager/components/layout/PanelContainer.module.css
|
|
897
|
-
var id$
|
|
1067
|
+
var id$45, PanelContainer_module_default;
|
|
898
1068
|
function init_PanelContainer_module() {
|
|
899
1069
|
return (init_PanelContainer_module = __esmMin((() => {
|
|
900
|
-
id$
|
|
901
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
1070
|
+
id$45 = "core/src/manager/components/layout/PanelContainer.module.css";
|
|
1071
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$45}"]`)) {
|
|
902
1072
|
const style = document.createElement("style");
|
|
903
|
-
style.setAttribute("data-
|
|
904
|
-
style.textContent = ".
|
|
1073
|
+
style.setAttribute("data-fb-css", id$45);
|
|
1074
|
+
style.textContent = ".fb-FYvnTq-container{grid-area:panel;position:relative;&[data-position=bottom]{border-top:1px solid var(--fb-app-border-color)}&[data-position=right]{border-left:1px solid var(--fb-app-border-color)}}.fb-FYvnTq-slot{height:100%}";
|
|
905
1075
|
document.head.appendChild(style);
|
|
906
1076
|
}
|
|
907
1077
|
PanelContainer_module_default = {
|
|
908
|
-
"container": "
|
|
909
|
-
"
|
|
910
|
-
"slot": "sb-FYvnTq-slot"
|
|
1078
|
+
"container": "fb-FYvnTq-container",
|
|
1079
|
+
"slot": "fb-FYvnTq-slot"
|
|
911
1080
|
};
|
|
912
1081
|
})))();
|
|
913
1082
|
}
|
|
@@ -942,20 +1111,19 @@ function init_PanelContainer() {
|
|
|
942
1111
|
}
|
|
943
1112
|
//#endregion
|
|
944
1113
|
//#region src/manager/components/layout/SidebarContainer.module.css
|
|
945
|
-
var id$
|
|
1114
|
+
var id$44, SidebarContainer_module_default;
|
|
946
1115
|
function init_SidebarContainer_module() {
|
|
947
1116
|
return (init_SidebarContainer_module = __esmMin((() => {
|
|
948
|
-
id$
|
|
949
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
1117
|
+
id$44 = "core/src/manager/components/layout/SidebarContainer.module.css";
|
|
1118
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$44}"]`)) {
|
|
950
1119
|
const style = document.createElement("style");
|
|
951
|
-
style.setAttribute("data-
|
|
952
|
-
style.textContent = ".
|
|
1120
|
+
style.setAttribute("data-fb-css", id$44);
|
|
1121
|
+
style.textContent = ".fb-OHv1hW-container{border-right:1px solid var(--fb-app-border-color);grid-area:sidebar;position:relative}.fb-OHv1hW-slot{height:100%}";
|
|
953
1122
|
document.head.appendChild(style);
|
|
954
1123
|
}
|
|
955
1124
|
SidebarContainer_module_default = {
|
|
956
|
-
"
|
|
957
|
-
"
|
|
958
|
-
"slot": "sb-OHv1hW-slot"
|
|
1125
|
+
"container": "fb-OHv1hW-container",
|
|
1126
|
+
"slot": "fb-OHv1hW-slot"
|
|
959
1127
|
};
|
|
960
1128
|
})))();
|
|
961
1129
|
}
|
|
@@ -1200,7 +1368,7 @@ function findActiveLandmarkElement() {
|
|
|
1200
1368
|
let currentElement = document.activeElement;
|
|
1201
1369
|
let landmarkElement = null;
|
|
1202
1370
|
while (currentElement) {
|
|
1203
|
-
if (currentElement instanceof HTMLElement && currentElement.hasAttribute("data-
|
|
1371
|
+
if (currentElement instanceof HTMLElement && currentElement.hasAttribute("data-fb-landmark")) {
|
|
1204
1372
|
landmarkElement = currentElement;
|
|
1205
1373
|
break;
|
|
1206
1374
|
}
|
|
@@ -1255,22 +1423,21 @@ function init_useLandmarkIndicator() {
|
|
|
1255
1423
|
}
|
|
1256
1424
|
//#endregion
|
|
1257
1425
|
//#region src/manager/components/layout/Layout.module.css
|
|
1258
|
-
var id$
|
|
1426
|
+
var id$43, Layout_module_default;
|
|
1259
1427
|
function init_Layout_module() {
|
|
1260
1428
|
return (init_Layout_module = __esmMin((() => {
|
|
1261
|
-
id$
|
|
1262
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
1429
|
+
id$43 = "core/src/manager/components/layout/Layout.module.css";
|
|
1430
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$43}"]`)) {
|
|
1263
1431
|
const style = document.createElement("style");
|
|
1264
|
-
style.setAttribute("data-
|
|
1265
|
-
style.textContent = ".
|
|
1432
|
+
style.setAttribute("data-fb-css", id$43);
|
|
1433
|
+
style.textContent = ".fb-Ss6d0q-layout{color-scheme:light dark;flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden;@media (width>=600px){grid-template-columns:var(--grid-template-columns);grid-template-rows:1fr minmax(0, var(--bottom-panel-height));grid-template-areas:var(--grid-template-areas);gap:0;display:grid}}.fb-Ss6d0q-mobileNavigation{order:1}.fb-Ss6d0q-contentOverlayCell{pointer-events:none;z-index:2;position:absolute;inset:0;@media (width>=600px){grid-area:content;position:relative;inset:auto}}.fb-Ss6d0q-dragShield{z-index:10;position:fixed;inset:0}";
|
|
1266
1434
|
document.head.appendChild(style);
|
|
1267
1435
|
}
|
|
1268
1436
|
Layout_module_default = {
|
|
1269
|
-
"
|
|
1270
|
-
"
|
|
1271
|
-
"
|
|
1272
|
-
"
|
|
1273
|
-
"dragShield": "sb-Ss6d0q-dragShield"
|
|
1437
|
+
"layout": "fb-Ss6d0q-layout",
|
|
1438
|
+
"dragShield": "fb-Ss6d0q-dragShield",
|
|
1439
|
+
"contentOverlayCell": "fb-Ss6d0q-contentOverlayCell",
|
|
1440
|
+
"mobileNavigation": "fb-Ss6d0q-mobileNavigation"
|
|
1274
1441
|
};
|
|
1275
1442
|
})))();
|
|
1276
1443
|
}
|
|
@@ -1513,23 +1680,23 @@ function init_CopyButton() {
|
|
|
1513
1680
|
}
|
|
1514
1681
|
//#endregion
|
|
1515
1682
|
//#region src/manager/components/review/components/AttentionBanner.module.css
|
|
1516
|
-
var id$
|
|
1683
|
+
var id$42, AttentionBanner_module_default;
|
|
1517
1684
|
function init_AttentionBanner_module() {
|
|
1518
1685
|
return (init_AttentionBanner_module = __esmMin((() => {
|
|
1519
|
-
id$
|
|
1520
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
1686
|
+
id$42 = "core/src/manager/components/review/components/AttentionBanner.module.css";
|
|
1687
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$42}"]`)) {
|
|
1521
1688
|
const style = document.createElement("style");
|
|
1522
|
-
style.setAttribute("data-
|
|
1523
|
-
style.textContent = ".
|
|
1689
|
+
style.setAttribute("data-fb-css", id$42);
|
|
1690
|
+
style.textContent = ".fb-sFw6JG-region{flex-shrink:0}.fb-sFw6JG-bar{background:var(--fb-background-hoverable);color:var(--fb-color-default-text);border-bottom:1px solid var(--fb-app-border-color);font-size:var(--fb-size-s2);flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:4px 16px;display:flex}.fb-sFw6JG-popoverContent{box-sizing:border-box;width:280px;padding:15px}.fb-sFw6JG-title{font-weight:var(--fb-weight-bold)}.fb-sFw6JG-message{color:var(--fb-color-default-text);flex-direction:column;align-items:flex-start;gap:8px;line-height:18px;display:flex}.fb-sFw6JG-prompt{font-family:var(--fb-font-mono);font-size:calc(var(--fb-size-s1) - 1px);background:var(--fb-background-app);box-shadow:inset 0 0 0 1px var(--fb-app-border-color);border-radius:var(--fb-app-border-radius);margin:0;padding:6px 10px}";
|
|
1524
1691
|
document.head.appendChild(style);
|
|
1525
1692
|
}
|
|
1526
1693
|
AttentionBanner_module_default = {
|
|
1527
|
-
"
|
|
1528
|
-
"
|
|
1529
|
-
"
|
|
1530
|
-
"bar": "
|
|
1531
|
-
"
|
|
1532
|
-
"
|
|
1694
|
+
"title": "fb-sFw6JG-title",
|
|
1695
|
+
"message": "fb-sFw6JG-message",
|
|
1696
|
+
"prompt": "fb-sFw6JG-prompt",
|
|
1697
|
+
"bar": "fb-sFw6JG-bar",
|
|
1698
|
+
"popoverContent": "fb-sFw6JG-popoverContent",
|
|
1699
|
+
"region": "fb-sFw6JG-region"
|
|
1533
1700
|
};
|
|
1534
1701
|
})))();
|
|
1535
1702
|
}
|
|
@@ -1540,7 +1707,7 @@ function init_AttentionBanner() {
|
|
|
1540
1707
|
return (init_AttentionBanner = __esmMin((() => {
|
|
1541
1708
|
init__storybook_global_react();
|
|
1542
1709
|
init_components();
|
|
1543
|
-
|
|
1710
|
+
init__storybook_global_lucide_react();
|
|
1544
1711
|
init_useLandmark();
|
|
1545
1712
|
init_CopyButton();
|
|
1546
1713
|
init_AttentionBanner_module();
|
|
@@ -1864,34 +2031,34 @@ function init_usePreviewThumbnail() {
|
|
|
1864
2031
|
}
|
|
1865
2032
|
//#endregion
|
|
1866
2033
|
//#region src/manager/components/review/components/CollectionGrid.module.css
|
|
1867
|
-
var id$
|
|
2034
|
+
var id$41, CollectionGrid_module_default;
|
|
1868
2035
|
function init_CollectionGrid_module() {
|
|
1869
2036
|
return (init_CollectionGrid_module = __esmMin((() => {
|
|
1870
|
-
id$
|
|
1871
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
2037
|
+
id$41 = "core/src/manager/components/review/components/CollectionGrid.module.css";
|
|
2038
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$41}"]`)) {
|
|
1872
2039
|
const style = document.createElement("style");
|
|
1873
|
-
style.setAttribute("data-
|
|
1874
|
-
style.textContent = ".
|
|
2040
|
+
style.setAttribute("data-fb-css", id$41);
|
|
2041
|
+
style.textContent = ".fb-tDhv6a-gridContainer{container:fb-tDhv6a-review-grid/inline-size}.fb-tDhv6a-grid{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px;padding:12px;display:grid;@container fb-tDhv6a-review-grid (width<=629.98px){grid-template-columns:repeat(1,minmax(0,1fr));&:not([data-show-all]):has(>[data-cell]:nth-child(3)){&>[data-cell]:nth-child(n+2){display:none}&>[data-review-all]{display:flex}}}@container fb-tDhv6a-review-grid (width>=630px) and (width<=844.98px){grid-template-columns:repeat(2,minmax(0,1fr));&:not([data-show-all]):has(>[data-cell]:nth-child(5)){&>[data-cell]:nth-child(n+4){display:none}&>[data-review-all]{display:flex}}}@container fb-tDhv6a-review-grid (width>=845px) and (width<=1259.98px){grid-template-columns:repeat(3,minmax(0,1fr));&:not([data-show-all]):has(>[data-cell]:nth-child(7)){&>[data-cell]:nth-child(n+6){display:none}&>[data-review-all]{display:flex}}}@container fb-tDhv6a-review-grid (width>=1260px){grid-template-columns:repeat(4,minmax(0,1fr));&:not([data-show-all]):has(>[data-cell]:nth-child(9)){&>[data-cell]:nth-child(n+8){display:none}&>[data-review-all]{display:flex}}}}.fb-tDhv6a-cell{flex-direction:column;min-width:0;display:flex;overflow:hidden}.fb-tDhv6a-frameShell{aspect-ratio:3/2;width:100%;min-width:0;max-width:100%;position:relative}.fb-tDhv6a-frame{--content-w:300;--fit-w:calc(100cqw / (var(--content-w) * 1px));--fit:min(1, var(--fit-w));--scale:max(.5, min(1, round(down, var(--fit), .25)));--vp-scale:calc(100cqw / (var(--vp-w) * 1px));box-sizing:border-box;background:var(--fb-background-app);border:1px solid var(--fb-app-border-color);border-radius:6px;outline:none;text-decoration:none;transition:border-color .12s;display:block;position:absolute;inset:0;overflow:hidden;container:fb-tDhv6a-preview-frame/inline-size;& [data-preview-scale]{transform-origin:0 0;position:absolute;top:0;left:0}&[data-viewport-fill] [data-preview-scale]{width:calc(var(--vp-w) * 1px);height:calc(var(--vp-h) * 1px);transform:scale(var(--vp-scale))}&:not([data-viewport-fill]) [data-preview-scale]{width:calc(100% / var(--scale));height:calc(100% / var(--scale));transform:scale(var(--scale))}&[href]:hover{border-color:var(--fb-color-secondary)}&:focus-visible{outline:var(--fb-bar-selected-color) solid 2px;outline-offset:-2px}}.fb-tDhv6a-preview{background:var(--fb-background-preview);pointer-events:none;border:0;width:100%;height:100%;display:block}.fb-tDhv6a-previewLoading{z-index:1;background:var(--fb-background-app);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.fb-tDhv6a-actionBar{justify-content:space-between;align-items:center;gap:8px;min-height:36px;margin-top:auto;display:flex}.fb-tDhv6a-label{flex:1;align-items:center;gap:4px;min-width:0;margin-left:10px;display:flex;overflow:hidden;&>[data-status]{flex-shrink:0}}.fb-tDhv6a-labelComponent{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:60%;font-weight:700;overflow:hidden}.fb-tDhv6a-labelSeparator{color:var(--fb-text-muted-color);flex-shrink:0}.fb-tDhv6a-labelStory{white-space:nowrap;text-overflow:ellipsis;margin-right:4px;overflow:hidden}.fb-tDhv6a-reviewAllCell{display:none}.fb-tDhv6a-reviewAllShell{aspect-ratio:3/2;width:100%;min-width:0;max-width:100%;min-height:50px}.fb-tDhv6a-reviewAllFrame{box-sizing:border-box;background:var(--fb-background-app);border:1px dashed var(--fb-app-border-color);border-radius:6px;place-items:center;width:100%;height:100%;display:grid}";
|
|
1875
2042
|
document.head.appendChild(style);
|
|
1876
2043
|
}
|
|
1877
2044
|
CollectionGrid_module_default = {
|
|
1878
|
-
"
|
|
1879
|
-
"
|
|
1880
|
-
"
|
|
1881
|
-
"
|
|
1882
|
-
"
|
|
1883
|
-
"
|
|
1884
|
-
"
|
|
1885
|
-
"
|
|
1886
|
-
"
|
|
1887
|
-
"
|
|
1888
|
-
"
|
|
1889
|
-
"
|
|
1890
|
-
"previewLoading": "
|
|
1891
|
-
"preview-frame": "
|
|
1892
|
-
"
|
|
1893
|
-
"
|
|
1894
|
-
"
|
|
2045
|
+
"cell": "fb-tDhv6a-cell",
|
|
2046
|
+
"actionBar": "fb-tDhv6a-actionBar",
|
|
2047
|
+
"labelComponent": "fb-tDhv6a-labelComponent",
|
|
2048
|
+
"frame": "fb-tDhv6a-frame",
|
|
2049
|
+
"labelSeparator": "fb-tDhv6a-labelSeparator",
|
|
2050
|
+
"reviewAllFrame": "fb-tDhv6a-reviewAllFrame",
|
|
2051
|
+
"review-grid": "fb-tDhv6a-review-grid",
|
|
2052
|
+
"reviewAllShell": "fb-tDhv6a-reviewAllShell",
|
|
2053
|
+
"preview": "fb-tDhv6a-preview",
|
|
2054
|
+
"reviewAllCell": "fb-tDhv6a-reviewAllCell",
|
|
2055
|
+
"gridContainer": "fb-tDhv6a-gridContainer",
|
|
2056
|
+
"frameShell": "fb-tDhv6a-frameShell",
|
|
2057
|
+
"previewLoading": "fb-tDhv6a-previewLoading",
|
|
2058
|
+
"preview-frame": "fb-tDhv6a-preview-frame",
|
|
2059
|
+
"label": "fb-tDhv6a-label",
|
|
2060
|
+
"labelStory": "fb-tDhv6a-labelStory",
|
|
2061
|
+
"grid": "fb-tDhv6a-grid"
|
|
1895
2062
|
};
|
|
1896
2063
|
})))();
|
|
1897
2064
|
}
|
|
@@ -2036,27 +2203,27 @@ function init_Markdown() {
|
|
|
2036
2203
|
}
|
|
2037
2204
|
//#endregion
|
|
2038
2205
|
//#region src/manager/components/review/components/ReviewHeader.module.css
|
|
2039
|
-
var id$
|
|
2206
|
+
var id$40, ReviewHeader_module_default;
|
|
2040
2207
|
function init_ReviewHeader_module() {
|
|
2041
2208
|
return (init_ReviewHeader_module = __esmMin((() => {
|
|
2042
|
-
id$
|
|
2043
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
2209
|
+
id$40 = "core/src/manager/components/review/components/ReviewHeader.module.css";
|
|
2210
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$40}"]`)) {
|
|
2044
2211
|
const style = document.createElement("style");
|
|
2045
|
-
style.setAttribute("data-
|
|
2046
|
-
style.textContent = ".
|
|
2212
|
+
style.setAttribute("data-fb-css", id$40);
|
|
2213
|
+
style.textContent = ".fb-hay9xa-root{background:var(--fb-background-content);width:100%;color:var(--fb-color-default-text);border-bottom:1px solid var(--fb-app-border-color);flex-direction:column;flex-shrink:0;display:flex;container:fb-hay9xa-review-header/inline-size;&[data-variant=toolbar]{background:var(--fb-bar-bg);border-bottom:none}}.fb-hay9xa-topRow{flex-flow:wrap;align-items:center;gap:8px;min-height:40px;padding:16px;display:flex;&[data-variant=toolbar]{padding:16px 16px 8px}}.fb-hay9xa-main{flex-direction:row;flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.fb-hay9xa-leading{flex-shrink:0;align-self:flex-start;align-items:center;display:flex}.fb-hay9xa-textBlock{flex-direction:column;flex-grow:1;min-width:0;display:flex}.fb-hay9xa-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fb-size-m1);font-weight:var(--fb-weight-bold);margin:2px 0;line-height:24px;overflow:hidden}.fb-hay9xa-subtitle{color:var(--fb-text-muted-color);font-size:var(--fb-size-s2);flex-wrap:wrap;align-items:center;gap:8px;line-height:20px;display:flex}.fb-hay9xa-actions{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:6px;margin-left:auto;display:flex}.fb-hay9xa-secondRow{align-items:center;gap:8px;min-height:39px;padding:0 16px 2px;display:flex}";
|
|
2047
2214
|
document.head.appendChild(style);
|
|
2048
2215
|
}
|
|
2049
2216
|
ReviewHeader_module_default = {
|
|
2050
|
-
"
|
|
2051
|
-
"
|
|
2052
|
-
"
|
|
2053
|
-
"
|
|
2054
|
-
"
|
|
2055
|
-
"secondRow": "
|
|
2056
|
-
"
|
|
2057
|
-
"
|
|
2058
|
-
"
|
|
2059
|
-
"
|
|
2217
|
+
"review-header": "fb-hay9xa-review-header",
|
|
2218
|
+
"root": "fb-hay9xa-root",
|
|
2219
|
+
"topRow": "fb-hay9xa-topRow",
|
|
2220
|
+
"textBlock": "fb-hay9xa-textBlock",
|
|
2221
|
+
"subtitle": "fb-hay9xa-subtitle",
|
|
2222
|
+
"secondRow": "fb-hay9xa-secondRow",
|
|
2223
|
+
"main": "fb-hay9xa-main",
|
|
2224
|
+
"title": "fb-hay9xa-title",
|
|
2225
|
+
"actions": "fb-hay9xa-actions",
|
|
2226
|
+
"leading": "fb-hay9xa-leading"
|
|
2060
2227
|
};
|
|
2061
2228
|
})))();
|
|
2062
2229
|
}
|
|
@@ -2092,23 +2259,31 @@ function init_ReviewHeader() {
|
|
|
2092
2259
|
}
|
|
2093
2260
|
//#endregion
|
|
2094
2261
|
//#region src/manager/components/review/review-navigation.ts
|
|
2095
|
-
var prettifyComponentId, buildReviewChangesSummaryHref, buildSummaryBackHref, REVIEW_SUMMARY_BACK_ATTR, buildReviewStoryTarget, buildReviewStoryHref, parseReviewStoryHref, isReviewReturnSearch, parseStoryIdFromPath, parseCollectionIndex, resolveActiveNavEntry, resolveNavIndex;
|
|
2262
|
+
var prettifyComponentId, toRelativeHref, buildReviewChangesSummaryHref, buildSummaryBackHref, REVIEW_SUMMARY_BACK_ATTR, buildReviewStoryTarget, buildReviewStoryHref, parseManagerLocation, parseReviewStoryHref, isReviewReturnSearch, parseStoryIdFromPath, parseCollectionIndex, resolveActiveNavEntry, resolveNavIndex;
|
|
2096
2263
|
function init_review_navigation() {
|
|
2097
2264
|
return (init_review_navigation = __esmMin((() => {
|
|
2265
|
+
init_router();
|
|
2098
2266
|
init_routes();
|
|
2099
2267
|
init_constants();
|
|
2100
2268
|
prettifyComponentId = (componentId) => componentId.split(/[-/]/).filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
|
|
2101
|
-
|
|
2102
|
-
|
|
2269
|
+
toRelativeHref = (urlPath) => `.${urlPath}`;
|
|
2270
|
+
buildReviewChangesSummaryHref = () => toRelativeHref(REVIEW_CHANGES_URL);
|
|
2271
|
+
buildSummaryBackHref = (returnSearch) => returnSearch ? toRelativeHref(returnSearch) : "./";
|
|
2103
2272
|
REVIEW_SUMMARY_BACK_ATTR = "data-review-summary-back";
|
|
2104
2273
|
buildReviewStoryTarget = (entry) => `/story/${entry.storyId}&${REVIEW_COLLECTION_QUERY_PARAM}=${entry.collectionIndex}`;
|
|
2105
|
-
buildReviewStoryHref = (entry) =>
|
|
2274
|
+
buildReviewStoryHref = (entry) => toRelativeHref(toRouterUrl(buildReviewStoryTarget(entry)));
|
|
2275
|
+
parseManagerLocation = (location) => {
|
|
2276
|
+
const url = new URL(location.replace(/^\./, ""), "http://forkbook.local");
|
|
2277
|
+
const params = url.searchParams;
|
|
2278
|
+
return {
|
|
2279
|
+
path: params.get("path") ?? fromUrlPath(url.pathname),
|
|
2280
|
+
params
|
|
2281
|
+
};
|
|
2282
|
+
};
|
|
2106
2283
|
parseReviewStoryHref = (href) => {
|
|
2107
|
-
if (!href.startsWith("
|
|
2108
|
-
const
|
|
2109
|
-
|
|
2110
|
-
const path = params.get("path");
|
|
2111
|
-
if (!path?.startsWith("/story/")) return null;
|
|
2284
|
+
if (!href.startsWith("./")) return null;
|
|
2285
|
+
const { path, params } = parseManagerLocation(href);
|
|
2286
|
+
if (!path.startsWith("/story/")) return null;
|
|
2112
2287
|
const storyId = path.slice(7);
|
|
2113
2288
|
const collectionIndex = parseCollectionIndex(params.get("collection") ?? void 0);
|
|
2114
2289
|
if (!storyId || collectionIndex === void 0) return null;
|
|
@@ -2118,9 +2293,7 @@ function init_review_navigation() {
|
|
|
2118
2293
|
};
|
|
2119
2294
|
};
|
|
2120
2295
|
isReviewReturnSearch = (search) => {
|
|
2121
|
-
const
|
|
2122
|
-
const params = new URLSearchParams(normalized);
|
|
2123
|
-
const path = params.get("path") ?? "";
|
|
2296
|
+
const { path, params } = parseManagerLocation(search);
|
|
2124
2297
|
if (isReviewSummaryPath(path) || path.startsWith("/review/")) return true;
|
|
2125
2298
|
return path.startsWith("/story/") && params.has("collection");
|
|
2126
2299
|
};
|
|
@@ -2147,33 +2320,33 @@ function init_review_navigation() {
|
|
|
2147
2320
|
}
|
|
2148
2321
|
//#endregion
|
|
2149
2322
|
//#region src/manager/components/review/screens/SummaryScreen.module.css
|
|
2150
|
-
var id$
|
|
2323
|
+
var id$39, SummaryScreen_module_default;
|
|
2151
2324
|
function init_SummaryScreen_module() {
|
|
2152
2325
|
return (init_SummaryScreen_module = __esmMin((() => {
|
|
2153
|
-
id$
|
|
2154
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
2326
|
+
id$39 = "core/src/manager/components/review/screens/SummaryScreen.module.css";
|
|
2327
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$39}"]`)) {
|
|
2155
2328
|
const style = document.createElement("style");
|
|
2156
|
-
style.setAttribute("data-
|
|
2157
|
-
style.textContent = ".
|
|
2329
|
+
style.setAttribute("data-fb-css", id$39);
|
|
2330
|
+
style.textContent = ".fb-uES55a-markdownWrapper{color:var(--fb-color-default-text);& p{margin:0}& p+p{margin-top:10px}& code{color:inherit;vertical-align:text-bottom;box-shadow:inset 0 0 0 1px var(--fb-app-border-color);border-radius:var(--fb-app-border-radius);background:0 0;border:none;margin:0;padding:0 4px;font-size:.85em}}.fb-uES55a-page{background:var(--fb-background-app);height:100dvh;min-height:0;color:var(--fb-color-default-text);font-family:var(--fb-font-base);font-size:var(--fb-size-s2);flex-direction:column;display:flex;overflow:hidden}.fb-uES55a-empty{height:100dvh;color:var(--fb-color-default-text);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;&>div{align-items:center;gap:8px;display:flex}}.fb-uES55a-listScroll{flex:1;min-height:0}.fb-uES55a-main{flex-direction:column;gap:12px;padding:12px;display:flex;&>*{flex-shrink:0}}.fb-uES55a-summaryCard{align-items:flex-start;gap:10px;padding:9px 12px;display:flex;& svg{flex-shrink:0;margin-top:4px}}.fb-uES55a-summaryContent{flex:1;min-width:0;&>p:first-of-type{display:inline}& .fb-uES55a-summaryHeading{font-size:inherit;font-weight:var(--fb-weight-bold);line-height:inherit;color:inherit;border:none;margin:0;padding:0;display:inline}}.fb-uES55a-cardHead{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:6px 10px 6px 12px;display:flex}.fb-uES55a-cardTitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:inherit;font-weight:var(--fb-weight-bold);color:var(--fb-color-default-text);margin:0;line-height:20px;overflow:hidden}.fb-uES55a-cardControls{flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;display:flex}.fb-uES55a-cardCount{min-width:28px;font-family:var(--fb-font-mono);font-size:calc(var(--fb-size-s2) - 1px);text-align:center;color:var(--fb-text-muted-color);line-height:20px}.fb-uES55a-toggleChevronIcon{transition:transform .16s}.fb-uES55a-cardRationale{color:var(--fb-text-muted-color);margin:0 12px}.fb-uES55a-footer{color:var(--fb-text-muted-color);font-size:var(--fb-size-s2);text-align:center;text-wrap:balance;padding:10px 22px 42px}.fb-uES55a-emptyMessage{color:var(--fb-text-muted-color);font-size:var(--fb-size-s2);text-align:center;text-wrap:balance;margin:0;padding:10px 10px 30px}";
|
|
2158
2331
|
document.head.appendChild(style);
|
|
2159
2332
|
}
|
|
2160
2333
|
SummaryScreen_module_default = {
|
|
2161
|
-
"cardRationale": "
|
|
2162
|
-
"
|
|
2163
|
-
"
|
|
2164
|
-
"
|
|
2165
|
-
"cardCount": "
|
|
2166
|
-
"
|
|
2167
|
-
"
|
|
2168
|
-
"
|
|
2169
|
-
"
|
|
2170
|
-
"
|
|
2171
|
-
"
|
|
2172
|
-
"
|
|
2173
|
-
"
|
|
2174
|
-
"
|
|
2175
|
-
"
|
|
2176
|
-
"summaryContent": "
|
|
2334
|
+
"cardRationale": "fb-uES55a-cardRationale",
|
|
2335
|
+
"summaryCard": "fb-uES55a-summaryCard",
|
|
2336
|
+
"cardHead": "fb-uES55a-cardHead",
|
|
2337
|
+
"footer": "fb-uES55a-footer",
|
|
2338
|
+
"cardCount": "fb-uES55a-cardCount",
|
|
2339
|
+
"summaryHeading": "fb-uES55a-summaryHeading",
|
|
2340
|
+
"page": "fb-uES55a-page",
|
|
2341
|
+
"listScroll": "fb-uES55a-listScroll",
|
|
2342
|
+
"markdownWrapper": "fb-uES55a-markdownWrapper",
|
|
2343
|
+
"empty": "fb-uES55a-empty",
|
|
2344
|
+
"cardControls": "fb-uES55a-cardControls",
|
|
2345
|
+
"emptyMessage": "fb-uES55a-emptyMessage",
|
|
2346
|
+
"toggleChevronIcon": "fb-uES55a-toggleChevronIcon",
|
|
2347
|
+
"cardTitle": "fb-uES55a-cardTitle",
|
|
2348
|
+
"main": "fb-uES55a-main",
|
|
2349
|
+
"summaryContent": "fb-uES55a-summaryContent"
|
|
2177
2350
|
};
|
|
2178
2351
|
})))();
|
|
2179
2352
|
}
|
|
@@ -2185,7 +2358,7 @@ function init_SummaryScreen() {
|
|
|
2185
2358
|
init__storybook_global_react();
|
|
2186
2359
|
init_components();
|
|
2187
2360
|
init_clsx();
|
|
2188
|
-
|
|
2361
|
+
init__storybook_global_lucide_react();
|
|
2189
2362
|
init_useLandmark();
|
|
2190
2363
|
init_AttentionBanner();
|
|
2191
2364
|
init_CollectionGrid();
|
|
@@ -2279,7 +2452,7 @@ function init_SummaryScreen() {
|
|
|
2279
2452
|
padding: "small",
|
|
2280
2453
|
onClick: onDismiss,
|
|
2281
2454
|
ariaLabel: "Close review screen"
|
|
2282
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
2455
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(XIcon, null), "Close")));
|
|
2283
2456
|
const storyCount = new Set(state.collections.flatMap((collection) => collection.storyIds)).size;
|
|
2284
2457
|
const createdAgo = state.createdAt ? formatCreatedAgo(state.createdAt, nowMs) : null;
|
|
2285
2458
|
const toggleCollection = (index) => {
|
|
@@ -2303,7 +2476,11 @@ function init_SummaryScreen() {
|
|
|
2303
2476
|
}, /* @__PURE__ */ _storybook_global_react_default.createElement("a", {
|
|
2304
2477
|
href: buildSummaryBackHref(returnSearch),
|
|
2305
2478
|
[REVIEW_SUMMARY_BACK_ATTR]: ""
|
|
2306
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
2479
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(ChevronLeftIcon, null), /* @__PURE__ */ _storybook_global_react_default.createElement(ForkbookIcon, {
|
|
2480
|
+
width: 14,
|
|
2481
|
+
height: 14,
|
|
2482
|
+
"aria-hidden": "true"
|
|
2483
|
+
}))),
|
|
2307
2484
|
title: state.title,
|
|
2308
2485
|
subtitle: /* @__PURE__ */ _storybook_global_react_default.createElement(_storybook_global_react_default.Fragment, null, /* @__PURE__ */ _storybook_global_react_default.createElement("span", null, "Showing ", pluralize(storyCount, "story", "stories"), " for quick review"), createdAgo ? /* @__PURE__ */ _storybook_global_react_default.createElement(_storybook_global_react_default.Fragment, null, /* @__PURE__ */ _storybook_global_react_default.createElement("span", null, "•"), /* @__PURE__ */ _storybook_global_react_default.createElement("span", null, createdAgo)) : null),
|
|
2309
2486
|
actions: newStoryCount > 0 ? /* @__PURE__ */ _storybook_global_react_default.createElement(ToggleButton, {
|
|
@@ -2318,7 +2495,7 @@ function init_SummaryScreen() {
|
|
|
2318
2495
|
}), /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: SummaryScreen_module_default.listScroll }, /* @__PURE__ */ _storybook_global_react_default.createElement(ScrollArea, { vertical: true }, /* @__PURE__ */ _storybook_global_react_default.createElement("main", { className: SummaryScreen_module_default.main }, /* @__PURE__ */ _storybook_global_react_default.createElement(SummaryLandmark, null, /* @__PURE__ */ _storybook_global_react_default.createElement(Card, {
|
|
2319
2496
|
className: SummaryScreen_module_default.summaryCard,
|
|
2320
2497
|
color: "agentic"
|
|
2321
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
2498
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(WandSparklesIcon, null), /* @__PURE__ */ _storybook_global_react_default.createElement(DocumentWrapper, { className: clsx(SummaryScreen_module_default.markdownWrapper, SummaryScreen_module_default.summaryContent) }, /* @__PURE__ */ _storybook_global_react_default.createElement("h2", { className: SummaryScreen_module_default.summaryHeading }, "Summary:"), " ", /* @__PURE__ */ _storybook_global_react_default.createElement(Markdown, null, state.description)))), visibleCollections.length === 0 ? /* @__PURE__ */ _storybook_global_react_default.createElement("p", { className: SummaryScreen_module_default.emptyMessage }, showNewOnly ? "No new stories found." : "No collections found.") : visibleCollections.map(({ collection, index, storyIds }) => {
|
|
2322
2499
|
const isExpanded = expandedCollections.has(index);
|
|
2323
2500
|
const titleId = `review-collection-title-${index}`;
|
|
2324
2501
|
return /* @__PURE__ */ _storybook_global_react_default.createElement(CollectionLandmark, {
|
|
@@ -2345,7 +2522,7 @@ function init_SummaryScreen() {
|
|
|
2345
2522
|
event.stopPropagation();
|
|
2346
2523
|
toggleCollection(index);
|
|
2347
2524
|
}
|
|
2348
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
2525
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(ChevronDownIcon, {
|
|
2349
2526
|
className: SummaryScreen_module_default.toggleChevronIcon,
|
|
2350
2527
|
style: { transform: `rotate(${isExpanded ? -180 : 0}deg)` }
|
|
2351
2528
|
}))))
|
|
@@ -2367,17 +2544,17 @@ function init_SummaryScreen() {
|
|
|
2367
2544
|
}
|
|
2368
2545
|
//#endregion
|
|
2369
2546
|
//#region src/manager/components/review/screens/ReviewSummaryHost.module.css
|
|
2370
|
-
var id$
|
|
2547
|
+
var id$38, ReviewSummaryHost_module_default;
|
|
2371
2548
|
function init_ReviewSummaryHost_module() {
|
|
2372
2549
|
return (init_ReviewSummaryHost_module = __esmMin((() => {
|
|
2373
|
-
id$
|
|
2374
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
2550
|
+
id$38 = "core/src/manager/components/review/screens/ReviewSummaryHost.module.css";
|
|
2551
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$38}"]`)) {
|
|
2375
2552
|
const style = document.createElement("style");
|
|
2376
|
-
style.setAttribute("data-
|
|
2377
|
-
style.textContent = ".
|
|
2553
|
+
style.setAttribute("data-fb-css", id$38);
|
|
2554
|
+
style.textContent = ".fb-f7ZH-G-summaryHost{visibility:hidden;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden;&[data-review-summary=visible]{visibility:visible;pointer-events:auto}}";
|
|
2378
2555
|
document.head.appendChild(style);
|
|
2379
2556
|
}
|
|
2380
|
-
ReviewSummaryHost_module_default = { "summaryHost": "
|
|
2557
|
+
ReviewSummaryHost_module_default = { "summaryHost": "fb-f7ZH-G-summaryHost" };
|
|
2381
2558
|
})))();
|
|
2382
2559
|
}
|
|
2383
2560
|
//#endregion
|
|
@@ -2427,7 +2604,7 @@ function init_useReviewNavigationInterceptor() {
|
|
|
2427
2604
|
init__storybook_global_react();
|
|
2428
2605
|
init_review_context();
|
|
2429
2606
|
init_review_navigation();
|
|
2430
|
-
isReviewStoryHref = (href) => href.
|
|
2607
|
+
isReviewStoryHref = (href) => href.includes(`collection=`) && parseReviewStoryHref(href) !== null;
|
|
2431
2608
|
isReviewSummaryHref = (href) => href === buildReviewChangesSummaryHref();
|
|
2432
2609
|
useReviewNavigationInterceptor = () => {
|
|
2433
2610
|
const { openSummary, openEntry, leaveReview } = useReviewContext();
|
|
@@ -2536,7 +2713,7 @@ var ReviewNotification;
|
|
|
2536
2713
|
function init_ReviewNotification() {
|
|
2537
2714
|
return (init_ReviewNotification = __esmMin((() => {
|
|
2538
2715
|
init__storybook_global_react();
|
|
2539
|
-
|
|
2716
|
+
init__storybook_global_lucide_react();
|
|
2540
2717
|
init_manager_api();
|
|
2541
2718
|
init_constants();
|
|
2542
2719
|
init_review_context();
|
|
@@ -2576,7 +2753,7 @@ function init_ReviewNotification() {
|
|
|
2576
2753
|
headline: "New review available",
|
|
2577
2754
|
subHeadline: review.title ?? "Open the curated review to spot-check your changes"
|
|
2578
2755
|
},
|
|
2579
|
-
icon: /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
2756
|
+
icon: /* @__PURE__ */ _storybook_global_react_default.createElement(WandSparklesIcon, null),
|
|
2580
2757
|
onClick: ({ onDismiss }) => {
|
|
2581
2758
|
handleNotificationClick(createdAt);
|
|
2582
2759
|
onDismiss();
|
|
@@ -2715,7 +2892,7 @@ function init_review_actions() {
|
|
|
2715
2892
|
await exitReviewMode(api, mode);
|
|
2716
2893
|
if (visitCreatedAt !== void 0) acceptReviewNotification(api, visitCreatedAt);
|
|
2717
2894
|
if (returnSearch && !isReviewReturnSearch(returnSearch)) {
|
|
2718
|
-
navigate(returnSearch
|
|
2895
|
+
navigate(returnSearch, { plain: true });
|
|
2719
2896
|
return;
|
|
2720
2897
|
}
|
|
2721
2898
|
api.selectFirstStory();
|
|
@@ -2741,7 +2918,7 @@ function init_review_actions() {
|
|
|
2741
2918
|
acceptReviewNotification(api, pending.createdAt);
|
|
2742
2919
|
sessionStore.write(AUTO_ENTERED_SESSION_KEY, autoEnteredLatchValue(pending.createdAt));
|
|
2743
2920
|
enterReviewMode(api, filters, mode);
|
|
2744
|
-
navigate(
|
|
2921
|
+
navigate(REVIEW_CHANGES_URL);
|
|
2745
2922
|
};
|
|
2746
2923
|
})))();
|
|
2747
2924
|
}
|
|
@@ -3015,11 +3192,13 @@ function init_ReviewProvider() {
|
|
|
3015
3192
|
useEffect(() => {
|
|
3016
3193
|
if (isInReviewMode) return;
|
|
3017
3194
|
if (viewMode !== "story" && viewMode !== "docs") return;
|
|
3018
|
-
|
|
3019
|
-
|
|
3195
|
+
if (!location) return;
|
|
3196
|
+
const returnLocation = `${location.pathname}${location.search}`;
|
|
3197
|
+
if (!isReviewReturnSearch(returnLocation)) sessionStore.write(PRE_REVIEW_RETURN_KEY, returnLocation);
|
|
3020
3198
|
}, [
|
|
3021
3199
|
isInReviewMode,
|
|
3022
3200
|
viewMode,
|
|
3201
|
+
location?.pathname,
|
|
3023
3202
|
location?.search
|
|
3024
3203
|
]);
|
|
3025
3204
|
const value = useMemo(() => ({
|
|
@@ -3059,19 +3238,19 @@ function init_ReviewProvider() {
|
|
|
3059
3238
|
}
|
|
3060
3239
|
//#endregion
|
|
3061
3240
|
//#region src/manager/components/panel/Panel.module.css
|
|
3062
|
-
var id$
|
|
3241
|
+
var id$37, Panel_module_default;
|
|
3063
3242
|
function init_Panel_module() {
|
|
3064
3243
|
return (init_Panel_module = __esmMin((() => {
|
|
3065
|
-
id$
|
|
3066
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
3244
|
+
id$37 = "core/src/manager/components/panel/Panel.module.css";
|
|
3245
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$37}"]`)) {
|
|
3067
3246
|
const style = document.createElement("style");
|
|
3068
|
-
style.setAttribute("data-
|
|
3069
|
-
style.textContent = ".
|
|
3247
|
+
style.setAttribute("data-fb-css", id$37);
|
|
3248
|
+
style.textContent = ".fb-iv9UAW-aside{flex-direction:column;height:100%;display:flex}.fb-iv9UAW-actions{align-items:center;gap:6px;display:flex}";
|
|
3070
3249
|
document.head.appendChild(style);
|
|
3071
3250
|
}
|
|
3072
3251
|
Panel_module_default = {
|
|
3073
|
-
"
|
|
3074
|
-
"
|
|
3252
|
+
"aside": "fb-iv9UAW-aside",
|
|
3253
|
+
"actions": "fb-iv9UAW-actions"
|
|
3075
3254
|
};
|
|
3076
3255
|
})))();
|
|
3077
3256
|
}
|
|
@@ -3085,7 +3264,7 @@ function init_Panel() {
|
|
|
3085
3264
|
return (init_Panel = __esmMin((() => {
|
|
3086
3265
|
init__storybook_global_react();
|
|
3087
3266
|
init_components();
|
|
3088
|
-
|
|
3267
|
+
init__storybook_global_lucide_react();
|
|
3089
3268
|
init_layout();
|
|
3090
3269
|
init_useLandmark();
|
|
3091
3270
|
init_LayoutProvider();
|
|
@@ -3126,10 +3305,10 @@ function init_Panel() {
|
|
|
3126
3305
|
title: "Forkbook add-ons",
|
|
3127
3306
|
description: /* @__PURE__ */ _storybook_global_react_default.createElement(_storybook_global_react_default.Fragment, null, "Integrate your tools with Forkbook to connect workflows and unlock advanced features."),
|
|
3128
3307
|
footer: /* @__PURE__ */ _storybook_global_react_default.createElement(Link$1, {
|
|
3129
|
-
href: "https://
|
|
3308
|
+
href: "https://forkbook.ljk.dev/addons",
|
|
3130
3309
|
target: "_blank",
|
|
3131
3310
|
withArrow: true
|
|
3132
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
3311
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(FileTextIcon, null), " Explore integrations catalog")
|
|
3133
3312
|
});
|
|
3134
3313
|
const tools = useMemo(() => /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: Panel_module_default.actions }, isDesktop ? /* @__PURE__ */ _storybook_global_react_default.createElement(_storybook_global_react_default.Fragment, null, /* @__PURE__ */ _storybook_global_react_default.createElement(Button, {
|
|
3135
3314
|
key: "position",
|
|
@@ -3139,19 +3318,19 @@ function init_Panel() {
|
|
|
3139
3318
|
ariaLabel: panelPosition === "bottom" ? "Move addon panel to right" : "Move addon panel to bottom",
|
|
3140
3319
|
ariaDescription: "Changes the location of the addon panel to the bottom or right of the screen, but does not have any effect on its content.",
|
|
3141
3320
|
shortcut: shortcuts.panelPosition
|
|
3142
|
-
}, panelPosition === "bottom" ? /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
3321
|
+
}, panelPosition === "bottom" ? /* @__PURE__ */ _storybook_global_react_default.createElement(PanelLeftIcon, null) : /* @__PURE__ */ _storybook_global_react_default.createElement(Rows2Icon, null)), /* @__PURE__ */ _storybook_global_react_default.createElement(Button, {
|
|
3143
3322
|
key: "visibility",
|
|
3144
3323
|
padding: "small",
|
|
3145
3324
|
variant: "ghost",
|
|
3146
3325
|
onClick: actions.toggleVisibility,
|
|
3147
3326
|
ariaLabel: "Hide addon panel",
|
|
3148
3327
|
shortcut: shortcuts.togglePanel
|
|
3149
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
3328
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(XIcon, null))) : /* @__PURE__ */ _storybook_global_react_default.createElement(Button, {
|
|
3150
3329
|
padding: "small",
|
|
3151
3330
|
variant: "ghost",
|
|
3152
3331
|
onClick: () => setMobilePanelOpen(false),
|
|
3153
3332
|
ariaLabel: "Close addon panel"
|
|
3154
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
3333
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(XIcon, null))), [
|
|
3155
3334
|
actions,
|
|
3156
3335
|
isDesktop,
|
|
3157
3336
|
panelPosition,
|
|
@@ -3170,7 +3349,7 @@ function init_Panel() {
|
|
|
3170
3349
|
...landmarkProps
|
|
3171
3350
|
}, /* @__PURE__ */ _storybook_global_react_default.createElement("h2", {
|
|
3172
3351
|
id: "storybook-panel-heading",
|
|
3173
|
-
className: "
|
|
3352
|
+
className: "fb-sr-only"
|
|
3174
3353
|
}, "Addon panel"), /* @__PURE__ */ _storybook_global_react_default.createElement(StatelessTabsView, {
|
|
3175
3354
|
id: focusableUIElements.storyPanelRoot,
|
|
3176
3355
|
showToolsWhenEmpty: true,
|
|
@@ -3295,24 +3474,24 @@ function init_ReviewCollectionPicker() {
|
|
|
3295
3474
|
}
|
|
3296
3475
|
//#endregion
|
|
3297
3476
|
//#region src/manager/components/review/components/ReviewToolbarHeader.module.css
|
|
3298
|
-
var id$
|
|
3477
|
+
var id$36, ReviewToolbarHeader_module_default;
|
|
3299
3478
|
function init_ReviewToolbarHeader_module() {
|
|
3300
3479
|
return (init_ReviewToolbarHeader_module = __esmMin((() => {
|
|
3301
|
-
id$
|
|
3302
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
3480
|
+
id$36 = "core/src/manager/components/review/components/ReviewToolbarHeader.module.css";
|
|
3481
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$36}"]`)) {
|
|
3303
3482
|
const style = document.createElement("style");
|
|
3304
|
-
style.setAttribute("data-
|
|
3305
|
-
style.textContent = ".
|
|
3483
|
+
style.setAttribute("data-fb-css", id$36);
|
|
3484
|
+
style.textContent = ".fb-raX0Wq-root{background:var(--fb-background-content);z-index:4;flex-direction:column;flex-shrink:0;width:100%;display:flex}.fb-raX0Wq-headerWrap{flex-shrink:0;position:relative}.fb-raX0Wq-progressBar{z-index:1;background:var(--fb-background-app);width:100%;height:3px;position:absolute;top:0;left:0;overflow:hidden}.fb-raX0Wq-progressFill{inset-block:0;background:var(--fb-color-secondary);transition:width .2s;position:absolute;left:0}.fb-raX0Wq-subtitleStrong{color:var(--fb-color-default-text);font-weight:700}.fb-raX0Wq-subtitleText{color:var(--fb-color-default-text)}.fb-raX0Wq-counter{font-variant-numeric:tabular-nums;font-family:var(--fb-font-mono);font-weight:var(--fb-weight-regular)}";
|
|
3306
3485
|
document.head.appendChild(style);
|
|
3307
3486
|
}
|
|
3308
3487
|
ReviewToolbarHeader_module_default = {
|
|
3309
|
-
"
|
|
3310
|
-
"
|
|
3311
|
-
"
|
|
3312
|
-
"
|
|
3313
|
-
"
|
|
3314
|
-
"
|
|
3315
|
-
"
|
|
3488
|
+
"subtitleStrong": "fb-raX0Wq-subtitleStrong",
|
|
3489
|
+
"subtitleText": "fb-raX0Wq-subtitleText",
|
|
3490
|
+
"headerWrap": "fb-raX0Wq-headerWrap",
|
|
3491
|
+
"progressFill": "fb-raX0Wq-progressFill",
|
|
3492
|
+
"progressBar": "fb-raX0Wq-progressBar",
|
|
3493
|
+
"counter": "fb-raX0Wq-counter",
|
|
3494
|
+
"root": "fb-raX0Wq-root"
|
|
3316
3495
|
};
|
|
3317
3496
|
})))();
|
|
3318
3497
|
}
|
|
@@ -3323,7 +3502,7 @@ function init_ReviewToolbarHeader() {
|
|
|
3323
3502
|
return (init_ReviewToolbarHeader = __esmMin((() => {
|
|
3324
3503
|
init__storybook_global_react();
|
|
3325
3504
|
init_components();
|
|
3326
|
-
|
|
3505
|
+
init__storybook_global_lucide_react();
|
|
3327
3506
|
init_review_navigation();
|
|
3328
3507
|
init_review_context();
|
|
3329
3508
|
init_AttentionBanner();
|
|
@@ -3381,7 +3560,7 @@ function init_ReviewToolbarHeader() {
|
|
|
3381
3560
|
padding: "small",
|
|
3382
3561
|
ariaLabel: "Back to review",
|
|
3383
3562
|
asChild: true
|
|
3384
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement("a", { href: buildReviewChangesSummaryHref() }, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
3563
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement("a", { href: buildReviewChangesSummaryHref() }, /* @__PURE__ */ _storybook_global_react_default.createElement(ChevronLeftIcon, null), /* @__PURE__ */ _storybook_global_react_default.createElement(WandSparklesIcon, null))),
|
|
3385
3564
|
title: collectionTitle,
|
|
3386
3565
|
subtitle,
|
|
3387
3566
|
actions: /* @__PURE__ */ _storybook_global_react_default.createElement(_storybook_global_react_default.Fragment, null, /* @__PURE__ */ _storybook_global_react_default.createElement(ReviewCollectionPicker, {
|
|
@@ -3391,11 +3570,11 @@ function init_ReviewToolbarHeader() {
|
|
|
3391
3570
|
}, /* @__PURE__ */ _storybook_global_react_default.createElement("span", { className: ReviewToolbarHeader_module_default.counter }, activeIndex + 1, "/", totalStories)), /* @__PURE__ */ _storybook_global_react_default.createElement(NavButton, {
|
|
3392
3571
|
entry: previousEntry,
|
|
3393
3572
|
ariaLabel: "Previous story",
|
|
3394
|
-
icon: /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
3573
|
+
icon: /* @__PURE__ */ _storybook_global_react_default.createElement(ChevronLeftIcon, null)
|
|
3395
3574
|
}), /* @__PURE__ */ _storybook_global_react_default.createElement(NavButton, {
|
|
3396
3575
|
entry: nextEntry,
|
|
3397
3576
|
ariaLabel: "Next story",
|
|
3398
|
-
icon: /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
3577
|
+
icon: /* @__PURE__ */ _storybook_global_react_default.createElement(ChevronRightIcon, null)
|
|
3399
3578
|
}))
|
|
3400
3579
|
})));
|
|
3401
3580
|
};
|
|
@@ -3403,17 +3582,17 @@ function init_ReviewToolbarHeader() {
|
|
|
3403
3582
|
}
|
|
3404
3583
|
//#endregion
|
|
3405
3584
|
//#region src/manager/components/preview/Iframe.module.css
|
|
3406
|
-
var id$
|
|
3585
|
+
var id$35, Iframe_module_default;
|
|
3407
3586
|
function init_Iframe_module() {
|
|
3408
3587
|
return (init_Iframe_module = __esmMin((() => {
|
|
3409
|
-
id$
|
|
3410
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
3588
|
+
id$35 = "core/src/manager/components/preview/Iframe.module.css";
|
|
3589
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$35}"]`)) {
|
|
3411
3590
|
const style = document.createElement("style");
|
|
3412
|
-
style.setAttribute("data-
|
|
3413
|
-
style.textContent = ".
|
|
3591
|
+
style.setAttribute("data-fb-css", id$35);
|
|
3592
|
+
style.textContent = ".fb-ZqP8_W-iframe{background-color:var(--fb-background-preview);box-sizing:content-box;background-position:-1px -1px,-1px -1px,-1px -1px,-1px -1px;border:none;width:100%;height:100%;margin:auto;transition:background-position,visibility;display:block}";
|
|
3414
3593
|
document.head.appendChild(style);
|
|
3415
3594
|
}
|
|
3416
|
-
Iframe_module_default = { "iframe": "
|
|
3595
|
+
Iframe_module_default = { "iframe": "fb-ZqP8_W-iframe" };
|
|
3417
3596
|
})))();
|
|
3418
3597
|
}
|
|
3419
3598
|
//#endregion
|
|
@@ -3448,17 +3627,17 @@ function init_Iframe() {
|
|
|
3448
3627
|
}
|
|
3449
3628
|
//#endregion
|
|
3450
3629
|
//#region src/manager/components/preview/NumericInput.module.css
|
|
3451
|
-
var id$
|
|
3630
|
+
var id$34, NumericInput_module_default;
|
|
3452
3631
|
function init_NumericInput_module() {
|
|
3453
3632
|
return (init_NumericInput_module = __esmMin((() => {
|
|
3454
|
-
id$
|
|
3455
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
3633
|
+
id$34 = "core/src/manager/components/preview/NumericInput.module.css";
|
|
3634
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$34}"]`)) {
|
|
3456
3635
|
const style = document.createElement("style");
|
|
3457
|
-
style.setAttribute("data-
|
|
3458
|
-
style.textContent = ".
|
|
3636
|
+
style.setAttribute("data-fb-css", id$34);
|
|
3637
|
+
style.textContent = ".fb-DCUffW-wrapper{width:100%;height:32px;font-size:var(--fb-size-s1);color:var(--fb-text-muted-color);background:var(--fb-input-background);box-shadow:var(--fb-input-border) 0 0 0 1px inset;border-radius:var(--fb-input-border-radius);align-items:center;padding-inline:9px;display:flex;position:relative;& svg{display:block}& input{width:100%;height:100%;min-height:100%;font-size:inherit;box-shadow:none;color:var(--fb-input-color);background:0 0;border:none;flex:auto;padding-inline:0;&:focus,&:focus-visible{box-shadow:none;outline:none}}& input:disabled{background:0 0}& input+div{font-size:inherit;padding-inline:0}&:has(input:focus-visible){outline:2px solid var(--fb-color-secondary);outline-offset:-2px}&:has(input:disabled){background:var(--fb-color-lighter);cursor:not-allowed}&[data-after]{padding-right:2px}&[data-before]{padding-left:2px}}:where([data-fb-theme=dark]) .fb-DCUffW-wrapper:has(input:disabled){background:var(--fb-input-background)}";
|
|
3459
3638
|
document.head.appendChild(style);
|
|
3460
3639
|
}
|
|
3461
|
-
NumericInput_module_default = { "wrapper": "
|
|
3640
|
+
NumericInput_module_default = { "wrapper": "fb-DCUffW-wrapper" };
|
|
3462
3641
|
})))();
|
|
3463
3642
|
}
|
|
3464
3643
|
//#endregion
|
|
@@ -3543,7 +3722,7 @@ function init_NumericInput() {
|
|
|
3543
3722
|
style
|
|
3544
3723
|
}, before && /* @__PURE__ */ _storybook_global_react_default.createElement("div", null, before), label && /* @__PURE__ */ _storybook_global_react_default.createElement("label", {
|
|
3545
3724
|
htmlFor: id,
|
|
3546
|
-
className: "
|
|
3725
|
+
className: "fb-sr-only"
|
|
3547
3726
|
}, label), /* @__PURE__ */ _storybook_global_react_default.createElement(Form.Input, {
|
|
3548
3727
|
...props,
|
|
3549
3728
|
id,
|
|
@@ -3559,24 +3738,24 @@ function init_NumericInput() {
|
|
|
3559
3738
|
}
|
|
3560
3739
|
//#endregion
|
|
3561
3740
|
//#region src/manager/components/preview/Viewport.module.css
|
|
3562
|
-
var id$
|
|
3741
|
+
var id$33, Viewport_module_default;
|
|
3563
3742
|
function init_Viewport_module() {
|
|
3564
3743
|
return (init_Viewport_module = __esmMin((() => {
|
|
3565
|
-
id$
|
|
3566
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
3744
|
+
id$33 = "core/src/manager/components/preview/Viewport.module.css";
|
|
3745
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$33}"]`)) {
|
|
3567
3746
|
const style = document.createElement("style");
|
|
3568
|
-
style.setAttribute("data-
|
|
3569
|
-
style.textContent = ".
|
|
3747
|
+
style.setAttribute("data-fb-css", id$33);
|
|
3748
|
+
style.textContent = ".fb-uE_brW-viewportWrapper{flex-direction:column;grid-area:1/1;place-self:start;gap:6px;width:100%;height:100%;padding:6px 40px 40px;display:none;&[data-active]{display:inline-flex}&[data-default]{padding:0}&:has([data-size-input=width]:focus-visible) [data-dragging]{border-right-color:var(--fb-color-secondary);box-shadow:4px 0 5px -2px var(--fb-background-hoverable)}&:has([data-size-input=height]:focus-visible) [data-dragging]{border-bottom-color:var(--fb-color-secondary);box-shadow:0 4px 5px -2px var(--fb-background-hoverable)}}.fb-uE_brW-viewportControls{gap:6px;display:flex}.fb-uE_brW-viewportDimensions{gap:2px;display:flex}.fb-uE_brW-sizeInput{width:85px;height:28px;min-height:28px}.fb-uE_brW-frameWrapper{box-sizing:content-box;border:1px solid var(--fb-button-border);border-radius:4px;transition:border-color .2s,box-shadow .2s;position:relative;&[data-default]{border-width:0;border-radius:0}&:has([data-side=right]:hover),&[data-dragging=right]{border-right-color:var(--fb-color-secondary);box-shadow:4px 0 5px -2px var(--fb-background-hoverable);& [data-side=right]:after{opacity:1}}&:has([data-side=bottom]:hover),&[data-dragging=bottom]{border-bottom-color:var(--fb-color-secondary);box-shadow:0 4px 5px -2px var(--fb-background-hoverable);& [data-side=bottom]:after{opacity:1}}&:has([data-side=both]:hover),&[data-dragging=both]{box-shadow:3px 3px 5px -2px var(--fb-background-hoverable);&:after,& [data-side]:after{opacity:1}}&:after{content:\"\";pointer-events:none;opacity:0;background:linear-gradient(to top left, #0000 0%, #0000 calc(25% - 1px), var(--fb-color-secondary) 25%, #0000 calc(25% + 1px), #0000 calc(45% - 1px), var(--fb-color-secondary) 45%, #0000 calc(45% + 1px), #0000 100%);width:12px;height:12px;transition:opacity .2s;display:block;position:absolute;bottom:1px;right:1px}& iframe{pointer-events:none}&[data-dragging=none] iframe{pointer-events:auto}}.fb-uE_brW-dragHandle{display:none}.fb-uE_brW-dragHandle:where(:not([data-default])){font-size:10px;display:block;position:absolute;&[data-side=both]{cursor:nwse-resize;width:25px;height:25px;bottom:-12px;right:-12px}&[data-side=bottom]{cursor:row-resize;height:20px;bottom:-12px;left:0;right:13px}&[data-side=right]{cursor:col-resize;width:20px;top:0;bottom:13px;right:-12px}&[data-side=bottom]:after,&[data-side=right]:after{content:attr(data-value);background-color:var(--fb-background-hoverable);opacity:0;border-radius:4px;padding:2px 4px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.fb-uE_brW-scrollEdge{pointer-events:none;width:0;height:0;position:absolute;&[data-edge=right]{height:100%;right:-40px}&[data-edge=bottom]{width:100%;bottom:-40px}&[data-edge=both]{bottom:-40px;right:-40px}}";
|
|
3570
3749
|
document.head.appendChild(style);
|
|
3571
3750
|
}
|
|
3572
3751
|
Viewport_module_default = {
|
|
3573
|
-
"sizeInput": "
|
|
3574
|
-
"
|
|
3575
|
-
"
|
|
3576
|
-
"
|
|
3577
|
-
"
|
|
3578
|
-
"
|
|
3579
|
-
"
|
|
3752
|
+
"sizeInput": "fb-uE_brW-sizeInput",
|
|
3753
|
+
"frameWrapper": "fb-uE_brW-frameWrapper",
|
|
3754
|
+
"scrollEdge": "fb-uE_brW-scrollEdge",
|
|
3755
|
+
"viewportWrapper": "fb-uE_brW-viewportWrapper",
|
|
3756
|
+
"viewportControls": "fb-uE_brW-viewportControls",
|
|
3757
|
+
"viewportDimensions": "fb-uE_brW-viewportDimensions",
|
|
3758
|
+
"dragHandle": "fb-uE_brW-dragHandle"
|
|
3580
3759
|
};
|
|
3581
3760
|
})))();
|
|
3582
3761
|
}
|
|
@@ -3587,7 +3766,7 @@ function init_Viewport() {
|
|
|
3587
3766
|
return (init_Viewport = __esmMin((() => {
|
|
3588
3767
|
init__storybook_global_react();
|
|
3589
3768
|
init_components();
|
|
3590
|
-
|
|
3769
|
+
init__storybook_global_lucide_react();
|
|
3591
3770
|
init_useViewport();
|
|
3592
3771
|
init_Iframe();
|
|
3593
3772
|
init_NumericInput();
|
|
@@ -3695,7 +3874,7 @@ function init_Viewport() {
|
|
|
3695
3874
|
padding: "small",
|
|
3696
3875
|
ariaLabel: "Rotate viewport",
|
|
3697
3876
|
onClick: rotate
|
|
3698
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
3877
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(ArrowLeftRightIcon, null)), /* @__PURE__ */ _storybook_global_react_default.createElement(NumericInput, {
|
|
3699
3878
|
className: Viewport_module_default.sizeInput,
|
|
3700
3879
|
"aria-label": "Viewport height",
|
|
3701
3880
|
"data-size-input": "height",
|
|
@@ -3715,7 +3894,7 @@ function init_Viewport() {
|
|
|
3715
3894
|
padding: "small",
|
|
3716
3895
|
ariaLabel: "Restore viewport",
|
|
3717
3896
|
onClick: () => select(lastSelectedOption)
|
|
3718
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
3897
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(RotateCcwIcon, null)))), /* @__PURE__ */ _storybook_global_react_default.createElement("div", {
|
|
3719
3898
|
className: Viewport_module_default.frameWrapper,
|
|
3720
3899
|
"data-default": isDefault || void 0,
|
|
3721
3900
|
"data-dragging": dragging,
|
|
@@ -3774,17 +3953,17 @@ function init_Viewport() {
|
|
|
3774
3953
|
}
|
|
3775
3954
|
//#endregion
|
|
3776
3955
|
//#region src/manager/components/preview/FramesRenderer.module.css
|
|
3777
|
-
var id$
|
|
3956
|
+
var id$32, FramesRenderer_module_default;
|
|
3778
3957
|
function init_FramesRenderer_module() {
|
|
3779
3958
|
return (init_FramesRenderer_module = __esmMin((() => {
|
|
3780
|
-
id$
|
|
3781
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
3959
|
+
id$32 = "core/src/manager/components/preview/FramesRenderer.module.css";
|
|
3960
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$32}"]`)) {
|
|
3782
3961
|
const style = document.createElement("style");
|
|
3783
|
-
style.setAttribute("data-
|
|
3784
|
-
style.textContent = ".
|
|
3962
|
+
style.setAttribute("data-fb-css", id$32);
|
|
3963
|
+
style.textContent = ".fb-esLDGq-skipToSidebarLink{display:none;@media (width>=600px){font-size:var(--fb-size-s1);padding:10px 15px;display:block;position:absolute;top:10px;right:15px;transform:translateY(-100px);&:focus{z-index:1;transform:translateY(0)}}}";
|
|
3785
3964
|
document.head.appendChild(style);
|
|
3786
3965
|
}
|
|
3787
|
-
FramesRenderer_module_default = { "skipToSidebarLink": "
|
|
3966
|
+
FramesRenderer_module_default = { "skipToSidebarLink": "fb-esLDGq-skipToSidebarLink" };
|
|
3788
3967
|
})))();
|
|
3789
3968
|
}
|
|
3790
3969
|
//#endregion
|
|
@@ -3862,20 +4041,20 @@ function init_FramesRenderer() {
|
|
|
3862
4041
|
}
|
|
3863
4042
|
//#endregion
|
|
3864
4043
|
//#region src/manager/components/preview/Toolbar.module.css
|
|
3865
|
-
var id$
|
|
4044
|
+
var id$31, Toolbar_module_default;
|
|
3866
4045
|
function init_Toolbar_module() {
|
|
3867
4046
|
return (init_Toolbar_module = __esmMin((() => {
|
|
3868
|
-
id$
|
|
3869
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
4047
|
+
id$31 = "core/src/manager/components/preview/Toolbar.module.css";
|
|
4048
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$31}"]`)) {
|
|
3870
4049
|
const style = document.createElement("style");
|
|
3871
|
-
style.setAttribute("data-
|
|
3872
|
-
style.textContent = ".
|
|
4050
|
+
style.setAttribute("data-fb-css", id$31);
|
|
4051
|
+
style.textContent = ".fb-dGdzzG-section{color:var(--fb-bar-text-color);width:100%;box-shadow:var(--fb-app-border-color) 0 -1px 0 0 inset;background:var(--fb-bar-bg);z-index:4;flex-shrink:0;align-items:center;display:flex;position:relative;overflow:auto hidden}.fb-dGdzzG-toolbar{flex-wrap:nowrap;flex:1 0;justify-content:space-between;gap:30px;height:40px;margin-inline:10px;display:flex}.fb-dGdzzG-toolGroup{white-space:nowrap;flex-basis:auto;align-items:center;gap:6px;display:flex}";
|
|
3873
4052
|
document.head.appendChild(style);
|
|
3874
4053
|
}
|
|
3875
4054
|
Toolbar_module_default = {
|
|
3876
|
-
"
|
|
3877
|
-
"
|
|
3878
|
-
"
|
|
4055
|
+
"toolbar": "fb-dGdzzG-toolbar",
|
|
4056
|
+
"toolGroup": "fb-dGdzzG-toolGroup",
|
|
4057
|
+
"section": "fb-dGdzzG-section"
|
|
3879
4058
|
};
|
|
3880
4059
|
})))();
|
|
3881
4060
|
}
|
|
@@ -3904,7 +4083,7 @@ function init_Toolbar() {
|
|
|
3904
4083
|
init__storybook_global_react();
|
|
3905
4084
|
init_components();
|
|
3906
4085
|
init_types$1();
|
|
3907
|
-
|
|
4086
|
+
init__storybook_global_lucide_react();
|
|
3908
4087
|
init_clsx();
|
|
3909
4088
|
init_manager_api();
|
|
3910
4089
|
init_useLandmark();
|
|
@@ -3935,24 +4114,24 @@ function init_Toolbar() {
|
|
|
3935
4114
|
onClick: () => toggle(),
|
|
3936
4115
|
ariaLabel: isFullscreen ? "Exit full screen" : "Enter full screen",
|
|
3937
4116
|
shortcut
|
|
3938
|
-
}, isFullscreen ? /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
4117
|
+
}, isFullscreen ? /* @__PURE__ */ _storybook_global_react_default.createElement(XIcon, null) : /* @__PURE__ */ _storybook_global_react_default.createElement(UnfoldVerticalIcon, null)));
|
|
3939
4118
|
}
|
|
3940
4119
|
};
|
|
3941
4120
|
ToolbarComp = _storybook_global_react_default.memo(function ToolbarComp({ isShown, tools, toolsExtra }) {
|
|
3942
4121
|
const sectionRef = useRef(null);
|
|
3943
4122
|
const { landmarkProps } = useLandmark({
|
|
3944
|
-
"aria-labelledby": "
|
|
4123
|
+
"aria-labelledby": "fb-preview-toolbar-title",
|
|
3945
4124
|
role: "region"
|
|
3946
4125
|
}, sectionRef);
|
|
3947
4126
|
return isShown && (tools.length > 0 || toolsExtra.length > 0) ? /* @__PURE__ */ _storybook_global_react_default.createElement("section", {
|
|
3948
|
-
className: clsx("
|
|
4127
|
+
className: clsx("fb-bar", Toolbar_module_default.section),
|
|
3949
4128
|
key: "toolbar",
|
|
3950
|
-
"data-testid": "
|
|
4129
|
+
"data-testid": "fb-preview-toolbar",
|
|
3951
4130
|
ref: sectionRef,
|
|
3952
4131
|
...landmarkProps
|
|
3953
4132
|
}, /* @__PURE__ */ _storybook_global_react_default.createElement("h2", {
|
|
3954
|
-
id: "
|
|
3955
|
-
className: "
|
|
4133
|
+
id: "fb-preview-toolbar-title",
|
|
4134
|
+
className: "fb-sr-only"
|
|
3956
4135
|
}, "Toolbar"), /* @__PURE__ */ _storybook_global_react_default.createElement(AbstractToolbar, { className: Toolbar_module_default.toolbar }, /* @__PURE__ */ _storybook_global_react_default.createElement(Tools, {
|
|
3957
4136
|
key: "left",
|
|
3958
4137
|
list: tools
|
|
@@ -3968,17 +4147,17 @@ function init_Toolbar() {
|
|
|
3968
4147
|
}
|
|
3969
4148
|
//#endregion
|
|
3970
4149
|
//#region src/manager/components/preview/Wrappers.module.css
|
|
3971
|
-
var id$
|
|
4150
|
+
var id$30, Wrappers_module_default;
|
|
3972
4151
|
function init_Wrappers_module() {
|
|
3973
4152
|
return (init_Wrappers_module = __esmMin((() => {
|
|
3974
|
-
id$
|
|
3975
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
4153
|
+
id$30 = "core/src/manager/components/preview/Wrappers.module.css";
|
|
4154
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$30}"]`)) {
|
|
3976
4155
|
const style = document.createElement("style");
|
|
3977
|
-
style.setAttribute("data-
|
|
3978
|
-
style.textContent = ".
|
|
4156
|
+
style.setAttribute("data-fb-css", id$30);
|
|
4157
|
+
style.textContent = ".fb-9_JJkG-iframeWrapper{grid-template-rows:100%;grid-template-columns:100%;place-content:center;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:auto}";
|
|
3979
4158
|
document.head.appendChild(style);
|
|
3980
4159
|
}
|
|
3981
|
-
Wrappers_module_default = { "iframeWrapper": "
|
|
4160
|
+
Wrappers_module_default = { "iframeWrapper": "fb-9_JJkG-iframeWrapper" };
|
|
3982
4161
|
})))();
|
|
3983
4162
|
}
|
|
3984
4163
|
//#endregion
|
|
@@ -4009,19 +4188,19 @@ function init_Wrappers() {
|
|
|
4009
4188
|
}
|
|
4010
4189
|
//#endregion
|
|
4011
4190
|
//#region src/manager/components/Shortcut.module.css
|
|
4012
|
-
var id$
|
|
4191
|
+
var id$29, Shortcut_module_default;
|
|
4013
4192
|
function init_Shortcut_module() {
|
|
4014
4193
|
return (init_Shortcut_module = __esmMin((() => {
|
|
4015
|
-
id$
|
|
4016
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
4194
|
+
id$29 = "core/src/manager/components/Shortcut.module.css";
|
|
4195
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$29}"]`)) {
|
|
4017
4196
|
const style = document.createElement("style");
|
|
4018
|
-
style.setAttribute("data-
|
|
4019
|
-
style.textContent = ".
|
|
4197
|
+
style.setAttribute("data-fb-css", id$29);
|
|
4198
|
+
style.textContent = ".fb-ywXUFq-wrapper{height:16px;font-size:11px;font-weight:var(--fb-weight-regular);color:var(--fb-color-dark);user-select:none;pointer-events:none;background:#0000000d;border-radius:2px;justify-content:center;align-items:center;padding:0 4px;display:inline-flex}:where([data-fb-theme=dark]) .fb-ywXUFq-wrapper{color:var(--fb-text-muted-color);background:#ffffff0d}.fb-ywXUFq-key{font-family:var(--fb-font-base);vertical-align:middle;padding:0;&+&{margin-left:6px}}";
|
|
4020
4199
|
document.head.appendChild(style);
|
|
4021
4200
|
}
|
|
4022
4201
|
Shortcut_module_default = {
|
|
4023
|
-
"
|
|
4024
|
-
"
|
|
4202
|
+
"key": "fb-ywXUFq-key",
|
|
4203
|
+
"wrapper": "fb-ywXUFq-wrapper"
|
|
4025
4204
|
};
|
|
4026
4205
|
})))();
|
|
4027
4206
|
}
|
|
@@ -4041,19 +4220,19 @@ function init_Shortcut() {
|
|
|
4041
4220
|
}
|
|
4042
4221
|
//#endregion
|
|
4043
4222
|
//#region src/manager/components/preview/tools/zoom.module.css
|
|
4044
|
-
var id$
|
|
4223
|
+
var id$28, zoom_module_default;
|
|
4045
4224
|
function init_zoom_module() {
|
|
4046
4225
|
return (init_zoom_module = __esmMin((() => {
|
|
4047
|
-
id$
|
|
4048
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
4226
|
+
id$28 = "core/src/manager/components/preview/tools/zoom.module.css";
|
|
4227
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$28}"]`)) {
|
|
4049
4228
|
const style = document.createElement("style");
|
|
4050
|
-
style.setAttribute("data-
|
|
4051
|
-
style.textContent = ".
|
|
4229
|
+
style.setAttribute("data-fb-css", id$28);
|
|
4230
|
+
style.textContent = ".fb-Xnk7LG-zoomButton{min-width:48px}.fb-Xnk7LG-zoomInput input{width:100px}";
|
|
4052
4231
|
document.head.appendChild(style);
|
|
4053
4232
|
}
|
|
4054
4233
|
zoom_module_default = {
|
|
4055
|
-
"
|
|
4056
|
-
"
|
|
4234
|
+
"zoomInput": "fb-Xnk7LG-zoomInput",
|
|
4235
|
+
"zoomButton": "fb-Xnk7LG-zoomButton"
|
|
4057
4236
|
};
|
|
4058
4237
|
})))();
|
|
4059
4238
|
}
|
|
@@ -4064,7 +4243,7 @@ function init_zoom() {
|
|
|
4064
4243
|
return (init_zoom = __esmMin((() => {
|
|
4065
4244
|
init__storybook_global_react();
|
|
4066
4245
|
init_components();
|
|
4067
|
-
|
|
4246
|
+
init__storybook_global_lucide_react();
|
|
4068
4247
|
init_manager_api();
|
|
4069
4248
|
init_Shortcut();
|
|
4070
4249
|
init_NumericInput();
|
|
@@ -4122,7 +4301,7 @@ function init_zoom() {
|
|
|
4122
4301
|
padding: "small",
|
|
4123
4302
|
readOnly: true,
|
|
4124
4303
|
"aria-hidden": true
|
|
4125
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
4304
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(ZoomInIcon, null)),
|
|
4126
4305
|
after: /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Button, {
|
|
4127
4306
|
size: "small",
|
|
4128
4307
|
padding: "small",
|
|
@@ -4130,7 +4309,7 @@ function init_zoom() {
|
|
|
4130
4309
|
onClick: () => zoomTo(INITIAL_ZOOM_LEVEL),
|
|
4131
4310
|
ariaLabel: "Reset zoom",
|
|
4132
4311
|
"aria-hidden": value === INITIAL_ZOOM_LEVEL
|
|
4133
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
4312
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(RotateCcwIcon, null)),
|
|
4134
4313
|
value: `${Math.round(value * 100)}%`,
|
|
4135
4314
|
minValue: 1,
|
|
4136
4315
|
maxValue: 800,
|
|
@@ -4259,21 +4438,21 @@ function init_zoom() {
|
|
|
4259
4438
|
}
|
|
4260
4439
|
//#endregion
|
|
4261
4440
|
//#region src/manager/components/preview/Preview.module.css
|
|
4262
|
-
var id$
|
|
4441
|
+
var id$27, Preview_module_default;
|
|
4263
4442
|
function init_Preview_module() {
|
|
4264
4443
|
return (init_Preview_module = __esmMin((() => {
|
|
4265
|
-
id$
|
|
4266
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
4444
|
+
id$27 = "core/src/manager/components/preview/Preview.module.css";
|
|
4445
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$27}"]`)) {
|
|
4267
4446
|
const style = document.createElement("style");
|
|
4268
|
-
style.setAttribute("data-
|
|
4269
|
-
style.textContent = ".
|
|
4447
|
+
style.setAttribute("data-fb-css", id$27);
|
|
4448
|
+
style.textContent = ".fb-nbxdwG-previewContainer{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.fb-nbxdwG-frameWrap{z-index:3;background:var(--fb-background-app);flex:1;width:100%;overflow:auto}.fb-nbxdwG-canvasWrap{grid-template-rows:100%;grid-template-columns:100%;place-content:center;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:auto}.fb-nbxdwG-loaderWrapper{background:var(--fb-background-preview);z-index:1;position:absolute;inset:0}";
|
|
4270
4449
|
document.head.appendChild(style);
|
|
4271
4450
|
}
|
|
4272
4451
|
Preview_module_default = {
|
|
4273
|
-
"
|
|
4274
|
-
"
|
|
4275
|
-
"
|
|
4276
|
-
"frameWrap": "
|
|
4452
|
+
"loaderWrapper": "fb-nbxdwG-loaderWrapper",
|
|
4453
|
+
"previewContainer": "fb-nbxdwG-previewContainer",
|
|
4454
|
+
"canvasWrap": "fb-nbxdwG-canvasWrap",
|
|
4455
|
+
"frameWrap": "fb-nbxdwG-frameWrap"
|
|
4277
4456
|
};
|
|
4278
4457
|
})))();
|
|
4279
4458
|
}
|
|
@@ -4285,7 +4464,7 @@ function init_Preview() {
|
|
|
4285
4464
|
init__storybook_global_react();
|
|
4286
4465
|
init_components();
|
|
4287
4466
|
init_core_events();
|
|
4288
|
-
|
|
4467
|
+
init_global();
|
|
4289
4468
|
init_index_module();
|
|
4290
4469
|
init_manager_api();
|
|
4291
4470
|
init_useLandmark();
|
|
@@ -4334,6 +4513,17 @@ function init_Preview() {
|
|
|
4334
4513
|
storyId,
|
|
4335
4514
|
api
|
|
4336
4515
|
]);
|
|
4516
|
+
useEffect(() => {
|
|
4517
|
+
const onDocsPageInView = ({ storyId: id }) => {
|
|
4518
|
+
if (viewMode !== "docs") return;
|
|
4519
|
+
previousStoryId.current = id;
|
|
4520
|
+
const params = new URLSearchParams(global.window.location.search);
|
|
4521
|
+
params.set("path", `/docs/${id}`);
|
|
4522
|
+
api.navigateUrl(`?${params.toString().replaceAll("%2F", "/")}`, { replace: true });
|
|
4523
|
+
};
|
|
4524
|
+
api.on(DOCS_PAGE_IN_VIEW, onDocsPageInView);
|
|
4525
|
+
return () => api.off(DOCS_PAGE_IN_VIEW, onDocsPageInView);
|
|
4526
|
+
}, [api, viewMode]);
|
|
4337
4527
|
const mainRef = useRef(null);
|
|
4338
4528
|
const { landmarkProps } = useLandmark({
|
|
4339
4529
|
"aria-labelledby": "main-preview-heading",
|
|
@@ -4350,7 +4540,7 @@ function init_Preview() {
|
|
|
4350
4540
|
...landmarkProps
|
|
4351
4541
|
}, /* @__PURE__ */ _storybook_global_react_default.createElement("h2", {
|
|
4352
4542
|
id: "main-preview-heading",
|
|
4353
|
-
className: "
|
|
4543
|
+
className: "fb-sr-only"
|
|
4354
4544
|
}, "Main preview area"), /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: Preview_module_default.canvasWrap }, /* @__PURE__ */ _storybook_global_react_default.createElement(Canvas, {
|
|
4355
4545
|
withLoader,
|
|
4356
4546
|
baseUrl,
|
|
@@ -4362,7 +4552,7 @@ function init_Preview() {
|
|
|
4362
4552
|
const id = "canvas";
|
|
4363
4553
|
const [progress, setProgress] = useState(void 0);
|
|
4364
4554
|
useEffect(() => {
|
|
4365
|
-
if (
|
|
4555
|
+
if (global.CONFIG_TYPE === "DEVELOPMENT") try {
|
|
4366
4556
|
addons.getChannel().on(PREVIEW_BUILDER_PROGRESS, (options) => {
|
|
4367
4557
|
setProgress(options);
|
|
4368
4558
|
});
|
|
@@ -4404,7 +4594,7 @@ function init_addons() {
|
|
|
4404
4594
|
return (init_addons = __esmMin((() => {
|
|
4405
4595
|
init__storybook_global_react();
|
|
4406
4596
|
init_components();
|
|
4407
|
-
|
|
4597
|
+
init__storybook_global_lucide_react();
|
|
4408
4598
|
init_manager_api();
|
|
4409
4599
|
init_layout();
|
|
4410
4600
|
SHOW_ADDON_PANEL_BUTTON_ID = "storybook-show-addon-panel";
|
|
@@ -4439,7 +4629,7 @@ function init_addons() {
|
|
|
4439
4629
|
showPanel(true);
|
|
4440
4630
|
}
|
|
4441
4631
|
}
|
|
4442
|
-
}, panelPosition === "bottom" ? /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
4632
|
+
}, panelPosition === "bottom" ? /* @__PURE__ */ _storybook_global_react_default.createElement(Rows2Icon, null) : /* @__PURE__ */ _storybook_global_react_default.createElement(PanelLeftIcon, null))));
|
|
4443
4633
|
}
|
|
4444
4634
|
};
|
|
4445
4635
|
})))();
|
|
@@ -4451,7 +4641,7 @@ function init_menu() {
|
|
|
4451
4641
|
return (init_menu = __esmMin((() => {
|
|
4452
4642
|
init__storybook_global_react();
|
|
4453
4643
|
init_components();
|
|
4454
|
-
|
|
4644
|
+
init__storybook_global_lucide_react();
|
|
4455
4645
|
init_manager_api();
|
|
4456
4646
|
init_layout();
|
|
4457
4647
|
menuMapper$1 = ({ api, state }) => ({
|
|
@@ -4496,8 +4686,8 @@ function init_open_in_editor() {
|
|
|
4496
4686
|
return (init_open_in_editor = __esmMin((() => {
|
|
4497
4687
|
init__storybook_global_react();
|
|
4498
4688
|
init_components();
|
|
4499
|
-
|
|
4500
|
-
|
|
4689
|
+
init_global();
|
|
4690
|
+
init__storybook_global_lucide_react();
|
|
4501
4691
|
init_manager_api();
|
|
4502
4692
|
mapper$2 = ({ state, api }) => {
|
|
4503
4693
|
const { storyId, refId } = state;
|
|
@@ -4512,7 +4702,7 @@ function init_open_in_editor() {
|
|
|
4512
4702
|
title: "open-in-editor",
|
|
4513
4703
|
id: "open-in-editor",
|
|
4514
4704
|
type: types.TOOL,
|
|
4515
|
-
match: ({ viewMode }) =>
|
|
4705
|
+
match: ({ viewMode }) => global.CONFIG_TYPE === "DEVELOPMENT" && (viewMode === "story" || viewMode === "docs"),
|
|
4516
4706
|
render: () => /* @__PURE__ */ _storybook_global_react_default.createElement(Consumer, { filter: mapper$2 }, ({ importPath, isCompositionStory }) => {
|
|
4517
4707
|
const api = useStorybookApi();
|
|
4518
4708
|
if (isCompositionStory || !importPath) return null;
|
|
@@ -4522,26 +4712,26 @@ function init_open_in_editor() {
|
|
|
4522
4712
|
ariaLabel: "Open in editor",
|
|
4523
4713
|
padding: "small",
|
|
4524
4714
|
variant: "ghost"
|
|
4525
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
4715
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(CodeIcon, null));
|
|
4526
4716
|
})
|
|
4527
4717
|
};
|
|
4528
4718
|
})))();
|
|
4529
4719
|
}
|
|
4530
4720
|
//#endregion
|
|
4531
4721
|
//#region src/manager/components/preview/tools/remount.module.css
|
|
4532
|
-
var id$
|
|
4722
|
+
var id$26, remount_module_default;
|
|
4533
4723
|
function init_remount_module() {
|
|
4534
4724
|
return (init_remount_module = __esmMin((() => {
|
|
4535
|
-
id$
|
|
4536
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
4725
|
+
id$26 = "core/src/manager/components/preview/tools/remount.module.css";
|
|
4726
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$26}"]`)) {
|
|
4537
4727
|
const style = document.createElement("style");
|
|
4538
|
-
style.setAttribute("data-
|
|
4539
|
-
style.textContent = ".
|
|
4728
|
+
style.setAttribute("data-fb-css", id$26);
|
|
4729
|
+
style.textContent = ".fb-C4s-_W-remountButton[data-remount-animating] svg{animation:1s ease-out fb-C4s-_W-rotate360}@keyframes fb-C4s-_W-rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}";
|
|
4540
4730
|
document.head.appendChild(style);
|
|
4541
4731
|
}
|
|
4542
4732
|
remount_module_default = {
|
|
4543
|
-
"
|
|
4544
|
-
"
|
|
4733
|
+
"rotate360": "fb-C4s-_W-rotate360",
|
|
4734
|
+
"remountButton": "fb-C4s-_W-remountButton"
|
|
4545
4735
|
};
|
|
4546
4736
|
})))();
|
|
4547
4737
|
}
|
|
@@ -4553,7 +4743,7 @@ function init_remount() {
|
|
|
4553
4743
|
init__storybook_global_react();
|
|
4554
4744
|
init_components();
|
|
4555
4745
|
init_core_events();
|
|
4556
|
-
|
|
4746
|
+
init__storybook_global_lucide_react();
|
|
4557
4747
|
init_manager_api();
|
|
4558
4748
|
init_remount_module();
|
|
4559
4749
|
menuMapper = ({ api, state }) => {
|
|
@@ -4590,7 +4780,7 @@ function init_remount() {
|
|
|
4590
4780
|
onClick: remountComponent,
|
|
4591
4781
|
onAnimationEnd: () => setIsAnimating(false),
|
|
4592
4782
|
disabled: !storyId
|
|
4593
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
4783
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(RefreshCwIcon, null));
|
|
4594
4784
|
})
|
|
4595
4785
|
};
|
|
4596
4786
|
})))();
|
|
@@ -4603,7 +4793,7 @@ function init_share() {
|
|
|
4603
4793
|
init__storybook_global_react();
|
|
4604
4794
|
init_components();
|
|
4605
4795
|
init_core_events();
|
|
4606
|
-
|
|
4796
|
+
init__storybook_global_lucide_react();
|
|
4607
4797
|
init_manager_api();
|
|
4608
4798
|
mapper$1 = ({ api, state }) => {
|
|
4609
4799
|
const { storyId, refId } = state;
|
|
@@ -4634,19 +4824,19 @@ function init_share() {
|
|
|
4634
4824
|
window.open(originHrefs.previewHref, "_blank", "noopener,noreferrer");
|
|
4635
4825
|
api.emit(SHARE_ISOLATE_MODE, originHrefs.previewHref);
|
|
4636
4826
|
}
|
|
4637
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
4827
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(SquareArrowOutUpRightIcon, null));
|
|
4638
4828
|
})
|
|
4639
4829
|
};
|
|
4640
4830
|
})))();
|
|
4641
4831
|
}
|
|
4642
4832
|
//#endregion
|
|
4643
4833
|
//#region src/manager/container/Preview.tsx
|
|
4644
|
-
var import_memoizerific
|
|
4834
|
+
var import_memoizerific, defaultTools, defaultToolsExtra, memoizedTools, memoizedExtra, memoizedWrapper, splitTitleAddExtraSpace, getDescription, mapper, PreviewConnected;
|
|
4645
4835
|
function init_Preview$1() {
|
|
4646
4836
|
return (init_Preview$1 = __esmMin((() => {
|
|
4647
4837
|
init__storybook_global_react();
|
|
4648
4838
|
init_types$1();
|
|
4649
|
-
import_memoizerific
|
|
4839
|
+
import_memoizerific = /* @__PURE__ */ __toESM(require_memoizerific(), 1);
|
|
4650
4840
|
init_manager_api();
|
|
4651
4841
|
init_Preview();
|
|
4652
4842
|
init_Toolbar();
|
|
@@ -4665,9 +4855,9 @@ function init_Preview$1() {
|
|
|
4665
4855
|
fullScreenTool,
|
|
4666
4856
|
openInEditorTool
|
|
4667
4857
|
];
|
|
4668
|
-
memoizedTools = (0, import_memoizerific
|
|
4669
|
-
memoizedExtra = (0, import_memoizerific
|
|
4670
|
-
memoizedWrapper = (0, import_memoizerific
|
|
4858
|
+
memoizedTools = (0, import_memoizerific.default)(1)((_, toolElements, filterProps) => filterToolsSide([...defaultTools, ...Object.values(toolElements)], ...filterProps));
|
|
4859
|
+
memoizedExtra = (0, import_memoizerific.default)(1)((_, extraElements, filterProps) => filterToolsSide([...defaultToolsExtra, ...Object.values(extraElements)], ...filterProps));
|
|
4860
|
+
memoizedWrapper = (0, import_memoizerific.default)(1)((_, previewElements) => [...defaultWrappers, ...Object.values(previewElements)]);
|
|
4671
4861
|
splitTitleAddExtraSpace = (input) => input.split("/").join(" / ").replace(/\s\s/, " ");
|
|
4672
4862
|
getDescription = (item) => {
|
|
4673
4863
|
if (item?.type === "story" || item?.type === "docs") {
|
|
@@ -4726,7 +4916,7 @@ function init_HighlightStyles() {
|
|
|
4726
4916
|
init__storybook_global_react();
|
|
4727
4917
|
HighlightStyles = ({ refId, itemId }) => {
|
|
4728
4918
|
const item = `[data-ref-id="${refId}"][data-item-id="${itemId}"]:not([data-selected="true"])`;
|
|
4729
|
-
const background = "rgb(from var(--
|
|
4919
|
+
const background = "rgb(from var(--fb-color-secondary) r g b / calc(alpha - 0.85))";
|
|
4730
4920
|
return /* @__PURE__ */ _storybook_global_react_default.createElement("style", null, `
|
|
4731
4921
|
${item}:is([data-nodetype="component"], [data-nodetype="group"]),
|
|
4732
4922
|
${item}:is([data-nodetype="component"], [data-nodetype="group"]):is(:hover, :focus) {
|
|
@@ -4735,7 +4925,7 @@ function init_HighlightStyles() {
|
|
|
4735
4925
|
|
|
4736
4926
|
${item}:is([data-nodetype="story"], [data-nodetype="document"], [data-nodetype="test"]),
|
|
4737
4927
|
${item}:is([data-nodetype="story"], [data-nodetype="document"], [data-nodetype="test"]):is(:hover, :focus) {
|
|
4738
|
-
color: var(--
|
|
4928
|
+
color: var(--fb-color-default-text);
|
|
4739
4929
|
background: ${background};
|
|
4740
4930
|
}
|
|
4741
4931
|
`);
|
|
@@ -4744,20 +4934,20 @@ function init_HighlightStyles() {
|
|
|
4744
4934
|
}
|
|
4745
4935
|
//#endregion
|
|
4746
4936
|
//#region src/manager/components/sidebar/Loader.module.css
|
|
4747
|
-
var id$
|
|
4937
|
+
var id$25, Loader_module_default;
|
|
4748
4938
|
function init_Loader_module() {
|
|
4749
4939
|
return (init_Loader_module = __esmMin((() => {
|
|
4750
|
-
id$
|
|
4751
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
4940
|
+
id$25 = "core/src/manager/components/sidebar/Loader.module.css";
|
|
4941
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$25}"]`)) {
|
|
4752
4942
|
const style = document.createElement("style");
|
|
4753
|
-
style.setAttribute("data-
|
|
4754
|
-
style.textContent = ".
|
|
4943
|
+
style.setAttribute("data-fb-css", id$25);
|
|
4944
|
+
style.textContent = ".fb-YVvpGW-loadingItem{cursor:progress;height:16px;margin-top:4px;margin-bottom:4px;margin-left:calc(var(--fb-depth) * 15px);max-width:calc(85px - var(--fb-depth) * 5px);color:#0000;background:var(--fb-app-border-color);align-items:center;font-size:13px;animation:1.5s ease-in-out infinite fb-YVvpGW-glow;overflow:hidden}.fb-YVvpGW-contained{flex-direction:column;padding-left:20px;padding-right:20px;display:flex}@keyframes fb-YVvpGW-glow{0%,to{opacity:1}50%{opacity:.4}}";
|
|
4755
4945
|
document.head.appendChild(style);
|
|
4756
4946
|
}
|
|
4757
4947
|
Loader_module_default = {
|
|
4758
|
-
"
|
|
4759
|
-
"
|
|
4760
|
-
"glow": "
|
|
4948
|
+
"contained": "fb-YVvpGW-contained",
|
|
4949
|
+
"loadingItem": "fb-YVvpGW-loadingItem",
|
|
4950
|
+
"glow": "fb-YVvpGW-glow"
|
|
4761
4951
|
};
|
|
4762
4952
|
})))();
|
|
4763
4953
|
}
|
|
@@ -4795,7 +4985,7 @@ function init_Loader() {
|
|
|
4795
4985
|
const sequence = Array.from(Array(repeats)).fill(LOADER_SEQUENCE).flat().slice(0, size);
|
|
4796
4986
|
return /* @__PURE__ */ _storybook_global_react_default.createElement(Fragment, null, sequence.map((depth, index) => /* @__PURE__ */ _storybook_global_react_default.createElement("div", {
|
|
4797
4987
|
className: Loader_module_default.loadingItem,
|
|
4798
|
-
style: { "--
|
|
4988
|
+
style: { "--fb-depth": depth },
|
|
4799
4989
|
key: index
|
|
4800
4990
|
})));
|
|
4801
4991
|
};
|
|
@@ -4803,17 +4993,17 @@ function init_Loader() {
|
|
|
4803
4993
|
}
|
|
4804
4994
|
//#endregion
|
|
4805
4995
|
//#region src/manager/components/sidebar/NoResults.module.css
|
|
4806
|
-
var id$
|
|
4996
|
+
var id$24, NoResults_module_default;
|
|
4807
4997
|
function init_NoResults_module() {
|
|
4808
4998
|
return (init_NoResults_module = __esmMin((() => {
|
|
4809
|
-
id$
|
|
4810
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
4999
|
+
id$24 = "core/src/manager/components/sidebar/NoResults.module.css";
|
|
5000
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$24}"]`)) {
|
|
4811
5001
|
const style = document.createElement("style");
|
|
4812
|
-
style.setAttribute("data-
|
|
4813
|
-
style.textContent = ".
|
|
5002
|
+
style.setAttribute("data-fb-css", id$24);
|
|
5003
|
+
style.textContent = ".fb-2W5e0q-noResults{text-align:center;text-wrap:balance;line-height:18px;font-size:var(--fb-size-s2);color:var(--fb-color-default-text);flex-direction:column;gap:4px;padding:20px 0;display:flex;& small{color:var(--fb-text-muted-color);font-size:var(--fb-size-s1)}& button{align-self:center;margin-top:8px}}";
|
|
4814
5004
|
document.head.appendChild(style);
|
|
4815
5005
|
}
|
|
4816
|
-
NoResults_module_default = { "noResults": "
|
|
5006
|
+
NoResults_module_default = { "noResults": "fb-2W5e0q-noResults" };
|
|
4817
5007
|
})))();
|
|
4818
5008
|
}
|
|
4819
5009
|
//#endregion
|
|
@@ -4832,22 +5022,22 @@ function init_NoResults() {
|
|
|
4832
5022
|
}
|
|
4833
5023
|
//#endregion
|
|
4834
5024
|
//#region src/manager/components/sidebar/RefBlocks.module.css
|
|
4835
|
-
var id$
|
|
5025
|
+
var id$23, RefBlocks_module_default;
|
|
4836
5026
|
function init_RefBlocks_module() {
|
|
4837
5027
|
return (init_RefBlocks_module = __esmMin((() => {
|
|
4838
|
-
id$
|
|
4839
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
5028
|
+
id$23 = "core/src/manager/components/sidebar/RefBlocks.module.css";
|
|
5029
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$23}"]`)) {
|
|
4840
5030
|
const style = document.createElement("style");
|
|
4841
|
-
style.setAttribute("data-
|
|
4842
|
-
style.textContent = ".
|
|
5031
|
+
style.setAttribute("data-fb-css", id$23);
|
|
5032
|
+
style.textContent = ".fb--hrd7a-textStyle{font-size:var(--fb-size-s2);margin:0;line-height:20px}.fb--hrd7a-text{font-size:var(--fb-size-s2);margin:0;line-height:20px;& code{font-size:var(--fb-size-s1)}& ul{margin-top:8px;margin-bottom:8px;padding-left:20px}}.fb--hrd7a-errorDisplay{box-sizing:border-box;white-space:pre;min-width:420px;max-width:640px;color:var(--fb-color-dark);border-radius:8px;overflow:auto;&[data-mobile]{min-width:0;max-width:calc(100vw - 40px)}}.fb--hrd7a-flexSpaced{display:flex}.fb--hrd7a-wideSpaced{flex:1}";
|
|
4843
5033
|
document.head.appendChild(style);
|
|
4844
5034
|
}
|
|
4845
5035
|
RefBlocks_module_default = {
|
|
4846
|
-
"
|
|
4847
|
-
"
|
|
4848
|
-
"
|
|
4849
|
-
"
|
|
4850
|
-
"
|
|
5036
|
+
"textStyle": "fb--hrd7a-textStyle",
|
|
5037
|
+
"text": "fb--hrd7a-text",
|
|
5038
|
+
"errorDisplay": "fb--hrd7a-errorDisplay",
|
|
5039
|
+
"flexSpaced": "fb--hrd7a-flexSpaced",
|
|
5040
|
+
"wideSpaced": "fb--hrd7a-wideSpaced"
|
|
4851
5041
|
};
|
|
4852
5042
|
})))();
|
|
4853
5043
|
}
|
|
@@ -4859,14 +5049,14 @@ function init_RefBlocks() {
|
|
|
4859
5049
|
init__storybook_global_react();
|
|
4860
5050
|
init_client_logger();
|
|
4861
5051
|
init_components();
|
|
4862
|
-
|
|
4863
|
-
|
|
5052
|
+
init_global();
|
|
5053
|
+
init__storybook_global_lucide_react();
|
|
4864
5054
|
init_manager_api();
|
|
4865
5055
|
init_LayoutProvider();
|
|
4866
5056
|
init_Loader();
|
|
4867
5057
|
init_NoResults();
|
|
4868
5058
|
init_RefBlocks_module();
|
|
4869
|
-
({window: globalWindow$2} =
|
|
5059
|
+
({window: globalWindow$2} = global);
|
|
4870
5060
|
Text = ({ children }) => /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: RefBlocks_module_default.text }, children);
|
|
4871
5061
|
AuthBlock = ({ loginUrl, id }) => {
|
|
4872
5062
|
const [isAuthAttempted, setAuthAttempted] = useState(false);
|
|
@@ -4891,7 +5081,7 @@ function init_RefBlocks() {
|
|
|
4891
5081
|
size: "small",
|
|
4892
5082
|
variant: "outline",
|
|
4893
5083
|
onClick: refresh
|
|
4894
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
5084
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(RefreshCwIcon, null), "Refresh now"))) : /* @__PURE__ */ _storybook_global_react_default.createElement(Fragment, null, /* @__PURE__ */ _storybook_global_react_default.createElement(Text, null, "Sign in to browse this Forkbook."), /* @__PURE__ */ _storybook_global_react_default.createElement("div", null, /* @__PURE__ */ _storybook_global_react_default.createElement(Button, {
|
|
4895
5085
|
size: "small",
|
|
4896
5086
|
variant: "outline",
|
|
4897
5087
|
onClick: open
|
|
@@ -4909,7 +5099,7 @@ function init_RefBlocks() {
|
|
|
4909
5099
|
"data-mobile": isMobile || void 0
|
|
4910
5100
|
}, /* @__PURE__ */ _storybook_global_react_default.createElement(ErrorFormatter, { error }))
|
|
4911
5101
|
}, /* @__PURE__ */ _storybook_global_react_default.createElement(Link$1, null, "View error ", /* @__PURE__ */ _storybook_global_react_default.createElement(ChevronDownIcon, null))), " ", /* @__PURE__ */ _storybook_global_react_default.createElement(Link$1, {
|
|
4912
|
-
href: "https://
|
|
5102
|
+
href: "https://forkbook.ljk.dev/docs",
|
|
4913
5103
|
cancel: false,
|
|
4914
5104
|
target: "_blank"
|
|
4915
5105
|
}, "View docs"))));
|
|
@@ -4927,12 +5117,12 @@ function init_RefBlocks() {
|
|
|
4927
5117
|
await api.setAllTagFilters([], []);
|
|
4928
5118
|
await api.resetStatusFilters();
|
|
4929
5119
|
}
|
|
4930
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
4931
|
-
href: "https://
|
|
5120
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(BrushCleaningIcon, null), "Clear filters") : null) : isMain ? /* @__PURE__ */ _storybook_global_react_default.createElement(Text, null, "Oh no! Your Forkbook is empty. This can happen when:", /* @__PURE__ */ _storybook_global_react_default.createElement("ul", null, /* @__PURE__ */ _storybook_global_react_default.createElement("li", null, "Your", " ", /* @__PURE__ */ _storybook_global_react_default.createElement(Link$1, {
|
|
5121
|
+
href: "https://forkbook.ljk.dev/docs/api/main-config/main-config-stories",
|
|
4932
5122
|
cancel: false,
|
|
4933
5123
|
target: "_blank"
|
|
4934
5124
|
}, "stories glob configuration"), " ", "does not match any files.", " "), /* @__PURE__ */ _storybook_global_react_default.createElement("li", null, "You have", " ", /* @__PURE__ */ _storybook_global_react_default.createElement(Link$1, {
|
|
4935
|
-
href: "https://
|
|
5125
|
+
href: "https://forkbook.ljk.dev/docs/writing-stories",
|
|
4936
5126
|
cancel: false,
|
|
4937
5127
|
target: "_blank"
|
|
4938
5128
|
}, "no stories defined"), " ", "in your story files.", " "))) : /* @__PURE__ */ _storybook_global_react_default.createElement(Text, null, "This composed Forkbook is empty. Perhaps no stories match your selected filters."))));
|
|
@@ -4942,23 +5132,23 @@ function init_RefBlocks() {
|
|
|
4942
5132
|
}
|
|
4943
5133
|
//#endregion
|
|
4944
5134
|
//#region src/manager/components/sidebar/RefIndicator.module.css
|
|
4945
|
-
var id$
|
|
5135
|
+
var id$22, RefIndicator_module_default;
|
|
4946
5136
|
function init_RefIndicator_module() {
|
|
4947
5137
|
return (init_RefIndicator_module = __esmMin((() => {
|
|
4948
|
-
id$
|
|
4949
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
5138
|
+
id$22 = "core/src/manager/components/sidebar/RefIndicator.module.css";
|
|
5139
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$22}"]`)) {
|
|
4950
5140
|
const style = document.createElement("style");
|
|
4951
|
-
style.setAttribute("data-
|
|
4952
|
-
style.textContent = ".
|
|
5141
|
+
style.setAttribute("data-fb-css", id$22);
|
|
5142
|
+
style.textContent = ".fb-ceroQa-indicatorPlacement{align-items:center;height:16px;display:flex;&>*+*{margin-left:var(--fb-layout-margin)}}.fb-ceroQa-indicatorClickTarget{color:var(--fb-text-muted-color);& svg{width:14px;height:14px;color:inherit;padding:2px;transition:all .15s ease-out}}.fb-ceroQa-messageTitle{font-weight:var(--fb-weight-bold)}.fb-ceroQa-message{color:var(--fb-color-default-text);flex-direction:row;align-items:flex-start;padding:15px;line-height:16px;text-decoration:none;display:flex;&:not(:last-child){border-bottom:1px solid var(--fb-app-border-color)}&:hover{background:var(--fb-background-hoverable);color:var(--fb-color-default-text)}&:link,&:active,&:focus{color:var(--fb-color-default-text)}&:focus-visible{background:var(--fb-background-hoverable);box-shadow:inset 0 0 0 2px var(--fb-color-secondary);border-radius:8px;outline:none}&>*{flex:1}&>svg{flex:unset;width:16px;height:16px;margin-top:3px;margin-right:10px}}.fb-ceroQa-messageWrapper{box-sizing:border-box;width:280px;color:var(--fb-color-dark);border-radius:8px;overflow:hidden;&[data-mobile]{width:calc(100vw - 20px)}}.fb-ceroQa-subtleSelect{color:var(--fb-color-default-text);font-size:var(--fb-size-s1);font-weight:var(--fb-weight-regular);background:0 0}";
|
|
4953
5143
|
document.head.appendChild(style);
|
|
4954
5144
|
}
|
|
4955
5145
|
RefIndicator_module_default = {
|
|
4956
|
-
"indicatorPlacement": "
|
|
4957
|
-
"
|
|
4958
|
-
"messageWrapper": "
|
|
4959
|
-
"
|
|
4960
|
-
"
|
|
4961
|
-
"
|
|
5146
|
+
"indicatorPlacement": "fb-ceroQa-indicatorPlacement",
|
|
5147
|
+
"messageTitle": "fb-ceroQa-messageTitle",
|
|
5148
|
+
"messageWrapper": "fb-ceroQa-messageWrapper",
|
|
5149
|
+
"indicatorClickTarget": "fb-ceroQa-indicatorClickTarget",
|
|
5150
|
+
"message": "fb-ceroQa-message",
|
|
5151
|
+
"subtleSelect": "fb-ceroQa-subtleSelect"
|
|
4962
5152
|
};
|
|
4963
5153
|
})))();
|
|
4964
5154
|
}
|
|
@@ -4969,14 +5159,14 @@ function init_RefIndicator() {
|
|
|
4969
5159
|
return (init_RefIndicator = __esmMin((() => {
|
|
4970
5160
|
init__storybook_global_react();
|
|
4971
5161
|
init_components();
|
|
4972
|
-
|
|
4973
|
-
|
|
5162
|
+
init_global();
|
|
5163
|
+
init__storybook_global_lucide_react();
|
|
4974
5164
|
init_clsx();
|
|
4975
5165
|
init_manager_api();
|
|
4976
5166
|
init_theming();
|
|
4977
5167
|
init_LayoutProvider();
|
|
4978
5168
|
init_RefIndicator_module();
|
|
4979
|
-
({document: document$5, window: globalWindow$1} =
|
|
5169
|
+
({document: document$5, window: globalWindow$1} = global);
|
|
4980
5170
|
MessageTitle = ({ children }) => /* @__PURE__ */ _storybook_global_react_default.createElement("span", { className: RefIndicator_module_default.messageTitle }, children);
|
|
4981
5171
|
Message = ({ href, blank = true, children, onClick }) => {
|
|
4982
5172
|
return /* @__PURE__ */ _storybook_global_react_default.createElement("a", {
|
|
@@ -5043,7 +5233,7 @@ function init_RefIndicator() {
|
|
|
5043
5233
|
};
|
|
5044
5234
|
SourceCodeMessage = ({ url }) => {
|
|
5045
5235
|
const theme = useTheme();
|
|
5046
|
-
return /* @__PURE__ */ _storybook_global_react_default.createElement(Message, { href: url }, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
5236
|
+
return /* @__PURE__ */ _storybook_global_react_default.createElement(Message, { href: url }, /* @__PURE__ */ _storybook_global_react_default.createElement(CodeIcon, { color: theme.color.secondary }), /* @__PURE__ */ _storybook_global_react_default.createElement("div", null, /* @__PURE__ */ _storybook_global_react_default.createElement(MessageTitle, null, "View source code")));
|
|
5047
5237
|
};
|
|
5048
5238
|
LoginRequiredMessage = ({ loginUrl, id }) => {
|
|
5049
5239
|
const theme = useTheme();
|
|
@@ -5065,35 +5255,35 @@ function init_RefIndicator() {
|
|
|
5065
5255
|
};
|
|
5066
5256
|
ReadDocsMessage = () => {
|
|
5067
5257
|
const theme = useTheme();
|
|
5068
|
-
return /* @__PURE__ */ _storybook_global_react_default.createElement(Message, { href: "https://
|
|
5258
|
+
return /* @__PURE__ */ _storybook_global_react_default.createElement(Message, { href: "https://forkbook.ljk.dev/docs/sharing/storybook-composition" }, /* @__PURE__ */ _storybook_global_react_default.createElement(FileTextIcon, { color: theme.color.green }), /* @__PURE__ */ _storybook_global_react_default.createElement("div", null, /* @__PURE__ */ _storybook_global_react_default.createElement(MessageTitle, null, "Read Composition docs"), /* @__PURE__ */ _storybook_global_react_default.createElement("div", null, "Learn how to combine multiple Storybooks into one.")));
|
|
5069
5259
|
};
|
|
5070
5260
|
ErrorOccurredMessage = ({ url }) => {
|
|
5071
5261
|
const theme = useTheme();
|
|
5072
|
-
return /* @__PURE__ */ _storybook_global_react_default.createElement(Message, { href: url.replace(/\/?$/, "/index.html") }, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
5262
|
+
return /* @__PURE__ */ _storybook_global_react_default.createElement(Message, { href: url.replace(/\/?$/, "/index.html") }, /* @__PURE__ */ _storybook_global_react_default.createElement(TriangleAlertIcon, { color: theme.color.negative }), /* @__PURE__ */ _storybook_global_react_default.createElement("div", null, /* @__PURE__ */ _storybook_global_react_default.createElement(MessageTitle, null, "Something went wrong"), /* @__PURE__ */ _storybook_global_react_default.createElement("div", null, "This external Forkbook didn't load. Debug it in a new tab now.")));
|
|
5073
5263
|
};
|
|
5074
5264
|
LoadingMessage = ({ url }) => {
|
|
5075
5265
|
const theme = useTheme();
|
|
5076
|
-
return /* @__PURE__ */ _storybook_global_react_default.createElement(Message, { href: url.replace(/\/?$/, "/index.html") }, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
5266
|
+
return /* @__PURE__ */ _storybook_global_react_default.createElement(Message, { href: url.replace(/\/?$/, "/index.html") }, /* @__PURE__ */ _storybook_global_react_default.createElement(ClockIcon, { color: theme.color.secondary }), /* @__PURE__ */ _storybook_global_react_default.createElement("div", null, /* @__PURE__ */ _storybook_global_react_default.createElement(MessageTitle, null, "Please wait"), /* @__PURE__ */ _storybook_global_react_default.createElement("div", null, "This Forkbook is loading.")));
|
|
5077
5267
|
};
|
|
5078
5268
|
PerformanceDegradedMessage = () => {
|
|
5079
5269
|
const theme = useTheme();
|
|
5080
|
-
return /* @__PURE__ */ _storybook_global_react_default.createElement(Message, { href: "https://
|
|
5270
|
+
return /* @__PURE__ */ _storybook_global_react_default.createElement(Message, { href: "https://forkbook.ljk.dev/docs/sharing/storybook-composition" }, /* @__PURE__ */ _storybook_global_react_default.createElement(ZapIcon, { color: theme.color.gold }), /* @__PURE__ */ _storybook_global_react_default.createElement("div", null, /* @__PURE__ */ _storybook_global_react_default.createElement(MessageTitle, null, "Reduce lag"), /* @__PURE__ */ _storybook_global_react_default.createElement("div", null, "Learn how to speed up Composition performance.")));
|
|
5081
5271
|
};
|
|
5082
5272
|
})))();
|
|
5083
5273
|
}
|
|
5084
5274
|
//#endregion
|
|
5085
5275
|
//#region src/manager/components/sidebar/IconSymbols.module.css
|
|
5086
|
-
var id$
|
|
5276
|
+
var id$21, IconSymbols_module_default;
|
|
5087
5277
|
function init_IconSymbols_module() {
|
|
5088
5278
|
return (init_IconSymbols_module = __esmMin((() => {
|
|
5089
|
-
id$
|
|
5090
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
5279
|
+
id$21 = "core/src/manager/components/sidebar/IconSymbols.module.css";
|
|
5280
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$21}"]`)) {
|
|
5091
5281
|
const style = document.createElement("style");
|
|
5092
|
-
style.setAttribute("data-
|
|
5093
|
-
style.textContent = ".
|
|
5282
|
+
style.setAttribute("data-fb-css", id$21);
|
|
5283
|
+
style.textContent = ".fb-f_mdwG-svg{width:0;height:0;shape-rendering:inherit;vertical-align:middle;display:inline-block;position:absolute}";
|
|
5094
5284
|
document.head.appendChild(style);
|
|
5095
5285
|
}
|
|
5096
|
-
IconSymbols_module_default = { "svg": "
|
|
5286
|
+
IconSymbols_module_default = { "svg": "fb-f_mdwG-svg" };
|
|
5097
5287
|
})))();
|
|
5098
5288
|
}
|
|
5099
5289
|
//#endregion
|
|
@@ -5102,6 +5292,7 @@ var GROUP_ID, COMPONENT_ID, DOCUMENT_ID, STORY_ID, TEST_ID, SUCCESS_ID, ERROR_ID
|
|
|
5102
5292
|
function init_IconSymbols() {
|
|
5103
5293
|
return (init_IconSymbols = __esmMin((() => {
|
|
5104
5294
|
init__storybook_global_react();
|
|
5295
|
+
init__storybook_global_lucide_react();
|
|
5105
5296
|
init_IconSymbols_module();
|
|
5106
5297
|
GROUP_ID = "icon--group";
|
|
5107
5298
|
COMPONENT_ID = "icon--component";
|
|
@@ -5120,35 +5311,7 @@ function init_IconSymbols() {
|
|
|
5120
5311
|
return /* @__PURE__ */ _storybook_global_react_default.createElement("svg", {
|
|
5121
5312
|
className: IconSymbols_module_default.svg,
|
|
5122
5313
|
"data-chromatic": "ignore"
|
|
5123
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement("symbol", { id: GROUP_ID }, /* @__PURE__ */ _storybook_global_react_default.createElement("path", {
|
|
5124
|
-
fillRule: "evenodd",
|
|
5125
|
-
clipRule: "evenodd",
|
|
5126
|
-
d: "M6.586 3.504l-1.5-1.5H1v9h12v-7.5H6.586zm.414-1L5.793 1.297a1 1 0 00-.707-.293H.5a.5.5 0 00-.5.5v10a.5.5 0 00.5.5h13a.5.5 0 00.5-.5v-8.5a.5.5 0 00-.5-.5H7z",
|
|
5127
|
-
fill: "currentColor"
|
|
5128
|
-
})), /* @__PURE__ */ _storybook_global_react_default.createElement("symbol", { id: COMPONENT_ID }, /* @__PURE__ */ _storybook_global_react_default.createElement("path", {
|
|
5129
|
-
fillRule: "evenodd",
|
|
5130
|
-
clipRule: "evenodd",
|
|
5131
|
-
d: "M3.5 1.004a2.5 2.5 0 00-2.5 2.5v7a2.5 2.5 0 002.5 2.5h7a2.5 2.5 0 002.5-2.5v-7a2.5 2.5 0 00-2.5-2.5h-7zm8.5 5.5H7.5v-4.5h3a1.5 1.5 0 011.5 1.5v3zm0 1v3a1.5 1.5 0 01-1.5 1.5h-3v-4.5H12zm-5.5 4.5v-4.5H2v3a1.5 1.5 0 001.5 1.5h3zM2 6.504h4.5v-4.5h-3a1.5 1.5 0 00-1.5 1.5v3z",
|
|
5132
|
-
fill: "currentColor"
|
|
5133
|
-
})), /* @__PURE__ */ _storybook_global_react_default.createElement("symbol", { id: DOCUMENT_ID }, /* @__PURE__ */ _storybook_global_react_default.createElement("path", {
|
|
5134
|
-
d: "M4 5.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5zM4.5 7.5a.5.5 0 000 1h5a.5.5 0 000-1h-5zM4 10.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5z",
|
|
5135
|
-
fill: "currentColor"
|
|
5136
|
-
}), /* @__PURE__ */ _storybook_global_react_default.createElement("path", {
|
|
5137
|
-
fillRule: "evenodd",
|
|
5138
|
-
clipRule: "evenodd",
|
|
5139
|
-
d: "M1.5 0a.5.5 0 00-.5.5v13a.5.5 0 00.5.5h11a.5.5 0 00.5-.5V3.207a.5.5 0 00-.146-.353L10.146.146A.5.5 0 009.793 0H1.5zM2 1h7.5v2a.5.5 0 00.5.5h2V13H2V1z",
|
|
5140
|
-
fill: "currentColor"
|
|
5141
|
-
})), /* @__PURE__ */ _storybook_global_react_default.createElement("symbol", { id: STORY_ID }, /* @__PURE__ */ _storybook_global_react_default.createElement("path", {
|
|
5142
|
-
fillRule: "evenodd",
|
|
5143
|
-
clipRule: "evenodd",
|
|
5144
|
-
d: "M3.5 0h7a.5.5 0 01.5.5v13a.5.5 0 01-.454.498.462.462 0 01-.371-.118L7 11.159l-3.175 2.72a.46.46 0 01-.379.118A.5.5 0 013 13.5V.5a.5.5 0 01.5-.5zM4 12.413l2.664-2.284a.454.454 0 01.377-.128.498.498 0 01.284.12L10 12.412V1H4v11.413z",
|
|
5145
|
-
fill: "currentColor"
|
|
5146
|
-
})), /* @__PURE__ */ _storybook_global_react_default.createElement("symbol", { id: TEST_ID }, /* @__PURE__ */ _storybook_global_react_default.createElement("path", {
|
|
5147
|
-
fillRule: "evenodd",
|
|
5148
|
-
clipRule: "evenodd",
|
|
5149
|
-
d: "M4.5 2h.75v3.866l-3.034 5.26A1.25 1.25 0 003.299 13H10.7a1.25 1.25 0 001.083-1.875L8.75 5.866V2h.75a.5.5 0 100-1h-5a.5.5 0 000 1zm1.75 4V2h1.5v4.134l.067.116L8.827 8H5.173l1.01-1.75.067-.116V6zM4.597 9l-1.515 2.625A.25.25 0 003.3 12H10.7a.25.25 0 00.217-.375L9.404 9H4.597z",
|
|
5150
|
-
fill: "currentColor"
|
|
5151
|
-
})), /* @__PURE__ */ _storybook_global_react_default.createElement("symbol", { id: SUCCESS_ID }, /* @__PURE__ */ _storybook_global_react_default.createElement("path", {
|
|
5314
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement("symbol", { id: GROUP_ID }, /* @__PURE__ */ _storybook_global_react_default.createElement(FolderIcon, { size: 14 })), /* @__PURE__ */ _storybook_global_react_default.createElement("symbol", { id: COMPONENT_ID }, /* @__PURE__ */ _storybook_global_react_default.createElement(LayoutGridIcon, { size: 14 })), /* @__PURE__ */ _storybook_global_react_default.createElement("symbol", { id: DOCUMENT_ID }, /* @__PURE__ */ _storybook_global_react_default.createElement(FileTextIcon, { size: 14 })), /* @__PURE__ */ _storybook_global_react_default.createElement("symbol", { id: STORY_ID }, /* @__PURE__ */ _storybook_global_react_default.createElement(BookmarkIcon, { size: 14 })), /* @__PURE__ */ _storybook_global_react_default.createElement("symbol", { id: TEST_ID }, /* @__PURE__ */ _storybook_global_react_default.createElement(FlaskConicalIcon, { size: 14 })), /* @__PURE__ */ _storybook_global_react_default.createElement("symbol", { id: SUCCESS_ID }, /* @__PURE__ */ _storybook_global_react_default.createElement("path", {
|
|
5152
5315
|
fillRule: "evenodd",
|
|
5153
5316
|
clipRule: "evenodd",
|
|
5154
5317
|
d: "M10.854 4.146a.5.5 0 010 .708l-5 5a.5.5 0 01-.708 0l-2-2a.5.5 0 11.708-.708L5.5 8.793l4.646-4.647a.5.5 0 01.708 0z",
|
|
@@ -5217,19 +5380,19 @@ function init_IconSymbols() {
|
|
|
5217
5380
|
}
|
|
5218
5381
|
//#endregion
|
|
5219
5382
|
//#region src/manager/components/sidebar/StatusButton.module.css
|
|
5220
|
-
var id$
|
|
5383
|
+
var id$20, StatusButton_module_default;
|
|
5221
5384
|
function init_StatusButton_module() {
|
|
5222
5385
|
return (init_StatusButton_module = __esmMin((() => {
|
|
5223
|
-
id$
|
|
5224
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
5386
|
+
id$20 = "core/src/manager/components/sidebar/StatusButton.module.css";
|
|
5387
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$20}"]`)) {
|
|
5225
5388
|
const style = document.createElement("style");
|
|
5226
|
-
style.setAttribute("data-
|
|
5227
|
-
style.textContent = ".
|
|
5389
|
+
style.setAttribute("data-fb-css", id$20);
|
|
5390
|
+
style.textContent = ".fb-gUX9lW-statusLabel{margin:3px}.fb-gUX9lW-statusLabel:where([data-status-color]),.fb-gUX9lW-statusButton:where([data-status-color]){color:var(--fb-status-color)}.fb-gUX9lW-statusButton{justify-content:center;align-items:center;width:28px;height:28px;transition:none;display:inline-flex;&:hover{color:var(--fb-color-secondary);background:hsl(from var(--fb-color-secondary) h s calc(l + 40))}&:focus{color:var(--fb-color-secondary);border-color:var(--fb-color-secondary);outline-offset:-2px;&:not(:focus-visible){border-color:#0000}}}:where([data-fb-theme=dark]) .fb-gUX9lW-statusButton:hover{background:hsl(from var(--fb-color-secondary) h s calc(l - 30))}.fb-gUX9lW-statusButton:where([data-selected-item]):hover{box-shadow:inset 0 0 0 2px var(--fb-color-secondary);background:#fff3}[data-selected=true] .fb-gUX9lW-statusButton{background:var(--fb-color-secondary);box-shadow:0 0 5px 5px var(--fb-color-secondary);&:hover{background:var(--fb-color-secondary)}}:where([data-fb-theme=dark]) [data-selected=true] .fb-gUX9lW-statusButton{background:hsl(from var(--fb-color-secondary) h s calc(l - 18));box-shadow:0 0 5px 5px hsl(from var(--fb-color-secondary) h s calc(l - 18));&:hover{background:hsl(from var(--fb-color-secondary) h s calc(l - 10))}}";
|
|
5228
5391
|
document.head.appendChild(style);
|
|
5229
5392
|
}
|
|
5230
5393
|
StatusButton_module_default = {
|
|
5231
|
-
"statusButton": "
|
|
5232
|
-
"statusLabel": "
|
|
5394
|
+
"statusButton": "fb-gUX9lW-statusButton",
|
|
5395
|
+
"statusLabel": "fb-gUX9lW-statusLabel"
|
|
5233
5396
|
};
|
|
5234
5397
|
})))();
|
|
5235
5398
|
}
|
|
@@ -5242,14 +5405,14 @@ function init_StatusButton() {
|
|
|
5242
5405
|
init_components();
|
|
5243
5406
|
init_clsx();
|
|
5244
5407
|
init_theming();
|
|
5245
|
-
init_status
|
|
5408
|
+
init_status();
|
|
5246
5409
|
init_StatusButton_module();
|
|
5247
5410
|
useStatusColor = (status, style) => {
|
|
5248
5411
|
const iconColor = getStatus(useTheme(), status).iconColor;
|
|
5249
5412
|
return {
|
|
5250
5413
|
"data-status-color": iconColor ? true : void 0,
|
|
5251
5414
|
style: iconColor ? {
|
|
5252
|
-
"--
|
|
5415
|
+
"--fb-status-color": iconColor,
|
|
5253
5416
|
...style
|
|
5254
5417
|
} : style
|
|
5255
5418
|
};
|
|
@@ -5273,17 +5436,17 @@ function init_StatusButton() {
|
|
|
5273
5436
|
}
|
|
5274
5437
|
//#endregion
|
|
5275
5438
|
//#region src/manager/components/sidebar/ContextMenu.module.css
|
|
5276
|
-
var id$
|
|
5439
|
+
var id$19, ContextMenu_module_default;
|
|
5277
5440
|
function init_ContextMenu_module() {
|
|
5278
5441
|
return (init_ContextMenu_module = __esmMin((() => {
|
|
5279
|
-
id$
|
|
5280
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
5442
|
+
id$19 = "core/src/manager/components/sidebar/ContextMenu.module.css";
|
|
5443
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$19}"]`)) {
|
|
5281
5444
|
const style = document.createElement("style");
|
|
5282
|
-
style.setAttribute("data-
|
|
5283
|
-
style.textContent = ".
|
|
5445
|
+
style.setAttribute("data-fb-css", id$19);
|
|
5446
|
+
style.textContent = ".fb-hFFXwW-floatingStatusButton{background:var(--tree-node-background-hover);box-shadow:0 0 5px 5px var(--tree-node-background-hover);z-index:1;position:absolute;right:0;&:focus-visible{outline-offset:-2px}}";
|
|
5284
5447
|
document.head.appendChild(style);
|
|
5285
5448
|
}
|
|
5286
|
-
ContextMenu_module_default = { "floatingStatusButton": "
|
|
5449
|
+
ContextMenu_module_default = { "floatingStatusButton": "fb-hFFXwW-floatingStatusButton" };
|
|
5287
5450
|
})))();
|
|
5288
5451
|
}
|
|
5289
5452
|
//#endregion
|
|
@@ -5305,7 +5468,7 @@ function init_ContextMenu() {
|
|
|
5305
5468
|
init__storybook_global_react();
|
|
5306
5469
|
init_components();
|
|
5307
5470
|
init_types$1();
|
|
5308
|
-
|
|
5471
|
+
init__storybook_global_lucide_react();
|
|
5309
5472
|
init_manager_api();
|
|
5310
5473
|
init_useCopyButton();
|
|
5311
5474
|
init_Shortcut();
|
|
@@ -5329,7 +5492,7 @@ function init_ContextMenu() {
|
|
|
5329
5492
|
if (context && "importPath" in context && context.importPath) defaultLinks.push({
|
|
5330
5493
|
id: "open-in-editor",
|
|
5331
5494
|
title: "Open in editor",
|
|
5332
|
-
icon: /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
5495
|
+
icon: /* @__PURE__ */ _storybook_global_react_default.createElement(CodeIcon, null),
|
|
5333
5496
|
right: openInEditorShortcut ? /* @__PURE__ */ _storybook_global_react_default.createElement(Shortcut, { keys: openInEditorShortcut }) : null,
|
|
5334
5497
|
onClick: (e) => {
|
|
5335
5498
|
if (context.importPath) {
|
|
@@ -5443,17 +5606,17 @@ function init_StatusContext() {
|
|
|
5443
5606
|
}
|
|
5444
5607
|
//#endregion
|
|
5445
5608
|
//#region src/manager/components/sidebar/components/CollapseIcon.module.css
|
|
5446
|
-
var id$
|
|
5609
|
+
var id$18, CollapseIcon_module_default;
|
|
5447
5610
|
function init_CollapseIcon_module() {
|
|
5448
5611
|
return (init_CollapseIcon_module = __esmMin((() => {
|
|
5449
|
-
id$
|
|
5450
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
5612
|
+
id$18 = "core/src/manager/components/sidebar/components/CollapseIcon.module.css";
|
|
5613
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$18}"]`)) {
|
|
5451
5614
|
const style = document.createElement("style");
|
|
5452
|
-
style.setAttribute("data-
|
|
5453
|
-
style.textContent = ".
|
|
5615
|
+
style.setAttribute("data-fb-css", id$18);
|
|
5616
|
+
style.textContent = ".fb-I3SVhW-collapseIcon{width:8px;height:8px;color:var(--fb-text-muted-color);justify-content:center;align-items:center;transition:transform .1s ease-out;display:flex;&[data-expanded]{transform:rotate(90deg)}}";
|
|
5454
5617
|
document.head.appendChild(style);
|
|
5455
5618
|
}
|
|
5456
|
-
CollapseIcon_module_default = { "collapseIcon": "
|
|
5619
|
+
CollapseIcon_module_default = { "collapseIcon": "fb-I3SVhW-collapseIcon" };
|
|
5457
5620
|
})))();
|
|
5458
5621
|
}
|
|
5459
5622
|
//#endregion
|
|
@@ -5483,21 +5646,21 @@ function init_CollapseIcon() {
|
|
|
5483
5646
|
}
|
|
5484
5647
|
//#endregion
|
|
5485
5648
|
//#region src/manager/components/sidebar/TreeNode.module.css
|
|
5486
|
-
var id$
|
|
5649
|
+
var id$17, TreeNode_module_default;
|
|
5487
5650
|
function init_TreeNode_module() {
|
|
5488
5651
|
return (init_TreeNode_module = __esmMin((() => {
|
|
5489
|
-
id$
|
|
5490
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
5652
|
+
id$17 = "core/src/manager/components/sidebar/TreeNode.module.css";
|
|
5653
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$17}"]`)) {
|
|
5491
5654
|
const style = document.createElement("style");
|
|
5492
|
-
style.setAttribute("data-
|
|
5493
|
-
style.textContent = ".
|
|
5655
|
+
style.setAttribute("data-fb-css", id$17);
|
|
5656
|
+
style.textContent = ".fb-EEHcsW-typeIcon{width:14px;height:14px;color:var(--fb-text-muted-color);flex:none;[data-sidebar-tree]:not([data-show-icons]) &{display:none}}.fb-EEHcsW-node{cursor:pointer;text-align:left;width:100%;color:inherit;font-size:var(--fb-size-s2);font-weight:inherit;min-height:28px;padding-left:calc(22px + var(--fb-depth,0) * 18px);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;background:0 0;border:none;border-radius:4px;flex:1;align-items:start;gap:6px;padding-top:5px;padding-bottom:4px;padding-right:6px;text-decoration:none;display:flex;&[data-expandable]{padding-left:calc(8px + var(--fb-depth,0) * 18px)}}.fb-EEHcsW-rootNode{justify-content:space-between;align-items:center;margin-top:16px;margin-bottom:4px;display:flex;&:first-of-type{margin-top:0}}.fb-EEHcsW-wrapper{align-items:center;gap:6px;margin-top:2px;display:flex}";
|
|
5494
5657
|
document.head.appendChild(style);
|
|
5495
5658
|
}
|
|
5496
5659
|
TreeNode_module_default = {
|
|
5497
|
-
"
|
|
5498
|
-
"
|
|
5499
|
-
"
|
|
5500
|
-
"
|
|
5660
|
+
"node": "fb-EEHcsW-node",
|
|
5661
|
+
"typeIcon": "fb-EEHcsW-typeIcon",
|
|
5662
|
+
"wrapper": "fb-EEHcsW-wrapper",
|
|
5663
|
+
"rootNode": "fb-EEHcsW-rootNode"
|
|
5501
5664
|
};
|
|
5502
5665
|
})))();
|
|
5503
5666
|
}
|
|
@@ -5519,7 +5682,7 @@ function init_TreeNode() {
|
|
|
5519
5682
|
nodeProps = (depth = 0, className, style) => ({
|
|
5520
5683
|
className: clsx(TreeNode_module_default.node, className),
|
|
5521
5684
|
style: {
|
|
5522
|
-
"--
|
|
5685
|
+
"--fb-depth": depth,
|
|
5523
5686
|
...style
|
|
5524
5687
|
}
|
|
5525
5688
|
});
|
|
@@ -5600,25 +5763,26 @@ function init_TreeNode() {
|
|
|
5600
5763
|
}
|
|
5601
5764
|
//#endregion
|
|
5602
5765
|
//#region src/manager/components/sidebar/useExpanded.ts
|
|
5603
|
-
var document$4, initializeExpanded, noop, useExpanded;
|
|
5766
|
+
var document$4, initializeExpanded, noop, expandAllByDefault, useExpanded;
|
|
5604
5767
|
function init_useExpanded() {
|
|
5605
5768
|
return (init_useExpanded = __esmMin((() => {
|
|
5606
5769
|
init__storybook_global_react();
|
|
5607
5770
|
init_core_events();
|
|
5608
|
-
|
|
5771
|
+
init_global();
|
|
5609
5772
|
init_throttle();
|
|
5610
5773
|
init_manager_api();
|
|
5611
5774
|
init_keybinding();
|
|
5612
5775
|
init_tree();
|
|
5613
|
-
({document: document$4} =
|
|
5776
|
+
({document: document$4} = global);
|
|
5614
5777
|
initializeExpanded = ({ refId, data, initialExpanded, highlightedRef, rootIds, selectedStoryId }) => {
|
|
5615
5778
|
const selectedStory = selectedStoryId && data[selectedStoryId];
|
|
5616
|
-
const candidates = [...rootIds];
|
|
5779
|
+
const candidates = expandAllByDefault() ? Object.keys(data) : [...rootIds];
|
|
5617
5780
|
if (highlightedRef.current?.refId === refId) candidates.push(...getAncestorIds(data, highlightedRef.current?.itemId));
|
|
5618
5781
|
if (selectedStory && "children" in selectedStory && selectedStory.children?.length) candidates.push(selectedStoryId);
|
|
5619
5782
|
return candidates.reduce((acc, id) => Object.assign(acc, { [id]: id in initialExpanded ? initialExpanded[id] : true }), {});
|
|
5620
5783
|
};
|
|
5621
5784
|
noop = () => {};
|
|
5785
|
+
expandAllByDefault = () => addons.getConfig().sidebar?.expandAll !== false;
|
|
5622
5786
|
useExpanded = ({ containerRef, isBrowsing, refId, data, initialExpanded, rootIds, highlightedRef, setHighlightedItemId, selectedStoryId, onSelectStoryId }) => {
|
|
5623
5787
|
const api = useStorybookApi();
|
|
5624
5788
|
const [expanded, setExpanded] = useReducer((state, { ids, value }) => ids.reduce((acc, id) => Object.assign(acc, { [id]: value }), { ...state }), {
|
|
@@ -5755,21 +5919,21 @@ function init_useExpanded() {
|
|
|
5755
5919
|
}
|
|
5756
5920
|
//#endregion
|
|
5757
5921
|
//#region src/manager/components/sidebar/Tree.module.css
|
|
5758
|
-
var id$
|
|
5922
|
+
var id$16, Tree_module_default;
|
|
5759
5923
|
function init_Tree_module() {
|
|
5760
5924
|
return (init_Tree_module = __esmMin((() => {
|
|
5761
|
-
id$
|
|
5762
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
5925
|
+
id$16 = "core/src/manager/components/sidebar/Tree.module.css";
|
|
5926
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$16}"]`)) {
|
|
5763
5927
|
const style = document.createElement("style");
|
|
5764
|
-
style.setAttribute("data-
|
|
5765
|
-
style.textContent = ".
|
|
5928
|
+
style.setAttribute("data-fb-css", id$16);
|
|
5929
|
+
style.textContent = ".fb-SdZTUG-collapseButton{font-size:calc(var(--fb-size-s1) - 1px);font-weight:var(--fb-weight-bold);letter-spacing:.16em;text-transform:uppercase;color:var(--fb-text-muted-color);padding:0 8px}.fb-SdZTUG-leafNodeStyleWrapper{color:var(--fb-color-default-text);--tree-node-background-hover:var(--fb-background-content);background:0 0;border-radius:4px;justify-content:space-between;align-items:flex-start;min-height:28px;display:flex;position:relative;overflow:hidden;@media (width>=600px){--tree-node-background-hover:var(--fb-background-app)}&:hover,&:focus{--tree-node-background-hover:var(--fb-background-hoverable);background:var(--tree-node-background-hover);outline:none}& [data-displayed=off]{visibility:hidden}&:hover [data-displayed=off]{visibility:visible}& [data-displayed=on]+*,&:hover [data-displayed=off]+*{visibility:hidden}&[data-selected=true]{--selected-background:#78788033;color:var(--fb-color-default-text);background:var(--selected-background);font-weight:var(--fb-weight-bold);&:hover,&:focus{background:var(--selected-background)}}& a{color:currentColor}}:where([data-fb-theme=dark]) .fb-SdZTUG-leafNodeStyleWrapper[data-selected=true]{--selected-background:#7878805c}.fb-SdZTUG-skipToContentLink{display:none;@media (width>=600px){box-sizing:border-box;opacity:0;width:1px;height:20px;padding:0;font-size:10px;display:block;overflow:hidden;&:focus{opacity:1;color:var(--fb-color-secondary);background:#fff;width:auto;padding:5px 10px}}}.fb-SdZTUG-statusSlots{align-items:center;display:flex}";
|
|
5766
5930
|
document.head.appendChild(style);
|
|
5767
5931
|
}
|
|
5768
5932
|
Tree_module_default = {
|
|
5769
|
-
"
|
|
5770
|
-
"
|
|
5771
|
-
"
|
|
5772
|
-
"
|
|
5933
|
+
"leafNodeStyleWrapper": "fb-SdZTUG-leafNodeStyleWrapper",
|
|
5934
|
+
"statusSlots": "fb-SdZTUG-statusSlots",
|
|
5935
|
+
"collapseButton": "fb-SdZTUG-collapseButton",
|
|
5936
|
+
"skipToContentLink": "fb-SdZTUG-skipToContentLink"
|
|
5773
5937
|
};
|
|
5774
5938
|
})))();
|
|
5775
5939
|
}
|
|
@@ -5782,11 +5946,11 @@ function init_Tree() {
|
|
|
5782
5946
|
init_components();
|
|
5783
5947
|
init_core_events();
|
|
5784
5948
|
init_types$1();
|
|
5785
|
-
|
|
5949
|
+
init__storybook_global_lucide_react();
|
|
5786
5950
|
init_manager_api();
|
|
5787
5951
|
init_clsx();
|
|
5788
5952
|
init_theming();
|
|
5789
|
-
init_status
|
|
5953
|
+
init_status();
|
|
5790
5954
|
init_tree();
|
|
5791
5955
|
init_LayoutProvider();
|
|
5792
5956
|
init_ContextMenu();
|
|
@@ -5933,7 +6097,7 @@ function init_Tree() {
|
|
|
5933
6097
|
event.preventDefault();
|
|
5934
6098
|
setFullyExpanded();
|
|
5935
6099
|
}
|
|
5936
|
-
}, isFullyExpanded ? /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
6100
|
+
}, isFullyExpanded ? /* @__PURE__ */ _storybook_global_react_default.createElement(FoldVerticalIcon, null) : /* @__PURE__ */ _storybook_global_react_default.createElement(ExpandIcon, null)));
|
|
5937
6101
|
if (item.type === "component" || item.type === "group" || item.type === "story" && "children" in item && item.children) {
|
|
5938
6102
|
const { children = [] } = item;
|
|
5939
6103
|
const BranchNode = {
|
|
@@ -6090,6 +6254,7 @@ function init_Tree() {
|
|
|
6090
6254
|
Tree = _storybook_global_react_default.memo(function Tree({ isBrowsing, refId, data, allStatuses, docsMode, highlightedRef, setHighlightedItemId, selectedStoryId, onSelectStoryId }) {
|
|
6091
6255
|
const containerRef = useRef(null);
|
|
6092
6256
|
const api = useStorybookApi();
|
|
6257
|
+
const showIcons = addons.getConfig().sidebar?.showIcons === true;
|
|
6093
6258
|
const isModifiedFilterActive = (useStorybookState().includedStatusFilters ?? []).includes("status-value:modified");
|
|
6094
6259
|
const [rootIds, orphanIds, initialExpanded] = useMemo(() => Object.keys(data).reduce((acc, id) => {
|
|
6095
6260
|
const item = data[id];
|
|
@@ -6115,28 +6280,20 @@ function init_Tree() {
|
|
|
6115
6280
|
rootIds,
|
|
6116
6281
|
orphanIds
|
|
6117
6282
|
]);
|
|
6118
|
-
const
|
|
6119
|
-
|
|
6120
|
-
|
|
6121
|
-
|
|
6122
|
-
|
|
6123
|
-
|
|
6124
|
-
const onlyChild = data[children[0]];
|
|
6125
|
-
if (onlyChild.type === "docs") return true;
|
|
6126
|
-
if (onlyChild.type === "story" && onlyChild.subtype === "story") return isStoryHoistable(onlyChild.name, name);
|
|
6127
|
-
return false;
|
|
6128
|
-
});
|
|
6129
|
-
}, [data]);
|
|
6130
|
-
const collapsedItems = useMemo(() => Object.keys(data).filter((id) => !singleStoryComponentIds.includes(id)), [data, singleStoryComponentIds]);
|
|
6283
|
+
const { hoisted, hiddenIds } = useMemo(() => getHoistedComponents(data), [data]);
|
|
6284
|
+
const collapsedItems = useMemo(() => Object.keys(data).filter((id) => !(id in hoisted) && !hiddenIds.includes(id)), [
|
|
6285
|
+
data,
|
|
6286
|
+
hoisted,
|
|
6287
|
+
hiddenIds
|
|
6288
|
+
]);
|
|
6131
6289
|
const collapsedData = useMemo(() => {
|
|
6132
|
-
return
|
|
6133
|
-
const {
|
|
6134
|
-
const [childId] = children;
|
|
6290
|
+
return Object.entries(hoisted).reduce((acc, [id, childId]) => {
|
|
6291
|
+
const { parent, name } = data[id];
|
|
6135
6292
|
if (parent) {
|
|
6136
|
-
const siblings = [...
|
|
6293
|
+
const siblings = [...acc[parent].children];
|
|
6137
6294
|
siblings[siblings.indexOf(id)] = childId;
|
|
6138
6295
|
acc[parent] = {
|
|
6139
|
-
...
|
|
6296
|
+
...acc[parent],
|
|
6140
6297
|
children: siblings
|
|
6141
6298
|
};
|
|
6142
6299
|
}
|
|
@@ -6148,7 +6305,7 @@ function init_Tree() {
|
|
|
6148
6305
|
};
|
|
6149
6306
|
return acc;
|
|
6150
6307
|
}, { ...data });
|
|
6151
|
-
}, [data,
|
|
6308
|
+
}, [data, hoisted]);
|
|
6152
6309
|
const ancestry = useMemo(() => {
|
|
6153
6310
|
return collapsedItems.reduce((acc, id) => Object.assign(acc, { [id]: getAncestorIds(collapsedData, id) }), {});
|
|
6154
6311
|
}, [collapsedItems, collapsedData]);
|
|
@@ -6231,27 +6388,31 @@ function init_Tree() {
|
|
|
6231
6388
|
data,
|
|
6232
6389
|
allStatuses,
|
|
6233
6390
|
groupStatus
|
|
6234
|
-
} }, /* @__PURE__ */ _storybook_global_react_default.createElement("div", {
|
|
6391
|
+
} }, /* @__PURE__ */ _storybook_global_react_default.createElement("div", {
|
|
6392
|
+
ref: containerRef,
|
|
6393
|
+
"data-sidebar-tree": true,
|
|
6394
|
+
"data-show-icons": showIcons || void 0
|
|
6395
|
+
}, treeItems));
|
|
6235
6396
|
});
|
|
6236
6397
|
})))();
|
|
6237
6398
|
}
|
|
6238
6399
|
//#endregion
|
|
6239
6400
|
//#region src/manager/components/sidebar/Refs.module.css
|
|
6240
|
-
var id$
|
|
6401
|
+
var id$15, Refs_module_default;
|
|
6241
6402
|
function init_Refs_module() {
|
|
6242
6403
|
return (init_Refs_module = __esmMin((() => {
|
|
6243
|
-
id$
|
|
6244
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
6404
|
+
id$15 = "core/src/manager/components/sidebar/Refs.module.css";
|
|
6405
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$15}"]`)) {
|
|
6245
6406
|
const style = document.createElement("style");
|
|
6246
|
-
style.setAttribute("data-
|
|
6247
|
-
style.textContent = ".
|
|
6407
|
+
style.setAttribute("data-fb-css", id$15);
|
|
6408
|
+
style.textContent = ".fb-XA7PFq-wrapper{position:relative;&:not([data-main]){margin-top:0}}.fb-XA7PFq-refHead{font-weight:var(--fb-weight-bold);font-size:var(--fb-size-s2);border-top:1px solid var(--fb-app-border-color);width:100%;color:var(--fb-color-default-text);background:0 0;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;padding-bottom:12px;line-height:16px;text-decoration:none;display:flex}.fb-XA7PFq-refTitle{text-overflow:ellipsis;white-space:nowrap;flex:1;margin-left:2px;overflow:hidden}.fb-XA7PFq-collapseButton{all:unset;cursor:pointer;align-items:center;gap:6px;padding:0 8px;display:flex;overflow:hidden;&:focus{border-color:var(--fb-color-secondary);& span:first-of-type{border-left-color:var(--fb-color-secondary)}}}";
|
|
6248
6409
|
document.head.appendChild(style);
|
|
6249
6410
|
}
|
|
6250
6411
|
Refs_module_default = {
|
|
6251
|
-
"wrapper": "
|
|
6252
|
-
"
|
|
6253
|
-
"
|
|
6254
|
-
"refTitle": "
|
|
6412
|
+
"wrapper": "fb-XA7PFq-wrapper",
|
|
6413
|
+
"refHead": "fb-XA7PFq-refHead",
|
|
6414
|
+
"collapseButton": "fb-XA7PFq-collapseButton",
|
|
6415
|
+
"refTitle": "fb-XA7PFq-refTitle"
|
|
6255
6416
|
};
|
|
6256
6417
|
})))();
|
|
6257
6418
|
}
|
|
@@ -6345,11 +6506,11 @@ function init_useHighlighted() {
|
|
|
6345
6506
|
return (init_useHighlighted = __esmMin((() => {
|
|
6346
6507
|
init__storybook_global_react();
|
|
6347
6508
|
init_core_events();
|
|
6348
|
-
|
|
6509
|
+
init_global();
|
|
6349
6510
|
init_manager_api();
|
|
6350
6511
|
init_keybinding();
|
|
6351
6512
|
init_tree();
|
|
6352
|
-
({document: document$3, window: globalWindow} =
|
|
6513
|
+
({document: document$3, window: globalWindow} = global);
|
|
6353
6514
|
fromSelection = (selection) => selection ? {
|
|
6354
6515
|
itemId: selection.storyId,
|
|
6355
6516
|
refId: selection.refId
|
|
@@ -6464,7 +6625,7 @@ function init_Explorer() {
|
|
|
6464
6625
|
return /* @__PURE__ */ _storybook_global_react_default.createElement("nav", {
|
|
6465
6626
|
hidden: isHidden || void 0,
|
|
6466
6627
|
"aria-hidden": isHidden || void 0,
|
|
6467
|
-
className: isBrowsing ? void 0 : "
|
|
6628
|
+
className: isBrowsing ? void 0 : "fb-sr-only",
|
|
6468
6629
|
ref: containerRef,
|
|
6469
6630
|
id: "storybook-explorer-tree",
|
|
6470
6631
|
"data-highlighted-ref-id": highlighted?.refId,
|
|
@@ -6473,7 +6634,7 @@ function init_Explorer() {
|
|
|
6473
6634
|
...restProps
|
|
6474
6635
|
}, /* @__PURE__ */ _storybook_global_react_default.createElement("h2", {
|
|
6475
6636
|
id: "storybook-explorer-tree-heading",
|
|
6476
|
-
className: "
|
|
6637
|
+
className: "fb-sr-only"
|
|
6477
6638
|
}, "Stories"), highlighted && /* @__PURE__ */ _storybook_global_react_default.createElement(HighlightStyles, highlighted), dataset.entries.map(([refId, ref]) => /* @__PURE__ */ _storybook_global_react_default.createElement(Ref, {
|
|
6478
6639
|
...ref,
|
|
6479
6640
|
key: refId,
|
|
@@ -6489,19 +6650,19 @@ function init_Explorer() {
|
|
|
6489
6650
|
}
|
|
6490
6651
|
//#endregion
|
|
6491
6652
|
//#region src/manager/components/sidebar/FilterPanelLink.module.css
|
|
6492
|
-
var id$
|
|
6653
|
+
var id$14, FilterPanelLink_module_default;
|
|
6493
6654
|
function init_FilterPanelLink_module() {
|
|
6494
6655
|
return (init_FilterPanelLink_module = __esmMin((() => {
|
|
6495
|
-
id$
|
|
6496
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
6656
|
+
id$14 = "core/src/manager/components/sidebar/FilterPanelLink.module.css";
|
|
6657
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$14}"]`)) {
|
|
6497
6658
|
const style = document.createElement("style");
|
|
6498
|
-
style.setAttribute("data-
|
|
6499
|
-
style.textContent = ".
|
|
6659
|
+
style.setAttribute("data-fb-css", id$14);
|
|
6660
|
+
style.textContent = ".fb-eYJvqG-mutedText{color:var(--fb-text-muted-color)}.fb-eYJvqG-statusIcon{display:contents;&>svg{transform:scale(1.3)}}";
|
|
6500
6661
|
document.head.appendChild(style);
|
|
6501
6662
|
}
|
|
6502
6663
|
FilterPanelLink_module_default = {
|
|
6503
|
-
"
|
|
6504
|
-
"
|
|
6664
|
+
"statusIcon": "fb-eYJvqG-statusIcon",
|
|
6665
|
+
"mutedText": "fb-eYJvqG-mutedText"
|
|
6505
6666
|
};
|
|
6506
6667
|
})))();
|
|
6507
6668
|
}
|
|
@@ -6512,7 +6673,7 @@ function init_FilterPanelLink() {
|
|
|
6512
6673
|
return (init_FilterPanelLink = __esmMin((() => {
|
|
6513
6674
|
init__storybook_global_react();
|
|
6514
6675
|
init_components();
|
|
6515
|
-
|
|
6676
|
+
init__storybook_global_lucide_react();
|
|
6516
6677
|
init_FilterPanelLink_module();
|
|
6517
6678
|
StatusIcon = ({ iconColor, children }) => /* @__PURE__ */ _storybook_global_react_default.createElement("span", {
|
|
6518
6679
|
className: FilterPanelLink_module_default.statusIcon,
|
|
@@ -6530,7 +6691,7 @@ function init_FilterPanelLink() {
|
|
|
6530
6691
|
ariaLabel: false,
|
|
6531
6692
|
tabIndex: -1,
|
|
6532
6693
|
tooltip: toggleTooltip
|
|
6533
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Icon, null, isExcluded ? /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
6694
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Icon, null, isExcluded ? /* @__PURE__ */ _storybook_global_react_default.createElement(CircleXIcon, null) : isIncluded ? null : icon, /* @__PURE__ */ _storybook_global_react_default.createElement(Form.Checkbox, {
|
|
6534
6695
|
checked: isChecked,
|
|
6535
6696
|
onChange: onCheckboxChange,
|
|
6536
6697
|
"data-tag": title,
|
|
@@ -6545,40 +6706,11 @@ function init_FilterPanelLink() {
|
|
|
6545
6706
|
})))();
|
|
6546
6707
|
}
|
|
6547
6708
|
//#endregion
|
|
6548
|
-
//#region src/manager-errors.ts
|
|
6549
|
-
var StatusTypeIdMismatchError, UniversalStoreFollowerTimeoutError;
|
|
6550
|
-
function init_manager_errors() {
|
|
6551
|
-
return (init_manager_errors = __esmMin((() => {
|
|
6552
|
-
init_storybook_error();
|
|
6553
|
-
StatusTypeIdMismatchError = class extends StorybookError {
|
|
6554
|
-
constructor(data) {
|
|
6555
|
-
super({
|
|
6556
|
-
name: "StatusTypeIdMismatchError",
|
|
6557
|
-
category: "MANAGER_API",
|
|
6558
|
-
code: 1,
|
|
6559
|
-
message: `Status has typeId "${data.status.typeId}" but was added to store with typeId "${data.typeId}". Full status: ${JSON.stringify(data.status, null, 2)}`
|
|
6560
|
-
});
|
|
6561
|
-
this.data = data;
|
|
6562
|
-
}
|
|
6563
|
-
};
|
|
6564
|
-
UniversalStoreFollowerTimeoutError = class extends StorybookError {
|
|
6565
|
-
constructor(followerId) {
|
|
6566
|
-
super({
|
|
6567
|
-
name: "UniversalStoreFollowerTimeoutError",
|
|
6568
|
-
category: "MANAGER_UNIVERSAL-STORE",
|
|
6569
|
-
code: 1,
|
|
6570
|
-
message: `Timed out waiting for leader state for UniversalStore follower with id: '${followerId}'. Ensure a leader with the same id exists and is reachable before creating a follower.`
|
|
6571
|
-
});
|
|
6572
|
-
}
|
|
6573
|
-
};
|
|
6574
|
-
})))();
|
|
6575
|
-
}
|
|
6576
|
-
//#endregion
|
|
6577
6709
|
//#region src/manager/components/sidebar/FilterPanel.utils.ts
|
|
6578
6710
|
var BUILT_IN_TAGS, STATUS_DISPLAY_ORDER, areFiltersEqual, getFilterFunction;
|
|
6579
6711
|
function init_FilterPanel_utils() {
|
|
6580
6712
|
return (init_FilterPanel_utils = __esmMin((() => {
|
|
6581
|
-
init_tags
|
|
6713
|
+
init_tags();
|
|
6582
6714
|
init_status_store();
|
|
6583
6715
|
BUILT_IN_TAGS = /* @__PURE__ */ new Set([
|
|
6584
6716
|
"dev",
|
|
@@ -6606,7 +6738,7 @@ function init_FilterPanel_utils() {
|
|
|
6606
6738
|
//#endregion
|
|
6607
6739
|
//#region src/manager/components/sidebar/useFilterData.tsx
|
|
6608
6740
|
function useTagFilterEntries(indexJson) {
|
|
6609
|
-
const tagOptions =
|
|
6741
|
+
const tagOptions = global.TAGS_OPTIONS;
|
|
6610
6742
|
return useMemo(() => {
|
|
6611
6743
|
const entries = Object.values(indexJson.entries);
|
|
6612
6744
|
const userTagsCounts = entries.reduce((acc, entry) => {
|
|
@@ -6650,27 +6782,27 @@ var BUILT_IN_FILTER_DEFS;
|
|
|
6650
6782
|
function init_useFilterData() {
|
|
6651
6783
|
return (init_useFilterData = __esmMin((() => {
|
|
6652
6784
|
init__storybook_global_react();
|
|
6653
|
-
|
|
6654
|
-
|
|
6785
|
+
init_global();
|
|
6786
|
+
init__storybook_global_lucide_react();
|
|
6655
6787
|
init_theming();
|
|
6656
6788
|
init_FilterPanel_utils();
|
|
6657
6789
|
BUILT_IN_FILTER_DEFS = [
|
|
6658
6790
|
{
|
|
6659
6791
|
id: "_docs",
|
|
6660
6792
|
title: "Documentation",
|
|
6661
|
-
icon: /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
6793
|
+
icon: /* @__PURE__ */ _storybook_global_react_default.createElement(FileTextIcon, { color: color.gold }),
|
|
6662
6794
|
tag: "_docs"
|
|
6663
6795
|
},
|
|
6664
6796
|
{
|
|
6665
6797
|
id: "_play",
|
|
6666
6798
|
title: "Play",
|
|
6667
|
-
icon: /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
6799
|
+
icon: /* @__PURE__ */ _storybook_global_react_default.createElement(CirclePlayIcon, { color: color.seafoam }),
|
|
6668
6800
|
tag: "_play"
|
|
6669
6801
|
},
|
|
6670
6802
|
{
|
|
6671
6803
|
id: "_test",
|
|
6672
6804
|
title: "Testing",
|
|
6673
|
-
icon: /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
6805
|
+
icon: /* @__PURE__ */ _storybook_global_react_default.createElement(FlaskConicalIcon, { color: color.green }),
|
|
6674
6806
|
tag: "_test"
|
|
6675
6807
|
}
|
|
6676
6808
|
];
|
|
@@ -6678,17 +6810,17 @@ function init_useFilterData() {
|
|
|
6678
6810
|
}
|
|
6679
6811
|
//#endregion
|
|
6680
6812
|
//#region src/manager/components/sidebar/FilterPanel.module.css
|
|
6681
|
-
var id$
|
|
6813
|
+
var id$13, FilterPanel_module_default;
|
|
6682
6814
|
function init_FilterPanel_module() {
|
|
6683
6815
|
return (init_FilterPanel_module = __esmMin((() => {
|
|
6684
|
-
id$
|
|
6685
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
6816
|
+
id$13 = "core/src/manager/components/sidebar/FilterPanel.module.css";
|
|
6817
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$13}"]`)) {
|
|
6686
6818
|
const style = document.createElement("style");
|
|
6687
|
-
style.setAttribute("data-
|
|
6688
|
-
style.textContent = ".
|
|
6819
|
+
style.setAttribute("data-fb-css", id$13);
|
|
6820
|
+
style.textContent = ".fb-3AblDa-wrapper{min-width:240px;max-width:300px;max-height:504px;overflow:hidden auto}";
|
|
6689
6821
|
document.head.appendChild(style);
|
|
6690
6822
|
}
|
|
6691
|
-
FilterPanel_module_default = { "wrapper": "
|
|
6823
|
+
FilterPanel_module_default = { "wrapper": "fb-3AblDa-wrapper" };
|
|
6692
6824
|
})))();
|
|
6693
6825
|
}
|
|
6694
6826
|
//#endregion
|
|
@@ -6698,9 +6830,9 @@ function init_FilterPanel() {
|
|
|
6698
6830
|
return (init_FilterPanel = __esmMin((() => {
|
|
6699
6831
|
init__storybook_global_react();
|
|
6700
6832
|
init_components();
|
|
6701
|
-
|
|
6833
|
+
init__storybook_global_lucide_react();
|
|
6702
6834
|
init_theming();
|
|
6703
|
-
init_status
|
|
6835
|
+
init_status();
|
|
6704
6836
|
init_FilterPanelLink();
|
|
6705
6837
|
init_FilterPanel_utils();
|
|
6706
6838
|
init_useFilterData();
|
|
@@ -6778,7 +6910,7 @@ function init_FilterPanel() {
|
|
|
6778
6910
|
id: "select-all",
|
|
6779
6911
|
key: "select-all",
|
|
6780
6912
|
onClick: () => setAllFilters(true)
|
|
6781
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
6913
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(CheckCheckIcon, null), /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Text, null, "Select all")) : /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Button, {
|
|
6782
6914
|
ariaLabel: false,
|
|
6783
6915
|
id: "deselect-all",
|
|
6784
6916
|
key: "deselect-all",
|
|
@@ -6786,14 +6918,14 @@ function init_FilterPanel() {
|
|
|
6786
6918
|
await setAllFilters(false);
|
|
6787
6919
|
await api.resetStatusFilters();
|
|
6788
6920
|
}
|
|
6789
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
6921
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(BrushCleaningIcon, null), /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Text, null, "Clear filters")), hasDefaultSelection && /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Button, {
|
|
6790
6922
|
id: "reset-filters",
|
|
6791
6923
|
key: "reset-filters",
|
|
6792
6924
|
onClick: () => api.resetTagFilters(),
|
|
6793
6925
|
ariaLabel: "Reset filters",
|
|
6794
6926
|
tooltip: "Reset to default selection",
|
|
6795
6927
|
disabled: isDefaultSelection
|
|
6796
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
6928
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(RotateCcwIcon, null)))), reviewingStatusItems.length > 0 && /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList, null, reviewingStatusItems.map((item) => {
|
|
6797
6929
|
const link = createFilterLink(item);
|
|
6798
6930
|
return /* @__PURE__ */ _storybook_global_react_default.createElement(Fragment, { key: link.id }, link.content);
|
|
6799
6931
|
})), builtInItems.length > 0 && /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList, null, builtInItems.map((item) => {
|
|
@@ -6809,25 +6941,25 @@ function init_FilterPanel() {
|
|
|
6809
6941
|
ariaLabel: false,
|
|
6810
6942
|
href: api.getDocsUrl({ subpath: "writing-stories/tags#custom-tags" }),
|
|
6811
6943
|
target: "_blank"
|
|
6812
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Icon, null, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
6944
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Icon, null, /* @__PURE__ */ _storybook_global_react_default.createElement(FileTextIcon, null)), /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Text, null, /* @__PURE__ */ _storybook_global_react_default.createElement("span", null, "Learn how to add tags")), /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Icon, null, /* @__PURE__ */ _storybook_global_react_default.createElement(Share2Icon, null))))));
|
|
6813
6945
|
};
|
|
6814
6946
|
})))();
|
|
6815
6947
|
}
|
|
6816
6948
|
//#endregion
|
|
6817
6949
|
//#region src/manager/components/sidebar/Filter.module.css
|
|
6818
|
-
var id$
|
|
6950
|
+
var id$12, Filter_module_default;
|
|
6819
6951
|
function init_Filter_module() {
|
|
6820
6952
|
return (init_Filter_module = __esmMin((() => {
|
|
6821
|
-
id$
|
|
6822
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
6953
|
+
id$12 = "core/src/manager/components/sidebar/Filter.module.css";
|
|
6954
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$12}"]`)) {
|
|
6823
6955
|
const style = document.createElement("style");
|
|
6824
|
-
style.setAttribute("data-
|
|
6825
|
-
style.textContent = ".
|
|
6956
|
+
style.setAttribute("data-fb-css", id$12);
|
|
6957
|
+
style.textContent = ".fb-AAfxGW-filterButton{&:focus-visible{outline-offset:4px}&:where([data-highlighted]){background:var(--fb-background-hoverable)}}.fb-AAfxGW-tagSelected{min-width:6px;height:6px;box-shadow:var(--fb-bar-selected-color) 0 0 0 1px inset;background:var(--fb-bar-selected-color);color:var(--fb-color-inverse-text);border-radius:20px;justify-content:center;align-items:center;padding:3px;display:flex;position:absolute;top:7px;right:7px;transform:translate(50%,-50%)}";
|
|
6826
6958
|
document.head.appendChild(style);
|
|
6827
6959
|
}
|
|
6828
6960
|
Filter_module_default = {
|
|
6829
|
-
"filterButton": "
|
|
6830
|
-
"tagSelected": "
|
|
6961
|
+
"filterButton": "fb-AAfxGW-filterButton",
|
|
6962
|
+
"tagSelected": "fb-AAfxGW-tagSelected"
|
|
6831
6963
|
};
|
|
6832
6964
|
})))();
|
|
6833
6965
|
}
|
|
@@ -6838,7 +6970,7 @@ function init_Filter() {
|
|
|
6838
6970
|
return (init_Filter = __esmMin((() => {
|
|
6839
6971
|
init__storybook_global_react();
|
|
6840
6972
|
init_components();
|
|
6841
|
-
|
|
6973
|
+
init__storybook_global_lucide_react();
|
|
6842
6974
|
init_manager_api();
|
|
6843
6975
|
init_story_index_filters();
|
|
6844
6976
|
init_FilterPanel();
|
|
@@ -6887,7 +7019,7 @@ function init_Filter() {
|
|
|
6887
7019
|
padding: "small",
|
|
6888
7020
|
"data-highlighted": activeFilterCount > 0 || void 0,
|
|
6889
7021
|
onClick: handleToggleExpand
|
|
6890
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
7022
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(ListFilterIcon, null), activeFilterCount > 0 && /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: Filter_module_default.tagSelected })));
|
|
6891
7023
|
};
|
|
6892
7024
|
Filter = () => /* @__PURE__ */ _storybook_global_react_default.createElement(Consumer, { filter: filterMapper }, ({ api, indexJson, activeFilterCount, defaultIncludedFilters, defaultExcludedFilters, includedFilters, excludedFilters, includedStatusFilters, excludedStatusFilters }) => indexJson ? /* @__PURE__ */ _storybook_global_react_default.createElement(FilterInner, {
|
|
6893
7025
|
api,
|
|
@@ -6904,20 +7036,20 @@ function init_Filter() {
|
|
|
6904
7036
|
}
|
|
6905
7037
|
//#endregion
|
|
6906
7038
|
//#region src/manager/components/sidebar/Brand.module.css
|
|
6907
|
-
var id$
|
|
7039
|
+
var id$11, Brand_module_default;
|
|
6908
7040
|
function init_Brand_module() {
|
|
6909
7041
|
return (init_Brand_module = __esmMin((() => {
|
|
6910
|
-
id$
|
|
6911
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
7042
|
+
id$11 = "core/src/manager/components/sidebar/Brand.module.css";
|
|
7043
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$11}"]`)) {
|
|
6912
7044
|
const style = document.createElement("style");
|
|
6913
|
-
style.setAttribute("data-
|
|
6914
|
-
style.textContent = ".
|
|
7045
|
+
style.setAttribute("data-fb-css", id$11);
|
|
7046
|
+
style.textContent = ".fb-UuNJxG-logo{width:auto;color:var(--fb-color-default-text);display:block;height:22px!important}:where([data-fb-theme=dark]) .fb-UuNJxG-logo{color:var(--fb-color-lightest)}.fb-UuNJxG-img{max-height:100px;display:block;max-width:150px!important}.fb-UuNJxG-logoLink{height:100%;color:inherit;border:1px solid #0000;border-radius:3px;align-items:center;margin:-3px -4px;padding:2px 3px;text-decoration:none;display:inline-flex;&:focus-visible{outline:2px solid var(--fb-color-secondary);outline-offset:2px}}";
|
|
6915
7047
|
document.head.appendChild(style);
|
|
6916
7048
|
}
|
|
6917
7049
|
Brand_module_default = {
|
|
6918
|
-
"img": "
|
|
6919
|
-
"
|
|
6920
|
-
"
|
|
7050
|
+
"img": "fb-UuNJxG-img",
|
|
7051
|
+
"logoLink": "fb-UuNJxG-logoLink",
|
|
7052
|
+
"logo": "fb-UuNJxG-logo"
|
|
6921
7053
|
};
|
|
6922
7054
|
})))();
|
|
6923
7055
|
}
|
|
@@ -6947,7 +7079,7 @@ function init_Brand() {
|
|
|
6947
7079
|
className: Brand_module_default.img,
|
|
6948
7080
|
src: image,
|
|
6949
7081
|
alt: title
|
|
6950
|
-
}) : /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
7082
|
+
}) : /* @__PURE__ */ _storybook_global_react_default.createElement(ForkbookLogo, {
|
|
6951
7083
|
className: Brand_module_default.logo,
|
|
6952
7084
|
alt: title
|
|
6953
7085
|
});
|
|
@@ -6963,20 +7095,20 @@ function init_Brand() {
|
|
|
6963
7095
|
}
|
|
6964
7096
|
//#endregion
|
|
6965
7097
|
//#region src/manager/components/sidebar/Menu.module.css
|
|
6966
|
-
var id$
|
|
7098
|
+
var id$10, Menu_module_default;
|
|
6967
7099
|
function init_Menu_module() {
|
|
6968
7100
|
return (init_Menu_module = __esmMin((() => {
|
|
6969
|
-
id$
|
|
6970
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
7101
|
+
id$10 = "core/src/manager/components/sidebar/Menu.module.css";
|
|
7102
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$10}"]`)) {
|
|
6971
7103
|
const style = document.createElement("style");
|
|
6972
|
-
style.setAttribute("data-
|
|
6973
|
-
style.textContent = ".
|
|
7104
|
+
style.setAttribute("data-fb-css", id$10);
|
|
7105
|
+
style.textContent = ".fb-_YecvW-sidebarButton{z-index:1;margin-top:0;position:relative;overflow:visible;&[data-mobile]{width:36px;height:36px}&[data-highlighted]{&:before,&:after{content:\"\";z-index:2;background:var(--fb-background-app);border:1px solid var(--fb-background-app);width:5px;height:5px;box-shadow:0 0 0 2px var(--fb-background-app);border-radius:50%;position:absolute;top:6px;right:6px}&:after{background:var(--fb-color-positive);box-shadow:0 0 0 2px var(--fb-background-app);border:1px solid #0000001a}&:hover:after,&:focus-visible:after{box-shadow:0 0 0 2px rgb(from var(--fb-color-secondary) r g b / calc(alpha - .88))}}}.fb-_YecvW-container{min-width:250px}.fb-_YecvW-menuButtonGroup{gap:6px;display:flex}";
|
|
6974
7106
|
document.head.appendChild(style);
|
|
6975
7107
|
}
|
|
6976
7108
|
Menu_module_default = {
|
|
6977
|
-
"sidebarButton": "
|
|
6978
|
-
"container": "
|
|
6979
|
-
"menuButtonGroup": "
|
|
7109
|
+
"sidebarButton": "fb-_YecvW-sidebarButton",
|
|
7110
|
+
"container": "fb-_YecvW-container",
|
|
7111
|
+
"menuButtonGroup": "fb-_YecvW-menuButtonGroup"
|
|
6980
7112
|
};
|
|
6981
7113
|
})))();
|
|
6982
7114
|
}
|
|
@@ -6987,7 +7119,7 @@ function init_Menu() {
|
|
|
6987
7119
|
return (init_Menu = __esmMin((() => {
|
|
6988
7120
|
init__storybook_global_react();
|
|
6989
7121
|
init_components();
|
|
6990
|
-
|
|
7122
|
+
init__storybook_global_lucide_react();
|
|
6991
7123
|
init_clsx();
|
|
6992
7124
|
init_manager_api();
|
|
6993
7125
|
init_LayoutProvider();
|
|
@@ -7058,16 +7190,16 @@ function init_Menu() {
|
|
|
7058
7190
|
isMobile: true,
|
|
7059
7191
|
asChild: true
|
|
7060
7192
|
}, /* @__PURE__ */ _storybook_global_react_default.createElement("a", {
|
|
7061
|
-
href: "
|
|
7193
|
+
href: "./settings/about",
|
|
7062
7194
|
rel: "canonical"
|
|
7063
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
7195
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(SettingsIcon, null))), /* @__PURE__ */ _storybook_global_react_default.createElement(SidebarButton, {
|
|
7064
7196
|
padding: "small",
|
|
7065
7197
|
variant: "ghost",
|
|
7066
7198
|
ariaLabel: "Close menu",
|
|
7067
7199
|
highlighted: false,
|
|
7068
7200
|
onClick: () => api.setMobileNavigation(false),
|
|
7069
7201
|
isMobile: true
|
|
7070
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
7202
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(XIcon, null)));
|
|
7071
7203
|
return /* @__PURE__ */ _storybook_global_react_default.createElement(PopoverProvider, {
|
|
7072
7204
|
ariaLabel: "Forkbook menu",
|
|
7073
7205
|
placement: "bottom-start",
|
|
@@ -7085,26 +7217,26 @@ function init_Menu() {
|
|
|
7085
7217
|
variant: "ghost",
|
|
7086
7218
|
size: "medium",
|
|
7087
7219
|
isMobile: false
|
|
7088
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
7220
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(SettingsIcon, null)));
|
|
7089
7221
|
};
|
|
7090
7222
|
})))();
|
|
7091
7223
|
}
|
|
7092
7224
|
//#endregion
|
|
7093
7225
|
//#region src/manager/components/sidebar/Heading.module.css
|
|
7094
|
-
var id$
|
|
7226
|
+
var id$9, Heading_module_default;
|
|
7095
7227
|
function init_Heading_module() {
|
|
7096
7228
|
return (init_Heading_module = __esmMin((() => {
|
|
7097
|
-
id$
|
|
7098
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
7229
|
+
id$9 = "core/src/manager/components/sidebar/Heading.module.css";
|
|
7230
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$9}"]`)) {
|
|
7099
7231
|
const style = document.createElement("style");
|
|
7100
|
-
style.setAttribute("data-
|
|
7101
|
-
style.textContent = ".
|
|
7232
|
+
style.setAttribute("data-fb-css", id$9);
|
|
7233
|
+
style.textContent = ".fb-jeTwbq-brandArea{font-size:var(--fb-size-s2);font-weight:var(--fb-weight-bold);color:var(--fb-color-default-text);align-items:center;width:100%;min-height:22px;margin-right:20px;display:flex;&>*>*{max-width:100%}&>*{flex:auto;max-width:100%;height:auto;display:block}}.fb-jeTwbq-headingWrapper{justify-content:space-between;align-items:center;min-height:42px;padding-left:8px;display:flex;position:relative}.fb-jeTwbq-skipToCanvasLink{display:none;@media (width>=600px){font-size:var(--fb-size-s1);clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal;opacity:0;border:0;width:1px;height:1px;margin:-1px;padding:0;transition:opacity .15s ease-out;display:block;position:absolute;overflow:hidden;&:focus{width:100%;height:inherit;clip:unset;overflow:unset;opacity:1;z-index:3;margin:0;padding:10px 15px}}}";
|
|
7102
7234
|
document.head.appendChild(style);
|
|
7103
7235
|
}
|
|
7104
7236
|
Heading_module_default = {
|
|
7105
|
-
"
|
|
7106
|
-
"
|
|
7107
|
-
"
|
|
7237
|
+
"headingWrapper": "fb-jeTwbq-headingWrapper",
|
|
7238
|
+
"skipToCanvasLink": "fb-jeTwbq-skipToCanvasLink",
|
|
7239
|
+
"brandArea": "fb-jeTwbq-brandArea"
|
|
7108
7240
|
};
|
|
7109
7241
|
})))();
|
|
7110
7242
|
}
|
|
@@ -7139,24 +7271,87 @@ function init_Heading() {
|
|
|
7139
7271
|
})))();
|
|
7140
7272
|
}
|
|
7141
7273
|
//#endregion
|
|
7274
|
+
//#region src/manager/components/sidebar/PageLinks.module.css
|
|
7275
|
+
var id$8, PageLinks_module_default;
|
|
7276
|
+
function init_PageLinks_module() {
|
|
7277
|
+
return (init_PageLinks_module = __esmMin((() => {
|
|
7278
|
+
id$8 = "core/src/manager/components/sidebar/PageLinks.module.css";
|
|
7279
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$8}"]`)) {
|
|
7280
|
+
const style = document.createElement("style");
|
|
7281
|
+
style.setAttribute("data-fb-css", id$8);
|
|
7282
|
+
style.textContent = ".fb-DvaVja-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.fb-DvaVja-link{min-height:28px;color:inherit;font-size:var(--fb-size-s2);border-radius:4px;align-items:center;gap:8px;padding:4px 8px;text-decoration:none;display:flex;&:hover,&:focus-visible{background:var(--fb-background-hoverable);outline:none}&[aria-current=page]{background:var(--fb-background-hoverable);font-weight:var(--fb-weight-bold)}}";
|
|
7283
|
+
document.head.appendChild(style);
|
|
7284
|
+
}
|
|
7285
|
+
PageLinks_module_default = {
|
|
7286
|
+
"link": "fb-DvaVja-link",
|
|
7287
|
+
"list": "fb-DvaVja-list"
|
|
7288
|
+
};
|
|
7289
|
+
})))();
|
|
7290
|
+
}
|
|
7291
|
+
//#endregion
|
|
7292
|
+
//#region src/manager/components/sidebar/PageLinks.tsx
|
|
7293
|
+
var PageLinksView, PageLinks;
|
|
7294
|
+
function init_PageLinks() {
|
|
7295
|
+
return (init_PageLinks = __esmMin((() => {
|
|
7296
|
+
init__storybook_global_react();
|
|
7297
|
+
init_router();
|
|
7298
|
+
init__storybook_global_lucide_react();
|
|
7299
|
+
init_manager_api();
|
|
7300
|
+
init_root_page();
|
|
7301
|
+
init_PageLinks_module();
|
|
7302
|
+
PageLinksView = ({ showHome, activePath, getHref, onNavigate }) => {
|
|
7303
|
+
const links = [...showHome ? [{
|
|
7304
|
+
path: HOME_PATH,
|
|
7305
|
+
title: "Home",
|
|
7306
|
+
icon: /* @__PURE__ */ _storybook_global_react_default.createElement(HouseIcon, null)
|
|
7307
|
+
}] : [], {
|
|
7308
|
+
path: ALL_STORIES_PATH,
|
|
7309
|
+
title: "All stories",
|
|
7310
|
+
icon: /* @__PURE__ */ _storybook_global_react_default.createElement(ListIcon, null)
|
|
7311
|
+
}];
|
|
7312
|
+
const onClick = (event, path) => {
|
|
7313
|
+
if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
|
|
7314
|
+
event.preventDefault();
|
|
7315
|
+
onNavigate(path);
|
|
7316
|
+
};
|
|
7317
|
+
return /* @__PURE__ */ _storybook_global_react_default.createElement("nav", { "aria-label": "Pages" }, /* @__PURE__ */ _storybook_global_react_default.createElement("ul", { className: PageLinks_module_default.list }, links.map(({ path, title, icon }) => /* @__PURE__ */ _storybook_global_react_default.createElement("li", { key: path }, /* @__PURE__ */ _storybook_global_react_default.createElement("a", {
|
|
7318
|
+
className: PageLinks_module_default.link,
|
|
7319
|
+
href: getHref(path),
|
|
7320
|
+
"aria-current": activePath === path ? "page" : void 0,
|
|
7321
|
+
onClick: (event) => onClick(event, path)
|
|
7322
|
+
}, icon, title)))));
|
|
7323
|
+
};
|
|
7324
|
+
PageLinks = () => {
|
|
7325
|
+
const api = useStorybookApi();
|
|
7326
|
+
const { path } = useStorybookState();
|
|
7327
|
+
return /* @__PURE__ */ _storybook_global_react_default.createElement(PageLinksView, {
|
|
7328
|
+
showHome: getRootPage().enabled,
|
|
7329
|
+
activePath: path,
|
|
7330
|
+
getHref: (target) => buildManagerHref(`${getBasename()}/`, target),
|
|
7331
|
+
onNavigate: (target) => api.navigate(target)
|
|
7332
|
+
});
|
|
7333
|
+
};
|
|
7334
|
+
})))();
|
|
7335
|
+
}
|
|
7336
|
+
//#endregion
|
|
7142
7337
|
//#region src/manager/components/sidebar/ReviewWidget.module.css
|
|
7143
7338
|
var id$7, ReviewWidget_module_default;
|
|
7144
7339
|
function init_ReviewWidget_module() {
|
|
7145
7340
|
return (init_ReviewWidget_module = __esmMin((() => {
|
|
7146
7341
|
id$7 = "core/src/manager/components/sidebar/ReviewWidget.module.css";
|
|
7147
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
7342
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$7}"]`)) {
|
|
7148
7343
|
const style = document.createElement("style");
|
|
7149
|
-
style.setAttribute("data-
|
|
7150
|
-
style.textContent = ".
|
|
7344
|
+
style.setAttribute("data-fb-css", id$7);
|
|
7345
|
+
style.textContent = ".fb-eFT8aG-region{width:100%}.fb-eFT8aG-headerContent{flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;padding-right:24px;display:flex}.fb-eFT8aG-headerTitle{color:var(--fb-color-default-text);font-weight:var(--fb-weight-bold);font-size:var(--fb-size-s1);line-height:var(--fb-size-s3);margin:0}.fb-eFT8aG-agenticIcon{color:var(--fb-fg-color-agentic)}.fb-eFT8aG-dismissButton{z-index:1;position:absolute;top:4px;right:4px}.fb-eFT8aG-dismissIcon{padding:1px}";
|
|
7151
7346
|
document.head.appendChild(style);
|
|
7152
7347
|
}
|
|
7153
7348
|
ReviewWidget_module_default = {
|
|
7154
|
-
"headerContent": "
|
|
7155
|
-
"
|
|
7156
|
-
"
|
|
7157
|
-
"
|
|
7158
|
-
"
|
|
7159
|
-
"
|
|
7349
|
+
"headerContent": "fb-eFT8aG-headerContent",
|
|
7350
|
+
"dismissIcon": "fb-eFT8aG-dismissIcon",
|
|
7351
|
+
"dismissButton": "fb-eFT8aG-dismissButton",
|
|
7352
|
+
"region": "fb-eFT8aG-region",
|
|
7353
|
+
"headerTitle": "fb-eFT8aG-headerTitle",
|
|
7354
|
+
"agenticIcon": "fb-eFT8aG-agenticIcon"
|
|
7160
7355
|
};
|
|
7161
7356
|
})))();
|
|
7162
7357
|
}
|
|
@@ -7167,7 +7362,7 @@ function init_ReviewWidget() {
|
|
|
7167
7362
|
return (init_ReviewWidget = __esmMin((() => {
|
|
7168
7363
|
init__storybook_global_react();
|
|
7169
7364
|
init_components();
|
|
7170
|
-
|
|
7365
|
+
init__storybook_global_lucide_react();
|
|
7171
7366
|
init_manager_api();
|
|
7172
7367
|
init_useLandmark();
|
|
7173
7368
|
init_review_context();
|
|
@@ -7210,7 +7405,7 @@ function init_ReviewWidget() {
|
|
|
7210
7405
|
color: "agentic",
|
|
7211
7406
|
outlineAnimation: "spin",
|
|
7212
7407
|
id: "storybook-review-widget"
|
|
7213
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList, { as: "div" }, /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Item, { as: "div" }, /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Text, { className: ReviewWidget_module_default.headerContent }, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
7408
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList, { as: "div" }, /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Item, { as: "div" }, /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Text, { className: ReviewWidget_module_default.headerContent }, /* @__PURE__ */ _storybook_global_react_default.createElement(WandSparklesIcon, {
|
|
7214
7409
|
className: ReviewWidget_module_default.agenticIcon,
|
|
7215
7410
|
"aria-hidden": true
|
|
7216
7411
|
}), /* @__PURE__ */ _storybook_global_react_default.createElement("h2", {
|
|
@@ -7226,7 +7421,7 @@ function init_ReviewWidget() {
|
|
|
7226
7421
|
appearance: "agentic",
|
|
7227
7422
|
ariaLabel: "Dismiss review",
|
|
7228
7423
|
onClick: onDismiss
|
|
7229
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
7424
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(CircleXIcon, { className: ReviewWidget_module_default.dismissIcon }))));
|
|
7230
7425
|
};
|
|
7231
7426
|
})))();
|
|
7232
7427
|
}
|
|
@@ -7244,22 +7439,20 @@ var id$6, Search_module_default;
|
|
|
7244
7439
|
function init_Search_module() {
|
|
7245
7440
|
return (init_Search_module = __esmMin((() => {
|
|
7246
7441
|
id$6 = "core/src/manager/components/sidebar/Search.module.css";
|
|
7247
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
7442
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$6}"]`)) {
|
|
7248
7443
|
const style = document.createElement("style");
|
|
7249
|
-
style.setAttribute("data-
|
|
7250
|
-
style.textContent = ".
|
|
7444
|
+
style.setAttribute("data-fb-css", id$6);
|
|
7445
|
+
style.textContent = ".fb-O-Z7Pq-searchBar{flex-direction:row;column-gap:6px;display:flex}.fb-O-Z7Pq-screenReaderLabel{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.fb-O-Z7Pq-searchField{width:100%;height:32px;box-shadow:var(--fb-button-border) 0 0 0 1px inset;border-radius:calc(var(--fb-app-border-radius) + 2px);flex-direction:row;flex-grow:1;align-items:center;padding:2px;display:flex;&[data-mobile]{height:36px;padding:4px}&:has(input:focus),&:has(input:active){background:var(--fb-background-app);outline:2px solid var(--fb-color-secondary);outline-offset:2px}}.fb-O-Z7Pq-iconWrapper{cursor:default;pointer-events:none;height:100%;color:var(--fb-text-muted-color);flex:0 0 28px;justify-content:center;align-items:center;display:flex}.fb-O-Z7Pq-input{appearance:none;width:100%;height:28px;font-size:calc(var(--fb-size-s1) + 1px);color:var(--fb-color-default-text);background:0 0;border:0;outline:0;padding:0;font-family:inherit;transition:all .15s;&[data-mobile]{font-size:16px}&::placeholder{color:var(--fb-text-muted-color);opacity:1}&:valid~code,&:focus~code,&:invalid~svg{display:none}&:valid~svg{display:block}&::-ms-clear{display:none}&::-webkit-search-decoration,&::-webkit-search-cancel-button,&::-webkit-search-results-button,&::-webkit-search-results-decoration{display:none}}.fb-O-Z7Pq-actions{align-items:center;gap:2px;display:flex}.fb-O-Z7Pq-focusContainer{outline:0}";
|
|
7251
7446
|
document.head.appendChild(style);
|
|
7252
7447
|
}
|
|
7253
7448
|
Search_module_default = {
|
|
7254
|
-
"
|
|
7255
|
-
"
|
|
7256
|
-
"
|
|
7257
|
-
"
|
|
7258
|
-
"
|
|
7259
|
-
"
|
|
7260
|
-
"
|
|
7261
|
-
"screenReaderLabel": "sb-O-Z7Pq-screenReaderLabel",
|
|
7262
|
-
"iconWrapper": "sb-O-Z7Pq-iconWrapper"
|
|
7449
|
+
"iconWrapper": "fb-O-Z7Pq-iconWrapper",
|
|
7450
|
+
"input": "fb-O-Z7Pq-input",
|
|
7451
|
+
"actions": "fb-O-Z7Pq-actions",
|
|
7452
|
+
"focusContainer": "fb-O-Z7Pq-focusContainer",
|
|
7453
|
+
"searchBar": "fb-O-Z7Pq-searchBar",
|
|
7454
|
+
"screenReaderLabel": "fb-O-Z7Pq-screenReaderLabel",
|
|
7455
|
+
"searchField": "fb-O-Z7Pq-searchField"
|
|
7263
7456
|
};
|
|
7264
7457
|
})))();
|
|
7265
7458
|
}
|
|
@@ -7271,18 +7464,18 @@ function init_Search() {
|
|
|
7271
7464
|
init__storybook_global_react();
|
|
7272
7465
|
init_components();
|
|
7273
7466
|
init_types$1();
|
|
7274
|
-
|
|
7275
|
-
|
|
7467
|
+
init_global();
|
|
7468
|
+
init__storybook_global_lucide_react();
|
|
7276
7469
|
init_downshift_esm();
|
|
7277
7470
|
import_fuse = /* @__PURE__ */ __toESM(require_fuse(), 1);
|
|
7278
7471
|
init_manager_api();
|
|
7279
7472
|
init_useLandmark();
|
|
7280
|
-
init_status
|
|
7473
|
+
init_status();
|
|
7281
7474
|
init_tree();
|
|
7282
7475
|
init_LayoutProvider();
|
|
7283
7476
|
init_Sidebar();
|
|
7284
7477
|
init_Search_module();
|
|
7285
|
-
({document: document$2} =
|
|
7478
|
+
({document: document$2} = global);
|
|
7286
7479
|
DEFAULT_MAX_SEARCH_RESULTS = 50;
|
|
7287
7480
|
options = {
|
|
7288
7481
|
shouldSort: true,
|
|
@@ -7315,7 +7508,6 @@ function init_Search() {
|
|
|
7315
7508
|
const inputRef = useRef(null);
|
|
7316
7509
|
const [inputPlaceholder, setPlaceholder] = useState("Find components");
|
|
7317
7510
|
const [allComponents, showAllComponents] = useState(false);
|
|
7318
|
-
const searchShortcut = api ? shortcutToHumanString(api.getShortcutKeys().search) : "/";
|
|
7319
7511
|
const makeFuse = useCallback(() => {
|
|
7320
7512
|
const list = [];
|
|
7321
7513
|
for (const [refId, { index, allStatuses }] of dataset.entries) {
|
|
@@ -7516,7 +7708,7 @@ function init_Search() {
|
|
|
7516
7708
|
className: Search_module_default.input,
|
|
7517
7709
|
...inputProps,
|
|
7518
7710
|
"data-mobile": isMobile || void 0
|
|
7519
|
-
}),
|
|
7711
|
+
}), /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: Search_module_default.actions }, input && /* @__PURE__ */ _storybook_global_react_default.createElement(Button, {
|
|
7520
7712
|
padding: "small",
|
|
7521
7713
|
variant: "ghost",
|
|
7522
7714
|
ariaLabel: "Clear search",
|
|
@@ -7525,7 +7717,7 @@ function init_Search() {
|
|
|
7525
7717
|
closeMenu();
|
|
7526
7718
|
inputRef.current?.focus();
|
|
7527
7719
|
}
|
|
7528
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
7720
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(XIcon, null)), searchFieldContent))), !isOpen && belowSearchContent, /* @__PURE__ */ _storybook_global_react_default.createElement("div", {
|
|
7529
7721
|
className: Search_module_default.focusContainer,
|
|
7530
7722
|
tabIndex: 0,
|
|
7531
7723
|
id: "storybook-explorer-menu"
|
|
@@ -7550,46 +7742,48 @@ var id$5, SearchResults_module_default;
|
|
|
7550
7742
|
function init_SearchResults_module() {
|
|
7551
7743
|
return (init_SearchResults_module = __esmMin((() => {
|
|
7552
7744
|
id$5 = "core/src/manager/components/sidebar/SearchResults.module.css";
|
|
7553
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
7745
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$5}"]`)) {
|
|
7554
7746
|
const style = document.createElement("style");
|
|
7555
|
-
style.setAttribute("data-
|
|
7556
|
-
style.textContent = ".
|
|
7747
|
+
style.setAttribute("data-fb-css", id$5);
|
|
7748
|
+
style.textContent = ".fb-ipkuoW-resultsList{margin:0;padding:0;list-style:none}.fb-ipkuoW-resultRow{cursor:pointer;text-align:left;width:100%;color:inherit;font-size:var(--fb-size-s2);background:0 0;border:none;border-radius:4px;justify-content:space-between;align-items:start;gap:6px;min-height:28px;padding:7px 8px;display:flex;&[data-highlighted]{background:var(--fb-background-hoverable)}&:hover,&:focus{background:var(--fb-background-hoverable);outline:none}}.fb-ipkuoW-iconWrapper{margin-top:2px}.fb-ipkuoW-resultRowContent{flex-direction:column;flex:1;display:flex}.fb-ipkuoW-mark{color:var(--fb-color-default-text);font-weight:var(--fb-weight-bold);background:0 0;@media (forced-colors:active){color:highlighttext;background:highlight}}.fb-ipkuoW-moreWrapper{margin-top:8px}.fb-ipkuoW-recentlyOpenedTitle{font-size:calc(var(--fb-size-s1) - 1px);font-weight:var(--fb-weight-bold);letter-spacing:.16em;text-transform:uppercase;min-height:28px;color:var(--fb-text-muted-color);justify-content:space-between;align-items:center;margin-bottom:4px;display:flex;& .search-result-recentlyOpened-clear{visibility:hidden}&:hover .search-result-recentlyOpened-clear{visibility:visible}}.fb-ipkuoW-title,.fb-ipkuoW-path{grid-auto-columns:auto;grid-auto-flow:column;justify-content:start;display:grid;&>span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}}.fb-ipkuoW-path{font-size:calc(var(--fb-size-s1) - 1px);&>span+span:before{content:\" / \";white-space:pre}}.fb-ipkuoW-thumbnail{object-fit:cover;background:var(--fb-background-content);border-radius:3px;flex:none;width:40px;height:28px}";
|
|
7557
7749
|
document.head.appendChild(style);
|
|
7558
7750
|
}
|
|
7559
7751
|
SearchResults_module_default = {
|
|
7560
|
-
"
|
|
7561
|
-
"
|
|
7562
|
-
"
|
|
7563
|
-
"
|
|
7564
|
-
"
|
|
7565
|
-
"
|
|
7566
|
-
"path": "
|
|
7567
|
-
"
|
|
7568
|
-
"
|
|
7752
|
+
"resultRow": "fb-ipkuoW-resultRow",
|
|
7753
|
+
"thumbnail": "fb-ipkuoW-thumbnail",
|
|
7754
|
+
"recentlyOpenedTitle": "fb-ipkuoW-recentlyOpenedTitle",
|
|
7755
|
+
"resultRowContent": "fb-ipkuoW-resultRowContent",
|
|
7756
|
+
"moreWrapper": "fb-ipkuoW-moreWrapper",
|
|
7757
|
+
"mark": "fb-ipkuoW-mark",
|
|
7758
|
+
"path": "fb-ipkuoW-path",
|
|
7759
|
+
"iconWrapper": "fb-ipkuoW-iconWrapper",
|
|
7760
|
+
"title": "fb-ipkuoW-title",
|
|
7761
|
+
"resultsList": "fb-ipkuoW-resultsList"
|
|
7569
7762
|
};
|
|
7570
7763
|
})))();
|
|
7571
7764
|
}
|
|
7572
7765
|
//#endregion
|
|
7573
7766
|
//#region src/manager/components/sidebar/SearchResults.tsx
|
|
7574
|
-
var document$1, Highlight, Result, SearchResults;
|
|
7767
|
+
var document$1, Highlight, useResultThumbnail, Result, SearchResults;
|
|
7575
7768
|
function init_SearchResults() {
|
|
7576
7769
|
return (init_SearchResults = __esmMin((() => {
|
|
7577
7770
|
init__storybook_global_react();
|
|
7578
7771
|
init_components();
|
|
7579
7772
|
init_core_events();
|
|
7580
|
-
|
|
7581
|
-
|
|
7773
|
+
init_global();
|
|
7774
|
+
init__storybook_global_lucide_react();
|
|
7582
7775
|
init_clsx();
|
|
7583
7776
|
init_manager_api();
|
|
7584
7777
|
init_theming();
|
|
7585
7778
|
init_keybinding();
|
|
7586
|
-
|
|
7779
|
+
init_root_page();
|
|
7780
|
+
init_status();
|
|
7587
7781
|
init_IconSymbols();
|
|
7588
7782
|
init_NoResults();
|
|
7589
7783
|
init_StatusButton();
|
|
7590
7784
|
init_TreeNode();
|
|
7591
7785
|
init_SearchResults_module();
|
|
7592
|
-
({document: document$1} =
|
|
7786
|
+
({document: document$1} = global);
|
|
7593
7787
|
Highlight = _storybook_global_react_default.memo(function Highlight({ children, match }) {
|
|
7594
7788
|
if (!match) return children;
|
|
7595
7789
|
const { value, indices } = match;
|
|
@@ -7610,6 +7804,14 @@ function init_SearchResults() {
|
|
|
7610
7804
|
});
|
|
7611
7805
|
return /* @__PURE__ */ _storybook_global_react_default.createElement("span", null, result);
|
|
7612
7806
|
});
|
|
7807
|
+
useResultThumbnail = (item) => {
|
|
7808
|
+
const api = useStorybookApi();
|
|
7809
|
+
if ("thumbnail" in item && typeof item.thumbnail === "string") return item.thumbnail;
|
|
7810
|
+
if (item.type !== "component" || !api?.resolveStory) return;
|
|
7811
|
+
const refId = item.refId === "storybook_internal" ? void 0 : item.refId;
|
|
7812
|
+
const first = api.resolveStory(item.children[0], refId);
|
|
7813
|
+
return typeof first?.thumbnail === "string" ? first.thumbnail : void 0;
|
|
7814
|
+
};
|
|
7613
7815
|
Result = _storybook_global_react_default.memo(function Result({ item, matches, onClick, isHighlighted, className, ...props }) {
|
|
7614
7816
|
const theme = useTheme();
|
|
7615
7817
|
const click = useCallback((event) => {
|
|
@@ -7627,6 +7829,7 @@ function init_SearchResults() {
|
|
|
7627
7829
|
const nameMatch = matches.find((match) => match.key === "name");
|
|
7628
7830
|
const pathMatches = matches.filter((match) => match.key === "path");
|
|
7629
7831
|
const icon = item.status ? getStatus(theme, item.status).icon : null;
|
|
7832
|
+
const thumbnail = useResultThumbnail(item);
|
|
7630
7833
|
return /* @__PURE__ */ _storybook_global_react_default.createElement("li", {
|
|
7631
7834
|
className: clsx(SearchResults_module_default.resultRow, className),
|
|
7632
7835
|
"data-highlighted": isHighlighted || void 0,
|
|
@@ -7647,7 +7850,12 @@ function init_SearchResults() {
|
|
|
7647
7850
|
width: "14",
|
|
7648
7851
|
height: "14",
|
|
7649
7852
|
type: "document"
|
|
7650
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(UseSymbol, { type: "document" }))), /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: clsx(SearchResults_module_default.resultRowContent, "search-result-item--label") }, /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: SearchResults_module_default.title }, /* @__PURE__ */ _storybook_global_react_default.createElement(Highlight, { match: nameMatch }, item.name)), /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: SearchResults_module_default.path }, item.path.map((group, index) => /* @__PURE__ */ _storybook_global_react_default.createElement("span", { key: index }, /* @__PURE__ */ _storybook_global_react_default.createElement(Highlight, { match: pathMatches.find((match) => match.arrayIndex === index) }, group))))),
|
|
7853
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(UseSymbol, { type: "document" }))), /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: clsx(SearchResults_module_default.resultRowContent, "search-result-item--label") }, /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: SearchResults_module_default.title }, /* @__PURE__ */ _storybook_global_react_default.createElement(Highlight, { match: nameMatch }, item.name)), /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: SearchResults_module_default.path }, item.path.map((group, index) => /* @__PURE__ */ _storybook_global_react_default.createElement("span", { key: index }, /* @__PURE__ */ _storybook_global_react_default.createElement(Highlight, { match: pathMatches.find((match) => match.arrayIndex === index) }, group))))), thumbnail ? /* @__PURE__ */ _storybook_global_react_default.createElement("img", {
|
|
7854
|
+
className: SearchResults_module_default.thumbnail,
|
|
7855
|
+
src: thumbnailSrc(thumbnail),
|
|
7856
|
+
alt: "",
|
|
7857
|
+
loading: "lazy"
|
|
7858
|
+
}) : null, item.status ? /* @__PURE__ */ _storybook_global_react_default.createElement(StatusLabel, { status: item.status }, icon) : null);
|
|
7651
7859
|
});
|
|
7652
7860
|
SearchResults = _storybook_global_react_default.memo(function SearchResults({ query, results, closeMenu, getMenuProps, getItemProps, highlightedIndex, isLoading = false, enableShortcuts = true, clearLastViewed }) {
|
|
7653
7861
|
const api = useStorybookApi();
|
|
@@ -7692,7 +7900,7 @@ function init_SearchResults() {
|
|
|
7692
7900
|
className: "search-result-recentlyOpened-clear",
|
|
7693
7901
|
onClick: handleClearLastViewed,
|
|
7694
7902
|
ariaLabel: "Clear recently opened items"
|
|
7695
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
7903
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(Trash2Icon, null))), results.length === 0 && query && /* @__PURE__ */ _storybook_global_react_default.createElement("li", null, /* @__PURE__ */ _storybook_global_react_default.createElement(NoResults, null, /* @__PURE__ */ _storybook_global_react_default.createElement("strong", null, "No components found"), /* @__PURE__ */ _storybook_global_react_default.createElement("small", null, "Find components by name or path."))), results.map((result, index) => {
|
|
7696
7904
|
if (isExpandType(result)) {
|
|
7697
7905
|
const { key, ...rest } = {
|
|
7698
7906
|
...results,
|
|
@@ -7732,91 +7940,21 @@ function init_SearchResults() {
|
|
|
7732
7940
|
})))();
|
|
7733
7941
|
}
|
|
7734
7942
|
//#endregion
|
|
7735
|
-
//#region src/manager-api/stores/status.ts
|
|
7736
|
-
var statusStore, fullStatusStore, getStatusStoreByTypeId, useStatusStore, universalStatusStore;
|
|
7737
|
-
function init_status() {
|
|
7738
|
-
return (init_status = __esmMin((() => {
|
|
7739
|
-
init_status_store();
|
|
7740
|
-
init_universal_store();
|
|
7741
|
-
init_use_universal_store_manager();
|
|
7742
|
-
statusStore = createStatusStore({
|
|
7743
|
-
universalStatusStore: UniversalStore.create({
|
|
7744
|
-
...UNIVERSAL_STATUS_STORE_OPTIONS,
|
|
7745
|
-
leader: globalThis.CONFIG_TYPE === "PRODUCTION"
|
|
7746
|
-
}),
|
|
7747
|
-
useUniversalStore,
|
|
7748
|
-
environment: "manager"
|
|
7749
|
-
});
|
|
7750
|
-
({fullStatusStore, getStatusStoreByTypeId, useStatusStore, universalStatusStore} = statusStore);
|
|
7751
|
-
})))();
|
|
7752
|
-
}
|
|
7753
|
-
//#endregion
|
|
7754
|
-
//#region src/manager-api/modules/statuses.ts
|
|
7755
|
-
var computeStatusFilterFn;
|
|
7756
|
-
function init_statuses() {
|
|
7757
|
-
return (init_statuses = __esmMin((() => {
|
|
7758
|
-
init_status();
|
|
7759
|
-
computeStatusFilterFn = (includedStatusFilters, excludedStatusFilters) => {
|
|
7760
|
-
return (entry) => {
|
|
7761
|
-
if (!includedStatusFilters.length && !excludedStatusFilters.length) return true;
|
|
7762
|
-
const storyStatuses = (fullStatusStore.getAll() ?? {})[entry.id];
|
|
7763
|
-
const storyStatusValues = storyStatuses ? Object.values(storyStatuses).map((s) => s.value) : [];
|
|
7764
|
-
const passesInclude = !includedStatusFilters.length || includedStatusFilters.some((v) => storyStatusValues.includes(v));
|
|
7765
|
-
const passesExclude = !excludedStatusFilters.length || excludedStatusFilters.every((v) => !storyStatusValues.includes(v));
|
|
7766
|
-
return passesInclude && passesExclude;
|
|
7767
|
-
};
|
|
7768
|
-
};
|
|
7769
|
-
})))();
|
|
7770
|
-
}
|
|
7771
|
-
//#endregion
|
|
7772
|
-
//#region src/manager-api/modules/tags.ts
|
|
7773
|
-
var import_memoizerific, computeTagsFilterFn;
|
|
7774
|
-
function init_tags() {
|
|
7775
|
-
return (init_tags = __esmMin((() => {
|
|
7776
|
-
import_memoizerific = /* @__PURE__ */ __toESM(require_memoizerific(), 1);
|
|
7777
|
-
init_tags$1();
|
|
7778
|
-
(0, import_memoizerific.default)(1)((presets) => {
|
|
7779
|
-
const presetEntries = Object.entries(presets);
|
|
7780
|
-
return {
|
|
7781
|
-
included: presetEntries.filter(([, option]) => option.defaultFilterSelection === "include").map(([tag]) => tag),
|
|
7782
|
-
excluded: presetEntries.filter(([, option]) => option.defaultFilterSelection === "exclude").map(([tag]) => tag)
|
|
7783
|
-
};
|
|
7784
|
-
});
|
|
7785
|
-
computeTagsFilterFn = (includedTagFilters, excludedTagFilters) => {
|
|
7786
|
-
const computeFilterFunctions = (set) => {
|
|
7787
|
-
return Object.values(set.reduce((acc, tag) => {
|
|
7788
|
-
if (Object.hasOwn(BUILT_IN_FILTERS, tag)) acc["built-in"].push(BUILT_IN_FILTERS[tag]);
|
|
7789
|
-
else acc.user.push(USER_TAG_FILTER(tag));
|
|
7790
|
-
return acc;
|
|
7791
|
-
}, {
|
|
7792
|
-
"built-in": [],
|
|
7793
|
-
user: []
|
|
7794
|
-
})).filter((group) => group.length > 0);
|
|
7795
|
-
};
|
|
7796
|
-
return (item) => {
|
|
7797
|
-
const included = computeFilterFunctions(includedTagFilters);
|
|
7798
|
-
const excluded = computeFilterFunctions(excludedTagFilters);
|
|
7799
|
-
return (!included.length || included.every((group) => group.some((filterFn) => filterFn(item, false)))) && (!excluded.length || excluded.every((group) => group.every((filterFn) => filterFn(item, true))));
|
|
7800
|
-
};
|
|
7801
|
-
};
|
|
7802
|
-
})))();
|
|
7803
|
-
}
|
|
7804
|
-
//#endregion
|
|
7805
7943
|
//#region src/manager/components/sidebar/ShowChangesButton.module.css
|
|
7806
7944
|
var id$4, ShowChangesButton_module_default;
|
|
7807
7945
|
function init_ShowChangesButton_module() {
|
|
7808
7946
|
return (init_ShowChangesButton_module = __esmMin((() => {
|
|
7809
7947
|
id$4 = "core/src/manager/components/sidebar/ShowChangesButton.module.css";
|
|
7810
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
7948
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$4}"]`)) {
|
|
7811
7949
|
const style = document.createElement("style");
|
|
7812
|
-
style.setAttribute("data-
|
|
7813
|
-
style.textContent = ".
|
|
7950
|
+
style.setAttribute("data-fb-css", id$4);
|
|
7951
|
+
style.textContent = ".fb-qMJFKG-wrapper{align-items:center;gap:4px;margin-top:-8px;display:flex}.fb-qMJFKG-cta{flex:1;justify-content:flex-start}.fb-qMJFKG-icon{color:var(--fb-fg-color-accent)}";
|
|
7814
7952
|
document.head.appendChild(style);
|
|
7815
7953
|
}
|
|
7816
7954
|
ShowChangesButton_module_default = {
|
|
7817
|
-
"
|
|
7818
|
-
"
|
|
7819
|
-
"
|
|
7955
|
+
"cta": "fb-qMJFKG-cta",
|
|
7956
|
+
"wrapper": "fb-qMJFKG-wrapper",
|
|
7957
|
+
"icon": "fb-qMJFKG-icon"
|
|
7820
7958
|
};
|
|
7821
7959
|
})))();
|
|
7822
7960
|
}
|
|
@@ -7827,10 +7965,10 @@ function init_ShowChangesButton() {
|
|
|
7827
7965
|
return (init_ShowChangesButton = __esmMin((() => {
|
|
7828
7966
|
init__storybook_global_react();
|
|
7829
7967
|
init_components();
|
|
7830
|
-
|
|
7968
|
+
init__storybook_global_lucide_react();
|
|
7831
7969
|
init_manager_api();
|
|
7832
7970
|
init_statuses();
|
|
7833
|
-
init_tags();
|
|
7971
|
+
init_tags$1();
|
|
7834
7972
|
init_IconSymbols();
|
|
7835
7973
|
init_ReviewWidget();
|
|
7836
7974
|
init_ShowChangesButton_module();
|
|
@@ -7928,7 +8066,7 @@ function init_ShowChangesButton() {
|
|
|
7928
8066
|
size: "small",
|
|
7929
8067
|
onClick: onClearClick,
|
|
7930
8068
|
ariaLabel: "Clear"
|
|
7931
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
8069
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(RotateCcwIcon, null)));
|
|
7932
8070
|
};
|
|
7933
8071
|
})))();
|
|
7934
8072
|
}
|
|
@@ -7938,15 +8076,15 @@ var id$3, Optional_module_default;
|
|
|
7938
8076
|
function init_Optional_module() {
|
|
7939
8077
|
return (init_Optional_module = __esmMin((() => {
|
|
7940
8078
|
id$3 = "core/src/manager/components/Optional/Optional.module.css";
|
|
7941
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
8079
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$3}"]`)) {
|
|
7942
8080
|
const style = document.createElement("style");
|
|
7943
|
-
style.setAttribute("data-
|
|
7944
|
-
style.textContent = ".
|
|
8081
|
+
style.setAttribute("data-fb-css", id$3);
|
|
8082
|
+
style.textContent = ".fb-PbES_q-wrapper{grid-template-columns:max-content;display:inline-grid;overflow:hidden}.fb-PbES_q-content{opacity:1;visibility:visible;grid-area:1/1;display:inline-block;&[data-hidden=unknown]{opacity:0}&[data-hidden=true]{visibility:hidden}}";
|
|
7945
8083
|
document.head.appendChild(style);
|
|
7946
8084
|
}
|
|
7947
8085
|
Optional_module_default = {
|
|
7948
|
-
"wrapper": "
|
|
7949
|
-
"content": "
|
|
8086
|
+
"wrapper": "fb-PbES_q-wrapper",
|
|
8087
|
+
"content": "fb-PbES_q-content"
|
|
7950
8088
|
};
|
|
7951
8089
|
})))();
|
|
7952
8090
|
}
|
|
@@ -8048,23 +8186,23 @@ var id$2, TestingWidget_module_default;
|
|
|
8048
8186
|
function init_TestingWidget_module() {
|
|
8049
8187
|
return (init_TestingWidget_module = __esmMin((() => {
|
|
8050
8188
|
id$2 = "core/src/manager/components/sidebar/TestingWidget.module.css";
|
|
8051
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
8189
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$2}"]`)) {
|
|
8052
8190
|
const style = document.createElement("style");
|
|
8053
|
-
style.setAttribute("data-
|
|
8054
|
-
style.textContent = ".
|
|
8191
|
+
style.setAttribute("data-fb-css", id$2);
|
|
8192
|
+
style.textContent = ".fb-ox_lkW-hoverCard{flex-direction:column-reverse;display:flex;&:hover #fb-ox_lkW-testing-module-collapse-toggle{opacity:1}}.fb-ox_lkW-collapsible{box-shadow:inset 0 -1px 0 var(--fb-app-border-color);overflow:hidden}.fb-ox_lkW-content{flex-direction:column;display:flex}.fb-ox_lkW-bar{cursor:default;user-select:none;justify-content:space-between;align-items:center;gap:4px;width:100%;padding:4px;display:flex;overflow:hidden;&[data-clickable]{cursor:pointer}}.fb-ox_lkW-action{flex-basis:100%;display:flex;container-type:inline-size}.fb-ox_lkW-filters{justify-content:flex-end;gap:4px;display:flex}.fb-ox_lkW-collapseToggle{opacity:0;transition:opacity .25s;&:focus,&:hover{opacity:1}}.fb-ox_lkW-statusFilter{outline-offset:-2px;min-width:28px;&:where([data-status=negative]){background:var(--fb-background-negative);color:var(--fb-color-negative-text)}&:where([data-status=warning]){background:var(--fb-background-warning);color:var(--fb-color-warning-text)}}:where([data-fb-theme=dark]) .fb-ox_lkW-statusFilter{&:where([data-status=negative]){background:rgb(from var(--fb-color-negative) r g b / .133);color:var(--fb-color-negative)}&:where([data-status=warning]){background:rgb(from var(--fb-color-warning) r g b / .133);color:var(--fb-color-warning)}}.fb-ox_lkW-testProvider{padding:4px;&:not(:last-child){box-shadow:inset 0 -1px 0 var(--fb-app-border-color)}}";
|
|
8055
8193
|
document.head.appendChild(style);
|
|
8056
8194
|
}
|
|
8057
8195
|
TestingWidget_module_default = {
|
|
8058
|
-
"
|
|
8059
|
-
"
|
|
8060
|
-
"
|
|
8061
|
-
"filters": "
|
|
8062
|
-
"
|
|
8063
|
-
"
|
|
8064
|
-
"collapseToggle": "
|
|
8065
|
-
"statusFilter": "
|
|
8066
|
-
"
|
|
8067
|
-
"
|
|
8196
|
+
"content": "fb-ox_lkW-content",
|
|
8197
|
+
"bar": "fb-ox_lkW-bar",
|
|
8198
|
+
"testing-module-collapse-toggle": "fb-ox_lkW-testing-module-collapse-toggle",
|
|
8199
|
+
"filters": "fb-ox_lkW-filters",
|
|
8200
|
+
"testProvider": "fb-ox_lkW-testProvider",
|
|
8201
|
+
"action": "fb-ox_lkW-action",
|
|
8202
|
+
"collapseToggle": "fb-ox_lkW-collapseToggle",
|
|
8203
|
+
"statusFilter": "fb-ox_lkW-statusFilter",
|
|
8204
|
+
"collapsible": "fb-ox_lkW-collapsible",
|
|
8205
|
+
"hoverCard": "fb-ox_lkW-hoverCard"
|
|
8068
8206
|
};
|
|
8069
8207
|
})))();
|
|
8070
8208
|
}
|
|
@@ -8076,7 +8214,7 @@ function init_TestingWidget() {
|
|
|
8076
8214
|
init__storybook_global_react();
|
|
8077
8215
|
init_client_logger();
|
|
8078
8216
|
init_components();
|
|
8079
|
-
|
|
8217
|
+
init__storybook_global_lucide_react();
|
|
8080
8218
|
init_manager_api();
|
|
8081
8219
|
init_clsx();
|
|
8082
8220
|
init_useLandmark();
|
|
@@ -8093,7 +8231,7 @@ function init_TestingWidget() {
|
|
|
8093
8231
|
onRunAll();
|
|
8094
8232
|
},
|
|
8095
8233
|
...props
|
|
8096
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Icon, null, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
8234
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Icon, null, /* @__PURE__ */ _storybook_global_react_default.createElement(CirclePlayIcon, null)), children);
|
|
8097
8235
|
StatusFilter = ({ status, pressed, className, ...props }) => /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Toggle, {
|
|
8098
8236
|
className: clsx(TestingWidget_module_default.statusFilter, className),
|
|
8099
8237
|
"data-status": pressed ? void 0 : status,
|
|
@@ -8165,7 +8303,7 @@ function init_TestingWidget() {
|
|
|
8165
8303
|
outlineAttrs: landmarkProps
|
|
8166
8304
|
}, /* @__PURE__ */ _storybook_global_react_default.createElement("h2", {
|
|
8167
8305
|
id: "storybook-testing-widget-heading",
|
|
8168
|
-
className: "
|
|
8306
|
+
className: "fb-sr-only"
|
|
8169
8307
|
}, "Component tests"), /* @__PURE__ */ _storybook_global_react_default.createElement("div", {
|
|
8170
8308
|
className: TestingWidget_module_default.bar,
|
|
8171
8309
|
"data-clickable": hasTestProviders || void 0,
|
|
@@ -8184,7 +8322,7 @@ function init_TestingWidget() {
|
|
|
8184
8322
|
onClick: (e) => toggleCollapsed(e),
|
|
8185
8323
|
id: "testing-module-collapse-toggle",
|
|
8186
8324
|
ariaLabel: isCollapsed ? "Expand testing module" : "Collapse testing module"
|
|
8187
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
8325
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(ChevronUpIcon, { style: {
|
|
8188
8326
|
transform: isCollapsed ? "none" : "rotate(180deg)",
|
|
8189
8327
|
transition: "transform 250ms"
|
|
8190
8328
|
} })), errorCount > 0 && /* @__PURE__ */ _storybook_global_react_default.createElement(StatusFilter, {
|
|
@@ -8221,7 +8359,7 @@ function init_TestingWidget() {
|
|
|
8221
8359
|
},
|
|
8222
8360
|
disabled: isRunning,
|
|
8223
8361
|
ariaLabel: isRunning ? "Can't clear statuses while tests are running" : "Clear all statuses"
|
|
8224
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
8362
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(BrushCleaningIcon, null)))), hasTestProviders && /* @__PURE__ */ _storybook_global_react_default.createElement("div", {
|
|
8225
8363
|
className: TestingWidget_module_default.collapsible,
|
|
8226
8364
|
"data-testid": "collapse",
|
|
8227
8365
|
...isCollapsed && { inert: "" },
|
|
@@ -8254,15 +8392,15 @@ var id$1, SidebarBottom_module_default;
|
|
|
8254
8392
|
function init_SidebarBottom_module() {
|
|
8255
8393
|
return (init_SidebarBottom_module = __esmMin((() => {
|
|
8256
8394
|
id$1 = "core/src/manager/components/sidebar/SidebarBottom.module.css";
|
|
8257
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
8395
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$1}"]`)) {
|
|
8258
8396
|
const style = document.createElement("style");
|
|
8259
|
-
style.setAttribute("data-
|
|
8260
|
-
style.textContent = ".
|
|
8397
|
+
style.setAttribute("data-fb-css", id$1);
|
|
8398
|
+
style.textContent = ".fb-oieyoW-spacer{pointer-events:none}.fb-oieyoW-content{z-index:1;color:var(--fb-color-default-text);font-size:var(--fb-size-s1);flex-direction:column;gap:12px;padding:12px;display:flex;position:absolute;bottom:0;left:0;right:0;&:empty{display:none}--card-box-shadow:0 1px 2px 0 #0000000d, 0px -5px 20px 10px var(--fb-background-app);--fb-sidebar-bottom-card-background:var(--fb-background-content);--fb-sidebar-bottom-card-border:1px solid var(--fb-app-border-color);--fb-sidebar-bottom-card-border-radius:calc(var(--fb-app-border-radius) + 1px);--fb-sidebar-bottom-card-box-shadow:0 1px 2px 0 #0000000d, 0px -5px 20px 10px var(--fb-background-app)}";
|
|
8261
8399
|
document.head.appendChild(style);
|
|
8262
8400
|
}
|
|
8263
8401
|
SidebarBottom_module_default = {
|
|
8264
|
-
"
|
|
8265
|
-
"
|
|
8402
|
+
"content": "fb-oieyoW-content",
|
|
8403
|
+
"spacer": "fb-oieyoW-spacer"
|
|
8266
8404
|
};
|
|
8267
8405
|
})))();
|
|
8268
8406
|
}
|
|
@@ -8431,15 +8569,15 @@ var id, Sidebar_module_default;
|
|
|
8431
8569
|
function init_Sidebar_module() {
|
|
8432
8570
|
return (init_Sidebar_module = __esmMin((() => {
|
|
8433
8571
|
id = "core/src/manager/components/sidebar/Sidebar.module.css";
|
|
8434
|
-
if (typeof document !== "undefined" && !document.querySelector(`style[data-
|
|
8572
|
+
if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id}"]`)) {
|
|
8435
8573
|
const style = document.createElement("style");
|
|
8436
|
-
style.setAttribute("data-
|
|
8437
|
-
style.textContent = ".
|
|
8574
|
+
style.setAttribute("data-fb-css", id);
|
|
8575
|
+
style.textContent = ".fb-z4QHiG-container{z-index:1;background:var(--fb-background-content);flex-direction:column;width:100%;height:100%;display:flex;position:absolute;inset:0;@media (width>=600px){background:var(--fb-background-app)}}.fb-z4QHiG-stack{flex-direction:column;gap:16px;padding:16px 12px 20px;display:flex}";
|
|
8438
8576
|
document.head.appendChild(style);
|
|
8439
8577
|
}
|
|
8440
8578
|
Sidebar_module_default = {
|
|
8441
|
-
"
|
|
8442
|
-
"
|
|
8579
|
+
"container": "fb-z4QHiG-container",
|
|
8580
|
+
"stack": "fb-z4QHiG-stack"
|
|
8443
8581
|
};
|
|
8444
8582
|
})))();
|
|
8445
8583
|
}
|
|
@@ -8450,7 +8588,7 @@ function init_Sidebar() {
|
|
|
8450
8588
|
return (init_Sidebar = __esmMin((() => {
|
|
8451
8589
|
init__storybook_global_react();
|
|
8452
8590
|
init_components();
|
|
8453
|
-
|
|
8591
|
+
init_global();
|
|
8454
8592
|
init_manager_api();
|
|
8455
8593
|
init_layout();
|
|
8456
8594
|
init_useLandmark();
|
|
@@ -8458,6 +8596,7 @@ function init_Sidebar() {
|
|
|
8458
8596
|
init_Explorer();
|
|
8459
8597
|
init_Filter();
|
|
8460
8598
|
init_Heading();
|
|
8599
|
+
init_PageLinks();
|
|
8461
8600
|
init_IconSymbols();
|
|
8462
8601
|
init_ReviewWidget();
|
|
8463
8602
|
init_Search();
|
|
@@ -8492,7 +8631,7 @@ function init_Sidebar() {
|
|
|
8492
8631
|
entries: Object.entries(hash)
|
|
8493
8632
|
}), [hash]);
|
|
8494
8633
|
};
|
|
8495
|
-
Sidebar$1 = _storybook_global_react_default.memo(function Sidebar({ storyId = null, refId = DEFAULT_REF_ID, anchor, index, indexJson, indexError, allStatuses, previewInitialized, menu, menuHighlighted = false, enableShortcuts = true, isDevelopment =
|
|
8634
|
+
Sidebar$1 = _storybook_global_react_default.memo(function Sidebar({ storyId = null, refId = DEFAULT_REF_ID, anchor, index, indexJson, indexError, allStatuses, previewInitialized, menu, menuHighlighted = false, enableShortcuts = true, isDevelopment = global.CONFIG_TYPE === "DEVELOPMENT", refs = {}, onMenuClick }) {
|
|
8496
8635
|
const selected = useMemo(() => storyId ? {
|
|
8497
8636
|
storyId,
|
|
8498
8637
|
refId,
|
|
@@ -8522,11 +8661,10 @@ function init_Sidebar() {
|
|
|
8522
8661
|
...landmarkProps
|
|
8523
8662
|
}, /* @__PURE__ */ _storybook_global_react_default.createElement("h1", {
|
|
8524
8663
|
id: "global-site-h1",
|
|
8525
|
-
className: "
|
|
8664
|
+
className: "fb-sr-only"
|
|
8526
8665
|
}, "Forkbook"), /* @__PURE__ */ _storybook_global_react_default.createElement(IconSymbols, null), /* @__PURE__ */ _storybook_global_react_default.createElement(ScrollArea, {
|
|
8527
8666
|
vertical: true,
|
|
8528
|
-
offset:
|
|
8529
|
-
scrollbarSize: 6,
|
|
8667
|
+
offset: 2,
|
|
8530
8668
|
scrollPadding: "4rem"
|
|
8531
8669
|
}, /* @__PURE__ */ _storybook_global_react_default.createElement("div", { className: Sidebar_module_default.stack }, /* @__PURE__ */ _storybook_global_react_default.createElement("div", null, /* @__PURE__ */ _storybook_global_react_default.createElement(Heading, {
|
|
8532
8670
|
className: "sidebar-header",
|
|
@@ -8535,7 +8673,7 @@ function init_Sidebar() {
|
|
|
8535
8673
|
skipLinkHref,
|
|
8536
8674
|
isLoading,
|
|
8537
8675
|
onMenuClick
|
|
8538
|
-
})), !isLoading && showReviewWidget ? /* @__PURE__ */ _storybook_global_react_default.createElement(ReviewWidget, null) : null, /* @__PURE__ */ _storybook_global_react_default.createElement(Search, {
|
|
8676
|
+
})), /* @__PURE__ */ _storybook_global_react_default.createElement(PageLinks, null), !isLoading && showReviewWidget ? /* @__PURE__ */ _storybook_global_react_default.createElement(ReviewWidget, null) : null, /* @__PURE__ */ _storybook_global_react_default.createElement(Search, {
|
|
8539
8677
|
dataset,
|
|
8540
8678
|
enableShortcuts,
|
|
8541
8679
|
searchFieldContent: /* @__PURE__ */ _storybook_global_react_default.createElement(Filter, null),
|
|
@@ -8570,7 +8708,7 @@ function init_Menu$1() {
|
|
|
8570
8708
|
init__storybook_global_react();
|
|
8571
8709
|
init_components();
|
|
8572
8710
|
init_core_events();
|
|
8573
|
-
|
|
8711
|
+
init__storybook_global_lucide_react();
|
|
8574
8712
|
init_Shortcut();
|
|
8575
8713
|
useMenu = ({ api, showToolbar, isPanelShown, isNavShown, enableShortcuts }) => {
|
|
8576
8714
|
const shortcutKeys = api.getShortcutKeys();
|
|
@@ -8578,7 +8716,7 @@ function init_Menu$1() {
|
|
|
8578
8716
|
id: "about",
|
|
8579
8717
|
title: "About your Forkbook",
|
|
8580
8718
|
onClick: () => api.changeSettingsTab("about"),
|
|
8581
|
-
href: "
|
|
8719
|
+
href: "./settings/about",
|
|
8582
8720
|
internal: true,
|
|
8583
8721
|
closeOnClick: true,
|
|
8584
8722
|
icon: /* @__PURE__ */ _storybook_global_react_default.createElement(InfoIcon, null)
|
|
@@ -8587,7 +8725,7 @@ function init_Menu$1() {
|
|
|
8587
8725
|
id: "shortcuts",
|
|
8588
8726
|
title: "Keyboard shortcuts",
|
|
8589
8727
|
onClick: () => api.changeSettingsTab("shortcuts"),
|
|
8590
|
-
href: "
|
|
8728
|
+
href: "./settings/shortcuts",
|
|
8591
8729
|
internal: true,
|
|
8592
8730
|
closeOnClick: true,
|
|
8593
8731
|
right: enableShortcuts ? /* @__PURE__ */ _storybook_global_react_default.createElement(Shortcut, { keys: shortcutKeys.shortcutsPage }) : null,
|
|
@@ -8701,8 +8839,8 @@ function init_Menu$1() {
|
|
|
8701
8839
|
versioned: true,
|
|
8702
8840
|
renderer: true
|
|
8703
8841
|
}),
|
|
8704
|
-
right: /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Icon, null, /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
8705
|
-
icon: /* @__PURE__ */ _storybook_global_react_default.createElement(
|
|
8842
|
+
right: /* @__PURE__ */ _storybook_global_react_default.createElement(ActionList.Icon, null, /* @__PURE__ */ _storybook_global_react_default.createElement(Share2Icon, null)),
|
|
8843
|
+
icon: /* @__PURE__ */ _storybook_global_react_default.createElement(FileTextIcon, null)
|
|
8706
8844
|
};
|
|
8707
8845
|
}, [api]);
|
|
8708
8846
|
const getAddonsShortcuts = useCallback(() => {
|
|
@@ -8805,77 +8943,6 @@ function init_Sidebar$1() {
|
|
|
8805
8943
|
})))();
|
|
8806
8944
|
}
|
|
8807
8945
|
//#endregion
|
|
8808
|
-
//#region src/manager/App.tsx
|
|
8809
|
-
var MainPreview, App;
|
|
8810
|
-
function init_App() {
|
|
8811
|
-
return (init_App = __esmMin((() => {
|
|
8812
|
-
init__storybook_global_react();
|
|
8813
|
-
init_core_events();
|
|
8814
|
-
init_manager_api();
|
|
8815
|
-
init_theming();
|
|
8816
|
-
init_ManagerErrorBoundary();
|
|
8817
|
-
init_Layout();
|
|
8818
|
-
init_LayoutProvider();
|
|
8819
|
-
init_ReviewPersistentLayer();
|
|
8820
|
-
init_ReviewProvider();
|
|
8821
|
-
init_review_context();
|
|
8822
|
-
init_Panel$1();
|
|
8823
|
-
init_Preview$1();
|
|
8824
|
-
init_Sidebar$1();
|
|
8825
|
-
MainPreview = () => {
|
|
8826
|
-
const { isSummaryVisible } = useReviewContext();
|
|
8827
|
-
return isSummaryVisible ? null : /* @__PURE__ */ _storybook_global_react_default.createElement(PreviewConnected, {
|
|
8828
|
-
id: "main",
|
|
8829
|
-
withLoader: true
|
|
8830
|
-
});
|
|
8831
|
-
};
|
|
8832
|
-
App = ({ managerLayoutState, setManagerLayoutState, pages }) => {
|
|
8833
|
-
const { setMobileAboutOpen } = useLayout();
|
|
8834
|
-
const theme = useTheme();
|
|
8835
|
-
const pageCss = useMemo(() => `:root {\n${cssVarsToString(themeToCssVars(theme))}\n}\n${globalCss}`, [theme]);
|
|
8836
|
-
/**
|
|
8837
|
-
* Lets us tell the UI whether or not keyboard shortcuts are enabled, in places where it's not
|
|
8838
|
-
* convenient to load the addons singleton to figure it out.
|
|
8839
|
-
*/
|
|
8840
|
-
const { enableShortcuts = true } = addons.getConfig();
|
|
8841
|
-
useEffect(() => {
|
|
8842
|
-
document.body.setAttribute("data-shortcuts-enabled", enableShortcuts ? "true" : "false");
|
|
8843
|
-
}, [enableShortcuts]);
|
|
8844
|
-
/**
|
|
8845
|
-
* Detects when our component library has enabled a focus trap. A modal Base UI dialog sets
|
|
8846
|
-
* `aria-hidden` on the document root when it traps focus. We observe that attribute and inform the
|
|
8847
|
-
* preview iframe when to respect the focus trap, via a channel event. This is necessary because
|
|
8848
|
-
* inert is no longer propagated into iframes as per https://github.com/whatwg/html/issues/7605,
|
|
8849
|
-
* and the replacement permission policy is not yet widely available
|
|
8850
|
-
* (https://github.com/w3c/webappsec-permissions-policy/issues/273).
|
|
8851
|
-
*/
|
|
8852
|
-
useEffect(() => {
|
|
8853
|
-
const rootElement = document.getElementById("root");
|
|
8854
|
-
if (!rootElement) return;
|
|
8855
|
-
const observer = new MutationObserver(() => {
|
|
8856
|
-
const hasInert = rootElement.getAttribute("aria-hidden") === "true";
|
|
8857
|
-
addons.getChannel().emit(core_events_default.MANAGER_INERT_ATTRIBUTE_CHANGED, hasInert);
|
|
8858
|
-
});
|
|
8859
|
-
observer.observe(rootElement, {
|
|
8860
|
-
attributes: true,
|
|
8861
|
-
attributeFilter: ["aria-hidden"]
|
|
8862
|
-
});
|
|
8863
|
-
return () => observer.disconnect();
|
|
8864
|
-
}, []);
|
|
8865
|
-
const layout = /* @__PURE__ */ _storybook_global_react_default.createElement(Layout, {
|
|
8866
|
-
managerLayoutState,
|
|
8867
|
-
setManagerLayoutState,
|
|
8868
|
-
slotOverlay: /* @__PURE__ */ _storybook_global_react_default.createElement(ReviewPersistentLayer, null),
|
|
8869
|
-
slotMain: /* @__PURE__ */ _storybook_global_react_default.createElement(MainPreview, null),
|
|
8870
|
-
slotSidebar: /* @__PURE__ */ _storybook_global_react_default.createElement(Sidebar, { onMenuClick: () => setMobileAboutOpen((state) => !state) }),
|
|
8871
|
-
slotPanel: /* @__PURE__ */ _storybook_global_react_default.createElement(Panel, null),
|
|
8872
|
-
slotPages: pages.map(({ id, render: Content }) => /* @__PURE__ */ _storybook_global_react_default.createElement(Content, { key: id }))
|
|
8873
|
-
});
|
|
8874
|
-
return /* @__PURE__ */ _storybook_global_react_default.createElement(_storybook_global_react_default.Fragment, null, /* @__PURE__ */ _storybook_global_react_default.createElement("style", null, pageCss), /* @__PURE__ */ _storybook_global_react_default.createElement(ManagerErrorBoundary, null, /* @__PURE__ */ _storybook_global_react_default.createElement(ReviewProvider, null, layout)));
|
|
8875
|
-
};
|
|
8876
|
-
})))();
|
|
8877
|
-
}
|
|
8878
|
-
//#endregion
|
|
8879
8946
|
//#region src/manager/index.tsx
|
|
8880
8947
|
function renderStorybookUI(domNode, provider) {
|
|
8881
8948
|
if (!(provider instanceof Provider$1)) throw new ProviderDoesNotExtendBaseProviderError();
|
|
@@ -8887,11 +8954,13 @@ function renderStorybookUI(domNode, provider) {
|
|
|
8887
8954
|
var Root, Main;
|
|
8888
8955
|
function init_manager() {
|
|
8889
8956
|
return (init_manager = __esmMin((() => {
|
|
8957
|
+
init_HomePages();
|
|
8890
8958
|
init__storybook_global_react();
|
|
8891
8959
|
init_client();
|
|
8892
|
-
init_manager_errors
|
|
8960
|
+
init_manager_errors();
|
|
8893
8961
|
init_router();
|
|
8894
|
-
|
|
8962
|
+
init_global();
|
|
8963
|
+
init__storybook_global_lucide_react();
|
|
8895
8964
|
init_index_module();
|
|
8896
8965
|
init_manager_api();
|
|
8897
8966
|
init_theming();
|
|
@@ -8909,17 +8978,22 @@ function init_manager() {
|
|
|
8909
8978
|
provider,
|
|
8910
8979
|
...locationData,
|
|
8911
8980
|
navigate,
|
|
8912
|
-
docsOptions:
|
|
8981
|
+
docsOptions: global?.DOCS_OPTIONS || {}
|
|
8913
8982
|
}, (combo) => {
|
|
8914
8983
|
const { state, api } = combo;
|
|
8915
8984
|
const setManagerLayoutState = useCallback((sizes) => {
|
|
8916
8985
|
api.setSizes(sizes);
|
|
8917
8986
|
}, [api]);
|
|
8918
|
-
const pages = useMemo(() => [
|
|
8987
|
+
const pages = useMemo(() => [
|
|
8988
|
+
settingsPageAddon,
|
|
8989
|
+
homePageAddon,
|
|
8990
|
+
allStoriesPageAddon,
|
|
8991
|
+
...Object.values(api.getElements(types.experimental_PAGE))
|
|
8992
|
+
], [Object.keys(api.getElements(types.experimental_PAGE)).join()]);
|
|
8919
8993
|
return /* @__PURE__ */ _storybook_global_react_default.createElement(ThemeProvider, {
|
|
8920
8994
|
key: "theme.provider",
|
|
8921
8995
|
theme: ensure(state.theme)
|
|
8922
|
-
}, /* @__PURE__ */ _storybook_global_react_default.createElement(LayoutProvider, null, /* @__PURE__ */ _storybook_global_react_default.createElement(App, {
|
|
8996
|
+
}, /* @__PURE__ */ _storybook_global_react_default.createElement(LucideProvider, { size: 14 }, /* @__PURE__ */ _storybook_global_react_default.createElement(LayoutProvider, null, /* @__PURE__ */ _storybook_global_react_default.createElement(App, {
|
|
8923
8997
|
key: "app",
|
|
8924
8998
|
pages,
|
|
8925
8999
|
managerLayoutState: {
|
|
@@ -8927,10 +9001,10 @@ function init_manager() {
|
|
|
8927
9001
|
viewMode: state.viewMode
|
|
8928
9002
|
},
|
|
8929
9003
|
setManagerLayoutState
|
|
8930
|
-
})));
|
|
9004
|
+
}))));
|
|
8931
9005
|
}));
|
|
8932
9006
|
};
|
|
8933
9007
|
})))();
|
|
8934
9008
|
}
|
|
8935
9009
|
//#endregion
|
|
8936
|
-
export {
|
|
9010
|
+
export { UpgradeBlock as C, ManagerErrorBoundary as D, useLayout as E, init_ManagerErrorBoundary as O, init_Layout as S, init_LayoutProvider as T, ReviewPersistentLayer as _, DEFAULT_REF_ID as a, useReviewContext as b, init_IconSymbols as c, init_menu as d, menuTool as f, init_ReviewProvider as g, ReviewProvider as h, init_Sidebar$1 as i, PreviewConnected as l, init_Panel$1 as m, renderStorybookUI as n, init_Sidebar as o, Panel as p, Sidebar as r, UseSymbol as s, init_manager as t, init_Preview$1 as u, init_ReviewPersistentLayer as v, init_UpgradeBlock as w, Layout as x, init_review_context as y };
|