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

package/dist/Dropdown/DropdownFilter.d.ts

@@ -1,41 +1,41 @@
-import * as React from 'react';
-import { DropdownItem } from './DropdownContent';
-import { Size, Testable } from '../types';
-export interface DropdownFilterProps extends Testable, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onSelect' | 'size' | 'list' | 'autoComplete' | 'type' | 'placeholder' | 'onKeyDown' | 'value' | 'onChange' | 'required' | 'tabIndex' | 'disabled' | 'readOnly'> {
-    /** Required. List of items to show in the dropdown. */
-    list: DropdownItem[];
-    /** Optional. Placeholder text to show when there is no input and no item was selected */
-    placeholder?: string;
-    /** Optional. Currently selected item */
-    value?: string;
-    /** Optional. Handler to be called when user selects one of the items. */
-    onSelect?: (value: string) => void;
-    /** Optional. Handler to be called when user changes text in the input. */
-    onInputChange?: (input: string) => void;
-    /** Optional. If set, then HTML 'required' attribute will be set for the input field */
-    required?: boolean;
-    /** Optional. If set, then user will not be able to interact with the input field */
-    disabled?: boolean;
-    /** Optional. If set, then 'readonly' HTML attribute will be set to the input field */
-    readOnly?: boolean;
-    /** Optional. If set, then loading indicator will be shown in the input field. */
-    loading?: boolean;
-    /** Optional. If set, then items in the dropdown will not be filtered depending on the user input */
-    disableFiltering?: boolean;
-    /** Optional. If none of the items fits input, then there will be a message shown in the dropdown. */
-    messageOnNoResults?: string;
-    /** Optional. Validation error message to be shown under the input field. */
-    activeValidationMessage?: string;
-    /** Optional. Informal message to show under the input field. */
-    autofilledMessage?: string;
-    /** Optional. Size of the input field */
-    size?: Size.Small | Size.Medium;
-    /** Optional. Position of the tooltip to show when input is overflowing the input field. */
-    overflowTooltipPosition?: 'top' | 'bottom';
-    /** Optional. Margin of the dropdown container items */
-    margin?: string;
-    /** Optional. Sets if dropdown container is scrollable */
-    scrollable?: boolean;
-}
-declare const DropdownFilter: React.ForwardRefExoticComponent<DropdownFilterProps & React.RefAttributes<unknown>>;
-export default DropdownFilter;
+import * as React from 'react';
+import { DropdownItem } from './DropdownContent';
+import { Size, Testable } from '../types';
+export interface DropdownFilterProps extends Testable, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onSelect' | 'size' | 'list' | 'autoComplete' | 'type' | 'placeholder' | 'onKeyDown' | 'value' | 'onChange' | 'required' | 'tabIndex' | 'disabled' | 'readOnly'> {
+    /** Required. List of items to show in the dropdown. */
+    list: DropdownItem[];
+    /** Optional. Placeholder text to show when there is no input and no item was selected */
+    placeholder?: string;
+    /** Optional. Currently selected item */
+    value?: string;
+    /** Optional. Handler to be called when user selects one of the items. */
+    onSelect?: (value: string) => void;
+    /** Optional. Handler to be called when user changes text in the input. */
+    onInputChange?: (input: string) => void;
+    /** Optional. If set, then HTML 'required' attribute will be set for the input field */
+    required?: boolean;
+    /** Optional. If set, then user will not be able to interact with the input field */
+    disabled?: boolean;
+    /** Optional. If set, then 'readonly' HTML attribute will be set to the input field */
+    readOnly?: boolean;
+    /** Optional. If set, then loading indicator will be shown in the input field. */
+    loading?: boolean;
+    /** Optional. If set, then items in the dropdown will not be filtered depending on the user input */
+    disableFiltering?: boolean;
+    /** Optional. If none of the items fits input, then there will be a message shown in the dropdown. */
+    messageOnNoResults?: string;
+    /** Optional. Validation error message to be shown under the input field. */
+    activeValidationMessage?: string;
+    /** Optional. Informal message to show under the input field. */
+    autofilledMessage?: string;
+    /** Optional. Size of the input field */
+    size?: Size.Small | Size.Medium;
+    /** Optional. Position of the tooltip to show when input is overflowing the input field. */
+    overflowTooltipPosition?: 'top' | 'bottom';
+    /** Optional. Margin of the dropdown container items */
+    margin?: string;
+    /** Optional. Sets if dropdown container is scrollable */
+    scrollable?: boolean;
+}
+declare const DropdownFilter: React.ForwardRefExoticComponent<DropdownFilterProps & React.RefAttributes<unknown>>;
+export default DropdownFilter;

package/dist/Dropdown/DropdownFilter.js

