@sima-land/ui-nucleons 45.0.0-alpha.62 → 45.0.0-alpha.64
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/README.md +2 -2
- package/dist/_internal/custom-scrollbar/custom-scrollbar.d.ts +2 -2
- package/dist/_internal/custom-scrollbar/custom-scrollbar.js.map +1 -1
- package/dist/_internal/lifecycle/index.d.ts +1 -1
- package/dist/_internal/page-scroll-lock/hook.d.ts +1 -1
- package/dist/_internal/page-scroll-lock/hook.js.map +1 -1
- package/dist/accordion/accordion-provider.d.ts +1 -1
- package/dist/accordion/accordion.d.ts +1 -1
- package/dist/alert/alert-body.d.ts +1 -1
- package/dist/alert/alert.d.ts +1 -1
- package/dist/arrow-button/arrow-button.d.ts +1 -1
- package/dist/autocomplete/autocomplete.d.ts +1 -1
- package/dist/autocomplete/menu.d.ts +1 -1
- package/dist/autocomplete/types.d.ts +3 -2
- package/dist/avatar/avatar.d.ts +1 -1
- package/dist/base-input/base-input.d.ts +1 -1
- package/dist/bottom-bar/bottom-bar.d.ts +1 -1
- package/dist/bottom-bar/bottom-bar.module.scss +3 -3
- package/dist/breakpoints.scss +0 -14
- package/dist/button/button.d.ts +0 -5
- package/dist/button/button.js +4 -2
- package/dist/button/button.js.map +1 -1
- package/dist/carousel/carousel.d.ts +7 -7
- package/dist/carousel/carousel.js.map +1 -1
- package/dist/carousel/draggable.d.ts +2 -2
- package/dist/carousel/draggable.js.map +1 -1
- package/dist/chip/chip.d.ts +2 -2
- package/dist/clean-buttons/clean-button.d.ts +1 -1
- package/dist/clean-buttons/clean-group.d.ts +1 -1
- package/dist/context/viewport.d.ts +1 -1
- package/dist/context/viewport.js.map +1 -1
- package/dist/dot-nav/dot-nav.d.ts +1 -1
- package/dist/dropdown/dropdown-loading.d.ts +1 -1
- package/dist/dropdown/dropdown.d.ts +1 -1
- package/dist/dropdown-item/dropdown-item.d.ts +1 -1
- package/dist/expandable/expandable-group.d.ts +1 -1
- package/dist/field-block/field-block.d.ts +1 -1
- package/dist/file-icon/file-icon.d.ts +1 -1
- package/dist/group-overflow/group-overflow.d.ts +1 -1
- package/dist/group-overflow/utils.d.ts +1 -1
- package/dist/group-overflow/utils.js.map +1 -1
- package/dist/helpers/events.js.map +1 -1
- package/dist/hint/hint-view.d.ts +2 -2
- package/dist/hint/hint.d.ts +1 -1
- package/dist/hooks/use-breakpoint/index.d.ts +1 -1
- package/dist/hooks/use-identity-ref/index.d.ts +1 -1
- package/dist/hooks/use-infinite-scroll/index.d.ts +2 -2
- package/dist/hooks/use-infinite-scroll/index.js.map +1 -1
- package/dist/info-text/info-text.d.ts +1 -1
- package/dist/input/input.d.ts +1 -1
- package/dist/input/utils.d.ts +2 -2
- package/dist/input/utils.js.map +1 -1
- package/dist/layout/layout.d.ts +1 -1
- package/dist/layout/layout.module.scss +16 -16
- package/dist/layout/legacy.module.scss +6 -6
- package/dist/link/link.d.ts +0 -6
- package/dist/link/link.js +3 -2
- package/dist/link/link.js.map +1 -1
- package/dist/masked-input/masked-input.d.ts +1 -1
- package/dist/masked-input/types.d.ts +5 -5
- package/dist/masked-input/use-input-mask.js.map +1 -1
- package/dist/masked-input/utils.d.ts +1 -1
- package/dist/masked-input/utils.js +6 -2
- package/dist/masked-input/utils.js.map +1 -1
- package/dist/modal/modal.d.ts +1 -1
- package/dist/modal/slots.d.ts +3 -3
- package/dist/modal-overlay/modal-overlay.d.ts +1 -1
- package/dist/no-index/no-index-mark.d.ts +1 -1
- package/dist/no-index/no-index.d.ts +1 -1
- package/dist/pagination/pagination-item.d.ts +1 -1
- package/dist/pagination/pagination.d.ts +1 -1
- package/dist/panel/index.d.ts +1 -1
- package/dist/panel/index.js +1 -2
- package/dist/panel/index.js.map +1 -1
- package/dist/panel/panel.d.ts +3 -5
- package/dist/panel/panel.js +1 -29
- package/dist/panel/panel.js.map +1 -1
- package/dist/panel/panel.module.scss +40 -24
- package/dist/phone-input/menu-opener.d.ts +1 -1
- package/dist/phone-input/phone-input.d.ts +1 -1
- package/dist/plate/plate.d.ts +1 -5
- package/dist/plate/plate.js +7 -5
- package/dist/plate/plate.js.map +1 -1
- package/dist/plate/plate.module.scss +32 -1
- package/dist/plate/types.d.ts +1 -2
- package/dist/popup/popup-view.d.ts +1 -1
- package/dist/popup/popup.d.ts +1 -1
- package/dist/popup/utils.d.ts +1 -1
- package/dist/popup/utils.js.map +1 -1
- package/dist/portal/portal.js +1 -1
- package/dist/portal/portal.js.map +1 -1
- package/dist/price/price.d.ts +1 -1
- package/dist/radio-button/radio-button.d.ts +1 -1
- package/dist/range/range.d.ts +5 -5
- package/dist/range/range.js.map +1 -1
- package/dist/rating/rating.d.ts +1 -1
- package/dist/select/parts/button.d.ts +0 -5
- package/dist/select/parts/button.js +4 -2
- package/dist/select/parts/button.js.map +1 -1
- package/dist/select/parts/field-block.d.ts +1 -1
- package/dist/select/parts/icon.d.ts +1 -1
- package/dist/select/parts/menu.d.ts +1 -1
- package/dist/select/parts/text-button.d.ts +1 -1
- package/dist/select/select.d.ts +1 -1
- package/dist/side-page/side-page-body.d.ts +1 -1
- package/dist/side-page/side-page.d.ts +1 -1
- package/dist/skeleton/skeleton.d.ts +1 -1
- package/dist/snack-bar/context.d.ts +1 -1
- package/dist/snack-bar/index.js.map +1 -1
- package/dist/snack-bar/slots.d.ts +5 -5
- package/dist/snack-bar/snack-bar.d.ts +1 -1
- package/dist/snack-bar/snack-bar.module.scss +10 -10
- package/dist/snack-bar/utils.d.ts +26 -12
- package/dist/snack-bar/utils.js +2 -2
- package/dist/snack-bar/utils.js.map +1 -1
- package/dist/spinner/spinner.d.ts +2 -2
- package/dist/stepper/stepper.d.ts +0 -5
- package/dist/stepper/stepper.js +4 -2
- package/dist/stepper/stepper.js.map +1 -1
- package/dist/super-ellipse-clip-path/super-ellipse-clip-path.d.ts +1 -1
- package/dist/switcher-row/switcher-row.d.ts +3 -3
- package/dist/tabs/tabs.d.ts +2 -2
- package/dist/tabs/tabs.js +21 -2
- package/dist/tabs/tabs.js.map +1 -1
- package/dist/text-button/text-button.d.ts +1 -1
- package/dist/textarea/textarea.d.ts +1 -1
- package/dist/timer/timer.d.ts +1 -1
- package/dist/toggle/toggle.d.ts +0 -3
- package/dist/toggle/toggle.js +6 -3
- package/dist/toggle/toggle.js.map +1 -1
- package/dist/top-bar/top-bar.d.ts +7 -3
- package/dist/top-bar/top-bar.js +2 -3
- package/dist/top-bar/top-bar.js.map +1 -1
- package/dist/top-bar/top-bar.module.scss +4 -1
- package/dist/touch-slider/touch-slider.d.ts +1 -1
- package/dist/touch-slider/touch-slider.module.scss +1 -1
- package/dist/unknown-content/unknown-content.d.ts +1 -1
- package/dist/unknown-content/unknown-content.module.scss +6 -6
- package/dist/upload-area/upload-area.d.ts +1 -1
- package/package.json +38 -42
- package/dist/box/box.d.ts +0 -8
- package/dist/box/box.js +0 -169
- package/dist/box/box.js.map +0 -1
- package/dist/box/box.module.scss +0 -76
- package/dist/box/index.d.ts +0 -2
- package/dist/box/index.js +0 -6
- package/dist/box/index.js.map +0 -1
- package/dist/box/types.d.ts +0 -60
- package/dist/box/types.js +0 -3
- package/dist/box/types.js.map +0 -1
- package/dist/styling/borders.d.ts +0 -6
- package/dist/styling/borders.js +0 -16
- package/dist/styling/borders.js.map +0 -1
- package/dist/styling/borders.module.scss +0 -15
- package/dist/styling/colors.d.ts +0 -10
- package/dist/styling/colors.js +0 -21
- package/dist/styling/colors.js.map +0 -1
- package/dist/styling/colors.module.scss +0 -20
- package/dist/styling/fonts.d.ts +0 -12
- package/dist/styling/fonts.js +0 -18
- package/dist/styling/fonts.js.map +0 -1
- package/dist/styling/fonts.module.scss +0 -23
- package/dist/styling/index.d.ts +0 -6
- package/dist/styling/index.js +0 -31
- package/dist/styling/index.js.map +0 -1
- package/dist/styling/shadows.d.ts +0 -8
- package/dist/styling/shadows.js +0 -16
- package/dist/styling/shadows.js.map +0 -1
- package/dist/styling/shadows.module.scss +0 -27
- package/dist/styling/shapes.d.ts +0 -24
- package/dist/styling/shapes.js +0 -32
- package/dist/styling/shapes.js.map +0 -1
- package/dist/styling/shapes.module.scss +0 -38
- package/dist/styling/sizes.d.ts +0 -30
- package/dist/styling/sizes.js +0 -41
- package/dist/styling/sizes.js.map +0 -1
- package/dist/styling/sizes.module.scss +0 -25
- package/dist/styling/utils.d.ts +0 -9
- package/dist/styling/utils.js +0 -21
- package/dist/styling/utils.js.map +0 -1
- package/dist/text/index.d.ts +0 -2
- package/dist/text/index.js +0 -8
- package/dist/text/index.js.map +0 -1
- package/dist/text/text.d.ts +0 -11
- package/dist/text/text.js +0 -50
- package/dist/text/text.js.map +0 -1
- package/dist/text/text.module.scss +0 -25
- package/dist/text/types.d.ts +0 -28
- package/dist/text/types.js +0 -3
- package/dist/text/types.js.map +0 -1
package/dist/hint/hint-view.d.ts
CHANGED
|
@@ -11,7 +11,7 @@ export declare const arrowSquareSize: number;
|
|
|
11
11
|
* @param props Свойства.
|
|
12
12
|
* @return Элемент.
|
|
13
13
|
*/
|
|
14
|
-
export declare function HintView({ hintRef, className, children, 'data-testid': testId, ...rest }: HintViewProps): import("react
|
|
14
|
+
export declare function HintView({ hintRef, className, children, 'data-testid': testId, ...rest }: HintViewProps): import("react").JSX.Element;
|
|
15
15
|
export declare namespace HintView {
|
|
16
16
|
var Arrow: typeof HintArrow;
|
|
17
17
|
}
|
|
@@ -22,5 +22,5 @@ export declare namespace HintView {
|
|
|
22
22
|
*/
|
|
23
23
|
declare function HintArrow({ arrowRef, className, ...rest }: Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
|
|
24
24
|
arrowRef?: Ref<HTMLDivElement>;
|
|
25
|
-
}): import("react
|
|
25
|
+
}): import("react").JSX.Element;
|
|
26
26
|
export {};
|
package/dist/hint/hint.d.ts
CHANGED
|
@@ -11,4 +11,4 @@ export interface HintProps extends HintViewProps {
|
|
|
11
11
|
* @param props Свойства.
|
|
12
12
|
* @return Элемент.
|
|
13
13
|
*/
|
|
14
|
-
export declare function Hint({ open, ...rest }: HintProps): import("react
|
|
14
|
+
export declare function Hint({ open, ...rest }: HintProps): import("react").JSX.Element | null;
|
|
@@ -7,7 +7,7 @@ import { ReactNode } from 'react';
|
|
|
7
7
|
*/
|
|
8
8
|
export declare function BreakpointProvider({ children }: {
|
|
9
9
|
children: ReactNode;
|
|
10
|
-
}): import("react
|
|
10
|
+
}): import("react").JSX.Element;
|
|
11
11
|
/**
|
|
12
12
|
* Хук обработки медиа-запроса на основе breakpoint'а дизайн-системы.
|
|
13
13
|
* @param query Запрос, например "xs+".
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { DependencyList,
|
|
1
|
+
import { DependencyList, type RefObject } from 'react';
|
|
2
2
|
/**
|
|
3
3
|
* Реализует подписку на событие полной прокрутки списка.
|
|
4
4
|
* @param ref Реф прокручиваемого элемента.
|
|
@@ -7,7 +7,7 @@ import { DependencyList, MutableRefObject } from 'react';
|
|
|
7
7
|
* @param options.threshold Отступ от конца списка по которому событие должно срабатывать.
|
|
8
8
|
* @param moreDeps Зависимости эффекта (нужны, когда ref заполняется не на этапе render'а).
|
|
9
9
|
*/
|
|
10
|
-
export declare function useInfiniteScroll(ref:
|
|
10
|
+
export declare function useInfiniteScroll(ref: RefObject<HTMLElement | undefined | null>, { onFullScroll, threshold, }: {
|
|
11
11
|
onFullScroll?: (event: UIEvent) => void;
|
|
12
12
|
threshold?: number;
|
|
13
13
|
}, moreDeps?: DependencyList): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/use-infinite-scroll/index.ts"],"names":[],"mappings":";;AAYA,8CA0BC;AAtCD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/use-infinite-scroll/index.ts"],"names":[],"mappings":";;AAYA,8CA0BC;AAtCD,iCAAkE;AAClE,0DAAqD;AACrD,yCAAsC;AAEtC;;;;;;;GAOG;AACH,SAAgB,iBAAiB,CAC/B,GAA8C,EAC9C,EACE,YAAY,EACZ,SAAS,GAAG,CAAC,GAId,EACD,QAAyB;IAEzB,MAAM,WAAW,GAAG,IAAA,iCAAc,EAAC,YAAY,CAAC,CAAC;IAEjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAE5B,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,IAAA,OAAE,EAAU,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE;gBAC5C,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC,MAAqB,CAAC;gBAC9E,MAAM,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,CAAC;gBACpD,MAAM,eAAe,GAAG,MAAM,IAAI,YAAY,CAAC;gBAE/C,eAAe,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YAClD,CAAC,CAAe,CAAC;QACnB,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;AAC5C,CAAC"}
|
|
@@ -5,4 +5,4 @@ import type { InfoTextProps } from './types';
|
|
|
5
5
|
* @param props Свойства.
|
|
6
6
|
* @return Элемент.
|
|
7
7
|
*/
|
|
8
|
-
export declare function InfoText({ children, style, className, iconRef, onIconClick, iconActive, 'data-testid': testId, }: InfoTextProps): import("react
|
|
8
|
+
export declare function InfoText({ children, style, className, iconRef, onIconClick, iconActive, 'data-testid': testId, }: InfoTextProps): import("react").JSX.Element;
|
package/dist/input/input.d.ts
CHANGED
|
@@ -4,4 +4,4 @@ import type { InputProps } from './types';
|
|
|
4
4
|
* @param props Свойства.
|
|
5
5
|
* @return Элемент.
|
|
6
6
|
*/
|
|
7
|
-
export declare function Input({ inputRef, baseInputProps, clearable, onClear, style, className, autoComplete, autoFocus, defaultValue, disabled, id, name, onBlur, onChange, onFocus, onInput, placeholder, readOnly, required, type, value, size, label, failed, caption, blockProps, focused: focusedProp, 'data-testid': testId, ...restProps }: InputProps): import("react
|
|
7
|
+
export declare function Input({ inputRef, baseInputProps, clearable, onClear, style, className, autoComplete, autoFocus, defaultValue, disabled, id, name, onBlur, onChange, onFocus, onInput, placeholder, readOnly, required, type, value, size, label, failed, caption, blockProps, focused: focusedProp, 'data-testid': testId, ...restProps }: InputProps): import("react").JSX.Element;
|
package/dist/input/utils.d.ts
CHANGED
|
@@ -21,7 +21,7 @@ export declare function definePlaceholderColor({ failed, disabled, }: {
|
|
|
21
21
|
* @param affectProps Свойства, влияющие на состояние заполненности.
|
|
22
22
|
* @return Кортеж: состояние; функция обновления состояния.
|
|
23
23
|
*/
|
|
24
|
-
export declare function useFilledState(ref: RefObject<HTMLInputElement
|
|
24
|
+
export declare function useFilledState(ref: RefObject<HTMLInputElement | HTMLTextAreaElement | null>, { value, defaultValue, }: {
|
|
25
25
|
value: unknown;
|
|
26
26
|
defaultValue: unknown;
|
|
27
27
|
}): [boolean, EventHandler<SyntheticEvent<{
|
|
@@ -33,4 +33,4 @@ export declare function useFilledState(ref: RefObject<HTMLInputElement> | RefObj
|
|
|
33
33
|
* @param callback Будет вызвана по событию mousedown.
|
|
34
34
|
* @return Функция обратного вызова.
|
|
35
35
|
*/
|
|
36
|
-
export declare function useFieldMouseDown(fieldRef: RefObject<HTMLInputElement | HTMLTextAreaElement>, callback?: MouseEventHandler<HTMLDivElement>): MouseEventHandler<HTMLDivElement>;
|
|
36
|
+
export declare function useFieldMouseDown(fieldRef: RefObject<HTMLInputElement | HTMLTextAreaElement | null>, callback?: MouseEventHandler<HTMLDivElement>): MouseEventHandler<HTMLDivElement>;
|
package/dist/input/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/input/utils.ts"],"names":[],"mappings":";;AAiBA,oCAEC;AAOD,wDAsBC;AAQD,wCAqBC;AAQD,8CAiBC;AAtGD,iCAQe;AACf,sCAAmC;AAEnC;;;;;GAKG;AACH,SAAgB,YAAY,CAAC,KAAc,EAAE,YAAqB;IAChE,OAAO,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,WAAW,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;AACpF,CAAC;AAED;;;;GAIG;AACH,SAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,QAAQ,GAIT;IACC,IAAI,gBAAgB,GAAuB,SAAS,CAAC;IAErD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,MAAM;YACT,gBAAgB,GAAG,eAAM,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;YACrD,MAAM;QACR,KAAK,QAAQ;YACX,gBAAgB,GAAG,eAAM,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YAC9C,MAAM;QACR,KAAK,CAAC,QAAQ;YACZ,gBAAgB,GAAG,eAAM,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YAC9C,MAAM;IACV,CAAC;IAED,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AAED;;;;;GAKG;AACH,SAAgB,cAAc,CAC5B,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/input/utils.ts"],"names":[],"mappings":";;AAiBA,oCAEC;AAOD,wDAsBC;AAQD,wCAqBC;AAQD,8CAiBC;AAtGD,iCAQe;AACf,sCAAmC;AAEnC;;;;;GAKG;AACH,SAAgB,YAAY,CAAC,KAAc,EAAE,YAAqB;IAChE,OAAO,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,WAAW,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;AACpF,CAAC;AAED;;;;GAIG;AACH,SAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,QAAQ,GAIT;IACC,IAAI,gBAAgB,GAAuB,SAAS,CAAC;IAErD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,MAAM;YACT,gBAAgB,GAAG,eAAM,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;YACrD,MAAM;QACR,KAAK,QAAQ;YACX,gBAAgB,GAAG,eAAM,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YAC9C,MAAM;QACR,KAAK,CAAC,QAAQ;YACZ,gBAAgB,GAAG,eAAM,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YAC9C,MAAM;IACV,CAAC;IAED,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AAED;;;;;GAKG;AACH,SAAgB,cAAc,CAC5B,GAA6D,EAC7D,EACE,KAAK,EACL,YAAY,GAIb;IAED,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAU,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAEvF,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAkD,KAAK,CAAC,EAAE;QACxF,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IAChD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;AAChC,CAAC;AAED;;;;;GAKG;AACH,SAAgB,iBAAiB,CAC/B,QAAkE,EAClE,QAA4C;IAE5C,OAAO,IAAA,mBAAW,EAChB,KAAK,CAAC,EAAE;QACN,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAE/B,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;QAElB,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;YAC/D,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,KAAK,EAAE,CAAC;QAChB,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAC;AACJ,CAAC"}
|
package/dist/layout/layout.d.ts
CHANGED
|
@@ -4,4 +4,4 @@ import type { LayoutProps } from './types';
|
|
|
4
4
|
* @param props Свойства.
|
|
5
5
|
* @return Элемент.
|
|
6
6
|
*/
|
|
7
|
-
export declare function Layout({ children, className, disabledOn, rootRef, ...rest }: LayoutProps): import("react
|
|
7
|
+
export declare function Layout({ children, className, disabledOn, rootRef, ...rest }: LayoutProps): import("react").JSX.Element;
|
|
@@ -11,15 +11,15 @@
|
|
|
11
11
|
|
|
12
12
|
// ВАЖНО: не прокидываем никаких кастомных свойств внутрь чтобы ими не воспользовались
|
|
13
13
|
.layout {
|
|
14
|
-
@include breakpoints.
|
|
14
|
+
@include breakpoints.lt('ms') {
|
|
15
15
|
&:not(.disabled-mxs) {
|
|
16
16
|
@include layout;
|
|
17
17
|
padding-left: 16px;
|
|
18
18
|
padding-right: 16px;
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
|
-
@include breakpoints.
|
|
22
|
-
@include breakpoints.
|
|
21
|
+
@include breakpoints.gte('ms') {
|
|
22
|
+
@include breakpoints.lt('mm') {
|
|
23
23
|
&:not(.disabled-ms) {
|
|
24
24
|
@include layout;
|
|
25
25
|
padding-left: 16px;
|
|
@@ -27,24 +27,24 @@
|
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
|
-
@include breakpoints.
|
|
31
|
-
@include breakpoints.
|
|
30
|
+
@include breakpoints.gte('mm') {
|
|
31
|
+
@include breakpoints.lt('ml') {
|
|
32
32
|
&:not(.disabled-mm) {
|
|
33
33
|
@include layout;
|
|
34
34
|
max-width: 656px;
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
|
-
@include breakpoints.
|
|
39
|
-
@include breakpoints.
|
|
38
|
+
@include breakpoints.gte('ml') {
|
|
39
|
+
@include breakpoints.lt('xs') {
|
|
40
40
|
&:not(.disabled-ml) {
|
|
41
41
|
@include layout;
|
|
42
42
|
max-width: 672px;
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
|
-
@include breakpoints.
|
|
47
|
-
@include breakpoints.
|
|
46
|
+
@include breakpoints.gte('xs') {
|
|
47
|
+
@include breakpoints.lt('s') {
|
|
48
48
|
&:not(.disabled-xs) {
|
|
49
49
|
@include layout;
|
|
50
50
|
padding-left: 64px;
|
|
@@ -52,8 +52,8 @@
|
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
|
-
@include breakpoints.
|
|
56
|
-
@include breakpoints.
|
|
55
|
+
@include breakpoints.gte('s') {
|
|
56
|
+
@include breakpoints.lt('m') {
|
|
57
57
|
&:not(.disabled-s) {
|
|
58
58
|
@include layout;
|
|
59
59
|
padding-left: 64px;
|
|
@@ -61,8 +61,8 @@
|
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
|
-
@include breakpoints.
|
|
65
|
-
@include breakpoints.
|
|
64
|
+
@include breakpoints.gte('m') {
|
|
65
|
+
@include breakpoints.lt('l') {
|
|
66
66
|
&:not(.disabled-m) {
|
|
67
67
|
@include layout;
|
|
68
68
|
padding-left: 64px;
|
|
@@ -70,15 +70,15 @@
|
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
|
-
@include breakpoints.
|
|
74
|
-
@include breakpoints.
|
|
73
|
+
@include breakpoints.gte('l') {
|
|
74
|
+
@include breakpoints.lt('xl') {
|
|
75
75
|
&:not(.disabled-l) {
|
|
76
76
|
@include layout;
|
|
77
77
|
max-width: 1472px;
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
|
-
@include breakpoints.
|
|
81
|
+
@include breakpoints.gte('xl') {
|
|
82
82
|
&:not(.disabled-xl) {
|
|
83
83
|
@include layout;
|
|
84
84
|
max-width: 1504px;
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
width: var(--l-width);
|
|
5
5
|
margin: 0 var(--l-gutter);
|
|
6
6
|
@each $key, $val in breakpoints.$map {
|
|
7
|
-
@include breakpoints.
|
|
7
|
+
@include breakpoints.gte($key) {
|
|
8
8
|
&.disabled-#{$key} {
|
|
9
9
|
width: auto;
|
|
10
10
|
margin: 0;
|
|
@@ -20,15 +20,15 @@
|
|
|
20
20
|
.mobile {
|
|
21
21
|
--l-gutter: 16px;
|
|
22
22
|
--l-width: calc(100vw - (2 * var(--l-gutter)));
|
|
23
|
-
@include breakpoints.
|
|
23
|
+
@include breakpoints.gte('mm') {
|
|
24
24
|
--l-width: 656px;
|
|
25
25
|
--l-gutter: auto;
|
|
26
26
|
}
|
|
27
|
-
@include breakpoints.
|
|
27
|
+
@include breakpoints.gte('ml') {
|
|
28
28
|
--l-width: 672px;
|
|
29
29
|
--l-gutter: auto;
|
|
30
30
|
}
|
|
31
|
-
@include breakpoints.
|
|
31
|
+
@include breakpoints.gte('xs') {
|
|
32
32
|
--l-width: 792px;
|
|
33
33
|
--l-gutter: auto;
|
|
34
34
|
}
|
|
@@ -38,11 +38,11 @@
|
|
|
38
38
|
min-width: 896px;
|
|
39
39
|
--l-gutter: 64px;
|
|
40
40
|
--l-width: calc(100vw - (2 * var(--l-gutter)));
|
|
41
|
-
@include breakpoints.
|
|
41
|
+
@include breakpoints.gte('l') {
|
|
42
42
|
--l-width: 1472px;
|
|
43
43
|
--l-gutter: auto;
|
|
44
44
|
}
|
|
45
|
-
@include breakpoints.
|
|
45
|
+
@include breakpoints.gte('xl') {
|
|
46
46
|
--l-width: 1504px;
|
|
47
47
|
--l-gutter: auto;
|
|
48
48
|
}
|
package/dist/link/link.d.ts
CHANGED
|
@@ -1,8 +1,2 @@
|
|
|
1
1
|
import type { LinkProps } from './types';
|
|
2
|
-
/**
|
|
3
|
-
* Ссылка.
|
|
4
|
-
* @param props Свойства компонента. Поддерживаются свойства span/a.
|
|
5
|
-
* @param ref Реф для DOM-элемента ссылки.
|
|
6
|
-
* @return Элемент.
|
|
7
|
-
*/
|
|
8
2
|
export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
|
package/dist/link/link.js
CHANGED
|
@@ -15,7 +15,7 @@ const cx = bind_1.default.bind(link_module_scss_1.default);
|
|
|
15
15
|
* @param ref Реф для DOM-элемента ссылки.
|
|
16
16
|
* @return Элемент.
|
|
17
17
|
*/
|
|
18
|
-
|
|
18
|
+
function PureLink({ children, className, color = 'basic-blue', disabled, pseudo, role, tabIndex, underline, 'data-testid': testId = 'anchor', ...restProps }, ref) {
|
|
19
19
|
const baseProps = pseudo
|
|
20
20
|
? {
|
|
21
21
|
role: role || 'button',
|
|
@@ -23,5 +23,6 @@ exports.Link = (0, react_1.forwardRef)(function Link({ children, className, colo
|
|
|
23
23
|
}
|
|
24
24
|
: { role, tabIndex };
|
|
25
25
|
return ((0, jsx_runtime_1.jsx)("a", { ...baseProps, ...restProps, "data-testid": testId, ref: ref, className: cx('link', className, color, { disabled, underline }), children: children }));
|
|
26
|
-
}
|
|
26
|
+
}
|
|
27
|
+
exports.Link = (0, react_1.forwardRef)(PureLink);
|
|
27
28
|
//# sourceMappingURL=link.js.map
|
package/dist/link/link.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/link/link.tsx"],"names":[],"mappings":";;;;;;;AACA,
|
|
1
|
+
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/link/link.tsx"],"names":[],"mappings":";;;;;;;AACA,iCAA6C;AAC7C,2DAAyC;AACzC,0EAAwC;AAExC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,0BAAM,CAAC,CAAC;AAEnC;;;;;GAKG;AACH,SAAS,QAAQ,CACf,EACE,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,YAAY,EACpB,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,QAAQ,EAChC,GAAG,SAAS,EACF,EACZ,GAA2B;IAE3B,MAAM,SAAS,GAAG,MAAM;QACtB,CAAC,CAAC;YACE,IAAI,EAAE,IAAI,IAAI,QAAQ;YACtB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC;SAC/C;QACH,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;IAEvB,OAAO,CACL,iCACM,SAAS,KACT,SAAS,iBACA,MAAM,EACnB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,YAE/D,QAAQ,GACP,CACL,CAAC;AACJ,CAAC;AAEY,QAAA,IAAI,GAAG,IAAA,kBAAU,EAAC,QAAQ,CAAC,CAAC"}
|
|
@@ -4,4 +4,4 @@ import { MaskedInputProps } from './types';
|
|
|
4
4
|
* @param props Свойства.
|
|
5
5
|
* @return Элемент.
|
|
6
6
|
*/
|
|
7
|
-
export declare function MaskedInput({ value, defaultValue, onChange, ...restProps }: MaskedInputProps): import("react
|
|
7
|
+
export declare function MaskedInput({ value, defaultValue, onChange, ...restProps }: MaskedInputProps): import("react").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import type { Action, Store } from '
|
|
1
|
+
import type { Action, Store } from '@reduxjs/toolkit';
|
|
2
2
|
import type { InputState } from '@krutoo/input-mask/core';
|
|
3
3
|
import type { InputProps } from '../input';
|
|
4
|
-
import type { ChangeEvent, FocusEvent,
|
|
4
|
+
import type { ChangeEvent, FocusEvent, InputEventHandler, RefObject, SyntheticEvent } from 'react';
|
|
5
5
|
export interface InputMaskReactOptions {
|
|
6
6
|
/** Строковое представление маски. */
|
|
7
7
|
mask: string;
|
|
@@ -16,7 +16,7 @@ export interface MaskedInputProps extends Omit<InputProps, 'onFocus' | 'onChange
|
|
|
16
16
|
/** Сработает при вводе. Вторым аргументом получит данные поля с маской. */
|
|
17
17
|
onChange?: (event: ChangeEvent<HTMLInputElement>, data: MaskData) => void;
|
|
18
18
|
/** Сработает при вводе. Вторым аргументом получит данные поля с маской. */
|
|
19
|
-
onInput?: (event:
|
|
19
|
+
onInput?: (event: SyntheticEvent<HTMLInputElement>, data: MaskData) => void;
|
|
20
20
|
/** Сработает при "blur". Вторым аргументом получит данные поля с маской. */
|
|
21
21
|
onBlur?: (event: FocusEvent<HTMLInputElement>, data: MaskData) => void;
|
|
22
22
|
/** Минимальное допустимое количество символов для расчета заполненности маски. */
|
|
@@ -39,9 +39,9 @@ export interface UseInputMaskResult {
|
|
|
39
39
|
store: Store<InputState>;
|
|
40
40
|
/** Свойства, которые необходимо применить к элементу поля. */
|
|
41
41
|
bind: {
|
|
42
|
-
ref: RefObject<HTMLInputElement>;
|
|
42
|
+
ref: RefObject<HTMLInputElement | null>;
|
|
43
43
|
value: string;
|
|
44
|
-
onInput:
|
|
44
|
+
onInput: InputEventHandler<HTMLInputElement>;
|
|
45
45
|
};
|
|
46
46
|
}
|
|
47
47
|
export interface ActionCreator<P = never> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-input-mask.js","sourceRoot":"","sources":["../../src/masked-input/use-input-mask.ts"],"names":[],"mappings":";;AAeA,oCAmEC;AAlFD,
|
|
1
|
+
{"version":3,"file":"use-input-mask.js","sourceRoot":"","sources":["../../src/masked-input/use-input-mask.ts"],"names":[],"mappings":";;AAeA,oCAmEC;AAlFD,iCAA6E;AAC7E,oCAAqD;AACrD,sCAAmC;AAEnC,mCAAwD;AAExD,gDAA8D;AAE9D;;;;;;GAMG;AACH,SAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,WAAW,EAAE,eAAe,GACR;IACpB,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAEhD,oGAAoG;IACpG,MAAM,WAAW,GAAG,IAAA,eAAO,EACzB,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE,eAAe,CAAC,IAAI;QAC1B,OAAO,EAAE,IAAI,MAAM,CAAC,eAAe,CAAC,OAAO,CAAC;QAC5C,WAAW,EAAE,eAAe,CAAC,WAAW;KACzC,CAAC,EACF,CAAC,eAAe,CAAC,IAAI,EAAE,eAAe,CAAC,OAAO,EAAE,eAAe,CAAC,WAAW,CAAC,CAC7E,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,MAAM,QAAQ,GAAG,IAAA,4BAAoB,EAAC,WAAW,CAAC,CAAC;QAEnD,QAAQ,CAAC,QAAQ,CAAC,eAAO,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QAEnD,OAAO,QAAQ,CAAC;IAClB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAEzB,mGAAmG;IACnG,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,WAAW,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElD,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,MAAM,OAAO,GAAmB;YAC9B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;gBACnB,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;oBACrB,eAAS,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;gBAC1D,CAAC;YACH,CAAC,CAAC;YACF,IAAA,OAAE,EAAC,QAAQ,EAAE,iBAAiB,EAAE,GAAG,EAAE;gBACnC,IAAI,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,KAAK,QAAQ,CAAC,aAAa,EAAE,CAAC;oBACpE,KAAK,CAAC,QAAQ,CAAC,eAAO,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;gBAC5E,CAAC;YACH,CAAC,CAAC;SACH,CAAC;QAEF,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,qEAAqE;IACrE,IAAI,KAAK,KAAK,eAAS,CAAC,aAAa,CAAC,WAAW,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;QAC3E,KAAK,CAAC,QAAQ,CAAC,eAAO,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IAClD,CAAC;IAED,0CAA0C;IAC1C,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,QAAQ,CAAC,eAAO,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;IACtE,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO;QACL,KAAK;QACL,IAAI,EAAE;YACJ,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK;YAE7B,4EAA4E;YAC5E,OAAO;SACR;KACF,CAAC;AACJ,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ReducerOptions, type InputState } from '@krutoo/input-mask/core';
|
|
2
|
-
import { Store } from '
|
|
2
|
+
import { Store } from '@reduxjs/toolkit';
|
|
3
3
|
import { ActionCreator } from './types';
|
|
4
4
|
export declare const actions: {
|
|
5
5
|
readonly manualChange: ActionCreator<{
|
|
@@ -5,7 +5,7 @@ exports.createInputMaskStore = createInputMaskStore;
|
|
|
5
5
|
/* eslint-disable jsdoc/require-jsdoc */
|
|
6
6
|
const core_1 = require("@krutoo/input-mask/core");
|
|
7
7
|
const dom_1 = require("@krutoo/input-mask/dom");
|
|
8
|
-
const
|
|
8
|
+
const toolkit_1 = require("@reduxjs/toolkit");
|
|
9
9
|
exports.actions = {
|
|
10
10
|
manualChange: createAction('manual/change'),
|
|
11
11
|
inputChange: createAction('input/change'),
|
|
@@ -13,7 +13,11 @@ exports.actions = {
|
|
|
13
13
|
};
|
|
14
14
|
function createInputMaskStore(options, initialState) {
|
|
15
15
|
const reducer = createDomReducer(options);
|
|
16
|
-
return (0,
|
|
16
|
+
return (0, toolkit_1.configureStore)({
|
|
17
|
+
reducer,
|
|
18
|
+
preloadedState: initialState,
|
|
19
|
+
middleware: getDefaultMiddleware => getDefaultMiddleware({ thunk: false, serializableCheck: false }),
|
|
20
|
+
});
|
|
17
21
|
}
|
|
18
22
|
function createDomReducer(options) {
|
|
19
23
|
const innerReducer = (0, core_1.createReducer)(options);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/masked-input/utils.ts"],"names":[],"mappings":";;;AAkBA,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/masked-input/utils.ts"],"names":[],"mappings":"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"}
|
package/dist/modal/modal.d.ts
CHANGED
|
@@ -4,4 +4,4 @@ import type { ModalProps } from './types';
|
|
|
4
4
|
* @param props Свойства.
|
|
5
5
|
* @return Элемент.
|
|
6
6
|
*/
|
|
7
|
-
export declare function Modal({ flexLayout, size, rounds, className, children, onClose, overlayProps, 'data-testid': testId, ...restProps }: ModalProps): import("react
|
|
7
|
+
export declare function Modal({ flexLayout, size, rounds, className, children, onClose, overlayProps, 'data-testid': testId, ...restProps }: ModalProps): import("react").JSX.Element;
|
package/dist/modal/slots.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ import { ModalBodyProps } from './types';
|
|
|
5
5
|
* @param props Свойства.
|
|
6
6
|
* @return Элемент.
|
|
7
7
|
*/
|
|
8
|
-
export declare function ModalBody({ children, className, rootRef, viewportRef, viewportProps, withScrollDisable, scrollDisableOptions, 'data-testid': testId, ...restProps }: ModalBodyProps): import("react
|
|
8
|
+
export declare function ModalBody({ children, className, rootRef, viewportRef, viewportProps, withScrollDisable, scrollDisableOptions, 'data-testid': testId, ...restProps }: ModalBodyProps): import("react").JSX.Element;
|
|
9
9
|
/**
|
|
10
10
|
* Контент который будет выводится поверх окна с абсолютным позиционированием.
|
|
11
11
|
* @param props Свойства.
|
|
@@ -13,9 +13,9 @@ export declare function ModalBody({ children, className, rootRef, viewportRef, v
|
|
|
13
13
|
*/
|
|
14
14
|
export declare function ModalOverlap({ children }: {
|
|
15
15
|
children?: ReactNode;
|
|
16
|
-
}): import("react
|
|
16
|
+
}): import("react").JSX.Element;
|
|
17
17
|
/**
|
|
18
18
|
* Заглушка для футера по дизайн-гайдам.
|
|
19
19
|
* @return Элемент.
|
|
20
20
|
*/
|
|
21
|
-
export declare function ModalBottomGap(): import("react
|
|
21
|
+
export declare function ModalBottomGap(): import("react").JSX.Element;
|
|
@@ -4,4 +4,4 @@ import type { ModalOverlayProps } from './types';
|
|
|
4
4
|
* @param props Свойства.
|
|
5
5
|
* @return Элемент.
|
|
6
6
|
*/
|
|
7
|
-
export declare function ModalOverlay({ rootRef, children, className, style, withScrollDisable, scrollDisableOptions, 'data-testid': testId, ...restProps }: ModalOverlayProps): import("react
|
|
7
|
+
export declare function ModalOverlay({ rootRef, children, className, style, withScrollDisable, scrollDisableOptions, 'data-testid': testId, ...restProps }: ModalOverlayProps): import("react").JSX.Element;
|
|
@@ -4,4 +4,4 @@ import type { NoIndexMarkProps } from './types';
|
|
|
4
4
|
* @param props Свойства.
|
|
5
5
|
* @return Элемент.
|
|
6
6
|
*/
|
|
7
|
-
export declare function NoIndexMark({ closing }: NoIndexMarkProps): import("react
|
|
7
|
+
export declare function NoIndexMark({ closing }: NoIndexMarkProps): import("react").JSX.Element;
|
|
@@ -4,4 +4,4 @@ import type { NoIndexProps } from './types';
|
|
|
4
4
|
* @param props Свойства.
|
|
5
5
|
* @return Элемент.
|
|
6
6
|
*/
|
|
7
|
-
export declare function NoIndex({ children }: NoIndexProps): import("react
|
|
7
|
+
export declare function NoIndex({ children }: NoIndexProps): import("react").JSX.Element;
|
|
@@ -4,4 +4,4 @@ import { PaginationItemProps } from './types';
|
|
|
4
4
|
* @param props Свойства.
|
|
5
5
|
* @return Элемент.
|
|
6
6
|
*/
|
|
7
|
-
export declare function PaginationItem({ rootRef, checked, disabled, children, rounds, onClick, className, href, role, ...rest }: PaginationItemProps): import("react
|
|
7
|
+
export declare function PaginationItem({ rootRef, checked, disabled, children, rounds, onClick, className, href, role, ...rest }: PaginationItemProps): import("react").JSX.Element;
|
|
@@ -4,4 +4,4 @@ import type { PaginationProps } from './types';
|
|
|
4
4
|
* @param props Свойства.
|
|
5
5
|
* @return Элемент.
|
|
6
6
|
*/
|
|
7
|
-
export declare function Pagination({ rootRef, current: currentProp, total: totalProp, onPageChange, getItems, renderItem, className, ...restProps }: PaginationProps): import("react
|
|
7
|
+
export declare function Pagination({ rootRef, current: currentProp, total: totalProp, onPageChange, getItems, renderItem, className, ...restProps }: PaginationProps): import("react").JSX.Element;
|
package/dist/panel/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export type { PanelType, PanelProps } from './types';
|
|
2
|
-
export { Panel, PanelStyledMarkup
|
|
2
|
+
export { Panel, PanelStyledMarkup } from './panel';
|
package/dist/panel/index.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.PanelStyledMarkup = exports.Panel = void 0;
|
|
4
4
|
var panel_1 = require("./panel");
|
|
5
5
|
Object.defineProperty(exports, "Panel", { enumerable: true, get: function () { return panel_1.Panel; } });
|
|
6
6
|
Object.defineProperty(exports, "PanelStyledMarkup", { enumerable: true, get: function () { return panel_1.PanelStyledMarkup; } });
|
|
7
|
-
Object.defineProperty(exports, "LINK_COLOR_BY_TYPE", { enumerable: true, get: function () { return panel_1.LINK_COLOR_BY_TYPE; } });
|
|
8
7
|
//# sourceMappingURL=index.js.map
|
package/dist/panel/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/panel/index.ts"],"names":[],"mappings":";;;AACA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/panel/index.ts"],"names":[],"mappings":";;;AACA,iCAAmD;AAA1C,8FAAA,KAAK,OAAA;AAAE,0GAAA,iBAAiB,OAAA"}
|
package/dist/panel/panel.d.ts
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import type { PanelProps
|
|
2
|
-
import type { LinkProps } from '../link';
|
|
3
|
-
export declare const LINK_COLOR_BY_TYPE: Record<PanelType, LinkProps['color']>;
|
|
1
|
+
import type { PanelProps } from './types';
|
|
4
2
|
/**
|
|
5
3
|
* Информационная панель. Обычно используется для выводя важной информации которую нужно выделить.
|
|
6
4
|
* @param props Свойства.
|
|
7
5
|
* @return Элемент.
|
|
8
6
|
*/
|
|
9
|
-
export declare function Panel({ type, adornmentStart, adornmentEnd, className, style, children, 'data-testid': testId, }: PanelProps): import("react
|
|
7
|
+
export declare function Panel({ type, adornmentStart, adornmentEnd, className, style, children, 'data-testid': testId, }: PanelProps): import("react").JSX.Element;
|
|
10
8
|
export declare namespace Panel {
|
|
11
9
|
var UnknownContent: typeof PanelStyledMarkup;
|
|
12
10
|
}
|
|
@@ -17,4 +15,4 @@ export declare namespace Panel {
|
|
|
17
15
|
*/
|
|
18
16
|
export declare function PanelStyledMarkup({ markup }: {
|
|
19
17
|
markup: string;
|
|
20
|
-
}): import("react
|
|
18
|
+
}): import("react").JSX.Element;
|
package/dist/panel/panel.js
CHANGED
|
@@ -3,47 +3,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.LINK_COLOR_BY_TYPE = void 0;
|
|
7
6
|
exports.Panel = Panel;
|
|
8
7
|
exports.PanelStyledMarkup = PanelStyledMarkup;
|
|
9
8
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
10
|
-
const colors_1 = require("../styling/colors");
|
|
11
9
|
const bind_1 = __importDefault(require("classnames/bind"));
|
|
12
10
|
const panel_module_scss_1 = __importDefault(require("./panel.module.scss"));
|
|
13
11
|
const cx = bind_1.default.bind(panel_module_scss_1.default);
|
|
14
|
-
const PANEL_COLORS_BY_TYPE = {
|
|
15
|
-
info: {
|
|
16
|
-
textColor: 'basic-gray87',
|
|
17
|
-
panelColor: 'basic-gray4',
|
|
18
|
-
},
|
|
19
|
-
error: {
|
|
20
|
-
textColor: 'basic-white',
|
|
21
|
-
panelColor: 'additional-deep-red',
|
|
22
|
-
},
|
|
23
|
-
success: {
|
|
24
|
-
textColor: 'basic-white',
|
|
25
|
-
panelColor: 'additional-teal',
|
|
26
|
-
},
|
|
27
|
-
warning: {
|
|
28
|
-
textColor: 'basic-gray87',
|
|
29
|
-
panelColor: 'additional-yellow',
|
|
30
|
-
},
|
|
31
|
-
};
|
|
32
|
-
exports.LINK_COLOR_BY_TYPE = {
|
|
33
|
-
info: 'basic-blue',
|
|
34
|
-
error: 'basic-white',
|
|
35
|
-
success: 'basic-white',
|
|
36
|
-
warning: 'basic-gray87',
|
|
37
|
-
};
|
|
38
12
|
/**
|
|
39
13
|
* Информационная панель. Обычно используется для выводя важной информации которую нужно выделить.
|
|
40
14
|
* @param props Свойства.
|
|
41
15
|
* @return Элемент.
|
|
42
16
|
*/
|
|
43
17
|
function Panel({ type = 'info', adornmentStart, adornmentEnd, className, style, children, 'data-testid': testId = 'panel', }) {
|
|
44
|
-
|
|
45
|
-
const panelColor = PANEL_COLORS_BY_TYPE[type].panelColor;
|
|
46
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: cx('root', `type-${type}`, (0, colors_1.bgColor)(panelColor), (0, colors_1.color)(textColor), className), "data-testid": testId, style: style, children: [adornmentStart && (0, jsx_runtime_1.jsx)("div", { className: cx('adornment'), children: adornmentStart }), (0, jsx_runtime_1.jsx)("div", { className: cx('main'), children: children }), adornmentEnd && (0, jsx_runtime_1.jsx)("div", { className: cx('adornment'), children: adornmentEnd })] }));
|
|
18
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: cx('root', `type-${type}`, className), "data-testid": testId, style: style, children: [adornmentStart && (0, jsx_runtime_1.jsx)("div", { className: cx('adornment'), children: adornmentStart }), (0, jsx_runtime_1.jsx)("div", { className: cx('main'), children: children }), adornmentEnd && (0, jsx_runtime_1.jsx)("div", { className: cx('adornment'), children: adornmentEnd })] }));
|
|
47
19
|
}
|
|
48
20
|
/**
|
|
49
21
|
* Блок стилизующий неизвестную html-верстку по дизайн-гайдам Panel.
|
package/dist/panel/panel.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"panel.js","sourceRoot":"","sources":["../../src/panel/panel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"panel.js","sourceRoot":"","sources":["../../src/panel/panel.tsx"],"names":[],"mappings":";;;;;AAWA,sBAkBC;AAOD,8CAEC;;AArCD,2DAAyC;AACzC,4EAAyC;AAEzC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,2BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,KAAK,CAAC,EACpB,IAAI,GAAG,MAAM,EACb,cAAc,EACd,YAAY,EACZ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,aAAa,EAAE,MAAM,GAAG,OAAO,GACpB;IACX,OAAO,CACL,iCAAK,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,QAAQ,IAAI,EAAE,EAAE,SAAS,CAAC,iBAAe,MAAM,EAAE,KAAK,EAAE,KAAK,aACrF,cAAc,IAAI,gCAAK,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,YAAG,cAAc,GAAO,EAE1E,gCAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YAAG,QAAQ,GAAO,EAE3C,YAAY,IAAI,gCAAK,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,YAAG,YAAY,GAAO,IAClE,CACP,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAsB;IAC9D,OAAO,gCAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,CAAC;AAChG,CAAC;AAED,KAAK,CAAC,cAAc,GAAG,iBAAiB,CAAC"}
|