103 lines
4 KiB
TypeScript
103 lines
4 KiB
TypeScript
// Module ID: 8098
|
|
// Function ID: 8099
|
|
// Name: BaseIconButton
|
|
// Dependencies: [19, 21, 4560, 4980, 4296, 4977, 4981, 4983, 4985, 2]
|
|
|
|
// Module 8098 (BaseIconButton)
|
|
import _mod4296 from "module_4296" /* 4296 */;
|
|
import IconSizesDefault from "IconSizes" /* 4977 */;
|
|
import MINIMUM_HIT_AREA from "MINIMUM_HIT_AREA" /* 4980 */;
|
|
import styleProperties from "styleProperties" /* 4981 */;
|
|
import BaseButton from "BaseButton" /* 4983 */;
|
|
import PillWrapper from "PillWrapper" /* 4985 */;
|
|
import importAllResult from "noop" /* 19 */;
|
|
import { jsx } from "jsxProd" /* 21 */;
|
|
import createCacheKey from "createCacheKey" /* 4560 */;
|
|
import importDefaultResult from "module_4296" /* 4296 */;
|
|
|
|
require = arg1;
|
|
let closure_4 = createCacheKey.createStyles((arg0, arg1) => {
|
|
if ("sm" === arg1) {
|
|
let obj = { paddingHorizontal: null, paddingVertical: null };
|
|
obj[0] = MINIMUM_HIT_AREA.SMALL_BUTTON_PADDING;
|
|
obj[1] = MINIMUM_HIT_AREA.SMALL_BUTTON_PADDING;
|
|
} else if ("md" === arg1) {
|
|
obj = { paddingHorizontal: null, paddingVertical: null };
|
|
obj[0] = MINIMUM_HIT_AREA.MEDIUM_BUTTON_PADDING;
|
|
obj[1] = MINIMUM_HIT_AREA.MEDIUM_BUTTON_PADDING;
|
|
} else {
|
|
obj = {};
|
|
if ("lg" === arg1) {
|
|
obj1 = { paddingHorizontal: null, paddingVertical: null };
|
|
obj1[0] = MINIMUM_HIT_AREA.LARGE_BUTTON_PADDING;
|
|
obj1[1] = MINIMUM_HIT_AREA.LARGE_BUTTON_PADDING;
|
|
obj = obj1;
|
|
}
|
|
}
|
|
const obj2 = { button: { flexShrink: 0, flexGrow: 0, alignSelf: "center" }, pill: null };
|
|
const merged = Object.assign(obj);
|
|
obj2[1] = {};
|
|
return obj2;
|
|
});
|
|
let closure_5 = importDefaultResult.createAnimatedComponent(IconSizesDefault);
|
|
const forwardRefResult = importAllResult.forwardRef((variant, ref) => {
|
|
variant = variant.variant;
|
|
let str = "primary";
|
|
({ style, pillStyle } = variant);
|
|
if (undefined !== variant) {
|
|
str = variant;
|
|
}
|
|
let DEFAULT_BUTTON_SIZE = variant.size;
|
|
if (undefined === DEFAULT_BUTTON_SIZE) {
|
|
DEFAULT_BUTTON_SIZE = MINIMUM_HIT_AREA.DEFAULT_BUTTON_SIZE;
|
|
}
|
|
({ icon, scaleAmountInPx } = variant);
|
|
let num = 4;
|
|
({ maxFontSizeMultiplier, loading } = variant);
|
|
if (undefined !== scaleAmountInPx) {
|
|
num = scaleAmountInPx;
|
|
}
|
|
const tmp3 = callback(str, DEFAULT_BUTTON_SIZE);
|
|
let obj = _mod4296;
|
|
const sharedValue = obj.useSharedValue(0);
|
|
obj1 = styleProperties;
|
|
const iconTintStyles = obj1.useIconTintStyles(str);
|
|
const iconSizeStyles = styleProperties.useIconSizeStyles(DEFAULT_BUTTON_SIZE, true, maxFontSizeMultiplier);
|
|
let MEDIUM_BUTTON_HEIGHT = MINIMUM_HIT_AREA.LARGE_BUTTON_HEIGHT;
|
|
if ("sm" === DEFAULT_BUTTON_SIZE) {
|
|
MEDIUM_BUTTON_HEIGHT = tmp4(4980).SMALL_BUTTON_HEIGHT;
|
|
} else if ("md" === DEFAULT_BUTTON_SIZE) {
|
|
MEDIUM_BUTTON_HEIGHT = tmp4(4980).MEDIUM_BUTTON_HEIGHT;
|
|
}
|
|
const bound = Math.max((tmp4(4980).MINIMUM_HIT_AREA - MEDIUM_BUTTON_HEIGHT) / 2, 0);
|
|
obj = {};
|
|
const merged = Object.assign(variant);
|
|
obj.ref = ref;
|
|
const items = [tmp3.button, style];
|
|
obj.style = items;
|
|
obj.pressed = sharedValue;
|
|
obj.scaleAmountInPx = num;
|
|
obj.hitSlop = bound;
|
|
obj = { style: items1, variant: str, size: DEFAULT_BUTTON_SIZE, loading, loaderSize: null, pressed: null, children: null };
|
|
items1 = [tmp3.pill, pillStyle];
|
|
let str3 = "xs";
|
|
if ("lg" === DEFAULT_BUTTON_SIZE) {
|
|
str3 = "sm";
|
|
}
|
|
obj[4] = str3;
|
|
obj[5] = sharedValue;
|
|
let tmp10Result = icon;
|
|
if (!importAllResult.isValidElement(icon)) {
|
|
obj1 = { source: null, style: null };
|
|
obj1[0] = icon;
|
|
const items2 = [iconTintStyles, iconSizeStyles];
|
|
obj1[1] = items2;
|
|
tmp10Result = tmp10(closure_5, obj1);
|
|
}
|
|
obj[6] = tmp10Result;
|
|
obj.children = jsx(PillWrapper.ButtonPill, { style: items1, variant: str, size: DEFAULT_BUTTON_SIZE, loading, loaderSize: null, pressed: null, children: null });
|
|
return jsx(BaseButton.BaseButton, { style: items1, variant: str, size: DEFAULT_BUTTON_SIZE, loading, loaderSize: null, pressed: null, children: null });
|
|
});
|
|
const result = require("set").fileFinishedImporting("design/components/Button/native/BaseIconButton.native.tsx");
|
|
|
|
export const BaseIconButton = forwardRefResult;
|