@laerdal/life-react-components 3.5.2-uss.hackathon → 3.5.3

package/dist/esm/Dropdown/DropdownFilter.js

@@ -1,259 +0,0 @@
-import _pt from "prop-types";
-import * as React from 'react';
-import { COLORS } from '../styles';
-import { ArrowDropDown, ArrowDropUp, Information, TechnicalWarning } from '../icons/systemicons/SystemIcons';
-import { LoadingIndicator } from '../LoadingIndicator';
-import { StyledField, Dropdown, ButtonDropdownWrapper, InputField } from './CommonStyling';
-import DropdownContent from './DropdownContent';
-import { Size } from '../types';
-import { AutofilledMessage, WarningMessage } from '../InputFields/styling';
-
-const DropdownFilter = ({
-  id,
-  list,
-  placeholder,
-  onSelect,
-  onInputChange,
-  initalValue,
-  required,
-  disableSorting,
-  messageOnNoResults,
-  disabled,
-  locked,
-  scrollable,
-  isButton,
-  activeValidationMessage,
-  autofilledMessage,
-  size,
-  buttonFontSize,
-  keepInitialValue,
-  icon,
-  margin = '4px 0'
-}) => {
-  const [isOpen, setIsOpen] = React.useState(false);
-  const [isLoading, setIsLoading] = React.useState(false);
-  const [input, setInput] = React.useState(initalValue ?? '');
-  const [placeholderSearch, setPlaceholderSearch] = React.useState(placeholder || '');
-  const [restartFilter, setRestartFilter] = React.useState(false);
-  const [selectedValues, setSelectedValues] = React.useState([]);
-  const [focused, setFocused] = React.useState(null);
-  const styledFieldRef = React.useRef(null);
-  const inputRef = React.useRef(null);
-
-  const handleKeyPress = e => {
-    if (styledFieldRef?.current && styledFieldRef.current.contains(e.target)) {
-      if (e.keyCode === 13 && !locked) {
-        const matches = list?.filter(c => c.label.toLowerCase() === input.toLowerCase());
-
-        if (matches.length === 1 && onSelect) {
-          onSelect(matches[0].label);
-          setInput(matches[0].label);
-        }
-
-        if (!isOpen) setFocused(0);
-        setIsOpen(!isOpen);
-
-        if (matches.length === 0) {
-          setInput('');
-        }
-      } else if (e.keyCode === 40) {
-        if (!isOpen) setFocused(0);
-        setIsOpen(!isOpen);
-      }
-    }
-  };
-
-  React.useEffect(() => {
-    if (initalValue || initalValue === '') {
-      setInput(initalValue);
-      setRestartFilter(true);
-    }
-  }, [initalValue]);
-  React.useEffect(() => {
-    if (!isOpen && !list.some(x => x.label == input)) {
-      setInput('');
-      setPlaceholderSearch(placeholder || '');
-    }
-  }, [isOpen]);
-  React.useEffect(() => {
-    document.addEventListener('keypress', handleKeyPress);
-    return () => {
-      document.removeEventListener('keypress', handleKeyPress);
-    };
-  });
-  React.useEffect(() => {
-    setIsLoading(false);
-    if (selectedValues.length > 0 && !list.some(x => x.label == input)) setSelectedValues([]);
-
-    if (list.some(x => x.label == input)) {
-      setSelectedValues([input]);
-      onSelect && onSelect(input);
-    }
-  }, [input]);
-
-  const renderStandardDropdown = () => {
-    return /*#__PURE__*/React.createElement(StyledField, {
-      ref: styledFieldRef,
-      className: (isOpen ? 'expanded ' : '').concat(size ? size : ''),
-      onClick: e => {
-        e.stopPropagation();
-        setIsOpen(!isOpen);
-        inputRef.current?.focus();
-      },
-      tabIndex: disabled || locked ? -1 : 0,
-      disabled: disabled || false,
-      locked: locked || false,
-      showValidationMessage: !!activeValidationMessage,
-      fontSize: buttonFontSize,
-      "data-testid": `otherdiv_${id}`
-    }, /*#__PURE__*/React.createElement(InputField, {
-      ref: inputRef,
-      autoComplete: 'off-' + Math.floor(Math.random() * 999999999999),
-      type: "search",
-      placeholder: placeholderSearch,
-      value: input,
-      className: size ? `${size} value` : 'value',
-      onChange: e => {
-        if (!locked && !disabled) {
-          setRestartFilter(false);
-          setIsLoading(true);
-          setIsOpen(true);
-          setInput(e.target.value);
-
-          if (onInputChange) {
-            onInputChange(e.target.value || '');
-          }
-        }
-      },
-      onClick: e => {
-        if (!locked && !disabled) {
-          e.stopPropagation();
-          setIsOpen(!isOpen);
-        }
-      },
-      onFocus: () => setPlaceholderSearch(''),
-      onBlur: () => setPlaceholderSearch(placeholder || ''),
-      required: required,
-      tabIndex: disabled || locked ? -1 : 0,
-      disabled: disabled || false
-    }), isLoading ? /*#__PURE__*/React.createElement(LoadingIndicator, {
-      size: Size.Small,
-      color: COLORS.neutral_600
-    }) : null, /*#__PURE__*/React.createElement("div", {
-      onClick: () => setIsOpen(!isOpen),
-      className: 'dropdown-arrow'
-    }, isOpen && !locked && !disabled ? /*#__PURE__*/React.createElement(ArrowDropUp, {
-      size: "24px",
-      className: size ? size : ''
-    }) : /*#__PURE__*/React.createElement(ArrowDropDown, {
-      size: "24px",
-      className: size ? size : ''
-    })));
-  };
-
-  const renderButtonDropdown = () => /*#__PURE__*/React.createElement(ButtonDropdownWrapper, {
-    onClick: e => {
-      e.stopPropagation();
-      setIsOpen(!isOpen);
-      inputRef.current?.focus();
-    },
-    disabled: disabled,
-    locked: locked
-  }, /*#__PURE__*/React.createElement(StyledField, {
-    ref: styledFieldRef,
-    className: (isOpen ? 'expanded ' : '').concat(size ? size + ' ' : '').concat(isButton ? 'button' : ''),
-    tabIndex: disabled || locked ? -1 : 0,
-    disabled: disabled || false,
-    locked: locked || false,
-    showValidationMessage: !!activeValidationMessage,
-    fontSize: buttonFontSize
-  }, icon, /*#__PURE__*/React.createElement("div", {
-    className: 'value'
-  }, initalValue && keepInitialValue ? initalValue : input || placeholderSearch), isLoading ? /*#__PURE__*/React.createElement(LoadingIndicator, {
-    size: Size.Small,
-    color: COLORS.neutral_600
-  }) : null, /*#__PURE__*/React.createElement("div", {
-    onClick: () => setIsOpen(!isOpen),
-    className: 'dropdown-arrow'
-  }, isOpen && !locked && !disabled ? /*#__PURE__*/React.createElement(ArrowDropUp, {
-    size: "24px",
-    className: size ? size : ''
-  }) : /*#__PURE__*/React.createElement(ArrowDropDown, {
-    size: "24px",
-    className: size ? size : ''
-  }))));
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dropdown, {
-    isButton: isButton || false,
-    disabled: disabled,
-    locked: locked,
-    className: size ? size : '',
-    margin: margin
-  }, !isButton && renderStandardDropdown(), !!isButton && renderButtonDropdown(), !locked && !disabled && /*#__PURE__*/React.createElement(DropdownContent, {
-    isOpen: isOpen,
-    messageOnNoResults: messageOnNoResults ?? '',
-    selectedValues: selectedValues,
-    setSelectedValues: setSelectedValues,
-    hideOnClickOutside: true,
-    size: size ?? Size.Small,
-    focused: focused,
-    setFocused: setFocused,
-    customizationProps: {
-      itemsType: 'normal',
-      scrollable: scrollable,
-      multiSelect: false,
-      action: () => {},
-      onValueUpdate: values => {
-        const val = values[0] ?? '';
-        setRestartFilter(true);
-        setInput(val);
-      },
-      items: list.map(x => ({
-        value: x.label,
-        customContent: x.customContent
-      }))
-    },
-    filter: !restartFilter ? input : '',
-    setIsOpen: setIsOpen,
-    alignLeft: false,
-    isButton: isButton || false,
-    id: `${id}_dropdowncontent`
-  })), activeValidationMessage && /*#__PURE__*/React.createElement(WarningMessage, {
-    className: size || ''
-  }, /*#__PURE__*/React.createElement(TechnicalWarning, {
-    size: "20px",
-    color: COLORS.warning_400
-  }), /*#__PURE__*/React.createElement("span", null, activeValidationMessage)), autofilledMessage && /*#__PURE__*/React.createElement(AutofilledMessage, {
-    className: size || ''
-  }, /*#__PURE__*/React.createElement(Information, {
-    size: "20px",
-    color: COLORS.neutral_600
-  }), /*#__PURE__*/React.createElement("span", null, autofilledMessage)));
-};
-
-DropdownFilter.propTypes = {
-  id: _pt.string.isRequired,
-  list: _pt.arrayOf(_pt.shape({
-    label: _pt.string.isRequired,
-    customContent: _pt.node
-  })).isRequired,
-  placeholder: _pt.string,
-  onSelect: _pt.func,
-  onInputChange: _pt.func,
-  initalValue: _pt.string,
-  required: _pt.bool,
-  disableSorting: _pt.bool,
-  messageOnNoResults: _pt.string,
-  disabled: _pt.bool,
-  locked: _pt.bool,
-  isButton: _pt.bool,
-  activeValidationMessage: _pt.string,
-  autofilledMessage: _pt.string,
-  scrollable: _pt.bool,
-  buttonFontSize: _pt.string,
-  keepInitialValue: _pt.bool,
-  icon: _pt.node,
-  margin: _pt.string
-};
-export default DropdownFilter;
-//# sourceMappingURL=DropdownFilter.js.map

