amotify 0.0.8 → 0.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{dist/@types/_.d.ts → @types/_.tsx} +3 -3
- package/{src/@types → @types}/amot.tsx +0 -1
- package/{src/@types → @types}/fn.tsx +1 -2
- package/{src/@types → @types}/index.tsx +1 -5
- package/{src/@types → @types}/jsminAmotifyExtension.tsx +1 -2
- package/dist/amotify.js +1 -0
- package/dist/amotify.min.css +24 -0
- package/package.json +4 -9
- package/src/{Atoms/@export.tsx → @atoms.tsx} +3 -3
- package/src/@functions.tsx +29 -0
- package/src/{Global/@export.tsx → @global.tsx} +2 -2
- package/src/@jsminAmotifyExtension/formCollect.tsx +1 -1
- package/src/{Molecules/@export.tsx → @molecules.tsx} +4 -4
- package/src/@organisms.tsx +5 -0
- package/src/@styles/UniStyling.scss +1 -1
- package/src/@styles/init.scss +1 -1
- package/src/@styles/styleSet.scss +1 -1
- package/src/{Templates/@export.tsx → @templates.tsx} +1 -1
- package/src/{Atoms → atoms}/FAIcon/style.module.scss +1 -2
- package/src/{Atoms → atoms}/Logo/parts.tsx +1 -2
- package/src/{Atoms → atoms}/Logo/style.module.scss +1 -2
- package/src/{Atoms → atoms}/Various/parts.tsx +1 -1
- package/src/{Atoms → atoms}/Various/style.module.scss +3 -2
- package/src/{Functions → functions}/Button/_.tsx +1 -1
- package/src/{Functions → functions}/Button/style.module.scss +3 -2
- package/src/{Functions → functions}/Cropper/parts.tsx +4 -4
- package/src/{Functions → functions}/Cropper/style.module.scss +1 -1
- package/src/{Functions → functions}/Effects/Fade.tsx +2 -2
- package/src/{Functions → functions}/Effects/style.module.scss +1 -1
- package/src/{Functions → functions}/Input/Chips/Selector.tsx +4 -5
- package/src/{Functions → functions}/Input/Chips/_.tsx +3 -7
- package/src/functions/Input/Chips/style.module.scss +6 -0
- package/src/{Functions → functions}/Input/DigitCharacters.tsx +3 -3
- package/src/{Functions → functions}/Input/File/_.tsx +4 -4
- package/src/{Functions → functions}/Input/File/style.module.scss +1 -1
- package/src/{Functions → functions}/Input/List/_.tsx +3 -3
- package/src/{Functions → functions}/Input/List/style.module.scss +1 -1
- package/src/{Functions → functions}/Input/Segmented/_.tsx +1 -1
- package/src/{Functions → functions}/Input/Segmented/style.module.scss +2 -2
- package/src/{Functions → functions}/Input/Select/_.tsx +3 -3
- package/src/{Functions → functions}/Input/Select/style.module.scss +1 -1
- package/src/{Functions → functions}/Input/Slider/_.tsx +3 -3
- package/src/{Functions → functions}/Input/Slider/style.module.scss +2 -2
- package/src/{Functions → functions}/Input/Switch/_.tsx +4 -4
- package/src/{Functions → functions}/Input/Switch/style.module.scss +1 -1
- package/src/{Functions → functions}/Input/Text.tsx +2 -2
- package/src/{Functions → functions}/Input/TextArea.tsx +1 -1
- package/src/{Functions → functions}/Input/Time/Picker.tsx +4 -4
- package/src/{Functions → functions}/Input/Time/_.tsx +3 -3
- package/src/{Functions → functions}/Input/Time/style.module.scss +1 -1
- package/src/{Functions → functions}/Input/_.tsx +4 -4
- package/src/{Functions → functions}/Input/core.tsx +4 -4
- package/src/{Functions → functions}/Input/style.module.scss +1 -1
- package/src/{Functions → functions}/Inputs/style.module.scss +1 -1
- package/src/{Functions → functions}/Inputs/text.tsx +4 -17
- package/src/functions/Inputs/types.d.ts +13 -0
- package/src/{Functions → functions}/Layout/PageNotFound.tsx +4 -6
- package/src/{Functions → functions}/Layout/PageRouter.tsx +2 -2
- package/src/{Functions → functions}/Layout/PageViewController/parts.tsx +4 -2
- package/src/{Functions → functions}/Layout/Plate.tsx +1 -1
- package/src/{Functions → functions}/Layout/RootViewController/parts.tsx +6 -8
- package/src/{Functions → functions}/Layout/RootViewController/style.module.scss +1 -1
- package/src/{Functions → functions}/Layout/SwipeView/parts.tsx +2 -3
- package/src/{Functions → functions}/Layout/SwipeView/style.module.scss +1 -1
- package/src/{Functions → functions}/Layout/TabBar.tsx +4 -4
- package/src/{Functions → functions}/Loader/corner.tsx +3 -3
- package/src/{Functions → functions}/Loader/mini.tsx +2 -2
- package/src/{Functions → functions}/Loader/parts.tsx +1 -1
- package/src/{Functions → functions}/Loader/style.module.scss +1 -1
- package/src/{Functions → functions}/Loader/top.tsx +3 -3
- package/src/{Functions → functions}/Sheet/parts.tsx +4 -4
- package/src/{Functions → functions}/Sheet/style.module.scss +1 -1
- package/src/{Functions → functions}/SnackBar/parts.tsx +4 -4
- package/src/{Functions → functions}/SnackBar/style.module.scss +1 -1
- package/src/{Functions → functions}/Table/Data/parts.tsx +4 -4
- package/src/{Functions → functions}/Table/Drag/parts.tsx +3 -3
- package/src/{Functions → functions}/Table/Normal/parts.tsx +1 -2
- package/src/{Functions → functions}/Table/_.tsx +3 -4
- package/src/{Functions → functions}/Table/style.module.scss +3 -2
- package/src/{Functions → functions}/Tooltips/parts.tsx +2 -2
- package/src/{Global → global}/styleConverter.tsx +1 -5
- package/src/launch.tsx +8 -8
- package/src/{Molecules → molecules}/Accordion/parts.tsx +2 -2
- package/src/{Molecules → molecules}/Accordion/style.module.scss +1 -1
- package/src/{Molecules → molecules}/LinkifyText/parts.tsx +2 -2
- package/src/{Molecules → molecules}/List.tsx +1 -1
- package/src/{Organisms → organisms}/DisplayStyleInput/darkmode.tsx +4 -4
- package/src/{Organisms → organisms}/DisplayStyleInput/themeColor.tsx +4 -4
- package/src/{Templates → templates}/PlayGround/parts.tsx +26 -40
- package/src/{Templates → templates}/PlayGround/style.module.scss +1 -1
- package/tsconfig.json +19 -5
- package/webpack.config.js +13 -2
- package/dist/@jsminAmotifyExtension/_.d.ts +0 -4
- package/dist/@jsminAmotifyExtension/_.js +0 -6
- package/dist/@jsminAmotifyExtension/fetch.d.ts +0 -9
- package/dist/@jsminAmotifyExtension/fetch.js +0 -199
- package/dist/@jsminAmotifyExtension/formCollect.d.ts +0 -1
- package/dist/@jsminAmotifyExtension/formCollect.js +0 -137
- package/dist/@jsminAmotifyExtension/spreadSheet.d.ts +0 -4
- package/dist/@jsminAmotifyExtension/spreadSheet.js +0 -314
- package/dist/@jsminAmotifyExtension/variables.d.ts +0 -0
- package/dist/@jsminAmotifyExtension/variables.js +0 -186
- package/dist/@types/_.js +0 -8
- package/dist/@types/amot.d.ts +0 -260
- package/dist/@types/amot.js +0 -2
- package/dist/@types/fn.d.ts +0 -1040
- package/dist/@types/fn.js +0 -2
- package/dist/@types/index.d.ts +0 -62
- package/dist/@types/index.js +0 -2
- package/dist/@types/jsminAmotifyExtension.d.ts +0 -134
- package/dist/@types/jsminAmotifyExtension.js +0 -2
- package/dist/@types/module.d.ts +0 -2
- package/dist/@types/module.js +0 -1
- package/dist/@types/state.d.ts +0 -145
- package/dist/@types/state.js +0 -2
- package/dist/Atoms/@export.d.ts +0 -4
- package/dist/Atoms/@export.js +0 -16
- package/dist/Atoms/FAIcon/parts.d.ts +0 -2
- package/dist/Atoms/FAIcon/parts.js +0 -152
- package/dist/Atoms/Logo/parts.d.ts +0 -1
- package/dist/Atoms/Logo/parts.js +0 -154
- package/dist/Atoms/Various/parts.d.ts +0 -9
- package/dist/Atoms/Various/parts.js +0 -113
- package/dist/Functions/@export.d.ts +0 -12
- package/dist/Functions/@export.js +0 -25
- package/dist/Functions/Button/_.d.ts +0 -1
- package/dist/Functions/Button/_.js +0 -270
- package/dist/Functions/Cropper/parts.d.ts +0 -1
- package/dist/Functions/Cropper/parts.js +0 -783
- package/dist/Functions/Effects/Fade.d.ts +0 -1
- package/dist/Functions/Effects/Fade.js +0 -82
- package/dist/Functions/Effects/Ripple.d.ts +0 -1
- package/dist/Functions/Effects/Ripple.js +0 -107
- package/dist/Functions/Effects/_.d.ts +0 -3
- package/dist/Functions/Effects/_.js +0 -43
- package/dist/Functions/Input/Chips/Selector.d.ts +0 -1
- package/dist/Functions/Input/Chips/Selector.js +0 -356
- package/dist/Functions/Input/Chips/_.d.ts +0 -2
- package/dist/Functions/Input/Chips/_.js +0 -218
- package/dist/Functions/Input/DigitCharacters.d.ts +0 -1
- package/dist/Functions/Input/DigitCharacters.js +0 -178
- package/dist/Functions/Input/File/_.d.ts +0 -2
- package/dist/Functions/Input/File/_.js +0 -458
- package/dist/Functions/Input/Hidden.d.ts +0 -1
- package/dist/Functions/Input/Hidden.js +0 -30
- package/dist/Functions/Input/List/_.d.ts +0 -1
- package/dist/Functions/Input/List/_.js +0 -232
- package/dist/Functions/Input/Segmented/_.d.ts +0 -1
- package/dist/Functions/Input/Segmented/_.js +0 -111
- package/dist/Functions/Input/Select/_.d.ts +0 -1
- package/dist/Functions/Input/Select/_.js +0 -154
- package/dist/Functions/Input/Slider/_.d.ts +0 -1
- package/dist/Functions/Input/Slider/_.js +0 -308
- package/dist/Functions/Input/Switch/_.d.ts +0 -1
- package/dist/Functions/Input/Switch/_.js +0 -120
- package/dist/Functions/Input/Text.d.ts +0 -5
- package/dist/Functions/Input/Text.js +0 -340
- package/dist/Functions/Input/TextArea.d.ts +0 -1
- package/dist/Functions/Input/TextArea.js +0 -98
- package/dist/Functions/Input/Time/Picker.d.ts +0 -1
- package/dist/Functions/Input/Time/Picker.js +0 -581
- package/dist/Functions/Input/Time/_.d.ts +0 -2
- package/dist/Functions/Input/Time/_.js +0 -567
- package/dist/Functions/Input/_.d.ts +0 -5
- package/dist/Functions/Input/_.js +0 -446
- package/dist/Functions/Input/core.d.ts +0 -34
- package/dist/Functions/Input/core.js +0 -324
- package/dist/Functions/Inputs/_.d.ts +0 -3
- package/dist/Functions/Inputs/_.js +0 -7
- package/dist/Functions/Inputs/text.d.ts +0 -12
- package/dist/Functions/Inputs/text.js +0 -46
- package/dist/Functions/Layout/PageNotFound.d.ts +0 -1
- package/dist/Functions/Layout/PageNotFound.js +0 -30
- package/dist/Functions/Layout/PageRouter.d.ts +0 -2
- package/dist/Functions/Layout/PageRouter.js +0 -65
- package/dist/Functions/Layout/PageViewController/parts.d.ts +0 -1
- package/dist/Functions/Layout/PageViewController/parts.js +0 -31
- package/dist/Functions/Layout/Plate.d.ts +0 -1
- package/dist/Functions/Layout/Plate.js +0 -39
- package/dist/Functions/Layout/RootViewController/parts.d.ts +0 -1
- package/dist/Functions/Layout/RootViewController/parts.js +0 -202
- package/dist/Functions/Layout/SwipeView/parts.d.ts +0 -2
- package/dist/Functions/Layout/SwipeView/parts.js +0 -319
- package/dist/Functions/Layout/TabBar.d.ts +0 -1
- package/dist/Functions/Layout/TabBar.js +0 -49
- package/dist/Functions/Layout/_.d.ts +0 -2
- package/dist/Functions/Layout/_.js +0 -20
- package/dist/Functions/Loader/corner.d.ts +0 -1
- package/dist/Functions/Loader/corner.js +0 -59
- package/dist/Functions/Loader/mini.d.ts +0 -33
- package/dist/Functions/Loader/mini.js +0 -126
- package/dist/Functions/Loader/parts.d.ts +0 -3
- package/dist/Functions/Loader/parts.js +0 -108
- package/dist/Functions/Loader/top.d.ts +0 -1
- package/dist/Functions/Loader/top.js +0 -69
- package/dist/Functions/Sheet/parts.d.ts +0 -2
- package/dist/Functions/Sheet/parts.js +0 -724
- package/dist/Functions/SnackBar/parts.d.ts +0 -2
- package/dist/Functions/SnackBar/parts.js +0 -171
- package/dist/Functions/Table/Data/parts.d.ts +0 -3
- package/dist/Functions/Table/Data/parts.js +0 -629
- package/dist/Functions/Table/Drag/parts.d.ts +0 -1
- package/dist/Functions/Table/Drag/parts.js +0 -359
- package/dist/Functions/Table/Normal/parts.d.ts +0 -1
- package/dist/Functions/Table/Normal/parts.js +0 -92
- package/dist/Functions/Table/_.d.ts +0 -9
- package/dist/Functions/Table/_.js +0 -153
- package/dist/Functions/Tooltips/parts.d.ts +0 -2
- package/dist/Functions/Tooltips/parts.js +0 -71
- package/dist/Global/@export.d.ts +0 -12
- package/dist/Global/@export.js +0 -198
- package/dist/Global/LaunchReactApplication.d.ts +0 -1
- package/dist/Global/LaunchReactApplication.js +0 -48
- package/dist/Global/styleConverter.d.ts +0 -2
- package/dist/Global/styleConverter.js +0 -349
- package/dist/Molecules/@export.d.ts +0 -21
- package/dist/Molecules/@export.js +0 -41
- package/dist/Molecules/Accordion/parts.d.ts +0 -2
- package/dist/Molecules/Accordion/parts.js +0 -165
- package/dist/Molecules/LinkifyText/parts.d.ts +0 -1
- package/dist/Molecules/LinkifyText/parts.js +0 -39
- package/dist/Molecules/List.d.ts +0 -1
- package/dist/Molecules/List.js +0 -35
- package/dist/Organisms/@export.d.ts +0 -2
- package/dist/Organisms/@export.js +0 -5
- package/dist/Organisms/DisplayStyleInput/_.d.ts +0 -1
- package/dist/Organisms/DisplayStyleInput/_.js +0 -15
- package/dist/Organisms/DisplayStyleInput/darkmode.d.ts +0 -1
- package/dist/Organisms/DisplayStyleInput/darkmode.js +0 -77
- package/dist/Organisms/DisplayStyleInput/themeColor.d.ts +0 -27
- package/dist/Organisms/DisplayStyleInput/themeColor.js +0 -185
- package/dist/Templates/@export.d.ts +0 -2
- package/dist/Templates/@export.js +0 -5
- package/dist/Templates/PlayGround/parts.d.ts +0 -1
- package/dist/Templates/PlayGround/parts.js +0 -55
- package/dist/config.d.ts +0 -16
- package/dist/config.js +0 -171
- package/dist/launch.d.ts +0 -9
- package/dist/launch.js +0 -46
- package/dist/preload.d.ts +0 -1
- package/dist/preload.js +0 -73
- package/public/amotify.js +0 -310
- package/public/amotify.min.css +0 -12724
- package/src/@types/_.tsx +0 -6
- package/src/Functions/@export.tsx +0 -29
- package/src/Functions/Input/Chips/style.module.scss +0 -6
- package/src/Functions/Inputs/types.d.ts +0 -1
- package/src/Global/exe.tsx +0 -0
- package/src/Organisms/@export.tsx +0 -5
- package/src/index.js +0 -0
- /package/{src/@types → @types}/module.tsx +0 -0
- /package/{src/@types → @types}/state.tsx +0 -0
- /package/src/{Atoms → atoms}/FAIcon/parts.tsx +0 -0
- /package/src/{Functions → functions}/Effects/Ripple.tsx +0 -0
- /package/src/{Functions → functions}/Effects/_.tsx +0 -0
- /package/src/{Functions → functions}/Input/Hidden.tsx +0 -0
- /package/src/{Functions → functions}/Inputs/_.tsx +0 -0
- /package/src/{Functions → functions}/Layout/_.tsx +0 -0
- /package/src/{Global → global}/LaunchReactApplication.tsx +0 -0
- /package/src/{Organisms → organisms}/DisplayStyleInput/_.tsx +0 -0
|
@@ -1,349 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
25
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
26
|
-
if (!m) return o;
|
|
27
|
-
var i = m.call(o), r, ar = [], e;
|
|
28
|
-
try {
|
|
29
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
30
|
-
}
|
|
31
|
-
catch (error) { e = { error: error }; }
|
|
32
|
-
finally {
|
|
33
|
-
try {
|
|
34
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
35
|
-
}
|
|
36
|
-
finally { if (e) throw e.error; }
|
|
37
|
-
}
|
|
38
|
-
return ar;
|
|
39
|
-
};
|
|
40
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
41
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
42
|
-
if (ar || !(i in from)) {
|
|
43
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
44
|
-
ar[i] = from[i];
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
48
|
-
};
|
|
49
|
-
var __values = (this && this.__values) || function(o) {
|
|
50
|
-
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
|
|
51
|
-
if (m) return m.call(o);
|
|
52
|
-
if (o && typeof o.length === "number") return {
|
|
53
|
-
next: function () {
|
|
54
|
-
if (o && i >= o.length) o = void 0;
|
|
55
|
-
return { value: o && o[i++], done: !o };
|
|
56
|
-
}
|
|
57
|
-
};
|
|
58
|
-
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
|
|
59
|
-
};
|
|
60
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
61
|
-
exports.ToClassName = exports.ReadStyleSet = void 0;
|
|
62
|
-
var FNs = {
|
|
63
|
-
toConcreteBorderRadius: function (br) {
|
|
64
|
-
var roundness = amotify.config.roundness | 0;
|
|
65
|
-
if (br == '1.tone.primary') {
|
|
66
|
-
br = [0, 2, 3, 4, 5, 5][roundness];
|
|
67
|
-
}
|
|
68
|
-
else if (br == '2.tone.secondary') {
|
|
69
|
-
br = [0, 1, 2, 3, 4, 5][roundness];
|
|
70
|
-
}
|
|
71
|
-
else if (br == '3.tone.tertiary') {
|
|
72
|
-
br = [0, '1/3', '2/3', 1, 2, 3][roundness];
|
|
73
|
-
}
|
|
74
|
-
return br;
|
|
75
|
-
},
|
|
76
|
-
ev: function (v) { return $.is.nullish(v); },
|
|
77
|
-
ClassNames: function (type, params) {
|
|
78
|
-
var _a, _b, _c, _d, _e;
|
|
79
|
-
var _f, _g, _h, _j, _k, _l, _m;
|
|
80
|
-
var CLS = [];
|
|
81
|
-
var gap = params.gap, disp = params.display, position = params.position, overflow = params.overflow, fontColor = params.fontColor, fontSize = params.fontSize, fontWeight = params.fontWeight, bgc = params.backgroundColor, textAlign = params.textAlign, boxShadow = params.boxShadow, mrg = params.margin, mrgT = params.marginTop, mrgR = params.marginRight, mrgB = params.marginBottom, mrgL = params.marginLeft, pd = params.padding, pdT = params.paddingTop, pdR = params.paddingRight, pdB = params.paddingBottom, pdL = params.paddingLeft, T = params.top, R = params.right, B = params.bottom, L = params.left, b = params.border, bT = params.borderTop, bR = params.borderRight, bB = params.borderBottom, bL = params.borderLeft, bWidth = params.borderWidth,
|
|
82
|
-
// borderTopWidth: bTWidth,
|
|
83
|
-
// borderRightWidth: bRWidth,
|
|
84
|
-
// borderBottomWidth: bBWidth,
|
|
85
|
-
// borderLeftWidth: bLWidth,
|
|
86
|
-
bColor = params.borderColor,
|
|
87
|
-
// borderTopColor: bTColor,
|
|
88
|
-
// borderRightColor: bRColor,
|
|
89
|
-
// borderBottomColor: bBColor,
|
|
90
|
-
// borderLeftColor: bLColor,
|
|
91
|
-
bStyle = params.borderStyle,
|
|
92
|
-
// borderTopStyle: bTStyle,
|
|
93
|
-
// borderRightStyle: bRStyle,
|
|
94
|
-
// borderBottomStyle: bBStyle,
|
|
95
|
-
// borderLeftStyle: bLStyle,
|
|
96
|
-
br = params.borderRadius, brTL = params.borderTopLeftRadius, brTR = params.borderTopRightRadius, brBL = params.borderBottomLeftRadius, brBR = params.borderBottomRightRadius, flexSizing = params.flexSizing, flexWrap = params.flexWrap, flexType = params.flexType, flexChilds = params.flexChilds, flexGrid = params.flexGrid, horizontalAlign = params.horizontalAlign, verticalAlign = params.verticalAlign, transition = params.transition, gridCenter = params.gridCenter, gridCols = params.gridCols, maxHeight = params.maxHeight, minHeight = params.minHeight, maxWidth = params.maxWidth, minWidth = params.minWidth, width = params.width, height = params.height, unitHeight = params.unitHeight, unitWidth = params.unitWidth, opacity = params.opacity, others = __rest(params, ["gap", "display", "position", "overflow", "fontColor", "fontSize", "fontWeight", "backgroundColor", "textAlign", "boxShadow", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "top", "right", "bottom", "left", "border", "borderTop", "borderRight", "borderBottom", "borderLeft", "borderWidth", "borderColor", "borderStyle", "borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "flexSizing", "flexWrap", "flexType", "flexChilds", "flexGrid", "horizontalAlign", "verticalAlign", "transition", "gridCenter", "gridCols", "maxHeight", "minHeight", "maxWidth", "minWidth", "width", "height", "unitHeight", "unitWidth", "opacity"]);
|
|
97
|
-
{
|
|
98
|
-
FNs.ev(disp) || CLS.push('dsp' + disp);
|
|
99
|
-
if (overflow) {
|
|
100
|
-
var arr = $.flatArray(overflow);
|
|
101
|
-
CLS.push('ovfl-x-' + arr[0]);
|
|
102
|
-
CLS.push('ovfl-y-' + (arr[1] || arr[0]));
|
|
103
|
-
}
|
|
104
|
-
FNs.ev(position) || (CLS.push('ps' + position));
|
|
105
|
-
FNs.ev(textAlign) || (CLS.push('txalg' + textAlign));
|
|
106
|
-
FNs.ev(fontColor) || (CLS.push('ftcl' + ((_f = String(fontColor)) === null || _f === void 0 ? void 0 : _f.replace(/\..*/, ''))));
|
|
107
|
-
FNs.ev(fontSize) || (CLS.push('ftsz' + ((_g = String(fontSize)) === null || _g === void 0 ? void 0 : _g.replace(/\..*/, ''))));
|
|
108
|
-
FNs.ev(fontWeight) || (CLS.push('ftwt' + (fontWeight === null || fontWeight === void 0 ? void 0 : fontWeight.replace(/\..*/, ''))));
|
|
109
|
-
FNs.ev(bgc) || CLS.push('bgc' + ((_h = String(bgc)) === null || _h === void 0 ? void 0 : _h.replace(/\..*/, '')));
|
|
110
|
-
FNs.ev(boxShadow) || (CLS.push('bs' + boxShadow));
|
|
111
|
-
var _mrgT = void 0, _mrgR = void 0, _mrgB = void 0, _mrgL = void 0;
|
|
112
|
-
if ($.is.exist(mrg)) {
|
|
113
|
-
if ($.is.array(mrg)) {
|
|
114
|
-
if (mrg.length == 2)
|
|
115
|
-
_a = __read(__spreadArray(__spreadArray([], __read(mrg), false), __read(mrg), false), 4), _mrgT = _a[0], _mrgR = _a[1], _mrgB = _a[2], _mrgL = _a[3];
|
|
116
|
-
else if (mrg.length == 4)
|
|
117
|
-
_b = __read(mrg, 4), _mrgT = _b[0], _mrgR = _b[1], _mrgB = _b[2], _mrgL = _b[3];
|
|
118
|
-
}
|
|
119
|
-
else
|
|
120
|
-
_mrgT = _mrgR = _mrgB = _mrgL = mrg;
|
|
121
|
-
mrgT = mrgT !== null && mrgT !== void 0 ? mrgT : _mrgT;
|
|
122
|
-
mrgR = mrgR !== null && mrgR !== void 0 ? mrgR : _mrgR;
|
|
123
|
-
mrgB = mrgB !== null && mrgB !== void 0 ? mrgB : _mrgB;
|
|
124
|
-
mrgL = mrgL !== null && mrgL !== void 0 ? mrgL : _mrgL;
|
|
125
|
-
}
|
|
126
|
-
FNs.ev(mrgT) || (CLS.push('mrgt' + mrgT));
|
|
127
|
-
FNs.ev(mrgR) || (CLS.push('mrgr' + mrgR));
|
|
128
|
-
FNs.ev(mrgB) || (CLS.push('mrgb' + mrgB));
|
|
129
|
-
FNs.ev(mrgL) || (CLS.push('mrgl' + mrgL));
|
|
130
|
-
var _pdT = void 0, _pdR = void 0, _pdB = void 0, _pdL = void 0;
|
|
131
|
-
if ($.is.exist(pd)) {
|
|
132
|
-
if ($.is.array(pd)) {
|
|
133
|
-
if (pd.length == 2)
|
|
134
|
-
_c = __read(__spreadArray(__spreadArray([], __read(pd), false), __read(pd), false), 4), _pdT = _c[0], _pdR = _c[1], _pdB = _c[2], _pdL = _c[3];
|
|
135
|
-
else if (pd.length == 4)
|
|
136
|
-
_d = __read(pd, 4), _pdT = _d[0], _pdR = _d[1], _pdB = _d[2], _pdL = _d[3];
|
|
137
|
-
}
|
|
138
|
-
else
|
|
139
|
-
_pdT = _pdR = _pdB = _pdL = pd;
|
|
140
|
-
pdT = pdT !== null && pdT !== void 0 ? pdT : _pdT;
|
|
141
|
-
pdR = pdR !== null && pdR !== void 0 ? pdR : _pdR;
|
|
142
|
-
pdB = pdB !== null && pdB !== void 0 ? pdB : _pdB;
|
|
143
|
-
pdL = pdL !== null && pdL !== void 0 ? pdL : _pdL;
|
|
144
|
-
}
|
|
145
|
-
FNs.ev(pdT) || (CLS.push('pdt' + pdT));
|
|
146
|
-
FNs.ev(pdR) || (CLS.push('pdr' + pdR));
|
|
147
|
-
FNs.ev(pdB) || (CLS.push('pdb' + pdB));
|
|
148
|
-
FNs.ev(pdL) || (CLS.push('pdl' + pdL));
|
|
149
|
-
FNs.ev(T) || (CLS.push('pstt' + T));
|
|
150
|
-
FNs.ev(R) || (CLS.push('pstr' + R));
|
|
151
|
-
FNs.ev(B) || (CLS.push('pstb' + B));
|
|
152
|
-
FNs.ev(L) || (CLS.push('pstl' + L));
|
|
153
|
-
{
|
|
154
|
-
{
|
|
155
|
-
if ($.is.exist(b)) {
|
|
156
|
-
bT = bT !== null && bT !== void 0 ? bT : b;
|
|
157
|
-
bR = bR !== null && bR !== void 0 ? bR : b;
|
|
158
|
-
bB = bB !== null && bB !== void 0 ? bB : b;
|
|
159
|
-
bL = bL !== null && bL !== void 0 ? bL : b;
|
|
160
|
-
}
|
|
161
|
-
if ($.is.boolean(bT))
|
|
162
|
-
bT = ['unset', '2.normal'][Number(bT)];
|
|
163
|
-
if ($.is.boolean(bR))
|
|
164
|
-
bR = ['unset', '2.normal'][Number(bR)];
|
|
165
|
-
if ($.is.boolean(bB))
|
|
166
|
-
bB = ['unset', '2.normal'][Number(bB)];
|
|
167
|
-
if ($.is.boolean(bL))
|
|
168
|
-
bL = ['unset', '2.normal'][Number(bL)];
|
|
169
|
-
FNs.ev(bT) || (CLS.push('b_t_ss' + ((_j = String(bT)) === null || _j === void 0 ? void 0 : _j.replace(/\..*/, ''))));
|
|
170
|
-
FNs.ev(bR) || (CLS.push('b_r_ss' + ((_k = String(bR)) === null || _k === void 0 ? void 0 : _k.replace(/\..*/, ''))));
|
|
171
|
-
FNs.ev(bB) || (CLS.push('b_b_ss' + ((_l = String(bB)) === null || _l === void 0 ? void 0 : _l.replace(/\..*/, ''))));
|
|
172
|
-
FNs.ev(bL) || (CLS.push('b_l_ss' + ((_m = String(bL)) === null || _m === void 0 ? void 0 : _m.replace(/\..*/, ''))));
|
|
173
|
-
}
|
|
174
|
-
if ($.is.exist(bWidth))
|
|
175
|
-
CLS.push('b_wth' + String(bWidth));
|
|
176
|
-
if ($.is.exist(bColor))
|
|
177
|
-
CLS.push('b_cl' + String(bColor));
|
|
178
|
-
if ($.is.exist(bStyle))
|
|
179
|
-
CLS.push('b_st' + String(bStyle));
|
|
180
|
-
{
|
|
181
|
-
var _brTL = void 0, _brTR = void 0, _brBL = void 0, _brBR = void 0;
|
|
182
|
-
if ($.is.exist(br)) {
|
|
183
|
-
if ($.is.array(br)) {
|
|
184
|
-
if (br.length == 4)
|
|
185
|
-
_e = __read(br, 4), _brTL = _e[0], _brTR = _e[1], _brBR = _e[2], _brBL = _e[3];
|
|
186
|
-
}
|
|
187
|
-
else {
|
|
188
|
-
_brTL = _brTR = _brBL = _brBR = br;
|
|
189
|
-
}
|
|
190
|
-
brTL = brTL !== null && brTL !== void 0 ? brTL : _brTL;
|
|
191
|
-
brTR = brTR !== null && brTR !== void 0 ? brTR : _brTR;
|
|
192
|
-
brBL = brBL !== null && brBL !== void 0 ? brBL : _brBL;
|
|
193
|
-
brBR = brBR !== null && brBR !== void 0 ? brBR : _brBR;
|
|
194
|
-
}
|
|
195
|
-
}
|
|
196
|
-
FNs.ev(brTL) || (CLS.push('br_tl' + FNs.toConcreteBorderRadius(brTL)));
|
|
197
|
-
FNs.ev(brTR) || (CLS.push('br_tr' + FNs.toConcreteBorderRadius(brTR)));
|
|
198
|
-
FNs.ev(brBL) || (CLS.push('br_bl' + FNs.toConcreteBorderRadius(brBL)));
|
|
199
|
-
FNs.ev(brBR) || (CLS.push('br_br' + FNs.toConcreteBorderRadius(brBR)));
|
|
200
|
-
}
|
|
201
|
-
FNs.ev(opacity) || (CLS.push('op' + opacity));
|
|
202
|
-
if ($.is.exist(gap)) {
|
|
203
|
-
var gapRow = void 0, gapCol = void 0;
|
|
204
|
-
if ($.is.array(gap))
|
|
205
|
-
gapRow = gap[0], gapCol = gap[1];
|
|
206
|
-
else
|
|
207
|
-
gapRow = gapCol = gap;
|
|
208
|
-
CLS.push.apply(CLS, ['gapRow' + gapRow, 'gapCol' + gapCol]);
|
|
209
|
-
}
|
|
210
|
-
FNs.ev(flexSizing) || (CLS.push('flsz' + flexSizing));
|
|
211
|
-
FNs.ev(flexWrap) || (CLS.push('flwrp' + flexWrap));
|
|
212
|
-
FNs.ev(flexType) || (CLS.push('fltyp' + flexType));
|
|
213
|
-
FNs.ev(flexChilds) || (CLS.push('flchld' + flexChilds));
|
|
214
|
-
FNs.ev(flexGrid) || (CLS.push('flgrid' + flexGrid));
|
|
215
|
-
FNs.ev(verticalAlign) || (CLS.push('flvrt' + verticalAlign));
|
|
216
|
-
FNs.ev(horizontalAlign) || (CLS.push('flhrz' + horizontalAlign));
|
|
217
|
-
FNs.ev(gridCenter) || (CLS.push('grcnt' + gridCenter));
|
|
218
|
-
FNs.ev(gridCols) || (CLS.push('grcol' + gridCols));
|
|
219
|
-
FNs.ev(height) || (CLS.push('hgt' + height));
|
|
220
|
-
FNs.ev(width) || (CLS.push('wdt' + width));
|
|
221
|
-
FNs.ev(unitHeight) || (CLS.push('unthgt' + unitHeight));
|
|
222
|
-
FNs.ev(unitWidth) || (CLS.push('untwdt' + unitWidth));
|
|
223
|
-
FNs.ev(transition) || (CLS.push('trnst' + transition));
|
|
224
|
-
FNs.ev(maxHeight) || (CLS.push('maxh' + maxHeight));
|
|
225
|
-
FNs.ev(minHeight) || (CLS.push('minh' + minHeight));
|
|
226
|
-
FNs.ev(maxWidth) || (CLS.push('maxw' + maxWidth));
|
|
227
|
-
FNs.ev(minWidth) || (CLS.push('minw' + minWidth));
|
|
228
|
-
}
|
|
229
|
-
return {
|
|
230
|
-
otherParams: others,
|
|
231
|
-
className: CLS.length ? type + CLS.join(' ' + type) : ''
|
|
232
|
-
};
|
|
233
|
-
}
|
|
234
|
-
};
|
|
235
|
-
var ReadStyleSet = function (rawParams) {
|
|
236
|
-
var params = __assign({}, rawParams);
|
|
237
|
-
var gradients = params.gradients, ssCardBox = params.ssCardBox, ssSphere = params.ssSphere, ssSquare = params.ssSquare, ssPushable = params.ssPushable, ssAbsoluteCovered = params.ssAbsoluteCovered, ssTextEllipsis = params.ssTextEllipsis, flexCenter = params.flexCenter, flexNewLine = params.flexNewLine, isBoldFont = params.isBoldFont, isRounded = params.isRounded, ReturnParams = __rest(params, ["gradients", "ssCardBox", "ssSphere", "ssSquare", "ssPushable", "ssAbsoluteCovered", "ssTextEllipsis", "flexCenter", "flexNewLine", "isBoldFont", "isRounded"]);
|
|
238
|
-
if (gradients) {
|
|
239
|
-
var deg = gradients.deg, colors = gradients.colors;
|
|
240
|
-
ReturnParams = __assign(__assign({}, ReturnParams), { freeCSS: {
|
|
241
|
-
background: "linear-gradient(".concat(deg, "deg,").concat(colors.join(','), ")"),
|
|
242
|
-
} });
|
|
243
|
-
}
|
|
244
|
-
if (ssCardBox) {
|
|
245
|
-
if (ssCardBox === true) {
|
|
246
|
-
ssCardBox = 'border';
|
|
247
|
-
if (amotify.config.tone == 'flat')
|
|
248
|
-
ssCardBox = 'cloud';
|
|
249
|
-
}
|
|
250
|
-
var exStyles = {
|
|
251
|
-
backgroundColor: '1.layer.base',
|
|
252
|
-
borderRadius: '1.tone.primary',
|
|
253
|
-
boxShadow: 0,
|
|
254
|
-
freeCSS: {
|
|
255
|
-
zIndex: 1
|
|
256
|
-
}
|
|
257
|
-
};
|
|
258
|
-
if (ssCardBox == 'border') {
|
|
259
|
-
exStyles.border = true;
|
|
260
|
-
}
|
|
261
|
-
else if (ssCardBox == 'layer') {
|
|
262
|
-
exStyles.backgroundColor = '1.layer.base';
|
|
263
|
-
}
|
|
264
|
-
else if (ssCardBox == 'cloud') {
|
|
265
|
-
exStyles.backgroundColor = 'cloud';
|
|
266
|
-
}
|
|
267
|
-
else if (ssCardBox == 'shadow') {
|
|
268
|
-
exStyles.boxShadow = 1;
|
|
269
|
-
}
|
|
270
|
-
if (['dim', 'dark'].includes(amotify.config.darkMode))
|
|
271
|
-
exStyles.boxShadow = 2;
|
|
272
|
-
ReturnParams = $.deepMerge(exStyles, ReturnParams);
|
|
273
|
-
}
|
|
274
|
-
if (ssSphere) {
|
|
275
|
-
flexCenter = flexCenter !== null && flexCenter !== void 0 ? flexCenter : true;
|
|
276
|
-
ReturnParams = __assign({ padding: 0, unitWidth: ssSphere, unitHeight: ssSphere, borderRadius: 'sphere', flexSizing: 'none' }, ReturnParams);
|
|
277
|
-
}
|
|
278
|
-
if (ssSquare) {
|
|
279
|
-
flexCenter = flexCenter !== null && flexCenter !== void 0 ? flexCenter : true;
|
|
280
|
-
ReturnParams = __assign({ padding: 0, unitWidth: ssSquare, unitHeight: ssSquare, flexSizing: 'none' }, ReturnParams);
|
|
281
|
-
}
|
|
282
|
-
!ssPushable || (ReturnParams = __assign(__assign({ transition: 'middle' }, ReturnParams), { className: [
|
|
283
|
-
ReturnParams.className,
|
|
284
|
-
'ssPushable'
|
|
285
|
-
].join(' ') }));
|
|
286
|
-
!ssAbsoluteCovered || (ReturnParams = __assign({ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }, ReturnParams));
|
|
287
|
-
!ssTextEllipsis || (ReturnParams = __assign(__assign({ overflow: 'hidden' }, ReturnParams), { freeCSS: __assign({ whiteSpace: 'nowrap', textOverflow: 'ellipsis' }, ReturnParams.freeCSS) }));
|
|
288
|
-
!flexNewLine || (ReturnParams = __assign({ width: 1, flexSizing: 'none' }, ReturnParams));
|
|
289
|
-
!flexCenter || (ReturnParams = __assign({ display: 'flex', horizontalAlign: 'center', verticalAlign: 'center' }, ReturnParams));
|
|
290
|
-
!isBoldFont || (ReturnParams = __assign(__assign({}, ReturnParams), { fontWeight: '3.bold' }));
|
|
291
|
-
!isRounded || (ReturnParams = __assign(__assign({}, ReturnParams), { borderRadius: 'sphere' }));
|
|
292
|
-
return ReturnParams;
|
|
293
|
-
};
|
|
294
|
-
exports.ReadStyleSet = ReadStyleSet;
|
|
295
|
-
var ToClassName = function (rawParams) {
|
|
296
|
-
var e_1, _a;
|
|
297
|
-
var params = (0, exports.ReadStyleSet)(rawParams);
|
|
298
|
-
var componentID = params.componentID, _b = params.UnderBreakPointStyles, UnderBreakPointStyles = _b === void 0 ? {} : _b, _c = params.hoverStyles, hoverStyles = _c === void 0 ? {} : _c, _d = params.focusStyles, focusStyles = _d === void 0 ? {} : _d, _e = params.activeStyles, activeStyles = _e === void 0 ? {} : _e, _f = params.className, className = _f === void 0 ? '' : _f, _g = params.freeCSS, freeCSS = _g === void 0 ? {} : _g, ssEffectsOnActive = params.ssEffectsOnActive, ssLastChildLossBorder = params.ssLastChildLossBorder, others = __rest(params, ["componentID", "UnderBreakPointStyles", "hoverStyles", "focusStyles", "activeStyles", "className", "freeCSS", "ssEffectsOnActive", "ssLastChildLossBorder"]);
|
|
299
|
-
var ClassNames = [className];
|
|
300
|
-
if (ssLastChildLossBorder) {
|
|
301
|
-
ClassNames.push('ssLastChildLossBorder_' + ssLastChildLossBorder);
|
|
302
|
-
}
|
|
303
|
-
if (ssEffectsOnActive) {
|
|
304
|
-
ssEffectsOnActive = $.flatArray(ssEffectsOnActive);
|
|
305
|
-
try {
|
|
306
|
-
for (var _h = __values(ssEffectsOnActive), _j = _h.next(); !_j.done; _j = _h.next()) {
|
|
307
|
-
var effect = _j.value;
|
|
308
|
-
ClassNames.push.apply(ClassNames, ['eff_' + effect, 'eff_' + effect.split('.')[0]]);
|
|
309
|
-
}
|
|
310
|
-
}
|
|
311
|
-
catch (e_1_1) { e_1 = { error: e_1_1 }; }
|
|
312
|
-
finally {
|
|
313
|
-
try {
|
|
314
|
-
if (_j && !_j.done && (_a = _h.return)) _a.call(_h);
|
|
315
|
-
}
|
|
316
|
-
finally { if (e_1) throw e_1.error; }
|
|
317
|
-
}
|
|
318
|
-
}
|
|
319
|
-
{
|
|
320
|
-
var result = FNs.ClassNames('¥', others);
|
|
321
|
-
ClassNames.push(result.className);
|
|
322
|
-
others = result.otherParams;
|
|
323
|
-
}
|
|
324
|
-
if (UnderBreakPointStyles)
|
|
325
|
-
ClassNames.push(FNs.ClassNames('¥bk', UnderBreakPointStyles).className);
|
|
326
|
-
if (hoverStyles)
|
|
327
|
-
ClassNames.push(FNs.ClassNames('¥_h', hoverStyles).className);
|
|
328
|
-
if (focusStyles)
|
|
329
|
-
ClassNames.push(FNs.ClassNames('¥_f', focusStyles).className);
|
|
330
|
-
if (activeStyles)
|
|
331
|
-
ClassNames.push(FNs.ClassNames('¥_a', activeStyles).className);
|
|
332
|
-
var states = __assign({}, others);
|
|
333
|
-
if (freeCSS)
|
|
334
|
-
states.style = __assign(__assign({}, freeCSS), states.style);
|
|
335
|
-
if (componentID || states['data-component-id']) {
|
|
336
|
-
states['data-component-id'] = states['data-component-id'] || componentID;
|
|
337
|
-
}
|
|
338
|
-
if (ClassNames.length) {
|
|
339
|
-
states.className = ClassNames.join(' ')
|
|
340
|
-
.trim()
|
|
341
|
-
.replace(/%/ig, 'P')
|
|
342
|
-
.replace(/\d+px/ig, 'PIX')
|
|
343
|
-
.replace(/\s+/ig, ' ')
|
|
344
|
-
.replace(/\//ig, '_')
|
|
345
|
-
.replace(/\./ig, '-');
|
|
346
|
-
}
|
|
347
|
-
return states;
|
|
348
|
-
};
|
|
349
|
-
exports.ToClassName = ToClassName;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { List } from './List';
|
|
2
|
-
import { Accordion } from './Accordion/parts';
|
|
3
|
-
import { LinkifyText } from './LinkifyText/parts';
|
|
4
|
-
declare const Text: {
|
|
5
|
-
Title: (params: amotify.atoms.BoxInput) => JSX.Element;
|
|
6
|
-
SubTitle: (params: amotify.atoms.BoxInput) => JSX.Element;
|
|
7
|
-
ThirdTitle: (params: amotify.atoms.BoxInput) => JSX.Element;
|
|
8
|
-
Paragraph: (params: amotify.atoms.BoxInput) => JSX.Element;
|
|
9
|
-
Normal: (params: amotify.atoms.BoxInput) => JSX.Element;
|
|
10
|
-
Description: (params: amotify.atoms.BoxInput) => JSX.Element;
|
|
11
|
-
Supplement: (params: amotify.atoms.BoxInput) => JSX.Element;
|
|
12
|
-
NowrapSpan: (params: amotify.atoms.SpanProps) => JSX.Element;
|
|
13
|
-
};
|
|
14
|
-
declare const Row: {
|
|
15
|
-
Center: (params: amotify.atoms.FlexProps) => JSX.Element;
|
|
16
|
-
Left: (params: amotify.atoms.FlexProps) => JSX.Element;
|
|
17
|
-
Right: (params: amotify.atoms.FlexProps) => JSX.Element;
|
|
18
|
-
Separate: (params: amotify.atoms.FlexProps) => JSX.Element;
|
|
19
|
-
};
|
|
20
|
-
declare const Column: (params: amotify.atoms.FlexProps) => JSX.Element;
|
|
21
|
-
export { List, Accordion, LinkifyText, Text, Column, Row };
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.Row = exports.Column = exports.Text = exports.LinkifyText = exports.Accordion = exports.List = void 0;
|
|
15
|
-
var _export_1 = require("../Atoms/@export");
|
|
16
|
-
var List_1 = require("./List");
|
|
17
|
-
Object.defineProperty(exports, "List", { enumerable: true, get: function () { return List_1.List; } });
|
|
18
|
-
var parts_1 = require("./Accordion/parts");
|
|
19
|
-
Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return parts_1.Accordion; } });
|
|
20
|
-
var parts_2 = require("./LinkifyText/parts");
|
|
21
|
-
Object.defineProperty(exports, "LinkifyText", { enumerable: true, get: function () { return parts_2.LinkifyText; } });
|
|
22
|
-
var Text = {
|
|
23
|
-
Title: function (params) { return (React.createElement(_export_1.Box, __assign({ fontSize: '6.title', fontWeight: '3.bold' }, params))); },
|
|
24
|
-
SubTitle: function (params) { return (React.createElement(_export_1.Box, __assign({ fontSize: '5.subTitle', fontWeight: '3.bold' }, params))); },
|
|
25
|
-
ThirdTitle: function (params) { return (React.createElement(_export_1.Box, __assign({ fontSize: '4.thirdTitle', fontWeight: '3.bold' }, params))); },
|
|
26
|
-
Paragraph: function (params) { return (React.createElement(_export_1.Box, __assign({ fontSize: '3.paragraph', fontWeight: '3.bold' }, params))); },
|
|
27
|
-
Normal: function (params) { return (React.createElement(_export_1.Box, __assign({}, params))); },
|
|
28
|
-
Description: function (params) { return (React.createElement(_export_1.Box, __assign({}, params, { freeCSS: __assign({ whiteSpace: 'pre-wrap' }, params.freeCSS) }))); },
|
|
29
|
-
Supplement: function (params) { return (React.createElement(_export_1.Box, __assign({ fontSize: '1.mini' }, params))); },
|
|
30
|
-
NowrapSpan: function (params) { return (React.createElement(_export_1.Span, __assign({}, params, { freeCSS: __assign({ whiteSpace: 'nowrap' }, params.freeCSS) }))); }
|
|
31
|
-
};
|
|
32
|
-
exports.Text = Text;
|
|
33
|
-
var Row = {
|
|
34
|
-
Center: function (params) { return (React.createElement(_export_1.Flex, __assign({ horizontalAlign: 'center', verticalAlign: 'center', flexWrap: false, gap: 1 }, params))); },
|
|
35
|
-
Left: function (params) { return (React.createElement(_export_1.Flex, __assign({ horizontalAlign: 'left', verticalAlign: 'center', flexWrap: false, gap: 1 }, params))); },
|
|
36
|
-
Right: function (params) { return (React.createElement(_export_1.Flex, __assign({ horizontalAlign: 'right', verticalAlign: 'center', flexWrap: false, gap: 1 }, params))); },
|
|
37
|
-
Separate: function (params) { return (React.createElement(_export_1.Flex, __assign({ horizontalAlign: 'between', verticalAlign: 'center', flexWrap: false, gap: 1 }, params))); },
|
|
38
|
-
};
|
|
39
|
-
exports.Row = Row;
|
|
40
|
-
var Column = function (params) { return (React.createElement(_export_1.Flex, __assign({ flexType: 'col', gap: 1 }, params))); };
|
|
41
|
-
exports.Column = Column;
|
|
@@ -1,165 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
25
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
26
|
-
if (!m) return o;
|
|
27
|
-
var i = m.call(o), r, ar = [], e;
|
|
28
|
-
try {
|
|
29
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
30
|
-
}
|
|
31
|
-
catch (error) { e = { error: error }; }
|
|
32
|
-
finally {
|
|
33
|
-
try {
|
|
34
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
35
|
-
}
|
|
36
|
-
finally { if (e) throw e.error; }
|
|
37
|
-
}
|
|
38
|
-
return ar;
|
|
39
|
-
};
|
|
40
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
41
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
42
|
-
};
|
|
43
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
44
|
-
exports.Accordion = void 0;
|
|
45
|
-
var _export_1 = require("../../Global/@export");
|
|
46
|
-
var _export_2 = require("../../Atoms/@export");
|
|
47
|
-
var useEffect = _export_1.React.useEffect, useState = _export_1.React.useState;
|
|
48
|
-
var style_module_scss_1 = __importDefault(require("./style.module.scss"));
|
|
49
|
-
var Component = function (params) {
|
|
50
|
-
var _a = params.accordionID, accordionID = _a === void 0 ? '' : _a, _b = params.slideAnimation, slideAnimation = _b === void 0 ? 'fast' : _b, _c = params.open, open = _c === void 0 ? false : _c, others = __rest(params, ["accordionID", "slideAnimation", "open"]);
|
|
51
|
-
var _d = __read(useState($.uuidGen()), 1), val_wrapID = _d[0];
|
|
52
|
-
var _e = __read(useState($.uuidGen()), 1), val_contentID = _e[0];
|
|
53
|
-
var _f = __read(useState(open), 2), val_open = _f[0], set_open = _f[1];
|
|
54
|
-
if (val_open != open)
|
|
55
|
-
set_open(open);
|
|
56
|
-
var Query = '[data-accordion-content-id="' + val_contentID + '"]';
|
|
57
|
-
var mounted = _export_1.React.useRef(false);
|
|
58
|
-
useEffect(function () {
|
|
59
|
-
var Content = $(Query)[0];
|
|
60
|
-
if (Content) {
|
|
61
|
-
var contentHeight = Content.offsetHeight;
|
|
62
|
-
var transitionTime = 0;
|
|
63
|
-
if (slideAnimation == 'fast') {
|
|
64
|
-
transitionTime = contentHeight / 1000;
|
|
65
|
-
transitionTime = Math.max(transitionTime, .2);
|
|
66
|
-
}
|
|
67
|
-
else if (slideAnimation == 'slow') {
|
|
68
|
-
transitionTime = contentHeight / 300;
|
|
69
|
-
}
|
|
70
|
-
$('#' + val_wrapID).css({
|
|
71
|
-
transition: transitionTime + 's'
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
}, []);
|
|
75
|
-
useEffect(function () {
|
|
76
|
-
var Wrap = $('#' + val_wrapID);
|
|
77
|
-
var Content = $(Query)[0];
|
|
78
|
-
if (mounted.current) {
|
|
79
|
-
if (Content) {
|
|
80
|
-
var contentHeight = Content.offsetHeight;
|
|
81
|
-
if ($.is.exist(contentHeight)) {
|
|
82
|
-
if (val_open) {
|
|
83
|
-
Wrap.css({
|
|
84
|
-
maxHeight: (contentHeight + 1) + 'px',
|
|
85
|
-
}).await(200).css({
|
|
86
|
-
maxHeight: 'unset',
|
|
87
|
-
overflow: params.overflow || 'unset'
|
|
88
|
-
});
|
|
89
|
-
}
|
|
90
|
-
else {
|
|
91
|
-
Wrap.css({
|
|
92
|
-
maxHeight: (contentHeight + 1) + 'px',
|
|
93
|
-
}).await(100).css({
|
|
94
|
-
maxHeight: 0 + 'px',
|
|
95
|
-
overflow: 'hidden'
|
|
96
|
-
});
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
else {
|
|
102
|
-
mounted.current = true;
|
|
103
|
-
if (Content) {
|
|
104
|
-
var contentHeight = Content.offsetHeight;
|
|
105
|
-
if ($.is.exist(contentHeight)) {
|
|
106
|
-
if (val_open) {
|
|
107
|
-
Wrap.css({
|
|
108
|
-
maxHeight: (contentHeight + 1) + 'px',
|
|
109
|
-
}).await(200).css({
|
|
110
|
-
maxHeight: 'unset',
|
|
111
|
-
overflow: params.overflow || 'unset'
|
|
112
|
-
});
|
|
113
|
-
}
|
|
114
|
-
else {
|
|
115
|
-
Wrap
|
|
116
|
-
.css({
|
|
117
|
-
maxHeight: 0 + 'px',
|
|
118
|
-
overflow: 'hidden'
|
|
119
|
-
});
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
}, [val_open]);
|
|
125
|
-
if (accordionID) {
|
|
126
|
-
_export_1.useStore.set({
|
|
127
|
-
key: 'Accordion-' + accordionID,
|
|
128
|
-
value: {
|
|
129
|
-
open: function () {
|
|
130
|
-
set_open(true);
|
|
131
|
-
params.open = true;
|
|
132
|
-
},
|
|
133
|
-
close: function () {
|
|
134
|
-
set_open(false);
|
|
135
|
-
params.open = false;
|
|
136
|
-
},
|
|
137
|
-
toggle: function () {
|
|
138
|
-
set_open(!val_open);
|
|
139
|
-
params.open = !val_open;
|
|
140
|
-
}
|
|
141
|
-
}
|
|
142
|
-
});
|
|
143
|
-
}
|
|
144
|
-
return (_export_1.React.createElement(_export_2.Box, { className: [
|
|
145
|
-
style_module_scss_1.default.Wrap,
|
|
146
|
-
style_module_scss_1.default['Open_' + val_open]
|
|
147
|
-
].join(' '), id: val_wrapID },
|
|
148
|
-
_export_1.React.createElement(_export_2.Box, __assign({ "data-accordion-content-id": val_contentID }, others))));
|
|
149
|
-
};
|
|
150
|
-
var Accordion = Component;
|
|
151
|
-
exports.Accordion = Accordion;
|
|
152
|
-
Accordion.fn = {
|
|
153
|
-
open: function (id) {
|
|
154
|
-
var component = _export_1.useStore.get('Accordion-' + id);
|
|
155
|
-
!component || component.open();
|
|
156
|
-
},
|
|
157
|
-
close: function (id) {
|
|
158
|
-
var component = _export_1.useStore.get('Accordion-' + id);
|
|
159
|
-
!component || component.close();
|
|
160
|
-
},
|
|
161
|
-
toggle: function (id) {
|
|
162
|
-
var component = _export_1.useStore.get('Accordion-' + id);
|
|
163
|
-
!component || component.toggle();
|
|
164
|
-
}
|
|
165
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const LinkifyText: FNC<amotify.mols.LinkifyTextProps>;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.LinkifyText = void 0;
|
|
4
|
-
var _export_1 = require("../../Atoms/@export");
|
|
5
|
-
var _export_2 = require("../../Functions/@export");
|
|
6
|
-
var Anchor = _export_2.Buttons.Anchor;
|
|
7
|
-
var LinkifyText = function (props) {
|
|
8
|
-
var text = props.text, placeholder = props.placeholder;
|
|
9
|
-
var Description = [];
|
|
10
|
-
if (text) {
|
|
11
|
-
var urls_1 = [];
|
|
12
|
-
text = text.replace(/https?:\/\/[^\s|\n|\r]*/ig, function () {
|
|
13
|
-
var args = [];
|
|
14
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
15
|
-
args[_i] = arguments[_i];
|
|
16
|
-
}
|
|
17
|
-
var url = args[0];
|
|
18
|
-
urls_1.push(url);
|
|
19
|
-
return '[$_url]';
|
|
20
|
-
});
|
|
21
|
-
var parts = text.split('[$_url]');
|
|
22
|
-
for (var index = 0; index <= parts.length - 1; index++) {
|
|
23
|
-
var part = parts[index];
|
|
24
|
-
var url = urls_1[index];
|
|
25
|
-
Description.push(part);
|
|
26
|
-
if (index < parts.length - 1) {
|
|
27
|
-
Description.push(React.createElement(Anchor.Link, { key: 'Link-' + index, href: url, newTab: true },
|
|
28
|
-
url,
|
|
29
|
-
" ",
|
|
30
|
-
React.createElement(_export_1.FAIcon, { d: 'arrow-up-right-from-square' })));
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
else if (placeholder) {
|
|
35
|
-
Description = [placeholder];
|
|
36
|
-
}
|
|
37
|
-
return (React.createElement(React.Fragment, null, Description));
|
|
38
|
-
};
|
|
39
|
-
exports.LinkifyText = LinkifyText;
|
package/dist/Molecules/List.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const List: FNC<amotify.mols.List.Params>;
|
package/dist/Molecules/List.js
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.List = void 0;
|
|
26
|
-
var _export_1 = require("../Atoms/@export");
|
|
27
|
-
var List = function (params) {
|
|
28
|
-
var rows = params.rows, DefaultRowStyles = params.rowStyles, others = __rest(params, ["rows", "rowStyles"]);
|
|
29
|
-
var rowArray = rows.map(function (row) {
|
|
30
|
-
var children = row.children, others = __rest(row, ["children"]);
|
|
31
|
-
return React.createElement(_export_1.Flex, __assign({}, DefaultRowStyles, others, { children: children }));
|
|
32
|
-
});
|
|
33
|
-
return React.createElement(_export_1.Flex, __assign({}, others, { flexType: 'col', children: rowArray }));
|
|
34
|
-
};
|
|
35
|
-
exports.List = List;
|