@elliemae/ds-legacy-chat-floating-button 1.0.0-rc.1

package/dist/cjs/DSChatFloatingButtonDefinitions.js

@@ -0,0 +1,36 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSChatFloatingButtonDefinitions_exports = {};
+__export(DSChatFloatingButtonDefinitions_exports, {
+  DSChatFloatingButtonName: () => DSChatFloatingButtonName
+});
+module.exports = __toCommonJS(DSChatFloatingButtonDefinitions_exports);
+var React = __toESM(require("react"));
+const DSChatFloatingButtonName = "DSChatFloatingButton";
+//# sourceMappingURL=DSChatFloatingButtonDefinitions.js.map

package/dist/cjs/DSChatFloatingButtonDefinitions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSChatFloatingButtonDefinitions.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const DSChatFloatingButtonName = 'DSChatFloatingButton';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,2BAA2B;",
+  "names": []
+}

package/dist/cjs/FloatingButton.js

@@ -0,0 +1,62 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FloatingButton_exports = {};
+__export(FloatingButton_exports, {
+  FloatingButton: () => FloatingButton,
+  FloatingButtonWithSchema: () => FloatingButtonWithSchema
+});
+module.exports = __toCommonJS(FloatingButton_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-props-helpers");
+var import_ds_legacy_icons = require("@elliemae/ds-legacy-icons");
+var import_styled = require("./styled.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_DSChatFloatingButtonDefinitions = require("./DSChatFloatingButtonDefinitions.js");
+const FloatingButton = (props) => {
+  const propsWithDefault = (0, import_ds_legacy_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultFloatingButton);
+  (0, import_ds_legacy_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.propsFloatingButton, import_DSChatFloatingButtonDefinitions.DSChatFloatingButtonName);
+  const { onFocus, innerRef, onClick } = propsWithDefault;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_styled.StyledFloatingButton,
+    {
+      onFocus,
+      ref: innerRef,
+      "data-testid": "chat-floating-button",
+      "aria-label": "Open chat",
+      onClick,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_icons.Comments, { size: "l" })
+    }
+  );
+};
+FloatingButton.propTypes = import_react_desc_prop_types.propsFloatingButton;
+FloatingButton.displayName = import_DSChatFloatingButtonDefinitions.DSChatFloatingButtonName;
+const FloatingButtonWithSchema = (0, import_ds_legacy_props_helpers.describe)(FloatingButton);
+FloatingButtonWithSchema.propTypes = import_react_desc_prop_types.propsFloatingButton;
+//# sourceMappingURL=FloatingButton.js.map

package/dist/cjs/FloatingButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/FloatingButton.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-legacy-props-helpers';\nimport { Comments } from '@elliemae/ds-legacy-icons';\nimport { StyledFloatingButton } from './styled.js';\nimport type { FloatingButtonProps } from './react-desc-prop-types.js';\nimport { defaultFloatingButton, propsFloatingButton } from './react-desc-prop-types.js';\nimport { DSChatFloatingButtonName } from './DSChatFloatingButtonDefinitions.js';\n\nconst FloatingButton: React.ComponentType<FloatingButtonProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultFloatingButton);\n  useValidateTypescriptPropTypes(propsWithDefault, propsFloatingButton, DSChatFloatingButtonName);\n  const { onFocus, innerRef, onClick } = propsWithDefault;\n  return (\n    <StyledFloatingButton\n      onFocus={onFocus}\n      ref={innerRef}\n      data-testid=\"chat-floating-button\"\n      aria-label=\"Open chat\"\n      onClick={onClick}\n    >\n      <Comments size=\"l\" />\n    </StyledFloatingButton>\n  );\n};\n\nFloatingButton.propTypes = propsFloatingButton as WeakValidationMap<unknown>;\nFloatingButton.displayName = DSChatFloatingButtonName;\nconst FloatingButtonWithSchema = describe(FloatingButton);\nFloatingButtonWithSchema.propTypes = propsFloatingButton as WeakValidationMap<unknown>;\n\nexport { FloatingButton, FloatingButtonWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBjB;AAnBN,qCAAuF;AACvF,6BAAyB;AACzB,oBAAqC;AAErC,mCAA2D;AAC3D,6CAAyC;AAEzC,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM,uBAAmB,6DAA6B,OAAO,kDAAqB;AAClF,qEAA+B,kBAAkB,kDAAqB,+DAAwB;AAC9F,QAAM,EAAE,SAAS,UAAU,QAAQ,IAAI;AACvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,KAAK;AAAA,MACL,eAAY;AAAA,MACZ,cAAW;AAAA,MACX;AAAA,MAEA,sDAAC,mCAAS,MAAK,KAAI;AAAA;AAAA,EACrB;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,+BAA2B,yCAAS,cAAc;AACxD,yBAAyB,YAAY;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,38 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__export(src_exports, {
+  StyledFloatingContainer: () => import_styled.StyledFloatingContainer
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./FloatingButton.js"), module.exports);
+var import_styled = require("./styled.js");
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type {} from '@elliemae/ds-legacy-props-helpers';\nexport * from './FloatingButton.js';\nexport { StyledFloatingContainer } from './styled.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAAc,gCADd;AAEA,oBAAwC;",
+  "names": []
+}

