@consta/uikit 4.33.1 → 5.0.0-beta.2

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

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

package/__internal__/src/components/Pagination/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/Pagination/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/Pagination/PaginationBase/index.js.map

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

package/__internal__/src/components/Pagination/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/Pagination/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/Pagination/PaginationItem/index.js.map

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

package/__internal__/src/components/Pagination/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/Pagination/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/Pagination/PaginationList/index.js.map

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

package/__internal__/src/components/Pagination/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);white-space:nowrap}

package/__internal__/src/components/Pagination/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?: "s" | "m" | "xs" | "l" | undefined;
+    total: number;
+    getTotalLabel?: ((pages: number) => string | number) | undefined;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "form" | "onChange" | "value" | "size" | "css" | "total" | "getTotalLabel"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["value","onChange","total","getTotalLabel","size","form","className"];import"./PaginationNumberInput.css";import React,{forwardRef,useCallback,useEffect,useMemo}from"react";import{useIMask}from"react-imask";import{Text}from"../../Text";import{TextField}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=a.value,d=a.onChange,f=a.total,g=a.getTotalLabel,h=void 0===g?defaultGetTotalLabel:g,i=a.size,j=void 0===i?paginationPropSizeDefault:i,k=a.form,l=void 0===k?paginationPropFormDefault:k,m=a.className,n=_objectWithoutProperties(a,_excluded),o=useIMask({mask:Number,scale:0,min:1,max:f}),p=o.ref,q=o.value,r=o.setValue,s=useMutableRef(d),t=useMutableRef(q),u=useMutableRef(r),v=useMemo(function(){return{ArrowUp:function ArrowUp(a){a.preventDefault();var b=Math.max(Math.min(+t.current+1,f),1);u.current(b.toString())},ArrowDown:function ArrowDown(a){a.preventDefault();var b=Math.max(Math.min(+t.current-1,f),1);u.current(b.toString())},Enter:function Enter(a){if(a.preventDefault(),+t.current){var b;null===(b=s.current)||void 0===b?void 0:b.call(s,+t.current,{e:a})}}}},[f]),w=useCallback(function(a){var b;a.stopPropagation(),null===(b=v[a.key])||void 0===b?void 0:b.call(v,a)},[v]);return useEffect(function(){var a=(null===c||void 0===c?void 0:c.toString())||"";a!==t.current&&u.current(a)},[c]),React.createElement("div",Object.assign({},n,{className:cnPaginationNumberInput({size:j},[cnMixFlex({align:"center",justify:"center",gap:"xs"}),m]),ref:b}),React.createElement(TextField,{defaultValue:c?c.toString():void 0,size:j,form:l,inputRef:p,onKeyDown:w,className:cnPaginationNumberInput("Input")}),isNotNil(f)&&React.createElement(Text,{className:cnPaginationNumberInput("Total"),size:j},h(f)))});
+//# sourceMappingURL=PaginationNumberInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationNumberInput.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useIMask","Text","TextField","useMutableRef","cnMixFlex","cn","isNotNil","paginationPropFormDefault","paginationPropSizeDefault","cnPaginationNumberInput","defaultGetTotalLabel","pages","PaginationNumberInput","props","ref","value","onChange","total","getTotalLabel","size","form","className","otherProps","mask","Number","scale","min","max","inputRef","stringValue","setStringValue","setValue","onChangeRef","stringValueRef","setStringValueRef","keysMap","ArrowUp","e","preventDefault","Math","current","toString","ArrowDown","Enter","handleKeyDown","stopPropagation","key","newValue","align","justify","gap"],"sources":["../../../../../../src/components/Pagination/PaginationNumberInput/PaginationNumberInput.tsx"],"sourcesContent":["import './PaginationNumberInput.css';\n\nimport React, { forwardRef, useCallback, useEffect, useMemo } from 'react';\nimport { ReactMaskOpts, useIMask } from 'react-imask';\n\nimport { Text } from '##/components/Text';\nimport { TextField } 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\n  const {\n    ref: inputRef,\n    value: stringValue,\n    setValue: setStringValue,\n  } = useIMask<HTMLInputElement, ReactMaskOpts>({\n    mask: Number,\n    scale: 0,\n    min: 1,\n    max: total,\n  });\n\n  const onChangeRef = useMutableRef(onChange);\n  const stringValueRef = useMutableRef(stringValue);\n  const setStringValueRef = useMutableRef(setStringValue);\n\n  const keysMap: Record<string, React.KeyboardEventHandler> = useMemo(() => {\n    return {\n      ArrowUp: (e) => {\n        e.preventDefault();\n        const value = Math.max(\n          Math.min(Number(stringValueRef.current) + 1, total),\n          1,\n        );\n        setStringValueRef.current(value.toString());\n      },\n\n      ArrowDown: (e) => {\n        e.preventDefault();\n        const value = Math.max(\n          Math.min(Number(stringValueRef.current) - 1, total),\n          1,\n        );\n        setStringValueRef.current(value.toString());\n      },\n\n      Enter: (e) => {\n        e.preventDefault();\n        if (Number(stringValueRef.current)) {\n          onChangeRef.current?.(Number(stringValueRef.current), { e });\n        }\n      },\n    };\n  }, [total]);\n\n  const handleKeyDown: React.KeyboardEventHandler = useCallback(\n    (e) => {\n      e.stopPropagation();\n      keysMap[e.key]?.(e);\n    },\n    [keysMap],\n  );\n\n  useEffect(() => {\n    const newValue = value?.toString() || '';\n    if (newValue !== stringValueRef.current) {\n      setStringValueRef.current(newValue);\n    }\n  }, [value]);\n\n  return (\n    <div\n      {...otherProps}\n      className={cnPaginationNumberInput({ size }, [\n        cnMixFlex({ align: 'center', justify: 'center', gap: 'xs' }),\n        className,\n      ])}\n      ref={ref}\n    >\n      <TextField\n        defaultValue={value ? value.toString() : undefined}\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/Pagination/PaginationNumberInput/index.js.map

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