linear-react-components-ui 0.4.77-beta.25 → 0.4.77-beta.26

package/lib/icons/helper.d.ts

@@ -0,0 +1,560 @@
+declare const _default: {
+    paperplane: {
+        viewbox: string;
+        paths: string[];
+    };
+    city: {
+        viewbox: string;
+        paths: string[];
+    };
+    user_group: {
+        viewbox: string;
+        paths: string[];
+    };
+    padlock: {
+        viewbox: string;
+        paths: string[];
+    };
+    user: {
+        viewbox: string;
+        paths: string[];
+    };
+    mail: {
+        viewbox: string;
+        paths: string[];
+    };
+    envelop: {
+        viewbox: string;
+        paths: string[];
+    };
+    key: {
+        viewbox: string;
+        paths: string[];
+    };
+    mail2: {
+        viewbox: string;
+        paths: string[];
+    };
+    pencil: {
+        viewbox: string;
+        paths: string[];
+    };
+    calendar: {
+        viewbox: string;
+        paths: string[];
+    };
+    block: {
+        viewbox: string;
+        paths: string[];
+    };
+    warning: {
+        viewbox: string;
+        paths: string[];
+    };
+    exclamation: {
+        viewbox: string;
+        paths: string[];
+    };
+    question: {
+        viewbox: string;
+        paths: string[];
+    };
+    information: {
+        viewbox: string;
+        paths: string[];
+    };
+    grid: {
+        viewbox: string;
+        paths: string[];
+    };
+    grid2: {
+        viewbox: string;
+        paths: string[];
+    };
+    grid3: {
+        viewbox: string;
+        paths: string[];
+    };
+    home: {
+        viewbox: string;
+        paths: string[];
+    };
+    folder_close: {
+        viewbox: string;
+        paths: string[];
+    };
+    code: {
+        viewbox: string;
+        paths: string[];
+    };
+    up: {
+        viewbox: string;
+        paths: string[];
+    };
+    down: {
+        viewbox: string;
+        paths: string[];
+    };
+    arrow_left: {
+        viewbox: string;
+        paths: string[];
+    };
+    arrow_right: {
+        viewbox: string;
+        paths: string[];
+    };
+    config: {
+        viewbox: string;
+        paths: string[];
+    };
+    file_download: {
+        viewbox: string;
+        paths: string[];
+    };
+    search: {
+        viewbox: string;
+        paths: string[];
+    };
+    close: {
+        viewbox: string;
+        paths: string[];
+    };
+    box: {
+        viewbox: string;
+        paths: string[];
+    };
+    dollar: {
+        viewbox: string;
+        paths: string[];
+    };
+    coin_dollar: {
+        viewbox: string;
+        paths: string[];
+    };
+    file_lock: {
+        viewbox: string;
+        paths: string[];
+    };
+    new_file: {
+        viewbox: string;
+        paths: string[];
+    };
+    folder_plus: {
+        viewbox: string;
+        paths: string[];
+    };
+    cube: {
+        viewbox: string;
+        paths: string[];
+    };
+    stats: {
+        viewbox: string;
+        paths: string[];
+    };
+    user_lock: {
+        viewbox: string;
+        paths: string[];
+    };
+    stack: {
+        viewbox: string;
+        paths: string[];
+    };
+    cash: {
+        viewbox: string;
+        paths: string[];
+    };
+    calc: {
+        viewbox: string;
+        paths: string[];
+    };
+    bell: {
+        viewbox: string;
+        paths: string[];
+    };
+    bell_alert: {
+        viewbox: string;
+        paths: string[];
+    };
+    cabinet: {
+        viewbox: string;
+        paths: string[];
+    };
+    checkmark: {
+        viewbox: string;
+        paths: string[];
+    };
+    power: {
+        viewbox: string;
+        paths: string[];
+    };
+    arroba: {
+        viewbox: string;
+        paths: string[];
+    };
+    store: {
+        viewbox: string;
+        paths: string[];
+    };
+    mini_up: {
+        viewbox: string;
+        paths: string[];
+    };
+    mini_down: {
+        viewbox: string;
+        paths: string[];
+    };
+    bin: {
+        viewbox: string;
+        paths: string[];
+    };
+    print: {
+        viewbox: string;
+        paths: string[];
+    };
+    print2: {
+        viewbox: string;
+        paths: string[];
+    };
+    print3: {
+        viewbox: string;
+        paths: string[];
+    };
+    stackCheck: {
+        viewbox: string;
+        paths: string[];
+    };
+    checkboxChecked: {
+        viewbox: string;
+        paths: string[];
+    };
+    checkboxUnchecked: {
+        viewbox: string;
+        paths: string[];
+    };
+    checkboxChecked2: {
+        viewbox: string;
+        paths: string[];
+    };
+    checkboxUnchecked2: {
+        viewbox: string;
+        paths: string[];
+    };
+    plus2: {
+        viewbox: string;
+        paths: string[];
+    };
+    plus3: {
+        viewbox: string;
+        paths: string[];
+    };
+    plusCircle: {
+        viewbox: string;
+        paths: string[];
+    };
+    menu: {
+        viewbox: string;
+        paths: string[];
+    };
+    menu2: {
+        viewbox: string;
+        paths: string[];
+    };
+    menu3: {
+        viewbox: string;
+        paths: string[];
+    };
+    menu4: {
+        viewbox: string;
+        paths: string[];
+    };
+    more1: {
+        viewbox: string;
+        paths: string[];
+    };
+    more2: {
+        viewbox: string;
+        paths: string[];
+    };
+    cog3: {
+        viewbox: string;
+        paths: string[];
+    };
+    exit3: {
+        viewbox: string;
+        paths: string[];
+    };
+    cancel: {
+        viewbox: string;
+        paths: string[];
+    };
+    cancel2: {
+        viewbox: string;
+        paths: string[];
+    };
+    filter1: {
+        viewbox: string;
+        paths: string[];
+    };
+    filter2: {
+        viewbox: string;
+        paths: string[];
+    };
+    filterFlat: {
+        viewbox: string;
+        paths: string[];
+    };
+    equalize: {
+        viewbox: string;
+        paths: string[];
+    };
+    eyeblocked: {
+        viewbox: string;
+        paths: string[];
+    };
+    eyeblocked2: {
+        viewbox: string;
+        paths: string[];
+    };
+    spinner: {
+        viewbox: string;
+        paths: string[];
+    };
+    barcode1: {
+        viewbox: string;
+        paths: string[];
+    };
+    barcode2: {
+        viewbox: string;
+        paths: string[];
+    };
+    basket: {
+        viewbox: string;
+        paths: string[];
+    };
+    bag: {
+        viewbox: string;
+        paths: string[];
+    };
+    cart: {
+        viewbox: string;
+        paths: string[];
+    };
+    cart2: {
+        viewbox: string;
+        paths: string[];
+    };
+    fileeye: {
+        viewbox: string;
+        paths: string[];
+    };
+    priceTag: {
+        viewbox: string;
+        paths: string[];
+    };
+    fileText: {
+        viewbox: string;
+        paths: string[];
+    };
+    drawer: {
+        viewbox: string;
+        paths: string[];
+    };
+    drawer3: {
+        viewbox: string;
+        paths: string[];
+    };
+    asterisk: {
+        viewbox: string;
+        paths: string[];
+    };
+    pdf: {
+        viewbox: string;
+        paths: string[];
+    };
+    stackPicture: {
+        viewbox: string;
+        paths: string[];
+    };
+    image: {
+        viewbox: string;
+        paths: string[];
+    };
+    reset: {
+        viewbox: string;
+        paths: string[];
+    };
+    upload4: {
+        viewbox: string;
+        paths: string[];
+    };
+    percent: {
+        viewbox: string;
+        paths: string[];
+    };
+    mobile: {
+        viewbox: string;
+        paths: string[];
+    };
+    refresh: {
+        viewbox: string;
+        paths: string[];
+    };
+    radioChecked: {
+        viewbox: string;
+        paths: string[];
+    };
+    radioUnchecked: {
+        viewbox: string;
+        paths: string[];
+    };
+    circle: {
+        viewbox: string;
+        paths: string[];
+    };
+    circleSelected: {
+        viewbox: string;
+        paths: string[];
+    };
+    play4: {
+        viewbox: string;
+        paths: string[];
+    };
+    pause2: {
+        viewbox: string;
+        paths: string[];
+    };
+    xmlFile: {
+        viewbox: string;
+        paths: string[];
+    };
+    table: {
+        viewbox: string;
+        paths: string[];
+    };
+    database1: {
+        viewbox: string;
+        paths: string[];
+    };
+    certificate: {
+        viewbox: string;
+        paths: string[];
+    };
+    starEmpty: {
+        viewbox: string;
+        paths: string[];
+    };
+    starFull: {
+        viewbox: string;
+        paths: string[];
+    };
+    clock: {
+        viewbox: string;
+        paths: string[];
+    };
+    hourGlass: {
+        viewbox: string;
+        paths: string[];
+    };
+    boxAdd: {
+        viewbox: string;
+        paths: string[];
+    };
+    attachment: {
+        viewbox: string;
+        paths: string[];
+    };
+    chart: {
+        viewbox: string;
+        paths: string[];
+    };
+    spreadsheet: {
+        viewbox: string;
+        paths: string[];
+    };
+    consult: {
+        viewbox: string;
+        paths: string[];
+    };
+    bubbles: {
+        viewbox: string;
+        paths: string[];
+    };
+    fileInfo: {
+        viewbox: string;
+        paths: string[];
+    };
+    popup: {
+        viewbox: string;
+        paths: string[];
+    };
+    enlarge7: {
+        viewbox: string;
+        paths: string[];
+    };
+    emoji: {
+        viewbox: string;
+        paths: string[];
+    };
+    stackCancel: {
+        viewbox: string;
+        paths: string[];
+    };
+    pallete: {
+        viewbox: string;
+        paths: string[];
+    };
+    profile: {
+        viewbox: string;
+        paths: string[];
+    };
+    arrowBack: {
+        viewbox: string;
+        paths: string[];
+    };
+    bullhorn: {
+        viewbox: string;
+        paths: string[];
+    };
+    loop: {
+        viewbox: string;
+        paths: string[];
+    };
+    question2: {
+        viewbox: string;
+        paths: string[];
+    };
+    undo: {
+        viewbox: string;
+        paths: string[];
+    };
+    minusCircle: {
+        viewbox: string;
+        paths: string[];
+    };
+    zoomIn: {
+        viewbox: string;
+        paths: string[];
+    };
+    zoomOut: {
+        viewbox: string;
+        paths: string[];
+    };
+    flipVertical3: {
+        viewbox: string;
+        paths: string[];
+    };
+    flipVertical4: {
+        viewbox: string;
+        paths: string[];
+    };
+    tools: {
+        viewbox: string;
+        paths: string[];
+    };
+    checkmarkCircle: {
+        viewbox: string;
+        paths: string[];
+    };
+};
+
+export { _default as default };

