@semcore/select 16.1.6 → 16.1.7-prerelease.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/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [16.1.7] - 2025-08-29
6
+
7
+ ### Changed
8
+
9
+ - Type description for `SelectProps`/`SelectOptionCheckboxProps`.
10
+
5
11
  ## [16.1.6] - 2025-08-07
6
12
 
7
13
  ### Changed
@@ -24,14 +24,14 @@ var _context = require("./context");
24
24
  var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
25
25
  function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
26
26
  /*!__reshadow-styles__:"./style/input-search.shadow.css"*/
27
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SInputSearch_6a7xh_gg_._size_m_6a7xh_gg_{height:32px}.___SSearchClear_6a7xh_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_6a7xh_gg_.__hide_6a7xh_gg_{visibility:hidden}.___SOutline_6a7xh_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}", /*__inner_css_end__*/"6a7xh_gg_"),
27
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SInputSearch_11ror_gg_._size_m_11ror_gg_{height:32px}.___SSearchClear_11ror_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_11ror_gg_.__hide_11ror_gg_{visibility:hidden}.___SOutline_11ror_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}", /*__inner_css_end__*/"11ror_gg_"),
28
28
  /*__reshadow_css_end__*/
29
29
  {
30
- "__SInputSearch": "___SInputSearch_6a7xh_gg_",
31
- "_size_m": "_size_m_6a7xh_gg_",
32
- "__SSearchClear": "___SSearchClear_6a7xh_gg_",
33
- "_hide": "__hide_6a7xh_gg_",
34
- "__SOutline": "___SOutline_6a7xh_gg_"
30
+ "__SInputSearch": "___SInputSearch_11ror_gg_",
31
+ "_size_m": "_size_m_11ror_gg_",
32
+ "__SSearchClear": "___SSearchClear_11ror_gg_",
33
+ "_hide": "__hide_11ror_gg_",
34
+ "__SOutline": "___SOutline_11ror_gg_"
35
35
  });
