@rh-support/components 2.0.4 → 2.0.5

package/lib/esm/Functional/CaseContactsSelectorExternal.js

@@ -20,10 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { accounts } from '@cee-eng/hydrajs';
 import { getApiResourceObject, sortHydraContacts } from '@rh-support/utils';
-import { sortBy } from 'lodash';
 import differenceBy from 'lodash/differenceBy';
 import isArray from 'lodash/isArray';
 import isEmpty from 'lodash/isEmpty';
+import sortBy from 'lodash/sortBy';
 import React, { useEffect, useRef, useState } from 'react';
 import { Highlighter, Menu, MenuItem, Typeahead } from 'react-bootstrap-typeahead';
 import { Trans } from 'react-i18next';

package/lib/esm/InlineEdit/InlineEdit.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import './inlineEdit.css';
 import PencilAltIcon from '@patternfly/react-icons/dist/js/icons/pencil-alt-icon';
-import { isEmpty } from 'lodash';
+import isEmpty from 'lodash/isEmpty';
 import React, { useState } from 'react';
 import { Trans } from 'react-i18next';
 const defaultProps = {

package/lib/esm/InlineEdit/NewInlineEdit.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import './newInlineEdit.css';
 import PencilAltIcon from '@patternfly/react-icons/dist/js/icons/pencil-alt-icon';
-import { isEmpty } from 'lodash';
+import isEmpty from 'lodash/isEmpty';
 import React, { useEffect, useState } from 'react';
 import { Trans } from 'react-i18next';
 const defaultProps = {

package/lib/esm/LoadingDots/index.d.ts

@@ -1,3 +1,2 @@
 export * from './LoadingDots';
-export * from './LoadingDots.stories';
 //# sourceMappingURL=index.d.ts.map

package/lib/esm/LoadingDots/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/LoadingDots/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/LoadingDots/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/lib/esm/LoadingDots/index.js

@@ -1,2 +1,2 @@
 export * from './LoadingDots';
-export * from './LoadingDots.stories';
+//export * from './LoadingDots.stories';

package/lib/esm/TextAreaResizable/TextAreaResizable.js

@@ -1,5 +1,5 @@
 import { TextArea } from '@patternfly/react-core';
-import { isEmpty } from 'lodash';
+import isEmpty from 'lodash/isEmpty';
 import React, { useState } from 'react';
 export const TextAreaResizable = (props) => {
     // To set defaultProps

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/components",
-    "version": "2.0.4",
+    "version": "2.0.5",
     "description": "Contains all reusabel components for support app",
     "author": "Vikas Rathee <vrathee@redhat.com>",
     "license": "ISC",
@@ -44,7 +44,7 @@
         "test:watch": "./../../node_modules/.bin/jest --watchAll -c ./../../configs/tests/jest.config.unit.js",
         "test:unit": "../../node_modules/.bin/jest -c ../../configs/tests/jest.config.unit.js",
         "test:snap": "../../node_modules/.bin/jest -c ../../configs/tests/jest.config.snapshot.js",
-        "test:coverage": "../../node_modules/.bin/jest -c ../../configs/tests/jest.config.coverage.js",
+        "test:coverage": "../../node_modules/.bin/jest --all -c ../../configs/tests/jest.config.coverage.js",
         "test:changes": "./../../node_modules/.bin/jest --passWithNoTests -c ./../../configs/tests/jest-only-changed-from-upstream.js",
         "test": "npm run test:changes",
         "watch:css": "./../../node_modules/.bin/chokidar 'src/**/*.(css|scss)' -c '../../node_modules/.bin/copyfiles -V -u 1 -a {path} lib/esm'",
@@ -52,19 +52,11 @@
         "prepublishOnly": "npm run build"
     },
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.15.72",
+        "@cee-eng/hydrajs": "4.15.78",
         "@cee-eng/ui-toolkit": "1.1.6",
         "@patternfly/patternfly": "4.196.7",
         "@patternfly/react-core": "4.264.0",
         "@patternfly/react-table": "4.111.33",
-        "@rh-support/types": "0.1.21",
-        "@rh-support/user-permissions": "0.1.46",
-        "@rh-support/utils": "0.1.45",
-        "@storybook/addon-actions": "^5.3.19",
-        "@storybook/addon-knobs": "^5.3.19",
-        "@storybook/addon-notes": "^5.3.19",
-        "@storybook/addons": "^5.3.19",
-        "@storybook/react": "^5.3.19",
         "dompurify": "^2.2.6",
         "downshift": "^6.0.5",
         "js-worker-search": "^1.4.1",
@@ -79,21 +71,14 @@
         "use-deep-compare-effect": "^1.6.1"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.15.72",
+        "@cee-eng/hydrajs": "4.15.78",
         "@cee-eng/ui-toolkit": "1.1.6",
         "@patternfly/patternfly": "4.196.7",
         "@patternfly/react-core": "4.264.0",
         "@patternfly/react-table": "4.111.33",
         "@rh-support/types": "2.0.1",
-        "@rh-support/user-permissions": "2.0.4",
-        "@rh-support/utils": "2.0.4",
-        "@storybook/addon-a11y": "^5.3.19",
-        "@storybook/addon-actions": "^5.3.19",
-        "@storybook/addon-docs": "^5.3.19",
-        "@storybook/addon-knobs": "^5.3.19",
-        "@storybook/addon-notes": "^5.3.19",
-        "@storybook/addons": "^5.3.19",
-        "@storybook/react": "^5.3.19",
+        "@rh-support/user-permissions": "2.0.5",
+        "@rh-support/utils": "2.0.5",
         "dompurify": "^2.2.6",
         "downshift": "^6.0.5",
         "js-worker-search": "^1.4.1",
@@ -107,7 +92,6 @@
         "react-router-dom": "^5.1.2",
         "react-toastify": "^5.4.1",
         "resize-observer-polyfill": "^1.5.1",
-        "storybook-readme": "^5.0.8",
         "use-deep-compare-effect": "^1.6.1"
     },
     "resolutions": {
@@ -131,5 +115,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "30c2ea68d7e31306b5bce11d448f45070f97f7cd"
+    "gitHead": "f4106bdae110f32d4968b2a9544fc4bbf76ce11e"
 }

package/lib/cjs/AlertMessage/AlertMessage.stories.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { AlertMessage } from './AlertMessage';
-declare const _default: {
-    title: string;
-    component: typeof AlertMessage;
-    decorators: ((...args: any) => any)[];
-};
-export default _default;
-export declare const Alert: () => JSX.Element;
-export declare const DangerAlert: () => JSX.Element;
-export declare const WarningAlert: () => JSX.Element;
-//# sourceMappingURL=AlertMessage.stories.d.ts.map

package/lib/cjs/AlertMessage/AlertMessage.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertMessage.stories.d.ts","sourceRoot":"","sources":["../../../src/AlertMessage/AlertMessage.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAAa,MAAM,gBAAgB,CAAC;;;;;;AAEzD,wBAIE;AAYF,eAAO,MAAM,KAAK,mBAOjB,CAAC;AACF,eAAO,MAAM,WAAW,mBAOvB,CAAC;AACF,eAAO,MAAM,YAAY,mBAExB,CAAC"}

package/lib/cjs/AlertMessage/AlertMessage.stories.js

@@ -1,29 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WarningAlert = exports.DangerAlert = exports.Alert = void 0;
-var addon_actions_1 = require("@storybook/addon-actions");
-var addon_knobs_1 = require("@storybook/addon-knobs");
-var react_1 = __importDefault(require("react"));
-var AlertMessage_1 = require("./AlertMessage");
-exports.default = {
-    title: 'Components/AlertMessage',
-    component: AlertMessage_1.AlertMessage,
-    decorators: [addon_knobs_1.withKnobs],
-};
-var options = {
-    Warning: AlertMessage_1.AlertType.WARNING,
-    Danger: AlertMessage_1.AlertType.DANGER,
-    Info: AlertMessage_1.AlertType.INFO,
-    Success: AlertMessage_1.AlertType.SUCCESS,
-};
-var label = 'Type';
-var defaultValue = AlertMessage_1.AlertType.WARNING;
-var Alert = function () { return (react_1.default.createElement(AlertMessage_1.AlertMessage, { show: true, title: addon_knobs_1.text('Title', 'This is an alert'), onClose: addon_actions_1.action('Close button clicked'), variant: addon_knobs_1.select(label, options, defaultValue) })); };
-exports.Alert = Alert;
-var DangerAlert = function () { return (react_1.default.createElement(AlertMessage_1.AlertMessage, { show: true, title: addon_knobs_1.text('Title', 'This is a danger alert'), onClose: addon_actions_1.action('Close button clicked'), variant: AlertMessage_1.AlertType.DANGER })); };
-exports.DangerAlert = DangerAlert;
-var WarningAlert = function () { return (react_1.default.createElement(AlertMessage_1.AlertMessage, { show: true, title: addon_knobs_1.text('Title', 'This is a warning alert'), variant: AlertMessage_1.AlertType.WARNING })); };
-exports.WarningAlert = WarningAlert;

package/lib/cjs/DropDownList/Dropdownlist.stories.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-    decorators: ((...args: any) => any)[];
-};
-export default _default;
-export declare const AsyncDropdown: () => JSX.Element;
-export declare const AsyncMultiDropdown: () => JSX.Element;
-export declare const DropdownList: () => JSX.Element;
-export declare const Searchable: () => JSX.Element;
-export declare const DropdownListInvalid: () => JSX.Element;
-export declare const SearchableInvalid: () => JSX.Element;
-export declare const SearchableMultiSelect: () => JSX.Element;
-export declare const MultiSelectDropdownList: () => JSX.Element;
-export declare const MultiSelectSearchableDropdownList: () => JSX.Element;
-export declare const MultiSelectSearchableDropdownListWithChip: () => JSX.Element;
-//# sourceMappingURL=Dropdownlist.stories.d.ts.map

