@consta/uikit 4.31.2 → 4.33.0

package/__internal__/src/components/DateTime/helpers/getHandleSelectDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"getHandleSelectDate.js","names":["isDefined","getHandleSelectDate","props","callbackProps","onChange","onChangeRange","currentValue","Array","isArray","value","startDate","endDate","isEqualUnit","e"],"sources":["../../../../../../src/components/DateTime/helpers/getHandleSelectDate.ts"],"sourcesContent":["import { isDefined } from '../../../utils/type-guards';\nimport { DateRange } from '../../../utils/types/Date';\nimport {\n  DateTimePropOnChange,\n  DateTimePropOnChangeRange,\n  DateTimePropValue,\n  HandleSelectDate,\n  СapableRangeType,\n} from './types';\n\ntype GetHandleSelectDateProps = {\n  isEqualUnit: (date1: Date, date2: Date) => boolean;\n  value?: DateTimePropValue<СapableRangeType>;\n  onChange?: DateTimePropOnChange;\n  onChangeRange?: DateTimePropOnChangeRange<СapableRangeType>;\n  minDate?: Date;\n  maxDate?: Date;\n};\n\nexport function getHandleSelectDate(\n  props: GetHandleSelectDateProps,\n): HandleSelectDate {\n  return (callbackProps) => {\n    if (typeof props.onChange === 'function') {\n      props.onChange(callbackProps);\n    }\n\n    if (typeof props.onChangeRange === 'function') {\n      const currentValue: DateRange = (Array.isArray(props.value)\n        ? props.value\n        : [props.value, undefined]) || [undefined, undefined];\n\n      const [startDate, endDate] = currentValue;\n\n      if (\n        isDefined(startDate) &&\n        props.isEqualUnit(startDate, callbackProps.value)\n      ) {\n        return props.onChangeRange({\n          e: callbackProps.e,\n          value: [endDate, undefined],\n        });\n      }\n\n      if (\n        isDefined(endDate) &&\n        props.isEqualUnit(endDate, callbackProps.value)\n      ) {\n        return props.onChangeRange({\n          e: callbackProps.e,\n          value: [startDate, undefined],\n        });\n      }\n\n      if (isDefined(startDate)) {\n        return props.onChangeRange({\n          e: callbackProps.e,\n          value:\n            startDate > callbackProps.value\n              ? [callbackProps.value, startDate]\n              : [startDate, callbackProps.value],\n        });\n      }\n\n      if (isDefined(endDate)) {\n        return props.onChangeRange({\n          e: callbackProps.e,\n          value:\n            endDate > callbackProps.value\n              ? [callbackProps.value, endDate]\n              : [endDate, callbackProps.value],\n        });\n      }\n\n      props.onChangeRange({\n        e: callbackProps.e,\n        value: [callbackProps.value, undefined],\n      });\n    }\n  };\n}\n"],"mappings":"iEAAA,OAASA,SAAT,kCAmBA,MAAO,SAASC,oBAAT,CACLC,CADK,CAEa,CAClB,MAAO,UAACC,CAAD,CAAmB,CAKxB,GAJ8B,UAA1B,QAAOD,EAAK,CAACE,QAIjB,EAHEF,CAAK,CAACE,QAAN,CAAeD,CAAf,CAGF,CAAmC,UAA/B,QAAOD,EAAK,CAACG,aAAjB,CAA+C,IACvCC,EAAuB,CAAG,CAACC,KAAK,CAACC,OAAN,CAAcN,CAAK,CAACO,KAApB,EAC7BP,CAAK,CAACO,KADuB,CAE7B,CAACP,CAAK,CAACO,KAAP,QAF4B,GAEC,eAHY,kBAKhBH,CALgB,IAKtCI,CALsC,MAK3BC,CAL2B,MAO7C,GACEX,SAAS,CAACU,CAAD,CAAT,EACAR,CAAK,CAACU,WAAN,CAAkBF,CAAlB,CAA6BP,CAAa,CAACM,KAA3C,CAFF,CAIE,MAAOP,EAAK,CAACG,aAAN,CAAoB,CACzBQ,CAAC,CAAEV,CAAa,CAACU,CADQ,CAEzBJ,KAAK,CAAE,CAACE,CAAD,QAFkB,CAApB,CAAP,CAMF,GACEX,SAAS,CAACW,CAAD,CAAT,EACAT,CAAK,CAACU,WAAN,CAAkBD,CAAlB,CAA2BR,CAAa,CAACM,KAAzC,CAFF,CAIE,MAAOP,EAAK,CAACG,aAAN,CAAoB,CACzBQ,CAAC,CAAEV,CAAa,CAACU,CADQ,CAEzBJ,KAAK,CAAE,CAACC,CAAD,QAFkB,CAApB,CAAP,CAMF,GAAIV,SAAS,CAACU,CAAD,CAAb,CACE,MAAOR,EAAK,CAACG,aAAN,CAAoB,CACzBQ,CAAC,CAAEV,CAAa,CAACU,CADQ,CAEzBJ,KAAK,CACHC,CAAS,CAAGP,CAAa,CAACM,KAA1B,CACI,CAACN,CAAa,CAACM,KAAf,CAAsBC,CAAtB,CADJ,CAEI,CAACA,CAAD,CAAYP,CAAa,CAACM,KAA1B,CALmB,CAApB,CAAP,CASF,GAAIT,SAAS,CAACW,CAAD,CAAb,CACE,MAAOT,EAAK,CAACG,aAAN,CAAoB,CACzBQ,CAAC,CAAEV,CAAa,CAACU,CADQ,CAEzBJ,KAAK,CACHE,CAAO,CAAGR,CAAa,CAACM,KAAxB,CACI,CAACN,CAAa,CAACM,KAAf,CAAsBE,CAAtB,CADJ,CAEI,CAACA,CAAD,CAAUR,CAAa,CAACM,KAAxB,CALmB,CAApB,CAAP,CASFP,CAAK,CAACG,aAAN,CAAoB,CAClBQ,CAAC,CAAEV,CAAa,CAACU,CADC,CAElBJ,KAAK,CAAE,CAACN,CAAa,CAACM,KAAf,QAFW,CAApB,CAID,CACF,CACF"}
+{"version":3,"file":"getHandleSelectDate.js","names":["isDefined","getHandleSelectDate","props","callbackProps","onChange","onChangeRange","currentValue","Array","isArray","value","startDate","endDate","isEqualUnit","e"],"sources":["../../../../../../src/components/DateTime/helpers/getHandleSelectDate.ts"],"sourcesContent":["import { isDefined } from '../../../utils/type-guards';\nimport { DateRange } from '../../../utils/types/Date';\nimport {\n  CapableRangeType,\n  DateTimePropOnChange,\n  DateTimePropOnChangeRange,\n  DateTimePropValue,\n  HandleSelectDate,\n} from './types';\n\ntype GetHandleSelectDateProps = {\n  isEqualUnit: (date1: Date, date2: Date) => boolean;\n  value?: DateTimePropValue<CapableRangeType>;\n  onChange?: DateTimePropOnChange;\n  onChangeRange?: DateTimePropOnChangeRange<CapableRangeType>;\n  minDate?: Date;\n  maxDate?: Date;\n};\n\nexport function getHandleSelectDate(\n  props: GetHandleSelectDateProps,\n): HandleSelectDate {\n  return (callbackProps) => {\n    if (typeof props.onChange === 'function') {\n      props.onChange(callbackProps);\n    }\n\n    if (typeof props.onChangeRange === 'function') {\n      const currentValue: DateRange = (Array.isArray(props.value)\n        ? props.value\n        : [props.value, undefined]) || [undefined, undefined];\n\n      const [startDate, endDate] = currentValue;\n\n      if (\n        isDefined(startDate) &&\n        props.isEqualUnit(startDate, callbackProps.value)\n      ) {\n        return props.onChangeRange({\n          e: callbackProps.e,\n          value: [endDate, undefined],\n        });\n      }\n\n      if (\n        isDefined(endDate) &&\n        props.isEqualUnit(endDate, callbackProps.value)\n      ) {\n        return props.onChangeRange({\n          e: callbackProps.e,\n          value: [startDate, undefined],\n        });\n      }\n\n      if (isDefined(startDate)) {\n        return props.onChangeRange({\n          e: callbackProps.e,\n          value:\n            startDate > callbackProps.value\n              ? [callbackProps.value, startDate]\n              : [startDate, callbackProps.value],\n        });\n      }\n\n      if (isDefined(endDate)) {\n        return props.onChangeRange({\n          e: callbackProps.e,\n          value:\n            endDate > callbackProps.value\n              ? [callbackProps.value, endDate]\n              : [endDate, callbackProps.value],\n        });\n      }\n\n      props.onChangeRange({\n        e: callbackProps.e,\n        value: [callbackProps.value, undefined],\n      });\n    }\n  };\n}\n"],"mappings":"iEAAA,OAASA,SAAT,kCAmBA,MAAO,SAASC,oBAAT,CACLC,CADK,CAEa,CAClB,MAAO,UAACC,CAAD,CAAmB,CAKxB,GAJ8B,UAA1B,QAAOD,EAAK,CAACE,QAIjB,EAHEF,CAAK,CAACE,QAAN,CAAeD,CAAf,CAGF,CAAmC,UAA/B,QAAOD,EAAK,CAACG,aAAjB,CAA+C,IACvCC,EAAuB,CAAG,CAACC,KAAK,CAACC,OAAN,CAAcN,CAAK,CAACO,KAApB,EAC7BP,CAAK,CAACO,KADuB,CAE7B,CAACP,CAAK,CAACO,KAAP,QAF4B,GAEC,eAHY,kBAKhBH,CALgB,IAKtCI,CALsC,MAK3BC,CAL2B,MAO7C,GACEX,SAAS,CAACU,CAAD,CAAT,EACAR,CAAK,CAACU,WAAN,CAAkBF,CAAlB,CAA6BP,CAAa,CAACM,KAA3C,CAFF,CAIE,MAAOP,EAAK,CAACG,aAAN,CAAoB,CACzBQ,CAAC,CAAEV,CAAa,CAACU,CADQ,CAEzBJ,KAAK,CAAE,CAACE,CAAD,QAFkB,CAApB,CAAP,CAMF,GACEX,SAAS,CAACW,CAAD,CAAT,EACAT,CAAK,CAACU,WAAN,CAAkBD,CAAlB,CAA2BR,CAAa,CAACM,KAAzC,CAFF,CAIE,MAAOP,EAAK,CAACG,aAAN,CAAoB,CACzBQ,CAAC,CAAEV,CAAa,CAACU,CADQ,CAEzBJ,KAAK,CAAE,CAACC,CAAD,QAFkB,CAApB,CAAP,CAMF,GAAIV,SAAS,CAACU,CAAD,CAAb,CACE,MAAOR,EAAK,CAACG,aAAN,CAAoB,CACzBQ,CAAC,CAAEV,CAAa,CAACU,CADQ,CAEzBJ,KAAK,CACHC,CAAS,CAAGP,CAAa,CAACM,KAA1B,CACI,CAACN,CAAa,CAACM,KAAf,CAAsBC,CAAtB,CADJ,CAEI,CAACA,CAAD,CAAYP,CAAa,CAACM,KAA1B,CALmB,CAApB,CAAP,CASF,GAAIT,SAAS,CAACW,CAAD,CAAb,CACE,MAAOT,EAAK,CAACG,aAAN,CAAoB,CACzBQ,CAAC,CAAEV,CAAa,CAACU,CADQ,CAEzBJ,KAAK,CACHE,CAAO,CAAGR,CAAa,CAACM,KAAxB,CACI,CAACN,CAAa,CAACM,KAAf,CAAsBE,CAAtB,CADJ,CAEI,CAACA,CAAD,CAAUR,CAAa,CAACM,KAAxB,CALmB,CAApB,CAAP,CASFP,CAAK,CAACG,aAAN,CAAoB,CAClBQ,CAAC,CAAEV,CAAa,CAACU,CADC,CAElBJ,KAAK,CAAE,CAACN,CAAa,CAACM,KAAf,QAFW,CAApB,CAID,CACF,CACF"}

package/__internal__/src/components/DateTime/helpers/types.d.ts