package/dist/cjs/package.json

@@ -0,0 +1,4 @@
+{
+  "type": "commonjs",
+  "sideEffects": false
+}

package/dist/cjs/react-desc-prop-types.js

@@ -0,0 +1,47 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  defaultFloatingButton: () => defaultFloatingButton,
+  propsFloatingButton: () => propsFloatingButton
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-props-helpers");
+var import_lodash = require("lodash");
+const defaultFloatingButton = {
+  onClick: import_lodash.noop,
+  onFocus: import_lodash.noop
+};
+const propsFloatingButton = {
+  onClick: import_ds_legacy_props_helpers.PropTypes.func.description("The function to call when the chat is opened via the footer").defaultValue(defaultFloatingButton.onClick),
+  onFocus: import_ds_legacy_props_helpers.PropTypes.func.description("The function to call when button is being focused").defaultValue(defaultFloatingButton.onFocus),
+  innerRef: import_ds_legacy_props_helpers.PropTypes.object.description("Ref to the component container").defaultValue(null)
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-legacy-props-helpers';\nimport { noop } from 'lodash';\nimport type React from 'react';\n\nexport interface FloatingButtonProps {\n  onClick: () => void;\n  onFocus: () => void;\n  innerRef: React.RefObject<HTMLButtonElement>;\n}\n\nexport const defaultFloatingButton: Partial<FloatingButtonProps> = {\n  onClick: noop,\n  onFocus: noop,\n};\n\nexport const propsFloatingButton = {\n  onClick: PropTypes.func\n    .description('The function to call when the chat is opened via the footer')\n    .defaultValue(defaultFloatingButton.onClick),\n  onFocus: PropTypes.func\n    .description('The function to call when button is being focused')\n    .defaultValue(defaultFloatingButton.onFocus),\n  innerRef: PropTypes.object.description('Ref to the component container').defaultValue(null),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAA0B;AAC1B,oBAAqB;AASd,MAAM,wBAAsD;AAAA,EACjE,SAAS;AAAA,EACT,SAAS;AACX;AAEO,MAAM,sBAAsB;AAAA,EACjC,SAAS,yCAAU,KAChB,YAAY,6DAA6D,EACzE,aAAa,sBAAsB,OAAO;AAAA,EAC7C,SAAS,yCAAU,KAChB,YAAY,mDAAmD,EAC/D,aAAa,sBAAsB,OAAO;AAAA,EAC7C,UAAU,yCAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,IAAI;AAC5F;",
+  "names": []
+}

package/dist/cjs/styled.js

