@decisiv/ui-components 2.0.1-alpha.20 → 2.0.1-alpha.201

package/lib/components/Popover/schema.js

@@ -11,26 +11,33 @@ var _reactDesc = require("react-desc");
 var schema = (0, _reactDesc.describe)({
   displayName: 'ConfigProvider'
 });
-schema.propTypes = {
-  id: _reactDesc.PropTypes.string.description('A unique identifier for the popover. Auto generated if none provided.'),
-  ref: _reactDesc.PropTypes.string.description('A React Ref that will be set to the popover instance. See notes below.'),
-  target: _reactDesc.PropTypes.any.description('The element the popover will point to. See usage notes above.').format('Element, Ref or function').isRequired,
-  children: _reactDesc.PropTypes.any.description('What should be rendered inside the popover. See notes below.').format('React node or function').isRequired,
-  placement: _reactDesc.PropTypes.string.description('The preferred side of the target the popover should attach to. See notes below.').defaultValue('bottom'),
-  visible: _reactDesc.PropTypes.bool.description('Whether or not the popover show be visible. Setting this prop makes the popover a "controlled" component.'),
-  defaultVisible: _reactDesc.PropTypes.bool.description('Whether or not the popover show be visible when first rendered.'),
-  alwaysRender: _reactDesc.PropTypes.bool.description('If true, the popover window will be hidden instead of destroyed when closed. Useful if the popover window needs to maintain state.'),
-  showArrow: _reactDesc.PropTypes.bool.description('Whether or not to show an arrow pointing to the target.').defaultValue(true),
-  borderRadius: _reactDesc.PropTypes.string.description('Applies a custom border radius value to the popover content.'),
-  arrowColor: _reactDesc.PropTypes.string.description('The color of the arrow. See notes below.'),
-  manageEvents: _reactDesc.PropTypes.string.description('The type of events that should be automatically attached to the target. Only applied if `visible` is `undefined`.').format('click,hover,false'),
-  containerSelector: _reactDesc.PropTypes.string.description('A CSS selector to the element where the popovers should be rendered in, or "parent" to render the popover in-place.').defaultValue('body'),
-  hideOnESC: _reactDesc.PropTypes.bool.description('Whether or not to close the popover when the user presses the "Escape" key. No effect when `visible` is not `undefined`.').defaultValue('true'),
-  hideOnClickOutside: _reactDesc.PropTypes.bool.description('Whether or not to close the popover when the user click outside the popover. No effect when `visible` is not `undefined`.').defaultValue('true'),
-  zIndex: _reactDesc.PropTypes.bool.description('The css `z-index` value to apply to the popover content wrapper. Is set to `auto` when not provided.'),
-  onShow: _reactDesc.PropTypes.func.description('A function called when the popover becomes visible. Only called if `visible` is `undefined`.'),
-  onHide: _reactDesc.PropTypes.func.description('A function called when the popover becomes hidden. Only called if `visible` is `undefined`.'),
-  onRequestHide: _reactDesc.PropTypes.func.description('A function called if `visible` is not `undefined` and when the user clicks outside the popover or presses the "Escape" key.')
+
+schema.makePropTypes = function () {
+  var component = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'popover';
+  return {
+    id: _reactDesc.PropTypes.string.description("A unique identifier for the ".concat(component, ". Auto generated if none provided.")),
+    ref: _reactDesc.PropTypes.string.description("A React Ref that will be set to the ".concat(component, " instance. See notes below.")),
+    target: _reactDesc.PropTypes.any.description("The element the ".concat(component, " will point to. See usage notes above.")).format('Element, Ref or function').isRequired,
+    children: _reactDesc.PropTypes.any.description("What should be rendered inside the ".concat(component, ". See notes below.")).format('React node or function').isRequired,
+    enabled: _reactDesc.PropTypes.bool.description("If `false` the ".concat(component, " will never be shown; only its target will be rendered.")),
+    placement: _reactDesc.PropTypes.string.description("The preferred side of the target the ".concat(component, " should attach to. See notes below.")).defaultValue('bottom'),
+    visible: _reactDesc.PropTypes.bool.description("Whether or not the ".concat(component, " should be visible. Setting this prop makes the ").concat(component, " a \"controlled\" component.")),
+    defaultVisible: _reactDesc.PropTypes.bool.description("Whether or not the ".concat(component, " should be visible when first rendered.")),
+    alwaysRender: _reactDesc.PropTypes.bool.description("If true, the ".concat(component, " window will be hidden instead of destroyed when closed. Useful if the ").concat(component, " window needs to maintain state.")),
+    showArrow: _reactDesc.PropTypes.bool.description('Whether or not to show an arrow pointing to the target.').defaultValue(true),
+    borderRadius: _reactDesc.PropTypes.string.description("Applies a custom border radius value to the ".concat(component, " content.")),
+    arrowColor: _reactDesc.PropTypes.string.description('The color of the arrow. See notes below.'),
+    manageEvents: _reactDesc.PropTypes.string.description('The type of events that should be automatically attached to the target. Only applied if `visible` is `undefined`.').format('click,hover,false'),
+    containerSelector: _reactDesc.PropTypes.string.description("A CSS selector to the element where the ".concat(component, "s should be rendered in, or \"parent\" to render the ").concat(component, " in-place.")).defaultValue('body'),
+    hideOnESC: _reactDesc.PropTypes.bool.description("Whether or not to close the ".concat(component, " when the user presses the \"Escape\" key. No effect when `visible` is not `undefined`.")).defaultValue('true'),
+    hideOnClickOutside: _reactDesc.PropTypes.bool.description("Whether or not to close the ".concat(component, " when the user clicks outside the ").concat(component, ". No effect when `visible` is not `undefined`.")).defaultValue('true'),
+    zIndex: _reactDesc.PropTypes.number.description("The css `z-index` value to apply to the ".concat(component, " content wrapper. Is set to `auto` when not provided.")),
+    onShow: _reactDesc.PropTypes.func.description("A function called when the ".concat(component, " becomes visible. Only called if `visible` is `undefined`.")),
+    onHide: _reactDesc.PropTypes.func.description("A function called when the ".concat(component, " becomes hidden. Only called if `visible` is `undefined`.")),
+    onRequestHide: _reactDesc.PropTypes.func.description("A function called if `visible` is not `undefined` and when the user clicks outside the ".concat(component, " or presses the \"Escape\" key."))
+  };
 };
+
+schema.propTypes = schema.makePropTypes();
 var _default = schema;
 exports.default = _default;

package/lib/components/Popover/types.d.ts

@@ -1,5 +1,5 @@
 import { BorderRadiusProperty } from 'csstype';
-import { AriaAttributes, ReactElement, ReactNode, RefObject } from 'react';
+import { AriaAttributes, HTMLAttributes, ReactElement, ReactNode, RefObject } from 'react';
 import { RefHandler } from 'react-popper';
 import { CommonUIColorKeys } from '../../utils/commonUIColors';
 import { placements } from './constants';
@@ -18,6 +18,7 @@ export interface InstanceRef {
     toggle: VisibilityAction;
     isVisible: boolean;
     targetNode?: HTMLElement | null;
+    contentNode?: HTMLDivElement | null;
 }
 export interface TargetRendererProps {
     ref: RefHandler;
@@ -41,7 +42,7 @@ interface ChildrenRendererProps {
 export declare type ChildrenRenderer = (props: ChildrenRendererProps) => ReactNode;
 export declare type Children = ReactNode | ChildrenRenderer;
 export declare type ArrowColor = 'charcoal' | CommonUIColorKeys;
-export interface PopoverProps {
+export interface PopoverProps extends HTMLAttributes<HTMLDivElement> {
     alwaysRender?: boolean;
     arrowColor?: ArrowColor;
     borderRadius?: BorderRadiusProperty<string>;
@@ -49,6 +50,7 @@ export interface PopoverProps {
     containerSelector?: string;
     contentRole?: string;
     defaultVisible?: boolean;
+    enabled?: boolean;
     hideOnClickOutside?: boolean;
     hideOnESC?: boolean;
     id?: string;

package/lib/components/Popover/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/types.ts"],"names":[],"mappings":"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"}

package/lib/components/Popover/utils.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from 'react';
 import { PopoverProps, Side, TargetType, VisibilityActions } from './types';
-export declare const getPlacementParts: (placement?: "left" | "right" | "auto" | "bottom" | "top" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "auto-start" | "auto-end") => [Side, ("end" | "start" | undefined)?];
+export declare const getPlacementParts: (placement?: "auto" | "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "auto-start" | "auto-end") => [Side, ("end" | "start" | undefined)?];
 interface UseTargetProps extends PopoverProps {
     actions: VisibilityActions;
     internalNodeRef: RefObject<HTMLElement>;

package/lib/components/SearchInput/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { SearchInputProps, SearchItem, StyledFlexProps } from './types';
+declare function SearchInput({ onSearch, value, onChange, size, disabled, searchDisabled, searchOn, searchByOptions, searchByLabel, searchByValue, searchByName, searchByDefaultValue, searchByWidth, onSearchByChange, warningMessage, helpMessage, zIndex, tooltipZIndex, ...props }: SearchInputProps): JSX.Element;
+declare namespace SearchInput {
+    var defaultProps: {
+        size: string;
+    };
+}
+export default SearchInput;
+export { SearchInputProps, SearchItem, StyledFlexProps };
+//# sourceMappingURL=index.d.ts.map

package/lib/components/SearchInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/index.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAiBxE,iBAAwB,WAAW,CAAC,EAClC,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,QAAmB,EACnB,eAAoB,EACpB,aAAkB,EAClB,aAAa,EACb,YAAiB,EACjB,oBAAoB,EACpB,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,MAAM,EACN,aAAa,EACb,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAwIhC;kBA5JuB,WAAW;;;;;eAAX,WAAW;AAkKnC,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,eAAe,EAAE,CAAC"}

package/lib/components/SearchInput/index.js

@@ -0,0 +1,176 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SearchInput;
+Object.defineProperty(exports, "SearchInputProps", {
+  enumerable: true,
+  get: function get() {
+    return _types.SearchInputProps;
+  }
+});
+Object.defineProperty(exports, "SearchItem", {
+  enumerable: true,
+  get: function get() {
+    return _types.SearchItem;
+  }
+});
+Object.defineProperty(exports, "StyledFlexProps", {
+  enumerable: true,
+  get: function get() {
+    return _types.StyledFlexProps;
+  }
+});
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+
+var _Times = _interopRequireDefault(require("@decisiv/iconix/lib/components/Times"));
+
+var _Search = _interopRequireDefault(require("@decisiv/iconix/lib/components/Search"));
+
+var _useTranslations = _interopRequireDefault(require("../../utils/useTranslations"));
+
+var _Button = _interopRequireDefault(require("../Button"));
+
+var _InputField = _interopRequireDefault(require("../../atoms/InputField"));
+
+var _HelpMessage = _interopRequireDefault(require("../../atoms/InputField/HelpMessage"));
+
+var _Tooltip = _interopRequireDefault(require("../Tooltip"));
+
+var _types = require("./types");
+
+var _styles = require("./styles");
+
+var _useUpdateEffect = _interopRequireDefault(require("../../utils/useUpdateEffect"));
+
+var _Select = _interopRequireDefault(require("../Select"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function SearchInput(_ref) {
+  var onSearch = _ref.onSearch,
+      value = _ref.value,
+      onChange = _ref.onChange,
+      size = _ref.size,
+      disabled = _ref.disabled,
+      searchDisabled = _ref.searchDisabled,
+      _ref$searchOn = _ref.searchOn,
+      searchOn = _ref$searchOn === void 0 ? 'submit' : _ref$searchOn,
+      _ref$searchByOptions = _ref.searchByOptions,
+      searchByOptions = _ref$searchByOptions === void 0 ? [] : _ref$searchByOptions,
+      _ref$searchByLabel = _ref.searchByLabel,
+      searchByLabel = _ref$searchByLabel === void 0 ? '' : _ref$searchByLabel,
+      searchByValue = _ref.searchByValue,
+      _ref$searchByName = _ref.searchByName,
+      searchByName = _ref$searchByName === void 0 ? '' : _ref$searchByName,
+      searchByDefaultValue = _ref.searchByDefaultValue,
+      searchByWidth = _ref.searchByWidth,
+      onSearchByChange = _ref.onSearchByChange,
+      warningMessage = _ref.warningMessage,
+      helpMessage = _ref.helpMessage,
+      zIndex = _ref.zIndex,
+      tooltipZIndex = _ref.tooltipZIndex,
+      props = _objectWithoutProperties(_ref, ["onSearch", "value", "onChange", "size", "disabled", "searchDisabled", "searchOn", "searchByOptions", "searchByLabel", "searchByValue", "searchByName", "searchByDefaultValue", "searchByWidth", "onSearchByChange", "warningMessage", "helpMessage", "zIndex", "tooltipZIndex"]);
+
+  var translate = (0, _useTranslations.default)();
+  var handleSearch = (0, _react.useCallback)(function () {
+    !disabled && !searchDisabled && onSearch && onSearch(value);
+  }, [disabled, searchDisabled, onSearch, value]);
+  var mediumSized = size === 'medium';
+  var hasText = !!value && !!value.length;
+  var showSearchBy = !(0, _isEmpty.default)(searchByOptions);
+  var handleClear = (0, _react.useCallback)(function () {
+    !disabled && onChange && onChange({
+      target: {
+        value: ''
+      }
+    });
+  }, [disabled, onChange]);
+  var handleKeyPress = (0, _react.useCallback)(function (event) {
+    if (event.key === 'Enter') handleSearch();
+  }, [handleSearch]);
+  (0, _useUpdateEffect.default)(function () {
+    if (searchOn === 'change') {
+      handleSearch();
+    }
+  }, [searchOn, value]);
+  var renderLeftIcon = searchOn === 'change' || searchOn === 'submit' && mediumSized;
+  return _react.default.createElement(_styles.SearchInputContainer, null, _react.default.createElement(_styles.StyledFlex, {
+    flex: 1,
+    mediumSized: mediumSized,
+    "data-testid": "search-container"
+  }, showSearchBy && _react.default.createElement(_styles.SelectWrapper, {
+    width: searchByWidth
+  }, _react.default.createElement(_Select.default, {
+    "aria-label": translate(undefined, 'searchInput.searchBy'),
+    disabled: disabled,
+    hideClearButton: true,
+    hideLabel: !mediumSized,
+    label: searchByLabel,
+    name: searchByName,
+    options: searchByOptions,
+    value: searchByValue,
+    withWarningIntent: !!warningMessage,
+    onChange: onSearchByChange,
+    defaultValue: searchByDefaultValue,
+    zIndex: zIndex
+  })), _react.default.createElement(_InputField.default, _extends({
+    label: "",
+    hideLabel: true,
+    disabled: disabled,
+    value: value,
+    withWarningIntent: !!warningMessage
+  }, props), function (p) {
+    return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_styles.StyledBody, null, renderLeftIcon && _react.default.createElement(_styles.SearchIconWrapper, {
+      inputSize: size
+    }, _react.default.createElement(_Search.default, {
+      size: "medium",
+      "data-testid": "search-icon"
+    })), _react.default.createElement(_styles.StyledInput, _extends({}, p, {
+      onChange: onChange,
+      onKeyPress: handleKeyPress
+    })), _react.default.createElement(_styles.ButtonGroup, {
+      mediumSized: mediumSized
+    }, !disabled && _react.default.createElement(_Tooltip.default, {
+      zIndex: tooltipZIndex,
+      placement: "top",
+      target: // eslint-disable-next-line react/jsx-wrap-multilines
+      _react.default.createElement(_styles.TimesIconWrapper, {
+        tabIndex: 0,
+        "aria-label": translate(undefined, 'searchInput.clearSearch'),
+        onClick: handleClear,
+        visible: hasText
+      }, _react.default.createElement(_Times.default, {
+        size: "small"
+      }))
+    }, translate(undefined, 'searchInput.clear')), searchOn === 'submit' && _react.default.createElement(_Button.default, {
+      "aria-label": "Search",
+      tabIndex: 0,
+      disabled: disabled || searchDisabled || !hasText,
+      text: mediumSized ? translate(undefined, 'searchInput.search') : '',
+      icon: mediumSized ? undefined : _Search.default,
+      size: size,
+      onClick: handleSearch
+    }))));
+  })), !(0, _isEmpty.default)(warningMessage) && _react.default.createElement(_styles.WarningMessage, {
+    intent: "warning"
+  }, warningMessage), _react.default.createElement(_HelpMessage.default, {
+    helpMessage: helpMessage
+  }));
+}
+
+SearchInput.defaultProps = {
+  size: 'medium'
+};