package/dist/esm/Dropdown/DropdownFilter.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Dropdown/DropdownFilter.tsx"],"names":["React","COLORS","ArrowDropDown","ArrowDropUp","Information","TechnicalWarning","LoadingIndicator","StyledField","Dropdown","ButtonDropdownWrapper","InputField","DropdownContent","Size","AutofilledMessage","WarningMessage","DropdownFilter","id","list","placeholder","onSelect","onInputChange","initalValue","required","disableSorting","messageOnNoResults","disabled","locked","scrollable","isButton","activeValidationMessage","autofilledMessage","size","buttonFontSize","keepInitialValue","icon","margin","isOpen","setIsOpen","useState","isLoading","setIsLoading","input","setInput","placeholderSearch","setPlaceholderSearch","restartFilter","setRestartFilter","selectedValues","setSelectedValues","focused","setFocused","styledFieldRef","useRef","inputRef","handleKeyPress","e","current","contains","target","keyCode","matches","filter","c","label","toLowerCase","length","useEffect","some","x","document","addEventListener","removeEventListener","renderStandardDropdown","concat","stopPropagation","focus","Math","floor","random","value","Small","neutral_600","renderButtonDropdown","itemsType","multiSelect","action","onValueUpdate","values","val","items","map","customContent","warning_400"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { BREAKPOINTS, COLORS } from '../styles';\r\nimport { ArrowDropDown, ArrowDropUp, Information, TechnicalWarning } from '../icons/systemicons/SystemIcons';\r\nimport { LoadingIndicator } from '../LoadingIndicator';\r\nimport { DropdownButton, StyledField, Dropdown, ButtonDropdownWrapper, InputField } from './CommonStyling';\r\nimport DropdownContent from './DropdownContent';\r\nimport { Size } from '../types'\r\nimport { AutofilledMessage, WarningMessage } from '../InputFields/styling';\r\nimport { ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';\r\n\r\ninterface DropdownFilterItem {\r\n  label: string;\r\n  customContent?: React.ReactNode;\r\n}\r\n\r\ninterface DropdownFilterProps {\r\n  id: string;\r\n  list: DropdownFilterItem[];\r\n  placeholder?: string;\r\n  onSelect?: (value: string) => void;\r\n  onInputChange?: (input: string) => void;\r\n  initalValue?: string;\r\n  required?: boolean;\r\n  disableSorting?: boolean;\r\n  messageOnNoResults?: string;\r\n  disabled?: boolean;\r\n  locked?: boolean;\r\n  isButton?: boolean;\r\n  activeValidationMessage?: string;\r\n  autofilledMessage?: string;\r\n  size?: Size.Small | Size.Medium;\r\n  scrollable?: boolean;\r\n  buttonFontSize?: string;\r\n  keepInitialValue?: boolean;\r\n  icon?: React.ReactNode;\r\n  margin?: string;\r\n}\r\n\r\nconst DropdownFilter = ({\r\n  id,\r\n  list,\r\n  placeholder,\r\n  onSelect,\r\n  onInputChange,\r\n  initalValue,\r\n  required,\r\n  disableSorting,\r\n  messageOnNoResults,\r\n  disabled,\r\n  locked,\r\n  scrollable,\r\n  isButton,\r\n  activeValidationMessage,\r\n  autofilledMessage,\r\n  size,\r\n  buttonFontSize,\r\n  keepInitialValue,\r\n  icon,\r\n  margin = '4px 0',\r\n}: DropdownFilterProps) => {\r\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n  const [isLoading, setIsLoading] = React.useState<Boolean>(false);\r\n  const [input, setInput] = React.useState<string>(initalValue ?? '');\r\n  const [placeholderSearch, setPlaceholderSearch] = React.useState<string>(placeholder || '');\r\n  const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\r\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n\r\n  const styledFieldRef = React.useRef<HTMLDivElement>(null);\r\n  const inputRef = React.useRef<HTMLInputElement>(null);\r\n\r\n  const handleKeyPress = (e: any) => {\r\n    if (styledFieldRef?.current && styledFieldRef.current.contains(e.target)) {\r\n      if (e.keyCode === 13 && !locked) {\r\n        const matches = list?.filter((c) => c.label.toLowerCase() === input.toLowerCase());\r\n        if (matches.length === 1 && onSelect) {\r\n          onSelect(matches[0].label);\r\n          setInput(matches[0].label);\r\n        }\r\n        if(!isOpen)\r\n          setFocused(0);\r\n        setIsOpen(!isOpen);\r\n        if (matches.length === 0) {\r\n          setInput('');\r\n        }\r\n      } else if (e.keyCode === 40) {\r\n        if(!isOpen)\r\n          setFocused(0);\r\n        setIsOpen(!isOpen);\r\n      }\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    if (initalValue || initalValue === '') {\r\n      setInput(initalValue);\r\n      setRestartFilter(true);\r\n    }\r\n  }, [initalValue]);\r\n\r\n  React.useEffect(() => {\r\n    if (!isOpen && !list.some(x => x.label == input)) {\r\n      setInput('');\r\n      setPlaceholderSearch(placeholder || '');\r\n    }\r\n  }, [isOpen]);\r\n\r\n  React.useEffect(() => {\r\n    document.addEventListener('keypress', handleKeyPress);\r\n    return () => {\r\n      document.removeEventListener('keypress', handleKeyPress);\r\n    };\r\n  });\r\n\r\n  React.useEffect(() => {\r\n    setIsLoading(false);\r\n    if (selectedValues.length > 0 && !list.some(x => x.label == input))\r\n      setSelectedValues([]);\r\n\r\n    if(list.some(x => x.label == input))\r\n    {\r\n      setSelectedValues([input]);\r\n      onSelect && onSelect(input);\r\n    }\r\n  }, [input]);\r\n\r\n\r\n  const renderStandardDropdown = () => {\r\n    return (\r\n      <StyledField\r\n        ref={styledFieldRef}\r\n        className={(isOpen ? 'expanded ' : '').concat(size ? size : '')}\r\n        onClick={(e: any) => {\r\n          e.stopPropagation();\r\n          setIsOpen(!isOpen);\r\n          inputRef.current?.focus();\r\n        }}\r\n        tabIndex={disabled || locked ? -1 : 0}\r\n        disabled={disabled || false}\r\n        locked={locked || false}\r\n        showValidationMessage={!!activeValidationMessage}\r\n        fontSize={buttonFontSize}\r\n        data-testid={`otherdiv_${id}`}>\r\n        <InputField\r\n          ref={inputRef}\r\n          autoComplete={'off-' + Math.floor(Math.random() * 999999999999)}\r\n          type=\"search\"\r\n          placeholder={placeholderSearch}\r\n          value={input}\r\n          className={size ? `${size} value` : 'value'}\r\n          onChange={(e: any) => {\r\n            if (!locked && !disabled) {\r\n              setRestartFilter(false);\r\n              setIsLoading(true);\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          onClick={(e: any) => {\r\n            if (!locked && !disabled) {\r\n              e.stopPropagation();\r\n              setIsOpen(!isOpen);\r\n            }\r\n          }}\r\n          onFocus={() => setPlaceholderSearch('')}\r\n          onBlur={() => setPlaceholderSearch(placeholder || '')}\r\n          required={required}\r\n          tabIndex={disabled || locked ? -1 : 0}\r\n          disabled={disabled || false}\r\n        />\r\n\r\n        {isLoading ? <LoadingIndicator size={Size.Small} color={COLORS.neutral_600} /> : null}\r\n\r\n        <div onClick={() => setIsOpen(!isOpen)} className={'dropdown-arrow'}>\r\n          {isOpen && !locked && !disabled ? <ArrowDropUp size=\"24px\" className={size ? size : ''} /> : <ArrowDropDown size=\"24px\" className={size ? size : ''} />}\r\n        </div>\r\n      </StyledField>\r\n    );\r\n  };\r\n\r\n  const renderButtonDropdown = () => (\r\n    <ButtonDropdownWrapper\r\n      onClick={(e: any) => {\r\n        e.stopPropagation();\r\n        setIsOpen(!isOpen);\r\n        inputRef.current?.focus();\r\n      }}\r\n      disabled={disabled}\r\n      locked={locked}>\r\n      <StyledField\r\n        ref={styledFieldRef}\r\n        className={(isOpen ? 'expanded ' : '').concat(size ? size + ' ' : '').concat(isButton ? 'button' : '')}\r\n        tabIndex={disabled || locked ? -1 : 0}\r\n        disabled={disabled || false}\r\n        locked={locked || false}\r\n        showValidationMessage={!!activeValidationMessage}\r\n        fontSize={buttonFontSize}>\r\n        {icon}\r\n        <div className={'value'}>{initalValue && keepInitialValue ? initalValue : input || placeholderSearch}</div>\r\n        {isLoading ? <LoadingIndicator size={Size.Small} color={COLORS.neutral_600} /> : null}\r\n        <div onClick={() => setIsOpen(!isOpen)} className={'dropdown-arrow'}>\r\n          {isOpen && !locked && !disabled ? <ArrowDropUp size=\"24px\" className={size ? size : ''} /> : <ArrowDropDown size=\"24px\" className={size ? size : ''} />}\r\n        </div>\r\n      </StyledField>\r\n    </ButtonDropdownWrapper>\r\n  );\r\n\r\n  return (\r\n    <>\r\n      <Dropdown isButton={isButton || false} disabled={disabled} locked={locked} className={size ? size : ''} margin={margin}>\r\n        {!isButton && renderStandardDropdown()}\r\n        {!!isButton && renderButtonDropdown()}\r\n        {!locked && !disabled && (\r\n          <DropdownContent\r\n          isOpen={isOpen}\r\n          messageOnNoResults={messageOnNoResults ?? ''}\r\n          selectedValues={selectedValues}\r\n          setSelectedValues={setSelectedValues}\r\n          hideOnClickOutside={true}\r\n          size={size ?? Size.Small}\r\n          focused={focused}\r\n          setFocused={setFocused}\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              const val = values[0] ?? '';\r\n              setRestartFilter(true);\r\n              setInput(val);\r\n            },\r\n            items: list.map(x => ({ value: x.label, customContent: x.customContent }))\r\n          }}\r\n          filter={!restartFilter ? input : ''}\r\n          setIsOpen={setIsOpen}\r\n          alignLeft={false}\r\n          isButton={isButton || false}\r\n          id={`${id}_dropdowncontent`} />\r\n        )}\r\n      </Dropdown>\r\n      {activeValidationMessage && (\r\n        <WarningMessage className={size || ''}>\r\n          <TechnicalWarning size=\"20px\" color={COLORS.warning_400} />\r\n          <span>{activeValidationMessage}</span>\r\n        </WarningMessage>\r\n      )}\r\n      {autofilledMessage && (\r\n        <AutofilledMessage className={size || ''}>\r\n          <Information size=\"20px\" color={COLORS.neutral_600} />\r\n          <span>{autofilledMessage}</span>\r\n        </AutofilledMessage>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default DropdownFilter;\r\n"],"file":"DropdownFilter.js"}

