phx-react 1.3.3 → 1.3.5

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.
Files changed (43) hide show
  1. package/dist/cjs/components/Card/Card.js +1 -1
  2. package/dist/cjs/components/Card/Card.js.map +1 -1
  3. package/dist/cjs/components/FormStep/FormStep.js +5 -5
  4. package/dist/cjs/components/FormStep/FormStep.js.map +1 -1
  5. package/dist/cjs/components/Input/Input.d.ts +0 -2
  6. package/dist/cjs/components/Input/Input.js +2 -4
  7. package/dist/cjs/components/Input/Input.js.map +1 -1
  8. package/dist/cjs/components/Step/Step.d.ts +3 -2
  9. package/dist/cjs/components/Step/Step.js +68 -68
  10. package/dist/cjs/components/Step/Step.js.map +1 -1
  11. package/dist/cjs/components/{Input → Textarea}/Textarea.d.ts +5 -1
  12. package/dist/cjs/components/Textarea/Textarea.js +19 -0
  13. package/dist/cjs/components/Textarea/Textarea.js.map +1 -0
  14. package/dist/cjs/components/Textarea/index.d.ts +1 -0
  15. package/dist/cjs/components/Textarea/index.js +5 -0
  16. package/dist/cjs/components/Textarea/index.js.map +1 -0
  17. package/dist/cjs/index.d.ts +2 -1
  18. package/dist/cjs/index.js +3 -1
  19. package/dist/cjs/index.js.map +1 -1
  20. package/dist/esm/components/Card/Card.js +1 -1
  21. package/dist/esm/components/Card/Card.js.map +1 -1
  22. package/dist/esm/components/FormStep/FormStep.js +5 -5
  23. package/dist/esm/components/FormStep/FormStep.js.map +1 -1
  24. package/dist/esm/components/Input/Input.d.ts +0 -2
  25. package/dist/esm/components/Input/Input.js +2 -4
  26. package/dist/esm/components/Input/Input.js.map +1 -1
  27. package/dist/esm/components/Step/Step.d.ts +3 -2
  28. package/dist/esm/components/Step/Step.js +68 -68
  29. package/dist/esm/components/Step/Step.js.map +1 -1
  30. package/dist/esm/components/{Input → Textarea}/Textarea.d.ts +5 -1
  31. package/dist/esm/components/Textarea/Textarea.js +15 -0
  32. package/dist/esm/components/Textarea/Textarea.js.map +1 -0
  33. package/dist/esm/components/Textarea/index.d.ts +1 -0
  34. package/dist/esm/components/Textarea/index.js +2 -0
  35. package/dist/esm/components/Textarea/index.js.map +1 -0
  36. package/dist/esm/index.d.ts +2 -1
  37. package/dist/esm/index.js +2 -1
  38. package/dist/esm/index.js.map +1 -1
  39. package/package.json +1 -1
  40. package/dist/cjs/components/Input/Textarea.js +0 -12
  41. package/dist/cjs/components/Input/Textarea.js.map +0 -1
  42. package/dist/esm/components/Input/Textarea.js +0 -8
  43. package/dist/esm/components/Input/Textarea.js.map +0 -1
