@laerdal/life-react-components 5.0.8-dev.2.full → 5.0.8-dev.3.full

package/dist/ChipsInput/ChipInputTypes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChipInputTypes.cjs","names":[],"sources":["../../src/ChipsInput/ChipInputTypes.ts"],"sourcesContent":["import {Size} from '../types';\r\nimport {ChipVariant} from '../Chips/ChipTypes';\r\nimport React from \"react\";\r\n\r\n\r\nexport interface ChipInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'autoSave' | 'list' | 'type' | 'id' | 'required' | 'tabIndex' | 'value' | 'onChange' | 'onKeyDown' | 'placeholder' | 'onClick' | 'disabled' | 'size'> {\r\n  inputId: string;\r\n  values: string[];\r\n  icon?: React.ReactNode;\r\n  variants?: ChipVariant[];\r\n  placeholder?: string;\r\n  altPlaceholder?: string;\r\n\r\n  onValueChange: (chips: string[]) => void;\r\n  multiLine?: boolean;\r\n  disabled?: boolean;\r\n  size?: Size.Medium | Size.Small;\r\n\r\n  validationMessage?: string;\r\n\r\n  required?: boolean;\r\n\r\n  autoSave?: boolean;\r\n}\r\n\r\n\r\nexport interface ChipItem {\r\n  label: string;\r\n  icon?: React.ReactNode;\r\n  disabled?: boolean;\r\n  variant?: ChipVariant;\r\n}\r\n\r\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"ChipInputTypes.cjs","names":[],"sources":["../../src/ChipsInput/ChipInputTypes.ts"],"sourcesContent":["import {Size} from '../types';\r\nimport {ChipVariant} from '../Chips/ChipTypes';\r\nimport React from \"react\";\r\n\r\n\r\nexport interface ChipInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'autoSave' | 'list' | 'type' | 'id' | 'required' | 'tabIndex' | 'value' | 'onChange' | 'onKeyDown' | 'placeholder' | 'onClick' | 'disabled' | 'size'> {\r\n  /**\r\n   * Required. The ID of the input element.\r\n   */\r\n  inputId: string;\r\n  /**\r\n  * Required. An array of strings representing the current values (chips) in the input.\r\n  */\r\n  values: string[];\r\n  /**\r\n  * Optional. An icon to be displayed inside the input.\r\n  */\r\n  icon?: React.ReactNode;\r\n  /**\r\n  * Optional. An array of ChipVariant objects representing the variants of the chips.\r\n  */\r\n  variants?: ChipVariant[];\r\n  /**\r\n  * Optional. The placeholder text to be displayed in the input when it is empty and no items available for selecting.\r\n  */\r\n  placeholder?: string;\r\n  /**\r\n  * Optional. An alternative placeholder text to be displayed in the input when it is empty and there are items to select.\r\n  */\r\n  altPlaceholder?: string;\r\n  /**\r\n   * Required. A function to be called when the values (chips) change.\r\n   * It should take an array of strings representing the new values.\r\n   */\r\n  onValueChange: (chips: string[]) => void;\r\n  /**\r\n  * Optional. A boolean indicating whether the input supports multiple lines.\r\n  */\r\n  multiLine?: boolean;\r\n  /**\r\n  * Optional. A boolean indicating whether the input is disabled.\r\n  */\r\n  disabled?: boolean;\r\n  /**\r\n  * Optional. The size of the input. Can be 'Medium' or 'Small'.\r\n  */\r\n  size?: Size.Medium | Size.Small;\r\n  /**\r\n  * Optional. The validation message to be displayed when the input is in an error state.\r\n  */\r\n  validationMessage?: string;\r\n  /**\r\n   * Optional. A boolean indicating whether the input is required.\r\n   */\r\n  required?: boolean;\r\n  /**\r\n   * Optional. A boolean indicating whether the input should automatically save its value.\r\n   */\r\n  autoSave?: boolean;\r\n}\r\n\r\n\r\nexport interface ChipItem {\r\n  label: string;\r\n  icon?: React.ReactNode;\r\n  disabled?: boolean;\r\n  variant?: ChipVariant;\r\n}\r\n\r\n"],"mappings":"","ignoreList":[]}

package/dist/ChipsInput/ChipInputTypes.d.ts