package/dist/esm/Dropdown/__tests__/DropdownFilter.test.js

@@ -1,56 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { DropdownFilter } from '../index';
-const list = [{
-  label: 'Contact'
-}, {
-  label: 'About'
-}, {
-  label: 'Base'
-}, {
-  label: 'Blog'
-}, {
-  label: 'Contact 3'
-}, {
-  label: 'Custom'
-}, {
-  label: 'Support'
-}, {
-  label: 'Tools'
-}];
-describe('<DropdownFilter />', () => {
-  it('Renders with no default value', async () => {
-    const {
-      getByPlaceholderText
-    } = render( /*#__PURE__*/React.createElement(DropdownFilter, {
-      id: "Dropdown",
-      list: list,
-      placeholder: "Placeholder"
-    }));
-    expect(getByPlaceholderText('Placeholder').value).toBe('');
-  });
-  it('Renders with required input if specified', async () => {
-    const {
-      getByPlaceholderText
-    } = render( /*#__PURE__*/React.createElement(DropdownFilter, {
-      id: "Dropdown",
-      list: list,
-      placeholder: "Placeholder",
-      required: true
-    }));
-    expect(getByPlaceholderText('Placeholder').required).toBe(true);
-  });
-  it('Renders with inital value if specified', async () => {
-    const initialValue = 'Contact';
-    const {
-      getByPlaceholderText
-    } = render( /*#__PURE__*/React.createElement(DropdownFilter, {
-      id: "Dropdown",
-      list: list,
-      placeholder: "Placeholder",
-      initalValue: initialValue
-    }));
-    expect(getByPlaceholderText('Placeholder').value).toBe(initialValue);
-  });
-});
-//# sourceMappingURL=DropdownFilter.test.js.map