@@ -8,13 +8,13 @@ export declare const dateTimePropType: readonly ["date", "month", "year", "time"
 export declare type DateTimePropType = typeof dateTimePropType[number];
 export declare const dateTimePropTypeDefault: "date";
 export declare type DateTimePropDisableDates = Array<Date | [Date, Date]>;
-export declare type СapableRangeType = 'date' | 'month' | 'year' | 'date-time';
-export declare type DateTimePropValue<TYPE> = TYPE extends СapableRangeType ? Date | DateRange : Date;
+export declare type CapableRangeType = 'date' | 'month' | 'year' | 'date-time';
+export declare type DateTimePropValue<TYPE> = TYPE extends CapableRangeType ? Date | DateRange : Date;
 export declare type DateTimePropOnChange = (props: {
     value: Date;
     e: React.MouseEvent<HTMLButtonElement>;
 }) => void;
-export declare type DateTimePropOnChangeRange<TYPE> = TYPE extends СapableRangeType ? (props: {
+export declare type DateTimePropOnChangeRange<TYPE> = TYPE extends CapableRangeType ? (props: {
     value: DateRange;
     e: React.MouseEvent<HTMLButtonElement>;
 }) => void : never;
@@ -38,7 +38,7 @@ export declare type DateTimeProps<TYPE extends DateTimePropType = 'date'> = Prop
     minDate?: Date;
     maxDate?: Date;
     events?: Date[];
-    view?: TYPE extends СapableRangeType ? DateTimePropView : 'classic';
+    view?: TYPE extends CapableRangeType ? DateTimePropView : 'classic';
     locale?: DateTimePropLocale;
     children?: never;
     disableDates?: DateTimePropDisableDates;

package/__internal__/src/components/DateTime/helpers/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["dateTimePropView","dateTimePropViewDefault","dateTimePropType","dateTimePropTypeDefault","moveTypes"],"sources":["../../../../../../src/components/DateTime/helpers/types.ts"],"sourcesContent":["import { DateRange } from '../../../utils/types/Date';\nimport { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';\n\nexport const dateTimePropView = ['classic', 'book', 'slider'] as const;\nexport type DateTimePropView = typeof dateTimePropView[number];\nexport const dateTimePropViewDefault = dateTimePropView[0];\n\nexport const dateTimePropType = [\n  'date',\n  'month',\n  'year',\n  'time',\n  'date-time',\n] as const;\nexport type DateTimePropType = typeof dateTimePropType[number];\nexport const dateTimePropTypeDefault = dateTimePropType[0];\n\nexport type DateTimePropDisableDates = Array<Date | [Date, Date]>;\n\nexport type СapableRangeType = 'date' | 'month' | 'year' | 'date-time';\n\nexport type DateTimePropValue<TYPE> = TYPE extends СapableRangeType\n  ? Date | DateRange\n  : Date;\n\nexport type DateTimePropOnChange = (props: {\n  value: Date;\n  e: React.MouseEvent<HTMLButtonElement>;\n}) => void;\n\nexport type DateTimePropOnChangeRange<TYPE> = TYPE extends СapableRangeType\n  ? (props: {\n      value: DateRange;\n      e: React.MouseEvent<HTMLButtonElement>;\n    }) => void\n  : never;\n\ntype LocaleWords = {\n  words?: {\n    hours?: string;\n    minutes?: string;\n    seconds?: string;\n  };\n};\n\nexport type DateTimePropLocale = Locale & LocaleWords;\n\nexport const moveTypes = ['year', 'month', 'day', 'time'] as const;\nexport type MoveType = typeof moveTypes[number];\n\ntype DateTimePropTimeFor<TYPE> = TYPE extends 'date-time'\n  ? 'start' | 'end'\n  : never;\n\nexport type DateTimeProps<TYPE extends DateTimePropType = 'date'> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      currentVisibleDate?: Date;\n      type?: TYPE;\n      value?: DateTimePropValue<TYPE>;\n      onChange?: DateTimePropOnChange;\n      onChangeRange?: DateTimePropOnChangeRange<TYPE>;\n      minDate?: Date;\n      maxDate?: Date;\n      events?: Date[];\n      view?: TYPE extends СapableRangeType ? DateTimePropView : 'classic';\n      locale?: DateTimePropLocale;\n      children?: never;\n      disableDates?: DateTimePropDisableDates;\n      onChangeCurrentVisibleDate?: (date: Date) => void;\n      multiplicitySeconds?: number;\n      multiplicityMinutes?: number;\n      multiplicityHours?: number;\n      onMove?: (type: MoveType) => void;\n      timeFor?: DateTimePropTimeFor<TYPE>;\n    },\n    HTMLDivElement\n  >;\n\nexport type DateTimeComponent = <TYPE extends DateTimePropType = 'date'>(\n  props: DateTimeProps<TYPE>,\n) => React.ReactElement | null;\n\nexport type DateTimeTypeComponent<TYPE extends DateTimePropType> = (\n  props: Omit<DateTimeProps<TYPE>, 'type'>,\n) => React.ReactElement | null;\n\nexport type HandleSelectDate = (props: {\n  value: Date;\n  e: React.MouseEvent<HTMLButtonElement>;\n}) => void;\n"],"mappings":"AAGA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,SAAD,CAAY,MAAZ,CAAoB,QAApB,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,iBAAgB,CAAG,CAC9B,MAD8B,CAE9B,OAF8B,CAG9B,MAH8B,CAI9B,MAJ8B,CAK9B,WAL8B,CAAzB,CAQP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAgCP,MAAO,IAAME,UAAS,CAAG,CAAC,MAAD,CAAS,OAAT,CAAkB,KAAlB,CAAyB,MAAzB,CAAlB"}
+{"version":3,"file":"types.js","names":["dateTimePropView","dateTimePropViewDefault","dateTimePropType","dateTimePropTypeDefault","moveTypes"],"sources":["../../../../../../src/components/DateTime/helpers/types.ts"],"sourcesContent":["import { DateRange } from '../../../utils/types/Date';\nimport { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';\n\nexport const dateTimePropView = ['classic', 'book', 'slider'] as const;\nexport type DateTimePropView = typeof dateTimePropView[number];\nexport const dateTimePropViewDefault = dateTimePropView[0];\n\nexport const dateTimePropType = [\n  'date',\n  'month',\n  'year',\n  'time',\n  'date-time',\n] as const;\nexport type DateTimePropType = typeof dateTimePropType[number];\nexport const dateTimePropTypeDefault = dateTimePropType[0];\n\nexport type DateTimePropDisableDates = Array<Date | [Date, Date]>;\n\nexport type CapableRangeType = 'date' | 'month' | 'year' | 'date-time';\n\nexport type DateTimePropValue<TYPE> = TYPE extends CapableRangeType\n  ? Date | DateRange\n  : Date;\n\nexport type DateTimePropOnChange = (props: {\n  value: Date;\n  e: React.MouseEvent<HTMLButtonElement>;\n}) => void;\n\nexport type DateTimePropOnChangeRange<TYPE> = TYPE extends CapableRangeType\n  ? (props: {\n      value: DateRange;\n      e: React.MouseEvent<HTMLButtonElement>;\n    }) => void\n  : never;\n\ntype LocaleWords = {\n  words?: {\n    hours?: string;\n    minutes?: string;\n    seconds?: string;\n  };\n};\n\nexport type DateTimePropLocale = Locale & LocaleWords;\n\nexport const moveTypes = ['year', 'month', 'day', 'time'] as const;\nexport type MoveType = typeof moveTypes[number];\n\ntype DateTimePropTimeFor<TYPE> = TYPE extends 'date-time'\n  ? 'start' | 'end'\n  : never;\n\nexport type DateTimeProps<TYPE extends DateTimePropType = 'date'> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      currentVisibleDate?: Date;\n      type?: TYPE;\n      value?: DateTimePropValue<TYPE>;\n      onChange?: DateTimePropOnChange;\n      onChangeRange?: DateTimePropOnChangeRange<TYPE>;\n      minDate?: Date;\n      maxDate?: Date;\n      events?: Date[];\n      view?: TYPE extends CapableRangeType ? DateTimePropView : 'classic';\n      locale?: DateTimePropLocale;\n      children?: never;\n      disableDates?: DateTimePropDisableDates;\n      onChangeCurrentVisibleDate?: (date: Date) => void;\n      multiplicitySeconds?: number;\n      multiplicityMinutes?: number;\n      multiplicityHours?: number;\n      onMove?: (type: MoveType) => void;\n      timeFor?: DateTimePropTimeFor<TYPE>;\n    },\n    HTMLDivElement\n  >;\n\nexport type DateTimeComponent = <TYPE extends DateTimePropType = 'date'>(\n  props: DateTimeProps<TYPE>,\n) => React.ReactElement | null;\n\nexport type DateTimeTypeComponent<TYPE extends DateTimePropType> = (\n  props: Omit<DateTimeProps<TYPE>, 'type'>,\n) => React.ReactElement | null;\n\nexport type HandleSelectDate = (props: {\n  value: Date;\n  e: React.MouseEvent<HTMLButtonElement>;\n}) => void;\n"],"mappings":"AAGA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,SAAD,CAAY,MAAZ,CAAoB,QAApB,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,iBAAgB,CAAG,CAC9B,MAD8B,CAE9B,OAF8B,CAG9B,MAH8B,CAI9B,MAJ8B,CAK9B,WAL8B,CAAzB,CAQP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAgCP,MAAO,IAAME,UAAS,CAAG,CAAC,MAAD,CAAS,OAAT,CAAkB,KAAlB,CAAyB,MAAzB,CAAlB"}

package/__internal__/src/components/DragNDropField/DragNDropFieldTooltip/DragNDropFieldTooltip.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./DragNDropFieldTooltip.css";import React from"react";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{Text}from"../../Text/Text";import{Tooltip}from"../../Tooltip/Tooltip";var cnDragNDropFieldTooltip=cn("DragNDropFieldTooltip");export var DragNDropFieldTooltip=function(a){var b=a.anchorRef,c=a.errors,d=React.useState(!1),e=_slicedToArray(d,2),f=e[0],g=e[1];return React.useEffect(function(){g(!1)},[c]),f||0===c.length?null:React.createElement(Tooltip,{anchorRef:b,status:"alert",size:"l",isInteractive:!1,onClickOutside:function onClickOutside(){return g(!0)}},React.createElement(Text,{size:"s",className:cnDragNDropFieldTooltip("Text")},1===c.length?c[0]:React.createElement("ul",{className:cnDragNDropFieldTooltip("List",[cnMixSpace({pL:"xl"})])},c.map(function(a){return React.createElement("li",{key:a},a)}))))};
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"./DragNDropFieldTooltip.css";import React,{useEffect}from"react";import{Text}from"../../Text/Text";import{Tooltip}from"../../TooltipCanary";import{useFlag}from"../../../hooks/useFlag";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";var cnDragNDropFieldTooltip=cn("DragNDropFieldTooltip");export var DragNDropFieldTooltip=function(a){var b=a.anchorRef,c=a.errors,d=useFlag(),e=_slicedToArray(d,2),f=e[0],g=e[1];return useEffect(function(){g[0<c.length?"on":"off"]()},[c]),React.createElement(Tooltip,{isOpen:f,anchorRef:b,status:"alert",size:"l",isInteractive:!1,onClickOutside:g.off},React.createElement(Text,{size:"s",className:cnDragNDropFieldTooltip("Text")},1===c.length?c[0]:React.createElement("ul",{className:cnDragNDropFieldTooltip("List",[cnMixSpace({pL:"xl"})])},c.map(function(a){return React.createElement("li",{key:a},a)}))))};
 //# sourceMappingURL=DragNDropFieldTooltip.js.map

package/__internal__/src/components/DragNDropField/DragNDropFieldTooltip/DragNDropFieldTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragNDropFieldTooltip.js","names":["React","cnMixSpace","cn","Text","Tooltip","cnDragNDropFieldTooltip","DragNDropFieldTooltip","anchorRef","errors","useState","isHidden","setIsHidden","useEffect","length","pL","map","error"],"sources":["../../../../../../src/components/DragNDropField/DragNDropFieldTooltip/DragNDropFieldTooltip.tsx"],"sourcesContent":["import './DragNDropFieldTooltip.css';\n\nimport React from 'react';\n\nimport { cnMixSpace } from '##/mixs/MixSpace';\n\nimport { cn } from '../../../utils/bem';\nimport { Text } from '../../Text/Text';\nimport { Tooltip } from '../../Tooltip/Tooltip';\n\ntype DragNDropFieldTooltipProps = {\n  anchorRef: React.RefObject<HTMLElement>;\n  errors: string[];\n};\n\nconst cnDragNDropFieldTooltip = cn('DragNDropFieldTooltip');\n\nexport const DragNDropFieldTooltip: React.FC<DragNDropFieldTooltipProps> = ({\n  anchorRef,\n  errors,\n}) => {\n  const [isHidden, setIsHidden] = React.useState(false);\n\n  React.useEffect(() => {\n    setIsHidden(false);\n  }, [errors]);\n\n  return isHidden || errors.length === 0 ? null : (\n    <Tooltip\n      anchorRef={anchorRef}\n      status=\"alert\"\n      size=\"l\"\n      isInteractive={false}\n      onClickOutside={() => setIsHidden(true)}\n    >\n      <Text size=\"s\" className={cnDragNDropFieldTooltip('Text')}>\n        {errors.length === 1 ? (\n          errors[0]\n        ) : (\n          <ul\n            className={cnDragNDropFieldTooltip('List', [\n              cnMixSpace({ pL: 'xl' }),\n            ])}\n          >\n            {errors.map((error) => (\n              <li key={error}>{error}</li>\n            ))}\n          </ul>\n        )}\n      </Text>\n    </Tooltip>\n  );\n};\n"],"mappings":"iEAAA,oCAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,UAAT,8BAEA,OAASC,EAAT,0BACA,OAASC,IAAT,uBACA,OAASC,OAAT,6BAOA,GAAMC,wBAAuB,CAAGH,EAAE,CAAC,uBAAD,CAAlC,CAEA,MAAO,IAAMI,sBAA2D,CAAG,WAGrE,IAFJC,EAEI,GAFJA,SAEI,CADJC,CACI,GADJA,MACI,GAC4BR,KAAK,CAACS,QAAN,IAD5B,uBACGC,CADH,MACaC,CADb,MAOJ,MAJAX,MAAK,CAACY,SAAN,CAAgB,UAAM,CACpBD,CAAW,IACZ,CAFD,CAEG,CAACH,CAAD,CAFH,CAIA,CAAOE,CAAQ,EAAsB,CAAlB,GAAAF,CAAM,CAACK,MAAnB,CAAkC,IAAlC,CACL,oBAAC,OAAD,EACE,SAAS,CAAEN,CADb,CAEE,MAAM,CAAC,OAFT,CAGE,IAAI,CAAC,GAHP,CAIE,aAAa,GAJf,CAKE,cAAc,CAAE,gCAAMI,EAAW,IAAjB,CALlB,EAOE,oBAAC,IAAD,EAAM,IAAI,CAAC,GAAX,CAAe,SAAS,CAAEN,uBAAuB,CAAC,MAAD,CAAjD,EACqB,CAAlB,GAAAG,CAAM,CAACK,MAAP,CACCL,CAAM,CAAC,CAAD,CADP,CAGC,0BACE,SAAS,CAAEH,uBAAuB,CAAC,MAAD,CAAS,CACzCJ,UAAU,CAAC,CAAEa,EAAE,CAAE,IAAN,CAAD,CAD+B,CAAT,CADpC,EAKGN,CAAM,CAACO,GAAP,CAAW,SAACC,CAAD,QACV,2BAAI,GAAG,CAAEA,CAAT,EAAiBA,CAAjB,CADU,CAAX,CALH,CAJJ,CAPF,CAwBH,CAnCM"}
+{"version":3,"file":"DragNDropFieldTooltip.js","names":["React","useEffect","Text","Tooltip","useFlag","cnMixSpace","cn","cnDragNDropFieldTooltip","DragNDropFieldTooltip","anchorRef","errors","isHidden","setIsOpen","length","off","pL","map","error"],"sources":["../../../../../../src/components/DragNDropField/DragNDropFieldTooltip/DragNDropFieldTooltip.tsx"],"sourcesContent":["import './DragNDropFieldTooltip.css';\n\nimport React, { useEffect } from 'react';\n\nimport { Text } from '##/components/Text/Text';\nimport { Tooltip } from '##/components/TooltipCanary';\nimport { useFlag } from '##/hooks/useFlag';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\n\ntype DragNDropFieldTooltipProps = {\n  anchorRef: React.RefObject<HTMLElement>;\n  errors: string[];\n};\n\nconst cnDragNDropFieldTooltip = cn('DragNDropFieldTooltip');\n\nexport const DragNDropFieldTooltip: React.FC<DragNDropFieldTooltipProps> = ({\n  anchorRef,\n  errors,\n}) => {\n  const [isHidden, setIsOpen] = useFlag();\n\n  useEffect(() => {\n    setIsOpen[errors.length > 0 ? 'on' : 'off']();\n  }, [errors]);\n\n  return (\n    <Tooltip\n      isOpen={isHidden}\n      anchorRef={anchorRef}\n      status=\"alert\"\n      size=\"l\"\n      isInteractive={false}\n      onClickOutside={setIsOpen.off}\n    >\n      <Text size=\"s\" className={cnDragNDropFieldTooltip('Text')}>\n        {errors.length === 1 ? (\n          errors[0]\n        ) : (\n          <ul\n            className={cnDragNDropFieldTooltip('List', [\n              cnMixSpace({ pL: 'xl' }),\n            ])}\n          >\n            {errors.map((error) => (\n              <li key={error}>{error}</li>\n            ))}\n          </ul>\n        )}\n      </Text>\n    </Tooltip>\n  );\n};\n"],"mappings":"iEAAA,oCAEA,MAAOA,MAAP,EAAgBC,SAAhB,KAAiC,OAAjC,CAEA,OAASC,IAAT,uBACA,OAASC,OAAT,2BACA,OAASC,OAAT,8BACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAOA,GAAMC,wBAAuB,CAAGD,EAAE,CAAC,uBAAD,CAAlC,CAEA,MAAO,IAAME,sBAA2D,CAAG,WAGrE,IAFJC,EAEI,GAFJA,SAEI,CADJC,CACI,GADJA,MACI,GAC0BN,OAAO,EADjC,uBACGO,CADH,MACaC,CADb,MAOJ,MAJAX,UAAS,CAAC,UAAM,CACdW,CAAS,CAAiB,CAAhB,CAAAF,CAAM,CAACG,MAAP,CAAoB,IAApB,CAA2B,KAA5B,CAAT,EACD,CAFQ,CAEN,CAACH,CAAD,CAFM,CAIT,CACE,oBAAC,OAAD,EACE,MAAM,CAAEC,CADV,CAEE,SAAS,CAAEF,CAFb,CAGE,MAAM,CAAC,OAHT,CAIE,IAAI,CAAC,GAJP,CAKE,aAAa,GALf,CAME,cAAc,CAAEG,CAAS,CAACE,GAN5B,EAQE,oBAAC,IAAD,EAAM,IAAI,CAAC,GAAX,CAAe,SAAS,CAAEP,uBAAuB,CAAC,MAAD,CAAjD,EACqB,CAAlB,GAAAG,CAAM,CAACG,MAAP,CACCH,CAAM,CAAC,CAAD,CADP,CAGC,0BACE,SAAS,CAAEH,uBAAuB,CAAC,MAAD,CAAS,CACzCF,UAAU,CAAC,CAAEU,EAAE,CAAE,IAAN,CAAD,CAD+B,CAAT,CADpC,EAKGL,CAAM,CAACM,GAAP,CAAW,SAACC,CAAD,QACV,2BAAI,GAAG,CAAEA,CAAT,EAAiBA,CAAjB,CADU,CAAX,CALH,CAJJ,CARF,CAyBH,CApCM"}

package/__internal__/src/components/Loader/Loader.css

@@ -1,3 +1,3 @@
 .Loader{--backgroundColor:var(
       --loaderBackgroundColor,var(--color-control-bg-primary)
-    );height:calc(100% - var(--loader-size));left:50%;position:relative;top:50%;transform:translate(-50%,-50%);width:100%}.Loader:before{animation:loader 1s ease infinite;background:var(--backgroundColor);border-radius:50%;content:"";height:var(--loader-size);left:calc(50% - var(--loader-size)*2.5);position:absolute;top:calc(50% - var(--loader-size)*.5);width:var(--loader-size)}.Loader:after{animation:loader 1s ease -.36s infinite;background:var(--backgroundColor);border-radius:50%;content:"";height:var(--loader-size);left:calc(50% + var(--loader-size)*1.5);position:absolute;top:calc(50% - var(--loader-size)*.5);width:var(--loader-size)}.Loader-Dot{animation:loader 1s ease -.18s infinite;background:var(--backgroundColor);border-radius:50%;height:var(--loader-size);left:calc(50% - var(--loader-size)*.5);position:absolute;top:calc(50% - var(--loader-size)*.5);width:var(--loader-size)}.Loader_size_s{--loader-size:4px}.Loader_size_m{--loader-size:8px}@keyframes loader{50%{transform:scale(1.5)}}
+    );height:calc(100% - var(--loader-size));left:50%;position:relative;top:50%;transform:translate(-50%,-50%);width:100%}.Loader:before{animation:loader 1s ease infinite;background:var(--backgroundColor);border-radius:50%;content:"";height:var(--loader-size);left:calc(50% - var(--loader-size)*2 - var(--loader-gap));position:absolute;top:calc(50% - var(--loader-size)*.5);width:var(--loader-size)}.Loader:after{animation:loader 1s ease -.36s infinite;background:var(--backgroundColor);border-radius:50%;content:"";height:var(--loader-size);left:calc(50% + var(--loader-size) + var(--loader-gap));position:absolute;top:calc(50% - var(--loader-size)*.5);width:var(--loader-size)}.Loader-Dot{animation:loader 1s ease -.18s infinite;background:var(--backgroundColor);border-radius:50%;height:var(--loader-size);left:calc(50% - var(--loader-size)*.5);position:absolute;top:calc(50% - var(--loader-size)*.5);width:var(--loader-size)}.Loader_size_xs{--loader-size:var(--space-2xs);--loader-gap:var(--space-3xs)}.Loader_size_s{--loader-size:var(--space-2xs);--loader-gap:var(--space-2xs)}.Loader_size_m{--loader-size:var(--space-xs);--loader-gap:calc(var(--space-xs) - var(--space-3xs))}@keyframes loader{50%{transform:scale(1.5)}}

