@onepercentio/one-ui 0.8.4 → 0.8.5-beta.2
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.ts +12 -1
- package/cypress/support/component-index.html +5 -3
- package/dist/components/AnimatedEntrance/AnimatedEntrance.d.ts +1 -1
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js +24 -9
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js.map +1 -1
- package/dist/components/AnimatedEntrance/AnimatedEntrance.stories.js.map +1 -1
- package/dist/components/Button/Button.stories.js +0 -1
- package/dist/components/Button/Button.stories.js.map +1 -1
- package/dist/components/CheckBox/CheckBox.stories.js +1 -1
- package/dist/components/CheckBox/CheckBox.stories.js.map +1 -1
- package/dist/components/Countdown/Countdown.stories.js +1 -1
- package/dist/components/Countdown/Countdown.stories.js.map +1 -1
- package/dist/components/InstantCounter/InstantCounter.stories.js +1 -1
- package/dist/components/InstantCounter/InstantCounter.stories.js.map +1 -1
- package/dist/components/OrderableList/OrderableList.d.ts +11 -0
- package/dist/components/OrderableList/OrderableList.js +216 -0
- package/dist/components/OrderableList/OrderableList.js.map +1 -0
- package/dist/components/OrderableList/OrderableList.module.scss +27 -0
- package/dist/components/OrderableList/OrderableList.stories.d.ts +14 -0
- package/dist/components/OrderableList/OrderableList.stories.js +77 -0
- package/dist/components/OrderableList/OrderableList.stories.js.map +1 -0
- package/dist/components/OrderableList/index.d.ts +1 -0
- package/dist/components/OrderableList/index.js +9 -0
- package/dist/components/OrderableList/index.js.map +1 -0
- package/dist/components/Text/Text.d.ts +2 -2
- package/dist/components/Text/Text.js +4 -4
- package/dist/components/Text/Text.js.map +1 -1
- package/dist/components/Text/Text.stories.d.ts +1 -1
- package/dist/components/Text/Text.stories.js +2 -2
- package/dist/components/Text/Text.stories.js.map +1 -1
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js.map +1 -1
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.test.js.map +1 -1
- package/dist/context/AsyncProcessQueue.d.ts +71 -0
- package/dist/context/AsyncProcessQueue.development.d.ts +8 -0
- package/dist/context/AsyncProcessQueue.development.js +42 -0
- package/dist/context/AsyncProcessQueue.development.js.map +1 -0
- package/dist/context/AsyncProcessQueue.js +190 -0
- package/dist/context/AsyncProcessQueue.js.map +1 -0
- package/dist/context/__mocks__/OneUIProvider.d.ts +1 -1
- package/dist/hooks/useHero.d.ts +7 -0
- package/dist/hooks/useHero.js +62 -0
- package/dist/hooks/useHero.js.map +1 -0
- package/dist/hooks/usePagination.d.ts +2 -1
- package/dist/hooks/usePagination.js +8 -5
- package/dist/hooks/usePagination.js.map +1 -1
- package/dist/hooks/useShortIntl.js.map +1 -1
- package/dist/models/GenericContract.d.ts +1 -1
- package/{src → dist}/types.d.ts +31 -44
- package/dist/types.js +3 -0
- package/dist/types.js.map +1 -0
- package/package.json +4 -3
|
@@ -35,4 +35,15 @@ import "@muritavo/cypress-toolkit/dist/support/essentials"
|
|
|
35
35
|
// visit(originalFn: CommandOriginalFn, url: string, options: Partial<VisitOptions>): Chainable<Element>
|
|
36
36
|
// }
|
|
37
37
|
// }
|
|
38
|
-
// }
|
|
38
|
+
// }
|
|
39
|
+
|
|
40
|
+
beforeEach(() => {
|
|
41
|
+
const w = window.parent;
|
|
42
|
+
const style = w.document.createElement("style");
|
|
43
|
+
style.innerHTML = `.collapsible-content ul {
|
|
44
|
+
display: flex;
|
|
45
|
+
flex-direction: column-reverse;
|
|
46
|
+
}
|
|
47
|
+
`
|
|
48
|
+
w.document.head.appendChild(style)
|
|
49
|
+
})
|
|
@@ -8,7 +8,7 @@ export declare function AnimatedEntranceItem({ children, noEntranceAnimation, on
|
|
|
8
8
|
noEntranceAnimation: boolean;
|
|
9
9
|
onRemoveChildren: (key: Key) => void;
|
|
10
10
|
entranceType: EntranceType;
|
|
11
|
-
}): JSX.Element;
|
|
11
|
+
}): JSX.Element | null;
|
|
12
12
|
/**
|
|
13
13
|
* Animates the entrance and exit of a component
|
|
14
14
|
**/
|
|
@@ -62,7 +62,7 @@ function AnimatedEntranceItem({ children, noEntranceAnimation, onRemoveChildren,
|
|
|
62
62
|
const uncontRef = (0, react_1.useRef)(null);
|
|
63
63
|
const [screen, setScreen] = (0, react_1.useState)(noEntranceAnimation ? children : react_1.default.createElement(react_1.Fragment, { key: "null" }));
|
|
64
64
|
(0, react_1.useLayoutEffect)(() => {
|
|
65
|
-
if (String(children.key).includes("-nullated")) {
|
|
65
|
+
if (String(children.key).includes("-nullated") && uncontRef.current) {
|
|
66
66
|
uncontRef.current.setOrientation("backward");
|
|
67
67
|
}
|
|
68
68
|
}, [children.key]);
|
|
@@ -70,17 +70,30 @@ function AnimatedEntranceItem({ children, noEntranceAnimation, onRemoveChildren,
|
|
|
70
70
|
setScreen(String(children.key));
|
|
71
71
|
}, [children.key]);
|
|
72
72
|
(0, react_1.useEffect)(() => {
|
|
73
|
+
if (screen === null)
|
|
74
|
+
return;
|
|
73
75
|
const x = setTimeout(() => {
|
|
74
76
|
const key = String(typeof screen === "string" ? screen : screen.key);
|
|
75
|
-
if (key === "null" || key.includes("-nullated"))
|
|
76
|
-
uncontRef.current.sectionRef.current.style.maxHeight =
|
|
77
|
+
if (key === "null" || key.includes("-nullated")) {
|
|
78
|
+
uncontRef.current.sectionRef.current.style.maxHeight = `${uncontRef.current.sectionRef.current.scrollHeight}px`;
|
|
79
|
+
setTimeout(() => {
|
|
80
|
+
uncontRef.current.sectionRef.current.style.maxHeight = `0px`;
|
|
81
|
+
}, 100);
|
|
82
|
+
}
|
|
77
83
|
else {
|
|
78
84
|
uncontRef.current.sectionRef.current.style.maxHeight = `${uncontRef.current.sectionRef.current.scrollHeight}px`;
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
85
|
+
if (!noEntranceAnimation) {
|
|
86
|
+
const restoreAutoHeight = ({ target, currentTarget, }) => {
|
|
87
|
+
if (target !== currentTarget)
|
|
88
|
+
return;
|
|
89
|
+
uncontRef.current.sectionRef.current.style.maxHeight = "initial";
|
|
90
|
+
uncontRef.current.sectionRef.current.removeEventListener("transitionend", restoreAutoHeight);
|
|
91
|
+
};
|
|
92
|
+
uncontRef.current.sectionRef.current.addEventListener("transitionend", restoreAutoHeight);
|
|
93
|
+
}
|
|
94
|
+
else {
|
|
82
95
|
uncontRef.current.sectionRef.current.style.maxHeight = "initial";
|
|
83
|
-
}
|
|
96
|
+
}
|
|
84
97
|
}
|
|
85
98
|
}, 100);
|
|
86
99
|
return () => {
|
|
@@ -88,9 +101,11 @@ function AnimatedEntranceItem({ children, noEntranceAnimation, onRemoveChildren,
|
|
|
88
101
|
};
|
|
89
102
|
}, [screen]);
|
|
90
103
|
const className = (0, react_1.useMemo)(() => (!noEntranceAnimation ? AnimatedEntrance_module_scss_1.default.maxHeight : ""), [String(children.key).includes("-nullated")]);
|
|
91
|
-
return (react_1.default.createElement(UncontrolledTransition_1.default, { ref: uncontRef, transitionType: Transition_1.TransitionAnimationTypes.CUSTOM, className: `${AnimatedEntrance_module_scss_1.default.resetHeight} ${className}`, lockTransitionWidth: true, key: String(children.key).replace("-nullated", ""), onDiscardStep: (k) => {
|
|
92
|
-
if (k !== "null")
|
|
104
|
+
return screen === null ? null : (react_1.default.createElement(UncontrolledTransition_1.default, { ref: uncontRef, transitionType: Transition_1.TransitionAnimationTypes.CUSTOM, className: `${AnimatedEntrance_module_scss_1.default.resetHeight} ${className}`, lockTransitionWidth: true, key: String(children.key).replace("-nullated", ""), onDiscardStep: (k) => {
|
|
105
|
+
if (k !== "null") {
|
|
93
106
|
onRemoveChildren(k);
|
|
107
|
+
setScreen(null);
|
|
108
|
+
}
|
|
94
109
|
}, config: CONFIGS_BY_ENTRANCE_TYPE[entranceType] }, typeof screen === "string" ? children : screen));
|
|
95
110
|
}
|
|
96
111
|
exports.AnimatedEntranceItem = AnimatedEntranceItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimatedEntrance.js","sourceRoot":"","sources":["../../../src/components/AnimatedEntrance/AnimatedEntrance.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"AnimatedEntrance.js","sourceRoot":"","sources":["../../../src/components/AnimatedEntrance/AnimatedEntrance.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimatedEntrance.stories.js","sourceRoot":"","sources":["../../../src/components/AnimatedEntrance/AnimatedEntrance.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"AnimatedEntrance.stories.js","sourceRoot":"","sources":["../../../src/components/AnimatedEntrance/AnimatedEntrance.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAKe;AACf,uDAA+B;AAC/B,0EAAkD;AAElD,kBAAe;IACb,SAAS,EAAE,0BAAgB;IAC3B,KAAK,EAAE,mBAAmB;CAC3B,CAAC;AAEF,MAAM,SAAS,GAAG,CAChB,GAAW,EACX,UAAiE,EACjE,EAAE;IACF,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG;;QACD,GAAG;QAAE,GAAG;QAClB,8BAAC,gBAAM,IACL,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,GAAG,EAAE,CACZ,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE;gBAClB,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAC7B,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,MAAM,CAAC,GAAG,CAAC,CAC3C,CAAC;gBACF,OAAO,WAAW,CAAC;YACrB,CAAC,CAAC,aAIG,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE;IACjD,MAAM,CAAC,eAAe,EAAE,IAAI,CAAC,GAAG,IAAA,gBAAQ,EAAiB,EAAE,CAAC,CAAC;IAE7D,IAAA,eAAO,EAAC,GAAG,EAAE;QACX,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;QACzC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;QACzC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;QACzC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL;QACE,uCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE;YAC5B,8BAAC,0BAAgB,QAAE,eAAe,CAAoB,CAClD;QACN,8BAAC,gBAAM,IACL,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,GAAG,EAAE,CACZ,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;gBACZ,OAAO,CAAC,OAAO,EAAE,CAAC;gBAClB,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC;gBACpC,OAAO,CAAC,GAAG,IAAI,EAAE,SAAS,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;YACjD,CAAC,CAAC,kBAIG,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,qBAAqB,yBA8BhC;AACF,6BAAqB,CAAC,IAAI,GAAG,EAE5B,CAAC"}
|
|
@@ -30,7 +30,6 @@ exports.Primary = exports.TodasVariacoes = void 0;
|
|
|
30
30
|
const react_1 = __importDefault(require("react"));
|
|
31
31
|
const Button_1 = __importStar(require("./Button"));
|
|
32
32
|
const Spacing_1 = __importDefault(require("../Spacing"));
|
|
33
|
-
console.warn(Button_1._Button);
|
|
34
33
|
exports.default = {
|
|
35
34
|
component: Button_1._Button,
|
|
36
35
|
title: "Botão",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,mDAAyC;AACzC,yDAAiC;
|
|
1
|
+
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,mDAAyC;AACzC,yDAAiC;AAEjC,kBAAe;IACb,SAAS,EAAE,gBAAO;IAClB,KAAK,EAAE,OAAO;CACf,CAAC;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,SAAS,GAAyB,gBAAe,CAAC,YAAY,CAAC,KAAK;SACvE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;IAEtB,OAAO,SAAS;SACb,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;SAC/B,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACV,uCACE,KAAK,EAAE;YACL,KAAK,EAAE,KAAK;YACZ,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,aAAa;YACtB,aAAa,EAAE,QAAQ;SACxB;QAED,wCAAM,KAAK,EAAE,EAAE,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,EAAE,EAAE;;YAC1D,yCAAI,CAAC,CAAK,CACX;QACP,8BAAC,gBAAI,IAAC,OAAO,EAAE,CAAQ,uBAAyB;QAChD,8BAAC,iBAAO,IAAC,IAAI,EAAC,OAAO,GAAG,CACpB,CACP,CAAC,CAAC;AACP,CAAC,CAAC;AAtBW,QAAA,cAAc,kBAsBzB;AAEK,MAAM,OAAO,GAAG,CAAC,IAAuC,EAAE,EAAE,CAAC,CAClE,8BAAC,gBAAI,oBAAK,IAAI,2BAAyB,CACxC,CAAC;AAFW,QAAA,OAAO,WAElB"}
|
|
@@ -42,7 +42,7 @@ exports.Primary.args = {
|
|
|
42
42
|
size: 120,
|
|
43
43
|
};
|
|
44
44
|
const SynergyTextAndCheckbox = (args) => {
|
|
45
|
-
const variants = (0, storybookUtils_1.extractAllPossibilitiesFromEnumProp)(Text_1.
|
|
45
|
+
const variants = (0, storybookUtils_1.extractAllPossibilitiesFromEnumProp)(Text_1.Text, "type");
|
|
46
46
|
return variants.map((type) => {
|
|
47
47
|
return (react_1.default.createElement(storybookUtils_1.SideBySideContainer, { exampleName: `Checkbox com text type=${type}` },
|
|
48
48
|
react_1.default.createElement(Text_1.default, { type: type },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBox.stories.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBox.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA8C;AAC9C,yDAG8B;AAC9B,
|
|
1
|
+
{"version":3,"file":"CheckBox.stories.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBox.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA8C;AAC9C,yDAG8B;AAC9B,qDAA8C;AAC9C,0DAAkC;AAElC,kBAAe;IACb,KAAK,EAAE,kBAAQ,CAAC,IAAI;IACpB,SAAS,EAAE,kBAAQ;CACpB,CAAC;AAEK,MAAM,OAAO,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,8BAAC,kBAAQ,oBAAK,IAAI,EAAI,CAAC;AAAhD,QAAA,OAAO,WAAyC;AAC7D,eAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,mBAAmB;IAC1B,IAAI,EAAE,GAAG;CACkC,CAAC;AAEvC,MAAM,sBAAsB,GAAG,CAAC,IAAS,EAAE,EAAE;IAClD,MAAM,QAAQ,GAAG,IAAA,oDAAmC,EAAC,WAAI,EAAE,MAAM,CAAC,CAAC;IAEnE,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAC3B,OAAO,CACL,8BAAC,oCAAmB,IAAC,WAAW,EAAE,0BAA0B,IAAI,EAAE;YAChE,8BAAC,cAAQ,IAAC,IAAI,EAAE,IAAI;gBAClB,8BAAC,kBAAQ,kBAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,GAAG,IAAM,IAAI,EAAI,CACzD,CACS,CACvB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAZW,QAAA,sBAAsB,0BAYjC"}
|
|
@@ -43,7 +43,7 @@ exports.InitialImplementation.args = {
|
|
|
43
43
|
timeRemaining: 1000 * 60 * 60 * 12, // 12 hours
|
|
44
44
|
};
|
|
45
45
|
const SynergyTextAndCountdown = (args) => {
|
|
46
|
-
const variants = (0, storybookUtils_1.extractAllPossibilitiesFromEnumProp)(Text_1.
|
|
46
|
+
const variants = (0, storybookUtils_1.extractAllPossibilitiesFromEnumProp)(Text_1.Text, "type");
|
|
47
47
|
return variants.map((type) => {
|
|
48
48
|
return (react_1.default.createElement(react_intl_1.IntlProvider, { locale: "pt-br" },
|
|
49
49
|
react_1.default.createElement(storybookUtils_1.SideBySideContainer, { exampleName: `Checkbox com text type=${type}` },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Countdown.stories.js","sourceRoot":"","sources":["../../../src/components/Countdown/Countdown.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,2CAA0C;AAC1C,yDAG8B;AAC9B,
|
|
1
|
+
{"version":3,"file":"Countdown.stories.js","sourceRoot":"","sources":["../../../src/components/Countdown/Countdown.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,2CAA0C;AAC1C,yDAG8B;AAC9B,qDAA8C;AAC9C,4DAAoC;AAEpC,kBAAe;IACb,SAAS,EAAE,mBAAS;IACpB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAClD,8BAAC,yBAAY,IAAC,MAAM,EAAC,OAAO;IAC1B,8BAAC,mBAAS,oBAAK,IAAI,EAAI,CACV,CAChB,CAAC;AAJW,QAAA,qBAAqB,yBAIhC;AACF,6BAAqB,CAAC,IAAI,GAAG;IAC3B,aAAa,EAAE,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,WAAW;CACG,CAAC;AAE9C,MAAM,uBAAuB,GAAG,CAAC,IAAS,EAAE,EAAE;IACnD,MAAM,QAAQ,GAAG,IAAA,oDAAmC,EAAC,WAAI,EAAE,MAAM,CAAC,CAAC;IAEnE,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAC3B,OAAO,CACL,8BAAC,yBAAY,IAAC,MAAM,EAAC,OAAO;YAC1B,8BAAC,oCAAmB,IAAC,WAAW,EAAE,0BAA0B,IAAI,EAAE;gBAChE,8BAAC,cAAQ,IAAC,IAAI,EAAE,IAAI;oBAClB,8BAAC,mBAAS,IACR,aAAa,EACX,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,GAE1D,CACO,CACS,CACT,CAChB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAlBW,QAAA,uBAAuB,2BAkBlC"}
|
|
@@ -40,7 +40,7 @@ const InitialImplementation = (args) => react_1.default.createElement(react_intl
|
|
|
40
40
|
react_1.default.createElement(InstantCounter_1.default, Object.assign({}, args)));
|
|
41
41
|
exports.InitialImplementation = InitialImplementation;
|
|
42
42
|
const SynergyTextAndCountdown = (args) => {
|
|
43
|
-
const variants = (0, storybookUtils_1.extractAllPossibilitiesFromEnumProp)(Text_1.
|
|
43
|
+
const variants = (0, storybookUtils_1.extractAllPossibilitiesFromEnumProp)(Text_1.Text, "type");
|
|
44
44
|
return variants.map((type) => {
|
|
45
45
|
return (react_1.default.createElement(react_intl_1.IntlProvider, { locale: "pt-br" },
|
|
46
46
|
react_1.default.createElement(storybookUtils_1.SideBySideContainer, { exampleName: `Checkbox com text type=${type}` },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InstantCounter.stories.js","sourceRoot":"","sources":["../../../src/components/InstantCounter/InstantCounter.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,2CAA0C;AAC1C,yDAAgG;AAChG,
|
|
1
|
+
{"version":3,"file":"InstantCounter.stories.js","sourceRoot":"","sources":["../../../src/components/InstantCounter/InstantCounter.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,2CAA0C;AAC1C,yDAAgG;AAChG,qDAA8C;AAC9C,sEAA8C;AAE9C,kBAAe;IACX,SAAS,EAAE,wBAAc;IACzB,KAAK,EAAE,iBAAiB;CAC3B,CAAA;AAEM,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,8BAAC,yBAAY,IAAC,MAAM,EAAC,OAAO;IAC5E,8BAAC,wBAAc,oBAAK,IAAI,EAAG,CAChB,CAAC;AAFH,QAAA,qBAAqB,yBAElB;AAET,MAAM,uBAAuB,GAAG,CAAC,IAAS,EAAE,EAAE;IACnD,MAAM,QAAQ,GAAG,IAAA,oDAAmC,EAAC,WAAI,EAAE,MAAM,CAAC,CAAC;IAEnE,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAC3B,OAAO,CACL,8BAAC,yBAAY,IAAC,MAAM,EAAC,OAAO;YAC1B,8BAAC,oCAAmB,IAAC,WAAW,EAAE,0BAA0B,IAAI,EAAE;gBAChE,8BAAC,cAAQ,IAAC,IAAI,EAAE,IAAI;oBAClB,8BAAC,wBAAc,oBAAK,IAAI,EAAG,CAClB,CACS,CACT,CAChB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAdW,QAAA,uBAAuB,2BAclC;AACF,6BAAqB,CAAC,IAAI,GAAG;IACzB,eAAe,EAAE,EAAE;IACnB,iBAAiB,EAAE,CAAC;IACpB,aAAa,EAAE;QACX,qBAAqB,EAAE,CAAC;KAC3B;IACD,EAAE,EAAE,SAAS;CACwC,CAAA;AACzD,+BAAuB,CAAC,IAAI,GAAG,6BAAqB,CAAC,IAAI,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React, { ReactElement } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* This component receives a list of keyed elements and orders it based of the order provided via the prop "keyOrder"
|
|
4
|
+
**/
|
|
5
|
+
export default function OrderableList({ children, keyOrder, }: {
|
|
6
|
+
children: ReactElement[];
|
|
7
|
+
keyOrder?: string[];
|
|
8
|
+
}): JSX.Element;
|
|
9
|
+
export declare function useOrderableListAnchor(): {
|
|
10
|
+
anchorRef: React.MutableRefObject<HTMLDivElement>;
|
|
11
|
+
};
|
|
@@ -0,0 +1,216 @@
|
|
|
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.useOrderableListAnchor = void 0;
|
|
30
|
+
const lodash_1 = require("lodash");
|
|
31
|
+
const react_1 = __importStar(require("react"));
|
|
32
|
+
const AnimatedEntrance_1 = __importDefault(require("../AnimatedEntrance"));
|
|
33
|
+
const OrderableList_module_scss_1 = __importDefault(require("./OrderableList.module.scss"));
|
|
34
|
+
const OrderableListContext = (0, react_1.createContext)(null);
|
|
35
|
+
/**
|
|
36
|
+
* This component receives a list of keyed elements and orders it based of the order provided via the prop "keyOrder"
|
|
37
|
+
**/
|
|
38
|
+
function OrderableList({ children, keyOrder, }) {
|
|
39
|
+
const currentClone = (0, react_1.useRef)(null);
|
|
40
|
+
const currentWorkingKey = (0, react_1.useRef)();
|
|
41
|
+
const rootRef = (0, react_1.useRef)(null);
|
|
42
|
+
const [order, setOrder] = (0, react_1.useState)(() => {
|
|
43
|
+
return keyOrder || children.map((a) => a.key);
|
|
44
|
+
});
|
|
45
|
+
const cleanOrder = (0, react_1.useMemo)(() => order.map((a) => a.split(";")[0]), [order]);
|
|
46
|
+
const findParentElement = (target) => {
|
|
47
|
+
let parent = target;
|
|
48
|
+
do {
|
|
49
|
+
if (parent.parentElement === null)
|
|
50
|
+
break;
|
|
51
|
+
parent = parent.parentElement;
|
|
52
|
+
} while (parent.parentElement !== rootRef.current);
|
|
53
|
+
if (process.env.NODE_ENV === "development" && parent === null)
|
|
54
|
+
throw new Error("It seems like we could not find a relation between this element and the root list. Are you using portals maybe?");
|
|
55
|
+
return parent;
|
|
56
|
+
};
|
|
57
|
+
const calculateReordering = (0, react_1.useMemo)(() => {
|
|
58
|
+
return (0, lodash_1.throttle)((e, els, currentOrder) => {
|
|
59
|
+
if (els.length > currentOrder.length || !currentWorkingKey.current)
|
|
60
|
+
return;
|
|
61
|
+
const parent = findParentElement(e.target);
|
|
62
|
+
const indexOfOverKey = els.indexOf(parent);
|
|
63
|
+
const keyOfTheOverElement = currentOrder[indexOfOverKey];
|
|
64
|
+
const isDraggingOwnElement = currentWorkingKey.current === keyOfTheOverElement;
|
|
65
|
+
if (indexOfOverKey === -1 || keyOfTheOverElement === undefined)
|
|
66
|
+
return;
|
|
67
|
+
if (!isDraggingOwnElement) {
|
|
68
|
+
const distanceFromTop = e.offsetY;
|
|
69
|
+
const heightOfEl = parent.clientHeight;
|
|
70
|
+
const offset = heightOfEl * 0.25;
|
|
71
|
+
const isAfter = distanceFromTop > heightOfEl - offset;
|
|
72
|
+
const isBefore = distanceFromTop < offset;
|
|
73
|
+
const checkIfCanMove = (keyOfOverElement) => {
|
|
74
|
+
return (keyOfOverElement === undefined ||
|
|
75
|
+
keyOfOverElement !== currentWorkingKey.current);
|
|
76
|
+
};
|
|
77
|
+
const indexOfTheNewElement = indexOfOverKey + (isAfter ? 1 : -1);
|
|
78
|
+
const shouldTriggerReordering = (isAfter || isBefore) &&
|
|
79
|
+
checkIfCanMove(currentOrder[indexOfTheNewElement]);
|
|
80
|
+
if (shouldTriggerReordering) {
|
|
81
|
+
setOrder((p) => {
|
|
82
|
+
const previousIndex = currentOrder.indexOf(currentWorkingKey.current);
|
|
83
|
+
let indexOfTheNewElement = indexOfOverKey + (isBefore ? -1 : 0);
|
|
84
|
+
if (previousIndex > indexOfTheNewElement)
|
|
85
|
+
indexOfTheNewElement++;
|
|
86
|
+
const orderWithoutCurrent = p.filter((a) => {
|
|
87
|
+
if (a.startsWith(`${currentWorkingKey.current};`))
|
|
88
|
+
return false;
|
|
89
|
+
return a !== currentWorkingKey.current;
|
|
90
|
+
});
|
|
91
|
+
orderWithoutCurrent.splice(indexOfTheNewElement, 0, `${currentWorkingKey.current};${Date.now()}`);
|
|
92
|
+
return orderWithoutCurrent;
|
|
93
|
+
});
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
}, 1000 / 60);
|
|
97
|
+
}, []);
|
|
98
|
+
(0, react_1.useEffect)(() => {
|
|
99
|
+
const els = Array.from(rootRef.current.children);
|
|
100
|
+
const calculateReorderingCall = (e) => {
|
|
101
|
+
const els = Array.from(rootRef.current.children);
|
|
102
|
+
calculateReordering(e, els, cleanOrder);
|
|
103
|
+
};
|
|
104
|
+
for (let el of els)
|
|
105
|
+
el.addEventListener("mousemove", calculateReorderingCall);
|
|
106
|
+
return () => {
|
|
107
|
+
for (let el of els)
|
|
108
|
+
el.removeEventListener("mousemove", calculateReorderingCall);
|
|
109
|
+
};
|
|
110
|
+
}, [cleanOrder]);
|
|
111
|
+
const cleanOrderRef = (0, react_1.useRef)(cleanOrder);
|
|
112
|
+
(0, react_1.useEffect)(() => {
|
|
113
|
+
cleanOrderRef.current = cleanOrder;
|
|
114
|
+
}, [cleanOrder]);
|
|
115
|
+
const onAnchorClick = (0, react_1.useCallback)(({ target, x: x0, y: y0 }) => {
|
|
116
|
+
let offset;
|
|
117
|
+
const parent = findParentElement(target);
|
|
118
|
+
const box = parent.getBoundingClientRect();
|
|
119
|
+
const els = Array.from(rootRef.current.children);
|
|
120
|
+
const clone = parent.cloneNode(true);
|
|
121
|
+
currentClone.current = clone;
|
|
122
|
+
clone.setAttribute("data-testid", "orderable-list-clone");
|
|
123
|
+
clone.style.width = `${box.width}px`;
|
|
124
|
+
clone.style.height = `${box.height}px`;
|
|
125
|
+
clone.style.top = `${box.top}px`;
|
|
126
|
+
clone.style.left = `${box.left}px`;
|
|
127
|
+
clone.classList.add(OrderableList_module_scss_1.default.clone);
|
|
128
|
+
parent.classList.add(OrderableList_module_scss_1.default.currentOrdering);
|
|
129
|
+
parent.classList.remove(OrderableList_module_scss_1.default.visible);
|
|
130
|
+
const movementControl = ({ x: x1, y: y1 }) => {
|
|
131
|
+
if (!offset)
|
|
132
|
+
offset = [x1 - box.left, y1 - box.top];
|
|
133
|
+
const [offsetX, offsetY] = offset;
|
|
134
|
+
clone.style.top = `${y1 - offsetY}px`;
|
|
135
|
+
clone.style.left = `${x1 - offsetX}px`;
|
|
136
|
+
};
|
|
137
|
+
document.body.appendChild(clone);
|
|
138
|
+
const deleteClone = () => {
|
|
139
|
+
window.removeEventListener("mousemove", movementControl);
|
|
140
|
+
window.removeEventListener("mouseup", deleteClone);
|
|
141
|
+
parent.style.visibility = "initial";
|
|
142
|
+
currentWorkingKey.current = undefined;
|
|
143
|
+
window.document.body.classList.remove(OrderableList_module_scss_1.default.unselectable);
|
|
144
|
+
{
|
|
145
|
+
const els = Array.from(rootRef.current.children);
|
|
146
|
+
const elInvisible = els.find((a) => !a.classList.contains(OrderableList_module_scss_1.default.visible) && a.style.maxHeight !== "0px");
|
|
147
|
+
const box = elInvisible.getBoundingClientRect();
|
|
148
|
+
function cleanUp() {
|
|
149
|
+
rootRef.current.classList.remove(OrderableList_module_scss_1.default.ordering);
|
|
150
|
+
for (let el of els)
|
|
151
|
+
el.classList.remove(OrderableList_module_scss_1.default.visible);
|
|
152
|
+
clone.remove();
|
|
153
|
+
currentClone.current = null;
|
|
154
|
+
for (let el of Array.from(elInvisible.children))
|
|
155
|
+
el.style.height = "";
|
|
156
|
+
}
|
|
157
|
+
if (clone.style.top.startsWith(Math.floor(box.top).toString()) && clone.style.left.startsWith(Math.floor(box.left).toString())) {
|
|
158
|
+
cleanUp();
|
|
159
|
+
}
|
|
160
|
+
clone.style.top = `${box.top}px`;
|
|
161
|
+
clone.style.left = `${box.left}px`;
|
|
162
|
+
clone.style.transition = `top 500ms linear, left 500ms linear`;
|
|
163
|
+
clone.addEventListener("transitionend", () => {
|
|
164
|
+
cleanUp();
|
|
165
|
+
});
|
|
166
|
+
}
|
|
167
|
+
};
|
|
168
|
+
for (let el of els)
|
|
169
|
+
el.classList.add(OrderableList_module_scss_1.default.visible);
|
|
170
|
+
parent.style.visibility = "hidden";
|
|
171
|
+
parent.classList.remove(OrderableList_module_scss_1.default.visible);
|
|
172
|
+
rootRef.current.classList.add(OrderableList_module_scss_1.default.ordering);
|
|
173
|
+
currentWorkingKey.current = cleanOrderRef.current[els.indexOf(parent)];
|
|
174
|
+
window.document.body.classList.add(OrderableList_module_scss_1.default.unselectable);
|
|
175
|
+
window.addEventListener("mouseup", deleteClone);
|
|
176
|
+
window.addEventListener("mousemove", movementControl);
|
|
177
|
+
}, []);
|
|
178
|
+
(0, react_1.useLayoutEffect)(() => {
|
|
179
|
+
if (currentClone.current) {
|
|
180
|
+
const els = Array.from(rootRef.current.children);
|
|
181
|
+
const elInvisible = els.find((a) => !a.classList.contains(OrderableList_module_scss_1.default.visible) && a.style.maxHeight !== "0px");
|
|
182
|
+
elInvisible.children[0].style.height = `${currentClone.current.clientHeight}px`;
|
|
183
|
+
setTimeout(() => {
|
|
184
|
+
elInvisible.children[1].style.height = `${currentClone.current.clientHeight}px`;
|
|
185
|
+
}, 150);
|
|
186
|
+
}
|
|
187
|
+
}, [cleanOrder]);
|
|
188
|
+
return (react_1.default.createElement(OrderableListContext.Provider, { value: {
|
|
189
|
+
bindAnchor: (el) => {
|
|
190
|
+
el.addEventListener("mousedown", onAnchorClick);
|
|
191
|
+
},
|
|
192
|
+
unbindAnchor: (el) => {
|
|
193
|
+
el.removeEventListener("mousedown", onAnchorClick);
|
|
194
|
+
},
|
|
195
|
+
} },
|
|
196
|
+
react_1.default.createElement("div", { ref: rootRef, className: OrderableList_module_scss_1.default.root },
|
|
197
|
+
react_1.default.createElement(AnimatedEntrance_1.default, null, [...children]
|
|
198
|
+
.filter((a) => cleanOrder.includes(a.key))
|
|
199
|
+
.sort((a, b) => cleanOrder.indexOf(a.key) -
|
|
200
|
+
cleanOrder.indexOf(b.key))
|
|
201
|
+
.map((a, i) => (Object.assign(Object.assign({}, a), { key: order[i] })))))));
|
|
202
|
+
}
|
|
203
|
+
exports.default = OrderableList;
|
|
204
|
+
function useOrderableListAnchor() {
|
|
205
|
+
const anchorRef = (0, react_1.useRef)(null);
|
|
206
|
+
const { bindAnchor, unbindAnchor } = (0, react_1.useContext)(OrderableListContext);
|
|
207
|
+
(0, react_1.useLayoutEffect)(() => {
|
|
208
|
+
bindAnchor(anchorRef.current);
|
|
209
|
+
return () => unbindAnchor(anchorRef.current);
|
|
210
|
+
}, []);
|
|
211
|
+
return {
|
|
212
|
+
anchorRef,
|
|
213
|
+
};
|
|
214
|
+
}
|
|
215
|
+
exports.useOrderableListAnchor = useOrderableListAnchor;
|
|
216
|
+
//# sourceMappingURL=OrderableList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OrderableList.js","sourceRoot":"","sources":["../../../src/components/OrderableList/OrderableList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
.unselectable * {
|
|
2
|
+
-webkit-touch-callout: none;
|
|
3
|
+
-webkit-user-select: none;
|
|
4
|
+
-khtml-user-select: none;
|
|
5
|
+
-moz-user-select: none;
|
|
6
|
+
-ms-user-select: none;
|
|
7
|
+
user-select: none;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.clone {
|
|
11
|
+
transition: top 250ms left 250ms;
|
|
12
|
+
pointer-events: none;
|
|
13
|
+
position: fixed;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.ordering {
|
|
17
|
+
> * {
|
|
18
|
+
opacity: 0;
|
|
19
|
+
}
|
|
20
|
+
.visible {
|
|
21
|
+
opacity: 1;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.root > * {
|
|
26
|
+
transition: max-height 250ms;
|
|
27
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import OrderableList from "./OrderableList";
|
|
3
|
+
declare const _default: {
|
|
4
|
+
component: typeof OrderableList;
|
|
5
|
+
title: string;
|
|
6
|
+
};
|
|
7
|
+
export default _default;
|
|
8
|
+
export declare const InitialImplementation: {
|
|
9
|
+
(args: any): JSX.Element;
|
|
10
|
+
args: Partial<{
|
|
11
|
+
children: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
|
|
12
|
+
keyOrder?: string[] | undefined;
|
|
13
|
+
}>;
|
|
14
|
+
};
|
|
@@ -0,0 +1,77 @@
|
|
|
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 = __importDefault(require("react"));
|
|
31
|
+
const MutableHamburgerButton_1 = __importDefault(require("../MutableHamburgerButton"));
|
|
32
|
+
const OrderableList_1 = __importStar(require("./OrderableList"));
|
|
33
|
+
exports.default = {
|
|
34
|
+
component: OrderableList_1.default,
|
|
35
|
+
title: "Orderable List",
|
|
36
|
+
};
|
|
37
|
+
function Wrapper({ i }) {
|
|
38
|
+
const { anchorRef } = (0, OrderableList_1.useOrderableListAnchor)();
|
|
39
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
40
|
+
react_1.default.createElement("div", { ref: anchorRef, style: {
|
|
41
|
+
display: "inline-block",
|
|
42
|
+
height: 300,
|
|
43
|
+
}, "data-testid": `click` },
|
|
44
|
+
react_1.default.createElement(MutableHamburgerButton_1.default, { size: 24 }))));
|
|
45
|
+
}
|
|
46
|
+
const xpto = {
|
|
47
|
+
display: "flex",
|
|
48
|
+
alignItems: "center",
|
|
49
|
+
background: "linear-gradient(#f003 48%,#0f03 48%, #0f03 50%, #0f03 52%,#00f3 52%)",
|
|
50
|
+
};
|
|
51
|
+
const InitialImplementation = (args) => {
|
|
52
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
53
|
+
react_1.default.createElement(OrderableList_1.default, Object.assign({}, args),
|
|
54
|
+
react_1.default.createElement("div", { key: "1", "data-testid": "movable", style: xpto },
|
|
55
|
+
react_1.default.createElement("h1", null,
|
|
56
|
+
react_1.default.createElement(Wrapper, { i: 1 }),
|
|
57
|
+
" 1")),
|
|
58
|
+
react_1.default.createElement("div", { key: "2", "data-testid": "movable", style: xpto },
|
|
59
|
+
react_1.default.createElement("h1", null,
|
|
60
|
+
react_1.default.createElement(Wrapper, { i: 2 }),
|
|
61
|
+
" 2")),
|
|
62
|
+
react_1.default.createElement("div", { key: "3", "data-testid": "movable", style: xpto },
|
|
63
|
+
react_1.default.createElement("h1", null,
|
|
64
|
+
react_1.default.createElement(Wrapper, { i: 3 }),
|
|
65
|
+
" 3")),
|
|
66
|
+
react_1.default.createElement("div", { key: "4", "data-testid": "movable", style: xpto },
|
|
67
|
+
react_1.default.createElement("h1", null,
|
|
68
|
+
react_1.default.createElement(Wrapper, { i: 4 }),
|
|
69
|
+
" 4")),
|
|
70
|
+
react_1.default.createElement("div", { key: "5", "data-testid": "movable", style: xpto },
|
|
71
|
+
react_1.default.createElement("h1", null,
|
|
72
|
+
react_1.default.createElement(Wrapper, { i: 5 }),
|
|
73
|
+
" 5")))));
|
|
74
|
+
};
|
|
75
|
+
exports.InitialImplementation = InitialImplementation;
|
|
76
|
+
exports.InitialImplementation.args = {};
|
|
77
|
+
//# sourceMappingURL=OrderableList.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OrderableList.stories.js","sourceRoot":"","sources":["../../../src/components/OrderableList/OrderableList.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAqD;AACrD,uFAA+D;AAC/D,iEAAwE;AAExE,kBAAe;IACb,SAAS,EAAE,uBAAa;IACxB,KAAK,EAAE,gBAAgB;CACxB,CAAC;AAEF,SAAS,OAAO,CAAC,EAAE,CAAC,EAAiB;IACnC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,sCAAsB,GAAE,CAAC;IAC/C,OAAO,CACL;QACE,uCACE,GAAG,EAAE,SAAS,EACd,KAAK,EAAE;gBACL,OAAO,EAAE,cAAc;gBACvB,MAAM,EAAE,GAAG;aACZ,iBACY,OAAO;YAEpB,8BAAC,gCAAsB,IAAC,IAAI,EAAE,EAAE,GAAI,CAChC,CACL,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,IAAI,GAAkB;IAC1B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,UAAU,EACR,sEAAsE;CACzE,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE;IACjD,OAAO,CACL;QACE,8BAAC,uBAAa,oBAAK,IAAI;YACrB,uCAAK,GAAG,EAAE,GAAG,iBAAc,SAAS,EAAC,KAAK,EAAE,IAAI;gBAC9C;oBACE,8BAAC,OAAO,IAAC,CAAC,EAAE,CAAC,GAAI;yBACd,CACD;YACN,uCAAK,GAAG,EAAE,GAAG,iBAAc,SAAS,EAAC,KAAK,EAAE,IAAI;gBAC9C;oBACE,8BAAC,OAAO,IAAC,CAAC,EAAE,CAAC,GAAI;yBACd,CACD;YACN,uCAAK,GAAG,EAAE,GAAG,iBAAc,SAAS,EAAC,KAAK,EAAE,IAAI;gBAC9C;oBACE,8BAAC,OAAO,IAAC,CAAC,EAAE,CAAC,GAAI;yBACd,CACD;YACN,uCAAK,GAAG,EAAE,GAAG,iBAAc,SAAS,EAAC,KAAK,EAAE,IAAI;gBAC9C;oBACE,8BAAC,OAAO,IAAC,CAAC,EAAE,CAAC,GAAI;yBACd,CACD;YACN,uCAAK,GAAG,EAAE,GAAG,iBAAc,SAAS,EAAC,KAAK,EAAE,IAAI;gBAC9C;oBACE,8BAAC,OAAO,IAAC,CAAC,EAAE,CAAC,GAAI;yBACd,CACD,CACQ,CACf,CACJ,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,qBAAqB,yBAgChC;AACF,6BAAqB,CAAC,IAAI,GAAG,EAE5B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './OrderableList';
|
|
@@ -0,0 +1,9 @@
|
|
|
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.default = void 0;
|
|
7
|
+
var OrderableList_1 = require("./OrderableList");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(OrderableList_1).default; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/OrderableList/index.tsx"],"names":[],"mappings":";;;;;;AAAA,iDAA0C;AAAjC,yHAAA,OAAO,OAAA"}
|
|
@@ -2,13 +2,13 @@ import React from "react";
|
|
|
2
2
|
/**
|
|
3
3
|
* A component to hold all text variantions
|
|
4
4
|
**/
|
|
5
|
-
export declare function
|
|
5
|
+
export declare function Text({ type, children, className, ...otherProps }: React.PropsWithChildren<{
|
|
6
6
|
className?: string;
|
|
7
7
|
type: "title" | "description" | "error" | "caption" | "highlightTitle" | "highlight" | "subtitle" | "boldTitle" | "link" | "boldTitleBig" | "content";
|
|
8
8
|
} & React.HTMLAttributes<HTMLParagraphElement>>): JSX.Element;
|
|
9
9
|
declare const _default: React.ForwardRefExoticComponent<{
|
|
10
10
|
className?: string | undefined;
|
|
11
|
-
type: "link" | "
|
|
11
|
+
type: "link" | "description" | "caption" | "title" | "content" | "error" | "highlightTitle" | "highlight" | "subtitle" | "boldTitle" | "boldTitleBig";
|
|
12
12
|
} & React.HTMLAttributes<HTMLParagraphElement> & {
|
|
13
13
|
children?: React.ReactNode;
|
|
14
14
|
} & React.RefAttributes<unknown>>;
|