@foxford/ui 2.0.0-beta-3c7bb9a-20220620 → 2.0.0-beta-ea0e9a4-20220620

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/components/ActionBtn/ActionBtn.js +1 -1
  2. package/components/ActionBtn/ActionBtn.js.map +1 -1
  3. package/components/Amount/Amount.js +1 -1
  4. package/components/Amount/Amount.js.map +1 -1
  5. package/components/Anchor/Anchor.js +1 -1
  6. package/components/Anchor/Anchor.js.map +1 -1
  7. package/components/Arrow/Arrow.js +1 -1
  8. package/components/Arrow/Arrow.js.map +1 -1
  9. package/components/Avatar/Avatar.js +1 -1
  10. package/components/Avatar/Avatar.js.map +1 -1
  11. package/components/Badge/Badge.js +1 -1
  12. package/components/Badge/Badge.js.map +1 -1
  13. package/components/Button/Button.js +1 -1
  14. package/components/Button/Button.js.map +1 -1
  15. package/components/Checkbox/Checkbox.js +1 -1
  16. package/components/Checkbox/Checkbox.js.map +1 -1
  17. package/components/Container/Container.js +1 -1
  18. package/components/Container/Container.js.map +1 -1
  19. package/components/ContextMenu/ContextMenu.js +1 -1
  20. package/components/ContextMenu/ContextMenu.js.map +1 -1
  21. package/components/Icon/Icon.js +1 -1
  22. package/components/Icon/Icon.js.map +1 -1
  23. package/components/Input/Input.js +1 -1
  24. package/components/Input/Input.js.map +1 -1
  25. package/components/Modal/Modal.js +1 -1
  26. package/components/Modal/Modal.js.map +1 -1
  27. package/components/Paper/Paper.js +1 -1
  28. package/components/Paper/Paper.js.map +1 -1
  29. package/components/Progress/Progress.js +1 -1
  30. package/components/Progress/Progress.js.map +1 -1
  31. package/components/Radio/Radio.js +1 -1
  32. package/components/Radio/Radio.js.map +1 -1
  33. package/components/Scrollable/Scrollable.js +1 -1
  34. package/components/Scrollable/Scrollable.js.map +1 -1
  35. package/components/Section/Section.js +1 -1
  36. package/components/Section/Section.js.map +1 -1
  37. package/components/Select/Select.js +1 -1
  38. package/components/Select/Select.js.map +1 -1
  39. package/components/Separator/Separator.js +1 -1
  40. package/components/Separator/Separator.js.map +1 -1
  41. package/components/Spacer/Spacer.js +1 -1
  42. package/components/Spacer/Spacer.js.map +1 -1
  43. package/components/Spinner/Spinner.js +1 -1
  44. package/components/Spinner/Spinner.js.map +1 -1
  45. package/components/Switcher/Switcher.js +1 -1
  46. package/components/Switcher/Switcher.js.map +1 -1
  47. package/components/Tabs/style.js +1 -1
  48. package/components/Tabs/style.js.map +1 -1
  49. package/components/Tag/Tag.js +1 -1
  50. package/components/Tag/Tag.js.map +1 -1
  51. package/components/Text/Text.js +1 -1
  52. package/components/Text/Text.js.map +1 -1
  53. package/components/Text.Ellipse/Text.Ellipse.js +1 -1
  54. package/components/Text.Ellipse/Text.Ellipse.js.map +1 -1
  55. package/components/Textarea/Textarea.js +1 -1
  56. package/components/Textarea/Textarea.js.map +1 -1
  57. package/components/Tooltip/Tooltip.js +1 -1
  58. package/components/Tooltip/Tooltip.js.map +1 -1
  59. package/dts/index.d.ts +44 -4
  60. package/index.cjs.js +1 -1
  61. package/index.cjs.js.map +1 -1
  62. package/package.json +1 -1
@@ -1,2 +1,2 @@
1
- import{Icon as s}from'../Icon/Icon.js';import'../Icon/icons.js';import{Root as o}from'./style.js';import{jsxs as i,jsx as c}from'react/jsx-runtime';function e(e){var{icon:n,disabled:t=!1,onClick:a,children:r,className:l,active:m,style:d}=e;return i(o,{className:l,style:d,disabled:t,active:m,onClick:a,children:[n&&c(s,{size:16,name:n}),r]})}export{e as ActionBtn};
1
+ import{Icon as s}from'../Icon/Icon.js';import'../Icon/icons.js';import{Root as o}from'./style.js';import{jsxs as i,jsx as n}from'react/jsx-runtime';function t(t){var{icon:a,disabled:c=!1,onClick:e,children:r,className:l,active:m,style:d}=t;return i(o,{className:l,style:d,disabled:c,active:m,onClick:e,children:[a&&n(s,{size:16,name:a}),r]})}t.displayName='ActionBtn';export{t as ActionBtn};
2
2
  //# sourceMappingURL=ActionBtn.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ActionBtn.js","sources":["../../../../src/components/ActionBtn/ActionBtn.tsx"],"sourcesContent":["import { Display } from '../../mixins/display'\nimport { BaseProps } from '../../shared/interfaces'\nimport { Icon, IconNames } from './../Icon'\nimport * as Styled from './style'\n\nexport interface ActionBtnProps extends BaseProps, Display {\n /** Icon name (for inner Icon component) */\n icon?: keyof typeof IconNames\n disabled?: boolean\n active?: boolean\n onClick?(): void\n /**\n * Children react node\n */\n children?: React.ReactNode\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function ActionBtn({ icon, disabled = false, onClick, children, className, active, style }: ActionBtnProps) {\n return (\n <Styled.Root className={className} style={style} disabled={disabled} active={active} onClick={onClick}>\n {icon && <Icon size={16} name={icon} />}\n {children}\n </Styled.Root>\n )\n}\n"],"names":["ActionBtn","_ref","icon","disabled","onClick","children","className","active","style","_jsxs","Styled.Root","_jsx","Icon","size","name"],"mappings":"oJAsBO,SAASA,EAAmGC,GAAA,IAAzFC,KAAEA,EAAFC,SAAQA,GAAW,EAAnBC,QAA0BA,EAA1BC,SAAmCA,EAAnCC,UAA6CA,EAA7CC,OAAwDA,EAAxDC,MAAgEA,GAAyBP,EACjH,OACEQ,EAACC,EAAD,CAAaJ,UAAWA,EAAWE,MAAOA,EAAOL,SAAUA,EAAUI,OAAQA,EAAQH,QAASA,EAA9FC,SACGH,CAAAA,GAAQS,EAACC,EAAD,CAAMC,KAAM,GAAIC,KAAMZ,IAC9BG"}
1
+ {"version":3,"file":"ActionBtn.js","sources":["../../../../src/components/ActionBtn/ActionBtn.tsx"],"sourcesContent":["import { Display } from '../../mixins/display'\nimport { BaseProps } from '../../shared/interfaces'\nimport { Icon, IconNames } from './../Icon'\nimport * as Styled from './style'\n\nexport interface ActionBtnProps extends BaseProps, Display {\n /** Icon name (for inner Icon component) */\n icon?: keyof typeof IconNames\n disabled?: boolean\n active?: boolean\n onClick?(): void\n /**\n * Children react node\n */\n children?: React.ReactNode\n}\n\nActionBtn.displayName = 'ActionBtn'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function ActionBtn({ icon, disabled = false, onClick, children, className, active, style }: ActionBtnProps) {\n return (\n <Styled.Root className={className} style={style} disabled={disabled} active={active} onClick={onClick}>\n {icon && <Icon size={16} name={icon} />}\n {children}\n </Styled.Root>\n )\n}\n"],"names":["ActionBtn","_ref","icon","disabled","onClick","children","className","active","style","_jsxs","Styled.Root","_jsx","Icon","size","name","displayName"],"mappings":"oJAwBO,SAASA,EAAmGC,GAAA,IAAzFC,KAAEA,EAAFC,SAAQA,GAAAA,EAARC,QAA0BA,EAA1BC,SAAmCA,EAAnCC,UAA6CA,EAA7CC,OAAwDA,EAAxDC,MAAgEA,GAAyBP,EACjH,OACEQ,EAACC,EAAD,CAAaJ,UAAWA,EAAWE,MAAOA,EAAOL,SAAUA,EAAUI,OAAQA,EAAQH,QAASA,EAA9FC,SACGH,CAAAA,GAAQS,EAACC,EAAD,CAAMC,KAAM,GAAIC,KAAMZ,IAC9BG,KAXPL,EAAUe,YAAc"}
@@ -1,2 +1,2 @@
1
- import r from'@babel/runtime/helpers/esm/objectSpread2';import e from'@babel/runtime/helpers/esm/objectWithoutProperties';import{PureComponent as t}from'react';import a from'clsx';import{Text as s}from'../Text/Text.js';import{CURRENCY_MAP as n}from'./data/index.js';import{Root as o}from'./style.js';import{jsxs as i,jsx as c,Fragment as l}from'react/jsx-runtime';var m=["value","digitsAfterPoint","currency","isHeader","className","style","crossedOut","onlyCurrency"];var u=/^0+$/;function d(r){var e=t=>{var{length:a}=t;if(a<=r)return[t];var s=a-r;return[t.slice(s,a)].concat(e(t.slice(0,s)))};return e}class p extends t{constructor(){super(...arguments),this.renderCurrencySymbol=r=>i("span",{style:{position:'relative'},children:['RUR'===this.props.currency?c("span",{style:{position:'absolute',width:0,opacity:0,visibility:'hidden'},children:"руб."}):null,c("span",{children:" ".concat(r)})]})}static getCurrencySymbol(r){return n[r]||r}renderMinorPart(r){var{showZeroMinorPart:e,separator:t}=this.props;var a=!1;return r&&(a=!0,!e&&u.test(r)&&(a=!1)),a?i("span",{className:"minor-container",children:[c("span",{className:"separator",children:t}),c("span",{className:"minor",children:r})]}):null}render(){var t=this.props,{value:n,digitsAfterPoint:u,currency:v,isHeader:y,className:h,style:b,crossedOut:f,onlyCurrency:P}=t,g=e(t,m);var{majorPart:j,minorPart:x,isNegative:C,currencySymbol:N}=function(r,e,t){var a=arguments.length>0&&void 0!==r?r:0;var s=arguments.length>1?e:void 0;var n=arguments.length>2?t:void 0;var o=a<0;var i=Math.abs(a).toFixed(s).split('.');var c=i[0];var l=i[1];var m=d(3)(c).reverse().join(' ');var u=m+(l?",".concat(l):'');return{majorPart:m,minorPart:l,value:u,isNegative:o,currencySymbol:n?p.getCurrencySymbol(n):''}}(n,u,v);var S=a('amount',h);var M=i(o,{className:S,style:b,crossedOut:f,children:[P?null:i(l,{children:[i("span",{className:"major",children:[C&&"−",j]}),this.renderMinorPart(x)]}),v&&this.renderCurrencySymbol(N)]});return c(y?s.Heading:s,r(r({},g),{},{as:"span",children:M}))}}p.defaultProps={isHeader:!1,showZeroMinorPart:!1,crossedOut:!1,digitsAfterPoint:2,separator:',',onlyCurrency:!1};export{p as Amount};
1
+ import r from'@babel/runtime/helpers/esm/objectSpread2';import e from'@babel/runtime/helpers/esm/objectWithoutProperties';import{PureComponent as t}from'react';import a from'clsx';import{Text as s}from'../Text/Text.js';import{CURRENCY_MAP as n}from'./data/index.js';import{Root as o}from'./style.js';import{jsxs as i,jsx as c,Fragment as l}from'react/jsx-runtime';var m=["value","digitsAfterPoint","currency","isHeader","className","style","crossedOut","onlyCurrency"];var u=/^0+$/;function d(r){var e=t=>{var{length:a}=t;if(a<=r)return[t];var s=a-r;return[t.slice(s,a)].concat(e(t.slice(0,s)))};return e}class p extends t{constructor(){super(...arguments),this.renderCurrencySymbol=r=>i("span",{style:{position:'relative'},children:['RUR'===this.props.currency?c("span",{style:{position:'absolute',width:0,opacity:0,visibility:'hidden'},children:"руб."}):null,c("span",{children:" ".concat(r)})]})}static getCurrencySymbol(r){return n[r]||r}renderMinorPart(r){var{showZeroMinorPart:e,separator:t}=this.props;var a=!1;return r&&(a=!0,!e&&u.test(r)&&(a=!1)),a?i("span",{className:"minor-container",children:[c("span",{className:"separator",children:t}),c("span",{className:"minor",children:r})]}):null}render(){var t=this.props,{value:n,digitsAfterPoint:u,currency:v,isHeader:y,className:h,style:b,crossedOut:f,onlyCurrency:P}=t,g=e(t,m);var{majorPart:j,minorPart:x,isNegative:N,currencySymbol:C}=function(r,e,t){var a=arguments.length>0&&void 0!==r?r:0;var s=arguments.length>1?e:void 0;var n=arguments.length>2?t:void 0;var o=a<0;var i=Math.abs(a).toFixed(s).split('.');var c=i[0];var l=i[1];var m=d(3)(c).reverse().join(' ');var u=m+(l?",".concat(l):'');return{majorPart:m,minorPart:l,value:u,isNegative:o,currencySymbol:n?p.getCurrencySymbol(n):''}}(n,u,v);var S=a('amount',h);var A=i(o,{className:S,style:b,crossedOut:f,children:[P?null:i(l,{children:[i("span",{className:"major",children:[N&&"−",j]}),this.renderMinorPart(x)]}),v&&this.renderCurrencySymbol(C)]});return c(y?s.Heading:s,r(r({},g),{},{as:"span",children:A}))}}p.displayName='Amount',p.defaultProps={isHeader:!1,showZeroMinorPart:!1,crossedOut:!1,digitsAfterPoint:2,separator:',',onlyCurrency:!1};export{p as Amount};
2
2
  //# sourceMappingURL=Amount.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Amount.js","sources":["../../../../src/components/Amount/Amount.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport cx from 'clsx'\nimport { Color } from '../../mixins/color'\nimport { ResponsiveProperty } from '../../mixins/responsive-property'\nimport { BaseProps } from '../../shared/interfaces'\nimport { Text } from '../Text/Text'\nimport { CurrencyCodes, CURRENCY_MAP } from './data'\nimport * as Styled from './style'\n\nexport interface AmountProps extends BaseProps, Color, ResponsiveProperty<'size'> {\n /**\n * Value for amount\n */\n value?: number\n /**\n * Digits after point\n */\n digitsAfterPoint?: number\n /**\n * Show zero minor part\n */\n showZeroMinorPart?: boolean\n /**\n * Separator of major and minor part of amount\n */\n separator?: string\n /**\n * International code of currency.\n */\n currency?: keyof typeof CurrencyCodes\n /**\n * Use Header component for display amount\n */\n isHeader?: boolean\n /**\n * Amount is not valid and will be crossed out with ```text-decoration: line-through```\n */\n crossedOut?: boolean\n /**\n * If need only currency symbol\n */\n onlyCurrency?: boolean\n}\n\nconst AMOUNT_MAJOR_PART_SIZE = 3\nconst ZERO_MINOR_PART_REGEXP = /^0+$/\nconst MINUS_SIGN_HTML_CODE = '\\u2212'\n\nfunction createSplitter(partSize: number): (_s: string) => string[] {\n const parts = (str: string): string[] => {\n const { length } = str\n\n if (length <= partSize) {\n return [str]\n }\n\n const from = length - partSize\n const to = length\n\n return [str.slice(from, to)].concat(parts(str.slice(0, from)))\n }\n\n return parts\n}\n\nfunction formatAmount(\n value: AmountProps['value'] = 0,\n digitsAfterPoint: AmountProps['digitsAfterPoint'],\n currencyCode: AmountProps['currency']\n) {\n const isNegative = value < 0\n\n const valueAbs = Math.abs(value)\n const valueAbsStr = valueAbs.toFixed(digitsAfterPoint)\n\n const numberParts = valueAbsStr.split('.')\n const majorPart = numberParts[0]\n const minorPart = numberParts[1]\n\n const amountSplitter = createSplitter(AMOUNT_MAJOR_PART_SIZE)\n\n const majorPartFormatted = amountSplitter(majorPart).reverse().join(' ')\n\n const formattedValueStr = majorPartFormatted + (minorPart ? `,${minorPart}` : '')\n\n return {\n majorPart: majorPartFormatted,\n minorPart,\n value: formattedValueStr,\n isNegative,\n currencySymbol: currencyCode ? Amount.getCurrencySymbol(currencyCode) : '',\n }\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveProperty<'size'>`](#/Миксины)\n */\nexport class Amount extends PureComponent<AmountProps> {\n static defaultProps = {\n isHeader: false,\n showZeroMinorPart: false,\n crossedOut: false,\n digitsAfterPoint: 2,\n separator: ',',\n onlyCurrency: false,\n }\n\n static getCurrencySymbol(currencyCode: keyof typeof CurrencyCodes) {\n return CURRENCY_MAP[currencyCode] || currencyCode\n }\n\n renderMinorPart(minorPart: string) {\n const { showZeroMinorPart, separator } = this.props\n\n let needMinorPart = false\n\n if (minorPart) {\n needMinorPart = true\n\n if (!showZeroMinorPart && ZERO_MINOR_PART_REGEXP.test(minorPart)) {\n needMinorPart = false\n }\n }\n\n if (needMinorPart) {\n return (\n <span className='minor-container'>\n <span className='separator'>{separator}</span>\n <span className='minor'>{minorPart}</span>\n </span>\n )\n }\n\n return null\n }\n\n renderCurrencySymbol = (currencySymbol: string) => (\n <span style={{ position: 'relative' }}>\n {this.props.currency === 'RUR' ? (\n <span\n style={{\n position: 'absolute',\n width: 0,\n opacity: 0,\n visibility: 'hidden',\n }}\n >\n руб.\n </span>\n ) : null}\n <span>{` ${currencySymbol}`}</span>\n </span>\n )\n\n render() {\n const { value, digitsAfterPoint, currency, isHeader, className, style, crossedOut, onlyCurrency, ...rest } =\n this.props\n\n const { majorPart, minorPart, isNegative, currencySymbol } = formatAmount(value, digitsAfterPoint, currency)\n\n const classNames = cx('amount', className)\n\n const amountInner = (\n <Styled.Root className={classNames} style={style} crossedOut={crossedOut}>\n {!onlyCurrency ? (\n <>\n <span className='major'>\n {isNegative && MINUS_SIGN_HTML_CODE}\n {majorPart}\n </span>\n {this.renderMinorPart(minorPart)}\n </>\n ) : null}\n {currency && this.renderCurrencySymbol(currencySymbol)}\n </Styled.Root>\n )\n\n const Element = isHeader ? Text.Heading : Text\n\n return (\n <Element {...rest} as='span'>\n {amountInner}\n </Element>\n )\n }\n}\n"],"names":["ZERO_MINOR_PART_REGEXP","createSplitter","partSize","parts","str","length","from","slice","concat","Amount","PureComponent","constructor","super","arguments","this","renderCurrencySymbol","currencySymbol","_jsxs","style","position","children","props","currency","_jsx","width","opacity","visibility","static","currencyCode","CURRENCY_MAP","renderMinorPart","minorPart","showZeroMinorPart","separator","needMinorPart","test","className","render","_this$props","value","digitsAfterPoint","isHeader","crossedOut","onlyCurrency","rest","_objectWithoutProperties","_excluded","majorPart","isNegative","r","e","t","numberParts","Math","abs","toFixed","split","majorPartFormatted","reverse","join","formattedValueStr","getCurrencySymbol","classNames","cx","amountInner","Styled.Root","_Fragment","Text","Heading","_objectSpread","as","defaultProps"],"mappings":"qdA6CA,IAAMA,EAAyB,OAG/B,SAASC,EAAeC,GACtB,IAAMC,EAASC,IACb,IAAMC,OAAEA,GAAWD,EAEnB,GAAIC,GAAUH,EACZ,MAAO,CAACE,GAGV,IAAME,EAAOD,EAASH,EAGtB,MAAO,CAACE,EAAIG,MAAMD,EAFPD,IAEkBG,OAAOL,EAAMC,EAAIG,MAAM,EAAGD,MAGzD,OAAOH,EAsCF,MAAMM,UAAeC,EAA2BC,cAAAC,SAAAC,WAAAC,KAuCrDC,qBAAwBC,GACtBC,EAAA,OAAA,CAAMC,MAAO,CAAEC,SAAU,YAAzBC,SAAA,CAC2B,QAAxBN,KAAKO,MAAMC,SACVC,EAAA,OAAA,CACEL,MAAO,CACLC,SAAU,WACVK,MAAO,EACPC,QAAS,EACTC,WAAY,UALhBN,SAAA,SAUE,KACJG,EAAA,OAAA,CAAAH,SAAA,IAAAZ,OAAWQ,QA3CSW,yBAACC,GACvB,OAAOC,EAAaD,IAAiBA,EAGvCE,gBAAgBC,GACd,IAAMC,kBAAEA,EAAFC,UAAqBA,GAAcnB,KAAKO,MAE9C,IAAIa,GAAgB,EAUpB,OARIH,IACFG,GAAAA,GAEKF,GAAqBhC,EAAuBmC,KAAKJ,KACpDG,OAIAA,EAEAjB,EAAA,OAAA,CAAMmB,UAAU,kBAAhBhB,SACE,CAAAG,EAAA,OAAA,CAAMa,UAAU,YAAhBhB,SAA6Ba,IAC7BV,EAAA,OAAA,CAAMa,UAAU,QAAhBhB,SAAyBW,OAKxB,KAqBTM,SACE,IAAAC,EACExB,KAAKO,OADDkB,MAAEA,EAAFC,iBAASA,EAATlB,SAA2BA,EAA3BmB,SAAqCA,EAArCL,UAA+CA,EAA/ClB,MAA0DA,EAA1DwB,WAAiEA,EAAjEC,aAA6EA,GAAnFL,EAAoGM,EAApGC,EAAAP,EAAAQ,GAGA,IAAMC,UAAEA,EAAFhB,UAAaA,EAAbiB,WAAwBA,EAAxBhC,eAAoCA,GAhG9C,SAAAiC,EAAAC,EAAAC,GAIE,IAHAZ,+BADFU,EAAAA,EACgC,EAG9B,IAFAT,EAEA3B,UAAAR,OAAA,EAJF6C,SAIE,IADAtB,EACAf,UAAAR,OAAA,EAJF8C,OAAA,EAKE,IAAMH,EAAaT,EAAQ,EAK3B,IAAMa,EAHWC,KAAKC,IAAIf,GACGgB,QAAQf,GAELgB,MAAM,KACtC,IAAMT,EAAYK,EAAY,GAC9B,IAAMrB,EAAYqB,EAAY,GAI9B,IAAMK,EAFiBxD,EAnCM,EAmCNA,CAEmB8C,GAAWW,UAAUC,KAAK,KAEpE,IAAMC,EAAoBH,GAAsB1B,EAAgBA,IAAAA,OAAAA,GAAc,IAE9E,MAAO,CACLgB,UAAWU,EACX1B,UAAAA,EACAQ,MAAOqB,EACPZ,WAAAA,EACAhC,eAAgBY,EAAenB,EAAOoD,kBAAkBjC,GAAgB,IAzB5E,CAgG8EW,EAAOC,EAAkBlB,GAEnG,IAAMwC,EAAaC,EAAG,SAAU3B,GAEhC,IAAM4B,EACJ/C,EAACgD,EAAD,CAAa7B,UAAW0B,EAAY5C,MAAOA,EAAOwB,WAAYA,EAA9DtB,SACG,CAACuB,EAQE,KAPF1B,EAAAiD,EAAA,CAAA9C,SACE,CAAAH,EAAA,OAAA,CAAMmB,UAAU,QAAhBhB,SAAA,CACG4B,GA5Hc,IA6HdD,KAEFjC,KAAKgB,gBAAgBC,MAGzBT,GAAYR,KAAKC,qBAAqBC,MAM3C,OACEO,EAHckB,EAAW0B,EAAKC,QAAUD,EAGxCE,EAAAA,EAAA,GAAazB,GAAb,GAAA,CAAmB0B,GAAG,OAAtBlD,SACG4C,MApFIvD,EACJ8D,aAAe,CACpB9B,UAAAA,EACAT,mBAAmB,EACnBU,cACAF,iBAAkB,EAClBP,UAAW,IACXU"}