package/__internal__/src/components/Loader/Loader.d.ts

@@ -1,7 +1,7 @@
 import './Loader.css';
 import React from 'react';
 import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
-export declare const loaderPropSize: readonly ["m", "s"];
+export declare const loaderPropSize: readonly ["m", "s", "xs"];
 export declare type LoaderPropSize = typeof loaderPropSize[number];
 export declare const loaderPropSizeDefault: LoaderPropSize;
 declare type Props = {

package/__internal__/src/components/Loader/Loader.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","size"];import"./Loader.css";import React from"react";import{cn}from"../../utils/bem";export var loaderPropSize=["m","s"];export var loaderPropSizeDefault=loaderPropSize[0];export var cnLoader=cn("Loader");export var Loader=React.forwardRef(function(a,b){var c=a.className,d=a.size,e=void 0===d?loaderPropSizeDefault:d,f=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},f,{ref:b,className:cnLoader({size:e},[c])}),React.createElement("div",{className:cnLoader("Dot")}))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","size"];import"./Loader.css";import React from"react";import{cn}from"../../utils/bem";export var loaderPropSize=["m","s","xs"];export var loaderPropSizeDefault=loaderPropSize[0];export var cnLoader=cn("Loader");export var Loader=React.forwardRef(function(a,b){var c=a.className,d=a.size,e=void 0===d?loaderPropSizeDefault:d,f=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},f,{ref:b,className:cnLoader({size:e},[c])}),React.createElement("div",{className:cnLoader("Dot")}))});
 //# sourceMappingURL=Loader.js.map

package/__internal__/src/components/Loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","names":["React","cn","loaderPropSize","loaderPropSizeDefault","cnLoader","Loader","forwardRef","props","ref","className","size","otherProps"],"sources":["../../../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import './Loader.css';\n\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const loaderPropSize = ['m', 's'] as const;\nexport type LoaderPropSize = typeof loaderPropSize[number];\nexport const loaderPropSizeDefault: LoaderPropSize = loaderPropSize[0];\n\ntype Props = {\n  size?: LoaderPropSize;\n  children?: never;\n};\n\nexport type LoaderProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;\n\nexport const cnLoader = cn('Loader');\n\nexport const Loader = React.forwardRef<HTMLDivElement, LoaderProps>(\n  (props, ref) => {\n    const { className, size = loaderPropSizeDefault, ...otherProps } = props;\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnLoader({ size }, [className])}\n      >\n        <div className={cnLoader('Dot')} />\n      </div>\n    );\n  },\n);\n"],"mappings":"wHAAA,qBAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,uBAGA,MAAO,IAAMC,eAAc,CAAG,CAAC,GAAD,CAAM,GAAN,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CASP,MAAO,IAAME,SAAQ,CAAGH,EAAE,CAAC,QAAD,CAAnB,CAEP,MAAO,IAAMI,OAAM,CAAGL,KAAK,CAACM,UAAN,CACpB,SAACC,CAAD,CAAQC,CAAR,CAAgB,CACd,GAAQC,EAAR,CAAmEF,CAAnE,CAAQE,SAAR,GAAmEF,CAAnE,CAAmBG,IAAnB,CAAmBA,CAAnB,YAA0BP,qBAA1B,GAAoDQ,CAApD,0BAAmEJ,CAAnE,YACA,MACE,4CACMI,CADN,EAEE,GAAG,CAAEH,CAFP,CAGE,SAAS,CAAEJ,QAAQ,CAAC,CAAEM,IAAI,CAAJA,CAAF,CAAD,CAAW,CAACD,CAAD,CAAX,CAHrB,GAKE,2BAAK,SAAS,CAAEL,QAAQ,CAAC,KAAD,CAAxB,EALF,CAQH,CAZmB,CAAf"}
+{"version":3,"file":"Loader.js","names":["React","cn","loaderPropSize","loaderPropSizeDefault","cnLoader","Loader","forwardRef","props","ref","className","size","otherProps"],"sources":["../../../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import './Loader.css';\n\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const loaderPropSize = ['m', 's', 'xs'] as const;\nexport type LoaderPropSize = typeof loaderPropSize[number];\nexport const loaderPropSizeDefault: LoaderPropSize = loaderPropSize[0];\n\ntype Props = {\n  size?: LoaderPropSize;\n  children?: never;\n};\n\nexport type LoaderProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;\n\nexport const cnLoader = cn('Loader');\n\nexport const Loader = React.forwardRef<HTMLDivElement, LoaderProps>(\n  (props, ref) => {\n    const { className, size = loaderPropSizeDefault, ...otherProps } = props;\n    return (\n      <div\n        {...otherProps}\n        ref={ref}\n        className={cnLoader({ size }, [className])}\n      >\n        <div className={cnLoader('Dot')} />\n      </div>\n    );\n  },\n);\n"],"mappings":"wHAAA,qBAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,uBAGA,MAAO,IAAMC,eAAc,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,IAAX,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CASP,MAAO,IAAME,SAAQ,CAAGH,EAAE,CAAC,QAAD,CAAnB,CAEP,MAAO,IAAMI,OAAM,CAAGL,KAAK,CAACM,UAAN,CACpB,SAACC,CAAD,CAAQC,CAAR,CAAgB,CACd,GAAQC,EAAR,CAAmEF,CAAnE,CAAQE,SAAR,GAAmEF,CAAnE,CAAmBG,IAAnB,CAAmBA,CAAnB,YAA0BP,qBAA1B,GAAoDQ,CAApD,0BAAmEJ,CAAnE,YACA,MACE,4CACMI,CADN,EAEE,GAAG,CAAEH,CAFP,CAGE,SAAS,CAAEJ,QAAQ,CAAC,CAAEM,IAAI,CAAJA,CAAF,CAAD,CAAW,CAACD,CAAD,CAAX,CAHrB,GAKE,2BAAK,SAAS,CAAEL,QAAQ,CAAC,KAAD,CAAxB,EALF,CAQH,CAZmB,CAAf"}