@@ -11,7 +11,7 @@ var PHXCard = function Card(_a) {
11
11
  var children = _a.children, title = _a.title, primaryFooterAction = _a.primaryFooterAction, primaryHeader = _a.primaryHeader, secondaryFooterActions = _a.secondaryFooterActions;
12
12
  var footerActionMarkup = primaryFooterAction || secondaryFooterActions ? (react_1["default"].createElement("div", { className: 'bg-gray-50 px-4 py-4 sm:px-6 flex justify-end gap-x-3' },
13
13
  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)),
14
- primaryFooterAction && primaryFooterAction.content && (react_1["default"].createElement(Button_1.PHXButton, { primary: true, submit: primaryFooterAction.submit ? true : false, size: 'small', onClick: primaryFooterAction.onClick }, primaryFooterAction.content)))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
14
+ 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 }, primaryFooterAction.content)))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
15
15
  var headerActionMarkup = primaryHeader ? (react_1["default"].createElement("div", { className: 'px-4 py-5 sm:px-6' },
16
16
  react_1["default"].createElement("h3", { className: 'text-base font-semibold leading-6 text-gray-900' }, title))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
17
17
  return (react_1["default"].createElement("div", { className: 'w-full' },
@@ -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;AAE7B,oCAAqC;AAU9B,IAAM,OAAO,GAIhB,SAAS,IAAI,CAAC,EAA0F;QAAxF,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,mBAAmB,yBAAA,EAAE,aAAa,mBAAA,EAAE,sBAAsB,4BAAA;IAC7F,IAAM,kBAAkB,GACtB,mBAAmB,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAC9C,0CAAK,SAAS,EAAC,uDAAuD;QAEnE,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,IAEnC,mBAAmB,CAAC,OAAO,CAClB,CACb,CACG,CACP,CAAC,CAAC,CAAC,CACF,mEAAK,CACN,CAAA;IAEH,IAAM,kBAAkB,GAAG,aAAa,CAAC,CAAC,CAAC,CACzC,0CAAK,SAAS,EAAC,mBAAmB;QAChC,yCAAI,SAAS,EAAC,iDAAiD,IAAE,KAAK,CAAM,CACxE,CACP,CAAC,CAAC,CAAC,CACF,mEAAK,CACN,CAAA;IAED,OAAO,CACL,0CAAK,SAAS,EAAC,QAAQ;QACrB,0CAAK,SAAS,EAAC,sCAAsC;YACnD,0CAAK,SAAS,EAAC,4HAA4H;gBACxI,kBAAkB;gBACnB,0CAAK,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAO;gBACjD,kBAAkB,CACf,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAlDY,QAAA,OAAO,WAkDnB;AAED,eAAO,CAAC,OAAO,GAAG,oBAAO,CAAA;AACzB,eAAO,CAAC,WAAW,GAAG,wBAAW,CAAA;AACjC,eAAO,CAAC,MAAM,GAAG,mBAAM,CAAA"}
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;AAE7B,oCAAqC;AAU9B,IAAM,OAAO,GAIhB,SAAS,IAAI,CAAC,EAA0F;QAAxF,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,mBAAmB,yBAAA,EAAE,aAAa,mBAAA,EAAE,sBAAsB,4BAAA;IAC7F,IAAM,kBAAkB,GACtB,mBAAmB,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAC9C,0CAAK,SAAS,EAAC,uDAAuD;QAEnE,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,IAErC,mBAAmB,CAAC,OAAO,CAClB,CACb,CACG,CACP,CAAC,CAAC,CAAC,CACF,mEAAK,CACN,CAAA;IAEH,IAAM,kBAAkB,GAAG,aAAa,CAAC,CAAC,CAAC,CACzC,0CAAK,SAAS,EAAC,mBAAmB;QAChC,yCAAI,SAAS,EAAC,iDAAiD,IAAE,KAAK,CAAM,CACxE,CACP,CAAC,CAAC,CAAC,CACF,mEAAK,CACN,CAAA;IAED,OAAO,CACL,0CAAK,SAAS,EAAC,QAAQ;QACrB,0CAAK,SAAS,EAAC,sCAAsC;YACnD,0CAAK,SAAS,EAAC,4HAA4H;gBACxI,kBAAkB;gBACnB,0CAAK,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAO;gBACjD,kBAAkB,CACf,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAnDY,QAAA,OAAO,WAmDnB;AAED,eAAO,CAAC,OAAO,GAAG,oBAAO,CAAA;AACzB,eAAO,CAAC,WAAW,GAAG,wBAAW,CAAA;AACjC,eAAO,CAAC,MAAM,GAAG,mBAAM,CAAA"}
@@ -3,15 +3,15 @@ exports.__esModule = true;
3
3
  exports.PHXFormStep = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var react_hook_form_1 = require("react-hook-form");
6
- var react_1 = tslib_1.__importDefault(require("react"));
6
+ var react_1 = tslib_1.__importStar(require("react"));
7
7
  var solid_1 = require("@heroicons/react/24/solid");
8
8
  var Card_1 = require("../Card");
9
9
  var FormWrap_1 = require("../FormWrap");
10
10
  var PHXFormStep = function (_a) {
11
11
  var _b;
12
12
  var className = _a.className, steps = _a.steps, nextLabel = _a.nextLabel, backLabel = _a.backLabel, formMode = _a.formMode, onSubmit = _a.onSubmit, _c = _a.size, size = _c === void 0 ? 'large' : _c, title = _a.title, triggerStep = _a.triggerStep, backRout = _a.backRout;
13
- var _d = react_1["default"].useState(1), currentStep = _d[0], setCurrentStep = _d[1];
14
- var _e = react_1["default"].useState([]), listSteps = _e[0], setListSteps = _e[1];
13
+ var _d = (0, react_1.useState)(1), currentStep = _d[0], setCurrentStep = _d[1];
14
+ var _e = (0, react_1.useState)([]), listSteps = _e[0], setListSteps = _e[1];
15
15
  var form = (0, react_hook_form_1.useForm)();
16
16
  var nextStep = function (data) {
17
17
  var _a;
@@ -52,7 +52,7 @@ var PHXFormStep = function (_a) {
52
52
  var handleNextStep = function () {
53
53
  setCurrentStep(function (currentStep) { return currentStep + 1; });
54
54
  };
55
- react_1["default"].useEffect(function () {
55
+ (0, react_1.useEffect)(function () {
56
56
  if (steps) {
57
57
  var listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) {
58
58
  if (index === 0) {
@@ -66,7 +66,7 @@ var PHXFormStep = function (_a) {
66
66
  listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item) { return (tslib_1.__assign(tslib_1.__assign({}, item), { status: 'complete' })); });
67
67
  setListSteps(listNew);
68
68
  }
69
- }, [steps, formMode]);
69
+ }, []);
70
70
  return (react_1["default"].createElement("div", { className: className },
71
71
  react_1["default"].createElement(react_hook_form_1.FormProvider, tslib_1.__assign({}, form),
72
72
  react_1["default"].createElement(FormWrap_1.PHXFormWrap, { className: 'w-full', size: size, title: title, onSubmit: formMode === 'readOnly' ? form.handleSubmit(handleNextStep) : form.handleSubmit(nextStep), onCancel: backRout, footerAction: false },
@@ -1 +1 @@
1
- {"version":3,"file":"FormStep.js","sourceRoot":"","sources":["../../../../src/components/FormStep/FormStep.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FormStep.js","sourceRoot":"","sources":["../../../../src/components/FormStep/FormStep.tsx"],"names":[],"mappings":"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"}
@@ -5,9 +5,7 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
5
5
  label?: string;
6
6
  helpText?: string;
7
7
  register?: UseFormRegisterReturn;
8
- textarea?: boolean;
9
8
  error?: boolean;
10
9
  errorMessage?: string;
11
- props?: any;
12
10
  }
13
11
  export declare const PHXInput: React.FC<InputProps>;
@@ -3,14 +3,12 @@ exports.__esModule = true;
3
3
  exports.PHXInput = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var react_1 = tslib_1.__importDefault(require("react"));
6
- var Textarea_1 = require("./Textarea");
7
6
  var types_1 = require("../types");
8
7
  var PHXInput = function (_a) {
9
- var className = _a.className, error = _a.error, errorMessage = _a.errorMessage, helpText = _a.helpText, label = _a.label, register = _a.register, textarea = _a.textarea, props = _a.props, rest = tslib_1.__rest(_a, ["className", "error", "errorMessage", "helpText", "label", "register", "textarea", "props"]);
8
+ var className = _a.className, error = _a.error, errorMessage = _a.errorMessage, helpText = _a.helpText, label = _a.label, register = _a.register, rest = tslib_1.__rest(_a, ["className", "error", "errorMessage", "helpText", "label", "register"]);
10
9
  return (react_1["default"].createElement("div", { className: className },
11
10
  label && react_1["default"].createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
12
- textarea ? (react_1["default"].createElement(Textarea_1.Textarea, tslib_1.__assign({ register: register, error: error }, props))) : (react_1["default"].createElement(react_1["default"].Fragment, null,
13
- react_1["default"].createElement("input", tslib_1.__assign({}, rest, register, { className: (0, types_1.classNames)('block 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', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') })))),
11
+ react_1["default"].createElement("input", tslib_1.__assign({}, rest, register, { className: (0, types_1.classNames)('block 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', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') })),
14
12
  helpText ? react_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
15
13
  error && errorMessage ? (react_1["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
16
14
  react_1["default"].createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;AAAA,wDAAkD;AAElD,uCAAqC;AACrC,kCAAqC;AAa9B,IAAM,QAAQ,GAAyB,UAAC,EAUlC;IATX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,sBATsC,4FAU9C,CADQ;IACS,OAAA,CAChB,0CAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,4CAAO,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAS;QACxF,QAAQ,CAAC,CAAC,CAAC,CACV,iCAAC,mBAAQ,qBAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,CAC1D,CAAC,CAAC,CAAC,CACF;YACE,+DACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,IAAA,kBAAU,EACnB,2OAA2O,EAC3O,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,IACD,CACD,CACJ;QACA,QAAQ,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,0CAAK,SAAS,EAAC,6BAA6B;YAC1C,0CACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,2CACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,wCAAG,SAAS,EAAC,sBAAsB,IAAE,YAAY,CAAK,CAClD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA;AAjDY,QAAA,QAAQ,YAiDpB"}
1
+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;AAAA,wDAAkD;AAElD,kCAAqC;AAW9B,IAAM,QAAQ,GAAyB,UAAC,EAQlC;IAPX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,IAAI,sBAPsC,uEAQ9C,CADQ;IACS,OAAA,CAChB,0CAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,4CAAO,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAS;QACzF,+DACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,IAAA,kBAAU,EACnB,2OAA2O,EAC3O,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,IACD;QACD,QAAQ,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,0CAAK,SAAS,EAAC,6BAA6B;YAC1C,0CACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,2CACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,wCAAG,SAAS,EAAC,sBAAsB,IAAE,YAAY,CAAK,CAClD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA;AAzCY,QAAA,QAAQ,YAyCpB"}
@@ -18,8 +18,9 @@ export interface StepProps {
18
18
  title: FooterBarProps['title'];
19
19
  triggerStep?: Array<{
20
20
  step: number;
21
- onNext: any;
21
+ onNext?: any;
22
+ onBack?: any;
23
+ isPass: boolean;
22
24
  }>;
23
- backRout: any;
24
25
  }
25
26
  export declare const PHXStep: React.FC<StepProps>;
@@ -2,57 +2,59 @@
2
2
  exports.__esModule = true;
3
3
  exports.PHXStep = void 0;
4
4
  var tslib_1 = require("tslib");
5
- var react_hook_form_1 = require("react-hook-form");
6
- var react_1 = tslib_1.__importDefault(require("react"));
5
+ var react_1 = tslib_1.__importStar(require("react"));
7
6
  var solid_1 = require("@heroicons/react/24/solid");
8
7
  var Card_1 = require("../Card");
9
- var FormWrap_1 = require("../FormWrap");
10
8
  var PHXStep = function (_a) {
11
- var _b;
12
- var className = _a.className, steps = _a.steps, nextLabel = _a.nextLabel, backLabel = _a.backLabel, formMode = _a.formMode, onSubmit = _a.onSubmit, _c = _a.size, size = _c === void 0 ? 'large' : _c, title = _a.title, triggerStep = _a.triggerStep, backRout = _a.backRout;
13
- var _d = react_1["default"].useState(1), currentStep = _d[0], setCurrentStep = _d[1];
14
- var _e = react_1["default"].useState([]), listSteps = _e[0], setListSteps = _e[1];
15
- var form = (0, react_hook_form_1.useForm)();
16
- var nextStep = function (data) {
17
- var _a;
18
- try {
19
- var funcCallApiStep = (_a = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; })) === null || _a === void 0 ? void 0 : _a.onNext;
20
- if (funcCallApiStep) {
21
- funcCallApiStep();
22
- }
23
- if (currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length)) {
24
- onSubmit(data);
25
- return;
26
- }
27
- else {
28
- listSteps === null || listSteps === void 0 ? void 0 : listSteps.forEach(function (item) {
29
- if (item.step === currentStep + 1 && item.status !== 'complete')
30
- item.status = 'current';
31
- if (item.step === currentStep)
32
- item.status = 'complete';
33
- });
34
- }
35
- setCurrentStep(function (currentStep) { return currentStep + 1; });
9
+ var _b, _c;
10
+ var className = _a.className, steps = _a.steps, nextLabel = _a.nextLabel, backLabel = _a.backLabel, formMode = _a.formMode, onSubmit = _a.onSubmit, triggerStep = _a.triggerStep;
11
+ var _d = (0, react_1.useState)(1), currentStep = _d[0], setCurrentStep = _d[1];
12
+ var _e = (0, react_1.useState)([]), listSteps = _e[0], setListSteps = _e[1];
13
+ var handleClickToStep = function (stepItem) {
14
+ var _a, _b;
15
+ var isNextStep = ((_a = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (itemChild) { return itemChild.step === currentStep; })) === null || _a === void 0 ? void 0 : _a.isPass) ||
16
+ ((_b = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (itemChild) { return itemChild.step === stepItem.step; })) === null || _b === void 0 ? void 0 : _b.isPass);
17
+ if (!isNextStep)
18
+ return;
19
+ if (stepItem.step > currentStep) {
20
+ handleNextStep();
36
21
  }
37
- catch (error) {
38
- console.error;
22
+ else {
23
+ handleBackStep(stepItem);
39
24
  }
40
25
  };
41
- var handleNextWithClickStep = function (stepItem) {
42
- if (formMode === 'addNew') {
43
- stepItem.status !== 'upcoming' && setCurrentStep(stepItem.step);
26
+ var handleBackStep = function (stepItem) {
27
+ var _a;
28
+ var funcCallBackStep = (_a = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; })) === null || _a === void 0 ? void 0 : _a.onBack;
29
+ if (funcCallBackStep && formMode !== 'readOnly')
30
+ funcCallBackStep();
31
+ if (stepItem && stepItem.step) {
32
+ setCurrentStep(stepItem.step);
44
33
  }
45
34
  else {
46
- setCurrentStep(stepItem.step);
35
+ setCurrentStep(function (currentStep) { return currentStep - 1; });
47
36
  }
48
37
  };
49
- var handleBackStep = function () {
50
- setCurrentStep(function (currentStep) { return currentStep - 1; });
51
- };
52
38
  var handleNextStep = function () {
39
+ var _a;
40
+ var funcCallNextStep = (_a = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; })) === null || _a === void 0 ? void 0 : _a.onNext;
41
+ if (funcCallNextStep && formMode !== 'readOnly')
42
+ funcCallNextStep();
43
+ if (currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length)) {
44
+ onSubmit();
45
+ return;
46
+ }
47
+ else {
48
+ listSteps === null || listSteps === void 0 ? void 0 : listSteps.forEach(function (item) {
49
+ if (item.step === currentStep + 1 && item.status !== 'complete')
50
+ item.status = 'current';
51
+ if (item.step === currentStep)
52
+ item.status = 'complete';
53
+ });
54
+ }
53
55
  setCurrentStep(function (currentStep) { return currentStep + 1; });
54
56
  };
55
- react_1["default"].useEffect(function () {
57
+ (0, react_1.useEffect)(function () {
56
58
  if (steps) {
57
59
  var listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) {
58
60
  if (index === 0) {
@@ -66,37 +68,35 @@ var PHXStep = function (_a) {
66
68
  listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item) { return (tslib_1.__assign(tslib_1.__assign({}, item), { status: 'complete' })); });
67
69
  setListSteps(listNew);
68
70
  }
69
- }, [steps, formMode]);
71
+ }, []);
70
72
  return (react_1["default"].createElement("div", { className: className },
71
- react_1["default"].createElement(react_hook_form_1.FormProvider, tslib_1.__assign({}, form),
72
- react_1["default"].createElement(FormWrap_1.PHXFormWrap, { className: 'w-full', size: size, title: title, onSubmit: formMode === 'readOnly' ? form.handleSubmit(handleNextStep) : form.handleSubmit(nextStep), onCancel: backRout, footerAction: false },
73
- react_1["default"].createElement(Card_1.PHXCard, { primaryFooterAction: {
74
- content: currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length) ? (formMode !== 'readOnly' ? 'Submit' : '') : nextLabel,
75
- submit: true
76
- }, secondaryFooterActions: [{ content: currentStep !== 1 ? backLabel : '', onClick: handleBackStep }] },
77
- react_1["default"].createElement("nav", { "aria-label": 'Progress' },
78
- react_1["default"].createElement("ol", { role: 'list', className: 'divide-y grid grid-cols-4 gap-4 divide-gray-300 rounded-md border border-gray-300 md:flex md:divide-y-0' }, listSteps &&
79
- listSteps.map(function (stepItem, stepIdx) { return (react_1["default"].createElement("li", { key: stepIdx, className: 'relative cursor-pointer md:flex md:flex-1' },
80
- react_1["default"].createElement("button", { type: "".concat(stepItem.step > currentStep && formMode !== 'readOnly' ? 'submit' : 'button'), onClick: function () {
81
- return (stepItem.step < currentStep || formMode === 'readOnly') && handleNextWithClickStep(stepItem);
82
- } },
83
- stepItem.status === 'complete' ? (react_1["default"].createElement("div", { className: 'group flex w-full items-center' },
84
- react_1["default"].createElement("span", { className: 'flex items-center px-6 py-3 text-sm font-medium' },
85
- react_1["default"].createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-indigo-600 group-hover:bg-indigo-800' },
86
- react_1["default"].createElement(solid_1.CheckIcon, { className: 'h-6 w-6 text-white', "aria-hidden": 'true' })),
87
- react_1["default"].createElement("span", { className: 'ml-4 text-sm font-medium text-gray-900' }, stepItem.title)))) : stepItem.status === 'current' ? (react_1["default"].createElement("div", { className: 'flex items-center px-6 py-3 text-sm font-medium', "aria-current": 'step' },
88
- react_1["default"].createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 border-indigo-600' },
89
- react_1["default"].createElement("span", { className: 'text-indigo-600' }, stepItem.step)),
90
- react_1["default"].createElement("span", { className: 'ml-4 text-sm font-medium text-indigo-600' }, stepItem.title))) : (react_1["default"].createElement("div", { className: 'group flex items-center' },
91
- react_1["default"].createElement("span", { className: 'flex items-center px-6 py-3 text-sm font-medium' },
92
- react_1["default"].createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 border-gray-300 group-hover:border-gray-400' },
93
- react_1["default"].createElement("span", { className: 'text-gray-500 group-hover:text-gray-900' }, stepItem.step)),
94
- react_1["default"].createElement("span", { className: 'ml-4 text-sm font-medium text-gray-500 group-hover:text-gray-900' }, stepItem.title)))),
95
- stepIdx !== (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length) - 1 ? (react_1["default"].createElement(react_1["default"].Fragment, null,
96
- react_1["default"].createElement("div", { className: 'absolute right-0 top-0 hidden h-full w-5 md:block', "aria-hidden": 'true' },
97
- react_1["default"].createElement("svg", { className: 'h-full w-full text-gray-300', viewBox: '0 0 22 80', fill: 'none', preserveAspectRatio: 'none' },
98
- react_1["default"].createElement("path", { d: 'M0 -2L20 40L0 82', vectorEffect: 'non-scaling-stroke', stroke: 'currentcolor', strokeLinejoin: 'round' }))))) : null))); }))), (_b = listSteps === null || listSteps === void 0 ? void 0 : listSteps.find(function (item) { return item.step === currentStep; })) === null || _b === void 0 ? void 0 :
99
- _b.component)))));
73
+ react_1["default"].createElement(Card_1.PHXCard, { primaryFooterAction: {
74
+ content: currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length) ? (formMode !== 'readOnly' ? 'Submit' : '') : nextLabel,
75
+ submit: false,
76
+ onClick: handleNextStep,
77
+ disabled: ((_b = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (stepChild) { return stepChild.step === currentStep; })) === null || _b === void 0 ? void 0 : _b.isPass) === false
78
+ }, secondaryFooterActions: [{ content: currentStep !== 1 ? backLabel : '', onClick: handleBackStep }] },
79
+ react_1["default"].createElement("nav", { "aria-label": 'Progress' },
80
+ react_1["default"].createElement("ol", { role: 'list', className: 'divide-y divide-gray-300 rounded-md border border-gray-300 md:flex md:divide-y-0' }, listSteps &&
81
+ listSteps.map(function (stepItem, stepIdx) { return (react_1["default"].createElement("li", { key: stepIdx, className: 'relative cursor-pointer md:flex md:flex-1' },
82
+ react_1["default"].createElement("button", { type: 'button', onClick: function () { return handleClickToStep(stepItem); } },
83
+ stepItem.status === 'complete' ? (react_1["default"].createElement("div", { className: 'group flex w-full items-center' },
84
+ react_1["default"].createElement("span", { className: 'flex items-center px-6 py-3 text-sm font-medium' },
85
+ react_1["default"].createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-indigo-600 group-hover:bg-indigo-800' },
86
+ react_1["default"].createElement(solid_1.CheckIcon, { className: 'h-6 w-6 text-white', "aria-hidden": 'true' })),
87
+ react_1["default"].createElement("span", { className: 'ml-4 text-sm font-medium text-gray-900' }, stepItem.title)))) : stepItem.status === 'current' ? (react_1["default"].createElement("div", { className: 'flex items-center px-6 py-3 text-sm font-medium', "aria-current": 'step' },
88
+ react_1["default"].createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 border-indigo-600' },
89
+ react_1["default"].createElement("span", { className: 'text-indigo-600' }, stepItem.step)),
90
+ react_1["default"].createElement("span", { className: 'ml-4 text-sm font-medium text-indigo-600' }, stepItem.title))) : (react_1["default"].createElement("div", { className: 'group flex items-center' },
91
+ react_1["default"].createElement("span", { className: 'flex items-center px-6 py-3 text-sm font-medium' },
92
+ react_1["default"].createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 border-gray-300 group-hover:border-gray-400' },
93
+ react_1["default"].createElement("span", { className: 'text-gray-500 group-hover:text-gray-900' }, stepItem.step)),
94
+ react_1["default"].createElement("span", { className: 'ml-4 text-sm font-medium text-gray-500 group-hover:text-gray-900' }, stepItem.title)))),
95
+ stepIdx !== (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length) - 1 ? (react_1["default"].createElement(react_1["default"].Fragment, null,
96
+ react_1["default"].createElement("div", { className: 'absolute right-0 top-0 hidden h-full w-5 md:block', "aria-hidden": 'true' },
97
+ react_1["default"].createElement("svg", { className: 'h-full w-full text-gray-300', viewBox: '0 0 22 80', fill: 'none', preserveAspectRatio: 'none' },
98
+ react_1["default"].createElement("path", { d: 'M0 -2L20 40L0 82', vectorEffect: 'non-scaling-stroke', stroke: 'currentcolor', strokeLinejoin: 'round' }))))) : null))); }))), (_c = listSteps === null || listSteps === void 0 ? void 0 : listSteps.find(function (item) { return item.step === currentStep; })) === null || _c === void 0 ? void 0 :
99
+ _c.component)));
100
100
  };
101
101
  exports.PHXStep = PHXStep;
102
102
  //# sourceMappingURL=Step.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Step.js","sourceRoot":"","sources":["../../../../src/components/Step/Step.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Step.js","sourceRoot":"","sources":["../../../../src/components/Step/Step.tsx"],"names":[],"mappings":"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"}
@@ -1,7 +1,11 @@
1
1
  import React, { TextareaHTMLAttributes } from 'react';
2
2
  import { UseFormRegisterReturn } from 'react-hook-form';
3
3
  export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
4
+ className?: string;
5
+ label?: string;
6
+ helpText?: string;
4
7
  register?: UseFormRegisterReturn;
5
8
  error?: boolean;
9
+ errorMessage?: string;
6
10
  }
7
- export declare const Textarea: React.FC<TextAreaProps>;
11
+ export declare const PHXTextarea: React.FC<TextAreaProps>;
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.PHXTextarea = void 0;
4
+ var tslib_1 = require("tslib");
5
+ var react_1 = tslib_1.__importDefault(require("react"));
6
+ var types_1 = require("../types");
7
+ var PHXTextarea = function (_a) {
8
+ var className = _a.className, error = _a.error, errorMessage = _a.errorMessage, helpText = _a.helpText, label = _a.label, register = _a.register, rest = tslib_1.__rest(_a, ["className", "error", "errorMessage", "helpText", "label", "register"]);
9
+ return (react_1["default"].createElement("div", { className: className },
10
+ label && react_1["default"].createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
11
+ react_1["default"].createElement("textarea", tslib_1.__assign({}, rest, register, { className: (0, types_1.classNames)('font-light block w-full rounded-lg border border-gray-500 px-3 py-1.5 shadow-sm focus:outline-indigo-500 focus:outline-none focus:outline-offset-1 focus:bg-gray-50 hover:bg-gray-50 text-xs focus:ring-transparent focus:border-gray-500', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') })),
12
+ helpText ? react_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
13
+ error && errorMessage ? (react_1["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
14
+ react_1["default"].createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
15
+ react_1["default"].createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' })),
16
+ react_1["default"].createElement("p", { className: 'text-xs text-red-800' }, errorMessage))) : null));
17
+ };
18
+ exports.PHXTextarea = PHXTextarea;
19
+ //# sourceMappingURL=Textarea.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":";;;;AAAA,wDAAqD;AAErD,kCAAqC;AAW9B,IAAM,WAAW,GAA4B,UAAC,EAQrC;IAPd,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,IAAI,sBAP4C,uEAQpD,CADQ;IAEP,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,4CAAO,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAS;QACzF,kEACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,IAAA,kBAAU,EACnB,2OAA2O,EAC3O,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,IACD;QACD,QAAQ,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,0CAAK,SAAS,EAAC,6BAA6B;YAC1C,0CACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,2CACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,wCAAG,SAAS,EAAC,sBAAsB,IAAE,YAAY,CAAK,CAClD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AA3CY,QAAA,WAAW,eA2CvB"}
@@ -0,0 +1 @@
1
+ export * from './Textarea';
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ var tslib_1 = require("tslib");
4
+ tslib_1.__exportStar(require("./Textarea"), exports);
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Textarea/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B"}
@@ -17,4 +17,5 @@ import { PHXSkeletonLarge } from './components/Skeleton';
17
17
  import PHXFuncGetLoggedInfo from './components/Func/getLoginInfo';
18
18
  import PHXClientQuery from './components/Func/clientQueryV2';
19
19
  import PHXClientMutation from './components/Func/clientMutationV2';
20
- export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeletonLarge, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, };
20
+ import { PHXTextarea } from './components/Textarea';
21
+ export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeletonLarge, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, };
package/dist/cjs/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  exports.__esModule = true;
3
- exports.PHXClientMutation = exports.PHXClientQuery = exports.PHXFuncGetLoggedInfo = exports.PHXSkeletonLarge = exports.PHXStep = exports.PHXNotifications = exports.PHXFormStep = exports.PHXCheckbox = exports.PHXRadio = exports.PHXSelect = exports.PHXInput = exports.PHXTable = exports.PHXHeaderBar = exports.PHXFormWrap = exports.PHXMainWrap = exports.PHXSpinner = exports.PHXCard = exports.PHXButton = exports.MyCounter = void 0;
3
+ exports.PHXTextarea = exports.PHXClientMutation = exports.PHXClientQuery = exports.PHXFuncGetLoggedInfo = exports.PHXSkeletonLarge = exports.PHXStep = exports.PHXNotifications = exports.PHXFormStep = exports.PHXCheckbox = exports.PHXRadio = exports.PHXSelect = exports.PHXInput = exports.PHXTable = exports.PHXHeaderBar = exports.PHXFormWrap = exports.PHXMainWrap = exports.PHXSpinner = exports.PHXCard = exports.PHXButton = exports.MyCounter = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var Step_1 = require("./components/Step");
6
6
  exports.PHXStep = Step_1.PHXStep;
@@ -40,4 +40,6 @@ var clientQueryV2_1 = tslib_1.__importDefault(require("./components/Func/clientQ
40
40
  exports.PHXClientQuery = clientQueryV2_1["default"];
41
41
  var clientMutationV2_1 = tslib_1.__importDefault(require("./components/Func/clientMutationV2"));
42
42
  exports.PHXClientMutation = clientMutationV2_1["default"];
43
+ var Textarea_1 = require("./components/Textarea");
44
+ exports.PHXTextarea = Textarea_1.PHXTextarea;
43
45
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,0CAA2C;AAmCzC,kBAnCO,cAAO,CAmCP;AAlCT,iEAAwC;AAoBtC,oBApBK,gBAAS,CAoBL;AAnBX,8CAA+C;AAoB7C,oBApBO,kBAAS,CAoBP;AAnBX,0CAA2C;AAoBzC,kBApBO,cAAO,CAoBP;AAnBT,gDAAiD;AAoB/C,qBApBO,oBAAU,CAoBP;AAnBZ,kDAAmD;AAoBjD,sBApBO,sBAAW,CAoBP;AAnBb,4CAA6C;AAsB3C,mBAtBO,gBAAQ,CAsBP;AArBV,kDAAmD;AAmBjD,sBAnBO,sBAAW,CAmBP;AAlBb,oDAAqD;AAmBnD,uBAnBO,wBAAY,CAmBP;AAlBd,4CAA6C;AAoB3C,mBApBO,gBAAQ,CAoBP;AAnBV,8CAA+C;AAoB7C,oBApBO,kBAAS,CAoBP;AAnBX,4CAA6C;AAoB3C,mBApBO,gBAAQ,CAoBP;AAnBV,kDAAmD;AAoBjD,sBApBO,sBAAW,CAoBP;AAnBb,kDAAmD;AAoBjD,sBApBO,sBAAW,CAoBP;AAnBb,4DAA6D;AAoB3D,2BApBO,gCAAgB,CAoBP;AAnBlB,kDAAwD;AAqBtD,2BArBO,2BAAgB,CAqBP;AApBlB,wFAAiE;AAqB/D,+BArBK,yBAAoB,CAqBL;AApBtB,0FAA4D;AAqB1D,yBArBK,0BAAc,CAqBL;AApBhB,gGAAkE;AAqBhE,4BArBK,6BAAiB,CAqBL"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,0CAA2C;AAoCzC,kBApCO,cAAO,CAoCP;AAnCT,iEAAwC;AAqBtC,oBArBK,gBAAS,CAqBL;AApBX,8CAA+C;AAqB7C,oBArBO,kBAAS,CAqBP;AApBX,0CAA2C;AAqBzC,kBArBO,cAAO,CAqBP;AApBT,gDAAiD;AAqB/C,qBArBO,oBAAU,CAqBP;AApBZ,kDAAmD;AAqBjD,sBArBO,sBAAW,CAqBP;AApBb,4CAA6C;AAuB3C,mBAvBO,gBAAQ,CAuBP;AAtBV,kDAAmD;AAoBjD,sBApBO,sBAAW,CAoBP;AAnBb,oDAAqD;AAoBnD,uBApBO,wBAAY,CAoBP;AAnBd,4CAA6C;AAqB3C,mBArBO,gBAAQ,CAqBP;AApBV,8CAA+C;AAqB7C,oBArBO,kBAAS,CAqBP;AApBX,4CAA6C;AAqB3C,mBArBO,gBAAQ,CAqBP;AApBV,kDAAmD;AAqBjD,sBArBO,sBAAW,CAqBP;AApBb,kDAAmD;AAqBjD,sBArBO,sBAAW,CAqBP;AApBb,4DAA6D;AAqB3D,2BArBO,gCAAgB,CAqBP;AApBlB,kDAAwD;AAsBtD,2BAtBO,2BAAgB,CAsBP;AArBlB,wFAAiE;AAsB/D,+BAtBK,yBAAoB,CAsBL;AArBtB,0FAA4D;AAsB1D,yBAtBK,0BAAc,CAsBL;AArBhB,gGAAkE;AAsBhE,4BAtBK,6BAAiB,CAsBL;AArBnB,kDAAmD;AAsBjD,sBAtBO,sBAAW,CAsBP"}
@@ -7,7 +7,7 @@ export var PHXCard = function Card(_a) {
7
7
  var children = _a.children, title = _a.title, primaryFooterAction = _a.primaryFooterAction, primaryHeader = _a.primaryHeader, secondaryFooterActions = _a.secondaryFooterActions;
8
8
  var footerActionMarkup = primaryFooterAction || secondaryFooterActions ? (React.createElement("div", { className: 'bg-gray-50 px-4 py-4 sm:px-6 flex justify-end gap-x-3' },
9
9
  secondaryFooterActions && secondaryFooterActions.length === 1 && secondaryFooterActions[0].content && (React.createElement(PHXButton, { secondary: true, size: 'small', onClick: secondaryFooterActions[0].onClick }, secondaryFooterActions[0].content)),
10
- primaryFooterAction && primaryFooterAction.content && (React.createElement(PHXButton, { primary: true, submit: primaryFooterAction.submit ? true : false, size: 'small', onClick: primaryFooterAction.onClick }, primaryFooterAction.content)))) : (React.createElement(React.Fragment, null));
10
+ primaryFooterAction && primaryFooterAction.content && (React.createElement(PHXButton, { primary: true, submit: primaryFooterAction.submit ? true : false, size: 'small', onClick: primaryFooterAction.onClick, disabled: primaryFooterAction.disabled }, primaryFooterAction.content)))) : (React.createElement(React.Fragment, null));
11
11
  var headerActionMarkup = primaryHeader ? (React.createElement("div", { className: 'px-4 py-5 sm:px-6' },
12
12
  React.createElement("h3", { className: 'text-base font-semibold leading-6 text-gray-900' }, title))) : (React.createElement(React.Fragment, null));
13
13
  return (React.createElement("div", { className: 'w-full' },
@@ -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;AAE7B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAUrC,MAAM,CAAC,IAAM,OAAO,GAIhB,SAAS,IAAI,CAAC,EAA0F;QAAxF,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,mBAAmB,yBAAA,EAAE,aAAa,mBAAA,EAAE,sBAAsB,4BAAA;IAC7F,IAAM,kBAAkB,GACtB,mBAAmB,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAC9C,6BAAK,SAAS,EAAC,uDAAuD;QAEnE,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,IAEnC,mBAAmB,CAAC,OAAO,CAClB,CACb,CACG,CACP,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAA;IAEH,IAAM,kBAAkB,GAAG,aAAa,CAAC,CAAC,CAAC,CACzC,6BAAK,SAAS,EAAC,mBAAmB;QAChC,4BAAI,SAAS,EAAC,iDAAiD,IAAE,KAAK,CAAM,CACxE,CACP,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,QAAQ;QACrB,6BAAK,SAAS,EAAC,sCAAsC;YACnD,6BAAK,SAAS,EAAC,4HAA4H;gBACxI,kBAAkB;gBACnB,6BAAK,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAO;gBACjD,kBAAkB,CACf,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,OAAO,GAAG,OAAO,CAAA;AACzB,OAAO,CAAC,WAAW,GAAG,WAAW,CAAA;AACjC,OAAO,CAAC,MAAM,GAAG,MAAM,CAAA"}
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;AAE7B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAUrC,MAAM,CAAC,IAAM,OAAO,GAIhB,SAAS,IAAI,CAAC,EAA0F;QAAxF,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,mBAAmB,yBAAA,EAAE,aAAa,mBAAA,EAAE,sBAAsB,4BAAA;IAC7F,IAAM,kBAAkB,GACtB,mBAAmB,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAC9C,6BAAK,SAAS,EAAC,uDAAuD;QAEnE,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,IAErC,mBAAmB,CAAC,OAAO,CAClB,CACb,CACG,CACP,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAA;IAEH,IAAM,kBAAkB,GAAG,aAAa,CAAC,CAAC,CAAC,CACzC,6BAAK,SAAS,EAAC,mBAAmB;QAChC,4BAAI,SAAS,EAAC,iDAAiD,IAAE,KAAK,CAAM,CACxE,CACP,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,QAAQ;QACrB,6BAAK,SAAS,EAAC,sCAAsC;YACnD,6BAAK,SAAS,EAAC,4HAA4H;gBACxI,kBAAkB;gBACnB,6BAAK,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAO;gBACjD,kBAAkB,CACf,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,OAAO,GAAG,OAAO,CAAA;AACzB,OAAO,CAAC,WAAW,GAAG,WAAW,CAAA;AACjC,OAAO,CAAC,MAAM,GAAG,MAAM,CAAA"}
@@ -1,14 +1,14 @@
1
1
  import { __assign } from "tslib";
2
2
  import { FormProvider, useForm } from 'react-hook-form';
3
- import React from 'react';
3
+ import React, { useEffect, useState } from 'react';
4
4
  import { CheckIcon } from '@heroicons/react/24/solid';
5
5
  import { PHXCard } from '../Card';
6
6
  import { PHXFormWrap } from '../FormWrap';
7
7
  export var PHXFormStep = function (_a) {
8
8
  var _b;
9
9
  var className = _a.className, steps = _a.steps, nextLabel = _a.nextLabel, backLabel = _a.backLabel, formMode = _a.formMode, onSubmit = _a.onSubmit, _c = _a.size, size = _c === void 0 ? 'large' : _c, title = _a.title, triggerStep = _a.triggerStep, backRout = _a.backRout;
10
- var _d = React.useState(1), currentStep = _d[0], setCurrentStep = _d[1];
11
- var _e = React.useState([]), listSteps = _e[0], setListSteps = _e[1];
10
+ var _d = useState(1), currentStep = _d[0], setCurrentStep = _d[1];
11
+ var _e = useState([]), listSteps = _e[0], setListSteps = _e[1];
12
12
  var form = useForm();
13
13
  var nextStep = function (data) {
14
14
  var _a;
@@ -49,7 +49,7 @@ export var PHXFormStep = function (_a) {
49
49
  var handleNextStep = function () {
50
50
  setCurrentStep(function (currentStep) { return currentStep + 1; });
51
51
  };
52
- React.useEffect(function () {
52
+ useEffect(function () {
53
53
  if (steps) {
54
54
  var listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) {
55
55
  if (index === 0) {
@@ -63,7 +63,7 @@ export var PHXFormStep = function (_a) {
63
63
  listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item) { return (__assign(__assign({}, item), { status: 'complete' })); });
64
64
  setListSteps(listNew);
65
65
  }
66
- }, [steps, formMode]);
66
+ }, []);
67
67
  return (React.createElement("div", { className: className },
68
68
  React.createElement(FormProvider, __assign({}, form),
69
69
  React.createElement(PHXFormWrap, { className: 'w-full', size: size, title: title, onSubmit: formMode === 'readOnly' ? form.handleSubmit(handleNextStep) : form.handleSubmit(nextStep), onCancel: backRout, footerAction: false },
@@ -1 +1 @@
1
- {"version":3,"file":"FormStep.js","sourceRoot":"","sources":["../../../../src/components/FormStep/FormStep.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FormStep.js","sourceRoot":"","sources":["../../../../src/components/FormStep/FormStep.tsx"],"names":[],"mappings":"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"}
@@ -5,9 +5,7 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
5
5
  label?: string;
6
6
  helpText?: string;
7
7
  register?: UseFormRegisterReturn;
8
- textarea?: boolean;
9
8
  error?: boolean;
10
9
  errorMessage?: string;
11
- props?: any;
12
10
  }
13
11
  export declare const PHXInput: React.FC<InputProps>;
@@ -1,13 +1,11 @@
1
1
  import { __assign, __rest } from "tslib";
2
2
  import React from 'react';
3
- import { Textarea } from './Textarea';
4
3
  import { classNames } from '../types';
5
4
  export var PHXInput = function (_a) {
6
- var className = _a.className, error = _a.error, errorMessage = _a.errorMessage, helpText = _a.helpText, label = _a.label, register = _a.register, textarea = _a.textarea, props = _a.props, rest = __rest(_a, ["className", "error", "errorMessage", "helpText", "label", "register", "textarea", "props"]);
5
+ var className = _a.className, error = _a.error, errorMessage = _a.errorMessage, helpText = _a.helpText, label = _a.label, register = _a.register, rest = __rest(_a, ["className", "error", "errorMessage", "helpText", "label", "register"]);
7
6
  return (React.createElement("div", { className: className },
8
7
  label && React.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
9
- textarea ? (React.createElement(Textarea, __assign({ register: register, error: error }, props))) : (React.createElement(React.Fragment, null,
10
- React.createElement("input", __assign({}, rest, register, { className: classNames('block 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', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') })))),
8
+ React.createElement("input", __assign({}, rest, register, { className: classNames('block 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', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') })),
11
9
  helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
12
10
  error && errorMessage ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
13
11
  React.createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAarC,MAAM,CAAC,IAAM,QAAQ,GAAyB,UAAC,EAUlC;IATX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cATsC,4FAU9C,CADQ;IACS,OAAA,CAChB,6BAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,+BAAO,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAS;QACxF,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,QAAQ,aAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,CAC1D,CAAC,CAAC,CAAC,CACF;YACE,0CACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,UAAU,CACnB,2OAA2O,EAC3O,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,IACD,CACD,CACJ;QACA,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAAE,YAAY,CAAK,CAClD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA"}
1
+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAWrC,MAAM,CAAC,IAAM,QAAQ,GAAyB,UAAC,EAQlC;IAPX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,IAAI,cAPsC,uEAQ9C,CADQ;IACS,OAAA,CAChB,6BAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,+BAAO,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAS;QACzF,0CACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,UAAU,CACnB,2OAA2O,EAC3O,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,IACD;QACD,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAAE,YAAY,CAAK,CAClD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA"}
@@ -18,8 +18,9 @@ export interface StepProps {
18
18
  title: FooterBarProps['title'];
19
19
  triggerStep?: Array<{
20
20
  step: number;
21
- onNext: any;
21
+ onNext?: any;
22
+ onBack?: any;
23
+ isPass: boolean;
22
24
  }>;
23
- backRout: any;
24
25
  }
25
26
  export declare const PHXStep: React.FC<StepProps>;
@@ -1,55 +1,57 @@
1
1
  import { __assign } from "tslib";
2
- import { FormProvider, useForm } from 'react-hook-form';
3
- import React from 'react';
2
+ import React, { useEffect, useState } from 'react';
4
3
  import { CheckIcon } from '@heroicons/react/24/solid';
5
4
  import { PHXCard } from '../Card';
6
- import { PHXFormWrap } from '../FormWrap';
7
5
  export var PHXStep = function (_a) {
8
- var _b;
9
- var className = _a.className, steps = _a.steps, nextLabel = _a.nextLabel, backLabel = _a.backLabel, formMode = _a.formMode, onSubmit = _a.onSubmit, _c = _a.size, size = _c === void 0 ? 'large' : _c, title = _a.title, triggerStep = _a.triggerStep, backRout = _a.backRout;
10
- var _d = React.useState(1), currentStep = _d[0], setCurrentStep = _d[1];
11
- var _e = React.useState([]), listSteps = _e[0], setListSteps = _e[1];
12
- var form = useForm();
13
- var nextStep = function (data) {
14
- var _a;
15
- try {
16
- var funcCallApiStep = (_a = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; })) === null || _a === void 0 ? void 0 : _a.onNext;
17
- if (funcCallApiStep) {
18
- funcCallApiStep();
19
- }
20
- if (currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length)) {
21
- onSubmit(data);
22
- return;
23
- }
24
- else {
25
- listSteps === null || listSteps === void 0 ? void 0 : listSteps.forEach(function (item) {
26
- if (item.step === currentStep + 1 && item.status !== 'complete')
27
- item.status = 'current';
28
- if (item.step === currentStep)
29
- item.status = 'complete';
30
- });
31
- }
32
- setCurrentStep(function (currentStep) { return currentStep + 1; });
6
+ var _b, _c;
7
+ var className = _a.className, steps = _a.steps, nextLabel = _a.nextLabel, backLabel = _a.backLabel, formMode = _a.formMode, onSubmit = _a.onSubmit, triggerStep = _a.triggerStep;
8
+ var _d = useState(1), currentStep = _d[0], setCurrentStep = _d[1];
9
+ var _e = useState([]), listSteps = _e[0], setListSteps = _e[1];
10
+ var handleClickToStep = function (stepItem) {
11
+ var _a, _b;
12
+ var isNextStep = ((_a = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (itemChild) { return itemChild.step === currentStep; })) === null || _a === void 0 ? void 0 : _a.isPass) ||
13
+ ((_b = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (itemChild) { return itemChild.step === stepItem.step; })) === null || _b === void 0 ? void 0 : _b.isPass);
14
+ if (!isNextStep)
15
+ return;
16
+ if (stepItem.step > currentStep) {
17
+ handleNextStep();
33
18
  }
34
- catch (error) {
35
- console.error;
19
+ else {
20
+ handleBackStep(stepItem);
36
21
  }
37
22
  };
38
- var handleNextWithClickStep = function (stepItem) {
39
- if (formMode === 'addNew') {
40
- stepItem.status !== 'upcoming' && setCurrentStep(stepItem.step);
23
+ var handleBackStep = function (stepItem) {
24
+ var _a;
25
+ var funcCallBackStep = (_a = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; })) === null || _a === void 0 ? void 0 : _a.onBack;
26
+ if (funcCallBackStep && formMode !== 'readOnly')
27
+ funcCallBackStep();
28
+ if (stepItem && stepItem.step) {
29
+ setCurrentStep(stepItem.step);
41
30
  }
42
31
  else {
43
- setCurrentStep(stepItem.step);
32
+ setCurrentStep(function (currentStep) { return currentStep - 1; });
44
33
  }
45
34
  };
46
- var handleBackStep = function () {
47
- setCurrentStep(function (currentStep) { return currentStep - 1; });
48
- };
49
35
  var handleNextStep = function () {
36
+ var _a;
37
+ var funcCallNextStep = (_a = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; })) === null || _a === void 0 ? void 0 : _a.onNext;
38
+ if (funcCallNextStep && formMode !== 'readOnly')
39
+ funcCallNextStep();
40
+ if (currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length)) {
41
+ onSubmit();
42
+ return;
43
+ }
44
+ else {
45
+ listSteps === null || listSteps === void 0 ? void 0 : listSteps.forEach(function (item) {
46
+ if (item.step === currentStep + 1 && item.status !== 'complete')
47
+ item.status = 'current';
48
+ if (item.step === currentStep)
49
+ item.status = 'complete';
50
+ });
51
+ }
50
52
  setCurrentStep(function (currentStep) { return currentStep + 1; });
51
53
  };
52
- React.useEffect(function () {
54
+ useEffect(function () {
53
55
  if (steps) {
54
56
  var listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) {
55
57
  if (index === 0) {
@@ -63,36 +65,34 @@ export var PHXStep = function (_a) {
63
65
  listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item) { return (__assign(__assign({}, item), { status: 'complete' })); });
64
66
  setListSteps(listNew);
65
67
  }
66
- }, [steps, formMode]);
68
+ }, []);
67
69
  return (React.createElement("div", { className: className },
68
- React.createElement(FormProvider, __assign({}, form),
69
- React.createElement(PHXFormWrap, { className: 'w-full', size: size, title: title, onSubmit: formMode === 'readOnly' ? form.handleSubmit(handleNextStep) : form.handleSubmit(nextStep), onCancel: backRout, footerAction: false },
70
- React.createElement(PHXCard, { primaryFooterAction: {
71
- content: currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length) ? (formMode !== 'readOnly' ? 'Submit' : '') : nextLabel,
72
- submit: true
73
- }, secondaryFooterActions: [{ content: currentStep !== 1 ? backLabel : '', onClick: handleBackStep }] },
74
- React.createElement("nav", { "aria-label": 'Progress' },
75
- React.createElement("ol", { role: 'list', className: 'divide-y grid grid-cols-4 gap-4 divide-gray-300 rounded-md border border-gray-300 md:flex md:divide-y-0' }, listSteps &&
76
- listSteps.map(function (stepItem, stepIdx) { return (React.createElement("li", { key: stepIdx, className: 'relative cursor-pointer md:flex md:flex-1' },
77
- React.createElement("button", { type: "".concat(stepItem.step > currentStep && formMode !== 'readOnly' ? 'submit' : 'button'), onClick: function () {
78
- return (stepItem.step < currentStep || formMode === 'readOnly') && handleNextWithClickStep(stepItem);
79
- } },
80
- stepItem.status === 'complete' ? (React.createElement("div", { className: 'group flex w-full items-center' },
81
- React.createElement("span", { className: 'flex items-center px-6 py-3 text-sm font-medium' },
82
- React.createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-indigo-600 group-hover:bg-indigo-800' },
83
- React.createElement(CheckIcon, { className: 'h-6 w-6 text-white', "aria-hidden": 'true' })),
84
- React.createElement("span", { className: 'ml-4 text-sm font-medium text-gray-900' }, stepItem.title)))) : stepItem.status === 'current' ? (React.createElement("div", { className: 'flex items-center px-6 py-3 text-sm font-medium', "aria-current": 'step' },
85
- React.createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 border-indigo-600' },
86
- React.createElement("span", { className: 'text-indigo-600' }, stepItem.step)),
87
- React.createElement("span", { className: 'ml-4 text-sm font-medium text-indigo-600' }, stepItem.title))) : (React.createElement("div", { className: 'group flex items-center' },
88
- React.createElement("span", { className: 'flex items-center px-6 py-3 text-sm font-medium' },
89
- React.createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 border-gray-300 group-hover:border-gray-400' },
90
- React.createElement("span", { className: 'text-gray-500 group-hover:text-gray-900' }, stepItem.step)),
91
- React.createElement("span", { className: 'ml-4 text-sm font-medium text-gray-500 group-hover:text-gray-900' }, stepItem.title)))),
92
- stepIdx !== (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length) - 1 ? (React.createElement(React.Fragment, null,
93
- React.createElement("div", { className: 'absolute right-0 top-0 hidden h-full w-5 md:block', "aria-hidden": 'true' },
94
- React.createElement("svg", { className: 'h-full w-full text-gray-300', viewBox: '0 0 22 80', fill: 'none', preserveAspectRatio: 'none' },
95
- React.createElement("path", { d: 'M0 -2L20 40L0 82', vectorEffect: 'non-scaling-stroke', stroke: 'currentcolor', strokeLinejoin: 'round' }))))) : null))); }))), (_b = listSteps === null || listSteps === void 0 ? void 0 : listSteps.find(function (item) { return item.step === currentStep; })) === null || _b === void 0 ? void 0 :
96
- _b.component)))));
70
+ React.createElement(PHXCard, { primaryFooterAction: {
71
+ content: currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length) ? (formMode !== 'readOnly' ? 'Submit' : '') : nextLabel,
72
+ submit: false,
73
+ onClick: handleNextStep,
74
+ disabled: ((_b = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (stepChild) { return stepChild.step === currentStep; })) === null || _b === void 0 ? void 0 : _b.isPass) === false
75
+ }, secondaryFooterActions: [{ content: currentStep !== 1 ? backLabel : '', onClick: handleBackStep }] },
76
+ React.createElement("nav", { "aria-label": 'Progress' },
77
+ React.createElement("ol", { role: 'list', className: 'divide-y divide-gray-300 rounded-md border border-gray-300 md:flex md:divide-y-0' }, listSteps &&
78
+ listSteps.map(function (stepItem, stepIdx) { return (React.createElement("li", { key: stepIdx, className: 'relative cursor-pointer md:flex md:flex-1' },
79
+ React.createElement("button", { type: 'button', onClick: function () { return handleClickToStep(stepItem); } },
80
+ stepItem.status === 'complete' ? (React.createElement("div", { className: 'group flex w-full items-center' },
81
+ React.createElement("span", { className: 'flex items-center px-6 py-3 text-sm font-medium' },
82
+ React.createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-indigo-600 group-hover:bg-indigo-800' },
83
+ React.createElement(CheckIcon, { className: 'h-6 w-6 text-white', "aria-hidden": 'true' })),
84
+ React.createElement("span", { className: 'ml-4 text-sm font-medium text-gray-900' }, stepItem.title)))) : stepItem.status === 'current' ? (React.createElement("div", { className: 'flex items-center px-6 py-3 text-sm font-medium', "aria-current": 'step' },
85
+ React.createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 border-indigo-600' },
86
+ React.createElement("span", { className: 'text-indigo-600' }, stepItem.step)),
87
+ React.createElement("span", { className: 'ml-4 text-sm font-medium text-indigo-600' }, stepItem.title))) : (React.createElement("div", { className: 'group flex items-center' },
88
+ React.createElement("span", { className: 'flex items-center px-6 py-3 text-sm font-medium' },
89
+ React.createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 border-gray-300 group-hover:border-gray-400' },
90
+ React.createElement("span", { className: 'text-gray-500 group-hover:text-gray-900' }, stepItem.step)),
91
+ React.createElement("span", { className: 'ml-4 text-sm font-medium text-gray-500 group-hover:text-gray-900' }, stepItem.title)))),
92
+ stepIdx !== (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length) - 1 ? (React.createElement(React.Fragment, null,
93
+ React.createElement("div", { className: 'absolute right-0 top-0 hidden h-full w-5 md:block', "aria-hidden": 'true' },
94
+ React.createElement("svg", { className: 'h-full w-full text-gray-300', viewBox: '0 0 22 80', fill: 'none', preserveAspectRatio: 'none' },
95
+ React.createElement("path", { d: 'M0 -2L20 40L0 82', vectorEffect: 'non-scaling-stroke', stroke: 'currentcolor', strokeLinejoin: 'round' }))))) : null))); }))), (_c = listSteps === null || listSteps === void 0 ? void 0 : listSteps.find(function (item) { return item.step === currentStep; })) === null || _c === void 0 ? void 0 :
96
+ _c.component)));
97
97
  };
98
98
  //# sourceMappingURL=Step.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Step.js","sourceRoot":"","sources":["../../../../src/components/Step/Step.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Step.js","sourceRoot":"","sources":["../../../../src/components/Step/Step.tsx"],"names":[],"mappings":"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"}
@@ -1,7 +1,11 @@
1
1
  import React, { TextareaHTMLAttributes } from 'react';
2
2
  import { UseFormRegisterReturn } from 'react-hook-form';
3
3
  export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
4
+ className?: string;
5
+ label?: string;
6
+ helpText?: string;
4
7
  register?: UseFormRegisterReturn;
5
8
  error?: boolean;
9
+ errorMessage?: string;
6
10
  }
7
- export declare const Textarea: React.FC<TextAreaProps>;
11
+ export declare const PHXTextarea: React.FC<TextAreaProps>;
@@ -0,0 +1,15 @@
1
+ import { __assign, __rest } from "tslib";
2
+ import React from 'react';
3
+ import { classNames } from '../types';
4
+ export var PHXTextarea = function (_a) {
5
+ var className = _a.className, error = _a.error, errorMessage = _a.errorMessage, helpText = _a.helpText, label = _a.label, register = _a.register, rest = __rest(_a, ["className", "error", "errorMessage", "helpText", "label", "register"]);
6
+ return (React.createElement("div", { className: className },
7
+ label && React.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
8
+ React.createElement("textarea", __assign({}, rest, register, { className: classNames('font-light block w-full rounded-lg border border-gray-500 px-3 py-1.5 shadow-sm focus:outline-indigo-500 focus:outline-none focus:outline-offset-1 focus:bg-gray-50 hover:bg-gray-50 text-xs focus:ring-transparent focus:border-gray-500', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') })),
9
+ helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
10
+ error && errorMessage ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
11
+ React.createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
12
+ React.createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' })),
13
+ React.createElement("p", { className: 'text-xs text-red-800' }, errorMessage))) : null));
14
+ };
15
+ //# sourceMappingURL=Textarea.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAiC,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAWrC,MAAM,CAAC,IAAM,WAAW,GAA4B,UAAC,EAQrC;IAPd,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,IAAI,cAP4C,uEAQpD,CADQ;IAEP,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,+BAAO,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAS;QACzF,6CACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,UAAU,CACnB,2OAA2O,EAC3O,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,IACD;QACD,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAAE,YAAY,CAAK,CAClD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC,CAAA"}
@@ -0,0 +1 @@
1
+ export * from './Textarea';
@@ -0,0 +1,2 @@
1
+ export * from './Textarea';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Textarea/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}
@@ -17,4 +17,5 @@ import { PHXSkeletonLarge } from './components/Skeleton';
17
17
  import PHXFuncGetLoggedInfo from './components/Func/getLoginInfo';
18
18
  import PHXClientQuery from './components/Func/clientQueryV2';
19
19
  import PHXClientMutation from './components/Func/clientMutationV2';
20
- export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeletonLarge, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, };
20
+ import { PHXTextarea } from './components/Textarea';
21
+ export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeletonLarge, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, };
package/dist/esm/index.js CHANGED
@@ -17,5 +17,6 @@ import { PHXSkeletonLarge } from './components/Skeleton';
17
17
  import PHXFuncGetLoggedInfo from './components/Func/getLoginInfo';
18
18
  import PHXClientQuery from './components/Func/clientQueryV2';
19
19
  import PHXClientMutation from './components/Func/clientMutationV2';
20
- export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeletonLarge, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, };
20
+ import { PHXTextarea } from './components/Textarea';
21
+ export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeletonLarge, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, };
21
22
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,oBAAoB,MAAM,gCAAgC,CAAA;AACjE,OAAO,cAAc,MAAM,iCAAiC,CAAA;AAC5D,OAAO,iBAAiB,MAAM,oCAAoC,CAAA;AAElE,OAAO,EACL,SAAS,EACT,SAAS,EACT,OAAO,EACP,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,gBAAgB,EAChB,oBAAoB,EACpB,cAAc,EACd,iBAAiB,GAClB,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,oBAAoB,MAAM,gCAAgC,CAAA;AACjE,OAAO,cAAc,MAAM,iCAAiC,CAAA;AAC5D,OAAO,iBAAiB,MAAM,oCAAoC,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEnD,OAAO,EACL,SAAS,EACT,SAAS,EACT,OAAO,EACP,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,gBAAgB,EAChB,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EACjB,WAAW,GACZ,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "phx-react",
3
- "version": "1.3.3",
3
+ "version": "1.3.5",
4
4
  "description": "My first react typescript package",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",
@@ -1,12 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- exports.Textarea = void 0;
4
- var tslib_1 = require("tslib");
5
- var react_1 = tslib_1.__importDefault(require("react"));
6
- var types_1 = require("../types");
7
- var Textarea = function (_a) {
8
- var register = _a.register, error = _a.error, rest = tslib_1.__rest(_a, ["register", "error"]);
9
- return (react_1["default"].createElement("textarea", tslib_1.__assign({}, rest, register, { className: (0, types_1.classNames)('mt-1 font-light block w-full rounded-lg border border-gray-500 px-3 py-1.5 shadow-sm focus:outline-indigo-500 focus:outline-none focus:outline-offset-1 focus:bg-gray-50 hover:bg-gray-50 text-xs focus:ring-transparent focus:border-gray-500', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') })));
10
- };
11
- exports.Textarea = Textarea;
12
- //# sourceMappingURL=Textarea.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/Input/Textarea.tsx"],"names":[],"mappings":";;;;AAAA,wDAAqD;AAErD,kCAAqC;AAO9B,IAAM,QAAQ,GAA4B,UAAC,EAA2C;IAAzC,IAAA,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,IAAI,sBAA1B,qBAA4B,CAAF;IAC1E,OAAO,CACL,kEACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,IAAA,kBAAU,EACnB,gPAAgP,EAChP,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,IACD,CACH,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,QAAQ,YAWpB"}
@@ -1,8 +0,0 @@
1
- import { __assign, __rest } from "tslib";
2
- import React from 'react';
3
- import { classNames } from '../types';
4
- export var Textarea = function (_a) {
5
- var register = _a.register, error = _a.error, rest = __rest(_a, ["register", "error"]);
6
- return (React.createElement("textarea", __assign({}, rest, register, { className: classNames('mt-1 font-light block w-full rounded-lg border border-gray-500 px-3 py-1.5 shadow-sm focus:outline-indigo-500 focus:outline-none focus:outline-offset-1 focus:bg-gray-50 hover:bg-gray-50 text-xs focus:ring-transparent focus:border-gray-500', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') })));
7
- };
8
- //# sourceMappingURL=Textarea.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/Input/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAiC,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAOrC,MAAM,CAAC,IAAM,QAAQ,GAA4B,UAAC,EAA2C;IAAzC,IAAA,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,IAAI,cAA1B,qBAA4B,CAAF;IAC1E,OAAO,CACL,6CACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,UAAU,CACnB,gPAAgP,EAChP,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,IACD,CACH,CAAA;AACH,CAAC,CAAA"}