@activecollab/components 1.0.182 → 1.0.184

package/dist/cjs/components/EditableContent/EditableContent.js

@@ -0,0 +1,73 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditableContent = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Styles = require("./Styles");
+
+var _excluded = ["className", "variant", "weight", "inputProps"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var EditableContent = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var className = _ref.className,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? "Body 2" : _ref$variant,
+      weight = _ref.weight,
+      inputProps = _ref.inputProps,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(function () {
+    return inputProps === null || inputProps === void 0 ? void 0 : inputProps.value;
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      innerValue = _useState2[0],
+      setInnerValue = _useState2[1];
+
+  var handleChange = (0, _react.useCallback)(function (evt) {
+    setInnerValue(evt.target.value);
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledDiv, _extends({
+    className: className,
+    ref: ref
+  }, props), /*#__PURE__*/_react.default.createElement(_Styles.StyledSpan, {
+    variant: variant,
+    forwardedAs: "span",
+    weight: weight
+  }, innerValue), /*#__PURE__*/_react.default.createElement(_Styles.StyledInput, _extends({}, inputProps, {
+    forwardedAs: "input",
+    variant: variant,
+    weight: weight,
+    onChange: handleChange,
+    value: innerValue
+  })));
+});
+exports.EditableContent = EditableContent;
+EditableContent.displayName = "EditableContent";
+//# sourceMappingURL=EditableContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"names":["EditableContent","ref","className","variant","weight","inputProps","props","value","innerValue","setInnerValue","handleChange","evt","target","displayName"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,IAAMA,eAAe,gBAAG,uBAI7B,gBAAkEC,GAAlE,EAA0E;AAAA,MAAvEC,SAAuE,QAAvEA,SAAuE;AAAA,0BAA5DC,OAA4D;AAAA,MAA5DA,OAA4D,6BAAlD,QAAkD;AAAA,MAAxCC,MAAwC,QAAxCA,MAAwC;AAAA,MAAhCC,UAAgC,QAAhCA,UAAgC;AAAA,MAAjBC,KAAiB;;AAC1E,kBAAoC,qBAAS;AAAA,WAAMD,UAAN,aAAMA,UAAN,uBAAMA,UAAU,CAAEE,KAAlB;AAAA,GAAT,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AAEA,MAAMC,YAAY,GAAG,wBAAY,UAACC,GAAD,EAAS;AACxCF,IAAAA,aAAa,CAACE,GAAG,CAACC,MAAJ,CAAWL,KAAZ,CAAb;AACD,GAFoB,EAElB,EAFkB,CAArB;AAIA,sBACE,6BAAC,iBAAD;AAAW,IAAA,SAAS,EAAEL,SAAtB;AAAiC,IAAA,GAAG,EAAED;AAAtC,KAA+CK,KAA/C,gBACE,6BAAC,kBAAD;AAAY,IAAA,OAAO,EAAEH,OAArB;AAA8B,IAAA,WAAW,EAAC,MAA1C;AAAiD,IAAA,MAAM,EAAEC;AAAzD,KACGI,UADH,CADF,eAIE,6BAAC,mBAAD,eACMH,UADN;AAEE,IAAA,WAAW,EAAC,OAFd;AAGE,IAAA,OAAO,EAAEF,OAHX;AAIE,IAAA,MAAM,EAAEC,MAJV;AAKE,IAAA,QAAQ,EAAEM,YALZ;AAME,IAAA,KAAK,EAAEF;AANT,KAJF,CADF;AAeD,CA1B8B,CAAxB;;AA4BPR,eAAe,CAACa,WAAhB,GAA8B,iBAA9B","sourcesContent":["import React, { forwardRef, useCallback, useState } from \"react\";\nimport { Variant } from \"../Typography/Typography\";\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\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}\n\nexport const EditableContent = forwardRef<\n  HTMLDivElement,\n  EditableContentInterface &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(({ className, variant = \"Body 2\", weight, inputProps, ...props }, ref) => {\n  const [innerValue, setInnerValue] = useState(() => inputProps?.value);\n\n  const handleChange = useCallback((evt) => {\n    setInnerValue(evt.target.value);\n  }, []);\n\n  return (\n    <StyledDiv className={className} ref={ref} {...props}>\n      <StyledSpan variant={variant} forwardedAs=\"span\" weight={weight}>\n        {innerValue}\n      </StyledSpan>\n      <StyledInput\n        {...inputProps}\n        forwardedAs=\"input\"\n        variant={variant}\n        weight={weight}\n        onChange={handleChange}\n        value={innerValue}\n      />\n    </StyledDiv>\n  );\n});\n\nEditableContent.displayName = \"EditableContent\";\n"],"file":"EditableContent.js"}

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

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSpan = exports.StyledInput = exports.StyledDiv = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _BoxSizingStyle = require("../BoxSizingStyle");
+
+var _FontStyle = require("../FontStyle");
+
+var _Typography = require("../Typography/Typography");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var StyledDiv = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledDiv",
+  componentId: "sc-1wapx2a-0"
+})(["", " ", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
+  "position": "relative",
+  "display": "inline-block",
+  "maxWidth": "100%"
+});
+
+exports.StyledDiv = StyledDiv;
+var StyledSpan = (0, _styledComponents.default)(_Typography.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;&:empty:before{content:\"i\";}"]);
+exports.StyledSpan = StyledSpan;
+StyledSpan.displayName = "StyledSpan";
+var StyledInput = (0, _styledComponents.default)(_Typography.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;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;"], {
+  "position": "absolute",
+  "top": "0px",
+  "right": "0px",
+  "bottom": "0px",
+  "left": "0px",
+  "borderWidth": "1px",
+  "borderColor": "rgba(0, 0, 0, 0)",
+  "borderStyle": "solid",
+  ":hover": {
+    "borderColor": "var(--color-theme-700)"
+  },
+  ":focus-within": {
+    "borderColor": "var(--color-theme-700)",
+    "overflow": "scroll"
+  },
+  "borderRadius": "0.375rem",
+  "boxSizing": "border-box",
+  "overflow": "hidden",
+  "whiteSpace": "nowrap",
+  "width": "100%"
+});
+exports.StyledInput = StyledInput;
+StyledInput.displayName = "StyledInput";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/EditableContent/Styles.ts"],"names":["StyledDiv","styled","div","FontStyle","BoxSizingStyle","StyledSpan","Typography","displayName","StyledInput"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;;;AAEO,IAAMA,SAAS,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,uBAClBC,oBADkB,EAElBC,8BAFkB,EAIhB;AAAA;AAAA;AAAA;AAAA,CAJgB,CAAf;;;AAOA,IAAMC,UAAU,GAAG,+BAAOC,sBAAP,CAAH;AAAA;AAAA;AAAA,mRAAhB;;AAoBPD,UAAU,CAACE,WAAX,GAAyB,YAAzB;AAEO,IAAMC,WAAW,GAAG,+BAAOF,sBAAP,CAAH;AAAA;AAAA;AAAA,sMAClB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADkB,CAAjB;;AA6BPE,WAAW,CAACD,WAAZ,GAA0B,aAA1B","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\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)`\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\n  &:empty:before {\n    content: \"i\";\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  &:focus-whitin {\n    text-overflow: clip;\n  }\n  outline-width: 0px;\n  outline: none;\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"file":"Styles.js"}

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

@@ -0,0 +1,19 @@
+"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 get() {
+      return _EditableContent[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/EditableContent/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./EditableContent\";\n"],"file":"index.js"}