package/lib/icons/icons.spec.js

@@ -1,23 +1,16 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@testing-library/react");
-
 require("@testing-library/jest-dom/extend-expect");
-
 var _index = _interopRequireDefault(require("./index"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
 var IconMock = function IconMock(props) {
   return /*#__PURE__*/_react.default.createElement(_index.default, _extends({
     name: "user"
   }, props));
 };
-
 var mockSvgStruct = {
   viewbox: '0 0 18 18',
   paths: ['M17.064,4.656l-2.05-2.035C14.936,2.544,14.831,2.5,14.721,2.5H3.854c-0.229,0-0.417,0.188-0.417,417v14.167c0,0.229,0.188,0.417,0.417,0.417h12.917c0.229,0,0.416-0.188,0.416-0.417V4.952C17.188,4.84,17.144,4.733,17.064,4.656M6.354,3.333h7.917V10H6.354V3.333z M16.354,16.667H4.271V3.333h1.25v7.083c0,0.229,0.188,0.417,0.417,0.417h8.75c0.229,0,0.416-0.188,0.416-0.417V3.886l1.25,1.239V16.667z M13.402,4.688v3.958c0,0.229-0.186,0.417-0.417,0.417c-0.229,0-0.417-0.188-0.417-0.417V4.688c0-0.229,0.188-0.417,0.417-0.417C13.217,4.271,13.402,4.458,13.402,4.688']
@@ -25,61 +18,52 @@ var mockSvgStruct = {
 describe('Icons', function () {
   it('should render correctly', function () {
     var _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(IconMock, null)),
-        getByTestId = _render.getByTestId;
-
+      getByTestId = _render.getByTestId;
     expect(getByTestId('icon')).toBeTruthy();
   });
   it('should change icon size', function () {
     var _render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(IconMock, {
-      size: 64
-    })),
-        getByTestId = _render2.getByTestId;
-
+        size: 64
+      })),
+      getByTestId = _render2.getByTestId;
     expect(getByTestId('icon')).toHaveAttribute('width', '64px');
     expect(getByTestId('icon')).toHaveAttribute('height', '64px');
   });
   it('should change icon color', function () {
     var _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(IconMock, {
-      color: "red"
-    })),
-        getByTestId = _render3.getByTestId;
-
+        color: "red"
+      })),
+      getByTestId = _render3.getByTestId;
     expect(getByTestId('icon')).toHaveAttribute('fill', 'red');
   });
   it('should change pointer-events', function () {
     var _render4 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(IconMock, {
-      pointerEvents: "all"
-    })),
-        getByTestId = _render4.getByTestId;
-
+        pointerEvents: "all"
+      })),
+      getByTestId = _render4.getByTestId;
     expect(getByTestId('icon')).toHaveAttribute('pointer-events', 'all');
   });
   it('should fire click on icon', function () {
     var mockOnClick = jest.fn();
-
     var _render5 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(IconMock, {
-      onClick: mockOnClick
-    })),
-        getByTestId = _render5.getByTestId;
-
+        onClick: mockOnClick
+      })),
+      getByTestId = _render5.getByTestId;
     _react2.fireEvent.click(getByTestId('icon'));