@@ -0,0 +1,79 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styled_exports = {};
+__export(styled_exports, {
+  StyledFloatingButton: () => StyledFloatingButton,
+  StyledFloatingContainer: () => StyledFloatingContainer
+});
+module.exports = __toCommonJS(styled_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_system = require("@elliemae/ds-legacy-system");
+var import_ds_legacy_grid = require("@elliemae/ds-legacy-grid");
+const BUTTON_FLOATING = 56;
+const BOX_SHADOW = "0 5px 8px 0 rgba(53,60,70,0.55)";
+const BOX_SHADOW_FLOATING = "0 5px 8px 0 rgba(53,60,70,0.35)";
+const StyledFloatingButton = import_ds_legacy_system.styled.button`
+  outline: none;
+  cursor: pointer;
+  height: ${BUTTON_FLOATING}px;
+  width: ${BUTTON_FLOATING}px;
+  border: none;
+  background: ${(props) => props.theme.colors.brand[600]};
+  border-radius: 50%;
+  box-shadow: ${BOX_SHADOW_FLOATING};
+  &:hover {
+    background: ${(props) => props.theme.colors.brand[700]};
+  }
+  &:focus {
+    border: 2px solid ${(props) => props.theme.colors.brand[700]};
+    box-shadow:
+      inset 0 0 0 2px ${(props) => props.theme.colors.neutral["000"]},
+      ${BOX_SHADOW};
+  }
+  &:active {
+    background: ${(props) => props.theme.colors.brand[800]};
+    box-shadow:
+      inset 0 0 0 0,
+      ${BOX_SHADOW_FLOATING};
+  }
+  svg {
+    fill: ${(props) => props.theme.colors.neutral["000"]};
+  }
+`;
+const StyledFloatingContainer = (0, import_ds_legacy_system.styled)(import_ds_legacy_grid.Grid)`
+  position: fixed;
+  bottom: 24px;
+  right: 24px;
+  border-radius: 4px;
+  z-index: 1;
+  box-shadow: ${BOX_SHADOW};
+  background: ${(nestedProps) => nestedProps.theme.colors.neutral["050"]};
+  width: 348px;
+`;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styled.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { styled } from '@elliemae/ds-legacy-system';\nimport { Grid } from '@elliemae/ds-legacy-grid';\n\nconst BUTTON_FLOATING = 56;\nconst BOX_SHADOW = '0 5px 8px 0 rgba(53,60,70,0.55)';\nconst BOX_SHADOW_FLOATING = '0 5px 8px 0 rgba(53,60,70,0.35)';\n\nexport const StyledFloatingButton = styled.button`\n  outline: none;\n  cursor: pointer;\n  height: ${BUTTON_FLOATING}px;\n  width: ${BUTTON_FLOATING}px;\n  border: none;\n  background: ${(props) => props.theme.colors.brand[600]};\n  border-radius: 50%;\n  box-shadow: ${BOX_SHADOW_FLOATING};\n  &:hover {\n    background: ${(props) => props.theme.colors.brand[700]};\n  }\n  &:focus {\n    border: 2px solid ${(props) => props.theme.colors.brand[700]};\n    box-shadow:\n      inset 0 0 0 2px ${(props) => props.theme.colors.neutral['000']},\n      ${BOX_SHADOW};\n  }\n  &:active {\n    background: ${(props) => props.theme.colors.brand[800]};\n    box-shadow:\n      inset 0 0 0 0,\n      ${BOX_SHADOW_FLOATING};\n  }\n  svg {\n    fill: ${(props) => props.theme.colors.neutral['000']};\n  }\n`;\n\n// Floating\nexport const StyledFloatingContainer = styled(Grid)`\n  position: fixed;\n  bottom: 24px;\n  right: 24px;\n  border-radius: 4px;\n  z-index: 1;\n  box-shadow: ${BOX_SHADOW};\n  background: ${(nestedProps) => nestedProps.theme.colors.neutral['050']};\n  width: 348px;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAuB;AACvB,4BAAqB;AAErB,MAAM,kBAAkB;AACxB,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAErB,MAAM,uBAAuB,+BAAO;AAAA;AAAA;AAAA,YAG/B;AAAA,WACD;AAAA;AAAA,gBAEK,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA,gBAEvC;AAAA;AAAA,kBAEE,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA,wBAGjC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA,wBAEvC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,QAC3D;AAAA;AAAA;AAAA,kBAGU,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA,QAGjD;AAAA;AAAA;AAAA,YAGI,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAKhD,MAAM,8BAA0B,gCAAO,0BAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMlC;AAAA,gBACA,CAAC,gBAAgB,YAAY,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/DSChatFloatingButtonDefinitions.js

@@ -0,0 +1,6 @@
+import * as React from "react";
+const DSChatFloatingButtonName = "DSChatFloatingButton";
+export {
+  DSChatFloatingButtonName
+};
+//# sourceMappingURL=DSChatFloatingButtonDefinitions.js.map

package/dist/esm/DSChatFloatingButtonDefinitions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSChatFloatingButtonDefinitions.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSChatFloatingButtonName = 'DSChatFloatingButton';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,2BAA2B;",
+  "names": []
+}

package/dist/esm/FloatingButton.js

