@kepler.gl/components 3.0.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bottom-widget.d.ts +46 -0
- package/dist/bottom-widget.js +242 -0
- package/dist/common/action-panel.d.ts +27 -0
- package/dist/common/action-panel.js +152 -0
- package/dist/common/animation-control/animation-control.d.ts +24 -0
- package/dist/common/animation-control/animation-control.js +155 -0
- package/dist/common/animation-control/animation-controller.d.ts +15 -0
- package/dist/common/animation-control/animation-controller.js +324 -0
- package/dist/common/animation-control/animation-speed-slider.d.ts +12 -0
- package/dist/common/animation-control/animation-speed-slider.js +120 -0
- package/dist/common/animation-control/animation-window-control.d.ts +20 -0
- package/dist/common/animation-control/animation-window-control.js +86 -0
- package/dist/common/animation-control/floating-time-display.d.ts +9 -0
- package/dist/common/animation-control/floating-time-display.js +181 -0
- package/dist/common/animation-control/play-control.d.ts +12 -0
- package/dist/common/animation-control/play-control.js +81 -0
- package/dist/common/animation-control/playback-controls.d.ts +55 -0
- package/dist/common/animation-control/playback-controls.js +202 -0
- package/dist/common/animation-control/reset-control.d.ts +9 -0
- package/dist/common/animation-control/reset-control.js +71 -0
- package/dist/common/animation-control/speed-control.d.ts +12 -0
- package/dist/common/animation-control/speed-control.js +88 -0
- package/dist/common/animation-control/window-action-control.d.ts +11 -0
- package/dist/common/animation-control/window-action-control.js +87 -0
- package/dist/common/checkbox.d.ts +35 -0
- package/dist/common/checkbox.js +159 -0
- package/dist/common/color-legend.d.ts +39 -0
- package/dist/common/color-legend.js +257 -0
- package/dist/common/data-table/button.d.ts +8 -0
- package/dist/common/data-table/button.js +66 -0
- package/dist/common/data-table/canvas.d.ts +2 -0
- package/dist/common/data-table/canvas.js +52 -0
- package/dist/common/data-table/cell-size.d.ts +43 -0
- package/dist/common/data-table/cell-size.js +195 -0
- package/dist/common/data-table/grid.d.ts +7 -0
- package/dist/common/data-table/grid.js +119 -0
- package/dist/common/data-table/header-cell.d.ts +25 -0
- package/dist/common/data-table/header-cell.js +152 -0
- package/dist/common/data-table/index.d.ts +108 -0
- package/dist/common/data-table/index.js +457 -0
- package/dist/common/data-table/option-dropdown.d.ts +14 -0
- package/dist/common/data-table/option-dropdown.js +142 -0
- package/dist/common/dataset-label.d.ts +10 -0
- package/dist/common/dataset-label.js +56 -0
- package/dist/common/error-boundary.d.ts +12 -0
- package/dist/common/error-boundary.js +103 -0
- package/dist/common/field-selector.d.ts +43 -0
- package/dist/common/field-selector.js +220 -0
- package/dist/common/field-token.d.ts +46 -0
- package/dist/common/field-token.js +70 -0
- package/dist/common/file-uploader/file-drop.d.ts +53 -0
- package/dist/common/file-uploader/file-drop.js +252 -0
- package/dist/common/file-uploader/file-upload-progress.d.ts +8 -0
- package/dist/common/file-uploader/file-upload-progress.js +123 -0
- package/dist/common/file-uploader/file-upload.d.ts +27 -0
- package/dist/common/file-uploader/file-upload.js +324 -0
- package/dist/common/file-uploader/upload-button.d.ts +7 -0
- package/dist/common/file-uploader/upload-button.js +94 -0
- package/dist/common/histogram-plot.d.ts +3 -0
- package/dist/common/histogram-plot.js +134 -0
- package/dist/common/icon-button.d.ts +12 -0
- package/dist/common/icon-button.js +52 -0
- package/dist/common/icons/add.d.ts +9 -0
- package/dist/common/icons/add.js +78 -0
- package/dist/common/icons/anchor_window.d.ts +11 -0
- package/dist/common/icons/anchor_window.js +55 -0
- package/dist/common/icons/arrow-down-alt.d.ts +9 -0
- package/dist/common/icons/arrow-down-alt.js +78 -0
- package/dist/common/icons/arrow-down-solid.d.ts +9 -0
- package/dist/common/icons/arrow-down-solid.js +78 -0
- package/dist/common/icons/arrow-down.d.ts +9 -0
- package/dist/common/icons/arrow-down.js +78 -0
- package/dist/common/icons/arrow-left.d.ts +9 -0
- package/dist/common/icons/arrow-left.js +81 -0
- package/dist/common/icons/arrow-right.d.ts +9 -0
- package/dist/common/icons/arrow-right.js +78 -0
- package/dist/common/icons/arrow-up-alt.d.ts +9 -0
- package/dist/common/icons/arrow-up-alt.js +79 -0
- package/dist/common/icons/arrow-up-solid.d.ts +9 -0
- package/dist/common/icons/arrow-up-solid.js +78 -0
- package/dist/common/icons/arrow-up.d.ts +9 -0
- package/dist/common/icons/arrow-up.js +78 -0
- package/dist/common/icons/base.d.ts +29 -0
- package/dist/common/icons/base.js +116 -0
- package/dist/common/icons/bug.d.ts +9 -0
- package/dist/common/icons/bug.js +80 -0
- package/dist/common/icons/cancel.d.ts +9 -0
- package/dist/common/icons/cancel.js +78 -0
- package/dist/common/icons/checkmark.d.ts +10 -0
- package/dist/common/icons/checkmark.js +85 -0
- package/dist/common/icons/clipboard.d.ts +9 -0
- package/dist/common/icons/clipboard.js +79 -0
- package/dist/common/icons/clock.d.ts +9 -0
- package/dist/common/icons/clock.js +80 -0
- package/dist/common/icons/close.d.ts +9 -0
- package/dist/common/icons/close.js +83 -0
- package/dist/common/icons/code-alt.d.ts +9 -0
- package/dist/common/icons/code-alt.js +82 -0
- package/dist/common/icons/copy.d.ts +9 -0
- package/dist/common/icons/copy.js +84 -0
- package/dist/common/icons/crosshairs.d.ts +9 -0
- package/dist/common/icons/crosshairs.js +82 -0
- package/dist/common/icons/cube-3d.d.ts +9 -0
- package/dist/common/icons/cube-3d.js +82 -0
- package/dist/common/icons/cursor-click.d.ts +9 -0
- package/dist/common/icons/cursor-click.js +82 -0
- package/dist/common/icons/data-table.d.ts +10 -0
- package/dist/common/icons/data-table.js +79 -0
- package/dist/common/icons/db.d.ts +10 -0
- package/dist/common/icons/db.js +79 -0
- package/dist/common/icons/delete.d.ts +9 -0
- package/dist/common/icons/delete.js +80 -0
- package/dist/common/icons/docs.d.ts +9 -0
- package/dist/common/icons/docs.js +94 -0
- package/dist/common/icons/drag-n-drop.d.ts +9 -0
- package/dist/common/icons/drag-n-drop.js +80 -0
- package/dist/common/icons/draw-polygon.d.ts +10 -0
- package/dist/common/icons/draw-polygon.js +98 -0
- package/dist/common/icons/email.d.ts +9 -0
- package/dist/common/icons/email.js +82 -0
- package/dist/common/icons/expand.d.ts +9 -0
- package/dist/common/icons/expand.js +80 -0
- package/dist/common/icons/eye-seen.d.ts +9 -0
- package/dist/common/icons/eye-seen.js +80 -0
- package/dist/common/icons/eye-unseen.d.ts +9 -0
- package/dist/common/icons/eye-unseen.js +80 -0
- package/dist/common/icons/file-type.d.ts +8 -0
- package/dist/common/icons/file-type.js +65 -0
- package/dist/common/icons/file.d.ts +9 -0
- package/dist/common/icons/file.js +78 -0
- package/dist/common/icons/files.d.ts +9 -0
- package/dist/common/icons/files.js +80 -0
- package/dist/common/icons/filter-funnel.d.ts +9 -0
- package/dist/common/icons/filter-funnel.js +78 -0
- package/dist/common/icons/free-window.d.ts +11 -0
- package/dist/common/icons/free-window.js +55 -0
- package/dist/common/icons/gear.d.ts +9 -0
- package/dist/common/icons/gear.js +80 -0
- package/dist/common/icons/hash.d.ts +9 -0
- package/dist/common/icons/hash.js +78 -0
- package/dist/common/icons/histogram.d.ts +9 -0
- package/dist/common/icons/histogram.js +79 -0
- package/dist/common/icons/index.d.ts +76 -0
- package/dist/common/icons/index.js +624 -0
- package/dist/common/icons/info.d.ts +12 -0
- package/dist/common/icons/info.js +92 -0
- package/dist/common/icons/layers.d.ts +9 -0
- package/dist/common/icons/layers.js +78 -0
- package/dist/common/icons/left-arrow.d.ts +9 -0
- package/dist/common/icons/left-arrow.js +82 -0
- package/dist/common/icons/legend.d.ts +9 -0
- package/dist/common/icons/legend.js +78 -0
- package/dist/common/icons/line-chart.d.ts +9 -0
- package/dist/common/icons/line-chart.js +78 -0
- package/dist/common/icons/login.d.ts +9 -0
- package/dist/common/icons/login.js +81 -0
- package/dist/common/icons/logout.d.ts +9 -0
- package/dist/common/icons/logout.js +80 -0
- package/dist/common/icons/map-icon.d.ts +11 -0
- package/dist/common/icons/map-icon.js +86 -0
- package/dist/common/icons/map.d.ts +11 -0
- package/dist/common/icons/map.js +86 -0
- package/dist/common/icons/messages.d.ts +9 -0
- package/dist/common/icons/messages.js +78 -0
- package/dist/common/icons/minus.d.ts +9 -0
- package/dist/common/icons/minus.js +78 -0
- package/dist/common/icons/order-by-dataset.d.ts +12 -0
- package/dist/common/icons/order-by-dataset.js +55 -0
- package/dist/common/icons/order-by-list.d.ts +12 -0
- package/dist/common/icons/order-by-list.js +47 -0
- package/dist/common/icons/pause.d.ts +9 -0
- package/dist/common/icons/pause.js +78 -0
- package/dist/common/icons/picture.d.ts +9 -0
- package/dist/common/icons/picture.js +80 -0
- package/dist/common/icons/pin.d.ts +9 -0
- package/dist/common/icons/pin.js +86 -0
- package/dist/common/icons/play.d.ts +9 -0
- package/dist/common/icons/play.js +78 -0
- package/dist/common/icons/polygon.d.ts +10 -0
- package/dist/common/icons/polygon.js +100 -0
- package/dist/common/icons/rectangle.d.ts +10 -0
- package/dist/common/icons/rectangle.js +101 -0
- package/dist/common/icons/reduce.d.ts +9 -0
- package/dist/common/icons/reduce.js +81 -0
- package/dist/common/icons/reset.d.ts +9 -0
- package/dist/common/icons/reset.js +78 -0
- package/dist/common/icons/rocket.d.ts +9 -0
- package/dist/common/icons/rocket.js +78 -0
- package/dist/common/icons/save.d.ts +9 -0
- package/dist/common/icons/save.js +80 -0
- package/dist/common/icons/save2.d.ts +9 -0
- package/dist/common/icons/save2.js +84 -0
- package/dist/common/icons/search.d.ts +9 -0
- package/dist/common/icons/search.js +80 -0
- package/dist/common/icons/settings.d.ts +9 -0
- package/dist/common/icons/settings.js +80 -0
- package/dist/common/icons/share.d.ts +9 -0
- package/dist/common/icons/share.js +78 -0
- package/dist/common/icons/split.d.ts +9 -0
- package/dist/common/icons/split.js +106 -0
- package/dist/common/icons/square-select.d.ts +9 -0
- package/dist/common/icons/square-select.js +80 -0
- package/dist/common/icons/trash.d.ts +9 -0
- package/dist/common/icons/trash.js +80 -0
- package/dist/common/icons/vert-dots.d.ts +9 -0
- package/dist/common/icons/vert-dots.js +116 -0
- package/dist/common/icons/vert-three-dots.d.ts +9 -0
- package/dist/common/icons/vert-three-dots.js +91 -0
- package/dist/common/icons/warning-sign.d.ts +15 -0
- package/dist/common/icons/warning-sign.js +100 -0
- package/dist/common/icons/warning.d.ts +10 -0
- package/dist/common/icons/warning.js +93 -0
- package/dist/common/image-preview.d.ts +15 -0
- package/dist/common/image-preview.js +91 -0
- package/dist/common/index.d.ts +3 -0
- package/dist/common/index.js +287 -0
- package/dist/common/info-helper.d.ts +10 -0
- package/dist/common/info-helper.js +95 -0
- package/dist/common/item-selector/accessor.d.ts +7 -0
- package/dist/common/item-selector/accessor.js +56 -0
- package/dist/common/item-selector/chickleted-input.d.ts +21 -0
- package/dist/common/item-selector/chickleted-input.js +116 -0
- package/dist/common/item-selector/dropdown-list.d.ts +50 -0
- package/dist/common/item-selector/dropdown-list.js +191 -0
- package/dist/common/item-selector/item-selector.d.ts +45 -0
- package/dist/common/item-selector/item-selector.js +359 -0
- package/dist/common/item-selector/typeahead.d.ts +113 -0
- package/dist/common/item-selector/typeahead.js +507 -0
- package/dist/common/line-chart.d.ts +34 -0
- package/dist/common/line-chart.js +146 -0
- package/dist/common/loading-spinner.d.ts +9 -0
- package/dist/common/loading-spinner.js +76 -0
- package/dist/common/logo.d.ts +8 -0
- package/dist/common/logo.js +102 -0
- package/dist/common/map-layer-selector.d.ts +13 -0
- package/dist/common/map-layer-selector.js +69 -0
- package/dist/common/modal.d.ts +51 -0
- package/dist/common/modal.js +211 -0
- package/dist/common/portaled.d.ts +54 -0
- package/dist/common/portaled.js +360 -0
- package/dist/common/progress-bar.d.ts +12 -0
- package/dist/common/progress-bar.js +74 -0
- package/dist/common/range-brush.d.ts +19 -0
- package/dist/common/range-brush.js +346 -0
- package/dist/common/range-plot.d.ts +35 -0
- package/dist/common/range-plot.js +156 -0
- package/dist/common/range-slider.d.ts +30 -0
- package/dist/common/range-slider.js +343 -0
- package/dist/common/slider/mouse-event.d.ts +27 -0
- package/dist/common/slider/mouse-event.js +145 -0
- package/dist/common/slider/slider-bar-handle.d.ts +29 -0
- package/dist/common/slider/slider-bar-handle.js +135 -0
- package/dist/common/slider/slider-handle.d.ts +33 -0
- package/dist/common/slider/slider-handle.js +182 -0
- package/dist/common/slider/slider.d.ts +70 -0
- package/dist/common/slider/slider.js +264 -0
- package/dist/common/styled-components.d.ts +123 -0
- package/dist/common/styled-components.js +438 -0
- package/dist/common/switch.d.ts +15 -0
- package/dist/common/switch.js +50 -0
- package/dist/common/time-range-slider-time-title.d.ts +9 -0
- package/dist/common/time-range-slider-time-title.js +94 -0
- package/dist/common/time-range-slider.d.ts +32 -0
- package/dist/common/time-range-slider.js +132 -0
- package/dist/common/time-slider-marker.d.ts +21 -0
- package/dist/common/time-slider-marker.js +161 -0
- package/dist/common/tippy-tooltip.d.ts +4 -0
- package/dist/common/tippy-tooltip.js +142 -0
- package/dist/common/toolbar-item.d.ts +14 -0
- package/dist/common/toolbar-item.js +91 -0
- package/dist/common/toolbar.d.ts +5 -0
- package/dist/common/toolbar.js +53 -0
- package/dist/common/vertical-toolbar.d.ts +3 -0
- package/dist/common/vertical-toolbar.js +42 -0
- package/dist/connect/keplergl-connect.d.ts +5 -0
- package/dist/connect/keplergl-connect.js +67 -0
- package/dist/connect/with-local-selector.d.ts +6 -0
- package/dist/connect/with-local-selector.js +130 -0
- package/dist/container.d.ts +39 -0
- package/dist/container.js +242 -0
- package/dist/context.d.ts +16 -0
- package/dist/context.js +53 -0
- package/dist/editor/constants.d.ts +17 -0
- package/dist/editor/constants.js +47 -0
- package/dist/editor/editor.d.ts +30 -0
- package/dist/editor/editor.js +279 -0
- package/dist/editor/feature-action-panel.d.ts +30 -0
- package/dist/editor/feature-action-panel.js +169 -0
- package/dist/editor/feature-styles.d.ts +37 -0
- package/dist/editor/feature-styles.js +92 -0
- package/dist/editor/handle-style.d.ts +42 -0
- package/dist/editor/handle-style.js +100 -0
- package/dist/filters/components.d.ts +3 -0
- package/dist/filters/components.js +40 -0
- package/dist/filters/filter-panels/filter-panel-with-field-select.d.ts +10 -0
- package/dist/filters/filter-panels/filter-panel-with-field-select.js +106 -0
- package/dist/filters/filter-panels/multi-select-filter-panel.d.ts +9 -0
- package/dist/filters/filter-panels/multi-select-filter-panel.js +72 -0
- package/dist/filters/filter-panels/new-filter-panel.d.ts +12 -0
- package/dist/filters/filter-panels/new-filter-panel.js +94 -0
- package/dist/filters/filter-panels/polygon-filter-panel.d.ts +9 -0
- package/dist/filters/filter-panels/polygon-filter-panel.js +96 -0
- package/dist/filters/filter-panels/range-filter-panel.d.ts +9 -0
- package/dist/filters/filter-panels/range-filter-panel.js +72 -0
- package/dist/filters/filter-panels/single-select-filter-panel.d.ts +9 -0
- package/dist/filters/filter-panels/single-select-filter-panel.js +72 -0
- package/dist/filters/filter-panels/time-range-filter-panel.d.ts +8 -0
- package/dist/filters/filter-panels/time-range-filter-panel.js +87 -0
- package/dist/filters/filter-panels/types.d.ts +35 -0
- package/dist/filters/filter-panels/types.js +26 -0
- package/dist/filters/index.d.ts +5 -0
- package/dist/filters/index.js +68 -0
- package/dist/filters/multi-select-filter.d.ts +3 -0
- package/dist/filters/multi-select-filter.js +53 -0
- package/dist/filters/polygon-filter.d.ts +4 -0
- package/dist/filters/polygon-filter.js +94 -0
- package/dist/filters/range-filter.d.ts +8 -0
- package/dist/filters/range-filter.js +52 -0
- package/dist/filters/single-select-filter.d.ts +3 -0
- package/dist/filters/single-select-filter.js +62 -0
- package/dist/filters/time-range-filter.d.ts +28 -0
- package/dist/filters/time-range-filter.js +84 -0
- package/dist/filters/time-widget.d.ts +14 -0
- package/dist/filters/time-widget.js +192 -0
- package/dist/filters/types.d.ts +54 -0
- package/dist/filters/types.js +26 -0
- package/dist/geocoder/geocoder.d.ts +33 -0
- package/dist/geocoder/geocoder.js +336 -0
- package/dist/geocoder-panel.d.ts +25 -0
- package/dist/geocoder-panel.js +241 -0
- package/dist/hooks/useFeatureFlags.d.ts +2 -0
- package/dist/hooks/useFeatureFlags.js +38 -0
- package/dist/index.d.ts +176 -0
- package/dist/index.js +1935 -0
- package/dist/injector.d.ts +29 -0
- package/dist/injector.js +198 -0
- package/dist/kepler-gl.d.ts +281 -0
- package/dist/kepler-gl.js +568 -0
- package/dist/map/coordinate-info.d.ts +7 -0
- package/dist/map/coordinate-info.js +67 -0
- package/dist/map/layer-hover-info.d.ts +13 -0
- package/dist/map/layer-hover-info.js +228 -0
- package/dist/map/layer-selector-panel.d.ts +21 -0
- package/dist/map/layer-selector-panel.js +114 -0
- package/dist/map/lazy-tippy.d.ts +7 -0
- package/dist/map/lazy-tippy.js +94 -0
- package/dist/map/locale-panel.d.ts +16 -0
- package/dist/map/locale-panel.js +107 -0
- package/dist/map/map-control-panel.d.ts +13 -0
- package/dist/map/map-control-panel.js +116 -0
- package/dist/map/map-control-toolbar.d.ts +2 -0
- package/dist/map/map-control-toolbar.js +45 -0
- package/dist/map/map-control-tooltip.d.ts +8 -0
- package/dist/map/map-control-tooltip.js +57 -0
- package/dist/map/map-control.d.ts +45 -0
- package/dist/map/map-control.js +101 -0
- package/dist/map/map-draw-panel.d.ts +20 -0
- package/dist/map/map-draw-panel.js +137 -0
- package/dist/map/map-legend-panel.d.ts +24 -0
- package/dist/map/map-legend-panel.js +181 -0
- package/dist/map/map-legend.d.ts +55 -0
- package/dist/map/map-legend.js +274 -0
- package/dist/map/map-popover.d.ts +36 -0
- package/dist/map/map-popover.js +217 -0
- package/dist/map/split-map-button.d.ts +20 -0
- package/dist/map/split-map-button.js +92 -0
- package/dist/map/toggle-3d-button.d.ts +17 -0
- package/dist/map/toggle-3d-button.js +81 -0
- package/dist/map-container.d.ts +48 -0
- package/dist/map-container.js +653 -0
- package/dist/maps-layout.d.ts +9 -0
- package/dist/maps-layout.js +80 -0
- package/dist/modal-container.d.ts +63 -0
- package/dist/modal-container.js +530 -0
- package/dist/modals/add-map-style-modal.d.ts +18 -0
- package/dist/modals/add-map-style-modal.js +300 -0
- package/dist/modals/cloud-tile.d.ts +15 -0
- package/dist/modals/cloud-tile.js +144 -0
- package/dist/modals/data-table-modal.d.ts +28 -0
- package/dist/modals/data-table-modal.js +285 -0
- package/dist/modals/delete-data-modal.d.ts +10 -0
- package/dist/modals/delete-data-modal.js +74 -0
- package/dist/modals/error-display.d.ts +6 -0
- package/dist/modals/error-display.js +50 -0
- package/dist/modals/export-data-modal.d.ts +25 -0
- package/dist/modals/export-data-modal.js +232 -0
- package/dist/modals/export-image-modal.d.ts +18 -0
- package/dist/modals/export-image-modal.js +156 -0
- package/dist/modals/export-map-modal/components.d.ts +8 -0
- package/dist/modals/export-map-modal/components.js +71 -0
- package/dist/modals/export-map-modal/export-html-map.d.ts +12 -0
- package/dist/modals/export-map-modal/export-html-map.js +158 -0
- package/dist/modals/export-map-modal/export-json-map.d.ts +9 -0
- package/dist/modals/export-map-modal/export-json-map.js +120 -0
- package/dist/modals/export-map-modal/export-map-modal.d.ts +27 -0
- package/dist/modals/export-map-modal/export-map-modal.js +119 -0
- package/dist/modals/image-modal-container.d.ts +17 -0
- package/dist/modals/image-modal-container.js +86 -0
- package/dist/modals/load-data-modal.d.ts +41 -0
- package/dist/modals/load-data-modal.js +118 -0
- package/dist/modals/load-storage-map.d.ts +26 -0
- package/dist/modals/load-storage-map.js +308 -0
- package/dist/modals/loading-dialog.d.ts +7 -0
- package/dist/modals/loading-dialog.js +68 -0
- package/dist/modals/modal-dialog.d.ts +2 -0
- package/dist/modals/modal-dialog.js +36 -0
- package/dist/modals/modal-tabs.d.ts +27 -0
- package/dist/modals/modal-tabs.js +119 -0
- package/dist/modals/overwrite-map-modal.d.ts +16 -0
- package/dist/modals/overwrite-map-modal.js +100 -0
- package/dist/modals/provider-modal-container.d.ts +22 -0
- package/dist/modals/provider-modal-container.js +101 -0
- package/dist/modals/save-map-modal.d.ts +30 -0
- package/dist/modals/save-map-modal.js +226 -0
- package/dist/modals/share-map-modal.d.ts +30 -0
- package/dist/modals/share-map-modal.js +219 -0
- package/dist/modals/status-panel.d.ts +13 -0
- package/dist/modals/status-panel.js +103 -0
- package/dist/modals/storage-map-viewer.d.ts +21 -0
- package/dist/modals/storage-map-viewer.js +147 -0
- package/dist/notification-panel/notification-item.d.ts +70 -0
- package/dist/notification-panel/notification-item.js +173 -0
- package/dist/notification-panel.d.ts +13 -0
- package/dist/notification-panel.js +106 -0
- package/dist/plot-container.d.ts +24 -0
- package/dist/plot-container.js +276 -0
- package/dist/side-panel/cloud-storage-dropdown.d.ts +6 -0
- package/dist/side-panel/cloud-storage-dropdown.js +62 -0
- package/dist/side-panel/common/dataset-info.d.ts +3 -0
- package/dist/side-panel/common/dataset-info.js +63 -0
- package/dist/side-panel/common/dataset-tag.d.ts +3 -0
- package/dist/side-panel/common/dataset-tag.js +89 -0
- package/dist/side-panel/common/dataset-title.d.ts +8 -0
- package/dist/side-panel/common/dataset-title.js +225 -0
- package/dist/side-panel/common/source-data-catalog.d.ts +9 -0
- package/dist/side-panel/common/source-data-catalog.js +82 -0
- package/dist/side-panel/common/source-data-selector.d.ts +8 -0
- package/dist/side-panel/common/source-data-selector.js +96 -0
- package/dist/side-panel/common/types.d.ts +63 -0
- package/dist/side-panel/common/types.js +26 -0
- package/dist/side-panel/custom-panel.d.ts +9 -0
- package/dist/side-panel/custom-panel.js +59 -0
- package/dist/side-panel/filter-manager.d.ts +20 -0
- package/dist/side-panel/filter-manager.js +132 -0
- package/dist/side-panel/filter-panel/filter-panel-header.d.ts +21 -0
- package/dist/side-panel/filter-panel/filter-panel-header.js +87 -0
- package/dist/side-panel/filter-panel/filter-panel.d.ts +23 -0
- package/dist/side-panel/filter-panel/filter-panel.js +151 -0
- package/dist/side-panel/interaction-manager.d.ts +15 -0
- package/dist/side-panel/interaction-manager.js +57 -0
- package/dist/side-panel/interaction-panel/brush-config.d.ts +15 -0
- package/dist/side-panel/interaction-panel/brush-config.js +74 -0
- package/dist/side-panel/interaction-panel/interaction-panel.d.ts +18 -0
- package/dist/side-panel/interaction-panel/interaction-panel.js +156 -0
- package/dist/side-panel/interaction-panel/tooltip-config/tooltip-chicklet.d.ts +28 -0
- package/dist/side-panel/interaction-panel/tooltip-config/tooltip-chicklet.js +264 -0
- package/dist/side-panel/interaction-panel/tooltip-config.d.ts +38 -0
- package/dist/side-panel/interaction-panel/tooltip-config.js +185 -0
- package/dist/side-panel/layer-manager.d.ts +39 -0
- package/dist/side-panel/layer-manager.js +225 -0
- package/dist/side-panel/layer-panel/add-layer-button.d.ts +10 -0
- package/dist/side-panel/layer-panel/add-layer-button.js +176 -0
- package/dist/side-panel/layer-panel/color-palette.d.ts +11 -0
- package/dist/side-panel/layer-panel/color-palette.js +91 -0
- package/dist/side-panel/layer-panel/color-range-selector.d.ts +47 -0
- package/dist/side-panel/layer-panel/color-range-selector.js +290 -0
- package/dist/side-panel/layer-panel/color-selector.d.ts +42 -0
- package/dist/side-panel/layer-panel/color-selector.js +225 -0
- package/dist/side-panel/layer-panel/column-selector.d.ts +22 -0
- package/dist/side-panel/layer-panel/column-selector.js +85 -0
- package/dist/side-panel/layer-panel/custom-palette.d.ts +38 -0
- package/dist/side-panel/layer-panel/custom-palette.js +312 -0
- package/dist/side-panel/layer-panel/custom-picker.d.ts +51 -0
- package/dist/side-panel/layer-panel/custom-picker.js +136 -0
- package/dist/side-panel/layer-panel/dataset-layer-group.d.ts +22 -0
- package/dist/side-panel/layer-panel/dataset-layer-group.js +86 -0
- package/dist/side-panel/layer-panel/dataset-layer-section.d.ts +23 -0
- package/dist/side-panel/layer-panel/dataset-layer-section.js +89 -0
- package/dist/side-panel/layer-panel/dataset-section.d.ts +24 -0
- package/dist/side-panel/layer-panel/dataset-section.js +112 -0
- package/dist/side-panel/layer-panel/dimension-scale-selector.d.ts +10 -0
- package/dist/side-panel/layer-panel/dimension-scale-selector.js +60 -0
- package/dist/side-panel/layer-panel/how-to-button.d.ts +6 -0
- package/dist/side-panel/layer-panel/how-to-button.js +58 -0
- package/dist/side-panel/layer-panel/layer-column-config.d.ts +19 -0
- package/dist/side-panel/layer-panel/layer-column-config.js +107 -0
- package/dist/side-panel/layer-panel/layer-config-group.d.ts +35 -0
- package/dist/side-panel/layer-panel/layer-config-group.js +188 -0
- package/dist/side-panel/layer-panel/layer-configurator.d.ts +100 -0
- package/dist/side-panel/layer-panel/layer-configurator.js +792 -0
- package/dist/side-panel/layer-panel/layer-list.d.ts +19 -0
- package/dist/side-panel/layer-panel/layer-list.js +188 -0
- package/dist/side-panel/layer-panel/layer-panel-header.d.ts +63 -0
- package/dist/side-panel/layer-panel/layer-panel-header.js +291 -0
- package/dist/side-panel/layer-panel/layer-panel.d.ts +36 -0
- package/dist/side-panel/layer-panel/layer-panel.js +201 -0
- package/dist/side-panel/layer-panel/layer-type-dropdown-list.d.ts +22 -0
- package/dist/side-panel/layer-panel/layer-type-dropdown-list.js +109 -0
- package/dist/side-panel/layer-panel/layer-type-list-item.d.ts +13 -0
- package/dist/side-panel/layer-panel/layer-type-list-item.js +89 -0
- package/dist/side-panel/layer-panel/layer-type-selector.d.ts +21 -0
- package/dist/side-panel/layer-panel/layer-type-selector.js +91 -0
- package/dist/side-panel/layer-panel/panel-view-list-toggle.d.ts +36 -0
- package/dist/side-panel/layer-panel/panel-view-list-toggle.js +143 -0
- package/dist/side-panel/layer-panel/single-color-palette.d.ts +9 -0
- package/dist/side-panel/layer-panel/single-color-palette.js +81 -0
- package/dist/side-panel/layer-panel/text-label-panel.d.ts +15 -0
- package/dist/side-panel/layer-panel/text-label-panel.js +171 -0
- package/dist/side-panel/layer-panel/vis-config-by-field-selector.d.ts +29 -0
- package/dist/side-panel/layer-panel/vis-config-by-field-selector.js +137 -0
- package/dist/side-panel/layer-panel/vis-config-slider.d.ts +20 -0
- package/dist/side-panel/layer-panel/vis-config-slider.js +210 -0
- package/dist/side-panel/layer-panel/vis-config-switch.d.ts +16 -0
- package/dist/side-panel/layer-panel/vis-config-switch.js +91 -0
- package/dist/side-panel/map-manager.d.ts +20 -0
- package/dist/side-panel/map-manager.js +168 -0
- package/dist/side-panel/map-style-panel/map-layer-selector.d.ts +19 -0
- package/dist/side-panel/map-style-panel/map-layer-selector.js +128 -0
- package/dist/side-panel/map-style-panel/map-style-selector.d.ts +16 -0
- package/dist/side-panel/map-style-panel/map-style-selector.js +98 -0
- package/dist/side-panel/panel-dropdown.d.ts +17 -0
- package/dist/side-panel/panel-dropdown.js +99 -0
- package/dist/side-panel/panel-header-action.d.ts +20 -0
- package/dist/side-panel/panel-header-action.js +100 -0
- package/dist/side-panel/panel-header.d.ts +79 -0
- package/dist/side-panel/panel-header.js +360 -0
- package/dist/side-panel/panel-tab.d.ts +20 -0
- package/dist/side-panel/panel-tab.js +88 -0
- package/dist/side-panel/panel-title.d.ts +4 -0
- package/dist/side-panel/panel-title.js +54 -0
- package/dist/side-panel/panel-toggle.d.ts +13 -0
- package/dist/side-panel/panel-toggle.js +80 -0
- package/dist/side-panel/side-bar.d.ts +79 -0
- package/dist/side-panel/side-bar.js +177 -0
- package/dist/side-panel.d.ts +134 -0
- package/dist/side-panel.js +274 -0
- package/dist/types.d.ts +42 -0
- package/dist/types.js +26 -0
- package/package.json +136 -0
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
// Copyright (c) 2022 Uber Technologies, Inc.
|
|
2
|
+
//
|
|
3
|
+
// Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
4
|
+
// of this software and associated documentation files (the "Software"), to deal
|
|
5
|
+
// in the Software without restriction, including without limitation the rights
|
|
6
|
+
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
7
|
+
// copies of the Software, and to permit persons to whom the Software is
|
|
8
|
+
// furnished to do so, subject to the following conditions:
|
|
9
|
+
//
|
|
10
|
+
// The above copyright notice and this permission notice shall be included in
|
|
11
|
+
// all copies or substantial portions of the Software.
|
|
12
|
+
//
|
|
13
|
+
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
14
|
+
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
15
|
+
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
16
|
+
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
17
|
+
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
18
|
+
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
19
|
+
// THE SOFTWARE.
|
|
20
|
+
|
|
21
|
+
"use strict";
|
|
22
|
+
|
|
23
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
24
|
+
|
|
25
|
+
Object.defineProperty(exports, "__esModule", {
|
|
26
|
+
value: true
|
|
27
|
+
});
|
|
28
|
+
exports["default"] = void 0;
|
|
29
|
+
|
|
30
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
31
|
+
|
|
32
|
+
var _react = _interopRequireDefault(require("react"));
|
|
33
|
+
|
|
34
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
35
|
+
|
|
36
|
+
var _localization = require("@kepler.gl/localization");
|
|
37
|
+
|
|
38
|
+
var _styledComponents2 = require("../../common/styled-components");
|
|
39
|
+
|
|
40
|
+
var _fieldSelector = _interopRequireDefault(require("../../common/field-selector"));
|
|
41
|
+
|
|
42
|
+
var _reducers = require("@kepler.gl/reducers");
|
|
43
|
+
|
|
44
|
+
var _templateObject, _templateObject2, _templateObject3;
|
|
45
|
+
|
|
46
|
+
var ColumnRow = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n margin-bottom: 8px;\n align-items: center;\n"])));
|
|
47
|
+
|
|
48
|
+
var ColumnName = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n width: 27%;\n line-height: 1.2;\n padding-right: 6px;\n"])));
|
|
49
|
+
|
|
50
|
+
var ColumnSelect = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n width: 73%;\n"])));
|
|
51
|
+
|
|
52
|
+
ColumnSelectorFactory.deps = [_fieldSelector["default"]];
|
|
53
|
+
|
|
54
|
+
function ColumnSelectorFactory(FieldSelector) {
|
|
55
|
+
var ColumnSelector = function ColumnSelector(_ref) {
|
|
56
|
+
var column = _ref.column,
|
|
57
|
+
columns = _ref.columns,
|
|
58
|
+
label = _ref.label,
|
|
59
|
+
allFields = _ref.allFields,
|
|
60
|
+
onSelect = _ref.onSelect,
|
|
61
|
+
fieldPairs = _ref.fieldPairs;
|
|
62
|
+
return /*#__PURE__*/_react["default"].createElement(ColumnRow, {
|
|
63
|
+
className: "layer-config__column__selector"
|
|
64
|
+
}, /*#__PURE__*/_react["default"].createElement(ColumnName, {
|
|
65
|
+
className: "layer-config__column__name"
|
|
66
|
+
}, /*#__PURE__*/_react["default"].createElement(_styledComponents2.PanelLabel, null, /*#__PURE__*/_react["default"].createElement(_localization.FormattedMessage, {
|
|
67
|
+
id: "columns.".concat(label)
|
|
68
|
+
}), !column.optional ? " *" : null)), /*#__PURE__*/_react["default"].createElement(ColumnSelect, {
|
|
69
|
+
className: "layer-config__column__select"
|
|
70
|
+
}, /*#__PURE__*/_react["default"].createElement(FieldSelector, {
|
|
71
|
+
suggested: fieldPairs,
|
|
72
|
+
error: !(0, _reducers.validateColumn)(column, columns, allFields),
|
|
73
|
+
fields: allFields,
|
|
74
|
+
value: column.value,
|
|
75
|
+
erasable: Boolean(column.optional),
|
|
76
|
+
onSelect: onSelect
|
|
77
|
+
})));
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
return ColumnSelector;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
var _default = ColumnSelectorFactory;
|
|
84
|
+
exports["default"] = _default;
|
|
85
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2NvbHVtbi1zZWxlY3Rvci50c3giXSwibmFtZXMiOlsiQ29sdW1uUm93Iiwic3R5bGVkIiwiZGl2IiwiQ29sdW1uTmFtZSIsIkNvbHVtblNlbGVjdCIsIkNvbHVtblNlbGVjdG9yRmFjdG9yeSIsImRlcHMiLCJGaWVsZFNlbGVjdG9yRmFjdG9yeSIsIkZpZWxkU2VsZWN0b3IiLCJDb2x1bW5TZWxlY3RvciIsImNvbHVtbiIsImNvbHVtbnMiLCJsYWJlbCIsImFsbEZpZWxkcyIsIm9uU2VsZWN0IiwiZmllbGRQYWlycyIsIm9wdGlvbmFsIiwidmFsdWUiLCJCb29sZWFuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQW9CQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7OztBQTJCQSxJQUFNQSxTQUFTLEdBQUdDLDZCQUFPQyxHQUFWLHlKQUFmOztBQU1BLElBQU1DLFVBQVUsR0FBR0YsNkJBQU9DLEdBQVYscUpBQWhCOztBQU1BLElBQU1FLFlBQVksR0FBR0gsNkJBQU9DLEdBQVYseUdBQWxCOztBQUlBRyxxQkFBcUIsQ0FBQ0MsSUFBdEIsR0FBNkIsQ0FBQ0MseUJBQUQsQ0FBN0I7O0FBRUEsU0FBU0YscUJBQVQsQ0FBK0JHLGFBQS9CLEVBQXVGO0FBQ3JGLE1BQU1DLGNBQTZDLEdBQUcsU0FBaERBLGNBQWdEO0FBQUEsUUFDcERDLE1BRG9ELFFBQ3BEQSxNQURvRDtBQUFBLFFBRXBEQyxPQUZvRCxRQUVwREEsT0FGb0Q7QUFBQSxRQUdwREMsS0FIb0QsUUFHcERBLEtBSG9EO0FBQUEsUUFJcERDLFNBSm9ELFFBSXBEQSxTQUpvRDtBQUFBLFFBS3BEQyxRQUxvRCxRQUtwREEsUUFMb0Q7QUFBQSxRQU1wREMsVUFOb0QsUUFNcERBLFVBTm9EO0FBQUEsd0JBUXBELGdDQUFDLFNBQUQ7QUFBVyxNQUFBLFNBQVMsRUFBQztBQUFyQixvQkFDRSxnQ0FBQyxVQUFEO0FBQVksTUFBQSxTQUFTLEVBQUM7QUFBdEIsb0JBQ0UsZ0NBQUMsNkJBQUQscUJBQ0UsZ0NBQUMsOEJBQUQ7QUFBa0IsTUFBQSxFQUFFLG9CQUFhSCxLQUFiO0FBQXBCLE1BREYsRUFFRyxDQUFDRixNQUFNLENBQUNNLFFBQVIsV0FBMkIsSUFGOUIsQ0FERixDQURGLGVBT0UsZ0NBQUMsWUFBRDtBQUFjLE1BQUEsU0FBUyxFQUFDO0FBQXhCLG9CQUNFLGdDQUFDLGFBQUQ7QUFDRSxNQUFBLFNBQVMsRUFBRUQsVUFEYjtBQUVFLE1BQUEsS0FBSyxFQUFFLENBQUMsOEJBQWVMLE1BQWYsRUFBdUJDLE9BQXZCLEVBQWdDRSxTQUFoQyxDQUZWO0FBR0UsTUFBQSxNQUFNLEVBQUVBLFNBSFY7QUFJRSxNQUFBLEtBQUssRUFBRUgsTUFBTSxDQUFDTyxLQUpoQjtBQUtFLE1BQUEsUUFBUSxFQUFFQyxPQUFPLENBQUNSLE1BQU0sQ0FBQ00sUUFBUixDQUxuQjtBQU1FLE1BQUEsUUFBUSxFQUFFRjtBQU5aLE1BREYsQ0FQRixDQVJvRDtBQUFBLEdBQXREOztBQTJCQSxTQUFPTCxjQUFQO0FBQ0Q7O2VBRWNKLHFCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQ29weXJpZ2h0IChjKSAyMDIyIFViZXIgVGVjaG5vbG9naWVzLCBJbmMuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgXCJTb2Z0d2FyZVwiKSwgdG8gZGVhbFxuLy8gaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0c1xuLy8gdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbFxuLy8gY29waWVzIG9mIHRoZSBTb2Z0d2FyZSwgYW5kIHRvIHBlcm1pdCBwZXJzb25zIHRvIHdob20gdGhlIFNvZnR3YXJlIGlzXG4vLyBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSxcbi8vIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSxcbi8vIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHtGb3JtYXR0ZWRNZXNzYWdlfSBmcm9tICdAa2VwbGVyLmdsL2xvY2FsaXphdGlvbic7XG5pbXBvcnQge1BhbmVsTGFiZWx9IGZyb20gJy4uLy4uL2NvbW1vbi9zdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgRmllbGRTZWxlY3RvckZhY3RvcnkgZnJvbSAnLi4vLi4vY29tbW9uL2ZpZWxkLXNlbGVjdG9yJztcbmltcG9ydCB7dmFsaWRhdGVDb2x1bW59IGZyb20gJ0BrZXBsZXIuZ2wvcmVkdWNlcnMnO1xuaW1wb3J0IHtMYXllckNvbHVtbiwgTGF5ZXJDb2x1bW5zfSBmcm9tICdAa2VwbGVyLmdsL2xheWVycyc7XG5pbXBvcnQge0ZpZWxkLCBGaWVsZFBhaXJ9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuXG50eXBlIFBhaXIgPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgdHlwZTogc3RyaW5nO1xuICBwYWlyOiBGaWVsZFBhaXJbJ3BhaXInXTtcbn07XG5cbnR5cGUgQ29sdW1uU2VsZWN0b3JQcm9wcyA9IHtcbiAgY29sdW1uOiBMYXllckNvbHVtbjtcbiAgY29sdW1uczogTGF5ZXJDb2x1bW5zO1xuICBsYWJlbDogc3RyaW5nO1xuICBhbGxGaWVsZHM6IEZpZWxkW107XG4gIG9uU2VsZWN0OiAoXG4gICAgaXRlbXM6XG4gICAgICB8IFJlYWRvbmx5QXJyYXk8c3RyaW5nIHwgbnVtYmVyIHwgYm9vbGVhbiB8IG9iamVjdD5cbiAgICAgIHwgc3RyaW5nXG4gICAgICB8IG51bWJlclxuICAgICAgfCBib29sZWFuXG4gICAgICB8IG9iamVjdFxuICAgICAgfCBudWxsXG4gICkgPT4gdm9pZDtcbiAgZmllbGRQYWlycz86IFBhaXJbXSB8IG51bGw7XG59O1xuXG5jb25zdCBDb2x1bW5Sb3cgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW4tYm90dG9tOiA4cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBDb2x1bW5OYW1lID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDI3JTtcbiAgbGluZS1oZWlnaHQ6IDEuMjtcbiAgcGFkZGluZy1yaWdodDogNnB4O1xuYDtcblxuY29uc3QgQ29sdW1uU2VsZWN0ID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDczJTtcbmA7XG5cbkNvbHVtblNlbGVjdG9yRmFjdG9yeS5kZXBzID0gW0ZpZWxkU2VsZWN0b3JGYWN0b3J5XTtcblxuZnVuY3Rpb24gQ29sdW1uU2VsZWN0b3JGYWN0b3J5KEZpZWxkU2VsZWN0b3I6IFJldHVyblR5cGU8dHlwZW9mIEZpZWxkU2VsZWN0b3JGYWN0b3J5Pikge1xuICBjb25zdCBDb2x1bW5TZWxlY3RvcjogUmVhY3QuRkM8Q29sdW1uU2VsZWN0b3JQcm9wcz4gPSAoe1xuICAgIGNvbHVtbixcbiAgICBjb2x1bW5zLFxuICAgIGxhYmVsLFxuICAgIGFsbEZpZWxkcyxcbiAgICBvblNlbGVjdCxcbiAgICBmaWVsZFBhaXJzXG4gIH0pID0+IChcbiAgICA8Q29sdW1uUm93IGNsYXNzTmFtZT1cImxheWVyLWNvbmZpZ19fY29sdW1uX19zZWxlY3RvclwiPlxuICAgICAgPENvbHVtbk5hbWUgY2xhc3NOYW1lPVwibGF5ZXItY29uZmlnX19jb2x1bW5fX25hbWVcIj5cbiAgICAgICAgPFBhbmVsTGFiZWw+XG4gICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2UgaWQ9e2Bjb2x1bW5zLiR7bGFiZWx9YH0gLz5cbiAgICAgICAgICB7IWNvbHVtbi5vcHRpb25hbCA/IGAgICpgIDogbnVsbH1cbiAgICAgICAgPC9QYW5lbExhYmVsPlxuICAgICAgPC9Db2x1bW5OYW1lPlxuICAgICAgPENvbHVtblNlbGVjdCBjbGFzc05hbWU9XCJsYXllci1jb25maWdfX2NvbHVtbl9fc2VsZWN0XCI+XG4gICAgICAgIDxGaWVsZFNlbGVjdG9yXG4gICAgICAgICAgc3VnZ2VzdGVkPXtmaWVsZFBhaXJzfVxuICAgICAgICAgIGVycm9yPXshdmFsaWRhdGVDb2x1bW4oY29sdW1uLCBjb2x1bW5zLCBhbGxGaWVsZHMpfVxuICAgICAgICAgIGZpZWxkcz17YWxsRmllbGRzfVxuICAgICAgICAgIHZhbHVlPXtjb2x1bW4udmFsdWV9XG4gICAgICAgICAgZXJhc2FibGU9e0Jvb2xlYW4oY29sdW1uLm9wdGlvbmFsKX1cbiAgICAgICAgICBvblNlbGVjdD17b25TZWxlY3R9XG4gICAgICAgIC8+XG4gICAgICA8L0NvbHVtblNlbGVjdD5cbiAgICA8L0NvbHVtblJvdz5cbiAgKTtcbiAgcmV0dXJuIENvbHVtblNlbGVjdG9yO1xufVxuXG5leHBvcnQgZGVmYXVsdCBDb2x1bW5TZWxlY3RvckZhY3Rvcnk7XG4iXX0=
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import React, { Component, MouseEventHandler, MouseEvent } from 'react';
|
|
2
|
+
import { ColorRange } from '@kepler.gl/constants';
|
|
3
|
+
import { NestedPartial } from '@kepler.gl/types';
|
|
4
|
+
declare type CustomPaletteProps = {
|
|
5
|
+
customPalette: ColorRange;
|
|
6
|
+
showSketcher?: boolean | number;
|
|
7
|
+
setCustomPalette: (c: NestedPartial<ColorRange>) => void;
|
|
8
|
+
onCancel: () => void;
|
|
9
|
+
onToggleSketcher: (i: boolean | number) => void;
|
|
10
|
+
onApply: (p: ColorRange, e: MouseEvent) => void;
|
|
11
|
+
};
|
|
12
|
+
declare class CustomPalette extends Component<CustomPaletteProps> {
|
|
13
|
+
state: {
|
|
14
|
+
isSorting: boolean;
|
|
15
|
+
};
|
|
16
|
+
root: React.RefObject<HTMLDivElement>;
|
|
17
|
+
_setColorPaletteUI(colors: string[]): void;
|
|
18
|
+
_onPickerUpdate: (color: {
|
|
19
|
+
hex: string;
|
|
20
|
+
}) => void;
|
|
21
|
+
_onColorDelete: (index: number) => void;
|
|
22
|
+
_onColorAdd: () => void;
|
|
23
|
+
_onSwatchClick: (index: number) => void;
|
|
24
|
+
_onSwatchClose: () => void;
|
|
25
|
+
_onApply: MouseEventHandler;
|
|
26
|
+
_onSortEnd: ({ oldIndex, newIndex }: {
|
|
27
|
+
oldIndex: any;
|
|
28
|
+
newIndex: any;
|
|
29
|
+
}) => void;
|
|
30
|
+
_onSortStart: () => void;
|
|
31
|
+
_inputColorHex: (index: number, { target: { value } }: {
|
|
32
|
+
target: {
|
|
33
|
+
value: any;
|
|
34
|
+
};
|
|
35
|
+
}) => void;
|
|
36
|
+
render(): JSX.Element;
|
|
37
|
+
}
|
|
38
|
+
export default CustomPalette;
|
|
@@ -0,0 +1,312 @@
|
|
|
1
|
+
// Copyright (c) 2022 Uber Technologies, Inc.
|
|
2
|
+
//
|
|
3
|
+
// Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
4
|
+
// of this software and associated documentation files (the "Software"), to deal
|
|
5
|
+
// in the Software without restriction, including without limitation the rights
|
|
6
|
+
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
7
|
+
// copies of the Software, and to permit persons to whom the Software is
|
|
8
|
+
// furnished to do so, subject to the following conditions:
|
|
9
|
+
//
|
|
10
|
+
// The above copyright notice and this permission notice shall be included in
|
|
11
|
+
// all copies or substantial portions of the Software.
|
|
12
|
+
//
|
|
13
|
+
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
14
|
+
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
15
|
+
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
16
|
+
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
17
|
+
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
18
|
+
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
19
|
+
// THE SOFTWARE.
|
|
20
|
+
|
|
21
|
+
"use strict";
|
|
22
|
+
|
|
23
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
24
|
+
|
|
25
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
26
|
+
|
|
27
|
+
Object.defineProperty(exports, "__esModule", {
|
|
28
|
+
value: true
|
|
29
|
+
});
|
|
30
|
+
exports["default"] = void 0;
|
|
31
|
+
|
|
32
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
33
|
+
|
|
34
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
35
|
+
|
|
36
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
37
|
+
|
|
38
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
39
|
+
|
|
40
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
41
|
+
|
|
42
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
43
|
+
|
|
44
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
45
|
+
|
|
46
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
47
|
+
|
|
48
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
49
|
+
|
|
50
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
51
|
+
|
|
52
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
53
|
+
|
|
54
|
+
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
55
|
+
|
|
56
|
+
var _reactSortableHoc = require("react-sortable-hoc");
|
|
57
|
+
|
|
58
|
+
var _portaled = _interopRequireDefault(require("../../common/portaled"));
|
|
59
|
+
|
|
60
|
+
var _styledComponents2 = require("../../common/styled-components");
|
|
61
|
+
|
|
62
|
+
var _icons = require("../../common/icons");
|
|
63
|
+
|
|
64
|
+
var _colorPalette = _interopRequireDefault(require("./color-palette"));
|
|
65
|
+
|
|
66
|
+
var _customPicker = _interopRequireDefault(require("./custom-picker"));
|
|
67
|
+
|
|
68
|
+
var _utils = require("@kepler.gl/utils");
|
|
69
|
+
|
|
70
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
|
|
71
|
+
|
|
72
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
73
|
+
|
|
74
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
75
|
+
|
|
76
|
+
var dragHandleActive = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n .layer__drag-handle {\n color: ", ";\n opacity: 1;\n cursor: move;\n }\n"])), function (props) {
|
|
77
|
+
return props.theme.textColorHl;
|
|
78
|
+
});
|
|
79
|
+
|
|
80
|
+
var StyledSortableItem = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n align-items: center;\n padding-top: 6px;\n padding-bottom: 6px;\n z-index: ", ";\n\n :not(.sorting) {\n :hover {\n background-color: ", ";\n ", ";\n }\n }\n\n &.sorting-colors {\n background-color: ", ";\n ", ";\n }\n"])), function (props) {
|
|
81
|
+
return props.theme.dropdownWrapperZ + 1;
|
|
82
|
+
}, function (props) {
|
|
83
|
+
return props.theme.panelBackgroundHover;
|
|
84
|
+
}, dragHandleActive, function (props) {
|
|
85
|
+
return props.theme.panelBackgroundHover;
|
|
86
|
+
}, dragHandleActive);
|
|
87
|
+
|
|
88
|
+
var StyledDragHandle = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n align-items: center;\n opacity: 0;\n"])));
|
|
89
|
+
|
|
90
|
+
var StyledTrash = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n color: ", ";\n svg {\n :hover {\n color: ", ";\n }\n }\n height: 12px;\n margin-left: auto;\n margin-right: 12px;\n :hover {\n cursor: pointer;\n }\n"])), function (props) {
|
|
91
|
+
return props.theme.textColor;
|
|
92
|
+
}, function (props) {
|
|
93
|
+
return props.theme.subtextColorActive;
|
|
94
|
+
});
|
|
95
|
+
|
|
96
|
+
var StyledLine = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n width: calc(100% - 16px);\n height: 1px;\n background-color: ", ";\n margin-top: 8px;\n margin-left: 8px;\n"])), function (props) {
|
|
97
|
+
return props.theme.labelColor;
|
|
98
|
+
});
|
|
99
|
+
|
|
100
|
+
var StyledSwatch = _styledComponents["default"].div.attrs({
|
|
101
|
+
className: 'custom-palette__swatch'
|
|
102
|
+
})(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n background-color: ", ";\n width: 32px;\n height: 18px;\n display: inline-block;\n :hover {\n box-shadow: ", ";\n cursor: pointer;\n }\n"])), function (props) {
|
|
103
|
+
return props.color;
|
|
104
|
+
}, function (props) {
|
|
105
|
+
return props.theme.boxShadow;
|
|
106
|
+
});
|
|
107
|
+
|
|
108
|
+
var StyledColorRange = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n padding: 0 8px;\n :hover {\n background-color: ", ";\n cursor: pointer;\n }\n"])), function (props) {
|
|
109
|
+
return props.theme.panelBackgroundHover;
|
|
110
|
+
});
|
|
111
|
+
|
|
112
|
+
var StyledButtonContainer = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n margin-top: 11px;\n display: flex;\n direction: rtl;\n"])));
|
|
113
|
+
|
|
114
|
+
var StyledInlineInput = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n margin-left: 12px;\n input {\n color: ", ";\n font-size: 10px;\n }\n"])), function (props) {
|
|
115
|
+
return props.theme.textColorHl;
|
|
116
|
+
});
|
|
117
|
+
|
|
118
|
+
var SortableItem = (0, _reactSortableHoc.SortableElement)(function (_ref) {
|
|
119
|
+
var children = _ref.children,
|
|
120
|
+
isSorting = _ref.isSorting;
|
|
121
|
+
return /*#__PURE__*/_react["default"].createElement(StyledSortableItem, {
|
|
122
|
+
className: (0, _classnames["default"])('custom-palette__sortable-items', {
|
|
123
|
+
sorting: isSorting
|
|
124
|
+
})
|
|
125
|
+
}, children);
|
|
126
|
+
}); // TODO: Should className be applied to the div here?
|
|
127
|
+
|
|
128
|
+
var WrappedSortableContainer = (0, _reactSortableHoc.SortableContainer)(function (_ref2) {
|
|
129
|
+
var children = _ref2.children,
|
|
130
|
+
className = _ref2.className;
|
|
131
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
132
|
+
className: className
|
|
133
|
+
}, children);
|
|
134
|
+
});
|
|
135
|
+
var DragHandle = (0, _reactSortableHoc.SortableHandle)(function (_ref3) {
|
|
136
|
+
var className = _ref3.className,
|
|
137
|
+
children = _ref3.children;
|
|
138
|
+
return /*#__PURE__*/_react["default"].createElement(StyledDragHandle, {
|
|
139
|
+
className: className
|
|
140
|
+
}, children);
|
|
141
|
+
});
|
|
142
|
+
|
|
143
|
+
var CustomPalette = /*#__PURE__*/function (_Component) {
|
|
144
|
+
(0, _inherits2["default"])(CustomPalette, _Component);
|
|
145
|
+
|
|
146
|
+
var _super = _createSuper(CustomPalette);
|
|
147
|
+
|
|
148
|
+
function CustomPalette() {
|
|
149
|
+
var _this;
|
|
150
|
+
|
|
151
|
+
(0, _classCallCheck2["default"])(this, CustomPalette);
|
|
152
|
+
|
|
153
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
154
|
+
args[_key] = arguments[_key];
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
158
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
|
|
159
|
+
isSorting: false
|
|
160
|
+
});
|
|
161
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "root", /*#__PURE__*/(0, _react.createRef)());
|
|
162
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onPickerUpdate", function (color) {
|
|
163
|
+
var colors = _this.props.customPalette.colors;
|
|
164
|
+
var newColors = (0, _toConsumableArray2["default"])(colors);
|
|
165
|
+
newColors[_this.props.showSketcher] = color.hex;
|
|
166
|
+
|
|
167
|
+
_this._setColorPaletteUI(newColors);
|
|
168
|
+
});
|
|
169
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onColorDelete", function (index) {
|
|
170
|
+
var colors = _this.props.customPalette.colors;
|
|
171
|
+
var newColors = (0, _toConsumableArray2["default"])(colors);
|
|
172
|
+
|
|
173
|
+
if (newColors.length > 1) {
|
|
174
|
+
newColors.splice(index, 1);
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
_this._setColorPaletteUI(newColors);
|
|
178
|
+
});
|
|
179
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onColorAdd", function () {
|
|
180
|
+
var colors = _this.props.customPalette.colors; // add the last color
|
|
181
|
+
|
|
182
|
+
var newColors = [].concat((0, _toConsumableArray2["default"])(colors), [colors[colors.length - 1]]);
|
|
183
|
+
|
|
184
|
+
_this._setColorPaletteUI(newColors);
|
|
185
|
+
});
|
|
186
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onSwatchClick", function (index) {
|
|
187
|
+
_this.props.onToggleSketcher(index);
|
|
188
|
+
});
|
|
189
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onSwatchClose", function () {
|
|
190
|
+
_this.props.onToggleSketcher(false);
|
|
191
|
+
});
|
|
192
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onApply", function (event) {
|
|
193
|
+
event.stopPropagation();
|
|
194
|
+
event.preventDefault();
|
|
195
|
+
|
|
196
|
+
_this.props.onCancel();
|
|
197
|
+
|
|
198
|
+
_this.props.onApply(_this.props.customPalette, event);
|
|
199
|
+
});
|
|
200
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onSortEnd", function (_ref4) {
|
|
201
|
+
var oldIndex = _ref4.oldIndex,
|
|
202
|
+
newIndex = _ref4.newIndex;
|
|
203
|
+
var colors = _this.props.customPalette.colors;
|
|
204
|
+
var newColors = (0, _utils.arrayMove)(colors, oldIndex, newIndex);
|
|
205
|
+
|
|
206
|
+
_this._setColorPaletteUI(newColors);
|
|
207
|
+
|
|
208
|
+
_this.setState({
|
|
209
|
+
isSorting: false
|
|
210
|
+
});
|
|
211
|
+
});
|
|
212
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onSortStart", function () {
|
|
213
|
+
_this.setState({
|
|
214
|
+
isSorting: true
|
|
215
|
+
});
|
|
216
|
+
});
|
|
217
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_inputColorHex", function (index, _ref5) {
|
|
218
|
+
var value = _ref5.target.value;
|
|
219
|
+
var colors = _this.props.customPalette.colors;
|
|
220
|
+
var newColors = (0, _toConsumableArray2["default"])(colors);
|
|
221
|
+
newColors[index] = value.toUpperCase();
|
|
222
|
+
|
|
223
|
+
_this._setColorPaletteUI(newColors);
|
|
224
|
+
});
|
|
225
|
+
return _this;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
(0, _createClass2["default"])(CustomPalette, [{
|
|
229
|
+
key: "_setColorPaletteUI",
|
|
230
|
+
value: function _setColorPaletteUI(colors) {
|
|
231
|
+
this.props.setCustomPalette({
|
|
232
|
+
colors: colors
|
|
233
|
+
});
|
|
234
|
+
}
|
|
235
|
+
}, {
|
|
236
|
+
key: "render",
|
|
237
|
+
value: function render() {
|
|
238
|
+
var _this2 = this;
|
|
239
|
+
|
|
240
|
+
var colors = this.props.customPalette.colors;
|
|
241
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
242
|
+
className: "custom-palette-panel",
|
|
243
|
+
ref: this.root
|
|
244
|
+
}, /*#__PURE__*/_react["default"].createElement(StyledColorRange, null, /*#__PURE__*/_react["default"].createElement(_colorPalette["default"], {
|
|
245
|
+
colors: colors
|
|
246
|
+
})), /*#__PURE__*/_react["default"].createElement(WrappedSortableContainer, {
|
|
247
|
+
className: "custom-palette-container",
|
|
248
|
+
onSortEnd: this._onSortEnd,
|
|
249
|
+
onSortStart: this._onSortStart,
|
|
250
|
+
lockAxis: "y",
|
|
251
|
+
helperClass: "sorting-colors",
|
|
252
|
+
useDragHandle: true
|
|
253
|
+
}, colors.map(function (color, index) {
|
|
254
|
+
return /*#__PURE__*/_react["default"].createElement(SortableItem, {
|
|
255
|
+
key: index,
|
|
256
|
+
index: index,
|
|
257
|
+
isSorting: _this2.state.isSorting
|
|
258
|
+
}, /*#__PURE__*/_react["default"].createElement(DragHandle, {
|
|
259
|
+
className: "layer__drag-handle"
|
|
260
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons.VertDots, {
|
|
261
|
+
height: "20px"
|
|
262
|
+
})), /*#__PURE__*/_react["default"].createElement(StyledSwatch, {
|
|
263
|
+
color: color,
|
|
264
|
+
onClick: function onClick() {
|
|
265
|
+
return _this2._onSwatchClick(index);
|
|
266
|
+
}
|
|
267
|
+
}), /*#__PURE__*/_react["default"].createElement(StyledInlineInput, null, /*#__PURE__*/_react["default"].createElement(_styledComponents2.InlineInput, {
|
|
268
|
+
type: "text",
|
|
269
|
+
className: "custom-palette-hex__input",
|
|
270
|
+
value: color.toUpperCase(),
|
|
271
|
+
onClick: function onClick(e) {
|
|
272
|
+
e.stopPropagation();
|
|
273
|
+
},
|
|
274
|
+
onChange: function onChange(e) {
|
|
275
|
+
return _this2._inputColorHex(index, e);
|
|
276
|
+
},
|
|
277
|
+
id: "input-layer-label-".concat(index)
|
|
278
|
+
})), /*#__PURE__*/_react["default"].createElement(StyledTrash, {
|
|
279
|
+
onClick: function onClick() {
|
|
280
|
+
return _this2._onColorDelete(index);
|
|
281
|
+
}
|
|
282
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons.Trash, {
|
|
283
|
+
className: "trashbin"
|
|
284
|
+
})));
|
|
285
|
+
})), /*#__PURE__*/_react["default"].createElement(_styledComponents2.Button, {
|
|
286
|
+
className: "add-step__button",
|
|
287
|
+
link: true,
|
|
288
|
+
onClick: this._onColorAdd
|
|
289
|
+
}, "+ Add Step"), /*#__PURE__*/_react["default"].createElement(StyledLine, null), /*#__PURE__*/_react["default"].createElement(StyledButtonContainer, null, /*#__PURE__*/_react["default"].createElement(_styledComponents2.Button, {
|
|
290
|
+
className: "confirm-apply__button",
|
|
291
|
+
link: true,
|
|
292
|
+
onClick: this._onApply
|
|
293
|
+
}, "Confirm"), /*#__PURE__*/_react["default"].createElement(_styledComponents2.Button, {
|
|
294
|
+
link: true,
|
|
295
|
+
onClick: this.props.onCancel
|
|
296
|
+
}, "Cancel")), /*#__PURE__*/_react["default"].createElement(_portaled["default"], {
|
|
297
|
+
isOpened: this.props.showSketcher !== false,
|
|
298
|
+
left: 280,
|
|
299
|
+
top: -300
|
|
300
|
+
}, /*#__PURE__*/_react["default"].createElement(_customPicker["default"], {
|
|
301
|
+
color: colors[this.props.showSketcher],
|
|
302
|
+
onChange: this._onPickerUpdate,
|
|
303
|
+
onSwatchClose: this._onSwatchClose
|
|
304
|
+
})));
|
|
305
|
+
}
|
|
306
|
+
}]);
|
|
307
|
+
return CustomPalette;
|
|
308
|
+
}(_react.Component);
|
|
309
|
+
|
|
310
|
+
var _default = CustomPalette;
|
|
311
|
+
exports["default"] = _default;
|
|
312
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXBhbmVsL2xheWVyLXBhbmVsL2N1c3RvbS1wYWxldHRlLnRzeCJdLCJuYW1lcyI6WyJkcmFnSGFuZGxlQWN0aXZlIiwiY3NzIiwicHJvcHMiLCJ0aGVtZSIsInRleHRDb2xvckhsIiwiU3R5bGVkU29ydGFibGVJdGVtIiwic3R5bGVkIiwiZGl2IiwiZHJvcGRvd25XcmFwcGVyWiIsInBhbmVsQmFja2dyb3VuZEhvdmVyIiwiU3R5bGVkRHJhZ0hhbmRsZSIsIlN0eWxlZFRyYXNoIiwidGV4dENvbG9yIiwic3VidGV4dENvbG9yQWN0aXZlIiwiU3R5bGVkTGluZSIsImxhYmVsQ29sb3IiLCJTdHlsZWRTd2F0Y2giLCJhdHRycyIsImNsYXNzTmFtZSIsImNvbG9yIiwiYm94U2hhZG93IiwiU3R5bGVkQ29sb3JSYW5nZSIsIlN0eWxlZEJ1dHRvbkNvbnRhaW5lciIsIlN0eWxlZElubGluZUlucHV0IiwiU29ydGFibGVJdGVtIiwiY2hpbGRyZW4iLCJpc1NvcnRpbmciLCJzb3J0aW5nIiwiV3JhcHBlZFNvcnRhYmxlQ29udGFpbmVyIiwiRHJhZ0hhbmRsZSIsIkN1c3RvbVBhbGV0dGUiLCJjb2xvcnMiLCJjdXN0b21QYWxldHRlIiwibmV3Q29sb3JzIiwic2hvd1NrZXRjaGVyIiwiaGV4IiwiX3NldENvbG9yUGFsZXR0ZVVJIiwiaW5kZXgiLCJsZW5ndGgiLCJzcGxpY2UiLCJvblRvZ2dsZVNrZXRjaGVyIiwiZXZlbnQiLCJzdG9wUHJvcGFnYXRpb24iLCJwcmV2ZW50RGVmYXVsdCIsIm9uQ2FuY2VsIiwib25BcHBseSIsIm9sZEluZGV4IiwibmV3SW5kZXgiLCJzZXRTdGF0ZSIsInZhbHVlIiwidGFyZ2V0IiwidG9VcHBlckNhc2UiLCJzZXRDdXN0b21QYWxldHRlIiwicm9vdCIsIl9vblNvcnRFbmQiLCJfb25Tb3J0U3RhcnQiLCJtYXAiLCJzdGF0ZSIsIl9vblN3YXRjaENsaWNrIiwiZSIsIl9pbnB1dENvbG9ySGV4IiwiX29uQ29sb3JEZWxldGUiLCJfb25Db2xvckFkZCIsIl9vbkFwcGx5IiwiX29uUGlja2VyVXBkYXRlIiwiX29uU3dhdGNoQ2xvc2UiLCJDb21wb25lbnQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBb0JBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUVBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7OztBQWFBLElBQU1BLGdCQUFnQixPQUFHQyxxQkFBSCw4S0FFVCxVQUFBQyxLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxLQUFOLENBQVlDLFdBQWhCO0FBQUEsQ0FGSSxDQUF0Qjs7QUFRQSxJQUFNQyxrQkFBa0IsR0FBR0MsNkJBQU9DLEdBQVYscVdBS1gsVUFBQUwsS0FBSztBQUFBLFNBQUlBLEtBQUssQ0FBQ0MsS0FBTixDQUFZSyxnQkFBWixHQUErQixDQUFuQztBQUFBLENBTE0sRUFTRSxVQUFBTixLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxLQUFOLENBQVlNLG9CQUFoQjtBQUFBLENBVFAsRUFVaEJULGdCQVZnQixFQWVBLFVBQUFFLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWU0sb0JBQWhCO0FBQUEsQ0FmTCxFQWdCbEJULGdCQWhCa0IsQ0FBeEI7O0FBb0JBLElBQU1VLGdCQUFnQixHQUFHSiw2QkFBT0MsR0FBVixtSkFBdEI7O0FBTUEsSUFBTUksV0FBVyxHQUFHTCw2QkFBT0MsR0FBVix1UUFDTixVQUFBTCxLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDQyxLQUFOLENBQVlTLFNBQWhCO0FBQUEsQ0FEQyxFQUlGLFVBQUFWLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWVUsa0JBQWhCO0FBQUEsQ0FKSCxDQUFqQjs7QUFlQSxJQUFNQyxVQUFVLEdBQUdSLDZCQUFPQyxHQUFWLDRNQUdNLFVBQUFMLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNDLEtBQU4sQ0FBWVksVUFBaEI7QUFBQSxDQUhYLENB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QSxPQUFPLEVBQUUsS0FBSzdELEtBQUwsQ0FBVzBDO0FBQWpDLGtCQUpGLENBMUNGLGVBbURFLGdDQUFDLG9CQUFEO0FBQVUsUUFBQSxRQUFRLEVBQUUsS0FBSzFDLEtBQUwsQ0FBV2dDLFlBQVgsS0FBNEIsS0FBaEQ7QUFBdUQsUUFBQSxJQUFJLEVBQUUsR0FBN0Q7QUFBa0UsUUFBQSxHQUFHLEVBQUUsQ0FBQztBQUF4RSxzQkFDRSxnQ0FBQyx3QkFBRDtBQUNFLFFBQUEsS0FBSyxFQUFFSCxNQUFNLENBQUMsS0FBSzdCLEtBQUwsQ0FBV2dDLFlBQVosQ0FEZjtBQUVFLFFBQUEsUUFBUSxFQUFFLEtBQUs4QixlQUZqQjtBQUdFLFFBQUEsYUFBYSxFQUFFLEtBQUtDO0FBSHRCLFFBREYsQ0FuREYsQ0FERjtBQTZERDs7O0VBdEl5QkMsZ0I7O2VBeUlicEMsYSIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMiBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCwge0NvbXBvbmVudCwgY3JlYXRlUmVmLCBNb3VzZUV2ZW50SGFuZGxlciwgTW91c2VFdmVudH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgc3R5bGVkLCB7Y3NzfSBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQge1NvcnRhYmxlQ29udGFpbmVyLCBTb3J0YWJsZUVsZW1lbnQsIFNvcnRhYmxlSGFuZGxlfSBmcm9tICdyZWFjdC1zb3J0YWJsZS1ob2MnO1xuaW1wb3J0IFBvcnRhbGVkIGZyb20gJy4uLy4uL2NvbW1vbi9wb3J0YWxlZCc7XG5cbmltcG9ydCB7QnV0dG9uLCBJbmxpbmVJbnB1dH0gZnJvbSAnLi4vLi4vY29tbW9uL3N0eWxlZC1jb21wb25lbnRzJztcbmltcG9ydCB7VmVydERvdHMsIFRyYXNofSBmcm9tICcuLi8uLi9jb21tb24vaWNvbnMnO1xuaW1wb3J0IENvbG9yUGFsZXR0ZSBmcm9tICcuL2NvbG9yLXBhbGV0dGUnO1xuaW1wb3J0IEN1c3RvbVBpY2tlciBmcm9tICcuL2N1c3RvbS1waWNrZXInO1xuaW1wb3J0IHthcnJheU1vdmV9IGZyb20gJ0BrZXBsZXIuZ2wvdXRpbHMnO1xuaW1wb3J0IHtDb2xvclJhbmdlfSBmcm9tICdAa2VwbGVyLmdsL2NvbnN0YW50cyc7XG5pbXBvcnQge05lc3RlZFBhcnRpYWx9IGZyb20gJ0BrZXBsZXIuZ2wvdHlwZXMnO1xuXG50eXBlIEN1c3RvbVBhbGV0dGVQcm9wcyA9IHtcbiAgY3VzdG9tUGFsZXR0ZTogQ29sb3JSYW5nZTtcbiAgc2hvd1NrZXRjaGVyPzogYm9vbGVhbiB8IG51bWJlcjtcbiAgc2V0Q3VzdG9tUGFsZXR0ZTogKGM6IE5lc3RlZFBhcnRpYWw8Q29sb3JSYW5nZT4pID0+IHZvaWQ7XG4gIG9uQ2FuY2VsOiAoKSA9PiB2b2lkO1xuICBvblRvZ2dsZVNrZXRjaGVyOiAoaTogYm9vbGVhbiB8IG51bWJlcikgPT4gdm9pZDtcbiAgb25BcHBseTogKHA6IENvbG9yUmFuZ2UsIGU6IE1vdXNlRXZlbnQpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBkcmFnSGFuZGxlQWN0aXZlID0gY3NzYFxuICAubGF5ZXJfX2RyYWctaGFuZGxlIHtcbiAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3JIbH07XG4gICAgb3BhY2l0eTogMTtcbiAgICBjdXJzb3I6IG1vdmU7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFNvcnRhYmxlSXRlbSA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmctdG9wOiA2cHg7XG4gIHBhZGRpbmctYm90dG9tOiA2cHg7XG4gIHotaW5kZXg6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUuZHJvcGRvd25XcmFwcGVyWiArIDF9O1xuXG4gIDpub3QoLnNvcnRpbmcpIHtcbiAgICA6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5wYW5lbEJhY2tncm91bmRIb3Zlcn07XG4gICAgICAke2RyYWdIYW5kbGVBY3RpdmV9O1xuICAgIH1cbiAgfVxuXG4gICYuc29ydGluZy1jb2xvcnMge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUucGFuZWxCYWNrZ3JvdW5kSG92ZXJ9O1xuICAgICR7ZHJhZ0hhbmRsZUFjdGl2ZX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERyYWdIYW5kbGUgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBvcGFjaXR5OiAwO1xuYDtcblxuY29uc3QgU3R5bGVkVHJhc2ggPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3J9O1xuICBzdmcge1xuICAgIDpob3ZlciB7XG4gICAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5zdWJ0ZXh0Q29sb3JBY3RpdmV9O1xuICAgIH1cbiAgfVxuICBoZWlnaHQ6IDEycHg7XG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICBtYXJnaW4tcmlnaHQ6IDEycHg7XG4gIDpob3ZlciB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRMaW5lID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDE2cHgpO1xuICBoZWlnaHQ6IDFweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5sYWJlbENvbG9yfTtcbiAgbWFyZ2luLXRvcDogOHB4O1xuICBtYXJnaW4tbGVmdDogOHB4O1xuYDtcblxuY29uc3QgU3R5bGVkU3dhdGNoID0gc3R5bGVkLmRpdi5hdHRycyh7XG4gIGNsYXNzTmFtZTogJ2N1c3RvbS1wYWxldHRlX19zd2F0Y2gnXG59KWBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy5jb2xvcn07XG4gIHdpZHRoOiAzMnB4O1xuICBoZWlnaHQ6IDE4cHg7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgOmhvdmVyIHtcbiAgICBib3gtc2hhZG93OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmJveFNoYWRvd307XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRDb2xvclJhbmdlID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMCA4cHg7XG4gIDpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5wYW5lbEJhY2tncm91bmRIb3Zlcn07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRCdXR0b25Db250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAxMXB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBkaXJlY3Rpb246IHJ0bDtcbmA7XG5cbmNvbnN0IFN0eWxlZElubGluZUlucHV0ID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWxlZnQ6IDEycHg7XG4gIGlucHV0IHtcbiAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50ZXh0Q29sb3JIbH07XG4gICAgZm9udC1zaXplOiAxMHB4O1xuICB9XG5gO1xuXG5jb25zdCBTb3J0YWJsZUl0ZW0gPSBTb3J0YWJsZUVsZW1lbnQoKHtjaGlsZHJlbiwgaXNTb3J0aW5nfSkgPT4gKFxuICA8U3R5bGVkU29ydGFibGVJdGVtXG4gICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKCdjdXN0b20tcGFsZXR0ZV9fc29ydGFibGUtaXRlbXMnLCB7c29ydGluZzogaXNTb3J0aW5nfSl9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3R5bGVkU29ydGFibGVJdGVtPlxuKSk7XG5cbi8vIFRPRE86IFNob3VsZCBjbGFzc05hbWUgYmUgYXBwbGllZCB0byB0aGUgZGl2IGhlcmU/XG5jb25zdCBXcmFwcGVkU29ydGFibGVDb250YWluZXIgPSBTb3J0YWJsZUNvbnRhaW5lcigoe2NoaWxkcmVuLCBjbGFzc05hbWV9KSA9PiAoXG4gIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWV9PntjaGlsZHJlbn08L2Rpdj5cbikpO1xuXG5jb25zdCBEcmFnSGFuZGxlID0gU29ydGFibGVIYW5kbGUoKHtjbGFzc05hbWUsIGNoaWxkcmVufSkgPT4gKFxuICA8U3R5bGVkRHJhZ0hhbmRsZSBjbGFzc05hbWU9e2NsYXNzTmFtZX0+e2NoaWxkcmVufTwvU3R5bGVkRHJhZ0hhbmRsZT5cbikpO1xuXG5jbGFzcyBDdXN0b21QYWxldHRlIGV4dGVuZHMgQ29tcG9uZW50PEN1c3RvbVBhbGV0dGVQcm9wcz4ge1xuICBzdGF0ZSA9IHtcbiAgICBpc1NvcnRpbmc6IGZhbHNlXG4gIH07XG5cbiAgcm9vdCA9IGNyZWF0ZVJlZjxIVE1MRGl2RWxlbWVudD4oKTtcblxuICBfc2V0Q29sb3JQYWxldHRlVUkoY29sb3JzOiBzdHJpbmdbXSkge1xuICAgIHRoaXMucHJvcHMuc2V0Q3VzdG9tUGFsZXR0ZSh7XG4gICAgICBjb2xvcnNcbiAgICB9KTtcbiAgfVxuXG4gIF9vblBpY2tlclVwZGF0ZSA9IChjb2xvcjoge2hleDogc3RyaW5nfSkgPT4ge1xuICAgIGNvbnN0IHtjb2xvcnN9ID0gdGhpcy5wcm9wcy5jdXN0b21QYWxldHRlO1xuICAgIGNvbnN0IG5ld0NvbG9ycyA9IFsuLi5jb2xvcnNdO1xuICAgIG5ld0NvbG9yc1t0aGlzLnByb3BzLnNob3dTa2V0Y2hlciBhcyBudW1iZXJdID0gY29sb3IuaGV4O1xuICAgIHRoaXMuX3NldENvbG9yUGFsZXR0ZVVJKG5ld0NvbG9ycyk7XG4gIH07XG5cbiAgX29uQ29sb3JEZWxldGUgPSAoaW5kZXg6IG51bWJlcikgPT4ge1xuICAgIGNvbnN0IHtjb2xvcnN9ID0gdGhpcy5wcm9wcy5jdXN0b21QYWxldHRlO1xuICAgIGNvbnN0IG5ld0NvbG9ycyA9IFsuLi5jb2xvcnNdO1xuICAgIGlmIChuZXdDb2xvcnMubGVuZ3RoID4gMSkge1xuICAgICAgbmV3Q29sb3JzLnNwbGljZShpbmRleCwgMSk7XG4gICAgfVxuICAgIHRoaXMuX3NldENvbG9yUGFsZXR0ZVVJKG5ld0NvbG9ycyk7XG4gIH07XG5cbiAgX29uQ29sb3JBZGQgPSAoKSA9PiB7XG4gICAgY29uc3Qge2NvbG9yc30gPSB0aGlzLnByb3BzLmN1c3RvbVBhbGV0dGU7XG4gICAgLy8gYWRkIHRoZSBsYXN0IGNvbG9yXG4gICAgY29uc3QgbmV3Q29sb3JzID0gWy4uLmNvbG9ycywgY29sb3JzW2NvbG9ycy5sZW5ndGggLSAxXV07XG4gICAgdGhpcy5fc2V0Q29sb3JQYWxldHRlVUkobmV3Q29sb3JzKTtcbiAgfTtcblxuICBfb25Td2F0Y2hDbGljayA9IChpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgdGhpcy5wcm9wcy5vblRvZ2dsZVNrZXRjaGVyKGluZGV4KTtcbiAgfTtcblxuICBfb25Td2F0Y2hDbG9zZSA9ICgpID0+IHtcbiAgICB0aGlzLnByb3BzLm9uVG9nZ2xlU2tldGNoZXIoZmFsc2UpO1xuICB9O1xuXG4gIF9vbkFwcGx5OiBNb3VzZUV2ZW50SGFuZGxlciA9IGV2ZW50ID0+IHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgdGhpcy5wcm9wcy5vbkNhbmNlbCgpO1xuICAgIHRoaXMucHJvcHMub25BcHBseSh0aGlzLnByb3BzLmN1c3RvbVBhbGV0dGUsIGV2ZW50KTtcbiAgfTtcblxuICBfb25Tb3J0RW5kID0gKHtvbGRJbmRleCwgbmV3SW5kZXh9KSA9PiB7XG4gICAgY29uc3Qge2NvbG9yc30gPSB0aGlzLnByb3BzLmN1c3RvbVBhbGV0dGU7XG4gICAgY29uc3QgbmV3Q29sb3JzID0gYXJyYXlNb3ZlKGNvbG9ycywgb2xkSW5kZXgsIG5ld0luZGV4KTtcbiAgICB0aGlzLl9zZXRDb2xvclBhbGV0dGVVSShuZXdDb2xvcnMpO1xuICAgIHRoaXMuc2V0U3RhdGUoe2lzU29ydGluZzogZmFsc2V9KTtcbiAgfTtcblxuICBfb25Tb3J0U3RhcnQgPSAoKSA9PiB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7aXNTb3J0aW5nOiB0cnVlfSk7XG4gIH07XG5cbiAgX2lucHV0Q29sb3JIZXggPSAoaW5kZXg6IG51bWJlciwge3RhcmdldDoge3ZhbHVlfX0pID0+IHtcbiAgICBjb25zdCB7Y29sb3JzfSA9IHRoaXMucHJvcHMuY3VzdG9tUGFsZXR0ZTtcbiAgICBjb25zdCBuZXdDb2xvcnMgPSBbLi4uY29sb3JzXTtcbiAgICBuZXdDb2xvcnNbaW5kZXhdID0gdmFsdWUudG9VcHBlckNhc2UoKTtcbiAgICB0aGlzLl9zZXRDb2xvclBhbGV0dGVVSShuZXdDb2xvcnMpO1xuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7Y29sb3JzfSA9IHRoaXMucHJvcHMuY3VzdG9tUGFsZXR0ZTtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImN1c3RvbS1wYWxldHRlLXBhbmVsXCIgcmVmPXt0aGlzLnJvb3R9PlxuICAgICAgICA8U3R5bGVkQ29sb3JSYW5nZT5cbiAgICAgICAgICA8Q29sb3JQYWxldHRlIGNvbG9ycz17Y29sb3JzfSAvPlxuICAgICAgICA8L1N0eWxlZENvbG9yUmFuZ2U+XG4gICAgICAgIDxXcmFwcGVkU29ydGFibGVDb250YWluZXJcbiAgICAgICAgICBjbGFzc05hbWU9XCJjdXN0b20tcGFsZXR0ZS1jb250YWluZXJcIlxuICAgICAgICAgIG9uU29ydEVuZD17dGhpcy5fb25Tb3J0RW5kfVxuICAgICAgICAgIG9uU29ydFN0YXJ0PXt0aGlzLl9vblNvcnRTdGFydH1cbiAgICAgICAgICBsb2NrQXhpcz1cInlcIlxuICAgICAgICAgIGhlbHBlckNsYXNzPVwic29ydGluZy1jb2xvcnNcIlxuICAgICAgICAgIHVzZURyYWdIYW5kbGVcbiAgICAgICAgPlxuICAgICAgICAgIHtjb2xvcnMubWFwKChjb2xvciwgaW5kZXgpID0+IChcbiAgICAgICAgICAgIDxTb3J0YWJsZUl0ZW0ga2V5PXtpbmRleH0gaW5kZXg9e2luZGV4fSBpc1NvcnRpbmc9e3RoaXMuc3RhdGUuaXNTb3J0aW5nfT5cbiAgICAgICAgICAgICAgPERyYWdIYW5kbGUgY2xhc3NOYW1lPVwibGF5ZXJfX2RyYWctaGFuZGxlXCI+XG4gICAgICAgICAgICAgICAgPFZlcnREb3RzIGhlaWdodD1cIjIwcHhcIiAvPlxuICAgICAgICAgICAgICA8L0RyYWdIYW5kbGU+XG4gICAgICAgICAgICAgIDxTdHlsZWRTd2F0Y2ggY29sb3I9e2NvbG9yfSBvbkNsaWNrPXsoKSA9PiB0aGlzLl9vblN3YXRjaENsaWNrKGluZGV4KX0gLz5cbiAgICAgICAgICAgICAgPFN0eWxlZElubGluZUlucHV0PlxuICAgICAgICAgICAgICAgIDxJbmxpbmVJbnB1dFxuICAgICAgICAgICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiY3VzdG9tLXBhbGV0dGUtaGV4X19pbnB1dFwiXG4gICAgICAgICAgICAgICAgICB2YWx1ZT17Y29sb3IudG9VcHBlckNhc2UoKX1cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2UgPT4ge1xuICAgICAgICAgICAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtlID0+IHRoaXMuX2lucHV0Q29sb3JIZXgoaW5kZXgsIGUpfVxuICAgICAgICAgICAgICAgICAgaWQ9e2BpbnB1dC1sYXllci1sYWJlbC0ke2luZGV4fWB9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9TdHlsZWRJbmxpbmVJbnB1dD5cbiAgICAgICAgICAgICAgPFN0eWxlZFRyYXNoIG9uQ2xpY2s9eygpID0+IHRoaXMuX29uQ29sb3JEZWxldGUoaW5kZXgpfT5cbiAgICAgICAgICAgICAgICA8VHJhc2ggY2xhc3NOYW1lPVwidHJhc2hiaW5cIiAvPlxuICAgICAgICAgICAgICA8L1N0eWxlZFRyYXNoPlxuICAgICAgICAgICAgPC9Tb3J0YWJsZUl0ZW0+XG4gICAgICAgICAgKSl9XG4gICAgICAgIDwvV3JhcHBlZFNvcnRhYmxlQ29udGFpbmVyPlxuICAgICAgICB7LyogQWRkIFN0ZXAgQnV0dG9uICovfVxuICAgICAgICA8QnV0dG9uIGNsYXNzTmFtZT1cImFkZC1zdGVwX19idXR0b25cIiBsaW5rIG9uQ2xpY2s9e3RoaXMuX29uQ29sb3JBZGR9PlxuICAgICAgICAgICsgQWRkIFN0ZXBcbiAgICAgICAgPC9CdXR0b24+XG4gICAgICAgIDxTdHlsZWRMaW5lIC8+XG4gICAgICAgIHsvKiBDYW5jZWwgb3IgQ29uZmlybSBCdXR0b25zICovfVxuICAgICAgICA8U3R5bGVkQnV0dG9uQ29udGFpbmVyPlxuICAgICAgICAgIDxCdXR0b24gY2xhc3NOYW1lPVwiY29uZmlybS1hcHBseV9fYnV0dG9uXCIgbGluayBvbkNsaWNrPXt0aGlzLl9vbkFwcGx5fT5cbiAgICAgICAgICAgIENvbmZpcm1cbiAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICA8QnV0dG9uIGxpbmsgb25DbGljaz17dGhpcy5wcm9wcy5vbkNhbmNlbH0+XG4gICAgICAgICAgICBDYW5jZWxcbiAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgPC9TdHlsZWRCdXR0b25Db250YWluZXI+XG5cbiAgICAgICAgPFBvcnRhbGVkIGlzT3BlbmVkPXt0aGlzLnByb3BzLnNob3dTa2V0Y2hlciAhPT0gZmFsc2V9IGxlZnQ9ezI4MH0gdG9wPXstMzAwfT5cbiAgICAgICAgICA8Q3VzdG9tUGlja2VyXG4gICAgICAgICAgICBjb2xvcj17Y29sb3JzW3RoaXMucHJvcHMuc2hvd1NrZXRjaGVyIGFzIG51bWJlcl19XG4gICAgICAgICAgICBvbkNoYW5nZT17dGhpcy5fb25QaWNrZXJVcGRhdGV9XG4gICAgICAgICAgICBvblN3YXRjaENsb3NlPXt0aGlzLl9vblN3YXRjaENsb3NlfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvUG9ydGFsZWQ+XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IEN1c3RvbVBhbGV0dGU7XG4iXX0=
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import React, { Component } from 'react';
|
|
2
|
+
import { ColorChangeHandler } from 'react-color';
|
|
3
|
+
declare type CustomPickerProps = {
|
|
4
|
+
color: string;
|
|
5
|
+
theme: {
|
|
6
|
+
panelBackground: string;
|
|
7
|
+
};
|
|
8
|
+
onChange: ColorChangeHandler;
|
|
9
|
+
onSwatchClose: () => void;
|
|
10
|
+
};
|
|
11
|
+
declare class CustomPicker extends Component<CustomPickerProps> {
|
|
12
|
+
themeSelector: (props: CustomPickerProps) => {
|
|
13
|
+
panelBackground: string;
|
|
14
|
+
};
|
|
15
|
+
pickerStyleSelector: import("reselect").OutputSelector<CustomPickerProps, {
|
|
16
|
+
picker: {
|
|
17
|
+
width: string;
|
|
18
|
+
padding: string;
|
|
19
|
+
boxSizing: string;
|
|
20
|
+
background: string;
|
|
21
|
+
};
|
|
22
|
+
}, (res: {
|
|
23
|
+
panelBackground: string;
|
|
24
|
+
}) => {
|
|
25
|
+
picker: {
|
|
26
|
+
width: string;
|
|
27
|
+
padding: string;
|
|
28
|
+
boxSizing: string;
|
|
29
|
+
background: string;
|
|
30
|
+
};
|
|
31
|
+
}>;
|
|
32
|
+
handleClickOutside: (e: Event) => void;
|
|
33
|
+
render(): JSX.Element;
|
|
34
|
+
}
|
|
35
|
+
declare const _default: React.ForwardRefExoticComponent<{
|
|
36
|
+
ref?: React.Ref<import("react-onclickoutside").WrapperInstance<CustomPickerProps, typeof CustomPicker>> | undefined;
|
|
37
|
+
key?: React.Key | null | undefined;
|
|
38
|
+
color: string;
|
|
39
|
+
onChange: any;
|
|
40
|
+
disableOnClickOutside?: boolean | undefined;
|
|
41
|
+
eventTypes?: string | string[] | undefined;
|
|
42
|
+
outsideClickIgnoreClass?: string | undefined;
|
|
43
|
+
preventDefault?: boolean | undefined;
|
|
44
|
+
stopPropagation?: boolean | undefined;
|
|
45
|
+
handleClickOutside?: React.MouseEventHandler<any> | undefined;
|
|
46
|
+
excludeScrollbar?: boolean | undefined;
|
|
47
|
+
onSwatchClose: () => void;
|
|
48
|
+
} & {
|
|
49
|
+
theme?: any;
|
|
50
|
+
}>;
|
|
51
|
+
export default _default;
|