package/lib/cjs/DropDownList/Dropdownlist.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdownlist.stories.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/Dropdownlist.stories.tsx"],"names":[],"mappings":";;;;;AASA,wBAGE;AAwPF,eAAO,MAAM,aAAa,mBAA2B,CAAC;AAEtD,eAAO,MAAM,kBAAkB,mBAAgC,CAAC;AAEhE,eAAO,MAAM,YAAY,mBAKxB,CAAC;AAEF,eAAO,MAAM,UAAU,mBAEtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBAM/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,mBAM7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,mBAMjC,CAAC;AAEF,eAAO,MAAM,uBAAuB,mBAAiC,CAAC;AAEtE,eAAO,MAAM,iCAAiC,mBAA2C,CAAC;AAE1F,eAAO,MAAM,yCAAyC,mBAAoD,CAAC"}

package/lib/cjs/DropDownList/Dropdownlist.stories.js

@@ -1,253 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultiSelectSearchableDropdownListWithChip = exports.MultiSelectSearchableDropdownList = exports.MultiSelectDropdownList = exports.SearchableMultiSelect = exports.SearchableInvalid = exports.DropdownListInvalid = exports.Searchable = exports.DropdownList = exports.AsyncMultiDropdown = exports.AsyncDropdown = void 0;
-var react_core_1 = require("@patternfly/react-core");
-var utils_1 = require("@rh-support/utils");
-var addon_knobs_1 = require("@storybook/addon-knobs");
-var react_1 = __importStar(require("react"));
-var AsyncDropDownList_1 = require("./AsyncDropDownList");
-var DropDownList_1 = require("./DropDownList");
-var MultiSelectDropdownList_1 = require("./MultiSelectDropdownList");
-exports.default = {
-    title: 'Components/Dropdown',
-    decorators: [addon_knobs_1.withKnobs],
-};
-var PER_PAGE = 50;
-var SEARCH_URI = 'https://api.github.com/search/users';
-function makeAndHandleRequest(query, page) {
-    if (page === void 0) { page = 1; }
-    return fetch(SEARCH_URI + "?q=" + query + "+in:login&page=" + page + "&per_page=" + PER_PAGE)
-        .then(function (resp) { return resp.json(); })
-        .then(function (_a) {
-        var items = _a.items, total_count = _a.total_count;
-        /* eslint-disable-line camelcase */
-        var options = items.map(function (i) { return ({
-            avatar_url: i.avatar_url,
-            id: i.id,
-            login: i.login,
-        }); });
-        return { options: options, total_count: total_count };
-    });
-}
-function AsyncComponent() {
-    var _this = this;
-    var _a = __read(react_1.useState([]), 2), items = _a[0], setItems = _a[1];
-    var _b = __read(react_1.useState(false), 2), isFetching = _b[0], setIsFetching = _b[1];
-    var _c = __read(react_1.useState({ login: 'karan' }), 2), selectedItem = _c[0], setSelectedItem = _c[1];
-    var fetchUsers = function (inputVal) { return __awaiter(_this, void 0, void 0, function () {
-        var userResponse, e_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, 3, 4]);
-                    setIsFetching(true);
-                    return [4 /*yield*/, makeAndHandleRequest(inputVal)];
-                case 1:
-                    userResponse = _a.sent();
-                    setItems(userResponse);
-                    return [3 /*break*/, 4];
-                case 2:
-                    e_1 = _a.sent();
-                    return [3 /*break*/, 4];
-                case 3:
-                    setIsFetching(false);
-                    return [7 /*endfinally*/];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); };
-    var onDropdownChange = function (item) {
-        setSelectedItem(item.label);
-    };
-    var onPaginate = function (shownResults, inputVal, e) {
-        console.log(inputVal);
-        // fetch more results here
-    };
-    var onOuterClick = function () {
-        // optional if you don't want to show the last results if user focuses out of dropdown
-        setItems({ options: [] });
-    };
-    var onDropdownClear = function () {
-        setSelectedItem({ login: '' });
-    };
-    // this is the most important part to memoize the selected item. If you don't then every time
-    // new results are fetched the dropdown will render and toOption always create a new object
-    // forcing dropdown to render and overriding the input value
-    var memoizedSelectedItem = react_1.useMemo(function () { return utils_1.toOption(selectedItem, { labelKey: 'login' }); }, [selectedItem]);
-    return (react_1.default.createElement(AsyncDropDownList_1.AsyncDropDownList, { placeholder: addon_knobs_1.text('Placeholder', 'Select a user'), id: "user-async-selector", selectedItem: memoizedSelectedItem, list: items
-            ? utils_1.toOptions(items.options, {
-                labelKey: 'login',
-                childrenKey: 'children',
-            })
-            : [], title: "Select a Cluster", onOuterClick: onOuterClick, onChange: onDropdownChange, onSearch: fetchUsers, delay: addon_knobs_1.number('Delay', 300), useCache: addon_knobs_1.boolean('Use Cache', true), isLoadingList: isFetching, paginate: addon_knobs_1.boolean('Paginate', true), onPaginate: onPaginate, maxResults: addon_knobs_1.number('Max Results', PER_PAGE - 1), emptyListLabel: addon_knobs_1.text('Empty Label', 'No results found'), onClearSelection: onDropdownClear }));
-}
-function AsyncMultiComponent() {
-    var _this = this;
-    var _a = __read(react_1.useState([]), 2), items = _a[0], setItems = _a[1];
-    var _b = __read(react_1.useState(false), 2), isFetching = _b[0], setIsFetching = _b[1];
-    var _c = __read(react_1.useState([{ login: 'karan' }]), 2), selectedItems = _c[0], setSelectedItems = _c[1];
-    var fetchUsers = function (inputVal) { return __awaiter(_this, void 0, void 0, function () {
-        var userResponse, e_2;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, 3, 4]);
-                    setIsFetching(true);
-                    return [4 /*yield*/, makeAndHandleRequest(inputVal)];
-                case 1:
-                    userResponse = _a.sent();
-                    setItems(userResponse);
-                    return [3 /*break*/, 4];
-                case 2:
-                    e_2 = _a.sent();
-                    return [3 /*break*/, 4];
-                case 3:
-                    setIsFetching(false);
-                    return [7 /*endfinally*/];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); };
-    var onDropdownChange = function (item) {
-        setSelectedItems(item.map(function (i) { return i.value; }));
-    };
-    var onPaginate = function (shownResults, inputVal, e) {
-        console.log(inputVal);
-        // fetch more results here
-    };
-    var onOuterClick = function () {
-        // optional if you don't want to show the last results if user focuses out of dropdown
-        setItems({ options: [] });
-    };
-    var onDropdownClear = function () {
-        setSelectedItems([]);
-    };
-    // this is the most important part to memoize the selected item. If you don't then every time
-    // new results are fetched the dropdown will render and toOption always create a new object
-    // forcing dropdown to render and overriding the input value
-    var memoizedSelectedItems = react_1.useMemo(function () { return utils_1.toOptions(selectedItems, { labelKey: 'login' }); }, [selectedItems]);
-    return (react_1.default.createElement(AsyncDropDownList_1.AsyncMultiDropDownList, { placeholder: addon_knobs_1.text('PlaceHolder', 'Select multiple users'), id: "user-async-selector", selectedItems: memoizedSelectedItems, list: items
-            ? utils_1.toOptions(items.options, {
-                labelKey: 'login',
-                childrenKey: 'children',
-            })
-            : [], title: "Select a Cluster", onOuterClick: onOuterClick, onChange: onDropdownChange, onSearch: fetchUsers, delay: addon_knobs_1.number('Delay', 300), useCache: addon_knobs_1.boolean('Use Cache', true), isLoadingList: isFetching, paginate: addon_knobs_1.boolean('Paginate', true), onPaginate: onPaginate, maxResults: addon_knobs_1.number('Max Results', PER_PAGE - 1), emptyListLabel: addon_knobs_1.text('Empty Label', 'No results found'), onClearSelection: onDropdownClear }));
-}
-function MultiSelectComponent() {
-    var _a = __read(react_1.useState([]), 2), selectedItems = _a[0], setSelectedItems = _a[1];
-    var onChange = function (newItems) {
-        setSelectedItems(newItems.map(function (item) { return item.label; }));
-    };
-    return (react_1.default.createElement(MultiSelectDropdownList_1.MultiSelectDropDownList, { title: "Multi", selectedItems: utils_1.toOptions(selectedItems), placeholder: utils_1.getDropdownBtnPlaceholder(addon_knobs_1.text('Placeholder', 'Choose a color'), selectedItems, 'colors', 3, 'All colors selected'), onChange: onChange, list: utils_1.toOptions(addon_knobs_1.array('List', ['Green', 'Red', 'Blue'])), searchable: addon_knobs_1.boolean('Searchable', false) }));
-}
-function MultiSelectSearchableComponent() {
-    var _a = __read(react_1.useState([]), 2), selectedItems = _a[0], setSelectedItems = _a[1];
-    var onChange = function (newItems) {
-        setSelectedItems(newItems.map(function (item) { return item.label; }));
-    };
-    return (react_1.default.createElement(MultiSelectDropdownList_1.MultiSelectDropDownList, { title: "Multi", selectedItems: utils_1.toOptions(selectedItems), placeholder: utils_1.getDropdownBtnPlaceholder(addon_knobs_1.text('Placeholder', 'Choose a color'), selectedItems, 'colors', 3, 'All colors selected'), onChange: onChange, list: utils_1.toOptions(addon_knobs_1.array('List', ['Green', 'Red', 'Blue'])), searchable: addon_knobs_1.boolean('Searchable', true) }));
-}
-function MultiSelectSearchableComponentWithChips() {
-    var _a = __read(react_1.useState([]), 2), selectedItems = _a[0], setSelectedItems = _a[1];
-    var onChange = function (newItems) {
-        setSelectedItems(newItems.map(function (item) { return item.label; }));
-    };
-    var removeSelectedItem = function (item) {
-        setSelectedItems(selectedItems.filter(function (i) { return i !== item; }));
-    };
-    var chipGroupComponent = function () {
-        return (react_1.default.createElement(react_core_1.ChipGroup, null, (selectedItems || []).map(function (currentChip, index) { return (react_1.default.createElement(react_core_1.Chip, { isReadOnly: index === 0 ? true : false, key: currentChip, onClick: function (ev) { return removeSelectedItem(currentChip); } }, currentChip)); })));
-    };
-    return (react_1.default.createElement(MultiSelectDropdownList_1.MultiSelectDropDownList, { title: "Multi", selectedItems: utils_1.toOptions(selectedItems), placeholder: utils_1.getDropdownBtnPlaceholder(addon_knobs_1.text('Placeholder', 'Choose a color'), selectedItems, 'colors', 3, 'All colors selected'), onChange: onChange, list: utils_1.toOptions(addon_knobs_1.array('List', ['Green', 'Red', 'Blue'])), searchable: addon_knobs_1.boolean('Searchable', true), chipGroupComponent: chipGroupComponent() }));
-}
-var AsyncDropdown = function () { return react_1.default.createElement(AsyncComponent, null); };
-exports.AsyncDropdown = AsyncDropdown;
-var AsyncMultiDropdown = function () { return react_1.default.createElement(AsyncMultiComponent, null); };
-exports.AsyncMultiDropdown = AsyncMultiDropdown;
-var DropdownList = function () { return (react_1.default.createElement(DropDownList_1.Dropdown, { list: utils_1.toOptions(addon_knobs_1.array('List', ['Green', 'Red', 'Blue'])), placeholder: addon_knobs_1.text('Placeholder', 'Choose a color') })); };
-exports.DropdownList = DropdownList;
-var Searchable = function () { return (react_1.default.createElement(DropDownList_1.Dropdown, { list: utils_1.toOptions(addon_knobs_1.array('List', ['Green', 'Red', 'Blue'])), searchable: addon_knobs_1.boolean('Searchable', true) })); };
-exports.Searchable = Searchable;
-var DropdownListInvalid = function () { return (react_1.default.createElement(DropDownList_1.Dropdown, { list: utils_1.toOptions(addon_knobs_1.array('List', ['Green', 'Red', 'Blue'])), placeholder: addon_knobs_1.text('Placeholder', 'Choose a color'), isInValid: addon_knobs_1.boolean('Is invalid', true) })); };
-exports.DropdownListInvalid = DropdownListInvalid;
-var SearchableInvalid = function () { return (react_1.default.createElement(DropDownList_1.Dropdown, { list: utils_1.toOptions(addon_knobs_1.array('List', ['Green', 'Red', 'Blue'])), searchable: addon_knobs_1.boolean('Searchable', true), isInValid: addon_knobs_1.boolean('Is invalid', true) })); };
-exports.SearchableInvalid = SearchableInvalid;
-var SearchableMultiSelect = function () { return (react_1.default.createElement(DropDownList_1.Dropdown, { list: utils_1.toOptions(addon_knobs_1.array('List', ['Green', 'Red', 'Blue'])), searchable: addon_knobs_1.boolean('Searchable', true), isInValid: addon_knobs_1.boolean('Is invalid', true) })); };
-exports.SearchableMultiSelect = SearchableMultiSelect;
-var MultiSelectDropdownList = function () { return react_1.default.createElement(MultiSelectComponent, null); };
-exports.MultiSelectDropdownList = MultiSelectDropdownList;
-var MultiSelectSearchableDropdownList = function () { return react_1.default.createElement(MultiSelectSearchableComponent, null); };
-exports.MultiSelectSearchableDropdownList = MultiSelectSearchableDropdownList;
-var MultiSelectSearchableDropdownListWithChip = function () { return react_1.default.createElement(MultiSelectSearchableComponentWithChips, null); };
-exports.MultiSelectSearchableDropdownListWithChip = MultiSelectSearchableDropdownListWithChip;

