@revolist/ui 4.0.1-rc → 4.0.1
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/LICENSE +21 -0
- package/MIGRATION.md +36 -0
- package/OWNERSHIP.md +32 -32
- package/README.md +405 -264
- package/_button.scss +6 -2
- package/_chunks/arrow-up-Cw8hW9vp.js +4 -0
- package/_chunks/calculator-CDWOuAcp.js +4 -0
- package/_chunks/calendar-DJqiFwFT.js +258 -0
- package/_chunks/chart-frame-hcOlnQ1K.js +145 -0
- package/_chunks/{chevron-right-sxHQMSkq.js → check-BwI7iCAm.js} +2 -2
- package/_chunks/{chevron-left-D0nc4Z5S.js → chevron-right-CM3ljziP.js} +2 -2
- package/_chunks/choice-chips-yr6Uzmof.js +126 -0
- package/_chunks/clock-BOhPNlW3.js +4 -0
- package/_chunks/color-palette-DMJUChWC.js +92 -0
- package/_chunks/{color-picker-BRv-__AM.js → color-picker-CMWxQlWt.js} +61 -56
- package/_chunks/component-DyWiItBR.js +878 -0
- package/_chunks/{component-metadata-BENbgTjU.js → component-metadata-BKd7U8OW.js} +0 -12
- package/_chunks/configurator-actions-DCodxcUw.js +155 -0
- package/_chunks/configurator-field-icon-CmcM_sPs.js +53 -0
- package/_chunks/control-CbOYUakE.js +118 -0
- package/_chunks/{controller-CmLo-Ajc.js → controller-hRBm_Lfz.js} +15 -15
- package/_chunks/controls-DD1qvPfE.js +650 -0
- package/_chunks/{date-control-CYCkb1aQ.js → date-control-XI2cpKI_.js} +21 -21
- package/_chunks/date-time-CGJdC1Qa.js +807 -0
- package/_chunks/{delete-button-DnpmDNEJ.js → delete-button-CW9vjLnk.js} +7 -7
- package/_chunks/dialog.parts-CJ3FVxC9.js +131 -0
- package/_chunks/duration-CBJWK82T.js +272 -0
- package/_chunks/editor-commit-Bq3wSgvr.js +12 -0
- package/_chunks/editor-popup-ByU7qiub.js +82 -0
- package/_chunks/field-configurator-B-qtIwx1.js +288 -0
- package/_chunks/field-context-D57PnBbH.js +5 -0
- package/_chunks/framework-mount-Bk4O_T7T.js +54 -0
- package/_chunks/hooks.module-CG3gN83z.js +157 -0
- package/_chunks/icon-toolbar-DSjOdwM7.js +134 -0
- package/_chunks/jsxRuntime.module-F6UFnpT-.js +30 -0
- package/_chunks/magnifying-glass-CvrTDSkB.js +4 -0
- package/_chunks/minus-BOAR3A1C.js +4 -0
- package/_chunks/mount-C7i5gsKI.js +267 -0
- package/_chunks/native-Blr3byjO.js +32 -0
- package/_chunks/native-control-B9MNibfa.js +649 -0
- package/_chunks/{number-input-NnH57J4j.js → number-input-CgbZes5B.js} +89 -89
- package/_chunks/picker-DqpjDC90.js +122 -0
- package/_chunks/plus-CbGRkIGl.js +4 -0
- package/_chunks/popover-controller-D-AvKQ7B.js +102 -0
- package/_chunks/popup-C35Isk7p.js +378 -0
- package/_chunks/preact.module-BBM36DnO.js +290 -0
- package/_chunks/{rating-choice-CWAsNQNS.js → rating-choice-WDrfiluf.js} +10 -10
- package/_chunks/render-m5eMMwFR.js +83 -0
- package/_chunks/reorder-list-C4HSda4n.js +59 -0
- package/_chunks/request-trail-SHynDFdM.js +762 -0
- package/_chunks/rich-text-CtjqRvv8.js +842 -0
- package/_chunks/rotate-left-BF6G883o.js +4 -0
- package/_chunks/rotate-right-Iha5ScJ1.js +4 -0
- package/_chunks/selection-list-tooltips-BtWjpP6M.js +41 -0
- package/_chunks/title-tooltip-Cw6LOZhb.js +11 -0
- package/_chunks/tooltip-D4xkio5G.js +54 -0
- package/_chunks/tooltip-owner-DjdvqKzz.js +19 -0
- package/_chunks/tooltip-session-B6X6x8G_.js +110 -0
- package/_chunks/tooltip-text-BXsUEmBH.js +12 -0
- package/_chunks/top-layer-popup-CNSDdfJV.js +59 -0
- package/_dialog.scss +55 -21
- package/_form.scss +71 -21
- package/_legend.scss +25 -7
- package/_shared/data-query/index.d.ts +2 -2
- package/_shared/data-query/load-options.d.ts +2 -2
- package/_variables.scss +34 -32
- package/_vendor/preact/LICENSE +21 -0
- package/_vendor/preact/compat/src/index.d.ts +353 -0
- package/_vendor/preact/compat/src/suspense-list.d.ts +16 -0
- package/_vendor/preact/compat/src/suspense.d.ts +19 -0
- package/_vendor/preact/hooks/src/index.d.ts +145 -0
- package/_vendor/preact/src/dom.d.ts +2548 -0
- package/_vendor/preact/src/index.d.ts +373 -0
- package/_vendor/preact/src/jsx.d.ts +2958 -0
- package/_view-switcher.scss +6 -0
- package/activity-message.d.ts +2 -2
- package/activity-message.js +16 -16
- package/ai/_chat.scss +227 -0
- package/ai/_style.scss +170 -39
- package/ai/chat.d.ts +65 -0
- package/ai/components.d.ts +35 -6
- package/ai/index.d.ts +3 -0
- package/ai/index.js +3 -3
- package/ai/mount.d.ts +59 -6
- package/ai/prompt-history.d.ts +13 -0
- package/ai/request-trail.d.ts +9 -3
- package/ai/results/_style.scss +83 -0
- package/ai/results/index.d.ts +11 -0
- package/ai/results/metrics.d.ts +5 -0
- package/ai/results/table.d.ts +5 -0
- package/ai/results/text.d.ts +5 -0
- package/ai/results/types.d.ts +29 -0
- package/ai/transcript.d.ts +27 -0
- package/ai/translation-context.d.ts +1 -1
- package/ai/translations.d.ts +1 -1
- package/alert.d.ts +2 -2
- package/angular/angular.d.ts +1 -1
- package/angular/angular.js +13 -10
- package/assignee/assignee.scss +28 -6
- package/assignee/field.d.ts +2 -2
- package/assignee/index.js +86 -87
- package/assignee/layout.d.ts +2 -2
- package/assignee/picker.d.ts +1 -1
- package/avatar/avatar.style.scss +23 -6
- package/avatar/index.d.ts +25 -2
- package/avatar/index.js +42 -41
- package/badge.d.ts +1 -1
- package/badge.view.d.ts +8 -0
- package/brush-range/_brush-range.scss +55 -49
- package/brush-range/component.d.ts +2 -4
- package/brush-range/component.js +19 -19
- package/buttons/delete-button.d.ts +2 -1
- package/buttons/delete-button.js +1 -1
- package/buttons/delete-button.style.scss +6 -2
- package/buttons/remove-button.d.ts +2 -2
- package/buttons/remove-button.js +3 -3
- package/buttons/remove-button.style.scss +1 -1
- package/buttons/svg-button.d.ts +3 -2
- package/buttons/svg-button.js +23 -23
- package/calendar/_calendar.scss +27 -26
- package/calendar/calendar.d.ts +1 -1
- package/calendar/calendar.js +1 -1
- package/calendar/caption.d.ts +1 -1
- package/calendar/day.d.ts +1 -1
- package/calendar/day.js +4 -4
- package/calendar/header.d.ts +1 -1
- package/calendar/header.js +34 -35
- package/calendar/index.js +2 -2
- package/calendar/month-grid.d.ts +1 -1
- package/calendar/month-grid.js +37 -37
- package/calendar/picker.d.ts +1 -1
- package/calendar/types.d.ts +1 -1
- package/calendar/year-grid.d.ts +1 -1
- package/calendar/year-grid.js +12 -12
- package/cell-input.scss +3 -7
- package/cell-visuals/badge.style.scss +6 -3
- package/cell-visuals/bar-chart.style.scss +2 -1
- package/cell-visuals/progress-line-value.renderer.style.scss +4 -2
- package/cell-visuals/progress-line.style.scss +1 -4
- package/cell-visuals/sparkline.style.scss +2 -1
- package/cell-visuals/timeline.style.css +4 -2
- package/checkbox/checkbox.scss +6 -24
- package/checkbox/index.d.ts +2 -2
- package/checkbox/index.js +9 -9
- package/choice-chips/index.d.ts +4 -2
- package/choice-chips/index.js +1 -1
- package/color-palette/color-palette.d.ts +1 -1
- package/color-palette/color-palette.js +1 -1
- package/color-palette/color-palette.style.scss +88 -25
- package/color-palette/color-picker.d.ts +1 -1
- package/color-palette/color-picker.js +2 -2
- package/color-palette/color-picker.style.scss +23 -10
- package/color-palette/common-palettes.d.ts +1 -1
- package/color-palette/common-palettes.js +1 -1
- package/color-palette/native.d.ts +15 -2
- package/component-catalog.d.ts +42 -29
- package/configurator-actions.d.ts +67 -0
- package/configurator-actions.js +1 -0
- package/configurator-aggregation-list.d.ts +14 -0
- package/configurator-aggregation-list.js +63 -0
- package/configurator-drop-zone.d.ts +39 -0
- package/configurator-drop-zone.js +66 -0
- package/configurator-field-icon.d.ts +10 -0
- package/configurator-field-icon.js +1 -0
- package/configurator-focus.d.ts +4 -0
- package/configurator-focus.js +39 -0
- package/configurator-sections.d.ts +42 -0
- package/configurator-sections.js +71 -0
- package/control-attributes.js +7 -7
- package/control-presentation.d.ts +8 -2
- package/control-presentation.js +31 -26
- package/controls.d.ts +23 -11
- package/controls.js +4 -3
- package/core/editor-commit.d.ts +1 -1
- package/core/editor-popup-position.d.ts +6 -2
- package/core/editor-popup.d.ts +5 -1
- package/core/editor-popup.js +1 -1
- package/core/popover-controller.d.ts +35 -0
- package/core/popup-ownership.d.ts +2 -0
- package/core/selection-list-tooltips.d.ts +2 -0
- package/core/title-tooltip.d.ts +2 -0
- package/core/tooltip-session.d.ts +29 -0
- package/core/tooltip-surface.d.ts +13 -0
- package/core/tooltip-text.d.ts +6 -0
- package/core/tooltip.d.ts +35 -0
- package/core/top-layer-popup.d.ts +4 -0
- package/core/top-layer-popup.js +1 -23
- package/date-time/attach.d.ts +1 -1
- package/date-time/date-control.d.ts +2 -2
- package/date-time/field.d.ts +4 -3
- package/date-time/index.js +1 -1
- package/date-time/picker.d.ts +1 -1
- package/date-time/style.scss +242 -39
- package/date-time/time-control.d.ts +1 -1
- package/date-time/time-selection.d.ts +3 -1
- package/date-time/types.d.ts +6 -2
- package/dialog/dialog-action-footer.d.ts +17 -2
- package/dialog/dialog.dom.d.ts +15 -2
- package/dialog/dialog.dom.js +53 -53
- package/dialog/dialog.parts.d.ts +18 -18
- package/dialog/dialog.parts.js +1 -1
- package/dialog/dialog.preact.d.ts +1 -1
- package/dialog/dialog.preact.js +6 -6
- package/distribution-chart/_distribution-chart.scss +113 -77
- package/distribution-chart/area-chart.d.ts +1 -1
- package/distribution-chart/area-chart.js +25 -25
- package/distribution-chart/bar-chart.d.ts +6 -3
- package/distribution-chart/bar-chart.js +10 -6
- package/distribution-chart/chart-frame.d.ts +3 -2
- package/distribution-chart/index.d.ts +2 -2
- package/distribution-chart/index.js +6 -6
- package/distribution-chart/line-chart.d.ts +1 -1
- package/distribution-chart/line-chart.js +9 -9
- package/distribution-chart/types.d.ts +1 -1
- package/dropdown/content.d.ts +3 -2
- package/dropdown/content.js +1 -141
- package/dropdown/control.d.ts +14 -0
- package/dropdown/control.js +1 -0
- package/dropdown/control.view.d.ts +6 -0
- package/dropdown/dropdown.service.d.ts +1 -1
- package/dropdown/dropdown.service.js +9 -9
- package/dropdown/dropdown.types.d.ts +5 -1
- package/dropdown/editor-dropdown.style.scss +54 -16
- package/dropdown/index.d.ts +1 -1
- package/dropdown/index.js +3 -4
- package/dropdown/lookup-field.d.ts +6 -1
- package/dropdown/lookup-field.js +42 -41
- package/dropdown/popup.d.ts +2 -2
- package/dropdown/popup.js +1 -140
- package/duration/controls.d.ts +1 -1
- package/duration/index.d.ts +2 -2
- package/duration/index.js +1 -1
- package/duration/style.scss +1 -1
- package/editor-actions.d.ts +1 -1
- package/editor-actions.js +21 -20
- package/editor-layout/index.d.ts +5 -5
- package/editor-layout/index.js +43 -38
- package/editor-layout/style.scss +82 -18
- package/field-configurator.d.ts +40 -2
- package/field-configurator.js +4 -170
- package/field-expansion.d.ts +9 -0
- package/field-reorder.hook.js +32 -32
- package/fieldset.d.ts +3 -0
- package/filter/filters/slider/_single-slider.scss +57 -38
- package/filter/filters/slider/_slider.scss +41 -33
- package/filter/filters/slider/control.js +2 -0
- package/filter/filters/slider/preact.js +3 -3
- package/filter/filters/slider/runtime.js +49 -22
- package/filter/filters/slider/single.d.ts +1 -1
- package/filter/filters/slider/single.js +23 -23
- package/filter-badge.d.ts +1 -1
- package/filter-badge.js +23 -22
- package/filter-controls.d.ts +1 -2
- package/filter-controls.js +29 -30
- package/form-controls/field-context.d.ts +5 -0
- package/form-controls/index.d.ts +10 -2
- package/form-controls/index.js +17 -22
- package/form-controls/presentation.d.ts +2 -2
- package/form-controls/presentation.js +59 -51
- package/formatting/comparison-preview.d.ts +1 -1
- package/formatting/icon-controls.d.ts +1 -1
- package/formatting/index.d.ts +1 -1
- package/formatting/index.js +106 -100
- package/formatting/inspector-section.d.ts +1 -1
- package/formatting/styles.scss +14 -57
- package/formatting/typography-controls.d.ts +1 -1
- package/framework-mount.d.ts +1 -1
- package/framework.js +237 -226
- package/history-controls.d.ts +14 -0
- package/history-controls.js +27 -0
- package/icon-toolbar.d.ts +62 -0
- package/icon-toolbar.js +1 -0
- package/icons/icon.d.ts +2 -2
- package/icons/icon.js +1 -1
- package/legend.d.ts +2 -2
- package/legend.js +12 -12
- package/masked-input/index.d.ts +1 -1
- package/masked-input/index.js +109 -109
- package/native-control.d.ts +14 -13
- package/native-control.js +3 -26
- package/native-controls.d.ts +54 -2
- package/native-styles.css +1 -1
- package/native-styles.scss +6 -2
- package/native.d.ts +3 -3
- package/native.js +49 -45
- package/number-input/index.d.ts +2 -2
- package/number-input/index.js +1 -1
- package/package.json +88 -15
- package/pagination.d.ts +3 -0
- package/pagination.js +50 -40
- package/pdf-viewer/component.d.ts +1 -1
- package/pdf-viewer/controller.js +1 -1
- package/pdf-viewer/header.d.ts +2 -2
- package/pdf-viewer/index.d.ts +2 -2
- package/pdf-viewer/index.js +13 -13
- package/pdf-viewer/search-bar.d.ts +2 -2
- package/pdf-viewer/status.d.ts +2 -2
- package/pdf-viewer/style.scss +205 -45
- package/pdf-viewer/toolbar.d.ts +1 -1
- package/pickers.d.ts +6 -2
- package/preact-mount.d.ts +1 -1
- package/preact-mount.js +2 -2
- package/preact.d.ts +15 -10
- package/preact.js +109 -64
- package/progress/_bar.scss +9 -3
- package/progress/_circular.scss +2 -1
- package/rating-choice.d.ts +1 -1
- package/rating-choice.js +1 -1
- package/react-adapter.d.ts +5 -3
- package/react-control.d.ts +1 -0
- package/react.d.ts +20 -11
- package/react.js +72 -88
- package/reorder-list.d.ts +2 -2
- package/reorder-list.js +1 -1
- package/reorder-list.scss +59 -17
- package/resource-picker/resource-picker-avatar.d.ts +1 -1
- package/resource-picker/resource-picker-avatar.js +14 -14
- package/resource-picker/resource-picker-option.d.ts +1 -1
- package/resource-picker/resource-picker-option.js +28 -28
- package/resource-picker/resource-picker-popup.d.ts +1 -1
- package/resource-picker/resource-picker-popup.js +3 -3
- package/resource-picker/resource-picker.d.ts +1 -1
- package/resource-picker/resource-picker.js +68 -66
- package/resource-picker/resource-picker.scss +66 -35
- package/rich-text/engine.d.ts +17 -19
- package/rich-text/format-html.d.ts +2 -0
- package/rich-text/index.d.ts +11 -7
- package/rich-text/index.js +1 -1
- package/rich-text/model.d.ts +6 -3
- package/rich-text/render-model.d.ts +4 -5
- package/rich-text/style.scss +295 -55
- package/rich-text/syntax.d.ts +5 -2
- package/rich-text/toolbar.d.ts +7 -7
- package/rich-text/translations.d.ts +5 -15
- package/search-input/index.js +12 -12
- package/search-input/native.d.ts +21 -2
- package/segmented-switch/index.d.ts +1 -1
- package/segmented-switch/index.js +1 -1
- package/select.d.ts +22 -0
- package/select.js +1 -0
- package/selection-list.d.ts +1 -0
- package/selection-list.js +3 -1
- package/status-feedback/exit-snapshot.js +1 -1
- package/status-feedback/index.js +2 -2
- package/status-feedback/popover.js +9 -9
- package/status-feedback/render.d.ts +2 -2
- package/status-feedback/render.js +3 -44
- package/status-feedback/status-feedback.scss +130 -34
- package/status-feedback/types.d.ts +4 -0
- package/status-feedback/use-auto-dismiss.d.ts +3 -0
- package/styles/_activity-message.scss +24 -7
- package/styles/_alert.scss +78 -17
- package/styles/_cell-editor-frame.scss +11 -0
- package/styles/_compositions.scss +404 -82
- package/styles/_control.scss +42 -12
- package/styles/_disclosure.scss +15 -5
- package/styles/_editor-counter.scss +16 -6
- package/styles/_editor-slider.scss +8 -4
- package/styles/_field-configurator.scss +321 -23
- package/styles/_fields-grid.scss +49 -0
- package/styles/_filter-controls.scss +10 -2
- package/styles/_icon-action.scss +48 -15
- package/styles/_loading.scss +12 -3
- package/styles/_motion.scss +32 -9
- package/styles/_palette.scss +0 -24
- package/styles/_primitives.scss +376 -116
- package/styles/_theme.scss +130 -86
- package/styles/_thresholds.scss +28 -25
- package/styles/_time-grid.scss +8 -3
- package/styles/_tokens.scss +6 -1
- package/styles/configurator-actions.scss +241 -0
- package/styles/pagination.css +213 -0
- package/styles/{legacy-rating.css → rating.css} +8 -3
- package/styles.css +1 -1
- package/styles.scss +3 -5
- package/surfaces.d.ts +38 -2
- package/surfaces.js +37 -134
- package/svelte/UiComponent.server.js +1 -48
- package/svelte/UiComponent.svelte +44 -32
- package/svelte.d.ts +1 -1
- package/svelte.js +33 -68
- package/switch/index.js +3 -2
- package/time-grid.d.ts +1 -2
- package/time-grid.js +43 -42
- package/timeline-track/_style.scss +96 -24
- package/timeline-track/component.d.ts +5 -1
- package/timeline-track/index.js +91 -74
- package/timeline-track/model.d.ts +9 -0
- package/timeline-track/model.js +10 -1
- package/ui.css +1 -1
- package/view-switcher.d.ts +23 -0
- package/vue-adapter.d.ts +1 -1
- package/vue.d.ts +160 -144
- package/vue.js +149 -178
- package/_chunks/calendar-BsDxCYhI.js +0 -248
- package/_chunks/chart-frame-BvxbmEU9.js +0 -126
- package/_chunks/choice-chips-0HfOnK_4.js +0 -110
- package/_chunks/color-palette-BmZ7kH9R.js +0 -94
- package/_chunks/component-D4PH5UZT.js +0 -859
- package/_chunks/control-tooltip-BCNzQCXE.js +0 -100
- package/_chunks/controls-NEL5tDaz.js +0 -615
- package/_chunks/date-time-DjucJmbc.js +0 -769
- package/_chunks/dialog.parts-Dt3KinUz.js +0 -134
- package/_chunks/dropdown-CkGQBm1Q.js +0 -357
- package/_chunks/duration-BCaktcvz.js +0 -270
- package/_chunks/editor-commit-D6Rf5rGz.js +0 -12
- package/_chunks/editor-popup-B7fu_A_T.js +0 -81
- package/_chunks/framework-mount-BKIOsvY-.js +0 -54
- package/_chunks/mount-0-8opf1j.js +0 -90
- package/_chunks/native.view-8q_nwQ7x.js +0 -32
- package/_chunks/picker-oazJ7sO_.js +0 -121
- package/_chunks/reorder-list-BV3kZXso.js +0 -59
- package/_chunks/request-trail-D0oVzdRd.js +0 -347
- package/_chunks/rich-text-2Rla349o.js +0 -477
- package/avatar/index.view.d.ts +0 -25
- package/color-palette/native.view.d.ts +0 -15
- package/control-presentation.view.d.ts +0 -8
- package/dialog/dialog-action-footer.view.d.ts +0 -20
- package/dialog/dialog.dom.view.d.ts +0 -15
- package/form-controls/index.view.d.ts +0 -12
- package/formatting/control-tooltip.d.ts +0 -27
- package/native-controls.view.d.ts +0 -54
- package/react-native-select.d.ts +0 -6
- package/search-input/native.view.d.ts +0 -21
- package/styles/legacy-pagination.css +0 -112
- package/surfaces.view.d.ts +0 -63
- package/vue-native-select.d.ts +0 -9
|
@@ -5,9 +5,9 @@ import type { QueryObserverOptions } from '@tanstack/query-core';
|
|
|
5
5
|
/** Read policy only: identity, transport, acceptance framing and projection stay engine-owned. */
|
|
6
6
|
export declare const nativeReadOptionKeys: readonly ["enabled", "staleTime", "gcTime", "refetchInterval", "refetchIntervalInBackground", "refetchOnMount", "refetchOnWindowFocus", "refetchOnReconnect", "retry", "retryDelay", "retryOnMount", "networkMode", "meta"];
|
|
7
7
|
/** Native callbacks receive the native Query; its cached data is engine-owned/opaque. */
|
|
8
|
-
export type NativeReadOptions = Pick<QueryObserverOptions<unknown, unknown>, typeof nativeReadOptionKeys[number]>;
|
|
8
|
+
export type NativeReadOptions = Pick<QueryObserverOptions<unknown, unknown>, (typeof nativeReadOptionKeys)[number]>;
|
|
9
9
|
/** Also protects JavaScript callers from overriding keys, queryFn or acceptance framing. */
|
|
10
|
-
export declare function nativeReadOptions<FnData, Data = FnData>(options?: NativeReadOptions): Pick<QueryObserverOptions<FnData, unknown, Data, Data>, typeof nativeReadOptionKeys[number]>;
|
|
10
|
+
export declare function nativeReadOptions<FnData, Data = FnData>(options?: NativeReadOptions): Pick<QueryObserverOptions<FnData, unknown, Data, Data>, (typeof nativeReadOptionKeys)[number]>;
|
|
11
11
|
/**
|
|
12
12
|
* Optional native read policies plus shared scope, consistency and product reconciliation.
|
|
13
13
|
* Native options: enabled, staleTime, gcTime, refetchInterval, refetchIntervalInBackground,
|
package/_variables.scss
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@use 'styles/built-in-palettes' as palettes;
|
|
1
2
|
@use './styles/palette';
|
|
2
3
|
/**
|
|
3
4
|
* Variables
|
|
@@ -5,47 +6,48 @@
|
|
|
5
6
|
|
|
6
7
|
$rv-font-weight-medium: 500 !default;
|
|
7
8
|
|
|
8
|
-
$primary-color-light:
|
|
9
|
-
$primary-color-dark:
|
|
9
|
+
$primary-color-light: palettes.color('common', 'hex007bff');
|
|
10
|
+
$primary-color-dark: palettes.color('common', 'hex0d63e8');
|
|
10
11
|
|
|
11
|
-
$text-color-light:
|
|
12
|
-
$text-color-light-secondary:
|
|
12
|
+
$text-color-light: palettes.color('common', 'hex000');
|
|
13
|
+
$text-color-light-secondary: palettes.color('common', 'hex757575');
|
|
13
14
|
$text-color-dark: palette.$white;
|
|
14
|
-
$text-color-dark-secondary:
|
|
15
|
-
$background-color-light:
|
|
15
|
+
$text-color-dark-secondary: palettes.color('common', 'hex999');
|
|
16
|
+
$background-color-light: palettes.color('common', 'hexf6f6f7');
|
|
16
17
|
|
|
17
|
-
$button-alt-bg-light:
|
|
18
|
-
$button-alt-bg-light-hover:
|
|
18
|
+
$button-alt-bg-light: palettes.color('common', 'hexebebef');
|
|
19
|
+
$button-alt-bg-light-hover: palettes.color('common', 'hexe4e4e9');
|
|
19
20
|
|
|
20
|
-
$background-color-dark:
|
|
21
|
+
$background-color-dark: palettes.color('common', 'hex333333');
|
|
21
22
|
|
|
22
|
-
$border-color-light:
|
|
23
|
-
$border-color-dark:
|
|
23
|
+
$border-color-light: palettes.color('common', 'hexebebef');
|
|
24
|
+
$border-color-dark: palettes.color('common', 'hexebebef');
|
|
24
25
|
|
|
25
|
-
$rv-badge-bg-color:
|
|
26
|
-
$rv-badge-bg-color-dark:
|
|
26
|
+
$rv-badge-bg-color: palettes.color('common', 'hexf0f0f0');
|
|
27
|
+
$rv-badge-bg-color-dark: palettes.color('common', 'hex2d2d2d');
|
|
27
28
|
|
|
28
29
|
$rv-popup-bg-color: palette.$white;
|
|
29
|
-
$rv-popup-border-color:
|
|
30
|
+
$rv-popup-border-color: palettes.color('common', 'hexd4d4d4');
|
|
30
31
|
$rv-popup-border-opacity: 0.5;
|
|
31
|
-
$rv-popup-shadow-color:
|
|
32
|
-
$rv-popup-hover-bg-color:
|
|
32
|
+
$rv-popup-shadow-color: palettes.color('common', 'rgba_0_0_0_0_15');
|
|
33
|
+
$rv-popup-hover-bg-color: palettes.color('common', 'hexf6f6f7');
|
|
33
34
|
$rv-popup-border-radius: 8px;
|
|
34
35
|
$rv-popup-padding: 10px;
|
|
35
|
-
$rv-popup-box-shadow: 0 4px 12px #{
|
|
36
|
-
$rv-popup-bg-color-dark:
|
|
37
|
-
$rv-popup-border-color-dark:
|
|
36
|
+
$rv-popup-box-shadow: 0 4px 12px #{palettes.color('common', 'rgba_0_0_0_0_15')};
|
|
37
|
+
$rv-popup-bg-color-dark: palettes.color('common', 'hex1c1c1c');
|
|
38
|
+
$rv-popup-border-color-dark: palettes.color('common', 'hex686868');
|
|
38
39
|
$rv-popup-border-opacity-dark: 0;
|
|
39
|
-
$rv-popup-shadow-color-dark:
|
|
40
|
-
$rv-popup-hover-bg-color-dark:
|
|
41
|
-
$rv-popup-box-shadow-dark: 0 4px 12px
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
$rv-
|
|
45
|
-
$rv-
|
|
46
|
-
$rv-
|
|
47
|
-
$rv-
|
|
48
|
-
$rv-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
$rv-progress-bg-color
|
|
40
|
+
$rv-popup-shadow-color-dark: palettes.color('common', 'rgba_0_0_0_0_5');
|
|
41
|
+
$rv-popup-hover-bg-color-dark: palettes.color('common', 'hex2c2c2c');
|
|
42
|
+
$rv-popup-box-shadow-dark: 0 4px 12px
|
|
43
|
+
#{palettes.color('common', 'rgba_0_0_0_0_5')};
|
|
44
|
+
|
|
45
|
+
$rv-low-color: palettes.color('common', 'hexfa2057');
|
|
46
|
+
$rv-medium-color: palettes.color('common', 'hexf7c605');
|
|
47
|
+
$rv-high-color: palettes.color('common', 'hex01c26e');
|
|
48
|
+
$rv-critical-color: palettes.color('common', 'hexa8183c');
|
|
49
|
+
$rv-info-color: palettes.color('common', 'hex5555fc');
|
|
50
|
+
$rv-neutral-color: palettes.color('common', 'hex161a42');
|
|
51
|
+
|
|
52
|
+
$rv-progress-bg-color: palettes.color('common', 'hexf0f0f0');
|
|
53
|
+
$rv-progress-bg-color-dark: palettes.color('common', 'hex252525');
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
The MIT License (MIT)
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2015-present Jason Miller
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
|
@@ -0,0 +1,353 @@
|
|
|
1
|
+
import * as _hooks from '../../hooks/src/index';
|
|
2
|
+
// Intentionally not using a relative path to take advantage of
|
|
3
|
+
// the TS version resolution mechanism
|
|
4
|
+
import * as preact from '../../src/index';
|
|
5
|
+
import { JSXInternal } from '../../src/jsx';
|
|
6
|
+
import * as _Suspense from './suspense';
|
|
7
|
+
import * as _SuspenseList from './suspense-list';
|
|
8
|
+
|
|
9
|
+
// export default React;
|
|
10
|
+
export = React;
|
|
11
|
+
export as namespace React;
|
|
12
|
+
declare namespace React {
|
|
13
|
+
// Export JSX
|
|
14
|
+
export import JSX = JSXInternal;
|
|
15
|
+
|
|
16
|
+
// Hooks
|
|
17
|
+
export import CreateHandle = _hooks.CreateHandle;
|
|
18
|
+
export import EffectCallback = _hooks.EffectCallback;
|
|
19
|
+
export import Inputs = _hooks.Inputs;
|
|
20
|
+
export import PropRef = _hooks.PropRef;
|
|
21
|
+
export import Reducer = _hooks.Reducer;
|
|
22
|
+
export import Dispatch = _hooks.Dispatch;
|
|
23
|
+
export import SetStateAction = _hooks.StateUpdater;
|
|
24
|
+
export import useCallback = _hooks.useCallback;
|
|
25
|
+
export import useContext = _hooks.useContext;
|
|
26
|
+
export import useDebugValue = _hooks.useDebugValue;
|
|
27
|
+
export import useEffect = _hooks.useEffect;
|
|
28
|
+
export import useImperativeHandle = _hooks.useImperativeHandle;
|
|
29
|
+
export import useId = _hooks.useId;
|
|
30
|
+
export import useLayoutEffect = _hooks.useLayoutEffect;
|
|
31
|
+
export import useMemo = _hooks.useMemo;
|
|
32
|
+
export import useReducer = _hooks.useReducer;
|
|
33
|
+
export import useRef = _hooks.useRef;
|
|
34
|
+
export import useState = _hooks.useState;
|
|
35
|
+
// React 18 hooks
|
|
36
|
+
export import useInsertionEffect = _hooks.useLayoutEffect;
|
|
37
|
+
export function useTransition(): [false, typeof startTransition];
|
|
38
|
+
export function useDeferredValue<T = any>(val: T): T;
|
|
39
|
+
export function useSyncExternalStore<T>(
|
|
40
|
+
subscribe: (flush: () => void) => () => void,
|
|
41
|
+
getSnapshot: () => T
|
|
42
|
+
): T;
|
|
43
|
+
|
|
44
|
+
// Preact Defaults
|
|
45
|
+
export import Context = preact.Context;
|
|
46
|
+
export import ContextType = preact.ContextType;
|
|
47
|
+
export import RefObject = preact.RefObject;
|
|
48
|
+
export import Component = preact.Component;
|
|
49
|
+
export import FunctionComponent = preact.FunctionComponent;
|
|
50
|
+
export import ComponentType = preact.ComponentType;
|
|
51
|
+
export import ComponentClass = preact.ComponentClass;
|
|
52
|
+
export import FC = preact.FunctionComponent;
|
|
53
|
+
export import createContext = preact.createContext;
|
|
54
|
+
export import Ref = preact.Ref;
|
|
55
|
+
export import createRef = preact.createRef;
|
|
56
|
+
export import Fragment = preact.Fragment;
|
|
57
|
+
export import createElement = preact.createElement;
|
|
58
|
+
export import cloneElement = preact.cloneElement;
|
|
59
|
+
export import ComponentProps = preact.ComponentProps;
|
|
60
|
+
export import ReactNode = preact.ComponentChild;
|
|
61
|
+
export import ReactElement = preact.VNode;
|
|
62
|
+
export import Consumer = preact.Consumer;
|
|
63
|
+
export import ErrorInfo = preact.ErrorInfo;
|
|
64
|
+
export import Key = preact.Key;
|
|
65
|
+
|
|
66
|
+
// Suspense
|
|
67
|
+
export import Suspense = _Suspense.Suspense;
|
|
68
|
+
export import lazy = _Suspense.lazy;
|
|
69
|
+
export import SuspenseList = _SuspenseList.SuspenseList;
|
|
70
|
+
|
|
71
|
+
// Compat
|
|
72
|
+
export import StrictMode = preact.Fragment;
|
|
73
|
+
export const version: string;
|
|
74
|
+
export function startTransition(cb: () => void): void;
|
|
75
|
+
|
|
76
|
+
// HTML
|
|
77
|
+
export interface HTMLAttributes<
|
|
78
|
+
T extends EventTarget
|
|
79
|
+
> extends JSXInternal.HTMLAttributes<T> {}
|
|
80
|
+
export interface HTMLProps<T extends EventTarget>
|
|
81
|
+
extends JSXInternal.AllHTMLAttributes<T>, preact.ClassAttributes<T> {}
|
|
82
|
+
export interface AllHTMLAttributes<
|
|
83
|
+
T extends EventTarget
|
|
84
|
+
> extends JSXInternal.AllHTMLAttributes<T> {}
|
|
85
|
+
export import DetailedHTMLProps = JSXInternal.DetailedHTMLProps;
|
|
86
|
+
export import CSSProperties = JSXInternal.CSSProperties;
|
|
87
|
+
|
|
88
|
+
export interface SVGProps<T extends EventTarget>
|
|
89
|
+
extends JSXInternal.SVGAttributes<T>, preact.ClassAttributes<T> {}
|
|
90
|
+
|
|
91
|
+
interface SVGAttributes<
|
|
92
|
+
T extends EventTarget = SVGElement
|
|
93
|
+
> extends JSXInternal.SVGAttributes<T> {}
|
|
94
|
+
|
|
95
|
+
interface ReactSVG extends JSXInternal.IntrinsicSVGElements {}
|
|
96
|
+
|
|
97
|
+
export import AriaAttributes = JSXInternal.AriaAttributes;
|
|
98
|
+
|
|
99
|
+
export import HTMLAttributeReferrerPolicy = JSXInternal.HTMLAttributeReferrerPolicy;
|
|
100
|
+
export import HTMLAttributeAnchorTarget = JSXInternal.HTMLAttributeAnchorTarget;
|
|
101
|
+
export import HTMLInputTypeAttribute = JSXInternal.HTMLInputTypeAttribute;
|
|
102
|
+
export import HTMLAttributeCrossOrigin = JSXInternal.HTMLAttributeCrossOrigin;
|
|
103
|
+
|
|
104
|
+
export import AnchorHTMLAttributes = JSXInternal.AnchorHTMLAttributes;
|
|
105
|
+
export import AudioHTMLAttributes = JSXInternal.AudioHTMLAttributes;
|
|
106
|
+
export import AreaHTMLAttributes = JSXInternal.AreaHTMLAttributes;
|
|
107
|
+
export import BaseHTMLAttributes = JSXInternal.BaseHTMLAttributes;
|
|
108
|
+
export import BlockquoteHTMLAttributes = JSXInternal.BlockquoteHTMLAttributes;
|
|
109
|
+
export import ButtonHTMLAttributes = JSXInternal.ButtonHTMLAttributes;
|
|
110
|
+
export import CanvasHTMLAttributes = JSXInternal.CanvasHTMLAttributes;
|
|
111
|
+
export import ColHTMLAttributes = JSXInternal.ColHTMLAttributes;
|
|
112
|
+
export import ColgroupHTMLAttributes = JSXInternal.ColgroupHTMLAttributes;
|
|
113
|
+
export import DataHTMLAttributes = JSXInternal.DataHTMLAttributes;
|
|
114
|
+
export import DetailsHTMLAttributes = JSXInternal.DetailsHTMLAttributes;
|
|
115
|
+
export import DelHTMLAttributes = JSXInternal.DelHTMLAttributes;
|
|
116
|
+
export import DialogHTMLAttributes = JSXInternal.DialogHTMLAttributes;
|
|
117
|
+
export import EmbedHTMLAttributes = JSXInternal.EmbedHTMLAttributes;
|
|
118
|
+
export import FieldsetHTMLAttributes = JSXInternal.FieldsetHTMLAttributes;
|
|
119
|
+
export import FormHTMLAttributes = JSXInternal.FormHTMLAttributes;
|
|
120
|
+
export import IframeHTMLAttributes = JSXInternal.IframeHTMLAttributes;
|
|
121
|
+
export import ImgHTMLAttributes = JSXInternal.ImgHTMLAttributes;
|
|
122
|
+
export import InsHTMLAttributes = JSXInternal.InsHTMLAttributes;
|
|
123
|
+
export import InputHTMLAttributes = JSXInternal.InputHTMLAttributes;
|
|
124
|
+
export import KeygenHTMLAttributes = JSXInternal.KeygenHTMLAttributes;
|
|
125
|
+
export import LabelHTMLAttributes = JSXInternal.LabelHTMLAttributes;
|
|
126
|
+
export import LiHTMLAttributes = JSXInternal.LiHTMLAttributes;
|
|
127
|
+
export import LinkHTMLAttributes = JSXInternal.LinkHTMLAttributes;
|
|
128
|
+
export import MapHTMLAttributes = JSXInternal.MapHTMLAttributes;
|
|
129
|
+
export import MenuHTMLAttributes = JSXInternal.MenuHTMLAttributes;
|
|
130
|
+
export import MediaHTMLAttributes = JSXInternal.MediaHTMLAttributes;
|
|
131
|
+
export import MetaHTMLAttributes = JSXInternal.MetaHTMLAttributes;
|
|
132
|
+
export import MeterHTMLAttributes = JSXInternal.MeterHTMLAttributes;
|
|
133
|
+
export import QuoteHTMLAttributes = JSXInternal.QuoteHTMLAttributes;
|
|
134
|
+
export import ObjectHTMLAttributes = JSXInternal.ObjectHTMLAttributes;
|
|
135
|
+
export import OlHTMLAttributes = JSXInternal.OlHTMLAttributes;
|
|
136
|
+
export import OptgroupHTMLAttributes = JSXInternal.OptgroupHTMLAttributes;
|
|
137
|
+
export import OptionHTMLAttributes = JSXInternal.OptionHTMLAttributes;
|
|
138
|
+
export import OutputHTMLAttributes = JSXInternal.OutputHTMLAttributes;
|
|
139
|
+
export import ParamHTMLAttributes = JSXInternal.ParamHTMLAttributes;
|
|
140
|
+
export import ProgressHTMLAttributes = JSXInternal.ProgressHTMLAttributes;
|
|
141
|
+
export import SlotHTMLAttributes = JSXInternal.SlotHTMLAttributes;
|
|
142
|
+
export import ScriptHTMLAttributes = JSXInternal.ScriptHTMLAttributes;
|
|
143
|
+
export import SelectHTMLAttributes = JSXInternal.SelectHTMLAttributes;
|
|
144
|
+
export import SourceHTMLAttributes = JSXInternal.SourceHTMLAttributes;
|
|
145
|
+
export import StyleHTMLAttributes = JSXInternal.StyleHTMLAttributes;
|
|
146
|
+
export import TableHTMLAttributes = JSXInternal.TableHTMLAttributes;
|
|
147
|
+
export import TextareaHTMLAttributes = JSXInternal.TextareaHTMLAttributes;
|
|
148
|
+
export import TdHTMLAttributes = JSXInternal.TdHTMLAttributes;
|
|
149
|
+
export import ThHTMLAttributes = JSXInternal.ThHTMLAttributes;
|
|
150
|
+
export import TimeHTMLAttributes = JSXInternal.TimeHTMLAttributes;
|
|
151
|
+
export import TrackHTMLAttributes = JSXInternal.TrackHTMLAttributes;
|
|
152
|
+
export import VideoHTMLAttributes = JSXInternal.VideoHTMLAttributes;
|
|
153
|
+
|
|
154
|
+
// Events
|
|
155
|
+
export import TargetedEvent = JSXInternal.TargetedEvent;
|
|
156
|
+
export import ChangeEvent = JSXInternal.TargetedEvent;
|
|
157
|
+
export import ClipboardEvent = JSXInternal.TargetedClipboardEvent;
|
|
158
|
+
export import CompositionEvent = JSXInternal.TargetedCompositionEvent;
|
|
159
|
+
export import DragEvent = JSXInternal.TargetedDragEvent;
|
|
160
|
+
export import PointerEvent = JSXInternal.TargetedPointerEvent;
|
|
161
|
+
export import FocusEvent = JSXInternal.TargetedFocusEvent;
|
|
162
|
+
export import FormEvent = JSXInternal.TargetedEvent;
|
|
163
|
+
export import InvalidEvent = JSXInternal.TargetedEvent;
|
|
164
|
+
export import KeyboardEvent = JSXInternal.TargetedKeyboardEvent;
|
|
165
|
+
export import MouseEvent = JSXInternal.TargetedMouseEvent;
|
|
166
|
+
export import TouchEvent = JSXInternal.TargetedTouchEvent;
|
|
167
|
+
export import UIEvent = JSXInternal.TargetedUIEvent;
|
|
168
|
+
export import AnimationEvent = JSXInternal.TargetedAnimationEvent;
|
|
169
|
+
export import TransitionEvent = JSXInternal.TargetedTransitionEvent;
|
|
170
|
+
|
|
171
|
+
// Event Handler Types
|
|
172
|
+
export import EventHandler = JSXInternal.EventHandler;
|
|
173
|
+
export import ChangeEventHandler = JSXInternal.GenericEventHandler;
|
|
174
|
+
export import ClipboardEventHandler = JSXInternal.ClipboardEventHandler;
|
|
175
|
+
export import CompositionEventHandler = JSXInternal.CompositionEventHandler;
|
|
176
|
+
export import DragEventHandler = JSXInternal.DragEventHandler;
|
|
177
|
+
export import PointerEventHandler = JSXInternal.PointerEventHandler;
|
|
178
|
+
export import FocusEventHandler = JSXInternal.FocusEventHandler;
|
|
179
|
+
export import FormEventHandler = JSXInternal.GenericEventHandler;
|
|
180
|
+
export import InvalidEventHandler = JSXInternal.GenericEventHandler;
|
|
181
|
+
export import KeyboardEventHandler = JSXInternal.KeyboardEventHandler;
|
|
182
|
+
export import MouseEventHandler = JSXInternal.MouseEventHandler;
|
|
183
|
+
export import TouchEventHandler = JSXInternal.TouchEventHandler;
|
|
184
|
+
export import UIEventHandler = JSXInternal.UIEventHandler;
|
|
185
|
+
export import AnimationEventHandler = JSXInternal.AnimationEventHandler;
|
|
186
|
+
export import TransitionEventHandler = JSXInternal.TransitionEventHandler;
|
|
187
|
+
|
|
188
|
+
export function createPortal(
|
|
189
|
+
vnode: preact.ComponentChildren,
|
|
190
|
+
container: preact.ContainerNode
|
|
191
|
+
): preact.VNode<any>;
|
|
192
|
+
|
|
193
|
+
export function render(
|
|
194
|
+
vnode: preact.ComponentChild,
|
|
195
|
+
parent: preact.ContainerNode,
|
|
196
|
+
callback?: () => void
|
|
197
|
+
): Component | null;
|
|
198
|
+
|
|
199
|
+
export function hydrate(
|
|
200
|
+
vnode: preact.ComponentChild,
|
|
201
|
+
parent: preact.ContainerNode,
|
|
202
|
+
callback?: () => void
|
|
203
|
+
): Component | null;
|
|
204
|
+
|
|
205
|
+
export function unmountComponentAtNode(
|
|
206
|
+
container: preact.ContainerNode
|
|
207
|
+
): boolean;
|
|
208
|
+
|
|
209
|
+
export function createFactory(
|
|
210
|
+
type: preact.VNode<any>['type']
|
|
211
|
+
): (
|
|
212
|
+
props?: any,
|
|
213
|
+
...children: preact.ComponentChildren[]
|
|
214
|
+
) => preact.VNode<any>;
|
|
215
|
+
export function isValidElement(element: any): boolean;
|
|
216
|
+
export function isFragment(element: any): boolean;
|
|
217
|
+
export function isMemo(element: any): boolean;
|
|
218
|
+
export function findDOMNode(
|
|
219
|
+
component: preact.Component | Element
|
|
220
|
+
): Element | null;
|
|
221
|
+
|
|
222
|
+
export abstract class PureComponent<
|
|
223
|
+
P = {},
|
|
224
|
+
S = {},
|
|
225
|
+
SS = any
|
|
226
|
+
> extends preact.Component<P, S> {
|
|
227
|
+
isPureReactComponent: boolean;
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
export type MemoExoticComponent<C extends preact.FunctionalComponent<any>> =
|
|
231
|
+
preact.FunctionComponent<ComponentProps<C>> & {
|
|
232
|
+
readonly type: C;
|
|
233
|
+
};
|
|
234
|
+
|
|
235
|
+
export function memo<P = {}>(
|
|
236
|
+
component: preact.FunctionalComponent<P>,
|
|
237
|
+
comparer?: (prev: P, next: P) => boolean
|
|
238
|
+
): preact.FunctionComponent<P>;
|
|
239
|
+
export function memo<C extends preact.FunctionalComponent<any>>(
|
|
240
|
+
component: C,
|
|
241
|
+
comparer?: (
|
|
242
|
+
prev: preact.ComponentProps<C>,
|
|
243
|
+
next: preact.ComponentProps<C>
|
|
244
|
+
) => boolean
|
|
245
|
+
): C;
|
|
246
|
+
|
|
247
|
+
export interface RefAttributes<R> extends preact.Attributes {
|
|
248
|
+
ref?: preact.Ref<R> | undefined;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
/**
|
|
252
|
+
* @deprecated Please use `ForwardRefRenderFunction` instead.
|
|
253
|
+
*/
|
|
254
|
+
export interface ForwardFn<P = {}, T = any> {
|
|
255
|
+
(props: P, ref: ForwardedRef<T>): preact.ComponentChild;
|
|
256
|
+
displayName?: string;
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
export interface ForwardRefRenderFunction<T = any, P = {}> {
|
|
260
|
+
(props: P, ref: ForwardedRef<T>): preact.ComponentChild;
|
|
261
|
+
displayName?: string;
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
export interface ForwardRefExoticComponent<
|
|
265
|
+
P
|
|
266
|
+
> extends preact.FunctionComponent<P> {
|
|
267
|
+
defaultProps?: Partial<P> | undefined;
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
export function forwardRef<R, P = {}>(
|
|
271
|
+
fn: ForwardRefRenderFunction<R, P>
|
|
272
|
+
): preact.FunctionalComponent<PropsWithoutRef<P> & { ref?: preact.Ref<R> }>;
|
|
273
|
+
|
|
274
|
+
export type PropsWithoutRef<P> = Omit<P, 'ref'>;
|
|
275
|
+
|
|
276
|
+
interface MutableRefObject<T> {
|
|
277
|
+
current: T;
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
export type ForwardedRef<T> =
|
|
281
|
+
| ((instance: T | null) => void)
|
|
282
|
+
| MutableRefObject<T | null>
|
|
283
|
+
| null;
|
|
284
|
+
|
|
285
|
+
export type ElementType<
|
|
286
|
+
P = any,
|
|
287
|
+
Tag extends keyof JSX.IntrinsicElements = keyof JSX.IntrinsicElements
|
|
288
|
+
> =
|
|
289
|
+
| { [K in Tag]: P extends JSX.IntrinsicElements[K] ? K : never }[Tag]
|
|
290
|
+
| ComponentType<P>;
|
|
291
|
+
|
|
292
|
+
export type ComponentPropsWithoutRef<T extends ElementType> = PropsWithoutRef<
|
|
293
|
+
ComponentProps<T>
|
|
294
|
+
>;
|
|
295
|
+
|
|
296
|
+
export type ComponentPropsWithRef<C extends ElementType> = C extends new (
|
|
297
|
+
props: infer P
|
|
298
|
+
) => Component<any, any>
|
|
299
|
+
? PropsWithoutRef<P> & RefAttributes<InstanceType<C>>
|
|
300
|
+
: ComponentProps<C>;
|
|
301
|
+
|
|
302
|
+
export type ElementRef<
|
|
303
|
+
C extends
|
|
304
|
+
| ForwardRefExoticComponent<any>
|
|
305
|
+
| { new (props: any): Component<any, any> }
|
|
306
|
+
| ((props: any) => ReactNode)
|
|
307
|
+
| keyof JSXInternal.IntrinsicElements
|
|
308
|
+
> = 'ref' extends keyof ComponentPropsWithRef<C>
|
|
309
|
+
? NonNullable<ComponentPropsWithRef<C>['ref']> extends RefAttributes<
|
|
310
|
+
infer Instance
|
|
311
|
+
>['ref']
|
|
312
|
+
? Instance
|
|
313
|
+
: never
|
|
314
|
+
: never;
|
|
315
|
+
|
|
316
|
+
export function flushSync<R>(fn: () => R): R;
|
|
317
|
+
export function flushSync<A, R>(fn: (a: A) => R, a: A): R;
|
|
318
|
+
|
|
319
|
+
export function unstable_batchedUpdates(
|
|
320
|
+
callback: (arg?: any) => void,
|
|
321
|
+
arg?: any
|
|
322
|
+
): void;
|
|
323
|
+
|
|
324
|
+
export type PropsWithChildren<P = unknown> = P & {
|
|
325
|
+
children?: preact.ComponentChildren | undefined;
|
|
326
|
+
};
|
|
327
|
+
|
|
328
|
+
export const Children: {
|
|
329
|
+
map<T extends preact.ComponentChild, R>(
|
|
330
|
+
children: T | T[],
|
|
331
|
+
fn: (child: T, i: number) => R
|
|
332
|
+
): R[];
|
|
333
|
+
forEach<T extends preact.ComponentChild>(
|
|
334
|
+
children: T | T[],
|
|
335
|
+
fn: (child: T, i: number) => void
|
|
336
|
+
): void;
|
|
337
|
+
count: (children: preact.ComponentChildren) => number;
|
|
338
|
+
only: (children: preact.ComponentChildren) => preact.ComponentChild;
|
|
339
|
+
toArray: (children: preact.ComponentChildren) => preact.VNode<{}>[];
|
|
340
|
+
};
|
|
341
|
+
|
|
342
|
+
// scheduler
|
|
343
|
+
export const unstable_ImmediatePriority: number;
|
|
344
|
+
export const unstable_UserBlockingPriority: number;
|
|
345
|
+
export const unstable_NormalPriority: number;
|
|
346
|
+
export const unstable_LowPriority: number;
|
|
347
|
+
export const unstable_IdlePriority: number;
|
|
348
|
+
export function unstable_runWithPriority(
|
|
349
|
+
priority: number,
|
|
350
|
+
callback: () => void
|
|
351
|
+
): void;
|
|
352
|
+
export const unstable_now: () => number;
|
|
353
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
// Intentionally not using a relative path to take advantage of
|
|
2
|
+
// the TS version resolution mechanism
|
|
3
|
+
import { Component, ComponentChild, ComponentChildren } from '../../src/index';
|
|
4
|
+
|
|
5
|
+
//
|
|
6
|
+
// SuspenseList
|
|
7
|
+
// -----------------------------------
|
|
8
|
+
|
|
9
|
+
export interface SuspenseListProps {
|
|
10
|
+
children?: ComponentChildren;
|
|
11
|
+
revealOrder?: 'forwards' | 'backwards' | 'together';
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export class SuspenseList extends Component<SuspenseListProps> {
|
|
15
|
+
render(): ComponentChild;
|
|
16
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
// Intentionally not using a relative path to take advantage of
|
|
2
|
+
// the TS version resolution mechanism
|
|
3
|
+
import { Component, ComponentChild, ComponentChildren } from '../../src/index';
|
|
4
|
+
|
|
5
|
+
//
|
|
6
|
+
// Suspense/lazy
|
|
7
|
+
// -----------------------------------
|
|
8
|
+
export function lazy<T>(
|
|
9
|
+
loader: () => Promise<{ default: T } | T>
|
|
10
|
+
): T extends { default: infer U } ? U : T;
|
|
11
|
+
|
|
12
|
+
export interface SuspenseProps {
|
|
13
|
+
children?: ComponentChildren;
|
|
14
|
+
fallback: ComponentChildren;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export class Suspense extends Component<SuspenseProps> {
|
|
18
|
+
render(): ComponentChild;
|
|
19
|
+
}
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
// Intentionally not using a relative path to take advantage of
|
|
2
|
+
// the TS version resolution mechanism
|
|
3
|
+
import { ErrorInfo, PreactContext, Ref, RefObject } from '../../src/index';
|
|
4
|
+
|
|
5
|
+
type Inputs = ReadonlyArray<unknown>;
|
|
6
|
+
|
|
7
|
+
export type Dispatch<A> = (value: A) => void;
|
|
8
|
+
export type StateUpdater<S> = S | ((prevState: S) => S);
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* Returns a stateful value, and a function to update it.
|
|
12
|
+
* @param initialState The initial value (or a function that returns the initial value)
|
|
13
|
+
*/
|
|
14
|
+
export function useState<S>(
|
|
15
|
+
initialState: S | (() => S)
|
|
16
|
+
): [S, Dispatch<StateUpdater<S>>];
|
|
17
|
+
|
|
18
|
+
export function useState<S = undefined>(): [
|
|
19
|
+
S | undefined,
|
|
20
|
+
Dispatch<StateUpdater<S | undefined>>
|
|
21
|
+
];
|
|
22
|
+
|
|
23
|
+
export type Reducer<S, A> = (prevState: S, action: A) => S;
|
|
24
|
+
|
|
25
|
+
/**
|
|
26
|
+
* An alternative to `useState`.
|
|
27
|
+
*
|
|
28
|
+
* `useReducer` is usually preferable to `useState` when you have complex state logic that involves
|
|
29
|
+
* multiple sub-values. It also lets you optimize performance for components that trigger deep
|
|
30
|
+
* updates because you can pass `dispatch` down instead of callbacks.
|
|
31
|
+
* @param reducer Given the current state and an action, returns the new state
|
|
32
|
+
* @param initialState The initial value to store as state
|
|
33
|
+
*/
|
|
34
|
+
export function useReducer<S, A>(
|
|
35
|
+
reducer: Reducer<S, A>,
|
|
36
|
+
initialState: S
|
|
37
|
+
): [S, Dispatch<A>];
|
|
38
|
+
|
|
39
|
+
/**
|
|
40
|
+
* An alternative to `useState`.
|
|
41
|
+
*
|
|
42
|
+
* `useReducer` is usually preferable to `useState` when you have complex state logic that involves
|
|
43
|
+
* multiple sub-values. It also lets you optimize performance for components that trigger deep
|
|
44
|
+
* updates because you can pass `dispatch` down instead of callbacks.
|
|
45
|
+
* @param reducer Given the current state and an action, returns the new state
|
|
46
|
+
* @param initialArg The initial argument to pass to the `init` function
|
|
47
|
+
* @param init A function that, given the `initialArg`, returns the initial value to store as state
|
|
48
|
+
*/
|
|
49
|
+
export function useReducer<S, A, I>(
|
|
50
|
+
reducer: Reducer<S, A>,
|
|
51
|
+
initialArg: I,
|
|
52
|
+
init: (arg: I) => S
|
|
53
|
+
): [S, Dispatch<A>];
|
|
54
|
+
|
|
55
|
+
/** @deprecated Use the `Ref` type instead. */
|
|
56
|
+
type PropRef<T> = MutableRef<T>;
|
|
57
|
+
|
|
58
|
+
interface MutableRef<T> {
|
|
59
|
+
current: T;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
/**
|
|
63
|
+
* `useRef` returns a mutable ref object whose `.current` property is initialized to the passed argument
|
|
64
|
+
* (`initialValue`). The returned object will persist for the full lifetime of the component.
|
|
65
|
+
*
|
|
66
|
+
* Note that `useRef()` is useful for more than the `ref` attribute. It’s handy for keeping any mutable
|
|
67
|
+
* value around similar to how you’d use instance fields in classes.
|
|
68
|
+
*
|
|
69
|
+
* @param initialValue the initial value to store in the ref object
|
|
70
|
+
*/
|
|
71
|
+
export function useRef<T>(initialValue: T): MutableRef<T>;
|
|
72
|
+
export function useRef<T>(initialValue: T | null): RefObject<T>;
|
|
73
|
+
export function useRef<T = undefined>(): MutableRef<T | undefined>;
|
|
74
|
+
|
|
75
|
+
type EffectCallback = () => void | (() => void);
|
|
76
|
+
/**
|
|
77
|
+
* Accepts a function that contains imperative, possibly effectful code.
|
|
78
|
+
* The effects run after browser paint, without blocking it.
|
|
79
|
+
*
|
|
80
|
+
* @param effect Imperative function that can return a cleanup function
|
|
81
|
+
* @param inputs If present, effect will only activate if the values in the list change (using ===).
|
|
82
|
+
*/
|
|
83
|
+
export function useEffect(effect: EffectCallback, inputs?: Inputs): void;
|
|
84
|
+
|
|
85
|
+
type CreateHandle = () => object;
|
|
86
|
+
|
|
87
|
+
/**
|
|
88
|
+
* @param ref The ref that will be mutated
|
|
89
|
+
* @param create The function that will be executed to get the value that will be attached to
|
|
90
|
+
* ref.current
|
|
91
|
+
* @param inputs If present, effect will only activate if the values in the list change (using ===).
|
|
92
|
+
*/
|
|
93
|
+
export function useImperativeHandle<T, R extends T>(
|
|
94
|
+
ref: Ref<T>,
|
|
95
|
+
create: () => R,
|
|
96
|
+
inputs?: Inputs
|
|
97
|
+
): void;
|
|
98
|
+
|
|
99
|
+
/**
|
|
100
|
+
* Accepts a function that contains imperative, possibly effectful code.
|
|
101
|
+
* Use this to read layout from the DOM and synchronously re-render.
|
|
102
|
+
* Updates scheduled inside `useLayoutEffect` will be flushed synchronously, after all DOM mutations but before the browser has a chance to paint.
|
|
103
|
+
* Prefer the standard `useEffect` hook when possible to avoid blocking visual updates.
|
|
104
|
+
*
|
|
105
|
+
* @param effect Imperative function that can return a cleanup function
|
|
106
|
+
* @param inputs If present, effect will only activate if the values in the list change (using ===).
|
|
107
|
+
*/
|
|
108
|
+
export function useLayoutEffect(effect: EffectCallback, inputs?: Inputs): void;
|
|
109
|
+
|
|
110
|
+
/**
|
|
111
|
+
* Returns a memoized version of the callback that only changes if one of the `inputs`
|
|
112
|
+
* has changed (using ===).
|
|
113
|
+
*/
|
|
114
|
+
export function useCallback<T extends Function>(callback: T, inputs: Inputs): T;
|
|
115
|
+
|
|
116
|
+
/**
|
|
117
|
+
* Pass a factory function and an array of inputs.
|
|
118
|
+
* useMemo will only recompute the memoized value when one of the inputs has changed.
|
|
119
|
+
* This optimization helps to avoid expensive calculations on every render.
|
|
120
|
+
* If no array is provided, a new value will be computed whenever a new function instance is passed as the first argument.
|
|
121
|
+
*/
|
|
122
|
+
// for `inputs`, allow undefined, but don't make it optional as that is very likely a mistake
|
|
123
|
+
export function useMemo<T>(factory: () => T, inputs: Inputs | undefined): T;
|
|
124
|
+
|
|
125
|
+
/**
|
|
126
|
+
* Returns the current context value, as given by the nearest context provider for the given context.
|
|
127
|
+
* When the provider updates, this Hook will trigger a rerender with the latest context value.
|
|
128
|
+
*
|
|
129
|
+
* @param context The context you want to use
|
|
130
|
+
*/
|
|
131
|
+
export function useContext<T>(context: PreactContext<T>): T;
|
|
132
|
+
|
|
133
|
+
/**
|
|
134
|
+
* Customize the displayed value in the devtools panel.
|
|
135
|
+
*
|
|
136
|
+
* @param value Custom hook name or object that is passed to formatter
|
|
137
|
+
* @param formatter Formatter to modify value before sending it to the devtools
|
|
138
|
+
*/
|
|
139
|
+
export function useDebugValue<T>(value: T, formatter?: (value: T) => any): void;
|
|
140
|
+
|
|
141
|
+
export function useErrorBoundary(
|
|
142
|
+
callback?: (error: any, errorInfo: ErrorInfo) => Promise<void> | void
|
|
143
|
+
): [any, () => void];
|
|
144
|
+
|
|
145
|
+
export function useId(): string;
|