krl-alfred 1.80.21 → 1.81.0

package/dist/components/RadioScale/RadioScale.js

@@ -0,0 +1,28 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 props_1 = require("./props");
+var RadioScale_styled_1 = require("./RadioScale.styled");
+var RadioButton_1 = __importDefault(require("../RadioButton"));
+var RadioScale = function (_a) {
+    var _b = _a.disabled, disabled = _b === void 0 ? props_1.RadioScaleDefault.disabled : _b, _c = _a.value, value = _c === void 0 ? props_1.RadioScaleDefault.value : _c, _d = _a.valid, valid = _d === void 0 ? props_1.RadioScaleDefault.valid : _d, _e = _a.onChange, onChange = _e === void 0 ? props_1.RadioScaleDefault.onChange : _e, _f = _a.name, name = _f === void 0 ? props_1.RadioScaleDefault.name : _f, _g = _a.id, id = _g === void 0 ? props_1.RadioScaleDefault.id : _g, _h = _a.label, label = _h === void 0 ? props_1.RadioScaleDefault.label : _h, _j = _a.readOnly, readOnly = _j === void 0 ? props_1.RadioScaleDefault.readOnly : _j, _k = _a.length, length = _k === void 0 ? props_1.RadioScaleDefault.length : _k, _l = _a.alignment, alignment = _l === void 0 ? props_1.RadioScaleDefault.alignment : _l;
+    return ((0, jsx_runtime_1.jsxs)(RadioScale_styled_1.RadioScaleStyled, { children: [label && ((0, jsx_runtime_1.jsx)(RadioScale_styled_1.LabelWrapper, { children: (0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: id }, { children: label })) })), (0, jsx_runtime_1.jsx)(RadioScale_styled_1.ScaleList, { children: Array.from({ length: length }).map(function (scaleValue, index) {
+                    scaleValue = index + 1;
+                    return ((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: "".concat(id, "_").concat(index), onChange: onChange, disabled: disabled, name: name, value: scaleValue, checked: parseInt(value) === scaleValue || value === scaleValue, label: String(scaleValue), valid: valid, alignment: alignment, readOnly: readOnly, labelOffset: alignment === "vertical" ? '0' : '0.5rem', size: "small", textSize: "medium" }));
+                }) })] }));
+};
+exports.default = RadioScale;

package/dist/components/RadioScale/RadioScale.styled.js

@@ -0,0 +1,15 @@
+"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.ScaleList = exports.LabelWrapper = exports.RadioScaleStyled = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.RadioScaleStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([" "], [" "])));
+exports.LabelWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: flex;\n    margin-bottom: 16px;\n    font:var(--caption-bold-12-15);\n    label {\n        margin: 0;\n        color: var(--dark-opacity-50);\n        display: block;\n    }\n"], ["\n    display: flex;\n    margin-bottom: 16px;\n    font:var(--caption-bold-12-15);\n    label {\n        margin: 0;\n        color: var(--dark-opacity-50);\n        display: block;\n    }\n"])));
+exports.ScaleList = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n"], ["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/RadioScale/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 RadioScale_1 = require("./RadioScale");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(RadioScale_1).default; } });

package/dist/components/RadioScale/props.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioScaleDefault = exports.alignment = void 0;
+exports.alignment = ["vertical", "horizontal"];
+exports.RadioScaleDefault = {
+    disabled: false,
+    valid: true,
+    readOnly: false,
+    id: "radio",
+    length: 10,
+    alignment: "horizontal",
+    label: "Label",
+};

package/dist/components/RadioScale/stories/RadioScale.stories.js

@@ -0,0 +1,38 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 jsx_runtime_1 = require("react/jsx-runtime");
+var RadioScale_1 = __importDefault(require("../RadioScale"));
+var props_1 = require("../props");
+exports.default = {
+    title: 'Components/RadioScale',
+    component: function (props) { return (0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '350px' } }, { children: (0, jsx_runtime_1.jsx)(RadioScale_1.default, __assign({}, props)) })); },
+    tags: ['autodocs'],
+    argTypes: {
+        alignment: { control: 'select', options: props_1.alignment },
+    }
+};
+exports.Default = {
+    args: {
+        alignment: "vertical",
+        length: 5,
+        value: 3,
+        label: "Label",
+        disabled: false,
+        readOnly: false,
+    },
+};

package/dist/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProductCardCheckbox = exports.PaymentCart = exports.Tabs = exports.ProductCardHorizontalSm = exports.ProductCardHorizontal = exports.ProductCardVertical = exports.BannerCard = exports.AutocompleteInput = exports.InstallmentBox = exports.AddressCard = exports.ReviewCard = exports.useTranslation = exports.trLocale = exports.enLocale = exports.initi18n = exports.initReactI18next = exports.CampaignCard = exports.Dropdown = exports.InlineProgress = exports.Loader = exports.ShoppingCartProduct = exports.CouponCode = exports.InfoBox = exports.ListGroup = exports.InsuranceBox = exports.Tooltip = exports.TextLink = exports.SelectBox = exports.Badges = exports.SuggestBox = exports.Toaster = exports.toast = exports.Accordion = exports.Divider = exports.SearchBox = exports.Textarea = exports.ActionButton = exports.RadioButton = exports.Icon = exports.Agreement = exports.Alert = exports.Stepper = exports.OtpInput = exports.Modal = exports.Input = exports.CircleProgress = exports.Checkbox = exports.CategoryMenu = exports.Breadcrumbs = exports.Button = void 0;
-exports.SkeletonLoader = exports.Pagination = exports.DescriptionCard = exports.Table = exports.DropdownButton = exports.OptionMenu = void 0;
+exports.RadioScale = exports.SkeletonLoader = exports.Pagination = exports.DescriptionCard = exports.Table = exports.DropdownButton = exports.OptionMenu = void 0;
 var react_i18next_1 = require("react-i18next");
 Object.defineProperty(exports, "initReactI18next", { enumerable: true, get: function () { return react_i18next_1.initReactI18next; } });
 Object.defineProperty(exports, "useTranslation", { enumerable: true, get: function () { return react_i18next_1.useTranslation; } });
@@ -115,3 +115,5 @@ var Pagination_1 = __importDefault(require("./components/Pagination"));
 exports.Pagination = Pagination_1.default;
 var SkeletonLoader_1 = __importDefault(require("./components/SkeletonLoader"));
 exports.SkeletonLoader = SkeletonLoader_1.default;
+var RadioScale_1 = __importDefault(require("./components/RadioScale"));
+exports.RadioScale = RadioScale_1.default;

package/package.json

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