phx-react 1.3.345 → 1.3.346
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/DatePicker/components/Calendar.js +9 -4
- package/dist/cjs/components/DatePicker/components/Calendar.js.map +1 -1
- package/dist/cjs/components/Dropdown/Dropdown.d.ts +4 -2
- package/dist/cjs/components/Dropdown/Dropdown.js +22 -20
- package/dist/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/DatePicker/components/Calendar.js +9 -4
- package/dist/esm/components/DatePicker/components/Calendar.js.map +1 -1
- package/dist/esm/components/Dropdown/Dropdown.d.ts +4 -2
- package/dist/esm/components/Dropdown/Dropdown.js +22 -20
- package/dist/esm/components/Dropdown/Dropdown.js.map +1 -1
- package/package.json +1 -1
|
@@ -39,12 +39,17 @@ function Calendar(_a) {
|
|
|
39
39
|
setCalendar(selectedCalendar);
|
|
40
40
|
}, [daySelected, currentMonth, currentYear]);
|
|
41
41
|
(0, react_1.useEffect)(function () {
|
|
42
|
-
|
|
42
|
+
var selectDate = function (inputValue, daySplit) {
|
|
43
|
+
if (daySplit.length >= 3) {
|
|
44
|
+
setDaySelected(inputValue);
|
|
45
|
+
setCurrentMonth(parseInt(daySplit[1]) - 1);
|
|
46
|
+
setCurrentYear(parseInt(daySplit[2]));
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
if (inputValue) {
|
|
43
50
|
// @ts-ignore
|
|
44
|
-
setDaySelected(inputValue);
|
|
45
51
|
var daySplit = inputValue === null || inputValue === void 0 ? void 0 : inputValue.split('-');
|
|
46
|
-
|
|
47
|
-
setCurrentYear(parseInt(daySplit[2]));
|
|
52
|
+
selectDate(inputValue, daySplit);
|
|
48
53
|
}
|
|
49
54
|
}, [inputValue]);
|
|
50
55
|
(0, react_1.useEffect)(function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/Calendar.tsx"],"names":[],"mappings":";;;AAAA,mDAAyE;AACzE,kCAAyG;AACzG,+BAA2C;AAC3C,wDAAyB;AAEzB,SAAS,UAAU;IAAC,iBAA4C;SAA5C,UAA4C,EAA5C,qBAA4C,EAA5C,IAA4C;QAA5C,4BAA4C;;IAC9D,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AAcD,SAAwB,QAAQ,CAAC,EAOzB;QANN,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,YAAY,kBAAA;IAEZ,IAAM,WAAW,GAAG,IAAA,kBAAU,EAAC,IAAI,IAAI,EAAE,CAAC,CAAA;IACpC,IAAA,KAAgC,IAAA,gBAAQ,EAAS,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,EAAzE,WAAW,QAAA,EAAE,cAAc,QAA8C,CAAA;IAC1E,IAAA,KAAkC,IAAA,gBAAQ,EAAC,IAAI,IAAI,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAhE,YAAY,QAAA,EAAE,eAAe,QAAmC,CAAA;IACjE,IAAA,KAA0B,IAAA,gBAAQ,EAAa,EAAE,CAAC,EAAjD,QAAQ,QAAA,EAAE,WAAW,QAA4B,CAAA;IAClD,IAAA,KAAgC,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA3C,WAAW,QAAA,EAAE,cAAc,QAAgB,CAAA;IAElD,IAAM,UAAU,GAAG,UAAC,SAAiB;;QACnC,IAAM,KAAK,GAAG,MAAA,QAAQ,CAAC,IAAI,CAAC,UAAC,IAAS,IAAK,OAAA,IAAI,CAAC,IAAI,KAAK,WAAW,EAAzB,CAAyB,CAAC,0CAAE,SAAS,CAAA;QAChF,OAAO,KAAK,KAAK,SAAS,CAAA;IAC5B,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,IAAM,QAAQ,GAAG,IAAA,6CAAqC,EAAC,WAAW,EAAE,YAAY,CAAC,CAAA;QACjF,IAAM,gBAAgB,GAAG,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAS;YAC9C,6CACK,IAAI,KACP,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACpD,QAAQ,EACN,aAAa;oBACb,WAAW;oBACX,IAAA,qBAAa,EAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAA,qBAAa,EAAC,aAAa,CAAC;oBACxD,IAAA,qBAAa,EAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAA,qBAAa,EAAC,WAAW,CAAC;oBACpD,CAAC,CAAC,IAAI;oBACN,CAAC,CAAC,YAAY,KAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;wBACnD,CAAC,CAAC,IAAI;wBACN,CAAC,CAAC,KAAK,IACZ;QACH,CAAC,CAAC,CAAA;QACF,WAAW,CAAC,gBAAgB,CAAC,CAAA;IAC/B,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC,CAAA;IAE5C,IAAA,iBAAS,EAAC;QACR,
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/Calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,6 +14,8 @@ export interface DropdownProps {
|
|
|
14
14
|
destructive?: boolean;
|
|
15
15
|
onClick?(): void;
|
|
16
16
|
}>;
|
|
17
|
-
|
|
17
|
+
origin?: 'left' | 'right';
|
|
18
|
+
type?: 'default' | 'icon-only' | 'date-picker';
|
|
19
|
+
onChangeDate?(): void;
|
|
18
20
|
}
|
|
19
|
-
export declare function PHXDropdown({ className, optionTitle, buttonContent, options, type }: DropdownProps): React.JSX.Element;
|
|
21
|
+
export declare function PHXDropdown({ className, optionTitle, buttonContent, options, type, origin, onChangeDate, }: DropdownProps): React.JSX.Element;
|
|
@@ -8,33 +8,35 @@ var solid_1 = require("@heroicons/react/20/solid");
|
|
|
8
8
|
var types_1 = require("../types");
|
|
9
9
|
var SolidIcons = tslib_1.__importStar(require("@heroicons/react/24/solid"));
|
|
10
10
|
var OutlineIcons = tslib_1.__importStar(require("@heroicons/react/24/outline"));
|
|
11
|
+
var Calendar_1 = tslib_1.__importDefault(require("../DatePicker/components/Calendar"));
|
|
11
12
|
function PHXDropdown(_a) {
|
|
12
|
-
var className = _a.className, optionTitle = _a.optionTitle, buttonContent = _a.buttonContent, options = _a.options, _b = _a.type, type = _b === void 0 ? 'default' : _b;
|
|
13
|
+
var className = _a.className, optionTitle = _a.optionTitle, buttonContent = _a.buttonContent, options = _a.options, _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.origin, origin = _c === void 0 ? 'left' : _c, onChangeDate = _a.onChangeDate;
|
|
13
14
|
var Icon = function (_a) {
|
|
14
15
|
var active = _a.active, icon = _a.icon, iconOutline = _a.iconOutline;
|
|
15
16
|
// @ts-ignore
|
|
16
17
|
var Icon = iconOutline ? OutlineIcons[icon] : SolidIcons[icon];
|
|
17
18
|
return react_1["default"].createElement(Icon, { className: (0, types_1.classNames)('w-4 h-4', active && 'font-semibold') });
|
|
18
19
|
};
|
|
19
|
-
return (react_1["default"].createElement(
|
|
20
|
-
react_1["default"].createElement(
|
|
21
|
-
react_1["default"].createElement(
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
react_1["default"].createElement("
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
react_1["default"].createElement(react_2.
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
react_1["default"].createElement("
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
20
|
+
return (react_1["default"].createElement("div", null,
|
|
21
|
+
react_1["default"].createElement(react_2.Menu, { as: 'div', className: "relative inline-block text-left ".concat(className) },
|
|
22
|
+
react_1["default"].createElement("div", null,
|
|
23
|
+
react_1["default"].createElement(react_2.Menu.Button, { className: (0, types_1.classNames)((type === 'default' || type === 'date-picker') &&
|
|
24
|
+
'px-2.5 py-1.5 text-xs rounded-lg bg-white font-normal text-gray-900 shadow-sm border border-gray-300 border-b-gray-400 active:pt-[0.45rem] active:pb-[0.3rem] hover:border-b-gray-300 hover:bg-gray-50 active:bg-gray-200 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', type === 'icon-only' &&
|
|
25
|
+
'flex items-center rounded-full bg-gray-100 text-gray-600 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-100') },
|
|
26
|
+
react_1["default"].createElement("div", { className: (0, types_1.classNames)((type === 'default' || type === 'date-picker') && 'flex items-center gap-x-1 text-gray-900') },
|
|
27
|
+
react_1["default"].createElement("p", { className: (0, types_1.classNames)(type === 'icon-only' && 'sr-only') }, buttonContent),
|
|
28
|
+
(type === 'default' || type === 'date-picker') && (react_1["default"].createElement(solid_1.ChevronDownIcon, { className: 'mt-0.5 h-4 w-4', "aria-hidden": 'true' })),
|
|
29
|
+
type === 'icon-only' && react_1["default"].createElement(solid_1.EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-4 w-4' })))),
|
|
30
|
+
react_1["default"].createElement(react_2.Transition, { as: react_1.Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
|
|
31
|
+
react_1["default"].createElement(react_2.Menu.Items, { className: (0, types_1.classNames)(origin === 'left' && 'left-0 origin-top-left', origin === 'right' && 'right-0 origin-top-right', type === 'date-picker' ? '' : 'px-1 border', 'whitespace-nowrap absolute z-10 max-h-96 overflow-y-auto mt-1.5 min-w-[7.2rem] rounded-lg bg-white focus:outline-none shadow-[0rem_0.25rem_0.375rem_-0.125rem_rgba(26,26,26,.2)]') }, type === 'date-picker' ? (react_1["default"].createElement(Calendar_1["default"], { onChangeDate: onChangeDate })) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
32
|
+
optionTitle && react_1["default"].createElement("p", { className: 'px-2.5 pt-2 pb-1 text-xs font-semibold' }, optionTitle),
|
|
33
|
+
react_1["default"].createElement("div", { className: 'py-1' }, options === null || options === void 0 ? void 0 : options.map(function (item) { return (react_1["default"].createElement(react_2.Menu.Item, { key: item.content }, function (_a) {
|
|
34
|
+
var active = _a.active;
|
|
35
|
+
return (react_1["default"].createElement("p", { className: (0, types_1.classNames)(active ? 'bg-gray-100 text-gray-900 rounded-lg cursor-pointer' : 'text-gray-700', 'block px-2.5 py-2 text-xs', item.active && !item.destructive && 'bg-gray-200 rounded-lg font-semibold text-gray-900', item.destructive && !item.active && 'text-red-800 hover:bg-red-100', item.destructive && item.active && 'text-red-800 font-semibold bg-red-200 rounded-lg'), onClick: item.onClick },
|
|
36
|
+
react_1["default"].createElement("div", { className: (0, types_1.classNames)(item.icon && 'flex gap-x-2 items-center') },
|
|
37
|
+
item.icon && react_1["default"].createElement(Icon, { active: item.active, icon: item.icon, iconOutline: item.iconOutline }),
|
|
38
|
+
item.content)));
|
|
39
|
+
})); })))))))));
|
|
38
40
|
}
|
|
39
41
|
exports.PHXDropdown = PHXDropdown;
|
|
40
42
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;AAAA,qDAAuC;AACvC,2CAAoD;AACpD,mDAAmF;AACnF,kCAAqC;AACrC,4EAAuD;AACvD,gFAA2D;
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -37,12 +37,17 @@ export default function Calendar(_a) {
|
|
|
37
37
|
setCalendar(selectedCalendar);
|
|
38
38
|
}, [daySelected, currentMonth, currentYear]);
|
|
39
39
|
useEffect(function () {
|
|
40
|
-
|
|
40
|
+
var selectDate = function (inputValue, daySplit) {
|
|
41
|
+
if (daySplit.length >= 3) {
|
|
42
|
+
setDaySelected(inputValue);
|
|
43
|
+
setCurrentMonth(parseInt(daySplit[1]) - 1);
|
|
44
|
+
setCurrentYear(parseInt(daySplit[2]));
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
if (inputValue) {
|
|
41
48
|
// @ts-ignore
|
|
42
|
-
setDaySelected(inputValue);
|
|
43
49
|
var daySplit = inputValue === null || inputValue === void 0 ? void 0 : inputValue.split('-');
|
|
44
|
-
|
|
45
|
-
setCurrentYear(parseInt(daySplit[2]));
|
|
50
|
+
selectDate(inputValue, daySplit);
|
|
46
51
|
}
|
|
47
52
|
}, [inputValue]);
|
|
48
53
|
useEffect(function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/Calendar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AACzE,OAAO,EAAE,qCAAqC,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACzG,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,SAAS,UAAU;IAAC,iBAA4C;SAA5C,UAA4C,EAA5C,qBAA4C,EAA5C,IAA4C;QAA5C,4BAA4C;;IAC9D,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AAcD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAOzB;QANN,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,YAAY,kBAAA;IAEZ,IAAM,WAAW,GAAG,UAAU,CAAC,IAAI,IAAI,EAAE,CAAC,CAAA;IACpC,IAAA,KAAgC,QAAQ,CAAS,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,EAAzE,WAAW,QAAA,EAAE,cAAc,QAA8C,CAAA;IAC1E,IAAA,KAAkC,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAhE,YAAY,QAAA,EAAE,eAAe,QAAmC,CAAA;IACjE,IAAA,KAA0B,QAAQ,CAAa,EAAE,CAAC,EAAjD,QAAQ,QAAA,EAAE,WAAW,QAA4B,CAAA;IAClD,IAAA,KAAgC,QAAQ,CAAC,EAAE,CAAC,EAA3C,WAAW,QAAA,EAAE,cAAc,QAAgB,CAAA;IAElD,IAAM,UAAU,GAAG,UAAC,SAAiB;;QACnC,IAAM,KAAK,GAAG,MAAA,QAAQ,CAAC,IAAI,CAAC,UAAC,IAAS,IAAK,OAAA,IAAI,CAAC,IAAI,KAAK,WAAW,EAAzB,CAAyB,CAAC,0CAAE,SAAS,CAAA;QAChF,OAAO,KAAK,KAAK,SAAS,CAAA;IAC5B,CAAC,CAAA;IAED,SAAS,CAAC;QACR,IAAM,QAAQ,GAAG,qCAAqC,CAAC,WAAW,EAAE,YAAY,CAAC,CAAA;QACjF,IAAM,gBAAgB,GAAG,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAS;YAC9C,6BACK,IAAI,KACP,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACpD,QAAQ,EACN,aAAa;oBACb,WAAW;oBACX,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC,aAAa,CAAC;oBACxD,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC,WAAW,CAAC;oBACpD,CAAC,CAAC,IAAI;oBACN,CAAC,CAAC,YAAY,KAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;wBACnD,CAAC,CAAC,IAAI;wBACN,CAAC,CAAC,KAAK,IACZ;QACH,CAAC,CAAC,CAAA;QACF,WAAW,CAAC,gBAAgB,CAAC,CAAA;IAC/B,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC,CAAA;IAE5C,SAAS,CAAC;QACR,
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/Calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,6 +14,8 @@ export interface DropdownProps {
|
|
|
14
14
|
destructive?: boolean;
|
|
15
15
|
onClick?(): void;
|
|
16
16
|
}>;
|
|
17
|
-
|
|
17
|
+
origin?: 'left' | 'right';
|
|
18
|
+
type?: 'default' | 'icon-only' | 'date-picker';
|
|
19
|
+
onChangeDate?(): void;
|
|
18
20
|
}
|
|
19
|
-
export declare function PHXDropdown({ className, optionTitle, buttonContent, options, type }: DropdownProps): React.JSX.Element;
|
|
21
|
+
export declare function PHXDropdown({ className, optionTitle, buttonContent, options, type, origin, onChangeDate, }: DropdownProps): React.JSX.Element;
|
|
@@ -4,32 +4,34 @@ import { ChevronDownIcon, EllipsisHorizontalIcon } from '@heroicons/react/20/sol
|
|
|
4
4
|
import { classNames } from '../types';
|
|
5
5
|
import * as SolidIcons from '@heroicons/react/24/solid';
|
|
6
6
|
import * as OutlineIcons from '@heroicons/react/24/outline';
|
|
7
|
+
import Calendar from '../DatePicker/components/Calendar';
|
|
7
8
|
export function PHXDropdown(_a) {
|
|
8
|
-
var className = _a.className, optionTitle = _a.optionTitle, buttonContent = _a.buttonContent, options = _a.options, _b = _a.type, type = _b === void 0 ? 'default' : _b;
|
|
9
|
+
var className = _a.className, optionTitle = _a.optionTitle, buttonContent = _a.buttonContent, options = _a.options, _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.origin, origin = _c === void 0 ? 'left' : _c, onChangeDate = _a.onChangeDate;
|
|
9
10
|
var Icon = function (_a) {
|
|
10
11
|
var active = _a.active, icon = _a.icon, iconOutline = _a.iconOutline;
|
|
11
12
|
// @ts-ignore
|
|
12
13
|
var Icon = iconOutline ? OutlineIcons[icon] : SolidIcons[icon];
|
|
13
14
|
return React.createElement(Icon, { className: classNames('w-4 h-4', active && 'font-semibold') });
|
|
14
15
|
};
|
|
15
|
-
return (React.createElement(
|
|
16
|
-
React.createElement(
|
|
17
|
-
React.createElement(
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
React.createElement("
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
React.createElement(
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
React.createElement("
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
16
|
+
return (React.createElement("div", null,
|
|
17
|
+
React.createElement(Menu, { as: 'div', className: "relative inline-block text-left ".concat(className) },
|
|
18
|
+
React.createElement("div", null,
|
|
19
|
+
React.createElement(Menu.Button, { className: classNames((type === 'default' || type === 'date-picker') &&
|
|
20
|
+
'px-2.5 py-1.5 text-xs rounded-lg bg-white font-normal text-gray-900 shadow-sm border border-gray-300 border-b-gray-400 active:pt-[0.45rem] active:pb-[0.3rem] hover:border-b-gray-300 hover:bg-gray-50 active:bg-gray-200 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', type === 'icon-only' &&
|
|
21
|
+
'flex items-center rounded-full bg-gray-100 text-gray-600 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-100') },
|
|
22
|
+
React.createElement("div", { className: classNames((type === 'default' || type === 'date-picker') && 'flex items-center gap-x-1 text-gray-900') },
|
|
23
|
+
React.createElement("p", { className: classNames(type === 'icon-only' && 'sr-only') }, buttonContent),
|
|
24
|
+
(type === 'default' || type === 'date-picker') && (React.createElement(ChevronDownIcon, { className: 'mt-0.5 h-4 w-4', "aria-hidden": 'true' })),
|
|
25
|
+
type === 'icon-only' && React.createElement(EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-4 w-4' })))),
|
|
26
|
+
React.createElement(Transition, { as: Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
|
|
27
|
+
React.createElement(Menu.Items, { className: classNames(origin === 'left' && 'left-0 origin-top-left', origin === 'right' && 'right-0 origin-top-right', type === 'date-picker' ? '' : 'px-1 border', 'whitespace-nowrap absolute z-10 max-h-96 overflow-y-auto mt-1.5 min-w-[7.2rem] rounded-lg bg-white focus:outline-none shadow-[0rem_0.25rem_0.375rem_-0.125rem_rgba(26,26,26,.2)]') }, type === 'date-picker' ? (React.createElement(Calendar, { onChangeDate: onChangeDate })) : (React.createElement(React.Fragment, null,
|
|
28
|
+
optionTitle && React.createElement("p", { className: 'px-2.5 pt-2 pb-1 text-xs font-semibold' }, optionTitle),
|
|
29
|
+
React.createElement("div", { className: 'py-1' }, options === null || options === void 0 ? void 0 : options.map(function (item) { return (React.createElement(Menu.Item, { key: item.content }, function (_a) {
|
|
30
|
+
var active = _a.active;
|
|
31
|
+
return (React.createElement("p", { className: classNames(active ? 'bg-gray-100 text-gray-900 rounded-lg cursor-pointer' : 'text-gray-700', 'block px-2.5 py-2 text-xs', item.active && !item.destructive && 'bg-gray-200 rounded-lg font-semibold text-gray-900', item.destructive && !item.active && 'text-red-800 hover:bg-red-100', item.destructive && item.active && 'text-red-800 font-semibold bg-red-200 rounded-lg'), onClick: item.onClick },
|
|
32
|
+
React.createElement("div", { className: classNames(item.icon && 'flex gap-x-2 items-center') },
|
|
33
|
+
item.icon && React.createElement(Icon, { active: item.active, icon: item.icon, iconOutline: item.iconOutline }),
|
|
34
|
+
item.content)));
|
|
35
|
+
})); })))))))));
|
|
34
36
|
}
|
|
35
37
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AACnF,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAA;AACvD,OAAO,KAAK,YAAY,MAAM,6BAA6B,CAAA;
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|