package/dist/cjs/components/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Typography/Typography.tsx"],"names":["Typography","ref","variant","as","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children","props","Component","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAuEO,IAAMA,UAA0D,gBACrE,uBACE,gBAoBEC,GApBF,EAqBK;AAAA,0BAnBDC,OAmBC;AAAA,MAnBDA,OAmBC,6BAnBS,SAmBT;AAAA,MAlBDC,EAkBC,QAlBDA,EAkBC;AAAA,wBAjBDC,KAiBC;AAAA,MAjBDA,KAiBC,2BAjBO,SAiBP;AAAA,yBAhBDC,MAgBC;AAAA,MAhBDA,MAgBC,4BAhBQ,KAgBR;AAAA,8BAfDC,WAeC;AAAA,MAfDA,WAeC,iCAfa,KAeb;AAAA,gCAdDC,aAcC;AAAA,MAdDA,aAcC,mCAde,OAcf;AAAA,6BAbDC,UAaC;AAAA,MAbDA,UAaC,gCAbY,SAaZ;AAAA,wBAZDC,KAYC;AAAA,MAZDA,KAYC,2BAZO,MAYP;AAAA,6BAXDC,UAWC;AAAA,MAXDA,UAWC,gCAXY,MAWZ;AAAA,4BAVDC,SAUC;AAAA,MAVDA,SAUC,+BAVW,SAUX;AAAA,2BATDC,QASC;AAAA,MATDA,QASC,8BATU,SASV;AAAA,6BARDC,UAQC;AAAA,MARDA,UAQC,gCARY,SAQZ;AAAA,4BAPDC,SAOC;AAAA,MAPDA,SAOC,+BAPW,SAOX;AAAA,yBANDC,MAMC;AAAA,MANDA,MAMC,4BANQ,SAMR;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,SAAS,GAAGhB,EAAE,IAAI,KAAxB;AACA,sBACE,6BAAC,wBAAD;AACE,IAAA,EAAE,EAAEgB,SADN;AAEE,IAAA,SAAS,EAAE,yBAAW,YAAX,EAAyBH,SAAzB,CAFb;AAGE,IAAA,OAAO,EAAEX,MAHX;AAIE,IAAA,YAAY,EAAEC,WAJhB;AAKE,IAAA,cAAc,EAAEC,aALlB;AAME,IAAA,WAAW,EAAEC,UANf;AAOE,IAAA,MAAM,EAAEC,KAPV;AAQE,IAAA,WAAW,EAAEC,UARf;AASE,IAAA,UAAU,EAAEC,SATd;AAUE,IAAA,SAAS,EAAEC,QAVb;AAWE,IAAA,WAAW,EAAEC,UAXf;AAYE,IAAA,UAAU,EAAEC,SAZd;AAaE,IAAA,QAAQ,EAAEZ,OAbZ;AAcE,IAAA,MAAM,EAAEE,KAdV;AAeE,IAAA,OAAO,EAAEW,MAfX;AAgBE,IAAA,GAAG,EAAEd;AAhBP,KAiBMiB,KAjBN,GAmBGD,QAnBH,CADF;AAuBD,CA/CH,CADK;;AAmDPjB,UAAU,CAACoB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, { HTMLAttributes, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledTypography } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n  /** Font color. */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"quaternary\"\n    | \"theme-primary\"\n    | \"theme-secondary\"\n    | \"only-white\"\n    | \"only-black\"\n    | \"page-paper\"\n    | \"success\"\n    | \"alert\"\n    | \"warning\";\n  /** Tabular numbers. */\n  tabularNums?: boolean;\n  /** Italic font style. */\n  italic?: boolean;\n  /** Font letter spacing. */\n  letterSpacing?: \"tight\" | \"regular\" | \"wide\";\n  /** Font line height. */\n  lineHeight?: \"tight\" | \"regular\" | \"loose\";\n  /** Font align. */\n  align?: \"left\" | \"center\" | \"right\" | \"justify\";\n  /** Underline font style. */\n  decoration?: \"underline\" | \"line-through\" | \"none\";\n  /** Font transform. */\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n  /** Font overflow. */\n  overflow?: \"truncate\" | \"ellipsis\" | \"visible\";\n  /** Font whitespace. */\n  whitespace?:\n    | \"regular\"\n    | \"no-wrap\"\n    | \"pre\"\n    | \"pre-wrap\"\n    | \"pre-line\"\n    | \"break-spaces\";\n  /** Font word break. */\n  wordBreak?: \"regular\" | \"smart\" | \"all\";\n  /** Custom className for styling. */\n  className?: string;\n  /** Element variant. */\n  variant?:\n    | \"Title 1\"\n    | \"Title 2\"\n    | \"Header 2\"\n    | \"Header 3\"\n    | \"Body 1\"\n    | \"Body 2\"\n    | \"Caption 1\"\n    | \"Caption 2\";\n  /** Font weight. */\n  weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n  /** Font size. */\n  size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport type TypographyProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, ITypographyProps>;\n\nexport type TypographyComponent = <C extends React.ElementType = \"div\">(\n  props: TypographyProps<C>\n) => React.ReactElement | null;\n\nexport const Typography: TypographyComponent & { displayName?: string } =\n  forwardRef(\n    <C extends React.ElementType = \"div\">(\n      {\n        variant = \"Title 1\",\n        as,\n        color = \"primary\",\n        italic = false,\n        tabularNums = false,\n        letterSpacing = \"tight\",\n        lineHeight = \"regular\",\n        align = \"left\",\n        decoration = \"none\",\n        transform = \"regular\",\n        overflow = \"visible\",\n        whitespace = \"regular\",\n        wordBreak = \"regular\",\n        weight = \"regular\",\n        className,\n        children,\n        ...props\n      }: TypographyProps<C>,\n      ref?: PolymorphicRef<C>\n    ) => {\n      const Component = as || \"div\";\n      return (\n        <StyledTypography\n          as={Component}\n          className={classNames(\"typography\", className)}\n          $italic={italic}\n          $tabularNums={tabularNums}\n          $letterSpacing={letterSpacing}\n          $lineHeight={lineHeight}\n          $align={align}\n          $decoration={decoration}\n          $transform={transform}\n          $overflow={overflow}\n          $whitespace={whitespace}\n          $wordBreak={wordBreak}\n          $variant={variant}\n          $color={color}\n          $weight={weight}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </StyledTypography>\n      );\n    }\n  );\n\nTypography.displayName = \"Typography\";\n"],"file":"Typography.js"}
+{"version":3,"sources":["../../../../src/components/Typography/Typography.tsx"],"names":["Typography","ref","variant","as","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children","props","Component","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AA0EO,IAAMA,UAA0D,gBACrE,uBACE,gBAoBEC,GApBF,EAqBK;AAAA,0BAnBDC,OAmBC;AAAA,MAnBDA,OAmBC,6BAnBS,SAmBT;AAAA,MAlBDC,EAkBC,QAlBDA,EAkBC;AAAA,wBAjBDC,KAiBC;AAAA,MAjBDA,KAiBC,2BAjBO,SAiBP;AAAA,yBAhBDC,MAgBC;AAAA,MAhBDA,MAgBC,4BAhBQ,KAgBR;AAAA,8BAfDC,WAeC;AAAA,MAfDA,WAeC,iCAfa,KAeb;AAAA,gCAdDC,aAcC;AAAA,MAdDA,aAcC,mCAde,OAcf;AAAA,6BAbDC,UAaC;AAAA,MAbDA,UAaC,gCAbY,SAaZ;AAAA,wBAZDC,KAYC;AAAA,MAZDA,KAYC,2BAZO,MAYP;AAAA,6BAXDC,UAWC;AAAA,MAXDA,UAWC,gCAXY,MAWZ;AAAA,4BAVDC,SAUC;AAAA,MAVDA,SAUC,+BAVW,SAUX;AAAA,2BATDC,QASC;AAAA,MATDA,QASC,8BATU,SASV;AAAA,6BARDC,UAQC;AAAA,MARDA,UAQC,gCARY,SAQZ;AAAA,4BAPDC,SAOC;AAAA,MAPDA,SAOC,+BAPW,SAOX;AAAA,yBANDC,MAMC;AAAA,MANDA,MAMC,4BANQ,SAMR;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,SAAS,GAAGhB,EAAE,IAAI,KAAxB;AACA,sBACE,6BAAC,wBAAD;AACE,IAAA,EAAE,EAAEgB,SADN;AAEE,IAAA,SAAS,EAAE,yBAAW,YAAX,EAAyBH,SAAzB,CAFb;AAGE,IAAA,OAAO,EAAEX,MAHX;AAIE,IAAA,YAAY,EAAEC,WAJhB;AAKE,IAAA,cAAc,EAAEC,aALlB;AAME,IAAA,WAAW,EAAEC,UANf;AAOE,IAAA,MAAM,EAAEC,KAPV;AAQE,IAAA,WAAW,EAAEC,UARf;AASE,IAAA,UAAU,EAAEC,SATd;AAUE,IAAA,SAAS,EAAEC,QAVb;AAWE,IAAA,WAAW,EAAEC,UAXf;AAYE,IAAA,UAAU,EAAEC,SAZd;AAaE,IAAA,QAAQ,EAAEZ,OAbZ;AAcE,IAAA,MAAM,EAAEE,KAdV;AAeE,IAAA,OAAO,EAAEW,MAfX;AAgBE,IAAA,GAAG,EAAEd;AAhBP,KAiBMiB,KAjBN,GAmBGD,QAnBH,CADF;AAuBD,CA/CH,CADK;;AAmDPjB,UAAU,CAACoB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, { HTMLAttributes, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledTypography } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\n\nexport type Variant =\n  | \"Title 1\"\n  | \"Title 2\"\n  | \"Header 2\"\n  | \"Header 3\"\n  | \"Body 1\"\n  | \"Body 2\"\n  | \"Caption 1\"\n  | \"Caption 2\";\n\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n  /** Font color. */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"quaternary\"\n    | \"theme-primary\"\n    | \"theme-secondary\"\n    | \"only-white\"\n    | \"only-black\"\n    | \"page-paper\"\n    | \"success\"\n    | \"alert\"\n    | \"warning\";\n  /** Tabular numbers. */\n  tabularNums?: boolean;\n  /** Italic font style. */\n  italic?: boolean;\n  /** Font letter spacing. */\n  letterSpacing?: \"tight\" | \"regular\" | \"wide\";\n  /** Font line height. */\n  lineHeight?: \"tight\" | \"regular\" | \"loose\";\n  /** Font align. */\n  align?: \"left\" | \"center\" | \"right\" | \"justify\";\n  /** Underline font style. */\n  decoration?: \"underline\" | \"line-through\" | \"none\";\n  /** Font transform. */\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n  /** Font overflow. */\n  overflow?: \"truncate\" | \"ellipsis\" | \"visible\";\n  /** Font whitespace. */\n  whitespace?:\n    | \"regular\"\n    | \"no-wrap\"\n    | \"pre\"\n    | \"pre-wrap\"\n    | \"pre-line\"\n    | \"break-spaces\";\n  /** Font word break. */\n  wordBreak?: \"regular\" | \"smart\" | \"all\";\n  /** Custom className for styling. */\n  className?: string;\n  /** Element variant. */\n  variant?: Variant;\n  /** Font weight. */\n  weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n  /** Font size. */\n  size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport type TypographyProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, ITypographyProps>;\n\nexport type TypographyComponent = <C extends React.ElementType = \"div\">(\n  props: TypographyProps<C>\n) => React.ReactElement | null;\n\nexport const Typography: TypographyComponent & { displayName?: string } =\n  forwardRef(\n    <C extends React.ElementType = \"div\">(\n      {\n        variant = \"Title 1\",\n        as,\n        color = \"primary\",\n        italic = false,\n        tabularNums = false,\n        letterSpacing = \"tight\",\n        lineHeight = \"regular\",\n        align = \"left\",\n        decoration = \"none\",\n        transform = \"regular\",\n        overflow = \"visible\",\n        whitespace = \"regular\",\n        wordBreak = \"regular\",\n        weight = \"regular\",\n        className,\n        children,\n        ...props\n      }: TypographyProps<C>,\n      ref?: PolymorphicRef<C>\n    ) => {\n      const Component = as || \"div\";\n      return (\n        <StyledTypography\n          as={Component}\n          className={classNames(\"typography\", className)}\n          $italic={italic}\n          $tabularNums={tabularNums}\n          $letterSpacing={letterSpacing}\n          $lineHeight={lineHeight}\n          $align={align}\n          $decoration={decoration}\n          $transform={transform}\n          $overflow={overflow}\n          $whitespace={whitespace}\n          $wordBreak={wordBreak}\n          $variant={variant}\n          $color={color}\n          $weight={weight}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </StyledTypography>\n      );\n    }\n  );\n\nTypography.displayName = \"Typography\";\n"],"file":"Typography.js"}

