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
|
@@ -13,6 +13,31 @@ function _assertThisInitialized(e) {
|
|
|
13
13
|
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
14
14
|
return e;
|
|
15
15
|
}
|
|
16
|
+
function asyncGeneratorStep(n, t, e, r, o, a, c) {
|
|
17
|
+
try {
|
|
18
|
+
var i = n[a](c),
|
|
19
|
+
u = i.value;
|
|
20
|
+
} catch (n) {
|
|
21
|
+
return void e(n);
|
|
22
|
+
}
|
|
23
|
+
i.done ? t(u) : Promise.resolve(u).then(r, o);
|
|
24
|
+
}
|
|
25
|
+
function _asyncToGenerator(n) {
|
|
26
|
+
return function () {
|
|
27
|
+
var t = this,
|
|
28
|
+
e = arguments;
|
|
29
|
+
return new Promise(function (r, o) {
|
|
30
|
+
var a = n.apply(t, e);
|
|
31
|
+
function _next(n) {
|
|
32
|
+
asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
|
|
33
|
+
}
|
|
34
|
+
function _throw(n) {
|
|
35
|
+
asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
|
|
36
|
+
}
|
|
37
|
+
_next(void 0);
|
|
38
|
+
});
|
|
39
|
+
};
|
|
40
|
+
}
|
|
16
41
|
function _callSuper(t, o, e) {
|
|
17
42
|
return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
|
|
18
43
|
}
|
|
@@ -38,15 +63,6 @@ function _defineProperty(e, r, t) {
|
|
|
38
63
|
writable: true
|
|
39
64
|
}) : e[r] = t, e;
|
|
40
65
|
}
|
|
41
|
-
function _extends() {
|
|
42
|
-
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
43
|
-
for (var e = 1; e < arguments.length; e++) {
|
|
44
|
-
var t = arguments[e];
|
|
45
|
-
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
46
|
-
}
|
|
47
|
-
return n;
|
|
48
|
-
}, _extends.apply(null, arguments);
|
|
49
|
-
}
|
|
50
66
|
function _getPrototypeOf(t) {
|
|
51
67
|
return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
|
|
52
68
|
return t.__proto__ || Object.getPrototypeOf(t);
|
|
@@ -108,6 +124,47 @@ function _nonIterableRest() {
|
|
|
108
124
|
function _nonIterableSpread() {
|
|
109
125
|
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
110
126
|
}
|
|
127
|
+
function ownKeys(e, r) {
|
|
128
|
+
var t = Object.keys(e);
|
|
129
|
+
if (Object.getOwnPropertySymbols) {
|
|
130
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
131
|
+
r && (o = o.filter(function (r) {
|
|
132
|
+
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
133
|
+
})), t.push.apply(t, o);
|
|
134
|
+
}
|
|
135
|
+
return t;
|
|
136
|
+
}
|
|
137
|
+
function _objectSpread2(e) {
|
|
138
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
139
|
+
var t = null != arguments[r] ? arguments[r] : {};
|
|
140
|
+
r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
|
|
141
|
+
_defineProperty(e, r, t[r]);
|
|
142
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
|
|
143
|
+
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
144
|
+
});
|
|
145
|
+
}
|
|
146
|
+
return e;
|
|
147
|
+
}
|
|
148
|
+
function _objectWithoutProperties(e, t) {
|
|
149
|
+
if (null == e) return {};
|
|
150
|
+
var o,
|
|
151
|
+
r,
|
|
152
|
+
i = _objectWithoutPropertiesLoose(e, t);
|
|
153
|
+
if (Object.getOwnPropertySymbols) {
|
|
154
|
+
var n = Object.getOwnPropertySymbols(e);
|
|
155
|
+
for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
|
|
156
|
+
}
|
|
157
|
+
return i;
|
|
158
|
+
}
|
|
159
|
+
function _objectWithoutPropertiesLoose(r, e) {
|
|
160
|
+
if (null == r) return {};
|
|
161
|
+
var t = {};
|
|
162
|
+
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
163
|
+
if (-1 !== e.indexOf(n)) continue;
|
|
164
|
+
t[n] = r[n];
|
|
165
|
+
}
|
|
166
|
+
return t;
|
|
167
|
+
}
|
|
111
168
|
function _possibleConstructorReturn(t, e) {
|
|
112
169
|
if (e && ("object" == typeof e || "function" == typeof e)) return e;
|
|
113
170
|
if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
|
|
@@ -427,5 +484,5 @@ function _unsupportedIterableToArray(r, a) {
|
|
|
427
484
|
}
|
|
428
485
|
}
|
|
429
486
|
|
|
430
|
-
export { _arrayLikeToArray as arrayLikeToArray, _arrayWithHoles as arrayWithHoles, _arrayWithoutHoles as arrayWithoutHoles, _assertThisInitialized as assertThisInitialized, _callSuper as callSuper, _classCallCheck as classCallCheck, _createClass as createClass, _defineProperty as defineProperty,
|
|
487
|
+
export { _arrayLikeToArray as arrayLikeToArray, _arrayWithHoles as arrayWithHoles, _arrayWithoutHoles as arrayWithoutHoles, _assertThisInitialized as assertThisInitialized, _asyncToGenerator as asyncToGenerator, _callSuper as callSuper, _classCallCheck as classCallCheck, _createClass as createClass, _defineProperty as defineProperty, _getPrototypeOf as getPrototypeOf, _inherits as inherits, _isNativeReflectConstruct as isNativeReflectConstruct, _iterableToArray as iterableToArray, _iterableToArrayLimit as iterableToArrayLimit, _nonIterableRest as nonIterableRest, _nonIterableSpread as nonIterableSpread, _objectSpread2 as objectSpread2, _objectWithoutProperties as objectWithoutProperties, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose, _possibleConstructorReturn as possibleConstructorReturn, _regeneratorRuntime as regeneratorRuntime, _setPrototypeOf as setPrototypeOf, _slicedToArray as slicedToArray, _toArray as toArray, _toConsumableArray as toConsumableArray, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey, _typeof as typeof, _unsupportedIterableToArray as unsupportedIterableToArray };
|
|
431
488
|
//# sourceMappingURL=_rollupPluginBabelHelpers.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_rollupPluginBabelHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"_rollupPluginBabelHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray,
|
|
1
|
+
import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
3
|
import React, { useState, useCallback, useEffect } from 'react';
|
|
3
4
|
import { styled, Box, Stack, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button } from '@mui/material';
|
|
4
5
|
import MuiAlert from '@mui/material/Alert';
|
|
5
6
|
|
|
6
7
|
var Alert = /*#__PURE__*/React.forwardRef(function Alert(props, ref) {
|
|
7
|
-
return
|
|
8
|
+
return jsx(MuiAlert, _objectSpread2(_objectSpread2({
|
|
8
9
|
elevation: 6,
|
|
9
10
|
ref: ref,
|
|
10
|
-
variant:
|
|
11
|
-
}, props, {
|
|
11
|
+
variant: 'standard'
|
|
12
|
+
}, props), {}, {
|
|
12
13
|
style: {
|
|
13
14
|
minWidth: '300px'
|
|
14
15
|
}
|
|
@@ -17,13 +18,12 @@ var Alert = /*#__PURE__*/React.forwardRef(function Alert(props, ref) {
|
|
|
17
18
|
var ApiAlertContext = {};
|
|
18
19
|
var RenderArea = function RenderArea(messages, onClose) {
|
|
19
20
|
return messages.map(function (x, i) {
|
|
20
|
-
return
|
|
21
|
-
key: x.id + i,
|
|
21
|
+
return jsx(Message, {
|
|
22
22
|
data: x,
|
|
23
23
|
IsOpen: true,
|
|
24
24
|
handleClose: onClose,
|
|
25
25
|
autoDurationHide: x.duration
|
|
26
|
-
});
|
|
26
|
+
}, x.id + i);
|
|
27
27
|
});
|
|
28
28
|
};
|
|
29
29
|
function AlertGlobal() {
|
|
@@ -44,7 +44,7 @@ function AlertGlobal() {
|
|
|
44
44
|
setMessages(_toConsumableArray(Messages));
|
|
45
45
|
}, [Messages]);
|
|
46
46
|
useEffect(function () {
|
|
47
|
-
ApiAlertContext.ApiAlert =
|
|
47
|
+
ApiAlertContext.ApiAlert = _objectSpread2(_objectSpread2({}, ApiAlertContext.ApiAlert ? ApiAlertContext.ApiAlert : {}), {}, {
|
|
48
48
|
PushMessage: _PushMessage,
|
|
49
49
|
PushError: function PushError(data, options) {
|
|
50
50
|
this.PushMessage({
|
|
@@ -80,12 +80,15 @@ function AlertGlobal() {
|
|
|
80
80
|
}
|
|
81
81
|
});
|
|
82
82
|
}, [_PushMessage]);
|
|
83
|
-
return
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
83
|
+
return jsx(Wrap, {
|
|
84
|
+
children: jsx(Stack, {
|
|
85
|
+
spacing: 2,
|
|
86
|
+
sx: {
|
|
87
|
+
maxWidth: '300px'
|
|
88
|
+
},
|
|
89
|
+
children: RenderArea(Messages, _HandleClose)
|
|
90
|
+
})
|
|
91
|
+
});
|
|
89
92
|
}
|
|
90
93
|
var Message = function Message(props) {
|
|
91
94
|
var _handleClose = useCallback(function () {
|
|
@@ -102,10 +105,11 @@ var Message = function Message(props) {
|
|
|
102
105
|
clearTimeout(Timer);
|
|
103
106
|
};
|
|
104
107
|
}, [props]);
|
|
105
|
-
return
|
|
108
|
+
return jsx(Alert, {
|
|
106
109
|
onClose: _handleClose,
|
|
107
|
-
severity: props.data.type
|
|
108
|
-
|
|
110
|
+
severity: props.data.type,
|
|
111
|
+
children: props.data.text
|
|
112
|
+
});
|
|
109
113
|
};
|
|
110
114
|
var Wrap = styled(Box)({
|
|
111
115
|
position: 'fixed',
|
|
@@ -128,23 +132,34 @@ var AlertDialog = function AlertDialog(props) {
|
|
|
128
132
|
setOpen(false);
|
|
129
133
|
props.onClose && props.onClose();
|
|
130
134
|
}, [props]);
|
|
131
|
-
return
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
135
|
+
return jsx("div", {
|
|
136
|
+
children: jsxs(Dialog, {
|
|
137
|
+
open: Open,
|
|
138
|
+
onClose: _handleClose,
|
|
139
|
+
"aria-labelledby": 'alert-dialog-title',
|
|
140
|
+
"aria-describedby": 'alert-dialog-description',
|
|
141
|
+
children: [jsx(DialogTitle, {
|
|
142
|
+
id: 'alert-dialog-title',
|
|
143
|
+
children: props.Title
|
|
144
|
+
}), jsx(DialogContent, {
|
|
145
|
+
children: jsx(DialogContentText, {
|
|
146
|
+
id: 'alert-dialog-description',
|
|
147
|
+
children: props.Message
|
|
148
|
+
})
|
|
149
|
+
}), jsxs(DialogActions, {
|
|
150
|
+
children: [jsx(Button, {
|
|
151
|
+
onClick: props.onAccept,
|
|
152
|
+
autoFocus: true,
|
|
153
|
+
color: 'info',
|
|
154
|
+
children: "Ok"
|
|
155
|
+
}), jsx(Button, {
|
|
156
|
+
onClick: _handleClose,
|
|
157
|
+
color: 'error',
|
|
158
|
+
children: "Cancel"
|
|
159
|
+
})]
|
|
160
|
+
})]
|
|
161
|
+
})
|
|
162
|
+
});
|
|
148
163
|
};
|
|
149
164
|
|
|
150
165
|
export { AlertDialog, ApiAlertContext, AlertGlobal as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-global.js","sources":["../../src/api-context/alert-global.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useState } from 'react'\r\nimport { Box, Stack, styled, Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@mui/material'\r\nimport MuiAlert, { AlertProps, AlertColor } from '@mui/material/Alert'\r\n\r\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(function Alert(props, ref) {\r\n return <MuiAlert elevation={6} ref={ref} variant='standard' {...props} style={{ minWidth: '300px' }} />\r\n})\r\n\r\ninterface MessageData {\r\n id: string\r\n text: string\r\n type: AlertColor\r\n duration?: number\r\n}\r\n\r\ninterface IOptions {\r\n duration?: number\r\n}\r\n\r\ninterface IApiAlert {\r\n PushMessage: (data: MessageData) => void\r\n PushInfo: (data: string) => void\r\n PushError: (data: string) => void\r\n PushWarning: (data: string) => void\r\n PushSuccess: (data: string) => void\r\n}\r\n\r\nexport interface IApiContext {\r\n ApiAlert?: IApiAlert\r\n}\r\n\r\nexport const ApiAlertContext: IApiContext = {}\r\n\r\nconst RenderArea = (messages: MessageData[], onClose: (data: MessageData) => void) => {\r\n return messages.map((x, i) => {\r\n return <Message key={x.id + i} data={x} IsOpen={true} handleClose={onClose} autoDurationHide={x.duration} />\r\n })\r\n}\r\n\r\nfunction AlertGlobal() {\r\n const [Messages, setMessages] = useState<MessageData[]>([])\r\n const _PushMessage = useCallback((data: MessageData) => {\r\n setMessages((st) => [...st, data])\r\n }, [])\r\n const _HandleClose = useCallback(\r\n (data: MessageData) => {\r\n const index = Messages.findIndex((x) => x.id === data.id)\r\n Messages.splice(index, 1)\r\n setMessages([...Messages])\r\n },\r\n [Messages]\r\n )\r\n\r\n useEffect(() => {\r\n ApiAlertContext.ApiAlert = {\r\n ...(ApiAlertContext.ApiAlert ? ApiAlertContext.ApiAlert : {}),\r\n PushMessage: _PushMessage,\r\n PushError: function (data: string, options?: IOptions) {\r\n this.PushMessage({\r\n id: new Date().getTime().toString(),\r\n text: data,\r\n type: 'error',\r\n duration: options?.duration || 15000\r\n })\r\n },\r\n PushInfo: function (data: string, options?: IOptions) {\r\n this.PushMessage({\r\n id: new Date().getTime().toString(),\r\n text: data,\r\n type: 'info',\r\n duration: options?.duration || 6000\r\n })\r\n },\r\n PushWarning: function (data: string, options?: IOptions) {\r\n this.PushMessage({\r\n id: new Date().getTime().toString(),\r\n text: data,\r\n type: 'warning',\r\n duration: options?.duration || 6000\r\n })\r\n },\r\n PushSuccess: function (data: string, options?: IOptions) {\r\n this.PushMessage({\r\n id: new Date().getTime().toString(),\r\n text: data,\r\n type: 'success',\r\n duration: options?.duration || 3000\r\n })\r\n }\r\n }\r\n }, [_PushMessage])\r\n\r\n return (\r\n <Wrap>\r\n <Stack spacing={2} sx={{ maxWidth: '300px' }}>\r\n {RenderArea(Messages, _HandleClose)}\r\n </Stack>\r\n </Wrap>\r\n )\r\n}\r\nexport default AlertGlobal\r\n\r\ninterface MessageProps {\r\n IsOpen: boolean\r\n handleClose: (data: MessageData) => void\r\n data: MessageData\r\n autoDurationHide?: number\r\n}\r\nconst Message: FC<MessageProps> = (props) => {\r\n const _handleClose = useCallback(() => props.handleClose(props.data), [props])\r\n\r\n useEffect(() => {\r\n let Timer: any = null\r\n if (props.autoDurationHide) {\r\n Timer = setTimeout(() => {\r\n props.handleClose(props.data)\r\n }, props.autoDurationHide)\r\n }\r\n return () => {\r\n clearTimeout(Timer as any)\r\n }\r\n }, [props])\r\n return (\r\n <Alert onClose={_handleClose} severity={props.data.type}>\r\n {props.data.text}\r\n </Alert>\r\n )\r\n}\r\n\r\nconst Wrap = styled(Box)({\r\n position: 'fixed',\r\n top: 'calc(var(--height-header) + 20px)',\r\n right: '50px',\r\n zIndex: 2000,\r\n display: 'flex',\r\n justifyContent: 'flex-start',\r\n alignItems: 'center'\r\n})\r\n\r\ninterface AlertDialogProps {\r\n IsOpen: boolean\r\n onClose?: () => void\r\n onAccept?: () => void\r\n Title: string\r\n Message: string\r\n}\r\nexport const AlertDialog: React.FC<AlertDialogProps> = (props) => {\r\n const [Open, setOpen] = React.useState(props.IsOpen)\r\n React.useEffect(() => {\r\n setOpen(props.IsOpen)\r\n }, [props.IsOpen])\r\n const _handleClose = React.useCallback(() => {\r\n setOpen(false)\r\n props.onClose && props.onClose()\r\n }, [props])\r\n return (\r\n <div>\r\n <Dialog open={Open} onClose={_handleClose} aria-labelledby='alert-dialog-title' aria-describedby='alert-dialog-description'>\r\n <DialogTitle id='alert-dialog-title'>{props.Title}</DialogTitle>\r\n <DialogContent>\r\n <DialogContentText id='alert-dialog-description'>{props.Message}</DialogContentText>\r\n </DialogContent>\r\n <DialogActions>\r\n <Button onClick={props.onAccept} autoFocus color='info'>\r\n Ok\r\n </Button>\r\n <Button onClick={_handleClose} color='error'>\r\n Cancel\r\n </Button>\r\n </DialogActions>\r\n </Dialog>\r\n </div>\r\n )\r\n}\r\n"],"names":["Alert","React","forwardRef","props","ref","_jsx","MuiAlert","_objectSpread","elevation","variant","style","minWidth","ApiAlertContext","RenderArea","messages","onClose","map","x","i","Message","data","IsOpen","handleClose","autoDurationHide","duration","id","AlertGlobal","_useState","useState","_useState2","_slicedToArray","Messages","setMessages","_PushMessage","useCallback","st","concat","_toConsumableArray","_HandleClose","index","findIndex","splice","useEffect","ApiAlert","PushMessage","PushError","options","Date","getTime","toString","text","type","PushInfo","PushWarning","PushSuccess","Wrap","children","Stack","spacing","sx","maxWidth","_handleClose","Timer","setTimeout","clearTimeout","severity","styled","Box","position","top","right","zIndex","display","justifyContent","alignItems","AlertDialog","_React$useState","_React$useState2","Open","setOpen","_jsxs","Dialog","open","DialogTitle","Title","DialogContent","DialogContentText","DialogActions","Button","onClick","onAccept","autoFocus","color"],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { defineProperty as _defineProperty, inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper } from '
|
|
2
|
-
import
|
|
1
|
+
import { defineProperty as _defineProperty, inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper } from '../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
+
import { Component } from 'react';
|
|
3
4
|
import { styled, Box, Drawer, IconButton, Divider, Typography } from '@mui/material';
|
|
4
5
|
import CloseIcon from '@mui/icons-material/Close';
|
|
5
6
|
|
|
@@ -22,29 +23,30 @@ var DrawerGlobalProvider = /*#__PURE__*/function (_Component) {
|
|
|
22
23
|
var _this;
|
|
23
24
|
_classCallCheck(this, DrawerGlobalProvider);
|
|
24
25
|
_this = _callSuper(this, DrawerGlobalProvider, [props]);
|
|
25
|
-
_this
|
|
26
|
+
_defineProperty(_this, "close", function (reason) {
|
|
26
27
|
if (_this.state.backdropClickeable === false && reason === 'backdropClick') return;
|
|
27
28
|
_this.setState({
|
|
28
29
|
renderContent: undefined
|
|
29
30
|
});
|
|
30
|
-
};
|
|
31
|
-
_this
|
|
31
|
+
});
|
|
32
|
+
_defineProperty(_this, "open", function (state) {
|
|
32
33
|
return _this.setState(state);
|
|
33
|
-
};
|
|
34
|
-
_this
|
|
34
|
+
});
|
|
35
|
+
_defineProperty(_this, "renderTitle", function () {
|
|
35
36
|
if (typeof _this.state.title === 'string') {
|
|
36
|
-
return
|
|
37
|
-
variant:
|
|
38
|
-
noWrap: true
|
|
39
|
-
|
|
37
|
+
return jsx(Typography, {
|
|
38
|
+
variant: 'h6',
|
|
39
|
+
noWrap: true,
|
|
40
|
+
children: _this.state.title
|
|
41
|
+
});
|
|
40
42
|
}
|
|
41
43
|
return _this.state.title;
|
|
42
|
-
};
|
|
43
|
-
_this
|
|
44
|
+
});
|
|
45
|
+
_defineProperty(_this, "getClasses", function () {
|
|
44
46
|
var classes = [drawerGlobalClasses.root];
|
|
45
47
|
if (_this.state.fullHeight) classes.push(drawerGlobalClasses.fullHeight);
|
|
46
48
|
return classes.join(' ');
|
|
47
|
-
};
|
|
49
|
+
});
|
|
48
50
|
_this.state = {};
|
|
49
51
|
return _this;
|
|
50
52
|
}
|
|
@@ -59,29 +61,34 @@ var DrawerGlobalProvider = /*#__PURE__*/function (_Component) {
|
|
|
59
61
|
key: "render",
|
|
60
62
|
value: function render() {
|
|
61
63
|
var _this2 = this;
|
|
62
|
-
return
|
|
64
|
+
return jsx(Drawer, {
|
|
63
65
|
anchor: this.state.anchor,
|
|
64
66
|
open: Boolean(this.state.renderContent),
|
|
65
67
|
onClose: function onClose(_, reason) {
|
|
66
68
|
return _this2.close(reason);
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
69
|
+
},
|
|
70
|
+
children: jsxs(Wrap, {
|
|
71
|
+
className: this.getClasses(),
|
|
72
|
+
children: [jsxs("div", {
|
|
73
|
+
className: drawerGlobalClasses.title,
|
|
74
|
+
children: [this.state.icon, this.renderTitle(), jsx(Box, {
|
|
75
|
+
sx: {
|
|
76
|
+
flex: 1
|
|
77
|
+
}
|
|
78
|
+
}), jsx(IconButton, {
|
|
79
|
+
onClick: function onClick() {
|
|
80
|
+
return _this2.close();
|
|
81
|
+
},
|
|
82
|
+
children: jsx(CloseIcon, {})
|
|
83
|
+
})]
|
|
84
|
+
}), jsx(Divider, {
|
|
85
|
+
variant: 'middle'
|
|
86
|
+
}), jsx("div", {
|
|
87
|
+
className: drawerGlobalClasses.content,
|
|
88
|
+
children: this.state.renderContent && this.state.renderContent()
|
|
89
|
+
})]
|
|
90
|
+
})
|
|
91
|
+
});
|
|
85
92
|
}
|
|
86
93
|
}]);
|
|
87
94
|
}(Component);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawer-global.js","sources":["../../src/api-context/drawer-global.tsx"],"sourcesContent":["import React, { Component, ReactNode } from 'react'\r\nimport { Box, Divider, Drawer, DrawerProps, IconButton, styled, Typography } from '@mui/material'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\n\r\nconst drawerGlobalClasses = {\r\n root: 'DrawerGlobal-root',\r\n title: 'DrawerGlobal-title',\r\n content: 'DrawerGlobal-content',\r\n fullHeight: 'DrawerGlobal-fullHeight'\r\n}\r\n\r\ninterface IProps {}\r\n\r\ninterface IState {\r\n title?: ReactNode\r\n icon?: ReactNode\r\n fullHeight?: boolean\r\n anchor?: DrawerProps['anchor']\r\n /** @default true */\r\n backdropClickeable?: boolean\r\n renderContent?: () => ReactNode\r\n}\r\n\r\ntype TReason = 'backdropClick' | 'escapeKeyDown'\r\n\r\ninterface DrawerGlobalApiType {\r\n open: (state: IState) => void\r\n close: (reason?: TReason) => void\r\n}\r\n\r\nconst DrawerGlobalApi: DrawerGlobalApiType = {\r\n close: () => {\r\n console.warn('DrawerGlobal provider not found!')\r\n },\r\n open: () => {\r\n console.warn('DrawerGlobal provider not found!')\r\n }\r\n}\r\n\r\nclass DrawerGlobalProvider extends Component<IProps, IState> {\r\n constructor(props: IProps) {\r\n super(props)\r\n this.state = {}\r\n }\r\n\r\n close = (reason?: TReason) => {\r\n if (this.state.backdropClickeable === false && reason === 'backdropClick') return\r\n this.setState({ renderContent: undefined })\r\n }\r\n\r\n open = (state: IState) => this.setState(state)\r\n\r\n componentDidMount() {\r\n DrawerGlobalApi.open = this.open\r\n DrawerGlobalApi.close = this.close\r\n }\r\n\r\n render() {\r\n return (\r\n <Drawer anchor={this.state.anchor} open={Boolean(this.state.renderContent)} onClose={(_, reason) => this.close(reason)}>\r\n <Wrap className={this.getClasses()}>\r\n <div className={drawerGlobalClasses.title}>\r\n {this.state.icon}\r\n {this.renderTitle()}\r\n <Box sx={{ flex: 1 }} />\r\n <IconButton onClick={() => this.close()}>\r\n <CloseIcon />\r\n </IconButton>\r\n </div>\r\n <Divider variant='middle' />\r\n <div className={drawerGlobalClasses.content}>{this.state.renderContent && this.state.renderContent()}</div>\r\n </Wrap>\r\n </Drawer>\r\n )\r\n }\r\n\r\n renderTitle = () => {\r\n if (typeof this.state.title === 'string') {\r\n return (\r\n <Typography variant='h6' noWrap>\r\n {this.state.title}\r\n </Typography>\r\n )\r\n }\r\n return this.state.title\r\n }\r\n\r\n getClasses = () => {\r\n const classes = [drawerGlobalClasses.root]\r\n if (this.state.fullHeight) classes.push(drawerGlobalClasses.fullHeight)\r\n return classes.join(' ')\r\n }\r\n}\r\n\r\nconst DrawerGlobal = {\r\n Provider: DrawerGlobalProvider,\r\n Api: DrawerGlobalApi\r\n}\r\n\r\nexport default DrawerGlobal\r\n\r\nconst Wrap = styled(Box)({\r\n '--height-title': '56px',\r\n [`.${drawerGlobalClasses.title}`]: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n height: 'var(--height-title)',\r\n padding: '0 12px',\r\n gap: '6px'\r\n },\r\n [`&.${drawerGlobalClasses.fullHeight}`]: {\r\n [`.${drawerGlobalClasses.content}`]: {\r\n height: 'calc(100vh - var(--height-title) - 60px)'\r\n }\r\n }\r\n})\r\n"],"names":["drawerGlobalClasses","root","title","content","fullHeight","DrawerGlobalApi","close","console","warn","open","DrawerGlobalProvider","_Component","props","_this","_classCallCheck","_callSuper","_defineProperty","reason","state","backdropClickeable","setState","renderContent","undefined","_jsx","Typography","variant","noWrap","children","classes","push","join","_inherits","_createClass","key","value","componentDidMount","render","_this2","Drawer","anchor","Boolean","onClose","_","_jsxs","Wrap","className","getClasses","icon","renderTitle","Box","sx","flex","IconButton","onClick","CloseIcon","Divider","Component","DrawerGlobal","Provider","Api","styled","concat","display","alignItems","height","padding","gap"],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper,
|
|
1
|
+
import { inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
3
|
import React, { Component } from 'react';
|
|
3
4
|
import { styled, Box, Modal, Backdrop } from '@mui/material';
|
|
4
5
|
|
|
@@ -11,25 +12,27 @@ var GlobalModalContext = /*#__PURE__*/React.createContext({
|
|
|
11
12
|
}
|
|
12
13
|
});
|
|
13
14
|
var MapGlobalModalContext = function MapGlobalModalContext(context) {
|
|
14
|
-
return
|
|
15
|
+
return jsx(GlobalModalContext.Consumer, {
|
|
16
|
+
children: context
|
|
17
|
+
});
|
|
15
18
|
};
|
|
16
19
|
var GlobalModal = /*#__PURE__*/function (_Component) {
|
|
17
20
|
function GlobalModal(props) {
|
|
18
21
|
var _this;
|
|
19
22
|
_classCallCheck(this, GlobalModal);
|
|
20
23
|
_this = _callSuper(this, GlobalModal, [props]);
|
|
21
|
-
_this
|
|
24
|
+
_defineProperty(_this, "show", function (value) {
|
|
22
25
|
_this.setState(value);
|
|
23
|
-
};
|
|
24
|
-
_this
|
|
26
|
+
});
|
|
27
|
+
_defineProperty(_this, "close", function (_, reason) {
|
|
25
28
|
if (reason === 'backdropClick' && _this.state.backdropActivated === false) return;
|
|
26
29
|
_this.setState({
|
|
27
30
|
renderContent: undefined
|
|
28
31
|
});
|
|
29
|
-
};
|
|
30
|
-
_this
|
|
31
|
-
return _this.state.renderContent ? _this.state.renderContent() :
|
|
32
|
-
};
|
|
32
|
+
});
|
|
33
|
+
_defineProperty(_this, "renderContent", function () {
|
|
34
|
+
return _this.state.renderContent ? _this.state.renderContent() : jsx(Fragment, {});
|
|
35
|
+
});
|
|
33
36
|
_this.state = {};
|
|
34
37
|
return _this;
|
|
35
38
|
}
|
|
@@ -37,23 +40,26 @@ var GlobalModal = /*#__PURE__*/function (_Component) {
|
|
|
37
40
|
return _createClass(GlobalModal, [{
|
|
38
41
|
key: "render",
|
|
39
42
|
value: function render() {
|
|
40
|
-
return
|
|
41
|
-
value: this
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
43
|
+
return jsxs(GlobalModalContext.Provider, {
|
|
44
|
+
value: this,
|
|
45
|
+
children: [this.props.children, jsx(Modal, {
|
|
46
|
+
open: !!this.state.renderContent,
|
|
47
|
+
onClose: this.close,
|
|
48
|
+
slots: {
|
|
49
|
+
backdrop: Backdrop
|
|
50
|
+
},
|
|
51
|
+
slotProps: {
|
|
52
|
+
backdrop: {
|
|
53
|
+
timeout: 300
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
sx: this.state.sx,
|
|
57
|
+
children: jsx(Wrapper, {
|
|
58
|
+
sx: this.state.sxWrap,
|
|
59
|
+
children: this.renderContent()
|
|
60
|
+
})
|
|
61
|
+
})]
|
|
62
|
+
});
|
|
57
63
|
}
|
|
58
64
|
}]);
|
|
59
65
|
}(Component);
|
|
@@ -66,17 +72,19 @@ var Wrapper = styled(Box)({
|
|
|
66
72
|
});
|
|
67
73
|
var withApiGlobalModalContext = function withApiGlobalModalContext(Component) {
|
|
68
74
|
return function (props) {
|
|
69
|
-
return
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
75
|
+
return jsx(GlobalModal, {
|
|
76
|
+
children: MapGlobalModalContext(function (context) {
|
|
77
|
+
return jsx(Component, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
78
|
+
contextGlobalModal: context
|
|
79
|
+
}));
|
|
80
|
+
})
|
|
81
|
+
});
|
|
74
82
|
};
|
|
75
83
|
};
|
|
76
84
|
var withApiGlobalModalConsumerContext = function withApiGlobalModalConsumerContext(Component) {
|
|
77
85
|
return function (props) {
|
|
78
86
|
return MapGlobalModalContext(function (context) {
|
|
79
|
-
return
|
|
87
|
+
return jsx(Component, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
80
88
|
contextGlobalModal: context
|
|
81
89
|
}));
|
|
82
90
|
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"global-modal.js","sources":["../../src/api-context/global-modal.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { Backdrop, Box, Modal, SxProps, styled } from '@mui/material'\r\n\r\nexport interface GlobalModalState {\r\n sx?: SxProps\r\n sxWrap?: SxProps\r\n /** @default true */\r\n backdropActivated?: boolean\r\n onClose?: (reason?: TModalReason) => void\r\n renderContent?: () => React.ReactNode\r\n}\r\n\r\nexport type TModalReason = 'backdropClick' | 'escapeKeyDown'\r\n\r\ninterface GlobalModalProps {}\r\n\r\nexport type TShowModal = (value: GlobalModalState) => void\r\n\r\nexport type TCloseModal = (event?: {}, reason?: TModalReason) => void\r\n\r\nexport interface IGlobalModalContext {\r\n show: TShowModal\r\n close: TCloseModal\r\n}\r\n\r\nexport const GlobalModalContext = React.createContext<IGlobalModalContext>({\r\n close: () => {\r\n console.warn('GlobalModal provider not found!')\r\n },\r\n show: () => {\r\n console.warn('GlobalModal provider not found!')\r\n }\r\n})\r\n\r\nexport interface IMapGlobalModal {\r\n context: IGlobalModalContext\r\n}\r\n\r\nexport const MapGlobalModalContext = (context: (state: IGlobalModalContext) => React.ReactNode) => (\r\n <GlobalModalContext.Consumer>{context}</GlobalModalContext.Consumer>\r\n)\r\n\r\nclass GlobalModal extends Component<React.PropsWithChildren<GlobalModalProps>, GlobalModalState> implements IGlobalModalContext {\r\n constructor(props: any) {\r\n super(props)\r\n this.state = {}\r\n }\r\n\r\n show: TShowModal = (value) => {\r\n this.setState(value)\r\n }\r\n\r\n close: TCloseModal = (_, reason) => {\r\n if (reason === 'backdropClick' && this.state.backdropActivated === false) return\r\n this.setState({ renderContent: undefined })\r\n }\r\n\r\n render() {\r\n return (\r\n <GlobalModalContext.Provider value={this}>\r\n {this.props.children}\r\n <Modal\r\n open={!!this.state.renderContent}\r\n onClose={this.close}\r\n slots={{ backdrop: Backdrop }}\r\n slotProps={{ backdrop: { timeout: 300 } }}\r\n sx={this.state.sx}\r\n >\r\n <Wrapper sx={this.state.sxWrap}>{this.renderContent()}</Wrapper>\r\n </Modal>\r\n </GlobalModalContext.Provider>\r\n )\r\n }\r\n\r\n renderContent = (): React.ReactNode => {\r\n return this.state.renderContent ? this.state.renderContent() : <></>\r\n }\r\n}\r\nexport default GlobalModal\r\n\r\nconst Wrapper = styled(Box)({\r\n position: 'absolute',\r\n top: '50%',\r\n left: '50%',\r\n transform: 'translate(-50%, -50%)',\r\n outline: 'none'\r\n})\r\n\r\nexport interface IApiGlobalModalContextProps {\r\n contextGlobalModal: IGlobalModalContext\r\n}\r\n\r\nexport const withApiGlobalModalContext = <P extends IApiGlobalModalContextProps>(Component: React.ComponentType<P>) => {\r\n return (props: Omit<P, keyof IApiGlobalModalContextProps>) => {\r\n return (\r\n <GlobalModal>\r\n {MapGlobalModalContext((context) => (\r\n <Component {...(props as P)} contextGlobalModal={context} />\r\n ))}\r\n </GlobalModal>\r\n )\r\n }\r\n}\r\n\r\nexport const withApiGlobalModalConsumerContext = <P extends IApiGlobalModalContextProps>(Component: React.ComponentType<P>) => {\r\n return (props: Omit<P, keyof IApiGlobalModalContextProps>) => {\r\n return MapGlobalModalContext((context) => <Component {...(props as P)} contextGlobalModal={context} />)\r\n }\r\n}\r\n"],"names":["GlobalModalContext","React","createContext","close","console","warn","show","MapGlobalModalContext","context","_jsx","Consumer","GlobalModal","_Component","props","_this","_classCallCheck","_callSuper","_defineProperty","value","setState","_","reason","state","backdropActivated","renderContent","undefined","_inherits","_createClass","key","render","_jsxs","Provider","children","Modal","open","onClose","slots","backdrop","Backdrop","slotProps","timeout","sx","Wrapper","sxWrap","Component","styled","Box","position","top","left","transform","outline","withApiGlobalModalContext","_objectSpread","contextGlobalModal","withApiGlobalModalConsumerContext"],"mappings":"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"}
|