phx-react 1.3.300 → 1.3.301
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/Dropdown/Dropdown.d.ts +2 -1
- package/dist/cjs/components/Dropdown/Dropdown.js +8 -5
- package/dist/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/Dropdown/Dropdown.d.ts +2 -1
- package/dist/esm/components/Dropdown/Dropdown.js +9 -6
- package/dist/esm/components/Dropdown/Dropdown.js.map +1 -1
- package/package.json +1 -1
|
@@ -14,5 +14,6 @@ export interface DropdownProps {
|
|
|
14
14
|
destructive?: boolean;
|
|
15
15
|
onClick?(): void;
|
|
16
16
|
}>;
|
|
17
|
+
type?: 'default' | 'icon-only';
|
|
17
18
|
}
|
|
18
|
-
export declare function PHXDropdown({ className, optionTitle, buttonContent, options }: DropdownProps): React.JSX.Element;
|
|
19
|
+
export declare function PHXDropdown({ className, optionTitle, buttonContent, options, type }: DropdownProps): React.JSX.Element;
|
|
@@ -9,7 +9,7 @@ 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
11
|
function PHXDropdown(_a) {
|
|
12
|
-
var className = _a.className, optionTitle = _a.optionTitle, buttonContent = _a.buttonContent, options = _a.options;
|
|
12
|
+
var className = _a.className, optionTitle = _a.optionTitle, buttonContent = _a.buttonContent, options = _a.options, _b = _a.type, type = _b === void 0 ? 'default' : _b;
|
|
13
13
|
var Icon = function (_a) {
|
|
14
14
|
var active = _a.active, icon = _a.icon, iconOutline = _a.iconOutline;
|
|
15
15
|
// @ts-ignore
|
|
@@ -18,10 +18,13 @@ function PHXDropdown(_a) {
|
|
|
18
18
|
};
|
|
19
19
|
return (react_1["default"].createElement(react_2.Menu, { as: 'div', className: "relative inline-block text-left ".concat(className) },
|
|
20
20
|
react_1["default"].createElement("div", null,
|
|
21
|
-
react_1["default"].createElement(react_2.Menu.Button, { className:
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
react_1["default"].createElement(react_2.Menu.Button, { className: (0, types_1.classNames)(type === 'default' &&
|
|
22
|
+
'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' &&
|
|
23
|
+
'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') },
|
|
24
|
+
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'default' && 'flex items-center gap-x-1 text-gray-900') },
|
|
25
|
+
react_1["default"].createElement("p", { className: (0, types_1.classNames)(type === 'icon-only' && 'sr-only') }, buttonContent),
|
|
26
|
+
type === 'default' && react_1["default"].createElement(solid_1.ChevronDownIcon, { className: 'mt-0.5 h-4 w-4', "aria-hidden": 'true' }),
|
|
27
|
+
type === 'icon-only' && react_1["default"].createElement(solid_1.EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-4 w-4' })))),
|
|
25
28
|
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' },
|
|
26
29
|
react_1["default"].createElement(react_2.Menu.Items, { className: 'whitespace-nowrap absolute left-0 z-10 mt-1.5 min-w-[7.2rem] origin-top-left rounded-lg bg-white focus:outline-none border shadow-[0rem_0.25rem_0.375rem_-0.125rem_rgba(26,26,26,.2)] px-1' },
|
|
27
30
|
optionTitle && react_1["default"].createElement("p", { className: 'px-2.5 pt-2 pb-1 text-xs font-semibold' }, optionTitle),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;AAAA,qDAAuC;AACvC,2CAAoD;AACpD,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,5 +14,6 @@ export interface DropdownProps {
|
|
|
14
14
|
destructive?: boolean;
|
|
15
15
|
onClick?(): void;
|
|
16
16
|
}>;
|
|
17
|
+
type?: 'default' | 'icon-only';
|
|
17
18
|
}
|
|
18
|
-
export declare function PHXDropdown({ className, optionTitle, buttonContent, options }: DropdownProps): React.JSX.Element;
|
|
19
|
+
export declare function PHXDropdown({ className, optionTitle, buttonContent, options, type }: DropdownProps): React.JSX.Element;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React, { Fragment } from 'react';
|
|
2
2
|
import { Menu, Transition } from '@headlessui/react';
|
|
3
|
-
import { ChevronDownIcon } from '@heroicons/react/20/solid';
|
|
3
|
+
import { ChevronDownIcon, EllipsisHorizontalIcon } from '@heroicons/react/20/solid';
|
|
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
7
|
export function PHXDropdown(_a) {
|
|
8
|
-
var className = _a.className, optionTitle = _a.optionTitle, buttonContent = _a.buttonContent, options = _a.options;
|
|
8
|
+
var className = _a.className, optionTitle = _a.optionTitle, buttonContent = _a.buttonContent, options = _a.options, _b = _a.type, type = _b === void 0 ? 'default' : _b;
|
|
9
9
|
var Icon = function (_a) {
|
|
10
10
|
var active = _a.active, icon = _a.icon, iconOutline = _a.iconOutline;
|
|
11
11
|
// @ts-ignore
|
|
@@ -14,10 +14,13 @@ export function PHXDropdown(_a) {
|
|
|
14
14
|
};
|
|
15
15
|
return (React.createElement(Menu, { as: 'div', className: "relative inline-block text-left ".concat(className) },
|
|
16
16
|
React.createElement("div", null,
|
|
17
|
-
React.createElement(Menu.Button, { className:
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
React.createElement(Menu.Button, { className: classNames(type === 'default' &&
|
|
18
|
+
'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' &&
|
|
19
|
+
'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') },
|
|
20
|
+
React.createElement("div", { className: classNames(type === 'default' && 'flex items-center gap-x-1 text-gray-900') },
|
|
21
|
+
React.createElement("p", { className: classNames(type === 'icon-only' && 'sr-only') }, buttonContent),
|
|
22
|
+
type === 'default' && React.createElement(ChevronDownIcon, { className: 'mt-0.5 h-4 w-4', "aria-hidden": 'true' }),
|
|
23
|
+
type === 'icon-only' && React.createElement(EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-4 w-4' })))),
|
|
21
24
|
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' },
|
|
22
25
|
React.createElement(Menu.Items, { className: 'whitespace-nowrap absolute left-0 z-10 mt-1.5 min-w-[7.2rem] origin-top-left rounded-lg bg-white focus:outline-none border shadow-[0rem_0.25rem_0.375rem_-0.125rem_rgba(26,26,26,.2)] px-1' },
|
|
23
26
|
optionTitle && React.createElement("p", { className: 'px-2.5 pt-2 pb-1 text-xs font-semibold' }, optionTitle),
|
|
@@ -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,MAAM,2BAA2B,CAAA;
|
|
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;AAmB3D,MAAM,UAAU,WAAW,CAAC,EAAmF;QAAjF,SAAS,eAAA,EAAE,WAAW,iBAAA,EAAE,aAAa,mBAAA,EAAE,OAAO,aAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA;IAC5F,IAAM,IAAI,GAAG,UAAC,EAAkC;YAAhC,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,WAAW,iBAAA;QACvC,aAAa;QACb,IAAM,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;QAChE,OAAO,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,MAAM,IAAI,eAAe,CAAC,GAAI,CAAA;IAC9E,CAAC,CAAA;IACD,OAAO,CACL,oBAAC,IAAI,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAE,0CAAmC,SAAS,CAAE;QACtE;YACE,oBAAC,IAAI,CAAC,MAAM,IACV,SAAS,EAAE,UAAU,CACnB,IAAI,KAAK,SAAS;oBAChB,iRAAiR,EACnR,IAAI,KAAK,WAAW;oBAClB,mLAAmL,CACtL;gBAED,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI,KAAK,SAAS,IAAI,yCAAyC,CAAC;oBACzF,2BAAG,SAAS,EAAE,UAAU,CAAC,IAAI,KAAK,WAAW,IAAI,SAAS,CAAC,IAAG,aAAa,CAAK;oBAC/E,IAAI,KAAK,SAAS,IAAI,oBAAC,eAAe,IAAC,SAAS,EAAC,gBAAgB,iBAAa,MAAM,GAAG;oBACvF,IAAI,KAAK,WAAW,IAAI,oBAAC,sBAAsB,mBAAa,MAAM,EAAC,SAAS,EAAC,SAAS,GAAG,CACtF,CACM,CACV;QAEN,oBAAC,UAAU,IACT,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,kCAAkC,EACxC,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAC,iCAAiC,EACzC,KAAK,EAAC,gCAAgC,EACtC,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAC,8BAA8B;YAEtC,oBAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAC,4LAA4L;gBAC/M,WAAW,IAAI,2BAAG,SAAS,EAAC,wCAAwC,IAAE,WAAW,CAAK;gBACvF,6BAAK,SAAS,EAAC,MAAM,IAClB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAC3B,oBAAC,IAAI,CAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,OAAO,IACzB,UAAC,EAAU;wBAAR,MAAM,YAAA;oBAAO,OAAA,CACf,2BACE,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,CAAC,CAAC,qDAAqD,CAAC,CAAC,CAAC,eAAe,EAChF,2BAA2B,EAC3B,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,oDAAoD,EACxF,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,+BAA+B,EACnE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,MAAM,IAAI,kDAAkD,CACtF,EACD,OAAO,EAAE,IAAI,CAAC,OAAO;wBAErB,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,2BAA2B,CAAC;4BACjE,IAAI,CAAC,IAAI,IAAI,oBAAC,IAAI,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI;4BAC1F,IAAI,CAAC,OAAO,CACT,CACJ,CACL;gBAhBgB,CAgBhB,CACS,CACb,EApB4B,CAoB5B,CAAC,CACE,CACK,CACF,CACR,CACR,CAAA;AACH,CAAC"}
|