phx-react 1.3.86 → 1.3.87
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/Badge/Badge.d.ts +3 -1
- package/dist/cjs/components/Badge/Badge.js +6 -2
- package/dist/cjs/components/Badge/Badge.js.map +1 -1
- package/dist/cjs/components/Card/Card.js +2 -2
- package/dist/cjs/components/Card/Card.js.map +1 -1
- package/dist/cjs/components/Combobox/Combobox.js +3 -3
- package/dist/cjs/components/Combobox/Combobox.js.map +1 -1
- package/dist/cjs/components/FormLayout/FormLayout.js +3 -1
- package/dist/cjs/components/FormLayout/FormLayout.js.map +1 -1
- package/dist/esm/components/Badge/Badge.d.ts +3 -1
- package/dist/esm/components/Badge/Badge.js +6 -2
- package/dist/esm/components/Badge/Badge.js.map +1 -1
- package/dist/esm/components/Card/Card.js +2 -2
- package/dist/esm/components/Card/Card.js.map +1 -1
- package/dist/esm/components/Combobox/Combobox.js +3 -3
- package/dist/esm/components/Combobox/Combobox.js.map +1 -1
- package/dist/esm/components/FormLayout/FormLayout.js +3 -1
- package/dist/esm/components/FormLayout/FormLayout.js.map +1 -1
- package/package.json +1 -1
|
@@ -3,5 +3,7 @@ export interface BadgeProps {
|
|
|
3
3
|
type?: 'default' | 'informational' | 'success' | 'attention' | 'warning' | 'danger';
|
|
4
4
|
text?: string;
|
|
5
5
|
className?: string;
|
|
6
|
+
removeButton?: boolean;
|
|
7
|
+
onClick?(): void;
|
|
6
8
|
}
|
|
7
|
-
export declare function PHXBadge({ text, type, className }: BadgeProps): JSX.Element;
|
|
9
|
+
export declare function PHXBadge({ text, type, className, removeButton, onClick }: BadgeProps): JSX.Element;
|
|
@@ -5,9 +5,13 @@ var tslib_1 = require("tslib");
|
|
|
5
5
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
var types_1 = require("../types");
|
|
7
7
|
function PHXBadge(_a) {
|
|
8
|
-
var text = _a.text, _b = _a.type, type = _b === void 0 ? 'default' : _b, className = _a.className;
|
|
8
|
+
var text = _a.text, _b = _a.type, type = _b === void 0 ? 'default' : _b, className = _a.className, removeButton = _a.removeButton, onClick = _a.onClick;
|
|
9
9
|
var typeClassName = (0, types_1.classNames)(type === 'default' && 'bg-gray-200 text-[#616161]', type === 'success' && 'bg-[#cdfee1]', type === 'informational' && 'bg-[#e0f0ff] text-[#00527c]', type === 'attention' && 'bg-[#ffef9d]', type === 'warning' && 'bg-[#ffd6a4]', type === 'danger' && 'bg-[#fedad9] text-[#8e1f0b]');
|
|
10
|
-
return (react_1["default"].createElement("span", { className: "rounded-lg
|
|
10
|
+
return (react_1["default"].createElement("span", { className: (0, types_1.classNames)("rounded-lg py-0.5 text-xs font-normal leading-4 ".concat(typeClassName, " ").concat(className), removeButton ? 'pl-2 pr-0 flex items-center w-fit' : 'px-2') },
|
|
11
|
+
text,
|
|
12
|
+
removeButton && (react_1["default"].createElement("button", { onClick: onClick, className: 'px-0.5 ml-1 py-0.5 rounded-lg hover:bg-gray-300' },
|
|
13
|
+
react_1["default"].createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', strokeWidth: '1.5', stroke: 'currentColor', className: 'w-3 h-3' },
|
|
14
|
+
react_1["default"].createElement("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6 18L18 6M6 6l12 12' }))))));
|
|
11
15
|
}
|
|
12
16
|
exports.PHXBadge = PHXBadge;
|
|
13
17
|
//# sourceMappingURL=Badge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,kCAAqC;
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,kCAAqC;AAUrC,SAAgB,QAAQ,CAAC,EAAwE;QAAtE,IAAI,UAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,OAAO,aAAA;IACjF,IAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,IAAI,KAAK,SAAS,IAAI,4BAA4B,EAClD,IAAI,KAAK,SAAS,IAAI,cAAc,EACpC,IAAI,KAAK,eAAe,IAAI,6BAA6B,EACzD,IAAI,KAAK,WAAW,IAAI,cAAc,EACtC,IAAI,KAAK,SAAS,IAAI,cAAc,EACpC,IAAI,KAAK,QAAQ,IAAI,6BAA6B,CACnD,CAAA;IACD,OAAO,CACL,2CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,0DAAmD,aAAa,cAAI,SAAS,CAAE,EAC/E,YAAY,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,MAAM,CAC5D;QAEA,IAAI;QACJ,YAAY,IAAI,CACf,6CAAQ,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,iDAAiD;YACnF,0CACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,WAAW,EAAC,KAAK,EACjB,MAAM,EAAC,cAAc,EACrB,SAAS,EAAC,SAAS;gBAEnB,2CAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,sBAAsB,GAAG,CAC1E,CACC,CACV,CACI,CACR,CAAA;AACH,CAAC;AAjCD,4BAiCC"}
|
|
@@ -15,7 +15,7 @@ var PHXCard = function Card(_a) {
|
|
|
15
15
|
secondaryFooterActions && secondaryFooterActions.length === 1 && secondaryFooterActions[0].content && (react_1["default"].createElement(Button_1.PHXButton, { secondary: true, size: 'small', onClick: secondaryFooterActions[0].onClick }, secondaryFooterActions[0].content)),
|
|
16
16
|
primaryFooterAction && primaryFooterAction.content && (react_1["default"].createElement(Button_1.PHXButton, { primary: true, submit: primaryFooterAction.submit ? true : false, size: 'small', onClick: primaryFooterAction.onClick, disabled: primaryFooterAction.disabled, loading: primaryFooterAction.loading }, primaryFooterAction.content)),
|
|
17
17
|
dangerFooterAction && dangerFooterAction.content && (react_1["default"].createElement(Button_1.PHXButton, { deleted: true, submit: dangerFooterAction.submit ? true : false, size: 'small', onClick: dangerFooterAction.onClick, loading: dangerFooterAction.loading }, dangerFooterAction.content)))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
|
|
18
|
-
var headerActionMarkup = primaryHeader ? (react_1["default"].createElement("div", { className: '
|
|
18
|
+
var headerActionMarkup = primaryHeader ? (react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? 'px-5 py-3' : 'px-5 pt-5', 'flex justify-between items-center') },
|
|
19
19
|
react_1["default"].createElement("span", { className: 'text-sm font-medium leading-6 text-gray-900' }, title),
|
|
20
20
|
headerAction && (react_1["default"].createElement("button", { type: 'button', className: 'rounded-md p-0.5 bg-white text-gray-400 hover:bg-gray-100', onClick: headerAction.onClick },
|
|
21
21
|
react_1["default"].createElement("span", { className: 'sr-only' }, "Close"),
|
|
@@ -24,7 +24,7 @@ var PHXCard = function Card(_a) {
|
|
|
24
24
|
react_1["default"].createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full' },
|
|
25
25
|
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? 'divide-y divide-gray-200' : '', 'overflow-hidden shadow-[0rem_0.0825rem_0rem_#00000012] rounded-lg bg-white border border-gray-200') },
|
|
26
26
|
headerActionMarkup,
|
|
27
|
-
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? 'py-3' : 'p-5') }, children),
|
|
27
|
+
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? 'py-3 px-5' : 'p-5') }, children),
|
|
28
28
|
footerActionMarkup))));
|
|
29
29
|
};
|
|
30
30
|
exports.PHXCard = PHXCard;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,8DAA+B;AAC/B,sEAAuC;AACvC,4DAA6B;AAC7B,kCAAoD;AACpD,oCAAqC;AACrC,mDAAqD;AAa9C,IAAM,OAAO,GAIhB,SAAS,IAAI,CAAC,EASN;QARV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,mBAAmB,yBAAA,EACnB,aAAa,mBAAA,EACb,sBAAsB,4BAAA,EACtB,YAAY,kBAAA,EACZ,kBAAkB,wBAAA,EAClB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA;IAEhB,IAAM,kBAAkB,GACtB,mBAAmB,IAAI,sBAAsB,IAAI,kBAAkB,CAAC,CAAC,CAAC,CACpE,0CAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,6CAA6C,CAAC;QAE7G,sBAAsB,IAAI,sBAAsB,CAAC,MAAM,KAAK,CAAC,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CACrG,iCAAC,kBAAS,IAAC,SAAS,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,IACzE,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,CACxB,CACb;QAGA,mBAAmB,IAAI,mBAAmB,CAAC,OAAO,IAAI,CACrD,iCAAC,kBAAS,IACR,OAAO,QACP,MAAM,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACjD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,mBAAmB,CAAC,OAAO,EACpC,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,EACtC,OAAO,EAAE,mBAAmB,CAAC,OAAO,IAEnC,mBAAmB,CAAC,OAAO,CAClB,CACb;QAGA,kBAAkB,IAAI,kBAAkB,CAAC,OAAO,IAAI,CACnD,iCAAC,kBAAS,IACR,OAAO,QACP,MAAM,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAChD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,kBAAkB,CAAC,OAAO,EACnC,OAAO,EAAE,kBAAkB,CAAC,OAAO,IAElC,kBAAkB,CAAC,OAAO,CACjB,CACb,CACG,CACP,CAAC,CAAC,CAAC,CACF,mEAAK,CACN,CAAA;IAEH,IAAM,kBAAkB,GAAG,aAAa,CAAC,CAAC,CAAC,CACzC,0CAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,7 @@ var solid_1 = require("@heroicons/react/20/solid");
|
|
|
8
8
|
// import { PHXSpinner } from '../Loading'
|
|
9
9
|
var types_1 = require("../types");
|
|
10
10
|
var EmptySearchResult_1 = tslib_1.__importDefault(require("../Table/EmptySearchResult"));
|
|
11
|
+
var Badge_1 = require("../Badge");
|
|
11
12
|
var PHXCombobox = function (_a) {
|
|
12
13
|
var _b = _a.multiple, multiple = _b === void 0 ? false : _b, register = _a.register, listOptions = _a.listOptions, className = _a.className, label = _a.label, defaultValue = _a.defaultValue, rest = tslib_1.__rest(_a, ["multiple", "register", "listOptions", "className", "label", "defaultValue"]);
|
|
13
14
|
var _c = (0, react_1.useState)([]), selectedPeople = _c[0], setSelectedPeople = _c[1];
|
|
@@ -52,10 +53,9 @@ var PHXCombobox = function (_a) {
|
|
|
52
53
|
// @ts-ignore
|
|
53
54
|
multiple: multiple }, register, { value: selectedPeople, onChange: setSelectedPeople }),
|
|
54
55
|
react_1["default"].createElement("div", { className: 'relative mt-1' },
|
|
56
|
+
multiple && selectedPeople.length > 0 && (react_1["default"].createElement("div", { className: 'flex gap-x-1' }, selectedPeople.map(function (item) { return (react_1["default"].createElement(Badge_1.PHXBadge, { key: item.id, text: item.name, removeButton: true })); }))),
|
|
55
57
|
react_1["default"].createElement("div", { className: 'relative w-full cursor-default overflow-hidden rounded-lg bg-white text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-teal-300 sm:text-sm' },
|
|
56
|
-
react_1["default"].createElement(react_2.Combobox.Input, tslib_1.__assign({ className: 'block min-w-full rounded-lg border border-gray-500 px-3 py-1.5 text-xs font-light shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', displayValue: function (people) {
|
|
57
|
-
return selectedPeople instanceof Array ? people.map(function (person) { return person === null || person === void 0 ? void 0 : person.name; }).join(', ') : people === null || people === void 0 ? void 0 : people.name;
|
|
58
|
-
}, onChange: searchLoading, placeholder: 'L\u1EF1a ch\u1ECDn' }, register, rest)),
|
|
58
|
+
react_1["default"].createElement(react_2.Combobox.Input, tslib_1.__assign({ className: 'block min-w-full rounded-lg border border-gray-500 px-3 py-1.5 text-xs font-light shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', displayValue: function (people) { return (selectedPeople instanceof Array ? '' : people === null || people === void 0 ? void 0 : people.name); }, onChange: searchLoading, placeholder: 'L\u1EF1a ch\u1ECDn' }, register, rest)),
|
|
59
59
|
react_1["default"].createElement(react_2.Combobox.Button, { className: 'absolute inset-y-0 right-0 flex items-center pr-2' },
|
|
60
60
|
react_1["default"].createElement(solid_1.ChevronUpDownIcon, { className: 'h-5 w-5 text-gray-400', "aria-hidden": 'true' }))),
|
|
61
61
|
react_1["default"].createElement(react_2.Transition, { as: react_1.Fragment, leave: 'transition ease-in duration-100', leaveFrom: 'opacity-100', leaveTo: 'opacity-0', afterLeave: function () { return setQuery(''); } },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":";;;;AAAA,qDAAiF;AACjF,2CAAwD;AACxD,mDAAwE;AAExE,0CAA0C;AAC1C,kCAAqC;AACrC,yFAA0D;
|
|
1
|
+
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,10 +5,12 @@ var tslib_1 = require("tslib");
|
|
|
5
5
|
/* eslint-disable @typescript-eslint/ban-types */
|
|
6
6
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
7
7
|
var Input_1 = require("../Input/Input");
|
|
8
|
+
var types_1 = require("../types");
|
|
8
9
|
function PHXFormLayout(_a) {
|
|
9
10
|
var className = _a.className, list = _a.list, numberOfInputInRow = _a.numberOfInputInRow;
|
|
11
|
+
var numberOfInput = (0, types_1.classNames)(numberOfInputInRow === 1 && 'md:grid-cols-1', numberOfInputInRow === 2 && 'md:grid-cols-2', numberOfInputInRow === 3 && 'md:grid-cols-3', numberOfInputInRow === 4 && 'md:grid-cols-4', numberOfInputInRow === 5 && 'md:grid-cols-5');
|
|
10
12
|
return (react_1["default"].createElement("div", { className: className },
|
|
11
|
-
react_1["default"].createElement("div", { className: "grid gap-y-3 gap-x-5
|
|
13
|
+
react_1["default"].createElement("div", { className: "grid gap-y-3 gap-x-5 ".concat(numberOfInput) }, list.map(function (item, index) { return (react_1["default"].createElement("div", { key: index },
|
|
12
14
|
react_1["default"].createElement(Input_1.PHXInput, tslib_1.__assign({ key: index, label: item.label, register: item.register, helpText: item.helpText, error: item.error, errorMessageCustom: item.errorMessageCustom, errorType: item.errorType }, item.rest)))); }))));
|
|
13
15
|
}
|
|
14
16
|
exports.PHXFormLayout = PHXFormLayout;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormLayout.js","sourceRoot":"","sources":["../../../../src/components/FormLayout/FormLayout.tsx"],"names":[],"mappings":";;;;AAAA,iDAAiD;AACjD,wDAAkD;AAElD,wCAAyC;
|
|
1
|
+
{"version":3,"file":"FormLayout.js","sourceRoot":"","sources":["../../../../src/components/FormLayout/FormLayout.tsx"],"names":[],"mappings":";;;;AAAA,iDAAiD;AACjD,wDAAkD;AAElD,wCAAyC;AACzC,kCAAqC;AAwBrC,SAAgB,aAAa,CAAC,EAAwD;QAAtD,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,kBAAkB,wBAAA;IACjE,IAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,kBAAkB,KAAK,CAAC,IAAI,gBAAgB,EAC5C,kBAAkB,KAAK,CAAC,IAAI,gBAAgB,EAC5C,kBAAkB,KAAK,CAAC,IAAI,gBAAgB,EAC5C,kBAAkB,KAAK,CAAC,IAAI,gBAAgB,EAC5C,kBAAkB,KAAK,CAAC,IAAI,gBAAgB,CAC7C,CAAA;IACD,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACvB,0CAAK,SAAS,EAAE,+BAAwB,aAAa,CAAE,IACpD,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa,IAAK,OAAA,CACtC,0CAAK,GAAG,EAAE,KAAK;YACb,iCAAC,gBAAQ,qBACP,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,EAC3C,SAAS,EAAE,IAAI,CAAC,SAAS,IACrB,IAAI,CAAC,IAAI,EACb,CACE,CACP,EAbuC,CAavC,CAAC,CACE,CACF,CACP,CAAA;AACH,CAAC;AA5BD,sCA4BC"}
|
|
@@ -3,5 +3,7 @@ export interface BadgeProps {
|
|
|
3
3
|
type?: 'default' | 'informational' | 'success' | 'attention' | 'warning' | 'danger';
|
|
4
4
|
text?: string;
|
|
5
5
|
className?: string;
|
|
6
|
+
removeButton?: boolean;
|
|
7
|
+
onClick?(): void;
|
|
6
8
|
}
|
|
7
|
-
export declare function PHXBadge({ text, type, className }: BadgeProps): JSX.Element;
|
|
9
|
+
export declare function PHXBadge({ text, type, className, removeButton, onClick }: BadgeProps): JSX.Element;
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { classNames } from '../types';
|
|
3
3
|
export function PHXBadge(_a) {
|
|
4
|
-
var text = _a.text, _b = _a.type, type = _b === void 0 ? 'default' : _b, className = _a.className;
|
|
4
|
+
var text = _a.text, _b = _a.type, type = _b === void 0 ? 'default' : _b, className = _a.className, removeButton = _a.removeButton, onClick = _a.onClick;
|
|
5
5
|
var typeClassName = classNames(type === 'default' && 'bg-gray-200 text-[#616161]', type === 'success' && 'bg-[#cdfee1]', type === 'informational' && 'bg-[#e0f0ff] text-[#00527c]', type === 'attention' && 'bg-[#ffef9d]', type === 'warning' && 'bg-[#ffd6a4]', type === 'danger' && 'bg-[#fedad9] text-[#8e1f0b]');
|
|
6
|
-
return (React.createElement("span", { className: "rounded-lg
|
|
6
|
+
return (React.createElement("span", { className: classNames("rounded-lg py-0.5 text-xs font-normal leading-4 ".concat(typeClassName, " ").concat(className), removeButton ? 'pl-2 pr-0 flex items-center w-fit' : 'px-2') },
|
|
7
|
+
text,
|
|
8
|
+
removeButton && (React.createElement("button", { onClick: onClick, className: 'px-0.5 ml-1 py-0.5 rounded-lg hover:bg-gray-300' },
|
|
9
|
+
React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', strokeWidth: '1.5', stroke: 'currentColor', className: 'w-3 h-3' },
|
|
10
|
+
React.createElement("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6 18L18 6M6 6l12 12' }))))));
|
|
7
11
|
}
|
|
8
12
|
//# sourceMappingURL=Badge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAUrC,MAAM,UAAU,QAAQ,CAAC,EAAwE;QAAtE,IAAI,UAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,OAAO,aAAA;IACjF,IAAM,aAAa,GAAG,UAAU,CAC9B,IAAI,KAAK,SAAS,IAAI,4BAA4B,EAClD,IAAI,KAAK,SAAS,IAAI,cAAc,EACpC,IAAI,KAAK,eAAe,IAAI,6BAA6B,EACzD,IAAI,KAAK,WAAW,IAAI,cAAc,EACtC,IAAI,KAAK,SAAS,IAAI,cAAc,EACpC,IAAI,KAAK,QAAQ,IAAI,6BAA6B,CACnD,CAAA;IACD,OAAO,CACL,8BACE,SAAS,EAAE,UAAU,CACnB,0DAAmD,aAAa,cAAI,SAAS,CAAE,EAC/E,YAAY,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,MAAM,CAC5D;QAEA,IAAI;QACJ,YAAY,IAAI,CACf,gCAAQ,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,iDAAiD;YACnF,6BACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,WAAW,EAAC,KAAK,EACjB,MAAM,EAAC,cAAc,EACrB,SAAS,EAAC,SAAS;gBAEnB,8BAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,sBAAsB,GAAG,CAC1E,CACC,CACV,CACI,CACR,CAAA;AACH,CAAC"}
|
|
@@ -11,7 +11,7 @@ export var PHXCard = function Card(_a) {
|
|
|
11
11
|
secondaryFooterActions && secondaryFooterActions.length === 1 && secondaryFooterActions[0].content && (React.createElement(PHXButton, { secondary: true, size: 'small', onClick: secondaryFooterActions[0].onClick }, secondaryFooterActions[0].content)),
|
|
12
12
|
primaryFooterAction && primaryFooterAction.content && (React.createElement(PHXButton, { primary: true, submit: primaryFooterAction.submit ? true : false, size: 'small', onClick: primaryFooterAction.onClick, disabled: primaryFooterAction.disabled, loading: primaryFooterAction.loading }, primaryFooterAction.content)),
|
|
13
13
|
dangerFooterAction && dangerFooterAction.content && (React.createElement(PHXButton, { deleted: true, submit: dangerFooterAction.submit ? true : false, size: 'small', onClick: dangerFooterAction.onClick, loading: dangerFooterAction.loading }, dangerFooterAction.content)))) : (React.createElement(React.Fragment, null));
|
|
14
|
-
var headerActionMarkup = primaryHeader ? (React.createElement("div", { className: '
|
|
14
|
+
var headerActionMarkup = primaryHeader ? (React.createElement("div", { className: classNames(type === 'modal' ? 'px-5 py-3' : 'px-5 pt-5', 'flex justify-between items-center') },
|
|
15
15
|
React.createElement("span", { className: 'text-sm font-medium leading-6 text-gray-900' }, title),
|
|
16
16
|
headerAction && (React.createElement("button", { type: 'button', className: 'rounded-md p-0.5 bg-white text-gray-400 hover:bg-gray-100', onClick: headerAction.onClick },
|
|
17
17
|
React.createElement("span", { className: 'sr-only' }, "Close"),
|
|
@@ -20,7 +20,7 @@ export var PHXCard = function Card(_a) {
|
|
|
20
20
|
React.createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full' },
|
|
21
21
|
React.createElement("div", { className: classNames(type === 'modal' ? 'divide-y divide-gray-200' : '', 'overflow-hidden shadow-[0rem_0.0825rem_0rem_#00000012] rounded-lg bg-white border border-gray-200') },
|
|
22
22
|
headerActionMarkup,
|
|
23
|
-
React.createElement("div", { className: classNames(type === 'modal' ? 'py-3' : 'p-5') }, children),
|
|
23
|
+
React.createElement("div", { className: classNames(type === 'modal' ? 'py-3 px-5' : 'p-5') }, children),
|
|
24
24
|
footerActionMarkup))));
|
|
25
25
|
};
|
|
26
26
|
PHXCard.Section = Section;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAiB,UAAU,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAarD,MAAM,CAAC,IAAM,OAAO,GAIhB,SAAS,IAAI,CAAC,EASN;QARV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,mBAAmB,yBAAA,EACnB,aAAa,mBAAA,EACb,sBAAsB,4BAAA,EACtB,YAAY,kBAAA,EACZ,kBAAkB,wBAAA,EAClB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA;IAEhB,IAAM,kBAAkB,GACtB,mBAAmB,IAAI,sBAAsB,IAAI,kBAAkB,CAAC,CAAC,CAAC,CACpE,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,6CAA6C,CAAC;QAE7G,sBAAsB,IAAI,sBAAsB,CAAC,MAAM,KAAK,CAAC,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CACrG,oBAAC,SAAS,IAAC,SAAS,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,IACzE,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,CACxB,CACb;QAGA,mBAAmB,IAAI,mBAAmB,CAAC,OAAO,IAAI,CACrD,oBAAC,SAAS,IACR,OAAO,QACP,MAAM,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACjD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,mBAAmB,CAAC,OAAO,EACpC,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,EACtC,OAAO,EAAE,mBAAmB,CAAC,OAAO,IAEnC,mBAAmB,CAAC,OAAO,CAClB,CACb;QAGA,kBAAkB,IAAI,kBAAkB,CAAC,OAAO,IAAI,CACnD,oBAAC,SAAS,IACR,OAAO,QACP,MAAM,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAChD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,kBAAkB,CAAC,OAAO,EACnC,OAAO,EAAE,kBAAkB,CAAC,OAAO,IAElC,kBAAkB,CAAC,OAAO,CACjB,CACb,CACG,CACP,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAA;IAEH,IAAM,kBAAkB,GAAG,aAAa,CAAC,CAAC,CAAC,CACzC,6BAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ import { CheckIcon, ChevronUpDownIcon } from '@heroicons/react/20/solid';
|
|
|
5
5
|
// import { PHXSpinner } from '../Loading'
|
|
6
6
|
import { classNames } from '../types';
|
|
7
7
|
import EmptySearchResult from '../Table/EmptySearchResult';
|
|
8
|
+
import { PHXBadge } from '../Badge';
|
|
8
9
|
export var PHXCombobox = function (_a) {
|
|
9
10
|
var _b = _a.multiple, multiple = _b === void 0 ? false : _b, register = _a.register, listOptions = _a.listOptions, className = _a.className, label = _a.label, defaultValue = _a.defaultValue, rest = __rest(_a, ["multiple", "register", "listOptions", "className", "label", "defaultValue"]);
|
|
10
11
|
var _c = useState([]), selectedPeople = _c[0], setSelectedPeople = _c[1];
|
|
@@ -49,10 +50,9 @@ export var PHXCombobox = function (_a) {
|
|
|
49
50
|
// @ts-ignore
|
|
50
51
|
multiple: multiple }, register, { value: selectedPeople, onChange: setSelectedPeople }),
|
|
51
52
|
React.createElement("div", { className: 'relative mt-1' },
|
|
53
|
+
multiple && selectedPeople.length > 0 && (React.createElement("div", { className: 'flex gap-x-1' }, selectedPeople.map(function (item) { return (React.createElement(PHXBadge, { key: item.id, text: item.name, removeButton: true })); }))),
|
|
52
54
|
React.createElement("div", { className: 'relative w-full cursor-default overflow-hidden rounded-lg bg-white text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-teal-300 sm:text-sm' },
|
|
53
|
-
React.createElement(Combobox.Input, __assign({ className: 'block min-w-full rounded-lg border border-gray-500 px-3 py-1.5 text-xs font-light shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', displayValue: function (people) {
|
|
54
|
-
return selectedPeople instanceof Array ? people.map(function (person) { return person === null || person === void 0 ? void 0 : person.name; }).join(', ') : people === null || people === void 0 ? void 0 : people.name;
|
|
55
|
-
}, onChange: searchLoading, placeholder: 'L\u1EF1a ch\u1ECDn' }, register, rest)),
|
|
55
|
+
React.createElement(Combobox.Input, __assign({ className: 'block min-w-full rounded-lg border border-gray-500 px-3 py-1.5 text-xs font-light shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', displayValue: function (people) { return (selectedPeople instanceof Array ? '' : people === null || people === void 0 ? void 0 : people.name); }, onChange: searchLoading, placeholder: 'L\u1EF1a ch\u1ECDn' }, register, rest)),
|
|
56
56
|
React.createElement(Combobox.Button, { className: 'absolute inset-y-0 right-0 flex items-center pr-2' },
|
|
57
57
|
React.createElement(ChevronUpDownIcon, { className: 'h-5 w-5 text-gray-400', "aria-hidden": 'true' }))),
|
|
58
58
|
React.createElement(Transition, { as: Fragment, leave: 'transition ease-in duration-100', leaveFrom: 'opacity-100', leaveTo: 'opacity-0', afterLeave: function () { return setQuery(''); } },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAuB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACjF,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAExE,0CAA0C;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,iBAAiB,MAAM,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAuB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACjF,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAExE,0CAA0C;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,iBAAiB,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAWnC,MAAM,CAAC,IAAM,WAAW,GAA4B,UAAC,EAQrC;IAPd,IAAA,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,KAAK,WAAA,EACL,YAAY,kBAAA,EACT,IAAI,cAP4C,6EAQpD,CADQ;IAED,IAAA,KAAsC,QAAQ,CAAM,EAAE,CAAC,EAAtD,cAAc,QAAA,EAAE,iBAAiB,QAAqB,CAAA;IACvD,IAAA,KAAoB,QAAQ,CAAC,EAAE,CAAC,EAA/B,KAAK,QAAA,EAAE,QAAQ,QAAgB,CAAA;IACtC,gDAAgD;IAChD,0CAA0C;IAE1C,SAAS,CAAC;QACR,IAAI,YAAY,EAAE;YAChB,IAAI,YAAY,YAAY,KAAK,EAAE;gBACjC,IAAM,WAAW,GAAG,YAAY,CAAC,GAAG,CAAC,UAAC,IAAS;oBAC7C,IAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,UAAC,MAAW,IAAK,OAAA,MAAM,CAAC,IAAI,KAAK,IAAI,EAApB,CAAoB,CAAC,CAAA;oBACpE,OAAO,IAAI,CAAA;gBACb,CAAC,CAAC,CAAA;gBACF,CAAC,QAAQ,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;aAC3G;iBAAM;gBACL,IAAM,WAAW,GAAG,WAAW,CAAC,IAAI,CAAC,UAAC,MAAW,IAAK,OAAA,MAAM,CAAC,IAAI,KAAK,YAAY,EAA5B,CAA4B,CAAC,CAAA;gBACnF,iBAAiB,CAAC,WAAW,CAAC,CAAA;aAC/B;SACF;aAAM;YACL,OAAM;SACP;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,IAAM,cAAc,GAClB,KAAK,KAAK,EAAE;QACV,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,UAAC,MAAW;YAC7B,OAAO,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAA;QACxG,CAAC,CAAC,CAAA;IAER,IAAM,aAAa,GAAG,UAAC,CAAM;QAC3B,mBAAmB;QACnB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QACxB,qBAAqB;QACrB,sBAAsB;QACtB,UAAU;IACZ,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,+BAAO,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAS;QACzF,oBAAC,QAAQ;QACP,aAAa;;YAAb,aAAa;YACb,QAAQ,EAAE,QAAQ,IACd,QAAQ,IACZ,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,iBAAiB;YAE3B,6BAAK,SAAS,EAAC,eAAe;gBAC3B,QAAQ,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,CACxC,6BAAK,SAAS,EAAC,cAAc,IAC1B,cAAc,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACjC,oBAAC,QAAQ,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,YAAY,SAAG,CACzD,EAFkC,CAElC,CAAC,CACE,CACP;gBACD,6BAAK,SAAS,EAAC,uPAAuP;oBACpQ,oBAAC,QAAQ,CAAC,KAAK,aACb,SAAS,EAAC,+OAA+O,EACzP,YAAY,EAAE,UAAC,MAAW,IAAK,OAAA,CAAC,cAAc,YAAY,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,EAArD,CAAqD,EACpF,QAAQ,EAAE,aAAa,EACvB,WAAW,EAAC,oBAAU,IAClB,QAAQ,EACR,IAAI,EACR;oBACF,oBAAC,QAAQ,CAAC,MAAM,IAAC,SAAS,EAAC,mDAAmD;wBAC5E,oBAAC,iBAAiB,IAAC,SAAS,EAAC,uBAAuB,iBAAa,MAAM,GAAG,CAC1D,CACd;gBACN,oBAAC,UAAU,IACT,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,iCAAiC,EACvC,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW,EACnB,UAAU,EAAE,cAAM,OAAA,QAAQ,CAAC,EAAE,CAAC,EAAZ,CAAY;oBAE9B,oBAAC,QAAQ,CAAC,OAAO,IACf,SAAS,EAAE,UAAU,CACnB,mKAAmK,CAEpK,IAMA,cAAc,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC;oBAC7C,oGAAoG;oBACpG,oBAAC,iBAAiB,IAAC,SAAS,EAAC,MAAM,GAAG,CACvC,CAAC,CAAC,CAAC,CACF,cAAc,CAAC,GAAG,CAAC,UAAC,MAAW,IAAK,OAAA,CAClC,oBAAC,QAAQ,CAAC,MAAM,eACV,QAAQ,IACZ,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,SAAS,EAAE,UAAC,EAAoB;gCAAlB,MAAM,YAAA,EAAE,QAAQ,cAAA;4BAC5B,OAAA,qFACE,MAAM,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,eAAe,cACrD,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAE;wBAFnC,CAEmC,EAErC,KAAK,EAAE,MAAM,KAEZ,UAAC,EAAY;4BAAV,QAAQ,cAAA;wBAAO,OAAA,CACjB;4BACE,8BAAM,SAAS,EAAE,gBAAgB,IAAG,MAAM,CAAC,IAAI,CAAQ;4BACtD,QAAQ,CAAC,CAAC,CAAC,CACV,8BAAM,SAAS,EAAE,mDAAmD;gCAClE,oBAAC,SAAS,IAAC,SAAS,EAAC,SAAS,iBAAa,MAAM,GAAG,CAC/C,CACR,CAAC,CAAC,CAAC,IAAI,CACP,CACJ;oBATkB,CASlB,CACe,CACnB,EAtBmC,CAsBnC,CAAC,CACH,CAGgB,CACR,CACT,CACG,CACP,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -2,10 +2,12 @@ import { __assign } from "tslib";
|
|
|
2
2
|
/* eslint-disable @typescript-eslint/ban-types */
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { PHXInput } from '../Input/Input';
|
|
5
|
+
import { classNames } from '../types';
|
|
5
6
|
export function PHXFormLayout(_a) {
|
|
6
7
|
var className = _a.className, list = _a.list, numberOfInputInRow = _a.numberOfInputInRow;
|
|
8
|
+
var numberOfInput = classNames(numberOfInputInRow === 1 && 'md:grid-cols-1', numberOfInputInRow === 2 && 'md:grid-cols-2', numberOfInputInRow === 3 && 'md:grid-cols-3', numberOfInputInRow === 4 && 'md:grid-cols-4', numberOfInputInRow === 5 && 'md:grid-cols-5');
|
|
7
9
|
return (React.createElement("div", { className: className },
|
|
8
|
-
React.createElement("div", { className: "grid gap-y-3 gap-x-5
|
|
10
|
+
React.createElement("div", { className: "grid gap-y-3 gap-x-5 ".concat(numberOfInput) }, list.map(function (item, index) { return (React.createElement("div", { key: index },
|
|
9
11
|
React.createElement(PHXInput, __assign({ key: index, label: item.label, register: item.register, helpText: item.helpText, error: item.error, errorMessageCustom: item.errorMessageCustom, errorType: item.errorType }, item.rest)))); }))));
|
|
10
12
|
}
|
|
11
13
|
//# sourceMappingURL=FormLayout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormLayout.js","sourceRoot":"","sources":["../../../../src/components/FormLayout/FormLayout.tsx"],"names":[],"mappings":";AAAA,iDAAiD;AACjD,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"FormLayout.js","sourceRoot":"","sources":["../../../../src/components/FormLayout/FormLayout.tsx"],"names":[],"mappings":";AAAA,iDAAiD;AACjD,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAwBrC,MAAM,UAAU,aAAa,CAAC,EAAwD;QAAtD,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,kBAAkB,wBAAA;IACjE,IAAM,aAAa,GAAG,UAAU,CAC9B,kBAAkB,KAAK,CAAC,IAAI,gBAAgB,EAC5C,kBAAkB,KAAK,CAAC,IAAI,gBAAgB,EAC5C,kBAAkB,KAAK,CAAC,IAAI,gBAAgB,EAC5C,kBAAkB,KAAK,CAAC,IAAI,gBAAgB,EAC5C,kBAAkB,KAAK,CAAC,IAAI,gBAAgB,CAC7C,CAAA;IACD,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACvB,6BAAK,SAAS,EAAE,+BAAwB,aAAa,CAAE,IACpD,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa,IAAK,OAAA,CACtC,6BAAK,GAAG,EAAE,KAAK;YACb,oBAAC,QAAQ,aACP,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,EAC3C,SAAS,EAAE,IAAI,CAAC,SAAS,IACrB,IAAI,CAAC,IAAI,EACb,CACE,CACP,EAbuC,CAavC,CAAC,CACE,CACF,CACP,CAAA;AACH,CAAC"}
|