intergalactic 15.58.1 → 15.59.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/CHANGELOG.md +55 -0
- package/carousel/lib/cjs/Carousel.js +2 -2
- package/carousel/lib/cjs/Carousel.js.map +1 -1
- package/carousel/lib/es6/Carousel.js +2 -2
- package/carousel/lib/es6/Carousel.js.map +1 -1
- package/color-picker/lib/cjs/ColorPicker.js +2 -1
- package/color-picker/lib/cjs/ColorPicker.js.map +1 -1
- package/color-picker/lib/es6/ColorPicker.js +2 -1
- package/color-picker/lib/es6/ColorPicker.js.map +1 -1
- package/components.json +32 -32
- package/d3-chart/lib/cjs/Area.js +11 -11
- package/d3-chart/lib/cjs/Axis.js +14 -14
- package/d3-chart/lib/cjs/Bar.js +10 -10
- package/d3-chart/lib/cjs/Bubble.js +12 -12
- package/d3-chart/lib/cjs/Donut.js +9 -9
- package/d3-chart/lib/cjs/Dots.js +8 -8
- package/d3-chart/lib/cjs/HorizontalBar.js +10 -10
- package/d3-chart/lib/cjs/Hover.js +3 -3
- package/d3-chart/lib/cjs/Line.js +9 -9
- package/d3-chart/lib/cjs/Plot.js +3 -3
- package/d3-chart/lib/cjs/Radar.js +19 -19
- package/d3-chart/lib/cjs/RadialTree.js +11 -11
- package/d3-chart/lib/cjs/ReferenceLine.js +9 -9
- package/d3-chart/lib/cjs/ScatterPlot.js +9 -9
- package/d3-chart/lib/cjs/Tooltip.js +9 -9
- package/d3-chart/lib/cjs/Venn.js +9 -9
- package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/cjs/a11y/PlotA11yView.js +6 -4
- package/d3-chart/lib/cjs/a11y/PlotA11yView.js.map +1 -1
- package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/d3-chart/lib/es6/Area.js +11 -11
- package/d3-chart/lib/es6/Axis.js +14 -14
- package/d3-chart/lib/es6/Bar.js +10 -10
- package/d3-chart/lib/es6/Bubble.js +12 -12
- package/d3-chart/lib/es6/Donut.js +9 -9
- package/d3-chart/lib/es6/Dots.js +8 -8
- package/d3-chart/lib/es6/HorizontalBar.js +10 -10
- package/d3-chart/lib/es6/Hover.js +3 -3
- package/d3-chart/lib/es6/Line.js +9 -9
- package/d3-chart/lib/es6/Plot.js +3 -3
- package/d3-chart/lib/es6/Radar.js +19 -19
- package/d3-chart/lib/es6/RadialTree.js +11 -11
- package/d3-chart/lib/es6/ReferenceLine.js +9 -9
- package/d3-chart/lib/es6/ScatterPlot.js +9 -9
- package/d3-chart/lib/es6/Tooltip.js +9 -9
- package/d3-chart/lib/es6/Venn.js +9 -9
- package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/es6/a11y/PlotA11yView.js +6 -4
- package/d3-chart/lib/es6/a11y/PlotA11yView.js.map +1 -1
- package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/data-table/lib/cjs/Head.js +2 -1
- package/data-table/lib/cjs/Head.js.map +1 -1
- package/data-table/lib/es6/Head.js +2 -1
- package/data-table/lib/es6/Head.js.map +1 -1
- package/icon/lib/cjs/Icon.js +3 -3
- package/icon/lib/cjs/Icon.js.map +1 -1
- package/icon/lib/es6/Icon.js +3 -3
- package/icon/lib/es6/Icon.js.map +1 -1
- package/inline-edit/lib/cjs/InlineEdit.js +4 -4
- package/inline-edit/lib/cjs/InlineEdit.js.map +1 -1
- package/inline-edit/lib/es6/InlineEdit.js +4 -4
- package/inline-edit/lib/es6/InlineEdit.js.map +1 -1
- package/inline-input/lib/cjs/InlineInput.js +4 -4
- package/inline-input/lib/cjs/InlineInput.js.map +1 -1
- package/inline-input/lib/es6/InlineInput.js +4 -4
- package/inline-input/lib/es6/InlineInput.js.map +1 -1
- package/input-tags/lib/cjs/InputTags.js +3 -3
- package/input-tags/lib/cjs/InputTags.js.map +1 -1
- package/input-tags/lib/es6/InputTags.js +3 -3
- package/input-tags/lib/es6/InputTags.js.map +1 -1
- package/package.json +1 -1
- package/pills/lib/cjs/Pills.js +2 -1
- package/pills/lib/cjs/Pills.js.map +1 -1
- package/pills/lib/es6/Pills.js +2 -1
- package/pills/lib/es6/Pills.js.map +1 -1
- package/switch/lib/cjs/Switch.js +5 -2
- package/switch/lib/cjs/Switch.js.map +1 -1
- package/switch/lib/es6/Switch.js +5 -2
- package/switch/lib/es6/Switch.js.map +1 -1
- package/tab-panel/lib/cjs/TabPanel.js +2 -1
- package/tab-panel/lib/cjs/TabPanel.js.map +1 -1
- package/tab-panel/lib/es6/TabPanel.js +2 -1
- package/tab-panel/lib/es6/TabPanel.js.map +1 -1
- package/tag/lib/cjs/Tag.js +4 -3
- package/tag/lib/cjs/Tag.js.map +1 -1
- package/tag/lib/es6/Tag.js +4 -3
- package/tag/lib/es6/Tag.js.map +1 -1
- package/tooltip/index.d.ts +4 -1
- package/tooltip/lib/cjs/Tooltip.js +14 -9
- package/tooltip/lib/cjs/Tooltip.js.map +1 -1
- package/tooltip/lib/cjs/index.d.js.map +1 -1
- package/tooltip/lib/cjs/style/tooltip.shadow.css +4 -0
- package/tooltip/lib/es6/Tooltip.js +14 -9
- package/tooltip/lib/es6/Tooltip.js.map +1 -1
- package/tooltip/lib/es6/index.d.js.map +1 -1
- package/tooltip/lib/es6/style/tooltip.shadow.css +4 -0
- package/tooltip/lib/types/index.d.ts +4 -1
- package/wizard/lib/cjs/Wizard.js +2 -1
- package/wizard/lib/cjs/Wizard.js.map +1 -1
- package/wizard/lib/es6/Wizard.js +2 -1
- package/wizard/lib/es6/Wizard.js.map +1 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ColorPicker.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_dropdown","_flexBox","_m","_keyboardFocusEnhance","_PaletteManager","_components","_intergalacticDynamicLocales","_i18nEnhance","style","sstyled","insert","defaultColors","exports","ColorPickerRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","value","event","handlers","visible","preventDefault","_createClass2","key","uncontrolledProps","getTriggerProps","_this$asProps","asProps","getI18nText","popperVisible","getColorsProps","_this$asProps2","colors","getInputColorProps","getItemProps","props","_this2","_this$asProps3","displayLabel","isSelected","onClick","bindHandlerItemClick","onKeyDown","selected","getPopperProps","render","_ref","_ref5","_this$asProps4","styles","Children","createElement","Dropdown","assignProps","cn","Component","i18nEnhance","localizedMessages","defaultVisible","defaultValue","i18n","locale","children","Fragment","ColorPicker","Trigger","Popper","_ref2","arguments[0]","label","React","useMemo","currentColor","color","DefaultTrigger","enhance","keyboardFocusEnhance","forwardRef","ref","_ref3","_ref6","SDefaultTrigger","Box","STriggerCircle","STriggerCircleLine","_objectSpread2","_ref4","_ref7","SColorPickerPopper","Colors","createComponent","Item","PaletteManager","PaletteManagerRoot","ColorsCustom","InputColor","_default"],"sources":["../../src/ColorPicker.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport ChevronDownM from '@semcore/icon/ChevronDown/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport PaletteManagerRoot from './PaletteManager';\nimport { Item, Colors, ColorsCustom, InputColor } from './components';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/color-picker.shadow.css';\n\nconst defaultColors = [\n null,\n '#2BB3FF',\n '#8649E1',\n '#C695FF',\n '#F67CF2',\n '#FFA9FA',\n '#FF8786',\n '#FF8C43',\n '#FDC23C',\n '#66C030',\n '#9BD85D',\n '#C7EE96',\n];\n\ntype RootAsProps = {\n defaultVisible?: boolean;\n visible?: boolean;\n defaultValue?: string;\n value?: string;\n onChange?: (value: string, event: React.ChangeEvent) => void;\n colors?: string[];\n onColorsChange?: (value: string, event: React.ChangeEvent) => void;\n displayLabel?: boolean;\n styles?: React.CSSProperties;\n Children: React.FC;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype TriggerAsProps = {\n styles?: React.CSSProperties;\n value?: string;\n popperVisible: boolean;\n Children: React.FC;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype PopperAsProps = {\n styles?: React.CSSProperties;\n Children: React.FC;\n children?: React.ReactNode;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype ItemAsProps = {\n value: string;\n};\n\nclass ColorPickerRoot extends Component<RootAsProps> {\n static displayName = 'ColorPicker';\n\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n\n static defaultProps = () => ({\n defaultVisible: false,\n defaultValue: null,\n colors: defaultColors,\n i18n: localizedMessages,\n locale: 'en',\n children: (\n <>\n <ColorPicker.Trigger />\n <ColorPicker.Popper />\n </>\n ),\n });\n\n uncontrolledProps() {\n return {\n value: null,\n visible: false,\n };\n }\n\n bindHandlerItemClick = (value: string) => (event: React.MouseEvent | React.KeyboardEvent) => {\n this.handlers.value(value, event);\n this.handlers.visible(false, event);\n event.preventDefault();\n };\n\n getTriggerProps() {\n const { value, visible, getI18nText } = this.asProps;\n\n return {\n value,\n popperVisible: visible,\n getI18nText,\n };\n }\n\n getColorsProps() {\n const { colors, getI18nText } = this.asProps;\n\n return {\n colors,\n getI18nText,\n };\n }\n\n getInputColorProps() {\n const { getI18nText } = this.asProps;\n\n return {\n getI18nText,\n };\n }\n getItemProps(props: ItemAsProps) {\n const { value, displayLabel, getI18nText } = this.asProps;\n const isSelected = value === props.value;\n\n return {\n displayLabel,\n onClick: this.bindHandlerItemClick(props.value),\n onKeyDown: (event: React.KeyboardEvent) => {\n if (event.key === 'Enter' || event.key === 'Space') {\n this.bindHandlerItemClick(props.value)(event);\n }\n },\n selected: isSelected,\n getI18nText,\n };\n }\n\n getPopperProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const { styles, Children } = this.asProps;\n\n return sstyled(styles)(\n <Root render={Dropdown} stretch={false}>\n <Children />\n </Root>,\n );\n }\n}\n\nexport function Trigger(props: TriggerAsProps) {\n const { Children, value, popperVisible, getI18nText } = props;\n const label = React.useMemo(() => {\n const currentColor = value\n ? getI18nText('currentColor', { color: value })\n : getI18nText('emptyColor');\n if (popperVisible) {\n return getI18nText('goToPaletteHint', { currentColor });\n }\n return currentColor;\n }, [value, popperVisible]);\n\n return (\n <Root render={Dropdown.Trigger} tag={DefaultTrigger} aria-label={label}>\n <Children />\n </Root>\n );\n}\n\nTrigger.enhance = [keyboardFocusEnhance()];\n\nconst DefaultTrigger = React.forwardRef(function (props: TriggerAsProps, ref) {\n const { styles, value } = props;\n const SDefaultTrigger = Root;\n const STriggerCircle = Box;\n const STriggerCircleLine = 'svg';\n\n return sstyled(styles)(\n <SDefaultTrigger render={Box} ref={ref}>\n <STriggerCircle data-value={value}>\n {!value && (\n <STriggerCircleLine\n width='10'\n height='10'\n viewBox='0 0 10 10'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n <rect\n width='1'\n height='14'\n transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 10 1)'\n fill='#E0E1E9'\n />\n </STriggerCircleLine>\n )}\n </STriggerCircle>\n <ChevronDownM color='gray-800' />\n </SDefaultTrigger>,\n ) as React.ReactElement;\n});\n\nexport function Popper(props: PopperAsProps) {\n const { styles, Children, getI18nText, children } = props;\n const SColorPickerPopper = Root;\n\n return sstyled(styles)(\n <SColorPickerPopper render={Dropdown.Popper} aria-label={getI18nText('palette')}>\n {children ? <Children /> : <ColorPicker.Colors getI18nText={props.getI18nText} />}\n </SColorPickerPopper>,\n );\n}\n\nconst ColorPicker = createComponent(ColorPickerRoot, {\n Trigger,\n Popper,\n Item,\n Colors,\n}) as any;\n\nconst PaletteManager = createComponent(PaletteManagerRoot, {\n Item: ColorPicker.Item,\n Colors: ColorsCustom,\n InputColor,\n}) as any;\n\nexport { PaletteManager, defaultColors };\nexport default ColorPicker;\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"ColorPicker.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_dropdown","_flexBox","_m","_keyboardFocusEnhance","_PaletteManager","_components","_intergalacticDynamicLocales","_i18nEnhance","style","sstyled","insert","defaultColors","exports","ColorPickerRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","value","event","handlers","visible","preventDefault","_createClass2","key","uncontrolledProps","getTriggerProps","_this$asProps","asProps","getI18nText","popperVisible","getColorsProps","_this$asProps2","colors","getInputColorProps","getItemProps","props","_this2","_this$asProps3","displayLabel","isSelected","onClick","bindHandlerItemClick","onKeyDown","code","selected","getPopperProps","render","_ref","_ref5","_this$asProps4","styles","Children","createElement","Dropdown","assignProps","cn","Component","i18nEnhance","localizedMessages","defaultVisible","defaultValue","i18n","locale","children","Fragment","ColorPicker","Trigger","Popper","_ref2","arguments[0]","label","React","useMemo","currentColor","color","DefaultTrigger","enhance","keyboardFocusEnhance","forwardRef","ref","_ref3","_ref6","SDefaultTrigger","Box","STriggerCircle","STriggerCircleLine","_objectSpread2","_ref4","_ref7","SColorPickerPopper","Colors","createComponent","Item","PaletteManager","PaletteManagerRoot","ColorsCustom","InputColor","_default"],"sources":["../../src/ColorPicker.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport ChevronDownM from '@semcore/icon/ChevronDown/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport PaletteManagerRoot from './PaletteManager';\nimport { Item, Colors, ColorsCustom, InputColor } from './components';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/color-picker.shadow.css';\n\nconst defaultColors = [\n null,\n '#2BB3FF',\n '#8649E1',\n '#C695FF',\n '#F67CF2',\n '#FFA9FA',\n '#FF8786',\n '#FF8C43',\n '#FDC23C',\n '#66C030',\n '#9BD85D',\n '#C7EE96',\n];\n\ntype RootAsProps = {\n defaultVisible?: boolean;\n visible?: boolean;\n defaultValue?: string;\n value?: string;\n onChange?: (value: string, event: React.ChangeEvent) => void;\n colors?: string[];\n onColorsChange?: (value: string, event: React.ChangeEvent) => void;\n displayLabel?: boolean;\n styles?: React.CSSProperties;\n Children: React.FC;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype TriggerAsProps = {\n styles?: React.CSSProperties;\n value?: string;\n popperVisible: boolean;\n Children: React.FC;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype PopperAsProps = {\n styles?: React.CSSProperties;\n Children: React.FC;\n children?: React.ReactNode;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype ItemAsProps = {\n value: string;\n};\n\nclass ColorPickerRoot extends Component<RootAsProps> {\n static displayName = 'ColorPicker';\n\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n\n static defaultProps = () => ({\n defaultVisible: false,\n defaultValue: null,\n colors: defaultColors,\n i18n: localizedMessages,\n locale: 'en',\n children: (\n <>\n <ColorPicker.Trigger />\n <ColorPicker.Popper />\n </>\n ),\n });\n\n uncontrolledProps() {\n return {\n value: null,\n visible: false,\n };\n }\n\n bindHandlerItemClick = (value: string) => (event: React.MouseEvent | React.KeyboardEvent) => {\n this.handlers.value(value, event);\n this.handlers.visible(false, event);\n event.preventDefault();\n };\n\n getTriggerProps() {\n const { value, visible, getI18nText } = this.asProps;\n\n return {\n value,\n popperVisible: visible,\n getI18nText,\n };\n }\n\n getColorsProps() {\n const { colors, getI18nText } = this.asProps;\n\n return {\n colors,\n getI18nText,\n };\n }\n\n getInputColorProps() {\n const { getI18nText } = this.asProps;\n\n return {\n getI18nText,\n };\n }\n getItemProps(props: ItemAsProps) {\n const { value, displayLabel, getI18nText } = this.asProps;\n const isSelected = value === props.value;\n\n return {\n displayLabel,\n onClick: this.bindHandlerItemClick(props.value),\n onKeyDown: (event: React.KeyboardEvent) => {\n if (event.code === 'Enter' || event.code === 'Space') {\n event.preventDefault();\n this.bindHandlerItemClick(props.value)(event);\n }\n },\n selected: isSelected,\n getI18nText,\n };\n }\n\n getPopperProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const { styles, Children } = this.asProps;\n\n return sstyled(styles)(\n <Root render={Dropdown} stretch={false}>\n <Children />\n </Root>,\n );\n }\n}\n\nexport function Trigger(props: TriggerAsProps) {\n const { Children, value, popperVisible, getI18nText } = props;\n const label = React.useMemo(() => {\n const currentColor = value\n ? getI18nText('currentColor', { color: value })\n : getI18nText('emptyColor');\n if (popperVisible) {\n return getI18nText('goToPaletteHint', { currentColor });\n }\n return currentColor;\n }, [value, popperVisible]);\n\n return (\n <Root render={Dropdown.Trigger} tag={DefaultTrigger} aria-label={label}>\n <Children />\n </Root>\n );\n}\n\nTrigger.enhance = [keyboardFocusEnhance()];\n\nconst DefaultTrigger = React.forwardRef(function (props: TriggerAsProps, ref) {\n const { styles, value } = props;\n const SDefaultTrigger = Root;\n const STriggerCircle = Box;\n const STriggerCircleLine = 'svg';\n\n return sstyled(styles)(\n <SDefaultTrigger render={Box} ref={ref}>\n <STriggerCircle data-value={value}>\n {!value && (\n <STriggerCircleLine\n width='10'\n height='10'\n viewBox='0 0 10 10'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n <rect\n width='1'\n height='14'\n transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 10 1)'\n fill='#E0E1E9'\n />\n </STriggerCircleLine>\n )}\n </STriggerCircle>\n <ChevronDownM color='gray-800' />\n </SDefaultTrigger>,\n ) as React.ReactElement;\n});\n\nexport function Popper(props: PopperAsProps) {\n const { styles, Children, getI18nText, children } = props;\n const SColorPickerPopper = Root;\n\n return sstyled(styles)(\n <SColorPickerPopper render={Dropdown.Popper} aria-label={getI18nText('palette')}>\n {children ? <Children /> : <ColorPicker.Colors getI18nText={props.getI18nText} />}\n </SColorPickerPopper>,\n );\n}\n\nconst ColorPicker = createComponent(ColorPickerRoot, {\n Trigger,\n Popper,\n Item,\n Colors,\n}) as any;\n\nconst PaletteManager = createComponent(PaletteManagerRoot, {\n Item: ColorPicker.Item,\n Colors: ColorsCustom,\n InputColor,\n}) as any;\n\nexport { PaletteManager, defaultColors };\nexport default ColorPicker;\n"],"mappings":"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"}
|
@@ -118,7 +118,8 @@ var ColorPickerRoot = /*#__PURE__*/function (_Component) {
|
|
118
118
|
displayLabel: displayLabel,
|
119
119
|
onClick: this.bindHandlerItemClick(props.value),
|
120
120
|
onKeyDown: function onKeyDown(event) {
|
121
|
-
if (event.
|
121
|
+
if (event.code === 'Enter' || event.code === 'Space') {
|
122
|
+
event.preventDefault();
|
122
123
|
_this2.bindHandlerItemClick(props.value)(event);
|
123
124
|
}
|
124
125
|
},
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ColorPicker.js","names":["React","createComponent","Component","sstyled","Root","Dropdown","Box","ChevronDownM","keyboardFocusEnhance","PaletteManagerRoot","Item","Colors","ColorsCustom","InputColor","localizedMessages","i18nEnhance","style","_sstyled","insert","defaultColors","ColorPickerRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","value","event","handlers","visible","preventDefault","_createClass","key","uncontrolledProps","getTriggerProps","_this$asProps","asProps","getI18nText","popperVisible","getColorsProps","_this$asProps2","colors","getInputColorProps","getItemProps","props","_this2","_this$asProps3","displayLabel","isSelected","onClick","bindHandlerItemClick","onKeyDown","selected","getPopperProps","render","_ref","_ref5","_this$asProps4","styles","Children","createElement","_assignProps","cn","defaultVisible","defaultValue","i18n","locale","children","Fragment","ColorPicker","Trigger","Popper","_ref2","arguments[0]","label","useMemo","currentColor","color","_assignProps2","DefaultTrigger","enhance","forwardRef","ref","_ref3","_ref6","SDefaultTrigger","STriggerCircle","STriggerCircleLine","_objectSpread","_assignProps3","_ref4","_ref7","SColorPickerPopper","_assignProps4","PaletteManager"],"sources":["../../src/ColorPicker.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport ChevronDownM from '@semcore/icon/ChevronDown/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport PaletteManagerRoot from './PaletteManager';\nimport { Item, Colors, ColorsCustom, InputColor } from './components';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/color-picker.shadow.css';\n\nconst defaultColors = [\n null,\n '#2BB3FF',\n '#8649E1',\n '#C695FF',\n '#F67CF2',\n '#FFA9FA',\n '#FF8786',\n '#FF8C43',\n '#FDC23C',\n '#66C030',\n '#9BD85D',\n '#C7EE96',\n];\n\ntype RootAsProps = {\n defaultVisible?: boolean;\n visible?: boolean;\n defaultValue?: string;\n value?: string;\n onChange?: (value: string, event: React.ChangeEvent) => void;\n colors?: string[];\n onColorsChange?: (value: string, event: React.ChangeEvent) => void;\n displayLabel?: boolean;\n styles?: React.CSSProperties;\n Children: React.FC;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype TriggerAsProps = {\n styles?: React.CSSProperties;\n value?: string;\n popperVisible: boolean;\n Children: React.FC;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype PopperAsProps = {\n styles?: React.CSSProperties;\n Children: React.FC;\n children?: React.ReactNode;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype ItemAsProps = {\n value: string;\n};\n\nclass ColorPickerRoot extends Component<RootAsProps> {\n static displayName = 'ColorPicker';\n\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n\n static defaultProps = () => ({\n defaultVisible: false,\n defaultValue: null,\n colors: defaultColors,\n i18n: localizedMessages,\n locale: 'en',\n children: (\n <>\n <ColorPicker.Trigger />\n <ColorPicker.Popper />\n </>\n ),\n });\n\n uncontrolledProps() {\n return {\n value: null,\n visible: false,\n };\n }\n\n bindHandlerItemClick = (value: string) => (event: React.MouseEvent | React.KeyboardEvent) => {\n this.handlers.value(value, event);\n this.handlers.visible(false, event);\n event.preventDefault();\n };\n\n getTriggerProps() {\n const { value, visible, getI18nText } = this.asProps;\n\n return {\n value,\n popperVisible: visible,\n getI18nText,\n };\n }\n\n getColorsProps() {\n const { colors, getI18nText } = this.asProps;\n\n return {\n colors,\n getI18nText,\n };\n }\n\n getInputColorProps() {\n const { getI18nText } = this.asProps;\n\n return {\n getI18nText,\n };\n }\n getItemProps(props: ItemAsProps) {\n const { value, displayLabel, getI18nText } = this.asProps;\n const isSelected = value === props.value;\n\n return {\n displayLabel,\n onClick: this.bindHandlerItemClick(props.value),\n onKeyDown: (event: React.KeyboardEvent) => {\n if (event.key === 'Enter' || event.key === 'Space') {\n this.bindHandlerItemClick(props.value)(event);\n }\n },\n selected: isSelected,\n getI18nText,\n };\n }\n\n getPopperProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const { styles, Children } = this.asProps;\n\n return sstyled(styles)(\n <Root render={Dropdown} stretch={false}>\n <Children />\n </Root>,\n );\n }\n}\n\nexport function Trigger(props: TriggerAsProps) {\n const { Children, value, popperVisible, getI18nText } = props;\n const label = React.useMemo(() => {\n const currentColor = value\n ? getI18nText('currentColor', { color: value })\n : getI18nText('emptyColor');\n if (popperVisible) {\n return getI18nText('goToPaletteHint', { currentColor });\n }\n return currentColor;\n }, [value, popperVisible]);\n\n return (\n <Root render={Dropdown.Trigger} tag={DefaultTrigger} aria-label={label}>\n <Children />\n </Root>\n );\n}\n\nTrigger.enhance = [keyboardFocusEnhance()];\n\nconst DefaultTrigger = React.forwardRef(function (props: TriggerAsProps, ref) {\n const { styles, value } = props;\n const SDefaultTrigger = Root;\n const STriggerCircle = Box;\n const STriggerCircleLine = 'svg';\n\n return sstyled(styles)(\n <SDefaultTrigger render={Box} ref={ref}>\n <STriggerCircle data-value={value}>\n {!value && (\n <STriggerCircleLine\n width='10'\n height='10'\n viewBox='0 0 10 10'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n <rect\n width='1'\n height='14'\n transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 10 1)'\n fill='#E0E1E9'\n />\n </STriggerCircleLine>\n )}\n </STriggerCircle>\n <ChevronDownM color='gray-800' />\n </SDefaultTrigger>,\n ) as React.ReactElement;\n});\n\nexport function Popper(props: PopperAsProps) {\n const { styles, Children, getI18nText, children } = props;\n const SColorPickerPopper = Root;\n\n return sstyled(styles)(\n <SColorPickerPopper render={Dropdown.Popper} aria-label={getI18nText('palette')}>\n {children ? <Children /> : <ColorPicker.Colors getI18nText={props.getI18nText} />}\n </SColorPickerPopper>,\n );\n}\n\nconst ColorPicker = createComponent(ColorPickerRoot, {\n Trigger,\n Popper,\n Item,\n Colors,\n}) as any;\n\nconst PaletteManager = createComponent(PaletteManagerRoot, {\n Item: ColorPicker.Item,\n Colors: ColorsCustom,\n InputColor,\n}) as any;\n\nexport { PaletteManager, defaultColors };\nexport default ColorPicker;\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,OAAOC,QAAQ,MAAM,mBAAmB;AACxC,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,YAAY,MAAM,6BAA6B;AACtD,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,OAAOC,kBAAkB,MAAM,kBAAkB;AACjD,SAASC,IAAI,EAAEC,MAAM,EAAEC,YAAY,EAAEC,UAAU,QAAQ,cAAc;AACrE,SAASC,iBAAiB,QAAQ,gDAAgD;AAClF,OAAOC,WAAW,MAAM,yCAAyC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAIlE,IAAMC,aAAa,GAAG,CACpB,IAAI,EACJ,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,CACV;AAAC,IAmCIC,eAAe,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,eAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,eAAA;EAAA,SAAAA,gBAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,eAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,2BA2BI,UAACa,KAAa;MAAA,OAAK,UAACC,KAA6C,EAAK;QAC3Fd,KAAA,CAAKe,QAAQ,CAACF,KAAK,CAACA,KAAK,EAAEC,KAAK,CAAC;QACjCd,KAAA,CAAKe,QAAQ,CAACC,OAAO,CAAC,KAAK,EAAEF,KAAK,CAAC;QACnCA,KAAK,CAACG,cAAc,EAAE;MACxB,CAAC;IAAA;IAAA,OAAAjB,KAAA;EAAA;EAAAkB,YAAA,CAAAvB,eAAA;IAAAwB,GAAA;IAAAN,KAAA,EAXD,SAAAO,kBAAA,EAAoB;MAClB,OAAO;QACLP,KAAK,EAAE,IAAI;QACXG,OAAO,EAAE;MACX,CAAC;IACH;EAAC;IAAAG,GAAA;IAAAN,KAAA,EAQD,SAAAQ,gBAAA,EAAkB;MAChB,IAAAC,aAAA,GAAwC,IAAI,CAACC,OAAO;QAA5CV,KAAK,GAAAS,aAAA,CAALT,KAAK;QAAEG,OAAO,GAAAM,aAAA,CAAPN,OAAO;QAAEQ,WAAW,GAAAF,aAAA,CAAXE,WAAW;MAEnC,OAAO;QACLX,KAAK,EAALA,KAAK;QACLY,aAAa,EAAET,OAAO;QACtBQ,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAAL,GAAA;IAAAN,KAAA,EAED,SAAAa,eAAA,EAAiB;MACf,IAAAC,cAAA,GAAgC,IAAI,CAACJ,OAAO;QAApCK,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEJ,WAAW,GAAAG,cAAA,CAAXH,WAAW;MAE3B,OAAO;QACLI,MAAM,EAANA,MAAM;QACNJ,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAAL,GAAA;IAAAN,KAAA,EAED,SAAAgB,mBAAA,EAAqB;MACnB,IAAQL,WAAW,GAAK,IAAI,CAACD,OAAO,CAA5BC,WAAW;MAEnB,OAAO;QACLA,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAAL,GAAA;IAAAN,KAAA,EACD,SAAAiB,aAAaC,KAAkB,EAAE;MAAA,IAAAC,MAAA;MAC/B,IAAAC,cAAA,GAA6C,IAAI,CAACV,OAAO;QAAjDV,KAAK,GAAAoB,cAAA,CAALpB,KAAK;QAAEqB,YAAY,GAAAD,cAAA,CAAZC,YAAY;QAAEV,WAAW,GAAAS,cAAA,CAAXT,WAAW;MACxC,IAAMW,UAAU,GAAGtB,KAAK,KAAKkB,KAAK,CAAClB,KAAK;MAExC,OAAO;QACLqB,YAAY,EAAZA,YAAY;QACZE,OAAO,EAAE,IAAI,CAACC,oBAAoB,CAACN,KAAK,CAAClB,KAAK,CAAC;QAC/CyB,SAAS,EAAE,SAAAA,UAACxB,KAA0B,EAAK;UACzC,IAAIA,KAAK,CAACK,GAAG,KAAK,OAAO,IAAIL,KAAK,CAACK,GAAG,KAAK,OAAO,EAAE;YAClDa,MAAI,CAACK,oBAAoB,CAACN,KAAK,CAAClB,KAAK,CAAC,CAACC,KAAK,CAAC;UAC/C;QACF,CAAC;QACDyB,QAAQ,EAAEJ,UAAU;QACpBX,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAAL,GAAA;IAAAN,KAAA,EAED,SAAA2B,eAAA,EAAiB;MACf,IAAQhB,WAAW,GAAK,IAAI,CAACD,OAAO,CAA5BC,WAAW;MAEnB,OAAO;QAAEA,WAAW,EAAXA;MAAY,CAAC;IACxB;EAAC;IAAAL,GAAA;IAAAN,KAAA,EAED,SAAA4B,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAnB,OAAA;QAAAoB,KAAA;MACP,IAAAC,cAAA,GAA6B,IAAI,CAACrB,OAAO;QAAjCsB,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEC,QAAQ,GAAAF,cAAA,CAARE,QAAQ;MAExB,OAAAH,KAAA,GAAOjE,OAAO,CAACmE,MAAM,CAAC,eACpBtE,KAAA,CAAAwE,aAAA,CAAcnE,QAAQ,EAAAoE,YAAA;QAAA,WAAW;MAAK,GAAAN,IAAA,gBACpCnE,KAAA,CAAAwE,aAAA,CAACD,QAAQ,EAAAH,KAAA,CAAAM,EAAA,iBAAG,CACP;IAEX;EAAC;EAAA,OAAAtD,eAAA;AAAA,EA1F2BlB,SAAS;AAAAkC,eAAA,CAAjChB,eAAe,iBACE,aAAa;AAAAgB,eAAA,CAD9BhB,eAAe,WAGJJ,KAAK;AAAAoB,eAAA,CAHhBhB,eAAe,aAIF,CAACL,WAAW,CAACD,iBAAiB,CAAC,CAAC;AAAAsB,eAAA,CAJ7ChB,eAAe,kBAMG;EAAA,OAAO;IAC3BuD,cAAc,EAAE,KAAK;IACrBC,YAAY,EAAE,IAAI;IAClBvB,MAAM,EAAElC,aAAa;IACrB0D,IAAI,EAAE/D,iBAAiB;IACvBgE,MAAM,EAAE,IAAI;IACZC,QAAQ,eACN/E,KAAA,CAAAwE,aAAA,CAAAxE,KAAA,CAAAgF,QAAA,qBACEhF,KAAA,CAAAwE,aAAA,CAACS,WAAW,CAACC,OAAO,OAAG,eACvBlF,KAAA,CAAAwE,aAAA,CAACS,WAAW,CAACE,MAAM,OAAG;EAG5B,CAAC;AAAA,CAAC;AA2EJ,OAAO,SAASD,OAAOA,CAAC1B,KAAqB,EAAE;EAAA,IAAA4B,KAAA,GAAAC,YAAA;EAC7C,IAAQd,QAAQ,GAAwCf,KAAK,CAArDe,QAAQ;IAAEjC,KAAK,GAAiCkB,KAAK,CAA3ClB,KAAK;IAAEY,aAAa,GAAkBM,KAAK,CAApCN,aAAa;IAAED,WAAW,GAAKO,KAAK,CAArBP,WAAW;EACnD,IAAMqC,KAAK,GAAGtF,KAAK,CAACuF,OAAO,CAAC,YAAM;IAChC,IAAMC,YAAY,GAAGlD,KAAK,GACtBW,WAAW,CAAC,cAAc,EAAE;MAAEwC,KAAK,EAAEnD;IAAM,CAAC,CAAC,GAC7CW,WAAW,CAAC,YAAY,CAAC;IAC7B,IAAIC,aAAa,EAAE;MACjB,OAAOD,WAAW,CAAC,iBAAiB,EAAE;QAAEuC,YAAY,EAAZA;MAAa,CAAC,CAAC;IACzD;IACA,OAAOA,YAAY;EACrB,CAAC,EAAE,CAAClD,KAAK,EAAEY,aAAa,CAAC,CAAC;EAE1B,oBACElD,KAAA,CAAAwE,aAAA,CAAcnE,QAAQ,CAAC6E,OAAO,EAAAQ,aAAA;IAAA,OAAOC,cAAc;IAAA,cAAcL;EAAK,GAAAF,KAAA,gBACpEpF,KAAA,CAAAwE,aAAA,CAACD,QAAQ,OAAG,CACP;AAEX;AAEAW,OAAO,CAACU,OAAO,GAAG,CAACpF,oBAAoB,EAAE,CAAC;AAE1C,IAAMmF,cAAc,gBAAG3F,KAAK,CAAC6F,UAAU,CAAC,UAAUrC,KAAqB,EAAEsC,GAAG,EAAE;EAAA,IAAAC,KAAA,GAAAV,YAAA;IAAAW,KAAA;EAC5E,IAAQ1B,MAAM,GAAYd,KAAK,CAAvBc,MAAM;IAAEhC,KAAK,GAAKkB,KAAK,CAAflB,KAAK;EACrB,IAAM2D,eAAe,GAKM3F,GAAG;EAJ9B,IAAM4F,cAAc,GAAG5F,GAAG;EAC1B,IAAM6F,kBAAkB,GAAG,KAAK;EAEhC,OAAAH,KAAA,GAAO7F,OAAO,CAACmE,MAAM,CAAC,eACpBtE,KAAA,CAAAwE,aAAA,CAACyB,eAAe,EAAAD,KAAA,CAAAtB,EAAA,oBAAA0B,aAAA,KAAAC,aAAA;IAAA,OAAmBP;EAAG,GAAAC,KAAA,kBACpC/F,KAAA,CAAAwE,aAAA,CAAC0B,cAAc,EAAAF,KAAA,CAAAtB,EAAA;IAAA,cAAapC;EAAK,IAC9B,CAACA,KAAK,iBACLtC,KAAA,CAAAwE,aAAA,CAAC2B,kBAAkB,EAAAH,KAAA,CAAAtB,EAAA;IAAA,SACX,IAAI;IAAA,UACH,IAAI;IAAA,WACH,WAAW;IAAA,QACd,MAAM;IAAA,SACL;EAA4B,iBAElC1E,KAAA,CAAAwE,aAAA,SAAAwB,KAAA,CAAAtB,EAAA;IAAA,SACQ,GAAG;IAAA,UACF,IAAI;IAAA,aACD,qDAAqD;IAAA,QAC1D;EAAS,GACd,CAEL,CACc,eACjB1E,KAAA,CAAAwE,aAAA,CAACjE,YAAY,EAAAyF,KAAA,CAAAtB,EAAA;IAAA,SAAO;EAAU,GAAG,CACjB;AAEtB,CAAC,CAAC;AAEF,OAAO,SAASS,MAAMA,CAAC3B,KAAoB,EAAE;EAAA,IAAA8C,KAAA,GAAAjB,YAAA;IAAAkB,KAAA;EAC3C,IAAQjC,MAAM,GAAsCd,KAAK,CAAjDc,MAAM;IAAEC,QAAQ,GAA4Bf,KAAK,CAAzCe,QAAQ;IAAEtB,WAAW,GAAeO,KAAK,CAA/BP,WAAW;IAAE8B,QAAQ,GAAKvB,KAAK,CAAlBuB,QAAQ;EAC/C,IAAMyB,kBAAkB,GAGMnG,QAAQ,CAAC8E,MAAM;EAD7C,OAAAoB,KAAA,GAAOpG,OAAO,CAACmE,MAAM,CAAC,eACpBtE,KAAA,CAAAwE,aAAA,CAACgC,kBAAkB,EAAAD,KAAA,CAAA7B,EAAA,uBAAA0B,aAAA,KAAAK,aAAA;IAAA,cAAsCxD,WAAW,CAAC,SAAS;EAAC,GAAAqD,KAAA,KAC5EvB,QAAQ,gBAAG/E,KAAA,CAAAwE,aAAA,CAACD,QAAQ,EAAAgC,KAAA,CAAA7B,EAAA,iBAAG,gBAAG1E,KAAA,CAAAwE,aAAA,CAACS,WAAW,CAACtE,MAAM;IAACsC,WAAW,EAAEO,KAAK,CAACP;EAAY,EAAG,CAC9D;AAEzB;AAEA,IAAMgC,WAAW,GAAGhF,eAAe,CAACmB,eAAe,EAAE;EACnD8D,OAAO,EAAPA,OAAO;EACPC,MAAM,EAANA,MAAM;EACNzE,IAAI,EAAJA,IAAI;EACJC,MAAM,EAANA;AACF,CAAC,CAAQ;AAET,IAAM+F,cAAc,GAAGzG,eAAe,CAACQ,kBAAkB,EAAE;EACzDC,IAAI,EAAEuE,WAAW,CAACvE,IAAI;EACtBC,MAAM,EAAEC,YAAY;EACpBC,UAAU,EAAVA;AACF,CAAC,CAAQ;AAET,SAAS6F,cAAc,EAAEvF,aAAa;AACtC,eAAe8D,WAAW"}
|
1
|
+
{"version":3,"file":"ColorPicker.js","names":["React","createComponent","Component","sstyled","Root","Dropdown","Box","ChevronDownM","keyboardFocusEnhance","PaletteManagerRoot","Item","Colors","ColorsCustom","InputColor","localizedMessages","i18nEnhance","style","_sstyled","insert","defaultColors","ColorPickerRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","value","event","handlers","visible","preventDefault","_createClass","key","uncontrolledProps","getTriggerProps","_this$asProps","asProps","getI18nText","popperVisible","getColorsProps","_this$asProps2","colors","getInputColorProps","getItemProps","props","_this2","_this$asProps3","displayLabel","isSelected","onClick","bindHandlerItemClick","onKeyDown","code","selected","getPopperProps","render","_ref","_ref5","_this$asProps4","styles","Children","createElement","_assignProps","cn","defaultVisible","defaultValue","i18n","locale","children","Fragment","ColorPicker","Trigger","Popper","_ref2","arguments[0]","label","useMemo","currentColor","color","_assignProps2","DefaultTrigger","enhance","forwardRef","ref","_ref3","_ref6","SDefaultTrigger","STriggerCircle","STriggerCircleLine","_objectSpread","_assignProps3","_ref4","_ref7","SColorPickerPopper","_assignProps4","PaletteManager"],"sources":["../../src/ColorPicker.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport ChevronDownM from '@semcore/icon/ChevronDown/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport PaletteManagerRoot from './PaletteManager';\nimport { Item, Colors, ColorsCustom, InputColor } from './components';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/color-picker.shadow.css';\n\nconst defaultColors = [\n null,\n '#2BB3FF',\n '#8649E1',\n '#C695FF',\n '#F67CF2',\n '#FFA9FA',\n '#FF8786',\n '#FF8C43',\n '#FDC23C',\n '#66C030',\n '#9BD85D',\n '#C7EE96',\n];\n\ntype RootAsProps = {\n defaultVisible?: boolean;\n visible?: boolean;\n defaultValue?: string;\n value?: string;\n onChange?: (value: string, event: React.ChangeEvent) => void;\n colors?: string[];\n onColorsChange?: (value: string, event: React.ChangeEvent) => void;\n displayLabel?: boolean;\n styles?: React.CSSProperties;\n Children: React.FC;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype TriggerAsProps = {\n styles?: React.CSSProperties;\n value?: string;\n popperVisible: boolean;\n Children: React.FC;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype PopperAsProps = {\n styles?: React.CSSProperties;\n Children: React.FC;\n children?: React.ReactNode;\n getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype ItemAsProps = {\n value: string;\n};\n\nclass ColorPickerRoot extends Component<RootAsProps> {\n static displayName = 'ColorPicker';\n\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n\n static defaultProps = () => ({\n defaultVisible: false,\n defaultValue: null,\n colors: defaultColors,\n i18n: localizedMessages,\n locale: 'en',\n children: (\n <>\n <ColorPicker.Trigger />\n <ColorPicker.Popper />\n </>\n ),\n });\n\n uncontrolledProps() {\n return {\n value: null,\n visible: false,\n };\n }\n\n bindHandlerItemClick = (value: string) => (event: React.MouseEvent | React.KeyboardEvent) => {\n this.handlers.value(value, event);\n this.handlers.visible(false, event);\n event.preventDefault();\n };\n\n getTriggerProps() {\n const { value, visible, getI18nText } = this.asProps;\n\n return {\n value,\n popperVisible: visible,\n getI18nText,\n };\n }\n\n getColorsProps() {\n const { colors, getI18nText } = this.asProps;\n\n return {\n colors,\n getI18nText,\n };\n }\n\n getInputColorProps() {\n const { getI18nText } = this.asProps;\n\n return {\n getI18nText,\n };\n }\n getItemProps(props: ItemAsProps) {\n const { value, displayLabel, getI18nText } = this.asProps;\n const isSelected = value === props.value;\n\n return {\n displayLabel,\n onClick: this.bindHandlerItemClick(props.value),\n onKeyDown: (event: React.KeyboardEvent) => {\n if (event.code === 'Enter' || event.code === 'Space') {\n event.preventDefault();\n this.bindHandlerItemClick(props.value)(event);\n }\n },\n selected: isSelected,\n getI18nText,\n };\n }\n\n getPopperProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const { styles, Children } = this.asProps;\n\n return sstyled(styles)(\n <Root render={Dropdown} stretch={false}>\n <Children />\n </Root>,\n );\n }\n}\n\nexport function Trigger(props: TriggerAsProps) {\n const { Children, value, popperVisible, getI18nText } = props;\n const label = React.useMemo(() => {\n const currentColor = value\n ? getI18nText('currentColor', { color: value })\n : getI18nText('emptyColor');\n if (popperVisible) {\n return getI18nText('goToPaletteHint', { currentColor });\n }\n return currentColor;\n }, [value, popperVisible]);\n\n return (\n <Root render={Dropdown.Trigger} tag={DefaultTrigger} aria-label={label}>\n <Children />\n </Root>\n );\n}\n\nTrigger.enhance = [keyboardFocusEnhance()];\n\nconst DefaultTrigger = React.forwardRef(function (props: TriggerAsProps, ref) {\n const { styles, value } = props;\n const SDefaultTrigger = Root;\n const STriggerCircle = Box;\n const STriggerCircleLine = 'svg';\n\n return sstyled(styles)(\n <SDefaultTrigger render={Box} ref={ref}>\n <STriggerCircle data-value={value}>\n {!value && (\n <STriggerCircleLine\n width='10'\n height='10'\n viewBox='0 0 10 10'\n fill='none'\n xmlns='http://www.w3.org/2000/svg'\n >\n <rect\n width='1'\n height='14'\n transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 10 1)'\n fill='#E0E1E9'\n />\n </STriggerCircleLine>\n )}\n </STriggerCircle>\n <ChevronDownM color='gray-800' />\n </SDefaultTrigger>,\n ) as React.ReactElement;\n});\n\nexport function Popper(props: PopperAsProps) {\n const { styles, Children, getI18nText, children } = props;\n const SColorPickerPopper = Root;\n\n return sstyled(styles)(\n <SColorPickerPopper render={Dropdown.Popper} aria-label={getI18nText('palette')}>\n {children ? <Children /> : <ColorPicker.Colors getI18nText={props.getI18nText} />}\n </SColorPickerPopper>,\n );\n}\n\nconst ColorPicker = createComponent(ColorPickerRoot, {\n Trigger,\n Popper,\n Item,\n Colors,\n}) as any;\n\nconst PaletteManager = createComponent(PaletteManagerRoot, {\n Item: ColorPicker.Item,\n Colors: ColorsCustom,\n InputColor,\n}) as any;\n\nexport { PaletteManager, defaultColors };\nexport default ColorPicker;\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,OAAOC,QAAQ,MAAM,mBAAmB;AACxC,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,YAAY,MAAM,6BAA6B;AACtD,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,OAAOC,kBAAkB,MAAM,kBAAkB;AACjD,SAASC,IAAI,EAAEC,MAAM,EAAEC,YAAY,EAAEC,UAAU,QAAQ,cAAc;AACrE,SAASC,iBAAiB,QAAQ,gDAAgD;AAClF,OAAOC,WAAW,MAAM,yCAAyC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAIlE,IAAMC,aAAa,GAAG,CACpB,IAAI,EACJ,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,CACV;AAAC,IAmCIC,eAAe,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,eAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,eAAA;EAAA,SAAAA,gBAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,eAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,2BA2BI,UAACa,KAAa;MAAA,OAAK,UAACC,KAA6C,EAAK;QAC3Fd,KAAA,CAAKe,QAAQ,CAACF,KAAK,CAACA,KAAK,EAAEC,KAAK,CAAC;QACjCd,KAAA,CAAKe,QAAQ,CAACC,OAAO,CAAC,KAAK,EAAEF,KAAK,CAAC;QACnCA,KAAK,CAACG,cAAc,EAAE;MACxB,CAAC;IAAA;IAAA,OAAAjB,KAAA;EAAA;EAAAkB,YAAA,CAAAvB,eAAA;IAAAwB,GAAA;IAAAN,KAAA,EAXD,SAAAO,kBAAA,EAAoB;MAClB,OAAO;QACLP,KAAK,EAAE,IAAI;QACXG,OAAO,EAAE;MACX,CAAC;IACH;EAAC;IAAAG,GAAA;IAAAN,KAAA,EAQD,SAAAQ,gBAAA,EAAkB;MAChB,IAAAC,aAAA,GAAwC,IAAI,CAACC,OAAO;QAA5CV,KAAK,GAAAS,aAAA,CAALT,KAAK;QAAEG,OAAO,GAAAM,aAAA,CAAPN,OAAO;QAAEQ,WAAW,GAAAF,aAAA,CAAXE,WAAW;MAEnC,OAAO;QACLX,KAAK,EAALA,KAAK;QACLY,aAAa,EAAET,OAAO;QACtBQ,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAAL,GAAA;IAAAN,KAAA,EAED,SAAAa,eAAA,EAAiB;MACf,IAAAC,cAAA,GAAgC,IAAI,CAACJ,OAAO;QAApCK,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEJ,WAAW,GAAAG,cAAA,CAAXH,WAAW;MAE3B,OAAO;QACLI,MAAM,EAANA,MAAM;QACNJ,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAAL,GAAA;IAAAN,KAAA,EAED,SAAAgB,mBAAA,EAAqB;MACnB,IAAQL,WAAW,GAAK,IAAI,CAACD,OAAO,CAA5BC,WAAW;MAEnB,OAAO;QACLA,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAAL,GAAA;IAAAN,KAAA,EACD,SAAAiB,aAAaC,KAAkB,EAAE;MAAA,IAAAC,MAAA;MAC/B,IAAAC,cAAA,GAA6C,IAAI,CAACV,OAAO;QAAjDV,KAAK,GAAAoB,cAAA,CAALpB,KAAK;QAAEqB,YAAY,GAAAD,cAAA,CAAZC,YAAY;QAAEV,WAAW,GAAAS,cAAA,CAAXT,WAAW;MACxC,IAAMW,UAAU,GAAGtB,KAAK,KAAKkB,KAAK,CAAClB,KAAK;MAExC,OAAO;QACLqB,YAAY,EAAZA,YAAY;QACZE,OAAO,EAAE,IAAI,CAACC,oBAAoB,CAACN,KAAK,CAAClB,KAAK,CAAC;QAC/CyB,SAAS,EAAE,SAAAA,UAACxB,KAA0B,EAAK;UACzC,IAAIA,KAAK,CAACyB,IAAI,KAAK,OAAO,IAAIzB,KAAK,CAACyB,IAAI,KAAK,OAAO,EAAE;YACpDzB,KAAK,CAACG,cAAc,EAAE;YACtBe,MAAI,CAACK,oBAAoB,CAACN,KAAK,CAAClB,KAAK,CAAC,CAACC,KAAK,CAAC;UAC/C;QACF,CAAC;QACD0B,QAAQ,EAAEL,UAAU;QACpBX,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAAL,GAAA;IAAAN,KAAA,EAED,SAAA4B,eAAA,EAAiB;MACf,IAAQjB,WAAW,GAAK,IAAI,CAACD,OAAO,CAA5BC,WAAW;MAEnB,OAAO;QAAEA,WAAW,EAAXA;MAAY,CAAC;IACxB;EAAC;IAAAL,GAAA;IAAAN,KAAA,EAED,SAAA6B,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAApB,OAAA;QAAAqB,KAAA;MACP,IAAAC,cAAA,GAA6B,IAAI,CAACtB,OAAO;QAAjCuB,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEC,QAAQ,GAAAF,cAAA,CAARE,QAAQ;MAExB,OAAAH,KAAA,GAAOlE,OAAO,CAACoE,MAAM,CAAC,eACpBvE,KAAA,CAAAyE,aAAA,CAAcpE,QAAQ,EAAAqE,YAAA;QAAA,WAAW;MAAK,GAAAN,IAAA,gBACpCpE,KAAA,CAAAyE,aAAA,CAACD,QAAQ,EAAAH,KAAA,CAAAM,EAAA,iBAAG,CACP;IAEX;EAAC;EAAA,OAAAvD,eAAA;AAAA,EA3F2BlB,SAAS;AAAAkC,eAAA,CAAjChB,eAAe,iBACE,aAAa;AAAAgB,eAAA,CAD9BhB,eAAe,WAGJJ,KAAK;AAAAoB,eAAA,CAHhBhB,eAAe,aAIF,CAACL,WAAW,CAACD,iBAAiB,CAAC,CAAC;AAAAsB,eAAA,CAJ7ChB,eAAe,kBAMG;EAAA,OAAO;IAC3BwD,cAAc,EAAE,KAAK;IACrBC,YAAY,EAAE,IAAI;IAClBxB,MAAM,EAAElC,aAAa;IACrB2D,IAAI,EAAEhE,iBAAiB;IACvBiE,MAAM,EAAE,IAAI;IACZC,QAAQ,eACNhF,KAAA,CAAAyE,aAAA,CAAAzE,KAAA,CAAAiF,QAAA,qBACEjF,KAAA,CAAAyE,aAAA,CAACS,WAAW,CAACC,OAAO,OAAG,eACvBnF,KAAA,CAAAyE,aAAA,CAACS,WAAW,CAACE,MAAM,OAAG;EAG5B,CAAC;AAAA,CAAC;AA4EJ,OAAO,SAASD,OAAOA,CAAC3B,KAAqB,EAAE;EAAA,IAAA6B,KAAA,GAAAC,YAAA;EAC7C,IAAQd,QAAQ,GAAwChB,KAAK,CAArDgB,QAAQ;IAAElC,KAAK,GAAiCkB,KAAK,CAA3ClB,KAAK;IAAEY,aAAa,GAAkBM,KAAK,CAApCN,aAAa;IAAED,WAAW,GAAKO,KAAK,CAArBP,WAAW;EACnD,IAAMsC,KAAK,GAAGvF,KAAK,CAACwF,OAAO,CAAC,YAAM;IAChC,IAAMC,YAAY,GAAGnD,KAAK,GACtBW,WAAW,CAAC,cAAc,EAAE;MAAEyC,KAAK,EAAEpD;IAAM,CAAC,CAAC,GAC7CW,WAAW,CAAC,YAAY,CAAC;IAC7B,IAAIC,aAAa,EAAE;MACjB,OAAOD,WAAW,CAAC,iBAAiB,EAAE;QAAEwC,YAAY,EAAZA;MAAa,CAAC,CAAC;IACzD;IACA,OAAOA,YAAY;EACrB,CAAC,EAAE,CAACnD,KAAK,EAAEY,aAAa,CAAC,CAAC;EAE1B,oBACElD,KAAA,CAAAyE,aAAA,CAAcpE,QAAQ,CAAC8E,OAAO,EAAAQ,aAAA;IAAA,OAAOC,cAAc;IAAA,cAAcL;EAAK,GAAAF,KAAA,gBACpErF,KAAA,CAAAyE,aAAA,CAACD,QAAQ,OAAG,CACP;AAEX;AAEAW,OAAO,CAACU,OAAO,GAAG,CAACrF,oBAAoB,EAAE,CAAC;AAE1C,IAAMoF,cAAc,gBAAG5F,KAAK,CAAC8F,UAAU,CAAC,UAAUtC,KAAqB,EAAEuC,GAAG,EAAE;EAAA,IAAAC,KAAA,GAAAV,YAAA;IAAAW,KAAA;EAC5E,IAAQ1B,MAAM,GAAYf,KAAK,CAAvBe,MAAM;IAAEjC,KAAK,GAAKkB,KAAK,CAAflB,KAAK;EACrB,IAAM4D,eAAe,GAKM5F,GAAG;EAJ9B,IAAM6F,cAAc,GAAG7F,GAAG;EAC1B,IAAM8F,kBAAkB,GAAG,KAAK;EAEhC,OAAAH,KAAA,GAAO9F,OAAO,CAACoE,MAAM,CAAC,eACpBvE,KAAA,CAAAyE,aAAA,CAACyB,eAAe,EAAAD,KAAA,CAAAtB,EAAA,oBAAA0B,aAAA,KAAAC,aAAA;IAAA,OAAmBP;EAAG,GAAAC,KAAA,kBACpChG,KAAA,CAAAyE,aAAA,CAAC0B,cAAc,EAAAF,KAAA,CAAAtB,EAAA;IAAA,cAAarC;EAAK,IAC9B,CAACA,KAAK,iBACLtC,KAAA,CAAAyE,aAAA,CAAC2B,kBAAkB,EAAAH,KAAA,CAAAtB,EAAA;IAAA,SACX,IAAI;IAAA,UACH,IAAI;IAAA,WACH,WAAW;IAAA,QACd,MAAM;IAAA,SACL;EAA4B,iBAElC3E,KAAA,CAAAyE,aAAA,SAAAwB,KAAA,CAAAtB,EAAA;IAAA,SACQ,GAAG;IAAA,UACF,IAAI;IAAA,aACD,qDAAqD;IAAA,QAC1D;EAAS,GACd,CAEL,CACc,eACjB3E,KAAA,CAAAyE,aAAA,CAAClE,YAAY,EAAA0F,KAAA,CAAAtB,EAAA;IAAA,SAAO;EAAU,GAAG,CACjB;AAEtB,CAAC,CAAC;AAEF,OAAO,SAASS,MAAMA,CAAC5B,KAAoB,EAAE;EAAA,IAAA+C,KAAA,GAAAjB,YAAA;IAAAkB,KAAA;EAC3C,IAAQjC,MAAM,GAAsCf,KAAK,CAAjDe,MAAM;IAAEC,QAAQ,GAA4BhB,KAAK,CAAzCgB,QAAQ;IAAEvB,WAAW,GAAeO,KAAK,CAA/BP,WAAW;IAAE+B,QAAQ,GAAKxB,KAAK,CAAlBwB,QAAQ;EAC/C,IAAMyB,kBAAkB,GAGMpG,QAAQ,CAAC+E,MAAM;EAD7C,OAAAoB,KAAA,GAAOrG,OAAO,CAACoE,MAAM,CAAC,eACpBvE,KAAA,CAAAyE,aAAA,CAACgC,kBAAkB,EAAAD,KAAA,CAAA7B,EAAA,uBAAA0B,aAAA,KAAAK,aAAA;IAAA,cAAsCzD,WAAW,CAAC,SAAS;EAAC,GAAAsD,KAAA,KAC5EvB,QAAQ,gBAAGhF,KAAA,CAAAyE,aAAA,CAACD,QAAQ,EAAAgC,KAAA,CAAA7B,EAAA,iBAAG,gBAAG3E,KAAA,CAAAyE,aAAA,CAACS,WAAW,CAACvE,MAAM;IAACsC,WAAW,EAAEO,KAAK,CAACP;EAAY,EAAG,CAC9D;AAEzB;AAEA,IAAMiC,WAAW,GAAGjF,eAAe,CAACmB,eAAe,EAAE;EACnD+D,OAAO,EAAPA,OAAO;EACPC,MAAM,EAANA,MAAM;EACN1E,IAAI,EAAJA,IAAI;EACJC,MAAM,EAANA;AACF,CAAC,CAAQ;AAET,IAAMgG,cAAc,GAAG1G,eAAe,CAACQ,kBAAkB,EAAE;EACzDC,IAAI,EAAEwE,WAAW,CAACxE,IAAI;EACtBC,MAAM,EAAEC,YAAY;EACpBC,UAAU,EAAVA;AACF,CAAC,CAAQ;AAET,SAAS8F,cAAc,EAAExF,aAAa;AACtC,eAAe+D,WAAW"}
|
package/components.json
CHANGED
@@ -1,76 +1,76 @@
|
|
1
1
|
{
|
2
|
-
"@semcore/accordion": "5.
|
2
|
+
"@semcore/accordion": "5.23.0",
|
3
3
|
"@semcore/animation": "2.18.2",
|
4
4
|
"@semcore/badge": "4.18.2",
|
5
|
-
"@semcore/base-trigger": "4.
|
6
|
-
"@semcore/breadcrumbs": "5.
|
5
|
+
"@semcore/base-trigger": "4.26.0",
|
6
|
+
"@semcore/breadcrumbs": "5.24.0",
|
7
7
|
"@semcore/breakpoints": "1.19.2",
|
8
8
|
"@semcore/button": "5.20.2",
|
9
|
-
"@semcore/card": "5.
|
10
|
-
"@semcore/carousel": "3.
|
9
|
+
"@semcore/card": "5.25.0",
|
10
|
+
"@semcore/carousel": "3.28.0",
|
11
11
|
"@semcore/checkbox": "7.21.4",
|
12
|
-
"@semcore/color-picker": "2.
|
12
|
+
"@semcore/color-picker": "2.25.0",
|
13
13
|
"@semcore/core": "2.17.2",
|
14
14
|
"@semcore/counter": "3.18.2",
|
15
|
-
"@semcore/data-table": "4.
|
16
|
-
"@semcore/date-picker": "4.
|
15
|
+
"@semcore/data-table": "4.27.0",
|
16
|
+
"@semcore/date-picker": "4.28.0",
|
17
17
|
"@semcore/divider": "4.18.2",
|
18
18
|
"@semcore/dot": "5.18.2",
|
19
|
-
"@semcore/drag-and-drop": "3.
|
19
|
+
"@semcore/drag-and-drop": "3.27.0",
|
20
20
|
"@semcore/dropdown": "4.19.2",
|
21
21
|
"@semcore/dropdown-menu": "4.20.2",
|
22
22
|
"@semcore/d3-chart": "3.27.3",
|
23
|
-
"@semcore/ellipsis": "2.
|
23
|
+
"@semcore/ellipsis": "2.19.0",
|
24
24
|
"@semcore/email": "1.0.2",
|
25
25
|
"@semcore/errors": "4.21.2",
|
26
|
-
"@semcore/feature-popover": "4.
|
27
|
-
"@semcore/feedback-form": "6.
|
26
|
+
"@semcore/feature-popover": "4.25.0",
|
27
|
+
"@semcore/feedback-form": "6.20.0",
|
28
28
|
"@semcore/flags": "4.18.2",
|
29
29
|
"@semcore/flex-box": "5.19.1",
|
30
30
|
"@semcore/format-text": "4.18.2",
|
31
|
-
"@semcore/fullscreen-modal": "3.
|
31
|
+
"@semcore/fullscreen-modal": "3.27.0",
|
32
32
|
"@semcore/grid": "5.18.2",
|
33
|
-
"@semcore/icon": "4.
|
33
|
+
"@semcore/icon": "4.26.0",
|
34
34
|
"@semcore/illustration": "2.17.2",
|
35
|
-
"@semcore/inline-input": "4.
|
36
|
-
"@semcore/inline-edit": "4.
|
35
|
+
"@semcore/inline-input": "4.25.0",
|
36
|
+
"@semcore/inline-edit": "4.21.0",
|
37
37
|
"@semcore/input": "4.20.2",
|
38
38
|
"@semcore/input-mask": "5.20.2",
|
39
39
|
"@semcore/input-number": "5.20.2",
|
40
|
-
"@semcore/input-tags": "4.
|
40
|
+
"@semcore/input-tags": "4.22.0",
|
41
41
|
"@semcore/link": "5.20.2",
|
42
42
|
"@semcore/mini-chart": "0.5.2",
|
43
|
-
"@semcore/modal": "4.
|
43
|
+
"@semcore/modal": "4.28.0",
|
44
44
|
"@semcore/neighbor-location": "4.17.2",
|
45
|
-
"@semcore/notice": "5.
|
46
|
-
"@semcore/notice-global": "2.
|
47
|
-
"@semcore/notice-bubble": "5.
|
45
|
+
"@semcore/notice": "5.25.0",
|
46
|
+
"@semcore/notice-global": "2.35.0",
|
47
|
+
"@semcore/notice-bubble": "5.24.0",
|
48
48
|
"@semcore/outside-click": "3.17.2",
|
49
|
-
"@semcore/pagination": "4.
|
50
|
-
"@semcore/pills": "5.
|
49
|
+
"@semcore/pagination": "4.27.0",
|
50
|
+
"@semcore/pills": "5.20.0",
|
51
51
|
"@semcore/popper": "5.20.0",
|
52
52
|
"@semcore/portal": "3.17.2",
|
53
53
|
"@semcore/product-head": "4.19.2",
|
54
54
|
"@semcore/progress-bar": "4.18.2",
|
55
55
|
"@semcore/radio": "6.21.3",
|
56
56
|
"@semcore/scroll-area": "5.20.2",
|
57
|
-
"@semcore/select": "4.
|
58
|
-
"@semcore/side-panel": "3.
|
57
|
+
"@semcore/select": "4.29.0",
|
58
|
+
"@semcore/side-panel": "3.26.0",
|
59
59
|
"@semcore/skeleton": "5.19.2",
|
60
60
|
"@semcore/slider": "4.18.2",
|
61
61
|
"@semcore/spin": "5.18.2",
|
62
62
|
"@semcore/spin-container": "7.19.2",
|
63
63
|
"@semcore/sticky": "3.18.2",
|
64
|
-
"@semcore/switch": "5.
|
64
|
+
"@semcore/switch": "5.19.0",
|
65
65
|
"@semcore/tab-line": "4.18.2",
|
66
|
-
"@semcore/tab-panel": "4.
|
67
|
-
"@semcore/tag": "5.
|
66
|
+
"@semcore/tab-panel": "4.20.0",
|
67
|
+
"@semcore/tag": "5.26.0",
|
68
68
|
"@semcore/textarea": "5.19.3",
|
69
|
-
"@semcore/time-picker": "4.
|
70
|
-
"@semcore/tooltip": "6.
|
71
|
-
"@semcore/typography": "5.
|
69
|
+
"@semcore/time-picker": "4.29.0",
|
70
|
+
"@semcore/tooltip": "6.20.0",
|
71
|
+
"@semcore/typography": "5.26.0",
|
72
72
|
"@semcore/utils": "4.20.2",
|
73
73
|
"@semcore/widget-empty": "4.18.2",
|
74
|
-
"@semcore/wizard": "2.
|
74
|
+
"@semcore/wizard": "2.28.0",
|
75
75
|
"@semcore/i18n-unplugin": "0.17.2"
|
76
76
|
}
|
package/d3-chart/lib/cjs/Area.js
CHANGED
@@ -22,17 +22,17 @@ var _utils = require("./utils");
|
|
22
22
|
var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
|
23
23
|
var _Pattern = require("./Pattern");
|
24
24
|
/*__reshadow-styles__:"./style/area.shadow.css"*/
|
25
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
26
|
-
"__SArea": "
|
27
|
-
"_color": "
|
28
|
-
"--color": "--
|
29
|
-
"_pattern": "
|
30
|
-
"--pattern": "--
|
31
|
-
"_transparent": "
|
32
|
-
"__SAreaLine": "
|
33
|
-
"--duration": "--
|
34
|
-
"__SNull": "
|
35
|
-
"_hide": "
|
25
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SArea_16orq_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_16orq_gg_.__color_16orq_gg_{fill:var(--color_16orq)}.___SArea_16orq_gg_.__pattern_16orq_gg_{fill:var(--pattern_16orq);fill-opacity:.7}.___SArea_16orq_gg_.__transparent_16orq_gg_{opacity:.3}.___SAreaLine_16orq_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_16orq_gg_.__color_16orq_gg_{stroke:var(--color_16orq)}.___SAreaLine_16orq_gg_.__transparent_16orq_gg_{opacity:.3}.___SAreaLine_16orq_gg_,.___SArea_16orq_gg_{transition-property:d;transition-duration:var(--duration_16orq);transition-timing-function:ease-in-out}.___SNull_16orq_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_16orq_gg_.__hide_16orq_gg_{display:none}" /*__inner_css_end__*/, "16orq_gg_") /*__reshadow_css_end__*/, {
|
26
|
+
"__SArea": "___SArea_16orq_gg_",
|
27
|
+
"_color": "__color_16orq_gg_",
|
28
|
+
"--color": "--color_16orq",
|
29
|
+
"_pattern": "__pattern_16orq_gg_",
|
30
|
+
"--pattern": "--pattern_16orq",
|
31
|
+
"_transparent": "__transparent_16orq_gg_",
|
32
|
+
"__SAreaLine": "___SAreaLine_16orq_gg_",
|
33
|
+
"--duration": "--duration_16orq",
|
34
|
+
"__SNull": "___SNull_16orq_gg_",
|
35
|
+
"_hide": "__hide_16orq_gg_"
|
36
36
|
});
|
37
37
|
var AreaRoot = /*#__PURE__*/function (_Component) {
|
38
38
|
(0, _inherits2["default"])(AreaRoot, _Component);
|
package/d3-chart/lib/cjs/Axis.js
CHANGED
@@ -18,20 +18,20 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
18
18
|
var _utils = require("./utils");
|
19
19
|
var _MAP_POSITION_AXIS, _MAP_POSITION_TICK;
|
20
20
|
/*__reshadow-styles__:"./style/axis.shadow.css"*/
|
21
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
22
|
-
"__SAxis": "
|
23
|
-
"_hide": "
|
24
|
-
"__STick": "
|
25
|
-
"__SGrid": "
|
26
|
-
"__STitle": "
|
27
|
-
"--transform-origin": "--transform-
|
28
|
-
"_position_top": "
|
29
|
-
"_position_bottom": "
|
30
|
-
"_position_right": "
|
31
|
-
"_position_left": "
|
32
|
-
"_verticalWritingMode": "
|
33
|
-
"_position_custom_0": "
|
34
|
-
"_position_custom_1": "
|
21
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxis_1024f_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_1024f_gg_.__hide_1024f_gg_,.___STick_1024f_gg_.__hide_1024f_gg_{display:none}.___STick_1024f_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_1024f_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_1024f_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_1024f)}.___STitle_1024f_gg_._position_top_1024f_gg_{text-anchor:middle}.___STitle_1024f_gg_._position_bottom_1024f_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1024f_gg_._position_left_1024f_gg_,.___STitle_1024f_gg_._position_right_1024f_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_1024f_gg_._position_left_1024f_gg_.__verticalWritingMode_1024f_gg_,.___STitle_1024f_gg_._position_right_1024f_gg_.__verticalWritingMode_1024f_gg_{writing-mode:vertical-rl;transform:none}.___STick_1024f_gg_._position_top_1024f_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1024f_gg_._position_bottom_1024f_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1024f_gg_._position_right_1024f_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_1024f_gg_._position_left_1024f_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_1024f_gg_._position_custom_0_1024f_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1024f_gg_._position_custom_1_1024f_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "1024f_gg_") /*__reshadow_css_end__*/, {
|
22
|
+
"__SAxis": "___SAxis_1024f_gg_",
|
23
|
+
"_hide": "__hide_1024f_gg_",
|
24
|
+
"__STick": "___STick_1024f_gg_",
|
25
|
+
"__SGrid": "___SGrid_1024f_gg_",
|
26
|
+
"__STitle": "___STitle_1024f_gg_",
|
27
|
+
"--transform-origin": "--transform-origin_1024f",
|
28
|
+
"_position_top": "_position_top_1024f_gg_",
|
29
|
+
"_position_bottom": "_position_bottom_1024f_gg_",
|
30
|
+
"_position_right": "_position_right_1024f_gg_",
|
31
|
+
"_position_left": "_position_left_1024f_gg_",
|
32
|
+
"_verticalWritingMode": "__verticalWritingMode_1024f_gg_",
|
33
|
+
"_position_custom_0": "_position_custom_0_1024f_gg_",
|
34
|
+
"_position_custom_1": "_position_custom_1_1024f_gg_"
|
35
35
|
});
|
36
36
|
var CUSTOM_0 = Symbol('custom_0');
|
37
37
|
var CUSTOM_1 = Symbol('custom_1');
|
package/d3-chart/lib/cjs/Bar.js
CHANGED
@@ -20,16 +20,16 @@ var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
|
|
20
20
|
var _utils = require("./utils");
|
21
21
|
var _Pattern = require("./Pattern");
|
22
22
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
23
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
24
|
-
"__SBar": "
|
25
|
-
"--duration": "--
|
26
|
-
"_color": "
|
27
|
-
"--color": "--
|
28
|
-
"_pattern": "
|
29
|
-
"--pattern": "--
|
30
|
-
"_hide": "
|
31
|
-
"_transparent": "
|
32
|
-
"__SBackground": "
|
23
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_1u7qq_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1u7qq);transition-timing-function:ease-in-out}.___SBar_1u7qq_gg_.__color_1u7qq_gg_{fill:var(--color_1u7qq)}.___SBar_1u7qq_gg_.__pattern_1u7qq_gg_.__color_1u7qq_gg_{fill:var(--pattern_1u7qq);stroke:var(--color_1u7qq);stroke-width:1px}.___SBar_1u7qq_gg_.__hide_1u7qq_gg_{display:none}.___SBar_1u7qq_gg_.__transparent_1u7qq_gg_{opacity:.3}.___SBackground_1u7qq_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1u7qq_gg_") /*__reshadow_css_end__*/, {
|
24
|
+
"__SBar": "___SBar_1u7qq_gg_",
|
25
|
+
"--duration": "--duration_1u7qq",
|
26
|
+
"_color": "__color_1u7qq_gg_",
|
27
|
+
"--color": "--color_1u7qq",
|
28
|
+
"_pattern": "__pattern_1u7qq_gg_",
|
29
|
+
"--pattern": "--pattern_1u7qq",
|
30
|
+
"_hide": "__hide_1u7qq_gg_",
|
31
|
+
"_transparent": "__transparent_1u7qq_gg_",
|
32
|
+
"__SBackground": "___SBackground_1u7qq_gg_"
|
33
33
|
});
|
34
34
|
var MIN_HEIGHT = 2;
|
35
35
|
exports.MIN_HEIGHT = MIN_HEIGHT;
|
@@ -23,18 +23,18 @@ var _utils = require("./utils");
|
|
23
23
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
24
24
|
var _Pattern = require("./Pattern");
|
25
25
|
/*__reshadow-styles__:"./style/bubble.shadow.css"*/
|
26
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
27
|
-
"__SBubble": "
|
28
|
-
"_color": "
|
29
|
-
"--color": "--
|
30
|
-
"_pattern": "
|
31
|
-
"--pattern": "--
|
32
|
-
"_transparent": "
|
33
|
-
"__SCenter": "
|
34
|
-
"__SLabel": "
|
35
|
-
"_position_right": "
|
36
|
-
"_position_left": "
|
37
|
-
"--duration": "--
|
26
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBubble_xxerj_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_xxerj);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_xxerj_gg_:hover{opacity:.8}}.___SBubble_xxerj_gg_.__color_xxerj_gg_{fill:var(--color_xxerj)}.___SBubble_xxerj_gg_.__pattern_xxerj_gg_.__color_xxerj_gg_{fill:var(--pattern_xxerj);stroke:var(--color_xxerj);stroke-width:1px}.___SBubble_xxerj_gg_.__transparent_xxerj_gg_{opacity:.3}.___SCenter_xxerj_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_xxerj_gg_.__color_xxerj_gg_{stroke:var(--color_xxerj)}.___SCenter_xxerj_gg_.__transparent_xxerj_gg_{opacity:.3}.___SLabel_xxerj_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_xxerj_gg_._position_right_xxerj_gg_{text-anchor:end}.___SLabel_xxerj_gg_._position_left_xxerj_gg_{text-anchor:start}.___SLabel_xxerj_gg_.__color_xxerj_gg_{fill:var(--color_xxerj)}.___SLabel_xxerj_gg_.__transparent_xxerj_gg_{opacity:.3}" /*__inner_css_end__*/, "xxerj_gg_") /*__reshadow_css_end__*/, {
|
27
|
+
"__SBubble": "___SBubble_xxerj_gg_",
|
28
|
+
"_color": "__color_xxerj_gg_",
|
29
|
+
"--color": "--color_xxerj",
|
30
|
+
"_pattern": "__pattern_xxerj_gg_",
|
31
|
+
"--pattern": "--pattern_xxerj",
|
32
|
+
"_transparent": "__transparent_xxerj_gg_",
|
33
|
+
"__SCenter": "___SCenter_xxerj_gg_",
|
34
|
+
"__SLabel": "___SLabel_xxerj_gg_",
|
35
|
+
"_position_right": "_position_right_xxerj_gg_",
|
36
|
+
"_position_left": "_position_left_xxerj_gg_",
|
37
|
+
"--duration": "--duration_xxerj"
|
38
38
|
});
|
39
39
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
40
40
|
(0, _inherits2["default"])(BubbleRoot, _Component);
|
@@ -28,15 +28,15 @@ var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
28
28
|
var _Pattern = require("./Pattern");
|
29
29
|
var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler", "transparent", "innerRadius", "outerRadius", "resolveColor", "halfsize", "uid", "patterns"];
|
30
30
|
/*__reshadow-styles__:"./style/donut.shadow.css"*/
|
31
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
32
|
-
"__SPie": "
|
33
|
-
"_color": "
|
34
|
-
"--color": "--
|
35
|
-
"_pattern": "
|
36
|
-
"--pattern": "--
|
37
|
-
"_transparent": "
|
38
|
-
"__SEmptyData": "
|
39
|
-
"__SLabel": "
|
31
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPie_1gjbk_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_1gjbk_gg_.__color_1gjbk_gg_{fill:var(--color_1gjbk)}.___SPie_1gjbk_gg_.__pattern_1gjbk_gg_.__color_1gjbk_gg_{fill:var(--pattern_1gjbk);stroke:var(--color_1gjbk);stroke-width:1px}.___SPie_1gjbk_gg_.__transparent_1gjbk_gg_{opacity:.3}.___SEmptyData_1gjbk_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_1gjbk_gg_.__color_1gjbk_gg_{fill:var(--color_1gjbk)}.___SLabel_1gjbk_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "1gjbk_gg_") /*__reshadow_css_end__*/, {
|
32
|
+
"__SPie": "___SPie_1gjbk_gg_",
|
33
|
+
"_color": "__color_1gjbk_gg_",
|
34
|
+
"--color": "--color_1gjbk",
|
35
|
+
"_pattern": "__pattern_1gjbk_gg_",
|
36
|
+
"--pattern": "--pattern_1gjbk",
|
37
|
+
"_transparent": "__transparent_1gjbk_gg_",
|
38
|
+
"__SEmptyData": "___SEmptyData_1gjbk_gg_",
|
39
|
+
"__SLabel": "___SLabel_1gjbk_gg_"
|
40
40
|
});
|
41
41
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
42
42
|
function transitionAnglePie(_ref6) {
|
package/d3-chart/lib/cjs/Dots.js
CHANGED
@@ -14,14 +14,14 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
14
14
|
var _utils = require("./utils");
|
15
15
|
var _Pattern = require("./Pattern");
|
16
16
|
/*__reshadow-styles__:"./style/dot.shadow.css"*/
|
17
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
18
|
-
"__SDot": "
|
19
|
-
"_hide": "
|
20
|
-
"_color": "
|
21
|
-
"--color": "--
|
22
|
-
"_transparent": "
|
23
|
-
"__SDots": "
|
24
|
-
"--duration": "--
|
17
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDots_opk73_gg_ .___SDot_opk73_gg_{transition-duration:var(--duration_opk73)}.___SDot_opk73_gg_{stroke-width:1px;stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy,x,y;transition-timing-function:ease-in-out}.___SDot_opk73_gg_.__hide_opk73_gg_{display:none}.___SDot_opk73_gg_.__color_opk73_gg_{fill:var(--color_opk73)}.___SDot_opk73_gg_.__transparent_opk73_gg_{opacity:.3}" /*__inner_css_end__*/, "opk73_gg_") /*__reshadow_css_end__*/, {
|
18
|
+
"__SDot": "___SDot_opk73_gg_",
|
19
|
+
"_hide": "__hide_opk73_gg_",
|
20
|
+
"_color": "__color_opk73_gg_",
|
21
|
+
"--color": "--color_opk73",
|
22
|
+
"_transparent": "__transparent_opk73_gg_",
|
23
|
+
"__SDots": "___SDots_opk73_gg_",
|
24
|
+
"--duration": "--duration_opk73"
|
25
25
|
});
|
26
26
|
var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
|
27
27
|
function Dots(props) {
|
@@ -19,16 +19,16 @@ var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
|
|
19
19
|
var _utils = require("./utils");
|
20
20
|
var _Pattern = require("./Pattern");
|
21
21
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
22
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
23
|
-
"__SBar": "
|
24
|
-
"--duration": "--
|
25
|
-
"_color": "
|
26
|
-
"--color": "--
|
27
|
-
"_pattern": "
|
28
|
-
"--pattern": "--
|
29
|
-
"_hide": "
|
30
|
-
"_transparent": "
|
31
|
-
"__SBackground": "
|
22
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_1u7qq_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1u7qq);transition-timing-function:ease-in-out}.___SBar_1u7qq_gg_.__color_1u7qq_gg_{fill:var(--color_1u7qq)}.___SBar_1u7qq_gg_.__pattern_1u7qq_gg_.__color_1u7qq_gg_{fill:var(--pattern_1u7qq);stroke:var(--color_1u7qq);stroke-width:1px}.___SBar_1u7qq_gg_.__hide_1u7qq_gg_{display:none}.___SBar_1u7qq_gg_.__transparent_1u7qq_gg_{opacity:.3}.___SBackground_1u7qq_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1u7qq_gg_") /*__reshadow_css_end__*/, {
|
23
|
+
"__SBar": "___SBar_1u7qq_gg_",
|
24
|
+
"--duration": "--duration_1u7qq",
|
25
|
+
"_color": "__color_1u7qq_gg_",
|
26
|
+
"--color": "--color_1u7qq",
|
27
|
+
"_pattern": "__pattern_1u7qq_gg_",
|
28
|
+
"--pattern": "--pattern_1u7qq",
|
29
|
+
"_hide": "__hide_1u7qq_gg_",
|
30
|
+
"_transparent": "__transparent_1u7qq_gg_",
|
31
|
+
"__SBackground": "___SBackground_1u7qq_gg_"
|
32
32
|
});
|
33
33
|
var MIN_WIDTH = 2;
|
34
34
|
exports.MIN_WIDTH = MIN_WIDTH;
|
@@ -21,9 +21,9 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
21
21
|
var _utils = require("./utils");
|
22
22
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
23
23
|
/*__reshadow-styles__:"./style/hover.shadow.css"*/
|
24
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
25
|
-
"__SHoverLine": "
|
26
|
-
"__SHoverRect": "
|
24
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SHoverLine_1bumf_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_1bumf_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1bumf_gg_") /*__reshadow_css_end__*/, {
|
25
|
+
"__SHoverLine": "___SHoverLine_1bumf_gg_",
|
26
|
+
"__SHoverRect": "___SHoverRect_1bumf_gg_"
|
27
27
|
});
|
28
28
|
var Hover = /*#__PURE__*/function (_Component) {
|
29
29
|
(0, _inherits2["default"])(Hover, _Component);
|
package/d3-chart/lib/cjs/Line.js
CHANGED
@@ -22,15 +22,15 @@ var _Dots = _interopRequireDefault(require("./Dots"));
|
|
22
22
|
var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
|
23
23
|
var _Pattern = require("./Pattern");
|
24
24
|
/*__reshadow-styles__:"./style/line.shadow.css"*/
|
25
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
26
|
-
"__SLine": "
|
27
|
-
"--duration": "--
|
28
|
-
"_color": "
|
29
|
-
"--color": "--
|
30
|
-
"_hide": "
|
31
|
-
"_transparent": "
|
32
|
-
"__SNull": "
|
33
|
-
"__SAria": "
|
25
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLine_39lfg_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_39lfg);transition-timing-function:ease-in-out}.___SLine_39lfg_gg_.__color_39lfg_gg_{stroke:var(--color_39lfg)}.___SLine_39lfg_gg_.__hide_39lfg_gg_{display:none}.___SLine_39lfg_gg_.__transparent_39lfg_gg_{opacity:.3}.___SNull_39lfg_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_39lfg_gg_.__hide_39lfg_gg_{display:none}.___SAria_39lfg_gg_{transition-property:d;transition-duration:var(--duration_39lfg);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SAria_39lfg_gg_.__color_39lfg_gg_{fill:var(--color_39lfg)}" /*__inner_css_end__*/, "39lfg_gg_") /*__reshadow_css_end__*/, {
|
26
|
+
"__SLine": "___SLine_39lfg_gg_",
|
27
|
+
"--duration": "--duration_39lfg",
|
28
|
+
"_color": "__color_39lfg_gg_",
|
29
|
+
"--color": "--color_39lfg",
|
30
|
+
"_hide": "__hide_39lfg_gg_",
|
31
|
+
"_transparent": "__transparent_39lfg_gg_",
|
32
|
+
"__SNull": "___SNull_39lfg_gg_",
|
33
|
+
"__SAria": "___SAria_39lfg_gg_"
|
34
34
|
});
|
35
35
|
var LineRoot = /*#__PURE__*/function (_Component) {
|
36
36
|
(0, _inherits2["default"])(LineRoot, _Component);
|
package/d3-chart/lib/cjs/Plot.js
CHANGED
@@ -24,9 +24,9 @@ var _PlotA11yModule = require("./a11y/PlotA11yModule");
|
|
24
24
|
var _hints = require("./a11y/hints");
|
25
25
|
var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
|
26
26
|
/*__reshadow-styles__:"./style/plot.shadow.css"*/
|
27
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
28
|
-
"__SPlot": "
|
29
|
-
"_keyboardFocused": "
|
27
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlot_11xbf_gg_{overflow:hidden}.___SPlot_11xbf_gg_:active,.___SPlot_11xbf_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_11xbf_gg_.__keyboardFocused_11xbf_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "11xbf_gg_") /*__reshadow_css_end__*/, {
|
28
|
+
"__SPlot": "___SPlot_11xbf_gg_",
|
29
|
+
"_keyboardFocused": "__keyboardFocused_11xbf_gg_"
|
30
30
|
});
|
31
31
|
var PlotRoot = /*#__PURE__*/function (_Component) {
|
32
32
|
(0, _inherits2["default"])(PlotRoot, _Component);
|