package/lib/cjs/LoadingDots/LoadingDots.stories.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { LoadingDots } from './LoadingDots';
-declare const _default: {
-    title: string;
-    component: typeof LoadingDots;
-};
-export default _default;
-export declare const Default: () => JSX.Element;
-export declare const withLoadingText: () => JSX.Element;
-//# sourceMappingURL=LoadingDots.stories.d.ts.map

package/lib/cjs/LoadingDots/LoadingDots.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingDots.stories.d.ts","sourceRoot":"","sources":["../../../src/LoadingDots/LoadingDots.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;;;;AAE5C,wBAGE;AAEF,eAAO,MAAM,OAAO,mBAAwB,CAAC;AAE7C,eAAO,MAAM,eAAe,mBAAuD,CAAC"}

package/lib/cjs/LoadingDots/LoadingDots.stories.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withLoadingText = exports.Default = void 0;
-var react_1 = __importDefault(require("react"));
-var LoadingDots_1 = require("./LoadingDots");
-exports.default = {
-    title: 'Components/Loading Dots',
-    component: LoadingDots_1.LoadingDots,
-};
-var Default = function () { return react_1.default.createElement(LoadingDots_1.LoadingDots, null); };
-exports.Default = Default;
-var withLoadingText = function () { return react_1.default.createElement(LoadingDots_1.LoadingDots, { message: "Some basic text here" }); };
-exports.withLoadingText = withLoadingText;