package/__internal__/src/components/LoaderCanary/Loader.css

@@ -1,3 +1,3 @@
 .canary--Loader{--backgroundColor:var(
       --loaderBackgroundColor,var(--color-control-bg-primary)
-    );display:inline-flex;gap:var(--loader-gap);padding:calc(var(--loader-size)*.25)}.canary--Loader-Dot{animation:var(--loader-dot-animation);background:var(--backgroundColor);border-radius:50%;height:var(--loader-size);width:var(--loader-size)}.canary--Loader-Dot_side_left{--loader-dot-animation:loader 1s ease infinite}.canary--Loader-Dot_side_center{--loader-dot-animation:loader 1s -0.18s ease infinite}.canary--Loader-Dot_side_right{--loader-dot-animation:loader 1s -0.36s ease infinite}.canary--Loader_size_s{--loader-size:var(--space-2xs);--loader-gap:var(--space-2xs)}.canary--Loader_size_m{--loader-size:var(--space-xs);--loader-gap:calc(var(--space-xs) - var(--space-3xs))}@keyframes loader{50%{transform:scale(1.5)}}
+    );display:inline-flex;gap:var(--loader-gap);padding:calc(var(--loader-size)*.25)}.canary--Loader-Dot{animation:var(--loader-dot-animation);background:var(--backgroundColor);border-radius:50%;height:var(--loader-size);width:var(--loader-size)}.canary--Loader-Dot_side_left{--loader-dot-animation:loader 1s ease infinite}.canary--Loader-Dot_side_center{--loader-dot-animation:loader 1s -0.18s ease infinite}.canary--Loader-Dot_side_right{--loader-dot-animation:loader 1s -0.36s ease infinite}.canary--Loader_size_xs{--loader-size:var(--space-2xs);--loader-gap:var(--space-3xs)}.canary--Loader_size_s{--loader-size:var(--space-2xs);--loader-gap:var(--space-2xs)}.canary--Loader_size_m{--loader-size:var(--space-xs);--loader-gap:calc(var(--space-xs) - var(--space-3xs))}@keyframes loader{50%{transform:scale(1.5)}}

package/__internal__/src/components/LoaderCanary/LoaderCanary.d.ts

@@ -2,9 +2,9 @@ import './Loader.css';
 import React from 'react';
 export declare const cnLoader: import("@bem-react/classname").ClassNameFormatter;
 export declare const Loader: React.ForwardRefExoticComponent<{
-    size?: "m" | "s" | undefined;
+    size?: "m" | "s" | "xs" | undefined;
     children?: undefined;
 } & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | keyof {
-    size?: "m" | "s" | undefined;
+    size?: "m" | "s" | "xs" | undefined;
     children?: undefined;
 }> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/LoaderCanary/types.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
-export declare const loaderPropSize: readonly ["m", "s"];
+export declare const loaderPropSize: readonly ["m", "s", "xs"];
 export declare type LoaderPropSize = typeof loaderPropSize[number];
 export declare const loaderPropSizeDefault: LoaderPropSize;
 declare type Props = {

package/__internal__/src/components/LoaderCanary/types.js

@@ -1,2 +1,2 @@
-export var loaderPropSize=["m","s"];export var loaderPropSizeDefault=loaderPropSize[0];
+export var loaderPropSize=["m","s","xs"];export var loaderPropSizeDefault=loaderPropSize[0];
 //# sourceMappingURL=types.js.map

package/__internal__/src/components/LoaderCanary/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["loaderPropSize","loaderPropSizeDefault"],"sources":["../../../../../src/components/LoaderCanary/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const loaderPropSize = ['m', 's'] as const;\nexport type LoaderPropSize = typeof loaderPropSize[number];\nexport const loaderPropSizeDefault: LoaderPropSize = loaderPropSize[0];\n\ntype Props = {\n  size?: LoaderPropSize;\n  children?: never;\n};\n\nexport type LoaderProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;\n"],"mappings":"AAEA,MAAO,IAAMA,eAAc,CAAG,CAAC,GAAD,CAAM,GAAN,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D"}
+{"version":3,"file":"types.js","names":["loaderPropSize","loaderPropSizeDefault"],"sources":["../../../../../src/components/LoaderCanary/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport const loaderPropSize = ['m', 's', 'xs'] as const;\nexport type LoaderPropSize = typeof loaderPropSize[number];\nexport const loaderPropSizeDefault: LoaderPropSize = loaderPropSize[0];\n\ntype Props = {\n  size?: LoaderPropSize;\n  children?: never;\n};\n\nexport type LoaderProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;\n"],"mappings":"AAEA,MAAO,IAAMA,eAAc,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,IAAX,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D"}

package/__internal__/src/components/PaginationCanary/Pagination.css

@@ -0,0 +1 @@
+.canary--Pagination{max-width:100%}

package/__internal__/src/components/PaginationCanary/PaginationArrow/PaginationArrow.css

@@ -0,0 +1 @@
+.PaginationArrow-Caption_orientation_start{margin-right:var(--pagination-arrow-caption-offset)}.PaginationArrow-Caption_orientation_end{margin-left:var(--pagination-arrow-caption-offset)}.PaginationArrow-Caption_size_xs{--pagination-arrow-caption-offset:calc(var(--space-xs) + var(--space-3xs))}.PaginationArrow-Caption_size_m,.PaginationArrow-Caption_size_s{--pagination-arrow-caption-offset:var(--space-m)}.PaginationArrow-Caption_size_l{--pagination-arrow-caption-offset:var(--space-l)}

package/__internal__/src/components/PaginationCanary/PaginationArrow/PaginationArrow.d.ts

@@ -0,0 +1,11 @@
+import './PaginationArrow.css';
+import React from 'react';
+export declare const PaginationArrow: React.ForwardRefExoticComponent<{
+    icon?: import("@consta/icons/Icon").IconComponent<"span"> | undefined;
+    form?: "default" | "brick" | "round" | undefined;
+    size?: "m" | "s" | "xs" | "l" | undefined;
+    disabled?: boolean | undefined;
+    orientation?: "start" | "end" | undefined;
+    label?: string | undefined;
+    caption?: string | undefined;
+} & Omit<React.HTMLAttributes<HTMLButtonElement>, "css" | "size" | "caption" | "form" | "label" | "disabled" | "icon" | "orientation"> & React.RefAttributes<HTMLButtonElement>>;

package/__internal__/src/components/PaginationCanary/PaginationArrow/PaginationArrow.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","form","label","caption","icon","orientation","disabled","className","children"];import"./PaginationArrow.css";import React,{forwardRef}from"react";import{Button}from"../../Button";import{Text}from"../../Text";import{cnMixFlex}from"../../../mixs/MixFlex";import{cn}from"../../../utils/bem";import{paginationPropFormDefault,paginationPropSizeDefault}from"../types";var cnPaginationArrow=cn("PaginationArrow");export var PaginationArrow=forwardRef(function(a,b){var c=a.size,d=void 0===c?paginationPropSizeDefault:c,e=a.form,f=void 0===e?paginationPropFormDefault:e,g=a.label,h=a.caption,i=a.icon,j=a.orientation,k=a.disabled,l=a.className,m=a.children,n=_objectWithoutProperties(a,_excluded);return g?React.createElement("div",{className:cnPaginationArrow("Wrapper",[cnMixFlex({flex:"inline-flex",align:"start"===j?"flex-end":"flex-start",direction:"column"})])},React.createElement(Button,Object.assign({size:d,form:f,className:cnPaginationArrow(null,[l]),ref:b,view:"clear",disabled:k,label:g,iconLeft:"start"===j?i:void 0,iconRight:"end"===j?i:void 0},n)),h&&React.createElement(Text,{view:"ghost",size:"xs",lineHeight:"m",className:cnPaginationArrow("Caption",{size:d,orientation:j})},h)):React.createElement(Button,Object.assign({size:d,form:f,disabled:k,onlyIcon:!0,view:"clear",iconLeft:i,className:cnPaginationArrow(null,[l]),ref:b},n))});
+//# sourceMappingURL=PaginationArrow.js.map

package/__internal__/src/components/PaginationCanary/PaginationArrow/PaginationArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationArrow.js","names":["React","forwardRef","Button","Text","cnMixFlex","cn","paginationPropFormDefault","paginationPropSizeDefault","cnPaginationArrow","PaginationArrow","props","ref","size","form","label","caption","icon","orientation","disabled","className","children","otherProps","flex","align","direction"],"sources":["../../../../../../src/components/PaginationCanary/PaginationArrow/PaginationArrow.tsx"],"sourcesContent":["import './PaginationArrow.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { Button } from '##/components/Button';\nimport { Text } from '##/components/Text';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cn } from '##/utils/bem';\n\nimport {\n  PaginationArrowProps,\n  paginationPropFormDefault,\n  paginationPropSizeDefault,\n} from '../types';\n\nconst cnPaginationArrow = cn('PaginationArrow');\n\nexport const PaginationArrow = forwardRef<\n  HTMLButtonElement,\n  PaginationArrowProps\n>((props, ref) => {\n  const {\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    label,\n    caption,\n    icon,\n    orientation,\n    disabled,\n    className,\n    children,\n    ...otherProps\n  } = props;\n\n  if (label) {\n    return (\n      <div\n        className={cnPaginationArrow('Wrapper', [\n          cnMixFlex({\n            flex: 'inline-flex',\n            align: orientation === 'start' ? 'flex-end' : 'flex-start',\n            direction: 'column',\n          }),\n        ])}\n      >\n        <Button\n          size={size}\n          form={form}\n          className={cnPaginationArrow(null, [className])}\n          ref={ref}\n          view=\"clear\"\n          disabled={disabled}\n          label={label}\n          iconLeft={orientation === 'start' ? icon : undefined}\n          iconRight={orientation === 'end' ? icon : undefined}\n          {...otherProps}\n        />\n        {caption && (\n          <Text\n            view=\"ghost\"\n            size=\"xs\"\n            lineHeight=\"m\"\n            className={cnPaginationArrow('Caption', { size, orientation })}\n          >\n            {caption}\n          </Text>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <Button\n      size={size}\n      form={form}\n      disabled={disabled}\n      onlyIcon\n      view=\"clear\"\n      iconLeft={icon}\n      className={cnPaginationArrow(null, [className])}\n      ref={ref}\n      {...otherProps}\n    />\n  );\n});\n"],"mappings":"4LAAA,8BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,MAAT,oBACA,OAASC,IAAT,kBACA,OAASC,SAAT,6BACA,OAASC,EAAT,0BAEA,OAEEC,yBAFF,CAGEC,yBAHF,gBAMA,GAAMC,kBAAiB,CAAGH,EAAE,CAAC,iBAAD,CAA5B,CAEA,MAAO,IAAMI,gBAAe,CAAGR,UAAU,CAGvC,SAACS,CAAD,CAAQC,CAAR,CAAgB,CAChB,MAWID,CAXJ,CACEE,IADF,CACEA,CADF,YACSL,yBADT,KAWIG,CAXJ,CAEEG,IAFF,CAEEA,CAFF,YAESP,yBAFT,GAGEQ,CAHF,CAWIJ,CAXJ,CAGEI,KAHF,CAIEC,CAJF,CAWIL,CAXJ,CAIEK,OAJF,CAKEC,CALF,CAWIN,CAXJ,CAKEM,IALF,CAMEC,CANF,CAWIP,CAXJ,CAMEO,WANF,CAOEC,CAPF,CAWIR,CAXJ,CAOEQ,QAPF,CAQEC,CARF,CAWIT,CAXJ,CAQES,SARF,CASEC,CATF,CAWIV,CAXJ,CASEU,QATF,CAUKC,CAVL,0BAWIX,CAXJ,YADgB,MAcZI,EAdY,CAgBZ,2BACE,SAAS,CAAEN,iBAAiB,CAAC,SAAD,CAAY,CACtCJ,SAAS,CAAC,CACRkB,IAAI,CAAE,aADE,CAERC,KAAK,CAAkB,OAAhB,GAAAN,CAAW,CAAe,UAAf,CAA4B,YAFtC,CAGRO,SAAS,CAAE,QAHH,CAAD,CAD6B,CAAZ,CAD9B,EASE,oBAAC,MAAD,gBACE,IAAI,CAAEZ,CADR,CAEE,IAAI,CAAEC,CAFR,CAGE,SAAS,CAAEL,iBAAiB,CAAC,IAAD,CAAO,CAACW,CAAD,CAAP,CAH9B,CAIE,GAAG,CAAER,CAJP,CAKE,IAAI,CAAC,OALP,CAME,QAAQ,CAAEO,CANZ,CAOE,KAAK,CAAEJ,CAPT,CAQE,QAAQ,CAAkB,OAAhB,GAAAG,CAAW,CAAeD,CAAf,OARvB,CASE,SAAS,CAAkB,KAAhB,GAAAC,CAAW,CAAaD,CAAb,OATxB,EAUMK,CAVN,EATF,CAqBGN,CAAO,EACN,oBAAC,IAAD,EACE,IAAI,CAAC,OADP,CAEE,IAAI,CAAC,IAFP,CAGE,UAAU,CAAC,GAHb,CAIE,SAAS,CAAEP,iBAAiB,CAAC,SAAD,CAAY,CAAEI,IAAI,CAAJA,CAAF,CAAQK,WAAW,CAAXA,CAAR,CAAZ,CAJ9B,EAMGF,CANH,CAtBJ,CAhBY,CAoDd,oBAAC,MAAD,gBACE,IAAI,CAAEH,CADR,CAEE,IAAI,CAAEC,CAFR,CAGE,QAAQ,CAAEK,CAHZ,CAIE,QAAQ,GAJV,CAKE,IAAI,CAAC,OALP,CAME,QAAQ,CAAEF,CANZ,CAOE,SAAS,CAAER,iBAAiB,CAAC,IAAD,CAAO,CAACW,CAAD,CAAP,CAP9B,CAQE,GAAG,CAAER,CARP,EASMU,CATN,EAYH,CAnEwC,CAAlC"}

