@citygross/components 0.7.105 → 0.7.107
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/build/@types/components/SearchSuggestionChip/SearchSuggestionChip.d.ts +9 -0
- package/build/@types/components/SearchSuggestionChip/SearchSuggestionChip.stories.d.ts +9 -0
- package/build/@types/components/SearchSuggestionChip/SearchSuggestionChip.styles.d.ts +7 -0
- package/build/@types/components/SlideInOutContainer/SlideInOutContainer.d.ts +2 -1
- package/build/@types/components/SlideInOutContainer/SlideInOutContainer.stories.d.ts +1 -1
- package/build/@types/components/SlideInOutContainer/SlideInOutContainer.styles.d.ts +1 -0
- package/build/cjs/components/src/components/SlideInOutContainer/SlideInOutContainer.js +4 -3
- package/build/cjs/components/src/components/SlideInOutContainer/SlideInOutContainer.js.map +1 -1
- package/build/cjs/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js +6 -2
- package/build/cjs/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js.map +1 -1
- package/build/es/components/src/components/SlideInOutContainer/SlideInOutContainer.js +4 -3
- package/build/es/components/src/components/SlideInOutContainer/SlideInOutContainer.js.map +1 -1
- package/build/es/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js +6 -2
- package/build/es/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type TSearchSuggestionChip = {
|
|
3
|
+
text: String;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
onClick: () => void;
|
|
6
|
+
hoverBackgroundColor?: string;
|
|
7
|
+
hoverBorderColor?: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const SearchSuggestionChip: React.FunctionComponent<TSearchSuggestionChip>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Story } from '@storybook/react';
|
|
3
|
+
import { TSearchSuggestionChip } from './SearchSuggestionChip';
|
|
4
|
+
declare const _default: {
|
|
5
|
+
component: React.FunctionComponent<TSearchSuggestionChip>;
|
|
6
|
+
title: string;
|
|
7
|
+
};
|
|
8
|
+
export default _default;
|
|
9
|
+
export declare const Default: Story<TSearchSuggestionChip>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
declare type TChip = {
|
|
2
|
+
disabled?: boolean;
|
|
3
|
+
hoverBackgroundColor?: string;
|
|
4
|
+
hoverBorderColor?: string;
|
|
5
|
+
};
|
|
6
|
+
export declare const SearchSuggestionChipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TChip, never>;
|
|
7
|
+
export {};
|
|
@@ -4,5 +4,6 @@ export declare type TSlideInOutContainer = {
|
|
|
4
4
|
isVisible?: boolean;
|
|
5
5
|
slideFrom?: 'left' | 'right';
|
|
6
6
|
isInitial?: boolean;
|
|
7
|
+
fullHeight?: boolean;
|
|
7
8
|
};
|
|
8
|
-
export declare const SlideInOutContainer: ({ slideFrom, isVisible, isInitial, children }: TSlideInOutContainer) => JSX.Element;
|
|
9
|
+
export declare const SlideInOutContainer: ({ slideFrom, isVisible, isInitial, fullHeight, children, ...props }: TSlideInOutContainer) => JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Story } from '@storybook/react';
|
|
3
3
|
declare const _default: {
|
|
4
|
-
component: ({ slideFrom, isVisible, isInitial, children }: import("./SlideInOutContainer").TSlideInOutContainer) => JSX.Element;
|
|
4
|
+
component: ({ slideFrom, isVisible, isInitial, fullHeight, children, ...props }: import("./SlideInOutContainer").TSlideInOutContainer) => JSX.Element;
|
|
5
5
|
title: string;
|
|
6
6
|
};
|
|
7
7
|
export default _default;
|
|
@@ -2,6 +2,7 @@ declare type TSideModalContainer = {
|
|
|
2
2
|
background?: string;
|
|
3
3
|
slideFrom?: 'left' | 'right';
|
|
4
4
|
maxWidth?: string;
|
|
5
|
+
fullHeight?: boolean;
|
|
5
6
|
};
|
|
6
7
|
export declare const SideModalContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, import("styled-components").DefaultTheme, TSideModalContainer, never>;
|
|
7
8
|
export {};
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var _tslib = require('../../../../_virtual/_tslib.js');
|
|
5
6
|
var framerMotion = require('framer-motion');
|
|
6
7
|
var React = require('react');
|
|
7
8
|
var SlideInOutContainer_styles = require('./SlideInOutContainer.styles.js');
|
|
@@ -11,10 +12,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
13
|
|
|
13
14
|
var SlideInOutContainer = function (_a) {
|
|
14
|
-
var _b = _a.slideFrom, slideFrom = _b === void 0 ? 'right' : _b, isVisible = _a.isVisible, isInitial = _a.isInitial, children = _a.children;
|
|
15
|
-
return (React__default["default"].createElement(framerMotion.AnimatePresence, null, isVisible && (React__default["default"].createElement(SlideInOutContainer_styles.SideModalContainer, { slideFrom: slideFrom, transition: { type: 'just' }, onClick: function (e) { return e.stopPropagation(); }, initial: {
|
|
15
|
+
var _b = _a.slideFrom, slideFrom = _b === void 0 ? 'right' : _b, isVisible = _a.isVisible, isInitial = _a.isInitial, fullHeight = _a.fullHeight, children = _a.children, props = _tslib.__rest(_a, ["slideFrom", "isVisible", "isInitial", "fullHeight", "children"]);
|
|
16
|
+
return (React__default["default"].createElement(framerMotion.AnimatePresence, null, isVisible && (React__default["default"].createElement(SlideInOutContainer_styles.SideModalContainer, _tslib.__assign({ slideFrom: slideFrom, transition: { type: 'just' }, onClick: function (e) { return e.stopPropagation(); }, fullHeight: fullHeight, initial: {
|
|
16
17
|
x: isInitial ? 0 : slideFrom === 'left' ? '-100%' : '100%'
|
|
17
|
-
}, animate: { x: 0 }, exit: { x: slideFrom === 'left' ? '-100%' : '100%' } }, children))));
|
|
18
|
+
}, animate: { x: 0 }, exit: { x: slideFrom === 'left' ? '-100%' : '100%' } }, props), children))));
|
|
18
19
|
};
|
|
19
20
|
|
|
20
21
|
exports.SlideInOutContainer = SlideInOutContainer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlideInOutContainer.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SlideInOutContainer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/cjs/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js
CHANGED
|
@@ -10,10 +10,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
10
|
|
|
11
11
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
12
12
|
|
|
13
|
-
var SideModalContainer = styled__default["default"](framerMotion.motion.div)(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n width: 100%;\n ", ";\n position: absolute;\n ", ";\n top: 0;\n
|
|
13
|
+
var SideModalContainer = styled__default["default"](framerMotion.motion.div)(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n width: 100%;\n ", ";\n position: absolute;\n ", ";\n top: 0;\n ", "\n overflow: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n &::-webkit-scrollbar {\n display: none;\n }\n"], ["\n width: 100%;\n ", ";\n position: absolute;\n ", ";\n top: 0;\n ", "\n overflow: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n &::-webkit-scrollbar {\n display: none;\n }\n"])), function (_a) {
|
|
14
14
|
var maxWidth = _a.maxWidth;
|
|
15
15
|
return maxWidth && "max-width:".concat(maxWidth);
|
|
16
|
-
}, function (props) { return ((props === null || props === void 0 ? void 0 : props.slideFrom) === 'left' ? "left: 0px" : 'right: 0px'); })
|
|
16
|
+
}, function (props) { return ((props === null || props === void 0 ? void 0 : props.slideFrom) === 'left' ? "left: 0px" : 'right: 0px'); }, function (_a) {
|
|
17
|
+
var fullHeight = _a.fullHeight;
|
|
18
|
+
return fullHeight &&
|
|
19
|
+
"\n min-height: 100%;\n height: 100%;\n ";
|
|
20
|
+
});
|
|
17
21
|
var templateObject_1;
|
|
18
22
|
|
|
19
23
|
exports.SideModalContainer = SideModalContainer;
|
package/build/cjs/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlideInOutContainer.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SlideInOutContainer.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
+
import { __rest, __assign } from '../../../../_virtual/_tslib.js';
|
|
1
2
|
import { AnimatePresence } from 'framer-motion';
|
|
2
3
|
import React from 'react';
|
|
3
4
|
import { SideModalContainer } from './SlideInOutContainer.styles.js';
|
|
4
5
|
|
|
5
6
|
var SlideInOutContainer = function (_a) {
|
|
6
|
-
var _b = _a.slideFrom, slideFrom = _b === void 0 ? 'right' : _b, isVisible = _a.isVisible, isInitial = _a.isInitial, children = _a.children;
|
|
7
|
-
return (React.createElement(AnimatePresence, null, isVisible && (React.createElement(SideModalContainer, { slideFrom: slideFrom, transition: { type: 'just' }, onClick: function (e) { return e.stopPropagation(); }, initial: {
|
|
7
|
+
var _b = _a.slideFrom, slideFrom = _b === void 0 ? 'right' : _b, isVisible = _a.isVisible, isInitial = _a.isInitial, fullHeight = _a.fullHeight, children = _a.children, props = __rest(_a, ["slideFrom", "isVisible", "isInitial", "fullHeight", "children"]);
|
|
8
|
+
return (React.createElement(AnimatePresence, null, isVisible && (React.createElement(SideModalContainer, __assign({ slideFrom: slideFrom, transition: { type: 'just' }, onClick: function (e) { return e.stopPropagation(); }, fullHeight: fullHeight, initial: {
|
|
8
9
|
x: isInitial ? 0 : slideFrom === 'left' ? '-100%' : '100%'
|
|
9
|
-
}, animate: { x: 0 }, exit: { x: slideFrom === 'left' ? '-100%' : '100%' } }, children))));
|
|
10
|
+
}, animate: { x: 0 }, exit: { x: slideFrom === 'left' ? '-100%' : '100%' } }, props), children))));
|
|
10
11
|
};
|
|
11
12
|
|
|
12
13
|
export { SlideInOutContainer };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlideInOutContainer.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SlideInOutContainer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
|
package/build/es/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js
CHANGED
|
@@ -2,10 +2,14 @@ import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
|
|
|
2
2
|
import { motion } from 'framer-motion';
|
|
3
3
|
import styled from 'styled-components';
|
|
4
4
|
|
|
5
|
-
var SideModalContainer = styled(motion.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n ", ";\n position: absolute;\n ", ";\n top: 0;\n
|
|
5
|
+
var SideModalContainer = styled(motion.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n ", ";\n position: absolute;\n ", ";\n top: 0;\n ", "\n overflow: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n &::-webkit-scrollbar {\n display: none;\n }\n"], ["\n width: 100%;\n ", ";\n position: absolute;\n ", ";\n top: 0;\n ", "\n overflow: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n &::-webkit-scrollbar {\n display: none;\n }\n"])), function (_a) {
|
|
6
6
|
var maxWidth = _a.maxWidth;
|
|
7
7
|
return maxWidth && "max-width:".concat(maxWidth);
|
|
8
|
-
}, function (props) { return ((props === null || props === void 0 ? void 0 : props.slideFrom) === 'left' ? "left: 0px" : 'right: 0px'); })
|
|
8
|
+
}, function (props) { return ((props === null || props === void 0 ? void 0 : props.slideFrom) === 'left' ? "left: 0px" : 'right: 0px'); }, function (_a) {
|
|
9
|
+
var fullHeight = _a.fullHeight;
|
|
10
|
+
return fullHeight &&
|
|
11
|
+
"\n min-height: 100%;\n height: 100%;\n ";
|
|
12
|
+
});
|
|
9
13
|
var templateObject_1;
|
|
10
14
|
|
|
11
15
|
export { SideModalContainer };
|
package/build/es/components/src/components/SlideInOutContainer/SlideInOutContainer.styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlideInOutContainer.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SlideInOutContainer.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@citygross/components",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.107",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "./build/cjs/components/src/index.js",
|
|
@@ -71,5 +71,5 @@
|
|
|
71
71
|
"moment": "^2.29.1",
|
|
72
72
|
"react-loading-skeleton": "^2.2.0"
|
|
73
73
|
},
|
|
74
|
-
"gitHead": "
|
|
74
|
+
"gitHead": "b613eade7475d58398459931ac64e5cfd239473e"
|
|
75
75
|
}
|