@oliasoft-open-source/react-ui-library 3.12.0-beta-21 → 3.12.0-beta-23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/Color-6VNJS4EI.6ab37586.js +1 -0
- package/dist/assets/DocsRenderer-3PUGWF3O.813562ef.js +1 -0
- package/dist/assets/GlobalScrollAreaStyles-UY5SB7EJ.7045b9ae.js +7 -0
- package/dist/assets/Lato-Bold.ae88fc0d.woff2 +0 -0
- package/dist/assets/Lato-BoldItalic.c0916a33.woff2 +0 -0
- package/dist/assets/Lato-Italic.4465765f.woff2 +0 -0
- package/dist/assets/Lato-Regular.983b0caf.woff2 +0 -0
- package/dist/assets/OverlayScrollbars-GZGLA7DL.14482910.js +1 -0
- package/dist/assets/WithTooltip-J57HCPYA.1fd39bce.js +1 -0
- package/dist/assets/accordion.13178c66.js +1 -0
- package/dist/assets/accordion.525b2fab.css +1 -0
- package/dist/assets/accordion.stories.ac37cb89.css +1 -0
- package/dist/assets/accordion.stories.ca971206.js +170 -0
- package/dist/assets/actions.310c4239.js +1 -0
- package/dist/assets/actions.e1c5ac61.css +1 -0
- package/dist/assets/actions.stories.7879a8f9.js +1 -0
- package/dist/assets/afe.stories.b8e1fa81.js +89 -0
- package/dist/assets/assertThisInitialized.962dde02.js +1 -0
- package/dist/assets/badge.aa4742d6.css +1 -0
- package/dist/assets/badge.c60b26e4.js +1 -0
- package/dist/assets/badge.stories.33b97584.js +1 -0
- package/dist/assets/blowout.stories.01234877.js +40 -0
- package/dist/assets/breadcrumb.stories.d62b029a.js +1 -0
- package/dist/assets/breadcrumb.stories.ec30543a.css +1 -0
- package/dist/assets/button-group.2c67f8a4.css +1 -0
- package/dist/assets/button-group.db95fc8a.js +1 -0
- package/dist/assets/button-group.stories.5ba89e99.js +61 -0
- package/dist/assets/button.4d73be0d.js +1 -0
- package/dist/assets/button.6bb4f57b.css +1 -0
- package/dist/assets/button.stories.6e26de2a.js +51 -0
- package/dist/assets/buttons-and-links.8ec43470.js +14 -0
- package/dist/assets/card.1c1f9162.css +1 -0
- package/dist/assets/card.edc0d859.js +1 -0
- package/dist/assets/card.stories.66e7ff29.js +1 -0
- package/dist/assets/casing-loads.stories.e0ccfa32.js +209 -0
- package/dist/assets/cell.stories.e3104e33.js +208 -0
- package/dist/assets/check-box.01bce682.css +1 -0
- package/dist/assets/check-box.fe165636.js +1 -0
- package/dist/assets/check-box.stories.57dad348.js +37 -0
- package/dist/assets/chunk-S4VUQJ4A.f7cc51cc.js +1 -0
- package/dist/assets/color.057758bc.js +11 -0
- package/dist/assets/column.stories.d5ed4f3a.js +79 -0
- package/dist/assets/common-enum.04de2059.js +1 -0
- package/dist/assets/config.c9ed1eeb.js +54 -0
- package/dist/assets/dialog.4e7f29a6.css +1 -0
- package/dist/assets/dialog.d82a54f5.js +1 -0
- package/dist/assets/disabled-context.47d44ea4.js +1 -0
- package/dist/assets/divider.370893dc.js +1 -0
- package/dist/assets/divider.662a7bed.css +1 -0
- package/dist/assets/divider.stories.3bfb53de.js +1 -0
- package/dist/assets/drawer.112c042f.css +1 -0
- package/dist/assets/drawer.cd7dde21.js +3 -0
- package/dist/assets/drawer.stories.98d39cde.js +109 -0
- package/dist/assets/empty.stories.628b1f43.css +1 -0
- package/dist/assets/empty.stories.a46e313b.js +1 -0
- package/dist/assets/enum.9003e5cc.js +1 -0
- package/dist/assets/extends.946277fc.js +1 -0
- package/dist/assets/field.34841a80.js +7 -0
- package/dist/assets/field.bc01d139.css +1 -0
- package/dist/assets/field.stories.6af15057.js +44 -0
- package/dist/assets/file-input.stories.c6f928e4.js +55 -0
- package/dist/assets/file-input.stories.f40408e6.css +1 -0
- package/dist/assets/flex.f0bedd04.js +1 -0
- package/dist/assets/flex.stories.376a9450.js +15 -0
- package/dist/assets/footer.stories.61ffd164.js +3 -0
- package/dist/assets/form-row.62481e7e.css +1 -0
- package/dist/assets/form-row.78983423.js +1 -0
- package/dist/assets/form.stories.f11fed32.js +49 -0
- package/dist/assets/formation.stories.2f7b0e86.js +74 -0
- package/dist/assets/formatter-SWP5E3XI.e61245f5.js +156 -0
- package/dist/assets/grid.87b6d860.js +15 -0
- package/dist/assets/grid.stories.1433d600.js +13 -0
- package/dist/assets/heading.73ccb489.css +1 -0
- package/dist/assets/heading.d8accca2.js +1 -0
- package/dist/assets/heading.stories.44222c36.js +15 -0
- package/dist/assets/help-icon.191ef5ef.css +1 -0
- package/dist/assets/help-icon.8deae1d5.js +1 -0
- package/dist/assets/help-icon.stories.74febf53.js +4 -0
- package/dist/assets/hoist-non-react-statics.cjs.10bac274.js +8 -0
- package/dist/assets/icon.678900bc.css +1 -0
- package/dist/assets/icon.86155bc3.js +8 -0
- package/dist/assets/icon.stories.00e227aa.js +6 -0
- package/dist/assets/icons8-junction.2d176da1.svg +4 -0
- package/dist/assets/icons8-junction.d57c510c.js +1 -0
- package/dist/assets/iframe.3e65cb98.js +1 -0
- package/dist/assets/immer.esm.e53d4108.js +1 -0
- package/dist/assets/index.24227caa.js +1 -0
- package/dist/assets/index.366d4da9.js +364 -0
- package/dist/assets/index.55214191.js +5 -0
- package/dist/assets/index.73b4811b.js +1 -0
- package/dist/assets/index.8c7046c4.js +12 -0
- package/dist/assets/index.b8646d95.js +8 -0
- package/dist/assets/index.c3ebe287.js +1 -0
- package/dist/assets/index.cb615f32.js +23 -0
- package/dist/assets/index.cb879655.js +1 -0
- package/dist/assets/index.eeb00e59.js +1 -0
- package/dist/assets/index.es.5a055fee.js +79 -0
- package/dist/assets/inheritsLoose.5387fada.js +1 -0
- package/dist/assets/input-group-addon.1b2fe0a2.css +1 -0
- package/dist/assets/input-group-addon.d746d2dd.js +1 -0
- package/dist/assets/input-group.21ee5488.css +1 -0
- package/dist/assets/input-group.655922b4.js +1 -0
- package/dist/assets/input-group.stories.4c57ce15.js +167 -0
- package/dist/assets/input-validation.ab4fcf0b.js +26 -0
- package/dist/assets/input.6e66348d.css +1 -0
- package/dist/assets/input.c3176058.js +1 -0
- package/dist/assets/input.stories.478a5078.js +17 -0
- package/dist/assets/inputs.419eb48b.js +62 -0
- package/dist/assets/jsx-runtime.bc0b5389.js +8 -0
- package/dist/assets/label.71b4dc9a.js +7 -0
- package/dist/assets/label.858be3a9.css +1 -0
- package/dist/assets/label.stories.e0d2308f.js +11 -0
- package/dist/assets/layout-forms.700405c2.js +16 -0
- package/dist/assets/layout-general.fc2d7d12.js +35 -0
- package/dist/assets/list-heading.0b169dd3.css +1 -0
- package/dist/assets/list-heading.647cd461.js +1 -0
- package/dist/assets/list.c0b606e4.js +8 -0
- package/dist/assets/list.stories-data.adf90caf.js +1 -0
- package/dist/assets/list.stories.7ac2d704.js +455 -0
- package/dist/assets/loader.a3325b3b.css +1 -0
- package/dist/assets/loader.c35b8c59.js +1 -0
- package/dist/assets/loader.stories.7b04d56f.js +83 -0
- package/dist/assets/lodash.96de7017.js +27 -0
- package/dist/assets/logo.0bd264c0.svg +13 -0
- package/dist/assets/logo.2108d336.js +1 -0
- package/dist/assets/memoize-one.esm.7a54f149.js +1 -0
- package/dist/assets/menu.stories-data.900a9cfa.js +1 -0
- package/dist/assets/menu.stories.c36361c9.js +60 -0
- package/dist/assets/message.65e5823f.js +1 -0
- package/dist/assets/message.be82e7d4.css +1 -0
- package/dist/assets/message.stories.3fa55adc.js +273 -0
- package/dist/assets/modal.stories.2abfae2c.js +141 -0
- package/dist/assets/number-input.9aea4872.js +14 -0
- package/dist/assets/number-input.stories.eb42243a.js +81 -0
- package/dist/assets/objectSpread2.62d3bde3.js +1 -0
- package/dist/assets/option-dropdown.stories.964a6723.js +21 -0
- package/dist/assets/option-dropdown.stories.ed561ab5.css +1 -0
- package/dist/assets/page.0fb98747.js +1 -0
- package/dist/assets/page.2695c4f2.css +1 -0
- package/dist/assets/page.stories.5e31b195.js +57 -0
- package/dist/assets/page.stories.dd8c1b35.css +1 -0
- package/dist/assets/pagination.4f19f4f6.js +1 -0
- package/dist/assets/pagination.94a8083b.css +1 -0
- package/dist/assets/pagination.stories.60a578d4.js +59 -0
- package/dist/assets/pop-confirm.stories.5d206e9c.js +3 -0
- package/dist/assets/pop-confirm.stories.9af1de76.css +1 -0
- package/dist/assets/popover.deb1280b.js +1 -0
- package/dist/assets/popover.e1591e30.css +1 -0
- package/dist/assets/popover.stories.112ee36a.js +1 -0
- package/dist/assets/portal.23946b05.js +1 -0
- package/dist/assets/portal.stories.9cb2196e.js +20 -0
- package/dist/assets/preview.282104ff.css +1 -0
- package/dist/assets/preview.30462fd6.js +1 -0
- package/dist/assets/preview.bf416a92.js +3 -0
- package/dist/assets/preview.d466df72.js +1 -0
- package/dist/assets/progress-bar.52d10897.js +1 -0
- package/dist/assets/progress-bar.ab07ff52.css +1 -0
- package/dist/assets/progress-bar.stories.fcc25c58.js +1 -0
- package/dist/assets/projects.stories.9871f3b0.js +46 -0
- package/dist/assets/radio-button.581bf0f0.js +1 -0
- package/dist/assets/radio-button.6e83a3d2.css +1 -0
- package/dist/assets/radio-button.stories.c66de8c8.js +31 -0
- package/dist/assets/react-16.27cfc332.js +1 -0
- package/dist/assets/redux.afc48bf2.js +1 -0
- package/dist/assets/reservoirs.stories.8acab80f.js +157 -0
- package/dist/assets/rich-text-input.stories.43df28cf.css +1 -0
- package/dist/assets/rich-text-input.stories.e13f8c3c.js +255 -0
- package/dist/assets/row.1d0d4b93.js +39 -0
- package/dist/assets/row.8eeaa564.css +1 -0
- package/dist/assets/row.stories.d884a19c.js +122 -0
- package/dist/assets/select.0c940187.js +1 -0
- package/dist/assets/select.e0d41c57.css +1 -0
- package/dist/assets/select.input.395daa83.js +1 -0
- package/dist/assets/select.stories.8ecd1d7e.js +841 -0
- package/dist/assets/side-bar.04dfa34e.css +1 -0
- package/dist/assets/side-bar.38b8fdc1.js +1 -0
- package/dist/assets/side-bar.stories.6d5af4d9.js +1 -0
- package/dist/assets/site.stories.eebf3d98.js +167 -0
- package/dist/assets/slider.295b80b6.js +7 -0
- package/dist/assets/slider.876efa63.css +1 -0
- package/dist/assets/slider.stories.dac4ae4e.js +127 -0
- package/dist/assets/spacer.17f9f9e6.js +1 -0
- package/dist/assets/spacer.stories.2e017931.js +7 -0
- package/dist/assets/spinner.9cd41d19.css +1 -0
- package/dist/assets/spinner.f0fdc45e.js +1 -0
- package/dist/assets/spinner.stories.037bbf80.js +6 -0
- package/dist/assets/styled-components.browser.esm.611ca86c.js +4 -0
- package/dist/assets/syntaxhighlighter-PONEFOSF.c586a4a2.js +1 -0
- package/dist/assets/table.34589fe4.js +1 -0
- package/dist/assets/table.7acbb8cb.css +1 -0
- package/dist/assets/table.stories-data.ad50babd.js +1 -0
- package/dist/assets/table.stories.c045b7cf.js +509 -0
- package/dist/assets/tabs.3dbf724d.css +1 -0
- package/dist/assets/tabs.408b21fe.js +1 -0
- package/dist/assets/tabs.stories.b3e0b918.js +30 -0
- package/dist/assets/text-link.stories.9180c74e.js +1 -0
- package/dist/assets/text.3e08313f.js +1 -0
- package/dist/assets/text.449f16cc.css +1 -0
- package/dist/assets/text.stories.5ba7837b.js +1 -0
- package/dist/assets/textarea.61ee0223.js +1 -0
- package/dist/assets/textarea.e4db0752.css +1 -0
- package/dist/assets/textarea.stories.2b56ca62.js +9 -0
- package/dist/assets/title.stories.adbe835e.js +37 -0
- package/dist/assets/toaster.41028eac.css +1 -0
- package/dist/assets/toaster.b90d2fdf.js +1 -0
- package/dist/assets/toaster.stories.8caabcd8.js +34 -0
- package/dist/assets/toggle.ba9d43b4.js +1 -0
- package/dist/assets/toggle.c2bbeb51.css +1 -0
- package/dist/assets/toggle.stories.091d9048.js +72 -0
- package/dist/assets/tooltip.47b8435e.js +26 -0
- package/dist/assets/tooltip.bdf67884.css +1 -0
- package/dist/assets/tooltip.stories.730e6534.js +17 -0
- package/dist/assets/tooltip.test-case.stories.0022ff66.js +3 -0
- package/dist/assets/top-bar.3d7158ba.css +1 -0
- package/dist/assets/top-bar.d067e7e6.js +1 -0
- package/dist/assets/top-bar.stories.69d16baa.js +1 -0
- package/dist/assets/top-bar.testcase.stories.10864a92.js +30 -0
- package/dist/assets/tree.stories.154364be.css +1 -0
- package/dist/assets/tree.stories.f3d83294.js +72 -0
- package/dist/assets/types.f0417c6d.js +1 -0
- package/dist/favicon.svg +7 -0
- package/dist/iframe.html +458 -0
- package/dist/index.d.ts +1467 -79
- package/dist/index.html +98 -0
- package/dist/index.js +72363 -86
- package/dist/index.json +1 -0
- package/dist/project.json +1 -0
- package/dist/sb-addons/actions-0/manager-bundle.js +3 -0
- package/dist/sb-addons/actions-0/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/sb-addons/storybook-dark-mode-esm-preset-1/manager-bundle.js +5 -0
- package/dist/sb-addons/storybook-dark-mode-esm-preset-1/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/sb-common-assets/fonts.css +31 -0
- package/dist/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-bold.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-italic.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-regular.woff2 +0 -0
- package/dist/sb-manager/GlobalScrollAreaStyles-UY5SB7EJ-BKTFUTA6.js +7 -0
- package/dist/sb-manager/OverlayScrollbars-GZGLA7DL-YJ2Z3IBE.js +1 -0
- package/dist/sb-manager/WithTooltip-J57HCPYA-3VOMFVVS.js +1 -0
- package/dist/sb-manager/chunk-3J6GS6FI.js +1 -0
- package/dist/sb-manager/chunk-IZBYDH3T.js +408 -0
- package/dist/sb-manager/chunk-NBCGHFLK.js +136 -0
- package/dist/sb-manager/chunk-O2ZUMB77.js +7 -0
- package/dist/sb-manager/chunk-QMHPSTMR.js +15 -0
- package/dist/sb-manager/chunk-QPL63VNK.js +1 -0
- package/dist/sb-manager/chunk-RKFFWI2D.js +1 -0
- package/dist/sb-manager/chunk-SPUAGIB2.js +207 -0
- package/dist/sb-manager/formatter-SWP5E3XI-FS7NNRKF.js +156 -0
- package/dist/sb-manager/globals.js +1 -0
- package/dist/sb-manager/index.js +1 -0
- package/dist/sb-manager/runtime.js +1 -0
- package/dist/sb-manager/syntaxhighlighter-PONEFOSF-PLQPOLN2.js +1 -0
- package/dist/sb-preview/globals.js +1 -0
- package/dist/sb-preview/runtime.js +112 -0
- package/dist/stories.json +1 -0
- package/package.json +8 -9
- package/dist/common-enum.d.ts +0 -73
- package/dist/common-enum.js +0 -81
- package/dist/components/accordion/accordion.d.ts +0 -4
- package/dist/components/accordion/accordion.interface.d.ts +0 -17
- package/dist/components/accordion/accordion.interface.js +0 -1
- package/dist/components/accordion/accordion.js +0 -17
- package/dist/components/accordion/accordion.stories.d.ts +0 -11
- package/dist/components/accordion/accordion.stories.js +0 -140
- package/dist/components/accordion/chevron/chevron.d.ts +0 -5
- package/dist/components/accordion/chevron/chevron.js +0 -8
- package/dist/components/accordion/enum.d.ts +0 -4
- package/dist/components/accordion/enum.js +0 -5
- package/dist/components/accordion/helpers/accordion-with-default-toggle.d.ts +0 -12
- package/dist/components/accordion/helpers/accordion-with-default-toggle.js +0 -35
- package/dist/components/actions/actions.d.ts +0 -14
- package/dist/components/actions/actions.interface.d.ts +0 -25
- package/dist/components/actions/actions.interface.js +0 -1
- package/dist/components/actions/actions.js +0 -66
- package/dist/components/actions/actions.stories.d.ts +0 -25
- package/dist/components/actions/actions.stories.js +0 -67
- package/dist/components/badge/badge.d.ts +0 -10
- package/dist/components/badge/badge.js +0 -21
- package/dist/components/badge/badge.stories.d.ts +0 -7
- package/dist/components/badge/badge.stories.js +0 -21
- package/dist/components/breadcrumb/breadcrumb.d.ts +0 -6
- package/dist/components/breadcrumb/breadcrumb.js +0 -11
- package/dist/components/breadcrumb/breadcrumb.stories.d.ts +0 -5
- package/dist/components/breadcrumb/breadcrumb.stories.js +0 -36
- package/dist/components/breadcrumb/enum.d.ts +0 -5
- package/dist/components/breadcrumb/enum.js +0 -6
- package/dist/components/breadcrumb/link.d.ts +0 -12
- package/dist/components/breadcrumb/link.js +0 -12
- package/dist/components/button/button.d.ts +0 -31
- package/dist/components/button/button.js +0 -52
- package/dist/components/button/button.stories.d.ts +0 -13
- package/dist/components/button/button.stories.js +0 -63
- package/dist/components/button/enum.d.ts +0 -5
- package/dist/components/button/enum.js +0 -6
- package/dist/components/button-group/button-group.d.ts +0 -38
- package/dist/components/button-group/button-group.js +0 -83
- package/dist/components/button-group/button-group.stories-data.d.ts +0 -6
- package/dist/components/button-group/button-group.stories-data.js +0 -61
- package/dist/components/button-group/button-group.stories.d.ts +0 -9
- package/dist/components/button-group/button-group.stories.js +0 -51
- package/dist/components/card/card.d.ts +0 -10
- package/dist/components/card/card.js +0 -6
- package/dist/components/card/card.stories.d.ts +0 -8
- package/dist/components/card/card.stories.js +0 -27
- package/dist/components/check-box/check-box.d.ts +0 -19
- package/dist/components/check-box/check-box.js +0 -19
- package/dist/components/check-box/check-box.stories.d.ts +0 -6
- package/dist/components/check-box/check-box.stories.js +0 -29
- package/dist/components/color/color.stories-data.d.ts +0 -9
- package/dist/components/color/color.stories-data.js +0 -55
- package/dist/components/dialog/dialog.d.ts +0 -17
- package/dist/components/dialog/dialog.js +0 -18
- package/dist/components/divider/divider.d.ts +0 -9
- package/dist/components/divider/divider.js +0 -19
- package/dist/components/divider/divider.stories.d.ts +0 -7
- package/dist/components/divider/divider.stories.js +0 -41
- package/dist/components/drawer/drawer-resize-wrapper.d.ts +0 -2
- package/dist/components/drawer/drawer-resize-wrapper.js +0 -33
- package/dist/components/drawer/drawer-tabs.d.ts +0 -2
- package/dist/components/drawer/drawer-tabs.js +0 -15
- package/dist/components/drawer/drawer.constants.d.ts +0 -2
- package/dist/components/drawer/drawer.constants.js +0 -2
- package/dist/components/drawer/drawer.d.ts +0 -2
- package/dist/components/drawer/drawer.interface.d.ts +0 -55
- package/dist/components/drawer/drawer.interface.js +0 -1
- package/dist/components/drawer/drawer.js +0 -80
- package/dist/components/drawer/drawer.stories.d.ts +0 -40
- package/dist/components/drawer/drawer.stories.js +0 -176
- package/dist/components/empty/empty.d.ts +0 -8
- package/dist/components/empty/empty.js +0 -6
- package/dist/components/empty/empty.stories.d.ts +0 -5
- package/dist/components/empty/empty.stories.js +0 -19
- package/dist/components/file-input/enum.d.ts +0 -6
- package/dist/components/file-input/enum.js +0 -7
- package/dist/components/file-input/file-input.d.ts +0 -18
- package/dist/components/file-input/file-input.js +0 -47
- package/dist/components/file-input/file-input.stories.d.ts +0 -7
- package/dist/components/file-input/file-input.stories.js +0 -65
- package/dist/components/form/field.d.ts +0 -16
- package/dist/components/form/field.js +0 -13
- package/dist/components/form/field.stories.d.ts +0 -12
- package/dist/components/form/field.stories.js +0 -51
- package/dist/components/form/form.stories.d.ts +0 -27
- package/dist/components/form/form.stories.js +0 -76
- package/dist/components/heading/heading.d.ts +0 -19
- package/dist/components/heading/heading.js +0 -9
- package/dist/components/heading/heading.stories.d.ts +0 -10
- package/dist/components/heading/heading.stories.js +0 -46
- package/dist/components/help-icon/help-icon.d.ts +0 -10
- package/dist/components/help-icon/help-icon.js +0 -19
- package/dist/components/help-icon/help-icon.stories.d.ts +0 -10
- package/dist/components/help-icon/help-icon.stories.js +0 -37
- package/dist/components/icon/icon.d.ts +0 -16
- package/dist/components/icon/icon.js +0 -31
- package/dist/components/icon/icon.stories.d.ts +0 -25
- package/dist/components/icon/icon.stories.js +0 -37
- package/dist/components/icon/named-icon.d.ts +0 -6
- package/dist/components/icon/named-icon.js +0 -418
- package/dist/components/input/input.d.ts +0 -26
- package/dist/components/input/input.js +0 -40
- package/dist/components/input/input.stories.d.ts +0 -5
- package/dist/components/input/input.stories.js +0 -22
- package/dist/components/input-group/input-group-addon/input-group-addon.d.ts +0 -8
- package/dist/components/input-group/input-group-addon/input-group-addon.js +0 -20
- package/dist/components/input-group/input-group.d.ts +0 -7
- package/dist/components/input-group/input-group.js +0 -27
- package/dist/components/input-group/input-group.stories.d.ts +0 -8
- package/dist/components/input-group/input-group.stories.js +0 -65
- package/dist/components/label/label.d.ts +0 -24
- package/dist/components/label/label.js +0 -14
- package/dist/components/label/label.stories.d.ts +0 -10
- package/dist/components/label/label.stories.js +0 -42
- package/dist/components/layout/column/column.d.ts +0 -18
- package/dist/components/layout/column/column.js +0 -13
- package/dist/components/layout/column/styles.d.ts +0 -15
- package/dist/components/layout/column/styles.js +0 -41
- package/dist/components/layout/column.stories.d.ts +0 -20
- package/dist/components/layout/column.stories.js +0 -53
- package/dist/components/layout/flex/flex.d.ts +0 -11
- package/dist/components/layout/flex/flex.js +0 -18
- package/dist/components/layout/flex/flex.stories.d.ts +0 -10
- package/dist/components/layout/flex/flex.stories.js +0 -52
- package/dist/components/layout/form-row/form-row.d.ts +0 -5
- package/dist/components/layout/form-row/form-row.js +0 -5
- package/dist/components/layout/grid/grid.d.ts +0 -11
- package/dist/components/layout/grid/grid.js +0 -41
- package/dist/components/layout/grid/grid.stories.d.ts +0 -9
- package/dist/components/layout/grid/grid.stories.js +0 -48
- package/dist/components/layout/page/page.d.ts +0 -9
- package/dist/components/layout/page/page.js +0 -11
- package/dist/components/layout/page.stories.d.ts +0 -9
- package/dist/components/layout/page.stories.js +0 -32
- package/dist/components/layout/placeholder.d.ts +0 -1
- package/dist/components/layout/placeholder.js +0 -1
- package/dist/components/layout/print-header/print-header.d.ts +0 -7
- package/dist/components/layout/print-header/print-header.js +0 -3
- package/dist/components/layout/row/row.d.ts +0 -15
- package/dist/components/layout/row/row.js +0 -24
- package/dist/components/layout/spacer/spacer.d.ts +0 -6
- package/dist/components/layout/spacer/spacer.js +0 -8
- package/dist/components/list/list-row/item-content.d.ts +0 -2
- package/dist/components/list/list-row/item-content.js +0 -9
- package/dist/components/list/list-row/label.d.ts +0 -2
- package/dist/components/list/list-row/label.js +0 -6
- package/dist/components/list/list-row/list-heading.d.ts +0 -3
- package/dist/components/list/list-row/list-heading.js +0 -10
- package/dist/components/list/list-row/list-row.d.ts +0 -3
- package/dist/components/list/list-row/list-row.interface.d.ts +0 -105
- package/dist/components/list/list-row/list-row.interface.js +0 -1
- package/dist/components/list/list-row/list-row.js +0 -56
- package/dist/components/list/list-row/list-subheading.d.ts +0 -3
- package/dist/components/list/list-row/list-subheading.js +0 -27
- package/dist/components/list/list-row/meta-content.d.ts +0 -2
- package/dist/components/list/list-row/meta-content.js +0 -12
- package/dist/components/list/list-row/meta-count.d.ts +0 -2
- package/dist/components/list/list-row/meta-count.js +0 -5
- package/dist/components/list/list-row/name.d.ts +0 -3
- package/dist/components/list/list-row/name.js +0 -12
- package/dist/components/list/list.d.ts +0 -2
- package/dist/components/list/list.interface.d.ts +0 -55
- package/dist/components/list/list.interface.js +0 -1
- package/dist/components/list/list.js +0 -86
- package/dist/components/list/list.stories-data.d.ts +0 -310
- package/dist/components/list/list.stories-data.js +0 -270
- package/dist/components/list/list.stories.d.ts +0 -22
- package/dist/components/list/list.stories.js +0 -411
- package/dist/components/list/toggle-narrow.d.ts +0 -2
- package/dist/components/list/toggle-narrow.js +0 -7
- package/dist/components/loader/loader.d.ts +0 -14
- package/dist/components/loader/loader.js +0 -15
- package/dist/components/loader/loader.stories.d.ts +0 -32
- package/dist/components/loader/loader.stories.js +0 -92
- package/dist/components/menu/enum.d.ts +0 -11
- package/dist/components/menu/enum.js +0 -13
- package/dist/components/menu/index.d.ts +0 -4
- package/dist/components/menu/index.js +0 -8
- package/dist/components/menu/layer/divider.d.ts +0 -1
- package/dist/components/menu/layer/divider.js +0 -3
- package/dist/components/menu/layer/heading.d.ts +0 -8
- package/dist/components/menu/layer/heading.js +0 -3
- package/dist/components/menu/layer/layer.d.ts +0 -15
- package/dist/components/menu/layer/layer.js +0 -47
- package/dist/components/menu/layer/option.d.ts +0 -19
- package/dist/components/menu/layer/option.js +0 -22
- package/dist/components/menu/layer/path.d.ts +0 -5
- package/dist/components/menu/layer/path.js +0 -30
- package/dist/components/menu/layer/placementOptions.d.ts +0 -3
- package/dist/components/menu/layer/placementOptions.js +0 -6
- package/dist/components/menu/layer/section.d.ts +0 -10
- package/dist/components/menu/layer/section.js +0 -23
- package/dist/components/menu/menu.d.ts +0 -3
- package/dist/components/menu/menu.interface.d.ts +0 -82
- package/dist/components/menu/menu.interface.js +0 -1
- package/dist/components/menu/menu.js +0 -92
- package/dist/components/menu/menu.stories-data.d.ts +0 -101
- package/dist/components/menu/menu.stories-data.js +0 -182
- package/dist/components/menu/menu.stories.d.ts +0 -31
- package/dist/components/menu/menu.stories.js +0 -104
- package/dist/components/menu/menu.test.d.ts +0 -1
- package/dist/components/menu/menu.test.js +0 -46
- package/dist/components/menu/trigger/button.d.ts +0 -14
- package/dist/components/menu/trigger/button.js +0 -13
- package/dist/components/menu/trigger/component.d.ts +0 -8
- package/dist/components/menu/trigger/component.js +0 -6
- package/dist/components/menu/trigger/text.d.ts +0 -10
- package/dist/components/menu/trigger/text.js +0 -9
- package/dist/components/menu/trigger/trigger.d.ts +0 -27
- package/dist/components/menu/trigger/trigger.js +0 -35
- package/dist/components/message/dismiss.d.ts +0 -8
- package/dist/components/message/dismiss.js +0 -17
- package/dist/components/message/enum.d.ts +0 -9
- package/dist/components/message/enum.js +0 -11
- package/dist/components/message/message.d.ts +0 -19
- package/dist/components/message/message.js +0 -49
- package/dist/components/message/message.stories.d.ts +0 -11
- package/dist/components/message/message.stories.js +0 -82
- package/dist/components/modal/modal.d.ts +0 -8
- package/dist/components/modal/modal.js +0 -7
- package/dist/components/modal/modal.stories.d.ts +0 -12
- package/dist/components/modal/modal.stories.js +0 -107
- package/dist/components/number-input/number-input.d.ts +0 -26
- package/dist/components/number-input/number-input.js +0 -66
- package/dist/components/number-input/number-input.stories.d.ts +0 -13
- package/dist/components/number-input/number-input.stories.js +0 -43
- package/dist/components/option-dropdown/enum.d.ts +0 -5
- package/dist/components/option-dropdown/enum.js +0 -6
- package/dist/components/option-dropdown/heading.d.ts +0 -4
- package/dist/components/option-dropdown/heading.js +0 -3
- package/dist/components/option-dropdown/layer.d.ts +0 -16
- package/dist/components/option-dropdown/layer.js +0 -43
- package/dist/components/option-dropdown/option-dropdown.d.ts +0 -19
- package/dist/components/option-dropdown/option-dropdown.js +0 -17
- package/dist/components/option-dropdown/option-dropdown.stories.d.ts +0 -5
- package/dist/components/option-dropdown/option-dropdown.stories.js +0 -35
- package/dist/components/option-dropdown/option.d.ts +0 -10
- package/dist/components/option-dropdown/option.js +0 -7
- package/dist/components/pagination/pagination.d.ts +0 -13
- package/dist/components/pagination/pagination.interface.d.ts +0 -15
- package/dist/components/pagination/pagination.interface.js +0 -1
- package/dist/components/pagination/pagination.js +0 -33
- package/dist/components/pagination/pagination.stories.d.ts +0 -7
- package/dist/components/pagination/pagination.stories.js +0 -62
- package/dist/components/pagination/pagination.test.d.ts +0 -1
- package/dist/components/pagination/pagination.test.js +0 -84
- package/dist/components/pagination/pagination.viewdata.d.ts +0 -17
- package/dist/components/pagination/pagination.viewdata.js +0 -53
- package/dist/components/pop-confirm/content.d.ts +0 -9
- package/dist/components/pop-confirm/content.js +0 -5
- package/dist/components/pop-confirm/pop-confirm.d.ts +0 -14
- package/dist/components/pop-confirm/pop-confirm.js +0 -7
- package/dist/components/pop-confirm/pop-confirm.stories.d.ts +0 -4
- package/dist/components/pop-confirm/pop-confirm.stories.js +0 -43
- package/dist/components/popover/popover.d.ts +0 -14
- package/dist/components/popover/popover.js +0 -39
- package/dist/components/popover/popover.stories.d.ts +0 -7
- package/dist/components/popover/popover.stories.js +0 -43
- package/dist/components/portal/portal.d.ts +0 -6
- package/dist/components/portal/portal.js +0 -11
- package/dist/components/portal/portal.stories.d.ts +0 -7
- package/dist/components/portal/portal.stories.js +0 -51
- package/dist/components/progress-bar/progress-bar.d.ts +0 -9
- package/dist/components/progress-bar/progress-bar.js +0 -21
- package/dist/components/progress-bar/progress-bar.stories.d.ts +0 -4
- package/dist/components/progress-bar/progress-bar.stories.js +0 -16
- package/dist/components/radio-button/radio-button.d.ts +0 -27
- package/dist/components/radio-button/radio-button.js +0 -45
- package/dist/components/radio-button/radio-button.stories.d.ts +0 -5
- package/dist/components/radio-button/radio-button.stories.js +0 -45
- package/dist/components/radio-button/radio-input.d.ts +0 -16
- package/dist/components/radio-button/radio-input.js +0 -9
- package/dist/components/rich-text-input/rich-text-input.d.ts +0 -10
- package/dist/components/rich-text-input/rich-text-input.js +0 -35
- package/dist/components/rich-text-input/rich-text-input.stories.d.ts +0 -9
- package/dist/components/rich-text-input/rich-text-input.stories.js +0 -60
- package/dist/components/rich-text-input/rich-text-toolbar/enum.d.ts +0 -7
- package/dist/components/rich-text-input/rich-text-toolbar/enum.js +0 -8
- package/dist/components/rich-text-input/rich-text-toolbar/rich-text-toolbar.d.ts +0 -7
- package/dist/components/rich-text-input/rich-text-toolbar/rich-text-toolbar.js +0 -42
- package/dist/components/select/custom-select/custom-select.d.ts +0 -2
- package/dist/components/select/custom-select/custom-select.interface.d.ts +0 -47
- package/dist/components/select/custom-select/custom-select.interface.js +0 -1
- package/dist/components/select/custom-select/custom-select.js +0 -51
- package/dist/components/select/custom-select/custom-select.reducer.d.ts +0 -6
- package/dist/components/select/custom-select/custom-select.reducer.js +0 -140
- package/dist/components/select/custom-select/enum.d.ts +0 -11
- package/dist/components/select/custom-select/enum.js +0 -12
- package/dist/components/select/custom-select/helper.d.ts +0 -3
- package/dist/components/select/custom-select/helper.js +0 -55
- package/dist/components/select/custom-select/hooks/enum.d.ts +0 -20
- package/dist/components/select/custom-select/hooks/enum.js +0 -22
- package/dist/components/select/custom-select/hooks/use-custom-select-logic.d.ts +0 -39
- package/dist/components/select/custom-select/hooks/use-custom-select-logic.js +0 -222
- package/dist/components/select/custom-select/layer/heading.d.ts +0 -3
- package/dist/components/select/custom-select/layer/heading.js +0 -5
- package/dist/components/select/custom-select/layer/layer.d.ts +0 -17
- package/dist/components/select/custom-select/layer/layer.js +0 -25
- package/dist/components/select/custom-select/layer/option.d.ts +0 -15
- package/dist/components/select/custom-select/layer/option.js +0 -10
- package/dist/components/select/custom-select/layer/placementOptions.d.ts +0 -10
- package/dist/components/select/custom-select/layer/placementOptions.js +0 -7
- package/dist/components/select/custom-select/layer/section.d.ts +0 -15
- package/dist/components/select/custom-select/layer/section.js +0 -16
- package/dist/components/select/custom-select/reducer.interface.d.ts +0 -34
- package/dist/components/select/custom-select/reducer.interface.js +0 -1
- package/dist/components/select/custom-select/trigger/input.d.ts +0 -14
- package/dist/components/select/custom-select/trigger/input.js +0 -21
- package/dist/components/select/custom-select/trigger/multi-selected-options.d.ts +0 -8
- package/dist/components/select/custom-select/trigger/multi-selected-options.js +0 -41
- package/dist/components/select/custom-select/trigger/trigger.d.ts +0 -34
- package/dist/components/select/custom-select/trigger/trigger.js +0 -53
- package/dist/components/select/native-select/native-select.d.ts +0 -29
- package/dist/components/select/native-select/native-select.js +0 -61
- package/dist/components/select/select.d.ts +0 -2
- package/dist/components/select/select.input.d.ts +0 -21
- package/dist/components/select/select.input.js +0 -114
- package/dist/components/select/select.interface.d.ts +0 -39
- package/dist/components/select/select.interface.js +0 -1
- package/dist/components/select/select.js +0 -61
- package/dist/components/select/select.stories-data.d.ts +0 -25
- package/dist/components/select/select.stories-data.js +0 -113
- package/dist/components/select/select.stories.d.ts +0 -30
- package/dist/components/select/select.stories.js +0 -93
- package/dist/components/select/select.test.d.ts +0 -1
- package/dist/components/select/select.test.js +0 -303
- package/dist/components/side-bar/link.d.ts +0 -17
- package/dist/components/side-bar/link.js +0 -20
- package/dist/components/side-bar/sections.d.ts +0 -21
- package/dist/components/side-bar/sections.js +0 -7
- package/dist/components/side-bar/side-bar.d.ts +0 -26
- package/dist/components/side-bar/side-bar.js +0 -28
- package/dist/components/side-bar/side-bar.stories.d.ts +0 -5
- package/dist/components/side-bar/side-bar.stories.js +0 -90
- package/dist/components/slider/slider-tooltip.d.ts +0 -5
- package/dist/components/slider/slider-tooltip.js +0 -13
- package/dist/components/slider/slider.d.ts +0 -37
- package/dist/components/slider/slider.js +0 -57
- package/dist/components/slider/slider.stories.d.ts +0 -16
- package/dist/components/slider/slider.stories.js +0 -85
- package/dist/components/spinner/spinner.d.ts +0 -7
- package/dist/components/spinner/spinner.js +0 -6
- package/dist/components/spinner/spinner.stories.d.ts +0 -4
- package/dist/components/spinner/spinner.stories.js +0 -14
- package/dist/components/table/cell/cell-types/action-cell.d.ts +0 -5
- package/dist/components/table/cell/cell-types/action-cell.js +0 -5
- package/dist/components/table/cell/cell-types/cell-help-icon.d.ts +0 -5
- package/dist/components/table/cell/cell-types/cell-help-icon.js +0 -7
- package/dist/components/table/cell/cell-types/cell-library-icon.d.ts +0 -5
- package/dist/components/table/cell/cell-types/cell-library-icon.js +0 -8
- package/dist/components/table/cell/cell-types/cell-types.interface.d.ts +0 -150
- package/dist/components/table/cell/cell-types/cell-types.interface.js +0 -1
- package/dist/components/table/cell/cell-types/check-box-cell.d.ts +0 -7
- package/dist/components/table/cell/cell-types/check-box-cell.js +0 -5
- package/dist/components/table/cell/cell-types/icon-cell.d.ts +0 -5
- package/dist/components/table/cell/cell-types/icon-cell.js +0 -9
- package/dist/components/table/cell/cell-types/input-cell.d.ts +0 -8
- package/dist/components/table/cell/cell-types/input-cell.js +0 -6
- package/dist/components/table/cell/cell-types/link-cell.d.ts +0 -7
- package/dist/components/table/cell/cell-types/link-cell.js +0 -23
- package/dist/components/table/cell/cell-types/number-input-cell.d.ts +0 -7
- package/dist/components/table/cell/cell-types/number-input-cell.js +0 -5
- package/dist/components/table/cell/cell-types/popover-cell.d.ts +0 -6
- package/dist/components/table/cell/cell-types/popover-cell.js +0 -8
- package/dist/components/table/cell/cell-types/select-cell.d.ts +0 -8
- package/dist/components/table/cell/cell-types/select-cell.js +0 -6
- package/dist/components/table/cell/cell-types/slider-cell.d.ts +0 -6
- package/dist/components/table/cell/cell-types/slider-cell.js +0 -6
- package/dist/components/table/cell/cell-types/sort-cell.d.ts +0 -5
- package/dist/components/table/cell/cell-types/sort-cell.js +0 -9
- package/dist/components/table/cell/cell-types/static-cell.d.ts +0 -7
- package/dist/components/table/cell/cell-types/static-cell.js +0 -16
- package/dist/components/table/cell/cell-wrapper.d.ts +0 -8
- package/dist/components/table/cell/cell-wrapper.js +0 -33
- package/dist/components/table/cell/cell.d.ts +0 -12
- package/dist/components/table/cell/cell.js +0 -45
- package/dist/components/table/cell/cell.stories.d.ts +0 -21
- package/dist/components/table/cell/cell.stories.js +0 -209
- package/dist/components/table/cell/input-cell-wrapper.d.ts +0 -7
- package/dist/components/table/cell/input-cell-wrapper.js +0 -8
- package/dist/components/table/enum.d.ts +0 -9
- package/dist/components/table/enum.js +0 -10
- package/dist/components/table/footer/footer.d.ts +0 -10
- package/dist/components/table/footer/footer.js +0 -18
- package/dist/components/table/footer/footer.stories.d.ts +0 -3
- package/dist/components/table/footer/footer.stories.js +0 -19
- package/dist/components/table/helper.d.ts +0 -22
- package/dist/components/table/helper.js +0 -49
- package/dist/components/table/helper.test.d.ts +0 -1
- package/dist/components/table/helper.test.js +0 -127
- package/dist/components/table/row/expanded-content-row.d.ts +0 -7
- package/dist/components/table/row/expanded-content-row.js +0 -6
- package/dist/components/table/row/row.d.ts +0 -37
- package/dist/components/table/row/row.js +0 -46
- package/dist/components/table/row/row.stories.d.ts +0 -9
- package/dist/components/table/row/row.stories.js +0 -132
- package/dist/components/table/table-scroll-wrapper.d.ts +0 -13
- package/dist/components/table/table-scroll-wrapper.js +0 -24
- package/dist/components/table/table.d.ts +0 -34
- package/dist/components/table/table.js +0 -91
- package/dist/components/table/table.stories-data.d.ts +0 -1970
- package/dist/components/table/table.stories-data.js +0 -996
- package/dist/components/table/table.stories.d.ts +0 -17
- package/dist/components/table/table.stories.js +0 -521
- package/dist/components/table/table.test.d.ts +0 -1
- package/dist/components/table/table.test.js +0 -27
- package/dist/components/table/table.viewdata.d.ts +0 -16
- package/dist/components/table/table.viewdata.js +0 -17
- package/dist/components/table/title/title.d.ts +0 -8
- package/dist/components/table/title/title.js +0 -22
- package/dist/components/table/title/title.stories.d.ts +0 -11
- package/dist/components/table/title/title.stories.js +0 -53
- package/dist/components/tabs/content.d.ts +0 -7
- package/dist/components/tabs/content.js +0 -6
- package/dist/components/tabs/label.d.ts +0 -14
- package/dist/components/tabs/label.js +0 -8
- package/dist/components/tabs/tabs.d.ts +0 -33
- package/dist/components/tabs/tabs.js +0 -64
- package/dist/components/tabs/tabs.stories.d.ts +0 -10
- package/dist/components/tabs/tabs.stories.js +0 -86
- package/dist/components/text/text.d.ts +0 -15
- package/dist/components/text/text.js +0 -6
- package/dist/components/text/text.stories.d.ts +0 -6
- package/dist/components/text/text.stories.js +0 -22
- package/dist/components/text-link/text-link.d.ts +0 -9
- package/dist/components/text-link/text-link.js +0 -5
- package/dist/components/text-link/text-link.stories.d.ts +0 -5
- package/dist/components/text-link/text-link.stories.js +0 -17
- package/dist/components/textarea/textarea.d.ts +0 -22
- package/dist/components/textarea/textarea.js +0 -15
- package/dist/components/textarea/textarea.stories.d.ts +0 -4
- package/dist/components/textarea/textarea.stories.js +0 -18
- package/dist/components/toaster/toaster.d.ts +0 -19
- package/dist/components/toaster/toaster.js +0 -51
- package/dist/components/toaster/toaster.stories.d.ts +0 -15
- package/dist/components/toaster/toaster.stories.js +0 -84
- package/dist/components/toggle/toggle.d.ts +0 -14
- package/dist/components/toggle/toggle.js +0 -17
- package/dist/components/toggle/toggle.stories.d.ts +0 -10
- package/dist/components/toggle/toggle.stories.js +0 -41
- package/dist/components/tooltip/tooltip-layer.d.ts +0 -16
- package/dist/components/tooltip/tooltip-layer.js +0 -19
- package/dist/components/tooltip/tooltip.d.ts +0 -19
- package/dist/components/tooltip/tooltip.js +0 -31
- package/dist/components/tooltip/tooltip.stories.d.ts +0 -11
- package/dist/components/tooltip/tooltip.stories.js +0 -50
- package/dist/components/tooltip/tooltip.test-case.stories.d.ts +0 -4
- package/dist/components/tooltip/tooltip.test-case.stories.js +0 -20
- package/dist/components/top-bar/element/element.d.ts +0 -32
- package/dist/components/top-bar/element/element.js +0 -28
- package/dist/components/top-bar/element/enum.d.ts +0 -6
- package/dist/components/top-bar/element/enum.js +0 -7
- package/dist/components/top-bar/element/link.d.ts +0 -11
- package/dist/components/top-bar/element/link.js +0 -15
- package/dist/components/top-bar/title.d.ts +0 -9
- package/dist/components/top-bar/title.js +0 -7
- package/dist/components/top-bar/top-bar.d.ts +0 -11
- package/dist/components/top-bar/top-bar.js +0 -19
- package/dist/components/top-bar/top-bar.stories.d.ts +0 -6
- package/dist/components/top-bar/top-bar.stories.js +0 -124
- package/dist/components/top-bar/top-bar.testcase.stories.d.ts +0 -5
- package/dist/components/top-bar/top-bar.testcase.stories.js +0 -53
- package/dist/components/top-bar/warning.d.ts +0 -5
- package/dist/components/top-bar/warning.js +0 -5
- package/dist/components/tree/tree-item.d.ts +0 -10
- package/dist/components/tree/tree-item.js +0 -27
- package/dist/components/tree/tree-placeholder.d.ts +0 -4
- package/dist/components/tree/tree-placeholder.js +0 -3
- package/dist/components/tree/tree.d.ts +0 -42
- package/dist/components/tree/tree.js +0 -50
- package/dist/components/tree/tree.stories-data.d.ts +0 -126
- package/dist/components/tree/tree.stories-data.js +0 -83
- package/dist/components/tree/tree.stories.d.ts +0 -11
- package/dist/components/tree/tree.stories.js +0 -98
- package/dist/helpers/disabled-context.d.ts +0 -2
- package/dist/helpers/disabled-context.js +0 -2
- package/dist/helpers/text.d.ts +0 -1
- package/dist/helpers/text.js +0 -9
- package/dist/helpers/types.d.ts +0 -3
- package/dist/helpers/types.js +0 -8
- package/dist/hooks/index.d.ts +0 -4
- package/dist/hooks/index.js +0 -4
- package/dist/hooks/use-focus.d.ts +0 -4
- package/dist/hooks/use-focus.js +0 -10
- package/dist/hooks/use-fonts-ready.d.ts +0 -1
- package/dist/hooks/use-fonts-ready.js +0 -13
- package/dist/hooks/use-keyboard-event.d.ts +0 -2
- package/dist/hooks/use-keyboard-event.js +0 -14
- package/dist/hooks/use-window-width.d.ts +0 -1
- package/dist/hooks/use-window-width.js +0 -16
- package/dist/my-dummy.js +0 -1
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Table } from '../table';
|
|
3
|
-
import * as storyData from '../table.stories-data';
|
|
4
|
-
export default {
|
|
5
|
-
title: 'Basic/Table/Title & Header',
|
|
6
|
-
component: Table,
|
|
7
|
-
args: {
|
|
8
|
-
table: {
|
|
9
|
-
...storyData.table,
|
|
10
|
-
},
|
|
11
|
-
},
|
|
12
|
-
};
|
|
13
|
-
const Template = (args) => {
|
|
14
|
-
return (_jsx(Table
|
|
15
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
16
|
-
, { ...args }));
|
|
17
|
-
};
|
|
18
|
-
export const Units = Template.bind({});
|
|
19
|
-
Units.args = {
|
|
20
|
-
table: storyData.tableUnits,
|
|
21
|
-
};
|
|
22
|
-
export const ActiveRow = Template.bind({});
|
|
23
|
-
ActiveRow.args = {
|
|
24
|
-
table: storyData.tableActiveRow,
|
|
25
|
-
};
|
|
26
|
-
export const Title = Template.bind({});
|
|
27
|
-
Title.args = {
|
|
28
|
-
table: storyData.tableTitle,
|
|
29
|
-
};
|
|
30
|
-
export const TitleJSX = Template.bind({});
|
|
31
|
-
TitleJSX.args = {
|
|
32
|
-
table: storyData.tableTitleJsx,
|
|
33
|
-
};
|
|
34
|
-
export const ChildComponent = Template.bind({});
|
|
35
|
-
ChildComponent.args = {
|
|
36
|
-
table: storyData.tableChildComponent,
|
|
37
|
-
};
|
|
38
|
-
export const Filter = Template.bind({});
|
|
39
|
-
Filter.args = {
|
|
40
|
-
table: storyData.tableFilters,
|
|
41
|
-
};
|
|
42
|
-
export const Sort = Template.bind({});
|
|
43
|
-
Sort.args = {
|
|
44
|
-
table: storyData.tableSort,
|
|
45
|
-
};
|
|
46
|
-
export const HeaderActionsNoLabel = Template.bind({});
|
|
47
|
-
HeaderActionsNoLabel.args = {
|
|
48
|
-
table: storyData.tableWithActionHeaderAndNoLabel,
|
|
49
|
-
};
|
|
50
|
-
export const HelpAndLibraryIcons = Template.bind({});
|
|
51
|
-
HelpAndLibraryIcons.args = {
|
|
52
|
-
table: storyData.tableHelpLibraryIcons,
|
|
53
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface ITabContentProps {
|
|
3
|
-
children?: ReactNode[] | ReactNode;
|
|
4
|
-
activeTabIndex: number;
|
|
5
|
-
contentPadding?: boolean;
|
|
6
|
-
}
|
|
7
|
-
export declare const Content: ({ children, activeTabIndex, contentPadding, }: ITabContentProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import cx from 'classnames';
|
|
3
|
-
import styles from './tabs.module.less';
|
|
4
|
-
export const Content = ({ children, activeTabIndex, contentPadding, }) => {
|
|
5
|
-
return Array.isArray(children) ? (_jsx("div", { className: cx(contentPadding ? styles.contentPadding : ''), children: children.map((child, index) => activeTabIndex === index && child) })) : null;
|
|
6
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { MouseEvent } from 'react';
|
|
2
|
-
export interface ITabLabelProps {
|
|
3
|
-
label: string | number;
|
|
4
|
-
url?: string;
|
|
5
|
-
hidden?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
active?: boolean;
|
|
8
|
-
onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
|
|
9
|
-
right?: boolean;
|
|
10
|
-
invalid?: boolean;
|
|
11
|
-
badge?: string | number;
|
|
12
|
-
testId?: string;
|
|
13
|
-
}
|
|
14
|
-
export declare const Label: ({ label, url, hidden, disabled, active, onClick, right, invalid, badge, testId, }: ITabLabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import cx from 'classnames';
|
|
3
|
-
import styles from './tabs.module.less';
|
|
4
|
-
import { Badge } from '../badge/badge';
|
|
5
|
-
export const Label = ({ label, url, hidden, disabled, active, onClick, right, invalid, badge, testId, }) => {
|
|
6
|
-
const col_danger = getComputedStyle(document.body).getPropertyValue('--color-text-error');
|
|
7
|
-
return (_jsx("a", { id: label?.toString(), href: url, className: cx(styles.item, active ? styles.active : '', disabled ? styles.disabled : '', hidden && !active ? styles.hidden : '', right ? styles.right : styles.left), onClick: onClick, "data-testid": testId, children: invalid ? (_jsx(Badge, { small: true, margin: "-4px", color: col_danger, title: "!", children: label })) : badge ? (_jsx(Badge, { small: true, margin: "-4px", title: badge?.toString(), children: label })) : (label) }));
|
|
8
|
-
};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { ChangeEvent } from 'react';
|
|
2
|
-
interface ITabOption {
|
|
3
|
-
key?: string;
|
|
4
|
-
label: string | number;
|
|
5
|
-
value: string | number;
|
|
6
|
-
url?: string;
|
|
7
|
-
hidden?: boolean;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
invalid?: boolean;
|
|
10
|
-
badge?: string | number;
|
|
11
|
-
right?: boolean;
|
|
12
|
-
testId?: string;
|
|
13
|
-
}
|
|
14
|
-
interface ITabSelectedOption {
|
|
15
|
-
label: string | number;
|
|
16
|
-
value: string | number;
|
|
17
|
-
}
|
|
18
|
-
export interface ITabsProps {
|
|
19
|
-
name?: string;
|
|
20
|
-
options?: ITabOption[] | null;
|
|
21
|
-
children?: any;
|
|
22
|
-
value?: ITabSelectedOption;
|
|
23
|
-
onChange?: (event: ChangeEvent<any>) => void;
|
|
24
|
-
padding?: boolean;
|
|
25
|
-
margin?: boolean;
|
|
26
|
-
contentPadding?: boolean;
|
|
27
|
-
activeTabIndex?: number;
|
|
28
|
-
tabs?: ITabOption[] | undefined;
|
|
29
|
-
onChangeTab?: (index: number, value: string | number | null) => void;
|
|
30
|
-
testId?: string;
|
|
31
|
-
}
|
|
32
|
-
export declare const Tabs: ({ name, options: rawOptions, children, value: rawValue, onChange, padding, margin, contentPadding, onChangeTab, activeTabIndex: rawActiveTabIndex, tabs: tabsConfig, testId, }: ITabsProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
33
|
-
export {};
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useContext } from 'react';
|
|
3
|
-
import cx from 'classnames';
|
|
4
|
-
import { Label } from './label';
|
|
5
|
-
import { Content } from './content';
|
|
6
|
-
import styles from './tabs.module.less';
|
|
7
|
-
import { standardizeInputs } from '../select/select.input';
|
|
8
|
-
import { DisabledContext } from '../../helpers/disabled-context';
|
|
9
|
-
export const Tabs = ({ name = undefined, options: rawOptions = null, children = null, value: rawValue = undefined, onChange = () => { }, padding = false, margin = true, contentPadding = true,
|
|
10
|
-
//deprecated:
|
|
11
|
-
onChangeTab, activeTabIndex: rawActiveTabIndex = undefined, tabs: tabsConfig = undefined, testId, }) => {
|
|
12
|
-
const disabledContext = useContext(DisabledContext);
|
|
13
|
-
//----------------------------------------------------------------------------
|
|
14
|
-
// Deprecation / backwards-compatibility
|
|
15
|
-
const isDeprecated = onChangeTab !== undefined;
|
|
16
|
-
const rawTabs = children
|
|
17
|
-
? children.map((c, i) => ({
|
|
18
|
-
value: i,
|
|
19
|
-
url: c.props.url,
|
|
20
|
-
label: c.props.label,
|
|
21
|
-
hidden: c.props.hidden,
|
|
22
|
-
disabled: c.props.disabled || disabledContext,
|
|
23
|
-
badge: c.props.badge,
|
|
24
|
-
testId: c.props?.testId && `${c.props.testId}-${i}`,
|
|
25
|
-
}))
|
|
26
|
-
: rawOptions || tabsConfig;
|
|
27
|
-
const { simpleInputs, options: tabs, selectedOptions: value, } = isDeprecated
|
|
28
|
-
? {
|
|
29
|
-
simpleInputs: false,
|
|
30
|
-
options: rawTabs,
|
|
31
|
-
selectedOptions: undefined,
|
|
32
|
-
}
|
|
33
|
-
: standardizeInputs(rawTabs, rawValue);
|
|
34
|
-
const selectedValue = isDeprecated || value === undefined || value === null
|
|
35
|
-
? undefined
|
|
36
|
-
: simpleInputs
|
|
37
|
-
? value
|
|
38
|
-
: value.value;
|
|
39
|
-
const activeTabIndexBase = rawActiveTabIndex !== undefined
|
|
40
|
-
? rawActiveTabIndex
|
|
41
|
-
: tabs?.findIndex((t) => t.value === selectedValue);
|
|
42
|
-
const activeTabIndex = activeTabIndexBase === -1 ? 0 : activeTabIndexBase;
|
|
43
|
-
//----------------------------------------------------------------------------
|
|
44
|
-
const renderTab = (tab, index) => {
|
|
45
|
-
const { label, url, hidden, disabled, value, right, invalid, badge, testId, } = tab;
|
|
46
|
-
return (_jsx(Label, { label: label, url: url, hidden: hidden, disabled: disabled || disabledContext, invalid: invalid, badge: badge, right: right, active: isDeprecated ? index === activeTabIndex : value === selectedValue, onClick: isDeprecated
|
|
47
|
-
? () => {
|
|
48
|
-
//deprecated
|
|
49
|
-
const value = tab.key || label || null; //return key if it exists, otherwise use label
|
|
50
|
-
onChangeTab(index, value);
|
|
51
|
-
}
|
|
52
|
-
: (evt) => {
|
|
53
|
-
const target = evt.target;
|
|
54
|
-
target.name = name;
|
|
55
|
-
target.value = tab.value;
|
|
56
|
-
target.label = label;
|
|
57
|
-
onChange(evt);
|
|
58
|
-
}, testId: testId }, index));
|
|
59
|
-
};
|
|
60
|
-
if (tabs) {
|
|
61
|
-
return (_jsxs("div", { children: [_jsx("div", { className: cx(styles.tabs, padding ? styles.padding : '', margin ? styles.margin : ''), "data-testid": testId, children: tabs.map(renderTab) }), _jsx(Content, { activeTabIndex: activeTabIndex ?? 0, contentPadding: contentPadding, children: children })] }));
|
|
62
|
-
}
|
|
63
|
-
return null;
|
|
64
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { StoryFn } from '@storybook/react';
|
|
2
|
-
import { ITabsProps } from './tabs';
|
|
3
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: StoryFn<ITabsProps>;
|
|
6
|
-
export declare const WithChildren: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITabsProps>;
|
|
7
|
-
export declare const NoMargin: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITabsProps>;
|
|
8
|
-
export declare const HorizontalPadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITabsProps>;
|
|
9
|
-
export declare const Alignment: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITabsProps>;
|
|
10
|
-
export declare const Managed: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
import { Tabs } from './tabs';
|
|
4
|
-
export default {
|
|
5
|
-
title: 'Navigation/Tabs',
|
|
6
|
-
component: Tabs,
|
|
7
|
-
args: {
|
|
8
|
-
name: 'example',
|
|
9
|
-
options: [
|
|
10
|
-
{ label: 'Tab', value: 0 },
|
|
11
|
-
{ label: 'Tab', value: 1 },
|
|
12
|
-
{ label: 'With Badge', value: 2, badge: '3' },
|
|
13
|
-
{ label: 'Invalid', value: 3, invalid: true },
|
|
14
|
-
{ label: 'Disabled', value: 4, disabled: true },
|
|
15
|
-
{ label: 'Hidden tab', value: 5, hidden: true },
|
|
16
|
-
],
|
|
17
|
-
value: 0,
|
|
18
|
-
},
|
|
19
|
-
};
|
|
20
|
-
const Template = (args) => _jsx(Tabs, { ...args });
|
|
21
|
-
export const Default = Template.bind({});
|
|
22
|
-
// TODO - @Jack & @Oleg & @Mark - revisit, why label and disabled used for div
|
|
23
|
-
// JACK - this looks like a deprecated usage (the tab names & states are grabbed from 'label', etc but it seems hacky). I can't find any evidence of it on WD. If the other apps don't use it either we should consider removing it
|
|
24
|
-
export const WithChildren = Template.bind({});
|
|
25
|
-
WithChildren.args = {
|
|
26
|
-
children: [
|
|
27
|
-
// @ts-ignore: write explicit reason
|
|
28
|
-
_jsx("div", { label: "Tab 0", children: _jsx("h3", { children: "Tab 0 Content" }) }),
|
|
29
|
-
// @ts-ignore: write explicit reason
|
|
30
|
-
_jsx("div", { label: "Tab 1", hidden: true, children: _jsx("h3", { children: "Tab 1 Content" }) }),
|
|
31
|
-
// @ts-ignore: write explicit reason
|
|
32
|
-
_jsx("div", { label: "Tab 2", disabled: true, children: _jsx("h3", { children: "Tab 2 Content" }) }),
|
|
33
|
-
// @ts-ignore: write explicit reason
|
|
34
|
-
_jsx("div", { label: "Tab 3", children: _jsx("h3", { children: "Tab 3 Content" }) }),
|
|
35
|
-
// @ts-ignore: write explicit reason
|
|
36
|
-
_jsx("div", { label: "Tab 4", children: _jsx("h3", { children: "Tab 4 Content" }) }),
|
|
37
|
-
],
|
|
38
|
-
};
|
|
39
|
-
export const NoMargin = Template.bind({});
|
|
40
|
-
NoMargin.args = { margin: false };
|
|
41
|
-
export const HorizontalPadding = Template.bind({});
|
|
42
|
-
HorizontalPadding.parameters = {
|
|
43
|
-
layout: 'fullscreen',
|
|
44
|
-
docs: {
|
|
45
|
-
description: {
|
|
46
|
-
story: 'When you want the divider to fill the edges of its container.',
|
|
47
|
-
},
|
|
48
|
-
},
|
|
49
|
-
};
|
|
50
|
-
HorizontalPadding.args = { padding: true };
|
|
51
|
-
export const Alignment = Template.bind({});
|
|
52
|
-
Alignment.args = {
|
|
53
|
-
options: [
|
|
54
|
-
{ label: 'Tab 0', value: 0 },
|
|
55
|
-
{ label: 'Tab 1', value: 1 },
|
|
56
|
-
{ label: 'Tab 2', value: 2 },
|
|
57
|
-
{ label: 'Tab 3', value: 3, right: true },
|
|
58
|
-
{ label: 'Tab 4', value: 4, right: true },
|
|
59
|
-
],
|
|
60
|
-
};
|
|
61
|
-
export const Managed = () => {
|
|
62
|
-
const options = [
|
|
63
|
-
{
|
|
64
|
-
label: 'Strawberries',
|
|
65
|
-
value: 'strawberries',
|
|
66
|
-
},
|
|
67
|
-
{
|
|
68
|
-
label: 'Bananas',
|
|
69
|
-
value: 'bananas',
|
|
70
|
-
},
|
|
71
|
-
{
|
|
72
|
-
label: 'Apples',
|
|
73
|
-
value: 'apples',
|
|
74
|
-
disabled: true,
|
|
75
|
-
},
|
|
76
|
-
{
|
|
77
|
-
label: 'Pomegranates',
|
|
78
|
-
value: 'pomegranates',
|
|
79
|
-
},
|
|
80
|
-
];
|
|
81
|
-
const [selectedTab, setSelectedTab] = useState(options[0]);
|
|
82
|
-
return (_jsxs(_Fragment, { children: [_jsx(Tabs, { name: "example", value: selectedTab, options: options, onChange: (evt) => {
|
|
83
|
-
const { value, label } = evt.target;
|
|
84
|
-
setSelectedTab({ value, label });
|
|
85
|
-
} }), _jsxs("span", { children: ["Eating ", selectedTab.value, "..."] })] }));
|
|
86
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface ITextProps {
|
|
3
|
-
bold?: boolean;
|
|
4
|
-
center?: boolean;
|
|
5
|
-
error?: boolean;
|
|
6
|
-
faint?: boolean;
|
|
7
|
-
link?: boolean;
|
|
8
|
-
muted?: boolean;
|
|
9
|
-
onClick?: (e: React.MouseEvent<HTMLSpanElement>) => void;
|
|
10
|
-
small?: boolean;
|
|
11
|
-
success?: boolean;
|
|
12
|
-
warning?: boolean;
|
|
13
|
-
children?: React.ReactNode;
|
|
14
|
-
}
|
|
15
|
-
export declare const Text: ({ children, bold, center, error, faint, link, muted, onClick, small, success, warning, }: ITextProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import cx from 'classnames';
|
|
3
|
-
import styles from './text.module.less';
|
|
4
|
-
export const Text = ({ children, bold = false, center = false, error = false, faint = false, link = false, muted = false, onClick, small = false, success = false, warning = false, }) => {
|
|
5
|
-
return (_jsx("span", { className: cx(bold && styles.bold, center && styles.center, error && styles.error, faint && styles.faint, link && styles.link, muted && styles.muted, onClick && styles.clickable, small && styles.small, success && styles.success, warning && styles.warning), onClick: onClick, children: children }));
|
|
6
|
-
};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { ITextProps } from './text';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
|
|
3
|
-
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITextProps>;
|
|
5
|
-
export declare const Small: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITextProps>;
|
|
6
|
-
export declare const Link: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITextProps>;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Text } from './text';
|
|
3
|
-
export default {
|
|
4
|
-
title: 'Basic/Text',
|
|
5
|
-
component: Text,
|
|
6
|
-
args: {
|
|
7
|
-
children: 'Text goes here',
|
|
8
|
-
small: false,
|
|
9
|
-
muted: false,
|
|
10
|
-
error: false,
|
|
11
|
-
warning: false,
|
|
12
|
-
success: false,
|
|
13
|
-
link: false,
|
|
14
|
-
onClick: undefined,
|
|
15
|
-
},
|
|
16
|
-
};
|
|
17
|
-
const Template = (args) => _jsx(Text, { ...args });
|
|
18
|
-
export const Default = Template.bind({});
|
|
19
|
-
export const Small = Template.bind({});
|
|
20
|
-
Small.args = { small: true };
|
|
21
|
-
export const Link = Template.bind({});
|
|
22
|
-
Link.args = { link: true, onClick: () => { } };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface ITextLinkProps {
|
|
3
|
-
href?: string;
|
|
4
|
-
target?: string;
|
|
5
|
-
testId?: string;
|
|
6
|
-
onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
|
|
7
|
-
children?: React.ReactNode;
|
|
8
|
-
}
|
|
9
|
-
export declare const TextLink: ({ children, href, target, testId, onClick, }: ITextLinkProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Text } from '../text/text';
|
|
3
|
-
export const TextLink = ({ children, href = undefined, target = undefined, testId, onClick, }) => {
|
|
4
|
-
return (_jsx("a", { href: href, target: target, onClick: onClick, "data-testid": testId, children: _jsx(Text, { link: true, children: children }) }));
|
|
5
|
-
};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { ITextLinkProps } from './text-link';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
|
|
3
|
-
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITextLinkProps>;
|
|
5
|
-
export declare const OnClick: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITextLinkProps>;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { TextLink } from './text-link';
|
|
3
|
-
export default {
|
|
4
|
-
title: 'Basic/TextLink',
|
|
5
|
-
component: TextLink,
|
|
6
|
-
args: {
|
|
7
|
-
children: 'Link text goes here',
|
|
8
|
-
href: 'http://oliasoft.com',
|
|
9
|
-
},
|
|
10
|
-
};
|
|
11
|
-
const Template = (args) => _jsx(TextLink, { ...args });
|
|
12
|
-
export const Default = Template.bind({});
|
|
13
|
-
export const OnClick = Template.bind({});
|
|
14
|
-
OnClick.args = {
|
|
15
|
-
href: undefined,
|
|
16
|
-
onClick: () => console.log('Clicked!'),
|
|
17
|
-
};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React, { ChangeEvent, KeyboardEvent, FocusEvent } from 'react';
|
|
2
|
-
export interface ITextAreaProps {
|
|
3
|
-
name?: string;
|
|
4
|
-
value?: string | number;
|
|
5
|
-
placeholder?: string;
|
|
6
|
-
cols?: number;
|
|
7
|
-
rows?: number;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
onChange?: (event: ChangeEvent<HTMLTextAreaElement>) => void;
|
|
10
|
-
onKeyPress?: (event: KeyboardEvent<HTMLTextAreaElement>) => void;
|
|
11
|
-
onFocus?: (event: FocusEvent<HTMLTextAreaElement>) => void;
|
|
12
|
-
onBlur?: (event: FocusEvent<HTMLTextAreaElement>) => void;
|
|
13
|
-
tabIndex?: number;
|
|
14
|
-
error?: string | number | React.ReactNode;
|
|
15
|
-
warning?: string | number | React.ReactNode;
|
|
16
|
-
tooltip?: string | number | React.ReactNode;
|
|
17
|
-
maxTooltipWidth?: string | number;
|
|
18
|
-
resize?: any;
|
|
19
|
-
monospace?: boolean;
|
|
20
|
-
testId?: string;
|
|
21
|
-
}
|
|
22
|
-
export declare const TextArea: ({ name, value, placeholder, cols, rows, disabled, onChange, onKeyPress, onFocus, onBlur, tabIndex, error, warning, tooltip, maxTooltipWidth, resize, monospace, testId, }: ITextAreaProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useContext, } from 'react';
|
|
3
|
-
import cx from 'classnames';
|
|
4
|
-
import styles from './textarea.module.less';
|
|
5
|
-
import { Tooltip } from '../tooltip/tooltip';
|
|
6
|
-
import { isStringNumberOrNode } from '../../helpers/types';
|
|
7
|
-
import { DisabledContext } from '../../helpers/disabled-context';
|
|
8
|
-
export const TextArea = ({ name, value = '', placeholder = '', cols, rows, disabled = false, onChange = () => { }, onKeyPress = () => { }, onFocus = () => { }, onBlur = () => { }, tabIndex = 0, error = null, warning = null, tooltip = null, maxTooltipWidth, resize, monospace = false, testId, }) => {
|
|
9
|
-
const disabledContext = useContext(DisabledContext);
|
|
10
|
-
const textarea = (_jsx("textarea", { className: cx(styles.textarea, error ? styles.error : '', warning ? styles.warning : '', monospace ? styles.monospace : ''), name: name, value: value, placeholder: placeholder, cols: cols, rows: rows, onChange: onChange, disabled: disabled || disabledContext, onKeyPress: onKeyPress, onFocus: onFocus, onBlur: onBlur, tabIndex: tabIndex, style: { resize }, "data-testid": testId }));
|
|
11
|
-
return (_jsx(Tooltip, { error: !!error, warning: !!warning, text: tooltip || error || warning, enabled: (tooltip && isStringNumberOrNode(tooltip)) ||
|
|
12
|
-
(error && isStringNumberOrNode(error)) ||
|
|
13
|
-
(warning && isStringNumberOrNode(warning)) ||
|
|
14
|
-
false, maxWidth: maxTooltipWidth, placement: "bottom-center", children: textarea }));
|
|
15
|
-
};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { ITextAreaProps } from './textarea';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
|
|
3
|
-
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITextAreaProps>;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useArgs } from '@storybook/addons';
|
|
3
|
-
import { TextArea } from './textarea';
|
|
4
|
-
export default {
|
|
5
|
-
title: 'Forms/TextArea',
|
|
6
|
-
component: TextArea,
|
|
7
|
-
args: {
|
|
8
|
-
disabled: false,
|
|
9
|
-
},
|
|
10
|
-
};
|
|
11
|
-
const Template = (args) => {
|
|
12
|
-
const [_, updateArgs] = useArgs();
|
|
13
|
-
const handleChange = (evt) => {
|
|
14
|
-
updateArgs({ value: evt.target.value });
|
|
15
|
-
};
|
|
16
|
-
return _jsx(TextArea, { ...args, onChange: handleChange });
|
|
17
|
-
};
|
|
18
|
-
export const Default = Template.bind({});
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Id as ToastId } from "react-toastify";
|
|
3
|
-
import "./toaster.less";
|
|
4
|
-
import { MessageType } from "../message/enum";
|
|
5
|
-
export { ToastContainer as Toaster } from 'react-toastify';
|
|
6
|
-
export type IMessageType = {
|
|
7
|
-
type: MessageType;
|
|
8
|
-
icon: boolean;
|
|
9
|
-
heading: string;
|
|
10
|
-
content: string;
|
|
11
|
-
details?: string;
|
|
12
|
-
};
|
|
13
|
-
export interface IToastProps {
|
|
14
|
-
id?: ToastId;
|
|
15
|
-
message: IMessageType;
|
|
16
|
-
autoClose?: number;
|
|
17
|
-
onClose?: () => void;
|
|
18
|
-
}
|
|
19
|
-
export declare const toast: ({ id, message, autoClose, onClose, }: IToastProps) => void | React.ReactText;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Slide, toast as toastBase } from "react-toastify";
|
|
3
|
-
import { Message } from "../message/message";
|
|
4
|
-
import { Dismiss } from "../message/dismiss";
|
|
5
|
-
import "./toaster.less";
|
|
6
|
-
import { MessageType } from "../message/enum";
|
|
7
|
-
export { ToastContainer as Toaster } from 'react-toastify';
|
|
8
|
-
export const toast = ({ id, message, autoClose = 6000, onClose, }) => {
|
|
9
|
-
const { type } = message;
|
|
10
|
-
const CloseButton = ({ closeToast, }) => _jsx(Dismiss, { type: type, onClose: closeToast, isInToast: true });
|
|
11
|
-
const content = (_jsx(Message, { message: {
|
|
12
|
-
...message,
|
|
13
|
-
visible: true,
|
|
14
|
-
width: '100%',
|
|
15
|
-
maxHeight: '500px',
|
|
16
|
-
withDismiss: false,
|
|
17
|
-
} }));
|
|
18
|
-
const toastType = (() => {
|
|
19
|
-
switch (message?.type) {
|
|
20
|
-
case MessageType.SUCCESS:
|
|
21
|
-
return toastBase.TYPE.SUCCESS;
|
|
22
|
-
case MessageType.WARNING:
|
|
23
|
-
return toastBase.TYPE.WARNING;
|
|
24
|
-
case MessageType.ERROR:
|
|
25
|
-
return toastBase.TYPE.ERROR;
|
|
26
|
-
default:
|
|
27
|
-
return toastBase.TYPE.INFO;
|
|
28
|
-
}
|
|
29
|
-
})();
|
|
30
|
-
if (id !== undefined && toastBase.isActive(id)) {
|
|
31
|
-
return toastBase.update(id, {
|
|
32
|
-
render: content,
|
|
33
|
-
autoClose,
|
|
34
|
-
onClose,
|
|
35
|
-
type: toastType,
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
return toastBase(content, {
|
|
39
|
-
toastId: id,
|
|
40
|
-
autoClose,
|
|
41
|
-
onClose,
|
|
42
|
-
hideProgressBar: false,
|
|
43
|
-
icon: false,
|
|
44
|
-
closeOnClick: false,
|
|
45
|
-
pauseOnHover: true,
|
|
46
|
-
draggable: false,
|
|
47
|
-
closeButton: CloseButton,
|
|
48
|
-
transition: Slide,
|
|
49
|
-
type: toastType,
|
|
50
|
-
});
|
|
51
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { IToastProps } from "./toaster";
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, IToastProps>;
|
|
3
|
-
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IToastProps>;
|
|
5
|
-
export declare const PreventDuplicates: {
|
|
6
|
-
(): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
parameters: {
|
|
8
|
-
docs: {
|
|
9
|
-
iframeHeight: number;
|
|
10
|
-
description: {
|
|
11
|
-
story: string;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
};
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { toast } from "./toaster";
|
|
3
|
-
import { Button } from "../button/button";
|
|
4
|
-
import { Spacer } from "../layout/spacer/spacer";
|
|
5
|
-
import { MessageType } from "../message/enum";
|
|
6
|
-
const messageSuccess = {
|
|
7
|
-
type: MessageType.SUCCESS,
|
|
8
|
-
icon: true,
|
|
9
|
-
heading: 'Heading',
|
|
10
|
-
content: 'Great results',
|
|
11
|
-
};
|
|
12
|
-
const messageError = {
|
|
13
|
-
type: MessageType.ERROR,
|
|
14
|
-
icon: true,
|
|
15
|
-
heading: 'Heading',
|
|
16
|
-
content: 'An error has happened',
|
|
17
|
-
details: 'Bad input data lorem ipsum dolor est compendum lorem ipsum.',
|
|
18
|
-
};
|
|
19
|
-
const messageWarning = {
|
|
20
|
-
type: MessageType.WARNING,
|
|
21
|
-
icon: true,
|
|
22
|
-
heading: 'Heading',
|
|
23
|
-
content: 'Warning message',
|
|
24
|
-
};
|
|
25
|
-
const messageInfo = {
|
|
26
|
-
type: MessageType.INFO,
|
|
27
|
-
icon: true,
|
|
28
|
-
heading: 'Heading',
|
|
29
|
-
content: 'Long content lorem ipsum dolor est compendum lorem ipsum.',
|
|
30
|
-
};
|
|
31
|
-
export default {
|
|
32
|
-
title: 'Modals/Toaster',
|
|
33
|
-
parameters: {
|
|
34
|
-
docs: {
|
|
35
|
-
story: {
|
|
36
|
-
inline: false,
|
|
37
|
-
iframeHeight: 400,
|
|
38
|
-
},
|
|
39
|
-
},
|
|
40
|
-
},
|
|
41
|
-
source: { type: 'code' },
|
|
42
|
-
args: {
|
|
43
|
-
id: undefined,
|
|
44
|
-
message: messageInfo,
|
|
45
|
-
autoClose: 6000,
|
|
46
|
-
onClose: () => { },
|
|
47
|
-
},
|
|
48
|
-
};
|
|
49
|
-
const Template = () => {
|
|
50
|
-
return (_jsxs(_Fragment, { children: [_jsx(Button, { label: "Info", onClick: () => toast({
|
|
51
|
-
message: messageInfo,
|
|
52
|
-
onClose: () => console.log('toast closed'),
|
|
53
|
-
}) }), _jsx(Spacer, {}), _jsx(Button, { label: "Error", onClick: () => toast({
|
|
54
|
-
message: messageError,
|
|
55
|
-
onClose: () => console.log('toast closed'),
|
|
56
|
-
}) }), _jsx(Spacer, {}), _jsx(Button, { label: "Warning", onClick: () => toast({
|
|
57
|
-
message: messageWarning,
|
|
58
|
-
onClose: () => console.log('toast closed'),
|
|
59
|
-
}) }), _jsx(Spacer, {}), _jsx(Button, { label: "Success", onClick: () => toast({
|
|
60
|
-
message: messageSuccess,
|
|
61
|
-
onClose: () => console.log('toast closed'),
|
|
62
|
-
}) })] }));
|
|
63
|
-
};
|
|
64
|
-
export const Default = Template.bind({});
|
|
65
|
-
export const PreventDuplicates = () => (_jsx(Button, { label: "Show Toast", onClick: () => {
|
|
66
|
-
const isSuccess = Math.random() >= 0.5;
|
|
67
|
-
toast({
|
|
68
|
-
message: {
|
|
69
|
-
type: isSuccess ? 'Success' : 'Error',
|
|
70
|
-
icon: true,
|
|
71
|
-
content: isSuccess ? 'Success' : 'Error',
|
|
72
|
-
},
|
|
73
|
-
onClose: () => console.log('toast closed'),
|
|
74
|
-
id: 'uniqueId',
|
|
75
|
-
});
|
|
76
|
-
} }));
|
|
77
|
-
PreventDuplicates.parameters = {
|
|
78
|
-
docs: {
|
|
79
|
-
iframeHeight: 200,
|
|
80
|
-
description: {
|
|
81
|
-
story: 'Pass a unique `id` in the `toast` object to prevent duplicates. Successive toasts with the same ID will update the existing toast.',
|
|
82
|
-
},
|
|
83
|
-
},
|
|
84
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface IToggleProps {
|
|
3
|
-
name?: string;
|
|
4
|
-
label?: string | React.ReactElement;
|
|
5
|
-
checked?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
small?: boolean;
|
|
8
|
-
onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
-
noMargin?: boolean;
|
|
10
|
-
testId?: string;
|
|
11
|
-
helpText?: string;
|
|
12
|
-
onClickHelp?: (event: any) => void;
|
|
13
|
-
}
|
|
14
|
-
export declare const Toggle: ({ name, label, checked, disabled, small, onChange, noMargin, testId, helpText, onClickHelp, }: IToggleProps) => import("react/jsx-runtime").JSX.Element;
|