dinocollab-core 1.0.0 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_virtual/_rollupPluginBabelHelpers.js +67 -10
- package/dist/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/dist/{src/api-context → api-context}/alert-global.js +49 -34
- package/dist/api-context/alert-global.js.map +1 -0
- package/dist/{src/api-context → api-context}/drawer-global.js +40 -33
- package/dist/api-context/drawer-global.js.map +1 -0
- package/dist/{src/api-context → api-context}/global-modal.js +40 -32
- package/dist/api-context/global-modal.js.map +1 -0
- package/dist/{src/api-context → api-context}/popover-global.js +44 -36
- package/dist/api-context/popover-global.js.map +1 -0
- package/dist/api-context/popover.js +94 -0
- package/dist/api-context/popover.js.map +1 -0
- package/dist/{src/api-context → api-context}/ui.units.js +12 -10
- package/dist/api-context/ui.units.js.map +1 -0
- package/dist/components/breadcrumbs.js +65 -0
- package/dist/components/breadcrumbs.js.map +1 -0
- package/dist/{src/components → components}/copy-to-clipboard.js +39 -32
- package/dist/components/copy-to-clipboard.js.map +1 -0
- package/dist/components/help-tooltip.js +104 -0
- package/dist/components/help-tooltip.js.map +1 -0
- package/dist/components/image-with-fallback.js +51 -0
- package/dist/components/image-with-fallback.js.map +1 -0
- package/dist/{src/components → components}/text-editor.js +24 -23
- package/dist/components/text-editor.js.map +1 -0
- package/dist/components/text-editor.preview.js +27 -0
- package/dist/components/text-editor.preview.js.map +1 -0
- package/dist/form/create.autocomplete.chips.js +228 -0
- package/dist/form/create.autocomplete.chips.js.map +1 -0
- package/dist/{src/form → form}/create.date-expired.js +71 -61
- package/dist/form/create.date-expired.js.map +1 -0
- package/dist/{src/form → form}/create.date-picker.js +40 -37
- package/dist/form/create.date-picker.js.map +1 -0
- package/dist/{src/form → form}/create.form-base.js +47 -41
- package/dist/form/create.form-base.js.map +1 -0
- package/dist/form/create.form-comfirm.js +131 -0
- package/dist/form/create.form-comfirm.js.map +1 -0
- package/dist/form/create.form-grid-layout.js +188 -0
- package/dist/form/create.form-grid-layout.js.map +1 -0
- package/dist/{src/form → form}/create.form-grid-layout.units.js +17 -14
- package/dist/form/create.form-grid-layout.units.js.map +1 -0
- package/dist/form/create.input.file.js +79 -0
- package/dist/form/create.input.file.js.map +1 -0
- package/dist/form/create.input.js +276 -0
- package/dist/form/create.input.js.map +1 -0
- package/dist/form/create.select-simple.js +114 -0
- package/dist/form/create.select-simple.js.map +1 -0
- package/dist/form/create.select-with-api.js +277 -0
- package/dist/form/create.select-with-api.js.map +1 -0
- package/dist/form/create.text-editor.js +181 -0
- package/dist/form/create.text-editor.js.map +1 -0
- package/dist/{src/form → form}/dino-form.js +17 -18
- package/dist/form/dino-form.js.map +1 -0
- package/dist/{src/form → form}/helper.js +14 -14
- package/dist/form/helper.js.map +1 -0
- package/dist/{src/form → form}/modal-wrapper.js +32 -25
- package/dist/form/modal-wrapper.js.map +1 -0
- package/dist/{src/form → form}/validator.js +47 -43
- package/dist/form/validator.js.map +1 -0
- package/dist/{src/hooks → hooks}/index.js +1 -1
- package/dist/hooks/index.js.map +1 -0
- package/dist/index.d.ts +928 -0
- package/dist/{src/index.js → index.js} +10 -3
- package/dist/{src/index.js.map → index.js.map} +1 -1
- package/dist/redux/create.hoc-lazy.js +71 -0
- package/dist/redux/create.hoc-lazy.js.map +1 -0
- package/dist/{src/redux → redux}/dino.js +2 -2
- package/dist/redux/dino.js.map +1 -0
- package/dist/redux/types.js.map +1 -0
- package/dist/redux/ui.error-page.js +89 -0
- package/dist/redux/ui.error-page.js.map +1 -0
- package/dist/redux/vector-404.webp.js.map +1 -0
- package/dist/{src/table → table}/context.js +5 -2
- package/dist/table/context.js.map +1 -0
- package/dist/table/create.action-row.js +144 -0
- package/dist/table/create.action-row.js.map +1 -0
- package/dist/table/create.table.js +246 -0
- package/dist/table/create.table.js.map +1 -0
- package/dist/{src/table → table}/custom.filter-operators.js +2 -2
- package/dist/table/custom.filter-operators.js.map +1 -0
- package/dist/table/dino.js +136 -0
- package/dist/table/dino.js.map +1 -0
- package/dist/{src/table → table}/helpers.js +31 -32
- package/dist/table/helpers.js.map +1 -0
- package/dist/table/model-filter.js.map +1 -0
- package/dist/table/toolbar-pannel.js +143 -0
- package/dist/table/toolbar-pannel.js.map +1 -0
- package/dist/table/ui.buttons.js +67 -0
- package/dist/table/ui.buttons.js.map +1 -0
- package/dist/table/ui.units.js +248 -0
- package/dist/table/ui.units.js.map +1 -0
- package/dist/types/api-context/alert-global.d.ts +29 -0
- package/dist/types/api-context/drawer-global.d.ts +32 -0
- package/dist/types/api-context/global-modal.d.ts +37 -0
- package/dist/types/api-context/index.d.ts +9 -0
- package/dist/types/api-context/popover-global.d.ts +37 -0
- package/dist/types/api-context/popover.d.ts +32 -0
- package/dist/types/api-context/ui.units.d.ts +2 -0
- package/dist/types/components/breadcrumbs.d.ts +13 -0
- package/dist/types/components/copy-to-clipboard.d.ts +26 -0
- package/dist/types/components/help-tooltip.d.ts +15 -0
- package/dist/types/components/image-with-fallback.d.ts +13 -0
- package/dist/types/components/index.d.ts +11 -0
- package/dist/types/components/input-debounce-timer.d.ts +9 -0
- package/dist/types/components/loading-buttons.d.ts +6 -0
- package/dist/types/components/text-editor.d.ts +26 -0
- package/dist/types/components/text-editor.preview.d.ts +5 -0
- package/dist/types/form/create.autocomplete.chips.d.ts +16 -0
- package/dist/types/form/create.date-expired.d.ts +19 -0
- package/dist/types/form/create.date-picker.d.ts +19 -0
- package/dist/types/form/create.form-base.d.ts +30 -0
- package/dist/types/form/create.form-comfirm.d.ts +20 -0
- package/dist/types/form/create.form-grid-layout.d.ts +44 -0
- package/dist/types/form/create.form-grid-layout.units.d.ts +8 -0
- package/dist/types/form/create.input.d.ts +29 -0
- package/dist/types/form/create.input.file.d.ts +16 -0
- package/dist/types/form/create.select-simple.d.ts +24 -0
- package/dist/types/form/create.select-with-api.d.ts +29 -0
- package/dist/types/form/create.text-editor.d.ts +42 -0
- package/dist/types/form/dino-form.d.ts +26 -0
- package/dist/types/form/helper.d.ts +14 -0
- package/dist/types/form/index.d.ts +7 -0
- package/dist/types/form/modal-wrapper.d.ts +14 -0
- package/dist/types/form/types.d.ts +15 -0
- package/dist/types/form/validator.d.ts +64 -0
- package/dist/types/hooks/index.d.ts +4 -0
- package/dist/types/index.d.ts +7 -0
- package/dist/types/lab/create.autocomplete.simple.d.ts +19 -0
- package/dist/types/lab/create.dino-store.d.ts +1 -0
- package/dist/types/lab/create.multi-select-dropdown.d.ts +23 -0
- package/dist/types/lab/create.select-mul-with-api/index.d.ts +26 -0
- package/dist/types/lab/create.select-mul-with-api/table-custom.d.ts +43 -0
- package/dist/types/lab/create.select-mul-with-api/types.d.ts +21 -0
- package/dist/types/lab/create.select-mul-with-api/ui.units.d.ts +29 -0
- package/dist/types/lab/filter-bar/base.d.ts +34 -0
- package/dist/types/lab/filter-bar/create.filter-bar.d.ts +92 -0
- package/dist/types/lab/filter-bar/create.filter-menu.d.ts +66 -0
- package/dist/types/lab/filter-bar/create.filter-panel.d.ts +117 -0
- package/dist/types/lab/filter-bar/create.filtered.d.ts +59 -0
- package/dist/types/lab/filter-bar/create.sort-menu.d.ts +7 -0
- package/dist/types/lab/filter-bar/demo.d.ts +3 -0
- package/dist/types/lab/filter-bar/index.d.ts +4 -0
- package/dist/types/lab/filter-bar/types.d.ts +81 -0
- package/dist/types/lab/filter-bar/ui.units.d.ts +13 -0
- package/dist/types/lab/grafana-dashboard/configs.d.ts +4 -0
- package/dist/types/lab/grafana-dashboard/date-time-range/absolute-time-rage.d.ts +14 -0
- package/dist/types/lab/grafana-dashboard/date-time-range/helpers.d.ts +36 -0
- package/dist/types/lab/grafana-dashboard/date-time-range/index.d.ts +24 -0
- package/dist/types/lab/grafana-dashboard/date-time-range/menu-wrap.d.ts +19 -0
- package/dist/types/lab/grafana-dashboard/date-time-range/quick-ranges.d.ts +20 -0
- package/dist/types/lab/grafana-dashboard/date-time-range/types.d.ts +8 -0
- package/dist/types/lab/grafana-dashboard/date-time-range/units.d.ts +2 -0
- package/dist/types/lab/grafana-dashboard/helper.d.ts +7 -0
- package/dist/types/lab/grafana-dashboard/hooks.d.ts +10 -0
- package/dist/types/lab/grafana-dashboard/icons.d.ts +5 -0
- package/dist/types/lab/grafana-dashboard/index.d.ts +12 -0
- package/dist/types/lab/grafana-dashboard/top-bar.d.ts +19 -0
- package/dist/types/lab/grafana-dashboard/top-bar.types.d.ts +4 -0
- package/dist/types/lab/grafana-dashboard/types.d.ts +8 -0
- package/dist/types/lab/media-player.core1.d.ts +14 -0
- package/dist/types/lab/media-player.muted.d.ts +10 -0
- package/dist/types/lab/media-player.units.d.ts +36 -0
- package/dist/types/lab/table-grid/create.table-grid.d.ts +4 -0
- package/dist/types/lab/table-grid/demo.d.ts +3 -0
- package/dist/types/lab/table-grid/dino.d.ts +6 -0
- package/dist/types/lab/table-grid/helpers.d.ts +11 -0
- package/dist/types/lab/table-grid/index.d.ts +2 -0
- package/dist/types/lab/table-grid/item-actions.d.ts +93 -0
- package/dist/types/lab/table-grid/toolbar-pannel.d.ts +27 -0
- package/dist/types/lab/table-grid/types.d.ts +56 -0
- package/dist/types/redux/create.hoc-lazy.d.ts +19 -0
- package/dist/types/redux/dino.d.ts +6 -0
- package/dist/types/redux/index.d.ts +4 -0
- package/dist/types/redux/types.d.ts +22 -0
- package/dist/types/redux/ui.error-page.d.ts +3 -0
- package/dist/types/redux/ui.units.d.ts +9 -0
- package/dist/types/table/context.d.ts +8 -0
- package/dist/types/table/create.action-row.d.ts +16 -0
- package/dist/types/table/create.table.d.ts +33 -0
- package/dist/types/table/custom.filter-operators.d.ts +2 -0
- package/dist/types/table/dino.d.ts +41 -0
- package/dist/types/table/helpers.d.ts +23 -0
- package/dist/types/table/index.d.ts +7 -0
- package/dist/types/table/model-filter.d.ts +38 -0
- package/dist/types/table/toolbar-pannel.d.ts +18 -0
- package/dist/types/table/types.d.ts +40 -0
- package/dist/types/table/ui.buttons.d.ts +16 -0
- package/dist/types/table/ui.units.d.ts +62 -0
- package/dist/types/utils/dayjs-config.d.ts +2 -0
- package/dist/types/utils/helpers.d.ts +35 -0
- package/dist/types/utils/index.d.ts +4 -0
- package/dist/types/utils/json-object.d.ts +9 -0
- package/dist/types/utils/mfe-events.d.ts +12 -0
- package/dist/types/utils/query-param.d.ts +25 -0
- package/dist/utils/dayjs-config.js.map +1 -0
- package/dist/{src/utils → utils}/helpers.js +11 -9
- package/dist/utils/helpers.js.map +1 -0
- package/dist/{src/utils → utils}/json-object.js +13 -13
- package/dist/utils/json-object.js.map +1 -0
- package/dist/{src/utils → utils}/query-param.js +17 -17
- package/dist/utils/query-param.js.map +1 -0
- package/package.json +18 -4
- package/dist/node_modules/.pnpm/@rollup_plugin-typescript@1_d0d2002d9033600b6738d939bd598bc6/node_modules/tslib/tslib.es6.js +0 -46
- package/dist/node_modules/.pnpm/@rollup_plugin-typescript@1_d0d2002d9033600b6738d939bd598bc6/node_modules/tslib/tslib.es6.js.map +0 -1
- package/dist/src/api-context/alert-global.js.map +0 -1
- package/dist/src/api-context/drawer-global.js.map +0 -1
- package/dist/src/api-context/global-modal.js.map +0 -1
- package/dist/src/api-context/popover-global.js.map +0 -1
- package/dist/src/api-context/popover.js +0 -86
- package/dist/src/api-context/popover.js.map +0 -1
- package/dist/src/api-context/ui.units.js.map +0 -1
- package/dist/src/components/copy-to-clipboard.js.map +0 -1
- package/dist/src/components/custom.breadcrumbs.js +0 -61
- package/dist/src/components/custom.breadcrumbs.js.map +0 -1
- package/dist/src/components/help-tooltip.js +0 -91
- package/dist/src/components/help-tooltip.js.map +0 -1
- package/dist/src/components/image-with-fallback.js +0 -48
- package/dist/src/components/image-with-fallback.js.map +0 -1
- package/dist/src/components/text-editor.js.map +0 -1
- package/dist/src/form/create.autocomplete.chips.js +0 -218
- package/dist/src/form/create.autocomplete.chips.js.map +0 -1
- package/dist/src/form/create.date-expired.js.map +0 -1
- package/dist/src/form/create.date-picker.js.map +0 -1
- package/dist/src/form/create.form-base.js.map +0 -1
- package/dist/src/form/create.form-comfirm.js +0 -119
- package/dist/src/form/create.form-comfirm.js.map +0 -1
- package/dist/src/form/create.form-grid-layout.js +0 -177
- package/dist/src/form/create.form-grid-layout.js.map +0 -1
- package/dist/src/form/create.form-grid-layout.units.js.map +0 -1
- package/dist/src/form/create.input-base.js +0 -260
- package/dist/src/form/create.input-base.js.map +0 -1
- package/dist/src/form/create.input.file.js +0 -74
- package/dist/src/form/create.input.file.js.map +0 -1
- package/dist/src/form/create.select-simple.js +0 -104
- package/dist/src/form/create.select-simple.js.map +0 -1
- package/dist/src/form/create.select-with-api.js +0 -271
- package/dist/src/form/create.select-with-api.js.map +0 -1
- package/dist/src/form/create.text-editor.js +0 -156
- package/dist/src/form/create.text-editor.js.map +0 -1
- package/dist/src/form/dino-form.js.map +0 -1
- package/dist/src/form/helper.js.map +0 -1
- package/dist/src/form/modal-wrapper.js.map +0 -1
- package/dist/src/form/validator.js.map +0 -1
- package/dist/src/hooks/index.js.map +0 -1
- package/dist/src/redux/create.hoc-lazy.js +0 -67
- package/dist/src/redux/create.hoc-lazy.js.map +0 -1
- package/dist/src/redux/dino.js.map +0 -1
- package/dist/src/redux/types.js.map +0 -1
- package/dist/src/redux/ui.error-page.js +0 -80
- package/dist/src/redux/ui.error-page.js.map +0 -1
- package/dist/src/redux/vector-404.webp.js.map +0 -1
- package/dist/src/table/context.js.map +0 -1
- package/dist/src/table/create.action-row.js +0 -135
- package/dist/src/table/create.action-row.js.map +0 -1
- package/dist/src/table/create.status-cell.js +0 -49
- package/dist/src/table/create.status-cell.js.map +0 -1
- package/dist/src/table/create.table.js +0 -233
- package/dist/src/table/create.table.js.map +0 -1
- package/dist/src/table/custom.filter-operators.js.map +0 -1
- package/dist/src/table/dino.js +0 -129
- package/dist/src/table/dino.js.map +0 -1
- package/dist/src/table/helpers.js.map +0 -1
- package/dist/src/table/model-filter.js.map +0 -1
- package/dist/src/table/toolbar-pannel.js +0 -134
- package/dist/src/table/toolbar-pannel.js.map +0 -1
- package/dist/src/table/ui.buttons.js +0 -60
- package/dist/src/table/ui.buttons.js.map +0 -1
- package/dist/src/table/ui.units.js +0 -201
- package/dist/src/table/ui.units.js.map +0 -1
- package/dist/src/utils/dayjs-config.js.map +0 -1
- package/dist/src/utils/helpers.js.map +0 -1
- package/dist/src/utils/json-object.js.map +0 -1
- package/dist/src/utils/query-param.js.map +0 -1
- package/rollup.config.js +0 -39
- package/src/@types/global.d.ts +0 -5
- package/src/api-context/alert-global.tsx +0 -174
- package/src/api-context/drawer-global.tsx +0 -116
- package/src/api-context/global-modal.tsx +0 -109
- package/src/api-context/index.ts +0 -13
- package/src/api-context/popover-global.tsx +0 -107
- package/src/api-context/popover.tsx +0 -89
- package/src/api-context/ui.units.tsx +0 -10
- package/src/components/copy-to-clipboard.tsx +0 -86
- package/src/components/custom.breadcrumbs.tsx +0 -67
- package/src/components/help-tooltip.tsx +0 -75
- package/src/components/image-with-fallback.tsx +0 -51
- package/src/components/index.tsx +0 -1
- package/src/components/input-debounce-timer.tsx +0 -138
- package/src/components/loading-buttons.tsx +0 -35
- package/src/components/text-editor.preview.tsx +0 -30
- package/src/components/text-editor.tsx +0 -125
- package/src/form/README.md +0 -55
- package/src/form/create.autocomplete.chips.tsx +0 -199
- package/src/form/create.date-expired.tsx +0 -195
- package/src/form/create.date-picker.tsx +0 -122
- package/src/form/create.form-base.tsx +0 -102
- package/src/form/create.form-comfirm.tsx +0 -83
- package/src/form/create.form-grid-layout.tsx +0 -170
- package/src/form/create.form-grid-layout.units.tsx +0 -37
- package/src/form/create.input-base.tsx +0 -222
- package/src/form/create.input.file.tsx +0 -76
- package/src/form/create.select-simple.tsx +0 -101
- package/src/form/create.select-with-api.tsx +0 -213
- package/src/form/create.text-editor.tsx +0 -161
- package/src/form/dino-form.tsx +0 -40
- package/src/form/helper.ts +0 -132
- package/src/form/index.ts +0 -12
- package/src/form/modal-wrapper.tsx +0 -75
- package/src/form/types.ts +0 -16
- package/src/form/validator.ts +0 -202
- package/src/hooks/index.ts +0 -44
- package/src/index.ts +0 -7
- package/src/lab/create.autocomplete.simple.tsx +0 -57
- package/src/lab/create.dino-store.ts +0 -59
- package/src/lab/create.multi-select-dropdown.tsx +0 -189
- package/src/lab/create.select-mul-with-api/index.tsx +0 -271
- package/src/lab/create.select-mul-with-api/table-custom.tsx +0 -194
- package/src/lab/create.select-mul-with-api/types.ts +0 -26
- package/src/lab/create.select-mul-with-api/ui.units.tsx +0 -163
- package/src/lab/filter-bar/base.tsx +0 -162
- package/src/lab/filter-bar/create.filter-bar.tsx +0 -190
- package/src/lab/filter-bar/create.filter-menu.tsx +0 -156
- package/src/lab/filter-bar/create.filter-panel.tsx +0 -95
- package/src/lab/filter-bar/create.filtered.tsx +0 -41
- package/src/lab/filter-bar/create.sort-menu.tsx +0 -43
- package/src/lab/filter-bar/demo.tsx +0 -50
- package/src/lab/filter-bar/index.ts +0 -6
- package/src/lab/filter-bar/types.ts +0 -105
- package/src/lab/filter-bar/ui.units.tsx +0 -70
- package/src/lab/grafana-dashboard/configs.ts +0 -43
- package/src/lab/grafana-dashboard/date-time-range/absolute-time-rage.tsx +0 -137
- package/src/lab/grafana-dashboard/date-time-range/helpers.ts +0 -126
- package/src/lab/grafana-dashboard/date-time-range/index.tsx +0 -62
- package/src/lab/grafana-dashboard/date-time-range/menu-wrap.tsx +0 -101
- package/src/lab/grafana-dashboard/date-time-range/quick-ranges.tsx +0 -161
- package/src/lab/grafana-dashboard/date-time-range/types.ts +0 -9
- package/src/lab/grafana-dashboard/date-time-range/units.tsx +0 -18
- package/src/lab/grafana-dashboard/helper.ts +0 -25
- package/src/lab/grafana-dashboard/hooks.tsx +0 -79
- package/src/lab/grafana-dashboard/icons.tsx +0 -67
- package/src/lab/grafana-dashboard/index.tsx +0 -120
- package/src/lab/grafana-dashboard/top-bar.tsx +0 -62
- package/src/lab/grafana-dashboard/top-bar.types.ts +0 -5
- package/src/lab/grafana-dashboard/types.ts +0 -8
- package/src/lab/media-player.core1.tsx +0 -273
- package/src/lab/media-player.muted.tsx +0 -62
- package/src/lab/media-player.units.ts +0 -80
- package/src/lab/table-grid/create.table-grid.tsx +0 -183
- package/src/lab/table-grid/demo.tsx +0 -53
- package/src/lab/table-grid/dino.tsx +0 -8
- package/src/lab/table-grid/helpers.tsx +0 -11
- package/src/lab/table-grid/index.ts +0 -3
- package/src/lab/table-grid/item-actions.tsx +0 -138
- package/src/lab/table-grid/toolbar-pannel.tsx +0 -98
- package/src/lab/table-grid/types.ts +0 -68
- package/src/redux/create.hoc-lazy.tsx +0 -80
- package/src/redux/dino.ts +0 -9
- package/src/redux/index.ts +0 -6
- package/src/redux/types.ts +0 -27
- package/src/redux/ui.error-page.tsx +0 -62
- package/src/redux/ui.units.tsx +0 -41
- package/src/redux/vector-404.webp +0 -0
- package/src/table/context.tsx +0 -16
- package/src/table/create.action-row.tsx +0 -91
- package/src/table/create.status-cell.tsx +0 -51
- package/src/table/create.table.tsx +0 -239
- package/src/table/custom.filter-operators.ts +0 -94
- package/src/table/dino.tsx +0 -120
- package/src/table/helpers.ts +0 -94
- package/src/table/index.ts +0 -13
- package/src/table/model-filter.ts +0 -43
- package/src/table/toolbar-pannel.tsx +0 -106
- package/src/table/types.ts +0 -50
- package/src/table/ui.buttons.tsx +0 -54
- package/src/table/ui.units.tsx +0 -189
- package/src/utils/dayjs-config.ts +0 -13
- package/src/utils/helpers.ts +0 -171
- package/src/utils/index.ts +0 -7
- package/src/utils/json-object.ts +0 -29
- package/src/utils/mfe-events.tsx +0 -34
- package/src/utils/query-param.ts +0 -129
- package/tsconfig.json +0 -20
- /package/dist/{src/redux → redux}/types.js +0 -0
- /package/dist/{src/redux → redux}/vector-404.webp.js +0 -0
- /package/dist/{src/table → table}/model-filter.js +0 -0
- /package/dist/{src/utils → utils}/dayjs-config.js +0 -0
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { inherits as _inherits, createClass as _createClass,
|
|
1
|
+
import { inherits as _inherits, createClass as _createClass, objectSpread2 as _objectSpread2, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty } from '../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
3
|
import React, { Component } from 'react';
|
|
3
4
|
import { Popover } from '@mui/material';
|
|
4
5
|
import { ContentDefault } from './ui.units.js';
|
|
@@ -13,32 +14,34 @@ var PopoverGlobalApi = {
|
|
|
13
14
|
};
|
|
14
15
|
var PopoverGlobalContext = /*#__PURE__*/React.createContext(PopoverGlobalApi);
|
|
15
16
|
var MapPopoverGlobalContext = function MapPopoverGlobalContext(context) {
|
|
16
|
-
return
|
|
17
|
+
return jsx(PopoverGlobalContext.Consumer, {
|
|
18
|
+
children: context
|
|
19
|
+
});
|
|
17
20
|
};
|
|
18
21
|
var PopoverGlobalProvider = /*#__PURE__*/function (_Component) {
|
|
19
22
|
function PopoverGlobalProvider(props) {
|
|
20
23
|
var _this;
|
|
21
24
|
_classCallCheck(this, PopoverGlobalProvider);
|
|
22
25
|
_this = _callSuper(this, PopoverGlobalProvider, [props]);
|
|
23
|
-
_this
|
|
26
|
+
_defineProperty(_this, "openPopover", function (option) {
|
|
24
27
|
clearTimeout(_this.timer);
|
|
25
|
-
_this.setState(
|
|
26
|
-
};
|
|
27
|
-
_this
|
|
28
|
+
_this.setState(_objectSpread2({}, option));
|
|
29
|
+
});
|
|
30
|
+
_defineProperty(_this, "closePopover", function () {
|
|
28
31
|
clearTimeout(_this.timer);
|
|
29
32
|
_this.setState({
|
|
30
33
|
anchorEl: null
|
|
31
34
|
}, function () {
|
|
32
35
|
_this.timer = setTimeout(function () {
|
|
33
36
|
_this.setState({
|
|
34
|
-
content:
|
|
37
|
+
content: jsx(ContentDefault, {})
|
|
35
38
|
});
|
|
36
39
|
}, 500);
|
|
37
40
|
});
|
|
38
|
-
};
|
|
41
|
+
});
|
|
39
42
|
_this.state = {
|
|
40
43
|
anchorEl: null,
|
|
41
|
-
content:
|
|
44
|
+
content: jsx(ContentDefault, {})
|
|
42
45
|
};
|
|
43
46
|
return _this;
|
|
44
47
|
}
|
|
@@ -53,42 +56,47 @@ var PopoverGlobalProvider = /*#__PURE__*/function (_Component) {
|
|
|
53
56
|
key: "render",
|
|
54
57
|
value: function render() {
|
|
55
58
|
var _this2 = this;
|
|
56
|
-
return
|
|
59
|
+
return jsxs(PopoverGlobalContext.Provider, {
|
|
57
60
|
value: {
|
|
58
61
|
open: this.openPopover,
|
|
59
62
|
close: this.closePopover
|
|
60
|
-
}
|
|
61
|
-
}, this.props.children, /*#__PURE__*/React.createElement(Popover, _extends({
|
|
62
|
-
sx: {
|
|
63
|
-
'& .MuiPaper-root.MuiPaper-elevation': {
|
|
64
|
-
overflow: 'hidden'
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
anchorEl: this.state.anchorEl,
|
|
68
|
-
open: Boolean(this.state.anchorEl),
|
|
69
|
-
onClose: function onClose(_, reason) {
|
|
70
|
-
return _this2.closePopover(reason);
|
|
71
63
|
},
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
64
|
+
children: [this.props.children, jsx(Popover, _objectSpread2(_objectSpread2({
|
|
65
|
+
sx: {
|
|
66
|
+
'& .MuiPaper-root.MuiPaper-elevation': {
|
|
67
|
+
overflow: 'hidden'
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
anchorEl: this.state.anchorEl,
|
|
71
|
+
open: Boolean(this.state.anchorEl),
|
|
72
|
+
onClose: function onClose(_, reason) {
|
|
73
|
+
return _this2.closePopover(reason);
|
|
74
|
+
},
|
|
75
|
+
anchorOrigin: {
|
|
76
|
+
vertical: 'bottom',
|
|
77
|
+
horizontal: 'right'
|
|
78
|
+
},
|
|
79
|
+
transformOrigin: {
|
|
80
|
+
vertical: 'top',
|
|
81
|
+
horizontal: 'right'
|
|
82
|
+
},
|
|
83
|
+
disableScrollLock: true
|
|
84
|
+
}, this.state.popoverProps), {}, {
|
|
85
|
+
children: this.state.content
|
|
86
|
+
}))]
|
|
87
|
+
});
|
|
82
88
|
}
|
|
83
89
|
}]);
|
|
84
90
|
}(Component);
|
|
85
91
|
var withPopoverGlobalContext = function withPopoverGlobalContext(Component) {
|
|
86
92
|
return function (props) {
|
|
87
|
-
return
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
93
|
+
return jsx(PopoverGlobalProvider, {
|
|
94
|
+
children: MapPopoverGlobalContext(function (context) {
|
|
95
|
+
return jsx(Component, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
96
|
+
contextPopover: context
|
|
97
|
+
}));
|
|
98
|
+
})
|
|
99
|
+
});
|
|
92
100
|
};
|
|
93
101
|
};
|
|
94
102
|
var PopoverGlobal = {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover-global.js","sources":["../../src/api-context/popover-global.tsx"],"sourcesContent":["import React, { Component, PropsWithChildren } from 'react'\r\nimport { Popover, PopoverProps, PopoverVirtualElement } from '@mui/material'\r\nimport { ContentDefault } from './ui.units'\r\n\r\nexport interface PopoverGlobalState {\r\n anchorEl?: Element | (() => Element) | PopoverVirtualElement | (() => PopoverVirtualElement) | null\r\n popoverProps?: Omit<PopoverProps, 'open'>\r\n content: React.ReactNode\r\n}\r\n\r\nexport type OpenPopover = (value: PopoverGlobalState) => void\r\n\r\nexport type ClosePopover = (reason?: 'backdropClick' | 'escapeKeyDown') => void\r\n\r\nexport interface PopoverGlobalContext {\r\n open: OpenPopover\r\n close: ClosePopover\r\n}\r\n\r\nexport const PopoverGlobalApi: PopoverGlobalContext = {\r\n open: () => {\r\n console.warn('PopoverGlobal provider not found!')\r\n },\r\n close: () => {\r\n console.warn('PopoverGlobal provider not found!')\r\n }\r\n}\r\n\r\nexport const PopoverGlobalContext = React.createContext<PopoverGlobalContext>(PopoverGlobalApi)\r\n\r\nexport const MapPopoverGlobalContext = (context: (state: PopoverGlobalContext) => React.ReactNode) => (\r\n <PopoverGlobalContext.Consumer>{context}</PopoverGlobalContext.Consumer>\r\n)\r\n\r\ninterface IProps extends PropsWithChildren {}\r\n\r\nexport class PopoverGlobalProvider extends Component<IProps, PopoverGlobalState> {\r\n constructor(props: any) {\r\n super(props)\r\n this.state = { anchorEl: null, content: <ContentDefault /> }\r\n }\r\n\r\n componentDidMount() {\r\n PopoverGlobalApi.open = this.openPopover\r\n PopoverGlobalApi.close = this.closePopover\r\n }\r\n\r\n render() {\r\n return (\r\n <PopoverGlobalContext.Provider value={{ open: this.openPopover, close: this.closePopover }}>\r\n {this.props.children}\r\n <Popover\r\n sx={{ '& .MuiPaper-root.MuiPaper-elevation': { overflow: 'hidden' } }}\r\n anchorEl={this.state.anchorEl}\r\n open={Boolean(this.state.anchorEl)}\r\n onClose={(_, reason) => this.closePopover(reason)}\r\n anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\r\n transformOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n disableScrollLock\r\n {...this.state.popoverProps}\r\n >\r\n {this.state.content}\r\n </Popover>\r\n </PopoverGlobalContext.Provider>\r\n )\r\n }\r\n\r\n openPopover: OpenPopover = (option) => {\r\n clearTimeout(this.timer)\r\n this.setState({ ...option })\r\n }\r\n\r\n timer: any\r\n closePopover: ClosePopover = () => {\r\n clearTimeout(this.timer)\r\n this.setState({ anchorEl: null }, () => {\r\n this.timer = setTimeout(() => {\r\n this.setState({ content: <ContentDefault /> })\r\n }, 500)\r\n })\r\n }\r\n}\r\n\r\nexport interface IPopoverGlobalContextProps {\r\n contextPopover: PopoverGlobalContext\r\n}\r\n\r\nexport const withPopoverGlobalContext = <P extends IPopoverGlobalContextProps>(Component: React.ComponentType<P>) => {\r\n return (props: Omit<P, keyof IPopoverGlobalContextProps>) => {\r\n return (\r\n <PopoverGlobalProvider>\r\n {MapPopoverGlobalContext((context) => (\r\n <Component {...(props as P)} contextPopover={context} />\r\n ))}\r\n </PopoverGlobalProvider>\r\n )\r\n }\r\n}\r\n\r\nconst PopoverGlobal = {\r\n Provider: PopoverGlobalProvider,\r\n Api: PopoverGlobalApi,\r\n Context: PopoverGlobalContext,\r\n mapContext: MapPopoverGlobalContext\r\n}\r\n\r\nexport default PopoverGlobal\r\n"],"names":["PopoverGlobalApi","open","console","warn","close","PopoverGlobalContext","React","createContext","MapPopoverGlobalContext","context","_jsx","Consumer","PopoverGlobalProvider","_Component","props","_this","_classCallCheck","_callSuper","_defineProperty","option","clearTimeout","timer","setState","_objectSpread","anchorEl","setTimeout","content","ContentDefault","state","_inherits","_createClass","key","value","componentDidMount","openPopover","closePopover","render","_this2","_jsxs","Provider","children","Popover","sx","overflow","Boolean","onClose","_","reason","anchorOrigin","vertical","horizontal","transformOrigin","disableScrollLock","popoverProps","Component","withPopoverGlobalContext","contextPopover","PopoverGlobal","Api","Context","mapContext"],"mappings":"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"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { inherits as _inherits, createClass as _createClass, objectSpread2 as _objectSpread2, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty } from '../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
import React, { Component } from 'react';
|
|
4
|
+
import { Popover } from '@mui/material';
|
|
5
|
+
import { ContentDefault } from './ui.units.js';
|
|
6
|
+
|
|
7
|
+
var ApiPopoverContext = /*#__PURE__*/React.createContext({
|
|
8
|
+
showPopover: function showPopover() {
|
|
9
|
+
console.warn('ApiPopover provider not found!');
|
|
10
|
+
},
|
|
11
|
+
closePopover: function closePopover() {
|
|
12
|
+
console.warn('ApiPopover provider not found!');
|
|
13
|
+
}
|
|
14
|
+
});
|
|
15
|
+
var MapApiPopoverContext = function MapApiPopoverContext(context) {
|
|
16
|
+
return jsx(ApiPopoverContext.Consumer, {
|
|
17
|
+
children: context
|
|
18
|
+
});
|
|
19
|
+
};
|
|
20
|
+
var ApiPopover = /*#__PURE__*/function (_Component) {
|
|
21
|
+
function ApiPopover(props) {
|
|
22
|
+
var _this;
|
|
23
|
+
_classCallCheck(this, ApiPopover);
|
|
24
|
+
_this = _callSuper(this, ApiPopover, [props]);
|
|
25
|
+
_defineProperty(_this, "showPopover", function (option) {
|
|
26
|
+
clearTimeout(_this.timer);
|
|
27
|
+
_this.setState(_objectSpread2({}, option));
|
|
28
|
+
});
|
|
29
|
+
_defineProperty(_this, "closePopover", function () {
|
|
30
|
+
clearTimeout(_this.timer);
|
|
31
|
+
_this.setState({
|
|
32
|
+
anchorEl: null
|
|
33
|
+
}, function () {
|
|
34
|
+
_this.timer = setTimeout(function () {
|
|
35
|
+
_this.setState({
|
|
36
|
+
content: jsx(ContentDefault, {})
|
|
37
|
+
});
|
|
38
|
+
}, 500);
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
_this.state = {
|
|
42
|
+
anchorEl: null,
|
|
43
|
+
content: jsx(ContentDefault, {})
|
|
44
|
+
};
|
|
45
|
+
return _this;
|
|
46
|
+
}
|
|
47
|
+
_inherits(ApiPopover, _Component);
|
|
48
|
+
return _createClass(ApiPopover, [{
|
|
49
|
+
key: "render",
|
|
50
|
+
value: function render() {
|
|
51
|
+
var _this2 = this;
|
|
52
|
+
return jsxs(ApiPopoverContext.Provider, {
|
|
53
|
+
value: this,
|
|
54
|
+
children: [this.props.children, jsx(Popover, _objectSpread2(_objectSpread2({
|
|
55
|
+
sx: {
|
|
56
|
+
'& .MuiPaper-root.MuiPaper-elevation': {
|
|
57
|
+
overflow: 'hidden'
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
anchorEl: this.state.anchorEl,
|
|
61
|
+
open: Boolean(this.state.anchorEl),
|
|
62
|
+
onClose: function onClose(_, reason) {
|
|
63
|
+
return _this2.closePopover(reason);
|
|
64
|
+
},
|
|
65
|
+
anchorOrigin: {
|
|
66
|
+
vertical: 'bottom',
|
|
67
|
+
horizontal: 'right'
|
|
68
|
+
},
|
|
69
|
+
transformOrigin: {
|
|
70
|
+
vertical: 'top',
|
|
71
|
+
horizontal: 'right'
|
|
72
|
+
},
|
|
73
|
+
disableScrollLock: true
|
|
74
|
+
}, this.state.popoverProps), {}, {
|
|
75
|
+
children: this.state.content
|
|
76
|
+
}))]
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
}]);
|
|
80
|
+
}(Component);
|
|
81
|
+
var withApiPopoverContext = function withApiPopoverContext(Component) {
|
|
82
|
+
return function (props) {
|
|
83
|
+
return jsx(ApiPopover, {
|
|
84
|
+
children: MapApiPopoverContext(function (context) {
|
|
85
|
+
return jsx(Component, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
86
|
+
contextPopover: context
|
|
87
|
+
}));
|
|
88
|
+
})
|
|
89
|
+
});
|
|
90
|
+
};
|
|
91
|
+
};
|
|
92
|
+
|
|
93
|
+
export { ApiPopoverContext, MapApiPopoverContext, ApiPopover as default, withApiPopoverContext };
|
|
94
|
+
//# sourceMappingURL=popover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.js","sources":["../../src/api-context/popover.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { Popover, PopoverProps, PopoverVirtualElement } from '@mui/material'\r\nimport { ContentDefault } from './ui.units'\r\n\r\nexport interface IPopoverOptions {\r\n anchorEl?: Element | (() => Element) | PopoverVirtualElement | (() => PopoverVirtualElement) | null\r\n popoverProps?: Omit<PopoverProps, 'open'>\r\n content: React.ReactNode\r\n}\r\n\r\nexport type TShowPopover = (option: IPopoverOptions) => void\r\n\r\nexport type TClosePopover = (reason?: 'backdropClick' | 'escapeKeyDown') => void\r\n\r\nexport interface IApiPopoverContext {\r\n showPopover: TShowPopover\r\n closePopover: TClosePopover\r\n}\r\n\r\nexport const ApiPopoverContext = React.createContext<IApiPopoverContext>({\r\n showPopover: () => {\r\n console.warn('ApiPopover provider not found!')\r\n },\r\n closePopover: () => {\r\n console.warn('ApiPopover provider not found!')\r\n }\r\n})\r\n\r\nexport const MapApiPopoverContext = (context: (state: IApiPopoverContext) => React.ReactNode) => (\r\n <ApiPopoverContext.Consumer>{context}</ApiPopoverContext.Consumer>\r\n)\r\n\r\ninterface IProps {}\r\ninterface IState extends IPopoverOptions {}\r\ntype TProps = React.PropsWithChildren<IProps>\r\nclass ApiPopover extends Component<TProps, IState> implements IApiPopoverContext {\r\n constructor(props: any) {\r\n super(props)\r\n this.state = { anchorEl: null, content: <ContentDefault /> }\r\n }\r\n render() {\r\n return (\r\n <ApiPopoverContext.Provider value={this}>\r\n {this.props.children}\r\n <Popover\r\n sx={{ '& .MuiPaper-root.MuiPaper-elevation': { overflow: 'hidden' } }}\r\n anchorEl={this.state.anchorEl}\r\n open={Boolean(this.state.anchorEl)}\r\n onClose={(_, reason) => this.closePopover(reason)}\r\n anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\r\n transformOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n disableScrollLock\r\n {...this.state.popoverProps}\r\n >\r\n {this.state.content}\r\n </Popover>\r\n </ApiPopoverContext.Provider>\r\n )\r\n }\r\n showPopover = (option: IPopoverOptions) => {\r\n clearTimeout(this.timer)\r\n this.setState({ ...option })\r\n }\r\n timer: any\r\n closePopover: TClosePopover = () => {\r\n clearTimeout(this.timer)\r\n this.setState({ anchorEl: null }, () => {\r\n this.timer = setTimeout(() => {\r\n this.setState({ content: <ContentDefault /> })\r\n }, 500)\r\n })\r\n }\r\n}\r\nexport default ApiPopover\r\n\r\nexport interface IApiPopoverContextProps {\r\n contextPopover: IApiPopoverContext\r\n}\r\nexport const withApiPopoverContext = <P extends IApiPopoverContextProps>(Component: React.ComponentType<P>) => {\r\n return (props: Omit<P, keyof IApiPopoverContextProps>) => {\r\n return (\r\n <ApiPopover>\r\n {MapApiPopoverContext((context) => (\r\n <Component {...(props as P)} contextPopover={context} />\r\n ))}\r\n </ApiPopover>\r\n )\r\n }\r\n}\r\n"],"names":["ApiPopoverContext","React","createContext","showPopover","console","warn","closePopover","MapApiPopoverContext","context","_jsx","Consumer","ApiPopover","_Component","props","_this","_classCallCheck","_callSuper","_defineProperty","option","clearTimeout","timer","setState","_objectSpread","anchorEl","setTimeout","content","ContentDefault","state","_inherits","_createClass","key","value","render","_this2","_jsxs","Provider","children","Popover","sx","overflow","open","Boolean","onClose","_","reason","anchorOrigin","vertical","horizontal","transformOrigin","disableScrollLock","popoverProps","Component","withApiPopoverContext","contextPopover"],"mappings":"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"}
|
|
@@ -1,20 +1,22 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { Box, Typography } from '@mui/material';
|
|
3
3
|
|
|
4
4
|
var ContentDefault = function ContentDefault() {
|
|
5
|
-
return
|
|
5
|
+
return jsx(Box, {
|
|
6
6
|
sx: {
|
|
7
7
|
p: '9px 12px',
|
|
8
8
|
m: '12px',
|
|
9
9
|
backgroundColor: 'rgba(0,0,0,0.1)'
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
10
|
+
},
|
|
11
|
+
children: jsx(Typography, {
|
|
12
|
+
variant: 'caption',
|
|
13
|
+
sx: {
|
|
14
|
+
fontWeight: 600,
|
|
15
|
+
fontStyle: 'italic'
|
|
16
|
+
},
|
|
17
|
+
children: "Content"
|
|
18
|
+
})
|
|
19
|
+
});
|
|
18
20
|
};
|
|
19
21
|
|
|
20
22
|
export { ContentDefault };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ui.units.js","sources":["../../src/api-context/ui.units.tsx"],"sourcesContent":["import React, { FC } from 'react'\r\nimport { Box, Typography } from '@mui/material'\r\n\r\nexport const ContentDefault: FC = () => (\r\n <Box sx={{ p: '9px 12px', m: '12px', backgroundColor: 'rgba(0,0,0,0.1)' }}>\r\n <Typography variant='caption' sx={{ fontWeight: 600, fontStyle: 'italic' }}>\r\n Content\r\n </Typography>\r\n </Box>\r\n)\r\n"],"names":["ContentDefault","_jsx","Box","sx","p","m","backgroundColor","children","Typography","variant","fontWeight","fontStyle"],"mappings":";;;AAGaA,IAAAA,cAAc,GAAO,SAArBA,cAAcA,GAAA;EAAA,OACzBC,GAAA,CAACC,GAAG,EAAA;AAACC,IAAAA,EAAE,EAAE;AAAEC,MAAAA,CAAC,EAAE,UAAU;AAAEC,MAAAA,CAAC,EAAE,MAAM;AAAEC,MAAAA,eAAe,EAAE;KAAmB;AAAAC,IAAAA,QAAA,EACvEN,IAACO,UAAU,EAAA;AAACC,MAAAA,OAAO,EAAC,SAAS;AAACN,MAAAA,EAAE,EAAE;AAAEO,QAAAA,UAAU,EAAE,GAAG;AAAEC,QAAAA,SAAS,EAAE;OAAU;AAAAJ,MAAAA,QAAA,EAAA;KAAA;AAGtE,GAAA,CAAA;AAAA;;;;"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
+
import { styled, Box, Breadcrumbs as Breadcrumbs$1, Typography } from '@mui/material';
|
|
4
|
+
import ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos';
|
|
5
|
+
|
|
6
|
+
var Breadcrumbs = function Breadcrumbs(props) {
|
|
7
|
+
var _props$value;
|
|
8
|
+
var list = (_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : [];
|
|
9
|
+
var handleClick = function handleClick(e, x) {
|
|
10
|
+
e.preventDefault();
|
|
11
|
+
e.stopPropagation();
|
|
12
|
+
x.onClick && x.onClick(e);
|
|
13
|
+
};
|
|
14
|
+
var getItemProps = function getItemProps(item) {
|
|
15
|
+
if (item.propsGetter) return item.propsGetter();
|
|
16
|
+
return item.url ? {
|
|
17
|
+
component: 'a',
|
|
18
|
+
href: item.url
|
|
19
|
+
} : {};
|
|
20
|
+
};
|
|
21
|
+
return jsx(Breadcrumbs$1, {
|
|
22
|
+
children: list.map(function (x, i) {
|
|
23
|
+
var isClick = !!x.onClick || !!x.url;
|
|
24
|
+
return jsxs(WrapTypography, _objectSpread2(_objectSpread2({}, getItemProps(x)), {}, {
|
|
25
|
+
onClick: x.onClick ? function (e) {
|
|
26
|
+
return handleClick(e, x);
|
|
27
|
+
} : undefined,
|
|
28
|
+
className: isClick ? 'clickable' : '',
|
|
29
|
+
children: [i < 1 && jsx(ArrowBackIosIcon, {
|
|
30
|
+
sx: {
|
|
31
|
+
fontSize: '16px',
|
|
32
|
+
mb: '3px',
|
|
33
|
+
color: '#000'
|
|
34
|
+
}
|
|
35
|
+
}), jsx(Typography, {
|
|
36
|
+
variant: 'subtitle1',
|
|
37
|
+
sx: {
|
|
38
|
+
fontWeight: 600
|
|
39
|
+
},
|
|
40
|
+
noWrap: true,
|
|
41
|
+
children: jsx("span", {
|
|
42
|
+
children: x.label
|
|
43
|
+
})
|
|
44
|
+
})]
|
|
45
|
+
}), 'key' + i);
|
|
46
|
+
})
|
|
47
|
+
});
|
|
48
|
+
};
|
|
49
|
+
var WrapTypography = styled(Box)({
|
|
50
|
+
display: 'flex',
|
|
51
|
+
alignItems: 'center',
|
|
52
|
+
textDecoration: 'none',
|
|
53
|
+
'&.clickable': {
|
|
54
|
+
cursor: 'pointer'
|
|
55
|
+
},
|
|
56
|
+
'& .MuiTypography-root': {
|
|
57
|
+
color: 'var(--color-title)'
|
|
58
|
+
},
|
|
59
|
+
'&.clickable:hover .MuiTypography-root': {
|
|
60
|
+
textDecoration: 'underline'
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
|
|
64
|
+
export { Breadcrumbs as default };
|
|
65
|
+
//# sourceMappingURL=breadcrumbs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumbs.js","sources":["../../src/components/breadcrumbs.tsx"],"sourcesContent":["import React, { FC } from 'react'\r\nimport { Box, Breadcrumbs as MUIBreadcrumbs, styled, Typography, TypographyProps } from '@mui/material'\r\nimport ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos'\r\n\r\nexport interface IBreadcrumbConfig {\r\n label: string\r\n url?: string\r\n propsGetter?: () => TypographyProps\r\n onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void\r\n}\r\n\r\nexport interface IBreadcrumbsProps {\r\n value?: IBreadcrumbConfig[]\r\n}\r\n\r\nconst Breadcrumbs: FC<IBreadcrumbsProps> = (props) => {\r\n const list = props.value ?? []\r\n\r\n const handleClick = (e: React.MouseEvent<HTMLDivElement, MouseEvent>, x: IBreadcrumbConfig) => {\r\n e.preventDefault()\r\n e.stopPropagation()\r\n x.onClick && x.onClick(e)\r\n }\r\n\r\n const getItemProps = (item: IBreadcrumbConfig): TypographyProps => {\r\n if (item.propsGetter) return item.propsGetter()\r\n return item.url ? ({ component: 'a', href: item.url } as TypographyProps) : {}\r\n }\r\n\r\n return (\r\n <MUIBreadcrumbs>\r\n {list.map((x, i) => {\r\n const isClick = !!x.onClick || !!x.url\r\n return (\r\n <WrapTypography\r\n key={'key' + i}\r\n {...getItemProps(x)}\r\n onClick={x.onClick ? (e: any) => handleClick(e, x) : undefined}\r\n className={isClick ? 'clickable' : ''}\r\n >\r\n {i < 1 && <ArrowBackIosIcon sx={{ fontSize: '16px', mb: '3px', color: '#000' }} />}\r\n <Typography variant='subtitle1' sx={{ fontWeight: 600 }} noWrap>\r\n <span>{x.label}</span>\r\n </Typography>\r\n </WrapTypography>\r\n )\r\n })}\r\n </MUIBreadcrumbs>\r\n )\r\n}\r\nexport default Breadcrumbs\r\n\r\nconst WrapTypography = styled(Box)({\r\n display: 'flex',\r\n alignItems: 'center',\r\n textDecoration: 'none',\r\n '&.clickable': {\r\n cursor: 'pointer'\r\n },\r\n '& .MuiTypography-root': {\r\n color: 'var(--color-title)'\r\n },\r\n '&.clickable:hover .MuiTypography-root': {\r\n textDecoration: 'underline'\r\n }\r\n})\r\n"],"names":["Breadcrumbs","props","_props$value","list","value","handleClick","e","x","preventDefault","stopPropagation","onClick","getItemProps","item","propsGetter","url","component","href","_jsx","MUIBreadcrumbs","children","map","i","isClick","_jsxs","WrapTypography","_objectSpread","undefined","className","ArrowBackIosIcon","sx","fontSize","mb","color","Typography","variant","fontWeight","noWrap","label","styled","Box","display","alignItems","textDecoration","cursor"],"mappings":";;;;;AAeA,IAAMA,WAAW,GAA0B,SAArCA,WAAWA,CAA2BC,KAAK,EAAI;AAAA,EAAA,IAAAC,YAAA;AACnD,EAAA,IAAMC,IAAI,GAAA,CAAAD,YAAA,GAAGD,KAAK,CAACG,KAAK,MAAA,IAAA,IAAAF,YAAA,KAAA,MAAA,GAAAA,YAAA,GAAI,EAAE;EAE9B,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CAAIC,CAA+C,EAAEC,CAAoB,EAAI;IAC5FD,CAAC,CAACE,cAAc,EAAE;IAClBF,CAAC,CAACG,eAAe,EAAE;IACnBF,CAAC,CAACG,OAAO,IAAIH,CAAC,CAACG,OAAO,CAACJ,CAAC,CAAC;GAC1B;AAED,EAAA,IAAMK,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAAuB,EAAqB;IAChE,IAAIA,IAAI,CAACC,WAAW,EAAE,OAAOD,IAAI,CAACC,WAAW,EAAE;IAC/C,OAAOD,IAAI,CAACE,GAAG,GAAI;AAAEC,MAAAA,SAAS,EAAE,GAAG;MAAEC,IAAI,EAAEJ,IAAI,CAACE;KAAyB,GAAG,EAAE;GAC/E;EAED,OACEG,GAAA,CAACC,aAAc,EAAA;IAAAC,QAAA,EACZhB,IAAI,CAACiB,GAAG,CAAC,UAACb,CAAC,EAAEc,CAAC,EAAI;AACjB,MAAA,IAAMC,OAAO,GAAG,CAAC,CAACf,CAAC,CAACG,OAAO,IAAI,CAAC,CAACH,CAAC,CAACO,GAAG;MACtC,OACES,KAACC,cAAc,EAAAC,cAAA,CAAAA,cAAA,CAETd,EAAAA,EAAAA,YAAY,CAACJ,CAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AACnBG,QAAAA,OAAO,EAAEH,CAAC,CAACG,OAAO,GAAG,UAACJ,CAAM,EAAA;AAAA,UAAA,OAAKD,WAAW,CAACC,CAAC,EAAEC,CAAC,CAAC;AAAA,SAAA,GAAGmB,SAAS;AAC9DC,QAAAA,SAAS,EAAEL,OAAO,GAAG,WAAW,GAAG,EAAE;QAAAH,QAAA,EAAA,CAEpCE,CAAC,GAAG,CAAC,IAAIJ,IAACW,gBAAgB,EAAA;AAACC,UAAAA,EAAE,EAAE;AAAEC,YAAAA,QAAQ,EAAE,MAAM;AAAEC,YAAAA,EAAE,EAAE,KAAK;AAAEC,YAAAA,KAAK,EAAE;AAAM;UAAM,EAClFf,GAAA,CAACgB,UAAU,EAAA;AAACC,UAAAA,OAAO,EAAC,WAAW;AAACL,UAAAA,EAAE,EAAE;AAAEM,YAAAA,UAAU,EAAE;WAAK;AAAEC,UAAAA,MAAM,EAC7D,IAAA;AAAAjB,UAAAA,QAAA,EAAAF,GAAA,CAAA,MAAA,EAAA;YAAAE,QAAA,EAAOZ,CAAC,CAAC8B;;AACE,SAAA,CAAA;OARR,CAAA,EAAA,KAAK,GAAGhB,CAAC,CASC;KAEpB;AACc,GAAA,CAAA;AAErB;AAGA,IAAMG,cAAc,GAAGc,MAAM,CAACC,GAAG,CAAC,CAAC;AACjCC,EAAAA,OAAO,EAAE,MAAM;AACfC,EAAAA,UAAU,EAAE,QAAQ;AACpBC,EAAAA,cAAc,EAAE,MAAM;AACtB,EAAA,aAAa,EAAE;AACbC,IAAAA,MAAM,EAAE;GACT;AACD,EAAA,uBAAuB,EAAE;AACvBX,IAAAA,KAAK,EAAE;GACR;AACD,EAAA,uCAAuC,EAAE;AACvCU,IAAAA,cAAc,EAAE;AACjB;AACF,CAAA,CAAC;;;;"}
|
|
@@ -1,40 +1,43 @@
|
|
|
1
|
-
import { inherits as _inherits, createClass as _createClass,
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
1
|
+
import { inherits as _inherits, createClass as _createClass, objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty } from '../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { Component } from 'react';
|
|
4
4
|
import { Tooltip, Box, IconButton } from '@mui/material';
|
|
5
5
|
import copy from 'clipboard-copy';
|
|
6
6
|
import DoneIcon from '@mui/icons-material/Done';
|
|
7
7
|
import ContentCopyIcon from '@mui/icons-material/ContentCopy';
|
|
8
8
|
|
|
9
|
+
var _excluded = ["title"];
|
|
9
10
|
var CopyToClipboard = /*#__PURE__*/function (_Component) {
|
|
10
11
|
function CopyToClipboard(props) {
|
|
11
12
|
var _this;
|
|
12
13
|
_classCallCheck(this, CopyToClipboard);
|
|
13
14
|
_this = _callSuper(this, CopyToClipboard, [props]);
|
|
14
|
-
_this
|
|
15
|
-
var
|
|
16
|
-
if ((
|
|
15
|
+
_defineProperty(_this, "renderIcon", function () {
|
|
16
|
+
var _this$props$slots, _this$props$slots2;
|
|
17
|
+
if ((_this$props$slots = _this.props.slots) !== null && _this$props$slots !== void 0 && _this$props$slots.button) {
|
|
17
18
|
var ButtonComp = _this.props.slots.button;
|
|
18
|
-
return
|
|
19
|
+
return jsx(ButtonComp, {
|
|
19
20
|
onClick: _this.handleClickCopy,
|
|
20
21
|
copied: _this.state.copied
|
|
21
22
|
});
|
|
22
23
|
}
|
|
23
24
|
var Icon = _this.state.copied ? DoneIcon : ContentCopyIcon;
|
|
24
|
-
return
|
|
25
|
+
return jsx(IconButton, _objectSpread2(_objectSpread2({
|
|
25
26
|
onClick: _this.handleClickCopy
|
|
26
|
-
}, (
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
27
|
+
}, (_this$props$slots2 = _this.props.slots) === null || _this$props$slots2 === void 0 ? void 0 : _this$props$slots2.buttonProps), {}, {
|
|
28
|
+
children: jsx(Icon, {
|
|
29
|
+
fontSize: 'small',
|
|
30
|
+
sx: {
|
|
31
|
+
color: '#606060'
|
|
32
|
+
}
|
|
33
|
+
})
|
|
31
34
|
}));
|
|
32
|
-
};
|
|
33
|
-
_this
|
|
35
|
+
});
|
|
36
|
+
_defineProperty(_this, "handleClickCopy", function () {
|
|
34
37
|
_this.debounceTime.start();
|
|
35
38
|
_this.onCopy();
|
|
36
|
-
};
|
|
37
|
-
_this
|
|
39
|
+
});
|
|
40
|
+
_defineProperty(_this, "debounceTime", {
|
|
38
41
|
cache: 0,
|
|
39
42
|
time: 1500,
|
|
40
43
|
start: function start() {
|
|
@@ -52,13 +55,13 @@ var CopyToClipboard = /*#__PURE__*/function (_Component) {
|
|
|
52
55
|
clear: function clear() {
|
|
53
56
|
clearTimeout(_this.debounceTime.cache);
|
|
54
57
|
}
|
|
55
|
-
};
|
|
56
|
-
_this
|
|
58
|
+
});
|
|
59
|
+
_defineProperty(_this, "onCopy", function () {
|
|
57
60
|
copy(_this.props.value);
|
|
58
61
|
_this.setState({
|
|
59
62
|
showTooltip: true
|
|
60
63
|
});
|
|
61
|
-
};
|
|
64
|
+
});
|
|
62
65
|
_this.state = {
|
|
63
66
|
showTooltip: false,
|
|
64
67
|
copied: false
|
|
@@ -69,14 +72,15 @@ var CopyToClipboard = /*#__PURE__*/function (_Component) {
|
|
|
69
72
|
return _createClass(CopyToClipboard, [{
|
|
70
73
|
key: "render",
|
|
71
74
|
value: function render() {
|
|
72
|
-
var
|
|
73
|
-
|
|
75
|
+
var _this$props$slots$too,
|
|
76
|
+
_this$props$slots3,
|
|
77
|
+
_this2 = this;
|
|
74
78
|
var leaveDelay = this.state.copied ? this.debounceTime.time - 200 : 0;
|
|
75
|
-
var
|
|
76
|
-
title =
|
|
77
|
-
tooltipProps =
|
|
79
|
+
var _ref = (_this$props$slots$too = (_this$props$slots3 = this.props.slots) === null || _this$props$slots3 === void 0 ? void 0 : _this$props$slots3.tooltipProps) !== null && _this$props$slots$too !== void 0 ? _this$props$slots$too : {},
|
|
80
|
+
title = _ref.title,
|
|
81
|
+
tooltipProps = _objectWithoutProperties(_ref, _excluded);
|
|
78
82
|
var titleValue = this.state.copied ? 'Copied to clipboard!' : title !== null && title !== void 0 ? title : 'Copy to clipboard';
|
|
79
|
-
return
|
|
83
|
+
return jsx(Tooltip, _objectSpread2(_objectSpread2({
|
|
80
84
|
arrow: true,
|
|
81
85
|
title: titleValue,
|
|
82
86
|
leaveDelay: leaveDelay,
|
|
@@ -91,12 +95,15 @@ var CopyToClipboard = /*#__PURE__*/function (_Component) {
|
|
|
91
95
|
showTooltip: false
|
|
92
96
|
});
|
|
93
97
|
}
|
|
94
|
-
}, tooltipProps),
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
98
|
+
}, tooltipProps), {}, {
|
|
99
|
+
children: jsx(Box, {
|
|
100
|
+
sx: {
|
|
101
|
+
display: 'inline-block',
|
|
102
|
+
flex: '0 0 auto'
|
|
103
|
+
},
|
|
104
|
+
children: this.renderIcon()
|
|
105
|
+
})
|
|
106
|
+
}));
|
|
100
107
|
}
|
|
101
108
|
}]);
|
|
102
109
|
}(Component);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"copy-to-clipboard.js","sources":["../../src/components/copy-to-clipboard.tsx"],"sourcesContent":["import React, { Component, ComponentType } from 'react'\r\nimport { Box, ButtonProps, IconButton, Tooltip, TooltipProps } from '@mui/material'\r\nimport copy from 'clipboard-copy'\r\nimport DoneIcon from '@mui/icons-material/Done'\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy'\r\n\r\nexport interface ICopyToClipboardProps {\r\n value: string\r\n slots?: {\r\n tooltipProps?: Partial<TooltipProps>\r\n button?: ComponentType<{ onClick: () => void; copied?: boolean }>\r\n buttonProps?: ButtonProps\r\n }\r\n}\r\n\r\nexport interface ICopyToClipboardState {\r\n showTooltip: boolean\r\n copied: boolean\r\n}\r\n\r\nclass CopyToClipboard extends Component<ICopyToClipboardProps, ICopyToClipboardState> {\r\n constructor(props: ICopyToClipboardProps) {\r\n super(props)\r\n this.state = { showTooltip: false, copied: false }\r\n }\r\n\r\n render() {\r\n const leaveDelay = this.state.copied ? this.debounceTime.time - 200 : 0\r\n const { title, ...tooltipProps } = this.props.slots?.tooltipProps ?? {}\r\n const titleValue = this.state.copied ? 'Copied to clipboard!' : title ?? 'Copy to clipboard'\r\n return (\r\n <Tooltip\r\n arrow\r\n title={titleValue}\r\n leaveDelay={leaveDelay}\r\n open={this.state.showTooltip}\r\n onOpen={() => this.setState({ showTooltip: true })}\r\n onClose={() => this.setState({ showTooltip: false })}\r\n {...tooltipProps}\r\n >\r\n <Box sx={{ display: 'inline-block', flex: '0 0 auto' }}>{this.renderIcon()}</Box>\r\n </Tooltip>\r\n )\r\n }\r\n\r\n renderIcon = () => {\r\n if (this.props.slots?.button) {\r\n const ButtonComp = this.props.slots.button\r\n return <ButtonComp onClick={this.handleClickCopy} copied={this.state.copied} />\r\n }\r\n const Icon = this.state.copied ? DoneIcon : ContentCopyIcon\r\n return (\r\n <IconButton onClick={this.handleClickCopy} {...this.props.slots?.buttonProps}>\r\n <Icon fontSize='small' sx={{ color: '#606060' }} />\r\n </IconButton>\r\n )\r\n }\r\n\r\n handleClickCopy = () => {\r\n this.debounceTime.start()\r\n this.onCopy()\r\n }\r\n\r\n private debounceTime = {\r\n cache: 0 as any,\r\n time: 1500,\r\n start: () => {\r\n this.debounceTime.clear()\r\n this.setState({ copied: true }, () => {\r\n this.debounceTime.cache = setTimeout(() => {\r\n this.setState({ copied: false })\r\n }, this.debounceTime.time)\r\n })\r\n },\r\n clear: () => {\r\n clearTimeout(this.debounceTime.cache)\r\n }\r\n }\r\n\r\n private onCopy = () => {\r\n copy(this.props.value)\r\n this.setState({ showTooltip: true })\r\n }\r\n}\r\nexport default CopyToClipboard\r\n"],"names":["CopyToClipboard","_Component","props","_this","_classCallCheck","_callSuper","_defineProperty","_this$props$slots","_this$props$slots2","slots","button","ButtonComp","_jsx","onClick","handleClickCopy","copied","state","Icon","DoneIcon","ContentCopyIcon","IconButton","_objectSpread","buttonProps","children","fontSize","sx","color","debounceTime","start","onCopy","cache","time","clear","setState","setTimeout","clearTimeout","copy","value","showTooltip","_inherits","_createClass","key","render","_this$props$slots$too","_this$props$slots3","_this2","leaveDelay","_ref","tooltipProps","title","_objectWithoutProperties","_excluded","titleValue","Tooltip","arrow","open","onOpen","onClose","Box","display","flex","renderIcon","Component"],"mappings":"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"}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty } from '../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
+
import { styled, Typography, Tooltip, tooltipClasses, Box, Stack, Divider, IconButton } from '@mui/material';
|
|
4
|
+
import HelpOutlineIcon from '@mui/icons-material/HelpOutline';
|
|
5
|
+
|
|
6
|
+
var _excluded = ["className"];
|
|
7
|
+
var HelpTooltip = function HelpTooltip(props) {
|
|
8
|
+
return jsx(HtmlTooltip, {
|
|
9
|
+
arrow: true,
|
|
10
|
+
placement: 'bottom',
|
|
11
|
+
title: jsxs(Stack, {
|
|
12
|
+
sx: {
|
|
13
|
+
gap: '6px',
|
|
14
|
+
py: '6px',
|
|
15
|
+
minWidth: '200px',
|
|
16
|
+
maxWidth: '400px '
|
|
17
|
+
},
|
|
18
|
+
children: [jsx(TooltipHeaderText, {
|
|
19
|
+
children: props.title
|
|
20
|
+
}), jsx(Divider, {}), jsx(Box, {
|
|
21
|
+
sx: {
|
|
22
|
+
p: '6px 12px'
|
|
23
|
+
},
|
|
24
|
+
children: props.children
|
|
25
|
+
})]
|
|
26
|
+
}),
|
|
27
|
+
children: jsx(Box, {
|
|
28
|
+
sx: _objectSpread2({
|
|
29
|
+
cursor: 'default'
|
|
30
|
+
}, props.sxIcon),
|
|
31
|
+
children: jsx(IconButton, {
|
|
32
|
+
size: 'small',
|
|
33
|
+
children: jsx(HelpOutlineIcon, {
|
|
34
|
+
fontSize: props.small ? 'small' : 'medium',
|
|
35
|
+
sx: {
|
|
36
|
+
color: 'rgb(25,103,210)'
|
|
37
|
+
}
|
|
38
|
+
})
|
|
39
|
+
})
|
|
40
|
+
})
|
|
41
|
+
});
|
|
42
|
+
};
|
|
43
|
+
var HelpTooltipWrap = function HelpTooltipWrap(props) {
|
|
44
|
+
return jsx(HtmlTooltip, {
|
|
45
|
+
arrow: true,
|
|
46
|
+
placement: 'bottom',
|
|
47
|
+
title: jsxs(Stack, {
|
|
48
|
+
sx: {
|
|
49
|
+
gap: '6px',
|
|
50
|
+
py: '6px',
|
|
51
|
+
minWidth: '200px',
|
|
52
|
+
maxWidth: '400px '
|
|
53
|
+
},
|
|
54
|
+
children: [jsx(TooltipHeaderText, {
|
|
55
|
+
children: props.title
|
|
56
|
+
}), jsx(Divider, {}), jsx(Box, {
|
|
57
|
+
sx: {
|
|
58
|
+
p: '6px 12px'
|
|
59
|
+
},
|
|
60
|
+
children: props.content
|
|
61
|
+
})]
|
|
62
|
+
}),
|
|
63
|
+
children: jsx(Box, {
|
|
64
|
+
sx: {
|
|
65
|
+
cursor: 'default'
|
|
66
|
+
},
|
|
67
|
+
children: props.children
|
|
68
|
+
})
|
|
69
|
+
});
|
|
70
|
+
};
|
|
71
|
+
var TooltipHeaderText = styled(function (props) {
|
|
72
|
+
return jsx(Typography, _objectSpread2({
|
|
73
|
+
variant: 'subtitle1'
|
|
74
|
+
}, props));
|
|
75
|
+
})({
|
|
76
|
+
color: '#0095ff',
|
|
77
|
+
fontWeight: 700,
|
|
78
|
+
padding: '0 10px'
|
|
79
|
+
});
|
|
80
|
+
var HtmlTooltip = styled(function (_ref) {
|
|
81
|
+
var className = _ref.className,
|
|
82
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
83
|
+
return jsx(Tooltip, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
84
|
+
classes: {
|
|
85
|
+
popper: className
|
|
86
|
+
}
|
|
87
|
+
}));
|
|
88
|
+
})(function (_ref2) {
|
|
89
|
+
var theme = _ref2.theme;
|
|
90
|
+
return _defineProperty(_defineProperty({}, "& .".concat(tooltipClasses.tooltip), {
|
|
91
|
+
backgroundColor: '#fff',
|
|
92
|
+
color: '#3c3c3c',
|
|
93
|
+
maxWidth: 500,
|
|
94
|
+
minHeight: 120,
|
|
95
|
+
fontSize: theme.typography.pxToRem(12),
|
|
96
|
+
borderRadius: '8px',
|
|
97
|
+
boxShadow: 'rgba(0, 0, 0, 0.08) 0px 6px 30px'
|
|
98
|
+
}), "& .".concat(tooltipClasses.arrow), {
|
|
99
|
+
color: '#fff'
|
|
100
|
+
});
|
|
101
|
+
});
|
|
102
|
+
|
|
103
|
+
export { HelpTooltipWrap, HelpTooltip as default };
|
|
104
|
+
//# sourceMappingURL=help-tooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"help-tooltip.js","sources":["../../src/components/help-tooltip.tsx"],"sourcesContent":["import React, { FC, PropsWithChildren, ReactNode } from 'react'\r\nimport { Box, Divider, IconButton, Stack, Tooltip, Typography } from '@mui/material'\r\nimport { SxProps, Theme, TooltipProps, TypographyProps, styled, tooltipClasses } from '@mui/material'\r\nimport HelpOutlineIcon from '@mui/icons-material/HelpOutline'\r\n\r\nexport interface IHelpTooltipProps {\r\n title: string\r\n small?: boolean\r\n sxIcon?: SxProps<Theme>\r\n}\r\n\r\nconst HelpTooltip: FC<PropsWithChildren<IHelpTooltipProps>> = (props) => (\r\n <HtmlTooltip\r\n arrow\r\n placement='bottom'\r\n title={\r\n <Stack sx={{ gap: '6px', py: '6px', minWidth: '200px', maxWidth: '400px ' }}>\r\n <TooltipHeaderText>{props.title}</TooltipHeaderText>\r\n <Divider />\r\n <Box sx={{ p: '6px 12px' }}>{props.children}</Box>\r\n </Stack>\r\n }\r\n >\r\n <Box sx={{ cursor: 'default', ...props.sxIcon }}>\r\n <IconButton size='small'>\r\n <HelpOutlineIcon fontSize={props.small ? 'small' : 'medium'} sx={{ color: 'rgb(25,103,210)' }} />\r\n </IconButton>\r\n </Box>\r\n </HtmlTooltip>\r\n)\r\n\r\nexport default HelpTooltip\r\n\r\nexport interface IHelpTooltipWrapProps {\r\n content: ReactNode\r\n title: string\r\n children: React.ReactNode\r\n}\r\n\r\nexport const HelpTooltipWrap: FC<IHelpTooltipWrapProps> = (props) => (\r\n <HtmlTooltip\r\n arrow\r\n placement='bottom'\r\n title={\r\n <Stack sx={{ gap: '6px', py: '6px', minWidth: '200px', maxWidth: '400px ' }}>\r\n <TooltipHeaderText>{props.title}</TooltipHeaderText>\r\n <Divider />\r\n <Box sx={{ p: '6px 12px' }}>{props.content}</Box>\r\n </Stack>\r\n }\r\n >\r\n <Box sx={{ cursor: 'default' }}>{props.children}</Box>\r\n </HtmlTooltip>\r\n)\r\n\r\nconst TooltipHeaderText = styled((props: TypographyProps) => <Typography variant='subtitle1' {...props} />)({\r\n color: '#0095ff',\r\n fontWeight: 700,\r\n padding: '0 10px'\r\n})\r\n\r\nconst HtmlTooltip = styled(({ className, ...props }: TooltipProps) => <Tooltip {...props} classes={{ popper: className }} />)(({ theme }) => ({\r\n [`& .${tooltipClasses.tooltip}`]: {\r\n backgroundColor: '#fff',\r\n color: '#3c3c3c',\r\n maxWidth: 500,\r\n minHeight: 120,\r\n fontSize: theme.typography.pxToRem(12),\r\n borderRadius: '8px',\r\n boxShadow: 'rgba(0, 0, 0, 0.08) 0px 6px 30px'\r\n },\r\n [`& .${tooltipClasses.arrow}`]: {\r\n color: '#fff'\r\n }\r\n}))\r\n"],"names":["HelpTooltip","props","_jsx","HtmlTooltip","arrow","placement","title","_jsxs","Stack","sx","gap","py","minWidth","maxWidth","children","TooltipHeaderText","Divider","Box","p","_objectSpread","cursor","sxIcon","IconButton","size","HelpOutlineIcon","fontSize","small","color","HelpTooltipWrap","content","styled","Typography","variant","fontWeight","padding","_ref","className","_objectWithoutProperties","_excluded","Tooltip","classes","popper","_ref2","theme","_defineProperty","concat","tooltipClasses","tooltip","backgroundColor","minHeight","typography","pxToRem","borderRadius","boxShadow"],"mappings":"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"}
|