phx-react 1.3.974 → 1.3.975
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/SortItem/SortItem.d.ts +12 -0
- package/dist/cjs/components/{PHXSortItem/PHXSortItem.js → SortItem/SortItem.js} +9 -9
- package/dist/cjs/components/SortItem/SortItem.js.map +1 -0
- package/dist/cjs/components/Sortable/Sortable.d.ts +22 -0
- package/dist/cjs/components/Sortable/Sortable.js +15 -0
- package/dist/cjs/components/Sortable/Sortable.js.map +1 -0
- package/dist/cjs/index.d.ts +3 -2
- package/dist/cjs/index.js +5 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/SortItem/SortItem.d.ts +12 -0
- package/dist/esm/components/{PHXSortItem/PHXSortItem.js → SortItem/SortItem.js} +8 -7
- package/dist/esm/components/SortItem/SortItem.js.map +1 -0
- package/dist/esm/components/Sortable/Sortable.d.ts +22 -0
- package/dist/esm/components/Sortable/Sortable.js +11 -0
- package/dist/esm/components/Sortable/Sortable.js.map +1 -0
- package/dist/esm/index.d.ts +3 -2
- package/dist/esm/index.js +3 -2
- package/dist/esm/index.js.map +1 -1
- package/package.json +4 -2
- package/dist/cjs/components/PHXSortItem/PHXSortItem.d.ts +0 -12
- package/dist/cjs/components/PHXSortItem/PHXSortItem.js.map +0 -1
- package/dist/esm/components/PHXSortItem/PHXSortItem.d.ts +0 -12
- package/dist/esm/components/PHXSortItem/PHXSortItem.js.map +0 -1
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { OptionItem } from '../Dropdown';
|
|
3
|
+
export interface ISortItem {
|
|
4
|
+
title: string;
|
|
5
|
+
subTitle?: string | React.ReactNode;
|
|
6
|
+
content?: string;
|
|
7
|
+
enableBorder?: boolean;
|
|
8
|
+
actions?: OptionItem[];
|
|
9
|
+
className?: string;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export default function SortItem({ children, title, subTitle, content, actions, enableBorder, className, }: ISortItem): React.JSX.Element;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
exports.__esModule = true;
|
|
3
|
-
exports.PHXSortItem = void 0;
|
|
4
3
|
var tslib_1 = require("tslib");
|
|
5
4
|
var image_1 = tslib_1.__importDefault(require("next/image"));
|
|
6
5
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
7
|
-
var Dropdown_1 = require("../Dropdown");
|
|
8
6
|
var icon_1 = require("../../assets/icon");
|
|
9
|
-
var
|
|
10
|
-
|
|
7
|
+
var Dropdown_1 = require("../Dropdown");
|
|
8
|
+
var types_1 = require("../types");
|
|
9
|
+
function SortItem(_a) {
|
|
10
|
+
var children = _a.children, title = _a.title, subTitle = _a.subTitle, content = _a.content, actions = _a.actions, _b = _a.enableBorder, enableBorder = _b === void 0 ? false : _b, className = _a.className;
|
|
11
11
|
var border = 'shadow-xs rounded-lg bg-white border border-gray-200';
|
|
12
|
-
return (react_1["default"].createElement("div", { className:
|
|
12
|
+
return (react_1["default"].createElement("div", { className: (0, types_1.classNames)(enableBorder ? border : '', className) },
|
|
13
13
|
react_1["default"].createElement("div", { className: 'flex flex-col p-4 justify-center' },
|
|
14
14
|
react_1["default"].createElement("div", { className: 'flex justify-between ' },
|
|
15
15
|
react_1["default"].createElement("div", { className: 'flex items-center gap-2' },
|
|
16
|
-
react_1["default"].createElement("div", { className:
|
|
16
|
+
react_1["default"].createElement("div", { className: 'w-5 h-5 cursor-move drag-item' },
|
|
17
17
|
react_1["default"].createElement(image_1["default"], { src: icon_1.PHXIcons.DRAG, alt: 'drag', width: 20, height: 20 })),
|
|
18
18
|
react_1["default"].createElement("div", { className: 'flex items-center gap-2' },
|
|
19
19
|
typeof title === 'string' ? (react_1["default"].createElement("div", { className: 'text-sm text-gray-800 leading-5 font-semibold' }, title)) : (title),
|
|
@@ -23,6 +23,6 @@ var PHXSortItem = function (_a) {
|
|
|
23
23
|
!!content &&
|
|
24
24
|
(typeof content === 'string' ? react_1["default"].createElement("div", { className: 'mt-2 text-sm ml-7 text-gray-600' }, content) : content)),
|
|
25
25
|
children));
|
|
26
|
-
}
|
|
27
|
-
exports
|
|
28
|
-
//# sourceMappingURL=
|
|
26
|
+
}
|
|
27
|
+
exports["default"] = SortItem;
|
|
28
|
+
//# sourceMappingURL=SortItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SortItem.js","sourceRoot":"","sources":["../../../../src/components/SortItem/SortItem.tsx"],"names":[],"mappings":";;;AAAA,6DAA8B;AAC9B,wDAAyB;AACzB,0CAA4C;AAC5C,wCAAqD;AACrD,kCAAqC;AAYrC,SAAwB,QAAQ,CAAC,EAQrB;QAPV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,SAAS,eAAA;IAET,IAAM,MAAM,GAAG,sDAAsD,CAAA;IACrE,OAAO,CACL,0CAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC;QAC/D,0CAAK,SAAS,EAAC,kCAAkC;YAC/C,0CAAK,SAAS,EAAC,uBAAuB;gBACpC,0CAAK,SAAS,EAAC,yBAAyB;oBACtC,0CAAK,SAAS,EAAE,+BAA+B;wBAC7C,iCAAC,kBAAK,IAAC,GAAG,EAAE,eAAQ,CAAC,IAAI,EAAE,GAAG,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CAC3D;oBACN,0CAAK,SAAS,EAAC,yBAAyB;wBACrC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,0CAAK,SAAS,EAAC,+CAA+C,IAAE,KAAK,CAAO,CAC7E,CAAC,CAAC,CAAC,CACF,KAAK,CACN;wBACA,CAAC,CAAC,QAAQ,IAAI,QAAQ,CACnB,CACF;gBACN,0CAAK,SAAS,EAAC,yBAAyB;oBACtC,iCAAC,sBAAW,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,eAAe,GAAG,CAClD,CACF;YACL,CAAC,CAAC,OAAO;gBACR,CAAC,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,iCAAiC,IAAE,OAAO,CAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CACxG;QACL,QAAQ,CACL,CACP,CAAA;AACH,CAAC;AArCD,8BAqCC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ItemInterface } from 'react-sortablejs';
|
|
3
|
+
import './style.css';
|
|
4
|
+
export interface ISortGroupProps<T extends ItemInterface> {
|
|
5
|
+
id: number | string;
|
|
6
|
+
/**
|
|
7
|
+
* mảng các item trong group
|
|
8
|
+
*/
|
|
9
|
+
list: T[];
|
|
10
|
+
/**
|
|
11
|
+
* những item cùng group sẽ có thể drag lên nhau
|
|
12
|
+
*/
|
|
13
|
+
group?: string;
|
|
14
|
+
enableBorder?: boolean;
|
|
15
|
+
renderItem: (item: T, index: number) => React.ReactNode;
|
|
16
|
+
/**
|
|
17
|
+
* @param id id của group
|
|
18
|
+
* @param group mảng các item trong group
|
|
19
|
+
*/
|
|
20
|
+
setList: (id: number | string, group: T[]) => void;
|
|
21
|
+
}
|
|
22
|
+
export default function Sortable<T extends ItemInterface>({ id, list, group, enableBorder, renderItem, setList, }: ISortGroupProps<T>): React.JSX.Element;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
|
+
var react_sortablejs_1 = require("react-sortablejs");
|
|
6
|
+
require("./style.css");
|
|
7
|
+
function Sortable(_a) {
|
|
8
|
+
var id = _a.id, list = _a.list, group = _a.group, _b = _a.enableBorder, enableBorder = _b === void 0 ? false : _b, renderItem = _a.renderItem, setList = _a.setList;
|
|
9
|
+
return (react_1["default"].createElement("div", { className: enableBorder ? 'shadow-xs rounded-lg bg-white border border-gray-200' : '' },
|
|
10
|
+
react_1["default"].createElement(react_sortablejs_1.ReactSortable, { list: list, setList: function (val) {
|
|
11
|
+
setList(id, val);
|
|
12
|
+
}, group: group, animation: 150, fallbackOnBody: true, handle: '.drag-item', swapThreshold: 0.65, chosenClass: 'item-chosen', ghostClass: 'item-ghost', dragClass: 'item-drag' }, list.map(function (item, index) { return (react_1["default"].createElement("div", { key: item.id }, renderItem(item, index))); }))));
|
|
13
|
+
}
|
|
14
|
+
exports["default"] = Sortable;
|
|
15
|
+
//# sourceMappingURL=Sortable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sortable.js","sourceRoot":"","sources":["../../../../src/components/Sortable/Sortable.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,qDAA+D;AAC/D,uBAAoB;AAqBpB,SAAwB,QAAQ,CAA0B,EAOrC;QANnB,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,UAAU,gBAAA,EACV,OAAO,aAAA;IAEP,OAAO,CACL,0CAAK,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC,CAAC,EAAE;QACxF,iCAAC,gCAAa,IACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,UAAC,GAAG;gBACX,OAAO,CAAC,EAAE,EAAE,GAAG,CAAC,CAAA;YAClB,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,GAAG,EACd,cAAc,EAAE,IAAI,EACpB,MAAM,EAAC,YAAY,EACnB,aAAa,EAAE,IAAI,EACnB,WAAW,EAAC,aAAa,EACzB,UAAU,EAAC,YAAY,EACvB,SAAS,EAAC,WAAW,IAEpB,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACzB,0CAAK,GAAG,EAAE,IAAI,CAAC,EAAE,IAAG,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAO,CACnD,EAF0B,CAE1B,CAAC,CACY,CACZ,CACP,CAAA;AACH,CAAC;AA9BD,8BA8BC"}
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -79,5 +79,6 @@ import PHXStoreProduct from './components/StoreProduct/StoreProduct';
|
|
|
79
79
|
import PHXGetToken from './components/Func/getToken';
|
|
80
80
|
import PHXToggle from './components/PHXToggle/Toggle';
|
|
81
81
|
import { PHXColSpan } from './components/ColSpan';
|
|
82
|
-
import
|
|
83
|
-
|
|
82
|
+
import PHXSortItem from './components/SortItem/SortItem';
|
|
83
|
+
import PHXSortable from './components/Sortable/Sortable';
|
|
84
|
+
export { PHXStoreProduct, PHXButton, PHXCard, PHXSpinner, PHXFormWrap, PHXHeaderBar, PHXTableV3, PHXInput, PHXSelect, PHXSelectBox, PHXRadio, PHXCheckbox, PHXCheckboxGroup, PHXContainer, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQueryV3, PHXClientMutationV3, PHXClientMutationDataCenterV3, PHXClientQueryDataCenterV3, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLoginV3, PHXLoginSsoV3, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXUploadFile, PHXSearchResultListV3, PHXDatePicker, PHXEmptyRecord, PHXTimePicker, PHXDropdown, PHXUploadAvatar, PHXDateRangePicker, PHXUseDebounce, PHXResourceList, PHXFetchAPI, PieChart, BarChart, DonutChart, PHXTooltip, PHXGetActiveYearAndNextYearV3, PHXGetPrevCurrentNextYearV3, PHXGetCurrentYearWithTermHocVuV3, PHXGetCurrentYearWithTermV3, PHXFormTuitionV3, PHXMainWrapV3, PHXPagePermissionV3, PHXGetEnvPublicV3, PHXFuncGetActionPermissionV3, PHXUseQueryDataV3, PHXCalendar, PHXLoadingProvider, useLoading, PHXLoadingIndicator, PHXLink, PHXSwitchView, PHXTableVertical, PHXEmptyStateAction, PHXActivityHistory, PHXBannerWithCard, PHXUrlApply, PHXGetSelectedFilterValueFromUrl, PHXCardDetail, PHXGridLayout, PHXColumn, PHXRow, PHXStepCircle, PHXTableStatic, PHXGetToken, PHXToggle, PHXColSpan, PHXSortItem, PHXSortable, };
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
exports.__esModule = true;
|
|
3
3
|
exports.DonutChart = exports.BarChart = exports.PieChart = exports.PHXFetchAPI = exports.PHXResourceList = exports.PHXUseDebounce = exports.PHXDateRangePicker = exports.PHXUploadAvatar = exports.PHXDropdown = exports.PHXTimePicker = exports.PHXEmptyRecord = exports.PHXDatePicker = exports.PHXSearchResultListV3 = exports.PHXUploadFile = exports.PHXHorizontalStack = exports.PHXFormLayout = exports.PHXCombobox = exports.PHXButtonGroup = exports.PHXBanner = exports.PHXLoginSsoV3 = exports.PHXLoginV3 = exports.PHXBadge = exports.PHXDescriptionLists = exports.PHXChoiceList = exports.PHXTabs = exports.PHXModal = exports.PHXTextarea = exports.PHXClientQueryDataCenterV3 = exports.PHXClientMutationDataCenterV3 = exports.PHXClientMutationV3 = exports.PHXClientQueryV3 = exports.PHXFuncGetLoggedInfo = exports.PHXSkeleton = exports.PHXStep = exports.PHXNotifications = exports.PHXFormStep = exports.PHXContainer = exports.PHXCheckboxGroup = exports.PHXCheckbox = exports.PHXRadio = exports.PHXSelectBox = exports.PHXSelect = exports.PHXInput = exports.PHXTableV3 = exports.PHXHeaderBar = exports.PHXFormWrap = exports.PHXSpinner = exports.PHXCard = exports.PHXButton = exports.PHXStoreProduct = void 0;
|
|
4
|
-
exports.PHXSortItem = exports.PHXColSpan = exports.PHXToggle = exports.PHXGetToken = exports.PHXTableStatic = exports.PHXStepCircle = exports.PHXRow = exports.PHXColumn = exports.PHXGridLayout = exports.PHXCardDetail = exports.PHXGetSelectedFilterValueFromUrl = exports.PHXUrlApply = exports.PHXBannerWithCard = exports.PHXActivityHistory = exports.PHXEmptyStateAction = exports.PHXTableVertical = exports.PHXSwitchView = exports.PHXLink = exports.PHXLoadingIndicator = exports.useLoading = exports.PHXLoadingProvider = exports.PHXCalendar = exports.PHXUseQueryDataV3 = exports.PHXFuncGetActionPermissionV3 = exports.PHXGetEnvPublicV3 = exports.PHXPagePermissionV3 = exports.PHXMainWrapV3 = exports.PHXFormTuitionV3 = exports.PHXGetCurrentYearWithTermV3 = exports.PHXGetCurrentYearWithTermHocVuV3 = exports.PHXGetPrevCurrentNextYearV3 = exports.PHXGetActiveYearAndNextYearV3 = exports.PHXTooltip = void 0;
|
|
4
|
+
exports.PHXSortable = exports.PHXSortItem = exports.PHXColSpan = exports.PHXToggle = exports.PHXGetToken = exports.PHXTableStatic = exports.PHXStepCircle = exports.PHXRow = exports.PHXColumn = exports.PHXGridLayout = exports.PHXCardDetail = exports.PHXGetSelectedFilterValueFromUrl = exports.PHXUrlApply = exports.PHXBannerWithCard = exports.PHXActivityHistory = exports.PHXEmptyStateAction = exports.PHXTableVertical = exports.PHXSwitchView = exports.PHXLink = exports.PHXLoadingIndicator = exports.useLoading = exports.PHXLoadingProvider = exports.PHXCalendar = exports.PHXUseQueryDataV3 = exports.PHXFuncGetActionPermissionV3 = exports.PHXGetEnvPublicV3 = exports.PHXPagePermissionV3 = exports.PHXMainWrapV3 = exports.PHXFormTuitionV3 = exports.PHXGetCurrentYearWithTermV3 = exports.PHXGetCurrentYearWithTermHocVuV3 = exports.PHXGetPrevCurrentNextYearV3 = exports.PHXGetActiveYearAndNextYearV3 = exports.PHXTooltip = void 0;
|
|
5
5
|
var tslib_1 = require("tslib");
|
|
6
6
|
var BannerWithCard_1 = require("./components/BannerWithCard/BannerWithCard");
|
|
7
7
|
exports.PHXBannerWithCard = BannerWithCard_1.PHXBannerWithCard;
|
|
@@ -166,6 +166,8 @@ var Toggle_1 = tslib_1.__importDefault(require("./components/PHXToggle/Toggle"))
|
|
|
166
166
|
exports.PHXToggle = Toggle_1["default"];
|
|
167
167
|
var ColSpan_1 = require("./components/ColSpan");
|
|
168
168
|
exports.PHXColSpan = ColSpan_1.PHXColSpan;
|
|
169
|
-
var
|
|
170
|
-
exports.PHXSortItem =
|
|
169
|
+
var SortItem_1 = tslib_1.__importDefault(require("./components/SortItem/SortItem"));
|
|
170
|
+
exports.PHXSortItem = SortItem_1["default"];
|
|
171
|
+
var Sortable_1 = tslib_1.__importDefault(require("./components/Sortable/Sortable"));
|
|
172
|
+
exports.PHXSortable = Sortable_1["default"];
|
|
171
173
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;AAAA,6EAA8E;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { OptionItem } from '../Dropdown';
|
|
3
|
+
export interface ISortItem {
|
|
4
|
+
title: string;
|
|
5
|
+
subTitle?: string | React.ReactNode;
|
|
6
|
+
content?: string;
|
|
7
|
+
enableBorder?: boolean;
|
|
8
|
+
actions?: OptionItem[];
|
|
9
|
+
className?: string;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export default function SortItem({ children, title, subTitle, content, actions, enableBorder, className, }: ISortItem): React.JSX.Element;
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import Image from 'next/image';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { PHXDropdown } from '../Dropdown';
|
|
4
3
|
import { PHXIcons } from '../../assets/icon';
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
import { PHXDropdown } from '../Dropdown';
|
|
5
|
+
import { classNames } from '../types';
|
|
6
|
+
export default function SortItem(_a) {
|
|
7
|
+
var children = _a.children, title = _a.title, subTitle = _a.subTitle, content = _a.content, actions = _a.actions, _b = _a.enableBorder, enableBorder = _b === void 0 ? false : _b, className = _a.className;
|
|
7
8
|
var border = 'shadow-xs rounded-lg bg-white border border-gray-200';
|
|
8
|
-
return (React.createElement("div", { className:
|
|
9
|
+
return (React.createElement("div", { className: classNames(enableBorder ? border : '', className) },
|
|
9
10
|
React.createElement("div", { className: 'flex flex-col p-4 justify-center' },
|
|
10
11
|
React.createElement("div", { className: 'flex justify-between ' },
|
|
11
12
|
React.createElement("div", { className: 'flex items-center gap-2' },
|
|
12
|
-
React.createElement("div", { className:
|
|
13
|
+
React.createElement("div", { className: 'w-5 h-5 cursor-move drag-item' },
|
|
13
14
|
React.createElement(Image, { src: PHXIcons.DRAG, alt: 'drag', width: 20, height: 20 })),
|
|
14
15
|
React.createElement("div", { className: 'flex items-center gap-2' },
|
|
15
16
|
typeof title === 'string' ? (React.createElement("div", { className: 'text-sm text-gray-800 leading-5 font-semibold' }, title)) : (title),
|
|
@@ -19,5 +20,5 @@ export var PHXSortItem = function (_a) {
|
|
|
19
20
|
!!content &&
|
|
20
21
|
(typeof content === 'string' ? React.createElement("div", { className: 'mt-2 text-sm ml-7 text-gray-600' }, content) : content)),
|
|
21
22
|
children));
|
|
22
|
-
}
|
|
23
|
-
//# sourceMappingURL=
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=SortItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SortItem.js","sourceRoot":"","sources":["../../../../src/components/SortItem/SortItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,YAAY,CAAA;AAC9B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAc,WAAW,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAYrC,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAQrB;QAPV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,SAAS,eAAA;IAET,IAAM,MAAM,GAAG,sDAAsD,CAAA;IACrE,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC;QAC/D,6BAAK,SAAS,EAAC,kCAAkC;YAC/C,6BAAK,SAAS,EAAC,uBAAuB;gBACpC,6BAAK,SAAS,EAAC,yBAAyB;oBACtC,6BAAK,SAAS,EAAE,+BAA+B;wBAC7C,oBAAC,KAAK,IAAC,GAAG,EAAE,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CAC3D;oBACN,6BAAK,SAAS,EAAC,yBAAyB;wBACrC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,6BAAK,SAAS,EAAC,+CAA+C,IAAE,KAAK,CAAO,CAC7E,CAAC,CAAC,CAAC,CACF,KAAK,CACN;wBACA,CAAC,CAAC,QAAQ,IAAI,QAAQ,CACnB,CACF;gBACN,6BAAK,SAAS,EAAC,yBAAyB;oBACtC,oBAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,eAAe,GAAG,CAClD,CACF;YACL,CAAC,CAAC,OAAO;gBACR,CAAC,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,iCAAiC,IAAE,OAAO,CAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CACxG;QACL,QAAQ,CACL,CACP,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ItemInterface } from 'react-sortablejs';
|
|
3
|
+
import './style.css';
|
|
4
|
+
export interface ISortGroupProps<T extends ItemInterface> {
|
|
5
|
+
id: number | string;
|
|
6
|
+
/**
|
|
7
|
+
* mảng các item trong group
|
|
8
|
+
*/
|
|
9
|
+
list: T[];
|
|
10
|
+
/**
|
|
11
|
+
* những item cùng group sẽ có thể drag lên nhau
|
|
12
|
+
*/
|
|
13
|
+
group?: string;
|
|
14
|
+
enableBorder?: boolean;
|
|
15
|
+
renderItem: (item: T, index: number) => React.ReactNode;
|
|
16
|
+
/**
|
|
17
|
+
* @param id id của group
|
|
18
|
+
* @param group mảng các item trong group
|
|
19
|
+
*/
|
|
20
|
+
setList: (id: number | string, group: T[]) => void;
|
|
21
|
+
}
|
|
22
|
+
export default function Sortable<T extends ItemInterface>({ id, list, group, enableBorder, renderItem, setList, }: ISortGroupProps<T>): React.JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ReactSortable } from 'react-sortablejs';
|
|
3
|
+
import './style.css';
|
|
4
|
+
export default function Sortable(_a) {
|
|
5
|
+
var id = _a.id, list = _a.list, group = _a.group, _b = _a.enableBorder, enableBorder = _b === void 0 ? false : _b, renderItem = _a.renderItem, setList = _a.setList;
|
|
6
|
+
return (React.createElement("div", { className: enableBorder ? 'shadow-xs rounded-lg bg-white border border-gray-200' : '' },
|
|
7
|
+
React.createElement(ReactSortable, { list: list, setList: function (val) {
|
|
8
|
+
setList(id, val);
|
|
9
|
+
}, group: group, animation: 150, fallbackOnBody: true, handle: '.drag-item', swapThreshold: 0.65, chosenClass: 'item-chosen', ghostClass: 'item-ghost', dragClass: 'item-drag' }, list.map(function (item, index) { return (React.createElement("div", { key: item.id }, renderItem(item, index))); }))));
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=Sortable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sortable.js","sourceRoot":"","sources":["../../../../src/components/Sortable/Sortable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAiB,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,aAAa,CAAA;AAqBpB,MAAM,CAAC,OAAO,UAAU,QAAQ,CAA0B,EAOrC;QANnB,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,UAAU,gBAAA,EACV,OAAO,aAAA;IAEP,OAAO,CACL,6BAAK,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC,CAAC,EAAE;QACxF,oBAAC,aAAa,IACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,UAAC,GAAG;gBACX,OAAO,CAAC,EAAE,EAAE,GAAG,CAAC,CAAA;YAClB,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,GAAG,EACd,cAAc,EAAE,IAAI,EACpB,MAAM,EAAC,YAAY,EACnB,aAAa,EAAE,IAAI,EACnB,WAAW,EAAC,aAAa,EACzB,UAAU,EAAC,YAAY,EACvB,SAAS,EAAC,WAAW,IAEpB,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACzB,6BAAK,GAAG,EAAE,IAAI,CAAC,EAAE,IAAG,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAO,CACnD,EAF0B,CAE1B,CAAC,CACY,CACZ,CACP,CAAA;AACH,CAAC"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -79,5 +79,6 @@ import PHXStoreProduct from './components/StoreProduct/StoreProduct';
|
|
|
79
79
|
import PHXGetToken from './components/Func/getToken';
|
|
80
80
|
import PHXToggle from './components/PHXToggle/Toggle';
|
|
81
81
|
import { PHXColSpan } from './components/ColSpan';
|
|
82
|
-
import
|
|
83
|
-
|
|
82
|
+
import PHXSortItem from './components/SortItem/SortItem';
|
|
83
|
+
import PHXSortable from './components/Sortable/Sortable';
|
|
84
|
+
export { PHXStoreProduct, PHXButton, PHXCard, PHXSpinner, PHXFormWrap, PHXHeaderBar, PHXTableV3, PHXInput, PHXSelect, PHXSelectBox, PHXRadio, PHXCheckbox, PHXCheckboxGroup, PHXContainer, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQueryV3, PHXClientMutationV3, PHXClientMutationDataCenterV3, PHXClientQueryDataCenterV3, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLoginV3, PHXLoginSsoV3, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXUploadFile, PHXSearchResultListV3, PHXDatePicker, PHXEmptyRecord, PHXTimePicker, PHXDropdown, PHXUploadAvatar, PHXDateRangePicker, PHXUseDebounce, PHXResourceList, PHXFetchAPI, PieChart, BarChart, DonutChart, PHXTooltip, PHXGetActiveYearAndNextYearV3, PHXGetPrevCurrentNextYearV3, PHXGetCurrentYearWithTermHocVuV3, PHXGetCurrentYearWithTermV3, PHXFormTuitionV3, PHXMainWrapV3, PHXPagePermissionV3, PHXGetEnvPublicV3, PHXFuncGetActionPermissionV3, PHXUseQueryDataV3, PHXCalendar, PHXLoadingProvider, useLoading, PHXLoadingIndicator, PHXLink, PHXSwitchView, PHXTableVertical, PHXEmptyStateAction, PHXActivityHistory, PHXBannerWithCard, PHXUrlApply, PHXGetSelectedFilterValueFromUrl, PHXCardDetail, PHXGridLayout, PHXColumn, PHXRow, PHXStepCircle, PHXTableStatic, PHXGetToken, PHXToggle, PHXColSpan, PHXSortItem, PHXSortable, };
|
package/dist/esm/index.js
CHANGED
|
@@ -79,6 +79,7 @@ import PHXStoreProduct from './components/StoreProduct/StoreProduct';
|
|
|
79
79
|
import PHXGetToken from './components/Func/getToken';
|
|
80
80
|
import PHXToggle from './components/PHXToggle/Toggle';
|
|
81
81
|
import { PHXColSpan } from './components/ColSpan';
|
|
82
|
-
import
|
|
83
|
-
|
|
82
|
+
import PHXSortItem from './components/SortItem/SortItem';
|
|
83
|
+
import PHXSortable from './components/Sortable/Sortable';
|
|
84
|
+
export { PHXStoreProduct, PHXButton, PHXCard, PHXSpinner, PHXFormWrap, PHXHeaderBar, PHXTableV3, PHXInput, PHXSelect, PHXSelectBox, PHXRadio, PHXCheckbox, PHXCheckboxGroup, PHXContainer, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQueryV3, PHXClientMutationV3, PHXClientMutationDataCenterV3, PHXClientQueryDataCenterV3, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLoginV3, PHXLoginSsoV3, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXUploadFile, PHXSearchResultListV3, PHXDatePicker, PHXEmptyRecord, PHXTimePicker, PHXDropdown, PHXUploadAvatar, PHXDateRangePicker, PHXUseDebounce, PHXResourceList, PHXFetchAPI, PieChart, BarChart, DonutChart, PHXTooltip, PHXGetActiveYearAndNextYearV3, PHXGetPrevCurrentNextYearV3, PHXGetCurrentYearWithTermHocVuV3, PHXGetCurrentYearWithTermV3, PHXFormTuitionV3, PHXMainWrapV3, PHXPagePermissionV3, PHXGetEnvPublicV3, PHXFuncGetActionPermissionV3, PHXUseQueryDataV3, PHXCalendar, PHXLoadingProvider, useLoading, PHXLoadingIndicator, PHXLink, PHXSwitchView, PHXTableVertical, PHXEmptyStateAction, PHXActivityHistory, PHXBannerWithCard, PHXUrlApply, PHXGetSelectedFilterValueFromUrl, PHXCardDetail, PHXGridLayout, PHXColumn, PHXRow, PHXStepCircle, PHXTableStatic, PHXGetToken, PHXToggle, PHXColSpan, PHXSortItem, PHXSortable, };
|
|
84
85
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "phx-react",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.975",
|
|
4
4
|
"description": "PHX REACT",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
@@ -100,7 +100,9 @@
|
|
|
100
100
|
"axios": "^1.5.0",
|
|
101
101
|
"crypto-js": "^4.2.0",
|
|
102
102
|
"date-fns": "^2.30.0",
|
|
103
|
-
"
|
|
103
|
+
"react-sortablejs": "^6.1.4",
|
|
104
|
+
"recharts": "^2.12.7",
|
|
105
|
+
"sortablejs": "^1.15.6"
|
|
104
106
|
},
|
|
105
107
|
"resolutions": {
|
|
106
108
|
"@types/mime": "3.0.4",
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { OptionItem } from '../Dropdown';
|
|
3
|
-
export interface IPHXSortItem {
|
|
4
|
-
title: string | React.ReactNode;
|
|
5
|
-
subTitle?: React.ReactNode;
|
|
6
|
-
id: number;
|
|
7
|
-
type?: 'item' | 'container';
|
|
8
|
-
actions: OptionItem[];
|
|
9
|
-
content?: string | React.ReactNode;
|
|
10
|
-
children?: React.ReactNode;
|
|
11
|
-
}
|
|
12
|
-
export declare const PHXSortItem: ({ title, actions, content, subTitle, type, children }: IPHXSortItem) => React.JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PHXSortItem.js","sourceRoot":"","sources":["../../../../src/components/PHXSortItem/PHXSortItem.tsx"],"names":[],"mappings":";;;;AAAA,6DAA8B;AAC9B,wDAAyB;AACzB,wCAAqD;AACrD,0CAA4C;AAWrC,IAAM,WAAW,GAAG,UAAC,EAA4E;QAA1E,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EAAE,QAAQ,cAAA;IACtF,IAAM,MAAM,GAAG,sDAAsD,CAAA;IACrE,OAAO,CACL,0CAAK,SAAS,EAAE,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;QAChD,0CAAK,SAAS,EAAC,kCAAkC;YAC/C,0CAAK,SAAS,EAAC,uBAAuB;gBACpC,0CAAK,SAAS,EAAC,yBAAyB;oBACtC,0CAAK,SAAS,EAAE,mCAA4B,IAAI,CAAE;wBAChD,iCAAC,kBAAK,IAAC,GAAG,EAAE,eAAQ,CAAC,IAAI,EAAE,GAAG,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CAC3D;oBACN,0CAAK,SAAS,EAAC,yBAAyB;wBACrC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,0CAAK,SAAS,EAAC,+CAA+C,IAAE,KAAK,CAAO,CAC7E,CAAC,CAAC,CAAC,CACF,KAAK,CACN;wBACA,CAAC,CAAC,QAAQ,IAAI,QAAQ,CACnB,CACF;gBACN,0CAAK,SAAS,EAAC,yBAAyB;oBACtC,iCAAC,sBAAW,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,eAAe,GAAG,CAClD,CACF;YACL,CAAC,CAAC,OAAO;gBACR,CAAC,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,iCAAiC,IAAE,OAAO,CAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CACxG;QACL,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AA7BY,QAAA,WAAW,eA6BvB"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { OptionItem } from '../Dropdown';
|
|
3
|
-
export interface IPHXSortItem {
|
|
4
|
-
title: string | React.ReactNode;
|
|
5
|
-
subTitle?: React.ReactNode;
|
|
6
|
-
id: number;
|
|
7
|
-
type?: 'item' | 'container';
|
|
8
|
-
actions: OptionItem[];
|
|
9
|
-
content?: string | React.ReactNode;
|
|
10
|
-
children?: React.ReactNode;
|
|
11
|
-
}
|
|
12
|
-
export declare const PHXSortItem: ({ title, actions, content, subTitle, type, children }: IPHXSortItem) => React.JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PHXSortItem.js","sourceRoot":"","sources":["../../../../src/components/PHXSortItem/PHXSortItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,YAAY,CAAA;AAC9B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAc,WAAW,EAAE,MAAM,aAAa,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAW5C,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAA4E;QAA1E,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EAAE,QAAQ,cAAA;IACtF,IAAM,MAAM,GAAG,sDAAsD,CAAA;IACrE,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;QAChD,6BAAK,SAAS,EAAC,kCAAkC;YAC/C,6BAAK,SAAS,EAAC,uBAAuB;gBACpC,6BAAK,SAAS,EAAC,yBAAyB;oBACtC,6BAAK,SAAS,EAAE,mCAA4B,IAAI,CAAE;wBAChD,oBAAC,KAAK,IAAC,GAAG,EAAE,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CAC3D;oBACN,6BAAK,SAAS,EAAC,yBAAyB;wBACrC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,6BAAK,SAAS,EAAC,+CAA+C,IAAE,KAAK,CAAO,CAC7E,CAAC,CAAC,CAAC,CACF,KAAK,CACN;wBACA,CAAC,CAAC,QAAQ,IAAI,QAAQ,CACnB,CACF;gBACN,6BAAK,SAAS,EAAC,yBAAyB;oBACtC,oBAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,eAAe,GAAG,CAClD,CACF;YACL,CAAC,CAAC,OAAO;gBACR,CAAC,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,iCAAiC,IAAE,OAAO,CAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CACxG;QACL,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA"}
|