@onepercentio/one-ui 0.2.8 → 0.5.0
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/cypress/support/{commands.js → commands.ts} +14 -1
- package/cypress/support/component-index.html +12 -0
- package/cypress/support/component.ts +39 -0
- package/cypress/support/{index.js → e2e.js} +0 -0
- package/dist/components/AdaptiveButton/AdaptiveButton.js +17 -15
- package/dist/components/AdaptiveButton/AdaptiveButton.js.map +1 -1
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.d.ts +6 -2
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js +10 -7
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js.map +1 -1
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.module.scss +1 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.stories.d.ts +3 -2
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js +1 -1
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js.map +1 -1
- package/dist/components/AnchoredTooltip/AnchoredTooltip.module.scss +1 -0
- package/dist/components/AnimatedEntrance/AnimatedEntrance.d.ts +18 -0
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js +122 -0
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js.map +1 -0
- package/dist/components/AnimatedEntrance/AnimatedEntrance.module.scss +106 -0
- package/dist/components/AnimatedEntrance/AnimatedEntrance.stories.d.ts +14 -0
- package/dist/components/AnimatedEntrance/AnimatedEntrance.stories.js +67 -0
- package/dist/components/AnimatedEntrance/AnimatedEntrance.stories.js.map +1 -0
- package/dist/components/AnimatedEntrance/index.d.ts +1 -0
- package/dist/components/AnimatedEntrance/index.js +9 -0
- package/dist/components/AnimatedEntrance/index.js.map +1 -0
- package/dist/components/Button/Button.d.ts +7 -0
- package/dist/components/Button/Button.js +5 -3
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.stories.d.ts +2 -6
- package/dist/components/Button/Button.stories.js +29 -5
- package/dist/components/Button/Button.stories.js.map +1 -1
- package/dist/components/CheckBox/CheckBox.stories.js +25 -2
- package/dist/components/CheckBox/CheckBox.stories.js.map +1 -1
- package/dist/components/Collapsable/Collapsable.d.ts +0 -2
- package/dist/components/Collapsable/Collapsable.js +0 -2
- package/dist/components/Collapsable/Collapsable.js.map +1 -1
- package/dist/components/Countdown/Countdown.stories.js +25 -2
- package/dist/components/Countdown/Countdown.stories.js.map +1 -1
- package/dist/components/Form/Form.d.ts +3 -1
- package/dist/components/Form/Form.js +2 -2
- package/dist/components/Form/Form.js.map +1 -1
- package/dist/components/Form/Form.stories.d.ts +13 -0
- package/dist/components/Form/Form.stories.js +36 -0
- package/dist/components/Form/Form.stories.js.map +1 -0
- package/dist/components/Input/Input.js +2 -1
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/InstantCounter/InstantCounter.js +3 -3
- package/dist/components/InstantCounter/InstantCounter.js.map +1 -1
- package/dist/components/InstantCounter/InstantCounter.stories.d.ts +13 -0
- package/dist/components/InstantCounter/InstantCounter.stories.js +48 -3
- package/dist/components/InstantCounter/InstantCounter.stories.js.map +1 -1
- package/dist/components/LinkToId/LinkToId.stories.d.ts +7 -0
- package/dist/components/LinkToId/LinkToId.stories.js +15 -0
- package/dist/components/LinkToId/LinkToId.stories.js.map +1 -0
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.stories.d.ts +7 -0
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.stories.js +15 -0
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.stories.js.map +1 -0
- package/dist/components/PasswordInput/PasswordInput.js +1 -1
- package/dist/components/PasswordInput/PasswordInput.js.map +1 -1
- package/dist/components/PasswordInput/PasswordInput.stories.d.ts +45 -0
- package/dist/components/PasswordInput/PasswordInput.stories.js +22 -0
- package/dist/components/PasswordInput/PasswordInput.stories.js.map +1 -0
- package/dist/components/Portal/Portal.d.ts +11 -0
- package/dist/components/Portal/Portal.js +62 -0
- package/dist/components/Portal/Portal.js.map +1 -0
- package/dist/components/Portal/Portal.module.scss +3 -0
- package/dist/components/Portal/Portal.stories.d.ts +7 -0
- package/dist/components/Portal/Portal.stories.js +15 -0
- package/dist/components/Portal/Portal.stories.js.map +1 -0
- package/dist/components/Portal/index.d.ts +1 -0
- package/dist/components/Portal/index.js +10 -0
- package/dist/components/Portal/index.js.map +1 -0
- package/dist/components/SectionContainer/SectionContainer.stories.d.ts +14 -0
- package/dist/components/SectionContainer/SectionContainer.stories.js +15 -0
- package/dist/components/SectionContainer/SectionContainer.stories.js.map +1 -0
- package/dist/components/Tabs/Tabs.js +1 -1
- package/dist/components/Tabs/Tabs.js.map +1 -1
- package/dist/components/Tabs/Tabs.stories.d.ts +17 -0
- package/dist/components/Tabs/Tabs.stories.js +57 -0
- package/dist/components/Tabs/Tabs.stories.js.map +1 -0
- package/dist/components/Text/Text.d.ts +8 -1
- package/dist/components/Text/Text.js +5 -3
- package/dist/components/Text/Text.js.map +1 -1
- package/dist/components/Text/Text.stories.d.ts +2 -7
- package/dist/components/Text/Text.stories.js +26 -3
- package/dist/components/Text/Text.stories.js.map +1 -1
- package/dist/components/Transition/Transition.js +4 -4
- package/dist/components/Transition/Transition.js.map +1 -1
- package/dist/components/UncontrolledTransition/UncontrolledTransition.d.ts +1 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js +3 -1
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js.map +1 -1
- package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.d.ts +2 -0
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.d.ts +2 -2
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js +3 -2
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js.map +1 -1
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.d.ts +3 -3
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js +6 -2
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js.map +1 -1
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.module.scss +5 -0
- package/dist/context/OneUIProvider.d.ts +1 -1
- package/dist/context/OneUIProvider.js +15 -4
- package/dist/context/OneUIProvider.js.map +1 -1
- package/dist/hooks/shims/ObjectWatchShim.js +24 -17
- package/dist/hooks/shims/ObjectWatchShim.js.map +1 -1
- package/dist/hooks/useAsyncControl.d.ts +5 -3
- package/dist/hooks/useAsyncControl.js +8 -9
- package/dist/hooks/useAsyncControl.js.map +1 -1
- package/dist/hooks/useFirestoreWatch.d.ts +12 -0
- package/dist/hooks/useFirestoreWatch.js +38 -0
- package/dist/hooks/useFirestoreWatch.js.map +1 -0
- package/dist/hooks/useForm.d.ts +2 -0
- package/dist/hooks/useObserve.d.ts +1 -1
- package/dist/hooks/useObserve.js +6 -4
- package/dist/hooks/useObserve.js.map +1 -1
- package/dist/hooks/useRebound.d.ts +9 -0
- package/dist/hooks/useRebound.js +24 -0
- package/dist/hooks/useRebound.js.map +1 -0
- package/package.json +23 -4
- package/scripts/start-emulator.js +2 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAMe;AACf,+
|
|
1
|
+
{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: React.ForwardRefExoticComponent<(({
|
|
5
|
+
value: string;
|
|
6
|
+
error?: string | undefined;
|
|
7
|
+
} & ({
|
|
8
|
+
mode: "input";
|
|
9
|
+
onChange: (password: string) => void;
|
|
10
|
+
} | {
|
|
11
|
+
mode: "creation";
|
|
12
|
+
onChange: (password: string, isValid: boolean) => void;
|
|
13
|
+
messages: {
|
|
14
|
+
invalidRules: {
|
|
15
|
+
size: string;
|
|
16
|
+
duplication: string;
|
|
17
|
+
};
|
|
18
|
+
rulesTitle: string;
|
|
19
|
+
};
|
|
20
|
+
} | {
|
|
21
|
+
mode: "comparision";
|
|
22
|
+
otherPassword: string;
|
|
23
|
+
onChange: (password: string, isEqual: boolean) => void;
|
|
24
|
+
messages: {
|
|
25
|
+
passwordsAreDifferent: string;
|
|
26
|
+
};
|
|
27
|
+
})) & Omit<{
|
|
28
|
+
decoration?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
|
|
29
|
+
error?: string | undefined;
|
|
30
|
+
hideError?: "onfocus" | undefined;
|
|
31
|
+
placeholder?: string | undefined;
|
|
32
|
+
disclaimer?: string | undefined;
|
|
33
|
+
multiline?: number | undefined;
|
|
34
|
+
border?: boolean | undefined;
|
|
35
|
+
icon?: ({
|
|
36
|
+
onClick?: (() => void) | undefined;
|
|
37
|
+
} & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
|
|
38
|
+
Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
39
|
+
onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
40
|
+
} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange"> & React.RefAttributes<any>, "ref" | "value" | "onChange">) & React.RefAttributes<{
|
|
41
|
+
validatePassword: (pass: string) => boolean;
|
|
42
|
+
}>>;
|
|
43
|
+
};
|
|
44
|
+
export default _default;
|
|
45
|
+
export declare const InitialImplementation: (args: any) => JSX.Element;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.InitialImplementation = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const OneUIProvider_1 = __importDefault(require("../../context/OneUIProvider"));
|
|
9
|
+
const PasswordInput_1 = __importDefault(require("./PasswordInput"));
|
|
10
|
+
exports.default = {
|
|
11
|
+
title: 'Password Input',
|
|
12
|
+
component: PasswordInput_1.default,
|
|
13
|
+
};
|
|
14
|
+
const InitialImplementation = (args) => react_1.default.createElement(OneUIProvider_1.default, { config: { component: {
|
|
15
|
+
passwordInput: { iconSrc: {
|
|
16
|
+
passwordHidden: "",
|
|
17
|
+
passwordVisible: ""
|
|
18
|
+
} }
|
|
19
|
+
} } },
|
|
20
|
+
react_1.default.createElement(PasswordInput_1.default, Object.assign({}, args)));
|
|
21
|
+
exports.InitialImplementation = InitialImplementation;
|
|
22
|
+
//# sourceMappingURL=PasswordInput.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PasswordInput.stories.js","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInput.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,gFAAwD;AACxD,oEAA2C;AAE3C,kBAAe;IACX,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,uBAAa;CAC3B,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,8BAAC,uBAAa,IAAC,MAAM,EAAE,EAAC,SAAS,EAAE;YACnF,aAAa,EAAE,EAAC,OAAO,EAAE;oBACrB,cAAc,EAAE,EAAE;oBAClB,eAAe,EAAE,EAAE;iBACtB,EAAC;SACL,EAAC;IACE,8BAAC,uBAAa,oBAAK,IAAI,EAAI,CAEf,CAAC;AARJ,QAAA,qBAAqB,yBAQjB"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { PropsWithChildren } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* A react portal implementation with current page fallback
|
|
4
|
+
**/
|
|
5
|
+
export default function Portal({ to, children, }: PropsWithChildren<{
|
|
6
|
+
to: string;
|
|
7
|
+
}>): JSX.Element | null;
|
|
8
|
+
export declare function PortalReceiver({ name, className, }: {
|
|
9
|
+
name: string;
|
|
10
|
+
className?: string;
|
|
11
|
+
}): JSX.Element;
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.PortalReceiver = void 0;
|
|
30
|
+
const react_dom_1 = __importDefault(require("react-dom"));
|
|
31
|
+
const react_1 = __importStar(require("react"));
|
|
32
|
+
const react_2 = require("react");
|
|
33
|
+
const react_3 = require("react");
|
|
34
|
+
const react_4 = require("react");
|
|
35
|
+
const Portal_module_scss_1 = __importDefault(require("./Portal.module.scss"));
|
|
36
|
+
/**
|
|
37
|
+
* A react portal implementation with current page fallback
|
|
38
|
+
**/
|
|
39
|
+
function Portal({ to, children, }) {
|
|
40
|
+
const [target, setTarget] = (0, react_4.useState)();
|
|
41
|
+
(0, react_3.useEffect)(() => {
|
|
42
|
+
const els = document.querySelectorAll(`[data-one-portal="${to}"]`);
|
|
43
|
+
let latestEl;
|
|
44
|
+
els.forEach((el) => {
|
|
45
|
+
latestEl =
|
|
46
|
+
Number(el.getAttribute("data-timestamp")) >
|
|
47
|
+
Number((latestEl === null || latestEl === void 0 ? void 0 : latestEl.timestamp) || 0)
|
|
48
|
+
? el
|
|
49
|
+
: latestEl;
|
|
50
|
+
});
|
|
51
|
+
setTarget(latestEl || null);
|
|
52
|
+
}, []);
|
|
53
|
+
return target === undefined ? null : (react_1.default.createElement(react_1.default.Fragment, null, target === null ? children : react_dom_1.default.createPortal(children, target)));
|
|
54
|
+
}
|
|
55
|
+
exports.default = Portal;
|
|
56
|
+
function PortalReceiver({ name, className = "", }) {
|
|
57
|
+
const ref = (0, react_2.useRef)(null);
|
|
58
|
+
const timestamp = (0, react_1.useMemo)(() => Date.now(), []);
|
|
59
|
+
return (react_1.default.createElement("div", { className: `${Portal_module_scss_1.default.portal} ${className}`, "data-one-portal": name, ref: ref, "data-timestamp": timestamp }));
|
|
60
|
+
}
|
|
61
|
+
exports.PortalReceiver = PortalReceiver;
|
|
62
|
+
//# sourceMappingURL=Portal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../src/components/Portal/Portal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAiC;AACjC,+CAA0D;AAC1D,iCAA+B;AAC/B,iCAAkC;AAClC,iCAAiC;AACjC,8EAA0C;AAE1C;;IAEI;AACJ,SAAwB,MAAM,CAAC,EAC7B,EAAE,EACF,QAAQ,GAC0B;IAClC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,GAAkB,CAAC;IAEvD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,QAAQ,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;QACnE,IAAI,QAAa,CAAC;QAClB,GAAG,CAAC,OAAO,CAAC,CAAC,EAAO,EAAE,EAAE;YACtB,QAAQ;gBACN,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;oBACzC,MAAM,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,SAAS,KAAI,CAAC,CAAC;oBAC9B,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,QAAQ,CAAC;QACjB,CAAC,CAAC,CAAC;QACH,SAAS,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACnC,8DAAG,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAQ,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAI,CAC5E,CAAC;AACJ,CAAC;AAtBD,yBAsBC;AAED,SAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,SAAS,GAAG,EAAE,GAIf;IACC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAChD,OAAO,CACL,uCACE,SAAS,EAAE,GAAG,4BAAM,CAAC,MAAM,IAAI,SAAS,EAAE,qBACzB,IAAI,EACrB,GAAG,EAAE,GAAG,oBACQ,SAAS,GACzB,CACH,CAAC;AACJ,CAAC;AAjBD,wCAiBC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.InitialImplementation = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const Portal_1 = __importDefault(require("./Portal"));
|
|
9
|
+
exports.default = {
|
|
10
|
+
title: 'Portal',
|
|
11
|
+
component: Portal_1.default,
|
|
12
|
+
};
|
|
13
|
+
const InitialImplementation = (args) => (react_1.default.createElement(Portal_1.default, Object.assign({}, args)));
|
|
14
|
+
exports.InitialImplementation = InitialImplementation;
|
|
15
|
+
//# sourceMappingURL=Portal.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Portal.stories.js","sourceRoot":"","sources":["../../../src/components/Portal/Portal.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,sDAA6B;AAE7B,kBAAe;IACX,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,gBAAM;CACpB,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAChD,8BAAC,gBAAM,oBAAK,IAAI,EAAI,CACvB,CAAC;AAFW,QAAA,qBAAqB,yBAEhC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default, PortalReceiver } from './Portal';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.PortalReceiver = exports.default = void 0;
|
|
7
|
+
var Portal_1 = require("./Portal");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Portal_1).default; } });
|
|
9
|
+
Object.defineProperty(exports, "PortalReceiver", { enumerable: true, get: function () { return Portal_1.PortalReceiver; } });
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Portal/index.tsx"],"names":[],"mappings":";;;;;;AAAA,mCAAmD;AAA1C,kHAAA,OAAO,OAAA;AAAE,wGAAA,cAAc,OAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: React.ForwardRefExoticComponent<{
|
|
5
|
+
decoration?: "dark" | "light" | undefined;
|
|
6
|
+
section?: string | undefined;
|
|
7
|
+
className?: string | undefined;
|
|
8
|
+
onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
9
|
+
} & {
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
};
|
|
13
|
+
export default _default;
|
|
14
|
+
export declare const InitialImplementation: (args: any) => JSX.Element;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.InitialImplementation = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const SectionContainer_1 = __importDefault(require("./SectionContainer"));
|
|
9
|
+
exports.default = {
|
|
10
|
+
title: 'Section Container',
|
|
11
|
+
component: SectionContainer_1.default,
|
|
12
|
+
};
|
|
13
|
+
const InitialImplementation = (args) => (react_1.default.createElement(SectionContainer_1.default, Object.assign({}, args)));
|
|
14
|
+
exports.InitialImplementation = InitialImplementation;
|
|
15
|
+
//# sourceMappingURL=SectionContainer.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SectionContainer.stories.js","sourceRoot":"","sources":["../../../src/components/SectionContainer/SectionContainer.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0EAAiD;AAEjD,kBAAe;IACX,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,0BAAgB;CAC9B,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAChD,8BAAC,0BAAgB,oBAAK,IAAI,EAAI,CACjC,CAAC;AAFW,QAAA,qBAAqB,yBAEhC"}
|
|
@@ -36,7 +36,7 @@ function Tabs({ options, selected, onSelect }) {
|
|
|
36
36
|
const guideRef = (0, react_1.useRef)(null);
|
|
37
37
|
(0, react_1.useEffect)(() => {
|
|
38
38
|
guideRef.current.style['opacity'] = selectedRef.current ? "1" : "0";
|
|
39
|
-
guideRef.current.style['width'] = selectedRef.current ? selectedRef.current.clientWidth + "px" : "
|
|
39
|
+
guideRef.current.style['width'] = selectedRef.current ? selectedRef.current.clientWidth + "px" : "0px";
|
|
40
40
|
guideRef.current.style['left'] = selectedRef.current ? selectedRef.current.offsetLeft + "px" : "initial";
|
|
41
41
|
guideRef.current.style['top'] = selectedRef.current ? selectedRef.current.offsetTop + selectedRef.current.clientHeight + "px" : "initial";
|
|
42
42
|
}, [selected]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AACjD,0EAAwC;AAExC;;IAEI;AACJ,SAAwB,IAAI,CAAmB,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAGxB;IAC/C,MAAM,WAAW,GAAG,IAAA,cAAM,EAAuB,IAAI,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QACrE,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AACjD,0EAAwC;AAExC;;IAEI;AACJ,SAAwB,IAAI,CAAmB,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAGxB;IAC/C,MAAM,WAAW,GAAG,IAAA,cAAM,EAAuB,IAAI,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QACrE,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;QACxG,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;QAC1G,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAC/I,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,OAAO;QACH,uCAAK,SAAS,EAAE,0BAAM,CAAC,SAAS;YAC3B,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,qCAAG,GAAG,EAAE,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,0BAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,iBAAc,YAAY,IAAE,CAAC,CAAC,KAAK,CAAK,CAAC;YAC7M,uCAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAM,CAAC,KAAK,iBAAc,WAAW,GAAE,CACpE,CACP,CAAC;AACR,CAAC;AAlBD,uBAkBC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import Tabs from "./Tabs";
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: typeof Tabs;
|
|
5
|
+
};
|
|
6
|
+
export default _default;
|
|
7
|
+
export declare const InitialImplementation: {
|
|
8
|
+
(args: any): JSX.Element;
|
|
9
|
+
args: Partial<{
|
|
10
|
+
options: readonly {
|
|
11
|
+
id: string;
|
|
12
|
+
label: string;
|
|
13
|
+
}[];
|
|
14
|
+
selected?: string | undefined;
|
|
15
|
+
onSelect: (option: string) => void;
|
|
16
|
+
}>;
|
|
17
|
+
};
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.InitialImplementation = void 0;
|
|
30
|
+
const react_1 = __importStar(require("react"));
|
|
31
|
+
const Tabs_1 = __importDefault(require("./Tabs"));
|
|
32
|
+
exports.default = {
|
|
33
|
+
title: "Tabs",
|
|
34
|
+
component: Tabs_1.default,
|
|
35
|
+
};
|
|
36
|
+
const InitialImplementation = (args) => {
|
|
37
|
+
const [s, ss] = (0, react_1.useState)();
|
|
38
|
+
return react_1.default.createElement(Tabs_1.default, Object.assign({}, args, { onSelect: ss, selected: s }));
|
|
39
|
+
};
|
|
40
|
+
exports.InitialImplementation = InitialImplementation;
|
|
41
|
+
exports.InitialImplementation.args = {
|
|
42
|
+
options: [
|
|
43
|
+
{
|
|
44
|
+
id: "1",
|
|
45
|
+
label: "Primeira opção",
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
id: "2",
|
|
49
|
+
label: "Segunda opção",
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
id: "3",
|
|
53
|
+
label: "Terceira opção",
|
|
54
|
+
},
|
|
55
|
+
],
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=Tabs.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.stories.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwD;AACxD,kDAA0B;AAE1B,kBAAe;IACb,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,cAAI;CAChB,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE;IACjD,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAE3B,OAAO,8BAAC,cAAI,oBAAK,IAAI,IAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,IAAI,CAAC;AACvD,CAAC,CAAC;AAJW,QAAA,qBAAqB,yBAIhC;AACF,6BAAqB,CAAC,IAAI,GAAG;IAC3B,OAAO,EAAE;QACP;YACE,EAAE,EAAE,GAAG;YACP,KAAK,EAAE,gBAAgB;SACxB;QACD;YACE,EAAE,EAAE,GAAG;YACP,KAAK,EAAE,eAAe;SACvB;QACD;YACE,EAAE,EAAE,GAAG;YACP,KAAK,EAAE,gBAAgB;SACxB;KACF;CACsC,CAAC"}
|
|
@@ -1,8 +1,15 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* A component to hold all text variantions
|
|
4
|
+
**/
|
|
5
|
+
export declare function _Text({ type, children, className, ...otherProps }: React.PropsWithChildren<{
|
|
6
|
+
className?: string;
|
|
7
|
+
type: "title" | "description" | "error" | "caption" | "highlightTitle" | "highlight" | "subtitle" | "boldTitle" | "link" | "boldTitleBig" | "content";
|
|
8
|
+
} & React.HTMLAttributes<HTMLParagraphElement>>): JSX.Element;
|
|
2
9
|
declare const _default: React.ForwardRefExoticComponent<{
|
|
3
10
|
className?: string | undefined;
|
|
4
11
|
type: "link" | "caption" | "title" | "content" | "description" | "error" | "highlightTitle" | "highlight" | "subtitle" | "boldTitle" | "boldTitleBig";
|
|
5
12
|
} & React.HTMLAttributes<HTMLParagraphElement> & {
|
|
6
13
|
children?: React.ReactNode;
|
|
7
|
-
} & React.RefAttributes<
|
|
14
|
+
} & React.RefAttributes<unknown>>;
|
|
8
15
|
export default _default;
|
|
@@ -37,16 +37,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
37
37
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
38
|
};
|
|
39
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
+
exports._Text = void 0;
|
|
40
41
|
const react_1 = __importStar(require("react"));
|
|
41
42
|
const OneUIProvider_1 = require("../../context/OneUIProvider");
|
|
42
43
|
const Text_module_scss_1 = __importDefault(require("./Text.module.scss"));
|
|
43
44
|
/**
|
|
44
45
|
* A component to hold all text variantions
|
|
45
46
|
**/
|
|
46
|
-
function
|
|
47
|
+
function _Text(_a) {
|
|
47
48
|
var { type, children, className = "" } = _a, otherProps = __rest(_a, ["type", "children", "className"]);
|
|
48
49
|
const classNameType = (0, OneUIProvider_1.useOneUIConfig)("component.text.className", {});
|
|
49
|
-
return (react_1.default.createElement("p", Object.assign({ ref:
|
|
50
|
+
return (react_1.default.createElement("p", Object.assign({ ref: arguments[1], className: `${Text_module_scss_1.default.text} ${classNameType[type] || Text_module_scss_1.default[type]} ${className} ${otherProps.onClick ? Text_module_scss_1.default.iteractible : ""}` }, otherProps), children));
|
|
50
51
|
}
|
|
51
|
-
exports.
|
|
52
|
+
exports._Text = _Text;
|
|
53
|
+
exports.default = (0, react_1.forwardRef)(_Text);
|
|
52
54
|
//# sourceMappingURL=Text.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwD;AACxD,+DAA6D;AAC7D,0EAAwC;AAExC;;IAEI;AACJ,SAAgB,KAAK,CACnB,EAqBC;QArBD,EACE,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,OAkBf,EAjBI,UAAU,cAJf,iCAKC,CADc;IAmBf,MAAM,aAAa,GAAG,IAAA,8BAAc,EAAC,0BAA0B,EAAE,EAAE,CAAC,CAAC;IAErE,OAAO,CACL,mDACE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,EACjB,SAAS,EAAE,GAAG,0BAAM,CAAC,IAAI,IACvB,aAAa,CAAC,IAAI,CAAC,IAAI,0BAAM,CAAC,IAAI,CACpC,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,0BAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,IAC3D,UAAU,GAEb,QAAQ,CACP,CACL,CAAC;AACJ,CAAC;AArCD,sBAqCC;AAED,kBAAe,IAAA,kBAAU,EAAC,KAAK,CAAC,CAAC"}
|
|
@@ -1,11 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { _Text as CompType } from "./Text";
|
|
2
2
|
declare const _default: {
|
|
3
|
-
component:
|
|
4
|
-
className?: string | undefined;
|
|
5
|
-
type: "link" | "caption" | "title" | "content" | "description" | "error" | "highlightTitle" | "highlight" | "subtitle" | "boldTitle" | "boldTitleBig";
|
|
6
|
-
} & React.HTMLAttributes<HTMLParagraphElement> & {
|
|
7
|
-
children?: React.ReactNode;
|
|
8
|
-
} & React.RefAttributes<HTMLParagraphElement>>;
|
|
3
|
+
component: typeof CompType;
|
|
9
4
|
title: string;
|
|
10
5
|
};
|
|
11
6
|
export default _default;
|
|
@@ -1,4 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
2
25
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
27
|
};
|
|
@@ -6,13 +29,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
29
|
exports.TodasVariacoes = void 0;
|
|
7
30
|
const react_1 = __importDefault(require("react"));
|
|
8
31
|
const storybookUtils_1 = require("../../storybookUtils");
|
|
9
|
-
const Text_1 =
|
|
32
|
+
const Text_1 = __importStar(require("./Text"));
|
|
10
33
|
exports.default = {
|
|
11
|
-
component: Text_1.
|
|
34
|
+
component: Text_1._Text,
|
|
12
35
|
title: "Variantes de texto",
|
|
13
36
|
};
|
|
14
37
|
const TodasVariacoes = () => {
|
|
15
|
-
const variantes = (0, storybookUtils_1.extractAllPossibilitiesFromEnumProp)(Text_1.
|
|
38
|
+
const variantes = (0, storybookUtils_1.extractAllPossibilitiesFromEnumProp)(Text_1._Text, "type");
|
|
16
39
|
return variantes.map((a) => (react_1.default.createElement(storybookUtils_1.SideBySideContainer, { exampleName: a },
|
|
17
40
|
react_1.default.createElement(Text_1.default, { type: a }, "Texto do exemplo"))));
|
|
18
41
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.stories.js","sourceRoot":"","sources":["../../../src/components/Text/Text.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Text.stories.js","sourceRoot":"","sources":["../../../src/components/Text/Text.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,yDAG8B;AAC9B,+CAA4C;AAE5C,kBAAe;IACb,SAAS,EAAE,YAAQ;IACnB,KAAK,EAAE,oBAAoB;CAC5B,CAAC;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,SAAS,GAAG,IAAA,oDAAmC,EAAC,YAAQ,EAAE,MAAM,CAAC,CAAC;IAExE,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAC1B,8BAAC,oCAAmB,IAAC,WAAW,EAAE,CAAC;QACjC,8BAAC,cAAC,IAAC,IAAI,EAAE,CAAQ,uBAAsB,CACnB,CACvB,CAAC,CAAC;AACL,CAAC,CAAC;AARW,QAAA,cAAc,kBAQzB"}
|
|
@@ -127,11 +127,11 @@ function Transition(_a, _containerRef) {
|
|
|
127
127
|
var _a;
|
|
128
128
|
const enteringScreenRef = (0, react_1.createRef)();
|
|
129
129
|
const [firstNextScreen, ...restOfScreens] = screensBeforeChangingStep.filter((a) => a.key !== String(key));
|
|
130
|
-
const clonedFirst = react_1.default.cloneElement(firstNextScreen, {
|
|
130
|
+
const clonedFirst = firstNextScreen ? (react_1.default.cloneElement(firstNextScreen, {
|
|
131
131
|
"data-testid": "transition-container",
|
|
132
132
|
style: Object.assign({}, contentStyle),
|
|
133
133
|
className: `${transitionClasses.backward.elementExiting} ${((_a = firstNextScreen === null || firstNextScreen === void 0 ? void 0 : firstNextScreen.props.className) === null || _a === void 0 ? void 0 : _a.replace(transitionClasses.backward.elementEntering, "")) || ""}`,
|
|
134
|
-
});
|
|
134
|
+
})) : (react_1.default.createElement(react_1.default.Fragment, null));
|
|
135
135
|
function animationEndListener(element) {
|
|
136
136
|
var _a, _b;
|
|
137
137
|
const isAnimationFromExpectedState = (_a = enteringScreenRef.current) === null || _a === void 0 ? void 0 : _a.classList.contains(transitionClasses.backward.elementEntering);
|
|
@@ -157,7 +157,7 @@ function Transition(_a, _containerRef) {
|
|
|
157
157
|
const lastIndex = screensBeforeChangingStep.length - 1;
|
|
158
158
|
const lastScreen = screensBeforeChangingStep[lastIndex];
|
|
159
159
|
const nextScreenRef = (0, react_1.createRef)();
|
|
160
|
-
const clonedLast = react_1.default.cloneElement(lastScreen, {
|
|
160
|
+
const clonedLast = lastScreen ? (react_1.default.cloneElement(lastScreen, {
|
|
161
161
|
"data-testid": "transition-container",
|
|
162
162
|
style: Object.assign({}, contentStyle),
|
|
163
163
|
className: `${contentClassName} ${transitionClasses.forward.elementExiting}`,
|
|
@@ -176,7 +176,7 @@ function Transition(_a, _containerRef) {
|
|
|
176
176
|
return nextState;
|
|
177
177
|
});
|
|
178
178
|
},
|
|
179
|
-
});
|
|
179
|
+
})) : (react_1.default.createElement(react_1.default.Fragment, null));
|
|
180
180
|
return [
|
|
181
181
|
...screensBeforeChangingStep.slice(0, lastIndex),
|
|
182
182
|
clonedLast,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Transition.js","sourceRoot":"","sources":["../../../src/components/Transition/Transition.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Transition.js","sourceRoot":"","sources":["../../../src/components/Transition/Transition.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ declare const _default: React.ForwardRefExoticComponent<({
|
|
|
5
5
|
contentClassName?: string | undefined;
|
|
6
6
|
children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
7
7
|
lockTransitionWidth?: boolean | undefined;
|
|
8
|
+
onDiscardStep?: ((key: React.Key) => void) | undefined;
|
|
8
9
|
} & Pick<TransitionProps, "contentStyle"> & TransitionTypeDefinitions) & React.RefAttributes<{
|
|
9
10
|
setOrientation: (orientation: "forward" | "backward") => void;
|
|
10
11
|
sectionRef: React.RefObject<HTMLDivElement>;
|
|
@@ -43,7 +43,7 @@ const Transition_1 = __importDefault(require("../Transition"));
|
|
|
43
43
|
* This component handles when a child changes and transition this child change, allowing the finest experiences
|
|
44
44
|
**/
|
|
45
45
|
function UncontrolledTransition(_a, ref) {
|
|
46
|
-
var { className = "", contentClassName, children = react_1.default.createElement(react_1.default.Fragment, { key: "default" }), lockTransitionWidth = true, contentStyle } = _a, props = __rest(_a, ["className", "contentClassName", "children", "lockTransitionWidth", "contentStyle"]);
|
|
46
|
+
var { className = "", contentClassName, children = react_1.default.createElement(react_1.default.Fragment, { key: "default" }), lockTransitionWidth = true, contentStyle, onDiscardStep } = _a, props = __rest(_a, ["className", "contentClassName", "children", "lockTransitionWidth", "contentStyle", "onDiscardStep"]);
|
|
47
47
|
const sectionRef = (0, react_1.useRef)(null);
|
|
48
48
|
const [{ childStack, offset }, setChildStack] = (0, react_1.useState)({
|
|
49
49
|
childStack: [children],
|
|
@@ -90,6 +90,8 @@ useLayoutEffect(() => {
|
|
|
90
90
|
}
|
|
91
91
|
}, [childStack.length]);
|
|
92
92
|
return (react_1.default.createElement(react_1.default.Fragment, null, childStack.length ? (react_1.default.createElement(Transition_1.default, Object.assign({ ref: sectionRef, contentStyle: contentStyle, className: className, step: childStack.length - offset, onDiscardStep: (discardedKey) => {
|
|
93
|
+
if (onDiscardStep)
|
|
94
|
+
onDiscardStep(discardedKey);
|
|
93
95
|
orientation.current = "forward";
|
|
94
96
|
setChildStack((prev) => {
|
|
95
97
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UncontrolledTransition.js","sourceRoot":"","sources":["../../../src/components/UncontrolledTransition/UncontrolledTransition.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"UncontrolledTransition.js","sourceRoot":"","sources":["../../../src/components/UncontrolledTransition/UncontrolledTransition.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,7 @@ declare const _default: {
|
|
|
7
7
|
contentClassName?: string | undefined;
|
|
8
8
|
children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
9
9
|
lockTransitionWidth?: boolean | undefined;
|
|
10
|
+
onDiscardStep?: ((key: React.Key) => void) | undefined;
|
|
10
11
|
} & Pick<import("../Transition/Transition").TransitionProps, "contentStyle"> & import("../Transition/Transition").TransitionTypeDefinitions) & React.RefAttributes<{
|
|
11
12
|
setOrientation: (orientation: "forward" | "backward") => void;
|
|
12
13
|
sectionRef: React.RefObject<HTMLDivElement>;
|
|
@@ -20,6 +21,7 @@ export declare const ClickBasedTransition: {
|
|
|
20
21
|
contentClassName?: string | undefined;
|
|
21
22
|
children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
22
23
|
lockTransitionWidth?: boolean | undefined;
|
|
24
|
+
onDiscardStep?: ((key: React.Key) => void) | undefined;
|
|
23
25
|
} & Pick<import("../Transition/Transition").TransitionProps, "contentStyle"> & import("../Transition/Transition").TransitionTypeDefinitions) & React.RefAttributes<{
|
|
24
26
|
setOrientation: (orientation: "forward" | "backward") => void;
|
|
25
27
|
sectionRef: React.RefObject<HTMLDivElement>;
|