@hh.ru/magritte-ui-select 12.6.1 → 12.6.2

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.
@@ -25,7 +25,7 @@ import '@hh.ru/magritte-common-use-disabled';
25
25
  import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
26
26
  import '@hh.ru/magritte-ui-checkbox-radio';
27
27
 
28
- var styles = {"select-bottom-sheet":"magritte-select-bottom-sheet___1RZDJ_12-6-1","selectBottomSheet":"magritte-select-bottom-sheet___1RZDJ_12-6-1","select-bottom-sheet_checkbox":"magritte-select-bottom-sheet_checkbox___hwTgo_12-6-1","selectBottomSheetCheckbox":"magritte-select-bottom-sheet_checkbox___hwTgo_12-6-1","select-bottom-sheet_radio":"magritte-select-bottom-sheet_radio___qvFFV_12-6-1","selectBottomSheetRadio":"magritte-select-bottom-sheet_radio___qvFFV_12-6-1","select-bottom-sheet_without-header":"magritte-select-bottom-sheet_without-header___KOKVh_12-6-1","selectBottomSheetWithoutHeader":"magritte-select-bottom-sheet_without-header___KOKVh_12-6-1","full-screen-placeholder":"magritte-full-screen-placeholder___zPC8k_12-6-1","fullScreenPlaceholder":"magritte-full-screen-placeholder___zPC8k_12-6-1","error-wrapper":"magritte-error-wrapper___P7jYg_12-6-1","errorWrapper":"magritte-error-wrapper___P7jYg_12-6-1"};
28
+ var styles = {"select-bottom-sheet":"magritte-select-bottom-sheet___1RZDJ_12-6-2","selectBottomSheet":"magritte-select-bottom-sheet___1RZDJ_12-6-2","select-bottom-sheet_checkbox":"magritte-select-bottom-sheet_checkbox___hwTgo_12-6-2","selectBottomSheetCheckbox":"magritte-select-bottom-sheet_checkbox___hwTgo_12-6-2","select-bottom-sheet_radio":"magritte-select-bottom-sheet_radio___qvFFV_12-6-2","selectBottomSheetRadio":"magritte-select-bottom-sheet_radio___qvFFV_12-6-2","select-bottom-sheet_without-header":"magritte-select-bottom-sheet_without-header___KOKVh_12-6-2","selectBottomSheetWithoutHeader":"magritte-select-bottom-sheet_without-header___KOKVh_12-6-2","full-screen-placeholder":"magritte-full-screen-placeholder___zPC8k_12-6-2","fullScreenPlaceholder":"magritte-full-screen-placeholder___zPC8k_12-6-2","error-wrapper":"magritte-error-wrapper___P7jYg_12-6-2","errorWrapper":"magritte-error-wrapper___P7jYg_12-6-2"};
29
29
 
