phx-react 1.3.1491 → 1.3.1492
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/SelectWithAction/HelpText.d.ts +9 -0
- package/dist/cjs/components/SelectWithAction/HelpText.js +16 -0
- package/dist/cjs/components/SelectWithAction/HelpText.js.map +1 -0
- package/dist/cjs/components/SelectWithAction/SelectWithAction.d.ts +8 -2
- package/dist/cjs/components/SelectWithAction/SelectWithAction.js +12 -8
- package/dist/cjs/components/SelectWithAction/SelectWithAction.js.map +1 -1
- package/dist/cjs/components/Text/Text.d.ts +1 -0
- package/dist/cjs/components/Text/Text.js +1 -1
- package/dist/cjs/components/Text/Text.js.map +1 -1
- package/dist/esm/components/SelectWithAction/HelpText.d.ts +9 -0
- package/dist/esm/components/SelectWithAction/HelpText.js +11 -0
- package/dist/esm/components/SelectWithAction/HelpText.js.map +1 -0
- package/dist/esm/components/SelectWithAction/SelectWithAction.d.ts +8 -2
- package/dist/esm/components/SelectWithAction/SelectWithAction.js +13 -8
- package/dist/esm/components/SelectWithAction/SelectWithAction.js.map +1 -1
- package/dist/esm/components/Text/Text.d.ts +1 -0
- package/dist/esm/components/Text/Text.js +1 -1
- package/dist/esm/components/Text/Text.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface HelpTextContent {
|
|
3
|
+
title: string;
|
|
4
|
+
description: string;
|
|
5
|
+
}
|
|
6
|
+
export interface HelpTextProps {
|
|
7
|
+
helpText?: string | HelpTextContent;
|
|
8
|
+
}
|
|
9
|
+
export declare const PHXHelpText: ({ helpText }: HelpTextProps) => React.JSX.Element;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PHXHelpText = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var Text_1 = require("../Text/Text");
|
|
6
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
7
|
+
var PHXHelpText = function (_a) {
|
|
8
|
+
var helpText = _a.helpText;
|
|
9
|
+
if (!helpText)
|
|
10
|
+
return react_1.default.createElement(react_1.default.Fragment, null);
|
|
11
|
+
return (react_1.default.createElement(Text_1.PHXText, { as: 'div', tone: 'subdued' }, typeof helpText === 'string' ? (helpText) : (react_1.default.createElement("div", { className: 'flex gap-1' },
|
|
12
|
+
react_1.default.createElement(Text_1.PHXText, { as: 'div', tone: 'subdued' }, "".concat(helpText.title, ":")),
|
|
13
|
+
react_1.default.createElement(Text_1.PHXText, { as: 'div' }, helpText.description)))));
|
|
14
|
+
};
|
|
15
|
+
exports.PHXHelpText = PHXHelpText;
|
|
16
|
+
//# sourceMappingURL=HelpText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/HelpText.tsx"],"names":[],"mappings":";;;;AAAA,qCAAsC;AACtC,wDAAyB;AAWlB,IAAM,WAAW,GAAG,UAAC,EAA2B;QAAzB,QAAQ,cAAA;IACpC,IAAI,CAAC,QAAQ;QAAE,OAAO,6DAAK,CAAA;IAE3B,OAAO,CACL,8BAAC,cAAO,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,SAAS,IAC7B,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAC,YAAY;QACzB,8BAAC,cAAO,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,SAAS,IAC7B,UAAG,QAAQ,CAAC,KAAK,MAAG,CACb;QACV,8BAAC,cAAO,IAAC,EAAE,EAAC,KAAK,IAAE,QAAQ,CAAC,WAAW,CAAW,CAC9C,CACP,CACO,CACX,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,WAAW,eAiBvB"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import { BadgeProps } from '../Badge';
|
|
3
4
|
export type IconItemType = 'edit' | 'delete';
|
|
4
5
|
export interface ActionItem {
|
|
5
6
|
type: IconItemType;
|
|
@@ -8,13 +9,18 @@ export interface ActionItem {
|
|
|
8
9
|
export interface SelectOption {
|
|
9
10
|
value: string;
|
|
10
11
|
label: string;
|
|
11
|
-
helpText?: string;
|
|
12
|
+
helpText?: string | SelectHelpText;
|
|
13
|
+
badge?: BadgeProps;
|
|
12
14
|
action?: ActionItem;
|
|
13
15
|
}
|
|
14
16
|
export interface Search {
|
|
15
17
|
value: string;
|
|
16
18
|
handleFilter(value: string): void;
|
|
17
19
|
}
|
|
20
|
+
export interface SelectHelpText {
|
|
21
|
+
title: string;
|
|
22
|
+
description: string;
|
|
23
|
+
}
|
|
18
24
|
export interface PHXSelectWithActionProps {
|
|
19
25
|
label: string;
|
|
20
26
|
suffix?: ReactNode;
|
|
@@ -27,7 +33,7 @@ export interface PHXSelectWithActionProps {
|
|
|
27
33
|
className?: string;
|
|
28
34
|
maxHeight?: string;
|
|
29
35
|
error?: string;
|
|
30
|
-
helpText?: string;
|
|
36
|
+
helpText?: string | SelectHelpText;
|
|
31
37
|
emptyState?: ReactNode;
|
|
32
38
|
emptySearchState?: ReactNode;
|
|
33
39
|
loading?: boolean;
|
|
@@ -14,6 +14,8 @@ var react_2 = tslib_1.__importDefault(require("react"));
|
|
|
14
14
|
var types_1 = require("../types");
|
|
15
15
|
var IconLoading_1 = require("../../commons/IconLoading");
|
|
16
16
|
var Text_1 = require("../Text/Text");
|
|
17
|
+
var Badge_1 = require("../Badge");
|
|
18
|
+
var HelpText_1 = require("./HelpText");
|
|
17
19
|
var ADD_NEW_VALUE = 'ADD_NEW';
|
|
18
20
|
function PHXSelectWithAction(_a) {
|
|
19
21
|
var addNew = _a.addNew, _b = _a.className, className = _b === void 0 ? '' : _b, emptySearchState = _a.emptySearchState, emptyState = _a.emptyState, error = _a.error, helpText = _a.helpText, label = _a.label, loading = _a.loading, _c = _a.maxHeight, maxHeight = _c === void 0 ? '300px' : _c, onChange = _a.onChange, options = _a.options, _d = _a.placeholder, placeholder = _d === void 0 ? 'Lựa chọn' : _d, search = _a.search, _e = _a.searchPlaceholder, searchPlaceholder = _e === void 0 ? 'Tìm kiếm' : _e, suffix = _a.suffix, defaultValue = _a.value;
|
|
@@ -103,14 +105,15 @@ function PHXSelectWithAction(_a) {
|
|
|
103
105
|
addNew && (react_2.default.createElement("button", { className: (0, types_1.classNames)('border-border flex w-full cursor-pointer items-center gap-2 border-b px-4 py-3 text-sm transition-colors hover:bg-zinc-100'), onClick: function () { return handleChange(ADD_NEW_VALUE); }, type: 'button' },
|
|
104
106
|
react_2.default.createElement(image_1.default, { alt: '', height: 13, src: plus_circle_icon_svg_1.default, width: 13 }),
|
|
105
107
|
react_2.default.createElement(Text_1.PHXText, null, addNew.title))),
|
|
106
|
-
react_2.default.createElement("div",
|
|
108
|
+
react_2.default.createElement("div", null, filteredOptions.length > 0 ? (filteredOptions.map(function (option) {
|
|
107
109
|
var selected = isOptionSelected(option);
|
|
108
|
-
return (react_2.default.createElement("button", { key: option.value, className: (0, types_1.classNames)('group w-full cursor-pointer
|
|
110
|
+
return (react_2.default.createElement("button", { key: option.value, className: (0, types_1.classNames)('group w-full cursor-pointer px-2', selected ? 'bg-zinc-200 ' : ' hover:bg-zinc-100'), onClick: function () { return handleChange(option); }, type: 'button' },
|
|
109
111
|
react_2.default.createElement("div", { className: 'flex items-center justify-between' },
|
|
110
|
-
react_2.default.createElement("div", { className: 'max-w-[90%] px-2 py-2.5 text-left ' },
|
|
111
|
-
react_2.default.createElement(Text_1.PHXText, { className: "truncate ".concat(selected ? 'font-semibold text-gray-900' : 'text-gray-700') }, option.label),
|
|
112
|
-
option.helpText &&
|
|
113
|
-
|
|
112
|
+
react_2.default.createElement("div", { className: 'max-w-[90%] px-2 py-2.5 text-left space-y-1' },
|
|
113
|
+
react_2.default.createElement(Text_1.PHXText, { className: "truncate ".concat(selected ? 'font-semibold text-gray-900' : 'text-gray-700 font-medium') }, option.label),
|
|
114
|
+
option.helpText && react_2.default.createElement(HelpText_1.PHXHelpText, { helpText: option.helpText }),
|
|
115
|
+
option.badge && react_2.default.createElement(Badge_1.PHXBadge, tslib_1.__assign({}, option.badge))),
|
|
116
|
+
!!option.action && (react_2.default.createElement("div", { className: "mr-2 flex h-8 w-8 items-center justify-center rounded-md ".concat(selected ? 'hover:bg-gray-300' : 'hover:bg-gray-200'), onClick: function (e) {
|
|
114
117
|
var _a;
|
|
115
118
|
e.stopPropagation();
|
|
116
119
|
(_a = option.action) === null || _a === void 0 ? void 0 : _a.onClick(option.value);
|
|
@@ -121,12 +124,13 @@ function PHXSelectWithAction(_a) {
|
|
|
121
124
|
(_a = option.action) === null || _a === void 0 ? void 0 : _a.onClick(option.value);
|
|
122
125
|
}
|
|
123
126
|
}, role: 'button', tabIndex: 0 },
|
|
124
|
-
react_2.default.createElement(
|
|
127
|
+
react_2.default.createElement("div", { className: "flex items-center opacity-0 transition-opacity group-hover:opacity-100 " },
|
|
128
|
+
react_2.default.createElement(image_1.default, { alt: '', height: 13, src: getIconItem(option.action.type), width: 13 })))))));
|
|
125
129
|
})) : (react_2.default.createElement("div", { className: ' px-3 py-8 text-center' },
|
|
126
130
|
react_2.default.createElement(Text_1.PHXText, { as: 'div' }, getEmptyState())))))))),
|
|
127
131
|
react_2.default.createElement("div", { className: "".concat(error ? 'mt-1 block' : 'hidden') },
|
|
128
132
|
react_2.default.createElement(Text_1.PHXText, { as: 'div', tone: 'error' }, error)),
|
|
129
133
|
react_2.default.createElement("div", { className: "".concat(helpText ? 'mt-1 block' : 'hidden') },
|
|
130
|
-
react_2.default.createElement(
|
|
134
|
+
react_2.default.createElement(HelpText_1.PHXHelpText, { helpText: helpText }))));
|
|
131
135
|
}
|
|
132
136
|
//# sourceMappingURL=SelectWithAction.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectWithAction.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/SelectWithAction.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;
|
|
1
|
+
{"version":3,"file":"SelectWithAction.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/SelectWithAction.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,7 @@ export interface TextProps {
|
|
|
7
7
|
tone?: Tone;
|
|
8
8
|
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
9
9
|
className?: string;
|
|
10
|
+
fontWeight?: 'normal' | 'medium' | 'bold';
|
|
10
11
|
}
|
|
11
12
|
export declare const PHXText: ({ as, children, className, size, tone }: TextProps) => React.JSX.Element;
|
|
12
13
|
export {};
|
|
@@ -18,7 +18,7 @@ var PHXText = function (_a) {
|
|
|
18
18
|
return 'text-gray-700';
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
|
-
var Element = react_1.default.createElement(Component, { className: "text-".concat(size, " ").concat(getToneClass(), " leading-5 ").concat(className) }, children);
|
|
21
|
+
var Element = (react_1.default.createElement(Component, { className: "text-".concat(size, " ").concat(getToneClass(), " leading-5 ").concat(className, " ") }, children));
|
|
22
22
|
if (tone === 'error') {
|
|
23
23
|
return react_1.default.createElement(ErrorMessage_1.default, { message: children });
|
|
24
24
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/components/Text/Text.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AACZ,wDAAyB;AACzB,oFAAqD;
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/components/Text/Text.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AACZ,wDAAyB;AACzB,oFAAqD;AAe9C,IAAM,OAAO,GAAG,UAAC,EAA2E;QAAzE,UAAQ,EAAR,EAAE,mBAAG,GAAG,KAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA;IACpF,IAAM,SAAS,GAAG,EAAE,IAAI,GAAG,CAAA;IAE3B,IAAM,YAAY,GAAG;QACnB,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,SAAS;gBACZ,OAAO,eAAe,CAAA;YACxB,KAAK,OAAO;gBACV,OAAO,cAAc,CAAA;YACvB;gBACE,OAAO,eAAe,CAAA;QAC1B,CAAC;IACH,CAAC,CAAA;IAED,IAAM,OAAO,GAAG,CACd,8BAAC,SAAS,IAAC,SAAS,EAAE,eAAQ,IAAI,cAAI,YAAY,EAAE,yBAAe,SAAS,MAAG,IAAG,QAAQ,CAAa,CACxG,CAAA;IAED,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QACrB,OAAO,8BAAC,sBAAY,IAAC,OAAO,EAAE,QAAkB,GAAI,CAAA;IACtD,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAtBY,QAAA,OAAO,WAsBnB"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface HelpTextContent {
|
|
3
|
+
title: string;
|
|
4
|
+
description: string;
|
|
5
|
+
}
|
|
6
|
+
export interface HelpTextProps {
|
|
7
|
+
helpText?: string | HelpTextContent;
|
|
8
|
+
}
|
|
9
|
+
export declare const PHXHelpText: ({ helpText }: HelpTextProps) => React.JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { PHXText } from '../Text/Text';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export var PHXHelpText = function (_a) {
|
|
4
|
+
var helpText = _a.helpText;
|
|
5
|
+
if (!helpText)
|
|
6
|
+
return React.createElement(React.Fragment, null);
|
|
7
|
+
return (React.createElement(PHXText, { as: 'div', tone: 'subdued' }, typeof helpText === 'string' ? (helpText) : (React.createElement("div", { className: 'flex gap-1' },
|
|
8
|
+
React.createElement(PHXText, { as: 'div', tone: 'subdued' }, "".concat(helpText.title, ":")),
|
|
9
|
+
React.createElement(PHXText, { as: 'div' }, helpText.description)))));
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=HelpText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/HelpText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAA2B;QAAzB,QAAQ,cAAA;IACpC,IAAI,CAAC,QAAQ;QAAE,OAAO,yCAAK,CAAA;IAE3B,OAAO,CACL,oBAAC,OAAO,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,SAAS,IAC7B,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAC,YAAY;QACzB,oBAAC,OAAO,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,SAAS,IAC7B,UAAG,QAAQ,CAAC,KAAK,MAAG,CACb;QACV,oBAAC,OAAO,IAAC,EAAE,EAAC,KAAK,IAAE,QAAQ,CAAC,WAAW,CAAW,CAC9C,CACP,CACO,CACX,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import { BadgeProps } from '../Badge';
|
|
3
4
|
export type IconItemType = 'edit' | 'delete';
|
|
4
5
|
export interface ActionItem {
|
|
5
6
|
type: IconItemType;
|
|
@@ -8,13 +9,18 @@ export interface ActionItem {
|
|
|
8
9
|
export interface SelectOption {
|
|
9
10
|
value: string;
|
|
10
11
|
label: string;
|
|
11
|
-
helpText?: string;
|
|
12
|
+
helpText?: string | SelectHelpText;
|
|
13
|
+
badge?: BadgeProps;
|
|
12
14
|
action?: ActionItem;
|
|
13
15
|
}
|
|
14
16
|
export interface Search {
|
|
15
17
|
value: string;
|
|
16
18
|
handleFilter(value: string): void;
|
|
17
19
|
}
|
|
20
|
+
export interface SelectHelpText {
|
|
21
|
+
title: string;
|
|
22
|
+
description: string;
|
|
23
|
+
}
|
|
18
24
|
export interface PHXSelectWithActionProps {
|
|
19
25
|
label: string;
|
|
20
26
|
suffix?: ReactNode;
|
|
@@ -27,7 +33,7 @@ export interface PHXSelectWithActionProps {
|
|
|
27
33
|
className?: string;
|
|
28
34
|
maxHeight?: string;
|
|
29
35
|
error?: string;
|
|
30
|
-
helpText?: string;
|
|
36
|
+
helpText?: string | SelectHelpText;
|
|
31
37
|
emptyState?: ReactNode;
|
|
32
38
|
emptySearchState?: ReactNode;
|
|
33
39
|
loading?: boolean;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
|
+
import { __assign } from "tslib";
|
|
2
3
|
import Image from 'next/image';
|
|
3
4
|
import { useEffect, useRef, useState } from 'react';
|
|
4
5
|
import PencilIcon from '../../assets/icons/pencil-icon.svg';
|
|
@@ -10,6 +11,8 @@ import React from 'react';
|
|
|
10
11
|
import { classNames } from '../types';
|
|
11
12
|
import { IconLoading } from '../../commons/IconLoading';
|
|
12
13
|
import { PHXText } from '../Text/Text';
|
|
14
|
+
import { PHXBadge } from '../Badge';
|
|
15
|
+
import { PHXHelpText } from './HelpText';
|
|
13
16
|
var ADD_NEW_VALUE = 'ADD_NEW';
|
|
14
17
|
export function PHXSelectWithAction(_a) {
|
|
15
18
|
var addNew = _a.addNew, _b = _a.className, className = _b === void 0 ? '' : _b, emptySearchState = _a.emptySearchState, emptyState = _a.emptyState, error = _a.error, helpText = _a.helpText, label = _a.label, loading = _a.loading, _c = _a.maxHeight, maxHeight = _c === void 0 ? '300px' : _c, onChange = _a.onChange, options = _a.options, _d = _a.placeholder, placeholder = _d === void 0 ? 'Lựa chọn' : _d, search = _a.search, _e = _a.searchPlaceholder, searchPlaceholder = _e === void 0 ? 'Tìm kiếm' : _e, suffix = _a.suffix, defaultValue = _a.value;
|
|
@@ -99,14 +102,15 @@ export function PHXSelectWithAction(_a) {
|
|
|
99
102
|
addNew && (React.createElement("button", { className: classNames('border-border flex w-full cursor-pointer items-center gap-2 border-b px-4 py-3 text-sm transition-colors hover:bg-zinc-100'), onClick: function () { return handleChange(ADD_NEW_VALUE); }, type: 'button' },
|
|
100
103
|
React.createElement(Image, { alt: '', height: 13, src: PlusIcon, width: 13 }),
|
|
101
104
|
React.createElement(PHXText, null, addNew.title))),
|
|
102
|
-
React.createElement("div",
|
|
105
|
+
React.createElement("div", null, filteredOptions.length > 0 ? (filteredOptions.map(function (option) {
|
|
103
106
|
var selected = isOptionSelected(option);
|
|
104
|
-
return (React.createElement("button", { key: option.value, className: classNames('group w-full cursor-pointer
|
|
107
|
+
return (React.createElement("button", { key: option.value, className: classNames('group w-full cursor-pointer px-2', selected ? 'bg-zinc-200 ' : ' hover:bg-zinc-100'), onClick: function () { return handleChange(option); }, type: 'button' },
|
|
105
108
|
React.createElement("div", { className: 'flex items-center justify-between' },
|
|
106
|
-
React.createElement("div", { className: 'max-w-[90%] px-2 py-2.5 text-left ' },
|
|
107
|
-
React.createElement(PHXText, { className: "truncate ".concat(selected ? 'font-semibold text-gray-900' : 'text-gray-700') }, option.label),
|
|
108
|
-
option.helpText &&
|
|
109
|
-
|
|
109
|
+
React.createElement("div", { className: 'max-w-[90%] px-2 py-2.5 text-left space-y-1' },
|
|
110
|
+
React.createElement(PHXText, { className: "truncate ".concat(selected ? 'font-semibold text-gray-900' : 'text-gray-700 font-medium') }, option.label),
|
|
111
|
+
option.helpText && React.createElement(PHXHelpText, { helpText: option.helpText }),
|
|
112
|
+
option.badge && React.createElement(PHXBadge, __assign({}, option.badge))),
|
|
113
|
+
!!option.action && (React.createElement("div", { className: "mr-2 flex h-8 w-8 items-center justify-center rounded-md ".concat(selected ? 'hover:bg-gray-300' : 'hover:bg-gray-200'), onClick: function (e) {
|
|
110
114
|
var _a;
|
|
111
115
|
e.stopPropagation();
|
|
112
116
|
(_a = option.action) === null || _a === void 0 ? void 0 : _a.onClick(option.value);
|
|
@@ -117,12 +121,13 @@ export function PHXSelectWithAction(_a) {
|
|
|
117
121
|
(_a = option.action) === null || _a === void 0 ? void 0 : _a.onClick(option.value);
|
|
118
122
|
}
|
|
119
123
|
}, role: 'button', tabIndex: 0 },
|
|
120
|
-
React.createElement(
|
|
124
|
+
React.createElement("div", { className: "flex items-center opacity-0 transition-opacity group-hover:opacity-100 " },
|
|
125
|
+
React.createElement(Image, { alt: '', height: 13, src: getIconItem(option.action.type), width: 13 })))))));
|
|
121
126
|
})) : (React.createElement("div", { className: ' px-3 py-8 text-center' },
|
|
122
127
|
React.createElement(PHXText, { as: 'div' }, getEmptyState())))))))),
|
|
123
128
|
React.createElement("div", { className: "".concat(error ? 'mt-1 block' : 'hidden') },
|
|
124
129
|
React.createElement(PHXText, { as: 'div', tone: 'error' }, error)),
|
|
125
130
|
React.createElement("div", { className: "".concat(helpText ? 'mt-1 block' : 'hidden') },
|
|
126
|
-
React.createElement(
|
|
131
|
+
React.createElement(PHXHelpText, { helpText: helpText }))));
|
|
127
132
|
}
|
|
128
133
|
//# sourceMappingURL=SelectWithAction.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectWithAction.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/SelectWithAction.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA
|
|
1
|
+
{"version":3,"file":"SelectWithAction.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/SelectWithAction.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,7 @@ export interface TextProps {
|
|
|
7
7
|
tone?: Tone;
|
|
8
8
|
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
9
9
|
className?: string;
|
|
10
|
+
fontWeight?: 'normal' | 'medium' | 'bold';
|
|
10
11
|
}
|
|
11
12
|
export declare const PHXText: ({ as, children, className, size, tone }: TextProps) => React.JSX.Element;
|
|
12
13
|
export {};
|
|
@@ -14,7 +14,7 @@ export var PHXText = function (_a) {
|
|
|
14
14
|
return 'text-gray-700';
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
|
-
var Element = React.createElement(Component, { className: "text-".concat(size, " ").concat(getToneClass(), " leading-5 ").concat(className) }, children);
|
|
17
|
+
var Element = (React.createElement(Component, { className: "text-".concat(size, " ").concat(getToneClass(), " leading-5 ").concat(className, " ") }, children));
|
|
18
18
|
if (tone === 'error') {
|
|
19
19
|
return React.createElement(ErrorMessage, { message: children });
|
|
20
20
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,YAAY,MAAM,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,YAAY,MAAM,4BAA4B,CAAA;AAerD,MAAM,CAAC,IAAM,OAAO,GAAG,UAAC,EAA2E;QAAzE,UAAQ,EAAR,EAAE,mBAAG,GAAG,KAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA;IACpF,IAAM,SAAS,GAAG,EAAE,IAAI,GAAG,CAAA;IAE3B,IAAM,YAAY,GAAG;QACnB,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,SAAS;gBACZ,OAAO,eAAe,CAAA;YACxB,KAAK,OAAO;gBACV,OAAO,cAAc,CAAA;YACvB;gBACE,OAAO,eAAe,CAAA;QAC1B,CAAC;IACH,CAAC,CAAA;IAED,IAAM,OAAO,GAAG,CACd,oBAAC,SAAS,IAAC,SAAS,EAAE,eAAQ,IAAI,cAAI,YAAY,EAAE,yBAAe,SAAS,MAAG,IAAG,QAAQ,CAAa,CACxG,CAAA;IAED,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QACrB,OAAO,oBAAC,YAAY,IAAC,OAAO,EAAE,QAAkB,GAAI,CAAA;IACtD,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}
|