package/lib/cjs/LoadingIndicator/LoadingIndicator.stories.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { LoadingIndicator } from './LoadingIndicator';
-declare const _default: {
-    title: string;
-    Component: typeof LoadingIndicator;
-};
-export default _default;
-export declare const ExtraSmall: () => JSX.Element;
-export declare const Small: () => JSX.Element;
-export declare const Large: () => JSX.Element;
-//# sourceMappingURL=LoadingIndicator.stories.d.ts.map

package/lib/cjs/LoadingIndicator/LoadingIndicator.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingIndicator.stories.d.ts","sourceRoot":"","sources":["../../../src/LoadingIndicator/LoadingIndicator.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;;;;;AAEtD,wBAGE;AAEF,eAAO,MAAM,UAAU,mBAAmD,CAAC;AAC3E,eAAO,MAAM,KAAK,mBAAmD,CAAC;AACtE,eAAO,MAAM,KAAK,mBAAmD,CAAC"}

package/lib/cjs/LoadingIndicator/LoadingIndicator.stories.js

@@ -1,18 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Large = exports.Small = exports.ExtraSmall = void 0;
-var react_1 = __importDefault(require("react"));
-var LoadingIndicator_1 = require("./LoadingIndicator");
-exports.default = {
-    title: 'Components/LoadingIndicator',
-    Component: LoadingIndicator_1.LoadingIndicator,
-};
-var ExtraSmall = function () { return react_1.default.createElement(LoadingIndicator_1.LoadingIndicator, { show: true, size: "xs" }); };
-exports.ExtraSmall = ExtraSmall;
-var Small = function () { return react_1.default.createElement(LoadingIndicator_1.LoadingIndicator, { show: true, size: "sm" }); };
-exports.Small = Small;
-var Large = function () { return react_1.default.createElement(LoadingIndicator_1.LoadingIndicator, { show: true, size: "lg" }); };
-exports.Large = Large;