1
+ {"version":3,"file":"Amount.js","sources":["../../../../src/components/Amount/Amount.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport cx from 'clsx'\nimport { Color } from '../../mixins/color'\nimport { ResponsiveProperty } from '../../mixins/responsive-property'\nimport { BaseProps } from '../../shared/interfaces'\nimport { Text } from '../Text/Text'\nimport { CurrencyCodes, CURRENCY_MAP } from './data'\nimport * as Styled from './style'\n\nexport interface AmountProps extends BaseProps, Color, ResponsiveProperty<'size'> {\n /**\n * Value for amount\n */\n value?: number\n /**\n * Digits after point\n */\n digitsAfterPoint?: number\n /**\n * Show zero minor part\n */\n showZeroMinorPart?: boolean\n /**\n * Separator of major and minor part of amount\n */\n separator?: string\n /**\n * International code of currency.\n */\n currency?: keyof typeof CurrencyCodes\n /**\n * Use Header component for display amount\n */\n isHeader?: boolean\n /**\n * Amount is not valid and will be crossed out with ```text-decoration: line-through```\n */\n crossedOut?: boolean\n /**\n * If need only currency symbol\n */\n onlyCurrency?: boolean\n}\n\nconst AMOUNT_MAJOR_PART_SIZE = 3\nconst ZERO_MINOR_PART_REGEXP = /^0+$/\nconst MINUS_SIGN_HTML_CODE = '\\u2212'\n\nfunction createSplitter(partSize: number): (_s: string) => string[] {\n const parts = (str: string): string[] => {\n const { length } = str\n\n if (length <= partSize) {\n return [str]\n }\n\n const from = length - partSize\n const to = length\n\n return [str.slice(from, to)].concat(parts(str.slice(0, from)))\n }\n\n return parts\n}\n\nfunction formatAmount(\n value: AmountProps['value'] = 0,\n digitsAfterPoint: AmountProps['digitsAfterPoint'],\n currencyCode: AmountProps['currency']\n) {\n const isNegative = value < 0\n\n const valueAbs = Math.abs(value)\n const valueAbsStr = valueAbs.toFixed(digitsAfterPoint)\n\n const numberParts = valueAbsStr.split('.')\n const majorPart = numberParts[0]\n const minorPart = numberParts[1]\n\n const amountSplitter = createSplitter(AMOUNT_MAJOR_PART_SIZE)\n\n const majorPartFormatted = amountSplitter(majorPart).reverse().join(' ')\n\n const formattedValueStr = majorPartFormatted + (minorPart ? `,${minorPart}` : '')\n\n return {\n majorPart: majorPartFormatted,\n minorPart,\n value: formattedValueStr,\n isNegative,\n currencySymbol: currencyCode ? Amount.getCurrencySymbol(currencyCode) : '',\n }\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveProperty<'size'>`](#/Миксины)\n */\nexport class Amount extends PureComponent<AmountProps> {\n static displayName = 'Amount'\n static defaultProps = {\n isHeader: false,\n showZeroMinorPart: false,\n crossedOut: false,\n digitsAfterPoint: 2,\n separator: ',',\n onlyCurrency: false,\n }\n\n static getCurrencySymbol(currencyCode: keyof typeof CurrencyCodes) {\n return CURRENCY_MAP[currencyCode] || currencyCode\n }\n\n renderMinorPart(minorPart: string) {\n const { showZeroMinorPart, separator } = this.props\n\n let needMinorPart = false\n\n if (minorPart) {\n needMinorPart = true\n\n if (!showZeroMinorPart && ZERO_MINOR_PART_REGEXP.test(minorPart)) {\n needMinorPart = false\n }\n }\n\n if (needMinorPart) {\n return (\n <span className='minor-container'>\n <span className='separator'>{separator}</span>\n <span className='minor'>{minorPart}</span>\n </span>\n )\n }\n\n return null\n }\n\n renderCurrencySymbol = (currencySymbol: string) => (\n <span style={{ position: 'relative' }}>\n {this.props.currency === 'RUR' ? (\n <span\n style={{\n position: 'absolute',\n width: 0,\n opacity: 0,\n visibility: 'hidden',\n }}\n >\n руб.\n </span>\n ) : null}\n <span>{` ${currencySymbol}`}</span>\n </span>\n )\n\n render() {\n const { value, digitsAfterPoint, currency, isHeader, className, style, crossedOut, onlyCurrency, ...rest } =\n this.props\n\n const { majorPart, minorPart, isNegative, currencySymbol } = formatAmount(value, digitsAfterPoint, currency)\n\n const classNames = cx('amount', className)\n\n const amountInner = (\n <Styled.Root className={classNames} style={style} crossedOut={crossedOut}>\n {!onlyCurrency ? (\n <>\n <span className='major'>\n {isNegative && MINUS_SIGN_HTML_CODE}\n {majorPart}\n </span>\n {this.renderMinorPart(minorPart)}\n </>\n ) : null}\n {currency && this.renderCurrencySymbol(currencySymbol)}\n </Styled.Root>\n )\n\n const Element = isHeader ? Text.Heading : Text\n\n return (\n <Element {...rest} as='span'>\n {amountInner}\n </Element>\n )\n }\n}\n"],"names":["ZERO_MINOR_PART_REGEXP","createSplitter","partSize","parts","str","length","from","slice","concat","Amount","PureComponent","constructor","super","arguments","this","renderCurrencySymbol","currencySymbol","_jsxs","style","position","children","props","currency","_jsx","width","opacity","visibility","static","currencyCode","CURRENCY_MAP","renderMinorPart","minorPart","showZeroMinorPart","separator","needMinorPart","test","className","render","_this$props","value","digitsAfterPoint","isHeader","crossedOut","onlyCurrency","rest","_objectWithoutProperties","_excluded","majorPart","isNegative","r","e","t","undefined","numberParts","Math","abs","toFixed","split","majorPartFormatted","reverse","join","formattedValueStr","getCurrencySymbol","classNames","cx","amountInner","Styled.Root","_Fragment","Text","Heading","_objectSpread","as","displayName","defaultProps"],"mappings":"qdA6CA,IAAMA,EAAyB,OAG/B,SAASC,EAAeC,GACtB,IAAMC,EAASC,IACb,IAAMC,OAAEA,GAAWD,EAEnB,GAAIC,GAAUH,EACZ,MAAO,CAACE,GAGV,IAAME,EAAOD,EAASH,EAGtB,MAAO,CAACE,EAAIG,MAAMD,EAFPD,IAEkBG,OAAOL,EAAMC,EAAIG,MAAM,EAAGD,MAGzD,OAAOH,EAsCF,MAAMM,UAAeC,EAA2BC,cAAAC,SAAAC,WAAAC,KAwCrDC,qBAAwBC,GACtBC,EAAA,OAAA,CAAMC,MAAO,CAAEC,SAAU,YAAzBC,SAAA,CAC2B,QAAxBN,KAAKO,MAAMC,SACVC,EAAA,OAAA,CACEL,MAAO,CACLC,SAAU,WACVK,MAAO,EACPC,QAAS,EACTC,WAAY,UALhBN,SAAA,SAUE,KACJG,EAAA,OAAA,CAAAH,SAAA,IAAAZ,OAAWQ,QA3CSW,yBAACC,GACvB,OAAOC,EAAaD,IAAiBA,EAGvCE,gBAAgBC,GACd,IAAMC,kBAAEA,EAAFC,UAAqBA,GAAcnB,KAAKO,MAE9C,IAAIa,GAAAA,EAUJ,OARIH,IACFG,MAEKF,GAAqBhC,EAAuBmC,KAAKJ,KACpDG,GAAgB,IAIhBA,EAEAjB,EAAA,OAAA,CAAMmB,UAAU,kBAAhBhB,SACE,CAAAG,EAAA,OAAA,CAAMa,UAAU,YAAhBhB,SAA6Ba,IAC7BV,EAAA,OAAA,CAAMa,UAAU,QAAhBhB,SAAyBW,OAKxB,KAqBTM,SACE,IAAAC,EACExB,KAAKO,OADDkB,MAAEA,EAAFC,iBAASA,EAATlB,SAA2BA,EAA3BmB,SAAqCA,EAArCL,UAA+CA,EAA/ClB,MAA0DA,EAA1DwB,WAAiEA,EAAjEC,aAA6EA,GAAnFL,EAAoGM,EAApGC,EAAAP,EAAAQ,GAGA,IAAMC,UAAEA,EAAFhB,UAAaA,EAAbiB,WAAwBA,EAAxBhC,eAAoCA,GAjG9C,SAAAiC,EAAAC,EAAAC,GAIE,IAHAZ,+BADFU,EAAAA,EACgC,EAG9B,IAFAT,EAEA3B,UAAAR,OAAA,EAJF6C,SAIE,IADAtB,EACAf,UAAAR,OAAA,EAJF8C,OAIEC,EACA,IAAMJ,EAAaT,EAAQ,EAK3B,IAAMc,EAHWC,KAAKC,IAAIhB,GACGiB,QAAQhB,GAELiB,MAAM,KACtC,IAAMV,EAAYM,EAAY,GAC9B,IAAMtB,EAAYsB,EAAY,GAI9B,IAAMK,EAFiBzD,EAnCM,EAmCNA,CAEmB8C,GAAWY,UAAUC,KAAK,KAEpE,IAAMC,EAAoBH,GAAsB3B,EAAgBA,IAAAA,OAAAA,GAAc,IAE9E,MAAO,CACLgB,UAAWW,EACX3B,UAAAA,EACAQ,MAAOsB,EACPb,WAAAA,EACAhC,eAAgBY,EAAenB,EAAOqD,kBAAkBlC,GAAgB,IAzB5E,CAiG8EW,EAAOC,EAAkBlB,GAEnG,IAAMyC,EAAaC,EAAG,SAAU5B,GAEhC,IAAM6B,EACJhD,EAACiD,EAAD,CAAa9B,UAAW2B,EAAY7C,MAAOA,EAAOwB,WAAYA,EAA9DtB,SACG,CAACuB,EAQE,KAPF1B,EAAAkD,EAAA,CAAA/C,SACE,CAAAH,EAAA,OAAA,CAAMmB,UAAU,QAAhBhB,SAAA,CACG4B,GA7Hc,IA8HdD,KAEFjC,KAAKgB,gBAAgBC,MAGzBT,GAAYR,KAAKC,qBAAqBC,MAM3C,OACEO,EAHckB,EAAW2B,EAAKC,QAAUD,EAGxCE,EAAAA,EAAA,GAAa1B,GAAb,GAAA,CAAmB2B,GAAG,OAAtBnD,SACG6C,MArFIxD,EACJ+D,YAAc,SADV/D,EAEJgE,aAAe,CACpBhC,UAAAA,EACAT,mBAAmB,EACnBU,cACAF,iBAAkB,EAClBP,UAAW,IACXU"}
@@ -1,2 +1,2 @@
1
- import e from'@babel/runtime/helpers/esm/objectSpread2';import s from'@babel/runtime/helpers/esm/objectWithoutProperties';import{Link as i}from'react-router-dom';import{Root as r}from'./style.js';import{jsx as o}from'react/jsx-runtime';var a=["as","to","href","wrapper","className","style","children","content","pseudo","underline","color","display","size","sizeXS","sizeS","sizeM","sizeL","sizeXL"];function l(l){var{as:z,to:p,href:t,wrapper:n,className:d,style:c,children:m,content:u,pseudo:L,underline:S,color:h,display:X,size:f,sizeXS:y,sizeS:b,sizeM:M,sizeL:v,sizeXL:w}=l,N=s(l,a);var j;j='div'!==z||X?'inline':'block';var x={};return u&&(x={dangerouslySetInnerHTML:{__html:u}}),o(r,e(z?e(e({as:z,pseudo:L,wrapper:n,underline:S,href:t,className:d,style:c,color:h,size:f,display:j,sizeXS:y,sizeS:b,sizeM:M,sizeL:v,sizeXL:w},N),x):L?e(e({as:"div",pseudo:L,wrapper:n,underline:S,href:t,className:d,color:h,size:f,display:j,sizeXS:y,sizeS:b,sizeM:M,sizeL:v,sizeXL:w},N),x):p?e(e({as:i,to:p,pseudo:L,wrapper:n,underline:S,className:d,color:h,size:f,display:j,sizeXS:y,sizeS:b,sizeM:M,sizeL:v,sizeXL:w},N),x):e(e({as:"a",href:t,pseudo:L,wrapper:n,underline:S,className:d,color:h,size:f,display:j,sizeXS:y,sizeS:b,sizeM:M,sizeL:v,sizeXL:w},x),N),{},{children:m}))}export{l as Anchor};
1
+ import e from'@babel/runtime/helpers/esm/objectSpread2';import s from'@babel/runtime/helpers/esm/objectWithoutProperties';import{Link as i}from'react-router-dom';import{Root as r}from'./style.js';import{jsx as a}from'react/jsx-runtime';var o=["as","to","href","wrapper","className","style","children","content","pseudo","underline","color","display","size","sizeXS","sizeS","sizeM","sizeL","sizeXL"];function l(l){var{as:z,to:p,href:n,wrapper:t,className:d,style:c,children:m,content:u,pseudo:h,underline:L,color:S,display:y,size:X,sizeXS:f,sizeS:b,sizeM:M,sizeL:N,sizeXL:v}=l,w=s(l,o);var j;j='div'!==z||y?'inline':'block';var x={};return u&&(x={dangerouslySetInnerHTML:{__html:u}}),a(r,e(z?e(e({as:z,pseudo:h,wrapper:t,underline:L,href:n,className:d,style:c,color:S,size:X,display:j,sizeXS:f,sizeS:b,sizeM:M,sizeL:N,sizeXL:v},w),x):h?e(e({as:"div",pseudo:h,wrapper:t,underline:L,href:n,className:d,color:S,size:X,display:j,sizeXS:f,sizeS:b,sizeM:M,sizeL:N,sizeXL:v},w),x):p?e(e({as:i,to:p,pseudo:h,wrapper:t,underline:L,className:d,color:S,size:X,display:j,sizeXS:f,sizeS:b,sizeM:M,sizeL:N,sizeXL:v},w),x):e(e({as:"a",href:n,pseudo:h,wrapper:t,underline:L,className:d,color:S,size:X,display:j,sizeXS:f,sizeS:b,sizeM:M,sizeL:N,sizeXL:v},x),w),{},{children:m}))}l.displayName='Anchor';export{l as Anchor};
2
2
  //# sourceMappingURL=Anchor.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Anchor.js","sources":["../../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import { Link } from 'react-router-dom'\nimport { BaseProps } from '../../shared/interfaces'\nimport { ResponsiveProperty } from '../../mixins/responsive-property'\nimport { Color } from '../../mixins/color'\nimport { Display } from '../../mixins/display'\nimport * as Styled from './style'\n\nexport interface AnchorProps extends BaseProps, Color, ResponsiveProperty<'size'>, Display {\n /**\n * Custom CSS class name\n */\n as?: 'div' | 'span' | 'a' | typeof Link\n /**\n * React router link to\n */\n to?: string\n /**\n * Link href\n */\n href?: string\n /**\n * Is display inline\n * */\n wrapper?: boolean\n /**\n * Pseudo link has dashed bottom border\n * */\n pseudo?: boolean\n /**\n * If link should be underlined\n * */\n underline?: boolean\n /**\n * Primary content\n */\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * Primary content\n */\n content?: string\n /**\n * Onclick handler\n */\n onClick?: () => void\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveProperty<'size'>`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function Anchor(props: AnchorProps) {\n const {\n as,\n to,\n href,\n wrapper,\n className,\n style,\n children,\n content,\n pseudo,\n underline,\n color,\n display,\n size,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n ...rest\n } = props\n\n let _display: Display['display']\n\n if (as === 'div' && !display) _display = 'block'\n else _display = 'inline'\n\n let contentProps = {}\n\n if (content) {\n contentProps = {\n dangerouslySetInnerHTML: { __html: content },\n }\n }\n\n if (as)\n return (\n <Styled.Root\n as={as}\n pseudo={pseudo}\n wrapper={wrapper}\n underline={underline}\n href={href}\n className={className}\n style={style}\n color={color}\n size={size}\n display={_display}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n {...rest}\n {...contentProps}\n >\n {children}\n </Styled.Root>\n )\n\n if (pseudo)\n return (\n <Styled.Root\n as='div'\n pseudo={pseudo}\n wrapper={wrapper}\n underline={underline}\n href={href}\n className={className}\n color={color}\n size={size}\n display={_display}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n {...rest}\n {...contentProps}\n >\n {children}\n </Styled.Root>\n )\n else if (to)\n return (\n <Styled.Root\n as={Link}\n to={to}\n pseudo={pseudo}\n wrapper={wrapper}\n underline={underline}\n className={className}\n color={color}\n size={size}\n display={_display}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n {...rest}\n {...contentProps}\n >\n {children}\n </Styled.Root>\n )\n else\n return (\n <Styled.Root\n as='a'\n href={href}\n pseudo={pseudo}\n wrapper={wrapper}\n underline={underline}\n className={className}\n color={color}\n size={size}\n display={_display}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n {...contentProps}\n {...rest}\n >\n {children}\n </Styled.Root>\n )\n}\n"],"names":["Anchor","props","as","to","href","wrapper","className","style","children","content","pseudo","underline","color","display","size","sizeXS","sizeS","sizeM","sizeL","sizeXL","rest","_excluded","_display","contentProps","dangerouslySetInnerHTML","__html","_jsx","Styled.Root","_objectSpread","Link"],"mappings":"gZAwDO,SAASA,EAAOC,GACrB,IAAMC,GACJA,EADIC,GAEJA,EAFIC,KAGJA,EAHIC,QAIJA,EAJIC,UAKJA,EALIC,MAMJA,EANIC,SAOJA,EAPIC,QAQJA,EARIC,OASJA,EATIC,UAUJA,EAVIC,MAWJA,EAXIC,QAYJA,EAZIC,KAaJA,EAbIC,OAcJA,EAdIC,MAeJA,EAfIC,MAgBJA,EAhBIC,MAiBJA,EAjBIC,OAkBJA,GAEElB,EADCmB,IACDnB,EApBJoB,GAsBA,IAAIC,EAGCA,EADM,QAAPpB,GAAiBW,EACL,SADyB,QAGzC,IAAIU,EAAe,GAQnB,OANId,IACFc,EAAe,CACbC,wBAAyB,CAAEC,OAAQhB,KAMnCiB,EAACC,EAADC,EAFA1B,EAEA0B,EAAAA,EAAA,CACE1B,GAAIA,EACJQ,OAAQA,EACRL,QAASA,EACTM,UAAWA,EACXP,KAAMA,EACNE,UAAWA,EACXC,MAAOA,EACPK,MAAOA,EACPE,KAAMA,EACND,QAASS,EACTP,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,GACJC,GACAG,GAMNb,EAEAkB,EAAAA,EAAA,CACE1B,GAAG,MACHQ,OAAQA,EACRL,QAASA,EACTM,UAAWA,EACXP,KAAMA,EACNE,UAAWA,EACXM,MAAOA,EACPE,KAAMA,EACND,QAASS,EACTP,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,GACJC,GACAG,GAKDpB,EAELyB,EAAAA,EAAA,CACE1B,GAAI2B,EACJ1B,GAAIA,EACJO,OAAQA,EACRL,QAASA,EACTM,UAAWA,EACXL,UAAWA,EACXM,MAAOA,EACPE,KAAMA,EACND,QAASS,EACTP,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,GACJC,GACAG,GAONK,EAAAA,EAAA,CACE1B,GAAG,IACHE,KAAMA,EACNM,OAAQA,EACRL,QAASA,EACTM,UAAWA,EACXL,UAAWA,EACXM,MAAOA,EACPE,KAAMA,EACND,QAASS,EACTP,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,GACJI,GACAH,GAvFN,GAAA,CAAAZ,SAmBGA"}