package/dist/cjs/components/Wizard/Step.js

@@ -39,7 +39,9 @@ var Step = function Step(_ref) {
       _ref$shouldRenderNext = _ref.shouldRenderNextButton,
       shouldRenderNextButton = _ref$shouldRenderNext === void 0 ? true : _ref$shouldRenderNext,
       _ref$changingStepInPr = _ref.changingStepInProgress,
-      changingStepInProgress = _ref$changingStepInPr === void 0 ? false : _ref$changingStepInPr;
+      changingStepInProgress = _ref$changingStepInPr === void 0 ? false : _ref$changingStepInPr,
+      _ref$skip = _ref.skip,
+      skip = _ref$skip === void 0 ? false : _ref$skip;
   var onActionButtonClick = (0, _react.useCallback)(function () {
     if (isLast && onClose) {
       return onClose();
@@ -47,7 +49,7 @@ var Step = function Step(_ref) {
 
     return onNextButtonClick && onNextButtonClick();
   }, [isLast, onClose, onNextButtonClick]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledStepHeader, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledStepHeaderLeft, null, index && index > 0 ? /*#__PURE__*/_react.default.createElement(_Button.Button, {
+  return !skip ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledStepHeader, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledStepHeaderLeft, null, index && index > 0 ? /*#__PURE__*/_react.default.createElement(_Button.Button, {
     onClick: onPreviousButtonClick,
     variant: "text gray",
     className: "tw--ml-3 tw-mr-2",
@@ -60,7 +62,7 @@ var Step = function Step(_ref) {
     isLast: isLast,
     actionLabel: actionLabel,
     onNextButtonClick: onActionButtonClick
-  }))) : /*#__PURE__*/_react.default.createElement(_Styles.StyledCustomStep, null, children));
+  }))) : /*#__PURE__*/_react.default.createElement(_Styles.StyledCustomStep, null, children)) : null;
 };
 
 exports.Step = Step;

