krl-alfred 1.58.0 → 1.59.0

package/dist/components/Accordion/Accordion.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccordionContext = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var Accordion_styled_1 = require("./Accordion.styled");
+var AccordionItem_1 = __importDefault(require("./AccordionItem"));
+exports.AccordionContext = (0, react_1.createContext)({
+    active: 0,
+    setActive: function (index) { }
+});
+var Accordion = function (props) {
+    var title = props.title, data = props.data, activeIndex = props.activeIndex, showLink = props.showLink, linkText = props.linkText, linkOnClick = props.linkOnClick;
+    var _a = (0, react_1.useState)(0), active = _a[0], setActive = _a[1];
+    (0, react_1.useEffect)(function () {
+        setActive(activeIndex);
+    }, [activeIndex]);
+    return ((0, jsx_runtime_1.jsxs)(Accordion_styled_1.AccordionStyled, { children: [title && (0, jsx_runtime_1.jsx)(Accordion_styled_1.AccordionTitle, { className: "title-bold-16-19", children: title }), (0, jsx_runtime_1.jsx)(Accordion_styled_1.Wrapper, { children: (0, jsx_runtime_1.jsx)(exports.AccordionContext.Provider, { value: {
+                        active: active,
+                        setActive: setActive
+                    }, children: data === null || data === void 0 ? void 0 : data.map(function (item, key) { return ((0, jsx_runtime_1.jsx)(AccordionItem_1.default, { index: key, title: item.question, content: item.answer }, key)); }) }) }), showLink && ((0, jsx_runtime_1.jsx)(Accordion_styled_1.TextLink, { className: "body-bold-14-17", onClick: linkOnClick, children: linkText }))] }));
+};
+Accordion.defaultProps = {
+    activeIndex: 0,
+    linkText: 'Daha Fazla Soru Göster',
+    showLink: false,
+};
+exports.default = Accordion;

package/dist/components/Accordion/Accordion.styled.js

@@ -0,0 +1,19 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextLink = exports.ItemContent = exports.ItemTitle = exports.Item = exports.Wrapper = exports.AccordionTitle = exports.AccordionStyled = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.AccordionStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 1.5rem;\n  border: 1px solid var(--dark-opacity-10);\n  border-radius: 0.5rem;\n  color: var(--dark);\n"], ["\n  padding: 1.5rem;\n  border: 1px solid var(--dark-opacity-10);\n  border-radius: 0.5rem;\n  color: var(--dark);\n"])));
+exports.AccordionTitle = styled_components_1.default.h1(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-bottom: 1.5rem;\n  margin-top: 0;\n"], ["\n  margin-bottom: 1.5rem;\n  margin-top: 0;\n"])));
+exports.Wrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\n"], ["\n\n"])));
+exports.Item = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  &:not(:nth-child(1)) {\n    margin-top: 1.5rem;\n  }\n"], ["\n  &:not(:nth-child(1)) {\n    margin-top: 1.5rem;\n  }\n"])));
+exports.ItemTitle = styled_components_1.default.strong(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n"])));
+exports.ItemContent = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  transition: all .3s ease;\n  overflow: hidden;\n  position: relative;\n  > div{\n    padding: 1rem 0 0;\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n  }\n"], ["\n  transition: all .3s ease;\n  overflow: hidden;\n  position: relative;\n  > div{\n    padding: 1rem 0 0;\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n  }\n"])));
+exports.TextLink = styled_components_1.default.button(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0;\n  padding: 0 0;\n  font-family: inherit;\n  cursor: pointer;\n  transition: all .2s;\n  background-color: white;\n  border: 0;\n  color: var(--primary);\n  margin-top: 1.5rem!important;\n"], ["\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0;\n  padding: 0 0;\n  font-family: inherit;\n  cursor: pointer;\n  transition: all .2s;\n  background-color: white;\n  border: 0;\n  color: var(--primary);\n  margin-top: 1.5rem!important;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/dist/components/Accordion/AccordionItem.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var Accordion_styled_1 = require("./Accordion.styled");
+var Accordion_1 = require("./Accordion");
+var Icon_1 = __importDefault(require("../Icon/Icon"));
+var AccordionItem = function (props) {
+    var title = props.title, content = props.content, index = props.index;
+    var _a = (0, react_1.useContext)(Accordion_1.AccordionContext), active = _a.active, setActive = _a.setActive;
+    var _b = (0, react_1.useState)(0), height = _b[0], setHeight = _b[1];
+    var itemRef = (0, react_1.useRef)();
+    (0, react_1.useEffect)(function () {
+        var _a, _b;
+        setHeight(active === index ? (_b = (_a = itemRef === null || itemRef === void 0 ? void 0 : itemRef.current) === null || _a === void 0 ? void 0 : _a.children[0]) === null || _b === void 0 ? void 0 : _b.clientHeight : 0);
+    });
+    return ((0, jsx_runtime_1.jsxs)(Accordion_styled_1.Item, { children: [(0, jsx_runtime_1.jsxs)(Accordion_styled_1.ItemTitle, { onClick: function () { return setActive(active === index ? null : index); }, className: "body-bold-14-17", children: [(0, jsx_runtime_1.jsx)("div", { children: title }), (0, jsx_runtime_1.jsxs)("div", { children: [" ", (0, jsx_runtime_1.jsx)(Icon_1.default, { name: active === index ? 'NegativeSmall' : 'PlusSmall', width: "24px", height: "24px" }), " "] })] }), (0, jsx_runtime_1.jsx)(Accordion_styled_1.ItemContent, { ref: itemRef, style: { height: height }, active: active === index, className: "body-regular-14-17", children: (0, jsx_runtime_1.jsx)("div", { children: content }) })] }));
+};
+exports.default = AccordionItem;

package/dist/components/Accordion/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Accordion_1 = require("./Accordion");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Accordion_1).default; } });