1
+ {"version":3,"file":"Anchor.js","sources":["../../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import { Link } from 'react-router-dom'\nimport { BaseProps } from '../../shared/interfaces'\nimport { ResponsiveProperty } from '../../mixins/responsive-property'\nimport { Color } from '../../mixins/color'\nimport { Display } from '../../mixins/display'\nimport * as Styled from './style'\n\nexport interface AnchorProps extends BaseProps, Color, ResponsiveProperty<'size'>, Display {\n /**\n * Custom CSS class name\n */\n as?: 'div' | 'span' | 'a' | typeof Link\n /**\n * React router link to\n */\n to?: string\n /**\n * Link href\n */\n href?: string\n /**\n * Is display inline\n * */\n wrapper?: boolean\n /**\n * Pseudo link has dashed bottom border\n * */\n pseudo?: boolean\n /**\n * If link should be underlined\n * */\n underline?: boolean\n /**\n * Primary content\n */\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * Primary content\n */\n content?: string\n /**\n * Onclick handler\n */\n onClick?: () => void\n}\n\nAnchor.displayName = 'Anchor'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveProperty<'size'>`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function Anchor(props: AnchorProps) {\n const {\n as,\n to,\n href,\n wrapper,\n className,\n style,\n children,\n content,\n pseudo,\n underline,\n color,\n display,\n size,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n ...rest\n } = props\n\n let _display: Display['display']\n\n if (as === 'div' && !display) _display = 'block'\n else _display = 'inline'\n\n let contentProps = {}\n\n if (content) {\n contentProps = {\n dangerouslySetInnerHTML: { __html: content },\n }\n }\n\n if (as)\n return (\n <Styled.Root\n as={as}\n pseudo={pseudo}\n wrapper={wrapper}\n underline={underline}\n href={href}\n className={className}\n style={style}\n color={color}\n size={size}\n display={_display}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n {...rest}\n {...contentProps}\n >\n {children}\n </Styled.Root>\n )\n\n if (pseudo)\n return (\n <Styled.Root\n as='div'\n pseudo={pseudo}\n wrapper={wrapper}\n underline={underline}\n href={href}\n className={className}\n color={color}\n size={size}\n display={_display}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n {...rest}\n {...contentProps}\n >\n {children}\n </Styled.Root>\n )\n else if (to)\n return (\n <Styled.Root\n as={Link}\n to={to}\n pseudo={pseudo}\n wrapper={wrapper}\n underline={underline}\n className={className}\n color={color}\n size={size}\n display={_display}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n {...rest}\n {...contentProps}\n >\n {children}\n </Styled.Root>\n )\n else\n return (\n <Styled.Root\n as='a'\n href={href}\n pseudo={pseudo}\n wrapper={wrapper}\n underline={underline}\n className={className}\n color={color}\n size={size}\n display={_display}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n {...contentProps}\n {...rest}\n >\n {children}\n </Styled.Root>\n )\n}\n"],"names":["Anchor","props","as","to","href","wrapper","className","style","children","content","pseudo","underline","color","display","size","sizeXS","sizeS","sizeM","sizeL","sizeXL","rest","_excluded","_display","contentProps","dangerouslySetInnerHTML","__html","_jsx","Styled.Root","_objectSpread","Link","displayName"],"mappings":"gZA0DO,SAASA,EAAOC,GACrB,IAAMC,GACJA,EADIC,GAEJA,EAFIC,KAGJA,EAHIC,QAIJA,EAJIC,UAKJA,EALIC,MAMJA,EANIC,SAOJA,EAPIC,QAQJA,EARIC,OASJA,EATIC,UAUJA,EAVIC,MAWJA,EAXIC,QAYJA,EAZIC,KAaJA,EAbIC,OAcJA,EAdIC,MAeJA,EAfIC,MAgBJA,EAhBIC,MAiBJA,EAjBIC,OAkBJA,GAEElB,EADCmB,IACDnB,EApBJoB,GAsBA,IAAIC,EAGCA,EADM,QAAPpB,GAAiBW,EACL,SADyB,QAGzC,IAAIU,EAAe,GAQnB,OANId,IACFc,EAAe,CACbC,wBAAyB,CAAEC,OAAQhB,KAMnCiB,EAACC,EAADC,EAFA1B,EAEA0B,EAAAA,EAAA,CACE1B,GAAIA,EACJQ,OAAQA,EACRL,QAASA,EACTM,UAAWA,EACXP,KAAMA,EACNE,UAAWA,EACXC,MAAOA,EACPK,MAAOA,EACPE,KAAMA,EACND,QAASS,EACTP,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,GACJC,GACAG,GAMNb,EAEAkB,EAAAA,EAAA,CACE1B,GAAG,MACHQ,OAAQA,EACRL,QAASA,EACTM,UAAWA,EACXP,KAAMA,EACNE,UAAWA,EACXM,MAAOA,EACPE,KAAMA,EACND,QAASS,EACTP,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,GACJC,GACAG,GAKDpB,EAELyB,EAAAA,EAAA,CACE1B,GAAI2B,EACJ1B,GAAIA,EACJO,OAAQA,EACRL,QAASA,EACTM,UAAWA,EACXL,UAAWA,EACXM,MAAOA,EACPE,KAAMA,EACND,QAASS,EACTP,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,GACJC,GACAG,GAONK,EAAAA,EAAA,CACE1B,GAAG,IACHE,KAAMA,EACNM,OAAQA,EACRL,QAASA,EACTM,UAAWA,EACXL,UAAWA,EACXM,MAAOA,EACPE,KAAMA,EACND,QAASS,EACTP,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,GACJI,GACAH,GAvFN,GAAA,CAAAZ,SAmBGA,KAlETR,EAAO8B,YAAc"}
@@ -1,2 +1,2 @@
1
- import t from'@babel/runtime/helpers/esm/objectSpread2';import r from'@babel/runtime/helpers/esm/objectWithoutProperties';import{PureComponent as e}from'react';import o from'./images/arrow.module.svg.js';import{Root as s}from'./style.js';import{jsx as i}from'react/jsx-runtime';var a=["top","right","bottom","left","onClick"];var l={top:0,right:90,bottom:180,left:270};class n extends e{constructor(){super(...arguments),this.onClickHandler=t=>{t.preventDefault();var{disabled:r,onClick:e}=this.props;r||'function'!=typeof e||e(t)}}render(){var e=this.props,{top:n,right:p,bottom:m,left:c}=e,f=r(e,a);var b={top:n&&!m,right:p&&!c,bottom:m&&!n,left:c&&!p};var d=Object.values(b).filter((t=>!0===t)).length>1;var h=Object.keys(b).reduce(((t,r)=>b[r]?t+l[r]:t),0)/(d?2:1);var u={transform:"rotate(".concat(h,"deg)").concat(d?' translateY(-3px)':'')};return i(s,t(t({},f),{},{onClick:this.onClickHandler,children:i("span",{children:i(o,{style:u})})}))}}n.defaultProps={size:'l',top:!1,right:!1,bottom:!1,left:!1,inverse:!1,outline:!1,disabled:!1,onClick:()=>{}};export{n as Arrow};
1
+ import t from'@babel/runtime/helpers/esm/objectSpread2';import r from'@babel/runtime/helpers/esm/objectWithoutProperties';import{PureComponent as e}from'react';import o from'./images/arrow.module.svg.js';import{Root as s}from'./style.js';import{jsx as i}from'react/jsx-runtime';var a=["top","right","bottom","left","onClick"];var l={top:0,right:90,bottom:180,left:270};class n extends e{constructor(){super(...arguments),this.onClickHandler=t=>{t.preventDefault();var{disabled:r,onClick:e}=this.props;r||'function'!=typeof e||e(t)}}render(){var e=this.props,{top:n,right:p,bottom:m,left:c}=e,f=r(e,a);var d={top:n&&!m,right:p&&!c,bottom:m&&!n,left:c&&!p};var b=Object.values(d).filter((t=>!0===t)).length>1;var h=Object.keys(d).reduce(((t,r)=>d[r]?t+l[r]:t),0)/(b?2:1);var u={transform:"rotate(".concat(h,"deg)").concat(b?' translateY(-3px)':'')};return i(s,t(t({},f),{},{onClick:this.onClickHandler,children:i("span",{children:i(o,{style:u})})}))}}n.displayName='Arrow',n.defaultProps={size:'l',top:!1,right:!1,bottom:!1,left:!1,inverse:!1,outline:!1,disabled:!1,onClick:()=>{}};export{n as Arrow};
2
2
  //# sourceMappingURL=Arrow.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Arrow.js","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport { BaseProps } from '../../shared/interfaces'\nimport ArrowSvg from './images/arrow.module.svg'\nimport * as Styled from './style'\n\nconst DIR_MAP = {\n top: 0,\n right: 90,\n bottom: 180,\n left: 270,\n}\n\nexport interface ArrowProps extends BaseProps {\n /**\n * Size of icon\n */\n size?: 'xs' | 'm' | 'l'\n /**\n * Direction arrow\n */\n top?: boolean\n /**\n * Direction arrow\n */\n right?: boolean\n /**\n * Direction arrow\n */\n bottom?: boolean\n /**\n * Direction arrow\n */\n left?: boolean\n inverse?: boolean\n outline?: boolean\n disabled?: boolean\n // eslint-disable-next-line no-unused-vars\n onClick?(event: React.MouseEvent<HTMLButtonElement>): void\n}\n\n/* eslint-disable react/prefer-stateless-function */\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n */\nexport class Arrow extends PureComponent<ArrowProps> {\n static defaultProps = {\n size: 'l',\n top: false,\n right: false,\n bottom: false,\n left: false,\n inverse: false,\n outline: false,\n disabled: false,\n onClick: () => undefined,\n }\n\n onClickHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault()\n const { disabled, onClick } = this.props\n\n if (!disabled && typeof onClick === 'function') {\n onClick(event)\n }\n }\n\n render() {\n const {\n top,\n right,\n bottom,\n left,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n onClick, // eslint-disable-line no-unused-vars\n ...restProps\n } = this.props\n\n const arrowDir = {\n top: top && !bottom,\n right: right && !left,\n bottom: bottom && !top,\n left: left && !right,\n }\n\n const isMultiDir = Object.values(arrowDir).filter((value) => value === true).length > 1\n\n const rotateDeg =\n Object.keys(arrowDir).reduce((acc, key) => (arrowDir[key] ? acc + DIR_MAP[key] : acc), 0) / (isMultiDir ? 2 : 1)\n\n const arrowStyle = {\n transform: `rotate(${rotateDeg}deg)${isMultiDir ? ' translateY(-3px)' : ''}`,\n }\n\n return (\n <Styled.Root {...restProps} onClick={this.onClickHandler}>\n <span>\n <ArrowSvg style={arrowStyle} />\n </span>\n </Styled.Root>\n )\n }\n}\n"],"names":["DIR_MAP","top","right","bottom","left","Arrow","PureComponent","constructor","super","arguments","this","onClickHandler","event","preventDefault","disabled","onClick","props","render","_this$props","restProps","_objectWithoutProperties","_excluded","arrowDir","isMultiDir","Object","values","filter","value","length","rotateDeg","keys","reduce","acc","key","arrowStyle","transform","concat","_jsx","Styled.Root","children","ArrowSvg","style","defaultProps","size","inverse","outline"],"mappings":"sUAKA,IAAMA,EAAU,CACdC,IAAK,EACLC,MAAO,GACPC,OAAQ,IACRC,KAAM,KAqCD,MAAMC,UAAcC,EAA0BC,cAAAC,SAAAC,WAAAC,KAanDC,eAAkBC,IAChBA,EAAMC,iBACN,IAAMC,SAAEA,EAAFC,QAAYA,GAAYL,KAAKM,MAE9BF,GAA+B,mBAAZC,GACtBA,EAAQH,IAIZK,SACE,IAAAC,EAQIR,KAAKM,OARHf,IACJA,EADIC,MAEJA,EAFIC,OAGJA,EAHIC,KAIJA,GAJFc,EAOKC,EAPLC,EAAAF,EAAAG,GAUA,IAAMC,EAAW,CACfrB,IAAKA,IAAQE,EACbD,MAAOA,IAAUE,EACjBD,OAAQA,IAAWF,EACnBG,KAAMA,IAASF,GAGjB,IAAMqB,EAAaC,OAAOC,OAAOH,GAAUI,QAAQC,QAAUA,IAAgBC,OAAS,EAEtF,IAAMC,EACJL,OAAOM,KAAKR,GAAUS,QAAAA,CAAQC,EAAKC,IAASX,EAASW,GAAOD,EAAMhC,EAAQiC,GAAOD,GAAM,IAAMT,EAAa,EAAI,GAEhH,IAAMW,EAAa,CACjBC,2BAAqBN,EAAZ,QAAAO,OAA4Bb,EAAa,oBAAsB,KAG1E,OACEc,EAACC,SAAgBnB,GAAjB,GAAA,CAA4BJ,QAASL,KAAKC,eAA1C4B,SACEF,EAAA,OAAA,CAAAE,SACEF,EAACG,EAAD,CAAUC,MAAOP,UApDd7B,EACJqC,aAAe,CACpBC,KAAM,IACN1C,OACAC,OAAAA,EACAC,QAAQ,EACRC,MAAM,EACNwC,WACAC,SAAAA,EACA/B,UAAU,EACVC,QAAS"}
1
+ {"version":3,"file":"Arrow.js","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport { BaseProps } from '../../shared/interfaces'\nimport ArrowSvg from './images/arrow.module.svg'\nimport * as Styled from './style'\n\nconst DIR_MAP = {\n top: 0,\n right: 90,\n bottom: 180,\n left: 270,\n}\n\nexport interface ArrowProps extends BaseProps {\n /**\n * Size of icon\n */\n size?: 'xs' | 'm' | 'l'\n /**\n * Direction arrow\n */\n top?: boolean\n /**\n * Direction arrow\n */\n right?: boolean\n /**\n * Direction arrow\n */\n bottom?: boolean\n /**\n * Direction arrow\n */\n left?: boolean\n inverse?: boolean\n outline?: boolean\n disabled?: boolean\n // eslint-disable-next-line no-unused-vars\n onClick?(event: React.MouseEvent<HTMLButtonElement>): void\n}\n\n/* eslint-disable react/prefer-stateless-function */\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n */\nexport class Arrow extends PureComponent<ArrowProps> {\n static displayName = 'Arrow'\n static defaultProps = {\n size: 'l',\n top: false,\n right: false,\n bottom: false,\n left: false,\n inverse: false,\n outline: false,\n disabled: false,\n onClick: () => undefined,\n }\n\n onClickHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault()\n const { disabled, onClick } = this.props\n\n if (!disabled && typeof onClick === 'function') {\n onClick(event)\n }\n }\n\n render() {\n const {\n top,\n right,\n bottom,\n left,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n onClick, // eslint-disable-line no-unused-vars\n ...restProps\n } = this.props\n\n const arrowDir = {\n top: top && !bottom,\n right: right && !left,\n bottom: bottom && !top,\n left: left && !right,\n }\n\n const isMultiDir = Object.values(arrowDir).filter((value) => value === true).length > 1\n\n const rotateDeg =\n Object.keys(arrowDir).reduce((acc, key) => (arrowDir[key] ? acc + DIR_MAP[key] : acc), 0) / (isMultiDir ? 2 : 1)\n\n const arrowStyle = {\n transform: `rotate(${rotateDeg}deg)${isMultiDir ? ' translateY(-3px)' : ''}`,\n }\n\n return (\n <Styled.Root {...restProps} onClick={this.onClickHandler}>\n <span>\n <ArrowSvg style={arrowStyle} />\n </span>\n </Styled.Root>\n )\n }\n}\n"],"names":["DIR_MAP","top","right","bottom","left","Arrow","PureComponent","constructor","super","arguments","this","onClickHandler","event","preventDefault","disabled","onClick","props","render","_this$props","restProps","_objectWithoutProperties","_excluded","arrowDir","isMultiDir","Object","values","filter","value","length","rotateDeg","keys","reduce","acc","key","arrowStyle","transform","concat","_jsx","Styled.Root","children","ArrowSvg","style","displayName","defaultProps","size","inverse","outline"],"mappings":"sUAKA,IAAMA,EAAU,CACdC,IAAK,EACLC,MAAO,GACPC,OAAQ,IACRC,KAAM,KAqCD,MAAMC,UAAcC,EAA0BC,cAAAC,SAAAC,WAAAC,KAcnDC,eAAkBC,IAChBA,EAAMC,iBACN,IAAMC,SAAEA,EAAFC,QAAYA,GAAYL,KAAKM,MAE9BF,GAA+B,mBAAZC,GACtBA,EAAQH,IAIZK,SACE,IAAAC,EAQIR,KAAKM,OARHf,IACJA,EADIC,MAEJA,EAFIC,OAGJA,EAHIC,KAIJA,GAJFc,EAOKC,EAPLC,EAAAF,EAAAG,GAUA,IAAMC,EAAW,CACfrB,IAAKA,IAAQE,EACbD,MAAOA,IAAUE,EACjBD,OAAQA,IAAWF,EACnBG,KAAMA,IAASF,GAGjB,IAAMqB,EAAaC,OAAOC,OAAOH,GAAUI,QAAQC,IAAoB,IAAVA,IAAgBC,OAAS,EAEtF,IAAMC,EACJL,OAAOM,KAAKR,GAAUS,SAAQC,EAAKC,IAASX,EAASW,GAAOD,EAAMhC,EAAQiC,GAAOD,GAAM,IAAMT,EAAa,EAAI,GAEhH,IAAMW,EAAa,CACjBC,2BAAqBN,EAAZ,QAAAO,OAA4Bb,EAAa,oBAAsB,KAG1E,OACEc,EAACC,SAAgBnB,GAAjB,GAAA,CAA4BJ,QAASL,KAAKC,eAA1C4B,SACEF,EAAA,OAAA,CAAAE,SACEF,EAACG,EAAD,CAAUC,MAAOP,UArDd7B,EACJqC,YAAc,QADVrC,EAEJsC,aAAe,CACpBC,KAAM,IACN3C,KAAK,EACLC,SACAC,QAAAA,EACAC,MAAM,EACNyC,WACAC,SAAAA,EACAhC,UAAU,EACVC,QAAS"}
@@ -1,2 +1,2 @@
1
- import r from'@babel/runtime/helpers/esm/objectSpread2';import e from'@babel/runtime/helpers/esm/objectWithoutProperties';import{PureComponent as t}from'react';import{getAvatarText as o}from'./utils/index.js';import{Root as s}from'./style.js';import{jsx as a}from'react/jsx-runtime';var i=["src","ref"];class m extends t{getAvatarText(){return o(this.props.title||'')}render(){var t=this.props,{src:o,ref:m}=t,p=e(t,i);var l=this.getAvatarText();return a(s,r(r({},p),{},o?{ref:m,style:o?{backgroundImage:o&&"url(".concat(o,")")}:void 0}:{ref:this.props.ref,children:l}))}}m.defaultProps={size:'m',autoColor:!1};export{m as Avatar};
1
+ import r from'@babel/runtime/helpers/esm/objectSpread2';import e from'@babel/runtime/helpers/esm/objectWithoutProperties';import{PureComponent as t}from'react';import{getAvatarText as s}from'./utils/index.js';import{Root as a}from'./style.js';import{jsx as o}from'react/jsx-runtime';var i=["src","ref"];class m extends t{getAvatarText(){return s(this.props.title||'')}render(){var t=this.props,{src:s,ref:m}=t,p=e(t,i);var l=this.getAvatarText();return o(a,r(r({},p),{},s?{ref:m,style:s?{backgroundImage:s&&"url(".concat(s,")")}:void 0}:{ref:this.props.ref,children:l}))}}m.defaultProps={size:'m',autoColor:!1},m.displayName='Avatar';export{m as Avatar};
2
2
  //# sourceMappingURL=Avatar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport { BaseProps } from '../../shared/interfaces'\nimport { Color } from '../../mixins/color'\nimport { getAvatarText } from './utils'\nimport * as Styled from './style'\n\nexport interface AvatarProps extends BaseProps, Color {\n /**\n * Children react node\n */\n children?: React.ReactNode\n /** Title for avatar. Example user name. */\n title?: string\n /** Image source */\n src?: string\n /** Size of avatar */\n size?: 'l' | 'm' | 'sm' | 's' | 'xs' | number\n /** Shadow of avatar */\n shadow?: boolean\n /** Make ref func */\n ref?: React.LegacyRef<HTMLDivElement>\n /**\n * Generate color by title automatically\n *\n * `Performance Info`: Each render of component call getAvatarColor function on received title\n */\n autoColor?: boolean\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n */\nexport class Avatar extends PureComponent<AvatarProps> {\n static defaultProps = {\n size: 'm',\n autoColor: false,\n }\n\n getAvatarText() {\n return getAvatarText(this.props.title || '')\n }\n\n render() {\n const { src, ref, ...restProps } = this.props\n\n const text = this.getAvatarText()\n\n if (src) {\n return (\n <Styled.Root\n {...restProps}\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref={ref as any}\n style={\n src\n ? {\n backgroundImage: src && `url(${src})`,\n }\n : undefined\n }\n />\n )\n }\n\n return (\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n <Styled.Root {...restProps} ref={this.props.ref as any}>\n {text}\n </Styled.Root>\n )\n }\n}\n"],"names":["Avatar","PureComponent","getAvatarText","this","props","title","render","_this$props","src","ref","restProps","_objectWithoutProperties","_excluded","text","_jsx","Styled.Root","style","backgroundImage","concat","children","defaultProps","size","autoColor"],"mappings":"+SAkCO,MAAMA,UAAeC,EAM1BC,gBACE,OAAOA,EAAcC,KAAKC,MAAMC,OAAS,IAG3CC,SACE,IAAAC,EAAmCJ,KAAKC,OAAlCI,IAAEA,EAAFC,IAAOA,GAAbF,EAAqBG,EAArBC,EAAAJ,EAAAK,GAEA,IAAMC,EAAOV,KAAKD,gBAElB,OAEIY,EAACC,SACKL,GADN,GAFAF,EAEA,CAGEC,IAAKA,EACLO,MACER,EACI,CACES,gBAAiBT,GAAG,OAAAU,OAAWV,EAAX,WAAA,GAUhC,CAA4BC,IAAKN,KAAKC,MAAMK,IAA5CU,SACGN,MAnCIb,EACJoB,aAAe,CACpBC,KAAM,IACNC"}