package/dist/cjs/components/Wizard/Step.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Wizard/Step.tsx"],"names":["Step","index","isLast","subtitle","title","onNextButtonClick","onPreviousButtonClick","onClose","children","actionLabel","shouldRenderNextButton","changingStepInProgress","onActionButtonClick","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAqBO,IAAMA,IAAe,GAAG,SAAlBA,IAAkB,OAYzB;AAAA,MAXJC,KAWI,QAXJA,KAWI;AAAA,MAVJC,MAUI,QAVJA,MAUI;AAAA,MATJC,QASI,QATJA,QASI;AAAA,MARJC,KAQI,QARJA,KAQI;AAAA,MAPJC,iBAOI,QAPJA,iBAOI;AAAA,MANJC,qBAMI,QANJA,qBAMI;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,8BAHJC,WAGI;AAAA,MAHJA,WAGI,iCAHU,SAGV;AAAA,mCAFJC,sBAEI;AAAA,MAFJA,sBAEI,sCAFqB,IAErB;AAAA,mCADJC,sBACI;AAAA,MADJA,sBACI,sCADqB,KACrB;AACJ,MAAMC,mBAAmB,GAAG,wBAAY,YAAM;AAC5C,QAAIV,MAAM,IAAIK,OAAd,EAAuB;AACrB,aAAOA,OAAO,EAAd;AACD;;AAED,WAAOF,iBAAiB,IAAIA,iBAAiB,EAA7C;AACD,GAN2B,EAMzB,CAACH,MAAD,EAASK,OAAT,EAAkBF,iBAAlB,CANyB,CAA5B;AAQA,sBACE,yEACE,6BAAC,wBAAD,qBACE,6BAAC,4BAAD,QACGJ,KAAK,IAAIA,KAAK,GAAG,CAAjB,gBACC,6BAAC,cAAD;AACE,IAAA,OAAO,EAAEK,qBADX;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,SAAS,EAAC,kBAHZ;AAIE,IAAA,QAAQ,EAAEK;AAJZ,kBAME,6BAAC,0BAAD,OANF,CADD,GASG,IAVN,eAWE,6BAAC,uBAAD,qBACE,6BAAC,oBAAD,QAAWP,KAAX,CADF,eAEE,6BAAC,mBAAD,QAAUD,QAAV,CAFF,CAXF,CADF,eAiBE,6BAAC,cAAD;AACE,IAAA,OAAO,EAAEI,OADX;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,QAAQ,EAAEI;AAHZ,kBAKE,6BAAC,sBAAD,OALF,CAjBF,CADF,eA0BE,6BAAC,4BAAD,OA1BF,EA2BGD,sBAAsB,gBACrB,yEACE,6BAAC,qBAAD,QAAgBF,QAAhB,CADF,eAEE,6BAAC,4BAAD,OAFF,eAGE,6BAAC,qBAAD,qBACE,6BAAC,kCAAD;AACE,IAAA,MAAM,EAAEN,MADV;AAEE,IAAA,WAAW,EAAEO,WAFf;AAGE,IAAA,iBAAiB,EAAEG;AAHrB,IADF,CAHF,CADqB,gBAarB,6BAAC,wBAAD,QAAmBJ,QAAnB,CAxCJ,CADF;AA6CD,CAlEM;;;AAoEPR,IAAI,CAACa,WAAL,GAAmB,MAAnB","sourcesContent":["import React, { FC, ReactNode, useCallback } from \"react\";\nimport { Button } from \"../Button\";\nimport { ArrowBackMobileIcon, CancelCrossIcon } from \"../Icons\";\nimport { StepActionButton } from \"./StepActionButton\";\nimport { DialogActions, DialogContent, DialogContentDivider } from \"../Dialog\";\nimport { Caption2, Header3 } from \"../Typography\";\nimport {\n  StyledStepTitle,\n  StyledStepHeaderLeft,\n  StyledStepHeader,\n  StyledCustomStep,\n} from \"./Styles\";\n\nexport interface IStep {\n  index?: number;\n  isLast?: boolean;\n  subtitle: string;\n  title?: string;\n  onNextButtonClick?: () => void;\n  onPreviousButtonClick?: () => void;\n  onClose?: () => void;\n  children: ReactNode;\n  actionLabel?: string;\n  shouldRenderNextButton?: boolean;\n  changingStepInProgress?: boolean;\n}\n\nexport const Step: FC<IStep> = ({\n  index,\n  isLast,\n  subtitle,\n  title,\n  onNextButtonClick,\n  onPreviousButtonClick,\n  onClose,\n  children,\n  actionLabel = \"Proceed\",\n  shouldRenderNextButton = true,\n  changingStepInProgress = false,\n}) => {\n  const onActionButtonClick = useCallback(() => {\n    if (isLast && onClose) {\n      return onClose();\n    }\n\n    return onNextButtonClick && onNextButtonClick();\n  }, [isLast, onClose, onNextButtonClick]);\n\n  return (\n    <>\n      <StyledStepHeader>\n        <StyledStepHeaderLeft>\n          {index && index > 0 ? (\n            <Button\n              onClick={onPreviousButtonClick}\n              variant=\"text gray\"\n              className=\"tw--ml-3 tw-mr-2\"\n              disabled={changingStepInProgress}\n            >\n              <ArrowBackMobileIcon />\n            </Button>\n          ) : null}\n          <StyledStepTitle>\n            <Caption2>{title}</Caption2>\n            <Header3>{subtitle}</Header3>\n          </StyledStepTitle>\n        </StyledStepHeaderLeft>\n        <Button\n          onClick={onClose}\n          variant=\"text gray\"\n          disabled={changingStepInProgress}\n        >\n          <CancelCrossIcon />\n        </Button>\n      </StyledStepHeader>\n      <DialogContentDivider />\n      {shouldRenderNextButton ? (\n        <>\n          <DialogContent>{children}</DialogContent>\n          <DialogContentDivider />\n          <DialogActions>\n            <StepActionButton\n              isLast={isLast}\n              actionLabel={actionLabel}\n              onNextButtonClick={onActionButtonClick}\n            />\n          </DialogActions>\n        </>\n      ) : (\n        <StyledCustomStep>{children}</StyledCustomStep>\n      )}\n    </>\n  );\n};\n\nStep.displayName = \"Step\";\n"],"file":"Step.js"}
+{"version":3,"sources":["../../../../src/components/Wizard/Step.tsx"],"names":["Step","index","isLast","subtitle","title","onNextButtonClick","onPreviousButtonClick","onClose","children","actionLabel","shouldRenderNextButton","changingStepInProgress","skip","onActionButtonClick","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAsBO,IAAMA,IAAe,GAAG,SAAlBA,IAAkB,OAazB;AAAA,MAZJC,KAYI,QAZJA,KAYI;AAAA,MAXJC,MAWI,QAXJA,MAWI;AAAA,MAVJC,QAUI,QAVJA,QAUI;AAAA,MATJC,KASI,QATJA,KASI;AAAA,MARJC,iBAQI,QARJA,iBAQI;AAAA,MAPJC,qBAOI,QAPJA,qBAOI;AAAA,MANJC,OAMI,QANJA,OAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,8BAJJC,WAII;AAAA,MAJJA,WAII,iCAJU,SAIV;AAAA,mCAHJC,sBAGI;AAAA,MAHJA,sBAGI,sCAHqB,IAGrB;AAAA,mCAFJC,sBAEI;AAAA,MAFJA,sBAEI,sCAFqB,KAErB;AAAA,uBADJC,IACI;AAAA,MADJA,IACI,0BADG,KACH;AACJ,MAAMC,mBAAmB,GAAG,wBAAY,YAAM;AAC5C,QAAIX,MAAM,IAAIK,OAAd,EAAuB;AACrB,aAAOA,OAAO,EAAd;AACD;;AAED,WAAOF,iBAAiB,IAAIA,iBAAiB,EAA7C;AACD,GAN2B,EAMzB,CAACH,MAAD,EAASK,OAAT,EAAkBF,iBAAlB,CANyB,CAA5B;AAQA,SAAO,CAACO,IAAD,gBACL,yEACE,6BAAC,wBAAD,qBACE,6BAAC,4BAAD,QACGX,KAAK,IAAIA,KAAK,GAAG,CAAjB,gBACC,6BAAC,cAAD;AACE,IAAA,OAAO,EAAEK,qBADX;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,SAAS,EAAC,kBAHZ;AAIE,IAAA,QAAQ,EAAEK;AAJZ,kBAME,6BAAC,0BAAD,OANF,CADD,GASG,IAVN,eAWE,6BAAC,uBAAD,qBACE,6BAAC,oBAAD,QAAWP,KAAX,CADF,eAEE,6BAAC,mBAAD,QAAUD,QAAV,CAFF,CAXF,CADF,eAiBE,6BAAC,cAAD;AACE,IAAA,OAAO,EAAEI,OADX;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,QAAQ,EAAEI;AAHZ,kBAKE,6BAAC,sBAAD,OALF,CAjBF,CADF,eA0BE,6BAAC,4BAAD,OA1BF,EA2BGD,sBAAsB,gBACrB,yEACE,6BAAC,qBAAD,QAAgBF,QAAhB,CADF,eAEE,6BAAC,4BAAD,OAFF,eAGE,6BAAC,qBAAD,qBACE,6BAAC,kCAAD;AACE,IAAA,MAAM,EAAEN,MADV;AAEE,IAAA,WAAW,EAAEO,WAFf;AAGE,IAAA,iBAAiB,EAAEI;AAHrB,IADF,CAHF,CADqB,gBAarB,6BAAC,wBAAD,QAAmBL,QAAnB,CAxCJ,CADK,GA4CH,IA5CJ;AA6CD,CAnEM;;;AAqEPR,IAAI,CAACc,WAAL,GAAmB,MAAnB","sourcesContent":["import React, { FC, ReactNode, useCallback } from \"react\";\nimport { Button } from \"../Button\";\nimport { ArrowBackMobileIcon, CancelCrossIcon } from \"../Icons\";\nimport { StepActionButton } from \"./StepActionButton\";\nimport { DialogActions, DialogContent, DialogContentDivider } from \"../Dialog\";\nimport { Caption2, Header3 } from \"../Typography\";\nimport {\n  StyledStepTitle,\n  StyledStepHeaderLeft,\n  StyledStepHeader,\n  StyledCustomStep,\n} from \"./Styles\";\n\nexport interface IStep {\n  index?: number;\n  isLast?: boolean;\n  subtitle: string;\n  title?: string;\n  onNextButtonClick?: () => void;\n  onPreviousButtonClick?: () => void;\n  onClose?: () => void;\n  children: ReactNode;\n  actionLabel?: string;\n  shouldRenderNextButton?: boolean;\n  changingStepInProgress?: boolean;\n  skip?: boolean;\n}\n\nexport const Step: FC<IStep> = ({\n  index,\n  isLast,\n  subtitle,\n  title,\n  onNextButtonClick,\n  onPreviousButtonClick,\n  onClose,\n  children,\n  actionLabel = \"Proceed\",\n  shouldRenderNextButton = true,\n  changingStepInProgress = false,\n  skip = false,\n}) => {\n  const onActionButtonClick = useCallback(() => {\n    if (isLast && onClose) {\n      return onClose();\n    }\n\n    return onNextButtonClick && onNextButtonClick();\n  }, [isLast, onClose, onNextButtonClick]);\n\n  return !skip ? (\n    <>\n      <StyledStepHeader>\n        <StyledStepHeaderLeft>\n          {index && index > 0 ? (\n            <Button\n              onClick={onPreviousButtonClick}\n              variant=\"text gray\"\n              className=\"tw--ml-3 tw-mr-2\"\n              disabled={changingStepInProgress}\n            >\n              <ArrowBackMobileIcon />\n            </Button>\n          ) : null}\n          <StyledStepTitle>\n            <Caption2>{title}</Caption2>\n            <Header3>{subtitle}</Header3>\n          </StyledStepTitle>\n        </StyledStepHeaderLeft>\n        <Button\n          onClick={onClose}\n          variant=\"text gray\"\n          disabled={changingStepInProgress}\n        >\n          <CancelCrossIcon />\n        </Button>\n      </StyledStepHeader>\n      <DialogContentDivider />\n      {shouldRenderNextButton ? (\n        <>\n          <DialogContent>{children}</DialogContent>\n          <DialogContentDivider />\n          <DialogActions>\n            <StepActionButton\n              isLast={isLast}\n              actionLabel={actionLabel}\n              onNextButtonClick={onActionButtonClick}\n            />\n          </DialogActions>\n        </>\n      ) : (\n        <StyledCustomStep>{children}</StyledCustomStep>\n      )}\n    </>\n  ) : null;\n};\n\nStep.displayName = \"Step\";\n"],"file":"Step.js"}

package/dist/cjs/components/Wizard/Wizard.js

@@ -19,6 +19,14 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -55,12 +63,24 @@ var Wizard = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       setActiveStep(0);
     }
   }, [open]);