package/dist/esm/Dropdown/__tests__/DropdownFilter.test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Dropdown/__tests__/DropdownFilter.test.tsx"],"names":["React","render","DropdownFilter","list","label","describe","it","getByPlaceholderText","expect","value","toBe","required","initialValue"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAuB,wBAAvB;AACA,SAASC,cAAT,QAA+B,UAA/B;AAEA,MAAMC,IAAI,GAAG,CAAC;AAACC,EAAAA,KAAK,EAAE;AAAR,CAAD,EACX;AAACA,EAAAA,KAAK,EAAE;AAAR,CADW,EAEX;AAACA,EAAAA,KAAK,EAAE;AAAR,CAFW,EAGX;AAACA,EAAAA,KAAK,EAAE;AAAR,CAHW,EAIX;AAACA,EAAAA,KAAK,EAAE;AAAR,CAJW,EAKX;AAACA,EAAAA,KAAK,EAAE;AAAR,CALW,EAMX;AAACA,EAAAA,KAAK,EAAE;AAAR,CANW,EAOX;AAACA,EAAAA,KAAK,EAAE;AAAR,CAPW,CAAb;AASAC,QAAQ,CAAC,oBAAD,EAAuB,MAAM;AACnCC,EAAAA,EAAE,CAAC,+BAAD,EAAkC,YAAY;AAC9C,UAAM;AAAEC,MAAAA;AAAF,QAA2BN,MAAM,eAAC,oBAAC,cAAD;AAAgB,MAAA,EAAE,EAAC,UAAnB;AAA8B,MAAA,IAAI,EAAEE,IAApC;AAA0C,MAAA,WAAW,EAAC;AAAtD,MAAD,CAAvC;AACAK,IAAAA,MAAM,CAAED,oBAAoB,CAAC,aAAD,CAArB,CAA0DE,KAA3D,CAAN,CAAwEC,IAAxE,CAA6E,EAA7E;AACD,GAHC,CAAF;AAKAJ,EAAAA,EAAE,CAAC,0CAAD,EAA6C,YAAY;AACzD,UAAM;AAAEC,MAAAA;AAAF,QAA2BN,MAAM,eAAC,oBAAC,cAAD;AAAgB,MAAA,EAAE,EAAC,UAAnB;AAA8B,MAAA,IAAI,EAAEE,IAApC;AAA0C,MAAA,WAAW,EAAC,aAAtD;AAAoE,MAAA,QAAQ;AAA5E,MAAD,CAAvC;AACAK,IAAAA,MAAM,CAAED,oBAAoB,CAAC,aAAD,CAArB,CAA0DI,QAA3D,CAAN,CAA2ED,IAA3E,CAAgF,IAAhF;AACD,GAHC,CAAF;AAKAJ,EAAAA,EAAE,CAAC,wCAAD,EAA2C,YAAY;AACvD,UAAMM,YAAY,GAAG,SAArB;AACA,UAAM;AAAEL,MAAAA;AAAF,QAA2BN,MAAM,eAAC,oBAAC,cAAD;AAAgB,MAAA,EAAE,EAAC,UAAnB;AAA8B,MAAA,IAAI,EAAEE,IAApC;AAA0C,MAAA,WAAW,EAAC,aAAtD;AAAoE,MAAA,WAAW,EAAES;AAAjF,MAAD,CAAvC;AACAJ,IAAAA,MAAM,CAAED,oBAAoB,CAAC,aAAD,CAArB,CAA0DE,KAA3D,CAAN,CAAwEC,IAAxE,CAA6EE,YAA7E;AACD,GAJC,CAAF;AAKD,CAhBO,CAAR","sourcesContent":["import React from 'react';\r\nimport { render } from '@testing-library/react';\r\nimport { DropdownFilter } from '../index';\r\n\r\nconst list = [{label: 'Contact'}, \r\n  {label: 'About'}, \r\n  {label: 'Base'},\r\n  {label: 'Blog'}, \r\n  {label: 'Contact 3'}, \r\n  {label: 'Custom'}, \r\n  {label: 'Support'}, \r\n  {label: 'Tools'}];\r\n\r\ndescribe('<DropdownFilter />', () => {\r\n  it('Renders with no default value', async () => {\r\n    const { getByPlaceholderText } = render(<DropdownFilter id=\"Dropdown\" list={list} placeholder=\"Placeholder\" />);\r\n    expect((getByPlaceholderText('Placeholder') as HTMLInputElement).value).toBe('');\r\n  });\r\n\r\n  it('Renders with required input if specified', async () => {\r\n    const { getByPlaceholderText } = render(<DropdownFilter id=\"Dropdown\" list={list} placeholder=\"Placeholder\" required />);\r\n    expect((getByPlaceholderText('Placeholder') as HTMLInputElement).required).toBe(true);\r\n  });\r\n\r\n  it('Renders with inital value if specified', async () => {\r\n    const initialValue = 'Contact';\r\n    const { getByPlaceholderText } = render(<DropdownFilter id=\"Dropdown\" list={list} placeholder=\"Placeholder\" initalValue={initialValue} />);\r\n    expect((getByPlaceholderText('Placeholder') as HTMLInputElement).value).toBe(initialValue);\r\n  });\r\n});\r\n"],"file":"DropdownFilter.test.js"}