30
30
  const SelectOptionDefault = ({ data, input, type, checked, plain, }) => {
31
31
  if (type === 'delimiter') {
package/SelectDrop.js CHANGED
@@ -22,7 +22,7 @@ import '@hh.ru/magritte-common-use-disabled';
22
22
  import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
23
23
  import '@hh.ru/magritte-ui-checkbox-radio';
24
24
 
25
- var styles = {"select-drop-container-wrapper":"magritte-select-drop-container-wrapper___OHM0q_12-6-1","selectDropContainerWrapper":"magritte-select-drop-container-wrapper___OHM0q_12-6-1","select-drop-container":"magritte-select-drop-container___hee1p_12-6-1","selectDropContainer":"magritte-select-drop-container___hee1p_12-6-1","select-drop-container_plain":"magritte-select-drop-container_plain___766zl_12-6-1","selectDropContainerPlain":"magritte-select-drop-container_plain___766zl_12-6-1","select-drop-container_with-footer":"magritte-select-drop-container_with-footer___6wp-L_12-6-1","selectDropContainerWithFooter":"magritte-select-drop-container_with-footer___6wp-L_12-6-1","select-drop":"magritte-select-drop___jn4O-_12-6-1","selectDrop":"magritte-select-drop___jn4O-_12-6-1","select-drop-header":"magritte-select-drop-header___fMmio_12-6-1","selectDropHeader":"magritte-select-drop-header___fMmio_12-6-1","select-drop_plain":"magritte-select-drop_plain___VL8Fz_12-6-1","selectDropPlain":"magritte-select-drop_plain___VL8Fz_12-6-1","label-option":"magritte-label-option___2N7t9_12-6-1","labelOption":"magritte-label-option___2N7t9_12-6-1","loading":"magritte-loading___AMiuq_12-6-1","hint":"magritte-hint___6qaFl_12-6-1"};
25
+ var styles = {"select-drop-container-wrapper":"magritte-select-drop-container-wrapper___OHM0q_12-6-2","selectDropContainerWrapper":"magritte-select-drop-container-wrapper___OHM0q_12-6-2","select-drop-container":"magritte-select-drop-container___hee1p_12-6-2","selectDropContainer":"magritte-select-drop-container___hee1p_12-6-2","select-drop-container_plain":"magritte-select-drop-container_plain___766zl_12-6-2","selectDropContainerPlain":"magritte-select-drop-container_plain___766zl_12-6-2","select-drop-container_with-footer":"magritte-select-drop-container_with-footer___6wp-L_12-6-2","selectDropContainerWithFooter":"magritte-select-drop-container_with-footer___6wp-L_12-6-2","select-drop":"magritte-select-drop___jn4O-_12-6-2","selectDrop":"magritte-select-drop___jn4O-_12-6-2","select-drop-header":"magritte-select-drop-header___fMmio_12-6-2","selectDropHeader":"magritte-select-drop-header___fMmio_12-6-2","select-drop_plain":"magritte-select-drop_plain___VL8Fz_12-6-2","selectDropPlain":"magritte-select-drop_plain___VL8Fz_12-6-2","label-option":"magritte-label-option___2N7t9_12-6-2","labelOption":"magritte-label-option___2N7t9_12-6-2","loading":"magritte-loading___AMiuq_12-6-2","hint":"magritte-hint___6qaFl_12-6-2"};
26
26
 
27
27
  const SelectOptionDefault = ({ data, input, type, plain, checked, }) => {
28
28
  if (type === 'delimiter') {
@@ -143,7 +143,7 @@ const SelectDrop = ({ activatorRef, type, name, multiple, applyChangesButton: _a
143
143
  if (keyboardMatches(event.nativeEvent, [keyboardKeys.Enter, keyboardKeys.Space])) {
144
144
  closedByKeyboardRef.current = true;
145
145
  }
146
- }, widthEqualToActivator: widthEqualToActivator || loading, forcePlacement: true, footer: footer, onAfterExit: onDropClose, onAppear: onDropOpen, returnFocusOnClose: false, id: id, role: dropRole, ...dropA11YProps, children: jsx("div", { className: styles.selectDropContainerWrapper, style: { maxHeight: `${maxHeight}px` }, children: jsxs("div", { className: classnames(styles.selectDropContainer, { [styles.selectDropContainerPlain]: plain }, { [styles.selectDropContainerWithFooter]: haveFooter }), children: [internalError && innerErrorTrls && jsx(SelectError, { innerErrorTrls: innerErrorTrls, reload: reload }), emptyOptionsHintVisible && jsx("div", { className: styles.hint, children: emptyOptionsHint }), emptySearchOptionsHintVisible && jsx("div", { className: styles.hint, children: emptyOptionsSearchHint }), loading && (jsx("div", { className: styles.loading, children: jsx(Loader, { size: 24 }) })), optionsVisible && (jsxs(Fragment, { children: [renderContentBefore && (jsx("div", { "data-qa": "magritte-select-header", className: styles.selectDropHeader, children: renderContentBefore({
146
+ }, widthEqualToActivator: widthEqualToActivator || (loading && dropWidth === undefined), forcePlacement: true, footer: footer, onAfterExit: onDropClose, onAppear: onDropOpen, returnFocusOnClose: false, id: id, role: dropRole, ...dropA11YProps, children: jsx("div", { className: styles.selectDropContainerWrapper, style: { maxHeight: `${maxHeight}px` }, children: jsxs("div", { className: classnames(styles.selectDropContainer, { [styles.selectDropContainerPlain]: plain }, { [styles.selectDropContainerWithFooter]: haveFooter }), children: [internalError && innerErrorTrls && jsx(SelectError, { innerErrorTrls: innerErrorTrls, reload: reload }), emptyOptionsHintVisible && jsx("div", { className: styles.hint, children: emptyOptionsHint }), emptySearchOptionsHintVisible && jsx("div", { className: styles.hint, children: emptyOptionsSearchHint }), loading && (jsx("div", { className: styles.loading, children: jsx(Loader, { size: 24 }) })), optionsVisible && (jsxs(Fragment, { children: [renderContentBefore && (jsx("div", { "data-qa": "magritte-select-header", className: styles.selectDropHeader, children: renderContentBefore({
147
147
  clearSelectedValuesAndClose,
148
148
  searchValue,
149
149
  setSearchValue,
package/SelectDrop.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectDrop.js","sources":["src/SelectDrop.tsx"],"sourcesContent":["import {\n useCallback,\n cloneElement,\n useRef,\n type ComponentProps,\n type ReactNode,\n type ReactElement,\n type KeyboardEvent,\n useId,\n} from 'react';\nimport classnames from 'classnames';\n\nimport { StaticDataFetcherItem } from '@hh.ru/magritte-common-data-provider';\nimport { keyboardKeys, keyboardMatches } from '@hh.ru/magritte-common-keyboard';\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { ActionBar } from '@hh.ru/magritte-ui-action-bar/ActionBar';\nimport { Button } from '@hh.ru/magritte-ui-button';\nimport { ButtonElement } from '@hh.ru/magritte-ui-button-stack';\nimport { Cell, CellText } from '@hh.ru/magritte-ui-cell';\nimport { Drop, DropRole } from '@hh.ru/magritte-ui-drop';\nimport { CheckOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { Loader } from '@hh.ru/magritte-ui-loader';\nimport { SelectError } from '@hh.ru/magritte-ui-select/SelectError';\nimport { SelectOption } from '@hh.ru/magritte-ui-select/SelectOption';\nimport { getChecked } from '@hh.ru/magritte-ui-select/getChecked';\nimport {\n OnChangeAction,\n SelectDropProps,\n RenderOptionTypeProps,\n RenderButtonsContainerProps,\n} from '@hh.ru/magritte-ui-select/types';\n\nimport styles from './select-drop.less';\n\nconst SelectOptionDefault = <DataType extends StaticDataFetcherItem>({\n data,\n input,\n type,\n plain,\n checked,\n}: RenderOptionTypeProps<DataType>): ReactElement => {\n if (type === 'delimiter') {\n return (\n <CellText maxLines={1} style=\"secondary\">\n {data.text}\n </CellText>\n );\n }\n if (type === 'label') {\n return (\n <Cell Element=\"div\" right={checked && plain ? <CheckOutlinedSize24 /> : undefined}>\n <div className={classnames({ [styles.labelOption]: !plain })}>\n <CellText maxLines={1}>{data.text}</CellText>\n </div>\n </Cell>\n );\n }\n return (\n <Cell Element=\"div\" align=\"center\" left={input}>\n <CellText maxLines={1}>{data.text}</CellText>\n </Cell>\n );\n};\n\nconst RenderButtonsContainerDefault = ({ applyChangesButton, loading }: RenderButtonsContainerProps): ReactNode => {\n if (loading || !applyChangesButton) {\n return null;\n }\n return <ActionBar primaryActions={applyChangesButton} />;\n};\n\nexport const getDropRole = (\n clearButton: ButtonElement | undefined,\n applyChangesButton: ButtonElement | undefined,\n multiple: boolean | undefined\n): DropRole => {\n const needAddChangesButton = multiple && Boolean(applyChangesButton);\n const hasAnyButton = Boolean(clearButton) || needAddChangesButton;\n return hasAnyButton ? 'dialog' : 'listbox';\n};\n\nexport const SelectDrop = <MultipleType extends boolean, DataType extends StaticDataFetcherItem>({\n activatorRef,\n type,\n name,\n multiple,\n applyChangesButton: _applyChangesButton,\n clearButton: _clearButton,\n useInitialValuesOnClearAction,\n loading,\n renderItem = SelectOptionDefault,\n renderButtonsContainer = RenderButtonsContainerDefault,\n visible,\n optionList,\n optionsListRef,\n searchValue,\n setSearchValue,\n maxWidth,\n value: values,\n onChange,\n onClose,\n clearSelectedValues,\n setInitialValues,\n isLimitExceeded,\n plain,\n searchable,\n widthEqualToActivator,\n forceDropVisibleWithEmptyOptions,\n renderContentBefore,\n setForcedState,\n setSelectedValues,\n maxHeight,\n onDropClose,\n onDropOpen,\n emptyOptionsHint,\n emptyOptionsSearchHint,\n onApply,\n onClear,\n searchInProgress,\n internalError,\n reload,\n innerErrorTrls,\n optionDataQa,\n dropWidth,\n id,\n ...props\n}: SelectDropProps<MultipleType, DataType>): ReactElement => {\n const closedByKeyboardRef = useRef(false);\n const listId = useId();\n const valuesArr = Array.isArray(values) ? values : [values];\n const handleChange: OnChangeAction<DataType> = useCallback(\n (newValue, needToPut) => {\n onChange(newValue, needToPut);\n\n if (!multiple) {\n onClose?.();\n }\n\n if (!multiple && closedByKeyboardRef.current) {\n closedByKeyboardRef.current = false;\n setForcedState('focus');\n return;\n }\n\n if (multiple && searchValue) {\n setForcedState('focusAndSelect');\n return;\n }\n closedByKeyboardRef.current = false;\n setForcedState(null);\n },\n [multiple, onChange, onClose, searchValue, setForcedState]\n );\n\n const clearSelectedValuesAndClose = () => {\n if (useInitialValuesOnClearAction) {\n setInitialValues();\n } else {\n clearSelectedValues();\n }\n onClose?.();\n };\n const applyTrl = useTranslation('Select', 'apply');\n const clearTrl = useTranslation('Select', 'clear');\n const clearButton =\n _clearButton &&\n cloneElement(_clearButton, {\n key: 'clearButton',\n size: 'medium',\n 'data-qa': 'magritte-select-clear-action',\n 'aria-label': _clearButton.props['aria-label'] || clearTrl,\n onClick: () => {\n clearSelectedValuesAndClose();\n onClear?.();\n },\n } as Partial<ComponentProps<typeof Button>>);\n const needAddChangesButton = multiple && _applyChangesButton;\n const applyChangesButton =\n needAddChangesButton &&\n cloneElement(_applyChangesButton, {\n key: 'applyChangesButton',\n size: 'medium',\n 'data-qa': 'magritte-select-apply',\n 'aria-label': _applyChangesButton.props['aria-label'] || applyTrl,\n onClick: () => {\n setSelectedValues();\n onClose?.();\n onApply?.({\n isMobile: false,\n searchValue,\n optionsCount: optionList.length,\n selectedOptionsCount: valuesArr.length,\n });\n },\n } as Partial<ComponentProps<typeof Button>>);\n\n const emptyOptionsHintVisible =\n optionList.length === 0 &&\n !searchValue &&\n !!emptyOptionsHint &&\n !loading &&\n !searchInProgress &&\n !internalError;\n const emptySearchOptionsHintVisible = !!(\n optionList.length === 0 &&\n searchValue &&\n !!emptyOptionsSearchHint &&\n !loading &&\n !searchInProgress &&\n !internalError\n );\n\n const optionsVisible = !loading && !emptySearchOptionsHintVisible && !emptyOptionsHintVisible && !internalError;\n const footer = renderButtonsContainer({\n applyChangesButton,\n clearButton,\n searchValue,\n optionsCount: optionList.length,\n loading,\n isError: Boolean(internalError && innerErrorTrls),\n emptyOptionsHintVisible: emptyOptionsHintVisible || emptySearchOptionsHintVisible,\n });\n const haveFooter = Boolean(footer);\n\n const dropRole = getDropRole(_clearButton, _applyChangesButton, multiple);\n const dropA11YProps = dropRole === 'listbox' ? { 'aria-owns': listId, 'aria-multiselectable': multiple } : {};\n const listA11YProps = dropRole === 'dialog' ? { role: 'listbox', 'aria-multiselectable': multiple } : {};\n\n return (\n <Drop\n {...props}\n ref={optionsListRef}\n autoFocusWhenOpened={false}\n maxWidth={maxWidth}\n width={dropWidth}\n visible={\n (optionList.length > 0 ||\n forceDropVisibleWithEmptyOptions ||\n emptyOptionsHintVisible ||\n emptySearchOptionsHintVisible ||\n internalError) &&\n visible\n }\n placement={['bottom-left', 'top-left', 'bottom-right', 'top-right']}\n activatorRef={activatorRef}\n padding={plain ? 24 : 12}\n keyboardNavigationMode=\"list\"\n onClose={() => {\n setForcedState('focus');\n onClose?.();\n }}\n closeByClickOutside={false}\n onKeyDownCapture={(event: KeyboardEvent) => {\n if (keyboardMatches(event.nativeEvent, [keyboardKeys.Enter, keyboardKeys.Space])) {\n closedByKeyboardRef.current = true;\n }\n }}\n widthEqualToActivator={widthEqualToActivator || loading}\n forcePlacement\n footer={footer}\n onAfterExit={onDropClose}\n onAppear={onDropOpen}\n returnFocusOnClose={false}\n id={id}\n role={dropRole}\n {...dropA11YProps}\n >\n <div className={styles.selectDropContainerWrapper} style={{ maxHeight: `${maxHeight}px` }}>\n <div\n className={classnames(\n styles.selectDropContainer,\n { [styles.selectDropContainerPlain]: plain },\n { [styles.selectDropContainerWithFooter]: haveFooter }\n )}\n >\n {internalError && innerErrorTrls && <SelectError innerErrorTrls={innerErrorTrls} reload={reload} />}\n {emptyOptionsHintVisible && <div className={styles.hint}>{emptyOptionsHint}</div>}\n {emptySearchOptionsHintVisible && <div className={styles.hint}>{emptyOptionsSearchHint}</div>}\n {loading && (\n <div className={styles.loading}>\n <Loader size={24} />\n </div>\n )}\n {optionsVisible && (\n <>\n {renderContentBefore && (\n <div data-qa=\"magritte-select-header\" className={styles.selectDropHeader}>\n {renderContentBefore({\n clearSelectedValuesAndClose,\n searchValue,\n setSearchValue,\n optionsCount: optionList.length,\n })}\n </div>\n )}\n <div\n id={listId}\n className={classnames(styles.selectDrop, { [styles.selectDropPlain]: plain })}\n data-qa=\"magritte-select-option-list\"\n {...listA11YProps}\n >\n {optionList.map((option) => {\n const checked = Boolean(option.data && getChecked(option.data, values ?? []));\n const disabled = !checked && (option.disabled || isLimitExceeded);\n return (\n <SelectOption\n key={option.data.value}\n name={name}\n checked={checked}\n onChange={handleChange}\n render={renderItem}\n disabled={disabled}\n type={option.type || type}\n plain={!!plain}\n multiple={multiple}\n data-qa={optionDataQa}\n data={option.data}\n />\n );\n })}\n </div>\n </>\n )}\n </div>\n </div>\n </Drop>\n );\n};\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
1
+ {"version":3,"file":"SelectDrop.js","sources":["src/SelectDrop.tsx"],"sourcesContent":["import {\n useCallback,\n cloneElement,\n useRef,\n type ComponentProps,\n type ReactNode,\n type ReactElement,\n type KeyboardEvent,\n useId,\n} from 'react';\nimport classnames from 'classnames';\n\nimport { StaticDataFetcherItem } from '@hh.ru/magritte-common-data-provider';\nimport { keyboardKeys, keyboardMatches } from '@hh.ru/magritte-common-keyboard';\nimport { useTranslation } from '@hh.ru/magritte-common-use-translation';\nimport { ActionBar } from '@hh.ru/magritte-ui-action-bar/ActionBar';\nimport { Button } from '@hh.ru/magritte-ui-button';\nimport { ButtonElement } from '@hh.ru/magritte-ui-button-stack';\nimport { Cell, CellText } from '@hh.ru/magritte-ui-cell';\nimport { Drop, DropRole } from '@hh.ru/magritte-ui-drop';\nimport { CheckOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { Loader } from '@hh.ru/magritte-ui-loader';\nimport { SelectError } from '@hh.ru/magritte-ui-select/SelectError';\nimport { SelectOption } from '@hh.ru/magritte-ui-select/SelectOption';\nimport { getChecked } from '@hh.ru/magritte-ui-select/getChecked';\nimport {\n OnChangeAction,\n SelectDropProps,\n RenderOptionTypeProps,\n RenderButtonsContainerProps,\n} from '@hh.ru/magritte-ui-select/types';\n\nimport styles from './select-drop.less';\n\nconst SelectOptionDefault = <DataType extends StaticDataFetcherItem>({\n data,\n input,\n type,\n plain,\n checked,\n}: RenderOptionTypeProps<DataType>): ReactElement => {\n if (type === 'delimiter') {\n return (\n <CellText maxLines={1} style=\"secondary\">\n {data.text}\n </CellText>\n );\n }\n if (type === 'label') {\n return (\n <Cell Element=\"div\" right={checked && plain ? <CheckOutlinedSize24 /> : undefined}>\n <div className={classnames({ [styles.labelOption]: !plain })}>\n <CellText maxLines={1}>{data.text}</CellText>\n </div>\n </Cell>\n );\n }\n return (\n <Cell Element=\"div\" align=\"center\" left={input}>\n <CellText maxLines={1}>{data.text}</CellText>\n </Cell>\n );\n};\n\nconst RenderButtonsContainerDefault = ({ applyChangesButton, loading }: RenderButtonsContainerProps): ReactNode => {\n if (loading || !applyChangesButton) {\n return null;\n }\n return <ActionBar primaryActions={applyChangesButton} />;\n};\n\nexport const getDropRole = (\n clearButton: ButtonElement | undefined,\n applyChangesButton: ButtonElement | undefined,\n multiple: boolean | undefined\n): DropRole => {\n const needAddChangesButton = multiple && Boolean(applyChangesButton);\n const hasAnyButton = Boolean(clearButton) || needAddChangesButton;\n return hasAnyButton ? 'dialog' : 'listbox';\n};\n\nexport const SelectDrop = <MultipleType extends boolean, DataType extends StaticDataFetcherItem>({\n activatorRef,\n type,\n name,\n multiple,\n applyChangesButton: _applyChangesButton,\n clearButton: _clearButton,\n useInitialValuesOnClearAction,\n loading,\n renderItem = SelectOptionDefault,\n renderButtonsContainer = RenderButtonsContainerDefault,\n visible,\n optionList,\n optionsListRef,\n searchValue,\n setSearchValue,\n maxWidth,\n value: values,\n onChange,\n onClose,\n clearSelectedValues,\n setInitialValues,\n isLimitExceeded,\n plain,\n searchable,\n widthEqualToActivator,\n forceDropVisibleWithEmptyOptions,\n renderContentBefore,\n setForcedState,\n setSelectedValues,\n maxHeight,\n onDropClose,\n onDropOpen,\n emptyOptionsHint,\n emptyOptionsSearchHint,\n onApply,\n onClear,\n searchInProgress,\n internalError,\n reload,\n innerErrorTrls,\n optionDataQa,\n dropWidth,\n id,\n ...props\n}: SelectDropProps<MultipleType, DataType>): ReactElement => {\n const closedByKeyboardRef = useRef(false);\n const listId = useId();\n const valuesArr = Array.isArray(values) ? values : [values];\n const handleChange: OnChangeAction<DataType> = useCallback(\n (newValue, needToPut) => {\n onChange(newValue, needToPut);\n\n if (!multiple) {\n onClose?.();\n }\n\n if (!multiple && closedByKeyboardRef.current) {\n closedByKeyboardRef.current = false;\n setForcedState('focus');\n return;\n }\n\n if (multiple && searchValue) {\n setForcedState('focusAndSelect');\n return;\n }\n closedByKeyboardRef.current = false;\n setForcedState(null);\n },\n [multiple, onChange, onClose, searchValue, setForcedState]\n );\n\n const clearSelectedValuesAndClose = () => {\n if (useInitialValuesOnClearAction) {\n setInitialValues();\n } else {\n clearSelectedValues();\n }\n onClose?.();\n };\n const applyTrl = useTranslation('Select', 'apply');\n const clearTrl = useTranslation('Select', 'clear');\n const clearButton =\n _clearButton &&\n cloneElement(_clearButton, {\n key: 'clearButton',\n size: 'medium',\n 'data-qa': 'magritte-select-clear-action',\n 'aria-label': _clearButton.props['aria-label'] || clearTrl,\n onClick: () => {\n clearSelectedValuesAndClose();\n onClear?.();\n },\n } as Partial<ComponentProps<typeof Button>>);\n const needAddChangesButton = multiple && _applyChangesButton;\n const applyChangesButton =\n needAddChangesButton &&\n cloneElement(_applyChangesButton, {\n key: 'applyChangesButton',\n size: 'medium',\n 'data-qa': 'magritte-select-apply',\n 'aria-label': _applyChangesButton.props['aria-label'] || applyTrl,\n onClick: () => {\n setSelectedValues();\n onClose?.();\n onApply?.({\n isMobile: false,\n searchValue,\n optionsCount: optionList.length,\n selectedOptionsCount: valuesArr.length,\n });\n },\n } as Partial<ComponentProps<typeof Button>>);\n\n const emptyOptionsHintVisible =\n optionList.length === 0 &&\n !searchValue &&\n !!emptyOptionsHint &&\n !loading &&\n !searchInProgress &&\n !internalError;\n const emptySearchOptionsHintVisible = !!(\n optionList.length === 0 &&\n searchValue &&\n !!emptyOptionsSearchHint &&\n !loading &&\n !searchInProgress &&\n !internalError\n );\n\n const optionsVisible = !loading && !emptySearchOptionsHintVisible && !emptyOptionsHintVisible && !internalError;\n const footer = renderButtonsContainer({\n applyChangesButton,\n clearButton,\n searchValue,\n optionsCount: optionList.length,\n loading,\n isError: Boolean(internalError && innerErrorTrls),\n emptyOptionsHintVisible: emptyOptionsHintVisible || emptySearchOptionsHintVisible,\n });\n const haveFooter = Boolean(footer);\n\n const dropRole = getDropRole(_clearButton, _applyChangesButton, multiple);\n const dropA11YProps = dropRole === 'listbox' ? { 'aria-owns': listId, 'aria-multiselectable': multiple } : {};\n const listA11YProps = dropRole === 'dialog' ? { role: 'listbox', 'aria-multiselectable': multiple } : {};\n\n return (\n <Drop\n {...props}\n ref={optionsListRef}\n autoFocusWhenOpened={false}\n maxWidth={maxWidth}\n width={dropWidth}\n visible={\n (optionList.length > 0 ||\n forceDropVisibleWithEmptyOptions ||\n emptyOptionsHintVisible ||\n emptySearchOptionsHintVisible ||\n internalError) &&\n visible\n }\n placement={['bottom-left', 'top-left', 'bottom-right', 'top-right']}\n activatorRef={activatorRef}\n padding={plain ? 24 : 12}\n keyboardNavigationMode=\"list\"\n onClose={() => {\n setForcedState('focus');\n onClose?.();\n }}\n closeByClickOutside={false}\n onKeyDownCapture={(event: KeyboardEvent) => {\n if (keyboardMatches(event.nativeEvent, [keyboardKeys.Enter, keyboardKeys.Space])) {\n closedByKeyboardRef.current = true;\n }\n }}\n widthEqualToActivator={widthEqualToActivator || (loading && dropWidth === undefined)}\n forcePlacement\n footer={footer}\n onAfterExit={onDropClose}\n onAppear={onDropOpen}\n returnFocusOnClose={false}\n id={id}\n role={dropRole}\n {...dropA11YProps}\n >\n <div className={styles.selectDropContainerWrapper} style={{ maxHeight: `${maxHeight}px` }}>\n <div\n className={classnames(\n styles.selectDropContainer,\n { [styles.selectDropContainerPlain]: plain },\n { [styles.selectDropContainerWithFooter]: haveFooter }\n )}\n >\n {internalError && innerErrorTrls && <SelectError innerErrorTrls={innerErrorTrls} reload={reload} />}\n {emptyOptionsHintVisible && <div className={styles.hint}>{emptyOptionsHint}</div>}\n {emptySearchOptionsHintVisible && <div className={styles.hint}>{emptyOptionsSearchHint}</div>}\n {loading && (\n <div className={styles.loading}>\n <Loader size={24} />\n </div>\n )}\n {optionsVisible && (\n <>\n {renderContentBefore && (\n <div data-qa=\"magritte-select-header\" className={styles.selectDropHeader}>\n {renderContentBefore({\n clearSelectedValuesAndClose,\n searchValue,\n setSearchValue,\n optionsCount: optionList.length,\n })}\n </div>\n )}\n <div\n id={listId}\n className={classnames(styles.selectDrop, { [styles.selectDropPlain]: plain })}\n data-qa=\"magritte-select-option-list\"\n {...listA11YProps}\n >\n {optionList.map((option) => {\n const checked = Boolean(option.data && getChecked(option.data, values ?? []));\n const disabled = !checked && (option.disabled || isLimitExceeded);\n return (\n <SelectOption\n key={option.data.value}\n name={name}\n checked={checked}\n onChange={handleChange}\n render={renderItem}\n disabled={disabled}\n type={option.type || type}\n plain={!!plain}\n multiple={multiple}\n data-qa={optionDataQa}\n data={option.data}\n />\n );\n })}\n </div>\n </>\n )}\n </div>\n </div>\n </Drop>\n );\n};\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
@@ -6,7 +6,7 @@ import { VSpacing } from '@hh.ru/magritte-ui-spacing';
6
6
  import { Title } from '@hh.ru/magritte-ui-title';
7
7
  import { Text } from '@hh.ru/magritte-ui-typography';
8
8
 
9
- var styles = {"select-empty-hint":"magritte-select-empty-hint___B39XJ_12-6-1","selectEmptyHint":"magritte-select-empty-hint___B39XJ_12-6-1","icon":"magritte-icon___F0GQx_12-6-1","icon-init":"magritte-icon-init___GWK-V_12-6-1","iconInit":"magritte-icon-init___GWK-V_12-6-1","icon-search":"magritte-icon-search___ZsqO-_12-6-1","iconSearch":"magritte-icon-search___ZsqO-_12-6-1"};
9
+ var styles = {"select-empty-hint":"magritte-select-empty-hint___B39XJ_12-6-2","selectEmptyHint":"magritte-select-empty-hint___B39XJ_12-6-2","icon":"magritte-icon___F0GQx_12-6-2","icon-init":"magritte-icon-init___GWK-V_12-6-2","iconInit":"magritte-icon-init___GWK-V_12-6-2","icon-search":"magritte-icon-search___ZsqO-_12-6-2","iconSearch":"magritte-icon-search___ZsqO-_12-6-2"};
10
10
 
11
11
  const SelectEmptyHint = ({ title, titleElement, description, type }) => {
12
12
  return (jsxs("div", { className: styles.selectEmptyHint, children: [type === 'init' && (jsx("div", { className: classnames(styles.icon, styles.iconInit), children: jsx(MagnifierOutlinedSize24, {}) })), type === 'emptySearch' && (jsx("div", { className: classnames(styles.icon, styles.iconSearch), children: jsx(EmojiHalfsadOutlinedSize24, {}) })), jsx(VSpacing, { default: 32 }), jsx(Title, { Element: titleElement, size: "small", children: title }), jsx(VSpacing, { default: 8 }), Boolean(description) && (jsx(Text, { typography: "paragraph-2-regular", style: "secondary", children: description }))] }));
package/SelectError.js CHANGED
@@ -7,7 +7,7 @@ import { VSpacing } from '@hh.ru/magritte-ui-spacing';
7
7
  import { Title } from '@hh.ru/magritte-ui-title';
8
8
  import { Text } from '@hh.ru/magritte-ui-typography';
9
9
 
10
- var styles = {"error-container":"magritte-error-container___t9B5w_12-6-1","errorContainer":"magritte-error-container___t9B5w_12-6-1"};
10
+ var styles = {"error-container":"magritte-error-container___t9B5w_12-6-2","errorContainer":"magritte-error-container___t9B5w_12-6-2"};
11
11
 
12
12
  const SelectError = ({ innerErrorTrls, reload, }) => {
13
13
  const { isMobile } = useBreakpoint();
package/SelectModal.js CHANGED
@@ -24,7 +24,7 @@ import '@hh.ru/magritte-common-use-disabled';
24
24
  import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
25
25
  import '@hh.ru/magritte-ui-checkbox-radio';
26
26
 
27
- var styles = {"select-modal-wrapper":"magritte-select-modal-wrapper___5BhtC_12-6-1","selectModalWrapper":"magritte-select-modal-wrapper___5BhtC_12-6-1","select-modal":"magritte-select-modal___f9wc6_12-6-1","selectModal":"magritte-select-modal___f9wc6_12-6-1","select-modal_plain":"magritte-select-modal_plain___0rP39_12-6-1","selectModalPlain":"magritte-select-modal_plain___0rP39_12-6-1","label-option":"magritte-label-option___kFAuR_12-6-1","labelOption":"magritte-label-option___kFAuR_12-6-1","layer-full-height":"magritte-layer-full-height___cJX-K_12-6-1","layerFullHeight":"magritte-layer-full-height___cJX-K_12-6-1"};
27
+ var styles = {"select-modal-wrapper":"magritte-select-modal-wrapper___5BhtC_12-6-2","selectModalWrapper":"magritte-select-modal-wrapper___5BhtC_12-6-2","select-modal":"magritte-select-modal___f9wc6_12-6-2","selectModal":"magritte-select-modal___f9wc6_12-6-2","select-modal_plain":"magritte-select-modal_plain___0rP39_12-6-2","selectModalPlain":"magritte-select-modal_plain___0rP39_12-6-2","label-option":"magritte-label-option___kFAuR_12-6-2","labelOption":"magritte-label-option___kFAuR_12-6-2","layer-full-height":"magritte-layer-full-height___cJX-K_12-6-2","layerFullHeight":"magritte-layer-full-height___cJX-K_12-6-2"};
28
28
 
29
29
  const SelectOptionDefault = ({ data, input, type, plain, checked, }) => {
30
30
  if (type === 'delimiter') {
package/SelectOption.js CHANGED
@@ -8,7 +8,7 @@ import { CheckableCardElement } from '@hh.ru/magritte-ui-checkable-card/Checkabl
8
8
  import { Radio, Checkbox } from '@hh.ru/magritte-ui-checkbox-radio';
9
9
  import { Text } from '@hh.ru/magritte-ui-typography';
10
10
 
11
- var styles = {"select-option-plain":"magritte-select-option-plain___dfz4a_12-6-1","selectOptionPlain":"magritte-select-option-plain___dfz4a_12-6-1","select-option-plain_active":"magritte-select-option-plain_active___AQSQS_12-6-1","selectOptionPlainActive":"magritte-select-option-plain_active___AQSQS_12-6-1","select-delimiter":"magritte-select-delimiter___WyeR6_12-6-1","selectDelimiter":"magritte-select-delimiter___WyeR6_12-6-1"};
11
+ var styles = {"select-option-plain":"magritte-select-option-plain___dfz4a_12-6-2","selectOptionPlain":"magritte-select-option-plain___dfz4a_12-6-2","select-option-plain_active":"magritte-select-option-plain_active___AQSQS_12-6-2","selectOptionPlainActive":"magritte-select-option-plain_active___AQSQS_12-6-2","select-delimiter":"magritte-select-delimiter___WyeR6_12-6-2","selectDelimiter":"magritte-select-delimiter___WyeR6_12-6-2"};
12
12
 
13
13
  const CheckableComponent = ({ type, value, checked, name, onChange, 'data-qa': dataQa, }) => {
14
14
  if (type === 'label') {
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- .magritte-error-container___t9B5w_12-6-1{
1
+ .magritte-error-container___t9B5w_12-6-2{
2
2
  display:flex;
3
3
  flex-direction:column;
4
4
  align-items:center;
@@ -6,13 +6,13 @@
6
6
  justify-content:center;
7
7
  }
8
8
  @media (min-width: 1020px){
9
- body.magritte-old-layout .magritte-error-container___t9B5w_12-6-1{
9
+ body.magritte-old-layout .magritte-error-container___t9B5w_12-6-2{
10
10
  min-height:320px;
11
11
  height:auto;
12
12
  }
13
13
  }
14
14
  @media (min-width: 1024px){
15
- body:not(.magritte-old-layout) .magritte-error-container___t9B5w_12-6-1{
15
+ body:not(.magritte-old-layout) .magritte-error-container___t9B5w_12-6-2{
16
16
  min-height:320px;
17
17
  height:auto;
18
18
  }
@@ -21,89 +21,89 @@
21
21
  :root{
22
22
  --magritte-color-component-input-stroke-state-accent-focused-accessible-v24-5-0:#0070ff7a;
23
23
  }
24
- .magritte-select-option-plain___dfz4a_12-6-1{
24
+ .magritte-select-option-plain___dfz4a_12-6-2{
25
25
  border-radius:8px;
26
26
  }
27
- .magritte-select-option-plain___dfz4a_12-6-1.focus-visible{
27
+ .magritte-select-option-plain___dfz4a_12-6-2.focus-visible{
28
28
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v24-5-0) solid 4px;
29
29
  }
30
- .magritte-select-option-plain___dfz4a_12-6-1:hover{
30
+ .magritte-select-option-plain___dfz4a_12-6-2:hover{
31
31
  cursor:default;
32
32
  }
33
- .magritte-select-option-plain_active___AQSQS_12-6-1:hover{
33
+ .magritte-select-option-plain_active___AQSQS_12-6-2:hover{
34
34
  cursor:pointer;
35
35
  }
36
- .magritte-select-delimiter___WyeR6_12-6-1{
36
+ .magritte-select-delimiter___WyeR6_12-6-2{
37
37
  padding-left:16px;
38
38
  padding-top:12px;
39
39
  }
40
40
 
41
- .magritte-select-bottom-sheet___1RZDJ_12-6-1{
41
+ .magritte-select-bottom-sheet___1RZDJ_12-6-2{
42
42
  display:flex;
43
43
  flex-direction:column;
44
44
  padding:0 16px;
45
45
  padding-bottom:16px;
46
46
  }
47
- .magritte-select-bottom-sheet_checkbox___hwTgo_12-6-1,
48
- .magritte-select-bottom-sheet_radio___qvFFV_12-6-1{
47
+ .magritte-select-bottom-sheet_checkbox___hwTgo_12-6-2,
48
+ .magritte-select-bottom-sheet_radio___qvFFV_12-6-2{
49
49
  gap:12px;
50
50
  }
51
- .magritte-select-bottom-sheet_without-header___KOKVh_12-6-1{
51
+ .magritte-select-bottom-sheet_without-header___KOKVh_12-6-2{
52
52
  padding-top:16px;
53
53
  }
54
- .magritte-full-screen-placeholder___zPC8k_12-6-1{
54
+ .magritte-full-screen-placeholder___zPC8k_12-6-2{
55
55
  display:flex;
56
56
  flex-direction:column;
57
57
  align-items:center;
58
58
  height:100%;
59
59
  justify-content:center;
60
60
  }
61
- .magritte-error-wrapper___P7jYg_12-6-1{
61
+ .magritte-error-wrapper___P7jYg_12-6-2{
62
62
  height:100%;
63
63
  }
64
64
 
65
- .magritte-select-drop-container-wrapper___OHM0q_12-6-1{
65
+ .magritte-select-drop-container-wrapper___OHM0q_12-6-2{
66
66
  display:flex;
67
67
  flex-direction:column;
68
68
  }
69
- .magritte-select-drop-container___hee1p_12-6-1{
69
+ .magritte-select-drop-container___hee1p_12-6-2{
70
70
  display:flex;
71
71
  flex-direction:column;
72
72
  padding:12px;
73
73
  margin:calc(-1 * 12px);
74
74
  }
75
- .magritte-select-drop-container_plain___766zl_12-6-1{
75
+ .magritte-select-drop-container_plain___766zl_12-6-2{
76
76
  padding:24px;
77
77
  margin:calc(-1 * 24px);
78
78
  }
79
- .magritte-select-drop-container_with-footer___6wp-L_12-6-1{
79
+ .magritte-select-drop-container_with-footer___6wp-L_12-6-2{
80
80
  margin-bottom:0;
81
81
  padding-bottom:0;
82
82
  }
83
- .magritte-select-drop___jn4O-_12-6-1{
83
+ .magritte-select-drop___jn4O-_12-6-2{
84
84
  display:flex;
85
85
  flex-direction:column;
86
86
  gap:8px;
87
87
  }
88
- .magritte-select-drop-header___fMmio_12-6-1{
88
+ .magritte-select-drop-header___fMmio_12-6-2{
89
89
  display:flex;
90
90
  flex-direction:column;
91
91
  margin-bottom:8px;
92
92
  }
93
- .magritte-select-drop_plain___VL8Fz_12-6-1{
93
+ .magritte-select-drop_plain___VL8Fz_12-6-2{
94
94
  gap:16px;
95
95
  }
96
- .magritte-label-option___2N7t9_12-6-1{
96
+ .magritte-label-option___2N7t9_12-6-2{
97
97
  display:flex;
98
98
  justify-content:center;
99
99
  }
100
- .magritte-loading___AMiuq_12-6-1{
100
+ .magritte-loading___AMiuq_12-6-2{
101
101
  display:flex;
102
102
  align-items:center;
103
103
  height:150px;
104
104
  justify-content:center;
105
105
  }
106
- .magritte-hint___6qaFl_12-6-1{
106
+ .magritte-hint___6qaFl_12-6-2{
107
107
  display:flex;
108
108
  flex-direction:column;
109
109
  align-items:center;
@@ -111,24 +111,24 @@
111
111
  justify-content:center;
112
112
  }
113
113
 
114
- .magritte-select-modal-wrapper___5BhtC_12-6-1{
114
+ .magritte-select-modal-wrapper___5BhtC_12-6-2{
115
115
  display:flex;
116
116
  flex-direction:column;
117
117
  flex-grow:1;
118
118
  }
119
- .magritte-select-modal___f9wc6_12-6-1{
119
+ .magritte-select-modal___f9wc6_12-6-2{
120
120
  display:flex;
121
121
  flex-direction:column;
122
122
  gap:12px;
123
123
  }
124
- .magritte-select-modal_plain___0rP39_12-6-1{
124
+ .magritte-select-modal_plain___0rP39_12-6-2{
125
125
  gap:0;
126
126
  }
127
- .magritte-label-option___kFAuR_12-6-1{
127
+ .magritte-label-option___kFAuR_12-6-2{
128
128
  display:flex;
129
129
  justify-content:center;
130
130
  }
131
- .magritte-layer-full-height___cJX-K_12-6-1{
131
+ .magritte-layer-full-height___cJX-K_12-6-2{
132
132
  display:flex;
133
133
  flex-direction:column;
134
134
  align-items:center;
@@ -155,14 +155,14 @@
155
155
  --magritte-color-background-accent-secondary-v24-5-0:#F1F4F7;
156
156
  --magritte-color-icon-accent-v24-5-0:#7195AF;
157
157
  }
158
- .magritte-select-empty-hint___B39XJ_12-6-1{
158
+ .magritte-select-empty-hint___B39XJ_12-6-2{
159
159
  display:flex;
160
160
  flex-direction:column;
161
161
  justify-content:center;
162
162
  align-content:center;
163
163
  align-items:center;
164
164
  }
165
- .magritte-icon___F0GQx_12-6-1{
165
+ .magritte-icon___F0GQx_12-6-2{
166
166
  display:flex;
167
167
  align-items:center;
168
168
  justify-content:center;
@@ -170,11 +170,11 @@
170
170
  height:48px;
171
171
  border-radius:50%;
172
172
  }
173
- .magritte-icon-init___GWK-V_12-6-1{
173
+ .magritte-icon-init___GWK-V_12-6-2{
174
174
  background-color:var(--magritte-color-background-accent-secondary-v24-5-0);
175
175
  --magritte-ui-icon-color-override:var(--magritte-color-icon-accent-v24-5-0);
176
176
  }
177
- .magritte-icon-search___ZsqO-_12-6-1{
177
+ .magritte-icon-search___ZsqO-_12-6-2{
178
178
  background-color:var(--magritte-color-background-secondary-v24-5-0);
179
179
  --magritte-ui-icon-color-override:var(--magritte-color-icon-tertiary-v24-5-0);
180
180
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-select",
3
- "version": "12.6.1",
3
+ "version": "12.6.2",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -33,25 +33,25 @@
33
33
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.11",
34
34
  "@hh.ru/magritte-common-use-translation": "3.1.0",
35
35
  "@hh.ru/magritte-design-tokens": "24.5.0",
36
- "@hh.ru/magritte-ui-action-bar": "5.3.9",
37
- "@hh.ru/magritte-ui-bottom-sheet": "9.3.1",
36
+ "@hh.ru/magritte-ui-action-bar": "5.3.10",
37
+ "@hh.ru/magritte-ui-bottom-sheet": "9.3.2",
38
38
  "@hh.ru/magritte-ui-breakpoint": "6.0.8",
39
39
  "@hh.ru/magritte-ui-button": "7.1.9",
40
40
  "@hh.ru/magritte-ui-button-stack": "3.0.6",
41
41
  "@hh.ru/magritte-ui-cell": "7.2.10",
42
42
  "@hh.ru/magritte-ui-checkable-card": "5.0.14",
43
43
  "@hh.ru/magritte-ui-checkbox-radio": "4.1.9",
44
- "@hh.ru/magritte-ui-drop": "12.3.1",
44
+ "@hh.ru/magritte-ui-drop": "12.3.2",
45
45
  "@hh.ru/magritte-ui-icon": "14.0.0",
46
46
  "@hh.ru/magritte-ui-input": "9.4.9",
47
47
  "@hh.ru/magritte-ui-loader": "3.0.0",
48
48
  "@hh.ru/magritte-ui-mock-component": "1.1.7",
49
- "@hh.ru/magritte-ui-modal": "10.0.0",
50
- "@hh.ru/magritte-ui-navigation-bar": "10.1.12",
49
+ "@hh.ru/magritte-ui-modal": "10.0.1",
50
+ "@hh.ru/magritte-ui-navigation-bar": "10.1.13",
51
51
  "@hh.ru/magritte-ui-spacing": "2.1.14",
52
52
  "@hh.ru/magritte-ui-title": "8.0.0",
53
53
  "@hh.ru/magritte-ui-trigger": "4.3.1",
54
54
  "@hh.ru/magritte-ui-typography": "5.0.0"
55
55
  },
56
- "gitHead": "e019f700cfff466975b65b96124aaac592268720"
56
+ "gitHead": "56146e5bdeb38baa5983c67826334d805677aded"
57
57
  }