@synerise/ds-column-manager 1.0.12 → 1.1.0

package/dist/ColumnManagerGroupSettings/RangesForm/RangeInput.js

@@ -1,30 +0,0 @@
-var _excluded = ["type", "value", "onChange", "handleInputRef"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import { Input } from '@synerise/ds-input';
-import InputNumber from '@synerise/ds-input-number';
-import * as S from './RangesForm.styles';
-var isInputOfNumberType = function isInputOfNumberType(type, value) {
-  return type === 'number' && (typeof value === 'number' || typeof value === 'undefined' || value === null);
-};
-var RangeInput = function RangeInput(_ref) {
-  var type = _ref.type,
-    value = _ref.value,
-    _onChange = _ref.onChange,
-    handleInputRef = _ref.handleInputRef,
-    inputProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return isInputOfNumberType(type, value) ? /*#__PURE__*/React.createElement(S.InputNumberWrapper, null, /*#__PURE__*/React.createElement(InputNumber, _extends({}, inputProps, {
-    value: value,
-    onChange: _onChange
-  }))) : /*#__PURE__*/React.createElement(Input, _extends({}, inputProps, {
-    defaultValue: "",
-    handleInputRef: handleInputRef,
-    value: value,
-    resetMargin: true,
-    onChange: function onChange(event) {
-      return _onChange(event.target.value);
-    }
-  }));
-};
-export default RangeInput;

package/dist/ColumnManagerGroupSettings/RangesForm/RangeRow.d.ts

@@ -1,16 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ColumnType } from '../../ColumnManagerItem/ColumManagerItem.types';
-import { GroupSettingsTexts, Range } from '../ColumnManagerGroupSettings.types';
-interface RangeRowProps {
-    index: number;
-    range: Range;
-    first: boolean;
-    setRange: (range: Range, index: number) => void;
-    type: ColumnType;
-    remove: (index: number) => void;
-    texts: {
-        [k in GroupSettingsTexts]: string | ReactNode;
-    };
-}
-declare const RangeRow: ({ range, setRange, index, first, type, remove, texts }: RangeRowProps) => React.JSX.Element;
-export default RangeRow;

package/dist/ColumnManagerGroupSettings/RangesForm/RangeRow.js

@@ -1,64 +0,0 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useCallback, useState } from 'react';
-import Icon, { CloseS } from '@synerise/ds-icon';
-import { theme } from '@synerise/ds-core';
-import Tooltip from '@synerise/ds-tooltip';
-import * as S from './RangesForm.styles';
-import RangeInput from './RangeInput';
-var RangeRow = function RangeRow(_ref) {
-  var range = _ref.range,
-    setRange = _ref.setRange,
-    index = _ref.index,
-    first = _ref.first,
-    type = _ref.type,
-    remove = _ref.remove,
-    texts = _ref.texts;
-  var _useState = useState(range.from.value),
-    from = _useState[0],
-    setFrom = _useState[1];
-  var _useState2 = useState(range.to.value),
-    to = _useState2[0],
-    setTo = _useState2[1];
-  var handleBlur = useCallback(function () {
-    setRange({
-      from: _extends({}, range.from, {
-        value: from
-      }),
-      to: _extends({}, range.to, {
-        value: to
-      })
-    }, index);
-  }, [from, to, setRange, index, range]);
-  var handleRemove = useCallback(function () {
-    remove(index);
-  }, [remove, index]);
-  return /*#__PURE__*/React.createElement(S.RangeRow, {
-    first: first,
-    "data-testid": "group-range-row"
-  }, /*#__PURE__*/React.createElement(S.RangeRowInputs, null, /*#__PURE__*/React.createElement(RangeInput, {
-    type: type,
-    label: first ? texts.from : null,
-    value: from,
-    errorText: range.from.error,
-    onChange: function onChange(value) {
-      return setFrom(value);
-    },
-    onBlur: handleBlur
-  }), /*#__PURE__*/React.createElement(RangeInput, {
-    type: type,
-    label: first ? texts.to : null,
-    value: to,
-    errorText: range.to.error,
-    onChange: function onChange(value) {
-      return setTo(value);
-    },
-    onBlur: handleBlur
-  })), !first && /*#__PURE__*/React.createElement(Tooltip, {
-    title: texts.remove
-  }, /*#__PURE__*/React.createElement(S.IconWrapper, null, /*#__PURE__*/React.createElement(Icon, {
-    onClick: handleRemove,
-    component: /*#__PURE__*/React.createElement(CloseS, null),
-    color: theme.palette['red-600']
-  }))));
-};
-export default RangeRow;

