phx-react 1.3.103 → 1.3.105
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Tabs/Tabs.d.ts +10 -1
- package/dist/cjs/components/Tabs/Tabs.js +29 -6
- package/dist/cjs/components/Tabs/Tabs.js.map +1 -1
- package/dist/esm/components/Tabs/Tabs.d.ts +10 -1
- package/dist/esm/components/Tabs/Tabs.js +30 -7
- package/dist/esm/components/Tabs/Tabs.js.map +1 -1
- package/package.json +1 -1
|
@@ -4,7 +4,16 @@ export interface TabsProps {
|
|
|
4
4
|
name: string;
|
|
5
5
|
component: any;
|
|
6
6
|
}>;
|
|
7
|
+
dataTabsQuery?: Array<{
|
|
8
|
+
name: string;
|
|
9
|
+
query: any;
|
|
10
|
+
querySearch?: any;
|
|
11
|
+
}>;
|
|
12
|
+
children?: any;
|
|
7
13
|
type: 'inside-of-card' | 'default';
|
|
8
14
|
className?: string;
|
|
15
|
+
getQuery?: any;
|
|
16
|
+
getQuerySearch?: any;
|
|
17
|
+
filterValue?: any;
|
|
9
18
|
}
|
|
10
|
-
export declare function PHXTabs({ dataTabs, type,
|
|
19
|
+
export declare function PHXTabs({ children, className, dataTabs, dataTabsQuery, getQuery, getQuerySearch, type, filterValue, }: TabsProps): JSX.Element;
|
|
@@ -6,20 +6,43 @@ var Card_1 = require("../Card/Card");
|
|
|
6
6
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
7
7
|
var types_1 = require("../types");
|
|
8
8
|
function PHXTabs(_a) {
|
|
9
|
-
var dataTabs = _a.dataTabs, _b = _a.type, type = _b === void 0 ? 'default' : _b,
|
|
10
|
-
var defaultActive = dataTabs ? dataTabs[0].name : null;
|
|
9
|
+
var children = _a.children, className = _a.className, dataTabs = _a.dataTabs, dataTabsQuery = _a.dataTabsQuery, getQuery = _a.getQuery, getQuerySearch = _a.getQuerySearch, _b = _a.type, type = _b === void 0 ? 'default' : _b, filterValue = _a.filterValue;
|
|
10
|
+
var defaultActive = dataTabs ? dataTabs[0].name : dataTabsQuery ? dataTabsQuery[0].name : null;
|
|
11
11
|
var _c = (0, react_1.useState)(defaultActive), current = _c[0], setCurrent = _c[1];
|
|
12
|
-
var
|
|
12
|
+
var handleChangeTabsQuery = function (eventValue) {
|
|
13
|
+
var _a, _b;
|
|
14
|
+
setCurrent(eventValue);
|
|
15
|
+
if (dataTabsQuery) {
|
|
16
|
+
getQuery((_a = dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.find(function (tab) { return tab.name === eventValue; })) === null || _a === void 0 ? void 0 : _a.query);
|
|
17
|
+
getQuerySearch((_b = dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.find(function (tab) { return tab.name === eventValue; })) === null || _b === void 0 ? void 0 : _b.querySearch);
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
(0, react_1.useEffect)(function () {
|
|
13
21
|
var _a, _b;
|
|
14
|
-
|
|
22
|
+
if (dataTabsQuery && filterValue) {
|
|
23
|
+
getQuery((_a = dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.find(function (tab) { return tab.name === current; })) === null || _a === void 0 ? void 0 : _a.query);
|
|
24
|
+
getQuerySearch((_b = dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.find(function (tab) { return tab.name === current; })) === null || _b === void 0 ? void 0 : _b.querySearch);
|
|
25
|
+
}
|
|
26
|
+
}, [filterValue]);
|
|
27
|
+
var Tabs = function () {
|
|
28
|
+
var _a, _b, _c;
|
|
29
|
+
return dataTabsQuery ? (react_1["default"].createElement("div", { className: 'mb-4' },
|
|
30
|
+
react_1["default"].createElement("div", { className: 'sm:hidden' },
|
|
31
|
+
react_1["default"].createElement("label", { className: 'sr-only', htmlFor: 'tabs' }, "Select a tab"),
|
|
32
|
+
react_1["default"].createElement("select", { className: 'block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm', defaultValue: (_a = dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.find(function (tab) { return tab.name === current; })) === null || _a === void 0 ? void 0 : _a.name, id: 'tabs', name: 'tabs', onChange: function (e) { return handleChangeTabsQuery(e.target.value); } }, dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.map(function (tab) { return (react_1["default"].createElement("option", { key: tab.name, value: tab.name }, tab.name)); }))),
|
|
33
|
+
react_1["default"].createElement("div", { className: 'hidden sm:block' },
|
|
34
|
+
react_1["default"].createElement("nav", { "aria-label": 'Tabs', className: 'flex space-x-1' }, dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.map(function (tab) { return (react_1["default"].createElement("button", { key: tab.name,
|
|
35
|
+
// aria-current={tab.code === parentCode ? 'page' : undefined}
|
|
36
|
+
className: (0, types_1.classNames)(tab.name === current ? 'bg-gray-200 text-gray-800' : 'text-gray-600 hover:bg-gray-200', 'rounded-lg px-3 py-1.5 text-xs font-normal leading-4'), onClick: function () { return handleChangeTabsQuery(tab.name); }, type: 'button' }, tab.name)); }))),
|
|
37
|
+
children)) : (react_1["default"].createElement("div", { className: 'mb-4' },
|
|
15
38
|
react_1["default"].createElement("div", { className: 'sm:hidden' },
|
|
16
39
|
react_1["default"].createElement("label", { className: 'sr-only', htmlFor: 'tabs' }, "Select a tab"),
|
|
17
|
-
react_1["default"].createElement("select", { className: 'block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm', defaultValue: (
|
|
40
|
+
react_1["default"].createElement("select", { className: 'block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm', defaultValue: (_b = dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.find(function (tab) { return tab.name === current; })) === null || _b === void 0 ? void 0 : _b.name, id: 'tabs', name: 'tabs', onChange: function (e) { return setCurrent(e.target.value); } }, dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.map(function (tab) { return (react_1["default"].createElement("option", { key: tab.name, value: tab.name }, tab.name)); }))),
|
|
18
41
|
react_1["default"].createElement("div", { className: 'hidden sm:block' },
|
|
19
42
|
react_1["default"].createElement("nav", { "aria-label": 'Tabs', className: 'flex space-x-1' }, dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.map(function (tab) { return (react_1["default"].createElement("button", { key: tab.name,
|
|
20
43
|
// aria-current={tab.code === parentCode ? 'page' : undefined}
|
|
21
44
|
className: (0, types_1.classNames)(tab.name === current ? 'bg-gray-200 text-gray-800' : 'text-gray-600 hover:bg-gray-200', 'rounded-lg px-3 py-1.5 text-xs font-normal leading-4'), onClick: function () { return setCurrent(tab.name); }, type: 'button' }, tab.name)); }))),
|
|
22
|
-
react_1["default"].createElement("div", { className: 'pt-4' }, dataTabs && ((
|
|
45
|
+
react_1["default"].createElement("div", { className: 'pt-4' }, dataTabs && ((_c = dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.find(function (tab) { return tab.name === current; })) === null || _c === void 0 ? void 0 : _c.component))));
|
|
23
46
|
};
|
|
24
47
|
return (react_1["default"].createElement("div", { className: className }, type === 'inside-of-card' ? (react_1["default"].createElement(Card_1.PHXCard, null,
|
|
25
48
|
react_1["default"].createElement(Tabs, null))) : (react_1["default"].createElement(Tabs, null))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;AAAA,qCAAsC;AACtC,
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,16 @@ export interface TabsProps {
|
|
|
4
4
|
name: string;
|
|
5
5
|
component: any;
|
|
6
6
|
}>;
|
|
7
|
+
dataTabsQuery?: Array<{
|
|
8
|
+
name: string;
|
|
9
|
+
query: any;
|
|
10
|
+
querySearch?: any;
|
|
11
|
+
}>;
|
|
12
|
+
children?: any;
|
|
7
13
|
type: 'inside-of-card' | 'default';
|
|
8
14
|
className?: string;
|
|
15
|
+
getQuery?: any;
|
|
16
|
+
getQuerySearch?: any;
|
|
17
|
+
filterValue?: any;
|
|
9
18
|
}
|
|
10
|
-
export declare function PHXTabs({ dataTabs, type,
|
|
19
|
+
export declare function PHXTabs({ children, className, dataTabs, dataTabsQuery, getQuery, getQuerySearch, type, filterValue, }: TabsProps): JSX.Element;
|
|
@@ -1,21 +1,44 @@
|
|
|
1
1
|
import { PHXCard } from '../Card/Card';
|
|
2
|
-
import React, { useState } from 'react';
|
|
2
|
+
import React, { useEffect, useState } from 'react';
|
|
3
3
|
import { classNames } from '../types';
|
|
4
4
|
export function PHXTabs(_a) {
|
|
5
|
-
var dataTabs = _a.dataTabs, _b = _a.type, type = _b === void 0 ? 'default' : _b,
|
|
6
|
-
var defaultActive = dataTabs ? dataTabs[0].name : null;
|
|
5
|
+
var children = _a.children, className = _a.className, dataTabs = _a.dataTabs, dataTabsQuery = _a.dataTabsQuery, getQuery = _a.getQuery, getQuerySearch = _a.getQuerySearch, _b = _a.type, type = _b === void 0 ? 'default' : _b, filterValue = _a.filterValue;
|
|
6
|
+
var defaultActive = dataTabs ? dataTabs[0].name : dataTabsQuery ? dataTabsQuery[0].name : null;
|
|
7
7
|
var _c = useState(defaultActive), current = _c[0], setCurrent = _c[1];
|
|
8
|
-
var
|
|
8
|
+
var handleChangeTabsQuery = function (eventValue) {
|
|
9
|
+
var _a, _b;
|
|
10
|
+
setCurrent(eventValue);
|
|
11
|
+
if (dataTabsQuery) {
|
|
12
|
+
getQuery((_a = dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.find(function (tab) { return tab.name === eventValue; })) === null || _a === void 0 ? void 0 : _a.query);
|
|
13
|
+
getQuerySearch((_b = dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.find(function (tab) { return tab.name === eventValue; })) === null || _b === void 0 ? void 0 : _b.querySearch);
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
useEffect(function () {
|
|
9
17
|
var _a, _b;
|
|
10
|
-
|
|
18
|
+
if (dataTabsQuery && filterValue) {
|
|
19
|
+
getQuery((_a = dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.find(function (tab) { return tab.name === current; })) === null || _a === void 0 ? void 0 : _a.query);
|
|
20
|
+
getQuerySearch((_b = dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.find(function (tab) { return tab.name === current; })) === null || _b === void 0 ? void 0 : _b.querySearch);
|
|
21
|
+
}
|
|
22
|
+
}, [filterValue]);
|
|
23
|
+
var Tabs = function () {
|
|
24
|
+
var _a, _b, _c;
|
|
25
|
+
return dataTabsQuery ? (React.createElement("div", { className: 'mb-4' },
|
|
26
|
+
React.createElement("div", { className: 'sm:hidden' },
|
|
27
|
+
React.createElement("label", { className: 'sr-only', htmlFor: 'tabs' }, "Select a tab"),
|
|
28
|
+
React.createElement("select", { className: 'block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm', defaultValue: (_a = dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.find(function (tab) { return tab.name === current; })) === null || _a === void 0 ? void 0 : _a.name, id: 'tabs', name: 'tabs', onChange: function (e) { return handleChangeTabsQuery(e.target.value); } }, dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.map(function (tab) { return (React.createElement("option", { key: tab.name, value: tab.name }, tab.name)); }))),
|
|
29
|
+
React.createElement("div", { className: 'hidden sm:block' },
|
|
30
|
+
React.createElement("nav", { "aria-label": 'Tabs', className: 'flex space-x-1' }, dataTabsQuery === null || dataTabsQuery === void 0 ? void 0 : dataTabsQuery.map(function (tab) { return (React.createElement("button", { key: tab.name,
|
|
31
|
+
// aria-current={tab.code === parentCode ? 'page' : undefined}
|
|
32
|
+
className: classNames(tab.name === current ? 'bg-gray-200 text-gray-800' : 'text-gray-600 hover:bg-gray-200', 'rounded-lg px-3 py-1.5 text-xs font-normal leading-4'), onClick: function () { return handleChangeTabsQuery(tab.name); }, type: 'button' }, tab.name)); }))),
|
|
33
|
+
children)) : (React.createElement("div", { className: 'mb-4' },
|
|
11
34
|
React.createElement("div", { className: 'sm:hidden' },
|
|
12
35
|
React.createElement("label", { className: 'sr-only', htmlFor: 'tabs' }, "Select a tab"),
|
|
13
|
-
React.createElement("select", { className: 'block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm', defaultValue: (
|
|
36
|
+
React.createElement("select", { className: 'block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm', defaultValue: (_b = dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.find(function (tab) { return tab.name === current; })) === null || _b === void 0 ? void 0 : _b.name, id: 'tabs', name: 'tabs', onChange: function (e) { return setCurrent(e.target.value); } }, dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.map(function (tab) { return (React.createElement("option", { key: tab.name, value: tab.name }, tab.name)); }))),
|
|
14
37
|
React.createElement("div", { className: 'hidden sm:block' },
|
|
15
38
|
React.createElement("nav", { "aria-label": 'Tabs', className: 'flex space-x-1' }, dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.map(function (tab) { return (React.createElement("button", { key: tab.name,
|
|
16
39
|
// aria-current={tab.code === parentCode ? 'page' : undefined}
|
|
17
40
|
className: classNames(tab.name === current ? 'bg-gray-200 text-gray-800' : 'text-gray-600 hover:bg-gray-200', 'rounded-lg px-3 py-1.5 text-xs font-normal leading-4'), onClick: function () { return setCurrent(tab.name); }, type: 'button' }, tab.name)); }))),
|
|
18
|
-
React.createElement("div", { className: 'pt-4' }, dataTabs && ((
|
|
41
|
+
React.createElement("div", { className: 'pt-4' }, dataTabs && ((_c = dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.find(function (tab) { return tab.name === current; })) === null || _c === void 0 ? void 0 : _c.component))));
|
|
19
42
|
};
|
|
20
43
|
return (React.createElement("div", { className: className }, type === 'inside-of-card' ? (React.createElement(PHXCard, null,
|
|
21
44
|
React.createElement(Tabs, null))) : (React.createElement(Tabs, null))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}
|