package/dist/esm/Dropdown/index.js

@@ -1,6 +0,0 @@
-import DropdownFilter from './DropdownFilter';
-import BasicDropdown from './BasicDropdown';
-import DropdownButton from './DropdownButton';
-import ChipDropdownInput from './ChipDropdownInput';
-export { DropdownFilter, BasicDropdown, DropdownButton, ChipDropdownInput };
-//# sourceMappingURL=index.js.map

package/dist/esm/Dropdown/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Dropdown/index.ts"],"names":["DropdownFilter","BasicDropdown","DropdownButton","ChipDropdownInput"],"mappings":"AAAA,OAAOA,cAAP,MAA2B,kBAA3B;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,OAAOC,cAAP,MAA2B,kBAA3B;AACA,OAAOC,iBAAP,MAA8B,qBAA9B;AAEA,SAASH,cAAT,EAAyBC,aAAzB,EAAwCC,cAAxC,EAAwDC,iBAAxD","sourcesContent":["import DropdownFilter from './DropdownFilter';\r\nimport BasicDropdown from './BasicDropdown';\r\nimport DropdownButton from './DropdownButton';\r\nimport ChipDropdownInput from './ChipDropdownInput';\r\n\r\nexport { DropdownFilter, BasicDropdown, DropdownButton, ChipDropdownInput };\r\n"],"file":"index.js"}

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