package/__internal__/src/components/PaginationCanary/PaginationArrow/index.d.ts

@@ -0,0 +1 @@
+export * from './PaginationArrow';

package/__internal__/src/components/PaginationCanary/PaginationArrow/index.js

@@ -0,0 +1,2 @@
+export*from"./PaginationArrow";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/PaginationCanary/PaginationArrow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/PaginationCanary/PaginationArrow/index.ts"],"sourcesContent":["export * from './PaginationArrow';\n"],"mappings":"AAAA"}

package/__internal__/src/components/PaginationCanary/PaginationBase/PaginationBase.css

@@ -0,0 +1 @@
+.PaginationBase{width:100%}

package/__internal__/src/components/PaginationCanary/PaginationBase/PaginationBase.d.ts

@@ -0,0 +1,3 @@
+import './PaginationBase.css';
+import { PaginationBaseComponent } from '../types';
+export declare const PaginationBase: PaginationBaseComponent;

package/__internal__/src/components/PaginationCanary/PaginationBase/PaginationBase.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","value","size","form","containerEventListener","onChange","getItemKey","getItemAs","getItemAttributes","getItemClickable","getItemLabel","getItemOnClick","getItemRef","className","arrows","hotKeys","outerMostArrows"];import"./PaginationBase.css";import React,{forwardRef}from"react";import{useRefs}from"../../../hooks/useRefs";import{cnMixFlex}from"../../../mixs/MixFlex";import{cn}from"../../../utils/bem";import{paginationArrowIconsMap,withDefaultGetters}from"../helpers";import{PaginationArrow}from"../PaginationArrow";import{PaginationList}from"../PaginationList";import{paginationPropFormDefault,paginationPropSizeDefault}from"../types";import{usePaginationKeys}from"../usePaginationKeys";var cnPaginationBase=cn("PaginationBase"),PaginationBaseRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=void 0===d?[]:d,f=c.value,g=c.size,h=void 0===g?paginationPropSizeDefault:g,i=c.form,j=void 0===i?paginationPropFormDefault:i,k=c.containerEventListener,l=c.onChange,m=c.getItemKey,n=c.getItemAs,o=c.getItemAttributes,p=c.getItemClickable,q=c.getItemLabel,r=c.getItemOnClick,s=c.getItemRef,t=c.className,u=c.arrows,v=c.hotKeys,w=c.outerMostArrows,x=_objectWithoutProperties(c,_excluded),y=useRefs(2),z=_slicedToArray(y,2),A=z[0],B=z[1];usePaginationKeys({prevButtonRef:A,nextButtonRef:B,containerEventListener:k,hotKeys:v});var C=function(a,b,c,d){if(!a)return null;var e=a.onClick,f=a.icon,g=void 0===f?paginationArrowIconsMap[b]:f,i=a.label,k=a.disabled,l="first"===b||"previous"===b?"start":"end";return React.createElement(PaginationArrow,{label:i,icon:g,disabled:k,ref:c,size:h,form:j,caption:null===d||void 0===d?void 0:d.label,orientation:l,onClick:e})};return React.createElement("div",Object.assign({className:cnPaginationBase(null,[t,cnMixFlex({wrap:"nowrap",gap:"3xs"})]),ref:b},x),(null===w||void 0===w?void 0:w[0])&&C(w[0],"first",void 0),(null===u||void 0===u?void 0:u[0])&&C(u[0],"previous",A,null===v||void 0===v?void 0:v[0]),React.createElement(PaginationList,{items:e,size:h,form:j,value:f,onItemClick:function onItemClick(a,b){var c=b.e;null===l||void 0===l?void 0:l(a,{e:c})},getItemKey:m,getItemAs:n,getItemAttributes:o,getItemClickable:p,getItemLabel:q,getItemOnClick:r,getItemRef:s}),(null===u||void 0===u?void 0:u[1])&&C(u[1],"next",B,null===v||void 0===v?void 0:v[1]),(null===w||void 0===w?void 0:w[1])&&C(w[1],"last",void 0))};export var PaginationBase=forwardRef(PaginationBaseRender);
+//# sourceMappingURL=PaginationBase.js.map

package/__internal__/src/components/PaginationCanary/PaginationBase/PaginationBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationBase.js","names":["React","forwardRef","useRefs","cnMixFlex","cn","paginationArrowIconsMap","withDefaultGetters","PaginationArrow","PaginationList","paginationPropFormDefault","paginationPropSizeDefault","usePaginationKeys","cnPaginationBase","PaginationBaseRender","props","ref","items","value","size","form","containerEventListener","onChange","getItemKey","getItemAs","getItemAttributes","getItemClickable","getItemLabel","getItemOnClick","getItemRef","className","arrows","hotKeys","outerMostArrows","otherProps","prevButtonRef","nextButtonRef","renderButton","item","type","hotKey","onClick","icon","label","disabled","orientation","wrap","gap","onItemClick","e","PaginationBase"],"sources":["../../../../../../src/components/PaginationCanary/PaginationBase/PaginationBase.tsx"],"sourcesContent":["import './PaginationBase.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { useRefs } from '##/hooks/useRefs';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cn } from '##/utils/bem';\n\nimport { paginationArrowIconsMap, withDefaultGetters } from '../helpers';\nimport { PaginationArrow } from '../PaginationArrow';\nimport { PaginationList } from '../PaginationList';\nimport {\n  PaginationArrowTypes,\n  PaginationBaseComponent,\n  PaginationBaseItemDefault,\n  PaginationBasePropArrow,\n  PaginationBaseProps,\n  paginationPropFormDefault,\n  PaginationPropHotKey,\n  PaginationPropOnItemClick,\n  paginationPropSizeDefault,\n} from '../types';\nimport { usePaginationKeys } from '../usePaginationKeys';\n\nconst cnPaginationBase = cn('PaginationBase');\n\nconst PaginationBaseRender = (\n  props: PaginationBaseProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items = [],\n    value,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    containerEventListener,\n    onChange,\n    getItemKey,\n    getItemAs,\n    getItemAttributes,\n    getItemClickable,\n    getItemLabel,\n    getItemOnClick,\n    getItemRef,\n    className,\n    arrows,\n    hotKeys,\n    outerMostArrows,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const [prevButtonRef, nextButtonRef] = useRefs<HTMLButtonElement>(2);\n\n  usePaginationKeys({\n    prevButtonRef,\n    nextButtonRef,\n    containerEventListener,\n    hotKeys,\n  });\n\n  const renderButton = (\n    item: PaginationBasePropArrow,\n    type: PaginationArrowTypes,\n    ref: React.Ref<HTMLButtonElement> | undefined,\n    hotKey?: PaginationPropHotKey,\n  ) => {\n    if (!item) {\n      return null;\n    }\n    const {\n      onClick,\n      icon = paginationArrowIconsMap[type],\n      label,\n      disabled,\n    } = item;\n    const orientation =\n      type === 'first' || type === 'previous' ? 'start' : 'end';\n\n    return (\n      <PaginationArrow\n        label={label}\n        icon={icon}\n        disabled={disabled}\n        ref={ref}\n        size={size}\n        form={form}\n        caption={hotKey?.label}\n        orientation={orientation}\n        onClick={onClick}\n      />\n    );\n  };\n\n  const onItemClick: PaginationPropOnItemClick<PaginationBaseItemDefault> = (\n    item,\n    { e },\n  ) => {\n    onChange?.(item, { e });\n  };\n\n  return (\n    <div\n      className={cnPaginationBase(null, [\n        className,\n        cnMixFlex({ wrap: 'nowrap', gap: '3xs' }),\n      ])}\n      ref={ref}\n      {...otherProps}\n    >\n      {outerMostArrows?.[0] &&\n        renderButton(outerMostArrows[0], 'first', undefined)}\n      {arrows?.[0] &&\n        renderButton(arrows[0], 'previous', prevButtonRef, hotKeys?.[0])}\n      <PaginationList\n        items={items}\n        size={size}\n        form={form}\n        value={value}\n        onItemClick={onItemClick}\n        getItemKey={getItemKey}\n        getItemAs={getItemAs}\n        getItemAttributes={getItemAttributes}\n        getItemClickable={getItemClickable}\n        getItemLabel={getItemLabel}\n        getItemOnClick={getItemOnClick}\n        getItemRef={getItemRef}\n      />\n      {arrows?.[1] &&\n        renderButton(arrows[1], 'next', nextButtonRef, hotKeys?.[1])}\n      {outerMostArrows?.[1] &&\n        renderButton(outerMostArrows[1], 'last', undefined)}\n    </div>\n  );\n};\n\nexport const PaginationBase = forwardRef(\n  PaginationBaseRender,\n) as PaginationBaseComponent;\n"],"mappings":"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"}

package/__internal__/src/components/PaginationCanary/PaginationBase/index.d.ts

@@ -0,0 +1 @@
+export * from './PaginationBase';

package/__internal__/src/components/PaginationCanary/PaginationBase/index.js

@@ -0,0 +1,2 @@
+export*from"./PaginationBase";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/PaginationCanary/PaginationBase/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/PaginationCanary/PaginationBase/index.ts"],"sourcesContent":["export * from './PaginationBase';\n"],"mappings":"AAAA"}

package/__internal__/src/components/PaginationCanary/PaginationCanary.d.ts

@@ -0,0 +1,3 @@
+import './Pagination.css';
+import { PaginationComponent } from './types';
+export declare const Pagination: PaginationComponent;

package/__internal__/src/components/PaginationCanary/PaginationCanary.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","value","onChange","size","form","type","containerEventListener","getTotalLabel","outerMostArrows","arrows","hotKeys","showFirstPage","showLastPage","visibleCount","className"];import"./Pagination.css";import React,{forwardRef,useMemo}from"react";import{useForkRef}from"../../hooks/useForkRef";import{cnMixFlex}from"../../mixs/MixFlex";import{cnCanary}from"../../utils/bem";import{defaultGetItemClickable,defaultGetItemKey,defaultGetItemLabel,getListValue,paginationArrowIconsMap}from"./helpers";import{PaginationArrow}from"./PaginationArrow";import{PaginationList}from"./PaginationList";import{PaginationNumberInput}from"./PaginationNumberInput";import{paginationPropFormDefault,paginationPropSizeDefault,paginationPropTypeDefault}from"./types";import{usePaginationItems}from"./usePaginationItems";var cnPagination=cnCanary("Pagination"),PaginationRender=function(a,b){var c=a.items,d=void 0===c?0:c,e=a.value,f=a.onChange,g=a.size,h=void 0===g?paginationPropSizeDefault:g,i=a.form,j=void 0===i?paginationPropFormDefault:i,k=a.type,l=void 0===k?paginationPropTypeDefault:k,m=a.containerEventListener,n=void 0===m?window:m,o=a.getTotalLabel,p=a.outerMostArrows,q=a.arrows,r=a.hotKeys,s=a.showFirstPage,t=a.showLastPage,u=a.visibleCount,v=a.className,w=_objectWithoutProperties(a,_excluded),x=Math.max(null!==e&&void 0!==e?e:0,0),y=function(a,b,c,e,f){var g="first"===b||"previous"===b?1<x:x<d,i="first"===b||"previous"===b?"start":"end";if("object"==typeof a){var k=a.label,l=a.icon,m=void 0===l?paginationArrowIconsMap[b]:l;return React.createElement(PaginationArrow,{label:k,icon:m,disabled:!g,size:h,form:j,ref:c,orientation:i,caption:null===e||void 0===e?void 0:e.label,onClick:f})}return React.createElement(PaginationArrow,{orientation:i,icon:"function"==typeof a?a:paginationArrowIconsMap[b],disabled:!g,size:h,form:j,ref:c,onClick:f})},z=function(a){return function(b){var c=d;"first"===a&&(c=1),"previous"===a&&(c=Math.max(x-1,1)),"next"===a&&(c=Math.min(x+1,d)),null===f||void 0===f?void 0:f(c,{e:b})}},A=usePaginationItems({showFirstPage:s,showLastPage:t,items:d,visibleCount:u,size:h,value:x,containerEventListener:n,hotKeys:r}),B=A.pages,C=A.wrapperRef,D=A.buttonRefs,E=useForkRef([b,C]),F=useMemo(function(){return getListValue(x)},[x]);return 0===d?null:React.createElement("nav",Object.assign({className:cnPagination({size:h,form:j},[v,cnMixFlex({wrap:"nowrap",gap:"input"===l?"xs":"3xs"})]),ref:E},w),(null===p||void 0===p?void 0:p[0])&&y(p[0],"first",D[0],void 0,z("first")),(null===q||void 0===q?void 0:q[0])&&y(q[0],"previous",D[1],null===r||void 0===r?void 0:r[0],z("previous")),"default"===l?React.createElement(PaginationList,{items:B,form:j,size:h,value:F,getItemKey:defaultGetItemKey,getItemLabel:defaultGetItemLabel,getItemClickable:defaultGetItemClickable,onItemClick:function onItemClick(a,b){var c=a.page,d=b.e;c!==x&&(null===f||void 0===f?void 0:f(c,{e:d}))}}):React.createElement(PaginationNumberInput,{form:j,size:h,total:d,value:e?x:void 0,onChange:f,getTotalLabel:o}),(null===q||void 0===q?void 0:q[1])&&y(q[1],"next",D[2],null===r||void 0===r?void 0:r[1],z("next")),(null===p||void 0===p?void 0:p[1])&&y(p[1],"last",D[3],void 0,z("last")))};export var Pagination=forwardRef(PaginationRender);
+//# sourceMappingURL=PaginationCanary.js.map