-  var onNextButtonClick = (0, _react.useCallback)(function () {
-    setActiveStep(activeStep + 1);
-  }, [activeStep]);
-  var onPreviousButtonClick = (0, _react.useCallback)(function () {
-    setActiveStep(activeStep - 1);
-  }, [activeStep]);
+  var goNext = (0, _react.useCallback)(function () {
+    var index = childrenCollection.findIndex(function (step, index) {
+      var _stepEl$props;
+
+      var stepEl = step;
+      return !(stepEl !== null && stepEl !== void 0 && (_stepEl$props = stepEl.props) !== null && _stepEl$props !== void 0 && _stepEl$props.skip) && index > activeStep;
+    });
+    setActiveStep(index);
+  }, [activeStep, childrenCollection]);
+  var goPrevious = (0, _react.useCallback)(function () {
+    var index = [_toConsumableArray(childrenCollection).reverse()].findIndex(function (step, index) {
+      var _stepEl$props2;
+
+      var stepEl = step;
+      return !(stepEl !== null && stepEl !== void 0 && (_stepEl$props2 = stepEl.props) !== null && _stepEl$props2 !== void 0 && _stepEl$props2.skip) && index < activeStep;
+    });
+    setActiveStep(index);
+  }, [activeStep, childrenCollection]);
   var renderActiveStep = (0, _react.useMemo)(function () {
     var element = childrenCollection[activeStep];
 
@@ -69,19 +89,21 @@ var Wizard = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         index: activeStep,
         isLast: childrenCollection.length - 1 === activeStep,
         title: title,
-        onNextButtonClick: onNextButtonClick,
-        onPreviousButtonClick: onPreviousButtonClick,
+        onNextButtonClick: goNext,
+        onPreviousButtonClick: goPrevious,
         onClose: onClose,
         changingStepInProgress: changingStepInProgress
       });
     }
 
     return null;