@@ -1,67 +0,0 @@
-import _pt from "prop-types";
-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';
-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`
-  ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white)}
-  margin: 16px auto 0 auto;
-
-  ${BREAKPOINTS.MEDIUM} {
-    margin: auto 0 auto auto;
-  }
-`;
-
-const FooterBottomLinks = ({
-  bottomLinks,
-  copyrightText
-}) => {
-  return /*#__PURE__*/React.createElement(FooterLinkSection, null, /*#__PURE__*/React.createElement(FooterLinks, null, bottomLinks?.map((bl, i) => /*#__PURE__*/React.createElement(HyperLink, {
-    id: `FooterLink_${Math.floor(Math.random() * 999999999999)}`,
-    key: i,
-    href: bl.to,
-    variant: "inverted"
-  }, bl.label))), /*#__PURE__*/React.createElement(Copyright, null, copyrightText));
-};
-
-FooterBottomLinks.propTypes = {
-  bottomLinks: _pt.arrayOf(_pt.shape({
-    label: _pt.string.isRequired,
-    to: _pt.string.isRequired,
-    target: _pt.string
-  })),
-  copyrightText: _pt.string
-};
-export default FooterBottomLinks;
-//# sourceMappingURL=FooterBottomLinks.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Footer/Components/FooterBottomLinks.tsx"],"names":["React","styled","HyperLink","BREAKPOINTS","COLORS","ComponentTextStyle","ComponentXSStyling","FooterLinkSection","section","MEDIUM","FooterLinks","div","Bold","Copyright","Regular","white","FooterBottomLinks","bottomLinks","copyrightText","map","bl","i","Math","floor","random","to","label","target"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,SAAR,QAAwB,iBAAxB;AAEA,SAAQC,WAAR,EAAqBC,MAArB,QAAkC,cAAlC;AACA,SAAQC,kBAAR,EAA4BC,kBAA5B,QAAqD,yBAArD;AAEA,MAAMC,iBAAiB,GAAGN,MAAM,CAACO,OAAQ;AACzC;AACA;AACA;AACA;AACA;AACA,IAAIL,WAAW,CAACM,MAAO;AACvB;AACA;AACA,CATA;AAWA,MAAMC,WAAW,GAAGT,MAAM,CAACU,GAAI;AAC/B;AACA;AACA;AACA;AACA,IAAIR,WAAW,CAACM,MAAO;AACvB;AACA;AACA;AACA;AACA;AACA,MAAMH,kBAAkB,CAACD,kBAAkB,CAACO,IAApB,EAA0B,IAA1B,CAAgC;AACxD;AACA;AACA,QAAQT,WAAW,CAACM,MAAO;AAC3B;AACA;AACA;AACA;AACA,CAnBA;AAqBA,MAAMI,SAAS,GAAGZ,MAAM,CAACU,GAAI;AAC7B,IAAIL,kBAAkB,CAACD,kBAAkB,CAACS,OAApB,EAA6BV,MAAM,CAACW,KAApC,CAA2C;AACjE;AACA;AACA,IAAIZ,WAAW,CAACM,MAAO;AACvB;AACA;AACA,CAPA;;AAoBA,MAAMO,iBAAiB,GAAG,CAAC;AAAEC,EAAAA,WAAF;AAAeC,EAAAA;AAAf,CAAD,KAAqD;AAC7E,sBACE,oBAAC,iBAAD,qBACE,oBAAC,WAAD,QACGD,WAAW,EAAEE,GAAb,CAAiB,CAACC,EAAD,EAAKC,CAAL,kBAChB,oBAAC,SAAD;AAAW,IAAA,EAAE,EAAG,cAAaC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,MAAL,KAAgB,YAA3B,CAAyC,EAAtE;AACW,IAAA,GAAG,EAAEH,CADhB;AAEW,IAAA,IAAI,EAAED,EAAE,CAACK,EAFpB;AAEwB,IAAA,OAAO,EAAC;AAFhC,KAGGL,EAAE,CAACM,KAHN,CADD,CADH,CADF,eAUE,oBAAC,SAAD,QAAYR,aAAZ,CAVF,CADF;AAcD,CAfD;;;AAJED,EAAAA,W;AANAS,IAAAA,K;AACAD,IAAAA,E;AACAE,IAAAA,M;;AAKAT,EAAAA,a;;AAoBF,eAAeF,iBAAf","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  ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white)}\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"],"file":"FooterBottomLinks.js"}