package/dist/ColumnManagerGroupSettings/RangesForm/RangesForm.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { GroupSettingsTexts, Range } from '../ColumnManagerGroupSettings.types';
-import { ColumnType } from '../../ColumnManagerItem/ColumManagerItem.types';
-interface RangeFormProps {
-    ranges: Range[];
-    setRanges: (ranges: Range[]) => void;
-    type: ColumnType;
-    texts: {
-        [k in GroupSettingsTexts]: string | React.ReactNode;
-    };
-}
-declare const RangesForm: React.FC<RangeFormProps>;
-export default RangesForm;

package/dist/ColumnManagerGroupSettings/RangesForm/RangesForm.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import { v4 as uuid } from 'uuid';
-import * as S from './RangesForm.styles';
-import RangeRow from './RangeRow';
-var RangesForm = function RangesForm(_ref) {
-  var ranges = _ref.ranges,
-    setRanges = _ref.setRanges,
-    type = _ref.type,
-    texts = _ref.texts;
-  var setRange = React.useCallback(function (range, index) {
-    var updatedRanges = ranges.map(function (currentRange, i) {
-      if (i === index) {
-        return range;
-      }
-      return currentRange;
-    });
-    setRanges(updatedRanges);
-  }, [setRanges, ranges]);
-  var remove = function remove(rangeIndex) {
-    setRanges(ranges.filter(function (range, index) {
-      return index !== rangeIndex;
-    }));
-  };
-  return /*#__PURE__*/React.createElement(S.RangesForm, null, ranges.map(function (range, index) {
-    return /*#__PURE__*/React.createElement(RangeRow, {
-      key: uuid(),
-      first: index === 0,
-      range: range,
-      setRange: setRange,
-      index: index,
-      type: type,
-      remove: remove,
-      texts: texts
-    });
-  }));
-};
-export default RangesForm;

package/dist/ColumnManagerGroupSettings/RangesForm/RangesForm.styles.d.ts

@@ -1,7 +0,0 @@
-export declare const RangesForm: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InputNumberWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const IconWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const RangeRow: import("styled-components").StyledComponent<"div", any, {
-    first: boolean;
-}, never>;
-export declare const RangeRowInputs: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/ColumnManagerGroupSettings/RangesForm/RangesForm.styles.js

@@ -1,24 +0,0 @@
-import styled from 'styled-components';
-import { AntdInputNumber } from '@synerise/ds-input-number/dist/InputNumber.styles';
-export var RangesForm = styled.div.withConfig({
-  displayName: "RangesFormstyles__RangesForm",
-  componentId: "sc-j2iktv-0"
-})(["display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;width:100%;"]);
-export var InputNumberWrapper = styled.div.withConfig({
-  displayName: "RangesFormstyles__InputNumberWrapper",
-  componentId: "sc-j2iktv-1"
-})(["display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;"]);
-export var IconWrapper = styled.span.withConfig({
-  displayName: "RangesFormstyles__IconWrapper",
-  componentId: "sc-j2iktv-2"
-})(["display:flex;align-items:flex-end;justify-content:center;align-self:flex-start;height:32px;padding:4px 0;"]);
-export var RangeRow = styled.div.withConfig({
-  displayName: "RangesFormstyles__RangeRow",
-  componentId: "sc-j2iktv-3"
-})(["width:100%;display:grid;grid-template-columns:1fr 24px;grid-column-gap:8px;margin-bottom:16px;", "{maring-top:", ";}"], IconWrapper, function (props) {
-  return props.first ? '25px' : '0px';
-});
-export var RangeRowInputs = styled.div.withConfig({
-  displayName: "RangesFormstyles__RangeRowInputs",
-  componentId: "sc-j2iktv-4"
-})(["width:100%;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:24px;", "{width:100%;}"], AntdInputNumber);