package/dist/components/Accordion/props.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/components/Accordion/stories/Accordion.stories.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+var Accordion_1 = __importDefault(require("../Accordion"));
+var faq_json_1 = __importDefault(require("./../../../jsons/faq.json"));
+exports.default = {
+    title: 'Components/Accordion',
+    component: Accordion_1.default,
+    tags: ['autodocs'],
+    argTypes: {}
+};
+exports.Default = {
+    args: {
+        title: "Merak Edebileceğin Sorulardan Bazıları",
+        data: faq_json_1.default,
+        showLink: false,
+        linkText: "Daha Fazla Soru Göster",
+        linkOnClick: function () { return console.log("test"); },
+    },
+};

package/dist/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Divider = exports.SearchBox = exports.ValueProposition = exports.Textarea = exports.ActionButton = exports.RadioButton = exports.Icon = exports.Agreement = exports.Alert = exports.Stepper = exports.ProductCard = exports.OtpInput = exports.Modal = exports.Input = exports.CircleProgress = exports.Checkbox = exports.CategoryMenu = exports.Breadcrumbs = exports.Spinner = exports.Button = void 0;
+exports.Accordion = exports.Divider = exports.SearchBox = exports.ValueProposition = exports.Textarea = exports.ActionButton = exports.RadioButton = exports.Icon = exports.Agreement = exports.Alert = exports.Stepper = exports.ProductCard = exports.OtpInput = exports.Modal = exports.Input = exports.CircleProgress = exports.Checkbox = exports.CategoryMenu = exports.Breadcrumbs = exports.Spinner = exports.Button = void 0;
 var Button_1 = __importDefault(require("./components/Button"));
 exports.Button = Button_1.default;
 var Spinner_1 = __importDefault(require("./components/Spinner"));
@@ -44,3 +44,5 @@ var SearchBox_1 = __importDefault(require("./components/SearchBox"));
 exports.SearchBox = SearchBox_1.default;
 var Divider_1 = __importDefault(require("./components/Divider"));
 exports.Divider = Divider_1.default;