36
36
  var InputSearchRoot = /*#__PURE__*/function (_Component) {
37
37
  function InputSearchRoot() {
package/lib/cjs/Select.js CHANGED
@@ -40,16 +40,16 @@ var _excluded = ["Children", "options", "multiselect", "value", "uid", "forcedAd
40
40
  function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
41
41
  function _superPropGet(t, o, e, r) { var p = (0, _get2["default"])((0, _getPrototypeOf2["default"])(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
42
42
  /*!__reshadow-styles__:"./style/select.shadow.css"*/
43
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SOptionCheckbox_tgmzp_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_tgmzp_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_tgmzp_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_tgmzp_gg_.__selected_tgmzp_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_tgmzp_gg_._size_l_tgmzp_gg_{width:20px;height:20px}.___SOptionCheckbox_tgmzp_gg_._size_l_tgmzp_gg_.__selected_tgmzp_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_tgmzp_gg_.__indeterminate_tgmzp_gg_:before,.___SOptionCheckbox_tgmzp_gg_.__selected_tgmzp_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_tgmzp_gg_.__theme_tgmzp_gg_:before{border-color:var(--theme_tgmzp)}.___SOptionCheckbox_tgmzp_gg_.__theme_tgmzp_gg_.__indeterminate_tgmzp_gg_:before,.___SOptionCheckbox_tgmzp_gg_.__theme_tgmzp_gg_.__selected_tgmzp_gg_:before{background-color:var(--theme_tgmzp);border-color:var(--theme_tgmzp)}.___SOptionCheckbox_tgmzp_gg_.__selected_tgmzp_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_tgmzp_gg_.__selected_tgmzp_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_tgmzp_gg_.__indeterminate_tgmzp_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_tgmzp_gg_.__indeterminate_tgmzp_gg_._size_l_tgmzp_gg_:after{width:12px;height:2px}.___SOptionCheckbox_tgmzp_gg_.__indeterminate_tgmzp_gg_._size_m_tgmzp_gg_:after{width:8px;height:2px}", /*__inner_css_end__*/"tgmzp_gg_"),
43
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SOptionCheckbox_koinf_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_koinf_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_koinf_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_koinf_gg_.__selected_koinf_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_koinf_gg_._size_l_koinf_gg_{width:20px;height:20px}.___SOptionCheckbox_koinf_gg_._size_l_koinf_gg_.__selected_koinf_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_koinf_gg_.__indeterminate_koinf_gg_:before,.___SOptionCheckbox_koinf_gg_.__selected_koinf_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_koinf_gg_.__theme_koinf_gg_:before{border-color:var(--theme_koinf)}.___SOptionCheckbox_koinf_gg_.__theme_koinf_gg_.__indeterminate_koinf_gg_:before,.___SOptionCheckbox_koinf_gg_.__theme_koinf_gg_.__selected_koinf_gg_:before{background-color:var(--theme_koinf);border-color:var(--theme_koinf)}.___SOptionCheckbox_koinf_gg_.__selected_koinf_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_koinf_gg_.__selected_koinf_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_koinf_gg_.__indeterminate_koinf_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_koinf_gg_.__indeterminate_koinf_gg_._size_l_koinf_gg_:after{width:12px;height:2px}.___SOptionCheckbox_koinf_gg_.__indeterminate_koinf_gg_._size_m_koinf_gg_:after{width:8px;height:2px}", /*__inner_css_end__*/"koinf_gg_"),
44
44
  /*__reshadow_css_end__*/
45
45
  {
46
- "__SOptionCheckbox": "___SOptionCheckbox_tgmzp_gg_",
47
- "_selected": "__selected_tgmzp_gg_",
48
- "_size_l": "_size_l_tgmzp_gg_",
49
- "_indeterminate": "__indeterminate_tgmzp_gg_",
50
- "_theme": "__theme_tgmzp_gg_",
51
- "--theme": "--theme_tgmzp",
52
- "_size_m": "_size_m_tgmzp_gg_"
46
+ "__SOptionCheckbox": "___SOptionCheckbox_koinf_gg_",
47
+ "_selected": "__selected_koinf_gg_",
48
+ "_size_l": "_size_l_koinf_gg_",
49
+ "_indeterminate": "__indeterminate_koinf_gg_",
50
+ "_theme": "__theme_koinf_gg_",
51
+ "--theme": "--theme_koinf",
52
+ "_size_m": "_size_m_koinf_gg_"
53
53
  });
54
54
  function isSelectedOption(value, valueOption) {
55
55
  return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { ButtonTrigger, BaseTriggerProps, ButtonTriggerProps } from '@semcore/base-trigger';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type Divider from '@semcore/divider';\nimport type Dropdown from '@semcore/dropdown';\nimport type {\n DropdownMenuContext,\n DropdownMenuItemProps,\n DropdownMenuProps,\n DropdownMenuHandlers,\n DropdownMenuTriggerProps,\n} from '@semcore/dropdown-menu';\nimport type DropdownMenu from '@semcore/dropdown-menu';\nimport type { BoxProps, Flex } from '@semcore/flex-box';\nimport type { InputValueProps } from '@semcore/input';\nimport type Input from '@semcore/input';\nimport type React from 'react';\n\n/** @deprecated */\nexport interface ISelectInputSearch extends SelectInputSearch, UnknownProperties {}\nexport type SelectInputSearch = InputValueProps & {};\n\nexport type OptionValue = string | number;\nexport type SelectValue = string | number | Array<string | number> | null;\n\nexport type SelectOption = {\n value: OptionValue;\n children?: React.ReactNode;\n label?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface ISelectProps<T extends SelectValue = SelectValue> extends SelectProps<T> {}\nexport type SelectProps<T extends SelectValue = SelectValue> = DropdownMenuProps &\n BaseTriggerProps & {\n /**\n * Options array\n */\n options?: SelectOption[];\n /**\n * The value or values array selected by default when using multiselect\n * @type SelectValue\n */\n defaultValue?: T;\n /**\n * The selected value or values array when using multiselect\n * @type SelectValue\n */\n value?: T;\n /**\n * Callback on value change\n * @type (value: SelectValue, e: React.SyntheticEvent) => boolean | void\n */\n onChange?:\n | ((value: T, e: React.SyntheticEvent) => boolean | void)\n | React.Dispatch<React.SetStateAction<T>>;\n /**\n * Trigger placeholder at not selected value\n */\n placeholder?: React.ReactNode;\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Disables select\n */\n disabled?: boolean;\n /**\n * If provided, adds a hidden <input /> tag with the given name for enhancing accessibility.\n */\n name?: string;\n locale?: string;\n /**\n * If enabled, after opening select popper view will be scrolled to selected option or, if there are multiple selected options, to the first selected option.\n * @default true\n */\n scrollToSelected?: boolean;\n };\n\n/** @deprecated */\nexport interface ISelectOption extends SelectOption, UnknownProperties {}\n\n/** @deprecated */\nexport interface ISelectOptionProps extends SelectOptionProps, UnknownProperties {}\nexport type SelectOptionProps = DropdownMenuItemProps & {\n /**\n * Enables selected state\n */\n selected?: boolean;\n /** Value of the option */\n value: string | number;\n};\n\n/** @deprecated */\nexport interface ISelectOptionCheckboxProps extends SelectOptionCheckboxProps, UnknownProperties {}\nexport type SelectOptionCheckboxProps = BoxProps & {\n /** Checkbox theme */\n theme?: string;\n /** Visual indeterminate state */\n indeterminate?: boolean;\n\n selected?: boolean;\n};\n\ndeclare const InputSearch: Intergalactic.Component<'div', SelectInputSearch> & {\n SearchIcon: typeof Input.Addon;\n Value: typeof Input.Value;\n Clear: typeof Input.Addon;\n};\n\n/** @deprecated */\nexport interface ISelectContext extends SelectContext, UnknownProperties {}\nexport type SelectContext = DropdownMenuContext & {\n getOptionProps: PropGetterFn;\n getOptionCheckboxProps: PropGetterFn;\n getDividerProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISelectHandlers extends SelectHandlers, UnknownProperties {}\nexport type SelectHandlers = DropdownMenuHandlers & {\n value: (index: SelectValue) => void;\n};\n\ntype IntergalacticSelectComponent<PropsExtending = {}> = (<\n Value extends SelectValue,\n Tag extends Intergalactic.Tag = 'div',\n>(\n props: Intergalactic.InternalTypings.ComponentProps<\n Tag,\n 'div',\n SelectProps<Value>,\n SelectContext,\n [handlers: SelectHandlers]\n > &\n PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', 'div', SelectProps>;\n\ndeclare const Select: IntergalacticSelectComponent & {\n Trigger: Intergalactic.Component<\n typeof Dropdown.Trigger,\n DropdownMenuTriggerProps & ButtonTriggerProps,\n {},\n [handlers: SelectHandlers]\n > & {\n Addon: typeof ButtonTrigger.Addon;\n Text: typeof ButtonTrigger.Text;\n };\n Popper: typeof DropdownMenu.Popper;\n List: typeof DropdownMenu.List;\n Menu: typeof DropdownMenu.Menu;\n Group: typeof Dropdown.Group;\n Option: Intergalactic.Component<\n 'option',\n SelectOptionProps,\n SelectContext,\n [handlers: SelectHandlers]\n > & {\n Addon: typeof DropdownMenu.Item.Addon;\n Checkbox: Intergalactic.Component<'div', SelectOptionCheckboxProps>;\n Content: typeof Flex;\n Hint: typeof Flex;\n };\n /**\n * @deprecated Use Select.Group\n */\n OptionTitle: typeof DropdownMenu.ItemTitle;\n /**\n * @deprecated Use Select.Option.Hint or Select.Group with subTitle property\n */\n OptionHint: typeof DropdownMenu.ItemHint;\n Divider: typeof Divider;\n InputSearch: typeof InputSearch;\n Input: typeof InputSearch;\n};\n\ndeclare const wrapSelect: <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticSelectComponent>\n > &\n PropsExtending,\n ) => React.ReactNode,\n) => IntergalacticSelectComponent<PropsExtending>;\n\nexport { InputSearch, wrapSelect };\nexport default Select;\n"],"mappings":"","ignoreList":[]}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { ButtonTrigger, BaseTriggerProps, ButtonTriggerProps } from '@semcore/base-trigger';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type Divider from '@semcore/divider';\nimport type Dropdown from '@semcore/dropdown';\nimport type {\n DropdownMenuContext,\n DropdownMenuItemProps,\n DropdownMenuProps,\n DropdownMenuHandlers,\n DropdownMenuTriggerProps,\n} from '@semcore/dropdown-menu';\nimport type DropdownMenu from '@semcore/dropdown-menu';\nimport type { BoxProps, Flex } from '@semcore/flex-box';\nimport type { InputValueProps } from '@semcore/input';\nimport type Input from '@semcore/input';\nimport type React from 'react';\n\n/** @deprecated */\nexport interface ISelectInputSearch extends SelectInputSearch, UnknownProperties {}\nexport type SelectInputSearch = InputValueProps & {};\n\nexport type OptionValue = string | number;\nexport type SelectValue = string | number | Array<string | number> | null;\n\nexport type SelectOption = {\n value: OptionValue;\n children?: React.ReactNode;\n label?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface ISelectProps<T extends SelectValue = SelectValue> extends SelectProps<T> {}\nexport type SelectProps<T extends SelectValue = SelectValue> = DropdownMenuProps &\n BaseTriggerProps & {\n /**\n * Options array\n */\n options?: SelectOption[];\n /**\n * The value or values array selected by default when using multiselect\n * @type SelectValue\n */\n defaultValue?: T;\n /**\n * The selected value or values array when using multiselect\n * @type SelectValue\n */\n value?: T;\n /**\n * Callback on value change\n * @type (value: SelectValue, e: React.SyntheticEvent) => boolean | void\n */\n onChange?:\n | ((value: T, e: React.SyntheticEvent) => boolean | void)\n | React.Dispatch<React.SetStateAction<T>>;\n /**\n * Trigger placeholder at not selected value\n */\n placeholder?: React.ReactNode;\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Disables select\n */\n disabled?: boolean;\n /**\n * If provided, adds a hidden <input /> tag with the given name for enhancing accessibility.\n */\n name?: string;\n /** Specifies the locale for i18n support */\n locale?: string;\n /**\n * If enabled, after opening select popper view will be scrolled to selected option or, if there are multiple selected options, to the first selected option.\n * @default true\n */\n scrollToSelected?: boolean;\n };\n\n/** @deprecated */\nexport interface ISelectOption extends SelectOption, UnknownProperties {}\n\n/** @deprecated */\nexport interface ISelectOptionProps extends SelectOptionProps, UnknownProperties {}\nexport type SelectOptionProps = DropdownMenuItemProps & {\n /**\n * Enables selected state\n */\n selected?: boolean;\n /** Value of the option */\n value: string | number;\n};\n\n/** @deprecated */\nexport interface ISelectOptionCheckboxProps extends SelectOptionCheckboxProps, UnknownProperties {}\nexport type SelectOptionCheckboxProps = BoxProps & {\n /** Checkbox theme */\n theme?: string;\n /** Visual indeterminate state */\n indeterminate?: boolean;\n /** Controls the selected state */\n selected?: boolean;\n};\n\ndeclare const InputSearch: Intergalactic.Component<'div', SelectInputSearch> & {\n SearchIcon: typeof Input.Addon;\n Value: typeof Input.Value;\n Clear: typeof Input.Addon;\n};\n\n/** @deprecated */\nexport interface ISelectContext extends SelectContext, UnknownProperties {}\nexport type SelectContext = DropdownMenuContext & {\n getOptionProps: PropGetterFn;\n getOptionCheckboxProps: PropGetterFn;\n getDividerProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISelectHandlers extends SelectHandlers, UnknownProperties {}\nexport type SelectHandlers = DropdownMenuHandlers & {\n value: (index: SelectValue) => void;\n};\n\ntype IntergalacticSelectComponent<PropsExtending = {}> = (<\n Value extends SelectValue,\n Tag extends Intergalactic.Tag = 'div',\n>(\n props: Intergalactic.InternalTypings.ComponentProps<\n Tag,\n 'div',\n SelectProps<Value>,\n SelectContext,\n [handlers: SelectHandlers]\n > &\n PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', 'div', SelectProps>;\n\ndeclare const Select: IntergalacticSelectComponent & {\n Trigger: Intergalactic.Component<\n typeof Dropdown.Trigger,\n DropdownMenuTriggerProps & ButtonTriggerProps,\n {},\n [handlers: SelectHandlers]\n > & {\n Addon: typeof ButtonTrigger.Addon;\n Text: typeof ButtonTrigger.Text;\n };\n Popper: typeof DropdownMenu.Popper;\n List: typeof DropdownMenu.List;\n Menu: typeof DropdownMenu.Menu;\n Group: typeof Dropdown.Group;\n Option: Intergalactic.Component<\n 'option',\n SelectOptionProps,\n SelectContext,\n [handlers: SelectHandlers]\n > & {\n Addon: typeof DropdownMenu.Item.Addon;\n Checkbox: Intergalactic.Component<'div', SelectOptionCheckboxProps>;\n Content: typeof Flex;\n Hint: typeof Flex;\n };\n /**\n * @deprecated Use Select.Group\n */\n OptionTitle: typeof DropdownMenu.ItemTitle;\n /**\n * @deprecated Use Select.Option.Hint or Select.Group with subTitle property\n */\n OptionHint: typeof DropdownMenu.ItemHint;\n Divider: typeof Divider;\n InputSearch: typeof InputSearch;\n Input: typeof InputSearch;\n};\n\ndeclare const wrapSelect: <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticSelectComponent>\n > &\n PropsExtending,\n ) => React.ReactNode,\n) => IntergalacticSelectComponent<PropsExtending>;\n\nexport { InputSearch, wrapSelect };\nexport default Select;\n"],"mappings":"","ignoreList":[]}
@@ -21,14 +21,14 @@ import Input from '@semcore/input';
21
21
  import React from 'react';
22
22
  import { selectContext } from './context';
23
23
  /*!__reshadow-styles__:"./style/input-search.shadow.css"*/
24
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SInputSearch_6a7xh_gg_._size_m_6a7xh_gg_{height:32px}.___SSearchClear_6a7xh_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_6a7xh_gg_.__hide_6a7xh_gg_{visibility:hidden}.___SOutline_6a7xh_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}", /*__inner_css_end__*/"6a7xh_gg_"),
24
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SInputSearch_11ror_gg_._size_m_11ror_gg_{height:32px}.___SSearchClear_11ror_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_11ror_gg_.__hide_11ror_gg_{visibility:hidden}.___SOutline_11ror_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}", /*__inner_css_end__*/"11ror_gg_"),
25
25
  /*__reshadow_css_end__*/
26
26
  {
27
- "__SInputSearch": "___SInputSearch_6a7xh_gg_",
28
- "_size_m": "_size_m_6a7xh_gg_",
29
- "__SSearchClear": "___SSearchClear_6a7xh_gg_",
30
- "_hide": "__hide_6a7xh_gg_",
31
- "__SOutline": "___SOutline_6a7xh_gg_"
27
+ "__SInputSearch": "___SInputSearch_11ror_gg_",
28
+ "_size_m": "_size_m_11ror_gg_",
29
+ "__SSearchClear": "___SSearchClear_11ror_gg_",
30
+ "_hide": "__hide_11ror_gg_",
31
+ "__SOutline": "___SOutline_11ror_gg_"
32
32
  });
33
33
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
34
34
  var InputSearchRoot = /*#__PURE__*/function (_Component) {
package/lib/es6/Select.js CHANGED
@@ -38,16 +38,16 @@ import React from 'react';
38
38
  import { selectContext } from './context';
39
39
  import InputSearch from './InputSearch';
40
40
  /*!__reshadow-styles__:"./style/select.shadow.css"*/
41
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SOptionCheckbox_tgmzp_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_tgmzp_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_tgmzp_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_tgmzp_gg_.__selected_tgmzp_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_tgmzp_gg_._size_l_tgmzp_gg_{width:20px;height:20px}.___SOptionCheckbox_tgmzp_gg_._size_l_tgmzp_gg_.__selected_tgmzp_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_tgmzp_gg_.__indeterminate_tgmzp_gg_:before,.___SOptionCheckbox_tgmzp_gg_.__selected_tgmzp_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_tgmzp_gg_.__theme_tgmzp_gg_:before{border-color:var(--theme_tgmzp)}.___SOptionCheckbox_tgmzp_gg_.__theme_tgmzp_gg_.__indeterminate_tgmzp_gg_:before,.___SOptionCheckbox_tgmzp_gg_.__theme_tgmzp_gg_.__selected_tgmzp_gg_:before{background-color:var(--theme_tgmzp);border-color:var(--theme_tgmzp)}.___SOptionCheckbox_tgmzp_gg_.__selected_tgmzp_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_tgmzp_gg_.__selected_tgmzp_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_tgmzp_gg_.__indeterminate_tgmzp_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_tgmzp_gg_.__indeterminate_tgmzp_gg_._size_l_tgmzp_gg_:after{width:12px;height:2px}.___SOptionCheckbox_tgmzp_gg_.__indeterminate_tgmzp_gg_._size_m_tgmzp_gg_:after{width:8px;height:2px}", /*__inner_css_end__*/"tgmzp_gg_"),
41
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SOptionCheckbox_koinf_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_koinf_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_koinf_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_koinf_gg_.__selected_koinf_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_koinf_gg_._size_l_koinf_gg_{width:20px;height:20px}.___SOptionCheckbox_koinf_gg_._size_l_koinf_gg_.__selected_koinf_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_koinf_gg_.__indeterminate_koinf_gg_:before,.___SOptionCheckbox_koinf_gg_.__selected_koinf_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_koinf_gg_.__theme_koinf_gg_:before{border-color:var(--theme_koinf)}.___SOptionCheckbox_koinf_gg_.__theme_koinf_gg_.__indeterminate_koinf_gg_:before,.___SOptionCheckbox_koinf_gg_.__theme_koinf_gg_.__selected_koinf_gg_:before{background-color:var(--theme_koinf);border-color:var(--theme_koinf)}.___SOptionCheckbox_koinf_gg_.__selected_koinf_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_koinf_gg_.__selected_koinf_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_koinf_gg_.__indeterminate_koinf_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_koinf_gg_.__indeterminate_koinf_gg_._size_l_koinf_gg_:after{width:12px;height:2px}.___SOptionCheckbox_koinf_gg_.__indeterminate_koinf_gg_._size_m_koinf_gg_:after{width:8px;height:2px}", /*__inner_css_end__*/"koinf_gg_"),
42
42
  /*__reshadow_css_end__*/
43
43
  {
44
- "__SOptionCheckbox": "___SOptionCheckbox_tgmzp_gg_",
45
- "_selected": "__selected_tgmzp_gg_",
46
- "_size_l": "_size_l_tgmzp_gg_",
47
- "_indeterminate": "__indeterminate_tgmzp_gg_",
48
- "_theme": "__theme_tgmzp_gg_",
49
- "--theme": "--theme_tgmzp",
50
- "_size_m": "_size_m_tgmzp_gg_"
44
+ "__SOptionCheckbox": "___SOptionCheckbox_koinf_gg_",
45
+ "_selected": "__selected_koinf_gg_",
46
+ "_size_l": "_size_l_koinf_gg_",
47
+ "_indeterminate": "__indeterminate_koinf_gg_",
48
+ "_theme": "__theme_koinf_gg_",
49
+ "--theme": "--theme_koinf",
50
+ "_size_m": "_size_m_koinf_gg_"
51
51
  });
52
52
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
53
53
  function isSelectedOption(value, valueOption) {
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { ButtonTrigger, BaseTriggerProps, ButtonTriggerProps } from '@semcore/base-trigger';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type Divider from '@semcore/divider';\nimport type Dropdown from '@semcore/dropdown';\nimport type {\n DropdownMenuContext,\n DropdownMenuItemProps,\n DropdownMenuProps,\n DropdownMenuHandlers,\n DropdownMenuTriggerProps,\n} from '@semcore/dropdown-menu';\nimport type DropdownMenu from '@semcore/dropdown-menu';\nimport type { BoxProps, Flex } from '@semcore/flex-box';\nimport type { InputValueProps } from '@semcore/input';\nimport type Input from '@semcore/input';\nimport type React from 'react';\n\n/** @deprecated */\nexport interface ISelectInputSearch extends SelectInputSearch, UnknownProperties {}\nexport type SelectInputSearch = InputValueProps & {};\n\nexport type OptionValue = string | number;\nexport type SelectValue = string | number | Array<string | number> | null;\n\nexport type SelectOption = {\n value: OptionValue;\n children?: React.ReactNode;\n label?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface ISelectProps<T extends SelectValue = SelectValue> extends SelectProps<T> {}\nexport type SelectProps<T extends SelectValue = SelectValue> = DropdownMenuProps &\n BaseTriggerProps & {\n /**\n * Options array\n */\n options?: SelectOption[];\n /**\n * The value or values array selected by default when using multiselect\n * @type SelectValue\n */\n defaultValue?: T;\n /**\n * The selected value or values array when using multiselect\n * @type SelectValue\n */\n value?: T;\n /**\n * Callback on value change\n * @type (value: SelectValue, e: React.SyntheticEvent) => boolean | void\n */\n onChange?:\n | ((value: T, e: React.SyntheticEvent) => boolean | void)\n | React.Dispatch<React.SetStateAction<T>>;\n /**\n * Trigger placeholder at not selected value\n */\n placeholder?: React.ReactNode;\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Disables select\n */\n disabled?: boolean;\n /**\n * If provided, adds a hidden <input /> tag with the given name for enhancing accessibility.\n */\n name?: string;\n locale?: string;\n /**\n * If enabled, after opening select popper view will be scrolled to selected option or, if there are multiple selected options, to the first selected option.\n * @default true\n */\n scrollToSelected?: boolean;\n };\n\n/** @deprecated */\nexport interface ISelectOption extends SelectOption, UnknownProperties {}\n\n/** @deprecated */\nexport interface ISelectOptionProps extends SelectOptionProps, UnknownProperties {}\nexport type SelectOptionProps = DropdownMenuItemProps & {\n /**\n * Enables selected state\n */\n selected?: boolean;\n /** Value of the option */\n value: string | number;\n};\n\n/** @deprecated */\nexport interface ISelectOptionCheckboxProps extends SelectOptionCheckboxProps, UnknownProperties {}\nexport type SelectOptionCheckboxProps = BoxProps & {\n /** Checkbox theme */\n theme?: string;\n /** Visual indeterminate state */\n indeterminate?: boolean;\n\n selected?: boolean;\n};\n\ndeclare const InputSearch: Intergalactic.Component<'div', SelectInputSearch> & {\n SearchIcon: typeof Input.Addon;\n Value: typeof Input.Value;\n Clear: typeof Input.Addon;\n};\n\n/** @deprecated */\nexport interface ISelectContext extends SelectContext, UnknownProperties {}\nexport type SelectContext = DropdownMenuContext & {\n getOptionProps: PropGetterFn;\n getOptionCheckboxProps: PropGetterFn;\n getDividerProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISelectHandlers extends SelectHandlers, UnknownProperties {}\nexport type SelectHandlers = DropdownMenuHandlers & {\n value: (index: SelectValue) => void;\n};\n\ntype IntergalacticSelectComponent<PropsExtending = {}> = (<\n Value extends SelectValue,\n Tag extends Intergalactic.Tag = 'div',\n>(\n props: Intergalactic.InternalTypings.ComponentProps<\n Tag,\n 'div',\n SelectProps<Value>,\n SelectContext,\n [handlers: SelectHandlers]\n > &\n PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', 'div', SelectProps>;\n\ndeclare const Select: IntergalacticSelectComponent & {\n Trigger: Intergalactic.Component<\n typeof Dropdown.Trigger,\n DropdownMenuTriggerProps & ButtonTriggerProps,\n {},\n [handlers: SelectHandlers]\n > & {\n Addon: typeof ButtonTrigger.Addon;\n Text: typeof ButtonTrigger.Text;\n };\n Popper: typeof DropdownMenu.Popper;\n List: typeof DropdownMenu.List;\n Menu: typeof DropdownMenu.Menu;\n Group: typeof Dropdown.Group;\n Option: Intergalactic.Component<\n 'option',\n SelectOptionProps,\n SelectContext,\n [handlers: SelectHandlers]\n > & {\n Addon: typeof DropdownMenu.Item.Addon;\n Checkbox: Intergalactic.Component<'div', SelectOptionCheckboxProps>;\n Content: typeof Flex;\n Hint: typeof Flex;\n };\n /**\n * @deprecated Use Select.Group\n */\n OptionTitle: typeof DropdownMenu.ItemTitle;\n /**\n * @deprecated Use Select.Option.Hint or Select.Group with subTitle property\n */\n OptionHint: typeof DropdownMenu.ItemHint;\n Divider: typeof Divider;\n InputSearch: typeof InputSearch;\n Input: typeof InputSearch;\n};\n\ndeclare const wrapSelect: <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticSelectComponent>\n > &\n PropsExtending,\n ) => React.ReactNode,\n) => IntergalacticSelectComponent<PropsExtending>;\n\nexport { InputSearch, wrapSelect };\nexport default Select;\n"],"mappings":"","ignoreList":[]}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { ButtonTrigger, BaseTriggerProps, ButtonTriggerProps } from '@semcore/base-trigger';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type Divider from '@semcore/divider';\nimport type Dropdown from '@semcore/dropdown';\nimport type {\n DropdownMenuContext,\n DropdownMenuItemProps,\n DropdownMenuProps,\n DropdownMenuHandlers,\n DropdownMenuTriggerProps,\n} from '@semcore/dropdown-menu';\nimport type DropdownMenu from '@semcore/dropdown-menu';\nimport type { BoxProps, Flex } from '@semcore/flex-box';\nimport type { InputValueProps } from '@semcore/input';\nimport type Input from '@semcore/input';\nimport type React from 'react';\n\n/** @deprecated */\nexport interface ISelectInputSearch extends SelectInputSearch, UnknownProperties {}\nexport type SelectInputSearch = InputValueProps & {};\n\nexport type OptionValue = string | number;\nexport type SelectValue = string | number | Array<string | number> | null;\n\nexport type SelectOption = {\n value: OptionValue;\n children?: React.ReactNode;\n label?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface ISelectProps<T extends SelectValue = SelectValue> extends SelectProps<T> {}\nexport type SelectProps<T extends SelectValue = SelectValue> = DropdownMenuProps &\n BaseTriggerProps & {\n /**\n * Options array\n */\n options?: SelectOption[];\n /**\n * The value or values array selected by default when using multiselect\n * @type SelectValue\n */\n defaultValue?: T;\n /**\n * The selected value or values array when using multiselect\n * @type SelectValue\n */\n value?: T;\n /**\n * Callback on value change\n * @type (value: SelectValue, e: React.SyntheticEvent) => boolean | void\n */\n onChange?:\n | ((value: T, e: React.SyntheticEvent) => boolean | void)\n | React.Dispatch<React.SetStateAction<T>>;\n /**\n * Trigger placeholder at not selected value\n */\n placeholder?: React.ReactNode;\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Disables select\n */\n disabled?: boolean;\n /**\n * If provided, adds a hidden <input /> tag with the given name for enhancing accessibility.\n */\n name?: string;\n /** Specifies the locale for i18n support */\n locale?: string;\n /**\n * If enabled, after opening select popper view will be scrolled to selected option or, if there are multiple selected options, to the first selected option.\n * @default true\n */\n scrollToSelected?: boolean;\n };\n\n/** @deprecated */\nexport interface ISelectOption extends SelectOption, UnknownProperties {}\n\n/** @deprecated */\nexport interface ISelectOptionProps extends SelectOptionProps, UnknownProperties {}\nexport type SelectOptionProps = DropdownMenuItemProps & {\n /**\n * Enables selected state\n */\n selected?: boolean;\n /** Value of the option */\n value: string | number;\n};\n\n/** @deprecated */\nexport interface ISelectOptionCheckboxProps extends SelectOptionCheckboxProps, UnknownProperties {}\nexport type SelectOptionCheckboxProps = BoxProps & {\n /** Checkbox theme */\n theme?: string;\n /** Visual indeterminate state */\n indeterminate?: boolean;\n /** Controls the selected state */\n selected?: boolean;\n};\n\ndeclare const InputSearch: Intergalactic.Component<'div', SelectInputSearch> & {\n SearchIcon: typeof Input.Addon;\n Value: typeof Input.Value;\n Clear: typeof Input.Addon;\n};\n\n/** @deprecated */\nexport interface ISelectContext extends SelectContext, UnknownProperties {}\nexport type SelectContext = DropdownMenuContext & {\n getOptionProps: PropGetterFn;\n getOptionCheckboxProps: PropGetterFn;\n getDividerProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISelectHandlers extends SelectHandlers, UnknownProperties {}\nexport type SelectHandlers = DropdownMenuHandlers & {\n value: (index: SelectValue) => void;\n};\n\ntype IntergalacticSelectComponent<PropsExtending = {}> = (<\n Value extends SelectValue,\n Tag extends Intergalactic.Tag = 'div',\n>(\n props: Intergalactic.InternalTypings.ComponentProps<\n Tag,\n 'div',\n SelectProps<Value>,\n SelectContext,\n [handlers: SelectHandlers]\n > &\n PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', 'div', SelectProps>;\n\ndeclare const Select: IntergalacticSelectComponent & {\n Trigger: Intergalactic.Component<\n typeof Dropdown.Trigger,\n DropdownMenuTriggerProps & ButtonTriggerProps,\n {},\n [handlers: SelectHandlers]\n > & {\n Addon: typeof ButtonTrigger.Addon;\n Text: typeof ButtonTrigger.Text;\n };\n Popper: typeof DropdownMenu.Popper;\n List: typeof DropdownMenu.List;\n Menu: typeof DropdownMenu.Menu;\n Group: typeof Dropdown.Group;\n Option: Intergalactic.Component<\n 'option',\n SelectOptionProps,\n SelectContext,\n [handlers: SelectHandlers]\n > & {\n Addon: typeof DropdownMenu.Item.Addon;\n Checkbox: Intergalactic.Component<'div', SelectOptionCheckboxProps>;\n Content: typeof Flex;\n Hint: typeof Flex;\n };\n /**\n * @deprecated Use Select.Group\n */\n OptionTitle: typeof DropdownMenu.ItemTitle;\n /**\n * @deprecated Use Select.Option.Hint or Select.Group with subTitle property\n */\n OptionHint: typeof DropdownMenu.ItemHint;\n Divider: typeof Divider;\n InputSearch: typeof InputSearch;\n Input: typeof InputSearch;\n};\n\ndeclare const wrapSelect: <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticSelectComponent>\n > &\n PropsExtending,\n ) => React.ReactNode,\n) => IntergalacticSelectComponent<PropsExtending>;\n\nexport { InputSearch, wrapSelect };\nexport default Select;\n"],"mappings":"","ignoreList":[]}
@@ -23,16 +23,16 @@ var style = (
23
23
  /*__reshadow_css_start__*/
24
24
  (sstyled.insert(
25
25
  /*__inner_css_start__*/
26
- ".___SInputSearch_6a7xh_gg_._size_m_6a7xh_gg_{height:32px}.___SSearchClear_6a7xh_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_6a7xh_gg_.__hide_6a7xh_gg_{visibility:hidden}.___SOutline_6a7xh_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}",
26
+ ".___SInputSearch_11ror_gg_._size_m_11ror_gg_{height:32px}.___SSearchClear_11ror_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_11ror_gg_.__hide_11ror_gg_{visibility:hidden}.___SOutline_11ror_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}",
27
27
  /*__inner_css_end__*/
28
- "6a7xh_gg_"
28
+ "11ror_gg_"
29
29
  ), /*__reshadow_css_end__*/
30
30
  {
31
- "__SInputSearch": "___SInputSearch_6a7xh_gg_",
32
- "_size_m": "_size_m_6a7xh_gg_",
33
- "__SSearchClear": "___SSearchClear_6a7xh_gg_",
34
- "_hide": "__hide_6a7xh_gg_",
35
- "__SOutline": "___SOutline_6a7xh_gg_"
31
+ "__SInputSearch": "___SInputSearch_11ror_gg_",
32
+ "_size_m": "_size_m_11ror_gg_",
33
+ "__SSearchClear": "___SSearchClear_11ror_gg_",
34
+ "_hide": "__hide_11ror_gg_",
35
+ "__SOutline": "___SOutline_11ror_gg_"
36
36
  })
37
37
  );
38
38
  var InputSearchRoot = /* @__PURE__ */ function(_Component) {
@@ -43,18 +43,18 @@ var style = (
43
43
  /*__reshadow_css_start__*/
44
44
  (sstyled.insert(
45
45
  /*__inner_css_start__*/
46
- '.___SOptionCheckbox_tgmzp_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_tgmzp_gg_::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_tgmzp_gg_::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_tgmzp_gg_.__selected_tgmzp_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_tgmzp_gg_._size_l_tgmzp_gg_{width:20px;height:20px}.___SOptionCheckbox_tgmzp_gg_._size_l_tgmzp_gg_.__selected_tgmzp_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_tgmzp_gg_.__indeterminate_tgmzp_gg_:before,.___SOptionCheckbox_tgmzp_gg_.__selected_tgmzp_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_tgmzp_gg_.__theme_tgmzp_gg_:before{border-color:var(--theme_tgmzp)}.___SOptionCheckbox_tgmzp_gg_.__theme_tgmzp_gg_.__indeterminate_tgmzp_gg_:before,.___SOptionCheckbox_tgmzp_gg_.__theme_tgmzp_gg_.__selected_tgmzp_gg_:before{background-color:var(--theme_tgmzp);border-color:var(--theme_tgmzp)}.___SOptionCheckbox_tgmzp_gg_.__selected_tgmzp_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_tgmzp_gg_.__selected_tgmzp_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_tgmzp_gg_.__indeterminate_tgmzp_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_tgmzp_gg_.__indeterminate_tgmzp_gg_._size_l_tgmzp_gg_:after{width:12px;height:2px}.___SOptionCheckbox_tgmzp_gg_.__indeterminate_tgmzp_gg_._size_m_tgmzp_gg_:after{width:8px;height:2px}',
46
+ '.___SOptionCheckbox_koinf_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_koinf_gg_::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_koinf_gg_::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_koinf_gg_.__selected_koinf_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_koinf_gg_._size_l_koinf_gg_{width:20px;height:20px}.___SOptionCheckbox_koinf_gg_._size_l_koinf_gg_.__selected_koinf_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_koinf_gg_.__indeterminate_koinf_gg_:before,.___SOptionCheckbox_koinf_gg_.__selected_koinf_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_koinf_gg_.__theme_koinf_gg_:before{border-color:var(--theme_koinf)}.___SOptionCheckbox_koinf_gg_.__theme_koinf_gg_.__indeterminate_koinf_gg_:before,.___SOptionCheckbox_koinf_gg_.__theme_koinf_gg_.__selected_koinf_gg_:before{background-color:var(--theme_koinf);border-color:var(--theme_koinf)}.___SOptionCheckbox_koinf_gg_.__selected_koinf_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_koinf_gg_.__selected_koinf_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_koinf_gg_.__indeterminate_koinf_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_koinf_gg_.__indeterminate_koinf_gg_._size_l_koinf_gg_:after{width:12px;height:2px}.___SOptionCheckbox_koinf_gg_.__indeterminate_koinf_gg_._size_m_koinf_gg_:after{width:8px;height:2px}',
47
47
  /*__inner_css_end__*/
48
- "tgmzp_gg_"
48
+ "koinf_gg_"
49
49
  ), /*__reshadow_css_end__*/
50
50
  {
51
- "__SOptionCheckbox": "___SOptionCheckbox_tgmzp_gg_",
52
- "_selected": "__selected_tgmzp_gg_",
53
- "_size_l": "_size_l_tgmzp_gg_",
54
- "_indeterminate": "__indeterminate_tgmzp_gg_",
55
- "_theme": "__theme_tgmzp_gg_",
56
- "--theme": "--theme_tgmzp",
57
- "_size_m": "_size_m_tgmzp_gg_"
51
+ "__SOptionCheckbox": "___SOptionCheckbox_koinf_gg_",
52
+ "_selected": "__selected_koinf_gg_",
53
+ "_size_l": "_size_l_koinf_gg_",
54
+ "_indeterminate": "__indeterminate_koinf_gg_",
55
+ "_theme": "__theme_koinf_gg_",
56
+ "--theme": "--theme_koinf",
57
+ "_size_m": "_size_m_koinf_gg_"
58
58
  })
59
59
  );
60
60
  function isSelectedOption(value, valueOption) {
@@ -69,6 +69,7 @@ export type SelectProps<T extends SelectValue = SelectValue> = DropdownMenuProps
69
69
  * If provided, adds a hidden <input /> tag with the given name for enhancing accessibility.
70
70
  */
71
71
  name?: string;
72
+ /** Specifies the locale for i18n support */
72
73
  locale?: string;
73
74
  /**
74
75
  * If enabled, after opening select popper view will be scrolled to selected option or, if there are multiple selected options, to the first selected option.
@@ -98,7 +99,7 @@ export type SelectOptionCheckboxProps = BoxProps & {
98
99
  theme?: string;
99
100
  /** Visual indeterminate state */
100
101
  indeterminate?: boolean;
101
-
102
+ /** Controls the selected state */
102
103
  selected?: boolean;
103
104
  };
104
105
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/select",
3
3
  "description": "Semrush Select Component",
4
- "version": "16.1.6",
4
+ "version": "16.1.7-prerelease.1",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -13,20 +13,20 @@
13
13
  "types": "./lib/types/index.d.ts"
14
14
  },
15
15
  "dependencies": {
16
- "@semcore/base-trigger": "16.3.0",
17
- "@semcore/button": "16.0.6",
18
- "@semcore/checkbox": "16.1.0",
19
- "@semcore/divider": "16.0.6",
20
- "@semcore/dropdown": "16.0.6",
21
- "@semcore/dropdown-menu": "16.1.7",
22
- "@semcore/flex-box": "16.0.6",
23
- "@semcore/icon": "16.5.0",
24
- "@semcore/input": "16.0.6",
25
- "@semcore/popper": "16.0.6",
16
+ "@semcore/base-trigger": "16.3.1-prerelease.1",
17
+ "@semcore/button": "16.0.7-prerelease.1",
18
+ "@semcore/checkbox": "16.1.1-prerelease.1",
19
+ "@semcore/divider": "16.0.7-prerelease.1",
20
+ "@semcore/dropdown": "16.0.7-prerelease.1",
21
+ "@semcore/dropdown-menu": "16.1.8-prerelease.1",
22
+ "@semcore/flex-box": "16.0.7-prerelease.1",
23
+ "@semcore/icon": "16.5.1-prerelease.1",
24
+ "@semcore/input": "16.0.7-prerelease.1",
25
+ "@semcore/popper": "16.0.7-prerelease.1",
26
26
  "classnames": "2.2.6"
27
27
  },
28
28
  "peerDependencies": {
29
- "@semcore/base-components": "^16.0.0"
29
+ "@semcore/base-components": "^16.2.1-prerelease.1"
30
30
  },
31
31
  "repository": {
32
32
  "type": "git",
@@ -35,10 +35,10 @@
35
35
  },
36
36
  "devDependencies": {
37
37
  "@types/classnames": "2.2.6",
38
- "@semcore/core": "16.0.4",
39
- "@semcore/flex-box": "16.0.6",
40
- "@semcore/testing-utils": "1.0.0",
41
- "@semcore/typography": "16.2.0"
38
+ "@semcore/core": "16.1.0-prerelease.1",
39
+ "@semcore/flex-box": "16.0.7-prerelease.1",
40
+ "@semcore/typography": "16.2.1-prerelease.1",
41
+ "@semcore/testing-utils": "1.0.0"
42
42
  },
43
43
  "scripts": {
44
44
  "build": "pnpm semcore-builder --source=js && pnpm vite build"