phx-react 1.3.1705 → 1.3.1706
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/Button/Button.d.ts +2 -1
- package/dist/cjs/components/Button/Button.js +2 -2
- package/dist/cjs/components/Button/Button.js.map +1 -1
- package/dist/cjs/components/GridLayout/GridLayout.d.ts +2 -1
- package/dist/cjs/components/GridLayout/GridLayout.js +5 -3
- package/dist/cjs/components/GridLayout/GridLayout.js.map +1 -1
- package/dist/esm/components/Button/Button.d.ts +2 -1
- package/dist/esm/components/Button/Button.js +2 -2
- package/dist/esm/components/Button/Button.js.map +1 -1
- package/dist/esm/components/GridLayout/GridLayout.d.ts +2 -1
- package/dist/esm/components/GridLayout/GridLayout.js +5 -3
- package/dist/esm/components/GridLayout/GridLayout.js.map +1 -1
- package/package.json +1 -1
|
@@ -31,6 +31,7 @@ export interface ButtonProps extends BaseButton {
|
|
|
31
31
|
style?: any;
|
|
32
32
|
typeIcon?: keyof typeof typeIconMap;
|
|
33
33
|
soft2?: boolean;
|
|
34
|
+
squareSize?: number;
|
|
34
35
|
}
|
|
35
|
-
export declare const PHXButton: ({ primary, secondary, danger, danger2, plain, tertiary, plainCritical, primaryCritical, split, options, soft, soft2, deleted, deletedButton, rounded, submit, size, children, icon, iconClassName, iconOutline, iconPosition, disabled, loading, id, onClick, className, style, typeIcon, }: ButtonProps) => React.JSX.Element;
|
|
36
|
+
export declare const PHXButton: ({ primary, secondary, danger, danger2, plain, tertiary, plainCritical, primaryCritical, split, options, soft, soft2, deleted, deletedButton, rounded, submit, size, children, icon, iconClassName, iconOutline, iconPosition, disabled, loading, id, onClick, className, style, typeIcon, squareSize, }: ButtonProps) => React.JSX.Element;
|
|
36
37
|
export {};
|
|
@@ -14,7 +14,7 @@ const typeIconMap = {
|
|
|
14
14
|
calendar: 'CalendarDaysIcon',
|
|
15
15
|
// download: 'ArrowDownTrayIcon',
|
|
16
16
|
};
|
|
17
|
-
const PHXButton = ({ primary, secondary, danger, danger2, plain, tertiary, plainCritical, primaryCritical, split, options, soft, soft2, deleted, deletedButton = true, rounded, submit, size = 'medium', children, icon, iconClassName, iconOutline = false, iconPosition = 'before', disabled = false, loading = false, id, onClick, className, style, typeIcon, }) => {
|
|
17
|
+
const PHXButton = ({ primary, secondary, danger, danger2, plain, tertiary, plainCritical, primaryCritical, split, options, soft, soft2, deleted, deletedButton = true, rounded, submit, size = 'medium', children, icon, iconClassName, iconOutline = false, iconPosition = 'before', disabled = false, loading = false, id, onClick, className, style, typeIcon, squareSize, }) => {
|
|
18
18
|
let Icon;
|
|
19
19
|
if (icon) {
|
|
20
20
|
// nếu truyền thẳng tên icon
|
|
@@ -62,7 +62,7 @@ const PHXButton = ({ primary, secondary, danger, danger2, plain, tertiary, plain
|
|
|
62
62
|
? `${!secondary ? 'active:pt-[0.37rem] active:pb-[0.27rem]' : 'active:pt-[0.3rem] active:pb-[0.2rem]'}`
|
|
63
63
|
: ''}`, size === 'medium' && isNew && `px-2.5 py-1.5 text-sm ${!disabled ? 'active:pt-[0.45rem] active:pb-[0.3rem]' : ''}`, size === 'large' && isNew && `px-3 py-2 text-sm ${!disabled ? 'active:pt-[0.55rem] active:pb-[0.45rem]' : ''}`, size === 'extra-large' &&
|
|
64
64
|
isNew &&
|
|
65
|
-
`px-3.5 py-2.5 text-sm ${!disabled ? 'active:pt-[0.7rem] active:pb-[0.55rem]' : ''}`, size === 'micro' && `px-2 py-1 text-xxs`, size === 'small' && `px-3 text-xxs`, size === 'extra-micro' && `px-1.5 py-1 text-xxs`, size === 'medium' && `px-3 py-1.5 text-sm`, size === 'large' && `px-3 py-2 text-sm `, size === 'extra-large' && `px-3.5 py-2.5 text-sm`, (icon || typeIcon) && (size === 'medium' || size === 'large') && 'items-center', (icon || typeIcon) && size === 'extra-large' && 'items-center', loading && 'opacity-30', 'relative', disabled && 'opacity-30 cursor-default', className);
|
|
65
|
+
`px-3.5 py-2.5 text-sm ${!disabled ? 'active:pt-[0.7rem] active:pb-[0.55rem]' : ''}`, size === 'micro' && `px-2 py-1 text-xxs`, size === 'small' && `px-3 text-xxs`, size === 'extra-micro' && `px-1.5 py-1 text-xxs`, size === 'medium' && `px-3 py-1.5 text-sm`, size === 'large' && `px-3 py-2 text-sm `, size === 'extra-large' && `px-3.5 py-2.5 text-sm`, (icon || typeIcon) && (size === 'medium' || size === 'large') && 'items-center', (icon || typeIcon) && size === 'extra-large' && 'items-center', loading && 'opacity-30', 'relative', disabled && 'opacity-30 cursor-default', squareSize && 'flex items-center justify-center !p-0 aspect-square shrink-0', squareSize && `w-${squareSize} h-${squareSize}`, className);
|
|
66
66
|
const iconClass = (0, types_1.classNames)((icon || typeIcon) && iconPosition === 'before' && size !== 'extra-micro' && 'h-5 w-5', (icon || typeIcon) && iconPosition === 'after' && size !== 'extra-micro' && 'h-5 w-5', (icon || typeIcon) && iconPosition === 'before' && size === 'extra-micro' && 'h-4 w-4', (icon || typeIcon) && iconPosition === 'after' && size === 'extra-micro' && 'h-4 w-4', iconClassName);
|
|
67
67
|
// Icon markup
|
|
68
68
|
const iconMarkup = Icon && react_1.default.createElement(Icon, { className: iconClass });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuC;AACvC,8EAAuD;AACvD,kFAA2D;AAC3D,2DAAuD;AACvD,oCAAiD;AACjD,iFAAqE;AACrE,6CAAoD;AAGpD,8BAA8B;AAC9B,MAAM,WAAW,GAA4C;IAC3D,QAAQ,EAAE,kBAAkB;IAC5B,iCAAiC;CAClC,CAAA;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,5 +10,6 @@ export interface CardLayoutProps {
|
|
|
10
10
|
gap?: number;
|
|
11
11
|
isCustomComponent?: boolean;
|
|
12
12
|
data?: Array<ItemRender>;
|
|
13
|
+
fitContent?: boolean;
|
|
13
14
|
}
|
|
14
|
-
export declare const PHXGridLayout: ({ children, className, col, data, gap, isCustomComponent, }: CardLayoutProps) => React.JSX.Element;
|
|
15
|
+
export declare const PHXGridLayout: ({ children, className, col, data, gap, isCustomComponent, fitContent, }: CardLayoutProps) => React.JSX.Element;
|
|
@@ -4,13 +4,15 @@ exports.PHXGridLayout = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
const useResize_1 = require("./useResize");
|
|
7
|
-
const
|
|
7
|
+
const types_1 = require("../types");
|
|
8
|
+
const PHXGridLayout = ({ children, className, col = 1, data = [], gap = 3, isCustomComponent = false, fitContent = false, }) => {
|
|
8
9
|
const width = (0, useResize_1.useResize)();
|
|
9
|
-
|
|
10
|
+
const gridColumns = fitContent ? `repeat(${col}, auto)` : `repeat(${col}, minmax(0, 1fr))`;
|
|
11
|
+
return (react_1.default.createElement("div", { className: (0, types_1.classNames)(className, fitContent ? 'w-fit' : '') },
|
|
10
12
|
react_1.default.createElement("div", { className: 'grid sm:grid-cols-2 md:grid-cols-3', style: width < 1024
|
|
11
13
|
? { gap: `${4 * gap}px` }
|
|
12
14
|
: {
|
|
13
|
-
gridTemplateColumns:
|
|
15
|
+
gridTemplateColumns: gridColumns,
|
|
14
16
|
gap: `${4 * gap}px`,
|
|
15
17
|
} }, isCustomComponent ? (react_1.default.createElement(react_1.default.Fragment, null, children)) : (react_1.default.createElement(react_1.default.Fragment, null, data.map((item, index) => (react_1.default.createElement("div", { key: index + 1, className: 'flex flex-col gap-y-1' },
|
|
16
18
|
react_1.default.createElement("div", { className: 'text-xs leading-5 text-gray-600' }, item.title),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GridLayout.js","sourceRoot":"","sources":["../../../../src/components/GridLayout/GridLayout.tsx"],"names":[],"mappings":";;;;AAAA,0DAAwC;AACxC,2CAAuC;
|
|
1
|
+
{"version":3,"file":"GridLayout.js","sourceRoot":"","sources":["../../../../src/components/GridLayout/GridLayout.tsx"],"names":[],"mappings":";;;;AAAA,0DAAwC;AACxC,2CAAuC;AACvC,oCAAqC;AAiB9B,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,GAAG,CAAC,EACP,IAAI,GAAG,EAAE,EACT,GAAG,GAAG,CAAC,EACP,iBAAiB,GAAG,KAAK,EACzB,UAAU,GAAG,KAAK,GACF,EAAE,EAAE;IACpB,MAAM,KAAK,GAAG,IAAA,qBAAS,GAAE,CAAA;IACzB,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,UAAU,GAAG,mBAAmB,CAAA;IAC1F,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9D,uCACE,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EACH,KAAK,GAAG,IAAI;gBACV,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,GAAG,IAAI,EAAE;gBACzB,CAAC,CAAC;oBACE,mBAAmB,EAAE,WAAW;oBAChC,GAAG,EAAE,GAAG,CAAC,GAAG,GAAG,IAAI;iBACpB,IAGN,iBAAiB,CAAC,CAAC,CAAC,CACnB,8DAAG,QAAQ,CAAI,CAChB,CAAC,CAAC,CAAC,CACF,8DACG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAgB,EAAE,KAAa,EAAE,EAAE,CAAC,CAC7C,uCAAK,GAAG,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,EAAC,uBAAuB;YACpD,uCAAK,SAAS,EAAC,iCAAiC,IAAE,IAAI,CAAC,KAAK,CAAO;YACnE,uCAAK,SAAS,EAAC,sDAAsD,IAAE,IAAI,CAAC,OAAO,CAAO,CACtF,CACP,CAAC,CACD,CACJ,CACG,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAvCY,QAAA,aAAa,iBAuCzB"}
|
|
@@ -31,6 +31,7 @@ export interface ButtonProps extends BaseButton {
|
|
|
31
31
|
style?: any;
|
|
32
32
|
typeIcon?: keyof typeof typeIconMap;
|
|
33
33
|
soft2?: boolean;
|
|
34
|
+
squareSize?: number;
|
|
34
35
|
}
|
|
35
|
-
export declare const PHXButton: ({ primary, secondary, danger, danger2, plain, tertiary, plainCritical, primaryCritical, split, options, soft, soft2, deleted, deletedButton, rounded, submit, size, children, icon, iconClassName, iconOutline, iconPosition, disabled, loading, id, onClick, className, style, typeIcon, }: ButtonProps) => React.JSX.Element;
|
|
36
|
+
export declare const PHXButton: ({ primary, secondary, danger, danger2, plain, tertiary, plainCritical, primaryCritical, split, options, soft, soft2, deleted, deletedButton, rounded, submit, size, children, icon, iconClassName, iconOutline, iconPosition, disabled, loading, id, onClick, className, style, typeIcon, squareSize, }: ButtonProps) => React.JSX.Element;
|
|
36
37
|
export {};
|
|
@@ -10,7 +10,7 @@ const typeIconMap = {
|
|
|
10
10
|
calendar: 'CalendarDaysIcon',
|
|
11
11
|
// download: 'ArrowDownTrayIcon',
|
|
12
12
|
};
|
|
13
|
-
export const PHXButton = ({ primary, secondary, danger, danger2, plain, tertiary, plainCritical, primaryCritical, split, options, soft, soft2, deleted, deletedButton = true, rounded, submit, size = 'medium', children, icon, iconClassName, iconOutline = false, iconPosition = 'before', disabled = false, loading = false, id, onClick, className, style, typeIcon, }) => {
|
|
13
|
+
export const PHXButton = ({ primary, secondary, danger, danger2, plain, tertiary, plainCritical, primaryCritical, split, options, soft, soft2, deleted, deletedButton = true, rounded, submit, size = 'medium', children, icon, iconClassName, iconOutline = false, iconPosition = 'before', disabled = false, loading = false, id, onClick, className, style, typeIcon, squareSize, }) => {
|
|
14
14
|
let Icon;
|
|
15
15
|
if (icon) {
|
|
16
16
|
// nếu truyền thẳng tên icon
|
|
@@ -58,7 +58,7 @@ export const PHXButton = ({ primary, secondary, danger, danger2, plain, tertiary
|
|
|
58
58
|
? `${!secondary ? 'active:pt-[0.37rem] active:pb-[0.27rem]' : 'active:pt-[0.3rem] active:pb-[0.2rem]'}`
|
|
59
59
|
: ''}`, size === 'medium' && isNew && `px-2.5 py-1.5 text-sm ${!disabled ? 'active:pt-[0.45rem] active:pb-[0.3rem]' : ''}`, size === 'large' && isNew && `px-3 py-2 text-sm ${!disabled ? 'active:pt-[0.55rem] active:pb-[0.45rem]' : ''}`, size === 'extra-large' &&
|
|
60
60
|
isNew &&
|
|
61
|
-
`px-3.5 py-2.5 text-sm ${!disabled ? 'active:pt-[0.7rem] active:pb-[0.55rem]' : ''}`, size === 'micro' && `px-2 py-1 text-xxs`, size === 'small' && `px-3 text-xxs`, size === 'extra-micro' && `px-1.5 py-1 text-xxs`, size === 'medium' && `px-3 py-1.5 text-sm`, size === 'large' && `px-3 py-2 text-sm `, size === 'extra-large' && `px-3.5 py-2.5 text-sm`, (icon || typeIcon) && (size === 'medium' || size === 'large') && 'items-center', (icon || typeIcon) && size === 'extra-large' && 'items-center', loading && 'opacity-30', 'relative', disabled && 'opacity-30 cursor-default', className);
|
|
61
|
+
`px-3.5 py-2.5 text-sm ${!disabled ? 'active:pt-[0.7rem] active:pb-[0.55rem]' : ''}`, size === 'micro' && `px-2 py-1 text-xxs`, size === 'small' && `px-3 text-xxs`, size === 'extra-micro' && `px-1.5 py-1 text-xxs`, size === 'medium' && `px-3 py-1.5 text-sm`, size === 'large' && `px-3 py-2 text-sm `, size === 'extra-large' && `px-3.5 py-2.5 text-sm`, (icon || typeIcon) && (size === 'medium' || size === 'large') && 'items-center', (icon || typeIcon) && size === 'extra-large' && 'items-center', loading && 'opacity-30', 'relative', disabled && 'opacity-30 cursor-default', squareSize && 'flex items-center justify-center !p-0 aspect-square shrink-0', squareSize && `w-${squareSize} h-${squareSize}`, className);
|
|
62
62
|
const iconClass = classNames((icon || typeIcon) && iconPosition === 'before' && size !== 'extra-micro' && 'h-5 w-5', (icon || typeIcon) && iconPosition === 'after' && size !== 'extra-micro' && 'h-5 w-5', (icon || typeIcon) && iconPosition === 'before' && size === 'extra-micro' && 'h-4 w-4', (icon || typeIcon) && iconPosition === 'after' && size === 'extra-micro' && 'h-4 w-4', iconClassName);
|
|
63
63
|
// Icon markup
|
|
64
64
|
const iconMarkup = Icon && React.createElement(Icon, { className: iconClass });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAA;AACvD,OAAO,KAAK,YAAY,MAAM,6BAA6B,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAGpD,8BAA8B;AAC9B,MAAM,WAAW,GAA4C;IAC3D,QAAQ,EAAE,kBAAkB;IAC5B,iCAAiC;CAClC,CAAA;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,5 +10,6 @@ export interface CardLayoutProps {
|
|
|
10
10
|
gap?: number;
|
|
11
11
|
isCustomComponent?: boolean;
|
|
12
12
|
data?: Array<ItemRender>;
|
|
13
|
+
fitContent?: boolean;
|
|
13
14
|
}
|
|
14
|
-
export declare const PHXGridLayout: ({ children, className, col, data, gap, isCustomComponent, }: CardLayoutProps) => React.JSX.Element;
|
|
15
|
+
export declare const PHXGridLayout: ({ children, className, col, data, gap, isCustomComponent, fitContent, }: CardLayoutProps) => React.JSX.Element;
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { useResize } from './useResize';
|
|
3
|
-
|
|
3
|
+
import { classNames } from '../types';
|
|
4
|
+
export const PHXGridLayout = ({ children, className, col = 1, data = [], gap = 3, isCustomComponent = false, fitContent = false, }) => {
|
|
4
5
|
const width = useResize();
|
|
5
|
-
|
|
6
|
+
const gridColumns = fitContent ? `repeat(${col}, auto)` : `repeat(${col}, minmax(0, 1fr))`;
|
|
7
|
+
return (React.createElement("div", { className: classNames(className, fitContent ? 'w-fit' : '') },
|
|
6
8
|
React.createElement("div", { className: 'grid sm:grid-cols-2 md:grid-cols-3', style: width < 1024
|
|
7
9
|
? { gap: `${4 * gap}px` }
|
|
8
10
|
: {
|
|
9
|
-
gridTemplateColumns:
|
|
11
|
+
gridTemplateColumns: gridColumns,
|
|
10
12
|
gap: `${4 * gap}px`,
|
|
11
13
|
} }, isCustomComponent ? (React.createElement(React.Fragment, null, children)) : (React.createElement(React.Fragment, null, data.map((item, index) => (React.createElement("div", { key: index + 1, className: 'flex flex-col gap-y-1' },
|
|
12
14
|
React.createElement("div", { className: 'text-xs leading-5 text-gray-600' }, item.title),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GridLayout.js","sourceRoot":"","sources":["../../../../src/components/GridLayout/GridLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"GridLayout.js","sourceRoot":"","sources":["../../../../src/components/GridLayout/GridLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAiBrC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,GAAG,CAAC,EACP,IAAI,GAAG,EAAE,EACT,GAAG,GAAG,CAAC,EACP,iBAAiB,GAAG,KAAK,EACzB,UAAU,GAAG,KAAK,GACF,EAAE,EAAE;IACpB,MAAM,KAAK,GAAG,SAAS,EAAE,CAAA;IACzB,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,UAAU,GAAG,mBAAmB,CAAA;IAC1F,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9D,6BACE,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EACH,KAAK,GAAG,IAAI;gBACV,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,GAAG,IAAI,EAAE;gBACzB,CAAC,CAAC;oBACE,mBAAmB,EAAE,WAAW;oBAChC,GAAG,EAAE,GAAG,CAAC,GAAG,GAAG,IAAI;iBACpB,IAGN,iBAAiB,CAAC,CAAC,CAAC,CACnB,0CAAG,QAAQ,CAAI,CAChB,CAAC,CAAC,CAAC,CACF,0CACG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAgB,EAAE,KAAa,EAAE,EAAE,CAAC,CAC7C,6BAAK,GAAG,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,EAAC,uBAAuB;YACpD,6BAAK,SAAS,EAAC,iCAAiC,IAAE,IAAI,CAAC,KAAK,CAAO;YACnE,6BAAK,SAAS,EAAC,sDAAsD,IAAE,IAAI,CAAC,OAAO,CAAO,CACtF,CACP,CAAC,CACD,CACJ,CACG,CACF,CACP,CAAA;AACH,CAAC,CAAA"}
|