@oliasoft-open-source/react-ui-library 4.11.1 → 4.11.2-beta-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/dist/assets/{index-DoFa61ar.js → index-BMWyiwz3.js} +308 -304
- package/dist/assets/{index-BpSdrNXy.css → index-BaYhOc6M.css} +373 -341
- package/dist/global.css +12 -14
- package/dist/index.html +1 -1
- package/dist/index.js +23 -16
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/Color-KGDBMAHA-Bqds5h8Z.js +1 -0
- package/dist/storybook/assets/DocsRenderer-PKQXORMH-DCqVP8-K.js +1 -0
- package/dist/storybook/assets/{accordion-BiuI_LCA.js → accordion-6ouB0WTt.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-Ctfewlsk.js → accordion.stories-DtRR01fE.js} +2 -2
- package/dist/storybook/assets/{actions-D-uVCDzk.js → actions-KLRbmKRF.js} +2 -2
- package/dist/storybook/assets/{actions.stories-gKfuiKQy.js → actions.stories-C23gWRWM.js} +1 -1
- package/dist/storybook/assets/{afe.stories-DM18uTAa.js → afe.stories-BS17Wy3X.js} +2 -2
- package/dist/storybook/assets/{badge.stories-Dkq_XgEW.js → badge.stories-DU2dncNt.js} +1 -1
- package/dist/storybook/assets/{blowout.stories-DHdofVc-.js → blowout.stories-Cylh2TXs.js} +1 -1
- package/dist/storybook/assets/button-CjbZ5CrF.js +1 -0
- package/dist/storybook/assets/button-DtgxLQCF.css +1 -0
- package/dist/storybook/assets/{button-group-1DEZPmxq.js → button-group-DubmMwSS.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-C4V1k0z_.js → button-group.stories-PQ9lcPIH.js} +1 -1
- package/dist/storybook/assets/{button.stories-DA9DGYD2.js → button.stories-DKC1fejY.js} +2 -2
- package/dist/storybook/assets/{buttons-and-links-BgjMT4gF.js → buttons-and-links-wxWmkOUF.js} +2 -2
- package/dist/storybook/assets/{card.stories-CsTB0DuM.js → card.stories-Bn6LpucB.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-Cc2cl9m1.js → casing-loads.stories-DfN1h9Nf.js} +2 -2
- package/dist/storybook/assets/{cell.stories-D8aQP2lw.js → cell.stories-CreKyw65.js} +2 -2
- package/dist/storybook/assets/{check-box-DPLaOkRR.js → check-box-wCvXxtCz.js} +1 -1
- package/dist/storybook/assets/{check-box.stories-BJ0ShmeC.js → check-box.stories-nJkLcHZb.js} +1 -1
- package/dist/storybook/assets/{check-box.test-case.stories-CzuYZkUh.js → check-box.test-case.stories-B2vjtKjR.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-DW5riARI.js → chunk-HLWAVYOI-CEGdiTjE.js} +1 -1
- package/dist/storybook/assets/color-BQwVduH-.js +25 -0
- package/dist/storybook/assets/{column.stories-DDTHFELF.js → column.stories-DATtbLrP.js} +1 -1
- package/dist/storybook/assets/{dialog-BelCA1mt.js → dialog-B-Q5su6I.js} +1 -1
- package/dist/storybook/assets/drawer-BVc1xI9q.css +1 -0
- package/dist/storybook/assets/drawer-X4ZJ2aZ0.js +3 -0
- package/dist/storybook/assets/drawer.stories-Di0z4mQf.js +113 -0
- package/dist/storybook/assets/{empty.stories-DcwF0pkK.js → empty.stories-CYf8-mRm.js} +1 -1
- package/dist/storybook/assets/extends-CF3RwP-h.js +1 -0
- package/dist/storybook/assets/{field-HrLaMLbx.js → field-C5_fLDpy.js} +1 -1
- package/dist/storybook/assets/{field.stories-DUGMwi1O.js → field.stories-DW0W89lR.js} +1 -1
- package/dist/storybook/assets/{file-button.stories-CU2pZcEO.js → file-button.stories-C_GvNiIi.js} +1 -1
- package/dist/storybook/assets/{file-input-B0-ERX66.js → file-input-BAwHZe0n.js} +1 -1
- package/dist/storybook/assets/{file-input.stories-Cpd1NHbq.js → file-input.stories-DYXTB7gQ.js} +1 -1
- package/dist/storybook/assets/{flex.stories-BhvJpHpN.js → flex.stories-DkN6INc7.js} +1 -1
- package/dist/storybook/assets/footer.stories-BGYrbMcS.js +3 -0
- package/dist/storybook/assets/form.stories-QcF3dSbt.js +49 -0
- package/dist/storybook/assets/formation.stories-DnQfJcH1.js +74 -0
- package/dist/storybook/assets/{heading-CRNoBc7q.js → heading-NkLgQYoP.js} +1 -1
- package/dist/storybook/assets/{heading.stories-DahFxeiX.js → heading.stories-nI_cFnAN.js} +1 -1
- package/dist/storybook/assets/{help-icon-Buhx5nl6.js → help-icon-41R-Z9N1.js} +1 -1
- package/dist/storybook/assets/{help-icon.stories-DbmZ1fgP.js → help-icon.stories-DBYh0YX7.js} +1 -1
- package/dist/storybook/assets/icon-BP4BO6-k.js +8 -0
- package/dist/storybook/assets/{icon.stories-fnZUR-LK.js → icon.stories-C4pR7xky.js} +1 -1
- package/dist/storybook/assets/iframe-DzDQhvl_.js +2 -0
- package/dist/storybook/assets/{index-IzFttIXx.js → index-D4ghw39u.js} +88 -88
- package/dist/storybook/assets/index-DO2UUQkG.js +1 -0
- package/dist/storybook/assets/{index.es-DazXb-ul.js → index.es-D2piFfFj.js} +4 -4
- package/dist/storybook/assets/inheritsLoose-DR8r8Ogv.js +1 -0
- package/dist/storybook/assets/{initialize-context-BvejO8yS.js → initialize-context-rEvM6bdZ.js} +1 -1
- package/dist/storybook/assets/input-Db9WkmPP.js +1 -0
- package/dist/storybook/assets/input-Dz1ZZYN5.css +1 -0
- package/dist/storybook/assets/{input-group.stories-EhmORqH9.js → input-group.stories-Ddz8LT4X.js} +2 -2
- package/dist/storybook/assets/{input-validation-Barn85e8.js → input-validation-CuPnRCxY.js} +2 -2
- package/dist/storybook/assets/{input.stories-FKl0qVhm.js → input.stories-SJy3TKkD.js} +1 -1
- package/dist/storybook/assets/{inputs-DhSTn98J.js → inputs-CTDqn8NT.js} +2 -2
- package/dist/storybook/assets/{label-CqmyC9he.js → label-hiSz3I8H.js} +1 -1
- package/dist/storybook/assets/{label.stories-C0AO5F1a.js → label.stories-Cyv5jBAO.js} +1 -1
- package/dist/storybook/assets/layout-forms-BNzU7smr.js +16 -0
- package/dist/storybook/assets/{layout-general-IRBlgjFP.js → layout-general-BDvvrYSA.js} +2 -2
- package/dist/storybook/assets/{list-bKpz6I9Q.js → list-BuGEbcVL.js} +1 -1
- package/dist/storybook/assets/{list.stories-Cgmt29Wv.js → list.stories-B5c_uQGt.js} +2 -2
- package/dist/storybook/assets/{list.stories-data-D_Aj3AN4.js → list.stories-data-8Z0neBbX.js} +1 -1
- package/dist/storybook/assets/{loader.stories-pS8zRM4u.js → loader.stories-CNWIIZ6E.js} +1 -1
- package/dist/storybook/assets/{menu.stories-DLJSzJa-.js → menu.stories-BdTFPm_7.js} +2 -2
- package/dist/storybook/assets/menu.test-case.stories-CSHeRTes.js +3 -0
- package/dist/storybook/assets/message-C2ZCkHX6.css +1 -0
- package/dist/storybook/assets/message-y9kZ5iw6.js +1 -0
- package/dist/storybook/assets/{message.stories-r_UlbshI.js → message.stories-B7RGjzak.js} +1 -1
- package/dist/storybook/assets/meta-content-ByVTG0hd.css +1 -0
- package/dist/storybook/assets/meta-content-CDd9TzY4.js +9 -0
- package/dist/storybook/assets/{modal.stories-DOgeTuHT.js → modal.stories-DZi9oABL.js} +2 -2
- package/dist/storybook/assets/modal.test-case.stories-BEw1SVN7.js +21 -0
- package/dist/storybook/assets/{number-input-Dq8zEk7X.js → number-input-CNnU6gOF.js} +1 -1
- package/dist/storybook/assets/{number-input.stories-DUvn4L-Z.js → number-input.stories-Bo26PJmJ.js} +1 -1
- package/dist/storybook/assets/number-input.test-case.stories-noFGMaR2.js +92 -0
- package/dist/storybook/assets/{option-dropdown.stories-CIvqMhQ3.js → option-dropdown.stories-B1pkizRG.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-CZZN7tnu.js → padding-and-spacing-mPE53XO4.js} +2 -2
- package/dist/storybook/assets/{page.stories-DnCh8h8y.js → page.stories-Zuw5G3Q1.js} +1 -1
- package/dist/storybook/assets/{pagination-DWc8zp3k.js → pagination-CiGr3h9N.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-B5cOvzik.js → pagination.stories-Dd2mM2qz.js} +2 -2
- package/dist/storybook/assets/{pop-confirm.stories-DCpooB2O.js → pop-confirm.stories-DiPq3JCu.js} +1 -1
- package/dist/storybook/assets/{popover-rq33c1W2.js → popover-C9ygeajM.js} +1 -1
- package/dist/storybook/assets/popover.stories-BjQWHpS3.js +10 -0
- package/dist/storybook/assets/preview-SSh22Coz.js +2 -0
- package/dist/storybook/assets/{preview-u3mhrMoU.js → preview-orqWJ2ST.js} +2 -2
- package/dist/storybook/assets/projects.stories-Rn2Q-yAl.js +47 -0
- package/dist/storybook/assets/{radio-button-C4ljBRED.js → radio-button-C3RuBqEf.js} +1 -1
- package/dist/storybook/assets/{radio-button.stories-D1rWr6ms.js → radio-button.stories-B0KZMz4B.js} +1 -1
- package/dist/storybook/assets/{radio-button.test-case.stories-DglmHlWs.js → radio-button.test-case.stories-BwUah-6O.js} +1 -1
- package/dist/storybook/assets/react-router-dom-CMITYWBH.js +8 -0
- package/dist/storybook/assets/{reservoirs.stories-UW_8sofe.js → reservoirs.stories-CDD0TjSy.js} +2 -2
- package/dist/storybook/assets/{rich-text-input-dDjxXFl-.css → rich-text-input-BJfL0Me_.css} +1 -1
- package/dist/storybook/assets/{rich-text-input.stories-CK_OTGiV.js → rich-text-input.stories-D1j_y7V_.js} +4 -4
- package/dist/storybook/assets/{row.stories-D1iDHHxo.js → row.stories-DB38kAZL.js} +2 -2
- package/dist/storybook/assets/select-B3sB0hqr.js +61 -0
- package/dist/storybook/assets/select-BmYXTl_0.css +1 -0
- package/dist/storybook/assets/{select.stories-Bpffz9TF.js → select.stories-BSoB4ldP.js} +2 -2
- package/dist/storybook/assets/{select.stories-data-DxgWKlU6.js → select.stories-data-BEF6nqsN.js} +1 -1
- package/dist/storybook/assets/select.test-case.stories-trBjoExl.js +82 -0
- package/dist/storybook/assets/side-bar-D2164Tn-.js +24 -0
- package/dist/storybook/assets/side-bar-fBbBqyAT.css +1 -0
- package/dist/storybook/assets/{side-bar.stories-M6FsuCrQ.js → side-bar.stories-E0tQZmAY.js} +1 -1
- package/dist/storybook/assets/{site.stories-ZGohyW6Z.js → site.stories-Dmk01rYh.js} +2 -2
- package/dist/storybook/assets/slider-CSesKEJF.js +27 -0
- package/dist/storybook/assets/{slider-DnRddBCy.css → slider-DPdTVMP0.css} +1 -1
- package/dist/storybook/assets/slider.stories-CX-hT1FF.js +134 -0
- package/dist/storybook/assets/{smart-upload-modal.stories-xqiXR6jV.js → smart-upload-modal.stories-CUln0bMR.js} +1 -1
- package/dist/storybook/assets/{spacer.stories-BBTt2LdE.js → spacer.stories-BVuZoGQG.js} +1 -1
- package/dist/storybook/assets/table-Bl5BWKeT.js +86 -0
- package/dist/storybook/assets/table-BtBtDwPu.css +1 -0
- package/dist/storybook/assets/{table.stories-oLm8-Sg3.js → table.stories-CqW7dMju.js} +2 -2
- package/dist/storybook/assets/{table.stories-data-C3vJedB1.js → table.stories-data-CElcAZ7Y.js} +1 -1
- package/dist/storybook/assets/text-link.stories-BsuVBOWo.js +14 -0
- package/dist/storybook/assets/{textarea-D6ltcKhz.js → textarea-DflOOrxV.js} +2 -2
- package/dist/storybook/assets/textarea-TqxidmV4.css +1 -0
- package/dist/storybook/assets/{textarea.stories-CJ-Oqytp.js → textarea.stories-CzsqRVpC.js} +1 -1
- package/dist/storybook/assets/{title.stories-iTXgnNqS.js → title.stories-HWf-jbB_.js} +2 -2
- package/dist/storybook/assets/{toaster-BoBcvmf9.js → toaster-BMWF3yRW.js} +1 -1
- package/dist/storybook/assets/{toaster.stories-G6nKp3uV.js → toaster.stories-shnom1S1.js} +1 -1
- package/dist/storybook/assets/toaster.test-case.stories-BndtbjCb.js +6 -0
- package/dist/storybook/assets/{toggle-BbFVf61v.js → toggle-C0zvrIOF.js} +1 -1
- package/dist/storybook/assets/{toggle.stories-BAislK3I.js → toggle.stories-HIP6dA5T.js} +1 -1
- package/dist/storybook/assets/{toggle.test-case.stories-CeUwdhGD.js → toggle.test-case.stories-SLhE2A5P.js} +1 -1
- package/dist/storybook/assets/{tooltip.test-case.stories-C0wxGvKJ.js → tooltip.test-case.stories-B_zX5FCQ.js} +1 -1
- package/dist/storybook/assets/{top-bar-DkXSzzqt.js → top-bar-4AZm07Mc.js} +1 -1
- package/dist/storybook/assets/top-bar.stories-DbuzGzjw.js +21 -0
- package/dist/storybook/assets/{top-bar.testcase.stories-DfmrkEpT.js → top-bar.testcase.stories-DN3MQDLk.js} +1 -1
- package/dist/storybook/assets/{tree.stories-feLUcTtm.js → tree.stories-0qtpSom_.js} +1 -1
- package/dist/storybook/assets/{unit-input-DZs3wEdY.js → unit-input-BGnD9Z8O.js} +1 -1
- package/dist/storybook/assets/{unit-input.stories-BRl4TnIK.js → unit-input.stories-CGRypKCW.js} +1 -1
- package/dist/storybook/assets/unit-input.test-case.stories-fGxudkap.js +220 -0
- package/dist/storybook/assets/unit-table.stories-BqLmWCPl.js +152 -0
- package/dist/storybook/assets/unit-table.test-case.stories-DgT7qcpi.js +1 -0
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/package.json +1 -1
- package/dist/404.html +0 -1
- package/dist/storybook/assets/Color-KGDBMAHA-B3T0ILh4.js +0 -1
- package/dist/storybook/assets/DocsRenderer-PKQXORMH-CJgueRY3.js +0 -1
- package/dist/storybook/assets/button-DHevvVBE.js +0 -1
- package/dist/storybook/assets/button-fAxt_G4d.css +0 -1
- package/dist/storybook/assets/color-Cidw5dH_.js +0 -25
- package/dist/storybook/assets/drawer-DOWJp9T4.js +0 -3
- package/dist/storybook/assets/drawer-DhrjYsQu.css +0 -1
- package/dist/storybook/assets/drawer.stories-DcjyDHEs.js +0 -113
- package/dist/storybook/assets/footer.stories-DcDOHTpf.js +0 -3
- package/dist/storybook/assets/form.stories-BLcmnfy8.js +0 -49
- package/dist/storybook/assets/formation.stories-D9xC_fJP.js +0 -74
- package/dist/storybook/assets/icon-BSFY3vDO.js +0 -8
- package/dist/storybook/assets/iframe-BOQa8dKi.js +0 -2
- package/dist/storybook/assets/index-CqF2VcgG.js +0 -1
- package/dist/storybook/assets/inheritsLoose-DP0QEDDI.js +0 -1
- package/dist/storybook/assets/input-DD7t4kHm.css +0 -1
- package/dist/storybook/assets/input-DTXbDJaL.js +0 -1
- package/dist/storybook/assets/layout-forms-B7tboerR.js +0 -16
- package/dist/storybook/assets/menu.test-case.stories-DyrNbGBs.js +0 -3
- package/dist/storybook/assets/message-Cl3kn7ZD.css +0 -1
- package/dist/storybook/assets/message-Y48EomV-.js +0 -1
- package/dist/storybook/assets/meta-content-DWZbURV2.js +0 -9
- package/dist/storybook/assets/meta-content-DnZPPeTF.css +0 -1
- package/dist/storybook/assets/modal.test-case.stories-DQ1Izuq6.js +0 -21
- package/dist/storybook/assets/number-input.test-case.stories-C6CDA2a8.js +0 -92
- package/dist/storybook/assets/popover.stories-p9_-pH_Q.js +0 -10
- package/dist/storybook/assets/preview-Bb6CWa9a.js +0 -2
- package/dist/storybook/assets/projects.stories-Co_WnKSx.js +0 -47
- package/dist/storybook/assets/react-router-dom-Ck2Y_Fzc.js +0 -8
- package/dist/storybook/assets/select-03uRbc4I.js +0 -61
- package/dist/storybook/assets/select-H-9tdhwc.css +0 -1
- package/dist/storybook/assets/select.test-case.stories-DwDNDHax.js +0 -82
- package/dist/storybook/assets/side-bar-CSx5wI-k.js +0 -24
- package/dist/storybook/assets/side-bar-auov230-.css +0 -1
- package/dist/storybook/assets/slider-C7vnj_3M.js +0 -27
- package/dist/storybook/assets/slider.stories-BzBb3PkP.js +0 -171
- package/dist/storybook/assets/table-B8ojy8Nj.css +0 -1
- package/dist/storybook/assets/table-Cw1-vdpR.js +0 -86
- package/dist/storybook/assets/text-link.stories-BQAkVO-W.js +0 -14
- package/dist/storybook/assets/textarea-H-YTEwr8.css +0 -1
- package/dist/storybook/assets/toaster.test-case.stories-CCHTh_U1.js +0 -6
- package/dist/storybook/assets/top-bar.stories-HDmWT243.js +0 -21
- package/dist/storybook/assets/unit-input.test-case.stories-xWsKGi4p.js +0 -220
- package/dist/storybook/assets/unit-table.stories-C4AcKcPO.js +0 -152
- package/dist/storybook/assets/unit-table.test-case.stories-Do8WFzxy.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1725445572738,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@types/jest":"29.5.12","@vitest/coverage-c8":"0.31.4","eslint-plugin-vitest":null,"eslint-plugin-vitest-globals":"1.5.0","vitest":"1.6.0"},"packageManager":{"type":"yarn","version":"1.22.19"},"typescriptOptions":{"reactDocgen":"react-docgen"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.2.8","storybookVersionSpecifier":"^8.2.4","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"8.2.8"},"@storybook/addon-links":{"version":"8.2.8"},"@storybook/preview-api":{"version":"8.2.8"},"@storybook/react":{"version":"8.2.8"},"@storybook/react-vite":{"version":"8.2.8"},"@storybook/test":{"version":"8.2.8"},"@storybook/test-runner":{"version":"0.19.1"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.2.8"}},"addons":{"@storybook/addon-actions":{"version":"8.2.8"},"@storybook/addon-docs":{"version":"8.2.8"},"@storybook/addon-interactions":{"version":"8.2.8"},"storybook-dark-mode":{"version":"4.0.2"}}}
|
package/package.json
CHANGED
package/dist/404.html
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-DoFa61ar.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-BpSdrNXy.css"></head><body><div id="content"></div></body>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a6 as Me,a7 as $,M as ie,L as Ce,w as $e,a8 as Oe,a9 as Ie}from"./index-IzFttIXx.js";import{R as h,r as m,g as ue}from"./index-DhsZuJvc.js";import{_ as Ne,i as fe}from"./index-D6rZ4wEC.js";import"./iframe-BOQa8dKi.js";import"../sb-preview/runtime.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";function I(){return(I=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function J(e,t){if(e==null)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(o[n]=e[n]);return o}function K(e){var t=m.useRef(e),n=m.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var R=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e<t?t:e},F=function(e){return"touches"in e},V=function(e){return e&&e.ownerDocument.defaultView||self},te=function(e,t,n){var r=e.getBoundingClientRect(),o=F(t)?function(a,s){for(var l=0;l<a.length;l++)if(a[l].identifier===s)return a[l];return a[0]}(t.touches,n):t;return{left:R((o.pageX-(r.left+V(e).pageXOffset))/r.width),top:R((o.pageY-(r.top+V(e).pageYOffset))/r.height)}},ne=function(e){!F(e)&&e.preventDefault()},Q=h.memo(function(e){var t=e.onMove,n=e.onKey,r=J(e,["onMove","onKey"]),o=m.useRef(null),a=K(t),s=K(n),l=m.useRef(null),c=m.useRef(!1),i=m.useMemo(function(){var x=function(p){ne(p),(F(p)?p.touches.length>0:p.buttons>0)&&o.current?a(te(o.current,p,l.current)):M(!1)},j=function(){return M(!1)};function M(p){var b=c.current,w=V(o.current),E=p?w.addEventListener:w.removeEventListener;E(b?"touchmove":"mousemove",x),E(b?"touchend":"mouseup",j)}return[function(p){var b=p.nativeEvent,w=o.current;if(w&&(ne(b),!function(k,O){return O&&!F(k)}(b,c.current)&&w)){if(F(b)){c.current=!0;var E=b.changedTouches||[];E.length&&(l.current=E[0].identifier)}w.focus(),a(te(w,b,l.current)),M(!0)}},function(p){var b=p.which||p.keyCode;b<37||b>40||(p.preventDefault(),s({left:b===39?.05:b===37?-.05:0,top:b===40?.05:b===38?-.05:0}))},M]},[s,a]),d=i[0],f=i[1],g=i[2];return m.useEffect(function(){return g},[g]),h.createElement("div",I({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),T=function(e){return e.filter(Boolean).join(" ")},Z=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=T(["react-colorful__pointer",e.className]);return h.createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},h.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},y=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=Math.pow(10,t)),Math.round(n*e)/n},Se={grad:.9,turn:360,rad:360/(2*Math.PI)},Re=function(e){return ge(A(e))},A=function(e){return e[0]==="#"&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?y(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?y(parseInt(e.substring(6,8),16)/255,2):1}},je=function(e,t){return t===void 0&&(t="deg"),Number(e)*(Se[t]||1)},ze=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?Fe({h:je(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},Fe=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},He=function(e){return Le(de(e))},he=function(e){var t=e.s,n=e.v,r=e.a,o=(200-t)*n/100;return{h:y(e.h),s:y(o>0&&o<200?t*n/100/(o<=100?o:200-o)*100:0),l:y(o/2),a:y(r,2)}},G=function(e){var t=he(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},B=function(e){var t=he(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},de=function(e){var t=e.h,n=e.s,r=e.v,o=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),s=r*(1-n),l=r*(1-(t-a)*n),c=r*(1-(1-t+a)*n),i=a%6;return{r:y(255*[r,l,s,s,c,r][i]),g:y(255*[c,r,r,l,s,s][i]),b:y(255*[s,s,c,r,r,l][i]),a:y(o,2)}},Te=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?ge({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},L=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},Le=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=o<1?L(y(255*o)):"";return"#"+L(t)+L(n)+L(r)+a},ge=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),s=a-Math.min(t,n,r),l=s?a===t?(n-r)/s:a===n?2+(r-t)/s:4+(t-n)/s:0;return{h:y(60*(l<0?l+6:l)),s:y(a?s/a*100:0),v:y(a/255*100),a:o}},me=h.memo(function(e){var t=e.hue,n=e.onChange,r=T(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Q,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:R(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":y(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(Z,{className:"react-colorful__hue-pointer",left:t/360,color:G({h:t,s:100,v:100,a:1})})))}),be=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:G({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Q,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:R(t.s+100*o.left,0,100),v:R(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+y(t.s)+"%, Brightness "+y(t.v)+"%"},h.createElement(Z,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:G(t)})))}),ve=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},pe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},Pe=function(e,t){return e.toLowerCase()===t.toLowerCase()||ve(A(e),A(t))};function ye(e,t,n){var r=K(n),o=m.useState(function(){return e.toHsva(t)}),a=o[0],s=o[1],l=m.useRef({color:t,hsva:a});m.useEffect(function(){if(!e.equal(t,l.current.color)){var i=e.toHsva(t);l.current={hsva:i,color:t},s(i)}},[t,e]),m.useEffect(function(){var i;ve(a,l.current.hsva)||e.equal(i=e.fromHsva(a),l.current.color)||(l.current={hsva:a,color:i},r(i))},[a,e,r]);var c=m.useCallback(function(i){s(function(d){return Object.assign({},d,i)})},[]);return[a,c]}var qe=typeof window<"u"?m.useLayoutEffect:m.useEffect,Be=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},re=new Map,xe=function(e){qe(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!re.has(t)){var n=t.createElement("style");n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,re.set(t,n);var r=Be();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},Xe=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=J(e,["className","colorModel","color","onChange"]),l=m.useRef(null);xe(l);var c=ye(n,o,a),i=c[0],d=c[1],f=T(["react-colorful",t]);return h.createElement("div",I({},s,{ref:l,className:f}),h.createElement(be,{hsva:i,onChange:d}),h.createElement(me,{hue:i.h,onChange:d,className:"react-colorful__last-control"}))},De={defaultColor:"000",toHsva:Re,fromHsva:function(e){return He({h:e.h,s:e.s,v:e.v,a:1})},equal:Pe},We=function(e){return h.createElement(Xe,I({},e,{colorModel:De}))},Ke=function(e){var t=e.className,n=e.hsva,r=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+B(Object.assign({},n,{a:0}))+", "+B(Object.assign({},n,{a:1}))+")"},a=T(["react-colorful__alpha",t]),s=y(100*n.a);return h.createElement("div",{className:a},h.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),h.createElement(Q,{onMove:function(l){r({a:l.left})},onKey:function(l){r({a:R(n.a+l.left)})},"aria-label":"Alpha","aria-valuetext":s+"%","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(Z,{className:"react-colorful__alpha-pointer",left:n.a,color:B(n)})))},we=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=J(e,["className","colorModel","color","onChange"]),l=m.useRef(null);xe(l);var c=ye(n,o,a),i=c[0],d=c[1],f=T(["react-colorful",t]);return h.createElement("div",I({},s,{ref:l,className:f}),h.createElement(be,{hsva:i,onChange:d}),h.createElement(me,{hue:i.h,onChange:d}),h.createElement(Ke,{hsva:i,onChange:d,className:"react-colorful__last-control"}))},Ve={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:ze,fromHsva:B,equal:pe},Ae=function(e){return h.createElement(we,I({},e,{colorModel:Ve}))},Ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:Te,fromHsva:function(e){var t=de(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:pe},Ue=function(e){return h.createElement(we,I({},e,{colorModel:Ge}))},Ye={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};const H=Ye,ke={};for(const e of Object.keys(H))ke[H[e]]=e;const u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var _e=u;for(const e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);const{channels:t,labels:n}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:n})}u.rgb.hsl=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(t,n,r),a=Math.max(t,n,r),s=a-o;let l,c;a===o?l=0:t===a?l=(n-r)/s:n===a?l=2+(r-t)/s:r===a&&(l=4+(t-n)/s),l=Math.min(l*60,360),l<0&&(l+=360);const i=(o+a)/2;return a===o?c=0:i<=.5?c=s/(a+o):c=s/(2-a-o),[l,c*100,i*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const s=e[0]/255,l=e[1]/255,c=e[2]/255,i=Math.max(s,l,c),d=i-Math.min(s,l,c),f=function(g){return(i-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/i,t=f(s),n=f(l),r=f(c),s===i?o=r-n:l===i?o=1/3+t-r:c===i&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,i*100]};u.rgb.hwb=function(e){const t=e[0],n=e[1];let r=e[2];const o=u.rgb.hsl(e)[0],a=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[o,a*100,r*100]};u.rgb.cmyk=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(1-t,1-n,1-r),a=(1-t-o)/(1-o)||0,s=(1-n-o)/(1-o)||0,l=(1-r-o)/(1-o)||0;return[a*100,s*100,l*100,o*100]};function Je(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){const t=ke[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(H)){const a=H[o],s=Je(e,a);s<n&&(n=s,r=o)}return r};u.keyword.rgb=function(e){return H[e]};u.rgb.xyz=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255;t=t>.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const o=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,s=t*.0193+n*.1192+r*.9505;return[o*100,a*100,s*100]};u.rgb.lab=function(e){const t=u.rgb.xyz(e);let n=t[0],r=t[1],o=t[2];n/=95.047,r/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;const a=116*r-16,s=500*(n-r),l=200*(r-o);return[a,s,l]};u.hsl.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;let o,a,s;if(n===0)return s=r*255,[s,s,s];r<.5?o=r*(1+n):o=r+n-r*n;const l=2*r-o,c=[0,0,0];for(let i=0;i<3;i++)a=t+1/3*-(i-1),a<0&&a++,a>1&&a--,6*a<1?s=l+(o-l)*6*a:2*a<1?s=o:3*a<2?s=l+(o-l)*(2/3-a)*6:s=l,c[i]=s*255;return c};u.hsl.hsv=function(e){const t=e[0];let n=e[1]/100,r=e[2]/100,o=n;const a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,o*=a<=1?a:2-a;const s=(r+n)/2,l=r===0?2*o/(a+o):2*n/(r+n);return[t,l*100,s*100]};u.hsv.rgb=function(e){const t=e[0]/60,n=e[1]/100;let r=e[2]/100;const o=Math.floor(t)%6,a=t-Math.floor(t),s=255*r*(1-n),l=255*r*(1-n*a),c=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,c,s];case 1:return[l,r,s];case 2:return[s,r,c];case 3:return[s,l,r];case 4:return[c,s,r];case 5:return[r,s,l]}};u.hsv.hsl=function(e){const t=e[0],n=e[1]/100,r=e[2]/100,o=Math.max(r,.01);let a,s;s=(2-n)*r;const l=(2-n)*o;return a=n*o,a/=l<=1?l:2-l,a=a||0,s/=2,[t,a*100,s*100]};u.hwb.rgb=function(e){const t=e[0]/360;let n=e[1]/100,r=e[2]/100;const o=n+r;let a;o>1&&(n/=o,r/=o);const s=Math.floor(6*t),l=1-r;a=6*t-s,s&1&&(a=1-a);const c=n+a*(l-n);let i,d,f;switch(s){default:case 6:case 0:i=l,d=c,f=n;break;case 1:i=c,d=l,f=n;break;case 2:i=n,d=l,f=c;break;case 3:i=n,d=c,f=l;break;case 4:i=c,d=n,f=l;break;case 5:i=l,d=n,f=c;break}return[i*255,d*255,f*255]};u.cmyk.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100,o=e[3]/100,a=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,n*(1-o)+o),l=1-Math.min(1,r*(1-o)+o);return[a*255,s*255,l*255]};u.xyz.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100;let o,a,s;return o=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,s=t*.0557+n*-.204+r*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),s=Math.min(Math.max(0,s),1),[o*255,a*255,s*255]};u.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;const o=116*n-16,a=500*(t-n),s=200*(n-r);return[o,a,s]};u.lab.xyz=function(e){const t=e[0],n=e[1],r=e[2];let o,a,s;a=(t+16)/116,o=n/500+a,s=a-r/200;const l=a**3,c=o**3,i=s**3;return a=l>.008856?l:(a-16/116)/7.787,o=c>.008856?c:(o-16/116)/7.787,s=i>.008856?i:(s-16/116)/7.787,o*=95.047,a*=100,s*=108.883,[o,a,s]};u.lab.lch=function(e){const t=e[0],n=e[1],r=e[2];let o;o=Math.atan2(r,n)*360/2/Math.PI,o<0&&(o+=360);const s=Math.sqrt(n*n+r*r);return[t,s,o]};u.lch.lab=function(e){const t=e[0],n=e[1],o=e[2]/360*2*Math.PI,a=n*Math.cos(o),s=n*Math.sin(o);return[t,a,s]};u.rgb.ansi16=function(e,t=null){const[n,r,o]=e;let a=t===null?u.rgb.hsv(e)[2]:t;if(a=Math.round(a/50),a===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return a===2&&(s+=60),s};u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])};u.rgb.ansi256=function(e){const t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)};u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];const n=(~~(e>50)+1)*.5,r=(t&1)*n*255,o=(t>>1&1)*n*255,a=(t>>2&1)*n*255;return[r,o,a]};u.ansi256.rgb=function(e){if(e>=232){const a=(e-232)*10+8;return[a,a,a]}e-=16;let t;const n=Math.floor(e/36)/5*255,r=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[n,r,o]};u.rgb.hex=function(e){const n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n};u.hex.rgb=function(e){const t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split("").map(l=>l+l).join(""));const r=parseInt(n,16),o=r>>16&255,a=r>>8&255,s=r&255;return[o,a,s]};u.rgb.hcg=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),s=o-a;let l,c;return s<1?l=a/(1-s):l=0,s<=0?c=0:o===t?c=(n-r)/s%6:o===n?c=2+(r-t)/s:c=4+(t-n)/s,c/=6,c%=1,[c*360,s*100,l*100]};u.hsl.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n);let o=0;return r<1&&(o=(n-.5*r)/(1-r)),[e[0],r*100,o*100]};u.hsv.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=t*n;let o=0;return r<1&&(o=(n-r)/(1-r)),[e[0],r*100,o*100]};u.hcg.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];const o=[0,0,0],a=t%1*6,s=a%1,l=1-s;let c=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=l,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=l,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=l}return c=(1-n)*r,[(n*o[0]+c)*255,(n*o[1]+c)*255,(n*o[2]+c)*255]};u.hcg.hsv=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);let o=0;return r>0&&(o=t/r),[e[0],o*100,r*100]};u.hcg.hsl=function(e){const t=e[1]/100,r=e[2]/100*(1-t)+.5*t;let o=0;return r>0&&r<.5?o=t/(2*r):r>=.5&&r<1&&(o=t/(2*(1-r))),[e[0],o*100,r*100]};u.hcg.hwb=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);return[e[0],(r-t)*100,(1-r)*100]};u.hwb.hcg=function(e){const t=e[1]/100,r=1-e[2]/100,o=r-t;let a=0;return o<1&&(a=(r-o)/(1-o)),[e[0],o*100,a*100]};u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};u.gray.hsl=function(e){return[0,0,e[0]]};u.gray.hsv=u.gray.hsl;u.gray.hwb=function(e){return[0,100,e[0]]};u.gray.cmyk=function(e){return[0,0,0,e[0]]};u.gray.lab=function(e){return[e[0],0,0]};u.gray.hex=function(e){const t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r};u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};const X=_e;function Qe(){const e={},t=Object.keys(X);for(let n=t.length,r=0;r<n;r++)e[t[r]]={distance:-1,parent:null};return e}function Ze(e){const t=Qe(),n=[e];for(t[e].distance=0;n.length;){const r=n.pop(),o=Object.keys(X[r]);for(let a=o.length,s=0;s<a;s++){const l=o[s],c=t[l];c.distance===-1&&(c.distance=t[r].distance+1,c.parent=r,n.unshift(l))}}return t}function et(e,t){return function(n){return t(e(n))}}function tt(e,t){const n=[t[e].parent,e];let r=X[t[e].parent][e],o=t[e].parent;for(;t[o].parent;)n.unshift(t[o].parent),r=et(X[t[o].parent][o],r),o=t[o].parent;return r.conversion=n,r}var nt=function(e){const t=Ze(e),n={},r=Object.keys(t);for(let o=r.length,a=0;a<o;a++){const s=r[a];t[s].parent!==null&&(n[s]=tt(s,t))}return n};const U=_e,rt=nt,N={},ot=Object.keys(U);function at(e){const t=function(...n){const r=n[0];return r==null?r:(r.length>1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function st(e){const t=function(...n){const r=n[0];if(r==null)return r;r.length>1&&(n=r);const o=e(n);if(typeof o=="object")for(let a=o.length,s=0;s<a;s++)o[s]=Math.round(o[s]);return o};return"conversion"in e&&(t.conversion=e.conversion),t}ot.forEach(e=>{N[e]={},Object.defineProperty(N[e],"channels",{value:U[e].channels}),Object.defineProperty(N[e],"labels",{value:U[e].labels});const t=rt(e);Object.keys(t).forEach(r=>{const o=t[r];N[e][r]=st(o),N[e][r].raw=at(o)})});var lt=N;const _=ue(lt);var ct=Ne,it=function(){return ct.Date.now()},ut=it,ft=/\s/;function ht(e){for(var t=e.length;t--&&ft.test(e.charAt(t)););return t}var dt=ht,gt=dt,mt=/^\s+/;function bt(e){return e&&e.slice(0,gt(e)+1).replace(mt,"")}var vt=bt,pt=vt,oe=fe,yt=Me,ae=NaN,xt=/^[-+]0x[0-9a-f]+$/i,wt=/^0b[01]+$/i,kt=/^0o[0-7]+$/i,_t=parseInt;function Et(e){if(typeof e=="number")return e;if(yt(e))return ae;if(oe(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=oe(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pt(e);var n=wt.test(e);return n||kt.test(e)?_t(e.slice(2),n?2:8):xt.test(e)?ae:+e}var Mt=Et,Ct=fe,W=ut,se=Mt,$t="Expected a function",Ot=Math.max,It=Math.min;function Nt(e,t,n){var r,o,a,s,l,c,i=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError($t);t=se(t)||0,Ct(n)&&(d=!!n.leading,f="maxWait"in n,a=f?Ot(se(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function x(v){var C=r,z=o;return r=o=void 0,i=v,s=e.apply(z,C),s}function j(v){return i=v,l=setTimeout(b,t),d?x(v):s}function M(v){var C=v-c,z=v-i,ee=t-C;return f?It(ee,a-z):ee}function p(v){var C=v-c,z=v-i;return c===void 0||C>=t||C<0||f&&z>=a}function b(){var v=W();if(p(v))return w(v);l=setTimeout(b,M(v))}function w(v){return l=void 0,g&&r?x(v):(r=o=void 0,s)}function E(){l!==void 0&&clearTimeout(l),i=0,r=c=o=l=void 0}function k(){return l===void 0?s:w(W())}function O(){var v=W(),C=p(v);if(r=arguments,o=this,c=v,C){if(l===void 0)return j(c);if(f)return clearTimeout(l),l=setTimeout(b,t),x(c)}return l===void 0&&(l=setTimeout(b,t)),s}return O.cancel=E,O.flush=k,O}var St=Nt;const Rt=ue(St);var jt=$.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),zt=$(ie)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),Ft=$.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Ht=$(Ce)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Tt=$.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Lt=$.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Pt=`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,le=({value:e,style:t,...n})=>{let r=`linear-gradient(${e}, ${e}), ${Pt}, linear-gradient(#fff, #fff)`;return h.createElement(Lt,{...n,style:{...t,backgroundImage:r}})},qt=$($e.Input)(({theme:e,readOnly:t})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Bt=$(Oe)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),Ee=(e=>(e.RGB="rgb",e.HSL="hsl",e.HEX="hex",e))(Ee||{}),P=Object.values(Ee),Xt=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Dt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Wt=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Kt=/^\s*#?([0-9a-f]{3})\s*$/i,Vt={hex:We,rgb:Ue,hsl:Ae},q={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=e=>{let t=e==null?void 0:e.match(Xt);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},S=e=>{if(!e)return;let t=!0;if(Dt.test(e)){let[s,l,c,i]=ce(e),[d,f,g]=_.rgb.hsl([s,l,c])||[0,0,0];return{valid:t,value:e,keyword:_.rgb.keyword([s,l,c]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${i})`,hex:`#${_.rgb.hex([s,l,c]).toLowerCase()}`}}if(Wt.test(e)){let[s,l,c,i]=ce(e),[d,f,g]=_.hsl.rgb([s,l,c])||[0,0,0];return{valid:t,value:e,keyword:_.hsl.keyword([s,l,c]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${i})`,hsl:e,hex:`#${_.hsl.hex([s,l,c]).toLowerCase()}`}}let n=e.replace("#",""),r=_.keyword.rgb(n)||_.hex.rgb(n),o=_.rgb.hsl(r),a=e;if(/[^#a-f0-9]/i.test(e)?a=n:Y.test(e)&&(a=`#${n}`),a.startsWith("#"))t=Y.test(a);else try{_.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:_.rgb.keyword(r),colorSpace:"hex",rgb:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,hsl:`hsla(${o[0]}, ${o[1]}%, ${o[2]}%, 1)`,hex:a}},At=(e,t,n)=>{if(!e||!(t!=null&&t.valid))return q[n];if(n!=="hex")return(t==null?void 0:t[n])||q[n];if(!t.hex.startsWith("#"))try{return`#${_.keyword.hex(t.hex)}`}catch{return q.hex}let r=t.hex.match(Kt);if(!r)return Y.test(t.hex)?t.hex:q.hex;let[o,a,s]=r[1].split("");return`#${o}${o}${a}${a}${s}${s}`},Gt=(e,t)=>{let[n,r]=m.useState(e||""),[o,a]=m.useState(()=>S(n)),[s,l]=m.useState((o==null?void 0:o.colorSpace)||"hex");m.useEffect(()=>{let f=e||"",g=S(f);r(f),a(g),l((g==null?void 0:g.colorSpace)||"hex")},[e]);let c=m.useMemo(()=>At(n,o,s).toLowerCase(),[n,o,s]),i=m.useCallback(f=>{let g=S(f),x=(g==null?void 0:g.value)||f||"";r(x),x===""&&(a(void 0),t(void 0)),g&&(a(g),l(g.colorSpace),t(g.value))},[t]),d=m.useCallback(()=>{let f=P.indexOf(s)+1;f>=P.length&&(f=0),l(P[f]);let g=(o==null?void 0:o[P[f]])||"";r(g),t(g)},[o,s,t]);return{value:n,realValue:c,updateValue:i,color:o,colorSpace:s,cycleColorSpace:d}},D=e=>e.replace(/\s*/,"").toLowerCase(),Ut=(e,t,n)=>{let[r,o]=m.useState(t!=null&&t.valid?[t]:[]);m.useEffect(()=>{t===void 0&&o([])},[t]);let a=m.useMemo(()=>(e||[]).map(l=>typeof l=="string"?S(l):l.title?{...S(l.color),keyword:l.title}:S(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),s=m.useCallback(l=>{l!=null&&l.valid&&(a.some(c=>D(c[n])===D(l[n]))||o(c=>c.concat(l)))},[n,a]);return{presets:a,addPreset:s}},Yt=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:s=!1,argType:l})=>{var E;let c=m.useCallback(Rt(n,200),[n]),{value:i,realValue:d,updateValue:f,color:g,colorSpace:x,cycleColorSpace:j}=Gt(t,c),{presets:M,addPreset:p}=Ut(a,g,x),b=Vt[x],w=!!((E=l==null?void 0:l.table)!=null&&E.readonly);return h.createElement(jt,{"aria-readonly":w},h.createElement(zt,{startOpen:s,trigger:w?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>p(g),tooltip:h.createElement(Ft,null,h.createElement(b,{color:d==="transparent"?"#000000":d,onChange:f,onFocus:r,onBlur:o}),M.length>0&&h.createElement(Tt,null,M.map((k,O)=>h.createElement(ie,{key:`${k.value}-${O}`,hasChrome:!1,tooltip:h.createElement(Ht,{note:k.keyword||k.value})},h.createElement(le,{value:k[x],active:g&&D(k[x])===D(g[x]),onClick:()=>f(k.value)})))))},h.createElement(le,{value:d,style:{margin:4}})),h.createElement(qt,{id:Ie(e),value:i,onChange:k=>f(k.target.value),onFocus:k=>k.target.select(),readOnly:w,placeholder:"Choose color..."}),i?h.createElement(Bt,{onClick:j}):null)},an=Yt;export{Yt as ColorControl,an as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{D as f,d as D}from"./chunk-HLWAVYOI-DW5riARI.js";import"./iframe-BOQa8dKi.js";import"../sb-preview/runtime.js";import"./index-DhsZuJvc.js";import"./react-16-DXAfArL2.js";import"./index-CUZDtIZe.js";import"./index-IzFttIXx.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";export{f as DocsRenderer,D as defaultComponents};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-eps93zm2.js";import{r as R}from"./index-DhsZuJvc.js";import{c as I}from"./index-Bk2sglWO.js";import{C as r,G as _}from"./common-types-Sih75Sav.js";import{D as h}from"./disabled-context-rmpd7YJS.js";import{S as j}from"./spinner-AWUe4xwQ.js";import{I as F}from"./icon-BSFY3vDO.js";import{T as U}from"./tooltip-1V7clEnw.js";const C="_inputInTable_1k3a0_1",D="_error_1k3a0_7",L="_warning_1k3a0_7",H="_inputHover_1k3a0_13",G="_inputFocus_1k3a0_18",W="_inputError_1k3a0_25",A="_inputWarning_1k3a0_26",z="_inputDisabled_1k3a0_61",J="_hideScrollbars_1k3a0_67",K="_button_1k3a0_100",P="_active_1k3a0_135",Q="_green_1k3a0_135",X="_red_1k3a0_135",Y="_orange_1k3a0_135",Z="_icon_1k3a0_147",$="_iconOnly_1k3a0_153",ee="_basic_1k3a0_163",ne="_muted_1k3a0_169",te="_disabled_1k3a0_188",ae="_small_1k3a0_198",re="_pill_1k3a0_203",se="_round_1k3a0_204",le="_inverted_1k3a0_310",oe="_groupOrderFirst_1k3a0_340",ie="_groupOrderMiddle_1k3a0_341",ue="_groupOrderLast_1k3a0_342",e={inputInTable:C,error:D,warning:L,inputHover:H,inputFocus:G,inputError:W,inputWarning:A,inputDisabled:z,hideScrollbars:J,button:K,active:P,green:Q,red:X,orange:Y,icon:Z,iconOnly:$,basic:ee,muted:ne,disabled:te,small:ae,pill:re,round:se,inverted:le,groupOrderFirst:oe,groupOrderMiddle:ie,groupOrderLast:ue};var s=(n=>(n.SUBMIT="submit",n.BUTTON="button",n.RESET="reset",n))(s||{});const de=({children:n,tooltip:a=null})=>a?t.jsx(U,{text:a,display:"inline-flex",children:n}):t.jsx(t.Fragment,{children:n}),pe=({active:n=!1,basic:a=!1,colored:l=!1,disabled:u=!1,groupOrder:d=null,icon:o=null,label:p="",loading:c=!1,name:g,pill:T=!1,round:b=!1,small:i=!1,styles:v="",width:y="",title:m="",type:k=s.BUTTON,onClick:q=()=>{},error:E,warning:O,testId:w,tooltip:x,inverted:V=!1,component:N="button",url:S})=>{const f=R.useContext(h),B=(()=>{if(l)switch(l){case r.DANGER:case r.RED:return e.red;case r.SUCCESS:case r.GREEN:return e.green;case r.MUTED:return e.muted;default:return e.orange}return""})(),M=(()=>{if(d)switch(d){case _.FIRST:return e.groupOrderFirst;case _.LAST:return e.groupOrderLast;default:return e.groupOrderMiddle}return""})();return t.jsx(de,{tooltip:x,children:t.jsxs(N,{type:k===s.SUBMIT?s.SUBMIT:s.BUTTON,className:I(e.button,n?e.active:"",a?e.basic:"",B,u||f?e.disabled:"",(o||c)&&!p?e.iconOnly:"",V?e.inverted:"",M,T?e.pill:"",b?e.round:"",i?e.small:"",E?e.error:O?e.warning:"",v),disabled:u||f,name:g??"",onClick:q,...m?{title:m}:{},style:{width:y},"data-testid":w,to:S,children:[o&&t.jsx("span",{className:e.icon,children:t.jsx(F,{icon:o})}),c&&t.jsx("span",{className:e.icon,children:t.jsx(j,{small:!i,tiny:i,dark:!l&&!a,colored:a})}),p]})})};pe.__docgenInfo={description:"",methods:[],displayName:"Button",props:{active:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},basic:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},colored:{required:!1,tsType:{name:"union",raw:"boolean | string",elements:[{name:"boolean"},{name:"string"}]},description:"",defaultValue:{value:"false",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},groupOrder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},icon:{required:!1,tsType:{name:"union",raw:"ReactNode | string",elements:[{name:"ReactNode"},{name:"string"}]},description:"",defaultValue:{value:"null",computed:!1}},label:{required:!1,tsType:{name:"union",raw:"ReactNode | string | null",elements:[{name:"ReactNode"},{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"''",computed:!1}},loading:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},name:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: MouseEvent<HTMLButtonElement>) => void",signature:{arguments:[{type:{name:"MouseEvent",elements:[{name:"HTMLButtonElement"}],raw:"MouseEvent<HTMLButtonElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},pill:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},round:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},styles:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"''",computed:!1}},title:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},type:{required:!1,tsType:{name:"union",raw:"TButtonType | string",elements:[{name:"union",raw:"'submit' | 'button' | 'reset'",elements:[{name:"literal",value:"'submit'"},{name:"literal",value:"'button'"},{name:"literal",value:"'reset'"}]},{name:"string"}]},description:"",defaultValue:{value:"ButtonType.BUTTON",computed:!0}},error:{required:!1,tsType:{name:"string"},description:""},warning:{required:!1,tsType:{name:"string"},description:""},testId:{required:!1,tsType:{name:"string"},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"ReactNode | string",elements:[{name:"ReactNode"},{name:"string"}]},description:""},inverted:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},component:{required:!1,tsType:{name:"ReactElementType",raw:"React.ElementType"},description:"",defaultValue:{value:"'button'",computed:!1}},url:{required:!1,tsType:{name:"string"},description:""}}};export{pe as B,s as a};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._inputInTable_1k3a0_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_1k3a0_1:not(:hover):not(._error_1k3a0_7):not(._warning_1k3a0_7){border-color:transparent}._inputInTable_1k3a0_1:not(:focus){box-shadow:none}._inputHover_1k3a0_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_1k3a0_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_1k3a0_25,._inputWarning_1k3a0_26{position:relative}._inputError_1k3a0_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_1k3a0_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_1k3a0_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_1k3a0_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_1k3a0_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_1k3a0_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_1k3a0_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_1k3a0_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_1k3a0_67::-webkit-scrollbar{display:none}:root{--color-border-button: rgba(0, 0, 0, .15);--color-background-button-default: var(--color-neutral-0);--color-background-button-default-hover: var(--color-neutral-50);--color-background-button-default-active: var(--color-neutral-100);--color-border-button-default-active: var(--color-primary-500);--color-text-button-default-active: var(--color-primary-500);--color-background-button-primary: var(--color-primary-500);--color-background-button-primary-hover: var(--color-primary-550);--color-background-button-primary-active: var(--color-primary-600);--color-background-button-success: var(--color-success-500);--color-background-button-success-hover: var(--color-success-550);--color-background-button-success-active: var(--color-success-600);--color-background-button-error: var(--color-error-500);--color-background-button-error-hover: var(--color-error-550);--color-background-button-error-active: var(--color-error-600)}html[data-theme=dark]{--color-border-button: var(--color-border);--color-background-button-default: var(--color-neutral-800);--color-background-button-default-hover: var(--color-neutral-750);--color-background-button-default-active: var(--color-neutral-700)}._button_1k3a0_100{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;outline:0;border:1px solid var(--color-border);vertical-align:baseline;background:var(--color-background-button-default);color:var(--color-text);font-family:var(--font-family);padding:var(--padding-input);text-transform:none;text-shadow:none;font-style:normal;text-align:center;text-decoration:none;border-radius:var(--border-radius);-webkit-user-select:none;user-select:none;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,border-color .1s ease;max-width:100%;min-height:var(--size);box-shadow:var(--shadow-button);font-weight:700}._button_1k3a0_100:hover{background:var(--color-background-button-default-hover)}._button_1k3a0_100:focus{box-shadow:var(--shadow-focus)!important}._button_1k3a0_100:active{background:var(--color-background-button-default-active);box-shadow:none}._button_1k3a0_100._active_1k3a0_135:not(._green_1k3a0_135):not(._red_1k3a0_135):not(._orange_1k3a0_135){border-color:var(--color-border-button-default-active);color:var(--color-text-button-default-active);position:relative;z-index:2}._button_1k3a0_100:hover,._button_1k3a0_100:focus,._button_1k3a0_100:active{position:relative;z-index:1}._button_1k3a0_100 ._icon_1k3a0_147{margin:-2px;margin-right:var(--padding-xxs);font-size:var(--size-xs);display:flex}._iconOnly_1k3a0_153{width:var(--size);display:inline-flex;align-items:center;justify-content:center}._iconOnly_1k3a0_153 ._icon_1k3a0_147{margin:0;line-height:0}._basic_1k3a0_163{color:var(--color-text-primary);background:transparent;box-shadow:none!important;border:none!important}._basic_1k3a0_163._muted_1k3a0_169{color:var(--color-text-muted)}._basic_1k3a0_163:hover{color:var(--color-text-primary-hover);background:#0000000d}[data-theme=dark] ._basic_1k3a0_163:hover{background:#ffffff1a}._basic_1k3a0_163:active,._basic_1k3a0_163._active_1k3a0_135{color:var(--color-text-primary-active);background:#0000001a}[data-theme=dark] ._basic_1k3a0_163:active,[data-theme=dark] ._basic_1k3a0_163._active_1k3a0_135{background:#fff3}._disabled_1k3a0_188{cursor:default;pointer-events:none!important;color:var(--color-text-faint)!important;box-shadow:none!important}._disabled_1k3a0_188:not(._active_1k3a0_135):not(._basic_1k3a0_163){background:var(--color-background-disabled)!important;border:1px solid var(--color-border)!important}._small_1k3a0_198{font-size:var(--font-size-sm);min-height:var(--size-sm);padding:var(--padding-input-sm)}._pill_1k3a0_203,._round_1k3a0_204{border-radius:19px;display:inline-flex;align-items:center}._round_1k3a0_204{padding:0;width:var(--size);line-height:1}._round_1k3a0_204._small_1k3a0_198{width:var(--size-sm)}._orange_1k3a0_135:not(._basic_1k3a0_163){background-color:var(--color-background-button-primary)}._orange_1k3a0_135:not(._basic_1k3a0_163):hover{background-color:var(--color-background-button-primary-hover)}._orange_1k3a0_135:not(._basic_1k3a0_163):active,._orange_1k3a0_135:not(._basic_1k3a0_163)._active_1k3a0_135{background-color:var(--color-background-button-primary-active)}._red_1k3a0_135:not(._basic_1k3a0_163){background-color:var(--color-background-button-error)}._red_1k3a0_135:not(._basic_1k3a0_163):hover{background-color:var(--color-background-button-error-hover)}._red_1k3a0_135:not(._basic_1k3a0_163):active,._red_1k3a0_135:not(._basic_1k3a0_163)._active_1k3a0_135{background-color:var(--color-background-button-error-active)}._red_1k3a0_135._basic_1k3a0_163{color:var(--color-text-error)}._green_1k3a0_135:not(._basic_1k3a0_163){background-color:var(--color-background-button-success)}._green_1k3a0_135:not(._basic_1k3a0_163):hover{background-color:var(--color-background-button-success-hover)}._green_1k3a0_135:not(._basic_1k3a0_163):active,._green_1k3a0_135:not(._basic_1k3a0_163)._active_1k3a0_135{background-color:var(--color-background-button-success-active)}._green_1k3a0_135._basic_1k3a0_163{color:var(--color-text-success)}._orange_1k3a0_135,._red_1k3a0_135,._green_1k3a0_135{border-color:var(--color-border-button)}._orange_1k3a0_135:not(._basic_1k3a0_163),._red_1k3a0_135:not(._basic_1k3a0_163),._green_1k3a0_135:not(._basic_1k3a0_163){color:#fff}._orange_1k3a0_135:not(._basic_1k3a0_163):hover,._red_1k3a0_135:not(._basic_1k3a0_163):hover,._green_1k3a0_135:not(._basic_1k3a0_163):hover{color:#fff}._orange_1k3a0_135:not(._basic_1k3a0_163):active,._red_1k3a0_135:not(._basic_1k3a0_163):active,._green_1k3a0_135:not(._basic_1k3a0_163):active,._orange_1k3a0_135:not(._basic_1k3a0_163)._active_1k3a0_135,._red_1k3a0_135:not(._basic_1k3a0_163)._active_1k3a0_135,._green_1k3a0_135:not(._basic_1k3a0_163)._active_1k3a0_135{color:#fff}._error_1k3a0_7{position:relative;z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._error_1k3a0_7:hover{border-color:var(--color-border-error-hover)!important}._error_1k3a0_7:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._warning_1k3a0_7{position:relative;z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._warning_1k3a0_7:hover{border-color:var(--color-border-warning-hover)!important}._warning_1k3a0_7:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inverted_1k3a0_310{background-color:transparent;border-color:var(--color-text);box-shadow:none}._inverted_1k3a0_310:hover,._inverted_1k3a0_310:active{box-shadow:none}._inverted_1k3a0_310._orange_1k3a0_135{color:var(--color-background-button-primary);border-color:var(--color-background-button-primary)}._inverted_1k3a0_310._red_1k3a0_135{color:var(--color-background-button-error);border-color:var(--color-background-button-error)}._inverted_1k3a0_310._green_1k3a0_135{color:var(--color-background-button-success);border-color:var(--color-background-button-success)}._inverted_1k3a0_310._orange_1k3a0_135:hover,._inverted_1k3a0_310._red_1k3a0_135:hover,._inverted_1k3a0_310._green_1k3a0_135:hover,._inverted_1k3a0_310._orange_1k3a0_135:active,._inverted_1k3a0_310._red_1k3a0_135:active,._inverted_1k3a0_310._green_1k3a0_135:active{color:#fff;box-shadow:none}._groupOrderFirst_1k3a0_340,._groupOrderMiddle_1k3a0_341,._groupOrderLast_1k3a0_342{margin-right:0}._groupOrderFirst_1k3a0_340,._groupOrderMiddle_1k3a0_341{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._groupOrderLast_1k3a0_342,._groupOrderMiddle_1k3a0_341{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-eps93zm2.js";import{useMDXComponents as l}from"./index-BcNHZKhG.js";import"./chunk-HLWAVYOI-DW5riARI.js";import{Z as d}from"./index-IzFttIXx.js";import{r as m}from"./index-DhsZuJvc.js";import{T as p}from"./toaster-7wnI6hqB.js";import"./message-Y48EomV-.js";import{t as x}from"./toaster-BoBcvmf9.js";import"./iframe-BOQa8dKi.js";import"../sb-preview/runtime.js";import"./react-16-DXAfArL2.js";import"./index-CUZDtIZe.js";import"./inheritsLoose-DP0QEDDI.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-D6rZ4wEC.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";const h=["--color-text","--color-text-muted","--color-text-faint","--color-text-error","--color-text-warning","--color-text-success","--color-text-info","--color-text-primary","--color-text-primary-hover","--color-text-primary-active"],u=["--color-background","--color-background-raised","--color-background-primary","--color-background-info","--color-background-warning","--color-background-success","--color-background-error"],g=["--color-border","--color-border-error","--color-border-warning","--color-border-focus"],t=[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950],j=t.map(r=>`--color-neutral-${r}`),b=t.map(r=>`--color-primary-${r}`),f=t.map(r=>`--color-error-${r}`),y=t.map(r=>`--color-warning-${r}`),C=t.map(r=>`--color-success-${r}`),k=t.map(r=>`--color-info-${r}`),s=({colors:r})=>o.jsx("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr auto 1fr",gap:20,alignItems:"center"},children:r.map((n,a)=>{const c=`var(${n})`,e=()=>{navigator.clipboard.writeText(c),x({message:{type:"Success",content:"Copied to clipboard"}})};return o.jsxs(m.Fragment,{children:[o.jsx("div",{style:{padding:"var(--padding)",backgroundColor:c,border:"1px solid rgba(0,0,0,0.1)"},onClick:e}),o.jsx("code",{onClick:e,children:c})]},a)})});s.__docgenInfo={description:"",methods:[],displayName:"ColorPalette",props:{colors:{required:!0,tsType:{name:"Array",elements:[{name:"string"}],raw:"string[]"},description:""}}};function i(r){const n={h1:"h1",h2:"h2",h3:"h3",p:"p",strong:"strong",...l(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(d,{title:"Colors"}),`
|
|
2
|
-
`,o.jsx(n.h1,{id:"colors",children:"Colors"}),`
|
|
3
|
-
`,o.jsx(n.p,{children:"When setting colors (either by component props or in custom styling), prefer named CSS variables to literal color values."}),`
|
|
4
|
-
`,o.jsx(n.p,{children:o.jsx(n.strong,{children:"Click on a color below to copy the variable name to the clipboard."})}),`
|
|
5
|
-
`,o.jsx(n.h2,{id:"named-colors",children:"Named colors"}),`
|
|
6
|
-
`,o.jsx(n.h3,{id:"text",children:"Text"}),`
|
|
7
|
-
`,o.jsx(s,{colors:h}),`
|
|
8
|
-
`,o.jsx(n.h3,{id:"backgrounds",children:"Backgrounds"}),`
|
|
9
|
-
`,o.jsx(s,{colors:u}),`
|
|
10
|
-
`,o.jsx(n.h3,{id:"borders",children:"Borders"}),`
|
|
11
|
-
`,o.jsx(s,{colors:g}),`
|
|
12
|
-
`,o.jsx(n.h2,{id:"base-colors",children:"Base colors"}),`
|
|
13
|
-
`,o.jsx(n.h3,{id:"neutral",children:"Neutral"}),`
|
|
14
|
-
`,o.jsx(s,{colors:j}),`
|
|
15
|
-
`,o.jsx(n.h3,{id:"primary",children:"Primary"}),`
|
|
16
|
-
`,o.jsx(s,{colors:b}),`
|
|
17
|
-
`,o.jsx(n.h3,{id:"error",children:"Error"}),`
|
|
18
|
-
`,o.jsx(s,{colors:f}),`
|
|
19
|
-
`,o.jsx(n.h3,{id:"warning",children:"Warning"}),`
|
|
20
|
-
`,o.jsx(s,{colors:y}),`
|
|
21
|
-
`,o.jsx(n.h3,{id:"success",children:"Success"}),`
|
|
22
|
-
`,o.jsx(s,{colors:C}),`
|
|
23
|
-
`,o.jsx(n.h3,{id:"info",children:"Info"}),`
|
|
24
|
-
`,o.jsx(s,{colors:k}),`
|
|
25
|
-
`,o.jsx(p,{})]})}function Z(r={}){const{wrapper:n}={...l(),...r.components};return n?o.jsx(n,{...r,children:o.jsx(i,{...r})}):i(r)}export{Z as default};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import{j as v}from"./jsx-runtime-eps93zm2.js";import{a as ot,r as q}from"./index-DhsZuJvc.js";import{c as ie}from"./index-Bk2sglWO.js";import{I as Se,B as it}from"./common-types-Sih75Sav.js";import{B as st}from"./badge-CLQ59MDF.js";import{l as lt}from"./lodash-c4VUpsOs.js";import{p as le}from"./index-CEuq6vkz.js";import{r as Xe}from"./index-CUZDtIZe.js";import{I as ut}from"./icon-BSFY3vDO.js";import{B as ct}from"./button-DHevvVBE.js";const dt="_inputInTable_13n8n_1",ft="_error_13n8n_7",pt="_warning_13n8n_7",mt="_inputHover_13n8n_13",ht="_inputFocus_13n8n_18",gt="_inputError_13n8n_25",yt="_inputWarning_13n8n_26",vt="_inputDisabled_13n8n_61",bt="_hideScrollbars_13n8n_67",wt="_inline_13n8n_90",_t="_left_13n8n_93",St="_right_13n8n_96",Dt="_fixed_13n8n_99",Ot="_border_13n8n_111",Tt="_shadow_13n8n_117",Pt="_drawerContent_13n8n_120",xt="_isResizing_13n8n_132",Rt="_toggleButton_13n8n_143",Ct="_top_13n8n_156",Nt="_bottom_13n8n_159",zt="_toggleButtonOpen_13n8n_162",Mt="_tabs_13n8n_165",Et="_tab_13n8n_165",Wt="_active_13n8n_197",Ht="_disabled_13n8n_222",qt="_tabsContent_13n8n_229",$t="_resizeHandle_13n8n_235",S={inputInTable:dt,error:ft,warning:pt,inputHover:mt,inputFocus:ht,inputError:gt,inputWarning:yt,inputDisabled:vt,hideScrollbars:bt,inline:wt,left:_t,right:St,fixed:Dt,border:Ot,shadow:Tt,drawerContent:Pt,isResizing:xt,toggleButton:Rt,top:Ct,bottom:Nt,toggleButtonOpen:zt,tabs:Mt,tab:Et,active:Wt,disabled:Ht,tabsContent:qt,resizeHandle:$t},It=({badge:e,children:t})=>e?v.jsx(st,{small:!0,margin:4,title:e.toString(),children:t}):v.jsx(v.Fragment,{children:t}),Ye=({tabs:e,activeTab:t,open:n,background:r,handleTabClick:a,width:o,testId:i})=>v.jsxs(v.Fragment,{children:[v.jsx("div",{className:S.tabs,children:e.map((s,l)=>v.jsx("div",{className:ie(S.tab,t===l&&n?S.active:"",s.disabled?S.disabled:""),style:{background:r},onClick:s.disabled?void 0:()=>a(l),"data-testid":i&&`${i}-icon-${l}`,children:v.jsx(It,{badge:s.badge,children:s.icon})},l))}),e.map((s,l)=>{const h=t===l;return v.jsx("div",{style:{width:typeof o=="number"?`${o}px`:o},className:S.tabsContent,"data-testid":i&&`${i}-content-${l}`,children:h&&n&&s.content},l)})]});Ye.__docgenInfo={description:"",methods:[],displayName:"DrawerTabs",props:{tabs:{required:!0,tsType:{name:"Array",elements:[{name:"IDrawerTab"}],raw:"IDrawerTab[]"},description:""},activeTab:{required:!0,tsType:{name:"number"},description:""},open:{required:!0,tsType:{name:"boolean"},description:""},background:{required:!0,tsType:{name:"string"},description:""},handleTabClick:{required:!0,tsType:{name:"signature",type:"function",raw:"(index: number) => void",signature:{arguments:[{type:{name:"number"},name:"index"}],return:{name:"void"}}},description:""},width:{required:!0,tsType:{name:"union",raw:"number | string",elements:[{name:"number"},{name:"string"}]},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};var Re={exports:{}},ee={},ue={exports:{}},Ve={};function Ue(e){var t,n,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=Ue(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}function qe(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=Ue(e))&&(r&&(r+=" "),r+=t);return r}const At=Object.freeze(Object.defineProperty({__proto__:null,clsx:qe,default:qe},Symbol.toStringTag,{value:"Module"})),Bt=ot(At);var b={},$={};Object.defineProperty($,"__esModule",{value:!0});$.dontSetMe=Ut;$.findInArray=jt;$.int=Vt;$.isFunction=Xt;$.isNum=Yt;function jt(e,t){for(let n=0,r=e.length;n<r;n++)if(t.apply(t,[e[n],n,e]))return e[n]}function Xt(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Function]"}function Yt(e){return typeof e=="number"&&!isNaN(e)}function Vt(e){return parseInt(e,10)}function Ut(e,t,n){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(n," - do not set this, set it on the child."))}var U={};Object.defineProperty(U,"__esModule",{value:!0});U.browserPrefixToKey=Le;U.browserPrefixToStyle=Ft;U.default=void 0;U.getPrefix=Fe;const ye=["Moz","Webkit","O","ms"];function Fe(){var e;let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const n=(e=window.document)===null||e===void 0||(e=e.documentElement)===null||e===void 0?void 0:e.style;if(!n||t in n)return"";for(let r=0;r<ye.length;r++)if(Le(t,ye[r])in n)return ye[r];return""}function Le(e,t){return t?"".concat(t).concat(Lt(e)):e}function Ft(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e}function Lt(e){let t="",n=!0;for(let r=0;r<e.length;r++)n?(t+=e[r].toUpperCase(),n=!1):e[r]==="-"?n=!0:t+=e[r];return t}U.default=Fe();Object.defineProperty(b,"__esModule",{value:!0});b.addClassName=Ke;b.addEvent=Kt;b.addUserSelectStyles=ln;b.createCSSTransform=rn;b.createSVGTransform=an;b.getTouch=on;b.getTouchIdentifier=sn;b.getTranslation=Ce;b.innerHeight=en;b.innerWidth=tn;b.matchesSelector=ke;b.matchesSelectorAndParentsTo=kt;b.offsetXYFromParent=nn;b.outerHeight=Qt;b.outerWidth=Zt;b.removeClassName=Je;b.removeEvent=Jt;b.removeUserSelectStyles=un;var z=$,$e=Gt(U);function Ge(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(Ge=function(r){return r?n:t})(e)}function Gt(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=Ge(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}let ae="";function ke(e,t){return ae||(ae=(0,z.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(n){return(0,z.isFunction)(e[n])})),(0,z.isFunction)(e[ae])?e[ae](t):!1}function kt(e,t,n){let r=e;do{if(ke(r,t))return!0;if(r===n)return!1;r=r.parentNode}while(r);return!1}function Kt(e,t,n,r){if(!e)return;const a={capture:!0,...r};e.addEventListener?e.addEventListener(t,n,a):e.attachEvent?e.attachEvent("on"+t,n):e["on"+t]=n}function Jt(e,t,n,r){if(!e)return;const a={capture:!0,...r};e.removeEventListener?e.removeEventListener(t,n,a):e.detachEvent?e.detachEvent("on"+t,n):e["on"+t]=null}function Qt(e){let t=e.clientHeight;const n=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,z.int)(n.borderTopWidth),t+=(0,z.int)(n.borderBottomWidth),t}function Zt(e){let t=e.clientWidth;const n=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,z.int)(n.borderLeftWidth),t+=(0,z.int)(n.borderRightWidth),t}function en(e){let t=e.clientHeight;const n=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,z.int)(n.paddingTop),t-=(0,z.int)(n.paddingBottom),t}function tn(e){let t=e.clientWidth;const n=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,z.int)(n.paddingLeft),t-=(0,z.int)(n.paddingRight),t}function nn(e,t,n){const a=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),o=(e.clientX+t.scrollLeft-a.left)/n,i=(e.clientY+t.scrollTop-a.top)/n;return{x:o,y:i}}function rn(e,t){const n=Ce(e,t,"px");return{[(0,$e.browserPrefixToKey)("transform",$e.default)]:n}}function an(e,t){return Ce(e,t,"")}function Ce(e,t,n){let{x:r,y:a}=e,o="translate(".concat(r).concat(n,",").concat(a).concat(n,")");if(t){const i="".concat(typeof t.x=="string"?t.x:t.x+n),s="".concat(typeof t.y=="string"?t.y:t.y+n);o="translate(".concat(i,", ").concat(s,")")+o}return o}function on(e,t){return e.targetTouches&&(0,z.findInArray)(e.targetTouches,n=>t===n.identifier)||e.changedTouches&&(0,z.findInArray)(e.changedTouches,n=>t===n.identifier)}function sn(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier}function ln(e){if(!e)return;let t=e.getElementById("react-draggable-style-el");t||(t=e.createElement("style"),t.type="text/css",t.id="react-draggable-style-el",t.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
|
|
2
|
-
`,t.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;}
|
|
3
|
-
`,e.getElementsByTagName("head")[0].appendChild(t)),e.body&&Ke(e.body,"react-draggable-transparent-selection")}function un(e){if(e)try{if(e.body&&Je(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{const t=(e.defaultView||window).getSelection();t&&t.type!=="Caret"&&t.removeAllRanges()}}catch{}}function Ke(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function Je(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}var I={};Object.defineProperty(I,"__esModule",{value:!0});I.canDragX=fn;I.canDragY=pn;I.createCoreData=hn;I.createDraggableData=gn;I.getBoundPosition=cn;I.getControlPosition=mn;I.snapToGrid=dn;var N=$,k=b;function cn(e,t,n){if(!e.props.bounds)return[t,n];let{bounds:r}=e.props;r=typeof r=="string"?r:yn(r);const a=Ne(e);if(typeof r=="string"){const{ownerDocument:o}=a,i=o.defaultView;let s;if(r==="parent"?s=a.parentNode:s=o.querySelector(r),!(s instanceof i.HTMLElement))throw new Error('Bounds selector "'+r+'" could not find an element.');const l=s,h=i.getComputedStyle(a),g=i.getComputedStyle(l);r={left:-a.offsetLeft+(0,N.int)(g.paddingLeft)+(0,N.int)(h.marginLeft),top:-a.offsetTop+(0,N.int)(g.paddingTop)+(0,N.int)(h.marginTop),right:(0,k.innerWidth)(l)-(0,k.outerWidth)(a)-a.offsetLeft+(0,N.int)(g.paddingRight)-(0,N.int)(h.marginRight),bottom:(0,k.innerHeight)(l)-(0,k.outerHeight)(a)-a.offsetTop+(0,N.int)(g.paddingBottom)-(0,N.int)(h.marginBottom)}}return(0,N.isNum)(r.right)&&(t=Math.min(t,r.right)),(0,N.isNum)(r.bottom)&&(n=Math.min(n,r.bottom)),(0,N.isNum)(r.left)&&(t=Math.max(t,r.left)),(0,N.isNum)(r.top)&&(n=Math.max(n,r.top)),[t,n]}function dn(e,t,n){const r=Math.round(t/e[0])*e[0],a=Math.round(n/e[1])*e[1];return[r,a]}function fn(e){return e.props.axis==="both"||e.props.axis==="x"}function pn(e){return e.props.axis==="both"||e.props.axis==="y"}function mn(e,t,n){const r=typeof t=="number"?(0,k.getTouch)(e,t):null;if(typeof t=="number"&&!r)return null;const a=Ne(n),o=n.props.offsetParent||a.offsetParent||a.ownerDocument.body;return(0,k.offsetXYFromParent)(r||e,o,n.props.scale)}function hn(e,t,n){const r=!(0,N.isNum)(e.lastX),a=Ne(e);return r?{node:a,deltaX:0,deltaY:0,lastX:t,lastY:n,x:t,y:n}:{node:a,deltaX:t-e.lastX,deltaY:n-e.lastY,lastX:e.lastX,lastY:e.lastY,x:t,y:n}}function gn(e,t){const n=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/n,y:e.state.y+t.deltaY/n,deltaX:t.deltaX/n,deltaY:t.deltaY/n,lastX:e.state.x,lastY:e.state.y}}function yn(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}function Ne(e){const t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}var ce={},de={};Object.defineProperty(de,"__esModule",{value:!0});de.default=vn;function vn(){}Object.defineProperty(ce,"__esModule",{value:!0});ce.default=void 0;var ve=wn(q),R=ze(le),bn=ze(Xe),D=b,j=I,be=$,Q=ze(de);function ze(e){return e&&e.__esModule?e:{default:e}}function Qe(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(Qe=function(r){return r?n:t})(e)}function wn(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=Qe(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}function P(e,t,n){return t=_n(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _n(e){var t=Sn(e,"string");return typeof t=="symbol"?t:String(t)}function Sn(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const W={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let X=W.mouse,fe=class extends ve.Component{constructor(){super(...arguments),P(this,"dragging",!1),P(this,"lastX",NaN),P(this,"lastY",NaN),P(this,"touchIdentifier",null),P(this,"mounted",!1),P(this,"handleDragStart",t=>{if(this.props.onMouseDown(t),!this.props.allowAnyClick&&typeof t.button=="number"&&t.button!==0)return!1;const n=this.findDOMNode();if(!n||!n.ownerDocument||!n.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:r}=n;if(this.props.disabled||!(t.target instanceof r.defaultView.Node)||this.props.handle&&!(0,D.matchesSelectorAndParentsTo)(t.target,this.props.handle,n)||this.props.cancel&&(0,D.matchesSelectorAndParentsTo)(t.target,this.props.cancel,n))return;t.type==="touchstart"&&t.preventDefault();const a=(0,D.getTouchIdentifier)(t);this.touchIdentifier=a;const o=(0,j.getControlPosition)(t,a,this);if(o==null)return;const{x:i,y:s}=o,l=(0,j.createCoreData)(this,i,s);(0,Q.default)("DraggableCore: handleDragStart: %j",l),(0,Q.default)("calling",this.props.onStart),!(this.props.onStart(t,l)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,D.addUserSelectStyles)(r),this.dragging=!0,this.lastX=i,this.lastY=s,(0,D.addEvent)(r,X.move,this.handleDrag),(0,D.addEvent)(r,X.stop,this.handleDragStop))}),P(this,"handleDrag",t=>{const n=(0,j.getControlPosition)(t,this.touchIdentifier,this);if(n==null)return;let{x:r,y:a}=n;if(Array.isArray(this.props.grid)){let s=r-this.lastX,l=a-this.lastY;if([s,l]=(0,j.snapToGrid)(this.props.grid,s,l),!s&&!l)return;r=this.lastX+s,a=this.lastY+l}const o=(0,j.createCoreData)(this,r,a);if((0,Q.default)("DraggableCore: handleDrag: %j",o),this.props.onDrag(t,o)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const l=document.createEvent("MouseEvents");l.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(l)}return}this.lastX=r,this.lastY=a}),P(this,"handleDragStop",t=>{if(!this.dragging)return;const n=(0,j.getControlPosition)(t,this.touchIdentifier,this);if(n==null)return;let{x:r,y:a}=n;if(Array.isArray(this.props.grid)){let l=r-this.lastX||0,h=a-this.lastY||0;[l,h]=(0,j.snapToGrid)(this.props.grid,l,h),r=this.lastX+l,a=this.lastY+h}const o=(0,j.createCoreData)(this,r,a);if(this.props.onStop(t,o)===!1||this.mounted===!1)return!1;const s=this.findDOMNode();s&&this.props.enableUserSelectHack&&(0,D.removeUserSelectStyles)(s.ownerDocument),(0,Q.default)("DraggableCore: handleDragStop: %j",o),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,s&&((0,Q.default)("DraggableCore: Removing handlers"),(0,D.removeEvent)(s.ownerDocument,X.move,this.handleDrag),(0,D.removeEvent)(s.ownerDocument,X.stop,this.handleDragStop))}),P(this,"onMouseDown",t=>(X=W.mouse,this.handleDragStart(t))),P(this,"onMouseUp",t=>(X=W.mouse,this.handleDragStop(t))),P(this,"onTouchStart",t=>(X=W.touch,this.handleDragStart(t))),P(this,"onTouchEnd",t=>(X=W.touch,this.handleDragStop(t)))}componentDidMount(){this.mounted=!0;const t=this.findDOMNode();t&&(0,D.addEvent)(t,W.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const t=this.findDOMNode();if(t){const{ownerDocument:n}=t;(0,D.removeEvent)(n,W.mouse.move,this.handleDrag),(0,D.removeEvent)(n,W.touch.move,this.handleDrag),(0,D.removeEvent)(n,W.mouse.stop,this.handleDragStop),(0,D.removeEvent)(n,W.touch.stop,this.handleDragStop),(0,D.removeEvent)(t,W.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,D.removeUserSelectStyles)(n)}}findDOMNode(){var t,n;return(t=this.props)!==null&&t!==void 0&&t.nodeRef?(n=this.props)===null||n===void 0||(n=n.nodeRef)===null||n===void 0?void 0:n.current:bn.default.findDOMNode(this)}render(){return ve.cloneElement(ve.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};ce.default=fe;P(fe,"displayName","DraggableCore");P(fe,"propTypes",{allowAnyClick:R.default.bool,children:R.default.node.isRequired,disabled:R.default.bool,enableUserSelectHack:R.default.bool,offsetParent:function(e,t){if(e[t]&&e[t].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:R.default.arrayOf(R.default.number),handle:R.default.string,cancel:R.default.string,nodeRef:R.default.object,onStart:R.default.func,onDrag:R.default.func,onStop:R.default.func,onMouseDown:R.default.func,scale:R.default.number,className:be.dontSetMe,style:be.dontSetMe,transform:be.dontSetMe});P(fe,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1});(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return l.default}}),e.default=void 0;var t=O(q),n=g(le),r=g(Xe),a=g(Bt),o=b,i=I,s=$,l=g(ce),h=g(de);function g(c){return c&&c.__esModule?c:{default:c}}function w(c){if(typeof WeakMap!="function")return null;var u=new WeakMap,f=new WeakMap;return(w=function(p){return p?f:u})(c)}function O(c,u){if(c&&c.__esModule)return c;if(c===null||typeof c!="object"&&typeof c!="function")return{default:c};var f=w(u);if(f&&f.has(c))return f.get(c);var p={},y=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in c)if(m!=="default"&&Object.prototype.hasOwnProperty.call(c,m)){var C=y?Object.getOwnPropertyDescriptor(c,m):null;C&&(C.get||C.set)?Object.defineProperty(p,m,C):p[m]=c[m]}return p.default=c,f&&f.set(c,p),p}function T(){return T=Object.assign?Object.assign.bind():function(c){for(var u=1;u<arguments.length;u++){var f=arguments[u];for(var p in f)Object.prototype.hasOwnProperty.call(f,p)&&(c[p]=f[p])}return c},T.apply(this,arguments)}function _(c,u,f){return u=E(u),u in c?Object.defineProperty(c,u,{value:f,enumerable:!0,configurable:!0,writable:!0}):c[u]=f,c}function E(c){var u=M(c,"string");return typeof u=="symbol"?u:String(u)}function M(c,u){if(typeof c!="object"||c===null)return c;var f=c[Symbol.toPrimitive];if(f!==void 0){var p=f.call(c,u||"default");if(typeof p!="object")return p;throw new TypeError("@@toPrimitive must return a primitive value.")}return(u==="string"?String:Number)(c)}class x extends t.Component{static getDerivedStateFromProps(u,f){let{position:p}=u,{prevPropsPosition:y}=f;return p&&(!y||p.x!==y.x||p.y!==y.y)?((0,h.default)("Draggable: getDerivedStateFromProps %j",{position:p,prevPropsPosition:y}),{x:p.x,y:p.y,prevPropsPosition:{...p}}):null}constructor(u){super(u),_(this,"onDragStart",(f,p)=>{if((0,h.default)("Draggable: onDragStart: %j",p),this.props.onStart(f,(0,i.createDraggableData)(this,p))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),_(this,"onDrag",(f,p)=>{if(!this.state.dragging)return!1;(0,h.default)("Draggable: onDrag: %j",p);const y=(0,i.createDraggableData)(this,p),m={x:y.x,y:y.y,slackX:0,slackY:0};if(this.props.bounds){const{x:A,y:B}=m;m.x+=this.state.slackX,m.y+=this.state.slackY;const[F,ne]=(0,i.getBoundPosition)(this,m.x,m.y);m.x=F,m.y=ne,m.slackX=this.state.slackX+(A-m.x),m.slackY=this.state.slackY+(B-m.y),y.x=m.x,y.y=m.y,y.deltaX=m.x-this.state.x,y.deltaY=m.y-this.state.y}if(this.props.onDrag(f,y)===!1)return!1;this.setState(m)}),_(this,"onDragStop",(f,p)=>{if(!this.state.dragging||this.props.onStop(f,(0,i.createDraggableData)(this,p))===!1)return!1;(0,h.default)("Draggable: onDragStop: %j",p);const m={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:A,y:B}=this.props.position;m.x=A,m.y=B}this.setState(m)}),this.state={dragging:!1,dragged:!1,x:u.position?u.position.x:u.defaultPosition.x,y:u.position?u.position.y:u.defaultPosition.y,prevPropsPosition:{...u.position},slackX:0,slackY:0,isElementSVG:!1},u.position&&!(u.onDrag||u.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var u,f;return(u=(f=this.props)===null||f===void 0||(f=f.nodeRef)===null||f===void 0?void 0:f.current)!==null&&u!==void 0?u:r.default.findDOMNode(this)}render(){const{axis:u,bounds:f,children:p,defaultPosition:y,defaultClassName:m,defaultClassNameDragging:C,defaultClassNameDragged:A,position:B,positionOffset:F,scale:ne,...Y}=this.props;let H={},V=null;const L=!!!B||this.state.dragging,K=B||y,re={x:(0,i.canDragX)(this)&&L?this.state.x:K.x,y:(0,i.canDragY)(this)&&L?this.state.y:K.y};this.state.isElementSVG?V=(0,o.createSVGTransform)(re,F):H=(0,o.createCSSTransform)(re,F);const J=(0,a.default)(p.props.className||"",m,{[C]:this.state.dragging,[A]:this.state.dragged});return t.createElement(l.default,T({},Y,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(p),{className:J,style:{...p.props.style,...H},transform:V}))}}e.default=x,_(x,"displayName","Draggable"),_(x,"propTypes",{...l.default.propTypes,axis:n.default.oneOf(["both","x","y","none"]),bounds:n.default.oneOfType([n.default.shape({left:n.default.number,right:n.default.number,top:n.default.number,bottom:n.default.number}),n.default.string,n.default.oneOf([!1])]),defaultClassName:n.default.string,defaultClassNameDragging:n.default.string,defaultClassNameDragged:n.default.string,defaultPosition:n.default.shape({x:n.default.number,y:n.default.number}),positionOffset:n.default.shape({x:n.default.oneOfType([n.default.number,n.default.string]),y:n.default.oneOfType([n.default.number,n.default.string])}),position:n.default.shape({x:n.default.number,y:n.default.number}),className:s.dontSetMe,style:s.dontSetMe,transform:s.dontSetMe}),_(x,"defaultProps",{...l.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})})(Ve);const{default:Ze,DraggableCore:Dn}=Ve;ue.exports=Ze;ue.exports.default=Ze;ue.exports.DraggableCore=Dn;var On=ue.exports,Me={};Me.__esModule=!0;Me.cloneElement=Nn;var Tn=Pn(q);function Pn(e){return e&&e.__esModule?e:{default:e}}function Ie(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,r)}return n}function Ae(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Ie(Object(n),!0).forEach(function(r){xn(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ie(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function xn(e,t,n){return t=Rn(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Rn(e){var t=Cn(e,"string");return typeof t=="symbol"?t:String(t)}function Cn(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Nn(e,t){return t.style&&e.props.style&&(t.style=Ae(Ae({},e.props.style),t.style)),t.className&&e.props.className&&(t.className=e.props.className+" "+t.className),Tn.default.cloneElement(e,t)}var te={};te.__esModule=!0;te.resizableProps=void 0;var d=zn(le);function zn(e){return e&&e.__esModule?e:{default:e}}var Mn={axis:d.default.oneOf(["both","x","y","none"]),className:d.default.string,children:d.default.element.isRequired,draggableOpts:d.default.shape({allowAnyClick:d.default.bool,cancel:d.default.string,children:d.default.node,disabled:d.default.bool,enableUserSelectHack:d.default.bool,offsetParent:d.default.node,grid:d.default.arrayOf(d.default.number),handle:d.default.string,nodeRef:d.default.object,onStart:d.default.func,onDrag:d.default.func,onStop:d.default.func,onMouseDown:d.default.func,scale:d.default.number}),height:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];var a=n[0];if(a.axis==="both"||a.axis==="y"){var o;return(o=d.default.number).isRequired.apply(o,n)}return d.default.number.apply(d.default,n)},handle:d.default.oneOfType([d.default.node,d.default.func]),handleSize:d.default.arrayOf(d.default.number),lockAspectRatio:d.default.bool,maxConstraints:d.default.arrayOf(d.default.number),minConstraints:d.default.arrayOf(d.default.number),onResizeStop:d.default.func,onResizeStart:d.default.func,onResize:d.default.func,resizeHandles:d.default.arrayOf(d.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:d.default.number,width:function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];var a=n[0];if(a.axis==="both"||a.axis==="x"){var o;return(o=d.default.number).isRequired.apply(o,n)}return d.default.number.apply(d.default,n)}};te.resizableProps=Mn;ee.__esModule=!0;ee.default=void 0;var Z=$n(q),En=On,Wn=Me,Hn=te,qn=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function et(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(et=function(a){return a?n:t})(e)}function $n(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=et(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}function De(){return De=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},De.apply(this,arguments)}function In(e,t){if(e==null)return{};var n={},r=Object.keys(e),a,o;for(o=0;o<r.length;o++)a=r[o],!(t.indexOf(a)>=0)&&(n[a]=e[a]);return n}function Be(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,r)}return n}function we(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Be(Object(n),!0).forEach(function(r){An(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Be(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function An(e,t,n){return t=Bn(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Bn(e){var t=jn(e,"string");return typeof t=="symbol"?t:String(t)}function jn(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Xn(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Oe(e,t)}function Oe(e,t){return Oe=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,a){return r.__proto__=a,r},Oe(e,t)}var Ee=function(e){Xn(t,e);function t(){for(var r,a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return r=e.call.apply(e,[this].concat(o))||this,r.handleRefs={},r.lastHandleRect=null,r.slack=null,r}var n=t.prototype;return n.componentWillUnmount=function(){this.resetData()},n.resetData=function(){this.lastHandleRect=this.slack=null},n.runConstraints=function(a,o){var i=this.props,s=i.minConstraints,l=i.maxConstraints,h=i.lockAspectRatio;if(!s&&!l&&!h)return[a,o];if(h){var g=this.props.width/this.props.height,w=a-this.props.width,O=o-this.props.height;Math.abs(w)>Math.abs(O*g)?o=a/g:a=o*g}var T=a,_=o,E=this.slack||[0,0],M=E[0],x=E[1];return a+=M,o+=x,s&&(a=Math.max(s[0],a),o=Math.max(s[1],o)),l&&(a=Math.min(l[0],a),o=Math.min(l[1],o)),this.slack=[M+(T-a),x+(_-o)],[a,o]},n.resizeHandler=function(a,o){var i=this;return function(s,l){var h=l.node,g=l.deltaX,w=l.deltaY;a==="onResizeStart"&&i.resetData();var O=(i.props.axis==="both"||i.props.axis==="x")&&o!=="n"&&o!=="s",T=(i.props.axis==="both"||i.props.axis==="y")&&o!=="e"&&o!=="w";if(!(!O&&!T)){var _=o[0],E=o[o.length-1],M=h.getBoundingClientRect();if(i.lastHandleRect!=null){if(E==="w"){var x=M.left-i.lastHandleRect.left;g+=x}if(_==="n"){var c=M.top-i.lastHandleRect.top;w+=c}}i.lastHandleRect=M,E==="w"&&(g=-g),_==="n"&&(w=-w);var u=i.props.width+(O?g/i.props.transformScale:0),f=i.props.height+(T?w/i.props.transformScale:0),p=i.runConstraints(u,f);u=p[0],f=p[1];var y=u!==i.props.width||f!==i.props.height,m=typeof i.props[a]=="function"?i.props[a]:null,C=a==="onResize"&&!y;m&&!C&&(s.persist==null||s.persist(),m(s,{node:h,size:{width:u,height:f},handle:o})),a==="onResizeStop"&&i.resetData()}}},n.renderResizeHandle=function(a,o){var i=this.props.handle;if(!i)return Z.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+a,ref:o});if(typeof i=="function")return i(a,o);var s=typeof i.type=="string",l=we({ref:o},s?{}:{handleAxis:a});return Z.cloneElement(i,l)},n.render=function(){var a=this,o=this.props,i=o.children,s=o.className,l=o.draggableOpts;o.width,o.height,o.handle,o.handleSize,o.lockAspectRatio,o.axis,o.minConstraints,o.maxConstraints,o.onResize,o.onResizeStop,o.onResizeStart;var h=o.resizeHandles;o.transformScale;var g=In(o,qn);return(0,Wn.cloneElement)(i,we(we({},g),{},{className:(s?s+" ":"")+"react-resizable",children:[].concat(i.props.children,h.map(function(w){var O,T=(O=a.handleRefs[w])!=null?O:a.handleRefs[w]=Z.createRef();return Z.createElement(En.DraggableCore,De({},l,{nodeRef:T,key:"resizableHandle-"+w,onStop:a.resizeHandler("onResizeStop",w),onStart:a.resizeHandler("onResizeStart",w),onDrag:a.resizeHandler("onResize",w)}),a.renderResizeHandle(w,T))}))}))},t}(Z.Component);ee.default=Ee;Ee.propTypes=Hn.resizableProps;Ee.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1};var pe={};pe.__esModule=!0;pe.default=void 0;var _e=Ln(q),Yn=tt(le),Vn=tt(ee),Un=te,Fn=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function tt(e){return e&&e.__esModule?e:{default:e}}function nt(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(nt=function(a){return a?n:t})(e)}function Ln(e,t){if(e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=nt(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}function Te(){return Te=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Te.apply(this,arguments)}function je(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,r)}return n}function se(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?je(Object(n),!0).forEach(function(r){Gn(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):je(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function Gn(e,t,n){return t=kn(t),t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function kn(e){var t=Kn(e,"string");return typeof t=="symbol"?t:String(t)}function Kn(e,t){if(typeof e!="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Jn(e,t){if(e==null)return{};var n={},r=Object.keys(e),a,o;for(o=0;o<r.length;o++)a=r[o],!(t.indexOf(a)>=0)&&(n[a]=e[a]);return n}function Qn(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Pe(e,t)}function Pe(e,t){return Pe=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,a){return r.__proto__=a,r},Pe(e,t)}var rt=function(e){Qn(t,e);function t(){for(var r,a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return r=e.call.apply(e,[this].concat(o))||this,r.state={width:r.props.width,height:r.props.height,propsWidth:r.props.width,propsHeight:r.props.height},r.onResize=function(s,l){var h=l.size;r.props.onResize?(s.persist==null||s.persist(),r.setState(h,function(){return r.props.onResize&&r.props.onResize(s,l)})):r.setState(h)},r}t.getDerivedStateFromProps=function(a,o){return o.propsWidth!==a.width||o.propsHeight!==a.height?{width:a.width,height:a.height,propsWidth:a.width,propsHeight:a.height}:null};var n=t.prototype;return n.render=function(){var a=this.props,o=a.handle,i=a.handleSize;a.onResize;var s=a.onResizeStart,l=a.onResizeStop,h=a.draggableOpts,g=a.minConstraints,w=a.maxConstraints,O=a.lockAspectRatio,T=a.axis;a.width,a.height;var _=a.resizeHandles,E=a.style,M=a.transformScale,x=Jn(a,Fn);return _e.createElement(Vn.default,{axis:T,draggableOpts:h,handle:o,handleSize:i,height:this.state.height,lockAspectRatio:O,maxConstraints:w,minConstraints:g,onResizeStart:s,onResize:this.onResize,onResizeStop:l,resizeHandles:_,transformScale:M,width:this.state.width},_e.createElement("div",Te({},x,{style:se(se({},E),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},t}(_e.Component);pe.default=rt;rt.propTypes=se(se({},Un.resizableProps),{},{children:Yn.default.element});Re.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")};var Zn=Re.exports.Resizable=ee.default;Re.exports.ResizableBox=pe.default;const xe=35,oe=240,er=q.forwardRef((e,t)=>{const{handleAxis:n,...r}=e;return v.jsx("div",{ref:t,className:S.resizeHandle,...r,children:v.jsx(ut,{icon:Se.DRAG})})}),at=({children:e=null,width:t=400,right:n=!1,onResize:r,setOpen:a})=>{const[o,i]=q.useState(!1),s=window.innerWidth/2,l=(h,{size:g})=>{r&&r(g.width)};return r?v.jsx(Zn,{width:lt.toNumber(t),height:100,minConstraints:[xe,1/0],maxConstraints:[s,1/0],onResize:l,handle:v.jsx(er,{}),resizeHandles:n?["w"]:["e"],axis:"x",className:o?S.isResizing:"",onResizeStart:()=>{a&&a(!0),r&&r(t),i(!0)},onResizeStop:()=>{i(!1),typeof t=="number"&&t<xe+50&&a&&a(!1)},children:e}):v.jsx(v.Fragment,{children:e})};at.__docgenInfo={description:"",methods:[],displayName:"DrawerResizeWrapper",props:{children:{required:!1,tsType:{name:"ReactNode"},description:"",defaultValue:{value:"null",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"number | string",elements:[{name:"number"},{name:"string"}]},description:"",defaultValue:{value:"400",computed:!1}},right:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onResize:{required:!1,tsType:{name:"signature",type:"function",raw:"(...args: any[]) => any",signature:{arguments:[{type:{name:"Array",elements:[{name:"any"}],raw:"any[]"},name:"args",rest:!0}],return:{name:"any"}}},description:""},setOpen:{required:!1,tsType:{name:"union",raw:"((isOpen: boolean) => void) | null",elements:[{name:"unknown"},{name:"null"}]},description:""}}};const tr=({background:e="var(--color-background-raised)",fixed:t=!1,open:n=!1,setOpen:r,right:a=!1,width:o=400,closedWidth:i=0,shadow:s=!1,top:l=0,button:h=null,buttonAnimate:g=!0,buttonPosition:w=it.BOTTOM,border:O=!1,children:T=null,tabs:_,defaultTabIndex:E=0,activeTab:M,setActiveTab:x,testId:c,onResize:u,getActiveTab:f,onClose:p,onOpen:y})=>{const m=h===!0,C=!m&&q.isValidElement(h),[A,B]=r?[n,r]:m||_?q.useState(n):[n,()=>{}],[F,ne]=q.useState(E),Y=r?n:A,H=r||B,V=x!==void 0?M:F,We=x||ne,L=Array.isArray(o)?o[V||0]:o,K=Y?L:_?xe:i,re=J=>{const me=he=>{_&&he&&he(_[J])};V===J&&Y&&H?(me(p),H(!1)):!Y&&H&&(me(y),H(!0),u&&(ge=>{let G;if(Array.isArray(ge)?G=ge[V||0]:G=ge,typeof G=="number"&&G<oe)u(oe);else if(typeof G=="string"){const He=parseInt(G,10);!isNaN(He)&&He<oe&&u(oe)}})(o)),We(J),me(f)};return v.jsx(at,{width:K,onResize:u,setOpen:H,right:a,children:v.jsxs("div",{className:ie(S.drawer,s?S.shadow:"",t?S.fixed:S.inline,a?S.right:S.left),style:{top:l},children:[v.jsx("div",{className:ie(S.drawerContent,O&&S.border),style:{background:e,borderColor:typeof O=="string"?O:void 0,width:K},children:_?v.jsx(Ye,{width:L,testId:c,tabs:_,open:Y,activeTab:V||0,background:e,handleTabClick:re}):v.jsx("div",{style:{width:L},children:T})}),h&&v.jsx("span",{className:ie(S.toggleButton,A&&(m||C&&g)?S.toggleButtonOpen:"",w==="top"?S.top:S.bottom),children:C?h:v.jsx(ct,{onClick:H?()=>H(!Y):void 0,round:!0,icon:a?Se.CHEVRON_RIGHT:Se.CHEVRON_LEFT})})]})})};tr.__docgenInfo={description:"",methods:[],displayName:"Drawer",props:{background:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'var(--color-background-raised)'",computed:!1}},children:{required:!1,tsType:{name:"ReactNode"},description:"",defaultValue:{value:"null",computed:!1}},fixed:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},open:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},setOpen:{required:!1,tsType:{name:"signature",type:"function",raw:"(openState: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"openState"}],return:{name:"void"}}},description:""},right:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},shadow:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},top:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"0",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | Array<TStringOrNumber>",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"Array",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]}],raw:"Array<TStringOrNumber>"}]},description:"",defaultValue:{value:"400",computed:!1}},closedWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"0",computed:!1}},button:{required:!1,tsType:{name:"union",raw:"boolean | ReactNode",elements:[{name:"boolean"},{name:"ReactNode"}]},description:"",defaultValue:{value:"null",computed:!1}},buttonAnimate:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},buttonPosition:{required:!1,tsType:{name:"union",raw:"TButtonPosition | string",elements:[{name:"union",raw:"'top' | 'bottom'",elements:[{name:"literal",value:"'top'"},{name:"literal",value:"'bottom'"}]},{name:"string"}]},description:"",defaultValue:{value:"ButtonPosition.BOTTOM",computed:!0}},border:{required:!1,tsType:{name:"union",raw:"boolean | string",elements:[{name:"boolean"},{name:"string"}]},description:"",defaultValue:{value:"false",computed:!1}},tabs:{required:!1,tsType:{name:"Array",elements:[{name:"IDrawerTab"}],raw:"IDrawerTab[]"},description:""},defaultTabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},activeTab:{required:!1,tsType:{name:"number"},description:""},setActiveTab:{required:!1,tsType:{name:"signature",type:"function",raw:"(index: number) => void",signature:{arguments:[{type:{name:"number"},name:"index"}],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""},onResize:{required:!1,tsType:{name:"signature",type:"function",raw:"(...args: any[]) => any",signature:{arguments:[{type:{name:"Array",elements:[{name:"any"}],raw:"any[]"},name:"args",rest:!0}],return:{name:"any"}}},description:""},getActiveTab:{required:!1,tsType:{name:"signature",type:"function",raw:"(tab: IDrawerTab) => void",signature:{arguments:[{type:{name:"IDrawerTab"},name:"tab"}],return:{name:"void"}}},description:""},onClose:{required:!1,tsType:{name:"signature",type:"function",raw:"(tab?: IDrawerTab) => any",signature:{arguments:[{type:{name:"IDrawerTab"},name:"tab"}],return:{name:"any"}}},description:""},onOpen:{required:!1,tsType:{name:"signature",type:"function",raw:"(tab?: IDrawerTab) => any",signature:{arguments:[{type:{name:"IDrawerTab"},name:"tab"}],return:{name:"any"}}},description:""}}};export{tr as D};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._inputInTable_13n8n_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_13n8n_1:not(:hover):not(._error_13n8n_7):not(._warning_13n8n_7){border-color:transparent}._inputInTable_13n8n_1:not(:focus){box-shadow:none}._inputHover_13n8n_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_13n8n_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_13n8n_25,._inputWarning_13n8n_26{position:relative}._inputError_13n8n_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_13n8n_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_13n8n_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_13n8n_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_13n8n_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_13n8n_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_13n8n_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_13n8n_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_13n8n_67::-webkit-scrollbar{display:none}:root{--size-drawer-tabs: var(--size-lg);--color-background-drawer-tab: var(--color-primary-100);--color-background-drawer-tab-hover: white;--color-border-drawer-tab: var(--color-primary-200);--color-background-drawer-handle-hover: rgba(0, 0, 0, .05)}html[data-theme=dark]{--color-background-drawer-tab: var(--color-primary-800);--color-background-drawer-tab-hover: var(--color-primary-700);--color-border-drawer-tab: black;--color-background-drawer-handle-hover: rgba(255, 255, 255, .1)}._inline_13n8n_90{position:relative}._inline_13n8n_90._left_13n8n_93{order:-1}._inline_13n8n_90._right_13n8n_96{order:9999}._fixed_13n8n_99{position:fixed;top:0;bottom:0;z-index:var(--zindex-drawer)}._fixed_13n8n_99._left_13n8n_93{left:0}._fixed_13n8n_99._right_13n8n_96{right:0}._left_13n8n_93 ._border_13n8n_111{border-right:1px solid var(--color-border)}._right_13n8n_96 ._border_13n8n_111{border-left:1px solid var(--color-border)}._shadow_13n8n_117{box-shadow:var(--shadow-layer)}._drawerContent_13n8n_120{overflow-x:hidden;overflow-y:auto;max-height:100%;min-height:100%;transition:width .2s;scrollbar-width:none;-ms-overflow-style:none}._isResizing_13n8n_132 ._drawerContent_13n8n_120{transition:none}@media print{._drawerContent_13n8n_120{background:transparent!important}}._drawerContent_13n8n_120::-webkit-scrollbar{display:none}._toggleButton_13n8n_143{transition:transform .2s;display:inline-block;transform:rotate(180deg);position:absolute;z-index:calc(var(--zindex-drawer) + 3)}._left_13n8n_93 ._toggleButton_13n8n_143{right:calc(var(--size) / -2)}._right_13n8n_96 ._toggleButton_13n8n_143{left:calc(var(--size) / -2)}._toggleButton_13n8n_143._top_13n8n_156{top:var(--padding)}._toggleButton_13n8n_143._bottom_13n8n_159{bottom:var(--padding)}._toggleButton_13n8n_143._toggleButtonOpen_13n8n_162{transform:rotate(0)}._tabs_13n8n_165{position:absolute;top:0;bottom:0;background-color:var(--color-background);padding-top:var(--padding);z-index:calc(var(--zindex-drawer) + 1);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}._left_13n8n_93 ._tabs_13n8n_165{right:0}._right_13n8n_96 ._tabs_13n8n_165{left:0}._tabs_13n8n_165 ._tab_13n8n_165{font-size:var(--size-sm);height:var(--size-drawer-tabs);width:var(--size-drawer-tabs);display:flex;justify-content:center;align-items:center;cursor:pointer;margin:-1px;transition:color .2s,background-color .2s;border:1px solid var(--color-border-drawer-tab)}._left_13n8n_93 ._tabs_13n8n_165 ._tab_13n8n_165{border-top-left-radius:0;border-bottom-left-radius:0}._left_13n8n_93 ._tabs_13n8n_165 ._tab_13n8n_165._active_13n8n_197{border-left-color:transparent}._right_13n8n_96 ._tabs_13n8n_165 ._tab_13n8n_165{border-top-right-radius:0;border-bottom-right-radius:0}._right_13n8n_96 ._tabs_13n8n_165 ._tab_13n8n_165._active_13n8n_197{border-right-color:transparent}._tabs_13n8n_165 ._tab_13n8n_165:not(._active_13n8n_197){color:var(--color-text-primary);background-color:var(--color-background-drawer-tab)!important}._tabs_13n8n_165 ._tab_13n8n_165:not(._active_13n8n_197):hover{color:var(--color-text);background-color:var(--color-background-drawer-tab-hover)!important}._tabs_13n8n_165 ._tab_13n8n_165._active_13n8n_197{color:var(--color-text);border-color:var(--color-border)}._tabs_13n8n_165 ._tab_13n8n_165 svg{stroke-width:1.125}._tabs_13n8n_165 ._tab_13n8n_165._disabled_13n8n_222{cursor:default;pointer-events:none;color:var(--color-text-faint)!important;background-color:var(--color-background-disabled)!important;border-color:var(--color-border)!important}._left_13n8n_93 ._tabsContent_13n8n_229{padding-right:calc(var(--size-drawer-tabs) - 1px)}._right_13n8n_96 ._tabsContent_13n8n_229{padding-left:calc(var(--size-drawer-tabs) - 1px)}._resizeHandle_13n8n_235{--size-resize-handle: 10px;position:absolute;top:0;bottom:0;width:var(--size-resize-handle);z-index:calc(var(--zindex-drawer) + 2);cursor:ew-resize;display:flex;align-items:center;color:var(--color-text-faint);font-size:var(--size-resize-handle);transition:all .2s}._resizeHandle_13n8n_235:hover{background:var(--color-background-drawer-handle-hover);color:var(--color-text-primary)}._resizeHandle_13n8n_235:active{background:var(--color-text-primary);color:#fff}._left_13n8n_93 ._resizeHandle_13n8n_235{right:0}._right_13n8n_96 ._resizeHandle_13n8n_235{left:0}
|
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as j}from"./index-DhsZuJvc.js";import{I as n}from"./common-types-Sih75Sav.js";import{D as a}from"./drawer-DOWJp9T4.js";import{B as S}from"./button-DHevvVBE.js";import{L as y}from"./list-bKpz6I9Q.js";import{H as s}from"./heading-CRNoBc7q.js";import{F as ae}from"./flex-EllkLxgO.js";import{l as f}from"./list.stories-data-D_Aj3AN4.js";import{I as t}from"./icon-BSFY3vDO.js";import"./index-Bk2sglWO.js";import"./badge-CLQ59MDF.js";import"./lodash-c4VUpsOs.js";import"./index-CEuq6vkz.js";import"./index-CUZDtIZe.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./tooltip-1V7clEnw.js";import"./index.es-DazXb-ul.js";import"./inheritsLoose-DP0QEDDI.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./memoize-one.esm-CcMeOnPo.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./card-EcjmryU9.js";import"./meta-content-DWZbURV2.js";import"./actions-D-uVCDzk.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./loader-XHoVniao.js";import"./help-icon-Buhx5nl6.js";const Pe={title:"Layout/Drawer",component:a,args:{button:!0,open:!0,right:!1,border:!0,shadow:!1,width:"300px",closedWidth:"var(--size-sidebar)",top:void 0,children:e.jsx("div",{style:{padding:"var(--padding)"},children:"Drawer content"})},argTypes:{button:{table:{disable:!0}}},decorators:[r=>e.jsxs(ae,{height:"400px",wrap:!1,children:[e.jsx("div",{style:{flexGrow:1,padding:"var(--padding)",background:"var(--color-background)"},children:"Page content"}),r()]})],parameters:{layout:"fullscreen"}},m=r=>e.jsx(a,{...r}),v=m.bind({}),b=m.bind({});b.args={right:!0};const d=m.bind({});d.args={fixed:!0};d.parameters={docs:{story:{inline:!1,iframeHeight:400}}};const h=m.bind({});h.args={button:e.jsx(S,{colored:!0,round:!0,icon:n.LEFT}),buttonAnimate:!0};const x=m.bind({});x.args={shadow:!0};const p=()=>{const[r,o]=j.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(a,{button:e.jsx(S,{onClick:()=>o(!r),round:!0,icon:n.CHEVRON_LEFT}),width:"300px",closedWidth:"var(--size-sidebar)",border:!0,open:r,children:e.jsx(y,{drawer:!0,list:f,narrow:!r})}),e.jsx(a,{button:e.jsx(S,{onClick:()=>o(!r),round:!0,icon:n.CHEVRON_LEFT}),width:"300px",closedWidth:"var(--size-sidebar)",border:!0,open:r,children:e.jsx(y,{drawer:!0,list:f,narrow:!r})})]})};p.parameters={docs:{description:{story:"To hide `List` headings when the `Drawer` is closed, set the `narrow` prop on the `List`."}}};const c=m.bind({});c.args={right:!0,button:!1,closedWidth:0,width:["200px","300px","400px","400px"],defaultTabIndex:1,tabs:[{icon:e.jsx(t,{icon:n.HELP}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.SETTINGS}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Settings"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.LIST}),badge:"2",content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"List"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.EDIT}),disabled:!0,content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Edit"}),"Example content goes here lorem ipsum. ".repeat(500)]})}]};c.parameters={docs:{description:{story:"The top tab will be open by default, but you can set `defaultTabIndex` if you need a different tab open. If you need different widths per tab, pass an array of widths to `width`."}}};const l=()=>{const[r,o]=j.useState(!1),g=[{icon:e.jsx(t,{icon:n.HELP})},{icon:e.jsx(t,{icon:n.SETTINGS})}],E=i=>{i&&console.log("on close",i)},I=i=>{i&&console.log("on open",i)};return e.jsx(a,{border:!0,right:!0,tabs:g,open:r,setOpen:o,onClose:E,onOpen:I})};l.parameters={docs:{description:{story:"If a `setOpen` prop is set, the drawer will not manage its open state internally and can be controlled."}}};const u=()=>{const[r,o]=j.useState(0),g=[{icon:e.jsx(t,{icon:n.HELP})},{icon:e.jsx(t,{icon:n.SETTINGS})}];return e.jsx(a,{border:!0,right:!0,tabs:g,activeTab:r,setActiveTab:o})};u.parameters={docs:{description:{story:"If `activeTab` and `setActiveTab` props are set, the drawer will not manage the tab state internally and can be controlled."}}};const w=()=>{const r=[{icon:e.jsx(t,{icon:n.HELP}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.SETTINGS}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Settings"}),"Example content goes here lorem ipsum. ".repeat(500)]})}],o=[{icon:e.jsx(t,{icon:n.EDIT}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Edit"}),"Example content goes here lorem ipsum. ".repeat(500)]})}];return e.jsxs(e.Fragment,{children:[e.jsx(a,{right:!0,tabs:r,border:!0,open:!0}),e.jsx(a,{right:!0,tabs:o,border:!0,open:!0})]})},T=()=>{const[r,o]=j.useState(!0),[g,E]=j.useState(300),I=[{icon:e.jsx(t,{icon:n.HELP}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(t,{icon:n.SETTINGS}),content:e.jsxs("div",{style:{padding:"var(--padding)"},children:[e.jsx(s,{top:!0,children:"Settings"}),"Example content goes here lorem ipsum dolor. ".repeat(500)]})}];return e.jsx(e.Fragment,{children:e.jsx(a,{right:!0,tabs:I,border:!0,open:r,setOpen:o,width:g,onResize:i=>{E(i)}})})};p.__docgenInfo={description:"",methods:[],displayName:"WithList"};l.__docgenInfo={description:"",methods:[],displayName:"ControlledOpenClose"};u.__docgenInfo={description:"",methods:[],displayName:"ControlledTabs"};w.__docgenInfo={description:"",methods:[],displayName:"MultipleTabbedDrawers"};T.__docgenInfo={description:"",methods:[],displayName:"Resizable"};var D,H,L;v.parameters={...v.parameters,docs:{...(D=v.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
|
|
2
|
-
return <Drawer
|
|
3
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
|
-
{...args} />;
|
|
5
|
-
}`,...(L=(H=v.parameters)==null?void 0:H.docs)==null?void 0:L.source}}};var O,C,N;b.parameters={...b.parameters,docs:{...(O=b.parameters)==null?void 0:O.docs,source:{originalSource:`args => {
|
|
6
|
-
return <Drawer
|
|
7
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
8
|
-
{...args} />;
|
|
9
|
-
}`,...(N=(C=b.parameters)==null?void 0:C.docs)==null?void 0:N.source}}};var _,W,F;d.parameters={...d.parameters,docs:{...(_=d.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
|
|
10
|
-
return <Drawer
|
|
11
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
12
|
-
{...args} />;
|
|
13
|
-
}`,...(F=(W=d.parameters)==null?void 0:W.docs)==null?void 0:F.source}}};var R,z,G;h.parameters={...h.parameters,docs:{...(R=h.parameters)==null?void 0:R.docs,source:{originalSource:`args => {
|
|
14
|
-
return <Drawer
|
|
15
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
16
|
-
{...args} />;
|
|
17
|
-
}`,...(G=(z=h.parameters)==null?void 0:z.docs)==null?void 0:G.source}}};var P,B,k;x.parameters={...x.parameters,docs:{...(P=x.parameters)==null?void 0:P.docs,source:{originalSource:`args => {
|
|
18
|
-
return <Drawer
|
|
19
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
20
|
-
{...args} />;
|
|
21
|
-
}`,...(k=(B=x.parameters)==null?void 0:B.docs)==null?void 0:k.source}}};var A,V,M;p.parameters={...p.parameters,docs:{...(A=p.parameters)==null?void 0:A.docs,source:{originalSource:`() => {
|
|
22
|
-
const [open, setOpen] = useState(false);
|
|
23
|
-
return <>
|
|
24
|
-
<Drawer button={<Button onClick={() => setOpen(!open)} round icon={IconType.CHEVRON_LEFT} />} width="300px" closedWidth="var(--size-sidebar)" border open={open}>
|
|
25
|
-
<List drawer list={listSubheadingsBadges} narrow={!open} />
|
|
26
|
-
</Drawer>
|
|
27
|
-
<Drawer button={<Button onClick={() => setOpen(!open)} round icon={IconType.CHEVRON_LEFT} />} width="300px" closedWidth="var(--size-sidebar)" border open={open}>
|
|
28
|
-
<List drawer list={listSubheadingsBadges} narrow={!open} />
|
|
29
|
-
</Drawer>
|
|
30
|
-
</>;
|
|
31
|
-
}`,...(M=(V=p.parameters)==null?void 0:V.docs)==null?void 0:M.source}}};var q,J,K;c.parameters={...c.parameters,docs:{...(q=c.parameters)==null?void 0:q.docs,source:{originalSource:`args => {
|
|
32
|
-
return <Drawer
|
|
33
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
34
|
-
{...args} />;
|
|
35
|
-
}`,...(K=(J=c.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};var Q,U,X;l.parameters={...l.parameters,docs:{...(Q=l.parameters)==null?void 0:Q.docs,source:{originalSource:`() => {
|
|
36
|
-
const [open, setOpen] = useState(false);
|
|
37
|
-
const tabs: IDrawerTab[] = [{
|
|
38
|
-
icon: <Icon icon={IconType.HELP} />
|
|
39
|
-
}, {
|
|
40
|
-
icon: <Icon icon={IconType.SETTINGS} />
|
|
41
|
-
}];
|
|
42
|
-
const handleClose = (tab?: IDrawerTab) => {
|
|
43
|
-
if (tab) console.log('on close', tab);
|
|
44
|
-
};
|
|
45
|
-
const handleOpen = (tab?: IDrawerTab) => {
|
|
46
|
-
if (tab) console.log('on open', tab);
|
|
47
|
-
};
|
|
48
|
-
return <Drawer border right tabs={tabs} open={open} setOpen={setOpen} onClose={handleClose} onOpen={handleOpen} />;
|
|
49
|
-
}`,...(X=(U=l.parameters)==null?void 0:U.docs)==null?void 0:X.source}}};var Y,Z,$;u.parameters={...u.parameters,docs:{...(Y=u.parameters)==null?void 0:Y.docs,source:{originalSource:`() => {
|
|
50
|
-
const [activeTab, setActiveTab] = useState(0);
|
|
51
|
-
const tabs = [{
|
|
52
|
-
icon: <Icon icon={IconType.HELP} />
|
|
53
|
-
}, {
|
|
54
|
-
icon: <Icon icon={IconType.SETTINGS} />
|
|
55
|
-
}];
|
|
56
|
-
return <Drawer border right tabs={tabs} activeTab={activeTab} setActiveTab={setActiveTab} />;
|
|
57
|
-
}`,...($=(Z=u.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var ee,re,ne;w.parameters={...w.parameters,docs:{...(ee=w.parameters)==null?void 0:ee.docs,source:{originalSource:`() => {
|
|
58
|
-
const tabs1 = [{
|
|
59
|
-
icon: <Icon icon={IconType.HELP} />,
|
|
60
|
-
content: <div style={{
|
|
61
|
-
padding: 'var(--padding)'
|
|
62
|
-
}}>
|
|
63
|
-
<Heading top>Help</Heading>
|
|
64
|
-
{'Example content goes here lorem ipsum. '.repeat(500)}
|
|
65
|
-
</div>
|
|
66
|
-
}, {
|
|
67
|
-
icon: <Icon icon={IconType.SETTINGS} />,
|
|
68
|
-
content: <div style={{
|
|
69
|
-
padding: 'var(--padding)'
|
|
70
|
-
}}>
|
|
71
|
-
<Heading top>Settings</Heading>
|
|
72
|
-
{'Example content goes here lorem ipsum. '.repeat(500)}
|
|
73
|
-
</div>
|
|
74
|
-
}];
|
|
75
|
-
const tabs2 = [{
|
|
76
|
-
icon: <Icon icon={IconType.EDIT} />,
|
|
77
|
-
content: <div style={{
|
|
78
|
-
padding: 'var(--padding)'
|
|
79
|
-
}}>
|
|
80
|
-
<Heading top>Edit</Heading>
|
|
81
|
-
{'Example content goes here lorem ipsum. '.repeat(500)}
|
|
82
|
-
</div>
|
|
83
|
-
}];
|
|
84
|
-
return <>
|
|
85
|
-
<Drawer right tabs={tabs1} border open />
|
|
86
|
-
<Drawer right tabs={tabs2} border open />
|
|
87
|
-
</>;
|
|
88
|
-
}`,...(ne=(re=w.parameters)==null?void 0:re.docs)==null?void 0:ne.source}}};var te,oe,se;T.parameters={...T.parameters,docs:{...(te=T.parameters)==null?void 0:te.docs,source:{originalSource:`() => {
|
|
89
|
-
const [open, setOpen] = useState(true);
|
|
90
|
-
const [drawerWidth, setDrawerWidth] = useState(300);
|
|
91
|
-
const tabs = [{
|
|
92
|
-
icon: <Icon icon={IconType.HELP} />,
|
|
93
|
-
content: <div style={{
|
|
94
|
-
padding: 'var(--padding)'
|
|
95
|
-
}}>
|
|
96
|
-
<Heading top>Help</Heading>
|
|
97
|
-
{'Example content goes here lorem ipsum. '.repeat(500)}
|
|
98
|
-
</div>
|
|
99
|
-
}, {
|
|
100
|
-
icon: <Icon icon={IconType.SETTINGS} />,
|
|
101
|
-
content: <div style={{
|
|
102
|
-
padding: 'var(--padding)'
|
|
103
|
-
}}>
|
|
104
|
-
<Heading top>Settings</Heading>
|
|
105
|
-
{'Example content goes here lorem ipsum dolor. '.repeat(500)}
|
|
106
|
-
</div>
|
|
107
|
-
}];
|
|
108
|
-
return <>
|
|
109
|
-
<Drawer right tabs={tabs} border open={open} setOpen={setOpen} width={drawerWidth} onResize={width => {
|
|
110
|
-
setDrawerWidth((width as number));
|
|
111
|
-
}} />
|
|
112
|
-
</>;
|
|
113
|
-
}`,...(se=(oe=T.parameters)==null?void 0:oe.docs)==null?void 0:se.source}}};const Be=["Default","Right","Fixed","CustomButton","Shadow","WithList","Tabs","ControlledOpenClose","ControlledTabs","MultipleTabbedDrawers","Resizable"];export{l as ControlledOpenClose,u as ControlledTabs,h as CustomButton,v as Default,d as Fixed,w as MultipleTabbedDrawers,T as Resizable,b as Right,x as Shadow,c as Tabs,p as WithList,Be as __namedExportsOrder,Pe as default};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{T as p}from"./table-Cw1-vdpR.js";import{t as a,r as s}from"./table.stories-data-C3vJedB1.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./index.es-DazXb-ul.js";import"./inheritsLoose-DP0QEDDI.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./index-CUZDtIZe.js";import"./memoize-one.esm-CcMeOnPo.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./lodash-c4VUpsOs.js";import"./actions-D-uVCDzk.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./button-DHevvVBE.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";import"./pagination-DWc8zp3k.js";import"./select-03uRbc4I.js";import"./enum-Bnn40S8Q.js";import"./assertThisInitialized-B9jnkVVz.js";import"./text-B3-TSWok.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./input-DTXbDJaL.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-Dq8zEk7X.js";import"./index-C0x1JmaP.js";import"./index-DRSy5Ssd.js";import"./check-box-DPLaOkRR.js";import"./slider-C7vnj_3M.js";import"./index-BI4_Bp97.js";import"./popover-rq33c1W2.js";import"./flex-EllkLxgO.js";const or={title:"Basic/Table/Footer",component:p,args:{table:{...a}}},n=i=>e.jsx(p,{...i}),r=n.bind({});r.args={table:s};var o,t,m;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`args => {
|
|
2
|
-
return <Table {...args} />;
|
|
3
|
-
}`,...(m=(t=r.parameters)==null?void 0:t.docs)==null?void 0:m.source}}};const tr=["Footer"];export{r as Footer,tr as __namedExportsOrder,or as default};
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{T as W}from"./common-types-Sih75Sav.js";import{D as A}from"./disabled-context-rmpd7YJS.js";import{F as s}from"./field-HrLaMLbx.js";import{I as b}from"./input-DTXbDJaL.js";import{S as c}from"./select-03uRbc4I.js";import{C as G}from"./check-box-DPLaOkRR.js";import{B as N}from"./button-group-1DEZPmxq.js";import{B as _}from"./button-DHevvVBE.js";import{T as E}from"./toggle-BbFVf61v.js";import{I as V}from"./input-group-BaRSJAEN.js";import{I as x}from"./input-group-addon-D68iUKV2.js";import{S as U}from"./slider-C7vnj_3M.js";import{T as $}from"./textarea-D6ltcKhz.js";import{R as q}from"./radio-button-C4ljBRED.js";import{M as z}from"./actions-D-uVCDzk.js";import{F as H}from"./form-row-CM112EYF.js";import{M as g}from"./types-BmbYqTX_.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./label-CqmyC9he.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./types-Dx2TtIG9.js";import"./lodash-c4VUpsOs.js";import"./enum-Bnn40S8Q.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./text-B3-TSWok.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./spinner-AWUe4xwQ.js";import"./objectSpread2-DW4nTBoq.js";import"./index-BI4_Bp97.js";import"./badge-CLQ59MDF.js";const Le={title:"Forms/Layout",argTypes:{labelWidth:"text"},args:{small:!1,row:!1,labelLeft:!1,labelWidth:void 0,disabled:!1}},v=t=>{const{small:o,labelLeft:r,labelWidth:a}=t;return e.jsxs(e.Fragment,{children:[e.jsx(s,{label:"Input",helpText:"Some help text",labelLeft:r,labelWidth:a,children:e.jsx(b,{value:"Value",small:o})}),e.jsx(s,{label:"TextArea",helpText:"Some very long help text that needs to have its width constrained so it doesn't look silly",helpTextMaxWidth:200,labelLeft:r,labelWidth:a,children:e.jsx($,{value:"Value"})}),e.jsx(s,{label:"Select (native)",labelLeft:r,labelWidth:a,children:e.jsx(c,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:{label:"Option 2",value:"2"},native:!0,small:o,width:"auto"})}),e.jsx(s,{label:"Select (custom)",labelLeft:r,labelWidth:a,children:e.jsx(c,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:{label:"Option 2",value:"2"},small:o,width:"auto"})}),e.jsx(s,{label:"Select (multi)",labelLeft:r,labelWidth:a,children:e.jsx(c,{options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],value:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],small:o})}),e.jsx(s,{label:"Slider",labelLeft:r,labelWidth:a,children:e.jsx(U,{width:"300px",name:"example",label:"Number of aardvarks",value:35,min:0,max:100,step:1,onChange:()=>{},showArrows:!0,showTooltip:!0,small:o})}),e.jsx(s,{label:"ButtonGroup",labelLeft:r,labelWidth:a,children:e.jsx(N,{items:[{key:"0",label:"Option 1",value:"1"},{key:"1",label:"Option 2",value:"2"}],value:0,small:o})}),e.jsx(s,{label:"InputGroup",labelLeft:r,labelWidth:a,children:e.jsxs(V,{small:o,children:[e.jsx(x,{children:"$"}),e.jsx(b,{name:"example",value:"123",onChange:()=>{}}),e.jsx(x,{children:"each"})]})}),e.jsx(s,{label:"Menu",labelLeft:r,labelWidth:a,children:e.jsx(z,{menu:{label:"Menu",trigger:W.DROP_DOWN_BUTTON,sections:[{type:g.OPTION,label:"Lorem"},{type:g.OPTION,label:"Ipsum"}],small:o}})}),e.jsx(s,{label:"CheckBox",labelLeft:r,labelWidth:a,children:e.jsx(G,{label:"CheckBox",checked:!0,small:o,onChange:()=>{}})}),e.jsx(s,{label:"RadioButton",labelLeft:r,labelWidth:a,children:e.jsx(q,{options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0,small:o})}),e.jsx(s,{label:"Toggle",labelLeft:r,labelWidth:a,children:e.jsx(E,{label:"Toggle",checked:!0,onChange:()=>{},small:o})}),e.jsx(s,{labelLeft:r,labelWidth:a,children:e.jsx(_,{colored:!0,label:"Button",onClick:()=>{},small:o})})]})},l=t=>{const{row:o,disabled:r}=t;return e.jsx(A.Provider,{value:r,children:o?e.jsx(H,{children:v(t)}):v(t)})},u=l.bind({}),n=l.bind({});n.args={small:!0};const i=l.bind({});i.args={labelLeft:!0,labelWidth:100};const d=l.bind({});d.args={row:!0};const m=l.bind({});m.args={row:!0,small:!0};const p=l.bind({});p.args={disabled:!0};var h,w,j;u.parameters={...u.parameters,docs:{...(h=u.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
|
|
2
|
-
const {
|
|
3
|
-
row,
|
|
4
|
-
disabled
|
|
5
|
-
} = args;
|
|
6
|
-
return <DisabledContext.Provider value={disabled}>
|
|
7
|
-
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
8
|
-
</DisabledContext.Provider>;
|
|
9
|
-
}`,...(j=(w=u.parameters)==null?void 0:w.docs)==null?void 0:j.source}}};var f,F,C;n.parameters={...n.parameters,docs:{...(f=n.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
|
|
10
|
-
const {
|
|
11
|
-
row,
|
|
12
|
-
disabled
|
|
13
|
-
} = args;
|
|
14
|
-
return <DisabledContext.Provider value={disabled}>
|
|
15
|
-
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
16
|
-
</DisabledContext.Provider>;
|
|
17
|
-
}`,...(C=(F=n.parameters)==null?void 0:F.docs)==null?void 0:C.source}}};var O,R,T;i.parameters={...i.parameters,docs:{...(O=i.parameters)==null?void 0:O.docs,source:{originalSource:`args => {
|
|
18
|
-
const {
|
|
19
|
-
row,
|
|
20
|
-
disabled
|
|
21
|
-
} = args;
|
|
22
|
-
return <DisabledContext.Provider value={disabled}>
|
|
23
|
-
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
24
|
-
</DisabledContext.Provider>;
|
|
25
|
-
}`,...(T=(R=i.parameters)==null?void 0:R.docs)==null?void 0:T.source}}};var D,S,P;d.parameters={...d.parameters,docs:{...(D=d.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
|
|
26
|
-
const {
|
|
27
|
-
row,
|
|
28
|
-
disabled
|
|
29
|
-
} = args;
|
|
30
|
-
return <DisabledContext.Provider value={disabled}>
|
|
31
|
-
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
32
|
-
</DisabledContext.Provider>;
|
|
33
|
-
}`,...(P=(S=d.parameters)==null?void 0:S.docs)==null?void 0:P.source}}};var k,y,B;m.parameters={...m.parameters,docs:{...(k=m.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
|
|
34
|
-
const {
|
|
35
|
-
row,
|
|
36
|
-
disabled
|
|
37
|
-
} = args;
|
|
38
|
-
return <DisabledContext.Provider value={disabled}>
|
|
39
|
-
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
40
|
-
</DisabledContext.Provider>;
|
|
41
|
-
}`,...(B=(y=m.parameters)==null?void 0:y.docs)==null?void 0:B.source}}};var I,L,M;p.parameters={...p.parameters,docs:{...(I=p.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
|
|
42
|
-
const {
|
|
43
|
-
row,
|
|
44
|
-
disabled
|
|
45
|
-
} = args;
|
|
46
|
-
return <DisabledContext.Provider value={disabled}>
|
|
47
|
-
{row ? <FormRow>{renderFields(args)}</FormRow> : renderFields(args)}
|
|
48
|
-
</DisabledContext.Provider>;
|
|
49
|
-
}`,...(M=(L=p.parameters)==null?void 0:L.docs)==null?void 0:M.source}}};const Me=["Default","Small","LabelsOnLeft","Row","SmallRow","DisabledWithContext"];export{u as Default,p as DisabledWithContext,i as LabelsOnLeft,d as Row,n as Small,m as SmallRow,Me as __namedExportsOrder,Le as default};
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as c}from"./index-DhsZuJvc.js";import{T as d}from"./top-bar-DkXSzzqt.js";import{S as g}from"./side-bar-CSx5wI-k.js";import{H as v}from"./heading-CRNoBc7q.js";import{P as b}from"./page-7SSpdYhb.js";import{R as h,C as o}from"./row-Bmiy2Lh0.js";import{S as x}from"./spacer-BWoNR27H.js";import{T as f}from"./tabs-BoToLVEP.js";import{T as j}from"./table-Cw1-vdpR.js";import"./index-Bk2sglWO.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./common-types-Sih75Sav.js";import"./button-DHevvVBE.js";import"./spinner-AWUe4xwQ.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./actions-D-uVCDzk.js";import"./lodash-c4VUpsOs.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./index-BI4_Bp97.js";import"./drawer-DOWJp9T4.js";import"./help-icon-Buhx5nl6.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./index.es-DazXb-ul.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./memoize-one.esm-CcMeOnPo.js";import"./pagination-DWc8zp3k.js";import"./select-03uRbc4I.js";import"./enum-Bnn40S8Q.js";import"./assertThisInitialized-B9jnkVVz.js";import"./text-B3-TSWok.js";import"./input-DTXbDJaL.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-Dq8zEk7X.js";import"./index-C0x1JmaP.js";import"./index-DRSy5Ssd.js";import"./check-box-DPLaOkRR.js";import"./slider-C7vnj_3M.js";import"./popover-rq33c1W2.js";const T=()=>e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",background:"rgba(0,0,0,0.05)",height:"100%",minHeight:400,textAlign:"center"},children:["CHART ",e.jsx("br",{}),"(fills height, minHeight 400px)"]}),fe={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},a=()=>{const t=[{label:"Monkeys",value:"monkeys"},{label:"Bananas",value:"bananas"},{label:"Squirrels",value:"squirrels"},{label:"Pomegranates",value:"pomegranates"}],[l,m]=c.useState(t[0]);return e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsx(g,{options:{title:"",sections:[]}}),e.jsxs(b,{padding:"var(--padding)",scroll:!0,children:[e.jsx(v,{top:!0,marginBottom:0,children:"Formation Inputs"}),e.jsx(f,{margin:!1,options:t,value:l,onChange:n=>{const{value:p,label:u}=n.target;m({value:p,label:u})}}),e.jsx(x,{}),e.jsxs(h,{flex:!0,children:[e.jsx(o,{width:400,children:e.jsx(j,{table:{headers:[{cells:[{value:"Name"},{value:"Origin"}]}],rows:[{cells:[{value:"Brown rice"},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:"France"}]}]}})}),e.jsx(o,{children:e.jsx(T,{})})]})]})]})};a.__docgenInfo={description:"",methods:[],displayName:"Formation"};var r,s,i;a.parameters={...a.parameters,docs:{...(r=a.parameters)==null?void 0:r.docs,source:{originalSource:`() => {
|
|
2
|
-
const options = [{
|
|
3
|
-
label: 'Monkeys',
|
|
4
|
-
value: 'monkeys'
|
|
5
|
-
}, {
|
|
6
|
-
label: 'Bananas',
|
|
7
|
-
value: 'bananas'
|
|
8
|
-
}, {
|
|
9
|
-
label: 'Squirrels',
|
|
10
|
-
value: 'squirrels'
|
|
11
|
-
}, {
|
|
12
|
-
label: 'Pomegranates',
|
|
13
|
-
value: 'pomegranates'
|
|
14
|
-
}];
|
|
15
|
-
const [selectedTab, setSelectedTab] = useState(options[0]);
|
|
16
|
-
return <>
|
|
17
|
-
<TopBar />
|
|
18
|
-
<SideBar options={{
|
|
19
|
-
title: '',
|
|
20
|
-
sections: []
|
|
21
|
-
}} />
|
|
22
|
-
<Page padding="var(--padding)" scroll>
|
|
23
|
-
<Heading top marginBottom={0}>
|
|
24
|
-
Formation Inputs
|
|
25
|
-
</Heading>
|
|
26
|
-
<Tabs margin={false} options={options} value={selectedTab} onChange={evt => {
|
|
27
|
-
const {
|
|
28
|
-
value,
|
|
29
|
-
label
|
|
30
|
-
} = evt.target;
|
|
31
|
-
setSelectedTab({
|
|
32
|
-
value,
|
|
33
|
-
label
|
|
34
|
-
});
|
|
35
|
-
}} />
|
|
36
|
-
<Spacer />
|
|
37
|
-
<Row flex>
|
|
38
|
-
<Column width={400}>
|
|
39
|
-
<Table table={{
|
|
40
|
-
headers: [{
|
|
41
|
-
cells: [{
|
|
42
|
-
value: 'Name'
|
|
43
|
-
}, {
|
|
44
|
-
value: 'Origin'
|
|
45
|
-
}]
|
|
46
|
-
}],
|
|
47
|
-
rows: [{
|
|
48
|
-
cells: [{
|
|
49
|
-
value: 'Brown rice'
|
|
50
|
-
}, {
|
|
51
|
-
value: 'Vietnam'
|
|
52
|
-
}]
|
|
53
|
-
}, {
|
|
54
|
-
cells: [{
|
|
55
|
-
value: 'Buckwheat'
|
|
56
|
-
}, {
|
|
57
|
-
value: 'Poland'
|
|
58
|
-
}]
|
|
59
|
-
}, {
|
|
60
|
-
cells: [{
|
|
61
|
-
value: 'Couscous'
|
|
62
|
-
}, {
|
|
63
|
-
value: 'France'
|
|
64
|
-
}]
|
|
65
|
-
}]
|
|
66
|
-
}} />
|
|
67
|
-
</Column>
|
|
68
|
-
<Column>
|
|
69
|
-
<ChartPlaceholder />
|
|
70
|
-
</Column>
|
|
71
|
-
</Row>
|
|
72
|
-
</Page>
|
|
73
|
-
</>;
|
|
74
|
-
}`,...(i=(s=a.parameters)==null?void 0:s.docs)==null?void 0:i.source}}};const je=["Formation"];export{a as Formation,je as __namedExportsOrder,fe as default};
|