package/dist/esm/Footer/Components/FooterDropdownLinks.js

@@ -1,133 +0,0 @@
-import _pt from "prop-types";
-import * as React from 'react';
-import styled from 'styled-components';
-import { COLORS, ComponentTextStyle } from '../../styles';
-import { ChevronDown, ChevronUp } from '../../icons/systemicons/SystemIcons';
-import { ComponentMStyling, ComponentSStyling } from '../../styles/typography';
-import { HyperLink } from '../../HyperLink';
-const Wrapper = styled.div`
-  width: 100%;
-  border-top: 1px solid ${COLORS.neutral_100};
-
-  &:last-child {
-    border-bottom: 1px solid ${COLORS.neutral_100};
-  }
-`;
-const DropdownLinkBlock = styled.button`
-  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}
-
-  display: ${props => props.width > 768 ? 'none' : 'flex'};
-  justify-content: space-between;
-  width: 100%;
-  height: 48px;
-  background-color: transparent;
-  border: none;
-  padding: 0 16px;
-
-  &:hover,
-  .open {
-    background-color: ${COLORS.neutral_20};
-    color: ${COLORS.primary_700};
-  }
-
-  &:hover {
-    cursor: pointer;
-  }
-
-  &:active {
-    background-color: ${COLORS.primary_100};
-    color: ${COLORS.primary_800};
-  }
-
-  &:focus {
-    box-shadow: 0px 4px 12px rgba(46, 127, 161, 0.25), 0px 0px 8px #2e7fa1;
-    outline: none;
-  }
-
-  h3 {
-    margin: auto 0;
-    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}
-  }
-
-  .open {
-    h3 {
-      background-color: ${COLORS.neutral_20};
-      color: ${COLORS.neutral_800};
-    }
-  }
-
-  svg {
-    margin: auto 0;
-  }
-`;
-const LinkBlock = styled.div`
-  display: none;
-  flex-direction: column;
-  font-weight: normal;
-  width: 100%;
-
-  &.show {
-    display: flex;
-  }
-
-  a {
-    text-decoration: none;
-
-    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}
-    
-    display: flex;
-    align-items: center;
-    
-    padding: 0 16px;
-    height: 48px;
-
-    &:hover {
-      background-color: ${COLORS.neutral_20};
-      color: ${COLORS.primary_700};
-      cursor: pointer;
-    }
-
-    &:focus {
-      background-color: ${COLORS.neutral_20};
-      box-shadow: 0px 4px 12px rgba(46, 127, 161, 0.25), 0px 0px 8px #2e7fa1;
-      outline: none;
-    }
-
-    &:active {
-      background-color: ${COLORS.primary_100};
-      color: ${COLORS.primary_800};
-    }
-  }
-`;
-
-const FooterDropdownLinks = ({
-  navSection,
-  width
-}) => {
-  const [dropdownActive, setDropdownActive] = React.useState(false);
-  return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(DropdownLinkBlock, {
-    width: width,
-    className: dropdownActive ? 'open' : '',
-    onClick: () => setDropdownActive(!dropdownActive)
-  }, /*#__PURE__*/React.createElement("h3", null, navSection.header), dropdownActive ? /*#__PURE__*/React.createElement(ChevronUp, {
-    size: "24px"
-  }) : /*#__PURE__*/React.createElement(ChevronDown, {
-    size: "24px"
-  })), /*#__PURE__*/React.createElement(LinkBlock, {
-    width: width,
-    className: dropdownActive ? 'show' : ''
-  }, navSection.links.map((item, index) => /*#__PURE__*/React.createElement(HyperLink, {
-    key: index,
-    id: `dropdownlink_${Math.floor(Math.random() * 999999999999)}`,
-    variant: 'inverted',
-    href: item.to,
-    target: item.target || '_blank',
-    rel: "noreferrer noopener"
-  }, item.label))));
-};
-
-FooterDropdownLinks.propTypes = {
-  width: _pt.number.isRequired
-};
-export default FooterDropdownLinks;
-//# sourceMappingURL=FooterDropdownLinks.js.map

