@citygross/components 0.7.190 → 0.7.192

package/build/@types/components/MaxHeightText/MaxHeightText.d.ts

@@ -5,5 +5,4 @@ export declare type TMaxHeightText = {
     readLessText?: string;
     maxHeight: number;
 };
-declare const MaxHeightText: ({ readMoreText, readLessText, maxHeight, children }: TMaxHeightText) => JSX.Element;
-export default MaxHeightText;
+export declare function MaxHeightText({ readMoreText, readLessText, maxHeight, children }: TMaxHeightText): JSX.Element;

package/build/@types/components/MaxHeightText/MaxHeightText.stories.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { TMaxHeightText } from './MaxHeightText';
 import { Story } from '@storybook/react';
 declare const _default: {
-    component: ({ readMoreText, readLessText, maxHeight, children }: TMaxHeightText) => JSX.Element;
+    component: any;
     title: string;
 };
 export default _default;

package/build/cjs/components/src/components/MaxHeightText/MaxHeightText.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var styles = require('./styles.js');
+var Link = require('../Links/Link.js');
+var typography = require('@citygross/typography');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function MaxHeightText(_a) {
+    var readMoreText = _a.readMoreText, readLessText = _a.readLessText, maxHeight = _a.maxHeight, children = _a.children;
+    var _b = React.useState(false), open = _b[0], setOpen = _b[1];
+    return (React__default["default"].createElement(styles.MaxHeightTextWrapper, null,
+        React__default["default"].createElement(styles.MaxHeightTextContainer, { maxHeight: open ? undefined : maxHeight },
+            children,
+            !open && React__default["default"].createElement(styles.MaxHeightTextFader, null)),
+        React__default["default"].createElement(Link.Link, { size: typography.TextTypes.TextSize.REGULAR, onClick: function () { return setOpen(!open); } }, open ? readLessText : readMoreText)));
+}
+
+exports.MaxHeightText = MaxHeightText;
+//# sourceMappingURL=MaxHeightText.js.map

package/build/cjs/components/src/components/MaxHeightText/MaxHeightText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaxHeightText.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/components/MaxHeightText/styles.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var _tslib = require('../../../../_virtual/_tslib.js');
 var styled = require('styled-components');
 
@@ -7,8 +9,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ", "px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: ", "px;\n"])), function (props) { var _a, _b; return (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.spacings) === null || _b === void 0 ? void 0 : _b.xs; });
-styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  max-height: ", ";\n  overflow: hidden;\n  position: relative;\n"], ["\n  max-height: ", ";\n  overflow: hidden;\n  position: relative;\n"])), function (props) { return ((props === null || props === void 0 ? void 0 : props.maxHeight) ? "".concat(props === null || props === void 0 ? void 0 : props.maxHeight, "px") : 'auto'); });
-styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: ", "px;\n  background: linear-gradient(\n    ", "\n  );\n"], ["\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: ", "px;\n  background: linear-gradient(\n    ", "\n  );\n"])), function (props) { var _a, _b; return (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.constants) === null || _b === void 0 ? void 0 : _b.maxHeightFaderHeight; }, function (props) { var _a, _b, _c, _d; return "".concat((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.transparent, ", ").concat((_d = (_c = props.theme) === null || _c === void 0 ? void 0 : _c.palette) === null || _d === void 0 ? void 0 : _d.lightest); });
+var MaxHeightTextWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ", "px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: ", "px;\n"])), function (props) { var _a, _b; return (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.spacings) === null || _b === void 0 ? void 0 : _b.xs; });
+var MaxHeightTextContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  max-height: ", ";\n  overflow: hidden;\n  position: relative;\n"], ["\n  max-height: ", ";\n  overflow: hidden;\n  position: relative;\n"])), function (props) { return ((props === null || props === void 0 ? void 0 : props.maxHeight) ? "".concat(props === null || props === void 0 ? void 0 : props.maxHeight, "px") : 'auto'); });
+var MaxHeightTextFader = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: ", "px;\n  background: linear-gradient(\n    ", "\n  );\n"], ["\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: ", "px;\n  background: linear-gradient(\n    ", "\n  );\n"])), function (props) { var _a, _b; return (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.constants) === null || _b === void 0 ? void 0 : _b.maxHeightFaderHeight; }, function (props) { var _a, _b, _c, _d; return "".concat((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.transparent, ", ").concat((_d = (_c = props.theme) === null || _c === void 0 ? void 0 : _c.palette) === null || _d === void 0 ? void 0 : _d.lightest); });
 var templateObject_1, templateObject_2, templateObject_3;
+
+exports.MaxHeightTextContainer = MaxHeightTextContainer;
+exports.MaxHeightTextFader = MaxHeightTextFader;
+exports.MaxHeightTextWrapper = MaxHeightTextWrapper;
 //# sourceMappingURL=styles.js.map

package/build/cjs/components/src/components/MaxHeightText/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/index.js

@@ -79,9 +79,7 @@ var MenuListItem = require('./components/MenuListItem/MenuListItem.js');
 var SlideInOutContainer = require('./components/SlideInOutContainer/SlideInOutContainer.js');
 var SearchSuggestionChip = require('./components/SearchSuggestionChip/SearchSuggestionChip.js');
 var ZipCodeInput = require('./components/ZipCodeInput/ZipCodeInput.js');
-require('react');
-require('./components/MaxHeightText/styles.js');
-require('@citygross/typography');
+var MaxHeightText = require('./components/MaxHeightText/MaxHeightText.js');
 
 
 
@@ -193,4 +191,5 @@ exports.MenuListItem = MenuListItem.MenuListItem;
 exports.SlideInOutContainer = SlideInOutContainer.SlideInOutContainer;
 exports.SearchSuggestionChip = SearchSuggestionChip.SearchSuggestionChip;
 exports.ZipCodeInput = ZipCodeInput.ZipCodeInput;
+exports.MaxHeightText = MaxHeightText.MaxHeightText;
 //# sourceMappingURL=index.js.map

package/build/cjs/components/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/utils/build/index.js

@@ -343,6 +343,31 @@ function useWindowSize() {
     return { width: windowSize.width, height: windowSize.height };
 }
 
+function comparisonTypes(type) {
+    switch (type) {
+        case 'KGM':
+            return 'kg';
+        case 'G':
+            return 'g';
+        case 'LTR':
+            return 'l';
+        case 'PCE':
+            return 'st';
+        case 'H87':
+            return 'st';
+        case 'm':
+            return 'm';
+        case 'MM':
+            return 'm';
+        case 'MTR':
+            return 'm';
+        case 'DSK':
+            return 'disk';
+        case 'TVA':
+            return 'tvätt';
+    }
+}
+
 var phoneRegex = /^[0-9]{7,14}$/;
 var nameRegex = /^[a-ö, A-Ö]$/;
 var zipRegex = /(^\d{5}$)|(^\d{3} \d{2}$)/;
@@ -18618,6 +18643,7 @@ var Locale;
 moment.locale(Locale.swedish);
 
 index.__exports.capitalizeFirstLetter = capitalizeFirstLetter;
+index.__exports.comparisonTypes = comparisonTypes;
 index.__exports.emailRegex = emailRegex;
 index.__exports.formatPrice = formatPrice;
 index.__exports.formatPriceWithDecimalsReduced = formatPriceWithDecimalsReduced;