1
+ {"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport { BaseProps } from '../../shared/interfaces'\nimport { Color } from '../../mixins/color'\nimport { getAvatarText } from './utils'\nimport * as Styled from './style'\n\nexport interface AvatarProps extends BaseProps, Color {\n /**\n * Children react node\n */\n children?: React.ReactNode\n /** Title for avatar. Example user name. */\n title?: string\n /** Image source */\n src?: string\n /** Size of avatar */\n size?: 'l' | 'm' | 'sm' | 's' | 'xs' | number\n /** Shadow of avatar */\n shadow?: boolean\n /** Make ref func */\n ref?: React.LegacyRef<HTMLDivElement>\n /**\n * Generate color by title automatically\n *\n * `Performance Info`: Each render of component call getAvatarColor function on received title\n */\n autoColor?: boolean\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n */\nexport class Avatar extends PureComponent<AvatarProps> {\n static defaultProps = {\n size: 'm',\n autoColor: false,\n }\n\n static displayName = 'Avatar'\n\n getAvatarText() {\n return getAvatarText(this.props.title || '')\n }\n\n render() {\n const { src, ref, ...restProps } = this.props\n\n const text = this.getAvatarText()\n\n if (src) {\n return (\n <Styled.Root\n {...restProps}\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref={ref as any}\n style={\n src\n ? {\n backgroundImage: src && `url(${src})`,\n }\n : undefined\n }\n />\n )\n }\n\n return (\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n <Styled.Root {...restProps} ref={this.props.ref as any}>\n {text}\n </Styled.Root>\n )\n }\n}\n"],"names":["Avatar","PureComponent","getAvatarText","this","props","title","render","_this$props","src","ref","restProps","_objectWithoutProperties","_excluded","text","_jsx","Styled.Root","style","backgroundImage","concat","children","defaultProps","size","autoColor","displayName"],"mappings":"+SAkCO,MAAMA,UAAeC,EAQ1BC,gBACE,OAAOA,EAAcC,KAAKC,MAAMC,OAAS,IAG3CC,SACE,IAAAC,EAAmCJ,KAAKC,OAAlCI,IAAEA,EAAFC,IAAOA,GAAbF,EAAqBG,EAArBC,EAAAJ,EAAAK,GAEA,IAAMC,EAAOV,KAAKD,gBAElB,OAEIY,EAACC,SACKL,GADN,GAFAF,EAEA,CAGEC,IAAKA,EACLO,MACER,EACI,CACES,gBAAiBT,GAAG,OAAAU,OAAWV,EAAX,cAUhC,CAA4BC,IAAKN,KAAKC,MAAMK,IAA5CU,SACGN,MArCIb,EACJoB,aAAe,CACpBC,KAAM,IACNC,cAHStB,EAMJuB,YAAc"}
@@ -1,2 +1,2 @@
1
- import e from'@babel/runtime/helpers/esm/objectSpread2';import t from'@babel/runtime/helpers/esm/objectWithoutProperties';import{Text as r}from'../Text/Text.js';import{Root as o}from'./style.js';import{jsx as i}from'react/jsx-runtime';var n=["children","content","textProps","round","display"];function s(s){var{children:l,content:a,textProps:m,round:p,display:d="inline-block"}=s,c=t(s,n);return i(o,e(e({round:p,display:d},c),{},{children:i(r,e(e({className:"text",size:p?10:12,weight:p?'bolder':'normal',lineHeight:"s",content:'string'==typeof a?a:void 0},m),{},{children:l||a}))}))}export{s as Badge};
1
+ import e from'@babel/runtime/helpers/esm/objectSpread2';import t from'@babel/runtime/helpers/esm/objectWithoutProperties';import{Text as r}from'../Text/Text.js';import{Root as o}from'./style.js';import{jsx as i}from'react/jsx-runtime';var s=["children","content","textProps","round","display"];function n(n){var{children:a,content:l,textProps:m,round:p,display:d="inline-block"}=n,c=t(n,s);return i(o,e(e({round:p,display:d},c),{},{children:i(r,e(e({className:"text",size:p?10:12,weight:p?'bolder':'normal',lineHeight:"s",content:'string'==typeof l?l:void 0},m),{},{children:a||l}))}))}n.displayName='Badge';export{n as Badge};
2
2
  //# sourceMappingURL=Badge.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { Color } from '../../mixins/color'\nimport { Display } from '../../mixins/display'\nimport { BaseProps } from '../../shared/interfaces'\nimport { Text, TextProps } from './../Text/Text'\nimport * as Styled from './style'\n\nexport interface BadgeProps extends BaseProps, Color, Display {\n /**\n * Children react node\n */\n children?: React.ReactNode\n content?: string | React.ReactNode\n textProps?: TextProps\n /** Make badge round */\n round?: string\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function Badge({ children, content, textProps, round, display = 'inline-block', ...restProps }: BadgeProps) {\n return (\n <Styled.Root round={round} display={display} {...restProps}>\n <Text\n className='text'\n size={round ? 10 : 12}\n weight={round ? 'bolder' : 'normal'}\n lineHeight='s'\n content={typeof content === 'string' ? content : undefined}\n {...textProps}\n >\n {children || content}\n </Text>\n </Styled.Root>\n )\n}\n"],"names":["Badge","_ref","children","content","textProps","round","display","restProps","_objectWithoutProperties","_excluded","_jsx","Styled.Root","_objectSpread","Text","className","size","weight","lineHeight"],"mappings":"sSAuBO,SAASA,EAAmGC,GAAA,IAA7FC,SAAEA,EAAFC,QAAYA,EAAZC,UAAqBA,EAArBC,MAAgCA,EAAhCC,QAAuCA,EAAU,gBAA4CL,EAAzBM,EAAyBC,EAAAP,EAAAQ,GACjH,OACEC,EAACC,EAADC,EAAAA,EAAA,CAAaP,MAAOA,EAAOC,QAASA,GAAaC,GAAjD,GAAA,CAAAL,SACEQ,EAACG,EAADD,EAAAA,EAAA,CACEE,UAAU,OACVC,KAAMV,EAAQ,GAAK,GACnBW,OAAQX,EAAQ,SAAW,SAC3BY,WAAW,IACXd,QAA4B,iBAAZA,EAAuBA,UACnCC,GANN,GAAA,CAAAF,SAQGA,GAAYC"}
1
+ {"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { Color } from '../../mixins/color'\nimport { Display } from '../../mixins/display'\nimport { BaseProps } from '../../shared/interfaces'\nimport { Text, TextProps } from './../Text/Text'\nimport * as Styled from './style'\n\nexport interface BadgeProps extends BaseProps, Color, Display {\n /**\n * Children react node\n */\n children?: React.ReactNode\n content?: string | React.ReactNode\n textProps?: TextProps\n /** Make badge round */\n round?: string\n}\n\nBadge.displayName = 'Badge'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function Badge({ children, content, textProps, round, display = 'inline-block', ...restProps }: BadgeProps) {\n return (\n <Styled.Root round={round} display={display} {...restProps}>\n <Text\n className='text'\n size={round ? 10 : 12}\n weight={round ? 'bolder' : 'normal'}\n lineHeight='s'\n content={typeof content === 'string' ? content : undefined}\n {...textProps}\n >\n {children || content}\n </Text>\n </Styled.Root>\n )\n}\n"],"names":["Badge","_ref","children","content","textProps","round","display","restProps","_objectWithoutProperties","_excluded","_jsx","Styled.Root","_objectSpread","Text","className","size","weight","lineHeight","displayName"],"mappings":"sSAyBO,SAASA,EAAmGC,GAAA,IAA7FC,SAAEA,EAAFC,QAAYA,EAAZC,UAAqBA,EAArBC,MAAgCA,EAAhCC,QAAuCA,EAAU,gBAA4CL,EAAzBM,EAAyBC,EAAAP,EAAAQ,GACjH,OACEC,EAACC,EAADC,EAAAA,EAAA,CAAaP,MAAOA,EAAOC,QAASA,GAAaC,GAAjD,GAAA,CAAAL,SACEQ,EAACG,EAADD,EAAAA,EAAA,CACEE,UAAU,OACVC,KAAMV,EAAQ,GAAK,GACnBW,OAAQX,EAAQ,SAAW,SAC3BY,WAAW,IACXd,QAA4B,iBAAZA,EAAuBA,OAAAA,GACnCC,GANN,GAAA,CAAAF,SAQGA,GAAYC,QAnBrBH,EAAMkB,YAAc"}
@@ -1,2 +1,2 @@
1
- import e from'@babel/runtime/helpers/esm/objectSpread2';import r from'@babel/runtime/helpers/esm/objectWithoutProperties';import{Link as t}from'react-router-dom';import{Root as o,Content as a}from'./style.js';import{PROPS_BY_SIZE as i,PRESETS as n}from'./default.js';import{jsxs as s,jsx as l}from'react/jsx-runtime';var d=["children","disabled","href","to","as","blank","onClick","ref","icon","type","innerRef"];function m(m){var{children:p,disabled:c,href:f,to:b,as:u,blank:h,onClick:y,ref:v,icon:k,type:j,innerRef:P}=m,R=r(m,d);var S=u||(c?'button':f?'a':b?t:'button');var x='a'!==S||c?{}:{href:f||b,target:h?'_blank':void 0};var C='string'==typeof S||c?{}:{to:b||f};var g=R.size&&!R.round&&i[R.size]||{};var z=(e=>e.primary?n.primary:e.secondary?n.secondary:n.default)(m);return s(o,e(e(e(e(e(e({as:S,type:'button'===S?j:void 0,onClick:c||R.loading?void 0:y},g),x),C),z),R),{},{disabled:c,ref:v||P,children:[k&&l("span",{className:"icon",children:k}),p&&l(a,{children:p})]}))}m.defaultProps={size:'m',rounded:!0,display:'inline-block',as:'button',type:'button'};export{m as Button};
1
+ import e from'@babel/runtime/helpers/esm/objectSpread2';import r from'@babel/runtime/helpers/esm/objectWithoutProperties';import{Link as t}from'react-router-dom';import{Root as o,Content as a}from'./style.js';import{PROPS_BY_SIZE as i,PRESETS as n}from'./default.js';import{jsxs as s,jsx as l}from'react/jsx-runtime';var d=["children","disabled","href","to","as","blank","onClick","ref","icon","type","innerRef"];function m(m){var{children:p,disabled:c,href:f,to:u,as:b,blank:y,onClick:h,ref:v,icon:k,type:j,innerRef:P}=m,R=r(m,d);var S=b||(c?'button':f?'a':u?t:'button');var x='a'!==S||c?{}:{href:f||u,target:y?'_blank':void 0};var C='string'==typeof S||c?{}:{to:u||f};var g=R.size&&!R.round&&i[R.size]||{};var z=(e=>e.primary?n.primary:e.secondary?n.secondary:n.default)(m);return s(o,e(e(e(e(e(e({as:S,type:'button'===S?j:void 0,onClick:c||R.loading?void 0:h},g),x),C),z),R),{},{disabled:c,ref:v||P,children:[k&&l("span",{className:"icon",children:k}),p&&l(a,{children:p})]}))}m.defaultProps={size:'m',rounded:!0,display:'inline-block',as:'button',type:'button'},m.displayName='Button';export{m as Button};
2
2
  //# sourceMappingURL=Button.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import { Link } from 'react-router-dom'\nimport { Display } from '../../mixins/display'\nimport { ResponsiveProperty } from '../../mixins/responsive-property'\nimport { BaseProps, Tooltiped } from '../../shared/interfaces'\nimport { Color } from '../../mixins/color'\nimport * as Styled from './style'\nimport { PRESETS, PROPS_BY_SIZE } from './default'\n\nexport interface ButtonProps\n extends BaseProps,\n Tooltiped,\n Display,\n Color,\n Color<'fontColor'>,\n ResponsiveProperty<'padding'>,\n ResponsiveProperty<'paddingTop'>,\n ResponsiveProperty<'paddingRight'>,\n ResponsiveProperty<'paddingBottom'>,\n ResponsiveProperty<'paddingLeft'>,\n ResponsiveProperty<'margin'>,\n ResponsiveProperty<'marginTop'>,\n ResponsiveProperty<'marginRight'>,\n ResponsiveProperty<'marginBottom'>,\n ResponsiveProperty<'marginLeft'>,\n ResponsiveProperty<'fontSize'>,\n ResponsiveProperty<'fluid', boolean>,\n ResponsiveProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>,\n ResponsiveProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {\n /**\n * Node type\n */\n as?: 'div' | 'span' | 'a' | 'button' | typeof Link\n /**\n * add attr tagret='_blank' for `a` tag\n */\n blank?: boolean\n /**\n * Link href\n */\n href?: string\n /**\n * React router link to\n */\n to?: string\n /**\n * Type for button element\n */\n type?: 'button' | 'submit'\n /**\n * Primary content\n */\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * Basic button\n */\n basic?: boolean\n /**\n * Disabled\n */\n disabled?: boolean\n /**\n * Is primary\n */\n primary?: boolean\n /**\n * Is secondary\n */\n secondary?: boolean\n /**\n * Is inverted\n */\n inverted?: boolean\n /**\n * Is rounded\n */\n rounded?: boolean\n /**\n * Is round (in a shape of circle)\n */\n round?: boolean\n /**\n * Indicates if there should not be any margin\n * between this button and the previous one\n */\n noSpacing?: boolean\n /**\n * Is in loading state\n */\n loading?: boolean\n /**\n * Button icon\n */\n icon?: React.ReactNode\n /** On click callback */\n onClick?: () => void\n /** Function to make ref */\n ref?: React.LegacyRef<HTMLDivElement>\n /**\n * Size\n */\n size?: 'l' | 'm' | 's' | 'xs'\n}\n\nButton.defaultProps = {\n size: 'm',\n rounded: true,\n display: 'inline-block',\n as: 'button',\n type: 'button',\n}\n\nconst extractPresetByProps = (props: ButtonProps): Partial<ButtonProps> => {\n if (props.primary) return PRESETS.primary\n if (props.secondary) return PRESETS.secondary\n return PRESETS.default\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`Tooltiped`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Color<'fontColor'>`](#/Миксины)\n * - [`ResponsiveProperty<'padding'>`](#/Миксины)\n * - [`ResponsiveProperty<'paddingTop'>`](#/Миксины)\n * - [`ResponsiveProperty<'paddingRight'>`](#/Миксины)\n * - [`ResponsiveProperty<'paddingBottom'>`](#/Миксины)\n * - [`ResponsiveProperty<'paddingLeft'>`](#/Миксины)\n * - [`ResponsiveProperty<'margin'>`](#/Миксины)\n * - [`ResponsiveProperty<'marginTop'>`](#/Миксины)\n * - [`ResponsiveProperty<'marginRight'>`](#/Миксины)\n * - [`ResponsiveProperty<'marginBottom'>`](#/Миксины)\n * - [`ResponsiveProperty<'marginLeft'>`](#/Миксины)\n * - [`ResponsiveProperty<'fontSize'>`](#/Миксины)\n * - [`ResponsiveProperty<'fluid', boolean>`](#/Миксины)\n * - [`ResponsiveProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>`](#/Миксины)\n * - [`ResponsiveProperty<'height', 'l' | 'm' | 's' | 'xs' | number>`](#/Миксины)\n */\nexport function Button(props: ButtonProps) {\n const { children, disabled, href, to, as, blank, onClick, ref, icon, type, innerRef, ...restProps } = props\n\n const _as = as || (disabled ? 'button' : href ? 'a' : to ? Link : 'button')\n const aProps = _as === 'a' && !disabled ? { href: href || to, target: blank ? '_blank' : undefined } : {}\n const linkProps = typeof _as !== 'string' && !disabled ? { to: to || href } : {}\n const propsBySize: Partial<ButtonProps> =\n restProps.size && !restProps.round ? PROPS_BY_SIZE[restProps.size] || {} : {}\n const presetProps: Partial<ButtonProps> = extractPresetByProps(props)\n\n return (\n <Styled.Root\n as={_as}\n type={_as === 'button' ? type : undefined}\n onClick={disabled || restProps.loading ? undefined : onClick}\n {...propsBySize}\n {...aProps}\n {...linkProps}\n {...presetProps}\n {...restProps}\n disabled={disabled}\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref={(ref || innerRef) as any}\n >\n {icon && <span className='icon'>{icon}</span>}\n {children && <Styled.Content>{children}</Styled.Content>}\n </Styled.Root>\n )\n}\n"],"names":["Button","props","children","disabled","href","to","as","blank","onClick","ref","icon","type","innerRef","restProps","_excluded","_as","Link","aProps","target","linkProps","propsBySize","size","round","PROPS_BY_SIZE","presetProps","primary","PRESETS","secondary","default","_jsxs","Styled.Root","_objectSpread","loading","_jsx","className","Styled.Content","defaultProps","rounded","display"],"mappings":"6ZA8IO,SAASA,EAAOC,GACrB,IAAMC,SAAEA,EAAFC,SAAYA,EAAZC,KAAsBA,EAAtBC,GAA4BA,EAA5BC,GAAgCA,EAAhCC,MAAoCA,EAApCC,QAA2CA,EAA3CC,IAAoDA,EAApDC,KAAyDA,EAAzDC,KAA+DA,EAA/DC,SAAqEA,GAA2BX,EAAdY,IAAcZ,EAAtGa,GAEA,IAAMC,EAAMT,IAAOH,EAAW,SAAWC,EAAO,IAAMC,EAAKW,EAAO,UAClE,IAAMC,EAAiB,MAARF,GAAgBZ,EAAwE,GAA7D,CAAEC,KAAMA,GAAQC,EAAIa,OAAQX,EAAQ,cAAA,GAC9E,IAAMY,EAA2B,iBAARJ,GAAqBZ,EAAgC,GAArB,CAAEE,GAAIA,GAAMD,GACrE,IAAMgB,EACJP,EAAUQ,OAASR,EAAUS,OAAQC,EAAcV,EAAUQ,OAAc,GAC7E,IAAMG,EApCsBvB,CAAAA,GACxBA,EAAMwB,QAAgBC,EAAQD,QAC9BxB,EAAM0B,UAAkBD,EAAQC,UAC7BD,EAAQE,QAHa3B,CAoCmCA,GAE/D,OACE4B,EAACC,EAADC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CACEzB,GAAIS,EACJJ,KAAc,WAARI,EAAmBJ,SACzBH,QAASL,GAAYU,EAAUmB,eAAsBxB,GACjDY,GACAH,GACAE,GACAK,GACAX,GARN,GAAA,CASEV,SAAUA,EAEVM,IAAMA,GAAOG,EAXfV,SAAA,CAaGQ,GAAQuB,EAAA,OAAA,CAAMC,UAAU,OAAhBhC,SAAwBQ,IAChCR,GAAY+B,EAACE,EAAD,CAAAjC,SAAiBA,QA7DpCF,EAAOoC,aAAe,CACpBf,KAAM,IACNgB,WACAC,QAAS,eACThC,GAAI,SACJK,KAAM"}
