@iit/precision-ui 0.8.38 → 0.8.40
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/dist/components/ui/button/ButtonPrimary.d.ts +1 -1
- package/dist/components/ui/button/ButtonPrimary.d.ts.map +1 -1
- package/dist/components/ui/input/SearchInputWithButton.d.ts +1 -0
- package/dist/components/ui/input/SearchInputWithButton.d.ts.map +1 -1
- package/dist/index.es14.js +38 -36
- package/dist/index.es14.js.map +1 -1
- package/dist/index.es4.js.map +1 -1
- package/dist/index.es40.js +10 -10
- package/dist/index.es40.js.map +1 -1
- package/dist/sections/Hero.d.ts.map +1 -1
- package/dist/sections/common.d.ts +1 -1
- package/dist/sections/common.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -17,7 +17,7 @@ export interface ButtonPrimaryProps extends React.ButtonHTMLAttributes<HTMLButto
|
|
|
17
17
|
linkClassName?: string;
|
|
18
18
|
children?: React.ReactNode;
|
|
19
19
|
href?: string;
|
|
20
|
-
target?: '_blank';
|
|
20
|
+
target?: '_blank' | '_self';
|
|
21
21
|
asChild?: boolean;
|
|
22
22
|
}
|
|
23
23
|
declare const ButtonPrimary: React.FC<ButtonPrimaryProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonPrimary.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/ButtonPrimary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,cAAc;;;8EAmBnB,CAAA;AAED,QAAA,MAAM,sBAAsB;;;8EAmB3B,CAAA;AAED,UAAU,2BAA2B;IACnC,aAAa,CAAC,EAAE,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC,eAAe,CAAC,CAAA;CAC7E;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC,EACnC,2BAA2B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"ButtonPrimary.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/ButtonPrimary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,cAAc;;;8EAmBnB,CAAA;AAED,QAAA,MAAM,sBAAsB;;;8EAmB3B,CAAA;AAED,UAAU,2BAA2B;IACnC,aAAa,CAAC,EAAE,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC,eAAe,CAAC,CAAA;CAC7E;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC,EACnC,2BAA2B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6C/C,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -11,6 +11,7 @@ interface SearchInputWithButtonProps {
|
|
|
11
11
|
onClickSubmitButton?: () => void;
|
|
12
12
|
onClickClearButton?: () => void;
|
|
13
13
|
withoutBottomBorder?: boolean;
|
|
14
|
+
submitButtonClassName?: string;
|
|
14
15
|
}
|
|
15
16
|
declare const SearchInputWithButton: React.FC<SearchInputWithButtonProps>;
|
|
16
17
|
export default SearchInputWithButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInputWithButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/input/SearchInputWithButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"SearchInputWithButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/input/SearchInputWithButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAQ1D,UAAU,0BAA0B;IAClC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC/D,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAClE,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAC/B;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA4F/D,CAAA;AAED,eAAe,qBAAqB,CAAA"}
|
package/dist/index.es14.js
CHANGED
|
@@ -1,44 +1,45 @@
|
|
|
1
|
-
import
|
|
1
|
+
import t, { useState as p, useRef as N, useEffect as S } from "react";
|
|
2
2
|
import { Button as m } from "./index.es2.js";
|
|
3
|
-
import { Close16X16 as
|
|
4
|
-
import { Input as
|
|
5
|
-
import { SearchIcon as
|
|
3
|
+
import { Close16X16 as k } from "@iit/precision-ui-icons";
|
|
4
|
+
import { Input as R } from "./index.es11.js";
|
|
5
|
+
import { SearchIcon as B } from "lucide-react";
|
|
6
6
|
import { cn as a } from "./index.es55.js";
|
|
7
|
-
const
|
|
7
|
+
const C = ({
|
|
8
8
|
id: h,
|
|
9
9
|
placeholder: f,
|
|
10
10
|
className: v,
|
|
11
|
-
containerClassName:
|
|
11
|
+
containerClassName: d,
|
|
12
12
|
value: r = "",
|
|
13
|
-
onChange:
|
|
14
|
-
onKeyDown:
|
|
13
|
+
onChange: e,
|
|
14
|
+
onKeyDown: b,
|
|
15
15
|
onClickSubmitButton: g,
|
|
16
16
|
onClickClearButton: l,
|
|
17
17
|
withoutBottomBorder: y,
|
|
18
|
-
|
|
18
|
+
submitButtonClassName: w,
|
|
19
|
+
...x
|
|
19
20
|
}) => {
|
|
20
|
-
const [o,
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
const [o, n] = p(r), [i, u] = p(!1), s = N(null);
|
|
22
|
+
S(() => {
|
|
23
|
+
n(r);
|
|
23
24
|
}, [r]);
|
|
24
|
-
const
|
|
25
|
-
|
|
26
|
-
},
|
|
27
|
-
|
|
25
|
+
const E = (c) => {
|
|
26
|
+
n(c.target.value), e && e(c);
|
|
27
|
+
}, I = () => {
|
|
28
|
+
n(""), s.current && s.current.focus(), e && e({
|
|
28
29
|
target: { value: "" }
|
|
29
30
|
}), l && l();
|
|
30
31
|
};
|
|
31
|
-
return /* @__PURE__ */
|
|
32
|
+
return /* @__PURE__ */ t.createElement(
|
|
32
33
|
"div",
|
|
33
34
|
{
|
|
34
|
-
className: a("relative w-full max-w-2xl",
|
|
35
|
+
className: a("relative w-full max-w-2xl", d),
|
|
35
36
|
onMouseEnter: () => u(!0),
|
|
36
37
|
onMouseLeave: () => u(!1)
|
|
37
38
|
},
|
|
38
|
-
/* @__PURE__ */
|
|
39
|
-
|
|
39
|
+
/* @__PURE__ */ t.createElement(
|
|
40
|
+
R,
|
|
40
41
|
{
|
|
41
|
-
ref:
|
|
42
|
+
ref: s,
|
|
42
43
|
id: h,
|
|
43
44
|
placeholder: f,
|
|
44
45
|
className: a(
|
|
@@ -47,42 +48,43 @@ const B = ({
|
|
|
47
48
|
y && "border-b border-transparent"
|
|
48
49
|
),
|
|
49
50
|
value: o,
|
|
50
|
-
onChange:
|
|
51
|
-
onKeyDown:
|
|
52
|
-
...
|
|
51
|
+
onChange: E,
|
|
52
|
+
onKeyDown: b,
|
|
53
|
+
...x
|
|
53
54
|
}
|
|
54
55
|
),
|
|
55
|
-
/* @__PURE__ */
|
|
56
|
+
/* @__PURE__ */ t.createElement(
|
|
56
57
|
m,
|
|
57
58
|
{
|
|
58
59
|
type: "button",
|
|
59
60
|
variant: "ghost",
|
|
60
61
|
size: "icon",
|
|
61
62
|
className: a(
|
|
62
|
-
"absolute right-14 top-1/2 -translate-y-1/2 h-5 w-5 text-muted-foreground p-0 hover:bg-navy group",
|
|
63
|
+
"absolute right-14 top-1/2 -translate-y-1/2 h-5 w-5 text-muted-foreground p-0 hover:bg-navy group duration-200 transition-colors",
|
|
63
64
|
i ? "bg-white" : "bg-navy-opacity-8"
|
|
64
65
|
),
|
|
65
|
-
onClick:
|
|
66
|
-
style: { display: o ? "block" : "none" }
|
|
66
|
+
onClick: I,
|
|
67
|
+
style: { display: o.length >= 3 ? "block" : "none" }
|
|
67
68
|
},
|
|
68
|
-
/* @__PURE__ */
|
|
69
|
-
/* @__PURE__ */
|
|
69
|
+
/* @__PURE__ */ t.createElement(k, { className: "h-[10px] w-[10px] left-[5px] top-0 relative text-navy group-hover:text-whitish" }),
|
|
70
|
+
/* @__PURE__ */ t.createElement("span", { className: "sr-only" }, "Очистить")
|
|
70
71
|
),
|
|
71
|
-
/* @__PURE__ */
|
|
72
|
+
/* @__PURE__ */ t.createElement(
|
|
72
73
|
m,
|
|
73
74
|
{
|
|
74
75
|
className: a(
|
|
75
|
-
"absolute right-2 top-1/2 -translate-y-1/2 text-navy h-10 w-10 hover:bg-navy group/submit disabled:pointer-events-auto active:transform active:scale-90",
|
|
76
|
+
"absolute right-2 top-1/2 -translate-y-1/2 text-navy h-10 w-10 hover:bg-navy group/submit disabled:pointer-events-auto active:transform active:scale-90 duration-200 transition-colors",
|
|
77
|
+
w,
|
|
76
78
|
i ? "bg-white" : "bg-navy-opacity-8"
|
|
77
79
|
),
|
|
78
|
-
disabled:
|
|
80
|
+
disabled: o.length < 3,
|
|
79
81
|
onClick: g || void 0
|
|
80
82
|
},
|
|
81
|
-
/* @__PURE__ */
|
|
83
|
+
/* @__PURE__ */ t.createElement(B, { className: "h-4 w-4 group-hover/submit:text-whitish" })
|
|
82
84
|
)
|
|
83
85
|
);
|
|
84
|
-
},
|
|
86
|
+
}, L = C;
|
|
85
87
|
export {
|
|
86
|
-
|
|
88
|
+
L as default
|
|
87
89
|
};
|
|
88
90
|
//# sourceMappingURL=index.es14.js.map
|
package/dist/index.es14.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es14.js","sources":["../src/components/ui/input/SearchInputWithButton.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from
|
|
1
|
+
{"version":3,"file":"index.es14.js","sources":["../src/components/ui/input/SearchInputWithButton.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\r\n\r\nimport { Button } from '../button'\r\nimport { Close16X16 } from '@iit/precision-ui-icons'\r\nimport { Input } from '@/components/ui/input'\r\nimport { SearchIcon } from 'lucide-react'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\ninterface SearchInputWithButtonProps {\r\n id?: string\r\n placeholder?: string\r\n className?: string\r\n containerClassName?: string\r\n value?: string\r\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void\r\n onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void\r\n onClickSubmitButton?: () => void\r\n onClickClearButton?: () => void\r\n withoutBottomBorder?: boolean\r\n submitButtonClassName?: string\r\n}\r\n\r\nconst SearchInputWithButton: React.FC<SearchInputWithButtonProps> = ({\r\n id,\r\n placeholder,\r\n className,\r\n containerClassName,\r\n value = '',\r\n onChange,\r\n onKeyDown,\r\n onClickSubmitButton,\r\n onClickClearButton,\r\n withoutBottomBorder,\r\n submitButtonClassName,\r\n ...props\r\n}) => {\r\n const [inputValue, setInputValue] = useState(value)\r\n const [isHovered, setIsHovered] = useState(false) // Track hover state\r\n const inputRef = useRef<HTMLInputElement>(null)\r\n\r\n useEffect(() => {\r\n setInputValue(value)\r\n }, [value])\r\n\r\n const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n setInputValue(event.target.value)\r\n if (onChange) {\r\n onChange(event)\r\n }\r\n }\r\n\r\n const handleClearClick = () => {\r\n setInputValue('')\r\n if (inputRef.current) {\r\n inputRef.current.focus()\r\n }\r\n if (onChange) {\r\n onChange({\r\n target: { value: '' },\r\n } as React.ChangeEvent<HTMLInputElement>)\r\n }\r\n if (onClickClearButton) {\r\n onClickClearButton()\r\n }\r\n }\r\n\r\n return (\r\n <div\r\n className={cn('relative w-full max-w-2xl', containerClassName)}\r\n onMouseEnter={() => setIsHovered(true)}\r\n onMouseLeave={() => setIsHovered(false)}\r\n >\r\n <Input\r\n ref={inputRef}\r\n id={id}\r\n placeholder={placeholder}\r\n className={cn(\r\n 'w-full pl-8 pr-20 hover:bg-navy-opacity-4-absolute rounded-full bg-whitish h-14',\r\n className,\r\n withoutBottomBorder && 'border-b border-transparent'\r\n )}\r\n value={inputValue}\r\n onChange={handleInputChange}\r\n onKeyDown={onKeyDown}\r\n {...props}\r\n />\r\n <Button\r\n type=\"button\"\r\n variant=\"ghost\"\r\n size=\"icon\"\r\n className={cn(\r\n 'absolute right-14 top-1/2 -translate-y-1/2 h-5 w-5 text-muted-foreground p-0 hover:bg-navy group duration-200 transition-colors',\r\n isHovered ? 'bg-white' : 'bg-navy-opacity-8'\r\n )}\r\n onClick={handleClearClick}\r\n style={{ display: inputValue.length >= 3 ? 'block' : 'none' }}\r\n >\r\n <Close16X16 className=\"h-[10px] w-[10px] left-[5px] top-0 relative text-navy group-hover:text-whitish\" />\r\n <span className=\"sr-only\">Очистить</span>\r\n </Button>\r\n\r\n <Button\r\n className={cn(\r\n 'absolute right-2 top-1/2 -translate-y-1/2 text-navy h-10 w-10 hover:bg-navy group/submit disabled:pointer-events-auto active:transform active:scale-90 duration-200 transition-colors',\r\n submitButtonClassName,\r\n isHovered ? 'bg-white' : 'bg-navy-opacity-8'\r\n )}\r\n disabled={inputValue.length < 3}\r\n onClick={onClickSubmitButton || undefined}\r\n >\r\n <SearchIcon className=\"h-4 w-4 group-hover/submit:text-whitish\" />\r\n </Button>\r\n </div>\r\n )\r\n}\r\n\r\nexport default SearchInputWithButton\r\n"],"names":["SearchInputWithButton","id","placeholder","className","containerClassName","value","onChange","onKeyDown","onClickSubmitButton","onClickClearButton","withoutBottomBorder","submitButtonClassName","props","inputValue","setInputValue","useState","isHovered","setIsHovered","inputRef","useRef","useEffect","handleInputChange","event","handleClearClick","React","cn","Input","Button","Close16X16","SearchIcon","SearchInputWithButton$1"],"mappings":";;;;;;AAsBA,MAAMA,IAA8D,CAAC;AAAA,EACnE,IAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASV,CAAK,GAC5C,CAACW,GAAWC,CAAY,IAAIF,EAAS,EAAK,GAC1CG,IAAWC,EAAyB,IAAI;AAE9C,EAAAC,EAAU,MAAM;AACd,IAAAN,EAAcT,CAAK;AAAA,EAAA,GAClB,CAACA,CAAK,CAAC;AAEJ,QAAAgB,IAAoB,CAACC,MAA+C;AAC1D,IAAAR,EAAAQ,EAAM,OAAO,KAAK,GAC5BhB,KACFA,EAASgB,CAAK;AAAA,EAChB,GAGIC,IAAmB,MAAM;AAC7B,IAAAT,EAAc,EAAE,GACZI,EAAS,WACXA,EAAS,QAAQ,SAEfZ,KACOA,EAAA;AAAA,MACP,QAAQ,EAAE,OAAO,GAAG;AAAA,IAAA,CACkB,GAEtCG,KACiBA;EACrB;AAIA,SAAAe,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,6BAA6BrB,CAAkB;AAAA,MAC7D,cAAc,MAAMa,EAAa,EAAI;AAAA,MACrC,cAAc,MAAMA,EAAa,EAAK;AAAA,IAAA;AAAA,IAEtCO,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAKR;AAAA,QACL,IAAAjB;AAAA,QACA,aAAAC;AAAA,QACA,WAAWuB;AAAA,UACT;AAAA,UACAtB;AAAA,UACAO,KAAuB;AAAA,QACzB;AAAA,QACA,OAAOG;AAAA,QACP,UAAUQ;AAAA,QACV,WAAAd;AAAA,QACC,GAAGK;AAAA,MAAA;AAAA,IACN;AAAA,IACAY,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAWF;AAAA,UACT;AAAA,UACAT,IAAY,aAAa;AAAA,QAC3B;AAAA,QACA,SAASO;AAAA,QACT,OAAO,EAAE,SAASV,EAAW,UAAU,IAAI,UAAU,OAAO;AAAA,MAAA;AAAA,MAE5DW,gBAAAA,EAAA,cAACI,GAAW,EAAA,WAAU,iFAAiF,CAAA;AAAA,MACtGJ,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAU,UAAQ;AAAA,IACpC;AAAA,IAEAA,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,WAAWF;AAAA,UACT;AAAA,UACAd;AAAA,UACAK,IAAY,aAAa;AAAA,QAC3B;AAAA,QACA,UAAUH,EAAW,SAAS;AAAA,QAC9B,SAASL,KAAuB;AAAA,MAAA;AAAA,MAEhCgB,gBAAAA,EAAA,cAACK,GAAW,EAAA,WAAU,0CAA0C,CAAA;AAAA,IAClE;AAAA,EAAA;AAGN,GAEAC,IAAe9B;"}
|
package/dist/index.es4.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es4.js","sources":["../src/components/ui/button/ButtonPrimary.tsx"],"sourcesContent":["import React from 'react'\r\nimport { Button } from './button'\r\nimport { ArrowRight16X16 } from '@iit/precision-ui-icons'\r\n\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst buttonVariants = cva(\r\n 'bg-white text-navy hover:bg-whitish-opacity-80 cursor-pointer',\r\n {\r\n variants: {\r\n theme: {\r\n default: '',\r\n opacity: 'bg-whitish-opacity-16 text-white hover:bg-whitish-opacity-24',\r\n sapphire: 'bg-sapphire text-white hover:bg-sapphire-hover',\r\n },\r\n size: {\r\n default: 'h-14 px-8 py-4 pr-2 gap-8 group',\r\n defaultWithoutIcon: 'h-14 px-4 py-4',\r\n },\r\n },\r\n defaultVariants: {\r\n theme: 'default',\r\n size: 'default',\r\n },\r\n }\r\n)\r\n\r\nconst arrowContainerVariants = cva(\r\n 'rounded-full bg-navy-opacity-4 h-10 w-10 inline-flex items-center justify-center group-hover:bg-transparent duration-200',\r\n {\r\n variants: {\r\n theme: {\r\n default: '',\r\n opacity: 'bg-whitish-opacity-8',\r\n sapphire: 'bg-whitish-opacity-32',\r\n },\r\n iconDirection: {\r\n default: '',\r\n down: 'rotate-90',\r\n },\r\n },\r\n defaultVariants: {\r\n theme: 'default',\r\n iconDirection: 'default',\r\n },\r\n }\r\n)\r\n\r\ninterface ArrowContainerPropsToButton {\r\n iconDirection?: VariantProps<typeof arrowContainerVariants>['iconDirection']\r\n}\r\n\r\nexport interface ButtonPrimaryProps\r\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\r\n VariantProps<typeof buttonVariants>,\r\n ArrowContainerPropsToButton {\r\n className?: string\r\n linkClassName?: string\r\n children?: React.ReactNode\r\n // as?: 'button' | 'a'\r\n href?: string\r\n target?: '_blank'\r\n asChild?: boolean\r\n}\r\n\r\nconst ButtonPrimary: React.FC<ButtonPrimaryProps> = ({\r\n className,\r\n linkClassName,\r\n children,\r\n theme,\r\n iconDirection,\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n size,\r\n href,\r\n target,\r\n // asChild = false,\r\n ...props\r\n}) => {\r\n const containerStyles = 'flex justify-between items-center gap-8'\r\n if (href) {\r\n return (\r\n <a href={href} className={linkClassName} target={target}>\r\n <Button className={cn(buttonVariants({ theme, className }))} {...props}>\r\n <div className={cn(containerStyles, 'w-full')}>\r\n {children}\r\n <div\r\n className={cn(arrowContainerVariants({ theme, iconDirection }))}\r\n >\r\n <ArrowRight16X16 />\r\n </div>\r\n </div>\r\n </Button>\r\n </a>\r\n )\r\n }\r\n\r\n return (\r\n <Button\r\n className={cn(buttonVariants({ theme, className }))}\r\n asChild\r\n {...props}\r\n >\r\n <div className={cn(containerStyles)}>\r\n {children}\r\n <div className={cn(arrowContainerVariants({ theme, iconDirection }))}>\r\n <ArrowRight16X16 />\r\n </div>\r\n </div>\r\n </Button>\r\n )\r\n}\r\n\r\nexport default ButtonPrimary\r\n"],"names":["buttonVariants","cva","arrowContainerVariants","ButtonPrimary","className","linkClassName","children","theme","iconDirection","size","href","target","props","containerStyles","React","Button","cn","ArrowRight16X16","ButtonPrimary$1"],"mappings":";;;;;AAOA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,oBAAoB;AAAA,MACtB;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAEMC,IAAyBD;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,eAAe;AAAA,QACb,SAAS;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,OAAO;AAAA,MACP,eAAe;AAAA,IACjB;AAAA,EACF;AACF,GAmBME,IAA8C,CAAC;AAAA,EACnD,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA;AAAA,EAEA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA;AAAA,EAEA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAkB;AACxB,SAAIH,IAEAI,gBAAAA,EAAA,cAAC,KAAE,EAAA,MAAAJ,GAAY,WAAWL,GAAe,QAAAM,EACvC,GAAAG,gBAAAA,EAAA,cAACC,GAAO,EAAA,WAAWC,EAAGhB,EAAe,EAAE,OAAAO,GAAO,WAAAH,GAAW,CAAC,GAAI,GAAGQ,EAC/D,GAAAE,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAWE,EAAGH,GAAiB,QAAQ,EAAA,GACzCP,GACDQ,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE,EAAGd,EAAuB,EAAE,OAAAK,GAAO,eAAAC,EAAe,CAAA,CAAC;AAAA,IAAA;AAAA,oCAE7DS,GAAgB,IAAA;AAAA,EAErB,CAAA,CACF,CACF,IAKFH,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGhB,EAAe,EAAE,OAAAO,GAAO,WAAAH,EAAW,CAAA,CAAC;AAAA,MAClD,SAAO;AAAA,MACN,GAAGQ;AAAA,IAAA;AAAA,IAEJE,gBAAAA,EAAA,cAAC,SAAI,WAAWE,EAAGH,CAAe,EAC/B,GAAAP,mCACA,OAAI,EAAA,WAAWU,EAAGd,EAAuB,EAAE,OAAAK,GAAO,eAAAC,EAAc,CAAC,CAAC,KACjEM,gBAAAA,EAAA,cAACG,GAAgB,IAAA,CACnB,CACF;AAAA,EAAA;AAGN,GAEAC,IAAef;"}
|
|
1
|
+
{"version":3,"file":"index.es4.js","sources":["../src/components/ui/button/ButtonPrimary.tsx"],"sourcesContent":["import React from 'react'\r\nimport { Button } from './button'\r\nimport { ArrowRight16X16 } from '@iit/precision-ui-icons'\r\n\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst buttonVariants = cva(\r\n 'bg-white text-navy hover:bg-whitish-opacity-80 cursor-pointer',\r\n {\r\n variants: {\r\n theme: {\r\n default: '',\r\n opacity: 'bg-whitish-opacity-16 text-white hover:bg-whitish-opacity-24',\r\n sapphire: 'bg-sapphire text-white hover:bg-sapphire-hover',\r\n },\r\n size: {\r\n default: 'h-14 px-8 py-4 pr-2 gap-8 group',\r\n defaultWithoutIcon: 'h-14 px-4 py-4',\r\n },\r\n },\r\n defaultVariants: {\r\n theme: 'default',\r\n size: 'default',\r\n },\r\n }\r\n)\r\n\r\nconst arrowContainerVariants = cva(\r\n 'rounded-full bg-navy-opacity-4 h-10 w-10 inline-flex items-center justify-center group-hover:bg-transparent duration-200',\r\n {\r\n variants: {\r\n theme: {\r\n default: '',\r\n opacity: 'bg-whitish-opacity-8',\r\n sapphire: 'bg-whitish-opacity-32',\r\n },\r\n iconDirection: {\r\n default: '',\r\n down: 'rotate-90',\r\n },\r\n },\r\n defaultVariants: {\r\n theme: 'default',\r\n iconDirection: 'default',\r\n },\r\n }\r\n)\r\n\r\ninterface ArrowContainerPropsToButton {\r\n iconDirection?: VariantProps<typeof arrowContainerVariants>['iconDirection']\r\n}\r\n\r\nexport interface ButtonPrimaryProps\r\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\r\n VariantProps<typeof buttonVariants>,\r\n ArrowContainerPropsToButton {\r\n className?: string\r\n linkClassName?: string\r\n children?: React.ReactNode\r\n // as?: 'button' | 'a'\r\n href?: string\r\n target?: '_blank' | '_self'\r\n asChild?: boolean\r\n}\r\n\r\nconst ButtonPrimary: React.FC<ButtonPrimaryProps> = ({\r\n className,\r\n linkClassName,\r\n children,\r\n theme,\r\n iconDirection,\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n size,\r\n href,\r\n target,\r\n // asChild = false,\r\n ...props\r\n}) => {\r\n const containerStyles = 'flex justify-between items-center gap-8'\r\n if (href) {\r\n return (\r\n <a href={href} className={linkClassName} target={target}>\r\n <Button className={cn(buttonVariants({ theme, className }))} {...props}>\r\n <div className={cn(containerStyles, 'w-full')}>\r\n {children}\r\n <div\r\n className={cn(arrowContainerVariants({ theme, iconDirection }))}\r\n >\r\n <ArrowRight16X16 />\r\n </div>\r\n </div>\r\n </Button>\r\n </a>\r\n )\r\n }\r\n\r\n return (\r\n <Button\r\n className={cn(buttonVariants({ theme, className }))}\r\n asChild\r\n {...props}\r\n >\r\n <div className={cn(containerStyles)}>\r\n {children}\r\n <div className={cn(arrowContainerVariants({ theme, iconDirection }))}>\r\n <ArrowRight16X16 />\r\n </div>\r\n </div>\r\n </Button>\r\n )\r\n}\r\n\r\nexport default ButtonPrimary\r\n"],"names":["buttonVariants","cva","arrowContainerVariants","ButtonPrimary","className","linkClassName","children","theme","iconDirection","size","href","target","props","containerStyles","React","Button","cn","ArrowRight16X16","ButtonPrimary$1"],"mappings":";;;;;AAOA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,oBAAoB;AAAA,MACtB;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAEMC,IAAyBD;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,eAAe;AAAA,QACb,SAAS;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,OAAO;AAAA,MACP,eAAe;AAAA,IACjB;AAAA,EACF;AACF,GAmBME,IAA8C,CAAC;AAAA,EACnD,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA;AAAA,EAEA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA;AAAA,EAEA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAkB;AACxB,SAAIH,IAEAI,gBAAAA,EAAA,cAAC,KAAE,EAAA,MAAAJ,GAAY,WAAWL,GAAe,QAAAM,EACvC,GAAAG,gBAAAA,EAAA,cAACC,GAAO,EAAA,WAAWC,EAAGhB,EAAe,EAAE,OAAAO,GAAO,WAAAH,GAAW,CAAC,GAAI,GAAGQ,EAC/D,GAAAE,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAWE,EAAGH,GAAiB,QAAQ,EAAA,GACzCP,GACDQ,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE,EAAGd,EAAuB,EAAE,OAAAK,GAAO,eAAAC,EAAe,CAAA,CAAC;AAAA,IAAA;AAAA,oCAE7DS,GAAgB,IAAA;AAAA,EAErB,CAAA,CACF,CACF,IAKFH,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGhB,EAAe,EAAE,OAAAO,GAAO,WAAAH,EAAW,CAAA,CAAC;AAAA,MAClD,SAAO;AAAA,MACN,GAAGQ;AAAA,IAAA;AAAA,IAEJE,gBAAAA,EAAA,cAAC,SAAI,WAAWE,EAAGH,CAAe,EAC/B,GAAAP,mCACA,OAAI,EAAA,WAAWU,EAAGd,EAAuB,EAAE,OAAAK,GAAO,eAAAC,EAAc,CAAC,CAAC,KACjEM,gBAAAA,EAAA,cAACG,GAAgB,IAAA,CACnB,CACF;AAAA,EAAA;AAGN,GAEAC,IAAef;"}
|
package/dist/index.es40.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import k from "./index.es54.js";
|
|
2
2
|
import u from "./index.es4.js";
|
|
3
3
|
import y from "./index.es46.js";
|
|
4
4
|
import e from "react";
|
|
@@ -59,7 +59,7 @@ const W = f("", {
|
|
|
59
59
|
defaultVariants: {
|
|
60
60
|
contentContainerSize: "default"
|
|
61
61
|
}
|
|
62
|
-
}),
|
|
62
|
+
}), V = ({
|
|
63
63
|
text: a,
|
|
64
64
|
href: r,
|
|
65
65
|
target: c,
|
|
@@ -122,8 +122,8 @@ const W = f("", {
|
|
|
122
122
|
image: o,
|
|
123
123
|
buttons: s,
|
|
124
124
|
childrenComponentType: d,
|
|
125
|
-
breadcrumbs:
|
|
126
|
-
bottomButtons:
|
|
125
|
+
breadcrumbs: g,
|
|
126
|
+
bottomButtons: h,
|
|
127
127
|
size: n = "default",
|
|
128
128
|
imageSize: p,
|
|
129
129
|
linesImage: w,
|
|
@@ -159,7 +159,7 @@ const W = f("", {
|
|
|
159
159
|
})
|
|
160
160
|
)
|
|
161
161
|
},
|
|
162
|
-
/* @__PURE__ */ e.createElement("div", { className: "right-divider_with-tongue1 col-span-2 mt-6 pr-4 relative hidden lg:block" },
|
|
162
|
+
/* @__PURE__ */ e.createElement("div", { className: "right-divider_with-tongue1 col-span-2 mt-6 pr-4 relative hidden lg:block" }, g && /* @__PURE__ */ e.createElement(k, { list: g })),
|
|
163
163
|
/* @__PURE__ */ e.createElement(
|
|
164
164
|
"div",
|
|
165
165
|
{
|
|
@@ -195,7 +195,7 @@ const W = f("", {
|
|
|
195
195
|
},
|
|
196
196
|
m
|
|
197
197
|
), /* @__PURE__ */ e.createElement(y, { level: 3, as: "div" }, l)), s && /* @__PURE__ */ e.createElement("div", { className: "flex gap-4 mt-12 w-full" }, s.map((t) => /* @__PURE__ */ e.createElement(
|
|
198
|
-
|
|
198
|
+
V,
|
|
199
199
|
{
|
|
200
200
|
key: t.text,
|
|
201
201
|
className: "w-fit",
|
|
@@ -206,8 +206,8 @@ const W = f("", {
|
|
|
206
206
|
)))),
|
|
207
207
|
d && /* @__PURE__ */ e.createElement("div", { className: "mt-5" }, B(d))
|
|
208
208
|
)
|
|
209
|
-
),
|
|
210
|
-
|
|
209
|
+
), h && /* @__PURE__ */ e.createElement("div", { className: "flex gap-4 absolute bottom-8 z-30 w-[96%] mx-auto" }, h.map((t) => /* @__PURE__ */ e.createElement(
|
|
210
|
+
V,
|
|
211
211
|
{
|
|
212
212
|
key: t.text,
|
|
213
213
|
theme: "opacity",
|
|
@@ -215,7 +215,7 @@ const W = f("", {
|
|
|
215
215
|
className: "w-full backdrop-blur-[8px]",
|
|
216
216
|
linkClassName: "w-full",
|
|
217
217
|
onClick: () => v?.(t.uniqId),
|
|
218
|
-
target:
|
|
218
|
+
target: t.target
|
|
219
219
|
}
|
|
220
220
|
))), o && /* @__PURE__ */ e.createElement("div", { className: "hidden sm:block absolute bottom-0 right-6 floating" }, /* @__PURE__ */ e.createElement(
|
|
221
221
|
N,
|
|
@@ -238,7 +238,7 @@ const W = f("", {
|
|
|
238
238
|
))));
|
|
239
239
|
}, Q = F;
|
|
240
240
|
export {
|
|
241
|
-
|
|
241
|
+
V as HeroButton,
|
|
242
242
|
Q as default
|
|
243
243
|
};
|
|
244
244
|
//# sourceMappingURL=index.es40.js.map
|
package/dist/index.es40.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es40.js","sources":["../src/sections/Hero.tsx"],"sourcesContent":["import { BreadcrumbProps, Breadcrumbs } from '@/components/breadcrumbs'\r\n\r\nimport { ButtonPrimary } from '@/components/ui/button'\r\nimport { CommonButtonProps } from './common'\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '@/components/SafeHtml'\r\nimport SearchInputWithButton from '@/components/ui/input/SearchInputWithButton'\r\nimport Text from '@/components/core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { cva } from 'class-variance-authority'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\n// import { SearchInput } from '@/components/ui/input'\r\n\r\nconst contentContainerVariants = cva('', {\r\n variants: {\r\n size: {\r\n default: 'sm:pb-32',\r\n medium: 'sm:pb-[116px]',\r\n large: 'sm:pb-32', // not used, copy from default\r\n smaller: 'sm:pb-16',\r\n small: 'sm:pb-10',\r\n },\r\n },\r\n defaultVariants: {\r\n size: 'default',\r\n },\r\n})\r\n\r\nconst sliderContentVariants = cva('', {\r\n variants: {\r\n size: {\r\n default: 'sm:pb-[80px]',\r\n medium: 'sm:pb-6',\r\n small: 'sm:pb-6',\r\n },\r\n },\r\n defaultVariants: {\r\n size: 'default',\r\n },\r\n})\r\n\r\nconst titleVariants = cva('', {\r\n variants: {\r\n contentContainerSize: {\r\n default: 'mb-5 lg:max-w-[700px]',\r\n medium: 'lg:max-w-[590px]',\r\n large: 'lg:max-w-5xl',\r\n small: 'lg:max-w-[700px]', // not used, copy from default\r\n },\r\n },\r\n defaultVariants: {\r\n contentContainerSize: 'default',\r\n },\r\n})\r\n\r\nconst descVariants = cva('', {\r\n variants: {\r\n contentContainerSize: {\r\n default: 'lg:max-w-[460px]',\r\n medium: 'lg:max-w-[370px]',\r\n large: 'lg:max-w-2xl',\r\n small: 'lg:max-w-[460px]', // not used, copy from default\r\n },\r\n },\r\n defaultVariants: {\r\n contentContainerSize: 'default',\r\n },\r\n})\r\n\r\nexport interface HeroProps {\r\n title: string\r\n desc?: string\r\n price?: string\r\n oldPrice?: string\r\n image?: string\r\n buttons?: CommonButtonProps[]\r\n childrenComponentType?: 'search-news'\r\n breadcrumbs?: BreadcrumbProps[]\r\n bottomButtons?: CommonButtonProps[]\r\n size?: 'default' | 'small' | 'medium'\r\n contentContainerSize?: 'default' | 'medium' | 'small' | 'large'\r\n contentContainerBottomSize?: 'default' | 'small' | 'smaller'\r\n imageSize?: 'default' | 'small' | 'medium'\r\n linesImage?: string\r\n onButtonClick?: (uniqId?: string) => void\r\n}\r\n\r\nexport const HeroButton: React.FC<CommonButtonProps> = ({\r\n text,\r\n href,\r\n target,\r\n anchor,\r\n theme,\r\n className,\r\n linkClassName,\r\n iconDirection,\r\n onClick,\r\n}) => {\r\n if (href) {\r\n return (\r\n <ButtonPrimary\r\n href={href}\r\n theme={theme}\r\n className={cn(className)}\r\n linkClassName={linkClassName}\r\n iconDirection={iconDirection}\r\n target={target}\r\n >\r\n {text}\r\n </ButtonPrimary>\r\n )\r\n }\r\n\r\n if (anchor) {\r\n // TODO: the whole button is not clickable, but it should be\r\n return (\r\n <ButtonPrimary asChild theme={theme} iconDirection={iconDirection}>\r\n <a href={href}>{text}</a>\r\n </ButtonPrimary>\r\n )\r\n }\r\n\r\n if (target) {\r\n return (\r\n <ButtonPrimary asChild theme={theme} iconDirection={iconDirection}>\r\n <a href={href} target={target} rel=\"noopener noreferrer\">\r\n {text}\r\n </a>\r\n </ButtonPrimary>\r\n )\r\n }\r\n\r\n return (\r\n <ButtonPrimary\r\n theme={theme}\r\n iconDirection={iconDirection}\r\n onClick={onClick}\r\n className={cn(className)}\r\n >\r\n {text}\r\n </ButtonPrimary>\r\n )\r\n}\r\n\r\nconst childrenComponent = (componentType: 'search-news') => {\r\n switch (componentType) {\r\n case 'search-news':\r\n return (\r\n <div\r\n data-test-id=\"search-news\"\r\n className=\"w-full h-full flex justify-center items-center\"\r\n >\r\n <SearchInputWithButton\r\n placeholder=\"Фильтр по тарифам\"\r\n onChange={(event) => {\r\n console.log(event.target.value)\r\n }}\r\n className=\"w-[456px]\"\r\n // className=\"h-16 w-72 mt-2 bg-whitish\"\r\n />\r\n </div>\r\n )\r\n\r\n default:\r\n return null\r\n }\r\n}\r\n\r\nconst Hero: React.FC<HeroProps> = ({\r\n title,\r\n contentContainerSize,\r\n contentContainerBottomSize,\r\n desc,\r\n price,\r\n oldPrice,\r\n image,\r\n buttons,\r\n childrenComponentType,\r\n breadcrumbs,\r\n bottomButtons,\r\n size = 'default',\r\n imageSize,\r\n linesImage,\r\n onButtonClick,\r\n}) => {\r\n const imageWidth = (size: 'small' | 'medium' | 'default') => {\r\n switch (size) {\r\n case 'small':\r\n return 448\r\n case 'medium':\r\n return 552\r\n default:\r\n return 664\r\n }\r\n }\r\n const imageHeight = (size: 'small' | 'medium' | 'default') => {\r\n switch (size) {\r\n case 'small':\r\n return 336\r\n case 'medium':\r\n return 456\r\n default:\r\n return 544\r\n }\r\n }\r\n\r\n const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n return (\r\n <section className=\"container relative\">\r\n <div className=\"mx-auto w-full h-[606px]1 bg-gradient-to-b from-navy to-sapphire text-white rounded-2xl px-6 relative overflow-hidden\">\r\n <div\r\n data-test-id=\"content-container\"\r\n className={cn(\r\n 'w-full relative z-20 grid grid-cols-1 sm:grid-cols-9 pb-12',\r\n contentContainerVariants({\r\n size: contentContainerBottomSize || size,\r\n })\r\n )}\r\n >\r\n {/* Navigation */}\r\n <div className=\"right-divider_with-tongue1 col-span-2 mt-6 pr-4 relative hidden lg:block\">\r\n {breadcrumbs && <Breadcrumbs list={breadcrumbs} />}\r\n </div>\r\n\r\n {/* Slider Content */}\r\n <div\r\n className={cn(\r\n 'w-auto sm:p-10 pt-10 sm:pt-32 flex flex-col justify-center items-start col-span-7 border-[1px] border-t-0 border-r-0 border-b-0 border-l-0 lg:border-l-[1px] border-whitish-opacity-16 border-solid pb-4',\r\n sliderContentVariants({ size })\r\n )}\r\n >\r\n <Heading\r\n level={1}\r\n as={'h1'}\r\n className={cn('', titleVariants({ contentContainerSize }))}\r\n >\r\n <SafeHtmlRenderer html={title} />\r\n </Heading>\r\n\r\n <div className=\"space-y-8\">\r\n <Text\r\n variant=\"body\"\r\n className={cn(\r\n descVariants({ contentContainerSize }),\r\n 'text-whitish-opacity-60'\r\n )}\r\n >\r\n {desc}\r\n </Text>\r\n\r\n {(price || oldPrice) && (\r\n <div className=\"flex space-x-5 items-baseline\">\r\n {oldPrice && (\r\n <Text\r\n variant=\"lead-text\"\r\n className=\"text-whitish-opacity-32 line-through\"\r\n >\r\n {oldPrice}\r\n </Text>\r\n )}\r\n <Heading level={3} as={'div'}>\r\n {price}\r\n </Heading>\r\n </div>\r\n )}\r\n\r\n {buttons && (\r\n <div className=\"flex gap-4 mt-12 w-full\">\r\n {buttons.map((button) => (\r\n <HeroButton\r\n key={button.text}\r\n className=\"w-fit\"\r\n target={button.target}\r\n {...button}\r\n onClick={() => onButtonClick?.(button.uniqId)}\r\n />\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n\r\n {childrenComponentType && (\r\n <div className=\"mt-5\">\r\n {childrenComponent(childrenComponentType)}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n\r\n {bottomButtons && (\r\n <div className=\"flex gap-4 absolute bottom-8 z-30 w-[96%] mx-auto\">\r\n {bottomButtons.map((button) => (\r\n <HeroButton\r\n key={button.text}\r\n theme=\"opacity\"\r\n {...button}\r\n className=\"w-full backdrop-blur-[8px]\"\r\n linkClassName=\"w-full\"\r\n onClick={() => onButtonClick?.(button.uniqId)}\r\n // target={button.target}\r\n target=\"_blank\"\r\n />\r\n ))}\r\n </div>\r\n )}\r\n\r\n {image && (\r\n <div className=\"hidden sm:block absolute bottom-0 right-6 floating\">\r\n <ImageWrapper\r\n src={image}\r\n alt={title}\r\n // width={size === \"default\" ? 664 : 448}\r\n // height={size === \"default\" ? 544 : 336}\r\n width={imageWidth(imageSize || size)}\r\n height={imageHeight(imageSize || size)}\r\n objectFit=\"contain\"\r\n />\r\n </div>\r\n )}\r\n\r\n {linesImage && (\r\n <div className=\"absolute bottom-0 right-6 fadeLines\">\r\n <ImageWrapper\r\n src={linesImage}\r\n alt={title}\r\n // width={size === \"default\" ? 664 : 448}\r\n // height={size === \"default\" ? 544 : 336}\r\n width={imageWidth(imageSize || size)}\r\n height={imageHeight(imageSize || size)}\r\n objectFit=\"contain\"\r\n />\r\n </div>\r\n )}\r\n </div>\r\n </section>\r\n )\r\n}\r\n\r\nexport default Hero\r\n"],"names":["contentContainerVariants","cva","sliderContentVariants","titleVariants","descVariants","HeroButton","text","href","target","anchor","theme","className","linkClassName","iconDirection","onClick","React","ButtonPrimary","cn","childrenComponent","componentType","SearchInputWithButton","event","Hero","title","contentContainerSize","contentContainerBottomSize","desc","price","oldPrice","image","buttons","childrenComponentType","breadcrumbs","bottomButtons","size","imageSize","linesImage","onButtonClick","imageWidth","imageHeight","ImageWrapper","getAdapter","Breadcrumbs","Heading","SafeHtmlRenderer","Text","button","Hero$1"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.es40.js","sources":["../src/sections/Hero.tsx"],"sourcesContent":["import { BreadcrumbProps, Breadcrumbs } from '@/components/breadcrumbs'\r\n\r\nimport { ButtonPrimary } from '@/components/ui/button'\r\nimport { CommonButtonProps } from './common'\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '@/components/SafeHtml'\r\nimport SearchInputWithButton from '@/components/ui/input/SearchInputWithButton'\r\nimport Text from '@/components/core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { cva } from 'class-variance-authority'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\n// import { SearchInput } from '@/components/ui/input'\r\n\r\nconst contentContainerVariants = cva('', {\r\n variants: {\r\n size: {\r\n default: 'sm:pb-32',\r\n medium: 'sm:pb-[116px]',\r\n large: 'sm:pb-32', // not used, copy from default\r\n smaller: 'sm:pb-16',\r\n small: 'sm:pb-10',\r\n },\r\n },\r\n defaultVariants: {\r\n size: 'default',\r\n },\r\n})\r\n\r\nconst sliderContentVariants = cva('', {\r\n variants: {\r\n size: {\r\n default: 'sm:pb-[80px]',\r\n medium: 'sm:pb-6',\r\n small: 'sm:pb-6',\r\n },\r\n },\r\n defaultVariants: {\r\n size: 'default',\r\n },\r\n})\r\n\r\nconst titleVariants = cva('', {\r\n variants: {\r\n contentContainerSize: {\r\n default: 'mb-5 lg:max-w-[700px]',\r\n medium: 'lg:max-w-[590px]',\r\n large: 'lg:max-w-5xl',\r\n small: 'lg:max-w-[700px]', // not used, copy from default\r\n },\r\n },\r\n defaultVariants: {\r\n contentContainerSize: 'default',\r\n },\r\n})\r\n\r\nconst descVariants = cva('', {\r\n variants: {\r\n contentContainerSize: {\r\n default: 'lg:max-w-[460px]',\r\n medium: 'lg:max-w-[370px]',\r\n large: 'lg:max-w-2xl',\r\n small: 'lg:max-w-[460px]', // not used, copy from default\r\n },\r\n },\r\n defaultVariants: {\r\n contentContainerSize: 'default',\r\n },\r\n})\r\n\r\nexport interface HeroProps {\r\n title: string\r\n desc?: string\r\n price?: string\r\n oldPrice?: string\r\n image?: string\r\n buttons?: CommonButtonProps[]\r\n childrenComponentType?: 'search-news'\r\n breadcrumbs?: BreadcrumbProps[]\r\n bottomButtons?: CommonButtonProps[]\r\n size?: 'default' | 'small' | 'medium'\r\n contentContainerSize?: 'default' | 'medium' | 'small' | 'large'\r\n contentContainerBottomSize?: 'default' | 'small' | 'smaller'\r\n imageSize?: 'default' | 'small' | 'medium'\r\n linesImage?: string\r\n onButtonClick?: (uniqId?: string) => void\r\n}\r\n\r\nexport const HeroButton: React.FC<CommonButtonProps> = ({\r\n text,\r\n href,\r\n target,\r\n anchor,\r\n theme,\r\n className,\r\n linkClassName,\r\n iconDirection,\r\n onClick,\r\n}) => {\r\n if (href) {\r\n return (\r\n <ButtonPrimary\r\n href={href}\r\n theme={theme}\r\n className={cn(className)}\r\n linkClassName={linkClassName}\r\n iconDirection={iconDirection}\r\n target={target}\r\n >\r\n {text}\r\n </ButtonPrimary>\r\n )\r\n }\r\n\r\n if (anchor) {\r\n // TODO: the whole button is not clickable, but it should be\r\n return (\r\n <ButtonPrimary asChild theme={theme} iconDirection={iconDirection}>\r\n <a href={href}>{text}</a>\r\n </ButtonPrimary>\r\n )\r\n }\r\n\r\n if (target) {\r\n return (\r\n <ButtonPrimary asChild theme={theme} iconDirection={iconDirection}>\r\n <a href={href} target={target} rel=\"noopener noreferrer\">\r\n {text}\r\n </a>\r\n </ButtonPrimary>\r\n )\r\n }\r\n\r\n return (\r\n <ButtonPrimary\r\n theme={theme}\r\n iconDirection={iconDirection}\r\n onClick={onClick}\r\n className={cn(className)}\r\n >\r\n {text}\r\n </ButtonPrimary>\r\n )\r\n}\r\n\r\nconst childrenComponent = (componentType: 'search-news') => {\r\n switch (componentType) {\r\n case 'search-news':\r\n return (\r\n <div\r\n data-test-id=\"search-news\"\r\n className=\"w-full h-full flex justify-center items-center\"\r\n >\r\n <SearchInputWithButton\r\n placeholder=\"Фильтр по тарифам\"\r\n onChange={(event) => {\r\n console.log(event.target.value)\r\n }}\r\n className=\"w-[456px]\"\r\n // className=\"h-16 w-72 mt-2 bg-whitish\"\r\n />\r\n </div>\r\n )\r\n\r\n default:\r\n return null\r\n }\r\n}\r\n\r\nconst Hero: React.FC<HeroProps> = ({\r\n title,\r\n contentContainerSize,\r\n contentContainerBottomSize,\r\n desc,\r\n price,\r\n oldPrice,\r\n image,\r\n buttons,\r\n childrenComponentType,\r\n breadcrumbs,\r\n bottomButtons,\r\n size = 'default',\r\n imageSize,\r\n linesImage,\r\n onButtonClick,\r\n}) => {\r\n const imageWidth = (size: 'small' | 'medium' | 'default') => {\r\n switch (size) {\r\n case 'small':\r\n return 448\r\n case 'medium':\r\n return 552\r\n default:\r\n return 664\r\n }\r\n }\r\n const imageHeight = (size: 'small' | 'medium' | 'default') => {\r\n switch (size) {\r\n case 'small':\r\n return 336\r\n case 'medium':\r\n return 456\r\n default:\r\n return 544\r\n }\r\n }\r\n\r\n const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n return (\r\n <section className=\"container relative\">\r\n <div className=\"mx-auto w-full h-[606px]1 bg-gradient-to-b from-navy to-sapphire text-white rounded-2xl px-6 relative overflow-hidden\">\r\n <div\r\n data-test-id=\"content-container\"\r\n className={cn(\r\n 'w-full relative z-20 grid grid-cols-1 sm:grid-cols-9 pb-12',\r\n contentContainerVariants({\r\n size: contentContainerBottomSize || size,\r\n })\r\n )}\r\n >\r\n {/* Navigation */}\r\n <div className=\"right-divider_with-tongue1 col-span-2 mt-6 pr-4 relative hidden lg:block\">\r\n {breadcrumbs && <Breadcrumbs list={breadcrumbs} />}\r\n </div>\r\n\r\n {/* Slider Content */}\r\n <div\r\n className={cn(\r\n 'w-auto sm:p-10 pt-10 sm:pt-32 flex flex-col justify-center items-start col-span-7 border-[1px] border-t-0 border-r-0 border-b-0 border-l-0 lg:border-l-[1px] border-whitish-opacity-16 border-solid pb-4',\r\n sliderContentVariants({ size })\r\n )}\r\n >\r\n <Heading\r\n level={1}\r\n as={'h1'}\r\n className={cn('', titleVariants({ contentContainerSize }))}\r\n >\r\n <SafeHtmlRenderer html={title} />\r\n </Heading>\r\n\r\n <div className=\"space-y-8\">\r\n <Text\r\n variant=\"body\"\r\n className={cn(\r\n descVariants({ contentContainerSize }),\r\n 'text-whitish-opacity-60'\r\n )}\r\n >\r\n {desc}\r\n </Text>\r\n\r\n {(price || oldPrice) && (\r\n <div className=\"flex space-x-5 items-baseline\">\r\n {oldPrice && (\r\n <Text\r\n variant=\"lead-text\"\r\n className=\"text-whitish-opacity-32 line-through\"\r\n >\r\n {oldPrice}\r\n </Text>\r\n )}\r\n <Heading level={3} as={'div'}>\r\n {price}\r\n </Heading>\r\n </div>\r\n )}\r\n\r\n {buttons && (\r\n <div className=\"flex gap-4 mt-12 w-full\">\r\n {buttons.map((button) => (\r\n <HeroButton\r\n key={button.text}\r\n className=\"w-fit\"\r\n target={button.target}\r\n {...button}\r\n onClick={() => onButtonClick?.(button.uniqId)}\r\n />\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n\r\n {childrenComponentType && (\r\n <div className=\"mt-5\">\r\n {childrenComponent(childrenComponentType)}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n\r\n {bottomButtons && (\r\n <div className=\"flex gap-4 absolute bottom-8 z-30 w-[96%] mx-auto\">\r\n {bottomButtons.map((button) => (\r\n <HeroButton\r\n key={button.text}\r\n theme=\"opacity\"\r\n {...button}\r\n className=\"w-full backdrop-blur-[8px]\"\r\n linkClassName=\"w-full\"\r\n onClick={() => onButtonClick?.(button.uniqId)}\r\n target={button.target}\r\n />\r\n ))}\r\n </div>\r\n )}\r\n\r\n {image && (\r\n <div className=\"hidden sm:block absolute bottom-0 right-6 floating\">\r\n <ImageWrapper\r\n src={image}\r\n alt={title}\r\n // width={size === \"default\" ? 664 : 448}\r\n // height={size === \"default\" ? 544 : 336}\r\n width={imageWidth(imageSize || size)}\r\n height={imageHeight(imageSize || size)}\r\n objectFit=\"contain\"\r\n />\r\n </div>\r\n )}\r\n\r\n {linesImage && (\r\n <div className=\"absolute bottom-0 right-6 fadeLines\">\r\n <ImageWrapper\r\n src={linesImage}\r\n alt={title}\r\n // width={size === \"default\" ? 664 : 448}\r\n // height={size === \"default\" ? 544 : 336}\r\n width={imageWidth(imageSize || size)}\r\n height={imageHeight(imageSize || size)}\r\n objectFit=\"contain\"\r\n />\r\n </div>\r\n )}\r\n </div>\r\n </section>\r\n )\r\n}\r\n\r\nexport default Hero\r\n"],"names":["contentContainerVariants","cva","sliderContentVariants","titleVariants","descVariants","HeroButton","text","href","target","anchor","theme","className","linkClassName","iconDirection","onClick","React","ButtonPrimary","cn","childrenComponent","componentType","SearchInputWithButton","event","Hero","title","contentContainerSize","contentContainerBottomSize","desc","price","oldPrice","image","buttons","childrenComponentType","breadcrumbs","bottomButtons","size","imageSize","linesImage","onButtonClick","imageWidth","imageHeight","ImageWrapper","getAdapter","Breadcrumbs","Heading","SafeHtmlRenderer","Text","button","Hero$1"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../src/sections/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAe,MAAM,0BAA0B,CAAA;AAGvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAE5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAkEzB,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC7B,qBAAqB,CAAC,EAAE,aAAa,CAAA;IACrC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;IAC/B,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAA;IACnC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IACrC,oBAAoB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAA;IAC/D,0BAA0B,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;IAC5D,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuDlD,CAAA;AA0BD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../src/sections/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAe,MAAM,0BAA0B,CAAA;AAGvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAE5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAkEzB,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC7B,qBAAqB,CAAC,EAAE,aAAa,CAAA;IACrC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;IAC/B,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAA;IACnC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IACrC,oBAAoB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAA;IAC/D,0BAA0B,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;IAC5D,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuDlD,CAAA;AA0BD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwK7B,CAAA;AAED,eAAe,IAAI,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/sections/common.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/sections/common.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B"}
|