@@ -2,18 +2,58 @@ import { Size } from '../types';
 import { ChipVariant } from '../Chips/ChipTypes';
 import React from "react";
 export interface ChipInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'autoSave' | 'list' | 'type' | 'id' | 'required' | 'tabIndex' | 'value' | 'onChange' | 'onKeyDown' | 'placeholder' | 'onClick' | 'disabled' | 'size'> {
+    /**
+     * Required. The ID of the input element.
+     */
     inputId: string;
+    /**
+    * Required. An array of strings representing the current values (chips) in the input.
+    */
     values: string[];
+    /**
+    * Optional. An icon to be displayed inside the input.
+    */
     icon?: React.ReactNode;
+    /**
+    * Optional. An array of ChipVariant objects representing the variants of the chips.
+    */
     variants?: ChipVariant[];
+    /**
+    * Optional. The placeholder text to be displayed in the input when it is empty and no items available for selecting.
+    */
     placeholder?: string;
+    /**
+    * Optional. An alternative placeholder text to be displayed in the input when it is empty and there are items to select.
+    */
     altPlaceholder?: string;
+    /**
+     * Required. A function to be called when the values (chips) change.
+     * It should take an array of strings representing the new values.
+     */
     onValueChange: (chips: string[]) => void;
+    /**
+    * Optional. A boolean indicating whether the input supports multiple lines.
+    */
     multiLine?: boolean;
+    /**
+    * Optional. A boolean indicating whether the input is disabled.
+    */
     disabled?: boolean;
+    /**
+    * Optional. The size of the input. Can be 'Medium' or 'Small'.
+    */
     size?: Size.Medium | Size.Small;
+    /**
+    * Optional. The validation message to be displayed when the input is in an error state.
+    */
     validationMessage?: string;
+    /**
+     * Optional. A boolean indicating whether the input is required.
+     */
     required?: boolean;
+    /**
+     * Optional. A boolean indicating whether the input should automatically save its value.
+     */
     autoSave?: boolean;
 }
 export interface ChipItem {

package/dist/ChipsInput/ChipInputTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipInputTypes.js","names":[],"sources":["../../src/ChipsInput/ChipInputTypes.ts"],"sourcesContent":["import {Size} from '../types';\r\nimport {ChipVariant} from '../Chips/ChipTypes';\r\nimport React from \"react\";\r\n\r\n\r\nexport interface ChipInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'autoSave' | 'list' | 'type' | 'id' | 'required' | 'tabIndex' | 'value' | 'onChange' | 'onKeyDown' | 'placeholder' | 'onClick' | 'disabled' | 'size'> {\r\n  inputId: string;\r\n  values: string[];\r\n  icon?: React.ReactNode;\r\n  variants?: ChipVariant[];\r\n  placeholder?: string;\r\n  altPlaceholder?: string;\r\n\r\n  onValueChange: (chips: string[]) => void;\r\n  multiLine?: boolean;\r\n  disabled?: boolean;\r\n  size?: Size.Medium | Size.Small;\r\n\r\n  validationMessage?: string;\r\n\r\n  required?: boolean;\r\n\r\n  autoSave?: boolean;\r\n}\r\n\r\n\r\nexport interface ChipItem {\r\n  label: string;\r\n  icon?: React.ReactNode;\r\n  disabled?: boolean;\r\n  variant?: ChipVariant;\r\n}\r\n\r\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"ChipInputTypes.js","names":[],"sources":["../../src/ChipsInput/ChipInputTypes.ts"],"sourcesContent":["import {Size} from '../types';\r\nimport {ChipVariant} from '../Chips/ChipTypes';\r\nimport React from \"react\";\r\n\r\n\r\nexport interface ChipInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'autoSave' | 'list' | 'type' | 'id' | 'required' | 'tabIndex' | 'value' | 'onChange' | 'onKeyDown' | 'placeholder' | 'onClick' | 'disabled' | 'size'> {\r\n  /**\r\n   * Required. The ID of the input element.\r\n   */\r\n  inputId: string;\r\n  /**\r\n  * Required. An array of strings representing the current values (chips) in the input.\r\n  */\r\n  values: string[];\r\n  /**\r\n  * Optional. An icon to be displayed inside the input.\r\n  */\r\n  icon?: React.ReactNode;\r\n  /**\r\n  * Optional. An array of ChipVariant objects representing the variants of the chips.\r\n  */\r\n  variants?: ChipVariant[];\r\n  /**\r\n  * Optional. The placeholder text to be displayed in the input when it is empty and no items available for selecting.\r\n  */\r\n  placeholder?: string;\r\n  /**\r\n  * Optional. An alternative placeholder text to be displayed in the input when it is empty and there are items to select.\r\n  */\r\n  altPlaceholder?: string;\r\n  /**\r\n   * Required. A function to be called when the values (chips) change.\r\n   * It should take an array of strings representing the new values.\r\n   */\r\n  onValueChange: (chips: string[]) => void;\r\n  /**\r\n  * Optional. A boolean indicating whether the input supports multiple lines.\r\n  */\r\n  multiLine?: boolean;\r\n  /**\r\n  * Optional. A boolean indicating whether the input is disabled.\r\n  */\r\n  disabled?: boolean;\r\n  /**\r\n  * Optional. The size of the input. Can be 'Medium' or 'Small'.\r\n  */\r\n  size?: Size.Medium | Size.Small;\r\n  /**\r\n  * Optional. The validation message to be displayed when the input is in an error state.\r\n  */\r\n  validationMessage?: string;\r\n  /**\r\n   * Optional. A boolean indicating whether the input is required.\r\n   */\r\n  required?: boolean;\r\n  /**\r\n   * Optional. A boolean indicating whether the input should automatically save its value.\r\n   */\r\n  autoSave?: boolean;\r\n}\r\n\r\n\r\nexport interface ChipItem {\r\n  label: string;\r\n  icon?: React.ReactNode;\r\n  disabled?: boolean;\r\n  variant?: ChipVariant;\r\n}\r\n\r\n"],"mappings":"","ignoreList":[]}

