@laerdal/life-react-components 3.5.1-dev.16 → 3.5.1-dev.18

package/dist/umd/Dropdown/BasicDropdown.js

@@ -1,292 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react", "../styles", "../icons/systemicons/SystemIcons", "../LoadingIndicator", "./CommonStyling", "./DropdownContent", "../InputFields/styling", "../types"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"), require("../styles"), require("../icons/systemicons/SystemIcons"), require("../LoadingIndicator"), require("./CommonStyling"), require("./DropdownContent"), require("../InputFields/styling"), require("../types"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.propTypes, global.react, global.styles, global.SystemIcons, global.LoadingIndicator, global.CommonStyling, global.DropdownContent, global.styling, global.types);
-    global.undefined = mod.exports;
-  }
-})(this, function (exports, _propTypes, _react, _styles, _SystemIcons, _LoadingIndicator, _CommonStyling, _DropdownContent, _styling, _types) {
-  "use strict";
-
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-
-  var _propTypes2 = _interopRequireDefault(_propTypes);
-
-  var React = _interopRequireWildcard(_react);
-
-  var _DropdownContent2 = _interopRequireDefault(_DropdownContent);
-
-  function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function (nodeInterop) {
-      return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-  }
-
-  function _interopRequireWildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-      return obj;
-    }
-
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-      return {
-        default: obj
-      };
-    }
-
-    var cache = _getRequireWildcardCache(nodeInterop);
-
-    if (cache && cache.has(obj)) {
-      return cache.get(obj);
-    }
-
-    var newObj = {};
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-
-    for (var key in obj) {
-      if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-
-        if (desc && (desc.get || desc.set)) {
-          Object.defineProperty(newObj, key, desc);
-        } else {
-          newObj[key] = obj[key];
-        }
-      }
-    }
-
-    newObj.default = obj;
-
-    if (cache) {
-      cache.set(obj, newObj);
-    }
-
-    return newObj;
-  }
-
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      default: obj
-    };
-  }
-
-  const MAX_MENU_HEIGHT = 240;
-  const AVG_OPTION_HEIGHT = 48;
-
-  const BasicDropdown = ({
-    id,
-    list,
-    placeholder,
-    onSelect,
-    setDropdownMenuValues,
-    initalValue,
-    disableSorting,
-    messageOnNoResults,
-    itemsType = 'normal',
-    action,
-    actionLabel,
-    actionVariant,
-    actionIcon,
-    actionLoading,
-    actionDisabled,
-    pinTopItem,
-    multiSelect,
-    scrollable = true,
-    maxHeight,
-    disabled,
-    locked,
-    isButton,
-    activeValidationMessage,
-    autofilledMessage,
-    size,
-    margin = '4px 0',
-    dropdownMenuValues,
-    minWidth
-  }) => {
-    const [isOpen, setIsOpen] = React.useState(false);
-    const [isLoading, setIsLoading] = React.useState(false);
-    const [input, setInput] = React.useState('');
-    const [placeholderSearch, setPlaceholderSearch] = React.useState(placeholder || '');
-    const [restartFilter, setRestartFilter] = React.useState(false);
-    const [focused, setFocused] = React.useState(null);
-    const [selectedValues, setSelectedValues] = React.useState(initalValue ? [initalValue] : []);
-    const styledFieldRef = React.useRef(null);
-    /*
-    if (!items.includes(input)) {
-      setInput('');
-      setPlaceholderSearch(placeholder || '');
-    } */
-
-    const handleKeyPress = e => {
-      if (styledFieldRef?.current && styledFieldRef.current.contains(e.target)) {
-        if (e.keyCode === 13) {
-          setFocused(0);
-          setIsOpen(!isOpen);
-        } else if (e.keyCode === 40) {
-          setFocused(0);
-          setIsOpen(!isOpen);
-        }
-      }
-    };
-
-    const handleValueSelect = values => {
-      setRestartFilter(true);
-      setInput(values.join(', '));
-      onSelect && onSelect(values); //don't close dropdown on item select if have custom action or multiselect
-
-      if (actionLabel || multiSelect) return;
-      setIsOpen(false);
-      setFocused(null);
-    };
-
-    React.useEffect(() => {
-      if (initalValue || dropdownMenuValues) {
-        const initValue = dropdownMenuValues ? dropdownMenuValues.join(',') : initalValue ? initalValue : '';
-        setInput(initValue);
-        setRestartFilter(true);
-      }
-    }, [initalValue, dropdownMenuValues]);
-    React.useEffect(() => {
-      document.addEventListener('keypress', handleKeyPress);
-      return () => {
-        document.removeEventListener('keypress', handleKeyPress);
-      };
-    });
-    React.useEffect(() => {
-      setIsLoading(false);
-    }, [input]);
-
-    const customSetIsOpen = isOpen => {
-      setIsOpen(isOpen);
-    };
-
-    const getDisplayItems = () => {
-      const values = input.split(',').map(val => val.trim());
-      const listDisplayLabels = list.filter(item => values.includes(item.value)).map(l => l.displayLabel);
-      return listDisplayLabels.join(', ');
-    };
-
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_CommonStyling.Dropdown, {
-      isButton: isButton || false,
-      className: size ? size : '',
-      locked: locked,
-      disabled: disabled,
-      margin: margin,
-      minWidth: minWidth
-    }, /*#__PURE__*/React.createElement(_CommonStyling.StyledField, {
-      ref: styledFieldRef,
-      className: (isOpen ? 'expanded ' : '').concat(size ? size : '').concat(isButton ? 'button' : ''),
-      onClick: () => {
-        if (!locked || !disabled) {
-          setIsOpen(!isOpen);
-        }
-      },
-      tabIndex: disabled || locked ? -1 : 0,
-      disabled: disabled || false,
-      locked: locked || false,
-      showValidationMessage: !!activeValidationMessage,
-      placeholder: placeholderSearch,
-      isPlaceholder: !input,
-      minWidth: minWidth
-    }, /*#__PURE__*/React.createElement(_CommonStyling.InputField, {
-      type: "search",
-      readOnly: true,
-      placeholder: placeholderSearch,
-      value: getDisplayItems(),
-      className: size ? `${size} value` : 'value',
-      onClick: e => {
-        if (!locked && !disabled) {
-          e.stopPropagation();
-          setIsOpen(!isOpen);
-        }
-      },
-      tabIndex: disabled || locked ? -1 : 0,
-      disabled: disabled || false
-    }), isLoading ? /*#__PURE__*/React.createElement(_LoadingIndicator.LoadingIndicator, {
-      size: _types.Size.Small,
-      color: _styles.COLORS.neutral_600
-    }) : null, /*#__PURE__*/React.createElement("div", {
-      onClick: () => setIsOpen(!isOpen),
-      className: 'icon'
-    }, isOpen ? /*#__PURE__*/React.createElement(_SystemIcons.ArrowDropUp, {
-      size: "24px",
-      className: size ? size : ''
-    }) : /*#__PURE__*/React.createElement(_SystemIcons.ArrowDropDown, {
-      size: "24px",
-      className: size ? size : ''
-    }))), !locked && !disabled && /*#__PURE__*/React.createElement(_DropdownContent2.default, {
-      customizationProps: {
-        itemsType: itemsType,
-        action: action ?? (() => {}),
-        actionLabel: actionLabel,
-        actionVariant: actionVariant,
-        actionDisabled: actionDisabled,
-        scrollable: scrollable,
-        onValueUpdate: handleValueSelect,
-        items: list,
-        multiSelect: multiSelect,
-        pinTopItem: pinTopItem,
-        maxHeight: maxHeight,
-        actionIcon: actionIcon,
-        actionLoading: actionLoading
-      },
-      focused: focused,
-      setFocused: setFocused,
-      size: size ?? _types.Size.Small,
-      filter: '',
-      hideOnClickOutside: true,
-      isOpen: isOpen,
-      setIsOpen: customSetIsOpen,
-      messageOnNoResults: messageOnNoResults ?? '',
-      isButton: isButton || false,
-      selectedValues: dropdownMenuValues ?? selectedValues,
-      setSelectedValues: setDropdownMenuValues ? setDropdownMenuValues : setSelectedValues,
-      id: `${id}_dropdowncontent`
-    })), activeValidationMessage && /*#__PURE__*/React.createElement(_styling.WarningMessage, null, /*#__PURE__*/React.createElement(_SystemIcons.TechnicalWarning, {
-      size: "20px",
-      color: _styles.COLORS.warning_400
-    }), /*#__PURE__*/React.createElement("span", null, activeValidationMessage)), autofilledMessage && /*#__PURE__*/React.createElement(_styling.AutofilledMessage, null, /*#__PURE__*/React.createElement(_SystemIcons.Information, {
-      size: "20px",
-      color: _styles.COLORS.neutral_600
-    }), /*#__PURE__*/React.createElement("span", null, autofilledMessage)));
-  };
-
-  BasicDropdown.propTypes = {
-    id: _propTypes2.default.string.isRequired,
-    list: _propTypes2.default.array.isRequired,
-    itemsType: _propTypes2.default.oneOf(['normal', 'checkbox', 'radio']),
-    action: _propTypes2.default.func,
-    actionLabel: _propTypes2.default.string,
-    actionIcon: _propTypes2.default.node,
-    actionLoading: _propTypes2.default.bool,
-    actionDisabled: _propTypes2.default.bool,
-    pinTopItem: _propTypes2.default.bool,
-    multiSelect: _propTypes2.default.bool,
-    scrollable: _propTypes2.default.bool,
-    maxHeight: _propTypes2.default.string,
-    placeholder: _propTypes2.default.string,
-    onSelect: _propTypes2.default.func,
-    setDropdownMenuValues: _propTypes2.default.func,
-    initalValue: _propTypes2.default.string,
-    disableSorting: _propTypes2.default.bool,
-    messageOnNoResults: _propTypes2.default.string,
-    disabled: _propTypes2.default.bool,
-    locked: _propTypes2.default.bool,
-    isButton: _propTypes2.default.bool,
-    activeValidationMessage: _propTypes2.default.string,
-    autofilledMessage: _propTypes2.default.string,
-    margin: _propTypes2.default.string,
-    dropdownMenuValues: _propTypes2.default.arrayOf(_propTypes2.default.string)
-  };
-  exports.default = BasicDropdown;
-});
-//# sourceMappingURL=BasicDropdown.js.map

