@vchasno/ui-kit 0.4.81 → 0.4.82
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/README.md +9 -3
- package/dist/components/Alert/Alert.js +1 -1
- package/dist/components/Alert/Alert.js.map +1 -1
- package/dist/components/BlackTooltip/BlackTooltip.d.ts +2 -2
- package/dist/components/BlackTooltip/BlackTooltip.js +1 -1
- package/dist/components/BlackTooltip/BlackTooltip.js.map +1 -1
- package/dist/components/BlackTooltip/utils.js +1 -1
- package/dist/components/BlackTooltip/utils.js.map +1 -1
- package/dist/components/BodyPortal/BodyPortal.js +1 -1
- package/dist/components/BodyPortal/BodyPortal.js.map +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.js +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/components/BubbleBox/BubbleBox.js +1 -1
- package/dist/components/BubbleBox/BubbleBox.js.map +1 -1
- package/dist/components/BubbleBox/utils.js +1 -1
- package/dist/components/BubbleBox/utils.js.map +1 -1
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +1 -1
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/Datepicker/DatePicker.js +1 -1
- package/dist/components/Datepicker/DatePicker.js.map +1 -1
- package/dist/components/FlexBox/FlexBox.js +1 -1
- package/dist/components/FlexBox/FlexBox.js.map +1 -1
- package/dist/components/FollowUs/FollowUs.js +1 -1
- package/dist/components/FollowUs/FollowUs.js.map +1 -1
- package/dist/components/FollowUs/config.js +1 -1
- package/dist/components/FollowUs/config.js.map +1 -1
- package/dist/components/FullScreenModal/FullScreenModal.js +1 -1
- package/dist/components/FullScreenModal/FullScreenModal.js.map +1 -1
- package/dist/components/FullScreenModal/useLockBodyScroll.js +1 -1
- package/dist/components/FullScreenModal/useLockBodyScroll.js.map +1 -1
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/InputMeta/InputMeta.js +1 -1
- package/dist/components/InputMeta/InputMeta.js.map +1 -1
- package/dist/components/LabelText/LabelText.js +1 -1
- package/dist/components/LabelText/LabelText.js.map +1 -1
- package/dist/components/MaskInput/MaskInput.js +1 -1
- package/dist/components/MaskInput/MaskInput.js.map +1 -1
- package/dist/components/Menu/Menu.js +1 -1
- package/dist/components/Menu/Menu.js.map +1 -1
- package/dist/components/MenuButton/MenuButton.js +1 -1
- package/dist/components/MenuButton/MenuButton.js.map +1 -1
- package/dist/components/MenuItem/MenuItem.js +1 -1
- package/dist/components/MenuItem/MenuItem.js.map +1 -1
- package/dist/components/MenuSubMenu/MenuSubMenu.js +1 -1
- package/dist/components/MenuSubMenu/MenuSubMenu.js.map +1 -1
- package/dist/components/MobileAppLinks/MobileAppLinks.js +1 -1
- package/dist/components/MobileAppLinks/MobileAppLinks.js.map +1 -1
- package/dist/components/MobileAppLinks/config.js +1 -1
- package/dist/components/MobileAppLinks/config.js.map +1 -1
- package/dist/components/Pagination/BasePagination.js +1 -1
- package/dist/components/Pagination/BasePagination.js.map +1 -1
- package/dist/components/Pagination/Pagination.js +1 -1
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/Pagination/utils.js +1 -1
- package/dist/components/Pagination/utils.js.map +1 -1
- package/dist/components/Paragraph/Paragraph.js +1 -1
- package/dist/components/Paragraph/Paragraph.js.map +1 -1
- package/dist/components/PasswordInput/PasswordInput.js +1 -1
- package/dist/components/PasswordInput/PasswordInput.js.map +1 -1
- package/dist/components/ProjectsPopover/ProductLink.js +1 -1
- package/dist/components/ProjectsPopover/ProductLink.js.map +1 -1
- package/dist/components/ProjectsPopover/ProjectsPopover.js +1 -1
- package/dist/components/ProjectsPopover/ProjectsPopover.js.map +1 -1
- package/dist/components/ProjectsPopover/mappers.js +1 -1
- package/dist/components/ProjectsPopover/mappers.js.map +1 -1
- package/dist/components/ProjectsPopover/types.js +1 -1
- package/dist/components/ProjectsPopover/types.js.map +1 -1
- package/dist/components/ProjectsPopover/utils.js +1 -1
- package/dist/components/ProjectsPopover/utils.js.map +1 -1
- package/dist/components/PulseDot/PulseDot.js +1 -1
- package/dist/components/PulseDot/PulseDot.js.map +1 -1
- package/dist/components/ScrollableBox/ScrollableBox.js +1 -1
- package/dist/components/ScrollableBox/ScrollableBox.js.map +1 -1
- package/dist/components/ScrollableBox/useElementScrollable.js +1 -1
- package/dist/components/ScrollableBox/useElementScrollable.js.map +1 -1
- package/dist/components/Select/AsyncSelect.js +1 -1
- package/dist/components/Select/AsyncSelect.js.map +1 -1
- package/dist/components/Select/Label.js +1 -1
- package/dist/components/Select/Label.js.map +1 -1
- package/dist/components/Select/Select.d.ts +2 -33
- package/dist/components/Select/Select.js +1 -1
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Select/SelectCreatable.d.ts +1 -1
- package/dist/components/Select/SelectCreatable.js +1 -1
- package/dist/components/Select/SelectCreatable.js.map +1 -1
- package/dist/components/Select/customComponents.js +1 -1
- package/dist/components/Select/customComponents.js.map +1 -1
- package/dist/components/Select/defaultProps.js +1 -1
- package/dist/components/Select/defaultProps.js.map +1 -1
- package/dist/components/Select/types.d.ts +2 -4
- package/dist/components/Select/utils.js +1 -1
- package/dist/components/Select/utils.js.map +1 -1
- package/dist/components/Slider/Slider.js +1 -1
- package/dist/components/Slider/Slider.js.map +1 -1
- package/dist/components/Snackbar/ActionButton.js +1 -1
- package/dist/components/Snackbar/ActionButton.js.map +1 -1
- package/dist/components/Snackbar/Snackbar.js +1 -1
- package/dist/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/components/Snackbar/WithAction.js +1 -1
- package/dist/components/Snackbar/WithAction.js.map +1 -1
- package/dist/components/SnowEffect/SnowEffect.js +1 -1
- package/dist/components/SnowEffect/SnowEffect.js.map +1 -1
- package/dist/components/SnowEffect/contants.js +1 -1
- package/dist/components/Spinner/Spinner.js +1 -1
- package/dist/components/Spinner/Spinner.js.map +1 -1
- package/dist/components/SplashLogo/SplashLogo.js +1 -1
- package/dist/components/SplashLogo/SplashLogo.js.map +1 -1
- package/dist/components/SplashLogo/dataUrls.js +1 -1
- package/dist/components/SplashLogo/dataUrls.js.map +1 -1
- package/dist/components/SvgBorder/SvgBorder.js +1 -1
- package/dist/components/SvgBorder/SvgBorder.js.map +1 -1
- package/dist/components/SvgBorder/utils.js +1 -1
- package/dist/components/SvgBorder/utils.js.map +1 -1
- package/dist/components/Switch/Switch.js +1 -1
- package/dist/components/Switch/Switch.js.map +1 -1
- package/dist/components/Tabs/Tabs.js +1 -1
- package/dist/components/Tabs/Tabs.js.map +1 -1
- package/dist/components/Text/Text.js +1 -1
- package/dist/components/Text/Text.js.map +1 -1
- package/dist/components/TextAreaInput/TextAreaInput.js +1 -1
- package/dist/components/TextAreaInput/TextAreaInput.js.map +1 -1
- package/dist/components/TextInput/TextInput.js +1 -1
- package/dist/components/TextInput/TextInput.js.map +1 -1
- package/dist/components/Title/Title.js +1 -1
- package/dist/components/Title/Title.js.map +1 -1
- package/dist/css/_theme.css +7 -1
- package/dist/css/vchasno-ui.css +1 -1
- package/dist/hooks/useClientRect.js +1 -1
- package/dist/hooks/useClientRect.js.map +1 -1
- package/dist/utils/react.js +1 -1
- package/dist/utils/react.js.map +1 -1
- package/package.json +3 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullScreenModal.js","sources":["../../../src/components/FullScreenModal/FullScreenModal.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport BodyPortal from '../BodyPortal';\nimport ScrollableBox from '../ScrollableBox';\nimport { useLockBodyScroll } from './useLockBodyScroll';\n\nimport './FullScreenModal.global.css';\n\nexport interface FullScreenModalProps {\n className?: string;\n headerClassName?: string;\n contentClassName?: string;\n headerChildren?: React.ReactNode;\n showAnimation?: boolean;\n}\nconst FullScreenModal: React.FC<React.PropsWithChildren<FullScreenModalProps>> = ({\n children,\n headerChildren,\n className,\n headerClassName,\n contentClassName,\n showAnimation,\n}) => {\n useLockBodyScroll();\n\n return (\n <BodyPortal>\n <div\n className={cn('vchasno-ui-full-screen-modal', className, {\n 'vchasno-ui-full-screen-modal--animation': showAnimation,\n })}\n >\n <header className={cn('vchasno-ui-full-screen-modal__header', headerClassName)}>\n {headerChildren}\n </header>\n <ScrollableBox\n preventParentScroll\n scrollHeight=\"calc(100% - var(--vchasno-ui-full-screen-modal-header-height))\"\n className={cn('vchasno-ui-full-screen-modal__content', contentClassName)}\n >\n {children}\n </ScrollableBox>\n </div>\n </BodyPortal>\n );\n};\n\nexport default FullScreenModal;\n"],"names":["FullScreenModal","
|
|
1
|
+
{"version":3,"file":"FullScreenModal.js","sources":["../../../src/components/FullScreenModal/FullScreenModal.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport BodyPortal from '../BodyPortal';\nimport ScrollableBox from '../ScrollableBox';\nimport { useLockBodyScroll } from './useLockBodyScroll';\n\nimport './FullScreenModal.global.css';\n\nexport interface FullScreenModalProps {\n className?: string;\n headerClassName?: string;\n contentClassName?: string;\n headerChildren?: React.ReactNode;\n showAnimation?: boolean;\n}\nconst FullScreenModal: React.FC<React.PropsWithChildren<FullScreenModalProps>> = ({\n children,\n headerChildren,\n className,\n headerClassName,\n contentClassName,\n showAnimation,\n}) => {\n useLockBodyScroll();\n\n return (\n <BodyPortal>\n <div\n className={cn('vchasno-ui-full-screen-modal', className, {\n 'vchasno-ui-full-screen-modal--animation': showAnimation,\n })}\n >\n <header className={cn('vchasno-ui-full-screen-modal__header', headerClassName)}>\n {headerChildren}\n </header>\n <ScrollableBox\n preventParentScroll\n scrollHeight=\"calc(100% - var(--vchasno-ui-full-screen-modal-header-height))\"\n className={cn('vchasno-ui-full-screen-modal__content', contentClassName)}\n >\n {children}\n </ScrollableBox>\n </div>\n </BodyPortal>\n );\n};\n\nexport default FullScreenModal;\n"],"names":["FullScreenModal","children","headerChildren","className","headerClassName","contentClassName","showAnimation","useLockBodyScroll","React","createElement","BodyPortal","div","cn","header","ScrollableBox","preventParentScroll","scrollHeight"],"mappings":"sMAiBA,IAAMA,EAA2E,CAAC,CAC9EC,SAAAA,CAAQ,CACRC,eAAAA,CAAc,CACdC,UAAAA,CAAS,CACTC,gBAAAA,CAAe,CACfC,iBAAAA,CAAgB,CAChBC,cAAAA,CAAa,CAChB,IACGC,IAGIC,EAAAC,aAAA,CAACC,OACGF,EAACG,aAAAA,CAAAA,MAAAA,CACGR,UAAWS,EAAG,+BAAgCT,EAAW,CACrD,0CAA2CG,CAC/C,IAEAE,EAACK,aAAAA,CAAAA,SAAAA,CAAOV,UAAWS,EAAG,uCAAwCR,EACzDF,EAAAA,GAELM,EAACM,aAAAA,CAAAA,EAAAA,CACGC,oBAAAA,CAAAA,EACAC,aAAa,iEACbb,UAAWS,EAAG,wCAAyCP,EAEtDJ,EAAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{useEffect as o}from"react";
|
|
1
|
+
import{useEffect as o}from"react";let e=()=>{o(()=>(document.body.classList.add("vchasno-ui-overflow-hidden"),()=>{document.body.classList.remove("vchasno-ui-overflow-hidden")}),[])};export{e as useLockBodyScroll};
|
|
2
2
|
//# sourceMappingURL=useLockBodyScroll.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useLockBodyScroll.js","sources":["../../../src/components/FullScreenModal/useLockBodyScroll.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nexport const useLockBodyScroll = () => {\n useEffect(() => {\n document.body.classList.add('vchasno-ui-overflow-hidden');\n\n return () => {\n document.body.classList.remove('vchasno-ui-overflow-hidden');\n };\n }, []);\n};\n"],"names":["useLockBodyScroll","useEffect","document","body","classList","add","remove"],"mappings":"sCAEaA,EAAoB,
|
|
1
|
+
{"version":3,"file":"useLockBodyScroll.js","sources":["../../../src/components/FullScreenModal/useLockBodyScroll.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nexport const useLockBodyScroll = () => {\n useEffect(() => {\n document.body.classList.add('vchasno-ui-overflow-hidden');\n\n return () => {\n document.body.classList.remove('vchasno-ui-overflow-hidden');\n };\n }, []);\n};\n"],"names":["useLockBodyScroll","useEffect","document","body","classList","add","remove"],"mappings":"sCAEaA,EAAoB,KAC7BC,EAAU,KACNC,SAASC,IAAI,CAACC,SAAS,CAACC,GAAG,CAAC,8BAErB,KACHH,SAASC,IAAI,CAACC,SAAS,CAACE,MAAM,CAAC,6BACnC,GACD,EAAE,CACT"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import
|
|
1
|
+
import e from"react";import a from"classnames";import t from"../../icons/clear.js";import n from"../InputMeta/InputMeta.js";import r from"../LabelText/LabelText.js";import l from"../Spinner/Spinner.js";let s=({className:s,disabled:i,startElement:m,endElement:p,error:c,label:o,hint:u,wide:_,required:h,loading:b,labelProps:d,hideEmptyMeta:f=!1,dataQa:E,isClearable:v,onClear:N,pulse:j,children:I})=>e.createElement("label",{"data-qa":E,className:a("vchasno-ui-input",{"--required":h,"--disabled":i,"--wide":_,"--error":c,"--is-label":!!o},s),...d},e.createElement("span",{className:a("vchasno-ui-input__wrapper",{"vchasno-ui-pulse-animation":j&&!i})},m&&e.createElement("span",{className:"vchasno-ui-input__wrapper__start-element"},m),I,o&&e.createElement(r,null,o),e.createElement("span",{className:"vchasno-ui-input__feedback"},b&&e.createElement(l,{height:"100%"}),!b&&v&&e.createElement("span",{role:"button",onClick:N,className:"vchasno-ui-input__clear-btn"},t)),p),!f||c||u?e.createElement(n,{error:c,hint:u}):null);s.displayName="Input";export{s as default};
|
|
2
2
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport clearRawSvg from '../../icons/clear';\nimport InputMeta from '../InputMeta';\nimport LabelText from '../LabelText';\nimport Spinner from '../Spinner';\nimport {\n ClearControl,\n DataQa,\n ErrorFeedback,\n HideEmptyMeta,\n LoadingFeedback,\n WithHint,\n WithLabel,\n WithPulseAnimation,\n} from '../types';\n\nimport './Input.global.css';\n\nexport interface InputProps\n extends Partial<\n WithLabel &\n WithHint &\n LoadingFeedback &\n ErrorFeedback &\n DataQa &\n HideEmptyMeta &\n ClearControl &\n WithPulseAnimation\n > {\n className?: string;\n disabled?: boolean;\n required?: boolean;\n wide?: boolean;\n startElement?: string | React.ReactElement;\n endElement?: string | React.ReactElement;\n labelProps?: InputHTMLAttributes<HTMLLabelElement>;\n children: React.ReactHTMLElement<HTMLInputElement> | React.ReactElement | JSX.Element[];\n onClear?: VoidFunction;\n}\n\nconst Input: React.FC<InputProps> = ({\n className,\n disabled,\n startElement,\n endElement,\n error,\n label,\n hint,\n wide,\n required,\n loading,\n labelProps,\n hideEmptyMeta = false,\n dataQa,\n isClearable,\n onClear,\n pulse,\n children,\n}) => {\n return (\n <label\n data-qa={dataQa}\n className={cn(\n 'vchasno-ui-input',\n {\n '--required': required,\n '--disabled': disabled,\n '--wide': wide,\n '--error': error,\n '--is-label': !!label,\n },\n className,\n )}\n {...labelProps}\n >\n <span\n className={cn('vchasno-ui-input__wrapper', {\n 'vchasno-ui-pulse-animation': pulse && !disabled,\n })}\n >\n {startElement && (\n <span className=\"vchasno-ui-input__wrapper__start-element\">{startElement}</span>\n )}\n {children}\n {label && <LabelText>{label}</LabelText>}\n <span className=\"vchasno-ui-input__feedback\">\n {loading && <Spinner height=\"100%\" />}\n {!loading && isClearable && (\n <span\n role=\"button\"\n onClick={onClear}\n className=\"vchasno-ui-input__clear-btn\"\n >\n {clearRawSvg}\n </span>\n )}\n </span>\n {endElement}\n </span>\n {hideEmptyMeta && !error && !hint ? null : <InputMeta error={error} hint={hint} />}\n </label>\n );\n};\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"names":["Input","
|
|
1
|
+
{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, { type InputHTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport clearRawSvg from '../../icons/clear';\nimport InputMeta from '../InputMeta';\nimport LabelText from '../LabelText';\nimport Spinner from '../Spinner';\nimport type {\n ClearControl,\n DataQa,\n ErrorFeedback,\n HideEmptyMeta,\n LoadingFeedback,\n WithHint,\n WithLabel,\n WithPulseAnimation,\n} from '../types';\n\nimport './Input.global.css';\n\nexport interface InputProps\n extends Partial<\n WithLabel &\n WithHint &\n LoadingFeedback &\n ErrorFeedback &\n DataQa &\n HideEmptyMeta &\n ClearControl &\n WithPulseAnimation\n > {\n className?: string;\n disabled?: boolean;\n required?: boolean;\n wide?: boolean;\n startElement?: string | React.ReactElement;\n endElement?: string | React.ReactElement;\n labelProps?: InputHTMLAttributes<HTMLLabelElement>;\n children: React.ReactHTMLElement<HTMLInputElement> | React.ReactElement | JSX.Element[];\n onClear?: VoidFunction;\n}\n\nconst Input: React.FC<InputProps> = ({\n className,\n disabled,\n startElement,\n endElement,\n error,\n label,\n hint,\n wide,\n required,\n loading,\n labelProps,\n hideEmptyMeta = false,\n dataQa,\n isClearable,\n onClear,\n pulse,\n children,\n}) => {\n return (\n <label\n data-qa={dataQa}\n className={cn(\n 'vchasno-ui-input',\n {\n '--required': required,\n '--disabled': disabled,\n '--wide': wide,\n '--error': error,\n '--is-label': !!label,\n },\n className,\n )}\n {...labelProps}\n >\n <span\n className={cn('vchasno-ui-input__wrapper', {\n 'vchasno-ui-pulse-animation': pulse && !disabled,\n })}\n >\n {startElement && (\n <span className=\"vchasno-ui-input__wrapper__start-element\">{startElement}</span>\n )}\n {children}\n {label && <LabelText>{label}</LabelText>}\n <span className=\"vchasno-ui-input__feedback\">\n {loading && <Spinner height=\"100%\" />}\n {!loading && isClearable && (\n <span\n role=\"button\"\n onClick={onClear}\n className=\"vchasno-ui-input__clear-btn\"\n >\n {clearRawSvg}\n </span>\n )}\n </span>\n {endElement}\n </span>\n {hideEmptyMeta && !error && !hint ? null : <InputMeta error={error} hint={hint} />}\n </label>\n );\n};\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"names":["Input","className","disabled","startElement","endElement","error","label","hint","wide","required","loading","labelProps","hideEmptyMeta","dataQa","isClearable","onClear","pulse","children","React","data-qa","cn","span","LabelText","Spinner","height","role","onClick","clearRawSvg","InputMeta","displayName"],"mappings":"0MA2CA,IAAMA,EAA8B,CAAC,CACjCC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,aAAAA,CAAY,CACZC,WAAAA,CAAU,CACVC,MAAAA,CAAK,CACLC,MAAAA,CAAK,CACLC,KAAAA,CAAI,CACJC,KAAAA,CAAI,CACJC,SAAAA,CAAQ,CACRC,QAAAA,CAAO,CACPC,WAAAA,CAAU,CACVC,cAAAA,EAAgB,CAAA,CAAK,CACrBC,OAAAA,CAAM,CACNC,YAAAA,CAAW,CACXC,QAAAA,CAAO,CACPC,MAAAA,CAAK,CACLC,SAAAA,CAAQ,CACX,GAEOC,EAACZ,aAAAA,CAAAA,QAAAA,CACGa,UAASN,EACTZ,UAAWmB,EACP,mBACA,CACI,aAAcX,EACd,aAAcP,EACd,SAAUM,EACV,UAAWH,EACX,aAAc,CAAC,CAACC,CAEpBL,EAAAA,GAEH,GAAGU,CAAAA,EAEJO,EAACG,aAAAA,CAAAA,OAAAA,CACGpB,UAAWmB,EAAG,4BAA6B,CACvC,6BAA8BJ,GAAS,CAACd,CAC5C,EAECC,EAAAA,GACGe,EAACG,aAAAA,CAAAA,OAAAA,CAAKpB,UAAU,0CAA4CE,EAAAA,GAE/Dc,EACAX,GAASY,EAACI,aAAAA,CAAAA,EAAAA,KAAWhB,GACtBY,EAACG,aAAAA,CAAAA,OAAAA,CAAKpB,UAAU,4BACXS,EAAAA,GAAWQ,EAACK,aAAAA,CAAAA,EAAAA,CAAQC,OAAO,SAC3B,CAACd,GAAWI,GACTI,EAACG,aAAAA,CAAAA,OAAAA,CACGI,KAAK,SACLC,QAASX,EACTd,UAAU,6BAET0B,EAAAA,IAIZvB,GAEJQ,CAAAA,GAAkBP,GAAUE,EAAcW,EAACU,aAAAA,CAAAA,EAAAA,CAAUvB,MAAOA,EAAOE,KAAMA,IAAtC,KAKhDP,CAAAA,EAAM6B,WAAW,CAAG"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import e from"react";import a from"classnames";let t=({className:t,error:s,hint:m})=>e.createElement("span",{className:a("vchasno-ui-meta",t)},!s&&m&&e.createElement("span",{className:"vchasno-ui-meta__hint"},m),s&&e.createElement("span",{className:"vchasno-ui-meta__error"},s));export{t as default};
|
|
2
2
|
//# sourceMappingURL=InputMeta.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputMeta.js","sources":["../../../src/components/InputMeta/InputMeta.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport type { ErrorFeedback, WithHint } from '../types';\n\nimport './InputMeta.global.css';\n\nexport interface InputMetaProps extends Partial<WithHint & ErrorFeedback> {\n className?: string;\n}\n\nconst InputMeta: React.FC<InputMetaProps> = ({ className, error, hint }) => (\n <span className={cn('vchasno-ui-meta', className)}>\n {!error && hint && <span className=\"vchasno-ui-meta__hint\">{hint}</span>}\n {error && <span className=\"vchasno-ui-meta__error\">{error}</span>}\n </span>\n);\n\nexport default InputMeta;\n"],"names":["InputMeta","
|
|
1
|
+
{"version":3,"file":"InputMeta.js","sources":["../../../src/components/InputMeta/InputMeta.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport type { ErrorFeedback, WithHint } from '../types';\n\nimport './InputMeta.global.css';\n\nexport interface InputMetaProps extends Partial<WithHint & ErrorFeedback> {\n className?: string;\n}\n\nconst InputMeta: React.FC<InputMetaProps> = ({ className, error, hint }) => (\n <span className={cn('vchasno-ui-meta', className)}>\n {!error && hint && <span className=\"vchasno-ui-meta__hint\">{hint}</span>}\n {error && <span className=\"vchasno-ui-meta__error\">{error}</span>}\n </span>\n);\n\nexport default InputMeta;\n"],"names":["InputMeta","className","error","hint","React","span","cn"],"mappings":"+CAYMA,IAAAA,EAAsC,CAAC,CAAEC,UAAAA,CAAS,CAAEC,MAAAA,CAAK,CAAEC,KAAAA,CAAI,CAAE,GACnEC,EAACC,aAAAA,CAAAA,OAAAA,CAAKJ,UAAWK,EAAG,kBAAmBL,IAClC,CAACC,GAASC,GAAQC,EAACC,aAAAA,CAAAA,OAAAA,CAAKJ,UAAU,uBAAyBE,EAAAA,GAC3DD,GAASE,EAACC,aAAAA,CAAAA,OAAAA,CAAKJ,UAAU,wBAA0BC,EAAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import l from"classnames";
|
|
1
|
+
import e from"react";import l from"classnames";let t=({className:t,children:C})=>C?e.createElement("span",{className:l("vchasno-ui-label-text",t)},e.createElement("svg",{className:"vchasno-ui-label-text__title-icon",width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 7.5C15 11.6422 11.6423 15 7.5 15C3.3577 15 0 11.6422 0 7.5C0 3.35781 3.3577 0 7.5 0C11.6423 0 15 3.35781 15 7.5ZM5.87799 5.82184H8.52997V11.4711C8.52997 12.0179 8.08667 12.4612 7.53983 12.4612C6.99299 12.4612 6.54968 12.0179 6.54968 11.4711V7.57782H5.87799C5.39309 7.57782 5 7.18473 5 6.69983C5 6.21493 5.39309 5.82184 5.87799 5.82184ZM6.26221 3.66559C6.26221 3.50973 6.2899 3.36436 6.34483 3.22949C6.40431 3.09045 6.48466 2.97036 6.58636 2.86924C6.68805 2.76812 6.80655 2.6881 6.94229 2.62907C7.00404 2.603 7.06759 2.58269 7.13342 2.56813C7.21696 2.54984 7.30367 2.54059 7.39356 2.54059C7.54611 2.54059 7.69002 2.57004 7.82577 2.62907C7.86254 2.64499 7.89795 2.66248 7.932 2.68144C8.02416 2.73279 8.10724 2.79543 8.1817 2.86924C8.28339 2.97036 8.36375 3.09045 8.42322 3.22949C8.4541 3.29981 8.47725 3.37294 8.49178 3.44889C8.5054 3.51876 8.51221 3.59099 8.51221 3.66559C8.51221 3.74956 8.50358 3.83116 8.48633 3.91027C8.4718 3.97799 8.45046 4.0439 8.42322 4.108C8.36375 4.24287 8.28339 4.36081 8.1817 4.46194C8.12949 4.51374 8.07319 4.56001 8.01236 4.60076C7.95425 4.63947 7.89205 4.67333 7.82577 4.70211C7.69002 4.76113 7.54611 4.79059 7.39356 4.79059C7.31411 4.79059 7.23739 4.78348 7.16339 4.76914C7.08666 4.75447 7.01311 4.73213 6.94229 4.70211C6.80655 4.64308 6.68805 4.56306 6.58636 4.46194C6.48466 4.36081 6.40431 4.24287 6.34483 4.108C6.2899 3.96896 6.26221 3.82145 6.26221 3.66559Z",fill:"currentColor"}))," ",e.createElement("span",{className:"vchasno-ui-label-text__content"},C)," ",e.createElement("sup",null,"*")):null;export{t as default};
|
|
2
2
|
//# sourceMappingURL=LabelText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabelText.js","sources":["../../../src/components/LabelText/LabelText.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport './LabelText.global.css';\n\nexport interface LabelTextProps {\n className?: string;\n children?: string;\n}\n\nconst LabelText: React.FC<LabelTextProps> = ({ className, children }) => {\n if (!children) {\n return null;\n }\n\n return (\n <span className={cn('vchasno-ui-label-text', className)}>\n <svg\n className=\"vchasno-ui-label-text__title-icon\"\n width=\"15\"\n height=\"15\"\n viewBox=\"0 0 15 15\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M15 7.5C15 11.6422 11.6423 15 7.5 15C3.3577 15 0 11.6422 0 7.5C0 3.35781 3.3577 0 7.5 0C11.6423 0 15 3.35781 15 7.5ZM5.87799 5.82184H8.52997V11.4711C8.52997 12.0179 8.08667 12.4612 7.53983 12.4612C6.99299 12.4612 6.54968 12.0179 6.54968 11.4711V7.57782H5.87799C5.39309 7.57782 5 7.18473 5 6.69983C5 6.21493 5.39309 5.82184 5.87799 5.82184ZM6.26221 3.66559C6.26221 3.50973 6.2899 3.36436 6.34483 3.22949C6.40431 3.09045 6.48466 2.97036 6.58636 2.86924C6.68805 2.76812 6.80655 2.6881 6.94229 2.62907C7.00404 2.603 7.06759 2.58269 7.13342 2.56813C7.21696 2.54984 7.30367 2.54059 7.39356 2.54059C7.54611 2.54059 7.69002 2.57004 7.82577 2.62907C7.86254 2.64499 7.89795 2.66248 7.932 2.68144C8.02416 2.73279 8.10724 2.79543 8.1817 2.86924C8.28339 2.97036 8.36375 3.09045 8.42322 3.22949C8.4541 3.29981 8.47725 3.37294 8.49178 3.44889C8.5054 3.51876 8.51221 3.59099 8.51221 3.66559C8.51221 3.74956 8.50358 3.83116 8.48633 3.91027C8.4718 3.97799 8.45046 4.0439 8.42322 4.108C8.36375 4.24287 8.28339 4.36081 8.1817 4.46194C8.12949 4.51374 8.07319 4.56001 8.01236 4.60076C7.95425 4.63947 7.89205 4.67333 7.82577 4.70211C7.69002 4.76113 7.54611 4.79059 7.39356 4.79059C7.31411 4.79059 7.23739 4.78348 7.16339 4.76914C7.08666 4.75447 7.01311 4.73213 6.94229 4.70211C6.80655 4.64308 6.68805 4.56306 6.58636 4.46194C6.48466 4.36081 6.40431 4.24287 6.34483 4.108C6.2899 3.96896 6.26221 3.82145 6.26221 3.66559Z\"\n fill=\"currentColor\"\n />\n </svg>{' '}\n <span className=\"vchasno-ui-label-text__content\">{children}</span> <sup>*</sup>\n </span>\n );\n};\n\nexport default LabelText;\n"],"names":["LabelText","
|
|
1
|
+
{"version":3,"file":"LabelText.js","sources":["../../../src/components/LabelText/LabelText.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport './LabelText.global.css';\n\nexport interface LabelTextProps {\n className?: string;\n children?: string;\n}\n\nconst LabelText: React.FC<LabelTextProps> = ({ className, children }) => {\n if (!children) {\n return null;\n }\n\n return (\n <span className={cn('vchasno-ui-label-text', className)}>\n <svg\n className=\"vchasno-ui-label-text__title-icon\"\n width=\"15\"\n height=\"15\"\n viewBox=\"0 0 15 15\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M15 7.5C15 11.6422 11.6423 15 7.5 15C3.3577 15 0 11.6422 0 7.5C0 3.35781 3.3577 0 7.5 0C11.6423 0 15 3.35781 15 7.5ZM5.87799 5.82184H8.52997V11.4711C8.52997 12.0179 8.08667 12.4612 7.53983 12.4612C6.99299 12.4612 6.54968 12.0179 6.54968 11.4711V7.57782H5.87799C5.39309 7.57782 5 7.18473 5 6.69983C5 6.21493 5.39309 5.82184 5.87799 5.82184ZM6.26221 3.66559C6.26221 3.50973 6.2899 3.36436 6.34483 3.22949C6.40431 3.09045 6.48466 2.97036 6.58636 2.86924C6.68805 2.76812 6.80655 2.6881 6.94229 2.62907C7.00404 2.603 7.06759 2.58269 7.13342 2.56813C7.21696 2.54984 7.30367 2.54059 7.39356 2.54059C7.54611 2.54059 7.69002 2.57004 7.82577 2.62907C7.86254 2.64499 7.89795 2.66248 7.932 2.68144C8.02416 2.73279 8.10724 2.79543 8.1817 2.86924C8.28339 2.97036 8.36375 3.09045 8.42322 3.22949C8.4541 3.29981 8.47725 3.37294 8.49178 3.44889C8.5054 3.51876 8.51221 3.59099 8.51221 3.66559C8.51221 3.74956 8.50358 3.83116 8.48633 3.91027C8.4718 3.97799 8.45046 4.0439 8.42322 4.108C8.36375 4.24287 8.28339 4.36081 8.1817 4.46194C8.12949 4.51374 8.07319 4.56001 8.01236 4.60076C7.95425 4.63947 7.89205 4.67333 7.82577 4.70211C7.69002 4.76113 7.54611 4.79059 7.39356 4.79059C7.31411 4.79059 7.23739 4.78348 7.16339 4.76914C7.08666 4.75447 7.01311 4.73213 6.94229 4.70211C6.80655 4.64308 6.68805 4.56306 6.58636 4.46194C6.48466 4.36081 6.40431 4.24287 6.34483 4.108C6.2899 3.96896 6.26221 3.82145 6.26221 3.66559Z\"\n fill=\"currentColor\"\n />\n </svg>{' '}\n <span className=\"vchasno-ui-label-text__content\">{children}</span> <sup>*</sup>\n </span>\n );\n};\n\nexport default LabelText;\n"],"names":["LabelText","className","children","React","span","cn","svg","width","height","viewBox","fill","xmlns","path","fillRule","clipRule","d","sup"],"mappings":"+CAWA,IAAMA,EAAsC,CAAC,CAAEC,UAAAA,CAAS,CAAEC,SAAAA,CAAQ,CAAE,GAChE,AAAKA,EAKDC,EAACC,aAAAA,CAAAA,OAAAA,CAAKH,UAAWI,EAAG,wBAAyBJ,IACzCE,EAACG,aAAAA,CAAAA,MAAAA,CACGL,UAAU,oCACVM,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAENR,EAACS,aAAAA,CAAAA,OAAAA,CACGC,SAAS,UACTC,SAAS,UACTC,EAAE,s3CACFL,KAAK,cAEN,IAAA,IACPP,EAACC,aAAAA,CAAAA,OAAAA,CAAKH,UAAU,kCAAkCC,GAAgB,IAACC,gBAACa,MAAI,KAAA,MApBrE"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import t from"react-text-mask";import
|
|
1
|
+
import e from"react";import t from"react-text-mask";import a from"classnames";import r from"../Input/Input.js";let m=({className:m,disabled:s,startElement:l,endElement:i,error:n,label:o,hint:d,wide:p,required:u,loading:c,inputClassName:f,labelProps:E,hideEmptyMeta:b=!1,dataQa:h,pulse:k,...I})=>e.createElement(r,{pulse:k,dataQa:h,required:u,wide:p,hideEmptyMeta:b,className:m,loading:c,disabled:s,label:o,error:n,hint:d,endElement:i,labelProps:E,startElement:l},e.createElement(t,{...I,required:u,disabled:s,className:a("vchasno-ui-mask-input",f)}));export{m as default};
|
|
2
2
|
//# sourceMappingURL=MaskInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MaskInput.js","sources":["../../../src/components/MaskInput/MaskInput.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from 'react';\nimport MaskedInput, { MaskedInputProps } from 'react-text-mask';\n\nimport cn from 'classnames';\n\nimport Input, { InputProps } from '../Input';\nimport { DataQa } from '../types';\n\nimport './MaskInput.global.css';\n\nexport interface MaskInputProps extends MaskedInputProps, Omit<InputProps, 'children'>, DataQa {\n inputClassName?: string;\n labelProps?: InputHTMLAttributes<HTMLLabelElement>;\n}\n\nconst MaskInput: React.FC<MaskInputProps> = ({\n className,\n disabled,\n startElement,\n endElement,\n error,\n label,\n hint,\n wide,\n required,\n loading,\n inputClassName,\n labelProps,\n hideEmptyMeta = false,\n dataQa,\n pulse,\n ...rest\n}) => {\n return (\n <Input\n pulse={pulse}\n dataQa={dataQa}\n required={required}\n wide={wide}\n hideEmptyMeta={hideEmptyMeta}\n className={className}\n loading={loading}\n disabled={disabled}\n label={label}\n error={error}\n hint={hint}\n endElement={endElement}\n labelProps={labelProps}\n startElement={startElement}\n >\n <MaskedInput\n {...rest}\n required={required}\n disabled={disabled}\n className={cn('vchasno-ui-mask-input', inputClassName)}\n />\n </Input>\n );\n};\n\nexport default MaskInput;\n"],"names":["MaskInput","
|
|
1
|
+
{"version":3,"file":"MaskInput.js","sources":["../../../src/components/MaskInput/MaskInput.tsx"],"sourcesContent":["import React, { type InputHTMLAttributes } from 'react';\nimport MaskedInput, { type MaskedInputProps } from 'react-text-mask';\n\nimport cn from 'classnames';\n\nimport Input, { type InputProps } from '../Input';\nimport type { DataQa } from '../types';\n\nimport './MaskInput.global.css';\n\nexport interface MaskInputProps extends MaskedInputProps, Omit<InputProps, 'children'>, DataQa {\n inputClassName?: string;\n labelProps?: InputHTMLAttributes<HTMLLabelElement>;\n}\n\nconst MaskInput: React.FC<MaskInputProps> = ({\n className,\n disabled,\n startElement,\n endElement,\n error,\n label,\n hint,\n wide,\n required,\n loading,\n inputClassName,\n labelProps,\n hideEmptyMeta = false,\n dataQa,\n pulse,\n ...rest\n}) => {\n return (\n <Input\n pulse={pulse}\n dataQa={dataQa}\n required={required}\n wide={wide}\n hideEmptyMeta={hideEmptyMeta}\n className={className}\n loading={loading}\n disabled={disabled}\n label={label}\n error={error}\n hint={hint}\n endElement={endElement}\n labelProps={labelProps}\n startElement={startElement}\n >\n <MaskedInput\n {...rest}\n required={required}\n disabled={disabled}\n className={cn('vchasno-ui-mask-input', inputClassName)}\n />\n </Input>\n );\n};\n\nexport default MaskInput;\n"],"names":["MaskInput","className","disabled","startElement","endElement","error","label","hint","wide","required","loading","inputClassName","labelProps","hideEmptyMeta","dataQa","pulse","rest","React","Input","MaskedInput","cn"],"mappings":"+GAeA,IAAMA,EAAsC,CAAC,CACzCC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,aAAAA,CAAY,CACZC,WAAAA,CAAU,CACVC,MAAAA,CAAK,CACLC,MAAAA,CAAK,CACLC,KAAAA,CAAI,CACJC,KAAAA,CAAI,CACJC,SAAAA,CAAQ,CACRC,QAAAA,CAAO,CACPC,eAAAA,CAAc,CACdC,WAAAA,CAAU,CACVC,cAAAA,EAAgB,CAAA,CAAK,CACrBC,OAAAA,CAAM,CACNC,MAAAA,CAAK,CACL,GAAGC,EACN,GAEOC,EAACC,aAAAA,CAAAA,EAAAA,CACGH,MAAOA,EACPD,OAAQA,EACRL,SAAUA,EACVD,KAAMA,EACNK,cAAeA,EACfZ,UAAWA,EACXS,QAASA,EACTR,SAAUA,EACVI,MAAOA,EACPD,MAAOA,EACPE,KAAMA,EACNH,WAAYA,EACZQ,WAAYA,EACZT,aAAcA,GAEdc,EAACE,aAAAA,CAAAA,EAAAA,CACI,GAAGH,CAAI,CACRP,SAAUA,EACVP,SAAUA,EACVD,UAAWmB,EAAG,wBAAyBT"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import{MenuButton as t}from"../MenuButton/MenuButton.js";import{MenuItem as
|
|
1
|
+
import e from"react";import{MenuButton as t}from"../MenuButton/MenuButton.js";import{MenuItem as n}from"../MenuItem/MenuItem.js";import{MenuSubMenu as u}from"../MenuSubMenu/MenuSubMenu.js";import{Menu as r}from"@szhsin/react-menu";let o=e.forwardRef((t,n)=>e.createElement(r,{gap:3,direction:"bottom",align:"end",...t,ref:n}));o.displayName="Menu";var m=Object.assign(o,{Button:t,Item:n,SubMenu:u});export{o as Menu,m as default};
|
|
2
2
|
//# sourceMappingURL=Menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sources":["../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React from 'react';\n\nimport MenuButton from '../MenuButton';\nimport MenuItem from '../MenuItem';\nimport MenuSubMenu from '../MenuSubMenu';\nimport { Menu as ReactMenu, MenuProps as ReactMenuProps } from '@szhsin/react-menu';\n\nimport './Menu.global.css';\n\nexport interface MenuProps extends ReactMenuProps {}\n\nexport const Menu = React.forwardRef<HTMLDivElement, MenuProps>((props, ref) => {\n return <ReactMenu gap={3} direction=\"bottom\" align=\"end\" {...props} ref={ref} />;\n});\n\nMenu.displayName = 'Menu';\n\nexport default Object.assign(Menu, { Button: MenuButton, Item: MenuItem, SubMenu: MenuSubMenu });\n"],"names":["Menu","React","forwardRef","props","ref","ReactMenu","gap","direction","align","displayName","Menu$1","Object","assign","Button","MenuButton","Item","MenuItem","SubMenu","MenuSubMenu"],"mappings":"2OAWaA,EAAOC,EAAMC,UAAU,CAA4B,
|
|
1
|
+
{"version":3,"file":"Menu.js","sources":["../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React from 'react';\n\nimport MenuButton from '../MenuButton';\nimport MenuItem from '../MenuItem';\nimport MenuSubMenu from '../MenuSubMenu';\nimport { Menu as ReactMenu, type MenuProps as ReactMenuProps } from '@szhsin/react-menu';\n\nimport './Menu.global.css';\n\nexport interface MenuProps extends ReactMenuProps {}\n\nexport const Menu = React.forwardRef<HTMLDivElement, MenuProps>((props, ref) => {\n return <ReactMenu gap={3} direction=\"bottom\" align=\"end\" {...props} ref={ref} />;\n});\n\nMenu.displayName = 'Menu';\n\nexport default Object.assign(Menu, { Button: MenuButton, Item: MenuItem, SubMenu: MenuSubMenu });\n"],"names":["Menu","React","forwardRef","props","ref","ReactMenu","gap","direction","align","displayName","Menu$1","Object","assign","Button","MenuButton","Item","MenuItem","SubMenu","MenuSubMenu"],"mappings":"2OAWaA,EAAOC,EAAMC,UAAU,CAA4B,CAACC,EAAOC,IAC7DH,EAACI,aAAAA,CAAAA,EAAAA,CAAUC,IAAK,EAAGC,UAAU,SAASC,MAAM,MAAO,GAAGL,CAAK,CAAEC,IAAKA,IAG7EJ,CAAAA,EAAKS,WAAW,CAAG,OAEnB,IAAAC,EAAeC,OAAOC,MAAM,CAACZ,EAAM,CAAEa,OAAQC,EAAYC,KAAMC,EAAUC,QAASC,CAAY"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import t from"classnames";import{MenuButton as
|
|
1
|
+
import e from"react";import t from"classnames";import{MenuButton as a}from"@szhsin/react-menu";let n=e.forwardRef((n,o)=>e.createElement(a,{...n,className:t("vchasno-ui-menu-button",n.className),ref:o}));n.displayName="MenuButton";export{n as MenuButton,n as default};
|
|
2
2
|
//# sourceMappingURL=MenuButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuButton.js","sources":["../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport {\n MenuButton as ReactMenuButton,\n MenuButtonProps as ReactMenuButtonProps,\n} from '@szhsin/react-menu';\n\nimport './MenuButton.global.css';\n\nexport interface MenuButtonProps extends ReactMenuButtonProps {}\n\nexport const MenuButton = React.forwardRef<HTMLButtonElement, MenuButtonProps>((props, ref) => {\n return (\n <ReactMenuButton\n {...props}\n className={cn('vchasno-ui-menu-button', props.className as string)}\n ref={ref}\n />\n );\n});\n\nMenuButton.displayName = 'MenuButton';\n\nexport default MenuButton;\n"],"names":["MenuButton","React","forwardRef","props","ref","ReactMenuButton","className","cn","displayName"],"mappings":"mGAaaA,EAAaC,EAAMC,UAAU,CAAqC,
|
|
1
|
+
{"version":3,"file":"MenuButton.js","sources":["../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport {\n MenuButton as ReactMenuButton,\n type MenuButtonProps as ReactMenuButtonProps,\n} from '@szhsin/react-menu';\n\nimport './MenuButton.global.css';\n\nexport interface MenuButtonProps extends ReactMenuButtonProps {}\n\nexport const MenuButton = React.forwardRef<HTMLButtonElement, MenuButtonProps>((props, ref) => {\n return (\n <ReactMenuButton\n {...props}\n className={cn('vchasno-ui-menu-button', props.className as string)}\n ref={ref}\n />\n );\n});\n\nMenuButton.displayName = 'MenuButton';\n\nexport default MenuButton;\n"],"names":["MenuButton","React","forwardRef","props","ref","ReactMenuButton","className","cn","displayName"],"mappings":"mGAaaA,EAAaC,EAAMC,UAAU,CAAqC,CAACC,EAAOC,IAE/EH,EAACI,aAAAA,CAAAA,EAAAA,CACI,GAAGF,CAAK,CACTG,UAAWC,EAAG,yBAA0BJ,EAAMG,SAAS,EACvDF,IAAKA,IAKjBJ,CAAAA,EAAWQ,WAAW,CAAG"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import{MenuItem as t}from"@szhsin/react-menu";
|
|
1
|
+
import e from"react";import{MenuItem as t}from"@szhsin/react-menu";let r=e.forwardRef((r,m)=>e.createElement(t,{...r,ref:m}));r.displayName="MenuButton";export{r as MenuItem,r as default};
|
|
2
2
|
//# sourceMappingURL=MenuItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.js","sources":["../../../src/components/MenuItem/MenuItem.tsx"],"sourcesContent":["import React from 'react';\n\nimport {
|
|
1
|
+
{"version":3,"file":"MenuItem.js","sources":["../../../src/components/MenuItem/MenuItem.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n MenuItem as ReactMenuItem,\n type MenuItemProps as ReactMenuItemProps,\n} from '@szhsin/react-menu';\n\nimport './MenuItem.global.css';\n\nexport interface MenuItemProps extends ReactMenuItemProps {}\n\nexport const MenuItem = React.forwardRef<HTMLUListElement, MenuItemProps>((props, ref) => {\n return <ReactMenuItem {...props} ref={ref} />;\n});\n\nMenuItem.displayName = 'MenuButton';\n\nexport default MenuItem;\n"],"names":["MenuItem","React","forwardRef","props","ref","ReactMenuItem","displayName"],"mappings":"uEAWaA,EAAWC,EAAMC,UAAU,CAAkC,CAACC,EAAOC,IACvEH,EAACI,aAAAA,CAAAA,EAAAA,CAAe,GAAGF,CAAK,CAAEC,IAAKA,IAG1CJ,CAAAA,EAASM,WAAW,CAAG"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e,{useState as
|
|
1
|
+
import e,{useState as n}from"react";import t from"classnames";import a from"../FlexBox/FlexBox.js";import{SubMenu as r}from"@szhsin/react-menu";let l=e.forwardRef((l,o)=>{let[m,s]=n(!1);return e.createElement(r,{gap:12,...l,onMenuChange:e=>{s(e.open),l.onMenuChange&&l.onMenuChange(e)},className:t("vchasno-ui-menu-submenu",l.className),label:e.createElement(a,{align:"center",justify:"space-between",className:"vchasno-ui-menu-submenu-label-container"},l.label,e.createElement(a,{style:{transform:m?"rotate(0deg)":"rotate(180deg)"}},e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},e.createElement("path",{d:"M5.60001 7.99409C5.60001 7.78609 5.68001 7.58609 5.83201 7.42609L9.03201 4.23409C9.34401 3.92209 9.85601 3.92209 10.168 4.23409C10.48 4.54609 10.48 5.05809 10.168 5.37009L7.53601 7.99409L10.168 10.6261C10.48 10.9381 10.48 11.4501 10.168 11.7621C9.85601 12.0741 9.34401 12.0741 9.03201 11.7621L5.84001 8.57009C5.68001 8.41009 5.60001 8.20209 5.60001 7.99409Z",fill:"currentColor"})))),ref:o})});l.displayName="MenuSubMenu";export{l as MenuSubMenu,l as default};
|
|
2
2
|
//# sourceMappingURL=MenuSubMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuSubMenu.js","sources":["../../../src/components/MenuSubMenu/MenuSubMenu.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport cn from 'classnames';\n\nimport FlexBox from '../FlexBox';\nimport {\n MenuChangeEvent,\n SubMenu as ReactMenuSubMenu,\n SubMenuProps as ReactMenuSubMenuProps,\n} from '@szhsin/react-menu';\n\nimport './MenuSubMenu.global.css';\n\nexport interface MenuSubMenuProps extends ReactMenuSubMenuProps {}\n\nexport const MenuSubMenu = React.forwardRef<HTMLUListElement, MenuSubMenuProps>((props, ref) => {\n const [isSubMenuOpen, setIsSubMenuOpen] = useState(false);\n\n const onMenuChange = (event: MenuChangeEvent) => {\n setIsSubMenuOpen(event.open);\n if (props.onMenuChange) {\n props.onMenuChange(event);\n }\n };\n\n return (\n <ReactMenuSubMenu\n gap={12}\n {...props}\n onMenuChange={onMenuChange}\n className={cn('vchasno-ui-menu-submenu', props.className)}\n label={\n <FlexBox\n align=\"center\"\n justify=\"space-between\"\n className=\"vchasno-ui-menu-submenu-label-container\"\n >\n {props.label}\n <FlexBox\n style={{ transform: isSubMenuOpen ? 'rotate(0deg)' : 'rotate(180deg)' }}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n d=\"M5.60001 7.99409C5.60001 7.78609 5.68001 7.58609 5.83201 7.42609L9.03201 4.23409C9.34401 3.92209 9.85601 3.92209 10.168 4.23409C10.48 4.54609 10.48 5.05809 10.168 5.37009L7.53601 7.99409L10.168 10.6261C10.48 10.9381 10.48 11.4501 10.168 11.7621C9.85601 12.0741 9.34401 12.0741 9.03201 11.7621L5.84001 8.57009C5.68001 8.41009 5.60001 8.20209 5.60001 7.99409Z\"\n fill=\"currentColor\"\n />\n </svg>\n </FlexBox>\n </FlexBox>\n }\n ref={ref}\n />\n );\n});\n\nMenuSubMenu.displayName = 'MenuSubMenu';\n\nexport default MenuSubMenu;\n"],"names":["MenuSubMenu","React","forwardRef","props","ref","
|
|
1
|
+
{"version":3,"file":"MenuSubMenu.js","sources":["../../../src/components/MenuSubMenu/MenuSubMenu.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport cn from 'classnames';\n\nimport FlexBox from '../FlexBox';\nimport {\n type MenuChangeEvent,\n SubMenu as ReactMenuSubMenu,\n type SubMenuProps as ReactMenuSubMenuProps,\n} from '@szhsin/react-menu';\n\nimport './MenuSubMenu.global.css';\n\nexport interface MenuSubMenuProps extends ReactMenuSubMenuProps {}\n\nexport const MenuSubMenu = React.forwardRef<HTMLUListElement, MenuSubMenuProps>((props, ref) => {\n const [isSubMenuOpen, setIsSubMenuOpen] = useState(false);\n\n const onMenuChange = (event: MenuChangeEvent) => {\n setIsSubMenuOpen(event.open);\n if (props.onMenuChange) {\n props.onMenuChange(event);\n }\n };\n\n return (\n <ReactMenuSubMenu\n gap={12}\n {...props}\n onMenuChange={onMenuChange}\n className={cn('vchasno-ui-menu-submenu', props.className)}\n label={\n <FlexBox\n align=\"center\"\n justify=\"space-between\"\n className=\"vchasno-ui-menu-submenu-label-container\"\n >\n {props.label}\n <FlexBox\n style={{ transform: isSubMenuOpen ? 'rotate(0deg)' : 'rotate(180deg)' }}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n >\n <path\n d=\"M5.60001 7.99409C5.60001 7.78609 5.68001 7.58609 5.83201 7.42609L9.03201 4.23409C9.34401 3.92209 9.85601 3.92209 10.168 4.23409C10.48 4.54609 10.48 5.05809 10.168 5.37009L7.53601 7.99409L10.168 10.6261C10.48 10.9381 10.48 11.4501 10.168 11.7621C9.85601 12.0741 9.34401 12.0741 9.03201 11.7621L5.84001 8.57009C5.68001 8.41009 5.60001 8.20209 5.60001 7.99409Z\"\n fill=\"currentColor\"\n />\n </svg>\n </FlexBox>\n </FlexBox>\n }\n ref={ref}\n />\n );\n});\n\nMenuSubMenu.displayName = 'MenuSubMenu';\n\nexport default MenuSubMenu;\n"],"names":["MenuSubMenu","React","forwardRef","props","ref","isSubMenuOpen","setIsSubMenuOpen","useState","ReactMenuSubMenu","gap","onMenuChange","event","open","className","cn","label","FlexBox","align","justify","style","transform","svg","xmlns","width","height","viewBox","fill","path","d","displayName"],"mappings":"oJAeaA,EAAcC,EAAMC,UAAU,CAAqC,CAACC,EAAOC,KACpF,GAAM,CAACC,EAAeC,EAAiB,CAAGC,EAAS,CAAA,GASnD,OACIN,EAACO,aAAAA,CAAAA,EAAAA,CACGC,IAAK,GACJ,GAAGN,CAAK,CACTO,aAXa,AAACC,IAClBL,EAAiBK,EAAMC,IAAI,EACvBT,EAAMO,YAAY,EAClBP,EAAMO,YAAY,CAACC,EAE3B,EAOQE,UAAWC,EAAG,0BAA2BX,EAAMU,SAAS,EACxDE,MACId,EAACe,aAAAA,CAAAA,EAAAA,CACGC,MAAM,SACNC,QAAQ,gBACRL,UAAU,2CAETV,EAAMY,KAAK,CACZd,EAACe,aAAAA,CAAAA,EAAAA,CACGG,MAAO,CAAEC,UAAWf,EAAgB,eAAiB,gBAAiB,GAEtEJ,EAACoB,aAAAA,CAAAA,MAAAA,CACGC,MAAM,6BACNC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,QAELzB,EAAC0B,aAAAA,CAAAA,OAAAA,CACGC,EAAE,wWACFF,KAAK,oBAMzBtB,IAAKA,GAGjB,EAEAJ,CAAAA,EAAY6B,WAAW,CAAG"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import o from"../FlexBox/FlexBox.js";import
|
|
1
|
+
import e from"react";import o from"../FlexBox/FlexBox.js";import r from"../Text/Text.js";import{config as a}from"./config.js";import i from"./images/apple.png.js";import l from"./images/google.png.js";let n=({android:n=!1,ios:t=!1,label:s="Завантажуйте застосунок",hideTitle:m=!1,product:p,onClick:c,direction:g})=>n||t?e.createElement(o,{className:"vchasno-ui-MobileAppLinks",direction:"column",gap:12},!m&&e.createElement(r,{className:"vchasno-ui-MobileAppLinks__label",type:"secondary"},s),e.createElement(o,{gap:8,direction:g},t&&a[p].ios&&e.createElement("a",{key:"ios",className:"vchasno-ui-MobileAppLinks__link",href:a[p].ios,target:"_blank",rel:"noreferrer",onClick:()=>c?.("ios")},e.createElement("img",{src:i,alt:"Apple Store"})),n&&a[p].android&&e.createElement("a",{key:"android",className:"vchasno-ui-MobileAppLinks__link",href:a[p].android,target:"_blank",rel:"noreferrer",onClick:()=>c?.("android")},e.createElement("img",{src:l,alt:"Google Play"})))):null;export{n as default};
|
|
2
2
|
//# sourceMappingURL=MobileAppLinks.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileAppLinks.js","sources":["../../../src/components/MobileAppLinks/MobileAppLinks.tsx"],"sourcesContent":["import React from 'react';\n\nimport FlexBox, { FlexBoxProps } from '../FlexBox';\nimport Text from '../Text';\nimport { Product, config } from './config';\nimport { LinkConfig } from './types';\n\nimport AppleStorePNG from './images/apple.png';\nimport GooglePlayPNG from './images/google.png';\n\nimport './MobileAppLinks.global.css';\n\nexport interface MobileAppLinksProps {\n android?: boolean;\n ios?: boolean;\n label?: string;\n hideTitle?: boolean;\n product: Product;\n onClick?: (target: keyof LinkConfig) => void;\n direction?: FlexBoxProps['direction'];\n}\n\nconst MobileAppLinks: React.FC<MobileAppLinksProps> = ({\n android = false,\n ios = false,\n label = 'Завантажуйте застосунок',\n hideTitle = false,\n product,\n onClick,\n direction,\n}) => {\n if (!android && !ios) {\n return null;\n }\n\n return (\n <FlexBox className=\"vchasno-ui-MobileAppLinks\" direction=\"column\" gap={12}>\n {!hideTitle && (\n <Text className=\"vchasno-ui-MobileAppLinks__label\" type=\"secondary\">\n {label}\n </Text>\n )}\n <FlexBox gap={8} direction={direction}>\n {ios && config[product].ios && (\n <a\n key=\"ios\"\n className=\"vchasno-ui-MobileAppLinks__link\"\n href={config[product].ios}\n target=\"_blank\"\n rel=\"noreferrer\"\n onClick={() => onClick?.('ios')}\n >\n <img src={AppleStorePNG} alt=\"Apple Store\" />\n </a>\n )}\n {android && config[product].android && (\n <a\n key=\"android\"\n className=\"vchasno-ui-MobileAppLinks__link\"\n href={config[product].android}\n target=\"_blank\"\n rel=\"noreferrer\"\n onClick={() => onClick?.('android')}\n >\n <img src={GooglePlayPNG} alt=\"Google Play\" />\n </a>\n )}\n </FlexBox>\n </FlexBox>\n );\n};\n\nexport default MobileAppLinks;\n"],"names":["MobileAppLinks","
|
|
1
|
+
{"version":3,"file":"MobileAppLinks.js","sources":["../../../src/components/MobileAppLinks/MobileAppLinks.tsx"],"sourcesContent":["import React from 'react';\n\nimport FlexBox, { type FlexBoxProps } from '../FlexBox';\nimport Text from '../Text';\nimport { type Product, config } from './config';\nimport type { LinkConfig } from './types';\n\nimport AppleStorePNG from './images/apple.png';\nimport GooglePlayPNG from './images/google.png';\n\nimport './MobileAppLinks.global.css';\n\nexport interface MobileAppLinksProps {\n android?: boolean;\n ios?: boolean;\n label?: string;\n hideTitle?: boolean;\n product: Product;\n onClick?: (target: keyof LinkConfig) => void;\n direction?: FlexBoxProps['direction'];\n}\n\nconst MobileAppLinks: React.FC<MobileAppLinksProps> = ({\n android = false,\n ios = false,\n label = 'Завантажуйте застосунок',\n hideTitle = false,\n product,\n onClick,\n direction,\n}) => {\n if (!android && !ios) {\n return null;\n }\n\n return (\n <FlexBox className=\"vchasno-ui-MobileAppLinks\" direction=\"column\" gap={12}>\n {!hideTitle && (\n <Text className=\"vchasno-ui-MobileAppLinks__label\" type=\"secondary\">\n {label}\n </Text>\n )}\n <FlexBox gap={8} direction={direction}>\n {ios && config[product].ios && (\n <a\n key=\"ios\"\n className=\"vchasno-ui-MobileAppLinks__link\"\n href={config[product].ios}\n target=\"_blank\"\n rel=\"noreferrer\"\n onClick={() => onClick?.('ios')}\n >\n <img src={AppleStorePNG} alt=\"Apple Store\" />\n </a>\n )}\n {android && config[product].android && (\n <a\n key=\"android\"\n className=\"vchasno-ui-MobileAppLinks__link\"\n href={config[product].android}\n target=\"_blank\"\n rel=\"noreferrer\"\n onClick={() => onClick?.('android')}\n >\n <img src={GooglePlayPNG} alt=\"Google Play\" />\n </a>\n )}\n </FlexBox>\n </FlexBox>\n );\n};\n\nexport default MobileAppLinks;\n"],"names":["MobileAppLinks","android","ios","label","hideTitle","product","onClick","direction","React","FlexBox","className","gap","Text","type","config","a","key","href","target","rel","img","src","AppleStorePNG","alt","GooglePlayPNG"],"mappings":"yMAsBMA,IAAAA,EAAgD,CAAC,CACnDC,QAAAA,EAAU,CAAA,CAAK,CACfC,IAAAA,EAAM,CAAA,CAAK,CACXC,MAAAA,EAAQ,yBAAyB,CACjCC,UAAAA,EAAY,CAAA,CAAK,CACjBC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACPC,UAAAA,CAAS,CACZ,GACG,AAAI,AAACN,GAAYC,EAKbM,EAACC,aAAAA,CAAAA,EAAAA,CAAQC,UAAU,4BAA4BH,UAAU,SAASI,IAAK,EAClE,EAAA,CAACP,GACEI,EAACI,aAAAA,CAAAA,EAAAA,CAAKF,UAAU,mCAAmCG,KAAK,WACnDV,EAAAA,GAGTK,EAACC,aAAAA,CAAAA,EAAAA,CAAQE,IAAK,EAAGJ,UAAWA,CACvBL,EAAAA,GAAOY,CAAM,CAACT,EAAQ,CAACH,GAAG,EACvBM,EAACO,aAAAA,CAAAA,IAAAA,CACGC,IAAI,MACJN,UAAU,kCACVO,KAAMH,CAAM,CAACT,EAAQ,CAACH,GAAG,CACzBgB,OAAO,SACPC,IAAI,aACJb,QAAS,IAAMA,IAAU,QAEzBE,EAACY,aAAAA,CAAAA,MAAAA,CAAIC,IAAKC,EAAeC,IAAI,aAGpCtB,IAAAA,GAAWa,CAAM,CAACT,EAAQ,CAACJ,OAAO,EAC/BO,EAACO,aAAAA,CAAAA,IAAAA,CACGC,IAAI,UACJN,UAAU,kCACVO,KAAMH,CAAM,CAACT,EAAQ,CAACJ,OAAO,CAC7BiB,OAAO,SACPC,IAAI,aACJb,QAAS,IAAMA,IAAU,YAEzBE,EAACY,aAAAA,CAAAA,MAAAA,CAAIC,IAAKG,EAAeD,IAAI,mBAhCtC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
let a={edo:{android:"https://play.google.com/store/apps/details?id=ua.vchasno.edo",ios:"https://apps.apple.com/ua/app/%D0%B2%D1%87%D0%B0%D1%81%D0%BD%D0%BE-%D0%B5%D0%B4%D0%BE/id6462861848"},kasa:{android:"https://play.google.com/store/apps/details?id=ua.vchasno.kasa",ios:"https://apps.apple.com/ua/app/%D0%B2%D1%87%D0%B0%D1%81%D0%BD%D0%BE-%D0%BA%D0%B0%D1%81%D0%B0/id6444186091"},ttn:{android:"https://play.google.com/store/apps/details?id=ua.vchasno.ttn.mobile",ios:"https://apps.apple.com/ua/app/%D0%B2%D1%87%D0%B0%D1%81%D0%BD%D0%BE-%D1%82%D1%82%D0%BD/id6550909392"}};export{a as config};
|
|
2
2
|
//# sourceMappingURL=config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config.js","sources":["../../../src/components/MobileAppLinks/config.ts"],"sourcesContent":["import { VchasnoProduct } from '../types';\nimport { LinkConfig } from './types';\n\nexport type Product = Exclude<VchasnoProduct, 'edi' | 'dm' | 'kep' | 'hrs' | 'zvit'>;\n\nexport const config: Record<Product, LinkConfig> = {\n edo: {\n android: 'https://play.google.com/store/apps/details?id=ua.vchasno.edo',\n ios: 'https://apps.apple.com/ua/app/%D0%B2%D1%87%D0%B0%D1%81%D0%BD%D0%BE-%D0%B5%D0%B4%D0%BE/id6462861848',\n },\n kasa: {\n android: 'https://play.google.com/store/apps/details?id=ua.vchasno.kasa',\n ios: 'https://apps.apple.com/ua/app/%D0%B2%D1%87%D0%B0%D1%81%D0%BD%D0%BE-%D0%BA%D0%B0%D1%81%D0%B0/id6444186091',\n },\n ttn: {\n android: 'https://play.google.com/store/apps/details?id=ua.vchasno.ttn.mobile',\n ios: 'https://apps.apple.com/ua/app/%D0%B2%D1%87%D0%B0%D1%81%D0%BD%D0%BE-%D1%82%D1%82%D0%BD/id6550909392',\n },\n};\n"],"names":["config","edo","android","ios","kasa","ttn"],"mappings":"IAKaA,EAAsC,CAC/CC,IAAK,CACDC,QAAS,+DACTC,IAAK,oGACT,EACAC,KAAM,CACFF,QAAS,gEACTC,IAAK,0GACT,EACAE,IAAK,CACDH,QAAS,sEACTC,IAAK,oGACT,CACJ"}
|
|
1
|
+
{"version":3,"file":"config.js","sources":["../../../src/components/MobileAppLinks/config.ts"],"sourcesContent":["import type { VchasnoProduct } from '../types';\nimport type { LinkConfig } from './types';\n\nexport type Product = Exclude<VchasnoProduct, 'edi' | 'dm' | 'kep' | 'hrs' | 'zvit'>;\n\nexport const config: Record<Product, LinkConfig> = {\n edo: {\n android: 'https://play.google.com/store/apps/details?id=ua.vchasno.edo',\n ios: 'https://apps.apple.com/ua/app/%D0%B2%D1%87%D0%B0%D1%81%D0%BD%D0%BE-%D0%B5%D0%B4%D0%BE/id6462861848',\n },\n kasa: {\n android: 'https://play.google.com/store/apps/details?id=ua.vchasno.kasa',\n ios: 'https://apps.apple.com/ua/app/%D0%B2%D1%87%D0%B0%D1%81%D0%BD%D0%BE-%D0%BA%D0%B0%D1%81%D0%B0/id6444186091',\n },\n ttn: {\n android: 'https://play.google.com/store/apps/details?id=ua.vchasno.ttn.mobile',\n ios: 'https://apps.apple.com/ua/app/%D0%B2%D1%87%D0%B0%D1%81%D0%BD%D0%BE-%D1%82%D1%82%D0%BD/id6550909392',\n },\n};\n"],"names":["config","edo","android","ios","kasa","ttn"],"mappings":"IAKaA,EAAsC,CAC/CC,IAAK,CACDC,QAAS,+DACTC,IAAK,oGACT,EACAC,KAAM,CACFF,QAAS,gEACTC,IAAK,0GACT,EACAE,IAAK,CACDH,QAAS,sEACTC,IAAK,oGACT,CACJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import
|
|
1
|
+
import e from"react";import t from"classnames";import{composePaginationSteps as i}from"./utils.js";function n(n){return n.hide?null:e.createElement("div",{className:t("vchasno-ui-pagination",n.className)},e.createElement(a,{type:"prev",onClick:n.onPrevClick,isDisabled:n.isPrevDisabled??!1,isHidden:n.hidePrev??!1}),!n.simple&&i(n.total??0,n.currentPage).map(t=>Array.isArray(t)?t[0]?t[0]<n.currentPage?e.createElement(o,{key:"prev",isActive:!1,onClick:()=>n.onPrevGapClick?.(),text:"..."}):e.createElement(o,{key:"next",isActive:!1,onClick:()=>n.onNextGapClick?.(),text:"..."}):null:e.createElement(o,{key:t.toString(),isActive:t===n.currentPage,onClick:()=>n.onPageChange?.(t),text:t.toString()})),e.createElement(a,{type:"next",onClick:n.onNextClick,isDisabled:n.isNextDisabled??!1,isHidden:n.hideNext??!1}))}function a(i){return e.createElement("button",{type:"button",onClick:i.onClick,disabled:i.isDisabled,className:t("vchasno-ui-pagination__item","vchasno-ui-pagination__item-arrow",{"vchasno-ui-pagination__item-disabled":i.isDisabled,"vchasno-ui-pagination__item-hidden":i.isHidden})},e.createElement("svg",{style:"next"===i.type?{transform:"rotate(180deg)",transformOrigin:"center center"}:void 0,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M7 9.99253C7 9.73253 7.1 9.48252 7.29 9.28253L11.29 5.29253C11.68 4.90253 12.32 4.90253 12.71 5.29253C13.1 5.68253 13.1 6.32253 12.71 6.71253L9.42 9.99253L12.71 13.2825C13.1 13.6725 13.1 14.3125 12.71 14.7025C12.32 15.0925 11.68 15.0925 11.29 14.7025L7.3 10.7125C7.1 10.5125 7 10.2525 7 9.99253Z",fill:"currentColor"})))}function o(i){return e.createElement("button",{type:"button",onClick:i.onClick,key:i.key,className:t("vchasno-ui-pagination__item",{"vchasno-ui-pagination__item-active":i.isActive})},i.text)}export{n as BasePagination};
|
|
2
2
|
//# sourceMappingURL=BasePagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasePagination.js","sources":["../../../src/components/Pagination/BasePagination.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport
|
|
1
|
+
{"version":3,"file":"BasePagination.js","sources":["../../../src/components/Pagination/BasePagination.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport { composePaginationSteps } from './utils';\n\nimport './Pagination.global.css';\n\nexport interface BasePaginationProps {\n hide?: boolean;\n className?: string;\n currentPage: number;\n total?: number | null;\n onPageChange?: (page: number) => void;\n simple?: boolean;\n hideNext?: boolean;\n hidePrev?: boolean;\n onPrevGapClick?: () => void;\n onNextGapClick?: () => void;\n onPrevClick: () => void;\n onNextClick: () => void;\n isPrevDisabled?: boolean;\n isNextDisabled?: boolean;\n gapStep?: number;\n}\n\nexport function BasePagination(props: BasePaginationProps) {\n if (props.hide) {\n return null;\n }\n\n return (\n <div className={cn('vchasno-ui-pagination', props.className)}>\n <PaginationArrowButton\n type=\"prev\"\n onClick={props.onPrevClick}\n isDisabled={props.isPrevDisabled ?? false}\n isHidden={props.hidePrev ?? false}\n />\n {!props.simple &&\n composePaginationSteps(props.total ?? 0, props.currentPage).map((item) => {\n if (Array.isArray(item)) {\n if (!item[0]) return null;\n // Це три крапки між сторінками і стрілочками:\n // < 1 ... 5 6 7 ... 20 >\n // ^^^ ^^^\n if (item[0] < props.currentPage) {\n return (\n <PaginationItem\n key=\"prev\"\n isActive={false}\n onClick={() => props.onPrevGapClick?.()}\n text=\"...\"\n />\n );\n } else {\n return (\n <PaginationItem\n key=\"next\"\n isActive={false}\n onClick={() => props.onNextGapClick?.()}\n text=\"...\"\n />\n );\n }\n }\n return (\n <PaginationItem\n key={item.toString()}\n isActive={item === props.currentPage}\n onClick={() => props.onPageChange?.(item)}\n text={item.toString()}\n />\n );\n })}\n <PaginationArrowButton\n type=\"next\"\n onClick={props.onNextClick}\n isDisabled={props.isNextDisabled ?? false}\n isHidden={props.hideNext ?? false}\n />\n </div>\n );\n}\n\nfunction PaginationArrowButton(props: {\n onClick: () => void;\n isDisabled: boolean;\n isHidden: boolean;\n type: 'prev' | 'next';\n}) {\n return (\n <button\n type=\"button\"\n onClick={props.onClick}\n disabled={props.isDisabled}\n className={cn('vchasno-ui-pagination__item', 'vchasno-ui-pagination__item-arrow', {\n ['vchasno-ui-pagination__item-disabled']: props.isDisabled,\n ['vchasno-ui-pagination__item-hidden']: props.isHidden,\n })}\n >\n <svg\n // Без стилів SVG зображує кнопку назад\n style={\n props.type === 'next'\n ? { transform: 'rotate(180deg)', transformOrigin: 'center center' }\n : undefined\n }\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M7 9.99253C7 9.73253 7.1 9.48252 7.29 9.28253L11.29 5.29253C11.68 4.90253 12.32 4.90253 12.71 5.29253C13.1 5.68253 13.1 6.32253 12.71 6.71253L9.42 9.99253L12.71 13.2825C13.1 13.6725 13.1 14.3125 12.71 14.7025C12.32 15.0925 11.68 15.0925 11.29 14.7025L7.3 10.7125C7.1 10.5125 7 10.2525 7 9.99253Z\"\n fill=\"currentColor\"\n />\n </svg>\n </button>\n );\n}\n\nfunction PaginationItem(props: {\n key: string;\n isActive: boolean;\n text: string;\n onClick: () => void;\n}) {\n return (\n <button\n type=\"button\"\n onClick={props.onClick}\n key={props.key}\n className={cn('vchasno-ui-pagination__item', {\n ['vchasno-ui-pagination__item-active']: props.isActive,\n })}\n >\n {props.text}\n </button>\n );\n}\n"],"names":["BasePagination","props","hide","React","div","className","cn","PaginationArrowButton","type","onClick","onPrevClick","isDisabled","isPrevDisabled","isHidden","hidePrev","simple","composePaginationSteps","total","currentPage","map","item","Array","isArray","PaginationItem","key","isActive","onPrevGapClick","text","onNextGapClick","toString","onPageChange","onNextClick","isNextDisabled","hideNext","button","disabled","svg","style","transform","transformOrigin","undefined","width","height","viewBox","fill","xmlns","path","d"],"mappings":"mGA0BO,SAASA,EAAeC,CAA0B,SACrD,AAAIA,EAAMC,IAAI,CACH,KAIPC,EAACC,aAAAA,CAAAA,MAAAA,CAAIC,UAAWC,EAAG,wBAAyBL,EAAMI,SAAS,GACvDF,EAACI,aAAAA,CAAAA,EAAAA,CACGC,KAAK,OACLC,QAASR,EAAMS,WAAW,CAC1BC,WAAYV,EAAMW,cAAc,EAAI,CAAA,EACpCC,SAAUZ,EAAMa,QAAQ,EAAI,CAAA,CAE/B,GAAA,CAACb,EAAMc,MAAM,EACVC,EAAuBf,EAAMgB,KAAK,EAAI,EAAGhB,EAAMiB,WAAW,EAAEC,GAAG,CAAC,AAACC,GAC7D,AAAIC,MAAMC,OAAO,CAACF,GACd,AAAKA,CAAI,CAAC,EAAE,CAIRA,CAAI,CAAC,EAAE,CAAGnB,EAAMiB,WAAW,CAEvBf,EAACoB,aAAAA,CAAAA,EAAAA,CACGC,IAAI,OACJC,SAAU,CAAA,EACVhB,QAAS,IAAMR,EAAMyB,cAAc,KACnCC,KAAK,QAKTxB,EAACoB,aAAAA,CAAAA,EAAAA,CACGC,IAAI,OACJC,SAAU,CAAA,EACVhB,QAAS,IAAMR,EAAM2B,cAAc,KACnCD,KAAK,QAnBI,KAyBrBxB,EAACoB,aAAAA,CAAAA,EAAAA,CACGC,IAAKJ,EAAKS,QAAQ,GAClBJ,SAAUL,IAASnB,EAAMiB,WAAW,CACpCT,QAAS,IAAMR,EAAM6B,YAAY,GAAGV,GACpCO,KAAMP,EAAKS,QAAQ,MAInC1B,EAACI,aAAAA,CAAAA,EAAAA,CACGC,KAAK,OACLC,QAASR,EAAM8B,WAAW,CAC1BpB,WAAYV,EAAM+B,cAAc,EAAI,CAAA,EACpCnB,SAAUZ,EAAMgC,QAAQ,EAAI,CAAA,IAI5C,CAEA,SAAS1B,EAAsBN,CAK9B,EACG,OACIE,EAAC+B,aAAAA,CAAAA,SAAAA,CACG1B,KAAK,SACLC,QAASR,EAAMQ,OAAO,CACtB0B,SAAUlC,EAAMU,UAAU,CAC1BN,UAAWC,EAAG,8BAA+B,oCAAqC,CAC7E,uCAAyCL,EAAMU,UAAU,CACzD,qCAAuCV,EAAMY,QAAAA,AAClD,IAEAV,EAACiC,aAAAA,CAAAA,MAAAA,CAEGC,MACIpC,AAAe,SAAfA,EAAMO,IAAI,CACJ,CAAE8B,UAAW,iBAAkBC,gBAAiB,iBAChDC,KAAAA,EAEVC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAEN1C,EAAC2C,aAAAA,CAAAA,OAAAA,CACGC,EAAE,0SACFH,KAAK,kBAKzB,CAEA,SAASrB,EAAetB,CAKvB,EACG,OACIE,EAAC+B,aAAAA,CAAAA,SAAAA,CACG1B,KAAK,SACLC,QAASR,EAAMQ,OAAO,CACtBe,IAAKvB,EAAMuB,GAAG,CACdnB,UAAWC,EAAG,8BAA+B,CACxC,qCAAuCL,EAAMwB,QAAAA,AAClD,EAECxB,EAAAA,EAAM0B,IAAI,CAGvB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import e,{useState as a}from"react";import{BasePagination as i}from"./BasePagination.js";let t=({className:t,initPage:o=1,total:l=1,gapStep:n=5,hideOnSinglePage:r,onChange:s,current:c,scrollOnChange:d=!0,hideArrows:P=!1,simple:m=!1})=>{let[p,N]=a(c||o),g=c||p,v=e=>{N(e),s&&s(e),d&&e!==p&&window.scrollTo(0,0)};return isNaN(l)?(console.error('Component "Pagination" received invalid "total" data'),null):r&&l<=1?null:e.createElement(i,{className:t,currentPage:g,total:l,onPageChange:v,simple:m,hideNext:P&&!m,hidePrev:P&&!m,onPrevGapClick:()=>{v(g-n<=0?1:g-n)},onNextGapClick:()=>{v(g+n>=l?l:g+n)},onPrevClick:()=>{1!==g&&v(g<=1?1:g-1)},onNextClick:()=>{g!==l&&v(g>=l?l:g+1)},isPrevDisabled:1===g,isNextDisabled:g===l})};export{t as default};
|
|
2
2
|
//# sourceMappingURL=Pagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { BasePagination } from './BasePagination';\n\nimport './Pagination.global.css';\n\nexport interface PaginationProps {\n className?: string;\n initPage?: number;\n total?: number;\n hideOnSinglePage?: boolean;\n onChange?: (page: number) => void;\n current?: number;\n scrollOnChange?: boolean;\n gapStep?: number;\n hideArrows?: boolean;\n simple?: boolean;\n}\n\nconst Pagination: React.FC<PaginationProps> = ({\n className,\n initPage = 1,\n total = 1,\n gapStep = 5,\n hideOnSinglePage,\n onChange,\n current,\n scrollOnChange = true,\n hideArrows = false,\n simple = false,\n}) => {\n const [_currentPage, setCurrentPage] = useState(current || initPage);\n const currentPage = current || _currentPage;\n\n const setPage = (page: number) => {\n setCurrentPage(page);\n\n if (onChange) {\n onChange(page);\n }\n\n if (scrollOnChange && page !== _currentPage) {\n window.scrollTo(0, 0);\n }\n };\n\n if (isNaN(total)) {\n console.error('Component \"Pagination\" received invalid \"total\" data');\n return null;\n }\n\n if (hideOnSinglePage && total <= 1) {\n return null;\n }\n\n const handlePrevGapClick = () => {\n setPage(currentPage - gapStep <= 0 ? 1 : currentPage - gapStep);\n };\n\n const handleNextGapClick = () => {\n setPage(currentPage + gapStep >= total ? total : currentPage + gapStep);\n };\n\n const handlePrevClick = () => {\n if (currentPage !== 1) {\n setPage(currentPage <= 1 ? 1 : currentPage - 1);\n }\n };\n\n const handleNextClick = () => {\n if (currentPage !== total) {\n setPage(currentPage >= total ? total : currentPage + 1);\n }\n };\n\n return (\n <BasePagination\n className={className}\n currentPage={currentPage}\n total={total}\n onPageChange={setPage}\n simple={simple}\n hideNext={hideArrows && !simple}\n hidePrev={hideArrows && !simple}\n onPrevGapClick={handlePrevGapClick}\n onNextGapClick={handleNextGapClick}\n onPrevClick={handlePrevClick}\n onNextClick={handleNextClick}\n isPrevDisabled={currentPage === 1}\n isNextDisabled={currentPage === total}\n />\n );\n};\n\nexport default Pagination;\n"],"names":["Pagination","
|
|
1
|
+
{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { BasePagination } from './BasePagination';\n\nimport './Pagination.global.css';\n\nexport interface PaginationProps {\n className?: string;\n initPage?: number;\n total?: number;\n hideOnSinglePage?: boolean;\n onChange?: (page: number) => void;\n current?: number;\n scrollOnChange?: boolean;\n gapStep?: number;\n hideArrows?: boolean;\n simple?: boolean;\n}\n\nconst Pagination: React.FC<PaginationProps> = ({\n className,\n initPage = 1,\n total = 1,\n gapStep = 5,\n hideOnSinglePage,\n onChange,\n current,\n scrollOnChange = true,\n hideArrows = false,\n simple = false,\n}) => {\n const [_currentPage, setCurrentPage] = useState(current || initPage);\n const currentPage = current || _currentPage;\n\n const setPage = (page: number) => {\n setCurrentPage(page);\n\n if (onChange) {\n onChange(page);\n }\n\n if (scrollOnChange && page !== _currentPage) {\n window.scrollTo(0, 0);\n }\n };\n\n if (isNaN(total)) {\n console.error('Component \"Pagination\" received invalid \"total\" data');\n return null;\n }\n\n if (hideOnSinglePage && total <= 1) {\n return null;\n }\n\n const handlePrevGapClick = () => {\n setPage(currentPage - gapStep <= 0 ? 1 : currentPage - gapStep);\n };\n\n const handleNextGapClick = () => {\n setPage(currentPage + gapStep >= total ? total : currentPage + gapStep);\n };\n\n const handlePrevClick = () => {\n if (currentPage !== 1) {\n setPage(currentPage <= 1 ? 1 : currentPage - 1);\n }\n };\n\n const handleNextClick = () => {\n if (currentPage !== total) {\n setPage(currentPage >= total ? total : currentPage + 1);\n }\n };\n\n return (\n <BasePagination\n className={className}\n currentPage={currentPage}\n total={total}\n onPageChange={setPage}\n simple={simple}\n hideNext={hideArrows && !simple}\n hidePrev={hideArrows && !simple}\n onPrevGapClick={handlePrevGapClick}\n onNextGapClick={handleNextGapClick}\n onPrevClick={handlePrevClick}\n onNextClick={handleNextClick}\n isPrevDisabled={currentPage === 1}\n isNextDisabled={currentPage === total}\n />\n );\n};\n\nexport default Pagination;\n"],"names":["Pagination","className","initPage","total","gapStep","hideOnSinglePage","onChange","current","scrollOnChange","hideArrows","simple","_currentPage","setCurrentPage","useState","currentPage","setPage","page","window","scrollTo","isNaN","console","error","React","BasePagination","onPageChange","hideNext","hidePrev","onPrevGapClick","onNextGapClick","onPrevClick","onNextClick","isPrevDisabled","isNextDisabled"],"mappings":"yFAmBA,IAAMA,EAAwC,CAAC,CAC3CC,UAAAA,CAAS,CACTC,SAAAA,EAAW,CAAC,CACZC,MAAAA,EAAQ,CAAC,CACTC,QAAAA,EAAU,CAAC,CACXC,iBAAAA,CAAgB,CAChBC,SAAAA,CAAQ,CACRC,QAAAA,CAAO,CACPC,eAAAA,EAAiB,CAAA,CAAI,CACrBC,WAAAA,EAAa,CAAA,CAAK,CAClBC,OAAAA,EAAS,CAAA,CAAK,CACjB,IACG,GAAM,CAACC,EAAcC,EAAe,CAAGC,EAASN,GAAWL,GACrDY,EAAcP,GAAWI,EAEzBI,EAAU,AAACC,IACbJ,EAAeI,GAEXV,GACAA,EAASU,GAGTR,GAAkBQ,IAASL,GAC3BM,OAAOC,QAAQ,CAAC,EAAG,EAE3B,SAEA,AAAIC,MAAMhB,IACNiB,QAAQC,KAAK,CAAC,wDACP,MAGPhB,GAAoBF,GAAS,EACtB,KAwBPmB,EAACC,aAAAA,CAAAA,EAAAA,CACGtB,UAAWA,EACXa,YAAaA,EACbX,MAAOA,EACPqB,aAAcT,EACdL,OAAQA,EACRe,SAAUhB,GAAc,CAACC,EACzBgB,SAAUjB,GAAc,CAACC,EACzBiB,eA7BmB,KACvBZ,EAAQD,EAAcV,GAAW,EAAI,EAAIU,EAAcV,EAC3D,EA4BQwB,eA1BmB,KACvBb,EAAQD,EAAcV,GAAWD,EAAQA,EAAQW,EAAcV,EACnE,EAyBQyB,YAvBgB,KACA,IAAhBf,GACAC,EAAQD,GAAe,EAAI,EAAIA,EAAc,EAErD,EAoBQgB,YAlBgB,KAChBhB,IAAgBX,GAChBY,EAAQD,GAAeX,EAAQA,EAAQW,EAAc,EAE7D,EAeQiB,eAAgBjB,AAAgB,IAAhBA,EAChBkB,eAAgBlB,IAAgBX,GAG5C"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
let e=(e,t)=>{let r=Array.from(Array(e)).map((e,t)=>t+1),i=r.filter(e=>e<t-2).filter(e=>e!==r.at(0)),l=r.filter(e=>e>t+2).filter(e=>e!==r.at(-1)),a=[...i,...l],f=r.filter(e=>!a.includes(e));return i.length>0&&f.splice(f.indexOf(i.at(-1)+1),0,i),l.length>0&&f.splice(f.indexOf(l.at(-1)+1),0,l),f};export{e as composePaginationSteps};
|
|
2
2
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../src/components/Pagination/utils.ts"],"sourcesContent":["export const composePaginationSteps = (\n total: number,\n current: number,\n): Array<number[] | number> => {\n const pages = Array.from(Array(total)).map((_, index) => index + 1);\n const prev = pages.filter((item) => item < current - 2).filter((item) => item !== pages.at(0));\n const next = pages.filter((item) => item > current + 2).filter((item) => item !== pages.at(-1));\n const all = [...prev, ...next];\n const display: Array<number[] | number> = pages.filter((item) => !all.includes(item));\n\n if (prev.length > 0) {\n display.splice(display.indexOf((prev.at(-1) as number) + 1), 0, prev);\n }\n if (next.length > 0) {\n display.splice(display.indexOf((next.at(-1) as number) + 1), 0, next);\n }\n\n return display;\n};\n"],"names":["composePaginationSteps","total","current","pages","Array","from","map","_","index","prev","filter","item","at","next","all","
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../src/components/Pagination/utils.ts"],"sourcesContent":["export const composePaginationSteps = (\n total: number,\n current: number,\n): Array<number[] | number> => {\n const pages = Array.from(Array(total)).map((_, index) => index + 1);\n const prev = pages.filter((item) => item < current - 2).filter((item) => item !== pages.at(0));\n const next = pages.filter((item) => item > current + 2).filter((item) => item !== pages.at(-1));\n const all = [...prev, ...next];\n const display: Array<number[] | number> = pages.filter((item) => !all.includes(item));\n\n if (prev.length > 0) {\n display.splice(display.indexOf((prev.at(-1) as number) + 1), 0, prev);\n }\n if (next.length > 0) {\n display.splice(display.indexOf((next.at(-1) as number) + 1), 0, next);\n }\n\n return display;\n};\n"],"names":["composePaginationSteps","total","current","pages","Array","from","map","_","index","prev","filter","item","at","next","all","display","includes","length","splice","indexOf"],"mappings":"AAAO,IAAMA,EAAyB,CAClCC,EACAC,KAEA,IAAMC,EAAQC,MAAMC,IAAI,CAACD,MAAMH,IAAQK,GAAG,CAAC,CAACC,EAAGC,IAAUA,EAAQ,GAC3DC,EAAON,EAAMO,MAAM,CAAC,AAACC,GAASA,EAAOT,EAAU,GAAGQ,MAAM,CAAC,AAACC,GAASA,IAASR,EAAMS,EAAE,CAAC,IACrFC,EAAOV,EAAMO,MAAM,CAAC,AAACC,GAASA,EAAOT,EAAU,GAAGQ,MAAM,CAAC,AAACC,GAASA,IAASR,EAAMS,EAAE,CAAC,KACrFE,EAAM,IAAIL,KAASI,EAAK,CACxBE,EAAoCZ,EAAMO,MAAM,CAAC,AAACC,GAAS,CAACG,EAAIE,QAAQ,CAACL,IAS/E,OAPIF,EAAKQ,MAAM,CAAG,GACdF,EAAQG,MAAM,CAACH,EAAQI,OAAO,CAAEV,EAAKG,EAAE,CAAC,IAAiB,GAAI,EAAGH,GAEhEI,EAAKI,MAAM,CAAG,GACdF,EAAQG,MAAM,CAACH,EAAQI,OAAO,CAAEN,EAAKD,EAAE,CAAC,IAAiB,GAAI,EAAGC,GAG7DE,CACX"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import a from"react";import e from"classnames";let t=a.forwardRef(({ellipsis:t=!1,children:r,className:i,textAlign:l,ellipsisLine:s,dataQa:p,...o},m)=>a.createElement("p",{"data-qa":p,ref:m,title:t&&"string"==typeof r?r:void 0,className:e("vchasno-ui-paragraph",i,{"--ellipsis":t,"--ellipsis-line":void 0!==s},l&&`--text-${l}`),...o,style:{...s?{WebkitLineClamp:s}:void 0,...o.style}},r));t.displayName="Paragraph";export{t as default};
|
|
2
2
|
//# sourceMappingURL=Paragraph.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paragraph.js","sources":["../../../src/components/Paragraph/Paragraph.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport { DataQa, EllipsisText, TextAlign } from '../types';\n\nimport '../../styles/typography.global.css';\nimport './Paragraph.global.css';\n\nexport interface ParagraphProps\n extends EllipsisText,\n TextAlign,\n DataQa,\n HTMLAttributes<HTMLParagraphElement> {\n className?: string;\n children: React.ReactNode;\n ellipsisLine?: number;\n}\n\nconst Paragraph = React.forwardRef<HTMLParagraphElement, ParagraphProps>(\n ({ ellipsis = false, children, className, textAlign, ellipsisLine, dataQa, ...rest }, ref) => {\n return (\n <p\n data-qa={dataQa}\n ref={ref}\n title={ellipsis && typeof children === 'string' ? children : undefined}\n className={cn(\n 'vchasno-ui-paragraph',\n className,\n { '--ellipsis': ellipsis, '--ellipsis-line': ellipsisLine !== undefined },\n textAlign && `--text-${textAlign}`,\n )}\n {...rest}\n style={{\n ...(ellipsisLine ? { WebkitLineClamp: ellipsisLine } : undefined),\n ...rest.style,\n }}\n >\n {children}\n </p>\n );\n },\n);\n\nParagraph.displayName = 'Paragraph';\n\nexport default Paragraph;\n"],"names":["Paragraph","React","forwardRef","
|
|
1
|
+
{"version":3,"file":"Paragraph.js","sources":["../../../src/components/Paragraph/Paragraph.tsx"],"sourcesContent":["import React, { type HTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport type { DataQa, EllipsisText, TextAlign } from '../types';\n\nimport '../../styles/typography.global.css';\nimport './Paragraph.global.css';\n\nexport interface ParagraphProps\n extends EllipsisText,\n TextAlign,\n DataQa,\n HTMLAttributes<HTMLParagraphElement> {\n className?: string;\n children: React.ReactNode;\n ellipsisLine?: number;\n}\n\nconst Paragraph = React.forwardRef<HTMLParagraphElement, ParagraphProps>(\n ({ ellipsis = false, children, className, textAlign, ellipsisLine, dataQa, ...rest }, ref) => {\n return (\n <p\n data-qa={dataQa}\n ref={ref}\n title={ellipsis && typeof children === 'string' ? children : undefined}\n className={cn(\n 'vchasno-ui-paragraph',\n className,\n { '--ellipsis': ellipsis, '--ellipsis-line': ellipsisLine !== undefined },\n textAlign && `--text-${textAlign}`,\n )}\n {...rest}\n style={{\n ...(ellipsisLine ? { WebkitLineClamp: ellipsisLine } : undefined),\n ...rest.style,\n }}\n >\n {children}\n </p>\n );\n },\n);\n\nParagraph.displayName = 'Paragraph';\n\nexport default Paragraph;\n"],"names":["Paragraph","React","forwardRef","ellipsis","children","className","textAlign","ellipsisLine","dataQa","rest","ref","p","data-qa","title","undefined","cn","style","WebkitLineClamp","displayName"],"mappings":"+CAmBMA,IAAAA,EAAYC,EAAMC,UAAU,CAC9B,CAAC,CAAEC,SAAAA,EAAW,CAAA,CAAK,CAAEC,SAAAA,CAAQ,CAAEC,UAAAA,CAAS,CAAEC,UAAAA,CAAS,CAAEC,aAAAA,CAAY,CAAEC,OAAAA,CAAM,CAAE,GAAGC,EAAM,CAAEC,IAE9ET,EAACU,aAAAA,CAAAA,IAAAA,CACGC,UAASJ,EACTE,IAAKA,EACLG,MAAOV,GAAY,AAAoB,UAApB,OAAOC,EAAwBA,EAAWU,KAAAA,EAC7DT,UAAWU,EACP,uBACAV,EACA,CAAE,aAAcF,EAAU,kBAAmBI,AAAiBO,KAAAA,IAAjBP,CAA2B,EACxED,GAAa,CAAC,OAAO,EAAEA,EAAW,CAAA,EAErC,GAAGG,CAAI,CACRO,MAAO,CACH,GAAIT,EAAe,CAAEU,gBAAiBV,CAAa,EAAIO,KAAAA,CAAS,CAChE,GAAGL,EAAKO,KAAAA,AACZ,CAECZ,EAAAA,GAMjBJ,CAAAA,EAAUkB,WAAW,CAAG"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import t from"classnames";import
|
|
1
|
+
import e from"react";import t from"classnames";import a from"../BlackTooltip/BlackTooltip.js";import r from"../Input/Input.js";let l=e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{id:"icons/eye"},e.createElement("path",{d:"M10 13C11.6569 13 13 11.6569 13 10C13 8.34315 11.6569 7 10 7C8.34315 7 7 8.34315 7 10C7 11.6569 8.34315 13 10 13Z",fill:"currentColor"}),e.createElement("path",{d:"M18.9 9.5C18.7 9.3 15.5 4 10 4C4.50002 4 1.30002 9.3 1.10002 9.5C1.00002 9.8 1.00002 10.2 1.10002 10.5C1.30002 10.7 4.50002 16 10 16C15.5 16 18.7 10.7 18.9 10.5C19 10.2 19 9.8 18.9 9.5ZM10 14C6.60002 14 4.10002 11.2 3.20002 10C4.10002 8.8 6.50002 6 10 6C13.4 6 15.9 8.8 16.8 10C15.9 11.2 13.5 14 10 14Z",fill:"currentColor"}))),o=e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M18.9004 9.49968C18.8004 9.39968 17.6004 7.49968 15.5004 5.89968L16.7004 4.69968C17.1004 4.29968 17.1004 3.69968 16.7004 3.29968C16.3004 2.89968 15.7004 2.89968 15.3004 3.29968L13.7004 4.89968C12.6004 4.29968 11.4004 3.99968 10.0004 3.99968C4.50039 3.99968 1.30039 9.29968 1.10039 9.49968C1.00039 9.79968 1.00039 10.1997 1.10039 10.4997C1.20039 10.5997 2.40039 12.4997 4.50039 14.0997L3.30039 15.2997C2.90039 15.6997 2.90039 16.2997 3.30039 16.6997C3.50039 16.8997 3.70039 16.9997 4.00039 16.9997C4.30039 16.9997 4.50039 16.8997 4.70039 16.6997L6.30039 15.0997C7.40039 15.6997 8.60039 15.9997 10.0004 15.9997C15.5004 15.9997 18.7004 10.6997 18.9004 10.4997C19.0004 10.1997 19.0004 9.79968 18.9004 9.49968ZM3.20039 9.99968C4.10039 8.79968 6.50039 5.99968 10.0004 5.99968C10.8004 5.99968 11.5004 6.19968 12.2004 6.39968L11.3004 7.29968C10.9004 7.09968 10.5004 6.99968 10.0004 6.99968C8.30039 6.99968 7.00039 8.29968 7.00039 9.99968C7.00039 10.4997 7.10039 10.8997 7.30039 11.2997L5.90039 12.5997C4.60039 11.7997 3.70039 10.5997 3.20039 9.99968ZM10.0004 13.9997C9.20039 13.9997 8.50039 13.7997 7.80039 13.5997L8.70039 12.6997C9.10039 12.8997 9.50039 12.9997 10.0004 12.9997C11.7004 12.9997 13.0004 11.6997 13.0004 9.99968C13.0004 9.49968 12.9004 9.09968 12.7004 8.69968L14.1004 7.29968C15.4004 8.19968 16.3004 9.29968 16.8004 9.89968C15.9004 11.1997 13.5004 13.9997 10.0004 13.9997Z",fill:"currentColor"})),s=e.forwardRef(({className:s,disabled:n,startElement:C,error:i,label:p,hint:d,wide:c,required:m,loading:u,inputClassName:w,labelProps:h,hideEmptyMeta:f,dataQa:E,showPassword:v,showPasswordTooltip:g,hidePasswordTooltip:I,pulse:y,placeholder:L=" ",...b},x)=>{let[M,P]=e.useState(v);return e.createElement(r,{pulse:y,dataQa:E,required:m,wide:c,className:s,loading:u,disabled:n,label:p,error:i,hint:d,endElement:e.createElement(a,{key:"tooltip",disableInteractive:!0,title:M?I:g},e.createElement("span",{role:"button",tabIndex:0,className:t("vchasno-ui-PasswordInput__eye",{"vchasno-ui-PasswordInput__eye--active":M}),onClick:()=>{n||P(e=>!e)}},M?l:o)),startElement:C,labelProps:h,hideEmptyMeta:f},e.createElement("input",{type:M?"text":"password",disabled:n,className:t("vchasno-ui-PasswordInput",{"vchasno-ui-PasswordInput--type-password":!M},w),required:m,ref:x,placeholder:L,...b}))});s.displayName="PasswordInput";export{s as default};
|
|
2
2
|
//# sourceMappingURL=PasswordInput.js.map
|