-  }, [activeStep, changingStepInProgress, childrenCollection, onClose, onNextButtonClick, onPreviousButtonClick, title]);
+  }, [activeStep, changingStepInProgress, childrenCollection, goNext, goPrevious, onClose, title]);
   return /*#__PURE__*/_react.default.createElement(_context.WizardContextProvider, {
     value: {
       activeStep: activeStep,
       setActiveStep: setActiveStep,
+      goNext: goNext,
+      goPrevious: goPrevious,
       close: onClose,
       setChangingStepInProgress: setChangingStepInProgress
     }

package/dist/cjs/components/Wizard/Wizard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Wizard/Wizard.tsx"],"names":["Wizard","ref","title","open","onClose","children","childrenCollection","React","Children","toArray","activeStep","setActiveStep","changingStepInProgress","setChangingStepInProgress","onNextButtonClick","onPreviousButtonClick","renderActiveStep","element","type","Step","cloneElement","index","isLast","length","close","displayName"],"mappings":";;;;;;;;;AAAA;;AASA;;AACA;;AACA;;;;;;;;;;;;;;;;;;AASO,IAAMA,MAAM,gBAAG,uBACpB,gBAAqCC,GAArC,EAA6C;AAAA,MAA1CC,KAA0C,QAA1CA,KAA0C;AAAA,MAAnCC,IAAmC,QAAnCA,IAAmC;AAAA,MAA7BC,OAA6B,QAA7BA,OAA6B;AAAA,MAApBC,QAAoB,QAApBA,QAAoB;AAC3C,MAAMC,kBAAkB,GAAG,oBACzB;AAAA,WAAMC,eAAMC,QAAN,CAAeC,OAAf,CAAuBJ,QAAvB,CAAN;AAAA,GADyB,EAEzB,CAACA,QAAD,CAFyB,CAA3B;;AAKA,kBAAoC,qBAAS,CAAT,CAApC;AAAA;AAAA,MAAOK,UAAP;AAAA,MAAmBC,aAAnB;;AACA,mBAA4D,qBAAS,KAAT,CAA5D;AAAA;AAAA,MAAOC,sBAAP;AAAA,MAA+BC,yBAA/B;;AAEA,wBAAU,YAAM;AACd,QAAIV,IAAJ,EAAU;AACRQ,MAAAA,aAAa,CAAC,CAAD,CAAb;AACD;AACF,GAJD,EAIG,CAACR,IAAD,CAJH;AAMA,MAAMW,iBAAiB,GAAG,wBAAY,YAAM;AAC1CH,IAAAA,aAAa,CAACD,UAAU,GAAG,CAAd,CAAb;AACD,GAFyB,EAEvB,CAACA,UAAD,CAFuB,CAA1B;AAIA,MAAMK,qBAAqB,GAAG,wBAAY,YAAM;AAC9CJ,IAAAA,aAAa,CAACD,UAAU,GAAG,CAAd,CAAb;AACD,GAF6B,EAE3B,CAACA,UAAD,CAF2B,CAA9B;AAIA,MAAMM,gBAAgB,GAAG,oBAAQ,YAAM;AACrC,QAAMC,OAAO,GAAGX,kBAAkB,CAACI,UAAD,CAAlC;;AAEA,QAAI,CAAAO,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEC,IAAT,MAAkBC,UAAtB,EAA4B;AAC1B,0BAAOZ,eAAMa,YAAN,CAAmBH,OAAnB,EAA4B;AACjCI,QAAAA,KAAK,EAAEX,UAD0B;AAEjCY,QAAAA,MAAM,EAAEhB,kBAAkB,CAACiB,MAAnB,GAA4B,CAA5B,KAAkCb,UAFT;AAGjCR,QAAAA,KAAK,EAAEA,KAH0B;AAIjCY,QAAAA,iBAAiB,EAAEA,iBAJc;AAKjCC,QAAAA,qBAAqB,EAAEA,qBALU;AAMjCX,QAAAA,OAAO,EAAPA,OANiC;AAOjCQ,QAAAA,sBAAsB,EAAEA;AAPS,OAA5B,CAAP;AASD;;AAED,WAAO,IAAP;AACD,GAhBwB,EAgBtB,CACDF,UADC,EAEDE,sBAFC,EAGDN,kBAHC,EAIDF,OAJC,EAKDU,iBALC,EAMDC,qBANC,EAODb,KAPC,CAhBsB,CAAzB;AA0BA,sBACE,6BAAC,8BAAD;AACE,IAAA,KAAK,EAAE;AACLQ,MAAAA,UAAU,EAAVA,UADK;AAELC,MAAAA,aAAa,EAAbA,aAFK;AAGLa,MAAAA,KAAK,EAAEpB,OAHF;AAILS,MAAAA,yBAAyB,EAAzBA;AAJK;AADT,kBAQE,6BAAC,cAAD;AAAQ,IAAA,GAAG,EAAEZ,GAAb;AAAkB,IAAA,IAAI,EAAEE,IAAxB;AAA8B,IAAA,OAAO,EAAEC;AAAvC,KACGY,gBADH,CARF,CADF;AAcD,CAhEmB,CAAf;;AAmEPhB,MAAM,CAACyB,WAAP,GAAqB,QAArB","sourcesContent":["import React, {\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { Dialog } from \"../Dialog\";\nimport { WizardContextProvider } from \"./context\";\nimport { Step } from \"./Step\";\n\nexport interface IWizard {\n  title: string;\n  open: boolean;\n  onClose: () => void;\n  children: ReactNode;\n}\n\nexport const Wizard = forwardRef<HTMLDivElement, IWizard>(\n  ({ title, open, onClose, children }, ref) => {\n    const childrenCollection = useMemo(\n      () => React.Children.toArray(children),\n      [children]\n    );\n\n    const [activeStep, setActiveStep] = useState(0);\n    const [changingStepInProgress, setChangingStepInProgress] = useState(false);\n\n    useEffect(() => {\n      if (open) {\n        setActiveStep(0);\n      }\n    }, [open]);\n\n    const onNextButtonClick = useCallback(() => {\n      setActiveStep(activeStep + 1);\n    }, [activeStep]);\n\n    const onPreviousButtonClick = useCallback(() => {\n      setActiveStep(activeStep - 1);\n    }, [activeStep]);\n\n    const renderActiveStep = useMemo(() => {\n      const element = childrenCollection[activeStep] as ReactElement;\n\n      if (element?.type === Step) {\n        return React.cloneElement(element, {\n          index: activeStep,\n          isLast: childrenCollection.length - 1 === activeStep,\n          title: title,\n          onNextButtonClick: onNextButtonClick,\n          onPreviousButtonClick: onPreviousButtonClick,\n          onClose,\n          changingStepInProgress: changingStepInProgress,\n        });\n      }\n\n      return null;\n    }, [\n      activeStep,\n      changingStepInProgress,\n      childrenCollection,\n      onClose,\n      onNextButtonClick,\n      onPreviousButtonClick,\n      title,\n    ]);\n\n    return (\n      <WizardContextProvider\n        value={{\n          activeStep,\n          setActiveStep,\n          close: onClose,\n          setChangingStepInProgress,\n        }}\n      >\n        <Dialog ref={ref} open={open} onClose={onClose}>\n          {renderActiveStep}\n        </Dialog>\n      </WizardContextProvider>\n    );\n  }\n);\n\nWizard.displayName = \"Wizard\";\n"],"file":"Wizard.js"}
+{"version":3,"sources":["../../../../src/components/Wizard/Wizard.tsx"],"names":["Wizard","ref","title","open","onClose","children","childrenCollection","React","Children","toArray","activeStep","setActiveStep","changingStepInProgress","setChangingStepInProgress","goNext","index","findIndex","step","stepEl","props","skip","goPrevious","reverse","renderActiveStep","element","type","Step","cloneElement","isLast","length","onNextButtonClick","onPreviousButtonClick","close","displayName"],"mappings":";;;;;;;;;AAAA;;AAWA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,IAAMA,MAAM,gBAAG,uBACpB,gBAAqCC,GAArC,EAA6C;AAAA,MAA1CC,KAA0C,QAA1CA,KAA0C;AAAA,MAAnCC,IAAmC,QAAnCA,IAAmC;AAAA,MAA7BC,OAA6B,QAA7BA,OAA6B;AAAA,MAApBC,QAAoB,QAApBA,QAAoB;AAC3C,MAAMC,kBAAkB,GAAG,oBACzB;AAAA,WAAMC,eAAMC,QAAN,CAAeC,OAAf,CAAuBJ,QAAvB,CAAN;AAAA,GADyB,EAEzB,CAACA,QAAD,CAFyB,CAA3B;;AAKA,kBAAoC,qBAAS,CAAT,CAApC;AAAA;AAAA,MAAOK,UAAP;AAAA,MAAmBC,aAAnB;;AACA,mBAA4D,qBAAS,KAAT,CAA5D;AAAA;AAAA,MAAOC,sBAAP;AAAA,MAA+BC,yBAA/B;;AAEA,wBAAU,YAAM;AACd,QAAIV,IAAJ,EAAU;AACRQ,MAAAA,aAAa,CAAC,CAAD,CAAb;AACD;AACF,GAJD,EAIG,CAACR,IAAD,CAJH;AAMA,MAAMW,MAAM,GAAG,wBAAY,YAAM;AAC/B,QAAMC,KAAK,GAAGT,kBAAkB,CAACU,SAAnB,CACZ,UAACC,IAAD,EAAmCF,KAAnC,EAA6C;AAAA;;AAC3C,UAAMG,MAAM,GAAGD,IAAf;AACA,aAAO,EAACC,MAAD,aAACA,MAAD,gCAACA,MAAM,CAAEC,KAAT,0CAAC,cAAeC,IAAhB,KAAwBL,KAAK,GAAGL,UAAvC;AACD,KAJW,CAAd;AAMAC,IAAAA,aAAa,CAACI,KAAD,CAAb;AACD,GARc,EAQZ,CAACL,UAAD,EAAaJ,kBAAb,CARY,CAAf;AAUA,MAAMe,UAAU,GAAG,wBAAY,YAAM;AACnC,QAAMN,KAAK,GAAG,CAAC,mBAAIT,kBAAJ,EAAwBgB,OAAxB,EAAD,EAAoCN,SAApC,CACZ,UAACC,IAAD,EAAmCF,KAAnC,EAA6C;AAAA;;AAC3C,UAAMG,MAAM,GAAGD,IAAf;AACA,aAAO,EAACC,MAAD,aAACA,MAAD,iCAACA,MAAM,CAAEC,KAAT,2CAAC,eAAeC,IAAhB,KAAwBL,KAAK,GAAGL,UAAvC;AACD,KAJW,CAAd;AAMAC,IAAAA,aAAa,CAACI,KAAD,CAAb;AACD,GARkB,EAQhB,CAACL,UAAD,EAAaJ,kBAAb,CARgB,CAAnB;AAUA,MAAMiB,gBAAgB,GAAG,oBAAQ,YAAM;AACrC,QAAMC,OAAO,GAAGlB,kBAAkB,CAACI,UAAD,CAAlC;;AAEA,QAAI,CAAAc,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEC,IAAT,MAAkBC,UAAtB,EAA4B;AAC1B,0BAAOnB,eAAMoB,YAAN,CAAmBH,OAAnB,EAA4B;AACjCT,QAAAA,KAAK,EAAEL,UAD0B;AAEjCkB,QAAAA,MAAM,EAAEtB,kBAAkB,CAACuB,MAAnB,GAA4B,CAA5B,KAAkCnB,UAFT;AAGjCR,QAAAA,KAAK,EAAEA,KAH0B;AAIjC4B,QAAAA,iBAAiB,EAAEhB,MAJc;AAKjCiB,QAAAA,qBAAqB,EAAEV,UALU;AAMjCjB,QAAAA,OAAO,EAAPA,OANiC;AAOjCQ,QAAAA,sBAAsB,EAAEA;AAPS,OAA5B,CAAP;AASD;;AAED,WAAO,IAAP;AACD,GAhBwB,EAgBtB,CACDF,UADC,EAEDE,sBAFC,EAGDN,kBAHC,EAIDQ,MAJC,EAKDO,UALC,EAMDjB,OANC,EAODF,KAPC,CAhBsB,CAAzB;AA0BA,sBACE,6BAAC,8BAAD;AACE,IAAA,KAAK,EAAE;AACLQ,MAAAA,UAAU,EAAVA,UADK;AAELC,MAAAA,aAAa,EAAbA,aAFK;AAGLG,MAAAA,MAAM,EAANA,MAHK;AAILO,MAAAA,UAAU,EAAVA,UAJK;AAKLW,MAAAA,KAAK,EAAE5B,OALF;AAMLS,MAAAA,yBAAyB,EAAzBA;AANK;AADT,kBAUE,6BAAC,cAAD;AAAQ,IAAA,GAAG,EAAEZ,GAAb;AAAkB,IAAA,IAAI,EAAEE,IAAxB;AAA8B,IAAA,OAAO,EAAEC;AAAvC,KACGmB,gBADH,CAVF,CADF;AAgBD,CA9EmB,CAAf;;AAiFPvB,MAAM,CAACiC,WAAP,GAAqB,QAArB","sourcesContent":["import React, {\n  forwardRef,\n  ReactChild,\n  ReactElement,\n  ReactFragment,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { Dialog } from \"../Dialog\";\nimport { WizardContextProvider } from \"./context\";\nimport { Step } from \"./Step\";\n\nexport interface IWizard {\n  title: string;\n  open: boolean;\n  onClose: () => void;\n  children: ReactNode;\n}\n\nexport const Wizard = forwardRef<HTMLDivElement, IWizard>(\n  ({ title, open, onClose, children }, ref) => {\n    const childrenCollection = useMemo(\n      () => React.Children.toArray(children),\n      [children]\n    );\n\n    const [activeStep, setActiveStep] = useState(0);\n    const [changingStepInProgress, setChangingStepInProgress] = useState(false);\n\n    useEffect(() => {\n      if (open) {\n        setActiveStep(0);\n      }\n    }, [open]);\n\n    const goNext = useCallback(() => {\n      const index = childrenCollection.findIndex(\n        (step: ReactChild | ReactFragment, index) => {\n          const stepEl = step as ReactElement;\n          return !stepEl?.props?.skip && index > activeStep;\n        }\n      );\n      setActiveStep(index);\n    }, [activeStep, childrenCollection]);\n\n    const goPrevious = useCallback(() => {\n      const index = [[...childrenCollection].reverse()].findIndex(\n        (step: ReactChild | ReactFragment, index) => {\n          const stepEl = step as ReactElement;\n          return !stepEl?.props?.skip && index < activeStep;\n        }\n      );\n      setActiveStep(index);\n    }, [activeStep, childrenCollection]);\n\n    const renderActiveStep = useMemo(() => {\n      const element = childrenCollection[activeStep] as ReactElement;\n\n      if (element?.type === Step) {\n        return React.cloneElement(element, {\n          index: activeStep,\n          isLast: childrenCollection.length - 1 === activeStep,\n          title: title,\n          onNextButtonClick: goNext,\n          onPreviousButtonClick: goPrevious,\n          onClose,\n          changingStepInProgress: changingStepInProgress,\n        });\n      }\n\n      return null;\n    }, [\n      activeStep,\n      changingStepInProgress,\n      childrenCollection,\n      goNext,\n      goPrevious,\n      onClose,\n      title,\n    ]);\n\n    return (\n      <WizardContextProvider\n        value={{\n          activeStep,\n          setActiveStep,\n          goNext,\n          goPrevious,\n          close: onClose,\n          setChangingStepInProgress,\n        }}\n      >\n        <Dialog ref={ref} open={open} onClose={onClose}>\n          {renderActiveStep}\n        </Dialog>\n      </WizardContextProvider>\n    );\n  }\n);\n\nWizard.displayName = \"Wizard\";\n"],"file":"Wizard.js"}

package/dist/cjs/components/Wizard/context/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Wizard/context/index.ts"],"names":["WizardContext","WizardContextProvider","Provider","WizardContextConsumer","Consumer","useWizardContext"],"mappings":";;;;;;;AAAA;;AASA,IAAMA,aAAa,gBAAG,0BAA8B,EAA9B,CAAtB;AAEO,IAAMC,qBAAqB,GAAGD,aAAa,CAACE,QAA5C;;AACA,IAAMC,qBAAqB,GAAGH,aAAa,CAACI,QAA5C;;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAAsB,uBAAWL,aAAX,CAAtB;AAAA,CAAzB;;;eAEQA,a","sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface IWizardContext {\n  activeStep?: number;\n  setActiveStep?: (integer) => void;\n  close?: () => void;\n  setChangingStepInProgress?: (boolean) => void;\n}\n\nconst WizardContext = createContext<IWizardContext>({});\n\nexport const WizardContextProvider = WizardContext.Provider;\nexport const WizardContextConsumer = WizardContext.Consumer;\n\nexport const useWizardContext = (): IWizardContext => useContext(WizardContext);\n\nexport default WizardContext;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../../src/components/Wizard/context/index.ts"],"names":["WizardContext","WizardContextProvider","Provider","WizardContextConsumer","Consumer","useWizardContext"],"mappings":";;;;;;;AAAA;;AAWA,IAAMA,aAAa,gBAAG,0BAA8B,EAA9B,CAAtB;AAEO,IAAMC,qBAAqB,GAAGD,aAAa,CAACE,QAA5C;;AACA,IAAMC,qBAAqB,GAAGH,aAAa,CAACI,QAA5C;;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAAsB,uBAAWL,aAAX,CAAtB;AAAA,CAAzB;;;eAEQA,a","sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface IWizardContext {\n  activeStep?: number;\n  setActiveStep?: (integer) => void;\n  goNext?: () => void;\n  goPrevious?: () => void;\n  close?: () => void;\n  setChangingStepInProgress?: (boolean) => void;\n}\n\nconst WizardContext = createContext<IWizardContext>({});\n\nexport const WizardContextProvider = WizardContext.Provider;\nexport const WizardContextConsumer = WizardContext.Consumer;\n\nexport const useWizardContext = (): IWizardContext => useContext(WizardContext);\n\nexport default WizardContext;\n"],"file":"index.js"}

package/dist/cjs/components/index.js

@@ -784,6 +784,19 @@ Object.keys(_ProgressRing).forEach(function (key) {
   });
 });
 
