@aussieljk/forkbook 0.0.0-stage → 0.0.1-2
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 +22 -0
- package/README.md +77 -2
- package/assets/addon-vitest/templates/vitest.config.4.template.ts +36 -0
- package/assets/browser/favicon-wrapper.svg +46 -0
- package/assets/browser/favicon.svg +1 -0
- 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/assets/builder-vite/iframe.html +99 -0
- package/assets/create/rendererAssets/.eslintrc.json +16 -0
- package/assets/create/rendererAssets/common/Configure.mdx +388 -0
- package/assets/create/rendererAssets/common/assets/accessibility.png +0 -0
- package/assets/create/rendererAssets/common/assets/accessibility.svg +1 -0
- package/assets/create/rendererAssets/common/assets/addon-library.png +0 -0
- package/assets/create/rendererAssets/common/assets/assets.png +0 -0
- package/assets/create/rendererAssets/common/assets/avif-test-image.avif +0 -0
- package/assets/create/rendererAssets/common/assets/context.png +0 -0
- package/assets/create/rendererAssets/common/assets/discord.svg +1 -0
- package/assets/create/rendererAssets/common/assets/docs.png +0 -0
- package/assets/create/rendererAssets/common/assets/figma-plugin.png +0 -0
- package/assets/create/rendererAssets/common/assets/github.svg +1 -0
- package/assets/create/rendererAssets/common/assets/share.png +0 -0
- package/assets/create/rendererAssets/common/assets/styling.png +0 -0
- package/assets/create/rendererAssets/common/assets/testing.png +0 -0
- package/assets/create/rendererAssets/common/assets/theming.png +0 -0
- package/assets/create/rendererAssets/common/assets/tutorials.svg +1 -0
- package/assets/create/rendererAssets/common/assets/youtube.svg +1 -0
- package/assets/create/rendererAssets/common/button.css +30 -0
- package/assets/create/rendererAssets/common/header.css +32 -0
- package/assets/create/rendererAssets/common/page.css +68 -0
- package/assets/create/templates/react-native/index.expo.js +20 -0
- package/assets/create/templates/react-native/index.js +25 -0
- package/assets/docs/addon-backgrounds.gif +0 -0
- package/assets/docs/addon-controls-args-annotated.png +0 -0
- package/assets/docs/addon-controls-args-background-color.png +0 -0
- package/assets/docs/addon-controls-args-background-string.png +0 -0
- package/assets/docs/addon-controls-args-docs.png +0 -0
- package/assets/docs/addon-controls-args-logging.png +0 -0
- package/assets/docs/addon-controls-args-no-annotation.png +0 -0
- package/assets/docs/addon-controls-args-reflow-slider.png +0 -0
- package/assets/docs/addon-controls-args-reflow.png +0 -0
- package/assets/docs/addon-controls-args-template.png +0 -0
- package/assets/docs/addon-controls-expanded.png +0 -0
- package/assets/docs/addon-controls-hero.gif +0 -0
- package/assets/docs/addon-controls-install.png +0 -0
- package/assets/docs/hero.gif +0 -0
- package/assets/docs/highlight.png +0 -0
- package/assets/docs/message-reference.png +0 -0
- package/assets/docs/viewport.png +0 -0
- package/assets/react-native/metro-env.d.ts +69 -0
- package/assets/server/addon.tsconfig.json +6 -0
- package/assets/server/base-preview-body.html +116 -0
- package/assets/server/base-preview-head.html +494 -0
- package/assets/server/openBrowser.applescript +94 -0
- package/assets/server/template.ejs +87 -0
- package/dist/.build-stamp +0 -0
- package/dist/_browser-chunks/Color-PCLE2J36.js +1025 -0
- package/dist/_browser-chunks/DocsRenderer-JXND3PVQ.js +10 -0
- package/dist/_browser-chunks/WithTooltip-XSQFTBMB.js +1619 -0
- package/dist/_browser-chunks/chunk-2JDQ35OA.js +247 -0
- package/dist/_browser-chunks/chunk-2JT76G3E.js +104 -0
- package/dist/_browser-chunks/chunk-2MEPHP35.js +17 -0
- package/dist/_browser-chunks/chunk-2SCZVUKW.js +24 -0
- package/dist/_browser-chunks/chunk-46Z7NGAS.js +41 -0
- package/dist/_browser-chunks/chunk-4ATQOMJB.js +30 -0
- package/dist/_browser-chunks/chunk-52CW7FF7.js +49 -0
- package/dist/_browser-chunks/chunk-5I7E4GMO.js +62 -0
- package/dist/_browser-chunks/chunk-5P4QA6MY.js +20 -0
- package/dist/_browser-chunks/chunk-5WMXI5GW.js +816 -0
- package/dist/_browser-chunks/chunk-66OCZ54D.js +2604 -0
- package/dist/_browser-chunks/chunk-6SXYJQST.js +253 -0
- package/dist/_browser-chunks/chunk-AYRF6EJB.js +36 -0
- package/dist/_browser-chunks/chunk-B4AUNNU4.js +156 -0
- package/dist/_browser-chunks/chunk-BCP2FFXF.js +369 -0
- package/dist/_browser-chunks/chunk-C3D4HEFY.js +3396 -0
- package/dist/_browser-chunks/chunk-CFAOWGL7.js +43 -0
- package/dist/_browser-chunks/chunk-CFWWCCZV.js +223 -0
- package/dist/_browser-chunks/chunk-CNED6RYH.js +18 -0
- package/dist/_browser-chunks/chunk-DRQKCCAG.js +136 -0
- package/dist/_browser-chunks/chunk-ECQ75MKQ.js +0 -0
- package/dist/_browser-chunks/chunk-EIYAKDGP.js +302 -0
- package/dist/_browser-chunks/chunk-ENKK74N4.js +12 -0
- package/dist/_browser-chunks/chunk-FENFYI4X.js +698 -0
- package/dist/_browser-chunks/chunk-FJGWSWL5.js +155 -0
- package/dist/_browser-chunks/chunk-FVSEPWWX.js +2810 -0
- package/dist/_browser-chunks/chunk-GNZY6LOW.js +10116 -0
- package/dist/_browser-chunks/chunk-IE4ULIOQ.js +14 -0
- package/dist/_browser-chunks/chunk-IMSF75WX.js +42 -0
- package/dist/_browser-chunks/chunk-IWQGIXJS.js +14 -0
- package/dist/_browser-chunks/chunk-JMC7AIKT.js +108 -0
- package/dist/_browser-chunks/chunk-JPUOQJUI.js +8 -0
- package/dist/_browser-chunks/chunk-JSBKXXXF.js +218 -0
- package/dist/_browser-chunks/chunk-JWSKPMPC.js +73 -0
- package/dist/_browser-chunks/chunk-JYVGARBG.js +2943 -0
- package/dist/_browser-chunks/chunk-KBK7GKBN.js +35 -0
- package/dist/_browser-chunks/chunk-KQ7CRO2B.js +108 -0
- package/dist/_browser-chunks/chunk-LAWXTSXK.js +18 -0
- package/dist/_browser-chunks/chunk-LE2LTDW3.js +14 -0
- package/dist/_browser-chunks/chunk-LEVSOOLQ.js +48 -0
- package/dist/_browser-chunks/chunk-LV5PIKV4.js +93 -0
- package/dist/_browser-chunks/chunk-MDOL7KML.js +56 -0
- package/dist/_browser-chunks/chunk-MFMDGWP6.js +34 -0
- package/dist/_browser-chunks/chunk-MLBOOZL4.js +67 -0
- package/dist/_browser-chunks/chunk-NQUD4B7H.js +91 -0
- package/dist/_browser-chunks/chunk-NULBREPZ.js +43 -0
- package/dist/_browser-chunks/chunk-NZMVUW5T.js +7 -0
- package/dist/_browser-chunks/chunk-OD6IBQCC.js +117 -0
- package/dist/_browser-chunks/chunk-ODVJ3XZJ.js +157 -0
- package/dist/_browser-chunks/chunk-OQWFVDIN.js +386 -0
- package/dist/_browser-chunks/chunk-OVH3USFB.js +20 -0
- package/dist/_browser-chunks/chunk-OZZPSYQR.js +14 -0
- package/dist/_browser-chunks/chunk-P6PK47TQ.js +1970 -0
- package/dist/_browser-chunks/chunk-PFRNG3UC.js +22 -0
- package/dist/_browser-chunks/chunk-PJSMZ27A.js +13 -0
- package/dist/_browser-chunks/chunk-QC4HFS6K.js +41 -0
- package/dist/_browser-chunks/chunk-QDXFODK4.js +274 -0
- package/dist/_browser-chunks/chunk-RBCHTR7C.js +28 -0
- package/dist/_browser-chunks/chunk-RMYQ3QN3.js +294 -0
- package/dist/_browser-chunks/chunk-RNTIV5CE.js +411 -0
- package/dist/_browser-chunks/chunk-RSPAQWVJ.js +80 -0
- package/dist/_browser-chunks/chunk-S6TK43XQ.js +836 -0
- package/dist/_browser-chunks/chunk-SC67XZST.js +18 -0
- package/dist/_browser-chunks/chunk-SFVA4SBT.js +683 -0
- package/dist/_browser-chunks/chunk-SZYFOQMT.js +25 -0
- package/dist/_browser-chunks/chunk-TBJCJXK4.js +18 -0
- package/dist/_browser-chunks/chunk-UMDO3KB7.js +205 -0
- package/dist/_browser-chunks/chunk-V2G23FV7.js +11 -0
- package/dist/_browser-chunks/chunk-V5M7Q4HT.js +88 -0
- package/dist/_browser-chunks/chunk-W5M6NPS3.js +198 -0
- package/dist/_browser-chunks/chunk-W7NE2JXW.js +84 -0
- package/dist/_browser-chunks/chunk-WGVAAM43.js +1110 -0
- package/dist/_browser-chunks/chunk-WHQRNHXD.js +8 -0
- package/dist/_browser-chunks/chunk-WOSOWBCA.js +12 -0
- package/dist/_browser-chunks/chunk-WZ7KR7SH.js +85 -0
- package/dist/_browser-chunks/chunk-YEKO6BHJ.js +20 -0
- package/dist/_browser-chunks/chunk-YI2IBIQS.js +7 -0
- package/dist/_browser-chunks/chunk-YTIT5NA5.js +1966 -0
- package/dist/_browser-chunks/chunk-ZEHRUHTA.js +6 -0
- package/dist/_browser-chunks/chunk-ZTQ5MEJ5.js +203 -0
- package/dist/_browser-chunks/matchers-YLBYSYAF.js +1263 -0
- package/dist/_browser-chunks/react-dom-client-4OHE3QDV.js +9 -0
- package/dist/_node-chunks/attached-runtime-I2G4WLJI.js +282 -0
- package/dist/_node-chunks/builder-manager-VVHYQXCH.js +1661 -0
- package/dist/_node-chunks/chunk-2BUPBPFB.js +82 -0
- package/dist/_node-chunks/chunk-2DSIDINN.js +884 -0
- package/dist/_node-chunks/chunk-2RU7BKEW.js +23 -0
- package/dist/_node-chunks/chunk-34EO2PUT.js +26 -0
- package/dist/_node-chunks/chunk-3BKIBF5S.js +3008 -0
- package/dist/_node-chunks/chunk-3SDUYDXH.js +98 -0
- package/dist/_node-chunks/chunk-3T4ZSNPH.js +662 -0
- package/dist/_node-chunks/chunk-3W7F2B7P.js +79 -0
- package/dist/_node-chunks/chunk-3Y6AAY5H.js +80 -0
- package/dist/_node-chunks/chunk-42UWAGPW.js +1193 -0
- package/dist/_node-chunks/chunk-4FEANXWU.js +1986 -0
- package/dist/_node-chunks/chunk-5DQFEZEA.js +40 -0
- package/dist/_node-chunks/chunk-6KEHV53S.js +1218 -0
- package/dist/_node-chunks/chunk-6LMWA44H.js +3837 -0
- package/dist/_node-chunks/chunk-6YKBRP72.js +20 -0
- package/dist/_node-chunks/chunk-7GUDZVRQ.js +110 -0
- package/dist/_node-chunks/chunk-B5J7Q7J4.js +21 -0
- package/dist/_node-chunks/chunk-BS2WMZMR.js +90 -0
- package/dist/_node-chunks/chunk-BSKFCWQD.js +47 -0
- package/dist/_node-chunks/chunk-BXVYT7SB.js +36 -0
- package/dist/_node-chunks/chunk-CCOTJ4FC.js +688 -0
- package/dist/_node-chunks/chunk-CQKMLL5J.js +33 -0
- package/dist/_node-chunks/chunk-CXRU72ET.js +63 -0
- package/dist/_node-chunks/chunk-DC7DKR5K.js +20 -0
- package/dist/_node-chunks/chunk-DHJFTB4K.js +25 -0
- package/dist/_node-chunks/chunk-DUR55DJJ.js +1094 -0
- package/dist/_node-chunks/chunk-E6YESGLX.js +7032 -0
- package/dist/_node-chunks/chunk-EHUNOMDD.js +52345 -0
- package/dist/_node-chunks/chunk-ET7PWEO7.js +298 -0
- package/dist/_node-chunks/chunk-EWOX7HPJ.js +20 -0
- package/dist/_node-chunks/chunk-F3ZFKBHY.js +844 -0
- package/dist/_node-chunks/chunk-FK7KGTV7.js +26 -0
- package/dist/_node-chunks/chunk-FPZB5OI7.js +35 -0
- package/dist/_node-chunks/chunk-FW2HQUBQ.js +25 -0
- package/dist/_node-chunks/chunk-FY6UXW6G.js +11 -0
- package/dist/_node-chunks/chunk-GEFQN7K3.js +499 -0
- package/dist/_node-chunks/chunk-GRBLDJCR.js +989 -0
- package/dist/_node-chunks/chunk-H32DYT6P.js +87 -0
- package/dist/_node-chunks/chunk-H4PPVMP5.js +23 -0
- package/dist/_node-chunks/chunk-HMP2G23X.js +25 -0
- package/dist/_node-chunks/chunk-ICPBH3E7.js +59 -0
- package/dist/_node-chunks/chunk-IDEL2J23.js +23 -0
- package/dist/_node-chunks/chunk-IK4FGZLR.js +223 -0
- package/dist/_node-chunks/chunk-JDXXX6LB.js +68 -0
- package/dist/_node-chunks/chunk-JGGFYIG5.js +5468 -0
- package/dist/_node-chunks/chunk-JPAZLYJ3.js +29 -0
- package/dist/_node-chunks/chunk-JZOO7GGC.js +48 -0
- package/dist/_node-chunks/chunk-KISMCCP5.js +4744 -0
- package/dist/_node-chunks/chunk-LCK4ZQKG.js +115 -0
- package/dist/_node-chunks/chunk-LO56I6E2.js +132 -0
- package/dist/_node-chunks/chunk-LXBD4UL4.js +104 -0
- package/dist/_node-chunks/chunk-MA24JW6C.js +7162 -0
- package/dist/_node-chunks/chunk-MK2KYAI6.js +5414 -0
- package/dist/_node-chunks/chunk-NDWKJ4CL.js +2102 -0
- package/dist/_node-chunks/chunk-NIBT7XDZ.js +168 -0
- package/dist/_node-chunks/chunk-NPO45IMH.js +33 -0
- package/dist/_node-chunks/chunk-OISX4AGQ.js +414 -0
- package/dist/_node-chunks/chunk-OUW6R7C3.js +26 -0
- package/dist/_node-chunks/chunk-OWNFOGTA.js +194 -0
- package/dist/_node-chunks/chunk-Q7QNUM5H.js +49 -0
- package/dist/_node-chunks/chunk-QEQLR22M.js +1877 -0
- package/dist/_node-chunks/chunk-RRN2V55B.js +45 -0
- package/dist/_node-chunks/chunk-RWFIFGO5.js +144 -0
- package/dist/_node-chunks/chunk-RXNJDRGO.js +209 -0
- package/dist/_node-chunks/chunk-RZMQ7S3L.js +92 -0
- package/dist/_node-chunks/chunk-SIEXZVCR.js +51 -0
- package/dist/_node-chunks/chunk-SLWQNBGO.js +2034 -0
- package/dist/_node-chunks/chunk-SVTBJ7Q3.js +35 -0
- package/dist/_node-chunks/chunk-SWO5CDYU.js +32 -0
- package/dist/_node-chunks/chunk-TD5PLLQG.js +121 -0
- package/dist/_node-chunks/chunk-TEQGGSP7.js +33 -0
- package/dist/_node-chunks/chunk-TFCEV2XX.js +155 -0
- package/dist/_node-chunks/chunk-TFEWM4E3.js +1073 -0
- package/dist/_node-chunks/chunk-TINO74G5.js +21 -0
- package/dist/_node-chunks/chunk-TNJIXE37.js +40 -0
- package/dist/_node-chunks/chunk-TWI4GVH7.js +19 -0
- package/dist/_node-chunks/chunk-U5W53R2J.js +1011 -0
- package/dist/_node-chunks/chunk-UBOGWBEA.js +148 -0
- package/dist/_node-chunks/chunk-UMUBKI6E.js +3787 -0
- package/dist/_node-chunks/chunk-UVINFLGY.js +56 -0
- package/dist/_node-chunks/chunk-V2DY426G.js +1133 -0
- package/dist/_node-chunks/chunk-VLOXOXXE.js +45 -0
- package/dist/_node-chunks/chunk-W4OMYLSP.js +1297 -0
- package/dist/_node-chunks/chunk-WAXVSN3O.js +18 -0
- package/dist/_node-chunks/chunk-WCULS5TP.js +3767 -0
- package/dist/_node-chunks/chunk-WNZ2UMFM.js +153 -0
- package/dist/_node-chunks/chunk-WZJF2OUH.js +74 -0
- package/dist/_node-chunks/chunk-XGIUVY52.js +611 -0
- package/dist/_node-chunks/chunk-XHL2LVBM.js +415 -0
- package/dist/_node-chunks/chunk-XI6B6P47.js +59 -0
- package/dist/_node-chunks/chunk-XLP2ZKXV.js +60 -0
- package/dist/_node-chunks/chunk-YCMRA6RX.js +95 -0
- package/dist/_node-chunks/chunk-YZFWBA5L.js +2700 -0
- package/dist/_node-chunks/chunk-ZMAMXQKP.js +4731 -0
- package/dist/_node-chunks/chunk-ZWBCQ4MJ.js +110 -0
- package/dist/_node-chunks/dist-VTSTZKUB.js +16 -0
- package/dist/_node-chunks/globby-OEMHPBFY.js +2884 -0
- package/dist/_node-chunks/jiti-NFX6UU74.js +3848 -0
- package/dist/_node-chunks/lib-MDVARD7W.js +366 -0
- package/dist/_node-chunks/local-runtime-NTKIN2QT.js +78 -0
- package/dist/_node-chunks/mdx-plugin-MWISDWDQ.js +5680 -0
- package/dist/_node-chunks/monorepo-LIRFMQXE.js +121 -0
- package/dist/_node-chunks/monorepo-optimized-tests-relaxed-limits-no-story-deletion-CPDW4XTW.js +121 -0
- package/dist/_node-chunks/optimized-tests-HDOLR3EY.js +22 -0
- package/dist/_node-chunks/pattern-copy-play-EKHIUAU2.js +807 -0
- package/dist/_node-chunks/postinstallAddon-GYGMWDL6.js +20 -0
- package/dist/_node-chunks/rehype-external-links-BUN3HUCO.js +121 -0
- package/dist/_node-chunks/rehype-slug-PLADX223.js +52 -0
- package/dist/_node-chunks/relaxed-limits-GBHW6KIQ.js +117 -0
- package/dist/_node-chunks/run-KDTIZNSY.js +103 -0
- package/dist/_node-chunks/run-NL66VTNR.js +4532 -0
- package/dist/_node-chunks/session-id-KIIVOQLR.js +23 -0
- package/dist/_node-chunks/setup-MGC7BQO6.js +278 -0
- package/dist/_node-chunks/vitest.config.4.template-JH2THZFG.js +54 -0
- package/dist/actions/decorator.d.ts +7 -0
- package/dist/actions/decorator.js +43 -0
- package/dist/actions/index.d.ts +67 -0
- package/dist/actions/index.js +28 -0
- package/dist/addon-a11y/index.d.ts +52 -0
- package/dist/addon-a11y/index.js +16 -0
- package/dist/addon-a11y/manager.js +1429 -0
- package/dist/addon-a11y/preset.js +18 -0
- package/dist/addon-a11y/preview.d.ts +17 -0
- package/dist/addon-a11y/preview.js +15 -0
- package/dist/addon-docs/blocks.d.ts +1061 -0
- package/dist/addon-docs/blocks.js +2461 -0
- package/dist/addon-docs/index.d.ts +236 -0
- package/dist/addon-docs/index.js +16 -0
- package/dist/addon-docs/manager.js +90 -0
- package/dist/addon-docs/mdx-react-shim.d.ts +1 -0
- package/dist/addon-docs/mdx-react-shim.js +2 -0
- package/dist/addon-docs/preset.js +378 -0
- package/dist/addon-docs/preview.d.ts +4 -0
- package/dist/addon-docs/preview.js +7 -0
- package/dist/addon-links/index.d.ts +22 -0
- package/dist/addon-links/index.js +20 -0
- package/dist/addon-links/manager.js +14 -0
- package/dist/addon-links/preview.d.ts +6 -0
- package/dist/addon-links/preview.js +9 -0
- package/dist/addon-links/react/index.d.ts +25 -0
- package/dist/addon-links/react/index.js +52 -0
- package/dist/addon-mcp/preset.js +1345 -0
- package/dist/addon-mcp/preview.js +29 -0
- package/dist/addon-mcp/tools/preview-stories/preview-stories-app-script.js +1153 -0
- package/dist/addon-ondevice-actions/index.d.ts +4 -0
- package/dist/addon-ondevice-actions/index.js +7 -0
- package/dist/addon-ondevice-actions/register.js +7 -0
- package/dist/addon-ondevice-controls/index.d.ts +6 -0
- package/dist/addon-ondevice-controls/index.js +14 -0
- package/dist/addon-ondevice-controls/register.js +10 -0
- package/dist/addon-pseudo-states/index.d.ts +35 -0
- package/dist/addon-pseudo-states/index.js +15 -0
- package/dist/addon-pseudo-states/manager.js +53 -0
- package/dist/addon-pseudo-states/preview.d.ts +9 -0
- package/dist/addon-pseudo-states/preview.js +10 -0
- package/dist/addon-themes/index.d.ts +80 -0
- package/dist/addon-themes/index.js +104 -0
- package/dist/addon-themes/manager.js +97 -0
- package/dist/addon-themes/postinstall.js +33 -0
- package/dist/addon-themes/preview.d.ts +6 -0
- package/dist/addon-themes/preview.js +8 -0
- package/dist/addon-vitest/constants.d.ts +132 -0
- package/dist/addon-vitest/constants.js +66 -0
- package/dist/addon-vitest/index.d.ts +4 -0
- package/dist/addon-vitest/index.js +8 -0
- package/dist/addon-vitest/manager.js +665 -0
- package/dist/addon-vitest/node/coverage-reporter.js +1284 -0
- package/dist/addon-vitest/node/vitest.js +674 -0
- package/dist/addon-vitest/postinstall.js +24 -0
- package/dist/addon-vitest/preset.js +943 -0
- package/dist/addon-vitest/vitest-plugin/global-setup.js +162 -0
- package/dist/addon-vitest/vitest-plugin/index.d.ts +56 -0
- package/dist/addon-vitest/vitest-plugin/index.js +463 -0
- package/dist/addon-vitest/vitest-plugin/setup-file-with-project-annotations.js +9 -0
- package/dist/addon-vitest/vitest-plugin/setup-file.browser.4.js +20 -0
- package/dist/addon-vitest/vitest-plugin/setup-file.js +50 -0
- package/dist/addon-vitest/vitest-plugin/test-utils.js +128 -0
- package/dist/babel/index.d.ts +2301 -0
- package/dist/babel/index.js +61 -0
- package/dist/backgrounds/index.d.ts +6 -0
- package/dist/backgrounds/index.js +15 -0
- package/dist/bin/core.js +1705 -0
- package/dist/bin/dispatcher.js +43 -0
- package/dist/bin/loader.js +115 -0
- package/dist/builder-vite/index.d.ts +50 -0
- package/dist/builder-vite/index.js +245 -0
- package/dist/builder-vite/preset.js +27 -0
- package/dist/channels/index.d.ts +2 -0
- package/dist/channels/index.js +352 -0
- package/dist/chunk-B2t1tGRh.d.ts +284 -0
- package/dist/chunk-BCoJQE-f.d.ts +602 -0
- package/dist/chunk-BGkgZp-H.d.ts +214 -0
- package/dist/chunk-BTVrWliM.d.ts +115 -0
- package/dist/chunk-BXLImeLy.d.ts +197 -0
- package/dist/chunk-BfBzpgct.d.ts +916 -0
- package/dist/chunk-Bpi2tz-6.d.ts +511 -0
- package/dist/chunk-BxWufQms.d.ts +142 -0
- package/dist/chunk-C-bavsOH.d.ts +34 -0
- package/dist/chunk-C2p5r3Vt.d.ts +13001 -0
- package/dist/chunk-C6PAgHLT.d.ts +12 -0
- package/dist/chunk-CMeX4WRe.d.ts +179 -0
- package/dist/chunk-Ct9xd6IM.d.ts +65 -0
- package/dist/chunk-CwQKNaYL.d.ts +15 -0
- package/dist/chunk-D7DwV41f.d.ts +3622 -0
- package/dist/chunk-DEVFdzxR.d.ts +253 -0
- package/dist/chunk-DaVb55-_.d.ts +124 -0
- package/dist/chunk-DgRNfmj_.d.ts +40 -0
- package/dist/chunk-DoIGKY33.d.ts +666 -0
- package/dist/chunk-Dr3R0DXk.d.ts +40 -0
- package/dist/chunk-DtHByo32.d.ts +55 -0
- package/dist/chunk-Dw1z1Pki.d.ts +933 -0
- package/dist/chunk-DzuY9DXg.d.ts +79 -0
- package/dist/chunk-FjDVzZTj.d.ts +62 -0
- package/dist/chunk-Kt1tW-D1.d.ts +59 -0
- package/dist/chunk-XP8oHzpE.d.ts +6 -0
- package/dist/chunk-gCX81nOr.d.ts +61 -0
- package/dist/chunk-pcFXCimE.d.ts +741 -0
- package/dist/cli/index.d.ts +1174 -0
- package/dist/cli/index.js +5613 -0
- package/dist/cli/skills/content/index.d.ts +72 -0
- package/dist/cli/skills/content/index.js +335 -0
- package/dist/cli/tools/sdk/child-host.d.ts +61 -0
- package/dist/cli/tools/sdk/child-host.js +131 -0
- package/dist/cli/tools/sdk/index.d.ts +137 -0
- package/dist/cli/tools/sdk/index.js +44 -0
- package/dist/cli-commands/bin/index.js +25 -0
- package/dist/client-logger/index.d.ts +31 -0
- package/dist/client-logger/index.js +63 -0
- package/dist/common/index.d.ts +1103 -0
- package/dist/common/index.js +364 -0
- package/dist/components/index.d.ts +1924 -0
- package/dist/components/index.js +13759 -0
- package/dist/core-events/index.d.ts +155 -0
- package/dist/core-events/index.js +136 -0
- package/dist/core-server/index.d.ts +2200 -0
- package/dist/core-server/index.js +4165 -0
- package/dist/core-server/presets/common-manager.css +170 -0
- package/dist/core-server/presets/common-manager.js +4168 -0
- package/dist/core-server/presets/common-override-preset.js +81 -0
- package/dist/core-server/presets/common-preset.js +2187 -0
- package/dist/create/bin/index.js +23 -0
- package/dist/create/index.js +25 -0
- package/dist/csf/csf-utils.d.ts +2 -0
- package/dist/csf/csf-utils.js +19 -0
- package/dist/csf/index.d.ts +7 -0
- package/dist/csf/index.js +2142 -0
- package/dist/csf-tools/index.d.ts +1157 -0
- package/dist/csf-tools/index.js +736 -0
- package/dist/docs-tools/index.d.ts +197 -0
- package/dist/docs-tools/index.js +61 -0
- package/dist/highlight/index.d.ts +10 -0
- package/dist/highlight/index.js +15 -0
- package/dist/instrumenter/index.d.ts +113 -0
- package/dist/instrumenter/index.js +2595 -0
- package/dist/manager/_manager-chunks/globals-runtime-8HkdnU2F.js +6144 -0
- package/dist/manager/_manager-chunks/globals-runtime-BIKBO23x.js +3389 -0
- package/dist/manager/_manager-chunks/globals-runtime-BdGkqNEt.js +45 -0
- package/dist/manager/_manager-chunks/globals-runtime-BmphMP6z.js +1190 -0
- package/dist/manager/_manager-chunks/globals-runtime-BvM-NY2g.js +13307 -0
- package/dist/manager/_manager-chunks/globals-runtime-C02fvgcd.js +9243 -0
- package/dist/manager/_manager-chunks/globals-runtime-DkAPXCvc.js +9766 -0
- package/dist/manager/_manager-chunks/globals-runtime-DpNYC-qi.js +5564 -0
- package/dist/manager/_manager-chunks/globals-runtime-DtcOnYHR.js +5357 -0
- package/dist/manager/_manager-chunks/globals-runtime-DwFqpqya.js +722 -0
- package/dist/manager/_manager-chunks/globals-runtime-FC201B7s.js +6837 -0
- package/dist/manager/_manager-chunks/globals-runtime-Rp_zjGnh.js +121 -0
- package/dist/manager/_manager-chunks/globals-runtime-ZHrQFa3-.js +10463 -0
- package/dist/manager/_manager-chunks/globals-runtime-eLPTIfX-.js +7759 -0
- package/dist/manager/_manager-chunks/globals-runtime-qKvCZHFY.js +4468 -0
- package/dist/manager/_manager-chunks/globals-runtime-sGpNlIJ1.js +5102 -0
- package/dist/manager/_manager-chunks/runtime-B1L9TH89.js +452 -0
- package/dist/manager/_manager-chunks/runtime-BK0zF7FN.js +22 -0
- package/dist/manager/_manager-chunks/runtime-BhkT2CXl.js +1408 -0
- package/dist/manager/_manager-chunks/runtime-Bly6WJLN.js +998 -0
- package/dist/manager/_manager-chunks/runtime-D0UOWx0U.js +979 -0
- package/dist/manager/_manager-chunks/runtime-D94Vq3oR.js +4014 -0
- package/dist/manager/_manager-chunks/runtime-DMig8mT7.js +77 -0
- package/dist/manager/_manager-chunks/runtime-EITvVbkG.js +46 -0
- package/dist/manager/_manager-chunks/runtime-cp5pazY2.js +8936 -0
- package/dist/manager/_manager-chunks/runtime-eDVAYF7N.js +6860 -0
- package/dist/manager/_manager-chunks/runtime-i-PDAHLR.js +2493 -0
- package/dist/manager/globals-runtime.js +2 -0
- package/dist/manager/globals.d.ts +23 -0
- package/dist/manager/globals.js +26 -0
- package/dist/manager/manager-stores.d.ts +2 -0
- package/dist/manager/manager-stores.js +19 -0
- package/dist/manager/runtime.js +2 -0
- package/dist/manager-api/index.d.ts +2 -0
- package/dist/manager-api/index.js +3257 -0
- package/dist/manager-errors.d.ts +89 -0
- package/dist/manager-errors.js +20 -0
- package/dist/mcp/index.d.ts +270 -0
- package/dist/mcp/index.js +305 -0
- package/dist/mocking-utils/index.d.ts +689 -0
- package/dist/mocking-utils/index.js +521 -0
- package/dist/mocking-utils/mocker-runtime.js +1254 -0
- package/dist/nextjs-vite/config/preview.js +3 -0
- package/dist/nextjs-vite/export-mocks/cache/index.d.ts +25 -0
- package/dist/nextjs-vite/export-mocks/cache/index.js +29 -0
- package/dist/nextjs-vite/export-mocks/headers/index.d.ts +37 -0
- package/dist/nextjs-vite/export-mocks/headers/index.js +54 -0
- package/dist/nextjs-vite/export-mocks/link/index.d.ts +9 -0
- package/dist/nextjs-vite/export-mocks/link/index.js +59 -0
- package/dist/nextjs-vite/export-mocks/navigation/index.d.ts +28 -0
- package/dist/nextjs-vite/export-mocks/navigation/index.js +58 -0
- package/dist/nextjs-vite/export-mocks/router/index.d.ts +34 -0
- package/dist/nextjs-vite/export-mocks/router/index.js +63 -0
- package/dist/nextjs-vite/index.d.ts +92 -0
- package/dist/nextjs-vite/index.js +58 -0
- package/dist/nextjs-vite/node/index.d.ts +6 -0
- package/dist/nextjs-vite/node/index.js +20 -0
- package/dist/nextjs-vite/preset.js +648 -0
- package/dist/nextjs-vite/preview.d.ts +20 -0
- package/dist/nextjs-vite/preview.js +11 -0
- package/dist/nextjs-vite/vite-plugin/index.d.ts +6 -0
- package/dist/nextjs-vite/vite-plugin/index.js +19 -0
- package/dist/nextjs-vite-plugin/index.d.ts +28 -0
- package/dist/nextjs-vite-plugin/index.js +923 -0
- package/dist/nextjs-vite-plugin/mocks/storybook.global.js +29 -0
- package/dist/nextjs-vite-plugin/plugins/next-image/alias/image-context.js +8 -0
- package/dist/nextjs-vite-plugin/plugins/next-image/alias/image-default-loader.js +23 -0
- package/dist/nextjs-vite-plugin/plugins/next-image/alias/next-image.js +28 -0
- package/dist/nextjs-vite-plugin/plugins/next-image/alias/next-legacy-image.js +17 -0
- package/dist/nextjs-vite-plugin/plugins/next-mocks/alias/cache/index.js +29 -0
- package/dist/nextjs-vite-plugin/plugins/next-mocks/alias/dynamic/index.js +40 -0
- package/dist/nextjs-vite-plugin/plugins/next-mocks/alias/headers/index.js +55 -0
- package/dist/nextjs-vite-plugin/plugins/next-mocks/alias/link/index.js +63 -0
- package/dist/nextjs-vite-plugin/plugins/next-mocks/alias/navigation/index.js +71 -0
- package/dist/nextjs-vite-plugin/plugins/next-mocks/alias/router/index.js +74 -0
- package/dist/nextjs-vite-plugin/plugins/next-mocks/alias/rsc/server-only.js +7 -0
- package/dist/nextjs-vite-plugin/plugins/next-mocks/alias/safe-stable-stringify/index.js +13 -0
- package/dist/nextjs-vite-plugin/plugins/next-mocks/compatibility/draft-mode.compat.js +7 -0
- package/dist/node-logger/index.d.ts +495 -0
- package/dist/node-logger/index.js +42 -0
- package/dist/oxc-parser/index.d.ts +99 -0
- package/dist/oxc-parser/index.js +275 -0
- package/dist/oxc-parser/worker.js +37 -0
- package/dist/preview/_chunks/runtime-BIzIdDbb.js +10263 -0
- package/dist/preview/_chunks/runtime-BTPtVY1p.js +1102 -0
- package/dist/preview/_chunks/runtime-BZSnICCg.js +8484 -0
- package/dist/preview/_chunks/runtime-BdGkqNEt.js +45 -0
- package/dist/preview/_chunks/runtime-BwSxqk3t.js +63 -0
- package/dist/preview/_chunks/runtime-CqHxptiK.js +6143 -0
- package/dist/preview/_chunks/runtime-CsV4HZPV.js +5064 -0
- package/dist/preview/_chunks/runtime-CxZK_Ln3.js +284 -0
- package/dist/preview/_chunks/runtime-DZToXfvO.js +9767 -0
- package/dist/preview/_chunks/runtime-DrTjJkPY.js +3872 -0
- package/dist/preview/_chunks/runtime-DuHdxMFA.js +387 -0
- package/dist/preview/_chunks/runtime-iXdo8CR8.js +3635 -0
- package/dist/preview/_chunks/runtime-q3wt0e_N.js +6838 -0
- package/dist/preview/globals.d.ts +16 -0
- package/dist/preview/globals.js +20 -0
- package/dist/preview/runtime.js +6 -0
- package/dist/preview-api/index.d.ts +4 -0
- package/dist/preview-api/index.js +147 -0
- package/dist/preview-errors.d.ts +186 -0
- package/dist/preview-errors.js +56 -0
- package/dist/react/docgen/docgen-worker.js +38 -0
- package/dist/react/entry-preview-argtypes.js +9 -0
- package/dist/react/entry-preview-docs.js +12 -0
- package/dist/react/entry-preview-rsc.js +11 -0
- package/dist/react/entry-preview.js +21 -0
- package/dist/react/index.d.ts +119 -0
- package/dist/react/index.js +26 -0
- package/dist/react/preset.js +301 -0
- package/dist/react/preview.d.ts +2 -0
- package/dist/react/preview.js +11 -0
- package/dist/react-native/bin/get-stories.js +34 -0
- package/dist/react-native/index.d.ts +160 -0
- package/dist/react-native/index.js +1547 -0
- package/dist/react-native/metro/node.d.ts +83 -0
- package/dist/react-native/metro/node.js +21 -0
- package/dist/react-native/metro/withStorybook.d.ts +2269 -0
- package/dist/react-native/metro/withStorybook.js +138 -0
- package/dist/react-native/preview.d.ts +6 -0
- package/dist/react-native/preview.js +20 -0
- package/dist/react-native/scripts/generate.d.ts +22 -0
- package/dist/react-native/scripts/generate.js +18 -0
- package/dist/react-native/stub.js +20 -0
- package/dist/react-native-theming/index.d.ts +175 -0
- package/dist/react-native-theming/index.js +2591 -0
- package/dist/react-native-ui/index.d.ts +130 -0
- package/dist/react-native-ui/index.js +1448 -0
- package/dist/react-native-ui-common/index.d.ts +230 -0
- package/dist/react-native-ui-common/index.js +514 -0
- package/dist/react-vite/index.d.ts +4 -0
- package/dist/react-vite/index.js +8 -0
- package/dist/react-vite/node/index.d.ts +6 -0
- package/dist/react-vite/node/index.js +20 -0
- package/dist/react-vite/preset.d.ts +6 -0
- package/dist/react-vite/preset.js +21 -0
- package/dist/router/index.d.ts +141 -0
- package/dist/router/index.js +1217 -0
- package/dist/server-errors.d.ts +2 -0
- package/dist/server-errors.js +149 -0
- package/dist/shared/open-service/index.d.ts +3 -0
- package/dist/shared/open-service/index.js +115 -0
- package/dist/shared/open-service/services/docgen/worker/docgen-worker.js +75 -0
- package/dist/shared/open-service/toolsets/docs/public.d.ts +1296 -0
- package/dist/shared/open-service/toolsets/docs/public.js +991 -0
- package/dist/telemetry/index.d.ts +314 -0
- package/dist/telemetry/index.js +103 -0
- package/dist/test/index.d.ts +158 -0
- package/dist/test/index.js +19421 -0
- package/dist/theming/create.d.ts +15 -0
- package/dist/theming/create.js +11 -0
- package/dist/theming/index.d.ts +54 -0
- package/dist/theming/index.js +511 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/types/index.js +48 -0
- package/dist/viewport/index.d.ts +275 -0
- package/dist/viewport/index.js +21 -0
- package/package.json +1054 -4
- package/template/nextjs-vite/cli/.eslintrc.json +6 -0
- package/template/nextjs-vite/cli/js/Button.jsx +42 -0
- package/template/nextjs-vite/cli/js/Button.stories.js +49 -0
- package/template/nextjs-vite/cli/js/Configure.mdx +470 -0
- package/template/nextjs-vite/cli/js/Header.jsx +58 -0
- package/template/nextjs-vite/cli/js/Header.stories.js +30 -0
- package/template/nextjs-vite/cli/js/Page.jsx +68 -0
- package/template/nextjs-vite/cli/js/Page.stories.js +28 -0
- package/template/nextjs-vite/cli/ts/Button.stories.ts +54 -0
- package/template/nextjs-vite/cli/ts/Button.tsx +39 -0
- package/template/nextjs-vite/cli/ts/Configure.mdx +446 -0
- package/template/nextjs-vite/cli/ts/Header.stories.ts +34 -0
- package/template/nextjs-vite/cli/ts/Header.tsx +54 -0
- package/template/nextjs-vite/cli/ts/Page.stories.ts +33 -0
- package/template/nextjs-vite/cli/ts/Page.tsx +73 -0
- package/template/react/cli/.eslintrc.json +5 -0
- package/template/react/cli/js/Button.jsx +39 -0
- package/template/react/cli/js/Button.stories.js +49 -0
- package/template/react/cli/js/Header.jsx +56 -0
- package/template/react/cli/js/Header.stories.js +29 -0
- package/template/react/cli/js/Page.jsx +69 -0
- package/template/react/cli/js/Page.stories.js +28 -0
- package/template/react/cli/ts/Button.stories.ts +54 -0
- package/template/react/cli/ts/Button.tsx +37 -0
- package/template/react/cli/ts/Header.stories.ts +34 -0
- package/template/react/cli/ts/Header.tsx +56 -0
- package/template/react/cli/ts/Page.stories.ts +33 -0
- package/template/react/cli/ts/Page.tsx +73 -0
- package/template/react-vite/cli/.eslintrc.json +5 -0
- package/template/react-vite/cli/js/Button.jsx +39 -0
- package/template/react-vite/cli/js/Button.stories.js +49 -0
- package/template/react-vite/cli/js/Header.jsx +56 -0
- package/template/react-vite/cli/js/Header.stories.js +29 -0
- package/template/react-vite/cli/js/Page.jsx +69 -0
- package/template/react-vite/cli/js/Page.stories.js +28 -0
- package/template/react-vite/cli/ts/Button.stories.ts +54 -0
- package/template/react-vite/cli/ts/Button.tsx +37 -0
- package/template/react-vite/cli/ts/Header.stories.ts +34 -0
- package/template/react-vite/cli/ts/Header.tsx +56 -0
- package/template/react-vite/cli/ts/Page.stories.ts +33 -0
- package/template/react-vite/cli/ts/Page.tsx +73 -0
|
@@ -0,0 +1,1970 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Portal
|
|
3
|
+
} from "./chunk-UMDO3KB7.js";
|
|
4
|
+
import {
|
|
5
|
+
curriedTransparentize$1
|
|
6
|
+
} from "./chunk-S6TK43XQ.js";
|
|
7
|
+
|
|
8
|
+
// src/addon-ondevice-controls/index.tsx
|
|
9
|
+
import { addons, types } from "@aussieljk/forkbook/manager-api";
|
|
10
|
+
|
|
11
|
+
// src/addon-ondevice-controls/ControlsPanel.tsx
|
|
12
|
+
import React2, { useCallback as useCallback6, useState as useState10 } from "react";
|
|
13
|
+
|
|
14
|
+
// src/addon-ondevice-controls/NoControlsWarning.tsx
|
|
15
|
+
import { styled } from "@aussieljk/forkbook/internal/react-native-theming";
|
|
16
|
+
import { Linking, View } from "react-native";
|
|
17
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
18
|
+
var Paragraph = styled.Text(({ theme }) => ({
|
|
19
|
+
marginBottom: 16,
|
|
20
|
+
color: theme.color.defaultText
|
|
21
|
+
})), LinkText = styled.Text(({ theme }) => ({
|
|
22
|
+
color: theme.color.secondary,
|
|
23
|
+
textDecorationLine: "underline"
|
|
24
|
+
})), NoControlsWarning = () => jsxs(View, { style: { padding: 10 }, children: [
|
|
25
|
+
jsx(Paragraph, { children: "This story is not configured to handle controls." }),
|
|
26
|
+
jsxs(Paragraph, { children: [
|
|
27
|
+
jsx(
|
|
28
|
+
LinkText,
|
|
29
|
+
{
|
|
30
|
+
onPress: () => Linking.openURL("https://storybook.js.org/docs/react/essentials/controls"),
|
|
31
|
+
children: "Learn how to add controls"
|
|
32
|
+
}
|
|
33
|
+
),
|
|
34
|
+
" ",
|
|
35
|
+
"and see",
|
|
36
|
+
" ",
|
|
37
|
+
jsx(
|
|
38
|
+
LinkText,
|
|
39
|
+
{
|
|
40
|
+
onPress: () => Linking.openURL(
|
|
41
|
+
"https://github.com/storybookjs/react-native/tree/next-6.0/examples/expo-example/components/ControlExamples"
|
|
42
|
+
),
|
|
43
|
+
children: "examples in the Storybook React Native repository."
|
|
44
|
+
}
|
|
45
|
+
)
|
|
46
|
+
] })
|
|
47
|
+
] }), NoControlsWarning_default = NoControlsWarning;
|
|
48
|
+
|
|
49
|
+
// src/addon-ondevice-controls/PropForm.tsx
|
|
50
|
+
import { styled as styled9 } from "@aussieljk/forkbook/internal/react-native-theming";
|
|
51
|
+
|
|
52
|
+
// src/addon-ondevice-controls/PropField.tsx
|
|
53
|
+
import { styled as styled8 } from "@aussieljk/forkbook/internal/react-native-theming";
|
|
54
|
+
|
|
55
|
+
// src/addon-ondevice-controls/types/Text.tsx
|
|
56
|
+
import { useState as useState2 } from "react";
|
|
57
|
+
|
|
58
|
+
// src/addon-ondevice-controls/types/common.tsx
|
|
59
|
+
import { styled as styled2 } from "@aussieljk/forkbook/internal/react-native-theming";
|
|
60
|
+
import { Platform, TextInput } from "react-native";
|
|
61
|
+
function inputStyle({
|
|
62
|
+
theme,
|
|
63
|
+
focused = !1,
|
|
64
|
+
hasError = !1
|
|
65
|
+
}) {
|
|
66
|
+
return {
|
|
67
|
+
backgroundColor: theme.input.background,
|
|
68
|
+
// TODO: border?
|
|
69
|
+
borderWidth: 1,
|
|
70
|
+
borderRadius: theme.input.borderRadius,
|
|
71
|
+
borderColor: hasError ? theme.color.negative : focused ? theme.color.secondary : theme.input.border,
|
|
72
|
+
fontSize: theme.typography.size.s2 - 1,
|
|
73
|
+
color: theme.input.color,
|
|
74
|
+
paddingHorizontal: theme.input.paddingHorizontal,
|
|
75
|
+
...Platform.select({
|
|
76
|
+
android: {
|
|
77
|
+
paddingVertical: theme.input.paddingVertical
|
|
78
|
+
},
|
|
79
|
+
web: {
|
|
80
|
+
// The web (that isn't RNW) doesn't understand `paddingHorizontal` etc.
|
|
81
|
+
paddingLeft: theme.input.paddingHorizontal,
|
|
82
|
+
paddingRight: theme.input.paddingHorizontal,
|
|
83
|
+
paddingTop: theme.input.paddingVertical,
|
|
84
|
+
paddingBottom: theme.input.paddingVertical,
|
|
85
|
+
borderStyle: "solid"
|
|
86
|
+
},
|
|
87
|
+
default: {
|
|
88
|
+
paddingVertical: theme.input.paddingVertical
|
|
89
|
+
}
|
|
90
|
+
}),
|
|
91
|
+
margin: 0
|
|
92
|
+
};
|
|
93
|
+
}
|
|
94
|
+
var Input = styled2(TextInput)(({ theme, focused, hasError }) => ({
|
|
95
|
+
...inputStyle({ theme, focused, hasError })
|
|
96
|
+
}));
|
|
97
|
+
|
|
98
|
+
// src/addon-ondevice-controls/types/useResyncValue.ts
|
|
99
|
+
import { useEffect, useState } from "react";
|
|
100
|
+
function useResyncValue(value, isPristine, resyncCallback) {
|
|
101
|
+
let [key, setKey] = useState(0), [currentValue, setCurrentValue] = useState(value);
|
|
102
|
+
return useEffect(() => {
|
|
103
|
+
isPristine && value !== currentValue && (setKey((cur) => cur + 1), resyncCallback?.(value));
|
|
104
|
+
}, [value, currentValue, isPristine, resyncCallback]), { key, setCurrentValue };
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
// src/addon-ondevice-controls/types/Text.tsx
|
|
108
|
+
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
109
|
+
var TextType = ({ arg, onChange, isPristine }) => {
|
|
110
|
+
let { setCurrentValue, key } = useResyncValue(arg.value, isPristine), [focused, setFocused] = useState2(!1);
|
|
111
|
+
return jsx2(
|
|
112
|
+
Input,
|
|
113
|
+
{
|
|
114
|
+
testID: arg.name,
|
|
115
|
+
defaultValue: arg.value,
|
|
116
|
+
onChangeText: (text) => {
|
|
117
|
+
onChange(text), setCurrentValue(text);
|
|
118
|
+
},
|
|
119
|
+
autoCapitalize: "none",
|
|
120
|
+
underlineColorAndroid: "transparent",
|
|
121
|
+
onFocus: () => setFocused(!0),
|
|
122
|
+
onBlur: () => setFocused(!1),
|
|
123
|
+
focused
|
|
124
|
+
},
|
|
125
|
+
key
|
|
126
|
+
);
|
|
127
|
+
}, Text_default = TextType;
|
|
128
|
+
|
|
129
|
+
// src/addon-ondevice-controls/types/Number.tsx
|
|
130
|
+
import { styled as styled3 } from "@aussieljk/forkbook/internal/react-native-theming";
|
|
131
|
+
import { useCallback, useState as useState3 } from "react";
|
|
132
|
+
import { View as View2 } from "react-native";
|
|
133
|
+
|
|
134
|
+
// src/addon-ondevice-controls/components/SliderWrapper.tsx
|
|
135
|
+
import { Host, Slider } from "@expo/ui/swift-ui";
|
|
136
|
+
import { useRef } from "react";
|
|
137
|
+
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
138
|
+
var SliderWrapper = ({
|
|
139
|
+
minimumValue,
|
|
140
|
+
maximumValue,
|
|
141
|
+
step,
|
|
142
|
+
value,
|
|
143
|
+
onValueChange,
|
|
144
|
+
onSlidingComplete,
|
|
145
|
+
style
|
|
146
|
+
}) => {
|
|
147
|
+
let latest = useRef(value ?? 0);
|
|
148
|
+
return jsx3(Host, { matchContents: { vertical: !0 }, style, children: jsx3(
|
|
149
|
+
Slider,
|
|
150
|
+
{
|
|
151
|
+
value,
|
|
152
|
+
min: minimumValue,
|
|
153
|
+
max: maximumValue,
|
|
154
|
+
step: step && step > 0 ? step : void 0,
|
|
155
|
+
onValueChange: (next) => {
|
|
156
|
+
latest.current = next, onValueChange?.(next);
|
|
157
|
+
},
|
|
158
|
+
onEditingChanged: (editing) => {
|
|
159
|
+
editing || onSlidingComplete?.(latest.current);
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
) });
|
|
163
|
+
}, SliderWrapper_default = SliderWrapper;
|
|
164
|
+
|
|
165
|
+
// src/addon-ondevice-controls/types/Number.tsx
|
|
166
|
+
import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
167
|
+
var ValueContainer = styled3.View({ flexDirection: "row" }), LabelText = styled3.Text(({ theme }) => ({
|
|
168
|
+
color: theme.color.mediumdark,
|
|
169
|
+
fontSize: theme.typography.size.s1
|
|
170
|
+
})), ValueText = styled3.Text(({ theme }) => ({
|
|
171
|
+
color: theme.color.defaultText,
|
|
172
|
+
fontSize: theme.typography.size.s1
|
|
173
|
+
})), getRangeOptions = (arg) => arg.type === "range" ? {
|
|
174
|
+
min: arg.control?.min ?? 0,
|
|
175
|
+
max: arg.control?.max ?? 100,
|
|
176
|
+
step: arg.control?.step ?? 1
|
|
177
|
+
} : arg.range === !0 ? {
|
|
178
|
+
min: arg.min ?? 0,
|
|
179
|
+
max: arg.max ?? 100,
|
|
180
|
+
step: arg.step ?? 1
|
|
181
|
+
} : {
|
|
182
|
+
min: 0,
|
|
183
|
+
max: 100,
|
|
184
|
+
step: 1
|
|
185
|
+
}, NumberType = ({ arg, isPristine, onChange = (value) => value }) => {
|
|
186
|
+
let showError = Number.isNaN(arg.value), [numStr, setNumStr] = useState3(arg.value?.toString()), updateNumstr = useCallback(
|
|
187
|
+
(value) => setNumStr(value?.toString()),
|
|
188
|
+
[]
|
|
189
|
+
), { key, setCurrentValue } = useResyncValue(arg.value, isPristine, updateNumstr), [focused, setFocused] = useState3(!1), handleNormalChangeText = (text) => {
|
|
190
|
+
let commaReplaced = text.trim().replace(/,/, ".");
|
|
191
|
+
setNumStr(commaReplaced), commaReplaced === "-" ? (onChange(-1), setCurrentValue(-1)) : (onChange(Number(commaReplaced)), setCurrentValue(Number(commaReplaced)));
|
|
192
|
+
};
|
|
193
|
+
if (arg.range || arg.type === "range") {
|
|
194
|
+
let { min, max, step } = getRangeOptions(arg);
|
|
195
|
+
return jsxs2(View2, { children: [
|
|
196
|
+
jsxs2(ValueContainer, { children: [
|
|
197
|
+
jsx4(LabelText, { children: "Value: " }),
|
|
198
|
+
jsx4(ValueText, { children: arg.value })
|
|
199
|
+
] }),
|
|
200
|
+
jsx4(
|
|
201
|
+
SliderWrapper_default,
|
|
202
|
+
{
|
|
203
|
+
minimumValue: min,
|
|
204
|
+
maximumValue: max,
|
|
205
|
+
step,
|
|
206
|
+
value: arg.value,
|
|
207
|
+
onSlidingComplete: (val) => {
|
|
208
|
+
onChange(val), setCurrentValue(val);
|
|
209
|
+
}
|
|
210
|
+
}
|
|
211
|
+
)
|
|
212
|
+
] }, key);
|
|
213
|
+
} else
|
|
214
|
+
return jsx4(
|
|
215
|
+
Input,
|
|
216
|
+
{
|
|
217
|
+
autoCapitalize: "none",
|
|
218
|
+
underlineColorAndroid: "transparent",
|
|
219
|
+
value: numStr,
|
|
220
|
+
keyboardType: "numeric",
|
|
221
|
+
onChangeText: handleNormalChangeText,
|
|
222
|
+
hasError: showError,
|
|
223
|
+
focused,
|
|
224
|
+
onFocus: () => setFocused(!0),
|
|
225
|
+
onBlur: () => setFocused(!1)
|
|
226
|
+
}
|
|
227
|
+
);
|
|
228
|
+
}, Number_default = NumberType;
|
|
229
|
+
|
|
230
|
+
// src/addon-ondevice-controls/types/Color.tsx
|
|
231
|
+
import { useState as useState5 } from "react";
|
|
232
|
+
import { View as View5, TouchableWithoutFeedback, StyleSheet as StyleSheet2, Platform as Platform3, Dimensions } from "react-native";
|
|
233
|
+
import { styled as styled4, useTheme } from "@aussieljk/forkbook/internal/react-native-theming";
|
|
234
|
+
|
|
235
|
+
// ../../node_modules/tinycolor2/esm/tinycolor.js
|
|
236
|
+
function _typeof(obj) {
|
|
237
|
+
"@babel/helpers - typeof";
|
|
238
|
+
return _typeof = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(obj2) {
|
|
239
|
+
return typeof obj2;
|
|
240
|
+
} : function(obj2) {
|
|
241
|
+
return obj2 && typeof Symbol == "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
|
|
242
|
+
}, _typeof(obj);
|
|
243
|
+
}
|
|
244
|
+
var trimLeft = /^\s+/, trimRight = /\s+$/;
|
|
245
|
+
function tinycolor(color, opts) {
|
|
246
|
+
if (color = color || "", opts = opts || {}, color instanceof tinycolor)
|
|
247
|
+
return color;
|
|
248
|
+
if (!(this instanceof tinycolor))
|
|
249
|
+
return new tinycolor(color, opts);
|
|
250
|
+
var rgb = inputToRGB(color);
|
|
251
|
+
this._originalInput = color, this._r = rgb.r, this._g = rgb.g, this._b = rgb.b, this._a = rgb.a, this._roundA = Math.round(100 * this._a) / 100, this._format = opts.format || rgb.format, this._gradientType = opts.gradientType, this._r < 1 && (this._r = Math.round(this._r)), this._g < 1 && (this._g = Math.round(this._g)), this._b < 1 && (this._b = Math.round(this._b)), this._ok = rgb.ok;
|
|
252
|
+
}
|
|
253
|
+
tinycolor.prototype = {
|
|
254
|
+
isDark: function() {
|
|
255
|
+
return this.getBrightness() < 128;
|
|
256
|
+
},
|
|
257
|
+
isLight: function() {
|
|
258
|
+
return !this.isDark();
|
|
259
|
+
},
|
|
260
|
+
isValid: function() {
|
|
261
|
+
return this._ok;
|
|
262
|
+
},
|
|
263
|
+
getOriginalInput: function() {
|
|
264
|
+
return this._originalInput;
|
|
265
|
+
},
|
|
266
|
+
getFormat: function() {
|
|
267
|
+
return this._format;
|
|
268
|
+
},
|
|
269
|
+
getAlpha: function() {
|
|
270
|
+
return this._a;
|
|
271
|
+
},
|
|
272
|
+
getBrightness: function() {
|
|
273
|
+
var rgb = this.toRgb();
|
|
274
|
+
return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1e3;
|
|
275
|
+
},
|
|
276
|
+
getLuminance: function() {
|
|
277
|
+
var rgb = this.toRgb(), RsRGB, GsRGB, BsRGB, R, G, B;
|
|
278
|
+
return RsRGB = rgb.r / 255, GsRGB = rgb.g / 255, BsRGB = rgb.b / 255, RsRGB <= 0.03928 ? R = RsRGB / 12.92 : R = Math.pow((RsRGB + 0.055) / 1.055, 2.4), GsRGB <= 0.03928 ? G = GsRGB / 12.92 : G = Math.pow((GsRGB + 0.055) / 1.055, 2.4), BsRGB <= 0.03928 ? B = BsRGB / 12.92 : B = Math.pow((BsRGB + 0.055) / 1.055, 2.4), 0.2126 * R + 0.7152 * G + 0.0722 * B;
|
|
279
|
+
},
|
|
280
|
+
setAlpha: function(value) {
|
|
281
|
+
return this._a = boundAlpha(value), this._roundA = Math.round(100 * this._a) / 100, this;
|
|
282
|
+
},
|
|
283
|
+
toHsv: function() {
|
|
284
|
+
var hsv = rgbToHsv(this._r, this._g, this._b);
|
|
285
|
+
return {
|
|
286
|
+
h: hsv.h * 360,
|
|
287
|
+
s: hsv.s,
|
|
288
|
+
v: hsv.v,
|
|
289
|
+
a: this._a
|
|
290
|
+
};
|
|
291
|
+
},
|
|
292
|
+
toHsvString: function() {
|
|
293
|
+
var hsv = rgbToHsv(this._r, this._g, this._b), h = Math.round(hsv.h * 360), s = Math.round(hsv.s * 100), v = Math.round(hsv.v * 100);
|
|
294
|
+
return this._a == 1 ? "hsv(" + h + ", " + s + "%, " + v + "%)" : "hsva(" + h + ", " + s + "%, " + v + "%, " + this._roundA + ")";
|
|
295
|
+
},
|
|
296
|
+
toHsl: function() {
|
|
297
|
+
var hsl = rgbToHsl(this._r, this._g, this._b);
|
|
298
|
+
return {
|
|
299
|
+
h: hsl.h * 360,
|
|
300
|
+
s: hsl.s,
|
|
301
|
+
l: hsl.l,
|
|
302
|
+
a: this._a
|
|
303
|
+
};
|
|
304
|
+
},
|
|
305
|
+
toHslString: function() {
|
|
306
|
+
var hsl = rgbToHsl(this._r, this._g, this._b), h = Math.round(hsl.h * 360), s = Math.round(hsl.s * 100), l = Math.round(hsl.l * 100);
|
|
307
|
+
return this._a == 1 ? "hsl(" + h + ", " + s + "%, " + l + "%)" : "hsla(" + h + ", " + s + "%, " + l + "%, " + this._roundA + ")";
|
|
308
|
+
},
|
|
309
|
+
toHex: function(allow3Char) {
|
|
310
|
+
return rgbToHex(this._r, this._g, this._b, allow3Char);
|
|
311
|
+
},
|
|
312
|
+
toHexString: function(allow3Char) {
|
|
313
|
+
return "#" + this.toHex(allow3Char);
|
|
314
|
+
},
|
|
315
|
+
toHex8: function(allow4Char) {
|
|
316
|
+
return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char);
|
|
317
|
+
},
|
|
318
|
+
toHex8String: function(allow4Char) {
|
|
319
|
+
return "#" + this.toHex8(allow4Char);
|
|
320
|
+
},
|
|
321
|
+
toRgb: function() {
|
|
322
|
+
return {
|
|
323
|
+
r: Math.round(this._r),
|
|
324
|
+
g: Math.round(this._g),
|
|
325
|
+
b: Math.round(this._b),
|
|
326
|
+
a: this._a
|
|
327
|
+
};
|
|
328
|
+
},
|
|
329
|
+
toRgbString: function() {
|
|
330
|
+
return this._a == 1 ? "rgb(" + Math.round(this._r) + ", " + Math.round(this._g) + ", " + Math.round(this._b) + ")" : "rgba(" + Math.round(this._r) + ", " + Math.round(this._g) + ", " + Math.round(this._b) + ", " + this._roundA + ")";
|
|
331
|
+
},
|
|
332
|
+
toPercentageRgb: function() {
|
|
333
|
+
return {
|
|
334
|
+
r: Math.round(bound01(this._r, 255) * 100) + "%",
|
|
335
|
+
g: Math.round(bound01(this._g, 255) * 100) + "%",
|
|
336
|
+
b: Math.round(bound01(this._b, 255) * 100) + "%",
|
|
337
|
+
a: this._a
|
|
338
|
+
};
|
|
339
|
+
},
|
|
340
|
+
toPercentageRgbString: function() {
|
|
341
|
+
return this._a == 1 ? "rgb(" + Math.round(bound01(this._r, 255) * 100) + "%, " + Math.round(bound01(this._g, 255) * 100) + "%, " + Math.round(bound01(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(bound01(this._r, 255) * 100) + "%, " + Math.round(bound01(this._g, 255) * 100) + "%, " + Math.round(bound01(this._b, 255) * 100) + "%, " + this._roundA + ")";
|
|
342
|
+
},
|
|
343
|
+
toName: function() {
|
|
344
|
+
return this._a === 0 ? "transparent" : this._a < 1 ? !1 : hexNames[rgbToHex(this._r, this._g, this._b, !0)] || !1;
|
|
345
|
+
},
|
|
346
|
+
toFilter: function(secondColor) {
|
|
347
|
+
var hex8String = "#" + rgbaToArgbHex(this._r, this._g, this._b, this._a), secondHex8String = hex8String, gradientType = this._gradientType ? "GradientType = 1, " : "";
|
|
348
|
+
if (secondColor) {
|
|
349
|
+
var s = tinycolor(secondColor);
|
|
350
|
+
secondHex8String = "#" + rgbaToArgbHex(s._r, s._g, s._b, s._a);
|
|
351
|
+
}
|
|
352
|
+
return "progid:DXImageTransform.Microsoft.gradient(" + gradientType + "startColorstr=" + hex8String + ",endColorstr=" + secondHex8String + ")";
|
|
353
|
+
},
|
|
354
|
+
toString: function(format) {
|
|
355
|
+
var formatSet = !!format;
|
|
356
|
+
format = format || this._format;
|
|
357
|
+
var formattedString = !1, hasAlpha = this._a < 1 && this._a >= 0, needsAlphaFormat = !formatSet && hasAlpha && (format === "hex" || format === "hex6" || format === "hex3" || format === "hex4" || format === "hex8" || format === "name");
|
|
358
|
+
return needsAlphaFormat ? format === "name" && this._a === 0 ? this.toName() : this.toRgbString() : (format === "rgb" && (formattedString = this.toRgbString()), format === "prgb" && (formattedString = this.toPercentageRgbString()), (format === "hex" || format === "hex6") && (formattedString = this.toHexString()), format === "hex3" && (formattedString = this.toHexString(!0)), format === "hex4" && (formattedString = this.toHex8String(!0)), format === "hex8" && (formattedString = this.toHex8String()), format === "name" && (formattedString = this.toName()), format === "hsl" && (formattedString = this.toHslString()), format === "hsv" && (formattedString = this.toHsvString()), formattedString || this.toHexString());
|
|
359
|
+
},
|
|
360
|
+
clone: function() {
|
|
361
|
+
return tinycolor(this.toString());
|
|
362
|
+
},
|
|
363
|
+
_applyModification: function(fn2, args) {
|
|
364
|
+
var color = fn2.apply(null, [this].concat([].slice.call(args)));
|
|
365
|
+
return this._r = color._r, this._g = color._g, this._b = color._b, this.setAlpha(color._a), this;
|
|
366
|
+
},
|
|
367
|
+
lighten: function() {
|
|
368
|
+
return this._applyModification(_lighten, arguments);
|
|
369
|
+
},
|
|
370
|
+
brighten: function() {
|
|
371
|
+
return this._applyModification(_brighten, arguments);
|
|
372
|
+
},
|
|
373
|
+
darken: function() {
|
|
374
|
+
return this._applyModification(_darken, arguments);
|
|
375
|
+
},
|
|
376
|
+
desaturate: function() {
|
|
377
|
+
return this._applyModification(_desaturate, arguments);
|
|
378
|
+
},
|
|
379
|
+
saturate: function() {
|
|
380
|
+
return this._applyModification(_saturate, arguments);
|
|
381
|
+
},
|
|
382
|
+
greyscale: function() {
|
|
383
|
+
return this._applyModification(_greyscale, arguments);
|
|
384
|
+
},
|
|
385
|
+
spin: function() {
|
|
386
|
+
return this._applyModification(_spin, arguments);
|
|
387
|
+
},
|
|
388
|
+
_applyCombination: function(fn2, args) {
|
|
389
|
+
return fn2.apply(null, [this].concat([].slice.call(args)));
|
|
390
|
+
},
|
|
391
|
+
analogous: function() {
|
|
392
|
+
return this._applyCombination(_analogous, arguments);
|
|
393
|
+
},
|
|
394
|
+
complement: function() {
|
|
395
|
+
return this._applyCombination(_complement, arguments);
|
|
396
|
+
},
|
|
397
|
+
monochromatic: function() {
|
|
398
|
+
return this._applyCombination(_monochromatic, arguments);
|
|
399
|
+
},
|
|
400
|
+
splitcomplement: function() {
|
|
401
|
+
return this._applyCombination(_splitcomplement, arguments);
|
|
402
|
+
},
|
|
403
|
+
// Disabled until https://github.com/bgrins/TinyColor/issues/254
|
|
404
|
+
// polyad: function (number) {
|
|
405
|
+
// return this._applyCombination(polyad, [number]);
|
|
406
|
+
// },
|
|
407
|
+
triad: function() {
|
|
408
|
+
return this._applyCombination(polyad, [3]);
|
|
409
|
+
},
|
|
410
|
+
tetrad: function() {
|
|
411
|
+
return this._applyCombination(polyad, [4]);
|
|
412
|
+
}
|
|
413
|
+
};
|
|
414
|
+
tinycolor.fromRatio = function(color, opts) {
|
|
415
|
+
if (_typeof(color) == "object") {
|
|
416
|
+
var newColor = {};
|
|
417
|
+
for (var i in color)
|
|
418
|
+
color.hasOwnProperty(i) && (i === "a" ? newColor[i] = color[i] : newColor[i] = convertToPercentage(color[i]));
|
|
419
|
+
color = newColor;
|
|
420
|
+
}
|
|
421
|
+
return tinycolor(color, opts);
|
|
422
|
+
};
|
|
423
|
+
function inputToRGB(color) {
|
|
424
|
+
var rgb = {
|
|
425
|
+
r: 0,
|
|
426
|
+
g: 0,
|
|
427
|
+
b: 0
|
|
428
|
+
}, a = 1, s = null, v = null, l = null, ok = !1, format = !1;
|
|
429
|
+
return typeof color == "string" && (color = stringInputToObject(color)), _typeof(color) == "object" && (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b) ? (rgb = rgbToRgb(color.r, color.g, color.b), ok = !0, format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb") : isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v) ? (s = convertToPercentage(color.s), v = convertToPercentage(color.v), rgb = hsvToRgb(color.h, s, v), ok = !0, format = "hsv") : isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l) && (s = convertToPercentage(color.s), l = convertToPercentage(color.l), rgb = hslToRgb(color.h, s, l), ok = !0, format = "hsl"), color.hasOwnProperty("a") && (a = color.a)), a = boundAlpha(a), {
|
|
430
|
+
ok,
|
|
431
|
+
format: color.format || format,
|
|
432
|
+
r: Math.min(255, Math.max(rgb.r, 0)),
|
|
433
|
+
g: Math.min(255, Math.max(rgb.g, 0)),
|
|
434
|
+
b: Math.min(255, Math.max(rgb.b, 0)),
|
|
435
|
+
a
|
|
436
|
+
};
|
|
437
|
+
}
|
|
438
|
+
function rgbToRgb(r, g, b) {
|
|
439
|
+
return {
|
|
440
|
+
r: bound01(r, 255) * 255,
|
|
441
|
+
g: bound01(g, 255) * 255,
|
|
442
|
+
b: bound01(b, 255) * 255
|
|
443
|
+
};
|
|
444
|
+
}
|
|
445
|
+
function rgbToHsl(r, g, b) {
|
|
446
|
+
r = bound01(r, 255), g = bound01(g, 255), b = bound01(b, 255);
|
|
447
|
+
var max = Math.max(r, g, b), min = Math.min(r, g, b), h, s, l = (max + min) / 2;
|
|
448
|
+
if (max == min)
|
|
449
|
+
h = s = 0;
|
|
450
|
+
else {
|
|
451
|
+
var d = max - min;
|
|
452
|
+
switch (s = l > 0.5 ? d / (2 - max - min) : d / (max + min), max) {
|
|
453
|
+
case r:
|
|
454
|
+
h = (g - b) / d + (g < b ? 6 : 0);
|
|
455
|
+
break;
|
|
456
|
+
case g:
|
|
457
|
+
h = (b - r) / d + 2;
|
|
458
|
+
break;
|
|
459
|
+
case b:
|
|
460
|
+
h = (r - g) / d + 4;
|
|
461
|
+
break;
|
|
462
|
+
}
|
|
463
|
+
h /= 6;
|
|
464
|
+
}
|
|
465
|
+
return {
|
|
466
|
+
h,
|
|
467
|
+
s,
|
|
468
|
+
l
|
|
469
|
+
};
|
|
470
|
+
}
|
|
471
|
+
function hslToRgb(h, s, l) {
|
|
472
|
+
var r, g, b;
|
|
473
|
+
h = bound01(h, 360), s = bound01(s, 100), l = bound01(l, 100);
|
|
474
|
+
function hue2rgb(p2, q2, t) {
|
|
475
|
+
return t < 0 && (t += 1), t > 1 && (t -= 1), t < 1 / 6 ? p2 + (q2 - p2) * 6 * t : t < 1 / 2 ? q2 : t < 2 / 3 ? p2 + (q2 - p2) * (2 / 3 - t) * 6 : p2;
|
|
476
|
+
}
|
|
477
|
+
if (s === 0)
|
|
478
|
+
r = g = b = l;
|
|
479
|
+
else {
|
|
480
|
+
var q = l < 0.5 ? l * (1 + s) : l + s - l * s, p = 2 * l - q;
|
|
481
|
+
r = hue2rgb(p, q, h + 1 / 3), g = hue2rgb(p, q, h), b = hue2rgb(p, q, h - 1 / 3);
|
|
482
|
+
}
|
|
483
|
+
return {
|
|
484
|
+
r: r * 255,
|
|
485
|
+
g: g * 255,
|
|
486
|
+
b: b * 255
|
|
487
|
+
};
|
|
488
|
+
}
|
|
489
|
+
function rgbToHsv(r, g, b) {
|
|
490
|
+
r = bound01(r, 255), g = bound01(g, 255), b = bound01(b, 255);
|
|
491
|
+
var max = Math.max(r, g, b), min = Math.min(r, g, b), h, s, v = max, d = max - min;
|
|
492
|
+
if (s = max === 0 ? 0 : d / max, max == min)
|
|
493
|
+
h = 0;
|
|
494
|
+
else {
|
|
495
|
+
switch (max) {
|
|
496
|
+
case r:
|
|
497
|
+
h = (g - b) / d + (g < b ? 6 : 0);
|
|
498
|
+
break;
|
|
499
|
+
case g:
|
|
500
|
+
h = (b - r) / d + 2;
|
|
501
|
+
break;
|
|
502
|
+
case b:
|
|
503
|
+
h = (r - g) / d + 4;
|
|
504
|
+
break;
|
|
505
|
+
}
|
|
506
|
+
h /= 6;
|
|
507
|
+
}
|
|
508
|
+
return {
|
|
509
|
+
h,
|
|
510
|
+
s,
|
|
511
|
+
v
|
|
512
|
+
};
|
|
513
|
+
}
|
|
514
|
+
function hsvToRgb(h, s, v) {
|
|
515
|
+
h = bound01(h, 360) * 6, s = bound01(s, 100), v = bound01(v, 100);
|
|
516
|
+
var i = Math.floor(h), f = h - i, p = v * (1 - s), q = v * (1 - f * s), t = v * (1 - (1 - f) * s), mod = i % 6, r = [v, q, p, p, t, v][mod], g = [t, v, v, q, p, p][mod], b = [p, p, t, v, v, q][mod];
|
|
517
|
+
return {
|
|
518
|
+
r: r * 255,
|
|
519
|
+
g: g * 255,
|
|
520
|
+
b: b * 255
|
|
521
|
+
};
|
|
522
|
+
}
|
|
523
|
+
function rgbToHex(r, g, b, allow3Char) {
|
|
524
|
+
var hex = [pad2(Math.round(r).toString(16)), pad2(Math.round(g).toString(16)), pad2(Math.round(b).toString(16))];
|
|
525
|
+
return allow3Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1) ? hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) : hex.join("");
|
|
526
|
+
}
|
|
527
|
+
function rgbaToHex(r, g, b, a, allow4Char) {
|
|
528
|
+
var hex = [pad2(Math.round(r).toString(16)), pad2(Math.round(g).toString(16)), pad2(Math.round(b).toString(16)), pad2(convertDecimalToHex(a))];
|
|
529
|
+
return allow4Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1) && hex[3].charAt(0) == hex[3].charAt(1) ? hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0) : hex.join("");
|
|
530
|
+
}
|
|
531
|
+
function rgbaToArgbHex(r, g, b, a) {
|
|
532
|
+
var hex = [pad2(convertDecimalToHex(a)), pad2(Math.round(r).toString(16)), pad2(Math.round(g).toString(16)), pad2(Math.round(b).toString(16))];
|
|
533
|
+
return hex.join("");
|
|
534
|
+
}
|
|
535
|
+
tinycolor.equals = function(color1, color2) {
|
|
536
|
+
return !color1 || !color2 ? !1 : tinycolor(color1).toRgbString() == tinycolor(color2).toRgbString();
|
|
537
|
+
};
|
|
538
|
+
tinycolor.random = function() {
|
|
539
|
+
return tinycolor.fromRatio({
|
|
540
|
+
r: Math.random(),
|
|
541
|
+
g: Math.random(),
|
|
542
|
+
b: Math.random()
|
|
543
|
+
});
|
|
544
|
+
};
|
|
545
|
+
function _desaturate(color, amount) {
|
|
546
|
+
amount = amount === 0 ? 0 : amount || 10;
|
|
547
|
+
var hsl = tinycolor(color).toHsl();
|
|
548
|
+
return hsl.s -= amount / 100, hsl.s = clamp01(hsl.s), tinycolor(hsl);
|
|
549
|
+
}
|
|
550
|
+
function _saturate(color, amount) {
|
|
551
|
+
amount = amount === 0 ? 0 : amount || 10;
|
|
552
|
+
var hsl = tinycolor(color).toHsl();
|
|
553
|
+
return hsl.s += amount / 100, hsl.s = clamp01(hsl.s), tinycolor(hsl);
|
|
554
|
+
}
|
|
555
|
+
function _greyscale(color) {
|
|
556
|
+
return tinycolor(color).desaturate(100);
|
|
557
|
+
}
|
|
558
|
+
function _lighten(color, amount) {
|
|
559
|
+
amount = amount === 0 ? 0 : amount || 10;
|
|
560
|
+
var hsl = tinycolor(color).toHsl();
|
|
561
|
+
return hsl.l += amount / 100, hsl.l = clamp01(hsl.l), tinycolor(hsl);
|
|
562
|
+
}
|
|
563
|
+
function _brighten(color, amount) {
|
|
564
|
+
amount = amount === 0 ? 0 : amount || 10;
|
|
565
|
+
var rgb = tinycolor(color).toRgb();
|
|
566
|
+
return rgb.r = Math.max(0, Math.min(255, rgb.r - Math.round(255 * -(amount / 100)))), rgb.g = Math.max(0, Math.min(255, rgb.g - Math.round(255 * -(amount / 100)))), rgb.b = Math.max(0, Math.min(255, rgb.b - Math.round(255 * -(amount / 100)))), tinycolor(rgb);
|
|
567
|
+
}
|
|
568
|
+
function _darken(color, amount) {
|
|
569
|
+
amount = amount === 0 ? 0 : amount || 10;
|
|
570
|
+
var hsl = tinycolor(color).toHsl();
|
|
571
|
+
return hsl.l -= amount / 100, hsl.l = clamp01(hsl.l), tinycolor(hsl);
|
|
572
|
+
}
|
|
573
|
+
function _spin(color, amount) {
|
|
574
|
+
var hsl = tinycolor(color).toHsl(), hue = (hsl.h + amount) % 360;
|
|
575
|
+
return hsl.h = hue < 0 ? 360 + hue : hue, tinycolor(hsl);
|
|
576
|
+
}
|
|
577
|
+
function _complement(color) {
|
|
578
|
+
var hsl = tinycolor(color).toHsl();
|
|
579
|
+
return hsl.h = (hsl.h + 180) % 360, tinycolor(hsl);
|
|
580
|
+
}
|
|
581
|
+
function polyad(color, number) {
|
|
582
|
+
if (isNaN(number) || number <= 0)
|
|
583
|
+
throw new Error("Argument to polyad must be a positive number");
|
|
584
|
+
for (var hsl = tinycolor(color).toHsl(), result = [tinycolor(color)], step = 360 / number, i = 1; i < number; i++)
|
|
585
|
+
result.push(tinycolor({
|
|
586
|
+
h: (hsl.h + i * step) % 360,
|
|
587
|
+
s: hsl.s,
|
|
588
|
+
l: hsl.l
|
|
589
|
+
}));
|
|
590
|
+
return result;
|
|
591
|
+
}
|
|
592
|
+
function _splitcomplement(color) {
|
|
593
|
+
var hsl = tinycolor(color).toHsl(), h = hsl.h;
|
|
594
|
+
return [tinycolor(color), tinycolor({
|
|
595
|
+
h: (h + 72) % 360,
|
|
596
|
+
s: hsl.s,
|
|
597
|
+
l: hsl.l
|
|
598
|
+
}), tinycolor({
|
|
599
|
+
h: (h + 216) % 360,
|
|
600
|
+
s: hsl.s,
|
|
601
|
+
l: hsl.l
|
|
602
|
+
})];
|
|
603
|
+
}
|
|
604
|
+
function _analogous(color, results, slices) {
|
|
605
|
+
results = results || 6, slices = slices || 30;
|
|
606
|
+
var hsl = tinycolor(color).toHsl(), part = 360 / slices, ret = [tinycolor(color)];
|
|
607
|
+
for (hsl.h = (hsl.h - (part * results >> 1) + 720) % 360; --results; )
|
|
608
|
+
hsl.h = (hsl.h + part) % 360, ret.push(tinycolor(hsl));
|
|
609
|
+
return ret;
|
|
610
|
+
}
|
|
611
|
+
function _monochromatic(color, results) {
|
|
612
|
+
results = results || 6;
|
|
613
|
+
for (var hsv = tinycolor(color).toHsv(), h = hsv.h, s = hsv.s, v = hsv.v, ret = [], modification = 1 / results; results--; )
|
|
614
|
+
ret.push(tinycolor({
|
|
615
|
+
h,
|
|
616
|
+
s,
|
|
617
|
+
v
|
|
618
|
+
})), v = (v + modification) % 1;
|
|
619
|
+
return ret;
|
|
620
|
+
}
|
|
621
|
+
tinycolor.mix = function(color1, color2, amount) {
|
|
622
|
+
amount = amount === 0 ? 0 : amount || 50;
|
|
623
|
+
var rgb1 = tinycolor(color1).toRgb(), rgb2 = tinycolor(color2).toRgb(), p = amount / 100, rgba = {
|
|
624
|
+
r: (rgb2.r - rgb1.r) * p + rgb1.r,
|
|
625
|
+
g: (rgb2.g - rgb1.g) * p + rgb1.g,
|
|
626
|
+
b: (rgb2.b - rgb1.b) * p + rgb1.b,
|
|
627
|
+
a: (rgb2.a - rgb1.a) * p + rgb1.a
|
|
628
|
+
};
|
|
629
|
+
return tinycolor(rgba);
|
|
630
|
+
};
|
|
631
|
+
tinycolor.readability = function(color1, color2) {
|
|
632
|
+
var c1 = tinycolor(color1), c2 = tinycolor(color2);
|
|
633
|
+
return (Math.max(c1.getLuminance(), c2.getLuminance()) + 0.05) / (Math.min(c1.getLuminance(), c2.getLuminance()) + 0.05);
|
|
634
|
+
};
|
|
635
|
+
tinycolor.isReadable = function(color1, color2, wcag2) {
|
|
636
|
+
var readability = tinycolor.readability(color1, color2), wcag2Parms, out;
|
|
637
|
+
switch (out = !1, wcag2Parms = validateWCAG2Parms(wcag2), wcag2Parms.level + wcag2Parms.size) {
|
|
638
|
+
case "AAsmall":
|
|
639
|
+
case "AAAlarge":
|
|
640
|
+
out = readability >= 4.5;
|
|
641
|
+
break;
|
|
642
|
+
case "AAlarge":
|
|
643
|
+
out = readability >= 3;
|
|
644
|
+
break;
|
|
645
|
+
case "AAAsmall":
|
|
646
|
+
out = readability >= 7;
|
|
647
|
+
break;
|
|
648
|
+
}
|
|
649
|
+
return out;
|
|
650
|
+
};
|
|
651
|
+
tinycolor.mostReadable = function(baseColor, colorList, args) {
|
|
652
|
+
var bestColor = null, bestScore = 0, readability, includeFallbackColors, level, size;
|
|
653
|
+
args = args || {}, includeFallbackColors = args.includeFallbackColors, level = args.level, size = args.size;
|
|
654
|
+
for (var i = 0; i < colorList.length; i++)
|
|
655
|
+
readability = tinycolor.readability(baseColor, colorList[i]), readability > bestScore && (bestScore = readability, bestColor = tinycolor(colorList[i]));
|
|
656
|
+
return tinycolor.isReadable(baseColor, bestColor, {
|
|
657
|
+
level,
|
|
658
|
+
size
|
|
659
|
+
}) || !includeFallbackColors ? bestColor : (args.includeFallbackColors = !1, tinycolor.mostReadable(baseColor, ["#fff", "#000"], args));
|
|
660
|
+
};
|
|
661
|
+
var names = tinycolor.names = {
|
|
662
|
+
aliceblue: "f0f8ff",
|
|
663
|
+
antiquewhite: "faebd7",
|
|
664
|
+
aqua: "0ff",
|
|
665
|
+
aquamarine: "7fffd4",
|
|
666
|
+
azure: "f0ffff",
|
|
667
|
+
beige: "f5f5dc",
|
|
668
|
+
bisque: "ffe4c4",
|
|
669
|
+
black: "000",
|
|
670
|
+
blanchedalmond: "ffebcd",
|
|
671
|
+
blue: "00f",
|
|
672
|
+
blueviolet: "8a2be2",
|
|
673
|
+
brown: "a52a2a",
|
|
674
|
+
burlywood: "deb887",
|
|
675
|
+
burntsienna: "ea7e5d",
|
|
676
|
+
cadetblue: "5f9ea0",
|
|
677
|
+
chartreuse: "7fff00",
|
|
678
|
+
chocolate: "d2691e",
|
|
679
|
+
coral: "ff7f50",
|
|
680
|
+
cornflowerblue: "6495ed",
|
|
681
|
+
cornsilk: "fff8dc",
|
|
682
|
+
crimson: "dc143c",
|
|
683
|
+
cyan: "0ff",
|
|
684
|
+
darkblue: "00008b",
|
|
685
|
+
darkcyan: "008b8b",
|
|
686
|
+
darkgoldenrod: "b8860b",
|
|
687
|
+
darkgray: "a9a9a9",
|
|
688
|
+
darkgreen: "006400",
|
|
689
|
+
darkgrey: "a9a9a9",
|
|
690
|
+
darkkhaki: "bdb76b",
|
|
691
|
+
darkmagenta: "8b008b",
|
|
692
|
+
darkolivegreen: "556b2f",
|
|
693
|
+
darkorange: "ff8c00",
|
|
694
|
+
darkorchid: "9932cc",
|
|
695
|
+
darkred: "8b0000",
|
|
696
|
+
darksalmon: "e9967a",
|
|
697
|
+
darkseagreen: "8fbc8f",
|
|
698
|
+
darkslateblue: "483d8b",
|
|
699
|
+
darkslategray: "2f4f4f",
|
|
700
|
+
darkslategrey: "2f4f4f",
|
|
701
|
+
darkturquoise: "00ced1",
|
|
702
|
+
darkviolet: "9400d3",
|
|
703
|
+
deeppink: "ff1493",
|
|
704
|
+
deepskyblue: "00bfff",
|
|
705
|
+
dimgray: "696969",
|
|
706
|
+
dimgrey: "696969",
|
|
707
|
+
dodgerblue: "1e90ff",
|
|
708
|
+
firebrick: "b22222",
|
|
709
|
+
floralwhite: "fffaf0",
|
|
710
|
+
forestgreen: "228b22",
|
|
711
|
+
fuchsia: "f0f",
|
|
712
|
+
gainsboro: "dcdcdc",
|
|
713
|
+
ghostwhite: "f8f8ff",
|
|
714
|
+
gold: "ffd700",
|
|
715
|
+
goldenrod: "daa520",
|
|
716
|
+
gray: "808080",
|
|
717
|
+
green: "008000",
|
|
718
|
+
greenyellow: "adff2f",
|
|
719
|
+
grey: "808080",
|
|
720
|
+
honeydew: "f0fff0",
|
|
721
|
+
hotpink: "ff69b4",
|
|
722
|
+
indianred: "cd5c5c",
|
|
723
|
+
indigo: "4b0082",
|
|
724
|
+
ivory: "fffff0",
|
|
725
|
+
khaki: "f0e68c",
|
|
726
|
+
lavender: "e6e6fa",
|
|
727
|
+
lavenderblush: "fff0f5",
|
|
728
|
+
lawngreen: "7cfc00",
|
|
729
|
+
lemonchiffon: "fffacd",
|
|
730
|
+
lightblue: "add8e6",
|
|
731
|
+
lightcoral: "f08080",
|
|
732
|
+
lightcyan: "e0ffff",
|
|
733
|
+
lightgoldenrodyellow: "fafad2",
|
|
734
|
+
lightgray: "d3d3d3",
|
|
735
|
+
lightgreen: "90ee90",
|
|
736
|
+
lightgrey: "d3d3d3",
|
|
737
|
+
lightpink: "ffb6c1",
|
|
738
|
+
lightsalmon: "ffa07a",
|
|
739
|
+
lightseagreen: "20b2aa",
|
|
740
|
+
lightskyblue: "87cefa",
|
|
741
|
+
lightslategray: "789",
|
|
742
|
+
lightslategrey: "789",
|
|
743
|
+
lightsteelblue: "b0c4de",
|
|
744
|
+
lightyellow: "ffffe0",
|
|
745
|
+
lime: "0f0",
|
|
746
|
+
limegreen: "32cd32",
|
|
747
|
+
linen: "faf0e6",
|
|
748
|
+
magenta: "f0f",
|
|
749
|
+
maroon: "800000",
|
|
750
|
+
mediumaquamarine: "66cdaa",
|
|
751
|
+
mediumblue: "0000cd",
|
|
752
|
+
mediumorchid: "ba55d3",
|
|
753
|
+
mediumpurple: "9370db",
|
|
754
|
+
mediumseagreen: "3cb371",
|
|
755
|
+
mediumslateblue: "7b68ee",
|
|
756
|
+
mediumspringgreen: "00fa9a",
|
|
757
|
+
mediumturquoise: "48d1cc",
|
|
758
|
+
mediumvioletred: "c71585",
|
|
759
|
+
midnightblue: "191970",
|
|
760
|
+
mintcream: "f5fffa",
|
|
761
|
+
mistyrose: "ffe4e1",
|
|
762
|
+
moccasin: "ffe4b5",
|
|
763
|
+
navajowhite: "ffdead",
|
|
764
|
+
navy: "000080",
|
|
765
|
+
oldlace: "fdf5e6",
|
|
766
|
+
olive: "808000",
|
|
767
|
+
olivedrab: "6b8e23",
|
|
768
|
+
orange: "ffa500",
|
|
769
|
+
orangered: "ff4500",
|
|
770
|
+
orchid: "da70d6",
|
|
771
|
+
palegoldenrod: "eee8aa",
|
|
772
|
+
palegreen: "98fb98",
|
|
773
|
+
paleturquoise: "afeeee",
|
|
774
|
+
palevioletred: "db7093",
|
|
775
|
+
papayawhip: "ffefd5",
|
|
776
|
+
peachpuff: "ffdab9",
|
|
777
|
+
peru: "cd853f",
|
|
778
|
+
pink: "ffc0cb",
|
|
779
|
+
plum: "dda0dd",
|
|
780
|
+
powderblue: "b0e0e6",
|
|
781
|
+
purple: "800080",
|
|
782
|
+
rebeccapurple: "663399",
|
|
783
|
+
red: "f00",
|
|
784
|
+
rosybrown: "bc8f8f",
|
|
785
|
+
royalblue: "4169e1",
|
|
786
|
+
saddlebrown: "8b4513",
|
|
787
|
+
salmon: "fa8072",
|
|
788
|
+
sandybrown: "f4a460",
|
|
789
|
+
seagreen: "2e8b57",
|
|
790
|
+
seashell: "fff5ee",
|
|
791
|
+
sienna: "a0522d",
|
|
792
|
+
silver: "c0c0c0",
|
|
793
|
+
skyblue: "87ceeb",
|
|
794
|
+
slateblue: "6a5acd",
|
|
795
|
+
slategray: "708090",
|
|
796
|
+
slategrey: "708090",
|
|
797
|
+
snow: "fffafa",
|
|
798
|
+
springgreen: "00ff7f",
|
|
799
|
+
steelblue: "4682b4",
|
|
800
|
+
tan: "d2b48c",
|
|
801
|
+
teal: "008080",
|
|
802
|
+
thistle: "d8bfd8",
|
|
803
|
+
tomato: "ff6347",
|
|
804
|
+
turquoise: "40e0d0",
|
|
805
|
+
violet: "ee82ee",
|
|
806
|
+
wheat: "f5deb3",
|
|
807
|
+
white: "fff",
|
|
808
|
+
whitesmoke: "f5f5f5",
|
|
809
|
+
yellow: "ff0",
|
|
810
|
+
yellowgreen: "9acd32"
|
|
811
|
+
}, hexNames = tinycolor.hexNames = flip(names);
|
|
812
|
+
function flip(o) {
|
|
813
|
+
var flipped = {};
|
|
814
|
+
for (var i in o)
|
|
815
|
+
o.hasOwnProperty(i) && (flipped[o[i]] = i);
|
|
816
|
+
return flipped;
|
|
817
|
+
}
|
|
818
|
+
function boundAlpha(a) {
|
|
819
|
+
return a = parseFloat(a), (isNaN(a) || a < 0 || a > 1) && (a = 1), a;
|
|
820
|
+
}
|
|
821
|
+
function bound01(n, max) {
|
|
822
|
+
isOnePointZero(n) && (n = "100%");
|
|
823
|
+
var processPercent = isPercentage(n);
|
|
824
|
+
return n = Math.min(max, Math.max(0, parseFloat(n))), processPercent && (n = parseInt(n * max, 10) / 100), Math.abs(n - max) < 1e-6 ? 1 : n % max / parseFloat(max);
|
|
825
|
+
}
|
|
826
|
+
function clamp01(val) {
|
|
827
|
+
return Math.min(1, Math.max(0, val));
|
|
828
|
+
}
|
|
829
|
+
function parseIntFromHex(val) {
|
|
830
|
+
return parseInt(val, 16);
|
|
831
|
+
}
|
|
832
|
+
function isOnePointZero(n) {
|
|
833
|
+
return typeof n == "string" && n.indexOf(".") != -1 && parseFloat(n) === 1;
|
|
834
|
+
}
|
|
835
|
+
function isPercentage(n) {
|
|
836
|
+
return typeof n == "string" && n.indexOf("%") != -1;
|
|
837
|
+
}
|
|
838
|
+
function pad2(c) {
|
|
839
|
+
return c.length == 1 ? "0" + c : "" + c;
|
|
840
|
+
}
|
|
841
|
+
function convertToPercentage(n) {
|
|
842
|
+
return n <= 1 && (n = n * 100 + "%"), n;
|
|
843
|
+
}
|
|
844
|
+
function convertDecimalToHex(d) {
|
|
845
|
+
return Math.round(parseFloat(d) * 255).toString(16);
|
|
846
|
+
}
|
|
847
|
+
function convertHexToDecimal(h) {
|
|
848
|
+
return parseIntFromHex(h) / 255;
|
|
849
|
+
}
|
|
850
|
+
var matchers = (function() {
|
|
851
|
+
var CSS_INTEGER = "[-\\+]?\\d+%?", CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?", CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")", PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?", PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
|
|
852
|
+
return {
|
|
853
|
+
CSS_UNIT: new RegExp(CSS_UNIT),
|
|
854
|
+
rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
|
|
855
|
+
rgba: new RegExp("rgba" + PERMISSIVE_MATCH4),
|
|
856
|
+
hsl: new RegExp("hsl" + PERMISSIVE_MATCH3),
|
|
857
|
+
hsla: new RegExp("hsla" + PERMISSIVE_MATCH4),
|
|
858
|
+
hsv: new RegExp("hsv" + PERMISSIVE_MATCH3),
|
|
859
|
+
hsva: new RegExp("hsva" + PERMISSIVE_MATCH4),
|
|
860
|
+
hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
|
|
861
|
+
hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
|
|
862
|
+
hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
|
|
863
|
+
hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
|
|
864
|
+
};
|
|
865
|
+
})();
|
|
866
|
+
function isValidCSSUnit(color) {
|
|
867
|
+
return !!matchers.CSS_UNIT.exec(color);
|
|
868
|
+
}
|
|
869
|
+
function stringInputToObject(color) {
|
|
870
|
+
color = color.replace(trimLeft, "").replace(trimRight, "").toLowerCase();
|
|
871
|
+
var named = !1;
|
|
872
|
+
if (names[color])
|
|
873
|
+
color = names[color], named = !0;
|
|
874
|
+
else if (color == "transparent")
|
|
875
|
+
return {
|
|
876
|
+
r: 0,
|
|
877
|
+
g: 0,
|
|
878
|
+
b: 0,
|
|
879
|
+
a: 0,
|
|
880
|
+
format: "name"
|
|
881
|
+
};
|
|
882
|
+
var match;
|
|
883
|
+
return (match = matchers.rgb.exec(color)) ? {
|
|
884
|
+
r: match[1],
|
|
885
|
+
g: match[2],
|
|
886
|
+
b: match[3]
|
|
887
|
+
} : (match = matchers.rgba.exec(color)) ? {
|
|
888
|
+
r: match[1],
|
|
889
|
+
g: match[2],
|
|
890
|
+
b: match[3],
|
|
891
|
+
a: match[4]
|
|
892
|
+
} : (match = matchers.hsl.exec(color)) ? {
|
|
893
|
+
h: match[1],
|
|
894
|
+
s: match[2],
|
|
895
|
+
l: match[3]
|
|
896
|
+
} : (match = matchers.hsla.exec(color)) ? {
|
|
897
|
+
h: match[1],
|
|
898
|
+
s: match[2],
|
|
899
|
+
l: match[3],
|
|
900
|
+
a: match[4]
|
|
901
|
+
} : (match = matchers.hsv.exec(color)) ? {
|
|
902
|
+
h: match[1],
|
|
903
|
+
s: match[2],
|
|
904
|
+
v: match[3]
|
|
905
|
+
} : (match = matchers.hsva.exec(color)) ? {
|
|
906
|
+
h: match[1],
|
|
907
|
+
s: match[2],
|
|
908
|
+
v: match[3],
|
|
909
|
+
a: match[4]
|
|
910
|
+
} : (match = matchers.hex8.exec(color)) ? {
|
|
911
|
+
r: parseIntFromHex(match[1]),
|
|
912
|
+
g: parseIntFromHex(match[2]),
|
|
913
|
+
b: parseIntFromHex(match[3]),
|
|
914
|
+
a: convertHexToDecimal(match[4]),
|
|
915
|
+
format: named ? "name" : "hex8"
|
|
916
|
+
} : (match = matchers.hex6.exec(color)) ? {
|
|
917
|
+
r: parseIntFromHex(match[1]),
|
|
918
|
+
g: parseIntFromHex(match[2]),
|
|
919
|
+
b: parseIntFromHex(match[3]),
|
|
920
|
+
format: named ? "name" : "hex"
|
|
921
|
+
} : (match = matchers.hex4.exec(color)) ? {
|
|
922
|
+
r: parseIntFromHex(match[1] + "" + match[1]),
|
|
923
|
+
g: parseIntFromHex(match[2] + "" + match[2]),
|
|
924
|
+
b: parseIntFromHex(match[3] + "" + match[3]),
|
|
925
|
+
a: convertHexToDecimal(match[4] + "" + match[4]),
|
|
926
|
+
format: named ? "name" : "hex8"
|
|
927
|
+
} : (match = matchers.hex3.exec(color)) ? {
|
|
928
|
+
r: parseIntFromHex(match[1] + "" + match[1]),
|
|
929
|
+
g: parseIntFromHex(match[2] + "" + match[2]),
|
|
930
|
+
b: parseIntFromHex(match[3] + "" + match[3]),
|
|
931
|
+
format: named ? "name" : "hex"
|
|
932
|
+
} : !1;
|
|
933
|
+
}
|
|
934
|
+
function validateWCAG2Parms(parms) {
|
|
935
|
+
var level, size;
|
|
936
|
+
return parms = parms || {
|
|
937
|
+
level: "AA",
|
|
938
|
+
size: "small"
|
|
939
|
+
}, level = (parms.level || "AA").toUpperCase(), size = (parms.size || "small").toLowerCase(), level !== "AA" && level !== "AAA" && (level = "AA"), size !== "small" && size !== "large" && (size = "small"), {
|
|
940
|
+
level,
|
|
941
|
+
size
|
|
942
|
+
};
|
|
943
|
+
}
|
|
944
|
+
|
|
945
|
+
// src/addon-ondevice-controls/components/color-picker/utils.ts
|
|
946
|
+
import {
|
|
947
|
+
PanResponder
|
|
948
|
+
} from "react-native";
|
|
949
|
+
function toHsv2(color) {
|
|
950
|
+
return tinycolor(color).toHsv();
|
|
951
|
+
}
|
|
952
|
+
function fromHsv(hsv) {
|
|
953
|
+
return tinycolor(hsv).toHexString();
|
|
954
|
+
}
|
|
955
|
+
var fn = () => !0;
|
|
956
|
+
function createPanResponder({
|
|
957
|
+
onStart = fn,
|
|
958
|
+
onMove = fn,
|
|
959
|
+
onEnd = fn
|
|
960
|
+
}) {
|
|
961
|
+
return PanResponder.create({
|
|
962
|
+
onStartShouldSetPanResponder: fn,
|
|
963
|
+
onStartShouldSetPanResponderCapture: fn,
|
|
964
|
+
onMoveShouldSetPanResponder: fn,
|
|
965
|
+
onMoveShouldSetPanResponderCapture: fn,
|
|
966
|
+
onPanResponderTerminationRequest: fn,
|
|
967
|
+
onPanResponderGrant: (evt, state) => onStart({ x: evt.nativeEvent.pageX, y: evt.nativeEvent.pageY }, evt, state),
|
|
968
|
+
onPanResponderMove: (evt, state) => onMove({ x: evt.nativeEvent.pageX, y: evt.nativeEvent.pageY }, evt, state),
|
|
969
|
+
onPanResponderRelease: (evt, state) => onEnd({ x: evt.nativeEvent.pageX, y: evt.nativeEvent.pageY }, evt, state)
|
|
970
|
+
});
|
|
971
|
+
}
|
|
972
|
+
|
|
973
|
+
// src/addon-ondevice-controls/components/color-picker/HoloColorPicker.tsx
|
|
974
|
+
import { useCallback as useCallback2, useEffect as useEffect2, useMemo, useRef as useRef2, useState as useState4 } from "react";
|
|
975
|
+
import {
|
|
976
|
+
I18nManager,
|
|
977
|
+
Image,
|
|
978
|
+
StyleSheet,
|
|
979
|
+
Text,
|
|
980
|
+
View as View3
|
|
981
|
+
} from "react-native";
|
|
982
|
+
|
|
983
|
+
// src/addon-ondevice-controls/components/color-picker/color-circle.ts
|
|
984
|
+
var colorCircle = "data:image/png;base64,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";
|
|
985
|
+
|
|
986
|
+
// src/addon-ondevice-controls/components/color-picker/HoloColorPicker.tsx
|
|
987
|
+
import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
988
|
+
var getHsv = (color) => tinycolor(color).toHsv();
|
|
989
|
+
function HoloColorPicker({
|
|
990
|
+
defaultColor,
|
|
991
|
+
oldColor,
|
|
992
|
+
onColorChange,
|
|
993
|
+
style
|
|
994
|
+
}) {
|
|
995
|
+
let [color, setColor] = useState4(() => getHsv(defaultColor)), [pickerSize, setPickerSize] = useState4(0), colorRef = useRef2(color), pickerSizeRef = useRef2(pickerSize), pickerRef = useRef2(null), pickerPageOffsetRef = useRef2({ x: 0, y: 0 });
|
|
996
|
+
useEffect2(() => {
|
|
997
|
+
let nextColor = getHsv(defaultColor);
|
|
998
|
+
colorRef.current = nextColor, setColor(nextColor);
|
|
999
|
+
}, [defaultColor]);
|
|
1000
|
+
let updateColor = useCallback2(
|
|
1001
|
+
(nextColor) => {
|
|
1002
|
+
colorRef.current = nextColor, setColor(nextColor), onColorChange(nextColor);
|
|
1003
|
+
},
|
|
1004
|
+
[onColorChange]
|
|
1005
|
+
), handleHueChange = useCallback2(
|
|
1006
|
+
({ x, y }) => {
|
|
1007
|
+
let currentPickerSize = pickerSizeRef.current;
|
|
1008
|
+
if (!currentPickerSize)
|
|
1009
|
+
return;
|
|
1010
|
+
let relativeX = x - pickerPageOffsetRef.current.x, relativeY = y - pickerPageOffsetRef.current.y, h = computeHue(relativeX, relativeY, currentPickerSize);
|
|
1011
|
+
updateColor({ ...colorRef.current, h });
|
|
1012
|
+
},
|
|
1013
|
+
[updateColor]
|
|
1014
|
+
), pickerResponder = useMemo(
|
|
1015
|
+
() => (
|
|
1016
|
+
// eslint-disable-next-line react-hooks/refs
|
|
1017
|
+
createPanResponder({
|
|
1018
|
+
onStart: handleHueChange,
|
|
1019
|
+
onMove: handleHueChange
|
|
1020
|
+
})
|
|
1021
|
+
),
|
|
1022
|
+
[handleHueChange]
|
|
1023
|
+
), onLayout = (event) => {
|
|
1024
|
+
let { width, height } = event.nativeEvent.layout, nextPickerSize = Math.min(width, height);
|
|
1025
|
+
pickerSizeRef.current = nextPickerSize, setPickerSize(nextPickerSize);
|
|
1026
|
+
}, onPickerLayout = () => {
|
|
1027
|
+
requestAnimationFrame(() => {
|
|
1028
|
+
pickerRef.current?.measure((_x, _y, _width, _height, pageX, pageY) => {
|
|
1029
|
+
pickerPageOffsetRef.current = { x: pageX, y: pageY };
|
|
1030
|
+
});
|
|
1031
|
+
});
|
|
1032
|
+
}, selectedColor = tinycolor(color).toHexString(), indicatorColor = tinycolor({ h: color.h, s: 1, v: 1 }).toHexString(), computed = makeComputedStyles({
|
|
1033
|
+
pickerSize,
|
|
1034
|
+
selectedColor,
|
|
1035
|
+
indicatorColor,
|
|
1036
|
+
oldColor,
|
|
1037
|
+
angle: hueToRad(color.h),
|
|
1038
|
+
isRTL: I18nManager.isRTL
|
|
1039
|
+
});
|
|
1040
|
+
return jsxs3(View3, { style, children: [
|
|
1041
|
+
jsx5(View3, { onLayout, style: styles.pickerContainer, children: pickerSize ? jsxs3(View3, { children: [
|
|
1042
|
+
jsxs3(
|
|
1043
|
+
View3,
|
|
1044
|
+
{
|
|
1045
|
+
ref: pickerRef,
|
|
1046
|
+
onLayout: onPickerLayout,
|
|
1047
|
+
...pickerResponder.panHandlers,
|
|
1048
|
+
style: computed.picker,
|
|
1049
|
+
collapsable: !1,
|
|
1050
|
+
children: [
|
|
1051
|
+
jsx5(
|
|
1052
|
+
Image,
|
|
1053
|
+
{
|
|
1054
|
+
source: { uri: colorCircle },
|
|
1055
|
+
resizeMode: "contain",
|
|
1056
|
+
style: styles.pickerImage
|
|
1057
|
+
}
|
|
1058
|
+
),
|
|
1059
|
+
jsx5(View3, { style: [styles.pickerIndicator, computed.pickerIndicator] })
|
|
1060
|
+
]
|
|
1061
|
+
}
|
|
1062
|
+
),
|
|
1063
|
+
oldColor ? jsxs3(Fragment, { children: [
|
|
1064
|
+
jsx5(View3, { style: [styles.selectedPreview, computed.selectedPreview] }),
|
|
1065
|
+
jsx5(View3, { style: [styles.originalPreview, computed.originalPreview] })
|
|
1066
|
+
] }) : jsx5(View3, { style: [styles.selectedFullPreview, computed.selectedFullPreview] })
|
|
1067
|
+
] }) : null }),
|
|
1068
|
+
jsxs3(View3, { children: [
|
|
1069
|
+
jsx5(Text, { style: styles.sliderLabel, children: "Saturation" }),
|
|
1070
|
+
jsx5(
|
|
1071
|
+
SliderWrapper_default,
|
|
1072
|
+
{
|
|
1073
|
+
value: color.s,
|
|
1074
|
+
onValueChange: (s) => updateColor({ ...colorRef.current, s })
|
|
1075
|
+
}
|
|
1076
|
+
),
|
|
1077
|
+
jsx5(Text, { style: styles.sliderLabel, children: "Lightness" }),
|
|
1078
|
+
jsx5(
|
|
1079
|
+
SliderWrapper_default,
|
|
1080
|
+
{
|
|
1081
|
+
value: color.v,
|
|
1082
|
+
onValueChange: (v) => updateColor({ ...colorRef.current, v })
|
|
1083
|
+
}
|
|
1084
|
+
)
|
|
1085
|
+
] })
|
|
1086
|
+
] });
|
|
1087
|
+
}
|
|
1088
|
+
var computeHue = (x, y, pickerSize) => {
|
|
1089
|
+
let center = pickerSize / 2, dx = x - center, dy = y - center;
|
|
1090
|
+
return (Math.atan2(dx, dy) + Math.PI + Math.PI / 2) * 180 / Math.PI % 360;
|
|
1091
|
+
}, hueToRad = (deg) => deg * Math.PI / 180 - Math.PI - Math.PI / 2, makeComputedStyles = ({
|
|
1092
|
+
indicatorColor,
|
|
1093
|
+
selectedColor,
|
|
1094
|
+
oldColor,
|
|
1095
|
+
angle,
|
|
1096
|
+
pickerSize,
|
|
1097
|
+
isRTL
|
|
1098
|
+
}) => {
|
|
1099
|
+
let summarySize = 0.5 * pickerSize, indicatorSize = 42 / 510 * pickerSize, pickerPadding = indicatorSize / 3, indicatorRadius = pickerSize / 2 - indicatorSize / 2 - pickerPadding, center = pickerSize / 2, dx = Math.cos(angle) * indicatorRadius, dy = Math.sin(angle) * indicatorRadius;
|
|
1100
|
+
return {
|
|
1101
|
+
picker: {
|
|
1102
|
+
padding: pickerPadding,
|
|
1103
|
+
width: pickerSize,
|
|
1104
|
+
height: pickerSize
|
|
1105
|
+
},
|
|
1106
|
+
pickerIndicator: {
|
|
1107
|
+
top: center + dx - indicatorSize / 2,
|
|
1108
|
+
[isRTL ? "right" : "left"]: center + dy - indicatorSize / 2,
|
|
1109
|
+
width: indicatorSize,
|
|
1110
|
+
height: indicatorSize,
|
|
1111
|
+
borderRadius: indicatorSize / 2,
|
|
1112
|
+
backgroundColor: indicatorColor
|
|
1113
|
+
},
|
|
1114
|
+
selectedPreview: {
|
|
1115
|
+
width: summarySize / 2,
|
|
1116
|
+
height: summarySize,
|
|
1117
|
+
top: pickerSize / 2 - summarySize / 2,
|
|
1118
|
+
left: Math.floor(pickerSize / 2),
|
|
1119
|
+
borderTopRightRadius: summarySize / 2,
|
|
1120
|
+
borderBottomRightRadius: summarySize / 2,
|
|
1121
|
+
backgroundColor: selectedColor
|
|
1122
|
+
},
|
|
1123
|
+
originalPreview: {
|
|
1124
|
+
width: Math.ceil(summarySize / 2),
|
|
1125
|
+
height: summarySize,
|
|
1126
|
+
top: pickerSize / 2 - summarySize / 2,
|
|
1127
|
+
left: pickerSize / 2 - summarySize / 2,
|
|
1128
|
+
borderTopLeftRadius: summarySize / 2,
|
|
1129
|
+
borderBottomLeftRadius: summarySize / 2,
|
|
1130
|
+
backgroundColor: oldColor
|
|
1131
|
+
},
|
|
1132
|
+
selectedFullPreview: {
|
|
1133
|
+
width: summarySize,
|
|
1134
|
+
height: summarySize,
|
|
1135
|
+
top: pickerSize / 2 - summarySize / 2,
|
|
1136
|
+
left: pickerSize / 2 - summarySize / 2,
|
|
1137
|
+
borderRadius: summarySize / 2,
|
|
1138
|
+
backgroundColor: selectedColor
|
|
1139
|
+
}
|
|
1140
|
+
};
|
|
1141
|
+
}, styles = StyleSheet.create({
|
|
1142
|
+
pickerContainer: {
|
|
1143
|
+
flex: 1,
|
|
1144
|
+
alignItems: "center",
|
|
1145
|
+
justifyContent: "center"
|
|
1146
|
+
},
|
|
1147
|
+
pickerImage: {
|
|
1148
|
+
flex: 1,
|
|
1149
|
+
width: void 0,
|
|
1150
|
+
height: void 0
|
|
1151
|
+
},
|
|
1152
|
+
pickerIndicator: {
|
|
1153
|
+
position: "absolute",
|
|
1154
|
+
pointerEvents: "none",
|
|
1155
|
+
boxShadow: "3px 3px 4px 0px rgba(0, 0, 0, 0.3)",
|
|
1156
|
+
elevation: 5
|
|
1157
|
+
},
|
|
1158
|
+
selectedPreview: {
|
|
1159
|
+
position: "absolute",
|
|
1160
|
+
borderLeftWidth: 0,
|
|
1161
|
+
pointerEvents: "none"
|
|
1162
|
+
},
|
|
1163
|
+
originalPreview: {
|
|
1164
|
+
position: "absolute",
|
|
1165
|
+
borderRightWidth: 0,
|
|
1166
|
+
pointerEvents: "none"
|
|
1167
|
+
},
|
|
1168
|
+
selectedFullPreview: {
|
|
1169
|
+
position: "absolute",
|
|
1170
|
+
pointerEvents: "none"
|
|
1171
|
+
},
|
|
1172
|
+
sliderLabel: {
|
|
1173
|
+
paddingStart: 4,
|
|
1174
|
+
color: "#859499",
|
|
1175
|
+
fontSize: 12
|
|
1176
|
+
}
|
|
1177
|
+
});
|
|
1178
|
+
|
|
1179
|
+
// src/addon-ondevice-controls/components/ModalPortal.tsx
|
|
1180
|
+
import { Modal, Platform as Platform2, View as View4 } from "react-native";
|
|
1181
|
+
import { jsx as jsx6 } from "react/jsx-runtime";
|
|
1182
|
+
var modalSupported = Platform2.OS !== "macos", ModalPortal = ({
|
|
1183
|
+
children,
|
|
1184
|
+
visible,
|
|
1185
|
+
usePortal,
|
|
1186
|
+
...props
|
|
1187
|
+
}) => modalSupported && !usePortal ? jsx6(Modal, { visible, ...props, children }) : visible ? jsx6(Portal, { hostName: "storybook-lite-ui-root", children: jsx6(
|
|
1188
|
+
View4,
|
|
1189
|
+
{
|
|
1190
|
+
style: {
|
|
1191
|
+
flex: 1,
|
|
1192
|
+
position: "absolute",
|
|
1193
|
+
top: 0,
|
|
1194
|
+
left: 0,
|
|
1195
|
+
right: 0,
|
|
1196
|
+
bottom: 0,
|
|
1197
|
+
zIndex: 1e3
|
|
1198
|
+
},
|
|
1199
|
+
children
|
|
1200
|
+
}
|
|
1201
|
+
) }) : null;
|
|
1202
|
+
|
|
1203
|
+
// src/addon-ondevice-controls/types/Color.tsx
|
|
1204
|
+
import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
1205
|
+
var TouchableContainer = styled4.TouchableOpacity(({ theme }) => ({
|
|
1206
|
+
width: 44,
|
|
1207
|
+
height: 44,
|
|
1208
|
+
borderWidth: 1,
|
|
1209
|
+
borderColor: theme.appBorderColor,
|
|
1210
|
+
borderRadius: 6,
|
|
1211
|
+
padding: 3,
|
|
1212
|
+
backgroundColor: theme.background.content,
|
|
1213
|
+
justifyContent: "center",
|
|
1214
|
+
alignItems: "center"
|
|
1215
|
+
})), Touchable = styled4.View(({ color }) => ({
|
|
1216
|
+
width: 38,
|
|
1217
|
+
height: 38,
|
|
1218
|
+
borderRadius: 4,
|
|
1219
|
+
backgroundColor: color
|
|
1220
|
+
})), ButtonTouchable = styled4.TouchableOpacity(({ theme, primary }) => ({
|
|
1221
|
+
backgroundColor: primary ? theme.color.secondary : theme.button.background,
|
|
1222
|
+
borderRadius: 6,
|
|
1223
|
+
borderWidth: 1,
|
|
1224
|
+
borderColor: primary ? theme.color.secondary : theme.button.border,
|
|
1225
|
+
minHeight: 40,
|
|
1226
|
+
paddingVertical: 10,
|
|
1227
|
+
paddingHorizontal: 28,
|
|
1228
|
+
justifyContent: "center",
|
|
1229
|
+
alignItems: "center"
|
|
1230
|
+
})), ButtonText = styled4.Text(({ theme, primary }) => ({
|
|
1231
|
+
color: primary ? theme.color.lightest : theme.input.color,
|
|
1232
|
+
fontSize: theme.typography.size.s2,
|
|
1233
|
+
fontWeight: theme.typography.weight.bold
|
|
1234
|
+
})), controlHitSlop = { top: 16, right: 16, bottom: 16, left: 16 }, buttonHitSlop = { top: 10, right: 10, bottom: 10, left: 10 }, ColorType = ({ arg, onChange = (value) => value }) => {
|
|
1235
|
+
let [displayColorPicker, setDisplayColorPicker] = useState5(!1), [currentColor, setCurrentColor] = useState5(() => toHsv2(arg.value)), theme = useTheme(), openColorPicker = () => {
|
|
1236
|
+
setCurrentColor(toHsv2(arg.value)), setDisplayColorPicker(!0);
|
|
1237
|
+
}, closeColorPicker = () => {
|
|
1238
|
+
setDisplayColorPicker(!1);
|
|
1239
|
+
}, onChangeColor = (color) => {
|
|
1240
|
+
onChange(fromHsv(color));
|
|
1241
|
+
};
|
|
1242
|
+
return Platform3.OS === "web" ? jsx7(
|
|
1243
|
+
"input",
|
|
1244
|
+
{
|
|
1245
|
+
type: "color",
|
|
1246
|
+
value: arg.value,
|
|
1247
|
+
onChange: (event) => {
|
|
1248
|
+
let target = event.currentTarget;
|
|
1249
|
+
onChange(target.value);
|
|
1250
|
+
},
|
|
1251
|
+
style: {
|
|
1252
|
+
width: 40,
|
|
1253
|
+
height: 40,
|
|
1254
|
+
borderWidth: 1,
|
|
1255
|
+
borderColor: theme.appBorderColor,
|
|
1256
|
+
borderRadius: 6,
|
|
1257
|
+
padding: 2,
|
|
1258
|
+
backgroundColor: theme.background.content
|
|
1259
|
+
}
|
|
1260
|
+
}
|
|
1261
|
+
) : jsxs4(View5, { children: [
|
|
1262
|
+
jsx7(TouchableContainer, { onPress: openColorPicker, hitSlop: controlHitSlop, activeOpacity: 0.7, children: jsx7(Touchable, { color: arg.value }) }),
|
|
1263
|
+
jsxs4(
|
|
1264
|
+
ModalPortal,
|
|
1265
|
+
{
|
|
1266
|
+
supportedOrientations: ["portrait", "landscape"],
|
|
1267
|
+
transparent: !0,
|
|
1268
|
+
visible: displayColorPicker,
|
|
1269
|
+
onRequestClose: closeColorPicker,
|
|
1270
|
+
animationType: "fade",
|
|
1271
|
+
children: [
|
|
1272
|
+
jsx7(TouchableWithoutFeedback, { onPress: closeColorPicker, children: jsx7(View5, { style: styles2.modalOverlay }) }),
|
|
1273
|
+
jsx7(View5, { style: styles2.centerContainer, children: jsxs4(InnerContainer, { children: [
|
|
1274
|
+
jsx7(
|
|
1275
|
+
HoloColorPicker,
|
|
1276
|
+
{
|
|
1277
|
+
onColorChange: (color) => setCurrentColor(color),
|
|
1278
|
+
defaultColor: arg.value,
|
|
1279
|
+
oldColor: arg.value,
|
|
1280
|
+
style: styles2.picker
|
|
1281
|
+
}
|
|
1282
|
+
),
|
|
1283
|
+
jsxs4(View5, { style: styles2.actionContainer, children: [
|
|
1284
|
+
jsx7(ButtonTouchable, { onPress: closeColorPicker, hitSlop: buttonHitSlop, children: jsx7(ButtonText, { children: "Cancel" }) }),
|
|
1285
|
+
jsx7(View5, { style: { width: 12 } }),
|
|
1286
|
+
jsx7(
|
|
1287
|
+
ButtonTouchable,
|
|
1288
|
+
{
|
|
1289
|
+
primary: !0,
|
|
1290
|
+
hitSlop: buttonHitSlop,
|
|
1291
|
+
onPress: () => {
|
|
1292
|
+
onChangeColor(currentColor), closeColorPicker();
|
|
1293
|
+
},
|
|
1294
|
+
children: jsx7(ButtonText, { primary: !0, children: "Select" })
|
|
1295
|
+
}
|
|
1296
|
+
)
|
|
1297
|
+
] })
|
|
1298
|
+
] }) })
|
|
1299
|
+
]
|
|
1300
|
+
}
|
|
1301
|
+
)
|
|
1302
|
+
] });
|
|
1303
|
+
}, InnerContainer = styled4.View(({ theme }) => ({
|
|
1304
|
+
backgroundColor: theme.background.content,
|
|
1305
|
+
borderWidth: 1,
|
|
1306
|
+
borderColor: theme.appBorderColor,
|
|
1307
|
+
borderRadius: 10,
|
|
1308
|
+
margin: 24,
|
|
1309
|
+
padding: 10,
|
|
1310
|
+
maxWidth: 350,
|
|
1311
|
+
height: 400,
|
|
1312
|
+
maxHeight: Dimensions.get("screen").height - 48,
|
|
1313
|
+
boxShadow: "0px 0px 16px 0px rgba(0, 0, 0, 0.2)",
|
|
1314
|
+
elevation: 10
|
|
1315
|
+
})), styles2 = StyleSheet2.create({
|
|
1316
|
+
actionContainer: {
|
|
1317
|
+
paddingTop: 8,
|
|
1318
|
+
alignItems: "flex-end",
|
|
1319
|
+
flexDirection: "row",
|
|
1320
|
+
justifyContent: "flex-end",
|
|
1321
|
+
width: "100%"
|
|
1322
|
+
},
|
|
1323
|
+
picker: { flex: 1 },
|
|
1324
|
+
centerContainer: {
|
|
1325
|
+
flex: 1,
|
|
1326
|
+
justifyContent: "center",
|
|
1327
|
+
alignItems: "center"
|
|
1328
|
+
},
|
|
1329
|
+
modalOverlay: {
|
|
1330
|
+
position: "absolute",
|
|
1331
|
+
top: 0,
|
|
1332
|
+
left: 0,
|
|
1333
|
+
right: 0,
|
|
1334
|
+
bottom: 0,
|
|
1335
|
+
backgroundColor: "rgba(0,0,0,0.3)"
|
|
1336
|
+
}
|
|
1337
|
+
});
|
|
1338
|
+
ColorType.serialize = (value) => value;
|
|
1339
|
+
ColorType.deserialize = (value) => value;
|
|
1340
|
+
var Color_default = ColorType;
|
|
1341
|
+
|
|
1342
|
+
// src/addon-ondevice-controls/types/Boolean.tsx
|
|
1343
|
+
import { Switch } from "react-native";
|
|
1344
|
+
import { styled as styled5 } from "@aussieljk/forkbook/internal/react-native-theming";
|
|
1345
|
+
import { jsx as jsx8 } from "react/jsx-runtime";
|
|
1346
|
+
var Container = styled5.View(() => ({
|
|
1347
|
+
alignItems: "flex-start"
|
|
1348
|
+
})), BooleanType = ({ arg, onChange }) => jsx8(Container, { children: jsx8(Switch, { testID: arg.name, onValueChange: () => onChange(!arg.value), value: arg.value }) });
|
|
1349
|
+
BooleanType.serialize = (value) => value ? String(value) : null;
|
|
1350
|
+
BooleanType.deserialize = (value) => value === "true";
|
|
1351
|
+
var Boolean_default = BooleanType;
|
|
1352
|
+
|
|
1353
|
+
// src/addon-ondevice-controls/types/Object.tsx
|
|
1354
|
+
import { useCallback as useCallback3, useState as useState6 } from "react";
|
|
1355
|
+
import { jsx as jsx9 } from "react/jsx-runtime";
|
|
1356
|
+
var ObjectType = ({ arg, onChange, isPristine }) => {
|
|
1357
|
+
let getJsonString = useCallback3(() => {
|
|
1358
|
+
try {
|
|
1359
|
+
return JSON.stringify(arg.value, null, 2);
|
|
1360
|
+
} catch {
|
|
1361
|
+
return "";
|
|
1362
|
+
}
|
|
1363
|
+
}, [arg.value]), [failed, setFailed] = useState6(!1), { key, setCurrentValue } = useResyncValue(arg.value, isPristine), [focused, setFocused] = useState6(!1), handleChange = (value) => {
|
|
1364
|
+
let withReplacedQuotes = value.replace(/[\u2018\u2019]/g, "'").replace(/[\u201C\u201D]/g, '"');
|
|
1365
|
+
try {
|
|
1366
|
+
let json = JSON.parse(withReplacedQuotes.trim());
|
|
1367
|
+
onChange(json), setCurrentValue(json), setFailed(!1);
|
|
1368
|
+
} catch {
|
|
1369
|
+
setFailed(!0);
|
|
1370
|
+
}
|
|
1371
|
+
}, extraStyle = failed ? { minHeight: 60, borderWidth: 1, borderColor: "#fadddd", backgroundColor: "#fff5f5" } : { minHeight: 60 };
|
|
1372
|
+
return jsx9(
|
|
1373
|
+
Input,
|
|
1374
|
+
{
|
|
1375
|
+
testID: arg.name,
|
|
1376
|
+
style: extraStyle,
|
|
1377
|
+
defaultValue: getJsonString(),
|
|
1378
|
+
onChangeText: handleChange,
|
|
1379
|
+
multiline: !0,
|
|
1380
|
+
autoCapitalize: "none",
|
|
1381
|
+
underlineColorAndroid: "transparent",
|
|
1382
|
+
focused,
|
|
1383
|
+
onFocus: () => setFocused(!0),
|
|
1384
|
+
onBlur: () => setFocused(!1)
|
|
1385
|
+
},
|
|
1386
|
+
key
|
|
1387
|
+
);
|
|
1388
|
+
};
|
|
1389
|
+
ObjectType.serialize = (object) => JSON.stringify(object);
|
|
1390
|
+
ObjectType.deserialize = (value) => value ? JSON.parse(value) : {};
|
|
1391
|
+
var Object_default = ObjectType;
|
|
1392
|
+
|
|
1393
|
+
// src/addon-ondevice-controls/types/Select.tsx
|
|
1394
|
+
import { useTheme as useTheme2 } from "@aussieljk/forkbook/internal/react-native-theming";
|
|
1395
|
+
import { useMemo as useMemo3 } from "react";
|
|
1396
|
+
import { Platform as Platform4, View as View7 } from "react-native";
|
|
1397
|
+
|
|
1398
|
+
// src/addon-ondevice-controls/components/SelectModal.tsx
|
|
1399
|
+
import { styled as styled6 } from "@aussieljk/forkbook/internal/react-native-theming";
|
|
1400
|
+
import { useCallback as useCallback4, useEffect as useEffect3, useMemo as useMemo2, useState as useState7 } from "react";
|
|
1401
|
+
import {
|
|
1402
|
+
ScrollView,
|
|
1403
|
+
StyleSheet as StyleSheet3,
|
|
1404
|
+
TouchableOpacity,
|
|
1405
|
+
TouchableWithoutFeedback as TouchableWithoutFeedback2,
|
|
1406
|
+
useWindowDimensions,
|
|
1407
|
+
View as View6
|
|
1408
|
+
} from "react-native";
|
|
1409
|
+
import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
1410
|
+
var styles3 = StyleSheet3.create({
|
|
1411
|
+
overlay: {
|
|
1412
|
+
flex: 1,
|
|
1413
|
+
padding: "5%",
|
|
1414
|
+
justifyContent: "center",
|
|
1415
|
+
backgroundColor: "rgba(0,0,0,0.7)"
|
|
1416
|
+
},
|
|
1417
|
+
scrollContent: {
|
|
1418
|
+
padding: 8,
|
|
1419
|
+
paddingHorizontal: 10
|
|
1420
|
+
},
|
|
1421
|
+
option: {
|
|
1422
|
+
minHeight: 34,
|
|
1423
|
+
paddingVertical: 8,
|
|
1424
|
+
paddingHorizontal: 16,
|
|
1425
|
+
borderBottomWidth: 1
|
|
1426
|
+
},
|
|
1427
|
+
lastOption: {
|
|
1428
|
+
borderBottomWidth: 0
|
|
1429
|
+
},
|
|
1430
|
+
optionContent: {
|
|
1431
|
+
flexDirection: "row",
|
|
1432
|
+
alignItems: "center",
|
|
1433
|
+
justifyContent: "space-between"
|
|
1434
|
+
},
|
|
1435
|
+
optionText: {
|
|
1436
|
+
flex: 1,
|
|
1437
|
+
textAlign: "left"
|
|
1438
|
+
},
|
|
1439
|
+
indicator: {
|
|
1440
|
+
width: 24,
|
|
1441
|
+
height: 24,
|
|
1442
|
+
alignItems: "center",
|
|
1443
|
+
justifyContent: "center",
|
|
1444
|
+
marginLeft: 8
|
|
1445
|
+
},
|
|
1446
|
+
checkmark: {
|
|
1447
|
+
fontSize: 16
|
|
1448
|
+
},
|
|
1449
|
+
footer: {
|
|
1450
|
+
padding: 8
|
|
1451
|
+
},
|
|
1452
|
+
doneFooter: {
|
|
1453
|
+
paddingBottom: 4
|
|
1454
|
+
},
|
|
1455
|
+
cancelFooter: {
|
|
1456
|
+
paddingTop: 4
|
|
1457
|
+
},
|
|
1458
|
+
buttonText: {
|
|
1459
|
+
textAlign: "center"
|
|
1460
|
+
},
|
|
1461
|
+
triggerContent: {
|
|
1462
|
+
pointerEvents: "none"
|
|
1463
|
+
}
|
|
1464
|
+
}), Dialog = styled6.View(({ theme, maxHeight }) => ({
|
|
1465
|
+
maxHeight,
|
|
1466
|
+
marginHorizontal: 24,
|
|
1467
|
+
backgroundColor: theme.background.content,
|
|
1468
|
+
borderColor: theme.appBorderColor,
|
|
1469
|
+
borderWidth: 1,
|
|
1470
|
+
borderRadius: 8,
|
|
1471
|
+
overflow: "hidden",
|
|
1472
|
+
boxShadow: `0px 8px 24px 0px ${theme.color.border}`,
|
|
1473
|
+
elevation: 10
|
|
1474
|
+
})), OptionButton = styled6.View(({ theme, selected }) => ({
|
|
1475
|
+
borderBottomColor: theme.appBorderColor,
|
|
1476
|
+
backgroundColor: selected ? theme.color.secondary : void 0
|
|
1477
|
+
})), OptionLabel = styled6.Text(({ theme, selected }) => ({
|
|
1478
|
+
color: selected ? theme.color.lightest : theme.color.defaultText,
|
|
1479
|
+
fontSize: theme.typography.size.s2,
|
|
1480
|
+
fontWeight: selected ? theme.typography.weight.bold : "normal"
|
|
1481
|
+
})), Checkmark = styled6.Text(({ theme }) => ({
|
|
1482
|
+
color: theme.color.lightest
|
|
1483
|
+
})), Footer = styled6.View(({ theme }) => ({
|
|
1484
|
+
backgroundColor: theme.barBg
|
|
1485
|
+
})), FooterButton = styled6.View(({ theme, primary }) => ({
|
|
1486
|
+
minHeight: 32,
|
|
1487
|
+
borderRadius: theme.input.borderRadius,
|
|
1488
|
+
backgroundColor: primary ? theme.color.secondary : theme.button.background,
|
|
1489
|
+
borderColor: primary ? theme.color.secondary : theme.button.border,
|
|
1490
|
+
borderWidth: 1,
|
|
1491
|
+
alignItems: "center",
|
|
1492
|
+
justifyContent: "center",
|
|
1493
|
+
paddingHorizontal: 12
|
|
1494
|
+
})), FooterButtonText = styled6.Text(({ theme, primary }) => ({
|
|
1495
|
+
color: primary ? theme.color.lightest : theme.input.color,
|
|
1496
|
+
fontSize: theme.typography.size.s1,
|
|
1497
|
+
fontWeight: theme.typography.weight.bold
|
|
1498
|
+
})), optionKey = (option) => String(option.key), valueKeys = (value, multiple) => multiple ? Array.isArray(value) ? value.map(String) : [] : value == null ? [] : [String(value)], SelectModal = ({
|
|
1499
|
+
options,
|
|
1500
|
+
value,
|
|
1501
|
+
multiple = !1,
|
|
1502
|
+
onChange,
|
|
1503
|
+
children
|
|
1504
|
+
}) => {
|
|
1505
|
+
let { height } = useWindowDimensions(), [visible, setVisible] = useState7(!1), [selectedKeys, setSelectedKeys] = useState7(() => valueKeys(value, multiple));
|
|
1506
|
+
useEffect3(() => {
|
|
1507
|
+
setSelectedKeys(valueKeys(value, multiple));
|
|
1508
|
+
}, [multiple, value]);
|
|
1509
|
+
let selectedKeySet = useMemo2(() => new Set(selectedKeys), [selectedKeys]), close = useCallback4(() => {
|
|
1510
|
+
setVisible(!1);
|
|
1511
|
+
}, []), open = useCallback4(() => {
|
|
1512
|
+
setSelectedKeys(valueKeys(value, multiple)), setVisible(!0);
|
|
1513
|
+
}, [multiple, value]), selectOption = useCallback4(
|
|
1514
|
+
(option) => {
|
|
1515
|
+
let key = optionKey(option);
|
|
1516
|
+
if (!multiple) {
|
|
1517
|
+
onChange(option.key), close();
|
|
1518
|
+
return;
|
|
1519
|
+
}
|
|
1520
|
+
setSelectedKeys(
|
|
1521
|
+
(current) => current.includes(key) ? current.filter((item) => item !== key) : [...current, key]
|
|
1522
|
+
);
|
|
1523
|
+
},
|
|
1524
|
+
[close, multiple, onChange]
|
|
1525
|
+
), commitMultiSelect = useCallback4(() => {
|
|
1526
|
+
onChange(
|
|
1527
|
+
options.filter((option) => selectedKeys.includes(optionKey(option))).map((option) => option.key)
|
|
1528
|
+
), close();
|
|
1529
|
+
}, [close, onChange, options, selectedKeys]);
|
|
1530
|
+
return jsxs5(View6, { children: [
|
|
1531
|
+
jsx10(
|
|
1532
|
+
ModalPortal,
|
|
1533
|
+
{
|
|
1534
|
+
transparent: !0,
|
|
1535
|
+
supportedOrientations: ["portrait"],
|
|
1536
|
+
visible,
|
|
1537
|
+
onRequestClose: close,
|
|
1538
|
+
animationType: "none",
|
|
1539
|
+
children: jsx10(TouchableWithoutFeedback2, { accessible: !1, onPress: close, children: jsx10(View6, { style: styles3.overlay, children: jsx10(TouchableWithoutFeedback2, { accessible: !1, children: jsxs5(Dialog, { maxHeight: height * 0.75, children: [
|
|
1540
|
+
jsx10(
|
|
1541
|
+
ScrollView,
|
|
1542
|
+
{
|
|
1543
|
+
contentContainerStyle: styles3.scrollContent,
|
|
1544
|
+
keyboardShouldPersistTaps: "always",
|
|
1545
|
+
children: options.map((option, index) => {
|
|
1546
|
+
let key = optionKey(option), selected = selectedKeySet.has(key);
|
|
1547
|
+
return jsx10(
|
|
1548
|
+
TouchableOpacity,
|
|
1549
|
+
{
|
|
1550
|
+
testID: `select-modal-${option.label}`,
|
|
1551
|
+
activeOpacity: 0.7,
|
|
1552
|
+
accessibilityLabel: option.label,
|
|
1553
|
+
onPress: () => selectOption(option),
|
|
1554
|
+
children: jsx10(
|
|
1555
|
+
OptionButton,
|
|
1556
|
+
{
|
|
1557
|
+
selected,
|
|
1558
|
+
style: [styles3.option, index === options.length - 1 && styles3.lastOption],
|
|
1559
|
+
children: jsxs5(View6, { style: styles3.optionContent, children: [
|
|
1560
|
+
jsx10(OptionLabel, { selected, style: styles3.optionText, children: option.label }),
|
|
1561
|
+
jsx10(View6, { style: styles3.indicator, children: selected && jsx10(Checkmark, { style: styles3.checkmark, children: "\u2713" }) })
|
|
1562
|
+
] })
|
|
1563
|
+
}
|
|
1564
|
+
)
|
|
1565
|
+
},
|
|
1566
|
+
key
|
|
1567
|
+
);
|
|
1568
|
+
})
|
|
1569
|
+
}
|
|
1570
|
+
),
|
|
1571
|
+
multiple && jsx10(Footer, { style: [styles3.footer, styles3.doneFooter], children: jsx10(TouchableOpacity, { activeOpacity: 0.7, onPress: commitMultiSelect, children: jsx10(FooterButton, { primary: !0, children: jsx10(FooterButtonText, { primary: !0, style: styles3.buttonText, children: "Done" }) }) }) }),
|
|
1572
|
+
jsx10(Footer, { style: [styles3.footer, multiple && styles3.cancelFooter], children: jsx10(TouchableOpacity, { activeOpacity: 0.7, onPress: close, children: jsx10(FooterButton, { children: jsx10(FooterButtonText, { style: styles3.buttonText, children: "Cancel" }) }) }) })
|
|
1573
|
+
] }) }) }) })
|
|
1574
|
+
}
|
|
1575
|
+
),
|
|
1576
|
+
jsx10(TouchableOpacity, { activeOpacity: 0.7, onPress: open, children: jsx10(View6, { style: styles3.triggerContent, children }) })
|
|
1577
|
+
] });
|
|
1578
|
+
};
|
|
1579
|
+
|
|
1580
|
+
// src/addon-ondevice-controls/types/Select.tsx
|
|
1581
|
+
import { jsx as jsx11 } from "react/jsx-runtime";
|
|
1582
|
+
var getOptions = (options, labels) => Array.isArray(options) ? options.map((val) => ({ key: val, label: String(labels?.[val] || val) })) : Object.keys(options).map((key) => ({
|
|
1583
|
+
label: String(key),
|
|
1584
|
+
key: options[key]
|
|
1585
|
+
})), SelectType = ({ arg, onChange }) => {
|
|
1586
|
+
let { value } = arg, options = useMemo3(
|
|
1587
|
+
() => getOptions(arg.options, arg.control.labels),
|
|
1588
|
+
[arg.control.labels, arg.options]
|
|
1589
|
+
), theme = useTheme2(), selected = options.find(({ key }) => value === key)?.label ?? "";
|
|
1590
|
+
return Platform4.OS === "web" ? jsx11(
|
|
1591
|
+
"select",
|
|
1592
|
+
{
|
|
1593
|
+
value,
|
|
1594
|
+
onChange: (event) => {
|
|
1595
|
+
let target = event.currentTarget;
|
|
1596
|
+
if (arg.type === "multi-select") {
|
|
1597
|
+
let selectedValues = Array.from(target.selectedOptions).map((option) => option.value);
|
|
1598
|
+
onChange(selectedValues);
|
|
1599
|
+
} else
|
|
1600
|
+
onChange(target.value);
|
|
1601
|
+
},
|
|
1602
|
+
multiple: arg.type === "multi-select",
|
|
1603
|
+
style: inputStyle({ theme }),
|
|
1604
|
+
children: options.map(({ label, key }) => jsx11("option", { value: key, children: label }, `${label}-${key}`))
|
|
1605
|
+
}
|
|
1606
|
+
) : jsx11(View7, { children: arg.type === "multi-select" ? jsx11(SelectModal, { options, value, multiple: !0, onChange, children: jsx11(
|
|
1607
|
+
Input,
|
|
1608
|
+
{
|
|
1609
|
+
editable: !1,
|
|
1610
|
+
value: Array.isArray(value) ? value.map((v) => options.find((opt) => opt.key === v)?.label || v).join(", ") : String(selected),
|
|
1611
|
+
autoCapitalize: "none",
|
|
1612
|
+
underlineColorAndroid: "transparent"
|
|
1613
|
+
}
|
|
1614
|
+
) }) : jsx11(SelectModal, { options, value, onChange, children: jsx11(
|
|
1615
|
+
Input,
|
|
1616
|
+
{
|
|
1617
|
+
editable: !1,
|
|
1618
|
+
value: selected,
|
|
1619
|
+
autoCapitalize: "none",
|
|
1620
|
+
underlineColorAndroid: "transparent"
|
|
1621
|
+
}
|
|
1622
|
+
) }) });
|
|
1623
|
+
}, Select_default = SelectType;
|
|
1624
|
+
|
|
1625
|
+
// src/addon-ondevice-controls/types/Date.tsx
|
|
1626
|
+
import { DatePicker, Host as Host2 } from "@expo/ui/swift-ui";
|
|
1627
|
+
import { useMemo as useMemo4 } from "react";
|
|
1628
|
+
import { jsx as jsx12 } from "react/jsx-runtime";
|
|
1629
|
+
var DateType = ({ onChange, arg: { name, value } }) => {
|
|
1630
|
+
let date = useMemo4(() => {
|
|
1631
|
+
let dateValue = new Date(value);
|
|
1632
|
+
return isNaN(dateValue.valueOf()) ? /* @__PURE__ */ new Date() : dateValue;
|
|
1633
|
+
}, [value]);
|
|
1634
|
+
return jsx12(Host2, { matchContents: !0, testID: name, children: jsx12(
|
|
1635
|
+
DatePicker,
|
|
1636
|
+
{
|
|
1637
|
+
selection: date,
|
|
1638
|
+
displayedComponents: ["date", "hourAndMinute"],
|
|
1639
|
+
onDateChange: onChange
|
|
1640
|
+
}
|
|
1641
|
+
) });
|
|
1642
|
+
};
|
|
1643
|
+
DateType.serialize = (value) => String(value);
|
|
1644
|
+
DateType.deserialize = (value) => parseFloat(value);
|
|
1645
|
+
var Date_default = DateType;
|
|
1646
|
+
|
|
1647
|
+
// src/addon-ondevice-controls/types/Array.tsx
|
|
1648
|
+
import { useState as useState8 } from "react";
|
|
1649
|
+
import { jsx as jsx13 } from "react/jsx-runtime";
|
|
1650
|
+
function formatArray(value, separator) {
|
|
1651
|
+
return value === "" ? [] : value.split(separator);
|
|
1652
|
+
}
|
|
1653
|
+
var ArrayType = ({
|
|
1654
|
+
arg: { name, value, separator = "," },
|
|
1655
|
+
onChange = () => null,
|
|
1656
|
+
isPristine
|
|
1657
|
+
}) => {
|
|
1658
|
+
let { setCurrentValue, key } = useResyncValue(value, isPristine), [focused, setFocused] = useState8(!1);
|
|
1659
|
+
return jsx13(
|
|
1660
|
+
Input,
|
|
1661
|
+
{
|
|
1662
|
+
testID: name,
|
|
1663
|
+
underlineColorAndroid: "transparent",
|
|
1664
|
+
autoCapitalize: "none",
|
|
1665
|
+
defaultValue: value?.join(separator),
|
|
1666
|
+
onChangeText: (text) => {
|
|
1667
|
+
let formatted = formatArray(text, separator);
|
|
1668
|
+
onChange(formatted), setCurrentValue(formatted);
|
|
1669
|
+
},
|
|
1670
|
+
onFocus: () => setFocused(!0),
|
|
1671
|
+
onBlur: () => setFocused(!1),
|
|
1672
|
+
focused
|
|
1673
|
+
},
|
|
1674
|
+
key
|
|
1675
|
+
);
|
|
1676
|
+
};
|
|
1677
|
+
ArrayType.serialize = (value) => value;
|
|
1678
|
+
ArrayType.deserialize = (value) => Array.isArray(value) ? value : Object.keys(value).sort().reduce((array, key) => [...array, value[key]], []);
|
|
1679
|
+
var Array_default = ArrayType;
|
|
1680
|
+
|
|
1681
|
+
// src/addon-ondevice-controls/types/Radio.tsx
|
|
1682
|
+
import React from "react";
|
|
1683
|
+
|
|
1684
|
+
// src/addon-ondevice-controls/components/RadioSelect.tsx
|
|
1685
|
+
import { styled as styled7 } from "@aussieljk/forkbook/internal/react-native-theming";
|
|
1686
|
+
import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
1687
|
+
var radioHitSlop = { top: 8, right: 12, bottom: 8, left: 12 }, RadioContainer = styled7.View(({ isInline }) => ({
|
|
1688
|
+
flexDirection: isInline ? "row" : "column",
|
|
1689
|
+
alignItems: isInline ? "center" : "flex-start",
|
|
1690
|
+
flexWrap: "wrap",
|
|
1691
|
+
gap: isInline ? 8 : 2
|
|
1692
|
+
})), RadioTouchable = styled7.TouchableOpacity(({ isInline }) => ({
|
|
1693
|
+
alignItems: "center",
|
|
1694
|
+
flexDirection: "row",
|
|
1695
|
+
minHeight: isInline ? 36 : 32,
|
|
1696
|
+
paddingVertical: isInline ? 4 : 2,
|
|
1697
|
+
paddingRight: 6
|
|
1698
|
+
})), RadioCircle = styled7.View(({ theme }) => ({
|
|
1699
|
+
width: 20,
|
|
1700
|
+
height: 20,
|
|
1701
|
+
borderWidth: 2,
|
|
1702
|
+
borderColor: theme.appBorderColor,
|
|
1703
|
+
borderRadius: 10,
|
|
1704
|
+
backgroundColor: theme.background.content,
|
|
1705
|
+
alignItems: "center",
|
|
1706
|
+
justifyContent: "center"
|
|
1707
|
+
})), RadioInnerCircle = styled7.View(({ theme, selected }) => ({
|
|
1708
|
+
width: 10,
|
|
1709
|
+
height: 10,
|
|
1710
|
+
borderRadius: 5,
|
|
1711
|
+
backgroundColor: selected ? theme.color.positive : theme.background.content
|
|
1712
|
+
})), RadioLabel = styled7.Text(({ theme }) => ({
|
|
1713
|
+
fontSize: theme.typography.size.s1 + 1,
|
|
1714
|
+
paddingStart: 12,
|
|
1715
|
+
color: theme.color.defaultText
|
|
1716
|
+
})), RadioSelect = ({ data = [], value = "", onChange, isInline }) => jsx14(RadioContainer, { isInline, children: data.map((item) => jsxs6(
|
|
1717
|
+
RadioTouchable,
|
|
1718
|
+
{
|
|
1719
|
+
isInline,
|
|
1720
|
+
activeOpacity: 0.7,
|
|
1721
|
+
accessibilityRole: "radio",
|
|
1722
|
+
accessibilityState: { selected: value === item.key },
|
|
1723
|
+
hitSlop: radioHitSlop,
|
|
1724
|
+
onPress: () => {
|
|
1725
|
+
onChange(item);
|
|
1726
|
+
},
|
|
1727
|
+
children: [
|
|
1728
|
+
jsx14(RadioCircle, { children: jsx14(RadioInnerCircle, { selected: value === item.key }) }),
|
|
1729
|
+
jsx14(RadioLabel, { children: item.label })
|
|
1730
|
+
]
|
|
1731
|
+
},
|
|
1732
|
+
item.label
|
|
1733
|
+
)) }), RadioSelect_default = RadioSelect;
|
|
1734
|
+
|
|
1735
|
+
// src/addon-ondevice-controls/types/Radio.tsx
|
|
1736
|
+
import { jsx as jsx15 } from "react/jsx-runtime";
|
|
1737
|
+
var getOptions2 = (arg) => arg.options ? arg.options : arg.control?.options ? arg.control.options : [], RadioType = ({ onChange, arg }) => {
|
|
1738
|
+
let data = React.useMemo(() => {
|
|
1739
|
+
let options = getOptions2(arg);
|
|
1740
|
+
return Array.isArray(options) ? arg.control?.labels && Array.isArray(arg.control.labels) ? options.map((val, i) => ({ key: val, label: arg.control?.labels?.at(i) ?? val })) : options.map((val) => ({ key: val, label: val })) : Object.keys(options).map((key) => ({
|
|
1741
|
+
label: key,
|
|
1742
|
+
key: options[key]
|
|
1743
|
+
}));
|
|
1744
|
+
}, [arg]), onChangeOption = React.useCallback((option) => onChange(option.key), [onChange]);
|
|
1745
|
+
return jsx15(
|
|
1746
|
+
RadioSelect_default,
|
|
1747
|
+
{
|
|
1748
|
+
isInline: arg.type === "inline-radio",
|
|
1749
|
+
data,
|
|
1750
|
+
value: arg.value,
|
|
1751
|
+
onChange: onChangeOption
|
|
1752
|
+
}
|
|
1753
|
+
);
|
|
1754
|
+
};
|
|
1755
|
+
RadioType.serialize = (value) => value;
|
|
1756
|
+
RadioType.deserialize = (value) => value;
|
|
1757
|
+
var Radio_default = RadioType;
|
|
1758
|
+
|
|
1759
|
+
// src/addon-ondevice-controls/types/index.ts
|
|
1760
|
+
var types_default = {
|
|
1761
|
+
text: Text_default,
|
|
1762
|
+
number: Number_default,
|
|
1763
|
+
color: Color_default,
|
|
1764
|
+
boolean: Boolean_default,
|
|
1765
|
+
object: Object_default,
|
|
1766
|
+
select: Select_default,
|
|
1767
|
+
date: Date_default,
|
|
1768
|
+
array: Array_default,
|
|
1769
|
+
radio: Radio_default,
|
|
1770
|
+
"inline-radio": Radio_default,
|
|
1771
|
+
"multi-select": Select_default,
|
|
1772
|
+
range: Number_default
|
|
1773
|
+
};
|
|
1774
|
+
|
|
1775
|
+
// src/addon-ondevice-controls/PropField.tsx
|
|
1776
|
+
import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
1777
|
+
var InvalidTypeText = styled8.Text(({ theme }) => ({
|
|
1778
|
+
color: theme.color.negative
|
|
1779
|
+
})), InvalidType = ({ arg }) => jsxs7(InvalidTypeText, { children: [
|
|
1780
|
+
"Invalid type: ",
|
|
1781
|
+
arg.type
|
|
1782
|
+
] }), PropField = ({ onChange, arg, isPristine }) => {
|
|
1783
|
+
let InputType = types_default[arg.type];
|
|
1784
|
+
return InputType ? jsx16(InputType, { arg, isPristine, onChange }) : jsx16(InvalidType, { arg });
|
|
1785
|
+
}, PropField_default = PropField;
|
|
1786
|
+
|
|
1787
|
+
// src/addon-ondevice-controls/PropForm.tsx
|
|
1788
|
+
import { Image as Image2, TouchableOpacity as TouchableOpacity2, View as View8 } from "react-native";
|
|
1789
|
+
import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
1790
|
+
var Container2 = styled9.View(() => ({ paddingTop: 0 })), Label = styled9.Text(({ theme }) => ({
|
|
1791
|
+
fontSize: theme.typography.size.s2 - 1,
|
|
1792
|
+
fontWeight: "bold",
|
|
1793
|
+
color: theme.color.defaultText
|
|
1794
|
+
})), TableHeaderText = styled9.Text(({ theme }) => ({
|
|
1795
|
+
fontWeight: "bold",
|
|
1796
|
+
fontSize: theme.typography.size.s2 - 1,
|
|
1797
|
+
color: theme.base === "light" ? curriedTransparentize$1(0.25, theme.color.defaultText) : curriedTransparentize$1(0.45, theme.color.defaultText)
|
|
1798
|
+
})), TableRow = styled9.View(({ theme, hasBottomBorder }) => ({
|
|
1799
|
+
flexDirection: "row",
|
|
1800
|
+
columnGap: 10,
|
|
1801
|
+
paddingVertical: 10,
|
|
1802
|
+
paddingHorizontal: 20,
|
|
1803
|
+
borderBottomWidth: hasBottomBorder ? 1 : 0,
|
|
1804
|
+
borderBottomColor: hasBottomBorder ? theme.appBorderColor : void 0
|
|
1805
|
+
})), PropForm = ({ args, isPristine, onFieldChange, onReset }) => {
|
|
1806
|
+
let makeChangeHandler = (name) => (value) => {
|
|
1807
|
+
onFieldChange({ [name]: value });
|
|
1808
|
+
};
|
|
1809
|
+
return jsxs8(Container2, { children: [
|
|
1810
|
+
jsxs8(TableRow, { hasBottomBorder: !0, children: [
|
|
1811
|
+
jsx17(TableHeaderText, { style: { width: "25%", paddingVertical: 10 }, children: "Name" }),
|
|
1812
|
+
jsxs8(
|
|
1813
|
+
View8,
|
|
1814
|
+
{
|
|
1815
|
+
style: {
|
|
1816
|
+
width: "75%",
|
|
1817
|
+
flexDirection: "row",
|
|
1818
|
+
justifyContent: "space-between",
|
|
1819
|
+
alignItems: "center"
|
|
1820
|
+
},
|
|
1821
|
+
children: [
|
|
1822
|
+
jsx17(TableHeaderText, { children: "Control" }),
|
|
1823
|
+
jsx17(
|
|
1824
|
+
TouchableOpacity2,
|
|
1825
|
+
{
|
|
1826
|
+
onPress: onReset,
|
|
1827
|
+
style: {
|
|
1828
|
+
marginRight: 10,
|
|
1829
|
+
padding: 10
|
|
1830
|
+
},
|
|
1831
|
+
hitSlop: { top: 10, bottom: 10, left: 10, right: 10 },
|
|
1832
|
+
children: jsx17(
|
|
1833
|
+
Image2,
|
|
1834
|
+
{
|
|
1835
|
+
source: {
|
|
1836
|
+
// undo icon
|
|
1837
|
+
uri: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADUSURBVHgB1ZHdCcJQDIXTm+qzIziCHaUT6AZa/1AEKYoo+NPrBI6gTqIb6Aiij20Se0ELStEWnzwPSSDn40AC8Ks6k6DSHi8OWf32E2LiLSG6WUHLlNZoeQKQ8hfnrmCjN+t75ySRkFxFaovI7nzQPb4zDT8oKcW1MKRDbxo4BlZmoWMzx5Cw2qSFad+7rIYtbYmsw4g2SeITjpsDHxSJrVGobmYF+VXKDSJSVUT2ZrazAH58nCtyHQQaXETnBWyOljULJPU4N+CLAjlGBXT04x1/pDtOIFUpwlNuTQAAAABJRU5ErkJggg==",
|
|
1838
|
+
width: 14,
|
|
1839
|
+
height: 14
|
|
1840
|
+
}
|
|
1841
|
+
}
|
|
1842
|
+
)
|
|
1843
|
+
}
|
|
1844
|
+
)
|
|
1845
|
+
]
|
|
1846
|
+
}
|
|
1847
|
+
)
|
|
1848
|
+
] }),
|
|
1849
|
+
Object.values(args).map((arg, i) => {
|
|
1850
|
+
let changeHandler = makeChangeHandler(arg.name);
|
|
1851
|
+
return jsxs8(TableRow, { hasBottomBorder: i !== Object.values(args).length - 1, children: [
|
|
1852
|
+
jsx17(Label, { style: { width: "25%" }, children: arg.name }),
|
|
1853
|
+
jsx17(View8, { style: { width: "75%" }, children: jsx17(PropField_default, { arg, isPristine, onChange: changeHandler }) })
|
|
1854
|
+
] }, arg.name);
|
|
1855
|
+
})
|
|
1856
|
+
] });
|
|
1857
|
+
}, PropForm_default = PropForm;
|
|
1858
|
+
|
|
1859
|
+
// src/addon-ondevice-controls/controlArgTypes.ts
|
|
1860
|
+
import { includeConditionalArg } from "@aussieljk/forkbook/internal/csf";
|
|
1861
|
+
function hasEnabledControl(argType) {
|
|
1862
|
+
let control = argType?.control;
|
|
1863
|
+
return !(!control || control.disable === !0 || argType?.table?.disable === !0);
|
|
1864
|
+
}
|
|
1865
|
+
function shouldIncludeArg(argType, args) {
|
|
1866
|
+
try {
|
|
1867
|
+
return includeConditionalArg(argType, args, {});
|
|
1868
|
+
} catch {
|
|
1869
|
+
return !0;
|
|
1870
|
+
}
|
|
1871
|
+
}
|
|
1872
|
+
function getControlArgTypes(argTypes, args) {
|
|
1873
|
+
return Object.entries(argTypes ?? {}).reduce((prev, [key, argType]) => !hasEnabledControl(argType) || !shouldIncludeArg(argType, args) ? prev : {
|
|
1874
|
+
...prev,
|
|
1875
|
+
[key]: {
|
|
1876
|
+
...argType,
|
|
1877
|
+
name: key,
|
|
1878
|
+
type: argType.control.type,
|
|
1879
|
+
value: args[key]
|
|
1880
|
+
}
|
|
1881
|
+
}, {});
|
|
1882
|
+
}
|
|
1883
|
+
|
|
1884
|
+
// src/addon-ondevice-controls/hooks.ts
|
|
1885
|
+
import { useState as useState9, useEffect as useEffect4, useCallback as useCallback5 } from "react";
|
|
1886
|
+
import {
|
|
1887
|
+
UPDATE_STORY_ARGS,
|
|
1888
|
+
RESET_STORY_ARGS,
|
|
1889
|
+
STORY_ARGS_UPDATED
|
|
1890
|
+
} from "@aussieljk/forkbook/internal/core-events";
|
|
1891
|
+
var getControlArgs = (story) => story.unmappedArgs ?? story.args, useArgs = (storyId, storyStore) => {
|
|
1892
|
+
let getStoryControlArgs = useCallback5(() => {
|
|
1893
|
+
let story = storyStore.fromId(storyId);
|
|
1894
|
+
if (!story)
|
|
1895
|
+
throw new Error(`Unknown story: ${storyId}`);
|
|
1896
|
+
return getControlArgs(story);
|
|
1897
|
+
}, [storyId, storyStore]), [args, setArgs] = useState9(getStoryControlArgs);
|
|
1898
|
+
useEffect4(() => {
|
|
1899
|
+
setArgs(getStoryControlArgs());
|
|
1900
|
+
let cb = (changed) => {
|
|
1901
|
+
changed.storyId === storyId && setArgs(changed.args);
|
|
1902
|
+
};
|
|
1903
|
+
return storyStore._channel.on(STORY_ARGS_UPDATED, cb), () => storyStore._channel.off(STORY_ARGS_UPDATED, cb);
|
|
1904
|
+
}, [storyId]);
|
|
1905
|
+
let updateArgs = useCallback5(
|
|
1906
|
+
(newArgs) => {
|
|
1907
|
+
storyStore._channel.emit(UPDATE_STORY_ARGS, { storyId, updatedArgs: newArgs });
|
|
1908
|
+
},
|
|
1909
|
+
[storyId, storyStore]
|
|
1910
|
+
), resetArgs = useCallback5(
|
|
1911
|
+
(argNames) => {
|
|
1912
|
+
storyStore._channel.emit(RESET_STORY_ARGS, { storyId, argNames });
|
|
1913
|
+
},
|
|
1914
|
+
[storyId, storyStore]
|
|
1915
|
+
);
|
|
1916
|
+
return [args, updateArgs, resetArgs];
|
|
1917
|
+
};
|
|
1918
|
+
|
|
1919
|
+
// src/addon-ondevice-controls/ControlsPanel.tsx
|
|
1920
|
+
import { jsx as jsx18 } from "react/jsx-runtime";
|
|
1921
|
+
var ControlsPanel = ({ api }) => {
|
|
1922
|
+
let store = api.store(), storyId = store.getSelection()?.storyId, [isPristine, setIsPristine] = useState10(!0), [argsFromHook, updateArgs, resetArgs] = useArgs(storyId, store), { argsObject, parameters } = React2.useMemo(() => {
|
|
1923
|
+
let { argTypes, parameters: storyParameters } = store.fromId(storyId);
|
|
1924
|
+
return {
|
|
1925
|
+
parameters: storyParameters,
|
|
1926
|
+
argsObject: getControlArgTypes(argTypes, argsFromHook)
|
|
1927
|
+
};
|
|
1928
|
+
}, [store, storyId, argsFromHook]), hasControls = Object.keys(argsObject).length > 0, isArgsStory = parameters.__isArgsStory, showWarning = !(hasControls && isArgsStory), updateArgsOnFieldChange = useCallback6(
|
|
1929
|
+
(args) => {
|
|
1930
|
+
updateArgs(args), setIsPristine(!1);
|
|
1931
|
+
},
|
|
1932
|
+
[updateArgs]
|
|
1933
|
+
), handleReset = useCallback6(() => {
|
|
1934
|
+
resetArgs(), setIsPristine(!0);
|
|
1935
|
+
}, [resetArgs]);
|
|
1936
|
+
return showWarning ? jsx18(NoControlsWarning_default, {}) : jsx18(
|
|
1937
|
+
PropForm_default,
|
|
1938
|
+
{
|
|
1939
|
+
args: argsObject,
|
|
1940
|
+
isPristine,
|
|
1941
|
+
onFieldChange: updateArgsOnFieldChange,
|
|
1942
|
+
onReset: handleReset
|
|
1943
|
+
}
|
|
1944
|
+
);
|
|
1945
|
+
}, ControlsPanel_default = ControlsPanel;
|
|
1946
|
+
|
|
1947
|
+
// src/addon-ondevice-controls/Panel.tsx
|
|
1948
|
+
import { Fragment as Fragment2, jsx as jsx19 } from "react/jsx-runtime";
|
|
1949
|
+
var AddonPanel = ({ children }) => jsx19(Fragment2, { children });
|
|
1950
|
+
AddonPanel.displayName = "AddonPanel";
|
|
1951
|
+
|
|
1952
|
+
// src/addon-ondevice-controls/index.tsx
|
|
1953
|
+
import { jsx as jsx20 } from "react/jsx-runtime";
|
|
1954
|
+
var ADDON_ID = "RNCONTROLS", PARAM_KEY = "controls";
|
|
1955
|
+
function register() {
|
|
1956
|
+
addons.register(ADDON_ID, (api) => {
|
|
1957
|
+
addons.add(ADDON_ID, {
|
|
1958
|
+
type: types.PANEL,
|
|
1959
|
+
title: "Controls",
|
|
1960
|
+
render: ({ active }) => jsx20(AddonPanel, { active, children: jsx20(ControlsPanel_default, { api }) }),
|
|
1961
|
+
paramKey: PARAM_KEY
|
|
1962
|
+
});
|
|
1963
|
+
});
|
|
1964
|
+
}
|
|
1965
|
+
|
|
1966
|
+
export {
|
|
1967
|
+
ADDON_ID,
|
|
1968
|
+
PARAM_KEY,
|
|
1969
|
+
register
|
|
1970
|
+
};
|