package/__internal__/src/components/PaginationCanary/PaginationCanary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationCanary.js","names":["React","forwardRef","useMemo","useForkRef","cnMixFlex","cnCanary","defaultGetItemClickable","defaultGetItemKey","defaultGetItemLabel","getListValue","paginationArrowIconsMap","PaginationArrow","PaginationList","PaginationNumberInput","paginationPropFormDefault","paginationPropSizeDefault","paginationPropTypeDefault","usePaginationItems","cnPagination","PaginationRender","props","ref","items","valueProp","value","onChange","size","form","type","containerEventListener","window","getTotalLabel","outerMostArrows","arrows","hotKeys","showFirstPage","showLastPage","visibleCount","className","otherProps","Math","max","renderArrow","item","hotKey","onClick","flag","orientation","label","icon","handleButtonClick","e","newValue","min","pages","wrapperRef","buttonRefs","navRef","listValue","wrap","gap","onItemClick","page","Pagination"],"sources":["../../../../../src/components/PaginationCanary/PaginationCanary.tsx"],"sourcesContent":["import './Pagination.css';\n\nimport React, { forwardRef, useMemo } from 'react';\n\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cnCanary } from '##/utils/bem';\n\nimport {\n  defaultGetItemClickable,\n  defaultGetItemKey,\n  defaultGetItemLabel,\n  getListValue,\n  paginationArrowIconsMap,\n} from './helpers';\nimport { PaginationArrow } from './PaginationArrow';\nimport { PaginationList } from './PaginationList';\nimport { PaginationNumberInput } from './PaginationNumberInput';\nimport {\n  PaginationArrowTypes,\n  PaginationComponent,\n  PaginationItem,\n  PaginationPropArrow,\n  paginationPropFormDefault,\n  PaginationPropHotKey,\n  PaginationPropOnItemClick,\n  PaginationProps,\n  paginationPropSizeDefault,\n  PaginationPropType,\n  paginationPropTypeDefault,\n} from './types';\nimport { usePaginationItems } from './usePaginationItems';\n\nconst cnPagination = cnCanary('Pagination');\n\nconst PaginationRender = <TYPE extends PaginationPropType>(\n  props: PaginationProps<TYPE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items = 0,\n    value: valueProp,\n    onChange,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    type = paginationPropTypeDefault,\n    containerEventListener = window,\n    getTotalLabel,\n    outerMostArrows,\n    arrows,\n    hotKeys,\n    showFirstPage,\n    showLastPage,\n    visibleCount,\n    className,\n    ...otherProps\n  } = props;\n\n  const value = Math.max(valueProp ?? 0, 0);\n\n  const renderArrow = (\n    item: PaginationPropArrow,\n    type: PaginationArrowTypes,\n    ref: React.Ref<HTMLButtonElement> | undefined,\n    hotKey: PaginationPropHotKey | undefined,\n    onClick?: React.MouseEventHandler,\n  ) => {\n    const flag =\n      type === 'first' || type === 'previous' ? value > 1 : value < items;\n    const orientation =\n      type === 'first' || type === 'previous' ? 'start' : 'end';\n    if (typeof item === 'object') {\n      const { label, icon = paginationArrowIconsMap[type] } = item;\n\n      return (\n        <PaginationArrow\n          label={label}\n          icon={icon}\n          disabled={!flag}\n          size={size}\n          form={form}\n          ref={ref}\n          orientation={orientation}\n          caption={hotKey?.label}\n          onClick={onClick}\n        />\n      );\n    }\n    return (\n      <PaginationArrow\n        orientation={orientation}\n        icon={typeof item === 'function' ? item : paginationArrowIconsMap[type]}\n        disabled={!flag}\n        size={size}\n        form={form}\n        ref={ref}\n        onClick={onClick}\n      />\n    );\n  };\n\n  const handleButtonClick =\n    (type: PaginationArrowTypes) => (e: React.MouseEvent) => {\n      let newValue = items;\n      if (type === 'first') {\n        newValue = 1;\n      }\n      if (type === 'previous') {\n        newValue = Math.max(value - 1, 1);\n      }\n      if (type === 'next') {\n        newValue = Math.min(value + 1, items);\n      }\n      onChange?.(newValue, { e });\n    };\n\n  const { pages, wrapperRef, buttonRefs } = usePaginationItems({\n    showFirstPage,\n    showLastPage,\n    items,\n    visibleCount,\n    size,\n    value,\n    containerEventListener,\n    hotKeys,\n  });\n\n  const onItemClick: PaginationPropOnItemClick<PaginationItem> = (\n    { page },\n    { e },\n  ) => {\n    if (page !== value) {\n      onChange?.(page, { e });\n    }\n  };\n\n  const navRef = useForkRef([ref, wrapperRef]);\n\n  const listValue = useMemo(() => getListValue(value), [value]);\n\n  if (items === 0) {\n    return null;\n  }\n\n  return (\n    <nav\n      className={cnPagination({ size, form }, [\n        className,\n        cnMixFlex({ wrap: 'nowrap', gap: type === 'input' ? 'xs' : '3xs' }),\n      ])}\n      ref={navRef}\n      {...otherProps}\n    >\n      {outerMostArrows?.[0] &&\n        renderArrow(\n          outerMostArrows[0],\n          'first',\n          buttonRefs[0],\n          undefined,\n          handleButtonClick('first'),\n        )}\n      {arrows?.[0] &&\n        renderArrow(\n          arrows[0],\n          'previous',\n          buttonRefs[1],\n          hotKeys?.[0],\n          handleButtonClick('previous'),\n        )}\n      {type === 'default' ? (\n        <PaginationList\n          items={pages}\n          form={form}\n          size={size}\n          value={listValue}\n          getItemKey={defaultGetItemKey}\n          getItemLabel={defaultGetItemLabel}\n          getItemClickable={defaultGetItemClickable}\n          onItemClick={onItemClick}\n        />\n      ) : (\n        <PaginationNumberInput\n          form={form}\n          size={size}\n          total={items}\n          value={!valueProp ? undefined : value}\n          onChange={onChange}\n          getTotalLabel={getTotalLabel}\n        />\n      )}\n      {arrows?.[1] &&\n        renderArrow(\n          arrows[1],\n          'next',\n          buttonRefs[2],\n          hotKeys?.[1],\n          handleButtonClick('next'),\n        )}\n      {outerMostArrows?.[1] &&\n        renderArrow(\n          outerMostArrows[1],\n          'last',\n          buttonRefs[3],\n          undefined,\n          handleButtonClick('last'),\n        )}\n    </nav>\n  );\n};\n\nexport const Pagination = forwardRef(PaginationRender) as PaginationComponent;\n"],"mappings":"6RAAA,yBAEA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,OAA5B,KAA2C,OAA3C,CAEA,OAASC,UAAT,8BACA,OAASC,SAAT,0BACA,OAASC,QAAT,uBAEA,OACEC,uBADF,CAEEC,iBAFF,CAGEC,mBAHF,CAIEC,YAJF,CAKEC,uBALF,iBAOA,OAASC,eAAT,yBACA,OAASC,cAAT,wBACA,OAASC,qBAAT,+BACA,OAKEC,yBALF,CASEC,yBATF,CAWEC,yBAXF,eAaA,OAASC,kBAAT,4B,GAEMC,aAAY,CAAGb,QAAQ,CAAC,YAAD,C,CAEvBc,gBAAgB,CAAG,SACvBC,CADuB,CAEvBC,CAFuB,CAGpB,OAkBCD,CAlBD,CAEDE,KAFC,CAEDA,CAFC,YAEO,CAFP,GAGMC,CAHN,CAkBCH,CAlBD,CAGDI,KAHC,CAIDC,CAJC,CAkBCL,CAlBD,CAIDK,QAJC,GAkBCL,CAlBD,CAKDM,IALC,CAKDA,CALC,YAKMX,yBALN,KAkBCK,CAlBD,CAMDO,IANC,CAMDA,CANC,YAMMb,yBANN,KAkBCM,CAlBD,CAODQ,IAPC,CAODA,CAPC,YAOMZ,yBAPN,KAkBCI,CAlBD,CAQDS,sBARC,CAQDA,CARC,YAQwBC,MARxB,GASDC,CATC,CAkBCX,CAlBD,CASDW,aATC,CAUDC,CAVC,CAkBCZ,CAlBD,CAUDY,eAVC,CAWDC,CAXC,CAkBCb,CAlBD,CAWDa,MAXC,CAYDC,CAZC,CAkBCd,CAlBD,CAYDc,OAZC,CAaDC,CAbC,CAkBCf,CAlBD,CAaDe,aAbC,CAcDC,CAdC,CAkBChB,CAlBD,CAcDgB,YAdC,CAeDC,CAfC,CAkBCjB,CAlBD,CAeDiB,YAfC,CAgBDC,CAhBC,CAkBClB,CAlBD,CAgBDkB,SAhBC,CAiBEC,CAjBF,0BAkBCnB,CAlBD,YAoBGI,CAAK,CAAGgB,IAAI,CAACC,GAAL,QAASlB,CAAT,WAASA,CAAT,CAASA,CAAT,CAAsB,CAAtB,CAAyB,CAAzB,CApBX,CAsBGmB,CAAW,CAAG,SAClBC,CADkB,CAElBf,CAFkB,CAGlBP,CAHkB,CAIlBuB,CAJkB,CAKlBC,CALkB,CAMf,IACGC,EAAI,CACC,OAAT,GAAAlB,CAAI,EAAyB,UAAT,GAAAA,CAApB,CAAkD,CAAR,CAAAJ,CAA1C,CAAsDA,CAAK,CAAGF,CAF7D,CAGGyB,CAAW,CACN,OAAT,GAAAnB,CAAI,EAAyB,UAAT,GAAAA,CAApB,CAA0C,OAA1C,CAAoD,KAJnD,CAKH,GAAoB,QAAhB,QAAOe,EAAX,CAA8B,CAC5B,GAAQK,EAAR,CAAwDL,CAAxD,CAAQK,KAAR,GAAwDL,CAAxD,CAAeM,IAAf,CAAeA,CAAf,YAAsBvC,uBAAuB,CAACkB,CAAD,CAA7C,GAEA,MACE,qBAAC,eAAD,EACE,KAAK,CAAEoB,CADT,CAEE,IAAI,CAAEC,CAFR,CAGE,QAAQ,CAAE,CAACH,CAHb,CAIE,IAAI,CAAEpB,CAJR,CAKE,IAAI,CAAEC,CALR,CAME,GAAG,CAAEN,CANP,CAOE,WAAW,CAAE0B,CAPf,CAQE,OAAO,QAAEH,CAAF,WAAEA,CAAF,QAAEA,CAAM,CAAEI,KARnB,CASE,OAAO,CAAEH,CATX,EAYH,CACD,MACE,qBAAC,eAAD,EACE,WAAW,CAAEE,CADf,CAEE,IAAI,CAAkB,UAAhB,QAAOJ,EAAP,CAA6BA,CAA7B,CAAoCjC,uBAAuB,CAACkB,CAAD,CAFnE,CAGE,QAAQ,CAAE,CAACkB,CAHb,CAIE,IAAI,CAAEpB,CAJR,CAKE,IAAI,CAAEC,CALR,CAME,GAAG,CAAEN,CANP,CAOE,OAAO,CAAEwB,CAPX,EAUH,CA7DE,CA+DGK,CAAiB,CACrB,SAACtB,CAAD,QAAgC,UAACuB,CAAD,CAAyB,CACvD,GAAIC,EAAQ,CAAG9B,CAAf,CACa,OAAT,GAAAM,CAFmD,GAGrDwB,CAAQ,CAAG,CAH0C,EAK1C,UAAT,GAAAxB,CALmD,GAMrDwB,CAAQ,CAAGZ,IAAI,CAACC,GAAL,CAASjB,CAAK,CAAG,CAAjB,CAAoB,CAApB,CAN0C,EAQ1C,MAAT,GAAAI,CARmD,GASrDwB,CAAQ,CAAGZ,IAAI,CAACa,GAAL,CAAS7B,CAAK,CAAG,CAAjB,CAAoBF,CAApB,CAT0C,SAWvDG,CAXuD,WAWvDA,CAXuD,QAWvDA,CAAQ,CAAG2B,CAAH,CAAa,CAAED,CAAC,CAADA,CAAF,CAAb,CACT,CAZD,CAhEC,GA8EuClC,kBAAkB,CAAC,CAC3DkB,aAAa,CAAbA,CAD2D,CAE3DC,YAAY,CAAZA,CAF2D,CAG3Dd,KAAK,CAALA,CAH2D,CAI3De,YAAY,CAAZA,CAJ2D,CAK3DX,IAAI,CAAJA,CAL2D,CAM3DF,KAAK,CAALA,CAN2D,CAO3DK,sBAAsB,CAAtBA,CAP2D,CAQ3DK,OAAO,CAAPA,CAR2D,CAAD,CA9EzD,CA8EKoB,CA9EL,GA8EKA,KA9EL,CA8EYC,CA9EZ,GA8EYA,UA9EZ,CA8EwBC,CA9ExB,GA8EwBA,UA9ExB,CAkGGC,CAAM,CAAGtD,UAAU,CAAC,CAACkB,CAAD,CAAMkC,CAAN,CAAD,CAlGtB,CAoGGG,CAAS,CAAGxD,OAAO,CAAC,iBAAMO,aAAY,CAACe,CAAD,CAAlB,CAAD,CAA4B,CAACA,CAAD,CAA5B,CApGtB,OAsGW,EAAV,GAAAF,CAtGD,CAuGM,IAvGN,CA2GD,yCACE,SAAS,CAAEJ,YAAY,CAAC,CAAEQ,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAD,CAAiB,CACtCW,CADsC,CAEtClC,SAAS,CAAC,CAAEuD,IAAI,CAAE,QAAR,CAAkBC,GAAG,CAAW,OAAT,GAAAhC,CAAI,CAAe,IAAf,CAAsB,KAAjD,CAAD,CAF6B,CAAjB,CADzB,CAKE,GAAG,CAAE6B,CALP,EAMMlB,CANN,EAQG,QAAAP,CAAe,WAAfA,CAAA,QAAAA,CAAe,CAAG,CAAH,CAAf,GACCU,CAAW,CACTV,CAAe,CAAC,CAAD,CADN,CAET,OAFS,CAGTwB,CAAU,CAAC,CAAD,CAHD,QAKTN,CAAiB,CAAC,OAAD,CALR,CATf,CAgBG,QAAAjB,CAAM,WAANA,CAAA,QAAAA,CAAM,CAAG,CAAH,CAAN,GACCS,CAAW,CACTT,CAAM,CAAC,CAAD,CADG,CAET,UAFS,CAGTuB,CAAU,CAAC,CAAD,CAHD,QAITtB,CAJS,WAITA,CAJS,QAITA,CAAO,CAAG,CAAH,CAJE,CAKTgB,CAAiB,CAAC,UAAD,CALR,CAjBf,CAwBY,SAAT,GAAAtB,CAAI,CACH,oBAAC,cAAD,EACE,KAAK,CAAE0B,CADT,CAEE,IAAI,CAAE3B,CAFR,CAGE,IAAI,CAAED,CAHR,CAIE,KAAK,CAAEgC,CAJT,CAKE,UAAU,CAAEnD,iBALd,CAME,YAAY,CAAEC,mBANhB,CAOE,gBAAgB,CAAEF,uBAPpB,CAQE,WAAW,CAnD4C,QAAzDuD,YAAyD,KAG1D,IAFDC,EAEC,GAFDA,IAEC,CADDX,CACC,GADDA,CACC,CACCW,CAAI,GAAKtC,CADV,UAEDC,CAFC,WAEDA,CAFC,QAEDA,CAAQ,CAAGqC,CAAH,CAAS,CAAEX,CAAC,CAADA,CAAF,CAAT,CAFP,CAIJ,CAoCK,EADG,CAYH,oBAAC,qBAAD,EACE,IAAI,CAAExB,CADR,CAEE,IAAI,CAAED,CAFR,CAGE,KAAK,CAAEJ,CAHT,CAIE,KAAK,CAAGC,CAAD,CAAyBC,CAAzB,OAJT,CAKE,QAAQ,CAAEC,CALZ,CAME,aAAa,CAAEM,CANjB,EApCJ,CA6CG,QAAAE,CAAM,WAANA,CAAA,QAAAA,CAAM,CAAG,CAAH,CAAN,GACCS,CAAW,CACTT,CAAM,CAAC,CAAD,CADG,CAET,MAFS,CAGTuB,CAAU,CAAC,CAAD,CAHD,QAITtB,CAJS,WAITA,CAJS,QAITA,CAAO,CAAG,CAAH,CAJE,CAKTgB,CAAiB,CAAC,MAAD,CALR,CA9Cf,CAqDG,QAAAlB,CAAe,WAAfA,CAAA,QAAAA,CAAe,CAAG,CAAH,CAAf,GACCU,CAAW,CACTV,CAAe,CAAC,CAAD,CADN,CAET,MAFS,CAGTwB,CAAU,CAAC,CAAD,CAHD,QAKTN,CAAiB,CAAC,MAAD,CALR,CAtDf,CA+DH,C,CAED,MAAO,IAAMa,WAAU,CAAG9D,UAAU,CAACkB,gBAAD,CAA7B"}

