@sima-land/ui-nucleons 45.0.0-alpha.5 → 45.0.0-alpha.6
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/_internal/custom-scrollbar/index.js +3 -2
- package/_internal/custom-scrollbar/index.js.map +1 -0
- package/_internal/dropdown-loading/index.js +2 -1
- package/_internal/dropdown-loading/index.js.map +1 -0
- package/_internal/page-scroll-lock/adapters/body-scroll-lock.js +5 -1
- package/_internal/page-scroll-lock/adapters/body-scroll-lock.js.map +1 -0
- package/_internal/page-scroll-lock/adapters/ui-nucleons.js +1 -0
- package/_internal/page-scroll-lock/adapters/ui-nucleons.js.map +1 -0
- package/_internal/page-scroll-lock/context.js +2 -1
- package/_internal/page-scroll-lock/context.js.map +1 -0
- package/_internal/page-scroll-lock/hook.js +1 -0
- package/_internal/page-scroll-lock/hook.js.map +1 -0
- package/_internal/page-scroll-lock/index.js +1 -0
- package/_internal/page-scroll-lock/index.js.map +1 -0
- package/_internal/page-scroll-lock/types.js +1 -0
- package/_internal/page-scroll-lock/types.js.map +1 -0
- package/_internal/utils/dropdown.js +1 -0
- package/_internal/utils/dropdown.js.map +1 -0
- package/alert/index.js +3 -2
- package/alert/index.js.map +1 -0
- package/arrow-button/index.js +3 -14
- package/arrow-button/index.js.map +1 -0
- package/autocomplete/autocomplete.js +28 -36
- package/autocomplete/autocomplete.js.map +1 -0
- package/autocomplete/index.js +1 -0
- package/autocomplete/index.js.map +1 -0
- package/autocomplete/types.js +1 -0
- package/autocomplete/types.js.map +1 -0
- package/autocomplete-deprecated/index.js +5 -16
- package/autocomplete-deprecated/index.js.map +1 -0
- package/avatar/index.js +6 -1
- package/avatar/index.js.map +1 -0
- package/avatar/user.js +2 -1
- package/avatar/user.js.map +1 -0
- package/avatar/utils.js +1 -0
- package/avatar/utils.js.map +1 -0
- package/base-input/base-input.js +9 -20
- package/base-input/base-input.js.map +1 -0
- package/base-input/index.js +1 -0
- package/base-input/index.js.map +1 -0
- package/base-input/types.js +1 -0
- package/base-input/types.js.map +1 -0
- package/base-input/utils.js +2 -1
- package/base-input/utils.js.map +1 -0
- package/base-input-deprecated/index.js +5 -16
- package/base-input-deprecated/index.js.map +1 -0
- package/bordered-layout/index.js +2 -1
- package/bordered-layout/index.js.map +1 -0
- package/bottom-bar/bottom-bar.js +3 -14
- package/bottom-bar/bottom-bar.js.map +1 -0
- package/bottom-bar/index.js +1 -0
- package/bottom-bar/index.js.map +1 -0
- package/bottom-bar/types.js +1 -0
- package/bottom-bar/types.js.map +1 -0
- package/box/index.js +1 -0
- package/box/index.js.map +1 -0
- package/button/index.js +5 -16
- package/button/index.js.map +1 -0
- package/card/index.js +3 -14
- package/card/index.js.map +1 -0
- package/card/slots.js +7 -19
- package/card/slots.js.map +1 -0
- package/card/utils.js +1 -0
- package/card/utils.js.map +1 -0
- package/carousel/draggable.js +4 -3
- package/carousel/draggable.js.map +1 -0
- package/carousel/helpers/draggable-event.js +1 -0
- package/carousel/helpers/draggable-event.js.map +1 -0
- package/carousel/index.js +9 -4
- package/carousel/index.js.map +1 -0
- package/checkbox/index.js +4 -17
- package/checkbox/index.js.map +1 -0
- package/checkbox-field/index.d.ts +1 -0
- package/checkbox-field/index.js +6 -17
- package/checkbox-field/index.js.map +1 -0
- package/chips/index.js +2 -15
- package/chips/index.js.map +1 -0
- package/chips/item.js +2 -1
- package/chips/item.js.map +1 -0
- package/clean-buttons/index.d.ts +1 -0
- package/clean-buttons/index.js +5 -16
- package/clean-buttons/index.js.map +1 -0
- package/clean-buttons/types.js +1 -0
- package/clean-buttons/types.js.map +1 -0
- package/clean-buttons/utils.js +1 -0
- package/clean-buttons/utils.js.map +1 -0
- package/colors/index.js +1 -0
- package/colors/index.js.map +1 -0
- package/context/viewport.js +1 -0
- package/context/viewport.js.map +1 -0
- package/dot-nav/index.js +3 -2
- package/dot-nav/index.js.map +1 -0
- package/dropdown/index.js +3 -14
- package/dropdown/index.js.map +1 -0
- package/dropdown/utils.js +1 -0
- package/dropdown/utils.js.map +1 -0
- package/dropdown-item/index.js +3 -14
- package/dropdown-item/index.js.map +1 -0
- package/dropdown-item/types.js +1 -0
- package/dropdown-item/types.js.map +1 -0
- package/dropdown-item/utils.js +1 -0
- package/dropdown-item/utils.js.map +1 -0
- package/expandable/index.js +10 -3
- package/expandable/index.js.map +1 -0
- package/expandable/utils.js +1 -0
- package/expandable/utils.js.map +1 -0
- package/field-block/index.js +2 -1
- package/field-block/index.js.map +1 -0
- package/field-grid/index.d.ts +6 -0
- package/field-grid/index.js +10 -4
- package/field-grid/index.js.map +1 -0
- package/file-icon/index.js +3 -14
- package/file-icon/index.js.map +1 -0
- package/group-overflow/index.js +6 -17
- package/group-overflow/index.js.map +1 -0
- package/group-overflow/utils.js +1 -0
- package/group-overflow/utils.js.map +1 -0
- package/helpers/bounds-of.js +1 -0
- package/helpers/bounds-of.js.map +1 -0
- package/helpers/center-of.js +1 -0
- package/helpers/center-of.js.map +1 -0
- package/helpers/create-container.js +1 -0
- package/helpers/create-container.js.map +1 -0
- package/helpers/define-slots.js +1 -0
- package/helpers/define-slots.js.map +1 -0
- package/helpers/events.js +1 -0
- package/helpers/events.js.map +1 -0
- package/helpers/find-child-element.js +1 -0
- package/helpers/find-child-element.js.map +1 -0
- package/helpers/find-offset-parent.js +1 -0
- package/helpers/find-offset-parent.js.map +1 -0
- package/helpers/find-sibling-index.js +1 -0
- package/helpers/find-sibling-index.js.map +1 -0
- package/helpers/fit-element-height.js +1 -0
- package/helpers/fit-element-height.js.map +1 -0
- package/helpers/format-date.js +1 -0
- package/helpers/format-date.js.map +1 -0
- package/helpers/format-number.js +1 -0
- package/helpers/format-number.js.map +1 -0
- package/helpers/get-date-interval-data.js +1 -0
- package/helpers/get-date-interval-data.js.map +1 -0
- package/helpers/get-declination.js +1 -0
- package/helpers/get-declination.js.map +1 -0
- package/helpers/get-fraction-depth.js +1 -0
- package/helpers/get-fraction-depth.js.map +1 -0
- package/helpers/get-no-index.js +1 -0
- package/helpers/get-no-index.js.map +1 -0
- package/helpers/get-relative-pos.js +1 -0
- package/helpers/get-relative-pos.js.map +1 -0
- package/helpers/get-scroll-parent.js +1 -0
- package/helpers/get-scroll-parent.js.map +1 -0
- package/helpers/is-browser.js +1 -0
- package/helpers/is-browser.js.map +1 -0
- package/helpers/is-fully-scrolled.js +1 -0
- package/helpers/is-fully-scrolled.js.map +1 -0
- package/helpers/is-touch-device.js +1 -0
- package/helpers/is-touch-device.js.map +1 -0
- package/helpers/layer.js +1 -0
- package/helpers/layer.js.map +1 -0
- package/helpers/max-index-of.js +1 -0
- package/helpers/max-index-of.js.map +1 -0
- package/helpers/media-query-list.js +1 -0
- package/helpers/media-query-list.js.map +1 -0
- package/helpers/on.js +1 -0
- package/helpers/on.js.map +1 -0
- package/helpers/point.js +1 -0
- package/helpers/point.js.map +1 -0
- package/helpers/rename.js +1 -0
- package/helpers/rename.js.map +1 -0
- package/helpers/scroll-to-child.js +1 -0
- package/helpers/scroll-to-child.js.map +1 -0
- package/helpers/styles.js +1 -0
- package/helpers/styles.js.map +1 -0
- package/helpers/with-prevent.js +1 -0
- package/helpers/with-prevent.js.map +1 -0
- package/hint/hint-view.js +5 -17
- package/hint/hint-view.js.map +1 -0
- package/hint/hint.js +5 -17
- package/hint/hint.js.map +1 -0
- package/hint/index.js +1 -0
- package/hint/index.js.map +1 -0
- package/hint/utils.js +23 -4
- package/hint/utils.js.map +1 -0
- package/hint-deprecated/index.js +2 -15
- package/hint-deprecated/index.js.map +1 -0
- package/hooks/breakpoint/index.js +2 -1
- package/hooks/breakpoint/index.js.map +1 -0
- package/hooks/breakpoint/types.js +1 -0
- package/hooks/breakpoint/types.js.map +1 -0
- package/hooks/breakpoint/utils.js +1 -0
- package/hooks/breakpoint/utils.js.map +1 -0
- package/hooks/identity.js +1 -0
- package/hooks/identity.js.map +1 -0
- package/hooks/index.js +1 -0
- package/hooks/index.js.map +1 -0
- package/hooks/intersection/index.js +1 -0
- package/hooks/intersection/index.js.map +1 -0
- package/hooks/intersection/test-utils.js +6 -2
- package/hooks/intersection/test-utils.js.map +1 -0
- package/hooks/keydown.js +1 -0
- package/hooks/keydown.js.map +1 -0
- package/hooks/media.js +1 -0
- package/hooks/media.js.map +1 -0
- package/hooks/styles.js +1 -0
- package/hooks/styles.js.map +1 -0
- package/info-text/index.js +4 -3
- package/info-text/index.js.map +1 -0
- package/input/index.js +29 -31
- package/input/index.js.map +1 -0
- package/input/utils.js +1 -0
- package/input/utils.js.map +1 -0
- package/layout/index.js +1 -0
- package/layout/index.js.map +1 -0
- package/layout/layout.js +3 -14
- package/layout/layout.js.map +1 -0
- package/layout/legacy.js +2 -15
- package/layout/legacy.js.map +1 -0
- package/layout/types.js +1 -0
- package/layout/types.js.map +1 -0
- package/link/index.js +3 -14
- package/link/index.js.map +1 -0
- package/loading-overlay/index.js +2 -1
- package/loading-overlay/index.js.map +1 -0
- package/masked-field/index.js +9 -16
- package/masked-field/index.js.map +1 -0
- package/masked-input/hook.js +1 -0
- package/masked-input/hook.js.map +1 -0
- package/masked-input/index.js +1 -0
- package/masked-input/index.js.map +1 -0
- package/masked-input/masked-input.js +9 -17
- package/masked-input/masked-input.js.map +1 -0
- package/masked-input/types.js +1 -0
- package/masked-input/types.js.map +1 -0
- package/masked-input/utils.js +1 -0
- package/masked-input/utils.js.map +1 -0
- package/modal/index.js +3 -2
- package/modal/index.js.map +1 -0
- package/modal/slots.js +7 -19
- package/modal/slots.js.map +1 -0
- package/modal/utils.js +1 -0
- package/modal/utils.js.map +1 -0
- package/modal-overlay/index.js +6 -14
- package/modal-overlay/index.js.map +1 -0
- package/modal-overlay/utils.js +1 -0
- package/modal-overlay/utils.js.map +1 -0
- package/no-index/index.js +1 -0
- package/no-index/index.js.map +1 -0
- package/no-index-mark/index.js +1 -0
- package/no-index-mark/index.js.map +1 -0
- package/package.json +2 -4
- package/pagination/index.d.ts +1 -1
- package/pagination/index.js +3 -1
- package/pagination/index.js.map +1 -0
- package/pagination/pagination-item.js +3 -14
- package/pagination/pagination-item.js.map +1 -0
- package/pagination/pagination.d.ts +1 -1
- package/pagination/pagination.js +40 -20
- package/pagination/pagination.js.map +1 -0
- package/pagination/pagination.module.scss +5 -4
- package/pagination/types.js +1 -0
- package/pagination/types.js.map +1 -0
- package/pagination/utils.d.ts +12 -0
- package/pagination/utils.js +16 -1
- package/pagination/utils.js.map +1 -0
- package/pagination-deprecated/base-pagination.js +4 -17
- package/pagination-deprecated/base-pagination.js.map +1 -0
- package/pagination-deprecated/index.js +1 -0
- package/pagination-deprecated/index.js.map +1 -0
- package/pagination-deprecated/page-button.js +2 -15
- package/pagination-deprecated/page-button.js.map +1 -0
- package/pagination-deprecated/utils.js +1 -0
- package/pagination-deprecated/utils.js.map +1 -0
- package/panel/index.js +2 -1
- package/panel/index.js.map +1 -0
- package/phone-input/index.js +1 -0
- package/phone-input/index.js.map +1 -0
- package/phone-input/phone-input.js +19 -24
- package/phone-input/phone-input.js.map +1 -0
- package/phone-input/presets.js +2 -1
- package/phone-input/presets.js.map +1 -0
- package/phone-input/types.js +1 -0
- package/phone-input/types.js.map +1 -0
- package/phone-input/utils.js +1 -0
- package/phone-input/utils.js.map +1 -0
- package/phone-input-deprecated/index.js +20 -22
- package/phone-input-deprecated/index.js.map +1 -0
- package/plate/index.js +3 -14
- package/plate/index.js.map +1 -0
- package/popup/index.js +1 -0
- package/popup/index.js.map +1 -0
- package/popup/popup-view.js +3 -14
- package/popup/popup-view.js.map +1 -0
- package/popup/popup.js +9 -18
- package/popup/popup.js.map +1 -0
- package/popup/utils.js +1 -0
- package/popup/utils.js.map +1 -0
- package/portal/index.js +1 -0
- package/portal/index.js.map +1 -0
- package/price/index.js +2 -1
- package/price/index.js.map +1 -0
- package/price/utils.js +1 -0
- package/price/utils.js.map +1 -0
- package/radio-button/index.js +3 -14
- package/radio-button/index.js.map +1 -0
- package/range/index.js +3 -2
- package/range/index.js.map +1 -0
- package/rating/index.js +3 -16
- package/rating/index.js.map +1 -0
- package/rating/types.js +1 -0
- package/rating/types.js.map +1 -0
- package/rating/utils.js +1 -0
- package/rating/utils.js.map +1 -0
- package/screen/index.js +4 -3
- package/screen/index.js.map +1 -0
- package/screen/slots.js +26 -35
- package/screen/slots.js.map +1 -0
- package/screen/utils.js +1 -0
- package/screen/utils.js.map +1 -0
- package/select/index.js +1 -0
- package/select/index.js.map +1 -0
- package/select/parts/block.js +15 -5
- package/select/parts/block.js.map +1 -0
- package/select/parts/button.js +4 -15
- package/select/parts/button.js.map +1 -0
- package/select/parts/menu.js +3 -14
- package/select/parts/menu.js.map +1 -0
- package/select/select.js +25 -20
- package/select/select.js.map +1 -0
- package/select/types.js +1 -0
- package/select/types.js.map +1 -0
- package/select/utils.js +1 -0
- package/select/utils.js.map +1 -0
- package/select-deprecated/index.js +6 -17
- package/select-deprecated/index.js.map +1 -0
- package/side-page/index.js +10 -17
- package/side-page/index.js.map +1 -0
- package/side-page/slots.js +5 -17
- package/side-page/slots.js.map +1 -0
- package/spinner/index.js +3 -2
- package/spinner/index.js.map +1 -0
- package/stepper/index.js +5 -16
- package/stepper/index.js.map +1 -0
- package/stroked-svg/index.js +2 -15
- package/stroked-svg/index.js.map +1 -0
- package/styling/borders.js +1 -0
- package/styling/borders.js.map +1 -0
- package/styling/colors.js +1 -0
- package/styling/colors.js.map +1 -0
- package/styling/fonts.js +1 -0
- package/styling/fonts.js.map +1 -0
- package/styling/shadows.js +1 -0
- package/styling/shadows.js.map +1 -0
- package/styling/shapes.js +1 -0
- package/styling/shapes.js.map +1 -0
- package/styling/sizes.js +1 -0
- package/styling/sizes.js.map +1 -0
- package/styling/utils.js +1 -0
- package/styling/utils.js.map +1 -0
- package/super-ellipse-clip-path/index.js +2 -1
- package/super-ellipse-clip-path/index.js.map +1 -0
- package/switcher-row/index.js +3 -2
- package/switcher-row/index.js.map +1 -0
- package/tabs/index.js +3 -2
- package/tabs/index.js.map +1 -0
- package/text/index.js +1 -0
- package/text/index.js.map +1 -0
- package/text-button/index.js +4 -15
- package/text-button/index.js.map +1 -0
- package/text-field/index.js +4 -3
- package/text-field/index.js.map +1 -0
- package/textarea/index.js +22 -24
- package/textarea/index.js.map +1 -0
- package/timer/index.js +1 -0
- package/timer/index.js.map +1 -0
- package/timer/types.js +1 -0
- package/timer/types.js.map +1 -0
- package/timer/utils.js +1 -0
- package/timer/utils.js.map +1 -0
- package/toggle/index.js +4 -17
- package/toggle/index.js.map +1 -0
- package/tooltip/index.js +2 -1
- package/tooltip/index.js.map +1 -0
- package/top-bar/index.js +1 -0
- package/top-bar/index.js.map +1 -0
- package/top-bar/top-bar.js +9 -16
- package/top-bar/top-bar.js.map +1 -0
- package/top-bar/types.js +1 -0
- package/top-bar/types.js.map +1 -0
- package/top-bar/utils.js +18 -13
- package/top-bar/utils.js.map +1 -0
- package/touch-slider/index.js +2 -1
- package/touch-slider/index.js.map +1 -0
- package/types.js +1 -0
- package/types.js.map +1 -0
- package/unknown-content/index.js +2 -1
- package/unknown-content/index.js.map +1 -0
- package/unknown-content/utils.js +1 -0
- package/unknown-content/utils.js.map +1 -0
- package/upload-area/index.js +1 -0
- package/upload-area/index.js.map +1 -0
- package/upload-area/types.js +1 -0
- package/upload-area/types.js.map +1 -0
- package/upload-area/upload-area.js +4 -3
- package/upload-area/upload-area.js.map +1 -0
- package/upload-area/utils.js +1 -0
- package/upload-area/utils.js.map +1 -0
- package/with-hint/index.js +1 -0
- package/with-hint/index.js.map +1 -0
- package/with-hint/positioning-hint.js +1 -0
- package/with-hint/positioning-hint.js.map +1 -0
- package/with-hint/utils.js +1 -0
- package/with-hint/utils.js.map +1 -0
- package/with-tooltip/index.js +3 -2
- package/with-tooltip/index.js.map +1 -0
- package/with-tooltip/positioning-tooltip.js +3 -2
- package/with-tooltip/positioning-tooltip.js.map +1 -0
- package/with-tooltip/utils.js +1 -0
- package/with-tooltip/utils.js.map +1 -0
- package/readme.md +0 -120
package/select/parts/block.js
CHANGED
|
@@ -27,22 +27,32 @@ function SelectFieldBlock(props) {
|
|
|
27
27
|
const ref = (0, react_1.useRef)(null);
|
|
28
28
|
(0, react_1.useImperativeHandle)(binding.anchorRef, () => ref.current);
|
|
29
29
|
(0, react_1.useImperativeHandle)(binding.openerRef, () => ref.current);
|
|
30
|
-
return ((0, jsx_runtime_1.jsx)(field_block_1.FieldBlock,
|
|
30
|
+
return ((0, jsx_runtime_1.jsx)(field_block_1.FieldBlock, { label: binding.label, adornmentEnd: (0, jsx_runtime_1.jsx)(ArrowSVG, { fill: colors_1.COLORS.get('basic-gray24') }), ...props, failed: binding.failed, disabled: binding.disabled, fixedHeight: true, blockRef: ref, blockProps: {
|
|
31
|
+
...props === null || props === void 0 ? void 0 : props.blockProps,
|
|
32
|
+
onFocus: event => {
|
|
31
33
|
var _a, _b;
|
|
32
34
|
setFocused(true);
|
|
33
35
|
(_b = (_a = props.blockProps) === null || _a === void 0 ? void 0 : _a.onFocus) === null || _b === void 0 ? void 0 : _b.call(_a, event);
|
|
34
|
-
},
|
|
36
|
+
},
|
|
37
|
+
onBlur: event => {
|
|
35
38
|
var _a, _b;
|
|
36
39
|
setFocused(false);
|
|
37
40
|
(_b = (_a = props.blockProps) === null || _a === void 0 ? void 0 : _a.onBlur) === null || _b === void 0 ? void 0 : _b.call(_a, event);
|
|
38
|
-
},
|
|
41
|
+
},
|
|
42
|
+
onKeyDown: event => {
|
|
39
43
|
var _a, _b, _c;
|
|
40
44
|
(_a = binding.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(binding, event);
|
|
41
45
|
(_c = (_b = props.blockProps) === null || _b === void 0 ? void 0 : _b.onKeyDown) === null || _c === void 0 ? void 0 : _c.call(_b, event);
|
|
42
|
-
},
|
|
46
|
+
},
|
|
47
|
+
onMouseDown: event => {
|
|
43
48
|
var _a, _b, _c;
|
|
44
49
|
(_a = binding.onMouseDown) === null || _a === void 0 ? void 0 : _a.call(binding, event);
|
|
45
50
|
(_c = (_b = props.blockProps) === null || _b === void 0 ? void 0 : _b.onMouseDown) === null || _c === void 0 ? void 0 : _c.call(_b, event);
|
|
46
|
-
},
|
|
51
|
+
},
|
|
52
|
+
role: 'combobox',
|
|
53
|
+
tabIndex: binding.disabled ? undefined : 0,
|
|
54
|
+
className: (0, classnames_1.default)(block_module_scss_1.default.block, (_a = props.blockProps) === null || _a === void 0 ? void 0 : _a.className),
|
|
55
|
+
}, focused: focused || binding.opened, labelAsPlaceholder: !binding.value, main: binding.value, mainProps: { className: block_module_scss_1.default.main } }));
|
|
47
56
|
}
|
|
48
57
|
exports.SelectFieldBlock = SelectFieldBlock;
|
|
58
|
+
//# sourceMappingURL=block.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"block.js","sourceRoot":"","sources":["../../../src/select/parts/block.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA0E;AAC1E,oCAAyC;AACzC,mDAAgE;AAChE,yCAAsC;AACtC,4FAAuE;AACvE,gGAA2E;AAC3E,4EAAyC;AACzC,4DAAoC;AAEpC;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,KAAsB;;IACrD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,YAAK,CAAC,CAAC,CAAC,cAAO,CAAC;IAElD,2DAA2D;IAE3D,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,IAAA,2BAAmB,EAAC,OAAO,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAsB,CAAC,CAAC;IACzE,IAAA,2BAAmB,EAAC,OAAO,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAsB,CAAC,CAAC;IAEzE,OAAO,CACL,uBAAC,wBAAU,IACT,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,YAAY,EAAE,uBAAC,QAAQ,IAAC,IAAI,EAAE,eAAM,CAAC,GAAG,CAAC,cAAc,CAAC,GAAI,KACxD,KAAK,EACT,MAAM,EAAE,OAAO,CAAC,MAAM,EACtB,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,WAAW,QACX,QAAQ,EAAE,GAAG,EACb,UAAU,EAAE;YACV,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU;YACpB,OAAO,EAAE,KAAK,CAAC,EAAE;;gBACf,UAAU,CAAC,IAAI,CAAC,CAAC;gBACjB,MAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,OAAO,mDAAG,KAAK,CAAC,CAAC;YACrC,CAAC;YACD,MAAM,EAAE,KAAK,CAAC,EAAE;;gBACd,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClB,MAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,MAAM,mDAAG,KAAK,CAAC,CAAC;YACpC,CAAC;YACD,SAAS,EAAE,KAAK,CAAC,EAAE;;gBACjB,MAAA,OAAO,CAAC,SAAS,wDAAG,KAAK,CAAC,CAAC;gBAC3B,MAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,SAAS,mDAAG,KAAK,CAAC,CAAC;YACvC,CAAC;YACD,WAAW,EAAE,KAAK,CAAC,EAAE;;gBACnB,MAAA,OAAO,CAAC,WAAW,wDAAG,KAAK,CAAC,CAAC;gBAC7B,MAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,WAAW,mDAAG,KAAK,CAAC,CAAC;YACzC,CAAC;YACD,IAAI,EAAE,UAAU;YAChB,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;YAC1C,SAAS,EAAE,IAAA,oBAAU,EAAC,2BAAM,CAAC,KAAK,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,SAAS,CAAC;SACjE,EACD,OAAO,EAAE,OAAO,IAAI,OAAO,CAAC,MAAM,EAClC,kBAAkB,EAAE,CAAC,OAAO,CAAC,KAAK,EAClC,IAAI,EAAE,OAAO,CAAC,KAAK,EACnB,SAAS,EAAE,EAAE,SAAS,EAAE,2BAAM,CAAC,IAAI,EAAE,GACrC,CACH,CAAC;AACJ,CAAC;AAhDD,4CAgDC"}
|
package/select/parts/button.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
@@ -26,15 +15,14 @@ const Down_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked
|
|
|
26
15
|
* @param props Свойства.
|
|
27
16
|
* @return Элемент.
|
|
28
17
|
*/
|
|
29
|
-
function SelectTextButton(
|
|
30
|
-
var { buttonRef: buttonRefProp, children, onKeyDown, onMouseDown } = _a, props = __rest(_a, ["buttonRef", "children", "onKeyDown", "onMouseDown"]);
|
|
18
|
+
function SelectTextButton({ buttonRef: buttonRefProp, children, onKeyDown, onMouseDown, ...props }) {
|
|
31
19
|
const buttonRef = (0, react_1.useRef)(null);
|
|
32
20
|
const binding = (0, react_1.useContext)(utils_1.SelectContext);
|
|
33
21
|
const ArrowSVG = binding.opened ? Up_1.default : Down_1.default;
|
|
34
22
|
(0, react_1.useImperativeHandle)(buttonRefProp, () => buttonRef.current);
|
|
35
23
|
(0, react_1.useImperativeHandle)(binding.anchorRef, () => buttonRef.current);
|
|
36
24
|
(0, react_1.useImperativeHandle)(binding.openerRef, () => buttonRef.current);
|
|
37
|
-
return ((0, jsx_runtime_1.jsx)(text_button_1.TextButton,
|
|
25
|
+
return ((0, jsx_runtime_1.jsx)(text_button_1.TextButton, { iconGutter: 4, endIcon: ArrowSVG, ...props, as: 'button', onMouseDown: event => {
|
|
38
26
|
var _a;
|
|
39
27
|
(_a = binding.onMouseDown) === null || _a === void 0 ? void 0 : _a.call(binding, event);
|
|
40
28
|
onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
|
|
@@ -42,6 +30,7 @@ function SelectTextButton(_a) {
|
|
|
42
30
|
var _a;
|
|
43
31
|
(_a = binding.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(binding, event);
|
|
44
32
|
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
|
|
45
|
-
}, disabled: binding.disabled, buttonRef: buttonRef, role: 'combobox'
|
|
33
|
+
}, disabled: binding.disabled, buttonRef: buttonRef, role: 'combobox', children: children !== null && children !== void 0 ? children : (binding.value || binding.label) }));
|
|
46
34
|
}
|
|
47
35
|
exports.SelectTextButton = SelectTextButton;
|
|
36
|
+
//# sourceMappingURL=button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/select/parts/button.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAgE;AAChE,mDAAwE;AACxE,oCAAyC;AACzC,4FAAuE;AACvE,gGAA2E;AAE3E;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,EAC/B,SAAS,EAAE,aAAa,EACxB,QAAQ,EACR,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACgB;IACxB,MAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;IAC1C,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,YAAK,CAAC,CAAC,CAAC,cAAO,CAAC;IAElD,IAAA,2BAAmB,EAAC,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAA4B,CAAC,CAAC;IACjF,IAAA,2BAAmB,EAAC,OAAO,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAsB,CAAC,CAAC;IAC/E,IAAA,2BAAmB,EAAC,OAAO,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAsB,CAAC,CAAC;IAE/E,OAAO,CACL,uBAAC,wBAAU,IACT,UAAU,EAAE,CAAC,EACb,OAAO,EAAE,QAAQ,KACb,KAAK,EACT,EAAE,EAAC,QAAQ,EACX,WAAW,EAAE,KAAK,CAAC,EAAE;;YACnB,MAAA,OAAO,CAAC,WAAW,wDAAG,KAAK,CAAC,CAAC;YAC7B,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,KAAK,CAAC,CAAC;QACvB,CAAC,EACD,SAAS,EAAE,KAAK,CAAC,EAAE;;YACjB,MAAA,OAAO,CAAC,SAAS,wDAAG,KAAK,CAAC,CAAC;YAC3B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,KAAK,CAAC,CAAC;QACrB,CAAC,EACD,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,UAAU,YAEd,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,GAClC,CACd,CAAC;AACJ,CAAC;AApCD,4CAoCC"}
|
package/select/parts/menu.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
@@ -33,8 +22,7 @@ const MenuItemAttr = {
|
|
|
33
22
|
* @param props Свойства.
|
|
34
23
|
* @return Элемент.
|
|
35
24
|
*/
|
|
36
|
-
function SelectMenu(
|
|
37
|
-
var { loading, children, menuRef, value, onKeyDown, onItemSelect } = _a, restProps = __rest(_a, ["loading", "children", "menuRef", "value", "onKeyDown", "onItemSelect"]);
|
|
25
|
+
function SelectMenu({ loading, children, menuRef, value, onKeyDown, onItemSelect, ...restProps }) {
|
|
38
26
|
const ref = (0, react_2.useRef)(null);
|
|
39
27
|
const osComponentRef = (0, react_2.useRef)(null);
|
|
40
28
|
const [activeIndex, setActiveIndex] = (0, react_2.useState)(-1);
|
|
@@ -79,6 +67,7 @@ function SelectMenu(_a) {
|
|
|
79
67
|
(_b = (_a = item.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
|
|
80
68
|
onItemSelect === null || onItemSelect === void 0 ? void 0 : onItemSelect(item);
|
|
81
69
|
}, [onItemSelect]);
|
|
82
|
-
return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown,
|
|
70
|
+
return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { ...restProps, ref: ref, tabIndex: 0, role: 'listbox', onKeyDown: handleMenuKeyDown, className: (0, classnames_1.default)(menu_module_scss_1.default.menu, restProps.className), customScrollbarProps: { osComponentRef }, children: loading ? ((0, jsx_runtime_1.jsx)(dropdown_loading_1.DropdownLoading, { "data-testid": 'select:loading-area' })) : (items.map((item, index) => ((0, react_1.createElement)(dropdown_item_1.DropdownItem, { checked: activeIndex === index, selected: value === utils_1.DropdownItemUtils.getValue(item), ...item.props, key: index, role: 'option', onClick: handleItemClick(item), ...{ [MenuItemAttr.name]: MenuItemAttr.value } })))) }));
|
|
83
71
|
}
|
|
84
72
|
exports.SelectMenu = SelectMenu;
|
|
73
|
+
//# sourceMappingURL=menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/select/parts/menu.tsx"],"names":[],"mappings":"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"}
|
package/select/select.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
3
|
exports.Select = void 0;
|
|
15
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
@@ -37,7 +26,10 @@ function Select({ children, disabled, failed, loading, onValueChange, onMenuTogg
|
|
|
37
26
|
const onMenuToggleRef = (0, identity_1.useIdentityRef)(onMenuToggle);
|
|
38
27
|
const openerRef = (0, react_1.useRef)(null);
|
|
39
28
|
const menuShown = needMenu && menuElement !== null;
|
|
40
|
-
const
|
|
29
|
+
const { refs, isPositioned, ...floating } = (0, react_2.useFloating)({
|
|
30
|
+
open: needMenu,
|
|
31
|
+
...(0, utils_3.dropdownFloatingConfig)(),
|
|
32
|
+
});
|
|
41
33
|
(0, react_1.useImperativeHandle)(refs.setFloating, () => menuElement, [menuElement]);
|
|
42
34
|
(0, react_1.useEffect)(() => {
|
|
43
35
|
if (typeof value !== 'undefined') {
|
|
@@ -83,14 +75,24 @@ function Select({ children, disabled, failed, loading, onValueChange, onMenuTogg
|
|
|
83
75
|
}
|
|
84
76
|
},
|
|
85
77
|
};
|
|
86
|
-
const floatingStyle = (0, utils_3.useDropdownFloatingStyle)(
|
|
87
|
-
const menuProps =
|
|
88
|
-
|
|
78
|
+
const floatingStyle = (0, utils_3.useDropdownFloatingStyle)({ refs, ...floating });
|
|
79
|
+
const menuProps = {
|
|
80
|
+
...dropdownProps,
|
|
81
|
+
style: {
|
|
82
|
+
...dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.style,
|
|
83
|
+
...floatingStyle,
|
|
84
|
+
},
|
|
85
|
+
menuRef: setMenuElement,
|
|
86
|
+
value,
|
|
87
|
+
loading,
|
|
88
|
+
onFocus: () => {
|
|
89
89
|
setMenuFocused(true);
|
|
90
|
-
},
|
|
90
|
+
},
|
|
91
|
+
onBlur: () => {
|
|
91
92
|
setNeedMenu(false);
|
|
92
93
|
setMenuFocused(false);
|
|
93
|
-
},
|
|
94
|
+
},
|
|
95
|
+
onKeyDown: event => {
|
|
94
96
|
var _a, _b;
|
|
95
97
|
switch (event.code) {
|
|
96
98
|
case 'ArrowUp':
|
|
@@ -106,16 +108,19 @@ function Select({ children, disabled, failed, loading, onValueChange, onMenuTogg
|
|
|
106
108
|
(_b = openerRef.current) === null || _b === void 0 ? void 0 : _b.focus();
|
|
107
109
|
break;
|
|
108
110
|
}
|
|
109
|
-
},
|
|
111
|
+
},
|
|
112
|
+
onItemSelect: item => {
|
|
110
113
|
var _a;
|
|
111
114
|
const nextValue = utils_2.DropdownItemUtils.getValue(item);
|
|
112
115
|
setCurrentValue(nextValue);
|
|
113
116
|
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(nextValue);
|
|
114
117
|
setNeedMenu(false);
|
|
115
118
|
(_a = openerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
116
|
-
}
|
|
117
|
-
|
|
119
|
+
},
|
|
120
|
+
};
|
|
121
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(utils_1.SelectContext.Provider, { value: openerBinding, children: (0, react_1.isValidElement)(opener) && opener }), (0, jsx_runtime_1.jsx)(react_2.FloatingPortal, { id: '', children: needMenu && (0, jsx_runtime_1.jsx)(menu_1.SelectMenu, { ...menuProps, children: children }) })] }));
|
|
118
122
|
}
|
|
119
123
|
exports.Select = Select;
|
|
120
124
|
Select.FieldBlock = block_1.SelectFieldBlock;
|
|
121
125
|
Select.TextButton = button_1.SelectTextButton;
|
|
126
|
+
//# sourceMappingURL=select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/select/select.tsx"],"names":[],"mappings":"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"}
|
package/select/types.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/select/types.ts"],"names":[],"mappings":""}
|
package/select/utils.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/select/utils.ts"],"names":[],"mappings":";;;AAAA,iCAAiD;AAGpC,QAAA,aAAa,GAAG,IAAA,qBAAa,EAAsB;IAC9D,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,KAAK;IACb,WAAW,EAAE,KAAK;IAClB,SAAS,EAAE,IAAA,iBAAS,GAAE;IACtB,SAAS,EAAE,IAAA,iBAAS,GAAE;IACtB,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;IACzB,SAAS,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;CACxB,CAAC,CAAC"}
|
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
@@ -45,8 +34,7 @@ exports.renderDefaultArrow = renderDefaultArrow;
|
|
|
45
34
|
* @param props Свойства.
|
|
46
35
|
* @return Элемент.
|
|
47
36
|
*/
|
|
48
|
-
const Select = (
|
|
49
|
-
var { options, optionSize, onSelect, style, className, label, onClick, value, loading, onMenuToggle, renderOption = String, 'data-testid': dataTestId, size, endAdornment = exports.renderDefaultArrow } = _a, restProps = __rest(_a, ["options", "optionSize", "onSelect", "style", "className", "label", "onClick", "value", "loading", "onMenuToggle", "renderOption", 'data-testid', "size", "endAdornment"]);
|
|
37
|
+
const Select = ({ options, optionSize, onSelect, style, className, label, onClick, value, loading, onMenuToggle, renderOption = String, 'data-testid': dataTestId, size, endAdornment = exports.renderDefaultArrow, ...restProps }) => {
|
|
50
38
|
const rootRef = (0, react_1.useRef)(null);
|
|
51
39
|
const fieldRef = (0, react_1.useRef)(null);
|
|
52
40
|
const menuRef = (0, react_1.useRef)(null);
|
|
@@ -56,7 +44,7 @@ const Select = (_a) => {
|
|
|
56
44
|
onMenuToggle && onMenuToggle(opened);
|
|
57
45
|
}, [opened]);
|
|
58
46
|
(0, hooks_1.useOutsideClick)(rootRef, toggleMenu.bind(null, false));
|
|
59
|
-
return ((0, jsx_runtime_1.jsxs)("div",
|
|
47
|
+
return ((0, jsx_runtime_1.jsxs)("div", { ref: rootRef, style: style, className: cx('root', className), "data-testid": dataTestId, children: [(0, jsx_runtime_1.jsx)(text_field_1.TextField, { ...restProps, size: size, blockProps: {
|
|
60
48
|
ref: fieldRef,
|
|
61
49
|
tabIndex: 0,
|
|
62
50
|
onMouseDown: () => {
|
|
@@ -72,7 +60,7 @@ const Select = (_a) => {
|
|
|
72
60
|
// чтобы не ловить фокус на поле
|
|
73
61
|
style: { pointerEvents: 'none' },
|
|
74
62
|
tabIndex: -1,
|
|
75
|
-
}, value: value, multiline: false, variant: 'desktop', readOnly: true, endAdornment: typeof endAdornment === 'function' ? endAdornment(opened) : endAdornment })
|
|
63
|
+
}, value: value, multiline: false, variant: 'desktop', readOnly: true, endAdornment: typeof endAdornment === 'function' ? endAdornment(opened) : endAdornment }), opened && (loading || options.length > 0) && ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { ...(0, dropdown_2.placeDropdown)(size), ref: menuRef, "data-testid": 'select:menu', role: 'menu', tabIndex: -1, className: cx('menu'), onKeyDown: event => {
|
|
76
64
|
if (event.key === 'Enter') {
|
|
77
65
|
toggleMenu(false);
|
|
78
66
|
fieldRef.current && fieldRef.current.focus();
|
|
@@ -80,9 +68,10 @@ const Select = (_a) => {
|
|
|
80
68
|
}, onBlur: () => {
|
|
81
69
|
toggleMenu(false);
|
|
82
70
|
fieldRef.current && fieldRef.current.focus();
|
|
83
|
-
}
|
|
71
|
+
}, children: loading ? ((0, jsx_runtime_1.jsx)(dropdown_loading_1.DropdownLoading, { "data-testid": 'select:loading-area' })) : (options.map((option, index) => ((0, jsx_runtime_1.jsx)(dropdown_item_1.DropdownItem, { size: optionSize, role: 'menuitem', onClick: () => {
|
|
84
72
|
toggleMenu(false);
|
|
85
73
|
onSelect && onSelect(option);
|
|
86
|
-
}
|
|
74
|
+
}, children: renderOption(option) }, index)))) }))] }));
|
|
87
75
|
};
|
|
88
76
|
exports.Select = Select;
|
|
77
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/select-deprecated/index.tsx"],"names":[],"mappings":"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"}
|
package/side-page/index.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
@@ -37,10 +26,9 @@ const transitionClasses = {
|
|
|
37
26
|
* @param props Свойства.
|
|
38
27
|
* @return Элемент.
|
|
39
28
|
*/
|
|
40
|
-
function SidePage(
|
|
41
|
-
var { shown, withTransitions, onEnter, onEntering, onEntered, onExit, onExiting, onExited } = _a, restProps = __rest(_a, ["shown", "withTransitions", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited"]);
|
|
29
|
+
function SidePage({ shown, withTransitions, onEnter, onEntering, onEntered, onExit, onExiting, onExited, ...restProps }) {
|
|
42
30
|
const transitionDuration = withTransitions ? 300 : 0;
|
|
43
|
-
return ((0, jsx_runtime_1.jsx)(CSSTransition_1.default,
|
|
31
|
+
return ((0, jsx_runtime_1.jsx)(CSSTransition_1.default, { in: shown, timeout: transitionDuration, classNames: transitionClasses, unmountOnExit: true, onEntering: onEntering, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited, children: transitionStatus => ((0, jsx_runtime_1.jsx)(SidePageInner, { ...restProps, ...{ transitionStatus, transitionDuration } })) }));
|
|
44
32
|
}
|
|
45
33
|
exports.SidePage = SidePage;
|
|
46
34
|
/**
|
|
@@ -51,15 +39,20 @@ exports.SidePage = SidePage;
|
|
|
51
39
|
function SidePageInner({ size = 'm', children, onClose, withScrollDisable = false, scrollDisableOptions, transitionStatus, transitionDuration, }) {
|
|
52
40
|
const overlayClickBind = (0, utils_1.useExactClick)(onClose);
|
|
53
41
|
const ref = (0, react_1.useRef)(null);
|
|
54
|
-
(0, page_scroll_lock_1.usePageScrollLock)(ref,
|
|
42
|
+
(0, page_scroll_lock_1.usePageScrollLock)(ref, { lockEnabled: withScrollDisable, ...scrollDisableOptions });
|
|
55
43
|
const { header, body, footer } = (0, define_slots_1.defineSlots)(children, {
|
|
56
44
|
header: SidePage.Header,
|
|
57
45
|
body: SidePage.Body,
|
|
58
46
|
footer: SidePage.Footer,
|
|
59
47
|
});
|
|
60
|
-
const overlayProps =
|
|
61
|
-
|
|
48
|
+
const overlayProps = {
|
|
49
|
+
style: { '--transition-duration': `${transitionDuration}ms` },
|
|
50
|
+
// условие нужно чтобы не было моментального закрытия на double click
|
|
51
|
+
...(transitionStatus !== 'entering' && overlayClickBind),
|
|
52
|
+
};
|
|
53
|
+
return ((0, jsx_runtime_1.jsx)(modal_overlay_1.ModalOverlay, { ...overlayProps, children: (0, jsx_runtime_1.jsxs)("div", { className: cx('side-page', `size-${size}`), children: [header, (0, jsx_runtime_1.jsx)("div", { ref: ref, className: cx('body'), children: body }), footer] }) }));
|
|
62
54
|
}
|
|
63
55
|
SidePage.Header = slots_1.SidePageHeader;
|
|
64
56
|
SidePage.Body = slots_1.SidePageBody;
|
|
65
57
|
SidePage.Footer = slots_1.SidePageFooter;
|
|
58
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/side-page/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAyD;AACzD,0DAAsD;AACtD,oEAAsF;AACtF,mCAAuE;AACvE,yFAAyF;AACzF,oDAAmE;AACnE,kDAAuD;AACvD,2DAAyC;AACzC,oFAA6C;AAqC7C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,+BAAM,CAAC,CAAC;AAEnC,MAAM,iBAAiB,GAAG;IACxB,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC;IAClB,WAAW,EAAE,EAAE,CAAC,cAAc,CAAC;IAC/B,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC;IAChB,UAAU,EAAE,EAAE,CAAC,aAAa,CAAC;CACrB,CAAC;AAEX;;;;GAIG;AACH,SAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,eAAe,EACf,OAAO,EACP,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,SAAS,EACE;IACd,MAAM,kBAAkB,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAErD,OAAO,CACL,uBAAC,uBAAa,IACZ,EAAE,EAAE,KAAK,EACT,OAAO,EAAE,kBAAkB,EAC3B,UAAU,EAAE,iBAAiB,EAC7B,aAAa,QACb,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,YAEjB,gBAAgB,CAAC,EAAE,CAAC,CACnB,uBAAC,aAAa,OAAK,SAAS,KAAM,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,GAAI,CAC/E,GACa,CACjB,CAAC;AACJ,CAAC;AA/BD,4BA+BC;AAED;;;;GAIG;AACH,SAAS,aAAa,CAAC,EACrB,IAAI,GAAG,GAAG,EACV,QAAQ,EACR,OAAO,EACP,iBAAiB,GAAG,KAAK,EACzB,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,GAInB;IACC,MAAM,gBAAgB,GAAG,IAAA,qBAAa,EAAC,OAAO,CAAC,CAAC;IAEhD,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEzC,IAAA,oCAAiB,EAAC,GAAG,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,EAAE,CAAC,CAAC;IAEpF,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAA,0BAAW,EAAC,QAAQ,EAAE;QACrD,MAAM,EAAE,QAAQ,CAAC,MAAM;QACvB,IAAI,EAAE,QAAQ,CAAC,IAAI;QACnB,MAAM,EAAE,QAAQ,CAAC,MAAM;KACxB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAsB;QACtC,KAAK,EAAE,EAAE,uBAAuB,EAAE,GAAG,kBAAkB,IAAI,EAAmB;QAE9E,qEAAqE;QACrE,GAAG,CAAC,gBAAgB,KAAK,UAAU,IAAI,gBAAgB,CAAC;KACzD,CAAC;IAEF,OAAO,CACL,uBAAC,4BAAY,OAAK,YAAY,YAC5B,iCAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,QAAQ,IAAI,EAAE,CAAC,aAC5C,MAAM,EACP,gCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YACjC,IAAI,GACD,EACL,MAAM,IACH,GACO,CAChB,CAAC;AACJ,CAAC;AAED,QAAQ,CAAC,MAAM,GAAG,sBAAc,CAAC;AACjC,QAAQ,CAAC,IAAI,GAAG,oBAAY,CAAC;AAC7B,QAAQ,CAAC,MAAM,GAAG,sBAAc,CAAC"}
|
package/side-page/slots.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
@@ -26,9 +15,8 @@ const side_page_module_scss_1 = __importDefault(require("./side-page.module.scss
|
|
|
26
15
|
* @param props Свойства.
|
|
27
16
|
* @return Элемент.
|
|
28
17
|
*/
|
|
29
|
-
function SidePageHeader(
|
|
30
|
-
|
|
31
|
-
return ((0, jsx_runtime_1.jsx)(top_bar_1.TopBar, Object.assign({}, topBarProps, { size: 'unset', className: side_page_module_scss_1.default.header, buttons: (0, utils_1.navigationButtons)({ buttons, onBack, onClose }) })));
|
|
18
|
+
function SidePageHeader({ onBack, onClose, buttons, ...topBarProps }) {
|
|
19
|
+
return ((0, jsx_runtime_1.jsx)(top_bar_1.TopBar, { ...topBarProps, size: 'unset', className: side_page_module_scss_1.default.header, buttons: (0, utils_1.navigationButtons)({ buttons, onBack, onClose }) }));
|
|
32
20
|
}
|
|
33
21
|
exports.SidePageHeader = SidePageHeader;
|
|
34
22
|
/**
|
|
@@ -45,8 +33,8 @@ exports.SidePageBody = SidePageBody;
|
|
|
45
33
|
* @param props Свойства.
|
|
46
34
|
* @return Элемент.
|
|
47
35
|
*/
|
|
48
|
-
function SidePageFooter(
|
|
49
|
-
|
|
50
|
-
return (0, jsx_runtime_1.jsx)(bottom_bar_1.BottomBar, Object.assign({}, props, { size: 'unset', className: (0, classnames_1.default)(side_page_module_scss_1.default.footer) }));
|
|
36
|
+
function SidePageFooter({ ...props }) {
|
|
37
|
+
return (0, jsx_runtime_1.jsx)(bottom_bar_1.BottomBar, { ...props, size: 'unset', className: (0, classnames_1.default)(side_page_module_scss_1.default.footer) });
|
|
51
38
|
}
|
|
52
39
|
exports.SidePageFooter = SidePageFooter;
|
|
40
|
+
//# sourceMappingURL=slots.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slots.js","sourceRoot":"","sources":["../../src/side-page/slots.tsx"],"names":[],"mappings":";;;;;;;AACA,wCAAiD;AACjD,8CAA0D;AAC1D,4CAAqD;AACrD,4DAAoC;AACpC,oFAA6C;AAE7C;;;;GAIG;AACH,SAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,OAAO,EACP,OAAO,EACP,GAAG,WAAW,EAIf;IACC,OAAO,CACL,uBAAC,gBAAM,OACD,WAAW,EACf,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,+BAAM,CAAC,MAAM,EACxB,OAAO,EAAE,IAAA,yBAAiB,EAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,GACxD,CACH,CAAC;AACJ,CAAC;AAjBD,wCAiBC;AAED;;;;GAIG;AACH,SAAgB,YAAY,CAAC,EAAE,QAAQ,EAA4B;IACjE,OAAO,2DAAG,QAAQ,GAAI,CAAC;AACzB,CAAC;AAFD,oCAEC;AAED;;;;GAIG;AACH,SAAgB,cAAc,CAAC,EAAE,GAAG,KAAK,EAAkB;IACzD,OAAO,uBAAC,sBAAS,OAAK,KAAK,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,+BAAM,CAAC,MAAM,CAAC,GAAI,CAAC;AACrF,CAAC;AAFD,wCAEC"}
|
package/spinner/index.js
CHANGED
|
@@ -28,7 +28,7 @@ const DEFAULT_COLOR = 'basic-blue';
|
|
|
28
28
|
function Spinner({ size = 'm', color = DEFAULT_COLOR, className, style, 'data-testid': testId = 'spinner', }) {
|
|
29
29
|
const readySize = (0, lodash_1.has)(exports.DIAMETERS, size) ? size : 'm';
|
|
30
30
|
const readyColor = colors_1.COLORS.has(color) ? color : DEFAULT_COLOR;
|
|
31
|
-
return ((0, jsx_runtime_1.jsx)("div",
|
|
31
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: className, style: style, "data-testid": testId, children: (0, jsx_runtime_1.jsx)(SpinnerSVG, { size: readySize, color: readyColor, "data-testid": null }) }));
|
|
32
32
|
}
|
|
33
33
|
exports.Spinner = Spinner;
|
|
34
34
|
/**
|
|
@@ -40,6 +40,7 @@ exports.Spinner = Spinner;
|
|
|
40
40
|
function SpinnerSVG({ size = 'm', color = DEFAULT_COLOR, className, style, 'data-testid': testId = 'spinner', }) {
|
|
41
41
|
const diameter = exports.DIAMETERS[size];
|
|
42
42
|
const radius = diameter / 2;
|
|
43
|
-
return ((0, jsx_runtime_1.jsx)("svg",
|
|
43
|
+
return ((0, jsx_runtime_1.jsx)("svg", { style: style, className: cx('spinner', `size-${size}`, className), viewBox: `0 0 ${diameter} ${diameter}`, width: diameter, height: diameter, stroke: colors_1.COLORS.get(color), "data-testid": testId, children: (0, jsx_runtime_1.jsx)("circle", { className: cx('circle'), cx: radius, cy: radius, r: radius - 1 }) }));
|
|
44
44
|
}
|
|
45
45
|
exports.SpinnerSVG = SpinnerSVG;
|
|
46
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/spinner/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,mCAA6B;AAC7B,sCAA0C;AAC1C,2DAAyC;AACzC,gFAA2C;AA0B3C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,6BAAM,CAAC,CAAC;AAEtB,QAAA,SAAS,GAAoD;IACxE,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IAEL,qCAAqC;IACrC,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACD,CAAC;AAEX,MAAM,aAAa,GAAU,YAAY,CAAC;AAE1C;;;;GAIG;AACH,SAAgB,OAAO,CAAC,EACtB,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,aAAa,EACrB,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GAAG,SAAS,GACpB;IACb,MAAM,SAAS,GAAoC,IAAA,YAAG,EAAC,iBAAS,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IACrF,MAAM,UAAU,GAAG,eAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC;IAE7D,OAAO,CACL,gCAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAe,MAAM,YAC1D,uBAAC,UAAU,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,iBAAe,IAAI,GAAI,GACjE,CACP,CAAC;AACJ,CAAC;AAfD,0BAeC;AAED;;;;;GAKG;AACH,SAAgB,UAAU,CAAC,EACzB,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,aAAa,EACrB,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GAAG,SAAS,GACpB;IACb,MAAM,QAAQ,GAAG,iBAAS,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,MAAM,GAAG,QAAQ,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,gCACE,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,QAAQ,IAAI,EAAE,EAAE,SAAS,CAAC,EACnD,OAAO,EAAE,OAAO,QAAQ,IAAI,QAAQ,EAAE,EACtC,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,eAAM,CAAC,GAAG,CAAC,KAAK,CAAC,iBACZ,MAAM,YAEnB,mCACE,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,EACvB,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,MAAM,GAAG,CAAC,GACb,GACE,CACP,CAAC;AACJ,CAAC;AA5BD,gCA4BC"}
|
package/stepper/index.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
@@ -27,9 +16,8 @@ const cx = bind_1.default.bind(stepper_module_scss_1.default);
|
|
|
27
16
|
* @param props Свойства.
|
|
28
17
|
* @return Элемент.
|
|
29
18
|
*/
|
|
30
|
-
exports.Stepper = (0, react_1.forwardRef)(function Stepper(
|
|
31
|
-
var
|
|
32
|
-
var { buttonClickBehavior, canAdd = true, canSubtract = true, className, disabled, plusDisabled = disabled, minusDisabled = disabled, readOnly, onAdd, onBlur, onChange, onFocus, onSubtract, size = 'm', style, value, failed, 'data-testid': testId = 'stepper' } = _a, inputProps = __rest(_a, ["buttonClickBehavior", "canAdd", "canSubtract", "className", "disabled", "plusDisabled", "minusDisabled", "readOnly", "onAdd", "onBlur", "onChange", "onFocus", "onSubtract", "size", "style", "value", "failed", 'data-testid']);
|
|
19
|
+
exports.Stepper = (0, react_1.forwardRef)(function Stepper({ buttonClickBehavior, canAdd = true, canSubtract = true, className, disabled, plusDisabled = disabled, minusDisabled = disabled, readOnly, onAdd, onBlur, onChange, onFocus, onSubtract, size = 'm', style, value, failed, 'data-testid': testId = 'stepper', ...inputProps }, forwardedRef) {
|
|
20
|
+
var _a, _b;
|
|
33
21
|
const ref = (0, react_1.useRef)(null);
|
|
34
22
|
const [focused, setFocused] = (0, react_1.useState)(false);
|
|
35
23
|
(0, react_1.useImperativeHandle)(forwardedRef, () => ref.current);
|
|
@@ -39,11 +27,12 @@ exports.Stepper = (0, react_1.forwardRef)(function Stepper(_a, forwardedRef) {
|
|
|
39
27
|
}
|
|
40
28
|
}, [focused, buttonClickBehavior]);
|
|
41
29
|
const rootClassName = cx('root', `size-${size}`, { disabled, focused, failed }, className);
|
|
42
|
-
return ((0, jsx_runtime_1.jsxs)("div",
|
|
30
|
+
return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": testId, style: style, className: rootClassName, onMouseDown: noBlurOnMousedown, children: [(0, jsx_runtime_1.jsx)("button", { tabIndex: -1, hidden: !canSubtract, disabled: (_a = minusDisabled !== null && minusDisabled !== void 0 ? minusDisabled : disabled) !== null && _a !== void 0 ? _a : readOnly, className: cx('button'), "data-testid": 'stepper:minus', "aria-label": '\u0423\u043C\u0435\u043D\u044C\u0448\u0438\u0442\u044C', onMouseDown: noBlurOnMousedown, onClick: canSubtract && !minusDisabled && !disabled && !readOnly ? onSubtract : undefined, children: (0, jsx_runtime_1.jsx)(Minus_1.default, { className: stepper_module_scss_1.default.svg }) }), (0, jsx_runtime_1.jsx)("input", { ...inputProps, ref: ref, readOnly: readOnly, "data-testid": 'stepper:input', className: cx('input'), value: value, disabled: disabled, onChange: onChange, onFocus: e => {
|
|
43
31
|
setFocused(true);
|
|
44
32
|
onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
|
|
45
33
|
}, onBlur: e => {
|
|
46
34
|
setFocused(false);
|
|
47
35
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
|
|
48
|
-
} })
|
|
36
|
+
} }), (0, jsx_runtime_1.jsx)("button", { tabIndex: -1, hidden: !canAdd, disabled: (_b = plusDisabled !== null && plusDisabled !== void 0 ? plusDisabled : disabled) !== null && _b !== void 0 ? _b : readOnly, className: cx('button'), "data-testid": 'stepper:plus', "aria-label": '\u0423\u0432\u0435\u043B\u0438\u0447\u0438\u0442\u044C', onMouseDown: noBlurOnMousedown, onClick: canAdd && !plusDisabled && !disabled && !readOnly ? onAdd : undefined, children: (0, jsx_runtime_1.jsx)(Plus_1.default, { className: stepper_module_scss_1.default.svg }) })] }));
|
|
49
37
|
});
|
|
38
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/stepper/index.tsx"],"names":[],"mappings":"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"}
|
package/stroked-svg/index.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
@@ -25,8 +14,6 @@ const index_module_scss_1 = __importDefault(require("./index.module.scss"));
|
|
|
25
14
|
* @param props Свойства.
|
|
26
15
|
* @return Элемент.
|
|
27
16
|
*/
|
|
28
|
-
exports.StrokedSVG = (0, react_1.forwardRef)((
|
|
29
|
-
var { component: Tag, fill, stroke = colors_1.COLORS.get('basic-gray4'), strokeWidth = 1, className } = _a, restProps = __rest(_a, ["component", "fill", "stroke", "strokeWidth", "className"]);
|
|
30
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: ref, className: (0, classnames_1.default)(index_module_scss_1.default.root, className) }, restProps, { children: [(0, jsx_runtime_1.jsx)(Tag, { stroke: stroke, strokeWidth: `${strokeWidth * 2}px`, className: index_module_scss_1.default.stroke }), (0, jsx_runtime_1.jsx)(Tag, { fill: fill, className: index_module_scss_1.default.svg })] })));
|
|
31
|
-
});
|
|
17
|
+
exports.StrokedSVG = (0, react_1.forwardRef)(({ component: Tag, fill, stroke = colors_1.COLORS.get('basic-gray4'), strokeWidth = 1, className, ...restProps }, ref) => ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: (0, classnames_1.default)(index_module_scss_1.default.root, className), ...restProps, children: [(0, jsx_runtime_1.jsx)(Tag, { stroke: stroke, strokeWidth: `${strokeWidth * 2}px`, className: index_module_scss_1.default.stroke }), (0, jsx_runtime_1.jsx)(Tag, { fill: fill, className: index_module_scss_1.default.svg })] })));
|
|
32
18
|
exports.StrokedSVG.displayName = 'StrokedSVG';
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/stroked-svg/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAmC;AACnC,sCAAmC;AACnC,4DAAoC;AACpC,4EAAyC;AAgBzC;;;;GAIG;AACU,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CACE,EACE,SAAS,EAAE,GAAG,EACd,IAAI,EACJ,MAAM,GAAG,eAAM,CAAC,GAAG,CAAC,aAAa,CAAC,EAClC,WAAW,GAAG,CAAC,EACf,SAAS,EACT,GAAG,SAAS,EACb,EACD,GAAG,EACH,EAAE,CAAC,CACH,iCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,2BAAM,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,SAAS,aACzE,uBAAC,GAAG,IAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,WAAW,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,2BAAM,CAAC,MAAM,GAAI,EACtF,uBAAC,GAAG,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,2BAAM,CAAC,GAAG,GAAI,IACtC,CACP,CACF,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
package/styling/borders.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"borders.js","sourceRoot":"","sources":["../../src/styling/borders.ts"],"names":[],"mappings":";;;;;;AAAA,2DAAyC;AACzC,gFAA4C;AAE5C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,6BAAO,CAAC,CAAC;AAEpC,kBAAkB;AACL,QAAA,WAAW,GAAG;IACzB,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC;IACvB,GAAG,EAAE,EAAE,CAAC,kBAAkB,CAAC;IAC3B,MAAM,EAAE,EAAE,CAAC,qBAAqB,CAAC;CAClC,CAAC"}
|
package/styling/colors.js
CHANGED
|
@@ -18,3 +18,4 @@ exports.bgColor = (0, utils_1.ClassGetter)(colors_module_scss_1.default, isColor
|
|
|
18
18
|
exports.stroke = (0, utils_1.ClassGetter)(colors_module_scss_1.default, isColorKey, 'stroke__');
|
|
19
19
|
/** @deprecated */
|
|
20
20
|
exports.fill = (0, utils_1.ClassGetter)(colors_module_scss_1.default, isColorKey, 'fill__');
|
|
21
|
+
//# sourceMappingURL=colors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/styling/colors.ts"],"names":[],"mappings":";;;;;;AAAA,mCAAsC;AACtC,sCAA0C;AAC1C,8EAA2C;AAE3C,MAAM,UAAU,GAAG,eAAM,CAAC,GAAG,CAAC,IAAI,CAAC,eAAM,CAAC,CAAC;AAE3C,kBAAkB;AACL,QAAA,KAAK,GAAG,IAAA,mBAAW,EAAQ,4BAAO,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;AAExE,kBAAkB;AACL,QAAA,UAAU,GAAG,IAAA,mBAAW,EAAQ,4BAAO,EAAE,UAAU,EAAE,eAAe,CAAC,CAAC;AAEnF,kBAAkB;AACL,QAAA,OAAO,GAAG,IAAA,mBAAW,EAAQ,4BAAO,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC;AAE7E,kBAAkB;AACL,QAAA,MAAM,GAAG,IAAA,mBAAW,EAAQ,4BAAO,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;AAE1E,kBAAkB;AACL,QAAA,IAAI,GAAG,IAAA,mBAAW,EAAQ,4BAAO,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC"}
|
package/styling/fonts.js
CHANGED
|
@@ -15,3 +15,4 @@ exports.size = (0, utils_1.ClassGetter)(fonts_module_scss_1.default, exports.SIZ
|
|
|
15
15
|
exports.lineHeight = (0, utils_1.ClassGetter)(fonts_module_scss_1.default, exports.LINE_HEIGHTS.has.bind(exports.LINE_HEIGHTS), 'line-height-');
|
|
16
16
|
/** @deprecated */
|
|
17
17
|
exports.weight = (0, utils_1.ClassGetter)(fonts_module_scss_1.default, exports.WEIGHTS.has.bind(exports.WEIGHTS), 'weight-');
|
|
18
|
+
//# sourceMappingURL=fonts.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../src/styling/fonts.ts"],"names":[],"mappings":";;;;;;AAAA,mCAAsC;AACtC,4EAA0C;AAQ7B,QAAA,KAAK,GAAG,IAAI,GAAG,CAAO,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AAExD,QAAA,YAAY,GAAG,IAAI,GAAG,CAAa,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AAErE,QAAA,OAAO,GAAG,IAAI,GAAG,CAAS,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AAExD,kBAAkB;AACL,QAAA,IAAI,GAAG,IAAA,mBAAW,EAAC,2BAAO,EAAE,aAAK,CAAC,GAAG,CAAC,IAAI,CAAC,aAAK,CAAC,EAAE,OAAO,CAAC,CAAC;AAEzE,kBAAkB;AACL,QAAA,UAAU,GAAG,IAAA,mBAAW,EAAC,2BAAO,EAAE,oBAAY,CAAC,GAAG,CAAC,IAAI,CAAC,oBAAY,CAAC,EAAE,cAAc,CAAC,CAAC;AAEpG,kBAAkB;AACL,QAAA,MAAM,GAAG,IAAA,mBAAW,EAAC,2BAAO,EAAE,eAAO,CAAC,GAAG,CAAC,IAAI,CAAC,eAAO,CAAC,EAAE,SAAS,CAAC,CAAC"}
|
package/styling/shadows.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shadows.js","sourceRoot":"","sources":["../../src/styling/shadows.ts"],"names":[],"mappings":";;;;;;AAAA,gFAA4C;AAE5C,kBAAkB;AACL,QAAA,SAAS,GAAG;IACvB,EAAE,EAAE,6BAAO,CAAC,WAAW,CAAC;IACxB,EAAE,EAAE,6BAAO,CAAC,WAAW,CAAC;IACxB,UAAU,EAAE,6BAAO,CAAC,oBAAoB,CAAC;IACzC,EAAE,EAAE,6BAAO,CAAC,WAAW,CAAC;IACxB,EAAE,EAAE,6BAAO,CAAC,WAAW,CAAC;CACzB,CAAC"}
|
package/styling/shapes.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shapes.js","sourceRoot":"","sources":["../../src/styling/shapes.ts"],"names":[],"mappings":";;;;;;AAAA,8EAA2C;AAE3C,kBAAkB;AACL,QAAA,WAAW,GAAG;IACzB,GAAG,EAAE,4BAAO,CAAC,gBAAgB,CAAC;IAE9B,GAAG,EAAE,4BAAO,CAAC,cAAc,CAAC;IAC5B,KAAK,EAAE,4BAAO,CAAC,cAAc,CAAC;IAC9B,MAAM,EAAE,4BAAO,CAAC,cAAc,CAAC;IAC/B,IAAI,EAAE,4BAAO,CAAC,cAAc,CAAC;IAE7B,OAAO,EAAE,4BAAO,CAAC,gBAAgB,CAAC;IAClC,QAAQ,EAAE,4BAAO,CAAC,gBAAgB,CAAC;IACnC,UAAU,EAAE,4BAAO,CAAC,gBAAgB,CAAC;IACrC,WAAW,EAAE,4BAAO,CAAC,gBAAgB,CAAC;CACvC,CAAC;AAEF,kBAAkB;AACL,QAAA,YAAY,GAAG;IAC1B,GAAG,EAAE,4BAAO,CAAC,gBAAgB,CAAC;IAE9B,GAAG,EAAE,4BAAO,CAAC,cAAc,CAAC;IAC5B,KAAK,EAAE,4BAAO,CAAC,cAAc,CAAC;IAC9B,MAAM,EAAE,4BAAO,CAAC,cAAc,CAAC;IAC/B,IAAI,EAAE,4BAAO,CAAC,cAAc,CAAC;IAE7B,OAAO,EAAE,4BAAO,CAAC,gBAAgB,CAAC;IAClC,QAAQ,EAAE,4BAAO,CAAC,gBAAgB,CAAC;IACnC,UAAU,EAAE,4BAAO,CAAC,gBAAgB,CAAC;IACrC,WAAW,EAAE,4BAAO,CAAC,gBAAgB,CAAC;CACvC,CAAC"}
|