@@ -74,12 +74,11 @@ const DropdownFilter = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     setSelectedValues(!!value ? [value] : []);
   }, [value]);
   React.useEffect(() => {
-    if (selectedValues !== null && selectedValues !== void 0 && selectedValues.length) {
-      var _ref2, _item$displayLabel;
+    if (selectedValues?.length) {
       const val = selectedValues[0];
       const item = list.find(a => a.value === val);
       setSelectedItem(item);
-      setInput((_ref2 = (_item$displayLabel = item === null || item === void 0 ? void 0 : item.displayLabel) !== null && _item$displayLabel !== void 0 ? _item$displayLabel : item === null || item === void 0 ? void 0 : item.value) !== null && _ref2 !== void 0 ? _ref2 : '');
+      setInput(item?.displayLabel ?? item?.value ?? '');
       onSelect && !init && onSelect(val);
     } else {
       setSelectedItem(undefined);
@@ -90,8 +89,7 @@ const DropdownFilter = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   React.useEffect(() => {
     if (!isOpen) {
       if (!!selectedItem) {
-        var _ref3, _selectedItem$display;
-        setInput((_ref3 = (_selectedItem$display = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.displayLabel) !== null && _selectedItem$display !== void 0 ? _selectedItem$display : selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) !== null && _ref3 !== void 0 ? _ref3 : '');
+        setInput(selectedItem?.displayLabel ?? selectedItem?.value ?? '');
       } else {
         setInput('');
       }
@@ -99,12 +97,11 @@ const DropdownFilter = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     setRestartFilter(true);
   }, [isOpen, selectedItem]);
   const handleInputClear = e => {
-    var _inputRef$current;
     setInput('');
     setSelectedValues([]);
     onSelect && onSelect('');
-    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus({
-      focusVisible: (e === null || e === void 0 ? void 0 : e.detail) !== 1
+    inputRef.current?.focus({
+      focusVisible: e?.detail !== 1
     });
   };
   const renderInput = () => {
@@ -116,11 +113,9 @@ const DropdownFilter = /*#__PURE__*/React.forwardRef((_ref, ref) => {
           e.stopPropagation();
           setIsOpen(!isOpen);
           if (isOpen) {
-            var _inputRef$current2;
-            (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.blur();
+            inputRef.current?.blur();
           } else {
-            var _inputRef$current3;
-            (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.focus();
+            inputRef.current?.focus();
           }
         }
       },
@@ -129,7 +124,7 @@ const DropdownFilter = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       $isPlaceholder: !input,
       $showValidationMessage: !!activeValidationMessage,
       onMouseDown: defaultOnMouseDownHandler,
-      "data-testid": "otherdiv_".concat(id),
+      "data-testid": `otherdiv_${id}`,
       children: [/*#__PURE__*/_jsx(DropdownInputField, _objectSpread({
         id: id,
         ref: inputRef,
@@ -209,7 +204,7 @@ const DropdownFilter = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       ref: containerRef,
       role: "combobox",
       "aria-multiselectable": true,
-      "aria-controls": "".concat(id, "_dropdowncontent"),
+      "aria-controls": `${id}_dropdowncontent`,
       "aria-activedescendant": activeDescendant,
       "aria-expanded": isOpen,
       $disabled: disabled,
@@ -220,10 +215,10 @@ const DropdownFilter = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       children: [renderInput(), !readOnly && !disabled && /*#__PURE__*/_jsx(DropdownContent, {
         containerRef: containerRef,
         isOpen: isOpen && !loading,
-        messageOnNoResults: messageOnNoResults !== null && messageOnNoResults !== void 0 ? messageOnNoResults : '',
+        messageOnNoResults: messageOnNoResults ?? '',
         selectedValues: selectedValues,
         setSelectedValues: setSelectedValues,
-        size: size !== null && size !== void 0 ? size : Size.Small,
+        size: size ?? Size.Small,
         onActiveDescendantChanged: e => setActiveDescendant(e),
         focused: focused,
         ariaRolesType: "input",
@@ -243,7 +238,7 @@ const DropdownFilter = /*#__PURE__*/React.forwardRef((_ref, ref) => {
         filter: !disableFiltering && !restartFilter ? input || '' : '',
         setIsOpen: setIsOpen,
         isButton: false,
-        id: "".concat(id, "_dropdowncontent")
+        id: `${id}_dropdowncontent`
       })]
     }), activeValidationMessage && /*#__PURE__*/_jsxs(ErrorMessage, {
       className: size || '',

package/dist/Dropdown/DropdownFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFilter.js","names":["React","COLORS","SystemIcons","LoadingIndicator","DropdownInputFieldStyles","DropdownContainer","DropdownInputField","DropdownContent","Size","AutofilledMessage","ErrorMessage","TooltipOverflow","defaultOnMouseDownHandler","useActionWithin","useClickOutsideRef","useFocusOutsideRef","useFocusVisibleRef","IconButton","useTheme","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DropdownFilter","forwardRef","_ref","ref","id","list","placeholder","onSelect","onInputChange","value","required","messageOnNoResults","disabled","readOnly","scrollable","activeValidationMessage","autofilledMessage","size","disableFiltering","margin","loading","onFocus","overflowTooltipPosition","onBlur","dataTestId","rest","_objectWithoutProperties","_excluded","theme","isOpen","setIsOpen","useState","input","setInput","activeDescendant","setActiveDescendant","restartFilter","setRestartFilter","selectedItem","setSelectedItem","selectedValues","setSelectedValues","focused","setFocused","inputFocused","setInputFocused","init","setInit","styledFieldRef","inputRef","clearButtonRef","useRef","useImperativeHandle","current","containerRef","handleInputKeyDown","e","key","preventDefault","useEffect","length","_ref2","_item$displayLabel","val","item","find","a","displayLabel","undefined","_ref3","_selectedItem$display","handleInputClear","_inputRef$current","focus","focusVisible","detail","renderInput","className","onClick","stopPropagation","_inputRef$current2","blur","_inputRef$current3","$disabled","$readOnly","$isPlaceholder","$showValidationMessage","onMouseDown","concat","children","_objectSpread","autoComplete","Math","floor","random","type","onKeyDown","$ellipsis","onChange","target","tabIndex","position","withArrow","maxWidth","align","action","useTransparentBackground","shape","style","marginLeft","variant","Clear","Small","color","getColor","ArrowDropUp","ArrowDropDown","role","$isButton","onActiveDescendantChanged","ariaRolesType","outline","customizationProps","itemsType","multiSelect","onValueUpdate","values","items","filter","isButton","TechnicalWarning","Information","propTypes","_pt","array","isRequired","string","func","bool","oneOf"],"sources":["../../src/Dropdown/DropdownFilter.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { COLORS } from '../styles';\r\nimport { SystemIcons } from '../icons';\r\nimport { LoadingIndicator } from '../LoadingIndicator';\r\nimport { DropdownInputFieldStyles, DropdownContainer, DropdownInputField } from './CommonStyling';\r\nimport DropdownContent, { DropdownItem } from './DropdownContent';\r\nimport { Size, Testable } from '../types';\r\nimport { AutofilledMessage, ErrorMessage } from '../InputFields';\r\nimport TooltipOverflow from '../Tooltips/TooltipOverflow';\r\nimport { defaultOnMouseDownHandler, useActionWithin, useClickOutsideRef, useFocusOutsideRef, useFocusVisibleRef } from '../common';\r\nimport { IconButton } from '../Button';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport interface DropdownFilterProps extends Testable, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onSelect' | 'size' | 'list' | 'autoComplete' | 'type' | 'placeholder' | 'onKeyDown' | 'value' | 'onChange' | 'required' | 'tabIndex' | 'disabled' | 'readOnly'> {\r\n  /** Required. List of items to show in the dropdown. */\r\n  list: DropdownItem[];\r\n  /** Optional. Placeholder text to show when there is no input and no item was selected */\r\n  placeholder?: string;\r\n  /** Optional. Currently selected item */\r\n  value?: string;\r\n  /** Optional. Handler to be called when user selects one of the items. */\r\n  onSelect?: (value: string) => void;\r\n  /** Optional. Handler to be called when user changes text in the input. */\r\n  onInputChange?: (input: string) => void;\r\n  /** Optional. If set, then HTML 'required' attribute will be set for the input field */\r\n  required?: boolean;\r\n  /** Optional. If set, then user will not be able to interact with the input field */\r\n  disabled?: boolean;\r\n  /** Optional. If set, then 'readonly' HTML attribute will be set to the input field */\r\n  readOnly?: boolean;\r\n  /** Optional. If set, then loading indicator will be shown in the input field. */\r\n  loading?: boolean;\r\n\r\n  /** Optional. If set, then items in the dropdown will not be filtered depending on the user input */\r\n  disableFiltering?: boolean;\r\n\r\n  /** Optional. If none of the items fits input, then there will be a message shown in the dropdown. */\r\n  messageOnNoResults?: string;\r\n  /** Optional. Validation error message to be shown under the input field. */\r\n  activeValidationMessage?: string;\r\n  /** Optional. Informal message to show under the input field. */\r\n  autofilledMessage?: string;\r\n  /** Optional. Size of the input field */\r\n  size?: Size.Small | Size.Medium;\r\n\r\n  /** Optional. Position of the tooltip to show when input is overflowing the input field. */\r\n  overflowTooltipPosition?: 'top' | 'bottom';\r\n  /** Optional. Margin of the dropdown container items */\r\n  margin?: string;\r\n  /** Optional. Sets if dropdown container is scrollable */\r\n  scrollable?: boolean;\r\n}\r\n\r\nconst DropdownFilter = React.forwardRef( ({\r\n                                            id,\r\n                                            list,\r\n                                            placeholder,\r\n                                            onSelect,\r\n                                            onInputChange,\r\n                                            value,\r\n                                            required,\r\n                                            messageOnNoResults,\r\n                                            disabled,\r\n                                            readOnly,\r\n                                            scrollable,\r\n                                            activeValidationMessage,\r\n                                            autofilledMessage,\r\n                                            size,\r\n                                            disableFiltering,\r\n                                            margin,\r\n                                            loading,\r\n                                            onFocus,\r\n                                            overflowTooltipPosition,\r\n                                            onBlur,\r\n                                            dataTestId,\r\n                                            ...rest\r\n                                          }: DropdownFilterProps, ref) => {\r\n\r\n  const theme = useTheme();\r\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n  const [input, setInput] = React.useState<string>();\r\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n  const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\r\n  const [selectedItem, setSelectedItem] = React.useState<DropdownItem>();\r\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n  const [inputFocused, setInputFocused] = React.useState<boolean>(false);\r\n  const [init, setInit] = React.useState<boolean>(true);\r\n\r\n  const styledFieldRef = useFocusVisibleRef();\r\n  const inputRef = useFocusVisibleRef([styledFieldRef]);\r\n  const clearButtonRef = React.useRef<HTMLButtonElement>(null);\r\n\r\n  useActionWithin(styledFieldRef, input && !readOnly && !disabled ? [clearButtonRef] : []);\r\n\r\n  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\r\n\r\n  const containerRef = useClickOutsideRef(\r\n    () => setIsOpen(false),\r\n    [],\r\n    useFocusOutsideRef(() => setIsOpen(false)),\r\n  );\r\n\r\n  const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (e.key === 'Esc' || e.key === 'Escape') {\r\n      e.preventDefault();\r\n    }\r\n    if (e.key === 'ArrowDown' || e.key === 'Down' || e.key === 'ArrowUp' || e.key === 'Up') {\r\n      e.preventDefault();\r\n      if (!isOpen) {\r\n        setIsOpen(true);\r\n      }\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    setInit(true);\r\n    setSelectedValues(!!value ? [value] : []);\r\n  }, [value]);\r\n\r\n  React.useEffect(() => {\r\n    if (selectedValues?.length) {\r\n      const val = selectedValues[0];\r\n      const item = list.find((a) => a.value === val);\r\n      setSelectedItem(item);\r\n      setInput(item?.displayLabel ?? item?.value ?? '');\r\n      onSelect && !init && onSelect(val);\r\n    } else {\r\n      setSelectedItem(undefined);\r\n      onSelect && !init && onSelect('');\r\n      setInput('');\r\n    }\r\n  }, [selectedValues]);\r\n\r\n  React.useEffect(() => {\r\n    if (!isOpen) {\r\n      if (!!selectedItem) {\r\n        setInput(selectedItem?.displayLabel ?? selectedItem?.value ?? '');\r\n      } else {\r\n        setInput('');\r\n      }\r\n    }\r\n\r\n    setRestartFilter(true);\r\n  }, [isOpen, selectedItem]);\r\n\r\n  const handleInputClear = (e: any) => {\r\n    setInput('');\r\n    setSelectedValues([]);\r\n    onSelect && onSelect('');\r\n    inputRef.current?.focus({ focusVisible: e?.detail !== 1 } as any);\r\n  };\r\n\r\n  const renderInput = () => {\r\n    return (\r\n      <DropdownInputFieldStyles\r\n        ref={styledFieldRef}\r\n        className={size ? size : ''}\r\n        onClick={(e: any) => {\r\n          if (!readOnly && !disabled) {\r\n            e.stopPropagation();\r\n            setIsOpen(!isOpen);\r\n            if (isOpen) {\r\n              inputRef.current?.blur();\r\n            } else {\r\n              inputRef.current?.focus();\r\n            }\r\n          }\r\n        }}\r\n        $disabled={disabled || false}\r\n        $readOnly={readOnly || false}\r\n        $isPlaceholder={!input}        \r\n        $showValidationMessage={!!activeValidationMessage}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        data-testid={`otherdiv_${id}`}>\r\n        <DropdownInputField\r\n          id={id}\r\n          ref={inputRef}\r\n          autoComplete={'off-' + Math.floor(Math.random() * 999999999999)}\r\n          type=\"search\"\r\n          placeholder={inputFocused ? '' : placeholder}\r\n          onKeyDown={handleInputKeyDown}\r\n          $ellipsis\r\n          value={input || ''}\r\n          onChange={(e: any) => {\r\n            if (!e.target.value) {\r\n              setSelectedValues([]);\r\n            }\r\n            if (!readOnly && !disabled && e.target.value !== input) {\r\n              setRestartFilter(false);\r\n              setIsOpen(true);\r\n              setInput(e.target.value);\r\n              if (onInputChange) {\r\n                onInputChange(e.target.value || '');\r\n              }\r\n            }\r\n          }}\r\n          onFocus={(e) => {\r\n            setInputFocused(true);\r\n            onFocus && onFocus(e);\r\n          }}\r\n          onBlur={(e) => {\r\n            setInputFocused(false);\r\n            onBlur && onBlur(e);\r\n          }}\r\n          required={required}\r\n          tabIndex={disabled || readOnly ? -1 : 0}\r\n          disabled={disabled || false}\r\n          data-testid={dataTestId}\r\n          {...rest}\r\n        />\r\n        {!isOpen ? <TooltipOverflow position={overflowTooltipPosition} input={inputRef} withArrow={true} maxWidth=\"100%\" size={size} align='end'>\r\n            {input}\r\n          </TooltipOverflow> : null}\r\n        {input && !readOnly && !disabled && !loading && (\r\n          <IconButton action={handleInputClear} ref={clearButtonRef} useTransparentBackground={true} shape={'circular'} style={{ marginLeft: '-4px' }} variant={'secondary'}>\r\n            <SystemIcons.Clear />\r\n          </IconButton>\r\n        )}\r\n\r\n        {!disabled && !readOnly && loading && (\r\n          <div style={{ marginLeft: '-4xp' }}>\r\n            <LoadingIndicator size={Size.Small} color={COLORS.getColor('neutral_600', theme)} />\r\n          </div>\r\n        )}\r\n\r\n        <div className={'dropdown-arrow'}>\r\n          {isOpen && !readOnly && !disabled ? <SystemIcons.ArrowDropUp aria-label='Expanded' size=\"24px\" className={size ? size : ''} /> : \r\n            <SystemIcons.ArrowDropDown aria-label='Collapsed' size=\"24px\" className={size ? size : ''} />}\r\n        </div>\r\n      </DropdownInputFieldStyles>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <DropdownContainer ref={containerRef}\r\n      role=\"combobox\"\r\n      aria-multiselectable={true} \r\n      aria-controls={`${id}_dropdowncontent`}\r\n      aria-activedescendant={activeDescendant}\r\n      aria-expanded={isOpen}\r\n      $disabled={disabled} $isButton={false} $readOnly={readOnly} className={size ? size : ''} margin={margin}>\r\n        {renderInput()}\r\n        {!readOnly && !disabled && (\r\n          <DropdownContent\r\n            containerRef={containerRef}\r\n            isOpen={isOpen && !loading}\r\n            messageOnNoResults={messageOnNoResults ?? ''}\r\n            selectedValues={selectedValues}\r\n            setSelectedValues={setSelectedValues}\r\n            size={size ?? Size.Small}\r\n            onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n            focused={focused}\r\n            ariaRolesType=\"input\"\r\n            setFocused={setFocused}\r\n            outline={false}\r\n            customizationProps={{\r\n              itemsType: 'normal',\r\n              scrollable: scrollable,\r\n              multiSelect: false,\r\n              action: () => {},\r\n              onValueUpdate: (values: string[]) => {\r\n                setRestartFilter(true);\r\n                setInit(false);\r\n              },\r\n              items: list,\r\n            }}\r\n            filter={!disableFiltering && !restartFilter ? input || '' : ''}\r\n            setIsOpen={setIsOpen}\r\n            isButton={false}\r\n            id={`${id}_dropdowncontent`}\r\n          />\r\n        )}\r\n      </DropdownContainer>\r\n      {activeValidationMessage && (\r\n        <ErrorMessage className={size || ''}>\r\n          <SystemIcons.TechnicalWarning color={COLORS.getColor('critical_400', theme)} />\r\n          <span>{activeValidationMessage}</span>\r\n        </ErrorMessage>\r\n      )}\r\n      {autofilledMessage && (\r\n        <AutofilledMessage className={size || ''}>\r\n          <SystemIcons.Information color={COLORS.getColor('neutral_600', theme)} />\r\n          <span>{autofilledMessage}</span>\r\n        </AutofilledMessage>\r\n      )}\r\n    </>\r\n  );\r\n});\r\n\r\nexport default DropdownFilter;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DropdownFilter.js","names":["React","COLORS","SystemIcons","LoadingIndicator","DropdownInputFieldStyles","DropdownContainer","DropdownInputField","DropdownContent","Size","AutofilledMessage","ErrorMessage","TooltipOverflow","defaultOnMouseDownHandler","useActionWithin","useClickOutsideRef","useFocusOutsideRef","useFocusVisibleRef","IconButton","useTheme","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DropdownFilter","forwardRef","_ref","ref","id","list","placeholder","onSelect","onInputChange","value","required","messageOnNoResults","disabled","readOnly","scrollable","activeValidationMessage","autofilledMessage","size","disableFiltering","margin","loading","onFocus","overflowTooltipPosition","onBlur","dataTestId","rest","_objectWithoutProperties","_excluded","theme","isOpen","setIsOpen","useState","input","setInput","activeDescendant","setActiveDescendant","restartFilter","setRestartFilter","selectedItem","setSelectedItem","selectedValues","setSelectedValues","focused","setFocused","inputFocused","setInputFocused","init","setInit","styledFieldRef","inputRef","clearButtonRef","useRef","useImperativeHandle","current","containerRef","handleInputKeyDown","e","key","preventDefault","useEffect","length","val","item","find","a","displayLabel","undefined","handleInputClear","focus","focusVisible","detail","renderInput","className","onClick","stopPropagation","blur","$disabled","$readOnly","$isPlaceholder","$showValidationMessage","onMouseDown","children","_objectSpread","autoComplete","Math","floor","random","type","onKeyDown","$ellipsis","onChange","target","tabIndex","position","withArrow","maxWidth","align","action","useTransparentBackground","shape","style","marginLeft","variant","Clear","Small","color","getColor","ArrowDropUp","ArrowDropDown","role","$isButton","onActiveDescendantChanged","ariaRolesType","outline","customizationProps","itemsType","multiSelect","onValueUpdate","values","items","filter","isButton","TechnicalWarning","Information","propTypes","_pt","array","isRequired","string","func","bool","oneOf"],"sources":["../../src/Dropdown/DropdownFilter.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { COLORS } from '../styles';\r\nimport { SystemIcons } from '../icons';\r\nimport { LoadingIndicator } from '../LoadingIndicator';\r\nimport { DropdownInputFieldStyles, DropdownContainer, DropdownInputField } from './CommonStyling';\r\nimport DropdownContent, { DropdownItem } from './DropdownContent';\r\nimport { Size, Testable } from '../types';\r\nimport { AutofilledMessage, ErrorMessage } from '../InputFields';\r\nimport TooltipOverflow from '../Tooltips/TooltipOverflow';\r\nimport { defaultOnMouseDownHandler, useActionWithin, useClickOutsideRef, useFocusOutsideRef, useFocusVisibleRef } from '../common';\r\nimport { IconButton } from '../Button';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport interface DropdownFilterProps extends Testable, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onSelect' | 'size' | 'list' | 'autoComplete' | 'type' | 'placeholder' | 'onKeyDown' | 'value' | 'onChange' | 'required' | 'tabIndex' | 'disabled' | 'readOnly'> {\r\n  /** Required. List of items to show in the dropdown. */\r\n  list: DropdownItem[];\r\n  /** Optional. Placeholder text to show when there is no input and no item was selected */\r\n  placeholder?: string;\r\n  /** Optional. Currently selected item */\r\n  value?: string;\r\n  /** Optional. Handler to be called when user selects one of the items. */\r\n  onSelect?: (value: string) => void;\r\n  /** Optional. Handler to be called when user changes text in the input. */\r\n  onInputChange?: (input: string) => void;\r\n  /** Optional. If set, then HTML 'required' attribute will be set for the input field */\r\n  required?: boolean;\r\n  /** Optional. If set, then user will not be able to interact with the input field */\r\n  disabled?: boolean;\r\n  /** Optional. If set, then 'readonly' HTML attribute will be set to the input field */\r\n  readOnly?: boolean;\r\n  /** Optional. If set, then loading indicator will be shown in the input field. */\r\n  loading?: boolean;\r\n\r\n  /** Optional. If set, then items in the dropdown will not be filtered depending on the user input */\r\n  disableFiltering?: boolean;\r\n\r\n  /** Optional. If none of the items fits input, then there will be a message shown in the dropdown. */\r\n  messageOnNoResults?: string;\r\n  /** Optional. Validation error message to be shown under the input field. */\r\n  activeValidationMessage?: string;\r\n  /** Optional. Informal message to show under the input field. */\r\n  autofilledMessage?: string;\r\n  /** Optional. Size of the input field */\r\n  size?: Size.Small | Size.Medium;\r\n\r\n  /** Optional. Position of the tooltip to show when input is overflowing the input field. */\r\n  overflowTooltipPosition?: 'top' | 'bottom';\r\n  /** Optional. Margin of the dropdown container items */\r\n  margin?: string;\r\n  /** Optional. Sets if dropdown container is scrollable */\r\n  scrollable?: boolean;\r\n}\r\n\r\nconst DropdownFilter = React.forwardRef( ({\r\n                                            id,\r\n                                            list,\r\n                                            placeholder,\r\n                                            onSelect,\r\n                                            onInputChange,\r\n                                            value,\r\n                                            required,\r\n                                            messageOnNoResults,\r\n                                            disabled,\r\n                                            readOnly,\r\n                                            scrollable,\r\n                                            activeValidationMessage,\r\n                                            autofilledMessage,\r\n                                            size,\r\n                                            disableFiltering,\r\n                                            margin,\r\n                                            loading,\r\n                                            onFocus,\r\n                                            overflowTooltipPosition,\r\n                                            onBlur,\r\n                                            dataTestId,\r\n                                            ...rest\r\n                                          }: DropdownFilterProps, ref) => {\r\n\r\n  const theme = useTheme();\r\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n  const [input, setInput] = React.useState<string>();\r\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n  const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\r\n  const [selectedItem, setSelectedItem] = React.useState<DropdownItem>();\r\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n  const [inputFocused, setInputFocused] = React.useState<boolean>(false);\r\n  const [init, setInit] = React.useState<boolean>(true);\r\n\r\n  const styledFieldRef = useFocusVisibleRef();\r\n  const inputRef = useFocusVisibleRef([styledFieldRef]);\r\n  const clearButtonRef = React.useRef<HTMLButtonElement>(null);\r\n\r\n  useActionWithin(styledFieldRef, input && !readOnly && !disabled ? [clearButtonRef] : []);\r\n\r\n  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\r\n\r\n  const containerRef = useClickOutsideRef(\r\n    () => setIsOpen(false),\r\n    [],\r\n    useFocusOutsideRef(() => setIsOpen(false)),\r\n  );\r\n\r\n  const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (e.key === 'Esc' || e.key === 'Escape') {\r\n      e.preventDefault();\r\n    }\r\n    if (e.key === 'ArrowDown' || e.key === 'Down' || e.key === 'ArrowUp' || e.key === 'Up') {\r\n      e.preventDefault();\r\n      if (!isOpen) {\r\n        setIsOpen(true);\r\n      }\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    setInit(true);\r\n    setSelectedValues(!!value ? [value] : []);\r\n  }, [value]);\r\n\r\n  React.useEffect(() => {\r\n    if (selectedValues?.length) {\r\n      const val = selectedValues[0];\r\n      const item = list.find((a) => a.value === val);\r\n      setSelectedItem(item);\r\n      setInput(item?.displayLabel ?? item?.value ?? '');\r\n      onSelect && !init && onSelect(val);\r\n    } else {\r\n      setSelectedItem(undefined);\r\n      onSelect && !init && onSelect('');\r\n      setInput('');\r\n    }\r\n  }, [selectedValues]);\r\n\r\n  React.useEffect(() => {\r\n    if (!isOpen) {\r\n      if (!!selectedItem) {\r\n        setInput(selectedItem?.displayLabel ?? selectedItem?.value ?? '');\r\n      } else {\r\n        setInput('');\r\n      }\r\n    }\r\n\r\n    setRestartFilter(true);\r\n  }, [isOpen, selectedItem]);\r\n\r\n  const handleInputClear = (e: any) => {\r\n    setInput('');\r\n    setSelectedValues([]);\r\n    onSelect && onSelect('');\r\n    inputRef.current?.focus({ focusVisible: e?.detail !== 1 } as any);\r\n  };\r\n\r\n  const renderInput = () => {\r\n    return (\r\n      <DropdownInputFieldStyles\r\n        ref={styledFieldRef}\r\n        className={size ? size : ''}\r\n        onClick={(e: any) => {\r\n          if (!readOnly && !disabled) {\r\n            e.stopPropagation();\r\n            setIsOpen(!isOpen);\r\n            if (isOpen) {\r\n              inputRef.current?.blur();\r\n            } else {\r\n              inputRef.current?.focus();\r\n            }\r\n          }\r\n        }}\r\n        $disabled={disabled || false}\r\n        $readOnly={readOnly || false}\r\n        $isPlaceholder={!input}        \r\n        $showValidationMessage={!!activeValidationMessage}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        data-testid={`otherdiv_${id}`}>\r\n        <DropdownInputField\r\n          id={id}\r\n          ref={inputRef}\r\n          autoComplete={'off-' + Math.floor(Math.random() * 999999999999)}\r\n          type=\"search\"\r\n          placeholder={inputFocused ? '' : placeholder}\r\n          onKeyDown={handleInputKeyDown}\r\n          $ellipsis\r\n          value={input || ''}\r\n          onChange={(e: any) => {\r\n            if (!e.target.value) {\r\n              setSelectedValues([]);\r\n            }\r\n            if (!readOnly && !disabled && e.target.value !== input) {\r\n              setRestartFilter(false);\r\n              setIsOpen(true);\r\n              setInput(e.target.value);\r\n              if (onInputChange) {\r\n                onInputChange(e.target.value || '');\r\n              }\r\n            }\r\n          }}\r\n          onFocus={(e) => {\r\n            setInputFocused(true);\r\n            onFocus && onFocus(e);\r\n          }}\r\n          onBlur={(e) => {\r\n            setInputFocused(false);\r\n            onBlur && onBlur(e);\r\n          }}\r\n          required={required}\r\n          tabIndex={disabled || readOnly ? -1 : 0}\r\n          disabled={disabled || false}\r\n          data-testid={dataTestId}\r\n          {...rest}\r\n        />\r\n        {!isOpen ? <TooltipOverflow position={overflowTooltipPosition} input={inputRef} withArrow={true} maxWidth=\"100%\" size={size} align='end'>\r\n            {input}\r\n          </TooltipOverflow> : null}\r\n        {input && !readOnly && !disabled && !loading && (\r\n          <IconButton action={handleInputClear} ref={clearButtonRef} useTransparentBackground={true} shape={'circular'} style={{ marginLeft: '-4px' }} variant={'secondary'}>\r\n            <SystemIcons.Clear />\r\n          </IconButton>\r\n        )}\r\n\r\n        {!disabled && !readOnly && loading && (\r\n          <div style={{ marginLeft: '-4xp' }}>\r\n            <LoadingIndicator size={Size.Small} color={COLORS.getColor('neutral_600', theme)} />\r\n          </div>\r\n        )}\r\n\r\n        <div className={'dropdown-arrow'}>\r\n          {isOpen && !readOnly && !disabled ? <SystemIcons.ArrowDropUp aria-label='Expanded' size=\"24px\" className={size ? size : ''} /> : \r\n            <SystemIcons.ArrowDropDown aria-label='Collapsed' size=\"24px\" className={size ? size : ''} />}\r\n        </div>\r\n      </DropdownInputFieldStyles>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <DropdownContainer ref={containerRef}\r\n      role=\"combobox\"\r\n      aria-multiselectable={true} \r\n      aria-controls={`${id}_dropdowncontent`}\r\n      aria-activedescendant={activeDescendant}\r\n      aria-expanded={isOpen}\r\n      $disabled={disabled} $isButton={false} $readOnly={readOnly} className={size ? size : ''} margin={margin}>\r\n        {renderInput()}\r\n        {!readOnly && !disabled && (\r\n          <DropdownContent\r\n            containerRef={containerRef}\r\n            isOpen={isOpen && !loading}\r\n            messageOnNoResults={messageOnNoResults ?? ''}\r\n            selectedValues={selectedValues}\r\n            setSelectedValues={setSelectedValues}\r\n            size={size ?? Size.Small}\r\n            onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n            focused={focused}\r\n            ariaRolesType=\"input\"\r\n            setFocused={setFocused}\r\n            outline={false}\r\n            customizationProps={{\r\n              itemsType: 'normal',\r\n              scrollable: scrollable,\r\n              multiSelect: false,\r\n              action: () => {},\r\n              onValueUpdate: (values: string[]) => {\r\n                setRestartFilter(true);\r\n                setInit(false);\r\n              },\r\n              items: list,\r\n            }}\r\n            filter={!disableFiltering && !restartFilter ? input || '' : ''}\r\n            setIsOpen={setIsOpen}\r\n            isButton={false}\r\n            id={`${id}_dropdowncontent`}\r\n          />\r\n        )}\r\n      </DropdownContainer>\r\n      {activeValidationMessage && (\r\n        <ErrorMessage className={size || ''}>\r\n          <SystemIcons.TechnicalWarning color={COLORS.getColor('critical_400', theme)} />\r\n          <span>{activeValidationMessage}</span>\r\n        </ErrorMessage>\r\n      )}\r\n      {autofilledMessage && (\r\n        <AutofilledMessage className={size || ''}>\r\n          <SystemIcons.Information color={COLORS.getColor('neutral_600', theme)} />\r\n          <span>{autofilledMessage}</span>\r\n        </AutofilledMessage>\r\n      )}\r\n    </>\r\n  );\r\n});\r\n\r\nexport default DropdownFilter;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Dropdown/index.d.ts

@@ -1,10 +1,10 @@
-export type { DropdownItem } from './DropdownContent';
-export { default as DropdownContent } from './DropdownContent';
-export * from './DropdownContent';
-export { default as DropdownButton } from './DropdownButton';
-export * from './DropdownButton';
-export { default as DropdownFilter } from './DropdownFilter';
-export * from './DropdownFilter';
-export { default as BasicDropdown } from './BasicDropdown';
-export * from './BasicDropdown';
-export * from './CommonStyling';
+export type { DropdownItem } from './DropdownContent';
+export { default as DropdownContent } from './DropdownContent';
+export * from './DropdownContent';
+export { default as DropdownButton } from './DropdownButton';
+export * from './DropdownButton';
+export { default as DropdownFilter } from './DropdownFilter';
+export * from './DropdownFilter';
+export { default as BasicDropdown } from './BasicDropdown';
+export * from './BasicDropdown';
+export * from './CommonStyling';

package/dist/Footer/Components/FooterBottomLinks.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -13,12 +12,46 @@ var _HyperLink = require("../../HyperLink");
 var _styles = require("../../styles");
 var _typography = require("../../styles/typography");
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const FooterLinkSection = _styledComponents.default.section(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  min-height: 64px;\n  color: white;\n  display: flex;\n  flex-direction: column;\n\n  ", " {\n    flex-direction: row;\n  }\n"])), _styles.BREAKPOINTS.MEDIUM);
-const FooterLinks = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  margin: 0 auto;\n\n  ", " {\n    flex-direction: row;\n    margin: auto auto auto 0;\n  }\n\n  a {\n    ", "\n    &:not(:first-child) {\n      margin: 16px 0 0 0;\n      ", " {\n        margin: 0 0 0 16px;\n      }\n    }\n  }\n"])), _styles.BREAKPOINTS.MEDIUM, (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Bold, null), _styles.BREAKPOINTS.MEDIUM);
-const Copyright = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  margin: 16px auto 0 auto;\n\n  ", " {\n    margin: auto 0 auto auto;\n  }\n"])), props => (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.getColor('white', props.theme)), _styles.BREAKPOINTS.MEDIUM);
+const FooterLinkSection = _styledComponents.default.section`
+  min-height: 64px;
+  color: white;
+  display: flex;
+  flex-direction: column;
+
+  ${_styles.BREAKPOINTS.MEDIUM} {
+    flex-direction: row;
+  }
+`;
+const FooterLinks = _styledComponents.default.div`
+  display: flex;
+  flex-direction: column;
+  margin: 0 auto;
+
+  ${_styles.BREAKPOINTS.MEDIUM} {
+    flex-direction: row;
+    margin: auto auto auto 0;
+  }
+
+  a {
+    ${(0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Bold, null)}
+    &:not(:first-child) {
+      margin: 16px 0 0 0;
+      ${_styles.BREAKPOINTS.MEDIUM} {
+        margin: 0 0 0 16px;
+      }
+    }
+  }
+`;
+const Copyright = _styledComponents.default.div`
+  ${props => (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.getColor('white', props.theme))}
+  margin: 16px auto 0 auto;
+
+  ${_styles.BREAKPOINTS.MEDIUM} {
+    margin: auto 0 auto auto;
+  }
+`;
 const FooterBottomLinks = _ref => {
   let {
     bottomLinks,
@@ -26,8 +59,8 @@ const FooterBottomLinks = _ref => {
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(FooterLinkSection, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(FooterLinks, {
-      children: bottomLinks === null || bottomLinks === void 0 ? void 0 : bottomLinks.map((bl, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_HyperLink.HyperLink, {
-        id: "FooterLink_".concat(Math.floor(Math.random() * 999999999999)),
+      children: bottomLinks?.map((bl, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_HyperLink.HyperLink, {
+        id: `FooterLink_${Math.floor(Math.random() * 999999999999)}`,
         href: bl.to,
         variant: "inverted",
         children: bl.label

package/dist/Footer/Components/FooterBottomLinks.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FooterBottomLinks.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_HyperLink","_styles","_typography","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FooterLinkSection","styled","section","_taggedTemplateLiteral2","BREAKPOINTS","MEDIUM","FooterLinks","div","ComponentXSStyling","ComponentTextStyle","Bold","Copyright","props","Regular","COLORS","getColor","theme","FooterBottomLinks","_ref","bottomLinks","copyrightText","jsxs","children","jsx","map","bl","HyperLink","id","concat","Math","floor","random","href","to","variant","label","propTypes","_propTypes","arrayOf","shape","string","isRequired","target","_default","exports"],"sources":["../../../src/Footer/Components/FooterBottomLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {HyperLink} from '../../HyperLink';\r\n\r\nimport {BREAKPOINTS, COLORS} from '../../styles';\r\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\r\n\r\nconst FooterLinkSection = styled.section`\r\n  min-height: 64px;\r\n  color: white;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n  }\r\n`;\r\n\r\nconst FooterLinks = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n    margin: auto auto auto 0;\r\n  }\r\n\r\n  a {\r\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n    &:not(:first-child) {\r\n      margin: 16px 0 0 0;\r\n      ${BREAKPOINTS.MEDIUM} {\r\n        margin: 0 0 0 16px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst Copyright = styled.div`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\r\n  margin: 16px auto 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: auto 0 auto auto;\r\n  }\r\n`;\r\n\r\ninterface Link {\r\n  label: string;\r\n  to: string;\r\n  target?: string;\r\n}\r\n\r\ninterface FooterLinkProps {\r\n  bottomLinks?: Link[];\r\n  copyrightText?: string;\r\n}\r\n\r\nconst FooterBottomLinks = ({ bottomLinks, copyrightText }: FooterLinkProps) => {\r\n  return (\r\n    <FooterLinkSection>\r\n      <FooterLinks>\r\n        {bottomLinks?.map((bl, i) => (\r\n          <HyperLink id={`FooterLink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     key={i}\r\n                     href={bl.to} variant=\"inverted\">\r\n            {bl.label}\r\n          </HyperLink>\r\n        ))}\r\n      </FooterLinks>\r\n      <Copyright>{copyrightText}</Copyright>\r\n    </FooterLinkSection>\r\n  );\r\n};\r\n\r\nexport default FooterBottomLinks;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FooterBottomLinks.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_HyperLink","_styles","_typography","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FooterLinkSection","styled","section","BREAKPOINTS","MEDIUM","FooterLinks","div","ComponentXSStyling","ComponentTextStyle","Bold","Copyright","props","Regular","COLORS","getColor","theme","FooterBottomLinks","_ref","bottomLinks","copyrightText","jsxs","children","jsx","map","bl","HyperLink","id","Math","floor","random","href","to","variant","label","propTypes","_propTypes","arrayOf","shape","string","isRequired","target","_default","exports"],"sources":["../../../src/Footer/Components/FooterBottomLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {HyperLink} from '../../HyperLink';\r\n\r\nimport {BREAKPOINTS, COLORS} from '../../styles';\r\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\r\n\r\nconst FooterLinkSection = styled.section`\r\n  min-height: 64px;\r\n  color: white;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n  }\r\n`;\r\n\r\nconst FooterLinks = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n    margin: auto auto auto 0;\r\n  }\r\n\r\n  a {\r\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n    &:not(:first-child) {\r\n      margin: 16px 0 0 0;\r\n      ${BREAKPOINTS.MEDIUM} {\r\n        margin: 0 0 0 16px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst Copyright = styled.div`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\r\n  margin: 16px auto 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: auto 0 auto auto;\r\n  }\r\n`;\r\n\r\ninterface Link {\r\n  label: string;\r\n  to: string;\r\n  target?: string;\r\n}\r\n\r\ninterface FooterLinkProps {\r\n  bottomLinks?: Link[];\r\n  copyrightText?: string;\r\n}\r\n\r\nconst FooterBottomLinks = ({ bottomLinks, copyrightText }: FooterLinkProps) => {\r\n  return (\r\n    <FooterLinkSection>\r\n      <FooterLinks>\r\n        {bottomLinks?.map((bl, i) => (\r\n          <HyperLink id={`FooterLink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     key={i}\r\n                     href={bl.to} variant=\"inverted\">\r\n            {bl.label}\r\n          </HyperLink>\r\n        ))}\r\n      </FooterLinks>\r\n      <Copyright>{copyrightText}</Copyright>\r\n    </FooterLinkSection>\r\n  );\r\n};\r\n\r\nexport default FooterBottomLinks;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Footer/Components/FooterBottomLinks.d.ts

@@ -1,12 +1,12 @@
-import * as React from 'react';
-interface Link {
-    label: string;
-    to: string;
-    target?: string;
-}
-interface FooterLinkProps {
-    bottomLinks?: Link[];
-    copyrightText?: string;
-}
-declare const FooterBottomLinks: ({ bottomLinks, copyrightText }: FooterLinkProps) => React.JSX.Element;
-export default FooterBottomLinks;
+import * as React from 'react';
+interface Link {
+    label: string;
+    to: string;
+    target?: string;
+}
+interface FooterLinkProps {
+    bottomLinks?: Link[];
+    copyrightText?: string;
+}
+declare const FooterBottomLinks: ({ bottomLinks, copyrightText }: FooterLinkProps) => React.JSX.Element;
+export default FooterBottomLinks;

package/dist/Footer/Components/FooterBottomLinks.js

@@ -1,15 +1,48 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _templateObject, _templateObject2, _templateObject3;
 import * as React from 'react';
 import styled from 'styled-components';
 import { HyperLink } from '../../HyperLink';
 import { BREAKPOINTS, COLORS } from '../../styles';
 import { ComponentTextStyle, ComponentXSStyling } from '../../styles/typography';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const FooterLinkSection = styled.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  min-height: 64px;\n  color: white;\n  display: flex;\n  flex-direction: column;\n\n  ", " {\n    flex-direction: row;\n  }\n"])), BREAKPOINTS.MEDIUM);
-const FooterLinks = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin: 0 auto;\n\n  ", " {\n    flex-direction: row;\n    margin: auto auto auto 0;\n  }\n\n  a {\n    ", "\n    &:not(:first-child) {\n      margin: 16px 0 0 0;\n      ", " {\n        margin: 0 0 0 16px;\n      }\n    }\n  }\n"])), BREAKPOINTS.MEDIUM, ComponentXSStyling(ComponentTextStyle.Bold, null), BREAKPOINTS.MEDIUM);
-const Copyright = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n  margin: 16px auto 0 auto;\n\n  ", " {\n    margin: auto 0 auto auto;\n  }\n"])), props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)), BREAKPOINTS.MEDIUM);
+const FooterLinkSection = styled.section`
+  min-height: 64px;
+  color: white;
+  display: flex;
+  flex-direction: column;
+
+  ${BREAKPOINTS.MEDIUM} {
+    flex-direction: row;
+  }
+`;
+const FooterLinks = styled.div`
+  display: flex;
+  flex-direction: column;
+  margin: 0 auto;
+
+  ${BREAKPOINTS.MEDIUM} {
+    flex-direction: row;
+    margin: auto auto auto 0;
+  }
+
+  a {
+    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}
+    &:not(:first-child) {
+      margin: 16px 0 0 0;
+      ${BREAKPOINTS.MEDIUM} {
+        margin: 0 0 0 16px;
+      }
+    }
+  }
+`;
+const Copyright = styled.div`
+  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}
+  margin: 16px auto 0 auto;
+
+  ${BREAKPOINTS.MEDIUM} {
+    margin: auto 0 auto auto;
+  }
+`;
 const FooterBottomLinks = _ref => {
   let {
     bottomLinks,
@@ -17,8 +50,8 @@ const FooterBottomLinks = _ref => {
   } = _ref;
   return /*#__PURE__*/_jsxs(FooterLinkSection, {
     children: [/*#__PURE__*/_jsx(FooterLinks, {
-      children: bottomLinks === null || bottomLinks === void 0 ? void 0 : bottomLinks.map((bl, i) => /*#__PURE__*/_jsx(HyperLink, {
-        id: "FooterLink_".concat(Math.floor(Math.random() * 999999999999)),
+      children: bottomLinks?.map((bl, i) => /*#__PURE__*/_jsx(HyperLink, {
+        id: `FooterLink_${Math.floor(Math.random() * 999999999999)}`,
         href: bl.to,
         variant: "inverted",
         children: bl.label

package/dist/Footer/Components/FooterBottomLinks.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterBottomLinks.js","names":["React","styled","HyperLink","BREAKPOINTS","COLORS","ComponentTextStyle","ComponentXSStyling","jsx","_jsx","jsxs","_jsxs","FooterLinkSection","section","_templateObject","_taggedTemplateLiteral","MEDIUM","FooterLinks","div","_templateObject2","Bold","Copyright","_templateObject3","props","Regular","getColor","theme","FooterBottomLinks","_ref","bottomLinks","copyrightText","children","map","bl","i","id","concat","Math","floor","random","href","to","variant","label","propTypes","_pt","arrayOf","shape","string","isRequired","target"],"sources":["../../../src/Footer/Components/FooterBottomLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {HyperLink} from '../../HyperLink';\r\n\r\nimport {BREAKPOINTS, COLORS} from '../../styles';\r\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\r\n\r\nconst FooterLinkSection = styled.section`\r\n  min-height: 64px;\r\n  color: white;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n  }\r\n`;\r\n\r\nconst FooterLinks = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n    margin: auto auto auto 0;\r\n  }\r\n\r\n  a {\r\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n    &:not(:first-child) {\r\n      margin: 16px 0 0 0;\r\n      ${BREAKPOINTS.MEDIUM} {\r\n        margin: 0 0 0 16px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst Copyright = styled.div`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\r\n  margin: 16px auto 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: auto 0 auto auto;\r\n  }\r\n`;\r\n\r\ninterface Link {\r\n  label: string;\r\n  to: string;\r\n  target?: string;\r\n}\r\n\r\ninterface FooterLinkProps {\r\n  bottomLinks?: Link[];\r\n  copyrightText?: string;\r\n}\r\n\r\nconst FooterBottomLinks = ({ bottomLinks, copyrightText }: FooterLinkProps) => {\r\n  return (\r\n    <FooterLinkSection>\r\n      <FooterLinks>\r\n        {bottomLinks?.map((bl, i) => (\r\n          <HyperLink id={`FooterLink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     key={i}\r\n                     href={bl.to} variant=\"inverted\">\r\n            {bl.label}\r\n          </HyperLink>\r\n        ))}\r\n      </FooterLinks>\r\n      <Copyright>{copyrightText}</Copyright>\r\n    </FooterLinkSection>\r\n  );\r\n};\r\n\r\nexport default FooterBottomLinks;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,SAAS,QAAO,iBAAiB;AAEzC,SAAQC,WAAW,EAAEC,MAAM,QAAO,cAAc;AAChD,SAAQC,kBAAkB,EAAEC,kBAAkB,QAAO,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE/E,MAAMC,iBAAiB,GAAGV,MAAM,CAACW,OAAO,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,yIAMpCX,WAAW,CAACY,MAAM,CAGrB;AAED,MAAMC,WAAW,GAAGf,MAAM,CAACgB,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,8RAK1BX,WAAW,CAACY,MAAM,EAMhBT,kBAAkB,CAACD,kBAAkB,CAACc,IAAI,EAAE,IAAI,CAAC,EAG/ChB,WAAW,CAACY,MAAM,CAKzB;AAED,MAAMK,SAAS,GAAGnB,MAAM,CAACgB,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,gGACxBQ,KAAK,IAAIhB,kBAAkB,CAACD,kBAAkB,CAACkB,OAAO,EAAEnB,MAAM,CAACoB,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC,EAG9FtB,WAAW,CAACY,MAAM,CAGrB;AAaD,MAAMW,iBAAiB,GAAGC,IAAA,IAAqD;EAAA,IAApD;IAAEC,WAAW;IAAEC;EAA+B,CAAC,GAAAF,IAAA;EACxE,oBACEjB,KAAA,CAACC,iBAAiB;IAAAmB,QAAA,gBAChBtB,IAAA,CAACQ,WAAW;MAAAc,QAAA,EACTF,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEG,GAAG,CAAC,CAACC,EAAE,EAAEC,CAAC,kBACtBzB,IAAA,CAACN,SAAS;QAACgC,EAAE,gBAAAC,MAAA,CAAgBC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,YAAY,CAAC,CAAG;QAE7DC,IAAI,EAAEP,EAAE,CAACQ,EAAG;QAACC,OAAO,EAAC,UAAU;QAAAX,QAAA,EACvCE,EAAE,CAACU;MAAK,GAFKT,CAGL,CACZ;IAAC,CACS,CAAC,eACdzB,IAAA,CAACY,SAAS;MAAAU,QAAA,EAAED;IAAa,CAAY,CAAC;EAAA,CACrB,CAAC;AAExB,CAAC;AAACH,iBAAA,CAAAiB,SAAA;EAnBAf,WAAW,EAAAgB,GAAA,CAAAC,OAAA,CAAAD,GAAA,CAAAE,KAAA;IANXJ,KAAK,EAAAE,GAAA,CAAAG,MAAA,CAAAC,UAAA;IACLR,EAAE,EAAAI,GAAA,CAAAG,MAAA,CAAAC,UAAA;IACFC,MAAM,EAAAL,GAAA,CAAAG;EAAA;EAKNlB,aAAa,EAAAe,GAAA,CAAAG;AAAA;AAoBf,eAAerB,iBAAiB","ignoreList":[]}
+{"version":3,"file":"FooterBottomLinks.js","names":["React","styled","HyperLink","BREAKPOINTS","COLORS","ComponentTextStyle","ComponentXSStyling","jsx","_jsx","jsxs","_jsxs","FooterLinkSection","section","MEDIUM","FooterLinks","div","Bold","Copyright","props","Regular","getColor","theme","FooterBottomLinks","_ref","bottomLinks","copyrightText","children","map","bl","i","id","Math","floor","random","href","to","variant","label","propTypes","_pt","arrayOf","shape","string","isRequired","target"],"sources":["../../../src/Footer/Components/FooterBottomLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {HyperLink} from '../../HyperLink';\r\n\r\nimport {BREAKPOINTS, COLORS} from '../../styles';\r\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\r\n\r\nconst FooterLinkSection = styled.section`\r\n  min-height: 64px;\r\n  color: white;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n  }\r\n`;\r\n\r\nconst FooterLinks = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n    margin: auto auto auto 0;\r\n  }\r\n\r\n  a {\r\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n    &:not(:first-child) {\r\n      margin: 16px 0 0 0;\r\n      ${BREAKPOINTS.MEDIUM} {\r\n        margin: 0 0 0 16px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst Copyright = styled.div`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\r\n  margin: 16px auto 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: auto 0 auto auto;\r\n  }\r\n`;\r\n\r\ninterface Link {\r\n  label: string;\r\n  to: string;\r\n  target?: string;\r\n}\r\n\r\ninterface FooterLinkProps {\r\n  bottomLinks?: Link[];\r\n  copyrightText?: string;\r\n}\r\n\r\nconst FooterBottomLinks = ({ bottomLinks, copyrightText }: FooterLinkProps) => {\r\n  return (\r\n    <FooterLinkSection>\r\n      <FooterLinks>\r\n        {bottomLinks?.map((bl, i) => (\r\n          <HyperLink id={`FooterLink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     key={i}\r\n                     href={bl.to} variant=\"inverted\">\r\n            {bl.label}\r\n          </HyperLink>\r\n        ))}\r\n      </FooterLinks>\r\n      <Copyright>{copyrightText}</Copyright>\r\n    </FooterLinkSection>\r\n  );\r\n};\r\n\r\nexport default FooterBottomLinks;\r\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,SAAS,QAAO,iBAAiB;AAEzC,SAAQC,WAAW,EAAEC,MAAM,QAAO,cAAc;AAChD,SAAQC,kBAAkB,EAAEC,kBAAkB,QAAO,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE/E,MAAMC,iBAAiB,GAAGV,MAAM,CAACW,OAAO;AACxC;AACA;AACA;AACA;AACA;AACA,IAAIT,WAAW,CAACU,MAAM;AACtB;AACA;AACA,CAAC;AAED,MAAMC,WAAW,GAAGb,MAAM,CAACc,GAAG;AAC9B;AACA;AACA;AACA;AACA,IAAIZ,WAAW,CAACU,MAAM;AACtB;AACA;AACA;AACA;AACA;AACA,MAAMP,kBAAkB,CAACD,kBAAkB,CAACW,IAAI,EAAE,IAAI,CAAC;AACvD;AACA;AACA,QAAQb,WAAW,CAACU,MAAM;AAC1B;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMI,SAAS,GAAGhB,MAAM,CAACc,GAAG;AAC5B,IAAIG,KAAK,IAAIZ,kBAAkB,CAACD,kBAAkB,CAACc,OAAO,EAAEf,MAAM,CAACgB,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAClG;AACA;AACA,IAAIlB,WAAW,CAACU,MAAM;AACtB;AACA;AACA,CAAC;AAaD,MAAMS,iBAAiB,GAAGC,IAAA,IAAqD;EAAA,IAApD;IAAEC,WAAW;IAAEC;EAA+B,CAAC,GAAAF,IAAA;EACxE,oBACEb,KAAA,CAACC,iBAAiB;IAAAe,QAAA,gBAChBlB,IAAA,CAACM,WAAW;MAAAY,QAAA,EACTF,WAAW,EAAEG,GAAG,CAAC,CAACC,EAAE,EAAEC,CAAC,kBACtBrB,IAAA,CAACN,SAAS;QAAC4B,EAAE,EAAE,cAAcC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,YAAY,CAAC,EAAG;QAE7DC,IAAI,EAAEN,EAAE,CAACO,EAAG;QAACC,OAAO,EAAC,UAAU;QAAAV,QAAA,EACvCE,EAAE,CAACS;MAAK,GAFKR,CAGL,CACZ;IAAC,CACS,CAAC,eACdrB,IAAA,CAACS,SAAS;MAAAS,QAAA,EAAED;IAAa,CAAY,CAAC;EAAA,CACrB,CAAC;AAExB,CAAC;AAACH,iBAAA,CAAAgB,SAAA;EAnBAd,WAAW,EAAAe,GAAA,CAAAC,OAAA,CAAAD,GAAA,CAAAE,KAAA;IANXJ,KAAK,EAAAE,GAAA,CAAAG,MAAA,CAAAC,UAAA;IACLR,EAAE,EAAAI,GAAA,CAAAG,MAAA,CAAAC,UAAA;IACFC,MAAM,EAAAL,GAAA,CAAAG;EAAA;EAKNjB,aAAa,EAAAc,GAAA,CAAAG;AAAA;AAoBf,eAAepB,iBAAiB","ignoreList":[]}