package/__internal__/src/components/PaginationCanary/PaginationItem/PaginationItem.css

@@ -0,0 +1 @@
+.PaginationItem{--pagination-item-bg:transparent;background:var(--pagination-item-bg);border:none;color:var(--color-control-typo-ghost);font-size:var(--pagination-item-font-size);height:var(--pagination-item-size);line-height:var(--space-m);margin:0;transition:background-color .3s;width:var(--pagination-item-size)}.PaginationItem:not(div){cursor:pointer}.PaginationItem:not(div):hover{--pagination-item-bg:var(--color-control-bg-clear-hover)}.PaginationItem_active{--pagination-item-bg:var(--color-control-bg-ghost)}.PaginationItem_active:hover{--pagination-item-bg:var(--color-control-bg-ghost-hover)}.PaginationItem_size_xs{--pagination-item-size:var(--space-xl);--pagination-item-font-size:var(--size-text-xs)}.PaginationItem_size_s{--pagination-item-size:var(--space-2xl);--pagination-item-font-size:var(--size-text-s)}.PaginationItem_size_m{--pagination-item-size:var(--space-3xl);--pagination-item-font-size:var(--size-text-m)}.PaginationItem_size_l{--pagination-item-size:var(--space-4xl);--pagination-item-font-size:var(--size-text-l)}.PaginationItem_form_default{border-radius:var(--space-2xs)}.PaginationItem_form_round{border-radius:50%}

package/__internal__/src/components/PaginationCanary/PaginationItem/PaginationItem.d.ts

@@ -0,0 +1,3 @@
+import './PaginationItem.css';
+import { PaginationItemComponent } from '../types';
+export declare const PaginationItem: PaginationItemComponent;

package/__internal__/src/components/PaginationCanary/PaginationItem/PaginationItem.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["as","label","active","size","form","className","children"];import"./PaginationItem.css";import React,{forwardRef}from"react";import{cnMixFlex}from"../../../mixs/MixFlex";import{cnMixFocus}from"../../../mixs/MixFocus";import{cn}from"../../../utils/bem";import{paginationPropFormDefault,paginationPropSizeDefault}from"../types";var cnPaginationItem=cn("PaginationItem"),PaginationItemRender=function(a,b){var c=a.as,d=void 0===c?"button":c,e=a.label,f=a.active,g=a.size,h=void 0===g?paginationPropSizeDefault:g,i=a.form,j=void 0===i?paginationPropFormDefault:i,k=a.className,l=a.children,m=_objectWithoutProperties(a,_excluded);return React.createElement(d,Object.assign({},m,{className:cnPaginationItem({size:h,form:j,active:f},[k,cnMixFlex({align:"center",justify:"center",flex:"inline-flex"}),cnMixFocus()]),ref:b}),e)};export var PaginationItem=forwardRef(PaginationItemRender);
+//# sourceMappingURL=PaginationItem.js.map

package/__internal__/src/components/PaginationCanary/PaginationItem/PaginationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationItem.js","names":["React","forwardRef","cnMixFlex","cnMixFocus","cn","paginationPropFormDefault","paginationPropSizeDefault","cnPaginationItem","PaginationItemRender","props","ref","as","Tag","label","active","size","form","className","children","otherProps","align","justify","flex","PaginationItem"],"sources":["../../../../../../src/components/PaginationCanary/PaginationItem/PaginationItem.tsx"],"sourcesContent":["import './PaginationItem.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cnMixFocus } from '##/mixs/MixFocus';\nimport { cn } from '##/utils/bem';\n\nimport {\n  PaginationItemComponent,\n  PaginationItemProps,\n  paginationPropFormDefault,\n  paginationPropSizeDefault,\n} from '../types';\n\nconst cnPaginationItem = cn('PaginationItem');\n\nconst PaginationItemRender = (\n  props: PaginationItemProps,\n  ref: React.Ref<HTMLButtonElement>,\n) => {\n  const {\n    as: Tag = 'button',\n    label,\n    active,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    className,\n    children,\n    ...otherProps\n  } = props;\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnPaginationItem({ size, form, active }, [\n        className,\n        cnMixFlex({ align: 'center', justify: 'center', flex: 'inline-flex' }),\n        cnMixFocus(),\n      ])}\n      ref={ref}\n    >\n      {label}\n    </Tag>\n  );\n};\n\nexport const PaginationItem = forwardRef(\n  PaginationItemRender,\n) as PaginationItemComponent;\n"],"mappings":"gKAAA,6BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,SAAT,6BACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAEA,OAGEC,yBAHF,CAIEC,yBAJF,gB,GAOMC,iBAAgB,CAAGH,EAAE,CAAC,gBAAD,C,CAErBI,oBAAoB,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAGxB,CACH,MASID,CATJ,CACEE,EADF,CACMC,CADN,YACY,QADZ,GAEEC,CAFF,CASIJ,CATJ,CAEEI,KAFF,CAGEC,CAHF,CASIL,CATJ,CAGEK,MAHF,GASIL,CATJ,CAIEM,IAJF,CAIEA,CAJF,YAIST,yBAJT,KASIG,CATJ,CAKEO,IALF,CAKEA,CALF,YAKSX,yBALT,GAMEY,CANF,CASIR,CATJ,CAMEQ,SANF,CAOEC,CAPF,CASIT,CATJ,CAOES,QAPF,CAQKC,CARL,0BASIV,CATJ,YAWA,MACE,qBAAC,CAAD,kBACMU,CADN,EAEE,SAAS,CAAEZ,gBAAgB,CAAC,CAAEQ,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcF,MAAM,CAANA,CAAd,CAAD,CAAyB,CAClDG,CADkD,CAElDf,SAAS,CAAC,CAAEkB,KAAK,CAAE,QAAT,CAAmBC,OAAO,CAAE,QAA5B,CAAsCC,IAAI,CAAE,aAA5C,CAAD,CAFyC,CAGlDnB,UAAU,EAHwC,CAAzB,CAF7B,CAOE,GAAG,CAAEO,CAPP,GASGG,CATH,CAYH,C,CAED,MAAO,IAAMU,eAAc,CAAGtB,UAAU,CACtCO,oBADsC,CAAjC"}

package/__internal__/src/components/PaginationCanary/PaginationItem/index.d.ts

@@ -0,0 +1 @@
+export * from './PaginationItem';

package/__internal__/src/components/PaginationCanary/PaginationItem/index.js

@@ -0,0 +1,2 @@
+export*from"./PaginationItem";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/PaginationCanary/PaginationItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/PaginationCanary/PaginationItem/index.ts"],"sourcesContent":["export * from './PaginationItem';\n"],"mappings":"AAAA"}

package/__internal__/src/components/PaginationCanary/PaginationList/PaginationList.css

@@ -0,0 +1 @@
+.PaginationList{width:-moz-max-content;width:max-content}

package/__internal__/src/components/PaginationCanary/PaginationList/PaginationList.d.ts

@@ -0,0 +1,3 @@
+import './PaginationList.css';
+import { PaginationListComponent } from '../types';
+export declare const PaginationList: PaginationListComponent;

package/__internal__/src/components/PaginationCanary/PaginationList/PaginationList.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","getItemLabel","getItemRef","getItemAs","getItemKey","getItemAttributes","getItemClickable","getItemOnClick","onItemClick","value","size","form","className"];import"./PaginationList.css";import React,{forwardRef}from"react";import{cnMixFlex}from"../../../mixs/MixFlex";import{cn}from"../../../utils/bem";import{defaultGetItemLabel}from"../helpers";import{PaginationItem}from"../PaginationItem";import{paginationPropFormDefault,paginationPropSizeDefault}from"../types";var cnPaginationList=cn("PaginationList"),PaginationListRender=function(a,b){var c=a.items,d=a.getItemLabel,e=void 0===d?defaultGetItemLabel:d,f=a.getItemRef,g=a.getItemAs,h=a.getItemKey,i=a.getItemAttributes,j=a.getItemClickable,k=a.getItemOnClick,l=a.onItemClick,m=a.value,n=a.size,o=void 0===n?paginationPropSizeDefault:n,p=a.form,q=void 0===p?paginationPropFormDefault:p,r=a.className,s=_objectWithoutProperties(a,_excluded),t=function(a){var b,c=null!==(b=null===i||void 0===i?void 0:i(a))&&void 0!==b?b:{},d=!!m&&(null===h||void 0===h?void 0:h(a))===(null===h||void 0===h?void 0:h(m));return React.createElement(PaginationItem,Object.assign({},c,{form:q,size:o,onClick:function handleClick(b){var c;null===k||void 0===k||null===(c=k(a))||void 0===c?void 0:c(b),null===l||void 0===l?void 0:l(a,{e:b})},label:e(a),active:d,ref:null===f||void 0===f?void 0:f(a),as:null!==j&&void 0!==j&&j(a)?"div":null===g||void 0===g?void 0:g(a)}))};return React.createElement("div",Object.assign({ref:b,className:cnPaginationList(null,[r,cnMixFlex({gap:"3xs",wrap:"nowrap"})])},s),c.map(function(a){return React.createElement(React.Fragment,{key:cnPaginationList("Item",{key:h(a)})},t(a))}))};export var PaginationList=forwardRef(PaginationListRender);
+//# sourceMappingURL=PaginationList.js.map

