@activecollab/components 2.0.90 → 2.0.92

package/dist/esm/components/Dialog/DialogContentDivider.js

@@ -1,25 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DialogContentDivider = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Styles = require("./Styles");
+import React from "react";
+import classnames from "classnames";
+import { StyledDialogContentDivider } from "./Styles";
 // import { useDialogContext } from "./DialogContext";
 
-const DialogContentDivider = _ref => {
+export const DialogContentDivider = _ref => {
   let {
     className
   } = _ref;
   // useDialogContext();
 
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledDialogContentDivider, {
-    className: (0, _classnames.default)("c-dialog-content-divider", className)
+  return /*#__PURE__*/React.createElement(StyledDialogContentDivider, {
+    className: classnames("c-dialog-content-divider", className)
   });
 };
-exports.DialogContentDivider = DialogContentDivider;
 DialogContentDivider.displayName = "DialogContentDivider";
 //# sourceMappingURL=DialogContentDivider.js.map

package/dist/esm/components/Dialog/DialogContentDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContentDivider.js","names":["_react","_interopRequireDefault","require","_classnames","_Styles","DialogContentDivider","_ref","className","default","createElement","StyledDialogContentDivider","classnames","exports","displayName"],"sources":["../../../../src/components/Dialog/DialogContentDivider.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledDialogContentDivider } from \"./Styles\";\n// import { useDialogContext } from \"./DialogContext\";\n\nexport const DialogContentDivider = ({\n  className,\n}: HTMLAttributes<HTMLDivElement>) => {\n  // useDialogContext();\n\n  return (\n    <StyledDialogContentDivider\n      className={classnames(\"c-dialog-content-divider\", className)}\n    />\n  );\n};\n\nDialogContentDivider.displayName = \"DialogContentDivider\";\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA;;AAEO,MAAMG,oBAAoB,GAAGC,IAAA,IAEE;EAAA,IAFD;IACnCC;EAC8B,CAAC,GAAAD,IAAA;EAC/B;;EAEA,oBACEN,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,OAAA,CAAAM,0BAA0B;IACzBH,SAAS,EAAE,IAAAI,mBAAU,EAAC,0BAA0B,EAAEJ,SAAS;EAAE,CAC9D,CAAC;AAEN,CAAC;AAACK,OAAA,CAAAP,oBAAA,GAAAA,oBAAA;AAEFA,oBAAoB,CAACQ,WAAW,GAAG,sBAAsB"}
+{"version":3,"file":"DialogContentDivider.js","names":["React","classnames","StyledDialogContentDivider","DialogContentDivider","_ref","className","createElement","displayName"],"sources":["../../../../src/components/Dialog/DialogContentDivider.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledDialogContentDivider } from \"./Styles\";\n// import { useDialogContext } from \"./DialogContext\";\n\nexport const DialogContentDivider = ({\n  className,\n}: HTMLAttributes<HTMLDivElement>) => {\n  // useDialogContext();\n\n  return (\n    <StyledDialogContentDivider\n      className={classnames(\"c-dialog-content-divider\", className)}\n    />\n  );\n};\n\nDialogContentDivider.displayName = \"DialogContentDivider\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAA0B,OAAO;AAE7C,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,0BAA0B,QAAQ,UAAU;AACrD;;AAEA,OAAO,MAAMC,oBAAoB,GAAGC,IAAA,IAEE;EAAA,IAFD;IACnCC;EAC8B,CAAC,GAAAD,IAAA;EAC/B;;EAEA,oBACEJ,KAAA,CAAAM,aAAA,CAACJ,0BAA0B;IACzBG,SAAS,EAAEJ,UAAU,CAAC,0BAA0B,EAAEI,SAAS;EAAE,CAC9D,CAAC;AAEN,CAAC;AAEDF,oBAAoB,CAACI,WAAW,GAAG,sBAAsB"}

package/dist/esm/components/Dialog/DialogContext.js

@@ -1,19 +1,13 @@
-"use strict";
+import { createContext, useContext } from "react";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDialogContext = exports.DialogContext = void 0;
-var _react = require("react");
 // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
-const DialogContext = exports.DialogContext = /*#__PURE__*/(0, _react.createContext)(null);
-const useDialogContext = () => {
-  const context = (0, _react.useContext)(DialogContext);
+export const DialogContext = /*#__PURE__*/createContext(null);
+export const useDialogContext = () => {
+  const context = useContext(DialogContext);
   if (!context) {
     throw new Error("Child components of Dialog can not be rendered outside the Dialog component!");
   }
   return context;
 };
-exports.useDialogContext = useDialogContext;
 //# sourceMappingURL=DialogContext.js.map

package/dist/esm/components/Dialog/DialogContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContext.js","names":["_react","require","DialogContext","exports","createContext","useDialogContext","context","useContext","Error"],"sources":["../../../../src/components/Dialog/DialogContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface DialogContextProps {}\n\nexport const DialogContext = createContext<DialogContextProps | null>(null);\n\nexport const useDialogContext = () => {\n  const context = useContext(DialogContext);\n\n  if (!context) {\n    throw new Error(\n      \"Child components of Dialog can not be rendered outside the Dialog component!\"\n    );\n  }\n\n  return context;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;;AAGO,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,oBAAa,EAA4B,IAAI,CAAC;AAEpE,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACL,aAAa,CAAC;EAEzC,IAAI,CAACI,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,8EACF,CAAC;EACH;EAEA,OAAOF,OAAO;AAChB,CAAC;AAACH,OAAA,CAAAE,gBAAA,GAAAA,gBAAA"}
+{"version":3,"file":"DialogContext.js","names":["createContext","useContext","DialogContext","useDialogContext","context","Error"],"sources":["../../../../src/components/Dialog/DialogContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface DialogContextProps {}\n\nexport const DialogContext = createContext<DialogContextProps | null>(null);\n\nexport const useDialogContext = () => {\n  const context = useContext(DialogContext);\n\n  if (!context) {\n    throw new Error(\n      \"Child components of Dialog can not be rendered outside the Dialog component!\"\n    );\n  }\n\n  return context;\n};\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;;AAEjD;;AAGA,OAAO,MAAMC,aAAa,gBAAGF,aAAa,CAA4B,IAAI,CAAC;AAE3E,OAAO,MAAMG,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,OAAO,GAAGH,UAAU,CAACC,aAAa,CAAC;EAEzC,IAAI,CAACE,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CACb,8EACF,CAAC;EACH;EAEA,OAAOD,OAAO;AAChB,CAAC"}

package/dist/esm/components/Dialog/DialogTitle.js

@@ -1,18 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DialogTitle = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Styles = require("./Styles");
-var _Header = require("../Typography/Variants/Header3");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+import classnames from "classnames";
+import { StyledDialogTitle } from "./Styles";
+import { Header3 } from "../Typography/Variants/Header3";
 // import { useDialogContext } from "./DialogContext";
 
-const DialogTitle = _ref => {
+export const DialogTitle = _ref => {
   let {
     children,
     className,
@@ -21,10 +14,9 @@ const DialogTitle = _ref => {
   } = _ref;
   // useDialogContext();
 
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledDialogTitle, (0, _extends2.default)({
-    className: (0, _classnames.default)("c-dialog-title-wrapper", className)
-  }, rest), disableDefaultHeading ? children : /*#__PURE__*/_react.default.createElement(_Header.Header3, null, children));
+  return /*#__PURE__*/React.createElement(StyledDialogTitle, _extends({
+    className: classnames("c-dialog-title-wrapper", className)
+  }, rest), disableDefaultHeading ? children : /*#__PURE__*/React.createElement(Header3, null, children));
 };
-exports.DialogTitle = DialogTitle;
 DialogTitle.displayName = "DialogTitle";
 //# sourceMappingURL=DialogTitle.js.map

package/dist/esm/components/Dialog/DialogTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTitle.js","names":["_react","_interopRequireDefault","require","_classnames","_Styles","_Header","DialogTitle","_ref","children","className","disableDefaultHeading","rest","default","createElement","StyledDialogTitle","_extends2","classnames","Header3","exports","displayName"],"sources":["../../../../src/components/Dialog/DialogTitle.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledDialogTitle } from \"./Styles\";\nimport { Header3 } from \"../Typography/Variants/Header3\";\n// import { useDialogContext } from \"./DialogContext\";\n\nexport interface DialogTitleProps {\n  className?: string;\n  disableDefaultHeading?: boolean;\n}\n\nexport const DialogTitle = ({\n  children,\n  className,\n  disableDefaultHeading = false,\n  ...rest\n}: PropsWithChildren<DialogTitleProps>) => {\n  // useDialogContext();\n\n  return (\n    <StyledDialogTitle\n      className={classnames(\"c-dialog-title-wrapper\", className)}\n      {...rest}\n    >\n      {disableDefaultHeading ? children : <Header3>{children}</Header3>}\n    </StyledDialogTitle>\n  );\n};\n\nDialogTitle.displayName = \"DialogTitle\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA;;AAOO,MAAMI,WAAW,GAAGC,IAAA,IAKgB;EAAA,IALf;IAC1BC,QAAQ;IACRC,SAAS;IACTC,qBAAqB,GAAG,KAAK;IAC7B,GAAGC;EACgC,CAAC,GAAAJ,IAAA;EACpC;;EAEA,oBACEP,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,OAAA,CAAAU,iBAAiB,MAAAC,SAAA,CAAAH,OAAA;IAChBH,SAAS,EAAE,IAAAO,mBAAU,EAAC,wBAAwB,EAAEP,SAAS;EAAE,GACvDE,IAAI,GAEPD,qBAAqB,GAAGF,QAAQ,gBAAGR,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,OAAA,CAAAY,OAAO,QAAET,QAAkB,CAC/C,CAAC;AAExB,CAAC;AAACU,OAAA,CAAAZ,WAAA,GAAAA,WAAA;AAEFA,WAAW,CAACa,WAAW,GAAG,aAAa"}
+{"version":3,"file":"DialogTitle.js","names":["React","classnames","StyledDialogTitle","Header3","DialogTitle","_ref","children","className","disableDefaultHeading","rest","createElement","_extends","displayName"],"sources":["../../../../src/components/Dialog/DialogTitle.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledDialogTitle } from \"./Styles\";\nimport { Header3 } from \"../Typography/Variants/Header3\";\n// import { useDialogContext } from \"./DialogContext\";\n\nexport interface DialogTitleProps {\n  className?: string;\n  disableDefaultHeading?: boolean;\n}\n\nexport const DialogTitle = ({\n  children,\n  className,\n  disableDefaultHeading = false,\n  ...rest\n}: PropsWithChildren<DialogTitleProps>) => {\n  // useDialogContext();\n\n  return (\n    <StyledDialogTitle\n      className={classnames(\"c-dialog-title-wrapper\", className)}\n      {...rest}\n    >\n      {disableDefaultHeading ? children : <Header3>{children}</Header3>}\n    </StyledDialogTitle>\n  );\n};\n\nDialogTitle.displayName = \"DialogTitle\";\n"],"mappings":";AAAA,OAAOA,KAAK,MAA6B,OAAO;AAEhD,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,iBAAiB,QAAQ,UAAU;AAC5C,SAASC,OAAO,QAAQ,gCAAgC;AACxD;;AAOA,OAAO,MAAMC,WAAW,GAAGC,IAAA,IAKgB;EAAA,IALf;IAC1BC,QAAQ;IACRC,SAAS;IACTC,qBAAqB,GAAG,KAAK;IAC7B,GAAGC;EACgC,CAAC,GAAAJ,IAAA;EACpC;;EAEA,oBACEL,KAAA,CAAAU,aAAA,CAACR,iBAAiB,EAAAS,QAAA;IAChBJ,SAAS,EAAEN,UAAU,CAAC,wBAAwB,EAAEM,SAAS;EAAE,GACvDE,IAAI,GAEPD,qBAAqB,GAAGF,QAAQ,gBAAGN,KAAA,CAAAU,aAAA,CAACP,OAAO,QAAEG,QAAkB,CAC/C,CAAC;AAExB,CAAC;AAEDF,WAAW,CAACQ,WAAW,GAAG,aAAa"}

package/dist/esm/components/Dialog/Styles.js

@@ -1,37 +1,30 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledDialogTitle = exports.StyledDialogContentDivider = exports.StyledDialogContent = exports.StyledDialogActions = exports.StyledDialog = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _BoxSizingStyle = require("../BoxSizingStyle");
-var _BreakPoints = require("../BreakPoints");
-var _FontStyle = require("../FontStyle");
-const StyledDialog = exports.StyledDialog = _styledComponents.default.div.withConfig({
+import styled from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { screen } from "../BreakPoints";
+import { FontStyle } from "../FontStyle";
+export const StyledDialog = styled.div.withConfig({
   displayName: "Styles__StyledDialog",
   componentId: "sc-jwpvgm-0"
-})(["display:flex;flex-direction:column;flex:1 1 auto;max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:8px;width:310px;margin:60px auto 30px auto;position:relative;", " ", " ", "{width:540px;margin:126px auto 30px auto;}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, _BreakPoints.screen.sm);
+})(["display:flex;flex-direction:column;flex:1 1 auto;max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:8px;width:310px;margin:60px auto 30px auto;position:relative;", " ", " ", "{width:540px;margin:126px auto 30px auto;}"], FontStyle, BoxSizingStyle, screen.sm);
 StyledDialog.displayName = "StyledDialog";
-const StyledDialogTitle = exports.StyledDialogTitle = _styledComponents.default.div.withConfig({
+export const StyledDialogTitle = styled.div.withConfig({
   displayName: "Styles__StyledDialogTitle",
   componentId: "sc-jwpvgm-1"
-})(["padding:20px 30px;", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+})(["padding:20px 30px;", " ", ""], FontStyle, BoxSizingStyle);
 StyledDialogTitle.displayName = "StyledDialogTitle";
-const StyledDialogContent = exports.StyledDialogContent = _styledComponents.default.div.withConfig({
+export const StyledDialogContent = styled.div.withConfig({
   displayName: "Styles__StyledDialogContent",
   componentId: "sc-jwpvgm-2"
-})(["padding:20px 30px;max-height:580px;overflow-y:auto;flex:1 1 auto;", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+})(["padding:20px 30px;max-height:580px;overflow-y:auto;flex:1 1 auto;", " ", ""], FontStyle, BoxSizingStyle);
 StyledDialogContent.displayName = "StyledDialogContent";
-const StyledDialogContentDivider = exports.StyledDialogContentDivider = _styledComponents.default.div.withConfig({
+export const StyledDialogContentDivider = styled.div.withConfig({
   displayName: "Styles__StyledDialogContentDivider",
   componentId: "sc-jwpvgm-3"
 })(["border-top:1px solid var(--border-primary);height:1px;"]);
 StyledDialogContentDivider.displayName = "StyledDialogContentDivider";
-const StyledDialogActions = exports.StyledDialogActions = _styledComponents.default.div.withConfig({
+export const StyledDialogActions = styled.div.withConfig({
   displayName: "Styles__StyledDialogActions",
   componentId: "sc-jwpvgm-4"
-})(["padding:20px 30px;", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+})(["padding:20px 30px;", " ", ""], FontStyle, BoxSizingStyle);
 StyledDialogActions.displayName = "StyledDialogActions";
 //# sourceMappingURL=Styles.js.map

package/dist/esm/components/Dialog/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_BoxSizingStyle","_BreakPoints","_FontStyle","StyledDialog","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","screen","sm","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"sources":["../../../../src/components/Dialog/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { screen } from \"../BreakPoints\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  max-height: calc(100vh - 156px);\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  border-radius: 8px;\n  width: 310px;\n  margin: 60px auto 30px auto;\n  position: relative;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${screen.sm} {\n    width: 540px;\n    margin: 126px auto 30px auto;\n  }\n`;\n\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n  padding: 20px 30px;\n  max-height: 580px;\n  overflow-y: auto;\n  flex: 1 1 auto;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n  border-top: 1px solid var(--border-primary);\n  height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEO,MAAMI,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kUAalCC,oBAAS,EACTC,8BAAc,EAEdC,mBAAM,CAACC,EAAE,CAIZ;AAEDV,YAAY,CAACK,WAAW,GAAG,cAAc;AAElC,MAAMM,iBAAiB,GAAAV,OAAA,CAAAU,iBAAA,GAAGT,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAGvCC,oBAAS,EACTC,8BAAc,CACjB;AACDG,iBAAiB,CAACN,WAAW,GAAG,mBAAmB;AAE5C,MAAMO,mBAAmB,GAAAX,OAAA,CAAAW,mBAAA,GAAGV,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mFAMzCC,oBAAS,EACTC,8BAAc,CACjB;AACDI,mBAAmB,CAACP,WAAW,GAAG,qBAAqB;AAEhD,MAAMQ,0BAA0B,GAAAZ,OAAA,CAAAY,0BAAA,GAAGX,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAGnD;AACDO,0BAA0B,CAACR,WAAW,GAAG,4BAA4B;AAE9D,MAAMS,mBAAmB,GAAAb,OAAA,CAAAa,mBAAA,GAAGZ,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAGzCC,oBAAS,EACTC,8BAAc,CACjB;AACDM,mBAAmB,CAACT,WAAW,GAAG,qBAAqB"}
+{"version":3,"file":"Styles.js","names":["styled","BoxSizingStyle","screen","FontStyle","StyledDialog","div","withConfig","displayName","componentId","sm","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"sources":["../../../../src/components/Dialog/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { screen } from \"../BreakPoints\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  max-height: calc(100vh - 156px);\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  border-radius: 8px;\n  width: 310px;\n  margin: 60px auto 30px auto;\n  position: relative;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${screen.sm} {\n    width: 540px;\n    margin: 126px auto 30px auto;\n  }\n`;\n\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n  padding: 20px 30px;\n  max-height: 580px;\n  overflow-y: auto;\n  flex: 1 1 auto;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n  border-top: 1px solid var(--border-primary);\n  height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,YAAY,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kUAalCL,SAAS,EACTF,cAAc,EAEdC,MAAM,CAACO,EAAE,CAIZ;AAEDL,YAAY,CAACG,WAAW,GAAG,cAAc;AAEzC,OAAO,MAAMG,iBAAiB,GAAGV,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAGvCL,SAAS,EACTF,cAAc,CACjB;AACDS,iBAAiB,CAACH,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMI,mBAAmB,GAAGX,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mFAMzCL,SAAS,EACTF,cAAc,CACjB;AACDU,mBAAmB,CAACJ,WAAW,GAAG,qBAAqB;AAEvD,OAAO,MAAMK,0BAA0B,GAAGZ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAGnD;AACDI,0BAA0B,CAACL,WAAW,GAAG,4BAA4B;AAErE,OAAO,MAAMM,mBAAmB,GAAGb,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAGzCL,SAAS,EACTF,cAAc,CACjB;AACDY,mBAAmB,CAACN,WAAW,GAAG,qBAAqB"}

package/dist/esm/components/Dialog/index.js

@@ -1,17 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Dialog = require("./Dialog");
-Object.keys(_Dialog).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Dialog[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Dialog[key];
-    }
-  });
-});
+export * from "./Dialog";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Dialog","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Dialog/index.ts"],"sourcesContent":["export * from \"./Dialog\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Dialog/index.ts"],"sourcesContent":["export * from \"./Dialog\";\n"],"mappings":"AAAA,cAAc,UAAU"}

package/dist/esm/components/Dot/Dot.js

@@ -1,25 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Dot = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Styles = require("./Styles");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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 && Object.prototype.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; }
-const Dot = exports.Dot = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef } from "react";
+import classnames from "classnames";
+import { StyledDot } from "./Styles";
+export const Dot = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     color,
     size = 8,
     className,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledDot, (0, _extends2.default)({
-    className: (0, _classnames.default)("c-dot", className),
+  return /*#__PURE__*/React.createElement(StyledDot, _extends({
+    className: classnames("c-dot", className),
     ref: ref,
     $color: color,
     $size: size

package/dist/esm/components/Dot/Dot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dot.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Dot","exports","forwardRef","_ref","ref","color","size","className","rest","createElement","StyledDot","_extends2","classnames","$color","$size","displayName"],"sources":["../../../../src/components/Dot/Dot.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledDot } from \"./Styles\";\n\nexport interface DotProps {\n  color: string;\n  size?: number;\n  className?: string;\n}\n\nexport const Dot = forwardRef<\n  HTMLDivElement,\n  DotProps & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof DotProps>\n>(({ color, size = 8, className, ...rest }, ref) => {\n  return (\n    <StyledDot\n      className={classnames(\"c-dot\", className)}\n      ref={ref}\n      $color={color}\n      $size={size}\n      {...rest}\n    />\n  );\n});\n\nDot.displayName = \"Dot\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAAqC,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAQ9B,MAAMY,GAAG,GAAAC,OAAA,CAAAD,GAAA,gBAAG,IAAAE,iBAAU,EAG3B,CAAAC,IAAA,EAA0CC,GAAG,KAAK;EAAA,IAAjD;IAAEC,KAAK;IAAEC,IAAI,GAAG,CAAC;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAAL,IAAA;EACxC,oBACE9B,MAAA,CAAAY,OAAA,CAAAwB,aAAA,CAAC/B,OAAA,CAAAgC,SAAS,MAAAC,SAAA,CAAA1B,OAAA;IACRsB,SAAS,EAAE,IAAAK,mBAAU,EAAC,OAAO,EAAEL,SAAS,CAAE;IAC1CH,GAAG,EAAEA,GAAI;IACTS,MAAM,EAAER,KAAM;IACdS,KAAK,EAAER;EAAK,GACRE,IAAI,CACT,CAAC;AAEN,CAAC,CAAC;AAEFR,GAAG,CAACe,WAAW,GAAG,KAAK"}
+{"version":3,"file":"Dot.js","names":["React","forwardRef","classnames","StyledDot","Dot","_ref","ref","color","size","className","rest","createElement","_extends","$color","$size","displayName"],"sources":["../../../../src/components/Dot/Dot.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledDot } from \"./Styles\";\n\nexport interface DotProps {\n  color: string;\n  size?: number;\n  className?: string;\n}\n\nexport const Dot = forwardRef<\n  HTMLDivElement,\n  DotProps & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof DotProps>\n>(({ color, size = 8, className, ...rest }, ref) => {\n  return (\n    <StyledDot\n      className={classnames(\"c-dot\", className)}\n      ref={ref}\n      $color={color}\n      $size={size}\n      {...rest}\n    />\n  );\n});\n\nDot.displayName = \"Dot\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,SAAS,QAAQ,UAAU;AAQpC,OAAO,MAAMC,GAAG,gBAAGH,UAAU,CAG3B,CAAAI,IAAA,EAA0CC,GAAG,KAAK;EAAA,IAAjD;IAAEC,KAAK;IAAEC,IAAI,GAAG,CAAC;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAAL,IAAA;EACxC,oBACEL,KAAA,CAAAW,aAAA,CAACR,SAAS,EAAAS,QAAA;IACRH,SAAS,EAAEP,UAAU,CAAC,OAAO,EAAEO,SAAS,CAAE;IAC1CH,GAAG,EAAEA,GAAI;IACTO,MAAM,EAAEN,KAAM;IACdO,KAAK,EAAEN;EAAK,GACRE,IAAI,CACT,CAAC;AAEN,CAAC,CAAC;AAEFN,GAAG,CAACW,WAAW,GAAG,KAAK"}

package/dist/esm/components/Dot/Styles.js

@@ -1,14 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledDot = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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 && Object.prototype.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; }
-const StyledDot = exports.StyledDot = _styledComponents.default.div.withConfig({
+import styled, { css } from "styled-components";
+export const StyledDot = styled.div.withConfig({
   displayName: "Styles__StyledDot",
   componentId: "sc-1hwsgu3-0"
-})(["border-radius:100%;", " ", ""], props => props.$size && (0, _styledComponents.css)(["width:", "px;height:", "px;"], props.$size, props.$size), props => props.$color && (0, _styledComponents.css)(["background-color:", ";"], props.$color));
+})(["border-radius:100%;", " ", ""], props => props.$size && css(["width:", "px;height:", "px;"], props.$size, props.$size), props => props.$color && css(["background-color:", ";"], props.$color));
 //# sourceMappingURL=Styles.js.map

package/dist/esm/components/Dot/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledDot","exports","styled","div","withConfig","displayName","componentId","props","$size","css","$color"],"sources":["../../../../src/components/Dot/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\ninterface StyledDotProps {\n  $color: string;\n  $size: number;\n}\n\nexport const StyledDot = styled.div<StyledDotProps>`\n  border-radius: 100%;\n\n  ${(props) =>\n    props.$size &&\n    css`\n      width: ${props.$size}px;\n      height: ${props.$size}px;\n    `}\n\n  ${(props) =>\n    props.$color &&\n    css`\n      background-color: ${props.$color};\n    `}\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAOzC,MAAMY,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qCAG9BC,KAAK,IACNA,KAAK,CAACC,KAAK,QACXC,qBAAG,mCACQF,KAAK,CAACC,KAAK,EACVD,KAAK,CAACC,KAAK,CACtB,EAEAD,KAAK,IACNA,KAAK,CAACG,MAAM,QACZD,qBAAG,8BACmBF,KAAK,CAACG,MAAM,CACjC,CACJ"}
+{"version":3,"file":"Styles.js","names":["styled","css","StyledDot","div","withConfig","displayName","componentId","props","$size","$color"],"sources":["../../../../src/components/Dot/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\ninterface StyledDotProps {\n  $color: string;\n  $size: number;\n}\n\nexport const StyledDot = styled.div<StyledDotProps>`\n  border-radius: 100%;\n\n  ${(props) =>\n    props.$size &&\n    css`\n      width: ${props.$size}px;\n      height: ${props.$size}px;\n    `}\n\n  ${(props) =>\n    props.$color &&\n    css`\n      background-color: ${props.$color};\n    `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAO/C,OAAO,MAAMC,SAAS,GAAGF,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qCAG9BC,KAAK,IACNA,KAAK,CAACC,KAAK,IACXP,GAAG,kCACQM,KAAK,CAACC,KAAK,EACVD,KAAK,CAACC,KAAK,CACtB,EAEAD,KAAK,IACNA,KAAK,CAACE,MAAM,IACZR,GAAG,6BACmBM,KAAK,CAACE,MAAM,CACjC,CACJ"}

package/dist/esm/components/Dot/index.js

@@ -1,17 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Dot = require("./Dot");
-Object.keys(_Dot).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Dot[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Dot[key];
-    }
-  });
-});
+export * from "./Dot";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Dot/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Dot","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Dot/index.ts"],"sourcesContent":["export * from \"./Dot\";\n"],"mappings":";;;;;AAAA,IAAAA,IAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,IAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,IAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,IAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Dot/index.ts"],"sourcesContent":["export * from \"./Dot\";\n"],"mappings":"AAAA,cAAc,OAAO"}

package/dist/esm/components/EditableContent/EditableContent.js

@@ -1,17 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EditableContent = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _Styles = require("./Styles");
-var _utils = require("../../utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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 && Object.prototype.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; }
-const EditableContent = exports.EditableContent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef, useCallback, useRef } from "react";
+import { StyledDiv, StyledInput, StyledSpan } from "./Styles";
+import { useForkRef } from "../../utils";
+export const EditableContent = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     className,
     variant = "Body 2",
@@ -22,29 +13,29 @@ const EditableContent = exports.EditableContent = /*#__PURE__*/(0, _react.forwar
     children,
     ...props
   } = _ref;
-  const intInputRef = (0, _react.useRef)(null);
-  const handleRef = (0, _utils.useForkRef)(ref, intInputRef);
-  const handleBlur = (0, _react.useCallback)(evt => {
-    if (intInputRef?.current) {
+  const intInputRef = useRef(null);
+  const handleRef = useForkRef(ref, intInputRef);
+  const handleBlur = useCallback(evt => {
+    if (intInputRef != null && intInputRef.current) {
       intInputRef.current.scrollLeft = 0;
     }
-    typeof inputProps?.onBlur === `function` && inputProps?.onBlur(evt);
+    typeof (inputProps == null ? void 0 : inputProps.onBlur) === "function" && (inputProps == null ? void 0 : inputProps.onBlur(evt));
   }, [inputProps]);
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledDiv, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(StyledDiv, _extends({
     className: className,
     ref: wrapRef
-  }, props), /*#__PURE__*/_react.default.createElement(_Styles.StyledSpan, {
+  }, props), /*#__PURE__*/React.createElement(StyledSpan, {
     variant: variant,
     forwardedAs: "span",
     weight: weight,
     $disabled: disabled,
     className: "presentation"
-  }, children ? children : inputProps?.value), /*#__PURE__*/_react.default.createElement(_Styles.StyledInput, (0, _extends2.default)({}, inputProps, {
+  }, children ? children : inputProps == null ? void 0 : inputProps.value), /*#__PURE__*/React.createElement(StyledInput, _extends({}, inputProps, {
     ref: handleRef,
     forwardedAs: "input",
     variant: variant,
     weight: weight,
-    value: inputProps?.value,
+    value: inputProps == null ? void 0 : inputProps.value,
     onBlur: handleBlur,
     disabled: disabled,
     "data-form-type": "other"

package/dist/esm/components/EditableContent/EditableContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableContent.js","names":["_react","_interopRequireWildcard","require","_Styles","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","EditableContent","exports","forwardRef","_ref","ref","className","variant","weight","disabled","inputProps","wrapRef","children","props","intInputRef","useRef","handleRef","useForkRef","handleBlur","useCallback","evt","current","scrollLeft","onBlur","createElement","StyledDiv","_extends2","StyledSpan","forwardedAs","$disabled","value","StyledInput","displayName"],"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useCallback, useRef } from \"react\";\n\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { Variant } from \"../Typography/Typography\";\n\nexport interface EditableContentInterface {\n  /** Typography variant. */\n  variant?: Variant;\n  /** Typography weight. */\n  weight?: \"light\" | \"regular\" | \"bold\" | \"medium\";\n  /** Input props. */\n  inputProps?: Partial<React.ComponentPropsWithoutRef<\"input\">>;\n  /** Disable edit mode. */\n  disabled?: boolean;\n  /** Wrapper reference. */\n  wrapRef?: Ref<HTMLDivElement>;\n}\n\nexport const EditableContent = forwardRef<\n  HTMLDivElement,\n  EditableContentInterface &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(\n  (\n    {\n      className,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      inputProps,\n      wrapRef,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n\n    const handleBlur = useCallback(\n      (evt) => {\n        if (intInputRef?.current) {\n          intInputRef.current.scrollLeft = 0;\n        }\n        typeof inputProps?.onBlur === `function` && inputProps?.onBlur(evt);\n      },\n      [inputProps]\n    );\n\n    return (\n      <StyledDiv className={className} ref={wrapRef} {...props}>\n        <StyledSpan\n          variant={variant}\n          forwardedAs=\"span\"\n          weight={weight}\n          $disabled={disabled}\n          className=\"presentation\"\n        >\n          {children ? children : inputProps?.value}\n        </StyledSpan>\n        <StyledInput\n          {...inputProps}\n          ref={handleRef}\n          forwardedAs=\"input\"\n          variant={variant}\n          weight={weight}\n          value={inputProps?.value}\n          onBlur={handleBlur}\n          disabled={disabled}\n          data-form-type=\"other\"\n        />\n      </StyledDiv>\n    );\n  }\n);\n\nEditableContent.displayName = \"EditableContent\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAyC,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAgBlC,MAAMY,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,iBAAU,EAKvC,CAAAC,IAAA,EAWEC,GAAG,KACA;EAAA,IAXH;IACEC,SAAS;IACTC,OAAO,GAAG,QAAQ;IAClBC,MAAM;IACNC,QAAQ,GAAG,KAAK;IAChBC,UAAU;IACVC,OAAO;IACPC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAT,IAAA;EAGD,MAAMU,WAAW,GAAG,IAAAC,aAAM,EAAmB,IAAI,CAAC;EAClD,MAAMC,SAAS,GAAG,IAAAC,iBAAU,EAACZ,GAAG,EAAES,WAAW,CAAC;EAE9C,MAAMI,UAAU,GAAG,IAAAC,kBAAW,EAC3BC,GAAG,IAAK;IACP,IAAIN,WAAW,EAAEO,OAAO,EAAE;MACxBP,WAAW,CAACO,OAAO,CAACC,UAAU,GAAG,CAAC;IACpC;IACA,OAAOZ,UAAU,EAAEa,MAAM,KAAM,UAAS,IAAIb,UAAU,EAAEa,MAAM,CAACH,GAAG,CAAC;EACrE,CAAC,EACD,CAACV,UAAU,CACb,CAAC;EAED,oBACEnC,MAAA,CAAAW,OAAA,CAAAsC,aAAA,CAAC9C,OAAA,CAAA+C,SAAS,MAAAC,SAAA,CAAAxC,OAAA;IAACoB,SAAS,EAAEA,SAAU;IAACD,GAAG,EAAEM;EAAQ,GAAKE,KAAK,gBACtDtC,MAAA,CAAAW,OAAA,CAAAsC,aAAA,CAAC9C,OAAA,CAAAiD,UAAU;IACTpB,OAAO,EAAEA,OAAQ;IACjBqB,WAAW,EAAC,MAAM;IAClBpB,MAAM,EAAEA,MAAO;IACfqB,SAAS,EAAEpB,QAAS;IACpBH,SAAS,EAAC;EAAc,GAEvBM,QAAQ,GAAGA,QAAQ,GAAGF,UAAU,EAAEoB,KACzB,CAAC,eACbvD,MAAA,CAAAW,OAAA,CAAAsC,aAAA,CAAC9C,OAAA,CAAAqD,WAAW,MAAAL,SAAA,CAAAxC,OAAA,MACNwB,UAAU;IACdL,GAAG,EAAEW,SAAU;IACfY,WAAW,EAAC,OAAO;IACnBrB,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfsB,KAAK,EAAEpB,UAAU,EAAEoB,KAAM;IACzBP,MAAM,EAAEL,UAAW;IACnBT,QAAQ,EAAEA,QAAS;IACnB,kBAAe;EAAO,EACvB,CACQ,CAAC;AAEhB,CACF,CAAC;AAEDR,eAAe,CAAC+B,WAAW,GAAG,iBAAiB"}
+{"version":3,"file":"EditableContent.js","names":["React","forwardRef","useCallback","useRef","StyledDiv","StyledInput","StyledSpan","useForkRef","EditableContent","_ref","ref","className","variant","weight","disabled","inputProps","wrapRef","children","props","intInputRef","handleRef","handleBlur","evt","current","scrollLeft","onBlur","createElement","_extends","forwardedAs","$disabled","value","displayName"],"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useCallback, useRef } from \"react\";\n\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { Variant } from \"../Typography/Typography\";\n\nexport interface EditableContentInterface {\n  /** Typography variant. */\n  variant?: Variant;\n  /** Typography weight. */\n  weight?: \"light\" | \"regular\" | \"bold\" | \"medium\";\n  /** Input props. */\n  inputProps?: Partial<React.ComponentPropsWithoutRef<\"input\">>;\n  /** Disable edit mode. */\n  disabled?: boolean;\n  /** Wrapper reference. */\n  wrapRef?: Ref<HTMLDivElement>;\n}\n\nexport const EditableContent = forwardRef<\n  HTMLDivElement,\n  EditableContentInterface &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(\n  (\n    {\n      className,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      inputProps,\n      wrapRef,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n\n    const handleBlur = useCallback(\n      (evt) => {\n        if (intInputRef?.current) {\n          intInputRef.current.scrollLeft = 0;\n        }\n        typeof inputProps?.onBlur === `function` && inputProps?.onBlur(evt);\n      },\n      [inputProps]\n    );\n\n    return (\n      <StyledDiv className={className} ref={wrapRef} {...props}>\n        <StyledSpan\n          variant={variant}\n          forwardedAs=\"span\"\n          weight={weight}\n          $disabled={disabled}\n          className=\"presentation\"\n        >\n          {children ? children : inputProps?.value}\n        </StyledSpan>\n        <StyledInput\n          {...inputProps}\n          ref={handleRef}\n          forwardedAs=\"input\"\n          variant={variant}\n          weight={weight}\n          value={inputProps?.value}\n          onBlur={handleBlur}\n          disabled={disabled}\n          data-form-type=\"other\"\n        />\n      </StyledDiv>\n    );\n  }\n);\n\nEditableContent.displayName = \"EditableContent\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAOC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAEnE,SAASC,SAAS,EAAEC,WAAW,EAAEC,UAAU,QAAQ,UAAU;AAC7D,SAASC,UAAU,QAAQ,aAAa;AAgBxC,OAAO,MAAMC,eAAe,gBAAGP,UAAU,CAKvC,CAAAQ,IAAA,EAWEC,GAAG,KACA;EAAA,IAXH;IACEC,SAAS;IACTC,OAAO,GAAG,QAAQ;IAClBC,MAAM;IACNC,QAAQ,GAAG,KAAK;IAChBC,UAAU;IACVC,OAAO;IACPC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAT,IAAA;EAGD,MAAMU,WAAW,GAAGhB,MAAM,CAAmB,IAAI,CAAC;EAClD,MAAMiB,SAAS,GAAGb,UAAU,CAACG,GAAG,EAAES,WAAW,CAAC;EAE9C,MAAME,UAAU,GAAGnB,WAAW,CAC3BoB,GAAG,IAAK;IACP,IAAIH,WAAW,YAAXA,WAAW,CAAEI,OAAO,EAAE;MACxBJ,WAAW,CAACI,OAAO,CAACC,UAAU,GAAG,CAAC;IACpC;IACA,QAAOT,UAAU,oBAAVA,UAAU,CAAEU,MAAM,gBAAe,KAAIV,UAAU,oBAAVA,UAAU,CAAEU,MAAM,CAACH,GAAG,CAAC;EACrE,CAAC,EACD,CAACP,UAAU,CACb,CAAC;EAED,oBACEf,KAAA,CAAA0B,aAAA,CAACtB,SAAS,EAAAuB,QAAA;IAAChB,SAAS,EAAEA,SAAU;IAACD,GAAG,EAAEM;EAAQ,GAAKE,KAAK,gBACtDlB,KAAA,CAAA0B,aAAA,CAACpB,UAAU;IACTM,OAAO,EAAEA,OAAQ;IACjBgB,WAAW,EAAC,MAAM;IAClBf,MAAM,EAAEA,MAAO;IACfgB,SAAS,EAAEf,QAAS;IACpBH,SAAS,EAAC;EAAc,GAEvBM,QAAQ,GAAGA,QAAQ,GAAGF,UAAU,oBAAVA,UAAU,CAAEe,KACzB,CAAC,eACb9B,KAAA,CAAA0B,aAAA,CAACrB,WAAW,EAAAsB,QAAA,KACNZ,UAAU;IACdL,GAAG,EAAEU,SAAU;IACfQ,WAAW,EAAC,OAAO;IACnBhB,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfiB,KAAK,EAAEf,UAAU,oBAAVA,UAAU,CAAEe,KAAM;IACzBL,MAAM,EAAEJ,UAAW;IACnBP,QAAQ,EAAEA,QAAS;IACnB,kBAAe;EAAO,EACvB,CACQ,CAAC;AAEhB,CACF,CAAC;AAEDN,eAAe,CAACuB,WAAW,GAAG,iBAAiB"}

package/dist/esm/components/EditableContent/Styles.js

@@ -1,34 +1,26 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledSpan = exports.StyledInput = exports.StyledDiv = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _BoxSizingStyle = require("../BoxSizingStyle");
-var _FontStyle = require("../FontStyle");
-var _Typography = require("../Typography/Typography");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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 && Object.prototype.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; }
-const StyledDiv = exports.StyledDiv = _styledComponents.default.div.withConfig({
+import styled, { css } from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { FontStyle } from "../FontStyle";
+import { Typography } from "../Typography/Typography";
+export const StyledDiv = styled.div.withConfig({
   displayName: "Styles__StyledDiv",
   componentId: "sc-1wapx2a-0"
-})(["", " ", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
+})(["", " ", " ", ""], FontStyle, BoxSizingStyle, {
   "position": "relative",
   "display": "inline-block",
   "maxWidth": "100%"
 });
-const StyledSpan = exports.StyledSpan = (0, _styledComponents.default)(_Typography.Typography).withConfig({
+export const StyledSpan = styled(Typography).withConfig({
   displayName: "Styles__StyledSpan",
   componentId: "sc-1wapx2a-1"
 })(["visibility:hidden;display:block;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;position:relative;border:1px solid transparent;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre;font-variant-numeric:tabular-nums;", " &:empty:before{content:\" \";}"], _ref => {
   let {
     $disabled
   } = _ref;
-  return $disabled && (0, _styledComponents.css)(["visibility:visible;"]);
+  return $disabled && css(["visibility:visible;"]);
 });
 StyledSpan.displayName = "StyledSpan";
-const StyledInput = exports.StyledInput = (0, _styledComponents.default)(_Typography.Typography).withConfig({
+export const StyledInput = styled(Typography).withConfig({
   displayName: "Styles__StyledInput",
   componentId: "sc-1wapx2a-2"
 })(["", " background-color:inherit;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;text-overflow:ellipsis;font-variant-numeric:tabular-nums;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;&:disabled{opacity:0;}"], {

package/dist/esm/components/EditableContent/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_Typography","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledDiv","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","StyledSpan","Typography","_ref","$disabled","css","StyledInput"],"sources":["../../../../src/components/EditableContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const StyledDiv = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-relative tw-inline-block tw-max-w-full`}\n`;\n\nexport const StyledSpan = styled(Typography)<{ $disabled?: boolean }>`\n  visibility: hidden;\n  display: block;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  position: relative;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: pre;\n  font-variant-numeric: tabular-nums;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      visibility: visible;\n    `}\n\n  &:empty:before {\n    content: \" \";\n  }\n`;\n\nStyledSpan.displayName = \"StyledSpan\";\n\nexport const StyledInput = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-transparent\n    tw-border-solid\n    hover:tw-border-theme-700\n    focus-within:tw-border-theme-700\n    tw-rounded-md\n    tw-box-border\n    tw-overflow-hidden\n    tw-whitespace-nowrap\n    focus-within:tw-overflow-scroll\n    tw-w-full`}\n\n  background-color: inherit;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  text-overflow: ellipsis;\n  font-variant-numeric: tabular-nums;\n  &:focus-whitin {\n    text-overflow: clip;\n  }\n  outline-width: 0px;\n  outline: none;\n  &:disabled {\n    opacity: 0;\n  }\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAsD,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE/C,MAAMY,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBAC/BC,oBAAS,EACTC,8BAAc,EAEZ;EAAA;EAAA;EAAA;AAA0C,CAAC,CAChD;AAEM,MAAMC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,IAAAP,yBAAM,EAACQ,sBAAU,CAAC,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2TAgBxCK,IAAA;EAAA,IAAC;IAAEC;EAAU,CAAC,GAAAD,IAAA;EAAA,OACdC,SAAS,QACTC,qBAAG,0BAEF;AAAA,EAKJ;AAEDJ,UAAU,CAACJ,WAAW,GAAG,YAAY;AAE9B,MAAMS,WAAW,GAAAb,OAAA,CAAAa,WAAA,GAAG,IAAAZ,yBAAM,EAACQ,sBAAU,CAAC,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8PACvC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAaO,CAAC,CAiBb;AAEDQ,WAAW,CAACT,WAAW,GAAG,aAAa"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","Typography","StyledDiv","div","withConfig","displayName","componentId","StyledSpan","_ref","$disabled","StyledInput"],"sources":["../../../../src/components/EditableContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const StyledDiv = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-relative tw-inline-block tw-max-w-full`}\n`;\n\nexport const StyledSpan = styled(Typography)<{ $disabled?: boolean }>`\n  visibility: hidden;\n  display: block;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  position: relative;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: pre;\n  font-variant-numeric: tabular-nums;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      visibility: visible;\n    `}\n\n  &:empty:before {\n    content: \" \";\n  }\n`;\n\nStyledSpan.displayName = \"StyledSpan\";\n\nexport const StyledInput = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-transparent\n    tw-border-solid\n    hover:tw-border-theme-700\n    focus-within:tw-border-theme-700\n    tw-rounded-md\n    tw-box-border\n    tw-overflow-hidden\n    tw-whitespace-nowrap\n    focus-within:tw-overflow-scroll\n    tw-w-full`}\n\n  background-color: inherit;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  text-overflow: ellipsis;\n  font-variant-numeric: tabular-nums;\n  &:focus-whitin {\n    text-overflow: clip;\n  }\n  outline-width: 0px;\n  outline: none;\n  &:disabled {\n    opacity: 0;\n  }\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,MAAMC,SAAS,GAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBAC/BN,SAAS,EACTD,cAAc,EAEZ;EAAA;EAAA;EAAA;AAA0C,CAAC,CAChD;AAED,OAAO,MAAMQ,UAAU,GAAGV,MAAM,CAACI,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2TAgBxCE,IAAA;EAAA,IAAC;IAAEC;EAAU,CAAC,GAAAD,IAAA;EAAA,OACdC,SAAS,IACTX,GAAG,yBAEF;AAAA,EAKJ;AAEDS,UAAU,CAACF,WAAW,GAAG,YAAY;AAErC,OAAO,MAAMK,WAAW,GAAGb,MAAM,CAACI,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8PACvC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAaO,CAAC,CAiBb;AAEDI,WAAW,CAACL,WAAW,GAAG,aAAa"}

package/dist/esm/components/EditableContent/index.js

@@ -1,17 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _EditableContent = require("./EditableContent");
-Object.keys(_EditableContent).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _EditableContent[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _EditableContent[key];
-    }
-  });
-});
+export * from "./EditableContent";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/EditableContent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_EditableContent","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/EditableContent/index.ts"],"sourcesContent":["export * from \"./EditableContent\";\n"],"mappings":";;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,gBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/EditableContent/index.ts"],"sourcesContent":["export * from \"./EditableContent\";\n"],"mappings":"AAAA,cAAc,mBAAmB"}

package/dist/esm/components/EditableCurrency/EditableCurrency.js

@@ -1,17 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EditableCurrency = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _hooks = require("../../hooks");
-var _utils = require("../../utils");
-var _EditableContent = require("../EditableContent");
-var _Tooltip = require("../Tooltip");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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 && Object.prototype.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; }
-const EditableCurrency = exports.EditableCurrency = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+import React, { useMemo, useRef } from "react";
+import { useInputNumber } from "../../hooks";
+import { numberWithSeparator, useForkRef } from "../../utils";
+import { EditableContent } from "../EditableContent";
+import { Tooltip } from "../Tooltip";
+export const EditableCurrency = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     decimalLength = 2,
     decimalSeparator = ".",
@@ -30,11 +22,11 @@ const EditableCurrency = exports.EditableCurrency = /*#__PURE__*/_react.default.
     onChange: externalOnChange,
     ...rest
   } = _ref;
-  const inputRef = (0, _react.useRef)(null);
-  const handleRef = (0, _utils.useForkRef)(ref, inputRef);
+  const inputRef = useRef(null);
+  const handleRef = useForkRef(ref, inputRef);
   const {
     inputProps
-  } = (0, _hooks.useInputNumber)({
+  } = useInputNumber({
     decimalLength,
     decimalSeparator,
     disableAbbreviation,
@@ -60,13 +52,13 @@ const EditableCurrency = exports.EditableCurrency = /*#__PURE__*/_react.default.
     focused,
     unformattedValue
   } = inputProps;
-  const formattedValue = (0, _react.useMemo)(() => {
-    return focused ? value : (0, _utils.numberWithSeparator)(value ?? "", thousandSeparator);
+  const formattedValue = useMemo(() => {
+    return focused ? value : numberWithSeparator(value != null ? value : "", thousandSeparator);
   }, [focused, value, thousandSeparator]);
-  return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+  return /*#__PURE__*/React.createElement(Tooltip, {
     title: unformattedValue,
     disable: focused
-  }, /*#__PURE__*/_react.default.createElement(_EditableContent.EditableContent, {
+  }, /*#__PURE__*/React.createElement(EditableContent, {
     disabled: disabled,
     ref: handleRef,
     className: className,