@@ -0,0 +1,32 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from "@elliemae/ds-legacy-props-helpers";
+import { Comments } from "@elliemae/ds-legacy-icons";
+import { StyledFloatingButton } from "./styled.js";
+import { defaultFloatingButton, propsFloatingButton } from "./react-desc-prop-types.js";
+import { DSChatFloatingButtonName } from "./DSChatFloatingButtonDefinitions.js";
+const FloatingButton = (props) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultFloatingButton);
+  useValidateTypescriptPropTypes(propsWithDefault, propsFloatingButton, DSChatFloatingButtonName);
+  const { onFocus, innerRef, onClick } = propsWithDefault;
+  return /* @__PURE__ */ jsx(
+    StyledFloatingButton,
+    {
+      onFocus,
+      ref: innerRef,
+      "data-testid": "chat-floating-button",
+      "aria-label": "Open chat",
+      onClick,
+      children: /* @__PURE__ */ jsx(Comments, { size: "l" })
+    }
+  );
+};
+FloatingButton.propTypes = propsFloatingButton;
+FloatingButton.displayName = DSChatFloatingButtonName;
+const FloatingButtonWithSchema = describe(FloatingButton);
+FloatingButtonWithSchema.propTypes = propsFloatingButton;
+export {
+  FloatingButton,
+  FloatingButtonWithSchema
+};
+//# sourceMappingURL=FloatingButton.js.map

package/dist/esm/FloatingButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/FloatingButton.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-legacy-props-helpers';\nimport { Comments } from '@elliemae/ds-legacy-icons';\nimport { StyledFloatingButton } from './styled.js';\nimport type { FloatingButtonProps } from './react-desc-prop-types.js';\nimport { defaultFloatingButton, propsFloatingButton } from './react-desc-prop-types.js';\nimport { DSChatFloatingButtonName } from './DSChatFloatingButtonDefinitions.js';\n\nconst FloatingButton: React.ComponentType<FloatingButtonProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultFloatingButton);\n  useValidateTypescriptPropTypes(propsWithDefault, propsFloatingButton, DSChatFloatingButtonName);\n  const { onFocus, innerRef, onClick } = propsWithDefault;\n  return (\n    <StyledFloatingButton\n      onFocus={onFocus}\n      ref={innerRef}\n      data-testid=\"chat-floating-button\"\n      aria-label=\"Open chat\"\n      onClick={onClick}\n    >\n      <Comments size=\"l\" />\n    </StyledFloatingButton>\n  );\n};\n\nFloatingButton.propTypes = propsFloatingButton as WeakValidationMap<unknown>;\nFloatingButton.displayName = DSChatFloatingButtonName;\nconst FloatingButtonWithSchema = describe(FloatingButton);\nFloatingButtonWithSchema.propTypes = propsFloatingButton as WeakValidationMap<unknown>;\n\nexport { FloatingButton, FloatingButtonWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACqBjB;AAnBN,SAAS,UAAU,gCAAgC,oCAAoC;AACvF,SAAS,gBAAgB;AACzB,SAAS,4BAA4B;AAErC,SAAS,uBAAuB,2BAA2B;AAC3D,SAAS,gCAAgC;AAEzC,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM,mBAAmB,6BAA6B,OAAO,qBAAqB;AAClF,iCAA+B,kBAAkB,qBAAqB,wBAAwB;AAC9F,QAAM,EAAE,SAAS,UAAU,QAAQ,IAAI;AACvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,KAAK;AAAA,MACL,eAAY;AAAA,MACZ,cAAW;AAAA,MACX;AAAA,MAEA,8BAAC,YAAS,MAAK,KAAI;AAAA;AAAA,EACrB;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc;AACxD,yBAAyB,YAAY;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+export * from "./FloatingButton.js";
+import { StyledFloatingContainer } from "./styled.js";
+export {
+  StyledFloatingContainer
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from '@elliemae/ds-legacy-props-helpers';\nexport * from './FloatingButton.js';\nexport { StyledFloatingContainer } from './styled.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,cAAc;AACd,SAAS,+BAA+B;",
+  "names": []
+}

package/dist/esm/package.json

@@ -0,0 +1,4 @@
+{
+  "type": "module",
+  "sideEffects": false
+}

