@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":"PasswordInput.js","sources":["../../../src/components/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport BlackTooltip from '../BlackTooltip';\nimport type { InputProps } from '../Input';\nimport Input from '../Input';\nimport { DataQa } from '../types';\n\nimport './PasswordInput.global.css';\n\nexport interface PasswordInputProps\n extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>,\n Omit<InputProps, 'children' | 'endElement'>,\n DataQa {\n inputClassName?: string;\n labelProps?: InputHTMLAttributes<HTMLLabelElement>;\n showPassword?: boolean;\n showPasswordTooltip?: string;\n hidePasswordTooltip?: string;\n}\n\nconst eyeIcon = (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g id=\"icons/eye\">\n <path\n 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\"\n fill=\"currentColor\"\n />\n <path\n 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\"\n fill=\"currentColor\"\n />\n </g>\n </svg>\n);\n\nconst eyeSlashIcon = (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n 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\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nconst PasswordInput = React.forwardRef<HTMLInputElement, PasswordInputProps>(\n (\n {\n className,\n disabled,\n startElement,\n error,\n label,\n hint,\n wide,\n required,\n loading,\n inputClassName,\n labelProps,\n hideEmptyMeta,\n dataQa,\n showPassword,\n showPasswordTooltip,\n hidePasswordTooltip,\n pulse,\n placeholder = ' ', //need \"space\" for correct label working\n ...rest\n },\n ref,\n ) => {\n const [isShowPassword, setIsShowPassword] = React.useState(showPassword);\n\n return (\n <Input\n pulse={pulse}\n dataQa={dataQa}\n required={required}\n wide={wide}\n className={className}\n loading={loading}\n disabled={disabled}\n label={label}\n error={error}\n hint={hint}\n endElement={\n <BlackTooltip\n key=\"tooltip\"\n disableInteractive\n title={isShowPassword ? hidePasswordTooltip : showPasswordTooltip}\n >\n <span\n role=\"button\"\n tabIndex={0}\n className={cn('vchasno-ui-PasswordInput__eye', {\n 'vchasno-ui-PasswordInput__eye--active': isShowPassword,\n })}\n onClick={() => {\n if (disabled) {\n return;\n }\n setIsShowPassword((prev) => !prev);\n }}\n >\n {isShowPassword ? eyeIcon : eyeSlashIcon}\n </span>\n </BlackTooltip>\n }\n startElement={startElement}\n labelProps={labelProps}\n hideEmptyMeta={hideEmptyMeta}\n >\n <input\n type={isShowPassword ? 'text' : 'password'}\n disabled={disabled}\n className={cn(\n 'vchasno-ui-PasswordInput',\n {\n 'vchasno-ui-PasswordInput--type-password': !isShowPassword,\n },\n inputClassName,\n )}\n required={required}\n ref={ref}\n placeholder={placeholder}\n {...rest}\n />\n </Input>\n );\n },\n);\n\nPasswordInput.displayName = 'PasswordInput';\n\nexport default PasswordInput;\n"],"names":["eyeIcon","React","svg","width","height","viewBox","fill","xmlns","g","id","path","d","eyeSlashIcon","PasswordInput","forwardRef","
|
|
1
|
+
{"version":3,"file":"PasswordInput.js","sources":["../../../src/components/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import React, { type InputHTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport BlackTooltip from '../BlackTooltip';\nimport type { InputProps } from '../Input';\nimport Input from '../Input';\nimport type { DataQa } from '../types';\n\nimport './PasswordInput.global.css';\n\nexport interface PasswordInputProps\n extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>,\n Omit<InputProps, 'children' | 'endElement'>,\n DataQa {\n inputClassName?: string;\n labelProps?: InputHTMLAttributes<HTMLLabelElement>;\n showPassword?: boolean;\n showPasswordTooltip?: string;\n hidePasswordTooltip?: string;\n}\n\nconst eyeIcon = (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g id=\"icons/eye\">\n <path\n 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\"\n fill=\"currentColor\"\n />\n <path\n 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\"\n fill=\"currentColor\"\n />\n </g>\n </svg>\n);\n\nconst eyeSlashIcon = (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n 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\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nconst PasswordInput = React.forwardRef<HTMLInputElement, PasswordInputProps>(\n (\n {\n className,\n disabled,\n startElement,\n error,\n label,\n hint,\n wide,\n required,\n loading,\n inputClassName,\n labelProps,\n hideEmptyMeta,\n dataQa,\n showPassword,\n showPasswordTooltip,\n hidePasswordTooltip,\n pulse,\n placeholder = ' ', //need \"space\" for correct label working\n ...rest\n },\n ref,\n ) => {\n const [isShowPassword, setIsShowPassword] = React.useState(showPassword);\n\n return (\n <Input\n pulse={pulse}\n dataQa={dataQa}\n required={required}\n wide={wide}\n className={className}\n loading={loading}\n disabled={disabled}\n label={label}\n error={error}\n hint={hint}\n endElement={\n <BlackTooltip\n key=\"tooltip\"\n disableInteractive\n title={isShowPassword ? hidePasswordTooltip : showPasswordTooltip}\n >\n <span\n role=\"button\"\n tabIndex={0}\n className={cn('vchasno-ui-PasswordInput__eye', {\n 'vchasno-ui-PasswordInput__eye--active': isShowPassword,\n })}\n onClick={() => {\n if (disabled) {\n return;\n }\n setIsShowPassword((prev) => !prev);\n }}\n >\n {isShowPassword ? eyeIcon : eyeSlashIcon}\n </span>\n </BlackTooltip>\n }\n startElement={startElement}\n labelProps={labelProps}\n hideEmptyMeta={hideEmptyMeta}\n >\n <input\n type={isShowPassword ? 'text' : 'password'}\n disabled={disabled}\n className={cn(\n 'vchasno-ui-PasswordInput',\n {\n 'vchasno-ui-PasswordInput--type-password': !isShowPassword,\n },\n inputClassName,\n )}\n required={required}\n ref={ref}\n placeholder={placeholder}\n {...rest}\n />\n </Input>\n );\n },\n);\n\nPasswordInput.displayName = 'PasswordInput';\n\nexport default PasswordInput;\n"],"names":["eyeIcon","React","svg","width","height","viewBox","fill","xmlns","g","id","path","d","eyeSlashIcon","PasswordInput","forwardRef","className","disabled","startElement","error","label","hint","wide","required","loading","inputClassName","labelProps","hideEmptyMeta","dataQa","showPassword","showPasswordTooltip","hidePasswordTooltip","pulse","placeholder","rest","ref","isShowPassword","setIsShowPassword","useState","Input","endElement","BlackTooltip","key","disableInteractive","title","span","role","tabIndex","cn","onClick","prev","input","type","displayName"],"mappings":"+HAsBA,IAAMA,EACFC,EAACC,aAAAA,CAAAA,MAAAA,CAAIC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAC9DN,EAACO,aAAAA,CAAAA,IAAAA,CAAEC,GAAG,aACFR,EAACS,aAAAA,CAAAA,OAAAA,CACGC,EAAE,oHACFL,KAAK,iBAETL,EAACS,aAAAA,CAAAA,OAAAA,CACGC,EAAE,iTACFL,KAAK,mBAMfM,EACFX,EAACC,aAAAA,CAAAA,MAAAA,CAAIC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAC9DN,EAACS,aAAAA,CAAAA,OAAAA,CACGC,EAAE,s2CACFL,KAAK,kBAKXO,EAAgBZ,EAAMa,UAAU,CAClC,CACI,CACIC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,aAAAA,CAAY,CACZC,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,CAAa,CACbC,OAAAA,CAAM,CACNC,aAAAA,CAAY,CACZC,oBAAAA,CAAmB,CACnBC,oBAAAA,CAAmB,CACnBC,MAAAA,CAAK,CACLC,YAAAA,EAAc,GAAG,CACjB,GAAGC,EACN,CACDC,KAEA,GAAM,CAACC,EAAgBC,EAAkB,CAAGnC,EAAMoC,QAAQ,CAACT,GAE3D,OACI3B,EAACqC,aAAAA,CAAAA,EAAAA,CACGP,MAAOA,EACPJ,OAAQA,EACRL,SAAUA,EACVD,KAAMA,EACNN,UAAWA,EACXQ,QAASA,EACTP,SAAUA,EACVG,MAAOA,EACPD,MAAOA,EACPE,KAAMA,EACNmB,WACItC,EAACuC,aAAAA,CAAAA,EAAAA,CACGC,IAAI,UACJC,mBAAAA,CAAAA,EACAC,MAAOR,EAAiBL,EAAsBD,GAE9C5B,EAAC2C,aAAAA,CAAAA,OAAAA,CACGC,KAAK,SACLC,SAAU,EACV/B,UAAWgC,EAAG,gCAAiC,CAC3C,wCAAyCZ,CAC7C,GACAa,QAAS,KACDhC,GAGJoB,EAAkB,AAACa,GAAS,CAACA,EACjC,CAECd,EAAAA,EAAiBnC,EAAUY,IAIxCK,aAAcA,EACdQ,WAAYA,EACZC,cAAeA,GAEfzB,EAACiD,aAAAA,CAAAA,QAAAA,CACGC,KAAMhB,EAAiB,OAAS,WAChCnB,SAAUA,EACVD,UAAWgC,EACP,2BACA,CACI,0CAA2C,CAACZ,CAEhDX,EAAAA,GAEJF,SAAUA,EACVY,IAAKA,EACLF,YAAaA,EACZ,GAAGC,CAAAA,GAIpB,EAGJpB,CAAAA,EAAcuC,WAAW,CAAG"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import
|
|
1
|
+
import e from"react";import t from"../BlackTooltip/BlackTooltip.js";import{tooltipHintMap as o,iconMap as r,titleMap as a}from"./mappers.js";import{isZakupivliProduct as l,isVchasnoProduct as c}from"./types.js";import{composeLink as s}from"./utils.js";let i=({onLinkClick:i,queryParams:m,product:n,ctxProduct:p,edrpou:_,overrideHint:u,urls:v={}})=>{let P=s({ctxProduct:p,edrpou:_,targetProduct:n,queryParams:m,urls:v});return e.createElement(t,{disableInteractive:!0,title:e.createElement("div",{className:"vchasno-ui-ProjectsPopover__tooltip-hint"},u?.(n)||o[n])},e.createElement("a",{className:"vchasno-ui-ProjectsPopover__box",href:P,target:"_blank",rel:"noreferrer",onClick:e=>i?.(n,e)},l(n)&&r[n],c(n)&&e.createElement(e.Fragment,null,e.createElement("span",{className:"vchasno-ui-ProjectsPopover__box__icon"},r[n]),e.createElement("h5",{className:"vchasno-ui-ProjectsPopover__box__title"},a[n]))))};export{i as default};
|
|
2
2
|
//# sourceMappingURL=ProductLink.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductLink.js","sources":["../../../src/components/ProjectsPopover/ProductLink.tsx"],"sourcesContent":["import React from 'react';\n\nimport BlackTooltip from '../BlackTooltip';\nimport { iconMap, titleMap, tooltipHintMap } from './mappers';\nimport { AllProducts, isVchasnoProduct, isZakupivliProduct } from './types';\nimport { composeLink } from './utils';\n\nexport interface ProductLinkProps {\n product: AllProducts;\n ctxProduct: string;\n\n edrpou?: string;\n queryParams?: Record<string, string>;\n onLinkClick?: (product: AllProducts, event: React.MouseEvent) => void;\n overrideHint?: (product: AllProducts) => string;\n urls?: Partial<Record<AllProducts, string>>;\n}\n\nconst ProductLink: React.FC<ProductLinkProps> = ({\n onLinkClick,\n queryParams,\n product,\n ctxProduct,\n edrpou,\n overrideHint,\n urls = {},\n}) => {\n const href = composeLink({\n ctxProduct,\n edrpou,\n targetProduct: product,\n queryParams,\n urls,\n });\n\n return (\n <BlackTooltip\n disableInteractive\n title={\n <div className=\"vchasno-ui-ProjectsPopover__tooltip-hint\">\n {overrideHint?.(product) || tooltipHintMap[product]}\n </div>\n }\n >\n <a\n className=\"vchasno-ui-ProjectsPopover__box\"\n href={href}\n target=\"_blank\"\n rel=\"noreferrer\"\n onClick={(event) => onLinkClick?.(product, event)}\n >\n {isZakupivliProduct(product) && iconMap[product]}\n {isVchasnoProduct(product) && (\n <>\n <span className=\"vchasno-ui-ProjectsPopover__box__icon\">\n {iconMap[product]}\n </span>\n <h5 className=\"vchasno-ui-ProjectsPopover__box__title\">\n {titleMap[product]}\n </h5>\n </>\n )}\n </a>\n </BlackTooltip>\n );\n};\n\nexport default ProductLink;\n"],"names":["ProductLink","
|
|
1
|
+
{"version":3,"file":"ProductLink.js","sources":["../../../src/components/ProjectsPopover/ProductLink.tsx"],"sourcesContent":["import React from 'react';\n\nimport BlackTooltip from '../BlackTooltip';\nimport { iconMap, titleMap, tooltipHintMap } from './mappers';\nimport { type AllProducts, isVchasnoProduct, isZakupivliProduct } from './types';\nimport { composeLink } from './utils';\n\nexport interface ProductLinkProps {\n product: AllProducts;\n ctxProduct: string;\n\n edrpou?: string;\n queryParams?: Record<string, string>;\n onLinkClick?: (product: AllProducts, event: React.MouseEvent) => void;\n overrideHint?: (product: AllProducts) => string;\n urls?: Partial<Record<AllProducts, string>>;\n}\n\nconst ProductLink: React.FC<ProductLinkProps> = ({\n onLinkClick,\n queryParams,\n product,\n ctxProduct,\n edrpou,\n overrideHint,\n urls = {},\n}) => {\n const href = composeLink({\n ctxProduct,\n edrpou,\n targetProduct: product,\n queryParams,\n urls,\n });\n\n return (\n <BlackTooltip\n disableInteractive\n title={\n <div className=\"vchasno-ui-ProjectsPopover__tooltip-hint\">\n {overrideHint?.(product) || tooltipHintMap[product]}\n </div>\n }\n >\n <a\n className=\"vchasno-ui-ProjectsPopover__box\"\n href={href}\n target=\"_blank\"\n rel=\"noreferrer\"\n onClick={(event) => onLinkClick?.(product, event)}\n >\n {isZakupivliProduct(product) && iconMap[product]}\n {isVchasnoProduct(product) && (\n <>\n <span className=\"vchasno-ui-ProjectsPopover__box__icon\">\n {iconMap[product]}\n </span>\n <h5 className=\"vchasno-ui-ProjectsPopover__box__title\">\n {titleMap[product]}\n </h5>\n </>\n )}\n </a>\n </BlackTooltip>\n );\n};\n\nexport default ProductLink;\n"],"names":["ProductLink","onLinkClick","queryParams","product","ctxProduct","edrpou","overrideHint","urls","href","composeLink","targetProduct","React","BlackTooltip","disableInteractive","title","div","className","tooltipHintMap","a","target","rel","onClick","event","isZakupivliProduct","iconMap","isVchasnoProduct","span","h5","titleMap"],"mappings":"4PAkBA,IAAMA,EAA0C,CAAC,CAC7CC,YAAAA,CAAW,CACXC,YAAAA,CAAW,CACXC,QAAAA,CAAO,CACPC,WAAAA,CAAU,CACVC,OAAAA,CAAM,CACNC,aAAAA,CAAY,CACZC,KAAAA,EAAO,CAAA,CAAE,CACZ,IACG,IAAMC,EAAOC,EAAY,CACrBL,WAAAA,EACAC,OAAAA,EACAK,cAAeP,EACfD,YAAAA,EACAK,KAAAA,CACJ,GAEA,OACII,EAACC,aAAAA,CAAAA,EAAAA,CACGC,mBAAAA,CAAAA,EACAC,MACIH,EAACI,aAAAA,CAAAA,MAAAA,CAAIC,UAAU,4CACVV,IAAeH,IAAYc,CAAc,CAACd,EAAQ,GAI3DQ,EAACO,aAAAA,CAAAA,IAAAA,CACGF,UAAU,kCACVR,KAAMA,EACNW,OAAO,SACPC,IAAI,aACJC,QAAS,AAACC,GAAUrB,IAAcE,EAASmB,IAE1CC,EAAmBpB,IAAYqB,CAAO,CAACrB,EAAQ,CAC/CsB,EAAiBtB,IACdQ,gCACIA,EAACe,aAAAA,CAAAA,OAAAA,CAAKV,UAAU,yCACXQ,CAAO,CAACrB,EAAQ,EAErBQ,EAACgB,aAAAA,CAAAA,KAAAA,CAAGX,UAAU,wCACTY,EAAAA,CAAQ,CAACzB,EAAQ,IAO9C"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import r from"classnames";import t from"./ProductLink.js";import{vchasnoProductsList as o,zakupivliProductsList as
|
|
1
|
+
import e from"react";import r from"classnames";import t from"./ProductLink.js";import{vchasnoProductsList as o,zakupivliProductsList as s,vchasnoProductsWithoutSiteList as a}from"./types.js";let c=e=>a.some(r=>r===e),l=({vchasnoTitle:a="Сервіси Вчасно:",className:l,zakupivliTitle:n="Сервіси Закупівлі:",product:i,hideProduct:m=()=>!1,edrpou:p,onLinkClick:u,queryParams:v,overrideHint:P,urls:d})=>{let f=o.filter(e=>e!==i).filter(e=>!c(e)).filter(e=>!m(e)),h=s.filter(e=>!m(e));return e.createElement("div",{className:r("vchasno-ui-ProjectsPopover",l)},e.createElement("div",{className:"vchasno-ui-ProjectsPopover__content"},e.createElement("div",{className:"vchasno-ui-ProjectsPopover__products",style:{display:f.length?"flex":"none"}},e.createElement("h3",{className:"vchasno-ui-ProjectsPopover__title"},a),f.map(r=>e.createElement(t,{urls:d,overrideHint:P,queryParams:v,onLinkClick:u,edrpou:p,ctxProduct:i,key:r,product:r}))),e.createElement("div",{className:"vchasno-ui-ProjectsPopover__products",style:{display:h.length?"flex":"none"}},e.createElement("h3",{className:"vchasno-ui-ProjectsPopover__title"},n),h.map(r=>e.createElement(t,{urls:d,overrideHint:P,onLinkClick:u,queryParams:v,edrpou:p,ctxProduct:i,key:r,product:r}))),e.createElement("footer",{className:"vchasno-ui-ProjectsPopover__footer"},"Група компаній\xa0",e.createElement("a",{target:"_blank",rel:"noreferrer",href:"https://vchasno.group"},"VCHASNO GROUP"),"\xa0 всі права захищено")))};export{l as default};
|
|
2
2
|
//# sourceMappingURL=ProjectsPopover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProjectsPopover.js","sources":["../../../src/components/ProjectsPopover/ProjectsPopover.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport ProductLink, { ProductLinkProps } from './ProductLink';\nimport {\n AllProducts,\n vchasnoProductsList,\n vchasnoProductsWithoutSiteList,\n zakupivliProductsList,\n} from './types';\n\nimport './ProjectsPopover.global.css';\n\nexport interface ProjectsPopoverProps extends Omit<ProductLinkProps, 'product' | 'ctxProduct'> {\n product: AllProducts;\n className?: string;\n vchasnoTitle?: string;\n zakupivliTitle?: string;\n hideProduct?: (product: AllProducts) => boolean;\n}\n\nconst getIsProductWithoutSite = (item: string) =>\n vchasnoProductsWithoutSiteList.some((product) => product === item);\n\nconst ProjectsPopover: React.FC<ProjectsPopoverProps> = ({\n vchasnoTitle = 'Сервіси Вчасно:',\n className,\n zakupivliTitle = 'Сервіси Закупівлі:',\n product,\n hideProduct = () => false,\n edrpou,\n onLinkClick,\n queryParams,\n overrideHint,\n urls,\n}) => {\n const displayVchasnoProducts = vchasnoProductsList\n .filter((item) => item !== product)\n .filter((item) => !getIsProductWithoutSite(item))\n .filter((item) => !hideProduct(item));\n const displayZakupivliProducts = zakupivliProductsList.filter((item) => !hideProduct(item));\n\n return (\n <div className={cn('vchasno-ui-ProjectsPopover', className)}>\n <div className=\"vchasno-ui-ProjectsPopover__content\">\n <div\n className=\"vchasno-ui-ProjectsPopover__products\"\n style={{\n display: displayVchasnoProducts.length ? 'flex' : 'none',\n }}\n >\n <h3 className=\"vchasno-ui-ProjectsPopover__title\">{vchasnoTitle}</h3>\n {displayVchasnoProducts.map((key) => (\n <ProductLink\n urls={urls}\n overrideHint={overrideHint}\n queryParams={queryParams}\n onLinkClick={onLinkClick}\n edrpou={edrpou}\n ctxProduct={product}\n key={key}\n product={key}\n />\n ))}\n </div>\n <div\n className=\"vchasno-ui-ProjectsPopover__products\"\n style={{\n display: displayZakupivliProducts.length ? 'flex' : 'none',\n }}\n >\n <h3 className=\"vchasno-ui-ProjectsPopover__title\">{zakupivliTitle}</h3>\n {displayZakupivliProducts.map((key) => (\n <ProductLink\n urls={urls}\n overrideHint={overrideHint}\n onLinkClick={onLinkClick}\n queryParams={queryParams}\n edrpou={edrpou}\n ctxProduct={product}\n key={key}\n product={key}\n />\n ))}\n </div>\n <footer className=\"vchasno-ui-ProjectsPopover__footer\">\n Група компаній \n <a target=\"_blank\" rel=\"noreferrer\" href=\"https://vchasno.group\">\n VCHASNO GROUP\n </a>\n всі права захищено\n </footer>\n </div>\n </div>\n );\n};\n\nexport default ProjectsPopover;\n"],"names":["
|
|
1
|
+
{"version":3,"file":"ProjectsPopover.js","sources":["../../../src/components/ProjectsPopover/ProjectsPopover.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport ProductLink, { type ProductLinkProps } from './ProductLink';\nimport {\n type AllProducts,\n vchasnoProductsList,\n vchasnoProductsWithoutSiteList,\n zakupivliProductsList,\n} from './types';\n\nimport './ProjectsPopover.global.css';\n\nexport interface ProjectsPopoverProps extends Omit<ProductLinkProps, 'product' | 'ctxProduct'> {\n product: AllProducts;\n className?: string;\n vchasnoTitle?: string;\n zakupivliTitle?: string;\n hideProduct?: (product: AllProducts) => boolean;\n}\n\nconst getIsProductWithoutSite = (item: string) =>\n vchasnoProductsWithoutSiteList.some((product) => product === item);\n\nconst ProjectsPopover: React.FC<ProjectsPopoverProps> = ({\n vchasnoTitle = 'Сервіси Вчасно:',\n className,\n zakupivliTitle = 'Сервіси Закупівлі:',\n product,\n hideProduct = () => false,\n edrpou,\n onLinkClick,\n queryParams,\n overrideHint,\n urls,\n}) => {\n const displayVchasnoProducts = vchasnoProductsList\n .filter((item) => item !== product)\n .filter((item) => !getIsProductWithoutSite(item))\n .filter((item) => !hideProduct(item));\n const displayZakupivliProducts = zakupivliProductsList.filter((item) => !hideProduct(item));\n\n return (\n <div className={cn('vchasno-ui-ProjectsPopover', className)}>\n <div className=\"vchasno-ui-ProjectsPopover__content\">\n <div\n className=\"vchasno-ui-ProjectsPopover__products\"\n style={{\n display: displayVchasnoProducts.length ? 'flex' : 'none',\n }}\n >\n <h3 className=\"vchasno-ui-ProjectsPopover__title\">{vchasnoTitle}</h3>\n {displayVchasnoProducts.map((key) => (\n <ProductLink\n urls={urls}\n overrideHint={overrideHint}\n queryParams={queryParams}\n onLinkClick={onLinkClick}\n edrpou={edrpou}\n ctxProduct={product}\n key={key}\n product={key}\n />\n ))}\n </div>\n <div\n className=\"vchasno-ui-ProjectsPopover__products\"\n style={{\n display: displayZakupivliProducts.length ? 'flex' : 'none',\n }}\n >\n <h3 className=\"vchasno-ui-ProjectsPopover__title\">{zakupivliTitle}</h3>\n {displayZakupivliProducts.map((key) => (\n <ProductLink\n urls={urls}\n overrideHint={overrideHint}\n onLinkClick={onLinkClick}\n queryParams={queryParams}\n edrpou={edrpou}\n ctxProduct={product}\n key={key}\n product={key}\n />\n ))}\n </div>\n <footer className=\"vchasno-ui-ProjectsPopover__footer\">\n Група компаній \n <a target=\"_blank\" rel=\"noreferrer\" href=\"https://vchasno.group\">\n VCHASNO GROUP\n </a>\n всі права захищено\n </footer>\n </div>\n </div>\n );\n};\n\nexport default ProjectsPopover;\n"],"names":["getIsProductWithoutSite","item","vchasnoProductsWithoutSiteList","some","product","ProjectsPopover","vchasnoTitle","className","zakupivliTitle","hideProduct","edrpou","onLinkClick","queryParams","overrideHint","urls","displayVchasnoProducts","vchasnoProductsList","filter","displayZakupivliProducts","zakupivliProductsList","React","div","cn","style","display","length","h3","map","key","ProductLink","ctxProduct","footer","a","target","rel","href"],"mappings":"+LAsBA,IAAMA,EAA0B,AAACC,GAC7BC,EAA+BC,IAAI,CAAC,AAACC,GAAYA,IAAYH,GAE3DI,EAAkD,CAAC,CACrDC,aAAAA,EAAe,iBAAiB,CAChCC,UAAAA,CAAS,CACTC,eAAAA,EAAiB,oBAAoB,CACrCJ,QAAAA,CAAO,CACPK,YAAAA,EAAc,IAAM,CAAA,CAAK,CACzBC,OAAAA,CAAM,CACNC,YAAAA,CAAW,CACXC,YAAAA,CAAW,CACXC,aAAAA,CAAY,CACZC,KAAAA,CAAI,CACP,IACG,IAAMC,EAAyBC,EAC1BC,MAAM,CAAC,AAAChB,GAASA,IAASG,GAC1Ba,MAAM,CAAC,AAAChB,GAAS,CAACD,EAAwBC,IAC1CgB,MAAM,CAAC,AAAChB,GAAS,CAACQ,EAAYR,IAC7BiB,EAA2BC,EAAsBF,MAAM,CAAC,AAAChB,GAAS,CAACQ,EAAYR,IAErF,OACImB,EAACC,aAAAA,CAAAA,MAAAA,CAAId,UAAWe,EAAG,6BAA8Bf,IAC7Ca,EAACC,aAAAA,CAAAA,MAAAA,CAAId,UAAU,uCACXa,EAACC,aAAAA,CAAAA,MAAAA,CACGd,UAAU,uCACVgB,MAAO,CACHC,QAAST,EAAuBU,MAAM,CAAG,OAAS,MACtD,GAEAL,EAACM,aAAAA,CAAAA,KAAAA,CAAGnB,UAAU,mCAAqCD,EAAAA,GAClDS,EAAuBY,GAAG,CAAC,AAACC,GACzBR,EAACS,aAAAA,CAAAA,EAAAA,CACGf,KAAMA,EACND,aAAcA,EACdD,YAAaA,EACbD,YAAaA,EACbD,OAAQA,EACRoB,WAAY1B,EACZwB,IAAKA,EACLxB,QAASwB,MAIrBR,EAACC,aAAAA,CAAAA,MAAAA,CACGd,UAAU,uCACVgB,MAAO,CACHC,QAASN,EAAyBO,MAAM,CAAG,OAAS,MACxD,GAEAL,EAACM,aAAAA,CAAAA,KAAAA,CAAGnB,UAAU,mCAAqCC,EAAAA,GAClDU,EAAyBS,GAAG,CAAC,AAACC,GAC3BR,EAACS,aAAAA,CAAAA,EAAAA,CACGf,KAAMA,EACND,aAAcA,EACdF,YAAaA,EACbC,YAAaA,EACbF,OAAQA,EACRoB,WAAY1B,EACZwB,IAAKA,EACLxB,QAASwB,MAIrBR,EAACW,aAAAA,CAAAA,SAAAA,CAAOxB,UAAU,oCAAqC,EAAA,qBAEnDa,EAACY,aAAAA,CAAAA,IAAAA,CAAEC,OAAO,SAASC,IAAI,aAAaC,KAAK,yBAAwB,iBAE7D,4BAMxB"}
|