@laerdal/life-react-components 5.0.9 → 6.0.0-dev.1.full

package/dist/Tile/TileCommonItems.cjs

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.TileNoteWrapper = exports.TileNoteText = exports.TileNoteIcon = exports.TileHyperLinkWrapper = exports.TileHyperLinkText = exports.TileHyperLinkIcon = exports.RenderTileItem = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _Button = require("../Button");
 var _Toggles = require("../Toggles");
 var _Dropdown = require("../Dropdown");
@@ -17,37 +16,125 @@ var _styles = require("../styles");
 var _HyperLink = require("../HyperLink");
 var _types = require("../types");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["linkText", "componentType", "linkIcon"],
+const _excluded = ["linkText", "componentType", "linkIcon"],
   _excluded2 = ["buttonText", "componentType"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var TileNoteText = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
-exports.TileNoteText = TileNoteText;
-var TileNoteIcon = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["display: flex;"])));
-exports.TileNoteIcon = TileNoteIcon;
-var TileNoteWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  color: ", ";\n\n  &.small {\n    gap: 4px;\n\n    ", " {\n      width: 16px;\n      height: 16px;\n    }\n\n    ", " {\n      ", "\n    }\n  }\n\n  &.medium {\n    gap: 6px;\n\n    ", " {\n      width: 16px;\n      height: 16px;\n    }\n\n    ", " {\n      ", "\n    }\n\n  }\n\n  &.large {\n    gap: 8px;\n\n    ", " {\n      width: 20px;\n      height: 20px;\n    }\n\n    ", " {\n      ", "\n    }\n  }\n"])), function (props) {
-  return _styles.COLORS.getColor('neutral_600', props.theme);
-}, TileNoteIcon, TileNoteText, (0, _styles.ComponentXXSStyling)(_styles.ComponentTextStyle.Regular, null), TileNoteIcon, TileNoteText, (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, null), TileNoteIcon, TileNoteText, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, null));
-exports.TileNoteWrapper = TileNoteWrapper;
-var TileHyperLinkIcon = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["display: flex"])));
-exports.TileHyperLinkIcon = TileHyperLinkIcon;
-var TileHyperLinkText = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])([""])));
-exports.TileHyperLinkText = TileHyperLinkText;
-var TileHyperLinkWrapper = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  width: max-content;\n\n  ", "\n  a {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 4px;\n  }\n\n  &.small {\n    ", " {\n      width: 24px;\n      height: 24px;\n    }\n\n    ", " {\n      ", "\n    }\n\n    a {\n      gap: 4px;\n    }\n  }\n\n  &.medium {\n    ", " {\n      width: 24px;\n      height: 24px;\n    }\n\n    ", " {\n      ", "\n    }\n\n    a {\n      gap: 6px;\n    }\n  }\n\n  &.large {\n    ", " {\n      width: 28px;\n      height: 28px;\n    }\n\n    ", " {\n      ", "\n    }\n\n    a {\n      gap: 8px;\n    }\n  }\n"])), function (props) {
-  return (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('primary_500', props.theme));
-}, TileHyperLinkIcon, TileHyperLinkText, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, null), TileHyperLinkIcon, TileHyperLinkText, (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, null), TileHyperLinkIcon, TileHyperLinkText, (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, null));
-exports.TileHyperLinkWrapper = TileHyperLinkWrapper;
-var RenderTileItem = function RenderTileItem(item, size) {
-  var key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+const TileNoteText = exports.TileNoteText = _styledComponents.default.div``;
+const TileNoteIcon = exports.TileNoteIcon = _styledComponents.default.div`display: flex;`;
+const TileNoteWrapper = exports.TileNoteWrapper = _styledComponents.default.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: ${props => _styles.COLORS.getColor('neutral_600', props.theme)};
+
+  &.small {
+    gap: 4px;
+
+    ${TileNoteIcon} {
+      width: 16px;
+      height: 16px;
+    }
+
+    ${TileNoteText} {
+      ${(0, _styles.ComponentXXSStyling)(_styles.ComponentTextStyle.Regular, null)}
+    }
+  }
+
+  &.medium {
+    gap: 6px;
+
+    ${TileNoteIcon} {
+      width: 16px;
+      height: 16px;
+    }
+
+    ${TileNoteText} {
+      ${(0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, null)}
+    }
+
+  }
+
+  &.large {
+    gap: 8px;
+
+    ${TileNoteIcon} {
+      width: 20px;
+      height: 20px;
+    }
+
+    ${TileNoteText} {
+      ${(0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, null)}
+    }
+  }
+`;
+const TileHyperLinkIcon = exports.TileHyperLinkIcon = _styledComponents.default.div`display: flex`;
+const TileHyperLinkText = exports.TileHyperLinkText = _styledComponents.default.div``;
+const TileHyperLinkWrapper = exports.TileHyperLinkWrapper = _styledComponents.default.div`
+  width: max-content;
+
+  ${props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('primary_500', props.theme))}
+  a {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 4px;
+  }
+
+  &.small {
+    ${TileHyperLinkIcon} {
+      width: 24px;
+      height: 24px;
+    }
+
+    ${TileHyperLinkText} {
+      ${(0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, null)}
+    }
+
+    a {
+      gap: 4px;
+    }
+  }
+
+  &.medium {
+    ${TileHyperLinkIcon} {
+      width: 24px;
+      height: 24px;
+    }
+
+    ${TileHyperLinkText} {
+      ${(0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, null)}
+    }
+
+    a {
+      gap: 6px;
+    }
+  }
+
+  &.large {
+    ${TileHyperLinkIcon} {
+      width: 28px;
+      height: 28px;
+    }
+
+    ${TileHyperLinkText} {
+      ${(0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, null)}
+    }
+
+    a {
+      gap: 8px;
+    }
+  }
+`;
+const RenderTileItem = function (item, size) {
+  let key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
   switch (item.componentType) {
     case 'icon':
       {
-        var _item$variant, _item$shape;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-          variant: (_item$variant = item.variant) !== null && _item$variant !== void 0 ? _item$variant : 'secondary',
+          variant: item.variant ?? 'secondary',
           useTransparentBackground: item.variant == 'secondary' ? true : false,
-          shape: (_item$shape = item.shape) !== null && _item$shape !== void 0 ? _item$shape : 'circular',
+          shape: item.shape ?? 'circular',
           action: item.action,
           tooltip: item.tooltip,
           disabled: item.disabled,
@@ -71,6 +158,7 @@ var RenderTileItem = function RenderTileItem(item, size) {
           items: item.items,
           itemsType: item.itemsType,
           onClick: item.onClick,
+          value: item.value,
           icon: item.icon,
           tooltip: item.tooltip,
           action: item.action,
@@ -85,12 +173,34 @@ var RenderTileItem = function RenderTileItem(item, size) {
           disabled: item.disabled
         }, key);
       }
+    case 'text-dropdown':
+      {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.DropdownButton, {
+          type: 'text',
+          items: item.items,
+          itemsType: item.itemsType,
+          onClick: item.onClick,
+          value: item.value,
+          label: item.label,
+          keepLabel: item.keepLabel,
+          action: item.action,
+          actionIcon: item.actionIcon,
+          actionLabel: item.actionLabel,
+          actionVariant: item.actionVariant,
+          actionLoading: item.actionLoading,
+          multiSelect: item.multiSelect,
+          scrollable: item.scrollable,
+          pinTopItem: item.pinTopItem,
+          maxHeight: item.maxHeight,
+          disabled: item.disabled
+        }, key);
+      }
     case 'note':
       {
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TileNoteWrapper, {
           className: size,
           children: [item.noteIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(TileNoteIcon, {
-            children: /*#__PURE__*/_react["default"].cloneElement(item.noteIcon, {
+            children: /*#__PURE__*/_react.default.cloneElement(item.noteIcon, {
               size: size === _types.Size.Large ? '20px' : '16'
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TileNoteText, {
@@ -100,17 +210,19 @@ var RenderTileItem = function RenderTileItem(item, size) {
       }
     case 'link':
       {
-        var linkText = item.linkText,
-          componentType = item.componentType,
-          linkIcon = item.linkIcon,
-          rest = (0, _objectWithoutProperties2["default"])(item, _excluded);
+        const {
+            linkText,
+            componentType,
+            linkIcon
+          } = item,
+          rest = (0, _objectWithoutProperties2.default)(item, _excluded);
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(TileHyperLinkWrapper, {
           className: size,
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_HyperLink.HyperLink, _objectSpread(_objectSpread({}, rest), {}, {
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TileHyperLinkText, {
               children: linkText
             }), linkIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(TileHyperLinkIcon, {
-              children: /*#__PURE__*/_react["default"].cloneElement(linkIcon, {
+              children: /*#__PURE__*/_react.default.cloneElement(linkIcon, {
                 size: size === _types.Size.Large ? '28px' : '24px'
               })
             })]
@@ -119,12 +231,14 @@ var RenderTileItem = function RenderTileItem(item, size) {
       }
     case 'button':
       {
-        var buttonText = item.buttonText,
-          _componentType = item.componentType,
-          _rest = (0, _objectWithoutProperties2["default"])(item, _excluded2);
+        const {
+            buttonText,
+            componentType
+          } = item,
+          rest = (0, _objectWithoutProperties2.default)(item, _excluded2);
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, _objectSpread(_objectSpread({
           size: [_types.Size.XSmall, _types.Size.XSmall, _types.Size.XXSmall].includes(size) ? _types.Size.Small : size == _types.Size.Large ? _types.Size.Large : _types.Size.Medium
-        }, _rest), {}, {
+        }, rest), {}, {
           children: buttonText
         }), key);
       }

package/dist/Tile/TileCommonItems.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TileCommonItems.cjs","names":["_Button","require","_Toggles","_Dropdown","_react","_interopRequireDefault","_styledComponents","_styles","_HyperLink","_types","_jsxRuntime","_excluded","_excluded2","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","TileNoteText","styled","div","_taggedTemplateLiteral2","exports","TileNoteIcon","TileNoteWrapper","props","COLORS","getColor","theme","ComponentXXSStyling","ComponentTextStyle","Regular","ComponentXSStyling","ComponentSStyling","TileHyperLinkIcon","TileHyperLinkText","TileHyperLinkWrapper","Bold","ComponentMStyling","ComponentLStyling","RenderTileItem","item","size","key","undefined","componentType","_item$variant","_item$shape","jsx","IconButton","variant","useTransparentBackground","shape","action","tooltip","disabled","children","icon","ToggleButton","active","onChange","defaultState","activeState","DropdownButton","type","items","itemsType","onClick","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight","jsxs","className","noteIcon","React","cloneElement","Size","Large","noteText","linkText","linkIcon","rest","_objectWithoutProperties2","HyperLink","buttonText","Button","XSmall","XXSmall","includes","Small","Medium"],"sources":["../../src/Tile/TileCommonItems.tsx"],"sourcesContent":["import {\r\n  TileDropdownButton,\r\n  TileHyperLink,\r\n  TileIconButton,\r\n  TileNote,\r\n  TileStandardButton,\r\n  TileToggleButton\r\n} from './TileTypes';\r\nimport {Button, IconButton} from '../Button';\r\nimport {ToggleButton} from '../Toggles';\r\nimport {DropdownButton} from '../Dropdown';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS, ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {HyperLink} from '../HyperLink';\r\nimport {Size} from '../types';\r\n\r\n\r\nexport const TileNoteText = styled.div``;\r\nexport const TileNoteIcon = styled.div`display: flex;`;\r\nexport const TileNoteWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n\r\n  &.small {\r\n    gap: 4px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    gap: 6px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n  }\r\n\r\n  &.large {\r\n    gap: 8px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n  }\r\n`;\r\n\r\n\r\nexport const TileHyperLinkIcon = styled.div`display: flex`;\r\nexport const TileHyperLinkText = styled.div``;\r\n\r\nexport const TileHyperLinkWrapper = styled.div`\r\n  width: max-content;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('primary_500', props.theme))}\r\n  a {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.small {\r\n    ${TileHyperLinkIcon} {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 4px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${TileHyperLinkIcon} {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 6px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${TileHyperLinkIcon} {\r\n      width: 28px;\r\n      height: 28px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 8px;\r\n    }\r\n  }\r\n`\r\n\r\nexport const RenderTileItem = (item: TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileNote | TileHyperLink,\r\n                               size: Size,\r\n                               key: any | undefined = undefined) => {\r\n  switch (item.componentType) {\r\n    case 'icon': {\r\n      return <IconButton key={key}\r\n                         variant={item.variant ?? 'secondary'}\r\n                         useTransparentBackground={item.variant == 'secondary' ? true : false}\r\n                         shape={item.shape ?? 'circular'}\r\n                         action={item.action}\r\n                         tooltip={item.tooltip}\r\n                         disabled={item.disabled}>\r\n        {item.icon}\r\n      </IconButton>\r\n    }\r\n    case 'toggle': {\r\n      return <ToggleButton key={key}\r\n                           active={item.active}\r\n                           onChange={item.onChange}\r\n                           defaultState={item.defaultState}\r\n                           activeState={item.activeState}\r\n                           disabled={item.disabled}/>\r\n    }\r\n    case 'dropdown': {\r\n      return <DropdownButton key={key}\r\n                             type={'icon'}\r\n                             items={item.items}\r\n                             itemsType={item.itemsType}\r\n                             onClick={item.onClick}\r\n                             icon={item.icon}\r\n                             tooltip={item.tooltip}\r\n                             action={item.action}\r\n                             actionIcon={item.actionIcon}\r\n                             actionLabel={item.actionLabel}\r\n                             actionVariant={item.actionVariant}\r\n                             actionLoading={item.actionLoading}\r\n                             multiSelect={item.multiSelect}\r\n                             scrollable={item.scrollable}\r\n                             pinTopItem={item.pinTopItem}\r\n                             maxHeight={item.maxHeight}\r\n                             disabled={item.disabled}/>\r\n\r\n    }\r\n    case 'note': {\r\n      return <TileNoteWrapper key={key} className={size}>\r\n        {\r\n          item.noteIcon &&\r\n          <TileNoteIcon>\r\n            {React.cloneElement(item.noteIcon as React.ReactElement, {size: size === Size.Large ? '20px' : '16'})}\r\n          </TileNoteIcon>\r\n        }\r\n        <TileNoteText>{item.noteText}</TileNoteText>\r\n      </TileNoteWrapper>\r\n\r\n    }\r\n    case 'link': {\r\n      const {linkText, componentType, linkIcon, ...rest} = item;\r\n      return <TileHyperLinkWrapper className={size} key={key}>\r\n        <HyperLink {...rest}>\r\n          <TileHyperLinkText>{linkText}</TileHyperLinkText>\r\n          {\r\n            linkIcon &&\r\n            <TileHyperLinkIcon>\r\n              {React.cloneElement(linkIcon as React.ReactElement, {size: size === Size.Large ? '28px' : '24px'})}\r\n            </TileHyperLinkIcon>\r\n          }\r\n        </HyperLink>\r\n      </TileHyperLinkWrapper>\r\n    }\r\n    case 'button': {\r\n      const {buttonText, componentType, ...rest} = item;\r\n      return <Button key={key}\r\n                     size={[Size.XSmall, Size.XSmall, Size.XXSmall].includes(size) ? Size.Small: \r\n                      size == Size.Large ? Size.Large : Size.Medium}\r\n                     {...rest}>\r\n        {buttonText}\r\n      </Button>\r\n    }\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TileCommonItems.cjs","names":["_Button","require","_Toggles","_Dropdown","_react","_interopRequireDefault","_styledComponents","_styles","_HyperLink","_types","_jsxRuntime","_excluded","_excluded2","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","TileNoteText","exports","styled","div","TileNoteIcon","TileNoteWrapper","props","COLORS","getColor","theme","ComponentXXSStyling","ComponentTextStyle","Regular","ComponentXSStyling","ComponentSStyling","TileHyperLinkIcon","TileHyperLinkText","TileHyperLinkWrapper","Bold","ComponentMStyling","ComponentLStyling","RenderTileItem","item","size","key","undefined","componentType","jsx","IconButton","variant","useTransparentBackground","shape","action","tooltip","disabled","children","icon","ToggleButton","active","onChange","defaultState","activeState","DropdownButton","type","items","itemsType","onClick","value","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight","label","keepLabel","jsxs","className","noteIcon","React","cloneElement","Size","Large","noteText","linkText","linkIcon","rest","_objectWithoutProperties2","HyperLink","buttonText","Button","XSmall","XXSmall","includes","Small","Medium"],"sources":["../../src/Tile/TileCommonItems.tsx"],"sourcesContent":["import {\r\n  TileDropdownButton,\r\n  TileHyperLink,\r\n  TileIconButton,\r\n  TileNote,\r\n  TileStandardButton, TileTextDropdownButton,\r\n  TileToggleButton\r\n} from './TileTypes';\r\nimport {Button, IconButton} from '../Button';\r\nimport {ToggleButton} from '../Toggles';\r\nimport {DropdownButton} from '../Dropdown';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS, ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {HyperLink} from '../HyperLink';\r\nimport {Size} from '../types';\r\n\r\n\r\nexport const TileNoteText = styled.div``;\r\nexport const TileNoteIcon = styled.div`display: flex;`;\r\nexport const TileNoteWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n\r\n  &.small {\r\n    gap: 4px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    gap: 6px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n  }\r\n\r\n  &.large {\r\n    gap: 8px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n  }\r\n`;\r\n\r\n\r\nexport const TileHyperLinkIcon = styled.div`display: flex`;\r\nexport const TileHyperLinkText = styled.div``;\r\n\r\nexport const TileHyperLinkWrapper = styled.div`\r\n  width: max-content;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('primary_500', props.theme))}\r\n  a {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.small {\r\n    ${TileHyperLinkIcon} {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 4px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${TileHyperLinkIcon} {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 6px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${TileHyperLinkIcon} {\r\n      width: 28px;\r\n      height: 28px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 8px;\r\n    }\r\n  }\r\n`\r\n\r\nexport const RenderTileItem = (item: TileIconButton | TileToggleButton | TileDropdownButton | TileTextDropdownButton | TileStandardButton | TileNote | TileHyperLink,\r\n                               size: Size,\r\n                               key: any | undefined = undefined) => {\r\n  switch (item.componentType) {\r\n    case 'icon': {\r\n      return <IconButton key={key}\r\n                         variant={item.variant ?? 'secondary'}\r\n                         useTransparentBackground={item.variant == 'secondary' ? true : false}\r\n                         shape={item.shape ?? 'circular'}\r\n                         action={item.action}\r\n                         tooltip={item.tooltip}\r\n                         disabled={item.disabled}>\r\n        {item.icon}\r\n      </IconButton>\r\n    }\r\n    case 'toggle': {\r\n      return <ToggleButton key={key}\r\n                           active={item.active}\r\n                           onChange={item.onChange}\r\n                           defaultState={item.defaultState}\r\n                           activeState={item.activeState}\r\n                           disabled={item.disabled}/>\r\n    }\r\n    case 'dropdown': {\r\n      return <DropdownButton key={key}\r\n                             type={'icon'}\r\n                             items={item.items}\r\n                             itemsType={item.itemsType}\r\n                             onClick={item.onClick}\r\n                             value={item.value}\r\n                             icon={item.icon}\r\n                             tooltip={item.tooltip}\r\n                             action={item.action}\r\n                             actionIcon={item.actionIcon}\r\n                             actionLabel={item.actionLabel}\r\n                             actionVariant={item.actionVariant}\r\n                             actionLoading={item.actionLoading}\r\n                             multiSelect={item.multiSelect}\r\n                             scrollable={item.scrollable}\r\n                             pinTopItem={item.pinTopItem}\r\n                             maxHeight={item.maxHeight}\r\n                             disabled={item.disabled}/>\r\n\r\n    }\r\n    case 'text-dropdown': {\r\n      return <DropdownButton key={key}\r\n                             type={'text'}\r\n                             items={item.items}\r\n                             itemsType={item.itemsType}\r\n                             onClick={item.onClick}\r\n                             value={item.value}\r\n                             label={item.label}\r\n                             keepLabel={item.keepLabel}\r\n                             action={item.action}\r\n                             actionIcon={item.actionIcon}\r\n                             actionLabel={item.actionLabel}\r\n                             actionVariant={item.actionVariant}\r\n                             actionLoading={item.actionLoading}\r\n                             multiSelect={item.multiSelect}\r\n                             scrollable={item.scrollable}\r\n                             pinTopItem={item.pinTopItem}\r\n                             maxHeight={item.maxHeight}\r\n                             disabled={item.disabled}/>\r\n\r\n    }\r\n    case 'note': {\r\n      return (\r\n        <TileNoteWrapper key={key} className={size}>\r\n          {\r\n            item.noteIcon &&\r\n            <TileNoteIcon>\r\n              {React.cloneElement(item.noteIcon as React.ReactElement<any>, {size: size === Size.Large ? '20px' : '16'})}\r\n            </TileNoteIcon>\r\n          }\r\n          <TileNoteText>{item.noteText}</TileNoteText>\r\n        </TileNoteWrapper>\r\n      );\r\n\r\n    }\r\n    case 'link': {\r\n      const {linkText, componentType, linkIcon, ...rest} = item;\r\n      return (\r\n        <TileHyperLinkWrapper className={size} key={key}>\r\n          <HyperLink {...rest}>\r\n            <TileHyperLinkText>{linkText}</TileHyperLinkText>\r\n            {\r\n              linkIcon &&\r\n              <TileHyperLinkIcon>\r\n                {React.cloneElement(linkIcon as React.ReactElement<any>, {size: size === Size.Large ? '28px' : '24px'})}\r\n              </TileHyperLinkIcon>\r\n            }\r\n          </HyperLink>\r\n        </TileHyperLinkWrapper>\r\n      );\r\n    }\r\n    case 'button': {\r\n      const {buttonText, componentType, ...rest} = item;\r\n      return <Button key={key}\r\n                     size={[Size.XSmall, Size.XSmall, Size.XXSmall].includes(size) ? Size.Small: \r\n                      size == Size.Large ? Size.Large : Size.Medium}\r\n                     {...rest}>\r\n        {buttonText}\r\n      </Button>\r\n    }\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Tile/TileCommonItems.d.ts

@@ -1,10 +1,10 @@
-import { TileDropdownButton, TileHyperLink, TileIconButton, TileNote, TileStandardButton, TileToggleButton } from './TileTypes';
-import React from 'react';
-import { Size } from '../types';
-export declare const TileNoteText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TileNoteIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TileNoteWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TileHyperLinkIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TileHyperLinkText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TileHyperLinkWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const RenderTileItem: (item: TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileNote | TileHyperLink, size: Size, key?: any | undefined) => React.JSX.Element;
+import { TileDropdownButton, TileHyperLink, TileIconButton, TileNote, TileStandardButton, TileTextDropdownButton, TileToggleButton } from './TileTypes';
+import React from 'react';
+import { Size } from '../types';
+export declare const TileNoteText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TileNoteIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TileNoteWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TileHyperLinkIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TileHyperLinkText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TileHyperLinkWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const RenderTileItem: (item: TileIconButton | TileToggleButton | TileDropdownButton | TileTextDropdownButton | TileStandardButton | TileNote | TileHyperLink, size: Size, key?: any | undefined) => React.JSX.Element;

package/dist/Tile/TileCommonItems.js

@@ -1,9 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _excluded = ["linkText", "componentType", "linkIcon"],
+const _excluded = ["linkText", "componentType", "linkIcon"],
   _excluded2 = ["buttonText", "componentType"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { Button, IconButton } from '../Button';
@@ -14,28 +12,122 @@ import styled from 'styled-components';
 import { COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXSStyling, ComponentXXSStyling } from '../styles';
 import { HyperLink } from '../HyperLink';
 import { Size } from '../types';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var TileNoteText = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
-export var TileNoteIcon = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["display: flex;"])));
-export var TileNoteWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  color: ", ";\n\n  &.small {\n    gap: 4px;\n\n    ", " {\n      width: 16px;\n      height: 16px;\n    }\n\n    ", " {\n      ", "\n    }\n  }\n\n  &.medium {\n    gap: 6px;\n\n    ", " {\n      width: 16px;\n      height: 16px;\n    }\n\n    ", " {\n      ", "\n    }\n\n  }\n\n  &.large {\n    gap: 8px;\n\n    ", " {\n      width: 20px;\n      height: 20px;\n    }\n\n    ", " {\n      ", "\n    }\n  }\n"])), function (props) {
-  return COLORS.getColor('neutral_600', props.theme);
-}, TileNoteIcon, TileNoteText, ComponentXXSStyling(ComponentTextStyle.Regular, null), TileNoteIcon, TileNoteText, ComponentXSStyling(ComponentTextStyle.Regular, null), TileNoteIcon, TileNoteText, ComponentSStyling(ComponentTextStyle.Regular, null));
-export var TileHyperLinkIcon = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["display: flex"])));
-export var TileHyperLinkText = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([""])));
-export var TileHyperLinkWrapper = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: max-content;\n\n  ", "\n  a {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 4px;\n  }\n\n  &.small {\n    ", " {\n      width: 24px;\n      height: 24px;\n    }\n\n    ", " {\n      ", "\n    }\n\n    a {\n      gap: 4px;\n    }\n  }\n\n  &.medium {\n    ", " {\n      width: 24px;\n      height: 24px;\n    }\n\n    ", " {\n      ", "\n    }\n\n    a {\n      gap: 6px;\n    }\n  }\n\n  &.large {\n    ", " {\n      width: 28px;\n      height: 28px;\n    }\n\n    ", " {\n      ", "\n    }\n\n    a {\n      gap: 8px;\n    }\n  }\n"])), function (props) {
-  return ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('primary_500', props.theme));
-}, TileHyperLinkIcon, TileHyperLinkText, ComponentSStyling(ComponentTextStyle.Bold, null), TileHyperLinkIcon, TileHyperLinkText, ComponentMStyling(ComponentTextStyle.Bold, null), TileHyperLinkIcon, TileHyperLinkText, ComponentLStyling(ComponentTextStyle.Bold, null));
-export var RenderTileItem = function RenderTileItem(item, size) {
-  var key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const TileNoteText = styled.div``;
+export const TileNoteIcon = styled.div`display: flex;`;
+export const TileNoteWrapper = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: ${props => COLORS.getColor('neutral_600', props.theme)};
+
+  &.small {
+    gap: 4px;
+
+    ${TileNoteIcon} {
+      width: 16px;
+      height: 16px;
+    }
+
+    ${TileNoteText} {
+      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}
+    }
+  }
+
+  &.medium {
+    gap: 6px;
+
+    ${TileNoteIcon} {
+      width: 16px;
+      height: 16px;
+    }
+
+    ${TileNoteText} {
+      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}
+    }
+
+  }
+
+  &.large {
+    gap: 8px;
+
+    ${TileNoteIcon} {
+      width: 20px;
+      height: 20px;
+    }
+
+    ${TileNoteText} {
+      ${ComponentSStyling(ComponentTextStyle.Regular, null)}
+    }
+  }
+`;
+export const TileHyperLinkIcon = styled.div`display: flex`;
+export const TileHyperLinkText = styled.div``;
+export const TileHyperLinkWrapper = styled.div`
+  width: max-content;
+
+  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('primary_500', props.theme))}
+  a {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 4px;
+  }
+
+  &.small {
+    ${TileHyperLinkIcon} {
+      width: 24px;
+      height: 24px;
+    }
+
+    ${TileHyperLinkText} {
+      ${ComponentSStyling(ComponentTextStyle.Bold, null)}
+    }
+
+    a {
+      gap: 4px;
+    }
+  }
+
+  &.medium {
+    ${TileHyperLinkIcon} {
+      width: 24px;
+      height: 24px;
+    }
+
+    ${TileHyperLinkText} {
+      ${ComponentMStyling(ComponentTextStyle.Bold, null)}
+    }
+
+    a {
+      gap: 6px;
+    }
+  }
+
+  &.large {
+    ${TileHyperLinkIcon} {
+      width: 28px;
+      height: 28px;
+    }
+
+    ${TileHyperLinkText} {
+      ${ComponentLStyling(ComponentTextStyle.Bold, null)}
+    }
+
+    a {
+      gap: 8px;
+    }
+  }
+`;
+export const RenderTileItem = function (item, size) {
+  let key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
   switch (item.componentType) {
     case 'icon':
       {
-        var _item$variant, _item$shape;
         return /*#__PURE__*/_jsx(IconButton, {
-          variant: (_item$variant = item.variant) !== null && _item$variant !== void 0 ? _item$variant : 'secondary',
+          variant: item.variant ?? 'secondary',
           useTransparentBackground: item.variant == 'secondary' ? true : false,
-          shape: (_item$shape = item.shape) !== null && _item$shape !== void 0 ? _item$shape : 'circular',
+          shape: item.shape ?? 'circular',
           action: item.action,
           tooltip: item.tooltip,
           disabled: item.disabled,
@@ -59,6 +151,7 @@ export var RenderTileItem = function RenderTileItem(item, size) {
           items: item.items,
           itemsType: item.itemsType,
           onClick: item.onClick,
+          value: item.value,
           icon: item.icon,
           tooltip: item.tooltip,
           action: item.action,
@@ -73,6 +166,28 @@ export var RenderTileItem = function RenderTileItem(item, size) {
           disabled: item.disabled
         }, key);
       }
+    case 'text-dropdown':
+      {
+        return /*#__PURE__*/_jsx(DropdownButton, {
+          type: 'text',
+          items: item.items,
+          itemsType: item.itemsType,
+          onClick: item.onClick,
+          value: item.value,
+          label: item.label,
+          keepLabel: item.keepLabel,
+          action: item.action,
+          actionIcon: item.actionIcon,
+          actionLabel: item.actionLabel,
+          actionVariant: item.actionVariant,
+          actionLoading: item.actionLoading,
+          multiSelect: item.multiSelect,
+          scrollable: item.scrollable,
+          pinTopItem: item.pinTopItem,
+          maxHeight: item.maxHeight,
+          disabled: item.disabled
+        }, key);
+      }
     case 'note':
       {
         return /*#__PURE__*/_jsxs(TileNoteWrapper, {
@@ -88,9 +203,11 @@ export var RenderTileItem = function RenderTileItem(item, size) {
       }
     case 'link':
       {
-        var linkText = item.linkText,
-          componentType = item.componentType,
-          linkIcon = item.linkIcon,
+        const {
+            linkText,
+            componentType,
+            linkIcon
+          } = item,
           rest = _objectWithoutProperties(item, _excluded);
         return /*#__PURE__*/_jsx(TileHyperLinkWrapper, {
           className: size,
@@ -107,12 +224,14 @@ export var RenderTileItem = function RenderTileItem(item, size) {
       }
     case 'button':
       {
-        var buttonText = item.buttonText,
-          _componentType = item.componentType,
-          _rest = _objectWithoutProperties(item, _excluded2);
+        const {
+            buttonText,
+            componentType
+          } = item,
+          rest = _objectWithoutProperties(item, _excluded2);
         return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
           size: [Size.XSmall, Size.XSmall, Size.XXSmall].includes(size) ? Size.Small : size == Size.Large ? Size.Large : Size.Medium
-        }, _rest), {}, {
+        }, rest), {}, {
           children: buttonText
         }), key);
       }

package/dist/Tile/TileCommonItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileCommonItems.js","names":["Button","IconButton","ToggleButton","DropdownButton","React","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","ComponentXXSStyling","HyperLink","Size","jsx","_jsx","jsxs","_jsxs","TileNoteText","div","_templateObject","_taggedTemplateLiteral","TileNoteIcon","_templateObject2","TileNoteWrapper","_templateObject3","props","getColor","theme","Regular","TileHyperLinkIcon","_templateObject4","TileHyperLinkText","_templateObject5","TileHyperLinkWrapper","_templateObject6","Bold","RenderTileItem","item","size","key","arguments","length","undefined","componentType","_item$variant","_item$shape","variant","useTransparentBackground","shape","action","tooltip","disabled","children","icon","active","onChange","defaultState","activeState","type","items","itemsType","onClick","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight","className","noteIcon","cloneElement","Large","noteText","linkText","linkIcon","rest","_objectWithoutProperties","_excluded","_objectSpread","buttonText","_excluded2","XSmall","XXSmall","includes","Small","Medium"],"sources":["../../src/Tile/TileCommonItems.tsx"],"sourcesContent":["import {\r\n  TileDropdownButton,\r\n  TileHyperLink,\r\n  TileIconButton,\r\n  TileNote,\r\n  TileStandardButton,\r\n  TileToggleButton\r\n} from './TileTypes';\r\nimport {Button, IconButton} from '../Button';\r\nimport {ToggleButton} from '../Toggles';\r\nimport {DropdownButton} from '../Dropdown';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS, ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {HyperLink} from '../HyperLink';\r\nimport {Size} from '../types';\r\n\r\n\r\nexport const TileNoteText = styled.div``;\r\nexport const TileNoteIcon = styled.div`display: flex;`;\r\nexport const TileNoteWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n\r\n  &.small {\r\n    gap: 4px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    gap: 6px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n  }\r\n\r\n  &.large {\r\n    gap: 8px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n  }\r\n`;\r\n\r\n\r\nexport const TileHyperLinkIcon = styled.div`display: flex`;\r\nexport const TileHyperLinkText = styled.div``;\r\n\r\nexport const TileHyperLinkWrapper = styled.div`\r\n  width: max-content;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('primary_500', props.theme))}\r\n  a {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.small {\r\n    ${TileHyperLinkIcon} {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 4px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${TileHyperLinkIcon} {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 6px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${TileHyperLinkIcon} {\r\n      width: 28px;\r\n      height: 28px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 8px;\r\n    }\r\n  }\r\n`\r\n\r\nexport const RenderTileItem = (item: TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileNote | TileHyperLink,\r\n                               size: Size,\r\n                               key: any | undefined = undefined) => {\r\n  switch (item.componentType) {\r\n    case 'icon': {\r\n      return <IconButton key={key}\r\n                         variant={item.variant ?? 'secondary'}\r\n                         useTransparentBackground={item.variant == 'secondary' ? true : false}\r\n                         shape={item.shape ?? 'circular'}\r\n                         action={item.action}\r\n                         tooltip={item.tooltip}\r\n                         disabled={item.disabled}>\r\n        {item.icon}\r\n      </IconButton>\r\n    }\r\n    case 'toggle': {\r\n      return <ToggleButton key={key}\r\n                           active={item.active}\r\n                           onChange={item.onChange}\r\n                           defaultState={item.defaultState}\r\n                           activeState={item.activeState}\r\n                           disabled={item.disabled}/>\r\n    }\r\n    case 'dropdown': {\r\n      return <DropdownButton key={key}\r\n                             type={'icon'}\r\n                             items={item.items}\r\n                             itemsType={item.itemsType}\r\n                             onClick={item.onClick}\r\n                             icon={item.icon}\r\n                             tooltip={item.tooltip}\r\n                             action={item.action}\r\n                             actionIcon={item.actionIcon}\r\n                             actionLabel={item.actionLabel}\r\n                             actionVariant={item.actionVariant}\r\n                             actionLoading={item.actionLoading}\r\n                             multiSelect={item.multiSelect}\r\n                             scrollable={item.scrollable}\r\n                             pinTopItem={item.pinTopItem}\r\n                             maxHeight={item.maxHeight}\r\n                             disabled={item.disabled}/>\r\n\r\n    }\r\n    case 'note': {\r\n      return <TileNoteWrapper key={key} className={size}>\r\n        {\r\n          item.noteIcon &&\r\n          <TileNoteIcon>\r\n            {React.cloneElement(item.noteIcon as React.ReactElement, {size: size === Size.Large ? '20px' : '16'})}\r\n          </TileNoteIcon>\r\n        }\r\n        <TileNoteText>{item.noteText}</TileNoteText>\r\n      </TileNoteWrapper>\r\n\r\n    }\r\n    case 'link': {\r\n      const {linkText, componentType, linkIcon, ...rest} = item;\r\n      return <TileHyperLinkWrapper className={size} key={key}>\r\n        <HyperLink {...rest}>\r\n          <TileHyperLinkText>{linkText}</TileHyperLinkText>\r\n          {\r\n            linkIcon &&\r\n            <TileHyperLinkIcon>\r\n              {React.cloneElement(linkIcon as React.ReactElement, {size: size === Size.Large ? '28px' : '24px'})}\r\n            </TileHyperLinkIcon>\r\n          }\r\n        </HyperLink>\r\n      </TileHyperLinkWrapper>\r\n    }\r\n    case 'button': {\r\n      const {buttonText, componentType, ...rest} = item;\r\n      return <Button key={key}\r\n                     size={[Size.XSmall, Size.XSmall, Size.XXSmall].includes(size) ? Size.Small: \r\n                      size == Size.Large ? Size.Large : Size.Medium}\r\n                     {...rest}>\r\n        {buttonText}\r\n      </Button>\r\n    }\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TileCommonItems.js","names":["Button","IconButton","ToggleButton","DropdownButton","React","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","ComponentXXSStyling","HyperLink","Size","jsx","_jsx","jsxs","_jsxs","TileNoteText","div","TileNoteIcon","TileNoteWrapper","props","getColor","theme","Regular","TileHyperLinkIcon","TileHyperLinkText","TileHyperLinkWrapper","Bold","RenderTileItem","item","size","key","arguments","length","undefined","componentType","variant","useTransparentBackground","shape","action","tooltip","disabled","children","icon","active","onChange","defaultState","activeState","type","items","itemsType","onClick","value","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight","label","keepLabel","className","noteIcon","cloneElement","Large","noteText","linkText","linkIcon","rest","_objectWithoutProperties","_excluded","_objectSpread","buttonText","_excluded2","XSmall","XXSmall","includes","Small","Medium"],"sources":["../../src/Tile/TileCommonItems.tsx"],"sourcesContent":["import {\r\n  TileDropdownButton,\r\n  TileHyperLink,\r\n  TileIconButton,\r\n  TileNote,\r\n  TileStandardButton, TileTextDropdownButton,\r\n  TileToggleButton\r\n} from './TileTypes';\r\nimport {Button, IconButton} from '../Button';\r\nimport {ToggleButton} from '../Toggles';\r\nimport {DropdownButton} from '../Dropdown';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS, ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {HyperLink} from '../HyperLink';\r\nimport {Size} from '../types';\r\n\r\n\r\nexport const TileNoteText = styled.div``;\r\nexport const TileNoteIcon = styled.div`display: flex;`;\r\nexport const TileNoteWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n\r\n  &.small {\r\n    gap: 4px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    gap: 6px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n  }\r\n\r\n  &.large {\r\n    gap: 8px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n  }\r\n`;\r\n\r\n\r\nexport const TileHyperLinkIcon = styled.div`display: flex`;\r\nexport const TileHyperLinkText = styled.div``;\r\n\r\nexport const TileHyperLinkWrapper = styled.div`\r\n  width: max-content;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('primary_500', props.theme))}\r\n  a {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.small {\r\n    ${TileHyperLinkIcon} {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 4px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${TileHyperLinkIcon} {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 6px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${TileHyperLinkIcon} {\r\n      width: 28px;\r\n      height: 28px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 8px;\r\n    }\r\n  }\r\n`\r\n\r\nexport const RenderTileItem = (item: TileIconButton | TileToggleButton | TileDropdownButton | TileTextDropdownButton | TileStandardButton | TileNote | TileHyperLink,\r\n                               size: Size,\r\n                               key: any | undefined = undefined) => {\r\n  switch (item.componentType) {\r\n    case 'icon': {\r\n      return <IconButton key={key}\r\n                         variant={item.variant ?? 'secondary'}\r\n                         useTransparentBackground={item.variant == 'secondary' ? true : false}\r\n                         shape={item.shape ?? 'circular'}\r\n                         action={item.action}\r\n                         tooltip={item.tooltip}\r\n                         disabled={item.disabled}>\r\n        {item.icon}\r\n      </IconButton>\r\n    }\r\n    case 'toggle': {\r\n      return <ToggleButton key={key}\r\n                           active={item.active}\r\n                           onChange={item.onChange}\r\n                           defaultState={item.defaultState}\r\n                           activeState={item.activeState}\r\n                           disabled={item.disabled}/>\r\n    }\r\n    case 'dropdown': {\r\n      return <DropdownButton key={key}\r\n                             type={'icon'}\r\n                             items={item.items}\r\n                             itemsType={item.itemsType}\r\n                             onClick={item.onClick}\r\n                             value={item.value}\r\n                             icon={item.icon}\r\n                             tooltip={item.tooltip}\r\n                             action={item.action}\r\n                             actionIcon={item.actionIcon}\r\n                             actionLabel={item.actionLabel}\r\n                             actionVariant={item.actionVariant}\r\n                             actionLoading={item.actionLoading}\r\n                             multiSelect={item.multiSelect}\r\n                             scrollable={item.scrollable}\r\n                             pinTopItem={item.pinTopItem}\r\n                             maxHeight={item.maxHeight}\r\n                             disabled={item.disabled}/>\r\n\r\n    }\r\n    case 'text-dropdown': {\r\n      return <DropdownButton key={key}\r\n                             type={'text'}\r\n                             items={item.items}\r\n                             itemsType={item.itemsType}\r\n                             onClick={item.onClick}\r\n                             value={item.value}\r\n                             label={item.label}\r\n                             keepLabel={item.keepLabel}\r\n                             action={item.action}\r\n                             actionIcon={item.actionIcon}\r\n                             actionLabel={item.actionLabel}\r\n                             actionVariant={item.actionVariant}\r\n                             actionLoading={item.actionLoading}\r\n                             multiSelect={item.multiSelect}\r\n                             scrollable={item.scrollable}\r\n                             pinTopItem={item.pinTopItem}\r\n                             maxHeight={item.maxHeight}\r\n                             disabled={item.disabled}/>\r\n\r\n    }\r\n    case 'note': {\r\n      return (\r\n        <TileNoteWrapper key={key} className={size}>\r\n          {\r\n            item.noteIcon &&\r\n            <TileNoteIcon>\r\n              {React.cloneElement(item.noteIcon as React.ReactElement<any>, {size: size === Size.Large ? '20px' : '16'})}\r\n            </TileNoteIcon>\r\n          }\r\n          <TileNoteText>{item.noteText}</TileNoteText>\r\n        </TileNoteWrapper>\r\n      );\r\n\r\n    }\r\n    case 'link': {\r\n      const {linkText, componentType, linkIcon, ...rest} = item;\r\n      return (\r\n        <TileHyperLinkWrapper className={size} key={key}>\r\n          <HyperLink {...rest}>\r\n            <TileHyperLinkText>{linkText}</TileHyperLinkText>\r\n            {\r\n              linkIcon &&\r\n              <TileHyperLinkIcon>\r\n                {React.cloneElement(linkIcon as React.ReactElement<any>, {size: size === Size.Large ? '28px' : '24px'})}\r\n              </TileHyperLinkIcon>\r\n            }\r\n          </HyperLink>\r\n        </TileHyperLinkWrapper>\r\n      );\r\n    }\r\n    case 'button': {\r\n      const {buttonText, componentType, ...rest} = item;\r\n      return <Button key={key}\r\n                     size={[Size.XSmall, Size.XSmall, Size.XXSmall].includes(size) ? Size.Small: \r\n                      size == Size.Large ? Size.Large : Size.Medium}\r\n                     {...rest}>\r\n        {buttonText}\r\n      </Button>\r\n    }\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}