package/dist/ColumnManagerSearchResults/ColumManagerResults.types.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { Column } from '../ColumnManagerItem/ColumManagerItem.types';
-export type Props = {
-    searchResults: Column[];
-    searchQuery: string;
-    setFixed: (id: string, fixed?: string) => void;
-    showGroupSettings: (item: Column) => void;
-    switchAction: (id: string, visible: boolean) => void;
-    texts: {
-        [k: string]: string | React.ReactNode;
-    };
-};

package/dist/ColumnManagerSearchResults/ColumnManagerSearchResults.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { Props } from './ColumManagerResults.types';
-declare const ColumnManagerSearchResults: ({ searchResults, searchQuery, setFixed, switchAction, texts, showGroupSettings, }: Props) => React.JSX.Element;
-export default ColumnManagerSearchResults;

package/dist/ColumnManagerSearchResults/ColumnManagerSearchResults.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import Result from '@synerise/ds-result';
-import * as S from '../ColumnManagerList/ColumnManager.style';
-import { SearchResults } from './ColumnMangerSearchResults.styles';
-import ColumnManagerItem from '../ColumnManagerItem/ColumnManagerItem';
-var ColumnManagerSearchResults = function ColumnManagerSearchResults(_ref) {
-  var searchResults = _ref.searchResults,
-    searchQuery = _ref.searchQuery,
-    setFixed = _ref.setFixed,
-    _switchAction = _ref.switchAction,
-    texts = _ref.texts,
-    showGroupSettings = _ref.showGroupSettings;
-  return /*#__PURE__*/React.createElement(SearchResults, null, searchResults.length ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.ListHeadline, null, texts.searchResults), searchResults.map(function (column) {
-    return /*#__PURE__*/React.createElement(ColumnManagerItem, {
-      key: column.id,
-      item: column,
-      setFixed: setFixed,
-      showGroupSettings: showGroupSettings,
-      switchAction: function switchAction() {
-        return _switchAction(column.id, column.visible);
-      },
-      searchQuery: searchQuery,
-      "data-testid": "ds-column-manager-filtered-item",
-      texts: texts
-    });
-  })) : /*#__PURE__*/React.createElement(Result, {
-    description: texts.noResults,
-    type: "no-results",
-    noSearchResults: true
-  }));
-};
-export default ColumnManagerSearchResults;

package/dist/ColumnManagerSearchResults/ColumnMangerSearchResults.styles.d.ts

@@ -1 +0,0 @@
-export declare const SearchResults: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/ColumnManagerSearchResults/ColumnMangerSearchResults.styles.js

@@ -1,7 +0,0 @@
-import styled from 'styled-components';
-
-// eslint-disable-next-line import/prefer-default-export
-export var SearchResults = styled.div.withConfig({
-  displayName: "ColumnMangerSearchResultsstyles__SearchResults",
-  componentId: "sc-1e5ksxt-0"
-})(["width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;.ds-result{margin-top:48px;}"]);

package/dist/styles/ColumnManager.styles.d.ts

@@ -1,2 +0,0 @@
-import Drawer from '@synerise/ds-drawer';
-export declare const ColumnManager: import("styled-components").StyledComponent<typeof Drawer, any, {}, never>;

package/dist/styles/ColumnManager.styles.js

@@ -1,9 +0,0 @@
-import styled from 'styled-components';
-import Drawer from '@synerise/ds-drawer';
-import { SearchBarWrapper } from '@synerise/ds-search-bar/dist/SearchBar.styles';
-
-// eslint-disable-next-line import/prefer-default-export
-export var ColumnManager = styled(Drawer).withConfig({
-  displayName: "ColumnManagerstyles__ColumnManager",
-  componentId: "sc-qswjxp-0"
-})(["", "{min-height:52px;height:52px;}"], SearchBarWrapper);