1
+ {"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import { Link } from 'react-router-dom'\nimport { Display } from '../../mixins/display'\nimport { ResponsiveProperty } from '../../mixins/responsive-property'\nimport { BaseProps, Tooltiped } from '../../shared/interfaces'\nimport { Color } from '../../mixins/color'\nimport * as Styled from './style'\nimport { PRESETS, PROPS_BY_SIZE } from './default'\n\nexport interface ButtonProps\n extends BaseProps,\n Tooltiped,\n Display,\n Color,\n Color<'fontColor'>,\n ResponsiveProperty<'padding'>,\n ResponsiveProperty<'paddingTop'>,\n ResponsiveProperty<'paddingRight'>,\n ResponsiveProperty<'paddingBottom'>,\n ResponsiveProperty<'paddingLeft'>,\n ResponsiveProperty<'margin'>,\n ResponsiveProperty<'marginTop'>,\n ResponsiveProperty<'marginRight'>,\n ResponsiveProperty<'marginBottom'>,\n ResponsiveProperty<'marginLeft'>,\n ResponsiveProperty<'fontSize'>,\n ResponsiveProperty<'fluid', boolean>,\n ResponsiveProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>,\n ResponsiveProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {\n /**\n * Node type\n */\n as?: 'div' | 'span' | 'a' | 'button' | typeof Link\n /**\n * add attr tagret='_blank' for `a` tag\n */\n blank?: boolean\n /**\n * Link href\n */\n href?: string\n /**\n * React router link to\n */\n to?: string\n /**\n * Type for button element\n */\n type?: 'button' | 'submit'\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * Basic button\n */\n basic?: boolean\n /**\n * Disabled\n */\n disabled?: boolean\n /**\n * Is primary\n */\n primary?: boolean\n /**\n * Is secondary\n */\n secondary?: boolean\n /**\n * Is inverted\n */\n inverted?: boolean\n /**\n * Is rounded\n */\n rounded?: boolean\n /**\n * Is round (in a shape of circle)\n */\n round?: boolean\n /**\n * Indicates if there should not be any margin\n * between this button and the previous one\n */\n noSpacing?: boolean\n /**\n * Is in loading state\n */\n loading?: boolean\n /**\n * Button icon\n */\n icon?: React.ReactNode\n /** On click callback */\n onClick?: () => void\n /** Function to make ref */\n ref?: React.LegacyRef<HTMLDivElement>\n /**\n * Size\n */\n size?: 'l' | 'm' | 's' | 'xs'\n}\n\nButton.defaultProps = {\n size: 'm',\n rounded: true,\n display: 'inline-block',\n as: 'button',\n type: 'button',\n}\n\nButton.displayName = 'Button'\n\nconst extractPresetByProps = (props: ButtonProps): Partial<ButtonProps> => {\n if (props.primary) return PRESETS.primary\n if (props.secondary) return PRESETS.secondary\n return PRESETS.default\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`Tooltiped`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Color<'fontColor'>`](#/Миксины)\n * - [`ResponsiveProperty<'padding'>`](#/Миксины)\n * - [`ResponsiveProperty<'paddingTop'>`](#/Миксины)\n * - [`ResponsiveProperty<'paddingRight'>`](#/Миксины)\n * - [`ResponsiveProperty<'paddingBottom'>`](#/Миксины)\n * - [`ResponsiveProperty<'paddingLeft'>`](#/Миксины)\n * - [`ResponsiveProperty<'margin'>`](#/Миксины)\n * - [`ResponsiveProperty<'marginTop'>`](#/Миксины)\n * - [`ResponsiveProperty<'marginRight'>`](#/Миксины)\n * - [`ResponsiveProperty<'marginBottom'>`](#/Миксины)\n * - [`ResponsiveProperty<'marginLeft'>`](#/Миксины)\n * - [`ResponsiveProperty<'fontSize'>`](#/Миксины)\n * - [`ResponsiveProperty<'fluid', boolean>`](#/Миксины)\n * - [`ResponsiveProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>`](#/Миксины)\n * - [`ResponsiveProperty<'height', 'l' | 'm' | 's' | 'xs' | number>`](#/Миксины)\n */\nexport function Button(props: ButtonProps) {\n const { children, disabled, href, to, as, blank, onClick, ref, icon, type, innerRef, ...restProps } = props\n\n const _as = as || (disabled ? 'button' : href ? 'a' : to ? Link : 'button')\n const aProps = _as === 'a' && !disabled ? { href: href || to, target: blank ? '_blank' : undefined } : {}\n const linkProps = typeof _as !== 'string' && !disabled ? { to: to || href } : {}\n const propsBySize: Partial<ButtonProps> =\n restProps.size && !restProps.round ? PROPS_BY_SIZE[restProps.size] || {} : {}\n const presetProps: Partial<ButtonProps> = extractPresetByProps(props)\n\n return (\n <Styled.Root\n as={_as}\n type={_as === 'button' ? type : undefined}\n onClick={disabled || restProps.loading ? undefined : onClick}\n {...propsBySize}\n {...aProps}\n {...linkProps}\n {...presetProps}\n {...restProps}\n disabled={disabled}\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref={(ref || innerRef) as any}\n >\n {icon && <span className='icon'>{icon}</span>}\n {children && <Styled.Content>{children}</Styled.Content>}\n </Styled.Root>\n )\n}\n"],"names":["Button","props","children","disabled","href","to","as","blank","onClick","ref","icon","type","innerRef","restProps","_excluded","_as","Link","aProps","target","undefined","linkProps","propsBySize","size","round","PROPS_BY_SIZE","presetProps","primary","PRESETS","secondary","default","_jsxs","Styled.Root","_objectSpread","loading","_jsx","className","Styled.Content","defaultProps","rounded","display","displayName"],"mappings":"6ZA6IO,SAASA,EAAOC,GACrB,IAAMC,SAAEA,EAAFC,SAAYA,EAAZC,KAAsBA,EAAtBC,GAA4BA,EAA5BC,GAAgCA,EAAhCC,MAAoCA,EAApCC,QAA2CA,EAA3CC,IAAoDA,EAApDC,KAAyDA,EAAzDC,KAA+DA,EAA/DC,SAAqEA,GAA2BX,EAAdY,IAAcZ,EAAtGa,GAEA,IAAMC,EAAMT,IAAOH,EAAW,SAAWC,EAAO,IAAMC,EAAKW,EAAO,UAClE,IAAMC,EAAiB,MAARF,GAAgBZ,EAAwE,GAA7D,CAAEC,KAAMA,GAAQC,EAAIa,OAAQX,EAAQ,cAAWY,GACzF,IAAMC,EAA2B,iBAARL,GAAqBZ,EAAgC,GAArB,CAAEE,GAAIA,GAAMD,GACrE,IAAMiB,EACJR,EAAUS,OAAST,EAAUU,OAAQC,EAAcX,EAAUS,OAAc,GAC7E,IAAMG,EApCsBxB,CAAAA,GACxBA,EAAMyB,QAAgBC,EAAQD,QAC9BzB,EAAM2B,UAAkBD,EAAQC,UAC7BD,EAAQE,QAHa5B,CAoCmCA,GAE/D,OACE6B,EAACC,EAADC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CACE1B,GAAIS,EACJJ,KAAc,WAARI,EAAmBJ,OAAOQ,EAChCX,QAASL,GAAYU,EAAUoB,eAAsBzB,GACjDa,GACAJ,GACAG,GACAK,GACAZ,GARN,GAAA,CASEV,SAAUA,EAEVM,IAAMA,GAAOG,EAXfV,SAAA,CAaGQ,GAAQwB,EAAA,OAAA,CAAMC,UAAU,OAAhBjC,SAAwBQ,IAChCR,GAAYgC,EAACE,EAAD,CAAAlC,SAAiBA,QA/DpCF,EAAOqC,aAAe,CACpBf,KAAM,IACNgB,WACAC,QAAS,eACTjC,GAAI,SACJK,KAAM,UAGRX,EAAOwC,YAAc"}
@@ -1,2 +1,2 @@
1
- import e from'@babel/runtime/helpers/esm/objectSpread2';import r from'@babel/runtime/helpers/esm/objectWithoutProperties';import{useState as a,useEffect as t,useCallback as s}from'react';import{CheckboxGroup as o}from'./Group.js';import{Root as l}from'./style.js';import{jsxs as i,jsx as c}from'react/jsx-runtime';var d=["children","disabled","error","id","name","onChange","size","value","label","className","style"];function h(o){var h=void 0===o.checked;var[n,m]=a(h?o.defaultChecked:o.checked);var{children:f,disabled:p,error:u,id:b,name:k,onChange:v,size:g,value:x,label:C,className:j,style:w}=o,y=r(o,d);t((()=>{h||n===o.checked||m(o.checked)}),[o.checked]);var z=s((e=>{e.stopPropagation(),'function'==typeof v&&v(e)}),[h]);var B=h?{defaultChecked:n}:{checked:n};return i(l,{className:j,style:w,disabled:p,checked:n,error:u,htmlFor:b||k,size:g,children:[c("input",e(e({},y),{},{id:b||k,name:k,type:"checkbox",onChange:z,value:x,disabled:p},B)),i("svg",{viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[c("rect",{x:".455",y:".455",width:"19.091",height:"19.091",rx:"5",transform:"translate(0 0)",fill:"#fff",stroke:"#B8B8B8",strokeWidth:"1"}),i("g",{fill:"none",children:[c("rect",{fill:"#48A1E6",width:"20",height:"20",rx:"5"}),c("path",{stroke:"#fff",strokeWidth:"2",d:"M6 9.99l3 3.01 6-6"})]})]}),(C||f)&&c("span",{className:"label",children:C||f})]})}h.defaultProps={disabled:!1,size:'medium',defaultChecked:!1,onChange:e=>console.log(e,e.target.value)},h.Group=o;export{h as Checkbox};
1
+ import e from'@babel/runtime/helpers/esm/objectSpread2';import r from'@babel/runtime/helpers/esm/objectWithoutProperties';import{useState as a,useEffect as t,useCallback as s}from'react';import{CheckboxGroup as o}from'./Group.js';import{Root as l}from'./style.js';import{jsxs as i,jsx as c}from'react/jsx-runtime';var d=["children","disabled","error","id","name","onChange","size","value","label","className","style"];function h(o){var h=void 0===o.checked;var[n,m]=a(h?o.defaultChecked:o.checked);var{children:f,disabled:p,error:u,id:b,name:k,onChange:v,size:g,value:x,label:C,className:y,style:j}=o,w=r(o,d);t((()=>{h||n===o.checked||m(o.checked)}),[o.checked]);var N=s((e=>{e.stopPropagation(),'function'==typeof v&&v(e)}),[h]);var z=h?{defaultChecked:n}:{checked:n};return i(l,{className:y,style:j,disabled:p,checked:n,error:u,htmlFor:b||k,size:g,children:[c("input",e(e({},w),{},{id:b||k,name:k,type:"checkbox",onChange:N,value:x,disabled:p},z)),i("svg",{viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[c("rect",{x:".455",y:".455",width:"19.091",height:"19.091",rx:"5",transform:"translate(0 0)",fill:"#fff",stroke:"#B8B8B8",strokeWidth:"1"}),i("g",{fill:"none",children:[c("rect",{fill:"#48A1E6",width:"20",height:"20",rx:"5"}),c("path",{stroke:"#fff",strokeWidth:"2",d:"M6 9.99l3 3.01 6-6"})]})]}),(C||f)&&c("span",{className:"label",children:C||f})]})}h.defaultProps={disabled:!1,size:'medium',defaultChecked:!1,onChange:e=>console.log(e,e.target.value)},h.Group=o,h.displayName='Checkbox';export{h as Checkbox};
2
2
  //# sourceMappingURL=Checkbox.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { BaseProps } from '../../shared/interfaces'\nimport { CheckboxGroup } from './Group'\nimport * as Styled from './style'\n\ntype CheckboxInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>\n\nexport interface CheckboxProps extends BaseProps, CheckboxInputHtmlAttributes {\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * A checkbox can appear disabled and be unable to change states\n */\n disabled?: boolean\n /**\n * Field can show the data contains errors\n */\n error?: boolean\n /**\n * Whether or not checkbox is checked\n */\n checked?: boolean\n /**\n * Value\n */\n value?: string | number\n /**\n * On change handler\n */\n onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n /**\n * Input element ID\n */\n id?: string\n /**\n * Input element name\n */\n name?: string\n /**\n * Input element label\n */\n label?: string\n /**\n * Checkbox size\n */\n size?: 'small' | 'medium' | 'large' | 'extraLarge' | 's' | 'm' | 'l' | 'xl'\n}\n\nCheckbox.defaultProps = {\n disabled: false,\n size: 'medium',\n defaultChecked: false,\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log(e, e.target.value), // eslint-disable-line no-console\n}\n\nCheckbox.Group = CheckboxGroup\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - `React.InputHTMLAttributes<HTMLInputElement>`\n */\nexport function Checkbox(props: typeof Checkbox.defaultProps & CheckboxProps) {\n const uncontrolled = props.checked === undefined\n const [checkedInput, setChecked] = useState(uncontrolled ? props.defaultChecked : props.checked)\n\n const { children, disabled, error, id, name, onChange, size, value, label, className, style, ...anotherProps } = props\n\n useEffect(() => {\n if (!uncontrolled && checkedInput !== props.checked) setChecked(props.checked)\n }, [props.checked])\n\n const handleOnChange: React.ChangeEventHandler<HTMLInputElement> = useCallback(\n (e) => {\n e.stopPropagation()\n if (typeof onChange === 'function') onChange(e)\n },\n [uncontrolled]\n )\n\n const inputProps = uncontrolled ? { defaultChecked: checkedInput } : { checked: checkedInput }\n\n return (\n <Styled.Root\n className={className}\n style={style}\n disabled={disabled}\n checked={checkedInput}\n error={error}\n htmlFor={id || name}\n size={size}\n >\n <input\n {...anotherProps}\n id={id || name}\n name={name}\n type='checkbox'\n onChange={handleOnChange}\n value={value}\n disabled={disabled}\n {...inputProps}\n />\n <svg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'>\n <rect\n x='.455'\n y='.455'\n width='19.091'\n height='19.091'\n rx='5'\n transform='translate(0 0)'\n fill='#fff'\n stroke='#B8B8B8'\n strokeWidth='1'\n />\n <g fill='none'>\n <rect fill='#48A1E6' width='20' height='20' rx='5' />\n <path stroke='#fff' strokeWidth='2' d='M6 9.99l3 3.01 6-6' />\n </g>\n </svg>\n {(label || children) && <span className='label'>{label || children}</span>}\n </Styled.Root>\n )\n}\n"],"names":["Checkbox","props","uncontrolled","undefined","checked","checkedInput","setChecked","useState","defaultChecked","children","disabled","error","id","name","onChange","size","value","label","className","style","anotherProps","_excluded","useEffect","handleOnChange","useCallback","e","stopPropagation","inputProps","_jsxs","Styled.Root","htmlFor","_jsx","type","viewBox","xmlns","x","y","width","height","rx","transform","fill","stroke","strokeWidth","d","defaultProps","console","log","target","Group","CheckboxGroup"],"mappings":"kaAgEO,SAASA,EAASC,GACvB,IAAMC,OAAiCC,IAAlBF,EAAMG,QAC3B,IAAOC,EAAcC,GAAcC,EAASL,EAAeD,EAAMO,eAAiBP,EAAMG,SAExF,IAAMK,SAAEA,EAAFC,SAAYA,EAAZC,MAAsBA,EAAtBC,GAA6BA,EAA7BC,KAAiCA,EAAjCC,SAAuCA,EAAvCC,KAAiDA,EAAjDC,MAAuDA,EAAvDC,MAA8DA,EAA9DC,UAAqEA,EAArEC,MAAgFA,GAA2BlB,EAAjBmB,IAAiBnB,EAAjHoB,GAEAC,GAAU,KACHpB,GAAgBG,IAAiBJ,EAAMG,SAASE,EAAWL,EAAMG,WACrE,CAACH,EAAMG,UAEV,IAAMmB,EAA6DC,GAChEC,IACCA,EAAEC,kBACsB,mBAAbZ,GAAyBA,EAASW,KAE/C,CAACvB,IAGH,IAAMyB,EAAazB,EAAe,CAAEM,eAAgBH,GAAiB,CAAED,QAASC,GAEhF,OACEuB,EAACC,EAAD,CACEX,UAAWA,EACXC,MAAOA,EACPT,SAAUA,EACVN,QAASC,EACTM,MAAOA,EACPmB,QAASlB,GAAMC,EACfE,KAAMA,EAPRN,SAAA,CASEsB,iBACMX,GADN,GAAA,CAEER,GAAIA,GAAMC,EACVA,KAAMA,EACNmB,KAAK,WACLlB,SAAUS,EACVP,MAAOA,EACPN,SAAUA,GACNiB,IAENC,EAAA,MAAA,CAAKK,QAAQ,YAAYC,MAAM,6BAA/BzB,SACE,CAAAsB,EAAA,OAAA,CACEI,EAAE,OACFC,EAAE,OACFC,MAAM,SACNC,OAAO,SACPC,GAAG,IACHC,UAAU,iBACVC,KAAK,OACLC,OAAO,UACPC,YAAY,MAEdf,EAAA,IAAA,CAAGa,KAAK,OAARhC,SACE,CAAAsB,EAAA,OAAA,CAAMU,KAAK,UAAUJ,MAAM,KAAKC,OAAO,KAAKC,GAAG,MAC/CR,EAAA,OAAA,CAAMW,OAAO,OAAOC,YAAY,IAAIC,EAAE,8BAGxC3B,GAASR,IAAasB,EAAA,OAAA,CAAMb,UAAU,QAAhBT,SAAyBQ,GAASR,OAvEhET,EAAS6C,aAAe,CACtBnC,UAAAA,EACAK,KAAM,SACNP,gBAAgB,EAChBM,SAAWW,GAA2CqB,QAAQC,IAAItB,EAAGA,EAAEuB,OAAOhC,QAGhFhB,EAASiD,MAAQC"}
1
+ {"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { BaseProps } from '../../shared/interfaces'\nimport { CheckboxGroup } from './Group'\nimport * as Styled from './style'\n\ntype CheckboxInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>\n\nexport interface CheckboxProps extends BaseProps, CheckboxInputHtmlAttributes {\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * A checkbox can appear disabled and be unable to change states\n */\n disabled?: boolean\n /**\n * Field can show the data contains errors\n */\n error?: boolean\n /**\n * Whether or not checkbox is checked\n */\n checked?: boolean\n /**\n * Value\n */\n value?: string | number\n /**\n * On change handler\n */\n onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n /**\n * Input element ID\n */\n id?: string\n /**\n * Input element name\n */\n name?: string\n /**\n * Input element label\n */\n label?: string\n /**\n * Checkbox size\n */\n size?: 'small' | 'medium' | 'large' | 'extraLarge' | 's' | 'm' | 'l' | 'xl'\n}\n\nCheckbox.defaultProps = {\n disabled: false,\n size: 'medium',\n defaultChecked: false,\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log(e, e.target.value), // eslint-disable-line no-console\n}\n\nCheckbox.Group = CheckboxGroup\n\nCheckbox.displayName = 'Checkbox'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - `React.InputHTMLAttributes<HTMLInputElement>`\n */\nexport function Checkbox(props: typeof Checkbox.defaultProps & CheckboxProps) {\n const uncontrolled = props.checked === undefined\n const [checkedInput, setChecked] = useState(uncontrolled ? props.defaultChecked : props.checked)\n\n const { children, disabled, error, id, name, onChange, size, value, label, className, style, ...anotherProps } = props\n\n useEffect(() => {\n if (!uncontrolled && checkedInput !== props.checked) setChecked(props.checked)\n }, [props.checked])\n\n const handleOnChange: React.ChangeEventHandler<HTMLInputElement> = useCallback(\n (e) => {\n e.stopPropagation()\n if (typeof onChange === 'function') onChange(e)\n },\n [uncontrolled]\n )\n\n const inputProps = uncontrolled ? { defaultChecked: checkedInput } : { checked: checkedInput }\n\n return (\n <Styled.Root\n className={className}\n style={style}\n disabled={disabled}\n checked={checkedInput}\n error={error}\n htmlFor={id || name}\n size={size}\n >\n <input\n {...anotherProps}\n id={id || name}\n name={name}\n type='checkbox'\n onChange={handleOnChange}\n value={value}\n disabled={disabled}\n {...inputProps}\n />\n <svg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'>\n <rect\n x='.455'\n y='.455'\n width='19.091'\n height='19.091'\n rx='5'\n transform='translate(0 0)'\n fill='#fff'\n stroke='#B8B8B8'\n strokeWidth='1'\n />\n <g fill='none'>\n <rect fill='#48A1E6' width='20' height='20' rx='5' />\n <path stroke='#fff' strokeWidth='2' d='M6 9.99l3 3.01 6-6' />\n </g>\n </svg>\n {(label || children) && <span className='label'>{label || children}</span>}\n </Styled.Root>\n )\n}\n"],"names":["Checkbox","props","uncontrolled","checked","checkedInput","setChecked","useState","defaultChecked","children","disabled","error","id","name","onChange","size","value","label","className","style","anotherProps","_excluded","useEffect","handleOnChange","useCallback","e","stopPropagation","inputProps","_jsxs","Styled.Root","htmlFor","_jsx","type","viewBox","xmlns","x","y","width","height","rx","transform","fill","stroke","strokeWidth","d","defaultProps","console","log","target","Group","CheckboxGroup","displayName"],"mappings":"kaAkEO,SAASA,EAASC,GACvB,IAAMC,OAAAA,IAAeD,EAAME,QAC3B,IAAOC,EAAcC,GAAcC,EAASJ,EAAeD,EAAMM,eAAiBN,EAAME,SAExF,IAAMK,SAAEA,EAAFC,SAAYA,EAAZC,MAAsBA,EAAtBC,GAA6BA,EAA7BC,KAAiCA,EAAjCC,SAAuCA,EAAvCC,KAAiDA,EAAjDC,MAAuDA,EAAvDC,MAA8DA,EAA9DC,UAAqEA,EAArEC,MAAgFA,GAA2BjB,EAAjBkB,IAAiBlB,EAAjHmB,GAEAC,QACOnB,GAAgBE,IAAiBH,EAAME,SAASE,EAAWJ,EAAME,WACrE,CAACF,EAAME,UAEV,IAAMmB,EAA6DC,GAChEC,IACCA,EAAEC,kBACsB,mBAAbZ,GAAyBA,EAASW,KAE/C,CAACtB,IAGH,IAAMwB,EAAaxB,EAAe,CAAEK,eAAgBH,GAAiB,CAAED,QAASC,GAEhF,OACEuB,EAACC,EAAD,CACEX,UAAWA,EACXC,MAAOA,EACPT,SAAUA,EACVN,QAASC,EACTM,MAAOA,EACPmB,QAASlB,GAAMC,EACfE,KAAMA,EAPRN,SAAA,CASEsB,iBACMX,GADN,GAAA,CAEER,GAAIA,GAAMC,EACVA,KAAMA,EACNmB,KAAK,WACLlB,SAAUS,EACVP,MAAOA,EACPN,SAAUA,GACNiB,IAENC,EAAA,MAAA,CAAKK,QAAQ,YAAYC,MAAM,6BAA/BzB,SACE,CAAAsB,EAAA,OAAA,CACEI,EAAE,OACFC,EAAE,OACFC,MAAM,SACNC,OAAO,SACPC,GAAG,IACHC,UAAU,iBACVC,KAAK,OACLC,OAAO,UACPC,YAAY,MAEdf,EAAA,IAAA,CAAGa,KAAK,OAARhC,SACE,CAAAsB,EAAA,OAAA,CAAMU,KAAK,UAAUJ,MAAM,KAAKC,OAAO,KAAKC,GAAG,MAC/CR,EAAA,OAAA,CAAMW,OAAO,OAAOC,YAAY,IAAIC,EAAE,8BAGxC3B,GAASR,IAAasB,EAAA,OAAA,CAAMb,UAAU,QAAhBT,SAAyBQ,GAASR,OAzEhER,EAAS4C,aAAe,CACtBnC,UAAAA,EACAK,KAAM,SACNP,gBAAAA,EACAM,SAAWW,GAA2CqB,QAAQC,IAAItB,EAAGA,EAAEuB,OAAOhC,QAGhFf,EAASgD,MAAQC,EAEjBjD,EAASkD,YAAc"}
@@ -1,2 +1,2 @@
1
- import r from'@babel/runtime/helpers/esm/objectSpread2';import{Root as e}from'./style.js';import{jsx as t}from'react/jsx-runtime';function o(o){return t(e,r({},o))}export{o as Container};
1
+ import r from'@babel/runtime/helpers/esm/objectSpread2';import{Root as e}from'./style.js';import{jsx as t}from'react/jsx-runtime';function o(o){return t(e,r({},o))}o.displayName='Container';export{o as Container};
2
2
  //# sourceMappingURL=Container.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Container.js","sources":["../../../../src/components/Container/Container.tsx"],"sourcesContent":["import { Color } from '../../mixins/color'\nimport { Display } from '../../mixins/display'\nimport { BaseProps } from '../../shared/interfaces'\nimport * as Styled from './style'\n\nexport interface ContainerProps extends BaseProps, Display, Color {\n /**\n * Primary content\n */\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * Container has no maximum width.\n */\n fluid?: boolean\n /**\n * Align container text.\n */\n textAlign?: 'left' | 'center' | 'right' | 'justified'\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function Container(props: ContainerProps) {\n return <Styled.Root {...props} />\n}\n"],"names":["Container","props","_jsx","Styled.Root","_objectSpread"],"mappings":"kIA6BO,SAASA,EAAUC,GACxB,OAAOC,EAACC,EAADC,EAAA,GAAiBH"}
