@vchasno/ui-kit 0.4.80 → 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 +22 -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 +9 -16
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import
|
|
1
|
+
import e from"react";import l from"classnames";import a from"../BodyPortal/BodyPortal.js";import o from"../ScrollableBox/ScrollableBox.js";import{useLockBodyScroll as r}from"./useLockBodyScroll.js";let c=({children:c,headerChildren:t,className:s,headerClassName:m,contentClassName:n,showAnimation:i})=>(r(),e.createElement(a,null,e.createElement("div",{className:l("vchasno-ui-full-screen-modal",s,{"vchasno-ui-full-screen-modal--animation":i})},e.createElement("header",{className:l("vchasno-ui-full-screen-modal__header",m)},t),e.createElement(o,{preventParentScroll:!0,scrollHeight:"calc(100% - var(--vchasno-ui-full-screen-modal-header-height))",className:l("vchasno-ui-full-screen-modal__content",n)},c))));export{c as default};
|
|
2
2
|
//# sourceMappingURL=FullScreenModal.js.map
|
|
@@ -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
|