krl-alfred 2.17.49 → 2.17.51
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/Accordion/stories/Accordion.stories.d.ts +170 -0
- package/dist/components/Accordion/stories/Accordion.stories.js +131 -1
- package/dist/components/ActionButton/ActionButton.js +1 -1
- package/dist/components/ActionButton/stories/ActionButton.stories.d.ts +112 -0
- package/dist/components/ActionButton/stories/ActionButton.stories.js +115 -3
- package/dist/components/AddressCard/stories/AddressCard.stories.d.ts +147 -0
- package/dist/components/AddressCard/stories/AddressCard.stories.js +144 -1
- package/dist/components/AutocompleteInput/AutocompleteInput.js +10 -13
- package/dist/components/AutocompleteInput/AutocompleteInput.styled.js +2 -2
- package/dist/components/Input/stories/Input.stories.d.ts +344 -4
- package/dist/components/Input/stories/Input.stories.js +398 -6
- package/dist/components/SearchBox/SearchBox.js +8 -9
- package/dist/components/SearchBox/SearchBox.styled.js +1 -1
- package/dist/components/Tabs/stories/Tabs.stories.d.ts +68 -8
- package/dist/style/style.min.css +1 -1
- package/package.json +9 -16
|
@@ -33,3 +33,173 @@ export declare const Default: {
|
|
|
33
33
|
size: string;
|
|
34
34
|
};
|
|
35
35
|
};
|
|
36
|
+
export declare const Large: {
|
|
37
|
+
args: {
|
|
38
|
+
title: string;
|
|
39
|
+
data: {
|
|
40
|
+
id: number;
|
|
41
|
+
question: string;
|
|
42
|
+
answer: string;
|
|
43
|
+
}[];
|
|
44
|
+
showLink: boolean;
|
|
45
|
+
collapseAll: boolean;
|
|
46
|
+
hasScrollOnFocus: boolean;
|
|
47
|
+
activeIndex: any;
|
|
48
|
+
linkText: string;
|
|
49
|
+
linkOnClick: () => void;
|
|
50
|
+
size: string;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
export declare const WithLink: {
|
|
54
|
+
args: {
|
|
55
|
+
title: string;
|
|
56
|
+
data: {
|
|
57
|
+
id: number;
|
|
58
|
+
question: string;
|
|
59
|
+
answer: string;
|
|
60
|
+
}[];
|
|
61
|
+
showLink: boolean;
|
|
62
|
+
collapseAll: boolean;
|
|
63
|
+
hasScrollOnFocus: boolean;
|
|
64
|
+
activeIndex: any;
|
|
65
|
+
linkText: string;
|
|
66
|
+
linkOnClick: () => void;
|
|
67
|
+
size: string;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
export declare const LargeWithLink: {
|
|
71
|
+
args: {
|
|
72
|
+
title: string;
|
|
73
|
+
data: {
|
|
74
|
+
id: number;
|
|
75
|
+
question: string;
|
|
76
|
+
answer: string;
|
|
77
|
+
}[];
|
|
78
|
+
showLink: boolean;
|
|
79
|
+
collapseAll: boolean;
|
|
80
|
+
hasScrollOnFocus: boolean;
|
|
81
|
+
activeIndex: any;
|
|
82
|
+
linkText: string;
|
|
83
|
+
linkOnClick: () => void;
|
|
84
|
+
size: string;
|
|
85
|
+
};
|
|
86
|
+
};
|
|
87
|
+
export declare const CollapseAll: {
|
|
88
|
+
args: {
|
|
89
|
+
title: string;
|
|
90
|
+
data: {
|
|
91
|
+
id: number;
|
|
92
|
+
question: string;
|
|
93
|
+
answer: string;
|
|
94
|
+
}[];
|
|
95
|
+
showLink: boolean;
|
|
96
|
+
collapseAll: boolean;
|
|
97
|
+
hasScrollOnFocus: boolean;
|
|
98
|
+
activeIndex: any;
|
|
99
|
+
linkText: string;
|
|
100
|
+
linkOnClick: () => void;
|
|
101
|
+
size: string;
|
|
102
|
+
};
|
|
103
|
+
};
|
|
104
|
+
export declare const LargeCollapseAll: {
|
|
105
|
+
args: {
|
|
106
|
+
title: string;
|
|
107
|
+
data: {
|
|
108
|
+
id: number;
|
|
109
|
+
question: string;
|
|
110
|
+
answer: string;
|
|
111
|
+
}[];
|
|
112
|
+
showLink: boolean;
|
|
113
|
+
collapseAll: boolean;
|
|
114
|
+
hasScrollOnFocus: boolean;
|
|
115
|
+
activeIndex: any;
|
|
116
|
+
linkText: string;
|
|
117
|
+
linkOnClick: () => void;
|
|
118
|
+
size: string;
|
|
119
|
+
};
|
|
120
|
+
};
|
|
121
|
+
export declare const CollapseAllWithLink: {
|
|
122
|
+
args: {
|
|
123
|
+
title: string;
|
|
124
|
+
data: {
|
|
125
|
+
id: number;
|
|
126
|
+
question: string;
|
|
127
|
+
answer: string;
|
|
128
|
+
}[];
|
|
129
|
+
showLink: boolean;
|
|
130
|
+
collapseAll: boolean;
|
|
131
|
+
hasScrollOnFocus: boolean;
|
|
132
|
+
activeIndex: any;
|
|
133
|
+
linkText: string;
|
|
134
|
+
linkOnClick: () => void;
|
|
135
|
+
size: string;
|
|
136
|
+
};
|
|
137
|
+
};
|
|
138
|
+
export declare const WithActiveIndex: {
|
|
139
|
+
args: {
|
|
140
|
+
title: string;
|
|
141
|
+
data: {
|
|
142
|
+
id: number;
|
|
143
|
+
question: string;
|
|
144
|
+
answer: string;
|
|
145
|
+
}[];
|
|
146
|
+
showLink: boolean;
|
|
147
|
+
collapseAll: boolean;
|
|
148
|
+
hasScrollOnFocus: boolean;
|
|
149
|
+
activeIndex: number;
|
|
150
|
+
linkText: string;
|
|
151
|
+
linkOnClick: () => void;
|
|
152
|
+
size: string;
|
|
153
|
+
};
|
|
154
|
+
};
|
|
155
|
+
export declare const LargeWithActiveIndex: {
|
|
156
|
+
args: {
|
|
157
|
+
title: string;
|
|
158
|
+
data: {
|
|
159
|
+
id: number;
|
|
160
|
+
question: string;
|
|
161
|
+
answer: string;
|
|
162
|
+
}[];
|
|
163
|
+
showLink: boolean;
|
|
164
|
+
collapseAll: boolean;
|
|
165
|
+
hasScrollOnFocus: boolean;
|
|
166
|
+
activeIndex: number;
|
|
167
|
+
linkText: string;
|
|
168
|
+
linkOnClick: () => void;
|
|
169
|
+
size: string;
|
|
170
|
+
};
|
|
171
|
+
};
|
|
172
|
+
export declare const WithScrollOnFocus: {
|
|
173
|
+
args: {
|
|
174
|
+
title: string;
|
|
175
|
+
data: {
|
|
176
|
+
id: number;
|
|
177
|
+
question: string;
|
|
178
|
+
answer: string;
|
|
179
|
+
}[];
|
|
180
|
+
showLink: boolean;
|
|
181
|
+
collapseAll: boolean;
|
|
182
|
+
hasScrollOnFocus: boolean;
|
|
183
|
+
activeIndex: number;
|
|
184
|
+
linkText: string;
|
|
185
|
+
linkOnClick: () => void;
|
|
186
|
+
size: string;
|
|
187
|
+
};
|
|
188
|
+
};
|
|
189
|
+
export declare const Complete: {
|
|
190
|
+
args: {
|
|
191
|
+
title: string;
|
|
192
|
+
data: {
|
|
193
|
+
id: number;
|
|
194
|
+
question: string;
|
|
195
|
+
answer: string;
|
|
196
|
+
}[];
|
|
197
|
+
showLink: boolean;
|
|
198
|
+
collapseAll: boolean;
|
|
199
|
+
hasScrollOnFocus: boolean;
|
|
200
|
+
activeIndex: number;
|
|
201
|
+
linkText: string;
|
|
202
|
+
linkOnClick: () => void;
|
|
203
|
+
size: string;
|
|
204
|
+
};
|
|
205
|
+
};
|
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Default = void 0;
|
|
6
|
+
exports.Complete = exports.WithScrollOnFocus = exports.LargeWithActiveIndex = exports.WithActiveIndex = exports.CollapseAllWithLink = exports.LargeCollapseAll = exports.CollapseAll = exports.LargeWithLink = exports.WithLink = exports.Large = exports.Default = void 0;
|
|
7
7
|
var Accordion_1 = __importDefault(require("../Accordion"));
|
|
8
8
|
var faq_json_1 = __importDefault(require("./../../../jsons/faq.json"));
|
|
9
9
|
var props_1 = require("../../Accordion/props");
|
|
@@ -30,3 +30,133 @@ exports.Default = {
|
|
|
30
30
|
size: 'medium'
|
|
31
31
|
},
|
|
32
32
|
};
|
|
33
|
+
exports.Large = {
|
|
34
|
+
args: {
|
|
35
|
+
title: "Sıkça Sorulan Sorular",
|
|
36
|
+
data: faq_json_1.default,
|
|
37
|
+
showLink: false,
|
|
38
|
+
collapseAll: false,
|
|
39
|
+
hasScrollOnFocus: false,
|
|
40
|
+
activeIndex: null,
|
|
41
|
+
linkText: "Daha Fazla Soru Göster",
|
|
42
|
+
linkOnClick: function () { return console.log("test"); },
|
|
43
|
+
size: 'large'
|
|
44
|
+
},
|
|
45
|
+
};
|
|
46
|
+
exports.WithLink = {
|
|
47
|
+
args: {
|
|
48
|
+
title: "Merak Edebileceğin Sorulardan Bazıları",
|
|
49
|
+
data: faq_json_1.default,
|
|
50
|
+
showLink: true,
|
|
51
|
+
collapseAll: false,
|
|
52
|
+
hasScrollOnFocus: false,
|
|
53
|
+
activeIndex: null,
|
|
54
|
+
linkText: "Daha Fazla Soru Göster",
|
|
55
|
+
linkOnClick: function () { return console.log("Daha fazla soru göster tıklandı"); },
|
|
56
|
+
size: 'medium'
|
|
57
|
+
},
|
|
58
|
+
};
|
|
59
|
+
exports.LargeWithLink = {
|
|
60
|
+
args: {
|
|
61
|
+
title: "Sıkça Sorulan Sorular",
|
|
62
|
+
data: faq_json_1.default,
|
|
63
|
+
showLink: true,
|
|
64
|
+
collapseAll: false,
|
|
65
|
+
hasScrollOnFocus: false,
|
|
66
|
+
activeIndex: null,
|
|
67
|
+
linkText: "Tüm Soruları Gör",
|
|
68
|
+
linkOnClick: function () { return console.log("Tüm soruları gör tıklandı"); },
|
|
69
|
+
size: 'large'
|
|
70
|
+
},
|
|
71
|
+
};
|
|
72
|
+
exports.CollapseAll = {
|
|
73
|
+
args: {
|
|
74
|
+
title: "Tüm Sorular Açık",
|
|
75
|
+
data: faq_json_1.default,
|
|
76
|
+
showLink: false,
|
|
77
|
+
collapseAll: true,
|
|
78
|
+
hasScrollOnFocus: false,
|
|
79
|
+
activeIndex: null,
|
|
80
|
+
linkText: "Daha Fazla Soru Göster",
|
|
81
|
+
linkOnClick: function () { return console.log("test"); },
|
|
82
|
+
size: 'medium'
|
|
83
|
+
},
|
|
84
|
+
};
|
|
85
|
+
exports.LargeCollapseAll = {
|
|
86
|
+
args: {
|
|
87
|
+
title: "Tüm Sorular Açık (Large)",
|
|
88
|
+
data: faq_json_1.default,
|
|
89
|
+
showLink: false,
|
|
90
|
+
collapseAll: true,
|
|
91
|
+
hasScrollOnFocus: false,
|
|
92
|
+
activeIndex: null,
|
|
93
|
+
linkText: "Daha Fazla Soru Göster",
|
|
94
|
+
linkOnClick: function () { return console.log("test"); },
|
|
95
|
+
size: 'large'
|
|
96
|
+
},
|
|
97
|
+
};
|
|
98
|
+
exports.CollapseAllWithLink = {
|
|
99
|
+
args: {
|
|
100
|
+
title: "Tüm Sorular Açık ve Link Var",
|
|
101
|
+
data: faq_json_1.default,
|
|
102
|
+
showLink: true,
|
|
103
|
+
collapseAll: true,
|
|
104
|
+
hasScrollOnFocus: false,
|
|
105
|
+
activeIndex: null,
|
|
106
|
+
linkText: "Daha Fazla Soru Göster",
|
|
107
|
+
linkOnClick: function () { return console.log("test"); },
|
|
108
|
+
size: 'medium'
|
|
109
|
+
},
|
|
110
|
+
};
|
|
111
|
+
exports.WithActiveIndex = {
|
|
112
|
+
args: {
|
|
113
|
+
title: "Belirli Bir Soru Açık",
|
|
114
|
+
data: faq_json_1.default,
|
|
115
|
+
showLink: false,
|
|
116
|
+
collapseAll: false,
|
|
117
|
+
hasScrollOnFocus: false,
|
|
118
|
+
activeIndex: 2,
|
|
119
|
+
linkText: "Daha Fazla Soru Göster",
|
|
120
|
+
linkOnClick: function () { return console.log("test"); },
|
|
121
|
+
size: 'medium'
|
|
122
|
+
},
|
|
123
|
+
};
|
|
124
|
+
exports.LargeWithActiveIndex = {
|
|
125
|
+
args: {
|
|
126
|
+
title: "Belirli Bir Soru Açık (Large)",
|
|
127
|
+
data: faq_json_1.default,
|
|
128
|
+
showLink: false,
|
|
129
|
+
collapseAll: false,
|
|
130
|
+
hasScrollOnFocus: false,
|
|
131
|
+
activeIndex: 3,
|
|
132
|
+
linkText: "Daha Fazla Soru Göster",
|
|
133
|
+
linkOnClick: function () { return console.log("test"); },
|
|
134
|
+
size: 'large'
|
|
135
|
+
},
|
|
136
|
+
};
|
|
137
|
+
exports.WithScrollOnFocus = {
|
|
138
|
+
args: {
|
|
139
|
+
title: "Scroll On Focus Aktif",
|
|
140
|
+
data: faq_json_1.default,
|
|
141
|
+
showLink: false,
|
|
142
|
+
collapseAll: false,
|
|
143
|
+
hasScrollOnFocus: true,
|
|
144
|
+
activeIndex: 5,
|
|
145
|
+
linkText: "Daha Fazla Soru Göster",
|
|
146
|
+
linkOnClick: function () { return console.log("test"); },
|
|
147
|
+
size: 'medium'
|
|
148
|
+
},
|
|
149
|
+
};
|
|
150
|
+
exports.Complete = {
|
|
151
|
+
args: {
|
|
152
|
+
title: "Tüm Özellikler Aktif",
|
|
153
|
+
data: faq_json_1.default,
|
|
154
|
+
showLink: true,
|
|
155
|
+
collapseAll: false,
|
|
156
|
+
hasScrollOnFocus: true,
|
|
157
|
+
activeIndex: 4,
|
|
158
|
+
linkText: "Daha Fazla Soru Göster",
|
|
159
|
+
linkOnClick: function () { return console.log("Tüm özellikler aktif"); },
|
|
160
|
+
size: 'large'
|
|
161
|
+
},
|
|
162
|
+
};
|
|
@@ -59,6 +59,6 @@ var ActionButton = function (_a) {
|
|
|
59
59
|
(0, react_1.useEffect)(function () {
|
|
60
60
|
count();
|
|
61
61
|
}, [date]);
|
|
62
|
-
return ((0, jsx_runtime_1.jsxs)(ActionButton_styled_1.ActionButtonStyled, __assign({ "$width": width, "$hasTimer": hasTimer, "$hasInfo": hasInfo }, other, { children: [hasInfo && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "actionInfoText" }, { children: infoText })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "dashedLine" }, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ viewBox: "0 0 335 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M10.0009 0C12.653 0 15.1966 1.05357 17.0719 2.92893C18.9473 4.8043 20.0009 7.34783 20.0009 10C20.0009 12.6522 18.9473 15.1957 17.0719 17.0711C15.1966 18.9464 12.653 20 10.0009 20L10.0009 10V0Z", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M28.0009 9.5L306.999 10.4925", stroke: "white", "stroke-width": "6", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-dasharray": "12 12" }), (0, jsx_runtime_1.jsx)("path", { d: "M324.999 20C322.347 20 319.804 18.9464 317.928 17.0711C316.053 15.1957 314.999 12.6522 314.999 10C314.999 7.34784 316.053 4.8043 317.928 2.92893C319.804 1.05357 322.347 -3.16267e-08 324.999 0V10V20Z", fill: "white" })] })) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "actionInner" }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "top" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "icon" }, { children: img })), (0, jsx_runtime_1.jsx)("strong", { className: "title", dangerouslySetInnerHTML: { __html: title } }), !hasTimer && ((0, jsx_runtime_1.jsx)(Button_1.default, { size: "xsmall", width: "32px", icon: "ArrowSmallRight", variant: "primary" }))] })), hasTimer && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "bottom" }, { children: [(0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "timer" }, { children: [isMonthVisible && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "box" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "timerTitle" }, { children: months })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "timerDescription" }, { children: t('month') }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "dots" }, { children: ":" }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "box" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "timerTitle" }, { children: days })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "timerDescription" }, { children: t('day') }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "dots" }, { children: ":" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "box" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "timerTitle" }, { children: hours.toString().padStart(2, '0') })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "timerDescription" }, { children: t('hour') }))] })), !isMonthVisible && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "dots" }, { children: ":" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "box" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "timerTitle" }, { children: minutes.toString().padStart(2, '0') })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "timerDescription" }, { children: t('minute') }))] }))] }))] })), (0, jsx_runtime_1.jsx)(Button_1.default, { size: "xsmall", width: "32px", icon: "ArrowSmallRight", variant: "primary", isLoading: isLoading })] })] })))] }))] })));
|
|
62
|
+
return ((0, jsx_runtime_1.jsxs)(ActionButton_styled_1.ActionButtonStyled, __assign({ "$width": width, "$hasTimer": hasTimer, "$hasInfo": hasInfo }, other, { children: [hasInfo && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "actionInfoText" }, { children: infoText })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "dashedLine" }, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ viewBox: "0 0 335 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M10.0009 0C12.653 0 15.1966 1.05357 17.0719 2.92893C18.9473 4.8043 20.0009 7.34783 20.0009 10C20.0009 12.6522 18.9473 15.1957 17.0719 17.0711C15.1966 18.9464 12.653 20 10.0009 20L10.0009 10V0Z", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M28.0009 9.5L306.999 10.4925", stroke: "white", "stroke-width": "6", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-dasharray": "12 12" }), (0, jsx_runtime_1.jsx)("path", { d: "M324.999 20C322.347 20 319.804 18.9464 317.928 17.0711C316.053 15.1957 314.999 12.6522 314.999 10C314.999 7.34784 316.053 4.8043 317.928 2.92893C319.804 1.05357 322.347 -3.16267e-08 324.999 0V10V20Z", fill: "white" })] })) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "actionInner" }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "top" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "icon" }, { children: img })), (0, jsx_runtime_1.jsx)("strong", { className: "title", dangerouslySetInnerHTML: { __html: title } }), !hasTimer && ((0, jsx_runtime_1.jsx)(Button_1.default, { size: "xsmall", width: "32px", icon: "ArrowSmallRight", variant: "primary" }))] })), hasTimer && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "bottom" }, { children: [(0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "timer" }, { children: [isMonthVisible && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "box" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "timerTitle" }, { children: months })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "timerDescription" }, { children: t('month') }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "dots" }, { children: ":" }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "box" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "timerTitle" }, { children: days })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "timerDescription" }, { children: t('day') }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "dots" }, { children: ":" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "box" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "timerTitle" }, { children: (hours * -1).toString().padStart(2, '0') })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "timerDescription" }, { children: t('hour') }))] })), !isMonthVisible && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "dots" }, { children: ":" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "box" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "timerTitle" }, { children: (minutes * -1).toString().padStart(2, '0') })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "timerDescription" }, { children: t('minute') }))] }))] }))] })), (0, jsx_runtime_1.jsx)(Button_1.default, { size: "xsmall", width: "32px", icon: "ArrowSmallRight", variant: "primary", isLoading: isLoading })] })] })))] }))] })));
|
|
63
63
|
};
|
|
64
64
|
exports.default = ActionButton;
|
|
@@ -27,3 +27,115 @@ export declare const Default: {
|
|
|
27
27
|
infoText: string;
|
|
28
28
|
};
|
|
29
29
|
};
|
|
30
|
+
export declare const WithTimerNoInfo: {
|
|
31
|
+
args: {
|
|
32
|
+
width: string;
|
|
33
|
+
title: string;
|
|
34
|
+
date: string;
|
|
35
|
+
hasTimer: boolean;
|
|
36
|
+
img: import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
onClick: (e: any) => void;
|
|
38
|
+
isMonthVisible: boolean;
|
|
39
|
+
isLoading: boolean;
|
|
40
|
+
hasInfo: boolean;
|
|
41
|
+
infoText: string;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
export declare const WithTimerWithInfo: {
|
|
45
|
+
args: {
|
|
46
|
+
width: string;
|
|
47
|
+
title: string;
|
|
48
|
+
date: string;
|
|
49
|
+
hasTimer: boolean;
|
|
50
|
+
img: import("react/jsx-runtime").JSX.Element;
|
|
51
|
+
onClick: (e: any) => void;
|
|
52
|
+
isMonthVisible: boolean;
|
|
53
|
+
isLoading: boolean;
|
|
54
|
+
hasInfo: boolean;
|
|
55
|
+
infoText: string;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
export declare const WithTimerWithMonth: {
|
|
59
|
+
args: {
|
|
60
|
+
width: string;
|
|
61
|
+
title: string;
|
|
62
|
+
date: string;
|
|
63
|
+
hasTimer: boolean;
|
|
64
|
+
img: import("react/jsx-runtime").JSX.Element;
|
|
65
|
+
onClick: (e: any) => void;
|
|
66
|
+
isMonthVisible: boolean;
|
|
67
|
+
isLoading: boolean;
|
|
68
|
+
hasInfo: boolean;
|
|
69
|
+
infoText: string;
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
export declare const WithTimerWithMonthAndInfo: {
|
|
73
|
+
args: {
|
|
74
|
+
width: string;
|
|
75
|
+
title: string;
|
|
76
|
+
date: string;
|
|
77
|
+
hasTimer: boolean;
|
|
78
|
+
img: import("react/jsx-runtime").JSX.Element;
|
|
79
|
+
onClick: (e: any) => void;
|
|
80
|
+
isMonthVisible: boolean;
|
|
81
|
+
isLoading: boolean;
|
|
82
|
+
hasInfo: boolean;
|
|
83
|
+
infoText: string;
|
|
84
|
+
};
|
|
85
|
+
};
|
|
86
|
+
export declare const WithTimerLoading: {
|
|
87
|
+
args: {
|
|
88
|
+
width: string;
|
|
89
|
+
title: string;
|
|
90
|
+
date: string;
|
|
91
|
+
hasTimer: boolean;
|
|
92
|
+
img: import("react/jsx-runtime").JSX.Element;
|
|
93
|
+
onClick: (e: any) => void;
|
|
94
|
+
isMonthVisible: boolean;
|
|
95
|
+
isLoading: boolean;
|
|
96
|
+
hasInfo: boolean;
|
|
97
|
+
infoText: string;
|
|
98
|
+
};
|
|
99
|
+
};
|
|
100
|
+
export declare const WithTimerLoadingWithInfo: {
|
|
101
|
+
args: {
|
|
102
|
+
width: string;
|
|
103
|
+
title: string;
|
|
104
|
+
date: string;
|
|
105
|
+
hasTimer: boolean;
|
|
106
|
+
img: import("react/jsx-runtime").JSX.Element;
|
|
107
|
+
onClick: (e: any) => void;
|
|
108
|
+
isMonthVisible: boolean;
|
|
109
|
+
isLoading: boolean;
|
|
110
|
+
hasInfo: boolean;
|
|
111
|
+
infoText: string;
|
|
112
|
+
};
|
|
113
|
+
};
|
|
114
|
+
export declare const WithoutTimer: {
|
|
115
|
+
args: {
|
|
116
|
+
width: string;
|
|
117
|
+
title: string;
|
|
118
|
+
date: string;
|
|
119
|
+
hasTimer: boolean;
|
|
120
|
+
img: import("react/jsx-runtime").JSX.Element;
|
|
121
|
+
onClick: (e: any) => void;
|
|
122
|
+
isMonthVisible: boolean;
|
|
123
|
+
isLoading: boolean;
|
|
124
|
+
hasInfo: boolean;
|
|
125
|
+
infoText: string;
|
|
126
|
+
};
|
|
127
|
+
};
|
|
128
|
+
export declare const WithoutTimerWithInfo: {
|
|
129
|
+
args: {
|
|
130
|
+
width: string;
|
|
131
|
+
title: string;
|
|
132
|
+
date: string;
|
|
133
|
+
hasTimer: boolean;
|
|
134
|
+
img: import("react/jsx-runtime").JSX.Element;
|
|
135
|
+
onClick: (e: any) => void;
|
|
136
|
+
isMonthVisible: boolean;
|
|
137
|
+
isLoading: boolean;
|
|
138
|
+
hasInfo: boolean;
|
|
139
|
+
infoText: string;
|
|
140
|
+
};
|
|
141
|
+
};
|
|
@@ -3,12 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Default = void 0;
|
|
6
|
+
exports.WithoutTimerWithInfo = exports.WithoutTimer = exports.WithTimerLoadingWithInfo = exports.WithTimerLoading = exports.WithTimerWithMonthAndInfo = exports.WithTimerWithMonth = exports.WithTimerWithInfo = exports.WithTimerNoInfo = exports.Default = void 0;
|
|
7
7
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
8
|
var ActionButton_1 = __importDefault(require("../ActionButton"));
|
|
9
9
|
var iconList_1 = require("../../Icon/iconList");
|
|
10
10
|
var date = new Date();
|
|
11
11
|
date.setFullYear(new Date().getFullYear() + 1);
|
|
12
|
+
var defaultImg = (0, jsx_runtime_1.jsx)("img", { src: "https://www.kiralarsin.com/actionTimeCircle.svg", height: "45px", width: "45px", alt: "test" });
|
|
12
13
|
exports.default = {
|
|
13
14
|
title: 'Components/Action Button',
|
|
14
15
|
component: ActionButton_1.default,
|
|
@@ -24,8 +25,7 @@ exports.Default = {
|
|
|
24
25
|
title: 'Title',
|
|
25
26
|
date: date.toISOString(),
|
|
26
27
|
hasTimer: true,
|
|
27
|
-
|
|
28
|
-
img: (0, jsx_runtime_1.jsx)("img", { src: "https://www.kiralarsin.com/actionTimeCircle.svg", height: "45px", width: "45px", alt: "test" }),
|
|
28
|
+
img: defaultImg,
|
|
29
29
|
onClick: function (e) { return console.log(e); },
|
|
30
30
|
isMonthVisible: false,
|
|
31
31
|
isLoading: false,
|
|
@@ -33,3 +33,115 @@ exports.Default = {
|
|
|
33
33
|
infoText: "UZAT10 koduyla %10 indirim ",
|
|
34
34
|
},
|
|
35
35
|
};
|
|
36
|
+
exports.WithTimerNoInfo = {
|
|
37
|
+
args: {
|
|
38
|
+
width: '311px',
|
|
39
|
+
title: 'Action Button Title',
|
|
40
|
+
date: date.toISOString(),
|
|
41
|
+
hasTimer: true,
|
|
42
|
+
img: defaultImg,
|
|
43
|
+
onClick: function (e) { return console.log(e); },
|
|
44
|
+
isMonthVisible: false,
|
|
45
|
+
isLoading: false,
|
|
46
|
+
hasInfo: false,
|
|
47
|
+
infoText: "",
|
|
48
|
+
},
|
|
49
|
+
};
|
|
50
|
+
exports.WithTimerWithInfo = {
|
|
51
|
+
args: {
|
|
52
|
+
width: '311px',
|
|
53
|
+
title: 'Special Offer',
|
|
54
|
+
date: date.toISOString(),
|
|
55
|
+
hasTimer: true,
|
|
56
|
+
img: defaultImg,
|
|
57
|
+
onClick: function (e) { return console.log(e); },
|
|
58
|
+
isMonthVisible: false,
|
|
59
|
+
isLoading: false,
|
|
60
|
+
hasInfo: true,
|
|
61
|
+
infoText: "UZAT10 koduyla %10 indirim",
|
|
62
|
+
},
|
|
63
|
+
};
|
|
64
|
+
exports.WithTimerWithMonth = {
|
|
65
|
+
args: {
|
|
66
|
+
width: '311px',
|
|
67
|
+
title: 'Long Term Campaign',
|
|
68
|
+
date: date.toISOString(),
|
|
69
|
+
hasTimer: true,
|
|
70
|
+
img: defaultImg,
|
|
71
|
+
onClick: function (e) { return console.log(e); },
|
|
72
|
+
isMonthVisible: true,
|
|
73
|
+
isLoading: false,
|
|
74
|
+
hasInfo: false,
|
|
75
|
+
infoText: "",
|
|
76
|
+
},
|
|
77
|
+
};
|
|
78
|
+
exports.WithTimerWithMonthAndInfo = {
|
|
79
|
+
args: {
|
|
80
|
+
width: '311px',
|
|
81
|
+
title: 'Extended Campaign',
|
|
82
|
+
date: date.toISOString(),
|
|
83
|
+
hasTimer: true,
|
|
84
|
+
img: defaultImg,
|
|
85
|
+
onClick: function (e) { return console.log(e); },
|
|
86
|
+
isMonthVisible: true,
|
|
87
|
+
isLoading: false,
|
|
88
|
+
hasInfo: true,
|
|
89
|
+
infoText: "Özel kampanya fırsatı",
|
|
90
|
+
},
|
|
91
|
+
};
|
|
92
|
+
exports.WithTimerLoading = {
|
|
93
|
+
args: {
|
|
94
|
+
width: '311px',
|
|
95
|
+
title: 'Processing...',
|
|
96
|
+
date: date.toISOString(),
|
|
97
|
+
hasTimer: true,
|
|
98
|
+
img: defaultImg,
|
|
99
|
+
onClick: function (e) { return console.log(e); },
|
|
100
|
+
isMonthVisible: false,
|
|
101
|
+
isLoading: true,
|
|
102
|
+
hasInfo: false,
|
|
103
|
+
infoText: "",
|
|
104
|
+
},
|
|
105
|
+
};
|
|
106
|
+
exports.WithTimerLoadingWithInfo = {
|
|
107
|
+
args: {
|
|
108
|
+
width: '311px',
|
|
109
|
+
title: 'Loading Action',
|
|
110
|
+
date: date.toISOString(),
|
|
111
|
+
hasTimer: true,
|
|
112
|
+
img: defaultImg,
|
|
113
|
+
onClick: function (e) { return console.log(e); },
|
|
114
|
+
isMonthVisible: false,
|
|
115
|
+
isLoading: true,
|
|
116
|
+
hasInfo: true,
|
|
117
|
+
infoText: "İşlem devam ediyor...",
|
|
118
|
+
},
|
|
119
|
+
};
|
|
120
|
+
exports.WithoutTimer = {
|
|
121
|
+
args: {
|
|
122
|
+
width: '311px',
|
|
123
|
+
title: 'Simple Action Button',
|
|
124
|
+
date: date.toISOString(),
|
|
125
|
+
hasTimer: false,
|
|
126
|
+
img: defaultImg,
|
|
127
|
+
onClick: function (e) { return console.log(e); },
|
|
128
|
+
isMonthVisible: false,
|
|
129
|
+
isLoading: false,
|
|
130
|
+
hasInfo: false,
|
|
131
|
+
infoText: "",
|
|
132
|
+
},
|
|
133
|
+
};
|
|
134
|
+
exports.WithoutTimerWithInfo = {
|
|
135
|
+
args: {
|
|
136
|
+
width: '311px',
|
|
137
|
+
title: 'Action with Info',
|
|
138
|
+
date: date.toISOString(),
|
|
139
|
+
hasTimer: false,
|
|
140
|
+
img: defaultImg,
|
|
141
|
+
onClick: function (e) { return console.log(e); },
|
|
142
|
+
isMonthVisible: false,
|
|
143
|
+
isLoading: false,
|
|
144
|
+
hasInfo: true,
|
|
145
|
+
infoText: "Bilgilendirme metni buraya gelir",
|
|
146
|
+
},
|
|
147
|
+
};
|