@invoicebox/ui 0.1.0-alpha.116 → 0.1.0-alpha.117

package/dist/index.d.ts

@@ -39,8 +39,6 @@ export { AppCardLink } from './components/common/AppCardLink';
 export { InvoiceboxLogo } from './components/common/InvoiceboxLogo';
 export type { TProps as TAutocompleteProps } from './components/form/Autocomplete/index';
 export { Autocomplete, AutocompleteDefaultOption, OrganizationAutocompleteItem, } from './components/form/Autocomplete/index';
-export { RHFTextInput } from './components/formFields/RHFTextInput';
-export { RHFAutocomplete } from './components/formFields/RHFAutocomplete';
 export { PaletteProvider, defaultAbstractPalette } from './palette';
 export type { TAbstractPalette } from './palette';
 export { useOutsideClick } from './hooks/useOutsideClick';

package/dist/index.js

@@ -129,18 +129,6 @@ Object.defineProperty(exports, "PureInput", {
     return _PureInput.PureInput;
   }
 });
-Object.defineProperty(exports, "RHFAutocomplete", {
-  enumerable: true,
-  get: function get() {
-    return _RHFAutocomplete.RHFAutocomplete;
-  }
-});
-Object.defineProperty(exports, "RHFTextInput", {
-  enumerable: true,
-  get: function get() {
-    return _RHFTextInput.RHFTextInput;
-  }
-});
 Object.defineProperty(exports, "Scrollbar", {
   enumerable: true,
   get: function get() {
@@ -289,8 +277,6 @@ var _PaymentCard = require("./components/payment/PaymentCard");
 var _AppCardLink = require("./components/common/AppCardLink");
 var _InvoiceboxLogo = require("./components/common/InvoiceboxLogo");
 var _index = require("./components/form/Autocomplete/index");
-var _RHFTextInput = require("./components/formFields/RHFTextInput");
-var _RHFAutocomplete = require("./components/formFields/RHFAutocomplete");
 var _palette = require("./palette");
 var _useOutsideClick = require("./hooks/useOutsideClick");
 var _useInputFocus = require("./hooks/useInputFocus");

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@invoicebox/ui",
-    "version": "0.1.0-alpha.116",
+    "version": "0.1.0-alpha.117",
     "description": "Invoicebox UI",
     "license": "Apache License 2.0",
     "scripts": {
@@ -22,7 +22,6 @@
         "@babel/preset-env": "^7.23.9",
         "@babel/preset-react": "^7.23.3",
         "@babel/preset-typescript": "^7.23.3",
-        "@hookform/resolvers": "^2.9.7",
         "@storybook/addon-essentials": "^7.6.13",
         "@storybook/addon-interactions": "^7.6.13",
         "@storybook/addon-links": "^7.6.13",
@@ -47,9 +46,7 @@
         "storybook": "^7.6.13",
         "styled-components": "^6.1.8",
         "typescript": "^4.9.5",
-        "webpack": "^5.90.1",
-        "react-hook-form": "7.34.0",
-        "yup": "^0.32.11"
+        "webpack": "^5.90.1"
     },
     "dependencies": {
         "@mona-health/react-input-mask": "^3.0.3",
@@ -63,7 +60,6 @@
         "react-toastify": "^9.1.3"
     },
     "peerDependencies": {
-        "react-hook-form": "7.34.0",
         "react": "^18.2.0",
         "styled-components": "^6.1.8"
     },

package/dist/components/_helpers/StoryOneFieldForm/index.d.ts

@@ -1,12 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { Resolver } from 'react-hook-form';
-export declare const FIELD_NAME = "field";
-type TProps = {
-    children: ReactNode;
-    initialValue: any;
-    resolver?: Resolver<{
-        field: any;
-    }>;
-};
-export declare const StoryOneFieldForm: FC<TProps>;
-export {};

package/dist/components/_helpers/StoryOneFieldForm/index.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StoryOneFieldForm = exports.FIELD_NAME = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _addonActions = require("@storybook/addon-actions");
-var _reactHookForm = require("react-hook-form");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var FIELD_NAME = exports.FIELD_NAME = 'field';
-var StoryOneFieldForm = exports.StoryOneFieldForm = function StoryOneFieldForm(_ref) {
-  var children = _ref.children,
-    initialValue = _ref.initialValue,
-    resolver = _ref.resolver;
-  var methods = (0, _reactHookForm.useForm)({
-    defaultValues: _defineProperty({}, FIELD_NAME, initialValue),
-    resolver: resolver,
-    mode: 'onChange'
-  });
-  var handleSubmit = methods.handleSubmit;
-  var submit = function submit() {
-    (0, _addonActions.action)('submit');
-  };
-  return /*#__PURE__*/_react["default"].createElement(_reactHookForm.FormProvider, methods, /*#__PURE__*/_react["default"].createElement("form", {
-    onSubmit: handleSubmit(submit)
-  }, children, /*#__PURE__*/_react["default"].createElement("button", {
-    type: "submit"
-  }, "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C")));
-};

package/dist/components/formFields/RHFAutocomplete/index.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-import { TAutocompleteProps } from '../../../index';
-export type TProps = Omit<TAutocompleteProps, 'value' | 'onBlur' | 'onFocus'> & {
-    name: string;
-} & Pick<Partial<TAutocompleteProps>, 'onChange'>;
-export declare const RHFAutocomplete: FC<TProps>;

package/dist/components/formFields/RHFAutocomplete/index.js

@@ -1,44 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RHFAutocomplete = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactHookForm = require("react-hook-form");
-var _index = require("../../../index");
-var _excluded = ["name", "onChange"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
-var RHFAutocomplete = exports.RHFAutocomplete = function RHFAutocomplete(_ref) {
-  var name = _ref.name,
-    onChange = _ref.onChange,
-    other = _objectWithoutProperties(_ref, _excluded);
-  var _useFormContext = (0, _reactHookForm.useFormContext)(),
-    control = _useFormContext.control;
-  var render = (0, _react.useCallback)(function (_ref2) {
-    var field = _ref2.field,
-      error = _ref2.fieldState.error;
-    var handleChange = function handleChange(value, option) {
-      field.onChange(value);
-      if (onChange) {
-        onChange(value, option);
-      }
-    };
-    return /*#__PURE__*/_react["default"].createElement(_index.Autocomplete, _extends({}, other, {
-      onBlur: field.onBlur,
-      onChange: handleChange,
-      value: field.value || '',
-      hasError: !!error
-    }));
-  }, [onChange, other]);
-  return /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
-    name: name,
-    control: control,
-    render: render
-  });
-};

package/dist/components/formFields/RHFAutocomplete/index.stories.d.ts

@@ -1,5 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { RHFAutocomplete, TProps } from '.';
-declare const meta: Meta<typeof RHFAutocomplete>;
-export default meta;
-export declare const Default: StoryObj<TProps>;

package/dist/components/formFields/RHFAutocomplete/index.stories.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require(".");
-var _selectOptions = require("../../_helpers/selectOptions");
-var _StoryOneFieldForm = require("../../_helpers/StoryOneFieldForm");
-var _yup = require("@hookform/resolvers/yup");
-var yup = _interopRequireWildcard(require("yup"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var meta = {
-  title: 'formFields/RHFAutocomplete',
-  component: _.RHFAutocomplete,
-  tags: ['autodocs']
-};
-var _default = exports["default"] = meta;
-var Default = exports.Default = {
-  args: {
-    label: 'Label',
-    options: _selectOptions.selectOptions
-  },
-  render: function render(props) {
-    return /*#__PURE__*/_react["default"].createElement(_StoryOneFieldForm.StoryOneFieldForm, {
-      initialValue: "",
-      resolver: (0, _yup.yupResolver)(yup.object().shape(_defineProperty({}, _StoryOneFieldForm.FIELD_NAME, yup.string().required())))
-    }, /*#__PURE__*/_react["default"].createElement(_.RHFAutocomplete, _extends({}, props, {
-      name: _StoryOneFieldForm.FIELD_NAME
-    })));
-  }
-};

package/dist/components/formFields/RHFTextInput/index.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-import { TTextInputProps } from '../../../index';
-export type TProps = Omit<TTextInputProps, 'onChange' | 'value' | 'hasError' | 'onBlur' | 'onFocus'> & {
-    name: string;
-};
-export declare const RHFTextInput: FC<TProps>;

package/dist/components/formFields/RHFTextInput/index.js

@@ -1,37 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RHFTextInput = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactHookForm = require("react-hook-form");
-var _index = require("../../../index");
-var _excluded = ["name"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
-var RHFTextInput = exports.RHFTextInput = function RHFTextInput(_ref) {
-  var name = _ref.name,
-    other = _objectWithoutProperties(_ref, _excluded);
-  var _useFormContext = (0, _reactHookForm.useFormContext)(),
-    control = _useFormContext.control;
-  var render = (0, _react.useCallback)(function (_ref2) {
-    var field = _ref2.field,
-      error = _ref2.fieldState.error;
-    return /*#__PURE__*/_react["default"].createElement(_index.TextInput, _extends({}, other, {
-      onChange: field.onChange,
-      onBlur: field.onBlur,
-      value: field.value || '',
-      hasError: !!error
-    }));
-  }, [other]);
-  return /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
-    name: name,
-    control: control,
-    render: render
-  });
-};

package/dist/components/formFields/RHFTextInput/index.stories.d.ts

@@ -1,5 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { RHFTextInput, TProps } from '.';
-declare const meta: Meta<typeof RHFTextInput>;
-export default meta;
-export declare const Default: StoryObj<TProps>;

package/dist/components/formFields/RHFTextInput/index.stories.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require(".");
-var _StoryOneFieldForm = require("../../_helpers/StoryOneFieldForm");
-var _yup = require("@hookform/resolvers/yup");
-var yup = _interopRequireWildcard(require("yup"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var meta = {
-  title: 'formFields/RHFTextInput',
-  component: _.RHFTextInput,
-  tags: ['autodocs']
-};
-var _default = exports["default"] = meta;
-var Default = exports.Default = {
-  args: {
-    label: 'Label'
-  },
-  render: function render(props) {
-    return /*#__PURE__*/_react["default"].createElement(_StoryOneFieldForm.StoryOneFieldForm, {
-      initialValue: "",
-      resolver: (0, _yup.yupResolver)(yup.object().shape(_defineProperty({}, _StoryOneFieldForm.FIELD_NAME, yup.string().required())))
-    }, /*#__PURE__*/_react["default"].createElement(_.RHFTextInput, _extends({}, props, {
-      name: _StoryOneFieldForm.FIELD_NAME
-    })));
-  }
-};