-
     expect(mockOnClick).toHaveBeenCalled();
   });
   it('should hide component when visible is false', function () {
     var _render6 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(IconMock, {
-      visible: false
-    })),
-        container = _render6.container;
-
+        visible: false
+      })),
+      container = _render6.container;
     expect(container.firstChild).not.toBeInTheDocument();
   });
   it('should render icon when use svgStruct', function () {
     var _render7 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.default, {
-      svgStruct: mockSvgStruct
-    })),
-        getByTestId = _render7.getByTestId;
-
+        svgStruct: mockSvgStruct
+      })),
+      getByTestId = _render7.getByTestId;
     expect(getByTestId('icon')).toHaveAttribute('viewBox', mockSvgStruct.viewbox);
     expect(getByTestId('icon-path')).toHaveAttribute('d', mockSvgStruct.paths[0]);
   });

package/lib/icons/index.d.ts

@@ -0,0 +1,8 @@
+import { IIconProps } from './types.js';
+import 'react';
+import '../@types/PointerEvents.js';
+import '../@types/SizePixels.js';
+
+declare const Icon: ({ name, onClick, svgStruct, size, style, visible, disabled, customClass, color, pointerEvents, }: IIconProps) => JSX.Element | null;
+
+export { Icon as default };

package/lib/icons/types.d.ts

@@ -0,0 +1,28 @@
+import { CSSProperties } from 'react';
+import { PointerEvents } from '../@types/PointerEvents.js';
+import { SizePixels } from '../@types/SizePixels.js';
+
+declare type ListIconType = {
+    [name: string]: {
+        viewbox: string;
+        paths: Array<string>;
+    };
+};
+interface IIconProps {
+    size?: SizePixels;
+    color?: string;
+    customClass?: string;
+    style?: CSSProperties;
+    visible?: boolean;
+    disabled?: boolean;
+    pointerEvents?: PointerEvents;
+    name?: string;
+    viewBox?: string;
+    svgStruct?: {
+        viewbox: string;
+        paths: Array<string>;
+    };
+    onClick?: () => void;
+}
+
+export { IIconProps, ListIconType };