1
+ {"version":3,"file":"Container.js","sources":["../../../../src/components/Container/Container.tsx"],"sourcesContent":["import { Color } from '../../mixins/color'\nimport { Display } from '../../mixins/display'\nimport { BaseProps } from '../../shared/interfaces'\nimport * as Styled from './style'\n\nexport interface ContainerProps extends BaseProps, Display, Color {\n /**\n * Primary content\n */\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * Container has no maximum width.\n */\n fluid?: boolean\n /**\n * Align container text.\n */\n textAlign?: 'left' | 'center' | 'right' | 'justified'\n}\n\nContainer.displayName = 'Container'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function Container(props: ContainerProps) {\n return <Styled.Root {...props} />\n}\n"],"names":["Container","props","_jsx","Styled.Root","_objectSpread","displayName"],"mappings":"kIA+BO,SAASA,EAAUC,GACxB,OAAOC,EAACC,EAADC,EAAA,GAAiBH,IAT1BD,EAAUK,YAAc"}
@@ -1,2 +1,2 @@
1
- import e from'@babel/runtime/helpers/esm/objectSpread2';import{PureComponent as t,cloneElement as s}from'react';import{ContextMenuMultiLevel as o}from'../ContextMenu.Multilevel/ContextMenu.Multilevel.js';import{Tooltip as r}from'../Tooltip/Tooltip.js';import{ContextMenuItem as i}from'./Item.js';import{Root as n}from'./style.js';import{tooltipStyles as p}from'./tooltip-styles.js';import{jsx as l}from'react/jsx-runtime';class a extends t{constructor(e){super(e),this.getOpen=()=>{var{isOpen:e}=this.props;return void 0!==e?e:this.state.isOpen||!1},this.openMenu=e=>{this.setState({isOpen:!0});var{onOpen:t}=this.props;t&&t(e)},this.closeMenu=e=>{this.setState({isOpen:!1});var{onClose:t}=this.props;t&&t(e)},this.toggleMenu=e=>{var{openMenu:t,closeMenu:s}=this;var o=this.getOpen();return e.persist(),e.preventDefault(),e.stopPropagation(),o?s(e):t(e),!1},this.state={isOpen:this.props.isOpen||!1}}render(){var{className:t,tooltipProps:o={},trigger:i,children:p,hideOverlay:a}=this.props;var h=this.getOpen();return p&&(o.content=p),l(n,{className:t,isOpen:h,onClick:this.toggleMenu,hideOverlay:a,children:l(r,e(e({},o),{},{open:h,children:l("div",{onClick:this.closeMenu,children:i&&s(i,{active:h})})}))})}}a.Item=i,a.MultiLevel=o,a.defaultProps={tooltipProps:{event:'click',placement:'left-start',offset:2,showCloseButton:!1,styles:p},hideOverlay:!1};export{a as ContextMenu};
1
+ import e from'@babel/runtime/helpers/esm/objectSpread2';import{PureComponent as t,cloneElement as s}from'react';import{ContextMenuMultiLevel as o}from'../ContextMenu.Multilevel/ContextMenu.Multilevel.js';import{Tooltip as i}from'../Tooltip/Tooltip.js';import{ContextMenuItem as r}from'./Item.js';import{Root as n}from'./style.js';import{tooltipStyles as p}from'./tooltip-styles.js';import{jsx as l}from'react/jsx-runtime';class a extends t{constructor(e){super(e),this.getOpen=()=>{var{isOpen:e}=this.props;return void 0!==e?e:this.state.isOpen||!1},this.openMenu=e=>{this.setState({isOpen:!0});var{onOpen:t}=this.props;t&&t(e)},this.closeMenu=e=>{this.setState({isOpen:!1});var{onClose:t}=this.props;t&&t(e)},this.toggleMenu=e=>{var{openMenu:t,closeMenu:s}=this;var o=this.getOpen();return e.persist(),e.preventDefault(),e.stopPropagation(),o?s(e):t(e),!1},this.state={isOpen:this.props.isOpen||!1}}render(){var{className:t,tooltipProps:o={},trigger:r,children:p,hideOverlay:a}=this.props;var m=this.getOpen();return p&&(o.content=p),l(n,{className:t,isOpen:m,onClick:this.toggleMenu,hideOverlay:a,children:l(i,e(e({},o),{},{open:m,children:l("div",{onClick:this.closeMenu,children:r&&s(r,{active:m})})}))})}}a.Item=r,a.MultiLevel=o,a.displayName='ContextMenu',a.defaultProps={tooltipProps:{event:'click',placement:'left-start',offset:2,showCloseButton:!1,styles:p},hideOverlay:!1};export{a as ContextMenu};
2
2
  //# sourceMappingURL=ContextMenu.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ContextMenu.js","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { cloneElement, PureComponent } from 'react'\nimport { ContextMenuMultiLevel } from '../../components/ContextMenu.Multilevel'\nimport { BaseProps } from '../../shared/interfaces'\nimport { Tooltip } from './../Tooltip'\nimport { ContextMenuItem } from './Item'\nimport * as Styled from './style'\nimport { tooltipStyles } from './tooltip-styles'\n\nexport interface ContextMenuProps extends BaseProps {\n /**\n * Children react node\n */\n children: React.ReactNode\n /** Indicates if button is active (e.g. when context menu is open) */\n onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n /** Manually controled state */\n isOpen?: boolean\n /** On open menu callback */\n onOpen?: (_e: React.MouseEvent<HTMLDivElement>) => void\n /** On close menu callback */\n onClose?: (_e: React.MouseEvent<HTMLDivElement>) => void\n /** Content */\n trigger?: React.ReactNode\n /** Properties for inner Tooltip component */\n tooltipProps?: Partial<Parameters<typeof Tooltip>[0]>\n /** Hide overlay for debug */\n hideOverlay?: boolean\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n */\nexport class ContextMenu extends PureComponent<ContextMenuProps, { isOpen: boolean }> {\n static Item = ContextMenuItem\n static MultiLevel = ContextMenuMultiLevel\n\n static defaultProps = {\n tooltipProps: {\n event: 'click',\n placement: 'left-start',\n offset: 2,\n showCloseButton: false,\n styles: tooltipStyles,\n },\n hideOverlay: false,\n }\n\n constructor(props: ContextMenuProps) {\n super(props)\n\n this.state = {\n isOpen: this.props.isOpen || false,\n }\n }\n\n getOpen = () => {\n const { isOpen } = this.props\n\n if (isOpen !== undefined) return isOpen\n\n return this.state.isOpen || false\n }\n\n openMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n this.setState({ isOpen: true })\n\n const { onOpen } = this.props\n\n onOpen && onOpen(e)\n }\n\n closeMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n this.setState({ isOpen: false })\n\n const { onClose } = this.props\n\n onClose && onClose(e)\n }\n\n toggleMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n const { openMenu, closeMenu } = this\n const isOpen = this.getOpen()\n\n e.persist()\n e.preventDefault()\n e.stopPropagation()\n\n isOpen ? closeMenu(e) : openMenu(e)\n\n return false\n }\n\n render() {\n const { className, tooltipProps = {}, trigger, children, hideOverlay } = this.props\n const isOpen = this.getOpen()\n\n if (children) tooltipProps.content = children\n\n return (\n <Styled.Root className={className} isOpen={isOpen} onClick={this.toggleMenu} hideOverlay={hideOverlay}>\n <Tooltip {...tooltipProps} open={isOpen}>\n <div onClick={this.closeMenu}>{trigger && cloneElement(trigger as any, { active: isOpen })}</div>\n </Tooltip>\n </Styled.Root>\n )\n }\n}\n"],"names":["ContextMenu","PureComponent","constructor","props","super","this","getOpen","isOpen","state","openMenu","e","setState","onOpen","closeMenu","onClose","toggleMenu","persist","preventDefault","stopPropagation","render","className","tooltipProps","trigger","children","hideOverlay","content","_jsx","Styled.Root","onClick","Tooltip","_objectSpread","open","cloneElement","active","Item","ContextMenuItem","MultiLevel","ContextMenuMultiLevel","defaultProps","event","placement","offset","showCloseButton","styles","tooltipStyles"],"mappings":"saAkCO,MAAMA,UAAoBC,EAe/BC,YAAYC,GACVC,MAAMD,GAD6BE,KAQrCC,QAAU,KACR,IAAMC,OAAEA,GAAWF,KAAKF,MAExB,gBAAII,EAA6BA,EAE1BF,KAAKG,MAAMD,YAbiBF,KAgBrCI,SAAYC,IACVL,KAAKM,SAAS,CAAEJ,QAAAA,IAEhB,IAAMK,OAAEA,GAAWP,KAAKF,MAExBS,GAAUA,EAAOF,IArBkBL,KAwBrCQ,UAAaH,IACXL,KAAKM,SAAS,CAAEJ,YAEhB,IAAMO,QAAEA,GAAYT,KAAKF,MAEzBW,GAAWA,EAAQJ,IA7BgBL,KAgCrCU,WAAcL,IACZ,IAAMD,SAAEA,EAAFI,UAAYA,GAAcR,KAChC,IAAME,EAASF,KAAKC,UAQpB,OANAI,EAAEM,UACFN,EAAEO,iBACFP,EAAEQ,kBAEFX,EAASM,EAAUH,GAAKD,EAASC,IAE1B,GAvCPL,KAAKG,MAAQ,CACXD,OAAQF,KAAKF,MAAMI,YAyCvBY,SACE,IAAMC,UAAEA,EAAFC,aAAaA,EAAe,GAA5BC,QAAgCA,EAAhCC,SAAyCA,EAAzCC,YAAmDA,GAAgBnB,KAAKF,MAC9E,IAAMI,EAASF,KAAKC,UAIpB,OAFIiB,IAAUF,EAAaI,QAAUF,GAGnCG,EAACC,EAAD,CAAaP,UAAWA,EAAWb,OAAQA,EAAQqB,QAASvB,KAAKU,WAAYS,YAAaA,EAA1FD,SACEG,EAACG,EAADC,EAAAA,EAAA,GAAaT,GAAb,GAAA,CAA2BU,KAAMxB,EAAjCgB,SACEG,EAAA,MAAA,CAAKE,QAASvB,KAAKQ,UAAnBU,SAA+BD,GAAWU,EAAaV,EAAgB,CAAEW,OAAQ1B,YArE9EP,EACJkC,KAAOC,EADHnC,EAEJoC,WAAaC,EAFTrC,EAIJsC,aAAe,CACpBjB,aAAc,CACZkB,MAAO,QACPC,UAAW,aACXC,OAAQ,EACRC,iBAAAA,EACAC,OAAQC,GAEVpB"}
1
+ {"version":3,"file":"ContextMenu.js","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { cloneElement, PureComponent } from 'react'\nimport { ContextMenuMultiLevel } from '../../components/ContextMenu.Multilevel'\nimport { BaseProps } from '../../shared/interfaces'\nimport { Tooltip } from './../Tooltip'\nimport { ContextMenuItem } from './Item'\nimport * as Styled from './style'\nimport { tooltipStyles } from './tooltip-styles'\n\nexport interface ContextMenuProps extends BaseProps {\n /**\n * Children react node\n */\n children: React.ReactNode\n /** Indicates if button is active (e.g. when context menu is open) */\n onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n /** Manually controled state */\n isOpen?: boolean\n /** On open menu callback */\n onOpen?: (_e: React.MouseEvent<HTMLDivElement>) => void\n /** On close menu callback */\n onClose?: (_e: React.MouseEvent<HTMLDivElement>) => void\n /** Content */\n trigger?: React.ReactNode\n /** Properties for inner Tooltip component */\n tooltipProps?: Partial<Parameters<typeof Tooltip>[0]>\n /** Hide overlay for debug */\n hideOverlay?: boolean\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n */\nexport class ContextMenu extends PureComponent<ContextMenuProps, { isOpen: boolean }> {\n static Item = ContextMenuItem\n static MultiLevel = ContextMenuMultiLevel\n static displayName = 'ContextMenu'\n\n static defaultProps = {\n tooltipProps: {\n event: 'click',\n placement: 'left-start',\n offset: 2,\n showCloseButton: false,\n styles: tooltipStyles,\n },\n hideOverlay: false,\n }\n\n constructor(props: ContextMenuProps) {\n super(props)\n\n this.state = {\n isOpen: this.props.isOpen || false,\n }\n }\n\n getOpen = () => {\n const { isOpen } = this.props\n\n if (isOpen !== undefined) return isOpen\n\n return this.state.isOpen || false\n }\n\n openMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n this.setState({ isOpen: true })\n\n const { onOpen } = this.props\n\n onOpen && onOpen(e)\n }\n\n closeMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n this.setState({ isOpen: false })\n\n const { onClose } = this.props\n\n onClose && onClose(e)\n }\n\n toggleMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n const { openMenu, closeMenu } = this\n const isOpen = this.getOpen()\n\n e.persist()\n e.preventDefault()\n e.stopPropagation()\n\n isOpen ? closeMenu(e) : openMenu(e)\n\n return false\n }\n\n render() {\n const { className, tooltipProps = {}, trigger, children, hideOverlay } = this.props\n const isOpen = this.getOpen()\n\n if (children) tooltipProps.content = children\n\n return (\n <Styled.Root className={className} isOpen={isOpen} onClick={this.toggleMenu} hideOverlay={hideOverlay}>\n <Tooltip {...tooltipProps} open={isOpen}>\n <div onClick={this.closeMenu}>{trigger && cloneElement(trigger as any, { active: isOpen })}</div>\n </Tooltip>\n </Styled.Root>\n )\n }\n}\n"],"names":["ContextMenu","PureComponent","constructor","props","super","this","getOpen","isOpen","state","openMenu","e","setState","onOpen","closeMenu","onClose","toggleMenu","persist","preventDefault","stopPropagation","render","className","tooltipProps","trigger","children","hideOverlay","content","_jsx","Styled.Root","onClick","Tooltip","_objectSpread","open","cloneElement","active","Item","ContextMenuItem","MultiLevel","ContextMenuMultiLevel","displayName","defaultProps","event","placement","offset","showCloseButton","styles","tooltipStyles"],"mappings":"saAkCO,MAAMA,UAAoBC,EAgB/BC,YAAYC,GACVC,MAAMD,GAD6BE,KAQrCC,QAAU,KACR,IAAMC,OAAEA,GAAWF,KAAKF,MAExB,gBAAII,EAA6BA,EAE1BF,KAAKG,MAAMD,YAbiBF,KAgBrCI,SAAYC,IACVL,KAAKM,SAAS,CAAEJ,QAAAA,IAEhB,IAAMK,OAAEA,GAAWP,KAAKF,MAExBS,GAAUA,EAAOF,IArBkBL,KAwBrCQ,UAAaH,IACXL,KAAKM,SAAS,CAAEJ,YAEhB,IAAMO,QAAEA,GAAYT,KAAKF,MAEzBW,GAAWA,EAAQJ,IA7BgBL,KAgCrCU,WAAcL,IACZ,IAAMD,SAAEA,EAAFI,UAAYA,GAAcR,KAChC,IAAME,EAASF,KAAKC,UAQpB,OANAI,EAAEM,UACFN,EAAEO,iBACFP,EAAEQ,kBAEFX,EAASM,EAAUH,GAAKD,EAASC,OArCjCL,KAAKG,MAAQ,CACXD,OAAQF,KAAKF,MAAMI,SAAAA,GAyCvBY,SACE,IAAMC,UAAEA,EAAFC,aAAaA,EAAe,GAA5BC,QAAgCA,EAAhCC,SAAyCA,EAAzCC,YAAmDA,GAAgBnB,KAAKF,MAC9E,IAAMI,EAASF,KAAKC,UAIpB,OAFIiB,IAAUF,EAAaI,QAAUF,GAGnCG,EAACC,EAAD,CAAaP,UAAWA,EAAWb,OAAQA,EAAQqB,QAASvB,KAAKU,WAAYS,YAAaA,EAA1FD,SACEG,EAACG,EAADC,EAAAA,EAAA,GAAaT,GAAb,GAAA,CAA2BU,KAAMxB,EAAjCgB,SACEG,EAAA,MAAA,CAAKE,QAASvB,KAAKQ,UAAnBU,SAA+BD,GAAWU,EAAaV,EAAgB,CAAEW,OAAQ1B,YAtE9EP,EACJkC,KAAOC,EADHnC,EAEJoC,WAAaC,EAFTrC,EAGJsC,YAAc,cAHVtC,EAKJuC,aAAe,CACpBlB,aAAc,CACZmB,MAAO,QACPC,UAAW,aACXC,OAAQ,EACRC,mBACAC,OAAQC,GAEVrB,aAAAA"}
@@ -1,2 +1,2 @@
1
- import{Root as s}from'./style.js';import{defaultIcons as e}from'./icons.js';export{IconNames}from'./icons.js';import{jsxs as i,jsx as o}from'react/jsx-runtime';function l(l){var{name:n,icon:r,svg:c,pointer:t,color:a,size:m,sizeXS:z,sizeS:p,sizeM:u,sizeL:d,sizeXL:f,className:g,style:j,vAlign:v,children:y}=l;return n&&e[n]?i(s,{vAlign:v,color:a,pointer:t,className:g,size:m,sizeXS:z,sizeS:p,sizeM:u,sizeL:d,sizeXL:f,style:j,children:[o(e[n],{}),y]}):c?o(s,{vAlign:v,color:a,className:g,style:j,dangerouslySetInnerHTML:{__html:c||''},children:r||null}):i(s,{vAlign:v,color:a,className:g,style:j,children:[r||null,y]})}export{l as Icon};
1
+ import{Root as s}from'./style.js';import{defaultIcons as e}from'./icons.js';export{IconNames}from'./icons.js';import{jsxs as i,jsx as o}from'react/jsx-runtime';function l(l){var{name:n,icon:r,svg:a,pointer:c,color:t,size:m,sizeXS:z,sizeS:p,sizeM:d,sizeL:u,sizeXL:y,className:f,style:g,vAlign:j,children:v}=l;return n&&e[n]?i(s,{vAlign:j,color:t,pointer:c,className:f,size:m,sizeXS:z,sizeS:p,sizeM:d,sizeL:u,sizeXL:y,style:g,children:[o(e[n],{}),v]}):a?o(s,{vAlign:j,color:t,className:f,style:g,dangerouslySetInnerHTML:{__html:a||''},children:r||null}):i(s,{vAlign:j,color:t,className:f,style:g,children:[r||null,v]})}l.displayName='Icon';export{l as Icon};
2
2
  //# sourceMappingURL=Icon.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { Color } from '../../mixins/color'\nimport { VAlign } from '../../mixins/vAlign'\nimport { ResponsiveProperty } from '../../mixins/responsive-property'\nimport { BaseProps } from '../../shared/interfaces'\nimport * as Styled from './style'\n\nimport { defaultIcons, IconNames } from './icons'\n\nexport interface IconProps extends BaseProps, Color, VAlign, ResponsiveProperty<'size'> {\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * Name of default icon\n */\n name?: keyof typeof IconNames\n /**\n * Object with icon's svg. Use for custom icon insertion\n */\n svg?: string\n /**\n * Object with icon's svg. Use for custom icon insertion\n */\n icon?: React.ReactNode\n /**\n * Show pointer cursor on hover?\n */\n pointer?: boolean\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`VAlign`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Color<'fontColor'>`](#/Миксины)\n * - [`ResponsiveProperty<'size'>`](#/Миксины)\n */\nexport function Icon(props: IconProps) {\n const {\n name,\n icon,\n svg,\n pointer,\n color,\n size,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n className,\n style,\n vAlign,\n children,\n } = props\n\n if (name && defaultIcons[name]) {\n const Icon = defaultIcons[name]\n return (\n <Styled.Root\n vAlign={vAlign}\n color={color}\n pointer={pointer}\n className={className}\n size={size}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n style={style}\n >\n <Icon />\n {children}\n </Styled.Root>\n )\n }\n\n if (svg)\n return (\n <Styled.Root\n vAlign={vAlign}\n color={color}\n className={className}\n style={style}\n dangerouslySetInnerHTML={{ __html: svg || '' }}\n >\n {icon || null}\n </Styled.Root>\n )\n\n return (\n <Styled.Root vAlign={vAlign} color={color} className={className} style={style}>\n {icon || null}\n {children}\n </Styled.Root>\n )\n}\n\nexport { IconNames }\n"],"names":["Icon","props","name","icon","svg","pointer","color","size","sizeXS","sizeS","sizeM","sizeL","sizeXL","className","style","vAlign","children","defaultIcons","_jsxs","Styled.Root","_jsx","dangerouslySetInnerHTML","__html"],"mappings":"gKAuCO,SAASA,EAAKC,GACnB,IAAMC,KACJA,EADIC,KAEJA,EAFIC,IAGJA,EAHIC,QAIJA,EAJIC,MAKJA,EALIC,KAMJA,EANIC,OAOJA,EAPIC,MAQJA,EARIC,MASJA,EATIC,MAUJA,EAVIC,OAWJA,EAXIC,UAYJA,EAZIC,MAaJA,EAbIC,OAcJA,EAdIC,SAeJA,GACEf,EAEJ,OAAIC,GAAQe,EAAaf,GAGrBgB,EAACC,EAAD,CACEJ,OAAQA,EACRT,MAAOA,EACPD,QAASA,EACTQ,UAAWA,EACXN,KAAMA,EACNC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRE,MAAOA,EAXTE,SAAA,CAaEI,EAfSH,EAAaf,GAExB,IAcGc,KAKHZ,EAEAgB,EAACD,EAAD,CACEJ,OAAQA,EACRT,MAAOA,EACPO,UAAWA,EACXC,MAAOA,EACPO,wBAAyB,CAAEC,OAAQlB,GAAO,IAL5CY,SAOGb,GAAQ,OAKbe,EAACC,EAAD,CAAaJ,OAAQA,EAAQT,MAAOA,EAAOO,UAAWA,EAAWC,MAAOA,EAAxEE,SAAA,CACGb,GAAQ,KACRa"}