+var Accordion_1 = __importDefault(require("./components/Accordion"));
+exports.Accordion = Accordion_1.default;

package/dist/jsons/faq.json

@@ -0,0 +1,26 @@
+[
+    {
+        "question": "Kiralama ne zaman başlıyor ve bitiyor?",
+        "answer": "Kiralamanız cihaz size teslim edildiği gün başlar ve geri teslim edilen gün biter. İstanbul içindeki siparişlerde iade gününde cihazını tekrar adresinizden geri alıyoruz, diğer şehirlerde ücretsiz iade koduyla kargo şubesine bırakmanızı rica ediyoruz.\n"
+    },
+    {
+        "question": "Cihazın başına bir şey gelirse ne olur?",
+        "answer": "Endişelenme, oluşabilecek basit çizikleri, renk değişimlerini hasardan saymıyoruz. Büyük bir hasar varsa bile, %80'e kadar hasar güvencesi sunuyoruz. Dilersen ‘tamamlarsın’ %100 hasar güvenceni sepetine ekleyerek kiralama yapabilirsin. ‘’Ya bana bozuk gelirse?'' dediğini duyar gibiyiz. \uD83E\uDD13 Cihazın eline ulaştıktan sonra, gördüğün tüm hasarları bildirebileceğin bir mail iletiyoruz. \uD83D\uDC9C"
+    },
+    {
+        "question": "Cihazın orijinal kutusunu muhafaza etmem gerekir mi?",
+        "answer": "Cihazınızı teslim aldıktan sonra orijinal kutusunu muhafaza etmeniz ve o kutu içinde kargo şirketine iade etmeniz beklenmektedir. Sizden cihazı size verdiğimiz şekilde, orijinal kutusunda ve tüm parçaları eksiksiz bir şekilde iletmenizi bekliyoruz. Yani evet, orijinal kutusunu geri istiyoruz. Orijinal kutusu geri gelmeyen cihazları ne yazık ki hasarlı olarak değerlendiriyoruz. Amacımız tüm kiralamalarda aynı cihaz deneyimini sunmak. \uD83D\uDC9C"
+    },
+    {
+        "question": "Hangi sürelerle kiralama yapabilirim?",
+        "answer": "Kolay soru! Kiralama süreleri 1 hafta, 1 ay ve 3 ay. Kira süren bitmeden hemen önce kira süreni uzatabilir, veya dilersen cihazı satın almak için teklif isteyebilirsin. Tüm sorularını cevaplamak için buradayız. \uD83D\uDE09"
+    },
+    {
+        "question": "Hangi şehirlerde hizmet veriyorsunuz?\n",
+        "answer": "Kiralarsın tam 81 ilde!\nTüm şehirlerden online olarak siparişini oluşturabilir, kargo ile cihazını adresine sipariş verebilirsin. İstanbul içindeki siparişlerde iade gününde cihazını tekrar adresinden teslim alıyoruz, diğer şehirlerde ücretsiz iade koduyla kargo şubesine bırakmanı rica ediyoruz.\uD83D\uDE09"
+    },
+    {
+        "question": "Kiralama sürem bittiğinde ne olacak?",
+        "answer": "Kira süren bitmeden süreni uzatabilir, cihazı satın alabilir veya kiralamanı sonlandırabilirsin. Kartından otomatik ödeme çekmiyoruz, sadece sen uzatma siparişi oluşturursan süreni uzatıyoruz. İstanbul'da cihazı adresinden geri alıyoruz, diğer şehirlerde ücretsiz iade koduyla kargo şubesine bırakmanı rica ediyoruz! Tüm yönlendirmeler kiralama süren bitmeye yakın sana ulaşacak. \uD83D\uDCE6"
+    }
+]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "krl-alfred",
-  "version": "1.58.0",
+  "version": "1.59.0",
   "files": [
     "dist"
   ],