package/dist/esm/react-desc-prop-types.js

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-legacy-props-helpers";
+import { noop } from "lodash";
+const defaultFloatingButton = {
+  onClick: noop,
+  onFocus: noop
+};
+const propsFloatingButton = {
+  onClick: PropTypes.func.description("The function to call when the chat is opened via the footer").defaultValue(defaultFloatingButton.onClick),
+  onFocus: PropTypes.func.description("The function to call when button is being focused").defaultValue(defaultFloatingButton.onFocus),
+  innerRef: PropTypes.object.description("Ref to the component container").defaultValue(null)
+};
+export {
+  defaultFloatingButton,
+  propsFloatingButton
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-legacy-props-helpers';\nimport { noop } from 'lodash';\nimport type React from 'react';\n\nexport interface FloatingButtonProps {\n  onClick: () => void;\n  onFocus: () => void;\n  innerRef: React.RefObject<HTMLButtonElement>;\n}\n\nexport const defaultFloatingButton: Partial<FloatingButtonProps> = {\n  onClick: noop,\n  onFocus: noop,\n};\n\nexport const propsFloatingButton = {\n  onClick: PropTypes.func\n    .description('The function to call when the chat is opened via the footer')\n    .defaultValue(defaultFloatingButton.onClick),\n  onFocus: PropTypes.func\n    .description('The function to call when button is being focused')\n    .defaultValue(defaultFloatingButton.onFocus),\n  innerRef: PropTypes.object.description('Ref to the component container').defaultValue(null),\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AASd,MAAM,wBAAsD;AAAA,EACjE,SAAS;AAAA,EACT,SAAS;AACX;AAEO,MAAM,sBAAsB;AAAA,EACjC,SAAS,UAAU,KAChB,YAAY,6DAA6D,EACzE,aAAa,sBAAsB,OAAO;AAAA,EAC7C,SAAS,UAAU,KAChB,YAAY,mDAAmD,EAC/D,aAAa,sBAAsB,OAAO;AAAA,EAC7C,UAAU,UAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,IAAI;AAC5F;",
+  "names": []
+}

package/dist/esm/styled.js

@@ -0,0 +1,49 @@
+import * as React from "react";
+import { styled } from "@elliemae/ds-legacy-system";
+import { Grid } from "@elliemae/ds-legacy-grid";
+const BUTTON_FLOATING = 56;
+const BOX_SHADOW = "0 5px 8px 0 rgba(53,60,70,0.55)";
+const BOX_SHADOW_FLOATING = "0 5px 8px 0 rgba(53,60,70,0.35)";
+const StyledFloatingButton = styled.button`
+  outline: none;
+  cursor: pointer;
+  height: ${BUTTON_FLOATING}px;
+  width: ${BUTTON_FLOATING}px;
+  border: none;
+  background: ${(props) => props.theme.colors.brand[600]};
+  border-radius: 50%;
+  box-shadow: ${BOX_SHADOW_FLOATING};
+  &:hover {
+    background: ${(props) => props.theme.colors.brand[700]};
+  }
+  &:focus {
+    border: 2px solid ${(props) => props.theme.colors.brand[700]};
+    box-shadow:
+      inset 0 0 0 2px ${(props) => props.theme.colors.neutral["000"]},
+      ${BOX_SHADOW};
+  }
+  &:active {
+    background: ${(props) => props.theme.colors.brand[800]};
+    box-shadow:
+      inset 0 0 0 0,
+      ${BOX_SHADOW_FLOATING};
+  }
+  svg {
+    fill: ${(props) => props.theme.colors.neutral["000"]};
+  }
+`;
+const StyledFloatingContainer = styled(Grid)`
+  position: fixed;
+  bottom: 24px;
+  right: 24px;
+  border-radius: 4px;
+  z-index: 1;
+  box-shadow: ${BOX_SHADOW};
+  background: ${(nestedProps) => nestedProps.theme.colors.neutral["050"]};
+  width: 348px;
+`;
+export {
+  StyledFloatingButton,
+  StyledFloatingContainer
+};
+//# sourceMappingURL=styled.js.map

