@neo4j-ndl/react 0.16.4 → 1.0.0-alpha-093fe38

package/lib/esm/table-deprecated/Table.js

@@ -0,0 +1,150 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import classNames from 'classnames';
+import { ResizingBar, SortIcon, TableResults } from './helpers';
+import TableNavigation from './TableNavigation';
+import { LoadingSpinner } from '../loading-spinner';
+/** Table results per page, with the first option being the default */
+const TABLE_RESULTS = {
+    DEFAULT: 10,
+    values: [10, 25, 50, 100],
+};
+/**
+ *
+ * Small Utilities
+ * for table styling and functionality
+ *
+ */
+/** For fixed row height tables, we should have a fixed body size */
+export const fixedHeight = (items, height) => ({
+    style: { height: `${height * items}px` },
+});
+const DefaultHeader = ({ headerGroups, }) => (_jsx("thead", { children: 
+    // Loop over the header rows
+    headerGroups.map((headerGroup) => (
+    // Apply the header row props
+    // Key is defined from getHeaderGroupProps so we can ignore the false-negative
+    // eslint-disable-next-line react/jsx-key
+    _jsx("tr", Object.assign({}, headerGroup.getHeaderGroupProps(), { children: 
+        // Loop over the headers in each row
+        headerGroup.headers.map((column) => {
+            const castedColumn = column;
+            const sortable = !!castedColumn.getSortByToggleProps;
+            // Dont use "group" class inside the @apply component
+            // https://github.com/tailwindlabs/tailwindcss/issues/2848#issuecomment-734523233
+            const headerClasses = classNames('group', 'ndl-table-column-styling', {
+                'ndl-sortable': sortable,
+            });
+            return (
+            // Apply the header cell props
+            // Key is defined from getHeaderGroupProps so we can ignore the false-negative
+            // eslint-disable-next-line react/jsx-key
+            _jsxs("th", Object.assign({}, castedColumn.getHeaderProps(), { style: Object.assign(Object.assign({}, castedColumn.getHeaderProps([
+                    {
+                        style: castedColumn.style,
+                        className: castedColumn.className,
+                    },
+                ]).style), { 
+                    /** 0.25px */
+                    letterSpacing: '0.25px' }), scope: "col", className: `${headerClasses} ${castedColumn.getHeaderProps([
+                    {
+                        style: castedColumn.style,
+                        className: castedColumn.className,
+                    },
+                ]).className}` }, { children: [_jsxs("div", Object.assign({ className: "ndl-table-header-cell" }, { children: [castedColumn.render('Header'), castedColumn.canSort && (_jsx(SortIcon, Object.assign({}, castedColumn.getSortByToggleProps(), { isSortedDesc: castedColumn.isSortedDesc })))] })), 'canResize' in castedColumn &&
+                        'getResizerProps' in castedColumn && (_jsx(ResizingBar, Object.assign({}, castedColumn.getResizerProps())))] })));
+        }) })))) }));
+const DefaultBody = ({ getTableBodyProps, page, prepareRow, actionsButtons, headerGroups, rows, loading = false, }) => {
+    // Page is defined when using the usePagination plugin, otherwise rows is defined
+    const iterable = page !== null && page !== void 0 ? page : rows;
+    if (loading) {
+        return (_jsx(_Fragment, { children: _jsx("tbody", Object.assign({}, getTableBodyProps(), { className: "n-bg-light-neutral-bg-weak" }, { children: _jsx("tr", { children: _jsx("td", Object.assign({ colSpan: headerGroups[0].headers.length }, { children: _jsx("div", Object.assign({ 
+                            // Minimum height of the table's body
+                            // so placeholders are visible
+                            style: { height: '100px' }, className: "n-flex n-flex-row n-justify-center n-items-center n-gap-2" }, { children: _jsxs("span", Object.assign({ className: "ndl-table-placeholder" }, { children: [_jsx(LoadingSpinner, {}), _jsx("h6", Object.assign({ className: "n-my-5 n-text-center" }, { children: "Loading data" }))] })) })) })) }) })) }));
+    }
+    return (_jsx(_Fragment, { children: iterable.length > 0 ? (_jsx("tbody", Object.assign({}, getTableBodyProps(), { className: "n-bg-light-neutral-bg-weak" }, { children: iterable.length > 0 &&
+                iterable.map((row) => {
+                    prepareRow(row);
+                    return (
+                    // Key is defined from getHeaderGroupProps so we can ignore the false-negative
+                    // eslint-disable-next-line react/jsx-key
+                    _jsxs("tr", Object.assign({ className: "ndl-table-row" }, row.getRowProps(), { children: [row.cells.map((cell) => {
+                                const castedColumn = cell.column;
+                                return (
+                                // Key is defined from getHeaderGroupProps so we can ignore the false-negative
+                                // eslint-disable-next-line react/jsx-key
+                                _jsx("td", Object.assign({ className: "ndl-table-cell" }, cell.getCellProps([
+                                    {
+                                        className: castedColumn.className,
+                                        style: castedColumn.style,
+                                    },
+                                ]), { children: cell.render('Cell') })));
+                            }), actionsButtons && actionsButtons(row)] })));
+                }) }))) : (_jsx("tbody", Object.assign({}, getTableBodyProps(), { className: "n-bg-light-neutral-bg-weak" }, { children: _jsx("tr", { children: _jsx("td", Object.assign({ colSpan: headerGroups[0].headers.length }, { children: _jsx("div", Object.assign({ 
+                        // Minimum height of the table's body
+                        // so placeholders are visible
+                        style: { height: '100px' }, className: "n-flex n-flex-row n-justify-center n-items-center n-gap-2" }, { children: _jsx("span", Object.assign({ className: "ndl-table-placeholder" }, { children: _jsx("h6", Object.assign({ className: "n-my-5 n-text-center n-h-10" }, { children: "No data present" })) })) })) })) }) }))) }));
+};
+const DefaultNavigation = ({ state, rows, page, canPreviousPage, nextPage, pageOptions, pageCount, gotoPage, canNextPage, previousPage, setPageSize, }) => {
+    // Navigation is only needed if pagination exists
+    if (!page || state.pageSize === undefined || state.pageIndex === undefined) {
+        return null;
+    }
+    return (_jsxs("div", Object.assign({ className: "n-flex n-flex-row n-flex-wrap n-gap-2 n-justify-between n-items-center n-px-7 n-py-4 n-bg-light-neutral-bg-weak" }, { children: [_jsx(TableResults, { pageIndex: state.pageIndex, rowsLength: rows.length, pageLength: page.length }), _jsxs("div", Object.assign({ className: "n-flex n-flex-row n-flex-wrap n-gap-2 n-justify-between n-items-center n-gap-x-10" }, { children: [pageCount > 1 && (_jsx(TableNavigation, { canPreviousPage: canPreviousPage, canNextPage: canNextPage, onPageClick: gotoPage, previousPage: previousPage, nextPage: nextPage, pageIndex: state.pageIndex, pageOptions: pageOptions })), _jsxs("div", Object.assign({ className: "n-flex n-flex-row n-justify-between n-items-center n-gap-x-4 n-text-light-neutral-text-weaker" }, { children: ["Show", _jsx("select", Object.assign({ onChange: (e) => setPageSize(parseInt(e.target.value, 10)), className: "ndl-table-select", value: state.pageSize, "aria-label": "Select page size" }, { children: [...new Set([...TABLE_RESULTS.values, state.pageSize])]
+                                    .sort((a, b) => a - b)
+                                    .map((option) => (_jsx("option", Object.assign({ value: `${option}` }, { children: option }), `${option}`))) }))] }))] }))] })));
+};
+/**
+ * Table Skeleton to keep most section logic DRY
+ *
+ * How the table component is divided into sections:
+ *
+ * @example
+ * +----------------+
+ * | Table Controls |
+ * | (ex: Search)   |
+ * +----------------+
+ * | Header         |
+ * +----------------+
+ * | Body (data)    |
+ * +----------------+
+ * | Navigation     |
+ * +----------------+
+ *
+ */
+const Table = (props
+// props: any
+) => {
+    const { controls, getTableProps, header, body, navigation, className = '', style = {}, role, } = props;
+    if (!getTableProps) {
+        throw new Error('getTableProps is required');
+    }
+    return (_jsxs("div", Object.assign({ className: classNames('ndl-table n-overflow-hidden n-flex n-flex-col n-divide-y n-divide-light-neutral-border-weak n-bg-light-neutral-bg-weak n-relative', className), style: style, role: role }, { children: [controls && (_jsx("div", Object.assign({ className: "n-px-7 n-py-6 n-flex n-flex-row n-items-center" }, { children: controls }))), _jsx("div", Object.assign({ className: "n-overflow-x-auto" }, { children: _jsxs("table", Object.assign({}, getTableProps(), { className: "n-w-full n-min-w-full n-divide-y n-divide-light-neutral-border-weak n-bg-light-neutral-bg-weak" }, { children: [header || _jsx(DefaultHeader, Object.assign({}, props)), body || _jsx(DefaultBody, Object.assign({}, props))] })) })), navigation || (_jsx(DefaultNavigation, Object.assign({}, props)))] })));
+};
+/**
+ * Easy Actions wrapper for each row
+ */
+const RowActions = (props) => (_jsx("div", Object.assign({}, props, { className: classNames('ndl-table-row-actions', props.className) })));
+Table.RowActions = RowActions;
+export default Table;
+//# sourceMappingURL=Table.js.map

