npm - phx-react - Versions diffs - 1.3.1399 → 1.3.1401 - Mend

phx-react 1.3.1399 → 1.3.1401

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.

Files changed (65) hide show

package/dist/cjs/components/TableReport/TableReport.js CHANGED Viewed

@@ -17,25 +17,36 @@ function PHXTableReport(_a) {
     var tableData = _a.tableData, thHeader = _a.thHeader, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, _b = _a.mergeConfig, mergeConfig = _b === void 0 ? { isMergeRowData: false, columnPosition: [] } : _b, rowHighlightConfig = _a.rowHighlightConfig, _c = _a.search, search = _c === void 0 ? {
         enable: false,
         loading: false,
-    } : _c, loading = _a.loading, pagination = _a.pagination;
-    var _d = (0, react_1.useState)(false), isSearch = _d[0], setIsSearch = _d[1];
+    } : _c, loading = _a.loading, pagination = _a.pagination, _d = _a.readonly, readonly = _d === void 0 ? false : _d, onClick = _a.onClick;
+    var _e = (0, react_1.useState)(false), isSearch = _e[0], setIsSearch = _e[1];
     var maxDepth = (0, utils_1.getMaxDepth)(thHeader);
     var rows = (0, utils_1.buildHeaderRows)(thHeader, 0, [], maxDepth, 0);
     var rowClassName = function (keyIdx, dataIdx) {
         return (0, types_1.classNames)('text-xs text-center px-3 py-3 whitespace-nowrap', keyIdx !== 0 && 'border-l', dataIdx !== 0 && 'border-t', dataIdx === tableData.length - 1 && keyIdx === 0 && !(pagination === null || pagination === void 0 ? void 0 : pagination.enable) && 'rounded-bl-lg', dataIdx === tableData.length - 1 && keyIdx === thBody.length - 1 && !(pagination === null || pagination === void 0 ? void 0 : pagination.enable) && 'rounded-br-lg');
     };
     var isHighLight = function (data) {
-        return rowHighlightConfig && data[rowHighlightConfig.key] === rowHighlightConfig.value;
+        return !!(rowHighlightConfig && data[rowHighlightConfig.key] === rowHighlightConfig.value);
+    };
+    var handleClick = function (data, isHighlightRow) {
+        if (isHighlightRow && !(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly)) {
+            if (onClick) {
+                onClick(data);
+            }
+        }
+        if (onClick && !readonly) {
+            onClick(data);
+        }
     };
     return (react_1.default.createElement(react_1.default.Fragment, null, tableData.length > 0 ? (react_1.default.createElement(react_1.default.Fragment, null, loading ? (react_1.default.createElement(Skeleton_1.PHXSkeleton, { type: 'table' })) : (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: (0, types_1.classNames)('ring-1 ring-gray-300 rounded-lg overflow-auto shadow-sm') },
-            search && search.enable && (react_1.default.createElement("div", { className: (0, types_1.classNames)('flex flex-row items-center rounded-tl-lg rounded-tr-lg bg-white px-3', isSearch ? 'border-none py-1' : 'py-1.5 justify-end') },
-                react_1.default.createElement(Search_1.default, { isSearch: isSearch, setIsSearch: setIsSearch, search: search }),
-                !isSearch && (react_1.default.createElement("button", { className: 'ml-1 flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-200 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] sm:ml-0', onClick: function () { return setIsSearch(true); }, type: 'button' },
-                    react_1.default.createElement(solid_1.MagnifyingGlassIcon, { className: 'h-4 w-4' }))))),
+        search && search.enable && (react_1.default.createElement("div", { className: (0, types_1.classNames)('relative flex flex-row items-center rounded-tl-lg rounded-tr-lg bg-white px-3 ring-1 ring-gray-300', isSearch ? 'border-none py-1' : 'py-1.5 justify-end') },
+            react_1.default.createElement(Search_1.default, { isSearch: isSearch, setIsSearch: setIsSearch, search: search }),
+            !isSearch && (react_1.default.createElement("button", { className: 'ml-1 flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-200 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] sm:ml-0', onClick: function () { return setIsSearch(true); }, type: 'button' },
+                react_1.default.createElement(solid_1.MagnifyingGlassIcon, { className: 'h-4 w-4' }))),
+            react_1.default.createElement("div", { className: 'absolute w-full h-[1px] bg-white left-0 bottom-0' }))),
+        react_1.default.createElement("div", { className: (0, types_1.classNames)('ring-1 ring-gray-300 overflow-auto shadow-sm bg-white rounded-lg', search && search.enable ? 'rounded-tr-none rounded-tl-none' : '') },
             react_1.default.createElement("table", { className: 'min-w-full divide-y divide-gray-300' },
                 react_1.default.createElement("thead", null, rows.map(function (row, rowIdx) { return (react_1.default.createElement("tr", { key: rowIdx, className: (0, types_1.classNames)(rowIdx !== 0 && 'border-t', search && search.enable && rowIdx === 0 && 'border-t') }, row.map(function (cell, cellIdx) { return (react_1.default.createElement("th", { key: cellIdx, colSpan: cell.colSpan, rowSpan: cell.rowSpan, className: (0, types_1.classNames)('px-3 py-2.5 text-center text-xs font-medium text-gray-800 bg-gray-50 whitespace-nowrap', cell.colIndex !== 0 && 'border-l', rowIdx === 0 && cellIdx === 0 && !(search === null || search === void 0 ? void 0 : search.enable) && 'rounded-tl-lg', rowIdx === 0 && cellIdx === row.length - 1 && !(search === null || search === void 0 ? void 0 : search.enable) && 'rounded-tr-lg') }, cell.name)); }))); })),
-                react_1.default.createElement("tbody", null, (0, utils_1.buildRowSpan)(tableData, mergeConfig).map(function (data, dataIdx) { return (react_1.default.createElement("tr", { key: dataIdx, className: (0, types_1.classNames)(isHighLight(data) && 'bg-gray-100 font-semibold') }, thBody.map(function (bodyKey, keyIdx) { return (react_1.default.createElement(react_1.default.Fragment, null, mergeConfig.isMergeRowData ? (react_1.default.createElement(RowMerge_1.default, { className: rowClassName(keyIdx, dataIdx), mergeConfig: mergeConfig, keyIdx: keyIdx, dataIdx: dataIdx, data: data, bodyKey: bodyKey, thBodyComponent: thBodyComponent })) : (react_1.default.createElement(Row_1.default, { className: rowClassName(keyIdx, dataIdx), keyIdx: keyIdx, bodyKey: bodyKey, data: data, thBodyComponent: thBodyComponent })))); }))); }))),
+                react_1.default.createElement("tbody", null, (0, utils_1.buildRowSpan)(tableData, mergeConfig).map(function (data, dataIdx) { return (react_1.default.createElement("tr", { key: dataIdx, className: (0, types_1.classNames)('group', isHighLight(data) && 'bg-gray-100 font-semibold'), onClick: function () { return handleClick(data, isHighLight(data)); } }, thBody.map(function (bodyKey, keyIdx) { return (react_1.default.createElement(react_1.default.Fragment, null, mergeConfig.isMergeRowData ? (react_1.default.createElement(RowMerge_1.default, { className: rowClassName(keyIdx, dataIdx), mergeConfig: mergeConfig, keyIdx: keyIdx, dataIdx: dataIdx, data: data, bodyKey: bodyKey, thBodyComponent: thBodyComponent, readonly: readonly, isHighlight: isHighLight(data), highlightReadonly: !!(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly) })) : (react_1.default.createElement(Row_1.default, { className: rowClassName(keyIdx, dataIdx), keyIdx: keyIdx, bodyKey: bodyKey, data: data, thBodyComponent: thBodyComponent, readonly: readonly, isHighlight: isHighLight(data), highlightReadonly: !!(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly) })))); }))); }))),
             pagination && (pagination === null || pagination === void 0 ? void 0 : pagination.enable) && (react_1.default.createElement("div", { className: 'flex items-center justify-end rounded-lg rounded-tl-none rounded-tr-none border-t border-gray-200 bg-gray-50 py-2 pl-7 pr-2' },
                 react_1.default.createElement(Pagination_1.default, { pagination: pagination })))))))) : (react_1.default.createElement(EmptyRecord_1.PHXEmptyRecord, { className: 'border rounded-lg' }))));
 }