1
+ {"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { Color } from '../../mixins/color'\nimport { VAlign } from '../../mixins/vAlign'\nimport { ResponsiveProperty } from '../../mixins/responsive-property'\nimport { BaseProps } from '../../shared/interfaces'\nimport * as Styled from './style'\n\nimport { defaultIcons, IconNames } from './icons'\n\nexport interface IconProps extends BaseProps, Color, VAlign, ResponsiveProperty<'size'> {\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * Name of default icon\n */\n name?: keyof typeof IconNames\n /**\n * Object with icon's svg. Use for custom icon insertion\n */\n svg?: string\n /**\n * Object with icon's svg. Use for custom icon insertion\n */\n icon?: React.ReactNode\n /**\n * Show pointer cursor on hover?\n */\n pointer?: boolean\n}\n\nIcon.displayName = 'Icon'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`VAlign`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Color<'fontColor'>`](#/Миксины)\n * - [`ResponsiveProperty<'size'>`](#/Миксины)\n */\nexport function Icon(props: IconProps) {\n const {\n name,\n icon,\n svg,\n pointer,\n color,\n size,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n className,\n style,\n vAlign,\n children,\n } = props\n\n if (name && defaultIcons[name]) {\n const Icon = defaultIcons[name]\n return (\n <Styled.Root\n vAlign={vAlign}\n color={color}\n pointer={pointer}\n className={className}\n size={size}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n style={style}\n >\n <Icon />\n {children}\n </Styled.Root>\n )\n }\n\n if (svg)\n return (\n <Styled.Root\n vAlign={vAlign}\n color={color}\n className={className}\n style={style}\n dangerouslySetInnerHTML={{ __html: svg || '' }}\n >\n {icon || null}\n </Styled.Root>\n )\n\n return (\n <Styled.Root vAlign={vAlign} color={color} className={className} style={style}>\n {icon || null}\n {children}\n </Styled.Root>\n )\n}\n\nexport { IconNames }\n"],"names":["Icon","props","name","icon","svg","pointer","color","size","sizeXS","sizeS","sizeM","sizeL","sizeXL","className","style","vAlign","children","defaultIcons","_jsxs","Styled.Root","_jsx","dangerouslySetInnerHTML","__html","displayName"],"mappings":"gKAyCO,SAASA,EAAKC,GACnB,IAAMC,KACJA,EADIC,KAEJA,EAFIC,IAGJA,EAHIC,QAIJA,EAJIC,MAKJA,EALIC,KAMJA,EANIC,OAOJA,EAPIC,MAQJA,EARIC,MASJA,EATIC,MAUJA,EAVIC,OAWJA,EAXIC,UAYJA,EAZIC,MAaJA,EAbIC,OAcJA,EAdIC,SAeJA,GACEf,EAEJ,OAAIC,GAAQe,EAAaf,GAGrBgB,EAACC,EAAD,CACEJ,OAAQA,EACRT,MAAOA,EACPD,QAASA,EACTQ,UAAWA,EACXN,KAAMA,EACNC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRE,MAAOA,EAXTE,SAAA,CAaEI,EAfSH,EAAaf,GAExB,IAcGc,KAKHZ,EAEAgB,EAACD,EAAD,CACEJ,OAAQA,EACRT,MAAOA,EACPO,UAAWA,EACXC,MAAOA,EACPO,wBAAyB,CAAEC,OAAQlB,GAAO,IAL5CY,SAOGb,GAAQ,OAKbe,EAACC,EAAD,CAAaJ,OAAQA,EAAQT,MAAOA,EAAOO,UAAWA,EAAWC,MAAOA,EAAxEE,SAAA,CACGb,GAAQ,KACRa,KAnEPhB,EAAKuB,YAAc"}
@@ -1,2 +1,2 @@
1
- import e from'@babel/runtime/helpers/esm/objectSpread2';import{InputPhone as o}from'../Input.Phone/Input.Phone.js';import{Root as t}from'./style.js';import{jsx as r}from'react/jsx-runtime';function n(o){return r(t,e({},o))}n.defaultProps={rounded:!0,type:'text',width:'l',color:'mineShaft',placeholderColor:'silver'},n.Phone=o;export{n as Input};
1
+ import e from'@babel/runtime/helpers/esm/objectSpread2';import{InputPhone as o}from'../Input.Phone/Input.Phone.js';import{Root as t}from'./style.js';import{jsx as r}from'react/jsx-runtime';function n(o){return r(t,e({},o))}n.defaultProps={rounded:!0,type:'text',width:'l',color:'mineShaft',placeholderColor:'silver'},n.Phone=o,n.displayName='Input';export{n as Input};
2
2
  //# sourceMappingURL=Input.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import { InputState, MaskOptions } from 'react-input-mask'\nimport { InputPhone } from '../../components/Input.Phone'\nimport { BaseProps, InputField } from '../../shared/interfaces'\nimport * as Styled from './style'\n\ntype InputHTMLAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'color' | 'width'>\n\nexport interface InputProps extends BaseProps, InputField, InputHTMLAttributes {\n /**\n * Mask string. Format characters are:\n * * `9`: `0-9`\n * * `a`: `A-Z, a-z`\n * * `\\*`: `A-Z, a-z, 0-9`\n *\n * Any character can be escaped with backslash, which usually will appear as double backslash in JS strings.\n * For example, German phone mask with unremoveable prefix +49 will look like `mask=\"+4\\\\9 99 999 99\"` or `mask={\"+4\\\\\\\\9 99 999 99\"}`\n */\n mask: string | Array<string | RegExp>\n /**\n * Character to cover unfilled editable parts of mask. Default character is \"_\". If set to null, unfilled parts will be empty, like in ordinary input.\n */\n maskChar?: string | null\n /**\n * Defines format characters with characters as keys and corresponding RegExp string as values. Default ones:\n * ```\n * {\n * \"9\": \"[0-9]\",\n * \"a\": \"[A-Za-z]\",\n * \"*\": \"[A-Za-z0-9]\"\n * }```\n */\n formatChars?: { [key: string]: string }\n /**\n * Show mask even in empty input without focus.\n */\n alwaysShowMask?: boolean\n /**\n * Use inputRef instead of ref if you need input node to manage focus, selection, etc.\n */\n inputRef?: React.Ref<HTMLInputElement>\n\n /**\n * In case you need to implement more complex masking behavior, you can provide\n * beforeMaskedValueChange function to change masked value and cursor position\n * before it will be applied to the input.\n */\n beforeMaskedValueChange?(\n _newState: InputState,\n _oldState: InputState,\n _userInput: string,\n _maskOptions: MaskOptions\n ): InputState\n /**\n * Input type\n */\n type?: string\n dataset?: Record<string, string>\n}\n\nInput.defaultProps = {\n rounded: true,\n type: 'text',\n width: 'l',\n color: 'mineShaft',\n placeholderColor: 'silver',\n}\n\nInput.Phone = InputPhone\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`InputField`](#/Миксины)\n * - `React.InputHTMLAttributes<HTMLInputElement>`\n */\nexport function Input(props: InputProps) {\n return <Styled.Root {...props} />\n}\n"],"names":["Input","props","_jsx","Styled.Root","_objectSpread","defaultProps","rounded","type","width","color","placeholderColor","Phone","InputPhone"],"mappings":"6LA2EO,SAASA,EAAMC,GACpB,OAAOC,EAACC,EAADC,EAAA,GAAiBH,IAjB1BD,EAAMK,aAAe,CACnBC,SAAS,EACTC,KAAM,OACNC,MAAO,IACPC,MAAO,YACPC,iBAAkB,UAGpBV,EAAMW,MAAQC"}
1
+ {"version":3,"file":"Input.js","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import { InputState, MaskOptions } from 'react-input-mask'\nimport { InputPhone } from '../../components/Input.Phone'\nimport { BaseProps, InputField } from '../../shared/interfaces'\nimport * as Styled from './style'\n\ntype InputHTMLAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'color' | 'width'>\n\nexport interface InputProps extends BaseProps, InputField, InputHTMLAttributes {\n /**\n * Mask string. Format characters are:\n * * `9`: `0-9`\n * * `a`: `A-Z, a-z`\n * * `\\*`: `A-Z, a-z, 0-9`\n *\n * Any character can be escaped with backslash, which usually will appear as double backslash in JS strings.\n * For example, German phone mask with unremoveable prefix +49 will look like `mask=\"+4\\\\9 99 999 99\"` or `mask={\"+4\\\\\\\\9 99 999 99\"}`\n */\n mask: string | Array<string | RegExp>\n /**\n * Character to cover unfilled editable parts of mask. Default character is \"_\". If set to null, unfilled parts will be empty, like in ordinary input.\n */\n maskChar?: string | null\n /**\n * Defines format characters with characters as keys and corresponding RegExp string as values. Default ones:\n * ```\n * {\n * \"9\": \"[0-9]\",\n * \"a\": \"[A-Za-z]\",\n * \"*\": \"[A-Za-z0-9]\"\n * }```\n */\n formatChars?: { [key: string]: string }\n /**\n * Show mask even in empty input without focus.\n */\n alwaysShowMask?: boolean\n /**\n * Use inputRef instead of ref if you need input node to manage focus, selection, etc.\n */\n inputRef?: React.Ref<HTMLInputElement>\n\n /**\n * In case you need to implement more complex masking behavior, you can provide\n * beforeMaskedValueChange function to change masked value and cursor position\n * before it will be applied to the input.\n */\n beforeMaskedValueChange?(\n _newState: InputState,\n _oldState: InputState,\n _userInput: string,\n _maskOptions: MaskOptions\n ): InputState\n /**\n * Input type\n */\n type?: string\n dataset?: Record<string, string>\n}\n\nInput.defaultProps = {\n rounded: true,\n type: 'text',\n width: 'l',\n color: 'mineShaft',\n placeholderColor: 'silver',\n}\n\nInput.Phone = InputPhone\nInput.displayName = 'Input'\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`InputField`](#/Миксины)\n * - `React.InputHTMLAttributes<HTMLInputElement>`\n */\nexport function Input(props: InputProps) {\n return <Styled.Root {...props} />\n}\n"],"names":["Input","props","_jsx","Styled.Root","_objectSpread","defaultProps","rounded","type","width","color","placeholderColor","Phone","InputPhone","displayName"],"mappings":"6LA2EO,SAASA,EAAMC,GACpB,OAAOC,EAACC,EAADC,EAAA,GAAiBH,IAjB1BD,EAAMK,aAAe,CACnBC,SAAS,EACTC,KAAM,OACNC,MAAO,IACPC,MAAO,YACPC,iBAAkB,UAGpBV,EAAMW,MAAQC,EACdZ,EAAMa,YAAc"}
@@ -1,2 +1,2 @@
1
- import e from'react-modal';import{ModalClose as l}from'./Close.js';import{Modal as o}from'./style.js';import{jsx as s}from'react/jsx-runtime';var a;function n(e){var{children:l,closeTimeoutMS:a,contentLabel:n,isOpen:t,onAfterOpen:r,onRequestClose:i,overlayClassName:m,role:d,shouldCloseOnOverlayClick:c,width:p,valign:C,className:u,style:O,zIndex:v}=e;return s(o,{closeTimeoutMS:a,contentLabel:n,isOpen:Boolean(t),onAfterOpen:r,onRequestClose:i,portalClassName:u,overlayClassName:m,bodyOpenClassName:"modal--open",role:d,zIndex:v,valign:C,width:p,shouldCloseOnOverlayClick:c,children:s("div",{style:O,children:l})})}(a=document.body)&&a instanceof HTMLElement&&e.setAppElement(a),n.defaultProps={closeTimeoutMS:0,zIndex:9e3,contentLabel:'',isOpen:!1,role:'dialog',shouldCloseOnOverlayClick:!0,width:'m',valign:'center',className:'modal'},n.Close=l;export{n as Modal};
1
+ import e from'react-modal';import{ModalClose as l}from'./Close.js';import{Modal as o}from'./style.js';import{jsx as s}from'react/jsx-runtime';var a;function n(e){var{children:l,closeTimeoutMS:a,contentLabel:n,isOpen:t,onAfterOpen:r,onRequestClose:i,overlayClassName:d,role:m,shouldCloseOnOverlayClick:c,width:p,valign:C,className:u,style:O,zIndex:v}=e;return s(o,{closeTimeoutMS:a,contentLabel:n,isOpen:Boolean(t),onAfterOpen:r,onRequestClose:i,portalClassName:u,overlayClassName:d,bodyOpenClassName:"modal--open",role:m,zIndex:v,valign:C,width:p,shouldCloseOnOverlayClick:c,children:s("div",{style:O,children:l})})}(a=document.body)&&a instanceof HTMLElement&&e.setAppElement(a),n.defaultProps={closeTimeoutMS:0,zIndex:9e3,contentLabel:'',isOpen:!1,role:'dialog',shouldCloseOnOverlayClick:!0,width:'m',valign:'center',className:'modal'},n.Close=l,n.displayName='Modal';export{n as Modal};
2
2
  //# sourceMappingURL=Modal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import ReactModal, { Classes } from 'react-modal'\nimport { ResponsiveProperty } from '../../mixins/responsive-property'\nimport { BaseProps } from '../../shared/interfaces'\nimport { ModalClose } from './Close'\nimport * as Styled from './style'\n\nfunction setAppModalElement() {\n const appElement = document.body\n\n if (appElement && appElement instanceof HTMLElement) ReactModal.setAppElement(appElement)\n}\n\nsetAppModalElement()\n\nexport interface ModalProps extends BaseProps, ResponsiveProperty<'width'> {\n /**\n * Primary content.\n */\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * Modal class name\n */\n className?: string\n /**\n * Number indicating the milliseconds to wait before closing the modal.\n */\n closeTimeoutMS?: number\n /**\n * String indicating how the content container should be announced to screenreaders\n */\n contentLabel?: string\n /**\n * Boolean describing if the modal should be shown or not.\n */\n isOpen?: boolean\n /**\n * Function that will be run after the modal has opened.\n */\n onAfterOpen?(): void\n /**\n * Function that will be run when the modal is requested to be closed, prior to actually closing.\n */\n onRequestClose?(): void\n /**\n * Custom overlay CSS class name\n */\n overlayClassName?: string | Classes\n /**\n * String indicating the role of the modal, allowing the 'dialog' role to be applied if desired.\n */\n role?: string\n /**\n * Boolean indicating if the overlay should close the modal\n */\n shouldCloseOnOverlayClick?: boolean\n /**\n * Vertical align\n */\n valign?: 'top' | 'center' | 'bottom'\n /**\n * z-index\n */\n zIndex?: number\n}\n\nModal.defaultProps = {\n closeTimeoutMS: 0,\n zIndex: 9000,\n contentLabel: '',\n isOpen: false,\n role: 'dialog',\n shouldCloseOnOverlayClick: true,\n width: 'm',\n valign: 'center',\n className: 'modal',\n}\n\nModal.Close = ModalClose\n\n/**\n * Основан на [react-modal](https://github.com/reactjs/react-modal).\n *\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`ResponsiveProperty<'width'>`](#/Миксины)\n */\nexport function Modal(props: ModalProps) {\n const {\n children,\n closeTimeoutMS,\n contentLabel,\n isOpen,\n onAfterOpen,\n onRequestClose,\n overlayClassName,\n role,\n shouldCloseOnOverlayClick,\n width,\n valign,\n className,\n style,\n zIndex,\n } = props\n\n return (\n <Styled.Modal\n closeTimeoutMS={closeTimeoutMS}\n contentLabel={contentLabel}\n isOpen={Boolean(isOpen)}\n onAfterOpen={onAfterOpen}\n onRequestClose={onRequestClose}\n portalClassName={className}\n overlayClassName={overlayClassName}\n bodyOpenClassName='modal--open'\n role={role}\n zIndex={zIndex}\n valign={valign}\n width={width}\n shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n >\n <div style={style}>{children}</div>\n </Styled.Modal>\n )\n}\n"],"names":["appElement","Modal","props","children","closeTimeoutMS","contentLabel","isOpen","onAfterOpen","onRequestClose","overlayClassName","role","shouldCloseOnOverlayClick","width","valign","className","style","zIndex","_jsx","Styled.Modal","Boolean","portalClassName","bodyOpenClassName","document","body","HTMLElement","ReactModal","setAppElement","defaultProps","Close","ModalClose"],"mappings":"8IAMA,IACQA,EAkFD,SAASC,EAAMC,GACpB,IAAMC,SACJA,EADIC,eAEJA,EAFIC,aAGJA,EAHIC,OAIJA,EAJIC,YAKJA,EALIC,eAMJA,EANIC,iBAOJA,EAPIC,KAQJA,EARIC,0BASJA,EATIC,MAUJA,EAVIC,OAWJA,EAXIC,UAYJA,EAZIC,MAaJA,EAbIC,OAcJA,GACEd,EAEJ,OACEe,EAACC,EAAD,CACEd,eAAgBA,EAChBC,aAAcA,EACdC,OAAQa,QAAQb,GAChBC,YAAaA,EACbC,eAAgBA,EAChBY,gBAAiBN,EACjBL,iBAAkBA,EAClBY,kBAAkB,cAClBX,KAAMA,EACNM,OAAQA,EACRH,OAAQA,EACRD,MAAOA,EACPD,0BAA2BA,EAb7BR,SAeEc,EAAA,MAAA,CAAKF,MAAOA,EAAZZ,SAAoBA,OApHlBH,EAAasB,SAASC,OAEVvB,aAAsBwB,aAAaC,EAAWC,cAAc1B,GA2DhFC,EAAM0B,aAAe,CACnBvB,eAAgB,EAChBY,OAAQ,IACRX,aAAc,GACdC,QAAAA,EACAI,KAAM,SACNC,2BAA2B,EAC3BC,MAAO,IACPC,OAAQ,SACRC,UAAW,SAGbb,EAAM2B,MAAQC"}
1
+ {"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import ReactModal, { Classes } from 'react-modal'\nimport { ResponsiveProperty } from '../../mixins/responsive-property'\nimport { BaseProps } from '../../shared/interfaces'\nimport { ModalClose } from './Close'\nimport * as Styled from './style'\n\nfunction setAppModalElement() {\n const appElement = document.body\n\n if (appElement && appElement instanceof HTMLElement) ReactModal.setAppElement(appElement)\n}\n\nsetAppModalElement()\n\nexport interface ModalProps extends BaseProps, ResponsiveProperty<'width'> {\n /**\n * Primary content.\n */\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * Modal class name\n */\n className?: string\n /**\n * Number indicating the milliseconds to wait before closing the modal.\n */\n closeTimeoutMS?: number\n /**\n * String indicating how the content container should be announced to screenreaders\n */\n contentLabel?: string\n /**\n * Boolean describing if the modal should be shown or not.\n */\n isOpen?: boolean\n /**\n * Function that will be run after the modal has opened.\n */\n onAfterOpen?(): void\n /**\n * Function that will be run when the modal is requested to be closed, prior to actually closing.\n */\n onRequestClose?(): void\n /**\n * Custom overlay CSS class name\n */\n overlayClassName?: string | Classes\n /**\n * String indicating the role of the modal, allowing the 'dialog' role to be applied if desired.\n */\n role?: string\n /**\n * Boolean indicating if the overlay should close the modal\n */\n shouldCloseOnOverlayClick?: boolean\n /**\n * Vertical align\n */\n valign?: 'top' | 'center' | 'bottom'\n /**\n * z-index\n */\n zIndex?: number\n}\n\nModal.defaultProps = {\n closeTimeoutMS: 0,\n zIndex: 9000,\n contentLabel: '',\n isOpen: false,\n role: 'dialog',\n shouldCloseOnOverlayClick: true,\n width: 'm',\n valign: 'center',\n className: 'modal',\n}\n\nModal.Close = ModalClose\nModal.displayName = 'Modal'\n\n/**\n * Основан на [react-modal](https://github.com/reactjs/react-modal).\n *\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`ResponsiveProperty<'width'>`](#/Миксины)\n */\nexport function Modal(props: ModalProps) {\n const {\n children,\n closeTimeoutMS,\n contentLabel,\n isOpen,\n onAfterOpen,\n onRequestClose,\n overlayClassName,\n role,\n shouldCloseOnOverlayClick,\n width,\n valign,\n className,\n style,\n zIndex,\n } = props\n\n return (\n <Styled.Modal\n closeTimeoutMS={closeTimeoutMS}\n contentLabel={contentLabel}\n isOpen={Boolean(isOpen)}\n onAfterOpen={onAfterOpen}\n onRequestClose={onRequestClose}\n portalClassName={className}\n overlayClassName={overlayClassName}\n bodyOpenClassName='modal--open'\n role={role}\n zIndex={zIndex}\n valign={valign}\n width={width}\n shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n >\n <div style={style}>{children}</div>\n </Styled.Modal>\n )\n}\n"],"names":["appElement","Modal","props","children","closeTimeoutMS","contentLabel","isOpen","onAfterOpen","onRequestClose","overlayClassName","role","shouldCloseOnOverlayClick","width","valign","className","style","zIndex","_jsx","Styled.Modal","Boolean","portalClassName","bodyOpenClassName","document","body","HTMLElement","ReactModal","setAppElement","defaultProps","Close","ModalClose","displayName"],"mappings":"8IAMA,IACQA,EAmFD,SAASC,EAAMC,GACpB,IAAMC,SACJA,EADIC,eAEJA,EAFIC,aAGJA,EAHIC,OAIJA,EAJIC,YAKJA,EALIC,eAMJA,EANIC,iBAOJA,EAPIC,KAQJA,EARIC,0BASJA,EATIC,MAUJA,EAVIC,OAWJA,EAXIC,UAYJA,EAZIC,MAaJA,EAbIC,OAcJA,GACEd,EAEJ,OACEe,EAACC,EAAD,CACEd,eAAgBA,EAChBC,aAAcA,EACdC,OAAQa,QAAQb,GAChBC,YAAaA,EACbC,eAAgBA,EAChBY,gBAAiBN,EACjBL,iBAAkBA,EAClBY,kBAAkB,cAClBX,KAAMA,EACNM,OAAQA,EACRH,OAAQA,EACRD,MAAOA,EACPD,0BAA2BA,EAb7BR,SAeEc,EAAA,MAAA,CAAKF,MAAOA,EAAZZ,SAAoBA,OArHlBH,EAAasB,SAASC,OAEVvB,aAAsBwB,aAAaC,EAAWC,cAAc1B,GA2DhFC,EAAM0B,aAAe,CACnBvB,eAAgB,EAChBY,OAAQ,IACRX,aAAc,GACdC,QAAQ,EACRI,KAAM,SACNC,6BACAC,MAAO,IACPC,OAAQ,SACRC,UAAW,SAGbb,EAAM2B,MAAQC,EACd5B,EAAM6B,YAAc"}
@@ -1,2 +1,2 @@
1
- import r from'@babel/runtime/helpers/esm/objectSpread2';import e from'@babel/runtime/helpers/esm/objectWithoutProperties';import{Root as o}from'./style.js';import{jsx as t}from'react/jsx-runtime';var a=["padding","rounded","shadow"];function d(d){var{padding:s="m",rounded:m=!0,shadow:i=!0}=d,p=e(d,a);return t(o,r({padding:s,rounded:m,shadow:i},p))}export{d as Paper};
1
+ import r from'@babel/runtime/helpers/esm/objectSpread2';import e from'@babel/runtime/helpers/esm/objectWithoutProperties';import{Root as o}from'./style.js';import{jsx as a}from'react/jsx-runtime';var t=["padding","rounded","shadow"];function d(d){var{padding:s="m",rounded:m=!0,shadow:p=!0}=d,i=e(d,t);return a(o,r({padding:s,rounded:m,shadow:p},i))}d.displayName='Paper';export{d as Paper};
2
2
  //# sourceMappingURL=Paper.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Paper.js","sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import { BaseProps } from '../../shared/interfaces'\nimport { Display } from '../../mixins/display'\nimport { ResponsiveProperty } from '../../mixins/responsive-property'\nimport { Color } from '../../mixins/color'\nimport * as Styled from './style'\n\nexport interface PaperProps extends BaseProps, Display, Color, ResponsiveProperty<'padding'> {\n /**\n * Paper content\n */\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * Set to true to generate a circlular paper container\n */\n circle?: boolean\n /**\n * Paper with rounded corners\n */\n rounded?: boolean\n /**\n * Paper with shadow\n */\n shadow?: boolean\n /**\n * This number represents the zDepth of the paper shadow\n */\n zDepth?: 0 | 1 | 2 | 3 | 4\n /**\n * Text align\n */\n textAlign?: 'left' | 'center' | 'right'\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveProperty<'padding'>`](#/Миксины)\n */\nexport function Paper({ padding = 'm', rounded = true, shadow = true, ...props }: PaperProps) {\n return <Styled.Root padding={padding} rounded={rounded} shadow={shadow} {...props} />\n}\n"],"names":["Paper","_ref","padding","rounded","shadow","props","_objectWithoutProperties","_excluded","_jsx","Styled.Root","_objectSpread"],"mappings":"yOA2CO,SAASA,EAA8EC,GAAA,IAAxEC,QAAEA,EAAU,IAAZC,QAAiBA,GAAU,EAA3BC,OAAiCA,GAAS,GAA8BH,EAArBI,EAAqBC,EAAAL,EAAAM,GAC5F,OAAOC,EAACC,EAADC,EAAA,CAAaR,QAASA,EAASC,QAASA,EAASC,OAAQA,GAAYC"}