package/dist/umd/Dropdown/BasicDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Dropdown/BasicDropdown.tsx"],"names":["id","list","itemsType","action","actionLabel","actionIcon","actionLoading","actionDisabled","pinTopItem","multiSelect","scrollable","maxHeight","placeholder","onSelect","setDropdownMenuValues","initalValue","disableSorting","messageOnNoResults","disabled","locked","isButton","activeValidationMessage","autofilledMessage","margin","dropdownMenuValues","MAX_MENU_HEIGHT","AVG_OPTION_HEIGHT","BasicDropdown","minWidth","React","styledFieldRef","handleKeyPress","e","setFocused","setIsOpen","handleValueSelect","values","setRestartFilter","setInput","initValue","document","setIsLoading","customSetIsOpen","isOpen","getDisplayItems","input","val","listDisplayLabels","item","l","size","isLoading","Size","COLORS","neutral_600","actionVariant","onValueUpdate","items","warning_400"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport { COLORS } from '../styles';\r\nimport { ArrowDropDown, ArrowDropUp, Information, TechnicalWarning } from '../icons/systemicons/SystemIcons';\r\nimport { LoadingIndicator } from '../LoadingIndicator';\r\nimport { DropdownButton, Dropdown, StyledField, InputField } from './CommonStyling';\r\nimport DropdownContent, { DropdownItem } from './DropdownContent';\r\nimport { AutofilledMessage, WarningMessage } from '../InputFields/styling';\r\nimport { Size } from '../types';\r\n\r\ninterface DropdownFilterProps {\r\n  id: string;\r\n  list: DropdownItem[];\r\n  itemsType?: 'normal' | 'checkbox' | 'radio';\r\n  action?: () => void;\r\n  actionLabel?: string;\r\n  actionVariant?: 'primary' | 'secondary' | 'tertiary' | undefined;\r\n  actionIcon?: React.ReactNode;\r\n  actionLoading?: boolean;\r\n  actionDisabled?: boolean;\r\n  pinTopItem?: boolean;\r\n  multiSelect?: boolean;\r\n  scrollable?: boolean;\r\n  maxHeight?: string;\r\n  placeholder?: string;\r\n  onSelect?: (value: string[]) => void;\r\n  setDropdownMenuValues?: (values: string[]) => void | boolean | undefined;\r\n  initalValue?: string;\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  margin?: string;\r\n  dropdownMenuValues?: string[];\r\n  minWidth?: string;\r\n}\r\n\r\nconst MAX_MENU_HEIGHT = 240;\r\nconst AVG_OPTION_HEIGHT = 48;\r\n\r\nconst BasicDropdown = ({\r\n  id,\r\n  list,\r\n  placeholder,\r\n  onSelect,\r\n  setDropdownMenuValues,\r\n  initalValue,\r\n  disableSorting,\r\n  messageOnNoResults,\r\n  itemsType = 'normal',\r\n  action,\r\n  actionLabel,\r\n  actionVariant,\r\n  actionIcon,\r\n  actionLoading,\r\n  actionDisabled,\r\n  pinTopItem,\r\n  multiSelect,\r\n  scrollable = true,\r\n  maxHeight,\r\n  disabled,\r\n  locked,\r\n  isButton,\r\n  activeValidationMessage,\r\n  autofilledMessage,\r\n  size,\r\n  margin = '4px 0',\r\n  dropdownMenuValues,\r\n  minWidth,\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>('');\r\n  const [placeholderSearch, setPlaceholderSearch] = React.useState<string>(placeholder || '');\r\n  const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n  const [selectedValues, setSelectedValues] = React.useState<string[]>(initalValue ? [initalValue] : []);\r\n\r\n  const styledFieldRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  /*\r\n  if (!items.includes(input)) {\r\n    setInput('');\r\n    setPlaceholderSearch(placeholder || '');\r\n  } */\r\n\r\n  const handleKeyPress = (e: any) => {\r\n    if (styledFieldRef?.current && styledFieldRef.current.contains(e.target)) {\r\n      if (e.keyCode === 13) {\r\n        setFocused(0);\r\n        setIsOpen(!isOpen);\r\n      } else if (e.keyCode === 40) {\r\n        setFocused(0);\r\n        setIsOpen(!isOpen);\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleValueSelect = (values: string[]) => {\r\n    setRestartFilter(true);\r\n    setInput(values.join(', '));\r\n    onSelect && onSelect(values);\r\n    //don't close dropdown on item select if have custom action or multiselect\r\n    if (actionLabel || multiSelect) return;\r\n\r\n    setIsOpen(false);\r\n    setFocused(null);\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    if (initalValue || dropdownMenuValues) {\r\n      const initValue = dropdownMenuValues ? dropdownMenuValues!.join(',') : initalValue ? initalValue : '';\r\n      setInput(initValue);\r\n      setRestartFilter(true);\r\n    }\r\n  }, [initalValue, dropdownMenuValues]);\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  }, [input]);\r\n\r\n  const customSetIsOpen = (isOpen: boolean) => {\r\n    setIsOpen(isOpen);\r\n  };\r\n\r\n  const getDisplayItems = () => {\r\n    const values = input.split(',').map((val) => val.trim());\r\n    const listDisplayLabels = list.filter((item) => values.includes(item.value)).map((l) => l.displayLabel);\r\n    return listDisplayLabels.join(', ');\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Dropdown isButton={isButton || false} className={size ? size : ''} locked={locked} disabled={disabled} margin={margin} minWidth={minWidth}>\r\n        <StyledField\r\n          ref={styledFieldRef}\r\n          className={(isOpen ? 'expanded ' : '').concat(size ? size : '').concat(isButton ? 'button' : '')}\r\n          onClick={() => {\r\n            if (!locked || !disabled) {\r\n              setIsOpen(!isOpen);\r\n            }\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          placeholder={placeholderSearch}\r\n          isPlaceholder={!input}\r\n          minWidth={minWidth}>\r\n          <InputField\r\n            type=\"search\"\r\n            readOnly\r\n            placeholder={placeholderSearch}\r\n            value={getDisplayItems()}\r\n            className={size ? `${size} value` : 'value'}\r\n            onClick={(e: any) => {\r\n              if (!locked && !disabled) {\r\n                e.stopPropagation();\r\n                setIsOpen(!isOpen);\r\n              }\r\n            }}\r\n            tabIndex={disabled || locked ? -1 : 0}\r\n            disabled={disabled || false}\r\n          />\r\n          {isLoading ? <LoadingIndicator size={Size.Small} color={COLORS.neutral_600} /> : null}\r\n          <div onClick={() => setIsOpen(!isOpen)} className={'icon'}>\r\n            {isOpen ? <ArrowDropUp size=\"24px\" className={size ? size : ''} /> : <ArrowDropDown size=\"24px\" className={size ? size : ''} />}\r\n          </div>\r\n        </StyledField>\r\n        {!locked && !disabled && (\r\n          <DropdownContent\r\n            customizationProps={{\r\n              itemsType: itemsType,\r\n              action: action ?? (() => {}),\r\n              actionLabel: actionLabel,\r\n              actionVariant: actionVariant,\r\n              actionDisabled: actionDisabled,\r\n              scrollable: scrollable,\r\n              onValueUpdate: handleValueSelect,\r\n              items: list,\r\n              multiSelect: multiSelect,\r\n              pinTopItem: pinTopItem,\r\n              maxHeight: maxHeight,\r\n              actionIcon: actionIcon,\r\n              actionLoading: actionLoading,\r\n            }}\r\n            focused={focused}\r\n            setFocused={setFocused}\r\n            size={size ?? Size.Small}\r\n            filter={''}\r\n            hideOnClickOutside={true}\r\n            isOpen={isOpen}\r\n            setIsOpen={customSetIsOpen}\r\n            messageOnNoResults={messageOnNoResults ?? ''}\r\n            isButton={isButton || false}\r\n            selectedValues={dropdownMenuValues ?? selectedValues}\r\n            setSelectedValues={setDropdownMenuValues ? setDropdownMenuValues : setSelectedValues}\r\n            id={`${id}_dropdowncontent`}\r\n          />\r\n        )}\r\n      </Dropdown>\r\n      {activeValidationMessage && (\r\n        <WarningMessage>\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>\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 BasicDropdown;\r\n"],"file":"BasicDropdown.js"}