phx-react 1.3.967 → 1.3.968
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/assets/drag-icon.svg +8 -0
- package/dist/cjs/assets/icon.d.ts +1 -0
- package/dist/cjs/{components/PHXSortItem/assets → assets}/icon.js +2 -2
- package/dist/cjs/assets/icon.js.map +1 -0
- package/dist/cjs/assets/icon.ts +5 -0
- package/dist/cjs/components/PHXSortItem/PHXSortItem.js +3 -3
- package/dist/cjs/components/PHXSortItem/PHXSortItem.js.map +1 -1
- package/dist/esm/assets/drag-icon.svg +8 -0
- package/dist/esm/assets/icon.d.ts +1 -0
- package/dist/esm/assets/icon.js +5 -0
- package/dist/esm/assets/icon.js.map +1 -0
- package/dist/esm/assets/icon.ts +5 -0
- package/dist/esm/components/PHXSortItem/PHXSortItem.js +3 -3
- package/dist/esm/components/PHXSortItem/PHXSortItem.js.map +1 -1
- package/package.json +2 -2
- package/dist/cjs/components/PHXSortItem/assets/icon.d.ts +0 -1
- package/dist/cjs/components/PHXSortItem/assets/icon.js.map +0 -1
- package/dist/esm/components/PHXSortItem/assets/icon.d.ts +0 -1
- package/dist/esm/components/PHXSortItem/assets/icon.js +0 -5
- package/dist/esm/components/PHXSortItem/assets/icon.js.map +0 -1
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M6.75 3.5C6.19772 3.5 5.75 3.94772 5.75 4.5V5.5C5.75 6.05228 6.19772 6.5 6.75 6.5H7.75C8.30228 6.5 8.75 6.05228 8.75 5.5V4.5C8.75 3.94772 8.30228 3.5 7.75 3.5H6.75Z" fill="#B2B2B2"/>
|
|
3
|
+
<path d="M6.75 8.5C6.19772 8.5 5.75 8.94772 5.75 9.5V10.5C5.75 11.0523 6.19772 11.5 6.75 11.5H7.75C8.30228 11.5 8.75 11.0523 8.75 10.5V9.5C8.75 8.94772 8.30228 8.5 7.75 8.5H6.75Z" fill="#B2B2B2"/>
|
|
4
|
+
<path d="M5.75 14.5C5.75 13.9477 6.19772 13.5 6.75 13.5H7.75C8.30228 13.5 8.75 13.9477 8.75 14.5V15.5C8.75 16.0523 8.30228 16.5 7.75 16.5H6.75C6.19772 16.5 5.75 16.0523 5.75 15.5V14.5Z" fill="#B2B2B2"/>
|
|
5
|
+
<path d="M12.25 3.5C11.6977 3.5 11.25 3.94772 11.25 4.5V5.5C11.25 6.05228 11.6977 6.5 12.25 6.5H13.25C13.8023 6.5 14.25 6.05228 14.25 5.5V4.5C14.25 3.94772 13.8023 3.5 13.25 3.5H12.25Z" fill="#B2B2B2"/>
|
|
6
|
+
<path d="M11.25 9.5C11.25 8.94772 11.6977 8.5 12.25 8.5H13.25C13.8023 8.5 14.25 8.94772 14.25 9.5V10.5C14.25 11.0523 13.8023 11.5 13.25 11.5H12.25C11.6977 11.5 11.25 11.0523 11.25 10.5V9.5Z" fill="#B2B2B2"/>
|
|
7
|
+
<path d="M12.25 13.5C11.6977 13.5 11.25 13.9477 11.25 14.5V15.5C11.25 16.0523 11.6977 16.5 12.25 16.5H13.25C13.8023 16.5 14.25 16.0523 14.25 15.5V14.5C14.25 13.9477 13.8023 13.5 13.25 13.5H12.25Z" fill="#B2B2B2"/>
|
|
8
|
+
</svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const PHXIcons: any;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
exports.__esModule = true;
|
|
3
|
-
exports.
|
|
3
|
+
exports.PHXIcons = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var drag_icon_svg_1 = tslib_1.__importDefault(require("./drag-icon.svg"));
|
|
6
|
-
exports.
|
|
6
|
+
exports.PHXIcons = {
|
|
7
7
|
DRAG: drag_icon_svg_1["default"]
|
|
8
8
|
};
|
|
9
9
|
//# sourceMappingURL=icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/assets/icon.ts"],"names":[],"mappings":";;;;AAAA,0EAAkC;AAErB,QAAA,QAAQ,GAAQ;IAC3B,IAAI,4BAAA;CACL,CAAA"}
|
|
@@ -5,7 +5,7 @@ var tslib_1 = require("tslib");
|
|
|
5
5
|
var image_1 = tslib_1.__importDefault(require("next/image"));
|
|
6
6
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
7
7
|
var Dropdown_1 = require("../Dropdown");
|
|
8
|
-
var icon_1 = require("
|
|
8
|
+
var icon_1 = require("../../assets/icon");
|
|
9
9
|
var PHXSortItem = function (_a) {
|
|
10
10
|
var title = _a.title, actions = _a.actions, content = _a.content, subTitle = _a.subTitle, _b = _a.type, type = _b === void 0 ? 'item' : _b, children = _a.children;
|
|
11
11
|
var border = 'shadow-xs rounded-lg bg-white border border-gray-200';
|
|
@@ -14,14 +14,14 @@ var PHXSortItem = function (_a) {
|
|
|
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
16
|
react_1["default"].createElement("div", { className: "w-5 h-5 cursor-move drag-".concat(type) },
|
|
17
|
-
react_1["default"].createElement(image_1["default"], { src: icon_1.
|
|
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),
|
|
20
20
|
!!subTitle && subTitle)),
|
|
21
21
|
react_1["default"].createElement("div", { className: 'flex items-center gap-2' },
|
|
22
22
|
react_1["default"].createElement(Dropdown_1.PHXDropdown, { options: actions, type: 'ellipsis-icon' }))),
|
|
23
23
|
!!content &&
|
|
24
|
-
(typeof content === 'string' ? react_1["default"].createElement("div", { className: 'mt-2 text-sm text-gray-600' }, content) : content)),
|
|
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
26
|
};
|
|
27
27
|
exports.PHXSortItem = PHXSortItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PHXSortItem.js","sourceRoot":"","sources":["../../../../src/components/PHXSortItem/PHXSortItem.tsx"],"names":[],"mappings":";;;;AAAA,6DAA8B;AAC9B,wDAAyB;AACzB,wCAAqD;AACrD,
|
|
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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M6.75 3.5C6.19772 3.5 5.75 3.94772 5.75 4.5V5.5C5.75 6.05228 6.19772 6.5 6.75 6.5H7.75C8.30228 6.5 8.75 6.05228 8.75 5.5V4.5C8.75 3.94772 8.30228 3.5 7.75 3.5H6.75Z" fill="#B2B2B2"/>
|
|
3
|
+
<path d="M6.75 8.5C6.19772 8.5 5.75 8.94772 5.75 9.5V10.5C5.75 11.0523 6.19772 11.5 6.75 11.5H7.75C8.30228 11.5 8.75 11.0523 8.75 10.5V9.5C8.75 8.94772 8.30228 8.5 7.75 8.5H6.75Z" fill="#B2B2B2"/>
|
|
4
|
+
<path d="M5.75 14.5C5.75 13.9477 6.19772 13.5 6.75 13.5H7.75C8.30228 13.5 8.75 13.9477 8.75 14.5V15.5C8.75 16.0523 8.30228 16.5 7.75 16.5H6.75C6.19772 16.5 5.75 16.0523 5.75 15.5V14.5Z" fill="#B2B2B2"/>
|
|
5
|
+
<path d="M12.25 3.5C11.6977 3.5 11.25 3.94772 11.25 4.5V5.5C11.25 6.05228 11.6977 6.5 12.25 6.5H13.25C13.8023 6.5 14.25 6.05228 14.25 5.5V4.5C14.25 3.94772 13.8023 3.5 13.25 3.5H12.25Z" fill="#B2B2B2"/>
|
|
6
|
+
<path d="M11.25 9.5C11.25 8.94772 11.6977 8.5 12.25 8.5H13.25C13.8023 8.5 14.25 8.94772 14.25 9.5V10.5C14.25 11.0523 13.8023 11.5 13.25 11.5H12.25C11.6977 11.5 11.25 11.0523 11.25 10.5V9.5Z" fill="#B2B2B2"/>
|
|
7
|
+
<path d="M12.25 13.5C11.6977 13.5 11.25 13.9477 11.25 14.5V15.5C11.25 16.0523 11.6977 16.5 12.25 16.5H13.25C13.8023 16.5 14.25 16.0523 14.25 15.5V14.5C14.25 13.9477 13.8023 13.5 13.25 13.5H12.25Z" fill="#B2B2B2"/>
|
|
8
|
+
</svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const PHXIcons: any;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/assets/icon.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,iBAAiB,CAAA;AAElC,MAAM,CAAC,IAAM,QAAQ,GAAQ;IAC3B,IAAI,MAAA;CACL,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import Image from 'next/image';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { PHXDropdown } from '../Dropdown';
|
|
4
|
-
import {
|
|
4
|
+
import { PHXIcons } from '../../assets/icon';
|
|
5
5
|
export var PHXSortItem = function (_a) {
|
|
6
6
|
var title = _a.title, actions = _a.actions, content = _a.content, subTitle = _a.subTitle, _b = _a.type, type = _b === void 0 ? 'item' : _b, children = _a.children;
|
|
7
7
|
var border = 'shadow-xs rounded-lg bg-white border border-gray-200';
|
|
@@ -10,14 +10,14 @@ export var PHXSortItem = function (_a) {
|
|
|
10
10
|
React.createElement("div", { className: 'flex justify-between ' },
|
|
11
11
|
React.createElement("div", { className: 'flex items-center gap-2' },
|
|
12
12
|
React.createElement("div", { className: "w-5 h-5 cursor-move drag-".concat(type) },
|
|
13
|
-
React.createElement(Image, { src:
|
|
13
|
+
React.createElement(Image, { src: PHXIcons.DRAG, alt: 'drag', width: 20, height: 20 })),
|
|
14
14
|
React.createElement("div", { className: 'flex items-center gap-2' },
|
|
15
15
|
typeof title === 'string' ? (React.createElement("div", { className: 'text-sm text-gray-800 leading-5 font-semibold' }, title)) : (title),
|
|
16
16
|
!!subTitle && subTitle)),
|
|
17
17
|
React.createElement("div", { className: 'flex items-center gap-2' },
|
|
18
18
|
React.createElement(PHXDropdown, { options: actions, type: 'ellipsis-icon' }))),
|
|
19
19
|
!!content &&
|
|
20
|
-
(typeof content === 'string' ? React.createElement("div", { className: 'mt-2 text-sm text-gray-600' }, content) : content)),
|
|
20
|
+
(typeof content === 'string' ? React.createElement("div", { className: 'mt-2 text-sm ml-7 text-gray-600' }, content) : content)),
|
|
21
21
|
children));
|
|
22
22
|
};
|
|
23
23
|
//# sourceMappingURL=PHXSortItem.js.map
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "phx-react",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.968",
|
|
4
4
|
"description": "PHX REACT",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"build": "yarn build:esm && yarn build:cjs && yarn build:assets",
|
|
14
14
|
"build:esm": "tsc",
|
|
15
15
|
"build:cjs": "tsc --module commonjs --outDir dist/cjs",
|
|
16
|
-
"build:assets": "cp -R src/components/MainWrapV3/assets dist/cjs/components/MainWrapV3 && cp -R src/components/MainWrapV3/assets dist/esm/components/MainWrapV3",
|
|
16
|
+
"build:assets": "cp -R src/components/MainWrapV3/assets dist/cjs/components/MainWrapV3 && cp -R src/components/MainWrapV3/assets dist/esm/components/MainWrapV3 && cp -R src/assets dist/cjs && cp -R src/assets dist/esm ",
|
|
17
17
|
"lint": "eslint \"{**/*,*}.{js,ts,jsx,tsx}\"",
|
|
18
18
|
"prettier": "prettier --write \"{src,tests,example/src}/**/*.{js,ts,jsx,tsx}\"",
|
|
19
19
|
"test": "jest --config jestconfig.json",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const SortItemIcons: any;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../../src/components/PHXSortItem/assets/icon.ts"],"names":[],"mappings":";;;;AAAA,0EAAkC;AAErB,QAAA,aAAa,GAAQ;IAChC,IAAI,4BAAA;CACL,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const SortItemIcons: any;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../../src/components/PHXSortItem/assets/icon.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,iBAAiB,CAAA;AAElC,MAAM,CAAC,IAAM,aAAa,GAAQ;IAChC,IAAI,MAAA;CACL,CAAA"}
|