react-science 23.1.1 → 24.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/lib/components/accordion/accordion_context.d.ts +1 -1
- package/lib/components/accordion/accordion_context.js +3 -3
- package/lib/components/accordion/accordion_context.js.map +1 -1
- package/lib/components/accordion/accordion_context_provider.d.ts.map +1 -1
- package/lib/components/accordion/accordion_context_provider.js +3 -3
- package/lib/components/accordion/accordion_context_provider.js.map +1 -1
- package/lib/components/accordion/accordion_hooks.js +3 -3
- package/lib/components/accordion/accordion_hooks.js.map +1 -1
- package/lib/components/button/Button.d.ts.map +1 -1
- package/lib/components/button/Button.js +3 -2
- package/lib/components/button/Button.js.map +1 -1
- package/lib/components/color-picker/react-color/ColorPicker.d.ts +2 -2
- package/lib/components/color-picker/react-color/ColorPicker.d.ts.map +1 -1
- package/lib/components/color-picker/react-color/ColorPicker.js +25 -22
- package/lib/components/color-picker/react-color/ColorPicker.js.map +1 -1
- package/lib/components/color-picker/react-color/common/Alpha.d.ts +1 -2
- package/lib/components/color-picker/react-color/common/Alpha.d.ts.map +1 -1
- package/lib/components/color-picker/react-color/common/Alpha.js +5 -6
- package/lib/components/color-picker/react-color/common/Alpha.js.map +1 -1
- package/lib/components/color-picker/react-color/common/CheckBoard.d.ts +1 -2
- package/lib/components/color-picker/react-color/common/CheckBoard.d.ts.map +1 -1
- package/lib/components/color-picker/react-color/common/CheckBoard.js +2 -3
- package/lib/components/color-picker/react-color/common/CheckBoard.js.map +1 -1
- package/lib/components/color-picker/react-color/common/EditableInput.d.ts.map +1 -1
- package/lib/components/color-picker/react-color/common/EditableInput.js +30 -26
- package/lib/components/color-picker/react-color/common/EditableInput.js.map +1 -1
- package/lib/components/color-picker/react-color/common/Hue.d.ts +1 -2
- package/lib/components/color-picker/react-color/common/Hue.d.ts.map +1 -1
- package/lib/components/color-picker/react-color/common/Hue.js +5 -6
- package/lib/components/color-picker/react-color/common/Hue.js.map +1 -1
- package/lib/components/color-picker/react-color/common/Saturation.d.ts +1 -2
- package/lib/components/color-picker/react-color/common/Saturation.d.ts.map +1 -1
- package/lib/components/color-picker/react-color/common/Saturation.js +6 -7
- package/lib/components/color-picker/react-color/common/Saturation.js.map +1 -1
- package/lib/components/color-picker/react-color/common/Swatch.d.ts.map +1 -1
- package/lib/components/color-picker/react-color/common/Swatch.js +10 -11
- package/lib/components/color-picker/react-color/common/Swatch.js.map +1 -1
- package/lib/components/color-picker/react-color/common/interaction.d.ts +1 -1
- package/lib/components/color-picker/react-color/common/interaction.d.ts.map +1 -1
- package/lib/components/color-picker/react-color/common/interaction.js +9 -9
- package/lib/components/color-picker/react-color/common/interaction.js.map +1 -1
- package/lib/components/color-picker/react-color/common/useOnChange.js +2 -2
- package/lib/components/color-picker/react-color/common/useOnChange.js.map +1 -1
- package/lib/components/color-picker/react-color/helpers/alpha.d.ts +1 -1
- package/lib/components/color-picker/react-color/helpers/alpha.d.ts.map +1 -1
- package/lib/components/color-picker/react-color/helpers/alpha.js +4 -5
- package/lib/components/color-picker/react-color/helpers/alpha.js.map +1 -1
- package/lib/components/color-picker/react-color/helpers/color.d.ts.map +1 -1
- package/lib/components/color-picker/react-color/helpers/color.js +15 -13
- package/lib/components/color-picker/react-color/helpers/color.js.map +1 -1
- package/lib/components/color-picker/react-color/helpers/hue.d.ts +1 -1
- package/lib/components/color-picker/react-color/helpers/hue.d.ts.map +1 -1
- package/lib/components/color-picker/react-color/helpers/hue.js +14 -23
- package/lib/components/color-picker/react-color/helpers/hue.js.map +1 -1
- package/lib/components/color-picker/react-color/helpers/saturation.d.ts +1 -1
- package/lib/components/color-picker/react-color/helpers/saturation.d.ts.map +1 -1
- package/lib/components/color-picker/react-color/helpers/saturation.js +3 -3
- package/lib/components/color-picker/react-color/helpers/saturation.js.map +1 -1
- package/lib/components/color-picker/react-color/sketch/SketchFields.d.ts +1 -1
- package/lib/components/color-picker/react-color/sketch/SketchFields.d.ts.map +1 -1
- package/lib/components/color-picker/react-color/sketch/SketchFields.js +6 -6
- package/lib/components/color-picker/react-color/sketch/SketchFields.js.map +1 -1
- package/lib/components/color-picker/react-color/sketch/SketchPresetColors.js +8 -8
- package/lib/components/color-picker/react-color/sketch/SketchPresetColors.js.map +1 -1
- package/lib/components/dialog/ConfirmDialog.js +2 -2
- package/lib/components/dialog/ConfirmDialog.js.map +1 -1
- package/lib/components/draggable/draggable.d.ts.map +1 -1
- package/lib/components/draggable/draggable.js +10 -9
- package/lib/components/draggable/draggable.js.map +1 -1
- package/lib/components/form/components/field_groups/svg_text_style.d.ts.map +1 -1
- package/lib/components/form/components/field_groups/svg_text_style.js +8 -8
- package/lib/components/form/components/field_groups/svg_text_style.js.map +1 -1
- package/lib/components/form/components/field_groups/svg_text_style.schema.js +1 -1
- package/lib/components/form/components/field_groups/svg_text_style.schema.js.map +1 -1
- package/lib/components/form/components/input/checkbox.js +3 -3
- package/lib/components/form/components/input/checkbox.js.map +1 -1
- package/lib/components/form/components/input/color_picker.js +1 -1
- package/lib/components/form/components/input/color_picker.js.map +1 -1
- package/lib/components/form/components/input/draggable_numeric_input.js +1 -1
- package/lib/components/form/components/input/draggable_numeric_input.js.map +1 -1
- package/lib/components/form/components/input/input.js +1 -1
- package/lib/components/form/components/input/input.js.map +1 -1
- package/lib/components/form/components/input/numeric_input.js +1 -1
- package/lib/components/form/components/input/numeric_input.js.map +1 -1
- package/lib/components/form/components/input/radio_group.js +1 -1
- package/lib/components/form/components/input/radio_group.js.map +1 -1
- package/lib/components/form/components/input/select.js +1 -1
- package/lib/components/form/components/input/select.js.map +1 -1
- package/lib/components/form/components/input/switch.js +1 -1
- package/lib/components/form/components/input/switch.js.map +1 -1
- package/lib/components/form/components/input/textarea.js +1 -1
- package/lib/components/form/components/input/textarea.js.map +1 -1
- package/lib/components/form/components/input_groups/form.js +2 -2
- package/lib/components/form/components/input_groups/form.js.map +1 -1
- package/lib/components/form/components/input_groups/form_context.d.ts +1 -1
- package/lib/components/form/components/input_groups/form_context.js +3 -3
- package/lib/components/form/components/input_groups/form_context.js.map +1 -1
- package/lib/components/form/components/layout/form.d.ts +1 -1
- package/lib/components/form/components/layout/form.d.ts.map +1 -1
- package/lib/components/form/components/layout/form.js +1 -4
- package/lib/components/form/components/layout/form.js.map +1 -1
- package/lib/components/form/utils/validators.d.ts +14 -8
- package/lib/components/form/utils/validators.d.ts.map +1 -1
- package/lib/components/form/utils/validators.js +11 -11
- package/lib/components/form/utils/validators.js.map +1 -1
- package/lib/components/fullscreen/fullscreen_context.d.ts +1 -1
- package/lib/components/fullscreen/fullscreen_context.js +3 -3
- package/lib/components/fullscreen/fullscreen_context.js.map +1 -1
- package/lib/components/fullscreen/fullscreen_context.provider.d.ts +1 -3
- package/lib/components/fullscreen/fullscreen_context.provider.d.ts.map +1 -1
- package/lib/components/fullscreen/fullscreen_context.provider.js +3 -3
- package/lib/components/fullscreen/fullscreen_context.provider.js.map +1 -1
- package/lib/components/hooks/useDoubleClick.js +8 -8
- package/lib/components/hooks/useDoubleClick.js.map +1 -1
- package/lib/components/hooks/useOnClickOutside.js +2 -2
- package/lib/components/hooks/useOnClickOutside.js.map +1 -1
- package/lib/components/hooks/useOnOff.d.ts +1 -1
- package/lib/components/hooks/useOnOff.d.ts.map +1 -1
- package/lib/components/hooks/useOnOff.js +5 -5
- package/lib/components/hooks/useOnOff.js.map +1 -1
- package/lib/components/hooks/useSelect.d.ts.map +1 -1
- package/lib/components/hooks/useSelect.js +4 -3
- package/lib/components/hooks/useSelect.js.map +1 -1
- package/lib/components/hooks/useToggle.d.ts +1 -1
- package/lib/components/hooks/useToggle.d.ts.map +1 -1
- package/lib/components/hooks/useToggle.js +2 -2
- package/lib/components/hooks/useToggle.js.map +1 -1
- package/lib/components/info-panel/InfoPanel.d.ts.map +1 -1
- package/lib/components/info-panel/InfoPanel.js +10 -13
- package/lib/components/info-panel/InfoPanel.js.map +1 -1
- package/lib/components/input/radio-button-group/RadioButtonGroup.d.ts.map +1 -1
- package/lib/components/input/radio-button-group/RadioButtonGroup.js +3 -2
- package/lib/components/input/radio-button-group/RadioButtonGroup.js.map +1 -1
- package/lib/components/logger/FifoLoggerDialog.d.ts.map +1 -1
- package/lib/components/logger/FifoLoggerDialog.js +3 -1
- package/lib/components/logger/FifoLoggerDialog.js.map +1 -1
- package/lib/components/logger/FifoLoggerProvider.d.ts.map +1 -1
- package/lib/components/logger/FifoLoggerProvider.js +2 -2
- package/lib/components/logger/FifoLoggerProvider.js.map +1 -1
- package/lib/components/logger/loggerContext.d.ts +1 -1
- package/lib/components/logger/loggerContext.js +1 -1
- package/lib/components/logger/useFifoLogger.d.ts.map +1 -1
- package/lib/components/logger/useFifoLogger.js +7 -5
- package/lib/components/logger/useFifoLogger.js.map +1 -1
- package/lib/components/root-layout/root_layout.d.ts.map +1 -1
- package/lib/components/root-layout/root_layout.js +5 -3
- package/lib/components/root-layout/root_layout.js.map +1 -1
- package/lib/components/root-layout/root_layout_context.d.ts +1 -1
- package/lib/components/root-layout/root_layout_context.js +3 -3
- package/lib/components/root-layout/root_layout_context.js.map +1 -1
- package/lib/components/root-layout/root_layout_context.provider.js +2 -2
- package/lib/components/root-layout/root_layout_context.provider.js.map +1 -1
- package/lib/components/selected-total/SelectedTotal.js +1 -1
- package/lib/components/selected-total/SelectedTotal.js.map +1 -1
- package/lib/components/split_pane/split_pane.d.ts.map +1 -1
- package/lib/components/split_pane/split_pane.js +14 -18
- package/lib/components/split_pane/split_pane.js.map +1 -1
- package/lib/components/split_pane/split_pane_helpers.d.ts.map +1 -1
- package/lib/components/split_pane/split_pane_helpers.js +5 -1
- package/lib/components/split_pane/split_pane_helpers.js.map +1 -1
- package/lib/components/split_pane/use_split_pane_size.d.ts.map +1 -1
- package/lib/components/split_pane/use_split_pane_size.js +4 -3
- package/lib/components/split_pane/use_split_pane_size.js.map +1 -1
- package/lib/components/table/default_table_cell.d.ts.map +1 -1
- package/lib/components/table/default_table_cell.js +6 -14
- package/lib/components/table/default_table_cell.js.map +1 -1
- package/lib/components/table/flash_row/flashed_row_context.d.ts +1 -1
- package/lib/components/table/flash_row/flashed_row_context.js +3 -3
- package/lib/components/table/flash_row/flashed_row_context.js.map +1 -1
- package/lib/components/table/flash_row/flashed_row_provider.d.ts.map +1 -1
- package/lib/components/table/flash_row/flashed_row_provider.js +5 -4
- package/lib/components/table/flash_row/flashed_row_provider.js.map +1 -1
- package/lib/components/table/flash_row/use_flash_row_effect.d.ts.map +1 -1
- package/lib/components/table/flash_row/use_flash_row_effect.js +6 -5
- package/lib/components/table/flash_row/use_flash_row_effect.js.map +1 -1
- package/lib/components/table/preview_table.js +2 -2
- package/lib/components/table/preview_table.js.map +1 -1
- package/lib/components/table/preview_table_context.d.ts +2 -2
- package/lib/components/table/preview_table_context.js +6 -6
- package/lib/components/table/preview_table_context.js.map +1 -1
- package/lib/components/table/reorder_rows/draggable_row_context.d.ts +4 -6
- package/lib/components/table/reorder_rows/draggable_row_context.d.ts.map +1 -1
- package/lib/components/table/reorder_rows/draggable_row_context.js +3 -3
- package/lib/components/table/reorder_rows/draggable_row_context.js.map +1 -1
- package/lib/components/table/reorder_rows/draggable_row_tr.d.ts.map +1 -1
- package/lib/components/table/reorder_rows/draggable_row_tr.js +4 -3
- package/lib/components/table/reorder_rows/draggable_row_tr.js.map +1 -1
- package/lib/components/table/reorder_rows/item_order_context.d.ts +2 -2
- package/lib/components/table/reorder_rows/item_order_context.d.ts.map +1 -1
- package/lib/components/table/reorder_rows/item_order_context.js +3 -3
- package/lib/components/table/reorder_rows/item_order_context.js.map +1 -1
- package/lib/components/table/reorder_rows/item_order_provider.d.ts.map +1 -1
- package/lib/components/table/reorder_rows/item_order_provider.js +2 -2
- package/lib/components/table/reorder_rows/item_order_provider.js.map +1 -1
- package/lib/components/table/reorder_rows/use_drop_monitor.d.ts +2 -2
- package/lib/components/table/reorder_rows/use_drop_monitor.d.ts.map +1 -1
- package/lib/components/table/reorder_rows/use_drop_monitor.js +4 -4
- package/lib/components/table/reorder_rows/use_drop_monitor.js.map +1 -1
- package/lib/components/table/table_body.d.ts.map +1 -1
- package/lib/components/table/table_body.js +10 -6
- package/lib/components/table/table_body.js.map +1 -1
- package/lib/components/table/table_features.js +7 -7
- package/lib/components/table/table_features.js.map +1 -1
- package/lib/components/table/table_header_cell.d.ts +1 -1
- package/lib/components/table/table_header_cell.d.ts.map +1 -1
- package/lib/components/table/table_root.d.ts +2 -2
- package/lib/components/table/table_root.d.ts.map +1 -1
- package/lib/components/table/table_root.js +12 -12
- package/lib/components/table/table_root.js.map +1 -1
- package/lib/components/table/table_utils.d.ts +1 -1
- package/lib/components/table/table_utils.d.ts.map +1 -1
- package/lib/components/table/table_utils.js.map +1 -1
- package/lib/components/table/use_table_columns.d.ts +2 -2
- package/lib/components/table/use_table_columns.d.ts.map +1 -1
- package/lib/components/table/use_table_columns.js +4 -4
- package/lib/components/table/use_table_columns.js.map +1 -1
- package/lib/components/table/use_table_scroll.d.ts.map +1 -1
- package/lib/components/table/use_table_scroll.js +13 -15
- package/lib/components/table/use_table_scroll.js.map +1 -1
- package/lib/components/toolbar/OverflowButton.js +5 -5
- package/lib/components/toolbar/OverflowButton.js.map +1 -1
- package/lib/components/toolbar/Toolbar.d.ts.map +1 -1
- package/lib/components/toolbar/Toolbar.js +5 -8
- package/lib/components/toolbar/Toolbar.js.map +1 -1
- package/lib/components/toolbar/TooltipHelpContent.d.ts.map +1 -1
- package/lib/components/toolbar/TooltipHelpContent.js +5 -2
- package/lib/components/toolbar/TooltipHelpContent.js.map +1 -1
- package/lib/components/toolbar/toolbarContext.d.ts +3 -3
- package/lib/components/toolbar/toolbarContext.d.ts.map +1 -1
- package/lib/components/toolbar/toolbarContext.js +4 -4
- package/lib/components/toolbar/toolbarContext.js.map +1 -1
- package/lib/components/toolbar/useCheckOverflow.d.ts.map +1 -1
- package/lib/components/toolbar/useCheckOverflow.js +1 -0
- package/lib/components/toolbar/useCheckOverflow.js.map +1 -1
- package/lib/components/utils/debounce.d.ts +1 -1
- package/lib/components/utils/debounce.d.ts.map +1 -1
- package/lib/components/utils/debounce.js +3 -3
- package/lib/components/utils/debounce.js.map +1 -1
- package/lib/components/utils/forward_all_props_except.d.ts +2 -0
- package/lib/components/utils/forward_all_props_except.d.ts.map +1 -0
- package/lib/components/utils/{shouldForwardPropExcept.js → forward_all_props_except.js} +2 -2
- package/lib/components/utils/forward_all_props_except.js.map +1 -0
- package/lib/components/utils/svg.d.ts.map +1 -1
- package/lib/components/utils/svg.js +12 -6
- package/lib/components/utils/svg.js.map +1 -1
- package/lib/components/utils/svg_path_builder.d.ts +8 -8
- package/lib/components/utils/svg_path_builder.d.ts.map +1 -1
- package/lib/components/utils/svg_path_builder.js +16 -14
- package/lib/components/utils/svg_path_builder.js.map +1 -1
- package/lib/components/utils/throttle.d.ts +1 -1
- package/lib/components/utils/throttle.d.ts.map +1 -1
- package/lib/components/utils/throttle.js +10 -9
- package/lib/components/utils/throttle.js.map +1 -1
- package/package.json +47 -47
- package/src/components/accordion/accordion_context.ts +3 -3
- package/src/components/accordion/accordion_context_provider.tsx +3 -7
- package/src/components/accordion/accordion_hooks.ts +3 -3
- package/src/components/button/Button.tsx +11 -2
- package/src/components/color-picker/react-color/ColorPicker.tsx +36 -30
- package/src/components/color-picker/react-color/common/Alpha.tsx +5 -7
- package/src/components/color-picker/react-color/common/CheckBoard.tsx +2 -4
- package/src/components/color-picker/react-color/common/EditableInput.tsx +35 -29
- package/src/components/color-picker/react-color/common/Hue.tsx +5 -7
- package/src/components/color-picker/react-color/common/Saturation.tsx +7 -9
- package/src/components/color-picker/react-color/common/Swatch.tsx +18 -9
- package/src/components/color-picker/react-color/common/interaction.tsx +12 -13
- package/src/components/color-picker/react-color/common/useOnChange.tsx +2 -2
- package/src/components/color-picker/react-color/helpers/alpha.ts +6 -5
- package/src/components/color-picker/react-color/helpers/color.ts +16 -13
- package/src/components/color-picker/react-color/helpers/hue.ts +16 -25
- package/src/components/color-picker/react-color/helpers/saturation.ts +5 -3
- package/src/components/color-picker/react-color/sketch/SketchFields.tsx +8 -8
- package/src/components/color-picker/react-color/sketch/SketchPresetColors.tsx +9 -9
- package/src/components/dialog/ConfirmDialog.tsx +2 -2
- package/src/components/draggable/draggable.tsx +20 -18
- package/src/components/form/components/field_groups/svg_text_style.schema.ts +1 -1
- package/src/components/form/components/field_groups/svg_text_style.tsx +17 -15
- package/src/components/form/components/input/checkbox.tsx +3 -3
- package/src/components/form/components/input/color_picker.tsx +1 -1
- package/src/components/form/components/input/draggable_numeric_input.tsx +1 -1
- package/src/components/form/components/input/input.tsx +1 -1
- package/src/components/form/components/input/numeric_input.tsx +1 -1
- package/src/components/form/components/input/radio_group.tsx +1 -1
- package/src/components/form/components/input/select.tsx +1 -1
- package/src/components/form/components/input/switch.tsx +1 -1
- package/src/components/form/components/input/textarea.tsx +1 -1
- package/src/components/form/components/input_groups/form.tsx +3 -3
- package/src/components/form/components/input_groups/form_context.ts +3 -3
- package/src/components/form/components/layout/form.tsx +4 -6
- package/src/components/form/utils/validators.ts +29 -23
- package/src/components/fullscreen/fullscreen_context.provider.tsx +4 -9
- package/src/components/fullscreen/fullscreen_context.ts +3 -3
- package/src/components/hooks/useDoubleClick.ts +8 -8
- package/src/components/hooks/useOnClickOutside.ts +2 -2
- package/src/components/hooks/useOnOff.ts +5 -5
- package/src/components/hooks/useSelect.tsx +5 -3
- package/src/components/hooks/useToggle.ts +2 -2
- package/src/components/info-panel/InfoPanel.tsx +12 -16
- package/src/components/input/radio-button-group/RadioButtonGroup.tsx +5 -2
- package/src/components/logger/FifoLoggerDialog.tsx +1 -0
- package/src/components/logger/FifoLoggerProvider.tsx +2 -4
- package/src/components/logger/loggerContext.ts +1 -1
- package/src/components/logger/useFifoLogger.ts +7 -5
- package/src/components/root-layout/root_layout.tsx +6 -3
- package/src/components/root-layout/root_layout_context.provider.tsx +3 -3
- package/src/components/root-layout/root_layout_context.ts +3 -3
- package/src/components/selected-total/SelectedTotal.tsx +1 -1
- package/src/components/split_pane/split_pane.tsx +17 -20
- package/src/components/split_pane/split_pane_helpers.ts +7 -2
- package/src/components/split_pane/use_split_pane_size.tsx +4 -3
- package/src/components/table/default_table_cell.tsx +10 -11
- package/src/components/table/flash_row/flashed_row_context.ts +3 -3
- package/src/components/table/flash_row/flashed_row_provider.tsx +8 -6
- package/src/components/table/flash_row/use_flash_row_effect.ts +7 -5
- package/src/components/table/preview_table.tsx +3 -3
- package/src/components/table/preview_table_context.ts +6 -6
- package/src/components/table/reorder_rows/draggable_row_context.ts +6 -10
- package/src/components/table/reorder_rows/draggable_row_tr.tsx +11 -6
- package/src/components/table/reorder_rows/item_order_context.ts +4 -4
- package/src/components/table/reorder_rows/item_order_provider.tsx +2 -6
- package/src/components/table/reorder_rows/use_drop_monitor.ts +4 -4
- package/src/components/table/table_body.tsx +19 -5
- package/src/components/table/table_features.ts +12 -12
- package/src/components/table/table_root.tsx +20 -18
- package/src/components/table/table_utils.ts +4 -5
- package/src/components/table/use_table_columns.ts +7 -7
- package/src/components/table/use_table_scroll.ts +18 -21
- package/src/components/toolbar/OverflowButton.tsx +5 -5
- package/src/components/toolbar/Toolbar.tsx +8 -20
- package/src/components/toolbar/TooltipHelpContent.tsx +10 -5
- package/src/components/toolbar/toolbarContext.ts +5 -7
- package/src/components/toolbar/useCheckOverflow.tsx +1 -0
- package/src/components/utils/debounce.ts +5 -5
- package/src/components/utils/{shouldForwardPropExcept.ts → forward_all_props_except.ts} +1 -1
- package/src/components/utils/svg.ts +5 -2
- package/src/components/utils/svg_path_builder.ts +22 -19
- package/src/components/utils/throttle.ts +13 -11
- package/lib/components/utils/shouldForwardPropExcept.d.ts +0 -2
- package/lib/components/utils/shouldForwardPropExcept.d.ts.map +0 -1
- package/lib/components/utils/shouldForwardPropExcept.js.map +0 -1
|
@@ -11,6 +11,6 @@ export type AccordionContextValue = [
|
|
|
11
11
|
change: (id: string, isOpen: boolean) => void;
|
|
12
12
|
}
|
|
13
13
|
];
|
|
14
|
-
export declare const
|
|
14
|
+
export declare const AccordionContext: import("react").Context<AccordionContextValue | null>;
|
|
15
15
|
export declare function useAccordionItemContext(id: string, setIsOpen: AccordionItemSetIsOpen): AccordionItemContextValue;
|
|
16
16
|
//# sourceMappingURL=accordion_context.d.ts.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { createContext,
|
|
2
|
-
export const
|
|
1
|
+
import { createContext, use, useEffect, useMemo } from 'react';
|
|
2
|
+
export const AccordionContext = createContext(null);
|
|
3
3
|
export function useAccordionItemContext(id, setIsOpen) {
|
|
4
|
-
const context =
|
|
4
|
+
const context = use(AccordionContext);
|
|
5
5
|
if (!context) {
|
|
6
6
|
throw new Error('AccordionContext was not found');
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion_context.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,
|
|
1
|
+
{"version":3,"file":"accordion_context.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAmB/D,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAC3C,IAAI,CACL,CAAC;AAEF,MAAM,UAAU,uBAAuB,CACrC,EAAU,EACV,SAAiC;IAEjC,MAAM,OAAO,GAAG,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAEtC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;IACpD,CAAC;IAED,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC;QAC9B,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAE3B,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,QAAQ,EAAE;YACR,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC;YAC3C,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;YAC9B,IAAI,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC;YAClC,KAAK,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC;SACrC;KACF,CAAC,EACF,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,CACnC,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion_context_provider.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context_provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+
|
|
1
|
+
{"version":3,"file":"accordion_context_provider.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context_provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BA2D9D"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { assert } from '@zakodium/utils';
|
|
3
3
|
import { useMemo, useRef } from 'react';
|
|
4
|
-
import {
|
|
4
|
+
import { AccordionContext } from './accordion_context.js';
|
|
5
5
|
import { getAccordionRegister } from './accordion_context_utils.js';
|
|
6
6
|
export function AccordionProvider(props) {
|
|
7
7
|
const { unmountChildren = false, children } = props;
|
|
@@ -17,7 +17,7 @@ export function AccordionProvider(props) {
|
|
|
17
17
|
},
|
|
18
18
|
closeAllExcept: (id) => {
|
|
19
19
|
assert(registerRef.current);
|
|
20
|
-
for (const [key, item] of registerRef.current
|
|
20
|
+
for (const [key, item] of registerRef.current) {
|
|
21
21
|
if (key === id) {
|
|
22
22
|
item.setIsOpen(true);
|
|
23
23
|
}
|
|
@@ -57,6 +57,6 @@ export function AccordionProvider(props) {
|
|
|
57
57
|
utils,
|
|
58
58
|
];
|
|
59
59
|
}, [unmountChildren, utils]);
|
|
60
|
-
return
|
|
60
|
+
return _jsx(AccordionContext, { value: contextValue, children: children });
|
|
61
61
|
}
|
|
62
62
|
//# sourceMappingURL=accordion_context_provider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion_context_provider.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context_provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAOpE,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,EAAE,eAAe,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACpD,MAAM,WAAW,GAAG,MAAM,CAAC,oBAAoB,EAAE,CAAC,CAAC;IAEnD,MAAM,KAAK,GAAG,OAAO,CAA2B,GAAG,EAAE;QACnD,OAAO;YACL,MAAM,EAAE,CAAC,EAAU,EAAE,MAAe,EAAE,EAAE;gBACtC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;gBAC5B,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;gBACzC,IAAI,IAAI,EAAE,CAAC;oBACT,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;gBACzB,CAAC;YACH,CAAC;YACD,cAAc,EAAE,CAAC,EAAU,EAAE,EAAE;gBAC7B,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;gBAC5B,KAAK,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,WAAW,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"accordion_context_provider.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion_context_provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAOpE,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,EAAE,eAAe,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACpD,MAAM,WAAW,GAAG,MAAM,CAAC,oBAAoB,EAAE,CAAC,CAAC;IAEnD,MAAM,KAAK,GAAG,OAAO,CAA2B,GAAG,EAAE;QACnD,OAAO;YACL,MAAM,EAAE,CAAC,EAAU,EAAE,MAAe,EAAE,EAAE;gBACtC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;gBAC5B,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;gBACzC,IAAI,IAAI,EAAE,CAAC;oBACT,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;gBACzB,CAAC;YACH,CAAC;YACD,cAAc,EAAE,CAAC,EAAU,EAAE,EAAE;gBAC7B,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;gBAC5B,KAAK,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;oBAC9C,IAAI,GAAG,KAAK,EAAE,EAAE,CAAC;wBACf,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;oBACvB,CAAC;yBAAM,CAAC;wBACN,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;oBACxB,CAAC;gBACH,CAAC;YACH,CAAC;YACD,MAAM,EAAE,CAAC,EAAU,EAAE,EAAE;gBACrB,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;gBAC5B,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;gBACzC,IAAI,IAAI,EAAE,CAAC;oBACT,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC;gBAC5C,CAAC;YACH,CAAC;YACD,UAAU,EAAE,CAAC,EAAU,EAAE,EAAE;gBACzB,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;gBAC5B,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACjC,CAAC;YACD,QAAQ,EAAE,CAAC,EAAU,EAAE,SAAiC,EAAE,EAAE;gBAC1D,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;gBAC5B,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;gBACzC,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;oBACvB,MAAM,IAAI,KAAK,CACb,8BAA8B,EAAE,4EAA4E,CAC7G,CAAC;gBACJ,CAAC;gBACD,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE;oBAC1B,SAAS;iBACV,CAAC,CAAC;YACL,CAAC;SACF,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,YAAY,GAAG,OAAO,CAAwB,GAAG,EAAE;QACvD,OAAO;YACL;gBACE,eAAe;aAChB;YACD,KAAK;SACN,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC;IAE7B,OAAO,KAAC,gBAAgB,IAAC,KAAK,EAAE,YAAY,YAAG,QAAQ,GAAoB,CAAC;AAC9E,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { use, useMemo } from 'react';
|
|
2
|
+
import { AccordionContext } from './accordion_context.js';
|
|
3
3
|
export function useAccordionControls() {
|
|
4
|
-
const context =
|
|
4
|
+
const context = use(AccordionContext);
|
|
5
5
|
if (!context) {
|
|
6
6
|
throw new Error('AccordionContext was not found');
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion_hooks.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion_hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"accordion_hooks.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion_hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAS1D,MAAM,UAAU,oBAAoB;IAGlC,MAAM,OAAO,GAAG,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAEtC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;IACpD,CAAC;IAED,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC;IAE1B,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE,CAAC,EAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC;QACvC,KAAK,EAAE,CAAC,EAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC;QACzC,MAAM,EAAE,CAAC,EAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;QACnC,cAAc,EAAE,CAAC,MAAS,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;KAC5D,CAAC,EACF,CAAC,KAAK,CAAC,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,IAAI,0BAA0B,EAC/C,WAAW,IAAI,oBAAoB,EACnC,QAAQ,EACR,YAAY,EACb,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,IAAI,0BAA0B,EAC/C,WAAW,IAAI,oBAAoB,EACnC,QAAQ,EACR,YAAY,EACb,MAAM,mBAAmB,CAAC;AAU3B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,cAAc,GAAG;KAElB,GAAG,IAAI,MAAM,oBAAoB,GAAG,MAAM,0BAA0B,CACrE,CAAC,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAAG,0BAA0B,CAAC,GAAG,CAAC;CAChE,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG;IACzC,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC;IACvE,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;CACvC,CAAC;AAuDF,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BA0CxC"}
|
|
@@ -42,12 +42,13 @@ const TooltipButton = styled(BlueprintButton, {
|
|
|
42
42
|
}) `
|
|
43
43
|
${(props) => buttonStyles(props)}
|
|
44
44
|
`;
|
|
45
|
+
const defaultTooltipProps = {};
|
|
45
46
|
export function Button(props) {
|
|
46
|
-
const { tooltipProps =
|
|
47
|
+
const { tooltipProps = defaultTooltipProps, children, tag, tagProps, ...buttonProps } = props;
|
|
47
48
|
const { fill, content = '', disabled = !tooltipProps.content, ...otherTooltipProps } = tooltipProps;
|
|
48
49
|
const InnerButton = buttonProps.disabled
|
|
49
50
|
? TooltipAnchorButton
|
|
50
51
|
: TooltipButton;
|
|
51
|
-
return (_jsx(Tooltip, { fill: fill || buttonProps.fill, disabled: disabled, content: content, ...otherTooltipProps, renderTarget: ({ isOpen, ...targetProps }) => (_jsxs(InnerButton, { ...targetProps, ...buttonProps, isIconButton: !children && !buttonProps.text, isTagButton: Boolean(tag), children: [tag && (_jsx(ButtonTag, { round: true, intent: "success", ...tagProps, children: tag })), children] })) }));
|
|
52
|
+
return (_jsx(Tooltip, { fill: fill || buttonProps.fill, disabled: disabled, content: content, ...otherTooltipProps, renderTarget: ({ isOpen, ...targetProps }) => (_jsxs(InnerButton, { ...targetProps, ...buttonProps, isIconButton: !children && !buttonProps.text, isTagButton: Boolean(tag), children: [Boolean(tag) && (_jsx(ButtonTag, { round: true, intent: "success", ...tagProps, children: tag })), children] })) }));
|
|
52
53
|
}
|
|
53
54
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";AAMA,OAAO,EACL,YAAY,EACZ,MAAM,IAAI,eAAe,EACzB,OAAO,EACP,GAAG,EACH,OAAO,GACR,MAAM,mBAAmB,CAAC;AAC3B,OAAO,MAAM,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";AAMA,OAAO,EACL,YAAY,EACZ,MAAM,IAAI,eAAe,EACzB,OAAO,EACP,GAAG,EACH,OAAO,GACR,MAAM,mBAAmB,CAAC;AAC3B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAgBrC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;;;;;;CAY5B,CAAC;AAOF;;;;EAIE;AACF,MAAM,YAAY,GAAG,CAAC,EAAE,YAAY,EAAE,WAAW,EAAoB,EAAE,EAAE,CAAC;;;eAG3D,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;;OAEtC,OAAO,CAAC,IAAI;MACb,YAAY,IAAI,WAAW,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE;;CAE5D,CAAC;AAEF,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC;AAC/D,SAAS,uBAAuB,CAAC,QAAgB;IAC/C,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AACtC,CAAC;AAED,MAAM,mBAAmB,GAAG,MAAM,CAAC,YAAY,EAAE;IAC/C,iBAAiB,EAAE,uBAAuB;CAC3C,CAAC,CAAkB;IAChB,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC;CACjC,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,eAAe,EAAE;IAC5C,iBAAiB,EAAE,uBAAuB;CAC3C,CAAC,CAAkB;IAChB,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC;CACjC,CAAC;AAEF,MAAM,mBAAmB,GAA2C,EAAE,CAAC;AAEvE,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,EACJ,YAAY,GAAG,mBAAmB,EAClC,QAAQ,EACR,GAAG,EACH,QAAQ,EACR,GAAG,WAAW,EACf,GAAG,KAAK,CAAC;IACV,MAAM,EACJ,IAAI,EACJ,OAAO,GAAG,EAAE,EACZ,QAAQ,GAAG,CAAC,YAAY,CAAC,OAAO,EAChC,GAAG,iBAAiB,EACrB,GAAG,YAAY,CAAC;IAEjB,MAAM,WAAW,GAAG,WAAW,CAAC,QAAQ;QACtC,CAAC,CAAC,mBAAmB;QACrB,CAAC,CAAC,aAAa,CAAC;IAElB,OAAO,CACL,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,IAAI,WAAW,CAAC,IAAI,EAC9B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,KACZ,iBAAiB,EACrB,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,EAAE,CAAC,CAC5C,MAAC,WAAW,OACN,WAAW,KACX,WAAW,EACf,YAAY,EAAE,CAAC,QAAQ,IAAI,CAAC,WAAW,CAAC,IAAI,EAC5C,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,aAExB,OAAO,CAAC,GAAG,CAAC,IAAI,CACf,KAAC,SAAS,IAAC,KAAK,QAAC,MAAM,EAAC,SAAS,KAAK,QAAQ,YAC3C,GAAG,GACM,CACb,EACA,QAAQ,IACG,CACf,GACD,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -29,9 +29,9 @@ export interface ColorPickerProps {
|
|
|
29
29
|
width?: string | number;
|
|
30
30
|
className?: string;
|
|
31
31
|
presetColors?: string[];
|
|
32
|
-
color?: {
|
|
32
|
+
color?: RGB | HSL | HSV | {
|
|
33
33
|
hex: string;
|
|
34
|
-
}
|
|
34
|
+
};
|
|
35
35
|
disableAlpha?: boolean;
|
|
36
36
|
onChange?: (props: ChangeCallbackProps, event?: Event) => void;
|
|
37
37
|
onChangeComplete?: (props: ChangeCallbackProps, event?: Event) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/react-color/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAYvD,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AACD,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AACD,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,GAAG,CAAC;IACT,GAAG,EAAE,GAAG,CAAC;IACT,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,GAAG,CAAC;IACT,MAAM,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;CACvC;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,KAAK,CAAC,EACF
|
|
1
|
+
{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/react-color/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAYvD,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AACD,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AACD,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,GAAG,CAAC;IACT,GAAG,EAAE,GAAG,CAAC;IACT,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,GAAG,CAAC;IACT,MAAM,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;CACvC;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,KAAK,CAAC,EACF,GAAG,GACH,GAAG,GACH,GAAG,GACH;QACE,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACN,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC/D,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACvE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAClD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACpE,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAwFD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAqHlD"}
|
|
@@ -28,9 +28,9 @@ const styles = {
|
|
|
28
28
|
padding: '4px 0',
|
|
29
29
|
flex: '1',
|
|
30
30
|
},
|
|
31
|
-
color: (
|
|
31
|
+
color: (isAlphaDisabled) => ({
|
|
32
32
|
width: '24px',
|
|
33
|
-
height:
|
|
33
|
+
height: isAlphaDisabled ? '10px' : '24px',
|
|
34
34
|
position: 'relative',
|
|
35
35
|
marginTop: '4px',
|
|
36
36
|
marginLeft: '4px',
|
|
@@ -61,22 +61,23 @@ const styles = {
|
|
|
61
61
|
borderRadius: '2px',
|
|
62
62
|
boxShadow: 'inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)',
|
|
63
63
|
},
|
|
64
|
-
alphaContainer: (
|
|
64
|
+
alphaContainer: (isAlphaDisabled) => ({
|
|
65
65
|
position: 'relative',
|
|
66
66
|
height: '10px',
|
|
67
67
|
marginTop: '4px',
|
|
68
68
|
overflow: 'hidden',
|
|
69
|
-
...(
|
|
69
|
+
...(isAlphaDisabled && { display: 'none' }),
|
|
70
70
|
}),
|
|
71
71
|
alphaElement: {
|
|
72
72
|
borderRadius: '2px',
|
|
73
73
|
boxShadow: 'inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)',
|
|
74
74
|
},
|
|
75
75
|
};
|
|
76
|
+
const defaultStyle = {};
|
|
76
77
|
export function ColorPicker(props) {
|
|
77
|
-
const { width = 200, onChange, onSwatchHover, disableAlpha = false, presetColors = defaultColorPalette, className = '', color = defaultColor, onChangeComplete, onBlur, style =
|
|
78
|
-
const debounceRef = useRef(debounce((
|
|
79
|
-
|
|
78
|
+
const { width = 200, onChange, onSwatchHover, disableAlpha = false, presetColors = defaultColorPalette, className = '', color = defaultColor, onChangeComplete, onBlur, style = defaultStyle, } = props;
|
|
79
|
+
const debounceRef = useRef(debounce((function_, data, event) => {
|
|
80
|
+
function_(data, event);
|
|
80
81
|
}, 100));
|
|
81
82
|
const [state, setState] = useState(() => colorHelper.toState(color, 0));
|
|
82
83
|
const [previousColor, setPreviousColor] = useState(color);
|
|
@@ -86,27 +87,29 @@ export function ColorPicker(props) {
|
|
|
86
87
|
}
|
|
87
88
|
const handleChange = useCallback((data, event) => {
|
|
88
89
|
const isValidColor = colorHelper.simpleCheckForValidColor(data);
|
|
89
|
-
if (isValidColor) {
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
90
|
+
if (!isValidColor) {
|
|
91
|
+
return;
|
|
92
|
+
}
|
|
93
|
+
const colors = colorHelper.toState(data, ('h' in data && data.h) || state.oldHue);
|
|
94
|
+
setState(colors);
|
|
95
|
+
if (onChangeComplete) {
|
|
96
|
+
debounceRef.current(onChangeComplete, colors, event);
|
|
97
|
+
}
|
|
98
|
+
if (onChange) {
|
|
99
|
+
onChange(colors, event);
|
|
98
100
|
}
|
|
99
101
|
}, [debounceRef, onChange, onChangeComplete, state.oldHue]);
|
|
100
102
|
const handleSwatchHover = useCallback((data, event) => {
|
|
101
103
|
const isValidColor = colorHelper.simpleCheckForValidColor(data);
|
|
102
|
-
if (isValidColor) {
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
104
|
+
if (!isValidColor) {
|
|
105
|
+
return;
|
|
106
|
+
}
|
|
107
|
+
const colors = colorHelper.toState(data, data.h || state.oldHue);
|
|
108
|
+
if (onSwatchHover) {
|
|
109
|
+
onSwatchHover(colors, event);
|
|
107
110
|
}
|
|
108
111
|
}, [onSwatchHover, state.oldHue]);
|
|
109
112
|
const { rgb, hex, hsv, hsl } = state;
|
|
110
|
-
return (_jsxs("div", { style: { ...styles.picker(width), ...style }, className: className, children: [_jsx("div", { style: styles.saturationContainer, children: _jsx(Saturation, { hsl: hsl, hsv: hsv, onChange: handleChange, onBlur: onBlur }) }), _jsxs("div", { style: styles.controls, children: [_jsxs("div", { style: styles.sliders, children: [_jsx("div", { style: styles.hueContainer, children: _jsx(Hue, { style: styles.hueElement, hsl: hsl, onChange: handleChange, onBlur: onBlur }) }), _jsx("div", { style: styles.alphaContainer(disableAlpha), children: _jsx(Alpha, { style: styles.alphaElement, rgb: rgb, hsl: hsl, onChange: handleChange, onBlur: onBlur }) })] }), _jsxs("div", { style: styles.color(disableAlpha), children: [_jsx(CheckBoard, {}), _jsx("div", { style: styles.activeColor(rgb) })] })] }), _jsx(SketchFields, { hsl: hsl, hex: hex, rgb: rgb, onChange: handleChange, onBlur: onBlur, disableAlpha: disableAlpha }), _jsx(SketchPresetColors, { colors: presetColors, onClick: (data,
|
|
113
|
+
return (_jsxs("div", { style: { ...styles.picker(width), ...style }, className: className, children: [_jsx("div", { style: styles.saturationContainer, children: _jsx(Saturation, { hsl: hsl, hsv: hsv, onChange: handleChange, onBlur: onBlur }) }), _jsxs("div", { style: styles.controls, children: [_jsxs("div", { style: styles.sliders, children: [_jsx("div", { style: styles.hueContainer, children: _jsx(Hue, { style: styles.hueElement, hsl: hsl, onChange: handleChange, onBlur: onBlur }) }), _jsx("div", { style: styles.alphaContainer(disableAlpha), children: _jsx(Alpha, { style: styles.alphaElement, rgb: rgb, hsl: hsl, onChange: handleChange, onBlur: onBlur }) })] }), _jsxs("div", { style: styles.color(disableAlpha), children: [_jsx(CheckBoard, {}), _jsx("div", { style: styles.activeColor(rgb) })] })] }), _jsx(SketchFields, { hsl: hsl, hex: hex, rgb: rgb, onChange: handleChange, onBlur: onBlur, disableAlpha: disableAlpha }), _jsx(SketchPresetColors, { colors: presetColors, onClick: (data, event) => handleChange(data, event), onSwatchHover: handleSwatchHover })] }));
|
|
111
114
|
}
|
|
112
115
|
//# sourceMappingURL=ColorPicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../src/components/color-picker/react-color/ColorPicker.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,KAAK,WAAW,MAAM,oBAAoB,CAAC;AAElD,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,kBAAkB,MAAM,gCAAgC,CAAC;AAiDhE,MAAM,YAAY,GAAG;IACnB,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,GAaN;IACJ,MAAM,EAAE,CAAC,KAAsB,EAAE,EAAE,CAAC,CAAC;QACnC,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI;QACvD,OAAO,EAAE,aAAa;QACtB,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,MAAM;QAClB,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,uDAAuD;KACnE,CAAC;IACF,QAAQ,EAAE;QACR,OAAO,EAAE,MAAM;KAChB;IACD,OAAO,EAAE;QACP,OAAO,EAAE,OAAO;QAChB,IAAI,EAAE,GAAG;KACV;IACD,KAAK,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../src/components/color-picker/react-color/ColorPicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alpha.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Alpha.tsx"],"names":[],"mappings":"AA6EA,
|
|
1
|
+
{"version":3,"file":"Alpha.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Alpha.tsx"],"names":[],"mappings":"AA6EA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,KAAA,+BA4ClC"}
|
|
@@ -68,18 +68,17 @@ const styles = {
|
|
|
68
68
|
transform: 'translateX(-2px)',
|
|
69
69
|
},
|
|
70
70
|
};
|
|
71
|
-
|
|
71
|
+
export default function Alpha(props) {
|
|
72
72
|
const containerRef = useRef();
|
|
73
|
-
const handleChange = useCallback((
|
|
74
|
-
const change = alpha.calculateChange(
|
|
73
|
+
const handleChange = useCallback((event) => {
|
|
74
|
+
const change = alpha.calculateChange(event, props.hsl, props.direction, props.a, containerRef.current);
|
|
75
75
|
if (change && typeof props.onChange === 'function') {
|
|
76
|
-
props.onChange(change,
|
|
76
|
+
props.onChange(change, event);
|
|
77
77
|
}
|
|
78
78
|
}, [props]);
|
|
79
79
|
const mouseDownHandler = useOnChange(handleChange);
|
|
80
80
|
const rgb = props.rgb;
|
|
81
81
|
const { borderRadius, boxShadow, direction } = props.style;
|
|
82
82
|
return (_jsxs("div", { style: styles.alpha(borderRadius), children: [_jsx("div", { style: styles.checkerboard(borderRadius), children: _jsx(CheckBoard, { renderers: props.renderers }) }), _jsx("div", { style: styles.gradient(direction, boxShadow, borderRadius, rgb) }), _jsx("div", { style: styles.container, ref: containerRef, onMouseDown: mouseDownHandler, onTouchMove: handleChange, onTouchStart: handleChange, onBlur: props.onBlur, children: _jsx("div", { style: styles.pointer(direction, rgb), children: props.pointer ? (_jsx(props.pointer, { ...props })) : (_jsx("div", { style: styles.slider })) }) })] }));
|
|
83
|
-
}
|
|
84
|
-
export default Alpha;
|
|
83
|
+
}
|
|
85
84
|
//# sourceMappingURL=Alpha.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alpha.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Alpha.tsx"],"names":[],"mappings":";AAAA,6DAA6D;AAC7D,cAAc;AAEd,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,KAAK,MAAM,qBAAqB,CAAC;AAE7C,OAAO,UAAU,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,MAAM,GAAG;IACb,KAAK,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;QACxB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,YAAY;KACb,CAAC;IACF,YAAY,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;QAC/B,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,QAAQ;QAClB,YAAY;KACb,CAAC;IACF,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,EAAE,EAAE;QACpD,IAAI,iBAAiB,GAAG,OAAO,CAAC;QAEhC,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;YAC7B,iBAAiB,GAAG,QAAQ,CAAC;QAC/B,CAAC;QAED,OAAO;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,SAAS;YACT,YAAY;YACZ,UAAU,EAAE,sBAAsB,iBAAiB,UAAU,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC;aAC7E,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,YAAY;SAC3C,CAAC;IACJ,CAAC;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,OAAO;KAChB;IACD,OAAO,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,EAAE;QAC1B,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;YAC7B,OAAO;gBACL,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,CAAC;gBACP,GAAG,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG;aACvB,CAAC;QACJ,CAAC;QAED,OAAO;YACL,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG;SACxB,CAAC;IACJ,CAAC;IACD,MAAM,EAAE;QACN,KAAK,EAAE,KAAK;QACZ,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,2BAA2B;QACtC,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,kBAAkB;KAC9B;CACF,CAAC;AAEF,MAAM,
|
|
1
|
+
{"version":3,"file":"Alpha.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Alpha.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBoard.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/CheckBoard.tsx"],"names":[],"mappings":"AAoCA,
|
|
1
|
+
{"version":3,"file":"CheckBoard.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/CheckBoard.tsx"],"names":[],"mappings":"AAoCA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,KAAA,+BAWvC"}
|
|
@@ -18,7 +18,7 @@ const styles = {
|
|
|
18
18
|
};
|
|
19
19
|
},
|
|
20
20
|
};
|
|
21
|
-
|
|
21
|
+
export default function CheckBoard(props) {
|
|
22
22
|
const { children } = props;
|
|
23
23
|
if (!isValidElement(children)) {
|
|
24
24
|
return _jsx("div", { style: styles.grid(props) });
|
|
@@ -27,6 +27,5 @@ const CheckBoard = (props) => {
|
|
|
27
27
|
...children.props,
|
|
28
28
|
style: { ...children.props.style, ...styles.grid(props) },
|
|
29
29
|
});
|
|
30
|
-
}
|
|
31
|
-
export default CheckBoard;
|
|
30
|
+
}
|
|
32
31
|
//# sourceMappingURL=CheckBoard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBoard.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/CheckBoard.tsx"],"names":[],"mappings":";AAAA,6DAA6D;AAC7D,cAAc;AAEd,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,UAAU,MAAM,0BAA0B,CAAC;AAEvD,MAAM,MAAM,GAAG;IACb,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE;QACd,MAAM,EACJ,IAAI,GAAG,CAAC,EACR,KAAK,GAAG,aAAa,EACrB,IAAI,GAAG,iBAAiB,EACxB,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,SAAS,GACV,GAAG,KAAK,CAAC;QAEV,OAAO;YACL,YAAY;YACZ,SAAS;YACT,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,UAAU,EAAE,OAAO,UAAU,CAAC,GAAG,CAC/B,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,SAAS,CAAC,MAAM,CACjB,eAAe;SACjB,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"CheckBoard.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/CheckBoard.tsx"],"names":[],"mappings":";AAAA,6DAA6D;AAC7D,cAAc;AAEd,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,UAAU,MAAM,0BAA0B,CAAC;AAEvD,MAAM,MAAM,GAAG;IACb,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE;QACd,MAAM,EACJ,IAAI,GAAG,CAAC,EACR,KAAK,GAAG,aAAa,EACrB,IAAI,GAAG,iBAAiB,EACxB,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,SAAS,GACV,GAAG,KAAK,CAAC;QAEV,OAAO;YACL,YAAY;YACZ,SAAS;YACT,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,UAAU,EAAE,OAAO,UAAU,CAAC,GAAG,CAC/B,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,SAAS,CAAC,MAAM,CACjB,eAAe;SACjB,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK;IACtC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC9B,OAAO,cAAK,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAI,CAAC;IAC5C,CAAC;IAED,OAAO,YAAY,CAAC,QAAQ,EAAE;QAC5B,GAAG,QAAQ,CAAC,KAAK;QACjB,KAAK,EAAE,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;KAC1D,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditableInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/EditableInput.tsx"],"names":[],"mappings":"AAmBA,QAAA,MAAM,aAAa,GAAI,UAAK,
|
|
1
|
+
{"version":3,"file":"EditableInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/EditableInput.tsx"],"names":[],"mappings":"AAmBA,QAAA,MAAM,aAAa,GAAI,UAAK,gCAsJ3B,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -45,51 +45,55 @@ const EditableInput = (props) => {
|
|
|
45
45
|
}
|
|
46
46
|
onBlur?.(event);
|
|
47
47
|
}, [state.blurValue, onBlur]);
|
|
48
|
-
const setUpdatedValue = useCallback((value,
|
|
48
|
+
const setUpdatedValue = useCallback((value, event) => {
|
|
49
49
|
const onChangeValue = props.label
|
|
50
50
|
? getValueObjectWithLabel(value)
|
|
51
51
|
: value;
|
|
52
52
|
if (props.onChange) {
|
|
53
|
-
props.onChange(onChangeValue,
|
|
53
|
+
props.onChange(onChangeValue, event);
|
|
54
54
|
}
|
|
55
55
|
setState({ value });
|
|
56
56
|
}, [getValueObjectWithLabel, props]);
|
|
57
|
-
const handleChange = useCallback((
|
|
58
|
-
setUpdatedValue(
|
|
57
|
+
const handleChange = useCallback((event) => {
|
|
58
|
+
setUpdatedValue(event.target.value, event);
|
|
59
59
|
}, [setUpdatedValue]);
|
|
60
|
-
const handleKeyDown = useCallback((
|
|
61
|
-
// In case `
|
|
60
|
+
const handleKeyDown = useCallback((event) => {
|
|
61
|
+
// In case `event.target.value` is a percentage remove the `%` character
|
|
62
62
|
// and update accordingly with a percentage
|
|
63
63
|
// https://github.com/casesandberg/react-color/issues/383
|
|
64
|
-
const value = getNumberValue(
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
const updatedValue = e.keyCode === UP_KEY_CODE ? value + offset : value - offset;
|
|
68
|
-
setUpdatedValue(updatedValue, e);
|
|
64
|
+
const value = getNumberValue(event.target.value);
|
|
65
|
+
if (Number.isNaN(value) || !isValidKeyCode(event.keyCode)) {
|
|
66
|
+
return;
|
|
69
67
|
}
|
|
68
|
+
const offset = props.arrowOffset || DEFAULT_ARROW_OFFSET;
|
|
69
|
+
const updatedValue = event.keyCode === UP_KEY_CODE ? value + offset : value - offset;
|
|
70
|
+
setUpdatedValue(updatedValue, event);
|
|
70
71
|
}, [props.arrowOffset, setUpdatedValue]);
|
|
71
|
-
const handleDrag = useCallback((
|
|
72
|
-
if (props.dragLabel) {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
72
|
+
const handleDrag = useCallback((event) => {
|
|
73
|
+
if (!props.dragLabel) {
|
|
74
|
+
return;
|
|
75
|
+
}
|
|
76
|
+
const newValue = Math.round(valueRef.current + event.movementX);
|
|
77
|
+
if (newValue < 0 || newValue > props.dragMax) {
|
|
78
|
+
return;
|
|
79
|
+
}
|
|
80
|
+
valueRef.current = newValue;
|
|
81
|
+
if (props.onChange) {
|
|
82
|
+
props.onChange(getValueObjectWithLabel(newValue), event);
|
|
80
83
|
}
|
|
81
84
|
}, [props, getValueObjectWithLabel]);
|
|
82
|
-
const handleMouseDown = useCallback((
|
|
85
|
+
const handleMouseDown = useCallback((event) => {
|
|
83
86
|
function mouseUp() {
|
|
84
87
|
window.removeEventListener('mousemove', handleDrag);
|
|
85
88
|
window.removeEventListener('mouseup', mouseUp);
|
|
86
89
|
}
|
|
87
|
-
if (props.dragLabel) {
|
|
88
|
-
|
|
89
|
-
handleDrag(e);
|
|
90
|
-
window.addEventListener('mousemove', handleDrag);
|
|
91
|
-
window.addEventListener('mouseup', mouseUp);
|
|
90
|
+
if (!props.dragLabel) {
|
|
91
|
+
return;
|
|
92
92
|
}
|
|
93
|
+
event.preventDefault();
|
|
94
|
+
handleDrag(event);
|
|
95
|
+
window.addEventListener('mousemove', handleDrag);
|
|
96
|
+
window.addEventListener('mouseup', mouseUp);
|
|
93
97
|
}, [handleDrag, props.dragLabel]);
|
|
94
98
|
const { wrap = {}, input = {}, label = {} } = props.style || {};
|
|
95
99
|
return (_jsxs("div", { style: { ...styles.wrap, ...wrap }, children: [_jsx("input", { id: inputId, style: input, ref: inputRef, value: state.value, onKeyDown: handleKeyDown, onChange: handleChange, onBlur: handleBlur, placeholder: props.placeholder, spellCheck: "false" }), props.label && !props.hideLabel ? (_jsx("label", { htmlFor: inputId, style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditableInput.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/EditableInput.tsx"],"names":[],"mappings":";AAAA,6DAA6D;AAC7D,cAAc;AAEd,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExE,MAAM,oBAAoB,GAAG,CAAC,CAAC;AAE/B,MAAM,WAAW,GAAG,EAAE,CAAC;AACvB,MAAM,aAAa,GAAG,EAAE,CAAC;AACzB,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC;AAC9D,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AACjE,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;AAE5E,MAAM,MAAM,GAAG;IACb,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,EAAE;IAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC;QACjC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE;QACxC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE;KAC7C,CAAC,CAAC;IACH,MAAM,QAAQ,GAAG,MAAM,EAAE,CAAC;IAC1B,MAAM,QAAQ,GAAG,MAAM,CAAS,KAAK,CAAC,KAAK,CAAC,CAAC;IAE7C,MAAM,OAAO,GAAG,qBAAqB,KAAK,EAAE,EAAE,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC;QAC/B,IAAI,QAAQ,CAAC,OAAO,KAAK,QAAQ,CAAC,aAAa,EAAE,CAAC;YAChD,QAAQ,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QAC7D,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;gBACvB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE;gBACxC,SAAS,EAAE,CAAC,SAAS,CAAC,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE;aACrE,CAAC,CAAC,CAAC;QACN,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,MAAM,uBAAuB,GAAG,WAAW,CACzC,CAAC,KAAK,EAAE,EAAE;QACR,OAAO;YACL,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK;SACrB,CAAC;IACJ,CAAC,EACD,CAAC,KAAK,CAAC,KAAK,CAAC,CACd,CAAC;IAEF,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAAmC,EAAE,EAAE;QACtC,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;YACpB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QACxD,CAAC;QACD,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EACD,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,CAC1B,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"EditableInput.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/EditableInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hue.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Hue.tsx"],"names":[],"mappings":"AA4DA,
|
|
1
|
+
{"version":3,"file":"Hue.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Hue.tsx"],"names":[],"mappings":"AA4DA,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,KAAK,KAAA,+BAkDhC"}
|
|
@@ -51,18 +51,17 @@ const styles = {
|
|
|
51
51
|
transform: 'translateX(-2px)',
|
|
52
52
|
},
|
|
53
53
|
};
|
|
54
|
-
|
|
54
|
+
export default function Hue(props) {
|
|
55
55
|
const { direction = 'horizontal', hsl, style, pointer, onBlur, onChange, } = props;
|
|
56
56
|
const { borderRadius, boxShadow } = style;
|
|
57
57
|
const containerRef = useRef();
|
|
58
|
-
const handleChange = useCallback((
|
|
59
|
-
const change = hue.calculateChange(
|
|
58
|
+
const handleChange = useCallback((event) => {
|
|
59
|
+
const change = hue.calculateChange(event, direction, hsl, containerRef.current);
|
|
60
60
|
if (change && typeof onChange === 'function') {
|
|
61
|
-
onChange(change,
|
|
61
|
+
onChange(change, event);
|
|
62
62
|
}
|
|
63
63
|
}, [direction, hsl, onChange]);
|
|
64
64
|
const handleMouseDown = useOnChange(handleChange);
|
|
65
65
|
return (_jsx("div", { style: styles.hue(borderRadius, boxShadow), children: _jsx("div", { style: styles.container(direction, borderRadius), ref: containerRef, onMouseDown: handleMouseDown, onTouchMove: handleChange, onTouchStart: handleChange, onBlur: onBlur, children: _jsx("div", { style: styles.pointer(direction, hsl), children: pointer ? (_jsx(props.pointer, { ...props })) : (_jsx("div", { style: styles.slider })) }) }) }));
|
|
66
|
-
}
|
|
67
|
-
export default Hue;
|
|
66
|
+
}
|
|
68
67
|
//# sourceMappingURL=Hue.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hue.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Hue.tsx"],"names":[],"mappings":";AAAA,6DAA6D;AAC7D,cAAc;AAEd,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,GAAG,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,MAAM,GAAG;IACb,GAAG,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC;QACjC,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,YAAY;QACZ,SAAS;KACV,CAAC;IACF,SAAS,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,EAAE;QACrC,IAAI,iBAAiB,GAAG,OAAO,CAAC;QAEhC,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;YAC7B,iBAAiB,GAAG,QAAQ,CAAC;QAC/B,CAAC;QACD,OAAO;YACL,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,MAAM;YACd,YAAY;YACZ,UAAU,EAAE,sBAAsB,iBAAiB;oDACL;SAC/C,CAAC;IACJ,CAAC;IACD,OAAO,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,EAAE;QAC1B,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;YAC7B,OAAO;gBACL,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,CAAC;gBACP,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG;aACxC,CAAC;QACJ,CAAC;QAED,OAAO;YACL,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG;SAChC,CAAC;IACJ,CAAC;IAED,MAAM,EAAE;QACN,SAAS,EAAE,KAAK;QAChB,KAAK,EAAE,KAAK;QACZ,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,2BAA2B;QACtC,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,kBAAkB;KAC9B;CACF,CAAC;AAEF,MAAM,
|
|
1
|
+
{"version":3,"file":"Hue.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Hue.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Saturation.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Saturation.tsx"],"names":[],"mappings":"AAsDA,
|
|
1
|
+
{"version":3,"file":"Saturation.d.ts","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Saturation.tsx"],"names":[],"mappings":"AAsDA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,KAAA,+BA+CvC"}
|
|
@@ -48,19 +48,18 @@ const styles = {
|
|
|
48
48
|
transform: 'translate(-2px, -2px)',
|
|
49
49
|
},
|
|
50
50
|
};
|
|
51
|
-
|
|
51
|
+
export default function Saturation(props) {
|
|
52
52
|
const { hsl, hsv, pointer, onChange, onBlur } = props;
|
|
53
|
-
const throttleRef = useRef(throttle((
|
|
54
|
-
|
|
53
|
+
const throttleRef = useRef(throttle((function_, data, event) => {
|
|
54
|
+
function_(data, event);
|
|
55
55
|
}, 50));
|
|
56
56
|
const containerRef = useRef();
|
|
57
|
-
const handleChange = useCallback((
|
|
57
|
+
const handleChange = useCallback((event) => {
|
|
58
58
|
if (onChange && typeof onChange === 'function') {
|
|
59
|
-
throttleRef.current(onChange, saturation.calculateChange(
|
|
59
|
+
throttleRef.current(onChange, saturation.calculateChange(event, hsl, containerRef.current), event);
|
|
60
60
|
}
|
|
61
61
|
}, [hsl, onChange, throttleRef]);
|
|
62
62
|
const handleMouseDown = useOnChange(handleChange);
|
|
63
63
|
return (_jsx("div", { style: styles.color(hsl), ref: containerRef, onMouseDown: handleMouseDown, onTouchMove: handleChange, onTouchStart: handleChange, onBlur: onBlur, children: _jsxs("div", { style: styles.white(), children: [_jsx("div", { style: styles.black() }), _jsx("div", { style: styles.pointer(hsv), children: pointer ? (_jsx(props.pointer, { ...props })) : (_jsx("div", { style: styles.circle })) })] }) }));
|
|
64
|
-
}
|
|
65
|
-
export default Saturation;
|
|
64
|
+
}
|
|
66
65
|
//# sourceMappingURL=Saturation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Saturation.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Saturation.tsx"],"names":[],"mappings":";AAAA,6DAA6D;AAC7D,cAAc;AAEd,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,KAAK,UAAU,MAAM,0BAA0B,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,MAAM,GAAG;IACb,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACf,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,UAAU,EAAE,OAAO,GAAG,CAAC,CAAC,aAAa;QACrC,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,MAAM;KACnB,CAAC;IACF,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;QACZ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,UAAU,EAAE,sDAAsD;KACnE,CAAC;IACF,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;QACZ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,UAAU,EAAE,8CAA8C;KAC3D,CAAC;IACF,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACjB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG;QAC/B,IAAI,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG;QACvB,MAAM,EAAE,SAAS;KAClB,CAAC;IACF,MAAM,EAAE;QACN,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,SAAS,EAAE;qCACsB;QACjC,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,uBAAuB;KACnC;CACF,CAAC;AAEF,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"Saturation.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/react-color/common/Saturation.tsx"],"names":[],"mappings":"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"}
|