@veeqo/ui 9.11.0 → 9.11.3
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.
- package/dist/components/AnimatedDropdown/AnimatedDropdown.cjs +4 -0
- package/dist/components/AnimatedDropdown/AnimatedDropdown.cjs.map +1 -1
- package/dist/components/AnimatedDropdown/AnimatedDropdown.d.ts +4 -0
- package/dist/components/AnimatedDropdown/AnimatedDropdown.js +4 -0
- package/dist/components/AnimatedDropdown/AnimatedDropdown.js.map +1 -1
- package/dist/components/Dropdown/styled.cjs +1 -1
- package/dist/components/Dropdown/styled.cjs.map +1 -1
- package/dist/components/Dropdown/styled.js +1 -1
- package/dist/components/Dropdown/styled.js.map +1 -1
- package/dist/tempIcons/DomesticIcon.d.ts +3 -0
- package/package.json +1 -1
|
@@ -9,6 +9,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
9
9
|
|
|
10
10
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
11
11
|
|
|
12
|
+
/**
|
|
13
|
+
* @deprecated - Use `Dropdown` component instead.
|
|
14
|
+
* This component is deprecated and will be removed in future versions.
|
|
15
|
+
*/
|
|
12
16
|
const AnimatedDropdown = ({ cta, shouldShowDropdown, children, className = 'animated-dropdown', reversed = false, onClickAway = () => { }, timeout = 350, transitionClassnames = 'dropdown', onClick, onMouseEnter, onMouseLeave, }) => {
|
|
13
17
|
const dropdownRef = React.useRef(null);
|
|
14
18
|
useClickAway.useClickAway(dropdownRef, (event) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimatedDropdown.cjs","sources":["../../../src/components/AnimatedDropdown/AnimatedDropdown.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport { Wrap, Dropdown, Container } from './styled';\n\nimport { AnimatedDropdownProps } from './types';\nimport { useClickAway } from './hooks/useClickAway';\n\nexport const AnimatedDropdown = ({\n cta,\n shouldShowDropdown,\n children,\n className = 'animated-dropdown',\n reversed = false,\n onClickAway = () => {},\n timeout = 350,\n transitionClassnames = 'dropdown',\n onClick,\n onMouseEnter,\n onMouseLeave,\n}: AnimatedDropdownProps) => {\n const dropdownRef = useRef<HTMLDivElement>(null);\n\n useClickAway(dropdownRef, (event: Event) => {\n if (shouldShowDropdown) {\n onClickAway(event);\n }\n });\n\n return (\n <Container\n className={`${className}-container ${className}`}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n ref={dropdownRef}\n >\n {!reversed && cta}\n <Wrap className={`${className}-wrap ${className}`}>\n <CSSTransition\n in={shouldShowDropdown}\n timeout={timeout}\n classNames={transitionClassnames}\n unmountOnExit\n >\n <Dropdown\n role=\"dialog\"\n reversed={reversed}\n className={`${className}-basic-dropdown ${className}`}\n >\n {children}\n </Dropdown>\n </CSSTransition>\n </Wrap>\n {reversed && cta}\n </Container>\n );\n};\n"],"names":["useRef","useClickAway","React","Container","Wrap","CSSTransition","Dropdown"],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"AnimatedDropdown.cjs","sources":["../../../src/components/AnimatedDropdown/AnimatedDropdown.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport { Wrap, Dropdown, Container } from './styled';\n\nimport { AnimatedDropdownProps } from './types';\nimport { useClickAway } from './hooks/useClickAway';\n\n/**\n * @deprecated - Use `Dropdown` component instead.\n * This component is deprecated and will be removed in future versions.\n */\nexport const AnimatedDropdown = ({\n cta,\n shouldShowDropdown,\n children,\n className = 'animated-dropdown',\n reversed = false,\n onClickAway = () => {},\n timeout = 350,\n transitionClassnames = 'dropdown',\n onClick,\n onMouseEnter,\n onMouseLeave,\n}: AnimatedDropdownProps) => {\n const dropdownRef = useRef<HTMLDivElement>(null);\n\n useClickAway(dropdownRef, (event: Event) => {\n if (shouldShowDropdown) {\n onClickAway(event);\n }\n });\n\n return (\n <Container\n className={`${className}-container ${className}`}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n ref={dropdownRef}\n >\n {!reversed && cta}\n <Wrap className={`${className}-wrap ${className}`}>\n <CSSTransition\n in={shouldShowDropdown}\n timeout={timeout}\n classNames={transitionClassnames}\n unmountOnExit\n >\n <Dropdown\n role=\"dialog\"\n reversed={reversed}\n className={`${className}-basic-dropdown ${className}`}\n >\n {children}\n </Dropdown>\n </CSSTransition>\n </Wrap>\n {reversed && cta}\n </Container>\n );\n};\n"],"names":["useRef","useClickAway","React","Container","Wrap","CSSTransition","Dropdown"],"mappings":";;;;;;;;;;;AAQA;;;AAGG;AACU,MAAA,gBAAgB,GAAG,CAAC,EAC/B,GAAG,EACH,kBAAkB,EAClB,QAAQ,EACR,SAAS,GAAG,mBAAmB,EAC/B,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,MAAO,GAAC,EACtB,OAAO,GAAG,GAAG,EACb,oBAAoB,GAAG,UAAU,EACjC,OAAO,EACP,YAAY,EACZ,YAAY,GACU,KAAI;AAC1B,IAAA,MAAM,WAAW,GAAGA,YAAM,CAAiB,IAAI,CAAC;AAEhD,IAAAC,yBAAY,CAAC,WAAW,EAAE,CAAC,KAAY,KAAI;AACzC,QAAA,IAAI,kBAAkB,EAAE;YACtB,WAAW,CAAC,KAAK,CAAC;AACnB;AACH,KAAC,CAAC;IAEF,QACEC,sBAAC,CAAA,aAAA,CAAAC,gBAAS,EACR,EAAA,SAAS,EAAE,CAAA,EAAG,SAAS,CAAA,WAAA,EAAc,SAAS,CAAA,CAAE,EAChD,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,WAAW,EAAA;QAEf,CAAC,QAAQ,IAAI,GAAG;QACjBD,sBAAC,CAAA,aAAA,CAAAE,WAAI,IAAC,SAAS,EAAE,GAAG,SAAS,CAAA,MAAA,EAAS,SAAS,CAAE,CAAA,EAAA;AAC/C,YAAAF,sBAAA,CAAA,aAAA,CAACG,kCAAa,EAAA,EACZ,EAAE,EAAE,kBAAkB,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,oBAAoB,EAChC,aAAa,EAAA,IAAA,EAAA;gBAEbH,sBAAC,CAAA,aAAA,CAAAI,eAAQ,IACP,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAA,EAAG,SAAS,CAAmB,gBAAA,EAAA,SAAS,EAAE,EAEpD,EAAA,QAAQ,CACA,CACG,CACX;AACN,QAAA,QAAQ,IAAI,GAAG,CACN;AAEhB;;;;"}
|
|
@@ -1,3 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { AnimatedDropdownProps } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* @deprecated - Use `Dropdown` component instead.
|
|
5
|
+
* This component is deprecated and will be removed in future versions.
|
|
6
|
+
*/
|
|
3
7
|
export declare const AnimatedDropdown: ({ cta, shouldShowDropdown, children, className, reversed, onClickAway, timeout, transitionClassnames, onClick, onMouseEnter, onMouseLeave, }: AnimatedDropdownProps) => React.JSX.Element;
|
|
@@ -3,6 +3,10 @@ import { CSSTransition } from 'react-transition-group';
|
|
|
3
3
|
import { Container, Wrap, Dropdown } from './styled.js';
|
|
4
4
|
import { useClickAway } from './hooks/useClickAway.js';
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* @deprecated - Use `Dropdown` component instead.
|
|
8
|
+
* This component is deprecated and will be removed in future versions.
|
|
9
|
+
*/
|
|
6
10
|
const AnimatedDropdown = ({ cta, shouldShowDropdown, children, className = 'animated-dropdown', reversed = false, onClickAway = () => { }, timeout = 350, transitionClassnames = 'dropdown', onClick, onMouseEnter, onMouseLeave, }) => {
|
|
7
11
|
const dropdownRef = useRef(null);
|
|
8
12
|
useClickAway(dropdownRef, (event) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimatedDropdown.js","sources":["../../../src/components/AnimatedDropdown/AnimatedDropdown.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport { Wrap, Dropdown, Container } from './styled';\n\nimport { AnimatedDropdownProps } from './types';\nimport { useClickAway } from './hooks/useClickAway';\n\nexport const AnimatedDropdown = ({\n cta,\n shouldShowDropdown,\n children,\n className = 'animated-dropdown',\n reversed = false,\n onClickAway = () => {},\n timeout = 350,\n transitionClassnames = 'dropdown',\n onClick,\n onMouseEnter,\n onMouseLeave,\n}: AnimatedDropdownProps) => {\n const dropdownRef = useRef<HTMLDivElement>(null);\n\n useClickAway(dropdownRef, (event: Event) => {\n if (shouldShowDropdown) {\n onClickAway(event);\n }\n });\n\n return (\n <Container\n className={`${className}-container ${className}`}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n ref={dropdownRef}\n >\n {!reversed && cta}\n <Wrap className={`${className}-wrap ${className}`}>\n <CSSTransition\n in={shouldShowDropdown}\n timeout={timeout}\n classNames={transitionClassnames}\n unmountOnExit\n >\n <Dropdown\n role=\"dialog\"\n reversed={reversed}\n className={`${className}-basic-dropdown ${className}`}\n >\n {children}\n </Dropdown>\n </CSSTransition>\n </Wrap>\n {reversed && cta}\n </Container>\n );\n};\n"],"names":["React"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"AnimatedDropdown.js","sources":["../../../src/components/AnimatedDropdown/AnimatedDropdown.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport { Wrap, Dropdown, Container } from './styled';\n\nimport { AnimatedDropdownProps } from './types';\nimport { useClickAway } from './hooks/useClickAway';\n\n/**\n * @deprecated - Use `Dropdown` component instead.\n * This component is deprecated and will be removed in future versions.\n */\nexport const AnimatedDropdown = ({\n cta,\n shouldShowDropdown,\n children,\n className = 'animated-dropdown',\n reversed = false,\n onClickAway = () => {},\n timeout = 350,\n transitionClassnames = 'dropdown',\n onClick,\n onMouseEnter,\n onMouseLeave,\n}: AnimatedDropdownProps) => {\n const dropdownRef = useRef<HTMLDivElement>(null);\n\n useClickAway(dropdownRef, (event: Event) => {\n if (shouldShowDropdown) {\n onClickAway(event);\n }\n });\n\n return (\n <Container\n className={`${className}-container ${className}`}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n ref={dropdownRef}\n >\n {!reversed && cta}\n <Wrap className={`${className}-wrap ${className}`}>\n <CSSTransition\n in={shouldShowDropdown}\n timeout={timeout}\n classNames={transitionClassnames}\n unmountOnExit\n >\n <Dropdown\n role=\"dialog\"\n reversed={reversed}\n className={`${className}-basic-dropdown ${className}`}\n >\n {children}\n </Dropdown>\n </CSSTransition>\n </Wrap>\n {reversed && cta}\n </Container>\n );\n};\n"],"names":["React"],"mappings":";;;;;AAQA;;;AAGG;AACU,MAAA,gBAAgB,GAAG,CAAC,EAC/B,GAAG,EACH,kBAAkB,EAClB,QAAQ,EACR,SAAS,GAAG,mBAAmB,EAC/B,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,MAAO,GAAC,EACtB,OAAO,GAAG,GAAG,EACb,oBAAoB,GAAG,UAAU,EACjC,OAAO,EACP,YAAY,EACZ,YAAY,GACU,KAAI;AAC1B,IAAA,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC;AAEhD,IAAA,YAAY,CAAC,WAAW,EAAE,CAAC,KAAY,KAAI;AACzC,QAAA,IAAI,kBAAkB,EAAE;YACtB,WAAW,CAAC,KAAK,CAAC;AACnB;AACH,KAAC,CAAC;IAEF,QACEA,cAAC,CAAA,aAAA,CAAA,SAAS,EACR,EAAA,SAAS,EAAE,CAAA,EAAG,SAAS,CAAA,WAAA,EAAc,SAAS,CAAA,CAAE,EAChD,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,WAAW,EAAA;QAEf,CAAC,QAAQ,IAAI,GAAG;QACjBA,cAAC,CAAA,aAAA,CAAA,IAAI,IAAC,SAAS,EAAE,GAAG,SAAS,CAAA,MAAA,EAAS,SAAS,CAAE,CAAA,EAAA;AAC/C,YAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,EAAE,EAAE,kBAAkB,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,oBAAoB,EAChC,aAAa,EAAA,IAAA,EAAA;gBAEbA,cAAC,CAAA,aAAA,CAAA,QAAQ,IACP,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAA,EAAG,SAAS,CAAmB,gBAAA,EAAA,SAAS,EAAE,EAEpD,EAAA,QAAQ,CACA,CACG,CACX;AACN,QAAA,QAAQ,IAAI,GAAG,CACN;AAEhB;;;;"}
|
|
@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
9
9
|
|
|
10
10
|
var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
|
|
11
11
|
|
|
12
|
-
const DropdownContainer = styled__default.default(framerMotion.motion(Card.Card.Surface)).withConfig({ displayName: "vui--DropdownContainer", componentId: "vui--1yrw4mw" }) `display:inline-flex;flex-direction:column;overflow:hidden;background-color:white;box-shadow
|
|
12
|
+
const DropdownContainer = styled__default.default(framerMotion.motion(Card.Card.Surface)).withConfig({ displayName: "vui--DropdownContainer", componentId: "vui--1yrw4mw" }) `display:inline-flex;flex-direction:column;overflow:hidden;background-color:white;box-shadow:${index.theme.shadows.md};border-radius:${index.theme.radius.base};padding:${index.theme.sizes.base};`;
|
|
13
13
|
|
|
14
14
|
exports.DropdownContainer = DropdownContainer;
|
|
15
15
|
//# sourceMappingURL=styled.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.cjs","sources":["../../../src/components/Dropdown/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { theme } from '../../theme';\nimport { Card } from '../Card';\n\nexport const DropdownContainer = styled(motion(Card.Surface))`\n display: inline-flex;\n flex-direction: column;\n overflow: hidden;\n\n background-color: white;\n box-shadow:
|
|
1
|
+
{"version":3,"file":"styled.cjs","sources":["../../../src/components/Dropdown/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { theme } from '../../theme';\nimport { Card } from '../Card';\n\nexport const DropdownContainer = styled(motion(Card.Surface))`\n display: inline-flex;\n flex-direction: column;\n overflow: hidden;\n\n background-color: white;\n box-shadow: ${theme.shadows.md};\n border-radius: ${theme.radius.base};\n padding: ${theme.sizes.base};\n`;\n"],"names":["styled","motion","Card","theme"],"mappings":";;;;;;;;;;;AAMO,MAAM,iBAAiB,GAAGA,uBAAM,CAACC,mBAAM,CAACC,SAAI,CAAC,OAAO,CAAC,CAAC,mLAM7CC,WAAK,CAAC,OAAO,CAAC,EAAE,CAAA,eAAA,EACbA,WAAK,CAAC,MAAM,CAAC,IAAI,CACvB,SAAA,EAAAA,WAAK,CAAC,KAAK,CAAC,IAAI;;;;"}
|
|
@@ -3,7 +3,7 @@ import { motion } from 'framer-motion';
|
|
|
3
3
|
import { theme } from '../../theme/index.js';
|
|
4
4
|
import { Card } from '../Card/Card.js';
|
|
5
5
|
|
|
6
|
-
const DropdownContainer = styled(motion(Card.Surface)).withConfig({ displayName: "vui--DropdownContainer", componentId: "vui--1yrw4mw" }) `display:inline-flex;flex-direction:column;overflow:hidden;background-color:white;box-shadow
|
|
6
|
+
const DropdownContainer = styled(motion(Card.Surface)).withConfig({ displayName: "vui--DropdownContainer", componentId: "vui--1yrw4mw" }) `display:inline-flex;flex-direction:column;overflow:hidden;background-color:white;box-shadow:${theme.shadows.md};border-radius:${theme.radius.base};padding:${theme.sizes.base};`;
|
|
7
7
|
|
|
8
8
|
export { DropdownContainer };
|
|
9
9
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../src/components/Dropdown/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { theme } from '../../theme';\nimport { Card } from '../Card';\n\nexport const DropdownContainer = styled(motion(Card.Surface))`\n display: inline-flex;\n flex-direction: column;\n overflow: hidden;\n\n background-color: white;\n box-shadow:
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../src/components/Dropdown/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { theme } from '../../theme';\nimport { Card } from '../Card';\n\nexport const DropdownContainer = styled(motion(Card.Surface))`\n display: inline-flex;\n flex-direction: column;\n overflow: hidden;\n\n background-color: white;\n box-shadow: ${theme.shadows.md};\n border-radius: ${theme.radius.base};\n padding: ${theme.sizes.base};\n`;\n"],"names":[],"mappings":";;;;;AAMO,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,mLAM7C,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA,eAAA,EACb,KAAK,CAAC,MAAM,CAAC,IAAI,CACvB,SAAA,EAAA,KAAK,CAAC,KAAK,CAAC,IAAI;;;;"}
|