package/dist/Tile/TileCommonItems.cjs

@@ -61,6 +61,7 @@ const RenderTileItem = function (item, size) {
           items: item.items,
           itemsType: item.itemsType,
           onClick: item.onClick,
+          value: item.value,
           icon: item.icon,
           tooltip: item.tooltip,
           action: item.action,
@@ -75,6 +76,28 @@ const RenderTileItem = function (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, {

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","default","getOwnPropertyDescriptors","defineProperties","defineProperty","TileNoteText","exports","styled","div","_taggedTemplateLiteral2","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","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","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","_taggedTemplateLiteral2","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","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 <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":[]}

package/dist/Tile/TileCommonItems.d.ts

@@ -1,4 +1,4 @@
-import { TileDropdownButton, TileHyperLink, TileIconButton, TileNote, TileStandardButton, TileToggleButton } from './TileTypes';
+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;
@@ -7,4 +7,4 @@ export declare const TileNoteWrapper: import("styled-components/dist/types").ISt
 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;
+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

@@ -54,6 +54,7 @@ export const RenderTileItem = function (item, size) {
           items: item.items,
           itemsType: item.itemsType,
           onClick: item.onClick,
+          value: item.value,
           icon: item.icon,
           tooltip: item.tooltip,
           action: item.action,
@@ -68,6 +69,28 @@ export const RenderTileItem = function (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, {

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","_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","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 <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":[]}

package/dist/Tile/TileTypes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TileTypes.cjs","names":[],"sources":["../../src/Tile/TileTypes.ts"],"sourcesContent":["import React from 'react';\r\nimport {IconButtonProps} from '../Button/Iconbutton';\r\nimport {ToggleButtonProps} from '../Toggles/ToggleButton';\r\nimport {DropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\r\nimport {ButtonProps} from '../Button/Button';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\nimport {Size} from '../types';\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\nimport {TagProps} from \"../Tag\";\r\n\r\n\r\nexport type TileIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tooltip' | 'variant' | 'shape'> & {\r\n  componentType: 'icon';\r\n  icon: React.ReactNode;\r\n}\r\n\r\nexport type TileToggleButton =\r\n  Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'>\r\n  & { componentType: 'toggle'; }\r\n\r\nexport type TileDropdownButton =\r\n  Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\r\n  & {\r\n  componentType: 'dropdown';\r\n  icon: React.ReactNode;\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport type TileStandardButton = Pick<ButtonProps, 'width' | 'variant' | 'loading' | 'icon' | 'onClick' | 'disabled'> & {\r\n  componentType: 'button';\r\n  buttonText: string;\r\n}\r\n\r\nexport type TileNote = {\r\n  componentType: 'note';\r\n  noteIcon?: React.ReactNode;\r\n  noteText: string;\r\n}\r\n\r\n\r\nexport type TileHyperLink = HyperlinkProps & {\r\n  componentType: 'link';\r\n  linkIcon?: React.ReactNode;\r\n  linkText: string;\r\n}\r\n\r\nexport type FooterButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton;\r\nexport type HeaderButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton;\r\n\r\nexport interface TileHeaderProps {\r\n  title: string;\r\n  tag?: TagProps;\r\n  tooltip?: string;\r\n  subtitle?: string;\r\n  subtitleIcon?: React.ReactNode;\r\n\r\n  buttons?: HeaderButtons[];\r\n}\r\n\r\nexport interface TileFooterProps {\r\n  leftItem?: TileNote | TileHyperLink | TileStandardButton;\r\n  buttons?: FooterButtons[];\r\n}\r\n\r\n\r\nexport interface TileProps extends React.HTMLAttributes<HTMLDivElement>{\r\n  style?: {\r\n    width?: string,\r\n    minWidth?: string,\r\n    maxWidth?: string,\r\n    height?: string,\r\n    minHeight?: string,\r\n    maxHeight?: string,\r\n  };\r\n\r\n  size?: Size.Small | Size.Medium | Size.Large\r\n\r\n  header?: TileHeaderProps;\r\n  footer?: TileFooterProps;\r\n}\r\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"TileTypes.cjs","names":[],"sources":["../../src/Tile/TileTypes.ts"],"sourcesContent":["import React from 'react';\r\nimport {IconButtonProps} from '../Button/Iconbutton';\r\nimport {ToggleButtonProps} from '../Toggles/ToggleButton';\r\nimport {DropdownButtonProps, TextDropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\r\nimport {ButtonProps} from '../Button/Button';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\nimport {Size} from '../types';\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\nimport {TagProps} from \"../Tag\";\r\n\r\n\r\nexport type TileIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tooltip' | 'variant' | 'shape'> & {\r\n  componentType: 'icon';\r\n  icon: React.ReactNode;\r\n}\r\n\r\nexport type TileToggleButton =\r\n  Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'>\r\n  & { componentType: 'toggle'; }\r\n\r\nexport type TileDropdownButton =\r\n  Pick<DropdownButtonProps, 'items' | 'value' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\r\n  & {\r\n  componentType: 'dropdown';\r\n  icon: React.ReactNode;\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport type TileTextDropdownButton =\r\n  Pick<TextDropdownButtonProps, 'value' | 'label' | 'keepLabel' | 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\r\n  & {\r\n  componentType: 'text-dropdown';\r\n}\r\n\r\nexport type TileStandardButton = Pick<ButtonProps, 'width' | 'variant' | 'loading' | 'icon' | 'onClick' | 'disabled'> & {\r\n  componentType: 'button';\r\n  buttonText: string;\r\n}\r\n\r\nexport type TileNote = {\r\n  componentType: 'note';\r\n  noteIcon?: React.ReactNode;\r\n  noteText: string;\r\n}\r\n\r\n\r\nexport type TileHyperLink = HyperlinkProps & {\r\n  componentType: 'link';\r\n  linkIcon?: React.ReactNode;\r\n  linkText: string;\r\n}\r\n\r\nexport type FooterButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileTextDropdownButton;\r\nexport type HeaderButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileTextDropdownButton;\r\n\r\nexport interface TileHeaderProps {\r\n  title: string;\r\n  tag?: TagProps;\r\n  tooltip?: string;\r\n  subtitle?: string;\r\n  subtitleIcon?: React.ReactNode;\r\n\r\n  buttons?: HeaderButtons[];\r\n}\r\n\r\nexport interface TileFooterProps {\r\n  leftItem?: TileNote | TileHyperLink | TileStandardButton;\r\n  buttons?: FooterButtons[];\r\n}\r\n\r\n\r\nexport interface TileProps extends React.HTMLAttributes<HTMLDivElement>{\r\n  style?: {\r\n    width?: string,\r\n    minWidth?: string,\r\n    maxWidth?: string,\r\n    height?: string,\r\n    minHeight?: string,\r\n    maxHeight?: string,\r\n  };\r\n\r\n  size?: Size.Small | Size.Medium | Size.Large\r\n\r\n  header?: TileHeaderProps;\r\n  footer?: TileFooterProps;\r\n}\r\n"],"mappings":"","ignoreList":[]}

package/dist/Tile/TileTypes.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IconButtonProps } from '../Button/Iconbutton';
 import { ToggleButtonProps } from '../Toggles/ToggleButton';
-import { DropdownButtonProps } from '../Dropdown/DropdownButtonTypes';
+import { DropdownButtonProps, TextDropdownButtonProps } from '../Dropdown/DropdownButtonTypes';
 import { ButtonProps } from '../Button/Button';
 import { HyperlinkProps } from '../HyperLink/HyperLink';
 import { Size } from '../types';
@@ -14,11 +14,14 @@ export type TileIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tool
 export type TileToggleButton = Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'> & {
     componentType: 'toggle';
 };
-export type TileDropdownButton = Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'> & {
+export type TileDropdownButton = Pick<DropdownButtonProps, 'items' | 'value' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'> & {
     componentType: 'dropdown';
     icon: React.ReactNode;
     tooltip?: TooltipProps;
 };
+export type TileTextDropdownButton = Pick<TextDropdownButtonProps, 'value' | 'label' | 'keepLabel' | 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'> & {
+    componentType: 'text-dropdown';
+};
 export type TileStandardButton = Pick<ButtonProps, 'width' | 'variant' | 'loading' | 'icon' | 'onClick' | 'disabled'> & {
     componentType: 'button';
     buttonText: string;
@@ -33,8 +36,8 @@ export type TileHyperLink = HyperlinkProps & {
     linkIcon?: React.ReactNode;
     linkText: string;
 };
-export type FooterButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton;
-export type HeaderButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton;
+export type FooterButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileTextDropdownButton;
+export type HeaderButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileTextDropdownButton;
 export interface TileHeaderProps {
     title: string;
     tag?: TagProps;

package/dist/Tile/TileTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileTypes.js","names":[],"sources":["../../src/Tile/TileTypes.ts"],"sourcesContent":["import React from 'react';\r\nimport {IconButtonProps} from '../Button/Iconbutton';\r\nimport {ToggleButtonProps} from '../Toggles/ToggleButton';\r\nimport {DropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\r\nimport {ButtonProps} from '../Button/Button';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\nimport {Size} from '../types';\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\nimport {TagProps} from \"../Tag\";\r\n\r\n\r\nexport type TileIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tooltip' | 'variant' | 'shape'> & {\r\n  componentType: 'icon';\r\n  icon: React.ReactNode;\r\n}\r\n\r\nexport type TileToggleButton =\r\n  Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'>\r\n  & { componentType: 'toggle'; }\r\n\r\nexport type TileDropdownButton =\r\n  Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\r\n  & {\r\n  componentType: 'dropdown';\r\n  icon: React.ReactNode;\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport type TileStandardButton = Pick<ButtonProps, 'width' | 'variant' | 'loading' | 'icon' | 'onClick' | 'disabled'> & {\r\n  componentType: 'button';\r\n  buttonText: string;\r\n}\r\n\r\nexport type TileNote = {\r\n  componentType: 'note';\r\n  noteIcon?: React.ReactNode;\r\n  noteText: string;\r\n}\r\n\r\n\r\nexport type TileHyperLink = HyperlinkProps & {\r\n  componentType: 'link';\r\n  linkIcon?: React.ReactNode;\r\n  linkText: string;\r\n}\r\n\r\nexport type FooterButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton;\r\nexport type HeaderButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton;\r\n\r\nexport interface TileHeaderProps {\r\n  title: string;\r\n  tag?: TagProps;\r\n  tooltip?: string;\r\n  subtitle?: string;\r\n  subtitleIcon?: React.ReactNode;\r\n\r\n  buttons?: HeaderButtons[];\r\n}\r\n\r\nexport interface TileFooterProps {\r\n  leftItem?: TileNote | TileHyperLink | TileStandardButton;\r\n  buttons?: FooterButtons[];\r\n}\r\n\r\n\r\nexport interface TileProps extends React.HTMLAttributes<HTMLDivElement>{\r\n  style?: {\r\n    width?: string,\r\n    minWidth?: string,\r\n    maxWidth?: string,\r\n    height?: string,\r\n    minHeight?: string,\r\n    maxHeight?: string,\r\n  };\r\n\r\n  size?: Size.Small | Size.Medium | Size.Large\r\n\r\n  header?: TileHeaderProps;\r\n  footer?: TileFooterProps;\r\n}\r\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"TileTypes.js","names":[],"sources":["../../src/Tile/TileTypes.ts"],"sourcesContent":["import React from 'react';\r\nimport {IconButtonProps} from '../Button/Iconbutton';\r\nimport {ToggleButtonProps} from '../Toggles/ToggleButton';\r\nimport {DropdownButtonProps, TextDropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\r\nimport {ButtonProps} from '../Button/Button';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\nimport {Size} from '../types';\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\nimport {TagProps} from \"../Tag\";\r\n\r\n\r\nexport type TileIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tooltip' | 'variant' | 'shape'> & {\r\n  componentType: 'icon';\r\n  icon: React.ReactNode;\r\n}\r\n\r\nexport type TileToggleButton =\r\n  Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'>\r\n  & { componentType: 'toggle'; }\r\n\r\nexport type TileDropdownButton =\r\n  Pick<DropdownButtonProps, 'items' | 'value' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\r\n  & {\r\n  componentType: 'dropdown';\r\n  icon: React.ReactNode;\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport type TileTextDropdownButton =\r\n  Pick<TextDropdownButtonProps, 'value' | 'label' | 'keepLabel' | 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\r\n  & {\r\n  componentType: 'text-dropdown';\r\n}\r\n\r\nexport type TileStandardButton = Pick<ButtonProps, 'width' | 'variant' | 'loading' | 'icon' | 'onClick' | 'disabled'> & {\r\n  componentType: 'button';\r\n  buttonText: string;\r\n}\r\n\r\nexport type TileNote = {\r\n  componentType: 'note';\r\n  noteIcon?: React.ReactNode;\r\n  noteText: string;\r\n}\r\n\r\n\r\nexport type TileHyperLink = HyperlinkProps & {\r\n  componentType: 'link';\r\n  linkIcon?: React.ReactNode;\r\n  linkText: string;\r\n}\r\n\r\nexport type FooterButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileTextDropdownButton;\r\nexport type HeaderButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileTextDropdownButton;\r\n\r\nexport interface TileHeaderProps {\r\n  title: string;\r\n  tag?: TagProps;\r\n  tooltip?: string;\r\n  subtitle?: string;\r\n  subtitleIcon?: React.ReactNode;\r\n\r\n  buttons?: HeaderButtons[];\r\n}\r\n\r\nexport interface TileFooterProps {\r\n  leftItem?: TileNote | TileHyperLink | TileStandardButton;\r\n  buttons?: FooterButtons[];\r\n}\r\n\r\n\r\nexport interface TileProps extends React.HTMLAttributes<HTMLDivElement>{\r\n  style?: {\r\n    width?: string,\r\n    minWidth?: string,\r\n    maxWidth?: string,\r\n    height?: string,\r\n    minHeight?: string,\r\n    maxHeight?: string,\r\n  };\r\n\r\n  size?: Size.Small | Size.Medium | Size.Large\r\n\r\n  header?: TileHeaderProps;\r\n  footer?: TileFooterProps;\r\n}\r\n"],"mappings":"","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "@laerdal/life-react-components",
-    "version":  "5.0.8-dev.2.full",
+    "version":  "5.0.8-dev.3.full",
     "private":  false,
     "author":  "Erik Martirosyan \u003cerik.martirosyan@laerdal.com\u003e",
     "contributors":  [
@@ -132,7 +132,8 @@
                             "react-share":  "^5.1.0",
                             "regenerator-runtime":  "^0.13.9",
                             "storybook":  "^8.1.3",
-                            "ts-jest":  "^29.2.5"
+                            "ts-jest":  "^29.2.5",
+                            "@laerdal/life-react-components":  "5.0.7"
                         },
     "peerDependencies":  {
                              "@babel/core":  "^7.0.0",