package/__internal__/src/components/PaginationCanary/PaginationList/PaginationList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationList.js","names":["React","forwardRef","cnMixFlex","cn","defaultGetItemLabel","PaginationItem","paginationPropFormDefault","paginationPropSizeDefault","cnPaginationList","PaginationListRender","props","ref","items","getItemLabel","getItemRef","getItemAs","getItemKey","getItemAttributes","getItemClickable","getItemOnClick","onItemClick","value","size","form","className","otherProps","renderItem","item","attributes","active","handleClick","e","gap","wrap","map","key","PaginationList"],"sources":["../../../../../../src/components/PaginationCanary/PaginationList/PaginationList.tsx"],"sourcesContent":["import './PaginationList.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cn } from '##/utils/bem';\n\nimport { defaultGetItemLabel } from '../helpers';\nimport { PaginationItem } from '../PaginationItem';\nimport {\n  PaginationBaseItemDefault,\n  PaginationListComponent,\n  PaginationListProps,\n  paginationPropFormDefault,\n  paginationPropSizeDefault,\n} from '../types';\n\nconst cnPaginationList = cn('PaginationList');\n\nconst PaginationListRender = <ITEM extends PaginationBaseItemDefault>(\n  props: PaginationListProps<ITEM>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items,\n    getItemLabel = defaultGetItemLabel,\n    getItemRef,\n    getItemAs,\n    getItemKey,\n    getItemAttributes,\n    getItemClickable,\n    getItemOnClick,\n    onItemClick,\n    value,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    className,\n    ...otherProps\n  } = props;\n\n  const renderItem = (item: ITEM) => {\n    const handleClick: React.MouseEventHandler = (e) => {\n      getItemOnClick?.(item)?.(e);\n      onItemClick?.(item, { e });\n    };\n\n    const attributes = getItemAttributes?.(item) ?? {};\n\n    const active = value ? getItemKey?.(item) === getItemKey?.(value) : false;\n\n    return (\n      <PaginationItem\n        {...attributes}\n        form={form}\n        size={size}\n        onClick={handleClick}\n        label={getItemLabel(item)}\n        active={active}\n        ref={getItemRef?.(item)}\n        as={getItemClickable?.(item) ? 'div' : getItemAs?.(item)}\n      />\n    );\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={cnPaginationList(null, [\n        className,\n        cnMixFlex({ gap: '3xs', wrap: 'nowrap' }),\n      ])}\n      {...otherProps}\n    >\n      {items.map((item) => (\n        <React.Fragment\n          key={cnPaginationList('Item', { key: getItemKey(item) })}\n        >\n          {renderItem(item)}\n        </React.Fragment>\n      ))}\n    </div>\n  );\n};\n\nexport const PaginationList = forwardRef(\n  PaginationListRender,\n) as PaginationListComponent;\n"],"mappings":"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"}

package/__internal__/src/components/PaginationCanary/PaginationList/index.d.ts

@@ -0,0 +1 @@
+export * from './PaginationList';

package/__internal__/src/components/PaginationCanary/PaginationList/index.js

@@ -0,0 +1,2 @@
+export*from"./PaginationList";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/PaginationCanary/PaginationList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/PaginationCanary/PaginationList/index.ts"],"sourcesContent":["export * from './PaginationList';\n"],"mappings":"AAAA"}

package/__internal__/src/components/PaginationCanary/PaginationNumberInput/PaginationNumberInput.css

@@ -0,0 +1 @@
+.PaginationNumberInput{--pagination-input-field-size:var(--space-2xl)}.PaginationNumberInput_size_xs{--pagination-input-field-size:calc(var(--space-xl) + var(--space-3xs))}.PaginationNumberInput_size_s{--pagination-input-field-size:calc(var(--space-2xl) - var(--space-3xs))}.PaginationNumberInput_size_m{--pagination-input-field-size:calc(var(--space-2xl) + var(--space-3xs))}.PaginationNumberInput_size_l{--pagination-input-field-size:calc(var(--space-3xl) - var(--space-3xs))}.PaginationNumberInput-Input .TextField-Input{min-width:var(--pagination-input-field-size);width:var(--pagination-input-field-size)}.PaginationNumberInput-Input .TextField-Body{width:auto}.PaginationNumberInput-Total.Text{color:var(--color-control-typo-ghost);line-height:var(--space-m)}

package/__internal__/src/components/PaginationCanary/PaginationNumberInput/PaginationNumberInput.d.ts

@@ -0,0 +1,10 @@
+import './PaginationNumberInput.css';
+import React from 'react';
+export declare const PaginationNumberInput: React.ForwardRefExoticComponent<{
+    value?: number | undefined;
+    onChange?: import("../types").PaginationPropOnChange<number> | undefined;
+    form?: "default" | "brick" | "round" | undefined;
+    size?: "m" | "s" | "xs" | "l" | undefined;
+    total: number;
+    getTotalLabel?: ((pages: number) => string | number) | undefined;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "onChange" | "size" | "form" | "value" | "total" | "getTotalLabel"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/PaginationCanary/PaginationNumberInput/PaginationNumberInput.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["value","onChange","total","getTotalLabel","size","form","className"];import"./PaginationNumberInput.css";import React,{forwardRef,useCallback,useEffect,useState}from"react";import{Text}from"../../Text";import{TextField,useIMask}from"../../TextField";import{useMutableRef}from"../../../hooks/useMutableRef";import{cnMixFlex}from"../../../mixs/MixFlex";import{cn}from"../../../utils/bem";import{isNotNil}from"../../../utils/type-guards";import{paginationPropFormDefault,paginationPropSizeDefault}from"../types";var cnPaginationNumberInput=cn("PaginationNumberInput"),defaultGetTotalLabel=function(a){return"\u0438\u0437 ".concat(a)};export var PaginationNumberInput=forwardRef(function(a,b){var c,d=a.value,f=a.onChange,g=a.total,h=a.getTotalLabel,i=void 0===h?defaultGetTotalLabel:h,j=a.size,k=void 0===j?paginationPropSizeDefault:j,l=a.form,m=void 0===l?paginationPropFormDefault:l,n=a.className,o=_objectWithoutProperties(a,_excluded),p=useMutableRef(f),q=useMutableRef(d),r=useState(null!==(c=null===d||void 0===d?void 0:d.toString())&&void 0!==c?c:null),s=_slicedToArray(r,2),t=s[0],u=s[1],v=useMutableRef(t),w=function(a){var b=a.e,c=a.value;if(v.current!==c){u(c);var d=p.current;if(null!==c){var e=q.current,f=+c;if(!Number.isNaN(f)&&f!==e){var h=Math.max(Math.min(f,g),0);null===d||void 0===d?void 0:d(h,{e:b})}}}},x=useIMask({value:t,onChange:function(a,b){return w(b)},maskOptions:{mask:Number,scale:0,thousandsSeparator:" ",min:1,max:g}}),y=x.inputRef;useEffect(function(){if((null===d||void 0===d?void 0:d.toString())!==t){var a;u(null!==(a=null===d||void 0===d?void 0:d.toString())&&void 0!==a?a:null)}},[d]);var z=useCallback(function(a){if("ArrowLeft"!==a.key&&"ArrowRight"!==a.key&&(a.stopPropagation(),"ArrowUp"===a.key||"ArrowDown"===a.key)){a.preventDefault();var b=Math.max(Math.min(+v.current+("ArrowUp"===a.key?1:-1),g),1);u(b.toString()),null===f||void 0===f?void 0:f(b,{e:a})}},[g]);return React.createElement("div",Object.assign({className:cnPaginationNumberInput({size:k},[n,cnMixFlex({align:"center",justify:"center",gap:"xs"})]),ref:b},o),React.createElement(TextField,{value:t,size:k,form:m,inputRef:y,onKeyDown:z,className:cnPaginationNumberInput("Input")}),isNotNil(g)&&React.createElement(Text,{className:cnPaginationNumberInput("Total"),size:k},i(g)))});
+//# sourceMappingURL=PaginationNumberInput.js.map

package/__internal__/src/components/PaginationCanary/PaginationNumberInput/PaginationNumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationNumberInput.js","names":["React","forwardRef","useCallback","useEffect","useState","Text","TextField","useIMask","useMutableRef","cnMixFlex","cn","isNotNil","paginationPropFormDefault","paginationPropSizeDefault","cnPaginationNumberInput","defaultGetTotalLabel","pages","PaginationNumberInput","props","ref","value","onChange","total","getTotalLabel","size","form","className","otherProps","onChangeRef","valueRef","toString","stringValue","setStringValue","stringValueRef","handleChange","e","current","pageNumber","Number","isNaN","newValue","Math","max","min","_val","args","maskOptions","mask","scale","thousandsSeparator","inputRef","handleKeyDown","key","stopPropagation","preventDefault","align","justify","gap"],"sources":["../../../../../../src/components/PaginationCanary/PaginationNumberInput/PaginationNumberInput.tsx"],"sourcesContent":["import './PaginationNumberInput.css';\n\nimport React, { forwardRef, useCallback, useEffect, useState } from 'react';\n\nimport { Text } from '##/components/Text';\nimport { TextField, useIMask } from '##/components/TextField';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cn } from '##/utils/bem';\nimport { isNotNil } from '##/utils/type-guards';\n\nimport {\n  PaginationNumberInputProps,\n  paginationPropFormDefault,\n  paginationPropSizeDefault,\n} from '../types';\n\nconst cnPaginationNumberInput = cn('PaginationNumberInput');\n\nconst defaultGetTotalLabel = (pages: number) => `из ${pages}`;\n\nexport const PaginationNumberInput = forwardRef<\n  HTMLDivElement,\n  PaginationNumberInputProps\n>((props, ref) => {\n  const {\n    value,\n    onChange,\n    total,\n    getTotalLabel = defaultGetTotalLabel,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    className,\n    ...otherProps\n  } = props;\n  const onChangeRef = useMutableRef(onChange);\n  const valueRef = useMutableRef(value);\n\n  const [stringValue, setStringValue] = useState<string | null>(\n    value?.toString() ?? null,\n  );\n\n  const stringValueRef = useMutableRef(stringValue);\n\n  const handleChange = ({\n    e,\n    value: stringValue,\n  }: {\n    e: Event;\n    value: string | null;\n  }) => {\n    if (stringValueRef.current === stringValue) {\n      return;\n    }\n    setStringValue(stringValue);\n    const onChange = onChangeRef.current;\n\n    if (stringValue === null) {\n      return;\n    }\n\n    const value = valueRef.current;\n\n    const pageNumber = Number(stringValue);\n\n    if (Number.isNaN(pageNumber)) {\n      return;\n    }\n    if (pageNumber !== value) {\n      const newValue = Math.max(Math.min(pageNumber, total), 0);\n      onChange?.(newValue, { e });\n    }\n  };\n\n  const { inputRef } = useIMask({\n    value: stringValue,\n    onChange: (_val, args) => handleChange(args),\n    maskOptions: {\n      mask: Number,\n      scale: 0,\n      thousandsSeparator: ' ',\n      min: 1,\n      max: total,\n    },\n  });\n\n  useEffect(() => {\n    if (value?.toString() !== stringValue) {\n      setStringValue(value?.toString() ?? null);\n    }\n  }, [value]);\n\n  const handleKeyDown: React.KeyboardEventHandler = useCallback(\n    (e) => {\n      if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {\n        return;\n      }\n      e.stopPropagation();\n      if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n        e.preventDefault();\n        const value = Math.max(\n          Math.min(\n            Number(stringValueRef.current) + (e.key === 'ArrowUp' ? 1 : -1),\n            total,\n          ),\n          1,\n        );\n        setStringValue(value.toString());\n        onChange?.(value, { e });\n      }\n    },\n    [total],\n  );\n\n  return (\n    <div\n      className={cnPaginationNumberInput({ size }, [\n        className,\n        cnMixFlex({ align: 'center', justify: 'center', gap: 'xs' }),\n      ])}\n      ref={ref}\n      {...otherProps}\n    >\n      <TextField\n        value={stringValue}\n        size={size}\n        form={form}\n        inputRef={inputRef}\n        onKeyDown={handleKeyDown}\n        className={cnPaginationNumberInput('Input')}\n      />\n      {isNotNil(total) && (\n        <Text className={cnPaginationNumberInput('Total')} size={size}>\n          {getTotalLabel(total)}\n        </Text>\n      )}\n    </div>\n  );\n});\n"],"mappings":"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"}

package/__internal__/src/components/PaginationCanary/PaginationNumberInput/index.d.ts

@@ -0,0 +1 @@
+export * from './PaginationNumberInput';

package/__internal__/src/components/PaginationCanary/PaginationNumberInput/index.js

@@ -0,0 +1,2 @@
+export*from"./PaginationNumberInput";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/PaginationCanary/PaginationNumberInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/PaginationCanary/PaginationNumberInput/index.ts"],"sourcesContent":["export * from './PaginationNumberInput';\n"],"mappings":"AAAA"}