package/dist/cjs/components/TableReport/TableReport.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableReport.js","sourceRoot":"","sources":["../../../../src/components/TableReport/TableReport.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;~~AA4BZ~~,~~wCAmIC~~;;~~AA9JD~~,qDAAuC;AACvC,kCAAqC;AACrC,iCAAoE;AACpE,0EAA2C;AAC3C,gEAAiC;AACjC,mDAA+D;AAC/D,sEAAuC;AACvC,8CAA+C;AAC/C,wCAAyC;AAEzC,8EAA+C;~~AAiB~~/C,SAAgB,cAAc,CAAC,~~EAaZ~~;~~QAZjB~~,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,mBAA2D,EAA3D,WAAW,mBAAG,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,KAAA,EAC3D,kBAAkB,wBAAA,EAClB,cAGC,EAHD,MAAM,mBAAG;QACP,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,KAAK;KACf,KAAA,EACD,OAAO,aAAA,EACP,UAAU,gBAAA;~~IAEJ~~,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAA;IAE/C,IAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,QAAQ,CAAC,CAAA;IACtC,IAAM,IAAI,GAAG,IAAA,uBAAe,EAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAA;IAE1D,IAAM,YAAY,GAAG,UAAC,MAAc,EAAE,OAAe;QACnD,OAAA,IAAA,kBAAU,EACR,iDAAiD,EACjD,MAAM,KAAK,CAAC,IAAI,UAAU,EAC1B,OAAO,KAAK,CAAC,IAAI,UAAU,EAC3B,OAAO,KAAK,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,KAAK,CAAC,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAA,IAAI,eAAe,EAC1F,OAAO,KAAK,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAA,IAAI,eAAe,CAC3G;IAND,CAMC,CAAA;IAEH,IAAM,WAAW,GAAG,UAAC,IAAgB;QACnC,OAAA,kBAAkB,IAAI,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,KAAK,kBAAkB,CAAC,KAAK;~~IAA/E~~,~~CAA+E~~,CAAA;~~IAEjF~~,OAAO,CACL,8DACG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACtB,8DACG,OAAO,CAAC,CAAC,CAAC,CACT,8BAAC,sBAAW,IAAC,IAAI,EAAC,OAAO,GAAG,CAC7B,CAAC,CAAC,CAAC,CACF;~~QACE~~,~~uCAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,yDAAyD,CAAC;YAClF,~~MAAM,IAAI,MAAM,CAAC,MAAM,IAAI,CAC1B,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,~~sEAAsE~~,~~EACtE~~,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,oBAAoB,CACrD;~~gBAED~~,8BAAC,gBAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,GAAI;~~gBACvE~~,CAAC,QAAQ,IAAI,CACZ,0CACE,SAAS,EAAC,mPAAmP,EAC7P,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,EAChC,IAAI,EAAC,QAAQ;~~oBAEb~~,8BAAC,2BAAmB,IAAC,SAAS,EAAC,SAAS,GAAG,CACpC,CACV,~~CACG~~,CACP;~~YACD~~,yCAAO,SAAS,EAAC,qCAAqC;gBACpD,6CACG,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,MAAM,IAAK,OAAA,CACzB,sCACE,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,IAAA,kBAAU,EACnB,MAAM,KAAK,CAAC,IAAI,UAAU,EAC1B,MAAM,IAAI,MAAM,CAAC,MAAM,IAAI,MAAM,KAAK,CAAC,IAAI,UAAU,CACtD,IAEA,GAAG,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,OAAe,IAAK,OAAA,CACvC,sCACE,GAAG,EAAE,OAAO,EACZ,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,IAAA,kBAAU,EACnB,wFAAwF,EACxF,IAAI,CAAC,QAAQ,KAAK,CAAC,IAAI,UAAU,EACjC,MAAM,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,IAAI,eAAe,EACnE,MAAM,KAAK,CAAC,IAAI,OAAO,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,IAAI,eAAe,CACjF,IAEA,IAAI,CAAC,IAAI,CACP,CACN,EAdwC,CAcxC,CAAC,CACC,CACN,EAxB0B,CAwB1B,CAAC,CACI;gBACR,6CACG,IAAA,oBAAY,EAAC,SAAS,EAAE,WAAW,CAAC,CAAC,GAAG,CAAC,UAAC,IAAgB,EAAE,OAAe,IAAK,OAAA,CAC/E,~~sCAAI~~,GAAG,EAAE,OAAO,~~EAAE~~,SAAS,EAAE,IAAA,kBAAU,EAAC,WAAW,CAAC,IAAI,CAAC,IAAI,2BAA2B,CAAC,~~IACtF~~,MAAM,CAAC,GAAG,CAAC,UAAC,OAAe,EAAE,MAAc,IAAK,OAAA,CAC/C,8DACG,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,CAC5B,8BAAC,kBAAQ,IACP,SAAS,EAAE,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,EACxC,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,~~GAChC~~,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,aAAG,IACF,SAAS,EAAE,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,EACxC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,~~GAChC~~,CACH,CACA,CACJ,~~EAtBgD~~,~~CAsBhD~~,CAAC,CACC,CACN,~~EA1BgF~~,~~CA0BhF~~,CAAC,CACI,CACF;YACP,UAAU,KAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAA,IAAI,CACnC,uCAAK,SAAS,EAAC,6HAA6H;gBAC1I,8BAAC,oBAAU,IAAC,UAAU,EAAE,UAAU,GAAI,CAClC,CACP,CACG,CACL,CACJ,CACA,CACJ,CAAC,CAAC,CAAC,CACF,8BAAC,4BAAc,IAAC,SAAS,EAAC,mBAAmB,GAAG,CACjD,CACA,CACJ,CAAA;AACH,CAAC"}
1	+ {"version":3,"file":"TableReport.js","sourceRoot":"","sources":["../../../../src/components/TableReport/TableReport.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;AA+BZ,wCAiKC;;AA/LD,qDAAuC;AACvC,kCAAqC;AACrC,iCAAoE;AACpE,0EAA2C;AAC3C,gEAAiC;AACjC,mDAA+D;AAC/D,sEAAuC;AACvC,8CAA+C;AAC/C,wCAAyC;AAEzC,8EAA+C;AAoB/C,SAAgB,cAAc,CAAC,EAeZ;QAdjB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,mBAA2D,EAA3D,WAAW,mBAAG,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,KAAA,EAC3D,kBAAkB,wBAAA,EAClB,cAGC,EAHD,MAAM,mBAAG;QACP,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,KAAK;KACf,KAAA,EACD,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,OAAO,aAAA;IAED,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAA;IAE/C,IAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,QAAQ,CAAC,CAAA;IACtC,IAAM,IAAI,GAAG,IAAA,uBAAe,EAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAA;IAE1D,IAAM,YAAY,GAAG,UAAC,MAAc,EAAE,OAAe;QACnD,OAAA,IAAA,kBAAU,EACR,iDAAiD,EACjD,MAAM,KAAK,CAAC,IAAI,UAAU,EAC1B,OAAO,KAAK,CAAC,IAAI,UAAU,EAC3B,OAAO,KAAK,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,KAAK,CAAC,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAA,IAAI,eAAe,EAC1F,OAAO,KAAK,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAA,IAAI,eAAe,CAC3G;IAND,CAMC,CAAA;IAEH,IAAM,WAAW,GAAG,UAAC,IAAgB;QACnC,OAAA,CAAC,CAAC,CAAC,kBAAkB,IAAI,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,KAAK,kBAAkB,CAAC,KAAK,CAAC;IAAnF,CAAmF,CAAA;IAErF,IAAM,WAAW,GAAG,UAAC,IAAgB,EAAE,cAAuB;QAC5D,IAAI,cAAc,IAAI,CAAC,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,QAAQ,CAAA,EAAE,CAAC;YACpD,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CAAC,IAAI,CAAC,CAAA;YACf,CAAC;QACH,CAAC;QAED,IAAI,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;YACzB,OAAO,CAAC,IAAI,CAAC,CAAA;QACf,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,8DACG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACtB,8DACG,OAAO,CAAC,CAAC,CAAC,CACT,8BAAC,sBAAW,IAAC,IAAI,EAAC,OAAO,GAAG,CAC7B,CAAC,CAAC,CAAC,CACF;QACG,MAAM,IAAI,MAAM,CAAC,MAAM,IAAI,CAC1B,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,oGAAoG,EACpG,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,oBAAoB,CACrD;YAED,8BAAC,gBAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,GAAI;YACvE,CAAC,QAAQ,IAAI,CACZ,0CACE,SAAS,EAAC,mPAAmP,EAC7P,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,EAChC,IAAI,EAAC,QAAQ;gBAEb,8BAAC,2BAAmB,IAAC,SAAS,EAAC,SAAS,GAAG,CACpC,CACV;YACD,uCAAK,SAAS,EAAC,kDAAkD,GAAG,CAChE,CACP;QACD,uCACE,SAAS,EAAE,IAAA,kBAAU,EACnB,kEAAkE,EAClE,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,CACjE;YAED,yCAAO,SAAS,EAAC,qCAAqC;gBACpD,6CACG,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,MAAM,IAAK,OAAA,CACzB,sCACE,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,IAAA,kBAAU,EACnB,MAAM,KAAK,CAAC,IAAI,UAAU,EAC1B,MAAM,IAAI,MAAM,CAAC,MAAM,IAAI,MAAM,KAAK,CAAC,IAAI,UAAU,CACtD,IAEA,GAAG,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,OAAe,IAAK,OAAA,CACvC,sCACE,GAAG,EAAE,OAAO,EACZ,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,IAAA,kBAAU,EACnB,wFAAwF,EACxF,IAAI,CAAC,QAAQ,KAAK,CAAC,IAAI,UAAU,EACjC,MAAM,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,IAAI,eAAe,EACnE,MAAM,KAAK,CAAC,IAAI,OAAO,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,IAAI,eAAe,CACjF,IAEA,IAAI,CAAC,IAAI,CACP,CACN,EAdwC,CAcxC,CAAC,CACC,CACN,EAxB0B,CAwB1B,CAAC,CACI;gBACR,6CACG,IAAA,oBAAY,EAAC,SAAS,EAAE,WAAW,CAAC,CAAC,GAAG,CAAC,UAAC,IAAgB,EAAE,OAAe,IAAK,OAAA,CAC/E,sCACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,IAAA,kBAAU,EAAC,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,IAAI,2BAA2B,CAAC,EAChF,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,EAApC,CAAoC,IAElD,MAAM,CAAC,GAAG,CAAC,UAAC,OAAe,EAAE,MAAc,IAAK,OAAA,CAC/C,8DACG,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,CAC5B,8BAAC,kBAAQ,IACP,SAAS,EAAE,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,EACxC,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,EAC9B,iBAAiB,EAAE,CAAC,CAAC,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,QAAQ,CAAA,GACjD,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,aAAG,IACF,SAAS,EAAE,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,EACxC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,EAC9B,iBAAiB,EAAE,CAAC,CAAC,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,QAAQ,CAAA,GACjD,CACH,CACA,CACJ,EA5BgD,CA4BhD,CAAC,CACC,CACN,EApCgF,CAoChF,CAAC,CACI,CACF;YACP,UAAU,KAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAA,IAAI,CACnC,uCAAK,SAAS,EAAC,6HAA6H;gBAC1I,8BAAC,oBAAU,IAAC,UAAU,EAAE,UAAU,GAAI,CAClC,CACP,CACG,CACL,CACJ,CACA,CACJ,CAAC,CAAC,CAAC,CACF,8BAAC,4BAAc,IAAC,SAAS,EAAC,mBAAmB,GAAG,CACjD,CACA,CACJ,CAAA;AACH,CAAC"}

package/dist/cjs/components/TableReport/component/Row.d.ts CHANGED Viewed

@@ -6,6 +6,9 @@ interface RowProps {
     bodyKey: string;
     thBodyComponent?: TBodyComponent;
     className: string;
+    readonly: boolean;
+    isHighlight: boolean;
+    highlightReadonly: boolean;
 }
-declare function Row({ keyIdx, data, bodyKey, thBodyComponent, className }: RowProps): React.JSX.Element;
+declare function Row({ keyIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, }: RowProps): React.JSX.Element;
 export default Row;

package/dist/cjs/components/TableReport/component/Row.js CHANGED Viewed

@@ -3,9 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 var utils_1 = require("../utils");
+var types_1 = require("../../types");
 function Row(_a) {
-    var keyIdx = _a.keyIdx, data = _a.data, bodyKey = _a.bodyKey, thBodyComponent = _a.thBodyComponent, className = _a.className;
-    return (react_1.default.createElement("td", { key: keyIdx, className: className }, (0, utils_1.renderCell)(data, bodyKey, thBodyComponent).value));
+    var keyIdx = _a.keyIdx, data = _a.data, bodyKey = _a.bodyKey, thBodyComponent = _a.thBodyComponent, className = _a.className, readonly = _a.readonly, isHighlight = _a.isHighlight, highlightReadonly = _a.highlightReadonly;
+    return (react_1.default.createElement("td", { key: keyIdx, className: (0, types_1.classNames)(className, !isHighlight ? (readonly ? '' : 'group-hover:bg-gray-50 group-hover:cursor-pointer') : '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '') }, (0, utils_1.renderCell)(data, bodyKey, thBodyComponent).value));
 }
 exports.default = Row;
 //# sourceMappingURL=Row.js.map

package/dist/cjs/components/TableReport/component/Row.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Row.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,kCAAqC;~~AAWrC~~,SAAS,GAAG,CAAC,~~EAA+D~~;~~QAA7D~~,MAAM,YAAA,~~EAAE~~,IAAI,UAAA,~~EAAE~~,OAAO,aAAA,~~EAAE~~,eAAe,qBAAA,~~EAAE~~,SAAS,eAAA;~~IAC9D~~,OAAO,CACL,~~sCAAI~~,GAAG,EAAE,MAAM,~~EAAE~~,SAAS,EAAE,SAAS,~~IAClC~~,IAAA,kBAAU,EAAC,IAAI,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC,KAAK,CAC9C,CACN,CAAA;AACH,CAAC;AAED,kBAAe,GAAG,CAAA"}
1	+ {"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Row.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,kCAAqC;AAErC,qCAAwC;AAaxC,SAAS,GAAG,CAAC,EASF;QART,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,iBAAiB,uBAAA;IAEjB,OAAO,CACL,sCACE,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,IAAA,kBAAU,EACnB,SAAS,EACT,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAAC,CAAC,EAAE,EACzF,WAAW,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAAC,EAAE,CAC7F,IAEA,IAAA,kBAAU,EAAC,IAAI,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC,KAAK,CAC9C,CACN,CAAA;AACH,CAAC;AAED,kBAAe,GAAG,CAAA"}

package/dist/cjs/components/TableReport/component/RowMerge.d.ts CHANGED Viewed

@@ -8,6 +8,9 @@ interface RowMergeProps {
     data: TTableData;
     thBodyComponent?: TBodyComponent;
     className: string;
+    readonly: boolean;
+    isHighlight: boolean;
+    highlightReadonly: boolean;
 }
-declare function RowMerge({ mergeConfig, keyIdx, bodyKey, data, thBodyComponent, className }: RowMergeProps): React.JSX.Element;
+declare function RowMerge({ mergeConfig, keyIdx, bodyKey, data, thBodyComponent, className, readonly, isHighlight, highlightReadonly, }: RowMergeProps): React.JSX.Element;
 export default RowMerge;

package/dist/cjs/components/TableReport/component/RowMerge.js CHANGED Viewed

@@ -3,11 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 var utils_1 = require("../utils");
+var types_1 = require("../../types");
 function RowMerge(_a) {
-    var mergeConfig = _a.mergeConfig, keyIdx = _a.keyIdx, bodyKey = _a.bodyKey, data = _a.data, thBodyComponent = _a.thBodyComponent, className = _a.className;
+    var mergeConfig = _a.mergeConfig, keyIdx = _a.keyIdx, bodyKey = _a.bodyKey, data = _a.data, thBodyComponent = _a.thBodyComponent, className = _a.className, readonly = _a.readonly, isHighlight = _a.isHighlight, highlightReadonly = _a.highlightReadonly;
     var rowSpan = (0, utils_1.renderCell)(data, bodyKey, thBodyComponent).row;
     var currentColumnKey = (0, utils_1.findColumnKeyMerge)(mergeConfig, keyIdx);
-    return (react_1.default.createElement(react_1.default.Fragment, null, data["".concat(currentColumnKey, "_first_row")] || !(0, utils_1.findColumnKeyMerge)(mergeConfig, keyIdx) ? (react_1.default.createElement("td", { key: keyIdx, rowSpan: rowSpan, className: className }, (0, utils_1.renderCell)(data, bodyKey, thBodyComponent).value)) : (react_1.default.createElement(react_1.default.Fragment, null))));
+    return (react_1.default.createElement(react_1.default.Fragment, null, data["".concat(currentColumnKey, "_first_row")] || !(0, utils_1.findColumnKeyMerge)(mergeConfig, keyIdx) ? (react_1.default.createElement("td", { key: keyIdx, rowSpan: rowSpan, className: (0, types_1.classNames)(className, !isHighlight
+            ? readonly
+                ? ''
+                : rowSpan > 1
+                    ? 'bg-white'
+                    : 'group-hover:bg-gray-50 group-hover:cursor-pointer'
+            : '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '') }, (0, utils_1.renderCell)(data, bodyKey, thBodyComponent).value)) : (react_1.default.createElement(react_1.default.Fragment, null))));
 }
 exports.default = RowMerge;
 //# sourceMappingURL=RowMerge.js.map

package/dist/cjs/components/TableReport/component/RowMerge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RowMerge.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/RowMerge.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,kCAAyD;~~AAazD~~,SAAS,QAAQ,CAAC,~~EAAiF~~;~~QAA/E~~,WAAW,iBAAA,~~EAAE~~,MAAM,YAAA,~~EAAE~~,OAAO,aAAA,~~EAAE~~,IAAI,UAAA,~~EAAE~~,eAAe,qBAAA,~~EAAE~~,SAAS,eAAA;~~IAChF~~,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,IAAI,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC,GAAG,CAAA;IAC9D,IAAM,gBAAgB,GAAG,IAAA,0BAAkB,EAAC,WAAW,EAAE,MAAM,CAAC,CAAA;IAEhE,OAAO,CACL,8DACG,IAAI,CAAC,UAAG,gBAAgB,eAAY,CAAC,IAAI,CAAC,IAAA,0BAAkB,EAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CACnF,~~sCAAI~~,GAAG,EAAE,MAAM,~~EAAE~~,OAAO,EAAE,OAAO,~~EAAE~~,SAAS,EAAE,SAAS,~~IACpD~~,IAAA,kBAAU,EAAC,IAAI,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC,KAAK,CAC9C,CACN,CAAC,CAAC,CAAC,CACF,6DAAK,CACN,CACA,CACJ,CAAA;AACH,CAAC;AAED,kBAAe,QAAQ,CAAA"}
1	+ {"version":3,"file":"RowMerge.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/RowMerge.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,kCAAyD;AAEzD,qCAAwC;AAexC,SAAS,QAAQ,CAAC,EAUF;QATd,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,iBAAiB,uBAAA;IAEjB,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,IAAI,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC,GAAG,CAAA;IAC9D,IAAM,gBAAgB,GAAG,IAAA,0BAAkB,EAAC,WAAW,EAAE,MAAM,CAAC,CAAA;IAEhE,OAAO,CACL,8DACG,IAAI,CAAC,UAAG,gBAAgB,eAAY,CAAC,IAAI,CAAC,IAAA,0BAAkB,EAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CACnF,sCACE,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,kBAAU,EACnB,SAAS,EACT,CAAC,WAAW;YACV,CAAC,CAAC,QAAQ;gBACR,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC,OAAO,GAAG,CAAC;oBACb,CAAC,CAAC,UAAU;oBACZ,CAAC,CAAC,mDAAmD;YACvD,CAAC,CAAC,EAAE,EACN,WAAW,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAAC,EAAE,CAC7F,IAEA,IAAA,kBAAU,EAAC,IAAI,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC,KAAK,CAC9C,CACN,CAAC,CAAC,CAAC,CACF,6DAAK,CACN,CACA,CACJ,CAAA;AACH,CAAC;AAED,kBAAe,QAAQ,CAAA"}

package/dist/esm/components/MainWrapV4/MainWrapV4.js CHANGED Viewed

@@ -607,7 +607,7 @@ export var PHXMainWrapV4 = function (_a) {
         React.createElement(PageTracker, null),
         React.createElement("div", { className: 'flex min-h-full flex-col' },
             React.createElement(StyledCustomLayoutProps, { configLayout: dataInitMain === null || dataInitMain === void 0 ? void 0 : dataInitMain.configLayout, settingSiteCookie: getDataCookies ? (_f = decryptCookie(getDataCookies)) === null || _f === void 0 ? void 0 : _f.setting_site : null }),
-            React.createElement("header", { className: 'fixed top-0 z-50 flex h-12 min-w-full items-center  justify-between bg-[#dedede] pl-1.5 pr-2' },
+            React.createElement("header", { className: 'fixed top-0 z-50 flex h-12 min-w-full items-center  justify-between bg-[#E9E9E9] pl-1.5 pr-2' },
                 React.createElement("div", { className: 'flex items-center gap-x-2' },
                     React.createElement("div", { className: 'flex items-center lg:hidden' },
                         React.createElement("button", { className: 'bg-grey-100 inline-flex items-center justify-center rounded-md p-1 text-gray-200 hover:bg-white hover:text-gray-600', onClick: function () { return setSidebarOpen(!sidebarOpen); }, type: 'button' },
@@ -661,7 +661,7 @@ export var PHXMainWrapV4 = function (_a) {
             React.createElement("div", { className: 'text-sm text-gray-700' }, "Khi th\u1EF1c hi\u1EC7n thao t\u00E1c n\u00E0y b\u1EA1n s\u1EBD tho\u00E1t kh\u1ECFi trang qu\u1EA3n tr\u1ECB v\u00E0 tr\u1EDF v\u1EC1 trang \u0111\u0103ng nh\u1EADp")),
         React.createElement(PHXModal, { onHide: function () { return setModal(false); }, onPrimaryClick: handlePrimaryModal, primaryActionText: 'X\u00E1c nh\u1EADn', show: modal, title: 'X\u00E1c nh\u1EADn thay \u0111\u1ED5i tr\u01B0\u1EDDng' },
             React.createElement(PHXBanner, { description: 'Khi thay \u0111\u1ED5i tr\u01B0\u1EDDng t\u1EA5t c\u1EA3 d\u1EEF li\u1EC7u s\u1EBD hi\u1EC3n th\u1ECB theo tr\u01B0\u1EDDng v\u1EEBa \u0111\u01B0\u1EE3c ch\u1ECDn', onClose: function () { return setShowBanner(false); }, show: showBanner, title: 'L\u01B0u \u00FD', type: 'warning' })),
-        React.createElement("div", { className: 'relative h-screen bg-[#dedede] pb-[0.5rem] pt-12 lg:flex lg:overflow-hidden lg:pl-2' },
+        React.createElement("div", { className: 'relative h-screen bg-[#E9E9E9] pb-[0.5rem] pt-12 lg:flex lg:overflow-hidden lg:pl-2' },
             React.createElement(NavMobile, { hiddenSideBar: function () { return setSidebarOpen(false); }, menu: dataInitMain.menu, path: pathNameWithBasePath, pathNameWithBasePath: pathNameWithBasePath, permission: dataInitMain.perCode, router: router, setSidebarOpen: setSidebarOpen, sidebarOpen: sidebarOpen }),
             React.createElement(SideBarDesktop, { currentMenuCode: (currentMenuByPath === null || currentMenuByPath === void 0 ? void 0 : currentMenuByPath.code) || '', dataInitMain: dataInitMain, isActivityHistory: isActivityHistory(), isSettings: isSettingPage, navigation: navigation, onChangeSideBarType: onChangeSideBarType, setShowSubMenu: setShowSubMenu, showSubMenu: showSubMenu, sideBarType: sideBarType, userId: userId }),
             React.createElement(SubMenu, { activityHistoryChild: activityHistoryChild, currentMenuByPath: currentMenuByPath, handleClickActivityHistoryChild: handleClickActivityHistoryChild, isActivityHistory: isActivityHistory(), isShowSubmenu: showSubMenu, loadingMenu: dataInitMain.loadingMenu, mounted: mounted, perCode: dataInitMain.perCode, roleCodes: dataInitMain.roleCode, setShowSubMenu: setShowSubMenu, subNavigation: subNavigation, subNavigationTriggerClicked: subNavigationTriggerClicked }),

package/dist/esm/components/MainWrapV4/assets/icon-v3/email-dashboard.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IIcon } from '../../types';
+export default function Icon({ activeColor, isActive }: IIcon): React.JSX.Element;

package/dist/esm/components/MainWrapV4/assets/icon-v3/email-dashboard.js ADDED Viewed

@@ -0,0 +1,8 @@
+import React from 'react';
+export default function Icon(_a) {
+    var _b = _a.activeColor, activeColor = _b === void 0 ? 'currentColor' : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c;
+    return isActive ? (React.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        React.createElement("path", { d: 'M15.1042 1.25C13.0909 1.25 11.4583 2.8826 11.4583 4.89583C11.4583 6.90906 13.0909 8.54167 15.1042 8.54167C17.1174 8.54167 18.75 6.90906 18.75 4.89583C18.75 2.8826 17.1174 1.25 15.1042 1.25ZM15.5315 6.35417L14.5886 5.41135C14.4516 5.27427 14.375 5.08906 14.375 4.89583V3.4375C14.375 3.035 14.7017 2.70833 15.1042 2.70833C15.5067 2.70833 15.8333 3.035 15.8333 3.4375V4.59396L16.5625 5.32312C16.8469 5.6075 16.8469 6.06979 16.5625 6.35417C16.2781 6.63854 15.8158 6.63854 15.5315 6.35417ZM8.53073 11.5466L1.94417 4.96073C2.60698 4.04271 3.67885 3.4375 4.89583 3.4375H10.2151C10.0766 3.89979 10 4.38906 10 4.89583C10 7.13073 11.4467 9.03094 13.4511 9.72L11.6246 11.5466C10.7977 12.3727 9.3576 12.3727 8.53073 11.5466ZM18.75 8.46073V15.1042C18.75 17.1145 17.1145 18.75 15.1042 18.75H4.89583C2.88552 18.75 1.25 17.1145 1.25 15.1042V7.08333C1.25 6.84854 1.27698 6.62031 1.31927 6.39719L7.49969 12.5776C8.18802 13.2659 9.10385 13.6458 10.078 13.6458C11.0522 13.6458 11.9673 13.2659 12.6556 12.5776L15.2405 9.99271C16.6135 9.95625 17.8524 9.37802 18.75 8.46073Z', fill: activeColor }))) : (React.createElement("svg", { fill: 'none', height: '20', viewBox: '0 0 20 20', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
+        React.createElement("path", { d: 'M18.75 11.4583V15.1042C18.75 17.1145 17.1145 18.75 15.1042 18.75H4.89583C2.88552 18.75 1.25 17.1145 1.25 15.1042V7.08333C1.25 5.07302 2.88552 3.4375 4.89583 3.4375H7.8125C8.215 3.4375 8.54167 3.76344 8.54167 4.16667C8.54167 4.5699 8.215 4.89583 7.8125 4.89583H4.89583C4.0799 4.89583 3.37479 5.3501 2.99927 6.01438L8.53146 11.5466C9.35833 12.3727 10.7984 12.3727 11.6253 11.5466L11.8652 11.3067C12.1503 11.023 12.6111 11.0223 12.8963 11.3067C13.1806 11.5925 13.1806 12.0533 12.8963 12.3384L12.6564 12.5776C11.968 13.2652 11.0529 13.6451 10.0788 13.6451C9.10458 13.6451 8.18948 13.2652 7.50115 12.5769L2.70979 7.78552V15.1034C2.70979 16.3095 3.69125 17.2909 4.89729 17.2909H15.1056C16.3117 17.2909 17.2931 16.3095 17.2931 15.1034V11.4576C17.2931 11.0544 17.6198 10.7284 18.0223 10.7284C18.4248 10.7284 18.7515 11.0544 18.7515 11.4576L18.75 11.4583ZM10 5.625C10 3.21219 11.9622 1.25 14.375 1.25C16.7878 1.25 18.75 3.21219 18.75 5.625C18.75 8.03781 16.7878 10 14.375 10C11.9622 10 10 8.03781 10 5.625ZM11.4583 5.625C11.4583 7.23354 12.7665 8.54167 14.375 8.54167C15.9835 8.54167 17.2917 7.23354 17.2917 5.625C17.2917 4.01646 15.9835 2.70833 14.375 2.70833C12.7665 2.70833 11.4583 4.01646 11.4583 5.625ZM14.5886 6.86969C14.7308 7.01188 14.9175 7.08333 15.1042 7.08333C15.2908 7.08333 15.4775 7.01188 15.6197 6.86969C15.9048 6.58458 15.9048 6.12375 15.6197 5.83865L15.1042 5.32312V4.16667C15.1042 3.76344 14.7775 3.4375 14.375 3.4375C13.9725 3.4375 13.6458 3.76344 13.6458 4.16667V5.625C13.6458 5.81896 13.7224 6.00417 13.8595 6.14052L14.5886 6.86969Z', fill: 'currentColor' })));
+}
+//# sourceMappingURL=email-dashboard.js.map

package/dist/esm/components/MainWrapV4/assets/icon-v3/email-dashboard.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"email-dashboard.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/email-dashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAyD;QAAvD,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAC3E,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BACE,CAAC,EAAC,6hCAA6hC,EAC/hC,IAAI,EAAE,WAAW,GACjB,CACE,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BACE,CAAC,EAAC,2gDAA2gD,EAC7gD,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/esm/components/MainWrapV4/assets/icon-v3/email-dashboard.tsx ADDED Viewed

@@ -0,0 +1,20 @@
+import React from 'react'
+import { IIcon } from '../../types'
+export default function Icon({ activeColor = 'currentColor', isActive = false }: IIcon) {
+  return isActive ? (
+    <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+      <path
+        d='M15.1042 1.25C13.0909 1.25 11.4583 2.8826 11.4583 4.89583C11.4583 6.90906 13.0909 8.54167 15.1042 8.54167C17.1174 8.54167 18.75 6.90906 18.75 4.89583C18.75 2.8826 17.1174 1.25 15.1042 1.25ZM15.5315 6.35417L14.5886 5.41135C14.4516 5.27427 14.375 5.08906 14.375 4.89583V3.4375C14.375 3.035 14.7017 2.70833 15.1042 2.70833C15.5067 2.70833 15.8333 3.035 15.8333 3.4375V4.59396L16.5625 5.32312C16.8469 5.6075 16.8469 6.06979 16.5625 6.35417C16.2781 6.63854 15.8158 6.63854 15.5315 6.35417ZM8.53073 11.5466L1.94417 4.96073C2.60698 4.04271 3.67885 3.4375 4.89583 3.4375H10.2151C10.0766 3.89979 10 4.38906 10 4.89583C10 7.13073 11.4467 9.03094 13.4511 9.72L11.6246 11.5466C10.7977 12.3727 9.3576 12.3727 8.53073 11.5466ZM18.75 8.46073V15.1042C18.75 17.1145 17.1145 18.75 15.1042 18.75H4.89583C2.88552 18.75 1.25 17.1145 1.25 15.1042V7.08333C1.25 6.84854 1.27698 6.62031 1.31927 6.39719L7.49969 12.5776C8.18802 13.2659 9.10385 13.6458 10.078 13.6458C11.0522 13.6458 11.9673 13.2659 12.6556 12.5776L15.2405 9.99271C16.6135 9.95625 17.8524 9.37802 18.75 8.46073Z'
+        fill={activeColor}
+      />
+    </svg>
+  ) : (
+    <svg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'>
+      <path
+        d='M18.75 11.4583V15.1042C18.75 17.1145 17.1145 18.75 15.1042 18.75H4.89583C2.88552 18.75 1.25 17.1145 1.25 15.1042V7.08333C1.25 5.07302 2.88552 3.4375 4.89583 3.4375H7.8125C8.215 3.4375 8.54167 3.76344 8.54167 4.16667C8.54167 4.5699 8.215 4.89583 7.8125 4.89583H4.89583C4.0799 4.89583 3.37479 5.3501 2.99927 6.01438L8.53146 11.5466C9.35833 12.3727 10.7984 12.3727 11.6253 11.5466L11.8652 11.3067C12.1503 11.023 12.6111 11.0223 12.8963 11.3067C13.1806 11.5925 13.1806 12.0533 12.8963 12.3384L12.6564 12.5776C11.968 13.2652 11.0529 13.6451 10.0788 13.6451C9.10458 13.6451 8.18948 13.2652 7.50115 12.5769L2.70979 7.78552V15.1034C2.70979 16.3095 3.69125 17.2909 4.89729 17.2909H15.1056C16.3117 17.2909 17.2931 16.3095 17.2931 15.1034V11.4576C17.2931 11.0544 17.6198 10.7284 18.0223 10.7284C18.4248 10.7284 18.7515 11.0544 18.7515 11.4576L18.75 11.4583ZM10 5.625C10 3.21219 11.9622 1.25 14.375 1.25C16.7878 1.25 18.75 3.21219 18.75 5.625C18.75 8.03781 16.7878 10 14.375 10C11.9622 10 10 8.03781 10 5.625ZM11.4583 5.625C11.4583 7.23354 12.7665 8.54167 14.375 8.54167C15.9835 8.54167 17.2917 7.23354 17.2917 5.625C17.2917 4.01646 15.9835 2.70833 14.375 2.70833C12.7665 2.70833 11.4583 4.01646 11.4583 5.625ZM14.5886 6.86969C14.7308 7.01188 14.9175 7.08333 15.1042 7.08333C15.2908 7.08333 15.4775 7.01188 15.6197 6.86969C15.9048 6.58458 15.9048 6.12375 15.6197 5.83865L15.1042 5.32312V4.16667C15.1042 3.76344 14.7775 3.4375 14.375 3.4375C13.9725 3.4375 13.6458 3.76344 13.6458 4.16667V5.625C13.6458 5.81896 13.7224 6.00417 13.8595 6.14052L14.5886 6.86969Z'
+        fill='currentColor'
+      />
+    </svg>
+  )
+}

package/dist/esm/components/MainWrapV4/assets/icon-v3/pin.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import React from 'react';
2	+ export default function Icon(): React.JSX.Element;

package/dist/esm/components/MainWrapV4/assets/icon-v3/pin.js ADDED Viewed

@@ -0,0 +1,6 @@
+import React from 'react';
+export default function Icon() {
+    return (React.createElement("svg", { fill: 'none', height: '12', viewBox: '0 0 12 12', width: '12', xmlns: 'http://www.w3.org/2000/svg' },
+        React.createElement("path", { d: 'M11.1193 3.57479L7.80028 0.256352C7.71903 0.17508 7.62256 0.11061 7.51638 0.0666245C7.41021 0.0226392 7.29641 0 7.18149 0C7.06657 0 6.95277 0.0226392 6.8466 0.0666245C6.74042 0.11061 6.64396 0.17508 6.5627 0.256352L3.62981 3.19854C3.04684 3.01588 1.71575 2.79549 0.326687 3.91713C0.230943 3.99412 0.152484 4.09041 0.0964195 4.19973C0.0403546 4.30905 0.00793963 4.42895 0.00128469 4.55163C-0.00537025 4.67431 0.013884 4.79701 0.057794 4.91175C0.101704 5.0265 0.169286 5.13071 0.25614 5.2176L2.89864 7.85901L0.565671 10.1903C0.483578 10.2724 0.437459 10.3838 0.437459 10.4999C0.437459 10.616 0.483578 10.7273 0.565671 10.8094C0.647764 10.8915 0.759105 10.9376 0.875202 10.9376C0.991299 10.9376 1.10264 10.8915 1.18473 10.8094L3.51606 8.47643L6.15692 11.1173C6.23811 11.1988 6.33457 11.2635 6.4408 11.3077C6.54703 11.3519 6.66093 11.3747 6.77598 11.3749C6.79676 11.3749 6.817 11.3749 6.83778 11.3749C6.96251 11.3662 7.08392 11.3308 7.19376 11.2711C7.3036 11.2114 7.39929 11.1287 7.47434 11.0287C8.5484 9.60135 8.44505 8.44088 8.19567 7.74745L11.1198 4.81237C11.201 4.73108 11.2655 4.63458 11.3094 4.52839C11.3534 4.4222 11.3759 4.30839 11.3759 4.19347C11.3758 4.07854 11.3531 3.96475 11.3091 3.8586C11.2651 3.75245 11.2006 3.65601 11.1193 3.57479ZM10.5002 4.19385L7.36825 7.3362C7.30357 7.40112 7.26091 7.48471 7.24629 7.57518C7.23167 7.66565 7.24583 7.75842 7.28676 7.84041C7.80411 8.87565 7.18833 9.95081 6.77598 10.4993L0.875202 4.59799C1.53583 4.06534 2.16801 3.92479 2.65145 3.92479C2.95821 3.9206 3.26244 3.98078 3.5445 4.10143C3.62679 4.14261 3.71997 4.1568 3.81079 4.14198C3.90161 4.12715 3.98544 4.08407 4.05036 4.01885L7.18176 0.874868L10.5002 4.19331V4.19385Z', fill: 'currentColor' })));
+}
+//# sourceMappingURL=pin.js.map

package/dist/esm/components/MainWrapV4/assets/icon-v3/pin.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"pin.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/pin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,OAAO,UAAU,IAAI;IAC1B,OAAO,CACL,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BACE,CAAC,EAAC,qoDAAqoD,EACvoD,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/esm/components/MainWrapV4/assets/icon-v3/pin.tsx ADDED Viewed

@@ -0,0 +1,12 @@
+import React from 'react'
+export default function Icon() {
+  return (
+    <svg fill='none' height='12' viewBox='0 0 12 12' width='12' xmlns='http://www.w3.org/2000/svg'>
+      <path
+        d='M11.1193 3.57479L7.80028 0.256352C7.71903 0.17508 7.62256 0.11061 7.51638 0.0666245C7.41021 0.0226392 7.29641 0 7.18149 0C7.06657 0 6.95277 0.0226392 6.8466 0.0666245C6.74042 0.11061 6.64396 0.17508 6.5627 0.256352L3.62981 3.19854C3.04684 3.01588 1.71575 2.79549 0.326687 3.91713C0.230943 3.99412 0.152484 4.09041 0.0964195 4.19973C0.0403546 4.30905 0.00793963 4.42895 0.00128469 4.55163C-0.00537025 4.67431 0.013884 4.79701 0.057794 4.91175C0.101704 5.0265 0.169286 5.13071 0.25614 5.2176L2.89864 7.85901L0.565671 10.1903C0.483578 10.2724 0.437459 10.3838 0.437459 10.4999C0.437459 10.616 0.483578 10.7273 0.565671 10.8094C0.647764 10.8915 0.759105 10.9376 0.875202 10.9376C0.991299 10.9376 1.10264 10.8915 1.18473 10.8094L3.51606 8.47643L6.15692 11.1173C6.23811 11.1988 6.33457 11.2635 6.4408 11.3077C6.54703 11.3519 6.66093 11.3747 6.77598 11.3749C6.79676 11.3749 6.817 11.3749 6.83778 11.3749C6.96251 11.3662 7.08392 11.3308 7.19376 11.2711C7.3036 11.2114 7.39929 11.1287 7.47434 11.0287C8.5484 9.60135 8.44505 8.44088 8.19567 7.74745L11.1198 4.81237C11.201 4.73108 11.2655 4.63458 11.3094 4.52839C11.3534 4.4222 11.3759 4.30839 11.3759 4.19347C11.3758 4.07854 11.3531 3.96475 11.3091 3.8586C11.2651 3.75245 11.2006 3.65601 11.1193 3.57479ZM10.5002 4.19385L7.36825 7.3362C7.30357 7.40112 7.26091 7.48471 7.24629 7.57518C7.23167 7.66565 7.24583 7.75842 7.28676 7.84041C7.80411 8.87565 7.18833 9.95081 6.77598 10.4993L0.875202 4.59799C1.53583 4.06534 2.16801 3.92479 2.65145 3.92479C2.95821 3.9206 3.26244 3.98078 3.5445 4.10143C3.62679 4.14261 3.71997 4.1568 3.81079 4.14198C3.90161 4.12715 3.98544 4.08407 4.05036 4.01885L7.18176 0.874868L10.5002 4.19331V4.19385Z'
+        fill='currentColor'
+      />
+    </svg>
+  )
+}

package/dist/esm/components/MainWrapV4/assets/icon-v3/un-pin.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import React from 'react';
2	+ export default function Icon(): React.JSX.Element;

package/dist/esm/components/MainWrapV4/assets/icon-v3/un-pin.js ADDED Viewed

@@ -0,0 +1,6 @@
+import React from 'react';
+export default function Icon() {
+    return (React.createElement("svg", { fill: 'none', height: '12', viewBox: '0 0 12 12', width: '12', xmlns: 'http://www.w3.org/2000/svg' },
+        React.createElement("path", { d: 'M1.19731 1.0176C1.15889 0.974293 1.11226 0.939041 1.06011 0.913888C1.00797 0.888734 0.951347 0.874181 0.893536 0.871071C0.835725 0.867961 0.777872 0.876356 0.723329 0.895769C0.668786 0.915183 0.618639 0.945229 0.575794 0.984166C0.532949 1.0231 0.498258 1.07016 0.473732 1.1226C0.449205 1.17504 0.435332 1.23183 0.432915 1.28968C0.430498 1.34752 0.439586 1.40527 0.459652 1.45958C0.479719 1.51388 0.510364 1.56366 0.549812 1.60604L1.93286 3.12745C1.34251 3.25954 0.792005 3.53002 0.326686 3.91659C0.230942 3.99358 0.152484 4.08986 0.0964193 4.19918C0.0403544 4.3085 0.00793963 4.4284 0.00128469 4.55108C-0.00537025 4.67376 0.013884 4.79646 0.057794 4.91121C0.101704 5.02595 0.169286 5.13016 0.25614 5.21706L2.897 7.85846L0.56403 10.1898C0.481937 10.2719 0.435818 10.3832 0.435818 10.4993C0.435818 10.6154 0.481937 10.7268 0.56403 10.8089C0.646123 10.8909 0.757465 10.9371 0.873561 10.9371C0.989658 10.9371 1.101 10.8909 1.18309 10.8089L3.51442 8.47588L6.15528 11.1167C6.23647 11.1983 6.33293 11.263 6.43916 11.3072C6.54539 11.3514 6.65929 11.3742 6.77434 11.3743C6.79512 11.3743 6.81536 11.3743 6.83614 11.3743C6.96087 11.3657 7.08228 11.3303 7.19212 11.2706C7.30196 11.2108 7.39765 11.1282 7.4727 11.0281C7.73116 10.6878 7.94405 10.3151 8.10598 9.91963L9.30036 11.2321C9.33878 11.2754 9.38541 11.3107 9.43756 11.3358C9.4897 11.361 9.54632 11.3756 9.60413 11.3787C9.66195 11.3818 9.7198 11.3734 9.77434 11.354C9.82888 11.3346 9.87903 11.3045 9.92188 11.2656C9.96472 11.2266 9.99941 11.1796 10.0239 11.1271C10.0485 11.0747 10.0623 11.0179 10.0648 10.9601C10.0672 10.9022 10.0581 10.8445 10.038 10.7902C10.018 10.7359 9.98731 10.6861 9.94786 10.6437L1.19731 1.0176ZM6.77434 10.4993L0.873561 4.59745C1.43301 4.14627 2.03294 3.92151 2.65966 3.92643L7.42622 9.16987C7.30427 9.70963 7.01169 10.1838 6.77434 10.4993ZM11.1176 4.81182L8.67637 7.26127C8.6358 7.30196 8.58761 7.33425 8.53455 7.35631C8.48149 7.37837 8.42461 7.38976 8.36715 7.38984C8.30969 7.38992 8.25278 7.37867 8.19966 7.35676C8.14655 7.33484 8.09827 7.30267 8.05759 7.26209C8.0169 7.22152 7.98461 7.17333 7.96255 7.12027C7.94049 7.06721 7.9291 7.01033 7.92902 6.95287C7.92894 6.89541 7.94019 6.8385 7.9621 6.78538C7.98402 6.73227 8.01619 6.68399 8.05677 6.64331L10.4986 4.19385L7.18012 0.874321L4.92591 3.13565C4.84333 3.21439 4.73326 3.25775 4.61917 3.2565C4.50508 3.25524 4.396 3.20946 4.31518 3.12893C4.23435 3.04839 4.18819 2.93947 4.18653 2.82538C4.18488 2.7113 4.22785 2.60108 4.3063 2.51823L6.56106 0.256352C6.64232 0.17508 6.73878 0.11061 6.84496 0.0666245C6.95113 0.0226392 7.06493 0 7.17985 0C7.29477 0 7.40857 0.0226392 7.51475 0.0666245C7.62092 0.11061 7.71739 0.17508 7.79864 0.256352L11.1176 3.57479C11.2816 3.73887 11.3737 3.96134 11.3737 4.19331C11.3737 4.42527 11.2816 4.64774 11.1176 4.81182Z', fill: 'currentColor' })));
+}
+//# sourceMappingURL=un-pin.js.map

package/dist/esm/components/MainWrapV4/assets/icon-v3/un-pin.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"un-pin.js","sourceRoot":"","sources":["../../../../../../src/components/MainWrapV4/assets/icon-v3/un-pin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,OAAO,UAAU,IAAI;IAC1B,OAAO,CACL,6BAAK,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,4BAA4B;QAC5F,8BACE,CAAC,EAAC,ktFAAktF,EACptF,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/esm/components/MainWrapV4/assets/icon-v3/un-pin.tsx ADDED Viewed

@@ -0,0 +1,12 @@
+import React from 'react'
+export default function Icon() {
+  return (
+    <svg fill='none' height='12' viewBox='0 0 12 12' width='12' xmlns='http://www.w3.org/2000/svg'>
+      <path
+        d='M1.19731 1.0176C1.15889 0.974293 1.11226 0.939041 1.06011 0.913888C1.00797 0.888734 0.951347 0.874181 0.893536 0.871071C0.835725 0.867961 0.777872 0.876356 0.723329 0.895769C0.668786 0.915183 0.618639 0.945229 0.575794 0.984166C0.532949 1.0231 0.498258 1.07016 0.473732 1.1226C0.449205 1.17504 0.435332 1.23183 0.432915 1.28968C0.430498 1.34752 0.439586 1.40527 0.459652 1.45958C0.479719 1.51388 0.510364 1.56366 0.549812 1.60604L1.93286 3.12745C1.34251 3.25954 0.792005 3.53002 0.326686 3.91659C0.230942 3.99358 0.152484 4.08986 0.0964193 4.19918C0.0403544 4.3085 0.00793963 4.4284 0.00128469 4.55108C-0.00537025 4.67376 0.013884 4.79646 0.057794 4.91121C0.101704 5.02595 0.169286 5.13016 0.25614 5.21706L2.897 7.85846L0.56403 10.1898C0.481937 10.2719 0.435818 10.3832 0.435818 10.4993C0.435818 10.6154 0.481937 10.7268 0.56403 10.8089C0.646123 10.8909 0.757465 10.9371 0.873561 10.9371C0.989658 10.9371 1.101 10.8909 1.18309 10.8089L3.51442 8.47588L6.15528 11.1167C6.23647 11.1983 6.33293 11.263 6.43916 11.3072C6.54539 11.3514 6.65929 11.3742 6.77434 11.3743C6.79512 11.3743 6.81536 11.3743 6.83614 11.3743C6.96087 11.3657 7.08228 11.3303 7.19212 11.2706C7.30196 11.2108 7.39765 11.1282 7.4727 11.0281C7.73116 10.6878 7.94405 10.3151 8.10598 9.91963L9.30036 11.2321C9.33878 11.2754 9.38541 11.3107 9.43756 11.3358C9.4897 11.361 9.54632 11.3756 9.60413 11.3787C9.66195 11.3818 9.7198 11.3734 9.77434 11.354C9.82888 11.3346 9.87903 11.3045 9.92188 11.2656C9.96472 11.2266 9.99941 11.1796 10.0239 11.1271C10.0485 11.0747 10.0623 11.0179 10.0648 10.9601C10.0672 10.9022 10.0581 10.8445 10.038 10.7902C10.018 10.7359 9.98731 10.6861 9.94786 10.6437L1.19731 1.0176ZM6.77434 10.4993L0.873561 4.59745C1.43301 4.14627 2.03294 3.92151 2.65966 3.92643L7.42622 9.16987C7.30427 9.70963 7.01169 10.1838 6.77434 10.4993ZM11.1176 4.81182L8.67637 7.26127C8.6358 7.30196 8.58761 7.33425 8.53455 7.35631C8.48149 7.37837 8.42461 7.38976 8.36715 7.38984C8.30969 7.38992 8.25278 7.37867 8.19966 7.35676C8.14655 7.33484 8.09827 7.30267 8.05759 7.26209C8.0169 7.22152 7.98461 7.17333 7.96255 7.12027C7.94049 7.06721 7.9291 7.01033 7.92902 6.95287C7.92894 6.89541 7.94019 6.8385 7.9621 6.78538C7.98402 6.73227 8.01619 6.68399 8.05677 6.64331L10.4986 4.19385L7.18012 0.874321L4.92591 3.13565C4.84333 3.21439 4.73326 3.25775 4.61917 3.2565C4.50508 3.25524 4.396 3.20946 4.31518 3.12893C4.23435 3.04839 4.18819 2.93947 4.18653 2.82538C4.18488 2.7113 4.22785 2.60108 4.3063 2.51823L6.56106 0.256352C6.64232 0.17508 6.73878 0.11061 6.84496 0.0666245C6.95113 0.0226392 7.06493 0 7.17985 0C7.29477 0 7.40857 0.0226392 7.51475 0.0666245C7.62092 0.11061 7.71739 0.17508 7.79864 0.256352L11.1176 3.57479C11.2816 3.73887 11.3737 3.96134 11.3737 4.19331C11.3737 4.42527 11.2816 4.64774 11.1176 4.81182Z'
+        fill='currentColor'
+      />
+    </svg>
+  )
+}

package/dist/esm/components/MainWrapV4/assets/icon-v3.d.ts CHANGED Viewed

@@ -6,6 +6,7 @@ import CHAT_DASHBOARD from './icon-v3/chat';
 import STORE from './icon-v3/cua-hang';
 import STUDENT_AFFAIRS from './icon-v3/diem-danh';
 import CIVILIZED_POINT from './icon-v3/diem-van-minh';
+import EMAIL_DASHBOARD from './icon-v3/email-dashboard';
 import GIAOVU from './icon-v3/giao-vu';
 import FEEDBACK from './icon-v3/gop-y';
 import TUITION from './icon-v3/hoc-phi';
@@ -15,6 +16,7 @@ import HRM_SALARY from './icon-v3/nhan-su';
 import NOITRU from './icon-v3/noi-tru-icon';
 import PBF_STONE from './icon-v3/pbf';
 import DEPARTMENT from './icon-v3/phong-ban';
+import PIN from './icon-v3/pin';
 import ROBOT_MOTION from './icon-v3/robot-motion';
 import SETTING_SITE from './icon-v3/setting';
 import ASSET from './icon-v3/tai-san';
@@ -25,6 +27,7 @@ import LIBRARY_TIEU_HOC from './icon-v3/thu-vien-tieu-hoc';
 import LIBRARY_TRUNG_HOC from './icon-v3/thu-vien-trung-hoc';
 import EVENT from './icon-v3/truyen-thong';
 import ENROLL from './icon-v3/tuyen-sinh';
+import UN_PIN from './icon-v3/un-pin';
 import USER from './icon-v3/user';
 import BUS_OPERATE from './icon-v3/van-hanh-xe-tuyen';
 import BUS_MANAGE from './icon-v3/xe-tuyen';
@@ -53,7 +56,7 @@ export declare const IconV3: {
     HRM_SALARY: typeof HRM_SALARY;
     DEPARTMENT: typeof DEPARTMENT;
     HRM_CHECKIN: typeof HRM_CHECKIN;
-    EMAIL_DASHBOARD: typeof HRM_CHECKIN;
+    EMAIL_DASHBOARD: typeof EMAIL_DASHBOARD;
     BROADCAST: typeof BROADCAST;
     ROBOT_MOTION: typeof ROBOT_MOTION;
     ENROLL: typeof ENROLL;
@@ -62,4 +65,6 @@ export declare const IconV3: {
     PBF_STONE: typeof PBF_STONE;
     SETTING_SITE: typeof SETTING_SITE;
     ACTIVITY_HISTORY: typeof ACTIVITY_HISTORY;
+    UN_PIN: typeof UN_PIN;
+    PIN: typeof PIN;
 };

package/dist/esm/components/MainWrapV4/assets/icon-v3.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import ACTIVITY_HISTORY from './icon-v3/activity-history';
 import FOOD from './icon-v3/bep-an';
 import HRM_CHECKIN from './icon-v3/cham-cong';
-import EMAIL_DASHBOARD from './icon-v3/cham-cong';
 import CHAM_TIET from './icon-v3/cham-tiet';
 import CHAT_DASHBOARD from './icon-v3/chat';
 import STORE from './icon-v3/cua-hang';
 import STUDENT_AFFAIRS from './icon-v3/diem-danh';
 import CIVILIZED_POINT from './icon-v3/diem-van-minh';
+import EMAIL_DASHBOARD from './icon-v3/email-dashboard';
 import GIAOVU from './icon-v3/giao-vu';
 import FEEDBACK from './icon-v3/gop-y';
 import TUITION from './icon-v3/hoc-phi';
@@ -16,6 +16,7 @@ import HRM_SALARY from './icon-v3/nhan-su';
 import NOITRU from './icon-v3/noi-tru-icon';
 import PBF_STONE from './icon-v3/pbf';
 import DEPARTMENT from './icon-v3/phong-ban';
+import PIN from './icon-v3/pin';
 import ROBOT_MOTION from './icon-v3/robot-motion';
 import SETTING_SITE from './icon-v3/setting';
 import ASSET from './icon-v3/tai-san';
@@ -26,6 +27,7 @@ import LIBRARY_TIEU_HOC from './icon-v3/thu-vien-tieu-hoc';
 import LIBRARY_TRUNG_HOC from './icon-v3/thu-vien-trung-hoc';
 import EVENT from './icon-v3/truyen-thong';
 import ENROLL from './icon-v3/tuyen-sinh';
+import UN_PIN from './icon-v3/un-pin';
 import USER from './icon-v3/user';
 import BUS_OPERATE from './icon-v3/van-hanh-xe-tuyen';
 import BUS_MANAGE from './icon-v3/xe-tuyen';
@@ -63,5 +65,7 @@ export var IconV3 = {
     PBF_STONE: PBF_STONE,
     SETTING_SITE: SETTING_SITE,
     ACTIVITY_HISTORY: ACTIVITY_HISTORY,
+    UN_PIN: UN_PIN,
+    PIN: PIN,
 };
 //# sourceMappingURL=icon-v3.js.map

package/dist/esm/components/MainWrapV4/assets/icon-v3.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon-v3.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/assets/icon-v3.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,4BAA4B,CAAA;AACzD,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,WAAW,MAAM,qBAAqB,CAAA;AAC7C,OAAO,~~eAAe,MAAM,qBAAqB,CAAA;AACjD,OAAO,~~SAAS,MAAM,qBAAqB,CAAA;AAC3C,OAAO,cAAc,MAAM,gBAAgB,CAAA;AAC3C,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,eAAe,MAAM,qBAAqB,CAAA;AACjD,OAAO,eAAe,MAAM,yBAAyB,CAAA;AACrD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AACtC,OAAO,OAAO,MAAM,mBAAmB,CAAA;AACvC,OAAO,SAAS,MAAM,qBAAqB,CAAA;AAC3C,OAAO,GAAG,MAAM,eAAe,CAAA;AAC/B,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAC3C,OAAO,SAAS,MAAM,eAAe,CAAA;AACrC,OAAO,UAAU,MAAM,qBAAqB,CAAA;AAC5C,OAAO,YAAY,MAAM,wBAAwB,CAAA;AACjD,OAAO,YAAY,MAAM,mBAAmB,CAAA;AAC5C,OAAO,KAAK,MAAM,mBAAmB,CAAA;AACrC,OAAO,aAAa,MAAM,yBAAyB,CAAA;AACnD,OAAO,YAAY,MAAM,yBAAyB,CAAA;AAClD,OAAO,SAAS,MAAM,qBAAqB,CAAA;AAC3C,OAAO,gBAAgB,MAAM,6BAA6B,CAAA;AAC1D,OAAO,iBAAiB,MAAM,8BAA8B,CAAA;AAC5D,OAAO,KAAK,MAAM,wBAAwB,CAAA;AAC1C,OAAO,MAAM,MAAM,sBAAsB,CAAA;AACzC,OAAO,IAAI,MAAM,gBAAgB,CAAA;AACjC,OAAO,WAAW,MAAM,6BAA6B,CAAA;AACrD,OAAO,UAAU,MAAM,oBAAoB,CAAA;AAC3C,OAAO,OAAO,MAAM,gBAAgB,CAAA;AAEpC,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,SAAS,WAAA;IACT,MAAM,QAAA;IACN,IAAI,MAAA;IACJ,MAAM,QAAA;IACN,eAAe,iBAAA;IACf,eAAe,iBAAA;IACf,SAAS,WAAA;IACT,OAAO,SAAA;IACP,UAAU,YAAA;IACV,WAAW,aAAA;IACX,KAAK,OAAA;IACL,IAAI,MAAA;IACJ,KAAK,OAAA;IACL,gBAAgB,kBAAA;IAChB,iBAAiB,mBAAA;IACjB,OAAO,SAAA;IACP,KAAK,OAAA;IACL,YAAY,cAAA;IACZ,cAAc,gBAAA;IACd,QAAQ,UAAA;IACR,UAAU,YAAA;IACV,UAAU,YAAA;IACV,WAAW,aAAA;IACX,eAAe,iBAAA;IACf,SAAS,WAAA;IACT,YAAY,cAAA;IACZ,MAAM,QAAA;IACN,aAAa,eAAA;IACb,GAAG,KAAA;IACH,SAAS,WAAA;IACT,YAAY,cAAA;IACZ,gBAAgB,kBAAA;~~CACjB~~,CAAA"}
1	+ {"version":3,"file":"icon-v3.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/assets/icon-v3.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,4BAA4B,CAAA;AACzD,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,WAAW,MAAM,qBAAqB,CAAA;AAC7C,OAAO,SAAS,MAAM,qBAAqB,CAAA;AAC3C,OAAO,cAAc,MAAM,gBAAgB,CAAA;AAC3C,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,eAAe,MAAM,qBAAqB,CAAA;AACjD,OAAO,eAAe,MAAM,yBAAyB,CAAA;AACrD,OAAO,eAAe,MAAM,2BAA2B,CAAA;AACvD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AACtC,OAAO,OAAO,MAAM,mBAAmB,CAAA;AACvC,OAAO,SAAS,MAAM,qBAAqB,CAAA;AAC3C,OAAO,GAAG,MAAM,eAAe,CAAA;AAC/B,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAC3C,OAAO,SAAS,MAAM,eAAe,CAAA;AACrC,OAAO,UAAU,MAAM,qBAAqB,CAAA;AAC5C,OAAO,GAAG,MAAM,eAAe,CAAA;AAC/B,OAAO,YAAY,MAAM,wBAAwB,CAAA;AACjD,OAAO,YAAY,MAAM,mBAAmB,CAAA;AAC5C,OAAO,KAAK,MAAM,mBAAmB,CAAA;AACrC,OAAO,aAAa,MAAM,yBAAyB,CAAA;AACnD,OAAO,YAAY,MAAM,yBAAyB,CAAA;AAClD,OAAO,SAAS,MAAM,qBAAqB,CAAA;AAC3C,OAAO,gBAAgB,MAAM,6BAA6B,CAAA;AAC1D,OAAO,iBAAiB,MAAM,8BAA8B,CAAA;AAC5D,OAAO,KAAK,MAAM,wBAAwB,CAAA;AAC1C,OAAO,MAAM,MAAM,sBAAsB,CAAA;AACzC,OAAO,MAAM,MAAM,kBAAkB,CAAA;AACrC,OAAO,IAAI,MAAM,gBAAgB,CAAA;AACjC,OAAO,WAAW,MAAM,6BAA6B,CAAA;AACrD,OAAO,UAAU,MAAM,oBAAoB,CAAA;AAC3C,OAAO,OAAO,MAAM,gBAAgB,CAAA;AAEpC,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,SAAS,WAAA;IACT,MAAM,QAAA;IACN,IAAI,MAAA;IACJ,MAAM,QAAA;IACN,eAAe,iBAAA;IACf,eAAe,iBAAA;IACf,SAAS,WAAA;IACT,OAAO,SAAA;IACP,UAAU,YAAA;IACV,WAAW,aAAA;IACX,KAAK,OAAA;IACL,IAAI,MAAA;IACJ,KAAK,OAAA;IACL,gBAAgB,kBAAA;IAChB,iBAAiB,mBAAA;IACjB,OAAO,SAAA;IACP,KAAK,OAAA;IACL,YAAY,cAAA;IACZ,cAAc,gBAAA;IACd,QAAQ,UAAA;IACR,UAAU,YAAA;IACV,UAAU,YAAA;IACV,WAAW,aAAA;IACX,eAAe,iBAAA;IACf,SAAS,WAAA;IACT,YAAY,cAAA;IACZ,MAAM,QAAA;IACN,aAAa,eAAA;IACb,GAAG,KAAA;IACH,SAAS,WAAA;IACT,YAAY,cAAA;IACZ,gBAAgB,kBAAA;IAChB,MAAM,QAAA;IACN,GAAG,KAAA;CACJ,CAAA"}

package/dist/esm/components/MainWrapV4/assets/icon-v3.ts CHANGED Viewed

@@ -1,12 +1,12 @@
 import ACTIVITY_HISTORY from './icon-v3/activity-history'
 import FOOD from './icon-v3/bep-an'
 import HRM_CHECKIN from './icon-v3/cham-cong'
-import EMAIL_DASHBOARD from './icon-v3/cham-cong'
 import CHAM_TIET from './icon-v3/cham-tiet'
 import CHAT_DASHBOARD from './icon-v3/chat'
 import STORE from './icon-v3/cua-hang'
 import STUDENT_AFFAIRS from './icon-v3/diem-danh'
 import CIVILIZED_POINT from './icon-v3/diem-van-minh'
+import EMAIL_DASHBOARD from './icon-v3/email-dashboard'
 import GIAOVU from './icon-v3/giao-vu'
 import FEEDBACK from './icon-v3/gop-y'
 import TUITION from './icon-v3/hoc-phi'
@@ -16,6 +16,7 @@ import HRM_SALARY from './icon-v3/nhan-su'
 import NOITRU from './icon-v3/noi-tru-icon'
 import PBF_STONE from './icon-v3/pbf'
 import DEPARTMENT from './icon-v3/phong-ban'
+import PIN from './icon-v3/pin'
 import ROBOT_MOTION from './icon-v3/robot-motion'
 import SETTING_SITE from './icon-v3/setting'
 import ASSET from './icon-v3/tai-san'
@@ -26,6 +27,7 @@ import LIBRARY_TIEU_HOC from './icon-v3/thu-vien-tieu-hoc'
 import LIBRARY_TRUNG_HOC from './icon-v3/thu-vien-trung-hoc'
 import EVENT from './icon-v3/truyen-thong'
 import ENROLL from './icon-v3/tuyen-sinh'
+import UN_PIN from './icon-v3/un-pin'
 import USER from './icon-v3/user'
 import BUS_OPERATE from './icon-v3/van-hanh-xe-tuyen'
 import BUS_MANAGE from './icon-v3/xe-tuyen'
@@ -64,4 +66,6 @@ export const IconV3 = {
   PBF_STONE,
   SETTING_SITE,
   ACTIVITY_HISTORY,
+  UN_PIN,
+  PIN,
 }

package/dist/esm/components/MainWrapV4/components/nav-item.js CHANGED Viewed

@@ -28,9 +28,9 @@ export default function NavItem(_a) {
                     backgroundColor: bgActiveColor,
                 } })) : (React.createElement("div", { className: classNames('absolute -top-1 rounded-full py-1.5 group-hover:bg-white group-hover:blur-[19px]', isIconWithLabelHorizontal ? '-left-2 h-7 w-7' : 'h-8 w-8') })))) : (React.createElement(React.Fragment, null)),
             isShowSubMenuWhenHover && (React.createElement("div", { className: classNames('absolute top-1 z-[9999] hidden h-5 w-3 overflow-hidden pl-1 group-hover:block', isIconWithLabelHorizontal && '-right-[0.93rem]', isIconOnly && '-right-[1.02rem] top-[0.5rem]', isIconWithLabelVertical && '-right-[0.64rem]') },
-                React.createElement("div", { className: classNames('h-4 w-4  -rotate-[34deg] skew-x-[12deg] rounded-[3px] border  border-gray-300 bg-[#F7F7F7] ') }))),
+                React.createElement("div", { className: classNames('h-4 w-4  -rotate-[34deg] skew-x-[12deg] rounded-[3px] border  border-gray-300 bg-gray-50 ') }))),
             React.createElement("p", { className: classNames('text-center text-[10px]', isActive && isIconWithLabelHorizontal && 'font-medium text-gray-900', isActive && !isIconWithLabelHorizontal && 'text-white', isIconOnly && 'hidden', isIconWithLabelHorizontal && 'text-xxs') }, name.length > 7 && sideBarType !== SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL ? "".concat(name.slice(0, 7), "..") : name)),
-        isShowSubMenuWhenHover && (React.createElement("div", { className: classNames('shadow-soft absolute top-[0.05rem] z-[50]  hidden h-[calc(100vh-3.6rem)] w-[14.8rem] rounded-xl  bg-[#F7F7F7] px-2 group-hover:block', isIconWithLabelHorizontal ? 'left-[12.4rem]' : '', isIconOnly ? 'left-[3.65rem]' : '', isIconWithLabelVertical ? 'left-[3.8rem]' : '') },
+        isShowSubMenuWhenHover && (React.createElement("div", { className: classNames('shadow-soft absolute top-[0.05rem] z-[50]  hidden h-[calc(100vh-3.6rem)] w-[14.8rem] rounded-xl  bg-gray-50 px-2 group-hover:block', isIconWithLabelHorizontal ? 'left-[12.4rem]' : '', isIconOnly ? 'left-[3.65rem]' : '', isIconWithLabelVertical ? 'left-[3.8rem]' : '') },
             React.createElement("div", { className: ' absolute -left-4 bottom-0 top-0 z-30 w-5' }),
             React.createElement("h2", { className: 'mt-4 text-sm font-[650] text-gray-900' }, name),
             React.createElement("div", { className: classNames('mt-4 flex flex-col gap-1', isIconWithLabelHorizontal ? 'mt-4' : '', isIconOnly ? 'mt-3.5' : '') }, child === null || child === void 0 ? void 0 : child.map(function (c) {

package/dist/esm/components/MainWrapV4/components/nav-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nav-item.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/nav-item.tsx"],"names":[],"mappings":"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~~6FAA6F~~,~~CAC9F~~,GACD,CACE,CACP;YAED,2BACE,SAAS,EAAE,UAAU,CACnB,yBAAyB,EACzB,QAAQ,IAAI,yBAAyB,IAAI,2BAA2B,EACpE,QAAQ,IAAI,CAAC,yBAAyB,IAAI,YAAY,EACtD,UAAU,IAAI,QAAQ,EACtB,yBAAyB,IAAI,UAAU,CACxC,IAEA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,WAAW,KAAK,YAAY,CAAC,yBAAyB,CAAC,CAAC,CAAC,UAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,OAAI,CAAC,CAAC,CAAC,IAAI,CACzG,CACF;QAEH,sBAAsB,IAAI,CACzB,6BACE,SAAS,EAAE,UAAU,CACnB,~~sIAAsI~~,~~EACtI~~,yBAAyB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,EACjD,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAClC,uBAAuB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAC/C;YAED,6BAAK,SAAS,EAAC,2CAA2C,GAAG;YAE7D,4BAAI,SAAS,EAAC,uCAAuC,IAAE,IAAI,CAAM;YAEjE,6BACE,SAAS,EAAE,UAAU,CACnB,0BAA0B,EAC1B,yBAAyB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EACvC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAC3B,IAEA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,UAAC,CAAC;;gBACZ,IAAM,QAAQ,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;gBAC3C,IAAM,WAAW,GAAG,CAAA,MAAA,CAAC,CAAC,KAAK,0CAAE,MAAM,IAAG,CAAC,IAAI,CAAC,QAAQ,CAAA;gBACpD,OAAO,CACL,6BAAK,GAAG,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,EAAC,sBAAsB;oBAC/C,QAAQ,IAAI,6BAAK,SAAS,EAAC,oEAAoE,GAAG;oBACnG,2BACE,SAAS,EAAE,UAAU,CACnB,wDAAwD,EACxD,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAC1B,EACD,IAAI,EAAE,WAAI,QAAQ,SAAG,CAAC,CAAC,IAAI,CAAE;wBAE7B,oBAAC,KAAK,IACJ,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iCAAiC,CAAC,EACxE,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,GAAG,EACZ,GAAG;4BACD,aAAa;4BACb,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;gCAC7B,aAAa;gCACb,MAAM,CAAC,UAAG,IAAI,aAAU,CAAC,EAE3B,KAAK,EAAE,EAAE,GACT;wBACF,8BACE,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iCAAiC,CAAC,IAEhG,CAAC,CAAC,IAAI,CACF;wBACN,WAAW,IAAI,CACd,oBAAC,gBAAgB,IACf,SAAS,EAAC,yDAAyD,EACnE,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,GACT,CACH,CACC;oBAEH,WAAW,IAAI,CACd,6BACE,SAAS,EAAE,UAAU,CACnB,qIAAqI,CACtI;wBAED,6BAAK,SAAS,EAAC,uCAAuC,GAAG;wBACzD,6BAAK,SAAS,EAAC,iCAAiC,GAAG;wBAClD,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,EAAE,IAAK,OAAA,CACnB,2BACE,GAAG,EAAE,EAAE,CAAC,IAAI,EACZ,SAAS,EAAC,kGAAkG,EAC5G,IAAI,EAAE,WAAI,QAAQ,SAAG,EAAE,CAAC,IAAI,CAAE,IAE7B,EAAE,CAAC,IAAI,CACN,CACL,EARoB,CAQpB,CAAC,CACE,CACP,CACG,CACP,CAAA;YACH,CAAC,CAAC,CACE,CACF,CACP,CACG,CACP,CAAA;AACH,CAAC"}
1	+ {"version":3,"file":"nav-item.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/nav-item.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/MainWrapV4/components/other-menu.js CHANGED Viewed

@@ -6,9 +6,9 @@ import OtherIcon from '../assets/icon-v3/other-menu-icon';
 import { LOCALSTORAGE_SHOW_SIDEBAR_TYPE, MENU_CODE, SIDEBAR_TYPE, THEME_CODE, themes } from '../constant';
 import { normalizeString } from '../helper';
 import { classNames } from '../../types';
-import { PHXButton } from '../../Button';
 import { PHXModal } from '../../Modal';
 import { PHXSortable, PHXSortItem } from '../../..';
+import { IconV3 } from '../assets/icon-v3';
 function PinList(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, handleChangePined = _a.handleChangePined, list = _a.list, searchKeyword = _a.searchKeyword, title = _a.title;
     var filteredList = list
@@ -33,11 +33,8 @@ function PinList(_a) {
                 ? 'cursor-not-allowed'
                 : 'group border-[0.66px] border-white hover:border-gray-200 hover:bg-gray-100') },
             navItem.disabled && React.createElement("div", { className: ' absolute inset-0 bg-white opacity-60' }),
-            React.createElement("button", { className: 'peer absolute -right-2 -top-1 hidden rounded-full drop-shadow-md hover:scale-[1.1] group-hover:block', onClick: function () { return handleChangePined(navItem); }, type: 'button' },
-                React.createElement(Image, { alt: 'icon', height: 22, quality: 100,
-                    // @ts-ignore
-                    src: !navItem.isPined ? IconV2.PIN : IconV2.UN_PIN, width: 22 })),
-            React.createElement("div", { className: 'shadow-soft absolute -right-[0.5rem] -top-[2.95rem] hidden rounded-lg bg-white  p-2 drop-shadow-md peer-hover:block' },
+            React.createElement("button", { className: 'peer absolute -right-[0.5rem] -top-[0.5rem] z-10 hidden rounded-full bg-white p-1 text-black  drop-shadow-md hover:bg-gray-200 group-hover:block', onClick: function () { return handleChangePined(navItem); }, type: 'button' }, navItem.isPined ? React.createElement(IconV3.UN_PIN, null) : React.createElement(IconV3.PIN, null)),
+            React.createElement("div", { className: 'shadow-soft absolute -right-[0.6rem] -top-[3rem] hidden rounded-lg bg-white  p-2 drop-shadow-md peer-hover:block' },
                 React.createElement("p", { className: 'text-xs' }, !navItem.isPined ? 'Ghim' : 'Bỏ ghim'),
                 React.createElement("div", { className: ' absolute bottom-0 right-0.5 z-10 h-2 w-6 rounded-lg bg-white' }),
                 React.createElement("div", { className: classNames('absolute  right-1  h-5 w-3 -rotate-90 overflow-hidden pl-1') },
@@ -54,6 +51,13 @@ function SearchBar(_a) {
         React.createElement(Image, { alt: 'icon', height: 20, quality: 100, src: IconV2.SEARCH, width: 20 }),
         React.createElement("input", { className: '-ml-1.5 flex-1 border-none bg-transparent text-xs focus:ring-0', onChange: function (e) { return onChange(e.target.value); }, placeholder: 'T\u00ECm ki\u1EBFm ph\u00E2n h\u1EC7', type: 'text', value: currValue })));
 }
+function ChangeButton(_a) {
+    var children = _a.children, onClick = _a.onClick;
+    return (React.createElement("button", { className: classNames("px-2 py-1.5 text-xs hover:before:opacity-100", "shadow-sm border border-transparent bg-white font-normal text-gray-950 hover:border-gray-300 active:border-b-gray-300 active:bg-gray-200 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]", "group relative isolate flex items-center justify-center overflow-hidden rounded-md transition duration-300 ease-[cubic-bezier(0.4,0.36,0,1)] hover:shadow-[inset_0_1px_theme(colors.white/0.07),0_0.12px_0_theme(colors.gray.900/0.5)]", '!rounded-[8px]'), onClick: onClick, type: 'button' },
+        React.createElement("div", null,
+            React.createElement("span", null,
+                React.createElement("span", { className: 'flex w-full items-center justify-center gap-1 whitespace-nowrap text-[--button-color-text] drop-shadow-[--button-text-shadow] transition [--button-height:calc((theme(spacing.3)+theme(fontSize.base[1].lineHeight))*-1)]' }, children)))));
+}
 function ModalCustomPin(_a) {
     var _this = this;
     var data = _a.data, onChangeSideBarType = _a.onChangeSideBarType, onChangeTheme = _a.onChangeTheme, onOpen = _a.onOpen, onOrder = _a.onOrder, themeCode = _a.themeCode;
@@ -122,18 +126,12 @@ function ModalCustomPin(_a) {
         }
     }, [show]);
     return (React.createElement(React.Fragment, null,
-        React.createElement(PHXButton
-        // @ts-ignore
-        // eslint-disable-next-line react/no-children-prop
-        , {
-            // @ts-ignore
-            // eslint-disable-next-line react/no-children-prop
-            children: React.createElement(React.Fragment, null,
-                React.createElement(Image, { alt: 'icon', height: 18, quality: 100, src: IconV2.SETTING_OTHER_MENU, width: 18 }),
-                React.createElement("p", null, " Tu\u1EF3 ch\u1EC9nh")), className: 'flex items-center font-normal text-gray-600', onClick: function () {
+        React.createElement(ChangeButton, { onClick: function () {
                 setShow(true);
                 onOpen();
-            }, secondary: true, size: 'micro', type: 'button' }),
+            } },
+            React.createElement(Image, { alt: 'icon', height: 18, quality: 100, src: IconV2.SETTING_OTHER_MENU, width: 18 }),
+            React.createElement("p", null, " Tu\u1EF3 ch\u1EC9nh")),
         React.createElement(PHXModal, { inCard: false, onHide: onHide, onSubmit: onSubmit, primaryActionText: 'L\u01B0u l\u1EA1i', primaryLoading: loading, show: show, size: 'medium', title: 'Tu\u1EF3 ch\u1EC9nh thanh b\u00EAn' },
             React.createElement("h2", { className: 'mb-2 text-xs font-[650] text-gray-900' }, "B\u1ED1 c\u1EE5c"),
             React.createElement("div", { className: 'mb-4 flex items-center gap-x-5' }, arrSideBarType.map(function (type) { return (React.createElement("button", { key: type.code, onClick: function () {
@@ -205,8 +203,8 @@ export default function OtherMenu(_a) {
     }, [active]);
     return (React.createElement("div", { ref: containerRef },
         React.createElement("button", { className: classNames('group relative flex items-center', isIconWithLabelHorizontal
-                ? 'w-[11.5rem] gap-x-2 rounded-lg px-2 pb-1 pt-1.5 hover:bg-gray-50'
-                : 'mt-0.5 h-5 flex-col gap-y-2', isIconWithLabelHorizontal && active && 'bg-gray-50', isIconOnly && !isDefaultTheme ? 'mt-1' : ''), onClick: function () { return setActive(!active); }, type: 'button' },
+                ? 'w-[11.5rem] gap-x-2 rounded-lg px-2 pb-1 pt-1.5 hover:bg-white'
+                : 'mt-0.5 h-5 flex-col gap-y-2', isIconWithLabelHorizontal && active && 'bg-white', isIconOnly && !isDefaultTheme ? 'mt-1' : ''), onClick: function () { return setActive(!active); }, type: 'button' },
             active && (React.createElement("div", { className: classNames('absolute z-[9999] h-5 w-3 overflow-hidden pl-1', isIconWithLabelHorizontal ? 'left-[11.6rem]' : '', isIconOnly ? 'left-[1.95rem] top-[0.25rem]' : '', isIconWithLabelVertical ? 'left-[2.75rem] top-[0.25rem]' : '') },
                 React.createElement("div", { className: ' h-4 w-4  -rotate-[37.5deg] skew-x-[12deg] rounded-[3px]  border border-gray-300 bg-white' }))),
             active ? (React.createElement("div", { className: classNames('absolute h-7 w-7 rounded-full ', isIconWithLabelHorizontal ? '-left-2' : '', isDefaultTheme ? 'bg-white blur-[18px]' : '') })) : (React.createElement("div", { className: classNames('absolute h-7  w-7 rounded-full py-1.5  ', isIconWithLabelHorizontal ? '-left-2' : '', isDefaultTheme ? 'group-hover:bg-white group-hover:blur-[18px]' : '') })),
@@ -229,7 +227,7 @@ export default function OtherMenu(_a) {
                     React.createElement(ModalCustomPin, { data: pined, onChangeSideBarType: onChangeSideBarType, onChangeTheme: onChangeTheme, onOpen: function () { return setActive(false); }, onOrder: onOrder, themeCode: theme === null || theme === void 0 ? void 0 : theme.code })),
                 React.createElement(SearchBar, { className: 'mx-4 mt-4', currValue: searchKeyword, onChange: function (value) { return setSearchKeyWord(value); } }),
                 React.createElement("style", null, "/* custom scrollbar */\n              .custom-scrollbar::-webkit-scrollbar {\n                width: 6px;\n                height: 6px;\n              }\n              .custom-scrollbar::-webkit-scrollbar-thumb {\n                background: rgb(199 199 199); /* gray-400 */\n                border-radius: 16px; /* bo tr\u00F2n */\n              }\n            "),
-                React.createElement("div", { className: 'custom-scrollbar mr-[1px] mt-2 max-h-[calc(100vh-10.3rem)]  overflow-y-auto px-4 pb-4 pt-4' },
+                React.createElement("div", { className: 'custom-scrollbar mr-[1px] mt-2 max-h-[calc(100vh-10.3rem)]  overflow-y-auto px-4 pb-4 pt-6' },
                     React.createElement(PinList, { handleChangePined: handleChangePined, list: pined, searchKeyword: searchKeyword, title: "\u0110\u00E3 ghim (".concat(pinedLength, "/").concat(countMenu, ")") }),
                     React.createElement(PinList, { className: "".concat(pinedLength > 1 ? 'mt-2' : ''), handleChangePined: handleChangePined, list: noPined, searchKeyword: searchKeyword, title: "Ch\u01B0a ghim (".concat(noPinedLength, "/").concat(countMenu, ")") }))))));
 }