+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 get() {
+      return _EditableContent[key];
+    }
+  });
+});
+
 var _Folder = require("./Folder");
 
 Object.keys(_Folder).forEach(function (key) {

package/dist/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./Pickers\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Pressed\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./SelectTrigger\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./Button/AddToListButton\";\nexport * from \"./ProgressBar\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./Folder\";\nexport * from \"./Chip\";\nexport * from \"./Trigger\";\nexport * from \"./Dot\";\nexport * from \"./Entity\";\nexport * from \"./Filter\";\nexport * from \"./Wizard\";\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./Pickers\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Pressed\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./SelectTrigger\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./Button/AddToListButton\";\nexport * from \"./ProgressBar\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./EditableContent\";\nexport * from \"./Folder\";\nexport * from \"./Chip\";\nexport * from \"./Trigger\";\nexport * from \"./Dot\";\nexport * from \"./Entity\";\nexport * from \"./Filter\";\nexport * from \"./Wizard\";\n"],"file":"index.js"}

package/dist/esm/components/EditableContent/EditableContent.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { Variant } from "../Typography/Typography";
+export interface EditableContentInterface {
+    variant?: Variant;
+    weight?: "light" | "regular" | "bold" | "medium";
+    inputProps?: Partial<React.ComponentPropsWithoutRef<"input">>;
+}
+export declare const EditableContent: React.ForwardRefExoticComponent<EditableContentInterface & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "key" | "css" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "cs" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "tw">, keyof EditableContentInterface> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=EditableContent.d.ts.map

package/dist/esm/components/EditableContent/EditableContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableContent.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAGnD,MAAM,WAAW,wBAAwB;IAEvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;IAEjD,UAAU,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC;CAC/D;AAED,eAAO,MAAM,eAAe,yuJA0B1B,CAAC"}

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

