@smart-react-components/ui/components/Dropdown/DropdownItemElement.js

SRC UI includes React and Styled components.

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const Div_1 = __importDefault(require("@smart-react-components/core/Element/Div"));
const styled_components_1 = __importDefault(require("styled-components"));
exports.default = (0, styled_components_1.default)(Div_1.default)(({ theme, hasHover, isActive, isDisabled, isHovered, isOutline, isSoft, palette }) => {
    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76, _77, _78, _79, _80, _81, _82, _83, _84, _85, _86, _87, _88, _89, _90, _91, _92, _93, _94, _95, _96, _97, _98, _99, _100, _101, _102, _103;
    return `
  border-radius: ${theme.$.radius.dropdown};
  fill: currrentcolor;
  transition: 100ms 0s ease-in-out;
  transition-property: background, color, fill;

  .svg,
  .svg .fill,
  .svg .stroke {
    transition: 100ms 0s ease-in-out;
    transition-property: fill, stroke;
  }

  ${isSoft
        ? `
      font-weight: ${theme.$.fontWeight.bold};
    `
        : ''}

  ${!isActive
        ? `
      ${(hasHover || isHovered) && !theme.$.vars.isMobile
            ? `
          ${!isHovered ? '&:hover {' : ''}
            ${!isSoft
                ? `
                background: ${!isOutline ? ((_c = (_b = (_a = theme.$.palette[palette].dropdown) === null || _a === void 0 ? void 0 : _a.hover) === null || _b === void 0 ? void 0 : _b.background) !== null && _c !== void 0 ? _c : theme.$.palette[palette].dynamic) : ((_g = (_f = (_e = (_d = theme.$.palette[palette].dropdown) === null || _d === void 0 ? void 0 : _d.outline) === null || _e === void 0 ? void 0 : _e.hover) === null || _f === void 0 ? void 0 : _f.background) !== null && _g !== void 0 ? _g : theme.$.palette[palette].main)};
                color: ${!isOutline ? ((_k = (_j = (_h = theme.$.palette[palette].dropdown) === null || _h === void 0 ? void 0 : _h.hover) === null || _j === void 0 ? void 0 : _j.font) !== null && _k !== void 0 ? _k : theme.$.palette[palette].font) : ((_p = (_o = (_m = (_l = theme.$.palette[palette].dropdown) === null || _l === void 0 ? void 0 : _l.outline) === null || _m === void 0 ? void 0 : _m.hover) === null || _o === void 0 ? void 0 : _o.font) !== null && _p !== void 0 ? _p : theme.$.palette[palette].font)};

                .svg,
                .svg .fill {
                  fill: ${!isOutline ? ((_s = (_r = (_q = theme.$.palette[palette].dropdown) === null || _q === void 0 ? void 0 : _q.hover) === null || _r === void 0 ? void 0 : _r.font) !== null && _s !== void 0 ? _s : theme.$.palette[palette].font) : ((_w = (_v = (_u = (_t = theme.$.palette[palette].dropdown) === null || _t === void 0 ? void 0 : _t.outline) === null || _u === void 0 ? void 0 : _u.hover) === null || _v === void 0 ? void 0 : _v.font) !== null && _w !== void 0 ? _w : theme.$.palette[palette].font)};
                }

                .svg .stroke {
                  stroke: ${!isOutline ? ((_z = (_y = (_x = theme.$.palette[palette].dropdown) === null || _x === void 0 ? void 0 : _x.hover) === null || _y === void 0 ? void 0 : _y.font) !== null && _z !== void 0 ? _z : theme.$.palette[palette].font) : ((_3 = (_2 = (_1 = (_0 = theme.$.palette[palette].dropdown) === null || _0 === void 0 ? void 0 : _0.outline) === null || _1 === void 0 ? void 0 : _1.hover) === null || _2 === void 0 ? void 0 : _2.font) !== null && _3 !== void 0 ? _3 : theme.$.palette[palette].font)};
                }
              `
                : `
                background: ${!isOutline ? ((_7 = (_6 = (_5 = (_4 = theme.$.palette[palette].dropdown) === null || _4 === void 0 ? void 0 : _4.soft) === null || _5 === void 0 ? void 0 : _5.hover) === null || _6 === void 0 ? void 0 : _6.background) !== null && _7 !== void 0 ? _7 : theme.$.palette[palette].softDynamic) : ((_12 = (_11 = (_10 = (_9 = (_8 = theme.$.palette[palette].dropdown) === null || _8 === void 0 ? void 0 : _8.soft) === null || _9 === void 0 ? void 0 : _9.outline) === null || _10 === void 0 ? void 0 : _10.hover) === null || _11 === void 0 ? void 0 : _11.background) !== null && _12 !== void 0 ? _12 : theme.$.palette[palette].soft)};
                color: ${!isOutline ? ((_16 = (_15 = (_14 = (_13 = theme.$.palette[palette].dropdown) === null || _13 === void 0 ? void 0 : _13.soft) === null || _14 === void 0 ? void 0 : _14.hover) === null || _15 === void 0 ? void 0 : _15.font) !== null && _16 !== void 0 ? _16 : theme.$.palette[palette].softFont) : ((_21 = (_20 = (_19 = (_18 = (_17 = theme.$.palette[palette].dropdown) === null || _17 === void 0 ? void 0 : _17.soft) === null || _18 === void 0 ? void 0 : _18.outline) === null || _19 === void 0 ? void 0 : _19.hover) === null || _20 === void 0 ? void 0 : _20.font) !== null && _21 !== void 0 ? _21 : theme.$.palette[palette].softFont)};

                .svg,
                .svg .fill {
                  fill: ${!isOutline ? ((_25 = (_24 = (_23 = (_22 = theme.$.palette[palette].dropdown) === null || _22 === void 0 ? void 0 : _22.soft) === null || _23 === void 0 ? void 0 : _23.hover) === null || _24 === void 0 ? void 0 : _24.font) !== null && _25 !== void 0 ? _25 : theme.$.palette[palette].softFont) : ((_30 = (_29 = (_28 = (_27 = (_26 = theme.$.palette[palette].dropdown) === null || _26 === void 0 ? void 0 : _26.soft) === null || _27 === void 0 ? void 0 : _27.outline) === null || _28 === void 0 ? void 0 : _28.hover) === null || _29 === void 0 ? void 0 : _29.font) !== null && _30 !== void 0 ? _30 : theme.$.palette[palette].softFont)};
                }

                .svg .stroke {
                  stroke: ${!isOutline ? ((_34 = (_33 = (_32 = (_31 = theme.$.palette[palette].dropdown) === null || _31 === void 0 ? void 0 : _31.soft) === null || _32 === void 0 ? void 0 : _32.hover) === null || _33 === void 0 ? void 0 : _33.font) !== null && _34 !== void 0 ? _34 : theme.$.palette[palette].softFont) : ((_39 = (_38 = (_37 = (_36 = (_35 = theme.$.palette[palette].dropdown) === null || _35 === void 0 ? void 0 : _35.soft) === null || _36 === void 0 ? void 0 : _36.outline) === null || _37 === void 0 ? void 0 : _37.hover) === null || _38 === void 0 ? void 0 : _38.font) !== null && _39 !== void 0 ? _39 : theme.$.palette[palette].softFont)};
                }
              `}
          ${!isHovered ? '}' : ''}
        `
            : ''}
    `
        : `
      ${!isSoft
            ? `
          background: ${!isOutline ? ((_42 = (_41 = (_40 = theme.$.palette[palette].dropdown) === null || _40 === void 0 ? void 0 : _40.active) === null || _41 === void 0 ? void 0 : _41.background) !== null && _42 !== void 0 ? _42 : theme.$.palette[palette].dynamicest) : ((_46 = (_45 = (_44 = (_43 = theme.$.palette[palette].dropdown) === null || _43 === void 0 ? void 0 : _43.outline) === null || _44 === void 0 ? void 0 : _44.active) === null || _45 === void 0 ? void 0 : _45.background) !== null && _46 !== void 0 ? _46 : theme.$.palette[palette].dynamicer)};
          color: ${!isOutline ? ((_49 = (_48 = (_47 = theme.$.palette[palette].dropdown) === null || _47 === void 0 ? void 0 : _47.active) === null || _48 === void 0 ? void 0 : _48.font) !== null && _49 !== void 0 ? _49 : theme.$.palette[palette].font) : ((_53 = (_52 = (_51 = (_50 = theme.$.palette[palette].dropdown) === null || _50 === void 0 ? void 0 : _50.outline) === null || _51 === void 0 ? void 0 : _51.active) === null || _52 === void 0 ? void 0 : _52.font) !== null && _53 !== void 0 ? _53 : theme.$.palette[palette].font)};

          .svg,
          .svg .fill {
            fill: ${!isOutline ? ((_56 = (_55 = (_54 = theme.$.palette[palette].dropdown) === null || _54 === void 0 ? void 0 : _54.active) === null || _55 === void 0 ? void 0 : _55.font) !== null && _56 !== void 0 ? _56 : theme.$.palette[palette].font) : ((_60 = (_59 = (_58 = (_57 = theme.$.palette[palette].dropdown) === null || _57 === void 0 ? void 0 : _57.outline) === null || _58 === void 0 ? void 0 : _58.active) === null || _59 === void 0 ? void 0 : _59.font) !== null && _60 !== void 0 ? _60 : theme.$.palette[palette].font)};
          }

          .svg .stroke {
            stroke: ${!isOutline ? ((_63 = (_62 = (_61 = theme.$.palette[palette].dropdown) === null || _61 === void 0 ? void 0 : _61.active) === null || _62 === void 0 ? void 0 : _62.font) !== null && _63 !== void 0 ? _63 : theme.$.palette[palette].font) : ((_67 = (_66 = (_65 = (_64 = theme.$.palette[palette].dropdown) === null || _64 === void 0 ? void 0 : _64.outline) === null || _65 === void 0 ? void 0 : _65.active) === null || _66 === void 0 ? void 0 : _66.font) !== null && _67 !== void 0 ? _67 : theme.$.palette[palette].font)};
          }
        `
            : `
          background: ${!isOutline ? ((_71 = (_70 = (_69 = (_68 = theme.$.palette[palette].dropdown) === null || _68 === void 0 ? void 0 : _68.soft) === null || _69 === void 0 ? void 0 : _69.active) === null || _70 === void 0 ? void 0 : _70.background) !== null && _71 !== void 0 ? _71 : theme.$.palette[palette].softDynamicest) : ((_76 = (_75 = (_74 = (_73 = (_72 = theme.$.palette[palette].dropdown) === null || _72 === void 0 ? void 0 : _72.soft) === null || _73 === void 0 ? void 0 : _73.outline) === null || _74 === void 0 ? void 0 : _74.active) === null || _75 === void 0 ? void 0 : _75.background) !== null && _76 !== void 0 ? _76 : theme.$.palette[palette].softDynamicer)};
          color: ${!isOutline ? ((_80 = (_79 = (_78 = (_77 = theme.$.palette[palette].dropdown) === null || _77 === void 0 ? void 0 : _77.soft) === null || _78 === void 0 ? void 0 : _78.active) === null || _79 === void 0 ? void 0 : _79.font) !== null && _80 !== void 0 ? _80 : theme.$.palette[palette].softFont) : ((_85 = (_84 = (_83 = (_82 = (_81 = theme.$.palette[palette].dropdown) === null || _81 === void 0 ? void 0 : _81.soft) === null || _82 === void 0 ? void 0 : _82.outline) === null || _83 === void 0 ? void 0 : _83.active) === null || _84 === void 0 ? void 0 : _84.font) !== null && _85 !== void 0 ? _85 : theme.$.palette[palette].softFont)};

          .svg,
          .svg .fill {
            fill: ${!isOutline ? ((_89 = (_88 = (_87 = (_86 = theme.$.palette[palette].dropdown) === null || _86 === void 0 ? void 0 : _86.soft) === null || _87 === void 0 ? void 0 : _87.active) === null || _88 === void 0 ? void 0 : _88.font) !== null && _89 !== void 0 ? _89 : theme.$.palette[palette].softFont) : ((_94 = (_93 = (_92 = (_91 = (_90 = theme.$.palette[palette].dropdown) === null || _90 === void 0 ? void 0 : _90.soft) === null || _91 === void 0 ? void 0 : _91.outline) === null || _92 === void 0 ? void 0 : _92.active) === null || _93 === void 0 ? void 0 : _93.font) !== null && _94 !== void 0 ? _94 : theme.$.palette[palette].softFont)};
          }

          .svg .stroke {
            stroke: ${!isOutline ? ((_98 = (_97 = (_96 = (_95 = theme.$.palette[palette].dropdown) === null || _95 === void 0 ? void 0 : _95.soft) === null || _96 === void 0 ? void 0 : _96.active) === null || _97 === void 0 ? void 0 : _97.font) !== null && _98 !== void 0 ? _98 : theme.$.palette[palette].softFont) : ((_103 = (_102 = (_101 = (_100 = (_99 = theme.$.palette[palette].dropdown) === null || _99 === void 0 ? void 0 : _99.soft) === null || _100 === void 0 ? void 0 : _100.outline) === null || _101 === void 0 ? void 0 : _101.active) === null || _102 === void 0 ? void 0 : _102.font) !== null && _103 !== void 0 ? _103 : theme.$.palette[palette].softFont)};
          }
        `}
    `}

  ${isDisabled
        ? `
      opacity: ${theme.$.opacity.dropdownDisabled};
      pointer-events: none;
    `
        : ''}
`;
});