103 lines
4 KiB
TypeScript
103 lines
4 KiB
TypeScript
// Module ID: 7793
|
|
// Function ID: 7794
|
|
// Name: BaseIconButton
|
|
// Dependencies: [19, 21, 4344, 4758, 4083, 4756, 4759, 4761, 4763, 2]
|
|
|
|
// Module 7793 (BaseIconButton)
|
|
import importAllResult from "noop";
|
|
import { jsx } from "jsxProd";
|
|
import createCacheKey from "createCacheKey";
|
|
import IconSizes from "IconSizes";
|
|
import importDefaultResult from "module_4083";
|
|
|
|
const require = arg1;
|
|
let closure_4 = createCacheKey.createStyles((arg0, arg1) => {
|
|
if ("sm" === arg1) {
|
|
let obj = { paddingHorizontal: null, paddingVertical: null };
|
|
obj[0] = require(4758) /* MINIMUM_HIT_AREA */.SMALL_BUTTON_PADDING;
|
|
obj[1] = require(4758) /* MINIMUM_HIT_AREA */.SMALL_BUTTON_PADDING;
|
|
} else if ("md" === arg1) {
|
|
obj = { paddingHorizontal: null, paddingVertical: null };
|
|
obj[0] = require(4758) /* MINIMUM_HIT_AREA */.MEDIUM_BUTTON_PADDING;
|
|
obj[1] = require(4758) /* MINIMUM_HIT_AREA */.MEDIUM_BUTTON_PADDING;
|
|
} else {
|
|
obj = {};
|
|
if ("lg" === arg1) {
|
|
const obj1 = { paddingHorizontal: null, paddingVertical: null };
|
|
obj1[0] = require(4758) /* MINIMUM_HIT_AREA */.LARGE_BUTTON_PADDING;
|
|
obj1[1] = require(4758) /* 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;
|
|
});
|
|
const forwardRefResult = importAllResult.forwardRef((variant, ref) => {
|
|
let icon;
|
|
let loading;
|
|
let maxFontSizeMultiplier;
|
|
let pillStyle;
|
|
let scaleAmountInPx;
|
|
let style;
|
|
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 = require(4758) /* 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 = require(4083);
|
|
const sharedValue = obj.useSharedValue(0);
|
|
let obj1 = require(4759) /* styleProperties */;
|
|
const iconTintStyles = obj1.useIconTintStyles(str);
|
|
const iconSizeStyles = require(4759) /* styleProperties */.useIconSizeStyles(DEFAULT_BUTTON_SIZE, true, maxFontSizeMultiplier);
|
|
let MEDIUM_BUTTON_HEIGHT = require(4758) /* MINIMUM_HIT_AREA */.LARGE_BUTTON_HEIGHT;
|
|
if ("sm" === DEFAULT_BUTTON_SIZE) {
|
|
MEDIUM_BUTTON_HEIGHT = tmp4(4758).SMALL_BUTTON_HEIGHT;
|
|
} else if ("md" === DEFAULT_BUTTON_SIZE) {
|
|
MEDIUM_BUTTON_HEIGHT = tmp4(4758).MEDIUM_BUTTON_HEIGHT;
|
|
}
|
|
const bound = Math.max((tmp4(4758).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(IconSizes, obj1);
|
|
}
|
|
obj[6] = tmp10Result;
|
|
obj.children = jsx(require(4763) /* PillWrapper */.ButtonPill, { style: items1, variant: str, size: DEFAULT_BUTTON_SIZE, loading, loaderSize: null, pressed: null, children: null });
|
|
return jsx(require(4761) /* BaseButton */.BaseButton, { style: items1, variant: str, size: DEFAULT_BUTTON_SIZE, loading, loaderSize: null, pressed: null, children: null });
|
|
});
|
|
const result = require("createCacheKey").fileFinishedImporting("design/components/Button/native/BaseIconButton.native.tsx");
|
|
|
|
export const BaseIconButton = forwardRefResult;
|