@elliemae/ds-chat-floating-button 3.35.0 → 3.36.0-next.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -58,7 +58,6 @@ const FloatingButton = (props) => {
|
|
|
58
58
|
}
|
|
59
59
|
);
|
|
60
60
|
};
|
|
61
|
-
FloatingButton.propTypes = import_react_desc_prop_types.propsFloatingButton;
|
|
62
61
|
FloatingButton.displayName = import_DSChatFloatingButtonDefinitions.DSChatFloatingButtonName;
|
|
63
62
|
const FloatingButtonWithSchema = (0, import_ds_props_helpers.describe)(FloatingButton);
|
|
64
63
|
FloatingButtonWithSchema.propTypes = import_react_desc_prop_types.propsFloatingButton;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/FloatingButton.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { Comments } from '@elliemae/ds-icons';\nimport { StyledFloatingButton } from './styled.js';\nimport type { DSChatFloatingButtonT } 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<DSChatFloatingButtonT.Props> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault<DSChatFloatingButtonT.InternalProps>(\n props,\n defaultFloatingButton,\n );\n useValidateTypescriptPropTypes(propsWithDefault, propsFloatingButton, DSChatFloatingButtonName);\n const { onFocus, innerRef, onClick } = propsWithDefault;\n return (\n <StyledFloatingButton\n onFocus={onFocus}\n innerRef={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.
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBjB;AAtBN,8BAAuF;AACvF,sBAAyB;AACzB,oBAAqC;AAErC,mCAA2D;AAC3D,6CAAyC;AAEzC,MAAM,iBAAmE,CAAC,UAAU;AAClF,QAAM,uBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,8DAA+B,kBAAkB,kDAAqB,+DAAwB;AAC9F,QAAM,EAAE,SAAS,UAAU,QAAQ,IAAI;AACvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAY;AAAA,MACZ,cAAW;AAAA,MACX;AAAA,MAEA,sDAAC,4BAAS,MAAK,KAAI;AAAA;AAAA,EACrB;AAEJ;AAEA,eAAe,
|
|
4
|
+
"sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { Comments } from '@elliemae/ds-icons';\nimport { StyledFloatingButton } from './styled.js';\nimport type { DSChatFloatingButtonT } 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<DSChatFloatingButtonT.Props> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault<DSChatFloatingButtonT.InternalProps>(\n props,\n defaultFloatingButton,\n );\n useValidateTypescriptPropTypes(propsWithDefault, propsFloatingButton, DSChatFloatingButtonName);\n const { onFocus, innerRef, onClick } = propsWithDefault;\n return (\n <StyledFloatingButton\n onFocus={onFocus}\n innerRef={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.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"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBjB;AAtBN,8BAAuF;AACvF,sBAAyB;AACzB,oBAAqC;AAErC,mCAA2D;AAC3D,6CAAyC;AAEzC,MAAM,iBAAmE,CAAC,UAAU;AAClF,QAAM,uBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,8DAA+B,kBAAkB,kDAAqB,+DAAwB;AAC9F,QAAM,EAAE,SAAS,UAAU,QAAQ,IAAI;AACvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAY;AAAA,MACZ,cAAW;AAAA,MACX;AAAA,MAEA,sDAAC,4BAAS,MAAK,KAAI;AAAA;AAAA,EACrB;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,+BAA2B,kCAAS,cAAc;AACxD,yBAAyB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/styled.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/styled.ts", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-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"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AAErB,MAAM,kBAAkB;AACxB,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAErB,MAAM,uBAAuB,wBAAO;AAAA;AAAA;AAAA,YAG/B;AAAA,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AAErB,MAAM,kBAAkB;AACxB,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAErB,MAAM,uBAAuB,wBAAO;AAAA;AAAA;AAAA,YAG/B,eAAe;AAAA,WAChB,eAAe;AAAA;AAAA,gBAEV,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA,gBAExC,mBAAmB;AAAA;AAAA,kBAEjB,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA,wBAGlC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA,wBAExC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,QAC5D,UAAU;AAAA;AAAA;AAAA,kBAGA,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA,QAGlD,mBAAmB;AAAA;AAAA;AAAA,YAGf,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAKjD,MAAM,8BAA0B,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMlC,UAAU;AAAA,gBACV,CAAC,gBAAgB,YAAY,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -24,7 +24,6 @@ const FloatingButton = (props) => {
|
|
|
24
24
|
}
|
|
25
25
|
);
|
|
26
26
|
};
|
|
27
|
-
FloatingButton.propTypes = propsFloatingButton;
|
|
28
27
|
FloatingButton.displayName = DSChatFloatingButtonName;
|
|
29
28
|
const FloatingButtonWithSchema = describe(FloatingButton);
|
|
30
29
|
FloatingButtonWithSchema.propTypes = propsFloatingButton;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/FloatingButton.tsx"],
|
|
4
|
-
"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-props-helpers';\nimport { Comments } from '@elliemae/ds-icons';\nimport { StyledFloatingButton } from './styled.js';\nimport type { DSChatFloatingButtonT } 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<DSChatFloatingButtonT.Props> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault<DSChatFloatingButtonT.InternalProps>(\n props,\n defaultFloatingButton,\n );\n useValidateTypescriptPropTypes(propsWithDefault, propsFloatingButton, DSChatFloatingButtonName);\n const { onFocus, innerRef, onClick } = propsWithDefault;\n return (\n <StyledFloatingButton\n onFocus={onFocus}\n innerRef={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.
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACwBjB;AAtBN,SAAS,UAAU,gCAAgC,oCAAoC;AACvF,SAAS,gBAAgB;AACzB,SAAS,4BAA4B;AAErC,SAAS,uBAAuB,2BAA2B;AAC3D,SAAS,gCAAgC;AAEzC,MAAM,iBAAmE,CAAC,UAAU;AAClF,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,iCAA+B,kBAAkB,qBAAqB,wBAAwB;AAC9F,QAAM,EAAE,SAAS,UAAU,QAAQ,IAAI;AACvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAY;AAAA,MACZ,cAAW;AAAA,MACX;AAAA,MAEA,8BAAC,YAAS,MAAK,KAAI;AAAA;AAAA,EACrB;AAEJ;AAEA,eAAe,
|
|
4
|
+
"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-props-helpers';\nimport { Comments } from '@elliemae/ds-icons';\nimport { StyledFloatingButton } from './styled.js';\nimport type { DSChatFloatingButtonT } 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<DSChatFloatingButtonT.Props> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault<DSChatFloatingButtonT.InternalProps>(\n props,\n defaultFloatingButton,\n );\n useValidateTypescriptPropTypes(propsWithDefault, propsFloatingButton, DSChatFloatingButtonName);\n const { onFocus, innerRef, onClick } = propsWithDefault;\n return (\n <StyledFloatingButton\n onFocus={onFocus}\n innerRef={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.displayName = DSChatFloatingButtonName;\nconst FloatingButtonWithSchema = describe(FloatingButton);\nFloatingButtonWithSchema.propTypes = propsFloatingButton as WeakValidationMap<unknown>;\n\nexport { FloatingButton, FloatingButtonWithSchema };\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACwBjB;AAtBN,SAAS,UAAU,gCAAgC,oCAAoC;AACvF,SAAS,gBAAgB;AACzB,SAAS,4BAA4B;AAErC,SAAS,uBAAuB,2BAA2B;AAC3D,SAAS,gCAAgC;AAEzC,MAAM,iBAAmE,CAAC,UAAU;AAClF,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,iCAA+B,kBAAkB,qBAAqB,wBAAwB;AAC9F,QAAM,EAAE,SAAS,UAAU,QAAQ,IAAI;AACvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAY;AAAA,MACZ,cAAW;AAAA,MACX;AAAA,MAEA,8BAAC,YAAS,MAAK,KAAI;AAAA;AAAA,EACrB;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc;AACxD,yBAAyB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/styled.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.ts"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-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"],
|
|
5
|
-
"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,
|
|
5
|
+
"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,eAAe;AAAA,WAChB,eAAe;AAAA;AAAA,gBAEV,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA,gBAExC,mBAAmB;AAAA;AAAA,kBAEjB,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA,wBAGlC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA,wBAExC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,QAC5D,UAAU;AAAA;AAAA;AAAA,kBAGA,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA,QAGlD,mBAAmB;AAAA;AAAA;AAAA,YAGf,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAKjD,MAAM,0BAA0B,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMlC,UAAU;AAAA,gBACV,CAAC,gBAAgB,YAAY,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-chat-floating-button",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.36.0-next.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Chat Floating Button",
|
|
6
6
|
"files": [
|
|
@@ -48,15 +48,15 @@
|
|
|
48
48
|
"typeSafety": true
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
|
-
"@elliemae/ds-grid": "3.
|
|
52
|
-
"@elliemae/ds-props-helpers": "3.
|
|
53
|
-
"@elliemae/ds-
|
|
54
|
-
"@elliemae/ds-
|
|
51
|
+
"@elliemae/ds-grid": "3.36.0-next.1",
|
|
52
|
+
"@elliemae/ds-props-helpers": "3.36.0-next.1",
|
|
53
|
+
"@elliemae/ds-system": "3.36.0-next.1",
|
|
54
|
+
"@elliemae/ds-icons": "3.36.0-next.1"
|
|
55
55
|
},
|
|
56
56
|
"devDependencies": {
|
|
57
57
|
"@elliemae/pui-cli": "~9.0.0-next.31",
|
|
58
58
|
"styled-components": "~5.3.9",
|
|
59
|
-
"@elliemae/ds-monorepo-devops": "3.
|
|
59
|
+
"@elliemae/ds-monorepo-devops": "3.36.0-next.1"
|
|
60
60
|
},
|
|
61
61
|
"peerDependencies": {
|
|
62
62
|
"lodash": "^4.17.21",
|