@@ -0,0 +1,39 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["className", "variant", "weight", "inputProps"];
+import React, { forwardRef, useCallback, useState } from "react";
+import { StyledDiv, StyledInput, StyledSpan } from "./Styles";
+export var EditableContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? "Body 2" : _ref$variant,
+      weight = _ref.weight,
+      inputProps = _ref.inputProps,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var _useState = useState(function () {
+    return inputProps == null ? void 0 : inputProps.value;
+  }),
+      innerValue = _useState[0],
+      setInnerValue = _useState[1];
+
+  var handleChange = useCallback(function (evt) {
+    setInnerValue(evt.target.value);
+  }, []);
+  return /*#__PURE__*/React.createElement(StyledDiv, _extends({
+    className: className,
+    ref: ref
+  }, props), /*#__PURE__*/React.createElement(StyledSpan, {
+    variant: variant,
+    forwardedAs: "span",
+    weight: weight
+  }, innerValue), /*#__PURE__*/React.createElement(StyledInput, _extends({}, inputProps, {
+    forwardedAs: "input",
+    variant: variant,
+    weight: weight,
+    onChange: handleChange,
+    value: innerValue
+  })));
+});
+EditableContent.displayName = "EditableContent";
+//# sourceMappingURL=EditableContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"names":["React","forwardRef","useCallback","useState","StyledDiv","StyledInput","StyledSpan","EditableContent","ref","className","variant","weight","inputProps","props","value","innerValue","setInnerValue","handleChange","evt","target","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,WAA5B,EAAyCC,QAAzC,QAAyD,OAAzD;AAEA,SAASC,SAAT,EAAoBC,WAApB,EAAiCC,UAAjC,QAAmD,UAAnD;AAWA,OAAO,IAAMC,eAAe,gBAAGN,UAAU,CAIvC,gBAAkEO,GAAlE,EAA0E;AAAA,MAAvEC,SAAuE,QAAvEA,SAAuE;AAAA,0BAA5DC,OAA4D;AAAA,MAA5DA,OAA4D,6BAAlD,QAAkD;AAAA,MAAxCC,MAAwC,QAAxCA,MAAwC;AAAA,MAAhCC,UAAgC,QAAhCA,UAAgC;AAAA,MAAjBC,KAAiB;;AAC1E,kBAAoCV,QAAQ,CAAC;AAAA,WAAMS,UAAN,oBAAMA,UAAU,CAAEE,KAAlB;AAAA,GAAD,CAA5C;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AAEA,MAAMC,YAAY,GAAGf,WAAW,CAAC,UAACgB,GAAD,EAAS;AACxCF,IAAAA,aAAa,CAACE,GAAG,CAACC,MAAJ,CAAWL,KAAZ,CAAb;AACD,GAF+B,EAE7B,EAF6B,CAAhC;AAIA,sBACE,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEL,SAAtB;AAAiC,IAAA,GAAG,EAAED;AAAtC,KAA+CK,KAA/C,gBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAEH,OAArB;AAA8B,IAAA,WAAW,EAAC,MAA1C;AAAiD,IAAA,MAAM,EAAEC;AAAzD,KACGI,UADH,CADF,eAIE,oBAAC,WAAD,eACMH,UADN;AAEE,IAAA,WAAW,EAAC,OAFd;AAGE,IAAA,OAAO,EAAEF,OAHX;AAIE,IAAA,MAAM,EAAEC,MAJV;AAKE,IAAA,QAAQ,EAAEM,YALZ;AAME,IAAA,KAAK,EAAEF;AANT,KAJF,CADF;AAeD,CA1BwC,CAAlC;AA4BPR,eAAe,CAACa,WAAhB,GAA8B,iBAA9B","sourcesContent":["import React, { forwardRef, useCallback, useState } from \"react\";\nimport { Variant } from \"../Typography/Typography\";\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\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}\n\nexport const EditableContent = forwardRef<\n  HTMLDivElement,\n  EditableContentInterface &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(({ className, variant = \"Body 2\", weight, inputProps, ...props }, ref) => {\n  const [innerValue, setInnerValue] = useState(() => inputProps?.value);\n\n  const handleChange = useCallback((evt) => {\n    setInnerValue(evt.target.value);\n  }, []);\n\n  return (\n    <StyledDiv className={className} ref={ref} {...props}>\n      <StyledSpan variant={variant} forwardedAs=\"span\" weight={weight}>\n        {innerValue}\n      </StyledSpan>\n      <StyledInput\n        {...inputProps}\n        forwardedAs=\"input\"\n        variant={variant}\n        weight={weight}\n        onChange={handleChange}\n        value={innerValue}\n      />\n    </StyledDiv>\n  );\n});\n\nEditableContent.displayName = \"EditableContent\";\n"],"file":"EditableContent.js"}

package/dist/esm/components/EditableContent/Styles.d.ts

@@ -0,0 +1,8 @@
+export declare const StyledDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSpan: import("styled-components").StyledComponent<import("../Typography/Typography").TypographyComponent & {
+    displayName?: string | undefined;
+}, any, {}, never>;
+export declare const StyledInput: import("styled-components").StyledComponent<import("../Typography/Typography").TypographyComponent & {
+    displayName?: string | undefined;
+}, any, {}, never>;
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/EditableContent/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableContent/Styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS,oEAKrB,CAAC;AAEF,eAAO,MAAM,UAAU;;kBAkBtB,CAAC;AAIF,eAAO,MAAM,WAAW;;kBA2BvB,CAAC"}

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

@@ -0,0 +1,44 @@
+import styled from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { FontStyle } from "../FontStyle";
+import { Typography } from "../Typography/Typography";
+export var StyledDiv = styled.div.withConfig({
+  displayName: "Styles__StyledDiv",
+  componentId: "sc-1wapx2a-0"
+})(["", " ", " ", ""], FontStyle, BoxSizingStyle, {
+  "position": "relative",
+  "display": "inline-block",
+  "maxWidth": "100%"
+});
+export var 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;&:empty:before{content:\"i\";}"]);
+StyledSpan.displayName = "StyledSpan";
+export var 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;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;"], {
+  "position": "absolute",
+  "top": "0px",
+  "right": "0px",
+  "bottom": "0px",
+  "left": "0px",
+  "borderWidth": "1px",
+  "borderColor": "rgba(0, 0, 0, 0)",
+  "borderStyle": "solid",
+  ":hover": {
+    "borderColor": "var(--color-theme-700)"
+  },
+  ":focus-within": {
+    "borderColor": "var(--color-theme-700)",
+    "overflow": "scroll"
+  },
+  "borderRadius": "0.375rem",
+  "boxSizing": "border-box",
+  "overflow": "hidden",
+  "whiteSpace": "nowrap",
+  "width": "100%"
+});
+StyledInput.displayName = "StyledInput";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/EditableContent/Styles.ts"],"names":["styled","BoxSizingStyle","FontStyle","Typography","StyledDiv","div","StyledSpan","displayName","StyledInput"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AAEA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,UAAT,QAA2B,0BAA3B;AAEA,OAAO,IAAMC,SAAS,GAAGJ,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,uBAClBH,SADkB,EAElBD,cAFkB,EAIhB;AAAA;AAAA;AAAA;AAAA,CAJgB,CAAf;AAOP,OAAO,IAAMK,UAAU,GAAGN,MAAM,CAACG,UAAD,CAAT;AAAA;AAAA;AAAA,mRAAhB;AAoBPG,UAAU,CAACC,WAAX,GAAyB,YAAzB;AAEA,OAAO,IAAMC,WAAW,GAAGR,MAAM,CAACG,UAAD,CAAT;AAAA;AAAA;AAAA,sMAClB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADkB,CAAjB;AA6BPK,WAAW,CAACD,WAAZ,GAA0B,aAA1B","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\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)`\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\n  &:empty:before {\n    content: \"i\";\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  &:focus-whitin {\n    text-overflow: clip;\n  }\n  outline-width: 0px;\n  outline: none;\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"file":"Styles.js"}

package/dist/esm/components/EditableContent/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./EditableContent";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/EditableContent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableContent/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from "./EditableContent";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/EditableContent/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAd","sourcesContent":["export * from \"./EditableContent\";\n"],"file":"index.js"}