1
+ {"version":3,"file":"Paper.js","sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import { BaseProps } from '../../shared/interfaces'\nimport { Display } from '../../mixins/display'\nimport { ResponsiveProperty } from '../../mixins/responsive-property'\nimport { Color } from '../../mixins/color'\nimport * as Styled from './style'\n\nexport interface PaperProps extends BaseProps, Display, Color, ResponsiveProperty<'padding'> {\n /**\n * Paper content\n */\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * Set to true to generate a circlular paper container\n */\n circle?: boolean\n /**\n * Paper with rounded corners\n */\n rounded?: boolean\n /**\n * Paper with shadow\n */\n shadow?: boolean\n /**\n * This number represents the zDepth of the paper shadow\n */\n zDepth?: 0 | 1 | 2 | 3 | 4\n /**\n * Text align\n */\n textAlign?: 'left' | 'center' | 'right'\n}\n\nPaper.displayName = 'Paper'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveProperty<'padding'>`](#/Миксины)\n */\nexport function Paper({ padding = 'm', rounded = true, shadow = true, ...props }: PaperProps) {\n return <Styled.Root padding={padding} rounded={rounded} shadow={shadow} {...props} />\n}\n"],"names":["Paper","_ref","padding","rounded","shadow","props","_objectWithoutProperties","_excluded","_jsx","Styled.Root","_objectSpread","displayName"],"mappings":"yOA6CO,SAASA,EAA8EC,GAAA,IAAxEC,QAAEA,EAAU,IAAZC,QAAiBA,GAAAA,EAAjBC,OAAiCA,GAAAA,GAAuCH,EAArBI,EAAqBC,EAAAL,EAAAM,GAC5F,OAAOC,EAACC,EAADC,EAAA,CAAaR,QAASA,EAASC,QAASA,EAASC,OAAQA,GAAYC,IAV9EL,EAAMW,YAAc"}
@@ -1,2 +1,2 @@
1
- import{ProgressSegmented as r}from'../Progress.Segmented/Progress.Segmented.js';import{ProgressCircle as o}from'../Progress.Circle/Progress.Circle.js';import{Root as e,Bar as s}from'./style.js';import{jsx as a}from'react/jsx-runtime';function t(r){var{className:o,isLoading:t,backgroundColor:n,color:g,percent:i}=r;var c='string'==typeof i?parseInt(i,10):i||0;return c>100&&(c=100),c<0&&(c=0),a(e,{className:o,backgroundColor:n,color:g,children:a(s,{width:c,isLoading:Boolean(t)})})}t.defaultProps={percent:0,color:'green',backgroundColor:'alto',isLoading:!1},t.Circe=o,t.Segmented=r;export{t as Progress};
1
+ import{ProgressSegmented as r}from'../Progress.Segmented/Progress.Segmented.js';import{ProgressCircle as e}from'../Progress.Circle/Progress.Circle.js';import{Root as o,Bar as s}from'./style.js';import{jsx as a}from'react/jsx-runtime';function t(r){var{className:e,isLoading:t,backgroundColor:n,color:g,percent:i}=r;var c='string'==typeof i?parseInt(i,10):i||0;return c>100&&(c=100),c<0&&(c=0),a(o,{className:e,backgroundColor:n,color:g,children:a(s,{width:c,isLoading:Boolean(t)})})}t.defaultProps={percent:0,color:'green',backgroundColor:'alto',isLoading:!1},t.Circe=e,t.Segmented=r,t.displayName='Progress';export{t as Progress};
2
2
  //# sourceMappingURL=Progress.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Progress.js","sources":["../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import { ProgressSegmented } from '../../components/Progress.Segmented'\nimport { ProgressCircle } from '../../components/Progress.Circle'\nimport { Color } from '../../mixins/color'\nimport { BaseProps } from '../../shared/interfaces'\nimport * as Styled from './style'\n\nexport interface ProgressProps extends BaseProps, Color, Color<'backgroundColor'> {\n /**\n * Current percent complete\n */\n percent?: number\n isLoading?: boolean\n}\n\nProgress.defaultProps = {\n percent: 0,\n color: 'green',\n backgroundColor: 'alto',\n isLoading: false,\n}\n\nProgress.Circe = ProgressCircle\nProgress.Segmented = ProgressSegmented\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Color<'backgroundColor'>`](#/Миксины)\n */\nexport function Progress(props: ProgressProps) {\n const { className, isLoading, backgroundColor, color, percent } = props\n\n let _percent: number = typeof percent === 'string' ? parseInt(percent, 10) : percent || 0\n\n if (_percent > 100) _percent = 100\n if (_percent < 0) _percent = 0\n\n return (\n <Styled.Root className={className} backgroundColor={backgroundColor} color={color}>\n <Styled.Bar width={_percent} isLoading={Boolean(isLoading)} />\n </Styled.Root>\n )\n}\n"],"names":["Progress","props","className","isLoading","backgroundColor","color","percent","_percent","parseInt","_jsx","Styled.Root","children","Styled.Bar","width","Boolean","defaultProps","Circe","ProgressCircle","Segmented","ProgressSegmented"],"mappings":"0OA8BO,SAASA,EAASC,GACvB,IAAMC,UAAEA,EAAFC,UAAaA,EAAbC,gBAAwBA,EAAxBC,MAAyCA,EAAzCC,QAAgDA,GAAYL,EAElE,IAAIM,EAAsC,iBAAZD,EAAuBE,SAASF,EAAS,IAAMA,GAAW,EAKxF,OAHIC,EAAW,MAAKA,EAAW,KAC3BA,EAAW,IAAGA,EAAW,GAG3BE,EAACC,EAAD,CAAaR,UAAWA,EAAWE,gBAAiBA,EAAiBC,MAAOA,EAA5EM,SACEF,EAACG,EAAD,CAAYC,MAAON,EAAUJ,UAAWW,QAAQX,OA1BtDH,EAASe,aAAe,CACtBT,QAAS,EACTD,MAAO,QACPD,gBAAiB,OACjBD,WAAAA,GAGFH,EAASgB,MAAQC,EACjBjB,EAASkB,UAAYC"}
1
+ {"version":3,"file":"Progress.js","sources":["../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import { ProgressSegmented } from '../../components/Progress.Segmented'\nimport { ProgressCircle } from '../../components/Progress.Circle'\nimport { Color } from '../../mixins/color'\nimport { BaseProps } from '../../shared/interfaces'\nimport * as Styled from './style'\n\nexport interface ProgressProps extends BaseProps, Color, Color<'backgroundColor'> {\n /**\n * Current percent complete\n */\n percent?: number\n isLoading?: boolean\n}\n\nProgress.defaultProps = {\n percent: 0,\n color: 'green',\n backgroundColor: 'alto',\n isLoading: false,\n}\n\nProgress.Circe = ProgressCircle\nProgress.Segmented = ProgressSegmented\nProgress.displayName = 'Progress'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Color<'backgroundColor'>`](#/Миксины)\n */\nexport function Progress(props: ProgressProps) {\n const { className, isLoading, backgroundColor, color, percent } = props\n\n let _percent: number = typeof percent === 'string' ? parseInt(percent, 10) : percent || 0\n\n if (_percent > 100) _percent = 100\n if (_percent < 0) _percent = 0\n\n return (\n <Styled.Root className={className} backgroundColor={backgroundColor} color={color}>\n <Styled.Bar width={_percent} isLoading={Boolean(isLoading)} />\n </Styled.Root>\n )\n}\n"],"names":["Progress","props","className","isLoading","backgroundColor","color","percent","_percent","parseInt","_jsx","Styled.Root","children","Styled.Bar","width","Boolean","defaultProps","Circe","ProgressCircle","Segmented","ProgressSegmented","displayName"],"mappings":"0OA+BO,SAASA,EAASC,GACvB,IAAMC,UAAEA,EAAFC,UAAaA,EAAbC,gBAAwBA,EAAxBC,MAAyCA,EAAzCC,QAAgDA,GAAYL,EAElE,IAAIM,EAAsC,iBAAZD,EAAuBE,SAASF,EAAS,IAAMA,GAAW,EAKxF,OAHIC,EAAW,MAAKA,EAAW,KAC3BA,EAAW,IAAGA,EAAW,GAG3BE,EAACC,EAAD,CAAaR,UAAWA,EAAWE,gBAAiBA,EAAiBC,MAAOA,EAA5EM,SACEF,EAACG,EAAD,CAAYC,MAAON,EAAUJ,UAAWW,QAAQX,OA3BtDH,EAASe,aAAe,CACtBT,QAAS,EACTD,MAAO,QACPD,gBAAiB,OACjBD,WAAAA,GAGFH,EAASgB,MAAQC,EACjBjB,EAASkB,UAAYC,EACrBnB,EAASoB,YAAc"}
@@ -1,2 +1,2 @@
1
- import e from'@babel/runtime/helpers/esm/objectSpread2';import a from'@babel/runtime/helpers/esm/objectWithoutProperties';import{useState as r,useEffect as s,useCallback as l}from'react';import{RadioGroup as o}from'./Group.js';import{Root as t}from'./style.js';import{jsxs as c,jsx as i}from'react/jsx-runtime';var d=["children","disabled","error","id","name","onChange","size","value","label","className","style"];function n(o){var n=void 0===o.checked;var[m,h]=r(n?o.defaultChecked:o.checked);var{children:u,disabled:p,error:f,id:b,name:v,onChange:k,size:g,value:x,label:y,className:C,style:j}=o,w=a(o,d);s((()=>{n||m===o.checked||h(o.checked)}),[o.checked]);var z=l((e=>{e.stopPropagation(),'function'==typeof k&&k(e)}),[n]);var N=n?{defaultChecked:m}:{checked:m};return c(t,{className:C,style:j,disabled:p,checked:m,error:f,htmlFor:b||v,size:g,children:[i("input",e(e({},w),{},{id:b||v,name:v,type:"radio",onChange:z,value:x,disabled:p},N)),c("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",children:[i("circle",{cx:"10",cy:"10",r:"9",stroke:"#727D8A",strokeWidth:"2",fill:"#fff"}),i("circle",{cx:"10",cy:"10",r:"5",fill:"#727D8A"})]}),(y||u)&&i("span",{className:"label",children:y||u})]})}n.defaultProps={disabled:!1,size:'medium',defaultChecked:!1,onChange:e=>console.log(e,e.target.value)},n.Group=o;export{n as Radio};
1
+ import e from'@babel/runtime/helpers/esm/objectSpread2';import a from'@babel/runtime/helpers/esm/objectWithoutProperties';import{useState as r,useEffect as s,useCallback as l}from'react';import{RadioGroup as o}from'./Group.js';import{Root as i}from'./style.js';import{jsxs as t,jsx as c}from'react/jsx-runtime';var d=["children","disabled","error","id","name","onChange","size","value","label","className","style"];function m(o){var m=void 0===o.checked;var[n,h]=r(m?o.defaultChecked:o.checked);var{children:p,disabled:u,error:f,id:b,name:v,onChange:k,size:g,value:y,label:x,className:C,style:j}=o,w=a(o,d);s((()=>{m||n===o.checked||h(o.checked)}),[o.checked]);var N=l((e=>{e.stopPropagation(),'function'==typeof k&&k(e)}),[m]);var z=m?{defaultChecked:n}:{checked:n};return t(i,{className:C,style:j,disabled:u,checked:n,error:f,htmlFor:b||v,size:g,children:[c("input",e(e({},w),{},{id:b||v,name:v,type:"radio",onChange:N,value:y,disabled:u},z)),t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",children:[c("circle",{cx:"10",cy:"10",r:"9",stroke:"#727D8A",strokeWidth:"2",fill:"#fff"}),c("circle",{cx:"10",cy:"10",r:"5",fill:"#727D8A"})]}),(x||p)&&c("span",{className:"label",children:x||p})]})}m.defaultProps={disabled:!1,size:'medium',defaultChecked:!1,onChange:e=>console.log(e,e.target.value)},m.Group=o,m.displayName='Radio';export{m as Radio};
2
2
  //# sourceMappingURL=Radio.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.js","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { BaseProps } from '../../shared/interfaces'\nimport { RadioGroup } from './Group'\nimport * as Styled from './style'\n\ntype RadioInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>\n\nexport interface RadioProps extends BaseProps, RadioInputHtmlAttributes {\n /**\n * Field id\n */\n id?: string\n /**\n * Field name\n */\n name?: string\n /**\n * Radio label\n */\n label?: string\n /**\n * On change handler\n */\n onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * A Radio can appear disabled and be unable to change states\n */\n disabled?: boolean\n /**\n * Field can show the data contains errors\n */\n error?: boolean\n /**\n * Whether or not Radio is checked\n */\n checked?: boolean\n defaultChecked?: boolean\n /**\n * Checkbox size\n */\n size?: 'small' | 'medium' | 'large'\n /**\n * Value\n */\n value?: string | number\n}\n\nRadio.defaultProps = {\n disabled: false,\n size: 'medium',\n defaultChecked: false,\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log(e, e.target.value), // eslint-disable-line no-console\n}\n\nRadio.Group = RadioGroup\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - `React.InputHTMLAttributes<HTMLInputElement>`\n */\nexport function Radio(props: typeof Radio.defaultProps & RadioProps) {\n const uncontrolled = props.checked === undefined\n const [checkedInput, setChecked] = useState(uncontrolled ? props.defaultChecked : props.checked)\n\n const { children, disabled, error, id, name, onChange, size, value, label, className, style, ...anotherProps } = props\n\n useEffect(() => {\n if (!uncontrolled && checkedInput !== props.checked) setChecked(props.checked)\n }, [props.checked])\n\n const handleOnChange: React.ChangeEventHandler<HTMLInputElement> = useCallback(\n (e) => {\n e.stopPropagation()\n if (typeof onChange === 'function') onChange(e)\n },\n [uncontrolled]\n )\n\n const inputProps = uncontrolled ? { defaultChecked: checkedInput } : { checked: checkedInput }\n\n return (\n <Styled.Root\n className={className}\n style={style}\n disabled={disabled}\n checked={checkedInput}\n error={error}\n htmlFor={id || name}\n size={size}\n >\n <input\n {...anotherProps}\n id={id || name}\n name={name}\n type='radio'\n onChange={handleOnChange}\n value={value}\n disabled={disabled}\n {...inputProps}\n />\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>\n <circle cx='10' cy='10' r='9' stroke='#727D8A' strokeWidth='2' fill='#fff' />\n <circle cx='10' cy='10' r='5' fill='#727D8A' />\n </svg>\n {(label || children) && <span className='label'>{label || children}</span>}\n </Styled.Root>\n )\n}\n"],"names":["Radio","props","uncontrolled","undefined","checked","checkedInput","setChecked","useState","defaultChecked","children","disabled","error","id","name","onChange","size","value","label","className","style","anotherProps","_excluded","useEffect","handleOnChange","useCallback","e","stopPropagation","inputProps","_jsxs","Styled.Root","htmlFor","_jsx","type","xmlns","viewBox","cx","cy","r","stroke","strokeWidth","fill","defaultProps","console","log","target","Group","RadioGroup"],"mappings":"+ZAiEO,SAASA,EAAMC,GACpB,IAAMC,OAAiCC,IAAlBF,EAAMG,QAC3B,IAAOC,EAAcC,GAAcC,EAASL,EAAeD,EAAMO,eAAiBP,EAAMG,SAExF,IAAMK,SAAEA,EAAFC,SAAYA,EAAZC,MAAsBA,EAAtBC,GAA6BA,EAA7BC,KAAiCA,EAAjCC,SAAuCA,EAAvCC,KAAiDA,EAAjDC,MAAuDA,EAAvDC,MAA8DA,EAA9DC,UAAqEA,EAArEC,MAAgFA,GAA2BlB,EAAjBmB,IAAiBnB,EAAjHoB,GAEAC,GAAU,KACHpB,GAAgBG,IAAiBJ,EAAMG,SAASE,EAAWL,EAAMG,WACrE,CAACH,EAAMG,UAEV,IAAMmB,EAA6DC,GAChEC,IACCA,EAAEC,kBACsB,mBAAbZ,GAAyBA,EAASW,KAE/C,CAACvB,IAGH,IAAMyB,EAAazB,EAAe,CAAEM,eAAgBH,GAAiB,CAAED,QAASC,GAEhF,OACEuB,EAACC,EAAD,CACEX,UAAWA,EACXC,MAAOA,EACPT,SAAUA,EACVN,QAASC,EACTM,MAAOA,EACPmB,QAASlB,GAAMC,EACfE,KAAMA,EAPRN,SAAA,CASEsB,iBACMX,GADN,GAAA,CAEER,GAAIA,GAAMC,EACVA,KAAMA,EACNmB,KAAK,QACLlB,SAAUS,EACVP,MAAOA,EACPN,SAAUA,GACNiB,IAENC,EAAA,MAAA,CAAKK,MAAM,6BAA6BC,QAAQ,YAAhDzB,SACE,CAAAsB,EAAA,SAAA,CAAQI,GAAG,KAAKC,GAAG,KAAKC,EAAE,IAAIC,OAAO,UAAUC,YAAY,IAAIC,KAAK,SACpET,EAAA,SAAA,CAAQI,GAAG,KAAKC,GAAG,KAAKC,EAAE,IAAIG,KAAK,gBAEnCvB,GAASR,IAAasB,EAAA,OAAA,CAAMb,UAAU,QAAhBT,SAAyBQ,GAASR,OA1DhET,EAAMyC,aAAe,CACnB/B,UAAU,EACVK,KAAM,SACNP,kBACAM,SAAWW,GAA2CiB,QAAQC,IAAIlB,EAAGA,EAAEmB,OAAO5B,QAGhFhB,EAAM6C,MAAQC"}
1
+ {"version":3,"file":"Radio.js","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { BaseProps } from '../../shared/interfaces'\nimport { RadioGroup } from './Group'\nimport * as Styled from './style'\n\ntype RadioInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>\n\nexport interface RadioProps extends BaseProps, RadioInputHtmlAttributes {\n /**\n * Field id\n */\n id?: string\n /**\n * Field name\n */\n name?: string\n /**\n * Radio label\n */\n label?: string\n /**\n * On change handler\n */\n onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * A Radio can appear disabled and be unable to change states\n */\n disabled?: boolean\n /**\n * Field can show the data contains errors\n */\n error?: boolean\n /**\n * Whether or not Radio is checked\n */\n checked?: boolean\n defaultChecked?: boolean\n /**\n * Checkbox size\n */\n size?: 'small' | 'medium' | 'large'\n /**\n * Value\n */\n value?: string | number\n}\n\nRadio.defaultProps = {\n disabled: false,\n size: 'medium',\n defaultChecked: false,\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log(e, e.target.value), // eslint-disable-line no-console\n}\n\nRadio.Group = RadioGroup\nRadio.displayName = 'Radio'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - `React.InputHTMLAttributes<HTMLInputElement>`\n */\nexport function Radio(props: typeof Radio.defaultProps & RadioProps) {\n const uncontrolled = props.checked === undefined\n const [checkedInput, setChecked] = useState(uncontrolled ? props.defaultChecked : props.checked)\n\n const { children, disabled, error, id, name, onChange, size, value, label, className, style, ...anotherProps } = props\n\n useEffect(() => {\n if (!uncontrolled && checkedInput !== props.checked) setChecked(props.checked)\n }, [props.checked])\n\n const handleOnChange: React.ChangeEventHandler<HTMLInputElement> = useCallback(\n (e) => {\n e.stopPropagation()\n if (typeof onChange === 'function') onChange(e)\n },\n [uncontrolled]\n )\n\n const inputProps = uncontrolled ? { defaultChecked: checkedInput } : { checked: checkedInput }\n\n return (\n <Styled.Root\n className={className}\n style={style}\n disabled={disabled}\n checked={checkedInput}\n error={error}\n htmlFor={id || name}\n size={size}\n >\n <input\n {...anotherProps}\n id={id || name}\n name={name}\n type='radio'\n onChange={handleOnChange}\n value={value}\n disabled={disabled}\n {...inputProps}\n />\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>\n <circle cx='10' cy='10' r='9' stroke='#727D8A' strokeWidth='2' fill='#fff' />\n <circle cx='10' cy='10' r='5' fill='#727D8A' />\n </svg>\n {(label || children) && <span className='label'>{label || children}</span>}\n </Styled.Root>\n )\n}\n"],"names":["Radio","props","uncontrolled","checked","checkedInput","setChecked","useState","defaultChecked","children","disabled","error","id","name","onChange","size","value","label","className","style","anotherProps","_excluded","useEffect","handleOnChange","useCallback","e","stopPropagation","inputProps","_jsxs","Styled.Root","htmlFor","_jsx","type","xmlns","viewBox","cx","cy","r","stroke","strokeWidth","fill","defaultProps","console","log","target","Group","RadioGroup","displayName"],"mappings":"+ZAkEO,SAASA,EAAMC,GACpB,IAAMC,WAAeD,EAAME,QAC3B,IAAOC,EAAcC,GAAcC,EAASJ,EAAeD,EAAMM,eAAiBN,EAAME,SAExF,IAAMK,SAAEA,EAAFC,SAAYA,EAAZC,MAAsBA,EAAtBC,GAA6BA,EAA7BC,KAAiCA,EAAjCC,SAAuCA,EAAvCC,KAAiDA,EAAjDC,MAAuDA,EAAvDC,MAA8DA,EAA9DC,UAAqEA,EAArEC,MAAgFA,GAA2BjB,EAAjBkB,IAAiBlB,EAAjHmB,GAEAC,QACOnB,GAAgBE,IAAiBH,EAAME,SAASE,EAAWJ,EAAME,WACrE,CAACF,EAAME,UAEV,IAAMmB,EAA6DC,GAChEC,IACCA,EAAEC,kBACsB,mBAAbZ,GAAyBA,EAASW,KAE/C,CAACtB,IAGH,IAAMwB,EAAaxB,EAAe,CAAEK,eAAgBH,GAAiB,CAAED,QAASC,GAEhF,OACEuB,EAACC,EAAD,CACEX,UAAWA,EACXC,MAAOA,EACPT,SAAUA,EACVN,QAASC,EACTM,MAAOA,EACPmB,QAASlB,GAAMC,EACfE,KAAMA,EAPRN,SAAA,CASEsB,iBACMX,GADN,GAAA,CAEER,GAAIA,GAAMC,EACVA,KAAMA,EACNmB,KAAK,QACLlB,SAAUS,EACVP,MAAOA,EACPN,SAAUA,GACNiB,IAENC,EAAA,MAAA,CAAKK,MAAM,6BAA6BC,QAAQ,YAAhDzB,SACE,CAAAsB,EAAA,SAAA,CAAQI,GAAG,KAAKC,GAAG,KAAKC,EAAE,IAAIC,OAAO,UAAUC,YAAY,IAAIC,KAAK,SACpET,EAAA,SAAA,CAAQI,GAAG,KAAKC,GAAG,KAAKC,EAAE,IAAIG,KAAK,gBAEnCvB,GAASR,IAAasB,EAAA,OAAA,CAAMb,UAAU,QAAhBT,SAAyBQ,GAASR,OA3DhER,EAAMwC,aAAe,CACnB/B,YACAK,KAAM,SACNP,gBAAAA,EACAM,SAAWW,GAA2CiB,QAAQC,IAAIlB,EAAGA,EAAEmB,OAAO5B,QAGhFf,EAAM4C,MAAQC,EACd7C,EAAM8C,YAAc"}