package/lib/esm/table-deprecated/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/table-deprecated/Table.tsx"],"names":[],"mappings":"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"}

package/lib/esm/{table → table-deprecated}/TableNavigation.js

@@ -21,9 +21,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  */
 import classNames from 'classnames';
 import { userFriendlyPagination } from './helpers';
-import { HeroIcon } from '../icons';
+import { ChevronLeftIconOutline, ChevronRightIconOutline } from '../icons';
 const NavigationArrowButtonClasses = `
-body-medium n-relative n-inline-flex n-items-center 
+n-body-medium n-relative n-inline-flex n-items-center 
 n-px-2 n-py-2 n-rounded-xl
 n-text-light-neutral-text-weaker
 hover:n-bg-light-primary-bg-strong hover:n-bg-opacity-10
@@ -31,7 +31,7 @@ hover:n-bg-light-primary-bg-strong hover:n-bg-opacity-10
 const NavigationIconClasses = `
 n-w-5 n-h-5 n-text-light-neutral-text-weak
 `;
-export const TableNavigation = ({ canPreviousPage, canNextPage, onPageClick, previousPage, nextPage, pageIndex, pageOptions, }) => (_jsxs("nav", Object.assign({ className: "n-relative n-z-0 n-inline-flex n-max-w-min n-rounded-md n-gap-x-2", "aria-label": "Pagination" }, { children: [canPreviousPage ? (_jsx(_Fragment, { children: _jsxs("button", Object.assign({ onClick: () => previousPage(), className: NavigationArrowButtonClasses }, { children: [_jsx("span", Object.assign({ className: "n-sr-only" }, { children: "Previous" })), _jsx(HeroIcon, { iconName: "ChevronLeftIcon", className: NavigationIconClasses })] })) })) : null, userFriendlyPagination(pageIndex + 1, pageOptions.length).map((option, idx) => (_jsx("button", Object.assign({ "data-testid": `table-${option}`, className: classNames('n-relative n-inline-flex n-items-center n-justify-center n-px-3 n-py-0.5 body-medium n-rounded-xl n-leading-8', {
+export const TableNavigation = ({ canPreviousPage, canNextPage, onPageClick, previousPage, nextPage, pageIndex, pageOptions, }) => (_jsxs("nav", Object.assign({ className: "n-relative n-z-0 n-inline-flex n-max-w-min n-rounded-md n-gap-x-2", "aria-label": "Pagination" }, { children: [canPreviousPage ? (_jsx(_Fragment, { children: _jsxs("button", Object.assign({ onClick: () => previousPage(), className: NavigationArrowButtonClasses }, { children: [_jsx("span", Object.assign({ className: "n-sr-only" }, { children: "Previous" })), _jsx(ChevronLeftIconOutline, { className: NavigationIconClasses })] })) })) : null, userFriendlyPagination(pageIndex + 1, pageOptions.length).map((option, idx) => (_jsx("button", Object.assign({ "data-testid": `table-${option}`, className: classNames('n-relative n-inline-flex n-items-center n-justify-center n-px-3 n-py-0.5 n-body-medium n-rounded-xl n-leading-8', {
                 'n-cursor-pointer hover:n-bg-light-neutral-bg-strong': typeof option === 'number' && option !== pageIndex + 1,
                 'n-bg-light-primary-bg-strong n-text-light-neutral-text-inverse': option === pageIndex + 1,
                 'n-text-light-neutral-text-weaker': option !== pageIndex + 1,
@@ -39,6 +39,6 @@ export const TableNavigation = ({ canPreviousPage, canNextPage, onPageClick, pre
                 minWidth: '36px',
                 maxHeight: '36px',
                 minHeight: '36px',
-            }, onClick: () => typeof option === 'number' && onPageClick(option - 1) }, { children: option }), `${option}-${idx}`))), canNextPage ? (_jsxs("button", Object.assign({ onClick: () => nextPage(), className: NavigationArrowButtonClasses }, { children: [_jsx("span", Object.assign({ className: "n-sr-only" }, { children: "Next" })), _jsx(HeroIcon, { iconName: "ChevronRightIcon", className: NavigationIconClasses })] }))) : null] })));
+            }, onClick: () => typeof option === 'number' && onPageClick(option - 1) }, { children: option }), `${option}-${idx}`))), canNextPage ? (_jsxs("button", Object.assign({ onClick: () => nextPage(), className: NavigationArrowButtonClasses }, { children: [_jsx("span", Object.assign({ className: "n-sr-only" }, { children: "Next" })), _jsx(ChevronRightIconOutline, { className: NavigationIconClasses })] }))) : null] })));
 export default TableNavigation;
 //# sourceMappingURL=TableNavigation.js.map

package/lib/esm/table-deprecated/TableNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableNavigation.js","sourceRoot":"","sources":["../../../src/table-deprecated/TableNavigation.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAmB3E,MAAM,4BAA4B,GAAG;;;;;CAKpC,CAAC;AAEF,MAAM,qBAAqB,GAAG;;CAE7B,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,eAAe,EACf,WAAW,EACX,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,WAAW,GACU,EAAE,EAAE,CAAC,CAC1B,6BACE,SAAS,EAAC,mEAAmE,gBAClE,YAAY,iBAEtB,eAAe,CAAC,CAAC,CAAC,CACjB,4BACE,gCACE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,EAC7B,SAAS,EAAE,4BAA4B,iBAEvC,6BAAM,SAAS,EAAC,WAAW,8BAAgB,EAC3C,KAAC,sBAAsB,IAAC,SAAS,EAAE,qBAAqB,GAAI,KACrD,GACR,CACJ,CAAC,CAAC,CAAC,IAAI,EAEP,sBAAsB,CAAC,SAAS,GAAG,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,GAAG,CAC5D,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CACf,8CAIe,SAAS,MAAM,EAAE,EAC9B,SAAS,EAAE,UAAU,CACnB,iHAAiH,EACjH;gBACE,qDAAqD,EACnD,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,SAAS,GAAG,CAAC;gBACxD,gEAAgE,EAC9D,MAAM,KAAK,SAAS,GAAG,CAAC;gBAC1B,kCAAkC,EAAE,MAAM,KAAK,SAAS,GAAG,CAAC;aAC7D,CACF,EACD,KAAK,EAAE;gBACL,QAAQ,EAAE,MAAM;gBAChB,SAAS,EAAE,MAAM;gBACjB,SAAS,EAAE,MAAM;aAClB,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,MAAM,KAAK,QAAQ,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,gBAEnE,MAAM,KAnBF,GAAG,MAAM,IAAI,GAAG,EAAE,CAoBhB,CACV,CACF,EAEA,WAAW,CAAC,CAAC,CAAC,CACb,gCACE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,EACzB,SAAS,EAAE,4BAA4B,iBAEvC,6BAAM,SAAS,EAAC,WAAW,0BAAY,EACvC,KAAC,uBAAuB,IAAC,SAAS,EAAE,qBAAqB,GAAI,KACtD,CACV,CAAC,CAAC,CAAC,IAAI,KACJ,CACP,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/esm/table-deprecated/helpers.js

@@ -0,0 +1,116 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { Bars3CenterLeftIconOutline, BarsArrowDownIconOutline, BarsArrowUpIconOutline, } from '../icons';
+import { memo } from 'react';
+/**
+ *
+ * React Table helper to display sorting icon
+ * Source:
+ * https://react-table.tanstack.com/docs/api/useSortBy#column-properties
+ *
+ */
+export const SortIcon = (_a) => {
+    var { isSortedDesc } = _a, props = __rest(_a, ["isSortedDesc"]);
+    switch (true) {
+        case isSortedDesc === true:
+            return _jsx(BarsArrowDownIconOutline, Object.assign({}, props, { className: "n-w-4 n-h-4" }));
+        case isSortedDesc === false:
+            return _jsx(BarsArrowUpIconOutline, Object.assign({}, props, { className: "n-w-4 n-h-4" }));
+        default:
+            return _jsx(Bars3CenterLeftIconOutline, Object.assign({}, props, { className: "n-w-4 n-h-4" }));
+    }
+};
+export const ResizingBar = memo(function ResizingBarMemoed(props) {
+    return (_jsx("div", Object.assign({}, props, { className: "ndl-table-resizing-bar", style: {
+            width: '4px',
+            zIndex: 1,
+            //   prevents from scrolling while dragging on touch devices
+            touchAction: 'none',
+        } })));
+});
+/**
+ * The left section of the bottom navigation
+ * that is showing the current page and how many results we can see
+ */
+export const TableResults = ({ pageIndex, pageLength, rowsLength, }) => {
+    const from = Math.min(rowsLength, 1 + pageIndex * pageLength);
+    const to = Math.min(rowsLength, pageIndex * pageLength + pageLength);
+    return (_jsx("span", Object.assign({ className: "n-text-light-neutral-text-weaker body-medium n-whitespace-nowrap" }, { children: _jsxs("span", { children: ["Showing", ' ', _jsxs("b", { children: [from, to !== from && `-${to}`] }), ' ', "of ", _jsx("b", { children: rowsLength }), " results"] }) })));
+};
+/**
+ * Modified from here: https://gist.github.com/kottenator/9d936eb3e4e3c3e02598
+ *
+ * @param current Current Index
+ * @param max Max Index
+ * @returns
+ */
+export const userFriendlyPagination = (current, max) => {
+    const last = max;
+    const delta = 2;
+    const left = current - delta;
+    const right = current + delta + 1;
+    const range = [];
+    const rangeWithDots = [];
+    let l;
+    for (let i = 1; i <= last; i += 1) {
+        if (i === 1 || i === last || (i >= left && i < right)) {
+            range.push(i);
+        }
+    }
+    for (let i = 0; i < range.length; i += 1) {
+        if (l) {
+            if (range[i] - l === 2) {
+                rangeWithDots.push(l + 1);
+            }
+            else if (range[i] - l !== 1) {
+                rangeWithDots.push('...');
+            }
+        }
+        rangeWithDots.push(range[i]);
+        l = range[i];
+    }
+    return rangeWithDots;
+};
+/**
+ * Small helper to get handle the Checkbox
+ * functionality in tables
+ */
+export const toggleRowSelection = (list, idx) => {
+    // Removing from the list
+    if (list.includes(idx)) {
+        return list.filter((o) => o !== idx);
+    }
+    // Adding to the list
+    return [...list, idx];
+};
+//# sourceMappingURL=helpers.js.map

package/lib/esm/table-deprecated/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/table-deprecated/helpers.tsx"],"names":[],"mappings":"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"}

package/lib/esm/table-deprecated/hooks/hookCallbackTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hookCallbackTypes.js","sourceRoot":"","sources":["../../../../src/table-deprecated/hooks/hookCallbackTypes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG"}

package/lib/esm/table-deprecated/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-deprecated/hooks/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC"}

package/lib/esm/table-deprecated/hooks/useMultiRowSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMultiRowSelect.js","sourceRoot":"","sources":["../../../../src/table-deprecated/hooks/useMultiRowSelect.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAIL,YAAY,GAKb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAW1C;;;;;;;;;;;;;GAaG;AACH,MAAM,iBAAiB,GAAG,CACxB,KAAe,EACf,EAAE;IACF,YAAY,CAAC,KAAK,CAAC,CAAC;IAEpB;;;MAGE;IACF,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;QACpD,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;QAE1B,MAAM,aAAa,GAAG,YAAY,CAAC;QACnC,sDAAsD;QACtD,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,iCACD,KAAK,KACR,cAAc,EAAE,IAAI,CAAC,MAAM,CACzB,CACE,GAA4B,EAC5B,IAA6B,EAC7B,KAAa,EACb,EAAE;gBACF,IAAI,IAAI,CAAC,aAAa,CAAC,EAAE;oBACvB,uCAAY,GAAG,KAAE,CAAC,KAAK,CAAC,EAAE,IAAI,IAAG;iBAClC;gBAED,OAAO,GAAG,CAAC;YACb,CAAC,EACD,EAAE,CACH,IACD,EACF,CAAC,KAAK,EAAE,IAAI,EAAE,aAAa,CAAC,CAC7B,CAAC;QAEF,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;QACnD,oCAAoC;QACpC;YACE,EAAE,EAAE,wBAAwB;YAC5B,sEAAsE;YACtE,uBAAuB;YACvB,MAAM,EAAE,CAAC,EACP,6BAA6B,GACK,EAAE,EAAE;gBACtC,MAAM,WAAW,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;gBACnD,SAAS,CAAC,GAAG,EAAE;oBACb,IAAI,WAAW,IAAI,WAAW,CAAC,OAAO,EAAE;wBACtC,WAAW,CAAC,OAAO,CAAC,aAAa;4BAC/B,6BAA6B,EAAE,CAAC,aAAa,IAAI,KAAK,CAAC;qBAC1D;gBACH,CAAC,EAAE,CAAC,WAAW,EAAE,6BAA6B,CAAC,CAAC,CAAC;gBACjD,OAAO,CACL,KAAC,QAAQ,gCACI,iBAAiB,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAE,QAA2B,CAAC,cAAc,EAAE,IACxD,6BAA6B,EAAE,IACnC,GAAG,EAAE,WAAW,IAChB,CACH,CAAC;YACJ,CAAC;YACD,yEAAyE;YACzE,2BAA2B;YAC3B,IAAI,EAAE,CAAC,EAAE,GAAG,EAAW,EAAE,EAAE,CAAC,CAC1B,wBACE,KAAC,QAAQ,gCACK,OAAO,GAAG,CAAC,KAAK,EAAE,EAC9B,OAAO,EAAE,GAAG,EAAE,CACX,QAA2B,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,IAE9D,GAAW,CAAC,yBAAyB,EAAE,EAC5C,GACE,CACP;SACK;QACR,GAAG,OAAO;KACX,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,iBAAiB,CAAC,UAAU,GAAG,mBAAmB,CAAC;AAEnD,eAAe,iBAAiB,CAAC"}

package/lib/esm/table-deprecated/hooks/useSingleRowSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSingleRowSelect.js","sourceRoot":"","sources":["../../../../src/table-deprecated/hooks/useSingleRowSelect.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAe,YAAY,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGpC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,KAAe,EACf,EAAE;IACF,YAAY,CAAC,KAAK,CAAC,CAAC;IAEpB,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;QACnD,oCAAoC;QACpC,sDAAsD;QACtD;YACE,EAAE,EAAE,qBAAqB;YACzB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI;YAClB,KAAK,EAAE,EAAE;YACT,yEAAyE;YACzE,2BAA2B;YAC3B,IAAI,EAAE,CAAC,EAAE,GAAG,EAAW,EAAE,EAAE;gBACzB,OAAO,CACL,KAAC,KAAK,oBACC,GAAW,CAAC,yBAAyB,EAAE,IAC5C,QAAQ,EAAE,GAAG,EAAE,CACZ,QAA2B,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,IAEnE,CACH,CAAC;YACJ,CAAC;SACK;QACR,GAAG,OAAO;KACX,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/esm/table-deprecated/index.js

@@ -0,0 +1,23 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export { default as TableDepr } from './Table';
+export * from './hooks';
+//# sourceMappingURL=index.js.map

package/lib/esm/table-deprecated/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/table-deprecated/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,cAAc,SAAS,CAAC"}

package/lib/esm/tabs/Tabs.js

@@ -44,10 +44,10 @@ const useTabsContext = () => {
 const getTabPanelId = (tabId) => `tabpanel-${tabId}`;
 const getGeneralTabClasses = (size, fill) => {
     return {
-        large: size === 'large',
-        small: size === 'small',
-        'filled-tab': fill === 'filled',
-        'underline-tab': fill === 'underline',
+        'ndl-large': size === 'large',
+        'ndl-small': size === 'small',
+        'ndl-filled-tab': fill === 'filled',
+        'ndl-underline-tab': fill === 'underline',
     };
 };
 export const Tabs = forwardRef(function Tabs(_a, ref) {
@@ -59,15 +59,15 @@ export const Tabs = forwardRef(function Tabs(_a, ref) {
 export const Tab = React.forwardRef(function Tab(_a, ref) {
     var { children, tabId, disabled = false, className, as = 'button' } = _a, rest = __rest(_a, ["children", "tabId", "disabled", "className", "as"]);
     const { size, fill, value, onChange } = useTabsContext();
-    const base = classnames(Object.assign(Object.assign({}, getGeneralTabClasses(size, fill)), { selected: value === tabId, disabled }));
+    const base = classnames(Object.assign(Object.assign({}, getGeneralTabClasses(size, fill)), { 'ndl-selected': value === tabId, 'ndl-disabled': disabled }));
     const Component = as;
     // Cast onChange since the compiler isn't smart enough to figure out union of function's parameters
     // https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-3.html#improved-behavior-for-calling-union-types
     // https://stackoverflow.com/questions/55572797/why-does-typescript-expect-never-as-function-argument-when-retrieving-the-func
     const castOnChange = onChange;
     const handleChange = () => !disabled && castOnChange(tabId);
-    const classes = classnames('tab', base, className);
-    return (_jsxs(Component, Object.assign({ className: classes, onClick: handleChange, role: "tab", "aria-controls": getTabPanelId(tabId) }, rest, { ref: ref }, { children: [children, fill === 'underline' && _jsx("span", { className: "tab-underline" })] })));
+    const classes = classnames('ndl-tab', base, className);
+    return (_jsxs(Component, Object.assign({ className: classes, onClick: handleChange, role: "tab", "aria-controls": getTabPanelId(tabId) }, rest, { ref: ref }, { children: [children, fill === 'underline' && _jsx("span", { className: "ndl-tab-underline" })] })));
 });
 export const TabPanel = React.forwardRef(function TabPanel(_a, ref) {
     var { as = 'div', children, value, tabId } = _a, rest = __rest(_a, ["as", "children", "value", "tabId"]);

package/lib/esm/tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/tabs/Tabs.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAoCxC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAA8B,IAAI,CAAC,CAAC;AAE3E,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAExC,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,KAAK,CAAC,0BAA0B,CAAC,CAAC;KAC7C;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,YAAY,KAAK,EAAE,CAAC;AAE5D,MAAM,oBAAoB,GAAG,CAAC,IAAU,EAAE,IAAU,EAAE,EAAE;IACtD,OAAO;QACL,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,gBAAgB,EAAE,IAAI,KAAK,QAAQ;QACnC,mBAAmB,EAAE,IAAI,KAAK,WAAW;KAC1C,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAC,SAAS,IAAI,CAC1C,EASmB,EACnB,GAAgC;QAVhC,EACE,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,IAAI,GAAG,WAAW,EAClB,QAAQ,EACR,KAAK,EACL,SAAS,EACT,EAAE,GAAG,KAAK,OAEO,EADd,IAAI,cART,oEASC,CADQ;IAIT,MAAM,OAAO,GAAG,UAAU,CACxB,UAAU,EACV,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,EAChC,SAAS,CACV,CAAC;IAEF,MAAM,SAAS,GAAG,EAAE,CAAC;IAErB,OAAO,CACL,KAAC,SAAS,kBAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,SAAS,IAAK,IAAI,IAAE,GAAG,EAAE,GAAG,gBAC9D,KAAC,WAAW,CAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,gBACzD,QAAQ,IACY,IACb,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAiBH,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,GAAG,CAC9C,EAOc,EACd,GAAgC;QARhC,EACE,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,EAAE,GAAG,QAAQ,OAED,EADT,IAAI,cANT,oDAOC,CADQ;IAIT,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IAEzD,MAAM,IAAI,GAAG,UAAU,iCAClB,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,KACnC,cAAc,EAAE,KAAK,KAAK,KAAK,EAC/B,cAAc,EAAE,QAAQ,IACxB,CAAC;IAEH,MAAM,SAAS,GAAG,EAAE,CAAC;IAErB,mGAAmG;IACnG,2HAA2H;IAC3H,8HAA8H;IAC9H,MAAM,YAAY,GAAG,QAA8B,CAAC;IAEpD,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CAAC,QAAQ,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC;IAE5D,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;IAEvD,OAAO,CACL,MAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,KAAK,mBACK,aAAa,CAAC,KAAK,CAAC,IAC/B,IAAI,IACR,GAAG,EAAE,GAAG,iBAEP,QAAQ,EACR,IAAI,KAAK,WAAW,IAAI,eAAM,SAAS,EAAC,mBAAmB,GAAG,KACrD,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAqBH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,QAAQ,CACxD,EAA8D,EAC9D,GAAG;QADH,EAAE,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,OAA0B,EAArB,IAAI,cAA7C,oCAA+C,CAAF;IAG7C,MAAM,SAAS,GAAG,EAAE,CAAC;IAErB,OAAO,CACL,4BACG,KAAK,KAAK,KAAK,IAAI,CAClB,KAAC,SAAS,kBACR,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,IACpB,IAAI,IACR,GAAG,EAAE,GAAG,gBAEP,QAAQ,IACC,CACb,GACA,CACJ,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/esm/tag/Tag.js

@@ -32,7 +32,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import React, { useCallback } from 'react';
 import classnames from 'classnames';
-import { HeroIcon } from '../icons';
+import { XMarkIconOutline } from '../icons';
 import { needleWarningMessage } from '../_common/utils';
 /**
  *
@@ -49,20 +49,22 @@ import { needleWarningMessage } from '../_common/utils';
  *
  *
  */
-const Tag = React.forwardRef(function Tag(props, ref) {
+export const Tag = React.forwardRef(function Tag(props, ref) {
     const { children, type = 'default', removeable, onRemove } = props, rest = __rest(props, ["children", "type", "removeable", "onRemove"]);
     if (removeable && typeof onRemove !== 'function') {
         needleWarningMessage('Tag element is removable but onRemove prop is not a function or provided');
     }
-    const classes = classnames(`ndl-tag`, type, props.className, {
-        removeable: removeable,
+    const classes = classnames(`ndl-tag`, props.className, {
+        'ndl-default': type === 'default',
+        'ndl-destructive': type === 'destructive',
+        'ndl-removeable': removeable,
     });
     const keyDownHandler = useCallback((e) => {
         if (e.key === 'Enter') {
             onRemove && onRemove(e);
         }
     }, [onRemove]);
-    return (_jsxs("div", Object.assign({}, rest, { className: classes, ref: ref }, { children: [children, removeable && (_jsx("button", Object.assign({ type: "button", className: "remove-icon", onKeyDown: keyDownHandler, onClick: onRemove }, { children: _jsx(HeroIcon, { iconName: "XIcon" }) })))] })));
+    return (_jsxs("div", Object.assign({}, rest, { className: classes, ref: ref }, { children: [children, removeable && (_jsx("button", Object.assign({ type: "button", className: "ndl-remove-icon", onKeyDown: keyDownHandler, onClick: onRemove }, { children: _jsx(XMarkIconOutline, {}) })))] })));
 });
 export default Tag;
 //# sourceMappingURL=Tag.js.map

package/lib/esm/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAoCxD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,GAAG,CACvC,KAAe,EACf,GAAuC;IAEvC,MAAM,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,UAAU,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArE,8CAA6D,CAAQ,CAAC;IAE5E,IAAI,UAAU,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;QAChD,oBAAoB,CAClB,0EAA0E,CAC3E,CAAC;KACH;IAED,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE;QAC3D,UAAU,EAAE,UAAU;KACvB,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,CAAyC,EAAE,EAAE;QAC5C,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;SACzB;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,+BAAS,IAAI,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,iBACxC,QAAQ,EACR,UAAU,IAAI,CACb,+BACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,aAAa,EACvB,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,QAAQ,gBAEjB,KAAC,QAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,IACtB,CACV,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAoCxD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,GAAG,CAC9C,KAAe,EACf,GAAuC;IAEvC,MAAM,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,UAAU,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArE,8CAA6D,CAAQ,CAAC;IAE5E,IAAI,UAAU,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;QAChD,oBAAoB,CAClB,0EAA0E,CAC3E,CAAC;KACH;IAED,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE;QACrD,aAAa,EAAE,IAAI,KAAK,SAAS;QACjC,iBAAiB,EAAE,IAAI,KAAK,aAAa;QACzC,gBAAgB,EAAE,UAAU;KAC7B,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,CAAyC,EAAE,EAAE;QAC5C,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;SACzB;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,+BAAS,IAAI,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,iBACxC,QAAQ,EACR,UAAU,IAAI,CACb,+BACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,QAAQ,gBAEjB,KAAC,gBAAgB,KAAG,IACb,CACV,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,GAAG,CAAC"}

package/lib/esm/tag/index.js

@@ -18,5 +18,5 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-export { default as Tag } from './Tag';
+export * from './Tag';
 //# sourceMappingURL=index.js.map

package/lib/esm/tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tag/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tag/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,OAAO,CAAC"}

package/lib/esm/text-input/TextInput.js

@@ -32,7 +32,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
-import { HeroIcon } from '../icons';
+import { ExclamationCircleIconSolid } from '../icons';
 import { needleWarningMessage } from '../_common/utils';
 /**
  *
@@ -52,17 +52,18 @@ import { needleWarningMessage } from '../_common/utils';
 const TextInput = React.forwardRef(function TextInput(props, ref) {
     const { label, fluid, errorText, helpText, leftIcon, rightIcon, type = 'text', containerSize = 'small', 'aria-label': ariaLabel } = props, customProps = __rest(props, ["label", "fluid", "errorText", "helpText", "leftIcon", "rightIcon", "type", "containerSize", 'aria-label']);
     const containerWrappingClass = classNames(`ndl-form-item ndl-type-text`, customProps.className, {
-        disabled: customProps.disabled,
-        [containerSize]: containerSize,
-        'has-error': errorText,
-        'has-left-icon': leftIcon,
-        'has-right-icon': rightIcon || errorText,
-        'has-icon': leftIcon || rightIcon || errorText,
+        'ndl-disabled': customProps.disabled,
+        'ndl-small': containerSize === 'small',
+        'ndl-large': containerSize === 'large',
+        'ndl-has-error': errorText,
+        'ndl-has-left-icon': leftIcon,
+        'ndl-has-right-icon': rightIcon || errorText,
+        'ndl-has-icon': leftIcon || rightIcon || errorText,
     });
     const hasEmptyLabelValue = !label || label === '';
-    const labelWrappingClass = classNames(`form-item-label`, {
-        fluid,
-        'form-item-no-label': hasEmptyLabelValue,
+    const labelWrappingClass = classNames('ndl-form-item-label', {
+        'ndl-fluid': fluid,
+        'ndl-form-item-no-label': hasEmptyLabelValue,
     });
     useMemo(() => {
         if (!label && !ariaLabel) {
@@ -70,7 +71,7 @@ const TextInput = React.forwardRef(function TextInput(props, ref) {
         }
     }, [label, ariaLabel]);
     const customPropsClassNameStripped = Object.assign(Object.assign({}, customProps), { className: undefined });
-    return (_jsxs("div", Object.assign({ className: containerWrappingClass }, { children: [_jsxs("label", Object.assign({ className: labelWrappingClass }, { children: [_jsxs("div", Object.assign({ className: "input-wrapper" }, { children: [leftIcon && _jsx("div", Object.assign({ className: "icon left-icon" }, { children: leftIcon })), _jsx("input", Object.assign({}, customPropsClassNameStripped, { type: type, ref: ref, "aria-label": ariaLabel })), rightIcon && !errorText && (_jsx("div", Object.assign({ className: "icon right-icon" }, { children: rightIcon })))] })), _jsx("span", Object.assign({ className: "form-label-text" }, { children: label }))] })), helpText && !errorText && _jsx("div", Object.assign({ className: "form-msg" }, { children: helpText })), errorText && (_jsxs("div", Object.assign({ className: "form-msg" }, { children: [_jsx("div", Object.assign({ className: "icon error-icon" }, { children: _jsx(HeroIcon, { iconName: "ExclamationCircleIcon", type: "solid" }) })), _jsx("div", Object.assign({ className: "error-text" }, { children: errorText }))] })))] })));
+    return (_jsxs("div", Object.assign({ className: containerWrappingClass }, { children: [_jsxs("label", Object.assign({ className: labelWrappingClass }, { children: [_jsxs("div", Object.assign({ className: "ndl-input-wrapper" }, { children: [leftIcon && _jsx("div", Object.assign({ className: "ndl-icon ndl-left-icon" }, { children: leftIcon })), _jsx("input", Object.assign({}, customPropsClassNameStripped, { type: type, ref: ref, "aria-label": ariaLabel })), rightIcon && !errorText && (_jsx("div", Object.assign({ className: "ndl-right-icon" }, { children: rightIcon })))] })), _jsx("span", Object.assign({ className: "ndl-form-label-text" }, { children: label }))] })), helpText && !errorText && _jsx("div", Object.assign({ className: "ndl-form-msg" }, { children: helpText })), errorText && (_jsxs("div", Object.assign({ className: "ndl-form-msg" }, { children: [_jsx("div", Object.assign({ className: "ndl-error-icon" }, { children: _jsx(ExclamationCircleIconSolid, {}) })), _jsx("div", Object.assign({ className: "ndl-error-text" }, { children: errorText }))] })))] })));
 });
 export default TextInput;
 //# sourceMappingURL=TextInput.js.map

package/lib/esm/text-input/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAAgB,OAAO,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAyBxD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,SAAS,CACnD,KAA0B,EAC1B,GAAmC;IAEnC,MAAM,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,MAAM,EACb,aAAa,GAAG,OAAO,EACvB,YAAY,EAAE,SAAS,KAErB,KAAK,EADJ,WAAW,UACZ,KAAK,EAXH,2GAWL,CAAQ,CAAC;IAEV,MAAM,sBAAsB,GAAG,UAAU,CACvC,6BAA6B,EAC7B,WAAW,CAAC,SAAS,EACrB;QACE,QAAQ,EAAE,WAAW,CAAC,QAAQ;QAC9B,CAAC,aAAa,CAAC,EAAE,aAAa;QAC9B,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,QAAQ;QACzB,gBAAgB,EAAE,SAAS,IAAI,SAAS;QACxC,UAAU,EAAE,QAAQ,IAAI,SAAS,IAAI,SAAS;KAC/C,CACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAK,IAAI,KAAK,KAAK,EAAE,CAAC;IAElD,MAAM,kBAAkB,GAAG,UAAU,CAAC,iBAAiB,EAAE;QACvD,KAAK;QACL,oBAAoB,EAAE,kBAAkB;KACzC,CAAC,CAAC;IAEH,OAAO,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE;YACxB,oBAAoB,CAClB,uLAAuL,CACxL,CAAC;SACH;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,MAAM,4BAA4B,mCAAQ,WAAW,KAAE,SAAS,EAAE,SAAS,GAAE,CAAC;IAE9E,OAAO,CACL,6BAAK,SAAS,EAAE,sBAAsB,iBAGpC,+BAAO,SAAS,EAAE,kBAAkB,iBAClC,6BAAK,SAAS,EAAC,eAAe,iBAC3B,QAAQ,IAAI,4BAAK,SAAS,EAAC,gBAAgB,gBAAE,QAAQ,IAAO,EAC7D,gCACM,4BAA4B,IAChC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,gBACI,SAAS,IACrB,EACD,SAAS,IAAI,CAAC,SAAS,IAAI,CAC1B,4BAAK,SAAS,EAAC,iBAAiB,gBAAE,SAAS,IAAO,CACnD,KACG,EAEN,6BAAM,SAAS,EAAC,iBAAiB,gBAAE,KAAK,IAAQ,KAC1C,EACP,QAAQ,IAAI,CAAC,SAAS,IAAI,4BAAK,SAAS,EAAC,UAAU,gBAAE,QAAQ,IAAO,EACpE,SAAS,IAAI,CACZ,6BAAK,SAAS,EAAC,UAAU,iBACvB,4BAAK,SAAS,EAAC,iBAAiB,gBAC9B,KAAC,QAAQ,IAAC,QAAQ,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,GAAG,IACtD,EACN,4BAAK,SAAS,EAAC,YAAY,gBAAE,SAAS,IAAO,KACzC,CACP,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAAgB,OAAO,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAyBxD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,SAAS,CACnD,KAA0B,EAC1B,GAAmC;IAEnC,MAAM,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,MAAM,EACb,aAAa,GAAG,OAAO,EACvB,YAAY,EAAE,SAAS,KAErB,KAAK,EADJ,WAAW,UACZ,KAAK,EAXH,2GAWL,CAAQ,CAAC;IAEV,MAAM,sBAAsB,GAAG,UAAU,CACvC,6BAA6B,EAC7B,WAAW,CAAC,SAAS,EACrB;QACE,cAAc,EAAE,WAAW,CAAC,QAAQ;QACpC,WAAW,EAAE,aAAa,KAAK,OAAO;QACtC,WAAW,EAAE,aAAa,KAAK,OAAO;QACtC,eAAe,EAAE,SAAS;QAC1B,mBAAmB,EAAE,QAAQ;QAC7B,oBAAoB,EAAE,SAAS,IAAI,SAAS;QAC5C,cAAc,EAAE,QAAQ,IAAI,SAAS,IAAI,SAAS;KACnD,CACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAK,IAAI,KAAK,KAAK,EAAE,CAAC;IAElD,MAAM,kBAAkB,GAAG,UAAU,CAAC,qBAAqB,EAAE;QAC3D,WAAW,EAAE,KAAK;QAClB,wBAAwB,EAAE,kBAAkB;KAC7C,CAAC,CAAC;IAEH,OAAO,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE;YACxB,oBAAoB,CAClB,uLAAuL,CACxL,CAAC;SACH;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,MAAM,4BAA4B,mCAAQ,WAAW,KAAE,SAAS,EAAE,SAAS,GAAE,CAAC;IAE9E,OAAO,CACL,6BAAK,SAAS,EAAE,sBAAsB,iBAGpC,+BAAO,SAAS,EAAE,kBAAkB,iBAClC,6BAAK,SAAS,EAAC,mBAAmB,iBAC/B,QAAQ,IAAI,4BAAK,SAAS,EAAC,wBAAwB,gBAAE,QAAQ,IAAO,EACrE,gCACM,4BAA4B,IAChC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,gBACI,SAAS,IACrB,EACD,SAAS,IAAI,CAAC,SAAS,IAAI,CAC1B,4BAAK,SAAS,EAAC,gBAAgB,gBAAE,SAAS,IAAO,CAClD,KACG,EAEN,6BAAM,SAAS,EAAC,qBAAqB,gBAAE,KAAK,IAAQ,KAC9C,EACP,QAAQ,IAAI,CAAC,SAAS,IAAI,4BAAK,SAAS,EAAC,cAAc,gBAAE,QAAQ,IAAO,EACxE,SAAS,IAAI,CACZ,6BAAK,SAAS,EAAC,cAAc,iBAC3B,4BAAK,SAAS,EAAC,gBAAgB,gBAC7B,KAAC,0BAA0B,KAAG,IAC1B,EACN,4BAAK,SAAS,EAAC,gBAAgB,gBAAE,SAAS,IAAO,KAC7C,CACP,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}