package/dist/esm/Footer/Components/FooterDropdownLinks.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Footer/Components/FooterDropdownLinks.tsx"],"names":["React","styled","COLORS","ComponentTextStyle","ChevronDown","ChevronUp","ComponentMStyling","ComponentSStyling","HyperLink","Wrapper","div","neutral_100","DropdownLinkBlock","button","Bold","white","props","width","neutral_20","primary_700","primary_100","primary_800","Regular","neutral_800","LinkBlock","FooterDropdownLinks","navSection","dropdownActive","setDropdownActive","useState","header","links","map","item","index","Math","floor","random","to","target","label"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {COLORS, ComponentTextStyle} from '../../styles';\r\nimport {ChevronDown, ChevronUp} from '../../icons/systemicons/SystemIcons';\r\nimport {NavSection} from '../../types';\r\nimport {ComponentMStyling, ComponentSStyling} from '../../styles/typography';\r\nimport {HyperLink} from '../../HyperLink';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  border-top: 1px solid ${COLORS.neutral_100};\r\n\r\n  &:last-child {\r\n    border-bottom: 1px solid ${COLORS.neutral_100};\r\n  }\r\n`;\r\n\r\nconst DropdownLinkBlock = styled.button<{ width: number }>`\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n\r\n  display: ${(props) => (props.width > 768 ? 'none' : 'flex')};\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  height: 48px;\r\n  background-color: transparent;\r\n  border: none;\r\n  padding: 0 16px;\r\n\r\n  &:hover,\r\n  .open {\r\n    background-color: ${COLORS.neutral_20};\r\n    color: ${COLORS.primary_700};\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n\r\n  &:active {\r\n    background-color: ${COLORS.primary_100};\r\n    color: ${COLORS.primary_800};\r\n  }\r\n\r\n  &:focus {\r\n    box-shadow: 0px 4px 12px rgba(46, 127, 161, 0.25), 0px 0px 8px #2e7fa1;\r\n    outline: none;\r\n  }\r\n\r\n  h3 {\r\n    margin: auto 0;\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  .open {\r\n    h3 {\r\n      background-color: ${COLORS.neutral_20};\r\n      color: ${COLORS.neutral_800};\r\n    }\r\n  }\r\n\r\n  svg {\r\n    margin: auto 0;\r\n  }\r\n`;\r\n\r\nconst LinkBlock = styled.div<{ width: number }>`\r\n  display: none;\r\n  flex-direction: column;\r\n  font-weight: normal;\r\n  width: 100%;\r\n\r\n  &.show {\r\n    display: flex;\r\n  }\r\n\r\n  a {\r\n    text-decoration: none;\r\n\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n    \r\n    display: flex;\r\n    align-items: center;\r\n    \r\n    padding: 0 16px;\r\n    height: 48px;\r\n\r\n    &:hover {\r\n      background-color: ${COLORS.neutral_20};\r\n      color: ${COLORS.primary_700};\r\n      cursor: pointer;\r\n    }\r\n\r\n    &:focus {\r\n      background-color: ${COLORS.neutral_20};\r\n      box-shadow: 0px 4px 12px rgba(46, 127, 161, 0.25), 0px 0px 8px #2e7fa1;\r\n      outline: none;\r\n    }\r\n\r\n    &:active {\r\n      background-color: ${COLORS.primary_100};\r\n      color: ${COLORS.primary_800};\r\n    }\r\n  }\r\n`;\r\n\r\ninterface FooterNavSectionProps {\r\n  navSection: NavSection;\r\n  width: number;\r\n}\r\n\r\nconst FooterDropdownLinks = ({ navSection, width }: FooterNavSectionProps) => {\r\n  const [dropdownActive, setDropdownActive] = React.useState<boolean>(false);\r\n  return (\r\n    <Wrapper>\r\n      <DropdownLinkBlock width={width} className={dropdownActive ? 'open' : ''} onClick={() => setDropdownActive(!dropdownActive)}>\r\n        <h3>{navSection.header}</h3>\r\n        {dropdownActive ? <ChevronUp size=\"24px\" /> : <ChevronDown size=\"24px\" />}\r\n      </DropdownLinkBlock>\r\n      <LinkBlock width={width} className={dropdownActive ? 'show' : ''}>\r\n        {navSection.links.map((item, index) => (\r\n          <HyperLink key={index}\r\n                     id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     variant={'inverted'}\r\n                     href={item.to}\r\n                     target={item.target || '_blank'}\r\n                     rel=\"noreferrer noopener\">\r\n            {item.label}\r\n          </HyperLink>\r\n        ))}\r\n      </LinkBlock>\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default FooterDropdownLinks;\r\n"],"file":"FooterDropdownLinks.js"}