package/lib/cjs/Table/PFTable.stories.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { PFTable } from './index';
-declare const _default: {
-    title: string;
-    component: typeof PFTable;
-    decorators: ((...args: any) => any)[];
-};
-export default _default;
-export declare const Default: {
-    (): JSX.Element;
-    story: {
-        parameters: {
-            notes: {
-                markdown: any;
-            };
-        };
-    };
-};
-export declare const empty: () => JSX.Element;
-//# sourceMappingURL=PFTable.stories.d.ts.map

package/lib/cjs/Table/PFTable.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PFTable.stories.d.ts","sourceRoot":"","sources":["../../../src/Table/PFTable.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAW,OAAO,EAAS,MAAM,SAAS,CAAC;;;;;;AAIlD,wBAIE;AAqDF,eAAO,MAAM,OAAO;;;;;;;;;CAanB,CAAC;AAEF,eAAO,MAAM,KAAK,mBAajB,CAAC"}

package/lib/cjs/Table/PFTable.stories.js

@@ -1,81 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.empty = exports.Default = void 0;
-var addon_actions_1 = require("@storybook/addon-actions");
-var addon_knobs_1 = require("@storybook/addon-knobs");
-var react_1 = __importDefault(require("react"));
-var index_1 = require("./index");
-// @ts-ignore
-var README_md_1 = __importDefault(require("./README.md"));
-exports.default = {
-    title: 'Components/PFTable',
-    component: index_1.PFTable,
-    decorators: [addon_knobs_1.withKnobs],
-};
-var columnsData = [
-    {
-        id: 'repo',
-        title: 'Repositories',
-        sortable: true,
-        accessor: function (data) { return data.repo; },
-    },
-    {
-        id: 'branch',
-        title: 'Branches',
-        accessor: function (data) { return data.branch; },
-    },
-    {
-        id: 'pr',
-        title: 'Pull requests',
-        accessor: function (data) { return data.pr; },
-    },
-    {
-        id: 'workspace',
-        title: 'Workspaces',
-        accessor: function (data) { return data.workspace; },
-    },
-];
-var tableData = [
-    {
-        repo: 'Repo one',
-        branch: 'Branch one',
-        pr: ' Pull Request one',
-        workspace: 'Workspace one',
-    },
-    {
-        repo: 'Repo two',
-        branch: 'Branch two',
-        pr: ' Pull Request two',
-        workspace: 'Workspace two',
-    },
-    {
-        repo: 'Repo three',
-        branch: 'Branch three',
-        pr: ' Pull Request three',
-        workspace: 'Workspace three',
-    },
-    {
-        repo: 'Repo four',
-        branch: 'Branch four',
-        pr: ' Pull Request four',
-        workspace: 'Workspace four',
-    },
-];
-var Default = function () { return (react_1.default.createElement(react_1.default.Fragment, null,
-    react_1.default.createElement(index_1.Table, { columns: columnsData, data: tableData },
-        react_1.default.createElement(index_1.PFTable, { "aria-label": "case-list", className: "case-list-table", pagination: false, onRowClick: addon_actions_1.action('row clicked'), onSortChange: addon_actions_1.action('sort clicked'), onSelect: addon_actions_1.action('on Select') })))); };
-exports.Default = Default;
-var empty = function () { return (react_1.default.createElement(react_1.default.Fragment, null,
-    react_1.default.createElement(index_1.Table, { columns: columnsData, data: [] },
-        react_1.default.createElement(index_1.PFTable, { "aria-label": "case-list", className: "case-list-table", pagination: false, onRowClick: addon_actions_1.action('row clicked'), onSortChange: addon_actions_1.action('sort clicked'), onSelect: addon_actions_1.action('on Select') })))); };
-exports.empty = empty;
-exports.Default.story = {
-    parameters: {
-        notes: {
-            markdown: README_md_1.default,
-        },
-    },
-};

package/lib/cjs/demo/Demo.css

@@ -1,3 +0,0 @@
-.demo-class {
-    color: red;
-}