react-timekeeper/lib/components/styles/time-dropdown.js

Time picker based on the style of the Google Keep app

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.wrapper = exports.options = exports.option = void 0;

var _react = require("@emotion/react");

var _utils = require("../../helpers/utils");

var _templateObject;

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }

const DROPDOWN_BORDER = '#f4f4f4';
const DROPDOWN_COLOR = '#8c8c8c';
const DROPDOWN_COLOR_DISABLED = '#ddd';
const DROPDOWN_SELECTED_COLOR = '#EAF8FF';
const hour = "right: -22px;";
const minute = "right: -10px;";
const hour24 = "\n\tleft: 50%;\n\ttransform: translateX(-50%);\n";
const fadeIn = (0, _react.keyframes)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t0% { opacity: 0; }\n\t100% { opacity: 1; }\n"])));

const wrapper = (hour24Mode, mode) => /*#__PURE__*/(0, _react.css)("position:absolute;display:inline-block;background:white;border:var(--dropdown-border, 1px solid ", DROPDOWN_BORDER, ");border-radius:2px;padding:6px 0;z-index:20;top:62px;height:250px;overflow-y:auto;box-shadow:var(\n\t\t--dropdown-shadow,\n\t\t0 1px 3px rgba(0, 0, 0, 0.12),\n\t\t0 1px 2px rgba(0, 0, 0, 0.24)\n\t);opacity:0;animation:", fadeIn, " 0.2s ease-out both;", hour24Mode ? hour24 : (0, _utils.isMinuteMode)(mode) ? minute : hour, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3N0eWxlcy90aW1lLWRyb3Bkb3duLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCK0QiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc3R5bGVzL3RpbWUtZHJvcGRvd24udHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgaXNNaW51dGVNb2RlIH0gZnJvbSAnLi4vLi4vaGVscGVycy91dGlscydcbmltcG9ydCB7IE1PREUgfSBmcm9tICcuLi8uLi9oZWxwZXJzL2NvbnN0YW50cydcblxuY29uc3QgRFJPUERPV05fQk9SREVSID0gJyNmNGY0ZjQnXG5jb25zdCBEUk9QRE9XTl9DT0xPUiA9ICcjOGM4YzhjJ1xuY29uc3QgRFJPUERPV05fQ09MT1JfRElTQUJMRUQgPSAnI2RkZCdcbmNvbnN0IERST1BET1dOX1NFTEVDVEVEX0NPTE9SID0gJyNFQUY4RkYnXG5cbmNvbnN0IGhvdXIgPSBgcmlnaHQ6IC0yMnB4O2BcbmNvbnN0IG1pbnV0ZSA9IGByaWdodDogLTEwcHg7YFxuY29uc3QgaG91cjI0ID0gYFxuXHRsZWZ0OiA1MCU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcbmBcblxuY29uc3QgZmFkZUluID0ga2V5ZnJhbWVzYFxuXHQwJSB7IG9wYWNpdHk6IDA7IH1cblx0MTAwJSB7IG9wYWNpdHk6IDE7IH1cbmBcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXIgPSAoaG91cjI0TW9kZTogYm9vbGVhbiwgbW9kZTogTU9ERSkgPT4gY3NzYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0YmFja2dyb3VuZDogd2hpdGU7XG5cdGJvcmRlcjogdmFyKC0tZHJvcGRvd24tYm9yZGVyLCAxcHggc29saWQgJHtEUk9QRE9XTl9CT1JERVJ9KTtcblx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRwYWRkaW5nOiA2cHggMDtcblx0ei1pbmRleDogMjA7XG5cdHRvcDogNjJweDtcblx0aGVpZ2h0OiAyNTBweDtcblx0b3ZlcmZsb3cteTogYXV0bztcblx0Ym94LXNoYWRvdzogdmFyKFxuXHRcdC0tZHJvcGRvd24tc2hhZG93LFxuXHRcdDAgMXB4IDNweCByZ2JhKDAsIDAsIDAsIDAuMTIpLFxuXHRcdDAgMXB4IDJweCByZ2JhKDAsIDAsIDAsIDAuMjQpXG5cdCk7XG5cdG9wYWNpdHk6IDA7XG5cdGFuaW1hdGlvbjogJHtmYWRlSW59IDAuMnMgZWFzZS1vdXQgYm90aDtcblxuXHQke2hvdXIyNE1vZGUgPyBob3VyMjQgOiBpc01pbnV0ZU1vZGUobW9kZSkgPyBtaW51dGUgOiBob3VyfVxuYFxuXG5leHBvcnQgY29uc3Qgb3B0aW9ucyA9IGNzc2Bcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsaXN0LXN0eWxlOiBub25lO1xuXHRwYWRkaW5nOiAwO1xuXHRtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHNlbGVjdGVkID0gYGJhY2tncm91bmQ6ICR7RFJPUERPV05fU0VMRUNURURfQ09MT1J9O2BcblxuaW50ZXJmYWNlIE9wdGlvblN0eWxlUHJvcHMge1xuXHRhY3RpdmU6IGJvb2xlYW5cblx0ZW5hYmxlZDogYm9vbGVhblxufVxuXG5jb25zdCBlbmFibGVkQ29sb3IgPSBgdmFyKC0tZHJvcGRvd24tdGV4dC1jb2xvciwgJHtEUk9QRE9XTl9DT0xPUn0pYFxuY29uc3QgZGlzYWJsZWRDb2xvciA9IGB2YXIoLS1kcm9wZG93bi10ZXh0LWNvbG9yLWRpc2FibGVkLCAke0RST1BET1dOX0NPTE9SX0RJU0FCTEVEfSlgXG5cbmV4cG9ydCBjb25zdCBvcHRpb24gPSAoeyBhY3RpdmUsIGVuYWJsZWQgfTogT3B0aW9uU3R5bGVQcm9wcykgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblx0cGFkZGluZzogN3B4IDMwcHg7XG5cdGZvbnQtc2l6ZTogMTZweDtcblx0Y29sb3I6ICR7ZW5hYmxlZCA/IGVuYWJsZWRDb2xvciA6IGRpc2FibGVkQ29sb3J9O1xuXHRjdXJzb3I6ICR7ZW5hYmxlZCA/ICdwb2ludGVyJyA6ICdub3QtYWxsb3dlZCd9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAke2VuYWJsZWQgJiYgYHZhcigtLWRyb3Bkb3duLWhvdmVyLWJnLCAke0RST1BET1dOX1NFTEVDVEVEX0NPTE9SfSlgfTtcblx0fVxuXHQke2FjdGl2ZSAmJiBzZWxlY3RlZH1cbmBcbiJdfQ== */");

exports.wrapper = wrapper;
const options = process.env.NODE_ENV === "production" ? {
  name: "ho1x7s",
  styles: "position:relative;list-style:none;padding:0;margin:0"
} : {
  name: "7acyct-options",
  styles: "position:relative;list-style:none;padding:0;margin:0;label:options;",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3N0eWxlcy90aW1lLWRyb3Bkb3duLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc3R5bGVzL3RpbWUtZHJvcGRvd24udHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgaXNNaW51dGVNb2RlIH0gZnJvbSAnLi4vLi4vaGVscGVycy91dGlscydcbmltcG9ydCB7IE1PREUgfSBmcm9tICcuLi8uLi9oZWxwZXJzL2NvbnN0YW50cydcblxuY29uc3QgRFJPUERPV05fQk9SREVSID0gJyNmNGY0ZjQnXG5jb25zdCBEUk9QRE9XTl9DT0xPUiA9ICcjOGM4YzhjJ1xuY29uc3QgRFJPUERPV05fQ09MT1JfRElTQUJMRUQgPSAnI2RkZCdcbmNvbnN0IERST1BET1dOX1NFTEVDVEVEX0NPTE9SID0gJyNFQUY4RkYnXG5cbmNvbnN0IGhvdXIgPSBgcmlnaHQ6IC0yMnB4O2BcbmNvbnN0IG1pbnV0ZSA9IGByaWdodDogLTEwcHg7YFxuY29uc3QgaG91cjI0ID0gYFxuXHRsZWZ0OiA1MCU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcbmBcblxuY29uc3QgZmFkZUluID0ga2V5ZnJhbWVzYFxuXHQwJSB7IG9wYWNpdHk6IDA7IH1cblx0MTAwJSB7IG9wYWNpdHk6IDE7IH1cbmBcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXIgPSAoaG91cjI0TW9kZTogYm9vbGVhbiwgbW9kZTogTU9ERSkgPT4gY3NzYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0YmFja2dyb3VuZDogd2hpdGU7XG5cdGJvcmRlcjogdmFyKC0tZHJvcGRvd24tYm9yZGVyLCAxcHggc29saWQgJHtEUk9QRE9XTl9CT1JERVJ9KTtcblx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRwYWRkaW5nOiA2cHggMDtcblx0ei1pbmRleDogMjA7XG5cdHRvcDogNjJweDtcblx0aGVpZ2h0OiAyNTBweDtcblx0b3ZlcmZsb3cteTogYXV0bztcblx0Ym94LXNoYWRvdzogdmFyKFxuXHRcdC0tZHJvcGRvd24tc2hhZG93LFxuXHRcdDAgMXB4IDNweCByZ2JhKDAsIDAsIDAsIDAuMTIpLFxuXHRcdDAgMXB4IDJweCByZ2JhKDAsIDAsIDAsIDAuMjQpXG5cdCk7XG5cdG9wYWNpdHk6IDA7XG5cdGFuaW1hdGlvbjogJHtmYWRlSW59IDAuMnMgZWFzZS1vdXQgYm90aDtcblxuXHQke2hvdXIyNE1vZGUgPyBob3VyMjQgOiBpc01pbnV0ZU1vZGUobW9kZSkgPyBtaW51dGUgOiBob3VyfVxuYFxuXG5leHBvcnQgY29uc3Qgb3B0aW9ucyA9IGNzc2Bcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsaXN0LXN0eWxlOiBub25lO1xuXHRwYWRkaW5nOiAwO1xuXHRtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHNlbGVjdGVkID0gYGJhY2tncm91bmQ6ICR7RFJPUERPV05fU0VMRUNURURfQ09MT1J9O2BcblxuaW50ZXJmYWNlIE9wdGlvblN0eWxlUHJvcHMge1xuXHRhY3RpdmU6IGJvb2xlYW5cblx0ZW5hYmxlZDogYm9vbGVhblxufVxuXG5jb25zdCBlbmFibGVkQ29sb3IgPSBgdmFyKC0tZHJvcGRvd24tdGV4dC1jb2xvciwgJHtEUk9QRE9XTl9DT0xPUn0pYFxuY29uc3QgZGlzYWJsZWRDb2xvciA9IGB2YXIoLS1kcm9wZG93bi10ZXh0LWNvbG9yLWRpc2FibGVkLCAke0RST1BET1dOX0NPTE9SX0RJU0FCTEVEfSlgXG5cbmV4cG9ydCBjb25zdCBvcHRpb24gPSAoeyBhY3RpdmUsIGVuYWJsZWQgfTogT3B0aW9uU3R5bGVQcm9wcykgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblx0cGFkZGluZzogN3B4IDMwcHg7XG5cdGZvbnQtc2l6ZTogMTZweDtcblx0Y29sb3I6ICR7ZW5hYmxlZCA/IGVuYWJsZWRDb2xvciA6IGRpc2FibGVkQ29sb3J9O1xuXHRjdXJzb3I6ICR7ZW5hYmxlZCA/ICdwb2ludGVyJyA6ICdub3QtYWxsb3dlZCd9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAke2VuYWJsZWQgJiYgYHZhcigtLWRyb3Bkb3duLWhvdmVyLWJnLCAke0RST1BET1dOX1NFTEVDVEVEX0NPTE9SfSlgfTtcblx0fVxuXHQke2FjdGl2ZSAmJiBzZWxlY3RlZH1cbmBcbiJdfQ== */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};
exports.options = options;
const selected = "background: ".concat(DROPDOWN_SELECTED_COLOR, ";");
const enabledColor = "var(--dropdown-text-color, ".concat(DROPDOWN_COLOR, ")");
const disabledColor = "var(--dropdown-text-color-disabled, ".concat(DROPDOWN_COLOR_DISABLED, ")");

const option = _ref => {
  let {
    active,
    enabled
  } = _ref;
  return /*#__PURE__*/(0, _react.css)("background:transparent;padding:7px 30px;font-size:16px;color:", enabled ? enabledColor : disabledColor, ";cursor:", enabled ? 'pointer' : 'not-allowed', ";&:hover{background:", enabled && "var(--dropdown-hover-bg, ".concat(DROPDOWN_SELECTED_COLOR, ")"), ";}", active && selected, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:option;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3N0eWxlcy90aW1lLWRyb3Bkb3duLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREb0UiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc3R5bGVzL3RpbWUtZHJvcGRvd24udHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgaXNNaW51dGVNb2RlIH0gZnJvbSAnLi4vLi4vaGVscGVycy91dGlscydcbmltcG9ydCB7IE1PREUgfSBmcm9tICcuLi8uLi9oZWxwZXJzL2NvbnN0YW50cydcblxuY29uc3QgRFJPUERPV05fQk9SREVSID0gJyNmNGY0ZjQnXG5jb25zdCBEUk9QRE9XTl9DT0xPUiA9ICcjOGM4YzhjJ1xuY29uc3QgRFJPUERPV05fQ09MT1JfRElTQUJMRUQgPSAnI2RkZCdcbmNvbnN0IERST1BET1dOX1NFTEVDVEVEX0NPTE9SID0gJyNFQUY4RkYnXG5cbmNvbnN0IGhvdXIgPSBgcmlnaHQ6IC0yMnB4O2BcbmNvbnN0IG1pbnV0ZSA9IGByaWdodDogLTEwcHg7YFxuY29uc3QgaG91cjI0ID0gYFxuXHRsZWZ0OiA1MCU7XG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcbmBcblxuY29uc3QgZmFkZUluID0ga2V5ZnJhbWVzYFxuXHQwJSB7IG9wYWNpdHk6IDA7IH1cblx0MTAwJSB7IG9wYWNpdHk6IDE7IH1cbmBcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXIgPSAoaG91cjI0TW9kZTogYm9vbGVhbiwgbW9kZTogTU9ERSkgPT4gY3NzYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0YmFja2dyb3VuZDogd2hpdGU7XG5cdGJvcmRlcjogdmFyKC0tZHJvcGRvd24tYm9yZGVyLCAxcHggc29saWQgJHtEUk9QRE9XTl9CT1JERVJ9KTtcblx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRwYWRkaW5nOiA2cHggMDtcblx0ei1pbmRleDogMjA7XG5cdHRvcDogNjJweDtcblx0aGVpZ2h0OiAyNTBweDtcblx0b3ZlcmZsb3cteTogYXV0bztcblx0Ym94LXNoYWRvdzogdmFyKFxuXHRcdC0tZHJvcGRvd24tc2hhZG93LFxuXHRcdDAgMXB4IDNweCByZ2JhKDAsIDAsIDAsIDAuMTIpLFxuXHRcdDAgMXB4IDJweCByZ2JhKDAsIDAsIDAsIDAuMjQpXG5cdCk7XG5cdG9wYWNpdHk6IDA7XG5cdGFuaW1hdGlvbjogJHtmYWRlSW59IDAuMnMgZWFzZS1vdXQgYm90aDtcblxuXHQke2hvdXIyNE1vZGUgPyBob3VyMjQgOiBpc01pbnV0ZU1vZGUobW9kZSkgPyBtaW51dGUgOiBob3VyfVxuYFxuXG5leHBvcnQgY29uc3Qgb3B0aW9ucyA9IGNzc2Bcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsaXN0LXN0eWxlOiBub25lO1xuXHRwYWRkaW5nOiAwO1xuXHRtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHNlbGVjdGVkID0gYGJhY2tncm91bmQ6ICR7RFJPUERPV05fU0VMRUNURURfQ09MT1J9O2BcblxuaW50ZXJmYWNlIE9wdGlvblN0eWxlUHJvcHMge1xuXHRhY3RpdmU6IGJvb2xlYW5cblx0ZW5hYmxlZDogYm9vbGVhblxufVxuXG5jb25zdCBlbmFibGVkQ29sb3IgPSBgdmFyKC0tZHJvcGRvd24tdGV4dC1jb2xvciwgJHtEUk9QRE9XTl9DT0xPUn0pYFxuY29uc3QgZGlzYWJsZWRDb2xvciA9IGB2YXIoLS1kcm9wZG93bi10ZXh0LWNvbG9yLWRpc2FibGVkLCAke0RST1BET1dOX0NPTE9SX0RJU0FCTEVEfSlgXG5cbmV4cG9ydCBjb25zdCBvcHRpb24gPSAoeyBhY3RpdmUsIGVuYWJsZWQgfTogT3B0aW9uU3R5bGVQcm9wcykgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblx0cGFkZGluZzogN3B4IDMwcHg7XG5cdGZvbnQtc2l6ZTogMTZweDtcblx0Y29sb3I6ICR7ZW5hYmxlZCA/IGVuYWJsZWRDb2xvciA6IGRpc2FibGVkQ29sb3J9O1xuXHRjdXJzb3I6ICR7ZW5hYmxlZCA/ICdwb2ludGVyJyA6ICdub3QtYWxsb3dlZCd9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAke2VuYWJsZWQgJiYgYHZhcigtLWRyb3Bkb3duLWhvdmVyLWJnLCAke0RST1BET1dOX1NFTEVDVEVEX0NPTE9SfSlgfTtcblx0fVxuXHQke2FjdGl2ZSAmJiBzZWxlY3RlZH1cbmBcbiJdfQ== */");
};

exports.option = option;