@oliasoft-open-source/react-ui-library 3.13.0-beta-6 → 3.13.0
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/404.html +1 -0
- package/dist/assets/index.25612ac9.css +28096 -0
- package/dist/assets/index.a0fcc843.js +74913 -0
- package/dist/global.css +28138 -1
- package/dist/index.html +1 -98
- package/dist/storybook/assets/Color-6VNJS4EI.5faf22a9.js +1 -0
- package/dist/storybook/assets/DocsRenderer-NNNQARDV.70d9a51c.js +1 -0
- package/dist/storybook/assets/Lato-Bold.ae88fc0d.woff2 +0 -0
- package/dist/storybook/assets/Lato-BoldItalic.c0916a33.woff2 +0 -0
- package/dist/storybook/assets/Lato-Italic.4465765f.woff2 +0 -0
- package/dist/storybook/assets/Lato-Regular.983b0caf.woff2 +0 -0
- package/dist/storybook/assets/WithTooltip-4HIR6TLV.c3dbfdcf.js +1 -0
- package/dist/storybook/assets/accordion.583b9e87.js +1 -0
- package/dist/storybook/assets/accordion.stories.a62daa62.js +170 -0
- package/dist/storybook/assets/actions.181faed0.js +1 -0
- package/dist/storybook/assets/actions.1c1767c9.css +1 -0
- package/dist/storybook/assets/actions.stories.f388bb7b.js +5 -0
- package/dist/storybook/assets/afe.stories.f43e59d2.js +89 -0
- package/dist/storybook/assets/badge.0f92e7c9.js +1 -0
- package/dist/{assets/badge-71433498.css → storybook/assets/badge.aa4742d6.css} +1 -1
- package/dist/storybook/assets/badge.stories.09c51336.js +9 -0
- package/dist/storybook/assets/blowout.stories.8555029e.js +40 -0
- package/dist/storybook/assets/breadcrumb.stories.154310df.js +5 -0
- package/dist/storybook/assets/button-group.62e79059.js +1 -0
- package/dist/storybook/assets/button-group.stories.868cea64.js +61 -0
- package/dist/{assets/button-2be700ce.css → storybook/assets/button.6bb4f57b.css} +1 -1
- package/dist/storybook/assets/button.a5847ae5.js +1 -0
- package/dist/storybook/assets/button.stories.27af6450.js +131 -0
- package/dist/storybook/assets/buttons-and-links.e160af55.js +14 -0
- package/dist/storybook/assets/card.8a3821be.js +1 -0
- package/dist/storybook/assets/card.stories.617ca9fb.js +11 -0
- package/dist/storybook/assets/casing-loads.stories.99e526e2.js +209 -0
- package/dist/storybook/assets/cell.stories.727f557b.js +208 -0
- package/dist/{assets/check-box-17ef416b.css → storybook/assets/check-box.01bce682.css} +1 -1
- package/dist/storybook/assets/check-box.7a8ba49b.js +1 -0
- package/dist/{assets/check-box.stories-eb80377c.js → storybook/assets/check-box.stories.7357b1dd.js} +3 -3
- package/dist/storybook/assets/chunk-HLWAVYOI.b5463f88.js +1 -0
- package/dist/storybook/assets/clsx.m.b4047539.js +1 -0
- package/dist/storybook/assets/color.bb949f27.js +11 -0
- package/dist/storybook/assets/column.stories.4509a7e3.js +91 -0
- package/dist/storybook/assets/config.4170eff6.js +54 -0
- package/dist/storybook/assets/dialog.7d2ec7bf.js +1 -0
- package/dist/storybook/assets/disabled-context.f2b44977.js +1 -0
- package/dist/storybook/assets/divider.20ce8ba0.js +1 -0
- package/dist/storybook/assets/divider.stories.42ee45ba.js +9 -0
- package/dist/storybook/assets/drawer.689d1d8f.js +5 -0
- package/dist/storybook/assets/drawer.stories.67ce8400.js +105 -0
- package/dist/storybook/assets/empty.stories.d7746e8c.js +5 -0
- package/dist/storybook/assets/field.c30c885b.js +7 -0
- package/dist/storybook/assets/field.stories.1b816375.js +62 -0
- package/dist/storybook/assets/file-input.stories.6b6094bd.js +59 -0
- package/dist/storybook/assets/flex.0003e6fb.js +1 -0
- package/dist/storybook/assets/flex.stories.74298645.js +15 -0
- package/dist/storybook/assets/footer.stories.1a38d1de.js +5 -0
- package/dist/storybook/assets/form-row.62f9b497.js +1 -0
- package/dist/storybook/assets/form.stories.4698708f.js +49 -0
- package/dist/storybook/assets/formation.stories.5bcc8c17.js +74 -0
- package/dist/{assets/formatter-SWP5E3XI-6c51032f.js → storybook/assets/formatter-SWP5E3XI.b09a18db.js} +8 -8
- package/dist/storybook/assets/grid.f42ec2d0.js +15 -0
- package/dist/storybook/assets/grid.stories.afb5ac88.js +13 -0
- package/dist/{assets/heading-ac9164cb.css → storybook/assets/heading.73ccb489.css} +1 -1
- package/dist/storybook/assets/heading.8dbffdbe.js +1 -0
- package/dist/storybook/assets/heading.stories.39d47b0d.js +15 -0
- package/dist/storybook/assets/help-icon.ef78ffcd.js +1 -0
- package/dist/storybook/assets/help-icon.stories.a6bfdfbb.js +16 -0
- package/dist/storybook/assets/hoist-non-react-statics.cjs.10bac274.js +8 -0
- package/dist/storybook/assets/icon.e3eba0d8.js +5 -0
- package/dist/storybook/assets/icon.stories.742ad9bc.js +20 -0
- package/dist/storybook/assets/icons8-junction.d57c510c.js +1 -0
- package/dist/storybook/assets/iframe.4e6a05b8.js +1 -0
- package/dist/{assets/immer.esm-5c06d4d0.js → storybook/assets/immer.esm.771c80b7.js} +1 -1
- package/dist/{assets/index-5cdc9468.js → storybook/assets/index.24227caa.js} +1 -1
- package/dist/storybook/assets/index.3a536397.js +23 -0
- package/dist/storybook/assets/index.55214191.js +5 -0
- package/dist/storybook/assets/index.73b4811b.js +1 -0
- package/dist/{assets/index-f80c8c95.js → storybook/assets/index.8c7046c4.js} +3 -3
- package/dist/storybook/assets/index.9527c764.js +8 -0
- package/dist/storybook/assets/index.95eaf8c8.js +1 -0
- package/dist/storybook/assets/index.c3ebe287.js +1 -0
- package/dist/storybook/assets/index.cb7dd26b.js +366 -0
- package/dist/storybook/assets/index.cb879655.js +1 -0
- package/dist/storybook/assets/index.es.724dbd7e.js +79 -0
- package/dist/storybook/assets/input-group-addon.cf112763.js +1 -0
- package/dist/storybook/assets/input-group.655b5741.js +1 -0
- package/dist/{assets/input-group.stories-bf2513b1.js → storybook/assets/input-group.stories.de5335d3.js} +17 -17
- package/dist/storybook/assets/input-validation.22d0c40d.js +26 -0
- package/dist/storybook/assets/input.fc19e03b.js +1 -0
- package/dist/storybook/assets/input.stories.97869383.js +21 -0
- package/dist/storybook/assets/inputs.c953f359.js +62 -0
- package/dist/storybook/assets/jsx-runtime.bc0b5389.js +8 -0
- package/dist/storybook/assets/label.5f35b9cc.js +7 -0
- package/dist/storybook/assets/label.stories.40321f05.js +21 -0
- package/dist/storybook/assets/layout-forms.0bd3163b.js +16 -0
- package/dist/storybook/assets/layout-general.8172511b.js +35 -0
- package/dist/{assets/list-heading-6e01443b.css → storybook/assets/list-heading.0b169dd3.css} +1 -1
- package/dist/storybook/assets/list-heading.e7f3e9ec.js +1 -0
- package/dist/storybook/assets/list.eee26d12.js +8 -0
- package/dist/storybook/assets/list.stories-data.181830b6.js +1 -0
- package/dist/storybook/assets/list.stories.ba9506ba.js +483 -0
- package/dist/storybook/assets/loader.stories.521a96c2.js +97 -0
- package/dist/{assets/loader-e63e6355.css → storybook/assets/loader.stories.a3325b3b.css} +1 -1
- package/dist/storybook/assets/lodash.96de7017.js +27 -0
- package/dist/storybook/assets/logo.2108d336.js +1 -0
- package/dist/storybook/assets/menu.stories-data.c350571f.js +1 -0
- package/dist/storybook/assets/menu.stories.c976af16.js +60 -0
- package/dist/storybook/assets/message.0759eed3.js +1 -0
- package/dist/storybook/assets/message.stories.01fb38a8.js +273 -0
- package/dist/storybook/assets/modal.stories.aff3243c.js +141 -0
- package/dist/storybook/assets/number-input.42e9e068.js +14 -0
- package/dist/storybook/assets/number-input.stories.bdf66872.js +99 -0
- package/dist/storybook/assets/option-dropdown.stories.4d3bb152.js +21 -0
- package/dist/storybook/assets/page.1059c498.js +1 -0
- package/dist/storybook/assets/page.stories.bd78ccf0.js +46 -0
- package/dist/storybook/assets/pagination.c446262c.js +1 -0
- package/dist/storybook/assets/pagination.stories.357b33cd.js +59 -0
- package/dist/storybook/assets/pop-confirm.stories.0f01c141.js +7 -0
- package/dist/storybook/assets/popover.7a4e027f.js +1 -0
- package/dist/storybook/assets/popover.stories.9f8a3047.js +9 -0
- package/dist/storybook/assets/portal.4865d72e.js +1 -0
- package/dist/storybook/assets/portal.stories.478656fb.js +22 -0
- package/dist/{assets/preview-99060a0f.css → storybook/assets/preview.282104ff.css} +1 -1
- package/dist/storybook/assets/preview.8e41a2dd.js +1 -0
- package/dist/storybook/assets/preview.aff84870.js +1 -0
- package/dist/storybook/assets/preview.f50a636b.js +151 -0
- package/dist/storybook/assets/progress-bar.1782d6d5.js +1 -0
- package/dist/storybook/assets/progress-bar.stories.7aa9265d.js +3 -0
- package/dist/storybook/assets/projects.stories.f550c3a5.js +46 -0
- package/dist/storybook/assets/radio-button.80c92da7.js +1 -0
- package/dist/storybook/assets/radio-button.stories.f76396eb.js +40 -0
- package/dist/storybook/assets/react-16.cfeb2830.js +1 -0
- package/dist/storybook/assets/reservoirs.stories.c920ebe7.js +157 -0
- package/dist/storybook/assets/rich-text-input.stories.52ee6092.css +1 -0
- package/dist/storybook/assets/rich-text-input.stories.581f8115.js +254 -0
- package/dist/storybook/assets/row.50a144b2.js +39 -0
- package/dist/storybook/assets/row.stories.2846b55e.js +122 -0
- package/dist/storybook/assets/select.1f357eba.js +1 -0
- package/dist/{assets/select-1d89adb8.css → storybook/assets/select.e0d41c57.css} +1 -1
- package/dist/storybook/assets/select.input.1214f7f4.js +1 -0
- package/dist/{assets/select.stories-7142b54a.js → storybook/assets/select.stories.ede87513.js} +49 -49
- package/dist/storybook/assets/side-bar.a70a3de6.js +1 -0
- package/dist/storybook/assets/side-bar.stories.8c0d6932.js +3 -0
- package/dist/storybook/assets/site.stories.ee0057af.js +167 -0
- package/dist/storybook/assets/slider.32b8bfb5.js +8 -0
- package/dist/storybook/assets/slider.stories.3760ea3d.js +127 -0
- package/dist/storybook/assets/spacer.23f7eb76.js +1 -0
- package/dist/storybook/assets/spacer.stories.32f9fd43.js +7 -0
- package/dist/storybook/assets/spinner.bd672879.js +1 -0
- package/dist/storybook/assets/spinner.stories.b40af7fd.js +8 -0
- package/dist/storybook/assets/styled-components.browser.esm.f7d36c01.js +4 -0
- package/dist/storybook/assets/syntaxhighlighter-NMPM6SWI.c420b71e.js +1 -0
- package/dist/storybook/assets/table.a495eefa.js +1 -0
- package/dist/storybook/assets/table.e0c15bbd.css +1 -0
- package/dist/storybook/assets/table.stories-data.68d2b2e1.js +1 -0
- package/dist/storybook/assets/table.stories.89f67cc2.js +576 -0
- package/dist/{assets/tabs-633ac3c9.css → storybook/assets/tabs.3dbf724d.css} +1 -1
- package/dist/storybook/assets/tabs.3f9fb5c5.js +1 -0
- package/dist/storybook/assets/tabs.stories.a6682250.js +40 -0
- package/dist/storybook/assets/text-link.stories.4e9991e8.js +5 -0
- package/dist/storybook/assets/text.dbb2d441.js +1 -0
- package/dist/storybook/assets/text.stories.edaf6505.js +7 -0
- package/dist/storybook/assets/textarea.0b7740af.js +1 -0
- package/dist/storybook/assets/textarea.stories.6849fcf3.js +11 -0
- package/dist/{assets/title.stories-13c97b63.js → storybook/assets/title.stories.55b2d9fc.js} +4 -4
- package/dist/storybook/assets/toaster.0a7aebe0.js +1 -0
- package/dist/storybook/assets/toaster.3543881d.js +1 -0
- package/dist/storybook/assets/toaster.stories.ce0cf67c.js +34 -0
- package/dist/storybook/assets/toggle.3c444612.js +1 -0
- package/dist/{assets/toggle.stories-8a3f9453.js → storybook/assets/toggle.stories.d02d171f.js} +8 -9
- package/dist/storybook/assets/tooltip.c75d575a.js +26 -0
- package/dist/storybook/assets/tooltip.stories.b42b9f00.js +17 -0
- package/dist/storybook/assets/tooltip.test-case.stories.012e327b.js +3 -0
- package/dist/{assets/top-bar-e0b5a720.css → storybook/assets/top-bar.3d7158ba.css} +1 -1
- package/dist/storybook/assets/top-bar.f14de3f2.js +1 -0
- package/dist/storybook/assets/top-bar.stories.a00d1698.js +4 -0
- package/dist/storybook/assets/top-bar.testcase.stories.b4885e2d.js +30 -0
- package/dist/storybook/assets/tree.stories.71b0ca1f.js +120 -0
- package/dist/storybook/assets/types.c5a118de.js +1 -0
- package/dist/{iframe.html → storybook/iframe.html} +2 -2
- package/dist/storybook/index.html +98 -0
- package/dist/storybook/index.json +1 -0
- package/dist/{project.json → storybook/project.json} +1 -1
- package/dist/{sb-addons → storybook/sb-addons}/actions-0/manager-bundle.js +1 -1
- package/dist/storybook/stories.json +1 -0
- package/package.json +1 -1
- package/dist/assets/Color-6VNJS4EI-88123a60.js +0 -1
- package/dist/assets/DocsRenderer-NNNQARDV-fea2ffb7.js +0 -1
- package/dist/assets/WithTooltip-4HIR6TLV-1697f343.js +0 -1
- package/dist/assets/accordion-1d9c892f.js +0 -1
- package/dist/assets/accordion.stories-3f60f741.js +0 -170
- package/dist/assets/actions-7f26d646.js +0 -1
- package/dist/assets/actions-e1c5ac61.css +0 -1
- package/dist/assets/actions.stories-25440954.js +0 -1
- package/dist/assets/afe.stories-e907046f.js +0 -89
- package/dist/assets/assertThisInitialized-081f9914.js +0 -1
- package/dist/assets/badge-2efb26e1.js +0 -1
- package/dist/assets/badge.stories-acf9b7d1.js +0 -1
- package/dist/assets/blowout.stories-4a114f9a.js +0 -40
- package/dist/assets/breadcrumb.stories-136b2054.js +0 -1
- package/dist/assets/button-a7e4e1fa.js +0 -1
- package/dist/assets/button-group-79f38dcc.js +0 -1
- package/dist/assets/button-group.stories-9f72c23d.js +0 -61
- package/dist/assets/button.stories-0bc50414.js +0 -51
- package/dist/assets/buttons-and-links-2869f65a.js +0 -14
- package/dist/assets/card-3e67b904.js +0 -1
- package/dist/assets/card.stories-dab38b95.js +0 -1
- package/dist/assets/casing-loads.stories-bd05ac2a.js +0 -209
- package/dist/assets/cell.stories-5917911e.js +0 -208
- package/dist/assets/check-box-b6e88d91.js +0 -1
- package/dist/assets/chunk-HLWAVYOI-ee84fe43.js +0 -1
- package/dist/assets/color-0c7a9b2e.js +0 -11
- package/dist/assets/column.stories-16d58724.js +0 -79
- package/dist/assets/common-types-3a5f9d98.js +0 -1
- package/dist/assets/config-7bd8e990.js +0 -54
- package/dist/assets/dialog-21649b7a.js +0 -1
- package/dist/assets/disabled-context-d654f6ff.js +0 -1
- package/dist/assets/divider-fb60bbde.js +0 -1
- package/dist/assets/divider.stories-bcefaa9e.js +0 -1
- package/dist/assets/drawer-182b490e.js +0 -3
- package/dist/assets/drawer.stories-4ebaf642.js +0 -109
- package/dist/assets/empty.stories-b70294c2.js +0 -1
- package/dist/assets/field-2ae2bd3e.js +0 -7
- package/dist/assets/field.stories-3d20e748.js +0 -44
- package/dist/assets/file-input.stories-e3fa9b27.js +0 -55
- package/dist/assets/flex-4bc3b694.js +0 -1
- package/dist/assets/flex.stories-56c8527b.js +0 -15
- package/dist/assets/footer.stories-bfe45d42.js +0 -3
- package/dist/assets/form-row-e13cb51c.js +0 -1
- package/dist/assets/form.stories-0b9f93ab.js +0 -49
- package/dist/assets/formation.stories-4d7793ef.js +0 -74
- package/dist/assets/grid-958a766c.js +0 -15
- package/dist/assets/grid.stories-d4ee4809.js +0 -13
- package/dist/assets/heading-5d5cbb6f.js +0 -1
- package/dist/assets/heading.stories-b6654e27.js +0 -15
- package/dist/assets/help-icon-e6604019.js +0 -1
- package/dist/assets/help-icon.stories-6c579003.js +0 -4
- package/dist/assets/hoist-non-react-statics.cjs-cd4c875b.js +0 -8
- package/dist/assets/icon-bb00eeb9.js +0 -8
- package/dist/assets/icon.stories-da83ed77.js +0 -6
- package/dist/assets/icons8-junction-3a487c26.js +0 -1
- package/dist/assets/iframe-977eb430.js +0 -1
- package/dist/assets/index-12cc7b4d.js +0 -364
- package/dist/assets/index-46b5be7e.js +0 -1
- package/dist/assets/index-54f0d271.js +0 -1
- package/dist/assets/index-64d4dcb8.js +0 -23
- package/dist/assets/index-97a99495.js +0 -8
- package/dist/assets/index-a80ed1cf.js +0 -5
- package/dist/assets/index-c7f280f6.js +0 -1
- package/dist/assets/index-c89a1915.js +0 -1
- package/dist/assets/index.es-cc11f36c.js +0 -79
- package/dist/assets/inheritsLoose-d4851ab8.js +0 -1
- package/dist/assets/input-b46bef9b.js +0 -1
- package/dist/assets/input-group-0ccd8ab2.js +0 -1
- package/dist/assets/input-group-addon-9c5ee64d.js +0 -1
- package/dist/assets/input-validation-df37df6b.js +0 -26
- package/dist/assets/input.stories-e73381e0.js +0 -17
- package/dist/assets/inputs-37272ef6.js +0 -62
- package/dist/assets/jsx-runtime-f961835c.js +0 -8
- package/dist/assets/label-4b8583ea.js +0 -7
- package/dist/assets/label.stories-f9340476.js +0 -11
- package/dist/assets/layout-forms-99715e88.js +0 -16
- package/dist/assets/layout-general-06429388.js +0 -35
- package/dist/assets/list-a4e1fe84.js +0 -8
- package/dist/assets/list-heading-0f59017c.js +0 -1
- package/dist/assets/list.stories-5a4c5082.js +0 -455
- package/dist/assets/list.stories-data-ade13aa1.js +0 -1
- package/dist/assets/loader-54efe57c.js +0 -1
- package/dist/assets/loader.stories-fcfaa8ba.js +0 -83
- package/dist/assets/lodash-75c70a11.js +0 -27
- package/dist/assets/logo-8068ccfc.js +0 -1
- package/dist/assets/menu.stories-32bf568b.js +0 -60
- package/dist/assets/menu.stories-data-5b2403ee.js +0 -1
- package/dist/assets/message-1ae54f21.js +0 -1
- package/dist/assets/message.stories-ba0f5962.js +0 -273
- package/dist/assets/modal.stories-f2f0247c.js +0 -141
- package/dist/assets/number-input-0b915316.js +0 -14
- package/dist/assets/number-input.stories-db5e057c.js +0 -81
- package/dist/assets/objectSpread2-fdee9b6d.js +0 -1
- package/dist/assets/option-dropdown.stories-a954a6eb.js +0 -21
- package/dist/assets/page-1a36abc8.js +0 -1
- package/dist/assets/page.stories-cc4335af.js +0 -57
- package/dist/assets/pagination-67e45ad2.js +0 -1
- package/dist/assets/pagination.stories-fe81c905.js +0 -59
- package/dist/assets/pop-confirm.stories-df764cfd.js +0 -7
- package/dist/assets/popover-deb55aea.js +0 -1
- package/dist/assets/popover.stories-0438d0eb.js +0 -1
- package/dist/assets/portal-c06d6787.js +0 -1
- package/dist/assets/portal.stories-28b314a5.js +0 -20
- package/dist/assets/preview-29b67ac4.js +0 -1
- package/dist/assets/preview-71297055.js +0 -3
- package/dist/assets/preview-bed967c6.js +0 -1
- package/dist/assets/progress-bar-40b8dbf0.js +0 -1
- package/dist/assets/progress-bar.stories-bcf87835.js +0 -1
- package/dist/assets/projects.stories-3d4392cd.js +0 -46
- package/dist/assets/radio-button-673f6757.js +0 -1
- package/dist/assets/radio-button.stories-bb2a4dcc.js +0 -31
- package/dist/assets/react-16-56d53a63.js +0 -1
- package/dist/assets/redux-10ee6be7.js +0 -1
- package/dist/assets/reservoirs.stories-2dc10398.js +0 -157
- package/dist/assets/rich-text-input.stories-683b1e08.css +0 -1
- package/dist/assets/rich-text-input.stories-6b75d4f1.js +0 -255
- package/dist/assets/row-18fba056.js +0 -39
- package/dist/assets/row.stories-fe30347a.js +0 -122
- package/dist/assets/select-63fb21a5.js +0 -1
- package/dist/assets/select.input-88b6ebab.js +0 -1
- package/dist/assets/side-bar-b5f6fafc.js +0 -1
- package/dist/assets/side-bar.stories-0ea486c6.js +0 -1
- package/dist/assets/site.stories-fedacb0f.js +0 -167
- package/dist/assets/slider-0dae0ace.js +0 -7
- package/dist/assets/slider.stories-8431d635.js +0 -127
- package/dist/assets/spacer-b33ecb12.js +0 -1
- package/dist/assets/spacer.stories-c3891d24.js +0 -1
- package/dist/assets/spinner-4948799e.js +0 -1
- package/dist/assets/spinner.stories-4c0e6c6a.js +0 -6
- package/dist/assets/styled-components.browser.esm-a7da2f18.js +0 -12
- package/dist/assets/syntaxhighlighter-NMPM6SWI-36863de8.js +0 -1
- package/dist/assets/table-c1a1665f.js +0 -1
- package/dist/assets/table-fc60163a.css +0 -1
- package/dist/assets/table.stories-data-435da5fd.js +0 -1
- package/dist/assets/table.stories-f8c579b4.js +0 -581
- package/dist/assets/tabs-665566e2.js +0 -1
- package/dist/assets/tabs.stories-837c12ad.js +0 -30
- package/dist/assets/text-78efb253.js +0 -1
- package/dist/assets/text-link.stories-aa9527a2.js +0 -1
- package/dist/assets/text.stories-77c9e317.js +0 -1
- package/dist/assets/textarea-5c9f1957.js +0 -1
- package/dist/assets/textarea.stories-812ec950.js +0 -9
- package/dist/assets/toaster-360d1c11.js +0 -1
- package/dist/assets/toaster.stories-ad826ce8.js +0 -34
- package/dist/assets/toggle-e193dcc8.js +0 -1
- package/dist/assets/tooltip-b72c7394.js +0 -26
- package/dist/assets/tooltip.stories-3f29f711.js +0 -17
- package/dist/assets/tooltip.test-case.stories-f414e074.js +0 -3
- package/dist/assets/top-bar-68696a1c.js +0 -1
- package/dist/assets/top-bar.stories-8dfc7d2d.js +0 -1
- package/dist/assets/top-bar.testcase.stories-2bb9667b.js +0 -30
- package/dist/assets/tree.stories-7289829b.js +0 -128
- package/dist/assets/types-332ceaf3.js +0 -1
- package/dist/assets/types-cc224262.js +0 -1
- package/dist/index.json +0 -1
- package/dist/stories.json +0 -1
- /package/dist/assets/{Lato-Bold-ae88fc0d.woff2 → Lato-Bold.ae88fc0d.woff2} +0 -0
- /package/dist/assets/{Lato-BoldItalic-c0916a33.woff2 → Lato-BoldItalic.c0916a33.woff2} +0 -0
- /package/dist/assets/{Lato-Italic-4465765f.woff2 → Lato-Italic.4465765f.woff2} +0 -0
- /package/dist/assets/{Lato-Regular-983b0caf.woff2 → Lato-Regular.983b0caf.woff2} +0 -0
- /package/dist/{assets/accordion-525b2fab.css → storybook/assets/accordion.525b2fab.css} +0 -0
- /package/dist/{assets/accordion.stories-ac37cb89.css → storybook/assets/accordion.stories.ac37cb89.css} +0 -0
- /package/dist/{assets/breadcrumb.stories-ec30543a.css → storybook/assets/breadcrumb.stories.ec30543a.css} +0 -0
- /package/dist/{assets/button-group-2c67f8a4.css → storybook/assets/button-group.2c67f8a4.css} +0 -0
- /package/dist/{assets/card-1c1f9162.css → storybook/assets/card.1c1f9162.css} +0 -0
- /package/dist/{assets/dialog-4e7f29a6.css → storybook/assets/dialog.4e7f29a6.css} +0 -0
- /package/dist/{assets/divider-662a7bed.css → storybook/assets/divider.662a7bed.css} +0 -0
- /package/dist/{assets/drawer-112c042f.css → storybook/assets/drawer.112c042f.css} +0 -0
- /package/dist/{assets/empty.stories-628b1f43.css → storybook/assets/empty.stories.628b1f43.css} +0 -0
- /package/dist/{assets/field-bc01d139.css → storybook/assets/field.bc01d139.css} +0 -0
- /package/dist/{assets/file-input.stories-f40408e6.css → storybook/assets/file-input.stories.f40408e6.css} +0 -0
- /package/dist/{assets/form-row-62481e7e.css → storybook/assets/form-row.62481e7e.css} +0 -0
- /package/dist/{assets/help-icon-191ef5ef.css → storybook/assets/help-icon.191ef5ef.css} +0 -0
- /package/dist/{assets/icon-678900bc.css → storybook/assets/icon.678900bc.css} +0 -0
- /package/dist/{assets/icons8-junction-2d176da1.svg → storybook/assets/icons8-junction.2d176da1.svg} +0 -0
- /package/dist/{assets/input-group-addon-1b2fe0a2.css → storybook/assets/input-group-addon.1b2fe0a2.css} +0 -0
- /package/dist/{assets/input-group-21ee5488.css → storybook/assets/input-group.21ee5488.css} +0 -0
- /package/dist/{assets/input-6e66348d.css → storybook/assets/input.6e66348d.css} +0 -0
- /package/dist/{assets/label-858be3a9.css → storybook/assets/label.858be3a9.css} +0 -0
- /package/dist/{assets/logo-0bd264c0.svg → storybook/assets/logo.0bd264c0.svg} +0 -0
- /package/dist/{assets/memoize-one.esm-52518564.js → storybook/assets/memoize-one.esm.7a54f149.js} +0 -0
- /package/dist/{assets/message-be82e7d4.css → storybook/assets/message.be82e7d4.css} +0 -0
- /package/dist/{assets/option-dropdown.stories-ed561ab5.css → storybook/assets/option-dropdown.stories.ed561ab5.css} +0 -0
- /package/dist/{assets/page-2695c4f2.css → storybook/assets/page.2695c4f2.css} +0 -0
- /package/dist/{assets/page.stories-dd8c1b35.css → storybook/assets/page.stories.dd8c1b35.css} +0 -0
- /package/dist/{assets/pagination-94a8083b.css → storybook/assets/pagination.94a8083b.css} +0 -0
- /package/dist/{assets/pop-confirm.stories-987a0dbc.css → storybook/assets/pop-confirm.stories.987a0dbc.css} +0 -0
- /package/dist/{assets/popover-e1591e30.css → storybook/assets/popover.e1591e30.css} +0 -0
- /package/dist/{assets/progress-bar-ab07ff52.css → storybook/assets/progress-bar.ab07ff52.css} +0 -0
- /package/dist/{assets/radio-button-6e83a3d2.css → storybook/assets/radio-button.6e83a3d2.css} +0 -0
- /package/dist/{assets/row-8eeaa564.css → storybook/assets/row.8eeaa564.css} +0 -0
- /package/dist/{assets/side-bar-04dfa34e.css → storybook/assets/side-bar.04dfa34e.css} +0 -0
- /package/dist/{assets/slider-876efa63.css → storybook/assets/slider.876efa63.css} +0 -0
- /package/dist/{assets/spinner-9cd41d19.css → storybook/assets/spinner.9cd41d19.css} +0 -0
- /package/dist/{assets/text-449f16cc.css → storybook/assets/text.449f16cc.css} +0 -0
- /package/dist/{assets/textarea-e4db0752.css → storybook/assets/textarea.e4db0752.css} +0 -0
- /package/dist/{assets/toaster-41028eac.css → storybook/assets/toaster.41028eac.css} +0 -0
- /package/dist/{assets/toggle-c2bbeb51.css → storybook/assets/toggle.c2bbeb51.css} +0 -0
- /package/dist/{assets/tooltip-bdf67884.css → storybook/assets/tooltip.bdf67884.css} +0 -0
- /package/dist/{assets/tree.stories-154364be.css → storybook/assets/tree.stories.154364be.css} +0 -0
- /package/dist/{favicon.svg → storybook/favicon.svg} +0 -0
- /package/dist/{sb-addons → storybook/sb-addons}/actions-0/manager-bundle.js.LEGAL.txt +0 -0
- /package/dist/{sb-addons → storybook/sb-addons}/storybook-dark-mode-esm-preset-1/manager-bundle.js +0 -0
- /package/dist/{sb-addons → storybook/sb-addons}/storybook-dark-mode-esm-preset-1/manager-bundle.js.LEGAL.txt +0 -0
- /package/dist/{sb-common-assets → storybook/sb-common-assets}/fonts.css +0 -0
- /package/dist/{sb-common-assets → storybook/sb-common-assets}/nunito-sans-bold-italic.woff2 +0 -0
- /package/dist/{sb-common-assets → storybook/sb-common-assets}/nunito-sans-bold.woff2 +0 -0
- /package/dist/{sb-common-assets → storybook/sb-common-assets}/nunito-sans-italic.woff2 +0 -0
- /package/dist/{sb-common-assets → storybook/sb-common-assets}/nunito-sans-regular.woff2 +0 -0
- /package/dist/{sb-manager → storybook/sb-manager}/WithTooltip-4HIR6TLV-L6ICANXH.js +0 -0
- /package/dist/{sb-manager → storybook/sb-manager}/chunk-5AW67ZFX.js +0 -0
- /package/dist/{sb-manager → storybook/sb-manager}/chunk-AOJK37XK.js +0 -0
- /package/dist/{sb-manager → storybook/sb-manager}/chunk-OQCANWBN.js +0 -0
- /package/dist/{sb-manager → storybook/sb-manager}/chunk-TCCQ5FBZ.js +0 -0
- /package/dist/{sb-manager → storybook/sb-manager}/chunk-ZEU7PDD3.js +0 -0
- /package/dist/{sb-manager → storybook/sb-manager}/formatter-SWP5E3XI-7BGIK6BL.js +0 -0
- /package/dist/{sb-manager → storybook/sb-manager}/globals.js +0 -0
- /package/dist/{sb-manager → storybook/sb-manager}/index.js +0 -0
- /package/dist/{sb-manager → storybook/sb-manager}/runtime.js +0 -0
- /package/dist/{sb-manager → storybook/sb-manager}/syntaxhighlighter-NMPM6SWI-WFK223KV.js +0 -0
- /package/dist/{sb-preview → storybook/sb-preview}/globals.js +0 -0
- /package/dist/{sb-preview → storybook/sb-preview}/runtime.js +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{c as l}from"./index-a80ed1cf.js";import{P as g}from"./portal-c06d6787.js";import{r as j}from"./index-f80c8c95.js";import{l as x}from"./lodash-75c70a11.js";import{I as h}from"./common-types-3a5f9d98.js";import{H as y}from"./heading-5d5cbb6f.js";import{I as v}from"./icon-bb00eeb9.js";const N="_wrapper_1p5vo_341",w="_contentContainer_1p5vo_355",C="_centered_1p5vo_367",I="_newLine_1p5vo_371",i={wrapper:N,contentContainer:w,centered:C,newLine:I},k=({children:t})=>e.jsx("div",{className:l(i.wrapper),children:t}),b=({children:t,width:n,centered:o})=>e.jsx("div",{className:l(i.contentContainer,o?i.centered:""),style:{maxWidth:n},children:t}),m=({children:t,visible:n=!1,centered:o=!1,width:r="100%"})=>e.jsxs(e.Fragment,{children:[e.jsx(g,{id:"modalContainer",children:n?e.jsx(k,{children:e.jsx(b,{width:r,centered:o,children:t})}):null}),e.jsx("div",{id:"modalContainer"})]});try{m.displayName="Modal",m.__docgenInfo={description:"",displayName:"Modal",props:{visible:{defaultValue:{value:"false"},description:"",name:"visible",required:!1,type:{name:"boolean"}},centered:{defaultValue:{value:"false"},description:"",name:"centered",required:!1,type:{name:"boolean"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}const D="_dialog_11kaj_1",q="_inline_11kaj_19",E="_scroll_11kaj_22",L="_header_11kaj_25",M="_dismiss_11kaj_33",V="_content_11kaj_44",$="_footer_11kaj_53",s={dialog:D,inline:q,scroll:E,header:L,dismiss:M,content:V,footer:$},P=t=>x.isArray(t)?t.map((n,o)=>e.jsxs(j.Fragment,{children:[n," ",e.jsx("br",{})]},o)):t,_=({dialog:t})=>{const{heading:n,content:o,contentPadding:r=20,footer:d,scroll:f,width:c,height:u,onClose:p,testId:a}=t;return e.jsxs("div",{className:l(s.dialog,c?s.inline:null,f?s.scroll:null),style:{width:c,height:u},"data-testid":a??null,children:[e.jsxs("div",{className:s.header,children:[e.jsx(y,{testId:a&&`${a}-heading`,top:!0,marginBottom:0,children:n}),p?e.jsx("div",{className:s.dismiss,children:e.jsx(v,{icon:h.CLOSE,onClick:p})}):null]}),e.jsx("div",{"data-testid":a&&`${a}-content`,className:s.content,style:{padding:r},children:P(o)}),d&&e.jsx("div",{"data-testid":a&&`${a}-footer`,className:s.footer,children:d})]})};try{_.displayName="Dialog",_.__docgenInfo={description:"",displayName:"Dialog",props:{dialog:{defaultValue:null,description:"",name:"dialog",required:!0,type:{name:"IDialog"}}}}}catch{}export{_ as D,m as M};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{R as t}from"./index-f80c8c95.js";const a=t.createContext(!1);export{a as D};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-f961835c.js";import{A as r}from"./common-types-3a5f9d98.js";import{T as o}from"./text-78efb253.js";const d="_divider_1kl4r_341",g="_alignLeft_1kl4r_352",c="_alignRight_1kl4r_355",i={divider:d,alignLeft:g,alignRight:c},m=e=>{switch(e){case r.LEFT:return i.alignLeft;case r.RIGHT:return i.alignRight;default:return""}},n=({children:e,margin:t=20,color:s="var(--color-border)",align:l=r.CENTER})=>a.jsx("div",{className:`${i.divider} ${m(l)}`,style:{marginTop:t,marginBottom:t,"--color":s},children:typeof e=="string"?a.jsx(o,{muted:!0,children:e}):e});try{n.displayName="Divider",n.__docgenInfo={description:"",displayName:"Divider",props:{margin:{defaultValue:{value:"20"},description:"",name:"margin",required:!1,type:{name:"string | number"}},color:{defaultValue:{value:"var(--color-border)"},description:"",name:"color",required:!1,type:{name:"string"}},align:{defaultValue:{value:"Align.CENTER"},description:"",name:"align",required:!1,type:{name:"string"}}}}}catch{}export{n as D};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-f961835c.js";import{A as T}from"./common-types-3a5f9d98.js";import{T as j}from"./text-78efb253.js";import{D as h}from"./divider-fb60bbde.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";const L={title:"Layout/Divider",component:h,argTypes:{align:{control:{type:"inline-radio"},options:["left","center","right"]}},decorators:[i=>a.jsxs(a.Fragment,{children:["content",i(),"more content"]})],parameters:{docs:{source:{excludeDecorators:!0}}}},t=i=>a.jsx(h,{...i}),o=t.bind({}),r=t.bind({});r.args={children:"Heading",align:T.LEFT};const e=t.bind({});e.args={margin:0};const s=t.bind({});s.args={color:"var(--color-text-success)",children:a.jsx(j,{success:!0,children:"Colored text"}),align:T.LEFT};var c,n,d;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:"args => <Divider {...args} />",...(d=(n=o.parameters)==null?void 0:n.docs)==null?void 0:d.source}}};var m,p,g;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:"args => <Divider {...args} />",...(g=(p=r.parameters)==null?void 0:p.docs)==null?void 0:g.source}}};var l,u,x;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Divider {...args} />",...(x=(u=e.parameters)==null?void 0:u.docs)==null?void 0:x.source}}};var D,f,v;s.parameters={...s.parameters,docs:{...(D=s.parameters)==null?void 0:D.docs,source:{originalSource:"args => <Divider {...args} />",...(v=(f=s.parameters)==null?void 0:f.docs)==null?void 0:v.source}}};const _=["Default","WithText","Margin","CustomColor"];export{s as CustomColor,o as Default,e as Margin,r as WithText,_ as __namedExportsOrder,L as default};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import{j as y}from"./jsx-runtime-f961835c.js";import{a as it,r as q}from"./index-f80c8c95.js";import{c as ie}from"./index-a80ed1cf.js";import{I as we,B as st}from"./common-types-3a5f9d98.js";import{B as lt}from"./badge-2efb26e1.js";import{l as ut}from"./lodash-75c70a11.js";import{p as le}from"./index-c89a1915.js";import{r as Fe}from"./index-64d4dcb8.js";import{I as ct}from"./icon-bb00eeb9.js";import{B as dt}from"./button-a7e4e1fa.js";const ft="_inputInTable_iomrv_341",pt="_inputHover_iomrv_350",ht="_inputFocus_iomrv_355",mt="_inputError_iomrv_362",gt="_inputWarning_iomrv_363",vt="_inputDisabled_iomrv_398",yt="_hideScrollbars_iomrv_403",bt="_inline_iomrv_425",_t="_left_iomrv_428",St="_right_iomrv_431",wt="_fixed_iomrv_434",Ot="_border_iomrv_446",Dt="_shadow_iomrv_452",Pt="_drawerContent_iomrv_455",xt="_isResizing_iomrv_467",Rt="_toggleButton_iomrv_478",Tt="_top_iomrv_491",Ct="_bottom_iomrv_494",zt="_toggleButtonOpen_iomrv_497",Nt="_tabs_iomrv_500",Mt="_tab_iomrv_500",Et="_active_iomrv_532",Wt="_tabsContent_iomrv_554",Ht="_resizeHandle_iomrv_560",w={inputInTable:ft,inputHover:pt,inputFocus:ht,inputError:mt,inputWarning:gt,inputDisabled:vt,hideScrollbars:yt,inline:bt,left:_t,right:St,fixed:wt,border:Ot,shadow:Dt,drawerContent:Pt,isResizing:xt,toggleButton:Rt,top:Tt,bottom:Ct,toggleButtonOpen:zt,tabs:Nt,tab:Mt,active:Et,tabsContent:Wt,resizeHandle:Ht},qt=({badge:e,children:t})=>e?y.jsx(lt,{small:!0,title:e.toString(),children:t}):y.jsx(y.Fragment,{children:t}),Oe=({tabs:e,activeTab:t,open:r,background:n,handleTabClick:a,width:o,testId:i})=>y.jsxs(y.Fragment,{children:[y.jsx("div",{className:w.tabs,children:e.map((s,l)=>y.jsx("div",{className:ie(w.tab,t===l&&r?w.active:""),style:{background:n},onClick:()=>a(l),"data-testid":i&&`${i}-icon-${l}`,children:y.jsx(qt,{badge:s.badge,children:s.icon})},l))}),e.map((s,l)=>{const m=t===l;return y.jsx("div",{style:{width:typeof o=="number"?`${o}px`:o},className:w.tabsContent,"data-testid":i&&`${i}-content-${l}`,children:m&&r&&s.content},l)})]});try{Oe.displayName="DrawerTabs",Oe.__docgenInfo={description:"",displayName:"DrawerTabs",props:{tabs:{defaultValue:null,description:"",name:"tabs",required:!0,type:{name:"IDrawerTab[]"}},activeTab:{defaultValue:null,description:"",name:"activeTab",required:!0,type:{name:"number"}},open:{defaultValue:null,description:"",name:"open",required:!0,type:{name:"boolean"}},background:{defaultValue:null,description:"",name:"background",required:!0,type:{name:"string"}},handleTabClick:{defaultValue:null,description:"",name:"handleTabClick",required:!0,type:{name:"(index: number) => void"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"string | number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var ze={exports:{}},ee={},ue={exports:{}},Ue={};function Le(e){var t,r,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=Le(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function Ve(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=Le(e))&&(n&&(n+=" "),n+=t);return n}const $t=Object.freeze(Object.defineProperty({__proto__:null,clsx:Ve,default:Ve},Symbol.toStringTag,{value:"Module"})),Vt=it($t);var b={},$={};Object.defineProperty($,"__esModule",{value:!0});$.dontSetMe=Xt;$.findInArray=At;$.int=jt;$.isFunction=It;$.isNum=Bt;function At(e,t){for(let r=0,n=e.length;r<n;r++)if(t.apply(t,[e[r],r,e]))return e[r]}function It(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Function]"}function Bt(e){return typeof e=="number"&&!isNaN(e)}function jt(e){return parseInt(e,10)}function Xt(e,t,r){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(r," - do not set this, set it on the child."))}var F={};Object.defineProperty(F,"__esModule",{value:!0});F.browserPrefixToKey=Ge;F.browserPrefixToStyle=Yt;F.default=void 0;F.getPrefix=ke;const ve=["Moz","Webkit","O","ms"];function ke(){var e;let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const r=(e=window.document)===null||e===void 0||(e=e.documentElement)===null||e===void 0?void 0:e.style;if(!r||t in r)return"";for(let n=0;n<ve.length;n++)if(Ge(t,ve[n])in r)return ve[n];return""}function Ge(e,t){return t?"".concat(t).concat(Ft(e)):e}function Yt(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e}function Ft(e){let t="",r=!0;for(let n=0;n<e.length;n++)r?(t+=e[n].toUpperCase(),r=!1):e[n]==="-"?r=!0:t+=e[n];return t}F.default=ke();Object.defineProperty(b,"__esModule",{value:!0});b.addClassName=Je;b.addEvent=kt;b.addUserSelectStyles=or;b.createCSSTransform=tr;b.createSVGTransform=rr;b.getTouch=nr;b.getTouchIdentifier=ar;b.getTranslation=Ne;b.innerHeight=Jt;b.innerWidth=Qt;b.matchesSelector=Ze;b.matchesSelectorAndParentsTo=Lt;b.offsetXYFromParent=er;b.outerHeight=Kt;b.outerWidth=Zt;b.removeClassName=Qe;b.removeEvent=Gt;b.removeUserSelectStyles=ir;var N=$,Ae=Ut(F);function Ke(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(Ke=function(n){return n?r:t})(e)}function Ut(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=Ke(t);if(r&&r.has(e))return r.get(e);var n={},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(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}let ae="";function Ze(e,t){return ae||(ae=(0,N.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(r){return(0,N.isFunction)(e[r])})),(0,N.isFunction)(e[ae])?e[ae](t):!1}function Lt(e,t,r){let n=e;do{if(Ze(n,t))return!0;if(n===r)return!1;n=n.parentNode}while(n);return!1}function kt(e,t,r,n){if(!e)return;const a={capture:!0,...n};e.addEventListener?e.addEventListener(t,r,a):e.attachEvent?e.attachEvent("on"+t,r):e["on"+t]=r}function Gt(e,t,r,n){if(!e)return;const a={capture:!0,...n};e.removeEventListener?e.removeEventListener(t,r,a):e.detachEvent?e.detachEvent("on"+t,r):e["on"+t]=null}function Kt(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,N.int)(r.borderTopWidth),t+=(0,N.int)(r.borderBottomWidth),t}function Zt(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,N.int)(r.borderLeftWidth),t+=(0,N.int)(r.borderRightWidth),t}function Jt(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,N.int)(r.paddingTop),t-=(0,N.int)(r.paddingBottom),t}function Qt(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,N.int)(r.paddingLeft),t-=(0,N.int)(r.paddingRight),t}function er(e,t,r){const a=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),o=(e.clientX+t.scrollLeft-a.left)/r,i=(e.clientY+t.scrollTop-a.top)/r;return{x:o,y:i}}function tr(e,t){const r=Ne(e,t,"px");return{[(0,Ae.browserPrefixToKey)("transform",Ae.default)]:r}}function rr(e,t){return Ne(e,t,"")}function Ne(e,t,r){let{x:n,y:a}=e,o="translate(".concat(n).concat(r,",").concat(a).concat(r,")");if(t){const i="".concat(typeof t.x=="string"?t.x:t.x+r),s="".concat(typeof t.y=="string"?t.y:t.y+r);o="translate(".concat(i,", ").concat(s,")")+o}return o}function nr(e,t){return e.targetTouches&&(0,N.findInArray)(e.targetTouches,r=>t===r.identifier)||e.changedTouches&&(0,N.findInArray)(e.changedTouches,r=>t===r.identifier)}function ar(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier}function or(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&&Je(e.body,"react-draggable-transparent-selection")}function ir(e){if(e)try{if(e.body&&Qe(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 Je(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function Qe(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}var V={};Object.defineProperty(V,"__esModule",{value:!0});V.canDragX=ur;V.canDragY=cr;V.createCoreData=fr;V.createDraggableData=pr;V.getBoundPosition=sr;V.getControlPosition=dr;V.snapToGrid=lr;var z=$,G=b;function sr(e,t,r){if(!e.props.bounds)return[t,r];let{bounds:n}=e.props;n=typeof n=="string"?n:hr(n);const a=Me(e);if(typeof n=="string"){const{ownerDocument:o}=a,i=o.defaultView;let s;if(n==="parent"?s=a.parentNode:s=o.querySelector(n),!(s instanceof i.HTMLElement))throw new Error('Bounds selector "'+n+'" could not find an element.');const l=s,m=i.getComputedStyle(a),g=i.getComputedStyle(l);n={left:-a.offsetLeft+(0,z.int)(g.paddingLeft)+(0,z.int)(m.marginLeft),top:-a.offsetTop+(0,z.int)(g.paddingTop)+(0,z.int)(m.marginTop),right:(0,G.innerWidth)(l)-(0,G.outerWidth)(a)-a.offsetLeft+(0,z.int)(g.paddingRight)-(0,z.int)(m.marginRight),bottom:(0,G.innerHeight)(l)-(0,G.outerHeight)(a)-a.offsetTop+(0,z.int)(g.paddingBottom)-(0,z.int)(m.marginBottom)}}return(0,z.isNum)(n.right)&&(t=Math.min(t,n.right)),(0,z.isNum)(n.bottom)&&(r=Math.min(r,n.bottom)),(0,z.isNum)(n.left)&&(t=Math.max(t,n.left)),(0,z.isNum)(n.top)&&(r=Math.max(r,n.top)),[t,r]}function lr(e,t,r){const n=Math.round(t/e[0])*e[0],a=Math.round(r/e[1])*e[1];return[n,a]}function ur(e){return e.props.axis==="both"||e.props.axis==="x"}function cr(e){return e.props.axis==="both"||e.props.axis==="y"}function dr(e,t,r){const n=typeof t=="number"?(0,G.getTouch)(e,t):null;if(typeof t=="number"&&!n)return null;const a=Me(r),o=r.props.offsetParent||a.offsetParent||a.ownerDocument.body;return(0,G.offsetXYFromParent)(n||e,o,r.props.scale)}function fr(e,t,r){const n=!(0,z.isNum)(e.lastX),a=Me(e);return n?{node:a,deltaX:0,deltaY:0,lastX:t,lastY:r,x:t,y:r}:{node:a,deltaX:t-e.lastX,deltaY:r-e.lastY,lastX:e.lastX,lastY:e.lastY,x:t,y:r}}function pr(e,t){const r=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/r,y:e.state.y+t.deltaY/r,deltaX:t.deltaX/r,deltaY:t.deltaY/r,lastX:e.state.x,lastY:e.state.y}}function hr(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}function Me(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=mr;function mr(){}Object.defineProperty(ce,"__esModule",{value:!0});ce.default=void 0;var ye=vr(q),T=Ee(le),gr=Ee(Fe),O=b,B=V,be=$,J=Ee(de);function Ee(e){return e&&e.__esModule?e:{default:e}}function et(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(et=function(n){return n?r:t})(e)}function vr(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=et(t);if(r&&r.has(e))return r.get(e);var n={},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(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function x(e,t,r){return t=yr(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function yr(e){var t=br(e,"string");return typeof t=="symbol"?t:String(t)}function br(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;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 j=W.mouse,fe=class extends ye.Component{constructor(){super(...arguments),x(this,"dragging",!1),x(this,"lastX",NaN),x(this,"lastY",NaN),x(this,"touchIdentifier",null),x(this,"mounted",!1),x(this,"handleDragStart",t=>{if(this.props.onMouseDown(t),!this.props.allowAnyClick&&typeof t.button=="number"&&t.button!==0)return!1;const r=this.findDOMNode();if(!r||!r.ownerDocument||!r.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:n}=r;if(this.props.disabled||!(t.target instanceof n.defaultView.Node)||this.props.handle&&!(0,O.matchesSelectorAndParentsTo)(t.target,this.props.handle,r)||this.props.cancel&&(0,O.matchesSelectorAndParentsTo)(t.target,this.props.cancel,r))return;t.type==="touchstart"&&t.preventDefault();const a=(0,O.getTouchIdentifier)(t);this.touchIdentifier=a;const o=(0,B.getControlPosition)(t,a,this);if(o==null)return;const{x:i,y:s}=o,l=(0,B.createCoreData)(this,i,s);(0,J.default)("DraggableCore: handleDragStart: %j",l),(0,J.default)("calling",this.props.onStart),!(this.props.onStart(t,l)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,O.addUserSelectStyles)(n),this.dragging=!0,this.lastX=i,this.lastY=s,(0,O.addEvent)(n,j.move,this.handleDrag),(0,O.addEvent)(n,j.stop,this.handleDragStop))}),x(this,"handleDrag",t=>{const r=(0,B.getControlPosition)(t,this.touchIdentifier,this);if(r==null)return;let{x:n,y:a}=r;if(Array.isArray(this.props.grid)){let s=n-this.lastX,l=a-this.lastY;if([s,l]=(0,B.snapToGrid)(this.props.grid,s,l),!s&&!l)return;n=this.lastX+s,a=this.lastY+l}const o=(0,B.createCoreData)(this,n,a);if((0,J.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=n,this.lastY=a}),x(this,"handleDragStop",t=>{if(!this.dragging)return;const r=(0,B.getControlPosition)(t,this.touchIdentifier,this);if(r==null)return;let{x:n,y:a}=r;if(Array.isArray(this.props.grid)){let l=n-this.lastX||0,m=a-this.lastY||0;[l,m]=(0,B.snapToGrid)(this.props.grid,l,m),n=this.lastX+l,a=this.lastY+m}const o=(0,B.createCoreData)(this,n,a);if(this.props.onStop(t,o)===!1||this.mounted===!1)return!1;const s=this.findDOMNode();s&&this.props.enableUserSelectHack&&(0,O.removeUserSelectStyles)(s.ownerDocument),(0,J.default)("DraggableCore: handleDragStop: %j",o),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,s&&((0,J.default)("DraggableCore: Removing handlers"),(0,O.removeEvent)(s.ownerDocument,j.move,this.handleDrag),(0,O.removeEvent)(s.ownerDocument,j.stop,this.handleDragStop))}),x(this,"onMouseDown",t=>(j=W.mouse,this.handleDragStart(t))),x(this,"onMouseUp",t=>(j=W.mouse,this.handleDragStop(t))),x(this,"onTouchStart",t=>(j=W.touch,this.handleDragStart(t))),x(this,"onTouchEnd",t=>(j=W.touch,this.handleDragStop(t)))}componentDidMount(){this.mounted=!0;const t=this.findDOMNode();t&&(0,O.addEvent)(t,W.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const t=this.findDOMNode();if(t){const{ownerDocument:r}=t;(0,O.removeEvent)(r,W.mouse.move,this.handleDrag),(0,O.removeEvent)(r,W.touch.move,this.handleDrag),(0,O.removeEvent)(r,W.mouse.stop,this.handleDragStop),(0,O.removeEvent)(r,W.touch.stop,this.handleDragStop),(0,O.removeEvent)(t,W.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,O.removeUserSelectStyles)(r)}}findDOMNode(){var t,r;return(t=this.props)!==null&&t!==void 0&&t.nodeRef?(r=this.props)===null||r===void 0||(r=r.nodeRef)===null||r===void 0?void 0:r.current:gr.default.findDOMNode(this)}render(){return ye.cloneElement(ye.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};ce.default=fe;x(fe,"displayName","DraggableCore");x(fe,"propTypes",{allowAnyClick:T.default.bool,children:T.default.node.isRequired,disabled:T.default.bool,enableUserSelectHack:T.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:T.default.arrayOf(T.default.number),handle:T.default.string,cancel:T.default.string,nodeRef:T.default.object,onStart:T.default.func,onDrag:T.default.func,onStop:T.default.func,onMouseDown:T.default.func,scale:T.default.number,className:be.dontSetMe,style:be.dontSetMe,transform:be.dontSetMe});x(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=D(q),r=g(le),n=g(Fe),a=g(Vt),o=b,i=V,s=$,l=g(ce),m=g(de);function g(c){return c&&c.__esModule?c:{default:c}}function _(c){if(typeof WeakMap!="function")return null;var u=new WeakMap,f=new WeakMap;return(_=function(p){return p?f:u})(c)}function D(c,u){if(!u&&c&&c.__esModule)return c;if(c===null||typeof c!="object"&&typeof c!="function")return{default:c};var f=_(u);if(f&&f.has(c))return f.get(c);var p={},v=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var h in c)if(h!=="default"&&Object.prototype.hasOwnProperty.call(c,h)){var C=v?Object.getOwnPropertyDescriptor(c,h):null;C&&(C.get||C.set)?Object.defineProperty(p,h,C):p[h]=c[h]}return p.default=c,f&&f.set(c,p),p}function P(){return P=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},P.apply(this,arguments)}function S(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 R extends t.Component{static getDerivedStateFromProps(u,f){let{position:p}=u,{prevPropsPosition:v}=f;return p&&(!v||p.x!==v.x||p.y!==v.y)?((0,m.default)("Draggable: getDerivedStateFromProps %j",{position:p,prevPropsPosition:v}),{x:p.x,y:p.y,prevPropsPosition:{...p}}):null}constructor(u){super(u),S(this,"onDragStart",(f,p)=>{if((0,m.default)("Draggable: onDragStart: %j",p),this.props.onStart(f,(0,i.createDraggableData)(this,p))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),S(this,"onDrag",(f,p)=>{if(!this.state.dragging)return!1;(0,m.default)("Draggable: onDrag: %j",p);const v=(0,i.createDraggableData)(this,p),h={x:v.x,y:v.y,slackX:0,slackY:0};if(this.props.bounds){const{x:A,y:I}=h;h.x+=this.state.slackX,h.y+=this.state.slackY;const[U,re]=(0,i.getBoundPosition)(this,h.x,h.y);h.x=U,h.y=re,h.slackX=this.state.slackX+(A-h.x),h.slackY=this.state.slackY+(I-h.y),v.x=h.x,v.y=h.y,v.deltaX=h.x-this.state.x,v.deltaY=h.y-this.state.y}if(this.props.onDrag(f,v)===!1)return!1;this.setState(h)}),S(this,"onDragStop",(f,p)=>{if(!this.state.dragging||this.props.onStop(f,(0,i.createDraggableData)(this,p))===!1)return!1;(0,m.default)("Draggable: onDragStop: %j",p);const h={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:A,y:I}=this.props.position;h.x=A,h.y=I}this.setState(h)}),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:n.default.findDOMNode(this)}render(){const{axis:u,bounds:f,children:p,defaultPosition:v,defaultClassName:h,defaultClassNameDragging:C,defaultClassNameDragged:A,position:I,positionOffset:U,scale:re,...X}=this.props;let H={},Y=null;const L=!!!I||this.state.dragging,K=I||v,ne={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?Y=(0,o.createSVGTransform)(ne,U):H=(0,o.createCSSTransform)(ne,U);const Z=(0,a.default)(p.props.className||"",h,{[C]:this.state.dragging,[A]:this.state.dragged});return t.createElement(l.default,P({},X,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(p),{className:Z,style:{...p.props.style,...H},transform:Y}))}}e.default=R,S(R,"displayName","Draggable"),S(R,"propTypes",{...l.default.propTypes,axis:r.default.oneOf(["both","x","y","none"]),bounds:r.default.oneOfType([r.default.shape({left:r.default.number,right:r.default.number,top:r.default.number,bottom:r.default.number}),r.default.string,r.default.oneOf([!1])]),defaultClassName:r.default.string,defaultClassNameDragging:r.default.string,defaultClassNameDragged:r.default.string,defaultPosition:r.default.shape({x:r.default.number,y:r.default.number}),positionOffset:r.default.shape({x:r.default.oneOfType([r.default.number,r.default.string]),y:r.default.oneOfType([r.default.number,r.default.string])}),position:r.default.shape({x:r.default.number,y:r.default.number}),className:s.dontSetMe,style:s.dontSetMe,transform:s.dontSetMe}),S(R,"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})})(Ue);const{default:tt,DraggableCore:_r}=Ue;ue.exports=tt;ue.exports.default=tt;ue.exports.DraggableCore=_r;var Sr=ue.exports,We={};We.__esModule=!0;We.cloneElement=Rr;var wr=Or(q);function Or(e){return e&&e.__esModule?e:{default:e}}function Ie(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function Be(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Ie(Object(r),!0).forEach(function(n){Dr(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ie(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Dr(e,t,r){return t=Pr(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Pr(e){var t=xr(e,"string");return typeof t=="symbol"?t:String(t)}function xr(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Rr(e,t){return t.style&&e.props.style&&(t.style=Be(Be({},e.props.style),t.style)),t.className&&e.props.className&&(t.className=e.props.className+" "+t.className),wr.default.cloneElement(e,t)}var te={};te.__esModule=!0;te.resizableProps=void 0;var d=Tr(le);function Tr(e){return e&&e.__esModule?e:{default:e}}var Cr={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,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];var a=r[0];if(a.axis==="both"||a.axis==="y"){var o;return(o=d.default.number).isRequired.apply(o,r)}return d.default.number.apply(d.default,r)},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,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];var a=r[0];if(a.axis==="both"||a.axis==="x"){var o;return(o=d.default.number).isRequired.apply(o,r)}return d.default.number.apply(d.default,r)}};te.resizableProps=Cr;ee.__esModule=!0;ee.default=void 0;var Q=Wr(q),zr=Sr,Nr=We,Mr=te,Er=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function rt(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(rt=function(a){return a?r:t})(e)}function Wr(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=rt(t);if(r&&r.has(e))return r.get(e);var n={},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(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function De(){return De=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},De.apply(this,arguments)}function Hr(e,t){if(e==null)return{};var r={},n=Object.keys(e),a,o;for(o=0;o<n.length;o++)a=n[o],!(t.indexOf(a)>=0)&&(r[a]=e[a]);return r}function je(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function _e(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?je(Object(r),!0).forEach(function(n){qr(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):je(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function qr(e,t,r){return t=$r(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function $r(e){var t=Vr(e,"string");return typeof t=="symbol"?t:String(t)}function Vr(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Ar(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(n,a){return n.__proto__=a,n},Pe(e,t)}var He=function(e){Ar(t,e);function t(){for(var n,a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return n=e.call.apply(e,[this].concat(o))||this,n.handleRefs={},n.lastHandleRect=null,n.slack=null,n}var r=t.prototype;return r.componentWillUnmount=function(){this.resetData()},r.resetData=function(){this.lastHandleRect=this.slack=null},r.runConstraints=function(a,o){var i=this.props,s=i.minConstraints,l=i.maxConstraints,m=i.lockAspectRatio;if(!s&&!l&&!m)return[a,o];if(m){var g=this.props.width/this.props.height,_=a-this.props.width,D=o-this.props.height;Math.abs(_)>Math.abs(D*g)?o=a/g:a=o*g}var P=a,S=o,E=this.slack||[0,0],M=E[0],R=E[1];return a+=M,o+=R,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+(P-a),R+(S-o)],[a,o]},r.resizeHandler=function(a,o){var i=this;return function(s,l){var m=l.node,g=l.deltaX,_=l.deltaY;a==="onResizeStart"&&i.resetData();var D=(i.props.axis==="both"||i.props.axis==="x")&&o!=="n"&&o!=="s",P=(i.props.axis==="both"||i.props.axis==="y")&&o!=="e"&&o!=="w";if(!(!D&&!P)){var S=o[0],E=o[o.length-1],M=m.getBoundingClientRect();if(i.lastHandleRect!=null){if(E==="w"){var R=M.left-i.lastHandleRect.left;g+=R}if(S==="n"){var c=M.top-i.lastHandleRect.top;_+=c}}i.lastHandleRect=M,E==="w"&&(g=-g),S==="n"&&(_=-_);var u=i.props.width+(D?g/i.props.transformScale:0),f=i.props.height+(P?_/i.props.transformScale:0),p=i.runConstraints(u,f);u=p[0],f=p[1];var v=u!==i.props.width||f!==i.props.height,h=typeof i.props[a]=="function"?i.props[a]:null,C=a==="onResize"&&!v;h&&!C&&(s.persist==null||s.persist(),h(s,{node:m,size:{width:u,height:f},handle:o})),a==="onResizeStop"&&i.resetData()}}},r.renderResizeHandle=function(a,o){var i=this.props.handle;if(!i)return Q.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=_e({ref:o},s?{}:{handleAxis:a});return Q.cloneElement(i,l)},r.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 m=o.resizeHandles;o.transformScale;var g=Hr(o,Er);return(0,Nr.cloneElement)(i,_e(_e({},g),{},{className:(s?s+" ":"")+"react-resizable",children:[].concat(i.props.children,m.map(function(_){var D,P=(D=a.handleRefs[_])!=null?D:a.handleRefs[_]=Q.createRef();return Q.createElement(zr.DraggableCore,De({},l,{nodeRef:P,key:"resizableHandle-"+_,onStop:a.resizeHandler("onResizeStop",_),onStart:a.resizeHandler("onResizeStart",_),onDrag:a.resizeHandler("onResize",_)}),a.renderResizeHandle(_,P))}))}))},t}(Q.Component);ee.default=He;He.propTypes=Mr.resizableProps;He.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 Se=Yr(q),Ir=nt(le),Br=nt(ee),jr=te,Xr=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function nt(e){return e&&e.__esModule?e:{default:e}}function at(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(at=function(a){return a?r:t})(e)}function Yr(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var r=at(t);if(r&&r.has(e))return r.get(e);var n={},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(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function xe(){return xe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},xe.apply(this,arguments)}function Xe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function se(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Xe(Object(r),!0).forEach(function(n){Fr(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Xe(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Fr(e,t,r){return t=Ur(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Ur(e){var t=Lr(e,"string");return typeof t=="symbol"?t:String(t)}function Lr(e,t){if(typeof e!="object"||e===null)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function kr(e,t){if(e==null)return{};var r={},n=Object.keys(e),a,o;for(o=0;o<n.length;o++)a=n[o],!(t.indexOf(a)>=0)&&(r[a]=e[a]);return r}function Gr(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Re(e,t)}function Re(e,t){return Re=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,a){return n.__proto__=a,n},Re(e,t)}var ot=function(e){Gr(t,e);function t(){for(var n,a=arguments.length,o=new Array(a),i=0;i<a;i++)o[i]=arguments[i];return n=e.call.apply(e,[this].concat(o))||this,n.state={width:n.props.width,height:n.props.height,propsWidth:n.props.width,propsHeight:n.props.height},n.onResize=function(s,l){var m=l.size;n.props.onResize?(s.persist==null||s.persist(),n.setState(m,function(){return n.props.onResize&&n.props.onResize(s,l)})):n.setState(m)},n}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 r=t.prototype;return r.render=function(){var a=this.props,o=a.handle,i=a.handleSize;a.onResize;var s=a.onResizeStart,l=a.onResizeStop,m=a.draggableOpts,g=a.minConstraints,_=a.maxConstraints,D=a.lockAspectRatio,P=a.axis;a.width,a.height;var S=a.resizeHandles,E=a.style,M=a.transformScale,R=kr(a,Xr);return Se.createElement(Br.default,{axis:P,draggableOpts:m,handle:o,handleSize:i,height:this.state.height,lockAspectRatio:D,maxConstraints:_,minConstraints:g,onResizeStart:s,onResize:this.onResize,onResizeStop:l,resizeHandles:S,transformScale:M,width:this.state.width},Se.createElement("div",xe({},R,{style:se(se({},E),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},t}(Se.Component);pe.default=ot;ot.propTypes=se(se({},jr.resizableProps),{},{children:Ir.default.element});ze.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")};var Kr=ze.exports.Resizable=ee.default;ze.exports.ResizableBox=pe.default;const Te=37,oe=240,Zr=q.forwardRef((e,t)=>{const{handleAxis:r,...n}=e;return y.jsx("div",{ref:t,className:w.resizeHandle,...n,children:y.jsx(ct,{icon:we.DRAG_HORIZONTAL})})}),Ce=({children:e=null,width:t=400,right:r=!1,onResize:n,setOpen:a})=>{const[o,i]=q.useState(!1),s=window.innerWidth/2,l=(m,{size:g})=>{n&&n(g.width)};return n?y.jsx(Kr,{width:ut.toNumber(t),height:100,minConstraints:[Te,1/0],maxConstraints:[s,1/0],onResize:l,handle:y.jsx(Zr,{}),resizeHandles:r?["w"]:["e"],axis:"x",className:o?w.isResizing:"",onResizeStart:()=>{a&&a(!0),n&&n(t),i(!0)},onResizeStop:()=>{i(!1),typeof t=="number"&&t<Te+50&&a&&a(!1)},children:e}):y.jsx(y.Fragment,{children:e})};try{Ce.displayName="DrawerResizeWrapper",Ce.__docgenInfo={description:"",displayName:"DrawerResizeWrapper",props:{width:{defaultValue:{value:"400"},description:"",name:"width",required:!1,type:{name:"string | number"}},right:{defaultValue:{value:"false"},description:"",name:"right",required:!1,type:{name:"boolean"}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"TFunction"}},setOpen:{defaultValue:null,description:"",name:"setOpen",required:!1,type:{name:"((isOpen: boolean) => void) | null"}}}}}catch{}const Ye=({background:e="var(--color-background-raised)",fixed:t=!1,open:r=!1,setOpen:n,right:a=!1,width:o=400,closedWidth:i=0,shadow:s=!1,top:l=0,button:m=null,buttonAnimate:g=!0,buttonPosition:_=st.BOTTOM,border:D=!1,children:P=null,tabs:S,defaultTabIndex:E=0,activeTab:M,setActiveTab:R,testId:c,onResize:u,getActiveTab:f,onClose:p,onOpen:v})=>{const h=m===!0,C=!h&&q.isValidElement(m),[A,I]=n?[r,n]:h||S?q.useState(r):[r,()=>{}],[U,re]=q.useState(E),X=n?r:A,H=n||I,Y=R!==void 0?M:U,qe=R||re,L=Array.isArray(o)?o[Y||0]:o,K=X?L:S?Te:i,ne=Z=>{const he=me=>{S&&me&&me(S[Z])};Y===Z&&X&&H?(he(p),H(!1)):!X&&H&&(he(v),H(!0),u&&(ge=>{let k;if(Array.isArray(ge)?k=ge[Y||0]:k=ge,typeof k=="number"&&k<oe)u(oe);else if(typeof k=="string"){const $e=parseInt(k,10);!isNaN($e)&&$e<oe&&u(oe)}})(o)),qe(Z),he(f)};return y.jsx(Ce,{width:K,onResize:u,setOpen:H,right:a,children:y.jsxs("div",{className:ie(w.drawer,s?w.shadow:"",t?w.fixed:w.inline,a?w.right:w.left),style:{top:l},children:[y.jsx("div",{className:ie(w.drawerContent,D&&w.border),style:{background:e,borderColor:typeof D=="string"?D:void 0,width:K},children:S?y.jsx(Oe,{width:L,testId:c,tabs:S,open:X,activeTab:Y||0,background:e,handleTabClick:ne}):y.jsx("div",{style:{width:L},children:P})}),m&&y.jsx("span",{className:ie(w.toggleButton,A&&(h||C&&g)?w.toggleButtonOpen:"",_==="top"?w.top:w.bottom),children:C?m:y.jsx(dt,{onClick:H?()=>H(!X):void 0,round:!0,icon:a?we.CHEVRON_RIGHT:we.CHEVRON_LEFT})})]})})};try{Ye.displayName="Drawer",Ye.__docgenInfo={description:"",displayName:"Drawer",props:{background:{defaultValue:{value:"var(--color-background-raised)"},description:"",name:"background",required:!1,type:{name:"string"}},fixed:{defaultValue:{value:"false"},description:"",name:"fixed",required:!1,type:{name:"boolean"}},open:{defaultValue:null,description:"",name:"open",required:!1,type:{name:"boolean"}},setOpen:{defaultValue:null,description:"",name:"setOpen",required:!1,type:{name:"((openState: boolean) => void)"}},right:{defaultValue:{value:"false"},description:"",name:"right",required:!1,type:{name:"boolean"}},shadow:{defaultValue:{value:"false"},description:"",name:"shadow",required:!1,type:{name:"boolean"}},top:{defaultValue:{value:"0"},description:"",name:"top",required:!1,type:{name:"TStringOrNumber"}},width:{defaultValue:{value:"400"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber | TStringOrNumber[]"}},closedWidth:{defaultValue:{value:"0"},description:"",name:"closedWidth",required:!1,type:{name:"TStringOrNumber"}},button:{defaultValue:{value:"null"},description:"",name:"button",required:!1,type:{name:"ReactNode"}},buttonAnimate:{defaultValue:{value:"true"},description:"",name:"buttonAnimate",required:!1,type:{name:"boolean"}},buttonPosition:{defaultValue:{value:"ButtonPosition.BOTTOM"},description:"",name:"buttonPosition",required:!1,type:{name:"string"}},border:{defaultValue:{value:"false"},description:"",name:"border",required:!1,type:{name:"string | boolean"}},tabs:{defaultValue:null,description:"",name:"tabs",required:!1,type:{name:"IDrawerTab[]"}},defaultTabIndex:{defaultValue:{value:"0"},description:"",name:"defaultTabIndex",required:!1,type:{name:"number"}},activeTab:{defaultValue:null,description:"",name:"activeTab",required:!1,type:{name:"number"}},setActiveTab:{defaultValue:null,description:"",name:"setActiveTab",required:!1,type:{name:"((index: number) => void)"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},onResize:{defaultValue:null,description:"",name:"onResize",required:!1,type:{name:"TFunction"}},getActiveTab:{defaultValue:null,description:"",name:"getActiveTab",required:!1,type:{name:"((tab: IDrawerTab) => void)"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"((tab?: IDrawerTab) => any)"}},onOpen:{defaultValue:null,description:"",name:"onOpen",required:!1,type:{name:"((tab?: IDrawerTab) => any)"}}}}}catch{}export{Ye as D};
|
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{r as b}from"./index-f80c8c95.js";import{I as n}from"./common-types-3a5f9d98.js";import{D as a}from"./drawer-182b490e.js";import{B as y}from"./button-a7e4e1fa.js";import{L as S}from"./list-a4e1fe84.js";import{H as o}from"./heading-5d5cbb6f.js";import{F as ne}from"./flex-4bc3b694.js";import{n as v}from"./list.stories-data-ade13aa1.js";import{I as s}from"./icon-bb00eeb9.js";import"./index-a80ed1cf.js";import"./badge-2efb26e1.js";import"./lodash-75c70a11.js";import"./index-c89a1915.js";import"./index-64d4dcb8.js";import"./disabled-context-d654f6ff.js";import"./spinner-4948799e.js";import"./tooltip-b72c7394.js";import"./index.es-cc11f36c.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./hoist-non-react-statics.cjs-cd4c875b.js";import"./memoize-one.esm-52518564.js";import"./card-3e67b904.js";import"./list-heading-0f59017c.js";import"./actions-7f26d646.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./loader-54efe57c.js";import"./help-icon-e6604019.js";const Fe={title:"Layout/Drawer",component:a,args:{button:!0,open:!0,right:!1,border:!0,shadow:!1,width:"300px",closedWidth:"50px",top:void 0,children:e.jsx("div",{style:{padding:20},children:"Drawer content"})},argTypes:{button:{table:{disable:!0}}},decorators:[t=>e.jsxs(ne,{height:"400px",wrap:!1,children:[e.jsx("div",{style:{flexGrow:1,padding:20,background:"var(--color-background)"},children:"Page content"}),t()]})],parameters:{layout:"fullscreen"}},x=t=>e.jsx(a,{...t}),w=x.bind({}),l=x.bind({});l.args={right:!0};const p=x.bind({});p.args={fixed:!0};p.parameters={docs:{story:{inline:!1,iframeHeight:400}}};const u=x.bind({});u.args={button:e.jsx(y,{colored:!0,round:!0,icon:n.LEFT}),buttonAnimate:!0};const m=()=>{const[t,r]=b.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(a,{button:e.jsx(y,{onClick:()=>r(!t),round:!0,icon:n.CHEVRON_LEFT}),width:"300px",closedWidth:"50px",border:!0,open:t,children:e.jsx(S,{drawer:!0,list:v,marginBottom:10,narrow:!t})}),e.jsx(a,{button:e.jsx(y,{onClick:()=>r(!t),round:!0,icon:n.CHEVRON_LEFT}),width:"300px",closedWidth:"50px",border:!0,open:t,children:e.jsx(S,{drawer:!0,list:v,marginBottom:10,narrow:!t})})]})};m.parameters={docs:{description:{story:"To hide `List` headings when the `Drawer` is closed, set the `narrow` prop on the `List`."}}};const c=x.bind({});c.args={right:!0,button:!1,closedWidth:0,width:["200px","300px","400px","400px"],defaultTabIndex:1,tabs:[{icon:e.jsx(s,{icon:n.HELP}),content:e.jsxs("div",{style:{padding:20},children:[e.jsx(o,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(s,{icon:n.SETTINGS}),content:e.jsxs("div",{style:{padding:20},children:[e.jsx(o,{top:!0,children:"Settings"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(s,{icon:n.EDIT}),content:e.jsxs("div",{style:{padding:20},children:[e.jsx(o,{top:!0,children:"Edit"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(s,{icon:n.LIST}),badge:"2",content:e.jsxs("div",{style:{padding:20},children:[e.jsx(o,{top:!0,children:"List"}),"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 g=()=>{const[t,r]=b.useState(!1),d=[{icon:"help"},{icon:"settings"}],f=i=>{i&&console.log("on close",i)},E=i=>{i&&console.log("on open",i)};return e.jsx(a,{border:!0,right:!0,tabs:d,open:t,setOpen:r,onClose:f,onOpen:E})};g.parameters={docs:{description:{story:"If a `setOpen` prop is set, the drawer will not manage its open state internally and can be controlled."}}};const h=()=>{const[t,r]=b.useState(0),d=[{icon:"help"},{icon:"settings"}];return e.jsx(a,{border:!0,right:!0,tabs:d,activeTab:t,setActiveTab:r})};h.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 j=()=>{const t=[{icon:e.jsx(s,{icon:n.HELP}),content:e.jsxs("div",{style:{padding:20},children:[e.jsx(o,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(s,{icon:n.SETTINGS}),content:e.jsxs("div",{style:{padding:20},children:[e.jsx(o,{top:!0,children:"Settings"}),"Example content goes here lorem ipsum. ".repeat(500)]})}],r=[{icon:e.jsx(s,{icon:n.EDIT}),content:e.jsxs("div",{style:{padding:20},children:[e.jsx(o,{top:!0,children:"Edit"}),"Example content goes here lorem ipsum. ".repeat(500)]})}];return e.jsxs(e.Fragment,{children:[e.jsx(a,{right:!0,tabs:t,border:!0,open:!0}),e.jsx(a,{right:!0,tabs:r,border:!0,open:!0})]})},T=()=>{const[t,r]=b.useState(!0),[d,f]=b.useState(300),E=[{icon:e.jsx(s,{icon:n.HELP}),content:e.jsxs("div",{style:{padding:20},children:[e.jsx(o,{top:!0,children:"Help"}),"Example content goes here lorem ipsum. ".repeat(500)]})},{icon:e.jsx(s,{icon:n.SETTINGS}),content:e.jsxs("div",{style:{padding:20},children:[e.jsx(o,{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:E,border:!0,open:t,setOpen:r,width:d,onResize:i=>{f(i)}})})};var I,D,H;w.parameters={...w.parameters,docs:{...(I=w.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
|
|
2
|
-
return <Drawer
|
|
3
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
|
-
{...args} />;
|
|
5
|
-
}`,...(H=(D=w.parameters)==null?void 0:D.docs)==null?void 0:H.source}}};var O,C,L;l.parameters={...l.parameters,docs:{...(O=l.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
|
-
}`,...(L=(C=l.parameters)==null?void 0:C.docs)==null?void 0:L.source}}};var W,B,F;p.parameters={...p.parameters,docs:{...(W=p.parameters)==null?void 0:W.docs,source:{originalSource:`args => {
|
|
10
|
-
return <Drawer
|
|
11
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
12
|
-
{...args} />;
|
|
13
|
-
}`,...(F=(B=p.parameters)==null?void 0:B.docs)==null?void 0:F.source}}};var R,N,_;u.parameters={...u.parameters,docs:{...(R=u.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
|
-
}`,...(_=(N=u.parameters)==null?void 0:N.docs)==null?void 0:_.source}}};var k,A,G;m.parameters={...m.parameters,docs:{...(k=m.parameters)==null?void 0:k.docs,source:{originalSource:`() => {
|
|
18
|
-
const [open, setOpen] = useState(false);
|
|
19
|
-
return <>
|
|
20
|
-
<Drawer button={<Button onClick={() => setOpen(!open)} round icon={IconType.CHEVRON_LEFT} />} width="300px" closedWidth="50px" border open={open}>
|
|
21
|
-
<List drawer list={listSubheadingsBadges} marginBottom={10} narrow={!open} />
|
|
22
|
-
</Drawer>
|
|
23
|
-
<Drawer button={<Button onClick={() => setOpen(!open)} round icon={IconType.CHEVRON_LEFT} />} width="300px" closedWidth="50px" border open={open}>
|
|
24
|
-
<List drawer list={listSubheadingsBadges} marginBottom={10} narrow={!open} />
|
|
25
|
-
</Drawer>
|
|
26
|
-
</>;
|
|
27
|
-
}`,...(G=(A=m.parameters)==null?void 0:A.docs)==null?void 0:G.source}}};var P,z,V;c.parameters={...c.parameters,docs:{...(P=c.parameters)==null?void 0:P.docs,source:{originalSource:`args => {
|
|
28
|
-
return <Drawer
|
|
29
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
30
|
-
{...args} />;
|
|
31
|
-
}`,...(V=(z=c.parameters)==null?void 0:z.docs)==null?void 0:V.source}}};var M,q,J;g.parameters={...g.parameters,docs:{...(M=g.parameters)==null?void 0:M.docs,source:{originalSource:`() => {
|
|
32
|
-
const [open, setOpen] = useState(false);
|
|
33
|
-
const tabs: IDrawerTab[] = [{
|
|
34
|
-
icon: 'help'
|
|
35
|
-
}, {
|
|
36
|
-
icon: 'settings'
|
|
37
|
-
}];
|
|
38
|
-
const handleClose = (tab?: IDrawerTab) => {
|
|
39
|
-
if (tab) console.log('on close', tab);
|
|
40
|
-
};
|
|
41
|
-
const handleOpen = (tab?: IDrawerTab) => {
|
|
42
|
-
if (tab) console.log('on open', tab);
|
|
43
|
-
};
|
|
44
|
-
return <Drawer border right tabs={tabs} open={open} setOpen={setOpen} onClose={handleClose} onOpen={handleOpen} />;
|
|
45
|
-
}`,...(J=(q=g.parameters)==null?void 0:q.docs)==null?void 0:J.source}}};var K,Q,U;h.parameters={...h.parameters,docs:{...(K=h.parameters)==null?void 0:K.docs,source:{originalSource:`() => {
|
|
46
|
-
const [activeTab, setActiveTab] = useState(0);
|
|
47
|
-
const tabs = [{
|
|
48
|
-
icon: 'help'
|
|
49
|
-
}, {
|
|
50
|
-
icon: 'settings'
|
|
51
|
-
}];
|
|
52
|
-
return <Drawer border right tabs={tabs} activeTab={activeTab} setActiveTab={setActiveTab} />;
|
|
53
|
-
}`,...(U=(Q=h.parameters)==null?void 0:Q.docs)==null?void 0:U.source}}};var X,Y,Z;j.parameters={...j.parameters,docs:{...(X=j.parameters)==null?void 0:X.docs,source:{originalSource:`() => {
|
|
54
|
-
const tabs1 = [{
|
|
55
|
-
icon: <Icon icon={IconType.HELP} />,
|
|
56
|
-
content: <div style={{
|
|
57
|
-
padding: 20
|
|
58
|
-
}}>
|
|
59
|
-
<Heading top>Help</Heading>
|
|
60
|
-
{'Example content goes here lorem ipsum. '.repeat(500)}
|
|
61
|
-
</div>
|
|
62
|
-
}, {
|
|
63
|
-
icon: <Icon icon={IconType.SETTINGS} />,
|
|
64
|
-
content: <div style={{
|
|
65
|
-
padding: 20
|
|
66
|
-
}}>
|
|
67
|
-
<Heading top>Settings</Heading>
|
|
68
|
-
{'Example content goes here lorem ipsum. '.repeat(500)}
|
|
69
|
-
</div>
|
|
70
|
-
}];
|
|
71
|
-
const tabs2 = [{
|
|
72
|
-
icon: <Icon icon={IconType.EDIT} />,
|
|
73
|
-
content: <div style={{
|
|
74
|
-
padding: 20
|
|
75
|
-
}}>
|
|
76
|
-
<Heading top>Edit</Heading>
|
|
77
|
-
{'Example content goes here lorem ipsum. '.repeat(500)}
|
|
78
|
-
</div>
|
|
79
|
-
}];
|
|
80
|
-
return <>
|
|
81
|
-
<Drawer right tabs={tabs1} border open />
|
|
82
|
-
<Drawer right tabs={tabs2} border open />
|
|
83
|
-
</>;
|
|
84
|
-
}`,...(Z=(Y=j.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var $,ee,te;T.parameters={...T.parameters,docs:{...($=T.parameters)==null?void 0:$.docs,source:{originalSource:`() => {
|
|
85
|
-
const [open, setOpen] = useState(true);
|
|
86
|
-
const [drawerWidth, setDrawerWidth] = useState(300);
|
|
87
|
-
const tabs = [{
|
|
88
|
-
icon: <Icon icon={IconType.HELP} />,
|
|
89
|
-
content: <div style={{
|
|
90
|
-
padding: 20
|
|
91
|
-
}}>
|
|
92
|
-
<Heading top>Help</Heading>
|
|
93
|
-
{'Example content goes here lorem ipsum. '.repeat(500)}
|
|
94
|
-
</div>
|
|
95
|
-
}, {
|
|
96
|
-
icon: <Icon icon={IconType.SETTINGS} />,
|
|
97
|
-
content: <div style={{
|
|
98
|
-
padding: 20
|
|
99
|
-
}}>
|
|
100
|
-
<Heading top>Settings</Heading>
|
|
101
|
-
{'Example content goes here lorem ipsum dolor. '.repeat(500)}
|
|
102
|
-
</div>
|
|
103
|
-
}];
|
|
104
|
-
return <>
|
|
105
|
-
<Drawer right tabs={tabs} border open={open} setOpen={setOpen} width={drawerWidth} onResize={width => {
|
|
106
|
-
setDrawerWidth((width as number));
|
|
107
|
-
}} />
|
|
108
|
-
</>;
|
|
109
|
-
}`,...(te=(ee=T.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};const Re=["Default","Right","Fixed","CustomButton","WithList","Tabs","ControlledOpenClose","ControlledTabs","MultipleTabbedDrawers","Resizable"];export{g as ControlledOpenClose,h as ControlledTabs,u as CustomButton,w as Default,p as Fixed,j as MultipleTabbedDrawers,T as Resizable,l as Right,c as Tabs,m as WithList,Re as __namedExportsOrder,Fe as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-f961835c.js";import{T as y}from"./text-78efb253.js";import{B as f}from"./button-a7e4e1fa.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./spinner-4948799e.js";import"./icon-bb00eeb9.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./tooltip-b72c7394.js";import"./index-64d4dcb8.js";const _="_empty_gkads_341",v="_text_gkads_351",i={empty:_,text:v},s=({width:r="auto",height:h="auto",text:o="No data",children:g,testId:x})=>t.jsxs("div",{className:i.empty,style:{width:r,height:h},"data-testid":x,children:[t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"64",height:"41",children:t.jsxs("g",{transform:"translate(0 1)",fill:"none",fillRule:"evenodd",children:[t.jsx("ellipse",{cx:"32",cy:"33",rx:"32",ry:"7",fill:"rgba(0,0,0,0.1)"}),t.jsxs("g",{fillRule:"nonzero",stroke:"var(--color-text)",strokeOpacity:"0.2",children:[t.jsx("path",{d:"M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z",fill:"rgba(0,0,0,0.05)"}),t.jsx("path",{d:"M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z",fill:"var(--color-background-raised)"})]})]})}),o!==""&&t.jsx("div",{className:i.text,children:t.jsx(y,{faint:!0,children:o})}),g]});try{s.displayName="Empty",s.__docgenInfo={description:"",displayName:"Empty",props:{width:{defaultValue:{value:"auto"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},height:{defaultValue:{value:"auto"},description:"",name:"height",required:!1,type:{name:"TStringOrNumber"}},text:{defaultValue:{value:"No data"},description:"",name:"text",required:!1,type:{name:"ReactNode"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const R={title:"Progress/Empty",component:s,args:{text:"No data",width:"100%",height:"100%"}},u=r=>t.jsx(s,{...r}),a=u.bind({}),e=u.bind({});e.args={text:"Please apply at least one casing in Well Schematics to perform drilling mechanics",children:t.jsx(f,{colored:!0,label:"Add casing"}),testId:"empty-with-button"};var l,n,d;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Empty {...args} />",...(d=(n=a.parameters)==null?void 0:n.docs)==null?void 0:d.source}}};var c,p,m;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:"args => <Empty {...args} />",...(m=(p=e.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};const z=["Default","WithButton"];export{a as Default,e as WithButton,z as __namedExportsOrder,R as default};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import{j as l}from"./jsx-runtime-f961835c.js";import{c as m}from"./index-a80ed1cf.js";import{L as y}from"./label-4b8583ea.js";const b="_field_yjht4_341",_="_labelLeft_yjht4_345",h="_fieldInput_yjht4_349",v="_formRow_yjht4_352",I="_button_yjht4_362",a={field:b,labelLeft:_,fieldInput:h,formRow:v,"form-row":"_form-row_yjht4_353",button:I},n=({label:e,labelLeft:t=!1,labelWidth:i="auto",children:r,helpText:o,helpTextMaxWidth:s="300px",onClickHelp:d,lock:u={visible:!1,active:!1,onClick:()=>{},tooltip:"",testId:void 0},info:f,libraryIcon:c,testId:p})=>l.jsxs("div",{className:m(a.field,t?a.labelLeft:""),"data-testid":p,children:[(e||t)&&l.jsx(y,{label:e,width:i,helpText:o,helpTextMaxWidth:s,onClickHelp:d,lock:u,info:f,libraryIcon:c,labelLeft:t}),l.jsx("div",{className:a.fieldInput,children:r})]});try{n.displayName="Field",n.__docgenInfo={description:"",displayName:"Field",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},labelLeft:{defaultValue:{value:"false"},description:"",name:"labelLeft",required:!1,type:{name:"boolean"}},labelWidth:{defaultValue:{value:"auto"},description:"",name:"labelWidth",required:!1,type:{name:"TStringOrNumber"}},helpText:{defaultValue:null,description:"",name:"helpText",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},helpTextMaxWidth:{defaultValue:{value:"300px"},description:"",name:"helpTextMaxWidth",required:!1,type:{name:"TStringOrNumber"}},onClickHelp:{defaultValue:null,description:"",name:"onClickHelp",required:!1,type:{name:"((event?: MouseEvent<HTMLDivElement, MouseEvent>) => void)"}},lock:{defaultValue:{value:`{
|
|
2
|
-
visible: false,
|
|
3
|
-
active: false,
|
|
4
|
-
onClick: () => {},
|
|
5
|
-
tooltip: '',
|
|
6
|
-
testId: undefined,
|
|
7
|
-
}`},description:"",name:"lock",required:!1,type:{name:"ILabelLockProps"}},info:{defaultValue:null,description:"",name:"info",required:!1,type:{name:"string"}},libraryIcon:{defaultValue:null,description:"",name:"libraryIcon",required:!1,type:{name:"ILabelIcon"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{n as F};
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{r as q}from"./index-f80c8c95.js";import{F as o}from"./field-2ae2bd3e.js";import{I as i}from"./input-b46bef9b.js";import{T as g}from"./text-78efb253.js";import"./index-a80ed1cf.js";import"./label-4b8583ea.js";import"./common-types-3a5f9d98.js";import"./help-icon-e6604019.js";import"./tooltip-b72c7394.js";import"./index-64d4dcb8.js";import"./icon-bb00eeb9.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";const te={title:"Forms/Field",component:o,args:{label:"Label",labelLeft:!1}},s=r=>e.jsx(o,{...r,children:e.jsx(i,{})}),d=s.bind({}),t=s.bind({});t.args={labelLeft:!0,labelWidth:"80px"};const a=s.bind({});a.args={helpText:"Tooltip goes here"};const n=s.bind({});n.args={onClickHelp:()=>{}};const p=r=>e.jsxs(e.Fragment,{children:[e.jsxs(o,{...r,children:[e.jsx(i,{}),e.jsx(g,{small:!0,faint:!0,children:"Help text goes here"})]}),e.jsxs(o,{...r,children:[e.jsx(i,{error:"Error text goes here"}),e.jsx(g,{small:!0,error:!0,children:"Error text goes here"})]}),e.jsxs(o,{...r,children:[e.jsx(i,{warning:"Error text goes here"}),e.jsx(g,{small:!0,warning:!0,children:"Warning text goes here"})]})]}),l=s.bind({});l.args={info:"Info goes here"};const m=()=>{const[r,R]=q.useState(!1),V=()=>R(!r);return e.jsx(o,{label:"Label",lock:{visible:!0,active:r,onClick:V,tooltip:r?"Unlock":"Lock",testId:"testId"},children:e.jsx(i,{disabled:r})})},c=s.bind({});c.args={libraryIcon:{onClick:()=>{},tooltip:"View in library"}};var u,x,I;d.parameters={...d.parameters,docs:{...(u=d.parameters)==null?void 0:u.docs,source:{originalSource:`args => <Field {...args}>
|
|
2
|
-
<Input />
|
|
3
|
-
</Field>`,...(I=(x=d.parameters)==null?void 0:x.docs)==null?void 0:I.source}}};var b,h,k;t.parameters={...t.parameters,docs:{...(b=t.parameters)==null?void 0:b.docs,source:{originalSource:`args => <Field {...args}>
|
|
4
|
-
<Input />
|
|
5
|
-
</Field>`,...(k=(h=t.parameters)==null?void 0:h.docs)==null?void 0:k.source}}};var F,f,L;a.parameters={...a.parameters,docs:{...(F=a.parameters)==null?void 0:F.docs,source:{originalSource:`args => <Field {...args}>
|
|
6
|
-
<Input />
|
|
7
|
-
</Field>`,...(L=(f=a.parameters)==null?void 0:f.docs)==null?void 0:L.source}}};var T,j,S;n.parameters={...n.parameters,docs:{...(T=n.parameters)==null?void 0:T.docs,source:{originalSource:`args => <Field {...args}>
|
|
8
|
-
<Input />
|
|
9
|
-
</Field>`,...(S=(j=n.parameters)==null?void 0:j.docs)==null?void 0:S.source}}};var E,H,w;p.parameters={...p.parameters,docs:{...(E=p.parameters)==null?void 0:E.docs,source:{originalSource:`args => <>
|
|
10
|
-
<Field {...args}>
|
|
11
|
-
<Input />
|
|
12
|
-
<Text small faint>
|
|
13
|
-
Help text goes here
|
|
14
|
-
</Text>
|
|
15
|
-
</Field>
|
|
16
|
-
<Field {...args}>
|
|
17
|
-
<Input error="Error text goes here" />
|
|
18
|
-
<Text small error>
|
|
19
|
-
Error text goes here
|
|
20
|
-
</Text>
|
|
21
|
-
</Field>
|
|
22
|
-
<Field {...args}>
|
|
23
|
-
<Input warning="Error text goes here" />
|
|
24
|
-
<Text small warning>
|
|
25
|
-
Warning text goes here
|
|
26
|
-
</Text>
|
|
27
|
-
</Field>
|
|
28
|
-
</>`,...(w=(H=p.parameters)==null?void 0:H.docs)==null?void 0:w.source}}};var C,v,y;l.parameters={...l.parameters,docs:{...(C=l.parameters)==null?void 0:C.docs,source:{originalSource:`args => <Field {...args}>
|
|
29
|
-
<Input />
|
|
30
|
-
</Field>`,...(y=(v=l.parameters)==null?void 0:v.docs)==null?void 0:y.source}}};var O,W,_;m.parameters={...m.parameters,docs:{...(O=m.parameters)==null?void 0:O.docs,source:{originalSource:`() => {
|
|
31
|
-
const [locked, setLocked] = useState(false);
|
|
32
|
-
const handleToggleLock = () => setLocked(!locked);
|
|
33
|
-
return <Field label="Label" lock={{
|
|
34
|
-
visible: true,
|
|
35
|
-
active: locked,
|
|
36
|
-
onClick: handleToggleLock,
|
|
37
|
-
tooltip: locked ? 'Unlock' : 'Lock',
|
|
38
|
-
testId: 'testId'
|
|
39
|
-
}}>
|
|
40
|
-
<Input disabled={locked} />
|
|
41
|
-
</Field>;
|
|
42
|
-
}`,...(_=(W=m.parameters)==null?void 0:W.docs)==null?void 0:_.source}}};var B,D,U;c.parameters={...c.parameters,docs:{...(B=c.parameters)==null?void 0:B.docs,source:{originalSource:`args => <Field {...args}>
|
|
43
|
-
<Input />
|
|
44
|
-
</Field>`,...(U=(D=c.parameters)==null?void 0:D.docs)==null?void 0:U.source}}};const ae=["Default","LabelOnLeft","HelpIconTooltip","HelpIconClickable","HelpTextBelow","InfoIcon","LockIcon","LibraryIcon"];export{d as Default,n as HelpIconClickable,a as HelpIconTooltip,p as HelpTextBelow,l as InfoIcon,t as LabelOnLeft,c as LibraryIcon,m as LockIcon,ae as __namedExportsOrder,te as default};
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-f961835c.js";import{r as p}from"./index-f80c8c95.js";import{D as k}from"./disabled-context-d654f6ff.js";import{I as P}from"./input-group-0ccd8ab2.js";import{I as W}from"./input-b46bef9b.js";import{B as Y}from"./button-a7e4e1fa.js";import{S as w}from"./spacer-b33ecb12.js";import{a as D,M as U}from"./message-1ae54f21.js";import{T as G}from"./textarea-5c9f1957.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-b72c7394.js";import"./index-64d4dcb8.js";import"./spinner-4948799e.js";import"./icon-bb00eeb9.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";const X="_fileInput_1elar_1",z={fileInput:X};var q=(e=>(e.READ_AS_TEXT="readAsText",e.READ_AS_ARRAY_BUFFER="readAsArrayBuffer",e.READ_AS_DATA_URL="readAsDataURL",e.READ_AS_BINARY_STRING="readAsBinaryString",e))(q||{});const K=(e=new Blob,n=q.READ_AS_TEXT)=>{const a=new FileReader;return new Promise((l,r)=>{if(n in a)a[n](e);else{r(new Error("Invalid FileReader method"));return}a.onload=()=>{a.result!==null?l(a.result):r(new Error("File reading resulted in null"))},a.onerror=i=>r(i)})},u=({label:e="Select",loading:n=!1,placeholder:a="No file selected",disabled:l=!1,file:r,accept:i,multi:c,name:f,width:V,onChange:L=()=>{},testId:B})=>{const y=p.useContext(k),x=p.useRef(null),M=(r==null?void 0:r.name)||null,H=()=>{var s;l||y||(s=x.current)==null||s.click()};return t.jsxs("div",{onClick:H,style:{width:V},children:[t.jsxs(P,{children:[t.jsx(W,{value:M||"",placeholder:a,disabled:!0}),t.jsx(Y,{label:e,loading:n,disabled:n||l||y,groupOrder:"last"})]}),t.jsx("input",{name:f,ref:x,className:z.fileInput,type:"file",accept:i,onChange:s=>{var h,S,_;L({...s,target:{...s.target,value:c?(h=s==null?void 0:s.target)==null?void 0:h.files:(_=(S=s==null?void 0:s.target)==null?void 0:S.files)==null?void 0:_[0]}})},"data-testid":B})]})};try{u.displayName="FileInput",u.__docgenInfo={description:"",displayName:"FileInput",props:{label:{defaultValue:{value:"Select"},description:"",name:"label",required:!1,type:{name:"string | null"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:{value:"No file selected"},description:"",name:"placeholder",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},file:{defaultValue:null,description:"",name:"file",required:!1,type:{name:"File"}},accept:{defaultValue:null,description:"",name:"accept",required:!1,type:{name:"string"}},multi:{defaultValue:null,description:"",name:"multi",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: any) => void)"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const{useArgs:Q}=__STORYBOOK_MODULE_ADDONS__,xe={title:"Forms/FileInput",component:u,args:{file:null}},J=e=>{const[n,a]=Q(),l=r=>{a({file:r.target.value})};return t.jsx(u,{...e,onChange:l})},d=J.bind({}),o=J.bind({});o.args={accept:".json"};o.parameters={docs:{description:{story:"See [accept attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept) to restrict file type"}}};const m=()=>{const[e,n]=p.useState(),[a,l]=p.useState({});return t.jsxs(t.Fragment,{children:[t.jsx(u,{file:e,onChange:async r=>{const i=r.target.value;try{const c=await K(i),f=JSON.parse(c);l(f)}catch(c){console.log(c)}n(i)},accept:".json"}),t.jsx(w,{}),e?t.jsx(G,{monospace:!0,value:JSON.stringify(a,null,2),rows:20}):t.jsx(D,{message:{visible:!0,content:"Upload a JSON file to see preview",type:U.INFO}})]})},g=()=>{const[e,n]=p.useState();return t.jsxs(t.Fragment,{children:[t.jsx(u,{file:e,onChange:a=>{n(a.target.value)},accept:"image/*"}),t.jsx(w,{}),e?t.jsx("img",{src:e?URL.createObjectURL(e):"",alt:"Preview",style:{maxHeight:"400px",maxWidth:"400px"}}):t.jsx(D,{message:{visible:!0,content:"Upload an image file to see preview",type:U.INFO}})]})};var F,A,v;d.parameters={...d.parameters,docs:{...(F=d.parameters)==null?void 0:F.docs,source:{originalSource:`args => {
|
|
2
|
-
const [_, updateArgs] = useArgs();
|
|
3
|
-
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
4
|
-
updateArgs({
|
|
5
|
-
file: evt.target.value
|
|
6
|
-
});
|
|
7
|
-
};
|
|
8
|
-
return <FileInput {...args} onChange={handleChange} />;
|
|
9
|
-
}`,...(v=(A=d.parameters)==null?void 0:A.docs)==null?void 0:v.source}}};var I,j,b;o.parameters={...o.parameters,docs:{...(I=o.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
|
|
10
|
-
const [_, updateArgs] = useArgs();
|
|
11
|
-
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
12
|
-
updateArgs({
|
|
13
|
-
file: evt.target.value
|
|
14
|
-
});
|
|
15
|
-
};
|
|
16
|
-
return <FileInput {...args} onChange={handleChange} />;
|
|
17
|
-
}`,...(b=(j=o.parameters)==null?void 0:j.docs)==null?void 0:b.source}}};var R,C,N;m.parameters={...m.parameters,docs:{...(R=m.parameters)==null?void 0:R.docs,source:{originalSource:`() => {
|
|
18
|
-
const [file, setFile] = useState();
|
|
19
|
-
const [json, setJson] = useState({});
|
|
20
|
-
return <>
|
|
21
|
-
<FileInput file={file} onChange={async evt => {
|
|
22
|
-
const file = evt.target.value;
|
|
23
|
-
try {
|
|
24
|
-
const text = await readFile(file);
|
|
25
|
-
const json = JSON.parse((text as string));
|
|
26
|
-
setJson(json);
|
|
27
|
-
} catch (error) {
|
|
28
|
-
console.log(error);
|
|
29
|
-
}
|
|
30
|
-
setFile(file);
|
|
31
|
-
}} accept=".json" />
|
|
32
|
-
<Spacer />
|
|
33
|
-
{file ? <TextArea monospace value={JSON.stringify(json, null, 2)} rows={20} /> : <Message message={{
|
|
34
|
-
visible: true,
|
|
35
|
-
content: 'Upload a JSON file to see preview',
|
|
36
|
-
type: MessageType.INFO
|
|
37
|
-
}} />}
|
|
38
|
-
</>;
|
|
39
|
-
}`,...(N=(C=m.parameters)==null?void 0:C.docs)==null?void 0:N.source}}};var O,T,E;g.parameters={...g.parameters,docs:{...(O=g.parameters)==null?void 0:O.docs,source:{originalSource:`() => {
|
|
40
|
-
const [file, setFile] = useState();
|
|
41
|
-
return <>
|
|
42
|
-
<FileInput file={file} onChange={evt => {
|
|
43
|
-
setFile(evt.target.value);
|
|
44
|
-
}} accept="image/*" />
|
|
45
|
-
<Spacer />
|
|
46
|
-
{file ? <img src={file ? URL.createObjectURL(file) : ''} alt="Preview" style={{
|
|
47
|
-
maxHeight: '400px',
|
|
48
|
-
maxWidth: '400px'
|
|
49
|
-
}} /> : <Message message={{
|
|
50
|
-
visible: true,
|
|
51
|
-
content: 'Upload an image file to see preview',
|
|
52
|
-
type: MessageType.INFO
|
|
53
|
-
}} />}
|
|
54
|
-
</>;
|
|
55
|
-
}`,...(E=(T=g.parameters)==null?void 0:T.docs)==null?void 0:E.source}}};const he=["Default","RestrictFiletype","ReadJSONFile","Image"];export{d as Default,g as Image,m as ReadJSONFile,o as RestrictFiletype,he as __namedExportsOrder,xe as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as s}from"./jsx-runtime-f961835c.js";const l=({alignItems:i="initial",justifyContent:r="initial",direction:t="initial",height:a="initial",children:n=null,wrap:u=!0,gap:e=!1})=>s.jsx("div",{style:{display:"flex",flexDirection:t,alignItems:i,justifyContent:r,height:typeof a=="number"?`${a}px`:a,flexWrap:u?"wrap":"nowrap",gap:e===!1?0:e===!0?"20px":typeof e=="number"?`${e}px`:e},children:n});try{l.displayName="Flex",l.__docgenInfo={description:"",displayName:"Flex",props:{alignItems:{defaultValue:{value:"initial"},description:"",name:"alignItems",required:!1,type:{name:"string"}},justifyContent:{defaultValue:{value:"initial"},description:"",name:"justifyContent",required:!1,type:{name:"string"}},direction:{defaultValue:{value:"initial"},description:"",name:"direction",required:!1,type:{name:"enum",value:[{value:'"inherit"'},{value:'"initial"'},{value:'"-moz-initial"'},{value:'"revert"'},{value:'"revert-layer"'},{value:'"unset"'},{value:'"column"'},{value:'"column-reverse"'},{value:'"row"'},{value:'"row-reverse"'}]}},height:{defaultValue:{value:"initial"},description:"",name:"height",required:!1,type:{name:"TStringOrNumber"}},wrap:{defaultValue:{value:"true"},description:"",name:"wrap",required:!1,type:{name:"boolean"}},gap:{defaultValue:{value:"false"},description:"",name:"gap",required:!1,type:{name:"boolean | TStringOrNumber"}}}}}catch{}export{l as F};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-f961835c.js";import{F as I}from"./flex-4bc3b694.js";import{B as v}from"./button-a7e4e1fa.js";import{T as J}from"./text-78efb253.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./spinner-4948799e.js";import"./icon-bb00eeb9.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./tooltip-b72c7394.js";import"./index-64d4dcb8.js";const V={title:"Layout/Flex",component:I,argTypes:{alignItems:{control:{type:"inline-radio"},options:["flex-start","center","flex-end"]},justifyContent:{control:{type:"inline-radio"},options:["flex-start","center","flex-end","space-between"]},gap:{control:{type:"boolean"}}},args:{alignItems:void 0,justifyContent:void 0,children:r.jsxs(r.Fragment,{children:[r.jsx(v,{label:"Button"}),r.jsx(J,{children:"Text"})]})}},e=_=>r.jsx(I,{..._}),p=e.bind({}),s=e.bind({});s.args={gap:!0};const t=e.bind({});t.args={gap:"50px"};const a=e.bind({});a.args={height:"200px",alignItems:"center",justifyContent:"center"};const o=e.bind({});o.args={justifyContent:"space-between"};const n=e.bind({});n.args={justifyContent:"flex-end"};const i=e.bind({});i.args={direction:"column"};var c,l,m;p.parameters={...p.parameters,docs:{...(c=p.parameters)==null?void 0:c.docs,source:{originalSource:`args => <Flex
|
|
2
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
3
|
-
{...args} />`,...(m=(l=p.parameters)==null?void 0:l.docs)==null?void 0:m.source}}};var d,g,u;s.parameters={...s.parameters,docs:{...(d=s.parameters)==null?void 0:d.docs,source:{originalSource:`args => <Flex
|
|
4
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
5
|
-
{...args} />`,...(u=(g=s.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};var x,f,b;t.parameters={...t.parameters,docs:{...(x=t.parameters)==null?void 0:x.docs,source:{originalSource:`args => <Flex
|
|
6
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
7
|
-
{...args} />`,...(b=(f=t.parameters)==null?void 0:f.docs)==null?void 0:b.source}}};var j,y,C;a.parameters={...a.parameters,docs:{...(j=a.parameters)==null?void 0:j.docs,source:{originalSource:`args => <Flex
|
|
8
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
9
|
-
{...args} />`,...(C=(y=a.parameters)==null?void 0:y.docs)==null?void 0:C.source}}};var F,S,h;o.parameters={...o.parameters,docs:{...(F=o.parameters)==null?void 0:F.docs,source:{originalSource:`args => <Flex
|
|
10
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
11
|
-
{...args} />`,...(h=(S=o.parameters)==null?void 0:S.docs)==null?void 0:h.source}}};var B,T,w;n.parameters={...n.parameters,docs:{...(B=n.parameters)==null?void 0:B.docs,source:{originalSource:`args => <Flex
|
|
12
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
13
|
-
{...args} />`,...(w=(T=n.parameters)==null?void 0:T.docs)==null?void 0:w.source}}};var D,E,G;i.parameters={...i.parameters,docs:{...(D=i.parameters)==null?void 0:D.docs,source:{originalSource:`args => <Flex
|
|
14
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
15
|
-
{...args} />`,...(G=(E=i.parameters)==null?void 0:E.docs)==null?void 0:G.source}}};const W=["Default","DefaultGap","CustomGap","Center","SpaceBetween","JustifyEnd","Column"];export{a as Center,i as Column,t as CustomGap,p as Default,s as DefaultGap,n as JustifyEnd,o as SpaceBetween,W as __namedExportsOrder,V as default};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{T as p}from"./table-c1a1665f.js";import{t as a,r as s}from"./table.stories-data-435da5fd.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./index.es-cc11f36c.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./hoist-non-react-statics.cjs-cd4c875b.js";import"./index-64d4dcb8.js";import"./memoize-one.esm-52518564.js";import"./icon-bb00eeb9.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./lodash-75c70a11.js";import"./actions-7f26d646.js";import"./common-types-3a5f9d98.js";import"./button-a7e4e1fa.js";import"./spinner-4948799e.js";import"./tooltip-b72c7394.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-2efb26e1.js";import"./heading-5d5cbb6f.js";import"./help-icon-e6604019.js";import"./pagination-67e45ad2.js";import"./select-63fb21a5.js";import"./assertThisInitialized-081f9914.js";import"./text-78efb253.js";import"./select.input-88b6ebab.js";import"./input-b46bef9b.js";import"./input-group-0ccd8ab2.js";import"./input-group-addon-9c5ee64d.js";import"./number-input-0b915316.js";import"./index-54f0d271.js";import"./check-box-b6e88d91.js";import"./slider-0dae0ace.js";import"./index-c7f280f6.js";import"./popover-deb55aea.js";import"./flex-4bc3b694.js";const Y={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 Z=["Footer"];export{r as Footer,Z as __namedExportsOrder,Y as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as s}from"./jsx-runtime-f961835c.js";const t="_formRow_qmafr_341",e={formRow:t},r=({children:o})=>s.jsx("div",{className:e.formRow,children:o});try{r.displayName="FormRow",r.__docgenInfo={description:"",displayName:"FormRow",props:{}}}catch{}export{r as F};
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{T as W}from"./common-types-3a5f9d98.js";import{D as A}from"./disabled-context-d654f6ff.js";import{F as s}from"./field-2ae2bd3e.js";import{I as b}from"./input-b46bef9b.js";import{S as c}from"./select-63fb21a5.js";import{C as G}from"./check-box-b6e88d91.js";import{B as N}from"./button-group-79f38dcc.js";import{B as _}from"./button-a7e4e1fa.js";import{T as E}from"./toggle-e193dcc8.js";import{I as V}from"./input-group-0ccd8ab2.js";import{I as x}from"./input-group-addon-9c5ee64d.js";import{S as U}from"./slider-0dae0ace.js";import{T as $}from"./textarea-5c9f1957.js";import{R as q}from"./radio-button-673f6757.js";import{M as z}from"./actions-7f26d646.js";import{F as H}from"./form-row-e13cb51c.js";import{M as g}from"./types-cc224262.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./label-4b8583ea.js";import"./help-icon-e6604019.js";import"./tooltip-b72c7394.js";import"./index-64d4dcb8.js";import"./icon-bb00eeb9.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./text-78efb253.js";import"./select.input-88b6ebab.js";import"./spinner-4948799e.js";import"./objectSpread2-fdee9b6d.js";import"./index-c7f280f6.js";import"./badge-2efb26e1.js";const ye={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,{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 Be=["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,Be as __namedExportsOrder,ye as default};
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{r as c}from"./index-f80c8c95.js";import{T as d}from"./top-bar-68696a1c.js";import{S as g}from"./side-bar-b5f6fafc.js";import{H as v}from"./heading-5d5cbb6f.js";import{P as h}from"./page-1a36abc8.js";import{R as x,C as o}from"./row-18fba056.js";import{S as b}from"./spacer-b33ecb12.js";import{T as f}from"./tabs-665566e2.js";import{T as j}from"./table-c1a1665f.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./button-a7e4e1fa.js";import"./disabled-context-d654f6ff.js";import"./spinner-4948799e.js";import"./icon-bb00eeb9.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./tooltip-b72c7394.js";import"./index-64d4dcb8.js";import"./actions-7f26d646.js";import"./lodash-75c70a11.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-2efb26e1.js";import"./index-c7f280f6.js";import"./drawer-182b490e.js";import"./help-icon-e6604019.js";import"./styled-components.browser.esm-a7da2f18.js";import"./hoist-non-react-statics.cjs-cd4c875b.js";import"./select.input-88b6ebab.js";import"./index.es-cc11f36c.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./pagination-67e45ad2.js";import"./select-63fb21a5.js";import"./assertThisInitialized-081f9914.js";import"./text-78efb253.js";import"./input-b46bef9b.js";import"./input-group-0ccd8ab2.js";import"./input-group-addon-9c5ee64d.js";import"./number-input-0b915316.js";import"./index-54f0d271.js";import"./check-box-b6e88d91.js";import"./slider-0dae0ace.js";import"./popover-deb55aea.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)"]}),ve={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},t=()=>{const a=[{label:"Monkeys",value:"monkeys"},{label:"Bananas",value:"bananas"},{label:"Squirrels",value:"squirrels"},{label:"Pomegranates",value:"pomegranates"}],[i,n]=c.useState(a[0]);return e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsx(g,{options:{title:"",sections:[]}}),e.jsxs(h,{padding:"16px 20px",scroll:!0,children:[e.jsx(v,{top:!0,marginBottom:0,children:"Formation Inputs"}),e.jsx(f,{margin:!1,options:a,value:i,onChange:m=>{const{value:p,label:u}=m.target;n({value:p,label:u})}}),e.jsx(b,{height:20}),e.jsxs(x,{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,{})})]})]})]})};var r,s,l;t.parameters={...t.parameters,docs:{...(r=t.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="16px 20px" 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 height={20} />
|
|
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
|
-
}`,...(l=(s=t.parameters)==null?void 0:s.docs)==null?void 0:l.source}}};t.__docgenInfo={description:"",methods:[],displayName:"Formation"};const he=["Formation"];export{t as Formation,he as __namedExportsOrder,ve as default};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-f961835c.js";import{s as m}from"./styled-components.browser.esm-a7da2f18.js";const d=e=>typeof e=="boolean"?e?"20px":"0px":typeof e=="number"?`${e}px`:e||"initial",l=e=>typeof e=="number"?`${e}px`:e||"initial",p=m.div`
|
|
2
|
-
display: grid;
|
|
3
|
-
gap: ${e=>d(e.gap)};
|
|
4
|
-
grid-template-rows: ${e=>l(e.rows)};
|
|
5
|
-
grid-template-columns: ${e=>l(e.columns)};
|
|
6
|
-
height: ${e=>l(e.height)};
|
|
7
|
-
|
|
8
|
-
@media (max-width: 992px) {
|
|
9
|
-
${e=>e.columnsTablet&&`grid-template-columns: ${l(e.columnsTablet)};`}
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
@media (max-width: 575px) {
|
|
13
|
-
${e=>e.columnsMobile&&`grid-template-columns: ${l(e.columnsMobile)};`}
|
|
14
|
-
}
|
|
15
|
-
`,a=({rows:e="initial",columns:n="initial",columnsTablet:r=null,columnsMobile:u=null,gap:i=!1,height:t="initial",children:s})=>o.jsx(p,{rows:e,columns:n,columnsTablet:r,columnsMobile:u,gap:i===!1?"0px":i===!0?"20px":i,height:typeof t=="number"?`${t}px`:t,children:s});try{a.displayName="Grid",a.__docgenInfo={description:"",displayName:"Grid",props:{rows:{defaultValue:{value:"initial"},description:"",name:"rows",required:!1,type:{name:"string"}},columns:{defaultValue:{value:"initial"},description:"",name:"columns",required:!1,type:{name:"string"}},columnsTablet:{defaultValue:{value:"null"},description:"",name:"columnsTablet",required:!1,type:{name:"string | null"}},columnsMobile:{defaultValue:{value:"null"},description:"",name:"columnsMobile",required:!1,type:{name:"string | null"}},gap:{defaultValue:{value:"false"},description:"",name:"gap",required:!1,type:{name:"boolean | TStringOrNumber"}},height:{defaultValue:{value:"initial"},description:"",name:"height",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}export{a as G};
|