package/dist/esm/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-legacy-system';\nimport { Grid } from '@elliemae/ds-legacy-grid';\n\nconst BUTTON_FLOATING = 56;\nconst BOX_SHADOW = '0 5px 8px 0 rgba(53,60,70,0.55)';\nconst BOX_SHADOW_FLOATING = '0 5px 8px 0 rgba(53,60,70,0.35)';\n\nexport const StyledFloatingButton = styled.button`\n  outline: none;\n  cursor: pointer;\n  height: ${BUTTON_FLOATING}px;\n  width: ${BUTTON_FLOATING}px;\n  border: none;\n  background: ${(props) => props.theme.colors.brand[600]};\n  border-radius: 50%;\n  box-shadow: ${BOX_SHADOW_FLOATING};\n  &:hover {\n    background: ${(props) => props.theme.colors.brand[700]};\n  }\n  &:focus {\n    border: 2px solid ${(props) => props.theme.colors.brand[700]};\n    box-shadow:\n      inset 0 0 0 2px ${(props) => props.theme.colors.neutral['000']},\n      ${BOX_SHADOW};\n  }\n  &:active {\n    background: ${(props) => props.theme.colors.brand[800]};\n    box-shadow:\n      inset 0 0 0 0,\n      ${BOX_SHADOW_FLOATING};\n  }\n  svg {\n    fill: ${(props) => props.theme.colors.neutral['000']};\n  }\n`;\n\n// Floating\nexport const StyledFloatingContainer = styled(Grid)`\n  position: fixed;\n  bottom: 24px;\n  right: 24px;\n  border-radius: 4px;\n  z-index: 1;\n  box-shadow: ${BOX_SHADOW};\n  background: ${(nestedProps) => nestedProps.theme.colors.neutral['050']};\n  width: 348px;\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,MAAM,kBAAkB;AACxB,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAErB,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA,YAG/B;AAAA,WACD;AAAA;AAAA,gBAEK,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA,gBAEvC;AAAA;AAAA,kBAEE,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA,wBAGjC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA,wBAEvC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,QAC3D;AAAA;AAAA;AAAA,kBAGU,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA,QAGjD;AAAA;AAAA;AAAA,YAGI,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAKhD,MAAM,0BAA0B,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMlC;AAAA,gBACA,CAAC,gBAAgB,YAAY,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;",
+  "names": []
+}

package/dist/types/DSChatFloatingButtonDefinitions.d.ts

@@ -0,0 +1 @@
+export declare const DSChatFloatingButtonName = "DSChatFloatingButton";

package/dist/types/FloatingButton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { FloatingButtonProps } from './react-desc-prop-types.js';
+declare const FloatingButton: React.ComponentType<FloatingButtonProps>;
+declare const FloatingButtonWithSchema: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<FloatingButtonProps>;
+export { FloatingButton, FloatingButtonWithSchema };

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FloatingButton.js';
+export { StyledFloatingContainer } from './styled.js';

package/dist/types/react-desc-prop-types.d.ts

@@ -0,0 +1,12 @@
+import type React from 'react';
+export interface FloatingButtonProps {
+    onClick: () => void;
+    onFocus: () => void;
+    innerRef: React.RefObject<HTMLButtonElement>;
+}
+export declare const defaultFloatingButton: Partial<FloatingButtonProps>;
+export declare const propsFloatingButton: {
+    onClick: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onFocus: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types").ReactDescT;
+    innerRef: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types").ReactDescT;
+};

package/dist/types/styled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const StyledFloatingButton: import("styled-components").StyledComponent<"button", import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledFloatingContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-legacy-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;

package/package.json

@@ -0,0 +1,77 @@
+{
+  "name": "@elliemae/ds-legacy-chat-floating-button",
+  "version": "1.0.0-rc.1",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Chat Floating Button",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./styled": {
+      "import": "./dist/esm/styled.js",
+      "require": "./dist/cjs/styled.js"
+    },
+    "./props": {
+      "import": "./dist/esm/props.js",
+      "require": "./dist/cjs/props.js"
+    },
+    "./FloatingButton": {
+      "import": "./dist/esm/FloatingButton.js",
+      "require": "./dist/cjs/FloatingButton.js"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum-legacy.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": true
+  },
+  "dependencies": {
+    "@elliemae/ds-legacy-grid": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-icons": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-props-helpers": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-system": "1.0.0-rc.1"
+  },
+  "devDependencies": {
+    "@elliemae/pui-cli": "~9.0.0-next.31",
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-legacy-monorepo-devops": "1.0.0-rc.1"
+  },
+  "peerDependencies": {
+    "lodash": "^4.17.21",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.9"
+  },
+  "scripts": {
+    "test": "pui-cli test --passWithNoTests",
+    "lint": "node ../../../scripts/lint.mjs",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
+    "dts": "node ../../../scripts/dts.mjs",
+    "dev": "node ../../scripts/build/build.js -w",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
+    "dev:build": "pnpm --filter {.}... build",
+    "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
+    "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}